/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 2%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF TWELVE  */
.span_12_of_12 {
	width: 100%;
}

.span_11_of_12 {
  	width: 91.5%;
}
.span_10_of_12 {
  	width: 83%;
}

.span_9_of_12{
  	width: 74.5%;
}

.span_8_of_12 {
  	width: 66%;
}

.span_7_of_12 {
  	width: 57.5%;
}

.span_6_of_12 {
  	width: 49%;
}

.span_5_of_12 {
  	width: 40.5%;
}

.span_4_of_12 {
  	width: 32%;
}

.span_3_of_12 {
  	width: 23.5%;
}

.span_2_of_12 {
  	width: 14.66%;
}

.span_1_of_12 {
  	width: 6.5%;
}


.mobilegrid .span_10_of_12 {
  	width: 83% !important;
}


.mobilegrid .span_2_of_12 {
  	width: 15% !important;
}



.mobileHead .span_9_of_12 {
	width: 74.5% !important;
}

.mobileHead .span_7_of_12 {
  	width: 57.5% !important;
}

.mobileHead .span_6_of_12 {
  	width: 49% !important;
}

.mobileHead .span_5_of_12 {
  	width: 40.5% !important;
}

.mobileHead .span_4_of_12 {
  	width: 32% !important;
}

.mobileHead .span_3_of_12 {
  	width: 23.5% !important;
}


/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 960px) {
	.col {  margin: 1% 0 1% 0%; }
    
    .span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12 {
	width: 100%; 
	}
	
	.wrap{
		border:none !important;
	}
	
	.mainlogo{
		/*display:block;
		max-width:250px !important;
		margin:10px auto;*/
		max-width:250px !important;
		margin: 10px auto 0 auto;
		text-align:center;
	}
	
	.infobanner i{
		font-size:12px;
	}
	
	.infobanner li{
		margin:0 5px !important;
	}
	
	.cartbox{
		display:none;
	}
	
	.mobileHead{
		display:block !important;
	}
	
	.mobileHeadIcons{
		display:block !important;
	}
	
	.mainMenu{
		display:none !important;
	}
	
	.trendingitem{
		display:inline-block !important;
		width:33%;
	}
	.trendingitem .offertitle{
		display:none !important;
	}
	
	.trendingitem .offerprice{
		text-align:center;
		margin:auto;
		display:block;
		max-width:50%;
	}
	
	.trendingitem .itemcount{
		margin:auto;
	}
	.trendingitem img{
		margin:auto;
		display:block;
	}
	
	.searchDesktop{
		display:none;
	}
	
	.mobilegrid .span_4_of_12 {
		width: 100% !important;
	}
	
	.specialOfferBlock{
		width:100% !important;
	}
	
	.site-menu{
		padding: 25px !important;
		text-align: center;
	}
	
	.trendingItems, .newproducts{
		display: none;
	}
	
	.h2border h2{
		display: block;
		width: 100%;
		padding: 5px 25px !important;
		font-size: 20px !important;
	}
	
	.home hr{
		display: none;
	}
	
	.brandLogoPage, .brandLogoPageWhite{
		width: 49% !important;
		padding: 25px 10px !important;
	}
	
	.mobileLogo{
		text-align:center;
		width:100% !important;
	}
	
	.productLeftCol, .productRightCol{
		width:100% !important;
		float:none !important;
	}
	
	.productList .span_6_of_12 {
		width:250% !important;
	}
	
	.pa, .ca{
		display:block !important;
	}
	
	.offersCol{
		display:none;
	}
	
	.cartButtons .col{
		width:49%;
	}
	
	.cartButtons .col:nth-child(1){
		margin-right:1%;
	}
	.cartButtons .col:nth-child(2){
		margin-left:1%;
	}

	.updateCart, .emptyCart{
		width:49% !important;
		text-align:center;
		display:inline-block !important;
	}
	
	.emptyCart{
		float:left !important;
	}
	
	.coupon #coupon_code{
		width:75% !important;
		float:left !important;
	}
	
	.coupon .button{
		width:25% !important;
		float:left !important;
	}

}