@import url('reset.css');
a{
	text-decoration:none;
	color:#7b8891;
	
	}
	a:hover{color:#df3f27;}
body{
	background:#d2d9dc url(../images/blue/body-bg.png) repeat-x top;
	font-family: Tahoma, Geneva, sans-serif;
	color:#7b8891;
	font-size:12px;
	}
#wrap{
	width:85%;
	margin:0 auto 0 auto;}

/***************************************************** Header****************************************************/
#header{
	clear:both;
		font-size:12px;
		
	}
	li#this{
		margin:0 0 0 3px;
		display:block;
		background:url(../images/blue/misc/this.png) no-repeat;
		color:#FFF;
		width:185px;
		height:30px;
		padding:5px 5px;
		line-height:11px;
		font:12px;
		font-weight:bold;}
#navigation{
	
	height:32px;
	color:#ccdbe6;
	text-shadow:1px 1px 1px #1c2328;
	background:#464f56 url(../images/blue/navbar-bg.png) repeat-x top;
	padding:0 10px;
	border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	behavior: url(js/ie-round-corners-fix/PIE.htc);
	margin: 0 0 15px 0;
			}
			
			
		#navigation	#nav li{
			line-height:30px;
			display:inline;}
		#navigation	#nav li a{
			font-size:11px;
			margin:0 10px;
			color:#c8d7e2;
			padding:4px 2px;
			}
			#navigation	#nav li a:hover{
				border-top:3px solid #e76c5a;
				/*border-bottom:3px solid #e76c5a;*/
				color:#fff;}
	
	ul#nav{
		float:right;
		display:block;
		width:50%;
		}
		
		#search{
			float:left;
			margin: 5px;
			
			}
			#search p{
				float:right;
				line-height:22px;}
		#search p, input{
			float:right;
			margin:0 10px 0 0 ;
			}
		#search-box{
			border-radius:3px;
			-moz-border-radius:3px;
			-webkit-border-radius:3px;
			behavior: url(js/ie-round-corners-fix/PIE.htc);
			border:1px solid #91a2af;
			background:#717d85;
			padding:3px;
			font-size:10px;
			color:#c8d7e2;}
			
		#search-btn{
			display:block;
			background:url(../images/blue/misc/searchico.png) no-repeat;
			text-indent:-9999px;
			border:0px;
			height:16px;
			width:16px;
			margin: 3px 5px 0 0;
			}
			#search-btn:hover{
				cursor:pointer;
				background:url(../images/blue/misc/searchico2.png) no-repeat;
				
				}
/*****************************************styleswicher ***********************************/
ul#styleswicher{
	height:15px;
	width:54px;
	float:left;
	margin: 3px 0 0 20px;}
	
	ul#styleswicher li{
		
		height:15px;
		width:14px;
		margin:0 2px;
		float:right;
		display:block;
			}
ul#styleswicher li a{
	display:block;
	height:15px;
	width:14px;
	text-indent:-99999px;}
			
			.bluestylesheet a{
				background:url(../images/bluestyleicon.png) no-repeat;}
				.bluestylesheet a:hover{
				background:url(../images/bluestyleicon2.png) no-repeat;}
				
			.redstylesheet a{
				background:url(../images/redstyleicon.png) no-repeat;}
				.redstylesheet a:hover{
				background:url(../images/redstyleicon2.png) no-repeat;}
				
			.orangestylesheet a{
				background:url(../images/orangestyleicon.png) no-repeat;}
				.orangestylesheet a:hover{
				background:url(../images/orangestyleicon2.png) no-repeat;}
	
				
/*****************************************logo control ***********************************/
#logo-control{
	margin:0 0 15px 0 ;
	font-size:10px;
	color:#7b8891;
	text-align:right;}
	

		
#logo-control h1{
			display:block;
			height:32px;
			width:234px;
			margin:0;}
 h1#logo a {
	font-size:22px;
	background:url(../images/blue/logo.png) no-repeat;
	height:32px;
	width:234px;
	display:block;
	text-indent:-99999px;
	margin:0;
	
	}
	
	#logo-box{
		float:right;
		height:66px;
		width:250px;
		padding:0 5px 0 0 ;}
		p#plogo{
			color:#6b6b6b;
			line-height:7px;
			margin:0px;
			text-indent:5px;
			margin: 0 7px 0 0;
			float:right;
			}
			
			#controls{
				padding:9px 20px;
				float:left;
				width:610px;
				height:39px;
				border-radius:5px;
				-moz-border-radius:5px;
				-webkit-border-radius:5px;
				behavior: url(js/ie-round-corners-fix/PIE.htc);
				background:url(../images/blue/controlbar-bg.png) repeat-x  top #8899a6;
				border:1px solid #7b8891;}
				
				#controls li{
					padding:0 19px 0 0 ;
					float:right;
					width:111px;
					height:37px;
					margin:0 11px;
					}
			#controls p{
				line-height:17px;
				font-size:12px;
				color:#39444c;}
		#controls	.bold{
			font-family:Verdana, Geneva, sans-serif;
			font-size:17px;
			font-weight:bold;}
			
		#controls li#welcome{
			background:url(../images/blue/misc/controlbar-dvider.jpg),  url(../images/blue/misc/welcome.png);
			background-repeat:no-repeat;
			background-position:left, top right;
			
			}
		#controls li#cart{
			background:url(../images/blue/misc/controlbar-dvider.jpg),  url(../images/blue/misc/cart.png);
			background-repeat:no-repeat;
			background-position:left, top right;
			
			}
		#controls li#currency{
			background:url(../images/blue/misc/controlbar-dvider.jpg),  url(../images/blue/misc/currency.png);
			background-repeat:no-repeat;
			background-position:left, top right;
			
			}
			
			#controls li#currency a{
				font-size:10px;
				font-weight:bold;
				padding:1px;
				float:right;
				margin:2px;
				display:block;
				height:14px;
				width:14px;
				border:1px #84919b solid;
				-moz-border-radius:2px;
				-webkit-border-radius:2px;
				border-radius:2px;
				behavior: url(js/ie-round-corners-fix/PIE.htc);
				background:#d2e0eb;
				color:#39444c;
				text-align:center;
				line-height:14px;
				}
				#controls li#currency a:hover{
					background-color:#f5e4bc;}
				#controls li#currency a:active{
					color:#fff;
					background:#df3f27;}
				
		#controls li#lang{
			background:  url(../images/blue/misc/lang.png);
			background-repeat:no-repeat;
			background-position:top right;
			
			}
			
			#controls li#lang select{
				
				float:right;
				color:#39444c;
				font-size:10px;
				margin:4px 0 0 0;
				width:80px;
				border-radius:3px;
				background:#b7c1ca;
				border:1px solid #8596a5;
			}
			
/****************************************************************************************************************/
/***************************************************** Slider****************************************************/
#slidoer{
	position:relative;
	margin:7px 0 0 0 ;
	border:1px solid #7b8891;
	background:#fff;
	padding:5px;
	}
	
/****************************************************************************************************************/
/***************************************************container****************************************************/
/******************************************** left**************************************/
#container{
	margin: 15px 0 0 0;
	overflow:hidden;}
#right{width:722px;
float:left;
}
#left{width:224px;
margin:0 0 0 15px;}
h2.heading{
	
	font-family:Verdana, Geneva, sans-serif;
	background:url(../images/blue/block-heading-bg.png) repeat-x;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	
	font:22px bold;
	color:#ccdbe6;
	height:42px;
	line-height:38px;
	padding: 0 15px 0 0;}
.white-border{
	overflow:hidden;
	width:auto;
	height:auto;
	border:1px solid #fff;
	border-radius:3px;
	padding:3px;
	padding-bottom:10px;
	}
#our-products, #categories-block, #top-products-block, #our-pratners{
	border-radius:3px;
	background:#f0f3f5 url(../images/blue/block-bg.png) bottom repeat-x;
	border:solid 1px #c1cace;
	margin-bottom:15px;}
	
/******************************************** categories block*************************************/

#categories-block li{
	height:13px;
	margin:10px 10px 10px  0;
	padding:2px 25px 0 0;}
	
#categories-block  .liststyle1{
	background:url(../images/blue/misc/icons/add.png) no-repeat right;
}
#categories-block  .liststyle2{
	background:url(../images/blue/misc/icons/applicationadd.png) no-repeat right;
}
#categories-block  .liststyle3{
	background:url(../images/blue/misc/icons/applicationviewtitle.png) no-repeat right;
}
#categories-block  .liststyle4{
	background:url(../images/blue/misc/icons/brick.png) no-repeat right;
}
#categories-block  .liststyle5{
	background:url(../images/blue/misc/icons/bricks.png) no-repeat right;
}
#categories-block  .liststyle6{
	background:url(../images/blue/misc/icons/cart.png) no-repeat right;
}
#categories-block  .liststyle7{
	background:url(../images/blue/misc/icons/chartbar.png) no-repeat right;
}
#categories-block  .liststyle8{
	background:url(../images/blue/misc/icons/coins.png) no-repeat right;
}

#categories-block  .liststyle9{
	background:url(../images/blue/misc/icons/creditcard.png) no-repeat right;
}
#categories-block li a{
	color:#7b8891;
	font-size:12px;}	
	#categories-block li a:hover{color:#df3f27;}
/******************************************** top products block*************************************/
#top-products-block li{
	display:block;
	height:50px;
	width:200px;
	}
#top-products-block{
	overflow:hidden;}
.top-product-listitem{
	
	border-bottom:1px solid #9aa3a9;
	margin: 20px auto 10px auto;
	width:200px;}
.top-product-listitem img{
	margin:0 0 0 10px;
	float:right;}
.top-product-listitem p{
	line-height:15px;
	padding:5px 0 0 0;
	font-weight:bold;
	float:right;}
.productlistprice:before{
	content:"Price:";
	}
.productlistprice:after{
	content:"$";}
/******************************************** right*************************************/
#our-products{
	overflow:hidden;
	}
#our-products li{
	margin: 10px;
	padding: 5px;
	overflow: hidden;
	border: #c2d3df 1px solid;
	line-height: 35px;
	padding-right: 10px;
}
#our-products li img
{
	padding: 0px 5px;
	width: 30px;
	height: 25px;
}
	#our-products a img {
		margin:5px auto;
		text-align:center;
		float:none;
	}
	#our-products li a{
		font-size:18px;
		color:black;
	}
	#our-products li a:hover
	{
		color:#DF3F27;
	}


	.product-item{
		overflow:hidden;
		width:222px;
		height:248px;
		border:1px #fff solid;
		}
	
	.product-price{
		height:52px;
		margin:3px 0 3px 0;
		background:url(../images/blue/product-price-bg-ar.png) no-repeat;}
	.product-price p{
			float:left;
			color:#2b353b;
			font-size:16px;
			font-weight:bold;
			margin:17px 0 0 35px;
			}
	.product-price p:after{
		content:'$';}
	.product-image img{
		height:100%;
		width:70%;}
	.product-image{
		text-align:center;
		padding:2px 0;
		height:150px;}
	.product-name{
		text-align:center;
		height:36px;
		background:url(../images/blue/product-block-name-bg.png) no-repeat;
		padding:3px 0 0 0;
		}
	.product-name h3{
		color:#FFF;
		font:18px;
		margin:2px 0 5px 0;
		font-weight:bold;}
	.product-name p{
		text-align:center;
		background:url(../images/blue/product-block-view-more.png) bottom no-repeat;
		}
	.product-name p a{
		font-size:10px;
		line-height:14px;
		color:#2c363c;
		}
	.product-name p a:hover{
		color:#c43011;}
/***************************************pratners************************************************/
#our-pratners img{
	margin:10px 29px;}
/***************************************************************************************/
/*********************************************************************************************container ends*****/
/***************************************************** footer****************************************************/
#footer{
	color:#ccdbe6;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	behavior: url(js/ie-round-corners-fix/PIE.htc);
	background:url(../images/blue/footer-bg.png) repeat-x top #707e88;
	overflow:hidden;
	padding:10px;}
	
	#footer a{color:#ccdbe6;}
	#footer a:hover{
		color:#fff;}
		#footer #nav-list{
			float:right;}
		#footer p{float:left;}
	#footer #nav-list li{
		display:inline;
		margin:0 10px;
		}
		

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