body{
	background: #f0f5f9;	
}
div.clear{
	clear: both;	
}
	div.clear.padme{
		padding-bottom: 20px;
    	padding-top: 20px;
	}
#spinner{
	background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%;
	display: none;
	z-index: 2000000;
}
	#spinner .position{
		left: 50%;
		position: absolute;
		top: 40%;
	}

/* HEADER */
#header{
	background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #D3D3D3;
    border-top: 4px solid #EC802B;
    width: 100%;
}
	#header .container{
		margin: 0 auto;
    	max-width: 1140px;
		position: relative;
		padding-bottom: 20px;
		padding-top: 20px;
	}
	#header .logo{ 
		position: absolute; 
	}
	#header .extrainfo{
		position: absolute;
		top: 5px;
		right: 5px;	
	}
	/* NAVIGATION */
	#header .nav{
		float: right;
		position: relative;
	}
		#header .nav span {
			display: none;
		}
		#header .nav ul{
			float: left;
			margin-right: 5px;
			margin-top: 6px;
		}
			#header .nav ul li{
				float: left;    
				margin-left: 5px;
			}
				#header .nav ul li a{
					float: left;
					padding: 10px;
				}
					#header .nav ul li.selected a{
						background: #005496;
					}
	/**/
	@media handheld, only screen and (max-width: 1140px) {
		#header {
			height: auto;
		}
		#header .logo {
			position: relative;
		}
		#header .nav {
			top: 0;
			float: left;
		}
	}
	/**/
	@media handheld, only screen and (max-width: 600px) {
		#header .logo {
			float: none;
			height: auto;
			text-align: center;
			position: relative;
			width: 100%;    
			margin-bottom: 10px;
		}
		#header .extrainfo {
			margin-bottom: 20px;
			position: relative;
			text-align: center;   
			top: auto;
			right: auto;
		}
		#header .nav {
			background: url("../images/nav-mobile-bg.png") no-repeat scroll 95% 12px #EFEFEF;
			clear: both;
			float: left;
			margin-bottom: 10px;
			margin-left: 0;
			margin-right: 0;
			position: relative;
			right: auto;
			top: 0;
			width: 100%;
			z-index: 999;
		}
			#header .nav span {
				display: block;
				left: 0;
    			min-height: 40px;
				position: absolute;
				top: 0;
				width: 100%;
				z-index: 0;
			}
			#header .nav ul {
				margin-right: 0;
				margin-top: 0;
				min-height: 40px;
				position: relative;
				width: 100%;
				z-index: 1;
			}
				#header .nav ul li {
					float: left;
					display: none;
					width: 100%;
					border: none;
					margin: 0;
					background: #EFEFEF;
				}
					#header .nav ul li.section{
						display: block;    
					}
						#header .nav ul li.section a{
							background: url("../images/nav-mobile-bg.png") no-repeat scroll 95% 50% #efefef;
							color: #717171;
						}
					#header .nav span a,
					#header .nav ul li a{
						padding: 4% 5%;
    					width: 90%;
						margin: 0;    
						float: left;
					}
				#header .nav ul:hover li {
					display: block;
				}
				#header .nav ul li:hover{
					color: #ffffff;
					background: #ec802b;
				}
	}
	/**/
	@media handheld, only screen and (max-width: 400px) {
		#header .logo img{
			width: 95%;
		}
	}
	
/* MARQUEE */
#marquee{
	width: 100%;
	background: #ec802b;
}
	#marquee .container{
		margin: 0 auto;
    	max-width: 1140px;
		position: relative;
	}
		#marquee .container h1{
		}
		#marquee .container span.bg{
			background: none repeat scroll 0 0 #000000;
			height: 100%;
			left: 0;
			position: absolute;
			top: 0;
			width: 100%;
			z-index: 0;
			opacity: 0.6;
		}
		#marquee .container span.text{
			float: left;
			padding: 5% 15%;
			position: relative;
			z-index: 1;
		}
		
/* CONTENT */
#content{
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}
	#content .container{
		background: none repeat scroll 0 0 #FFFFFF;
		border: 1px solid #DBDCDC;
		border-radius: 2px 2px 2px 2px;
		margin: 0 auto;
		max-width: 1128px;
		padding: 5px;
		position: relative;
	}
	/* TOUTS */
	#content .tout{
		float: left;
		padding: 2%;
		width: 29%;
	}
		#content .tout h2{
			margin-bottom: 10px;
		}
		#content .tout ul.half{
			float: left;
			width: 46%;
			margin-left: 4%;
		}
	/* SIDEBAR / CONTENT */
	#content .sidebar{
		background: none repeat scroll 0 0 #EC802B;
		float: left;
		padding: 2%;
		width: 19%;
	}
		#content .sidebar .box{
			float: left;
			margin-bottom: 20px;
			margin-top: 20px;
			padding: 3%;
			width: 94%;
		}
		#content .sidebar a.button{
			background: none repeat scroll 0 0 #FFFFFF;
			border: 1px solid #9E5C29;
			float: left;
			padding-bottom: 10px;
			padding-top: 10px;
			text-align: center;
			width: 98%;
		}
			#content .sidebar .subnav ul li {
				padding: 8px;
				}
			#content .sidebar .subnav ul li a {
				color: #FFF;
				display: inline-block;
				text-decoration: none;
				width: 100%;
			}
				#content .sidebar .subnav ul li:hover,
				#content .sidebar .subnav ul li.section {
					background: #717171;
				}
	/* CONTENT WITH SIDEBAR */
	#content .content{
		float: left;
		width: 96%;
		padding: 2%;
	}
	#content .content.sidebaryes{
		float: right;
		width: 73%;
		padding: 2%;
	}
	
	/**/
	@media handheld, only screen and (max-width: 600px) {
		#content .tout{
			float: left;
			padding: 2%;
			width: 96%;
		}
		#content .sidebar{
			float: left;
			width: 96%;
			padding: 2%;
		}
		#content .content.sidebaryes{
			float: left;
			width: 96%;
			padding: 2%;
		}
	}
	
/* CATEGORIES */
.vendors{
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;	    
	float: left;
}
	.vendors.preferred .vendor{
		float: left;
		padding-left: 2%;
		padding-right: 2%;
		width: 29%;	
	}
	.vendors.preferred a{       
		float: left;    
		width: 100%;
	}
	.vendors.preferred img{
		width: 100%;
		float: left;
		filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
		filter: gray; /* IE6-9 */
		-webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
	}
		.vendors.preferred img:hover{
			filter: none;
			-webkit-filter: grayscale(0);
		}
	
	.vendors ul{  
	    float: left;
		list-style: disc outside none;
		width: 100%; 
	}
		.vendors ul li.vendor{   
			float: left;
			margin-left: 3%;
			padding-bottom: 5px;
			padding-top: 5px;
			width: 47%;
		}
			.vendors ul li.vendor a{       
				float: left;
			}
			
ul li ul li.child_vendor{
			float: left;
			margin-left: 3%;
			padding-top: 5px;
			width: 57%;
}

ul li ul li.child_vendor a{
		float: left;
		font-size:13px;
		color:#EC802B;
}
		
	/**/
	@media handheld, only screen and (max-width: 600px) {
		.vendors.preferred .vendor{
			width: 96%;	
		}
	}
/* PRODUCT LINES */
.prod_vendor {
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
}
	.prod_vendor .vendor {
		float: left;
		padding-left: 2%;
		padding-right: 2%;
		width: 29%;	
	}
.products .product{
		float: left;
		padding-left: 2%;
		padding-right: 2%;
		text-align: center;
		width: 45%;	
	}
	/**/
	@media handheld, only screen and (max-width: 600px) {
		.prod_vendor .vendor {
			width: 96%;
		}
		.products .product{
			width: 96%;	
		}
	}
/* FOOTER */
#footer{
	width: 100%;
	margin-top: 20px;
	margin-bottom: 10px;
}
	#footer .container{
		margin: 0 auto;
    	max-width: 1140px;
		position: relative;
	}
	#footer .left{
		float: left;
		width: 49%;
		padding-left: 1%;
	}
	#footer .right{
		float: right;
		width: 49%;
		padding-right: 1%;
	}
		#footer .right ul{
			float: right;
		}
			#footer .right ul li{
				float: left;
				margin-left: 10px;
			}
				#footer .right ul li a{
					float: left;
					padding: 5px;
				}
	/**/
	@media handheld, only screen and (max-width: 600px) {
		#footer .left{
			float: left;
			width: 96%;
			padding: 2%;
		}
		#footer .right{
			float: left;
			width: 96%;
			padding: 2%;
		}
			#footer .right ul{
				float: left;
			}
	}