/* basic.css
	Shared styles for HuggerMugger pages.
	Source order of divs:
	#container
		#header
			#cartNav
		#nav
		...
		#footer
			#footerNav
*/

html, body{
	font:12px/15px arial, helvetica, verdana, sans-serif;
	color:#000;
	background-color:transparent; 
	margin:0;
	padding:0;
}
img{
	margin:0;
	padding:0;
}
form{
	margin:0;
	padding:0;
}
div{
	margin:0;
	padding:0;
	
}
.clear{
	margin:-1px 0 0 0;
	padding:0;
	display:block;
	clear:both;
	height:1px;
	line-height:1px;
}
/* Holly hack \*/
* html .clear{
	margin-top:-5px;
}
/* end hack */
ul{
	list-style:none;
}
a img{
	border:none;
}
#container{
	width:840px;
	margin:20px auto 0 auto;
	position: relative;
}
#header{
	position:relative;
	font-size:11px;
	color:#009cff;
	text-transform:uppercase;
}
#header #hm_logo{
	position:absolute;
	left:26px;
}
#cartNav{
	margin:22px 20px 0 0;
	float:right;
	display:inline;
	color:#008be4;
	font-size:10px;
}
#cartNav span.phone{
font-size:10px;
}
#cartNav a, #cartNav a:link, #cartNav a:visited, #cartNav a:active{
	margin:0 4px 0 4px;
	color: inherit;
	font-size: inherit;
	text-decoration:none;
	color:#008be4;
}
#cartNav a:hover{
	text-decoration:underline;
}
#cartNav #cart_icon{
	margin-left:6px;
}
#search{
	margin:7px 23px 21px 0;
	float:right;
	display:inline;
	position:relative;
}
#search label#search_field_lbl{
	display:block;
	width:100px;
	height:6px;
	line-height:6px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	background: url(../../images/ui/img/search.png) no-repeat top left;
}
input#search_field{
	height:15px;
	line-height:15px;
	width:108px;
	padding:2px;
	background: url(../../images/ui/img/search_bg.png) no-repeat top left;
	border:1px solid #d1d1d1;
	vertical-align:bottom;
}
input#search_go{
	position:relative;
	left:-3px;
	vertical-align:bottom;
}

/* Holly hack \*/
* html input#search_go{
	top:-1px;
}
/* end hack */
#nav{
	padding-bottom:25px;
	
}
#nav ul{
	width:815px;
	border-top:1px solid #d1d1d1;
	margin:0 auto 0 auto;
	padding:0;
}
#nav ul li{
	float:left;
	margin:0 3px 0 3px;
}
#nav ul li a:link, #nav ul li a:visited, #nav ul li a:active{
	display:block;
	padding:9px 8px 5px 8px;
	height:100%;
	text-decoration:none;
	
}
#nav ul a.selected:link, #nav ul a.selected:visited, #nav ul a.selected:active{
	background: url(../../images/ui/img/nav_bg_orange.png) repeat-x top left;
	padding:9px 7px 3px 7px;
	border-right:1px solid #ffd483;
	border-left:1px solid #ffd483;
	text-decoration:none;
}
#nav ul li a:hover{
	background: url(../../images/ui/img/nav_bg_blue.png) repeat-x top left;
	padding:9px 7px 3px 7px;
	border-right:1px solid #bfdff5;
	border-left:1px solid #bfdff5;
	text-decoration:none;
}

#nav_nav{
	position:relative;
	left:-28px;
	padding-bottom:22px;
}

#nav_nav ul{
	width:750px;
	border-top:1px solid #d1d1d1;
	margin:0 auto 0 auto;
	padding:0;
}
#nav_nav ul li{
	float:left;
	margin:8px 8px 2px 8px;
}
#nav_nav ul li a:link, #nav_nav ul li a:visited, #nav_nav ul li a:active{
	display:block;
	padding:9px 8px 5px 8px;
	
}
#nav_nav ul a.selected:link, #nav_nav ul a.selected:visited, #nav_nav ul a.selected:active{
	background: url(../../images/ui/img/nav_bg_orange.png) repeat-x top left;
	padding:9px 7px 3px 7px;
	border-right:1px solid #ffd483;
	border-left:1px solid #ffd483;
}
#nav_nav ul li a:hover{
	background: url(../../images/ui/img/nav_bg_blue.png) repeat-x top left;
	padding:9px 7px 3px 7px;
	border-right:1px solid #bfdff5;
	border-left:1px solid #bfdff5;
}
#plash, #itemSpecs{
	position:relative;
	width:100%;
	background: url(../img/plash_bg_tr.png) top right no-repeat;
}
#plash #blurb{
	position:relative;
	width:100%;
	background:url(../img/plash_bg_tl.png) top left no-repeat;
}

/*----- Non-general content ------*/
#footer{
	margin: 0; padding: 0;
	width: 840px;
	background: url("../img/foot_bg_br.png") top right no-repeat;
}
#footerNav{
	display:block;
	float: left;
	clear:left;
	display:inline;
	margin: 0; 
	padding: 34px 0 0 40px;
	background: url("../img/foot_bg_bl.png") top left no-repeat;
}
#af_footer{
	margin: 0; padding: 0;
	width: 840px;
	background: url("../img/af_foot_bg_br.png") top right no-repeat;
}
#af_footerNav{
	display:block;
	float: left;
	clear:left;
	display:inline;
	margin: 0; 
	padding: 34px 0 0 40px;
	/*background: url("../img/af_foot_bg_bl.png") top left no-repeat;*/
}
/* holly hack \*/
* html #footerNav{
	padding-left:26px;
}	
/* stop hiding */

#footerNav div.social {
	width:50px;
	float:left;
	margin:0;
	padding:0;
	display: inline;
}
#footerNav div.social ul{
	width:50px;
	float:left;
	margin:0;
	padding:0;
	display: inline;
}
#footerNav div.social ul.col li{
	padding:0; margin:0;
	list-style-type: none;
}

#footerNav div.social ul.col li a{
	font-size:12px;
	padding:0; margin:0;
	line-height:20px;
	color:#808080;
	text-decoration:none;
}

#footerNav div ul{
	width:125px;
	margin:0 18px 0 0;
	padding:0;
	float:left;
	display: inline;
}
#footerNav div ul.col li{
	padding:0; margin:0;
	list-style-type: none;
}
#footerNav div ul.col li a{
	font-size:12px;
	padding:0; margin:0;
	line-height:20px;
	color:#808080;
	text-decoration:none;
}

#af_footerNav div.social {
	width:50px;
	float:left;
	margin:0;
	padding:0;
	display: inline;
}
#af_footerNav div.social ul{
	width:50px;
	float:left;
	margin:0;
	padding:0;
	display: inline;
}
#af_footerNav div.social ul.col li{
	padding:0; margin:0;
	list-style-type: none;
}

#af_footerNav div.social ul.col li a{
	font-size:12px;
	padding:0; margin:0;
	line-height:20px;
	color:#808080;
	text-decoration:none;
}

#af_footerNav div ul{
	width:125px;
	margin:0 18px 0 0;
	padding:0;
	float:left;
	display: inline;
}
#af_footerNav div ul.col li{
	padding:0; margin:0;
	list-style-type: none;
}
#af_footerNav div ul.col li a{
	font-size:12px;
	padding:0; margin:0;
	line-height:20px;
	color:#808080;
	text-decoration:none;
}
#content form{
	background: url(../img/cat_bg_r.png) repeat-y top right;
	}