@charset "utf-8";
/* CSS Document */

/* blue #4b688e  */

/* reset styles */
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, 
blockquote 			{ padding: 0; margin: 0; font-size: 100%; font-weight: normal; color:#222; }
a 					{ text-decoration:none; color:#444; }
img					{ border: 0; }
* 					{ margin: 0; padding: 0; }

/* end reset styles */

html				{ background-color:#005495; }
body 				{ font-family: 'Open Sans', Arial, Tahoma, sans-serif; background-color: #005495; }

#shadow				{ width:1250px; margin-right: auto; margin-left: auto; background-image: url(images/dropshadow.png); background-repeat: repeat-y; }
#page 				{ width:1200px; margin-right: auto; margin-left: auto; color:#fff; } 
#header 			{ background-image: url(images/header.jpg); background-repeat: repeat-x; height:158px; }
#footer 			{ background-image: url(images/footer.jpg); background-repeat: repeat-x; height:150px; clear: both; border-bottom:solid 1px #ccc; }

#headercontent,
#footercontent		{ margin-left:130px; margin-right:130px; }
#header				{ position:relative; }
#headershadingleft	{ position:absolute; top:0px; left:420px; background-repeat: repeat-y; background-image: url(images/headershadingleft.jpg); height:109px; }
#headershadingright	{ position:absolute; top:0px; left:1070px; background-repeat: repeat-y; background-image: url(images/headershadingright.jpg); height:109px;}

h1					{ font-size:14px; color: #333333; font-weight:bold; text-shadow: 1px 1px 1px #ccc; text-align:center;}
h2					{ font-family: 'Lato', sans-serif; font-size:24px; color: #222; font-weight:bold; line-height: 34px; }
h3					{ font-size:12px; }
h4					{ font-size:16px; color: #d12125; font-weight:bold;  line-height: 2.5em; border-bottom: solid 1px #aaa; }
h5					{ font-size:12px; text-align:right;  }
h6					{ font-family: 'Lato', sans-serif; font-size:24px; color: #d12125; font-weight:bold; line-height: 34px; }
p					{ font-size:12px; line-height: 1.4em; padding-top:10px; }
ul					{ font-size:12px; line-height: 1.4em; list-style-type: none; }
/*#mainbar ul 		{ list-style-type: none; padding: 0px; margin: 0px; }
#mainbar ul li 		{ background-image: url(images/chain.png); background-repeat: no-repeat; background-position: 0px center; padding-left: 15px; }
*/
#rightsreserved p	{ font-size:10px; }
.product h1			{ font-size:16px; color: #d12125; font-style:normal; font-weight:normal; text-align:left; text-shadow: 0px 0px 0px #eee; line-height: 2.5em; }
.product p			{ font-size:12px; line-height: 2.0em; }
.product img		{ /*border:solid #3 red;*/ }
.product			{ background-color:#fafafd; border: solid 1px #999; margin:10px 20px 50px 30px; padding:10px 10px; }
/*#backgroundcarproducts			{ background: transparent url(images/backgroundcarproducts.jpg) no-repeat 300px 10px;  }
#backgroundmarineproducts		{ background: transparent url(images/backgroundboatproducts.jpg) no-repeat 260px 0px;  }
#backgroundmotorbikeproducts	{ background: transparent url(images/backgroundmotorbikeproducts.jpg) no-repeat 260px 0px;  }
#backgroundtruckproducts		{ background: transparent url(images/backgroundtruckproducts.jpg) no-repeat 260px 0px;  }
*/
#contactMessage		{ max-height: 200px; max-width: 400px; }
#contactFields		{ width: 500px; }
#newsletterInfo		{ margin:10px 30px; }
.genericarea		{ margin: 0 30px 0px 30px; border-top:30px; padding-bottom:30px; }
.genericarea img	{ /*border: 0; padding:0;*/ }
.genericarea a			{ color:#4b688e; font-weight:bold; }
.photo					{ border:1px solid #ccc; padding:9px; }

#contactfillin			{ height:18px; background: transparent url(images/panelbar.jpg) repeat-y 784px 0; }
#contacttopborder		{ height:10px; background: transparent url(images/contacttop.png) repeat-y 130px 0; }
#contactbottomborder	{ height:18px; background: transparent url(images/contactbottom.png) repeat-y 130px 0; }
#contactbackground		{ margin-right: auto; margin-left: auto; background-color: #000; /*background-image: url(images/background.jpg); */ background-repeat:repeat-y; }
#contactcontent 		{ background: transparent url(images/mainbackground.jpg) repeat-y 130px 0; min-height:585px;  }
#genericform			{ margin-left:130px; padding: 0px; width: 654px; }
.filedownloads a		{ margin-left:10px; }
#contactaddresses		{ margin: 0px 30px; border-top:30px; }
#contactaddresses p			{ padding-top: 0px; }
.gradientbackground			{ background: transparent url(images/contactgradient.jpg) repeat-x 0px 0; padding-top: 20px; padding-bottom: 30px;}
#largegradientbackground	{ background: transparent url(images/largegradient.jpg) repeat-x 0px 0; padding-top: 20px; padding-bottom: 30px;}
#salescontact				{ width:210px; float:right;  }
#customerservicecontact		{ width:190px; float:right; }
#addresscontact				{ width:190px; }

#mainbackground		{ margin-right: auto; margin-left: auto; background-image: url(images/background.jpg); background-repeat:repeat-y; } 
#main 				{ margin-right: auto; margin-left: auto; background-image: url(images/diagboxbackground.jpg); background-repeat:no-repeat; } 
#maintopedge		{ background-image: url(images/headeredge.png); background-repeat:repeat-x; }
#maincontent		{ margin-right:130px; min-height:640px; }
#mainvideo			{ margin-left:120px; margin-top: 100px; float:left; box-shadow: 0 0 20px #333; }

#headerbar,
#mainbar,
#footerbar  		{ float: right; width: 266px; background-image: url(images/panelbar.jpg); background-repeat: repeat-y; padding: 0 10px; }
#headerbar 			{ height:158px; }
#mainbar 			{ min-height:540px; height:100%; }
#footerbar 			{ height:150px; /*padding-top:150px; */}
#RHSbar			{ float:right; margin-right:130px; width: 266px; min-height:540px; margin-top: 80px;}
#mainbar			{ padding-top: 100px; }

#vehicleicons		{ margin:10px 0 10px -5px; }
#vehicleicons ul li { list-style: none; background-image: url(images/triangle.png); background-repeat: no-repeat; background-position:left bottom; }
.vehicleicon 		{ margin-left:0px;}
#vehiclelinks ul li { list-style: none; float:left; margin-left:10px;}
#vehiclelinks		{ margin-left:20px; margin-top:30px; height:160px; }

#flags 				{ padding-top: 10px; }
#flags ul li 		{ list-style: none; display: inline; }

#caricon			{ margin-left:30px; background-image: url(images/car.png); background-repeat: no-repeat; }
#motorbikeicon		{ margin-left:30px; background-image: url(images/motorbike.png); background-repeat: no-repeat; }
#boaticon			{ margin-left:30px; background-image: url(images/boat.png); background-repeat: no-repeat; }
#truckicon			{ margin-left:30px; background-image: url(images/truck.png); background-repeat: no-repeat; }
#smallcaricon		{ background-image: url(images/smallcar.png); background-repeat: no-repeat; }
#smallmotorbikeicon	{ background-image: url(images/smallmotorbike.png); background-repeat: no-repeat; }
#smallboaticon		{ background-image: url(images/smallboat.png); background-repeat: no-repeat; }
#smalltruckicon		{ background-image: url(images/smalltruck.png); background-repeat: no-repeat; }

.filedownloads		{ margin: 10px 30px 10px 30px; background-color: #F5F5F5; border: 1px solid #CCCCCC; margin: 0 60px 15px; padding: 0 10px 10px;}

#telephonenum		{ margin-bottom: 25px; }

#headernav 			{ margin-left: -3px; margin-top: 68px; }
#headernav a 		{ font-size:11px; margin: 0 4px;  }
#headernav ul li 	{ list-style: none; }

#footernav			{ padding-top:30px; margin-left: -13px; /*margin: 0px 15px 10px 80px; text-align:right;*/ }
#footernav a 		{ font-size:11px; margin: 0 5px; }
#footernav ul li 	{ list-style: none; }

#rightsreserved		{ margin-left:150px; padding-top:10px; clear: left; }
#contactdetails		{ padding-top:40px; }
#contactdetails h5	{ line-height:1.8em; }

.logo				{ margin-top:20px; margin-left: 45px; margin-bottom: 10px;}
/*
.hoverBtn_		{ position: relative; float: left; background: url(images/navBG.png) repeat-x 0 0 scroll; }
.hoverBtn_ a:hover	{ color: #cccccc; }
.hoverBtn_		{ position: relative; z-index: 2; display: block; text-decoration: none; color: #444; background: transparent none repeat-x 0 0 scroll; }
.hoverBtn_ a 		{ width: 100%; height: 30px; line-height: 30px; }
.hoverBtn_ 	{ display: none; position: absolute; z-index: 1; top: 0px; background: white url(images/navHover.png) repeat-x 0 0 scroll; }
*/

.hoverBtn,
.hoverHorzBtn		{ color: #000000; position: relative; float: left; background: url(images/navBG.png) repeat-x 0 0 scroll; }
.hoverHorzBtn a:hover,
.hoverBtn a:hover	{ color: #000000; }

.hoverBtn a,
.hoverHorzBtn a		{ position: relative; z-index: 2; display: block; text-decoration: none; color: #444; background: transparent none repeat-x 0 0 scroll; }
.hoverBtn a 		{ width: 100%; height: 30px; line-height: 30px; }
.hoverHorzBtn a 	{ width: 100%; height: 22px; line-height: 25px; /*text-align: right;*/ }
.hoverBtn div,
.hoverHorzBtn div 	{ display: none; position: absolute; z-index: 1; top: 0px; background: white url(images/navHover.png) repeat-x 0 0 scroll; }


.hoverBtn			{ position: relative; float: left; }
.hoverBtn a 		{ position: relative; z-index: 2; display: block;/*width: 100px;*/ height: 30px; line-height: 30px; text-align: left;
					  font-size: 1.1em; text-decoration: none; color: #000; background: transparent none repeat-x 0 0 scroll; }
.hoverBtn div 		{ display: none; position: absolute; z-index: 1; top: 0px; background: white url(images/navHover.png) repeat-x 0 0 scroll; }
.clear				{ clear: both; }

#contactFields input,	
#contactFields textarea				{ padding: 3px; height: 20px; width: 300px; margin: 0px 0px 15px 0px; border: 1px solid #aaa; }
#contactFields input				{ height: 15px; color:#333; }
#contactFields textarea				{ min-height: 80px; max-width:300px;}
#contactFields textarea:focus,
#contactFields input:focus 			{ border: 1px solid #77a6e6; }
#contactFields input.submit-button 	{ margin-left:460px; width: 100px; height:30px; }

#captchafield input					{ width: 200px; }
#captchafield						{ width: 150px; }
#captcha							{ margin-left: 200px; }

#RHSbarbackground ul li		{ list-style: none; padding: 5px 0 5px 30px; background: url(images/tick.png) no-repeat; }

#vehiclebuttonlinks			{ margin: 0px 15px 0 15px; }
#vehiclebuttonlinks a		{ width:130px; height:18px; display:block; text-align: center; color: #fff; font-weight:normal; font-size: 12px; padding: 8px 5px; }
#vehiclebuttonlinks ul li 	{ list-style: none; float:left; margin-left:10px;}
.productbutton				{ margin-left:10px; }
.productbutton a			{ width:100px; display:block; text-align: center; color: #fff; font-weight:normal; font-size: 12px; padding: 8px 5px; }
.product a					{ color: #fff; font-weight:normal;  }
.button						{ border:1px solid #ddd; color: #fff;  padding: 8px 8px;
								box-shadow: 2px 2px 3px rgba(0,0,0,.3);  
								-moz-box-shadow: 2px 2px 3px rgba(0,0,0,.3); 
								-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,.3);  
								border-radius: 12px; 
								-moz-border-radius: 12px; 
								-webkit-border-radius: 12px;   
								background: #de372d;  /* f26b4e de372d bf1e23 */
								background: -moz-linear-gradient(center top, #f26b4e, #de372d 25%, #bf1e23 45%, #de372d 85%, #f26b4e);
								background: -webkit-gradient(linear, center top, center bottom, from(#f26b4e), color-stop(25%, #de372d), color-stop(45%, #bf1e23), color-stop(85%, #de372d), to(#f26b4e));  
 }
#productcategoriesbutton	{ margin-left:30px; margin-top:30px; }

.button:hover		{ text-shadow: 1px 1px 0px #666; 
						box-shadow: 3px 3px 4px rgba(0,0,0,.4); /* w3c box shadow */
						-moz-box-shadow: 3px 3px 4px rgba(0,0,0,.4); /* mozilla box shadow */
						-webkit-box-shadow: 3px 3px 4px rgba(0,0,0,.4); /* webkit box shadow */
}
label 				{ /*padding-top: 15px;*/ font-size: 11px; width:130px; float: left; clear:left;/* text-align: right;*/ margin-right: 15px;}

#vehicletriangles	{ margin: -70px 0 0 20px;  }
.smalltriangle		{ margin: 0 43px; }

.productimage		{/* border: solid 1px #ccc;*/ }

table				{ margin-left: 30px; }
th					{ font-size: 11px; background-color: #ccc; font-weight: bold; color: #4b688e; padding: 3px 5px; }
td					{ font-size: 11px; background-color: #fff; color: #444; padding: 5px; }
#productcode		{ width: 70px; }
#productimage		{ width: 70px; }
#producttitle		{ width: 300px; }
#productlink		{ width: 140px; }

#productarea		{ margin: 0 30px 30px 30px; border-top:30px; }
#productarea img	{ margin-top:10px; max-width:500px; border:1px solid #ccc; padding:0px;
						box-shadow: 3px 3px 4px rgba(0,0,0,.4); /* w3c box shadow */
						-moz-box-shadow: 3px 3px 4px rgba(0,0,0,.4); /* mozilla box shadow */
						-webkit-box-shadow: 3px 3px 4px rgba(0,0,0,.4); /* webkit box shadow */
 }
.flag				{ padding:3px; }
.selectedflag		{ background:url(images/flagframe.jpg); }
.greyfont			{ color:#444; font-size:12px; }

/* Distributors table */
#distributortitle	{ width: 130px; font-weight:bold; }
#distributorinfo	{  }

/* Installers table */
#installertabletitle    { /*width: 90px; min-width: 90px; max-width: 90px;*/ }
#installertableinfo		{ /*width: 150px;*/ }

/* Regions map  */
#regions 			{ padding: 0px; background: url(images/regions.jpg) no-repeat; width: 580px; height: 284px; margin: 10px auto; position: relative; }
#regions li 		{ padding: 0px; display: block; margin:0px; list-style-type: none; }
#regions a 			{ display: block; text-indent: 0px; text-decoration: none; font-size:10px; }
#na					{ position:absolute; left:0px; top:0px; width: 257px; height: 178px; }
#sa					{ position:absolute; left:135px; top:163px; width: 93px; height: 121px; }
#eu					{ position:absolute; left:239px; top:9px; width: 140px; height: 124px; }
#as					{ position:absolute; left:337px; top:0px; width: 282px; height: 215px; }
#af					{ position:absolute; left:239px; top:121px; width: 124px; height: 131px;}
#me					{ position:absolute; z-index:1000; left:316px; top:111px; width: 92px; height: 83px; }
#au					{ position:absolute; /*z-index:1200;*/ left:439px; top:179px; width: 111px; height: 94px; }
#regions img		{ border: 0px; padding:0; margin:0; }

#regiondetails img		{ float:left; border:0; margin:0; padding:0; }
#regiondetails table	{ margin-left:130px; }
#regiondetails td		{ font-size: 12px; background-color: #fff; color: #444; padding: 2px; }
#installerList td	{ font-size: 12px; background-color: #fff; color: #444; padding: 2px; }
/* width:130px; min-width:130px; max-width:130px;}*/

.line				{ width: 594px; height: 20px; background: url(images/line.jpg) repeat-x; }

#sparklingdata									{ position:relative; }
#r1, #r2, #r3, #r4, #r5, #r6, #r7, #r8, #r9		{ position:absolute; left:495px; top:70px; }
#l1, #l2, #l3, #l4								{ position:absolute; left:27px; top:95px; }
#fr1, #fr2, #fr3								{ position:absolute; left:1099px; top:127px; }

#slideshow 					{ position:relative; }
#slideshow IMG 				{ position:absolute; top:10px;  left:354px; z-index:8; opacity:0.0; }
#slideshow IMG.active 		{ z-index:10; opacity:1.0; }
#slideshow IMG.last-active 	{ z-index:9; }

.communityitem		{ margin:10px 0px 20px 0px; minheight:100px; border-bottom:solid 1px #ccc; padding-bottom: 20px; }
.communityleftcol	{ width: 360px; }
.communityrightcol	{ float: right; }

#captcha			{ margin: 10px 0 40px 90px; }

select				{ height: 1.6em;  }
input[type="button"] { height: 1.8em; }
input[type="textbox"] { height: 1.4em; width: 16em; }


/*#gmap_canvas		{ width:590px; height:380px; margin-top: 10px; }*/
#map-label,
#address-examples	{ margin:1em 0; }

#marker				{ color : #999; }
#installers			{ color: #444; }
#installerimage		{ width: 200px; }
.installerimage		{ float: left; }
#installercode		{ width: 70px; }
#installertitle		{ width: 300px; }
#installerlink		{ width: 140px; }
.installerbutton	{ float: right; padding-top: 10px; }
.installerbutton a	{ width:100px; display:block; text-align: center; color: #fff; font-weight:normal; font-size: 12px; padding: 8px 5px; }
.installerFlagImage	{ float: right; padding: 2px; }
.installertable		{ margin-left: 130px; }

#searchpanel 		{ margin-top: 7px; background-color: #f9f9f9; padding: 3px; border: 1px solid #999; text-align: center; }

#installerBlankSpace	{ min-height: 100px; }
#flagspanel			{ border: 0px solid #999; width: 90px; clear:both; float:right; margin-top:10px; /*padding:5px; */}

#map-canvas 		{ height: 400px; margin: 0px; padding: 0px; background:#fff; }