﻿

/************************* BODY + ELEMENTS *******************/
BODY{margin: 0px; padding: 0px; position: relative; background: #a9c3e6 url(../graphics/bg-body.png) no-repeat center top}
HTML,BODY,SPAN,H1,H2,H3,H4,DIV,P,A,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}
TABLE{border-spacing: 0px; border-collapse: collapse}
LEGEND{display: none}


/*********************** FONTS *******************/
H1,H1 SPAN.h1, H2,H3{font-family: 'Questrial', sans-serif; color: #4874a6; font-size: 20px; line-height: 24px; letter-spacing: -1px; font-weight: bold; padding: 0px 0px 12px 0px}
H1 SPAN.h1{font-size: 90%}
	
P.header-green-icon{color: #00ad29; font-size: 15px; line-height: 18px; font-weight: bold; padding: 0px 0px 5px 25px; background: url(../graphics/icon-arrow.png) no-repeat 0px 0px}
P.header-green, P.header-green A{color: #00ad29; font-size: 15px; line-height: 18px; font-weight: bold; text-decoration: none; padding: 0px 0px 15px 0px}
P.header-green{padding: 0px 0px 15px 0px}
P.header-black, P.header-black A, P.header-black A SPAN{color: #000; font-size: 15px; line-height: 18px; font-weight: bold; text-decoration: none}
P.header-black{padding: 0px 0px 10px 0px}

P.header-blue, P.header-blue A, P.header-blue A SPAN{color: #305880; font-size: 13px; line-height: 15px; font-weight: bold; text-decoration: none}
P.header-blue{padding: 0px 0px 8px 0px}

P.main, P.main A, P.main A SPAN.blue{line-height: 16px; text-decoration: none}
P.main{padding: 0px 0px 15px 0px}


/*********************** WRAPPER *******************/
#wrapper{width: 970px; margin: 0px auto; padding: 35px 0px 25px 0px; position: relative}


/*********************** NAV *******************/
#header{height: 38px; padding: 67px 50px 0px 15px; background: url(../graphics/bg-header.png)}

#nav{height: 38px}
#nav LI{margin: 0px 0px 0px 5px; float: right}
#nav LI.li-6, #nav LI.li-7{display: none}
#nav LI A{color: #fff; font-size: 14px; line-height: 14px; font-weight: bold; text-decoration: none; display: block; height: 25px; padding: 13px 20px 0px 20px; -webkit-border-radius: 7px 7px 0px 0px; -moz-border-radius: 7px 7px 0px 0px; border-radius: 7px 7px 0px 0px; background: url(../graphics/bg-nav.png) repeat-x 0px 0px}
#nav LI A.active, #nav LI A:hover{color: #4774a5; background: url(../graphics/bg-nav-active.png) repeat-x 0px 0px}
#nav LI.li-1 A{color: #fff; padding-left: 40px; background: url(../graphics/bg-nav-cart.png) no-repeat 0px 0px}

#icon-menu, #icon-cart{width: 40px; height: 40px; margin: 0px 0px 0px -115px; position: absolute; left: 100%; top: 48px; cursor: pointer; display: none}
#icon-cart{margin: 0px 0px 0px -65px}
#icon-best-buy{margin: 0px 0px 0px -105px; position: absolute; left: 100%; top: 0px}


/*********************** CONTAINER *******************/
#container{padding: 0px 15px 0px 15px; background: url(../graphics/bg-container.png) repeat-y center center}
IMG.banner, IMG.banner-small{width: 100%; height: auto}
IMG.banner-small{display: none}
IMG.shadow-border{width: 100%; height: 24px; margin: 0px 0px 5px 0px; position: relative}


/***********************  LEFT COLUMN *******************/
#column-left{width: auto; margin: 0px 680px -10px 0px; padding: 0px 20px 0px 10px}

#column-left P.header, #column-bottom P.header{color: #204090; font-size: 14px; line-height: 14px; letter-spacing: -1px; font-weight: bold; text-align: center; padding: 11px 0px 25px 0px}
#column-left P.header A, #column-bottom P.header A{color: #da1900; font-size: 14px; line-height: 14px; letter-spacing: -1px; font-weight: bold; text-decoration: none}
#column-left P.header A:hover, #column-bottom P.header A:hover{color: #204090}

#column-left P.promotions-header, #column-bottom P.promotions-header{color: #003d86; font-size: 14px; line-height: 14px; font-weight: bold; letter-spacing: -1px; padding: 0px 0px 10px 0px}
#column-left P.button-cart, #column-bottom P.button-cart{text-align: center; padding: 0px 0px 5px 0px}

DIV.bullet-arrow{margin-top: -5px; padding: 0px 0px 12px 0px}
DIV.bullet-arrow-zero-margin{margin-top: 0px}
DIV.bullet-arrow P, DIV.bullet-arrow A{color: #101010; font-size: 12px; line-height: 15px}
DIV.bullet-arrow A{color: #000; text-decoration: none}
DIV.bullet-arrow P{padding: 0px 0px 5px 20px; background: url(../graphics/bullet-arrow.png) no-repeat 0px 4px}

#column-left P.small, #column-left P.small A, #column-left P.small SPAN, #column-bottom P.small, #column-bottom P.small A, #column-bottom P.small SPAN{font-size: 12px; line-height: 16px}
#column-left P.small SPAN.italic{font-style: italic}
#column-left P.small, #column-bottom P.small{padding: 0px 0px 15px 0px}

#column-left P.details, #column-bottom P.details{text-align: right}
#column-left P.details A, #column-bottom P.details A{color: #da1900; font-weight: bold; text-decoration: none}

#column-left P.header-box, #column-bottom P.header-box{color: #204090; font-size: 14px; line-height: 14px; letter-spacing: -1px; font-weight: bold; text-align: center; padding: 11px 0px 10px 0px}
#column-left P.header-seal, #column-bottom P.header-seal{text-align: center}

#column-left P.testimonial-author, #column-bottom P.testimonial-author{color: #00ad29; font-size: 14px; line-height: 14px; font-weight: bold; letter-spacing: -1px; margin-top: -10px}
#column-left P.testimonial-author-bottom, #column-bottom P.testimonial-author-bottom{padding-bottom: 8px}

DIV.select-catalog{height: 78px; margin: 0px 0px 20px 0px; border: solid 1px #3060a0; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px}
DIV.select-catalog-inner{height: 72px; border: solid 3px #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #2d81c1 url(../graphics/left-column/bg-select-catalog.png) repeat-x 0px 0px}
P.select-catalog-text{text-align: center; padding: 12px 0px 5px 0px}
P.select-catalog{text-align: center}
P.select-catalog SELECT{width: 170px}

DIV.current-promotions, DIV.free-upgrade{background: #fff url(../graphics/left-column/bg-red.png) repeat-x 0px 0px}
DIV.latest-testimonials{background: #fff url(../graphics/left-column/bg-gray.png) repeat-x 0px 0px}
DIV.left-header-box{background: #fff url(../graphics/left-column/bg-gray.png) repeat-x 0px 0px}


/***********************  RIGHT COLUMN *******************/
#column-right{width: 645px; padding: 0px 10px 10px 25px; float: right; background: url(../graphics/bg-divider-shadow.png) no-repeat left top}
DIV.home-page-indent{padding: 0px 0px 10px 25px}
#home-page-centered{margin: 0px 0px 25px 0px; padding: 10px 0px 10px 0px; border: solid 1px #909090; border-left: none; border-right: none}
#home-page-centered H2{font-size: 22px; line-height: 24px; text-align: center; padding: 0px 0px 5px 0px}
#home-page-centered H3{color: #888; font-size: 18px; line-height: 18px; text-align: center; padding: 0px}

#tabbed-menu{height: 27px}
#tabbed-menu LI{color: #000; font-size: 12px; line-height: 12px; text-transform: uppercase; font-weight: bold; display: block; height: 19px; margin: 0px 5px 0px 0px; padding: 6px 25px 0px 25px; border: solid 1px #c0c0c0; float: left; cursor: pointer; background: #fff}
#tabbed-menu LI:hover{background: #f0f0f0}
#tabbed-menu LI.active{border-bottom: solid 1px #fff; background: #e8eaff}

DIV.tabbed-nav-section{margin: -1px 0px 25px 0px; padding: 15px 15px 0px 15px; border: solid 1px #c0c0c0}
#tabbed-nav-section-2, #tabbed-nav-section-3{display: none}
IMG.bg-home{margin: 0px 10px 10px 0px; padding: 2px; float: left; border: solid 1px #b0b0b0; background: #fff}

DIV.home-products-box-header{margin: 0px 0px 15px 0px; padding: 15px 10px 10px 20px; border: solid 1px #c8c8c8; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: 0px 2px 2px 0px rgba(200,200,200,1); -moz-box-shadow: 0px 2px 2px 0px rgba(200,200,200,1); box-shadow: 0px 2px 2px 0px rgba(200,200,200,1); background: #e8eaec url(../graphics/bg-home-products-box-header.png) repeat-x 0px 0px}
DIV.home-products-box-header IMG{margin: 0px 10px 0px 0px; float: left; cursor: pointer}
DIV.home-products-box-header P{line-height: 12px; margin-top: -1px; padding: 0px}

DIV.home-products-box{padding: 5px 0px 10px 0px}
#home-products-box-2, #home-products-box-3, #home-products-box-4, #home-products-box-5{display: none}

DIV.home-products-box-inner{min-height: 68px; padding: 0px 0px 10px 90px; position: relative}
DIV.home-products-box-inner IMG{width: auto; height: 60px; padding: 2px; border: solid 1px #c8c8c8; position: absolute; left: 10px; top: 2px; background: #fff}
DIV.home-products-box-inner P.home-products-box-header{line-height: 15px}
DIV.home-products-box-inner P.home-products-box-header A{color: #305880; font-weight: bold}
DIV.home-products-box-inner P.home-products-box-header A:hover{color: #000}
DIV.home-products-box-inner A{text-decoration: none}
DIV.home-products-box-inner P.main{padding: 0px 0px 0px 0px}
		
		
/*********************** FOOTER *******************/
#footer{padding: 15px; background: url(../graphics/bg-footer.png) no-repeat center bottom}
#footer P.footer-links{line-height: 18px; text-align: center}
#footer P.footer-links SPAN{color: #fff; margin: 0px 15px 0px 15px}
#footer P.footer-links A{color: #fff; font-weight: bold; text-decoration: none}
#footer P.copyright{color: #fff; font-size: 11px; line-height: 15px; text-align: center; font-weight: bold; padding: 20px 0px 15px 0px}


/************************* Common classes *******************/
#body .clear{width: 100%; clear: both; font-size: 1px; line-height: 0px}
#body SPAN.green{color: #00ad29}
#body SPAN.blue{color: #305880; text-decoration: none}
#body SPAN.red{color: #da1900}
#body P.credit{display: none}
#body .left-box, #body .left-header-box, #body .left-column-seal-box{margin: 0px 0px 20px 0px; padding: 0px 10px 10px 10px; border: solid 1px #c8c8c8; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: 0px 2px 2px 0px rgba(200,200,200,1); -moz-box-shadow: 0px 2px 2px 0px rgba(200,200,200,1); box-shadow: 0px 2px 2px 0px rgba(200,200,200,1)}
#body .left-header-box{margin: 10px 0px 15px 0px; padding-bottom: 0px}
#body .left-column-seal-box{margin-bottom: 25px; padding: 10px 0px 5px 0px; webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none}

#body .margin-top-zero-five{margin-top: -5px}
#body .margin-top-zero-ten{margin-top: -10px}
#body .padding-top-30{padding-top: 30px}


/*********************** FULL WIDTH FOXYCART TEMPLATES *******************/
#column-both{width: 800px; padding: 0px 10px 10px 10px}