/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div#feature { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 980px; 
    height:245px; 
} 
 
/* 
    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 width and height for the root element and 
    not for this element. 
*/ 
div#feature div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div#feature div.items div { 
    float:left; 
} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}


/* Controls! */

.browse {display:block; position:relative; width:21px; height:21px; cursor:pointer; z-index:99;}
.prevPage {float:right; background:url(../images/btn-left.png) 0 0 no-repeat; margin:10px 10px 0 0;}
.nextPage {float:right; background:url(../images/btn-right.png) 0 0 no-repeat; margin:10px 10px 0 0;}


#trailer{
	/*background-color:#00CC33;*/
}
/* the overlayed main wrapper */ 

.simple_overlay_wrapper { 
	display:none;
	z-index:10000;
	/*background-color:#00CC33;*/
	background:url(../images/overlay/blank.gif) top left no-repeat; 
	
}

/*Top*/
.simple_overlay_topleft { 
    width:55px;
    height:55px;
    background:url(../images/overlay/bg_pieces/top_left.png) top left no-repeat;     
	float:left
}

.simple_overlay_middletop { 
    width:1px;
    height:55px;
    background:url(../images/overlay/bg_pieces/middle_top.png) top left repeat-x; 
		float:left    
}

.simple_overlay_topright { 
    width:55px;
    height:55px;
    background:url(../images/overlay/bg_pieces/top_right.png) top left no-repeat;     
		float:left
}

/*Middle*/

.simple_overlay_middleleft { 
    width:55px;
    height:1px;
    background:url(../images/overlay/bg_pieces/middle_left.png) top left repeat-y; 
	float:left
}

.simple_overlay_middlecenter { 
	float:left;
}

.simple_overlay_middleright { 
    width:55px;
    height:1px;
    background:url(../images/overlay/bg_pieces/middle_right.png) top left repeat-y;   
	float:left
}


/*Bottom*/
.simple_overlay_bottomleft { 
    width:55px;
    height:55px;
    background:url(../images/overlay/bg_pieces/bottom_left.png) top left no-repeat;   
		float:left  
}

.simple_overlay_middlebottom { 
    width:1px;
    height:55px;
    background:url(../images/overlay/bg_pieces/middle_bottom.png) top left repeat-x;    
	float:left 
}

.simple_overlay_bottomright { 
    width:55px;
    height:55px;
    background:url(../images/overlay/bg_pieces/bottom_right.png) top left no-repeat;  
		float:left   
}

 
/* close button positioned on upper right corner */ 
.simple_overlay_wrapper .close { 
    position:absolute; 
    left:0; 
    top:10px; 
    cursor:pointer; 
    height:60px; 
    width:60px;
	background-color:#000000;
}

/* styling for elements inside overlay */ 
.details { 
    position:absolute; 
    top:15px; 
    right:15px; 
    font-size:11px; 
    color:#fff; 
    width:150px; 
} 
 
.details h3 { 
    color:#aba; 
    font-size:15px; 
    margin:0 0 -10px 0; 
}