/* Kawasaki green 105,190,40 #69BE28 */

/* @group Base */

/* Always show wscrollbars */
/*
::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 7px;
}
::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: rgba(0,0,0,.5);
	-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
*/
body {
	margin:0px; padding:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: white;
	background-color: #000000;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 0, 0)),to(rgb(130, 236, 53)));
	background-image: -webkit-linear-gradient(top, rgb(0, 0, 0), rgb(130, 236, 53));
	background-image: -moz-linear-gradient(top, rgb(0, 0, 0), rgb(130, 236, 53));
	background-image: -o-linear-gradient(top, rgb(0, 0, 0), rgb(130, 236, 53));
	background-image: -ms-linear-gradient(top, rgb(0, 0, 0), rgb(130, 236, 53));
	background-image: linear-gradient(top, rgb(0, 0, 0), rgb(130, 236, 53));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#000000', EndColorStr='#82ec35');
	min-height: 885px;
	height: 100%;
	overflow: auto;
}

body.noscroll
{
    position: fixed; 
    overflow-y: scroll;
    width: 100%;
}

a {outline: none;}
a:link {color: orange; text-decoration: none;}      /* unvisited link */
a:visited {color: orange; text-decoration: none;}  /* visited link */
a:hover {color: lime; text-decoration: none;}  /* mouse over link */
a:active {color: orange; text-decoration: none;}  /* selected link */

.ui-widget {
	font-size: 1.0em;
}

.ui-button .ui-button-text
{
	line-height: 1.0;
}

.ui-dialog .ui-dialog-buttonpane {
	margin-top: 0;
}

.ui-tooltip, .arrow:after {
   background: black;
   border: 2px solid white;
 }
 .ui-tooltip {
   padding: 0.4em 0.8em;
   color: white;
   border-radius: 1em;
   font: 0.6em "Helvetica Neue", Sans-Serif;
   text-transform: uppercase;
   box-shadow: 0 0 0.25em black;
 }
.ui-button.redButton {
     background: red;
 }
.ui-button.greenButton {
     background: green;
 }
 .arrow {
   width: 70px;
   height: 16px;
   overflow: hidden;
   position: absolute;
   left: 50%;
   margin-left: -35px;
   bottom: -16px;
 }
 .arrow.top {
   top: -16px;
   bottom: auto;
 }
 .arrow.left {
   left: 20%;
 }
 .arrow:after {
   content: "";
   position: absolute;
   left: 20px;
   top: -20px;
   width: 25px;
   height: 25px;
   box-shadow: 6px 5px 9px -9px black;
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   tranform: rotate(45deg);
 }
 .arrow.top:after {
   bottom: -20px;
   top: auto;
 }
 
.container {
	font-size: 16px;
	width: 68em;
	min-width:68em;
	max-width:68em;
	min-height: 56em;
	max-height: 56em;
	height: 56em;
	margin-right: auto;
	margin-left: auto;
}

#header_row {
	width: 68em;
	height: 5.6em;
	position: relative;
}

.footer_row {
	width: 68em;
	height: 2.0em;
	margin-top: 1.0em;
}

.terms_main_container {
	font-size: 16px;
	width: 68em;
	min-width:68em;
	max-width:68em;
	min-height: 56em;
	margin-right: auto;
	margin-left: auto;
}

.terms_container {
	padding-top: 1em;
	padding-bottom: 2em;
	font-size: 0.625em;
}

#footer_row_text {
	text-align: center;
	font-size: 0.8em;
	display: block;
}

#footer_row_copyright {
	text-align: center;
	font-size: 0.8em;
	display: block;
}

#logo {
	position: absolute;
	height: 5em;
	width: 22em;
	left: 0em;
	top: 0em;
}

#logo_title {
	font-size: 1.8em;
	display: block;
	font-weight: bold;
}

#logo_subtitle {
	font-size: 0.7em;
	display: block;
}

#logo_tel {
	font-size: 1.0em;
	display: block;
	margin-top: 0.4em;
}

#customer_panel {
	position: absolute;
	width: 20em;
	height: 3.0em;
	left: 22em;
	top: 0em;
	overflow: hidden;
}

#parts_2015_panel {
	/*stitching*/
	outline: 1px dashed #FFFFFF;
	outline-offset: -4px;
	background-color: #000000;
	
	/*shadow*/
	-webkit-box-shadow: 2px 2px 2px #000;
	-moz-box-shadow: 2px 2px 2px #000;
	box-shadow: 2px 2px 2px #000;
	
	
	
	text-align: center;
	position: absolute;
	width: 20em;
	height: 2.0em;
	line-height: 2.0em;
	left: 22em;
	top: 3.5em;
	overflow: hidden;
		
	text-shadow: #363535 3px 3px 5px;
	font-variant: small-caps;
}

#parts_2015_panel:hover {
    background: #7BE033;
    color: #FFFFFF;
}

#basket_panel {
	position: absolute;
	width: 13.4em;
	height: 5em;
	left: 42em;
	top: 0em;
}

#basket_panel_left {
	float: left;
	width: 3em;
	margin-top: 0.25em;
}

#basket_panel_right {
	float: right;
	width: 10em;
	height: 5em;
}

#basket_line1 {
	display: block;
	height: 2em;
}

#basket_line2 {
	display: block;
}

#call_us_panel {
	position: absolute;
	width: 11em;
	height: 5em;
	left: 57em;
	top: 0.1em;
}

#call_us_panel p {
	font-size: 0.75em;
	margin-top: 0.05em;
	margin-bottom: 0.1em;
}

#filter_row1 {
	width: 68em;
	height: 12em;	
}

#vehicles {
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;	
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	-moz-border-radius:20px 20px 20px 20px;  /* shorthand topleft topright bottomright bottomleft */
	border: 0.2em solid silver;
	padding-left: 10px;
	padding-right: 10px;
}

#filter_row2 {
	margin-top: 0.5em;
	width: 68em;
	height: 12em;
	position: relative;
}

#filter_column_2_1 {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;	
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius:10px 10px 10px 10px;  /* shorthand topleft topright bottomright bottomleft */
	border: 0.2em solid silver;
	width: 10em;
	height: 12em;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

#filter_accordian h3 {
	font-size: 0.7em;
}

#filter_accordian_1 {
	font-size: 0.6em;
}

#filter_accordian_2 {
	font-size: 0.6em;
}

#filter_accordian_3 {
	font-size: 0.6em;
}

#filter_accordian_4 {
	font-size: 0.6em;
}

.ui-accordion .ui-accordion-header {
	padding: .2em .5em .2em 1.7em;
}

.ui-accordion .ui-accordion-content {
	padding: 1em 1.2em;
	overflow: hidden;
}

#filter_column_2_2 {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;	
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius:5px 5px 10px 10px;  /* shorthand topleft topright bottomright bottomleft */
	border: 0.2em solid silver;
	width: 32em;
	height: 12em;
	position: absolute;
	top: 0;
	left: 11em;
	overflow: hidden;
}

#filter_column_2_3 {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;	
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius:5px 5px 10px 10px;  /* shorthand topleft topright bottomright bottomleft */
	border: 0.2em solid silver;
	width: 8em;
	height: 12em;
	position: absolute;
	top: 0;
	left: 44em;
	overflow: hidden;
}

.swatch {
	width: 4em;
	height: 4em;
	border: 0.0625em solid black;
	display: inline-block;
	margin-left: 1.0em;
}

.swatch_name {
	text-align: center;
	font-size: 0.8em;
}

#filter_column_2_4 {
	width: 14.625em;
	height: 12.375em;
	position: absolute;
	top: 0;
	left: 53.1875em;
	overflow: hidden;
}

#filter_column_2_4_1 {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;	
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius:5px 5px 10px 10px;  /* shorthand topleft topright bottomright bottomleft */
	border: 0.2em solid silver;
	display: block;
	width: 14.25em;
	height: 9em;
}

#filter_components {
	text-align: center;
}

#filter_column_2_4_2 {
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	-moz-border-radius:20px 20px 20px 20px;  /* shorthand topleft topright bottomright bottomleft */
	border: 3px solid silver;
	display: block;
	margin-top: 0.2em;
	width: 14.25em;
	height: 2.425em;
	position: relative;
}


/* @end */





/* @group Spinners
 */
#page_spinner {
	width: 90px;
	height: 90px;
	border-style: none;
	margin-right: auto;
	margin-left: auto;
}


#search_spinner {
	width: 128px;
	height: 91px;
	z-index: 1;
	top: 50%;
	margin-left: 473px;
	position: absolute;
}

#search_message {
	color: #ec0e0e;
	font-size: 32px;
	font-variant: small-caps;
	text-shadow: 2px 2px 2px #ffffff;
	position: absolute;
	z-index: 2;
	top: 50%;
	width: 256px;
}
/* @end */

/* @group Filter */

/* @group Row 1 */



#vehicles_heading {
	text-align: center;
}

#vehicles p {
	color: white;
	font-variant: small-caps;
	font-size: 16px;
	margin-right: 30px;
	text-align: right;
	margin-top: 0;
	position: relative;
	display: absolute;
}

.vehicle {
	display: inline-block;
	text-shadow: #f00 0 0 0; color: #cc2c2c;
	padding-right: 12px;
	padding-left: 12px;
	padding-bottom: 10px;
}

.vehicle h1 {
	color: white;
	text-align: center;
	font-variant: small-caps;
	font-size: 0.75em !important;
}

.vehicle h2 {
	color: white;
	text-align: center;
	font-variant: small-caps;
	font-size: 0.6em !important;
}

/* @end */

/* @group Row 2 */

#filter_component_search {
	height: 2.425em;
	width: 14.25em;
	margin: auto;
	top: 0.5625em;
}
#filter_component_search table {
	top: 0.5em;
	position: relative;
	margin: auto;
	font-size: 0.8em;
}

#component_part_search_input {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius:10px 10px 10px 10px;  /* shorthand topleft topright bottomright bottomleft */
}
#filter_name_input {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius:10px 10px 10px 10px;  /* shorthand topleft topright bottomright bottomleft */
}

#filter_column_parts {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;	
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius:5px 5px 10px 10px;  /* shorthand topleft topright bottomright bottomleft */
	border: 0.2em solid silver;
	width: 56.625em;
	height: 12em;
	position: absolute;
	top: 0;
	left: 11em;
	overflow: hidden;
}


/* @group Components */




/* @group Row 3 */

#filter_row3 {
	margin-top: 10px;
	height: 280px;
}


.filter_pictorials_table {
	text-align: center;
	border-style: none !important;
}

.filter_pictorials_table_column_hover {
	background-color:lime;
}

.filter_pictorials_table_column_selected {
	background-color:orange !important;
}

.filter_pictorials_table tr,
.filter_pictorials_table th,
.filter_pictorials_table td
{
	font-size: 10px !important;
	border-style: none !important;
}

#filter_pictorials {
	overflow-x: scroll;
	overflow-y: hidden;
	height: 282px;
}
#filter_pictorials_scroller {
	display: block;
	margin-right: -30000px;
	float: left;
	height: 261px;
}

.pictorial {
	width: 180px;
	height: 237px;	
	background-repeat: no-repeat;
	display: inline-block;
}

.pictorial_index0 {
	background-position: -5px -5px;
}

.pictorial_index1 {
	background-position: -195px -5px;
}

.pictorial_index2 {
	background-position: -385px -5px;
}

.pictorial_index3 {
	background-position: -5px -252px;
}

.pictorial_index4 {
	background-position: -195px -252px;
}

.pictorial_index5 {
	background-position: -385px -252px;
}

.filter_pictorials_table_column_selected {
	background-color:orange !important;
}
/* @end */

/* @end */

/* @group Forms */
.ui-dialog .ui-state-error { padding: .3em; }
.validateTips { border: 1px solid transparent; padding: 0.3em; }
/* @end */

/* @group SignIn Form */
#signin-form {font-size: 62.5%; }
#signin-form label, input { display:block; }
#signin-form input.text {
	width:95%; padding: .4em;
	margin-bottom: 6px;
}
#signin-form fieldset { padding:0; border:0; margin-top: 12px; }
#signin-form h1 { font-size: 1.2em; margin: .6em 0; }
#signin-form a:link {color: orange; text-decoration: none;}      /* unvisited link */
#signin-form a:visited {color: orange; text-decoration: none;}  /* visited link */
#signin-form a:hover {color: lime; text-decoration: none;}  /* mouse over link */
#signin-form a:active {color: orange; text-decoration: none;}  /* selected link */
#signin-form register-link {
	font-size: 1.2em;
}

/* @end */


/* @group Registration Form */
#registration-form {
	min-height: 570px !important;
}
#registration-form {font-size: 62.5%; }
#registration-form label, input { display:block; }
#registration-form input.text {
	width:95%; padding: .4em;
	margin-bottom: 6px;
}
#registration-form fieldset { padding:0; border:0; margin-top: 12px; }
#registration-form h1 { font-size: 1.2em; margin: .6em 0; }
#registration-form required {
	color: red;
	font-weight: bold;
	font-size: 0.7em;
}

#registration-ok-message {font-size: 62.5%; }

/* @end */


#dialog_overlay {
     position: fixed;
     left: 0px;
     top: 0px;
     min-width:100%;
     min-height:100%;
     text-align:center;
     z-index: 10;
	 background: rgba(0, 0, 0, 0.4);
 }

/* @group Pattern */
.pattern_dialog {
	border: 1px solid green;
	height: 863px;
	width: 1060px;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	top: 0px;
	z-index: 11;
}

#pattern_sidebar {
	background-color: silver;
	width: 400px;
	height: 863px;
	display: inline-block;
	float: left;
}

#pattern_sidebar h3 {
	margin-top: 4px;
	margin-bottom: 4px;
}

/* 2192 x 2867 */
#pattern_container {
	height: 861px;
	width: 658px;
	border: 1px solid orange;
	display: inline-block;
	float: right;
}

.pattern {
	height: 861px;
	width: 658px;
}

.pattern_link {
	border: 1px solid orange;
	position: absolute;
	display: inline-block;
}

.pattern_link_hidden {
	border-width: 0px !important;
	border-style: none;
}

.pattern_link_hover {
	border: 1px solid lime;
}

.pattern_link_hl {
	border: 6px solid lime;
	position: absolute;
	display: inline-block;
}

/* .pattern_link_hover { border: 3px outset lime; } */


/* @end */


/* @group Groups */
.close_icon {
	width: 20px;
	height: 20px;
	display: inline-block;
	position: absolute;
	right: 20px;
	top: 20px;
	opacity: 0.4;
}
.close_icon_hover { opacity: 1.0 !important; }
#pattern_tip {
	display: inline-block;
	position: absolute;
	right: 170px;
	top: 20px;
	color: maroon;
}
/* @end */

/* @group Basket */

/* @end */

#part_dialog_part_count_required {
	font-size: 0.8em;
	text-align: center;
}

.part_dialog_table {
	margin-right: auto;
	margin-left: auto;
}

#add_part_result_text {
	overflow: hidden;
	text-align: center;
}

.admin_banner {
	background-color: rgba(249, 64, 64, 0.8);
	color: white;
	border: 2px solid white;
	padding: 5px;
}

#admin_banner_rolled_up {
	text-align: center;
	font-size: 0.8em;
}

#admin_banner_hide {
	text-align: right;
	font-size: 0.8em;
}

.admin_banner h1 {
	font-weight: bold;
	font-size: 0.7em;
}

.admin_banner label {
	font-size: 0.7em;	
}

#admin_banner_tabs {
	font-size: 0.7em;	
}

/* @group Admin Price File Table */
#price-upload-form {
	display: inline-block;
}

/* @end */

#price_file_list {
	left: 200px;
	top: 5px;
	border: 1px dotted white;
	display: inline-block;
}

.delete_button {
}


.basket_dialog {
}

.no-close .ui-dialog-titlebar-close {display: none }

.sagepay_form_table p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:  #666666;
	margin-left: 10px;
}

.sagepay_form_table ul 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:  #666666;
}

.sagepay_form_table td 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:  #666666;
}

.sagepay_form_table a 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:  #006699;
}

.sagepay_form_table a:link
{
    text-decoration: none;
}
.sagepay_form_table a:visted 
{
    text-decoration: none;
}
.sagepay_form_table a:hover 
{
    text-decoration: underline;
}

.sagepay_form_table_subheader 
{
    background-image: url(yellowBlob.png);
    background-repeat: no-repeat;
    background-position: 0px 7px;
    padding: 6px 0px 4px 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #E98300;
}

.sagepay_errorheader
{
    background-image: url(redGrad.jpg);
    background-repeat: repeat-x;
    background-position: top left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    margin-top: 20px;
    padding: 12px;
    border: #daa7a6 1px solid;
}

.sagepay_smalltext 
{
	font-family: Arial, Helvetica;
	font-size: 10px;
	color:  #666666;
}
.sagepay_code 
{
	font-family: courier, Arial, Helvetica;
	font-size: 11px;
	color:  #666666;
}

label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic
}

#order_summary_dialog {
	float: left;
}

#filter_form ul{
    margin:0;
    padding:0;
}
#filter_form ul li{
    margin:0;
    padding:0;
    list-style:none;
    cursor: pointer;
    font-weight: bold;
    font-size : 14px;
    line-height: 30px;
    background: #e3e3e3;
    border-bottom: 1px solid #c5c5c5;
    border-top: 1px solid white;
    text-indent:15px;
}
#filter_form ul li a{
    text-decoration:none;
    color:#666666;  
    text-indent:15px;
}
#filter_form ul li:first-child{
    border-top: none;
}
#filter_form ul li:last-child{
    border-bottom: none;
}
#filter_form ul li ul{
    display:none;   
}
#filter_form ul li ul li{
    font-weight:normal; 
    color:#666666;
}