html, body { 
 height: auto;
 font-family: arial, sans-serif; 
 font-size: 12px; 
 color: #2a180a;
 background: #4e2d2e url("../img/bg_main2.gif") repeat; 
 margin: 0;
 padding: 0; 
}

.clear {
 clear: both; 
 height: 1px; 
 display: block; 
}

img { 
 border: 0; 
}

a, a:visited {
text-decoration: underline; 
}

a:hover, a:active {
text-decoration: none; 
}

h1 {
 font-size: 18px;
 color: #663333;
 font-weight: bold;
}

h2 {
 font-size: 12px;
 color: #2b180a;
 margin: 3px 0;
}

ul.bodyMenu {
 list-style: none;  
}

ul.bodyMenu li {
 width: 250px;
 padding: 0 0 6px 0;
 margin: 0;
 font-size: 12px;
 color: #2b180a;
 text-align: right;
}

ul.bodyMenu li a.bmenu, a.bmenu:visited {
 padding: 0;
 margin: 0;
 font-size: 12px;
 color: #2b180a;
 text-transform: uppercase;
 text-decoration: underline;
}

ul.bodyMenu li a.bmenu:hover, a.bmenu:active {
	text-decoration: none;
}

#container {
 position: relative; 
 width: 1000px;
 height: 572px;
 margin: 0;
 padding: 0;
}

#leftSide {
 float: left; 
 width: 275px;
 height: 540px;
 margin: 142px 0 0 0;
 padding: 0;
 background: url(../img/bg_left.gif) 0 0 no-repeat;
}

#rightSide {
	float: left;
	width: 725px;
	height: 540px;
	margin: 142px 0 0 0;
	padding: 0;
	background: url(../img/bg_right.gif) 0 0 no-repeat;
	z-index: 20;
}

#logo {
 margin: 10px 0 0 81px;
 padding: 0;
}

#contentHome {
	width: 725px;
	height: 410px;
	margin: 120px 0 6px 0;
	padding: 0;
	background: transparent;
}

#content_well {
 width: 660px;
 height: 410px;
 margin: 125px 20px 9px 50px;
 *margin: 120px 20px 9px 50px;
 padding: 0;
 background: transparent;
}

#content_well img.group {
 padding: 35px 0 0 0;
}

/* LEFT HAND SIDE NAVIGATION */

ul#Nav {  
 width: 135px;
 padding: 0; 
 margin: 10px 0 0 115px;
 *margin: 23px 0 0 115px; 
 list-style: none; 
}

ul#Nav li {
 *height: 13px;
 padding: 1px 0;
 *padding: 1px 0 0 0;
 margin: 0;
}

ul#Nav li#hCare {
 padding: 0;
 *padding-bottom: 1px;
 margin: 0;
 background: url(../img/hdr_hairCare.gif) 0 0 no-repeat;  
}

ul#Nav li#styleTools {
 padding: 0; 
 *padding-bottom: 1px;
 margin: 10px 0 0 0;
 background: url(../img/hdr_stylingTools.gif) 0 0 no-repeat; 
}

ul#Nav li#cosmetics {
 padding: 0; 
 *padding-bottom: 1px;
 margin: 10px 0 0 0;
 background: url(../img/hdr_cosmetics.gif) 0 0 no-repeat; 
}

ul#Nav li#assessories {
 padding: 0; 
 *padding-bottom: 1px;
 margin: 10px 0 0 0;
 background: url(../img/hdr_accessories.gif) 0 0 no-repeat; 
}

ul#Nav li a.AFFINAGE, 
ul#Nav li a.AFFINAGE:visited {
 display: block;
 padding: 0; 
 margin: 0; 
 background: url("../img/nav_affin_n.gif") 0 0 no-repeat; 
}

ul#Nav li a.AFFINAGE:active, 
ul#Nav li a.AFFINAGE:hover {
 background: url("../img/nav_affin_d.gif") no-repeat; 
}

#Nav #currentpageAFFINAGE a {
 background: url("../img/nav_affin_d.gif") no-repeat; 
}

ul#Nav li a.B15, 
ul#Nav li a.B15:visited {
 display: block;
 padding: 0; 
 margin: 0; 
 background: url("../img/nav_B15_n.gif") 0 0 no-repeat; 
}

ul#Nav li a.B15:active, 
ul#Nav li a.B15:hover {
 background: url("../img/nav_B15_d.gif") no-repeat; 
}

#Nav #currentpageB15 a {
 background: url("../img/nav_B15_d.gif") no-repeat; 
}

ul#Nav li a.KERALYZE, 
ul#Nav li a.KERALYZE:visited {
 display: block;
 padding: 0; 
 margin: 0; 
 background: url("../img/nav_keralyze_n.gif") no-repeat;
}

ul#Nav li a.KERALYZE:active, 
ul#Nav li a.KERALYZE:hover {
 background: url("../img/nav_keralyze_d.gif") no-repeat; 
}

#Nav #currentpageKERALYZE a {
 background: url("../img/nav_keralyze_d.gif") no-repeat; 
}

ul#Nav li a.KEUNE, 
ul#Nav li a.KEUNE:visited {
 display: block;
 padding: 0; 
 margin: 0; 
 background: url("../img/nav_keune_n.gif") no-repeat; 
}

ul#Nav li a.KEUNE:active, 
ul#Nav li a.KEUNE:hover {
 background: url("../img/nav_keune_d.gif") no-repeat; 
}

#Nav #currentpageKEUNE a {
 background: url("../img/nav_keune_d.gif") no-repeat; 
}

ul#Nav li a.KEUNE_BLEND, 
ul#Nav li a.KEUNE_BLEND:visited {
 display: block;
 padding: 0; 
 margin: 0; 
 background: url("../img/nav_keuneBl_n.gif") no-repeat; 
}

ul#Nav li a.KEUNE_BLEND:active, 
ul#Nav li a.KEUNE_BLEND:hover {
 background: url("../img/nav_keuneBl_d.gif") no-repeat; 
}

#Nav #currentpageKEUNE_BLEND a {
 background: url("../img/nav_keuneBl_d.gif") no-repeat; 
}

ul#Nav li a.KEUNE_CARE, 
ul#Nav li a.KEUNE_CARE:visited {
 display: block;
 padding: 0; 
 margin: 0; 
 background: url("../img/nav_keuneCare_n.gif") no-repeat; 
}

ul#Nav li a.KEUNE_CARE:active, 
ul#Nav li a.KEUNE_CARE:hover {
 background: url("../img/nav_keuneCare_d.gif") no-repeat; 
}

#Nav #currentpageKEUNE_CARE a {
 background: url("../img/nav_keuneCare_d.gif") no-repeat; 
}

ul#Nav li a.KEUNE_DESIGN, 
ul#Nav li a.KEUNE_DESIGN:visited {
 display: block;
 padding: 0; 
 margin: 0; 
 background: url("../img/nav_keuneDesign_n.gif") no-repeat; 
}

ul#Nav li a.KEUNE_DESIGN:active, 
ul#Nav li a.KEUNE_DESIGN:hover {
 background: url("../img/nav_keuneDesign_d.gif") no-repeat; 
}

#Nav #currentpageKEUNE_DESIGN a {
 background: url("../img/nav_keuneDesign_d.gif") no-repeat; 
}

ul#Nav li a.MIOR, 
ul#Nav li a.MIOR:visited {
 display: block;
 padding: 0; 
 margin: 0 0 2px 0; 
 background: url("../img/nav_mior_n.gif") 0 0 no-repeat; 
}

ul#Nav li a.MIOR:active, 
ul#Nav li a.MIOR:hover {
 background: url("../img/nav_mior_d.gif") no-repeat; 
}

#Nav #currentpageMIOR a {
 background: url("../img/nav_mior_d.gif") no-repeat; 
}

ul#Nav li a.MOROIL, 
ul#Nav li a.MOROIL:visited {
 display: block;
 padding: 0;  
 margin: 0; 
 background: url("../img/nav_morOil_n.gif") no-repeat; 
}

ul#Nav li a.MOROIL:active, 
ul#Nav li a.MOROIL:hover {
 background: url("../img/nav_morOil_d.gif") no-repeat; 
}

#Nav #currentpageMOROIL a {
 background: url("../img/nav_morOil_d.gif") no-repeat; 
}

ul#Nav li a.THERMAFUSE, 
ul#Nav li a.THERMAFUSE:visited {
 display: block;
 padding: 0; 
 margin: 0; 
 background: url("../img/nav_thermafuse_n.gif") no-repeat;  
}

ul#Nav li a.THERMAFUSE:active, 
ul#Nav li a.THERMAFUSE:hover {
 background: url("../img/nav_thermafuse_d.gif") no-repeat; 
}

#Nav #currentpageTHERMAFUSE a {
 background: url("../img/nav_thermafuse_d.gif") no-repeat; 
}

ul#Nav li a.HAI, 
ul#Nav li a.HAI:visited {
 display: block;
 padding: 0; 
 margin: 0; 
 background: url("../img/nav_hai_n.gif") no-repeat;  
}

ul#Nav li a.HAI:active, 
ul#Nav li a.HAI:hover {
 background: url("../img/nav_hai_d.gif") no-repeat; 
}

#Nav #currentpageHAI a {
 background: url("../img/nav_hai_d.gif"); 
}

ul#Nav li a.MARILYNBRUSH, 
ul#Nav li a.MARILYNBRUSH:visited {
 display: block;
 padding: 0; 
 margin: 0; 
 background: url("../img/nav_mb_n.gif") no-repeat;  
}

ul#Nav li a.MARILYNBRUSH:active, 
ul#Nav li a.MARILYNBRUSH:hover {
 background: url("../img/nav_mb_d.gif") no-repeat; 
}

#Nav #currentpageMARILYNBRUSH a {
 background: url("../img/nav_mb_d.gif"); 
}

ul#Nav li a.STECH, 
ul#Nav li a.STECH:visited {
 display: block;
 padding: 0; 
 margin: 0; 
 background: url("../img/nav_stech_n.gif") no-repeat;  
}

ul#Nav li a.STECH:active, 
ul#Nav li a.STECH:hover {
 background: url("../img/nav_stech_d.gif") no-repeat; 
}

#Nav #currentpageSTECH a {
 background: url("../img/nav_stech_d.gif"); 
}

/*ul#Nav li a.BAMBOO, 
ul#Nav li a.BAMBOO:visited {
 display: block;
 padding: 0; 
 margin: 0; 
 background: url("../img/nav_bamboo_n.gif") no-repeat;  
}

ul#Nav li a.BAMBOO:active, 
ul#Nav li a.BAMBOO:hover {
 background: url("../img/nav_bamboo_d.gif") no-repeat; 
}

#Nav #currentpageBAMBOO a {
 background: url("../img/nav_bamboo_d.gif") no-repeat; 
}
*/
ul#Nav li a.PURE, 
ul#Nav li a.PURE:visited {
 display: block;
 padding: 0; 
 margin: 0; 
 background: url("../img/nav_pure_n.gif") no-repeat;  
}

ul#Nav li a.PURE:active, 
ul#Nav li a.PURE:hover {
 background: url("../img/nav_pure_d.gif") no-repeat; 
}

#Nav #currentpagePURE a {
 background: url("../img/nav_pure_d.gif") no-repeat; 
}
/*
ul#Nav li a.STRIPT, 
ul#Nav li a.STRIPT:visited {
 display: block;
 padding: 0; 
 margin: 0; 
 background: url("../img/nav_stript_n.gif") no-repeat;  
}

ul#Nav li a.STRIPT:active, 
ul#Nav li a.STRIPT:hover {
 background: url("../img/nav_stript_d.gif") no-repeat; 
}

#Nav #currentpageSTRIPT a {
 background: url("../img/nav_stript_d.gif") no-repeat; 
}
*/
ul#Nav li a.JESSIE, 
ul#Nav li a.JESSIE:visited {
 display: block;
 padding: 0; 
 margin: 0; 
 background: url("../img/nav_jessie_n.gif") no-repeat;  
}

ul#Nav li a.JESSIE:active, 
ul#Nav li a.JESSIE:hover {
 background: url("../img/nav_jessie_d.gif") no-repeat; 
}

#Nav #currentpageJESSIE a {
 background: url("../img/nav_jessie_d.gif") no-repeat; 
}

ul#Nav li a.MY_STYLE, 
ul#Nav li a.MY_STYLE:visited {
 display: block;
 padding: 0; 
 margin: 0; 
 background: url("../img/nav_myStyle_n.gif") no-repeat;  
}

ul#Nav li a.MY_STYLE:active, 
ul#Nav li a.MY_STYLE:hover {
 background: url("../img/nav_myStyle_d.gif") no-repeat; 
}

#Nav #currentpageMY_STYLE a {
 background: url("../img/nav_myStyle_d.gif") no-repeat; 
}

ul#Nav li a.TASSI, 
ul#Nav li a.TASSI:visited {
 display: block;
 padding: 0; 
 margin: 0; 
 background: url("../img/nav_tassi_n.gif") no-repeat;  
}

ul#Nav li a.TASSI:active, 
ul#Nav li a.TASSI:hover {
 background: url("../img/nav_tassi_d.gif") no-repeat; 
}

#Nav #currentpageTASSI a {
 background: url("../img/nav_tassi_d.gif") no-repeat; 
}
/*
ul#Nav li a.TOUGH_GUY, 
ul#Nav li a.TOUGH_GUY:visited {
 display: block;
 padding: 0; 
 margin: 0; 
 background: url("../img/nav_toughGuy_n.gif") no-repeat;  
}

ul#Nav li a.TOUGH_GUY:active, 
ul#Nav li a.TOUGH_GUY:hover {
 background: url("../img/nav_toughGuy_d.gif") no-repeat; 
}

#Nav #currentpageTOUGH_GUY a {
 background: url("../img/nav_toughGuy_d.gif") no-repeat; 
}
*/
/* SUB NAV ROLLOVER MENUS HAIR CARE */

.circle {
 position: absolute;
 width: 25px;
 height: 15px;
 top: 11px;
 left: -17px;
 background: url("../img/circle.gif") no-repeat;
 z-index: 2; 
}

#Menu-Affin {
 position: absolute; 
 width: 145px;
 top: 283px;
 *top: 280px;
 left: 265px !important;
 visibility: hidden; 
 z-index: 1;
}

#Menu-B15 {
 position: absolute; 
 width: 145px;
 top: 298px;
 *top: 295px;
 left: 265px !important;
 visibility: hidden; 
 z-index: 1;
}

#Menu-Keralyze {
 position: absolute; 
 width: 145px;
 top: 313px;
 *top: 315px;
 left: 265px !important;
 visibility: hidden; 
 z-index: 1;
}

#Menu-Keu {
 position: absolute; 
 width: 145px;
 top: 328px;
 *top: 325px; 
 left: 265px !important;
 visibility: hidden; 
 z-index: 1;
}

#Menu-Kblend {
 position: absolute; 
 width: 145px;
 top: 343px;
 *top: 340px;
 left: 265px !important;
 visibility: hidden; 
 z-index: 1;
}

#Menu-Kcare {
 position: absolute; 
 width: 145px;
 top: 358px;
 *top: 355px;
 left: 265px !important;
 visibility: hidden; 
 z-index: 1;
}

#Menu-Kdesign {
 position: absolute; 
 width: 145px;
 top: 373px;
 *top: 370px;
 left: 265px !important;
 visibility: hidden; 
 z-index: 1;
}

#Menu-MIOR {
 position: absolute; 
 width: 145px;
 top: 388px;
 *top: 385px;
 left: 265px !important;
 visibility: hidden; 
 z-index: 1;
}

#Menu-Morocoil {
 position: absolute; 
 width: 145px;
 top: 404px;
 *top: 401px;
 left: 265px !important;
 visibility: hidden; 
 z-index: 1;
}

#Menu-Therma {
 position: absolute; 
 width: 145px;
 top: 420px;
 *top: 417px;
 left: 265px !important;
 visibility: hidden; 
 z-index: 1;
}

/* SUB NAV ROLLOVER MENUS STYLING TOOLS */

#Menu-Haibrand {
 position: absolute; 
 width: 145px;
 top: 460px;
 *top: 457px;
 left: 265px !important;
 visibility: hidden; 
 z-index: 1;
}

#Menu-MARILYNBRUSH {
 position: absolute; 
 width: 145px;
 top: 476px;
 *top: 473px;
 left: 265px !important;
 visibility: hidden; 
 z-index: 1;
}

#Menu-STECH {
 position: absolute; 
 width: 145px;
 top: 492px;
 *top: 487px;
 left: 265px !important;
 visibility: hidden; 
 z-index: 1;
}

/* SUB NAV ROLLOVER MENUS COSMETICS */
/*
#Menu-Bamboocos {
 position: absolute; 
 width: 145px;
 top: 531px;
 *top: 528px;
 left: 265px !important;
 visibility: hidden; 
 z-index: 1;
}
*/
#Menu-Pure {
 position: absolute; 
 width: 145px;
 top: 531px;
 *top: 528px;
 left: 265px !important;
 visibility: hidden; 
 z-index: 1;
}
/*
#Menu-Striptcos {
 position: absolute; 
 width: 145px;
 top: 562px;
 *top: 559px;
 left: 265px !important;
 visibility: hidden; 
 z-index: 1;
}
*/
/* SUB NAV ROLLOVER MENUS ACCESSORIES */

#Menu-Jess {
 position: absolute; 
 width: 145px;
 top: 570px;
 *top: 568px;
 left: 265px !important;
 visibility: hidden; 
 z-index: 1;
}

#Menu-Myelement {
 position: absolute; 
 width: 145px;
 top: 585px;
 *top: 582px;
 left: 265px !important;
 visibility: hidden; 
 z-index: 1;
}

#Menu-Tassi {
 position: absolute; 
 width: 145px;
 top: 599px;
 *top: 596px;
 left: 265px !important;
 visibility: hidden; 
 z-index: 1;
}
/*
#Menu-Mats {
 position: absolute; 
 width: 145px;
 top: 646px;
 *top: 643px;
 left: 265px !important;
 visibility: hidden; 
 z-index: 1;
}
*/
ul.menuNav {
 width: 120px;
 padding: 10px;
 margin: 0;
 list-style: none; 
 background: #280a0a;
 border: 3px solid #ffffff;
 filter:alpha(opacity=88);
 -moz-opacity:.88;
 opacity:.88; 
}

ul.menuNav li {
 padding: 0 0 5px 0;
 margin: 0; 
 color: #ffffff;
}

ul.menuNav li a.sub, a.sub:visited {
 padding: 0;
 margin: 0;
 color: #ffffff;
 font-size: 12px;
 text-transform: none !important; 
 text-decoration: underline;
}

ul.menuNav li a.sub:hover, a.sub:active {
 text-transform: uppercase !important;
 text-decoration: none;
}

/*  CONTENT WELL SWAP STYLES  */

.left1 {
 float: left;
 width: 48%;
 height: 374px;
 margin-right: 10px;
}

.rt1 {
 float: left; 
 width: 47%; 
 height: 374px;
}

.left2 {
 float: left;
 width: 30%;
 height: 374px; 
 margin-right: 5px;
}

.rt2 {
 float: left; 
 width: 55%; 
 height: 374px;
}

.left3 {
 float: left;
 width: 42%;
 height: 387px;
}

.rt3 {
 float: left; 
 width: 55%; 
 height: 387px;
}

.left4 {
 float: left;
 width: 35%;
 height: 374px;
 margin-right: 55px;
}

#holder {
 width: 131px;
 height: 338px;
 margin: 0;
 padding: 0; 
}

.pixHold {
 position: absolute;
 width: 298px;
 height: 176px;
 margin: 0;
 padding: 0;
 top: 475px;
 left: 605px;
}

table.thumbs {
	margin: 20px 0 0 0;
	padding: 0;
}

table.thumbs td {
 margin: 0;
 padding: 10px;
 text-align: center;
 }

table.thumbs td a, a:visited {
 color: #2b180a;
 text-transform: uppercase;
 text-decoration: underline; 
}

table.thumbs td a:hover, a:active {
 text-decoration: none; 
}

table.thumbs2 {
 margin: -7px 0 0 0;
 padding: 0;
}

table.thumbs2 td {
 margin: 0;
 padding: 0;
 text-align: center;
 }

table.thumbs2 td a, a:visited {
 color: #2b180a;
 text-transform: uppercase;
 text-decoration: underline; 
}

table.thumbs2 td a:hover, a:active {
 text-decoration: none; 
}

table.thumbs3 {
 margin: -30px 0 0 0;
 padding: 0;
}

table.thumbs3 td {
 margin: 0;
 padding: 0;
 text-align: center;
 }

table.thumbs3 td a, a:visited {
 color: #2b180a;
 text-transform: uppercase;
 text-decoration: underline; 
}

table.thumbs3 td a:hover, a:active {
 text-decoration: none; 
}

#textThShamp {
 display:block;
 height: 100px;
}

#textThMoist,
#textThStrength,
#textThThermadan,
#textThVolume,
#textThStyle1,
#textThStyle2,
#textThStyle3,
#textThStyle4, 
#textThStyle5,
#textThStyle6,
#textThStyle7, 
#textThStyle8,
#textThStyle9 {
 display:none;
 height: 100px;
}

/*  FOOTER STYLES  */

#footer {
width: 935px;
margin: 5px 0 0 140px;
}

#copyright {
 float: left;
 width: 250px;
 height: 20px; 
 color: #ffffff;
 font-size: 10px;
 margin: 2px 0 0 0;
}

ul#ftr {
 float: left;
 width: 570px;
 padding: 0;
 margin: 0 0 0 50px;
 list-style: none;
}

ul#ftr li {
 font-size: 11px;
 padding: 0 5px;
 margin: 0;
 display: inline;
 color: #ffffff;
}

ul#ftr li a.foot, a.foot:visited {
 font-size: 11px;
 text-transform: uppercase;
 padding: 0;
 margin: 0;
 display: inline;
 color: #ffffff;
 text-decoration: none;
 letter-spacing: 2px
}

ul#ftr li a.foot:hover, a.foot:active {
 text-decoration: underline;
}

/*  FORM STYLES */

input {
 width: 120px;
 height: 15px;
}

input#submit {
 width: auto;
 height: auto;
}
#container #rightSide #content_well .left1 {

}
#container #rightSide #content_well .left1 {
	color: #2AA6BE;
	text-align: center;
}
.teal {text-align:center; color:#2AA6BE;}
.mo_brown {color:#401e17; font:Myriad Pro;}
.mo_orange {color:#f57e20; font:Myriad Pro;}