/* HTML Elements
----------------------------------------------------------- */
html {font-size:100%;}
body,div,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,hr,img,label,legend,li,object,ol,p,ul {border:none;margin:0;padding:0;}
body,input,textarea,select{color:#484848;font-size:12px;line-height:20px;font-family:Arial, Verdana, Tahoma, Helvetica, sans-serif;}

body {
	background: #fff;	
	padding: 0;
	text-align: center;
}


#ErrorMessage ul li, #ErrorMessage2 ul li
{
    color:red;
	margin-left: 20px;
}

#ErrorMessage h4 {
	display:none;
}


/* Buttons [buttons]
----------------------------------------------------------- */

/* default class for all buttons */
.btn {display:block;overflow:hidden;}
.btn a {display:block;overflow:hidden;text-indent:-12345px;}

/* buttons images + dimensions */
.btn-providemoredetails,.btn-providemoredetails a{background:url("../images/buttons/providemoredetails.gif");width:172px;height:23px; border:0px;}
.btn-providemoredetails a:hover{background-position:0 -23px;}

.btn-submit, .btn-submit a{background:url("../images/buttons/submit.gif");width:71px;height:23px; border:0px;}
.btn-submit a:hover{background-position:0 -23px;}
.hover{background-position:0 -23px;}

.btn-retrievemydetails, .btn-retrievemydetails a{background:url("../images/buttons/retrievemydetails.gif");width:181px;height:22px; border:0px;}
.btn-retrievemydetails a:hover{background-position:0 -22px;}



/* Headings
----------------------------------------------------------- */

/* default class for all headings */
.hdn {display:block;overflow:hidden;text-indent:-12345px;}

/* headings images + dimensions */
.hdn-registeryourinterest{background:url("../images/headings/registeryourinterest.gif");width:627px;height:169px;margin: 0 0 40px 0;}
.hdn-notyetregistered{background:url("../images/headings/notyetregistered.gif");width:171px;height:18px;}
.hdn-alreadyregistered{background:url("../images/headings/alreadyregistered.gif");width:251px;height:18px;}
.hdn-alreadyregisteredwithus{background:url("../images/headings/alreadyregisteredwithus.gif");width:251px;height:18px;}
.hdn-updateyourdetails{background:url("../images/headings/updateyourdetails.gif");width:180px;height:18px;}

.regpanel {
	background: url("../images/bg/regpanel.gif") repeat-y;
	margin: 0 0 30px 0;
	width: 626px;
}

.regpanel-top {
	background: url("../images/bg/regpanel-top.gif") no-repeat;
	padding: 12px 0 0 0;
	width: 626px;
}

.regpanel-bot {
	background: url("../images/bg/regpanel-bot.gif") left bottom no-repeat;
	padding: 20px 70px 22px 70px;
	position: relative;
	width: 486px;
}

.regpanel-bot .hdn {
	position: absolute;
	top: 12px;
	left: 20px;
}


.intro {
	color: #000;
	margin: 0;
}


.form-holder {
	list-style: none;
	margin: 20px 0;
	width: 550px;
}

.form-holder li {
	margin: 5px 0;
	position: relative;
	width: 100%;
}

.form-holder li.hasOptions {
	margin: 20px 0;
}

.form-holder li label {
	display: block;
	font-weight: bold;
	width: 105px;
}

.form-holder li td label {
	display: inline;
	font-weight: normal;
	font-size: 11px;
	width: auto;
}

.form-holder li input, .form-holder li select {
	position: absolute;
	top: 0;
	left: 115px;
	width: 260px; 
}

.form-holder li td input {
	position: relative;
	top: auto;
	left: auto;
	width: auto; 
}
.form-holder li textarea {
	width:375px;
}

.form-holder li select {
	width: 264px; 
}

.form-holder li p {
	margin: 0 0 10px 0;
}

.form-holder li p span {
	display: block;
	font-size: 10px;
	line-height: 11px;
}

.form-holder li p.optionType {
	margin: 10px 0 0 0;
}

.form-holder li .options {
	list-style: none;
	margin: 6px 0 10px 0;
}

.form-holder li .options.small {
	margin-top: 0;
}

.form-holder li .options.small li {
	width: 100px;
}

.form-holder li .options li {
	float: left;
	font-size: 11px;
	margin: 0;
	width: 155px;
}

.form-holder li .options li input {
	position: static;
	width: 260px; 
	vertical-align: middle;
	width: auto;
}

.form-holder li .options li label {
	display: inline;
	font-weight: normal;
	width: auto;
}


.form-holder li.optin {
	font-size: 11px;
	line-height: 14px;
	height: 28px;
	margin: 10px 0;
	padding: 0 0 0 25px;
	position: relative;
	width: 400px;
}

.form-holder li.optin label {
	display: inline;
	font-weight: normal;
	width: auto;
}

.form-holder li.optin input {
	margin: 0 6px 0 0;
	position: absolute;
	width: auto; 
	top: 1px;
	_top: -3px;
	left: 0;
	padding: 0;
}

.form-holder li div.postcode-auto
{
    background-color:#C6C6C6;
    left:115px;
    position:absolute;
    width:260px;
    z-index:100;
}
.form-holder li div.postcode-auto ul,.form-holder li div.postcode-auto ul li { margin:0; }
.form-holder li div.postcode-auto ul li{ font-size:10px;line-height:16px;margin-left:10px;width:250px; }

.form-holder li input[disabled]
{
    background-color: #F0F0F0;
    border: solid 1px #DADADA;
}

.form-holder li div.postcode-auto #auto_results 
{
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}

.form-buttons {
	height: 23px;
}

.form-buttons .btn {
	float: left;
	margin: 0 9px 0 0;
}


#container {
	margin: 0 auto;
	padding: 0 0 40px 0;
	text-align: left;
	width: 627px;
}


/* Clearfix hack */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}
* html .clearfix {height:1px;}