/* HP slider */

/* Content */

.hl {
	float:left;
	padding:18px 0;
	width:600px;
}

.hlImage {
	background:			transparent url(/images/hp_highlight_moldura.png) no-repeat scroll center center;
	float:				left;
	height:				186px;
	margin-right:		6px;
	
	width:				288px;
}

.hlImage img {
	padding:			9px 11px;
	cursor:				pointer;	
}

.hlImage img:hover {
	background:			transparent url(/images/hp_highlight_moldura.png) no-repeat scroll center center;
}

.hlContent {
	float:				left;
	height:				168px;
	margin-left:		8px;
	padding:			10px 0;
	width:				280px;
	position:			relative;
}

.hlTitle {
	font-family:		"Times New Roman", Serif;
	font-size:			19px;
	color:				#05275c;
	padding:			4px 0;
	text-transform:		uppercase;

}


.hlSub {
	color:				#4772B6;
	font-family:		"Arial",Serif;
	font-size:			16px;
	font-weight:		bold;
	padding-bottom:		15px;
}

.hlText {
	font-family:		"Arial", Serif;
	font-size:			12px;
	line-height:		1.2em;
	color:				#393b3c;
}


.hlLink {
	background:			transparent url(/images/button1.png) no-repeat scroll center top;
	color:				#EEEEEE !important;
	display:			block;
	font-size:			12px;
	font-weight:		bold;
	height:				28px;
	left:				0;
	line-height:		26px;
	margin-top:			10px;
	padding:			0 8px;
	position:			absolute;
	top:				135px;
	width:				94px;
}

.hlLink:hover {
	color:				#fff !important;
	background-position: center -28px;
}

/* Layout */
#hl-slide {
	width: 				642px;
	position: 			relative;
	display: 			block;
	height:				240px;
	margin:				0 auto;
	z-index:			1;
	
}

#hl-slide ul {
	position:			absolute;
	padding:			0;
	margin:				0;
	z-index:			2;
	
}

#hl-slide li {
	list-style:			none;
	float:				left;
	width:				592px;
	padding:			12px 25px;
	display:			none;
	height:				228px;
	display:			block;
	background:			transparent url(/images/hl_bg.png) no-repeat scroll center center;;

}


.jcarousel-prev,.jcarousel-next {
	height:				53px;
	width:				53px;
	display:			block;
	position: 			absolute;
	top:				98px;
	z-index:			3;
	cursor:				pointer;
}

#hl-slide .jcarousel-prev {
	background:			url(/images/jc-left.png) top center;
	left:				-18px;
}

#hl-slide .jcarousel-next {
	background:			url(/images/jc-right.png) top center;
	right:				-18px;
}

.jcarousel-prev:hover,.jcarousel-next:hover { 
	background-position: center bottom !important ;
}


.jcarousel-clip {
	margin:				0;
	overflow:			hidden;
	padding:			0;
	position:			relative;
	z-index:			2;
	width:				642px;
	height:				250px;
}