/* reset paddings and margins on everything */
* {
	padding: 0;
	margin: 0;
}
form {
	max-width: none!important;
}
/* page wxh */
html, body {
	position: relative;
	
    font-family: Trebuchet MS, Tahoma, Geneva, Arial, Helvetica, sans-serif;
}
/* page background (same as footer) */
html, body {
	background: #fff;
}
/* set up font defaults */
html {
	font-size: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
body {
	font-style: normal;
	font-weight: 400;
	font-size: 1em; /* 16px, usually */
	color: #555;
	line-height: 1.4;
	-webkit-text-size-adjust: 1em;
	-ms-text-size-adjust: 1em;
	-moz-text-size-adjust: 1em;
}
.imr-bp-lower, .driver-bp-lower {
    display: none!important;
}
#learnMoreBut {
    margin-right: 20px; 
    display: inline-block;
}
#flexButContainer {
    margin-left: 430px; 
}
#signUpBut {
    display: inline-block;
}
.accordion h4 {
	width: 500px!important;
}
.accordionContainer {
	width: 540px!important;
}
.accordion h5 {
	/*width: 450px!important;*/
}
.accordion .s {
	width: 400px!important;
}
#helpSearchSubmit {
	left: auto!important;
	right: -220px!important;
}
#helpSearch {
	left: auto!important;
	right: -200px!important;
}
body {
	font-size: 1em;
} /* since using ems, this will shrink all fonts on sm screens */

select {
	height: 40px;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	padding: .3em .5em;
	margin-bottom: 5px!important;
	margin-top: 5px!important;
	width: 219px
}
input[type='text'], input[type='password'], input[type='checkbox'] {
	box-shadow: none;
	font-size: 1em;
	font-weight: 300;
	font-style: normal;
	padding: .3em .5em;
	background: transparent;
	color: #101010;
	border: 1px solid #e5e5e5;
	margin-bottom: 5px;
	margin-top: 5px;
}
input[type='text'], input[type='password'], select {
	width: 250px!important;
}
input[type='submit'], input[type='button'], button[type='submit'] {
	border: none;
	display: inline-block;
	padding: 7px 35px;
	color: #fff;
	background: #26ACE2;
	font-size: 18px;
	text-transform: none;
	font-weight: 300;
	letter-spacing: 1px;
	border-radius: 2px;
	margin-top: 20px;
	box-shadow: 0px 10px 20px 0px #d5d5d5;
	text-decoration: none;
	line-height: 16px;
	transition: 0.8s all;
	cursor: pointer;
	width: auto;
}
input[disabled=disabled][type='submit'], input[disabled][type='submit'], input[disabled=disabled][type='button'], input[disabled][type='button'] {
	background: #ccc;
}
input[type='submit'].small, input[type='button'].small {
	 border: none;
    display: inline-block;
    padding: 15px 35px;
    color: #fff;
    background: #FF7F00;
    font-size: 18px;
    text-transform: none;
    font-weight: 300;
    letter-spacing: 1px;
    border-radius: 45px;
    margin-top: 20px;
    box-shadow: 0px 10px 20px 0px #d5d5d5;
    text-decoration: none;
    line-height: 16px;
    transition: 0.8s all;
    cursor: pointer;
	width: 219px;
}
input[type='submit'].auto, input[type='button'].auto {
	width: auto;
	padding-left: 10px;
	padding-right: 10px;
}
input[type='submit'].side-box, input[type='button'].side-box {
	width: 240px;
}
input[type='submit']:hover, input[type='button']:hover {
	background: #8EC642;
}
input[disabled=disabled][type='submit']:hover, input[disabled][type='submit']:hover, input[disabled=disabled][type='button']:hover, input[disabled][type='button']:hover {
	background: #ccc;
}
/*  Bye bye yeloow auto fill bg color */
input:-webkit-autofill {
 -webkit-box-shadow: 0 0 0px 1000px white inset;
}
input[type='text'].http {
	padding-left: 45px;
	background: url(../images/inputBg.png) left center no-repeat;
}
textarea {
	color: #101010;
	border: 1px solid #e5e5e5;
	padding: .3em .5em;
	margin-bottom: 0!important;
	margin-top: 5px!important;
	width: 204px;
}
strong {
	font-style: normal;
	font-weight: 700;
}
em {
	font-style: italic;
	font-weight: 400;
}
em strong, strong em {
	font-style: italic;
	font-weight: 700;
}
#menu, #interiorMenu, #footer, h1, h2, h3, .btn, .nav, .condensed {
	font-family: Trebuchet MS, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 400;
}
#aboutTable strong {
	font-weight: 400!important;
	font-family: Trebuchet MS, Tahoma, Geneva, Arial, Helvetica, sans-serif;
}
.bold-condensed {
	font-family: Trebuchet MS, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 700;
}
/* links */
a:link, a:visited {
	color: #0078ad;
	text-decoration: none;
}
a:active, a:hover {
	color: #094663;
	text-decoration: none;
	outline: 0;
}
a.pdf {
	color: #398EDA;
	display: inline-block;
	background: url(/dashboard/images/iconPDF.png) no-repeat left center;
	padding-left: 35px;
	padding-top: 6px;
	height: 25px;
	margin: 7px 0 7px 7px;
	font-size: 1em;
	line-height: 1.05em;
}
a.pdf.one-line {
	padding-top: 12px;
	height: 36px;
}
a.ppt {
	color: #398EDA;
	display: inline-block;
	background: url(/dashboard/images/iconPPT.png) no-repeat left center;
	padding-left: 35px;
	padding-top: 6px;
	height: 25px;
	margin: 7px 0 7px 7px;
	font-size: 1em;
	line-height: 1.05em;
}
a.kn {
	color: #398EDA;
	display: inline-block;
	background: url(/dashboard/images/iconKN.png) no-repeat left center;
	padding-left: 35px;
	padding-top: 6px;
	height: 25px;
	margin: 7px 0 7px 7px;
	font-size: 1em;
	line-height: 1.05em;
}
a.form {
	color: #398EDA;
	display: inline-block;
	background: url(/dashboard/images/icon-form.png) no-repeat left center;
	padding-left: 60px;
	padding-top: 4px;
	height: 44px;
	margin: 12px 0 12px 10px;
	font-family: Trebuchet MS, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 1.25em;
	line-height: 1.05em;
}
a.form.one-line {
	padding-top: 12px;
	height: 36px;
}
*:focus {
	text-decoration: none;
	outline: 0 none;
}
/* text */
h1, .h1 {
	margin: 0 0 1em 0;
	font-size: 3.125em;/* don't change to px */
	font-weight: normal;
	line-height: 1em;
	color: #001d45;
	/*text-transform: uppercase;*/
}
.sect-member-trips h1 {
	/*font-size: 1.5em;*//* don't change to px */
}
h2 {
	margin: 1.1em 0;
	font-size: 1.3em;/* don't change to px */
	font-weight: normal;
	line-height: 1em;
	/*text-transform: uppercase;*/
	color: #363c48;
}
h3 {
	margin: 1.1em 0;
	font-size: 1em;/* don't change to px */
	font-weight: normal;
	line-height: 1em;
	text-transform: uppercase;
	font-weight: 700;
}
.right-col-box h2 {
	color:  #363c48; /*#94d5d2;*/
	margin: .5em 0;
}
.button {
    border: none;
    display: inline-block;
    padding: 7px 35px;
    color: #fff!important;
    background: #2578FA;
    font-size: 18px;
    text-transform: none;
    font-weight: 300;
    letter-spacing: 1px;
    border-radius: 2px;
    margin-top: 20px;
    box-shadow: 0px 10px 20px 0px #d5d5d5;
    text-decoration: none;
    line-height: 16px;
    transition: 0.8s all;
    cursor: pointer;
    width: auto;
}
.button.orange {
    background: #f98e2f;
}
@media only screen and (max-width: 767px) {
h1, h3 {
	text-align: center;
}
}
p {
	margin: 1em 0;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
.text-small {
	font-size: 80%;/* don't change to px */
}
.text-big {
	font-size: 120%;/* don't change to px */
}
.text-upper {
	text-transform: uppercase;
}
.text-normal {
	text-transform: none;
}
blockquote {
	padding: 0 50px;
	line-height: 1.2em;
}
blockquote p {
	margin: .5em 0;
}
@media only screen and (max-width: 767px) {
blockquote {
	padding: 0 30px;
}
#promotionIframe {
	width: 580px;
}

}
@media only screen and (max-width: 640px) {
#promotionIframe {
	width: 430px;
}

.accordion h4 {
	width: 270px!important;
}
.accordion .outline {
	width: 300px!important;
}
.accordionContainer {
	width: 300px!important;
}
.accordion h5 {
	width: 250px!important;
}
.accordion .s {
	width: 250px!important;
}
}
@media only screen and (max-width: 480px) {

.accordion h4 {
	width: 270px!important;
}
.accordion .outline {
	width: 300px!important;
}
.accordionContainer {
	width: 300px!important;
}
.accordion h5 {
	width: 250px!important;
}
.accordion .s {
	width: 250px!important;
}
blockquote {
	padding: 0 20px;
}
#promotionIframe {
	width: 310px;
}
}
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
/* lists */
ul {
	margin: 0;
	padding: 0 0 0 2.5em;
}
ul ul {
	margin: 0;
}
/* margin adjustments */
.no-gap-top {
	margin-top: 0 !important;
	padding-top: 0 !important;
}
.no-gap-bot {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}
.no-margin-top {
	margin-top: 0 !important;
}
.no-margin-bot {
	margin-bottom: 0 !important;
}
.no-padding-top {
	padding-top: 0 !important;
}
.no-padding-bot {
	padding-bottom: 0 !important;
}
.no-margin {
	margin: 0 !important;
}
.no-padding {
	padding: 0 !important;
}
/* floats */
.pull-right {
	float: right;
}
.pull-left {
	float: left;
}
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
.clear {
	clear: both;
	overflow: hidden;
	margin: 0;
	padding: 0;
	height: 0;
	line-height: 0;
	font-size: 0;
}
.clearme {
    clear: both;
	overflow: hidden;
	margin: 0;
	padding: 0;
	height: 0;
	line-height: 0;
	font-size: 0;
}
/* image defaults */
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
}
/* responsive images */
img.shrinkable {
	max-width: 100%;
}
/* if images are disabled in browser, hide these items */
/* .images-off .hide-when-images-off { display: none; }
.images-off .destroy-when-images-off { display: none; } */

/* background positions */
.bg-ct {
	background-position: center top !important;
}
.bg-lt {
	background-position: left top !important;
}
.bg-rt {
	background-position: right top !important;
}
.bg-cc {
	background-position: center center !important;
}
.bg-lc {
	background-position: left center !important;
}
.bg-rc {
	background-position: right center !important;
}
.bg-cb {
	background-position: center bottom !important;
}
.bg-lb {
	background-position: left bottom !important;
}
.bg-rb {
	background-position: right bottom !important;
}
/* ///// horizontal centering of content ////////////////////////////////////////////// */
/* content that is centered on the page to a max page width, with padding */
.pxc-sizer, .pxc-sizer-sm {
	position: relative;
	margin: 0 auto;
	height: 100%;
	padding: 50px 0;
}
/* .images-off .pxc-sizer, .images-off .pxc-sizer-sm { 
	padding: 20px 0;
} */
.pxc-sizer {
	max-width: 1150px;
}
.pxc-sizer-sm {
	max-width: 830px;
}
@media only screen and (max-width: 1023px) {
.slick-dots {
	width: 100%!important;
}
}
/* on small screens, use less padding */
@media only screen and (max-width: 768px) {
.pxc-sizer, .pxc-sizer-sm {
	padding: 30px 0;
}
.hide-me768 {
	display: none!important;
}
#header .menu-ce {
	display: inline-block;
}
#header .logo {
	position: absolute;
	top: 20px;
	left: 20px;
    display: none;
}
.responsive-img {
	width: 90%
}
}
@media only screen and (max-width: 480px) {
.pxc-sizer, .pxc-sizer-sm {
	padding: 10px 0;
}
}
/* on print, use even less padding */
@media print {
.pxc-sizer, .pxc-sizer-sm {
	padding: 20px 0;
}
}
/* remove the usual padding when the content is in a bg area or fixed area */
#header .pxc-sizer {
	padding: 0;
}
/* ///// columns ////////////////////////////////////////////////////////////////////// */
/* columns are done table-style with divs so they can be stacked on small screens */
.pxc-table {
	display: table;
	width: 100%;
	height: 100%;
}
.pxc-table.zebra .pxc-tr:nth-child(even) .pxc-td {
	background: #fff;
}
.pxc-tr {
	display: table-row;
}
.pxc-td {
	display: table-cell;
}
/* default alignment is middle, else set to top */
.pxc-td {
	vertical-align: middle;
}
.pxc-td.td-top {
	vertical-align: top;
}
/* if the table has an image in it that needs to be shrinkable, it has to be fixed layout */
.pxc-img {
	table-layout: fixed;
}
/* one column table */
.pxc-td {
	padding: 0 20px;
}
/* two column table - by default 50% columns, else set other % */
.pxc-2col .pxc-td {
	width: 50%;
}
.pxc-2col .pxc-td.td-30p {
	width: 30%;
}
.pxc-2col .pxc-td.td-70p {
	width: 70%;
}
.pxc-2col .pxc-td.td-35p {
	width: 35%;
}
.pxc-2col .pxc-td.td-65p {
	width: 65%;
}
.pxc-2col .pxc-td.td-40p {
	width: 40%;
}
.pxc-2col .pxc-td.td-60p {
	width: 60%;
}
.pxc-2col .pxc-td.td-25p {
	width: 25%;
}
.pxc-2col .pxc-td.td-75p {
	width: 75%;
}
/* three column table */
.pxc-3col .pxc-td {
	width: 33%;
}
.pxc-3col .pxc-td-left {
}
.pxc-3col .pxc-td-mid {
	width: 34%;
}
.pxc-3col .pxc-td-right {
}

.pxc-3col .pxc-td.td-10p {
	width: 10%;
}
.pxc-3col .pxc-td.td-25p {
	width: 25%;
}
.pxc-3col .pxc-td.td-30p {
	width: 30%;
}
.pxc-3col .pxc-td.td-50p {
	width: 50%;
}
.pxc-3col .pxc-td.td-60p {
	width: 60%;
}
/* four column table */
.pxc-4col .pxc-td {
	width: 25%;
}
.tableTitle {
	border-bottom: #999 1px solid;
	height: 1px;
}
.container {
	width: 1006px;
	margin: auto;
}
.container.interior {
	width: 986px;
	padding: 10px;
	margin: auto;
}
.border-box {
	border: 1px solid #eaeaea;
	margin-top: 0;
	width: 98%;
	padding: 20px;
}
@media only screen and (max-width: 480px) {
	.border-box { padding: 0 0.5em 1em 0.5em; }
}




.has-right-col {
	width: 700px;
	padding: 8px;
	float: left;
}
.right-col-box {
	width: 264px;
	padding: 10px;
	margin-top: 7px;
	float: right;
	border: #EAEAEA solid 1px;
	clear: right;
}
.has-right-col:before, .has-right-col:after {
	content: " ";
	display: table;
}
.has-right-col:after {
	clear: both;
}
.has-right-col {
*zoom: 1;
}
ul.news li {
	border-bottom: dashed 1px #eaeaea;
	width: 97%;
	padding-bottom: 5px;
}
ul.news {
	padding-left: 1.2em;
}


@media only screen and (max-width: 1200px) {
    .right-col-box {
        width: 244px;
    }
}


/* on med-lg screens, use a little less padding */
@media only screen and (max-width: 1024px) {
.pxc-td {
	padding: 0 10px;
}
}
.pxc-table.just-lines-bottom .pxc-tr .pxc-td {
	/*background: #E6E6E6;*/
	border-bottom: 4px solid #E6E6E6;
}
.pxc-table.just-lines-bottom .pxc-tr {
	padding-bottom: 15px;
}
.pxc-table.just-lines-bottom .pxc-td {
	padding: 10px;
	width: 95%!important;
}
/* on small screens, stack the columns */
@media only screen and (max-width: 1023px) {
.hide-me1023 {
	display: none!important;
	padding: 0!important;
}
.right-col-box {
	margin-right: 20px;
	/*border: #EAEAEA solid 1px;
	clear: both;*/
	float: left;
}
.has-right-col {
	/*margin: auto;*/
	/*border: #EAEAEA solid 1px;*/
	clear: both;
	float: none;
}
.container, .container.interior {
	width: auto;
}
#homeContent {
	width: 700px;
}
/* change table/tr/td display to block like a normal div */
	.pxc-table {
	display: block;
}
.pxc-tr {
	display: block;
}
.pxc-td {
	display: block;
	vertical-align: top;
}
/* make all columns 100% wide and remove the padding and vertical alignment */
	.pxc-td, .pxc-4col .pxc-td, .pxc-2col .pxc-td, .pxc-3col .pxc-td, .pxc-3col .pxc-td-left, .pxc-3col .pxc-td-mid, .pxc-3col .pxc-td-right {
	width: 100% !important;
	padding: 0;
	vertical-align: top;
}
.pxc-tr .pxc-td:last-child {
	padding-bottom: 15px;
}
/* turn 4-col tables into 2-col */
	.pxc-4col .pxc-td {
	float: left;
	width: 46% !important;
	margin: 0 2%;
	padding: 0;
	vertical-align: top;
}
/* don't collapse tables inside bg areas, so the content stays centered vertically */
	.px-gap .pxc-table {
	display: table;
	width: 100%;
	height: 100%;
}
.px-gap .pxc-tr {
	display: table-row;
}
.px-gap .pxc-td {
	display: table-cell;
	width: 100%;
	padding: 10px;
	vertical-align: middle;
}
}
@media only screen and (max-width: 768px) {
#homeContent {
	width: auto;
}
.has-right-col {
	/*margin: auto;*/
	width: auto;
}
}
@media only screen and (max-width: 480px) {
/* turn 4-col tables into 1-col */
	.pxc-4col .pxc-td {
	float: none;
	width: 100% !important;
	margin: 0;
}
.has-right-col {
	width: 98%;
	padding: 10px;
	float: none;
	clear: both;
	margin-left: auto;
	margin-right: auto!important;
}
}
/* show and hide menus on login/logout pages */
#sect-logout ul#menu, #sect-logout #footer .footerCol, #sect-logout .menu-ce {
	display: none!important;
}
#sect-logout #footer #footerLogoCol {
	display: block!important;
}
.sect-logout a.logout {
	display: none!important;
}
.sect-login a.logout {
	display: none!important;
}
/* ///// header /////////////////////////////////////////////////////////////////////// */

#header {
	position: relative;
	margin: 0 50px 0 50px;
	height: 120px;
    width: auto;
}
#header .logo {
	position: absolute;
	top: 20px;
    display: none;
}
#header .logo2 {
	position: absolute;
	top: 20px;
    left: 20px;
}
#header ul#menu {
	position: absolute;
	top: 22px;
	right: 0;
}
#header ul#menu li {
	list-style: none;
	float: left;
	margin-left: 3px;
}
#header ul#menu li a {
	color: #555555;
	padding: 7px 10px 7px 10px;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 700;
}
#header ul#menu li a.chooseLanguage {
    font-size: 12px;
	font-weight: 700;
   

}
a.languageLink {
    padding: 2px;
    display: inline-block;
    line-height: 10px;
    cursor: pointer;
    font-weight: 400;
    color:#FFFFFF;
 }
a.languageLink.selectedLanguage {
    font-weight: 700;
    color: #FFFFFF;
}
    a.languageLink:hover {
        color:yellow;
    }
#colaSwitcher {
    text-align: left;
    font-size: 14px;
    vertical-align:bottom;
    padding-top:10px;
    padding-left:0px !important;
    margin-left:0px !important;
 }


/* menu toggle button, hidden on large screens */
#header .menu-ce {
	display: none;
	position: absolute;
	right: 0;
	bottom: 10px;
	padding: 0 15px;
	width:  30px;
	height: 66px;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../images/icon-menu-on.gif);
	cursor: pointer;
}
#header .menu-ce:hover {
	background-image: url(../images/icon-menu-off.gif);
}
#header .menu-ce span {
	display: none;
}
/* links */

#header ul#menu a:active, #header ul#menu a:hover, #header ul#menu a.selected {
	color: #fff;
	background-color: #18d1c5;
	border-radius: 4px;
}


ul#interiorMenu:before, ul#interiorMenu:after {
	content: " ";
	display: table;
}
ul#interiorMenu:after {
	clear: both;
}
ul#interiorMenu {
*zoom: 1;
}
/* threw some jQuery on the ssfoot.asp to handle dynamically setting the width on this so it can be cntered - visibility hidden initially so we dont see the rendering adjustment */
ul#interiorMenu {
	
	padding: 10px 10px 5px 10px;
	
}
ul#interiorMenu li {
	list-style: none;
    display: inline-block;
    margin-right: 4px;
    /*border-bottom: 1px solid #fff;
    background: #fff;*/
}
/*ul#interiorMenu li a {
	color: #fff;
    padding: 10px 10px 10px 10px;
    font-size: 18px;
    display: inline-block;
}*/
ul#interiorMenu li a {
	
    /*color: #000!important;
    background: none;
    margin-top: 5px;
    margin-bottom: 5px;*/
    /*height: 57px;*/
    /*padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 0;
    display: inline-block;
    border-radius: 3px;
    font-size: 18px;*/
    
}
	ul#interiorMenu li {
		color: #000 !important;
		background: none;
		padding-right: 10px;
		font-size: 18px;
	}
.dropdown-menu {
	/*position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 10rem;
	padding: .5rem 0;
	margin: .125rem 0 0;
	font-size: 1rem;
	color: #212529;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: .25rem;*/
}

.dropdown-item {
	display: block;
	width: 100%;
	padding: .25rem 1.5rem;
	clear: both;
	font-weight: 400;
	color: #212529;
	text-align: inherit;
	white-space: nowrap;
	background-color: transparent;
	border: 0;
}

ul#interiorMenu li a.selected {
    text-decoration: underline!important;
}
/*ul#interiorMenu li a.selected {
	
    color: #0229BF!important;
    background: #fff;
    margin-top: 15px;
    margin-bottom: -15px;
    height: 57px;
    padding-top: 8px;
    padding-bottom: 0;
    display: inline-block;
    border-radius: 3px;
    
}*/

/*ul#interiorMenu li a:hover, ul#interiorMenu li a:active {
	color: #4C8BFD!important;
    background: #fff;
    margin-top: 15px;
    margin-bottom: -15px;
    height: 57px;
    padding-top: 8px;
    padding-bottom: 0;
    display: inline-block;
    border-radius: 3px;
    
}*/
ul#interiorMenu li a:hover, ul#interiorMenu li a:active {
	  text-decoration: underline!important; 
}
ul#interiorMenu li a.selected:hover {
	text-decoration: underline!important;
    cursor: default;
}
#interiorMenuContainerSecondary {
    padding: 0;
    margin: auto;
    margin-bottom: 10px;
}
#interiorMenuContainerSecondary ul {
	margin: 0;
    padding: 0;
    
}
#interiorMenuContainerSecondary ul li {
	list-style: none;
    float: left;
	margin-left: 7px;
}
#interiorMenuContainerSecondary ul li:not(:last-child):after {
    content: " | ";
	
}
#interiorMenuContainerSecondary a {
	color: #444;
    
}
#interiorMenuContainerSecondary a:hover {
	color: #4C8BFD;
    /*text-decoration: underline;*/
    
}
#interiorMenuContainerSecondary a.selected {
	font-weight: 600;
    color: #555555;
    cursor: default;
    
}

ul.commissions {
	list-style: none;
	padding: 0;
}
#interiorMenu.logout {
    width: 250px;
    margin: auto;
    margin-top: -20px;
}
#hamburger {
    display: none;
}

@media only screen and (max-width: 1023px) {
    ul#interiorMenu {
        padding: 35px 10px 5px 10px;
    }
    ul#interiorMenu li:not(.mobileLi) {
        border-top: 1px solid #fff;
    }
     #hamburger {
        position: absolute;
        display: block;
        top: 8px;
        left: 0;
        right: 0;
        margin: auto;
        cursor: pointer;
        z-index: 5005;
        width: 25px;
    }
    .logo {
        margin: 0;
    }
        
    #logoContainer {
        max-width: 50px!important;
        margin: 0;
    }
    #logoContainer img {
        max-width: 75px!important;
    }
     .secondaryMenuContainer {
        display: none;
    }
    #sect-home .secondaryMenuContainer {
        display: block;
    }
    #interiorMenuContainer:not(.logout) {
        position: absolute;
        z-index: 5000;
        width: 100%;
        background-color: RGBA(2,41,191,0.8);
        background: url(../img/headerBg.png) repeat-y top;
        display: none;
        padding-bottom: 10px;
        top: 250px;
    }
    .showMenu {
        display: block!important;
    }
    .mobileLi {
        display: block!important;
    }

    #interiorMenu:not(.logout) li {
        display: block!important;
    }

    ul#interiorMenu:not(.logout) li a:hover, ul#interiorMenu:not(.logout) li a.selected {
        
        
    }
    #headerRight {
        position: static;
    }
   

}
@media only screen and (max-width: 767px) {
    ul#interiorMenu {
        padding: 10px 10px 5px 10px;
    }

          
    #headerRight h4 {
       font-size: 18px!important;
    }
    .content .pageNav .buttonBlue, .buttonWhite {
         font-size: 12px!important;
    }
    .content .pageNav .buttonBlue:hover {
         color: #fff!important;
    }
    .content .pageNav .buttonWhite:hover {
         color: #0229BF!important
    }
    
    #headerRight #arrowH2 {
        font-size: 18px!important;
    }
    #headerRight #arrowH2Container ul li {
    
    font-size: 14px;
    
}
    #headerRight {
        z-index: 5999;
    }
    .card {
        padding: 5px!important;
    }
}

/* on small screens, switch to a dropdown menu and show the toggle button */
/*@media only screen and (max-width: 900px) {
#header ul#menu a:active, #header ul#menu a:hover {
	color: #fff;
	background-color: #555555;
	border-radius: 0;
}
#header ul#menu a.selected {
	background-color: #72B143;
	border-radius: 0;
}
#header ul#menu {
	position: absolute;
	z-index: 5000;
	top: 100px;
	left: 0;
	padding: 0;
	margin: 0;
}
#header ul#menu li {
	list-style: none;
	float: none;
	margin-left: 0;
}
#header ul#menu li a {
	display: block;
	color: #555555;
	padding: 7px;
	font-size: 18px;
	background:rgba(255,255,255, 0.9);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF', GradientType=0 );
}
#header .menu-ce {
	display: inline-block;
}
#header .logo {
	position: absolute;
	top: 20px;
}
}*/


.slides {
	top: 0;
}
.sliderContent {
	position: absolute;
	width: 1006px;
	top: 20px;
	margin: 0 auto;
	left: 0;
	right: 0;
}
.sliderContent2 {
	position: absolute;
	top: 20px;
	margin: 0 auto;
	left: 0;
	right: 0;
}
#slider1Content {
	/*position: absolute;
	top: 50px;
	right: 185px;*/
	margin: auto;
	padding-top: 50px;
}
#sliderOneContainer {
	height: 411px;
	background: url(../images/banners/Beach-BLUE.jpg) no-repeat 56% 58%;
}
#slider2Content {
	/*position: absolute;
	top: 50px;
	right: 185px;*/
	margin: auto;
	padding-top: 0px;

}
.slideContentBox {
	float: left;
	width: 50%;
}
#sliderTwoContainer {
	height: 411px;
	background: url(../images/banners/xu-bkgd.jpg) no-repeat 56% 58%;
	
}
#slider3Content {
	margin: auto;
	padding-top: 10px;
}
#slider3Container {
	height: 411px;
	background: url(../images/banners/Manning-Interviews_Background.jpg) no-repeat 56% 58%;
}
#slider4Content {
	margin: auto;
	padding-top: 10px;
}
#slider4Container {
	height: 411px;
	background: url(../images/banners/BookingNinjaBackground.jpg) no-repeat 56% 58%;
}
#slider5Container {
	height: 411px;
	background: url(../images/banners/Million-Text-Background-2000-X-1330.png) no-repeat 56% 58%;
}
#slider5Content {
	margin-top: 20px;
}
#slider6Container {
	height: 411px;
	background: url(../images/banners/DiamondMastery-Imagery-7.26a.jpg) no-repeat 56% 58%;
}
#slider6Content {
	margin-top: 20px;
}
#slider7Container {
	height: 411px;
	background: url(../images/banners/DiamondMastery_Imagery-7-26b.jpg) no-repeat 56% 58%;
}
#slider7Content {
	margin-top: 8px;
}
#slider8Container {
	height: 411px;
	background: url(../images/banners/Las-Vegas-Convention.jpg) no-repeat 56% 58%;
}
#slider8Content {
	margin-top: 8px;
}
#slider9Container {
	height: 411px;
	background: url(../images/banners/CEO-Updates-Background-2000-X-1330.jpg) no-repeat 56% 58%;
}
#slider10Container {
	height: 411px;
	background: url(../images/banners/Holiday-Cash-Bash-2000X1330.jpg) no-repeat 56% 58%;
}
#slider11Container {
	height: 411px;
	background: url(../images/banners/January-Daily-Top-Dog_2000X1330.jpg) no-repeat center center;
}
#slider1Container {
	height: 411px;
	background: url(../images/banners/STI_background.jpg) no-repeat center center;
}
#slider0Container {
	height: 411px;
	background: url(../images/banners/STI_bannerbg.jpg) no-repeat center center;
}
#sliderxContainer {
	height: 411px;
	background: url(../images/banners/Deductr_background.jpg) no-repeat center center;
}
#slideryContainer {
	height: 411px;
	background: url(../images/banners/PowerCall-Background_2000X1330.png) no-repeat center center;
}
#sliderContainerSTI {
	height: 411px;
	background: url(../images/banners/STI_BG_STI.jpg) no-repeat center center;
}
#sliderContainerTGMarketplace {
	height: 411px;
	background: url(../images/banners/TGMarketplace_bg.jpg) no-repeat center center;
}
#sliderFlexContainer {
	height: 411px;
	background: url(../images/banners/blackbg_2000-x-1330.png) no-repeat center center;
}

#sliderPaycationExperienceContainer {
	height: 411px;
	background: url(../images/banners/Paycation-Expericnce-bg.png) no-repeat center center;
}

@media only screen and (max-width: 640px) {
	.sliderContent img { max-width: 80%; }
}



#homeContent {
	padding-top: 30px;
}
#homeCol1 {
	width: 484px;
	margin-right: 10px;
}
#homeCol1 #topDog {
	/*margin-top: 10px;*/
	width: 472px;
	padding: 0 10px 0 0;
	margin-left: auto;
	margin-right: auto;
}
#homeCol1 #topDog2015.off {
	width: 120px;
	height: 120px;
	background: url(../images/topDog2015Sprite.jpg) no-repeat 0px -120px;
	cursor: pointer;
}
#homeCol1 #topDog2015 {
	width: 120px;
	height: 120px;
	background: url(../images/topDog2015Sprite.jpg) no-repeat 0px 0px;
}
#homeCol1 #topDog2014.off {
	width: 120px;
	height: 120px;
	background: url(../images/topDog2014Sprite.jpg) no-repeat 0px -120px;
	cursor: pointer;
}
#homeCol1 #topDog2014 {
	width: 120px;
	height: 120px;
	background: url(../images/topDog2014Sprite.jpg) no-repeat 0px 0px;
}
#homeCol1 #topDog .topDogLogos {
	height: 380px;
	width: 120px;
	background: #FFF;
}
#homeCol1 #topDog .topDogContent {
	margin: 15px 0 0 15px;
	width: 70%;
}
#homeCol1 #topDog #topDogContent2014 {
	display: none;
}
#homeCol1 #topDog .topDogContent .pull-right {
	margin: 0 10px 0 0;
}
#homeCol1 #topDog .topDogContent .pull-right {
	margin: 0 10px 0 0;
}
#homeCol2 {
	width: 200px;
	margin-right: 10px;
}
#homeCol2 img {
	margin-bottom: 10px;
}
#homeCol3 {
	width: 302px;
}
.newsdate {
	display: block;
}
@media only screen and (max-width: 1023px) {
.sliderContent {
	width: 100%;
}
#slider1Content {
	right: 70px;
}
.slideContentBox {
		float: left;
		width: 50%;
	}
	#slider2Content {
		margin: auto;
		padding-top: 0px;
	}
#homeCol1 #topDog {
	width: 594px;
	margin-left: auto;
	margin-right: auto;
}
#homeCol1 {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	float: none!important;
}
#homeCol2 {
	width: 706px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	text-align: center;
	float: none!important;
}
#homeCol3 {
	width: 302px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	text-align: center;
	float: none!important;
	padding-bottom: 30px;
}
}
 @media only screen and (min-width: 900px) {
#header ul {
	display: block !important;
}
}
 @media only screen and (max-width: 768px) {
#homeCol1 {
	margin: auto!important;
}
#homeCol2 {
	text-align: center;
	margin: 10px 10px 0 10px;
}
#homeCol2 {
	width: auto!important;
}
#homeCol1 #topDog .topDogLogos {
}
#homeCol1 #topDog .topDogContent {
	width: 60%!important;
}
#homeCol1 #topDog {
	width: auto!important;
	padding-right: 30px;
}
#homeCol3 {
	width: 302px!important
}
}
@media only screen and (max-width: 480px) {
.pull-right {
	float: none!important;
}
.pull-left {
	float: none!important;
}
#homeCol1 #topDog2015.off {
	width: 120px;
	height: 120px;
	background: url(../images/topDog2015Sprite.png) no-repeat 0px -120px;
	cursor: pointer;
}
#homeCol1 #topDog2015 {
	width: 120px;
	height: 120px;
	background: url(../images/topDog2015Sprite.png) no-repeat 0px 0px;
}
#homeCol1 #topDog2014.off {
	width: 120px;
	height: 120px;
	background: url(../images/topDog2014Sprite.png) no-repeat 0px -120px;
	cursor: pointer;
}
#homeCol1 #topDog2014 {
	width: 120px;
	height: 120px;
	background: url(../images/topDog2014Sprite.png) no-repeat 0px 0px;
}
.homeCol {
	width: 80%!important;
	margin: 0 auto!important;
	margin-bottom: 10px!important;
}
#homeCol1 #topDog {
	width: 200px!important;
	padding-right: 0;
}
#homeCol2, #homeCol3 {
	text-align: center;
}
#homeCol2 {
	width: 250px!important;
}
#homeCol1 #topDog .topDogLogos {
	height: 250px;
	margin: 0 auto;
	width: 120px!important;
	background-color: #EEE!important;
}
#homeCol1 #topDog .topDogContent {
	margin: 0 auto;
	width: 200px;
	text-align: center;
}
#homeCol3 {
	width: 302px!important
}
#slider1Content {
	position: relative;
	margin: 0 auto;
	right: 0;
	left: 0; 
	width: 100%; 
}
.slideContentBox {
		float: none;
		width: 100%;
	}
	#slider2Content {
		padding: 0;
	/*	margin: -39px auto auto;*/
		width: 100%;
	}


}
/* on phones, make sure the menu and header are small enough to fit on one screen */

/* unstick on print so it doesn't repeat */
@media print {
#top-shadow {
	display: none;
}
#header {
	position: absolute;
}
}
.mtlist a {
	display: inline-block;
	margin-bottom: 10px;
}
/* /////BASIC STYLES FOR INSIDE CONTENT ////// */
.breakWord {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
}
.heading {
	color: #363c48; /*#94d5d2;*/
	margin: 0.5em 0.5em;
}
.zebra {
	background-color: #f7f7f7;
}
.card {
    /*background: #fff;
    padding: 10px;
    border-radius: 3px;
    border: 1px solid #e1e1e1!important;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.03);*/
}
.card {
    padding: 10px 25px 25px 25px;
    border-radius: 3px 3px 0 0;
    background: rgba(255, 255, 255, 1);
    border: 1px solid #E5E5E5;
    margin-bottom: 25px;
    -webkit-box-shadow: 0px 4px 10px -4px rgba(0,0,0,0.40);
    box-shadow: 0px 3px 10px -4px rgba(0,0,0,0.40);
}
.agentInfo {
	border: 1px solid #eaeaea;
	width: 98%;
}
.agentInfo2 {
	border: 1px solid #eaeaea;
	margin-top: 30px;
	width: 98%;
}
.topTable {
	margin-bottom: 10px;
}
.impLinks {
	margin: 0 20px;
}
ul.commissions {
	list-style: none;
	padding: 0;
}
ul.commissions .oddItem {
	background-color: #ffffff;
}
ul.commissions .evenItem {
	background-color: #f7f7f7;
   
}
input.deets {
	width: 20px;
}
.embed-container iframe {  width: 665px; height: 600px; }
.embed-container { padding: 10px; }
 
/* Scrollable table styling */
	.scrollable.has-scroll {
	position:relative;
	overflow:hidden; /* Clips the shadow created with the pseudo-element in the next rule. Not necessary for the actual scrolling. */
}
.scrollable.has-scroll:after {
	position:absolute;
	top:0;
	left:100%;
	width:50px;
	height:100%;
	border-radius:10px 0 0 10px / 50% 0 0 50%;
	box-shadow:-5px 0 10px rgba(0, 0, 0, 0.25);
	content:'';
}
/* This is the element whose content will be scrolled if necessary */
	.scrollable.has-scroll > div {
	overflow-x:auto;
}

	/* Style the scrollbar to make it visible in iOS, Android and OS X WebKit browsers (where user preferences can make scrollbars invisible until you actually scroll) */
	.scrollable > div::-webkit-scrollbar {
 height:12px;
}
 .scrollable > div::-webkit-scrollbar-track {
 box-shadow:0 0 2px rgba(0,0,0,0.15) inset;
 background:#f0f0f0;
}
 .scrollable > div::-webkit-scrollbar-thumb {
 border-radius:6px;
 background:#ccc;
}
/* ///// footer /////////////////////////////////////////////////////////////////////// */

#footer {
	/*height: 350px;*/
	width: 100%;
	color: #444;
}
#joiFooter {
    display: inline-block;
    margin-right: 5px;
    margin-top: -3px;
}
#mainWrap:after {
	content: "";
	display: block;
}
#mainWrap {
	min-height: 100%;
	margin-bottom: -380px;
}
#mainWrap:after {
	height: 440px;
}
.footerCol {
	float: left;
	margin: 20px 45px 0 0;
	width: 150px;
}
#footerLogoCol {
	float: right;
	margin: -7px 0 0 0;
	width: auto;
}
#footerLogoCol p {
	text-align: right;
	font-size: 16px;
}
#copyRight {
	margin: 20px 0 25px 0;
}
.footerCol p {
	font-size: 16px;
	margin: 0 0 7px 0;
	line-height: 1em
}
.footerCol h2 {
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom: .3em;
	margin-top: 1.2em;
	border-bottom: #7C7C7C 1px solid;
}
#footer .footer-menu a {
	display: inline-block;
	padding: 0 5px;
	font-size: 1.25em;
	text-transform: uppercase;
}
#footerLogo {
	margin:36px 0 0 0;
}

@media only screen and (max-width: 480px) {
	#footerLogo { margin: -2px 0 0 0; }
}



/* hide the social links until they get some */
#footer .social-links {
	display: none;
	text-align: right;
}
#footer .social-links a {
	display: inline-block;
	margin: 0 1px;
	width: 26px;
	height: 26px;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
}
/* .images-off #footer .social-links a {
	margin: 0 3px;
	width: auto;
	height: auto;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;	
} */
#footer a:link, #footer a:visited {
	color: #7C7C7C;
}
#footer a:active, #footer a:hover {
	color: #d8d8d8;
    text-decoration: none!important;
}
#footer .social-links a:active, #footer .social-links a:hover {
	color: #7C7C7C;
	background: #fff;
    
}
#footer .pxc-td-left {
	padding-right: 30px;
	color: #727272;
}
#footer .pxc-td-right {
	padding-left: 30px;
	color: #727272;
}
#footer .selected::before, #footer a:hover::before {
	  content: "\00BB";
      margin-left: -16px;
      margin-right: 5px;
      margin-top: -3px;
      font-size: 18px;
      display: inline-block;
      visibility: visible;
}
#footer a::before {
    content: "\00BB";
      margin-left: -16px;
      margin-right: 5px;
      margin-top: -3px;
      font-size: 18px;
      display: inline-block;
      visibility: hidden;
}
@media only screen and (max-width: 1044px) {
#footer .container {
	width: 986px;
}
#header .logo {
	left: 10px;
}
}
 @media only screen and (max-width: 1023px) {
.center1023 {
	margin-left: auto;
	margin-right: auto;
	display: block;
}
#footer .container {
	width: 650px;
	margin: auto;
	padding-left: 80px;
}
.footerCol4 {
	margin-top: -6px!important;
}
.footerCol3, .footerCol4 {
}
.footerCol2, .footerCol4, .footerCol5 {
}
.footerCol5 {
	float: left!important;
}
#footer {
	padding-top: 10px;
	width: 100%;
	
}
#footerLogoCol {
	margin: -33px 0 0 0;
	width: auto;
}

#mainWrap:after {
	content: "";
	display: block;
}
#mainWrap {
	min-height: 100%;
	margin-bottom: -500px;
}
#mainWrap:after {
	height: 700px;
}
#menu {
	display: none;
}
}
@media only screen and (max-width: 768px) {
    .bn-bgd {
        background-position: bottom!important;
    }
.embed-container iframe {  width: 609px; height: 498px; } 
.embed-container { padding: 0; }
.text-overflow {
	display: inline-block;
	white-space: nowrap;
	width: 260px;
	overflow: hidden;
	text-overflow: ellipsis;
}
#footer .container {
	width: 382px;
	margin: auto;
	padding-left: 80px;
}
.footerCol3 {
	clear: left!important;
	margin-top: -10px!important;
}
.footerCol4 {
	margin-top: -26px!important;
}
.footerCol2, .footerCol4, .footerCol5 {
	margin-right: 0!important
}
.footerCol5 {
	float: left!important;
}
#footer {
	padding-top: 10px;
	width: 100%;
	
}
#footerLogoCol {
	margin: -20px 0 0 0;
	width: auto;
}

#mainWrap:after {
	content: "";
	display: block;
}
#mainWrap {
	min-height: 100%;
	margin-bottom: -850px;
}
#mainWrap:after {
	height: 900px;
}
#menu {
	display: none;
}
.mtlist img {
	width: 100%;
}
}
@media only screen and (max-width: 640px) {
    #boomLogo {
        width: 90%
    }
.embed-container iframe {  width: 447px; height: 498px; } 
.fluid640 {
	width: 75%!important;
}
.center640 {
	margin-left: auto;
	margin-right: auto;
	display: block;
}
}
@media only screen and (max-width: 480px) {

.embed-container iframe {  width: 299px; height: 556px; } 

#footer .container {
	width: auto!important;
	padding: 0!important;
}
#footer {
	padding-top: 10px;
	/*height: 1180px;*/
	width: 100%;
	
}
#mainWrap:after {
	content: "";
	display: block;
}
#mainWrap {
	min-height: 100%;
	margin-bottom: -1180px;
}
#mainWrap:after {
	height: 1180px;
}
.footerCol {
	float: none!important;
	margin: 0 auto!important;
	margin-top: 20px!important;
	width: 150px!important;
}
#footerLogoCol {
	float: none!important;
	margin: 0 auto;
	margin-top: 20px;
	width: 200px;
}
#copyRight, .social-links {
	text-align: center!important;
}
.right-col-box {
	width: 90%;
	padding: 10px;
	margin-top: 25px;
	float: none;
	clear: both;
	margin-left: auto;
	margin-right: auto!important;
}
.mkVids {
	width: 242px!important;
	margin-top: 25px!important;
	float: none!important;
	clear: both;
	margin-left: auto!important;
	margin-right: auto!important;
}
#sect-home .remodal {
	padding-left: 5px;
	padding-right: 5px;
	width: 100%;
}
}
@media only screen and (max-width: 320px) {
.embed-container iframe {  width: 252px; height: 559px; } 
}
 @media print {
#footer {
	margin: 1em 0;
	color: #666;
	background: #fff;
	border-top: 1px solid #666;
}
#footer a:link, #footer a:visited {
	color: #666;
}

}
/* ///// reset some ui, reModal, other stuff... /////////////////////////////////////// */
.ui-datepicker {
	width: 16em!important;
	font-size: .9em!important;
}
#sect-home .remodal {
	background: #fff;
}
#bCalendar .popover {
	min-height: 55px;
}
#bCalendar .popover-title {
	padding-top: 2px;
	padding-bottom: 2px;
}
#bCalendar a:link {
	font-weight: 700;
}
.sect-overview .zebra a:link {
	/*font-weight: 700;*/
}
.remodal {
	height: 620px;
	overflow: auto;
}
/* two Calendars */
.callBox { width: 42%; float: left; padding: 9px; }
.callBox input[type="submit"], .callBox input[type="button"] { font-size: 14px; }
.callBox img { display: block; margin: 0 auto; }

/* ///// print basics ///////////////////////////////////////////////////////////////// */
@media print {
/* items to show only on print */
	.print-only {
	display: block;
}
/* items to hide on print */
	.screen-only {
	display: none !important;
}
/* adjust colors for print */
	html, body {
	background: #fff !important;
	color: #000 !important;
	font-size: 12px !important;/* this shrinks all fonts that use em */
}
/* shrink images to fit on the page */
	img {
	max-width: 100% !important;
}

	/* set print margins */
	@page {
margin: 0.5in;
}
/* when modals are open */
	.modal-open .modal-backdrop, .modal-open #non-skrollr-body, .modal-open #top-shadow, .modal-open #header {
	display: none;
}
.modal-open {
	overflow: visible;
}
.modal-open .modal {
	position: relative;
	overflow: visible;
}
.modal-content {
	border: 1px solid #ddd;
	border-top: 0;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
}

@media only screen and (max-width: 1024px) {
    #flexButContainer {
       margin: auto;
       max-width: 320px;
    }

    /*#flexmap {
        width: 95%;
    }*/
}
@media only screen and (max-width: 1300px) {
     #header ul#menu { top: 82px; left: -40px;}
    #header { height: 140px;}
}
.border-box h1, .border-box h2, .border-box h3, .border-box h4,.border-box h5, .border-box h6 {
   color: #000;

}
form h1, form h2, form h3, form h4, form h5, form h6 {
   color: #000;
}

.right-col-box h1, .right-col-box h2, .right-col-box h3, .right-col-box h4, .right-col-box h5, .right-col-box h6 {
   color: #000;
}