/* General items */

* { padding: 0; margin: 0; }
a:link { color: #000000; }
a:visited { color: #000000; }
a:hover { color: #666666; }
a:active { color: #000000; }
body { font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; font-size: 0.7em; color: #000000; line-height: 1.9em; background-image: url(../images/secondary-bg.png); background-repeat: no-repeat; background-position: center 94px; }
p { margin-bottom: 2em; line-height: 2em; }
ul { margin-left:20px; margin-bottom: 20px; line-height: 2em; }
h1 { font-size: 0.1em; font-weight: bold; }
h2 { font-size: 1.2em; font-weight: bold; }
h2 a:link { color: #0060AF; }
h2 a:visited { color: #0060AF; }
h2 a:hover { color: #000000; }
h2 a:active { color: #0060AF; }
h3 { font-size: 1.2em; font-weight: bold; margin-bottom: 1.2em; }

/* Layout */

#top-blue-bar { width: 100%; height: 7px; background-color: #0060AF; clear: both; }
#header-holder { height: 150px; width: 100%; clear: both; float: left; background-image: url(../images/blue-line.png); background-repeat: repeat-x; }
#header-content { clear: both; width: 920px; margin-left: auto; margin-right: auto; height: 150px; }
#header-nav { width: 920px; float: left; }
#header-intro { float: left; width: 431px; padding-top: 10px; }
#header-subpage-contact { float: right; width: 431px; padding-top: 10px; }
#main-content-holder { clear: both; width: 100%; float: left; margin-bottom: 30px; }
#main-content { clear: both; width: 920px; margin-left: auto; margin-right: auto; }
.content-column-subnav { float: left; width: 211px; margin: 0px 16px 0px 0px; font-weight: normal; background-image: url(../images/content-column-bg-long.png); background-repeat: repeat-x; }
.content-column-subnav ul { list-style-type: none; margin: 0px; padding: 0px; width: 211px; list-style-image: none; }
.content-column-subnav li { font-family: Arial, Helvetica, sans-serif; font-size: 13px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #666666; margin: 0px; padding: 6px 0px 6px 8px; list-style-type: none; list-style-image: none; }
.content-column-mainright { float: right; width: 680px; background-repeat: repeat-x; border-top-width: 3px; border-top-style: solid; border-top-color: #0060AF; }
.text-holder { padding: 9px 20px 20px 20px; }
.breadcrumb-nav { background-color: #DDEAF4; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #DDEAF4; padding: 6px 5px 6px 10px; background-image: url(../images/breadcrumbs-bg.png); background-repeat: repeat-x; clear: both; margin-bottom: 10px; }
#call-back-box { width: 172px; background-color: #0060AF; margin-top: 27px; color: #FFFFFF; padding: 20px 10px 10px 10px; background-image: url(../images/callback.png); background-repeat: no-repeat; background-position: 10px 10px; float: right; }
#call-back-box p { line-height: 1.4em; margin: 10px 0px 10px 0px; font-weight: normal; }
#footer-holder { width: 100%; background-color: #0060AF; background-image: url(../images/footer-bg.png); clear: both; margin-top: 15px; padding: 30px 0px 0px 0px; background-repeat: repeat-x; }
#footer-content { clear: both; width: 920px; margin-left: auto; margin-right: auto; color: #FFFFFF; padding-bottom: 20px; }
#footer-content a { color: #FFFFFF; }
#footer-content a:hover { color: #A8B6D7; }
#designed-by { float:right; width:176px; clear:none; margin-top: 60px; background-image: url(../images/dock9.png); background-repeat: no-repeat; height: 32px; }
.product-item-left { float: left; width: 333px; height: 100px; background-color: #0060AF; margin-bottom: 15px; padding: 1px; }
.product-item-left:hover { background-color: #297ABC; }
.product-item-right { float: right; width: 333px; height: 100px; background-color: #0060AF; margin-bottom: 15px; padding: 1px; }
.product-item-right:hover { background-color: #297ABC; }
#product-page-header { float: left; width: 680px; padding: 20px 0px 14px 0px; }
#product-page-left { float: left; width: 400px; }
#product-page-left ul { margin-left: 3em; margin-right: 3em; }
#product-page-left li { margin-bottom: 0.5em; }
#product-page-right { float: right; width: 250px; margin-top: 5px; }
#product-page-right ul { list-style-type: none; margin: 0px; padding: 0px; width: 250px; list-style-image: none; }
#product-page-right li { font-family: Arial, Helvetica, sans-serif; font-size: 13px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #666666; margin: 0px; padding: 6px 0px 6px 8px; list-style-type: none; list-style-image: none; background-color: #DDEAF4; }
#product-page-right li:hover { background-color: #0060AF; }
#product-page-right a { color: #000000; }
.address { margin-left:1em; }
.contact-page-address { float:left; width: 325px; }
.contact-page-tel { margin-left:1em; float:right; width: 325px; }
.contact-page-box { background-color: #DDEAF4; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #666666; border-top-width: 1px; border-top-style: dotted; border-top-color: #666666; float: left; width: 650px; padding: 15px; }
#quote-form-holder { float: left; width: 620px; border: 3px solid #DDEAF4; padding: 15px 20px 10px 30px; }

/* Navigation */

#navholder { z-index: 9; position:relative; top:0px; width:605px; float: right; }
#navmenu ul { margin: 0; padding: 0; border-bottom: none; }
#navmenu li { position: relative; float: left; margin: 0; list-style: none; line-height: 31px; }
#navmenu #home a:hover, #navmenu #prod a:hover, #navmenu #forms a:hover, #navmenu #where a:hover, #navmenu #contact a:hover { background-position:bottom; }
#navmenu li a { display: block; padding: 0px; text-decoration: none; color: #fff; height:31px; }
#navmenu span { display:none; }
#navmenu #home a { background:url(../images/button-home-roll-2.png); width: 141px; }
#navmenu #prod a { background:url(../images/button-products-roll.png); width: 89px; }
#navmenu #forms a { background:url(../images/button-forms-roll.png); width: 138px; }
#navmenu #where a { background:url(../images/button-where-roll.png); width: 133px; }
#navmenu #contact a { background:url(../images/button-contact-roll.png); width: 104px; }
#navmenu #homestatic a { background:url(../images/button-home-static.png); width: 141px; }
#navmenu #prodstatic a { background:url(../images/button-products-static.png); width: 89px; }
#navmenu #formsstatic a { background:url(../images/button-forms-static.png); width: 138px; }
#navmenu #wherestatic a { background:url(../images/button-where-static.png); width: 133px; }
#navmenu #contactstatic a { background:url(../images/button-contact-static.png); width: 104px; }
.introtextimage { padding-top:10px; }

.form-download-holder{ width:658px; float:left; clear:both; border: 1px dotted #999999; padding: 10px; margin-bottom: 10px; }
.form-download-left{ width:121px; float:left; border: 1px solid #999999; }
.form-download-right{ width:500px; float:right }


/* Accessible headers */

.h1-global{padding: 28px 0px 0px 0px; overflow: hidden; background-repeat: no-repeat; height: 0px !important; height /**/:30px}
h1#familyfleet {background-image: url("../images/prodpage-h1-familyfleet.png")}
h1#household {background-image: url("../images/prodpage-h1-home.png")}
h1#commercial {background-image: url("../images/prodpage-h1-commercial.png")}
h1#marine {background-image: url("../images/prodpage-h1-marine.png")}
h1#where {background-image: url("../images/prodpage-h1-where.png")}
h1#contact {background-image: url("../images/prodpage-h1-contact.png")}
h1#travel {background-image: url("../images/prodpage-h1-travel.png")}
h1#commercialvan {background-image: url("../images/prodpage-h1-commercialvan.png")}
h1#motor {background-image: url("../images/prodpage-h1-motor.png")}
h1#motorcycle {background-image: url("../images/prodpage-h1-motorcycle.png")}
h1#lloyds {background-image: url("../images/prodpage-h1-lloyds.png")}
h1#accessibility {background-image: url("../images/prodpage-h1-accessibility.png")}
h1#liability {background-image: url("../images/prodpage-h1-liability.png")}
h1#prof {background-image: url("../images/prodpage-h1-prof.png")}
h1#about {background-image: url("../images/prodpage-h1-about.png")}
h1#callback {background-image: url("../images/prodpage-h1-callback.png")}




/* Forms */

#call-back-box fieldset { border-color: #000; border-width: 5px; border-style: solid; padding: 20px; margin: 10px; }
#call-back-boxform label { display: block; float: left; width: 50px; padding: 0px; text-align: left; margin-right: 10px; margin-bottom: 10px; }
.contact-page-box fieldset { border-color: #000; border-width: 5px; border-style: solid; padding: 20px; margin: 10px; }
.contact-page-box label { display: block; float: left; width: 200px; padding: 0px; text-align: left; margin-right: 10px; margin-bottom: 10px; }
textarea { overflow: auto; }
form br { clear:left; }
#quote-form-holder input { }
#quote-form-holder label { display: block; float: left; width: 340px; padding: 0px 20px 0px 10px; text-align: left; margin-right: 10px; margin-bottom: 10px; }
.form-conditional-item { background-color: #FFFFFF; }
.form-blue { background-color: #DFEAF4; }
input:focus { background-color: #DDEAF4 }
textarea:focus { background-color: #DDEAF4 }
.error { color: #FF0000; font-weight: bold; font-size: 1em; }
