/*
*************************************************
Just Cabinets
Cabinets by room page styles

Author:		andCulture, info@andCulture.com
Updated:	November 13, 2007
Notes:		None
*************************************************
*/


#cabinetsInteractive {
	position: relative;
}
#finishNav img {
	padding: 0;
	margin: 0;
}
#finishDetails {
	position: relative;
	margin: 15px 0 0 0;
}
#finishDetails dl {
	margin: 0;
	width: 408px;
}
#finishDetails dt {
	clear: left;
	float: left;
	font-size: 1.3em;
	font-weight: bold;
	padding: 5px 0;
	width: 7em;
}
#finishDetails dt:after {
	content: ":";
}
#finishDetails dd {
	border-bottom: 1px solid #CCC;
	font-size: 1.2em;
	margin: 0;
	padding: 5px 0;
}
#finishDetails .finishDescription {
	border-bottom: none;
	clear: left;
	font-size: 1.1em;
	line-height: 1.6em;
}


/* FINISH NAV
----------------------------------------------- */

#finishNav {
	position: absolute;
	left: 417px;
	top: 0;
	width: 109px;
	overflow: hidden;
}
#finishNav h2 {
	margin: 0;
}
#finishNav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
#finishNav ul li {
	margin: 0 0 4px 0;
	padding: 0;
	list-style: none;
}
#finishNav ul a {
	display: block;
	height: 30px;
	padding: 0 0 0 109px;
	overflow: hidden;
	width: 0px !important;
	width/**/:109px; /* for IE5/Win only */
	vertical-align: top; /* for IE5/Win only */
}
#finishNav ul a:hover {
	background-position: -109px 0;
}
#finishNav ul li.selected a {
	background-position: -218px 0 !important;
}

#finishNav ul li.disabled, 
#finishNav ul li.disabled a {
	background-position: -327px 0 !important;
}

#btnOak a {
	background: url(/jc/GetResource.aspx?src=~/assets/images/buttons/btn-finish-oak.gif) no-repeat;
}
#btnMaple a {
	background: url(/jc/GetResource.aspx?src=~/assets/images/buttons/btn-finish-maple.gif) no-repeat;
}
#btnHickory a {
	background: url(/jc/GetResource.aspx?src=~/assets/images/buttons/btn-finish-hickory.gif) no-repeat;
}
#btnCherry a {
	background: url(/jc/GetResource.aspx?src=~/assets/images/buttons/btn-finish-cherry.gif) no-repeat;
}
#btnBirch a {
	background: url(/jc/GetResource.aspx?src=~/assets/images/buttons/btn-finish-birch.gif) no-repeat;
}
#btnLaminate a {
	background: url(/jc/GetResource.aspx?src=~/assets/images/buttons/btn-finish-laminate.gif) no-repeat;
}
#btnPine a {
	background: url(/jc/GetResource.aspx?src=~/assets/images/buttons/btn-finish-pine.gif) no-repeat;
}