/*----------------------------------------------------------------------------------------------------------------------------------------------------------- CSS for Burnt Tree - Main Stylesheet Author: Alison Lee (alisonlee@silktide.com) / Silktide Ltd - All Rights Reserved Created: 29/05/2008 -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* Global Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ body { background: #bbc6d8 url("templatefiles/body-bg.jpg") repeat-x top left; font: 75% arial, verdana, helvetica, sans-serif; text-align: center; padding: 0; margin: 0;} h1 { font: bold 1.6em arial, verdana, helvetica, sans-serif; color: #021d6e; margin: 15px 20px 10px; } h2 { font: bold 1.2em arial, verdana, helvetica, sans-serif; color: #021d6e; margin: 10px 0 5px; } h3 { font: bold 1.1em arial, verdana, helvetica, sans-serif; color: #021d6e; margin: 10px 0; } p, li { font-size: 1.0em; line-height: 1.5em; color: #021d6e; } .smalltext { font-size: 0.85em; } a, a:visited { color: #EB2B44; text-decoration: none; } a:hover, a:active { text-decoration: underline; } hr { height: 1px; background-color: #e8e8e8; color: #e8e8e8; border: 0; margin: 15px 0; } img { border: 0; } form, table { background: transparent; font-size: 1.0em; } .tablestyle { border-collapse: collapse; } .tablestyle td, .tablestyle th { color: #021d6e; vertical-align: top; padding: 5px 5px 5px 0; } .tableborder td, .tableborder th { vertical-align: top; padding: 5px; border: 1px solid #e8e8e8; } .widthwrapper { width: 100%; } .padding { padding: 20px; } .right { float: right; } .left { float: left; } .imgright { float: right; margin: 5px 0 10px 15px; } .imgleft { float: left; margin: 0 15px 10px 0; } .topspacing { margin-top: 30px; } .centerimg { text-align: center; } .centerimg img { margin: auto; } .clear { clear: both; } .displayblock { display: block; } #accessibility { display: none; } /* Layout Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #container { width: 945px; position: relative; background: #fff; text-align: left; border: 1px solid #8b8c91; border-top: 5px solid #eb2b44; margin: 0 auto; } #header { padding: 10px; } #mainnav { height: 30px; clear: both; background: #e7e7e7 url("templatefiles/mainnav-bg.jpg") repeat-x top left; } #banner { } #contentwrapper { } #content { padding-bottom: 50px; margin: 0 300px 0 20px; } .nosubcontent #content { margin-right: 20px; } #subcontent { width: 260px; float: right; margin-right: 10px; } #footer { width: 925px; height: 110px; background: transparent none; margin: 10px auto 0; } /* Header Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #header p { font-weight: bold; font-size: 1.0em; text-align: right; color: #03266a; margin: 10px 10px 0 0; } /* Banner Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #banner { clear: both; min-height: 175px; background-color: #022164; } #banner h2 { font-weight: normal; font-size: 1.8em; color: #fff; padding-top: 10px; margin-top: 0; } #banner #bannertext { padding: 20px 0; margin-left: 680px; } #banner #flashbanner { /*width: 670px;*/ float: left; } #home #banner { height: 165px; position: relative; background: #fff url("templatefiles/banner-fade.jpg") repeat-y 0 0; padding-left: 20px; padding-bottom: 10px; border-bottom: 1px solid #012063; } #home #banner h2 { font-size: 1.6em; } #home #banner #bannerimg{ position: absolute; top: 0; right: 0; } #home #banner td { color: #fff; padding-left: 0; } #home #banner select { width: 250px; } #home #banner p#quoteprice { position: absolute; top: 50px; left: 320px; font-weight: bold; font-size: 1.8em; color: #fff; } #home #banner .quickquote { width: 148px; height: 35px; position: absolute; top: 110px; left: 320px; background: transparent url("templatefiles/button-bg.jpg") no-repeat 0 0; font-weight: bold; font-size: 1.4em; color: #fff; border: none; } #home #banner #faqs { position: absolute; top: 150px; left: 320px; text-transform: uppercase; color: #fff; } #home #banner #faqs a, #home #banner #faqs a:visited { font-size: 0.85em; color: #fff; } #home #banner #faqs a:hover, #home #banner #faqs a:active { color: red; } /* Navigation Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #mainnav ul { height: 30px; padding: 0; margin: 0; } #mainnav ul li { height: 30px; float: left; list-style-type: none; font-weight: bold; line-height: 30px; padding: 0 10px; border-right: 1px solid #959795; border-left: 1px solid #d9dbd8; } #mainnav ul li a, #mainnav ul li a:visited { color: #03266a; } #mainnav ul li a:hover, #mainnav ul li a:active { color: #ec2a45; text-decoration: none; } /* -- Not currently in use -- #breadcrumb { font-size: 0.85em; color: #777; margin: 10px 0 10px; } #breadcrumb a, #breadcrumb a:visited { color: #777; } #breadcrumb a:hover, #breadcrumb a:active { color: #000f34; text-decoration: underline; } */ .bluebox-top { width: 260px; height: 49px; background: #fff url("templatefiles/bluebox-top.jpg") no-repeat bottom left; } .bluebox-bottom { width: 260px; min-height: 50px; background: #fff url("templatefiles/bluebox-bottom.jpg") no-repeat bottom left; } .bluebox-top h2 { font: bold 1.4em arial, verdana, helvetica, sans-serif; color: #fff; padding: 22px 25px 0; margin: 0; } .bluebox-bottom .padding { padding: 10px 25px 30px; } .bluebox-bottom select { width: 210px; font-size: 0.85em; margin-bottom: 5px; } .bluebox-bottom #quoteprice { font-size: 2.0em; margin: 10px 0 0; } .bluebox-bottom .quickquote { width: 79px; height: 33px; background: transparent url("templatefiles/button-booknow.jpg") no-repeat center center; border: 0; margin-top: -35px; } .subnav { padding: 0; margin: 0 0 0 20px; } .subnav li.selected a { font-weight: bold; color:#021D6E; } /* Vehicle Menu styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .vehicleblock { width: 200px; min-height: 330px; float: left; display: inline; margin: 10px 13px; } .vehicleblock p.title { min-height: 75px; font-weight: bold; font-size: 1.2em; line-height: 1.3em; padding: 5px; margin: 0; } .vehicleblock .centerimg{ min-height: 115px; } .vehiclesummary { min-height: 70px; background-color: #e7eaf1; padding: 5px; margin-top: 25px; } .vehiclesummary p { margin: 0; } .bookblock { min-height: 20px; padding: 5px; border-top: 1px solid #fff; } .bookblock p { vertical-align: middle; margin: 0; } .bookblock p a { color: #021d6e; } .bookblock p a:hover, .bookblock p a:active { text-decoration: underline; } /* Misc styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #home .offerbox { width: 300px; height: 225px; float: left; background: transparent url("templatefiles/offer-box.jpg") no-repeat top center; margin-top: 10px; } #home .offerbox .padding { padding: 10px 30px; } #home .offerbox .padding h2 { color: #EB2B44; margin: 15px 0 0; } #home .offerbox .padding p { margin: 10px 0 0; } #contacttable td { padding: 5px 15px 15px 0; } #contacttable h2 { margin-bottom: 0; } #contacttable h2 a, #contacttable h2 a:visited { color: #021d6e; } #contacttable h2 a:hover, #contacttable h2 a:active { color: #EB2B44; } #contacttable p { margin-top: 0; } #contentimg { float: right; margin: 15px 0 10px 20px; } #contentimg .caption { width: 200px; font-size: 0.85em; color: #777; text-align: center; margin-top: 0; } .newsimg { float: right; padding: 2px; border: 1px solid #e8e8e8; margin: 0 0 5px 5px; } #directions { float: right; text-align: right; color: #021d6e; margin: 20px; } #directions h2 { text-align: left; margin: 0; } #directions label, #directions input { vertical-align: middle; } table#xlogos { width: 100%; clear: both; border-collapse: collapse; margin-top: 15px; } table#xlogos td { width: 20%; text-align: center; font-size: 0.8em; margin: 0; } table#xlogos td img { margin: auto; } table#xlogos td a, table#xlogos td a:visited { color: #2b3982; } table#xlogos td a:hover, table#xlogos td a:active { color: #EB2B44; text-decoration: none; } /* Footer Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #footer p { font-size: 0.8em; text-align: right; color: #000f34; margin-top: 0; } #footer p.left { text-align: left; margin-right: 100px; } #footer p.right { } #footer p a, #footer p a:visited { color: #000f34; }