body {font-family: Arial, Verdana, Helvetica, sans-serif; font-size:11px; color: #696d73; background:#fff url(../images/background.png) repeat-x left top; margin:0; padding:0;}

#mainWrapper{width:935px; margin:auto; padding:0}

img, a img {border:none}

a:link, ul li a {color:#1f487f; text-decoration:none;}
 
a:visited {color:#1f487f; text-decoration:none}

a:hover, ul li a:hover {color:#995354}

a:active  {color:#39d}

h1, h2, h3, h4, h5, h6 {margin:0; padding:0}

h1.prodTitle {width:99%; font-size:15px; margin-bottom:10px; padding:0 0 5px 5px; color:#4771a1; background:url(../images/hdr-underline.png) bottom left repeat-x}

h1.title {width:99%; font-size:15px; margin:30px 0 10px 0; padding:0 0 5px 5px; color:#4771a1; background:url(../images/hdr-underline.png) bottom left repeat-x}
h1.titleSmall {width:99%; font-size:13px; margin:30px 0 10px 0; padding:0 0 5px 5px; color:#4771a1; background:url(../images/hdr-underline.png) bottom left repeat-x}

a#openCloseHowto {color:#4771a1;}

a#close {color:#ff3300}

h2 {font-size:14px}

h2.infoHeading, h3.infoHeading {width:99%; color:#306198}

h3.infoHeading {margin:0; padding:0}

h3 {font-size:13px}

h4, h5, h6, label, legend, address, .larger{font-size:12px}

label {line-height: 1.5em;padding: 0.2em;}

code {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1em;}

form, select, input {margin:0; padding:0}

input.inputTxt {width:12em; background: url(../images/input-txt-bck.png) left bottom repeat-x; border:1px solid #b8d2e5}

select {border:1px solid #b8d2e5}

textarea {margin:0; padding:0; width:95%;}

fieldset {padding:0; margin:0;}

legend {font-weight:bold; padding:0.3em}

#signinBox {width:650px; height:122px; margin-top:15px; padding:10px; background: url(../images/signin-box-bck.png) left top no-repeat; font-size:12px}

#loginBox {width:650px; height:180px; margin:0; padding:10px; background: url(../images/login-box-bck.png) left top no-repeat; font-size:12px}

#signinBox p, #loginBox p {width:645px; margin:10px 0}

.info {width:640px}

.center {text-align:center}

.formLabel {display:block; float:left; width:95px; font-weight:bold}

.formLabelCheckout {display:block; float:left; width:155px; font-weight:bold}

#login {position:relative; margin-top:7px; overflow:visible; height:25px;}

#loginbtn {margin-left:45px; vertical-align:middle}

a#fgtPass {font-size:11px; color:#1f487f; background: url(../images/fgt-pass-lock.png) left center no-repeat; padding-left:15px}

#boxLoginEmail {margin-top:15px}

#signupBtn {margin:27px 0 0 5px;}

#signupBtnNC {margin:10px 0 0 5px;}

.reqSign {color:#d56868}

.note {margin:5px 0 15px 0; font-size:12px;}

.noteCart {margin:5px 0 15px 10px; font-size:12px;}

.noteSegment {font-weight:bold; color:#57739e}

#signupsmt {position:relative; left:220px; top:-15px}


/* header styles
---------------------- */


#header {position:relative; margin:0; font-size:11px; height:200px}

.top {position:relative; height:40px}

#topLinksLeft {position:absolute; width:500px; top:13px; left:20px;}

#topLinksRight {text-align:right; position:absolute; width:500px; top:15px; right:15px;}

#topLinksLower {margin-top:0px}

#topLinksRight img {vertical-align:middle;}

#topLinksRight img#viewCart {vertical-align:middle; margin:0 7px;}

.cartInfo { font-size:12px;}

#basketIcon {margin-top: -2px}

#btnsTop {float:left; margin-left:10px}

#logoMainLinks {width:935px; height:155px; position:absolute; top:47px; left:0; background: url(../images/cta-header.jpg) no-repeat top left; clear:both}

ul#mainLinks {width:615px; position:relative; left:330px; top:120px; margin:0; padding:0; list-style:none}

ul#mainLinks li {float:left; margin-right:10px; padding:5px 10px 5px 0; background:url(../images/link-separator.png) bottom right no-repeat}

#mainLinks li.lastLink {padding:5px 10px 5px 0; background:none}

#logo {clear:both}

#logoHomeLink {position:absolute; left:30px; top:35px; width:184px; height:110px}

#langs {margin-top:15px; padding:0 15px}


/* content styles
---------------------- */


#innerWrapper {width:935px; margin-top:20px; padding-bottom:20px; background:url(../images/inner-wrapper-end.jpg) bottom left no-repeat}

#leftCol {width:212px; margin:0; padding:0; float:left}

#content {width:685px; margin-left:34px; padding:0; float:left;}

.leftBoxContainer {width:212px; background:url(../images/left-col-rte.gif) top right repeat-y; margin-bottom:20px}

.leftBoxContainer h3 {width:210px; height:36px; color:#37763d; font-family:'Futura Normal',Arial,sans-serif; font-size:13px; background:url(../images/ctg-nav-title.jpg) right top no-repeat; margin:0; padding:7px 0 0 2px}

ul#ctg-nav {width:210px; margin:0; padding:0; list-style:none; font-size:12px}

ul#ctg-nav li {line-height:12px; width:180px; margin:0; padding:8px 0 9px 27px; background:url(../images/ctg-nav-libck.jpg) 0 50% no-repeat}

#bannerLeft {margin:40px 0 0 20px}

#bannerTestimonials {margin-left:17px}

img#viewVideosBtn {margin:10px 0 0 25px}

#leftColEnd {width:207px; height:13px; margin-left:5px; background:url(../images/left-col-end.jpg) right bottom no-repeat}

#featuredTitle {margin-top:30px}

#dnlFaq {position:relative; top:15px; width:210px; height:53px; background: url(../images/dnl-faq-back.png) left top no-repeat; text-align: center;}

#faqBtn {position:absolute; left:23px; top:7px; width:160px; height:30px; color: #efefef; font-size:12px}

#indexTop {position:relative; width:685px; height:200px; margin:0; padding:0}

#indexSlide {position:relative; left:0; top:0; overflow:hidden; width:480px; height:212px; margin:0; padding:0}
#indexSlide ul#indexSlideContent {position:absolute; left:0; top:0; margin:0; padding:0; list-style:none; width:2880px}
ul#indexSlideContent li {display:block; float:left; margin:0; padding:0; border:none}
ul#indexSlideContent li img {display:block}

#indexTmon {position:absolute; width:169px; height:120px; left:500px; top:-30px; cursor:pointer}

#sscrMsg {margin:0; padding:0; position: absolute; width:auto; left:0; top:15px; color:navy}

#userDefined {width:100%; font-size:12px}



/* all products listing
-------------------------- */


.item {position:relative; left:10px; width:685px; height:145px; background: url(../images/item-back.png) left top no-repeat; font-size:12px}

.itemImg {position:relative; left:12px; top:11px; width:100px; padding:6px; border: 1px solid #b9d4e9}

.itemName {position:absolute; left:140px; top:17px;}

.itemSize {position:absolute; left:140px; top:35px}

.optName {font-weight:bold; color:#93989e}

.optValue {font-weight:bold; color:#5a5a5a; margin-left:7px}

.optValuePrice {font-weight:bold; color:#e13e3e; margin-left:7px}

.itemPrice {position:absolute; right:155px; bottom:100px}

.buyNowBtn {position:absolute; right:30px; bottom:94px}

.itemDesc {position:absolute; left:140px; top:80px; width:480px;}

.itemRedLabel12, .itemRedLabel14, .itemRedLabel21 {width:91px; height:64px; position:absolute; left:-8px; top:-5px; z-index:2}

.itemRedLabel12 {background: url(../images/item-red-label12.png) no-repeat !Important; background-image:url(none); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/includes/templates/template_clear_the_air/images/item-red-label12.png', sizingMethod='crop'); left top no-repeat}

.itemRedLabel14 {background: url(../images/item-red-label14.png) no-repeat !Important; background-image:url(none); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/includes/templates/template_clear_the_air/images/item-red-label14.png', sizingMethod='crop'); left top no-repeat}

.itemRedLabel21 {background: url(../images/item-red-label21.png) no-repeat !Important; background-image:url(none); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/includes/templates/template_clear_the_air/images/item-red-label21.png', sizingMethod='crop'); left top no-repeat}

#allProductsListingNumber {position:relative; left:15px; top:3px; font-size:12px}

#allProductsListingLinks {position:relative; left:15px; top:5px; margin-bottom:10px; padding:10px; font-size:11px; font-weight:bold;}

a span.prevNextBtn {display:block; float:left; padding:2px 3px; margin-left:3px; border:1px solid #b9d4e9; background-color:#e7eff5; color:teal; cursor:pointer}

a span.nextPage {display:block; float:left; padding:2px 3px; margin-left:3px; border:1px solid #b9d4e9; background-color:#e7eff5; color:teal; cursor:pointer}

span.current {display:block; float:left; padding:2px 3px; margin-left:3px; border:1px solid #b9d4e9; background-color:#dcffa7; color:teal}


/* product info styles
------------------------ */


/* products images and prices block */

#productImgsBox {margin:0;padding:0}

#productMainImg {margin:0; padding:8px; float:left; border:1px solid #b9d4e9}

#thumbsPriceBox {margin:30px 0 0 30px; padding:0; float:left}

#thumbs {margin:0; padding:0}

#thumbLeft, #thumbRight {float:left; padding:5px; border:1px solid #b9d4e9}

#thumbRight {margin-left:25px;}

#sizePriceBox {position:relative; left:5px; width:320px; height:75px; margin-top:25px; background: url(../images/size-price-box-back.png) left top no-repeat}

.sizePrice {float:left}


/* products attributes */


#productAttributes {width:185px; margin:0; padding: 0}

.wrappOptions {margin-left:0; height:20px}

.wrappOptions select#attrib-1 {width:75px; overflow:hidden;}
.wrappOptions select#attrib-1 option {width:100px; margin-right:-20px}

#optionsLeft {position:absolute; left:15px; top:3px; width:150px;}

#optionsRight {position:absolute; left:188px; top:0}

h4.optionName {float:left; color:#587593; font-size:13px; margin-top:8px}

.optionValue {float:left; margin:8px 0 0 5px; font-size:13px; font-weight:bold}

input.optionValue {float:left; margin-left:7px; font-size:13px; color:#587593; font-weight:bold; border:1px solid #b8d2e5; width:3em}

#orderNowBtn {margin-top:5px}


/* products description, testimonials, video */


#description {margin-top:20px; padding:0;}

#tmlsVideos {width:100%; margin:0; padding:0}

#testimonials {width:382px; float:left;}

#tmsWrapper {font-size:12px; width:169px}

#tmsLeft {width:333px}
#tmsLeftBottom {width:333px; height:30px; background: url(../images/cloud.jpg) bottom left no-repeat}

#tmsRight {float:left; margin-left:15px}

.tmsUpper {position:relative; padding:15px 13px 0; background: url(../images/cloud.jpg) left top no-repeat}
.tmsUpper img#dto1 {padding:0 5px 5px 0}
.tmsUpper img#dto2 {padding:0 0 5px 5px}

.tmsUpper p {width:310px; padding:7px 0 15px 0}

.tmsLower {position:relative}

.tmsLower p {width:245px; text-align:right;}

.tmsLower p#homeTms {position:absolute; width:90px; height:50px; text-align:right;}

.tmsHome {width:169px; height:92px; background: url(../images/tms-cloud.png) left top no-repeat}

.tmsHome p {padding:15px 0 15px 10px}

.tmsHome p img#dto1 {padding:0 5px 5px 0}

.tmsHome p img#dto2 {padding:0 0 5px 5px}

.tstate {color:#8db6ca}

.avatar {float:right; margin-right:15px}

#videos {width:275px; float:left; margin-left:25px}


/* products howto use block */


#productsHowto {margin-top:25px}

#leftHowtoCol {width:315px; float:left; margin-left:5px}

#rightHowtoCol {width:315px; float:left; margin-left:35px}

.howto {margin:10px 0; text-align:justify}

h3.title {margin:0;padding:0;background: url(../images/howto-title.png) left bottom repeat-x;}

#openCloseHowto {cursor:pointer; padding-left:15px; padding-top:2px; background: url(../images/arrow-down.png) left center no-repeat}

#close {cursor:pointer; text-decoration:underline; position:relative; left:8px; padding-left:15px; background: url(../images/arrow-up.png) left center no-repeat}


/* recommended products section */


#recommendedProducts {width:100%; margin-bottom:30px}

#recommLeft {float:left; height:131px; margin:0; padding:0; position:relative;}

#recommRight {float:left; margin-left:15px; padding:0; position:relative;}

.bynowRecomm {width:103px; height:30px; position:absolute; left:228px; top:106px; background:#e4ebf1 url(../images/bynowRecommBck.png) left bottom no-repeat; margin:0; padding:0}

.bynowLink {display:block; width:76px; height:21px; position:absolute; left: 13px; top:5px}


/* newsletter and pest control links */


#newslettBack {width:678px; height:100px; position:relative; background: url(../images/newsletter-back.jpg) left top no-repeat; margin-bottom: 50px}

#pestCtrlLnk {width:200px; height:75px; position:absolute; left:43px; top:10px}

#nwsSignUp {width:300px; position:absolute; left:380px; top:10px}

#signupEmail {display:block; padding:1px 5px; font-size:12px; float:left; margin-top:30px; border:1px solid #b8d2e5; height:15px}




/* shopping cart styles
*------------------------------- */


.cartInfo {font-weight:bold; color:#37833e; margin-left:5px}

.cartInfoNumber {font-weight:bold; color:#343a77}

#cartHelpWrap {margin-bottom:15px}

#cartHelp {width:150px; text-align:right; font-size:12px; font-weight:bold; padding-left:15px; margin-left:10px; background: url(../images/arrow-down.png) left center no-repeat}

#cartInfo p {margin:10px 0}

#closeCartHelp {width:150px; text-align:right; font-size:12px; font-weight:bold; padding-left:15px; background: url(../images/arrow-up.png) left center no-repeat}

.forward {width:665px; margin-left:10px}

#cartItemsList {width:670px; margin:20px 0 0 7px;}

#cartQty, #itemName, #unitPrice, #priceTotal, #removeItem {float: left; height:22px; color:white; padding-top:7px; font-weight:bold}

#cartQty {width:140px; text-align:left; padding-left:20px; background: url(../images/cartQty.png) left top no-repeat}

#cartQtyTxt {display:block; float:left; margin-left:25px !important; margin-left:15px}

#itemName {width:282px; text-align:left; background: url(../images/cartHeadingBck.png) left top repeat-x}

#unitPrice, #priceTotal {width:64px; text-align:left; background: url(../images/cartHeadingBck.png) left top repeat-x}

#removeItem {width:100px; background: url(../images/cartRemoveBck.png) left top no-repeat}

.cartQty, .unitPrice, .cartItemImg, .priceTotal, .removeItem {float:left}

.cartQty {width:130px; margin-left:20px !important; margin-left:5px; margin-top:23px; text-align:left}

.cartQtyCnt {display:block; float:left; margin-left:15px !important; margin-left:5px}

.cartItemNameWrapp {float:left; position:relative; width:270px; margin-top:5px}

.cartItemImg {width:51px; height:51px; padding:2px; background: url(../images/cartItemImgBck.png) left top no-repeat; float:left}

.cartUpdateBtn {margin-left:10px}

.cartItemTitle {margin-top:20px}

.unitPrice, .priceTotal {width:64px; margin-top:25px; text-align:left}

.removeItem {width:95px; float:left; margin-top:25px !important; margin-top:23px}

.cartItem {width:670px; height:64px; background: url(../images/cartItemBack.png) left top no-repeat}

.removeBtn {margin:45px 20px 0 30px}

.cartPriceAlign {display:block; float:left; margin-left:17px !important; margin-left:14px}

#cartSubtotal {position:relative; width:670px; height:56px; margin-left:7px; background: url(../images/cartSubtotal.png) left top no-repeat}

#innerSubtotal {position:absolute; left:445px; top:25px; color:#d56868; font-size:12px}

#innerSubtotalTxt {font-weight:bold}

#cartButtons {width:660px; height:52px; margin-top:15px; margin-left:12px; background: url(../images/cartButtonsBck.png) 50% 50% no-repeat}

.cartLeftBtnGrp {float:left; margin-top:12px}

.cartRightBtnGrp {float:left; margin:20px 0 0 150px}

.updateCartTxt {margin-left:10px}

ul.list {list-style:none; margin-left:10px; padding:0}

.productAttribs {position:absolute; width:120px; left:57px; top:20px}


/* account styles
--------------------- */


.noteTitleRed {color: #d56868; font-weight:bold}

.inputInactive {background-color:#ddd; border:1px solid #b8d2e5; width:12em}

.noteTitleInactive {color:white}

.largeForm {width:670px; background: url(../images/signup-form-bck.gif) left top repeat-y; font-size:12px}

.largeFormTop {width:670px; height:8px; background: url(../images/signup-form-top.png) left top no-repeat}

.largeFormBtm {width:670px; height:34px; background: url(../images/signup-form-btm.png) left bottom no-repeat}

.largeFormInner {width:640px; padding:0 15px 15px 15px}

h3.subtitle {background: url(../images/subtitle-dotted.gif) left bottom repeat-x; padding:0 0 3px 4px; margin-bottom:10px}

.formSection {margin:20px 0}

.formSection td {text-align:center}

#salutationRadioGroup {float:left; margin-top:2px !important; margin-top:1px}

.formField {margin-top:10px}

.formNewsletterFields {margin:10px 0 0 5px}

.addrBox {margin-bottom:10px}

.largeFormSubmit {vertical-align:middle}

.largeFormSubmitArea {position:relative; left:15px; top:0px}



/* checkout
---------------------- */


.shippingMethodCost {display:block; margin:0 0 3px 2px; padding:0;}

.checkoutTotalValues {float:left; width:100px; text-align:right}




/* footer
----------------- */


#footer {position:relative;margin:10px 0 20px 0}

#footerBanner {display:block; float:left; margin-left:30px;}

#footerLinks {float:right; margin:10px 32px 0 0; font-size:12px}

#footerLowerLinks {text-align:right; font-size:11px; margin-top:8px}

#footerLinks span {color:#c7ced9}



/* misc
----------------- */


.clearer {margin:0; padding:0; clear:both}


