/***************************************************************************
 * Cascade Style Sheet. Copyright (c) 2010 by dolCom
 * Create Date 04.08.2010 by dolCom
 * ICQ: 386-166-115 E-mail: dolcom20@gmail.com Skype: dolcom2
 ***************************************************************************/

body {margin:0; padding:0; min-width:1000px; font:normal 12px Arial;}
table {border-collapse:collapse; width:100%;}
img {border:0;}
td {vertical-align:top;}
h1 {font-size:18px; font-weight:normal; margin:10px 0; color:#636363;}
h2 {margin:5px 0; font:14px Arial}
h3 {margin:5px 0; font:16px Arial; color:#636363;}
form {padding:0; margin:0;}
label {cursor:pointer;}
a {outline:0; color:#004B97;}
a:hover {text-decoration:none;}

/* Спешл фор файрфокс мазилла */
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]::-moz-focus-inner {border: none;}
input[type="checkbox"]:focus {-moz-outline-offset: -1px !important; -moz-outline: 1px solid #35648d !important;}
/* .Спешл фор файрфокс мазилла */

.contacts {height:162px; width:14%; padding:15px 30px 0 25px; float:right; background:url(/i/contacts.png) right bottom no-repeat; border-left:1px dashed #fff; overflow:hidden;}
.contacts span {display:block; color:#fff; text-align:center; font-size:20px; margin:0 0 3px 0}
.contacts a {display:block; width:121px; height:30px; padding:7px 0 0 0; float:right; margin:47px 28px 0 0; text-align:center; color:#244e6b; font:italic 16px Arial; text-decoration:none;}
.contacts a:hover {color:#a90b43}
.logo {float:left; padding:39px 0 0 12px}

.plaha {padding:0 0 0 18px; width:37%; float:left; margin:0 0 0 30px;}
.plaha > div {padding:0 23px 0 0;}
.plaha > div > div {height:152px; padding:15px 0 10px 0;}
.plaha h2 {color:#fff;}
.plaha table {color:#fff; margin:0 0 0 5px;}
.plaha th,
.plaha td {vertical-align:middle; text-align:left; padding:2px 0 2px 0}
.plaha th {width:30%;}

.input {background:url(/i/input-l.png) left no-repeat; padding:0 0 0 2px}
.input > div {background:url(/i/input-r.png) right no-repeat; padding:0 2px 0 0}
.input > div > div {background:url(/i/input.png) repeat-x; height:20px;}
.input select {border:0; background:transparent; width:100%; height:20px; color:#fff; font:12px Arial}
.input select > option {background:#3e82b5; color:#fff;}
.input select > option:hover {background:#3e82b5;}
.input input {border:0; background:transparent; width:100%; height:18px; color:#fff; font:12px Arial}
.input span {display:block; height:17px; color:#fff; font:12px Arial; text-align:center; text-decoration:none; padding:3px 0 0 0}

.btn {background:url(/i/btn-l.png) left no-repeat; padding:0 0 0 2px}
.btn > div {background:url(/i/btn-r.png) right no-repeat; padding:0 2px 0 0}
.btn > div > div {background:url(/i/btn.png) repeat-x; height:20px;}
.btn input {border:0; background:transparent; width:100%; height:20px; color:#fff; font:11px Arial; cursor:pointer}
.btn a {display:block; height:17px; color:#fff; font:11px Arial; text-align:center; text-decoration:none; padding:3px 0 0 0}

.price {margin:0!important;}
.price td {vertical-align:middle; padding:0 0 0 5px;}

.basket {width:80%; margin:0 auto; padding:0 0 0 0; max-width:200px; font-size:11px; color:#244e6b;}
.basket h2 {color:#fff;}
.basket table {}
.basket td {padding:2px 0 5px 0}


.body {}
.body td {padding:0;}
.body .left {width:230px; background:url(/i/left.png) repeat-y; padding:0 0 30px 0}

.menu > div > div {padding:20px 22px 40px 17px; font:11px Arial}
.menu a {display:block; color:#000}
.menu .opened,
.menu .active {font-weight:bold;}

.lev-2 {padding:2px 0 2px 15px; background:url(/i/menu-item.gif) left no-repeat;}
.lev-3 {padding:2px 0 2px 32px}

.body .right {}
.main-menu {height:58px; background:url(/i/main-menu.jpg) center top repeat-x; padding:1px 0 1px 0; position:relative;}
.main-menu a {display:block; float:left; padding:11px 0 12px 0; font:17px Arial; color:#fff; width:14.2%; text-align:center; text-decoration:none;}

.main-menu .active,
.main-menu a:hover {background:#ededed; color:#636363;}

.content-right {float:right; width:190px;}
.content-right > div {padding:10px 5px}

.baner {display:block; text-align:center; margin:3px 0 3px 0}
.baner img {border:1px solid #ced2d5;}
.baner:hover img {border:1px solid #ff3038;}

.content-left {overflow:auto;}
.content-left > div {padding:20px 10px 20px 20px}

.tizers {overflow:hidden; padding:10px 0}
.tizers div {width:126px; float:left; background-position:6px 6px; background-repeat:no-repeat; margin:0 4% 10px 0; font:11px Arial}
.tizers div a {display:block; padding:117px 0 0 0; background:url(/i/tizer.png) no-repeat; text-decoration:none; color:#000;}
.tizers div a:hover {background:url(/i/tizer-a.png) no-repeat; color:#ff3038;}
.tizers div a span {display:block; text-align:center; height:40px;}
.tizers div a:hover span {}

.text {text-align:justify; padding:10px 0;}


.goods {}
.goods th {text-align:left;}
.goods td {vertical-align:top; text-align:justify;}
.goods > div {overflow:hidden; margin:0 0 30px 0; font-size:11px;}
.goods .good-image {width:150px; background-repeat:no-repeat; background-position:center;}
.goods .good-image a {display:block; height:120px; border:1px solid silver}
.goods .good-image a:hover {border:1px solid grey}
.goods h3 {font:normal 16px Arial; margin:5px 0;}
.goods h3 a {color:#636363; text-decoration:none;}
.goods h3 a:hover {text-decoration:underline;}

.put-in-basket {width:auto!important; text-align:right; border-top:1px dotted #ccc; margin:10px 0 0 0; padding:5px; overflow:hidden; clear:both;}
.put-in-basket div {float:right;}
.put-in-basket table {width:auto}
.put-in-basket div input {font:11px Arial}
.put-in-basket div input[type="text"] {width:25px; height:17px; text-align:center; padding:4px 0 3px 0}
.put-in-basket div input[type="submit"] {height:30px; text-align:center; cursor:pointer}


.price-good {padding:4px 50px 0 0}
.price-good span {color:red; font:16px Arial; line-height:24px}


/* Форма */
.form {margin:50px auto; width:450px}
.form td,
.form th {padding:2px 5px;}

.form th {font-weight:normal; text-align:right;}
.form th span {color:red;}

.textfield {height:15px; line-height:18px;}
.textarea {height:90px; overflow:auto;}
.textfield,
.textarea {width:300px; padding:5px; border:1px solid #d6d6d6; font:12px Georgia;}

.form input[type="submit"] {font:16px Arial; width:100px; height:30px;}

/* faq */
.faq-list {}
.faq-list > div {margin:0 0 40px 0; text-align:justify}
.faq-list > div > div {overflow:hidden; border-bottom:1px dotted #ccc;}
.faq-list > div span {float:right; font:italic 11px Arial; color:#636363;}
.faq-list > div strong {color:#636363; font:normal 16px Arial}

/* корзина */
.basket-goods th,
.basket-goods td {padding:5px 10px; text-align:left; vertical-align:middle}
.basket-goods th {font:normal 16px Arial; border-bottom:1px solid #ccc;}
.basket-goods td {border-bottom:1px dotted #ccc;}
.basket-goods input[type="submit"] {font:16px Arial; height:30px;}


.way {margin:10px 0 10px 0; color:#636363; font-size:16px;}
.way a {color:#636363; font-size:11px;}
.way span {vertical-align:middle}
.way strong {font-size:11px; font-weight:normal}


.pages {text-align:center; font-size:11px;}
.pages a {color:grey; text-decoration:none; color:#636363;}
.pages a:hover {color:#ced2d5;}
.pages .selected {font-size:16px; color:#ced2d5;}


.under {background:url(/i/under.jpg) center repeat-x; height:84px; color:#fff; font-size:11px}
.under > div {padding:30px 0 0 0}
.under a {color:#fff;}
.under p {margin:0 0 0 40%; width:50%;}
.counters {margin:0 0 0 10%; position:absolute}
.counters img {margin:0 5px 0 0;}