.beigeBox{ 
	/* [jds] OO-CSS reusable style - please use but do not edit */
	background-color: #f1eee3;
	border-right:2px solid ##f1eee3;
	margin: 20px 0 20px;
	padding: 15px 0 0 15px;
}
	.beigeBox p,
	.beigeBox li,
	.beigeBox label{
		color: #363629;
		font-size:0.813em;
	}
	.beigeBox .row{margin-bottom:15px; float:left; clear:both; width:100%; display:inline;}
	.beigeBox label.error{background: url('/resources/images/error.gif') no-repeat scroll 0 0 transparent;
    color: #C30047;
    float: left;
    padding: 0 0 0 20px;
    text-align: left;
	}
.rounded{
	-webkit-border-radius:3px; 
	border-radius:3px;
}
/* Credit Card Fuel Calculator - author: jds */
.fuelCalculatorContainer{background:#f1eee3 url('/resources/images/product/credit-card/fuel-gauge.png') no-repeat 460px 20px; margin-bottom:15px; overflow:auto;  }
.fuelCalculatorContainer .formContainer{width:450px; overflow:auto; }
.fuelCalculatorContainer .formContainer .row{/* see style.css */ }
.fuelCalculatorContainer .formContainer .formEntry{width:205px; float:left; }  
.fuelCalculatorContainer .formContainer select{width:194px; margin-bottom:5px}
.fuelCalculatorContainer .formContainer input{width:184px; font-size:0.813em; padding:4px; color:#6C6752; border: 1px solid #D2CDB7;}
.fuelCalculatorContainer .formContainer #submitButton{width:120px; clear:both; border:0px; color: #12110E; padding: 0 32px 0 13px; cursor:pointer}
.fuelCalculatorContainer p.fuelCostResult{background-color:#fff; padding:10px 12px 12px 12px; float:left; display:inline-block; *zoom:1; _display:inline; margin:0 0 0 15px !important;}
.fuelCalculatorContainer p.fuelCostResult strong.highlight{font-size:1.385em}
.fuelCalculatorContainer h2 {font-size:1.125em; width:380px;}
.fuelCalculatorContainer #gaugeDiv table tbody tr td{ background-color:#fff !important;}
.fuelCalculatorContainer #gaugeDiv{float:left; margin-bottom:15px; width:160px; height:145px; margin:0 0 5px 0; }
	.ie7 .fuelCalculatorContainer #gaugeDiv,
	.ie8 .fuelCalculatorContainer #gaugeDiv {margin-left:-10px; margin-right:10px}
.fuelCalculatorContainer .highlight{ color:#cc0000 !important}
.fuelCalculatorContainer .rewardResults{overflow:auto; float:left; background-color:#fff; width:515px; padding:10px 10px 0 10px; margin-bottom:15px; display:inline}
body .fuelCalculatorContainer .rewardResults ul{float:left; clear:none !important; width:350px; }
body .fuelCalculatorContainer .rewardResults li {list-style:none; margin:0; padding:0; background-image:none; width:90px; float:left; margin-right:20px; display:inline}
body .fuelCalculatorContainer .rewardResults li:nth-child(2) {width:110px;}
body .fuelCalculatorContainer .rewardResults li:last-child {margin-right:20px;}
body .fuelCalculatorContainer .rewardResults li strong {display:block; clear:both; font-size:1.385em}
body .fuelCalculatorContainer .rewardResults p {float:left; margin-top:10px}
	.ie6 .fuelCalculatorContainer .alternativeStyle .btnYellowSm{margin-top:-30px; margin-left:15px}
#fuelPointsContainer .radioCheck {display:inline-block !important; width:auto !important;  border:0 !important}
#fuelPointsContainer .areYou {margin-right:10px !important; display:inline-block !important;}
#fuelPointsContainer label.error{ background-image:url('/resources/images/error.gif') !important;}
#fuelPointsContainer #errorDiv { background: url("/resources/images/error.gif") no-repeat scroll 0 0 transparent; color: #C30047; padding: 0 0 0 20px;}

  /* Small calculator css */
  .one-column-calc {background:#363329; width:217px; padding:0; margin:10px 0 30px 10px; display:block; color:#f2eee3; height:435px;}
  .one-column-calc .member-question {width:189px; margin:0 0 0 14px; padding:14px 0 0 0; display:block;}
  .one-column-calc .member-question p {color:#f2eee3; margin:0; padding:0;}
  .one-column-calc .member-question p label {width:60px; display:block; float:left;}
  .one-column-calc .member-question p label input {margin-right:4px;}
  .one-column-calc .member-question p strong {display:block; padding:0 0 8px 0;}
  .one-column-calc .fuel-spending-slider, .one-column-calc .other-purchases-slider {width:189px; margin:0 0 0 14px; padding:15px 0 0 0; display:block;}
  .one-column-calc .fuel-spending-slider #slider1, .one-column-calc .other-purchases-slider #slider2 {clear:both; width:155px; margin:10px 0 0 15px;}
  .one-column-calc  .ui-slider-range-min {background:#fc0; height:14px; top: 0;}
  .one-column-calc .fuel-spending-slider #slider1 .handle {position:relative; top:-10px; left:-10px;}
  .one-column-calc .other-purchases-slider #slider2 .handle {position:relative; top:-10px; left:-10px;}
  .one-column-calc .fuel-spending-slider-text, .one-column-calc .other-purchases-slider-text {width:189px; margin:20px 0 0 14px; padding:0; display:block;}
  .one-column-calc .fuel-spending-slider-text p, .one-column-calc .other-purchases-slider-text p {color:#f2eee3;}
  .one-column-calc .points-earned {background:#fff; width:180px; margin:14px 0 14px 14px; padding:0; display:block;}
  .one-column-calc .points-earned p {text-align:center; font-size:1em; line-height:1.6em; color:#000;}
  .one-column-calc .points-earned .points-total-amount {text-align:center; font-size:1.6em; line-height:1.4em; color:#000;}
  .one-column-calc .points-earned .points-total-amount #points-total {font-weight:100;}
  .one-column-calc .products-or-other {width:189px; margin:20px 0 0 14px; padding:0; display:block; height:50px;}
  .one-column-calc .products-or-other label {font-size:0.7em; color:#f2eee3; display:block; cursor:hand; margin:0; padding:0;}
  .one-column-calc .products-or-other input {float:left; margin-right:4px;}
  .one-column-calc .products-or-other #buy-wrap span {display:block; width:160px; float:left; line-height:1.6em; align:middle;}
  .one-column-calc .value {background:#fc0; width:180px; margin:0 0 14px 14px; padding:0; display:block;}
  .one-column-calc .value #show-products-title {text-align:center; font-size:1em; line-height:1.6em; color:#000; margin:0 0 0 0; padding:0; font-weight:bold;}
  .one-column-calc .value .productValue {text-align:center; font-size:1.2em; color:#000;}
  .one-column-calc .fuel-spending-slider #slider1 #slider-input-1-pin .handle {position:relative; top:-10px; left:-10px;}
  .one-column-calc .other-purchases-slider #slider2 #slider-input-2-pin .handle {position:relative; top:-10px; left:-10px;}
  
  /* Large calculator css */
  .full-width-calculator {width:678px; margin:20px 0 30px 0; padding:0; background-color:#f1eee3; height:300px; overflow:hidden; border:#696657 1px solid;}
  .full-width-calculator .member-question {width:678px; height:45px; background:#363329;}
  .full-width-calculator .member-question p {display:block; width:300px; margin:15px 0 0 15px; float:left; color:#fff }
  .full-width-calculator .member-question label {font-size:12px; margin:15px 10px 0 0;}
  .full-width-calculator .member-question label input {margin-right:5px;}
  .full-width-calculator .spend {width:230px; height:255px; display:block; float:left; margin:0; padding:0; border-right:#696657 1px solid; text-align:center;}
  .full-width-calculator .spend .spend-heading {color:#696657; font-weight:bold; font-size:16px; padding:15px 0 10px 0; text-align:center}
  .full-width-calculator .spend p {width:210px; margin:0 0 0 10px; padding:0; line-height:1.4em;}
  .full-width-calculator .spend .slider-box {margin:20px 0 20px 30px; padding:0;}
  .full-width-calculator .spend .slider-box #slider-big {width:170px;}
  .full-width-calculator .spend .slider-box #slider-big .handle {position:relative; top:-10px; left:-10px;}
  .full-width-calculator .spend .slider-box #slider2-big {width:170px;}
  .full-width-calculator .spend .slider-box #slider2-big .handle {position:relative; top:-10px; left:-10px;}
  .full-width-calculator .spend .ui-slider-range-min {background:#fc0; height:14px; top: 0;}
  .full-width-calculator .earn {width:215px; height:255px; display:block; float:left; margin:0; padding:0; text-align:center;  border-right:#696657 1px solid;}
  .full-width-calculator .earn .earn-heading {color:#696657; font-weight:bold; font-size:16px; padding:15px 0 10px 0; text-align:center}
  .full-width-calculator .earn p {width:190px; margin:0 0 0 10px; padding:0; line-height:1.4em;}
  .full-width-calculator .earn .points-total {color:#363329; margin:0 0 0 10px;  font-weight:bold;  height:40px; }
  .full-width-calculator .earn .points-total #points-total-big{font-size:20px; display:block; clear:both; margin:10px 0 0 5px;}  
  .full-width-calculator .earn .points-total-text {font-size:18px; margin:0 0 0 15px; padding:0; /*text-align:center;*/ color:#000;}
  .full-width-calculator .choose {width:231px; height:275px; display:block; float:left; margin:0; padding:0; text-align:center;}
  .full-width-calculator .choose .choose-heading {color:#696657; font-weight:bold; font-size:16px; padding:15px 0 10px 0; text-align:center}
  .full-width-calculator .choose p {width:210px; margin:0 0 0 10px; padding:0; line-height:1.4em;}
  .full-width-calculator .choose .choose-radios {width:210px; margin:20px 0 0 15px; padding:0; height:60px; text-align:left}
  .full-width-calculator .choose .choose-radios label {font-size:12px; color:#696657;}
  .full-width-calculator .choose .choose-radios label input {margin-right:4px;} 
  .full-width-calculator .choose .product-value {margin:0 15px 0 15px; padding:10px 0 ; text-align:center; font-size:18px; font-weight:bold; color:#363329; background-color:#ffcc00; }
  
  /* DB Large calculator css */
  .fullWidthCalculator {width:682px; margin:20px 0;}
  .fullWidthCalculator .memberYN {background-color:#f1eee3; width:662px; padding:10px 10px 5px 10px; background-color:#f1eee3; margin-bottom:10px;}
  .fullWidthCalculator .memberYN label {padding-left:10px;}
  .fullWidthCalculator .third1 {background-color:#f1eee3; width:200px; height:300px; padding:10px; margin-right:20px; float:left;} 
  .fullWidthCalculator .third2 {background-color:#f1eee3; width:190px; height:300px; padding:10px; margin-right:20px; float:left;}
  .fullWidthCalculator .third3 {background-color:#f1eee3; width:186px; height:300px; padding:10px; float:left;}
  .fullWidthCalculator p {color:#6c6752; font-size:0.75em;}
  .fullWidthCalculator label {color:#6c6752; font-size:1em;}
  .fullWidthCalculator input {padding-left:0; margin-left:0px;}
  .fullWidthCalculator .sliderBox {padding:20px 0 0 0; height:20px;}
  .fullWidthCalculator .pointsBox {height:70px; width:210px;}
  .fullWidthCalculator #slider {width:165px;}
  .fullWidthCalculator #slider2 {width:165px;}
  .fullWidthCalculator .handle {position:relative; top:-14px; .top:-16px; left:-5px;}
  .fullWidthCalculator p.pointsTotal {padding-top:54px; font-size:1.3em;}
  .fullWidthCalculator #points-total {line-height:1em; font-size:1.5em; font-weight:bold;}
  .fullWidthCalculator .chooseRadios {padding:10px 0;}
  .fullWidthCalculator #show-products-title {color:#6c6752; font-size:1.0em; font-weight:bold;}
  .fullWidthCalculator .productValue {display:block; position: relative; left:-0.3em; margin-top:0.3em; font-size:2em; color:#6c6752; font-weight:bold;}
  
  /* Balance transfer calculator css */
  .balance-transfer-calculator {background:#f2eee3 url(/resources/images/product/credit-card/balance-trans-calc-bg.gif); display:block; height:290px; margin:0 0 30px 0; padding:0; overflow:auto;}
  .balance-transfer-calculator .calch2 {padding:15px 0 15px 15px; margin:0; font-family:arial; font-size:16px; font-weight:bold;}
  .balance-transfer-calculator .form-inputs {width:300px; display:block; float:left; background:none; height:180px; overflow:auto; font-size:12px;}
  .balance-transfer-calculator .form-inputs .form-row-top {margin:0 0 5px 15px; padding:0; display:block; float:left;}
  .balance-transfer-calculator .form-inputs .form-row-top .bal-int {width:92px; background:none; display:block; float:left; margin-left:8px;}
  .balance-transfer-calculator .form-button {width:120px; display:block; float:left; height:180px; overflow:auto;}
  .balance-transfer-calculator .form-button span {padding-top:70px; display:block;}
  .balance-transfer-calculator .result {width:205px; display:block; float:left; height:180px; overflow:auto; margin:5px 0 0 0;}
  .balance-transfer-calculator .result .resultPara {margin:0 0 2px 0; width:95%;}
  .balance-transfer-calculator .result .resultPara2 {margin:2px 0 0 0; display:block; float:left; width:95%;}
  .balance-transfer-calculator #messageBox {overflow:auto; display:block; clear:both; margin:0 0 15px 0; padding:0; width:300px;}
  .balance-transfer-calculator #messageBox div label.error {background:#d11e23; width:240px; color:#fff; margin:0 0 1px 15px; padding:2px 4px 0 4px; clear:both; font-size:12px; display:block;}
  
  /* Small Balance transfer calculator css GD 05/08 */
.balance-trans-calc-small {background:#f1eee3; display:block; height:auto; width:207px; margin:10px 0 10px 10px; padding:0; overflow:auto;}
.balance-trans-calc-small strong {color:#6c6752; width:178px; margin:15px 15px 5px 15px; display:block;}
.balance-trans-calc-small .bal {width:80px; color:#6c6752; float:left; margin:10px 0 0 15px; font-size:11.5px;}
.balance-trans-calc-small .apr {width:80px; color:#6c6752; float:left; margin:16px 0 0 15px; font-size:11.5px;}
.balance-trans-calc-small .form-row {width:100%; height:40px; background:none;}
.balance-trans-calc-small .form-row #balance-1A {width:88px; float:left; display:inline; margin:10px 0 0 0;}
.balance-trans-calc-small .form-row #apr-rate-1A {width:88px; float:left; display:inline; margin:10px 0 0 0;}
.balance-trans-calc-small .calculate-button {display:block; width:120px; margin:10px 0 0 15px; padding:0;}
.balance-trans-calc-small .result {width:176px; margin:15px 0 0 15px; display:block; background:#f1eee3; color:#fff;}
.balance-trans-calc-small .resultPara {width:160px; color:#6c6752; margin-bottom:10px;}
.balance-trans-calc-small .mini-saving {margin-bottom:8px;}
.balance-trans-calc-small .saveAmountPound {font-size:20px; margin:0; padding:0; display:block; width:14px; color:#6c6752;}
.balance-trans-calc-small #saveAmountA {font-size:20px; margin:0; padding:0 0 0 0; display:block; width:100px; color:#6c6752;}
.balance-trans-calc-small #messageBoxA {background:#f00; color:#fff; font-size:11px; width:173px; margin:0 0 0 15px; padding:0;}
.balance-trans-calc-small #messageBoxA label.error {padding:2px; display:block;}

  /* DB CSS */
  .balanceCalc {background:#f2eee3; width:670px; display:block; overflow:auto; height:290px;}
  .balanceCalc h2 {margin:25px 0 15px 15px; padding:0; font-family:arial; font-size:16px;}
  .formInputs {width:300px; display:block; float:left; background:none; height:180px; overflow:auto;} 
  .formButton {width:120px; display:block; float:left; background:none; height:180px; overflow:auto;} 
  .formButton span {padding-top:75px; display:block;} 
  .result {width:245px; display:block; float:left; background:none; height:180px; overflow:auto;}
  .formRowBalApr {margin:15px 0 0 15px; padding:0; display:block; background:#00f; width:100%;}
  .formRowBalApr .balApr {width:200px; display:block; float:left; margin:0 0 0 10px;}
  .formRow {background:none; margin:0 0 20px 15px; padding:0; display:block; float:left;}
  .formRowTop {background:none; margin:0 0 5px 15px; padding:0; display:block; float:left;}
  .formRowTop .balApr {width:92px; background:none; display:block; float:left; margin-left:8px;}
  .formRow #balance-1, .formRow #balance-2, .formRow #balance-3, .formRow #balance-4 {width:80px; background:#fff; border:1px solid #cccac0; margin-right:20px;}
  .formRow #apr-rate-1, .formRow #apr-rate-2, .formRow #apr-rate-3, .formRow #apr-rate-4 {width:80px; background:#fff; border:1px solid #cccac0;}
  .saveAmountPound {float:left; font-family:arial; font-weight:bold; font-size:24px;}
  #saveAmount {float:left; font-family:arial; font-weight:bold; font-size:24px;}
  
  
  #messageBox {overflow:auto; display:block; clear:both; margin:0 0 15px 0; padding:0;}
  #messageBox span label.error {background:#696657; width:240px; color:#fff; margin:0 0 0 15px; padding:2px 0 0 4px; clear:both;}
  
  /* Other CSS */
  
  /* Rewards Credit Card*/
	.rewardCardList ul li {background: url(/resources/images/bulTick.gif); font-size:12px; list-style:none; padding:0 0 0 25px; margin:0 0 15px 0; background-repeat:no-repeat; line-height:1.5em;}