/* ############################################################################## */

.data-entry					{ margin: 0; text-align:left; }
.data-entry fieldset 		{ width:auto; 	padding:10px; border:none; margin:25px 0 10px 0; 
							  position:relative; }
.data-entry legend 			{ padding:5px 0 ; display:block; background: #ccc; width:100%; text-indent: 20px;
									  font-size:1.3em;  font-weight:bold; color:#333; margin: 0; }
.data-entry legend 			{ position: absolute; left: -1px; top: -26px; display: none;} /* required for ie compatibility */
		
.data-entry li h2 			{ margin: 0!important;}						  
.data-entry li 				{ padding:5px 0 5px 5px;  list-style:none; list-style-image:none; }
.data-entry ul 				{ padding:0; margin:0; }
.data-entry label 			{ font-size:1.0em; font-weight:normal; padding:2px 10px 3px 0; display:block;}
.data-entry .required 			{ color:red; }
/*.data-entry input.quicksubmit 	{ -moz-border-radius:5px 5px 5px 5px; 
							  -moz-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.5); 
							  background:url("../images/white-highlight.png") repeat-x scroll left top #660; 
							  border:medium none!important; color:#FFFFFF;  float: right;
							  line-height:20px; margin:5px auto; padding:5px 10px; width:100px; text-align:center; display:block; } */

.data-entry input.deletebutton	{ -moz-border-radius:5px 5px 5px 5px; 
							  -moz-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.5); 
							  background:url("../images/white-highlight.png") repeat-x scroll left top #C00; 
							  border:medium none!important; color:#FFFFFF; float: right;
							  line-height:20px; margin:5px auto; padding:5px 10px; width:100px; text-align:center; display:block; } 

.data-entry select,
.data-entry input, 
.data-entry textarea 			{ display:block;  border: 1px solid #ccc; width:100%; padding: 5px 0; margin: 3px 0;}
.data-entry select				{ text-indent:2px; width:50%; padding:5px;}
.data-entry input				{ text-indent:5px;width:50%;}
.data-entry textarea 			{ width:50%; height: 150px; }

.data-entry div.checks 			{ font-size:1em; margin:0 0 10px 170px; }
.data-entry div.checks input		{ margin:0 5px 0 0; float:left; }

.data-entry .btn_save { float:right; background:#009900; color:#fff; font-weight:bold; text-transform:uppercase; 
							  display:block; text-align:center; padding: 5px; width: 100px;}
.data-entry .btn_delete { float:left; background:#990000; color:#fff; font-weight:bold; text-transform:uppercase;
								display:block; text-align:center; padding: 5px; width: 100px;}
								
.data-entry .quicksubmit.btn { float:left; color:#fff; font-weight:bold; text-transform:uppercase; border:none; text-indent:0; cursor:pointer; display:block; text-align:center; width: 123px; background: #305367; padding: 7px 0; border-radius: 5px;}								
.data-entry .quicksubmit.btn:hover { background: #BA8511;}		
								
.message_sent { font-size:1.4em; color:#444; font-weight:bold;}

.data-entry input.fmverify { width: 50px; display:inline; clear:left;}
.data-entry img.ddfm_verify { display:inline; vertical-align:middle; padding-bottom:2px;}

.data-entry	 h2,
.data-entry	 h3,
.data-entry	 p { padding: 7px 0!important;}


/* ############################# */
/* ############################################################################## */

.green-panel				{ margin: 0; text-align:left; }
form.green-panel 	 		{ width:auto; 	padding:10px ; border:1px solid #c69f09; margin:0 0 10px 0; 
							  background: #009f95; position:relative;
							  border-radius:5px 5px 5px 5px;  
							  box-shadow:0px 0px 10px rgba(198, 159, 9, 0.5); 
							  -moz-border-radius:5px 5px 5px 5px; 
							  -moz-box-shadow:0px 0px 10px rgba(198, 159, 9, 0.5); 
							  }
.green-panel fieldset		{ background:none; border:none; padding:0 0 40px; }						  
.green-panel legend 			{ display:none; }
.green-panel legend 			{ position: absolute; left: -1px; top: -25px; } /* required for ie compatibility */

.green-panel li h2,		
.green-panel li h3,
.green-panel li p			{ margin: 0!important; color:#fff; line-height:19px; padding:8px 0}						  
.green-panel li 			{ padding:0 ;  list-style:none; list-style-image:none; position:relative;}
.green-panel ul 			{ padding:0; margin:0; }
.green-panel label 			{ font-size:12px; font-weight:bold; padding:8px 10px 8px 0; display:block; color:#fff; float:left; line-height:19px; }
.green-panel label[for="fm_message"] { width: 34%;}

.green-panel .required 			{ color:red; }
/*.green-panel input.quicksubmit 	{ -moz-border-radius:5px 5px 5px 5px; 
							  -moz-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.5); 
							  background:url("../images/white-highlight.png") repeat-x scroll left top #660; 
							  border:medium none!important; color:#FFFFFF;  float: right;
							  line-height:20px; margin:5px auto; padding:5px 10px; width:100px; text-align:center; display:block; } */

.green-panel input.deletebutton	{ -moz-border-radius:5px 5px 5px 5px; 
							  -moz-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.5); 
							  background:url("../images/white-highlight.png") repeat-x scroll left top #C00; 
							  border:medium none!important; color:#FFFFFF; float: right;
							  line-height:20px; margin:5px auto; padding:5px 10px; width:100px; text-align:center; display:block; } 

.green-panel select,
.green-panel input, 
.green-panel textarea 			{ display:block; float:right;
								  border:1px solid #c69f09; width:100%; padding: 5px 0; margin: 3px 0;
								  border-radius:5px 5px 5px 5px;  
								  box-shadow:0px 0px 5px rgba(198, 159, 9, 0.5); 
								  -moz-border-radius:5px 5px 5px 5px; 
								  -moz-box-shadow:0px 0px 5px rgba(198, 159, 9, 0.5);}
.green-panel select				{ text-indent:2px; width:40%; padding:4px 5px; margin:0;}
.green-panel input				{ text-indent:5px; width:60%; border:1px solid #c69f09;
								  border-radius:5px 5px 5px 5px;  
								  box-shadow:0px 0px 5px rgba(198, 159, 9, 0.5); 
								  -moz-border-radius:5px 5px 5px 5px; 
								  -moz-box-shadow:0px 0px 5px rgba(198, 159, 9, 0.5);}
								  
.green-panel input[type="checkbox"],							  
.green-panel input[type="radio"] { width: auto;}
.green-panel .inline { color:#fff; font-size:12px; font-weight:bold;}								  
.green-panel .inline input[type="checkbox"]{ position: absolute; top: 10px; left: 0px;}								  
.green-panel textarea 			{ width:97%; height: 150px; padding:5px;  }
.green-panel textarea.shortmessage { width: 58%; height: 70px;}
.green-panel div.checks 			{   color: #FFFFFF;
									float: right; font-weight:bold;
									font-size: 12px;
									margin: 0 18px 0 0px;
									padding: 8px;}
.green-panel div.checks input		{ margin:0 5px 0 0; float:left; }


.green-panel .btn_save { float:right; background:#009900; color:#fff; font-weight:bold; text-transform:uppercase; 
							  display:block; text-align:center; padding: 5px; width: 100px;}
.green-panel .btn_delete { float:left; background:#990000; color:#fff; font-weight:bold; text-transform:uppercase;
								display:block; text-align:center; padding: 5px; width: 100px;}
								
.green-panel input.quicksubmit {  background:url(../images/btn_submit.png) no-repeat; color:#fff; font-weight:bold; text-transform:uppercase; border:none; text-indent:0; cursor:pointer; box-shadow:none; border:none;
								display:block; text-align:center; height:34px; width: 92px;}								
								
.message_sent { font-size:1.4em; color:#444; font-weight:bold;}

.green-panel input.fmverify { width: 50px; display:inline; clear:left;}
.green-panel img.ddfm_verify { display:inline; vertical-align:middle; padding-bottom:5px;}



.green-panel  div.previous { position:absolute; bottom:10px; left: 10px;z-index:100; background:url(../images/form_nav_buttons.png) no-repeat 0 0!important; width: 90px!important; height:30px!important; margin: 10px 0 0 0px!important; cursor:pointer;}
.green-panel  div.next 	   { position:absolute; bottom:10px; right: 10px; z-index:100; background:url(../images/form_nav_buttons.png) no-repeat -366px 0!important; width: 90px!important; height:30px!important;margin: 10px 0 0 0px!important; cursor:pointer; }


			
/* #################### */

.green-panel.compact fieldset.w66 { width:60%; display:inline; margin-right:10px; }
.green-panel.compact fieldset.w66 label { padding: 0 0 3px; width:100%;}
.green-panel.compact fieldset.w66 input,
.green-panel.compact fieldset.w66 select {  width:100%}
.green-panel.compact fieldset.w66 textarea {  width:96%; }
.green-panel.compact fieldset.w66 textarea.shortmessage { width: 96%; height: 70px;}


.green-panel.compact fieldset.w33 { width:37%; display:inline;float:right;}
	
.green-panel.compact fieldset.w33 li.inset { background:url(../images/form_inset.png) no-repeat; padding-top: 170px;margin: 25px 0 20px 0;}								
.green-panel.compact fieldset.w33 li.inset label { float:none; padding: 8px 0 16px;}
.green-panel.compact fieldset.w33 div.fm_radio.inset { width:50%; float:left;}
.green-panel.compact fieldset.w33 div.fm_radio {   color: #FFFFFF;
    float: right;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    margin: 0;
    padding: 0;}
.green-panel.compact fieldset.w33 div.fm_radio input[type="radio"] { margin: 3px 10px;}	

/* ############################################################################## */

.ddfmwrap { width:auto; 	padding:10px; border:1px solid #cc0000; margin:0 0 10px 0; 
							  background: url(../images/quotation_bg.jpg) repeat-y;  position:relative;
							  border-radius:5px 5px 5px 5px;  
							  box-shadow:0px 0px 10px rgba(0, 0, 0, 0.5); 
							  -moz-border-radius:5px 5px 5px 5px; 
							  -moz-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.5); }
.ddfmerrors { font-size:14px; color:#009F95; font-weight:bold; line-height:35px;}
.errorlist { font-size:12px; line-height:30px; font-weight:bold; padding: 0 10px}

/* ############################################################################## */

#multistep_form { display:block; width:460px; }
#multistep_form div#enq { display:block; width:100%; }

li.force_nl label { width:100%;}
.green-panel li.shortmessage label { width: 34%;}
.green-panel li.mediummessage label { width: 60%;}

/* ############################################################################## */

#form_steps{ list-style:none;  height: 28px; paddin: 0 0 0 12px;}
#form_steps li { float:left; background:url(../images/form_groove_bg.png) repeat-x;margin:0; padding:0}

#form_steps li a { background:url(../images/navigation_bullets.png) no-repeat 0 -115px;; height:28px; display:block; margin:5px 1px; padding:0; width: 19px; opacity:.5;}
#form_steps li a.activeSlide { opacity:1; background:url(../images/navigation_bullets.png) no-repeat 0 0;}
#form_steps li:first-child { background:url(../images/form_groove.png) left; width:19px; height:28px; display:block; padding: 0 0 0 4px; text-align:right; }
#form_steps li:last-child { background:url(../images/form_groove.png) -70px 0; width:19px; height:28px; display:block; padding: 0 4px 0 0;}

/* ############################################################################## */


#callback 	{ clear: both; color: #eee; display: block; padding: 4px; margin: 10px ; position:relative; background:#fff; text-align:left}
#callback div.title { color:#123F6D; padding: 10px 0px; font-size:2.1em; font-weight:bold;}
#callback p { color:#555; padding: 0 ; font-size:1.3em; font-weight:normal;}
#callback form { margin:0;}

/* form styles */

ul.mini-form {margin: 10px 0px 5px; list-style:none;}
ul.mini-form li { margin: 10px auto;}
ul.mini-form li p {   color: #555555;     font-size: 1.3em;      font-weight: normal;     padding: 0;}
ul.mini-form select { width: 255px; background:#fff; color:#666; padding: 4px;}
ul.mini-form input  { width: 255px; padding: 4px; background-position:0 -10px; color:#666;}
ul.mini-form label { color:#555; padding: 0 ; font-size:1.3em; font-weight:normal;}
ul.mini-form input.btn_submit { background: url('../images/btn_submit.png') 0 0px no-repeat; width: 135px; height:30px; display:block; text-indent:-9999px; margin: 5px 0;}
ul.mini-form input.btn_submit:hover { background: url('../images/btn_submit.png') 0 -30px no-repeat; width: 135px; height:30px;}

.panel p { padding: 5px 15px; font-size: 1.0em;}

.rounded_corners {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;			
	border-radius: 5px;
	behavior: url(border-radius.htc);
}

.boxed {	
			border: 1px solid #d9d9d9;}

.panel		{ margin: 10px auto 20px; padding: 0 0 10px 0;}		

/*
a.btn_submit { background: url('../images/btns/btn_submit.png') 0 0px no-repeat; width: 85px; height:28px; display:block; text-indent:-9999px; margin: 5px 0;}
a.btn_submit:hover { background: url('../images/btns/btn_submit_on.png') 0 -30px no-repeat; }
*/
/* ############################################################################## */
				
/* ############################################################# */

.webform { 
	font-size: 10px;    
	color: #000000;
    font-weight: normal;
    line-height: 1.35em;
    padding: 0;}
	
.webform ul  { margin: 5%; padding: 0;}	

.webform fieldset 			{     background: #FFFFFF url('../images/hatch.png');
    border: 1px solid #DDDDDD;
	background: #e6e7e8;
    margin: 0;
    padding: 0;
    position: relative;}
.webform legend 			{ 
	background-color: #B80000;
    border: 1px solid #DDDDDD;
    color: #FFFFFF;
    margin: 0 0 0 -1px;
    padding: 4px 10px;
    text-transform: uppercase;}
	
.webformlegend 			{ position: absolute; left: -1px; top: -14px; } /* required for ie compatibility */
						  
.webform ul li 			{ padding:0!important; clear:both; min-height:16px; margin: 5px auto 0 ;
						  list-style:none; list-style-image:none;  background: none!important;}

.webform label 			{   
	float: left; width: 31%;    
    padding: 0 2% 0 0;
    text-align: left; }
.webform .required 			{ color:red; }
.webform input.quicksubmit 	{ border: 1px solid #ccc; background:#4E94B8; color:#fff; font-size:1.2em; margin: 10px 0 20px 130px;}
.webform input				{
    display: block;
    float: right;
	padding: 1%;
	border: 1px solid #ccc;
    margin: 0 ; 
	width: 63%;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
} 
.webform textarea 			{     border: 1px solid #DDDDDD;
    display: block;
    float: left;padding: 2px;
    line-height: 1.5em;
    margin: 0 10px 0 0;
	border: 1px solid #ccc; 
	min-height: 80px;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
	width: 100%;}
.textfieldwidth 			{ width:235px; }

.webform .checks 			{ font-size:1em; margin:0 0 10px 170px; }
.webform .checks input 		{ margin:0 5px 0 0; float:left; }

.webform .btn_postcomment { text-indent: -999px; display:block; border: none;  background:url(../images/btns/btn_postcomment.png) no-repeat; width: 119px; height: 32px; overflow:hidden;}
.webform .btn_postcomment:hover { border: none; background:url(../images/btns/btn_postcomment_on.png) no-repeat; }


/* ############################################################# */	

div.loancalc { text-align:left; background:#fff; margin: 10px 0; padding:0!important;}
.loancalc .heading { background:#325aa5; color:#fff; position:relative;
border-radius : 7px 7px 0 0; -moz-border-radius : 7px 7px 0 0; -webkit-border-radius : 7px 7px 0 0;
font-size:15px; color:#fff; padding: 11px 10px 9px!important; font-weight: normal; text-transform:uppercase;
}

.loancalc .heading .icon { margin: 0 15px 0 0; background:url(../images/icon_pounds.png) no-repeat; width: 68px; height:20px; display:block; float:left; }

.loancalc .heading .effect { position:absolute; width: 98%; margin: 1%; height:33%;
left: 0; top: 1px;

/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.7)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-8 */

border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;
}	

.loancalc .inner { background: #e6e7e8; }

.loancalc fieldset { border: none;}
.loancalc legend { display: none;}

.loancalc label { width: 45%; font-size:12px; display: block; float: left;}

.loancalc li { padding:2% 3% ;}

.loancalc li div.divide { display: block; width: 100%; height: 1px; background:#ccc; margin: 5px 0; clear:both;}

.loancalc input { width: 52%; font-size:12px; border: 2px solid #5bc4f1; padding: 1%;
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

.loancalc select { width: 52%; font-size:12px;border: 2px solid #5bc4f1; padding: 1%;
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

#btn_bcalc { border: none; width:auto; background:url(../images/btn_calc.png) no-repeat; width: 156px; height: 52px; }
#btn_bcalc:hover { border: none; background:url(../images/btn_calc_on.png) no-repeat; width: 156px; height: 52px;}

#btn_submit { border: none; width:auto; background:url(../images/btns/btn_apply.png) no-repeat; width: 79px; height: 32px; }
#btn_submit:hover { border: none; background:url(../images/btns/btn_apply_on.png) no-repeat; width: 79px; height: 32px;}

#sbtn_applyonline { text-indent: -999px; display:block; border: none; width:auto; background:url(../images/btn_apply.png) no-repeat; width: 79px; height: 32px; }
#sbtn_applyonline:hover { border: none; background:url(../images/btn_apply_on.png) no-repeat; width: 79px; height: 32px;}