/* - - - - - - - - - - - - - - - - - - - - -

Title : Hollywood Dominos
Author : Skywire - www.skywire.co.uk
URL : Hollywood Dominos - www.Hollywood Dominos.co.uk

Description : Main Styles
Created : 17/06/2008
Modified : 23/06/2008

- - - - - - - - - - - - - - - - - - - - - */

/* ----- YUI RESET ----- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;}



.boxText { font-size: 10px; }
.errorBox {  font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning {  font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-size : 10px; color: #70d250; text-decoration: underline; }

.filmText { font-size : 10px; color: #ffffff; background: transparent; text-decoration: none; font-weight: bold; }

/* ----- layout debug styles ----- */
/* ----- 
#prodContent{background:green;}
#prodImages{background:red;}

----- */

a,img,input{
	outline:0;
}

.clear{
     clear: both;
     display: block;
     overflow: hidden;
     width: 0;
     height: 0;
}

/* ----- TABLE Styles   ----- */

TABLE.enquiries {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff; 
	background: #000000;
}

/* ----- FORM Styles ---- */
.checkbox {position:relative;left:-4px;}

.input {color:#000000; background: #ffffff; border:1px solid #999999; font-size: 10px; width:233px; height:14px;margin:3px 0 5px 0;}
.input#address {width:233px;}

.select {color:#000000; background: #ffffff; border:1px solid #999999; font-size: 10px; width:234px; height:16px;margin:3px 0 5px 0;}
.select#dob {color:#000000; background: #ffffff; border:1px solid #999999; font-size: 10px; width:75px; height:16px;margin:3px 2px 5px 0;}
.select#dob1 {color:#000000; background: #ffffff; border:1px solid #999999; font-size: 10px; width:75px; height:16px;margin:3px 2px 5px 0;}
.select#dob2 {color:#000000; background: #ffffff; border:1px solid #999999; font-size: 10px; width:75px; height:16px;margin:3px 0 5px 0;}
.select#enquiry{color:#000000; background: #ffffff; border:1px solid #999999; font-size: 10px; width:234px; height:32px;margin:3px 0 5px 0;}

/* ----- LAYOUT ----- */
body, html {height: 100%;}
body {
	background:#ffffff;
	color:#000000;
	font-family: Arial, sans-serif;
	font-size:11px;
	text-align:center;
}
	#distance {
		width:1px;
		height:50%;
		margin-bottom:-313px; /* half of container's height */
		float:left;
	}
	#container {
		background:transparent;
		height:626px;
		margin:0 auto;
		position:relative;
		text-align:left;
		width:820px;
		clear:left;
	}
		#container #logo {
			float:left;
			padding:2px;
			display:inline;
			position:absolute;			
			border:0px solid #ffffff;
			margin-bottom: 3px;
			z-index:1000;
		}
		#container #navigation{
			min-height:200px;
			height:auto !important;
			height:200px;
			position:absolute;
			top:71px;
			left:-1px;	
			z-index:1000;
		}
		#container #outerWrapper{
		}
		#container #innerWrapper{
		}
		#container #homepagetitle{
			min-height:551px;
			height:auto !important;
			height:551px;
			position:absolute;
			top:0px;
			left:183px;		
			z-index:0;
		}
		#container #homepagecms{
			min-height:393px;
			height:auto !important;
			height:393px;
			position:absolute;
			top:128px;
			left:395px;		
			z-index:1001;
		}		
		#container #homepagemain{
			min-height:349px;
			height:auto !important;
			height:349px;
			position:absolute;
			top:128px;
			left:0px;		
			z-index:1;
		}		
		#container #homepagetext{
			min-height:27px;
			height:auto !important;
			height:27px;
			position:absolute;
			top:450px;
			left:395px;		
			z-index:0;
		}		
		#container #thegametext{
			min-height:280px;
			height:auto !important;
			height:280px;
			position:absolute;
			top:152px;
			left:0px;	
			z-index:0;			
		}	
		#container #thegamemain{
			min-height:280px;
			height:auto !important;
			height:280px;
			position:absolute;
			top:-82px;
			left:238px;		
			z-index:1;
		}	
		#container #howtoplaytext{
			min-height:401px;
			height:auto !important;
			height:401px;
			position:absolute;
			top:24px;
			left:438px;		
			z-index:0;
		}	
		#container #howtoplaymain{
			min-height:476px;
			height:auto !important;
			height:476px;
			position:relative;
			top:0px;
			left:0px;		
			z-index:1;
		}	
		#container #historytext{
			min-height:417px;
			height:auto !important;
			height:417px;
			position:absolute;
			top:27px;
			left:173px;		
			z-index:0;			
		}	
		#container #historymain{
			min-height:397px;
			height:auto !important;
			height:397px;
			position:absolute;
			top:97px;
			left:0px;		
			z-index:1;
		}	
		#container #enquiriestext{
			min-height:74px;
			height:auto !important;
			height:74px;
			position:absolute;
			top:25px;
			left:168px;		
			z-index:0;			
		}	
		#container #enquiriesmain{
			min-height:379px;
			height:auto !important;
			height:379px;
			position:absolute;
			top:99px;
			left:447px;		
			z-index:1001;
		}	
		#container #enquiriesform{
			min-height:353px;
			height:auto !important;
			height:353px;
			position:absolute;
			top:139px;
			left:0px;		
			z-index:1001;			
		}	
		#container #registertext{
			min-height:80px;
			height:auto !important;
			height:80px;
			position:absolute;
			top:29px;
			left:168px;		
			z-index:0;			
		}	
		#container #registermain{
			min-height:428px;
			height:auto !important;
			height:428px;
			position:absolute;
			top:109px;
			left:447px;		
			z-index:1;
		}	
		#container #registerform{
			min-height:428px;
			height:auto !important;
			height:428px;
			position:absolute;
			top:139px;
			left:0px;		
			z-index:1001;			
		}		
		#container #countdowntext{
			min-height:23px;
			height:auto !important;
			height:23px;
			position:absolute;
			top:29px;
			left:166px;		
			z-index:0;			
		}	
		#container #countdowndominos{
			min-height:71px;
			height:auto !important;
			height:71px;
			position:absolute;
			top:209px;
			left:73px;		
			z-index:1;
		}	
		#container #countdowntimerbackground{
			min-height:74px;
			height:auto !important;
			height:74px;
			position:absolute;
			top:292px;
			left:140px;		
			z-index:1001;			
		}	
		#container #countdowntimer #days{
			min-height:24px;
			height:auto !important;
			height:24px;
			position:absolute;
			top:326px;
			left:180px;		
			z-index:1001;			
		}		
		#container #countdowntimer #hours{
			min-height:24px;
			height:auto !important;
			height:24px;
			position:absolute;
			top:326px;
			left:323px;		
			z-index:1001;			
		}	
		#container #countdowntimer #minutes{
			min-height:24px;
			height:auto !important;
			height:24px;
			position:absolute;
			top:326px;
			left:455px;		
			z-index:1001;			
		}	
		#container #countdowntimer #seconds{
			min-height:24px;
			height:auto !important;
			height:24px;
			position:absolute;
			top:326px;
			left:585px;		
			z-index:1001;			
		}			
		#container #presstext{
			min-height:54px;
			height:auto !important;
			height:54px;
			position:absolute;
			top:29px;
			left:170px;		
			z-index:1001;			
		}		
		#container #fullWidth #pressfilmstrip{
			min-height:348px;
			height:auto !important;
			height:348px;
			position:relative;
			top:0px;
			margin-top:127px;
			z-index:1002;
		}
		#container #presscms{
			min-height:246px;
			height:auto !important;
			height:246px;
			width:610px;
			position:absolute;
			top:128px;
			left:0px;		
			z-index:1002;
		}	
		#container #pressleftarrow{
			min-height:36px;
			height:auto !important;
			height:36px;
			width:23px;
			position:absolute;
			top:272px;
			left:-84px;		
			z-index:1010;
		}	
		#container #pressrightarrow{
			min-height:36px;
			height:auto !important;
			height:36px;
			width:23px;
			position:absolute;
			top:272px;
			left:866px;		
			z-index:1010;
		}			
		#container #presscms #scroller-holder {
			border:0; 
			display:block; 
			float:left; 
			height:247px; 
			width:820px;
			position:relative;
			overflow:hidden;
		}
		#container #presscms #scroller-stage {
			border:0; 
			display:block; 
			float:left; 
			position:absolute;
			height:247px; 
			width:820px;
		}
		#container #presscms #press-article {
			border:0; 
			background-color:#ffffff;
			display:block; 
			float:left; 
			position:relative;
			height:247px; 
		}	
		#container #presscms #press-spacer {
			border:0; 
			background-color:#ffffff;
			display:block; 
			float:left; 
			position:relative;
			height:247px; 
		}
		#container #eventscms{
			min-height:328px;
			height:auto !important;
			height:328px;
			width:820px;
			position:absolute;
			top:127px;
			left:0px;		
			z-index:1001;
		}	
		#container #eventsleftarrow{
			min-height:36px;
			height:auto !important;
			height:36px;
			width:23px;
			position:absolute;
			top:272px;
			left:-84px;		
			z-index:1010;
		}	
		#container #eventsrightarrow{
			min-height:36px;
			height:auto !important;
			height:36px;
			width:23px;
			position:absolute;
			top:272px;
			left:866px;		
			z-index:1010;
		}			
		/* This is the mask */
		#container #eventscms #scroller-holder {
			border:0; 
			display:block; 
			float:left; 
			height:326px; 
			width:820px;
			position:relative;
			overflow:hidden;
		}
		/* The stage contains all of the scrollable items */
		#container #eventscms #scroller-stage {
			border:0; 
			display:block; 
			float:right; 
			position:absolute;
			height:247px; 
			width:4000px;
		}
		#container #eventscms #events-article {
			border:0; 
			display:block; 
			float:left;
			position:relative;
			height:247px;
			top:40px;
		}	
		#container #eventscms #events_article_text {
			min-height:8px;
			height:auto !important;
			height:8px;
			border:0; 
			display:block; 
			float:left; 
			text-align:center;
			top:273px;
			left:0px;
			position:absolute;
			background: transparent;			
		}		
		#container #eventscms #events_article_text_alternate {
			min-height:8px;
			height:auto !important;
			height:8px;
			border:0; 
			display:block; 
			float:left; 
			text-align:center;
			top:-39px;
			left:0px;
			position:absolute;
			background: transparent;			
		}				
		#container #eventscms #events-spacer {
			border:0; 
			display:block; 
			float:left; 
			position:relative;
			height:247px; 
			top:40px;
		}
		#container #eventstext{
			min-height:63px;
			height:auto !important;
			height:63px;
			position:absolute;
			top:25px;
			left:168px;		
			z-index:1001;			
		}		
		#container #fullWidth #eventsfilmstrip{
			min-height:328px;
			height:auto !important;
			height:328px;
			position:relative;
			top:0px;
			margin-top:127px;
			z-index:1002;
		}		
		#container #eventsmenutext{
			min-height:417px;
			height:auto !important;
			height:417px;
			position:absolute;
			top:27px;
			left:173px;		
			z-index:1002;			
		}	
		#container #eventsmenumain{
			min-height:397px;
			height:auto !important;
			height:397px;
			position:absolute;
			top:97px;
			left:0px;		
			z-index:1;
		}			
		#container #backgroundHolder{
			min-height:551px;
			height:auto !important;
			height:551px;
			position:absolute;
			top:0;
			left:0;
		}		
			#container #backgroundHolder img{
				top:  0; 
				left: 0;
				width:  928px; 
				height: 551px;
			}


/* FLEXIBLE FLASH */
body.flexible #container {
	padding:0;
	width:100%;
	position:relative;
}
body.flexible #outerWrapper {
	width:100%;
	position:relative;
}
body.flexible #innerWrapper {
	margin:0 auto;
	width:820px;
	position:relative;

}
body.flexible #fullWidth {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	min-width:820px;
	z-index:0;
}
body.flexible #navigation {width:820px;}
			
		
/* _________________________________________
------------------------------------------------------
SKYWIRE LOGO
------------------------------------------------------
__________________________________________*/
#skywireLogo {
	z-index:1000;
	position:absolute;
	bottom:10px;
	right:10px;
	background:url(/assets/images/layout/skywire_logo.gif) no-repeat 0 0;
	text-align:left;
	text-indent:-9000px;
	font-size:10px;
	display:block;
	width:37px;
	height:13px;
	outline:none;
}
#skywireLogo:hover {background-position:0 -13px;}