/*##########################*/
/* Product Selector Styles
/*##########################*/

a:link,a:visited{
color: #cc0033;
text-decoration: underline;
}
a:hover{
text-decoration:none;
}

h3{
margin:2em 0;
}

body,p {font-size:12px;}

#next-steps{
width:600px;
background: #ebebeb;
padding:0 1em;
border-top:1px solid #000;
margin:2em 0 1em 0;
height:auto;
}
#next-steps h1{
font-size:1.4em;
letter-spacing:.1em;
font-weight:normal;
position:relative;
top:2.5em;
width:150px;
}
#next-steps ul{
float:left;
width:141px;
position:relative;
top:2em;
}

#next-steps .divide{
border-left:1px solid #fff;
border-right:0px solid #fff;
float:left;
padding:0 0 0 1.5em;
height:200px;
}
#next-steps .contact{
float:left;
width:220px;
background: transparent url(/selectors/resources/images/contact.gif) 0 0 no-repeat;
height:120px;

}  
#next-steps .apply{   
float:left;
width:220px;
background: transparent url(/selectors/resources/images/apply.gif) 0 0 no-repeat;
height:120px;
}
#next-steps .branch{
float:left;
width:220px;
background: transparent url(/selectors/resources/images/branch.gif) 0 0 no-repeat;
height:120px;
}
#next-steps .appointment{
float:left;
width:220px;
background: transparent url(/selectors/resources/images/appointment.gif) 0 0 no-repeat;
height:120px;
}
#next-steps span{
position:relative;
left:4.5em;
top:0;
width:175px;
font-weight:bold;
}
#next-steps p{
position:relative;
left:4.2em;
top:-.6em;
width:155px;
line-height:16px;

}
.product-selector-bg{
background: #fff url(/selectors/resources/images/popup/product-selector-bg.jpg) 0 0  no-repeat;
width:641px;
height:375px;
position:relative;
}
.home-loans-bg{
background: #fff url(/selectors/resources/images/popup/home-loans-bg.jpg) 0 0  no-repeat;
width:641px;
height:375px;
position:relative;
}
.retails-bg{
background: #fff url(/selectors/resources/images/popup/retails-bg.jpg) 0 0  no-repeat;
width:641px;
height:375px;
position:relative;
}
.payment-bg{
background: #fff url(/selectors/resources/images/popup/payment-bg.jpg) 0 0  no-repeat;
width:641px;
height:375px;
position:relative;
}
.enterprise-bg{
background: #fff url(/selectors/resources/images/popup/enterprise-bg.jpg) 0 0  no-repeat;
width:641px;
height:375px;
position:relative;
}


.home-loan-heading{
background: transparent url(/selectors/resources/images/popup/home-loan-heading.png) 0 0  no-repeat;
width:261px;
height:87px;
position:relative;
top:5em;
left:30em;
}

.retails-heading{
background: transparent url(/selectors/resources/images/popup/retails-heading.gif) 0 0  no-repeat;
width:261px;
height:87px;
position:relative;
top:5em;
left:30em;
}

.enterprise-heading{
background: transparent url(/selectors/resources/images/popup/enterprise-heading.gif) 0 0  no-repeat;
width:261px;
height:120px;
position:relative;
top:5em;
left:30em;
}

.payment-heading{
background: transparent url(/selectors/resources/images/popup/payment-heading.gif) 0 0  no-repeat;
width:261px;
height:120px;
position:relative;
top:5em;
left:30em;
}

.home-loan-text{
width:260px;
position:relative;
top:7em;
left:31em;
}

.prod-selector-text{
width:260px;
position:relative;
top:7em;
left:31em;
}
.buttonMedium a{
float:left;
width:89px;
height:29px;
background: transparent url("/selectors/resources/images/buttons/buttonMedium.gif") 0 0 no-repeat;
position:relative;
top:10em;
left:38.5em;
cursor:pointer;
text-decoration:none!important;
}

.buttonNext a{
float:right;
margin:1.5em 0;
width:89px;
height:29px;
background: transparent url("/selectors/resources/images/buttons/buttonMedium.gif") 0 0 no-repeat;
cursor:pointer;
text-decoration:none!important;
}
.buttonMedium a:hover,  .buttonNext a:hover{
background-position: -91px 0;
text-decoration:none;
}
.buttonMedium span,  .buttonNext span{
position:relative;
left:2em;
color:#fff;
top:.7em;
padding:1em 0;
}
.buttonLarge a{
float:left;
width:149px;
height:29px;
background: transparent url("/selectors/resources/images/buttons/buttonLarge.gif") 0 0 no-repeat;
position:relative;
top:.1em;
cursor:pointer;
margin:0 1em 0 0;
text-decoration:none!important;

}
.buttonLarge a:hover{
background-position: -161px 0;
text-decoration:none;
}
.buttonLarge a span{
position:relative;
left:1.7em;
color:#fff;
top:.8em;

}
.darkgreybar{
background: #4D4D4D;padding:.4em;color:#fff;margin:1.7em 0 0 0;height:24px;width:617px;
}
.text{
color:#fff;
position:relative;
top:.4em;
left:.4em;
font-size:1.1em;
font-weight:bold;
}
#inner {
	width:100%;
	margin:0px 0px 0px 0px;
	min-height:380px;
	_height:380px;
	
}

#left {
	margin:0;
	padding:0;
	min-width:430px;
	
}

ul, form{
margin:0;
padding:0;
}
/*
ul.tick li{
background: transparent url("/selectors/resources/images/icons/tick.gif") 0 .1em no-repeat!important;padding:.3em 0;margin:.4em 1em; 
}*/
ul.tick li{background: transparent url("/selectors/resources/images/icons/tick.gif") .5em .1em no-repeat!important;padding:0 0 0 2em;margin:.4em 0; list-style:none; 
}
#hl_footer {
    width:100%;
	margin:0px 0px 0px 0px;
	height:25px;
	background: url("/selectors/resources/images/hl_footer.gif") repeat;
	
}

#hl_footer div {
	padding:4px 0px 0px 5px;
	color:#fff;
	font-size:11px;
	
}

/* Header Section Styles */

#title_steps {
position:relative;
width:98%;
height:30px;
margin:0px;
vertical-align:middle;
}
/*width:400px;*/
#hl_title {
float:left;
}
#hl_title h1{
font-size:14px;
max-width:380px; /*firefox fix */
position:relative;
top:1.5em;
left:.8em;
}
#steps {
width:202px;
height:43px;
float:right;
position:relative;
left:1em;
}
.step1 { background: url("/selectors/resources/images/step-1.gif") 0px 0px no-repeat ; }
.step2 { background: url("/selectors/resources/images/step-2.gif") 0px 0px no-repeat ; }
.step3 { background: url("/selectors/resources/images/step-3.gif") 0px 0px no-repeat ; }
.step4 { background: url("/selectors/resources/images/step-4.gif") 0px 0px no-repeat ; }

#Newsteps {
width:202px;
height:43px;
float:right;
position:relative;
left:1em;
}
.newstep1 { background: url("/selectors/resources/images/newstep-1.gif") 0px 0px no-repeat ; }
.newstep2 { background: url("/selectors/resources/images/newstep-2.gif") 0px 0px no-repeat ; }
.newstep3 { background: url("/selectors/resources/images/newstep-3.gif") 0px 0px no-repeat ; }
.newstep4 { background: url("/selectors/resources/images/newstep-4.gif") 0px 0px no-repeat ; }


.small_title {
margin:10px 0px 10px 0px;
}



/* Ajax styles */

.content_wrap {
	
}
.heading {
	font-weight:bold;
	margin:0px 0px 4px 0px;
}
.slcttext {
	margin:0px;
	color:#000;
	font-size:12px;
	float:left;
	width:92%;
	cursor:pointer;
	padding:.8em 0 .8em .5em;
	
}
.slcttext:hover {
	background-color:#ebebeb;
}

.radioset .slctimg {
	margin:5px 5px 2px 0px;
	width:34px;
	height:18px;
	float:left;
	background: url("/selectors/resources/images/radios.gif") no-repeat;
	cursor:pointer;
}
.radioset .slcttext{
border-bottom:1px solid #ccc;
	font-size:12px!important;
}

.checkset .slctimg {
	margin:5px 5px 2px 0px;
	width:34px;
	height:18px;
	float:left;
	background: url("/selectors/resources/images/selects.gif") no-repeat;
	cursor:pointer;
}


/* Action Buttons, NEXT, BACK, Apply Online Styles */

#options{
position:absolute;
top:2.1em;right:11.5em;
padding:1em;
margin:0;
height:10px;
}
#options a{
text-decoration:none;

}

#options a:hover{
text-decoration:underline;

}

#actionbuttons {
	width:98.5%;
	margin:0px 0px 12px 0px;
	
}
.hl_next {
width:86px;
float:right;
margin:.3em 0em 0 0em;
}
.hl_next a {
float:left;
width:84px;
height:22px;
font: bold 12px/12px  Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
background: url("/selectors/resources/images/btn_next.gif") -2px 0 no-repeat ;
}
.hl_back {
width:86px;
float:left;
margin:.3em 0em 0 0em;
}
.hl_back a {
float:left;
width:84px;
height:22px;
font: bold 12px/12px  Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
background: url("/selectors/resources/images/btn_back.gif") -2px 0 no-repeat ;
}
.hl_next  a:hover, .hl_back  a:hover {	
background-position: -89px 0
}

.onlineSelector {
 
}
.onlineSelector a {
float:left;
width:145px;
height:35px;
color:#fff!important;
text-decoration:none!important;
background: transparent url("/selectors/resources/images/btn.gif") 0 0 no-repeat ;
}
.onlineSelector a:hover {	
background-position: -148px 0;
color:#cc3300!important;
}
.onlineSelector span {
position:relative;
top:0.85em;
left:2.1em;
font: bold 13px/13px  Arial, Helvetica, sans-serif;
}





/****************************************/
/* Accounts Selector Specific styles
/****************************************/

#small_radios #radioset3 .slcttext, 
#small_radios #radioset4 .slcttext, 
#small_radios #radioset5 .slcttext, 
#small_radios #radioset6 .slcttext, 
#small_radios #radioset7 .slcttext,
#small_radios #radioset8 .slcttext { 
	width:159px;
	padding:5px 3px 14px 3px;
	
	

}
#small_radios #radioset3 .slctimg, 
#small_radios #radioset4 .slctimg, 
#small_radios #radioset5 .slctimg, 
#small_radios #radioset6 .slctimg, 
#small_radios #radioset7 .slctimg,
#small_radios #radioset8 .slctimg { 
	float:left;
	padding:2px 3px 14px 0;
	
}

#question2 { display:none; }


/****************************************/
/* Home Loans Selector Specific styles
/****************************************/

/* form */

#dep1, #dep2, #dep3 { 
	display:none; 
	margin:0px 0px 0px 0px;

}

/* Deposit */

.left_t {
	float:left;
	min-width:230px;
	width:45%;
}

.left_t div {
	margin:5px 10px 0px 0px;
	height:20px;
	
}

.left_f {
	float:left;
	margin:0px 0px 0px 0px;
	width:170px;
}

.left_f input {
	margin:2px 0px 0px 0px;
}
.cleargrey{
clear:both;
border-bottom:1px solid #666;
line-height:.1em;
height:.1em;
margin:1.5em 0;
width:622px;
}
.lightgrey{
clear:both;
border-bottom:1px solid #666;
line-height:.1em;
height:.1em;
margin:1.5em 0;
width:622px;
}
 h2 {
font: 15px/17px  Arial, Helvetica, sans-serif;
letter-spacing:normal;
color: #cc0033;
text-decoration:none;
padding:0 ;
margin:0 0 0 .5em ;
}

.importantInfo{
background-color:#ebebeb; 
border:1px solid #A0A0A0;
height:auto;
padding:1em .5em;
margin:1.5em 0;
width:610px;
font-size:11px;

}
.importantInfo p{
width:590px;
font-size:11px;
}

div#apply, div#findoutmore, div#login, div#applyonlinenow{
width:140px;
float:left;
}
div#apply a {
float:left;
width:137px;
height:40px;
font: bold 12px/12px  Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
background: url("/resources/sgb/images/creditcards/btn_apply.gif") 0 0;
}
div#applyonlinenow a {
float:left;
width:137px;
height:40px;
font: bold 12px/12px  Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
background: url("/resources/sgb/images/creditcards/applyonlinenow.gif") 0 0;
}
div#apply a:hover, div#applyonlinenow a:hover{	
background-position: -137px 0;
}
div#login a {
float:left;
width:137px;
height:40px;
font: bold 12px/12px  Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
background: url("/resources/sgb/images/login.gif") 0 0;
}