
#slideshow {
	width:960px;
	height:270px;
	padding:0;
	background-image: url(/images/bg/home_offers_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}

#slideshow #slide-left {
	position:absolute;
	left:20px;
	top:14px;
}
#slideshow h2 {
	width:188px;
	height:44px;
	background-color:#ff4949;
	display:block;
	background-image: url(/images/hdrs/home/latest_offers.jpg);
	background-repeat: no-repeat;
	background-position: left center;	
	text-indent:-9999px;
	border-bottom:1px solid #000;
}

/******* Nav BEGIN *********************************/

#slideshow ul.slides-nav {
	background-color:#000;
	height:205px;
	overflow:hidden;
	font-size:11px;
	width:188px;
}
#slideshow ul.slides-nav li a {
	display:block;
	height:36px;
	width:157px;
	padding:5px 10px 0 21px;
	line-height:130%;
	background-color:#000;
	color:#fff;
	text-decoration:none;
}
.js #slideshow ul.slides-nav li.on,
.js #slideshow ul.slides-nav li.on a {
	background-color: #ff4949;
	color:#fff;

}
#slideshow ul.slides-nav li a:hover {
	background-color: #ff4949;
	color:#fff;

}



/******* Nav END *********************************/


/******* Slide BEGIN *********************************/

.slides {
	position:absolute;
	right:20px;
	top:14px;
	height:250px;
	overflow:hidden;
}
.slides ul {
	list-style:none;
}
.slides ul li {
	width:732px;
	height:250px;
}

#slideshow .slides span.find-out-more a {
	position:absolute;
	right:0px;
	bottom:0px;
	height:36px;
	text-decoration:none;
	width:210px;
	text-indent:-9999px;
	background-image: url(../images/bg/nav/find_out_more.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-size:1px;
	line-height:0%;
	overflow:hidden;
}
#slideshow .slides span.find-out-more a:hover {
	background-position: center bottom;
}

/******* Slide END *********************************/
