/* CSS Document */

/* ----------------- BODY ------------------- */

body,html
{
	margin:0;
	padding:0;
}
body,td,th {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12px;
	color: #000000;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding:0;
}
#mainHolder
{
	margin-left:auto;
	margin-right:auto;
	width:790px;
	height:800px;
	background-color:#F4EBE1;
}
#nav{
margin:13px 17px 0px 17px;
}
#col1{
float:left;
width:587px;
margin-top:7px;
}
#col2{
float:left;
width:203px;
margin-top:7px;
}
ul.nav{
list-style:none;
padding:0px;
margin:0px;

}
ul.nav li{
display:inline;
float:left;
width:108px;
height:38px;
}

/* ----------------- DEFAULT ---------------------*/

h2
{
	font-size:15px;
	color:#931c22;
	font-style:italic;
	font-weight:bold;
	margin:0px;
	margin-top:2px;
}

/* ----------------- COMING SOON ------------------ */

.comingSoonRepeat
{
	float:left;
	width:182px;
	margin-left:3px;
}
.comingSoonRepeat h2
{
	font-size:14px;
	vertical-align:middle;
	height:30px;
	line-height:15px;
}
.comingSoonButtons
{
	margin-top:3px;
}

/* ------------------ LATEST RELEASE --------------- */

.latestReleaseRepeat
{
	clear:both;
	width:546px;
	margin-left:3px;
}

.filmImageLeft
{
	float:left;
	width:182px;
	margin-left:-3px;
	margin-right: 5px;
}
.latestReleaseRepeat h2
{
	margin-top: 2px;
	margin-left: 3px;
}
.latestReleaseRepeat p
{
	margin-top: 2px;
	margin-left: 3px;
}
.latestReleaseRepeat .comingSoonButtons
{
	margin-top: 5px;
}

.latestRightContent
{
	float:left;
	width:340px;
}
.latestRleaseText
{
	margin-left:3px;
}

/* ----------------- THEATRE ------------------ */

.theatreContentArea
{
	background-image:url(../images/layout/theatre/main_background.jpg);
	/*background:#33CC00;*/
	height:300px;

}

#theatreNav
{
	width:790px;
	height:60px;
	margin-left:14px;
	padding:0px;
}

#theatreNav img
{
	border:none;
}

.theatreImageArea
{
	width:330px;
	height:273px;
	margin: 10px 5px 10px 0px;
	float:left;
}

.theatreTextArea
{
	float:left;
	width:390px;
	margin-top:14px;
	margin-left:3px;
}
.theatreTextArea p
{
	font-size:14px;
	color:#000000;
	margin-top:5px;
}
.theatreTextArea h2
{
	color:#000000;
}

ul.theatre
{
list-style:none;
padding:0px;
margin:0px;

}
ul.theatre li{
display:inline;
float:left;
width:108px;
height:38px;
}

/* ----------------- VIDEO ------------------ */

.videoContentArea
{
	background-image:url(../images/layout/video/main_background.jpg);
}

#videoNav
{
	width:790px;
	margin-left:14px;
	padding:0px;
}

#videoNav img
{
	border:none;
}

.videoImageArea
{
	width:330px;
	height:273px;
	margin: 4px 0px 10px 0px;
	float:left;
}

.videoTextArea
{
	float:left;
	width:270px;
	margin-top:7px;
	margin-left:5px;
}
.videoTextArea p
{
	font-size:14px;
	color:#3B5F62;
	font-style:italic;
}
.videoTextArea h2
{
	color:#3B5F62;
}

#videoPackShotArea
{
	float:left;
	width:106px;
	margin-top:7px;
	text-align:center;

}
#videoPackShotArea p
{
	margin-top:3px;
	margin-bottom:5px;
}
#videoPackShotArea .packshot
{
	border: solid 1px #FFFFFF;
}

/* ----------------- BUY ------------------ */

.buyContentArea
{
	/*background-image:url(../images/layout/buy/main_background.jpg);*/
	background-color:#666666;
}

#buyNav
{
	width:790px;
	margin-left:14px;
	padding:0px;
	
}

#buyNav img
{
	border:none;
}

.buyImageArea
{
	width:215px;
	margin: 4px 10px 10px 0px;
	float:left;

}

.buyTextArea
{
	float:left;
	width:320px;
	margin-top:7px;
	margin-left:10px;
}
.buyTextArea p
{
	font-size:14px;
	color:#3B5F62;
	font-style:italic;
}
.buyTextArea h2
{
	color:#3B5F62;
}

#buyPackShotArea
{
	float:left;
	width:150px;
	margin-top:7px;
	text-align:center;


}
#buyPackShotArea img
{
	border:0;
}
#buyPackShotArea p
{
	margin-top:3px;
	margin-bottom:5px;
}
#buyPackShotArea .packshot
{
	border: solid 1px #FFFFFF;
}


/* ----------------- COMPETTION ------------------ */

.competitionImageArea
{
	width:322px;
	height:240px;
	margin: 10px 5px 10px 0px;
	float:left;
}

.competitionImageArea .subImage
{
	border: solid 1px #FFFFFF;
}

.competitionTextArea
{
	float:left;
	width:405px;
	margin-top:14px;
}
.competitionTextArea p
{
	font-size:14px;
	color:#000000;
	font-style:italic;
}
.competitionTextArea h2
{
	color:#000000;
	margin-bottom:10px;
}
.competitionEntryBox
{
	margin-top:15px;
}

/* ----------------- GENRE ------------------ */

.genreMain
{
	margin-top:0px;
	height:188px;
	width:100%;
	background:url(../images/layout/genre/genre_background.jpg);
}
.flashHolder
{
	border: 1px solid #FFFFFF;
	margin-left:7px;
	width:552px;
	height:160px;
}
.genreSpacer
{
	height:6px;
}

.centreColumnGenre
{
	float:left;
	width:558px;
	height:568px;
	overflow:auto;
}

.genreListingsText
{
	margin-left:3px;

}
.genreRepeat
{
	clear:both;
	width:535px;
	margin-left:3px;
}

.filmImageLeft
{
	float:left;
	width:182px;
	margin-left:-3px;
	margin-right: 5px;
}
.genreRepeat h2
{
	margin-top: 2px;
	margin-left: 3px;
}
.genreRepeat p
{
	margin-top: 2px;
	margin-left: 3px;
}
.genreRepeat .comingSoonButtons
{
	margin-top: 5px;
}
.genreRightContent
{
	float:left;
	width:340px;
}

/* ----------------- SEARCH ---------------- */

.centreColumnSearch
{
	float:left;
	width:558px;
	height:793px;
	overflow:auto;
}


/* ----------------- YOUR FAVOURITE FILMS ------------------ */

.favouriteReleaseRepeat
{
	clear:both;
	width:281px;
	margin-left:3px;
}

.favouriteImageLeft
{
	float:left;
	width:100px;
	margin-left: 3px;
	margin-right: 0px;
}
.favouriteReleaseRepeat h2
{
	margin-top: 2px;
	margin-left: 3px;
}
.favouriteReleaseRepeat p
{
	margin-top: 2px;
	margin-left: 0px;
}
.favouriteReleaseRepeat .comingSoonButtons
{
	margin-top: 5px;
}

.favouriteRightContent
{
	float:left;
	width:170px;
}
.favouriteRleaseText
{
	margin-left:3px;
}

/* ----------------- YOUR FAVOURITE DIRECTOR ------------------ */

.directorReleaseRepeat
{
	clear:both;
	width:230px;
	margin-left:7px;
}

.directorReleaseRepeat h2
{
	margin-top: 2px;
	margin-left: 3px;
}
.directorReleaseRepeat ul
{
	list-style:none;
	margin-left:0px;
	margin-bottom:10px;
}
.directorReleaseRepeat a
{
	color:#000000;
	text-decoration:underline;
	margin-bottom:2px;
}
.directorReleaseRepeat a:hover
{
	color:#333333;
}
.directorReleaseRepeat p
{
	margin-top: 2px;
	margin-left: 0px;
}
.directorReleaseRepeat .comingSoonButtons
{
	margin-top: 5px;
}

.directorRightContent
{
	float:left;
	width:230px;
}
.directorRleaseText
{
	margin-left:3px;
	font-style:italic;
}


/* ----------------- OFFER  ------------------ */

#offerMain .textArea
{
	margin-left:10px;
	padding-top:5px;
	width:460px;
	height:130px;
	font-size:14px;
	/*color:#3B5F62;*/
	font-style:italic;
	overflow:auto;
}
#offerMain .textArea p
{
	margin-top:5px;
}

#offerMain .textArea h2
{
	color:#000000;
	margin-bottom:10px;
}

.offerButton
{
	margin-top:170px;
	margin-left:15px;
}

.offerContentArea
{
	width:749px;
	height:347px;
	
	background-image:url(../images/layout/offer/offer_main.jpg);
}

/*------------------- SYNOPSIS ----------------- */

.synopsisContent
{
	background-image:url(../images/layout/vertical_shadow_right.gif);
}

.synopsisContent p
{
	font-style:italic;
	margin-right:6px;
	font-size:13px;
}

.synopsisButtons
{
	margin-left:5px;
	margin-top:3px;
}

.synopsisScroll
{
	height:215px;
	overflow:auto;
}

.rightBoxSynopsis
{
	margin-top:4px;
	margin-left:5px;
	width:270px;
}

/*------------------- TRIVIA ----------------- */

.triviaContent
{
	background-image:url(../images/layout/vertical_shadow_product.gif);
}

.triviaContent p
{
	font-style:italic;
	font-size:13px;
	margin-right:6px;
}

.triviaButtons
{
	margin-left:5px;
	margin-top:3px;
}

.triviaScroll
{
	height:62px;
	overflow:auto;
}

.rightBoxtrivia
{
	margin-top:4px;
	margin-left:5px;
	width:407px;
}

/*------------------- REVIEW ----------------- */

.reviewContent
{
	background-image:url(../images/layout/vertical_shadow_product.gif);
}

.reviewContent p
{
	font-style:italic;
	font-size:13px;
	margin-right:6px;
}

.reviewButtons
{
	margin-left:5px;
	margin-top:3px;
}

.reviewScroll
{
	height:75px;
	overflow:auto;
}

.rightBoxreview
{
	margin-top:4px;
	margin-left:5px;
	width:407px;
}

/* ---------------- FILM INFORMATION ----------- */

#filmInformation
{
	margin-left:19px;
	margin-top:5px;
	width:480px;
}

#filmInformationCol2
{
	margin-left:19px;
	background-color:#000099;
	margin-top:5px;
	
}


.filmImageHolder
{
	float:left;
	width:215px;
}
.filmImageHolder2
{
	float:left;
	width:339px;
}

.filmInformationContent
{
	float:left;
	width:255px;
	margin-left:10px;
	height:309px;
	overflow:auto;
}

.filmInformationContent p
{
	margin-top:0px;
	font-size:13px;
	font-style:italic;
}

.filmInformationContent em
{
	font-size:13px;
	font-style:italic;
	font-weight:normal;
	color:#931C22;
	font-weight:bold;
}
.filmInformationContent h1
{
	font-size:18px;
	font-style:italic;
	font-weight:bold;
	color:#931C22;
	margin-bottom:0px;
}
.filmInformationContent .starring
{
	margin-top:10px;
}
.filmInformationContent ul
{
	list-style:none;
	/*color:#931C22;*/
	font-style:italic;
}

/* ------------------ PRODUCT ----------------- */

#col1Product
{
	float:left;
	width:497px;
	margin-top:7px;
}

#col2Product
{
	float:left;
	width:203px;
	margin-top:7px;
}

#col3Product
{
	float:left;
	width:360px;
	margin-top:2px;
}

#col4Product
{
	float:left;
	width:340px;
	margin-top:5px;
}
#col5Product
{
	float:left;
	width:587px;
	margin-top:2px;
}

#col6Product
{
	float:left;
	width:100px;
	margin-top:5px;
}

/* ----------------- GENERIC ------------------ */

.columnHolder
{
	width:568px;
	margin-left:19px;
	/*margin-top:9px;*/
}


/* -------- Right Box ------------ */

.rightBox
{
	margin-top:4px;
	margin-left:5px;
	width:178px;
}

.rightBoxHeader
{
	height:35px;
}
.rightBoxContent
{
	width:178px;
	
}

/* -------- form entry ----------- */

.blueTextArea
{
	float:left;
	width:166px;
	height:31px;
	background-image:url(../images/layout/forms/blue_textarea.gif);
}

.blueTextArea input
{
	width:144px;
	height:11px;
	margin-top:9px;
	margin-left:13px;
	border: none;
	font-size:9px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-style:italic;
	color:#52676c;
}

/* -------- fullScreenSection ------------ */

.fullScreenSection
{
	width:749px;
	margin-left:19px;
	margin-top:4px;
	/*background-color:#EBE1D2;*/
	background-color:#FFF1D2;
	background:url(../images/layout/vertical_shadow_main.gif) repeat-y left;
}



/* -------- mainSection ------------ */

.mainSection
{
	width:568px;
	margin-left:19px;
	margin-top:4px;
	/*background-color:#EBE1D2;*/
	background-color:#FFF1D2;
	background:url(../images/layout/vertical_shadow.gif) repeat-y left;
}

.mainSection p
{
	margin:0px;
	font-size:12px;
	color:#000000;
	font-style:italic;
	/*font-weight:bold;*/
	margin-top:2px;
}
.mainSection .subImage
{
	margin:0px;
	margin-top:0px;
	margin-bottom:0px;
	border-color:#FFFFFF;
	border: solid 1px #FFF;
}
.mainSectionHeader
{
	height:35px;
}

.centreColumn
{
	float:left;
	width:546px;
}

/* -------- subSection ------------ */

.subSection
{
	float:left;
	width:307px;
	margin-left:0px;
	margin-top:4px;
	/*background-color:#EBE1D2;*/
	background-color:#FFF1D2;
	background:url(../images/layout/vertical_shadow.gif) repeat-y left;
}

.subSection2
{
	float:right;
	width:254px;
	margin-top:4px;
	/*background-color:#EBE1D2;*/
	background-color:#FFF1D2;
	background:url(../images/layout/vertical_shadow.gif) repeat-y left;
}

.subSection p
{
	margin:0px;
	font-size:12px;
	color:#000000;
	font-style:italic;
	margin-top:2px;
}
.subSection .subImage
{
	margin:0px;
	margin-top:0px;
	margin-bottom:0px;
	border-color:#FFFFFF;
	border: solid 1px #FFF;
}
.subSectionHeader
{
	height:35px;
}

.subCentreColumn
{
	float:left;
	width:307px;
	height:240px;
	overflow:auto;
}
.subCentreColumn2
{
	float:left;
	width:254px;
	height:240px;
	overflow:auto;
}


/* -------- shadows ------------ */

.shadowGap
{
	float:left;
	width:8px;
	height:10px;
}

.bottomShadow
{
	width:100%;
	height:10px;
	background-image:url(../images/layout/bottom_shadow.gif);
	clear:both;
	font-size:1px;
}
.innerShadowT
{
	width:100%;
	height:4px;
	background:url(../images/layout/t_shadow.gif) repeat-x bottom;
	clear:both;
	font-size:0.5px;
}
.rtShadow
{
	float:right;
	width:8px;
	height:4px;
	font-size:1px;
	background-image:url(../images/layout/rt_shadow.gif);
}
.ltShadow
{
	float:left;
	width:8px;
	height:4px;
	font-size:0.5px;
	background-image:url(../images/layout/lt_shadow.gif);
}
.innerShadowB
{
	width:100%;
	height:14px;
	background:url(../images/layout/b_shadow.gif) repeat-x bottom;
	/*background-color:#663366;*/
	clear:both;
	font-size:0.5px;
}
.rbShadow
{
	float:right;
	width:8px;
	height:14px;
	font-size:1px;
	background-image:url(../images/layout/rb_shadow.gif);
}
.lbShadow
{
	float:left;
	width:8px;
	height:14px;
	font-size:1px;
	background-image:url(../images/layout/lb_shadow.gif);
}
.imgTopShadow
{
	font-size:1px;
	background-color:#33CC99;
	width:100%;
	height:5px;
	margin-top:1px;
	background:url(../images/5px_top_shadow.gif) repeat-x;
}
.imgBottomShadow
{
	font-size:1px;
	width:100%;
	height:5px;
	margin-top:0px;
	margin:0px;
	background-color:#66FF99;
	background:url(../images/5px_bottom_shadow.gif) repeat-x bottom;
}