/************************************************
 * General
 */
	html, body {
		margin:					0;
		padding:				0;
		border:					0;
		font-family:			Arial, sans;
		font-size:				1em;
		color:					#40423f;
		position:				relative;
	/*	background:				#f2f2f2;*/
	}
	.clearfix {
		display:				block;
	}
	.clearfix:after {
		content:				" ";
		display:				block;
		height:					0;
		clear:					both;
	}
	a {
		text-decoration:		none;
	}
	a img {
		border:					0;
	}
	p {
		margin:					0;
		padding:				0;
	}
	:focus {
		outline:				0;
	}
	.readmore {
		color:					#d15f07;
	}
	.extra {
		color:					#d15f07;
	}
	.error {
		padding:				10px;
		background:				#ffafaf none no-repeat scroll left top;
		border:					2px solid #ff2f2f;
		margin:					20px 0;
	}
	.confirmation {
		padding:				10px;
		background:				#afffaf none no-repeat scroll left top;
		border:					2px solid #2fff2f;
		margin:					20px 0;
	}

/************************************************
 * Wrapper
 */
	#wrapper {
		text-align:				center;
	}

/************************************************
 * Page
 */
	.page {
		margin:					0 auto;
		text-align:				left;
		width:					800px;
	}
	#atffc {
		display:				none;
	}

/************************************************
 * Menu
 */
	#menu {
		background:				#40423F none no-repeat scroll left top;
	}
	#menu .page {
		background:				transparent url(../images/site.logo.jpg) no-repeat scroll left 10px;
	}
	#menu ul {
		margin:					0;
		padding:				0;
		list-style:				none;
		height:					71px;

		/*position:				relative;
		left:					384px;
		width:					650px;*/

		float:					right;

	}
	#menu li {
		margin:					0;
		padding:				0;
		list-style:				none;
		height:					56px;
		float:					left;
		overflow:				hidden;
		/*width:					96px;*/
	}
	#menu a {
		display:				block;
		line-height:			71px;
		/*padding:				0 20px;*/
		padding:				0 13px;
		color:					white;
		font-size:				0.65em;
		font-weight:			bold;
	}
	#menu a:hover {
		text-decoration:		none;
		color:					#D75F09;
	}
	#menu a.selected {
		color:					#D75F09;
	}
	#menu a.signup {
		color:					#76BB00;
	}
	#menu a.login {
		color:					#D75F09;
	}
	#menu a#home {
		background:				url(../images/but_home.jpg) scroll no-repeat 0 32px transparent;
		padding:				0;
		width:					9px;
	}
	#menu a#home:hover {
		background-position:	-9px 32px;
	}

/************************************************
 * Primary Content Block
 */
	#content {
		background:				#f2f2f2 none no-repeat scroll left top;
		padding:				0;
	}
	#content .page {
		padding:				0 0 20px 0;
	}
	#primary-content {
	}
	#main-content {
		width:					540px;
		float:					left;
	}
	#main-content .left {
		float:					left;
		padding:				30px 0 0 0;
		width:					270px;
		position:				relative;
		z-index:				200;
	}
	#main-content .full {
		float:					left;
		padding:				30px 0 0 0;
		width:					500px;
	}
	#main-content .left h1 {
		margin:					0;
		padding:				0;
		font-size:				1.2em;
	}
	#main-content .full h1 {
		margin:					0;
		padding:				0;
		font-size:				1.2em;
	}
	#main-content .left h2 {
		margin:					0;
		padding:				20px 0 20px 0;
		font-size:				1.7em;
		width:					335px;
		color:					#d75f09;
	}
	#main-content .full h2 {
		margin:					0;
		padding:				20px 0 0 0;
		font-size:				1.7em;
		color:					#d75f09;
	}
	#main-content .full h3 {
		margin:					0;
		padding:				20px 0 0 0;
		font-size:				1.1em;
	}
	#main-content .left #stages {
		margin:					0;
		padding:				40px 0 0 0;
		list-style:				none;
	}
	#main-content .left #stages li {
		margin:					0;
		padding:				3px 0;
		list-style:				none;
		line-height:			18px;
	}
	#main-content .left #stages img {
		display:				block;
		float:					left;
	}
	#main-content .left #stages span {
		padding:				0 0 0 4px;
		line-height:			18px;
		display:				block;
		float:					left;
		font-size:				0.75em;
	}
	#main-content .left p {
		margin:					0;
		padding:				15px 0 0 0;
	}
	#main-content .advertise-kiosk {
		width:					340px;
		height:					39px;
	}
	#main-content .advertise-kiosk a {
		display:				block;
		height:					39px;
		line-height:			39px;
		float:					left;
	}
	#main-content .advertise-kiosk span {
		display:				block;
		height:					39px;
		line-height:			39px;
		padding:				0 10px;
		color:					#999a98;
		float:					left;
	}
	#main-content .advertise-kiosk .kiosk-link {
		color:					#444444;
		text-decoration:		underline;
	}

	#main-content .full p {
		margin:					0;
		padding:				15px 0 0 0;
		font-size:				0.8em;
		line-height:			1.4em;
	}
	#main-content .full .error p,
	#main-content .full .confirmation p {
		padding:				10px 0;
	}
	#main-content .full form {
		padding:				20px 0 0 0;
	}
	#main-content .full form label {
		display:				block;
		margin:					0 0 10px 0;
	}
	#main-content .full form label .label {
		display:				none;
	}
	#main-content .full form label input {
		border:					0;
		background:				#d9d9d9;
		color:					#878787;
		height:					24px;
		width:					280px;
		padding:				5px 0 0 5px;
		font-size:				0.7em;
		font-weight:			bold;
	}
	#main-content .full form label textarea {
		border:					0;
		background:				#d9d9d9;
		color:					#878787;
		height:					100px;
		width:					485px;
		padding:				5px 0 0 5px;
		font-size:				0.75em;
		font-weight:			bold;
		font-family:			Arial,sans;
	}
	#main-content .full ul,
	#main-content .full ol {
		margin:					0;
		padding:				0 0 0 20px;
		font-size:				0.8em;
	}
	#main-content .full li {
		padding:				5px 0;
	}
	#main-content .right {
		width:					256px;
		float:					right;
		position:				relative;
		z-index:				100;
		left:					10px;
		top:					20px;
	}
	#main-content a {
		color:					#D15F07;
	}

/************************************************
 * Wide Content
 */
	#wide-content .full h1 {
		margin:					0;
		padding:				40px 0 25px 0;
		font-size:				1.2em;
	}
	#wide-content .full h2 {
		margin:					0;
		padding:				0 0 25px 0;
		font-size:				1.7em;
		color:					#d75f09;
	}
	#wide-content .full h3 {
		margin:					0;
		padding:				20px 0 0 0;
		font-size:				1.1em;
	}
	#wide-content .two-columns {
		background:				url(../images/separator.png) scroll repeat-y center top transparent;
	}
	#wide-content .column-one {
		float:					left;
		width:					380px;
	}
	#wide-content .column-two {
		float:					right;
		width:					380px;
	}
	#wide-content .two-columns form {
		margin:					0;
		padding:				25px 0 0 0;
	}
	#wide-content .two-columns form p {
		margin:					0;
		padding:				15px 0 0 0;
		line-height:			1.4em;
		width:					375px;
	}
	#wide-content .two-columns form p label {
		height:					30px;
		display:				block;
	}
	#wide-content .two-columns form p.half label {
		display:				block;
		float:					right;
		width:					180px;
	}
	#wide-content .two-columns form p.half .first {
		float:					left;
		margin-right:			15px;
	}
	#wide-content .two-columns span.label {
		display:				none;
	}
	#wide-content .two-columns label input {
		border:					0;
		background:				#d9d9d9;
		color:					#878787;
		height:					30px;
		width:					375px;
		padding:				5px 0 0 5px;
		font-size:				0.8em;
	}
	#wide-content .two-columns .half input {
		width:					180px;
	}
	#wide-content .two-columns p.password {
		height:					35px;
		margin-top:				20px;
	}
	#wide-content .two-columns p.password span {
		display:				block;
		color:					#878787;
		background:				#d9d9d9;
		width:					375px;
		padding:				5px 0 0 5px;
		font-size:				0.8em;
		height:					30px;
	}
	#wide-content .two-columns p.password input {
		position:				relative;
		top:					-35px;
		background:				transparent;
	}
	#wide-content a {
		font-size:				0.7em;
		color:					#D75F09;
	}
	#password-reset p.password {
		height:					35px;
	}
	#password-reset p.password span {
		display:				block;
		color:					#878787;
		background:				#d9d9d9;
		width:					375px;
		padding:				5px 0 0 5px;
		font-size:				1em;
		height:					30px;
	}
	#password-reset p.password input {
		position:				relative;
		top:					-35px;
		background:				transparent !important;
	}

/************************************************
 * Supporting Content Block
 */
	#supporting-content,
	.supporting-content{
		width:					246px;
		float:					right;
		position:				relative;
		top:					-15px;
		right:					2px;
	}
	#supporting-content .container,
	.supporting-content .container {
		background:				#e5e5e5;
	}
	#supporting-content .quote,
	.supporting-content .quote {
		padding:				20px 0 0 0;
		position:				relative;
		left:					20px;
		width:					200px;
	}
	#supporting-content .quote p,
	.supporting-content .quote p {
		font-size:				0.7em;
	}
	#supporting-content .quote .index p,
	.supporting-content .quote .index p {
		padding:				20px 0 0 0;
	}
	#supporting-content .quote .index p.first,
	.supporting-content .quote .index p.first {
		padding:				0;
	}
	#supporting-content h3,
	.supporting-content h3 {
		font-size:				1.0em;
		margin:					0;
		padding:				10px 0 10px 0;
	}
	#supporting-content h3.first,
	.supporting-content h3.first {
		padding:				0 0 10px 0;
	}
	#supporting-content .quote h4,
	.supporting-content .quote h4 {
		margin:					0;
		font-size:				0.75em;
		padding:				20px 0 5px 0;
		clear:					both;
	}
	#supporting-content .quote h4.first
	.supporting-content .quote h4.first {
		padding:				0 0 5px 0;
	}
	#supporting-content .quote a,
	.supporting-content .quote a {
		color:					#40423f;
	}
	#supporting-content .quote a.readmore,
	.supporting-content .quote a.readmore {
		color:					#d15f07;
	}
	#supporting-content .quote a.extra,
	.supporting-content .quote a.extra {
		color:					#d15f07;
	}
	#supporting-content .quote a.image,
	.supporting-content .quote a.image {
		float:					left;
		margin-right:			7px;
		margin-bottom:			5px;
		display:				block;
	}
	#supporting-content .footer,
	.supporting-content .footer {
		width:					246px;
		height:					51px;
		background:				transparent url(../images/site.background.quote_grey.jpg) no-repeat scroll left top;
	}
	#supporting-content form,
	.supporting-content form {
		margin:					0;
		padding:				0;
	}
	#supporting-content input.text,
	.supporting-content input.text {
		border:					0;
		background:				white;
		height:					26px;
		width:					195px;
		padding:				0 0 0 5px;
		font-size:				0.7em;
	}
	#supporting-content label,
	.supporting-content label {
		display:				block;
		margin-top:				6px;
		height:					27px;
		width:					200px;
	}
	#supporting-content span.label,
	.supporting-content span.label {
		display:				none;
	}
	#supporting-content label.left,
	.supporting-content label.left {
		float:					left;
		width:					178px;
	}
	#supporting-content label.left input,
	.supporting-content label.left input {
		width:					173px;
		float:					left;
	}
	#supporting-content .right,
	.supporting-content .right {
		float:					left;
		width:					22px;
		margin:					7px 0 0 0;
		display:				block;
	}
	#supporting-content input#search {
		width:					170px;
		height:					22px;
		float:					left;
	}
	#supporting-content select {
		border:					0;
		background:				white;
		width:					200px;
		font-size:				0.9em;
		margin-top:				4px;
	}
	#supporting-content #kiosk-information {
		display:				none;
	}

	#enter-competition-button {
		border:					0;
		padding:				0;
		line-height:			0;
		font-size:				0;
		background:				url(../images/but_entercomp.jpg) scroll no-repeat left top transparent;
		height:					35px;
		width:					162px;
		display:				block;
		margin:					0 auto;
		cursor:					pointer;
	}

	#signup-button {
		border:					0;
		padding:				0;
		line-height:			0;
		font-size:				0;
		background:				url(../images/but_signup.jpg) scroll no-repeat left top transparent;
		height:					35px;
		width:					162px;
		display:				block;
		margin:					0 auto;
		cursor:					pointer;
	}

	.create-button {
		border:					0;
		padding:				0;
		line-height:			0;
		font-size:				0;
		background:				url(../images/but_createaccount.jpg) scroll no-repeat left top transparent;
		height:					35px;
		width:					162px;
		display:				block;
		cursor:					pointer;
	}

	.login-button {
		border:					0;
		padding:				0;
		line-height:			0;
		font-size:				0;
		background:				url(../images/but_login.jpg) scroll no-repeat left top transparent;
		height:					35px;
		width:					91px;
		display:				block;
		cursor:					pointer;
	}

/************************************************
 * Map Content Block
 */
	#map-container {
		width:					100%;
		height:					401px;
		background:				black none no-repeat scroll left top;
	}
	#map {
		width:					100%;
		height:					400px;
		position:				relative;
		top:					1px;
		background:				white none no-repeat scroll left top;
	}

	/**
	 * Map Bubble
	 */
	.info-bubble {
		text-align:				left;
	}
	.info-bubble h1 {
		font-size:				1.1em;
		margin:					0;
		padding:				0;
		text-align:				left;
	}
	.info-bubble-icon {
		float:					left;
		width:					93px;
		height:					116px;
		margin:					10px 0 0 0;
		background:				white none scroll no-repeat left top;
		text-align:				left;
	}
	.info-bubble-icon img {
		height:					66px;
		width:					93px;
		position:				relative;
		left:					1px;
		top:					1px;
		border:					0;
	}
	.info-bubble-kiosk {
		float:					right;
		width:					93px;
		height:					116px;
		margin:					10px 0 0 0;
		background:				white none scroll no-repeat left top;
		text-align:				right;
	}
	.info-bubble-kiosk img {
		height:					116px;
		width:					57px;
		position:				relative;
		left:					1px;
		top:					1px;
		border:					0;
	}
	/*
	.info-bubble-address {
		float:					left;
		margin:					10px 0 0 20px;
		font-size:				0.8em;
	}
	.info-bubble-address p {
		margin:					0;
		padding:				0;
		line-height:			18px;
	}
	.info-bubble-address a {
		color:					green;
		text-decoration:		underline;
	}
	.info-bubble-address a:hover {
		text-decoration:		none;
	}
	*/
	.info-bubble .info-advertise {
		margin:					10px 0 0 0;
		clear:					both;
	}
	.info-bubble .info-advertise a {
		font-size:				0.75em;
		font-weight:			bold;
		color:					blue;
		text-decoration:		none;
	}
	.info-bubble .info-bubble-website {
		float:					left;
	}
	.info-bubble .info-bubble-advertise {
		float:					right;
	}

	/**
	 * Growl CSS
	 */
	#growlcontainer{
		position:				fixed;
		right:					20px;
		top:					20px;
		z-index:				1000;
		font-size:				12px;
		width:					300px;
	}
	.growlstatus{
		position:				relative;
		background-color:		#000; /*fallback for ie*/
		background-color:		rgba(0, 0, 0, 0.8);
		border:					3px #000 solid;
		padding:				15px;
		color:					#fff;
		margin-bottom:			5px;

		-moz-border-radius:		10px;
		-webkit-border-radius:	10px;
	}
	.growlstatus .growltitle{
		font-weight:			bold;
		margin-bottom:			5px;
	}
	.growlstatusclose{
		position:				absolute;
		top:					5px;
		right:					5px;
		width:					30px;
		height:					30px;
		cursor:					pointer;
		display:				none;
		background:				transparent url(../images/growlclose.png) no-repeat;
	}
	.growlstatus:hover{
		background-color:		rgba(0, 0, 0, 0.9);
		border:					3px #fff solid;
	}
	.growlstatus:hover .growlstatusclose{
		display:				block;
	}
	.growlwithicon{
		padding-left:			50px;
		background-position:	5px 10px;
		background-repeat:		no-repeat;
	}

/****** growl icons ******* 
--------------------------*/
.growlicon_heart{
  background-image: url(images/icons/heart.png);
}
.growlicon_star{
  background-image: url(images/icons/star.png);
}
.growlicon_clouds{
  background-image: url(images/icons/clouds.png);
}
.growlicon_parachute{
  background-image: url(images/icons/parachute.png);
}

/************************************************
 * Voucher Content Block
 */

	#voucher-content {
		background:				transparent url(../images/site.background.mid.jpg) repeat-x scroll left top;
	}
	#voucher-content .page {
		padding:				0 0 30px 0;
	}
	#voucher-content .top {
		padding:				20px 0 0 0;
	}
	#voucher-content .top .title {
		float:					left;
	}
	#voucher-content .top .title h2 {
		float:					left;
		margin:					0;
		font-size:				1.4em;
	}
	#voucher-content .top .title div {
		float:					left;
		margin:					0 0 0 10px;
		background:				#E5E5E5 none scroll no-repeat left top;
		height:					29px;
	}
	#voucher-content .top .title div h3 {
		color:					#D35C02;
		float:					left;
		font-size:				1.2em;
		line-height:			29px;
		margin:					0 0 0 5px;
	}
	#voucher-content .top .title div p {
		float:					left;
		margin:					0 10px 0 5px;
	}
	#voucher-content .top .title div p a {
		text-decoration:		none;
		font-size:				10px;
		color:					#444444;
		line-height:			29px;
	}
	#voucher-content .top div.click {
		height:					51px;
		width:					246px;
		float:					right;
		background:				transparent url(../images/site.background.quote.jpg) no-repeat scroll left top;
		font-size:				0.7em;
		text-align:				center;
		margin:					0 2px 0 0;
	}
	#voucher-content .top div span {
		position:				relative;
		top:					10px;
	}
	#voucher-content .list {
		position:				relative;
		left:					0;
		top:					0;
		padding:				5px 0 0 0;
		clear:					both;
		width:					800px;
		clear:					both;
	}
	#voucher-content .voucher {
		width:					150px;
		height:					160px;
		float:					left;
		margin:					0 0 0 12px;
		position:				relative;
		left:					0;
		top:					0;
	}
	#voucher-content .voucher-first {
		margin:					0;
	}
	#voucher-content .voucher img {
		width:					140px;
		height:					102px;
	}
	#voucher-content .voucher a.image {
		width:					150px;
		height:					112px;
		background:				#e5e5e5 none no-repeat scroll 5px 5px;
		display:				block;
		overflow:				hidden;
	}
	#voucher-content .voucher a.image span {
		width:					140px;
		height:					102px;
		display:				block;
		position:				relative;
		left:					5px;
		top:					5px;
		z-index:				50;
	}/*
	#voucher-content .voucher a.image span {
		background:				#000000;
		display:				block;
		width:					140px;
		height:					102px;
		position:				relative;
		left:					5px;
		top:					-140px;
	}*/
	#voucher-content .voucher a.image:hover {
		background:				#d15f07 none no-repeat scroll 5px 5px;
	}
	#voucher-content .voucher a.text {
		display:				block;
		text-align:				center;
		font-size:				0.7em;
		color:					#40423f;
		padding:				8px 0 0 0;
		font-weight:			bold;
	}
	/**
	 * Test
	 */
	#voucher-content .voucher a {
		display:				block;
		width:					150px;
		height:					160px;
	}
	#voucher-content .voucher span {
		display:				block;
		text-align:				center;
		width:					150px;
	}
	#voucher-content .voucher .image {
		width:					150px;
		height:					112px;
		background:				#e5e5e5 none no-repeat scroll top left;
		display:				block;
		overflow:				hidden;
	}
	#voucher-content .voucher a:hover .image {
		background:				#d15f07 none no-repeat scroll top left;
	}
	#voucher-content .voucher .image img {
		position:				relative;
		top:					5px;
	}
	#voucher-content .voucher .text {
		display:				block;
		text-align:				center;
		font-size:				0.7em;
		color:					#40423f;
		padding:				8px 0 0 0;
		font-weight:			bold;
	}

	/**
	 * Tip Container
	 */
	.tip {
		width:					560px;
		overflow:				hidden;
		display:				none;
		position:				absolute;
		z-index:				500;
	}
	.tipMid {
		float:					left;
		background:				#f3f3f3 none scroll no-repeat left top;
		height:					280px;
		width:					530px
	}

	/**
	 * Tip Corners
	 */
	.tipTL, .tipTR, .tipBL, .tipBR {
		height:					15px;
		width:					15px;
		font-size:				0;
		line-height:			0;
		float:					left;
		overflow:				hidden;
	}
	.tipTL {
		background:				transparent url(../images/voucher.container.top.left.png) scroll no-repeat left top;
	}
	.tipTR {
		background:				transparent url(../images/voucher.container.top.right.png) scroll no-repeat right top;
	}
	.tipBL {
		background:				transparent url(../images/voucher.container.bottom.left.png) scroll no-repeat left bottom;
	}
	.tipBR {
		background:				transparent url(../images/voucher.container.bottom.right.png) scroll no-repeat right bottom;
	}

	/**
	 * Tip Sides
	 */
	.tipML, .tipMR, .tipTM, .tipBM {
		float:					left;
		font-size:				0;
		line-height:			0;
		overflow:				hidden;
	}
	.tipML, .tipMR {
		width:					15px;
		height:					280px;
	}
	.tipTM, .tipBM {
		height:					15px;
		width:					530px;
	}
	.tipML {
		background:				transparent url(../images/voucher.container.middle.left.png) scroll repeat-y left top;
	}
	.tipMR {
		background:				transparent url(../images/voucher.container.middle.right.png) scroll repeat-y right top;
	}
	.tipTM {
		background:				transparent url(../images/voucher.container.top.middle.png) scroll repeat-x left top;
	}
	.tipBM {
		background:				transparent url(../images/voucher.container.bottom.middle.png) scroll repeat-x left bottom;
	}

	/**
	 * Popup code - replaced with tip code above
	 */
	#popup {
		background:				#d75f09 none no-repeat scroll left top;
		z-index:				100;
	}
	#popup-image {
		margin:					5px;
		background:				#efefef none no-repeat scroll left top;
	}

/************************************************
 * Footer Block
 */
	#footer {
		background:				#f2f2f2 url(../images/site.background.bot.jpg) repeat-x scroll left top;
	}
	#footer .page {
		padding:				20px 0;
	}
	#footer p {
		font-size:				0.7em;
		float:					left;
		margin:					0;
		padding:				0 40px 0 0;
	}
	#footer p a {
		color:					#40423f;
	}
