/* specials */

.specials_wrapper {
	clear: both;
    position: relative;
    overflow: hidden;
    height: 175px;
}

.specials_wrapper h2 {
	margin-top: 0;
    height: 22px;
}

.specials_wrapper .specials-control {
    position: absolute;
    top: 30px;
    width: 30px;
    height: 68px;
    padding-top: 12px;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    color: #4F2E7F;
    background-image: url('../images/carousel-control-bg.png');
    cursor: pointer;
    display: none;
}

.specials_wrapper .specials-control.visible {
    display: block;
}

.specials_wrapper .specials-control.control-left {
    left: 0px;
}
.specials_wrapper .specials-control.control-right {
    right: 0px;
}

.specials {
    position: absolute;
    top: 30px;
    left: 57px;
    width: 448px;
    height: 125px;
    overflow: hidden;
}

.specials table {
	background: url('../images/bg_carousel.jpg') repeat-x;
}

.specials table tr td {
	padding-left: 16px;
	text-align: center;
	width: 100px;
}

.specials table tr td.first {
	padding: 0;	
}

/* specials slider */

.specials_wrapper .slider_wrapper {
    position: absolute;
    top: 160px;
	background-color: #e9e9e9;
	height: 7px;
	margin-top: 8px;
	width: 564px;
}

.specials_wrapper .slider_wrapper .ui-slider .ui-slider-handle {
	background: url('../images/drag.gif') no-repeat;
	cursor: pointer;
	height: 7px;
	margin: 0px 0px 0px -25px;
	padding: 0px;
	width: 50px;
	top: 0px;
}

.specials_wrapper .slider_wrapper .ui-slider {
	background-color: #e9e9e9;
	height: 7px;
	margin: 0px 25px 0px 25px;
	padding: 0px;
	width: 514px;
}