.baseMain{
    margin:0;
	padding:0;
	position:absolute;
	z-index:1;}


.baseBGmain
{
	position: absolute; 
	top: 0in;
	left: 0in;
	z-index: 0; 
	width: 990px; 
	padding: 61px 0 0 0; 
	margin: 0;
}

.logoMain{margin:10px 0  0 10px;padding:0; width:980px; height:116px;}

.specials-header
{
	margin:-76px 0 0 14px !important; margin:-95px 0 0 14px;position:relative; background-color:#002E63;padding:3px 0 3px 4px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bolder; color:#FFFFFF; width:266px;}

.specials-content{border:1px solid #cccccc;width:802px;padding:5px;margin:0 0 0 12px;position:relative;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/bgWhtTrans.png')}

.specials-content[class]{background-image:url(../images/bgWhtTrans.png);}

.baseFooter{margin-top:25px;}

/* 
	root element for the scrollable. 
	when scrolling occurs this element stays still. 
*/
div.scrollable {
	
	/* required settings */
	margin:0 0 0 15px;
	position:relative;
	overflow:hidden;	 	
	width: 266px;	
	height:112px;	
	
	
	/* custom decorations */
	padding:0 0 4px 0;	
	border:1px solid #e2e2e2;				
}

/* 
	root element for scrollable items. Must be absolutely positioned
	and it should have a super large width to accomodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
div.scrollable div.items {	
	/* this cannot be too large */
	width:30000em;	
	position:absolute;
	clear:both;		
	
	/* decoration */
	margin:0px;
}

/* single scrollable item */
div.scrollable div.items div {
	float:left;
	
	/* custom decoration */
	text-align:center;
	width:260px;
	height:110px;
	padding:0px;
	font-size:30px;
	font-family: 'bitstream vera sans';
	margin:3px;
}

/* active item */
div.scrollable div.items div.active {
	border:0;		
	background-color:#fff;
}

/* this makes it possible to add next button beside scrollable */


/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	
	background:url(/images/scrollable/leftarrowscroller.png) no-repeat;
	cursor:pointer;
	
	position:relative;
	float:left;
	
	font-size:9px;
	font-family: Arial;
	color: #555555;
	
	width:11px;
	height:11px;
	top: -20px;
	
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* prev button positioning */
a.prev, a.prevPage {
	left: 28px;
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(/images/scrollable/rightarrowscroller.png);
	clear:right;
	left: 250px;
}

