/********************** Font sizes **********************/

/* Body */

	body {
		font-family:Roboto, Helvetica, Arial, sans-serif;
		font-size: 16px;
		line-height: 1;		
	}
	
	#menu > ul > li > a {	
		font-size: 15px;
	}
	
p,li,input,blockquote,ul { 
	font-size:100%;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Roboto-Condensed, Helvetica, Arial, sans-serif;
}
ul, ol, dl { margin-left:40px; }
body.popup {
	padding:10px;
    width:auto;
}
header nav h1 {
	font-size:120%;
    color: #707885;
}
table { width: auto; margin: 0; border-collapse: collapse; border-spacing: 0; }
table thead th, table tbody td {
	padding: 4px;
	border-width: 0;
	border-style: none;
	vertical-align:top;
}
table thead th { font-weight: bold; }
table.form input,
table.form select,
table.form button,
table.form textarea {
	margin:0;
	padding: 5px;	
}
input[type="text"], input[type="password"], input[type="email"], textarea, select {
	padding: 5px;
	outline: none;
	margin: 0;
	width: auto;
	max-width: 100%;
	display: inline;
	font-size: 100%;

	border: 1px solid #999;
	padding: 2px;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}


.lonform label,.lonform legend, .lonform input,.lonform button,.lonform select,.lonform textarea {
	line-height:1em;
	font-size:100%;
}

/**********************************************************/
h1 { color: #f79239; }
body.rates #content h1 { color: #f79239 !important; }
body.prequal #content h1 { color: #1fb2bb !important; }
body.apply #content h1  { color: #9fa615 !important; }
body.tools #content h1  { color: #fcb41c !important; }
body.about #content h1  { color: #a587be !important; }
body.creditunion #content h1  { color: #00aeef !important; }

h2, h3, h4, h5 {  color:#565b62; }
hr { height: 1px; color : #565b62; }

a { color: #565b62; }
a:hover { color: #565b62; }
a:active { color: #565b62; }
a:visited { color: #565b62; }


table.form, table.list, table.tabform, table.innerform {
	color : #565b62 !important;
	background: #e9eaeb !important;
	padding :0;
	margin: 0;
	font-size : 100% !important;
}
table.innerform{ font-size:100% !important; margin:0; }
table.form { border : 1px solid #999999; }
table.tabform { border-bottom : 1px solid #999999; }
table.list { border : 1px solid #999999; border-collapse : separate; }
table.form a { color : #565b62; }
table.form a:hover { color : #565b62; }
table.form a:active { color : #565b62; }
table.form a:visited { color : #565b62; }
table.list a { color : #565b62; }
table.list a:hover { color : #565b62; }
table.list a:active { color : #565b62; }
table.list a:visited { color : #565b62; }
table.innerform a {	color : #565b62; }
table.tabform a { color : #565b62; }
table.tabform a:hover { color : #565b62; }
table.tabform a:active { color : #565b62; }
table.tabform a:visited { color : #565b62; }
table.list th,
table.list td { line-height:1em; padding : 6px; color:#565b62; }
table.tabform td { padding : 4px; }
table.innerform td { padding : 4px; color:#565b62; }
table.form td { padding : 4px; color:#565b62; }
table { border-collapse : collapse; }

table.form table,
table.list table {
	background-color:transparent !important;
}
table.innerform.compressed td { padding:0 4px; }
table.list > tbody > tr:hover { background:#cfcfcf; }

.even,
table.list > tbody > tr.even,
table.list > tbody > tr:nth-child(even) {
	background: #ffffff;
}

.TipBox {
	background : #cccccc;
	color : #333333;
	font-size : 80%;
	padding : 5px;
	border : 1px solid #666666;
}
.TipBox th {
	background-color : #000099;
	color : #FFFFFF;
	font-weight : bold;
}
.TipBox a { font-size: 100%; color: #000000; }
.TipBox li { list-style:none; }
.TipBox ul { margin:0 0 0 10px; }

table.form th,
.tablehead,
table.list th {
	padding : 6px;
	background-color : #999999;
	color : #333333;
	font-weight : bold;
	vertical-align : bottom;
}
table.form th a { color : #333333; }
table.form th a:hover { color : #333333; }
table.form th a:active { color : #333333; }
table.form th a:visited { color : #333333; }
table.list th a { color : #333333; }
table.list th a:hover { color : #333333; }
table.list th a:active { color : #333333; }
table.list th a:visited { color : #333333; }

.tablehead {
	padding : 6px !important;
	background-color : #999999 !important;
	color : #333333 !important;
	font-weight : bold !important;
	vertical-align : bottom !important;
}
.tablehead a { color : #333333 !important; }
.tablehead a:hover { color : #333333 !important; }
.tablehead a:active { color : #333333 !important; }
.tablehead a:visited { color : #333333 !important; }

table.form,
table.list {
	border-collapse:separate;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
    width: auto;
    height:auto;
    line-height:1.2em;
    margin-bottom:0;
    padding:2px;
}
input[type="file"],
input[type="submit"],
input[type="reset"],
input[type="button"] {
    padding: 2px 8px !important;
    line-height: 1.2em;
    background-color : #f79239;
    color : #ffffff;
    border: 1px solid #bbbbbb;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    *margin-left: .3em;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}

div.picturebox  {
	float : right;
	background-color : transparent;
	margin : 0 0 10px 10px;
	text-align : center;
}

div.infobox  {
	font-size : 80%;
	float : right;
	background-color : #e0e0e0;
	margin : 0 0 10px 10px;
	padding : 5px;
	text-align : left;
 }

.smalltext { font-size: 80%; }
.subnotes { font-size: 80%; font-style: italic; font-weight : normal;}
.debugmsg  { color : black; }
.errormsg  { color : red; }
.required  { color : red; }
.actionmsg  { color : red; font-weight : bold;  }
.help { cursor: help; }
#HelpDiv { 
	background-color : #FFCCCC;
	padding : 0px 2px 2px 2px;
	font-size : 100%;
	border : 1px solid #999999;
	text-align : left;
}
#errorSummary { 
	background-color : #FFCCCC;
	padding : 0px 2px 2px 2px;
	font-size : 100%;
	border : 1px solid #999999;
	text-align : left;
}
.popup *  { 
	color:  #333;
}

/* Quickform */
.quickform-wrapper {
	z-index:100;
    background: #ffffff;
	background-color:#ffffff;
}

form.quickform {
	margin:0;
    padding:0;
    font-size:90%;
}

form.quickform p {
	margin:5px 0;
    padding:0;
    line-height:1.4em !important;
    font-size:100%;
}
form.quickform label {
	display:block;
    width:90%;
    font-size:100%;
    margin:5px 0 0 0;
    padding:0;
    line-height:1.1em;
}
form.quickform input[type=text] {
	margin:2px 0;
    padding:0;
    font-size:100%;
	display:block;
    width:90%;
}
form.quickform select {
	margin:2px 0;
    padding:0;
    font-size:100%;
	display:block;
    width:90%;
}
form.quickform textarea {
	margin:2px 0;
    padding:0;
    font-size:100%;
	display:block;
    width:90%;
}
form.quickform button {
	margin:2px auto;
    padding:2px 10px;
    font-size:100%;
}
.socialmenu-box {
	float:right;
    margin-right:20px;
}

ul.hmenu {
	list-style: none;
	line-height: 1.4em;
	font-weight: bold;
	padding: 0;
	margin: 0;
	font-size: 100%;
	display: inline;
	vertical-align: bottom;
}
ul.hmenu li a, ul.hmenu li h1 {
	font-size: 100%;
	font-weight: bold;
	background-color: transparent;
	text-decoration: none;
	padding: 0 10px;
	margin: 0;
}

ul.hmenu li {
	display: inline;
	float: left;
    line-height:1em;
	padding: 0;
	margin: 0;
	border-left: 1px solid #999;
}
ul.hmenu li.first { border-left-style: none; }
ul.hmenu li.last { border-right-style: none; }
ul.hmenu li:hover, ul.hmenu li.sfhover { text-decoration:underline; }
.input-append button.add-on { 
	height: inherit !important;
	line-height:1em;
    padding:3px;
}
.search input {
	line-height:1em;
    padding:0 5px;
    width:100px;
}
.searchbox {
	float:right;
}
.searchbox input { width:80%; }
.logo {
	margin-top:5px;
    margin-bottom:5px;
}
.logobox  {
}
div.pad-top-bottom-10 { 
	padding-top:10px !important;
    padding-bottom:10px !important; 
}
div.pad-top-bottom-20 { 
	padding-top:20px !important;
	padding-bottom:20px !important;
}
div.padding-10 { padding:10px !important; }
div.padding-20 { padding:20px !important; }
div.padding-5 { padding:5px !important; }

.lsidebar { 
	background-color: #ffffff;
    color: #ffffff;
    margin:20px 0;
    float:left;
    width:100%;

}
.side-nav ul { 
	background-color: #ffffff;
}
.licenseinfo p {
	font-size:80%;
    line-height:1.2em;
    text-align:center;
}

.affiliates {
	margin:5px auto;
    text-align:center;
}
.affiliate {
	display:inline;
}
.sliderform { font-size:90%;}
.sliderform h1, .sliderform h2,.sliderform p  { color: #fff; }
.sliderform .lonform { min-height:100px; }
.lonform legend {
	font-weight:bold;
    border:none;
    
}

.member-contact {
	padding:0;
    margin:0 0 0 10px;
	width:auto;
    color:inherit;
    float:left;
}
.member-contact * {
    color:inherit;
}
.member-photo {
    width:auto;
    height:auto;
    margin:0;
    padding:0;
    float:left;
}
.member-photo img {
    border:1px solid #fff;
    margin:2px;
}
ul.social_icons img { width:20px; background-image:none !important; padding-left:5px !important; }


#banner-officer {
	font-size:90%;
    float:right;
    color: inherit;
    display:block;
}

#banner-officer * {
    color: inherit;
}
#banner-officer .member-photo {
	margin:0 5px;
}
#banner-officer .member-contact {
	margin:0 5px;
    padding:0;
    font-size:100%;
 	line-height:1em;
 }
.small_banner {
	height: auto;
    vertical-align:bottom;
}
#banner-officer .member-name { font-size:100%; line-height:1em; }
#banner-officer .member-title {font-size:90%; line-height:1em; }
#banner-officer .member-list { font-size:100%; line-height:1em; }
#banner-officer .member-list li { font-size:80%; line-height:1em; }
#bannerslider {
	background-color:transparent !important;
	padding:0;
    margin:0;
	width:100%;
	position:relative;
    overflow:hidden;
    display:block;
}

#bannerslider > ul {
    list-style: none;
    margin-left: 0;
	width:100%;
}
#bannerslider > ul > li {
	visibility:hidden;
    display:inline-block;
}
div.cp-content {
	font-family:"Roboto-Condensed", Helvetica, Arial, sans-serif;
}

div.contactbox2 {
	background-color:#cccccc;
    border-bottom: 1px solid #dfdfdf;
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec;
    border-top: 1px solid #f5f5f5;
    
}
/*  COLORS */

body {
	background-color:#ffffff;	
}

#page_headline {
	position:absolute;
    z-index:1000;
    bottom:0;
    left:0;
    width:100%;
	min-height:20px;
	background: rgba(0,0,0,.30);
    padding:5px;
}
#page_headline_content {
	text-align:center;
    color:#fff;
}
#page_headline_content h1 {
	color:#fff;
    line-height:1em;
    margin:5px;
    padding:0;
}
#page_headline_content h2 {
	color:#fff;
    line-height:1em;
}
#page_headline_content p {
	color:#fff;
    line-height:1em;
}

#page_wrapper {
	background:#ffffff;	
/*
	border-top : 1px solid #003366;
*/
    -webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.52);
    -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.52);
    box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.52);    

}

#header_wrapper {
	background-color : #ffffff;
}

.headerbox,
.headerbox h1,
.headerbox h2,
.headerbox p,
.headerbox a,
.headerbox a:link,
.headerbox a:hover,
.headerbox a:active,
.headerbox a:visited {
	color:#444444;
    text-decoration:none;
}

#header_wrapper h1,
#header_wrapper h2,
#header_wrapper p {
	color:#444444;
}
#header_wrapper .logo {
	font-size:100%;
}
#header_wrapper .logo h1 {
	font-family:Roboto-Condensed, Arial, Tahoma, sans-serif;
	font-weight:700;
	font-size:130%;
    margin:12px 0 0 20px;
    padding:0;
    line-height:1em;
    color:#38b249;
}
#header_wrapper .logo p {
	font-family:Roboto-Condensed, Arial, Tahoma, sans-serif;
	font-size:110%;
    margin:0;
    padding:10px 0 0 20px;
    font-weight: 300;
    text-transform:uppercase;
    line-height:1em;
    color:#565b62;
}
#header_wrapper .logo a {
    color:#565b62;
    text-decoration:none;
    font-weight:normal
}
#header_wrapper .logo a:hover,
#header_wrapper .logo a:active,
#header_wrapper .logo a:visited {
    color:#565b62;
    text-decoration:none;
}
#header_wrapper .logo_wrapper {
    position:relative;
	width:100%;
	float:left;
    box-sizing:border-box;
    margin:0;
    padding:0 10px 0 0;
}
#header_wrapper .logo_wrapper:after {
	content: "";
    position:absolute;
    right:0;
    top:20%;
    height:60%;
    width:1px;
	border-right: 1px solid #333;
}
#content_wrapper {
	background:#ffffff;
}
#content_outer {
	background:#ffffff;
}
#content {
	background:#ffffff;
 }

#slideshow {
	background:#ffffff;
}
#banner {
	background:transparent;	
}
#banner_wrapper {
	box-sizing:border-box;
    line-height:0;
	width:100%;
    height:auto;
    overflow:hidden;   
    position:relative;
	background:#ffffff;
    margin:0;
    padding:0;
}
body.contentpage #banner_wrapper {
    max-height:330px;
}
#banner_wrapper .banner_image {
	box-sizing:border-box;
	position:relative;
    width:100%;
    margin:0;
    padding:0;
}
.banner_image img {
	width:100%;
    margin:0;
    padding:0;
}
#footer_wrapper {
    color:#cccccc;
	background-color : #565b62;
	border-top: thin none ;

}

#footermenu {
	padding: 5px 5px 20px 5px;
	margin:0;
    text-align:left;
    font-size:100%;
}
#footermenu ul {
	display: inline;
  	position: relative; /*** IE6 needs this to display the links ***/
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: left;
    font-size:100%;
}

#footermenu ul li {
	display: block;
	padding: 0;
	margin: 0;
	white-space:nowrap;
	text-align:left;
    font-size:100%;
}

#footermenu ul li a {
	text-decoration: none;
	padding: 0 10px;
	margin:0;
	color: #cccccc;
	border:none; 
	line-height:1.1em;
    font-size:100%;
}
#footermenu ul li a:hover {color: #cccccc; text-decoration: underline; }
#footermenu ul li a:active {color: #cccccc; }
#footermenu ul li a:visited {color: #cccccc; }
#footermenu ul li.first a {  }
#footermenu ul li.last a { border:none; }
#footermenuclear { display: block; clear: both; }

div.footer {
	color:#cccccc;
	background:transparent;	
	padding:5px 0;
	font-size:7pt;
}
div.footer h1 { color:#cccccc; font-size:120%; margin:0; padding:0; }
div.footer h2 { color:#cccccc; font-size:100%; margin:0; padding:0; }
div.footer p { color:#cccccc; font-size:100%; line-height:1.1em; margin:10px 0; padding:0; }

div.footer a {
    color:#cccccc;
	text-decoration:underline;	
}
div.footer a:hover,
div.footer a:active,
div.footer a:visited {
    color:#cccccc;
	text-decoration:underline;	
}

#sidebar {
	background:#FFFFFF;	
    color: #003366;
}

#sidebar p { color: #003366; }

#sidebar h1,
#sidebar h2,
#sidebar h3 { color: #565b62; }
#sidebar .testimonial blockquote p { color: #003366; }

#sidebar a,
#sidebar a:hover,
#sidebar a:active,
#sidebar a:visited { color: #990033; }


.buttons-container {
	background:#ffffff;	
}

.buttons-container .nav-select {
	border:2px #ffffff solid;
}

input[type=submit],
input[type=button],
input[type=reset],
button,
.button,
a.button,
a.button:active,
a.button:visited,
a.button:link,
div.cp-content a.button {
    background-color: #f79239 !important;
	color : #ffffff !important;

	text-decoration:none !important;	
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;

	border: 1px solid #999;
    text-shadow: none;
}

input[type=submit]:hover,
input[type=button]:hover,
input[type=reset]:hover,
button:hover,
.button:hover,
a.button:hover,
div.cp-content a.button:hover {
    background-color: #ffffff !important;
	color : #f79239 !important;
	text-decoration:none !important;	
}
.button:focus {
	text-decoration:none !important;	
}

.disabled.button,
[disabled].button,
.disabled.button:hover,
[disabled].button:hover {
	background-position: 0 0;
}

div.quickquote {
	background-color : #999999;
	color : #ffffff;
	border : 1px solid #999999;
}

div.quickquote .lonform_wrapper {
	background-color:#ffffff;	
}


div.quickquote h1 {
	color : #ffffff !important;
}
div.quickquote p {
	color:#ffffff !important;
}
.mainlinks {
	background-color : #ffffff;
	color : ;

}
.mainlink {
	text-align:center;
    margin:10px auto;
	color : ;
    min-height:100px;
    max-width:300px;
    font-size:100%;
}
.mainlink h1 {
	color : ;
	font-size:150%;
    line-height:1em;
}
.mainlink p {
	color : ;
	font-size:100%;
    line-height:1.4em;
}
.mainlink img {
	height:50px;
    max-width:200px;
    max-height:100px;
}
.mainlink a,
.mainlink a:hover,
.mainlink a:active,
.mainlink a:visited { 
	color : #565b62;
}
.mainlink h1 a,
.mainlink h1 a:hover,
.mainlink h1 a:active,
.mainlink h1 a:visited { 
	color : ;
    text-decoration:none;
}

#sidebar div.menu > ul > li {
    background-color: #f79239 !important;
	color : #ffffff !important;
	text-decoration:none !important;	
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border: 1px solid #999;
    text-shadow: none;
}
#sidebar div.menu > ul > li:hover {
    color: #f79239 !important;
	background-color : #ffffff !important;
}
#sidebar div.menu a { color:#000033; }
#sidebar div.menu a:hover,
#sidebar div.menu a:active,
#sidebar div.menu a:visited {
	color:inherit;
}

#sidebar div.officercontact { background-color:	color : #FFFFFF; }
#sidebar div.officercontact h2 { color:#003366 !important; }
#sidebar div.officercontact h3 { color:#003366 !important; }
#sidebar div.officercontact p { color:#003366 !important; }
#sidebar div.officercontact a,
#sidebar div.officercontact a:hover,
#sidebar div.officercontact a:active,
#sidebar div.officercontact a:visited { color:#990033 !important; }
#sidebar div.officercontact a:hover { text-decoration:underline; }


.flyout {
	background:rgba(255,255,255,0.60);
	border:none;
}

ul.nav-bar > li > a,
ul.nav-bar > li.active > a,
ul.nav-bar > li.has-flyout > a   {
	height:40px;
	padding:0 20px 0 0 !important;
	color:#555555;
    font-weight:normal;
    font-size:100%;
}
ul.nav-bar > li,
ul.nav-bar > li > a {
	position:relative;
}

.nav-bar > li > a img {
	display:none;
}

ul.nav-bar > li:hover {
	background: transparent;
	color: #9FA615 !important;
}
ul.nav-bar > li:hover > a {
	color: inherit !important;
    text-decoration:none;
    font-weight:bold;
}


ul.nav-bar > li.home:hover { color: #c5401d !important; }
ul.nav-bar > li.rates:hover { color: #f79239 !important; }
ul.nav-bar > li.prequal:hover { color: #1fb2bb !important; }
ul.nav-bar > li.apply:hover { color: #9fa615 !important; }
ul.nav-bar > li.tools:hover { color: #fcb41c !important; }
ul.nav-bar > li.about:hover { color: #a587be !important; }
ul.nav-bar > li.creditunion:hover { color: #00aeef !important; }


ul.nav-bar > li.active {
	background-color:transparent !important;
    border:none;
}
ul.nav-bar a:hover,
ul.nav-bar a:active,
ul.nav-bar a:visited
{
	text-decoration:none;
}
ul.nav-bar li.has-flyout.active > ul.flyout { display:block; }


ul.flyout li h1,
.nav-bar li ul li h1,
ul.flyout li a,
.nav-bar li ul li a {
	font-weight:normal;
	background:transparent;
	color: #555555;
}
ul.flyout li a:hover,
ul.flyout li a:focus,
.nav-bar li ul li a:hover,
.nav-bar li ul li a:focus {
	background: 0,186,1,0.60 !important;
	color: #555555; 
}


ul.flyout li.active a,
.nav-bar li ul li.active a {
	background: transparent;
	color: #555555;
}
ul.flyout li.active a:hover,
.nav-bar li ul li.active a:hover,
 {
	background: rgba(159,166,21,0.60);
	color: #555555; 
}



ul.nav-bar li.home li > a:hover,
ul.flyout li.home.active > a,
.nav-bar li.home li.active > a
 { background: #c5401d !important; }

ul.nav-bar li.rates li > a:hover,
ul.flyout li.rates.active > a,
.nav-bar li.rates li.active > a
 { background: #f79239 !important; }

ul.nav-bar li.prequal li > a:hover,
ul.flyout li.prequal.active > a,
.nav-bar li.prequal li.active > a
 { background: #1fb2bb !important; }

ul.nav-bar li.apply li > a:hover,
ul.flyout li.apply.active > a,
.nav-bar li.apply li.active > a
 { background: #9fa615 !important; }

ul.nav-bar li.tools li > a:hover,
ul.flyout li.tools.active > a,
.nav-bar li.tools li.active > a
 { background: #fcb41c !important; }

ul.nav-bar li.about li > a:hover,
ul.flyout li.about.active > a,
.nav-bar li.about li.active > a
 { background: #a587be !important; }

ul.nav-bar li.creditunion li > a:hover,
ul.flyout li.creditunion.active > a,
.nav-bar li.creditunion li.active > a
 { background: #00aeef !important; }

ul.nav-bar > li:before {
	display:none;
	content:" ";
    position:absolute;
    margin:0 auto;
    padding:0;
    width:30px;
    height:30px;
    top:-25px;
    right:0;
    left:0;
	background:url('/templates/varris2/images/icons_sprite_30.png');
    background-repeat:no-repeat;
    background-position:0px 0px;
}
ul.nav-bar > li.home:before { background-position:-30px 0px; }
ul.nav-bar > li.tools:before { background-position:-60px 0px; }
ul.nav-bar > li.prequal:before { background-position:-90px 0px; }
ul.nav-bar > li.apply:before { background-position:-120px 0px; }
ul.nav-bar > li.about:before { background-position:-150px 0px; }
ul.nav-bar > li.rates:before { background-position:-180px 0px; }
ul.nav-bar > li.creditunion:before { background-position:-210px 0px; }
ul.nav-bar > li.active:before,
ul.nav-bar > li:hover:before {
	display:block;
}


.rates #sidebar ul.menu h1 { color : #f79239 !important; }
.rates #sidebar ul.menu ul > li:hover { background-color : #f79239 !important; color: #000; }
.about #sidebar ul.menu h1 { color : #a587be !important; }
.about #sidebar ul.menu ul > li:hover { background-color : #a587be !important; color: #000; }
.tools #sidebar ul.menu h1 { color : #fcb41c !important; }
.tools #sidebar ul.menu ul > li:hover { background-color : #fcb41c !important; color: #000; }
.apply #sidebar ul.menu h1 { color : #9fa615 !important; }
.apply #sidebar ul.menu ul > li:hover { background-color : #9fa615 !important; color: #000; }
.prequal #sidebar ul.menu h1 { color : #1fb2bb !important; }
.prequal #sidebar ul.menu ul > li:hover { background-color : #1fb2bb !important; color: #000; }
.creditunion #sidebar ul.menu h1 { color : #00aeef !important; }
.creditunion #sidebar ul.menu ul > li:hover { background-color : #00aeef !important; color: #000; }


a.email,
a.phone {
	position:relative;
    margin-left:30px;
    text-decoration:none;
}

a.email:before,
a.phone:before {
	content:" ";
    position:absolute;
    margin:0 5px 0 0;
    padding:0;
    width:20px;
    height:20px;
    top:0;
    left:-30px;
	background:url('/templates/varris2/images/icons_sprite_30.png');
    background-repeat:no-repeat;
    background-position:-240px 0px;
}
a.email:before { background-position:-270px 0px; }

.nav-bar > li.has-flyout > a:first-child:after {
	content: "";
	border: solid 4px;
	border-color: #555555 transparent transparent transparent;
	right: 5px;
	top:10px;
}
.nav-bar > li.last > ul {
	left:auto;
    right:0px;
    }



.highlightbox { background-color:#a12642; color:#fff; }
.greybox { background-color:#eee;  color:#333; }
.redbox { background-color:#a12642; color:#fff; }
.dkgreybox { background-color:#666; color:#eee; }
.blackbox { background-color:#000; color:#eee; }
.bluebox { background-color:#036; color:#fff; }
.greenbox { background-color:#360;  color:#fff;}
.roundcorners { 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

}
blockquote {
	border-left:none;
}
div.homebox {
	background:#c0c0c0;
    min-height:200px;
}
div.homebox.white {	background:#ffffff; }
div.homebox.green {	background:#eaeaea; }
.row_divider {
	float:left;
    width:100%;
    margin:10px 0;
    height:1px;
    background:#e0e0e0;
}

.quick_slider {
	box-sizing:border-box;
	padding-left:30px;
	padding-right:30px;	
	position:relative;
}
.quick_slider.inset {
	padding-left:0px;
	padding-right:0px;	
}
.quick_slider > ul > li {
	left:2000px;
}
.quick_slider > ul > li:first-child {
	left:0;
}
.quick_slider_navigation {
	box-sizing:border-box;
	position:absolute;
	width:100%;
	height:20px;
	background:transparent;
	margin:0 -30px;
	padding:0;
	top:45%;
	z-index:3;
}

.quick_slider.inset .quick_slider_navigation {
	margin:0 0;	
}


.quick_slider_left {
	box-sizing:border-box;
	position:relative;
	float:left;
	background-image:URL(/templates/varris2/images/slider_navigation.png);
	background-repeat:no-repeat;
	background-position-x:0px;
	background-position-y:0px;
	background-color:transparent;
	width:25px;
	height:25px;
	opacity:.3;

}
.quick_slider_right {
	box-sizing:border-box;
	position:relative;
	float:right;	
	background-image:URL(/templates/varris2/images/slider_navigation.png);
	background-repeat:no-repeat;
	background-position-x:-30px;
	background-position-y:0px;
	background-color:transparent;
	width:25px;
	height:25px;
	opacity:.3;
}
.quick_slider_down {
	position:relative;
	float:right;
	background-image:URL(/templates/varris2/images/slider_navigation.png);
	background-repeat:no-repeat;
	background-position-x:-60px;
	background-position-y:0px;
	background-color:transparent;
	width:25px;
	height:25px;
}

.quick_slider_right:hover,.quick_slider_left:hover, .quick_slider_down:hover {
/*
	background-position-y:-30px;
*/
	background-color:transparent;
	opacity:1;
}

.resource-item .image-wrapper {  }
.resource-item h3 { }
.resource-item i { 
	color: #ffffff;
	text-shadow: 1px 1px 2px #000000;	
}
.resource-item p { }
.resource-item a { }
.resource-item a:hover,
.resource-item a:active,
.resource-item a:visited { text-decoration:none; }

.block-grid.one-up,
.block-grid.two-up,
.block-grid.three-up,
.block-grid.four-up,
.block-grid.five-up,
.block-grid.six-up,
.block-grid.seven-up,
.block-grid.eight-up,
.block-grid.nine-up,
.block-grid.ten-up,
.block-grid.eleven-up,
.block-grid.twelve-up {
	margin: 0;
}
.block-grid.one-up > li,
.block-grid.two-up > li,
.block-grid.three-up > li,
.block-grid.four-up > li,
.block-grid.five-up > li,
.block-grid.six-up > li,
.block-grid.seven-up > li,
.block-grid.eight-up > li,
.block-grid.nine-up > li,
.block-grid.ten-up > li,
.block-grid.eleven-up > li,
.block-grid.twelve-up > li{
	padding: 0;
}

.resource-links h1 {
	margin-bottom:5px;
}
.resource-content {
	display:none;
}
.resource-content.active {
	display:block;
}
div.resource-tabs a.resource-link {
	text-align:center;
	display:block;
    width:100%;
}

div.resource-tabs a.resource-link img {
	width:100%;
    max-width:400px;
    margin:0 5px;
}

.testimonial-container {
	float:left;
    width:100%;
    border: 2px solid orange;
    border-radius: 10px;
}
.testimonial blockquote {
	text-align:left;
    font-weight:bold !important;
    padding: 10px 10px 30px 30px;
}
.testimonial blockquote p {
	font-weight:bold !important;
}
.testimonial p.name {
	font-weight:normal !important;
}
.logocolor {
	color:#38b249 !important;
}

.banner_small,
.banner_large {
	background-size:100%;
    background-image:none;
}
.banner_large.rates { background-image: url(/templates/varris2/images/banners/banner_large_rates.jpg); }
.banner_large.prequal { background-image: url(/templates/varris2/images/banners/banner_large_prequal.jpg); }
.banner_large.apply { background-image: url(/templates/varris2/images/banners/banner_large_apply.jpg); }
.banner_large.tools { background-image: url(/templates/varris2/images/banners/banner_large_tools.jpg); }
.banner_large.about { background-image: url(/templates/varris2/images/banners/banner_large_about.jpg); }
.banner_large.creditunion { background-image: url(/templates/varris2/images/banners/banner_large_credit_unions.jpg); }
.banner_large.default { background-image: url(/templates/varris2/images/banners/banner_large_default.jpg); }

.banner_small.rates { background-image: url(/templates/varris2/images/banners/banner_small_rates.jpg); }
.banner_small.prequal { background-image: url(/templates/varris2/images/banners/banner_small_prequal.jpg); }
.banner_small.apply { background-image: url(/templates/varris2/images/banners/banner_small_apply.jpg); }
.banner_small.tools { background-image: url(/templates/varris2/images/banners/banner_small_tools.jpg); }
.banner_small.about { background-image: url(/templates/varris2/images/banners/banner_small_about.jpg); }
.banner_small.creditunion { background-image: url(/templates/varris2/images/banners/banner_small_credit_unions.jpg); }
.banner_small.default { background-image: url(/templates/varris2/images/banners/banner_small_default.jpg); }
.creditunion #sidebar ul.menu h1 { color : #000; }
.creditunion #sidebar ul.menu ul > li:hover { background-color : #E0A63B; color: #000; }

.calculator {
	border-radius:0px;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    background: #e9eaeb;
    color:#565b62;
}