/*------------------------------------------------------------------
Global Header and footer styles

[Table of contents]
	Default Header
	Rate Table header
	Seo Term
	Ads
	Default Footer
		Disclosure
------------------------------------------------------------------*/
/* Start Default Header */
body {background-color: #fff;}
#header-nav {height: auto; width:100%; min-width: 1000px;}
#brheader {background-color:#2E3A50;}
#brheader li {list-style-type:none; background-image: none; padding:0; }
#brwrap {width:1000px;margin:0px auto;overflow:auto;position:relative;}
.logoContainer {float:left;margin-right: 15px;}
.brlogo {display:block;float:left;padding-top:22px;}
.brad {float:left;width:730px;height:auto;margin:10px 0 0;text-align:center;padding:0px 0px 0px;height:103px;/*position:absolute;top:0;right:340px;*/}
.brad .topbanner {margin-bottom:0px!important;padding-top:0px!important;}	

.prNav {margin:0px;padding:18px 0 0;list-style-type:none;clear:both;overflow:hidden;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.prNav li {float:left;margin-right:7px;}
.prNav li a {display:block;width:100%;line-height:18px;}
.prNav li a:link, .prNav li a:active, .prNav li a:visited {color:#C0BCC9;font-size:14px;text-decoration:none;}
.prNav li a:hover {color:#fff;text-decoration:underline;}

.prNav .h a:before {background: url("/Images/backgrounds/fullSpriteNoBckgnd.png") no-repeat scroll 0 -49px transparent;content: "";  display: block;float: left;height: 16px;margin-right: 5px;overflow: hidden;width: 15px;}
.prNav .r a:before {background: url("/Images/backgrounds/fullSpriteNoBckgnd.png") no-repeat scroll 0 -65px transparent;content: "";  display: block;float: left;height: 16px;margin-right: 5px;overflow: hidden;width: 15px;}
.prNav .c a:before {background: url("/Images/backgrounds/fullSpriteNoBckgnd.png") no-repeat scroll 0 -82px transparent;content: "";  display: block;float: left;height: 16px;margin-right: 5px;overflow: hidden;width: 15px;}
.prNav .m a:before {background: url("/Images/backgrounds/fullSpriteNoBckgnd.png") no-repeat scroll -63px -49px transparent;content: "";  display: block;float: left;height: 16px;margin-right: 5px;overflow: hidden;width: 15px;}

.prNav li > a.my-bankrate-nav { padding: 0 54px 0; background: url('http://www.brimg.net/Images/logos/mybankrate-logo-white-icon.png') no-repeat; background-size:98px; display: block;width: 100%; line-height: 18px;}

.brNav {background-color:#444;height:34px;clear:both;border-top:1px #646265 solid;margin-top:15px;border-bottom:5px #5585bd solid;}
.sdNav {list-style-type:none;margin:0px auto;padding:0px;width:1000px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-weight:bold;position: relative;}
.sdNav li {float:left;display:block;}
.sdNav li a, .sdNav li a:visited {color:#fff !important;text-decoration:none;font-size:13px;line-height:27px;padding:0 9px;text-transform:uppercase;display:block;}
.sdNav li a:hover, .sdNav li .active, .sdNav li:hover {background-color:#5585bd;}	
.sdNav li div {display:none;}
.sdNav li div ul {margin:0;padding:0;}
.sdNav li:hover div {z-index:500;background-color:#5585bd;width:100%;display:block;position: absolute;left: 0;text-align:center;}
.sdNav li:hover div ul {width:1000px;list-style-type:none;margin:0 auto;height:35px;background-color:#5585bd;}
.sdNav li:hover div ul li {float: left;list-style-type:none;}
.sdNav li:hover div ul li a {color: #212e3f;text-transform:none;font-size:13px;}
.sdNav li:hover div ul li a.active {color: #fff;}
.sdNav li:hover div ul li a:hover {color: #c5d5ea;}	
.sdNav .search {float:right;}
.sdNav .search:hover {background-color:#444!important;}
#siteSearchInput {width: 280px;margin-top:5px;color:#333;font-style:italic;font-size:13px;background:#fff;border:1px solid #999;padding:3px 2px;}
.search > img {left: 265px;position: absolute; top: 8px;cursor:pointer;}

header .sdNav li:hover {position:relative;}
header .sdNav li:hover div {width:auto!important;text-align:left!important;}
header .sdNav li:hover div ul {width:150px!important;height:auto!important;}
header .sdNav li:hover div ul li {display:block!important;float:none!important;}
header .sdNav li:hover div ul li a {color: #fff!important;}
header .sdNav li:hover div ul li a:hover {color: #000!important;}	
#brCobrandLink {position: absolute; right: 0px; width: 128px; height: 20px;}
#brCobrandLink {display: none;}
#brCobrandLink a {display:block;}
#brCobrandLink a:hover {text-decoration:none;}
.cobrand #brCobrandLink {display:block ;}
#brCobrandLink a:hover, #brCobrandLink:hover {background: transparent;}
.propStatement {position:static!important;}
header {background:#2E3A50;border-bottom: 5px #5585bd solid; min-width:1000px;}
header .brlogo {padding-top: 30px;}
header .prNav {float: left; clear: none; margin: 33px 0px 0px 20px;}
header .brNav {border-bottom: 1px #646265 solid; border-left: 1px #646265 solid; border-right: 1px #646265 solid; float: left;  height: 27px;width: 970px; clear: both; }
header .search {position: absolute; right: 15px; top:45px;}
header .sdNav {width:auto; padding:0px 7px;}
header #siteSearchInput {margin-right: 0;}
header .sdNav li a {padding: 0px 9px; *padding: 0px 8px; line-height: 27px; *font-weight:normal !important; *font-size:11px !important;}
header {background-color:#2E3A50;min-width:1000px;min-height:130px;}
.cobrand header {min-height:0 !important;}
header #brwrap {padding:0 15px 5px 15px; min-height: 95px; overflow: visible; width:970px; }
header .prNav li a:link, header .prNav li a:active, header .prNav li a:visited {color:#fff;font-size:14px;text-decoration:none !important;}
header .prNav li a:hover {color:#5585bd;text-decoration:underline;}
header .prNav .h a:hover:before {background: url("/Images/backgrounds/fullSpriteNoBckgnd.png") no-repeat scroll -16px -49px transparent;content: "";  display: block;float: left;height: 16px;margin-right: 5px;overflow: hidden;width: 15px;}
header .prNav .r a:hover:before {background: url("/Images/backgrounds/fullSpriteNoBckgnd.png") no-repeat scroll -16px -65px transparent;content: "";  display: block;float: left;height: 16px;margin-right: 5px;overflow: hidden;width: 15px;}
header .prNav .c a:hover:before {background: url("/Images/backgrounds/fullSpriteNoBckgnd.png") no-repeat scroll -16px -82px transparent;content: "";  display: block;float: left;height: 16px;margin-right: 5px;overflow: hidden;width: 15px;}

header .logoContainer {margin-right: 0px;}
header .sdNav li:hover {position:relative;}
header .sdNav li:hover div {width:auto!important;text-align:left!important;}
header .sdNav li:hover div ul {width: 170px!important;height:auto!important;}
header .sdNav li:hover div ul li {display:block!important;float:none!important;}
header .sdNav li:hover div ul li a {color: #fff!important;}
header .sdNav li:hover div ul li a:hover {color: #000!important;}
header .active > a {background: #5585BD;}


/* Identity Protection Navigation */
.sdNav .new > a > span { position: absolute; width: 34px; height:34px; line-height: 37px; padding: 0px; top:-30px; right:-4px; font-size: 12px; font-family: 'Roboto'; font-weight:700; background: #f59331; border-radius: 20px; text-align:center;}
.sdNav .identity-protection{position:relative;}
.sdNav .new > a > span:after { content: ''; position: absolute; border-style: solid; border-width: 7px 0 7px 5px; border-color: transparent #f59331; display: block; width: 0; z-index: 1; margin-top: -7px; left: 5px; top: 94%;}
.sdNav li.identity-protection:hover div ul{ position:absolute; top: 100%; left:0; background:url('http://www.brimg.net/Images/backgrounds/myBR-woman-with-ipad-small.png') bottom right #fff no-repeat; padding:7px 86px 0 14px; min-height:157px; min-width:226px; border:1px solid #5585bd; }
.sdNav .identity-protection > div li { border-bottom: 1px solid #dde7f2; padding:3px 0;}
header .sdNav li.identity-protection:hover div ul li a,
.sdNav .identity-protection > div li,
.sdNav .identity-protection > div li a{ color: #212121!important; padding:3px;}
header .sdNav li.identity-protection:hover div ul li a:hover{ color: #5585bd!important; background-color:#fff;}
.sdNav .identity-protection > div li:hover a{ color: #5585bd; background-color:#fff;}
.sdNav .identity-protection > div .my-bankrate-logo {position:absolute; display:block; bottom:9px; border:none;}
.sdNav .identity-protection > div .my-bankrate-logo a{ display:block; width:147px; height:30px; background:url('http://www.brimg.net/Images/backgrounds/myBankrate-signup-logo_112px.png') #fff no-repeat; background-size:contain; text-indent:-9999px;}





/* rate table */
.mastpage-header {height: auto!important;}
.ratetable .mastpage-header {background:none #2E3A50;border-bottom:5px solid #5585BD;overflow:auto;/*height:55px!important;*/}
.ratetable header {border-bottom:0;}
#brheader.ratetable {/*background-color:#2E3A50;*/width:970px;margin:0 auto;min-width:1000px;}
#brheader.ratetable .advertisement {color:#fff; font-size: 8px;}
#brheader.ratetable .logoContainer {width:240px;}
#brheader.ratetable #brwrap {padding-bottom:5px;float: left;width:auto;}
#brheader.ratetable .prNav {margin-top: 0px; margin-left: 0px;}
#brheader.ratetable .prNav, #brheader.ratetable .prNav li {list-style-type: none;background-image: none;}
#brheader.ratetable .prNav li {padding:0px;}
#brheader.ratetable .prNav li a:link, #brheader.ratetable .prNav li a:active, #brheader.ratetable .prNav li a:visited  {color:#fff;text-decoration:underline;}
#brheader.ratetable .prNav .h a:hover:before {background: url("/Images/backgrounds/fullSpriteNoBckgnd.png") no-repeat scroll -16px -49px transparent;content: "";  display: block;float: left;height: 16px;margin-right: 5px;overflow: hidden;width: 15px;}
#brheader.ratetable .prNav .r a:hover:before {background: url("/Images/backgrounds/fullSpriteNoBckgnd.png") no-repeat scroll -16px -65px transparent;content: "";  display: block;float: left;height: 16px;margin-right: 5px;overflow: hidden;width: 15px;}
#brheader.ratetable .prNav .c a:hover:before {background: url("/Images/backgrounds/fullSpriteNoBckgnd.png") no-repeat scroll -16px -82px transparent;content: "";  display: block;float: left;height: 16px;margin-right: 5px;overflow: hidden;width: 15px;}


/* SEO term */
.seoterm {position: absolute;}

/* text ad */
#header-nav .textad #BRMAd-Page-bar  {color: #fff;width: 360px !important;margin: 0 0px 0px 125px;position: absolute;left: 50%;}
#header-nav .textad {position:relative; z-index: 1;}
.textad {background:#2E3A50;width:100%; position: relative; min-height:20px; margin-bottom: -28px; padding-top: 10px;}
.cobrand .textad {margin-bottom: 0; padding-top: 0;}

/*ads*/
.topbanner,.botbanner {font-size:9px; text-align: center; padding: 10px 0px;min-width:1000px;}

/*cobrand empty*/
#cbiframe, #cbiframe[style~="visibility:hidden;"] {display:none;}
.cobrand #cbiframe {display:block;}
.cobrand #brheader .search, .cobrand #brheader .logoContainer , .cobrand #brheader .prNav{display:none;}
.cobrand #brheader.ratetable .search, .cobrand #brheader.ratetable .logoContainer , .cobrand #brheader.ratetable .prNav{display:block;}
.cobrand #brheader {height:auto; min-height: auto;}
.cobrand #brwrap {min-height: 46px;}
.cobrand #brheader.ratetable #brwrap {min-height: 125px;}
.cobrand .sdNav {padding: 0px;}
.cobrand .sdNav > li > a {padding:0px 11px;}
.cobrand .brNav {background-image: url('/images/logos/bankrate-logo-white-sm.png'); background-position:99% 4px; background-repeat:no-repeat;}
.cobrand #header-nav {height: auto!important; }

/* End Default Header */

/* Start Default Footer */
#brfooter {background:#34425b; clear: both; min-width:1000px;}
#brfooter div {width:1000px; margin:0px auto; font-size:12px; padding:30px 0px 15px 0px; overflow:hidden; text-align:center; line-height:23px;}
#brfooter div a, #brfooter div a:visited {color:#fff; text-decoration:none; padding:0px 5px; border-left:1px solid #8ab4e0; }
#brfooter div a:hover {text-decoration: underline; }
#brfooter small {font-size:12px;}
#brfooter .ftl, #brfooter div>a:first-child {border-left:0;}
#brfooter .ftline a:first-child, #brfooter em + a {border-left:1px solid #8ab4e0;}
#brfooter em {color:#fff; font-style:normal;}
#brfooter .disclosure {border-top: 1px solid #49657C;color: #FFFFFF;font-size: 11px;line-height: 17px;margin: 0 auto;max-width: 900px;padding: 10px 0 15px;text-align: center;}
#brfooter .disclosure a {border: none;}
#brfooter .truste {float: right; width: 100px; padding: 0px;margin: 3px 0px 0px 10px;}
#brfooter .truste img {width:70px;}
 /* End Default Footer */


.input-popover{position:absolute; background-color:rgba(46,58,80,0.9);width:254px;box-sizing:border-box;font-family: roboto, Arial, Helvetica, sans-serif;font-weight: 300;font-size:13px;color:#fff;text-align:left;padding: 9px; margin-top:12px; margin-bottom:12px; display:none; z-index:100; line-height:1.2;}
.arrow_box{background-color:rgba(46,58,80,0.9);}
.arrow_box.top:after{bottom:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;margin-left:-9px;border-color:rgba(46,58,80,0) rgba(46,58,80,0) rgba(46,58,80,0.9);border-width:9px;}
.arrow_box.bottom:after{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;margin-left:-9px;border-color:rgba(46,58,80,0.9) rgba(46,58,80,0) rgba(46,58,80,0);border-width:9px;}
.input-popover .popover-close{display:block;position:absolute;right:0;top:0;width:15px;height:15px;overflow:hidden;cursor:pointer;}
.input-popover .popover-close .line{display:block;position:absolute;}
.input-popover .popover-close .vertical-line{width:0;height:15px;border-right:1px solid #fff;left:50%;margin-left:-1px;}
.input-popover .popover-close .horizontal-line{width:15px;height:0;border-top:1px solid #fff;top:50%;margin-top:-1px;}
.input-popover.change-city-box{padding: 17px 5px 12px 77px;text-align:left;}
.input-popover.change-city-box .change-city{display:block;}
.input-popover .change-city{display:none;position:absolute;left:5px;top:10px;background-color:rgba(64,89,118,0.9);border:2px solid #fff;font-size:13px;max-width:60px;float:left;margin-right:8px;cursor:pointer;padding:4px;}
.input-popover .blurb {display:block;}
.input-popover .blurb p{margin:0!important; color:#fff;}
.input-popover .blurb a{color:#93CBFF;text-decoration:none;font-size:13px;}
.msie8 .input-popover {background-color: #2E3A50;}

.input-popover .button { display:block; background-color:#466b99; border:2px solid #c8cad0; color:#fff; padding:10px; font-weight:700; text-align:center;}
	.input-popover .button.right { float:right; margin-left:9px;}
	.input-popover .button.left { float:left; margin-right:9px;}
	.input-popover .button:hover { background-color:#3e5e86; text-decoration:none;}




#myBankrateMenuPopover,
#myBankrateMenuRatesPopover,
#myBankrateMenuRatesPopoverMobile,
#myBankrateMenuPopoverMobile {   background: url(http://www.brimg.net/Images/backgrounds/mybankrate-signup-logo_112px.png) rgba(255,255,255,0.95) no-repeat;
  background-size: 112px 23px;
  background-position: 9px 21px;
  color: #1A2C50;
  border: 1px solid #1A2C50;
  position: absolute;
  display: block;
  z-index: 1000;
  height: 63px;
  /* width: 531px; */
  white-space: normal;
  font-size: 16px;
  padding-top: 12px;}


#myBankrateMenuPopover .popover-close,
#myBankrateMenuRatesPopover .popover-close,
#myBankrateMenuRatesPopoverMobile .popover-close,
#myBankrateMenuPopoverMobile .popover-close {   top: 45px;
  right: 5px;
  background-image: none;
  text-decoration: underline;
  position: absolute;
  width: 64px;
  height: 14px;
  font-size: 12px;}
#myBankrateMenuPopover .popover-close > span,
#myBankrateMenuRatesPopover .popover-close > span,
#myBankrateMenuRatesPopoverMobile .popover-close > span,
#myBankrateMenuPopoverMobile .popover-close > span{ display: none; background:none;}
#myBankrateMenuPopover .popover-close:after,
#myBankrateMenuRatesPopover .popover-close:after,
#myBankrateMenuRatesPopoverMobile .popover-close:after,
#myBankrateMenuPopoverMobile .popover-close:after{ content:'No thanks!'}
#myBankrateMenuPopover .button, #myBankrateMenuRatesPopover .button, #myBankrateMenuRatesPopoverMobile .button, #myBankrateMenuPopoverMobile .button {
  background: #ee8e03;
  color: #fff;
  border-radius: 5px;
  position: absolute;
  top: 9px;
  right: 0;
  width: 101px;
  height: 15px;
  border: none;
  padding: 10px 24px 10px 11px;
  text-align: left;
  font-weight: normal;
  font-size: 19px;
  line-height: 18px;
  text-decoration: none;
}

#myBankrateMenuPopover .blurb,
#myBankrateMenuRatesPopoverMobile .blurb,
#myBankrateMenuRatesPopover .blurb,
#myBankrateMenuPopoverMobile .blurb { width: 250px;
  display: block;
  font-weight: normal;
  line-height: 1.25;
  margin-left: 123px;}
#myBankrateMenuPopover .button > span,
#myBankrateMenuRatesPopover .button > span,
#myBankrateMenuRatesPopoverMobile button > span,
#myBankrateMenuPopoverMobile  .button > span{  background: url('http://www.brimg.net/Images/icons/myBankrate-signup-right-arrow.png') no-repeat;
  position: absolute;
  right: 0;
  top: 10px;
  font-size: 40px;
  font-family: arial;
  font-weight: normal;
  text-indent: -9999px;
  height: 19px;
  width: 16px;
  background-size: 18px;}

.arrow_box.top:after { border-color:rgba(46,58,80,0) rgba(46,58,80,0) rgba(255,255,255,0.95);}
.prNav .m a:before {
  background: url(http://www.brimg.net/Images/backgrounds/fullSpriteNoBckgnd.png) no-repeat scroll -63px -49px transparent;
  content: "";
  display: block;
  float: left;
  height: 16px;
  margin-right: 5px;
  overflow: hidden;
  width: 15px;
}

#myBankrateMenuRatesPopover {height: 97px; background-position: 9px 73px; background-size:84px 15px; padding-top:3px; font-size:16px;}
#myBankrateMenuRatesPopover .button {background: #ee8e03;
  top: 62px;
  width: 125px;
  height: 28px;
  font-size: 17px;
  line-height: 9px;}
#myBankrateMenuRatesPopover .popover-close {top:0; width: 65px; height: 23px; display:block; padding:5px 0;}
#myBankrateMenuRatesPopover .blurb { width:100%; margin-left:0;}
#myBankrateMenuRatesPopover.arrow_box.bottom:after { border-color:rgba(255,255,255,0.95) rgba(255,255,255,0) rgba(255,255,255,0);}

#myBankrateMenuPopoverMobile .popover-close {top:0;}
@media (min-width:641px)
{
    .logoContainer #myBankrateMenuPopoverMobile, 
    .logoContainer #myBankrateMenuRatesPopoverMobile{ display: none;}
}
