@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
html,body{ font: 14px Tahoma, Geneva, sans-serif; color:#999; background:#1E1F23;}
img{ border:none;}
a{ color:#fff;}
a:hover{ text-decoration:underline; color:#ccc;}
ul{ list-style:none;}
h1{ font-size: 30px; font-weight:normal; color:#fff; padding-bottom: 15px;}
h2{ font-weight:normal; color:#ccc; padding-bottom: 10px;}
.font30{ font-size: 32px;}
.font25{ font-size: 25px;}
.font24{ font-size: 24px;}
.font23{ font-size: 23px;}
.font20{ font-size: 20px;}

.index{ min-height:700px; background: url(../images/spicers.jpg) no-repeat center top;}
*html .index{ height:700px;}
.index .contentBlock{ padding-top: 150px;}
.index .box18{ margin: 70px 0 0 50px;}
.about{ min-height:800px; background: url(../images/about.jpg) no-repeat 57% 200px;}
*html .about{ height:800px;}
.about .contentBlock{ padding-left: 38%; width: 55%;}
.contacts .contentBlock{ padding-left: 38%; width: 55%;}
.products .box18{ margin-top: 10px; width: 150px;}
.basket .contentBlock{ padding-left: 38%; width: 60%;}

#main{ width: 90%; padding:0 5%; margin:0 auto; min-width:900px; max-width:1300px;}
*html #main{ width: expression((document.documentElement.clientWidth||document.body.clientWidth)<900?'900px':((document.documentElement.clientWidth||document.body.clientWidth)>1300?'1300px':'90%'));}
.topBlock{ float:left; width: 100%; padding-top: 50px;}
.logo{ float:left; width: 222px; height:88px; background: url(../images/logo.gif) no-repeat; position:relative; z-index:3;}
.topBlock ul{ width: 75%; float:right; padding: 10px 3% 0 0; margin-left: -80px;}
.topBlock li{ float:right; padding-left: 19%; margin-left: -81px; font-size: 16px; color:#fff;}
.topBlock li a{ color:#cccc66; float:left;}
.topBlock li span{ float:left;} 
.basketBox{ float: left; width: 97%; padding-right: 3%; margin-top: -10px; text-align:right; font-size: 12px; line-height:18px;}
.contentBlock{ float:left; width: 100%; padding-top: 20px;}
.box18{ float:left; width: 250px; padding-top:50px; background: url(../images/18.gif) no-repeat;}
.box18 span{ color:#fff;}
.box1{ float:left; width: 40%; padding:0 10% 0 10%;}
.box1 p{ width: 80%; line-height:20px;}
.box2{ float:left; width: 30%; padding:50px 5% 0 25%; font-size: 12px;}
.box2 p{ line-height:18px;}
.box3{ float:left; width: 25%; padding-top: 30px; font-size: 12px;}
.box3 p{ line-height:16px;}
.bottomBlock{ float:left; width: 100%; padding: 50px 0; font-size: 12px;} 
.leftBot{ float:left; width: 35%; height:35px; background: url(../images/capo.gif) no-repeat;}
.centerBot{ float:left; width: 35%; }
.rightBot{ float:right; width: 25%; }

.mainSpicers{ float:left; width: 100%;}
.mainSpicers li{ float:left; width: 33%;}
.mainS1{ display:block; width: 236px; height:300px; margin:0 auto; background: url(../images/mainS1.png) no-repeat; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/mainS1.png', sizingMethod='noscale'); _background:none;}
.mainS2{ display:block; width: 236px; height:300px; margin:0 auto; background: url(../images/mainS2.png) no-repeat; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/mainS2.png', sizingMethod='noscale'); _background:none;}
.mainS3{ display:block; width: 236px; height:300px; margin:0 auto; background: url(../images/mainS3.png) no-repeat; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/mainS3.png', sizingMethod='noscale'); _background:none;}

.textAbout{ float:left; widt: 100%;}
.cardBox{ float:left; width: 100%; height:430px; position:relative;}
.cardText{ font-size: 12px; line-height:18px; text-align:right; position:relative; width: 250px; left:-250px; top: 150px; }
.saleBox{ float:left; width: 80%; padding-bottom: 50px;}
.saleBox p{ padding-bottom: 10px;}
.saleBox table{ width: 100%; border-collapse:collapse; padding:0;}
.saleBox td, .saleBox th{ width: 50%; border-collapse:collapse;}
.saleBox th{ padding:15px 30px; text-align:left; font-size:18px; font-weight:normal; background:#404147;}
.saleBox td{ padding:10px 30px;}
.grey td{ background: #303137;}

.textContacts{ padding-bottom: 10px;}
.borderG{ background: url(../images/bordG.gif) repeat-x left top; height:1px; overflow:hidden; width: 100%; margin: 20px 0;}
.form table{ width:100%;}
.form td{ padding: 3px 10px;}
.form input{ padding: 3px 10px; font:18px Tahoma, Geneva, sans-serif; width: 85%; border:none;}
.form textarea{ border:none; width: 85%; padding: 3px 10px; max-width: 95%; max-height:150px; height:140px; font: 14px Tahoma, Geneva, sans-serif;}
.fieldName{ text-align:right; width: 150px;}
.form input#send{ float:right; margin-right: 15%; position:relative; left: 20px; width: 114px; height:22px; padding: 0; font-size: 14px; background: url(../images/butBg.gif) no-repeat; cursor:pointer; padding-bottom: 1px;}

ul.products{ float:left; width: 95%; padding:0 0 30px 5%;}
ul.products li{ float:left; width: 33%; height: 340px; padding: 50px 0 20px 0;}
ul.products .imgBox{ float:left; width: 100%;}
ul.products .imgBox a{ float:left; margin-right:20px;}

ul.products2{ float:left; width: 95%; padding:0 0 30px 5%;}
ul.products2 li{ float:left; width: 30%; padding: 10px 0 20px 0;}
ul.products2 li2{ float:left; width: 39%; padding: 10px 0 20px 0;}
ul.products2 li3{ float:left; width: 100%; padding: 30px 0 10px 0;}
li3 span{ font-size: 110%; color:#FFF; font-family:Verdana, Geneva, sans-serif;}
ul.products2 .imgBox{ float:left; width: 100%;}
ul.products2 .imgBox a{ float:left; margin-right:20px;}

.titleBox{ float:left; width: 100%; padding: 30px 0 10px 0; color:#fff; font-size: 180%;}

.priceBox{ float:left; width: 100%; color:#fff; font-size: 13px; padding: 15px 0 0 0;}
.priceBox span{ font-size: 18px; background:#4A626D; padding: 2px 10px;}
.priceBox p{ padding: 5px 0; font-size: 90%; color:#999; padding-right: 10%;} 
.priceBox a{ display:block; width: 84px; height:25px; padding: 4px 0 0 23px; background: url(../images/toBasket.gif) no-repeat; font-size:13px; color:#769AAC;}
.priceBox a:hover{ display:block; width: 84px; height:25px; padding: 4px 0 0 23px; background: url(../images/toBasket.gif) no-repeat; font-size:13px; color:#accfe1;}

.priceBox2{ float:left; width: 100%; padding-top: 25px; color:#fff; font-size: 13px; line-height:1.2em;}
.priceBox2 span{ font-size: 18px; background:#4A626D; padding: 2px 10px;}
.priceBox2 p{ padding: 15px 0; font-size: 90%; color:#999; padding-right: 10%;} 
.priceBox2 a{ display:block; width: 84px; height:25px; padding: 4px 0 0 23px; background: url(../images/toBasket.gif) no-repeat; font-size:13px; color:#769AAC;}
.priceBox2 a:hover{ display:block; width: 84px; height:25px; padding: 4px 0 0 23px; background: url(../images/toBasketC.gif) no-repeat; font-size:13px; color:#accfe1;}

table.models td.num{padding-right:30px}
table.modelProperties td{padding:0; font-size:90%; vertical-align:bottom}
table.modelProperties td.title{padding:2.2em 0 0 0; color:#ccc;}
table.modelProperties td.label{padding:1.2em 0 0 0; font-size:90%; line-height:1.2em; background:url('../images/dots.gif') repeat-x right bottom}
table.modelProperties span{background-color:#1e1f23; padding-right:2px;}


.infoBox{ float:left; width: 100%; padding-top: 1px;}
.infoBox span{ font-size: 100%;}


.box4{float:left; width: 30%; padding:0 5%; font-size: 12px; line-height:18px;}
.box4 h2{ color:#fff;}
.box5{float:left; width: 40%; padding-right: 3%; line-height:20px;}
.box5 h2{ color:#fff;}
.box6{float:left; width: 40%; padding:20px 5% 0 10%; font-size: 12px; line-height:18px;}
.box6 h2{ color:#fff;}
.box7{float:left; width: 38%; padding-top:47px; font-size: 12px; line-height:18px;}


.tradeList table{ width: 100%; border-collapse:collapse;}
.tradeList th{ border-collapse:collapse; padding: 10px 0; text-align:left;}
.tradeList td{ border-collapse:collapse; padding: 8px 20px; font-size: 13px;}
.tradeList td input{ width:40px; padding: 2px 5px; border:none; font: 13px Tahoma, Geneva, sans-serif; }

.discountCardBox{ padding: 10px 0; height:32px;}
.discountCardBox span{ float:left; width: 168px; padding: 7px 15px 0 0;}
.discountCardBox input{ float:left; font: 14px Tahoma, Geneva, sans-serif; padding: 7px; width: 50%; border:none;}
.discountCardBox a{ margin-left: 20px; float:left; width: 32px; height:32px; background: url(../images/del.gif) no-repeat;}
.townBox{ padding: 10px 0; height:32px;}
.townBox span{ float:left; width: 168px; padding: 7px 15px 0 0; text-align:right;}
.townBox select{ float:left; font: 14px Tahoma, Geneva, sans-serif; padding: 5px; height:28px; width: 52%; border:none;}
*html .townBox select{ height:32px!important; font-size: 22px;}
.delivBox p{ padding-bottom: 10px;}
.delivBox ul{ padding-left: 10px;}
.delivBox li{ padding-bottom: 7px; font-size:12px;}

.selectedDeliv table{ width: 100%; border-collapse:collapse;}
.selectedDeliv th{ border-collapse:collapse; padding: 10px 0; text-align:left;}
.selectedDeliv td{ border-collapse:collapse; padding: 8px 20px; font-size: 13px;}

.delivForm table{ border-collapse:collapse; width: 100%; }
.delivForm td{ padding: 4px 8px;}
.rightText{ text-align:right; width: 160px;}
.delivForm input{ font: 14px Tahoma, Geneva, sans-serif; padding: 7px; width: 76%; border:none;}
.delivForm textarea{font: 14px Tahoma, Geneva, sans-serif; padding: 7px; width: 76%; border:none; max-width:80%; height:120px; max-height:134px;}
.orderBox input{ margin-left: 15px; width: 114px; height:22px; overflow:hidden; padding: 0 0 2px 0; font:bold 14px Tahoma, Geneva, sans-serif; background: url(../images/butBg.gif) no-repeat; cursor:pointer; border:none;}
.orderBox div{ float:right; padding:2px 10px 0 0;}

.buyBox{ float:left; width: 60%; padding-left: 38%;}
.buyBox p{ line-height:20px;}
.buyBox p span{ color:#fff;}
.magazinesBox{ float:left; width: 100%; padding-top: 30px;}
.magazinesBox h1{ font-size: 18px; color:#fff; background:#2E2F35; padding: 10px 30px; margin-bottom: 3px;}
.magazinesBox table{ width: 100%; border-collapse:collapse;}
.magazinesBox th{ font-size:18px; background: #28292E; padding: 8px 30px; text-align:left; font-weight:normal; border-collapse:collapse;}
.magazinesBox td{ padding: 10px 10px 30px 30px; width: 20%; border-collapse:collapse; vertical-align:top;}
.magazinesBox td li{ padding-bottom: 7px;}
.magazinesBox td li a{ color:#769AAC;}