/* CSS Document */
/* For LoopedSlider jQuery plugin */

#accessories {
	background: url(/images/sliders/bg-woodtools.jpg) no-repeat;
}

#product {
	background: url(/images/sliders/bg-sparks.jpg) no-repeat;
}

.sliderWrap {
	position: relative;
	width: 968px;
	height: 275px;
}

.staticContent {
	float: left;
	display: inline;
	width: 312px;
	margin: 0px 3px 0px 25px;
	padding: 12px 0px;
}

#newsSlider {
	position: absolute;
	top: 20px;
	right: 30px;
	width: 596px;
	clear: both;
}

#newsSlider .container {
	width: 435px; 
	height: 175px;
	overflow: hidden;
	position: relative;
	top: 16px;
	left: 80px;
	cursor: pointer;
	color: black;
}

div.slides {
	position: absolute;
	top: 0;
	left: 0;
}

ul.slides {
	position: absolute;
	top: 0;
	left: 0;
	list-style: none;
	padding: 0;
	margin: 0;
}

div.slides div,ul.slides li {
	position: absolute;
	top: 0;
	width: 435px;
	display: none;
	padding: 0;
	margin: 0;
	line-height: 1em;
	}
	div.slides div h5,ul.slides li h5 {
		font-size: 1.3em;
	}
	div.slides div p,ul.slides li p {
		font-size: 0.9em;
	}

.slidePrev {
	position: absolute;
	top: 160px;
	left: 14px;
	width: 25px;
	height: 36px;
}

.slideNext {
	position: absolute;
	top: 4px;
	right: 13px;
	width: 25px;
	height: 36px;
}

.slideImg {
	float: left;
	display: inline;
	margin: 0px 8px;
}

ul.pagination {
	position: absolute;
	top: 203px;
	left: 1px;	
	list-style:none;
	padding: 0;
	margin: 0;
}

ul.pagination li {
	float: left;
	margin-left: -9px;
}

ul.pagination li a {
	padding: 0px;
}

ul.pagination li.active a {
	border-bottom: 2px solid #f2dc9d;
}

/**** Uses Slider ****/

#usesSlider {
	position: relative;
	width: 354px;
	height: 394px;
	margin: 0px auto;
	padding: 13px 0px 0px 14px;	
	background: url(/images/sliders/uses-bground.jpg) no-repeat;
}

#usesSlider .container {
	position: relative;
	width: 340px; 
	height: 381px;
	overflow: hidden;
	cursor: pointer;
}

#usesSlider div.slides {
	position: absolute;
	top: 0;
	left: 0;
	list-style: none;
	padding: 0;
	margin: 0;
}

#usesSlider div.slides div {
	position: absolute;
	top: 0;
	width: 340px;
	display: none;
	padding: 0;
	margin: 0;
}

#usesSlider div.slides div img {
	margin-bottom: 3px;
	border: 1px dotted #333;
}

#usesSlider .slidePrev {
	position: absolute;
	top: 190px;
	left: -16px;
	width: 35px;
	height: 35px;
}

#usesSlider .slideNext {
	position: absolute;
	top: 190px;
	right: -16px;
	width: 35px;
	height: 35px;
}


/**** Image-only Slider ****/

#loopedSlider {
	position: relative;
	float: left;
	display: inline;
	width: 250px;
	height: 300px;
	margin: 12px;
}

#loopedSlider .container {
	position: relative;
	width: 250px; 
	height: 300px;
	overflow: hidden;
	cursor: pointer;
}

#loopedSlider ul.slides {
	position: absolute;
	top: 0;
	left: 0;
	list-style: none;
	padding: 0;
	margin: 0;
}

#loopedSlider div.slides div, #loopedSlider ul.slides li {
	position: absolute;
	top: 0;
	width: 250px;
	display: none;
	padding: 0;
	margin: 0;
}