@charset "utf-8";
/* CAROUSEL	 */
#carousel { width: 224px; height: 482px; background:#000 url(../images/widgets/imgcarousel/bottom-bg.jpg) bottom no-repeat; margin: 0 0 28px 12px; position: relative; display: block; border: 1px solid #434343; }
#carousel .icon { position: absolute; left: 2px; top: 5px; z-index: 11; }
#carousel .bottom {  display: block; width: 224px; height: 204px; position: absolute; bottom: 0; }
#carousel .carouselnav
{
	background: #333;
	width: 199px;
	height: 45px;
	position: absolute;
	top: 217px;
	z-index: 11;
	padding: 5px 13px;
	margin: 0px auto;
}
#carousel .carouselnav a { display: block; float: left; text-align: center; color: #FFF; font-size: 16px; line-height: 40px; z-index: 12; }
#carousel .carouselnav a.active, #carousel .carouselnav a:hover
{
	text-decoration: none;
}
#carousel .titlebar { display: block; height: 49px; width: 100%; color: #ffc10f; }
#carousel .titlebar h4 { padding-left: 80px; padding-top: 18px; text-transform: uppercase; font: 11px Georgia, "Times New Roman", Times, serif; font-weight: bold; }
#carousel .top { }
#carouselcontent img { margin-bottom: 63px; width: 224px; height: 168px; }
#carouselcontent p { color: #FFF; padding: 5px 20px; margin: 0; }
#carouselcontent { position: relative; overflow: hidden; display: block; width: 224px; height: 434px; }
.pukegreen { color: #b3b87d; }
#carousel .next { display: block; width: 31px; height: 31px; background: url(../images/widgets/imgcarousel/next.png); position: absolute; top: 242px; right: 10px; cursor: pointer; z-index: 12; }
#carouselwindow { width: 2000em; height: 434px; position: absolute; }
#carouselwindow .item { width: 224px; height: 434px; float: left; }
#carousel h3 { color: #FFF; padding: 0 20px 0 20px; margin: 0; font-weight: bold; }

#carouselslider-wrapper
{
	color: #ffffff;
	width: 200px;
	margin: 0px auto;
	padding: 5px 0px;
}
#carouselslider-nav-left
{
	background: transparent url('../images/widgets/imgcarousel/left-arrow.png') no-repeat scroll;
	float: left;
	width: 18px;
	height: 18px;
	cursor: pointer;
}
#carouselslider-nav-wrapper
{
	margin: 3px 0px;
	padding: 0px;
	width: 164px;
	float: left;
}
#carouselslider-nav-right
{
	background: transparent url('../images/widgets/imgcarousel/right-arrow.png') no-repeat scroll;
	width: 18px;
	height: 18px;
	float: right;
	cursor: pointer;
}
#carousel .carouselslider-nav-caption
{
	margin: 0px 4px;
	padding: 5px 0px;
	color: #ffffff;
	float: right;
}
#carousel .ui-slider
{
	background-color: #333333;
	margin: 0px 10px;
	border: 1px solid #d0d0d0;
}
#carousel .ui-slider .ui-slider-handle
{
	background-image: none;
	background-color: #d0d0d0;
	border: none;
}
#carousel .ui-slider-horizontal .ui-slider-handle
{ 
	margin-left: -10px;
	padding: 0px;
}

/* FLYOUT */
.flyout { position: relative; margin-bottom: 20px; overflow: hidden; }
.flyout img { /* the has-shadow div was causing some whitespace below image: */ margin-bottom: -5px; }
#c2-col-two .flyout img { max-width: 738px; }
#c3-col-two .flyout img { max-width: 415px; }
.flyout .flypage { position: absolute; left: -141px; top: 0; width: 190px; }
.flyout .flypage .flycontent { background: url(../images/widgets/flyout/bg.png) repeat-y; display: block; float: left; height: auto; width: 105px; color: #FFF; padding: 10px 15px 10px 20px; font-size: 11px; line-height: 14px; min-height: 205px; }
.flyout .flypage .flybutton { /*background: url(../images/widgets/flyout/button.png) no-repeat top; */display: block; float: left; height: 225px; width: 50px; cursor: pointer; }

/* SPONSORED AD (IMGBOX) */
.sponsored { width: 300px; margin-bottom: 20px; background-color: #E6E6DA !important; }
.sponsored h2 { background-color: #68695B !important; }
.sponsored .thumb-left { max-width: 220px; }