@charset "utf-8";

* {
	padding: 0;
	margin: 0;
}

body	{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 75%;
	color: #1a171b;
	background-color: #c0c0c0;
}

img	{
	border: 0;	
}

a	{
	outline: none;	
}

h3	{
	font-size: 1.4em;
	padding-top: 6px;
	padding-bottom: 6px;
	line-height: 1.3em;
}

p	{
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 1.1em;
	line-height: 1.3em;
}

ul	{
	padding-left: 35px;	
}
li	{
	color: #f69e00;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right:15px;
}
li	span	{
	color: #1a171b;
}

div#container	{
	width: 1004px;	
	padding-right: 20px;
	padding-bottom: 30px;
	margin: auto;
	background-color: white;
}

div.section	{
	clear: both;
	position: relative;
}

a#logo	{
	display: block;
	width: 230px;
	height: 76px;
	overflow: hidden;
	position: absolute;
	right: -15px;
	top: 10px;
}

h1	{
	display: block;
	width: 525px;
	height: 350px;
	color: #b3ce49;
	text-align: center;
	font-size: 2.6em;
	overflow: hidden;
	position: relative;
	float: left;
}
	
h1 span,
div#middle h3	span,
div#comp-form h3	span	{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
h1 span	{	background: url(../img/banner.jpg) 0 0 no-repeat;	}


div#top	div.copy	{
	width: 460px;
	padding-left: 15px;
	float: left;
	clear: none;
	padding-top: 110px;
}



div#middle,
div#bottom	{
	width: 970px;
	margin-left: 25px;
}

div#middle	{
	margin-top: 50px;
}

div#win	{
	width: 970px;
	min-height: 315px;
	position:relative;
	background: url(../img/win-bg.jpg) 0 0 no-repeat;
}
div#win-footer	{
	display: block;
	width: 970px;
	background: url(../img/win-footer.jpg) 0 0 no-repeat;
	height: 20px;
}
div#win-overflow	{
	width: 175px;
	height: 42px;
	position: absolute;
	right: 60px;
	top: -42px;
	background: url(../img/win-bg-overflow.jpg) 0 0 no-repeat;
	overflow: hidden;
}
div#win	div.copy	{
	width: 355px;
	padding-top: 20px;
	padding-left: 25px;
}

div#middle h3	{
	width: 	349px;
	height: 45px;
	overflow: hidden;
	position: relative;
	padding-bottom: 0;
}
div#middle h3	span	{	background: url(../img/head-monster-prizes.jpg) 0 0 no-repeat;	}
div#win	div.copy	p	{	line-height: 1.3em; font-size: 1em;	}


div#win	p#see-all-prizes	{
	text-align: right;	
}

div#win	p#see-all-prizes	a	{
	display: block;
	width: 155px;
	height: 32px;
	position: relative;
	overflow: hidden;
	float: right;
}

div#win	p#see-all-prizes	a	span	{
	position:absolute;
	top: 0px;
	left: 0px;
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/but-see-all.jpg) 0 0 no-repeat;
}

/******************************************
***				BOTTOM					***
******************************************/

div#bottom	{
	width: 962px;
	margin-left: 28px;
	margin-top: 15px;
	padding-bottom: 7px;
	background:url(../img/bottom-bg.jpg) left bottom no-repeat;	
	background-color: #7b4ca5;	
	overflow: hidden;
}

div#bottom-footer	{
	background:url(../img/bottom-top-bg.jpg) 0 0 no-repeat;
	height: 10px;
	clear: both;
	display: block;
}


div#comp-form,
div#video	{
	float: left;
	clear: none;
	width: 375px;
	height: 400px;
}
div#comp-form	{
	width: 375px;
	padding-left: 0px;
	padding-top: 10px;
	color: #FFFFFF;	
}

div#comp-form	a#comp-closed	{
	width: 375px;
	height: 322px;
	display: block;
}



/******************************************
***			VIDEO PLAYER				***
******************************************/

div#video	{ 
	width: 540px;
	padding-left: 40px;
	padding-top: 18px;
	min-height: 510px;
	position: relative;
	background:url(../img/video-bg.jpg) 0 0 no-repeat;
}
div#video	h2	{
	width: 463px;
	height: 39px;
	overflow: hidden;
	background: url(../img/head-mullets-go-bad.png) 0 0 no-repeat;	
	text-indent: -9999em;
	padding-bottom: 0px;
	margin-bottom: 0px;
}


div#video	p	{
	width: 450px;
	padding-bottom: 10px;
}

div#flash-video-container	{
	position: relative;
	width: 442px;
	height: 395px;
	background: url(../img/flash-container-bg.png) 0 0 no-repeat;
}
*html  div#flash-video-container{height: 385px;}

#flash-video-holder	{
	position: absolute;
	width:422px;
	height: 375px;
	left: 8px;
	top: 10px;
	color: white;
	text-align: center;
	background-color: black;
}


div#video-footer	{
	height: 22px;
	width: 580px;
	background:url(../img/video-bottom-bg.jpg) 0 0 no-repeat;	
	position: absolute;
	bottom: 0px;
	left: 0px;
}





/******************************************
***			COMPETITION FORM			***
******************************************/


div#comp-form	h3	{
	position: relative;
	width: 233px;
	height: 45px;
	padding-bottom: 0;
}
div#comp-form	h3	span	{
	background:url(../img/head-enter-now.jpg) 0 0 no-repeat;
}

div#comp-form	form	{
	display: block;
	width: 350px;
	z-index: 9999em;
	padding-top: 8px;
}
div#comp-form	label	{
	display: block;
	width: 90px;
	float: left;
	padding-top: 2px;
}

div#comp-form	p,
div#comp-form	label	{
	font-size: 0.9em;	
}
div#comp-form	p	{
	padding-top: 4px;
	padding-bottom: 4px;
}

div#comp-form	p.small	{
	font-size: 0.775em;
	padding-bottom: 15px;
}
div#comp-form	div	{
	overflow: hidden;
	padding-top: 2px;
	padding-bottom: 2px;
}
div#comp-form	input	{
	margin-left: 15px;
	float: left;
	display: block;
	clear: none;
	width: 230px;
	font-size: 0.9em;
	font-family:Verdana, Geneva, sans-serif;
	padding: 2px;
}
div#comp-form	div.check	input	{	border: none; 	width: auto; padding: 0; margin: 0; margin-top: 2px;	}
div#comp-form	div.check	label	{	width: 280px;	padding-left: 10px; padding-top: 0;	}
div#comp-form	div.submit	input	{	border: none;	padding: 0;	float: right;}

div#comp-form	form	div.error	label	{
	color: #F69E00 ;font-weight:bold;
}

div#comp-form	a	{
	color: #FFFFFF;	
}

#error{color:#F69E00; font-weight:bold; display:none; float:right; width:230px; margin-top:10px }

div#footer	{
	width: 961px;
	clear: both;
	margin-top: 15px;
	margin-left: 30px;
	padding-top: 50px;
	font-size: 0.8em;
	color: #8C8B8B;
	background: url(../img/footer.jpg) 0 0 no-repeat;
	text-align:center; 
}
#footer a{ color:#8C8B8B; text-decoration:none}
#footer a:hover{color:#ff9900}
a.orange {
color:#FF6600 !important;
}
/******************************************
***		PRIZES PAGE					***
******************************************/

div#prizes-container	{
	width: 962px;
	padding-top: 110px;
	margin-left: 28px;
	overflow: hidden;
	padding-bottom: 100px;
	background: url(../img/prizes-bg.jpg) 0px 100px no-repeat;
}

div#prizes-copy	{
	float: right;
	width: 465px;
	padding-left: 31px;
	padding-right: 15px;
	position:relative;
	background: url(../img/monster-prizes-bg.jpg) 0 0 no-repeat;
}
div#prizes-copy	h1	{
	text-indent: -9999em;	
	color: #7b4ca5;
	width: 400px;
	height: 90px;
}
div#prizes-copy	p	{
	color: #7b4ca5;
	font-weight: bold;
	font-size: 1.4em;
	clear: both;
	line-height: 1.2em;
}
div#prizes-copy-bottom	{
	height: 24px;
	overflow: hidden;
	display: block;
	width: 511px;
	float: right;
	background: url(../img/monster-prizes-bottom-bg.jpg) 0 0 no-repeat;
}



/******************************************
***				TERMS					***
******************************************/

/*div#overlay	{
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-color: black;
	opacity: 0.7;
	display: none;
	z-index: 10;
}*/
div#terms-container	{
	position: absolute;
	width: 380px;
	height: 500px;
	display: block;
	overflow: auto;
	z-index: 99999;
	color: black;
	bottom: 0px;
	left: 0px;
	background: url(../img/bottom-bg.jpg) bottom left no-repeat #7B4CA5;
	display: none;
}

div#terms-copy	{
	padding-left: 31px;
	padding-right: 15px;
	/*height: 350px;
	position: relative;
	top: 0;
	left: 0;*/
	color: black;
	background: url(../img/monster-terms-bg.jpg) 0 0 no-repeat;
}

#terms_body{
		height:425px; 
		width:470px; 
		overflow:auto; 
		clear:both
}
#terms_body p{padding-right:20px}
div#terms-copy	p	{
	font-size: 0.9em;	
}
div#terms-copy	h1	{
	text-indent: -9999em;	
	color: #7b4ca5;
	width: 400px;
	height: 90px;
}
div#terms-copy	h2	{
	clear:both;
}
div#terms-copy ol {margin:0 10px; padding:0 10px}
div#terms-copy li {font-size: 0.9em; color:#000}


#xclose {
cursor:pointer; 
position:absolute;
right:12px;
top:10px; 
text-indent:-9000px; 
width:20px; 
height:20px; 
background:no-repeat url(../img/close.gif); 
z-index:99999;
}

#closebtn {
cursor:pointer;   
width:20px; 
height:20px;
float:right;
margin-top:10px; 
z-index:99999;
}

div#terms-copy-bottom	{
	height: 24px;
	overflow: hidden;
	display: block;
	width: 511px;
	background: url(../img/monster-prizes-bottom-bg.jpg) 0 0 no-repeat;
}
div#comp-form	div#terms-copy	h2	{
	font-size: 1.1em;	
}
div#comp-form	div#terms-copy	h3	{
	font-size: 1em;
	margin: 0;
	padding-top: 6px;
	padding-bottom: 6px;
	height: auto;
	width: auto;
}

span#close	{
	position: absolute;
	right: 50px;
	bottom: 60px;
	width: 150px;
	height: 30px;
	background-color: lime;
	cursor: default;
	cursor: hand;
}

div#comp-form	div#terms-copy	ol	{
	padding-left: 20px;
	color: white;
}
div#comp-form	div#terms-copy	ol	li	{
	font-size: 0.9em;
	color: white;
}