html {
	min-height: 100%;
}

body {
	margin: 0;
	padding: 0;
	text-align: left;
	background-image: url(../img/background.png);
	background-repeat: repeat-x;
	background-color: #004d74;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	height: 100%;
}

form { margin: 0; padding: 0; }

div.spacer { height: 0; overflow: hidden; clear: both; }

#container {
	width: 100%;
	height: 100%;
	position: absolute;
}

#background {
	background-image: url(../img/girl.png);
	width: 389px;
	height: 576px;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 50px;
}

div.textbox {
	height: 25px;
	background-color: #FFF;
}

div.textbox input {
	height: 19px;
	padding: 6px 5px 0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

div.textbox input.error {
	background-image: url(../img/form/errorstar.png);
	background-repeat: no-repeat;
	background-position: right 8px;
	padding-right: 26px;
}

div.textbox .cback, div.textbox .cleft, div.textbox .cright {
	background-image: url(../img/form/textbox.png);
}

div.textbox .cleft {
	width: 5px;
}

div.textbox .cright {
	width: 5px;
	background-position: right top;
}

div.textbox .cback {
	margin: 0 5px;
	background-position: center top;
}

div.checkbox .cbox {
	background-image: url(../img/form/checkbox.png);
	background-position: left top;
	width: 21px;
	height: 21px;
	overflow: hidden;
}

div.checkbox.checked .cbox {
	background-position: right top;
}

div.select {
	height: 21px;
	overflow: hidden;
}

div.select select 
{
	font-size: .7em;
	font-family: Arial, Helvetica, Sans-Serif;
}

div.select span {
	margin: 0 26px 0 5px;
	display: block;
	overflow: hidden;
	text-align: center;
	white-space: nowrap;
}

div.select .cback, div.select .cleft, div.select .cright {
	background-image: url(../img/form/dropdown.png);
}

div.select .cleft {
	width: 5px;
}

div.select .cright {
	width: 21px;
	background-position: right top;
}

div.select .cback {
	margin: 0 21px 0 5px;
	background-position: center top;
}

#wrapper {
	padding: 122px 0 0 320px;
	position: absolute;
	z-index: 2;
	width: 586px;
	height: 483px;
	overflow: visible;
}

#form, #thankyou, #closed {
	height: 402px;
	position: relative;
	overflow: visible;
}

#closed {
	background-image: url(../img/content/closed.png);
	background-repeat: no-repeat;
	width: 491px;
	height: 298px;
	margin-left: 47px;
	margin-bottom: 124px;
}

#thankyou {
	background-image: url(../img/content/thankyou.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 105px;
	height: 297px;
	display: none;
}

#welcome {
	width: 595px;
	height: 45px;
	background-image: url(../img/content/welcome.png);
	text-indent: -9999px;
	margin: auto;
}

#ends {
	width: 586px;
	height: 39px;
	background-image: url(../img/content/ends.png);
	text-indent: -9999px;
	margin: 19px auto 19px;
}

#requiredinfo {
	position: absolute;
	z-index: 200;
	width: 48px;
	height: 24px;
	background-image: url(../img/content/required.png);
	text-indent: -9999px;
	top: 128px;
	left: -72px;
}

.col1 {
	width: 242px;
	float: left;
	display: inline;
}

.col1 .field {
	clear: both;
	height: 25px;
	margin: 0 0 19px;
}

.requiredfield {
	background-image: url(../img/form/errorstar.png);
	background-repeat: no-repeat;
}

.field label {
	float: left;
	display: inline;
	margin: 8px 0 0;
	height: 11px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
}

.col1 .field div.textbox, .col2 .field div.select {
	float: right;
	display: inline;
}

.col1 .field input {
	width: 180px;
}

.col1 .smallfield input {
	width: 110px;
}

.col2 {
	width: 324px;
	float: right;
	display: inline;
	background-image: url(../img/form/col2spacer.png);
	background-position: left top;
}

.col2 .field {
	clear: both;
	height: 21px;
	margin: 0 0 15px;
	padding: 16px 0 0;
}

.col2 .field select {
	width: 158px;
}

.col2 .field div.select span 
{
	font-size: .7em;
}

.col2 .smallfield select {
	width: 98px;
}

.col2 .field label {
	height: 7px;
	overflow: hidden;
	margin-top: 7px;
	background-position: -1px -1px;
}

.col2 div.spacer {
	height: 1px;
}

#name {
	background-position: 50px center;
}

#name label {
	width: 42px;
	background-image: url(../img/content/headings/name.png);
}

#email {
	background-position: 50px center;
}

#email label {
	width: 45px;
	background-image: url(../img/content/headings/email.png);
}

#mobile label {
	width: 71px;
	background-image: url(../img/content/headings/mobile.png);
}

#postalcode {
	background-position: 120px center;
}

#postalcode label {
	width: 99px;
	background-image: url(../img/content/headings/postalcode.png);
}

#dateofbirth label {
	width: 106px;
	background-image: url(../img/content/headings/dateofbirth.png);
}

#size {
	background-position: 214px 23px;
}

#size label {
	width: 201px;
	background-image: url(../img/content/headings/size.png);
}

#age {
	background-position: 214px 23px;
}

#age label {
	width: 164px;
	background-image: url(../img/content/headings/age.png);
}

#closest {
	background-position: 154px 23px;
}

#closest label {
	width: 126px;
	height: 11px;
	margin-top: 6px;
	background-image: url(../img/content/headings/closest.png);
}

#optin {
	height: 21px;
	width: 582px;
	margin: 0 0 16px;
	clear: both;
}

#optin div.checkbox {
	float: left;
}

#optin label {
	width: 561px;
	background-image: url(../img/content/headings/optin.png);
	background-repeat: no-repeat;
	background-position: right center;
	height: 21px;
	margin: 0;
}

#noquebec {
	width: 123px;
	height: 17px;
	background-image: url(../img/content/noquebec.png);
	background-position: center center;
	position: absolute;
	right: 0;
	text-indent: -9999px;
}

#submit {
	clear: both;
	display: block;
	width: 199px;
	height: 44px;
	background-image: url(../img/form/submit.png);
	background-position: center center;
	text-indent: -9999px;
	margin: 19px auto 0;
}

#submit a {
	width: 100%;
	height: 100%;
	display: block;
}

#submit.processing a {
	display: none;
}

#submit span {
	display: none;
}

#submit.processing span {
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(../img/ajaxloader.gif);
	background-repeat: no-repeat;
	background-position: 13px center;
}

#coupon {
	background-image: url(../img/content/coupon.png);
	display: block;
	width: 421px;
	height: 201px;
	margin: auto;
	text-indent: -9999px;
}

#forward {
	background-image: url(../img/content/forward.png);
	display: block;
	width: 337px;
	height: 30px;
	margin: 27px auto 0;
	text-indent: -9999px;
}

#botlinks 
{
	width: 224px;
	margin: 20px auto 0;
	height: 10px;
	overflow: hidden;
}

#rules {
	width: 97px;
	height: 8px;
	overflow: hidden;
	text-indent: -9999px;
	padding-bottom: 2px;
	background-image: url(../img/content/rules.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
}

#privacy {
	width: 99px;
	height: 8px;
	overflow: hidden;
	text-indent: -9999px;
	padding-bottom: 2px;
	background-image: url(../img/content/privacy.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: right;
}

#rules:hover, #privacy:hover {
	border-bottom: solid 1px #b3ac00;
	padding-bottom: 1px;
}

#footer {
	background-image: url(../img/content/footer.png);
	width: 315px;
	height: 34px;
	text-indent: -9999px;
	margin: 18px auto 0;
}

#ftf {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 200;
	visibility: hidden;
}

#ftfbackground {
	background-color: #000;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
}

#ftfcontent {
	padding: 144px 0 0 0;
	width: 655px;
	height: 260px;
	position: absolute;
	background-image: url(../img/content/ftf.png);
	top: 148px;
	left: 288px;
	z-index: 2;
}

#ftfform {
	background-image: url(../img/form/col2spacer.png);
	background-position: left top;
	margin: 0 51px 0 51px;
}

#ftfform .field {
	width: 240px;
	float: left;
	display: inline;
}

#ftfform .field input {
	width: 180px;
}

#ftfform .field div.textbox {
	float: right;	
}

#ftfform .name {
	margin: 0 20px 0 40px;
}

#ftfform .name label {
	width: 42px;
	background-image: url(../img/content/headings/name.png);
}

#ftfform .email label {
	width: 45px;
	background-image: url(../img/content/headings/email.png);
}

#ftfform div.spacer {
	height: 27px;
}

#ftfsubmit {
	clear: both;
	display: block;
	width: 112px;
	height: 25px;
	background-image: url(../img/form/ftfsubmit.png);
	background-position: center center;
	text-indent: -9999px;
	margin: 13px auto 0;
}

#ftfsubmit a {
	width: 100%;
	height: 100%;
	display: block;
}

#ftfsubmit.processing a {
	display: none;
}

#ftfsubmit span {
	display: none;
}

#ftfsubmit.processing span {
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(../img/ajaxloader.gif);
	background-repeat: no-repeat;
	background-position: 6px center;
}