/*
ADAPTED FROM:
anatomyquiz.css
Author: Larry Ching
Date Created: Apr 6, 2007 
Copyright © 2007
*/

ul#nav li ul { 
	margin-top: 190px;
	border-top: solid 5px transparent;
}

ul.hpInteractive {
	position: relative;
	width: 100%;
}

ul.hpInteractive a span.box {
	position: absolute;
	top: 0px;
	display: block;
	/* The background is a transparent image,
	 used to work-around the display: block bug in IE 7 .
	 http://www.ibloomstudios.com/articles/debugging_css_in_internet_explorer_-_part_1/  */
	background-image: url(/gfx/transparent.gif);
	width: 138px;
	height: 172px;
	border-top: solid 5px #996;
	border-right: solid 5px #996;	
	border-bottom: solid 5px #996;
}

ul.hpInteractive a span.first {
	border-left: solid 5px #996;
}

ul.hpInteractive li#about a span.box {
	left: 0px;
	background-image: url(/gfx/hpRow/img1.jpg);
}

ul.hpInteractive li#about a:hover span.box {
	background-image: url(/gfx/hpRow/img1on.jpg);
}

ul.hpInteractive li#purchase-now a span.box {
	left: 148px;
	background-image: url(/gfx/hpRow/img2.jpg);
}

ul.hpInteractive li#purchase-now a:hover span.box {
	background-image: url(/gfx/hpRow/img2on.jpg);
}

ul.hpInteractive li#custom-doors a span.box {
	left: 291px;
	background-image: url(/gfx/hpRow/img3.jpg);
}

ul.hpInteractive li#custom-doors a:hover span.box {
	background-image: url(/gfx/hpRow/img3on.jpg);
}

ul.hpInteractive li#custom-gates a span.box {
	left: 434px;
	background-image: url(/gfx/hpRow/img4.jpg);
}

ul.hpInteractive li#custom-gates a:hover span.box {
	background-image: url(/gfx/hpRow/img4on.jpg);
}

ul.hpInteractive li#hardware a span.box {
	left: 577px;
	background-image: url(/gfx/hpRow/img5.jpg);
}

ul.hpInteractive li#hardware a:hover span.box {
	background-image: url(/gfx/hpRow/img5on.jpg);
}

ul.hpInteractive li#bath-accessories a span.box {
	left: 720px;
	background-image: url(/gfx/hpRow/img6.jpg);
}

ul.hpInteractive li#bath-accessories a:hover span.box {
	background-image: url(/gfx/hpRow/img6on.jpg);
}

ul.hpInteractive a span.label {
	position: relative;
	top: 190px;
	padding-top: 10px;
}

ul.hpInteractive a:hover span.label {
	color: #fff;
}