@import "reset.css";

/* tools */
.clear {clear:both; display:block; overflow:hidden; width:100%; height:1px;}
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

.overflow { overflow:auto; }

/* general styles */

.noline a { text-decoration:none }
.noline a:hover { text-decoration:underline }

a { text-decoration:underline; color:#08c; }
a:hover { color:#f00; }
input, textarea, select { font:12px Tahoma, Arial, Helvetica, sans-serif; }

/* layout */
html { font-size:100.1%; min-width:1000px; }
html, body { margin:0; padding:0; width:100%; height:100%; }
body { min-height:100%; height:auto !important; height:100%; position:relative; font:13px/1.5 Tahoma, Arial, Helvetica, sans-serif; color:#252525; }
#footer { width:100%; position:absolute; bottom:0; }

.contentWrapper { position:relative; width:900px; margin:0 auto; }

#contentwrapper { padding-bottom:120px; }
#header { height:110px; background:url('../images/bg.png') repeat-x; }
#footer { height:96px; background:url('../images/bg.png') 0 -110px repeat-x;  }

/* logo */
#header .logo, #header .logo span, #header .logo a { position:absolute; left:0; top:0; display:block; width:186px; height:55px;}
	#header .logo { left:0; top:26px; }
	#header .logo a { padding-top:5px; height:50px; }
	#header .logo, #header .logo a { color:#7c7c7c; font-size:20px; text-decoration:none; line-height:20px; color:#fff; }
	#header .logo span { background:url('../images/logo.png') }
	#header .logo a span { cursor:pointer; }

#header a:hover, #subheader a:hover, #footer a:hover { text-decoration:none; }

#header .brandz { font:14px 'Myriad Pro', Arial, Helvetica, sans-serif; position:absolute; left:134px; top:22px; }	
	#header .brandz li { display:inline-block; }
	#header .brandz a { display:inline-block; color:#999; padding:0 7px; line-height:17px; text-decoration: none; }
	#header .brandz a:hover { color: #ffffff; }
	#header .brandz li.active { color:#ff1a1a; background:#fff url('../images/brandz.png') no-repeat; }
	#header .brandz li.active a { color:#ff1a1a; text-decoration:none; height:19px;  background:url('../images/brandz.png') 100% -19px no-repeat; }
	
#header .navigation { position:absolute; right:0; top:55px; height:40px; width:624px; overflow:hidden; }
	#header .navigation li { display:inline-block; text-align:center; vertical-align:top; margin-right:10px; }
	#header .navigation a { display:inline-block; color:#fff; height:40px; padding:0 10px; text-decoration:none; }
	#header .navigation a:hover { color:#ff7f7f; }

	#header .navigation .active { font-weight:bold; background:url('../images/navigation.png') no-repeat; }
	#header .navigation .active a { background:url('../images/navigation.png') 100% -40px no-repeat; }
	#header .navigation .active a:hover { color:#fff; }
	
	#header .navigation .wrapp { display:inline-block; vertical-align:middle; text-decoration:underline; cursor:pointer; }
	#header .navigation .active .wrapp,
	#header .navigation a:hover .wrapp { text-decoration:none; }
	#header .navigation .active .wrapp { line-height: 14px; }
	#header .navigation .helper { display:inline-block; vertical-align:middle; height:100%; width:0px; }
	
#header .basket { position:absolute; right:0; top:6px; background:url('../images/basket.png') no-repeat; font-weight:bold; color:#fff; text-align:center; line-height:31px; }
#header .basket span { height:35px; display:block; background:url('../images/basket.png') 100% -35px no-repeat; padding:0 30px; float:left; cursor:pointer; }

#footer { font-size:11px; color:#a1a1a1; padding-top:44px; height:52px; text-align:center; }
	#footer .copy { position:absolute; left:0; top:-1px; }
	#footer .navigation { position:relative; top:-1px; float: right; margin-right: 110px; width: 620px; }
	#footer .navigation li { display:inline; padding-right:15px; }
	#footer .navigation a { color:#dddddd; }
	#footer .create { width:102px; height:37px; display:block; position:absolute; right:0; top:-14px; background:url('../images/logo-footer.png'); text-indent: -10000px; }
	
#subheader { background:#dadada url('../images/subheader.png') repeat-x; min-height:314px; border-bottom:1px solid #ccc; padding:28px 0; }
	#subheader .sidebar { width:311px; float:left; }
	#subheader .content { margin-left:360px; }
	
	#subheader .content .h2 { font-size:25px; line-height:1.2; padding-bottom:20px; padding-right:0; }
	#subheader .content .info { padding:20px 10px 0; }
	#subheader .content p { padding-right:40px; }
	#subheader .content p, #subheader .content h1, #subheader .content h2 { margin-bottom: 10px; }
	
	#subheader .actionBox { display:block; height:254px; width:234px; padding:29px 39px; font-size:14px; line-height:17px; color:#fff; }
	#subheader .actionBox a { color:#c0eaff; }
	#subheader .actionBox .h1, #subheader .actionBox h1, #subheader .actionBox h2 { font-size:40px; line-height:40px; padding-bottom:19px; }
	#subheader .actionBox p { margin-bottom: 15px; }
	#subheader .actionBox .gift { font-size:14px; line-height:17px; padding-left:59px; padding-bottom:30px; background:url('../images/action.png') 0 1px no-repeat; padding-top:9px; }
	#subheader .actionBox .offers { padding-top:24px; font-size:24px; }
	
#content { padding-top:35px; padding-bottom:20px; }
	#content .sidebar { width:210px; float:left; }
	#content .main { float: right; width: 630px; }
	
	#content .title, #content h1 { font-size:26px; padding-bottom:24px; line-height:30px; margin-top:-3px; }
	
.sidebar div.news { padding-left:10px; }	
	dl.news { line-height:1.3; }
		dl.news dt { color:#888888; font-weight:bold; padding-bottom:10px; }
		.sidebar dl.news dt { font-size:12px; }
		dl.news dd { padding-left:10px; padding-bottom:25px; }
		.sidebar dl.news dd { font-size:11px; }
		
		dl.news .news { padding-bottom:10px; font-weight:bold; }

	p.all { text-align:right; }
	.sidebar p.all { font-size:11px; }

.sidebar .searchbox { display: block; width: 200px; height: 26px; margin-bottom: 25px; }
	.sidebar .searchbox .query {
		width: 129px; height: 20px; border: 0px; background: url(../images/search.gif) 0px 0px no-repeat;
		line-height: 26px; padding: 3px; float: left; margin-right: 4px;
	}
	.sidebar .searchbox .submit {
		display: block; width: 61px; height: 26px; background: url(../images/search.gif) -139px 0px no-repeat;
		border: 0px; float: left; cursor: pointer;
	}
	.sidebar .searchbox .submit:hover { background-position: -139px -26px; }

.navigationBox { padding-bottom:50px; }
	.navigationBox li { padding-bottom:10px; line-height:15px; }
	.navigationBox a { display:block; padding-left:30px; background:url('../images/bullet.gif') 16px 5px no-repeat; padding-right:20px; }
	.navigationBox li.active a.lev1 { background:#ff1a1a url('../images/bullet.gif') -480px 9px no-repeat; color:#fff; text-decoration:none; padding:4px 0; padding-left:30px; }
	.navigationBox li.active li a { background:none; color:#252525; }
	.navigationBox li.active li a:hover { text-decoration:none; }
	.navigationBox .lev2 { font-size:11px; padding-top:5px; margin-bottom:-8px; }
	.navigationBox .lev2 li { line-height:13px; padding-bottom:14px; }
	.navigationBox .lev2 a { padding-left:40px; }
	.navigationBox .lev2 strong { display:block; /*padding-left:40px;*/ }
		
/* goodsList */
	.goodsList li.goodsli { background:url('../images/goods-line.png') repeat-x; position:relative; min-height:130px; padding:20px 0; padding-left:160px; }
	.goodsList li.first { background:none; padding-top:19px; }
	.goodsList .photo { position:absolute; left:0; top:20px; border:1px solid #252525; }
	.goodsList .toshop { width:128px; text-align:center; height:27px; background:url('../images/toshop.png') no-repeat; display:block; font-size:11px; font-weight:bold; color:#fff!important; line-height:26px; text-decoration:none; }
	.goodsList .toshop:hover { background-position:0 -27px; }
	.goodsList .goods { position:relative; padding-right:150px; font-size:17px; padding-bottom:22px; }
	.goodsList .goods .toshop { position:absolute; right:0; top:0; }
	
.sectionPhoto {}

.box  { position:relative; background-color:#fff; border:1px solid #dadada; margin-bottom:23px; }
.box .corner { font-size:0; line-height:0; background:url('../images/corners.png') no-repeat; display:block; height:5px; width:5px; overflow:hidden; position:absolute; }
	.box .lt  {top:-1px; left:-1px}
	.box .rt {top:-1px; right:-1px; background-position:100% 0!important}
	.box .lb  {bottom:-1px; left:-1px; background-position:0 100%!important}
	.box .rb {bottom:-1px; right:-1px; background-position:100% 100%!important}

.toBasket { font-size:14px; padding-top:22px; }
.toBasket a { background:url('../images/arrow.png') 0 4px no-repeat; padding-left:16px; }
.toAllGoods { font-size:14px; padding-bottom:22px; }
.toAllGoods a { background:url('../images/arrow.png') -491px 4px no-repeat; padding-left:16px; }


.infoBlock { padding-bottom:25px; }

.tableT1 td, .tableT1 th { border:1px solid #d9d9d9; padding:5px 19px; }
.tableT1 td { padding:15px 19px; vertical-align:top; }
.tableT1 td.even { background:#fafafa; }
.tableT1 th { line-height:14px; background:url('../images/th.png') repeat-x; }
.tableT1 .righttd { border-right:0; }
.tableT1 .lefttd { border-left:0; }
.tableT1 .toptd { border-top:0; }
.tableT1 .bottd { border-bottom:0; }
.tableT1 .order { vertical-align:middle; width:102px; }
.tableT1 .quantity { width:110px; }

.tableT1 td.quantity { color:#898989; }
.tableT1 .name { width:71px; }
.tableT1 .price { width:58px; vertical-align:middle; text-align:center; }
.tableT1 .basket { width:102px; }
.tableT1 td.price, .tableT1 td.price2, .tableT1 td.price3 { font-weight:bold; color:#bf0000; text-align:center; }

.tableT1 p { padding-bottom:6px; }
.tableT1 .descr { min-height:36px; }
.tableT1 .descr a { color:#252525; }
.tableT1 a:hover { color:#ff1a1a; }
.tableT1 .details { font-size:11px; left:20px; color:#898989; }

.tableT1 .details p { padding-bottom:4px; }

.tableT1 .val { color:#08c; }

.tableT1 .input { background:url('../images/quantity.png') 0 50% no-repeat; display:inline-block; width:40px; padding:0 5px; }
.tableT1 .input input { background:none; border:0; text-align:center; width:100%; padding:3px 0; }

.tableT1 .input2 { background:url('../images/quantity2.png') 0 50% no-repeat; display:inline-block; width:44px; padding:0 5px 0 1px; text-align:left; position:relative; }
.tableT1 .input2 input { background:none; border:0; text-align:center; width:23px; padding:3px; color:#898989; }
.tableT1 .input2 .up, .tableT1 .input2 .down { display:block; position:absolute; left:30px; width:20px; height:9px; cursor:pointer; overflow:hidden; }
.tableT1 .input2 .up { top:1px; } .tableT1 .input2 .down { bottom:1px; }

.tableT1 .basketAdd { width:102px; height:36px; padding-top:5px; display:inline-block; background:url('../images/basketadd.png') no-repeat; text-align:center; text-decoration:none; color:#fff; line-height:15px; margin-top:2px; }
.tableT1 .basketAdd:hover { color:#fff; background-position:0 -41px; }

.textBox p { padding-bottom:25px; }
.textBox h2 { font-size:20px; line-height:25px; padding-bottom:18px; }
.textBox h3 { font-size:16px; line-height:25px; padding-bottom:18px; }
/*.textBox img { border:1px solid #707070; }*/
.textBox small { font-size:11px; color:#707070; }
.textBox ol { padding-left:20px; padding-bottom:25px; margin-left:30px; }
.textBox ul { padding-left:15px; padding-bottom:25px; margin-left:30px; }
.textBox ul li { list-style: disc inside none; }

.linksBox { background:#f0f0f0; border-bottom:1px solid #cbcbcb; font-size:12px; line-height:15px; padding:8px 10px; margin-bottom:32px; position:relative; }
.linksBox a, .linksBox span { margin-right:5px; display:inline-block; height:27px; line-height:26px; text-decoration:none; vertical-align:middle; }
.linksBox .wrapp { padding:0 8px; text-decoration:underline; cursor:pointer; margin:0; }
.linksBox .wrapp:hover { text-decoration:underline; }
.linksBox a.active { background:#ccc url('../images/links-active.png') no-repeat; height:24px; line-height:23px; position:relative; top:1px; }
.linksBox a.active .wrapp { text-decoration:none; color:#252525; height:24px; line-height:23px; background:url('../images/links-active.png') 100% -24px no-repeat; vertical-align:top; }
.linksBox .goToShop { color:#fff; font-weight:bold; text-decoration:none; background:url('../images/gotoshop.png') no-repeat; margin:0; width:128px; display:inline-block; height:27px; line-height:26px; text-align:center; position:absolute; right:10px; top:9px; }
.linksBox .goToShop:hover { color:#fff; background-position:0 -27px; }

.orderBox { background:#e8f4f9; }

.registration { padding:20px 27px; }
.orderSumm { padding:19px; }

.bigbutton { background:url('../images/bigbutton.png') no-repeat; width:222px; height:32px; display:inline-block; line-height:31px; text-align:center; color:#fff; text-decoration:none; cursor:pointer; border:0; }
.bigbutton:hover { background-position:0 -32px; color:#fff; }
.bigbuttonOn, .bigbuttonOn:hover { color:#252525; background-position:0 -64px; }

.orderSumm  table { color:#898989; }
.orderSumm .summ { text-align:right; }
.orderSumm .summ strong { color:#bf0000; padding-left:8px; padding-right:1px; display:inline-block; min-width:68px; }
.orderSumm .quant strong { padding-left:6px; color:#252525; display:inline-block; min-width:18px; }

.registration p { padding-bottom:5px; }
.registration td.col1 { width:301px; }

.registration .submit { text-align:center; padding-top:19px; }

.registration .input { background:url('../images/inputs.png') 0 50% no-repeat; width:260px; padding:0 5px; display:inline-block; }
.registration .input input { padding:9px 0; background:none; border:0; width:100%; }
.registration .input:hover { background-position:-270px 50%; }
.registration .textarea { background:url('../images/inputs.png') -540px 50% no-repeat; display:inline-block; width:560px; height:100px; padding:10px 5px; }
.registration .textarea:hover { background-position:-1110px 50%; }
.registration .textarea textarea { width:100%; height:100%; border:0; background:none; }

@-moz-document url-prefix() { input.bigbutton::-moz-focus-inner{padding:0;border:0;} }

/* Выравнивание картинки по левому и правому краям */
.atleft { float:left; margin:0 10px 5px 0; }
.atright { float: right; margin:0 0 5px 10px; }

.lefttd a, .lefttd p { text-decoration: none; display: block; text-align: center; }
.lefttd a span { text-decoration: underline; margin-bottom: 10px; display: block; clear: both; float: none; }
.lefttd p img { margin: 5px auto; }

.pagination { text-align:center; padding:10px 0; }
.pagination a { padding:1px 6px; border:1px solid #ffffff; text-decoration:none; position:relative; color:#0088cc; background-color:#ffffff; margin:0 2px; }
.pagination a:hover { background-color:#0088cc; color:#fff; border:1px solid #0088cc;  }
.pagination span { padding:1px 6px; border:1px solid #ffffff; text-decoration:none; position:relative; color:#c2c2c2; background-color:#fff; cursor:default; margin:0 2px; }
.pagination span.active { color:#fff; border:1px solid #ff1a1a; background-color:#ff1a1a; }

.roar-body { position: absolute; font: 12px/14px "Lucida Grande", Arial, Helvetica, Verdana, sans-serif; color: #fff; text-align: left; z-index: 999; } 
.roar { position: absolute; width: 300px; cursor: pointer; } 
.roar-bg { position: absolute; z-index: 1000; width: 100%; height: 100%; left: 0; top: 0; background-color: #000; -moz-border-radius: 10px; -webkit-border-radius: 5px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); } 
.roar-body-ugly .roar { background-color: #333; } 
.roar-body-ugly .roar-bg { display: none; } .roar h3 { position: relative; padding: 15px 10px 0; margin: 0; border: 0; font-size: 13px; color: #fff; z-index: 1002; } 
.roar p { position: relative; padding: 10px 10px 15px; margin: 0; font-size: 12px; color: #fff; z-index: 1002; }
.roar h3 { font-weight: bold; }

.gorder { width: 100%; font-size: 13px; border: 1px #ccc dashed; }
.gorder td { border-right: 1px #CCCCCC dashed; border-bottom: 1px #CCCCCC dashed; width: 50%; padding: 10px; }
.gorder span { font-size: 11px; color: #777; }
.gorder i { color: darkred; }
.gorder .p2 input, .gorder .p2 textarea { border: 1px #999 solid; width: 289px; cursor: text; font-family: Tahoma, sans-serif; font-size: 12px; padding: 3px; }
.gorder .p2 input:focus { outline: 1px #FFFFAA solid;  }

.error { color: darkred; }

/* content-block */
.content-block-main { position: relative; margin-top: 40px; border: 1px solid #D7D7D7; background: #ECECEC; padding: 18px 27px 18px 27px; } 
.corner-content{ position: absolute; z-index: 255; font-size: 0; line-height: 0; height: 9px; width: 9px; }
.one-content{ top: -1px; left: -1px; background: url(../images/corner-bl.gif) no-repeat 0 0; }
.two-content{ top: -1px; right: -1px; background: url(../images/corner-bl.gif) no-repeat -9px 0; }
.three-content{ bottom: -1px; right: -1px; background: url(../images/corner-bl.gif) no-repeat -9px -9px; }
.four-content{ bottom: -1px; left: -1px; background: url(../images/corner-bl.gif) no-repeat 0 -9px; }
.content-block{ font-size: 11px; }
.img-content{ float: left; /* width: 218px; */ margin: 0 15px 15px 0; }
.info-content{ /*margin-left: 220px;*/ }
.content-block h3{ font-size: 13px; padding: 0; padding-bottom: 15px; }
.content-block h3 a: link, .content-block h3 a: visited{ color: #464646; }
.content-block h3 a: hover{ color: #707070; }
.content-block p { padding-bottom: 15px; }

/**************************************************************

	MultiBox
	v1.3

**************************************************************/

.MultiBoxContainer { position: absolute; border: 20px solid #000; background-color: #FFF; display: none; z-index: 2; text-align: left; /*overflow: hidden;*/ }
.MultiBoxLoading { background: url(../images/loader.gif) no-repeat center; } 
.MultiBoxContent { position: relative;  width: 100%; height: 100%; overflow: hidden; }
.MultiBoxClose { position: absolute; top: -26px; right: -26px; background: url(../images/light_close.gif) no-repeat; width: 24px; height: 24px; cursor: pointer; }
.MultiBoxControlsContainer { overflow: hidden; height: 0px; position: relative; }
.MultiBoxControls { width: 100%; height: auto; position: relative; background-color: #000000; }
.MultiBoxPrevious { position: absolute; background: url(../images/left.png) no-repeat; width: 24px; height: 24px; left: 0px; margin-top: 5px; cursor: pointer; }
.MultiBoxNext { position: absolute; background: url(../images/right.png) no-repeat; width: 24px; height: 24px; right: 0px; margin-top: 5px; cursor: pointer; }
.MultiBoxNextDisabled { cursor: default; background: url(../images/rightDisabled.png) no-repeat; }
.MultiBoxPreviousDisabled { cursor: default; background: url(../images/leftDisabled.png) no-repeat; }
.MultiBoxTitle { position: relative; margin: 10px 0 0 35px; float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFF; font-weight: bold; text-align: left; }
.MultiBoxNumber { position: relative; width: 50px; margin: 10px 35px 0 0; float: right; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFF; text-align: right; }
.MultiBoxDescription { clear: left; position: relative; margin: 0 35px 0 35px; padding-top: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFF; text-align: left; }