html{
	font-size: 10px;
	font-family: Arial, sans-serif;
}


.tool-wrapper{
	position: relative;
	background: #f5f5f5;
	color: #515151;
	width: 773px;
	border: 1px solid #e3e3e3;
	overflow: hidden;
	
	-moz-box-shadow: 1px 1px 0 #ccc;
	box-shadow: 1px 1px 0 #ccc;
}
.tool-wrapper h2{
	margin: 15px 14px;
	font-weight: normal;
	font-size: 2.8em;
}
.tool-wrapper h3{
	background: url(img/bg-tiles-header.gif) no-repeat left center;
	padding-left: 17px;
	margin: 20px 7px;
	font-size: 1.6em;
}
.tool-wrapper p{
	font-size: 1.4em;
}
.tool-wrapper form{
	position: relative;
	background: #fff;
	padding: 0;
	margin: 0 7px;
	border: 1px solid #E3E3E3;
	z-index: 99;
}
.tool-wrapper fieldset{
	padding: 20px 0 20px 20px;
	margin: 0 8px 0 0px;
	border: none;
	overflow: hidden;
	zoom: 1;
}
.tool-wrapper .top-divider{
	border-top: 1px solid #f5f5f5;
}
.tool-wrapper .bottom-divider{
	border-bottom: 1px solid #f5f5f5;
}
.tool-wrapper fieldset .question{
	float: left;
	width: 225px;
	font-size: 1.4em;
	overflow: hidden;
}
.tool-wrapper .help-tool-tip{
	float: left;
	background: url(img/sprite-info.png) top left no-repeat;
	color: #D81E05;
	height: 18px;
	line-height: 18px;
	padding-left: 23px;
	font-size: 12px;
	text-decoration: none;
}
.tool-wrapper .help-tool-tip-disabled{
	background-position: bottom left;
	color: #979797;
}
.tool-wrapper .pop-up{
	position: absolute;
	background: #fff;;
	
	left: -999em;
	border: 1px solid #BABABA;
	z-index: 99;
	outline: none;
	
	-moz-box-shadow: 4px 4px 0px rgba(0,0,0,0.45);
	-webkit-box-shadow: 4px 4px 0px rgba(0,0,0,0.45);
	box-shadow: 4px 4px 0px rgba(0,0,0,0.45);
}
.tool-wrapper .pop-up h3{
	background: #F1F1F1;
	margin: 0;
	padding: 13px 20px;
	font-size: 1.7em;
}
.tool-wrapper .pop-up .close-pop-up{
	position: absolute;
	top: 0;
	right: 0;
	width: 38px;
	height: 35px;
	text-indent: -999em;
	background: url(img/icn-close.png) bottom left no-repeat;
	overflow: hidden;
}
#need-help-monthly-payments.pop-up-open{
	left: 40px;
}
#need-help-monthly-payments{
	top: 240px;
	width: 560px;
	height: 275px;
}
#need-help-monthly-payments dl{
	margin-left: 45px;
	font-size: 1.4em;
}
#need-help-monthly-payments dt,
#need-help-monthly-payments dd{
	float: left;
	padding: 20px 0;
}
#need-help-monthly-payments dt{
	clear: left;
	width: 125px;
	padding-right: 20px;
	font-weight: bold;
	text-align: right;
}
#need-help-monthly-payments dd{
	width: 320px;
	margin: 0;
}


/* SELECTMENU */
#borrowing-reason{
	width: 315px;
}
#borrowing-reason-menu{}


/* RADIO BUTTONS */
#monthly-payments{
	display: none;
}
#monthly-payments-buttonset{
	overflow: hidden;
}
#monthly-payments .help-tool-tip{
	display: block;
	float: none;
	margin-top: 5px;
	width: 70px;
}
#monthly-payments-buttonset .ui-button{
	float: left;
	padding: 5px 0 5px 30px;
	margin-right: 30px;
	border: none;
}
#monthly-payments-buttonset .ui-button .ui-button-text{
	color: #515151;
	padding: 0;
	font-weight: normal;
}
#monthly-payments-buttonset .ui-state-default{
	background: url(img/bg-radio-button-default.jpg) left center no-repeat;
}
#monthly-payments-buttonset .ui-state-active{
	background: url(img/bg-radio-button-active.jpg) left center no-repeat;
}



/* TILES */
#borrowing-selector .tile-header{
	position: relative;
	zoom: 1;
}
#borrowing-selector .tile-header .default,
#borrowing-selector .tile-header .recommendation,
#borrowing-selector .tile-header .recommendations{
	display: none;
}
#borrowing-selector .tile-header.default .default,
#borrowing-selector .tile-header.recommendation .recommendation,
#borrowing-selector .tile-header.recommendations .recommendations{
	display: inline;
}
#borrowing-selector .tile-header .compare-accounts{
	position: absolute;
	right: 10px;
	top: -10px;
	font-size: 15px;
	color: #D81E05;
	padding: 10px 60px 10px 0;
	font-weight: bold;
	text-decoration: none;
	background: url(img/bg-compare-accounts.png) right -60px no-repeat;
}
#borrowing-selector .tile-header .compare-accounts:hover{
	background-position: right -10px;
}

.tile-container{
	width: 770px;
	height: 240px;
	margin: 0 -5px 10px 9px;
	overflow: hidden;
}
.tile-container .one-col {
	width: 241px;
	border-width: 2px;
}

.tile-container .two-col{
   width: 369px;
}

.tile-container .first-tile {
	margin-left: 0;
}
.tile-container .tile{
	display: none;
	position: relative;
	float: left;
	background: white;
	height: 236px;
	margin: 0 10px 0 0;
	border: 2px solid white;
	overflow: hidden;
}
.tile-container .tile.feature{
	background-color: #fbf9f4;
	border: 2px solid #d81e05;
}
.tile-container .active-tiles:hover .tile.feature{
	border: 2px solid #fbf9f4;
}
.tile-container .tile:hover,
.tile-container:hover .tile.feature:hover{
	border: 2px solid #d81e05;
}
.tile-container .active-tiles{
	overflow: hidden;
}
.tile-container .active-tiles .tile{
	display: inline;
}


.tile-container .tile h2 {
	margin: 20px 0 5px 20px;
	font-size: 3em;
	font-weight: normal;
	font-style: italic;
	line-height: 1em;
	letter-spacing: -0.5px;
}
.fr .tile-container .tile h2 {
    margin-top: 10px;
}
.fr .tile-container #mortgages-tile h2 {
    font-size: 3em;
}
.tile-container .tile h2 sup {
	font-size: 13px;
	line-height: 0.4;
    font-style: normal;
}
.tile-container .tile h2 a {
	color: #515151;
	text-decoration: none;
}
.tile-container .tile h3 {
	background: none;
	color: #7B7B7B;
	padding: 0;
	margin: 0 0 0 20px;
	font-size: 1.4em;
}
.tile-container .tile h3 a{
	color: #7B7B7B;
	text-decoration: none;
}

.tile-container .tile .details{
	list-style: none;
	padding: 0;
	margin: 8px 0;
}
.tile-container .tile p.details{
	margin-left: 20px;
    font-size: 1.2em;
}
.tile-container .tile ul.details li{
	position: relative;
	background: url(img/bg-feature.png) no-repeat top left;
	padding: 0 5px 5px 15px;
	margin: 0 0 0 20px;
	line-height: 1.1em;
	font-size: 1.2em;
}
.tile-container .tile .btn-apply-now,
.tile-container .tile .btn-learn-more{
	position: absolute;
	bottom: 10px;
	padding: 0 12px;
	margin: 0 5px 0 0;
	font-size: 1.2em; 
}
.tile-container .tile .btn-learn-more{
	left: 20px;
}
.tile-container .tile .btn-apply-now{
	left: 115px;
}

/* CTA BUTTONS */
#borrowing-selector .tile .red-btn{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
#borrowing-selector .tile .white-btn {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/* SLIDER */
.tool-wrapper .slider{
	position: relative;
}
.tool-wrapper .tile-slider{
	display: none;
	position: relative;
	background: url(img/bg-notch-slider.png) left 15px no-repeat;
	width: 610px;
	padding: 5px 100px 0 40px;
	margin: 0;
}

.tool-wrapper .slider .min,
.tool-wrapper .slider .max{
	position: absolute;
	top: -10px;
}
.tool-wrapper .slider .min{
	left: 40px;
}
.tool-wrapper .slider .max{
	right: 30px;
}
.tool-wrapper .slider .track{
	position: relative;
	background: none;
	height: 42px;
	border: none;
}
.tool-wrapper .slider .ui-slider-handle{
	display: block;
	position: absolute;
	font-size: 1.4em;
	font-weight: bold; 
	text-align: center;
	text-decoration: none;
	text-shadow: 0 -1px 0 #6d1b07;
	cursor: pointer;
	outline: none;
}
.tool-wrapper .tile-slider .ui-slider-handle{
	background: url(img/notch-slider-handle.png) left top no-repeat;
	_background: url(img/notch-slider-handle-ie6.png) left top no-repeat;
	color: #fff;
	width: 126px;
	height: 24px;
	padding-top: 12px;
	border: none;
	margin: 10px -32px 0 -32px;
}
#borrowing-amount-slider{
	float: left;
	background: url(img/bg-amount-slider.png) left 15px no-repeat;
	width: 365px;
	padding: 5px 60px 0 40px;
	margin: 0;
}
#borrowing-amount-slider .ui-slider-handle{
	background: url(img/slider-handle.png) left top no-repeat;
	_background: url(img/slider-handle-ie6.png) left top no-repeat;
	color: #fff;
	width: 100px;
	height: 30px;
	padding-top: 12px;
	margin: 2px 0 0 -40px;
	border: none;
	font-size: 1.3em;
}


/* TOOL ICONS */
#borrowing-selector .tool-icons{
	position: absolute;
	right: 0;
	top: 0;
	margin: 15px 15px 0 0;
}
#borrowing-selector .tool-icons{
	position: absolute;
	right: 0;
	top: 0;
}
#borrowing-selector .tool-icons a{
	display: inline;
	float: left;
	background: url(img/sprite-dl-print.png) left top no-repeat;
	width: 16px;
	height: 16px;
	border: 5px solid #f5f5f5;
	overflow: hidden;
	text-indent: -9999px;
}
#borrowing-selector .tool-icons a.print{ background-position: left top; }
#borrowing-selector .tool-icons a.print:hover,
#borrowing-selector .tool-icons a.print:focus,
#borrowing-selector .tool-icons a.print:active{ background-position: left bottom; }
#borrowing-selector .tool-icons a.download{ background-position: right top; }
#borrowing-selector .tool-icons a.download:hover,
#borrowing-selector .tool-icons a.download:focus,
#borrowing-selector .tool-icons a.download:active{ background-position: right bottom; }


/* GLOBAL STYLES */
.red-btn {
	position: relative;
	display: block;
	background: #d81e05 url(img/bg-red-btn.gif) left top repeat-x;
	color: #fff;
	height: 1.8em;
	line-height: 1.8em;
	padding: 0;
	border: 1px solid #BD0000;
	border-top-color: #FFA5A5;
	
	font-size: 1.4em;
	font-weight: normal;
	text-align: center;
	text-shadow: -1px -1px 0 #900;
	text-decoration: none;
	cursor: pointer;
	overflow: hidden;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-webkit-box-shadow: -1px -1px 1px #900;
	-moz-box-shadow: -1px -1px 1px #900;
	box-shadow: -1px -1px 1px #900;
} 
.red-btn:hover{
	background-image: url(img/bg-red-btn-over.gif);
}
.white-btn {
	position: relative;
	display: block;
	background: #fff url(img/bg-white-btn.gif) left top repeat-x;
	color: #d81e05;
	height: 1.8em;
	line-height: 1.8em;
	padding: 0;
	border: 1px solid #d0d0d0;
	
	font-size: 1.4em;
	font-weight: normal;
	text-align: center;
	text-shadow: 1px 1px 0 #fff;
	text-decoration: none;
	cursor: pointer;
	overflow: hidden;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-webkit-box-shadow: -1px -1px 1px #900;
	-moz-box-shadow: -1px -1px 1px #900;
	box-shadow: -1px -1px 1px #900;
}
.white-btn:hover{
	background-image: url(img/bg-white-btn-over.gif);
}

.ui-buttonset .ui-button-text{
	font-size: 1.4em;
}
.ui-selectmenu,
.ui-selectmenu-menu{
	background: #f9f9f7;
	color: #515151;
	border: 1px solid #c7c7c7;
	font-size: 1.6em;
	outline: none;
	
	-webkit-box-shadow: #d5d5d5 2px 2px 0;
	-moz-box-shadow: #d5d5d5 2px 2px 0;
	box-shadow: #d5d5d5 2px 2px 0;
}
.ui-selectmenu .ui-selectmenu-status{
	border: 2px solid #fff;
	border-width: 2px 0 0 2px;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.ui-selectmenu.ui-state-focus,
.ui-selectmenu.ui-state-hover,
.ui-selectmenu.ui-state-active{
	border: 1px solid #c7c7c7;
}
.ui-selectmenu-menu .ui-state-focus,
.ui-selectmenu-menu .ui-state-hover,
.ui-selectmenu-menu .ui-state-active{
	border-color: transparent;
}
.ui-selectmenu.ui-corner-all{
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.ui-selectmenu.ui-corner-top{
	-webkit-border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
}
.ui-selectmenu.ui-corner-top .ui-selectmenu-icon{
	-webkit-border-radius: 0 4px 0 0;
	-moz-border-radius: 0 4px 0 0;
	border-radius: 0 4px 0 0;
}
.ui-selectmenu-icon{
	background: #d5d5d5 url(img/ui-selectmenu-icon.png) right top no-repeat !important;
	top: 0;
	right: 0;
	width: 30px;
	height: 36px;
	margin: 0;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.ui-selectmenu-menu li a{
	border-bottom: 1px solid #c7c7c7;
	border-left: 2px solid #fdfdfd;
	outline: none;
}
.ui-selectmenu-menu li.ui-corner-bottom a{
	border-bottom: none;
}


/* FRENCH STYLES */
#borrowing-selector.fr .tile-container .tile .btn-apply-now{
	left: 90px;
}
#borrowing-selector.fr #monthly-payments .help-tool-tip{
	width: 100px;
}


/* UTILITIES */
/* Hide for both screenreaders and browsers: h5bp.com/m */
.hidden { display: none !important; visibility: hidden; }
/*  Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visually-hidden.focusable:active, .visually-hidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }.clearfix:after { clear: both; }.clearfix { zoom: 1; }