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

/* Body */

	body {
		font-size: 14px;
		line-height: 1;		
	}
	
	#menu > ul > li > a {	
		font-size: 15px;
	}
	
p,li,input,blockquote,ul { 
	font-size:100%;
}

ul, ol, dl { margin-left:40px; }
body.popup {
	padding:10px;
    width:auto;
}
header nav h1 {
	font-size:120%;
    color: #707885;
}
table { 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, h2 { color: rgb(51, 51, 51); }
h3 { color: #666; }
h4, h5 {  color:#000000; }
hr { height: 1px; color : #000000; }

a { color: rgb(51, 51, 51); }
a:hover { color: rgb(51, 51, 51); }
a:active { color: rgb(51, 51, 51); }
a:visited { color: rgb(51, 51, 51); }

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

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


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 : rgb(181, 150, 0);
	color : rgb(51, 51, 51);
	font-weight : bold;
	vertical-align : bottom;
}
table.form th a { color : rgb(51, 51, 51); }
table.form th a:hover { color : rgb(51, 51, 51); }
table.form th a:active { color : rgb(51, 51, 51); }
table.form th a:visited { color : rgb(51, 51, 51); }
table.list th a { color : rgb(51, 51, 51); }
table.list th a:hover { color : rgb(51, 51, 51); }
table.list th a:active { color : rgb(51, 51, 51); }
table.list th a:visited { color : rgb(51, 51, 51); }

.tablehead {
	padding : 6px !important;
	background-color : rgb(181, 150, 0) !important;
	color : rgb(51, 51, 51) !important;
	font-weight : bold !important;
	vertical-align : bottom !important;
}
.tablehead a { color : rgb(51, 51, 51) !important; }
.tablehead a:hover { color : rgb(51, 51, 51) !important; }
.tablehead a:active { color : rgb(51, 51, 51) !important; }
.tablehead a:visited { color : rgb(51, 51, 51) !important; }

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

#logo { background-color:transparent; }

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:10px 20px;
    line-height: 1.2em;
    background-color : rgb(181, 39, 39);
    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;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px
}

.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 : 90%;
	border : 1px solid #666666;
	text-align : left;
}
#errorSummary { 
	background-color : #FFCCCC;
	padding : 0px 2px 2px 2px;
	font-size : 90%;
	border : 1px solid #666666;
	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%;
}

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;
}
.searchbox {
    background-color:transparent;
    color:#000000;
    font-size:100%;
}
.loginbox input[type="text"],
.loginbox input[type="password"],
.searchbox input[type="text"] {
	background-color:transparent !important;
    color:#000000 !important;
    height:1.5em;
    width:100px;
    padding:1px 0 1px 10px;
    margin-right:5px;
    border: 1px solid #e0e0e0;
    border-radius:4px;
    -webkit-box-shadow:none !important;
    -mox-box-shadow:none !important;
    box-shadow:none !important;
}
.loginbox p { margin:0; padding:0; }
.searchbox input[type="text"] { width:100px; }

.searchbox input:focus {
	background-color:transparent !important;
}
.searchbox a,
.searchbox a:hover,
.searchbox a:active,
.searchbox a:visited {
	color: #ccc;
    text-decoration:none;
}

.logo {
	margin-top:5px;
    margin-bottom:5px;
}
.logobox  {
	background-color:transparent;
}
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: #b59600;
    color: ;
    margin:20px 0;
    float:left;
    width:100%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;


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

.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:"Gotham Book", 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;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 1px 3px #CCCCCC;
    
}
/*  COLORS */

body {
	background-color:rgb(255, 255, 255);	
}

#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;
}

.content_wrapper {
	float:left;
	width:100%;
	background:rgb(255, 255, 255);
	padding:10px 0;
}
#page_wrapper {
	background:rgb(255, 255, 255);	
	float:left;
	width:100%;
}
#products_wrapper {
	background:#ffffff;
	color:#ffffff;
	float:left;
	width:100%;
}
#products_wrapper .product { width:100%; float:left; background:rgba(0,51,102,1.0); }
#products_wrapper .product:nth-child(2) { background:rgba(0,51,102,0.95); }
#products_wrapper .product:nth-child(3) { background:rgba(0,51,102,0.90); }
#products_wrapper .product:nth-child(4) { background:rgba(0,51,102,0.85); }
#products_wrapper .product:nth-child(5) { background:rgba(0,51,102,0.80); }
#products_wrapper .product:nth-child(6) { background:rgba(0,51,102,0.75); }
#products_wrapper .product:nth-child(7) { background:rgba(0,51,102,0.70); }
#products_wrapper .product:nth-child(8) { background:rgba(0,51,102,0.65); }
#products_wrapper .product:nth-child(9) { background:rgba(0,51,102,0.60); }
#products_wrapper .product:nth-child(10) { background:rgba(0,51,102,0.55); }
#products_wrapper .product:nth-child(11) { background:rgba(0,51,102,1.0); }
#products_wrapper .product:nth-child(12) { background:rgba(0,51,102,0.95); }
#products_wrapper .product:nth-child(13) { background:rgba(0,51,102,0.90); }
#products_wrapper .product:nth-child(14) { background:rgba(0,51,102,0.85); }
#products_wrapper .product:nth-child(15) { background:rgba(0,51,102,0.80); }
#products_wrapper .product:nth-child(16) { background:rgba(0,51,102,0.75); }
#products_wrapper .product:nth-child(17) { background:rgba(0,51,102,0.70); }
#products_wrapper .product:nth-child(18) { background:rgba(0,51,102,0.65); }
#products_wrapper .product:nth-child(19) { background:rgba(0,51,102,0.60); }
#products_wrapper .product:nth-child(20) { background:rgba(0,51,102,0.55); }


#products_wrapper .product_description {
	width:100%;
	padding:10px 15px;
	color:inherit;
}
#products_wrapper  .product_description * {
	color:inherit;
}
#products_wrapper h1,
#products_wrapper h2,
#products_wrapper a {
	text-transform:uppercase;
}
#products_wrapper h1 {
	color:#FFFFFF !important;
	background:#ffffff !important;
	float:left;
	width:100%;
	text-align:center;
	margin:0;
	line-height:1.5em;
}
#header_wrapper {
	float:left;
    width:100%;
    border-bottom:none;
	background-color : rgb(255, 255, 255);
    z-index:100;
    position:fixed;
    top:0;
    left:0;
    min-height:110px;
}
#header_wrapper .top {
	background-color : rgba(0,58,114,1.00);
    border:none;
}
#header_wrapper .bottom {
	background-color: rgb(255, 255, 255);
    border:none;
}
.slicknav_menu {
	background-color : rgba(0,58,114,1.00);
}

body.contentpage #header_wrapper {
	background-color:rgb(255, 255, 255);
}
body.contentpage #header_wrapper .top {
	position:relative;
	background-color:rgba(0,58,114,1.00);
	color:#fff;
}
body.contentpage #header_wrapper .bottom {
	position:relative;
	background-color:rgb(255, 255, 255);
	color:#FFFFFF;

}
.slicknav_nav a,
.slicknav_nav a:active,
.slicknav_nav a:visited {
	color : #fff;
	background-color : transparent;
}

.slicknav_nav a:hover,
.slicknav_nav .slicknav_row:hover {
	background: #00add8;
	color: #fff; 
}

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

#tagline_wrapper { background-color:#669b41; font-size:100%; }
#tagline_wrapper * { color:#fff !important; }
#tagline_wrapper p { margin:0; padding:.25em 0; line-height:1em;}

#header_wrapper div.top { font-size:100%; line-height:1em; color:#fff; min-height:1.5em; }
#header_wrapper div.top * { font-size:100%; line-height:1em; color:#fff; }
#header_wrapper div.top p { margin:0; padding:0; line-height:1em; }




#header_wrapper div.bottom h1,
#header_wrapper div.bottom h2,
#header_wrapper div.bottom p {
	color:#000000;
}

#content_wrapper {
	background:transparent;
}
#content_outer {
	background:transparent;
}
#content {
	background:transparent;
 }

#slideshow {
	background:transparent;
}
#banner {
	background:transparent;	
}
#banner_wrapper {
	float:left;
	width:100%;
    height:auto;
    min-height: 300px;
	box-sizing:border-box;
    line-height:0;
    overflow:hidden;   
    position:relative;
	background-image:url(/templates/cwmortgage/images/banners/home_banner.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	background-color:rgb(255, 255, 255);
    margin:0;
    padding:0;
    border-bottom:none;
    margin-top:125px;
}
body.applicationpage #banner_wrapper {	background-image:url(/templates/cwmortgage/images/banners/application_banner.jpg); background-position:bottom center; }
body.blogpage #banner_wrapper {	background-image:url(/templates/cwmortgage/images/banners/blog_banner.jpg); }
body.contentpage #banner_wrapper {	background-image:url(/templates/cwmortgage/images/banners/content_banner.jpg); }
body.calculatorpage #banner_wrapper {	background-image:url(/templates/cwmortgage/images/banners/calculator_banner.jpg); }
body.aboutpage #banner_wrapper {	background-image:url(/templates/cwmortgage/images/banners/about_banner.jpg); }

#banner_wrapper .banner_image {
	box-sizing:border-box;
	position:relative;
    width:100%;
    margin:0;
    padding:0;
}
#banner_content {
	width:100%;
	float:left;
	padding:20px 0;
	color:#ffffff;
}
#banner_content h1,
#banner_content h2,
#banner_content p,
#banner_content label,
#banner_content td,
#banner_content th,
#banner_content ul,
#banner_content li
{
	color:#fff;
	text-shadow: 1px 1px 2px #000000;	
}
#banner_content p
{
	margin-bottom:.5em;
}


.banner_image img {
	width:100%;
    margin:0;
    padding:0;
}
#sitemap_wrapper {
    color:rgba(0,58,114,1.00);
	background-color : #e0e0e0;
}
.sitemap h1,
.sitemap a,
.sitemap a:hover,
.sitemap a:active,
.sitemap a:visited {
	color: rgba(0,58,114,1.00);
}


#footer_wrapper {
    color:rgb(238, 238, 238);
	background-color : rgb(102, 102, 102);
	border-top: thin none ;
	float:left;
	width:100%;
}

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

#footermenu ul li {
	display: block;
	padding: 0;
	margin: 0;
	white-space:nowrap;
	text-align:center;
    font-size:100%;
}
#footermenu > ul > li {
	display:inline-block !important;
}


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

div.footer {
	color:rgb(238, 238, 238);
	background:transparent;	
	font-size:8pt;
}
div.footer h1 { color:rgb(238, 238, 238); font-size:120%; margin:0; padding:0; }
div.footer h2 { color:rgb(238, 238, 238); font-size:100%; margin:0; padding:0; }
div.footer p {
	color:rgb(238, 238, 238);
    font-size:100%;
    line-height:1.1em;
    margin:10px 0;
    padding:0;
}

div.footer a,
div.footer a:hover,
div.footer a:active,
div.footer a:visited {
    color:rgb(204, 204, 204);
	text-decoration:none;	
}
div.footer a:hover { text-decoration:underline; }

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

#sidebar p { color: #000000; }

#sidebar h1,
#sidebar h2,
#sidebar h3 { color: rgb(51, 51, 51); }
#sidebar .testimonial blockquote p { color: #000000; }

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




.buttons-container {
	background:#b59600;	
}

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


.homebutton,
.homebutton:active,
.homebutton:visited,
.homebutton:link {
	display:inline-block;
	font-size:140%;
    padding:15px;
    margin:10px 0;
    background-color: #e0e0e0 !important;
	color : rgb(181, 39, 39) !important;

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

	border: 2px solid rgb(181, 39, 39);
    text-shadow: none;
}

.homebutton:hover {
    background-color: rgb(181, 39, 39) !important;
	color :#e0e0e0 !important;
	text-decoration:none !important;	
}
.homebutton:focus {
	text-decoration:none !important;	
}

.blue { color:rgba(0,58,114,1.00); }
.blue_box {
	background:rgba(0,58,114,1.00);
	float:left;
	width:90%;
	margin:20px 5%;
	padding:30px;
	color:#ffffff;
	box-sizing:border-box;
}

.green { color:#669b41; }
.green_box {
	background:#669b41;
	float:left;
	width:90%;
	margin:20px 5%;
	padding:30px;
	color:#ffffff;
	box-sizing:border-box;
}

.green_box h1 { color:#ffffff; text-align:left; }
.green_box p { color:#ffffff; text-align:right;}
.green_box a.learn_more,
.green_box a.learn_more:hover,
.green_box a.learn_more:active,
.green_box a.learn_more:visited
{
	color:#ffffff;
	text-decoration:none;
	text-transform:uppercase;
}

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: rgb(181, 39, 39) !important;
	color : #FFFFFF !important;

	text-decoration:none !important;	
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	padding:10px 20px;

	border: none;
    text-shadow: none;
    box-shadow:none;
}

a.button.blue { background-color:rgba(0,58,114,1.00) !important; color:#ffffff !important; }
a.button.green { background-color:#669b41 !important; color:#ffffff !important; }


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 : rgb(181, 39, 39) !important;
	text-decoration:none !important;	
}
.button:focus { text-decoration:none !important;}

a.button.blue:hover { color:rgba(0,58,114,1.00) !important; background-color:#ffffff !important; }
a.button.green:hover { color:#669b41 !important; background-color:#ffffff !important; }

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

div.quickquote {
	background-color : rgb(181, 150, 0);
	color : #ffffff;
	border : 1px solid #666666;
}

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


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

#testimonial_wrapper {
	background:rgba(0,58,114,1.00);
	color:#ffffff;
	float:left;
	width:100%;
	padding:0;
	margin:10px 0;
    display: -webkit-box;
  	display: -moz-box;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	display: flex;
  
}
#testimonial_wrapper * {
	color:#ffffff;
}
#mainlink_wrapper {
	background:#ffffff;
	float:left;
	width:100%;
	padding:0;
	margin:10px 0;
    display: -webkit-box;
  	display: -moz-box;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	display: flex;
  
}

.mainlink {
	text-align:left;
	color : rgba(0,58,114,1.00);
    font-size:100%;
    padding:20px;
    flex:1;
}

#mainlink_wrapper .mainlink { background:rgba(0,58,114,1.00); }
#mainlink_wrapper .mainlink:nth-child(2) { background:rgba(0,72,144,1.00); }
#mainlink_wrapper .mainlink:nth-child(3) { background:rgba(50,109,165,1.00); }
#mainlink_wrapper .mainlink:nth-child(4) { background:rgba(0,58,114,1.00); }
#mainlink_wrapper .mainlink:nth-child(5) { background:rgba(0,72,144,1.00); }
#mainlink_wrapper .mainlink:nth-child(6) { background:rgba(50,109,165,1.00); }
#mainlink_wrapper .mainlink:nth-child(7) { background:rgba(0,58,114,1.00); }
#mainlink_wrapper .mainlink:nth-child(8) { background:rgba(0,72,144,1.00); }
#mainlink_wrapper .mainlink:nth-child(9) { background:rgba(50,109,165,1.00); }

.mainlink h1 {
	color : rgb(51, 51, 51);
    margin:0;
    padding: 10px 10px 5px 10px;
    line-height:1em;
	width:100%;
	float:left;
    box-sizing:border-box;
	font-size:120%;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.mainlink p {
	width:100%;
    float:left;
    margin:0;
    padding: 5px 10px;
	color : rgb(51, 51, 51);
	font-size:110%;
    line-height:1.4em;
    box-sizing:border-box;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.mainlink .icon_wrapper {
	display:block;
    width:80px;
    height:80px;
	padding:12px;
    margin:0 auto;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius: 50%;
    background:#efefef;
    box-sizing:border-box;
    border:8px solid #e0e0e0;
    transition :all 0.5s ease;
}
.mainlink i {
	font-size:40px;
    display:inline-block;
    margin: auto;
    padding:0;

}
.mainlink a:hover .icon_wrapper {
    border-color: rgb(211, 119, 28);
}
.mainlink img {
	display:block;
    float:left;
    width:50%;
	height:auto;
    max-width:40px;
    margin:0;
    padding:0;
}

.mainlink h1 a:hover,
.mainlink h1 a:active,
.mainlink h1 a:visited { 
	color : rgb(51, 51, 51);
    text-decoration:none;
}
.homecontent {
	background: #FFFFFF;
}
#sidebar div.menu > ul > li {
    background-color: rgb(181, 39, 39) !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: rgb(181, 39, 39) !important;
	background-color : #FFFFFF !important;
}
#sidebar div.menu a { color:#000000; }
#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:#000000 !important; }
#sidebar div.officercontact h3 { color:#000000 !important; }
#sidebar div.officercontact p { color:#000000 !important; }
#sidebar div.officercontact a,
#sidebar div.officercontact a:hover,
#sidebar div.officercontact a:active,
#sidebar div.officercontact a:visited { color:#333333 !important; }
#sidebar div.officercontact a:hover { text-decoration:underline; }

.navbar-container { 
	background:transparent;
}
.flyout { background:rgb(255, 255, 255); }

ul.nav-bar {
	font-size:100%;
}
ul.nav-bar > li > a,
ul.nav-bar > li.has-flyout > a   {
	color:#FFFFFF;
}
ul.nav-bar > li,
ul.nav-bar > li > a {

	color:#FFFFFF;
	border-radius: 0 !important;
	-webkit-border-radius:0 !important;
	-moz-border-radius:0 !important;
	behavior: url(/script/jquery/pie/PIE.htc)\9; /* IE8 and below */
}
ul.nav-bar > li:hover {
	background: rgb(136, 113, 0);
	color: rgb(255, 255, 255); 
}
ul.nav-bar > li:hover > a {
	color: rgb(255, 255, 255) !important;
}
ul.nav-bar a,
ul.nav-bar a:hover,
ul.nav-bar a:active,
ul.nav-bar a:visited {
	text-decoration:none;
	text-transform:uppercase;
}
.flyout {
	border:none;
}
ul.flyout li a, .nav-bar li ul li a {
	background:transparent;
	color: #FFFFFF;
}
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: rgb(136, 113, 0);
	color: #fff; 
}
ul.flyout li.active a, .nav-bar li ul li.active a {
	background: transparent;
	color: #FFFFFF; 
}
.nav-bar > li.has-flyout > a:first-child {
	padding-right:20px !important;
}
.nav-bar > li.has-flyout > a:first-child:after {
	border-color: rgb(136, 113, 0) transparent transparent transparent;
}
.nav-bar > li.last > ul {
	left:auto;
    right:0px;
}


.headermenu {
	float:left;
    list-style: none;
    margin: 0;
    padding: 0;
    font-size:90%;
}
.headermenu ul {
    margin:0;
    padding:0;
    position:relative;
  -webkit-box-sizing: v-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.headermenu li {
    border: none;
    padding: 0 10px;
    display:inline-block;
    width: auto;
    vertical-align:center;
    line-height:1.2em;
	font-size:100%;
    position:relative;
}
.headermenu li.last, .headermenu li:last-child  {
    padding-right:0px;
}
.headermenu li:after {
	content: "";
    background:#000000;
    position:absolute;
    top:15%;
    height:60%;
    width:1px;
	right: 0px;
	
}
.headermenu li.last:after,
.headermenu li:last-child:after {
	display:none;
}
.headermenu li a,
.headermenu li a:active,
.headermenu li a:visited { color: #000000; }
.headermenu li a:hover { color: #000000; }

.headermenu h1 {
	font-size:100%;
    font-weight:normal;
    margin:0;
}
body.homepage .headermenu li a,
body.homepage .headermenu li a:active,
body.homepage .headermenu li a:visited { color: #ffffff; }
body.homepage .headermenu li a:hover { color: #ffffff; }
body.homepage .headermenu li:after { background:#ffffff; }

.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:#669b41;  color:#fff;}
.roundcorners { 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

}
blockquote {
	border-left:none;
}
#banner_apply_now {
	position:absolute;
    top:0;
    right:20px;
	z-index:900;
}
#banner_apply_now a {
	display:inline-block;
    margin:0;
    padding:1em;
    text-align:center;
	border : thin none #FFFFFF;
    border-top:none;
    -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);    

	border-radius: 0 0 5px 5px !important;
	-webkit-border-radius:0 0 5px 5px !important;
	-moz-border-radius:0 0 5px 5px !important;
	behavior: url(/script/jquery/pie/PIE.htc)\9; /* IE8 and below */
}

#banner_apply_now a,
#banner_apply_now a:hover,
#banner_apply_now a:active,
#banner_apply_now a:visited {
	background: rgb(255, 255, 255);
	color: #000000; 
    text-decoration:none;
}
#banner_apply_now a:hover {
	color: rgb(255, 255, 255);
	background: #000000; 
}



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/cwmortgage/images/slider_controls.png);
	background-repeat:no-repeat;
	background-position-x:-5px;
	background-position-y:0px;
	background-color:transparent;
	width:25px;
	height:33px;
	opacity:1;

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

.quick_slider_right:hover,.quick_slider_left:hover, .quick_slider_down:hover {

	background-position-y:-33px;
	background-color:transparent;
	opacity:1;
}

.resource-item .image-wrapper {  }
.resource-item h3 { }
.resource-item i { 
	color: rgb(255, 255, 255);
	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;
}

@media (max-width: 767px) { 
	.mainlink:after {  display:none !important; }
	
	#products_wrapper .lonform .row:nth-child(even) {
		background: #ffffff !important;
		color:#FFFFFF !important;
	}
	
	#mainlink_wrapper { display: block; }
 	.mainlink { width:100%; float:left; }
}

.mainlink {
	text-align:left;
	color : rgba(0,58,114,1.00);
    font-size:100%;
    padding:20px;
    flex:1;
}