/* Light box css */

/**** page1 ***/
.inline-con{
	width:610px;
	height:400px;}

.close-btn{float:right;}

.lightbox-detail{
	margin:0 auto;
	padding:10px 0;
	width:620px;
	height:auto;
	
	border-radius:6px; 
	-webkit-border-radius:6px; 
	-moz-border-radius:6px;}

.lb-detail-container{
	width:550px;
	margin:0 auto;
	padding:30px;
	width:100%;
}
	
.lb-detail-left{
	width:205px;
	float:left;
	display:inline;
	background:url("../images/inside_pg/premier-flowerbg.png");
	background-repeat:no-repeat;
	background-position:top right;}
	
.lb-detail-left h2{ padding-left:20px;}
	
.lb-detail-bg{
	width:205px;
	background:url("../images/inside_pg/premier-shadow-bg.png");
	background-repeat:no-repeat;
	background-position:left center;
	width:205px;
	height:274px;
	float:left;}
	
.lb-detail-left img{
	display:block;
	margin:0 auto;}
	
.lb-detail-left p{text-align:center;}
	
.lb-detail-right{
	width:320px;
	float:left;
	display:inline;
	margin:0 0 0 20px;}

.lb-image-con{
	width:100%;
	}
	
.lb-image-firstrow	{
	float:left;
	display:inline;
	padding-right:2px;
	margin-bottom:2px;}

.firstcon{float:left;}
	
.myButtonLink {
	display: block;
	width: 77px;
	height: 94px;
	background: url('../images/inside_pg/premier-rolloversample.png') bottom;
	text-indent: -99999px;
	border:none;
}
.myButtonLink:hover {
	background-position: 0 0;
		border:none;
}

.close-container img{
	border:none;}
	
.close-container{float:right;}


/***************** for page 2 *********************************/


.inlineres-con{
	width:655px;
	padding:0 20px;
	margin: 0 auto;
	clear:both;
	padding-top:10px;
	max-width:100%;
	
	border-radius:6px; 
	-webkit-border-radius:6px; 
	-moz-border-radius:6px;}
	
.lbres-detail-container{
	width:700px;
	margin:0 auto;
	padding:30px;
	clear:both;
	max-width:100%;
	}

.lbres-detail{
	width:698px;
	height:auto;
	background-color: #fff;
	max-width:100%;
	/*border: 1px solid #d7d7d7;*/
	clear: both;
	margin: 0;
	/*background: white url("../images/conten_box_gradient.jpg") repeat-x bottom left;
	
	border-radius:6px; 
	-webkit-border-radius:6px; 
	-moz-border-radius:6px;*/}

.lbres-detail-container{
	width:640px;
	max-width:100%;
}
.lbres-heading{
	width:640px;
	float:left;
	max-width:100%;
}
	


.lbres-inner{
	/*border:1px solid #d7d7d7;*/
	padding:20px 0px;
	clear:both;
	overflow:auto;
	background:#fff;
		
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;}
	
	
/* Loan Calculator style for EasiCredit - Andro */	

	.lbres-inner-calculator{
	width:175px;
	border:1px solid #d7d7d7;
	padding:20px;
	clear:both;
	overflow:auto;
	background:#fff;
		
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;}
	
	.lbres-detail-container-calculator{
	width:175px;
	}
	
	.lbres-heading-calculator{
	width:175px;
	float:left;}
	
	.inlineres-con-calculator{
	width:175px;
	padding:0 20px;
	margin: 0 auto;
	clear:both;
	padding-top:10px;
	
	border-radius:6px; 
	-webkit-border-radius:6px; 
	-moz-border-radius:6px;}
	
/* Loan Calculator style - Andro */
	
.lbres-inner-left{
	width:320px;
	float:left;
	display:inline;
	}
	
.lbres-inner-left{
	margin:0 auto;
	display:block;}	
	
.lbres-inner-right{
	width: 300px;
	min-height:225px;
	margin-left: 20px;
	float: right;
	display:inline;
}
	
.adddress-con{
	width:100%;}
	
.adddress-con-left{
	width:145px;
	float:left;
	display:inline;}

/* .adddress-con-left{
	width:145px;
	float:left;
	display:inline;}
*/
#details-container p, #details-container ol li, #details-container ul li{
	font-family: 'TheSansCdRegular';
	letter-spacing: 0.2pt;
	color:#494949;
}
#details-container strong{
	color:#5a5959;
}

.close-container a.external-link span{
	font-family: 'TheSansSemiBoldPlain';
	color:#b5b5b5;	
	line-height: 30px;
	vertical-align: top;
	font-size: 15px;
	border:none;
}
.social-container{
	width:100%;
	float:right;
	padding:20px 0;}

.social-container img{ 
	display:block;
	float:right;
	padding-left:10px;
}	
.tnc-container{
	float:left;
	width:100%;
	padding-top:20px;
	border-top: 1px solid #d6d6d6;
}	
.tnc-container ol{
	margin: 0px;
	padding: 0px;
}
.tnc-container ol li{
    margin: 0px 0px 3px 20px;
}
/**** page 3 and 4 css from zhang nan***/

.content-container {
    clear: both;
    margin: 50px auto;
    padding: 0;
    width: 940px;}

.outer-container {
    background-color: white;
    border: 1px solid #D7D7D7;
    clear: both;
    margin: 20px 0px;
    padding: 2px;
    width: 934px;
   
	border-radius:6px; 
	-webkit-border-radius:6px; 
	-moz-border-radius:6px;
    -moz-box-shadow: 0 0 25px 5px #bbb;
    -webkit-box-shadow: 0 0 25px 5px #bbb;
    box-shadow: 0 0 25px 5px #bbb}

.inner-contenr{
    background: white url("../images/conten_box_gradient.jpg") repeat-x bottom left;
    clear: both;
    height: 100%;
    margin: 0;
    padding: 27px;
    width: 880px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;}
    
.lightbox-content{
    background-color: white;
    clear: both;
    margin: 0 auto;
    padding: 2px;
    width: 777px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;}
    
.inner-lightbox{
    background: white url("../images/conten_box_gradient.jpg") repeat-x bottom left;
    clear: both;
    height: 100%;
    margin: 0;
    padding: 10px;
    width: 756px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;}
 
 p.btn-content{
    height:auto;
    clear:both;
    overflow:visible;}
    
 p.btn-content .external-link {
    float:right;}
    
.title-cash {
    width:720px;
    margin:0 auto;
    clear:both;}
    
.column-2{
	clear:both;
	margin:0 auto;
	padding:10px 0 0 0;
	width:720px;}
	
.lightbox-left-content{
	display:inline;
	float:left;
	margin:0px;
	padding:0;
	width:464px;
    border:1px solid #e0e0e0;
    
    border-top-left-radius:6px;
	border-top-right-radius:6px;
	-webkit-border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;  
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;}

.box {
    width:192px;
    padding:20px;
    clear:both;
    border-bottom:1px solid #e0e0e0;}
    
.box.fourth{ border-bottom:0px;}

    
/*Table*/
table{
	border: none;
	padding: 0;
    width:100%;
    font-family:'Arial';
    font-size:14px;
    border-spacing: 0px;
    border-collapse:collapse;
    background-color:#fff;
    
    border-top-left-radius:6px;
	border-top-right-radius:6px;
	-webkit-border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;  
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;}
    
tbody td, tbody th {
	padding: 20px;
	text-align: left;
    font-weight:normal;
	border-bottom: 1px solid #d1cdc4;
	background: white url("../images/inside_pg/td_bg.jpg") repeat-x top left;}
	
tbody td, tbody th {width: 10px}
	
tbody td{
    border-left: 1px solid #d1cdc4;}

.last-tr th{
     background:none;
     padding:0px 0px 1px 1px;}
     
.last-tr td{
     background:none;
     padding:0px 1px 1px 0px;}
     
.bottom-content{
    background:#eaeaea;
    padding:10px 19px;}  
     
/*Right*/
.lightbox-right-content{
	float:right;
    border: 1px solid #E2E2E2;
	display:inline;
	width: 232px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;}
	
.tabbed-lightbox-border {
    background: white;
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;}
    
.tabbed-lightbox-ribbon {
    position: absolute;
    width: 50px;
    height: 51px;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;}

.tabbed-lightbox-border-content {
    background: white url("../images/inside_pg/account_landing_promo_bg.jpg") repeat-x bottom left;
    margin: 0;
    padding: 0;
    width: 232px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;}
    
.tabbed-lightbox-detail {
    width: 192px;

    margin: 0 auto;
    padding: 20px;}
    
.tabbed-lightbox-detail h5{
     text-align:center;}
     
/*Second content*/
.lightbox-3col-content{
	display:inline;
	float:left;
	margin:0px 0px 20px 0px;
	padding:0;
	width:718px;
    border:1px solid #e0e0e0;
    
    border-top-left-radius:6px;
	border-top-right-radius:6px;
	-webkit-border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;  
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;}
	
.lightbox-2col-content{
	display:inline;
	float:left;
	margin:0px;
	padding:0;
	width:464px;
    border:1px solid #e0e0e0;
    
    border-top-left-radius:6px;
	border-top-right-radius:6px;
	-webkit-border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;  
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;}
	
.lightbox-3col-content .last-tr th,
.lightbox-3col-content .last-tr td,
.lightbox-2col-content .last-tr th,
.lightbox-2col-content .last-tr td{
     background:none;
     padding:0px 1px 1px 1px;}
     
/*For Page 5*/
.pg5{ width:520px;}

.pg5 .inner-lightbox{ width:465px; padding:30px;}

.pg5 .column-2{width:500px; padding-top:0px;}

.big{ background:none;}
 
.big .external-link{font-size:22px;font-family: 'TheSansCdThin';}

.pg5 h5, .pg6 h5{ margin-bottom:0px;}

/*For page 6*/
.pg6 .lightbox-3col-content{ width:694px;}

.img-content {
    width:190px;
    height:118px;
    margin:0 auto;}
	
.td-bg {background:url("../images/inside_pg/td-bg.png") no-repeat bottom center; padding:0;}	

a.external-link span {line-height:24px;}

/* Image margin before TNC */
.lbres-inner-left img {margin-bottom: 20px;width: 320px;height: 225px;}

/* Cards Benefits Lightbox */
.adddress-con-right {
	display: inline;
	float: left;
	width: 200px
}

.adddress-con-right p {
	/*margin-left: 145px;*/
	width: 205px;
}

/* Accounts > Savings Accounts (Lightbox) fix */
#c1331787486989 .pg5 {width: 690px}
#c1331787486989 .lightbox-left-content {width: 594px}
#c1331787486989 .pg5 .column-2 {width: 594px}
#c1331787486989 .pg5 .inner-lightbox {
	/* padding: 30px 20px; 23July */
	padding: 0 20px;	
	width: 594px !important
}

/* Lightbox - Calculator (Close) Fix*/
.close-container a {font-size: 14px; text-decoration: none}


/*Share container*/
#share-container div{
	display:inline-block;
}