	html {height: 100%;}
	
	body {
		margin: 0;
		padding: 0;
		color: #545454;
		font-family: Verdana, Tahoma, Arial, serif;
		font-size: 10pt;
		min-width: 970px;
		min-height: 100%;
		position: relative;
		background: url(../i/fon.gif) repeat-x top left #dccfbe;
	}	

	div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, textarea, p, blockquote, th, td {
		margin:0;
		padding:0;
	}
	img{border: none;}
	
	A{color: #005f97;}
	A:hover{text-decoration: none;}
	
	H1{
		font-size: 18pt;
		line-height:24px;
		color: #000;
		margin-bottom: 17px;
	}
	
	#case{
		padding-bottom: 356px;
		background: url(../i/fon_case.jpg) no-repeat top left;
	}
	
	#case_in{
		background: url(../i/fon_right.gif) no-repeat top right;
	}
	
	/******* шапка *******/
	
	#header {
		height: 337px;
	}
	
	/******* верхнее меню *******/

	.top_menu{
		font-size:14pt;
		padding-left:140px;
		padding-top:27px;
	}

	.top_menu LI{
		list-style: none;
		float: left;
		color: #ff7727;
		padding:20px 2px 0 20px;
	}
	
	.top_menu LI A{color: #fff;}
	
	.top_menu LI A:hover{color: #FF7727;}
	
	.top_menu .active{
		padding: 0 0 0 20px;
		background: url(../i/fon_menu_left.gif) no-repeat left;
	}
	
	.top_menu .active A{
		padding: 20px 20px 20px 0;
		display: block;
		background: url(../i/fon_menu_right.gif) no-repeat right;
		color: #FF7727;
		text-decoration: none;
	}
	
	
	
	
	/******* логотип padding:12px 62px 0 0;*******/
	
	.logo{
		/*float:right;*/
		position: absolute;
		top: 80px;
		right: 0;
		
		padding:12px 62px 0 0;
	}
	
	.logo A{font-size: 28pt; color: #000; text-decoration: none;}

	/******* корзина *******/
	
	.basket{
		padding-left:27px;
		padding-top:41px;
		position:absolute;
		right:376px;
		top:126px;
		width:189px;
		background: url(../i/fon_basket.gif) no-repeat top;
	}
	
	.basket SPAN{
		font-weight: bold;
		color: #6d8e9b;
		font-size:13pt;
		padding-left:5px;
	}
	
	.basket STRONG SPAN{
		font-weight: normal;
		color: #b51117;
		font-size:10pt;
		padding-left:0;
	}
	
	.basket STRONG{
		color: #b51117;
		font-size:13pt;
	}
	.basket a{
		border: 0;
		cursor: pointer;
		display:block;
		height:30px;
		margin-left:15px;
		margin-top:10px;
		width:133px;
		background: url(../i/vkorzinu.gif) no-repeat top;
	}
	
	.basket a:hover{
		background: url(../i/vkorzinu_h.gif) no-repeat top;
	}
	.offer{
		border: 0;
		cursor: pointer;
		display:block;
		height:30px;
		margin-left:15px;
		margin-top:10px;
		width:133px;
		background: url(../i/offer.gif) no-repeat top;
	}
	
	
	
	
	
	/******* номер телефона *******/
	
	.tel{
		position: absolute;
		top: 270px; right:0;
		
		clear:both;
		font-size:21pt;
		font-weight:bold;
		padding-right:70px;
		padding-top:15px;
		text-align:right;
		color: #648796;

	}
	
	.symbol{
		left:16px;
		position:absolute;
		top:434px;
	}
	
	.symbol IMG{
		margin-right:22px;
	}
	
	#container{
		clear: both;
		width: 100%;
	}
	
	/******* левый блок 324*******/
	
	#right_sidebar{
		width: 304px;
		float: left;
		margin-left:-304px;
		margin-bottom: 20px;
		padding-top:15px;
	}
	
	/******* Марки велосипедов *******/
	
	.brand{
		float:left;
		width:100%;
		font-size: 12pt;
		padding-bottom:26px;
		margin-bottom:34px;
		background: url(../i/right_line.gif) no-repeat bottom left;
	}
	
	.brand IMG{margin-bottom: 10px;}
	
	.brand A{
		display: block;
		color: #648796;
		float:left;
		width:151px;
		margin-bottom:6px;
	}
	
	a:hover{
		color: #FF7727;
	}
	
	/******* ПОИСК *******/
	
	.search{
		clear:both;
		height:117px;
		padding-left:8px;
		padding-top:45px;
		width:256px;
		height:135px;
		background: url(../i/fon_search.gif) no-repeat top left #ff7727;
	}
	
	.search a {
		background: url(../i/search_btn.gif) no-repeat top;
	}
	.search a :hover{
		background: url(../i/search_btn_h.gif) no-repeat top;
	}
	
	.ot{
		float: left;
		color: #fff;
		font-size:11pt;
		padding-left:69px;
		padding-right:65px;
	}
	
	.do{
		color: #fff;
		font-size:11pt;
	}
	
	.prise{
		padding-left: 52px;
		margin-bottom:4px;
		color: #fff;
		background: url(../i/prise.gif) no-repeat top left;
	}
	
	.for{width: 68px; margin-right: 10px; color: #6d8e9b; font-family: Verdana, Tahoma, Arial, serif;}
	
	.to{width: 68px; margin-right: 5px; color: #6d8e9b; font-family: Verdana, Tahoma, Arial, serif;}
	
	.type{
		padding-left: 52px;
		margin-bottom:4px;
		background: url(../i/type.gif) no-repeat top left;
	}
	
	.type_bike{
		width: 151px;
		color: #6d8e9b;
		font-family: Verdana, Tahoma, Arial, serif;
	}
	
	.mark{
		padding-left: 52px;
		margin-bottom:4px;
		background: url(../i/mark.gif) no-repeat top left;
	}
	
	.mark_bike{
		width: 151px;
		color: #6d8e9b;
		font-family: Verdana, Tahoma, Arial, serif;
	}
	
	.year{
		padding-left: 52px;
		background: url(../i/year.gif) no-repeat top left;
	}
	
	.year_bike{
		width: 68px;
		color: #6d8e9b;
		float: left;
		margin-right: 21px;
		font-family: Verdana, Tahoma, Arial, serif;
	}
	
	.search_btn{
		background: url(../i/search_btn.gif) no-repeat center top;
		border:0;
		cursor:pointer;
		display:block;
		height:21px;
		margin-top:3px;
		width:76px;
	}
	
	/******* контент *******/
	
	#content {
		float:left;
		width:100%;
	}
	
	#text {
		margin-left: 49px;
		margin-right: 360px;
		margin-bottom: 20px;
	}
	
	#content H1{
		font-size:24pх;
		font-weight: bold;
		color: #b51117;
		margin-bottom: 22px;
		margin-left:14px;
	}
	#content H2{
		font-size:20pх;
		color: #FF7727;
	}
	#content H3{
		font-size:17pх;
		color: #FF7727;
		margin-top:14px;
	}
	
	/*ссылки в контенте*/
	.in a,
	.text_block_in_middle a{	
		color: #B51117;
	}
	.in a:hover,
	.text_block_in_middle a:hover{
		color: #FF7727;
	}
	
	#conten TABLE P{margin: 0;}
	
	#conten TD{padding: 5px;}
	
	#content P{margin-bottom: 15px; line-height:20px;}
	
	#content UL, #content OL{padding: 5px 0 5px 15px;}

	/******* синий текстовый блок с загагулинами *******/
	
	
	

	.text_block{
		padding: 0;
		margin-left:0;
		margin-bottom:42px;
		background: url(../i/fon_content_top.gif) no-repeat left top;		
	}

	.text_block_in{
		padding: 0 0 100px 0;		
		background: url(../i/fon_content_bottom.gif) no-repeat left bottom;
	}

	.text_block_in_middle{
		background: #6d8e9b;		
		margin-left:4px;
		padding:0 40px;
		width:367px;		
		color: #fff;				
	}	
	
	
	
	/*************BLOCK*******************/
	.fluid-block {
		position: relative;
		margin: 0 0 50px 75px;
		padding: 69px 0 30px 0;		
		width: 90%;
		max-width: 850px;
	}
		.fluid-block h1 {
			position: absolute;
			top: -10px; left: 0;
			z-index: 1;
		}
		.fluid-block .in {
			position: relative;
			padding: 0 40px 10px;
			background: #6d8e9b;
			margin: 0 1px 0 1px;
			color: #fff;
			z-index: 900;
		}
		.fluid-block .t-l {
			position: absolute;
			top: 0; left: 0;
			width: 66%; height: 71px;
			background: url(../i/t-l.gif) no-repeat top left;
			z-index: 0;
		}
		.fluid-block .t-r {
			position: absolute;
			top: 0; right: 0;
			width: 40%; height: 71px;
			background: url(../i/t-r.gif) no-repeat top right;
			z-index: 0;
		}
		.fluid-block .b-l {
			position: absolute;
			bottom: -20px; left: 0;
			width: 66%; height: 150px;
			background: url(../i/b-l.gif) no-repeat bottom left;
			z-index: 0;
		}
		.fluid-block .b-r {
			position: absolute;
			bottom: -22px; left: -40%;
			margin-left: 100%;
			width: 40%; height: 150px;
			background: url(../i/b-r.gif) no-repeat bottom right;
			z-index: 0;
		}
	
	/************************************/
	
	#content .catalog H1{
		margin-left: 0;
		margin-bottom:18px;
	}
	
	.catalog_in{
		padding-left: 16px;
	}
	
	.sorting {font-size:11pt; font-weight: bold; margin-bottom:30px;}
	.sorting a {
		font-size:11pt;
		font-weight: bold;
		color: #648796;
	}
	.sorting a:hover {color: #FF7727;}
	
	.sorting .up {
		padding-left: 27px;
		font-size:10pt;
		color: #648796;
		background: url(../i/up.gif) no-repeat 12px 5px;
	}
	
	
	.sorting .up a:hover {
		font-size:11pt;
	/*	background: url(../i/up_h.gif) no-repeat -27px 7px;*/
	}
	
	.sorting .down{
		padding-left: 27px;
		font-size:10pt;
		color: #648796;
		background: url(../i/down.gif) no-repeat 12px 5px;
	}
	
	.sorting .down a:hover{
		font-size:11pt;
	/*		background: url(../i/down.gif) no-repeat -27px 7px;*/
	}
	
	
	.sorting  SPAN SPAN{
		border-bottom: 1px solid #648796;
		cursor: pointer;
	}
	
	/******* подвал *******/
	
	#footer{
		position: absolute;
		bottom: 0;
		height: 356px;
		width: 100%;
		color: #fff;
		background: url(../i/fon_footer_middle.gif) repeat-x left bottom;
	}
	
	#footer_block{background: url(../i/fon_footer_left.gif) no-repeat left bottom;}
	
	#footer_block_in{position: relative;height: 356px; background: url(../i/fon_footer_right.gif) no-repeat right bottom;}
	
	#footer A{color: #fff;}
	#footer A:hover{color: #B51117;}
	
	.counter {	
		position: absolute;
		top: 285px;
		left: 45px;
		
	}
	
	.copyright{
		line-height:19px;
		padding-top:280px;
		padding-left: 150px;
	}
	.clear {	clear: both;}
	
	.catalog_in_block{
		width: 100%;
		float: left;
		padding-bottom:25px;
		margin-bottom:40px;
		background: url(../i/line.gif) no-repeat bottom;
	}


	
	.cat_im{
		width: 201px;
		background: url(../i/fon_cat.gif) no-repeat top;
		text-align: center;
		float: left;
		padding-top:17px;
	}
	
	
	.cat_im_in{
		height: 105px;
	}
	
	.cat_cost{
		color: #fff;
		line-height:38px;
		background: url(../i/cost.gif) no-repeat top;
	}
	
	.cat_cost strong{font-size:14pt;}
	
	.in_basket {
		display: block;
		background: url(../i/in_basket.gif) no-repeat top;
		border:0;
		cursor:pointer;
		height:25px;
		margin-top:10px;
		margin-left: auto; margin-right: auto;
		width:87px;
	}
	.in_basket span { display: none; }
	
	.in_basket:hover{
		background: url(../i/in_basket_h.gif) no-repeat top;
	}
	
	
	.cat_text{margin-left:210px;}
	
	#content .catalog .cat_text  h1{font-size:15pt;}

	.cat_text TABLE{width: 100%;}
	
	.cat_text TABLE TD{
		padding: 3px 5px 3px 0;
		vertical-align: top;
		border-bottom: 1px solid #aca294;
	}
	
	.cat_text .first{
		font-weight: bold;		
		width: 170px;		
	}
	
	.news_main{
		
	}
	
	.news_main DT{
		font-style:italic;
	}
	
	.news_main DD A{
		color: #ffe167;
		display: block;
		font-size:12pt;
		font-style:italic;
		margin-bottom:4px;
	}
	
	.news_main DD{
		margin-bottom:4px;
	}
	
	.all_news{
		color: #ffe167;
		font-size: 8pt;
	}
	
	.catalog_option{padding-left:46px;}
	
	.catalog_option_block{
		text-align: center;
		width: 149px;
		height:167px;
		float: left;
		margin-right:26px;
	}
	
	.catalog_option_block_in{
		padding-top: 7px;
		text-align: center;
		height:92px;
		background: url(../i/white_hell.gif) no-repeat top;
	}
	
	.catalog_option_block A{
		font-size:13pt;
		font-weight:bold;
		color: #b51117;
	}
	
	.catalog_option_block A:hover{
		font-size:13pt;
		font-weight:bold;
		color: #FF7727;
	}	
	
	.main_text{float: left; width: 100%;}
	
	
/* Новости */
ul.colPager li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 1px 4px;
}
ul.colPager li.selected {
	border: 1px solid #abc;
}
ul.colPager li.selected a {
	text-decoration: none;
	font-weight: bold;
}
ul.colPager li.first,
ul.colPager li.last,
ul.colPager li.previous,
ul.colPager li.next {
	display: none;
}

/* Хлебные крошки в каталоге */
.catalog .breadcrumbs {	
	padding: 0 0 20px 0;
	font-size:11pt; 
	font-weight: bold;
	
}
.catalog .breadcrumbs a {
	font-size:11pt; font-weight: bold; color: #648796;
}
.catalog .breadcrumbs a:hover {
	text-decoration: none;
	color: #FF7727;
}


/* Таблица с заказом в Корзине */
#container #content table.order {
	left: 30%;
	width: 100%;	
}
#container #content table.order {
	border-collapse: collapse;
	text-align: left;
}
#container #content table.order tr th,
#container #content table.order tr td{	
	border-bottom: 1px solid #bcced5;
}
#container #content table.order {
	margin: 0;
	padding: 0;
}
#container #content table.order tr {
	margin: 0;
	padding: 0;
}
#container #content table.order tr td {
	margin: 0;
	padding: 3px 0px;
	line-height: 22px;
}
#container #content table.order tr td input.count {	
	width: 40px;
}
#container #content table.order tr td input {
	border: 1px solid #bcced5;
}
#container #content table.order tr.last,
#container #content table.order tr.last td {
	border: none;
}

/* Пейджер */
.pager {	
	overflow: hidden;
	*zoom: 1;	
	margin: 0 0 0 10px;
}

.yiiPager {		
}

#go {	
	width: 197px; height: 20px;
	background: transparent url(../i/go.gif) no-repeat top left;	
	float: left;
	padding: 0; margin: 10px 0 0 0;
}
#go span { display: none; }

.pager ul.yiiPager {
	list-style-type: none;
	padding: 0 5px;
	margin: 0 4px;		
}
.pager ul.yiiPager li {
	float: left;
	margin: 0; padding: 0;
}
.pager ul.yiiPager li.first,
.pager ul.yiiPager li.last { display: none; }

.pager ul.yiiPager li.page a {	
	padding: 0 2px 0 0; 
	margin: 0;	
	color: #B51117;
	font-family: verdana;
	font-size: 20px;
	text-decoration: none;
	display: block;
	
	width: 32px;
	height: 30px;
	text-align: center;
	
}
.pager ul.yiiPager li.page a:hover {
	color: #FF7727;
}
.pager ul.yiiPager li.page a:active {
	
}
.pager ul.yiiPager li.page.selected a {
	background: transparent url(../i/li-bg.gif) no-repeat top right;
	color: white;	
}
.pager ul.yiiPager li.previous {
	margin: 5px 0 0 15px;
}
.pager ul.yiiPager li.next {
	margin: 5px 15px 0 0;
}
.pager ul.yiiPager li.previous a {
	border: none;
	display: block;
	width: 56px; height: 19px;
	background: transparent url(../i/previous.gif) no-repeat top left;
	margin: 0 10px 0 0;
	padding: 0;
}
.pager ul.yiiPager li.previous a:hover {
	background: transparent url(../i/previous-h.gif) no-repeat top left;
}
.pager ul.yiiPager li.next a {
	border: none;
	display: block;
	width: 56px; height: 19px;
	background: transparent url(../i/next.gif) no-repeat top left;
	margin: 0 0 0 10px;
	padding: 0;
}
.pager ul.yiiPager li.next a:hover {
	background: transparent url(../i/next-h.gif) no-repeat top left;
}
.pager ul.yiiPager li.previous a:active,
.pager ul.yiiPager li.next a:active {
	background-position: 2px 2px;
}

.pager ul.yiiPager li.previous a span,
.pager ul.yiiPager li.next a span {
	display: none;
}

/* Форма Отправить заказ */

#send_ord {
	border: none;
	width: 133px; height: 30px;
	background: transparent url(../i/offer.gif) no-repeat top left;
	cursor: pointer;
}
#send_ord:hover {
	background: transparent url(../i/offer_h.gif) no-repeat top left;
}
#send_ord span { display: none; }

#recalc {
	border: none;
	width: 118px; height: 21px;
	background: transparent url(../i/recalc.gif) no-repeat top left;
	cursor: pointer;
}
#recalc:hover {
	background: transparent url(../i/recalc_h.gif) no-repeat top left;
}
#recalc span { display: none; }

/**********************************/
/*********SITE SEARCH WIDGET*******/
/**********************************/
.site-search-widget {
	float: right;
	clear: both;
	background: url("../i/site-search-bg.gif") no-repeat 0 0;
	width: 262px;
	height: 106px;
	margin: 28px 42px 0 0;
}
	.site-search-widget .widget-content {
		padding: 57px 0 0 14px;
	}
		.site-search-widget .widget-content form .site-search-field {
			border: solid 1px #9a9c9d;
			float: left;
			font-family: Verdana, Helvetica, sans-serif;
			color: #6D8E9B;
			font-size: .9em;
			height: 20px;
		}
		.site-search-widget .widget-content form .site-search-submit {
			border: none;
			margin: 0 0 0 6px;
			background: url("../i/site-search-submit-bg.gif") no-repeat 0 0;
			width: 78px;
			float: left;
			height: 23px;
			cursor: pointer;
		}


