/* blue product box */
#productBoxWrapperBlue {
	width:524px; 
	height:auto; 
	padding:0; 
	padding-top:10px; 
	margin:10px 23px; 
	background-image:url(productbox/avf-productBox-top.png);
background-repeat:no-repeat; 
	overflow:hidden;
}

#productBoxWrapperBlue .productBoxContent {
	width:auto; 
	height:auto; 
	padding:0; 
	margin:0 10px;
}

#productBoxWrapperBlue .productBoxContent img.title {
	width:504px; 
	height:30px;
}

#productBoxWrapperBlue img {
	border:none;
}

#productBoxWrapperBlue .productBoxFooter {
	width:524px; 
	height:10px; 
	padding:0; 
	margin:0; 
	background-image:url(productbox/avf-productBox-footer.png);
background-repeat:no-repeat;
}

/* green product box */
#productBoxWrapperGreen {
	width:524px; 
	height:auto; 
	padding:0; 
	padding-top:10px; 
	margin:10px 23px; 
	background-image:url(productbox/avf-hf-productBox-top.png);
	background-repeat:no-repeat; 
	overflow:hidden;
}

#productBoxWrapperGreen .productBoxContent {
	width:auto; 
	height:auto; 
	padding:0; 
	margin:0 10px;
}

#productBoxWrapperGreen .productBoxContent img.title {
	width:504px; 
	height:30px;
}

#productBoxWrapperGreen img {
	border:none;
}

#productBoxWrapperGreen .productBoxFooter {
	width:524px; 
	height:10px; 
	padding:0; 
	margin:0; 
	background-image:url(productbox/avf-hf-productBox-footer.png);
	background-repeat:no-repeat;
}

/* new list style for horse fence only */
#productBoxWrapperGreen ul {
	list-style:none;
	margin:5px 0;
	padding:0;
}

#productBoxWrapperGreen ul li {
	width:96px;
	height:auto;
	float:left;
	margin-right:5px;
}

#productBoxWrapperGreen ul li.last {
	margin:0;
}

#productBoxWrapperGreen ul li a.pic {
	display:block;
	width:96px;
	height:96px;
	overflow:hidden;
	background-image:url(productbox/productbox-dropshadow-hf.png);
	background-repeat:no-repeat;
}

#productBoxWrapperGreen ul li a.pic span {
	display:block;
	width:86px;
	height:86px;
	overflow:hidden;
	border:1px solid #000;
}

#productBoxWrapperGreen ul li a.pic span:hover {
	border-color:#906;
}

#productBoxWrapperGreen ul li a.pic img {
	border:none;
}

#productBoxWrapperGreen ul li a {
	display:block;
	width:96px;
	height:auto;
	text-align:center;
	font-weight:bold;
	color:#000;
}


/* list style for all boxes */
ul.productLine {
	list-style:none; 
	margin:0; 
	margin-top:5px;
	padding:0;
	border-top:1px solid RGB(100,100,100);
}

ul.productLine li {
	width:94px; 
	float:left; 
	height:auto; 
	padding:0; 
	overflow:hidden;
	text-align:center;
	margin-right:5px;
	border:1px solid #000;
}

ul.productLine li.last {
	width:96px; 
	margin:0;
}

ul.productLine a {
	display:block;
	width:94px;
	height:auto;
	color:#FFF;
	padding-top:66px;
	padding-bottom:5px;
	background-color:#36C;
	overflow:hidden;
}

ul.productLine a.green {
	background-color:RGB(204,255,188);
	color:#003;
}

ul.productLine a:hover {
	color:#FF6;
	color:#006;
	background-color:#FFF;
}

ul.productLine a:visited {
	color:#000;
}

ul.productLine a.vinylFence {
	background-image:url(productbox/vinyl-fence.jpg);
	background-repeat:no-repeat;
}

ul.productLine a.horseFence {
	background-image:url(productbox/horse-fence.jpg);
	background-repeat:no-repeat;
}

ul.productLine a.railing {
	background-image:url(productbox/railing.jpg);
	background-repeat:no-repeat;
}

ul.productLine a.decking {
	background-image:url(productbox/decking.jpg);
	background-repeat:no-repeat;
}

ul.productLine a.gazebos {
	width:100px;
	background-image:url(productbox/gazebos.jpg);
	background-repeat:no-repeat;
}

ul.productLine a.privacyFence {
	background-image:url(productbox/privacy.jpg);
	background-repeat:no-repeat;
}

ul.productLine a.picketFence {
	background-image:url(productbox/picket.jpg);
	background-repeat:no-repeat;
}

ul.productLine a.poolFence {
	background-image:url(productbox/pool.jpg);
	background-repeat:no-repeat;
}

ul.productLine a.aluminumFence {
	background-image:url(productbox/aluminum.jpg);
	background-repeat:no-repeat;
}

ul.productLine a.semiPrivateFence {
	width:100px;
	background-image:url(productbox/semi-private.jpg);
	background-repeat:no-repeat;
}

/* --- horse fence styles --- */
ul.productLine a.twoRail {
	width:100px;
	background-image:url(productbox/hf-2rail.jpg);
	background-repeat:no-repeat;
}

ul.productLine a.threeRail {
	width:100px;
	background-image:url(productbox/hf-3rail.jpg);
	background-repeat:no-repeat;
}

ul.productLine a.fourRail {
	width:100px;
	background-image:url(productbox/hf-4rail.jpg);
	background-repeat:no-repeat;
}

ul.productLine a.fiveRail {
	width:100px;
	background-image:url(productbox/hf-5rail.jpg);
	background-repeat:no-repeat;
}

ul.productLine a.crossbuck {
	width:100px;
	background-image:url(productbox/hf-crossbuck.jpg);
	background-repeat:no-repeat;
}

ul.productLine a.horseGates {
	width:100px;
	background-image:url(productbox/hf-gate.jpg);
	background-repeat:no-repeat;
}

ul.productLine a.tuffstuff {
	width:100px;
	background-image:url(productbox/hf-tuffstuff.jpg);
	background-repeat:no-repeat;
}

ul.productLine a.bigrail {
	width:100px;
	background-image:url(productbox/hf-bigrail.jpg);
	background-repeat:no-repeat;
}

ul.productLine a.standardrail {
	width:100px;
	background-image:url(productbox/hf-standardrail.jpg);
	background-repeat:no-repeat;
}

ul.productLine a.woodgrain {
	width:100px;
	background-image:url(productbox/hf-woodgrain.jpg);
	background-repeat:no-repeat;
}

ul.productLine a.roundrail {
	width:100px;
	background-image:url(productbox/hf-roundrail.jpg);
	background-repeat:no-repeat;
}