/* Title: Bradshaw Bennett Pest Control date: June 2009 */ * { margin: 0; padding: 0; list-style: none; outline: none;} body { margin: 0; padding: 0; font-size: 100%; background-color: #DCDDDF; color: #21205F; font-family: Arial, Helvetica, sans-serif;} img { border: none; margin: 0; padding: 0;} a img { border: none;} div,input,form,h1,h2,h3,h4,h5,hr,p,dl,dd,dt,ul,li,ol,object,param { margin: 0; padding: 0;} html, body { height: 100%;} /* structure styles ---------------------------------------------------------- */ #container { width: 965px; min-height: 100%; border-left: 5px solid #ffffff; border-right: 5px solid #ffffff; margin-left: auto; margin-right: auto; background-color: #C1DBF4;} * html #container { height: 100%;} #outer-container { width: 965px; margin-left: auto; margin-right: auto; background: url(../images/container-bg.jpg) 0 0 repeat-y; height: 100%;} /* HEADER ---------------------------------------------------------- */ #header { width: 965px; height: 37px; border-bottom: 5px solid #ffffff;} #logo { padding: 32px 0 0 20px;} /* HOME */ #wrapper { width: 965px; background-color: #C1DBF4;} #leftcol { float: left; position: relative; width: 217px; padding: 0; margin: 0;} #inner-leftcol { height: 680px; background: #C1DBF4 url(../images/leftcol-bgimg.jpg) bottom no-repeat;} #maincol { float: right; position: relative; width: 748px; margin: 0;} #inner-maincol { padding: 0 0 0 24px; height: 499px; margin: 0; background: url(../images/pestcontrolman.jpg) top right no-repeat;} #inner-maincol-alt { padding: 0 0 0 24px; margin: 0;} /* MAIN LAYOUT ---------------------------------------------------------- */ .heading { padding: 39px 0 30px 0} .heading-other { padding: 39px 0 10px 0} .subheading { padding-bottom: 30px; font-size: 120%; color: #D3374D; font-weight: bold;} .subsubheading { padding: 0 0 7px 10px;} .quotationsheading { padding-bottom: 30px; font-size: 180%; color: #D3374D; font-weight: bold;} .bottom-area { clear: both; width: 724px;} .col1 { float: left; width: 167px; padding-left: 130px;} .col2 { float: right; position: relative; width: 247px;} .ratimg { margin: 0; padding: 0;} .hp-width { padding-right: 170px; padding-left: 10px;} .large-txt { font-size: 155%; font-weight: bold;} .maincol-bottom { clear: both; float: left; position: relative; top: -10px;} .leftpanel-address { margin-top: 15px;} .content { width: 500px;} .content h1 { font-size: 110%; color: #CC0000;} #main-content .content p { line-height: 20px; margin-bottom: 15px;} #main-content #fmcontact p { margin-bottom: 6px; padding: 0;} .banner { clear: both; padding-bottom: 10px;} #php-container { width: 480px; height: 20px; position: absolute; top: 159px; left: 35px;} /* navigation ---------------------------------------------------------- */ /* MAIN NAVIGATION */ #nav { width: 202px; margin: 20px 0 0 15px;} #nav ul li { display: block; float: left; margin-bottom: 20px;} #nav ul#subnav { float: left; display: block; width: 180px; display: block; margin-top: 10px; } #nav ul#subnav li { float: right; margin-top: 0 !important; /* Firefox */ margin-top: 5px; /* IE */ margin-bottom: 7px !important; /* Firefox */ margin-bottom: 0; /* IE */} li.home { background: transparent url(../images/nav/home.gif) no-repeat 0 0; width: 185px; height: 25px;} li.home a { width: 185px; height: 0; display: block; padding-top: 25px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/home.gif) no-repeat -185px 0;} li.home a:hover { background-position: 0 -25px; z-index: 50;} li.home-over { background: transparent url(../images/nav/home-over.gif) no-repeat 0 0; width: 185px; height: 25px;} * html li.home a:link, * html li.home a:visited { height: 25px; he\ight:0;} * html li.home a:hover { height: 25px; he\ight:0;} li.getaquote { background: transparent url(../images/nav/getaquote.gif) no-repeat 0 0; width: 185px; height: 25px; display: block;} li.getaquote a { width: 185px; height: 0; display: block; padding-top: 25px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/getaquote.gif) no-repeat -185px 0;} li.getaquote a:hover { background-position: 0 -25px; z-index: 50;} li.getaquote-over { background: transparent url(../images/nav/getaquote-over.gif) no-repeat 0 0; width: 185px; height: 25px;} * html li.getaquote a:link, * html li.getaquote a:visited { height: 25px; he\ight: 0;} * html li.getaquote a:hover { height: 25px; he\ight: 0;} li.policycovers { background: transparent url(../images/nav/policycovers.gif) no-repeat 0 0; width: 185px; height: 25px; display: block;} li.policycovers a { width: 185px; height: 0; display: block; padding-top: 25px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/policycovers.gif) no-repeat -185px 0;} li.policycovers a:hover { background-position: 0 -25px; z-index: 50;} li.policycovers-over { background: transparent url(../images/nav/policycovers-over.gif) no-repeat 0 0; width: 185px; height: 25px; margin: 0; padding: 0;} li.policycovers-over a { width: 185px; height: 0; display: block; padding-top: 25px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/policycovers.gif) no-repeat -185px 0;} * html li.policycovers a:link, * html li.policycovers a:visited { height: 25px; he\ight: 0;} * html li.policycovers a:hover { height: 25px; he\ight: 0;} li.contactus { margin-top: 150px !important; /* Firefox */ margin-top: 5px; /* IE */ background: #CC0000 url(../images/nav/contactus.gif) no-repeat 0 0; width: 185px; height: 25px; display: block;} li.contactus a { width: 185px; height: 0; display: block; padding-top: 25px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/contactus.gif) no-repeat -185px 0;} li.contactus a:hover { background-position:0 -25px; z-index: 50;} li.contactus-over { background: transparent url(../images/nav/contactus-over.gif) no-repeat 0 0; width: 185px; height: 25px;} * html li.contactus a:link, * html li.contactus a:visited { height: 25px; he\ight: 0;} * html li.contactus a:hover { height: 25px; he\ight: 0;} li.contactus2 { background: #CC0000 url(../images/nav/contactus.gif) no-repeat 0 0; width: 185px; height: 25px; display: block;} li.contactus2 a { width: 185px; height: 0; display: block; padding-top: 25px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/contactus.gif) no-repeat -185px 0;} li.contactus2 a:hover { background-position:0 -25px; z-index: 50;} li.contactus2-over { background: transparent url(../images/nav/contactus-over.gif) no-repeat 0 0; width: 185px; height: 25px;} * html li.contactus2 a:link, * html li.contactus2 a:visited { height: 25px; he\ight: 0;} * html li.contactus2 a:hover { height: 25px; he\ight: 0;} * html #nav a:hover { height: 25px; he\ight: 0;} #nav a { display: block; height: 0; overflow: hidden; } * html #nav a:link, * html #nav a:visited { height: 25px; he\ight: 0;} /* SUB NAVIGATION */ li.corecover { background: transparent url(../images/nav/corecover.gif) no-repeat 0 0; width: 87px; height: 19px;} li.corecover a { width: 87px; height: 0; display: block; padding-top: 19px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/corecover.gif) no-repeat -87px 0;} li.corecover a:hover { background-position: 0 -19px; z-index: 50;} li.corecover-over { background: transparent url(../images/nav/corecover-over.gif) no-repeat 0 0; width: 87px; height: 19px;} li.corecover-over a { width: 87px; height: 0; display: block; padding-top: 19px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/corecover-over.gif) no-repeat -87px 0;} * html li.corecover a:link, * html li.corecover a:visited { height: 19px; he\ight:0;} * html li.corecover a:hover { height: 19px; he\ight:0;} li.employersliab { background: transparent url(../images/nav/employersliab.gif) no-repeat 0 0; width: 129px; height: 19px; display: block;} li.employersliab a { width: 129px; height: 0; display: block; padding-top: 19px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/employersliab.gif) no-repeat -129px 0;} li.employersliab a:hover { background-position: 0 -19px; z-index: 50;} li.employersliab-over { background: transparent url(../images/nav/employersliab-over.gif) no-repeat 0 0; width: 129px; height: 19px;} li.employersliab-over a { width: 129px; height: 0; display: block; padding-top: 19px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/employersliab-over.gif) no-repeat -129px 0;} * html li.employersliab a:link, * html li.employersliab a:visited { height: 19px; he\ight: 0;} * html li.employersliab a:hover { height: 19px; he\ight: 0;} li.propertyinsurance { background: transparent url(../images/nav/propertyinsurance.gif) no-repeat 0 0; width: 129px; height: 19px; display: block;} li.propertyinsurance a { width: 129px; height: 0; display: block; padding-top: 19px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/propertyinsurance.gif) no-repeat -129px 0;} li.propertyinsurance a:hover { background-position: 0 -19px; z-index: 50;} li.propertyinsurance-over { background: transparent url(../images/nav/propertyinsurance-over.gif) no-repeat 0 0; width: 129px; height: 19px;} li.propertyinsurance-over a { width: 129px; height: 0; display: block; padding-top: 19px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/propertyinsurance-over.gif) no-repeat -129px 0;} * html li.propertyinsurance a:link, * html li.propertyinsurance a:visited { height: 19px; he\ight: 0;} * html li.propertyinsurance a:hover { height: 19px; he\ight: 0;} li.hiredin { background: transparent url(../images/nav/hiredin.gif) no-repeat 0 0; width: 158px; height: 19px; display: block;} li.hiredin a { width: 158px; height: 0; display: block; padding-top: 19px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/hiredin.gif) no-repeat -158px 0;} li.hiredin a:hover { background-position:0 -19px; z-index: 50;} li.hiredin-over { background: transparent url(../images/nav/hiredin-over.gif) no-repeat 0 0; width: 158px; height: 19px;} li.hiredin-over a { width: 158px; height: 0; display: block; padding-top: 19px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/hiredin-over.gif) no-repeat -158px 0;} * html li.hiredin a:link, * html li.hiredin a:visited { height: 19px; he\ight: 0;} * html li.hiredin a:hover { height: 19px; he\ight: 0;} li.personalaccident { background: transparent url(../images/nav/personalaccident.gif) no-repeat 0 0; width: 124px; height: 19px; display: block;} li.personalaccident a { width: 124px; height: 0; display: block; padding-top: 19px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/personalaccident.gif) no-repeat -124px 0;} li.personalaccident a:hover { background-position:0 -19px; z-index: 50;} li.personalaccident-over { background: transparent url(../images/nav/personalaccident-over.gif) no-repeat 0 0; width: 124px; height: 19px;} li.personalaccident-over a { width: 124px; height: 0; display: block; padding-top: 19px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/personalaccident-over.gif) no-repeat -124px 0;} * html li.personalaccident a:link, * html li.personalaccident a:visited { height: 19px; he\ight: 0;} * html li.personalaccident a:hover { height: 19px; he\ight: 0;} li.directors { background: transparent url(../images/nav/directors.gif) no-repeat 0 0; width: 138px; height: 19px; display: block;} li.directors a { width: 138px; height: 0; display: block; padding-top: 19px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/directors.gif) no-repeat -138px 0;} li.directors a:hover { background-position:0 -19px; z-index: 50;} li.directors-over { background: transparent url(../images/nav/directors-over.gif) no-repeat 0 0; width: 138px; height: 19px;} li.directors-over a { width: 138px; height: 0; display: block; padding-top: 19px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/directors-over.gif) no-repeat -138px 0;} * html li.directors a:link, * html li.directors a:visited { height: 19px; he\ight: 0;} * html li.directors a:hover { height: 19px; he\ight: 0;} /* content styles --------------------------------------------------------- */ /* MAIN CONTENT STYLES */ #main-content { font-size: 75%; background: url(../images/maincol-bg.jpg) 0 0 repeat-y;} #main-content h2 { font-size: 115%; padding-bottom: 15px;} #main-content p { font-size: 100%; line-height: 17px; color: #21205F; padding-bottom: 10px;} #main-content p.no-padding { padding-bottom: 0;} #main-content .col1 img { padding-bottom: 0; margin-bottom: 0; background-color:#00FF00} #main-content a:link, #main-content a:visited { color: #21205F; text-decoration: none; font-weight: bold;} #main-content a:hover { color: #21205F; text-decoration: underline;} #main-content ul { margin: 0; padding-bottom: 10px; color: #21205F;} #main-content ul li { padding: 2px; margin-left: 21px; list-style-type: disc;} #main-content ol { margin: 0; padding-bottom: 10px; color: #21205F;} #main-content ol li { padding: 0; margin-left: 27px; list-style-type: decimal;} /* forms ---------------------------------------------------------- */ #fmcontact { padding: 11px; width: 490px; height: 310px; background: url(../images/form-bg.gif) 0 0 no-repeat;} #fmcontact label { padding: 0; margin: 0; float: left; text-align: left; width: 150px} #fmcontact input, #fmcontact textarea { font-family: Arial, Helvetica, sans-serif; font-size: 100%; vertical-align: middle; padding: 2px;} #name, #email, #renewal, #currentinsurer { font-size: 100%; width: 300px; height: 22px; margin: 0; padding: 0; border: 0; background-color: #ffffff;} #message { width: 300px; height: 146px; border: 0; vertical-align: middle; padding: 2px;} #radiobutton { margin-right: 0; margin-left: 4px;} input#submit { float: right; margin-top: 12px; padding-right: 10px; border: 0; vertical-align: middle;} #form { width: 615px; margin-bottom: 10px; padding: 0 0 0 25px;} #form fieldset { border: 0;} #form legend { border: 0; margin: 8px 0 8px 0; font-weight: bold;} #form p { margin: 0; padding-bottom: 2px;} #form label { float: left; padding-right: 10px; line-height: 14px;} #form input, #form textarea { vertical-align: middle;} #form input { font-size: 100%; margin: 0; padding: 2px; border: 1px solid #000000; background-color: #ffffff;} #form .label-widtha { width: 120px;} #form .label-widthb { width: 180px;} #form .label-widthc { width: 300px;} #form .label-widthd { width: 220px;} #form .input-widtha { width: 460px;} #form .input-widthb { width: 180px;} #form .input-widthc { width: 260px;} #form .input-widthd { width: 400px;} #form .input-widthe { width: 180px;} #form .input-widthf { width: 280px;} #form .input-widthg { width: 340px;} #form .bpca-member { text-align: right; margin: 0; padding-left: 180px;} #form .bpca-member input { margin-right: 20px;} #form .new-company { clear: both; display: inline;} #form .employ-casual { text-align: right; margin: 0; padding-left: 95px;} #form .employ-casual input { margin-right: 5px;} #form .calculate-premium { border: 1px solid #999999; margin: 0 0 10px 0; padding: 7px;} #form .calculate-premium p { font-size: 130%; font-weight: bold; margin: 0;} #form .calculate-premium img { vertical-align: middle; padding-left: 10px;} #form .highlighted, .required { color: #CC0000;} #form .noborder { border: 0;} #form p.small-txt { font-size: 90%; padding-bottom: 10px;} .fieldsmarked { width: 620px; text-align: right; padding-right: 20px; color: #CC0000;} .quotation { width: 585px; background-color: #C0DAF2; padding: 15px 15px 0 15px;} /* footer styles ---------------------------------------------------------- */ #footer { clear: both; background-color: #C1DBF4; padding-bottom: 35px;} #footer-panel { width: 935px; height: 72px; background: #ffffff url(../images/footer-img.gif) right no-repeat;} .footer-innerpanel { float: right; text-align: center; width: 740px; height: 57px; margin-top: 15px;} #footer p { font-size: 70%; color: #CC1F36; /*font-weight: bold;*/ margin-bottom: 10px;} #footer span.address { font-size: 70%; color: #21205F; margin-bottom: 10px;} #footer a:link, #footer a:visited { color: #CC1F36; text-decoration: none;} #footer a:hover { text-decoration: underline;} /* additional styles ---------------------------------------------------------- */ /* *** Float containers */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix { display: inline-table;} /* Hides from IE-mac \*/ * html .clearfix { height: 1%;} .clearfix { display: block;} /* End hide from IE-mac */