/* CSS Document */
#scroller-container {
	width: 798px;  /*sets overall width for the scroller-container - optimized for a 800px layout */
	padding: 10px 0 0 0;
	margin: 0;
	margin-left:0;
	margin-right: auto; 
	/*border: 1px solid #000;  sets outer border around all of the scroller */
	background: #fff; /* sets background color behind all of the scroller - can be overridden by the background color of #scroller below */	
	background-image:url("../images/images_app/bg-gradient-asc-scroller.jpg");
	background-repeat:repeat-x;
	background-position:bottom;
	font-family: arial, helvetica, sans-serif; /* sets font family for text in the scroller */
	font-size: 11px;/* sets font size for text in the scroller */
	line-height: 1.15em;/* sets line-height for text in the scroller */
	text-align: left; /* sets justification for text in the scroller */
	border-top: 1px solid #E4E4E4; /* sets top border for scroller */
	float:left;
	position: relative;
	bottom:0;
	}
#scroller-container a {
	color: #000; /* sets the color of the links next to items */
	text-decoration: underline; 
	}
#scroller-container a:hover {
	color: #000; /* sets hover color for links next to items */
	text-decoration: underline; 
	}
#scroller div {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	}
#scroller {
	width: 770px; /* sets overall width for the scroller - optimized for 6 items in 800px layout */
	/*background-color: #fff; sets background color behind items*/
/*	background-image:url("../images/bg-gradient-desc.jpg");
	background-repeat:repeat-x;*/
	padding: 0px 0 0 20px; /* amount of padding between left edge of scroller and first item displayed */
	
	}
#scroller-items {
	width: 770px; /* sets the width available for showing items - optimized for 6 items in 800px layout */
	}
div.scroller-items-viewer {
	/*width: 680px;*/
	height: 150px; /* sets height available for items - optimized for 100px high graphics */
	margin-bottom: 5px; /*sets amount of space below items */
	overflow: hidden; /* prevents showing any more than the 6 items at a time we have optimized for */
	}	
#scroller dl {
	position: relative;
	width: 125px; /* sets width of the definition lists that hold the image and text links items */
	height: 200px; /* sets height of the definition lists that hold the image and text links items - optimized for 100px high graphics */
	float: left;
	padding: 0;
	/*margin: 0 3px 10px 0;*/
	}
#scroller dl.scroller-viewer {
		position: absolute; /* sets position for items in scroller - must be "absolute" */
		float: none; /* just to be sure no float is attached to this element */
		top: 0;
		padding: 0;
		margin: 0 13px 10px 0;
		}	
#scroller dl a, a:visited {
	text-decoration: none; /* remove underlines from links in the dl */
	font-size:11px;
	}	
#scroller dl dt {	
	width: 115px; /* sets the width available for the "headline" of items - optimized for 6 items in 800px layout */
	/*float: right;  sets the "headline" to the right of the graphic */
	margin: 0;
	padding: 0;
	font-weight: bold; /* sets the weight of the "headline" text */
	font-size:11px;
	}		
#scroller dl dd {	
	width: 115px; /* sets the width available for the "text" next to items - optimized for 6 items in 800px layout. Must be set to match #scroller dl dt width above */
	/*float: right;  sets the "text" to the right of the graphic */
	margin: 0;
	padding: 0;
	font-size: 90%; /* sets the size of the text in relation to the font size set in the #scroller-container rules above */
	}				
#scroller dl dd.image {	
	width: 100px; /* sets the width of the graphic */
	/*position: absolute; sets the position of the graphic - must be "absolute" */
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	/*text-align: right;*/
	}		
#scroller a#scroller-next {
	display: none;
	position: absolute;
	right: 0px; /* sets the amount of space between the "forward" arrow and the right edge of the scroller container */
	top: 35px;	/* sets the amount of space between top of "forward" arrow and the top edge of the scroller container */
	width: 0px; /* sets width available for "forward" arrow - must be at least as wide as the arrow graphic */
	height: 28px; /* sets height available for "forward" arrow - must be at least as high as the arrow graphic */
	/*background: url(arrow-forward.gif) no-repeat 0 0;  sets the image used for the "forward" arrow - replace link with akamaized image if needed */
	/*cursor: hand;  sets mouse cursor to a hand when hovering over "forward" arrow */		
	}
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {
    display:inline-block;
}
.clearfix {
    display:block;
}
* html .clearfix {
    height:1px;
}