/*
Author:                Joe Green
Date:                   November 2011
Descriptions:        Basic CSS Framework -  Elements are defined in Set Page Styles in the order the appear in the document. You should ignore the Reset All Styles area.
/*
/************ Reset All Styles  ************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, 
form, fieldset, input, p, blockquote, table, th, td, embed, object {
	padding: 0;
	margin: 0; 
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img, abbr {
	border: 0;
}
address, caption, cite, code, dfn, 
h1, h2, h3, h4, h5, h6, th, var {
	font-weight: normal;
	font-style: normal;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 1.0em;
}
q:before, q:after {
	content: '';
}
a, ins {
	text-decoration: none;
}
a {
                color:#444;
}
a:hover {
                text-decoration: underline;
}
/************ Set Global Styles  ************/
html,body {
        font-family: arial,helvetica, sans-serif;
        text-align:left;
        color:#333;
        font-size: 13px;
}
h1, .heading1 {
        margin-top:7px;
        font-size: 20px;
        color:#5D81D3;
        font-weight: bold;
}
h2 {
        margin-top:5px;
        font-size: 17px;
}
h3 {
        margin-top:3px;
        font-size: 14px;
}
p {
        margin-top:3px;
        font-size: 13px;
}
ul {
        margin-left: 20px;
}
li {
        margin:3px 0;
}
.clearfloat {
        /*Used to clear floated elements. Do not remove this style*/
        clear:both;
}

.styledLinkButton {
                padding:4px 20px;
                display:inline-block;
                background:#5d81d3;
                color:#FFF;
                font-size:13px;
                margin:5px 0;
				text-decoration: none;
}
.styledLinkButton:hover {
                background:#86acf1;
                color:#FFF;
				text-decoration: none;
}
/************ Set Page Styles  ************/
body {
        background:#5d81d3 url(/cms/collage_background.jpg) repeat-x fixed;
	overflow-y:scroll;
}
.inset {
        margin:0 auto;
        width:1000px;
}
#container {
        background:white;
        border:10px solid #333;
        padding: 0 10px 10px 10px;

}
#header {
        padding:0;

}
#logo {
        overflow: hidden;
        display: block;
        height: 135px;
        width: 170px;
        float: left;
}
#headerInfo {
                text-align: right;
                font-size:24px;
                font-weight: bold;
                color:#444;
                display:block;
                float:right;
}
/* #nav is defined in Set Menu Styles area at the bottom of this document */

#mainContent {
                width:760px;
                float:left;
				margin-top:5px;
}
#breadcrumb {
	padding:5px;
	background:#eee;
	margin:0 0 10px;
}
#footer {

        padding:10px;
}
#copyright {

}
#evergreen {
        width:200px;
        float:left;
}
#mainPanel {
                width:540px;
                margin-right:10px;
                float:left;
}
#rightPanel {
                width:200px;
                float:left;
}
.filmInfo {
                width:350px;
                float:left
}
.filmExtraInfoBox {
                 width:200px;
                 float:left; 
                 background:#EEE;
                 padding:5px;
}
#mainImageHolder{
                position:relative;
                z-index:50;
		height: 310px;
		overflow:hidden;
}
#mainInfoHolder {
               position:absolute;
                z-index:51;
                background:#F2F2F2;
                color:#333;
                height:300px;
                width:320px;
                top:0px;
                right:0;
                padding:5px;
}
/************ Set Menu Styles  ************/
#leftSidebar{
                float:left;
                width:230px;
                margin-right:10px;
}
#twitterContainer{
                background:#eeffff;
                border:1px solid #DDD;
                padding: 60px 5px 0 5px;
                margin-top:5px;
                position:relative;
                z-index:50;
}
#twitterHeader {
                background:url(/gfx/latestfromtwitter.png);
                height:63px;
                width:173px;
                position:absolute;
                z-index: 51;
                top:-10px;
                left:0;
}
#twitterContainer ul,#twitterContainer li {
                padding:0;
                list-style-type: none;
                margin:0
}
#twitterContainer li {
                border-bottom:1px dashed #DDD;
                margin:5px 0 10px 5px;
                padding: 5px 0;
}
#twitterContainer a {
                font-size:12px;
                color:#444;
                text-decoration: none;
                margin:0;
}
#twitterContainer a:hover {
                color:#999;
                text-decoration: none;
}
.tweet_hours{
                font-size:11px;
                font-weight: bold;
}
#nav {
	background: url('../gfx/menu.png') bottom repeat-x #5D81D3;
    padding:0;
	border:2px solid #EEE;
}
#nav ul {
	position:relative;
        list-style:none;
	z-index:100;
        padding:0;
        margin:0;
}
#nav ul:after {
	content:"";
	display:block;
	clear:both;
}
#nav li {
        margin:0;
	/*
        border-right:2px solid #EEE;
	*/
	position:relative;
        float:left;
}
#nav a {

        font-weight:bold;
        text-align:left;
        padding: 5px 45px;
        font-size:15px;
        display:block;
        color:#FFF;
        background: url('../gfx/menu.png') repeat-x #5D81D3;
		background-position: bottom;
        margin: 0;
}
#nav li .active>a,
#nav ul li:hover>a {
	background-position: top;
	color:#FFF;
	text-decoration: none;
}
#nav ul li:hover>ul {
        display:block;
}
#nav ul ul li {
	width:100%;
}

#nav ul ul {
	background:orange;
        position:absolute;
        display:none;
        width:276px;
        margin:0; 
        top:38px;
	left:0;
}
#nav ul ul a {
	padding:0 0 0 11px;
	background:none;
        line-height:32px;
        font-size:12px;
	text-align:left;
}
#nav ul ul li:hover>a {
	background:darkblue;
}

#nav ul ul ul {
	background:yellowgreen;
        left:276px;
        top:0;
}
#nav ul ul ul a:hover {
	background:darkgreen;
}
/*
#nav {
	background:#EEE;
                padding:5px;
}
#nav ul {
	position:relative;
        list-style:none;
	z-index:100;
        padding:0;
        margin:0;
}
#nav ul:after {
	content:"";
	display:block;
	clear:both;
}
#nav li {
        margin:0;
	position:relative;
        
}
#nav a {

        font-weight:bold;
        text-align:left;
        padding: 5px 10px;
        font-size:15px;
        display:block;
        width:170px;
        color:#333;
        background:#DDD;
        margin:3px 0;
}
#nav li .active>a,
#nav ul li:hover>a {
	background:#6699ff;
        color:#FFF;
}
#nav ul li:hover>ul {
        display:block;
}
#nav ul ul li {
	width:100%;
}

#nav ul ul {
	background:orange;
        position:absolute;
        display:none;
        width:276px;
        margin:0; 
        top:38px;
	left:0;
}
#nav ul ul a {
	padding:0 0 0 11px;
	background:none;
        line-height:32px;
        font-size:12px;
	text-align:left;
}
#nav ul ul li:hover>a {
	background:darkblue;
}

#nav ul ul ul {
	background:yellowgreen;
        left:276px;
        top:0;
}
#nav ul ul ul a:hover {
	background:darkgreen;
}
*/
/************ Contact Page Styles  ************/
#contact_form {
        
        padding:20px 40px;
        display:block;
        width:360px;
        float:left;
        border-right:1px solid #CCC;
        min-height: 300px;
}
#contact_form .submit_button {
        display:inline-block;
        border:none;
        float:right;
		background:#EEE;
		border:1px solid #CCC;
        cursor: pointer;
		width:auto;
        
}
#contact_form .submit_button:hover {	
	background:#FFF;
}
#contact_form input, #contact_form textarea, #contact_form select {
        border:1px solid #CCC;
        font-family: inherit;
        margin:4px 0;
        padding:5px;
        width:360px;
        border-radius:5px;
        background:#FFF;
}
#contact_form input.narrow {
        width:auto;
}
#contact_details{
        margin-left:10px;
        padding:30px 0 0 20px;
        width:280px;
        float:left;
}
#contact_details h3 {
	margin-top:10px;
	font-weight: bold;
}




/** film list **/

#film_grid {
       width: 760px;
       margin: 0;
       padding: 0;
}

#film_grid ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
}

#film_grid li {
        float: left;
        width: 375px;
        margin: 0;
        padding: 0;
        margin-top: 10px;
        background: #ededed;
        padding-bottom: 5px;
}

#film_grid li.first {
        margin-right: 10px;
}

#film_grid h2 {
        font-size: 16px;
        background: #5D81D3;
        background-position: bottom;
        line-height: 22px;
        margin: 5px;
        padding: 3px;
        color: #fff;
        font-weight: bold;
}

#film_grid h2 a {
        font-size: 16px;
        color: #fff;
}

#film_grid h2 a:hover {
        color: #ededed;
}

#film_grid img {
        margin-left: 5px;
        width: 180px;
        float: left;
        
}

#film_grid div {
        width: 170px;
        float: right;
        padding: 0;
        padding-right: 10px;
}

#film_grid div p {
        width: 170px;
        padding: 0;
        margin-top: 0;
}

#film_grid p.film_date {
        clear: both;
        margin: 0 5px;
        height: 20px;
        line-height: 20px;
        position: relative;
        font-weight: bold;
}

#film_grid p.film_date a.film_more_info {
       position: absolute;
       width: 70px;
       height: 20px;
       line-height: 20px;
       color: #fff;
       display: block;
       text-decoration: none;
       top: 0;
       right: 0;
       background-color: #5D81D3;
       text-align: center;
       font-weight: bold;
}

#film_grid p.film_date a.film_more_info:hover {
        color: #ededed;
}

#sorry_message {
	width:745px;
	border:3px solid #990000;
	background:#FFDDDD;
	text-align:center;
	padding:10px 0 10px 0;
	margin:0 0 10px 0px;
}
#sorry_message p {
	font-size:16px;
}

/** form styles **/

img.info {
    position: absolute;
    right: 0;
    top: 25px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

p.info_output {
    width: 170px;
    height: auto;
    background-color: #333;
    color: #fff;
    position: absolute;
    top: 25px;
    right: 25px;
    font-size: 14px;
    padding: 10px;
    z-index: 20;
}

ul.form_holder {
    margin-left: 0;
    list-style-type: none;
    width: 460px;
}

ul.form_holder li {
    position: relative;
    min-height: 30px;
    padding-bottom: 5px;
    clear: both;
}

ul.form_holder label {
    display: block;
    line-height: 25px;
    height: 25px;
}

ul.form_holder input, ul.form_holder textarea, ul.form_holder select {
    width: 408px;
    height: 28px;
    border: solid 1px #c9bead;
    line-height: 28px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 16px;
    background: #fff;
}

ul.form_holder select {
    width: 418px;
}

ul.form_holder input.error, ul.form_holder textarea.error {
    border-color: #c00;
}

ul.form_holder input[disabled="disabled"], ul.form_holder input[readonly="readonly"] {
    background: #ededed;
    border-color: #ccc;
}

ul.form_holder textarea {
    min-height: 140px;
    line-height: normal;
    font-size: 14px;
}

ul.form_holder p.error_message {
    color: #c00;
    font-size: 12px;
    font-family: sans-serif;
    margin: 0;
    padding: 5px 35px 0 0;
}

ul.form_holder li.cbox input {
    width: auto;
    height: auto;
    float: left;
    margin-top: 12px;
    padding-bottom: 5px;
}

ul.form_holder li.cbox label {
    width: 250px;
    float: left;
    line-height: normal;
    height: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    font-style: italic;
}

.std_form ul.form_holder li.cbox label {
    width: 390px;
    font-size: 12px;
    padding-left: 10px;
}

.std_form ul.form_holder li.cbox .info {
    top: 0;
}

.std_form {
    padding-bottom: 20px;
    /*width: 560px;
    float: left;*/
}

.std_form h2 {
    font-family: 'arial', 'helvetica', sans-serif;
    font-size: 18px;
    padding-bottom: 5px;
}

.std_form input.subbtn {
    font-weight: bold;
}

/** basket table **/

#basket {
    width: 748px;
    background: #fff;
    border-top: solid 1px #c9bead;
    border-left: solid 1px #c9bead;
    color: #333;
    font-size: 16px;
    margin-bottom: 10px;
}

#basket td, #basket th {
    padding: 7px;
    border-bottom: solid 1px #c9bead;
    border-right: solid 1px #c9bead;
    text-align: center;
}

#basket td.name, #basket th.name {
    text-align: left;
}

#basket th {
    color: #5D81D3;
}

#basket td.subhead {
    color: #5D81D3;
    text-align: right;
    font-weight: bold;
}

#confirm_buttons {
    clear: both;
    padding-top: 10px;
}

#confirm_buttons a {
    float: left;
}

#confirm_buttons input {
    float: right;
}

#confirm_buttons #paypal_icons {
    clear: both;
    float: right;
    display: block;
    padding-top: 10px;
}

/** dashboard **/

.inner_left {
    float: left;
}

.inner_right {
    float: right;
}

.wide_box {
    background: #fff;
    border: solid 1px #333;
    padding-bottom: 10px;
    margin-bottom: 20px;
    min-height: 320px;
}

.wide_box h2 {
    color: #fff;
    background-color: #5D81D3;
    font-size: 16px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    padding-left: 20px;
    margin-bottom: 10px;
    margin-top: 0;
}

.wide_box h5 {
    color: #333;
    font-size: 14px;
    font-weight: bold;
    font-family: 'Georgia', serif;
    padding-left: 20px;
    font-style: italic;
    padding-bottom: 5px;
}

.wide_box p {
    padding: 10px 20px 10px 20px;
}

ul.stall_nav {
    list-style-type: none;
    margin-right: 20px;
    width: 163px;
    text-align: right;
    padding-top: 10px;
}

ul.stall_nav li {
    clear: both;
}

ul.stall_nav li a, 
ul.stall_nav li span, 
a.dash_link {
    width: 150px;
    display: block;
    background-color: #5D81D3;
    color: #fff;
    text-align: center;
    border: solid 1px #ccc;
    cursor: pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 4px 3px 4px 3px;
    float: right;
    margin-bottom: 7px;
    text-decoration: none;
}

ul.stall_nav li span {
    background: #ededed;
    color: #999;
    border-color: #999;
    cursor: auto; 
}

a.dash_link {
    float: none;
}

ul.stall_nav li a:hover, a.dash_link:hover {
    text-decoration: underline;
}

ul.account_info {
    list-style-type: none;
    margin-left: 20px;
    width: 343px;
}

ul.account_info li {
    font-size: 17px;
    color: #333;
    padding-bottom: 5px;
}

ul.account_info li span {
    font-weight: bold;
    color: #508c97;
}

ul.account_info li a {
    font-weight: bold;
    color: #508c97;
    text-decoration: none;
}

ul.account_info li a:hover {
    text-decoration: underline;
}

ul.account_info li span.expiry_soon, ul.stall_nav li a.expiry_soon {
    color: #c00;
} 

ul.dash_list {
    list-style-type: none;
}

ul.dash_list li {
    font-size: 14px;
    color: #333;
    padding-bottom: 3px;
}

ul.dash_list li a {
    color: #630;
}

ul.dash_list li a:hover {
    text-decoration: none;
}

/** member CTA **/

a.member_sign {
    /*background: #ededed;*/
    color: #5D81D3;
    font-size: 13px;
    display: block;
    padding: 6px 10px 6px 10px;
    float: left;
    /*border: solid 1px #ccc;
    -webkit-border-radius: 5px;
    border-radius: 5px;*/
    margin-right: 10px;
}

a.member_cta {
    background: #5D81D3;
    color: #fff;
    font-size: 13px;
    display: block;
    padding: 5px 10px 5px 10px;
    float: left;
    border: solid 1px #333;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-right: 10px;
    margin-left: 30px;
}

a.int_member_cta {
    background: #5D81D3;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    display: block;
    float: left;
    padding: 5px 10px 5px 10px;
    border: solid 1px #333;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-top: 20px;
}