/* Start: General css  -----------------
---------------------------------------*/

/* Main Layout Styles */
* {
	margin: 0;
	padding: 0;
}

html, body {
	line-height: 1.8em;
	margin: 0;
	padding: 0;
}

body {
	background-color:#990000; 
	background-repeat: repeat-x;
	font-family: verdana,sans-serif;
	font-size: 62.5%;
}

#wrapper {
	margin: 0 auto;
	width: 903px;
}

#header {
	background: #990000 url(images/banner_home.gif) no-repeat 0 0;
	height: 170px;
	width: 903px;
}

#header_swf {
	background: #990000 url(images/banner_home.gif) no-repeat 0 0;
	height: 170px;
	width: 903px;
	position: relative;
	z-index:1;
}


#header_general {
	background: #990000 url(images/banner_general.gif) no-repeat 0 0;
	height: 170px;
	width: 903px;
	text-indent: -999em;
}

#header_about {
	background: #990000 url(images/banner_about.gif) no-repeat 0 0;
	height: 170px;
	width: 903px;
	text-indent: -999em;
}

#header_send {
	background: #990000 url(images/banner_send.gif) no-repeat 0 0;
	height: 170px;
	width: 903px;
	text-indent: -999em;
}

#header_send-again {
	background: #990000 url(images/banner_send-again.gif) no-repeat 0 0;
	height: 170px;
	width: 903px;
	text-indent: -999em;
}

#header_base {
	background: url(images/bg_header_base.gif) no-repeat 0 0;
	height: 21px;
	width: 903px;
}

h1.logo a {
	background: url(images/logo.gif) no-repeat 0 0;
	display: block;
	height: 155px;
	float: left;
	margin: 4px 0 0 10px;
	text-indent: -999em;
	width: 890px;
}

#container {
	background: url(images/bg_container.gif) repeat-y 0 0;
	padding: 10px 45px;
	width: 903px;
	/*background-color: #886262;*/
}


#footer {
	background: url(images/bg_footer.gif) no-repeat 0 0;
	height: 21px;
	padding-top: 50px;
	width: 903px;
}

/* Footer */
#footer ul {
	margin: 0 auto;
	width: 550px;
}

#footer li {
	list-style: none;
	float: left;
}

#footer li a {
	border-right: 1px solid #fff;
	color: #fff;
	font-weight: bold;
	padding: 0 8px;
	text-decoration: none;
}
#footer li.last a {
	border-right: none;
}
#footer a:hover {
	text-decoration: underline;
}

/* Content-main */

#content-main {
	float: left;
	position: relative;
	width: 480px;
}

#content-main-intro {
	float: left;
	position: relative;
	width: 510px;
}

#content-main-entry {
	float: left;
	width: 850px;
}

#content-main-about-prize {
	float: left;
	position: relative;
	width: 500px;
}

#content-main-privacy {
	float: left;
	width: 800px;
}
h3.header {

	color: #990000;
	font-weight: normal;
	line-height: normal;
	font-size: 1.8em;
	margin: 0 0 10px 0px;
	font-family: Bauhaus Demi,arial,sans-serif;
}
	
/* Secondary-content */ 

#secondary-content {
	float: left;
	margin-left:40px;
	width: 300px;
}

* html #secondary-content {
	float: left;
	margin-left:20px;
	width: 300px;
}


h3.sub-header {

	color: #990000;
	font-weight: bold;
	font-size: 1.1em;
	margin: 0 0 10px 0px;
}

/* Other styles */
.clear {
	clear: both;
}
form fieldset {
	border: 0;
	outline: none;
}

form label {
	color: #00365b;
}

.formtext {
    color: #0066cc;
    line-height:1.5em;
  }
p {
	margin-bottom: 10px;
	font-size: 1.1em;
}
a {
    text-decoration:none;
    color:#CC3333;
    outline: none;
  }  
a:hover {
    text-decoration:underline;
  }
  
#modal_overlay {
background-color:#000000;
}

/* End: General css  -----------------
---------------------------------------*/

/* Start: Consequtive Page css  -----------------
---------------------------------------*/

/* Medium postcard */

#medium_postcard_position
{
  border : 0px solid #ccc;
  background: #fff;
  margin-top:5px;
  padding : 0px;
  width : 500px;
  height: 345px;
}

#medium_buddy_position{
	margin-top:-290px;
	margin-left:325px;
	z-index:6;
	height:285px;
	position:relative;
}

#medium_gender_position{
	margin-top:-315px;
	margin-left:18px;
	z-index:6;
	height:285px;
	position:relative;
}

/* Entry Page */
h2.header-entry {
	background: url(images/h2_entry.gif) no-repeat 0 0;
	display: block;
	height: 27px;
	margin: 0 0 10px 0px;
	text-indent: -999em;
	width: 250px;
}

input.autotext{	
	
	border: none;
	border-bottom: solid 1px #ddd;
	height: 18px;
	background-color:#ffffea;
	cursor:none;	
	font-size: 1.3em;
	margin: 8px 0 4px 0;
	color:#000;
	padding: 2px 4px 5px 4px;
	text-align: left;
}

hr {
	border-bottom: solid 1px #eeeeee;
	width: 220px;
	margin-bottom: 5px;
	margin-top:-5px;
	
}

#passport_left{
	width:230px;
	background-color:#FFF4C8;
	padding:10px 0 10px 10px;
	border: solid 1px #FFF4C8;
}
#passport_right{
	width:222px;
	/* height:215px; */
	margin-left:255px;
	margin-top:-238px;
	padding: 10px 0 0px 10px;
	border: solid 2px #FFF4C8;
	background-color:#FFF4C8;
}

h3.passport-header {
	font-weight: bold;
	color: #00365B;
	font-size: 1.1em;
	padding-right: 5px;
}

.entry_details {
	color: #333;
	font-weight: normal;
	font-size: 1.2em;
	margin: 5px 0 10px 0px;
	padding: 1px 0 1px 0px;
	border-top: solid 1px #00365B;
	width: 220px;
	background-color:#ffffea;
}

.entry_reason {
	color: #333;
	font-weight: normal;
	font-size: 1.1em;
	margin: 5px 0 10px 0px;
	padding: 1px 0 1px 0px;
	border-top: solid 1px #00365B;
	width: 212px;
	background-color:#ffffea;
	text-align:center;
	overflow: auto;
}


/* Thank you */
h2.thankyou {
	background: url(images/h2_thankyou.gif) no-repeat 0 0;
	display: block;
	height: 87px;
	margin: 15px 0;
	text-indent: -999em;
	width: 365px;
}

/* Send to Friend */
h2.send-to-friend {
	background: url(images/h2_send-to-friend.gif) no-repeat 0 0;
	display: block;
	height: 40px;
	margin-bottom: 25px;
	text-indent: -999em;
	width: 345px;
}
h3.tell-a-friend {
	background: url(images/h3_tell-a-friend.gif) no-repeat 0 0;
	display: block;
	height: 17px;
	margin: 0px 0 15px 0;
	text-indent: -999em;
	width: 145px;
}

/* Email sent */
h2.sent {
	background: url(images/h2_sent.gif) no-repeat 0 0;
	display: block;
	height: 26px;
	margin: 15px 0;
	text-indent: -999em;
	width: 292px;
}
h3.tell-a-friend-again {
	background: url(images/h3_tell-a-friend-again.gif) no-repeat 0 0;
	display: block;
	height: 20px;
	margin: 0px 0 15px 0;
	text-indent: -999em;
	width: 175px;
}
a.home {
	background: url(images/btn_home.gif) no-repeat 0 0;
	display: block;
	height: 35px;
	text-indent: -999em;
	width: 159px;
}

h2.enter-again {
	background: url(images/btn_enter-again.gif) no-repeat 0 0;
	display: block;
	height: 34px;
	margin-top: 20px;
	text-indent: -999em;
	width: 141px;
}

/* Prize Page  */
h2.header-prize {
	background: url(images/h2_prize.gif) no-repeat 0 0;
	display: block;
	height: 38px;
	margin: 0 0 10px 0px;
	text-indent: -999em;
	width: 410px;
}

#prize ul.listinline {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-bottom:10px;
}

#prize ul.listinline li {
background:transparent url(images/bullet_red.gif) no-repeat scroll 1px 10px;
padding-left:15px;
line-height:2.0em;
}

#prize li {
font-size:1.1em;
margin:0;
}
/* Index */
h2.index {
	background: url(images/h2_index.gif) no-repeat 0 0;
	display: block;
	height: 38px;
	margin-bottom: 25px;
	text-indent: -999em;
	width: 350px;
}

h2.entry-short {
	background: url(images/btn_enter.gif) no-repeat 0 0;
	display: block;
	height: 34px;
	margin-top: 25px;
	text-indent: -999em;
	width: 141px;
}

p.intro {
	margin-bottom: 18px;
	margin-top:20px;
	font-size: 1.3em;
}




/* About Us */
h2.about-us {
	background: url(images/h2_about.gif) no-repeat 0 0;
	display: block;
	height: 41px;
	margin-bottom: 25px;
	text-indent: -999em;
	width: 193px;
}

#20yearslogo {
	height: 190px;
	margin-bottom: 25px;
	margin-right:10px;
	/* text-indent: -999em; */
	width: 285px;
}

#rle-pic {
	height: 320px;
	margin-bottom: 25px;
	margin-right:20px;
	margin-top:220px;
	/*  text-indent: -999em; */
	width: 285px;
}

/*Privacy Policy */
h2.privacy {
	background: url(images/h2_privacy.gif) no-repeat 0 0;
	display: block;
	height: 53px;
	margin-bottom: 25px;
	text-indent: -999em;
	width: 288px;
}
#content-main-privacy h3.sub-header {
	margin-left: 0;
}
#content-main-privacy ul, #content-main-privacy ol {
	margin: 0 0 10px 20px;
}
#content-main-privacy ol li {
	margin: 0 0 5px 10px;
}
#content-main-privacy li {
	color: #000;	
}

/* T's & C's */
h2.terms {
	background: url(images/h2_terms.gif) no-repeat 0 0;
	display: block;
	height: 41px;
	margin-bottom: 25px;
	text-indent: -999em;
	width: 400px;
}
#content-main-privacy h3.sub-header {
	width: 100%;
}


/* Form Styling -----------------
---------------------------------------*/
h2.entry-form {
	background: url(images/h2_entry-form.gif) no-repeat 0 0;
	display: block;
	height: 20px;
	margin-bottom: 15px;
	text-indent: -999em;
	width: 300px;
}

#details label, #details input, #details select {
	clear: both;
	float: left;
	
}
#details input {
	margin-bottom: 5px;
	width: 300px;
}
#details input.enter-now {
	width: auto;
}
#details select {
	margin-bottom: 10px;
}
#details label {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 5px;
}
#details input.zip {
	width: 50px;
}

#section5 input {
	margin: 4px 5px 10px 0;
	width: 10px;
}
#section5 label {
	clear: none;
	font-weight: normal;
	margin-bottom: 10px;
	width: 280px;
}

/* Begin deletable css */
#details select.month, #details select.year {
	clear: none;
	float: left;
		margin-right: 5px;
}

select.day {
	float: left;
	margin-right: 5px;
}
/* End deletable css */

#dob select {
	clear: none;
	float: left;
	margin-right: 5px;
}
#day select{
	float: left;
	margin-right: 5px;
}

#details #section3 input.female, #details #section3 input.male {
	clear: none;
	float: left;
	width: 13px;
}
#details #section3 input.female, #details #section3 input.male {
	clear: left;
	margin-right: 10px;
}
#details #section3 label.male, #details #section3 label.female {
	clear: none;
	float: left;
}
#section1, #section2, #section3, #section4, #section5 {
	clear: both;
	float: left;
	width: 300px;
}

#entry-content {
	width: 380px;
}

#content-main-entry form {
	float: left;
	width: 700px;
}
#content-main-entry #offers {

}

/* Forms Continued*/
#offers {
	background: url(images/bg_offers.gif) no-repeat 0 0;
	float: left;
	height: 304px;
	padding: 16px 20px 0 25px;
	width: 296px
}
#entry {
	background: url(images/bg_entry.gif) no-repeat 0 0;
	float: left;
	height: 93px;
	padding: 5px;
	width: 296px;
	border: none;
}

#details {
	float: right;
	width: 300px;
}

#entry textarea {
	border: none;
	height: 80px;
	font-family: Arial, Helvetica, sans-serif, Tahoma;
	font-size: 1.3em;
	margin-left: 15px;
	outline: none;
	width: 260px;
}
#secondary-content input.continue {
	background: url(images/btn_continue.gif) no-repeat 0 0;
	clear: both;
	display: block;
	height: 34px;
	margin-left: 20px;
	text-indent: -999em;
	width: 121px;
}

/* Form Send */

form#send input, form#send label, form#send textarea {
	clear: both;
	float: left;
	width: 280px
}

form#send label {
	font-weight: bold;
	font-size: 1em;
	margin: 15px 0 5px 0;
}
form#send textarea {
	height: 141px;
}
form#send input.send {
	height: 34px;
	margin-top: 20px;
	width: 141px;
}
label.birthday, fieldset#section5 {
	margin-top: 10px;
}

textarea {
	overflow: hidden;
}


fieldset.radio {
	clear: left;
}
fieldset#submit-btn {
	clear: both;
}
/*  IE6 Fixes */ 
* html fieldset.checkbox {
	margin-bottom: 6px;
}

* html fieldset.radio {
	clear: left;
}

* html label.gender, label.birthday, label.postcode, fieldset#section5 {
	margin-top: 10px;
}

/*  IE7 Fixes */ 
*+html fieldset.checkbox {
	margin-bottom: 6px;
}

*+html fieldset.radio {
	clear: left;
}

*+html label.gender, label.birthday, label.postcode, fieldset#section5 {
	margin-top: 10px;
}

/* Home Validation -----------------
---------------------------------------*/
.validation_home{
	display: none;
	margin: 0px 0 0 35px;
	width: 253px;
	position: absolute;
}

* html .validation_home {
		margin-left: 85px;
	 }
	 
*+html .validation_home {
		margin-left: 60px;
	 }
	 
	 
/* Home Validation -----------------
---------------------------------------*/
.validation_sent{
	display: none;
	margin: 0px 0 0 0px;
	width: 253px;
	position: absolute;
}

* html .validation_sent{
		margin-left: 60px;
	 }

/* Form Validation -----------------
---------------------------------------*/
.validation{
	display: none;
	margin: 45px 0 0 10px;
	width: 253px;
	position: absolute;
}

/* Fixes transparent issue with IE6 and validation box */
* html .validation_head {
	background: url('images/validation_head_ie6.gif') no-repeat;
	margin-left: 0px;
}
	 
* html .validation {
		margin-left: 40px;
	 }

.validation_head, .validation_head.terms{
	background: url('images/validation_head.png') no-repeat;
	height: 37px;
	width: 253px;
}
#validation_terms{
	width: 350px;
	height: 30px;
	display: none;
	background: url('images/validation_terms.gif') no-repeat;
}
.validation_content{
	border: 1px #c4a200 solid;
	border-top: 0px;
	margin-left: 10px;
	padding-top: 10px;
	background-color: #ffffcd;
}
html #validation0 .validation_content ul{
	color: #ea1938;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-left: 6px;
	margin-bottom: 10px;
	padding-left: 40px;
	list-style: disc;
}

html #validation0 .validation_content ul li {
	list-style: disc;
}
#validation_single{
	background: url('images/validation_singlerow.gif') no-repeat;
	padding: 6px 0px 0px 40px;
	height: 30px;
	margin: 0px 0px 8px 8px;
	color: #ea1938;
	font-weight: bold;
	display: none;
}
#validation_single.sm{
	background: url('images/validation_singlerow_sm.gif') no-repeat;
	margin-left:17px;
	padding-left:30px;
	width: 225px;
	display: block;
}
#but_register{
	margin-left: 3px;
}
a.but_continue{
	margin-left: 5px;
}

#error{
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px;
	border: 1px #c4a200 solid;
	background-color: #ffffcd;
	color: #ea1938;
}