/* Basic --------------------------------------------------------------------------------------- */ html { background: #e6f6f7; } body { font-size: 62.5%; font-family: Verdana, Arial, sans-serif; color: #333; line-height:1.6em; } h1, h2, h3, h4, h5, h6 { font-family: Georgia, serif; line-height:normal; color: #414749; font-weight: bold;} h1 { font-size: 3em;} h2 { font-size: 2.6em; } h3 { font-size: 2em; } h4 { font-size: 1.8em; } h5 { font-size: 1.6em; } h6 { font-size: 1.4em; } h1, h2, h3 { margin: 1em 0;} em { font-style: italic;} ul li, ol li { font-size: 12px; margin-left: 30px; } dl dd { margin-left: 1em; } blockquote { border-left:2px solid #b1c4c7; margin:0.7em 3em; padding-left:10px;} hr { border: 1px solid #b1c4c7; } q:before { content: open-quote; } q:after { content: close-quote; } q:before { content: '\201C'; } q:after { content: '\201D'; } q q:before { content: '\2018'; } q q:after { content: '\2019'; } caption { padding: 0 0 5px 0; width: 700px; text-align: right; } th { font-weight: bold; border-right: 1px solid#b1c4c7; border-bottom: 1px solid #b1c4c7; border-top: 1px solid #C1DAD7; text-transform: uppercase; text-align: left; padding: 6px 6px 6px 12px; background: #e6f5f7; } td { border-right: 1px solid #b1c4c7; border-bottom: 1px solid #b1c4c7; background: #fff; padding: 6px 6px 6px 12px; } p { font-size: 1.2em; line-height: 1.6em; margin: 12px 0; } .main_content p.byline { font-style: italic; font-size: 1.3em; color: #AAA; margin-top: 0; } small { font-size:1.1em; } .align-left { text-align:left; } .align-center { text-align:center; } .align-right { text-align:right; } .float-left { float:left; } .float-right { float:right; } .float-none { float:none; } .clear-left {clear: left;} .clear-right {clear:right;} .push {clear:both;} img.right { float: right; border: #CADFE3 solid 5px; margin: 0px 15px 0 15px; } /* Links --------------------------------------------------------------------------------------- */ a { text-decoration: none; color: #0094cf;} a:link { color: #0094cf;} a:visited { } a:hover { color: #4bcafc; text-decoration: none;} a:active { color: #0094cf;} /* Main Structure --------------------------------------------------------------------------------------- */ .header { margin: 0 auto; padding: 0 0 0 0; width: 980px; height: 228px;} .content_wrapper { margin: 0px auto; width: 980px; padding-bottom: 40px; overflow: hidden; background: url(../images/bg_content_repeat.jpg) center repeat-y; } .content { width:960px; padding: 0; overflow: hidden; margin: 0 auto; position: relative; z-index:1} .main_content { width:620px; float:left; display:inline; padding: 0; margin: 0px 0 20px 20px; } .sidebar { width:300px; float:right; display:inline; margin: 30px 15px 20px 0px; padding: 0; } .margin_top { margin-top: 75px;} .footer { width:900px; margin:0 0 0 30px} .footer_bottom { margin: 0 auto; width: 980px; height:40px; padding-bottom: 14px; background: url(../images/bg_footer.jpg) no-repeat; } .full { width:900px;} /* Header Layout --------------------------------------------------------------------------------------- */ #call_btn { background:url('../images/call_btn.png') no-repeat; height:49px; width:252px; float: right; margin-right: 60px; text-indent: -999em; } #home_and_office_header { background:url('../images/home_and_office.jpg') no-repeat; height:113px; width:629px; float: left; margin-bottom:15px;} .header h1 { float: left; display: inline; margin-top: 10px; margin: 0; padding: 0;} .header .header_address {float:right; margin:0 10px 0 0; padding: 15px 0 0 0;} .header .header_address h3 { margin: 0; padding: 0;} .header .header_address p { font-weight:bold; text-align:right; margin-right: 10px} #main_nav { position: relative; width: 980px; padding: 0; height: 84px; float: left; display: inline; margin-top: 0; background: transparent url('../images/bg_main_nav.jpg') 0 0 no-repeat;z-index: 1000; } #main_nav li {position:relative; width: 162px; float: left; display: inline; font-size: 1.2em; font-weight:bolder; text-align: center; margin:0px } #main_nav li a { display: block; height:17px; margin-top:12px; padding:23px 25px; width: auto; border-right:1px solid #b1c4c7; border-left:1px solid #e4f5fa; text-shadow:0 1px 0 #EAEFF2;} #main_nav li.first a { border-left:none;} #main_nav li.last a { border-right:none;} #main_nav a { color: #304249; } #main_nav a:link { color: #304249; } #main_nav a:visited { color: #304249; } #main_nav a:hover { color: #0094cf; text-decoration: none; } #main_nav a:active { color: #0094cf;} #main_nav a.current { color: #0094cf;} #main_nav li .dropdown {background:#e6f6f7; display:none; overflow:hidden; padding-top:1px; position:absolute; top:74px; left:0px; width:208px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px;} #main_nav li:hover .dropdown, #main_nav li.over .dropdown { display:block; z-index:1000;} #main_nav li ul li { width:208px; } #main_nav li ul li, #main_nav li ul li a { text-align:left; font-size:1em; font-weight:normal; margin:0;} #main_nav li ul li a { color:#304249; border-bottom:1px solid #b1c4c7; border-right: none; padding: 10px;} #main_nav li ul li.last a { border-bottom:none; } #main_nav li ul li a:hover { color:#0094cf; } /* Main Layout --------------------------------------------------------------------------------------- */ .main_content h2 { font-family: Verdana, san-serif; font-size: 1.8em; line-height:normal; font-weight:bold; } .page_header { float: left; width: 620px;} .page_header h3 { float: left; font-size: 3em; font-weight: 600; padding-left: 20px; border: none; color: #353d40;} .main_content p { line-height: 1.6em; margin: 18px 0; } /* Home Page ______________________________________________________________________________________ */ #homepage_callout { background:url('../images/home_callout.jpg') no-repeat; float:left; height:222px; width:330px;} #homepage_image_bg { background:url('../images/home_img_bg.jpg') no-repeat; float:left; height:248px; width:620px; position:relative;} #homepage_main_image {background:url('../images/home_img.jpg') no-repeat; float:right; height:199px; width:597px; margin: 11px;} #homepage_image_bg span { font-size: 1.4em; font-weight: bold; color: #535d60; float: right; margin-right: 50px;} #homepage_image_bg a.arrow { background:url('../images/arrow.jpg') no-repeat; height:31px; width:30px; right:10px;bottom: 4px; position:absolute; } #columns { display:block; background: transparent; height: 300px; padding-top:40px; position:relative;} #column1 { background:url('../images/news_btn.png') no-repeat; height:36px; width:300px; float:left; margin-left: 15px; margin-bottom: 15px; position:relative;} #column2 { background:url('../images/service_btn.png') no-repeat; height:36px; width:300px; float:left; margin-left: 15px; position:relative;} #column3 { background:url('../images/benifits_btn.png') no-repeat; height:36px; width:300px; float:right; margin-right: 15px; position:relative;} #columns .columns_content { padding: 40px 10px 10px 10px;} #columns a.read_more { background-image:url('../images/read_more_btn.jpg'); height:38px; width:120px; right:0px;top: 200px; position:absolute;text-indent: -9999px; } /* Sections ______________________________________________________________________________________ */ .products { width: 580px; float: right;} .products h4 { font-size: 1.2em; font-family: Verdana, san-serif; font-weight: bold; color: #0094cf;} .products p { margin: 10px 0 10px 0; } .products img { float: right; border:#CADFE3 solid 5px; margin: 0px 15px 0 15px; } .product_description {} .product_features { } .product_features li { padding-left: 15px; background-image: url('../images/bullet.gif'); background-repeat: no-repeat; background-position: 0 3px; } .product_features li ul { padding-top: 12px; list-style: circle; } .product_features li ul li { padding-left: 0px; background: none; } /* Sidebar Layout --------------------------------------------------------------------------------------- */ .sidebar h5 { padding-bottom:8px; margin: 0; font-size: 2em; color: #164651; } .sidebar h3 { color: #0094cf; font-size: 1.8em; line-height:24px;} #free_quote_btn { margin-top:15px;} #free_quote_btn p a.btn { display: block; width: 300px; height: 48px; background-image: url('../images/free_quote_btn.png'); background-position: top; text-indent: -9999px; } #free_quote_btn p a.btn:hover, #free_quote_btn p a.btn:focus { background-position: bottom; } #back_home_btn { margin-top:15px;} #back_home_btn p a.btn { display: block; width: 300px; height: 48px; background-image: url('../images/back_home_btn.jpg'); background-position: top; text-indent: -9999px; } #back_home_btn p a.btn:hover, #free_quote_btn p a.btn:focus { background-position: bottom; } #brochure_btn { margin-top:15px; position: relative;} #brochure_btn p a.btn { display: block; width: 300px; height: 32px; background-image: url('../images/brochure_btn.png'); background-position: top; text-indent: -9999px; } #brochure_btn p a.btn:hover, #free_quote_btn p a.btn:focus { background-position: bottom; } #brochure_btn span { position: absolute; color: #333; font-weight: bold; font-size:.9em; right:135px; top: 9px; z-index:1000;} #warranty_btn { margin-top:15px; position: relative;} #warranty_btn p a.btn { display: block; width: 300px; height: 32px; background-image: url('../images/warranty_btn.png'); background-position: top; text-indent: -9999px; } #warranty_btn p a.btn:hover, #free_quote_btn p a.btn:focus { background-position: bottom; } #warranty_btn span { position: absolute; color: #333; font-weight: bold; font-size:.9em; right:135px;top: 9px; z-index:1000;} #specifications_btn { margin-top:15px; position: relative;} #specifications_btn p a.btn { display: block; width: 300px; height: 32px; background-image: url('../images/specifications_btn.png'); background-position: top; text-indent: -9999px; } #specifications_btn p a.btn:hover, #free_quote_btn p a.btn:focus { background-position: bottom; } #specifications_btn span { position: absolute; color: #333; font-weight: bold; font-size:.9em; right:118px;top: 9px; z-index:1000;} .secondary_menu { margin-top: 20px; } ul.secondary_menu li { margin-bottom: 10px; font-size:1.4em; text-align:left; font-weight:bolder; } #product_slides_wrapper { position:relative; height:372px; width:300px;} #product_slides { background:url('../images/product_info_bg.png') no-repeat; height:372px; width:300px; position:relative; } #product_slides img { height:261px; margin:60px 0 0 7px; padding:0; width:278px; } #slides_nav { bottom:20px; position:absolute; left:2px; z-index:99; } #slides_nav a { background:none repeat scroll 0 0 #0094cf; color:#fff; display:block; float:left; font-size:1.1em; padding:2px 4px 2px 7px; margin:0 0 0 6px; width:10px; } #slides_nav a:hover, #slides_nav a.activeSlide { background:none repeat scroll 0 0 #4bcafc; color:#fff; } /* Footer Layout --------------------------------------------------------------------------------------- */ .line { border-bottom:1px solid #b1c4c7; margin:20px 0 20px 0; } .footer_bottom p { text-align: center; font-size: 1.1em; margin: 0 0 4px 0; color:#0094cf; } /* Forms --------------------------------------------------------------------------------------- */ #sign_up { position: relative; background:url('../images/email_sign_up.png') no-repeat top center; height:34px; width:300px; border: none; margin:0px;} #sign_up input.box { background: transparent; font-size: 12px; line-height: 12px; padding: 0; margin: 8px 5px 8px 28px; border:0 none;color: white; } #sign_up input.btn { position: absolute; background-repeat:no-repeat; border: none; height:34px; width:80px; right:0; bottom:0; text-indent: -9999px;} .sign_up h3 { font-family: Verdana, san-serif; font-size: 1.9em; font-weight:lighter; margin-top: 20px; padding-right: 15px; text-align: right;} #zero_spam {width:300px; height:20px; right: 10px; top:10px; text-align:right; position: relative; font-size: 0.9em; margin:0px; } #zero_spam p {margin:0; padding:0;} #zero_spam_icon { background-image: url('../images/zero_spam.png'); height:24px; width: 23px; left:70px; bottom: 0px; position: absolute;} #form_container.free_quote { background-color: #c5dee3; width: 590px; padding:10px 0 25px 25px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;} .free_quote_form li { width:95%;} form ul { width:100%; } form li { display:block; margin:0; padding:4px 5px 2px 9px; position:relative; } form li:after { clear:both; content:"."; display:block; height:0; visibility:hidden; } * html form li { height:1%; } * html .buttons { height:1%;} * html form li div { display:inline-block; } form li div { color:#444; margin:0 4px 0 0; padding:0 0 8px; } form li span { color:#444; float:left; margin:0 4px 0 0; padding:0 0 8px; } form li div.left { display:inline; float:left; width:48%; } form li div.right { display:inline; float:right; width:48%; } form li div.left .medium { width:100%; } form li div.right .medium { width:100%; } form li div label, form li span label { clear:both; display:block; font-size:9px; line-height:9px; margin:0; padding-top:3px; } label.description { border:none; color:#414749; display:block; font-weight:700; line-height:150%; padding:0 0 1px; } input, textarea { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width: 180px; } input.text { padding: 5px; background-color: #fff; border: 1px solid #fff;} input.file { padding:2px 0; } textarea { padding: 5px; background-color: #fff; border: 1px solid #fff; } input.checkbox { display:block; height:13px; line-height:1.4em; margin:1px 3px 0 3px; width:13px; float: left; } input.radio { display:block; height:13px; line-height:1.4em; margin:6px 3px 0 3px; width:13px; } label.choice { color:#444; display:block; font-size:100%; line-height:1.4em; margin:-1.55em 0 0 25px; padding:4px 0 5px; width:90%; } select.select[class] { margin:0; padding:1px 0; } *:first-child+html select.select[class] { margin:1px 0; } .safari select.select { font-size:120% !important; margin-bottom:1px; } .free_quote_form input.btn { float: right; border: none; background-color: transparent; } input.large { width:99%; } select.large { width:100%;} textarea.large { height:20em; } /* Quote Form --------------------------------------------------------------------------------------- */ form div.field { position: relative; margin-bottom: 24px; } form div.field label.left { position: absolute; top: 26px; left: 4px; } #EditableTextField3, #EditableTextField4, #EditableTextField8, #EditableTextField9 { float: left; width: 205px; } form h3 { clear: both; margin: 9px 0 4px 0; padding: 0; font-family: Verdana; font-size: 12px; } #EditableTextField10 { clear: both; } #Form_Form_EditableTextField6, #Form_Form_EditableTextField7 { width: 385px; } #EditableDropdown20 label, #EditableDropdown22 label, #EditableCheckboxGroupField24 label.left, #EditableTextField28 label.left { display: none; } label.required, span.required { display: block; margin: 20px 0 10px 0; color: #990000; font-weight: bold; } input.action { background-color: #1698cc; padding: 5px 15px; color: #fff; font-size: 13px; cursor: pointer; } input.action:hover { background-color: #8eb873; } /* Contact Form --------------------------------------------------------------------------------------- */ #EditableTextField25 { margin-top: 24px; } #EditableTextField28 label.left { display: none; } textarea#Form_Form_EditableTextField28 { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }