﻿body, h1, h2, h3, p, ul, ol, li, form { margin: 0; padding: 0; }
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; padding: 0 0 30px 0; }

h1, h2, h3 { padding: 10px 20px 0 10px; color: #38a4b1; }
p  { padding: 10px 20px 0 10px; }
ul { padding: 10px 20px 0 33px; }
ol { padding: 10px 20px 0 35px; }
#content li { line-height: 20px; }
#content .thumbnails li, #content #productactions li { line-height: 13px; }
#content .thumbnails a span.originalprice {text-decoration: line-through; display: inline; padding: 0px;}
#content .thumbnails {clear: both;}

img { border: solid 1px #e0e0e0;  display: block; }
a { color: #38a4b1; }
strong { color: #38a4b1; }
hr { border: none; border-top: solid 1px #999999; margin: 20px 0 0 10px; }

table { border-color: #999999; border-collapse: collapse; margin: 15px 25px 0 10px; }
th { border: solid 1px #999999; text-align: left; padding: 4px 10px 4px 8px; vertical-align: top; }
td { border: solid 1px #999999; padding: 4px 10px 4px 8px; vertical-align: top; }

.clr { clear: both; height: 1px; overflow: hidden; background-color: #ffffff; }
.clrtall { clear: both; height: 20px; overflow: hidden; }

#container, #header, #topnav, #footer, #subscribeform { margin: 0 auto; width: 950px; z-index: 0; }

#header { position: relative; height: 100px; }

#logo { position: absolute; top: 18px; left: 13px; padding: 0; width: 305px; height: 61px; background: url(/img/site/logo.gif) 0 0 no-repeat; color: #ffffff; }
#logo a { font-size: 9px; text-align: right; display: block; width: 305px; padding: 65px 0 0 0; color: #ffffff; text-decoration: none; font-family: Arial, Helvetica, Sans-Serif; }

#telephone { padding: 0; width: 175px; height: 24px; position: absolute; top: 38px; right: 0; background: url(/img/site/tel.gif) 6px 0 no-repeat; text-indent: -1000em; }

#headernav { position: absolute; top: 15px; right: 0; width: 591px; height: 18px; margin: 0; padding: 0; list-style: none; }
#headernav li { float: right; }
#headernav li a { float: left; text-decoration: none; color: #666666; }
#headernav li a:hover { text-decoration: none; }
#headernav li a span { display: block; padding: 1px 10px; border-right: solid 1px #999999; }

#headernav #headercat a { color: #38a4b1; }
#headernav #headercat a span { border: none; padding-right: 0; }

#topsearch { position: absolute; top: 64px; right: 0; width: 300px; height: 25px; }
#topsearch p { padding: 0; }
#topsearch a { float: right; border: solid 1px #e0e0e0; border-left: none; display: block; width: 26px; height: 23px; text-indent: -1000em; background: url(/img/site/search.gif) 0 0 no-repeat; }
#topsearch #q { float: right; border: solid 1px #e0e0e0; border-right: none; width: 205px; padding: 5px 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }

#topnav { background-color: #a1a1a5; margin: 0 auto 0 auto; }
#topnav ul { list-style: none; padding: 0 0 0 1px; }
#topnav ul li { float: left; }
#topnav ul li a { float: left; text-decoration: none; color: #ffffff; }
#topnav ul li a:hover { float: left; text-decoration: none; background-color: #38a4b1; }
#topnav ul li a span { display: block; padding: 6px 10px; }

#cartdisplay { width: 260px; float: right; background-color: #38a4b1; position: relative; z-index:200; }
#cartdisplay a { display: block; width: 260px; height: 25px; }
#cartdisplay span { cursor: pointer; cursor: hand; font-weight: bold; color: #ffffff; float: left; width: 90px; padding: 6px 0 6px 10px; margin: 0; }
#cartdisplay span.price { float: right; text-align: right; width: 130px; padding: 6px 30px 6px 0; background: url(/img/site/cart.gif) 136px 6px no-repeat; }
#cartdisplay span.price span { float: none; width: auto; padding: 0; border-bottom: dotted 1px #e0e0e0; }

#cart { background-color: #38a4b1; width: 570px; }
#cart table { width: 566px; border-color: #ffffff; background-color: #ffffff; margin: 2px 2px 6px 2px; }
#cart th { background-color: #ffffff; border-color: #ffffff; color: #38a4b1; padding: 6px 10px 6px 8px; }
#cart th.total { text-align: right; }
#cart td { border-color: #ffffff; color: #555555; padding: 6px 10px 6px 8px; }
#cart td.input { padding: 5px 0 0 8px; }
#cart td.input input { margin: 0; padding: 0; width: 24px; height: 13px; border: solid 1px #999999; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }

#cart td.input2 { padding: 0 0 5px 8px; }
#cart td.input2 input { margin: 0; padding: 3px; width: 500px; border: solid 1px #999999; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }

#cart td.discount { padding: 0 0 5px 8px; vertical-align: middle; }
#cart td.discount input { margin: 0; padding: 0; width: 100px; border: solid 1px #999999; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
#cart td.total { text-align: right; }
#cart td.img { padding: 7px 0 0 4px; width: 20px; }
#cart a { display: inline; color: #ffffff; font-weight: bold; }
#cart td a { color: #38a4b1; }
#cart p { padding: 0 10px; }
#cart .clr { background: none; height: 8px; }
#cart img { border: none; }
#cart td.carterror {color: #ff0000;}

.total { text-align: right; }

#leftnav { width: 240px; float: left; }
#mainnav { z-index: 2;}
#mainnav li {z-index: 2;}
#mainnav li ul {z-index: 2;}
#mainnav li ul li {z-index: 2;}
#mainnav li ul li a {z-index: 2;}
#mainnav li ul li a span {z-index: 2;}
#nav-home-link {color: #ff0000;}

#container { margin: 10px auto 0 auto; position:relative; }

#content { width: 710px; float: right; }
#content h2 { font-weight: normal; font-size: 16px; }
#content h3 { font-weight: normal; font-size: 14px; }

#footer { background-color: #a1a1a5; margin: 7px auto 0 auto; z-index: -1; }
#footer p { color: #ffffff; padding:0; }
#footer p a { color:#fff; padding: 6px 12px; text-decoration:none; display:block; float:left;  }
#footer p a:hover { background-color:#38A4B1; }

#subscribeform { margin: 10px auto 0 auto; padding: 0 0 50px 0; }
#subscribeform p { padding: 0; }
#subscribeform label { float: right; line-height: 24px; } 
#subscribeform a#gobutton { float: right; border: solid 1px #e0e0e0; border-left: none; display: block; width: 26px; height: 23px; text-indent: -1000em; background: url(/img/site/search.gif) 0 0 no-repeat; }
#subscribeform #NewsletterEmail { float: right; border: solid 1px #e0e0e0; border-right: none; width: 205px; padding: 5px 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }

#subscribeform #sitemaplink {float: left; width: 100px; padding-top: 4px; }
#subscribeform #sitemaplink a {text-decoration:none; color: #666666;}
#subscribeform #sitemaplink a:hover {text-decoration:underline;}

#subscribeform #wslink {float: left; width: 200px; padding-top: 4px; }
#subscribeform #wslink a {text-decoration:none; color: #666666;}
#subscribeform #wslink a:hover {text-decoration:underline;}

#subscribeform #securitymetricsinfo {float: left; margin: 0 20px 0 20px}

#scroller { position: absolute; left: 0; top: 6px; display: block; color: #ffffff; }

#splash { width: 710px; height: 400px; background-color: #444444; margin: 0 0 0 0; }
#splash img {border: none; display: inline; width: 710px; height: 400px;}

#boxouts { width: 950px; }
#boxouts div { width: 228px; height: 146px; margin: 9px 10px 0 0; border: solid 1px #999999; float: left;  }
#boxouts div#boxout4 {margin: 9px 0 0 0;}
#boxouts div p { margin: 0; padding: 0; width: 228px; height: 140px; }
#boxouts div a { padding: 10px; width: 208px; height: 120px; display: block; color: #666666; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } 
#boxouts div.clr { margin: 0; border: none; background: none; height: 1px; width: auto; }

#articles { width:960px; margin:8px -10px 0 0; }
#articles #articles_col1 { width:480px; float:left; }
#articles #articles_col2 { width:480px; float:right; }
#articles div .article { border: solid 1px #999; background-color:#EFEFEF; float:left; margin:0 10px 0 0; overflow:hidden; }
#articles div .article img { float:left; margin:0 12px 12px 0; border:none; }
#articles div .article p { margin:12px 12px 12px 12px; padding:0; }

#articles div .article .clr { background-color:transparent; height:0; }

.thumbnails { list-style-type: none; margin: 0 0 0 0; padding: 0; }
.thumbnails li { float: left; }
.thumbnails a { display: block; float: left; width: 100px; height: 150px; }

#inframe { padding: 0; }
#inframe #content { width: auto; float: none; }
#inframe #content input.action { margin-bottom: 0; }
#inframe #content h1 { font-weight: normal; font-size: 20px; }

#category #content { width: 720px; }
#category #content h1 { font-weight: normal; font-size: 20px; }
#category #leftnav { width: 230px; }

#category .thumbnails a { text-decoration: none; width: 170px; height: 220px; margin: 10px 0 0 10px; padding: 0 0 0 0; color: #000000; }
#category .thumbnails a:hover { text-decoration: underline; }
#category .thumbnails a span { color: #444444; display: block; padding: 10px; text-align: center; font-size: 9px; }


#category #subcategories { margin-top: 10px; }
#category #subcategories a span { font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #38a4b1; padding-bottom: 0; }
#category #subcategories a span.pcount { padding-top: 0; font-size: 11px; font-weight: normal; color: #444444; }


#product #col1 p#pricedisplay { font-size: 20px; color: #38a4b1; padding: 20px 10px 10px 20px; }
#product #col1 p#pricedisplay span { font-size: 11px; display: block; }

#productactions { padding: 20px 20px 0 20px; list-style: none; }
#content #productactions li { background-repeat: no-repeat; background-position: 0 4px; line-height: 17px; padding: 0 0 0 20px; }
#productactions li#emailtoafriend { background-image: url(/img/site/email.gif); }
#productactions li#addtowishlist { background-image: url(/img/site/wishlist.gif); }
#productactions li#deliveryinfo { background-image: url(/img/site/delivery.gif); background-position: 1px 4px; }

#product #content { width: 720px; }
#product #content h1 { font-weight: normal; font-size: 20px; }
#product #leftnav { width: 230px; }

#product #col1 span.stockwarning { color: #cc0000; padding-bottom: 15px; }

#product #col1 { float: right; width: 240px; }
#product #col2 { float: left; width: 480px; }
#product #Converted {font-weight: bold;}

p.productreview {margin-bottom: 15px;}

#largeimage { border: solid 1px #e0e0e0; margin: 13px 0 0 10px; }
#thumbnails img { float: left; margin: 10px 0 0 10px; }

#product #col1 p { padding: 10px 10px 0 20px; }

#enlarge { position: absolute; top: 100px; left: 100px; }

#template #content { width: 720px; }
#template #content h1 { font-weight: normal; font-size: 20px; }
#template #content h2 { font-weight: normal; padding: 10px 20px 0 10px; font-size: 16px; }
#template #content h3 { font-weight: normal; padding: 10px 20px 0 10px; font-size: 12px; }
#template #leftnav { width: 230px; }
#template #content p { padding: 10px 20px 0 10px; line-height: 18px; }

#relatedproducts h2 { font-size: 16px; border-top: solid 1px #e0e0e0; padding: 10px 20px 0 0; margin: 20px 0 0 10px; }
#relatedproducts .thumbnails a { text-decoration: none; width: 170px; height: 220px; margin: 10px 0 0 10px; padding: 0 0 0 0; color: #000000; }
#relatedproducts .thumbnails a:hover { text-decoration: underline; }
#relatedproducts .thumbnails a span { color: #444444; display: block; padding: 10px; text-align: center; font-size: 9px; }

#reviews h2 { font-size: 16px; border-top: solid 1px #e0e0e0; padding: 10px 20px 0 0; margin: 20px 0 0 10px; }
#reviews h3 { padding-top: 20px; }

#reviewlink { border-top: solid 1px #e0e0e0; padding: 10px 20px 0 0; margin: 20px 0 0 10px; }
#reviewform h2 { font-size: 16px; border-top: solid 1px #e0e0e0; padding: 10px 20px 0 0; margin: 20px 0 0 10px; }
#reviewinfo { z-index: 9999; width:600px; background-color: #ffffff; border: solid 1px #999999; position: absolute; top: 0; left: 0; display: none; padding: 10px;}
#reviewinfo ol li {line-height: 16px;}
#reviewinfolink {text-decoration:none;}
#reviewinfolink span.highlight {color: #ff0000;}

#attachments ul li { background: url(/img/icons/new/icon_gen.gif) 0 1px no-repeat; }
#attachments ul li.pdf { background-image: url(/img/icons/new/icon_pdf.gif); }
#attachments ul li.doc { background-image: url(/img/icons/new/icon_doc.gif); }
#attachments ul li.xls { background-image: url(/img/icons/new/icon_xls.gif); }
#attachments ul li.mp3 { background-image: url(/img/icons/new/icon_mp3.gif); }

#template #content #subpages h2 { font-size: 12px; font-weight: bold; color: #ffffff; background-color: #38a4b1; padding: 5px 10px; }
#subpages ul li {  }

input.action { color: #ffffff; border: none; background-color: #38a4b1;  font-size: 14px; font-weight: bold; padding: 3px 8px; font-family: Arial, Verdana, Helvetica, sans-serif; margin: 10px 0 20px 0; }

#trail, #template #content p#trail { padding: 2px 0 10px 10px; color: #777777; font-size: 11px; line-height: 12px; }
#trail a, #template #content p#trail a { color: #777777; }

.required, td .required, td span.required { color: #cc0000; padding-left: 10px; font-weight: bold; }

.error { font-weight: bold; color: #cc0000; }

.carttable { width: 710px; border: solid 1px #c9c9c9; margin-right: 0; }
.carttable th, .carttable td { border: solid 1px #c9c9c9; }
.carttable td.input { padding: 2px 10px 2px 8px; }

.carttable td.input select { margin: 0; padding: 0; width: 350px; border: solid 1px #999999; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }

.addresstable { width: 710px;  border: none; margin-right: 0; }
.addresstable th, .addresstable td { border: none; padding: 5px 0; }

#addresslist { margin: 0 0 15px 0; } 

#addresslist div.address { background-color: #eaeaea; float: left; margin: 15px 0 0 10px; width: 150px; }
#addresslist div.address div { height: 95px; padding: 10px 10px 0 10px; }

#addresslist .controls { display: block; padding: 10px; }
#addresslist a.uselink { display: block; padding: 10px; font-weight: bold; color: #ffffff; background-color: #38a4b1; }

.current { font-weight: bold; }

#addtoorder {  }
#specialinstructionscontainer { z-index: 9999; width:400px; background-color: #ffffff; border: solid 1px #999999; position: absolute; top: 0; left: 0; }
#specialinstructionscontainer #SpecialInstructionsPopup { border: solid 1px #e0e0e0; width: 358px; }

#specialinstructionscontainer input.action { vertical-align: middle; }
#specialinstructionscontainer span { vertical-align: middle; }
#specialinstructionscontainer h3 { padding: 20px 20px 0 20px; }
#specialinstructionscontainer .required { padding: 5px 20px 0 20px; }

#recommendationform { z-index: 9999; width:400px; background-color: #ffffff; border: solid 1px #999999; position: absolute; top: 0; left: 0; }
#recommendationform textarea { border: solid 1px #e0e0e0; width: 358px; height: 100px; }
#recommendationform #RecommendationEmail { border: solid 1px #e0e0e0; width: 358px; }

#recommendationform input.action { vertical-align: middle; }
#recommendationform span { vertical-align: middle; }
#recommendationform h3 { padding: 20px 20px 0 20px; }
#recommendationform .required { padding: 5px 20px 0 20px; }

#notifyform { z-index: 9999; width:400px; background-color: #ffffff; border: solid 1px #999999; position: absolute; top: 0; left: 0; display: none; }

#deliveryinfobox { z-index: 9999; width:400px; background-color: #ffffff; border: solid 1px #999999; position: absolute; top: 0; left: 0; }
#deliveryinfobox h3 { padding: 20px 20px 0 20px; }
#deliveryinfobox p#moredeliveryinfo { padding: 20px; }


/*Contact Form Page*/
#content #right_panel h2 { font-size: 12px; font-weight: bold; color: #ffffff; background-color: #38a4b1; padding: 5px 10px; }
#content #right_panel { border: solid 1px #e0e0e0; width: 228px; clear: right; float: right; display: inline; margin: 10px 0 40px 30px; font-size: 11px; }

#content form .InputField { margin-left:100px; }
#content form .InputLabel { float:left; padding-top:4px; clear:left; position:absolute; }

p.no_padd { padding-right:0; }

div#map { width:423px; height:260px; margin:10px 40px 10px 10px; border:1px solid #e0e0e0; }
p#map-enlarge {padding-top: 0px; margin-top: 0px; margin-bottom: 10px;}

#progressindicator { border: none; margin: 0 0 10px 8px; }

#signin-left { width: 350px; float: left; }
#signin-right { width: 350px; float: right; }

.fieldnote { font-size: 9px; display: block; }

#catalogueshot { float: right; width: 200px; display: inline; margin: 20px 0 0 30px; }
#catalogueshot p { padding: 10px 0 0 0; margin: 0; }

#sitemap ul { list-style-type: square; }

#sitemap ul li ul {margin-top: 0px; padding-top: 0px;}
#sitemap ul li {line-height: 16px;}

#search div img { float: left; display: inline; margin: 0 0 0 10px; }
#search .result { padding: 15px 15px 0 0; }
#search .result h3 { padding: 0 0 0 0; margin-left: 10px; }
#search .result p { padding: 10px 0 0 0; margin-left: 10px; }

#search .result h3.ri, #search .result p.ri { margin-left: 95px; }

p.searchnav { font-weight: bold; text-align: right; }

#searchtabs { height: 25px; margin: 10px 0 0 0; padding: 0 0 0 0; }
#searchtabs li { display: inline; margin-left: 10px; width: 200px; height: 25px; float: left; border: solid 1px #e0e0e0; border-bottom: none; }
#searchtabs li a { display: block; height: 25px; line-height: 25px; padding: 0 10px; text-decoration: none; }

#searchtabs li a#currentsearch { background-color: #38a4b1; color: #ffffff; font-weight: bold; }
#searchresultspanel { clear: both; border: solid 1px #e0e0e0; padding: 10px 10px 30px 10px; margin-left: 10px; }

#Quantity-Sheet {font-weight: bold; font-size: 14px;}
#Price-Sheet {font-weight: bold; font-size: 14px;}
#sheet-template {border: solid 1px #aeaeae; margin: 10px 0px 0px 20px; padding: 10px 0px 20px 0px;}
#product #col1 #sheet-template p {margin-left: 0px; padding: 10px 0px 0px 15px;}

.important-info {color: #ff0000;}

.redtext { color: #cc0000; } 
.redtext strong, strong .redtext { color: #cc0000; } 

#cart_notification { width:546px; padding:20px 0 46px 20px; border:2px solid #38A4B1; background-color:#fff; text-align:right; position:absolute; top:-11px; right:0; z-index:100; display:none; }
#cart_notification p { margin:0 0 12px 0; padding:0; color:#38A4B1; color:#777; }
#cart_notification div { text-align:left; padding:8px 0 0; }
#cart_notification img { float:left; margin:0 20px 0 0; }
#cart_notification p#tick { margin:0 0 20px 0; text-align:left; }
#cart_notification p#tick img { border:none; margin:0 12px 0 0; padding:0; }
#cart_notification p span.highlight { color:#38A4B1; font-weight:bold; }
#cart_notification p#price { float:right; color:#38A4B1; font-weight:bold; font-size:16px; margin:6px 40px 0 12px; }
#cart_notification #options { height:16px; background-color:#38A4B1; width:550px; padding:6px 8px 3px 8px; position:absolute; left:0; bottom:0; }
#cart_notification #options a { font-weight:bold; color:#fff; }

.addthis_toolbox { margin:12px 0 0 20px;  }

#left_feature { width:210px; xheight:100px; margin:12px 0 12px 13px; padding: 12px 0 1px 0; background-color:#f3fafa; border:1px solid #e0e0e0; }

#left_feature ul { margin:0; padding:0; }

#left_feature ul li { list-style-type:none; list-style-position:outside; width:210px; text-align:center; }

#left_feature ul li p { padding:0; margin:0 0 12px 0; }

#left_feature ul li img { display:inline; }

#left_feature ul li p.feature_heading { font-size:12px; font-weight:bold; color:#38A4B1; }

#left_feature ul li p.feature_description { padding:0 12px 0 12px; }

#certificate { width:300px; margin:0 0 0 10px; padding:0 0 12px 0; text-align:center; background-color:#f3fafa; border:1px solid #e0e0e0; }

#cart td.upsell_box { background-color:#f4fafa; background-image:url('/img/site/information.gif'); background-repeat:no-repeat; background-position:8px center; padding-left:30px;  }

#product-filter { background-color: #DFEFEF; overflow: auto; padding: 20px; display: none; margin-left: 10px;}
#product-filter .product-filter-box {float: left; height: 150px; overflow: auto; width: 210px; background-color: #fff; border: solid 1px #237F8C; padding: 5px; margin-right: 10px;}
#product-filter-header {background-color: #38A4B1; padding: 5px 10px; width: 180px; display: none; margin-left: 10px;}
#product-filter-header a {color: #fff; font-size: 15px; text-decoration: none; font-weight: bold;}
#product-filter .product-filter-box h4 {color: #218289; text-align:center;}
