/* Mortgages */

	#grid p strong {color:#fb010d}
	#lcsmallprint {margin-bottom:10px !important; font-size:1.2em; padding:3px; border:solid 1px #000}
	.box {margin: 0 0 15px 0; padding: 4px; border: solid 1px #ccc;}
	
	/** Mortgages - new **/	
		#mortgages .tablescontainer {border-bottom:solid 1px #dadada; background: url(/personal/finance/images/slots/mortgages/right-479.png) #fff top right no-repeat}
		#wide #mortgages .tablescontainer {border-bottom:solid 1px #dadada; background: url(/personal/finance/images/slots/insurance/right-720.png) #fff top right no-repeat}
		#mortgages .tablescontainer table {width:100%}
		#mortgages table tr td, #mortgages table tr th {border-bottom:solid 1px #f6cfc8; border-right:solid 1px #f6cfc8}
		#mortgages #lead {background-image:url(/personal/finance/images/misc/bg-mortgages-484x110.jpg)}

		#prod-a, #prod-b {background: url(/personal/finance/images/slots/cards/right-237.png) #fff top right no-repeat;}
		
		/* Wide area */
			#wide #prod-a, #wide #prod-b {background-image:url(/personal/finance/images/slots/mortgages/right-357.png); min-height:270px; margin-bottom:12px}
			#wide #prod-a p {margin-bottom:0; padding-bottom:0}
			#wide #prod-a dl{color:#000066; margin-bottom:0; padding-bottom:20px}
			#wide #prod-a .inner .box-content, #wide #prod-b .inner .box-content {min-height:267px}
			#wide #prod-a .decor {float:right; margin:0 10px 10px 10px}	
			#wide #prod-a #mortdetails {clear:right; line-height:1.5em}
			#wide #prod-a #mortdetails dt {font-weight:bold; float:left; clear:left; padding-right:5px}
			#wide #prod-b form .fleft {margin-top:5px}
			/* * html #wide #prod-a dl {margin-bottom:0; padding-bottom:20px}*/
			* html #wide #prod-a, * html #wide #prod-b {height:270px}
			* html #wide #prod-a .inner .box-content, * html #wide #prod-b .inner .box-content {height:267px}
		
		/* Wide area form */	
			#mortgages #wide .row {width:330px; margin-left:10px; background-image:none}
			#mortgages #wide .labeltxt {width:120px; background-image:none}
			#mortgages #wide .row input {width:190px}
			#mortgages #wide .row select {width:190px}
			#mortgages #wide .multipleselect select {width:58px !important}
			#mortgages #wide .multipleselect .inner {width:190px}
			
		/* standard size form */
			#mortgages #form1 {background-image:url(/personal/finance/images/slots/mortgages/right-484.png); min-height:240px; margin-bottom:12px; width:484px; border-bottom:solid 1px #dadada; }
				#mortgages  #form1 .inner .box-content {background:url(/personal/finance/images/slots/right-corner-481.gif) transparent bottom right no-repeat; min-height:237px}
				* html #mortgages  #form1 .inner .box-content {height:237px}
				* html #mortgages  #form1 {height:240px}
			#mortgages #borrowcosts h4 {margin:0 0 15px 0; padding-top:8px; font:bold 1.1em "Arial, Helvetica",sans-serif; color:#000066}
			#mortgages #borrowcosts .fleft {margin-left:210px; display:inline}
			#mortgages .standardform .row {width:440px; margin-left:10px; background-image:none}
			#mortgages .standardform .labeltxt {width:200px; background-image:none}
			#mortgages .standardform .row input {width:200px}
			#mortgages .standardform .row select {width:200px}
		
		/* best buy mortgage table */
			#mortgages #wide .tablescontainer {background-image:url(/personal/finance/images/slots/mortgages/right-723.png)}
			#mortgagetype {list-style-type:none; padding-top:5px}
				#mortgagetype li {float:left; margin-right:2px; background-color:#fff; text-align:center; border:solid 1px #dbdbdd}
				#mortgagetype a, #mortgagetype span {width:114px; padding:2px 0; float:left; text-decoration:none}
				#mortgagetype span {background-color:#000066; color:#fff; font-weight:bold}
				#mortgagetype li.last {margin-right:0}
				#mortgages #table1 {clear:left}
				.phoneno {font-weight:bold; display:block; font-size:1.4em; color:#cc0000; line-height:1.5em}
				
		/* Mortgages Best buy drop down */		
			#bm {margin: 0 0 20px 10px}
			#bm select {margin: 0 8px 0 0}

/** Credit Cards **/	
	.creditcards .tablescontainer {border-bottom:solid 1px #dadada; background: url(/personal/finance/images/slots/cards/right-479.png) #fff top right no-repeat}
	.creditcards table tr td, .creditcards table tr th {border-bottom:solid 1px #f1d4a3; border-right:solid 1px #f1d4a3}
	/* Wide table */.creditcards #wide .tablescontainer {background-image:url(/personal/finance/images/slots/cards/right-723.png)}
	.creditcards #main p, .creditcards #main ul, .creditcards #main dl {margin-bottom:15px}
	.creditcards #lead {position:relative; background:url(/personal/finance/images/bg/lead-creditcards-484x110.jpg) #fff 0 0 no-repeat; min-height:90px; margin-bottom:25px }
	
	.creditcards #lead {background-image: url(/personal/finance/images/backgrounds/christmas08-panel-big.gif) !important; }
	
		* html .creditcards #lead {height:110px} 
		.creditcards #lead p {width:285px; margin-left:0px; color:#000066;}
		.creditcards #lead .last {margin-bottom:0}
		.creditcards #lead strong {color:#CC0000}
		
		/* Business Card T&Cs */
		#businesscc-tandc {height:200px; overflow-y:scroll; border:solid 1px #ccc; border-right:0; margin-bottom:10px; padding: 10px 10px 10px 0}		
		#businesscc-tandc ol {margin: 10px 0 0 40px}	
		#businesscc-tandc ol li {margin:0 0 7px 0}
		#businesscc-tandc ul {margin-left:20px}	
		#businesscc-tandc ul li {padding:0; padding-left:16px !important; list-style-type:none; background:url(/personal/finance/images/misc/bullet_chevrons.gif) transparent 0 -2px no-repeat; margin:0 0 7px 0}}	
		#businesscc-tandc ol ul {margin:7px 0 0 0}	
		
/** Loans **/			
	#loans .tablescontainer {border-bottom:solid 1px #ced4e4; background: url(/personal/finance/images/slots/loans/right-479.png) #fff top right no-repeat}
	#loans .tablescontainer table {width:100%}
	#loans table tr td, #loans table tr th {border-bottom:solid 1px #ced4e4; border-right:solid 1px #ced4e4}
	#fourcol tr th, #fourcol tr td {width:25%}	
	#loans #lead {background-image:url(/personal/finance/images/bg/lead-loans-484x110.png)}
	.loans #lead p {width:275px; float:left}
	
	/*.loans #lead .decor {float:right; margin:0px 10px 20px 0; position:relative}*/
	
	#loans #form-a {background: url(/personal/finance/images/loans/bg-loans-484x110.png) transparent no-repeat}
	#loans #form-a .inner .box-content {background:url(/personal/finance/images/slots/right-corner-481.gif) transparent bottom right no-repeat; min-height:197px}
	#loans .row {width:420px; margin-left:10px; background-image:none}
	#loans .labeltxt {margin-right:10px; width:190px; background-image:none}
	#loans .row input {width:120px; background-image:none}
	#loans .row select {width:120px}
	#loans .multipleselect select {width:58px !important}
	#loans .multipleselect .inner {width:210px}
	#loans .poundsign .inner  {width:210px background:#c90}
	
	/* radio and check boxes */
	#loans .radiocheck {background-image:none}
	#loans .radiocheck .inner {width:200px; float:left; background-image:none}
	#loans .radiocheck input {border:none; background-image:none}
	#loans .radiocheck label {background-image:none; padding-bottom:5px; position:relative; display:block; float:none; clear:left}
	#loans .radiocheck label .inputwrapper {float:left; width:220px}
	#loans .radiocheck label .inputwrapper span {padding:3px 0 0 5px}
	#loans .radiocheck input {width:auto}
	#loans input.button {background: #ddddef; border: solid 1px #9d9bcc; width: auto}	
	
	#loans .ppi {margin:10px; padding:6px 6px 0 0; background:#f8f8fd; border:solid 1px #dadada}
	#loans .inputerror {border: solid 1px #c00}
	.helpicon {position:absolute; top:0; left:190px}