
/* Main Product Page Styles
----------------------------------------------- */
#products #prodlist {
	min-height: 200px;
}
* html #products #prodlist {
	height: 200px;
}
#main h1 {
	margin: 0; 
	width: 534px;
	height: 74px;
	background: url(../images/products/gr-bgrd-top.png) no-repeat;
	padding-top: 1px;
}
#main h1 b {
	display: block;
	margin: 32px 0 0 32px;
	font: bold 32px/1 "Arial Narrow", Arial, Helvetica, sans-serif;
	color: #922300
}
#main p {
	margin: 0 45px 14px 14px;
}
#prodlist {
	width: 514px;
	padding: 8px 0 4px 20px;
	background: url(../images/products/gr-bgrd-mid.png) repeat-y;
}
.prodpod {
	margin: 0 5px 11px 8px;
	width: 455px;
	height: 133px;
	color: #7A7A7A;
	position: relative;
	background: #8A8C8E url(../images/products/product-pod-select.png) no-repeat;
}
.prodpod .prod-img {
	width: 455px;
	height: 133px;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	background: #8A8C8E url(../images/products/product-pod.png) no-repeat;
}
.select, .prodpod:hover {
	color: #000;
}
.select .prod-img, .prodpod:hover .prod-img {
	background-image: url(../images/products/product-pod-select.png);
	background-color: #922300;
}
.select {
	margin-bottom: 16px;
}
.prodpod img { 
	display: inline; /* IE double margin bug fix */
	float: left; 
	margin:3px 0 0 16px; 
}
.prodpod h2, #main .prodpod p { 
	display: inline; /* IE double margin bug fix */
	float: right; 
	width: 290px; 
	margin: 0; 
	padding: 0; 
	margin-right: 12px;
	position: relative;
	z-index: 50;
}
.prodpod h2 { 
	color: #727272;
	line-height: 1.2em; 
	font-size: 14px; 
	margin-top: 0.8em;
	margin-bottom: 0.3em;
}
.prodpod.select h2, .prodpod:hover h2 {
	color: #922300;
}
#main hr {
	margin: 0 0 16px 14px;
	width: 440px;
	height: 0;
	line-height: 0;
	border: none;
	border-bottom: 2px dotted #AAA;
}
#products #main h3 {
	margin: 0 10px 12px 13px;
	font: bold 15px/1.2 Arial, Helvetica, Verdana, sans-serif;
	color: #777;
}
#products #main h3 a {
	color: #555;
	text-decoration: underline;
}
#products #main h3 a:hover {
	color: #262626;
}


.prodpod .info {
	width: 455px;
	height: 133px;
	display: block;
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
	text-decoration: none;
	background: url(../images/footer/bullet.gif) 5000px 5000px no-repeat;
}
.prodpod .info span {
	padding-right: 11px;
	position: absolute;
	bottom: 6px;
	/*left: 154px;*/
	right: 25px;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	background: url(../images/home/read-more-arrow.gif) 100% 4px no-repeat;
	color: #FF1010;
}

.prodpod b {
	font-weight: bold;
	text-transform: none;
	color: #004A9C;
}


/* Product bottom navigation
----------------------------------------------- */
#prodbot-nav {
	width: 534px;
	height: 50px;
	background: url(../images/products/gr-bgrd-bot.png) no-repeat;
	position: relative; 
}


/* Product page navigation styles
----------------------------------------------- */
.browse {
	margin: 0;
	padding: 0;
	position: absolute; 
	top: 20px;
	/* right: 52px; */
	right: 0;
	width: auto;
}
.browse#browse-bot {
	top: auto;
	z-index: 500;
}
.browse a {
	margin-left: 2px;
	padding: 0 4px;
	display: block;
	color: #922300;
	text-transform: uppercase;
	font-weight:bold;
	font-size: 10px;
	line-height: 1em;
	float: left;
	display: inline; /* IE double margin fix */
}
.browse a.next {
	margin-left: 10px;
	padding-left: 0;
	padding-right: 14px;
	background: url(../images/products/downarrow.gif) 100% 50% no-repeat;
}
.browse a.prev {
	margin-right: 10px;
	padding-left: 14px;
	padding-right: 0;
	background: url(../images/products/downarrow.gif) 0 50% no-repeat;
}
.browse a.null {
	color: #000;
	font-size: 11px;
	cursor: default;
}

#prodbot-nav .browse {
	top: 18px;
}
#main #toorder { 
	position: absolute;
	top: 20px; 
	right: 11px;
	width: 24px;
	height: 187px;
	margin: 0;
	background-image:url(../images/products/toordercall.gif);
	text-indent: -9000px;
}


body#products {
	behavior: url(../behaviors/csshover.htc);
}


/* Product Page IE PNG Fixes
----------------------------------------------- */
* html #main h1  { 
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.hi-line.com/images/products/gr-bgrd-top.png',sizingMethod='crop');
}

* html #prodlist { 
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.hi-line.com/images/products/gr-bgrd-mid.png',sizingMethod='scale');

}
* html #prodbot-nav {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.hi-line.com/images/products/gr-bgrd-bot.png',sizingMethod='crop');
}
* html .prodpod .prod-img {
	background: #8A8C8E;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.hi-line.com/images/products/product-pod.png',sizingMethod='crop');
}
* html .select .prod-img, * html .prodpod:hover .prod-img {
	background: #922300;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.hi-line.com/images/products/product-pod-select.png',sizingMethod='crop');
}
