﻿.contentslide{
	width: 740px;
	height: 180px;
}

.contentslide .opacitylayer{ /*Do not edit this rule unless you're familiar with CSS opacity behavior*/
	width: 100%;
	height: 100%;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

.contentslide .contentdiv{
	display: none;
	background-color:#F2F2F2;
}

.pagination{
	width: 740px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
	text-align: right;
	border-width: 0 1px 1px; /*Left/ right border width of pagination DIV.*/
	padding: 3px 0 3px 0px;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 11px;
}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
	width: 740px; /*IE5 width*/
	w\idth: 740px; /*IE6 width*/
}

.pagination a{
	padding: 1px 5px 1px;
	margin-right: 3px;
	text-decoration: none; 
	color: #737070;
	border: 1px solid #ffffff;
}

.pagination a:hover, .pagination a.selected{
	color: #737070;
	background-color: #ffffff;
	border: 1px solid #CE4809;

}

.thumb{
	height:130px;
}

.panel{
	padding:0 10px 0 16px;
	height:175px;
	width:159px;
	text-align:center;
}

.panel img{
	border:0;
}

.panel h3{
	color : #CE4809;
	font-family : Verdana, Arial, Helvetica, sans-seri1f;
	font-weight: bold;
	font-size : 10px;
	line-height : 12px;
	padding:4px 0;
}
.panel a{
	color : #CE4809;
	text-decoration : none;
}
.panel a:hover{
	color : #488EEA;
	text-decoration : none;
}