﻿body {
	margin: 0px 0px 0px 0px;
	background: #FFFFFF url(../i/b/bgr-body.png) 50% 0 repeat-y;
	font-size: 12px;
	font-family: Trebuchet MS, verdana, arial, sans-serif;
	}

.wrap_top
{
		width:982px;
		height:15px;
		margin:0;
		background: url(../i/b/bgr_wrap_bottom.png) 0 0 repeat-x;
		}
.wrap_bottom{
		width:982px;
		height:15px;
		margin:0;
		background: url(../i/b/bgr_wrap_top.png) 0 0 repeat-x;
		}		
		
#topscroll
{
	position:relative;
    overflow:hidden;
    float:left;
	margin:5px 3px 0 33px;
	width: 515px;
	height: 80px;
	/*border:1px solid #487dbd; */
	}
	
#topscroll img
{
	margin-top: -16px;
}
	

     
img {border:0;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
p {margin:0;}
form {margin:0; padding:0;}
input {margin:0; padding:0;}


		

		
#wrap {
	width: 982px;
	margin: 0 auto;
	}
	
	
		
#head {
	background: url(../i/b/bgr-head.png) repeat-x;
	height: 115px;
	}
#logo {
	float:left;
	padding:0 0 0 25px;
	}

/* TOP NAV */
#topnav{width:250px;float:left; padding:5px 0 5px 0px;}
	.nav {
		height:60px;
		float:left;
		}
	a.n3 {
		width:60px;
		background: url(../i/nav/about.png) 0 -58px no-repeat;
		}
	a.n4 {
		width:60px;
		background: url(../i/nav/dostavka.png) 0 -58px no-repeat;
		}
		
	a.n5 {
		width:60px;
		background: url(../i/nav/faq.png) 0 -58px no-repeat;
		}
	a.n6 {
		width:60px;
		background: url(../i/nav/contacts.png) 0 -58px no-repeat;
		}
	a.n7 {
		width:60px;
		background: url(../i/nav/okazion.png) 0 -58px no-repeat;
		}
		
		
	a.nf {
		width:59px;
		background: url(../i/nav/forum.png) 0 -58px no-repeat;
		}

	a:hover.nav, a.active, a:hover.active {
		background-position: 0% 0%;
		border: 0;
		}
/* End TOP NAV */
#message 
{
	width:707px;
	height: 100px;
	float:left;
	margin:5px;
	color: #354992;
	/* background: url(../i/workshop.png) 0px 0px no-repeat; */
}
#msg 
{
	width:500px;
	height: 100px;
	float:left;
}

#moto{
	color:#355daa;
	float:right;
	width:180px;
	height:82px;
	margin:5px 6px 0 0;
	text-align:center;
	background: url(../i/moto.png) 0px 0px no-repeat;
}


/* End CART*/
#cart{
	color:#355daa;
	float:left;
	width:180px;
	height:84px;
	padding:24px 0 0 10px;
	text-align:center;
	background: url(../i/b/bgr-cart.png) 6px 46px no-repeat;
	}
	#cart a{
		color:#355daa;
		padding:0;
		}
	#cart p{
		float:left;
		text-align:left;
		color:#355daa;
		padding:8px 0 0px 45px;
		}
	/* #cart p a{
		float:left;
		display:block;
		} */
/* End CART */

#left{width:250px;float:left; padding:5px 0 0 15px;}

/* SEARCH */
#search 
{
	width:250px;
	float:left;
	padding:16px 10px 11px 15px; 
	background: url(../i/b/bgr-search.png) 0 0 no-repeat;
	}
	#search input
	{
		float:left;
		margin: 0 5px 0 0;
		padding: 0 0 1px 1px;
		border:1px solid #487dbd;
		}
	#search input.btn{
		border:none;
		}
/* End SEARCH */

/* LEFT NAV */
#leftnav {
	float:left;
	width:100%;
	}
	#leftnav ul{
		margin:0;
		padding:5px 5px;
		list-style:none;
		width:228px;
		background: #487dbd url(../i/b/bgr-left.png) 0 100% repeat-x;
		}
	#leftnav h2{
		font-size:18px;
		font-weight:normal;
		letter-spacing: 0px;
		text-align:center;
		width:100%;
		margin: 0 5px 0 0;
		padding: 18px 0 10px 0;
		color:#354992;
		background: url(../i/b/bgr-nav-h21.png) 0 0 no-repeat;
		}
	#leftnav h2.topH2{
		background: url(../i/b/bgr-nav-h2.png) 0 0 no-repeat;
		}
	#leftnav a{
		color: #fff;
		font-size:12px;
		font-weight:bold;
		letter-spacing:1px;
		margin:0;
		padding:0 0 1px 32px;
		list-style:none;
		width:196px;
		height:15px;
		display:block;
		}
	#leftnav a:hover, #leftnav a.activeL, #leftnav a:hover.activeL{
		background: url(../i/b/bgr-left-h.gif) 1px 1px no-repeat;
		text-decoration:none;
		}
/* End LEFT NAV */

/* CONTENT */
#content {
	float:left;
	padding:4px 0 0 12px;
	margin: 10px 0 0 0;
	}
.contentTxt {
	background: #fff url(../i/b/bgr-cont.png) 96% 5% no-repeat;
	}
	.promo{
		position: relative;
		width:680px;
		padding: 0 0 0 0;
		display: block;
		background: url('../i/b/bgr-promo-top.png') no-repeat;
		}
	.promo p{
		padding: 10px 0 0 0;
		margin: 0 10px;
		font:bold 14px Tahoma;
		text-align: center;
		color:#364a91;
		}
	a.promoLink{
		padding: 5px 0 0 0;
		margin: 0 10px;
		font:bold 12px Tahoma;
		text-align: right;
		color:#fff;
		}
	a:hover.promoLink{color:#364a91;}
	.promoB{
		position: relative;
		width:680px;
		padding: 0 0 10px 0;
		display: block;
		background: url('../i/b/bgr-promo-bottom.png') 0 100% no-repeat;
		}

	/* TOP ACTIONS */
	.actions{
		float:left;
		width: 680px;
		padding:0 0 10px 0;
		}
	.sort{
		float:left;
		width: 338px;
		color:#3e62a5;
		padding:2px 0 0 2px;
		}
		.sort select{
			width: 152px;
			border:1px solid #a9a9a9;
			}
	.paging{
		float:right;
		width: 334px;
		padding:2px 0;
		text-align:right;
		}
		.paging a{
			color:#3e62a5;
			padding:1px 7px 0px 7px;
			margin: 2px 0 2px 1px;
			background: #fafafa;
			border:1px solid #d7dceb;
			}
		.paging a:hover,
		.paging a.activePage,
		.paging a:hover.activePage{
			color:#7f3f75;
			background: #d8dbeb;
			border:1px solid #a4c2e5;
			text-decoration:none;
			}
		.breadcrumb {
			float:left;
			color:#919191;
			}
		.breadcrumb a{
			color:#717171;
			}
		.breadcrumb a:hover{
			color:#919191;
			}
		a.back{
			color:#5b94d2;
			text-align:center;
			float: right;
			text-decoration:none;
			width:48px;
			height:12px;
			line-height:15px;
			margin:0 0 0 0;
			padding:0 0 4px 0px;
			background: url(../i/b/bgr-back.png) 0 -16px no-repeat;
			}
		a:hover.back{
			color:#5b94d2;
			background: url(../i/b/bgr-back.png) 0 0 no-repeat;
			}

	/* End TOP ACTIONS */

	/* PRODUCT */
	.product {
		float:left;
		width: 76px;
		text-align: center;
		padding-right:24px;
		font-size: 10px;
		}
		.product a img{
			float:left;
			/*border:1px solid #acacac;*/
			width: 75px;
			height: 100px;
			}
		.product a:hover img{
			/*border:1px solid #5b97d2;*/
			width: 75px;
			height: 100px;
			}
		.product a.pLink{
			float:left;
			width: 76px;
			padding: 3px 0;
			color: #3b3b3b;
			line-height:14px;
			}
		.product a:hover.pLink{
			background: #eceffa;
			text-decoration:none;
			}
		.product span.price{
			color: #4a82c5;
			font-size: 10px;
			font-weight: bold;
			}
	/* End PRODUCT */

	/* DETAILED PRODUCT */
	.productD {}
		.photos {
			width: 300px;
			float:left;
			}
			a img.big{
				float:left;
				border:1px solid #5b97d2;
				width: 280px;
				height: 370px;
				}
			a:hover img.big{
				border:1px solid #acacac;
				}
			a img.thumb{
				float:left;
				border:1px solid #5b97d2;
				width: 66px;
				height: 88px;
				margin:10px 12px 0 0;
				}
			a:hover img.thumb{
				border:1px solid #acacac;
				}
		.details {
			width: 380px;
			float:left;
			}
			.pTitle{
				font-size:18px;
				font-weight:normal;
				color:#5b97d2;
				border-bottom:1px solid #5b97d2;
				margin-top:0;
				}
			.details p{
				padding:  0 0 10px 0;
				}
			.data{
				color:#5b97d2;
				padding:  0 20px 0 0;
				}
			.font14{
				font-size:14px;
				}
			.price{
				color:#5b97d2;
				font-size:20px;
				font-weight:bold;
				}
	/* End DETAILED PRODUCT */

	/* ADD PRODUCT FORM */
	.addForm {
		width:380px;
		height: 200px;
		padding:10px;
		margin: 15px 0;
		background: url(../i/b/bgr-add-form.png) no-repeat;
		}
		.addForm h3 {
			color:#5b97d2;
			font-size:13px;
			font-weight:bold;
			margin: 0 32px 5px 0px;
			border-bottom:1px solid #5b97d2;
			}
		.addForm p{
			float:left;
			margin: 5px 0 0 0;
			padding: 0px;
			}
		.addForm label{
			width:150px;
			text-align:right;
			padding:0;
			float:left;
			display: block;
			margin: 2px 5px 0 0;
			}
		.addForm select {
			display: inline-block;
			width: 100px;
			float: left;
			margin-bottom: 0px;
			}
		.addForm input {
			margin-top: 3px;
			}
			
		input.sizes {
			display: inline-block;
			width: 130px;
			float: left;
			margin: 0 0 0px 0;
		}
		input.prefs	{
			display: inline-block;
			width: 130px;
			float: left;
			margin: 0 0 0px 0;
		}
		
		input.quantity {
			display: inline-block;
			width: 30px;
			float: left;
			margin: 0 0 0px 0;
			}
		#add {
			margin:10px 0 0 120px;
			}
		.success {
			color:#5b97d2;
			background:#f7f0f6;
			font-size:12px;
			font-weight:bold;
			text-align: center;
			margin: 30px;
			padding: 10px;
			border:1px solid #5b97d2;
			}
		.error {
			color:#F3EDF1;
			background:#5b97d2;
			font-size:12px;
			font-weight:bold;
			text-align: center;
			margin: 30px;
			padding: 10px;
			border:3px double #F3EDF1;
			}
	/* End ADD PRODUCT FORM */

	/* REGISTRATION FORM */
	.regForm {
		margin: 5px 0 20px 0;
		}
		.regForm p{
			margin: 0;
			padding: 0px;
			}
		.regForm a{
			color:#5b97d2;
			text-decoration:underline;
			}
		.regForm a:hover{
			text-decoration:none;
			}
		.regForm label{
			width:200px;
			text-align:right;
			padding:0;
			float:left;
			display: block;
			margin: 2px 5px 0 0;
			}
		.regForm input {
			margin-top: 3px;
			width:200px;
			}
		.regForm input.w340 {
			width:340px;
			}
		.regForm input.check {
			float:left;
			margin: 2px 5px 0px 0px;
			padding: 0px;
			width:auto;
			}
		input.reg {
			width:102px;
			float: left;
			margin: 10px 0 10px 0;
			}
		input.login {
			width:77px;
			float: left;
			margin: 10px 0 10px 0;
			}
	/* End REGISTRATION FORM */

	/* End BASKET */
	.basketP {
		font-weight:bold;
		width: 680px;
		}
		.basketProduct {
			float:left;
			padding:0 0 10px 0;
			border-bottom:1px solid #acacac;
			}
		.basketProduct:hover {
			background: #eceffa;
			border-bottom:1px solid #5b97d2;
			}
		.basketDet {
			float:left;
			width: 540px;
			padding:10px 0 0 0;
			}
		.basketP a img.thumb{
			float:left;
			border:1px solid #5b97d2;
			width: 66px;
			height: 88px;
			margin:0px 12px 0 0;
			}
		.basketP a:hover img.thumb{
			border:1px solid #acacac;
			}
		.basketP a {
			color:#5b97d2;
			}
		.basketR{
			float:right;
			text-align:right;
			text-align:left;
			width: 125px;
			padding: 10px 0 0 0;
			}
			.basketPrice {
				color:#5b97d2;
				font-size:14px;
				padding: 0;
				float:right;
				}
		a.del {
			float: right;
			width:32px;
			height:32px;
			display: block;
			padding:0;
			margin:2px;
			background: transparent url(../i/del.gif) 0 -32px no-repeat;
			}
		a:hover.del {
			background: transparent url(../i/del.gif) 0 0 no-repeat;
			}
		div.basketR a.del {
			float: right;
			width:32px;
			height:32px;
			display: block;
			padding:0;
			margin:2px;
			background: transparent url(../i/del.gif) 0 -32px no-repeat;
			}
		div.basketR  a:hover.del {
			background: transparent url(../i/del.gif) 0 0 no-repeat;
			}
		div.basketR  img.none {float: none;}
		.total{
			font-size:18px;
			line-height: 40px;
			font-weight:normal;
			color:#5b97d2;
			text-align:right;
			border-top:1px solid #5b97d2;
			border-bottom:1px solid #5b97d2;
			margin-top:15px;
			padding:0;
			}
		.total:hover {
			border-color:#acacac;
			}
		input.quantity1 {
			width: 30px;
			margin: 0 0 0 0;
			}
	/* End BASKET */

	/* TEXT PAGE */
	.txtPage {
		width: 680px;
		}
	.txtTitle{
		font-size:14px;
		color:#5b97d2;
		padding:  10px 0 0 0;
		margin: 0;
		}
	.q{
		font-size:14px;
		color:#5b97d2;
		padding:  3px 0 3px 27px;
		margin: 10px 0 0 0;
		background: url(../i/q.png) 0 0 no-repeat;
		}
	.q1{
		padding:  0px 0 0 27px;
		margin: 0;
		background: url(../i/q1.png) 8px 2px no-repeat;
		}
	/* End TEXT PAGE */

	/* RELATED PRODUCTS */
	.rel{
		font-size:15px;
		font-weight:bold;
		color:#5b97d2;
		border-bottom:1px solid #5b97d2;
		margin-right:24px;
		}
	/* End RELATED PRODUCT */

	/* CONTACTS */
	input.contact, textarea.contact {
		display: inline-block;
		width: 200px;
		float: left;
		clear:both;
		margin-bottom: 5px;
		}
	textarea.contact {
		width: 400px;
		}
	/* End CONTACTS */

	/* SITEMAP */
	.sitemap{color:#5b97d2;}
	.sitemap h1{padding: 10px 0 0px 0;margin: 10px 20px 20px 20px;}

	.sitemap ul{margin:0 21px; padding:0;}
	.sitemap ul ul{margin:0 0 0 -12px; padding:0;}

	.sitemap ul li{
		float:left;
		list-style:none;
		padding: 10px 0 0px 20px;
		margin:0 5px 0 0;
		width:163px;
		background: url('../i/b/bgr-left-h.gif') -5px 12px no-repeat;
		font-size:12px;
		}
	.sitemap ul li ul li{
		float:none;
		padding: 5px 0 0 20px;
		margin:0;
		width:155px;
		background: url('../i/b/bgr-left-h.gif') -5px 6px no-repeat;
		font-size:11px;
		}
	.sitemap a{
		color:#fff;
		text-decoration:none;
		font-weight:bold;
		}
	.sitemap a:hover{
		color:#fff;
		text-decoration:underline;
		}
	/* End SITEMAP */

/* End CONTENT */

/* FOOTER */
#footer {
	clear:both;
	float:left;
	width:982px;
	font-size:11px;
	margin:	15px 0 0 0;
	padding:0 0 0px 0px;
	background: url(../i/b/bgr-footer-sm.png) 0 0 repeat-x;
	}
	.fLeft{
		color:#5992cd;
		width:450px;
		float:left;
		padding:14px 0 0 20px;
		}
	.fRight{
		color:#717171;
		padding:14px 20px 0px 5px;
		width:470px;
		float:right;
		text-align:right;
		}
		.fRight a{
			color:#717171;
			}
	.partners {
		margin: 5px 20px;
		padding: 5px 0;
		text-align: center;
		color:#717171;
		border-top:1px solid #d6d9e3;
		}
		.partners  a{
			color:#717171;
			}
	.footer1{
		clear:both;
		float:left;
		display:block;
		width:982px;
		height:12px;
		margin:0;
		padding:0;
		background: url(../i/b/bgr-footer1.png) 0 0 no-repeat;
		}
	.footer2{
		clear:both;
		float:left;
		display:block;
		width:982px;
		height:15px;
		margin:10px 0 0 0;
		padding:0;
		background: url(../i/b/bgr_wrap_top.png) 0 0 repeat-x;
		}
/* End FOOTER */



.float-left {float:left;}
.clear {clear: both;}
.font14{font-size:14px;}
.text-right{text-align:right;}
.padding0{padding:0 0 0 0;}
.paddingT10{padding-top:10px;}
.paddingT20{padding-top:20px;}
.paddingB10{padding-bottom:10px;}
.marginB5{margin-bottom:5px;}
.r {border:1px solid red;}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}
