div.clear{clear: both; height: 0; line-height: 0; font-size: 0}
* {margin: 0; padding: 0} img {border: 0}
h1{font-size: 36px; color: white; line-height: 48px; height: 50px; background: #434446; font-weight: normal; font-family: Verdana; padding-left: 32px; position: relative}
h2{float: right; overflow: hidden; font-size: 20px; font-weight: bold; color: white; background: url(../images/h2-back.png) repeat-x center top; line-height: 40px; height:50px; padding: 0 15px}
h3{font-size: 20px; font-weight: normal; color: white; font-family: Verdana; margin-bottom: 5px}
h4{font-size: 30px; color: white; line-height: 48px; height: 50px; color: #6a6a6a; font-weight: normal; font-family: Verdana; padding-left: 32px; position: relative; margin-top: 20px; padding-bottom: 15px}
h5,h5 a{color: #fff; font-size: 24px; font-weight: normal; text-decoration: none}
	a {color: #bbbbbb; font-family: Arial; font-size: 12px; }
.zakaz h6 { font-size: 30px; color: white; margin-left: 32px; margin-bottom: 15px; margin-top: 30px}
	.zakaz h6.top {margin-top: 70px;}
html{font-family: Arial;font-size: 14px; color: #7c7c7c;}
	body{background: #191919 url(../images/gradient-main.png) repeat-x center top}
		.main-div{width: 1000px; margin: auto; background: #000;overflow: hidden; height: 900px}
			.header{overflow: hidden; padding-top: 12px}
			
					.header .contacts {color: #999999; font-size: 13px; text-align: center} 
					.header .contacts p.phone {font-size: 33px; margin-top: 5px}
					.header .contacts p.icq{font-size: 20px}
						.header .contacts b{color: #a3ef00}			
			
				ul.menu-top{float: left;overflow: hidden; margin-top: 55px;padding: 15px 0 15px 25px}
				ul.menu-top li {float: left; list-style: none; font-size: 18px; margin-right: 30px}
					ul.menu-top li a {color: #c6c4c4; text-decoration: none; font-size: 18px}
						ul.menu-top li span,ul.menu-top li i {float: left}
						ul.menu-top li a:hover {color: white}
						ul.menu-top li i {background: url(../images/basket.png) no-repeat center center; width: 24px; height: 18px;  text-align: center; margin-left: 3px; font-size: 14px; line-height: 18px; margin-top: 1px; color: white; font-family: Arial; font-style: normal}
						ul.menu-top li.active a,ul.menu-top li span {color: #fff}			
				.logo{background: url(../images/logo.png) no-repeat 0 0; width: 263px; height: 91px; float: right; margin-right: 50px}

			.slider{background: url(../images/slider-back.png) repeat-x center 8px; padding-top: 12px; position: relative;margin: 0 25px;padding-bottom: 20px}	
				.slider .blick {position: absolute; left: 0; top: 0;width: 24px; height: 17px; overflow: hidden; background: url(../images/blick.png) no-repeat 0 0; }
				.slider .slide-content {margin: 0px 25px 25px 0px; overflow: hidden; display: none}
					.slider .slide-content p{ clear: both; text-align: center}
				.slider.hide {background: none}
					.slider.hide * {display: none;}
				.slider.show .slide-content {display: block}
			
			.page-content{margin: 0 25px; overflow: hidden;}
				.page-content.hide {display: none}
				.promo {/*border-color: white; border-style: solid; border-width: 1px 1px 2px 1px*/ }
			  .menu-main{overflow: hidden; margin-top: 25px}
					.menu-main ul {margin-right: -50px; overflow: hidden; margin-bottom: 40px}
					.menu-main li{float: left; list-style: none; margin-right: 16px; height: 215px; width: 230px; border-bottom: 1px solid #2c2c2c}
					.menu-main li h3,.menu-main li a.more {margin-left: 17px}
					.menu-main li a.more {text-decoration: none}
						.menu-main li a:hover {color: white}
						
				.previews{}
					.previews ul{overflow: hidden; margin: 0 0 0 30px}
						.previews ul li{position: relative; float: left; width: 218px; height: 300px; list-style: none; text-align: center}
							.previews ul li img{ margin-top: 35px; margin-bottom: 2px;}
							.previews ul li .info{ text-align: center; height: 50px; border-top: 2px solid #2d2d2d}
								.previews ul li .info a{font-size: 18px; color: #959393; font-family: Verdana; text-decoration: none; padding-top: 5px; display: block}
								.previews ul li:hover .info,.previews ul li.hover .info {background: url(../images/a-hover.png) repeat-x center top; border-top: 0; padding-top: 2px}
									.previews ul li:hover .info a,.previews ul li.hover .info a {color: white;}
							.cat-cont .previews ul li{width: 291px !important;}
									.previews ul li small {font-size: 11px; display: block; margin-top: 2px}
					.bread {position: absolute; left: 32px; bottom: -40px; font-size: 12px; color: #c9c9c9}
						.bread a {color: #a0e900; text-decoration: none}
							.bread a:hover {color: white}
					.pages {position: absolute; right: 32px; bottom: -40px; font-size: 12px; color: #a0e900}
						.pages a {color: #c9c9c9; text-decoration: none}
							.pages a:hover {color: white}
					.pages2 {position: absolute; right: 32px; bottom: -685px; font-size: 12px; color: #a0e900}
						.pages2 a {color: #c9c9c9; text-decoration: none}
							.pages2 a:hover {color: white}
					.korzina {overflow: hidden}

					.korzina .scroller {width: 660px;float: left}
					.korzina h4 {border-bottom: 1px solid #2c2c2c}
					.korzina ul{ margin-left: 50px; margin-bottom: -80px}
						.korzina ul li{position: relative;height: 185px; padding-bottom: 55px; border-bottom: 1px solid #2c2c2c ; list-style: none; margin-bottom: 40px;}
							.korzina ul li div.price{position: absolute; bottom: 65px; left: 0; background: url(../images/price.png) left 0 ; height: 42px; line-height: 42px;padding: 0 0 0 10px; color: #5f5f5f; font-size: 25px; font-weight: bold}
								.korzina ul li div.price span {display: block; background: url(../images/price.png) no-repeat right 0; padding-right: 10px}
								.korzina ul li div.count {font-weight: Verdana; color: white; font-size: 18px; margin-right: 10px; position: absolute; top: 70px}
									.korzina ul li div.count select {margin-left: 10px; width: 50px}
							.korzina ul li h5{ margin-bottom: 10px}
								.korzina ul li a.delete {position: absolute; left: -64px; top: 0; background: url(../images/delete.png) no-repeat 0 0; width: 38px; height: 31px; text-indent: -9999px}
							.korzina ul img {float: right}
							.korzina .swWindow {width: 720px; height: 540px; float: left;}
					.korzina .result {margin-left: 730px; width: 204px;margin-top: -35px; position: relative ;height: 595px}
						.korzina .result .res-price-block {background: url(../images/res-price.png) no-repeat 0 0; height: 195px; text-align: center; color: white}
							.korzina .result .res-price-block h6{font-size: 18px;height: 34px; line-height: 34px}
							.korzina .result .res-price-block .res-price{font-size: 52px;padding-top: 40px; display: block; line-height: 30px; font-weight: bold}
							.korzina .result .res-price-block .res-price small{display: block; font-size: 18px; margin-top: 5px; font-weight: normal}
							.korzina .buy{position: absolute; bottom: 0; left: 30px; background: #47484a url(../images/buy.png) left 0 ; height: 40px;padding: 0; border: 0; width: 134px; cursor: pointer}
							 .to-basket{background: #47484a url(../images/to-basket.png) left 0 ; height: 40px;padding: 0; border: 0; width: 134px; cursor: pointer}
					
				
			.footer{background: url(../images/footer.png) no-repeat center top; width: 950px; height: 103px;margin: auto; margin-bottom: 25px; padding: 10px 25px; position: relative}
				.footer .contacts {float: right; margin-top: 10px; width: 290px ;margin-right: 130px; }
					.footer .contacts {color: #999999; font-size: 13px; text-align: center} 
					.footer .contacts p.phone {font-size: 23px; margin-top: 5px}
					.footer .contacts p.icq{font-size: 20px}
						.footer .contacts b{color: #a3ef00}
				.footer	a.f-logo {width: 100px; height: 100px; position: absolute; right: 25px; top: 13px;position: absolute;}
				.footer .search{background: url(../images/lypa.png) no-repeat left center; padding-left: 30px; height: 28px; margin-top: 9px}
					.footer .search .i-text{margin-top: 3px;height: 21px;padding: 3px 10px 0 10px; border: 0; width:125px; color: white; font-size: 16px; font-family: Arial; background: #333333; float: left }
					.footer .search .i-sub{background: url(../images/i-sub.png) no-repeat 0 0; width: 22px; height: 28px; border: 0; float: left; cursor: pointer}

					
				ul.menu-footer{float: left;overflow: hidden;padding: 25px 0 15px 30px;}
				ul.menu-footer li {float: left; list-style: none; font-size: 14px; margin-right: 25px; font-family: Verdana}
					ul.menu-footer li a {color: #c6c4c4; text-decoration: none;}
						ul.menu-footer li a:hover {color: white}
						ul.menu-footer li.active a,ul.menu-top li span {color: #fff}			
			.noScrollBar .swTrack {display: none}
			.swWindow { position: relative; overflow: hidden; height: 625px; margin-top: 35px; margin-bottom: 20px;}
			.swArrowUp,.swArrowDown { display: none}
			.swTrack { position: absolute; top: 0px; right: 15px; width: 2px;; height: 100%; background: #2a2a2a; }
			.swSlider { position: absolute; top: 0; right: 0; width: 2px; background: #a0e900; }
			.swContent { position: relative; top: 0px; padding: 0 15px 13px;} /* padding bottom should always be at least 13px */
			.tovar{position: relative}
				.tovar .sale {position: absolute; right: 0; top: 65px; color: #aeaeae; font-size: 18px; font-family: Verdana}
					.tovar .sale b {color: #9cf707}
			.tovar .swWindow {float: left; width: 150px; margin-top: 40px; height: 650px; /*675px;*/ /*margin-bottom: 25px*/}
			.tovar .swWindow ul {margin: 20px 0 ;border-left: 2px solid #2a2a2a; margin-left: 10px;}
				.tovar .swWindow li {list-style: none; margin-left: 15px; padding-left:15px;margin-left: -2px}
				.tovar .swWindow li.active {border-left: 2px solid #9cf707}
				.tovar .swWindow li {width: 100px; height: 100px; margin-bottom: 60px; }
					.tovar .swWindow li img {border: 2px solid #232323}
				.tovar .swWindow .swTrack {left: 15px; height: 100%;}
			.tovar .big-img {margin-top: 50px; float: left}
			.tovar .tovar-info {float: right;width: 200px; margin-top: 80px; padding-top: 60px}
			.tovar .tovar-info .color {margin: 25px 0 35px; overflow: hidden; zoom: 1}
				.tovar .tovar-info .color span {float: left; margin-right: 10px; line-height: 24px; font-size: 16px; color: white}
				.tovar .tovar-info .color i {width: 20px; height: 20px; float: left; margin-right: 5px;margin-bottom: 5px; border: 2px solid #47484a}
				.tovar .tovar-info .color i.orange {background: #f78307}
				.tovar .tovar-info .color i.active {border-color: #9cf707}
				.tovar-info div.price{ background: url(../images/price.png); float: left ;height: 42px; line-height: 42px;padding: 0 0 0 10px; color: #5f5f5f; font-size: 25px; font-weight: bold; margin-bottom: 30px}
					.tovar-info div.price span {display: block; background: url(../images/price.png) no-repeat right 0; padding-right: 10px}

				.tovar .tovar-info p {color: #939393; font-size: 18px; font-family: Verdana}
	.zakaz {margin-bottom: 20px}
	.zakaz.dop label {width: 60px}
	.zakaz.dop .i-text {width: 110px}
	.radio-line {padding: 4px 32px; color: white; font-size: 14px}
	.radio-line b {font-size: 16px}
	.radio-line input {float: left;position: relative;top: 2px}
		.radio-line div  {margin-left: 20px}
	.line {padding: 4px 32px; overflow: hidden; background: black; overflow: hidden; margin: 2px 0}
	.line select {background: black; color: white; height: 26px; width: 120px}
	.line.gr {background: #0e0e0e; }
		.left-col {float: left; overflow: hidden}
		.right-col {float: right; width: 380px; overflow: hidden}
		.right-col label {width: 100px !important}
		.right-col .i-text {width: 203px;}
			.line label {width: 138px; padding-left: 32px; float: left; line-height: 28px; font-size: 18px; color: white}
			.line label.req{background: url(../images/req.png) no-repeat 5px center} 
	.i-text {background: black; width: 178px; height: 22px; padding: 4px 5px 0; border: 2px solid #7b7b7b; float: left; color: white !important}
	.line .short {}
		.line .short label{width: 100px;}
		.line .short .i-text{width: 28px}
	.line textarea {background: black; width: 478px; height: 92px; padding: 4px 5px 0; border: 2px solid #7b7b7b; float: left;  color: white !important}
		.line span {float: left; color: white; font-size: 18px; width: 220px; margin-right: 20px; padding: 30px 0}
		.line.sub {margin-top: 20px; padding-right: 15px; line-height: 35px}
		.line.sub span{width: auto; padding: 0}
		
			.line.sub .i-sub {background: url(../images/oformit.png) no-repeat 0 0; width: 176px; height: 39px; float: right; border: 0}
			.all {height: 2000px}
.cal {position: relative; top: 3px; left: 5px; margin-right: 10px}
.zakaz-table {width: 96%; color: white;font-size: 16px; margin-left: 25px; margin-bottom: 5px}
.zakaz-table th {text-align: left; }
.zakaz-table th,.zakaz-table td {padding: 3px 5px; vertical-align: top}
	.zakaz-table .col1 {width: 513px;text-align: left}
	.zakaz-table .col2 {width: 190px;text-align: right}
	.zakaz-table .col3 {width: 70px;text-align: center}
	.zakaz-table .col4 {width: 145px;text-align: center}
	
	.table-scroll {overflow: hidden; margin-bottom: 5px; margin-left: 0}
	.table-scroll .swWindow {width: 100% !important; margin-top: 0; height: 80px;}
		.table-scroll .swContent {padding: 0}
		.zakaz.dop h6 {margin-top: 40px}
		.zakaz.dop .line.sub {margin-top: 0px}
		
		.text .swWindow{width: 98%; padding-right: 2%; height: 670px}
