/* --- OVERLAY CSS --- */

/*ÊuseÊaÊsemi-transparentÊimageÊforÊtheÊoverlayÊ*/Ê
#overlayÊ{Ê
}Ê
Ê
/*ÊcontainerÊforÊexternalÊcontent.ÊusesÊverticalÊscrollbar,ÊifÊneededÊ*/Ê
div.wrapÊ{Ê
ÊÊÊÊheight:800px;Ê
ÊÊÊÊ/*overflow-y:auto;Ê*/
}

/* the overlayed element */
div.overlay {
		
	/* initially overlay is hidden */
	display:none;
	
	background-image:url(../images/mater_bckgd.png);
	
	/* some padding to layout nested elements nicely  */
	padding:0px;
}

/* default close button positioned on upper left corner */
div.overlay div.close {
	background-image:url(../images/stock_banners/close.png);
	position:absolute;
	color:white;
	left:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}


/* --- SCROLLABLE CSS --- */

/* root element for scrollable */ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
 
    /* vertical scrollers have typically larger height than width */ 
    height: 460px; 
    width: 500px; 
} 
 
/* root element for scrollable items */ 
div.scrollable div.items { 
    position:absolute; 
 
    /* this time we have very large space for the height */ 
    height:20000em; 
}

.item {
	background-color: #ececec;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	width: 465px;
	margin: 0px 20px;
	height: 100px;
	}

.item img {
	border: none;
	width: 75px;
	height: 90px;
	margin: 5px 20px 5px 10px;
	float: left;
	}

.item h3 {
	font-size: 1.25em;
	font-family: sans-serif, Arial, Verdana;
	color: #000;
	line-height: 2em;
	}

.instructions {
	margin-bottom:5px;
	padding:0;
	}

.item a {
	color:maroon;
	}

.item a:hover {
	color:teal;
	}

.banners {
	float:left;
	line-height:1.5em;
	padding: 0 25px 0 0;
	margin: 0;
	}
	
#actions {
	width:470px;
	margin:5px 20px 5px 20px;	
	}

#actions a {
	font-size:11px;		
	cursor:pointer;
	color:maroon;
	}

#actions a:hover {
	text-decoration:underline;
	color:#000;
	}

.disabled {
	visibility:hidden;		
	}

.nextPage {
	float:right;
	}