﻿/********************
 * FEATURE CAROUSEL *
 ********************/
 /* Do not modify the styles below */
#carousel {
	position:relative;
}
#carousel .left, #carousel .middle, #carousel .right {
	float:left;
	overflow:hidden;
	position:relative;
}
#carousel .left img, #carousel .middle img, #carousel .right img {
	border:0;
}
#carousel .leftContainer .scrollButton, #carousel .rightContainer .scrollButton {
	position:absolute;
	cursor:pointer;
	/*background:url(aspx_files/carousel_sprite.png) -400px 0 no-repeat;*/
    width:105px;
    height:262px;
    overflow:hidden;
    text-indent:-300px;
    white-space:nowrap;
    display:block;
    bottom:0;
}
#carousel .leftContainer .scrollButton 
{
    background:url(button_off.png) 0 190px no-repeat;
}
#carousel .rightContainer .scrollButton 
{
    background:url(button_off.png) 0 190px no-repeat;
}
#carousel .leftContainer .scrollButton:hover {
    background-image:url(button_left_on.png);
}
#carousel .rightContainer .scrollButton:hover {
    background-image:url(button_right_on.png);
}
#carousel ul {
	position:absolute;
	margin:0;
	padding:0;
	list-style-type:none;
}
#carousel ul li {
	margin:0;
	padding:0;
	float:left;
}
#carousel .middle ul {
	z-index: 1;
}
#carousel .middle .caption {
	position:absolute;
	background:url(caption_bg.png) 0 0 repeat;
	bottom: 0;
	left: 0;
	z-index: 2;
}
/* You can modify anything below*/

#carousel {
	height:357px;
	width:990px;
	background-color:#FFFFFF;
	font-size:12px;
	font-family: Arial;
/*	margin-top:40px;*/
	margin-bottom:40px;
}

#carousel .controls{
	position:absolute;
	bottom:10px;
	left:25px;
}

#carousel .controls img {
	border:0;
	margin-right:8px;
}

#carousel .viewMore{
	position:absolute;
	bottom:10px;
	right:10px;
}

#carousel .viewMore a, #carousel .viewMore a:hover{
	color:#6A9DCA;
	font-weight:bold;
	text-decoration:none;
}
/*#carousel .leftContainer{
	width:100px;
	height:274px;
	float:left;
	margin-top:35px;
	padding-left:10px;
	padding-top:10px;
	border-top:1px solid #ebebeb;
	border-left:1px solid #ebebeb;
	border-bottom:1px solid #ebebeb;
}*/

#carousel .leftContainer{
	width:100px;
	height:274px;
	float:left;
	margin-top:35px;
	padding-left:10px;
	padding-top:10px;
	padding-right:25px;
	border-top:1px solid #ebebeb;
	border-left:1px solid #ebebeb;
	border-bottom:1px solid #ebebeb;
}

#carousel .left{
	border-top:1px solid #ebebeb;
	border-left:1px solid #ebebeb;
	border-bottom:1px solid #ebebeb;
}

#carousel .right{
	border-top:1px solid #ebebeb;
	border-right:1px solid #ebebeb;
	border-bottom:1px solid #ebebeb;
}
/*#carousel .rightContainer{
	width:106px;
	height:274px;
	float:left;
	margin-top:35px;
	padding-right:10px;
	padding-top:10px;
	border-top:1px solid #ebebeb;
	border-right:1px solid #ebebeb;
	border-bottom:1px solid #ebebeb;
}
*/
#carousel .rightContainer{
	width:106px;
	height:274px;
	float:left;
	margin-top:35px;
	padding-right:10px;
	padding-top:10px;
	padding-left:25px;
	border-top:1px solid #ebebeb;
	border-right:1px solid #ebebeb;
	border-bottom:1px solid #ebebeb;
}

#carousel .middleContainer{
	background: url(carousel_image_container.png) 0 0 no-repeat;
	width:690px;
	height:335px;
	float:left;
	padding:22px 0 0 22px;
	
}
#carousel .middleContainer, #carousel .middle{
	/*z-index:999999;*/
	position:relative
}

#carousel .middle .caption {
	color:#ffffff;
	width: 100%;
}

#carousel .middle .caption hr {
	display:block;
	width:100px;
	border-bottom:2px solid #c6cb4e;
	margin:10px 0 0 10px;
	text-align:left;
}

#carousel .middle .caption p {
  margin:0;
  padding:10px 10px 10px 10px;
  font-size:24px;
  color:white;
  font-family:Georgia, "Times New Roman", Times, serif;
  line-height:23px;
  font-weight:lighter;
}

#carousel .middle .caption p em {
	display:block;
}

#carousel .middle .caption span {
    font-size:11px;
    margin:0 0 10px 10px;
    padding-right:10px;
    color:#c6cb4e;
    border:none;
    background:url(link_arrow.png) right center no-repeat;
    display:inline-block;
    min-width:50px
}

#carousel .middle .caption a {
	color: #c2c333;
	text-decoration: none;
}

#carousel .middle .caption p a {
	color: #ffffff;
}
