.eCardFrmHdr {
	background-color: #F7F7F7; 	
	height:30px;
 }
 .eCardFrmHdr img {
	margin:10px;
 }
 div.eCardFrm {
 background-color: #ebebeb; 
 font-size:11px;
 padding:10px;
 margin-bottom:10px;
 }
 div.eCardLeft {
	float:left;
	margin-right:30px; 
	width:500px;
 }
 div.eCardRight  {
	float:left;
	width:200px;
 }
 div.clearer {
	clear:both;
	font-size:0px;
	line-height:0px;
 }
 .reqIcon {
	margin-right:3px;
 }	

 #image_wrap { 
    width:500px; 
    margin:0px; 
    padding:0; 
}

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 449px;
	height:95px;
	float:left;
	padding:0px;
	margin:0px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large (currently wide enough for 10 items */
	width:1480px;
	position:absolute;
	clear:both;
	padding:0px;
	margin:0px;
}

/* single scrollable item */
.scrollable div.items .item {
	float:left;
	margin:0 5px;
	background-repeat:no-repeat;
	cursor:pointer;
	width:138px;
	height:77px;
}

.scrollable .active {
	background-position:-142px 0px;
}

.browse {
	float:left;
	width:22px;
	height:67px;
	cursor:pointer;	
	margin:0px;
}

/* disabled navigational button */
div.disabled {
	background-position:-23px 0px; !important;
	cursor:default;
} 

.itemNum {
	font-weight:bold;
	font-size:11px;
	text-align:center;
	margin-top:67px;
	cursor:pointer;
	color:#ccc;
}

.active .itemNum {
	color:#000;
}