body,table,td,tr,li,ul,p,span,div, select, input, textarea{color: #000; font-family : Tahoma, Arial, sans-serif; font-size: 11px;}
body{background:url(/xtpl/i/bg.gif) repeat; padding: 5px 10px; margin:0; text-align:center }
#outer{text-align:left; margin: 0 auto; background:url(/xtpl/i/border_l.gif) repeat-y left; width: 100%; }
#inner{ width: 100%; position:relative; background:url(/xtpl/i/border_r.gif) repeat-y right; min-width:960px; width:expression((document.body.clientWidth<=1000)?'961px':'100%');  }

li{ list-style-type : circle; list-style-image : url(/xtpl/i/li.gif); }
ul{ padding: 0px; margin: 0px; }
A{ color: #307DD5; text-decoration : underline; }
form { margin-top: 0px; margin-bottom: 0px}
table{ border-collapse: collapse; border:0px }
table td{ padding:0 }
input {padding: 1px 3px 2px}
input.btn{  border: 1px solid #ccc; background: #efefef url(/xtpl/i/btn_bg.gif) repeat-x left top; width: 150px; height: 26px; padding: 0 10px 3px }

#container {margin: 0 38px; _width: 100%; $width: 100%; }

/* top */
#logo{   margin-bottom: 6px; text-align: center; }


/* siteHeader */
#top{margin-top: 15px; clear:both; width: 100% }
.banners a img { margin-right: 3px }
.banners object { margin-right: 3px }
.banners{ white-space:nowrap; padding-right: 7px }


/* quick search */
#search {  width: 100%;  }
#search table{ width: 100%; }
#search .forma{  width: 100%  }
#search .header{ height: 15px;  background: url(/xtpl/i/search.gif) no-repeat center top;   }
#search .header b{ display:none;  }
#send { border-right: 1px solid #307DD5;   }
#send a{ display:block; position: relative; margin-right: -17px; width: 37px ; height: 32px; background: url(/xtpl/i/send.gif) no-repeat right;}
#send b{ display:none; }

.selectqsearch{ background: url(/xtpl/i/search_l.gif) no-repeat left; padding-left: 15px; margin-bottom: 5px;   }
.selectqsearch select{ display:none;  }
#qsearch{ position: relative; background: url(/xtpl/i/search_arr.gif) no-repeat right; padding-right:20px; height: 30px; }
#qsearch a#qst1, #qsearch a#qst2, #qsearch a#qst3 { display:block; height: 13px; _height: 20px; overflow:hidden; font-style: normal; padding-top: 8px }
#qsearch a.inactive{ color: #999!important; }
.qs_submenu{ text-align: left; background: #fff;  position:absolute ; left:0; top: 30px;  z-index: 10; list-style-type: none; list-style-image: none; border: solid #B8E1FF; border-width: 0 1px 1px 1px; width:90%; _width: 99%; }

.qs_submenu li.selected { background-color: #efefef; }
.qs_submenu li { font-size: 11px; display: block; margin: 0; cursor: pointer; list-style-type: none; list-style-image: none; position: relative; _height: 0}
.qs_submenu li a{ display:block; color:#000; padding: 3px 10px 2px; text-decoration: none; width:99%; }

.inputqsearch{ background: url(/xtpl/i/search_l.gif) no-repeat left; padding-left: 13px; }
.inputqsearch #qsearch{ background: url(/xtpl/i/search_r.gif) no-repeat right; padding-right:13px;}
.inputqsearch input{ border: 0; width: 100%; font-size: 11px; color: #5F5F5F; margin-top: 7px; padding: 0 }

/* Main Border */
.corners { width: 100%; float:left; clear: both }
.corners div { width: 40px; height: 40px; font-size: 0;  }
#tp{ background:url(/xtpl/i/border_t.gif) repeat-x top; }
#bt{ background:url(/xtpl/i/border_b.gif) repeat-x bottom; margin-top: -20px }
#tp .left{ background: url(/xtpl/i/border_tl.gif) no-repeat; float:left}
#tp .right{ background: url(/xtpl/i/border_tr.gif) no-repeat; float:right}
#bt .left{ background: url(/xtpl/i/border_bl.gif) no-repeat; float:left}
#bt .right{ background: url(/xtpl/i/border_br.gif) no-repeat; float:right }

/* headers */
#content .header{ background: url(/xtpl/i/lines.gif) repeat-x center; color: #003399; text-align: right; height: 12px; margin-bottom: 20px}
#content .header b{ background: #fff ; padding-left: 10px; white-space:nowrap; font-size: 14px; font-family: Arial, Helvetica, sans-serif; text-transform:uppercase;}
#content .header a{  text-decoration: none;  color: #003399; margin-left:100px; }
#content .header a:hover{ text-decoration: underline }

.title b, #col1 .title b, #col4 .title b{ font-weight: normal; display:block; background: #307DD5; color:#fff ; text-align: center; padding: 0 10px 2px 10px;  }
.title a, #col1 .title a, #col4 .title a{ display:block; color: #fff; text-decoration: none; }


.txt h4, .txt h4 span { font-size: 11px; color: #307DD5; margin: 0 0 7px 0; padding: 0 }
.txt{ font-size: 10px }

.price, .price2{ font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #003399; font-weight: bold; white-space:nowrap;  }
.price span, .price2 span{ font-weight: normal; color: #003399; font-family: Arial, Helvetica, sans-serif; margin-left: 3px }
.price small{ font-family:  Arial, Helvetica, sans-serif; font-size: 12px; position: relative; top: -6px }
.label{ background: red; color: #fff; padding: 0px 6px 2px; font-size: 10px;   text-align: center; white-space:nowrap;   }
#actions .label{ display: inline }
#light{background: #307DD5;   }
#dark{background: #003399;   }

/* buttons */
.basket a, .print a, .hideImg a, .showImg a, .del a, .comp a, .errreport a{ display:block; color: #003399; text-decoration: none; height: 24px; line-height: 9px; font-size: 10px; text-align: left}
.basket small, .print small, .hideImg small, .showImg small, .del small, .comp small, .errreport small{   font-size:  10px ; margin-left: 33px; display:block;padding-top: 2px }
.basket a{ background: url(/xtpl/i/basket.gif) no-repeat left;  width: 85px;  }
.print a{ background: url(/xtpl/i/print.gif) no-repeat left; line-height: 20px}
.comp a{ background: url(/xtpl/i/compare.gif) no-repeat left; width: 85px; }
.del a{ background: url(/xtpl/i/del.gif) no-repeat left;  line-height: 20px; width: 85px}
.hideImg a{ background: url(/xtpl/i/hide.gif) no-repeat left;  width: 150px;  }
.showImg a{ background: url(/xtpl/i/show.gif) no-repeat left;  width: 150px;  }



#basket .title b{ background: #003399 }
#basket{ margin-bottom: 20px;  }
#basket ul{margin: 5px 0 }
#basket li{ list-style-type: none;  list-style-image: none;  color:#5F5F5F; text-align: right; padding-bottom: 5px; margin-bottom: 3px;   }
#basket b{ font-weight: normal }
#basket span{ width: 90px; display:block; float:left ; text-align: left;  }
#basket div{ text-align: right; }
#basket a{ color: #003399;   }

#pathway { _height: 0; margin-bottom: 8px }
#pathway ul{  overflow:hidden;  _width: 100%}
#pathway li{ float:left; margin-left: -12px; list-style-type: none;  list-style-image: none;  }
#pathway a{ background: url(/xtpl/i/arr2.gif) no-repeat left 5px; padding: 0 5px 0 12px; display:block; margin-right: 12px}
#pathway div { float:right; }
#pathway div  a{  color: #003399; background: none; padding-right: 15px }




/* sub menu */

#sm ul{ margin: 20px 15px }
#sm li{  list-style-type: none;  list-style-image: none; background: url(/xtpl/i/arr_grey.gif) no-repeat left top; padding-left: 15px; margin-bottom: 5px}
#sm li a{  text-decoration: none; color: #000 }
#sm a:hover{ text-decoration: underline }


#news dl{ color: #5f5f5f }
#news dd a{ display:block;  margin-bottom: -5px}
#news dt{ color: #939393; font-size: 10px;  background: url(/xtpl/i/arr_bl.gif) no-repeat left; padding-left: 15px}
#news dd{ margin: 5px 0 25px }
#news .ico{ float:right; border: 4px solid #efefef; margin: 0 0 5px 5px }
#news .ico img{ border: 4px solid #fff }
#news small{  font-size: 10px; margin-top: -10px; display:block; overflow: hidden; width: 100%}
#news small a{ display:block; float:left; color: #335C8E; margin: 0 0 5px -10px; white-space:nowrap; border-left: 1px solid #335C8E; padding: 0 20px 0 10px;  }
#news small br{ display:none;  }


#actions dd a{ display:block; color: #335C8E; font-family: Arial, Helvetica, sans-serif; line-height: 130%; font-size: 12px}
#actions .label{ margin-left: 8px; }
#actions dt{ color: #939393; font-size: 10px;  }
#actions dd{ margin: 5px 0 25px }
#actions small, #offers .small{  background: url(/xtpl/i/arr_all.gif) no-repeat left; display:block; font-size: 10px; padding: 0 0 3px 18px; margin-top: -10px; margin-bottom: 20px}

#offers .item{ background: url(/xtpl/i/pp.gif) repeat-x bottom; margin-bottom: 20px; padding-bottom: 15px;  }
#offers p{ margin: 0 }
#offers .buy{ clear:both; position:relative; width: 100%  }
#offers .basket{ position:absolute; left: 0; top:0;  }
#offers .price{ margin-left: 110px}
#offers .ico{ float:left; width: 85px; position:relative; margin-bottom: 10px; }
*html #offers .ico{ margin-bottom: 0; }
#offers .txt{ margin: 0 0 10px 110px}
#offers  .label{ position:absolute; left:0; bottom: 0px }
#col1 #offers .label, #col4 #offers .label{ left:100px; top: 0px; height: 11px; width: 70px; }
#col1 #offers .txt h4, #col4 #offers .txt h4{ padding-top: 20px}
#col1 #offers .txt, #col4 #offers .txt{ margin: 0 0 10px 100px}
#col1 #offers .price, #col4 #offers .price{ margin-left: 100px}


#shops{clear:both;  }
#shops .content{ color: #003399;   padding: 10px}
#shops b{ color: #003399;  }
#shops ul{ margin: 10px 0 10px 0; }
#shops li{  margin-bottom: 5px; color: #939393; padding-left: 25px; list-style-type: none;  list-style-image: none; background: url(/xtpl/i/bullet.gif) no-repeat left top; }
#shops li a{ color: #003399; text-decoration: none }
#shops li a:hover{  text-decoration: underline }
#shops small{ font-size: 11px; display:block;  line-height: 11px; margin-top: 3px}


/* offer of month */
.ads{ text-align: center  }
#offer{ border: 1px solid #ddd; width: 170px;  text-align: left; margin: 20px auto 0}
#offer p{ margin: 0;  }
#offer .ico{ text-align: center; margin-top: 15px; height: auto; width: 100%; overflow: hidden }
#offer .content{ background: url(/xtpl/i/offer_bg.jpg) no-repeat bottom right; min-height: 160px; padding:  0 20px }
*html #offer .content { height: 160px }
#offer h4 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 12px; margin:  15px 0 10px; color: #307DD5;  padding: 0;  }
#offer h4 span {font-family: Arial, Helvetica, sans-serif; font-size: 20px; line-height: 20px; display:block; margin-top: 3px; color: #307DD5; font-weight: bold ;  }
#offer a{ text-decoration: none }
#offer .label{ font-size: 11px; padding: 0px 15px 2px;  }
#offer .price{ margin: 8px 0 5px }
#offer .basket{ margin-bottom: 20px;  }
#offer .basket a{ background: url(/xtpl/i/basket0.gif) no-repeat left; height: 26px }

/* help menu */
#help div{ color: #5F5F5F; }
#help li {  color:#5F5F5F; list-style-type: none;  list-style-image: none;   }
#help .phone li{ display:block; font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #307DD5; font-weight: bold }
#help .phone li span{ font-weight: normal; font-size: 14px; color: #307DD5; font-family: Arial, Helvetica, sans-serif;  display:block; float:left ; margin: 3px 3px 0 0}
#help ul{ margin: 5px 0 }

#auth{  margin: 20px 0;  }
#auth .forma{  padding: 20px 15px;  background: #efefef;  }
#auth input{ width: 95px; border: 1px solid #ccc ; margin: 0 0 3px 8px}
#auth .forma a{ background: url(/xtpl/i/ok.gif) no-repeat; width: 30px; height: 30px; display:block; position:relative; top: -35px;  float:right;  right: -27px;  }
#auth .forma a b{ display:none;  }
#auth small{  font-size: 10px;  display:block; overflow: hidden; width: 100%; margin-top: 10px}
#auth small a{ display:block; float:left; color: #335C8E; white-space:nowrap; border-left: 1px solid #335C8E; padding: 0 20px 0 10px; margin: 0 0 5px -10px}
#auth small br{  display:none;  }
*html #col1 .forma a{ right: 5px;  }
#auth ul{ margin: 5px 0}
#auth li{ list-style-type: none;  list-style-image: none;  }
#auth p{ margin: 0; padding: 10px 0 5px }



/* bottom */
#bottom { background: url(/xtpl/i/lines_gr.gif) repeat-x top;  clear: both; height: auto;  }  /// height:120px discarded, html fixed
#bottom .outer{ width: 100%; float: left; margin-top: 20px; }
#bottom .content{ float:left; width: 100%;  text-align: center ; }
#bottom .content p{ margin-left: 200px; margin-right: 200px }
#copyright{ float:left; width: 200px; margin-left: -100%; }
#counts{  float: left; width: 200px; margin-left: -200px; text-align: right;  }
#counts img{ margin: 0 0 5px 5px }
#counts p{ padding-left: 10px }
#copyright p{ font-size: 10px; color: #5f5f5f;  padding-right: 10px}
#bottom p{ margin: 8px 0 }


/* info box */
.box { border:5px solid #efefef ; position:relative;  }
.box #tl{ background: url(/xtpl/i/brd_tl.gif) no-repeat; left:-5px; top: -5px}
.box #tr{ background: url(/xtpl/i/brd_tr.gif) no-repeat; right: -5px; top: -5px; _right: -6px; }
.box #br{ background: url(/xtpl/i/brd_br.gif) no-repeat; right: -5px; bottom:-5px; _right: -6px; }
.box #bl{ background: url(/xtpl/i/brd_bl.gif) no-repeat; left:-5px; bottom:-5px }
.box1 { border:5px solid #bae1fe ; position:relative; }
.box1 #tl{ background: url(/xtpl/i/brd1_tl.gif) no-repeat; left:-5px; top: -5px}
.box1 #tr{ background: url(/xtpl/i/brd1_tr.gif) no-repeat;  right: -5px; top: -5px; _right: -6px; }
.box1 #br{ background: url(/xtpl/i/brd1_br.gif) no-repeat; right: -5px; bottom:-5px; _right: -6px; }
.box1 #bl{ background: url(/xtpl/i/brd1_bl.gif) no-repeat; left:-5px; bottom:-5px }
.uho{width: 100%; position:relative; }
.uho div { width: 17px; height: 17px; font-size: 0; position:absolute;  }
#col1 .box, #col1 .box1 { margin-bottom: 20px }

/* poll */
#poll td{ font-size: 11px; padding-bottom: 5px;  }
#poll input{ margin-right: 10px }
#poll p{ margin: 0 0 10px; padding: 0 0 10px; background: url(/xtpl/i/pp.gif) repeat-x bottom; color: #335C8E }
#poll table{ margin-bottom: 5px;   }
#poll .send{ background: url(/xtpl/i/pp.gif) repeat-x top; padding-top: 10px}
#poll .send .btn { height: 22px; cursor: hand }
#poll small{  font-size: 10px;  display:block; overflow: hidden; width: 100%; margin-top: 10px}
#poll small a{ display:block; float:left; color: #335C8E; white-space:nowrap; border-left: 1px solid #335C8E; padding: 0 20px 0 10px; margin: 0 0 5px -10px}
#poll small br{  display:none;  }
#poll li { list-style-type: none;  list-style-image: none; color: #939393;   }
#poll li div{  margin-top: 10px; color: #000 }
#poll li img{ height: 10;  margin-left: 5px }





#towns .select{ background: url(/xtpl/i/search_l.gif) no-repeat left; padding-left: 15px; margin-bottom: 5px;  }

#towns h4 { color: #003399; font-size: 12px;  margin: 0; white-space:nowrap; }
#towns h4 span{ font-family: Arial, Helvetica, sans-serif; color: #003399; font-size: 16px; text-transform: uppercase }

#opciones1 { position:relative;   }
#opciones2 { position:relative;    }
#opciones3 { position:relative;  z-index: 21;  }
.select{ position: relative; $width: 100%; }
* html div.select{ position: static }
#search .forma{ position: relative;  }

/* only Opera */
html:first-child div.autocomplete ul{ margin-left: 15px; margin-right: 0 }
html:first-child input.combo{ padding-right: 0}
html:first-child #search .input input{ padding-right: 0}

.bc_info {padding-left: 15px;}
.bc_info .bc_ico img {float: left; margin: 0px 15px 15px 0; }
.tabcontentstyle * { font-size:13px; }

.shadetabs li a.hasconsumables, .shadetabs li a.hasconsumables:hover
 { color: #f44; }
.shadetabs li.selected a.hasconsumables,.shadetabs li.selected a.hasconsumables:hover
 { color: #f00; }
.hasconsumables {}

#catalog td.tdprice2 { padding-top:28px; }
.clist_shops { text-align:center; padding-bottom:10px; }
.clist_shops a.hov { display:block; text-decoration:none; margin-left:24px; }
.clist_shops .cat_ul {
  display:none; position:absolute; z-index:1000; background-color: white; border: 1px solid #307DD5;
  padding:5px 10px 5px 30px; margin-top: 3px; text-align:left; }
.clist_shops .cat_ul a:hover { color:#039; }

.price.dsc { color: #939393; font-size:16px; text-align:left; }
.price.dsc span { color: #939393; font-size: 9px; }
.price.dsc small { position:static; top:0px; font-size:11px; }

#err_report { display:none; clear:both }