/* Foundation v2.1.1 http://foundation.zurb.com */
/* Artfully masterminded by ZURB  */

/* --------------------------------------------------
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Forms Shared
:: Starter Application
:: Refinance Application
*/

/* ----------
   Colors
		#89AA51 - green, medium
		#B6C791 - green 60% transparent
		#647745 - dark green
		#BC790A - dark yellow/brown
		#3D6C9C - blue - menu links
		#597fb3 - blue dark - buttons
		#c7d4e3 - blue flyout menu
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */

body {
	color: #333;
	background: #3D6C9C;
	font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 14px; line-height: 18px;
}

#wrap-main { width:100%;
	background: #FFF;
	overflow:auto;
}

.container {
	padding-bottom: 24px;}

/* borrowed from Boostrap from Twitter
   sets some basic styles on lists without adding extra classes -cwcage */
ul, ol {
  margin: 0 0 1em 25px;
}
ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}
ul {
  list-style: disc;
}
ol {
  list-style: decimal;
}
li {
  line-height: 1.5;
	margin-bottom: 0;
}
ul.unstyled {
  list-style: none;
  margin-left: 0;
}

h1 {font-size: 3.2rem;}
h2 {font-size: 2.8rem;}

.home h2, .home h3 {
	font-family: Anton, "Arial Black", Gadget, sans-serif;
	font-weight: normal;
}

h3 {
	color: #647745;
	font-size:2.2rem; }

h4 {
	font-size:1.8rem;
	font-weight: bold;
}

h5 {
	font-size:1.6rem;
	font-weight: bold;
}

h6 {
	font-size:1.5rem;
	font-weight: bold;
}

p { line-height: 1.5;}

a {color: #3E6A9E}

.align-right { text-align: right;}




/* -----------------------------------------
   Header
----------------------------------------- */

/* Logo */

.logo { width:250px;
	padding:0;
	margin:0;
}

.logo-cobrand {
	float:right;
	margin-top:-10px;
	margin-right:10px;
	width:150px;}


#header .phone {
	margin:20px 0 0 0;
	padding: 7px 20px 0 43px;
	background:url(../images/icon_smart_phone.png) no-repeat scroll 0 0;
	float: right;
}

#header .call-out p {
	color: #7F8084;
	font-size: 15px;
	line-height: 1;
	margin-bottom: 4px;
}

#header .call-out strong {
	color:#8AAB52;
	font-size: 18px;
}


/* Navigation */

#header-top ul {float:right;}

#header-top .nav-bar {
	border: none;
	height: 22px;
	margin-top: 8px;
}
#header-top ul {margin: 0;}

#header-top .nav-bar>li {
	border-right: 1px solid #000;
	line-height:1;
}

#header-top .nav-bar>li.last {
	border-right: none;
}

#header-top .nav-bar>li.search {
	border-right: none;
}


#header-top .nav-bar>li>a {
	font-size: 14px;
	padding: 3px 12px;
	color: #000;
}

#header-top .nav-bar>li>a:hover {
	text-decoration:underline;
}

#header-top .nav-bar input.search {
	width: 150px;
	padding: 1px;
	margin-left: 20px;
}

/* Main Navigation Bar */
.mainnav {
    z-index:2000;
	background: #647745 url(../images/main_nav_bg.png) repeat-x 0px 0px;
	border-top: 1px solid #647745;
	margin: 16px 0 0 0;
	padding: 0px;
	height: 38px;
}

.mainnav .nav-bar {
	border: none;
	margin: 0;
	background: none;
}

.mainnav .nav-bar ul { margin: 0;}

/* moved background and border from mainnav to li */
.mainnav .nav-bar>li {
	background: #647745 url(../images/main_nav_bg.png) repeat-x 0px 0px;
	border-left: 1px solid #231f20;
	border-right: none;
	line-height:1;
	height: 38px;
}

.mainnav .nav-bar>li.last {
	border-right: none;
}

.mainnav .nav-bar>li.first {
	border-left: none;
}


.mainnav .nav-bar>li>a {
	font-size: 15px;
	font-weight: bold;
	padding: 10px 20px 0;
	height: 28px;
	color: #FFF;
}

.mainnav .nav-bar>li>a:hover {
	text-decoration:none;
}

.mainnav .nav-bar>li.has-flyout>a.main {
    padding-right: 37px;
}

.mainnav .nav-bar>li.has-flyout>a.flyout-toggle { position: absolute; right: -4px; top: -7px; padding: 22px; z-index: 2; display: block; background: none; }

.mainnav .nav-bar>li.has-flyout>a.flyout-toggle span {
	content: ""; width: 0; height: 0; border-left: 5px solid transparent;border-right: 5px solid transparent; border-top: 8px solid #95B363; display: block; }

.mainnav .nav-bar>li.has-flyout>a.flyout-toggle:hover span {border-top: 8px solid #647745;} /* original color 89AA51*/


.mainnav li#apply a {
	color: #F4B037;
}



/* Flyouts */

.mainnav .flyout {
	background: #c7d4e3;
	border-right: 1px solid #3e6d9d;
	border-bottom: 1px solid #3e6d9d;
	border-left: 1px solid #3e6d9d;
	border-top: 1px solid #c7d4e3;
	color: #3D6C9C;
 	top: 38px;
	left: -1px;
	width: 400px;
	z-index: 1900; /*??  do we need to removfor testing mobile */
	padding: 10px 20px;
}
.mainnav .flyout.small { width: 200px; }
.mainnav .flyout.large { width: 525px; }

.mainnav li.has-flyout:hover .flyout a { color:#3D6C9C; border-bottom:1px solid #c7d4e3; }

.mainnav li.has-flyout:hover .flyout a:hover { color:#BC790A; border-bottom:1px dashed #BC790A }

.mainnav .flyout h4 {
	color: #647745;
	font-size: 15px;
	margin-bottom: 8px;
}

.mainnav .flyout ul {
	list-style: none;
}

.mainnav .flyout li {
	margin-bottom: 8px;
}

.nav-bar>li.has-flyout:hover {
	background: #c7d4e3;
	color:#647745;
	border-left: 1px solid #3e6d9d;
}

.nav-bar>li.has-flyout:hover a {
	background: #c7d4e3;
	color:#647745;
}

/* -----------------------------------------
  Main Content Area
----------------------------------------- */

/* Home Page Elements */
.hero {
	background: #89aa51;
}

.billboard {
	padding-left: 15px;}

.snapshot {
	background: #fff;
	margin-top: 15px;
  border-color: #FFFFFF;
  border-style: solid;
  border-width: 12px 10px 10px 12px;
	-webkit-box-shadow: 4px 4px 7px 4px rgba(0, 0, 0, .3);
	-moz-box-shadow: 4px 4px 7px 4px rgba(0, 0, 0, .3);
	box-shadow: 4px 4px 7px 4px rgba(0, 0, 0, .3);
}

.hero .billboard .snapshot #featured img {
	margin:0;
	padding:0;
	border:0;
}

.hero .four {
	margin-left: 4%;
}

.introtext {
	padding-left: 22px;
	padding-top: 20px;
}

.introtext p {font-size: 16px;}

.savings-tools ul {
	list-style: none;
	margin:0;
	padding:12px 0 0 22px;
}

.savings-tools li {
	background:url(../images/arrow_gold.png) no-repeat 0px 6px;
	padding: 0px 0px 0px 28px;
	font-size: 19px;
	margin-bottom: 12px;
}

.savings-tools a {
	color:#3E6C9D;
	border-bottom: 1px solid #fff;}

.savings-tools a:hover, .savings-tools a:active{
	color:#3E6C9D;
	border-bottom: 1px dashed #3E6C9D;
}

.center-callout h2 {
	font-size:27px;
	color: #333;
}

.center-callout ul {
	list-style:none;
	margin-bottom: .75em;
}

.center-callout li {
	margin-bottom: 2px;
	line-height:1.25;
}

.center-callout ul.links {
	margin-left: 37px;
}


.center-line {
	background: url(../images/center-line.png) repeat-y center;
}

/* General Sub Page */

.content {
	padding-top: 20px;
}

.main-content {}

/* Sidebar */

.sidebar {}

.sidebar h3 { font-size: 1.6rem; color: #699644;}

.home .sidebar { text-align:center;}

.home .sidebar h3 {
	text-align:center;
	margin-top: 20px;
	margin-bottom: 30px;
}
.home  .sidebar h3 { font-size: 18px; color: #699644;}
.home  .sidebar h3 a { font-size: 18px; color: #699644;}
.home  .sidebar h3 em {font-size:27px; font-style:normal;}


.home .sidebar h3 {
	text-align:center;
	margin-top: 20px;
	margin-bottom: 30px;
}

/* setting consistent padding and margins on all sidebar boxes */
.subnav, .feature01, .box {
	padding: 10px;
	margin-bottom: 1.5em;
}

.subnav, .feature02, .box {
	padding: 5px;
	margin-bottom: .5em;
}

.feature01 {
	background-color:#c7d4e3;
}

.feature01 dt { font-weight: bold;}

.feature01 dd { padding:0 0 6px 12px;}

/* setting consistent padding and margins on all sidebar boxes */
.subnav, .feature01, .box {
	padding: 10px;
	margin-bottom: 1.5em;
}

.feature02 {
	background-color:#c7d4e3;
	font-size: 0.95em;
}

.subnav.feature02 ul li a {
	font-size: 0.8em;
}

.feature02 dt { font-weight: bold;}

.feature02 dd { padding:0 0 6px 12px;}


/* Contact & FAQ Lists */
ul.clist {
	list-style:none;
	margin: 0px;
	padding: 0px;
}

ul.clist li {
	padding: 0;
	margin-bottom: 0em;
}

ul.clist blockquote {
	border: none;
	margin-left: 50px;}

ul.clist li.faq {
   padding: 0 12px 15px 12px;
}

/* -----------------------------------------
   Footer
----------------------------------------- */

#footer {
        background: #3D6C9C;
		padding-top: 1.5em; color:#fff;
		font-size:12px;}

#footer ul {
	list-style:none;
	margin: 0;
}

#footer li {
	margin-bottom: 2px;
}
#footer a {
	color: #fff;
}
#footer a:hover, #footer a:active {
	color:#F4AF36; }

#footer .legal {
	margin-top: 1em;
	padding-top: 1em;
	border-top: 2px solid rgba(255, 255, 255, 0.5);
	color: rgba(255, 255, 255, 0.6);
}

#footer ul.keepintouch li a {
	display: block;
	padding-left: 36px;
	padding-top: 6px;
	height:32px;
}

#footer ul li.facebook a {
	background: transparent url(../images/icons/facebook.png) no-repeat scroll 0px 0px;
}
#footer ul li.twitter a {
	background: transparent url(../images/icons/twitter.png) no-repeat scroll 0px 0px;
}

#footer ul li.rss a {
	background: transparent url(../images/icons/rss_blog.png) no-repeat scroll 0px 0px;
}

/* -----------------------------------------
  Forms Shared
----------------------------------------- */

form.nice div.form-field input, form.nice input.input-text, form.nice textarea {
    border-radius: 4px 4px 4px 4px;
}


.button.radius {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.button.smallradius {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}


.button {	background-color: #597fb3; margin-top: 7px;}
.button.nice {	background-color: #597fb3;}

.button:hover, .button:focus 	{ background-color: #356BB2; color: #fff; }

.yellow.button {
	background-color: #f06826;
	color: #ffffff;
	border:1px solid #231F20;
	text-shadow: none;
	font-size: 14px;
	padding: 9px 24px 11px;
	width: auto;

 }

.yellow.button:hover, .yellow.button:focus {	background-color: #b46742}


.support-text { font-style:italic; color: #666;}

.form-field .small {
    display: block;
    font-size: 11px;
    margin-bottom: 9px;
    margin-top: -6px;
    width: 260px;
}

.form-group {
	border: 1px solid  #c7d4e3;
	padding: 4px 10px 6px;
	margin-bottom: 21px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}

.form-group h3 {
   border-bottom: 1px dashed #C7D4E3;
   padding: 1px 0 3px 8px;}

/* results blocks for calculators */
.results {
	margin-top: 1em;
	background: #D0DDBA;
	padding: 7px 14px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-size: 16px;

}
.results .block-grid.two-up>li {margin-bottom: 1.5em;}


/* -----------------------------------------
  Starter Application
----------------------------------------- */

#starter-app { color: #000; }

#starter-app input.input-text, #starter-app select {
	margin-bottom: 6px;
	width: 190px;
}
#starter-app input.small { width: 120px; }
#starter-app label { font-weight: bold; }
#starter-app form.nice input.input-text{ padding: 2px;}
#starter-app ul {	padding-top: 18px; }

#starter-app form {
	margin-bottom: 0;
}

#starter-app #savingButton {
	margin-top: 18px;
}

.sidebar #starter-app {
	background: #B6C791;
	width: 100%;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
}

.sidebar #starter-app h4 {
	color: #000;
	padding:8px 0 4px;
	width: 100%;
	text-align: center;
	font-size: 16px;
}

.sidebar #starter-app form {
	padding: 0 20px 20px;
}

.sidebar #starter-app #savingButton {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* On smaller screens force the starter-app to be a fixed width */
@media only screen and (max-width: 767px) {
	 .sidebar #starter-app { width: 200px;}
}


.sidebar #starter-app input.input-text, .sidebar #starter-app select {
    margin-bottom: 6px;
		width: 98%;
}


/*  tabs on the side
-------------------------------  */
#starter-app.sidetabs dl.tabs {
	float: right;
	height: 380px;
	width: 50px;
	margin: 0;
	padding: 8px 0 0 0;
	background: #89AA51 url(../images/sidetab_bg.png) repeat-y;
	border:none;
}

#starter-app.sidetabs dl.tabs dd.starter {
	display: block;
	height: 162px;
	width:49px;
  padding: 0;
}


#starter-app.sidetabs dl.tabs dd.login {
	display: block;
	height: 168px;
	width:49px;
	padding: 0;
}


#starter-app.sidetabs dl.tabs dd.starter a {
	background: url("../images/sidetab_lower_rate_over.png") no-repeat scroll 0 0 transparent;
    height: 162px;
    margin: 0;
    padding: 0;
    text-indent: -9999em;
    width: 49px;
	border:none;
}

#starter-app.sidetabs dl.tabs dd.starter a:hover{
		background: url("../images/sidetab_lower_rate.png") no-repeat scroll 0 0 transparent;
}

#starter-app.sidetabs dl.tabs dd.starter a.active {background: url("../images/sidetab_lower_rate.png") no-repeat scroll 0 0 transparent;}

#starter-app.sidetabs dl.tabs dd.login a {
	background: url("../images/sidetab_check_status.png") no-repeat scroll 0 0 transparent;
    height: 168px;
    margin: 0;
    padding: 0;
    text-indent: -9999em;
    width: 49px;
	border:none;
}
#starter-app.sidetabs dl.tabs dd.login a:hover{	background: url("../images/sidetab_check_status_over.png") no-repeat scroll 0 0 transparent;}
#starter-app.sidetabs dl.tabs dd.login a.active {background: url("../images/sidetab_check_status_over.png") no-repeat scroll 0 0 transparent;}


.tabs-content { list-style:none;}

/* Adjustments to move .sidetabs to the top for smaller windows */

@media only screen and (max-width: 900px) {
#starter-app {
    margin-top: 15px;
}

#starter-app ul {
	padding-left: 5%;
	padding-top: 36px;
}

#starter-app.sidetabs dl.tabs {
	float: left;
	height: auto;
	width: 98%;
	margin: 0;
	padding: 0;
	background-color: #89aa51;
	background-image:none;
}

#starter-app.sidetabs dl.tabs dd {
	text-align: center;
}
#starter-app.sidetabs dl.tabs dd.starter {
	display: block;
	height: auto;
	width:49%;
  padding: 0;
}

#starter-app.sidetabs dl.tabs dd.login {
	display: block;
	height: auto;
	width:49%;
	padding: 0;
}

#starter-app.sidetabs dl.tabs dd.starter a,
#starter-app.sidetabs dl.tabs dd.login a {
		background: none;
		height: auto;
		margin: 0;
		padding: 0;
		text-indent: 0;
		font-weight: bold;
		width: 99%;
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-topright: 10px;
		-moz-border-radius-bottomright: 0px;
		-moz-border-radius-bottomleft: 0px;
		-webkit-border-radius: 10px 10px 0px 0px;
		border-radius: 10px 10px 0px 0px;
		border-top: 1px solid #333;
		border-left: 1px solid #333;
		border-right: 1px solid #333;
		border-bottom: 1px solid #333;
}

#starter-app.sidetabs dl.tabs dd.starter a:hover,
#starter-app.sidetabs dl.tabs dd.login a:hover {
	color: #fff;
	background:#89aa51;}

#starter-app.sidetabs dl.tabs dd.starter a.active,
#starter-app.sidetabs dl.tabs dd.login a.active {
	background: #89aa51;
	border-bottom: 1px solid #89aa51;
	color: #fff;}

}


/* -----------------------------------------
   Refin Application
----------------------------------------- */
ol.progress-bar {
	list-style: none;
	margin:0 0 2em 0;
	padding:0;
}

ol.progress-bar li {
	list-style: none;
	display: inline;
	padding: 0 14px 0 0;
	margin:0 1px 0 0;
	color: #647745;
	background: #fff url(../images/progressbar-bg-sprites.png) no-repeat right 5px;
}
ol.progress-bar li span {
	padding: 1px 5px 2px 4px;
	border-bottom: solid 4px #c8d5ad;
}
ol.progress-bar li a {
	color: #647745;
}
ol.progress-bar li.active span {
	color: #000;
	border-bottom: solid 4px #fcb040;
}
ol.progress-bar li.active a {
	color: #000;
}
ol.progress-bar li.complete {
	background: #fff url(../images/progressbar-bg-sprites.png) no-repeat right -13px;
}
ol.progress-bar li.complete span {
	color: #3e6d9d;
	border-bottom: solid 4px #3e6d9d;
}
ol.progress-bar li.complete a {
	color: #3e6d9d;
}

ol.progress-bar li.complete.active {
	background: #fff url(../images/progressbar-bg-sprites.png) no-repeat right -13px;
}
ol.progress-bar li.complete.active span {
	color: #000;
	border-bottom: solid 4px #fcb040;
}
ol.progress-bar li.complete.active a {
	color: #000;
}

ol.progress-bar li.last {
	background: none;
}

.helpbubble img {
	padding-left: 6px;
	position: relative;
	top: 4px;
}

[title]
{
color:blue;
}

.last-save {
	color: #647745;
	padding: 2px;
	border-radius: 5px;
}

.last-save .date {
	display: block;
}

.app-info {	border: 1px solid #C7D4E3;}
.app-info h3 em { color:#fcb040; font-style: normal;}

/* -----------------------------------------
   Refinance Application
----------------------------------------- */

fieldset.tight { border: none; margin:0; padding:0;}

.labels-right label { text-align:right;}
.labels-left label { text-align:left;}

.labels-right legend { text-align:right; width: 100%;}

.inline input { display: inline;}
.inline label { display: inline;}


.inline select { display: inline;}

/* Text input and textarea sizes */
input.tiny, textarea.tiny { width: 50px; }


/* -----------------------------------------
   Orbit Slider Customizations
----------------------------------------- */

/* these first styles hide the images until they are loaded */
#featured {
	width: 600px;
	height: 329px;
	background: #fff url('../images/orbit/loading-white.gif') no-repeat center center; overflow: hidden; }
#featured img,
#featured div { display: none; }


/* moving the bullets over the images */
ul.orbit-bullets {
	left: 88%;
	bottom: -10px;
}

div.orbit.with-bullets {
    margin-bottom: 0;
}


ul.orbit-bullets li.active {
    background-position: -16px 0;
    color: #222222;
}
ul.orbit-bullets li {
	background: url(../images/slideshow_bullets.png) no-repeat scroll 0 0;
	color: #999999;
	cursor: pointer;
	float: left;
	height: 16px;
	margin-left: 2px;
	overflow: hidden;
	text-indent: -9999px;
	width: 16px;
}

/* Custom caption size and location */


.billboard .orbit-wrapper .orbit-caption {
  font-size: inherit;
	text-align: left;
	padding: 0;
	width: 100%;
	height: 100%;
	background: none;
	right:auto;
	bottom:auto;
	top:0;
	left:0;
	}

.billboard .orbit-wrapper .orbit-caption  .pic1-inner  {
    background: #000;
    background: rgba(0, 0, 0, 0.6);
    position:absolute;
    top: auto;
    bottom: 0;
    right:auto;
    width: 60%;
    height: auto;
    margin-left: 1%;
    padding: 7px 2% 3px;
}
.billboard .orbit-wrapper .orbit-caption  .pic1-inner p {
    font-size: 1.8rem;
    margin-left: 2px;
}

.billboard .orbit-wrapper .orbit-caption  .pic2-inner  {
	background: #000;
    background: rgba(0, 0, 0, 0.6);
    position:absolute;
    top: auto;
    bottom: 0;
    right:auto;
    width: 94%;
    height: auto;
    margin-left: 1%;
    padding: 7px 2% 3px;
}
.billboard .orbit-wrapper .orbit-caption  .pic2-inner p {
    font-size: 1.8rem;
}
.billboard .orbit-wrapper .orbit-caption  .pic3-inner  {
	background: #000;
    background: rgba(0, 0, 0, 0.6);
    position:absolute;
    top: auto;
    bottom: 0;
    right:auto;
    width: 94%;
    height: auto;
    margin-left: 1%;
    padding: 7px 2% 3px;
}
.billboard .orbit-wrapper .orbit-caption  .pic3-inner p {
    font-size: 1.8rem;
}
.billboard .orbit-wrapper .orbit-caption  .pic4-inner  {
	background: #000;
	background: rgba(0, 0, 0, 0.6);
	position:absolute;
    top: auto;
    bottom: 0;
    right:auto;
    width: 94%;
    height: auto;
    margin-left: 1%;
	padding: 7px 2% 3px;
}
.billboard .orbit-wrapper .orbit-caption  .pic4-inner p {
    font-size: 1.8rem;
}
.billboard .orbit-wrapper .orbit-caption  .pic5-inner  {
	background: #000;
	background: rgba(0, 0, 0, 0.6);
	position:absolute;
	top: auto;
	bottom: 0;
	right:auto;
	width: 94%;
	height: auto;
  margin-left: 1%;
	padding: 7px 2% 3px;
}
.billboard .orbit-wrapper .orbit-caption  .pic5-inner p {
    font-size: 1.8rem;
}
.billboard .orbit-wrapper .orbit-caption  .holiday-inner  {
	background: #000;
	background: rgba(0, 0, 0, 0.6);
	position:absolute;
	top: auto;
	bottom: 0;
	right:auto;
	width: 94%;
	height: auto;
    margin-left: 1%;
	padding: 7px 2% 3px;
}
.billboard .orbit-wrapper .orbit-caption  .holiday-inner p {
    font-size: 1.8rem;
}
div.orbit-wrapper .timer .mask {
		opacity:0;
}

div.orbit-wrapper div.timer {
		top:auto;
    right: 5px;
    bottom: -8px;
		width: 30px;
}

div.orbit-wrapper span.pause.active {
    background: url("../images/orbit/pause-white.png") no-repeat scroll 0 -40px transparent;
}
div.orbit-wrapper span.pause {
    background: url("../images/orbit/pause-white.png") no-repeat scroll 0 0 transparent;}


/* --------------------------------------------------
	:: Mobile Customizations
---------------------------------------------------*/

/* Header */
/* resize logo for smaller screens */
/* Tablets */
	@media only screen and (device-width: 600px) {
.logo img {width: 200px;}
	}
/* Phone screens */
	@media only screen and (max-width: 767px) {
.container {padding: 0 8px;}
.logo {width: 160px;
display:block;
clear:both;}
.logo-cobrand {width:100px;}
.cobrand h1 {clear:both}

/* the height of the .nav-bar here pushes logo down on mobile */
#header-top .nav-bar {
	height: 10px;
	margin-top: 0px;
}
#header-top .nav-bar>li {	line-height: 1.8; border-right: none;}

#header-top .nav-bar > li > input {  margin: 0; width: 100px}

#header .phone {
float:left; background: none;
margin-top: 10px; padding:0;
width: 60%;}
	}


/* Forms */
@media only screen and (max-width: 767px) {
	.labels-right label { text-align:left;}
	.labels-right legend { text-align:left;}
}

/* Nav Bar */

@media only screen and (max-width: 767px) {
	.mainnav {height: auto; margin-top: 2px;}
	.mainnav .flyout { position: relative; width: auto; top: auto; margin-right: -2px; border-width: 0 0 0 1px; padding-top: 0; }
	.mainnav .nav-bar>li:hover {height:auto;}
}


@media only screen and (max-width: 480px) {
	.hero { display: none !important; }
}

.rowheader1 {
	background: #B6C791;
	height: 20px;
	padding: 6px;
	font-size:1.3em;
	font-weight: bold;
}

/*-------------------------
 * Old RG Styles
---------------------------*/

.rowheader1 div {
	height: 20px;
	padding: 6px;
	margin: 6px;
	font-size:1.3em;
	font-weight: bold;
}

.rowheader1 td {
	vertical-align: middle;
	height: 20px;
	padding: 6px;
	margin: 6px;
	font-size:0.9em;
	font-weight: bold;
	color:#FFFFFF:
}

.rowheader2 tr {
	background: #597fb3;
}

.rowheader2 td {
	vertical-align: middle;
	height: 20px;
	padding: 4px;
	margin: 4px;
	font-size:1.3rem;
	font-weight: bold;
	color: #3D6C9C;
}

.rowheader3 {
	background: #B6C791;
	height: 20px;
	padding: 6px;
	font-size:1.4em;
	font-weight: bold;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.rowheader3 tbody {
	background: #B6C791;
}

.rowheader3 tr:odd {
	/*background: #B6C791;*/
}

.rowheader3 tr:even {
	/*background: #B6C791;*/
}

.rowheader3 td {
	height: 20px;
	padding: 4px;
	margin: 4px;
	font-size:1.4rem;
	font-weight: bold;
}


/*----------------------------
 ADE
 -----------------------------*/
.r7 {
	background-color: #C0CFFF;
	margin-bottom: 4px;
	border-bottom: solid 1px #DFDFDF;
	height: 15px;
}

.r8 {
	margin-bottom: 4px;
	border-bottom: solid 2px #DFDFDF;
	line-height: 10px;
	padding: 6px 4px 6px 4px;
	font-size:11px;
}

.fl {
	/*width: 60px;*/
	white-space:nowrap;
	display:inline;
	font-weight:bold;
	float:left;
	background-color:#DFDFDF;
	padding: 4px 8px 4px 8px;
	text-align:center;
}

.fl a {
	outline:none;
	color:#000000;
}


.fz {
	/*width: 60px;*/
	display: block;
	float: left;
	background-color:#C0CDFF;
	font-weight:bold;
	padding: 4px 8px 4px 8px;
	white-space:nowrap;
	text-align:center;
}

.fz a {
	text-decoration:none;
	outline:none;
	color:#000000;
}

.ez {
	/*width: 60px;*/
	display: block;
	float: left;
	background-color: #C0CDFF;
	font-weight: bold;
	padding: 4px 8px 4px 8px;
	white-space: nowrap;
	text-align: center;
}

.ez a {
	text-decoration:none;
	outline:none;
	color:#000000;
}

.minimize {
	float: right;
	margin-right: 55px;
	margin-top: 5px;
}

#cluetip {
	padding: 6px 6px 6px 6px;
	margin: 6px 6px 6px 6px;
	background: #c7d4e3;
	font-size: 1.2rem;
}

#cluetip-inner {
	background:#c7d4e3;
}

#cluetip-outer {
	background:#c7d4e3;
}

#cluetip-extra {
	background:#c7d4e3;
}

.appPopUp {
	color:#3D6C9C;
}

.appPopUp a:hover {
	color:#597fb3 ;
}
.textalert {
    color: #FF0000;
    font-size: 13px;
    font-family: verdana, arial, sans-serif;
}
.textalertsmall {
    color: #FF0000;
    font-size: 10px;
    font-family: verdana, arial, sans-serif;
}
.insCredit .insRgStatus{
    display: none;
}

/* -----------------------------------------
   Customer Info
----------------------------------------- */

#AgreeESignContain
{
    position: relative;
    width: 100%;


    margin-bottom: 15px;
}

#ESignCheckOffContain
{
    position: relative;
    width: 100%;
    height: 45px;
}

#ESignCheckbox
{
    position: absolute;
    left: 15px;
    top: 10px;

    width: 20px;
    height: 20px;

    border-style: solid;
    border-width: 2px;
    border-color: #000000;

    cursor: pointer;
    text-align: center;
    font-size: 1.9em;
}



#EsignCheckOffText
{
    position: absolute;
    top: 13px;
    left: 52px;
}

.EsignChecked:before
{
    content: "×";
}

.hidden
{
    visibility: hidden;
}
.promoCode label{
    float:left;
}