/************************************************/
/*CLICKBRAND CSS FRAMEWORK (www.clickbrand.com)*/
/**********************************************/


/*yui css reset*/
/**************/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}



/*title*/
/******/
h1{
	float:left;
	margin:10px;
}
	h1 a{
		height:42px;
		width:173px;
		text-indent:-9999px;
		display:block;
		background:transparent url(../i/logo.png) 0 0 no-repeat
	}
h2 {
	background-color:transparent;
	background-position:0 0;
	background-repeat:no-repeat;
	color:#777777;
	font-size:19px;
	
	line-height:20px;
	overflow:hidden;
	padding-bottom:10px;
	/*text-indent:-9999px;*/
	text-transform:uppercase;
}

	h2.t_aboutus {
	background-image:url(../i/t_aboutus.png);
	width:218px;
	}

	h2.t_ourviews {
		background-image:url(../i/t_ourviews.png);
		width:238px;
	}

	h2.t_catalog{
		background-image:url(../i/t_catalog.png);
		width:165px;
		margin-bottom:2px;
	}
	
	h2.t_gotocart {height:21px;background-image:none;width:161px;}
		h2.t_gotocart a{
			background-image:url(../i/t_tocart.png);
			width:161px;
			height:21px;
			display:block;
			text-indent:-9999px;
		}
	
	h2.t_checkout {height:21px;background-image:none;width:160px;}
		h2.t_checkout a{
			background-image:url(../i/t_checkout.png);
			width:160px;
			height:21px;
			display:block;
			text-indent:-9999px;
		}

	h2.t_cart {
		background-image:url(../i/t_cart.png);
		width:79px;
	}
	
	h2.t_contactinfo {
		background-image:url(../i/t_contactinfo.png);
		width:240px;
	}
	
	h2.t_aboutus_page {
		background-image:url(../i/t_aboutus_page.png);
		width:46px;
	}
	h2.t_contatus {
		background-image:url(../i/t_contatus.png);
		width:69px;
	}

h3{
	background-color:transparent;
	background-position:0 0;
	background-repeat:no-repeat;
	color:#777777;
	font-size:19px;
	
	line-height:20px;
	overflow:hidden;
	padding-bottom:10px;
	/*text-indent:-9999px;*/
	text-transform:uppercase;
}
h4{}
h5{}
h6{}

.center {border: 2px solid #dedede; text-align:center;}


/*buttons*/
/********/
.btn{}



/*form elements*/
/**************/
.form_text{
	height:15px;
	border:1px solid #dedede;
	line-height:15px;
	color:#666;
	width:60px;
}
.form_radio{}
.form_label{}
.form_select{}
.form_checkbox{}
.form_textarea{}





/*CONTENT GOES HERE*/






/*global elements*/
html {
	height:100%;
	width:100%;
}
body {	
	height:100%;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	color:#252525;
	/*background:white url(/media/i/bg_30.png) 0 100% repeat-x;*/
}



a:link {
	text-decoration:underline;
	color:#36697f;
	outline:none;
}
a:visited {
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
table {
	border:none;
	border-collapse:collapse;
}
.clear {
	clear:both;
	height:0;
	font-size:0;
	line-height:0;
}

div.header  {
	background:#3e6f9a url(../i/header_bg.jpg) 0 65px no-repeat;
	width:960px;
	height:353px;
	margin:0 auto;
}
	div.top_part {
		background:#cdd9e2;
		height:65px;
	}


	ul.menu {
		float:left;
		margin:18px 0 0 30px;
	}
		ul.menu  li{
			float:left;
			padding:0 15px;
			font:bold 14px arial,sans-serif;
			color:black;
		}
		
		ul.menu  li a{
			color:black;
			display:block;
			text-decoration:none;
			line-height:25px;
			float:left;
			text-decoration:none;
		}

		ul.menu  li.sel {
			background:transparent url(../i/menu_sel.png) 0 0 no-repeat;
			padding:0px;
			padding-left:5px;
			height:25px;
			
		}
			ul.menu  li.sel .r{
				background:transparent url(../i/menu_sel.png)  right -25px no-repeat;
				padding-right:5px;	
				height:25px;
				float:left;
			}
			
			ul.menu  li.sel .c {
				background:transparent url(../i/menu_sel.png)  0 -50px repeat-x;
				height:25px;
				line-height:25px;
				color:white;
				padding:0 10px;
				float:left;
				text-decoration:none;
			}


div.cart {
	float:right;
	font:bold 14px arial,sans-serif;
	color:black;
	margin:18px 10px 0 0;
	cursor:pointer;
	background:transparent url(../i/cart_icon.png) right top no-repeat;
	line-height:28px;
	width:130px;
}

	div.cart  .cart_items{
		font-size:10px;
		color:#999;
		line-height:16px;
		
	}


	div.header_line {
		height:2px;
		width:400px;
		margin:20px 0 20px 10px;
		background:transparent url(../i/header_line.png) 0 0 repeat-x;
		overflow:hidden;
	}

	
	

.content {
	width:960px;
	font: normal normal 12px arial,sans-serif;
	color:#333;
	margin:0 auto;
	padding-top:15px;
	background:transparent url(../i/content_bg.png) 100% 100% no-repeat;
}
.minheight {
	min-height:540px;
}
.content  p{
	line-height:18px;
}


ul.addition_menu {
	
}

	ul.addition_menu  li{	
		border-bottom:1px solid #d4d4d4;
		padding:10px 0;
	}
	
		ul.addition_menu  li a{	
			display:block;
			background:transparent url(../i/add_menu.png) 0 0 no-repeat;
			width:162px;
			text-indent:-9999px;
			overflow:hidden;
		}
			ul.addition_menu  li#ns a{
				height:33px;
			}
			
			ul.addition_menu  li#srt a{
				height:18px;
				background-position:0 -38px;
			}
			
			ul.addition_menu  li#pr a{
				height:24px;
				background-position:0 -60px;
			}
			
			ul.addition_menu  li#map a{
				height:18px;
				background-position:0 -92px;
			}
			
			
.home_testimonials {
	border:1px solid #e3e3e3;
	background:transparent url(../i/bg_30.png) 0 0 repeat;
	padding:20px 15px;
	margin-top:20px;
	font-size:11px;
	line-height:18px;
}	

	.shadow_img_bg {
		background:white url(../i/shadow_img_bg.png) 0 0 no-repeat;
		padding:7px;
		width:65px;
		height:75px;
		overflow:hidden;
		float:left;
		margin:0 15px 15px 0;
	}
			
			
	.testimonials_sign {
		text-align:right;
		font-style:italic;
		color:#272727;
		padding:20px 0 0 0 ;
	
		
	}
	
.copyright{
	float:right;
	font-size:10px;
	line-height:17px;
	text-align:right;
	color:#272727;
	margin-right:10px;
}	

.footer {
	height:75px;
	padding-top:10px;
	padding-left: 5px;
	border-top:1px solid #dbdde0;
	background:white url(../i/bg_30.png) 0 100% repeat-x;
	
}

.menu_footer li{
	float:left;
}
	 .menu_footer li a{
		font-weight:bold;
		display:block;
		padding:15px 30px 0 0;
		text-decoration:none;
		color:#36697f;
	 }
			
			
			
			
.address {
	height:150px;
	width:400px;
	position:relative;
	margin:30px 0 0 10px;
	overflow:hidden;
	background:transparent url(../i/phone_numer.png) 50% 50% no-repeat;
}
	.address .map_link{
		position:absolute;
		bottom:0;
		right:122px;
		text-indent:-9999px;
		width:90px;
		height:20px;
	}
			
.send_message a {
	height:24px;
	width:400px;
	display:block;
	margin:32px 0 0  10px;
	text-indent:-9999px;
	overflow:hidden;
	background:transparent url(../i/mail_icon.png) 50% 50% no-repeat;
}
			
			
			
			


.prod_table {}
.prod_table th {
		font-size:11px;
		color:white;
		font-weight:bold;
		background:#47749d;
		padding:5px;
		border:1px solid #dedede;
	}
	.prod_table td {	
		border:1px solid #dedede;
		font-size:11px;
		color:#666;
		padding:3px 5px;
		/*background:white;*/
		vertical-align:top;
	}
		.prod_table td  a{
			color:#36697F;
		}
	td.prod_table_total {
		font-size:18px;
		text-align:right;
		color:black;
		padding:10px;
		
		
	}

	img.intocart {margin:2px 10px 0 0;float:right;}


div.tree_view_wrap {
	/*width:220px;*/
	height:200px;
	overflow-y:scroll;
	overflow-x:hidden;
	
}

div.CheckOrder {
	/*width:90%;*/
	border:1px solid #aaa;
	font-weight:bold;
	/*float:left;*/
	background:white;
	line-height:22px;
	padding:10px 10px;
}
	div.CheckOrder div.COpad{padding:10px;}

	div.CheckOrder input{
		height:20px;
		padding:2px;
		font-size:14px;
		display:block;
		font-weight:normal;
		border:1px solid #aaa;
	}
	div.CheckOrder  div {
		float:left;
		margin:0 20px 0px 0; 
	}
	
	div.CheckOrder  div.fio  input{width:410px;}
	div.CheckOrder  div.phone  input{width:150px;}
	div.CheckOrder  div.addr  input{width:410px;}
	div.CheckOrder  div.comments  textarea{width:590px;display:block;height:80px;}

p.reg_text {
	color:#666;
	line-height:18px;
	padding-bottom:15px;
}

	p.reg_text a{color:#36697F;}


	
.slider_wrap {
	position:absolute;
	margin:0 0 0 500px;
	width:400px;
	left:0;
	top:0;
}











.low_part {position:relative;}



a.scroll_sign {
	display:block;
	height:5%;
	width:60%;
	margin:200px 0 0 60px;
	background: url(../i/arr_title_bg.png) 0 0 repeat-x;
	color:black;
	padding:4px 0 6px 0;
	font-size:80%;
	text-align:center;
	text-decoration:none;
	z-index:9;
	position:absolute;
}


#slider {
    width: 400px;
    margin: 0 auto;
    position: relative;

}

.scroll {
	overflow: hidden;
	width: 400px;
    margin: 0 auto;
    position: relative;
}

.scrollContainer {
	position: relative;
}

.scrollContainer div.panel {
    padding: 10px;
    width: 274px;
	height: 230px;
}

#left-shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	bottom: 0;
	background: url(../i/leftshadow.png) repeat-y;
}

#right-shadow {
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	bottom: 0;
	background: url(../i/rightshadow.png) repeat-y;
}

.inside {
	/*padding: 10px;
	border: 1px solid #999;*/
}

.inside img {
	display: block;
	border: 1px solid #666;
	margin: 0 0 10px 0;
	width: 250px;
}

.inside h2 {
	font-weight: normal;
	color: #111;
	font-size: 16px;
	margin: 0 0 8px 0;
}

.inside p {
	font-size: 11px;
	color: #ccc;
}

.scrollButtons {
    position: absolute;
    top: 127px;
    cursor: pointer;
}

.scrollButtons.left {
    left:10px;
	top:170px;
	z-index:10;
}

.scrollButtons.right {
    right:10px;
	top:170px;
	z-index:10;
}

.hide {
    display: none;
}