@charset "utf-8";
/* CSS Document */

/******************************************************************
*	Globals
*	---------------------------------------------------------------
*	Base global styles to affect raw tags
*******************************************************************/

html,
body
{
	margin:						0;
	padding: 					0;
	font:						12px/18px Arial, Helvetica, sans-serif;
	width:						100%;
	color:						#333;
	background:					#8799A8 url("/images/backgrounds/default.jpg") repeat-x top left;
	-background:					#FFF url("/images/xmas/bg_silver_christmas.jpg") no-repeat top center;
	scrollbar-3dlight-color: 	#000000;
	scrollbar-arrow-color: 		#000000;
	scrollbar-base-color: 		#000000;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-face-color: 		#FFFFFF;
	scrollbar-highlight-color: 	#FFFFFF;
	scrollbar-shadow-color: 	#000000;
	scrollbar-track-color: 		#FFFFFF;
}

img
{
	border:						none;
}

a
{
	text-decoration:			none;
}

a:hover
{
	text-decoration:			underline;
}

h1,
h2,
h3,
h4
{
	color:						#8B9298;
}

h3
{
	padding-top:				0;
	margin-top:					0;
	font-size:					18px;
}

/******************************************************************
*	STAGE TAGS
*	---------------------------------------------------------------
*	Base styles for the outer stage and main layout structure
*******************************************************************/
div#stage
{	
	top: 						40px;
}

div#holly
{
	background:					url("/images/xmas/holly_berries.png") no-repeat;
	width:						106px;
	height:						83px;
	position:					absolute;
	top:						-34px;
	right:						-38px;
}

div#stage,
div#stage div#banner
{
	position:					relative;
	width:						802px;
	margin:						0 auto;
	background:					#FFF;
}

div#stage img#stageCorners
{
	position:					absolute;
	bottom:						-12px;
	left:						0;
}

div#stage div#banner
{
	position:					absolute;
	top:						0;
	left:						0;
	width:						778px;
	margin:						0 12px;
	padding:					10px 0;
	border-bottom:				1px dotted #8B9298;;
}

div#stage div#page
{
	padding:					70px 0 0 0;
}

div#footer
{
	position:					relative;
	width:						778px;
	margin:						0 auto;
	padding:					24px 12px 24px 12px;
	margin-top:					40px;
	background:					transparent;
	color:						#000;
}

div#footer p
{
	margin:						0;
	padding:					0 0 10px 0;
}

div#footer *
{
	font:						10px Arial, Helvetica, sans-serif;
}


div#footer a
{
	color:						#000;
}

div#container
{
	position:					relative;
	margin:						12px 12px 0 12px;
}

/******************************************************************
*	Forms and Elements
*	---------------------------------------------------------------
*	Base styles for forms and the inside elements
*******************************************************************/
form,
form fieldset
{
	padding:					0;
	margin:						0;
	font:						normal 11px Arial, Helvetica, sans-serif;
}

form div.errors
{
	color:						#F00;
	margin:						10px 0;
	padding:					10px 0;
	border-top:					1px dotted #666;
	border-bottom:				1px dotted #666;
}

form fieldset
{
	border:						none;
	margin:						0 0 5px 0;
}

form fieldset fieldset
{
	margin:						0 0 2px 0;
}

form br.noBr
{
	display:					none;
}

form fieldset label
{
	float:						left;
	width:						120px;
	margin:						3px 5px 0 0;
}

form fieldset input,
form fieldset textarea
{
	float:						left;
	width:						200px;
	border:						1px solid #666;
	background:					#8B9298;
	font:						normal 12px Arial, Helvetica, sans-serif !important;
}

form fieldset textarea
{
	font-family:				Arial, Helvetica, sans-serif;
	height:						100px;
}

form fieldset input.radio
{
	float:						left;
	width:						auto;
	border:						none;
	background:					none;
}

form fieldset.checkbox label
{
	float:						none;
	width:						auto;
	margin:						0;
}

form fieldset.checkbox input
{
	float:						none;
	width:						auto;
	border:						none;
	vertical-align:				middle;
}

form fieldset.submit input
{
	float:						none;
	width:						auto;
	vertical-align:				middle;
	border:						none;
}

form fieldset.submit div.policy
{
	float:						right;
	width:						140px;
}

form fieldset.submit div.policy a
{
	display:					block;
}

.fbtext
{
	float:						right;
	width:						232px;
	padding-top:				7px;
}

/******************************************************************
*	Common Styles
*	---------------------------------------------------------------
*	Common styles used throughout the website
*******************************************************************/
#container h5
{
	margin-bottom:				5px;
	padding-bottom:				0;
}

div.messages
{
	color:						#F00;
}

.borderTop
{
	border-top:					1px dotted #8B9298;
}

.borderBottom
{
	border-bottom:				1px dotted #8B9298;
}

/******************************************************************
*	Home Page
*	---------------------------------------------------------------
*	Home Page Styles
*	---------------------------------------------------------------
*	Parent:	#page
*******************************************************************/
#m4dc_logo
{
	float:						right;
	-margin:						10px 0 0 0;
	margin:						10px 30px 0 0;
}

div#page div#home div#gallery
{
	position:					relative;
	overflow:					hidden;
	height:						1%;
	margin:						6px 12px 12px 12px;
}

div#facebook
{
	position:					relative;
	overflow:					hidden;
	height:						1%;
	margin:						12px;
	background:					url('/images/facebook/facebook_onward.jpg') no-repeat;
	height:						146px;
}

img.facebook
{
	position:					absolute;
	top:						1px;
	left:						1px;
}

div.fbcontent
{
	padding:					12px 12px;
	color:						#FFF;
	font:						normal 12px/16px Arial, Helvetica, sans-serif;
	display:					block;
	height:						122px;
	width:						754px;
}

div#page div#home div#bottom
{
	position:					relative;
	overflow:					hidden;
	width:						801px;
}

div#page div#home div#bottom img
{
	float:						left;
	margin:						0 0 0 12px;
}

div#page div#home div#bottom div#columns
{
	position:					relative;
	overflow:					hidden;
	width:						801px;
}

div#page div#home div#bottom div#columns div.thirdCol
{
	position:					relative;
	float:						left;
	display:					inline;
	width:						220px;
	margin:						0 11px -500px 12px;
	padding:					12px 12px 500px 12px;
	color:						#FFF;
	background:					#687682 url("/images/spacers/thirdcol_corners_top.png") no-repeat top;
	text-align:					left;
}

div#page div#home div#bottom div#columns div.thirdCol a
{
	color:						#FFF;
}

div#page div#home div#bottom div#columns div.thirdCol img
{
	float:						none;
	margin:						0;
}

div#page div#home div#bottom div#columns div.thirdCol img.title
{
	display:					block;
	margin:						5px 0 10px 0;
}

div#page div#home div#bottom div#columns div.thirdCol div.content
{
	position:					relative;
	_height:					170px;
	min-height:					170px;
}

div#page div#home div#bottom div#columns div.thirdCol img.button
{
	display:					block;
	margin:						10px 0 0 0;
}


/******************************************************************
*	Gallery
*	---------------------------------------------------------------
*	Parent:	div#gallery
*******************************************************************/
div#gallery div.content
{
	position:					relative;
	overflow:					hidden;
	height:						1%;
	background:					#687682;
	padding:					6px 12px;
}

div#gallery div.content #video
{
	float:						left;
	width:						320px;
	background:					#8B9298;
	padding:					12px;
}

div#gallery div.content #left
{
	float:						left;
	width:						344px;
}

div#gallery div.content #left .video
{
	background:					#8B9298;
	padding:					12px 11px;
}

div#gallery div.content #left .prize img
{
	margin:						0 0 10px 0;
}

.onward
{
	margin:						0;
}

div#gallery div.content div#campaigns
{
	float:						left;	
	position:					relative;
	width:						395px;
	height:						334px;
	margin:						0 0 0 12px;
	background:					#8B9298;
	overflow:					auto;
	border:						1px dotted #FFF;
	scrollbar-3dlight-color: 	#000000;
	scrollbar-arrow-color: 		#000000;
	scrollbar-base-color: 		#000000;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-face-color: 		#FFFFFF;
	scrollbar-highlight-color: 	#FFFFFF;
	scrollbar-shadow-color: 	#000000;
	scrollbar-track-color: 		#FFFFFF;
}

div#gallery div.content div#campaigns .item
{
	position:					relative;
	display:					block;
	overflow:					hidden;
	width:						365px;
	padding:					6px;
	border-bottom:				1px dotted #FFF;
	color:						#FFF;
	font:						normal 11px/16px Arial, Helvetica, sans-serif;
	cursor:						pointer;
}

div#gallery div.content div#campaigns .item:hover
{
	text-decoration:			none;
	background:					#687682;
}

div#gallery div.content div#campaigns .item .title
{
	font:						bold 12px/16px Arial, Helvetica, sans-serif;
}

div#gallery div.content div#campaigns .item .date
{
	font-size:					9px;
	margin:						0 0 3px 0;
}

div#gallery div.content div#campaigns .item img
{
	float:						left;
	border:						1px dotted #687682;
	padding:					2px;
	background:					#FFF;
	margin:						0 6px 0 0;
	width:						100px;
}

div#gallery div.content div#campaigns .item .copy
{
	float:						left;
	width:						253px;
}

/******************************************************************
*	Third Column Form Module
*	---------------------------------------------------------------
*	Parent:	div.thirdCol
*******************************************************************/
div.thirdCol form
{
	margin:						10px 0 0 0;
}

div.thirdCol form div.errors
{
	color:						#F00;
	margin:						5px 0 10px 0;
	padding:					5px 0;
	border-top:					1px dotted #FFF;
	border-bottom:				1px dotted #FFF;
}

div.thirdCol form fieldset label
{
	float:						left;
	width:						57px;
	margin:						2px 5px 0 0;
}

div.thirdCol form fieldset input
{
	float:						left;
	width:						147px;
	border:						1px solid #8B9298;
	background:					#8B9298;
	margin:						0 4px 0 0;
	font-size:					0.9em;
}

div.thirdCol form fieldset.checkbox label
{
	float:						none;
	width:						auto;
	margin:						0;
}

div.thirdCol form fieldset.checkbox input
{
	float:						none;
	width:						auto;
	border:						none;
	vertical-align:				middle;
}

div.thirdCol form fieldset.submit input
{
	float:						none;
	width:						auto;
	vertical-align:				middle;
	border:						none;
	background:					transparent;
}

div.thirdCol form fieldset.submit
{
	margin:						20px 0 0 0;
}

/******************************************************************
*	Competition
*	---------------------------------------------------------------
*	Parent:	div#gallery
*******************************************************************/
div#gallery div.content div#competition
{
	float:						left;	
	position:					relative;
	width:						371px;
	margin:						0 0 0 12px;
	background:					#8B9298;
	overflow:					hidden;
	border:						1px dotted #FFF;
	padding:					12px;
	color:						#FFF;
}

div#gallery div.content div#competition a
{
	color:						#FFF;
}

div#gallery div.content div#competition div.closingDate
{
	font-size:					9px;
}

div#gallery div.content div#competition div.article
{
	margin:						0 0 6px 0;
}

div#gallery div.content div#competition div.staticCopy
{
	font-weight:				bold;
	padding:					0 0 6px 0;
	border-bottom:				1px dotted #FFF;
}

div.contact{
	margin:						6px 0 0 0;
	padding:					6px 0 0 0;
	border-top:				1px dotted #FFF;
}

div#gallery div.content div#competition div.question
{
	font:						bold 14px/21px Arial, Helvetica, sans-serif;
	padding:					6px 0;
}

div#gallery div.content div#competition form fieldset.answers
{
	border-bottom:				1px dotted #FFF;
	padding:					0 0 6px 0;
	margin:						0 0 12px 0;
}

div#gallery div.content div#competition form fieldset.answers fieldset
{
	margin:						0 0 6px 0;
	padding:					0;
}

div#gallery div.content div#competition form fieldset.answers input
{
	position:					relative;
	overflow:					hidden;
	float:						left;
	width:						15px;
	height:						15px;
	border:						none;
	background:					none;
	padding:					0;
	margin:						0 6px 0 0;
}

div#gallery div.content div#competition form fieldset.answers label
{
	float:						left;
	width:						auto;
	margin:						0;
}

div#gallery div.content div#competition form input
{
	background:					#FFF;
}

div#gallery div.content div#competition form input#comp-compSubmit
{
	background:					none;
}

div#gallery div.content div#competition form fieldset.submit
{
	margin:						12px 0 0 125px;
}

div#gallery div.content div#competition form fieldset.submit div
{
	margin:						6px 0 0 0;
}

div#gallery div.content div#competition div.errors
{
	text-align:					center;
	color:						#FFF;
	margin:						6px 0 12px 0;
	padding:					6px 0 12px 0;
	border-bottom:				1px dotted #FFF;
}