﻿/* ------------------------------------------------------ FEATURES GLIDER ---*/
div#glider-wrapper {
    float: left;
    padding: 0 0 0 8px;
}
div#my-glider {
	float: left;
	border: 1px solid #CCCCCC;
	margin: 5px 0 0 0;
}
div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 297px; 
	height: 250px;
	overflow: hidden;
	float: left;
	/*border: 1px solid #e8e8e8;*/
}
div.scroller div.section {
	/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
	width: 297px;
	height: 250px;
	overflow: hidden;
	float: left;
	padding: 1px;
	background: #FFFFFF;		
}
div.section-container {
	width: 271px;
	height: 112px;
	padding: 8px 8px 8px 20px;
	float: left;
	font-size: 12px;
}
div.section-text {
    line-height: 1.3em;
    float: left;
    font-size: 11px;
}
div.scroller div.content {
	width: 10000px;
}
div.controls {
	float: left;
	width: 125px;
	height: 252px;
	border-right: 1px solid #CCCCCC;
	background: #E2E2E2;
	font-size: 12px;
}
div.control-links {
	width: 119px;
	padding: 4px 0 5px 6px;
	background: #e7e8e9;
	border-bottom: 1px solid #CCCCCC;
    cursor: pointer;
}
div.control-links:hover {
	background: #CCCCCC;
}

div.control-links-btm {
	width: 119px;
	padding: 4px 0 10px 6px;
	background: #e7e8e9;
    cursor: pointer;
}
div.control-links-btm:hover {
	background: #CCCCCC;
}

div.controls a {
	text-decoration: none;
	color: #2478b0;
}
div.controls a:hover { text-decoration: underline; }