#container{min-width:780px; max-width:960px; 
width:expression(((document.body.clientWidth)<=800)?'780':((document.body.clientWidth)>960)?'960px':'100%'); background: url(/xtpl/i/bg_in_right.gif) no-repeat 100% 0;}
body{ background: #f9f8f2 url(/xtpl/i/bg_in.gif) repeat-x 0 0;   }


.left{ float:left; width: 25%;  }
.right{ float:right; width: 70%;   }
#content .left { padding: 25px 0 30px; }
#content .right{ padding-bottom: 30px;  }
#bottom .left, #bottom .right{ border-top: 1px solid #ddd; padding: 20px 0 30px }


#top{  width: 100%; float: left; position: relative;  }
#top .left{ position: relative; }

#logo{ padding-top: 37px; }
#logo a{ display:block; background: #842e39; height: 115px; text-align: center   }
#logo h2{ display:none;  }

#slogan{ height: 50px; width: 100%;  background: url(/xtpl/i/slogan.gif) no-repeat 50% 0; position: absolute; top:170px; left:0; border-bottom: 1px solid #ccc; }
#slogan h5{ display:none;  }
#content .left { padding-top: 80px; }

.brd{ font-size: 0; height: 3px; background-color: #c70065; width: 50%; top: -1px; position: relative; margin-bottom: 10px  }

#title{ height: 55px;  border-bottom: 1px solid #d1d1d1}
#title a, #title h2{  color:#c70065;   }
#title h2{ padding: 0; margin: 0; line-height: 55px }
#title h2{ background: url(/xtpl/i/arr_red.gif) no-repeat left center; }
#title a, #title h2{ color:#c70065;   }

#header{ position: relative; }
#header a, #title a{ text-decoration: none; }
#header a:hover, #title a:hover{ text-decoration: underline }
#header h1, #title h2{ padding-left: 25px; font-family : Arial, sans-serif; font-size: 18px; text-transform: uppercase; font-weight: normal; }
#header h1{ background: url(/xtpl/i/arr_gray.gif) no-repeat 0 6px; padding: 0 25px 10px; margin-top: 0; border-bottom: 1px solid #ccc }
#header a, #header h1{  color: #777;  }


.ico{ float:left; margin: 0 20px 20px 0 ; clear:left; border: 1px solid #ddd; padding: 5px; text-align: center}
#news .ico, #faq .ico{ width: 100px; _width: 110px;  }
.catalog { border:0; padding: 0 }
.ico small{ display:block; font-size: 10px; margin-top: 5px; text-align: center; background: url(/xtpl/i/pp.gif) repeat-x 0 0; padding-top: 3px }


/* service menu */
#sm{ float:right; width: 15%;  position: relative; left: -125% }
#sm li a i{ display:none;  }
#sm li{ margin-left: 5px; margin-top: 10px; float:left }
#sm li a{ display:block; width: 15px; height: 15px;  }
#sm .home{ background: url(/xtpl/i/ico_home.gif) no-repeat; }
#sm .mail{ background: url(/xtpl/i/ico_mail.gif) no-repeat; }
#sm .map{ background: url(/xtpl/i/ico_map.gif) no-repeat; }


/* left blocks */
.block{ border-left: 3px solid #ddd; padding-left: 30px }
#relative{ padding-top: 20px ; padding-bottom: 20px}
#relative b{ font-size: 12px; color: #c70065; display:block; margin-bottom: 10px}
#relative li a{ color: #c70065 }
#relative li{list-style-image: url(/xtpl/i/arr_sm.gif); margin-bottom: 5px }

#search{ padding-top: 20px ; padding-bottom: 20px; line-height: 20px }
#search input{ border: 1px solid #ddd; color: #777; padding: 3px 7px; margin-right: 3px; height: 22px; font-size: 10px; width: 80% }
html:first-child #search input{ height: 25px }
#search p{ padding: 0; margin: 0 }
#search img{ vertical-align: bottom }
#search span{ color: #777; font-size: 14px }
#search b{ color: #c70065; }

.search dd{ margin-bottom: 10px; background: url(/xtpl/i/pp.gif) repeat-x bottom; padding: 0 0 20px 25px;  margin-left: 0 ;    }
.search dd a, .search dd b{ color: #c70065; font-size: 12px }
.search dd p, .search dl{ margin: 0; padding: 0 }
.search small a{ font-size: 11px; color: #000; font-weight: normal}
.search dt{ display:none;  }


/* left menu */
#menu li{ border-bottom: 1px solid #ddd; }
#menu{ margin-left: 30px;  margin-bottom: 30px }
#menu li, #menu li a{ color: #000; text-decoration: none }
#menu li a { display:block; border-left: 3px solid #ccc;  padding: 7px 0 7px 30px; position: relative; left: -30px }
#menu li a:hover{ border-left: 3px solid #842e39; background: url(/xtpl/i/menu_arr.gif) no-repeat 0 50%;  _background-position: 3px 50%; color: #842e39 }
#menu .selected{ border-left: 3px solid #842e39;  }







#news dd{ margin-bottom: 10px; background: url(/xtpl/i/pp.gif) repeat-x bottom; padding: 0 0 20px 25px;  margin-left: 0 ; display: table; _height: 0; zoom: 1;   }
#news dd a, #news dd b{ font-size: 12px;  color: #c70065;  }
#news dd p{ margin: 0; padding: 0 140px 0 0 }
#news small a{ font-size: 10px; color: #000; font-weight: normal; text-decoration: underline }
#news dt{ font-size: 10px; padding-left: 25px;  }
#news .ico { margin: 0 20px 5px 20px; _margin-bottom: 0; float:right;   }
#news .ico small {  background: url(/xtpl/i/pp.gif) repeat-x 0 0;  padding-right: 0 }
#news dl{ margin: 0; padding: 0}

#slider{ padding: 0 25px ;  }
#slider a{ display:block; color: #777; font-size: 10px; }
.prev{ float:left; background: url(/xtpl/i/arr.gif) no-repeat 0 5px; padding-left: 12px}
.next{ float: right; background: url(/xtpl/i/arr.gif) no-repeat 100% 5px; padding-right: 12px; }





#faq .item{ margin-bottom: 10px; padding-bottom: 10px; background: url(/xtpl/i/pp.gif) repeat-x bottom;  float:left; width: 100%}
#faq blockquote{  border-left: 3px solid #ddd; padding: 0 140px 0 20px ; margin: 0 0 10px 0;  color: #666}
#faq p{ padding: 0 140px 0 0 ; margin: 0 0 10px 0;  color: #c70065;  font-weight: bold; font-size: 12px}
#faq p small{ font-weight: normal }
#faq small, #faq small a{ font-size: 10px; color: #999; }
#faq .ico { margin: 0 20px 5px 20px; _margin-bottom: 0; float:right;  }
#faq .ico small {  background: url(/xtpl/i/pp.gif) repeat-x 0 0;  padding-right: 0 }



#map ul ul{ padding: 10px 25px 0 0 }
#map ul ul{ padding: 15px 25px 5px 0 }
#map li{ margin-bottom: 10px; background: url(/xtpl/i/arr_red.gif) no-repeat 0 5px;  
padding-left: 25px; font-family : Arial, sans-serif; font-size: 18px; text-transform: uppercase; }
#map li li{ margin-bottom: 5px; background: url(/xtpl/i/arr_sm.gif) no-repeat 0 4px;  padding-left: 13px; font-size: 11px;  text-transform: none;
}
#map li li li{ margin-bottom: 0; background: url(/xtpl/i/arr_grey.gif) no-repeat 0 0;  }
#map li a {  color: #777;  text-decoration: none }
#map li a:hover{ text-decoration: underline }
#map li li a{  color: #c70065;text-decoration: underline }
#map li li li a{ color: #777 }





/* forma */

.forma table{  width: 470px;    }
.forma td{  width: 50%; padding-bottom: 10px; vertical-align: top }
.forma .inp input{ width: 300px; border: 1px solid #ddd; height: 25px; padding: 4px 9px }
.forma label{ display:block; border-bottom: 1px solid #ccc; margin-bottom: 10px; color:#777  }
.forma .check label{ display:inline; border: 0; color: #777 }
.forma .check input{ margin-right: 5px }
.forma .area div{ width: 300px; height: 224px; overflow: hidden;  border: 1px solid #ddd; }
.forma textarea{ width: 320px; height: 230px; margin: -3px 0 0 -3px; padding: 5px 10px }
.forma .send img{ margin-right: 10px }

html:first-child .forma .inp input{ height: 32px }
html:first-child .forma textarea{ height: 240px; width: 322px }






/* msg */
#msg{ padding-right: 25px; font-size: 12px }
#msg p, #msg ul, #msg ol, #msg li{ font-size: 12px; }
#msg ul{ margin: 10px 20px;   }
#msg li{ list-style-image: url(/xtpl/i/arr_grey.gif);  margin-bottom: 5px; margin-left: 15px}
#msg ul{ _height: 0;}
#msg h1, #msg h2, #msg h3, #msg h4, #msg h5, #msg h6{ color: #842e39; padding: 5px 0; margin: 0 }


#msg h1{ font-size: 20px; text-transform: uppercase; font-weight: normal;  }
#msg h2{ font-size: 16px; text-transform: uppercase; }
#msg h3{ font-size: 14px;  text-transform: uppercase; }
#msg h4{ font-size: 14px; }
#msg h5{ font-size: 12px; }
#msg h6{ font-size: 10px;}


/* tabs */
.trigger img, .expanded img{ border:0; margin-right: 10px }
.trigger, .trigger:hover, .expanded, .expanded:hover{ cursor: pointer; }		
.expanded, .trigger{ clear:both; font-size: 11px; padding: 5px 0; color: #c70065; text-decoration: underline}
.expanded{ background: url(/xtpl/i/pp.gif) repeat-x top; padding-top: 10px; margin-top: 10px; color: #c70065 }
.show{ display: block;  }
.hide{ display: none; }
.more{ background: url(/xtpl/i/pp.gif) repeat-x top; padding-top: 5px; margin-top: 7px}

#actions .trigger{ color: #777  }
#actions .trigger img, #actions .expanded img{ display:none;  }
#actions{background: url(/xtpl/i/pp.gif) repeat-x top;  padding-top: 10px; margin-top: 20px;  }
#feed{ background: url(/xtpl/i/msg_dbl.gif) no-repeat 0 4px; padding-left: 30px}
#ask{ background: url(/xtpl/i/msg.gif) no-repeat 0 100%; padding-left: 30px}

#actions .expanded{ font-weight: bold; font-size: 12px }

#actions #news, #actions .forma{ margin-top: 10px; border-top: 1px solid #c70065; padding-top: 15px}
#actions #news dt{ color: #777; }
#actions #news dt, #actions #news dd{ padding-left: 30px;  }
#actions #news dd p{ padding-right: 25px }

#print a{ color: #777 }
#print a:hover{ color: #c70065 }
#print { background: url(/xtpl/i/print.gif) no-repeat; float: right; padding-left: 23px; font-size: 10px; margin-bottom: -10px; margin-right: 25px }

#actions #slider a{  font-weight: normal; text-decoration: underline; }
#actions #slider a:hover{ color: #c70065 }

/* shops */
#shops b{ display:block;  }
#shops .expanded{ border-top: 1px solid #c70065; background: none; }
#shops .expanded, #shops .trigger{ font-weight: bold;  font-size: 12px; text-decoration: none; margin-top: 20px }
#shops .more{ margin-top: 10px; border-top: 1px solid #c70065; background: none}
#shops p{background: url(/xtpl/i/pp.gif) repeat-x bottom; padding: 5px 25px 10px 0; margin: 0 }