/* CSS Document */
#MailingList {
	width:100%;
}

#MailingList div.label p {
	font-size:70%;
	margin-top:0;
	margin-bottom:1px;
}


/* Left & Right Divs */
#MailingList div.customerDetailsLeft {
	float:left;
	width:51%;
}
#MailingList div.customerDetailsRight {
	float:right;
	width:46%;
}

/* --- title --- */
#MailingList div.title {
	float:left;
	margin-right:6px;
	width:20%;
}
#MailingList div.title div.label {
	width:100%;
}
#MailingList div.title div.value {
	margin-top:1px;
	width:100%;
}
#MailingList div.title div.value input {
	width:98%;
}
/* opera fix */
html:first-child #MailingList div.title {
	float:left;   
	margin-right:2px;
	width:23%;
}
html:first-child #MailingList div.title div.value input {
	width:99%; 
}
/* IE6 fix */
*html #MailingList div.title {
 	margin-right:4px; 	
	width:21%;
}
*html #MailingList div.title div.value {
	margin-top:0px;
}


/* --- forename --- */
#MailingList div.forename {  
	float:left;
	margin-right:6px;
	width:38%;
}
#MailingList div.forename div.label {
	width:100%;
}
#MailingList div.forename div.value {
	margin-top:1px;
	width:100%;
}
#MailingList div.forename div.value input {
	width:99%;
}
/* opera fix */
html:first-child #MailingList div.forename {  
	margin-right:1px;
}
/* IE6 fix */
*html #MailingList div.forename {  
	margin-right:5px;
	width:37%;
}
*html #MailingList div.forename div.value {
	margin-top:0px;
}

/* --- surname --- */
#MailingList div.surname {
	float:left;
	width:38%;
}
*html #MailingList div.surname {
	width:37%;
}
#MailingList div.surname div.label {
	width:100%;
}
#MailingList div.surname div.value {
	margin-top:1px;
	width:100%;
}
#MailingList div.surname div.value input {
	width:99%;
}
/* IE 6 Fix */
*html #MailingList div.surname div.value {
	margin-top:0px;
}


/* --- organisation --- */
#MailingList div.organisation {
	margin-top:4px;
	width:100%;
}
#MailingList div.organisation div.label {
	width:100%;
}
#MailingList div.organisation div.value {
	margin-top:1px;
	width:100%;
}
#MailingList div.organisation div.value input {
	width:99%;
}
/* IE 6 Fix */
#MailingList div.organisation div.value {
	margin-top:0px;
}

/* --- address1 --- */
#MailingList div.address1 {
	margin-top:4px;
	width:100%;
}
#MailingList div.address1 div.label {
	width:100%;
}
#MailingList div.address1 div.value {
	margin-top:2px;
	width:100%;
}
#MailingList div.address1 div.value input {
	width:99%;
}
/* IE 6 Fix */
*html #MailingList div.address1 div.value {
	margin-top:1px;
}

/* --- address2, address3, address4 --- */
#MailingList div.address2, #MailingList div.address3, #MailingList div.address4 {
	margin-top:4px;
	width:100%;
}
#MailingList div.address2 div.label, #MailingList div.address3 div.label, #MailingList div.address4 div.label {
	display:none;
}
#MailingList div.address2 div.value, #MailingList div.address3 div.value, #MailingList div.address4 div.value {
	width:100%;
}
#MailingList div.address2 div.value input, #MailingList div.address3 div.value input,#MailingList  div.address4 div.value input {
	width:99%;
}


/* --- address5 --- */
#MailingList div.address5 {
	float:left;
	margin-top:4px;
	margin-right:6px;
	width:48%;
}
#MailingList div.address5 div.label {
	display:none;
}
#MailingList div.address5 div.value {
	width:100%;
}
#MailingList div.address5 div.value input {
	width:99%;
}
/* opera fix */
html:first-child #MailingList div.address5 {
	margin-right:3px;
}
/* IE6 fix */
*html #MailingList div.address5 {
	margin-right:5px;
}


/* --- postcode --- */
#MailingList div.postcode {
	float:left;
	margin-top:4px;
	width:50%;
}
#MailingList div.postcode div.label {
	float:left;
	margin-right:3px;
	width:48%;
} 
#MailingList div.postcode div.label p {
	margin:0;
	padding:4px 3px 0 3px;
	text-align:right;
}
#MailingList div.postcode div.value {
	float:left;
	text-align:right;
	width:49%;
}
#MailingList div.postcode div.value input {
	width:99%;
}


/* --- telephone --- */
#MailingList div.telephone {
	width:100%;
}
#MailingList div.telephone div.label {
	width:100%;
}
#MailingList div.telephone div.value {
	width:100%;
}
#MailingList div.telephone div.value input {
	width:98%;
}


/* --- mobile --- */
#MailingList div.mobile {
	float:left;
	margin-top:4px;
	margin-right:5px;
	width:49%;
}
#MailingList div.mobile div.label {
	width:100%;
}
#MailingList div.mobile div.value {
	width:100%;
}
#MailingList div.mobile div.value input {
	width:98%;
}
/* opera fix */
html:first-child #MailingList div.mobile {
	margin-right:2px;
}
html:first-child #MailingList div.mobile div.value input {
	width:99%;
}
/* IE6 fix */
*html #MailingList div.mobile {
	margin-right:6px;
	width:48%;
}
*html #MailingList div.mobile div.value input {
	width:99%;
}


/* --- fax --- */
#MailingList div.fax {
	float:left;
	margin-top:4px;
	width:48%;
}
#MailingList div.fax div.label {
	width:100%;
}
#MailingList div.fax div.value {
	width:100%;
}
#MailingList div.fax div.value input {
	width:99%;
}
/* opera fix */
html:first-child #MailingList div.fax {
	width:49%;
}


/* --- email --- */
#MailingList div.email {
	margin-top:5px;
	width:100%;
}
#MailingList div.email div.label {
	width:100%;
}
#MailingList div.email div.value {
	width:100%;
}
#MailingList div.email div.value input {
	width:98%;
}


/* --- new email --- */
#MailingList div.newemail {
	margin-top:13px; 
	width:100%;
}


/* --- newsletterOptions --- */
#MailingList div.newsletterOptions {
	margin-top:8px;
	width:100%;
}
div.newsletterOptions div.text {
	padding-bottom:2px;
}
div.newsletterOptions div.text p {
	font-size:70%;
	margin-top:0;
	margin-bottom:1px;
}

div.newsletterOptions div.optionsgroup {
	padding-bottom:2px;
}
div.newsletterOptions div.option {
	display:block;
	float:left;
	margin-right:4px;
	width:32%;
}
div.newsletterOptions div.option div.value {
	float:left;
	width:16%;
}
div.newsletterOptions div.option div.label {
	float:left;
	width:84%;
}
div.newsletterOptions div.option div.label p {
	font-size:70%;
	margin-bottom:1px;
}
/* opera fix */
html:first-child div.newsletterOptions div.option div.value {
	width:18%;
}
html:first-child div.newsletterOptions div.option div.label {
	padding-top:1px;
	width:82%;
}
/* IE7 fix */
*:first-child+html div.newsletterOptions div.option div.value {
	width:19%;
} 
*:first-child+html div.newsletterOptions div.option div.label {
	padding-top:1px;
	width:81%;
} 
/* IE6 fix */
*html div.newsletterOptions div.option div.label {
	padding-top:3px;
	width:82%;
}
		
			
/* --- submit --- */
#MailingList div.submit {
	padding-top:15px;
	text-align: center;
	width:100%;
}		



/* --- break --- */
#MailingList div.break:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#MailingList div.break {display: inline-block;}
/* Hides from IE-mac \*/
*html #MailingList div.break {height: 1%;}
#MailingList div.break {display: block;}
/* End hide from IE-mac */