@charset "UTF-8";
/* CSS Document */

	#logoMobile { display: none; }
	a#hamburgerMenuSelect { display: none; position: absolute; top: 0; right: 0; background-color: #c70000; text-align: center; width: 50px; height: 55px; cursor: pointer; }
	#hamburgerMenuSelect img { width: 100%; }
	nav#mobileNav { height: 0; overflow: hidden; transition: height .5s; }
	.showMobileNav { height: 0; overflow: hidden;}
		
	a[href^=tel] { color: inherit; text-decoration: none; }

@media screen and (max-width: 1000px) {
	#container, header { margin: 0 auto; width: 100%; background-image: none; }
	nav#primary { display: none; }
	nav#secondary { float: none; margin-right: 70px; text-align: center; }
	nav#secondary ul li { display: inline-block; background: 0; padding: 0; border-left: 1px solid #ddd; padding: 10px 12px; border-left: none; }
	
	h2#logo a { display: none; }
	#logoMobile { display: block; margin: -3px 0 0 -25px; text-align: left; }
	a#hamburgerMenuSelect { display: block; }
	 
	 nav#tertiary { width: 100%; }
	
	nav#mobileNav ul li.search label { display: none; }
	nav#mobileNav ul li input#submit { background: url(/images/main/sprite-main.png) -334px 0 no-repeat; width: 35px; border: 0; height: 35px; margin: 0;padding: 0; vertical-align: middle; -webkit-appearance: none; -webkit-border-radius: 0; text-indent: -999em; cursor: pointer; }
	nav#mobileNav ul li input { border: 0; background: #e0e0e0; color: #555; font-size: 108.3%; height: 35px; padding: 0; width: 194px; padding-left: 6px; line-height: 283.3%; vertical-align: middle; -webkit-appearance: none; -webkit-border-radius: 0; }
	
	 .showMobileNav { height: auto !important; transition: height .5s; border-top: 1px solid #999;} 
	 nav#mobileNav { position: absolute; top: 55px; right: 0; width: 380px; z-index: 1001; background-color: #fff; margin: 0; font-size: 120%;  border-left: 1px solid #999; }
	 nav#mobileNav ul { margin-left: 0; }
	 nav#mobileNav ul li { width: 100%; padding: 0; display: block;  }
	 nav#mobileNav ul li a { font-size: 1.2em; background: none;  display: block; border-bottom: 1px solid #cdcdcd; width: 340px; padding: 10px 20px; color: #333; }
	 nav#mobileNav ul li a:hover { text-decoration: none; background-color: #cc0000; color: #fff; transition: background-color .5s, color .5s; }
	 nav#mobileNav ul li input { background-color: #dedede; width: 310px; padding-left: 20px; line-height: normal; } 
	 nav#mobileNav ul li input#submit { position: absolute; right: 0; }
	 nav#mobileNav ul li.search form { background-color: #cc0000; }
	 nav#mobileNav ul li input#submit { background: url(/images/main/icon-search.png) 0 5px no-repeat; background-size: 25px; }
	 nav#mobileNav ul li.subSecHeader { color: #333; text-transform: uppercase; background-color: #cdcdcd; width: 100%; padding: 10px 0 10px 18px;}
	 
	 nav#mobileNav .buySection, nav#mobileNav .regionSection, nav#mobileNav .loginSection { display: none; }
	 nav#mobileNav .showMobileSubSection { display: block; }
	 
	 nav#mobileNav .topSec.off { background-image: url(/images/main/icon-menuexpand.png); background-repeat: no-repeat; background-position: 340px 2px; }
	 nav#mobileNav ul li:hover .topSec.off { background-position: 340px -93px; }
	 
	 nav#mobileNav .topSec.on{ background-image: url(/images/main/icon-menuexpand.png); background-repeat: no-repeat; background-position: 340px -40px; }
	 nav#mobileNav ul li:hover .topSec.on { background-position: 340px -136px; }
	 
	 nav#mobileNav a.subSec { border-bottom: 0; font-size: .9em; padding: 10px 0 10px 30px; background-image: url(/images/main/icon-menuexpand.png); background-repeat: no-repeat; background-position: 8px -167px; }	
	
	 section#social { width: 125px; float: none; text-align: left; margin-bottom: 40px; }
	 section#social p { color: #666; clear: both; float: none; text-align: center; }
	 section#social p.icons { width: 125px; margin: 0 auto; }
	 #to-top { clear: none; float: left;  margin-top: 0; }
	 #to-top a { color: #666; }
	 footer { width: 100%; background-color: #484747; padding: 20px; margin-left: -45px; }
	 footer section { padding: 15px 15px 0 0 ; border-top: 1px solid #fff; }
	 
	 /* test puproses only */
	
	/*#featured { -webkit-box-shadow: none; box-shadow: none; border: none; padding: none; }
	#featured-content { width: 100%; height: 100px;  }
	.featured-full { padding: 0; } */
	
	/* end test purposes only */
	 
}

@media screen and (max-width: 960px) {
	footer ul#regions { width: 100%; }
	footer ul#regions li.first, footer ul#regions li.last { padding-left: 5px; }
	footer ul#regions li { display: block; padding: 5px; }
	footer #store-links { width: 100%; }
	footer#bottom { width: 100%; margin-left: -25px; }
	footer#bottom div { width: 80%; margin-left: -5px; }
	footer#bottom ul#left { float: none; }
	footer#bottom ul#right { float: none; margin-top: 5px; }
	
	
}

@media screen and (max-width: 720px) {
	footer section:nth-child(4) { clear: both; }
	footer section:nth-child(3) { clear: none; }
	footer section:nth-child(5) { clear: none; }
}

@media screen and (max-width: 700px) {
	footer section:nth-child(4) { clear: both; }
	footer #store-links { display: none; }
	footer ul#regions { height: 0; overflow: hidden; }
}

@media screen and (max-width: 600px) {
	nav#secondary { display: none; }	
}


@media screen and (max-width: 540px) {
	#logoMobile { width: 130px; overflow: hidden; }
	#logoMobile img { margin-right: 0; }
	nav#mobileNav { width: 100%; float: none; }
	nav#mobileNav ul li a { background: none;  width: 100%; }
	nav#mobileNav ul li input { width: 82%; }
	footer { font-size: 160%; line-height: 150%;}
	footer section { clear: both; width: 80%; }
	footer section:nth-child(4) { clear: both; }
	footer#bottom { width: 100%; font-size: 110%;  }
	footer#bottom ul li { display: block;}
	
}

@media screen and (max-width: 360px) {
	nav#mobileNav ul li input { width: 250px; }
	
	nav#mobileNav .topSec.off { background-position: 284px 2px; }
	 nav#mobileNav ul li:hover .topSec.off { background-position: 284px -93px; }
	 
	 nav#mobileNav .topSec.on{ background-position: 284px -40px; }
	 nav#mobileNav ul li:hover .topSec.on { background-position: 284px -136px; }
}

