* {margin:0;padding:0;} /* zero out everything */

#prodDrawer .back {
	position: absolute;
	z-index: 2;
	top: 0px;
	left: 0px;
}

#prodDrawer .next {
	position: absolute;
	z-index: 2;
	top: 0px;
	right: 0px;
}

#prodDrawer .back a, #prodDrawer .next a {  
	display:block;
	width:32px;
	height:135px;
	outline: none;
	text-indent:-9999px;
	overflow:hidden;	
}	


#prodDrawer #productlist.slider {
	width:876px;
	height:129px;
	background: #ffffff;
	position: relative;
	overflow: hidden;
}

#prodDrawer #productlist.slider ul {
	height:129px;
	position: relative;
	left: 0;
	width: auto;
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
	z-index: 1;
	}

#prodDrawer #productlist.slider li {
	float: left;
	display: inline;
	width:168px;
	height:129px;
	border-right:1px solid #e2e2e2;
	font-family:trebuchet ms, arial, verdana, sans-serif;
	font-size: 10px;
	text-align: center;
}


*{} /** This is to fix a really odd SilverStripe CSS combine bug...just don't touch it, smile and nod... **/

#prodDrawer.supportCenter {
	height:224px;
	margin:10px 0 10px 0px;
	padding:2px 32px 4px 32px;
	position:relative;
	width:863px;
}

#prodDrawer.supportCenter #productlist.slider {width:836px;}

#prodDrawer.supportCenter .back a, #prodDrawer.supportCenter .next a {height:230px;}

#prodDrawer.supportCenter .back a {background:url(/images/daily/btn_prev_big.gif) no-repeat 0 0;}

#prodDrawer.supportCenter .next a {background:url(/images/daily/btn_next_big.gif) no-repeat 0 0;}

#prodDrawer.supportCenter .back a.disabled {background:url(/images/daily/btn_prev_big.gif) no-repeat -32px 0; cursor: default;}

#prodDrawer.supportCenter .next a.disabled {background:url(/images/daily/btn_next_big.gif) no-repeat -32px 0; cursor: default;}

#prodDrawer.supportCenter .back a.enabled {background:url(/images/daily/btn_prev_big.gif) no-repeat 0 0;}

#prodDrawer.supportCenter .next a.enabled {background:url(/images/daily/btn_next_big.gif) no-repeat 0 0;}

#prodDrawer.supportCenter .back a.enabled:hover {background:url(/images/daily/btn_prev_big.gif) no-repeat -64px 0;}

#prodDrawer.supportCenter .next a.enabled:hover {background:url(/images/daily/btn_next_big.gif) no-repeat -64px 0;}

#prodDrawer.supportCenter #productlist.slider li div.description {padding:10px;height:150px;overflow:visible;}
