/*----- sub page classes -------------*/
#leftNav { width:200px; float:left;}
#leftNav ul.leftmenu { list-style-type:none; margin:0; padding:0; }
#leftNav ul li { background:url(/images/bordeaux_btn_up.jpg) repeat-x top left #A18E64; }
#leftNav ul li.end { height:30px; }
#leftNav ul li a { display:block; padding:7px; text-decoration:none; color:#fff; font-weight:bold; }
#leftNav ul li a:hover { background:url(/images/bordeaux_btn_over.jpg) repeat-x top left #BCAD8E; color:#000; }
/*------ end sub page classes --------------*/
body {  background:#E0DCBE; font-size:11px;  font-family:Verdana, Arial, Helvetica, sans-serif; }
ul { list-style-type:none; }
.hide { display:none; }
em { font-style:italic; }
.big { font-size:1.2em; }
#wrapper { width:800px; margin:0 auto; }



#topNav { height:385px; background:#8EACB4; }

#topNav .paperTab { background:url(/images/paper_bg.jpg) no-repeat top left; width:168px; height:175px; margin:10px 0 0 22px; float:left; }
#topNav .paperTab img { width:165px; height:128px; border:none; }
#topNav .paperTab span { font-size:11px; text-align:center;  padding:5px 0 0 0; font-weight:normal; display:block; }

#topNav .paperTab a { color:#333; text-decoration:none; }
#topNav .paperTab a:hover span { text-decoration:underline; }

#topNav .first { margin:10px 0 0 22px; }

.breadcrumb { padding:3px 30px; background:#BCA7B6; font-size:0.8em; color:#333; }
.breadcrumb a { color:#333; }
.breadcrumb a:hover { text-decoration:none; }

#midNav {  height:50px; background:url(/images/grad_up.jpg) repeat-x top left; }
ul.menu { padding-left:220px; list-style-type:none; font-size:12px; text-align:center; }
ul.menu li { display:inline;  }
ul.menu li a { display:block; float:left; border-left:1px solid #4d4949; border-right:1px solid #a2a0a0; padding:9px 20px 10px 20px; margin:6px 0 5px 0; 
               color:#fff; text-decoration:none; font-weight:bold; }
ul.menu li a.first { border-left:none; }
ul.menu li a.last  { border-right:none; }
ul.menu li a:hover { background:url(/images/grad_down.jpg) repeat-x center; text-decoration:none; color:#fff; }
ul.menu .selected { background:url(/images/grad_down.jpg) repeat-x center; }

#main { background:url(/images/beauty_left_grad.jpg) repeat-x bottom left; padding:30px 0 30px 30px; color:#623C3B; }
#main .top { margin:0 30px 10px 0; height:70px; }
html > body #main .top { height:auto; min-height:70px; }

.logo { float:right; padding:3px 30px 10px 30px; }

#main p.outer { width:450px; color:#643B39; font-weight:bold; }
#main p.outer a { color:#666; text-decoration:none; font-weight:normal; font-weight:bold; }
#main p.outer a:hover { text-decoration:underline; }

#main .mainLogo { float:right; margin:10px 30px 0 0; }

#main .leftPanel { background:url(/images/left_corner.jpg) no-repeat bottom right #B4C7CD; width:500px;  height:229px; margin-right:30px; padding-right:10px; float:left; }
html > body #main .leftPanel { height:auto; min-height:229px; } 

#main .leftPanel img { float:left; margin-right:10px; }
#main .leftPanel h4 { font-weight:bold; color:#653D3D; }
#main .leftPanel .sub { color:#545F51; font-size:1.1em; font-weight:bold; }
#main .leftPanel p, #main .leftPanel h4  { margin:10px 0 0 0;  }
#main .leftPanel p  { color:#5D5C5A; }
#main .leftPanel a { color:#000; text-decoration:none; font-weight:bold; }
#main .leftPanel a:hover { text-decoration:underline; }

#main .rightTop_panel { float:left; width:202px;  height:146px; }
html > body #main .rightTop_panel { min-height:146px; height:auto; }

#main .rightTop_panel img {float:left; }
#main .rightTop_panel a { color:#666; text-decoration:none; font-weight:bold; }
#main .rightTop_panel a:hover { text-decoration:underline; }

/*------------ NEEDS MIN-HEIGHT FIX IN IE6 ------------------------*/

#main .rightTop_panel .inner { border:5px solid #B3C8CB;  min-height:126px; height:auto !important; height:126px;  float:left; margin:0; padding:5px; 
                               position:relative; font-weight:bold;  }

#main .rightTop_panel .inner p { margin:0 0 7px 0; padding:0; font-size:0.8em; line-height:1.3em; }
#main .rightTop_panel .inner span { font-size:0.8em; font-weight: normal; color:#777; }
#main .rightTop_panel .inner .corner { position:absolute; bottom:0; right:0; width:37px; height:38px; background:url(/images/border_corner.gif) no-repeat bottom right; 
                                       margin:0 -5px -5px 0; padding:0; }

#main .rightTop_panel .inner h4 { color:#633D3A; font-size:0.9em; margin-bottom:5px; }

#main .rightTop_panel .inner a { color:#000; }

/*------------ NEEDS MIN-HEIGHT FIX IN IE6 ------------------------*/
#main .rightBottom_panel { float:left; background:url(/images/corner_main_right_bottom.jpg) no-repeat bottom right #AD92A3; width:200px; height:75px; margin:10px 0 0 0; color:#fff; }
html > body #main .rightBottom_panel { min-height:75px; height:auto; }

#main .rightBottom_panel p { padding:0; margin:5px; font-size:0.8em; color:#fff; line-height:1.3em; }
#main .rightBottom_panel h4 { color:#486B81; font-weight:bold; margin:10px 0 3px 10px; padding:0; }
#main .rightBottom_panel span { font-size:1.2em; } 
#main .rightBottom_panel a { color:#fff; text-decoration:none; font-weight:bold; }
#main .rightBottom_panel a:hover { text-decoration:underline; }

/*----- sub page classes -------------*/
#content { float:left; width:570px; background: url(/images/bordeaux_logo.jpg) no-repeat 480px 20px #D9DBC5; padding:10px 0 30px 30px; }
#content h4 { width:430px; color:#666; }
#content p { width:430px; }


#content .rightBottom_panel img { margin:0 10px 0 0; }
#content .rightBottom_panel p { width:auto; color:#666; }
#content .rightBottom_panel h4 { width:auto; }
/*------ end sub page classes --------------*/

#footer {  background:#B4C7CD; padding:10px 30px; font-size:10px; text-align:center; line-height:1.5em; }
#footer a { color:#6E4F4D; text-decoration:none; padding:5px; }
#footer a:hover { text-decoration:underline; }

.stylists img { width:100px; height:100px;}

body { background:#C2B5A4; }


#headerDivider { background:#C3B189; }
#headerDivider p { margin:0; padding:3px 7px; color:#fff; font-weight:bold; font-size:0.8em; }
#headerDivider a { text-decoration:underline; color:#fff; }
#headerDivider a:hover { text-decoration:none; }


#main { background:#d3c7cf; }
#main .top { padding-right:100px; }
#main .leftPanel { background:#BCA7B6 url(/images/left_corner_2.jpg) no-repeat bottom right; color:#673E3A;  }
#main .leftPanel a { color:#666;  }

#main .rightTop_panel .inner { border:5px solid #BDA7B4; background:#AD92A3;  }
#main .rightTop_panel .inner h4 { font-size:1.1em; }
#main .rightTop_panel .inner p { color:#fff; font-size:0.8em; font-weight:normal; }
#main .rightTop_panel .inner span { color:#fff; }
#main .rightTop_panel .inner .corner {  background:url(/images/border_corner_2.gif) no-repeat bottom right; }

#main .rightBottom_panel h4 { color:#673E3A; margin:5px 0 3px 5px; }

/*-------- for left nav style pages -----------*/
#leftNav { background:url(/images/beauty_left_grad.jpg) repeat-x bottom left ; }
#leftNav ul { background:#DBD3BC; }
#leftNav ul li { background:url(/images/beauty_btn_up.jpg) repeat-x top left #A18E64; }
#leftNav ul li a:hover { background:url(/images/beauty_btn_over.jpg) repeat-x top left #BCAD8E; }

#content { background:#DDD2BC;  margin:0; }
#content .rightBottom_panel p { display:inline; padding:0; margin:0; }
#content .rightBottom_panel h4 { width:200px;  padding:0; margin:0; }
/*-------- end left nav styles ----------------*/

#footer { background:#BCA7B6; padding-bottom:10px; }