/*:: Framework 1.5.4 ------------------------------------- */ /* - Modified E.Meyer Style Reset - */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; vertical-align:baseline;} input{margin:0; padding:0;} :focus {outline:0;} body {line-height:1;} table {border-collapse:separate; border-spacing:0;} caption, th, td {text-align:left; font-weight:normal;} blockquote:before, blockquote:after, q:before, q:after {content:"";} blockquote, q {quotes:"" "";} /* - Clear Fix - */ /* float clearing for IE6 */ * html .cf, * html .o, * html .sidebar{height: 1%; overflow: visible;} /* float clearing for IE7 */ *+html .cf, *+html .o, *+html .sidebar{min-height: 1%;} /* float clearing for everyone else */ .cf:after, .o:after, .sidebar:after{clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;} /*:: Body Styles ------------------------------------- */ body{background:#fff url("images/bg-top.gif") repeat-x top left; font-family:Arial, Sans-Serif;font-size:12px;} /*:: Form Validation ------------------------------------- */ .Error, .field-validation-error, .validation-summary-errors * { color:red; } /*:: Global ------------------------------------- */ div#headerBanner { background:#11175e;width:100%;height:10px; } .wrapper{width:960px; margin:0 auto; } /*:: Header ------------------------------------- */ #header {height:115px;} #header h2#logo a{float:left; width:240px; height:102px; background:url("images/logo.png") no-repeat top left; text-indent:-1000em; margin:10px 0 0 8px;} #header #topNav{float:right; list-style:none; margin:33px 9px 0 0;} #header #topNav li{float:left; border-left:1px solid #727a7f; line-height:13px; padding-left:10px; margin-left:10px; color:#464a4c;} #header #topNav li#phone{border-left:0; background:url("images/icon-phone.gif") no-repeat left center; line-height:16px; margin:-2px 0 0 0; padding:0 0 0 15px;} #header #mainNav{float:right; clear:right; list-style:none; margin:24px 6px 0 0; width:500px;} #header #mainNav li{float:right; padding-left:2px; position:relative;} #header #mainNav li a{display:block; color:#4a4a4a; background:url("images/nav-left.png") no-repeat top left; padding:0 0 0 14px; text-shadow:#fff 0 1px 0; } #header #mainNav li a span{display:block;line-height:30px; background:url("images/nav-right.png") no-repeat top right; padding:1px 14px 7px 0;} #header #mainNav li:hover, #header #mainNav li.hover{z-index:100;} #header #mainNav li a:hover, #header #mainNav li:hover a, #header #mainNav li.hover a{background-position:left -38px; text-decoration:none;} #header #mainNav li a:hover span, #header #mainNav li:hover a span, #header #mainNav li.hover a span{background-position:right -38px;} #header #mainNav li a:active{background-position:left -76px;} #header #mainNav li a:active span{background-position:right -76px; padding:3px 14px 5px 0;} #header #mainNav li a.selected{background-position:left -114px; color:#fff; text-shadow:none;} #header #mainNav li a.selected span{background-position:right -114px;} #header #mainNav li a.selected:hover{background-position:left -38px; color:#4a4a4a; text-shadow:#fff 0 1px 0;} #header #mainNav li a.selected:hover span{background-position:right -38px;} #header #mainNav li a.selected:active span{padding:1px 14px 7px 0;} #header #mainNav li #dropNest{position:absolute; z-index:100; background:url("images/bg-dropTop.png") no-repeat top left; width:176px; top:27px; left:-1000em; padding-top:17px;} #header #mainNav li:hover #dropNest, #header #mainNav li.hover #dropNest{left:2px;} #header #mainNav li ul{list-style:none; background:url("images/bg-dropBottom.png") no-repeat bottom left; padding:0 3px 7px 4px;} #header #mainNav li#OrderOnline ul{background-image:url("images/bg-dropBottom2.png");} #header #mainNav li ul li{float:none; position:static; padding:0;} #header #mainNav li ul li:first-child a{border-top:0;} #header #mainNav li ul li:last-child a{border-bottom:0;} #header #mainNav li ul li a{font-size:11px; color:#d9654f; padding:0 0 0 10px; text-shadow:none; background:none; border-bottom:1px solid #e9e9e9; border-top:1px solid #ffffff; line-height:22px;} #header #mainNav li ul li a.selected{color:#d9654f;} #header #mainNav li ul li a:active span{padding:0;} #header #mainNav li ul li a:hover{background-color:#fff;} #header #mainNav li ul li:last-child a:hover{-moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px;} #header #mainNav li ul li a span{line-height:24px; background:none; padding:0; display:block;} /*:: Content ------------------------------------- */ #content{background:#eef9ff url("images/bg-mid.gif") repeat-x top left; clear:both; margin-top:-9px; float:left; width:100%;} a{color:#d9654f;text-decoration:none;} a:hover{text-decoration:underline;} #content p, #content ul, #content ol, #content address, #content dl{color:#303233; line-height:20px; margin-bottom:1em;} #content ul{list-style:none;} #content h3{font-weight:normal; font-size:20px; margin-top:18px;} address{font-style:normal;} #content li{background:url("images/bullet.gif") no-repeat left center; padding-left:8px;} #pageContent{float:left; width:600px; padding:34px 0 23px 10px;} /* - Button - */ .btn{background:url("images/cta-left.png") no-repeat top left; padding-left:14px; float:left; clear:both; color:#473b1d; text-shadow:rgba(255,255,255,0.5) 0 1px 0; margin:14px 0 0 -4px;} .btn span{display:block;line-height:31px; background:url("images/cta-right.png") no-repeat top right; padding:1px 24px 7px 10px; cursor:pointer;} .btn:hover{text-decoration:none; background-position:left -39px;} .btn:hover span{background-position:right -39px;} .btn:active{text-decoration:none; background-position:left -78px;} .btn:active span{background-position:right -78px; padding-top:3px; padding-bottom:5px;} .fallbackButton{display:none;} html.nojs .fallbackButton{display:block; padding:5px 20px;} a.btn{display:block;} html.nojs a.btn{display:none;} html.nojs a.btn.display{display:block;} /* - Sidebar - */ #content #sidebar{background:url("images/bg-sidebarTop.png") no-repeat top left; width:344px; padding-top:173px; position:relative; z-index:20; margin-top:-54px; margin-bottom:5px;} #content #sideBottom{background:url("images/bg-sidebarBottom.png") no-repeat bottom left; padding:0 42px 41px 42px;} #content #sidebarContent{float:left; width:260px; margin-top:-144px; height:250px; position:relative;} html>body #content #sidebarContent{height:auto; min-height:250px;} #content #sidebar h3{color:#333; font-weight:normal; font-size:26px; margin:0 0 10px 0;} #content #sidebar #topper h3{margin:0; font-size:20px;} #content #sidebar h4{font-size:12px; line-height:20px;} #content #sidebar p{margin-bottom:14px;} #content #sidebar hr{margin:0 0 14px 0; border:0; height:2px; background:url("images/bg-hr.gif") no-repeat top left;} #content #sidebar fieldset{background:#ffe093 url("images/fieldsetTop.gif") no-repeat top left; float:left; width:300px; margin-left:-21px;} #content #sidebar fieldset div.fielsetNest{background:url("images/fieldsetBottom.gif") no-repeat bottom left; padding:20px 20px 30px 20px;} #content #sidebar fieldset label{display:block; padding-bottom:8px;} #content #sidebar fieldset select{height:20px; width:100%; border:1px solid #abadb3;} #content #sidebar div#topper{background:url("images/top-search.png") no-repeat top left; margin:-15px 0 15px -21px; width:260px; padding:20px;} #content #sidebar #quote{margin-bottom:9px;} #content #sidebar #quote p{border-bottom:1px solid #d9d9d9; margin-bottom:0; line-height:29px;} #content #sidebar #quote p span{float:right;} #content #sidebar #quote p.total{border-bottom:0; font-weight:bold;} #content #sidebar input.checkout{float:right; padding:5px 20px; margin-bottom:13px;} #content #sidebar input.updateQuote{float:left; padding:5px 20px;} /*:: Footer ------------------------------------- */ #footer{clear:both; font-size:11px; background:url("images/bg-bottom.gif") repeat-x top left; height:114px;} #footer .wrapper{background:url("images/footer-top.gif") no-repeat top center; padding:6px 10px 0 10px; width:940px;} #footer p, #footer address{color:#777c7f;} #footer p{float:left;} #footer address{float:right;} #footer span.org, #footer span.country-name{display:none;} #footer span.tel{border-width:0 1px; border-style:solid; border-color:#777c7f; padding:0 3px;} #footer #socials{float:right; clear:right; padding-top:10px;} #footer #socials a{display:block; text-indent:-1000em; width:20px; height:20px; background-repeat:no-repeat; background-position:top left; float:right; margin-left:10px;} #footer #socials a#twitter{background-image:url("images/twitter.gif");} #footer #socials a#linkedin{background-image:url("images/linkedin.gif");} #footer #socials a#facebook{background-image:url("images/facebook.gif");} /*:: Home ------------------------------------- */ #slider{height:310px; background:url("images/bg-slider-home.png") repeat-x top left; margin-top:-4px; float:left; clear:left; width:100%; position:relative; z-index:10;} #slider .wrapper{padding-top:14px; position:relative; height:282px;} #slider #slideNav{list-style:none; position:absolute; z-index:100; bottom:20px; right:0;} #slider #slideNav li{float:left; padding-left:5px;} #slider #slideNav a{height:10px; width:10px; background:url("images/button.png") no-repeat top left; text-indent:-1000em; float:left;} #slider #slideNav li.on a{background-position:bottom left;} #slider .slide{height:282px; display:none; background-repeat:no-repeat; background-position:top left; padding-left:450px; position:absolute; top:14px; left:0;} #slider .slide h2{float:left; color:#fff; font-size:36px; line-height:40px; margin:29px 0 11px 0; font-weight:normal;} html.cufon-loading #slider .slide h2{visibility:hidden;} #slider .slide p{font-size:14px; line-height:20px; color:#ddeaf6; clear:left; background:url("images/hr.gif") no-repeat top left; padding-top:19px; float:left; width:510px;} #slider .slide a.btn span{width:150px; text-align:center;} #slider .slide.on{display:block;} #slider .slide1{background-image:url("images/slide-1.jpg");} #slider .slide2{background-image:url("images/slide-2.jpg");} #slider .slide3{background-image:url("images/slide-3.jpg");} #slider .slide4{background-image:url("images/slide-4.jpg");} #content.home #sidebar{margin-left:-11px; float:left;} #content.home #sidebar span.step{position:absolute; left:0; bottom:12px;} #content.home #sidebar a.btn{margin:9px 0 7px 187px; clear:both;} #content.home #sidebar .fallbackButton{float:right; margin:10px 0 13px 0;} #content.home h3{color:#333; font-weight:normal; font-size:26px; margin:0 0 10px 0;} html.cufon-loading .home h3{visibility:hidden; height:29px;} #recentNews, #ourServices{float:left; margin-bottom:5px;} #recentNews{width:340px; padding:35px 0 0 17px;} #recentNews #newsHolder h3{font-size:16px; margin-bottom:2px;} #ourServices{width:230px; padding:35px 0 0 40px;} #content #helpDesk{float:right; width:300px; padding-right:10px;} #content #helpDesk h4{line-height:20px; border-bottom:1px solid #BDC6CC; margin-bottom:1em; padding-bottom:.5em; font-size:13px; color:#444;} #content #helpDesk p{color:#777 !important;} #content #helpDesk p.small{font-size:11px; line-height:16px;} /*:: Interior ------------------------------------- */ #titleBar{height:203px; background:url("images/bg-titleBar.png") repeat-x top left; margin-top:-4px; float:left; clear:left; width:100%; position:relative; z-index:10;} #titleBar .wrapper{height:175px; margin-top:14px; position:relative;} #titleBar h1{color:#fff; font-size:36px; margin:23px 0 11px 10px; float:left; font-weight:normal;} #titleBar h1.orderOnline{font-size:28px;} #titleBar p{font-size:14px; line-height:20px; color:#ddeaf6; float:left; clear:left; width:400px; margin-left:10px;} #titleBar p.offer{float:right; width:390px; margin-top:-72px;} #titleBar img{position:absolute; right:0; top:0;} .internal #sidebar{margin-right:-13px; float:right;} /*:: Forms ------------------------------------- */ #content .form .step{float:left; color:#6e6e6e; text-align:right; font-size:11px; line-height:18px; width:70px; padding-right:10px; clear:left; margin-bottom:40px; border-right:1px solid #bdc6cc;} #content .form .step strong{display:block;} #content .form label{float:left; clear:left; padding-bottom:10px;} #content .form label.required{color:#d8654f;} #content .form label.error{font-size:11px; color:#f00; padding:0; text-align:left; margin-top:10px;} #content .form .inputs label:last-of-type{padding-bottom:0;} #content .form label input{float:left; margin-right:5px;} #content .form input.text{border:1px solid #abadb3; padding:2px; width:254px; margin-top:7px;} #content .form .inputs{float:left; border-left:1px solid #bdc6cc; padding-left:10px; width:509px; margin-bottom:40px; margin-left:-1px;} #content .form .inputs:last-of-type{margin-bottom:0;} #content .form .inputs .container{float:left; width:254px;} #content .form .inputs .imgHolder p{line-height:normal; margin:-2px 0 10px 0;} #content .form .inputs .imgHolder img{float:left; margin-right:10px;} #content .form .inputs .rdoHolder{float:left;} html.nojs #content .form .fallbackButton{clear:both; margin-left:90px;} #content .form a.btn{clear:both; margin:-14px 0 0 86px;} /* - Contact Form - */ #contactForm ul li{float:left; background:none; padding:0 0 10px 0; width:100%;} #contactForm label{width:140px; padding-right:10px; text-align:right; float:left; line-height:24px;} #contactForm label.required{color:#d8654f;} #contactForm label.error{font-size:11px; color:#f00; padding:0; text-align:left; margin:0 0 10px 150px;} #contactForm input.text, #contactForm textarea{float:left; border:1px solid #abadb3; font:12px/18px Arial, Helvetica, Sans-serif; padding:2px;} #contactForm input.text:focus, #contactForm textarea:focus{border-color:#d8654f;} #contactForm input.text{height:18px; line-height:18px; width:200px;} #contactForm textarea{width:300px;} #contactForm a.btn{float:left; margin:-2px 0 0 370px;} #contactForm input.fallbackButton{float:right; margin-right:143px;} /* - Other Forms - */ #content #otherForm label{float:left; clear:left; width:130px; text-align:right; padding-right:10px; line-height:22px;} #content #otherForm label.required{color:#d8654f;} #content #otherForm label.error{font-size:11px; color:#f00; padding:0; text-align:left; margin:-12px 0 10px 140px;} #content #otherForm input, #content #otherForm textarea{margin-top:0; float:left; margin-bottom:10px;} #content #otherForm select{float:left; margin-bottom:10px; border:1px solid #abadb3; padding:2px;} #content #otherForm input.second{margin-left:140px;} #content #otherForm input.smaller{width:154px;} #content #otherForm input.text:focus, #content #otherForm textarea:focus, #content #otherForm select:focus{border-color:#d8654f;} #content #otherForm textarea{border:1px solid #abadb3; font:12px/18px Arial, Helvetica, Sans-serif; padding:2px; width:363px;} #content #otherForm input.file{width:369px;} #content #otherForm .uploader{display:none; float:left;} html.nojs #content #otherForm .uploader{display:block;} #content #otherForm .uploader.first{display:block;} #content #otherForm .uploader span{display:none;} #content #otherForm a#uploaderAdd{float:left;clear:both; padding:0 0 0 140px; width:300px;} html.nojs #content #otherForm a#uploaderAdd{display:none;} #content #otherForm input.fallbackButton{display:block; padding:5px 20px; margin:0;} #content #otherForm label.specialCase{width:300px; padding-left:140px; text-align:left;} #content #otherForm label.specialCase input[type=checkbox]{margin-top:5px;} #content #otherForm div.two input{width:40px;} #content #otherForm div.two span{float:left; line-height:22px; padding:0 10px;} #content #otherForm #shippingChoice input{margin:5px 10px 0 0;} #content #otherForm #shippingChoice span{float:left; line-height:22px;} #content .form input.checkout, #content #otherForm input.checkout{padding:5px 20px;} #content .inputs iframe{height:50px; width:100%;} /* - review - */ .review h2{font-size:24px; font-weight:normal; margin:0 0 .5em 0; clear:both; border-bottom:1px solid #d9d9d9;} .review .col{float:left; width:50%; margin-bottom:20px;} .review p{clear:both;} .review p strong{float:left; text-align:right; padding-right:10px; width:100px;} .review p .address{float:left;width:160px;} /*:: Blog ------------------------------------- */ .post{margin-bottom:37px; float:left; width:100%;} .post:last-of-type{margin-bottom:0;} .postInfo{float:left; width:80px; padding-right:10px; border-right:1px solid #bec7cc; text-align:right; color:#6e6e6e; font-size:11px; line-height:18px;} .postInfo span{display:block;} .postInfo span.commentCount{background:url("images/icon-comment.png") no-repeat right center; padding-right:20px;} .postInfo div{padding-top:20px;} .postInfo cite{font-style:normal;} .postCopy{float:left; padding-left:10px; width:499px;} h2.page-title{font-size:30px; color:#2f3233; font-weight:normal; display:block; margin-bottom:29px;} .postCopy h2 a{font-size:30px; color:#2f3233; font-weight:normal; display:block; margin-bottom:9px;} .archive h2 a{font-size:20px;} .postCopy h2 a:hover{text-decoration:none;} .alignright{float:right; margin:0 0 20px 20px;} .alignleft{float:left; margin:0 20px 20px 0;} .more-link{display:block; margin-top:1em;} /* - sidebar - */ .blog #sidebar{margin-right:-13px; float:right;} .blog #sidebar div#topper label{display:block; font-weight:bold; padding-bottom:8px;} .blog #sidebar div#topper input#s{height:16px; padding:2px; border:1px solid #abadb3; width:196px;} .blog #sidebar div#scCopy div{float:left; width:130px;} .blog #sidebar div#scCopy div h4{margin-bottom:10px;} .blog #sidebar div#scCopy div ul li{padding-left:0; background:none;} .blog #sidebar h4.subscribe a{display:block; line-height:16px; background:url("images/feed.png") no-repeat left center; padding-left:21px; clear:both;} /* - comments - */ .blog #comments h3{font-size:24px; font-weight:normal; margin-bottom:18px;} .blog #comments ol.commentlist{list-style:none;} .blog #comments ol.commentlist li{float:left; clear:left; width:100%; background:none; padding:0 0 30px 0;} /* - comment form - */ #commentform p{float:left; width:100%;} #commentform label{float:left; clear:left; width:90px; text-align:right; margin-right:10px; line-height:22px;} #commentform input.text, #commentform textarea{float:left; border:1px solid #abadb3; font-size:12px; line-height:20px; font-family:Arial, Helvetica, Sans-Serif;} #commentform span.required{color:#f00; padding-left:5px;} #commentform input[type=text]{padding:2px; height:16px;} #commentform textarea{width:490px;} #commentform p.form-allowed-tags{color:#6e6e6e; font-size:11px; clear:both; margin-left:100px; width:auto;} #commentform p.form-submit{float:right; width:auto;}