#viewport{
	width: 863px; /*845 Defines the size of the visible part of the carousel
		Attention : if you only want to see plain items in the viewport,
		the width of the viewport should take into account of :
		- the items width
		- the right and left padding of items
		- the number of items you want to see in the viewport
	 */
	overflow:hidden; /* Hides extra elements, those outside the viewport area */
	/* Fix for IE */
	position:relative;
	float:left;
}
#viewport ul{
	position: relative; /* Enables positionning of elements inside viewport */
	padding: 0; /* Resets default - User Agent - style */
	margin: 0;
}
#viewport li{
	width: 212px; /*201 Defines the size of inner element */
	height: 227px;
	float: left; /* Places list items side by side*/
	list-style: none; /* Resets default - User Agent - style */
	border-right:1px solid #E2E2E2;
	border-bottom:1px solid #E2E2E2;
	/* Cosmetic */

	/*margin: 0 1px;*/
	/*padding: 10px;*/
/*	padding-right:5px;*/
	padding-left:3px;
	padding-right:2px;

}

#viewport2{
	width: 863px; /* 845Defines the size of the visible part of the carousel
		Attention : if you only want to see plain items in the viewport,
		the width of the viewport should take into account of :
		- the items width
		- the right and left padding of items
		- the number of items you want to see in the viewport
	 */
	overflow:hidden; /* Hides extra elements, those outside the viewport area */
	/* Fix for IE */
	position:relative;
	float:left;
}
#viewport2 ul{
	position: relative; /* Enables positionning of elements inside viewport */
	padding: 0; /* Resets default - User Agent - style */
	margin: 0;
}
#viewport2 li{
	width: 212px; /*201 Defines the size of inner element */
	height: 227px;
	float: left; /* Places list items side by side*/
	list-style: none; /* Resets default - User Agent - style */
	border-right:1px solid #E2E2E2;
	border-bottom:1px solid #E2E2E2;
	/* Cosmetic */

	/*margin: 0 1px;*/
	/*padding: 10px;
	padding-right:5px;
	padding-left:5px;*/
	padding-left:3px;
	padding-right:2px;
}


/* Cosmetic */
#simplePrevious, #simpleNext{
	cursor: pointer;
	font-size: 0.8em;
	text-decoration: underline;	
	float:left;
/*	margin:0 5px;*/
}
#simplePrevious2, #simpleNext2{
	cursor: pointer;
	font-size: 0.8em;
	text-decoration: underline;	
	float:left;
/*	margin:0 5px;*/
}
.prev{
	width:33px;
	height:230px;
	background:url(/Content/Images/DailyDeals/btn_prev_big.gif) no-repeat scroll 0 0 transparent;
}
.prev:hover{
	width:33px;
	height:230px;
	background:url(/Content/Images/DailyDeals/btn_prev_big.gif) scroll -32px 0 transparent;;
}
.next{
	width:33px;
	height:230px;
	background:url(/Content/Images/DailyDeals/btn_next_big.gif) no-repeat scroll 1px 0 transparent;
}
.next:hover{
	width:33px;
	height:230px;
	background:url(/Content/Images/DailyDeals/btn_next_big.gif) scroll -31px 0 transparent;;
}