.ABS{ position:absolute; } .REL{ position:relative; }
.B{ font-weight:bold; } .I{ font-style:italic; } .U{ text-decoration:underline; }
.C{ text-align:center; } .M{ vertical-align:middle; } .L{ text-align:left; }
.BOT{ vertical-align:bottom; } .MID{ vertical-align:bottom; }
.CB{ clear:both; } .FL{ float:left; } .FR{ float:right; }
.HAND{ cursor:pointer; }
.hide { display:none !important; } .HIDE{ display:none !important; } .SHOW{ display:block !important; }
.right, .R{ text-align:right; }
.STD{ font-weight:normal; }
.SMALL{ font-size:9px; }
.MARGAUTO{ margin:0px auto; }

/***********************/

a{ text-decoration:none; color:#545454; outline:none; }
a:hover{ color:#000000;}
:focus{ outline:none; }

body, img, table, td, th, div, p, input, select, textarea, form{
  border:none; margin:0px; padding:0px;
  font-family:arial,tahoma,liberation sans,verdana,dejavu sans,sans-serif;
  background-repeat:no-repeat; background-position:top left;
}
b,strong{ font-weight:bold; }
form{ display:inline; }
input, select, textarea{ background-color:transparent; border:none; text-align:left; font-size:12px; line-height:normal; }
p{ padding:0px 0px 8px 0px; }
table{ border-collapse:collapse; width:100%; }
td{ vertical-align:top; }
ul, li{ background-repeat:no-repeat; }
h1,h2,h3,h4,h5,h6{ display:block; padding:0px; margin:0px; font-size:11px;  font-weight:bold; background-repeat:no-repeat; }

body, input, select{ font-size:11px; color:#545454; }

/****** TEMPLATE ************************/

.body_start{ background:url(/images/bg_start.gif) repeat-x #f1ebe7; }
#bg_shade_left, #bg_shade_right{ position:absolute; z-index:10; }
#bg_shade_left{ background-image:url(/images/bg_shade-left.jpg); width:12px; height:260px; left:-12px; top:115px;}
#bg_shade_right{ background-image:url(/images/bg_shade-right.jpg); width:16px; height:220px; left:980px;  top:143px;  }
#container{ width:980px; margin:0px auto; background-color:#f9f7f7; position:relative; }

#bar{ height:267px; position:relative; background:/*url(/images/bar.jpg) no-repeat */#816193; }
#bar_doyouknow{ padding:0px 0px 0px 15px; position:absolute; top:-5px; }
#bar_doyouknow *{ color:#7c4d8c;  }
#bar_doyouknow .icon{ position:relative; top:6px; margin-right:4px; }

#bottom_shade{ background:url(/images/bottom_shade.gif) no-repeat top center; height:55px; clear:both; }

#category_start{ height:178px; background-color:#ab99b6; }
#category_start li{ float:left; position:relative; }
#category_start h2{ position:absolute; top:145px; left:0px; text-align:center; z-index:2; }
#category_start .cat1 h2{ width:187px; }
#category_start .cat2 h2{ width:196px; }
#category_start .cat3 h2{ width:178px; }
#category_start .cat4 h2{ width:189px; }

#flash_bar{ width:764px; height:308px; position:absolute; top:-44px; }

#footer{ clear:both; background:url(/images/bg_bottom.gif) repeat-x; height:128px; }
#footer2{ width:980px; margin:0px auto; height:51px; background:url(/images/footer.jpg) bottom center no-repeat; position:relative; }
#footer *{ letter-spacing:1px;  }
#footer .line{ position:absolute; }
#footer .copyright{ position:absolute; top:15px; left:702px; }
#footer .trol{ position:absolute; top:29px; left:702px; }

#left{ width:230px; float:left; padding-bottom:20px; }

#left_menu ul li a{ display:block; }

#left_menu ul > li{ background:url(/images/ml1.gif) no-repeat bottom center;; min-height:29px; clear:both; }
#left_menu ul li .icon{ display:block; float:left; padding:9px 0px 0px 11px; }
#left_menu ul li a{ float:left; width:200px; padding:8px 0px 0px 7px; min-height:23px; }
/*#left_menu ul li ul li{ background-image:url(/images/ml2.gif); }*/
#left_menu ul li ul li .icon{ display:block; float:left; padding:12px 0px 0px 43px; }
#left_menu ul li ul li a{ width:170px; }
#left_menu ul li ul li ul li{ background:url(/images/ml2.gif) no-repeat bottom center; }
#left_menu ul li ul li ul li .icon{ display:block; float:left; padding:13px 0px 0px 54px; }
#left_menu ul li ul li ul li a{ width:150px; }
#left_menu ul li.active{ background:url(/images/ml1_active.jpg)  no-repeat bottom center; }
#left_menu ul .active > a{ color:#624778; font-weight:bold; }
#left_menu ul li ul li.ml2-0{ background:url(/images/ml2-1.gif) repeat-x bottom left; }
#left_menu ul li ul li.ml2-1{ background:url(/images/ml2-1.gif) repeat-x bottom left; }


#left_menu div > div{ background:url(/images/ml1.gif) no-repeat bottom center;; min-height:29px; clear:both; }
#left_menu div div .icon{ display:block; float:left; padding:9px 0px 0px 11px; }
#left_menu div div a{ float:left; width:200px; padding:8px 0px 0px 7px; min-height:23px; }
/*#left_menu div div div div{ background-image:url(/images/ml2.gif); }*/
#left_menu div div div div .icon{ display:block; float:left; padding:12px 0px 0px 43px; }
#left_menu div div div div a{ width:170px; }
#left_menu div div div div div div{ background:url(/images/ml2.gif) no-repeat bottom center; }
#left_menu div div div div div div .icon{ display:block; float:left; padding:13px 0px 0px 54px; }
#left_menu div div div div div div a{ width:150px; }
#left_menu div div.active{ background:url(/images/ml1_active.jpg)  no-repeat bottom center; }
#left_menu div .active > a{ color:#624778; font-weight:bold; }
#left_menu div div div div.ml2-0{ background:url(/images/ml2-1.gif) repeat-x bottom left; }
#left_menu div div div div.ml2-1{ background:url(/images/ml2-1.gif) repeat-x bottom left; }

#mb{ padding-top:24px; }
#mb li{ float:left; padding:0px 17px 0px 17px; }

#mt{ position:absolute; top:54px; left:10px;  }
#mt li{ float:left; background:url(/images/mt_line.gif) top left no-repeat; padding:1px 14px 0px 14px;  }
#mt li.first{ background:none; }

#modb_start{ height:135px; background-image:url(/images/modb_start.jpg); }
#modb_start .mod1, #modb_start .mod2, #modb_start .mod3{ padding-top:17px; float:left; }
#modb_start .mod1{ width:228px; padding-left:6px; }
#modb_start .mod2{ width:257px; padding-left:24px; }
#modb_start .mod3{ width:206px; padding-left:24px; }
#modb_start h5{ height:31px; }
#modb_start .foto{ width:78px; height:73px; text-align:center; border:solid 1px #dfdcdc; background-color:#ffffff; float:left; }
#modb_start .mod1 .foto{ margin:0px 11px 0px 3px; }
#modb_start .mod1 .desc{ width:120px; float:left; }
#modb_start .mod2 .arrow_l, #modb_start .mod2 .arrow_r{ display:block; float:left; padding-top:30px; width:20px; }
#modb_start .mod2 .arrow_r{ text-align:right; }

#modb_top{ display:block; clear:both; }
#modb_sites{  height:150px; background-image:url(/images/modb_sites.jpg); border-bottom:solid 1px #fff; }
#modb_sites .mod0, #modb_sites .mod1, #modb_sites .mod2, #modb_sites .mod3{ padding-top:17px; float:left; }
#modb_sites .mod0{ width:190px; padding-left:23px; }
#modb_sites .mod1{ width:225px; padding-left:23px; }
#modb_sites .mod2{ width:257px; padding-left:24px; }
#modb_sites .mod3{ width:206px; padding-left:24px; }
#modb_sites h5{ height:31px; }
#modb_sites .foto{ width:78px; height:73px; text-align:center; border:solid 1px #dfdcdc; background-color:#ffffff; float:left; }
#modb_sites .mod1 .foto{ margin:0px 11px 0px 3px; }
#modb_sites .mod1 .desc{ width:120px; float:left; }
#modb_sites .mod2 .arrow_l, #modb_sites .mod2 .arrow_r{ display:block; float:left; padding-top:30px; width:20px; }
#modb_sites .mod2 .arrow_r{ text-align:right; }

#tellafriend_form .desc{ height:52px; }
#tellafriend_form .input{ float:left; background-image:url(/images/input.gif); width:142px; height:24px; }
#tellafriend_form .recom_submit{ float:left; background-image:url(/images/btn_arrow.gif); width:24px; height:22px; cursor:pointer; }
#tellafriend_form .input input{ margin:4px 0px 0px 7px; width:125px; }


#navi{ min-height:29px; padding:10px 0px 0px 11px; position:relative;  }
#navi .navi{ float:left; }

#top10_body{ float:left; }
.top10_desc{ float:left; width:99px !important; height:84px; overflow:hidden; }
.top10_foto{ float:left; width:73px; border:solid 1px #dfdcdc; text-align:center; background-color:#fff; margin-right:10px;  }

#right{ width:230px; float:left; width:750px; }

#top{ height:117px; }
#top .logo{ float:left; }
#top_right{  float:left; width:532px; position:relative; background-image:url(/images/bg_top-right.jpg); height:117px;  }

#top_lang{ position:absolute; left:325px; top:13px; width:200px; }
#top_lang li{ float:right; padding-left:4px; }

/********************************/

.cms_center{ width:740px; padding:0px 0px 20px 10px; }
.cms_center a, .cms_center a *, .cms_center a:hover{ text-decoration:none !important; color:#7c4c8b !important; }

.left_banner{ padding:12px 0px 12px 0px; text-align:center;  }
.left_banner img{ /*border:solid 1px #e0dede; */}

.btn{ display:block; background-image:url(/images/btn-l.gif); height:22px; float:left; }
.btn span{  display:block; background:url(/images/btn-r.gif) top right no-repeat;  float:left; height:18px;  padding:4px 8px 0px 8px;  }
.btn img{ position:relative; top:-2px; }
.btn *{ color:#545454; }

.gallery{ clear:both; padding:10px 0px 10px 0px; }
.gallery .img{ float:left; width:170px; text-align:center; }
.gallery .img img{ border:solid 1px #dfdcdc; padding:2px; }
.gallery .img span{ display:block; text-align:center; padding:2px 0px 2px 0px; }
.gallery .CB{ height:20px; }

.news_doyouknow{ clear:both; }
.news_doyouknow h5{ color:#624778; }
.news_doyouknow .desc{ padding:10px 0px 10px 0px; }

.vote_desc{ font-size:10px; }
.vote_tab td{ vertical-align:middle; font-size:10px; height:14px; }
.vote_tab .input{ width:37px; text-align:right; }
.vote_tab .input input{ margin-right:4px; }
.vote_answers{ float:left; width:130px; padding-top:4px; }
.vote_submit{ margin:26px 0px 0px 5px; }
.vote_error{ font-size:9px; color:#f00; }

.vote_results *{ font-size:10px; }
.vote_results ul.block li{ padding-left:10px; }

.prod{ width:173px; height:238px; margin-right:10px; float:left; }
div.prod_last{ margin-right:0px; }
.prod .foto{ height:179px; background-color:#ffffff; border:solid 1px #dcdcdc; clear:both;  }
.prod .footer{ border:solid 1px #dedddd; height:46px; background-image:url(/images/prod_footer.gif);  padding:0px 4px 0px 4px;  }
.prod .footer a{ color:#624778; font-weight:bold; }
.prod td{ text-align:center; vertical-align:middle; }
.prod_shade { height:20px; background-image:url(/images/prod_shade.gif); }

/************ PRODUCT **********************/

.prod_big{ clear:both; padding:10px; }
.prod_big .fotos{ float:left; width:210px; }
.prod_big .foto{ border:solid 1px #dcdcdc; height:179px;  width:173px; margin-left:10px; }
.prod_big .foto td{ text-align:center; vertical-align:middle;  }
.prod_big .body{ float:left; width:470px; }
.prod_big h2{ height:32px; }
.prod_big .foto_add{ display:block; float:left; margin:3px; text-align:center; font-size:10px; width:90px; }
.prod_big .foto_add img{ margin-bottom:3px; clear:both;   border:solid 1px #dcdcdc; }
.prod_big .fotos_add{ padding-top:5px; }
.subproducts{ clear:both; padding:10px 0px 10px 0px; }
.subproducts  td{ padding:2px 4px 2px 4px; vertical-align:middle; border-bottom:solid 1px #dedddd;  }
.subproducts .thead2 td{
  background:url(/images/thead2.gif) repeat-x #fefefe; height:16px; font-weight:bold; color:#624778; vertical-align:middle; text-align:center; font-weight:bold; border-bottom:none;
}
.subproducts .thead td{
  background:#fefefe; height:16px; font-weight:bold; color:#624778; vertical-align:middle; text-align:center; font-weight:bold;
}
.subproducts .col_line{ border-right:solid 1px #dedddd;  }
.subproducts .line_bottom{ border-bottom:solid 1px #dedddd; }

.subproducts .parm{ text-align:center; font-size:10px; }
.features{ padding:5px 0px 5px 0px; }
.features li{ float:left; padding:5px; width:110px; font-size:9px; text-align:center; }
.features li.CB{ clear:both; }
.features li span{ display:block; text-align:center; }

#hsp{ padding:10px; }

/******** MISC ***********************/

.message{ font-weight:bold; text-align:center; }
div.message{ padding:10px 0px 10px 0px; }

ul.block{ display:block; list-style:none; padding:0px; margin:0px; }
ul.block li{ display:block;  padding:0px; margin:0px; }

#product_list_pager{ float:right; width:200px; }
.pager{ float:right; clear:both; padding:20px 25px 20px 0px; }
#product_list_pager .pager{ padding:0px 25px 0px 0px; }
.pager strong{ float:right; display:block; }
.pager a, .pager span{ display:block; float:left; width:23px; height:19px; padding-top:4px; text-align:center; font-weight:bold; }
.pager a{ background:url(/images/pager_btn.gif) no-repeat; }
.pager span{ background:url(/images/pager_btn_active.gif) no-repeat; color:#fff; }


.TEST { border:solid 1px #00ffff; }