@charset "utf-8";

@media all {

	/* "Yahoo! UI Library: Reset CSS" =================================== */
	
	/*
	Copyright (c) 2007, Yahoo! Inc. All rights reserved.
	Code licensed under the BSD License:
	http://developer.yahoo.net/yui/license.txt
	version: 2.3.1
	more info: http://developer.yahoo.com/yui/reset/
	*/
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
h1{ font-size:30px; text-transform:uppercase; color:#fff; padding-bottom:16px;}	
	/* base.css */
	
	bodyOld {
		background-color: #FFFFFF;
		color: #999999;
		/*border-top: 7px solid #fff;*/
		margin-top: 0; /* 7px */
		text-align: left;
		font-size: 62.5%;
		font-family: Arial, Verdana, Helvetica, sans-serif;
	}
	
	
	div#slider-wrapper{
		margin:1px auto 0 0px;
	    padding: 0;
	    position: relative;
	    height: 185px;
	    min-height: 185px !important;	    
	    overflow: visible;
	    text-align: left;
	}
	/* contollers */
	div#slider-wrapper ul#loader-controls{
		float:right;
		/*width:9%;*/
		margin:0;
		position:relative;
		top:0px;
		list-style:none;
		padding-right:50px;
		margin-top:165px;
	}
		div#slider-wrapper ul#loader-controls li{
			float:left;
			list-style: none;
		}
			div#slider-wrapper ul#loader-controls li a{
				background-position: top left;
				background-repeat: no-repeat;
				text-indent: -999px;
				display:block;
			}
			div#slider-wrapper ul#loader-controls li.prev a{
				background: url("images/marker_left2.jpg") 0 0 no-repeat;
				width:33px;
				height: 33px; 
				outline: none; 
			}
			div#slider-wrapper ul#loader-controls li.next a{
				background: url("images/marker_right2.jpg") 0 0 no-repeat;
				width:33px;
				height: 33px; 
				margin-left: 5px;			
				outline: none; 
			}
				div#slider-wrapper ul#loader-controls li.next a:hover, ul#loader-controls li.prev a:hover {
					background-position: 0 -0px; 
				}
	
	
	
	/* content into which the scroller is placed */
	div#slider-wrapper div.content{
	position:absolute;
	left:1px;
	height:185px;
	visibility: hidden;
	}
	
	/* item title */
	div#slider-wrapper div#item-title{
		height: 22px;
	    left: 0;
	    position: absolute;
	    top: -22px;
	    width: 100%;
	}
		div#slider-wrapper div#item-title h2{
			font-size:1.3em;
			margin:0 0 0;
			color:#111111;
		}
	/* slider wrapper and various states */
	div#slider-wrapper div.content div.wrapper{
		width:1101px;
		margin: 0;
	    overflow-x: scroll;
	}
	div#slider-wrapper div#slider.active{
		overflow-x:none;
		overflow:hidden;
		position: relative;
		height:195px;

	}
	div#slider-wrapper div#slider.inactive{
		overflow-x: scroll;
		overflow-y: hidden;
	}
	/* stage layout */
	div#slider-wrapper ul#stage{
		float:left;
		margin:0;
		width:961px;
		clear: both;
	    font-size: 1.3em;			
	    list-style: none;
	    overflow: hidden;
	}
		div#slider-wrapper ul#stage li{
			float:left;
			margin:0;
			padding:5px;
			height:185px;
			position: relative;
			color: #FFFFFF;
			font-size: 1em;
			font-weight: normal;
			list-style: none;
			overflow: hidden;
			width:290px
		}
		div#slider-wrapper ul#stage li.clickable:hover{
			cursor:pointer;
		}
	/* preloader */
	div#slider-wrapper div.preloader{
		position:absolute;
		width:100%;
		height:100%;
		left:0;
		top:0;
		text-align: center;
		z-index: 1000;
		overflow: hidden;
		background-color: #FFF;
	}	
		div#slider-wrapper div.preloader img{
			position: relative;
			margin: 0 auto;
			top:50%;
		}
	/* li text content */
	div#slider-wrapper ul#stage li div.content{
		position:relative;
		left:0;
		width:268px;
		min-height: 300px !important;
		height:300px;
		padding:0;
		font-size:1em;
		color:#111111;
	}
		div#slider-wrapper ul#stage li div.content h3{
			display:none;
		}
		div#slider-wrapper ul#stage li div.content p{
			padding:0px 10px 0 10px;
			font-size: 1em;
			margin: 0 10px 1em 0;
		}
	/* remove left padding if in-view or isthe first li to keep slider in sync */
	div#slider-wrapper ul#stage li:first-child div.content p,
	div#slider-wrapper ul#stage li.in-view div.content p{
		padding-left:0px;
	}
	div#slider-wrapper ul#stage li div.content h3.title{
		display:none;
	}
}