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

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

#MailingList div.divseparator {
	float:left;
	font-size:0.05em;
	width:1%;
}

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

/* title */
#MailingList div.title {
	float:left;
	width:22%;
}
#MailingList div.title div.label {
	width:100%;
}
#MailingList div.title div.value {
	width:100%;
}
#MailingList div.title div.value input {
	width:99%;
}

/* forename */
#MailingList div.forename {  
	float:left;
	width:37%;
}
#MailingList div.forename div.label {
	width:100%;
}
#MailingList div.forename div.value {
	width:100%;
}
#MailingList div.forename div.value input {
	width:97%;
}

/* surname */
#MailingList div.surname {
	float:left;
	width:37%;
}
#MailingList div.surname div.label {
	width:100%;
}
#MailingList div.surname div.value {
	width:100%;
}
#MailingList div.surname div.value input {
	width:97%;
}

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

/* address1 */
#MailingList div.address1 {
	margin-top:4px;
	width:100%;
}
#MailingList div.address1 div.label {
	width:100%;
}
#MailingList div.address1 div.value {
	width:100%;
}
#MailingList div.address1 div.value input {
	width:99%;
}

/* address2, address3, address4 */
#MailingList div.address2, #MailingList div.address3, #MailingList div.address4 {
	margin-top:2px;
	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:2px;
	width:48%;
}
#MailingList div.address5 div.label {
	display:none;
}
#MailingList div.address5 div.value {
	width:100%;
}
#MailingList div.address5 div.value input {
	width:99%;
}

/* postcode */
#MailingList div.postcode {
	float:left;
	margin-top:2px;
	width:50%;
}
#MailingList div.postcode div.label {
	float:left;
	width:52%;
} 
#MailingList div.postcode div.label p {
	padding:3px 3px 0 3px;
	text-align:right;
}
#MailingList div.postcode div.value {
	float:left;
	text-align:right;
	width:46%;
}
#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%;
}

/* extraphones */
#MailingList div.extraphones {
	width:100%;
}

/* mobile */
#MailingList div.mobile {
	float:left;
	margin-top:4px;
	width:48%;
}
#MailingList div.mobile div.label {
	width:100%;
}
#MailingList div.mobile div.value {
	width:100%;
}
#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%;
}

/* 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:14px;
	width:100%;
}


			
/* submit */
#MailingList div.submit {
	padding-top:15px;
	text-align: center;
}		



/* clearfix */
#MailingList .break:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#MailingList .break {display: inline-block;}

/* Hides from IE-mac \*/
#MailingList * html .break {height: 1%;}
#MailingList .break {display: block;}
/* End hide from IE-mac */