/*
	v.10.12.2007
 */

* { margin: 0; padding: 0; }

body { margin: 0; padding: 0; color: #000; font: 1em Arial; }
a { color: #0000c4; text-decoration: underline; }
ul { margin: 10px 0 10px 20px; }
img { border: 0; }
p { margin: 1.2em 0; }

.clear { clear: both; }

/* Layonts */
#container { width: 100%; min-width: 1000px; text-align: left; }

/* Hat */
#header { background: #e0d6aa url("back.gif") top left repeat-x; position: relative; width: 100%; }
#all { background: url("top_right.jpg") top right no-repeat; width: 100%; }
#all-1 { background: url("top_left.jpg") top left no-repeat; padding-bottom: 21px; }
#logo { padding-top: 70px; margin-left: 150px; background: url("logo.jpg") bottom right no-repeat; width: 280px; height: 60px; }
#logo h1 { padding: 0; margin: 0; }
#logo h1 a { display: block; width: 280px; height: 60px; }
#logo h1 a span { display: none; }
#target { position: absolute; width: 146px; height: 93px; right: 0; bottom: 0; background: url("target.png") top left no-repeat; }

/* Menu */
#menu { margin-top: 8px; padding: 4px 0 6px; left: 170px; text-align: center; background-color: #d40000; width: 100%; }
#menu ul { margin: 0; list-style: none; }
#menu li { display: inline; padding: 0px 10px; color: #fff; }
#menu li a { font: 0.8em/1.4em Arial; color: #fff; background: url(array.gif) 0 .4em no-repeat; padding-left: 15px; }

/* Phones etc. */
#phones { position: absolute; top: 70px;
	right: 50px;
	width: 300px;
	padding-left: 60px;
	height: 40px;
	list-style: none;
	overflow: hidden;
	z-index: 3;
	font: 1.2em/2.2em Arial;
	color: #626262;
}

#phones span {
	font: 0.7em/2em Arial;
}

#icq {
	position: absolute;
	top: 110px;
	right: 35px;
	width: 300px;
	height: 20px;
	list-style: none;
	overflow: hidden;
	z-index: 4;
}

#icq p {
	font: 0.9em/1.3em Arial;
	color: #0000c4;
	padding-left: 20px;
}

#icq p a {
	color: #0000c4;
}

/* Blocks */
#top { width: 100%; background: url(back-1.gif) top left repeat-x; }
#arbalet { float: left; width: 44%; min-width: 440px; margin-top: -33px; height: 290px; background: url("arbalet.gif") top center no-repeat; position: relative; z-index: 2; }

#blocks { float: right; width: 52%; z-index: 0; margin-top: 10px; }

/* Box */
#box { float:right; width: 230px; margin-right: 40px; height: 70px; list-style: none; z-index: 5; }
#box .box { height: 35px; border-bottom: 1px solid #cc0000; }
#box .box .title { float: left; width: 80px; padding-left: 6px; color: #626262; font: 18px Tahoma; }
#box .box .title a { color: #626262; }
#box .box .count { float: right; width: 130px; padding: 6px; color: #000; font: 12px Tahoma; }
#box .links { float: left; padding: 3px 6px; }
#box .links a { color: #0000c0; font: 12px Tahoma; }
#box .links a.cart { font: bold 14px Tahoma; margin-left: 10px; background: url(array2.gif) left no-repeat; padding-left: 18px; }

#box-login { float:left; width: 210px; z-index: 5; font: 12px Tahoma;  }
#box-login .box { border-bottom: 1px solid #cc0000; }
#box-login .box p { margin: 6px;  }
#box-login input { width: 88px; border: 1px solid #cc9933; padding: 1px; }
#box-login #login-l { float: left; width: 90px; padding: 0px 6px 3px; }
#box-login #login-r { float: left; width: 90px; padding: 0px 6px 3px; }
#box-login .links { float: left; padding: 3px 6px; }
#box-login .links a { color: #0000c0; font: 12px Tahoma; }
#box-login .links a.cart { font: bold 14px Tahoma; margin-left: 15px; background: url(array2.gif) left no-repeat; padding-left: 18px; }


#box2 { float: left; overflow: hidden; width: 100%; margin-top: 25px; }
#box2 .arbalety { float: left; width: 45%; margin-right: 1%; height: 150px; background: url("block_arbalety.gif") top left no-repeat; }

#box2 .luki {
	float: left;
	width: 45%;
	margin-right: 1%;
	height: 150px;
	background: url("block_luki.gif") top left no-repeat;
}

#box2 .arbalety3 {
	float: left;
	width: 34%;
	padding-left: 1%;
	height: 170px;
	background: url("block_arbalety_3.gif") top left no-repeat;
}
#box2 .luki3 {
	float: left;
	width: 34%;
	padding-left: 1%;
	height: 170px;
	background: url("block_luki_3.gif") top left no-repeat;
}
#box2 .nozhi3 {
	float: left;
	width: 27%;
	padding-left: 1%;
	height: 170px;
	background: url("block_nozhi_3.gif") top left no-repeat;
}

#blocks h2 { font: 24px Tahoma; }
#blocks h2 a { color: #000; text-decoration: none; }

#blocks ul { list-style-type: none; margin: 10px 0; }
#blocks ul li { font: 14px/18px Tahoma; }
#blocks ul li.end { margin-top: 1.4em; }
#blocks ul li a { background: url("array_red.gif") left 6px no-repeat; color: #d40000; padding-left: 18px; display: block; }

/* Content */
#content { width: 100%; }
#content h2 { font: 24px Tahoma; }

#content h2 a { color: #000; text-decoration: none; }

#content .left { float: left; width: 45%; font: 12px/14px Tahoma; margin-top: 35px; margin-right: -100%; }
#content .right { float: right; width: 52%; height: 460px; }

/* Cool box */
#content .left .cool-box { width: 100%; margin-bottom: 15px; position: relative; overflow: hidden; clear: both; }
#content .left .cool-box .right-top { width: 42px; height: 77px; background: url(cool-box/right-top.png) top left no-repeat; position: absolute; top:0; right:0; }
#content .left .cool-box .right-bottom  { width: 42px; height: 400px; background: url(cool-box/right-bottom.png) top left no-repeat; position: absolute; bottom:0; right:0; }
#content .left .cool-box .container { margin-right: 42px; height: 9px; background: url(cool-box/top.png) top left repeat-x; }
#content .left .cool-box .container-1 { position: relative; overflow: hidden; }
#content .left .cool-box .container-2 { margin-right: 42px; height: 13px; background: url(cool-box/bottom.png) bottom left repeat-x; }
#content .left .cool-box .content { padding: 10px 0 10px 0; background: #fff url(cool-box/content.bg.gif) left top repeat-y; margin-right: 42px; }
#content .left .cool-box .content .bg { position: absolute; bottom: 0; right: 20px; }
#content .left .cool-box .container-1 .content h2 { padding-left: 45px; background: url(cool-box/h1.bg.png) 10px .1em no-repeat; color: #d40000; }
#content .left .cool-box .content h2 a { color: #d40000; }
#content .left .cool-box  .content p { margin: 1.2em 165px 1.2em 45px; }


#content .left .second {
	width: 100%;
	margin: 20px;
}

#content .left .second p {
	margin-top: 10px;
}

#content .left .second a {
	background: url("array_red.gif") left no-repeat;
	padding: 0 10px 0 16px;
}


/* Products */
#content .right .new { float: left; width: 45%; margin-right: 2%; }
#content .right .hits {
	float: left;
	width: 45%;
	margin-right: 1%;
}

/* Product-new */
#content .right .product-new  { margin: 11px 0 22px 0; border: 1px solid #ed5833; }
#content .right .product-new  .top-r { margin: -1px; background: url("products/top-right.gif") right top no-repeat; border: none; }
#content .right .product-new  .top-l { margin: 0; background: url("products/top-left.gif") left top no-repeat; border: none; }
#content .right .product-new  .bottom-l { background: url("products/bottom-left.gif") left bottom no-repeat; border: none; }
#content .right .product-new  .bottom-r { background: url("products/bottom-right.gif") right bottom no-repeat; border: none; padding: 10px; position: relative; }

#content .right .product-new   img { float: left; }
#content .right .product-new  dl { width: 50%; float: right; font: .8em Tahoma; }
#content .right .product-new  dl dd { font-weight: bold; margin-bottom: 5px; }
#content .right .product-new  dl dt.price { display: none; }
#content .right .product-new  dl dd.price { color: #c40000; font: bold 1.4em Tahoma; }
#content .right .product-new  dl dd.price small { color: #000; }


/* Text */
#text { background: #fff url("text_back.gif") top left no-repeat; width: 100%; overflow: hidden; }
#text .blocks { padding: 10px 0; width: 100%; }
#text .blocks .left { float: left; width: 45%; } 
#text .blocks .right { float: right; width: 44%; margin-right: 8%; }

#text .blocks .posts { margin: 10px 60px 0 45px; }

#text .blocks .posts2 { margin: 10px 0; }
#text .blocks .posts2 p { font: .8em/1.2em Tahoma; }

#text .blocks h3 { font: 1.4em/1em Tahoma; margin: .4em 0;
}#text .blocks h3 a { color: #000; text-decoration: none; }

#text .blocks dl { margin: 10px 0; }
#text .blocks dl dt { color: #626262; font: bold .7em/1.3em Tahoma;  }
#text .blocks dt.red { color: #d40000; }
#text .blocks p { font: .7em/1.3em Tahoma; }
#text .blocks dd { font: .7em/1.3em Tahoma; }

/* Other blocks */
#red { margin-top: -50px; padding: 5px 0; width: 100%; background: #d40000; }
#red .text { color: #fff; width: 45%;
	float: left;
	padding-left: 48%;
	font: .6em/1.2em Tahoma;
}

/* Footer */
#footer {
	width: 100%;
	height: 190px;
	background: #fff url("footer.gif") bottom repeat-x;
	color: #000;
	overflow: hidden;
}
#footer .blocks {
	width: 100%;
	height: 190px;
	background: url("bottom.gif") left bottom no-repeat;
}

#footer a { color: #000; }

#footer .block {
	float: left;
	margin-top: 106px;
	height: 84px;
}

#footer .block p.phone {
	font: 18px/22px Tahoma;
	color: #626262;
}

#footer .block p.phone span {
	font: 12px/22px Tahoma;
}

#footer .block p.phone a.icq {
	color: #0000c4;
	font: 13px/22px Tahoma;
	background: url("icq.gif") center left no-repeat;
	padding-left: 20px;
}

#footer .splash {
	background: url("bottom_splash.gif");
	width: 270px;
	margin-left: 50px;
}

html>body #footer .splash {
	margin-left: 100px;
}

#footer .splash p {
	margin: 25px 0 0 40px;
	font: 13px/16px Tahoma;
}

#footer .splash p span {
	font: 12px/12px Tahoma;
}

#footer p {
	margin: 20px 0 0;
	font: .8em/2em Arial;
}

#footer a {
	color: #0000c4;
}

/* SiteLeader логотип  */
div.sl-logo { margin: 35px 20px 0 38px; white-space: nowrap; background: url('SiteLeader.mini.logo.gif') no-repeat 0px 5px; padding-left: 33px; float: right; text-align:left; }
div.sl-logo a { font-size: 10px; color: #0018ff; }
div.sl-logo span { text-decoration: underline; font-size: 10px; }
div.sl-logo b { color: red; font-family: Verdana,serif; font-size:12px; font-weight:bold; }
div.sl-logo i { color: black; font-family: Georgia, serif; font-size: 14px; font-style: normal; }