body
{
}

/***********************
*
* Movie Now Showing
*
***********************/
#now-showing 
{
    background:none repeat scroll 0 0 #FFFFFF;
    position:relative;
}

#nowshowing-toolbar
{
   padding: 10px 20px; 
   background-color: #000; 
   height: 26px;
   width: 962px;
   font-family: arial,verdana;
   font-size: 16px;
   color: #FFF; 
}

#cinema-select option
{
    line-height: 18px;
    padding: 2px 0 2px 8px;
}

div.goldclass
{
   background-color:  #B0965F !important;
}

div.vmax
{
   background-color:  #A4ACB0 !important;
}


div.threed
{
    background-color: #D70000 !important;
}

#vmax .movie
{
    background-color: #ECEEED !important;
}

#movie-panel
{
   float: left;
   background-color: #eceded;
   width: 1002px;
   line-height:  15px;
}

#movie-panel div.movie 
{
	float: left;
	background-color: #eceded;
	position: relative;
	width: 314px;
	height: 225px;
	overflow: hidden;
	padding: 20px 0 0 20px;
}

#movie-panel div.movie div.left 
{
    float: left;
    width: 111px;
}

#movie-panel div.movie div.right 
{
    float: left;
    margin-left: 10px;
    width: 187px;
    height: 165px; 
    overflow: hidden;
}

#movie-panel div.movie div.bottom
{
    float: left;
    position: relative;
    width: 308px;
    overflow: hidden;
    margin: 5px 0 0 0;
}

#movie-panel div.movie h3  
{
    font-size: 13px;
    font-weight: bold;
    margin: 0;
}

#movie-panel div.movie a
{
    color:#000000;
    text-decoration:none;
    outline:medium none;
}

#movie-panel div.movie a.classify 
{
    color: #D70000;
    display: block;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
}

#movie-panel div.movie div.bottom a
{
    background:url("../images/bg-movie-list-arrow.png") no-repeat scroll 100% 3px transparent;
    color:#D70000;
    font-weight:bold;
    padding-right:8px;
    text-decoration:none;
}

.movie-loading-image
{
    float: left;
    width: 1002px;
	height: 165px;
    text-align: center;
    padding: 100px 0 100px 0;
}

/***********************
*
* Movie Details
*
***********************/

#wrap
{
    background-color: #eceded !important;
}

#cinema-info h1
{
    font-size: 1.9em;
    line-height: 1.9em;
}

#movie-detail-header
{
    padding: 10px 0 0 10px;
}

#movie-detail-column1
{
    float: left;
    width: 638px;
    padding:10px 0 10px 10px;
}

#movie-detail-column2
{
    float: left;
    width: 334px;
    position: relative;
    padding: 10px 10px 10px 0;
}

#movie-detail-column1 #flash-wrap 
{
    background:#fff url("../images/bg_movie_bg.jpg") repeat-x top left !important ;
    width: 638px;
    height: 305px;
}

#movie-detail-column1 #flashmovie
{
    margin: 0 0 0 0;
}

#movie-detail-column1 #fb_frame
{
    clear: both;
    background:#eceded url("../images/bg-flash-movie-bot.png") repeat-x top left !important ;
    padding: 10px 10px 0 10px;
    height: 35px;
    overflow:hidden;
}

#movie-detail-column1 .detail 
{
    float: left;
    min-height:146px;
    margin: 10px;
}

.detail p 
{
    color:#000000;
    line-height:1.3em;
    margin:0 0 5px;
}

.detail p.large
{
    font-size: 1.2em;
    font-weight: bold;
    color:#000000;
    line-height:1.3em;
    margin:0 0 5px;
}

.detail p strong 
{
    float:left;
    width:110px;
}

.detail p em 
{
    font-weight:bold;
    margin-right:5px;
}

#movie-detail-footer
{
    clear: both;
    padding: 10px 0 0  0;
    position: relative;
}

#movie-detail-column2 #session-search
{
    float: left;
    background:#eceded url("../images/bg-session-search.png") repeat-x top left !important ;
    width: 334px;
    height: 264px;
    margin: 0 0 0 10px;
    color: #ffffff;
}

#movie-detail-column2 .select-container
{
    width: 310px;
    padding: 0 0 0 15px;
    position: relative;
    z-index: 0;
    font-size :13px;
}

#movie-detail-column2 .select-container select,
#movie-detail-column2 .select-container select option
{
    line-height: 16px;
    padding: 1px 0 1px 5px;
    max-width: 305px;
}

#movie-detail-column2 #go-button-div
{
    float: left;
    width: 305px;
    height: 26px;
    padding: 12px 0 13px 15px;
}

#movie-detail-column2 #goButton:hover
{
    cursor:pointer;
}

.session-search-large
{
	float: left;
	font-family: Verdana,Arial;
	font-size: 11px;
	font-weight: normal;
	padding: 20px 0 0 10px;
	line-height: 11px;
}

.session-search-small
{
	float: left;
	font-family: Verdana,Arial;
	font-size: 11px;
	line-height: 11px;
	padding: 10px 0 7px 15px;
	vertical-align: middle;
}

#session-search .radio-button
{
	float: left;
	padding:0 5px 0 0;
}

#session-search .icon
{
	float: left;
	padding: 1px 5px 0 5px;
}

#session-search .label
{
	float: left;
	padding: 2px 0 0 5px;
	font-size: 12px;
	font-weight: normal;
}

.separator
{
    clear: both;
    /*font-size: 11px;*/
    margin: 0;
    padding: 0;
}

#movie-detail-column2 #session-search-bot
{
    float: left;
    background: #eceded url("../images/bg-session-search-bot.png") no-repeat top left;
    width: 324px;
    height: 45px;
    line-height: 20px;
    margin: 0 0 0 10px;
    padding: 12px 0 0 15px;
}

#movie-detail-column2 #session-search-bot a
{
    color: #ffffff;
    font-family: Verdana, Arial;
    font-size: 12px;
}

#movie-detail-column2 #session-search .newListSelected
{
    z-index: 10;
}

#movie-detail-column2 #large-poster
{
    float: left;
    position: relative;
    padding: 10px 0 10px 10px;
}

#movie-detail-column2 #ad-square
{
    float: left;
    background: url("../images/bg-Ad.png") no-repeat top left;
    width: 334px;
    height: 284px;
    padding: 17px 0 0 17px;
    margin: 10px 0 0 10px;
    position: relative;
    z-index: 0;
}

#movie-detail-column2 #fb_like
{
    float: left;
    background-color: #ffffff;
    border: solid 1px #bbbbbb;
    width: 324px;
    margin: 0 0 0 10px;
    padding: 10px 0 0 10px;
}