/*Common button styles */
.apply-now-button { display:inline-block; text-decoration:none; position:relative; z-index:1; }
.apply-now-button > span,
.apply-now-button .label { display:inline-block; background-position:0 0; background-repeat:no-repeat; }
.apply-now-button > span { background-position:100% 0; }
.apply-now-button .label { display:inline-block; *position:relative; *z-index:1; }
.apply-now-button img { margin-top:14px; }
span.ie-label {
    background: url('data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAkAAAEALAAAAAABAAEAAAICTAEAOw==')\9;
    position: absolute\9;
    width: 100%\9;
    height: 100%\9;
    top: 0\9; 
    left: 0\9;
}

/* Select an iPhone button */
.apply-now-button { margin:3px 0 20px; position:relative; }
.apply-now-button > span,
.apply-now-button .label { background-image:url('http://storeimages.apple.com/2046/store.apple.com/Catalog/regional/amr/iphone/img/btn-select-big-sprite.png'); }
.apply-now-button > span { background-position:100% -141px; height:48px; }
.apply-now-button .label { padding-left:28px; margin-right:26px; height:48px; line-height:36px; }
.apply-now-button:hover .label { background-position:0 -47px; }
.apply-now-button:active .label { background-position:0 -94px; }
.apply-now-button:hover > span { background-position:100% -188px; }
.apply-now-button:active > span { background-position:100% -235px; }


.barclaycard .top-part {
	display:block;
	position:relative;
	float:left;
	width:918px;
	margin-left:1px;
	height:409px;
	padding:35px 30px 0;
	background:transparent url('landing-barclaycard-greybg.png') no-repeat scroll 0 0;
}

.barclaycard .top-part h1 {margin-left:3000px;}
.barclaycard .top-part h2 {font-size:17px; color:#333; width:710px; line-height: 1.4em;}


.barclaycard .top-part .headline {
	position:relative; float:left; width:696px; height:47px; margin-bottom: 9px;
}

.barclaycard .top-part .boxes {display:block; position:relative; float:left; width:919px; margin-bottom:42px;}

.barclaycard .top-part .box-container {
	position:relative;
	float:left;
	width: 234px;
	margin-top:24px;
	}
	
#or {width:72px; font-size:17px; color:#333; margin-top:84px; text-align: center;}	

.barclaycard .top-part .box-container .fbox {
	position:relative;
	float:left;
	width: 234px;
	margin:0;
	}
	
#top {	display: block; height:15px; background:transparent url('landing-barclaycard-boxtop.png') no-repeat scroll 0 0;}
#mdl {	display: block; min-height: 112px; background:transparent url('landing-barclaycard-boxmdl.png') repeat-y scroll 0 0;}
#btm {	display: block; height:15px; background:transparent url('landing-barclaycard-boxbtm.png') no-repeat scroll 0 0;}

..barclaycard .top-part .box-container .box-content {position:relative; display: block;}
#left {float:left; width:79px; padding-top:19px; text-align:center; color:#999; font-size: 12px; line-height: 2.4em;}
#right {float:right; width:107px; padding:4px 22px 0; text-align:center; color:#999; font-size: 12px; line-height: 1.1em;}

.emphasis-top {display:block; font-size:17px; margin-bottom: 8px; color:#333;}
.emphasis-mdl {display:block; font-size:17px; margin-bottom: 8px; margin-top:6px; color:#333;}

.barclaycard .top-part .hero {
	position:absolute;
	top:27px;
	right:0px;
	width:373px;
	height:413px;
}

.barclaycard .top-part .button {
	display:block;
	position:relative;
	float:left;
	}


.barclaycard .lower-part {
	display:block;
	position:relative;
	float:left;
	width:918px;
	min-height:234px;
	padding:0 30px 0;
	background-color:#fff;
}

.barclaycard .lower-part .steps {
	position:relative;
	float:left;
	width: 307px;
	padding-top:34px;
}

.barclaycard .lower-part .steps h3 {font-size:17px; margin-bottom: 12px;}
.barclaycard .lower-part .steps h4 {font-size:13px; margin-bottom:0px;}
.barclaycard .lower-part .steps p {font-size:11px; color:#666; margin-bottom:10px; padding: 0 36px 0 17px; line-height: 1.2em;}


.barclaycard .lower-part .extras {
	position:relative;
	float:left;
	min-height: 200px;
	width: 536px;
	padding: 34px 30px 0 45px;
	background:transparent url('landing-barclaycard-divider.png') no-repeat scroll 0 0;
}

.barclaycard .lower-part .extras .extra-entry {
	position:relative;
	float:left;
	display:block;
	margin-bottom: 10px;
	}
	
.extra-entry-img {
	position:relative;
	float:left;
	width: 62px;
	padding-top: 2px;
	}
.extra-entry-text {
	position:relative;
	float:left;
	width: 474px;
	}

.phone-number {color:#000;}

.extra-entry-text h3 {font-size:17px; margin-bottom: 3px;}
.extra-entry-text p {font-size:13px; color:#666;}


.barc-footnotes {
	padding: 18px 30px 30px;
	color: #999;
	line-height: 1.2em;
	position: relative;
	text-align: justify;
	}
.barc-footnotes h5 {color:#333; font-weight:bold; margin-bottom: 10px;}
.barc-footnotes h6 {font-weight: bold; margin-bottom: 4px;}
.barc-footnotes p {margin-bottom: 10px;}
.intend {padding-left:15px;}




/*Barclaycard Specific Overlay Styles*/

div.site-message .content {clear: both;padding: 30px 26px 26px 26px;}

div.site-message .overlay-header {padding: 18px 26px 16px 26px; background-color: #777;}
    
div.site-message .overlay-header h2 {font-size: 18px;color: #FFF;}

div.site-message .overlay-header p {font-size: 10px;}

div.site-message div.content {padding-right:54px; padding-left:54px;}

#rewards {padding: 32px 46px;}

div.site-message div.content ol {margin-top:18px; margin-bottom:20px;}

div.site-message div.content ol li {margin-left:18px;}

div.site-message div.content img {position:relative; float:left; width: 124px; margin-right: -10px;}
div.site-message div.content div.infotop {position:relative; float:left; width: 454px; font-size:14px; color:#333; margin-top: -3px;}
div.site-message div.content div.infotop p {margin-bottom:12px;}
div.site-message div.content div.infobtm {position:relative; float:left; width: 568px; margin-top: 4px; margin-bottom: 24px;}
div.site-message div.content div.infobtm h4 {font-size:12px; color:#333;}
div.site-message div.content div.infobtm ul {font-size: 12px; color: #666; list-style: disc; padding-left: 18px; line-height: 1em; margin-top: 6px;}
div.site-message div.content div.infobtm ul li {margin-top:5px;}
div.site-message div.content div.info-footer {position:relative; float:left; width: 568px; margin-top: 26px; padding-top: 8px; font-size:10px; color:#aaa; border-top:solid 1px #d9d9d9;}
div.site-message div.content div.info-footer h4 {margin-bottom:8px; font-weight: bold; font-size: 10px;}
div.site-message div.content div.info-footer p {margin: 0 0 10px; line-height: 1.2em;}
div.site-message div.content div.cta {position:relative; float:left; width: 568px;}
div.site-message div.content div.cta h4 {font-size:12px; color:#333;}
div.site-message div.content div.cta ol {font-size: 12px; color: #666; list-style: none; line-height: 1.1em; margin-top: 6px;}
div.site-message div.content div.cta ol li {margin-left:-28px; margin-top: 5px;}


/*EMEA Leasing Styles*/
.barclaycard .top-part.emea-leasing{background: transparent url('emea-leasing-hero.png') no-repeat scroll left bottom; height:auto; padding: 35px 30px 0 29px; margin-left:0px; width:auto;}
.barclaycard .top-part.emea-leasing.promo{height:auto;}
.barclaycard .top-part .headline{margin-top:10px; margin-bottom:6px;}
.barclaycard .top-part.emea-leasing .violator{position:absolute; right:-1px; top: -1px;}
.barclaycard .top-part.emea-leasing h2{width:660px;}

.barclaycard .top-part.emea-leasing .boxes{margin-bottom:15px;}
.barclaycard .top-part.emea-leasing .boxes .box-container{margin-top:33px;}
.barclaycard .top-part.emea-leasing .boxes .box-container #mdl{min-height:120px;}
.barclaycard .top-part.emea-leasing.promo .boxes .box-container #mdl{min-height:165px;}
.box-content.top-row{border-bottom:1px solid #D9D9D9; margin:0px 20px 10px 20px; padding:0px 10px 11px 10px; text-align:center;}
.box-content.bottom-row{margin:0px 20px 0px 20px; text-align:center;}
.no-emphasis{color:#999999; font-size:13px;}

.top-part.emea-leasing .box-container.call{padding-bottom:60px;}
.top-part.emea-leasing.promo .box-container.call{padding-bottom:60px;}
.box-container.call p{color:#999999; font-size:13px; width: 400px; margin-bottom:10px;}

.barclaycard .lower-part.emea-leasing{min-height:175px;}
.barclaycard .lower-part.emea-leasing h2{ color:#33333; font-size:17px; line-height:1.4em; padding:none; margin:0;}

.barclaycard .lower-part.emea-leasing .steps{padding-top:10px; width:410px;}
.barclaycard .lower-part.emea-leasing .steps.own-it{margin-right:70px;padding-top:10px; }
.barclaycard .lower-part.emea-leasing .steps h3{padding-top:10px; font-size:15px;}
.barclaycard .lower-part.emea-leasing .steps p{border-bottom:1px solid #D9D9D9; font-size:12px; padding:5px 0px; margin:0px 0px 0px 20px;}
.barclaycard .lower-part.emea-leasing .steps p.last{border:none;}

.finance-it{float:left; color:#1479D0;}
.finance-details{width: 340px; background:transparent url('emea-leasing-left-border-gradient.png') no-repeat scroll 0 0; min-height:127px; margin-left:70px;padding-top:10px;}
.finance-details h4{font-weight:bold; padding: 0px 0px 0px 20px;}

.barclaycard .lower-part.emea-leasing .extras{background:transparent url('emea-leasing-left-border-gradient.png') no-repeat scroll 0 0;}