/* (c)copyright 2007 club-suzuki.ru */
body {background: white; margin: 0; padding: 0;}
body, td, th {font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #413b3b;}

form {margin: 0; padding: 0;}
.hand {cursor: hand; cursor: pointer;}
input, select, button, textarea {font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #413b3b;}
select {width: 170px;}

a, a:visited {color: #3c3eab; text-decoration:underline;}
a:hover {color: #9d0a0e; text-decoration:none;}

/* Standard HTML elements */

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

h1 {font-size: 18px; color: #3c3eab; font-weight: normal; margin: 5px 0 10px 0;}
h1 span {font-size: 24px; color: #f8dac4; font-weight: normal;}
h2 {color : #3c3eab; font-size : 13px; margin : 0px;}
h2 span {position: absolute; text-decoration: underline; line-height: 17px; font-size: 11px; font-weight: normal; color: #666; cursor: hand; cursor: pointer;}
h3 {font-size: 12px; margin: 3px 0 3px 5px;}
h4 {border: 1px solid #090; padding: 7px 10px; color: #090; background: #e2f6e2; font-size: 11px;}
h5 {border: 1px solid #9d0a0e; padding: 7px 10px; color: #9d0a0e; background: #fae1e2; font-size: 11px;}
h6 {border: 1px solid #3c3eab; padding: 7px 10px; color: #3c3eab; background: #d3d4e7; font-size: 11px;}

p {margin: 0 0 1.6em 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: square;}
ul li {margin: 0.6em 0 0.8em 15px; padding-left: 6px; 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; background: #8a8e8d; color: #8a8e8d;}

/* Top */
#top_menu {height: 32px;}
#top_menu td {background: url('img/t_menu.gif') right top no-repeat; padding: 0 55px 0 10px; white-space: nowrap;}
#top_menu a, #top_menu a:hover, #top_menu a:visited {color: white; font-weight: bold;}
.sobytie {background: url('img/news_v.gif') right 48px #3c3eab no-repeat;}
.sob_duga {background: url('img/news_back.gif') 137px top no-repeat;}
.div_w {background: url('img/u_03.gif') 40px bottom no-repeat; height: 90px;}
.div_w div div {height: 90px; width: 113px; background: white;}
.banner {background: url('img/u_03.gif') right bottom no-repeat;}
.banner img {border: 1px solid #fff; margin-left: 17px;}
.bors {background: url('img/u_01.gif') right 12px no-repeat;}
.bors div {height: 12px; width: 113px; background: white; font-size: 1px;}
.sob_b {background: url('img/u_04.gif') left bottom no-repeat;}
.sob_ba {height: 204px; padding-left: 42px;}
.date div {background: url('img/date.gif') white right top no-repeat; height: 33px; padding: 5px 0 0 7px; font-size: 18px; color: #3c3eab;}
.date p {color: #9597d2; font-size: 10px; line-height: 20px;}
.white, .white a, .white a:hover, .white a:visited {color: white;}
.white p {margin: 0 0 1.2em 0; line-height: 1.2em;}
.zakaz {font-size: 18px; color: #3c3eab; font-weight: normal; margin: 5px 0 10px 0; background: none; border: none; text-decoration: underline; cursor: hand; cursor: pointer;}

#sub_photo td {background: white;}
#sub_photo .others {background: url(img/photo.gif) 18px top white no-repeat;}
#sub_photo .others div {padding: 2px 0 0 48px;}
#sub_photo .photo span {background: #3c3eab; display: block; padding: 10 0;}
#sub_photo .photo span div {height: 120px;}

/* Menu */
#menu td {height: 33px; padding-left: 49px;}
#menu a, #menu a:hover, #menu a:visited {font-weight: bold;}
#menu #submenu {border-top: 1px solid #b3b4de; padding: 0 5px 9px 5px;}
#menu #submenu .sub_m {width: 190px; background: url('img/submenu.gif') #3c3eab no-repeat; padding-top: 9px;}
#menu #submenu .sub_m div {padding: 3px 10px 4px 45px;}
#menu #submenu .last {background: url('img/submenu.gif') right bottom no-repeat; height: 18px; padding: 0;}
#submenu a, #submenu a:hover, #submenu a:visited {font-weight: normal; color: white;}

/* Price */
#price th {padding: 2px 2px 2px 5px; background: #d3efb5; color: #527c9e; height: 30px; font-weight: bold;}
#price td {padding: 2px 2px 2px 5px; border-bottom: 1px solid #e9e9e9; color: black; height: 30px; text-align:center;}

#prices th {padding: 2px 2px 2px 5px; background: #d3efb5; color: #527c9e; height: 30px; font-weight: bold;}
#prices td {padding: 2px 2px 2px 5px; height: 40px;}
#prices input, #prices textarea {width: 300px; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #413b3b; border: 1px solid #999; padding-left: 3px; padding-right: 3px;}
#prices .button {font-weight: bold; cursor: pointer; cursor: hand; height: 20px; font-size: 10px;}

/* Forms */
.hand {cursor: hand; cursor: pointer;}

/* FAQ */
.faq_q {height: 30px; color: #3c3eab; border-top: 2px solid #a8b8d7; background: #e7f0fa; padding: 5px 10px;}
.faq_a {padding: 5px 10px; background: #f7fafd; height: 30px; border-bottom: 1px solid #a8b8d7;}
.faq_q strong {color: #0d2f73;}

/* Copyright */
.copy {border-top: 1px solid #5d5fb9; padding-left: 30px;}
.copy_r {line-height: 28px;}
.copy_r, .copy_r a, .copy_r a:visited, .copy_r a:hover {font-size: 10px; color: #9495d1; text-decoration: none; white-space: nowrap;}

/* Top */
.top {background: url('img/top_fon.jpg') #3c3eab repeat-x;}
.top_01 {background: url('img/top_03.gif') left 203px repeat-x;}
.tops {background: url('img/top.jpg') no-repeat; height: 241px;}
.dinamika {background:  url('img/line.gif') #4a75f0 left 10px repeat-x; height: 23px;} 
.blue {font-weight: bold; color: #3c3eab; cursor: pointer; cursor: hand;}

/*loading-layer*/
#loading-layer {width: 250px; height: 100px; background: #3c3eab; padding: 10px 10px 0 40px;}
#loading-layer div {font-weight: bold; color: white; font-size: 10px;}
#loading-layer a, #loading-layer a:hover, #loading-layer a:visited {color: white;}

/* Other */
.archive_w {background: url(img/archive_w.gif) no-repeat; padding-left: 18px; height: 20px;}
.archive {background: url(img/archive.gif) no-repeat; padding-left: 18px; height: 20px;}
.data {line-height: 32px;}
.data span {display: block; width: 49px; border: 1px solid #d8d8ee; font-size: 18px; color: #3c3eab; text-align: center; float: left; height: 32px; line-height: 32px;}
.top16 {padding: 16px 0 20px 0;}
.bask {background: #4a75f0; padding-left: 11px; color: white; height: 39px;}
.navig {color: #ccc; padding-bottom: 15px; font-size: 10px;}
.navig a, .navig a:hover, .navig a:visited {color: #ccc; font-size: 10px;}
#shops {border-bottom: 1px solid #3c3eab;}
#shops th {color: white; padding: 0 10px; border-bottom: 2px solid white; height: 30px; background: #3c3eab; font-weight: bold;}
#shops .td1_prod td {height: 80px; padding: 10px; background: #ebebeb; border-right: 1px solid white;}
#shops .td2_prod td {height: 80px; padding: 10px; border-right: 1px solid #ebebeb;}
#shops td.none {border-right: none;}

#form td {color: #999; padding: 2px 0;}
#form h1 {margin: 0; padding: 0;}
#form form {margin: 0; padding: 0;}
#form input, #form textarea, #form select {border: 1px solid #ccc; font: normal 12px Arial, Helvetica, sans-serif; color: #898989; padding-left: 3px; padding-right: 3px;}
#form .submit {cursor: hand; cursor: pointer;}

#basket th {color: #3c3eab; font-weight: bold;}
#basket .cena {font-weight: bold; color: #3c3eab; padding: 0 10px;}

.photo div, .photo a, .photo a:hover, .photo a:visited {display: block; width: 368px; height: 276px; text-decoration: none;} 
.photo div div {background: url('img/ramka.gif') no-repeat;}

.photo1 div, .photo1 a, .photo1 a:hover, .photo1 a:visited {display: block; width: 190px; height: 140px; text-decoration: none;} 
.photo1 div div {background: url('img/ramka.gif') no-repeat;}

.prod_im {border: 5px solid #eaeaea; width: 210px; height: 180px;}
.prod_im div {height: 180px;}
.prod_im a, .prod_im a:hover, .prod_im a:visited {display: block; widows: 200px; height: 180px; text-decoration: none; background: url('img/zoom.gif') 100% 100% no-repeat;}
#small_im td {padding: 5px; border: 3px solid #eaeaea; height: 82px;}
#small_im img {width: 80px; height: 70px;}
#prod_op td {padding: 3px 0;}
#prod_op .pr20 {padding-right: 20px; border-top: 1px solid #dcdeda;}
#prod_op .t_bot {border-top: 1px solid #dcdeda;}
#prod_op .small {font-size: 11px; color: #999; text-align: right; padding-right: 10px;}
#prod_op .prods {height: 100px; border: 3px solid #eaeaea;}
#prod_op .prods div {height: 90px; width: 90px;}
#prod_op .prods a, #prod_op .prods a:hover, #prod_op .prods a:visited {height: 90px; width: 90px; display: block; background: url('img/zoom.gif') 100% 100% no-repeat;}
#list a, #list a:hover, #list a:visited {font-size: 18px; font-weight: normal;}
