/* Begin Main jCarousel Skin */

.jcarousel-skin-scg-main .jcarousel-container { }

.jcarousel-skin-scg-main .jcarousel-container-horizontal { width: 990px; }

.jcarousel-skin-scg-main .jcarousel-clip { overflow: hidden; z-index: 1; }

.jcarousel-skin-scg-main .jcarousel-clip-horizontal { width: 990px; }

.jcarousel-skin-scg-main .jcarousel-item { width: 240px; height: 240px; }

.jcarousel-skin-scg-main .jcarousel-prev-horizontal,
.jcarousel-skin-scg-main .jcarousel-next-horizontal { 
	position: absolute;
	top: 90px;
	width: 20px;
	height: 60px;
	cursor: pointer;
	background: transparent url(../images/carouselSprite.png) no-repeat 0px 0px scroll;
	z-index: 0;
}

.jcarousel-skin-scg-main .jcarousel-prev-horizontal { left: -15px; }
.jcarousel-skin-scg-main .jcarousel-next-horizontal { right: -15px; background-position: -20px 0px; }

.jcarousel-skin-scg-main .jcarousel-prev-horizontal:hover { background-position:   0px -60px; }
.jcarousel-skin-scg-main .jcarousel-next-horizontal:hover { background-position: -20px -60px; }
/* End Main jCarousel Skin */

/* Begin inner jCarousel Skin */

.jcarousel-skin-scg-inner .jcarousel-container { }

.jcarousel-skin-scg-inner .jcarousel-container-horizontal { width: 740px; }

.jcarousel-skin-scg-inner .jcarousel-clip { overflow: hidden; z-index: 1; }

.jcarousel-skin-scg-inner .jcarousel-clip-horizontal { width: 740px; }

.jcarousel-skin-scg-inner .jcarousel-item { width: 240px; height: 240px; }

.jcarousel-skin-scg-inner .jcarousel-prev-horizontal,
.jcarousel-skin-scg-inner .jcarousel-next-horizontal { 
	position: absolute;
	top: 90px;
	width: 20px;
	height: 60px;
	cursor: pointer;
	background: transparent url(../images/carouselSprite.png) no-repeat 0px 0px scroll;
	z-index: 0;
}

.jcarousel-skin-scg-inner .jcarousel-prev-horizontal { left: -15px; }
.jcarousel-skin-scg-inner .jcarousel-next-horizontal { right: -15px; background-position: -20px 0px; }

.jcarousel-skin-scg-inner .jcarousel-prev-horizontal:hover { background-position:   0px -60px; }
.jcarousel-skin-scg-inner .jcarousel-next-horizontal:hover { background-position: -20px -60px; }
/* End inner jCarousel Skin */

#mcs_container { width: 100%; height: 219px; margin-bottom: 5px; } 
	#mcs_container .customScrollBox{ position: relative; width: 100%; overflow: hidden; }
		#mcs_container .customScrollBox .horWrapper{ position: relative; }
		#mcs_container .customScrollBox .container { position: relative; left: 0px; display: inline-block; *display: inline; }
		#mcs_container .customScrollBox .content { clear: both; }
		#mcs_container .customScrollBox .content ul { height: 170px; position: relative; }
			#mcs_container .customScrollBox .content li {
				padding: 5px; 
				background: transparent url(../images/scrollableBackground.png) no-repeat 0px 0px scroll; 
				float: left; 
				width: 300px;
				height: 160px; 
				overflow: hidden;
				position: relative;
			}
				#mcs_container .customScrollBox .content li img { position: absolute; }
				
				#mcs_container .customScrollBox .content li div.textOverlayContainer { position: absolute; top: 5px; left: 5px; width: 300px; height: 160px; overflow: hidden; }
				
				#mcs_container .customScrollBox .content li div.textOverlay {
					background: transparent url(../images/sliderTextOverlay.png) repeat 0px 0px scroll;
					width: 290px;
					position: absolute;
					left: 0px;
					bottom: -5px;
					color: #FFF;
					padding: 10px 5px 5px 5px;
					line-height: 1.0em;
					cursor: pointer;
				}
				
					#mcs_container .customScrollBox .content li div.textOverlay h6 { 
						color: #a7a9ac;
						text-transform: uppercase;
						font-size: 0.655em;
						font-family: "HelveticaNeueLTStdRoman", Arial, Helvetica, sans-serif; 
						margin-bottom: 0px;
					}
					
					#mcs_container .customScrollBox .content li div.textOverlay h5 { 
						font-size: 0.80em;
						font-family: "HelveticaNeueLTStdBold", Arial, Helvetica, sans-serif; 
						margin-bottom: 5px;
						min-height: 30px;
					}
					
					#mcs_container .customScrollBox .content li div.textOverlay p { 
						font-family: "HelveticaNeueLTStdRoman", Arial, Helvetica, sans-serif; 
						font-size: 0.80em;
					}
	
	#mcs_container .dragger_container { 
		position: relative; 
		height: 19px; 
		width: 948px; 
		padding: 0px 16px;
		margin-top: 15px;
	}
	
	#mcs_container .dragger_wrapper { height: 16px; width: 948px; position: relative; background: transparent url(../images/sliderBackground.png) repeat-x 0px 0px scroll; }
	#mcs_container .dragger { width: 160px; height: 13px; position: absolute; top: 2px; background: transparent url(../images/scrollbar.png) no-repeat 0px 0px scroll; }
	
	#mcs_container .scrollUpBtn, 
	#mcs_container .scrollDownBtn { position: absolute; top: 0px; display: block !important; width: 16px; height: 16px; z-index: 99; }
	
	#mcs_container .scrollUpBtn { background: transparent url(../images/sliderLeftArrow.png) no-repeat 0px 0px scroll; left: 0px; }
	#mcs_container .scrollDownBtn { background: transparent url(../images/sliderRightArrow.png) no-repeat 0px 0px scroll; right: 0px; }