#SliderArea { position: relative; overflow: hidden; width: 647px; height: 163px; background-color: #ffffff; text-align: center; margin:0px 0px 10px 5px;}

	#SliderBackButton { width: 28px; height: 163px; border:0px;}
	
	/*
	
	#ShadowLeft {
		position: absolute; left: 28px; top: 3px; z-index: 1; width: 20px; height: 152px; behavior: url("http://cache.heraldinteractive.com/CSS/pngbehavior.htc");
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cache.heraldinteractive.com/images/siteImages/slider/sliderShadowLeft.png', sizingMethod='scale');
	}
	#ShadowRight {
		position: absolute; left: 599px; top: 3px; z-index: 1; width: 20px; height: 152px; behavior: url("http://cache.heraldinteractive.com/CSS/pngbehavior.htc");
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cache.heraldinteractive.com/images/siteImages/slider/sliderShadowRight.png', sizingMethod='scale');
	}
	
	*/
	
	#SliderMoreButton { width: 28px; height: 163px; border:0px; cursor: pointer;}

	#SliderContent { width:588px; height: 150px; margin-left: 28px; margin-top:3px; background: #e5e5e5; border-top: solid 1px; border-bottom: solid 1px; border-color:#b9b9b9 }
	#SliderContentInner { overflow: hidden; width: 588px; padding: 9px 0px 0px 0px; background: #cc0000; }
	#SlidingContent { width: 1200px; height: 140px; position: relative; left: 0px; }

	.SliderItem { float: left; margin-right:0px; width: 189px; height: 131px; overflow: hidden; font-size: 12px; font-family: Arial; text-align: left; background-color: #fff; border-right: solid 1px #a6a6a6; border-bottom: solid 1px #a6a6a6; }
	.SliderItemInner { padding: 6px 6px 0px 6px; }
	.SliderItemTitle { font-weight: bold; color: #033266; }



	/* CAROUSEL */
	.carousel-component {
		position:relative;
		overflow:hidden;
		visibility:visible; /* component turns it on when first item is rendered */
	        background: #e5e5e5;
	        border-top: solid 1px;
	        border-bottom: solid 1px;
	        border-color:#b9b9b9;
	}

	.carousel-component ul.carousel-list {
		width:10000000px;
		position:relative;
		z-index:1;
	}

	.carousel-component .carousel-list li {
		float:left;
		list-style:none;
		overflow:hidden;
	}

	.carousel-component .carousel-clip-region {
		overflow:hidden;
		margin:0px auto;
		position:relative;
	}

	/**
	 * Safe to override. It is safe to override background, padding, margin, color,
	 * text alignment, fonts, etc. Define a separate CSS file and override your style
	 * preferences.
	 **/

	.carousel-component {
		background:#ddd;
		padding:0px;
		color:#618cbe;
	}
	.carousel-component ul.carousel-list {
		margin:0px;
		padding:0px;
	}
	.carousel-component .carousel-list li {
		text-align:center;
		margin:0px;
		padding:0px;
		font:12px arial,verdana,sans-serif;
		color:#666;
		line-height:17px;
	}

	#html-carousel .carousel-list li {
	    width: 177px;
	    height: 123px;
	    padding:5px 5px;
	    margin:10px 4px 10px 2px;
	    color: #3F3F3F;
	    border-bottom: solid 1px; border-right: solid 1px; border-color:#999;
	    text-align:left;
	}

	#html-carousel .carousel-list li img {
	    border:0px solid #999;
	    display:block;
	}

	#html-carousel {
	    margin-bottom: 10px;
	    float: left;
	    top: 2px;
	    width: 591px;
	    height: 152px;
	}

	/* BUTTONS */
	#prev-arrow-container {
	    float:left;
	    margin: 0px;
	    padding: 0px;
	    
	}
	#next-arrow-container {
	    float:right;
	    margin: 0px;
	    padding: 0px;
	   position: relative;
	}

	#next-arrow {
	    cursor:pointer;
	}

	#prev-arrow {
	    cursor:pointer;
	}

	/* Overlay */
	#overlay {
	  width: 200px;
	  height: 80px;
	  background-color:  #FFF;
	  position: absolute;
	  top: 25px;
	  left: 150px;
	  padding-top: 10px;
	  z-index: 100;
	  color: #000;
	  border:1px dotted #000;
		text-align: center;
		font-size: 24px;
	  filter:alpha(opacity=80);
		-moz-opacity: 0.8;
		opacity: 0.8;
	}


	.sliderTitle { font-family: Arial, Verdana; font-size: 12px; font-weight: bold; padding: 0px 0px 2px 0px; }