﻿*{margin:0;padding:0;}
body, html{height:100%;color:#000000;background:#FFFFFF;font-family:Arial;font-size:0.85em;}
div.header{width:100%;color:#FFFFFF;background:#000000;padding:25px 0 23px 0;}
div.header div.inner{width:900px;margin:0 auto;}
.menu{float:right;}
.menu a{color:#FFFFFF;font-weight:bold;text-decoration:none;margin-left:15px;}
.menu a:hover{color:#FF0000;}

tr.row{background-color:#dcdada;}
td.cellone{text-align:right;padding:2px 20px 2px 2px;font-weight:bold;font-size:1.1em;}
td.celltwo{padding:2px 2px 2px 20px;}

.header div.contact{width:270px;font-size:1.8em;font-weight:bold;text-align:right;float:right;clear:right;margin-top:15px;color:#fff}
.header div.contact a{color:#fff; text-decoration:none;}
.header div.contact img{float:left;margin:3px 8px 0 0;}

.tabs{width:100%;height:40px;background-color:#666666;}
.tabs div.inner{width:900px;margin:0 auto;}
.tabs ul{list-style:none;} 
.tabs ul li{float:left;}
.tabs a{width:156px;font-size:1.2em;color:#FFFFFF;font-weight:bold;text-decoration:none;line-height:40px;text-align:center;display:block;}
.tabs a:hover{background:#FF0000;}
.tabs a.on{background:#FF0000;}

a.whitelist{color:White;}

div.block{width:900px;height:257px;margin:0 auto;}

div.block div.inner{width:574px;height:207px;color:#FFFFFF;background-color:#FF0000;font-size:1.9em;font-style:italic;float:left;padding:25px;}
div.block div.inner h2{color:#FFFFFF; font-size:30px; font-style:normal; margin-bottom:25px;}


.quick-quote{width:256px;height:277px;background:url('images/quote-bg.jpg') #CCCCCC;float:right;position:relative;margin-top:-40px;padding:10px;font-size:0.9em;}
.quick-quote h3{font-size:18px;font-weight:bold;margin-bottom:10px;}
.quick-quote form div{height:21px;margin-bottom:3px;}
.quick-quote form label{width:75px;font-weight:bold;display:inline-block;float:left;margin-top:3px;}
.quick-quote form input, select{width:175px;font-family:Arial;font-size:10px;border:solid 1px #999999;padding:2px;}
.quick-quote select{width:181px;}
.quick-quote div.bottom{width:100%;height:30px;margin:0;}
.quick-quote textarea{width:175px;height:45px;font-size:10px;border:1px solid #999999;}
.quick-quote input.btn{width:75px;color:#FFFFFF;background-color:#333333;font-weight:bold;border:1px solid #666666;float:right;text-align:center;margin-top:5px !important;padding:5px 0 5px 0;}
.quick-quote input.short{width:45px; float:none; margin-right:3px;}
.quick-quote span.field-validation-error{color:#CC0000;font-family:tahoma;font-weight:normal;}
.quick-quote span.success{color:#009900;font-size:11px;font-weight:bold;line-height:30px;float:left;display:inline-block;margin-top:5px;}
.quick-quote span.fail{color:#990000;font-size:11px;font-weight:bold;line-height:30px;float:left;display:inline-block;margin-top:5px;}
div.block div.bg1{background:url('images/header1.jpg');}
div.block div.bg2{background:url('images/header2.jpg');}
div.block div.bg3{background:url('images/header3.jpg');}
.white{color:#FFF;}
div.block div.bg4{background:url('images/header4.jpg');}
div.block div.bg5{background:url('images/header5.jpg');}


* html body div.block div.quick-quote form div{height:auto;margin-bottom:3px;}
* html body div.block div.quick-quote form label{width:70px;margin-top:4px;}
* html body div.block div.quick-quote form input{width:172px;font-size:12px;border:1px inset #FFFFFF;margin-left:3px;}
* html body div.block div.quick-quote form input.short{margin-right:0;}
* html body div.block div.quick-quote form input.btn{margin-left:0;}
* html body div.block div.quick-quote form textarea{width:172px;height:40px;border:1px inset #FFFFFF;margin-left:2px;}
* html body div.block div.quick-quote form select{width:180px;margin-left:3px;}

div.wrapper{width:900px;margin:5px auto 0 auto;}
div.content {width:880px;background:#EEEEEE;border-bottom:solid 1px #999999;margin-bottom:5px;padding:10px 10px 15px 10px;}
div.content h1{color:#CC0000;font-size:2.1em;margin-bottom:15px;}
div.content h2{color:#CC0000;font-size:1.5em;margin-bottom:15px;}
div.content h2.short{width:604px !important;}
div.content h3{color:#CC0000;font-size:18px;margin-bottom:15px;}
div.content h4{color:#CC0000;font-size:18px;margin-bottom:15px;}
div.content a{color:#336699;text-decoration:none;}
div.content a:hover{color:#6699CC;text-decoration:underline;}
div.content ul{list-style-image:url('images/icon.jpg');margin:0 0 15px 15px;}
div.content div.full{width:900px;}
div.short{width:736px !important;height:152px !important;float:left;}
.contact-label {color:#333333;display:block;float:left;margin:10px 6px 0 0;width:150px;}

div.silo{width:144px; height:184px; background:url('images/footer-sash.jpg'); float:right; margin-bottom:-5px;}

div.content div.three-columns div{float:left;}
div.content div.three-columns h4{margin-top:0;margin-bottom:5px;}
div.content div.three-columns ul{margin-top:10px;margin-bottom:0;}
div.content div.three-columns li{}

div.content form div{margin-bottom:5px;}
div.content form span.field-validation-error{color:#FF0000;text-align:left;display:inline-block;margin:3px 0 0 0;}
div.content form div.success{width:578px;color:#006600;background:#CCFFCC;font-weight:bold;border:solid 1px #99CC99;text-align:left;margin-bottom:15px;padding:10px;}
div.content form div.fail{width:578px;color:#660000;background:#FFCCCC;font-weight:bold;border:solid 1px #FF0000;text-align:left;margin-bottom:15px;padding:10px;}
div.content form label{float:left; margin-top:3px; }
div.content form input, textarea{font-family:Arial;}
div.content form input.field, textarea{width:450px;border:solid 1px #CCCCCC;padding:2px;}
div.content form input.field:focus, textarea:focus{border:solid 1px #6699CC;}
div.content form textarea.addr{height:75px;}
div.content form textarea.msg{height:150px;}
div.content form input.submit{width:60px;height:30px;color:#FFFFFF;background:url('images/submit.jpg') transparent;font-weight:bold;border:0;}
div.content form input.submit-long{ margin: 0 5px 0 0;width:120px;height:30px;color:#FFFFFF;background:url('images/submit-long.jpg') transparent;font-weight:bold;border:0; cursor:pointer;}
div.content form input.submit:hover{cursor:pointer;}

div.content div.map-container{width:620px;height:300px;background:#DDDDDD;border:solid 1px #CCCCCC;float:left;margin:0 20px 10px 0;padding:5px;}
div.content div#map{width:618px;height:298px;background:#FFFFFF;border:1px solid #CCCCCC;}
div.content div.contact{float:left;}

.footer{width:100%;color:#FFFFFF;background:#000000;padding:10px 0;position:relative;}
.footer-content{width:900px;margin:0 auto;}
.footer-content div.col1{width:230px;float:left;margin-right:75px;}
.footer-content div.col2{width:230px;float:left;margin-right:75px;}
.footer-content div.col3{width:290px;float:left;}
.footer-content h3{font-size:20px;border-bottom:solid 1px #333333;margin-bottom:15px;padding-bottom:10px;}
.footer-content ul{list-style:none;line-height:18px;}
.footer-content a{color:#FF0000;text-decoration:none;}
.footer-content a:hover{color:#FFFFFF;text-decoration:underline;}

.last{margin-bottom:0;}
.no-right-margin{margin-right:0 !important;}
.no-bottom-margin{margin-bottom:0 !important;}

div.colours{float:right;width:276px;font-size:0.9em;height:380px;color:#000;margin:-10px -10px 10px 10px;}
div.colours img{display:block;}

* html body div.content h2.short{width:601px !important;}
* html body div.colours{margin-right:-5px !important;}
* html body div.short{padding-bottom:6px !important;}
* html body div.short2{height:161px !important; padding-bottom:6px !important;}
* html body img.silo{margin-bottom:-5px !important;}
* html body .fix1{height:161px !important;}

.clear{height:0;font-size:0;clear:both;overflow:hidden;}
.nob{border-style:none;}

.field-validation-error{color:#990000;margin:0 3px;}
.required{color:#990000;margin:0 3px;font-size:1.2em;}
.checkout{padding:10px;border:solid 1px black;margin:20px 0 0 0;background-color:White;}
.checkout fieldset{border-width:0;}
.checkout legend{font-weight:bold;color:#333;font-size:1.6em;background-color:White;border:solid 1px black;padding:0.2em 0.5em;}
.checkout label{display:block;float:left;color:#333;}
.checkout select{margin:10px 6px 0 0;}
.checkout select.smaller{width:70px;}
.checkout input.check{width:13px;margin:5px 0 0 0;}
.checkout input.small{width:130px;}
.checkout input.smaller{width:90px;}
.checkout input.smallwidth{width:75px;}
.checkout br{clear:both;}
.checkout .radio{width:13px;margin:5px 0 0 0;}
.checkout .radiolabel{padding:0 10px;margin-top:0;}
.validation-summary-errors{color:#990000;margin:10px 0;font-weight:bold;}
.validation-summary-errors li{font-weight:normal;list-style-type:disc;margin-left:25px;}
.field-validation-error{color:#990000;margin:0 3px;}

#basket{border:solid 1px #ccc;margin:10px 0;background-color:#fff;font-size:1.15em;}
#basket table{width:100%;}
#basket table input{width:20px;text-align:center;}
#basket table thead{background-color:#eee;color:#333;font-weight:bold;}
#basket table td{padding:7px;vertical-align:top;}
#basket table th{padding:5px;}
#basket table tbody tr.alt{background-color:#f9f9f9;}
#basket table .ctr{text-align:center;}
#basket table .right{text-align:right;}
#basket table .left{text-align:left;}
#basket table tr td.summary{font-weight:bold;text-align:right;}
#basket table tr td.price{font-weight:bold;color:#990000;}
#basket .update{margin:5px;}

.lFloat{float:left;}

.smllbl{width:100px;color:#333;margin:10px 6px 0 0;padding:2px 0 0 0;text-align:right;}
.lnglbl{width:150px;color:#333;margin:10px 6px 0 0;padding:2px 0 0 0;text-align:right;}
.vlnglbl{width:200px;color:#333;margin:10px 6px 0 0;padding:2px 0 0 0;text-align:right;}
.smlfld{width:85px;color:#333;}
.medfld{width:157px;color:#333;}
.lngfld{width:480px;color:#333;}

/* Spec Tables: START */
table{border-collapse:collapse;border:1px solid #03476F;font:normal 11px verdana, arial, helvetica;color:#000;background:#f4efef;}
caption{
  text-align:center;
  font:bold 18px arial, helvetica, sans-serif;
  background:transparent;
  padding:6px 4px 8px 0px;
  color:#03476F;
  text-transform:uppercase;
}
td, th{border:1px dotted #03476F;padding:.4em;color:#000;}
th{ background-color:black;color:#fff;}

thead th, tfoot th{
  font:bold 11px verdana, arial, helvetica, sans-serif;
  border:1px solid #03476F;
  text-align:left;
  background:#000;
  color:#fff;
  padding-top:3px;
}
tbody th, tbody td{vertical-align:top;text-align:left;}
tbody tr.odd{background-color:#dfdede;}
tbody tr:hover td{background:red;border-top:1px solid #03476F;border-bottom:1px solid #03476F;color:#fff;}
tbody tr:hover th,tbody tr.odd:hover th{border-top:1px solid #03476F;border-bottom:1px solid #03476F;background:red;color:#fff;}
/* Spec Tables: END */

.faqlist{ margin-left:30px;}
.faqlist li{margin-bottom:15px;}



.errorMain{color:red; font-weight:bold; font-size:1.1em; padding-top:5px;}
.errorMain .validation-summary-errors{ visibility:hidden;margin:0; border:0;padding:0; height:0px;color:Red; }
.errorMain .validation-summary-errors li{margin-top:10px; font-weight:bold;}
/*.errorMain:hover, .errorMain.hover{background-image:url(/Images/blue-bgs/blue-200-white.jpg);position:relative; left:0;padding-left:20px;}*/

.errorMain:hover > .validation-summary-errors, .errorMain.hover > .validation-summary-errors{ position:relative; left:-10px; visibility:visible;height:140px; width:256px;padding:5px 10px 0 10px; background-color:#9A9A9A;padding-top:10px;}
.errorMain:hover, .errorMain.hover{}
