/*==============================*/
/*  Landing Pages CSS           */
/*  For Home, Schools, Groups   */
/*  BY Luke Goodwin             */
/*==============================*/

/*==============================*/
/*      BOTTOM AREA LANDING     */
/*==============================*/
#BottomAreaLanding {
    background: transparent url(../images/highlights-background.jpg) no-repeat scroll left top;
    height: 1%;
    padding: 20px 0px 5px 25px;
}
/*==============================*/
/*      LEFT COLUMN             */
/*==============================*/
#LeftColumn {
    float:left;
    width:645px;
}
/*==============================*/
/*      HIGHLIGHTS AREA         */
/*      SCROLLABLE FILMS        */
/*==============================*/
.HighlightsArea {
    padding-top: 30px;
    padding-left: 25px;
    padding-bottom:10px;
    width: 620px;
    background: url('../images/film-libary.jpg') no-repeat top left;
}
.HighlightsArea .FilmsButton {
    float: right;
    padding-left: 15px;
    display: block;
    position: relative;
    top: -20px;
    background: url(../images/right-arrow.gif) no-repeat left center;
    text-align: right;
}
#browsable {
	float: left;
	width: 595px;
	min-height: 130px;
	height: auto !important;
	height: 130px;
	margin-bottom: 10px;
    overflow: hidden;
}
.MovieThumbnail {
    float: left;
    width: 90px;
    margin: 0px 5px;
}
/*==============================*/
/*      SCROLLABLE SETTING      */
/*==============================*/
.scrollable { 
    position: relative; 
    width: 790px; 
    height: 280px; 
    overflow: hidden; 
}
.scrollable .items { 
    width: 20000em; 
    position: absolute; 
    clear: both; 
}
/*==============================*/
/*      SCROLLABLE NAVIGATION   */
/*      SETTINGS                */
/*==============================*/
.HighlightsNavigation {
    margin-left: 240px;
    padding-bottom: 10px;
    text-align: center;
    width: 120px;  
    min-height 10px;
    height: auto !important;
    max-height: 10px;
    overflow: hidden;  
}
a.prev, a.next {
	display:block;
	float:right;
	cursor:pointer;
	color: #999;
}
a.next {
	padding-top: 100px;
	padding-right: 10px;
}
a.prev {
	float: left;
	padding-top: 100px;
	padding-left: 5px;
	padding-right: -15px;
}
a.prev:hover, a.next:hover { 
    color: #333; 
}
a.disabled { 
    visibility: hidden !important; 
}
.navi a {
	display: inline-block;
	margin-left: 2px;
	padding: 5px 5px;
	color: #999;
	text-decoration: none;
	font-size: 16px;
}
div.navi a        { background: url(../images/highlights-nav.jpg) no-repeat -28px -3px; font-weight: bold; color: #ffff00; font-weight: bold; }
div.navi a:hover  { background: url(../images/highlights-nav.jpg) no-repeat -15px -3px; font-weight: bold; color: #000;}
div.navi a.active { background: url(../images/highlights-nav.jpg) no-repeat -15px -3px; font-weight: bold; color: #000;}
a.browse {
    background:transparent url(../images/highlights-nav.jpg) no-repeat scroll 0 0;
    cursor:pointer;
    display:block;
    font-size:1px;
    height:10px;
    width:10px;
    position: relative;
    top: -10px;
    *top: -30px;/* IE HACK */
}
a.right {
    background-position: -70px -2px;
    float: right;
    margin-right: 0px;
}
a.left {
    background-position: 0px -2px;
    margin-left: 0px;
    float: left;
}
/*==============================*/
/*      LATEST NEWS             */
/*      BLOG POSTS              */
/*==============================*/
#LatestNews {
    background: transparent url(../images/nowshowing-background.jpg) no-repeat scroll left top;
    border-top: 1px solid #1955A2;
    padding: 20px 0;
    width: 645px;
}
#LatestNews_Content {
	padding: 0px 0px 0px 15px;
}
.Highlight_Main {
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	width: 600px;
	min-height: 115px;	
	border-bottom: 1px dotted #1955a2;
}
.Highlight_Main .Details {
	float: left;
	padding-top: 0px;
	width: 440px;
	margin: 0px 0px 0px 20px;
}
.Highlight_Main .Thumbnail {
	float: left;
	border: 1px solid #1955a2;
}
.Highlight_Main .Title {
	display: block;
}
.Highlight_Main .Snyopsis {
	padding: 0px 0px 10px 0px;
	font-size: 12px;
	display: block;
}
.Highlight_Main .More {
	display: block;
	font-weight: bold;
	width: 45px;
	background: url(../images/common/button_small_arrow.gif) no-repeat center right;
}
.Sub_Highlight {
	float: left;
	padding: 0px 0px 15px 0px;
	width: 305px;
	min-height: 60px;
}
.Sub_Highlight .Details {
	float: left;
	padding-top: 0px;
	width: 275px;
	margin: 0px 0px 0px 0px;
}
.Sub_Highlight .Title {
	display: block;
}
.Sub_Highlight .Snyopsis {
	padding: 0px 0px 10px 0px;
	font-size: 12px;
	display: block;
}
.Sub_Highlight .More {
	display: block;
	font-weight: bold;
	width: 45px;
	background: url(../images/common/button_small_arrow.gif) no-repeat center right;
}
/*==============================*/
/*      RIGHT COLUMN            */
/*==============================*/
#RightColumn {
    float:right;
    padding:22px 0px 0px 0px;
    width:295px;
}
.Promotional {
    padding:0 0 10px;
}