/* Imports */
@import url("sIFR-screen.css");
@import url("sIFR-print.css") print;

/* @group Neutralize styling: */ 

/*   Elements we want to clean out entirely: */
html, body, form, fieldset {
        margin: 0;
        padding: 0;
        font: 13px/160% Arial, Helvetica, sans-serif;
}
/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address{
        margin: 0 0 1em;
        padding: 0;
        line-height: 1.6em;
}

h2, h3, h4, h5, h6{
	margin: .5em 0;
}
/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote{
        margin-left: 1em;
}
/* Miscellaneous conveniences: */
form label {
        cursor: pointer;
        line-height: 24px;
}
fieldset {
        border: none;
        margin-bottom: 1em;
}
input, select, textarea {
        font-size: 100%;
        border:  1px solid #ccc;
        margin:  0;
}
input{
	width:  140px;
	line-height: 22px;
	height: 20px;
	margin:  0;
	padding:  0 3px;
	border:  1px solid #ccc;
}
button{
	border:  1px solid #ccc;
	background:  url(../images/button-grad-bg.jpg) top left repeat-x;
	/* margin:  0 0 -5px 3px; */
	padding: 0 10px;
	font-family: arial, helvetica, sans-serif;
	line-height: 22px;
	font-size: 100%;
	height: 22px;
	margin: 0 0 0 5px;
	
}
img{
	border: none;
}

/* @end */

/* @group Typography */

body{
	font-size:  1em;
	background:  #fff;
	color:  #000;
}
ul, li, ol{
	margin-left: 1.2em;
}
ul{
	list-style-image: url(../images/bullet-sq.png);
}
h2, h3, h4, h5, h6, blockquote{
	color:  #A8262D;
}
h2{
	text-transform:  uppercase;
	font-weight:  bold;
	margin-top: 0
}
h3, h4, h5, h6{
	color:  #A8262D;
	font-size:  140%;
}
h3{
	font-size: 100%;
	text-transform: uppercase;
	display:  block;
}
h4{
	font-size: 110%;
	color: #333;
}
h5{
	font-size: 100%;
	color: #333;
}
h6{
	font-size: 90%;
	color:  #8097CE;
}
a{
	text-decoration: none;
	font-weight:  bold;
	color:  #A8262D;
}

.main a{
	color: #333;
	text-decoration: underline;
}

p.credit{
	margin-left:  1em;
	margin-top: -1em;
}
p.date{
	color:  #A8262D;
}

table{
	border:  1px solid #f0f0f0;
	clear:  both;
	width:  100%;
	margin:  2em 0;
}
th{
	background:  #A8262D;
	color:  #fff;
	font-weight: bold
}
th, td{
	border-right:  1px solid #fff;
	padding: 3px;
}
tr.alt{
	background:  #f0f0f0;
}

blockquote.pull{
	color: #333;
	font-size: 180%;
	font-weight: bold;
	line-height: 120%;
	width: 270px;
	margin: 3em 0 0 0 ;
	text-align: right;
}
blockquote.pull p.citation{
	font-size: 60%;
	margin-top: -1em;
	color: #a8262d;
	text-align: right;
}
blockquote.pull span.quote{
	color: #ccc;
	font-size: 300%;
	line-height: 0;
	position: relative;
	bottom: -.3em;
}

/* @end */


/* @group Grid Modules */
.row{float: left; width: 100%; clear: both;}
.two-col{width: 310px; margin-left: 10px}
.four-col{width: 630px margin-left: 10px}
.left{float: left; }
.right{float: right;}


/* @group Layout */

#doc{
	width: 960px;
}
#hd{
	float:  left;
	width: 100%;
	height: 172px;
	clear:  both;
	position:  relative;
}
body{
	background: url(../images/header-logo.png) top left no-repeat;
}
body.home{
	background: url(../images/header-logo.jpg) top left no-repeat;
}
#hd h1{
	width:  310px;
	float:  left;
	text-indent:  -9999px;
	overflow:  hidden;
}
body.home #hd{
	height: 403px;
}
#hd li, #hd ul{margin: 0; padding: 0}
#hd li{
	display:  inline;
	float:  left;
}
#hd .cta{
	position:  absolute;
	top: 0;
	right:  0;
	/* background:  #f0f0f0;*/
	padding:  10px;
}
#hd .cta ul{
	margin:  0;
	padding: 0;
	float:  left;
}
#hd .cta li{
	padding-left: 14px;
	margin: 0 10px 0 0;
	background: url(../images/bullet-sq.png) left no-repeat;
}
#hd .cta a{
	color: #333;
}
#hd #nav{
	margin-top: 130px;
	margin-left: 10px;
}

#nav ul{
	margin: 0;
	padding: 0;
}
#nav li{
	margin: 0;
	display: block;
}
#nav li a{
	float: left;
	text-indent: -9999px;
	overflow: hidden;
}
.n_home a{
	width: 50px;
	background: url(../images/n_home.png) left no-repeat;
	margin-left: 10px;
}
.n_thefilm a{
	width: 82px;
	background: url(../images/n_thefilm.png) left no-repeat;
}
.n_thedvd a{
	width: 75px;
	background: url(../images/n_thedvd.png) left no-repeat;
}
.n_screenings a{
	width: 109px;
	background: url(../images/n_screenings.png) left no-repeat;
}

.n_watchonline a{
	width: 120px;
	background: url(../images/n-watchonline.png) left no-repeat;
}

.n_takeaction a{
	width: 112px;
	background: url(../images/n_takeaction.png) left no-repeat;
}
.n_resources a{
	width: 103px;
	background: url(../images/n_resources.png) left no-repeat;
}
.n_forum a{
	width: 58px;
	background: url(../images/n_forum.png) left no-repeat;
}

#bd{
	margin:  1em 0;
	float:  left;
}

#col1{
	width:  270px;
	float:  left;
	display: inline;
	margin-left: 10px;
}

#secnav{
	background: #fff;
	border:  5px solid #A8262D;
	margin-bottom:  20px;
}
#secnav ul, #secnav li{
	margin:  0;
	padding: 0;
	list-style: none;
	list-style-image: none;
	list-style-type: none;
}
#secnav li{
	border-bottom: 1px solid #f0f0f0;
	text-transform: uppercase;
}
#secnav a{
	color: #333;
	display:  block;
	text-decoration: none;
	text-indent: 5px;
}
#secnav a:hover{
	background:  #f0f0f0;
}
#secnav li.active{
	background:  #A8262D;
	color:  #fff;
	font-weight: bold;
	text-indent: 5px;	
}

#col2, #col3{
	width:  310px;
	float:  left;
	display: inline;
	margin-left: 20px;
}
* html #col3{
	width:  300px;
}
#col2.main{
	width:  660px;
}
* html #col2.main{
	width:  650px;
}

#ft{
	width:  960px;
	float:  left;
	clear:  both;
	border-top: 7px solid #A8262D;
}
#ft a{
	color: #333;
}
* html #ft{
	width:  100%;
	margin-left: 0;
}
#ft-nav{
	margin:  10px;
	padding:  0;
}
#ft-nav li{
	font-weight: bold;
	text-transform: uppercase;
	margin:  0 20px 0 0;
	display:  inline;
}
#ft-credits{
/*	width: 500px; */
	float: right;
	text-align: right;
	margin-top: -30px;
}
#ft-credits a{
	margin-left: 20px;
}

#distributorCredit{
margin-left: 50px;
}

#distributorCredit img{
	margin-left: 5px;
	position: relative;

}


/* @end */

/* @group Homepage specific */
#signup{
	background:  #f0f0f0;
	
}
#signup h2, #signup form{
	margin: 10px;
}
.home #awards h2{
	display: none;
}
.home #awards{
	position: absolute;
	top: 0;
	right: 0;
	width: 560px;
	text-align: right;
}

.home #banner{
	height: 75px;
	width: 470px;
	position: relative;
	top: -105px;
	left: 489px;
	margin-bottom: -105px;
}
.home #featured{
	background: #f5f5f5 url(../images/featured-grad-bg.jpg) bottom repeat-x;
	font-weight: bold;
	margin-bottom: 10px;
}
.home #dvd{
	width: 630px;
	float: left;
	position: relative;
}
.home #packshot{
	float: left;
	margin: 10px 10px 10px 20px;
}
.home #aboutdvd{
	float: right;
	width: 500px;
	margin: 10px 0;
}
.home #aboutdvd h2{
	background: url(../images/t_dvdavailable.png) top left no-repeat;
	/* width: 498px;
	height: 32px; */
	text-indent: -9999px;
	overflow: hidden;
}
.home #aboutdvd #aboutCTA{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 300px;
	list-style: none;
}
.home #aboutdvd #aboutCTA li{
	float: left;
	width: 100px;
	display: block;
}

.home #aboutdvd h3.orderdvd{
	background: url(../images/buydvd.png) right no-repeat;
	margin-top: 5px;
	float: right;
	height: 26px;
	overflow: hidden;
	text-indent: -9999px;
	width: 150px;
}

.home #aboutdvd p{
	margin: 0px;
}


.home #aboutdvd h3.watchonline{
	background: url(../images/watchonline.png) right no-repeat;
	margin-top: 5px;
	float: right;
	height: 26px;
	overflow: hidden;
	text-indent: -9999px;
	width: 150px;
}


.home #aboutdvd #aboutCTA li.orderdvd a{
	display: block;
}
.home #extras{
	background: #eee;
	width: 190px;
	float: left;
	margin-right: 20px;
}
.home #featured #extras h3{
	height: 14px;
	width: 165px;
	background: url(../images/t_extras.png) top left no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	margin: 10px 0 0 10px;
}
.home #featured #extras ul{
	margin: 10px 10px 10px 12px;
	color: #A8262D;
}
.home #news{
	border-right: 1px solid #a8262d;
	width: 309px;
}
.home #getinvolved, .home #news, .home #forum{
	margin-top: 10px;
}
.home #forum ul, .home #getinvolved ul{
	margin: 0 0 0 3px;
	padding: 0;
}

/* DVD Page specific rules */

div#dvdinfo{
	width: 460px;
	float: left;
}
div#dvdslideshow{
	width: 180px;
	float: right;
}

/* @group Misc */
.fl{
	float:  left;
	margin:  0 1.4em 1em 0;
	clear:  left;
}
.fr{
	float:  right;
	margin:  0 0 1em 1em;
	clear:  right;
}
.leader{font-weight: bold}
.note{font-size: 85%;}

.alert{
	border: 1px solid #ffc34e;
	padding: 20px;
	background: #fffea7;
}


/* Gallery */

div.gallery{
	clear:  both;
}
div.gallery div.photo{
	width:  180px;
	height:  120px;
	float:  left;
	margin-right:  10px;
}

/* Title replacement */

#getinvolved h2, body.home #news h2, #signup h2, body.home #forum h2{
	text-indent:  -9999px;
	overflow:  hidden;
	background-position:  left;
	background-repeat:  no-repeat;
}

#getinvolved h2{
	background-image: url(../images/t_getinvolved.png);
}
body.home #news h2{
	background-image:  url(../images/t_news.png);
}
#signup h2{
	background-image:  url(../images/t_signupnow.png);
	height:  30px;
}
body.home #forum h2{
	background-image: url(../images/t_jointheforum.png);
}




/* Lightbox */

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(../js/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
	
	

/* @end */


/* Take Action */

div.takeAction{
	width: 620px;
	margin-left: auto;
	margin-right: auto;
}

div.takeActionItemLeft{
	width: 300px;
	float: left;
}

div.takeActionItemRight{
	width: 300px;
	float: right;
}


.takeAction h3{
	background-color: #990000;

	color: white;
	padding: 2px 2px 2px 4px;
	font-size: 120%;
	margin-top: 15px;
}

.takeAction img{
	float: left;
	margin: 5px 20px 15px 0px;
}

.takeAction p{
	font-size: 120%;
	line-height: 130%;
}

.spacer {
	clear: both;
}

/* @end */


/* @Signup form */



#frmSignup2 label, #frmSignup2 button, #frmSignup2 input, #frmSignup2 h3, #frmSignup2 p{
        display: block;
        margin: auto 10px;
}
#frmSignup2 button{
	float: right;
	clear: both;
}
#frmSignup2 p{
	margin-bottom: 1em;
}
#frmSignup2 label{
	font-size: 1.4em;
	line-height: 1.4em;
	margin-bottom: .5em;
}
 #frmSignup2 h3{
 		font-size: 1.4em;
		margin-bottom: .5em;
 }
#frmSignup2 input{
        width: 230px;
        margin-bottom: .5em;
		line-height: 2em;
		height: 1.4em;
		font-size: 1.4em;
}
#frmSignup2 fieldset{
        width: 42%;
        float: left;
        background: #f0f0f0;
		border: 4px solid #ccc;
        margin-right: 4%;
        padding-top: 10px;
}

#frmSignup2 fieldset#fldEmail{
        width: 100%;
        float: none;
        clear: both;
        padding-bottom: 1em;
        background: #fff;
		border: none;
}
#frmSignup2 fieldset#fldEmail label, #frmSignup2 fieldset#fldEmail input{
        margin-left: 0;
		float: left;
}

#frmSignup2 fieldset#fldEmail label, #frmSignup2 fieldset#fldEmail input{
        margin-left: 0;
		float: left;
}

#frmSignup2 input#postcode {
	width: 40%;
}

#frmSignup2 input#location_submit{
	display: none;
}
#frmSignup2 select{
        width: 230px;
        margin: 0 10px 10px;		
		line-height: 2em;
		height: 1.4em;
		font-size: 1.4em;
}
#frmSignup2 .check{
	float: left;
	margin-right: .5em;
	width: auto;
	border: none;
}	


/* @end */

/* @Ask Directors form */

#frmAskDirectors label, #frmAskDirectors button, #frmAskDirectors input, #frmAskDirectors h3, #frmAskDirectors p{
        display: block;
        margin: auto 10px;
}
#frmAskDirectors button{
	float: right;
	clear: both;
}
#frmAskDirectors p{
	margin-bottom: 1em;
}
#frmAskDirectors label{
	font-size: 1.4em;
	line-height: 1.4em;
	margin-bottom: .5em;
}
 #frmAskDirectors h3{
 		font-size: 1.4em;
		margin-bottom: .5em;
 }
#frmAskDirectors input{
        width: 230px;
        margin-bottom: .5em;
		line-height: 2em;
		height: 1.4em;
		font-size: 1.4em;
}

#frmAskDirectors textarea{
        margin: .5em;
		line-height: 1.2em;
		font-size: 1em;
}

#frmAskDirectors fieldset{
        width: 270px;
        float: left;
        background: #f0f0f0;
		border: 4px solid #ccc;
        margin-right: 4%;
        padding-top: 10px;
}

#frmAskDirectors fieldset#fldEmail{
        width: 100%;
        float: none;
        clear: both;
        padding-bottom: 1em;
        background: #fff;
		border: none;
}
#frmAskDirectors fieldset#fldEmail label, #frmAskDirectors fieldset#fldEmail input{
        margin-left: 0;
		float: left;
}

#frmAskDirectors fieldset#fldEmail label, #frmAskDirectors fieldset#fldEmail input{
        margin-left: 0;
		float: left;
}

#frmAskDirectors input#postcode {
	width: 40%;
}

#frmAskDirectors input#location_submit{
	display: none;
}
#frmAskDirectors select{
        width: 230px;
        margin: 0 10px 10px;		
		line-height: 2em;
		height: 1.4em;
		font-size: 1.4em;
}
#frmAskDirectors .check{
	float: left;
	margin-right: .5em;
	width: auto;
	border: none;
}	


/* @end */


/* User Feedback */


.formError{
	color: #000;
	background-color: #D03132;
	margin: 15px;
	font-size: 12px;
	border: 2px;
	padding: 5px; 
	border-color: #fff;
	
	}
	
.formError p {
	color: #fff;
	
	}

.red {
	color: #D03132;
	}

/* @end */

/* DVD */

p.orderdvd{
	background: url(../images/buydvd.png) right no-repeat;
	height: 26px;
	overflow: hidden;
	text-indent: -9999px;
	width: 150px;
}

p.orderdvd a{
	display: block;
	height: 26px;
}


p.watchonline{
	background: url(../images/watchonline.png) right no-repeat;
	height: 26px;
	overflow: hidden;
	text-indent: -9999px;
	width: 150px;
}

p.watchonline a{
	display: block;
	height: 26px;
}


table.whereToDvd {
	width: auto;
}



/* @end */

.trick {
	clear: both;
	margin-bottom: 30px;
}

div.widget {
	clear: both; 
	overflow: hidden;
	border: 1px solid grey;
	padding: 10px;
	margin-top: 10px;
}

div.widget-info {
	float: left; 	
	width: 50%;
} 

div.widget-previewParent {
	float: left;
	width: 50%;
}

div.widget-preview {
	margin: 0 auto;
	text-align: center;
}


* html body.home #signup{margin-left: 5px;}

* html div#dvdinfo {width: 440px}