body {background-color:#333333; background-image:url(../images/background1px.jpg); background-repeat:repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff;}
.wrapper {width:841px; margin:auto; padding-top:20px;}
p {padding:0 0 10px 0; line-height:20px;}
a {color:#D5FF00;}
h3 {color:#D5FF00; padding:0 0 10px 0;}

/* --------------------- HEADER -------------------------- */
.header {width:879px; height:215px; background-image:url(../images/header.png); position:relative;}
.header .hLink a{width:879px; height:110px; display:block; float:left; margin-top:25px;}
.header .hLink a:hover {background-image:url(../images/headerHover.png); background-repeat:no-repeat;}
.header .hNav {float:left; width:600px; height:40px;}
.header .hNav ul li a{float:left; display:inline; padding:14px 30px 0 20px; font-size:14px; font-weight:bold; color:#29272c; text-decoration:none; text-transform:uppercase;}
.header .hNav ul li a:hover {color:#ffffff;}

/* -------------------- CONTENT --------------------------- */
.contentWrapper {background-image:url(../images/bgContent.jpg); float:left; width:802px; margin-top:-40px; padding:40px 20px 40px 20px;}
h1 {font-size:16px; font-weight:bold;}
a.BuyNow {display:block; width:106px; height:51px; background-image:url(../images/btnBuyNow.png); padding:15px 0 10px 0; float:left;}
a:hover.BuyNow {background-position:0 -51px;}
span.price {font-size:24px; font-weight:bold; margin:20px 0 0 15px; color:#D5FF00; float:left;}

/* -------------------- LEFT COLUMN ---------------------- */
.leftColumn {float:left; width:210px;}
.leftColumn .sNav {background-image:url(../images/bgsNav.png); background-repeat:repeat-y; border:1px solid #838186; padding:5px; height:243px;}
.leftColumn .sNav ul li a{background-image:url(../images/sNav.png); background-position:0 68px; height:21px; width:185px; color:#ffffff; font-size:12px; font-weight:bold; margin-bottom:3px; padding:5px; text-align:center; text-decoration:none; display:block;}
.leftColumn .sNav ul li a:hover {background-position:0 34px; color:#ffffff;}
body.home .leftColumn .sNav ul li a.selected {background-position:0 0px;}

/* -------------------- RIGHT COLUMN --------------------- */
.rightColumn {float:left;}
.rightColumn .featured {height:243px; padding:5px;}
.rightColumn .featured h1, .productBox h1 {margin-top:-30px; height:30px; position:relative;}

/*--------------------- PRODUCT -------------------------- */
img.productImg {float:right; padding:5px 5px 5px 10px;}
.product h2 a, .productBox h1 a {color:#d5ff00; text-decoration:none;}
.product h2 a:hover, .productBox h1 a:hover {color:#FFF;}
.product h2 {font-size:28px; font-weight:bold; color:#D5FF00; margin-bottom:10px;}
.product h3 {font-size:12px; font-weight:bold; color:#D5FF00; padding:0 0 10px 0;}
.product p.callout {font-size:14px; color:#D5FF00; padding-bottom:10px;}
.product p.instructions {font-size:12px; color:#D5FF00;}
.product ul li {padding:0 0 0 20px;}
.product ul li p{padding:0 0 10px 20px;}

/* -------------------- PRODUCT BOX ---------------------- */
.contentWrapper .productBox {height:243px; padding:5px; border:1px solid #838186; background-image:url(../images/bgProductBox.png); float:left; margin:40px 0; width:790px;}
.contentWrapper .productBox .leftArrow {float:left; width:60px;}
.contentWrapper .productBox .rightArrow {float:left; width:60px;}
.contentWrapper .productBox .productContent {float:left; width:780px;}

/* -------------------- FOOTER --------------------------- */
.footer {text-align:center; padding:5px 0 10px 0; float:left; width:100%;}
.footer a {color:#fff;}