/** colors  */
/* light blue */
/* orange */
/* deep red */
/* light yellow/orange (e.g. responsive header on account page) */
/* dark blue (e.g. link visited color) */
/** text sizes  */
/** screen sizes */
/** Global site styles */
.btn { background: #25a5e2; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; color: #fff !important; margin: 10px 0; font-weight: bold; }
.btn.btn-orange { background: #f99901; }
.btn.btn-orange:hover, #main-content .btn.btn-orange:hover, a.btn.btn-orange:hover, #main-content a.btn.btn-orange:hover { background: #f67e09; }
.btn.btn-gray { background: #aaaaaa; }
.btn.btn-gray:hover, #main-content .btn.btn-gray:hover, a.btn.btn-gray:hover, #main-content a.btn.btn-gray:hover { background: #888888; }
.btn:hover, .btn:visited { color: #fff; }
.btn.btn-light { background: #5fc4f5; }

div.internal
{
    background-color : #eeeeec;
}

/*
.title {
	color:#F99901; font-weight:bold;
	text-transform: uppercase;
}
*/
small, .small { font-size: 75%; }

.modal .modal-header { border-bottom: 0; }

.pull-left.margin { margin-right: 5px; margin-bottom: 5px; }

.pull-right.margin { margin-left: 5px; margin-bottom: 5px; }

.ital { font-style: italic; }

a.arrow { background: url("../images/popout.png") no-repeat right; padding-right: 10px; }

.section-title { font-weight: bold; font-size: 1.4rem; margin-top: 10px; margin-bottom: 10px; }

label { font-siz: 1.8rem; font-weight: bold; }

label.not-bold, span.not-bold > label { font-weight: normal !important; }

section { border-bottom: 1px solid #ccc; padding: 5px 0 20px 0; margin-left: 20px; margin-bottom: 5px; }

.no-bottom-border { border-bottom-style: none; }
.no-bottom-padding { padding-bottom: 0; }

.highlight3 { color: #d50418; }

#wrapper { border: 1px solid #ccc; position: relative; background-position: center top; -moz-transition: 0.4s all; -o-transition: 0.4s all; -webkit-transition: 0.4s all; transition: 0.4s all; left: 0; max-width: 970px; }
@media (max-width: 991px) { 
    #wrapper.open { left: 200px; }
}

.btn-default { text-shadow: none; }

/** Page top styles */
#page-top #logo-container { background: #fff; -moz-border-radius: 0 15px 15px 0; -webkit-border-radius: 0; border-radius: 0 15px 15px 0; margin-top: 10px; margin-left: -15px; width: 230px; padding-top: 10px; height: 54px; z-index: 9999; }
#page-top #logo { text-indent: -10000px; color: #fff; background-repeat: no-repeat; background-attachment: scroll; background-position: center top; background-size: 211px 35px; width: 211px; height: 35px; margin: 0;  background-image: url("/~/media/explorica/images/logos/logo-expws"), none; }
#page-top #expand-menu { font-size: 2rem; display: inline-block; margin-right: 10px; vertical-align: top; background: #d50418; float: left; padding: 5px 10px; margin-left: -15px; position: relative; z-index: 1000; }
#page-top #expand-menu .glyphicon { color: #fff; }
#page-top .phone { display: block; float: left; color: #d50418; font-size: 1.5rem; padding: 9px 5px; }
#page-top .phone .glyphicon { color: #d50418; font-size: 2rem; }
#page-top #header-utility { position:absolute; list-style: none; top: 10px; right: 0; padding: 0 20px; }
.homepage-container #page-top #header-utility { float:right; position:static !important;  }
#page-top #header-utility, #page-top #header-utility a { color: #fff; }
#page-top #header-utility li { display: inline-block; border-right: 1px solid #fff; padding: 0 5px; font-size: 1rem; text-transform: uppercase; }
#page-top #header-utility li.last { border-right: 0; }
#page-top #header-utility .textbox { color: #626262; text-transform: none; }
#page-top #header-utility #ssbtn { background-color: #26A5DF; border: 0px; padding: 0.3em; }

/** responsive nav styles  */
#nav-responsive { list-style: none; position: absolute;  left: 0; top: 0; background: #f7f7f7; height: 100%; padding-left: 0; padding-right: 0; width: 200px; }
#nav-responsive > li { display: block; position: relative; text-transform: uppercase; background: #262626; margin-bottom: 2px; overflow: hidden; background: #f7f7f7; -moz-transition: 0.4s all; -o-transition: 0.4s all; -webkit-transition: 0.4s all; transition: 0.4s all; height: 35px; }
#nav-responsive > li > a { color: #fff; font-weight: bolder; font-size: 1.2rem; padding: 5px 10px; text-decoration: none; display: block; width: 100%; line-height: 15px; background: #000; }
#nav-responsive > li > a .glyphicon { float: right; font-size: 1rem; text-align: bottom; }
#nav-responsive > li ul { list-style: none; padding: 10px; margin-left: 0; font-weight: bold; font-size: .9em; }
#nav-responsive > li ul .header { color: #000; }
#nav-responsive > li ul a { text-decoration: none; color: #26a5df; }
#nav-responsive > li.extra-links > a { background: #428bca; color: #fff; }
@media (min-width: 1058px) {
	.homepage-container { width:1058px; margin-left:auto; margin-right:auto; }
	.homepage-container #page-top { margin-left:0px; margin-right:0px; }
}
@media (min-width: 992px) { 
    #nav-responsive > li > div.inner > div.inner-bottom > div.callToAction { margin-left: 0; margin-bottom: 2px; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; font-weight: bold; font-size: .9em; clear: both; background: #428bca; color: #fff; text-decoration: none; width: 100%; display: block; }
    #nav-responsive > li > div.inner > div.inner-bottom > div.callToAction > a { color: #fff; text-decoration: none; }
}
@media (max-width: 991px) { 
    #nav-responsive > li > div.inner > div.inner-bottom > div.callToAction > a { display:none; }
}
/** large nav styles  */
#nav { margin-top:10px; list-style: none; z-index: 100; /* specific items */ }
#nav > li { display: inline-block; margin-left: 7px; margin-right: 7px; position: relative; text-transform: uppercase; }
#nav > li > a { color:#fff; font-weight: bolder; font-size: 1em; padding: 10px; text-decoration: none; padding-top: 10px; margin-top: 10px; line-height: 30px; }
#nav > li.active > a { border-top: 5px solid #fff; }
#nav > li .inner { display: none; list-style: none; position: absolute; overflow: hidden; background: #ECECEC; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin-left: -20px; white-space: nowrap; padding-bottom: 20px; }
#nav > li .inner ul { display: inline-block; list-style: none; padding-left: 10px; padding-right: 10px; margin-left: 0; margin-top: 10px; margin-right: -4px; vertical-align: top; min-width: 150px; background: url(../images/mega-menu-divider.png) top right no-repeat; }
#nav > li .inner ul .header { background: #626262; margin: 0 -10px; padding-left: 10px; padding-right: 10px; color: #fff; padding-top: 5px; padding-bottom: 5px; margin-bottom: 5px; font-size: 0.9em; }
#nav > li .inner ul a { text-decoration: none; color: #626262; font-size: 0.8em; }
#nav > li .inner ul a:hover { background: #26a5df; color: #fff; }
#nav > li .inner .inner-bottom { border-top: 1px solid #bdbdbd; margin: 10px 10px 0 10px; }
#nav > li .inner .inner-bottom a { color: #626262; font-size: 0.8em; font-weight: bolder; padding-left: 20px; padding-top: 5px; background: url(../images/calltoaction.png) no-repeat left 5px; line-height: 20px; display: block; }
#nav > li:hover { background: #ccc; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px; border-radius: 10px 10px 0 0; }
#nav > li:hover .inner { display: block; }
#nav > li:hover > a { color: #626262; }
#nav #nav-3 .inner { right: -100px; }
#nav #nav-5 .inner { right: -30px; }
#nav #nav-4 .inner { right: -100px; }

#nav > li .inner { z-index: 999; }

/** footer styles  */
#footer { background: #E1E3E8; padding: 5px 0; }
#footer, #footer a { color: #616161; font-size: 1rem; }
#footer a { margin-right: 3px; }

.homepage-container #nav { margin-top:0px !important; }
.homepage-container #nav > li > a { color: #626262 !important; }

.homepage-container #page-top #logo-container { background: none; }
.homepage-container #page-top #header-utility, .homepage-container #page-top #header-utility a { padding-top:10px; margin-bottom:5px; color:#626262; }
.homepage-container #ssbtn { color:white; }

.homepage-container #expand-menu { font-size: 2rem; display: inline-block; margin-right: 10px; vertical-align: top; background: #d50418; float: left; padding: 5px 10px; margin-left: -15px; position: relative; z-index: 10000; }
.homepage-container #expand-menu .glyphicon { color: #fff; }
.homepage-container .phone { display: block; float: left; color: #d50418; font-size: 1.5rem; padding: 9px 5px; }
.homepage-container .phone:hover { text-decoration:underline; cursor:pointer; }
.homepage-container .phone .glyphicon { color: #d50418; font-size: 2rem; }
.homepage-container .row { margin-left:0px; margin-right:0px; }

.homepage-container .wrapper-body, .homepage-container #footer { margin-left: -15px; margin-right: -15px; }
.homepage-container #header-utility { margin-right:-2px !important; }
.homepage-container #header-utility li { border-right:1px solid #626262 !important;  }
.homepage-container #header-utility li.last { border-right:none !important; padding-right:0px !important; }

@media(min-width:992px) {
    .homepage-container #logo-container {
        float: left;
    }

}
@media(max-width:991px) {
    .homepage-container #logo-container {
        float: right;
    }
}