/* (c)copyright 2008—2010 Fhgroup.ru */
body {background: url('img/back_new_year.gif') white no-repeat; margin: 0; padding: 0;}
body, td, th {font: normal 13px Arial, Helvetica, sans-serif; color: #333;}

form {margin: 0; padding: 0;}
.hand {cursor: hand; cursor: pointer;}
input, select, button, textarea {font: normal 13px Arial, Helvetica, sans-serif; color: #707070; border: 1px solid #707070;}
input {padding-left: 3px; padding-right: 3px;}
select {width: 170px;}

a, a:visited {color: #e40303; text-decoration: underline; outline: none;}
a:hover {color: #e40303; text-decoration: none; outline: none;}

/* Standard HTML elements */

img {margin: 0; padding: 0; border-width: 0;}

h1, h2, h3 {color: black; font-weight: normal;}
h1 {font-size: 21px; margin: 10px 0 20px 0; background: url('img/lines.gif') left bottom no-repeat; padding-bottom: 6px;}
h1 span {color: #e40303;}
h2 {font-size: 18px; margin: 5px 0;}
h3 {font-size: 18px; color: #e40303;}
h6 {border: 1px solid #707070; padding: 5px 10px; color: white; background: #707070; font-size: 10px;} 

p {margin: 0 0 1.2em 0; line-height: 1.6em;}
p.before-list {margin-bottom: 0.4em;}
div {line-height: 1.6em;}

ul {margin: 0 0 0.8em 1.2em; padding: 0; list-style: none;}
ul li {margin: 0.6em 0 0.8em 5px; background: url('img/li.gif') left 10px no-repeat; padding-left: 17px; line-height: 1.6em;}

ol {margin: 0 0 1.2em 0; padding: 0;}
ol li {margin: 0.5em 0 0.5em 35px;}

hr {height: 1px; border: none; color: none; border-bottom: 1px dashed #ccc;}

/* Menu */
#menu td {padding: 0 5px; white-space: nowrap; text-align: center;}
#menu a, #menu a:visited {color: white; text-decoration: none; font-weight: bold;}
#menu a:hover {font-weight: bold; text-decoration: underline; color: #fbca0e;}
#menu td.act a, #menu td.act a:hover, #menu td.act a:visited {color: #fbca0e;}
#left_menu {padding: 0; margin: 0;}
#left_menu li {background: url(img/plus.gif) left 7px no-repeat;}
#left_menu li ul {padding: 5px 0; margin: 0;}
#left_menu li ul li {background: url('img/li.gif') left 10px no-repeat; margin: 3px 0; font-size: 11px; color: #999;}
#left_menu a, #left_menu a:hover, #left_menu a:visited {color: #e40303; line-height: 12px;} 
#left_menu li ul li a, #left_menu li ul li a:hover, #left_menu li ul li a:visited {color: #666;}
#left_menu li ul li ul li a, #left_menu li ul li ul li a:hover, #left_menu li ul li ul li a:visited {color: #e40303;}

#cat_menu {padding: 0; margin: 0;}
#cat_menu li {background: none;}
#cat_menu li.first {color: #e40303; font-size: 18px; font-weight: normal; padding-left: 0; margin-left: 0;} 
#cat_menu li ul {padding: 5px 15px; margin: 0;}
#cat_menu li ul li {background: url('img/li.gif') left 10px no-repeat; margin: 3px 0; font-weight: bold; font-size: 13px; color: #333;}
#cat_menu a, #cat_menu a:hover, #cat_menu a:visited {color: #e40303; line-height: 12px;} 
#cat_menu li ul li a, #cat_menu li ul li a:hover, #cat_menu li ul li a:visited {color: #333;}
#cat_menu li ul li ul li a, #cat_menu li ul li ul li a:hover, #cat_menu li ul li ul li a:visited {color: #e40303; font-weight: normal; font-size: 11px;}

/* Other */
#loading-layer td {height: 80px; border: 1px dashed #ccc; text-align:center; font-size: 11px; font-weight: bold; color: #333; background: white;}
.topl {background: url('img/bg_tel.gif') right 15px no-repeat;}
#head_cart {height: 25px; line-height: 24px; color: #E40303;}
#head_cart .bold {display: block; width: 129px; background: url('img/bg_cart.gif') right top no-repeat; margin-right: 15px; float: left; height: 25px;}
#head_cart .numb {color: #0e0e0e;}
#head_cart a, #head_cart a:visited {font-weight: bold; text-decoration: none;}
#head_cart a:hover {font-weight: bold; text-decoration: underline;}
.td_red {height: 22px; background: #e40203;}
.td_red div {height: 22px; font-size: 1px;}
.td_gray {height: 36px;}
.td_gray div {background: #f0f0f0; width: 45px; height: 36px; left: 283px; position: absolute;}
.copy {background: url('img/copy.gif') #e40303 327px top repeat-y;}
.copy td, .copy p, .copy a, .copy a:hover, .copy a:visited {color: white;}
.copy p {font-size: 11px; line-height: 16px;}
.what td {background: url('img/li.gif') left 12px no-repeat; padding: 3px 0 3px 15px;}
.date {color: #999; font-size: 12px; padding-top: 4px;}
.gray {font-size: 18px; color: #666; font-weight: normal;}

/* Search */
#search td {color: #e40303; font-size: 11px; height: 25px;}
#search input, #search select {width: 250px; border: 1px solid #ccc; color: #333; font-size: 11px; padding-left: 3px; padding-right: 3px;}
#search select {padding-left: 0; padding-right: 0;} 
#search .b_ser, #basket .hand, #price .hand {width: 100px; cursor: pointer; cursor: hand; background: #dadada; color: #333; border: 1px solid #999;}
#price .hands {background: #dadada; color: #dadada; border: 1px solid #999;} 

/* Block */
.block1 {background: url('img/bd.gif') repeat-y;}
.helpdiv1 {background: url(img/bg_block1_top.gif) no-repeat; padding: 0px 10px 0 8px;}
.helpdiv2 {background: url(img/bg_block2_btm.gif) bottom no-repeat; padding: 15px 10px 28px 18px;}
.helpdiv2 h2 {background: url(img/bg_block1_h1.jpg) no-repeat bottom left; padding: 0 0 8px 0; color: #e40303;}
.helpdiv2 a, .helpdiv2 a:hover, .helpdiv2 a:visited {color: #717171;}

.navig {background: url(img/home.gif) no-repeat; font-size: 10px; color: #959595; padding-left: 8px;}
.navig a, .navig a:hover, .navig a:visited {font-size: 10px; background: url('img/red.gif') left 5px no-repeat; padding: 0 7px 0 10px;}
.navig span {background: url('img/gray.gif') left 5px no-repeat; padding: 0 7px 0 10px;}

/* Catalog */
.catalog td {padding: 0 0 20px 0;}
.prod {background: white; border: 1px solid #ccc;}
.catalog div.cat {width: 290px; height: 190px; float: left;}
.catalog td.product {padding: 0; height: 134px;}
.catalog td.product td {padding: 0 10px 0 0;}
.catalog td.product div {height: 134px; width: 129px;}
.catalog td.price {background: #ccc; height: 27px; padding: 0 10px; color: white; font-size: 18px; white-space: nowrap;}
.catalog td.price span {font-size: 11px;}
a.small, a.small:hover, a.small:visited {color: #ccc; font-size: 11px;}
.line {background: url('img/line.gif') left bottom repeat-x;}
.p_line, #basket td.p_line {padding: 20px 0; background: url('img/line.gif') repeat-x;}
.full_prod {background: url('img/hr.gif') left bottom repeat-x; padding: 10px 0;}
.photo div {width: 200px; height: 200px;}
.reds {color: #e40303;}

#prod td {padding: 0 5px 20px 5px;}
#prod div {width: 149px;}
#prod div.left {text-align: left;}

/* Bookmark */
.bookmark {list-style: none; height: 24px; margin: 10px 0 20px 0; background: url('img/dot.gif') repeat-x 0 100%;} 
.bookmark li {float: left; height: 24px; margin: 0; padding: 0 5px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; background: #fce5e5 url('img/corner.gif') no-repeat 100% 0;} 
.bookmark li a, .bookmark li a:visited, .bookmark li a:hover {display: block; line-height: 22px; padding: 0 6px; color: #e40303; font-weight: bold; font-size: 10px} 
.bookmark li.select {border-bottom: 1px solid #ccc; background-color: #fff;} 
.bookmark li.select a, .bookmark li.select a:visited {color: black; font-size: 10px;} 
.bookmark li.select a:hover {text-decoration: none;} 
li.nones {background: url('img/f_line.gif') no-repeat; border: none; width: 1px;}
.bor_n {border: none;}
.hands {padding: 1px 0;}

#shops td.prod {padding: 0;}
.shop {height: 150px; width: 150px; border: 5px solid #ccc;}
.descript {height: 120px; padding-top: 10px;}
.red, #basket .red {font-size: 18px; color: #e40303; font-weight: normal;}
.cena {height: 40px; border-top: 1px solid #ccc;}
.cat_all a, .cat_all a:visited, .cat_all a:hover {background: url('img/buy.gif') left 10px no-repeat; padding: 10px 0 10px 30px;}

#basket td {padding: 0 10px 10px 0;}
#basket div {height: 100px; width: 100px; border: 2px solid #ccc;}
#price td {padding: 0 5px; height: 30px;}
#price td.small {font-size: 11px; color: #666;}

.shema {border: 4px solid #ccc; margin-right: 15px;}
.addit {padding-right: 10px;}
.addit div {width: 110px; height: 110px; border: 4px solid #ccc;}
.addits {padding-right: 10px; width: 130px; height: 120px; float: left;}
.addits div {width: 110px; height: 110px; border: 4px solid #ccc;}
#addit td {padding: 1px; border: 4px solid #ccc;}
#addit td.price {padding: 4px 5px; border: none;}
#addit td.price strong {color: #e40203;}
#addit td.price span {color: #333; font-size: 10px;}
#addit td div {width: 110px; height: 110px;}
#addit a, #addit a:hover, #addit a:visited, .addit a, .addit a:hover, .addit a:visited, .addits a, .addits a:hover, .addits a:visited {display: block; width: 110px; height: 110px; text-decoration: none;}

#pric_e th {background: #666; color: white; text-align: left; padding: 0 5px; font-weight: bold; height: 30px;}
#pric_e td {padding: 0 5px; height: 30px;}
#pric_e td.td_1 {background: white;}
#pric_e td.small {font-size: 11px; color: #666;}

#catos td {width:33%; height: 236px;}
#catos img {border: 5px solid #ccc;}
#catos div.linkus {width: 160px; text-align: center; padding-top: 13px;}
#catos a, #catos a:hover, #catos a:visited {font-size: 13px; color: black; line-height: 16px;}

.sort {padding: 3px 20px 7px 10px;}
.uarr {background: url('img/uarr.gif') #ccc right 10px no-repeat;}
.darr {background: url('img/darr.gif') #ccc right 10px no-repeat;}
.small {color: #666; font-size: 12px;}

/* Padding And Margin */
.top {padding: 34px 0 0 16px;}
.pb5 {padding-bottom: 5px;}
.pb10 {padding-bottom: 10px;}
.pt_16 {padding: 0 0 16px 0;}
.pt10 {padding-top: 10px;}
.pt40 {padding: 0 20px 40px 40px;}
.t_20 {padding-top: 20px;}