.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px; }

.col-xs-15 {
  width: 20%;
  float: left; }
  
a { outline: none !important; }

@media (min-width: 768px) {
  .col-sm-15 {
    width: 20%;
    float: left; } }

@media (min-width: 992px) {
  .col-md-15 {
    width: 20%;
    float: left; } }


@media (min-width: 1200px) {
  .col-lg-15 {
    width: 20%;
    float: left; } }
    
section { position: relative; }    
 


    
.cards-sprite { background-size: contain; }
.verified-sprite { background-size: contain; }
nav a { text-transform: uppercase; }

#banner-shell { overflow: hidden; }
div.loyalty-panel h3 { text-transform: uppercase; }
.loyalty-panel .col-sm-5 li strong { font-size:20px;  }

nav.navbar { border-bottom: 2px solid #00b39e; }

.faq h5.faq-q {
	font-size: 18px;
}
.faq .faq-answer p, .faq .faq-answer li {
    font-size: 16px;
}
.faq .faq-answer ul { margin-left: 18px; margin-bottom: 16px; }
.faq .faq-answer ul li {
	margin-bottom: 4px;
	padding-bottom: 0px;
	list-style: disc;
}

.faqs a.expander { cursor:pointer;border:1px solid #ccc; border-radius: 3px; padding:10px 50px 10px 15px; background: url(../images/menu-open.gif) 97% 8px no-repeat; display:block; width:100%; font-size:18px; }
.faqs a.expander.active { background: #fff url(../images/menu-close.gif) 97% 8px no-repeat !important;
margin-bottom:-10px; border-bottom: 0 none #fff; border-radius: 3px 3px 0 0; padding-bottom: 20px; z-index:999; position:relative;
}



.breadcrumb { background: #00b39e; border-radius:0; margin-bottom: 0; padding:30px;}
.breadcrumb p { color: #fff; padding:0; font-family: 'Avenir LT Std', Lato, sans-serif; text-transform:uppercase;}
.breadcrumb p a { color: #fff; text-decoration: none; text-transform:uppercase; font-weight: bold; }
.breadcrumb p a:hover { color: #fff; text-decoration: underline; }
.dropdown-menu>li>a.active {  background:none; color:#00b39e; }

.navbar-right li:last-child a {
    border-right: none;
}
.feature-home .ins-links li a, .feature-sub .ins-links li a { line-height: 120%; }
.banner-slides, .banner-slides > div {
	width: 100%;
}
.banner-slides > div {
	/*padding-bottom: 40px;*/
}

/* pager */
.cycle-pager { 
    text-align: center; width: 100%; z-index: 500; position: absolute; bottom: -4px; overflow: hidden;
}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 20px; height: 10px; 
    display: inline-block; color: rgba(255, 255, 255, 0.5); cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: rgba(255, 255, 255, 1); }
.cycle-pager > * { cursor: pointer;}

.subnav {
    padding-left: 0px !important;
    padding-bottom: 0px !important;
}
.subnav a.on { color: #00b39e; }


.faqlister > div > h4 { padding: 0px 0px 0px 0px !important; font-size: 20px; margin: 12px 0px 5px 0px; }
.faqlister > div > h5 { color: #00b39e; font-weight: bold; }
.faqlister > div > p, .faqlister > div li { font-size: 16px !important; }
.faqlister > div ul, .faqlister > div ol {
	margin: 0px 0px 0px 16px;
	padding: 0px 0px 16px 0px;	
}
.faqlister > div ul li {
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
	list-style: disc;	
}

.faqlister > div h3 {
    border-top: none;
    border-bottom: 1px solid #ccc;
    padding: 20px 0px 14px 0px;
    margin: 0px 0px 40px 0px;
    font-size: 28px;
}
.faqlister > div a {
	border: none;
	display: inline !important;
	width: auto;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: none;
	font-size: 16px;
}

table tbody tr:nth-child(even) td { background:#ffffff;}
table tbody tr:nth-child(odd) td { background:#f1faf9;}
table tbody tr.toprow td { background:#cceeeb; font-weight:bold;}
.sidebar ul.usage li span {  height:110px; }


strong.hltext {
	font-size: 38px !important;
	font-family: "Bauer Bodoni Std",Georgia,sans-serif;
    font-style: italic;
    font-weight: normal;
}
.feature-inner li em, .feature-home li em, div.loyalty-panel del {
	font-size: 38px !important;
	font-family: Georgia,sans-serif;
    font-style: italic;
    font-weight: normal;
    text-decoration:none;
}

.reward-text p a {
	color: #ffffff;
}

main { overflow: hidden; }
.nonav main { padding-top: 104px; }
.nonav .navbar {
    height: 104px;
}


@media (min-width: 992px) {
.nonav .navbar-nav .dropdown-menu { display: none !important; }
body.strip-nav div.mobmenuwrap { display: none !important; }
}






div.sidebar { 
	position: relative; 
	background: #f1f1f1;
	background: -moz-linear-gradient(top,  #f1f1f1 0%, #f1f1f1 66%, #ffffff 100%);
	background: -webkit-linear-gradient(top,  #f1f1f1 0%,#f1f1f1 66%,#ffffff 100%);
	background: linear-gradient(to bottom,  #f1f1f1 0%,#f1f1f1 66%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff',GradientType=0 );
}
span.sb-extend {
	display: block;
	width: 2000px;
	right: -2000px;
	height: 100%;
	position: absolute;
	top: 0px;
	background: #f1f1f1;
	background: -moz-linear-gradient(top,  #f1f1f1 0%, #f1f1f1 66%, #ffffff 100%);
	background: -webkit-linear-gradient(top,  #f1f1f1 0%,#f1f1f1 66%,#ffffff 100%);
	background: linear-gradient(to bottom,  #f1f1f1 0%,#f1f1f1 66%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff',GradientType=0 );
}

table.comparison tbody td:last-child { color:inherit; font-size: inherit; padding: 5px 15px 15px 5px; }
table.comparison tbody td.yesno { color:#00b39e; font-size: 20px; padding:10px 15px 15px 10px; }
.cborder {
    border-top: 1px solid #ccc;
    padding-top: 40px;
}
.sidebar ul.checklist li {
    background: rgba(0, 0, 0, 0) url("../images/icon-sm-check.png") no-repeat scroll left top;
    padding-left: 45px;
}
.pageintroimg { width: 100%; height: auto; max-width: 210px; position: relative; right: -10px; top: 10px; margin-left: 5px; }

ul.disclaimer { margin: 0px 0px 14px 14px; padding: 0px 0px 0px 0px; }
ul.disclaimer li {font-size:12px; margin: 0px 0px 4px 0px; padding: 0px 0px 0px 0px; }


div.customernote p { display:block; clear:both; margin-bottom: 30px; }
.cycle-banners { width: 100%; }



.feature-sub .ins-links { display:block; clear:both; }
.feature-sub .ins-links li { display:inline-block;  border-top: 0 none #fff;  }
.feature-sub .ins-links li a { font-size:16px; padding: 60px 10px 0 10px; display:inline-block; color:#fff; border-right:1px solid #68ccc0; filter: alpha(opacity=50); opacity: 0.5; text-align:left; background: url(../images/icon_ins_links/home.png) 10px top no-repeat; }
.feature-sub .ins-links li a:focus, 
.feature-sub .ins-links li a:hover,
.feature-sub .ins-links li a.active { filter: alpha(opacity=100); opacity: 1.0; text-decoration:none; }
.feature-sub .ins-links li:first-child a { background-position: left top; padding-left:0; }
.feature-sub .ins-links li:last-child a {   border-right:0 none #fff; padding-right:0; }

.feature-sub-mob {
    background-position: center top !important;
    background-size: 320px auto !important;
}

tr.hiddenrow { display: none; }
div.moreerbutton {
	text-align: center;
}

#map-canvas {
	width: 100%;
	height: 500px;
}


div.faq-container-2 { padding-left: 4px; padding-right: 4px; }

.faq-container {
    padding: 0 5px 8px 4px;
}
span.number a {
    color: #00b39e !important;
}

p.intro {
    border-bottom: none;
    font-size: 22px;
    margin: 0 0 45px;
    padding: 0 0 0px;
}

.fullfaq {
    padding-left: 0px;
    padding-right: 0px;
}

.sidebar ul.faqlist ul {
    padding-left: 0px;
}
.sidebar ul.faqlist > li > a.active {
    background: rgba(0, 0, 0, 0) url("../images/menu-close.gif") no-repeat scroll right 8px top 8px;
    display: block;
    padding: 7px 40px 10px 0;
    color: #00b39e !important;
    text-decoration: none;
}
.sidebar ul.faqlist > li > a:hover { color: #00b39e !important; text-decoration: none; }
.sidebar ul.faqlist > li > ul > li > a { text-decoration: none; }
.sidebar ul.faqlist > li > ul > li > a:hover { text-decoration: none; color: #00b39e !important; }


div.faqdetails h5 {
    font-size: 20px;
    margin: 12px 0 5px;
    padding: 0 !important;
    font-weight: bold;
    font-family: "Avenir LT Std",Lato,sans-serif;
}
div.faqdetails p {
    font-size: 16px !important;
}
div.faqdetails a {
    background: none;
    border: none;
    border-radius: 0px;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    padding: 0px 0px 0px 0px;
    width: auto;
    color: #00b39e;
}

img.affiliate-logo {
	max-height: 50px;
	width: auto;
}
.mainbody a {
    color: #00b39e;
}

img.longimg1 {
	max-height: 50px;
	width: auto;
}
img.longimg2 {
	max-height: 60px;
	width: auto;
}
img.longimg3 {
	max-height: 80px;
	width: auto;
}
img.stdimg {
	max-height: 140px;
	width: auto;
}

p.btn-left { text-align: left; }
p.btn-right { text-align: right; }



.iframe iframe {
	width: 100%;
	height: 800px;
}

.hpcarousel { width: 100%; }
.hpcarousel.black .feature-home { background-color: #000000 !important; }
.hpcarousel-mobile { width: 100%; }
.hpcarousel-mobile > div { padding-bottom: 60px; }
#hb-banner-mob .cycle-pager { 
    bottom: 40px;
}



.arrow-left {
    background-image: url("../images/dpf_arrow_left.png");
    left: 3%;
}
.arrow-right {
    background-image: url("../images/dpf_arrow_right.png");
    right: 3%;
}
.nav-arrow {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 42px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    width: 23px;
    z-index: 999999;
}




div.cross-sell {
	background-position: right bottom;
	background-size: auto 200px;
	background-color: #00b39e;
	background-repeat: no-repeat;
	text-align: center;
	position: relative;
	min-height: 200px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 18px;
}
div.cross-sell h5 {
    font-family: "Avenir LT Std",Lato,sans-serif;
    font-size: 24px;
    text-transform: uppercase;
    color: #ffffff;
    letter-spacing: 0.08em;
    margin: 0px 0px 14px 0px;
}
div.cross-sell h5 a {
	color: #ffffff;
	text-decoration: none;
}
div.cross-sell h5 span {
	display: block;
    font-family: "Bauer Bodoni Std",Georgia,sans-serif;
    font-style: italic;
    font-weight: normal;
    font-size: 20px;
    text-transform: lowercase;
    letter-spacing: 0.06em;
    opacity: 0.8;
}
div.cross-sell p {
    color: #fff;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 130%;
    opacity: 0.8;
}
div.cross-sell > a {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}

div.promo-box {
	background-repeat: no-repeat;
	background-position: right top;
	background-size: auto 100%;
	border: 1px solid #00b39e;
	margin-bottom: 42px;
}
div.promo-box-content { 
	background: -moz-linear-gradient(left,  rgba(238,238,238,1) 0%, rgba(238,238,238,1) 50%, rgba(238,238,238,0) 83%);
	background: -webkit-linear-gradient(left,  rgba(238,238,238,1) 0%,rgba(238,238,238,1) 50%,rgba(238,238,238,0) 83%);
	background: linear-gradient(to right,  rgba(238,238,238,1) 0%,rgba(238,238,238,1) 50%,rgba(238,238,238,0) 83%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#00eeeeee',GradientType=1 );
	padding: 36px 0px 36px 0px;
}
div.promo-box-content h4 {
    color: #00b39e;
    font-family: "Bauer Bodoni Std",Georgia,sans-serif;
    font-style: italic;
    font-weight: normal;
    margin: 0px 0px 4px 0px;
    font-size: 28px;
	  text-shadow:
	   -1px -1px 0 #eee,  
	    1px -1px 0 #eee,
	    -1px 1px 0 #eee,
	     1px 1px 0 #eee;
}
div.promo-box-content p {
    font-family: "Avenir LT Std",Lato,sans-serif;
    color: #5f5e5e;
    font-size: 26px;
    font-style: normal;
	line-height: 130%;
	margin: 0px 0px 4px 0px;
	  text-shadow:
	   -1px -1px 0 #eee,  
	    1px -1px 0 #eee,
	    -1px 1px 0 #eee,
	     1px 1px 0 #eee;
}
.btn-promo {
    background: #f1fbfa url("../images/btn-promo.png") no-repeat scroll right 6px center;
    border: 1px solid #00b39e;
    clear: both;
    display: inline-block;
    padding-right: 38px;
    color: #f1fbfa;
}
div.mainbody > img {
	max-width: 300px;
	height: auto;
}

.feature-inner .reward-feature .reward-text.level2 p.body {
    font-size: 20px;
}

.feature-inner li.level2, .feature-home li.level2 {
    font-size: 18px;
}
.feature-inner li.level3, .feature-home li.level3 {
    font-size: 16px;
}
.feature-inner li.level4, .feature-home li.level4 {
    font-size: 14px;
}

.sidebar h4 span {
	display: block;
	padding-top: 4px;
    font-size: 13px;
    text-transform: none;
    color: #666666;
    font-family: 'Lato',sans-serif;
    font-weight: normal !important;
}
.cconv-new {
	border-top: 1px solid #ccc;
	padding-top: 18px;
}
.cconv-new label {
	font-family: "Avenir LT Std",Lato,sans-serif;
	font-weight: normal;
	font-size: 14px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #666666;
}
.cconv-new input, .cconv-new select, .buyback-currency input, .buyback-currency select { width: 100% !important; border-radius: 3px 3px 3px 3px; }
.cconv-new p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 6px 0px;
	position: relative;
	clear: both;
}
.cconv-new p i { position: absolute; width: 100%; height: 49%; top: 0px; left: 0px; border-bottom: 1px solid #ccc; z-index: 5; }
.cconv-new p span {
	display: inline-block;
	background: #f1f1f1;
	padding-right: 8px;
	position: relative;
	z-index: 10;
}
.sidebar .currency-converter #amount {
    box-shadow: 0 3px 3px #ccc;
    margin-bottom: 15px;
}
.sidebar .currency-converter #amount2 {
    box-shadow: 0 3px 3px #ccc;
    margin-bottom: 15px;
}


div.cs-mpu img {
	width: 100%;
	height: auto;
}
div.cs-mpu { padding: 0px !important; background: none !important; }


.cards li img { 
	margin-bottom: 5px;
}

.anchorpoint {
	position: relative;
}

.btn-bodyfooter {
    margin-bottom: 20px;
}


ol > li::before {
    padding-top: 3px;
}


div.rep-example h4 { color: #ffffff; }
div.rep-example h5 {
    font-family: Avenir,Lato,sans-serif;
    font-size: 16px;
    font-style: normal;
    padding-bottom: 5px;
    text-transform: uppercase;
    color: #ffffff;
}
div.rep-example { text-align: center; background: #00b39e; padding: 20px 12px 14px 12px; margin: 0px 0px 40px 0px; }
div.rep-example p { margin: 0px 0px 0px 0px; width: auto; display: inline-block; color: #ffffff; }
div.rep-example p span.repapr { display: inline-block; }
div.rep-example p strong {
    font-size: 40px;
    font-style: normal;
}
div.rep-example p span.percent {
    font-size: 30px;
    display: block;
    font-style: normal;
}
div.rep-example p span.apr {
    font-size: 16px;
    display: block;
    font-style: normal;
}
div.rep-example p span.variable {
	display: block;
    font-size: 14px;
    font-style: normal;
    text-transform: uppercase;
    position: relative;
    top: ;
    text-align: left;
}



div.hpcarousel-mobile .feature-home, div.feature-sub-mob {
	background-size: 320px auto !important;
}

.ins-links-home { z-index: 10; position: relative; }
a.overlaylink {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 5;
}


.noie .navbar-brand img { width:220px; } 


div.sitemap > ul > li > ul { padding-top: 14px; }




.loyalty-panel span.disclaimer {
    display: block;
    padding-top: 8px;
    font-size: 14px;
    color: #999999;
}
.loyalty-panel p.disclaimer {
    display: block;
    padding-bottom: 16px;
    font-size: 14px;
    color: #999999;
}
p.withdisclaimer .btn-body {
    margin-bottom: 6px;
}



h2.BANNERSIZE-LRG { font-size: 55px; }
h2.BANNERSIZE-SML { font-size: 40px; }
h2.BANNERSIZE-XSML { font-size: 30px; }

h3.BANNERSIZE-LRG { font-size: 48px; }
h3.BANNERSIZE-SML { font-size: 28px; }
h3.BANNERSIZE-XSML { font-size: 18px; }



div.promo-banner { 
	background: #00b39e; 
	padding: 20px; 
	background-repeat: no-repeat; 
	background-position: center center; 
	background-size: cover; 
}
.black div.promo-banner { background: #000000; }

.promo-banner-home {
	padding: 40px;
}


.promo-banner-apr { padding-top: 20px; }
.promo-banner-apr > img { width: 100%; height: auto;  }
.promo-banner-apr .apr-info h4 {
	font-family: "Avenir LT Std",Lato,sans-serif;
	font-size: 80px;
	text-transform: uppercase;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
	letter-spacing: 0.05em;
}
.promo-banner-apr .apr-info h4 > span {
	display: inline-block;
	font-size: 42px;
	letter-spacing: normal;
}
.promo-banner-apr .apr-info h4 > span > span {
	display: block;
	font-size: 18px;
}
.promo-banner-apr .apr-info p {
	font-family: "Avenir LT Std",Lato,sans-serif;
	text-transform: uppercase;
	color: #ffffff;
	font-size: 12px;
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
	letter-spacing: 0.13em;
	position: relative;
	top: -14px;
}
.promo-banner-apr p.btn-wrap { padding-bottom: 0px; padding-top: 46px; margin-bottom: 0px; }
.promo-banner-apr p.btn-wrap .btn-body { margin-bottom: 0px; }






div.promo-banner-inner { border: 1px solid #ffffff; padding-top: 30px; padding-bottom: 30px; text-align: center; }
div.promo-banner-inner-new {
	padding-top: 30px; padding-bottom: 30px;
}

.promo-banner-home div.promo-banner-inner { border: 1px solid #ffffff; padding-top: 60px; padding-bottom: 60px; text-align: center; }
.promo-banner-home div.promo-banner-inner-new {
	padding-top: 60px; padding-bottom: 60px;
	min-height: 640px;
}





@media (min-width: 992px) and (max-width: 1199px) {
	.promo-banner-apr > img { width: 80%; height: auto;  }
}


@media (min-width: 768px) and (max-width: 991px) {
	.promo-banner-apr .apr-info h4 {
		font-size: 64px;
	}
	.promo-banner-apr .apr-info h4 > span {
		font-size: 32px;
	}
	.promo-banner-apr .apr-info h4 > span > span {
		font-size: 15px;
	}
	.promo-banner-apr .apr-info p {
		font-size: 10px;
	}
	.promo-banner-apr > img { width: 80%; height: auto;  }
}

@media (max-width: 767px) {
	.promo-banner-apr > img { width: auto; height: auto; display: inline-block; position: relative; top: -20px; }
	.promo-banner-apr .apr-info { display: inline-block;  }
	.promo-banner-apr p.btn-wrap { padding-top: 5px; }
	
	.promo-banner-apr .apr-info h4 {
		font-size: 38px;
		padding: 0px 0px 10px 0px
	}
	.promo-banner-apr .apr-info h4 > span {
		font-size: 18px;
	}
	.promo-banner-apr .apr-info h4 > span > span {
		font-size: 10px;
	}
	.promo-banner-apr .apr-info p {
		font-size: 8px;
	}
	.promo-banner-apr { padding-top: 20px; }
}

@media (max-width: 480px) {
	.promo-banner-apr > img { top: 0px; }
}







.content-frame { overflow-x: hidden; }

.page-mobilenav-content { text-align: center; }
.page-mobilenav-content ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline-block;
}
.page-mobilenav-content ul li {
	margin: 0px 0px 0px 0px;
	padding: 0px 11px 0px 11px;
	display: inline-block;
	border-right: 1px solid #333333;
}
.page-mobilenav-content ul li:first-child { padding: 0px 11px 0px 0px; }
.page-mobilenav-content ul li:last-child { border-right: none; padding: 0px 0px 0px 11px; }
.page-mobilenav-content ul li a {
	font-family: "Avenir LT Std",Lato,sans-serif;
	font-size: 14px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none !important;
}
.page-mobilenav-content ul li a:hover { color: #00B39E; text-decoration: none !important; }

.sectional { padding-top: 40px; }
.benefit-col { padding-top: 26px; }
.benefit-col li { position: relative; font-size: 16px; }
.benefit-col li i { font-size: 30px; top: -3px; color: #00b39e; }
.black .benefit-col li i { color: #000000; }
.benefit-col ul {
	margin: 0px 0px 0px 42px;
}
.newp-heading {
	font-family: "Avenir LT Std",Lato,sans-serif;
	text-transform: uppercase;
	font-size: 19px;
	letter-spacing: 0.2em;
	font-style: normal;
	font-weight: bold;
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	text-align: center
}


.section-border > div {
	border-bottom: 1px solid #cccccc;
	padding-top: 40px;
}


div.benefit-calculator > div {
	background: #00b39e;
	padding: 24px 20px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.black div.benefit-calculator > div {
	background: #000000;
}


div.benefit-calculator > div label, 
div.benefit-calculator > div h5, 
div.benefit-calculator > div h6,
div.benefit-calculator > div p { color: #ffffff; }
div.benefit-calculator > div h5 {
	font-family: Lato,sans-serif;
	font-size: 22px;
	font-weight: 700;
	margin: 0px 0px 18px 0px;
}
div.benefit-calculator > div label {
	font-family: Lato,sans-serif;
	font-size: 15px;
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: 400;
}
div.benefit-calculator > div span.bcf-fieldwrap {
	display: block;
	position: relative;
	margin: 0px 0px 6px 0px;
}
div.benefit-calculator > div input[type=text] {
	width: 100%;
	text-align: center;
	font-family: Lato,sans-serif;
	font-size: 15px;
	font-weight: 700;
	color: #000000;
	padding-left: 55px;
	padding-right: 55px;
	margin: 0px 0px 0px 0px;
}
div.benefit-calculator > div a.bcf-minus, 
div.benefit-calculator > div a.bcf-plus {
	position: absolute;
	display: block;
	top: 3px;
	width: 45px;
	height: 100%;
}
div.benefit-calculator > div a.bcf-minus {
	background: transparent url(../images/dpf_calc_minus.gif) no-repeat center center;
	border-right: 1px solid #000000;
	left: 0px;
}
div.benefit-calculator > div a.bcf-plus {
	background: transparent url(../images/dpf_calc_plus.gif) no-repeat center center;
	border-left: 1px solid #000000;
	right: 0px;
}
#bcf-results h6 {
	font-family: Lato,sans-serif;
	font-size: 16px;
	font-weight: 400;
	margin: 0px 0px 8px 0px;
}
#bcf-results p {
	font-family: Lato,sans-serif;
	font-size: 16px;
	font-weight: 400;
	margin: 0px 0px 0px 0px;
}
#bcf-results p strong {
	display: inline-block;
	font-weight: 400;
	font-size: 55px;
	margin: 0px 10px 0px 0px;
}
#bcf-results p span {
	display: inline-block;
}


@media (min-width: 768px) and (max-width: 991px) {
	#bcf-results h6 {
		font-size: 13px;
		margin: 3px 0px 8px 0px;
	}
	#bcf-results p {
		font-size: 12px;
	}
	#bcf-results p strong {
		font-size: 38px;
	}
}

@media (max-width: 767px) {
	#bcf-results h6 {
		font-size: 13px;
	}
	#bcf-results p {
		font-size: 13px;
	}
	#bcf-results p strong {
		font-size: 40px;
	}
	
	.page-mobilenav-content ul li a {
		font-size: 12px;
	}
}






.dls-item > a {
	display: block;
	position: relative;
	border-top: 1px solid #ccc;
	padding: 20px 55px 20px 55px;
	font-size: 16px;
	color: #000000;
	text-decoration: none !important;
}
.dls-item > a:hover {
	color: #00B39E;
	text-decoration: none;
}
.dls-item i {
	position: absolute;
	top: 0px;
	left: 4px;
	font-size: 30px; 
	color: #00b39e;
	line-height: 62px;
}
.black .dls-item i { color: #000000; }





.rep-example-main {
	background: #00b39e !important;
	margin: 0px 0px 0px 0px !important;
}
.rep-example-main p span.percent {
    position: relative;
    top: 0px;
}
.rep-example-main h3 {
	color: #ffffff;
	margin: 0px 0px 20px 0px;
	padding: 10px 0px 0px 0px;
}




div.pbc-intro { padding-bottom: 22px; }
div.pbc-intro > img {
	margin-bottom: 6px;
}
div.pbc-intro p {
	font-family: "Avenir LT Std",Lato,sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    color: #cccccc;
    letter-spacing: 0.06em;
    margin: 0px 0px 22px 0px;
    padding: 0px 0px 0px 0px;
    font-weight: normal;
}
div.promo-banner-inner-new div.pbc-intro p {
	color: #ffffff;
}
div.pbc-intro p strong {
	display: inline-block;
    font-size: 26px;
    font-weight: normal;
    color: #ffffff;
    padding-top: 15px;
    padding-left: 14px;
    padding-right: 14px;
    letter-spacing: 0.3em;
    padding-bottom: 16px;
    border-bottom: 2px solid #ffffff;
}
div.pbc-intro h2 {
	font-family: "Avenir LT Std",Lato,sans-serif;
    font-size: 66px;
    text-transform: uppercase;
    color: #ffffff;
    letter-spacing: 0.3em;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-weight: normal;
}

div.pbc-infopoint h4 {
	font-family: "Avenir LT Std",Lato,sans-serif;
    font-size: 30px;
    text-transform: uppercase;
    color: #ffffff;
    letter-spacing: 0.2em;
    margin: 0px 0px 4px 0px;
    padding: 0px 0px 0px 0px;
}
div.pbc-infopoint h4 span.superbig {
    font-size: 66px !important;
    letter-spacing: 0.3em !important;
    font-weight: normal !important;
    margin: 0px 0px 0px 0px !important;
    line-height: 100% !important;
}



div.pbc-infopoint p {
	font-family: "Avenir LT Std",Lato,sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    color: #ffffff;
    letter-spacing: 0.2em;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}



/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	div.pbc-intro h2 {
	    font-size: 64px;
	}
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	div.pbc-intro h2 {
	    font-size: 38px !important;
	}
	div.pbc2 {
	    padding-top: 0px ;
	    padding-bottom: 20px;
	}
}







div.pbc-infopoints {
	padding-bottom: 22px;
}
div.pbc-infopoint {
	padding: 20px 0px 10px 0px;
}
div.pbc-infopoint:first-child {
	padding: 0px 0px 10px 0px;
}
div.pbc-infopoint-divider > span {
	display: inline-block;
	height: 2px;
	background: #ffffff;
	width: 70px;
}

div.promo-banner-inner-new div.pbc-infopoint-divider > span {
	margin-bottom: 15px;
	margin-top: 15px;	
}




div.pbc-postinfo {
	padding-top: 22px;
	padding-bottom: 22px;
}
div.pbc-postinfo p {
	font-family: "Avenir LT Std",Lato,sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    color: #ffffff;
    letter-spacing: 0.1em;
    margin: 0px 0px 0px 0px;
	position: relative;
    z-index: 1;
    padding: 0px 0px 0px 0px;
}
div.pbc-postinfo p:before {
    border-top: 2px solid #dfdfdf;
    bottom: 0;
    content: "";
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 49%;
    width: 95%;
    z-index: -1;
}
div.pbc-postinfo p span { background: #00b39e; display: inline-block; padding: 2px 12px 0px 12px; }
.black div.pbc-postinfo p span { background: #000000; }
.btn-promobanner {
    background: #fdfdfd url("../images/btn-promobanner.gif") no-repeat scroll right 6px top 6px;
    box-shadow: 0 3px 3px #cacaca;
    clear: both;
    color: #fff !important;
    display: inline-block;
    margin-bottom: 0px;
    padding-right: 60px;
    color: #333333 !important;
}


div.pbc2 {
	padding-top: 22px;
	padding-bottom: 0px;
}
div.pbc2 p {
    font-size: 12px !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}
div.pbc2 p:before { border-top: none; }
div.pbc2 p span {
	 background: transparent;
}



div.pbc-footer p {
	font-family: "Avenir LT Std",Lato,sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    color: #ffffff;
    letter-spacing: 0.05em;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
div.pbc-footer span {
    font-size: 24px;
}
div.carouselmin { min-height: 640px; }


@media (max-width: 767px) {
	div.promo-banner { padding: 10px; }
	div.promo-banner-inner { border: 1px solid #ffffff; padding-top: 50px; padding-bottom: 50px; text-align: center; }
	div.pbc-intro p {
	    font-size: 14px;
	    letter-spacing: 0.06em;
	}
	div.pbc-intro p strong {
	    font-size: 20px;
	    letter-spacing: 0.3em;
	}
	div.pbc-intro h2 {
	    font-size: 44px;
	    letter-spacing: 0.2em;
	}
	div.pbc-infopoint h4 {
	    font-size: 20px;
	    letter-spacing: 0.2em;
	}
	div.pbc-infopoint p {
	    font-size: 12px;
	    letter-spacing: 0.2em;
	}
	div.pbc-postinfo p {
	    font-size: 12px;
	    letter-spacing: 0.3em;
	}
}

@media (max-width: 480px) {
	div.pbc-intro p {
	    font-size: 12px;
	    letter-spacing: 0.06em;
	}
	div.pbc-intro p strong {
	    font-size: 16px;
	    letter-spacing: 0.3em;
	}
	div.pbc-intro h2 {
	    font-size: 36px;
	    letter-spacing: 0.2em;
	}
	div.pbc-infopoint h4 {
	    font-size: 16px;
	    letter-spacing: 0.2em;
	}
	div.pbc-infopoint p {
	    font-size: 12px;
	    letter-spacing: 0.2em;
	}
	div.pbc-postinfo p {
	    font-size: 12px;
	    letter-spacing: 0.3em;
	}
}












@media (min-width: 768px) and (max-width: 991px) {
	div.rep-example h5 {
	    font-size: 16px;
	    padding-bottom: 5px;
	}
	div.rep-example { padding: 20px 12px 14px 12px; margin: 0px 0px 40px 0px; }
	div.rep-example p strong {
	    font-size: 40px;
	}
	div.rep-example p span.percent {
	    font-size: 30px;
	}
	div.rep-example p span.apr {
	    font-size: 11px;
	}
	div.rep-example p span.variable {
	    font-size: 14px;
	    top: -6px;
	}
}

@media (max-width: 767px) {

}








@media (max-width: 1199px) {
	.iframe iframe {
		width: 100%;
		height: 2500px;
	}
}





@media(max-width:767px) {
    .slider-tabs { position:relative; top:-45px; margin-bottom:-45px; z-index: 501; }
	.pageintroimg {
		width: 30%;
		height: auto;
	}   
} 





@media (min-width: 992px) {
    .feature-inner .reward-feature .reward-text p.body { font-size: 27px; padding-bottom:11px; line-height: 130%; }
}


.cf-nopad { padding-left: 0px; padding-right: 0px; }
.click-collect a.btn {
	width: 100%;
	text-align: left;
	margin-bottom: 18px; 
}
.click-collect { padding-bottom: 30px; }

.cac-sidebar { padding-top: 20px; }
.cac-sidebar a.btn {
	margin-bottom: 8px;
}
#cac-popup { max-width: 590px; padding: 30px 30px; }
#cac-popup h3 {
	margin-bottom: 10px;
	padding-bottom: 0px;
	font-size: 38px;
}
#cac-popup > p {
	font-size: 18px;
	margin-bottom: 18px;
}
#cac-popup-form-inner {
	border-top: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
	padding: 20px 0px;
	margin: 0px 0px 20px 0px;
}
#cac-popup-form-inner h4 {
	text-transform: uppercase;
	font-size: 18px;
	margin: 0px 0px 3px 0px;
}
#cac-popup-form-inner p {
	font-size: 14px;
}
#cac-popup-form-inner p a { 
	display: inline-block;
	padding-left: 11px;
	color: #00b39e;
}
#cac-popup-form-inner input[type=text] {
	width: 100%;
	-webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.17);
	-moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.17);
	box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.17);
	height: 55px;
	line-height: 55px;
}
#cac-popup .btn-body { margin-bottom: 15px; }
.fancybox-skin { background-color: #ffffff; }
#popup-cancel {
	display: inline-block;
	line-height: 36px;
	color: #00b39e;
	font-weight: bold;
	float: left;
	font-size: 18px;
}
#cac-popup .btn { clear: none; }


a.roundall, span.roundall {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 150px;
	height: 150px;
	z-index: 200;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #333333;
}
a.roundall span.roundall-inner, span.roundall span.roundall-inner {
	display: table;
	width: 150px;
	height: 150px;
}
a.roundall span.roundall-inner > span, span.roundall span.roundall-inner > span {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 16px;
	color: #ffffff;
	padding: 14px;
}





.banner-shell-short { background: #00b39e url(../images/dpf_banner_cc_grad_right.jpg) no-repeat center center; background-size: auto 100%; }
	
.banner-shell-short .feature-home, .banner-shell-short .feature-inner {
    background: none !important;
    height: auto;
    min-height: auto;
}
.sidebar-raised { position: relative; top: -80px; z-index: 0; padding-top: 50px; }
.short-banner-img { margin-bottom: 55px; max-height: 274px; width: auto; position: relative; z-index: 100; }

.live-rates-sidebar {
	border-bottom: 1px solid #cccccc;
	padding: 0px 0px 0px 0px;
	margin-bottom: 30px;
}


div.short-banner-sidebar {
	position: relative; 
	background: #f1f1f1;
	background: -moz-linear-gradient(top,  #f1f1f1 0%, #f1f1f1 66%, #ffffff 100%);
	background: -webkit-linear-gradient(top,  #f1f1f1 0%,#f1f1f1 66%,#ffffff 100%);
	background: linear-gradient(to bottom,  #f1f1f1 0%,#f1f1f1 66%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff',GradientType=0 );
	padding: 30px 0px 10px 0px;
}
div.short-banner-sidebar > span {
	width: 20px;
	display: block;
	position: absolute;
	top: 0px;
	height: 100%;
	background: #f1f1f1;
	background: -moz-linear-gradient(top,  #f1f1f1 0%, #f1f1f1 66%, #ffffff 100%);
	background: -webkit-linear-gradient(top,  #f1f1f1 0%,#f1f1f1 66%,#ffffff 100%);
	background: linear-gradient(to bottom,  #f1f1f1 0%,#f1f1f1 66%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff',GradientType=0 );
}
div.short-banner-sidebar > div { margin-bottom: 50px; border-top: none; border-bottom: none; }
div.short-banner-sidebar > span.left { left: -20px; }
div.short-banner-sidebar > span.right { right: -20px; }

div.short-banner-sidebar .cconv-new p span { color: #333333; }
.banner-shell-short .feature-inner h3, .banner-shell-short .feature-home h3 {
    padding: 0 0 20px;
}
div.short-banner-sidebar h4 {
    font-family: Avenir,Lato,sans-serif;
    font-size: 20px;
    font-style: normal;
    padding-bottom: 16px;
    text-transform: uppercase;
    color: #333;
}
div.short-banner-sidebar p {
	color: #333;
}
div.short-banner-sidebar th, div.short-banner-sidebar 	td { text-align: left; }
div.short-banner-sidebar select, div.short-banner-sidebar input[type=text] { color: #333333; }

div.short-banner-sidebar #conversion-result {
	padding-top: 30px;
}

div.short-banner-sidebar #conversion-result {}
div.short-banner-sidebar #conversion-offer { background:#00b39e; border-radius: 3px; padding:5px 10px; color:#fff; margin-bottom: 15px;}
div.short-banner-sidebar #conversion-result { padding-bottom: 15px;}
div.short-banner-sidebar #conversion-offer p,
div.short-banner-sidebar #conversion-result p { font-size:15px; }
div.short-banner-sidebar #conversion-offer p, div.short-banner-sidebar #conversion-offer h4 { color: #ffffff; }
div.short-banner-sidebar #conversion-offer .resultinfo,
div.short-banner-sidebar #conversion-result .resultinfo { font-size:22px; display:block;  }
div.short-banner-sidebar #conversion-offer .resulttotal,
div.short-banner-sidebar #conversion-result .resulttotal { font-size:30px; display:block; line-height:1.5em;}




div.store-details-single {
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding-top: 30px;
	padding-bottom: 20px;
}
.single-store-details .mapwrap, .single-store-details .mapwrap {
    margin-bottom: 0px !important;
    border: 1px solid #cccccc;
}
.sidebar #store-names .letter-container h4 a {
    background-image: url("../images/store_delect_plus.png");
}
.sidebar .shell-active h4 a { 
	background-image: url("../images/store_select_minus.png") !important;
	color: #00b39e !important;
	text-decoration: none !important;
}
.sidebar h4.storeshead span { width: auto !important; font-size: 16px; font-weight: bold !important; }
.sidebar span.sname { float: right; }



#banner-shell { position: relative; z-index: 10; }
#mobmenuwrap { position: relative; z-index: 1; }








.anchorpoint {
	position: relative;
	top: -180px;
}


.bsh {
    color: #fff;
    padding: 0 0 15px;
    font-weight: normal;
}



.page-promo-banner div.pbc2 {
    padding-top: 4px;
    padding-bottom: 0px;
}
.page-promo-banner .promo-banner-apr p.btn-wrap {
    padding-bottom: 0px;
    padding-top: 4px;
    margin-bottom: 0px;
}

.page-promo-banner div.pbc-infopoints {
    padding-bottom: 6px;
}
.page-promo-banner .promo-banner-apr {
    padding-top: 2px;
}


.promo-banner-apr img { max-width: 100%; height: auto; }

@media(max-width:767px) {
	.page-promo-banner div.promo-banner-inner {
	    padding-top: 12px;
	    padding-bottom: 12px;
	}
	.page-promo-banner div.pbc-intro {
		padding-bottom: 6px;
	}
	.promo-banner-apr img { max-width: 60%; height: auto; }
}