#content_body{background:#fff url(../images/cover_highhair.jpg) no-repeat; width:557px; height:460px;}
#xtra{width:226px !important; background:#fff;}
#main{background:#fff !important; } /*dapat pareho sa kulay ng xtra*/
#border_r{left:767px;}
#content_body #hhlogo{width:109px; height:70px; background: transparent url(../images/logo_highhair_trans.png) no-repeat; position:relative; top:250px; left:295px;}
#content_body h2{width:300px; height:6px; font-size:14px; color:#fff; position:relative; top:250px; left:200px; font-weight:bold;}

#hhproducts{width:213px; height:239px; margin:0 auto; padding:0; background:url(../images/highhairpack.jpg) center 70px no-repeat;}
#hhprodbtn{width:200px; height:41px; background:url(../images/btn_black.jpg) no-repeat; margin:30px auto; color:#fff; text-align:center;padding-top:10px;}
#hhprodbtn a{color:#fff; text-decoration:none; font-size:1.0em;}

/* chart */

#chart{width:575px; height:460px; float:left;}
#chart .chart_head{height:41px; padding:20px 0 ; text-align:center; font-size:12px; font-weight:bold; margin:0;width:135px; float:left;}
.smalltxt{font-size:9px; font-weight:normal;line-height:9px;margin:0; padding:0;}
.row{clear:both; }
.row div{float:left; width:135px; height:100px;}
#row1label{background:#BCFF72 url(../images/label_hh_natural.gif) no-repeat; border-bottom:#BCFF72 solid 1px;}
#row2label{background:#5BE5FF url(../images/label_hh_light.gif) no-repeat; border-bottom:#5BE5FF solid 1px;}
#row3label{background:#F5FF50 url(../images/label_hh_firm.gif) no-repeat; border-bottom:#F5FF50 solid 1px;}
#row4label{background:#FFB850 url(../images/label_hh_ultra.gif) no-repeat; border-bottom:#FFB850 solid 1px;}
.labelcontrol{width:22px !important; height:98px; margin-right:8px;}

.cell{width:115px; height:100px; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
.endh{border-right:none !important;}
.endv{border-bottom:none !important;}

/* thumbnail types */
.flat1{padding:30px 0 0 40px;}
.flat2{padding:35px 0 0 18px;}
.med1{padding:20px 0 0 55px;}
.med2{padding:10px 0 0 28px; }
.long1{padding:10px 0 0 55px;}
.long3{padding:10px 0 0 15px;}


#chartintro{width:207px; height:500px; margin:0; float:left; padding: 0 20px; }
#chartintro h3{position:relative; top:60px; left:0px; color:#000; font-size:12px;}

/* viewer */
.hhprod{width:225px; height:430px; position:absolute; top:126px; left:773px; text-align:left;  border:1px none red; background:#fff; visibility:hidden;}
.hhprod h3{font-size:13px; padding:0; margin:5px 0 0;}
.hhprod h4{font-size:13px; padding:0; margin:0;}

.hgreen h4{color:#95A801;}
.hblue h4{color:#29C5DF;}
.hyellow h4{color:#DFCC00;}
.horange h4{color:#FFB850;}

.hhprodtxt{margin:200px 0 0; width:100%; height:167px; text-align:left; padding:0; overflow:auto; overflow-x:hidden; overflow-y:auto; }
.hhprodtxt p{margin:5px 0 10px; padding:0;}

#gr1{background:#fff url(../images/hhprod/hhgreen1.jpg) center 50px no-repeat;}
#gr2{background:#fff url(../images/hhprod/hhgreen2.jpg) center 50px no-repeat;}
#gr3{background:#fff none;}
#gr4{background:#fff url(../images/hhprod/hhgreen3.jpg) center 50px no-repeat;}
#bl1{background:#fff url(../images/hhprod/hhblue1.jpg) center 50px no-repeat;}
#bl2{background:#fff url(../images/hhprod/hhblue2.jpg) center 50px no-repeat;}
#bl3{background:#fff url(../images/hhprod/hhblue3.jpg) center 50px no-repeat;}
#bl4{background:#fff none;}
#bl5{background:#fff url(../images/hhprod/hhblue4.jpg) center 50px no-repeat;}
#bl6{background:#fff none;}
#bl7{background:#fff url(../images/hhprod/hhblue5.jpg) center 80px no-repeat;}
#bl8{background:#fff url(../images/hhprod/hhblue5.jpg) center 80px no-repeat;}
#ye1{background:#fff none;}
#ye2{background:#fff url(../images/hhprod/hhyellow1.jpg) center 40px no-repeat;}
#ye3{background:#fff url(../images/hhprod/hhyellow2.jpg) center 50px no-repeat;}
#ye4{background:#fff url(../images/hhprod/hhyellow3.jpg) center 50px no-repeat;}
#ye5{background:#fff url(../images/hhprod/hhyellow4.jpg) center 50px no-repeat;}