﻿

/************************* BODY + ELEMENTS *******************/
BODY{margin: 0px; padding: 0px; position: relative; background: #fff url(../graphics/bg-body.png) repeat-x 0px 94px}
DIV.container, H1,H2,H3,H4,DIV,P,A,SPAN,IMG,UL,LI,SPAN,FORM,FIELDSET,INPUT,TEXTAREA,SELECT,OPTION{color: #000; font-family: Arial,Tahoma, sans-serif; font-size: 12px; line-height: 16px; font-weight: normal; letter-spacing: 0px; word-spacing: 0px; margin: 0px; padding: 0px; list-style-type: none}
IMG,FORM,FIELDSET{border: none}


/*********************** FONTS *******************/
P.old-h1{width: 290px; height: 94px; position: absolute; left: 0px; top: 0px; background: url(../graphics/header.png)}

H1, H1 SPAN, H2, H2 SPAN, H3, H3 SPAN{color: #000; font-size: 24px; line-height: 27px; padding: 0px 0px 12px 0px; font-weight: bold; letter-spacing: 0px; margin-left: -1px}
H1 SPAN.scarlet, H2 SPAN.scarlet, H2{color: #be0000}
H2{font-size: 20px; line-height: 23px; padding: 10px 0px 5px 0px}

H1.home-header, H1.home-header SPAN{color: #000; font-size: 20px; line-height: 24px; font-weight: bold; letter-spacing: 0px; padding: 0px 0px 20px 0px}
H2.home-header-2, H2.home-header-2 SPAN{color: #000; font-size: 20px; line-height: 24px; font-weight: bold; letter-spacing: 0px; padding: 0px 0px 5px 0px}
H2.home-header-2-w, H2.home-header-2-w SPAN{color: #000; font-size: 20px; line-height: 24px; font-weight: bold; letter-spacing: 1px; padding: 0px 0px 5px 0px}





H3, H3 SPAN{color: #000; font-size: 18px; padding: 5px 0px 5px 0px; font-weight: bold; letter-spacing: 0px; margin-left: -1px}

H2.intro-header, H2.intro-header SPAN.italic, H2.intro-header SPAN.black{color: #be0000; font-size: 14px; line-height: 14px; font-weight: bold; letter-spacing: 0px; padding: 0px 0px 8px 0px}
H2.intro-header SPAN.italic{font-style: italic}
H2.intro-header SPAN.black{color: #000}

H3.step-header, H3.step-header SPAN{color: #fff; font-size: 18px; line-height: 22px; background: #000}	
H3.step-header SPAN{color: #f03000}	
H3.step-header{margin: 0px 0px 10px 0px; padding: 5px 10px 5px 10px}

P.intro-header, P.intro-header SPAN.italic, P.intro-header SPAN.black{color: #be0000; font-size: 14px; line-height: 14px; font-weight: bold; letter-spacing: 0px; padding: 0px 0px 8px 0px}
P.intro-header SPAN.italic{font-style: italic}
P.intro-header SPAN.black{color: #000}

P.intro, P.intro A, P.intro SPAN.italic, P.intro A SPAN.italic{color: #000; font-size: 14px; line-height: 19px; text-align: justify}	
P.intro SPAN.italic, P.intro A SPAN.italic{font-style: italic; font-weight: bold}
P.intro{padding: 0px 0px 20px 0px}

P.main, P.main A, P.main SPAN.italic, P.main A SPAN.italic, P.main A.blue-link{font-size: 12px; line-height: 16px}
P.main SPAN.italic, P.main A SPAN.italic{font-style: italic}
P.main{padding: 0px 0px 15px 0px}

/*********************** CONTAINER *******************/
#container, DIV.container{width: 960px; margin: 0px auto; position: relative}
#container{padding: 66px 0px 0px 0px; background: url(../graphics/banner.png) no-repeat 0px 120px}
#button-solution{position: absolute; left: 340px; top: 260px}


/*********************** NAV *******************/
#button-cart{width: 185px; margin: 0px 0px 0px -185px; position: absolute; left: 100%; top: 0px}

#icon-menu, #icon-cart{width: 40px; height: 40px; margin: 0px 0px 0px -90px; position: absolute; left: 100%; top: 34px; cursor: pointer; display: none}
#icon-cart{margin: 0px 0px 0px -42px}

#nav{height: 28px}
#nav LI{height: 28px; margin: 0px 0px 0px 5px; float: right}
#nav LI A{color: #fff; font-size: 12px; line-height: 12px; text-decoration: none; white-space: nowrap; font-weight: bold; height: 19px; padding: 9px 25px 0px 25px; display: block; -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; border-top-left-radius: 7px; border-top-right-radius: 7px; background: #000}
#nav LI A:hover, #nav LI A.active{background: #be0000}

#sub-nav{width: 188px; margin: 26px 0px 0px 0px; padding: 5px 0px 0px 19px; float: right; background: url(../graphics/bg-sub-nav.png) no-repeat center top}
#sub-nav LI{width: 168px; padding: 0px 10px 0px 10px; background: #000}
#sub-nav LI.bottom{padding-bottom: 10px; -webkit-border-bottom-left-radius: 7px; -webkit-border-bottom-right-radius: 7px; -moz-border-radius-bottomleft: 7px; -moz-border-radius-bottomright: 7px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px}
#sub-nav LI A{color: #d8d8d8; font-size: 14px; line-height: 14px; text-decoration: none; white-space: nowrap; font-weight: bold; letter-spacing: 0px; padding: 9px 0px 9px 0px; border-top: dotted 1px #b0b0b0; display: block}	
#sub-nav LI.bottom A{border-bottom: dotted 1px #b0b0b0}
#sub-nav LI A:hover, #sub-nav LI A.active{color: #ff0000}	

#sub-nav-corner{position: absolute; left: 100%; top: 120px}

#nav-wrapper{display: none}


/*********************** HOME *******************/
#home{padding: 25px 0px 15px 0px}

#home-left, #home-center, #home-right, DIV.home-spacer{float: left}
DIV.home-spacer{width: 2%; height: 200px}

#home-left{width: 36%}
#home-center{width: 32%}
DIV.home-content{margin: 0px 0px 20px 0px; padding: 15px 0px 0px 0px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background: #e0e0e0}
DIV.home-content P{margin-left: 15px; margin-right: 15px}


DIV.bullet-tick{margin: -5px 0px 10px 0px}
P.bullet-tick{color: #000; font-size: 12px; line-height: 14px; padding: 5px 0px 5px 20px; background: url(../graphics/bullet-tick-black.png) no-repeat 0px 0px}

#home-right{width: 28%; padding: 15px 0px 20px 0px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background: #000}
#home-right-inner{padding-left: 15px; padding-right: 15px}
#home-right P.intro-header, #home-right P.main SPAN{color: #fff}
#home-right P.main SPAN{font-weight: normal}
#home-right IMG{width: 100%; height: auto; margin: 5px 0px 10px 0px}
#home-right P.home-testimonials{color: #ff6b6b; font-size: 12px; line-height: 15px; font-weight: bold; padding: 0px 0px 20px 0px}

#home-promo{margin: 0px 0px 25px 0px; padding: 30px 0px 20px 0px; background: #484848}
#home-promo P, #home-promo SPAN{color: #fff}
#body #home-promo .scarlet{color: #ff0000}

DIV.home-promo-img{width: 28%; margin-bottom: 10px; float: right; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background: #fff}
DIV.home-promo-img DIV{padding: 5px}
DIV.home-promo-img DIV IMG{width: 70%; height: auto}

DIV.home-promo{width: 72%; padding-top: 10px}

DIV.home-promo-inner{margin-right: 30px}
DIV.home-promo-inner-1{margin-bottom: 25px; padding-left: 5px; padding-top: 25px; padding-bottom: 25px; border-top: solid 2px #606060; border-bottom: solid 2px #606060}
DIV.home-promo-inner-2 P.main{padding-bottom: 0px}


/*********************** FOOTER *******************/
#footer{width: 100%; padding: 15px 0px 10px 0px; border: solid 2px #c8c8c8; border-left: none; border-right: none}
#seals{width: 957px; min-height: 0px; margin: 0px auto}
#seals A{height: auto; float: left}
#seals A.money-back{width: 16.1%}
#seals A.lowest-price{width: 5.22%}
#seals A.approved-merchant{width: 10.55%}
#seals A.merchant-certified{width: 9.93%}
#seals A.privacy-affiliates{width: 15.46%}
#seals A.buy-safe{width: 9.82%}
#seals A.verified-secured{width: 10.45%}


#seals A IMG{width: 100%; height: auto}
#seals DIV.seal-spacer{width: 1.88%; height: 20px; float: left}

#footer-lower{width: 100%; padding: 25px 0px 25px 0px; background: #101010}
#seals-small{padding: 0% 20% 0% 20%}
#seals-small IMG{width: 100%; height: auto; border: solid 1px #888}

P.footer-links{line-height: 19px; text-align: center; margin-top: 18px; padding-top: 20px; border-top: solid 2px #404040}
P.footer-links A{color: #fff; line-height: 19px}
P.footer-links A:hover{color: #fff}
P.footer-links SPAN.footer-links-divider{color: #888; padding: 0px 20px 0px 20px}	

P.misc, P.misc A{color: #fff; font-size: 11px; line-height: 16px; text-align: center}
P.misc{padding: 20px 0px 0px 0px}
P.credit A{color: #888; line-height: 12px; text-decoration: none}
P.credit{text-align: center; padding: 10px 0px 0px 0px}


/************************* Common classes *******************/
#body .clear{width: 100%; clear: both; font-size: 1px; line-height: 0px}
#body .italic{font-style: italic}
#body .scarlet{color: #be0000}
#body .blue-link{color: #0099ff; text-decoration: none}
#body .bkk{display: none}

#body .wide{color: #be0000; font-size: 14px; line-height: 14px; font-weight: bold; letter-spacing: 1px}






