/*
-----------------------------------------------
Style Sheet
Site:

----------------------------------------------- */

html {border:0 none;margin:0;padding:0}
body {margin:0;padding:0;font-size:100.01%;text-align:center;font-family:Arial, Helvetica, sans-serif}

.layout {position:relative;margin:0 auto;padding:0;text-align:left;width:938px}

/*-- COMMON --------------------- */
p, h1, h2, h3, h4, h5, h6, ul, li, dl, dd, dt, blockquote, pre, form, fieldset, table, th, td {margin:0;padding:0}
h1, h2, h3, h4, h5, h6 {font-weight:normal}

a:link {outline:none; color:#2567BB}
a:hover {color:#2567BB;text-decoration:none}
a:visited {color:#2567BB}
a img {border:medium none}

sup, sub {line-height:1em;}
sup {vertical-align:super}
sub {vertical-align:sub}

hr {color: #ccc;background-color: #ccc;height: 1px;border-width: 0px;}

.left {float:left}
.right {float:right}

a.btn {display:block;float:left;height:19px;background:url(../images/btn.png) no-repeat 100% -19px;padding:0 8px 0 0;text-decoration:none;color:#fff;font-size:11px;}
a.btn span {display:block;float:left;height:19px;line-height:19px;cursor:pointer;background:url(../images/btn.png) no-repeat 0 0;padding:0 0 0 18px}
a.btn:hover {text-decoration:underline}

/*-- HEADER --------------------- */
#header {margin:4px 0 0;background:#ededed url(../images/header_t.png) no-repeat top left;height:209px;position:relative}
#logo {padding:92px 0 0 35px;float:left}
a#logo {text-decoration:none}

#menu {background:url(../images/menu_bg.png) no-repeat bottom left;width:176px;float:right;margin:46px 0 0;height:163px}
#menu ul {list-style-type:none;background:url(../images/menu_bg.png) no-repeat -176px 0;padding:2px 0 0;font-size:12px;text-transform:uppercase;font-weight:bold}
#menu ul li {background:url(../images/menu_bg.png) no-repeat -352px 0;height:24px;line-height:24px;padding:0 0 0 35px}
#menu ul a {color:#fff;text-decoration:none}
#menu ul a:hover {text-decoration:underline}

#header .pic {display:block;float:right;margin:23px 0 0}
.basket {position:absolute;top:9px;left:670px;font-size:12px;color:#fff}
.basket a {color:#fff}
/*-- CONTENT --------------------- */
.center {overflow:hidden;_height:1%;background:url(../images/wrap_bg.gif) repeat-y top center;margin:0 0 38px}
.wrap {float:left;width:100%;}
#content {margin:0 180px 0 195px;font-size:12px}
#navigation {float:left;margin-left:-938px;width:190px;font-size:12px;}
#navigation div.catalog {border-bottom:1px solid #c0c9db;}
#extra {float:left;margin-left:-176px;width:176px}

.title {background:url(../images/title.gif) repeat-x;height:31px;line-height:31px;font-size:14px;font-weight:bold;text-transform:uppercase;color:#fff;padding:0 0 0 12px}
#content .title {background-position:0 0}
#navigation .title, #extra .title {background-position:0 -31px}
#navigation .title {margin:0 0 18px}
#content .title a {color:#fff}

#navigation h3 {font-size:12px;font-weight:normal;margin:0 0 5px;background:url(../images/i_nav.gif) no-repeat 9px 1px;padding:0 0 0 29px}
#navigation a {color:#2567bb;text-decoration:none}
#navigation a:hover {text-decoration:underline}
#navigation ul {list-style-type:none;padding:0 0 0 29px;font-size:12px}
#navigation ul li {margin:0 0 5px;}
#navigation a.active{ color:#000000;}

.contacts {font-size:12px;font-weight:bold;padding:10px 5px;margin:0 4px;border-bottom:1px solid #c0c9db}
.contacts span {font-size:14px;display:block;padding:0 0 0 18px}
.contacts p {margin:0 0 4px}

input.button, .button_out {background:url(../images/btn_send.gif) no-repeat;height:19px;width:28px;border:medium none;font:11px "Myriad Pro";color:#fff;text-align:center;cursor:pointer}
form#login, form#mailer {padding:10px 0 0;margin:0 4px;position:relative}
form#login fieldset, form#mailer fieldset {margin:0;padding:0 5px 10px;border:medium none;border-bottom:1px solid #c0c9db;}
form#login p.legend, form#mailer p.legend {font-size:14px;font-weight:bold;text-transform:uppercase;margin:0 0 9px;padding:0;color:#000;}
form#login p.descr {font-size:12px;}
form#login input, form#mailer input.formail {height:19px;_height:17px;width:115px;_width:115px;border:1px solid #a9b1c1;font:11px Tahoma;color:#1d98d7;text-align:center;display:block;margin:0 0 3px}
form#login a, form#mailer a {font-size:12px;color:#4066b0;text-decoration:none;display:block;margin:6px 0 0;padding:0 0 0 4px}
form#login a:hover, form#mailer a:hover {text-decoration:underline}
form#login button, form#login .button {position:absolute;top:63px;right:12px;height:19px;width:28px;border:medium none;font:11px "Myriad Pro";color:#fff;}
form#login .button_out {height:19px;width:28px;color:#fff;border:medium none;margin:-15px 0 0 120px}
form#login input.tochoose {width: 14px;display:inline;margin:-3px 0 0 5px;border:none}
form#login input.hidden {border:none; display:none;width:0;height:0}
form#login label {font-size:12px;vertical-align:top}
form#login .choose {top: 37px}


form#mailer p {font-size:11px;color:#636363;margin:0 0 5px}
form#mailer p.legend {margin:0 0 5px}
form#mailer input.formail {float:left}
form#mailer .button {background:url(../images/btn_send.gif) no-repeat;height:19px;width:28px;border:medium none;font:11px "Myriad Pro";color:#fff;text-align:center; cursor:pointer;margin:0 0 0 5px;position:absolute;top:93px;right:10px}

dl.looked {padding:10px 5px 0 5px;margin:0 4px 10px 4px;border-bottom:1px solid #c0c9db;font-size:11px}
dl.looked dt {font-size:14px;font-weight:bold;text-transform:uppercase;margin:0 0 2px;padding:0;color:#000;}
dl.looked dd {padding:7px 0}
dl.looked dd a {color:#2567bb;text-decoration:none}
dl.looked dd a:hover {text-decoration:underline}
dl.looked dd.weather {margin-left: -7px}

#rank {list-style-type:none;padding:14px 0 20px 15px}
#rank li {float:left;width:259px;height:160px;margin:0 13px 30px 0;_display:inline;_margin:0 13px 20px 0}
#rank li h2 {font-size:18px;font-weight:normal;color:#000;margin:0 0 6px 15px}
#rank li h2 a {color:#000;text-decoration:underline}
#rank li h2 a:hover {text-decoration:none}
#rank li div {border:1px solid #a9b1c1;background:#fff;height:105px}
#rank li div img {float:left;margin:5px 0 0 12px}
#rank li div p {padding:5px 0 0 123px;font-size:12px}
#rank li div p a {display:block;color:#4066b0;text-decoration:none}
#rank li div p a:hover {text-decoration:underline}
#rank a.btn {margin:6px 2px 0 0;float:right}

.text {margin:0; padding: 10px}
.text p {margin:0 0 10px 0; padding:0;text-align: justify}
.text ul {margin:0; padding: 0 10px 10px 10px}
.text ul li {margin-left: 10px}
.text .attention {color: #E5501F}

.text table td {padding: 1px 2px}

#error, #message{ color:#FFFF00; font:bold 12px Arial, Helvetica, sans-serif;text-align:center;margin:10px 220px 0 0;float:right}
#message{color:#fff;}


/*-- NEWS --------------------- */
.text ul.news_list {list-style-type:none;margin:0;padding:0;}
.news_list li {padding:0;margin:0}
.news_list img, .news_info img {margin:0; padding: 0 5px 0 0}
.news_list a, .news_all a, .sort a, td.catalog_item_name a, .basket_print a {text-decoration:none}
.news_list a:hover, .news_all a:hover, .sort a:hover, td.catalog_item_name a:hover, .basket_print a:hover {text-decoration:underline}
.news_title {display: block; margin:0 0 5px 0; padding:0;}
.news_review_date {margin-top:4px;font-size:11px;text-align:right;}
.section_space {clear:both; margin-bottom:10px;}
.paging {text-align:right;}
.pages a {margin: 0 2px}

.news_info h2 {font-weight:bold;margin:0 0 5px 0;padding:0;font-size:12px;}
.news_info span {display: block;margin:4px 0;font-size:11px;}
.news_all     {clear:both;padding-top:10px;}

/*-- CATALOG --------------------- */
td.catalog_item_name a {font-size: 11px}
table.counttab tbody, table.counttab tbody tr, table.counttab tbody tr td, table.counttab tbody tr td img{padding:0;margin:0}
.sort {text-align:right;}
.to_basket_edit{width:30px;height:14px;font-size:11px;}
.other_button {height:23px;font-size:11px;}
.price_in_detailed {color:red;}
table.characters {padding: 15px 0 5px 0;margin:0}
table.characters th, table.characters td {text-align: center}
table.rating {border:none;margin:0;padding:0}
table.rating td {margin:0;padding:0}
.req {color:#F00;}
h2.prod_name {font-size: 15px}
a.prod_to_bask {font-size: 18px;color:red}



/*-- FOOTER --------------------- */
#footer {background:url(../images/footer_bg.gif) repeat-x top left;height:46px;font-size:11px;color:#feeccb;margin:0 0 9px}
#footer p {text-align:center;padding:16px 0 0}

/*-- FLOAT CLEARING --------------------- */
.clearfix:after {content:".";clear:both;height:0;visibility:hidden;display:block}
.clearfix {display:inline-block}
/* Hides from IE-mac \*/
* html .clearfix {height:1%}
.clearfix {display:block}
/* End hide from IE-mac */