html, body, form { font-family: Arial, sans-serif; margin: 0; padding: 0; width: 100%; color: #6C6C6C; }

.DDMandate { visibility: visible;}

.DDMandateWrapper { position: absolute!important; top: 0!important; left: 0!important; display: block; visibility: visible; } 

.DDMandate { position: absolute!important; top: 0!important;  font-size: 16px !important; width: 640px!important; margin: 10px; line-height: 1.2em; border:solid;} 

.DDMandate .Right,
.DDMandate .Left 
	{ width: 300px;  margin: 0; padding: 0 10px 0 10px;}

.DDMandate .Right {float: right;}
.DDMandate .Left  {float: left;}

.DDMandate .reference-wrapper span { width: 10px!important } 

.DDMandate .print-button,
.DDMandate .Buttons
	{ display: none!important; } 
	
.DDMandate .service-user-number-wrapper { width: 150px!important; } 



.DDMandate h2 { font-size: 2em; padding: 15px 0 15px 0; margin: 0 0 10px 0; } 
.DDMandate ul { padding: 0 0 0 20px; margin: 0; }

.DDMandate .Right .instruction-to-bank-head { font-weight: bold; padding: 0; } 

.DDMandate .LoaderContainer { float: left; } 
.DDMandate .LoadImage { margin: 5px 0 0 5px; padding: 0; float: none }  

.DDMandate .account-holder-name-wrapper,
.DDMandate .account-number-wrapper,
.DDMandate .sort-code-wrapper,
.DDMandate .bank-address-wrapper,
.DDMandate .service-user-number-wrapper,
.DDMandate .date-wrapper,
.DDMandate .reference-wrapper
	{ border: solid 1px #aaa; border-right: solid 2px #000; border-bottom: solid 2px #000; padding: 3px; } 

.DDMandate .sort-code-wrapper { letter-spacing: 32px; }
.DDMandate .account-number-wrapper { letter-spacing: 15px; }

.DDMandate .section-head { font-size: 10px; padding: 5px 0 0 0; } 

.DDMandate .bank-address-wrapper,
.DDMandate .date-wrapper
	{ font-size: 0.8em; } 

.DDMandate .service-user-number-wrapper { width: 135px; } 	
.DDMandate .service-user-number-wrapper span { display: inline-block; width: 18px; border-right: solid 1px #d5d5d5; text-align: center; font-weight: bold; } 
.DDMandate .service-user-number-wrapper span.last { border: 0; } 
	
.DDMandate .bank-address-wrapper .left { float: left; } 
.DDMandate .bank-address-wrapper .right { float: right; } 

.DDMandate .bank-address-wrapper .left,
.DDMandate .bank-address-wrapper .right
	{ padding:0 0 15px 0;width:auto;overflow:hidden;} 

.DDMandate .bank-address-wrapper .line{ height: 25px;} 

.DDMandate .reference-wrapper {  } 
.DDMandate .reference-wrapper span { display: inline-block; width: 8px; border-right: solid 1px #d5d5d5; } 
.DDMandate .reference-wrapper span.last { border: 0; } 

.DDMandate .instruction-head { font-weight: bold; } 
.DDMandate .instruction-text { font-size: 0.7em; } 

.DDMandate .day-month-year-wrapper { padding-top: 38px; overflow: hidden!important } 

.DDMandate .day-month-year-wrapper .day,
.DDMandate .day-month-year-wrapper .month,
.DDMandate .day-month-year-wrapper .year,
.DDMandate .day-month-year-wrapper .slash
	{ float: left; width: 20%; text-align: center; } 

.DDMandate .day-month-year-wrapper .slash { font-size: 18px } 	
.DDMandate .day-month-year-wrapper .dashes { font-size: 45px; font-weight: normal } 	
	
.DDMandate .dd-guarantee-wrapper { padding: 10px 0 0 0; font-size: 0.8em; } 
.DDMandate .dd-guarantee-wrapper .dd-guarantee-head { font-weight: bold; font-size: 1.5em; padding-bottom: 10px; text-align: center; } 


.DDMandate .bank-address-wrapper .line, .DDMandate .line{ border-top: solid 1px #d5d5d5; overflow: hidden!important; width: 100%!important; } 	
	

.DDMandate .bank-warning { text-align: center; clear: both; font-size: 0.8em; }