/*
---

name: Slider (style 1)

requires: [CSS.Main, CSS.Structure, CSS.Layout, CSS.Gallery, CSS.SPIN2]

provides: [CSS.Slider.Style1]

...
*/

.sliderStyle1 .sectionhead {
	margin-bottom: 10px;
}
.sliderStyle1 .sectionhead .rssfeed {
	margin-top: 3px;
	margin-right: 50px;
}
.sliderStyle1 .sectionhead_sleeve {
	border-bottom: 1px solid #C7CFD3;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 2px;
}

/* HTML CONTENT */
.sliderStyle1 .htmlContent {
	padding-right: 10px;
	padding-left: 10px;
}
	.sliderStyle1 .htmlContent p {
		padding-top: 0px;
		padding-bottom: 12px;
	}

/* Controls */
.sliderStyle1 .controls {
	height: auto;
	margin: -32px 10px 0 0;
	right: 0;
	position: absolute;
	width: auto;
}

	.sliderStyle1 .controls:after {
		content: ".";
		visibility: hidden;
		height: 0;
		display: block;
		clear: both;
	}
	.slider.sliderStyle1 .controls li {
		background: url(/magazine/graphics/icons/sprite.icons.png) no-repeat 100% 100%;
		float: left;
		margin: 0;
		width: 17px;
		height: 17px;
	}
	.slider.sliderStyle1 .controls li.next { 
		background-position: 0 -380px;
	}
	.slider.sliderStyle1 .controls li.previous {
		background-position: 0 -312px;
		margin-right: 6px;
	}
	.slider.sliderStyle1 .controls li.disabled {
		opacity: 0.5;
		filter: alpha(opacity=50);
	}

/* Slider */
.sliderStyle1 {
	background-color: #E3E7E9;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
}
	.sliderStyle1 .thumbs {
		clear: both;
		width: auto;
		height: 248px;
		margin: 0 -10px 7px;
		padding: 0 10px;
	}
		.sliderStyle1 .thumbs li {
			background: 0;
			margin: 0 10px;
			width: 221px;
			padding-left: 0;
		}
			.sliderStyle1 .thumbs li IMG {
				display: block;
				margin-bottom: 9px;
			}
			.sliderStyle1 .thumbs li h4 {
				font-weight: bold;
				font-size: 1.538em;
				line-height: 22px;
				font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
				margin-bottom: 5px;
				margin-top: 5px;
			}
			#main .sliderStyle1 .thumbs li h4,
			.grid .twoColumnsSmallRight .sliderStyle1 .thumbs li h4,
			.grid .twoColumnsSmallLeft .sliderStyle1 .thumbs li h4 {
				font-size: 1.077em;
				line-height: 16px;
			}
		.sliderStyle1 ul:after, .sliderStyle1 .thumbs:AFTER {
			content: ".";
			visibility: hidden;
			height: 0;
			display: block;
			clear: both;
		}
		.sliderStyle1 .text {
			width: auto;
			border: 0;
			color: #333;
			padding: 0;
			line-height: 19px;
		}
		.sliderStyle1 .more {
			margin-right: 10px;
			margin-left: 10px;
			padding-bottom: 12px;
			text-align: right;
			text-transform: uppercase;
		}
			.sliderStyle1 .more a {
				text-decoration: none;
				background: url(/magazine/graphics/primaryBullet.png) no-repeat left 4px;
				padding-left: 12px;
				font-weight: bold;
			}

.oneColumn .columnOne .sliderStyle1 { overflow: hidden; width: 964px; }
.oneColumn .columnOne .sliderStyle1 .thumbs { width: 964px; }

.twoColumnsSmallRight .columnOne .sliderStyle1 { overflow: hidden; width: 636px; }
.twoColumnsSmallRight .columnOne .sliderStyle1 .thumbs { width: 636px; height: 241px; }
.twoColumnsSmallRight .columnOne .sliderStyle1 .thumbs li { width: 139px; }

.twoColumnsSmallLeft .columnTwo .sliderStyle1 { overflow: hidden; width: 636px; }
.twoColumnsSmallLeft .columnTwo .sliderStyle1 .thumbs { width: 636px; height: 241px; }
.twoColumnsSmallLeft .columnTwo .sliderStyle1 .thumbs li { width: 139px; }

#main.area .oneColumn .columnOne .sliderStyle1 { width: 636px; }
#main.area .oneColumn .columnOne .sliderStyle1 .thumbs { width: 636px; height: 241px; }
#main.area .oneColumn .columnOne .sliderStyle1 .thumbs li { width: 139px; }