/*  MAKE LAYOUT RESPONSIVE at 480px FOR IPHONE LANDSCAPE ============================================ */


		.header-wrap {
			background:#fff;
		}
		header {
			width: 93.75%; /* 450px / 480px */
			height: 60px;
		}
		#top-hdr .top-hdr-content{
			width: 93.75%; /* 450px / 480px */
		}
		img.logo {
			height: 40px;
		}
		
		.mobile-yes {
			display:block;
		}
		.mobile-no {
			display:none!important;
		}
		
		
		h1, h2 { font-size: 2.1em;}
		.callout h1 {
    font-size: 10vw;
}
		
		
		h1.home-intro, h2.home-intro {font-size: 2.1em; }
		
		.reduce-margin { margin-top: -1.8em;}
		
		 #mobilecart-wrap {
		width: 100%;
		background: #ddd;
		margin: 0;
		display: block;
	}
	.mobilecart-icons {
		width: 80%;
		font-size: 0.8125em; /* 13 / 16 */
			margin: 0 auto;
			clear: both;
				width: 93.75%; /* 1000px / 1250px */
				font-size: 0.75em; /* 13 / 16 */
				margin: 0 auto;
				padding: 0.24px;
				color: #333;
				line-height: 1.5em;
				position: relative;
				font-style: italic;
				max-width: 1024px;
				font-family: "Times New Roman", Times, serif;
	}
	
	.mobilecart-icons .iconset {
		float: right;
		position: relative;
		text-align: right;
	}
	.mobilecart-icons .iconset img {
		display: inline-block;
		
	}
	.mobilecart-icons .iconset a:nth-child(3) img{
    margin-right: 10px;
    margin-left: 20px;
		
	}
	
	
	
	

	.mobilecart-icons span {
		float: left;
		text-align: left;
	}
	
	
	img.menu-mobile {
	float: right;
	margin-top:1em;
	border-radius: 3px;
	background:#fff;
}
img.menu-mobile:hover {
	background:#a3c20b;
	
}


.lessmarg-mobi {
	margin-top:-1.75em
}

.cust-help {
	text-align: center;
	height: 80px;
}

.cust-help img {
	float: none;
	margin: 0 auto;
	text-align: center;
	display: block;
}
	
.cust-help span {
	display: block;
    float: none;
    font-size: 0.78em;
    line-height: 1.2em;
    margin: 0 0.15em;
    position: relative;
    text-align: center;
}
.cust-help span i {
	display: block;
	font-size: .70em;
	font-style: normal;
	margin-top:0;
	line-height: 1.2em;
}



.sidedescript {
	border-bottom: 1px dotted #999;
}


#wrapper header nav ul {margin: 0;}
		#wrapper header nav.nav-collapse ul li {
			/* font-size: 98.75%; */
			border-right: none;
			display: block;
			width:100%;
		}
		
		#wrapper header nav.nav-collapse {
			background:#333;
			padding: 0;
			margin: 0.5em 0 0 0;
		}
		
		#wrapper header nav.nav-collapse ul li  {
			border-right: none;
			display: block;
			margin:0;
			padding: 0;
			border-left:none;
			border-bottom: 1px solid #777;
		}
		#wrapper header nav.nav-collapse ul li:hover {
			background:#a3c20b;
			box-shadow: none;
		}
		#wrapper header nav.nav-collapse ul li a{
			padding: 1em;
			display: block;
			color:#fff!important;
			
		}
		#wrapper header nav.nav-collapse ul li a:hover {
			color:#fff!important;
		}
		#wrapper header nav.nav-collapse ul li a:after {
			content: ">";
			margin-left:5px;
			font-weight: 900;
		}
		#wrapper header nav.nav-collapse ul li a span {
			display: none;
			
		}
	img.m-logo {
		width: 60%;
	}
		
		.product-container img.product {
			width: 30%;
		}
		
		
		
		.product-container p {
			display: inline-block;
    		vertical-align: top;
		}
		.product-container  p a:nth-child(1) {
			font-size: 1.1em;
		}
		
		.product-container img.arrow-more {
		float: right; 
		position: absolute;
		right: 5px;
		top:30%;
		display: block;
		opacity: 0.75;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
			filter: alpha( opacity  = 75);
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all 0.3s ease;
		}
		
		.product-container img.arrow-more:hover {
			opacity: 1.0;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			filter: alpha( opacity  = 100);
		}
		
		
.top-hdr-content ul.more li {
text-align: right;
}
		
		
		
		#breadcrumb, .social { display: none;}

		#maincontent{
			width: 93.75%; /* 450px / 480px */
		}
		
	
		.maincontent{
			width: 93.75%; /* 450px / 480px */
		}
		#bcwrap {
		width: 93.75%; /* 450px / 480px */
		}
		a.viewcart {
			width:100%;
		}
		footer {
			width: 93.75%; /* 450px / 480px */
		}
		
		#top-preview {display: none;}

/*  VIEW CART   */


div.topcart-wrap {
	background: none;;
    border-radius: 0;
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
}

div.topcart-wrap:hover  {
background: none;
}

ul#topcart  {
	float: left;
	padding: 0;
	margin: 0;
}



ul#topcart li {
	display: inline;
}

ul#topcart li.mycart {
	background: url("/images/icons/redbasket.png") no-repeat scroll 0 -1px transparent;
    color: #ff0000;
    padding-left: 25px;
	font-weight: 600;
	
}

ul#topcart li a {
	color: #000;
}
ul#topcart li a:hover {
	color: #333;
}

ul#topcart li i {
	font-style: normal;
   	padding: 0 0 0 3px;
    vertical-align: top;
	font-size: .68em;
    
}

ul#topcart li em {
	font-style: normal;
    color: #999;
	padding: 0 7px 0 9px;
}
	

/*  GRID OF EIGHT TURNS INTO A GRID OF FOUR */

.span_8_of_8 {
	width: 100%; 
	margin-left: 0;
}

.span_7_of_8 {
	width: 100%;
	margin-left: 0;
}

.span_6_of_8 {
	width: 100%;
	margin-left: 0;
}

.span_5_of_8 {
	width: 100%;
	margin-left: 0;
}

.span_4_of_8 {
	width: 100%;
	margin-left: 0;
}

.span_3_of_8 {
	width: 74.2%;
	margin: 1% 0 1% 3.2%;
}

.span_2_of_8 {
	width: 48.4%;
	margin: 1% 0 1% 3.2%; 
}

.span_1_of_8 {
	width: 22.6%;
	margin: 1% 0 1% 3.2%; 
}
/*
.span_1_of_8:nth-child(4n+1) { 
	clear: both;
	margin-left: 0;
}
	*/	
	



#top-preview .span_8_of_8 {
	width: 100%; 
}

#top-preview .span_7_of_8 {
	width: 74.6%; 
}

#top-preview .span_6_of_8 {
	width: 49.2%; 
}

#top-preview .span_5_of_8 {
	width: 23.8%; 
}
	
#top-preview .span_4_of_8 {
	width: 100%; 
}

#top-preview .span_3_of_8 {
	width: 74.6%; 
}

#top-preview .span_2_of_8 {
	width: 49.2%; 
}

#top-preview .span_1_of_8 {
	width: 23.8%; 
}
	
#top-preview .span_1_of_8:nth-child(4n+1) { 
	clear: both;
	margin-left: 0;
}
	
p.prod-level {
   margin-top: -0.5em;
}
p.prod-intro-txt {
    font-size: 1em;
   /* line-height: 1.4em;*/
}

#mythumbs .span_3_of_8 {
	width: 100%; 
}


.sizing-chart th.vl {
	vertical-align: bottom;
}


.generalcontent {
	margin-top: 1em;
}