/* home.css
	Shared styles for HuggerMugger pages.
	Source order of divs:
	... in basic.css
		#plash
			#blurb
		#catalog
			.products
				.product
			.pageNav
	... in basic.css
*/

#plash{
	height:310px;
}
#plash #blurb{
	height:310px;
	z-index: 1;
}
#blurb object{
	width: 750px;
	height: 281px;
	position:absolute;
	left: 45px;
	top: 25px;
	overflow: visible;
}
#blurb p{
	width:310px;
	padding-left:172px;
	font-size:12px;
	line-height:18px;
	margin-top: -12px;
}
#catalog{
	position:relative;
	width:100%;
	background: url(../img/cat_bg_r.png) repeat-y top right;
}
#catalog div.products{
	position:relative;
	width:100%;
	background: url(../img/cat_bg_l.png) repeat-y top left;	
}
#catalog div.products ul{
	position:relative;
	margin:0 5px 0 26px;
	padding:0;
	width:788px;
	background: url(../img/cat_bg_t_grad.png) repeat-x top left;
}
#catalog div.products ul li{
	padding:0;
	margin:0;
	float:left;
	display:inline;
	width:156px;
	border-right:1px solid #fff;
	border-top:1px solid #eee;
	background: url(../img/cat_bg_t_grad.png) repeat-x top left;
}
html body #catalog div.products ul li.first{width:158px;}
html body #catalog div.products ul li.last{width:158px;border-right:none;}
.scrollback {
	position:absolute;
	left:8px;
	top:77px;
}
.scrollforward{
	position:absolute;
	left:806px;
	top:77px;
}
.pageNav{
	position:absolute;
	left:807px;
	top:-11px;
	background: url(../img/pagenav_bg_b.png) bottom right no-repeat;
}
.pageNav ul{
	width:20px;
	margin:0;
	padding:28px 0 16px 0;
	background: url(../img/pagenav_bg_t.png) top right no-repeat;
}
.pageNav li a{
	display:block;
	width:12px;
	height:12px;
	padding:2px;
	line-height:12px;
	font-size:10px;
	color:#585858;
	text-align:center;
	vertical-align:middle;
	text-decoration:none;
}
.pageNav li a.present{
	border:1px solid #ffaf15;
	padding:1px;
}
li.product div.prodThumb{
	height:100px;
	margin:0 auto 0 auto;
	text-align:center;
}
li.product h2, li.product h2 a{
	margin:0 auto 0 auto;
	padding:0 15px 0 15px;
	font:normal normal 10px/10px arial, helvetica, verdana, sans-serif;
	color:#000;
	text-decoration:none;
}
li.product h2 a{
	padding:0;
}
li.product h2 a:hover{
	text-decoration:underline;
}
li.product p.prodDesc{
	margin:0 auto 0 auto;
	padding:0 15px 0 15px;
	font:normal normal 10px/12px arial, helvetica, verdana, sans-serif;
	color:#666;
}
div.itemNav{
	padding-left:15px;
	font-size:10px;
	color:#009cff;
}
div.itemNav a{
	font-size:10px;
	color:#009cff;
	text-transform:lowercase;
}