body, html {margin: 0; padding: 0; height: 100%; background-image: url(images/bgsubpages_empty.jpg); background-repeat: no-repeat; background-position: top center; background-color: #050304;}
div {font-size:13px; font-family: "Segoe UI", Arial, Helvetica, sans-serif; line-height: 20px; color: #807e7e; }
h1 {font-size: 35px; line-height: 40px; font-weight: normal;}
h2 {font-size: 20px; line-height: 28px; font-weight: normal;}
h3 {font-size: 16px; line-height: 24px; font-weight: normal;}
h4 {font-size: 15px; line-height: 20px; font-weight: normal;}
h5 {font-size: 14px; line-height: 16px; font-weight: normal;}
b, strong {font-size: 13px; font-weight: bold; color: #807e7e;}
hr {border: 1px dashed #cccccc; height: 1px;}
img {border: none;}

a:link {color: #666666; text-decoration: underline;}
a:visited {color: #666666; text-decoration: underline;}
a:hover {color: #cccccc; text-decoration: none;}
a:active {color: #cccccc; text-decoration: none;}

.faux_h1 {font-size: 35px; font-family: Arial, Helvetica, sans-serif}
.big {font-size: 18px; font-family: Arial, Helvetica, sans-serif}
.bgimg_scale {margin: auto; padding: 0; width: 100%; height: 100%; min-width: 950px; min-height: 632px; z-index: -1; position: absolute;}
.img {border: 3px #403d37 solid;}

.q {margin: auto; padding: 10px 0 0 0 ; color: #ffffff; font-size: 20px; min-height: 25px;}
.a {margin: auto; padding: 0 0 10px 0; border-bottom: 1px #666666 solid; min-height: 25px; }
#content_square_inside_empty {margin: auto; padding: 35px 0 25px 0px; min-height: 450px;}

.title {margin: auto; padding: 10px 0 0 0 ; color: #ffffff; font-size: 20px; min-height: 25px;}
.intro {margin: auto; }
.top {margin: auto; padding: 0 0 10px 0; border-bottom: 1px #666666 solid; min-height: 25px; }

#wrapper_home {margin: 0px; padding: 0; position: absolute; z-index: 50; width: 100%; height: 200px;}

#wrapper {margin: auto; padding: 0; background-image: url(images/bgsubpages.jpg); background-repeat: no-repeat; background-position: top center;}
#wrapper2 {margin: auto; padding: 0; background-image: url(images/bgsubpages2.jpg); background-repeat: no-repeat; background-position: top center;}
#wrapper3 {margin: auto; padding: 0; background-image: url(images/bgsubpages3.jpg); background-repeat: no-repeat; background-position: top center;}
#wrapper_empty {margin: auto; padding: 0;}

#wrapper_random {margin: auto; padding: 0;}
#container {margin: auto; padding: 7px 0 0 0; width: 960px;}
#logo {margin: auto; padding: 0; width: 960px;}
#specialoffer_home {margin: auto; padding: 540px 0 0 0; width: 960px;}
#specialoffer_home a {color: #ffffff;}
#specialoffer_home a:hover {color: #cccccc;}
.special_home {color: #ffffff; background-color: #cc3333; }
.special {color: #cc3333;}

#navigateicons {margin: auto; padding: 10px 0 20px 20px; float: right; width: 50px;}
#navigateicons img {margin: 0px 0 0 15px; padding: 0;}
#navigateicons a {color: #cccccc; font-size: 11px; text-decoration: none;}

/*navigation styles*/
#navigate {margin: auto; padding: 10px 0 20px 0; float: right; width: 700px;}
ul#navigate {margin: auto; padding: 12px 0 0 0; list-style-type: none;}
ul#navigate li {display: inline; position: relative; z-index: 5;} 
li.navigate a:visited {color: #cc0000;}
.navigate_bord {margin: auto; padding: 0 13px 0 13px; border-right: 1px #333333 solid;}
.navigate_none {margin: auto; padding: 0 13px 0 13px; border: none;}
#navigate>li>a {text-transform: uppercase; text-decoration: none; font-size: 11px; font-weight: bold; padding: 12px 10px;}
#navigate a:hover, #navigate a:active {background-color: #211f1e;}
ul#navigate li.navigate_none a.special {color: #cc3333;}
ul#navigate li.navigate_none a:hover.special {color: #cccccc;}

/*rollover navigation styles*/
ul#navigate div.dd {display: none;}
li.mega div.dd {background-color: #211f1e; width: 400px; position: absolute; left: -160px; padding: 10px; top: 25px; z-index: 999;}
div.dd ul, div.dd li {padding:0; margin:0;}
ul#navigate li.hovering div {display: block;}
a.unpad {text-transform: uppercase; text-decoration: none; font-size: 11px; font-weight: bold; padding: 0; color: #cccccc;}
div.dd h2 {padding: 0; text-transform: uppercase; font-size: 11px; font-style:normal; border-bottom: solid #999999 thin; color: #999999; margin-bottom: 0;}
#navigate h2 a:link, #navigate h2 a:visited, #navigate h2 a:hover, #navigate h2 a:active {color: #cccccc;}
ul#navigate div li {display:list-item; list-style-type: none; padding: 0 0 8px; line-height: 12px; }
div.dd .float_left {width: 190px; float: left;}
div.dd .float_right	{width: 190px; float: right;}

#footnav {margin: auto; padding: 10px; letter-spacing: 4px; font-size: 10px; }
#footnav a {text-transform: uppercase; text-decoration: none; font-size: 10px; font-weight: bold;}

#mainmovie {margin: 0; padding: 0; width: 100%; height: 100%; position: relative; z-index: 5}

#content_square {margin: auto; padding: 0; width: 960px;}
#content_square_inside {margin: auto; padding: 35px 0 25px 175px; min-height: 450px;}

#content_square_inside_empty {margin: auto; padding: 35px 0 25px 25px; min-height: 450px;}

.product_wrapper {margin: 0px 0 40px -55px; padding: 0; width: 835px; height: 370px; position: relative; background-image: url(images/product_bg.png); background-repeat: no-repeat; background-position: top center;}
.product_inner {margin: auto; padding: 65px 30px 30px 100px; height: 280px;}
.product_img {margin: auto; padding: 0 30px 100px 0; float: left;}
.product_img2 {margin: auto; padding: 0 30px 10px 0; float: left;}
.product_text {margin: auto; padding: 0; float: right; width: 550px; line-height: 18px;}
.topseller {margin: 224px 0 0 690px; padding: 0; width: 150px; height: 151px; position: absolute; background-image: url(images/topseller.png); background-repeat: no-repeat; background-position: top center; z-index: 10;}

/* all products */

.estore_center {width: 950px; margin: 30px auto 0 auto;}
.estore_left {width: 470px; float: left; margin-top: 10px;}
.estore_right {width: 470px; float: right; margin-top: 10px;}
.estore_center .product, .estore_left .product, .estore_right .product {background: url(/images/product_bg2.png) top center no-repeat; margin: 10px 0 10px 0;}
h1.estore {font-size: 35px; font-weight: normal; font-family: "Segoe UI", Arial, Helvetica, sans-serif; padding: 10px 0 0 0; text-align: left; margin:0}
h1.estore-sub {font-size: 35px; font-weight: normal; font-family: "Segoe UI", Arial, Helvetica, sans-serif; padding: 20px 0 10px 0; text-align: left; margin:0}

#qod_gold {background: url(/images/product_qod_gold.png) top left no-repeat; min-height: 280px; position:relative; z-index: 0;}
#qod_gold_link a {position: absolute; display: block; top: 0; left: 0; width: 112px; height: 268px; background-color: transparent;}
#qod_gold_link a span {margin-left: -9999px;}
#qod_gold h3 {background:url(/images/title_qod_gold.png) top left no-repeat; margin: 0 0 20px 160px;}

#brazilian_keratin_kits {background: url(/images/product_keratin_kits.png) top left no-repeat; min-height: 210px; position:relative; z-index: 0;}
#brazilian_keratin_kits_link a {position: absolute; display: block; top: 0; left: 0; width: 112px; height: 200px; background-color: transparent;}
#brazilian_keratin_kits_link a span {margin-left: -9999px;}
#brazilian_keratin_kits h3 {background:url(/images/title_brazilian_keratin_kits.png) top left no-repeat; margin: 0 0 20px 160px; width: 470px;}

#qod_max {background: url(/images/product_max_small.png) top left no-repeat; min-height: 210px; position:relative}
#qod_max_link a {position: absolute; display: block; top: 0; left: 0; width: 82px; height: 200px; background-color: transparent;}
#qod_max_link a span {margin-left: -9999px;}
#qod_max h3	{background: url(/images/title_qod_max.png) top left no-repeat;}

#qod_red {background: url(/images/product_red_small.png) top left no-repeat; min-height: 210px; position:relative}
#qod_red_link a {position: absolute; display: block; top: 0; left: 0; width: 82px; height: 200px; background-color: transparent;}
#qod_red_link a span {margin-left: -9999px;}
#qod_red h3	{background: url(/images/title_qod_red.png) top left no-repeat;}

#qod_aftercare {background: url(/images/product_aftercare_small.png) top left no-repeat; min-height: 200px; position:relative}
#qod_aftercare_link a span {margin-left: -9999px;}
#qod_aftercare_link a {position: absolute; display: block; top: 0; left: 0; width: 82px; height: 200px; background-color: transparent;}
#qod_aftercare h3 {background: url(/images/title_qod_aftercare.png) top left no-repeat;}

#qod_shampooconditioner {background: url(/images/product_shampooconditioner_small.png) top left no-repeat; min-height: 200px; position:relative}
#qod_shampooconditioner_link a {position: absolute; display: block; top: 0; left: 0; width: 82px; height: 200px; background-color: transparent;}
#qod_shampooconditioner_link a span {margin-left: -9999px;}
#qod_shampooconditioner h3 {background: url(/images/title_qod_shampooconditioner.png) top left no-repeat;}

#izu_450 {background: url(/images/product_izu_450.png) top left no-repeat; min-height: 280px; position:relative; z-index: 0;}
#izu_450_link a {position: absolute; display: block; top: 0; left: 0; width: 112px; height: 268px; background-color: transparent;}
#izu_450_link a span {margin-left: -9999px;}
#izu_450 h3 {background:url(/images/title_izu_450.png) top left no-repeat; margin: 0 0 20px 160px;}

.estore_left .product p, .estore_right .product p, .estore_left .product h3, .estore_right .product h3 {margin: 0 0 0 82px; width: 242px; float:left;}
.estore_center .product p, .estore_center .product h3 {margin: 0 0 0 160px; width: 560px; float:left;}
.estore_left .product h3, .estore_right .product h3, .estore_center .product h3	{width: 325px; height: 47px;}
.estore_left .product h3 span, .estore_right .product h3 span, .estore_center .product h3 span {margin-left: -9999px;}

.estore_left .buttons, .estore_right .buttons {width: 132px; float: right;}
.estore_center .buttons {width: 140px; float: right;}

.estore_center ul, .estore_left ul, .estore_right ul {list-style-type: none; margin:0 0 0 0; padding: 0;}
.estore_center li, .estore_left li, .estore_right li {margin: 0; padding: 0 0 10px 0;}
.learnmore span, .buynow span {margin-left: -9999px;}
.learnmore a, .buynow a {display: block; height: 35px; width: 108px;}
.learnmore a:link, .learnmore a:visited {background: url(/images/learnmore_sprite.png) 0 0 no-repeat;}
.learnmore a:hover, .learnmore a:focus, .learnmore a:active	{background: url(/images/learnmore_sprite.png) 0 -35px no-repeat;}
.buynow a:link, .buynow a:visited {background: url(/images/buynow_sprite.png) 0 0 no-repeat;}
.buynow a:hover, .buynow a:focus, .buynow a:active {background: url(/images/buynow_sprite.png) 0 -35px no-repeat;}

.learnmorebig span, .buynowbig span {margin-left: -9999px;}
.learnmorebig a, .buynowbig a {display: block; height: 42px; width: 130px;}
.learnmorebig a:link, .learnmorebig a:visited {background: url(/images/learnmorebig_sprite.png) 0 0 no-repeat;}
.learnmorebig a:hover, .learnmorebig a:focus, .learnmorebig a:active {background: url(/images/learnmorebig_sprite.png) 0 -42px no-repeat;}
.buynowbig a:link, .buynowbig a:visited {background: url(/images/buynowbig_sprite.png) 0 0 no-repeat;}
.buynowbig a:hover, .buynowbig a:focus, .buynowbig a:active {background: url(/images/buynowbig_sprite.png) 0 -42px no-repeat;}

.clear {margin: auto; padding: 0; width: 950px; clear: both;}

#footer_wrapper {margin: auto; padding: 0; background-color: #000000;}
#footer_inside {margin: auto; padding: 20px 0 20px 0; text-align: center; font-size: 11px; color: #333333; width: 950px; }
#footer_inside a {color: #333333;}

/*shopping cart styles*/

#newfeacontainer {margin: auto; padding: 0; width: 922px;}
#new {margin: auto; padding: 10px 0 10px 0; float: left; width: 489px; height: 165px;}
#featured {margin: auto; padding: 10px 0 10px 0; float: right; width: 422px; height: 165px;}

#catcontainer {margin: auto; padding: 0; width: 922px; height: 35px;}
#catnav {margin: auto; padding: 0 0 10px 0; width: 660px; float: left;}
#catnav ul {margin: auto; padding: 0; list-style: none; }
#catnav ul li {margin: auto; display: inline; padding: 0 9px 0 4px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; border-right: 1px #000000 solid;}
#catnav a {color: #ffffff; }

#catnavright {margin: auto; padding: 0 0 10px 0; width: 250px; float: right; text-align: right;}
#catnavright a {color: #660066;}
#catnavright ul {margin: auto; padding: 0; list-style: none; }
#catnavright ul li {margin: auto; display: inline; padding: 0 9px 0 4px; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; border-right: 1px #000000 solid;}

.yellow input {margin: 0 0 5px 0; padding: 3px; background-color: #666666; border: 1px #cccccc solid;}
.clear {margin: auto; padding: 0; clear: both;}

/*category display*/
.floatboxes {margin: 10px; padding: 0 2px 0 2px;  float: left; width: 265px; height: 260px; background-image: url(images/productbg.jpg); border: 6px #000000 solid}
.floatboxesimg {margin: auto; padding: 0 0 5px 0;  height: 160px; text-align: center;}
.floatboxestitle {margin: -5px 0 0 0; padding: 0; position: relative; text-align: center; width: 100%; height: 15px; font-size: 13px;}
.floatboxestitle a {color: #ffffff; }
.cat_title {margin: auto; padding: 0 0 5px 5px; font-size: 13px; color:#ffffff; text-transform: uppercase;}

.producttotal {font-size: 18px; font-weight: bold;}