/* SPECIAL OFFERS*/
#special-offers {
	position:relative;
	width:228px;
	height:298px;
	background-color:#ffffff;
	border:1px solid #c1111e;	
	margin:0;
	padding:0;
	z-index:10;
}
#special-offers div.panel
{
    position:relative;
    height:296px;
}
#special-offers h2
{
	position:absolute;
	top:-14px;
	left:0;
	height:20px;
	width:228px;
	font-size:10px;
	margin:0;
	padding:0;
}
#special-offers h2 a{
	text-decoration:none;
}
#special-offers h2 a span.text-offset
{
    margin:8px 0 0 0;
    display:block;
}
#special-offers h2 a span.bkgd-image
{
    position:absolute;
	width:228px;
	height:20px;
	background-image:url(/images/direct/includes/box-top-special-offers.png);
	background-position:0 0;
	background-repeat:no-repeat;
}
#special-offers h3
{
	position:relative;
	margin:0 0 3px 0;
	color:#c1111e;
	font-size:14px;
	text-align:center;
}
#special-offers h3 a
{
	color:#c1111e;
	text-decoration:none;
}
#special-offers div.panel dl
{
    position:relative;
    float:left;
    width:215px;
    height:60px;
    margin:2px 5px 0 0;
    padding:0;
    background-image:url(/images/direct/includes/special-offers-dotted-line.gif);
    background-position:0 57px;
	background-repeat:no-repeat;
}
#special-offers div.panel dl dt
{
    position:relative;
    float:left;
    color:#c1111e;
    width:127px;
}
#special-offers div.panel dl dd.text
{
    position:relative;
    float:left;
    width:127px;
}
#special-offers div.panel dl dd.img
{
    position:absolute;
    width:80px;
    top:0;
    left:135px;
    margin:0;
    padding:0;
    vertical-align:top;
}

#wrapper {
    width: 228px;
    margin:0 auto 0 auto;
}
#slider {
    width: 221px;
    top:10px;
    margin: 0 auto;
    position: relative;
    padding-left:6px;
}
.scroll {
    height:270px;
    width: 221px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background:#ffffff scroll left bottom;
}
ul.navigation 
{
    position:absolute;
    top:269px;
    left:56px;
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.navigation li 
{
    position:relative;
    display: inline;
    width:8px;
    height:14px;
    margin:0 17px 0 0;
}
ul.navigation li a {
    text-decoration: none;
}
ul.navigation li a span {
    position:absolute;
    width:8px;
    height:14px;
    background-image:url(/images/direct/includes/special-offers-nav-off.gif);
    background-position:0 0;
	background-repeat:no-repeat;
	    text-decoration: none;
}
ul.navigation li a:hover span {
    background-color: #f6f6f6;
    background-image:url(/images/direct/includes/special-offers-nav-on.gif);
    background-position:0 0;
	background-repeat:no-repeat;
}

ul.navigation li a.selected span {
    background-image:url(/images/direct/includes/special-offers-nav-on.gif);
    background-position:0 0;
	background-repeat:no-repeat;
	    text-decoration: none;
}
ul.navigation a:focus {
    outline: none;
        text-decoration: none;
}

.scrollContainer div.panel {
    height: 210px;
    width: 221px;
}
.scrollButtons {
    position: absolute;
    top: 269px;
    cursor: pointer;
    z-index:100;
}

.scrollButtons.left {
    left:15px;
}

.scrollButtons.right {
    left:200px;
}

.hide {
    display: none;
}