/* CSS Document */

body { color:#000; background:url(../images/bg.gif) repeat-x 0 0 #FFF; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:62.5%; display: block;}

img { border:none; }
a { color:#E2002B; }

#wrap { width:960px; margin:0 auto; position:relative; }
#container { width:768px; float:left; }



/*Banner
-------------------------------------------------------------------------------------------------------------*/
div#banner { height:213px;}
h1 { font-size:1.6em; width:100%; margin:0; }
div#flashcontent { margin:0; }
div#flashcontent h1 { margin:0; position:absolute; }
h1 a { display:block; width:100%; padding: 67px 0 0 0; overflow: hidden; height: 0px !important; height /**/:67px; background-image:url(../images/scanstrut-logo.gif); background-position:515px 20px; background-repeat:no-repeat; }

div#nobanner { background:url(../images/bg-menu-new2.gif) no-repeat 0 82px; position:relative; z-index:10;}
div#nobanner h1 a { background:url(../images/scanstrut-logo.gif) no-repeat 16px 20px; }
div#nobanner ul#menu { background-image:none; height:30px; padding-top:15px; }



/*Menu
-------------------------------------------------------------------------------------------------------------*/
ul#menu { margin:0; padding:0 0 0 6px; background:url(../images/bg-menu-new.gif) no-repeat; height:48px; list-style:none; clear: both; }
ul#menu li { float:left; margin:0; padding:0; width:127px; position: relative; }
ul#menu li a { display:block; width:100%; padding: 30px 0 0 0; overflow: hidden; height: 0px !important; height /**/:30px; background-repeat:no-repeat; background-position: left top; }
ul#menu li a:hover { background-position: 0 -30px; }
ul#menu li#nav1 a { background-image:url(/images/nav12.gif); }
ul#menu li#nav2 a { background-image:url(/images/nav22.gif); }
ul#menu li#nav3 a { background-image:url(/images/nav32.gif); }
ul#menu li#nav4 a { background-image:url(/images/nav42.gif); }
ul#menu li#nav5 a { background-image:url(/images/nav52.gif); }
ul#menu li#nav6 a { background-image:url(/images/nav62.gif); }

ul#menu li ul {
	position: absolute;
	margin: 0;
	padding: 12px 3px 3px 3px;
	width: 184px;
	background: url('../../images/subnav-bubble.gif') 0 0 no-repeat !important;
}

ul#menu li ul li {
	margin: 0;
	padding: 2px 9px 3px 9px;
	list-style: none;
	background: none;
	width: 166px;
	background: #fff;
}

ul#menu li ul li.submenu-top {
	padding-top: 17px !important;
}

ul#menu li ul li.submenu-bottom {
	padding-bottom: 12px !important;
}

ul#menu li ul li a {
	padding: 0 0 0 1px !important;
	height: 15px !important;
	width: 165px !important;
	background: url('../images/link-quickview.gif') 0 100% no-repeat !important;
	color: #000;
	text-decoration: none;
	color: #488ba8 !important;
	font-size: 1.1em;
}

ul#menu li ul li a:hover {
	color: #58cbee !important;
}


/*Breadcrumb links
-------------------------------------------------------------------------------------------------------------*/
ul#breadcrumb { margin:0; padding:3px 0 0 3px; list-style:none; float:left; }
ul#breadcrumb li { font-size:1.1em; float:left; margin:0 0 12px 0; padding:3px 10px 3px 3px; background-image:url(/images/arrow-blue.gif); background-repeat:no-repeat; background-position: right center; }
ul#breadcrumb li a { color:#337A98; text-decoration:none; }
ul#breadcrumb li.current { background-image:none; }
ul#breadcrumb li.current a { color:#337A98; }
ul#breadcrumb li strong { font-weight: normal !important; }


div#productlist { display:none; }
div#nobanner div#productlist {float:right; text-align:right; padding:3px 0 0 0;}
div#nobanner div#productlist select {margin:0; font-size:1.1em; font-family: Arial, Helvetica, sans-serif; width:240px; }
div#productlist ul { margin:0; padding:3px 0 0 3px; list-style:none; clear:left; }
div#productlist li { font-size:1.1em; float:left; margin:0 0 12px 0; padding:3px 10px 3px 3px; background-image:url(/images/arrow-blue.gif); background-repeat:no-repeat; background-position: right center; }
div#productlist li a { color:#FFF; text-decoration:none; }

a#powertower { float:left; margin-top:40px; padding-left:120px; }
a#powertowertxt { float:left; margin-top:92px; padding-left:35px; }

div.content { }
div.content h2 { font-size:1.8em; font-weight:normal; margin:6px; }
div.content h2 strong { color:#E2002B; font-weight:normal; }

div.colbig { float:left; display:inline; margin-left:6px; width:506px; }
div.colbig h2 { margin:0 0 0.5em 0; font-weight:normal; }
div.colbig h2 strong { margin:0 0 0.5em 0; color:#E2002B; font-weight:normal; }

div.colbig h3 { margin:1em 0 0.5em 0; font-size:1.2em; font-weight:bold; }
div.colbig p { font-size:1.1em; line-height:1.4em; margin:0.5em 0 1em 0; }



/*Left col
-------------------------------------------------------------------------------------------------------------*/
div.colleft { width:262px; float:left; display:inline; }
div.colleft div.defaultimages { margin-left:6px; position:relative; }
div.colleft div.defaultimages img { margin:0 3px 3px 0; }
div.colleft h4 { font-size:1.2em; font-weight:normal; margin:6px; color:#E2002B; }
* html div.colleft li { float: left; }
* html div.colleft li a { height: 1%; }
div.colleft ul { margin:0 0 0 6px; padding:0; width:247px; list-style:none; }
div.colleft li { font-size:1.1em; margin:0; padding:1px 10px; }
div.colleft li a { color:#000; text-decoration:none; display:block; width:100%; height:100%; margin:-1px -10px; padding:1px 10px; background-image:url(/images/arrow-red.gif); background-repeat:no-repeat; background-position:0em 0.5em; }
div.colleft li a:hover { background-color:#F0F6F9; }
div.colleft div.ads {padding-top:50px;}
div.colleft p { font-size:1.1em; margin:0.5em 0 1em 6px; }
a.gallerylink { margin:10px 9px 10px 0px; text-decoration:none; display:block; font-size:1.1em; color:#E2002B; padding:7px 0 8px 40px; background-image:url(/images/icon-gallery.gif); background-position:left center; background-repeat:no-repeat; }
a.gallerylink:hover { background-color:#F0F6F9; }


/*Product extras*/
.colleft .product-extras { background:#818181; float:left; clear:both; padding:13px 9px; margin-left:6px; }
	.colleft .product-extras h2 { width:100px; margin:0; padding:39px 0 0 0; overflow:hidden; height:0 !important; height /**/:39px; background:url(../images/extras.gif) no-repeat 0 0; }
	.colleft .product-extras p { font-size:13px; color:#FFF; margin:0; padding:15px 0 8px 0; width:100%; float:left; clear:both; }
	.colleft .product-extras ul { margin:0; padding:0; list-style:none; width:229px; }
	.colleft .product-extras li { font-size:11px; padding:0 0 6px 0; width:100%; float:left; clear:both; margin:0; }
	.colleft .product-extras li a { background-image:url(../images/extras-under.gif); background-position:0 bottom; background-repeat:no-repeat; color:#FFF; text-decoration:none; padding:0 9px 1px 0; display:block; margin:0; width:219px; }
	.colleft .product-extras li a.extra-download { background-image:url(../images/extras-under-download.gif); padding-top:1px; }
	.colleft .product-extras li a:hover { background-position:-229px bottom; background-color:#818181; color:#202020; }



/*Middle col
-------------------------------------------------------------------------------------------------------------*/
div.colmiddle { width:500px; float:left; display:inline; border-right:none; }
div.colmiddle h2 { font-size:1.8em; font-weight:normal; margin:0; }
div.colmiddle h3.bighd { font-size:1.6em; font-weight:normal; margin:0; color:#E2002B; }
div.colmiddle h3 { font-size:1.3em; font-weight:bold; margin:0 0 0.5em 0; color:#E2002B; }
div.colmiddle h4 { font-size:1.1em; font-weight:bold; margin:0.5em 0 0.5em 0; }
div.colmiddle p { font-size:1.1em; margin:0.5em 1em 1em 0; }
div.colmiddle em { display:block; width:480px; }
div.colmiddle ul { margin:0 0 1em 0; padding:0; list-style:none; }
div.colmiddle ul li ul { margin:0; }
div.colmiddle li { font-size:1.1em; margin:0; padding:1px 10px; background-image:url(../images/arrow-green.gif); background-repeat:no-repeat; background-position:0em 0.5em; }
div.colmiddle ul li ul li { font-size:1em; background-image:url(/images/arrow-blue.gif) }
div.colmiddle li a { color:#E2002B; text-decoration:none; }
div.colmiddle li a:hover { text-decoration:underline; }
div.colmiddle ul.menu { margin:0.5em 0; padding:2px 0 0 0; list-style:none; }
div.colmiddle ul.menu li { margin:0; padding:0 16px 0 16px; }
div.colmiddle ul.menu li a { background-color:#E7F0F5; background-repeat:no-repeat; background-position:365px center; background-image:url(/images/arrow-red.gif); border-bottom-style:solid; border-bottom-color:#AFCEDC; border-bottom-width:1px; color: #E2002B; text-decoration:none; display:block; margin:0 -16px 0 -16px; padding:8px 16px 8px 16px; width:100%; }
div.colmiddle ul.menu li a.mainlink { background-color:#E2002B; color:#FFF; background-image:url(/images/arrow-white.gif); }
div.colmiddle ul.menu li a.mainlink:hover { background-color:#FFF; color:#E2002B; background-image:url(/images/arrow-red.gif); }
div.colmiddle ul.menu li a:hover { text-decoration:none; background-color:#FFF; }


/*Find your part number*/
.part-number { width:474px; background:#8945c7; padding:8px 9px; }
	.part-number h4 { width:260px; margin:0; padding:17px 0 0 0; overflow:hidden; height:0 !important; height /**/:17px; background:url(../images/part-number.gif) no-repeat 0 0; }
	.part-number p { font-size:1.1em; color:#FFF; margin:0; padding:2px 0 0 0; }
	.part-number form { margin:0; padding:0; }
	.part-number form p { float:left; margin:0; padding:0; }
	.part-number form label { display:none; }
	.part-number form .formbox { width:190px; margin-right:5px; font-size:1em; }


/*Where to buy*/
.where-to-buy { width:474px; background:#74b13d; padding:8px 9px; margin-top:2px; position:relative; }
	.where-to-buy h4 { width:154px; margin:0; padding:17px 0 0 0; overflow:hidden; height:0 !important; height /**/:17px; background:url(../images/where-to-buy.gif) no-repeat 0 0; }
	.where-to-buy img { position:absolute; top:10px; right:9px; }



/*Right col
-------------------------------------------------------------------------------------------------------------*/
div.colright { width:100px; float:left; display:none; }
div.colright h4 { font-size:1.2em; font-weight:normal; margin:0 0 0 7px; color:#E2002B; }
* html div.colright li { float: left; }
* html div.colright li a { height: 1%; }
div.colright ul#submenu { margin:2em 0 0 3px; }
div.colright ul { margin:0 0 0 3px; padding:0; list-style:none; }
div.colright li { margin:0; /*padding:4px 11px 4px 4px;*/ font-size:1.1em; border-top-width: 1px; border-top-style: solid; border-top-color: #84B1C6; }
div.colright li a { color:#000; text-decoration:none; display:block; /*margin:-4px -11px -4px -4px; width:100%; height:100%;*/ padding:4px 11px 4px 4px; background-image:url(/images/arrow-red-pad4.gif); background-repeat:no-repeat; background-position:bottom right; }
div.colright li a.mainlink { background-color:#E2002B; color:#FFF; background-image:url(/images/arrow-white-pad4.gif); }
div.colright li a.mainlink:hover { color:#000; background-image:url(/images/arrow-red-pad4.gif); }
div.colright li a:hover { background-color:#F0F6F9; }

div.col3 { width:252px; float:left; display:inline; margin-right:1px; }
div.colshade { width:252px; float:left; display:inline; margin-right:1px; background-image:url(/images/bg-col.gif); background-repeat:repeat-y; }
div.shadetop{ background-image:url(/images/bg-grad-top.gif); background-repeat:no-repeat; }
div.boxgrad { position:relative; background-color:#D1E2EB; background-image:url(/images/bg-bog-grad.jpg); margin-left:3px; width:244px; border: 1px solid #FFF; }
div.boxgrad h3 { margin:0.5em 6px 0.5em 6px; color:#E2002B; font-weight:normal; font-size:1.8em; }
div.boxgrad h3.new { margin:30px 0 0 0; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.0em; color:#E2002B; text-align: center; width:45px; }
div.boxgrad h4 { float:left; font-size:1.4em; display:inline; line-height:1.2em; margin:6px 0 20px 6px; }
div.boxgrad h4 a { text-decoration:none; color:#000; }
div.boxgrad img { float:left; }
div.boxgrad p { margin:0.5em 6px 1em 6px; font-size:1.1em;}
div.boxgrad p.custom { display:inline; float:left; width:100px; padding:0; margin:-14px 0 6px 6px;}
div.boxgrad p.more { position:absolute; bottom:8px; right:3px; padding:0 33px 0 0; margin:0; background-image:url(/images/mark-blue.gif); background-position:right center; background-repeat:no-repeat; }
div.boxgrad p.more a { display:block; text-decoration:none; color:#000; width:80px; text-align:right; }




.sidemessage { padding:9px; background:#818181; margin-left:3px; margin:0 0 0 6px; }
.sidemessage h3{ margin:5px 0; overflow:hidden; }
.sidemessage h3.document-downloads { padding:39px 0 0 0; height:0 !important; height /**/:39px; background:url(../images/document-downloads.gif) no-repeat 0 0; }
.sidemessage h3.gallery-search { padding:39px 0 0 0; height:0 !important; height /**/:39px; background:url(../images/gallery-search.gif) no-repeat 0 0; }
.sidemessage p { font-size:1.1em; margin:0; padding:5px 0; color:#FFF; }
.sidemessage a { background-image:url(../images/extras-under.gif); background-position:0 bottom; background-repeat:no-repeat; color:#FFF; text-decoration:none; padding:0 9px 1px 0; display:block; margin:0; width:219px; }
.sidemessage a:hover { background-position:-229px bottom; background-color:#818181; color:#202020; }


/*
form#contact { margin:0; background-color:#A3C3D4; background-image:url(/images/bg-bog-grad.jpg); background-repeat: no-repeat; padding:8px; border: 1px solid #FFF;}
form#contact h3 { margin:0 0 4px 0; color:#E2002B; padding:3px 0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999; }
form#contact h4 { color:#285A68; margin:4px 0; padding:3px 0; font-size:1.1em; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999; }
form#contact p.label { padding:2px 0; margin:2px 0; width:150px; float:left; clear:left; }*/


form#contact { margin:0; }
/*form#contact h3 { color:#000; padding:3px 6px; background-color:#FFFFFF; margin-right:6px; }*/
form#contact p.label { padding:2px 0; margin:2px 6px; width:130px; display:inline; float:left; clear:left; }
form#contact textarea#Message{ width:387px; }
form#contact input.txt {width:247px; padding:0;}


div.col3 { width:252px; float:left; display:inline; margin-right:1px; }
div#dealer { margin-left:3px; padding-top:8px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #AFCEDC; }
div#dealer h3 { font-size:1.4em; line-height:1.2em; margin:0 0 6px 0; color:#E2002B; }
div#dealer h3 a { text-decoration:none; }
div#dealer p.more { margin:0; background-image: url(/images/home/globe.gif); background-position:center top; background-repeat:no-repeat; }
div#dealer p.more a { display:block; text-decoration:none; color:#000; width:100%; height:180px; font-size:1.1em; }

div.hr { margin:0; height:6px; background-image:url(/images/bg-grad-bottom.gif); }
div.hr hr { display:none; }
div.hrline { margin:0 6px 0 0; height:1px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #DCEAF1; clear:left; }
div.hrline hr { display:none; }

blockquote { margin:0 0 0 3px; padding:0; color:#498DAA; }
blockquote p { color:#FF0000; font-size:12px; margin-bottom:6px; }
blockquote p a { color:#FF0000; text-decoration:none; }
blockquote strong { color:#000; font-weight:normal; }
.name { color:#000000; }
.position { color:#498daa}



/*HOME
-------------------------------------------------------------------------------------------------------------*/
.home-col-one { width:495px; float:left; padding-left:5px; }
.home-col-two { width:259px; padding-left:9px; float:left; }


/*Ad banners*/
.home-ad-one { width:243px; float:left; }
.home-ad-two { width:243px; padding-left:9px; float:left; }


/*Latest news*/
.latest-news { border-top:1px solid #abcfdd; width:100%; margin:9px 0 0 0; float:left; clear:both; }
	.latest-news div { border-bottom:1px solid #abcfdd; width:238px; padding:9px 248px 9px 9px; position:relative; float:left; clear:both; background:url(../images/bg-news.gif) repeat-x 0 0 #FFF; }
	.content .latest-news h2 { font-size:1.3em; color:#6b6b6b; margin:0; padding:0.7em 0 0.2em 0; font-weight:bold; }
	.latest-news p { font-size:1.1em; color:#6b6b6b; margin:0; padding:0 0 0.7em 0; }
	.latest-news a { width:108px; padding:22px 0 0 0; overflow:hidden; height:0 !important; height /**/:22px; background:url(../images/but-find.gif) no-repeat 0 0; display:block; }
	.latest-news img { float:right; margin:0 -248px 0 0; }


/*Product finder*/
.product-finder { background:#74b13d; padding:16px 12px; margin:0 0 9px 0; height:236px; }
	.content .product-finder h2 { width:136px; margin:0 0 5px 0; padding:48px 0 0 0; overflow:hidden; height:0 !important; height /**/:48px; background:url(../images/find-your-product.gif) no-repeat 0 0; }
	.product-finder form { margin:0; padding:0; }
	.product-finder form p { margin:0; padding:10px 0 0 0; }
	.product-finder form label { width:224px; margin:0 0 2px 0; padding:17px 0 0 0; overflow:hidden; height:0 !important; height /**/:17px; display:block; }
		.what-type-of-boat-do-you-have { background:url(../images/type-of-boat.gif) no-repeat 0 0; }
		.what-are-you-fixing { background:url(../images/fixing.gif) no-repeat 0 0; }
		.whos-it-made-by { background:url(../images/made.gif) no-repeat 0 0; }
		.key { background:url(../images/key.gif) no-repeat 0 0; }
	.product-finder form .formbox { width:100%; }
	.product-finder form .but-search { float:right; }

		/*Product finder - (product-range.php)*/
		.col3 .product-finder { margin:0 0 0 6px; padding:9px; height:auto; }
			.col3 .product-finder h2, .col3 .product-finder h3 { margin-left:2px; margin-top:5px; }
			.col3 .product-finder p { font-size:1.1em; color:#FFF; margin:0; padding:5px 0; }
			.col3 .product-finder form p { padding:0 0 9px 0; }
			.col3 .product-finder .quicksearch { width:221px; }
			.col3 .product-finder .results { padding-top:12px; }
				.searched-for { width:129px; margin:4px 0 5px 0; padding:75px 0 0 0; overflow:hidden; height:0 !important; height /**/:75px; background:url(../images/searched-for.gif) no-repeat 0 0; }


/*E-newsletter*/
.enews { background:#8945c7; padding:16px 12px 0 12px; }
	.content .enews h2 { margin:0 0 9px 0; padding:47px 0 0 0; overflow:hidden; height:0 !important; height /**/:47px; background:url(../images/email-newsletter.gif) no-repeat 0 0; }
	.enews p { font-size:11px; color:#FFF; margin:0; padding:0; }
	.enews form { margin:0; padding:0; }
	.enews form p { padding:0; position:relative; height:45px; }
	.enews form label { display:none; }
	.enews form .joinbut { position:absolute; left:151px; top:8px;}
	.enews form #enews { position:absolute; left:0; top:8px; width:142px; margin:0; padding:0; color:#a1a1a1;}

/* Dealer area boxout */
.idx-dealerarea { background:#8945c7; padding:16px 12px 10px 12px; position: relative; }
	.content .idx-dealerarea h2 { margin:0 0 9px 0; padding:47px 0 0 0; overflow:hidden; height:0 !important; height /**/:47px; background:url(/images/home/dealerarea-heading.png) no-repeat 0 0; }
	.idx-dealerarea p { font-size:12px; color:#FFF; margin:0; padding: 0 80px 0 0; }
	.idx-dealerarea a {
		position: absolute;
		bottom: 10px;
		right: 15px;
		background: #572c7e;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		padding: 3px 10px;
		font-weight: bold;
		font-size: 16px;
		color: #FFF;
		text-decoration: none;
	}



/*Footer
-------------------------------------------------------------------------------------------------------------*/
div#footer { border-top-width: 1px; border-top-style: solid; border-top-color: #7EAFC4; margin:20px 0; padding:3px 0; position:relative; }
div#footer ul{ margin:6px 0; padding:0; list-style:none; }
div#footer ul li{ float:left; margin:0; padding:0; list-style:none; }
#links {float:left;width:300px;}
#socLinks {float:right;width:295px;margin:30px 0 0 0;}
#socLinks ul {list-style-type:none;}
#socLinks li {float:left;height:36px;vertical-align:middle;}
div#footer ul#links { clear:left; padding-top:5px; float:left; width:700px; }
div#footer ul#links li{ border-right-width: 1px; border-right-style: solid; border-right-color: #7EAFC4; padding:0 4px; }
div#footer, div#footer a {color:#488CA9; text-decoration:none;}
div#footer form{ position:absolute; right:0; top:6px; margin:0; padding:0 25px 0 0; }
div#footer form input {margin:0; padding:0; }
.searchbutton { float:right; padding:0 10px 0 0; }
div#footer form .joinbut { position:absolute; right:0; top:0;}
.inner-enews { }
	.inner-enews label { font-size:1.1em; color:#488ba8; font-weight:bold; }
	.inner-enews .formbox { width:160px; color:#bbbbbb; }



/*Clearfix
-------------------------------------------------------------------------------------------------------------*/
.clearfix { display: inline-table; zoom:1; /* Hides from IE-mac \*/ height: 1%; display: block; /* End hide from IE-mac */ }
html>body .clearfix { height: auto; }
.clearfix:after { content: "."; display: block; height:0; clear: both; visibility: hidden; }



/*Product quickview
-------------------------------------------------------------------------------------------------------------*/
.quickview { width:165px; padding:15px 9px 9px 9px; background:#488ba8; position:absolute; top:0; right:0;}
	.quickview h3 { width:151px; margin:0 0 3px 0; padding:52px 0 0 0; overflow:hidden; height:0 !important; height /**/:52px; background:url(../images/product-quickview.gif) no-repeat 0 0; }
	.quickview h4 { font-size:13px; color:#FFF; margin:0; padding:15px 0 8px 0; width:100%; float:left; clear:both; }
		.quickview ul { margin:0; padding:0; list-style:none; }
		.quickview li { font-size:11px; padding:0 0 6px 0; width:100%; float:left; clear:both; }
		.quickview li a { border-bottom:1px solid #58ccee; /*background-image:url(../images/link-quickview.gif); background-position:0 bottom; background-repeat:no-repeat;*/ color:#FFF; text-decoration:none; padding:0 10px 1px 0; display:block; }
		.quickview li a:hover { border-bottom:1px solid #fff; background-position:-165px bottom; }


table.comparision {
	border-collapse: collapse;
	background: #FFF;
	border: 1px solid #C4A2E3;
	position: relative;
	z-index: 10;
}