@charset "utf-8";
#page {max-width:480px; width:96%; min-width:320px;margin:0 auto;} 
/*Search Box Mobile*/
.navSearch {
	width: 100%;
	margin: 0 0;
	padding-top: 10px;
}
.search-box {
	position: relative;
	background: url(/css/icons.png) no-repeat -145px -5px;
	height: 34px;
	padding: 0px;
}
.cat_textbox_small {
	border: 2px solid #1F82D2;
	width: 60%;
	padding-left: 30px;
}
.cat_button {
	height: 34px;
	width: 80px;
	float: right;
	font-size: 20px;
}
/*headermobile*/

#header {
	padding-top: 20px;
	padding-bottom: 15px;
}
#logo {
	width: 138px;
	height: 30px;
	background: url(/css/icons.png) no-repeat -2px -335px;
}
#headerImages {
	float: right;
	width: 142;
}
#headVan {
	width: 34px;
	height: 30px;
	background: url(/css/icons.png) no-repeat -0px -380px;
	float: right;
}
#headTruck {
	width: 34px;
	height: 30px;
	background: url(/css/icons.png) no-repeat -45px -380px;
	float: right;
}
#headPlane {
	width: 34px;
	height: 30px;
	background: url(/css/icons.png) no-repeat -90px -380px;
	float: right;
}
#headImSpace {
	width: 20px;
	height: 30px;
	background: url(/css/icons.png) no-repeat -152px -50px;
	float: right;
}


/*Image Banners*/
#heroImage {
	z-index: 0;
	width: 100%
	top: 20px;
	margin: 0 4%;
	max-width: 480px;
	height: 150px;
	background: url(/images/banners/Monster480x150.jpg) no-repeat;
	margin:0 auto;
	border-radius: 12px;
	behavior:url(PIE.htc);
}
#monsterBanner {
		z-index: 0;
	width: 100%
	top: 20px;
	margin: 0 4%;
	max-width: 480px;
	height: 150px;
	background: url(/images/banners/Monster480x150.jpg) no-repeat;
	margin:0 auto;
	border-radius: 12px;
	behavior:url(PIE.htc);
}
#monsterBannerSml {
		z-index: 0;
	width: 100%
	top: 20px;
	margin: 0 4%;
	max-width: 480px;
	height: 150px;
	background: url(/images/banners/Monster480x150.jpg) no-repeat;
	margin:0 auto;
	border-radius: 12px;
	behavior:url(PIE.htc);
}
#beachBanner {
		z-index: 0;
	width: 100%
	top: 20px;
	margin: 0 4%;
	max-width: 480px;
	height: 150px;
	background: url(/images/banners/Beach480x150.jpg) no-repeat;
	margin:0 auto;
	border-radius: 12px;
	behavior:url(PIE.htc);
}
#beachBannerSml {
		z-index: 0;
	width: 100%
	top: 20px;
	margin: 0 4%;
	max-width: 480px;
	height: 120px;
	background: url(/images/banners/Beach480x120.jpg) no-repeat;
	margin:0 auto;
	border-radius: 12px;
	behavior:url(PIE.htc);
}
/*navigation mobile */
/* Navigation */
#navDesktop {
	visibility: hidden;
	display: none;
}
#navMobile{visibility:visible;display:block;}
/*navigation mobile */
#navMobile {}



#navMobile ul, #navMobile li {
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
	display: block;
}
#navMobile ul{
	visibility: visible;
	display: block;
	position: relative;
	background: #1b78c1;
}
#navMobile > ul{width:100%;margin:0;
}
#navMobile ul ul{display: none;}
/*#navMobile ul ul {display: none;} */
/*mobile appearance top 2 levels*/
#navMobile a {
	display: block;
	color: white;
	text-align: center;
	text-transform: uppercase;
	white-space: nowrap;
	position: relative;
	border: 1px white solid;
	border-left:2px white solid;
	border-right: 2px white solid;
	text-decoration:none;
	width: auto;
	margin: 0;
	padding: 0;
	font-family: Trebuchet-MS, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	text-align: left;
	padding-left:40px;
	line-height: 2em;
	text-transform: uppercase;
	letter-spacing: 1px;
	background:pink;

}
/*mobile rollover for Menu level */
#navMobile ul a {background:#177cad;padding-left:60px;
}
/*mobile rollover for second level */
#navMobile ul ul a {
	background: #177cad;padding-left:100px;}
#navMobile  ul ul li:hover > a {
	background: #0d73a0;
}
/*mobile rollover for third level */
#navMobile ul ul ul a {
	background: #02608a;
	text-transform: none;padding-left:140px;
}
#navMobile ul ul ul li:hover > a {
	background: #00577f;
}
/*mobile rollover for fourt level */
#navMobile ul ul ul ul a {
	background: #02608a;
	text-transform: none;
	padding-left:180px;
}
/*reveals the hidden blocks*/
#navMobile li:hover > ul, #navMobile ul li:hover > ul {
	display: block;
}