.ABS{ position:absolute; } .REL{ position:relative; }
.AUTO{ width:auto !important; }
.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; }
.NOBORDER{ border:none !important; }

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

a{ text-decoration:none; color:#333; outline:none; }
:focus{ outline:none; }

*{
  border:none; margin:0px; padding:0px;
  font-family:tahoma,verdana,dejavu sans,arial,sans-serif; font-size:10px; color:#686868;
  background-repeat:no-repeat; background-position:top left; background-color:transparent;
}
b,strong{ font-weight:bold !important; }
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:10px;  font-weight:bold; background-repeat:no-repeat; }

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

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

#body{ background:#f9f9f9; }

#container{ width:980px; margin:0px auto;  position:relative; }
#bg-l, #bg-r, #marg-l, #marg-r{ height:180px; position:absolute; top:0px; }
#bg-l{ background:url(../images/bg-left.gif) repeat-x top right; z-index:1; }
#bg-r{ background:url(../images/bg-right.gif) repeat-x; left:980px; z-index:1; }
#marg-l{ background:url(../images/marg-left.jpg) no-repeat top right; z-index:2; }
#marg-r{ background:url(../images/marg-right.gif) no-repeat;  left:980px; z-index:2; }

.border{ width:776px; position:relative; }
.border-top, .border-bottom{ height:4px; overflow:hidden; clear:both; }
.border-top{ background-image:url(../images/border-top.gif); }
.border-bottom{ background-image:url(../images/border-bottom.gif); }
.border-body{ border-left:solid 2px #e8e8e8; border-right:solid 2px #e8e8e8; background:#fff; }

.border-body ul{ padding:3px 0px 3px 10px; list-style:none; }
.border-body ul li{ background:url(../images/arrow.gif) no-repeat 0px 5px; padding:2px 0px 2px 10px; }

.cl{ position:relative; top:-2px; left:-2px; }
.cl-left{ width:131px; background:url(../images/cl-left.gif) no-repeat #e8e8e8; }
.cl-left h1{ padding-top:52px; padding-bottom:20px; text-align:center; }
.cl-left h1 img{ clear:both; display:block; margin:0px auto; }
.cl-left h2{ padding-top:3px; height:22px; position:relative; background-image:url(../images/cl-head.gif); text-align:center; }
.cl-left h2.active{ background-image:url(../images/cl-head-active.gif); }
.cl-left .icon{ left:109px; top:9px; position:absolute; }
.cl-left .desc{ padding-top:13px; width:131px; height:78px; background-image:url(../images/cl-desc.gif); text-align:center; }

#content-active .cl-right{ height:141px; }
#content-active .h2-body{ position:absolute; z-index:1; }
.h2-blank{ background:url(../images/blank.jpg) center center no-repeat; width:630px; height:135px; }
#content-active h2{ cursor:pointer; }

#content{ padding:24px 0px 0px 13px; width:776px; }

#cms{ padding:0px 10px 10px 10px; }

#footer, #footer2{ height:100px; clear:both; background:#e8e8e8; }
#footer2{ width:980px; margin:0px auto;  position:relative; }
#footer .copy{ position:absolute; left:32px; top:77px; color:#a9a9a9; }
#footer .trol{ position:absolute; left:807px; top:77px; color:#a9a9a9; }

#form-login{ display:block; position:absolute; left:497px; top:82px; width:280px; }
#form-login .txt1{ float:left; margin:4px 8px 0px 0px; }
#form-login .txt2{ position:absolute; top:15px; left:10px; }
#form-login .input-text{ float:left; width:91px; margin-right:3px; background-image:url(../images/input-top.gif); }
#form-login .input-text input{ margin:2px 0px 0px 8px; width:70px; height:17px; color:#8d8d8d; font-size:9px; }
#form-login .submit{ background-image:url(../images/btn-arrow.gif); width:11px; height:13px; cursor:pointer; float:left; margin:2px 0px 0px 4px; }
#form-search{ display:block; position:absolute; width:180px; top:82px; left:799px; }
#form-search .txt1{ float:left; margin:4px 6px 0px 0px;   }
#form-search .input-text{ float:left; width:91px; margin-right:3px; background-image:url(../images/input-top.gif); }
#form-search .input-text input{ margin:2px 0px 0px 8px; width:70px; height:17px; color:#8d8d8d; font-size:9px; }
#form-search .submit{ background-image:url(../images/btn-arrow.gif); width:11px; height:13px; cursor:pointer; float:left; margin:2px 0px 0px 4px; }


#left{ float:left; width:191px; background:url(../images/left.gif) no-repeat #f4d500; padding-top:90px; }

#mb{ margin-left:201px; height:19px; background:#a9a9a9; padding:5px 14px 0px 15px; float:left; }
#mb *{ color:#dddddd; }
#mb li{ float:left; }

#ml *{ font-size:9px; }
#ml li{ line-height:20px; }
#ml ul{ padding-left:15px; width:168px; }
#ml ul li a.active{ background-color:#ffec00; }
#ml ul li a.js-active{ background-color:#ffec00 !important; }
#ml ul li a{ padding-left:8px; display:block; border-bottom:solid 1px #edc100; text-transform:uppercase; background-image:url(../images/ml-arrow.gif); background-position:0px 8px;  }
#ml ul li ul{ padding-left:0px; width:auto; }
#ml ul li li a{ padding-left:17px; text-transform:none; background-position:9px 8px; }
#ml ul li li li a{ padding-left:26px; background-position:18px 8px; }
#ml ul li li li li a{ padding-left:35px; background-position:27px 8px; }
#ml ul li li li li li a{ padding-left:44px;  background-position:36px 8px; }

#mt{ height:60px; background:url(../images/mt-bg.gif); }
#mt *{ color:#fff; font-size:13px; }
#mt ul{ float:right; position:relative; left:7px; }
#mt li{ float:left; padding-left:1px; background:url(../images/mt-line.gif) no-repeat 0px 34px; }
#mt li.first{ background:none; }
#mt li a{ display:block; height:24px; padding:34px 9px 0px 9px; }
#mt li.active a{ border-bottom:solid 2px #bbbbbb; background:#fae100; color:#000; }

#navi{ background-image:url(../images/cl-head-active.gif); height:20px; padding:5px 0px 0px 37px; }
#navi .icon{  padding-left:2px;}

.pager span{ font-size:11px; font-weight:bold; }

#product .desc{ width:301px; padding-left:16px; float:left; }
#product *{ font-size:11px;  }
#product .symbol{ padding:5px 0px 10px 0px; }
#product h5.header{ height:27px; background-image:url(../images/parms-header.gif); padding:5px 0px 0px 3px; }
#product .parms td{ padding:2px 0px 2px 0px; border-bottom:solid 1px #e7e7e7; }
#product .parms .label{ padding-right:4px; }
#product .foto{ width:300px; float:left; }
#product .foto td{ text-align:center; vertical-align:middle; height:235px; border-right:solid 1px #dfdfdf; }
#product .fotos{ width:289px; border-top:solid 1px #dfdfdf; margin-top:8px; }
#product .fotos a{ display:block; width:95px; height:66px; text-align:center; border-right:solid 1px #dfdfdf; float:left; }
#product .product-add{ border-top:solid 1px #dfdfdf; clear:both; }
#product .product-add h5{ height:24px; padding-top:7px; }
#product .product-add li{ float:left; width:149px; height:110px; border-right:solid 1px #dfdfdf;  }
#product .name-add, #product .foto-add{ float:none; display:block; clear:both; text-align:center; }
#product .foto-add td{ height:81px;  text-align:center; width:149px; }
#product .name-add{ text-transform:uppercase; }
.product-left{ width:131px; background-color:#dcdcdc; }
.product-left h2{ padding-top:52px; text-align:center; }
.product-right{ padding-left:11px; width:620px; }

#product_list_pager{ position:absolute; width:300px; top:8px; left: 460px; text-align:right; }
.product_list_pager{ float:right; padding:6px 8px 0px 0px; height:20px; }

.cat_CB{ clear:both; height:12px; }
.cat, .prod{ padding-left:4px; float:left; width:156px; background-image:url(../images/prod-line.gif); height:141px; }
.cat td, .prod td{ height:116px; text-align:center; vertical-align:middle; }
.cat .name, .prod .name{ background-color:#f5f5f5; height:25px; width:154px; line-height:10px; }
.cat .name a{ text-align:center; display:block; padding-top:3px; text-transform:uppercase; }
.prod .name a{ display:block; padding-left:27px;  background-image:url(../images/arrow-top.gif); background-position:11px 4px;  }
.js-product-active{ background-color:#ffec00 !important; }

.prod_CB{ clear:both; height:8px; overflow:hidden; }

#right{ float:left; width:789px; }

#site_map{ padding-left:30px; }


#top{ height:119px; position:relative; background:url(../images/top.jpg) no-repeat top right; }
#top .logo1{ position:absolute; top:0px; left:0px; border:solid 1px #333; }
#top .logo2{ position:absolute; left:785px; top:0px; z-index:2; }
#top .address{ position:absolute; top:77px; left:0px; padding-left:3px;  background:url(../images/top1.gif) no-repeat 0px 1px; height:44px; width:304px;  }

#vote{ padding-top:4px; width:450px; float:left; }
.vote-left{ width:129px; float:left;  }
.vote-left h2{ height:27px; background:url(../images/arrow.gif) no-repeat 107px 10px #e8e8e8; }
.vote-left h2 a{ display:block; padding-top:7px; text-align:center; }
.vote-right{ float:left; width:272px; height:101px; padding:20px 23px 20px 23px; background:#e8e8e8; }
.vote-right table .input{ width:18px; }
.vote-right table td{ height:20px; vertical-align:middle; }
.vote-right .question{ padding-bottom:3px; text-transform:uppercase; }
#vote .buttons{ text-align:right; padding-top:5px; }
#vote .buttons a{ color:#fff; position:relative; background:url(../images/arrow-twin.gif) no-repeat center right; padding-right:13px; margin-left:13px; font-size:9px; }
#vote .buttons a span{ color:#a8a8a8; position:absolute; top:-1px; left:-1px;  font-size:9px;  }
.vote_proc{ background:#feea00; }
.vote-FL{ float:left; padding-top:3px; }

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

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

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

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