#content{background:#000;}
#content_body{background:#fff url(../images/covergirl_koleston3.jpg) no-repeat; width:567px; height:460px;}
#xtra{width:218px !important; background:#D21033;}
#main{background:#D21033 !important;} /*dapat pareho sa kulay ng xtra*/
/*#content_body h2{font-size:20px; margin:218px 0 25px 0; width:390px; height:40px;}*/ /* for original cover gel */
#content_body h2{font-size:20px; margin:232px 0 25px 0; width:390px; height:40px;}
#content_body p{clear:both; width:370px; font-size:11px;}
#kolestonpack{width:120px; height:228px; background:transparent url(../images/kolestonpack.png) no-repeat; float:right; position:relative; top:210px;left:-15px; }
#border_r{left:786px;}
#moreabout{width:180px; height:180px; background:#8D0B23 url(../images/btn_kpshades_top.gif) repeat-x; color:#fff; font-weight:bold; padding-top:5px; text-align:center; margin-bottom:0; padding-bottom:0;}
#moresalon{position:relative; top:-140px; left:10px;}

/* shades no script */
#content_items{clear:both; width:240px; padding:10px 0px 0 0; float:left; color:#fff;}
#content_items2{ width:240px; padding:10px 0px 0 0; float:left;color:#fff;}
#content_items3{ width:240px; padding-top:10px; float:left;color:#fff;}
#content_items div,#content_items2 div,#content_items3 div{ width:100%; padding:4px 0 5px;  margin:0;clear:both;}
#content_items div div.thumb,#content_items2 div div.thumb,#content_items3 div div.thumb{float:left; width:auto;}
#content_items div div.choices,#content_items2 div div.choices,#content_items3 div div.choices{float:right; width:200px; clear:right; _width:210px;}
#content_items div div.choices ul,#content_items2 div div.choices ul,#content_items3 div div.choices ul{margin:0; padding:0;}
#content_items div div.choices ul li,#content_items2 div div.choices li,#content_items3 div div.choices ul li{list-style-type:none; font-size:smaller;}
ul.num{float:left; width:40px;}
ul.code{float:left; }

/* shades with moo */
#content_itemsbbb{ clear:both; margin:100px 0 0 ; padding:40px 0; text-align:center; width:650px !important;}
ul.thumbs{margin:0; padding:0;list-style-type:none;display:block;  }
ul.thumbs li.thumbitem{ margin:0 auto;  width:80px; float:left;height:110px;}
ul.thumbs li#ti1{background:url(../images/item_nature1.png) 0px 0 no-repeat;}
ul.thumbs li#ti2{background:url(../images/item_red.png) 0px 0 no-repeat;}
ul.thumbs li#ti3{background:url(../images/item_supermix.png) 0 0 no-repeat;}
ul.thumbs li#ti4{background:url(../images/item_nature2.png) 0 0 no-repeat;}
ul.thumbs li#ti5{background:url(../images/item_redintensive.png) 0 0 no-repeat;}
ul.thumbs li#ti6{background:url(../images/item_nature1.png) 0 0 no-repeat;}
ul.thumbs li#ti7{background:url(../images/item_blonde.png) 0 0 no-repeat;}

.thumbmenu{ width:175px; height:auto; float:right;margin:0px 10px 0 0px ; background:#D93452;padding:0px 0px 20px 8px;text-align:left; color:#fff;}
.thumbmenu ul{padding:15px 0 0;margin:0;}
ul.num{float:left; width:40px;}
ul.code{float:left; }
.thumbmenu ul li{list-style-type:none; font-size:9px;line-height:16px !important;}
.thumbmenu ul li a{color:#fff; text-decoration:none;}
.thumbmenu ul li a:hover{color:#fff; text-decoration:underline;}
#ti2 .thumbmenu{width:190px;}
/*#ti3 .thumbmenu{width:90px;}*/
#ti6 .thumbmenu{width:195px;}

#viewer{width:181px; height:271px; position:absolute; left:800px; top:180px; }
#viewer_title{width:100%; height:16px; background:url(../images/bg_kolestonview_top.png) repeat-x; color:#fff; text-align:center; font-weight:bold; padding:7px 0 0;margin:0;}
#viewer_body{width:100%; height:123px; background:#fff;color:#000; font-weight:normal;text-align:center; padding:20px 0;}
#viewer_body div{display:block; width:100%;}
#vthumb{width:100px !important; height:137px; margin:0 auto;}
#viewer_bottom{width:100%; height:28px; background:url(../images/bg_kolestonview_bottom.png) repeat-x; margin-top:2px;}