/*  SECTIONS  ============================================================================= */

.section {clear: both; padding: 0px; margin: 0px; line-height:inherit;}

/*  GROUPING  ============================================================================= */


.group:before, .group:after {content:""; display:table;}
	
.group:after {clear:both;}

.group {zoom:1; /* For IE 6/7 (trigger hasLayout) */ line-height:inherit;}

/*  GRID COLUMN SETUP   ==================================================================== */

.col {display: block;float:left;margin: 0% 0 0% 3.2%; line-height:inherit;}

.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */


/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */

@media (min-width: 568px) and (max-width:1180px) {
	.container {width:90%;}
	#desktop-header {display:none;}
	#mobile-header {display:block;}
	#banner-container {padding:80px 100px;}
	#header-cart {text-align:center;}
	#header-search {margin:0;}
	.mobile_nav {margin-bottom:20px;}
}

/*  FOR MOBILE  */

@media (max-width: 568px) {
	.container {width:95%;}
	.col {float:none; width:100%; margin:3% 0;}
	#desktop-header {display:none;}
	#mobile-header {display:block;}
	#banner-container {padding:70px 10px;}
	#banner-container h1 {font-size:30px; line-height:26px;}
	#header-cart {text-align:center;}
	.side-nav {margin-bottom:50px;}
	.main-content-alt {padding:0;}
	.main-content {padding:0;}
	.ralign {text-align:left;}
	#image-slider-container {padding:0 10px;}
	#main-section {padding:30px 0;}
	h1 {font-size:20px;}
	h2 {font-size:19px;}
	h3 {font-size:18px;}
	.respacer {margin:30px 0;}
	
	#footer-section {padding-bottom:80px;}
	
	#mobile-cart {display:block;}
	.nomobile {display:none;}
	
	.mobileonly {display:block;}
	#cart-container {padding:0;}
	#cart-content {padding:0px; border-top:1px solid #e5e5e5;}
	.cart-header {display:none; background:#fff;}
	.cart-item {background:#fff;}
	.cart-item-info {vertical-align:top;}
	.cart-item-image {width:16%;}
	.cart-item-indent {display:none;}
	.cart-item-desc, .cart-item-desc-indented {width:76%;}
	.cart-item-quantity {width:84%; padding:10px 0 10px 16%;}
	.cart-item-quantity .select-container {background-color:#f7f7f7;}
	.cart-item-price {width:84%;}
	.cart-item-remove {position:absolute; top:10px; right:10px; width:24px; height:24px;}
	
	.cart-item-note {display:inline-block;}
	
	#cart-summary-container h2, #cart-summary-container h3, #cart-summary-container h4, #cart-summary-container h5 {text-align:center;}
	.cart-summary-promo {width:100%;}
	.cart-summary-promo-inner {padding:0;}
	.cart-summary-totals {width:100%; float:left;}
	.cart-summary-total-row-label, .cart-summary-total-row-value {width:50%;}
	#cart-summary-checkout-row {text-align:center;}
	.card-types {margin: 24px auto 0 auto;}
	
	.checkout-section {padding:20px;}
	#checkout-container {padding:0px; background:#fff; box-shadow:none;}
	.radio-tab {padding:20px; margin-left:-20px; margin-top:-20px; margin-right:-20px; margin-bottom:-20px;}
	#sameshipping-trigger {margin-top:-20px; margin-bottom:0px;}
	#newshipping-trigger {margin-bottom:-20px; margin-top:0px;}
	
	#checkout-summary-main {display:block;}
}


@media (device-height: 568px) and (device-width: 320px) and (-webkit-min-device-pixel-ratio: 2) {
	body {-webkit-text-size-adjust: none;}	
}


/*  GRID OF TWO   ============================================================================= */

.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 48.4%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 568px) {
	.span_2_of_2 {	width: 100%; }
	.span_1_of_2 {	width: 100%; }
}


/*  GRID OF THREE   ============================================================================= */

.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 65.6%; }
.span_1_of_3 { width: 31.2%; }


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 568px) {
	.span_3_of_3 {	width: 100%; }
	.span_2_of_3 {	width: 100%; }
	.span_1_of_3 {	width: 100%;}
}



/*  GRID OF FOUR   ============================================================================= */

.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.2%;
}
.span_2_of_4 {
	width: 48.4%;
}
.span_1_of_4 {
	width: 22.6%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 568px) {
	.span_4_of_4 {	width: 100%; }
	.span_3_of_4 {	width: 100%; }
	.span_2_of_4 {	width: 100%; }
	.span_1_of_4 {	width: 100%; }
}




/*  GRID OF FIVE   ============================================================================= */

.span_5_of_5 {
	width: 100%;
}
.span_4_of_5 {
	width: 79.36%;
}
.span_3_of_5 {
	width: 58.72%;
}
.span_2_of_5 {
	width: 38.08%;
}
.span_1_of_5 {
	width: 17.44%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 568px) {
	.span_5_of_5 {	width: 100%; }
	.span_4_of_5 {	width: 100%; }
	.span_3_of_5 {	width: 100%; }
	.span_2_of_5 {	width: 100%; }
	.span_1_of_5 {	width: 100%; }
}



/*  GRID OF SIX   ============================================================================= */

.span_6_of_6 {
	width: 100%;
}

.span_5_of_6 {
  	width: 82.8%;
}

.span_4_of_6 {
  	width: 65.6%;
}

.span_3_of_6 {
  	width: 48.4%;
}

.span_2_of_6 {
  	width: 31.2%;
}

.span_1_of_6 {
  	width: 14%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 568px) {
	.span_6_of_6 {	width: 100%; }
	.span_5_of_6 {	width: 100%; }
	.span_4_of_6 {	width: 100%; }
	.span_3_of_6 {	width: 100%; }
	.span_2_of_6 {	width: 100%; }
	.span_1_of_6 {	width: 100%; }
}


/*  GRID OF SEVEN   ============================================================================= */

.span_7_of_7 {
	width: 100%;
}

.span_6_of_7 {
  	width: 85.25%;
}

.span_5_of_7 {
  	width: 70.51%;
}

.span_4_of_7 {
  	width: 55.77%;
}

.span_3_of_7 {
  	width: 41.02%;
}

.span_2_of_7 {
  	width: 26.28%;
}

.span_1_of_7 {
  	width: 11.54%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 568px) {
	.span_7_of_7 {	width: 100%; }
	.span_6_of_7 {	width: 100%; }
	.span_5_of_7 {	width: 100%; }
	.span_4_of_7 {	width: 100%; }
	.span_3_of_7 {	width: 100%; }
	.span_2_of_7 {	width: 100%; }
	.span_1_of_7 {	width: 100%; }
}

/*  GRID OF EIGHT   ============================================================================= */

.span_8_of_8 {
	width: 100%;
}

.span_7_of_8 {
  	width: 87.1%;
}

.span_6_of_8 {
  	width: 74.2%;
}

.span_5_of_8 {
  	width: 61.3%;
}

.span_4_of_8 {
  	width: 48.4%;
}

.span_3_of_8 {
  	width: 35.5%;
}

.span_2_of_8 {
  	width: 22.6%;
}

.span_1_of_8 {
  	width: 9.7%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 568px) {
	.span_8_of_8 {	width: 100%; }
	.span_7_of_8 {	width: 100%; }
	.span_6_of_8 {	width: 100%; }
	.span_5_of_8 {	width: 100%; }
	.span_4_of_8 {	width: 100%; }
	.span_3_of_8 {	width: 100%; }
	.span_2_of_8 {	width: 100%; }
	.span_1_of_8 {	width: 100%; }
}

/*  GRID OF NINE   ============================================================================= */

.span_9_of_9 {
	width: 100%;
}

.span_8_of_9 {
  	width: 88.53%;
}

.span_7_of_9 {
  	width: 77.06%;
}

.span_6_of_9 {
  	width: 65.6%;
}

.span_5_of_9 {
  	width: 54.13%;
}

.span_4_of_9 {
  	width: 42.66%;
}

.span_3_of_9 {
  	width: 31.2%;
}

.span_2_of_9 {
  	width: 19.73%;
}

.span_1_of_9 {
  	width: 8.266%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 568px) {
	.span_9_of_9 {	width: 100%; }
	.span_8_of_9 {	width: 100%; }
	.span_7_of_9 {	width: 100%; }
	.span_6_of_9 {	width: 100%; }
	.span_5_of_9 {	width: 100%; }
	.span_4_of_9 {	width: 100%; }
	.span_3_of_9 {	width: 100%; }
	.span_2_of_9 {	width: 100%; }
	.span_1_of_9 {	width: 100%; }
}


/*  GRID OF TEN   ============================================================================= */

.span_10_of_10 {
	width: 100%;
}

.span_9_of_10 {
  	width: 89.68%;
}

.span_8_of_10 {
  	width: 79.36%;
}

.span_7_of_10 {
  	width: 69.04%;
}

.span_6_of_10 {
  	width: 58.72%;
}

.span_5_of_10 {
  	width: 48.4%;
}

.span_4_of_10 {
  	width: 38.08%;
}

.span_3_of_10 {
  	width: 27.76%;
}

.span_2_of_10 {
  	width: 17.44%;
}

.span_1_of_10 {
  	width: 7.12%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 568px) {
	.span_10_of_10 {width: 100%; }
	.span_9_of_10 {	width: 100%; }
	.span_8_of_10 {	width: 100%; }
	.span_7_of_10 {	width: 100%; }
	.span_6_of_10 {	width: 100%; }
	.span_5_of_10 {	width: 100%; }
	.span_4_of_10 {	width: 100%; }
	.span_3_of_10 {	width: 100%; }
	.span_2_of_10 {	width: 100%; }
	.span_1_of_10 {	width: 100%; }
}


/*  GRID OF ELEVEN   ============================================================================= */

.span_11_of_11 {
	width: 100%;
}

.span_10_of_11 {
  	width: 90.61%;
}

.span_9_of_11 {
  	width: 81.23%;
}

.span_8_of_11 {
  	width: 71.85%;
}

.span_7_of_11 {
  	width: 62.47%;
}

.span_6_of_11 {
  	width: 53.09%;
}

.span_5_of_11 {
  	width: 43.70%;
}

.span_4_of_11 {
  	width: 34.32%;
}

.span_3_of_11 {
  	width: 24.94%;
}

.span_2_of_11 {
  	width: 15.56%;
}

.span_1_of_11 {
  	width: 6.181%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 568px) {
	.span_11_of_11 {width: 100%; }
	.span_10_of_11 {width: 100%; }
	.span_9_of_11 {	width: 100%; }
	.span_8_of_11 {	width: 100%; }
	.span_7_of_11 {	width: 100%; }
	.span_6_of_11 {	width: 100%; }
	.span_5_of_11 {	width: 100%; }
	.span_4_of_11 {	width: 100%; }
	.span_3_of_11 {	width: 100%; }
	.span_2_of_11 {	width: 100%; }
	.span_1_of_11 {	width: 100%; }
}


/*  GRID OF TWELVE   ============================================================================= */

.span_12_of_12 {
	width: 100%;
}

.span_11_of_12 {
  	width: 91.4%;
}
.span_10_of_12 {
  	width: 82.8%;
}

.span_9_of_12 {
  	width: 74.2%;
}

.span_8_of_12 {
  	width: 65.6%;
}

.span_7_of_12 {
  	width: 57%;
}

.span_6_of_12 {
  	width: 48.4%;
}

.span_5_of_12 {
  	width: 39.8%;
}

.span_4_of_12 {
  	width: 31.2%;
}

.span_3_of_12 {
  	width: 22.6%;
}

.span_2_of_12 {
  	width: 14%;
}

.span_1_of_12 {
  	width: 5.4%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 568px) {
	.span_12_of_12 {width: 100%; }
	.span_11_of_12 {width: 100%; }
	.span_10_of_12 {width: 100%; }
	.span_9_of_12 {	width: 100%; }
	.span_8_of_12 {	width: 100%; }
	.span_7_of_12 {	width: 100%; }
	.span_6_of_12 {	width: 100%; }
	.span_5_of_12 {	width: 100%; }
	.span_4_of_12 {	width: 100%; }
	.span_3_of_12 {	width: 100%; }
	.span_2_of_12 {	width: 100%; }
	.span_1_of_12 {	width: 100%; }
}