/*
---

name: Slider (style 1)

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

provides: [CSS.Slider.Style1]

...
*/

.sliderStyle1 .sectionhead {
	border-top: 5px solid #D1D1D1;
	margin: 0 0 7px;
    padding-top: 2px;
}
	.sliderStyle1 .sectionhead .sectionhead_sleeve {
		border-bottom: 1px solid #D1D1D1;
		padding-bottom: 2px;
	}
	.sliderStyle1 .sectionhead .rssfeed {
    	background-position: 0 0;
    	margin: 3px 5px 0 0;
   		padding-right: 44px;
	}
		.sliderStyle1 .sectionhead H2 A {
			color: #CE0306;
			padding-right: 25px;
		}


.sliderStyle1 .more {
		border-top: 1px solid #CCC;
		clear: both;
	    font-size: .9231em;
		line-height: 1.1667;
		margin-top: 12px;
		padding-top: 8px;
		text-align: right;
	}
		.sliderStyle1 .more a {
			background: url(/magazine/graphics/arrow_red.gif) no-repeat left 3px;
			font-weight: bold;
    		padding-left: 15px;
    	}

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

	.sliderStyle1 .controls:after {
		content: ".";
		visibility: hidden;
		height: 0;
		display: block;
		clear: both;
	}
	.sliderStyle1 .htmlContent P {
		margin: 0 0 17px;
	}
	.slider.sliderStyle1 .controls li {
		background: url(/magazine/graphics/icons/sprite.icons.png) no-repeat;
		float: left;
		height: 20px;
		margin: 0;
		width: 20px;
	}
	.slider.sliderStyle1 .controls li.previous {
		background-position: 0 -299px;
		margin-right: 2px;
	}
	.slider.sliderStyle1 .controls li.next { 
		background-position: 0 -349px;
	}
	.slider.sliderStyle1 .controls .disabled {
		opacity: 0.6;
		filter: alpha(opacity=60);
	}

/* Slider */
.sliderStyle1 {
	overflow: hidden;
	margin: 0 auto;
	padding-bottom: 10px;
	position: relative;
}
	.sliderStyle1 .thumbs {
		clear: both;
		width: auto;
		height: 242px;
		margin: 0 -10px;
	}
		.sliderStyle1 .thumbs li {
			background: 0;
			margin: 0 10px;
			width: 144px;
			padding-left: 0;
		}
			.sliderStyle1 .thumbs li IMG {
				display: block;
				margin-bottom: 10px;
			}
			.sliderStyle1 .thumbs li .heading {
				font-size: 1em;
				font-weight: bold;
				line-height: 1.3846;
				margin: 0 0 5px;
				text-transform: none;
			}
			.sliderStyle1 li .meta {
				font-size: .846em;
				line-height: 1.3636em;
				margin-bottom: 6px;
			}
				.sliderStyle1 li .meta a {
					text-decoration: underline;
				}
				.sliderStyle1 li .meta a:hover,
				.sliderStyle1 li .meta a:focus {
					text-decoration: none;
				}
			.sliderStyle1 .text {
				background: none;
				border: 0;
				color: #333;
				font-size: 1em;
				line-height: 1.3846;
				padding: 0;
				width: auto;
			}
	.sliderStyle1 ul:after, .sliderStyle1 .thumbs:AFTER {
		content: ".";
		visibility: hidden;
		height: 0;
		display: block;
		clear: both;
	}

.sliderStyle1 a {
	text-decoration: none;
}
.sliderStyle1 a:hover,
.sliderStyle1 a:focus {
	text-decoration: underline;
}

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

.twoColumnsSmallRight .columnOne .sliderStyle1 { overflow: hidden; width: 636px; }
.twoColumnsSmallRight .columnOne .sliderStyle1 .thumbs { width: 656px; }
.twoColumnsSmallRight .columnOne .sliderStyle1 .thumbs li { width: 144px; }

.twoColumnsSmallLeft .columnTwo .sliderStyle1 { overflow: hidden; width: 636px; }
.twoColumnsSmallLeft .columnTwo .sliderStyle1 .thumbs { width: 656px; }
.twoColumnsSmallLeft .columnTwo .sliderStyle1 .thumbs li { width: 144px; }

#main.area .oneColumn .columnOne .sliderStyle1 { width: 636px; }
#main.area .oneColumn .columnOne .sliderStyle1 .thumbs { width: 656px; }
#main.area .oneColumn .columnOne .sliderStyle1 .thumbs li { width: 144px; }