/* cmsms stylesheet: Menu Mobile modified: 02/27/18 12:12:41 */
/* CSS Document */

@media all and (min-width: 0px) and (max-width: 1023px) {
	
a.mm-btn { float: right; height: 30px; }

#menuclosed, #menuopen.show-mm { display: block; }
#menuopen, #menuclosed.show-mm { display: none; }

#mobilemenu {
	position: absolute;
	top: -100%;	
	width: 100%;
	height: 100%;
	background: #222;
	z-index: 1400;
	overflow: visible;
	padding: 7.5% 0;
}
#mobilemenu.show-mm {
	top: 110px;
	
}
#mobilemenu.show-mm.showsearch {
	top: 165px;
}

nav#mobilenav a {
	color: #FFF;
	display: block;
	padding: 5px 7.5%;
}

nav#mobilenav ul, nav#mobilenav li {
	width: 100%;
	display: block;
}
nav#mobilenav #mm-drawerwrap li.menudepth0 {
	font-size: 100%;
    text-transform: uppercase;
    background: #9a0130;
    margin: 0 0 15px 0;
    padding: 0;
    font-weight: bold;
    letter-spacing: 4px;
}
nav#mobilenav #mm-drawerwrap li.menudepth0 a {
padding: 10px 15px;
}
nav#mobilenav ul li.menudepth0 ul { 
background: #222;
padding: 20px 0;
font-size: 75%;
letter-spacing: 2px;
}
nav#mobilenav ul li.menudepth0 ul li a {
text-decoration: none; 
color: #AAA;
}
nav#mobilenav ul li.menudepth0 ul li a:hover {
color: #FFF !important;
}


/* TOGGLE SUB MENU OPEN */

nav#mobilenav li.menudepth0 ul {
	display: none;
}
nav#mobilenav li.menudepth0 ul.show-mm-ul {
	display: block;
}








}


@media all and (min-width: 1024px) {

#mobilemenu { display: none; }

}
/* cmsms stylesheet: Layout modified: 10/24/17 22:49:57 */
/* CSS Document */

body {
	background: #FFF;
	margin: 0;
	padding: 0;
	text-align: center;
	overflow-x: hidden;
}
* {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	position: relative;
}
img, video, iframe, embed, object { max-width: 100%; max-height: 100%; }
video, iframe, embed, object { max-width: 100%; max-height: 100%; width: auto; height: auto; }
main img { max-width: 100%; max-height: none; height: auto; }

.wrapper {
	margin: 0 auto;
	position: relative;
	width: 100%;
	height: 100%;
	max-width: 1400px;
}
a, ul, li, a:after, img, span, input, textarea, select, #mobilemenu, #searchslide, #drawerwrap, .drawer, #pushwrap, #topmenu, header, :after, :before {
	-webkit-transition: all 0.20s ease;
    -moz-transition: all 0.20s ease;
    -o-transition: all 0.20s ease;
	transition: all 0.20s ease;
}

/* CLEARFIX */

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
/* cmsms stylesheet: Content modified: 02/15/18 02:09:51 */
/* CSS Document */

@media all and (min-width: 0px) {

body {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #222;

}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
#columns {
	text-shadow: 1px 1px 0px #FFF;
}
#footer {
	text-shadow: none;	
}
p, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight: 400;
	line-height: 120%;
}
main p, main h1, main h2, main h3, main h4, main h5, main h6 {
	margin: 0 0 25px 0;
}
p {
	font-size: 100%;
}
h1 {
	font-size: 225%;
	font-weight: 400;
	font-style: normal;
	line-height:110%;
}
#title h1 {
	margin: 0;
	font-size: 225%;
	line-height: 100%;
	font-weight: 700;
	color: #FFF;
}
h2 {
	font-size: 200%;
	font-weight: 700;
	font-style: normal;
}
h3, #col4 p, #col5 p, #col6 p {
	font-size: 150%;
	font-weight: 700;
	font-style: normal;
}
h4, #promostrip p, footer #col2 p:first-of-type {
	font-size: 125%;
	font-weight: 700;
text-transform:none;
letter-spacing: 0;
}
h5, #topicons a, .promolink a, .featuredmore a, footer #col2 p, footer #col3 li {
	font-size: 90%;
	font-weight: 900;
	text-transform: uppercase;
	font-style: normal;
	letter-spacing: 1px;
}
h6, #promostrip p a {
	font-size: 75%;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #999;
	font-weight: 400;
	font-style: normal;
}
#columns h6 { font-weight: 700; }

.internal main h4 {
	font-family: 'Arapey', 'Lato', Arial, Helvetica, sans-serif;
	font-size: 175%;
	font-weight: 400;
	font-style: italic;
}
#tagline {
    color: #aa001f;
    font-size: 75%;
    font-weight: normal;
    font-style: normal;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.disclaimer {
	font-size: 75%;
	color: #666;
	font-style: normal;
	line-height: 100%;
	padding: 0;
}
#topmenu {
	font-size: 80%;
	font-weight: 900;
	text-transform: uppercase;
	font-style: normal;
	letter-spacing: 1px;
}
a, .red {
	text-decoration: none;
	color: #9a0130;
}
a:hover {
	color: #cc0025;
}

p a, main a { text-decoration: underline; }
p a:hover, main a:hover { text-decoration: none; font-weight: bold; }

.reverse, .reverse p, .reverse h1, .reverse h2, .reverse h3, .reverse h4, .reverse h5, .reverse h6, .reverse a {
	color: #FFF;
}
.reverse a:hover {
	color: #FFF;
}
#promostrip p { color: #222; display: block; }

#promostrip p a {
text-decoration: none;
color: #FFF;
background: #999;
padding: 7px 15px;
border-radius: 20px;
margin: 5px 0 0 -5px;
display: inline-block;
    font-size: 65%;
    line-height: 100%;
}
#promostrip p a:hover {
	color: #FFF;
	background: #9a0130;
}
#topicons {
	color: #333;
}
#footer a {
	color: #9a0130;
text-decoration: none;
font-weight: normal;
}
#footer a:hover {
	color: #cc0025;
font-weight: bold;
text-decoration: underline;
}

/* LISTS */

main ol li {
	padding: 10px 0;
}
main ul li {
	padding: 10px 0;
	line-height: 115%;
}
main ul li:first-child {
	padding-top: 0;
}
main ul ul li:first-child {
	padding-top: 10px;
}
main ul li p {
	margin: 0;
	line-height: 115%;
}
main ul {
	margin: 0 0 30px 0;
}


/* OTHER */

a.oval, .oval a {
	color: #FFF;
	text-transform: uppercase;
	font-weight: bold;
	background: #666;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	padding: 15px 25px;
	text-decoration: none;
	font-style: normal;
	font-size: 125%;
	margin: 25px 0 10px -5px;
	display: inline-block;
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	transition: background 0.5s;
}

hr {
	color: #999;
	border:none;
	border-top: 1px dashed #999;
	margin-top: 40px;
	margin-bottom: 40px;
	display: block;
	clear: left;
}

a img { border: none; }

/* TABLES */

body:not(#page-privacy) table {
	width: 100%;
	margin: 0 0 20px 0;
}
body:not(#page-privacy) table td {
	vertical-align: middle;
	padding: 15px;
}
body:not(#page-privacy) thead tr {
	color: #FFF;
	vertical-align: middle;
}
body:not(#page-privacy) thead tr td:nth-child(odd) {
	background: #333;
}
body:not(#page-privacy) thead tr td:nth-child(even) {
	background: #444;
}
body:not(#page-privacy) tbody tr {
	text-shadow: 1px 1px 0px #FFF;
}
body:not(#page-privacy) tbody tr:nth-child(odd) {
	background: #DDD;
}
body:not(#page-privacy) tbody tr:nth-child(odd) td:nth-child(even) {
	background: #EEE;
}
body:not(#page-privacy) tbody tr:nth-child(even) td:nth-child(odd) {
	background: #EEE;
}

body:not(#page-privacy) .stacktable.large-only { display: none; }
body:not(#page-privacy) .stacktable.small-only { display: table; }

body:not(#page-privacy) main table p, body:not(#page-privacy) main table h1, body:not(#page-privacy) main table h2, body:not(#page-privacy) main table h3, body:not(#page-privacy) main table h4, body:not(#page-privacy) main table h5, body:not(#page-privacy) main table h6 {
	margin: 0;
	line-height: 120%;
}

.error {
	border: 5px solid #aa001f;
	padding: 30px;
	margin: 0 0 30px 0;
}
main .error ul { margin: 0; }
.error h5 {
	color: #aa001f;
}

}


@media all and (min-width: 0px) and (max-width: 1023px) {
	
body:not(#page-privacy) table.regtable, body:not(#page-privacy) table.regtable thead, body:not(#page-privacy) table.regtable tbody, body:not(#page-privacy) table.regtable th, body:not(#page-privacy) table.regtable td, body:not(#page-privacy) table.regtable tr { 
	display: block; 
	width: auto !important; 
}
body:not(#page-privacy) table.regtable tbody tr:nth-child(even) td:nth-child(even) {
	background: #DDD;
}
body:not(#page-privacy) table.regtable td.emptycell { background: #FFF !important; }

body:not(#page-privacy) .stacktable { width: 100%; }

.st-head-row { background: #333; color: #FFF; text-shadow: none; padding: 15px; text-align: center; }
.st-head-row a { color: #FFF; }
.st-head-row.st-head-row-main { display: none; }
.st-key { width: 60%; }
.st-val { width: 40%; }

iframe.locations {
	width: 100% !important;
	height: 150px !important;
}

	
}


@media all and (min-width: 1024px) {

body:not(#page-privacy) .stacktable.large-only { display: table; }
body:not(#page-privacy) .stacktable.small-only { display: none; }

body:not(#page-privacy) table td {
	vertical-align: top;
}

iframe.locations {
	width: 100% !important;
	height: 300px !important;
}
	
}
/* cmsms stylesheet: Mobile modified: 02/15/18 01:15:53 */
/* CSS Document */

@media (min-width: 0px) {

.wrapper {
	padding: 0 7.5%;
}
header .wrapper {
	padding: 0 2.5%;
}
#topmenu .wrapper { padding: 0; }

#searchslide .wrapper {
	padding: 0;
}
.desktop, #drawerwrap, nav#top {
	display: none;
}
#searchslide {
	position: fixed;
	top: -55px;
	height: 55px;
	padding: 0;
	background: #EEE;
	width: 100%;
	z-index: 1500;
}
#searchslide.showsearch {
	top: 0;
}
#topmenu.showsearch {
	top: 55px;
}
header.showsearch {
	top: 85px;
}
#pushwrap.showsearch {
	margin-top: 165px;
}
#topmenu {
	background: #DDD;
	padding: 5px 0;
	z-index: 1500;
	height: 30px;
	position: fixed;
	width: 100%;
	top: 0;
}
#topicons {
    margin: 0;
    width: 100%;
}
#topicons a {
	display: inline-block;
	color: #222;
	font-size: 85%;
}
#topicons .tblinkwrap {
	display: block;
	float: left;
	color: #FFF;
text-align: left;
}
#topicons #callit { 
width: 50%; 
margin: -1px 0 0 0; 
padding-left: 2.5%;
}
#topicons #callit a { margin-top: 3px; }

#topicons #searchit { 
width: 50%; 
float: right;
margin-top: -6px;
}

#topicons #callit img {
width: 15px;
    height: auto;
    margin: 3px 7px -5px 0px;
    display: block;
    float: left;
}
input[type=text].search-input {
    width: 100%;
    border-radius: 0;
    padding: 8px 20px 8px 40px;
    background: rgba(255, 255, 255, 0.5);
    border: none;
    font-family: 'Arapey', 'Lato', Arial, Helvetica, sans-serif;
font-style: italic;
    letter-spacing: 1px;
    font-size: 110%;
    pointer-events: all;
    display: inline-block;
    margin: 0px 0px 0px 15px;
    min-width: 170px;
    float: right;
border-bottom: 1px solid #CCC;
}
input[type=submit].search-button, input[type=submit].search-button:hover {
    width: 14px;
    height: 25px;
margin: 0;
position: absolute;
top: 2px;
left: 14px;
    cursor: pointer;
    float: left;
    display: block;
    border: none;
    background: none;
background-image: url(http://fnbfs.thephbalance.com/uploads/layout/icon-search.png);
    background-size: contain;
background-repeat: no-repeat;
background-position: center center;
    z-index: 500;
    padding: 0;
    color: transparent;
    display: block;
}

header {
	padding: 10px 0;
	position: fixed;
	top: 30px;
	width: 100%;
	background: #FFF;
	z-index: 5000;
	height: 80px;
	/*
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25)
	*/
}
#logo {
	float: left;
	width: 75%;
	text-align: left;
}
#logo img {
	max-height: 60px;	
	width: auto;
}
#tagline { display: none; }

nav#mm {
	float: right;
	height: 30px;
	width: 25%;
	margin: 15px 0px 0px;
	text-align: right;
}
#pushwrap {
	margin-top: 110px;
}
#promobg, #titlebg {
	padding: 40px 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-color: #DDD;
}
#titlebg {
	padding: 100px 0 0 0;
	background-position: center top 50%;
}
#titlebg .wrapper {
	padding: 0;
}
#title {
	width: 100%;
	background: rgba(0, 0, 0, 0.9);
	padding: 20px 40px;
}
#logintabs {
	margin: 0 0 20px 0;
}
#specials {
	background: rgba(0, 0, 0, 0.9);
	padding: 40px;
}
#promostrip {
	padding: 20px 0 30px 0;
	background-color: #DDD;
}
#promostrip img {
	display: block;
	margin: 0 auto 5px auto;
	width: 30px;
	height: auto;
}
#promostrip .col33 {
	padding: 10px 0;
	white-space: nowrap;
}
main { display: block; }

.internal main {
	border-top: 15px solid #980130;
}
#content {
	padding: 20px 0 40px 0;
}
#home #content, .formpage #content {
	padding: 40px 0;
}
#content div, #columns div {
	text-align: left;	
}
#content div.breadcrumb {
	text-align: center;
}
#columns {
	background: #DDD;
	padding: 30px 0;
}
#columns .col33 {
	padding: 10px 0;
}
#footer {
	background: #FFF;
	padding: 40px 0;
	display: block;
}
#footer .footcol {
	display: block;
	width: 100%;
	margin: 0 0 20px 0;
}
#footer #col5, #footer #col6 {
	display: none;
}
#footer a img, #footer #col2 img {
	display: inline-block;
	margin: 10px;
	width: auto;
	height: 40px;
}
#footer img#firstbank { height: 60px; margin: 0 15px -5px -10px; }

#footer .sm a img, #footer .apps a img {
	margin: 5px;
	width: 150px;
	height: auto;
}
#footer a:hover img {
	-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=75)”;
	filter:alpha(opacity=75);
	opacity:0.75;
}
#footer #col1 a img {
	width: 100px;
	height: auto;
}


#credits { 
background: #222; 
padding: 25px 5%; 
    display: block;
    width: 100%;
}

#sm, #paymethods, #appstores { display: block; width: 100%; padding: 15px 0; text-align: center; }

#sm svg { width: 30px; height: 30px; margin: 11px; }
#paymethods svg { width: auto; height: 24px; margin: 15px; }
#appstores img { height: 40px; margin: 5px; }

#paymethods a:first-of-type svg { height: 30px; }

#sm a path, #sm a ellipse, #paymethods a path { fill: #CCC; }
#sm a;hover path, #sm a:hover ellipse, #paymethods a:hover path { fill: #FFF; }


#page-go .breadcrumb { display: none; }
#page-go #content { padding: 40px 0; }


}

@media (min-width: 1024px) {

#sm, #paymethods, #appstores { width: 33.33%; float: left; padding: 0; }
#sm { text-align: center; }
#appstores { text-align: left; }
#paymethods { text-align: right; }
	
.wrapper {
	padding: 0 7.5%;
}
.desktop { display: block; }

.mobile { display: none; }

#topmenu {
	background: #DDD;
	padding: 8px 0 5px 15px;
	height: auto;
	position: relative;
}
nav#top {
	float: left;
	display: block;
}


#topicons {
	float: right;
	margin: 5px 0 0 0;
	width: auto;
}
#topicons #searchit {
width: auto;
float: right;
margin-top: -14px;
}
#topicons #callit { 
width: auto; 
margin: -5px 15px 0 0;
}
#topicons #callit span { 
display: inline;
}

input[type=text].search-input {
    width: auto;
padding: 12px 20px 11px 40px;
margin: -13px 0px -13px 15px;
}
input[type=submit].search-button, input[type=submit].search-button:hover {
    width: 15px;
margin: -7px -50px 0px 30px;
position: relative;
top: auto;
left: auto;
}




#searchslide .wrapper {
	padding: 0 5%;
	padding-right: calc(5% - 10px);
}
#searchslide {
	display: none;
	position: relative;
	margin-top: -65px;
	top: 0;
	background: #222;
	height: 65px;
	padding: 0;
}
#searchslide.showsearch {
	margin-top: 0;
	margin-bottom: 0;
}
#topmenu.showsearch {
	top: 0;
}
header.showsearch {
	top: 0;
}
#pushwrap.showsearch {
	margin-top: 0;
}
#topmenu.showsearch #topicons #searchit img {
  -webkit-transform: rotate(0deg);     /* Chrome and other webkit browsers */
  -moz-transform: rotate(0deg);        /* FF */
  -o-transform: rotate(0deg);          /* Opera */
  -ms-transform: rotate(0deg);         /* IE9 */
  transform: rotate(0deg);
}
header {
	z-index: 1250;
	position: relative;
	border-bottom: none;
	height: auto;
	top: 0;
	padding: 15px 0 10px 0;
}
#logo {
	width: auto;
margin-left: -10px;
}
#logo img {
	height: 90px;
	max-height: none;
}
#tagline { 
	display: block; 
	padding: 5px 0 0 113px;
}
#searchmain { margin-top: 5px; pointer-events: none; }

nav#primary {
	position: absolute;
	bottom: -15px;
	right: 2.5%;
    width: 100%;
    text-align: right;
    display: block;
}
#drawerwrap {
	background: #FFF;
	height: 180px;
	margin-top: -180px;
	padding: 23px 0 18px 0;
	z-index: 1000;
	display: block;
}
/*
#drawerwrap {
	background: #222;
	height: 180px;
	margin-top: -180px;
	padding: 20px 0;
	z-index: 1000;
	display: block;
	-webkit-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.75);
	box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.75);
}
*/
#drawerwrap .wrapper {
	padding: 0 5%;
	text-align: right;
}
#drawerwrap.show {
	margin-top: 0;
}
.drawer { display: none; }
.drawer.active { display: block; text-align: left; }

#titlebg {
	text-align: left;
}
#titlebg .wrapper {
	padding: 0 7.5%;
}
#title {
	left: -40px; 
	width: auto;
	display: inline-block;
}
#pushwrap {
	margin-top: 0px;
}
#logintabs {
	float: left;
	width: 500px;
	margin: 0;
	text-align: left;
}
ul.tabs {
	height: 35px;
}
.tab-content {
	height: 250px;
}
#specials {
	float: left;
	width: 400px;
	text-align: left;
	margin: 35px 0 0 0;
	height: 250px;
}
#promostrip {
	padding: 15px 0px;
}
#promostrip .wrapper {
	padding: 0 2.5%;
}
#promostrip .col33 {
	width: 33%;
	float: left;
	padding: 10px 2.5%;
	text-align: left;
}
#promostrip img {
	float: left;
	margin: -2px 15px 0px 0px;
	height: 30px;
	width: auto;
}
#content div.breadcrumb {
	text-align: left;
}
#columns {
	padding: 40px 0;
}
#columns .col33 {
	padding: 0;
	width: 33%;
	float: left;
	text-align: left;
	padding: 0 40px 0 0;
}
#columns .col33:last-child {
	padding: 0;
}

}




@media (min-width: 1200px) {
	
#topmenu .wrapper, header .wrapper {
	padding: 0 2.5% 0 5%;
}
#logo { margin-left: -40px; }

#logo img {
	height: 100px;
}
#tagline {
	padding: 5px 0 0 125px;
}
#footer .wrapper {
	padding: 0 2.5%;
}
#footer .footcol {
	text-align: left;
	float: left;
	display: block;
	padding: 0 10px;
	margin: 0;
}
#footer #col1 {
	width: 10%;
}
#footer #col2 {
	width: 40%;
	padding: 0 20px 0 10px;
}
#footer #col3 {
	width: 32.5%;
float: right;
margin-right: 2.5%;
}

#footer a img {
	margin: 0 20px 0 0;
}
#footer .sm a img, #footer .apps a img {
	margin: 0 10px 10px 0;
	width: 125px;
	height: auto;
}
#footer #col1 a img {
	width: auto;
	height: auto;
}


	
}
/* cmsms stylesheet: Menu modified: 02/27/18 12:12:45 */
/* CSS Document */

@media all and (min-width: 0px) {



#topmenu a.visuallyhidden:focus {
width: auto;
    height: auto;
    clip: auto;
    display: inline-block;
    overflow: visible;
    position: relative;
    text-align: left;
    text-decoration: underline;
    padding: 3px 0 5px 0;
margin-bottom: 8px;
}



/* MOBILE LOGIN */

#mmlogintabs {
display: block;
margin: 0 0 30px 0;
}
#mmlogintabs #toplogin {
width: 80%;
margin: 0 auto;
display: block;
}
#mmlogintabs #toplogin input#userId { 
text-align: center; 
margin-bottom: 0;
border-radius: 0;
}
#mmlogintabs #toplogin input#userId::placeholder { color: #222; }

#mmlogintabs #toplogin input#submit {
width: 100%;
margin: 0 0 15px 0;
-webkit-appearance: none;
background: #555;
border-radius: 0;
}

#mmlogintabs #toploginlinks ul, #mmlogintabs #toploginlinks li {
margin: 0; padding: 0;
}
#mmlogintabs #toploginlinks ul li ul { display: none; }

#mmlogintabs #toploginlinks a {
    color: #666;
    margin: 0 15px;
    text-decoration: underline;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 70%;
text-align: left;
}
#mmlogintabs #toploginlinks a:hover {
    color: #FFF;
}

/* END MOBILE LOGIN */

	
nav ul, nav li, .drawer ul, .drawer li, #footer ul, #footer li, #columns ul, #columns li, .sitemap ul, .sitemap li { 
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: inline-block;
	font-style: normal;
}
.sitemap {
	width: 100%;
	margin: 0 0 40px 0;
}
.drawer li, .sitemap li {
	display: block;
}
.drawer li a, .sitemap li a, nav li:hover ul li a {
	display: block;
	padding: 3px;
	font-size: 100%;
font-weight: normal;
text-decoration: underline;
}
.drawer li a, nav li:hover ul li a {
	color: #222;
	-webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
	transition: none;
}
.drawer li a:hover, .sitemap li a:hover, nav li:hover ul li a:hover {
	color: #9a0130 !important;
	font-weight: bold;
text-decoration: none;
}
.sitemap li a {
	color: #666;
}
.drawer li:first-child a, .sitemap li:first-child {
	font-size: 150%;
	margin: -2px 0px 20px;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.drawer li:first-child a, .sitemap li:first-child a {
	color: #9a0130;
}
.drawer li:first-child a {
	font-weight: bold;
}
.sitemap li:first-child {
	color: #CCC;
}
nav a:hover, nav li:hover a, .drawer li a:hover, nav#top a:hover, .sitemap li a:hover, nav li:hover ul li a:hover, 
nav#primary .dlopen a:hover, nav#primary li.dlopen:hover a, .drawer li:first-child a:hover, .sitemap li:first-child a:hover {
	color: #9a0130;
text-decoration: none;
}
li.sectionheader {
	display: none;
}
#columns ul, #columns li, #footer ul, #footer li { display: block; width: 100%; }

#columns li a {
	display: block;
	width: 100%;
	padding: 10px 20px;
	color: #666;
text-decoration: none;
}
#columns li:nth-child(odd) a {
	background: #FFF;
}
#columns li a:hover {
	background: #9a0130;
	color: #FFF;
	text-shadow: none;
}
#footer ul {
	margin: 20px 0 0 0;
}
#footer li a {
	font-size: 90%;
	color: #666;
	display: block;
text-decoration: none;
padding: 0 0 5px 0;
font-weight: normal;
}
#footer li a:hover { color: #9a0130; font-weight: bold; text-decoration: underline; }

#footer #col3 ul { margin: 0; column-count: 2; }
#footer #col3 ul li a { color: #9a0130; }
#footer #col3 ul li a:hover { color: #222; }

div.breadcrumb {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 90%;
	margin: 0 0 60px 0;
}
span.breadcrumb {
	margin: 0 10px 0 0;
}
span.breadcrumb:after {
	content: '»';
	display: inline-block;
	margin: 0 0 0 10px;
}
span.breadcrumb:last-child:after {
	content: '';
}
span.breadcrumb.hideme { display: none; }








}



@media all and (min-width: 1024px) {


#topmenu a.visuallyhidden:focus {
margin-bottom: 0px;
}


/* TOP LOGIN DESKTOP */

#toplogintabs {
width: auto;
float: right;
margin: 0px 0 0 0;
}
#toplogintabs #toplogin { 
display: block;
margin: 0 0 5px 0;
}
#toplogintabs #toploginlinks {
display: inline-block;
text-align: right;
padding: 0px 0 0 0;
float: right;
clear: right;
}



#toplogintabs #toplogin input#userId {
    float: left;
    width: calc(100% - 130px);
    font-size: 80%;
    padding: 10px 15px;
    font-style: italic;
    font-family: "Arapey", "Lato", Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    background: #EEE;
height: 35px;
margin: 0;
border: 1px solid #CCC;
}
#toplogintabs #toplogin input#submit {
float: right;
    width: 130px;
    font-size: 60%;
    height: 35px;
    letter-spacing: 1px;
margin: 0;
}

#toplogintabs #toploginlinks a {
text-decoration: none;
    font-size: 60%;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0;
    color: #999;
padding: 10px;
font-weight: bold;
}
#toplogintabs #toploginlinks a:hover {
color: #9a0130;
text-decoration: underline;
}
#toplogintabs #toploginlinks > ul > li > a { padding-right: 15px; }

#toplogintabs #toploginlinks > ul > li > a:after {
    right: 0px;
    top: 12px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(204, 204, 204, 0);
    border-top-color: #CCC;
    border-width: 5px;
    margin-left: -5px;
}
#toplogintabs #toploginlinks > ul > li:hover > a:after {
	border-color: rgba(154, 1, 48, 0);
	border-top-color: #9a0130;
}



#toplogintabs #toploginlinks ul, #mmlogintabs #toploginlinks li { list-style-type: none; margin: 0; padding: 0; }

#toplogintabs #toploginlinks li ul { opacity: 0; pointer-events: none; position: absolute; z-index: 0; }
#toplogintabs #toploginlinks li:hover ul, #toplogintabs #toploginlinks li:focus ul,
#toplogintabs #toploginlinks li:focus ul li, #toplogintabs #toploginlinks li:focus ul li a { 
opacity: 1.0;
pointer-events: all;
z-index: 3000;
 }

#toplogintabs #toploginlinks li ul {
background: #FFF;
    padding: 10px 15px 15px 15px;
    position: absolute;
    top: 24px;
    left: 0;
    border-top: 5px solid #9a0130;
    border-bottom: 5px solid #9a0130;
    width: 100%;
-webkit-box-shadow: 0px 16px 25px -4px rgba(0,0,0,0.6);
-moz-box-shadow: 0px 16px 25px -4px rgba(0,0,0,0.6);
box-shadow: 0px 16px 25px -4px rgba(0,0,0,0.6);
}


/* END TOP LOGIN DESKTOP */


	
a.closenav {
	color: #9a0130;
	text-transform: uppercase;
	letter-spacing: 1px;
	position: absolute;
	bottom: 8px;
	right: 5%;
	font-size: 65%;
	font-weight: bold;
	padding: 5px 0 0 0;
	cursor: pointer;
}
a.closenav:hover {
	color: #9a0130;
}
	
a.closenav:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(102, 102, 102, 0);
	border-bottom-color: #9a0130;
	border-width: 8px;
	margin-left: -9px;
}
a.closenav:hover:after {	
	border-bottom-color: #9a0130;
}
nav li.parent {  
position: static;
	z-index: 2000; 
}
nav > ul > li > a.parent:after {
	bottom: 5px;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(204, 204, 204, 0);
	border-top-color: #CCC;
	border-width: 8px;
	margin-left: -8px;
}
nav > ul > li:hover > a.parent:after {
	border-color: rgba(154, 1, 48, 0);
	border-top-color: #9a0130;
}
nav a {
	padding: 20px 15px 25px 15px;
	font-size: 150%;
	text-decoration: none;
	font-weight: 700;
	display: block;
	color: #222;
-webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
	transition: none;
}
nav a:hover { text-decoration: underline; }

nav#primary .dlopen a, nav#primary li.dlopen a {
color: #9a0130;
text-decoration: none;
}
nav li.dlopen.parent:after {
	border-top-color: #9a0130;
}
nav li.parent:hover:after, nav li.dlopen.parent:hover:after {
	border-top-color: #9a0130;
}
nav#top a {
	padding: 4px;
	font-size: 90%;
margin: 0 21px 0 0;
	color: #222;
}
nav#top li:first-child a {
	color: #9a0130;
}
nav#top a:hover, #topicons a:hover {
	color: #9a0130;
text-decoration: underline;
}
nav li ul { 
	display: none; 
}
nav li.menuparent:hover ul, nav li.parent:hover ul { 
	display: block; 
	position: absolute;
	text-align: left;
	white-space: nowrap;
}
nav li.menuparent ul, nav li.parent ul { 
	position: absolute;
	z-index: 1000;
}
.sitemap {
	margin: 0 0 80px 0;
}
.drawer ul, .sitemap ul {
    -moz-column-count: 4;
    -moz-column-gap: 20px;
    -webkit-column-count: 4;
    -webkit-column-gap: 20px;
    column-count: 4;
    column-gap: 20px;
	width: 100%;
}
.drawer li a, .sitemap li a, nav li:hover ul li a {
	font-size: 90%;
}


/* NEW MEGA DD */

nav#primary > ul { display: block; width: 100%; position: relative; z-index: 2000; }

nav#primary li ul li ul, nav#primary li ul li ul li ul { display: none !important; }

nav li ul { 
position: absolute;
right: 15px;
top: 72px;
width: 45%;
background: #FFF;
    padding: 30px 2.5% 30px 2.5%;
    z-index: 1000;
  column-count: 2;
column-gap: 20px;
-webkit-box-shadow: 0px 16px 25px -4px rgba(0,0,0,0.6);
-moz-box-shadow: 0px 16px 25px -4px rgba(0,0,0,0.6);
box-shadow: 0px 16px 25px -4px rgba(0,0,0,0.6);
    border-top: 10px solid #9a0130;
border-bottom: 10px solid #9a0130;
}
nav li ul li { display: block;  }

nav li:hover ul li a { 
    font-size: 90%;
display: block;
    padding: 7px 5px;
    font-size: 105%;
    font-weight: normal;
    text-decoration: none;
color: #222;
}
nav li:hover ul li a:hover { text-decoration: underline; }





}

@media all and (min-width: 1200px) {
	
nav#top a {
	padding: 4px;
margin: 0 36px 0 0;
}
.drawer li a, .sitemap li a, nav li:hover ul li a {
	font-size: 105%;
}

}
/* cmsms stylesheet: Elements modified: 02/14/18 00:17:19 */
/* CSS Document */

@media all and (min-width: 0px) {

	
/* PROPERTY */

a.property {
	display: block;
	width: 100%;
	margin: 0 auto 25px auto;
	border: 1px solid #CCC;
	padding: 25px;
}
.propimg, .propimgdetail, .commimg {
	width: 100%;
	padding-bottom: 75%;
	background-size: cover;
	background-position: center center;
	margin: 0 0 25px 0;
}
.propdesc { text-align: center !important; min-height: 75px; }
.property h5, .property h6 { margin: 0; }

.propimgdetail {
	width: 100%;
}
.propmap {
	width: 100%;
}
.propmap iframe {
	width: 100%;
	height: 300px !important;
}
.commwrap {
	display: block;
	width: 100%;
}
.commimg {
	border: 1px solid #CCC;
}
	
/* FORMS */

fieldset { padding: 0; border: none; }

.form > span:first-child, .form .fbsubmit_prev { display: none; }

.step b { color: #aa001f; }

input, textarea, select {
	padding: 10px;
	border: none;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	color: #222;
	font-size: 100%;
	margin: 5px 0 15px 0;
	width: 100%;
	background: #DDD;
}

label {
	margin: 0;
	font-weight: 700;
	font-style: normal;
	width: 100%;
	text-transform: uppercase;
	font-size: 90%;
	letter-spacing: 1px;
}
input[type=radio], input[type=checkbox] {
	width: auto !important;
	display: inline;
	margin: 10px 3px 15px 0;
}
.form div:first-child input[type=checkbox] {
	margin: 25px 3px 15px 0
}
.form div:last-child input[type=checkbox] {
	margin: 10px 3px 45px 0
}
select {
	margin: 5px 0 10px 0;
	width: 100%;
	display: block;
	background: #DDD;
}
.dob select {
	width: 32%;
	display: inline-block;
	margin: 5px 1% 10px 0;
}
.dob label {
	display: block;
}
.textline {
	display: block;
	width: 100%;
	height: 40px;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #999;
}
#debitapp {
    border: 5px solid #CCC;
    padding: 50px;
    color: #999;
    display: block;
    margin: 20px 0 30px 0;
}
input[type=submit], input[type=button] {
	padding: 10px 20px;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight: bold;
	width: auto;
	cursor: pointer;
	background: #9a0130;
	color: #FFF;
	text-transform: uppercase;
	font-size: 90%;
}
#logintabs input[type=text], #logintabs input[type=password] {
	background: #FFF;
	text-align: center;
	-webkit-box-shadow: 0px 5px 0px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 5px 0px 0px rgba(0,0,0,0.35); 
	box-shadow: 0px 5px 0px 0px rgba(0,0,0,0.35);
	border: 1px solid #999;
	margin: 0 0 10px 0;
}
#logintabs input[type=submit] {
	width: 100%;
	background: #000;
	margin: 0;
}
#logintabs label { 
	color: #000;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5);
	font-size: 70%;
	letter-spacing: 0;
	width: auto;
	display: inline;
	margin: 0 10px 0 0;
}

input[type=submit]:hover, input[type=button]:hover {
	background: #cc0025;
	color: #FFF;
}
#logintabs input[type=submit]:hover {
	background: #9a0130;
	color: #FFF;
}

.captcha { text-align: center; }
.captcha img { display: block; margin: 0 auto; }


/* BANNERS */

#banners a {
	padding: 0 0 10px 0;
	display: block;
}
#banners a img {
	border: 2px solid #FFF;
}
#banners a:hover img {
	opacity: 0.6;
}
#home main .col33:nth-child(2) p { display: none; }

/* TABS */

ul.tabs {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ul.tabs li {
	background: #980130;
	color: #FFF;
	display: block;
width: 48%;
margin: 1%;
float: left;
	padding: 10px 15px;
	cursor: pointer;
	font-size: 80%;
	text-transform: uppercase;
}
ul.tabs li span { display: none; }
ul.tabs li:hover {
	background: #000;
}
ul.tabs li a { color: #FFF; }

ul.tabs li.current, ul.tabs li.current:hover {
	background: #FFF;
	color: #444;
font-weight: bold;
}
.tab-content {
	display: none;
	background-color: rgba(255, 255, 255, 0.85);
	background: rgba(255, 255, 255, 0.85);
	color: rgba(255, 255, 255, 0.85);
	padding: 30px;
	border: 7px solid #FFF;
	max-width: 800px;
	margin: 0 auto;
	-webkit-box-shadow: 0px 7px 5px 0px rgba(0,0,0,0.45);
	-moz-box-shadow: 0px 7px 5px 0px rgba(0,0,0,0.45);
	box-shadow: 0px 7px 5px 0px rgba(0,0,0,0.45);
}
.tab-content.current{
	display: inherit;
}

/* SLIDESHOWS */

.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 20px; height: 20px; 
    display: inline-block; color: #666; cursor: pointer; 
}
.cycle-pager span:hover {
	color: #FFF;
}
.cycle-pager span.cycle-pager-active { color: #980130;}
.cycle-pager > * { cursor: pointer; }

.promo-wrap {
	padding: 0 0 120px 0;
}
.promo-wrap h2 {
	line-height: 100%;
	margin: 0 0 10px 0;
	font-size: 185%;
}
.promo-wrap p {
	font-size: 110%;
}
.promolink {
	position: absolute;
	bottom: 40px;
	width: 100%;
}
#promopager {
	position: absolute;
	bottom: -10px;
	width: 100%;
	z-index: 1000;
}
.featured-wrap {
	display: block;
	width: 100%;
	height: 100%;
}
.featuredimg {
	margin: 0 0 40px 0;
}
.featuredmore {
	margin: 40px 0 0 0;
	height: 50px;
}
#ss-promo, .promo-wrap {
	position: relative;
	width: 100%;
	height: 100%;
}
.featuredmore a, .promolink a {
	position: relative;
	background: #999;
	padding: 11px 15px 11px 20px;
text-decoration: none;
}
.promolink a {
	background: #666;
}
.featuredmore a:after, .promolink a:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(205, 0, 0, 0);
	border-left-color: #999;
	border-width: 20px;
	margin-top: -20px;
}
.promolink a:after {
	border-left-color: #666;
}
.featuredmore a:hover, .promolink a:hover {
	background: #aa001f;
}
.featuredmore a:hover:after, .promolink a:hover:after {
	border-left-color: #aa001f;
}
a.cycle-prev, a.cycle-next {
	position: absolute;
	z-index: 1000;
	width: 40px;
	bottom: 0;
}
a.cycle-prev img, a.cycle-next img {
	-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=45)”;
	filter:alpha(opacity=45);
	opacity:0.45;
}
a.cycle-prev img:hover, a.cycle-next img:hover {
	-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=100)”;
	filter:alpha(opacity=100);
	opacity:1.0;
}
a.cycle-prev { right: calc(7.5% + 40px); }
a.cycle-next { right: 7.5%; }


/* MISC */

#col3.footcol img {
	max-width: 100px;
}
	

}

@media all and (min-width: 800px) {
	
/* PROPERTY */

a.property {
	float: left;
	width: 47%;
	margin: 1.5%;
}
	
}

@media all and (min-width: 1024px) {
	
/* PROPERTY */

a.property {
	width: 30%;
	margin: 1.5%;
}
.propimgdetail {
	float: left;
	width: 49%;
	padding-bottom: 0;
	height: 400px;
	margin-right: 0.5%;
}
.propmap {
	float: left;
	width: 49%;
	margin-left: 0.5%;
}
.propmap iframe {
	width: 100%;
	height: 400px !important;
}
.commimg {
	float: left;
	width: 30%;
	padding-bottom: 30%;
	margin: 0 5% 0 0;
}
.commimg.detail {
	width: 45%;
	padding-bottom: 50%;
	margin: 0 5% 0 0;
}
.commdesc {
	float: right;
	width: 65%;
	padding-top: 10%;
}
.commdesc.detail {
	width: 50%;
	padding-top: 0;
}
	
/* SLIDESHOWS */

.promo-wrap {
	padding: 0;
}
#promopager {
	position: absolute;
	right: 0;
	bottom: -10px;
	width: auto;
}
.promolink {
	position: absolute;
	left: 0;
	bottom: 10px;
	width: auto;
}
.featuredimg {
	float: left;
	width: 40%;
	display: block;
	margin: 0;
}
.featuredcontent {
	float: right;
	width: 55%;
	display: block;
	padding: 20px 5% 0 0;
}
/* TABS */

ul.tabs li {
float: none;
margin: 0;
width: auto;
display: inline-block;
}
ul.tabs li span { display: inline; }
}