/*-----------------Product Nav-----------------*/

ul.alpha a{color: #fff;}
ul.alpha li{width: 35px; height:25px; float: left; border-right: 1px solid #666; color: #fff; text-align: center;}
ul.alpha li span{width: 35px; height:20px; padding-top: 5px; display: block; float: left; text-align: center; background: #333; color: #666; text-decoration: none;}
ul.alpha li a{width: 35px; height:20px; padding-top: 5px; display: block; float: left; text-align: center; background: #333; color: #fff; text-decoration: none;}
ul.alpha li a:hover{background: #333; color: #95af45;}
#brandbox ul.alpha li a.alpha_active{background: #555555; color: #95af45;}
#brandbox ul.alpha li a{color: #fff;}
#brandbox ul.alpha li a:hover{color: #95af45;}

#panel {
	background: #454545;
	height: 400px;
	width: 980px;
	display: none;
	font-size: 11px;
	position: relative;
	}

	.product_box{
		margin: 0 auto;
		background-color: #555555;
		width: 936px;
		height: 310px;
	}
	
	#brandbox{display: none;}
	#typebox{display: none;}
	#marketbox{display: none;}
	
	.productSlider{
		overflow: hidden;
		position: relative;
		float: left;
		height: 310px;
		background-color: #555;
		color: #fff;
		font-size: 13px;
		font-family: Lucida Grande, Arial, San-Serif;
		width: 280px;
	}
	.productSlider ul {
		position: absolute;
		top: 0;
		left: 0;
		list-style: none;
		overflow: none;
		white-space: nowrap;
		padding: 0;
		margin: 0;
	} .productSlider ul li {display: block;}
	  .productSlider ul li.odd{background-color:#727272;}
    	
    	.product_box .productSlider ul li a{
			display: block;
			height: 22px;
			width: 280px;
			color: #fff;
			padding-top: 6px;
			padding-left: 10px;
   		}
    	.product_box .productSlider ul li a:hover, .product_box .productSlider ul li .selected {
			display: block;
			height: 22px;
			width: 280px;
			color: #fff;
			padding-left: 10px;
			background-color: #95af45;
			text-decoration: none;
   		}
    	
	.slider {
		width: 9px;
		height: 310px;
		padding: 0px;
		margin-left: 271px;
		position: relative;
		background-color: #9d9d9d;
		cursor: pointer;
    }
	
	.handle {
		position: absolute;
		cursor: move;
		height: 70px;
		width: 9px;
		top: 0;
		background: url('../images/product_finder/slider_bar.gif') no-repeat;
		z-index: 100;
	}

/*-----------------Product Lists -----------------*/
#productList ul li a{color: #fff; padding: 5px 0 5px 7px; display: block;}
#productList ul li a:hover, #productList ul li .sub_active{color: #454545; text-decoration: none; padding: 5px 0 5px 7px; background-color: #95af45;}
#productList ul li{padding: 0px 1px 1px 1px;}


#productList ul{
float: left;
width: 120px;
margin-left: 10px;
margin-top: 20px;
font-size: 10px;
}

#productList h3{font-size: 15px; font-weight: normal; margin-bottom: 12px;}
#productList p{font-size: 10px;}

.lists{width: 405px; _width: 400px; height: 310px; float: left;}

#brandbox .lists{width: 685px; _width: 680px; height: 310px; _height: 285px; float: left;}

#brandbox .homeOffice{
	width: 926px;
	float: left;
	display: none;
	height: 285px;
	border-left: 10px solid #95af45;
	
} #brandbox .item{
		float: left;
		margin: 10px 0 10px 10px;
		border-left: 1px solid #666;
		width: 199px;
		padding: 15px 10px 0 20px;
		height: 250px;
		color: #fff;
		display: none;
	}

#brandbox .greenbord{
	width: 926px;
	float: left;
	display: none;
	height: 285px;
	border-left: 10px solid #95af45;
}


.homeOffice{
	width: 645px;
	float: left;
	display: none;
	height: 310px;
	border-left: 10px solid #95af45;
}	.item{
		float: left;
		margin: 10px 0 10px 10px;
		border-left: 1px solid #666;
		width: 199px;
		padding: 15px 10px 0 20px;
		height: 275px;
		color: #fff;
		display: none;
	}
	

.education{
	width: 645px;
	float: left;
	display: none;
	height: 310px;
	border-left: 10px solid #95af45;
}