/**
    GRID
 **/

.ssc-row {
    overflow: hidden;
}

.ssc-row.middle {
    margin-top: 20px;
    margin-bottom: 20px;
}

.ssc-column {
    float: left;
    width: 50%;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.ssc-column.left {
    padding-right: 10px;
}

.servicecenter {
    margin-top: 8px;
    margin-bottom: 24px;
}

/**
    Header
**/

.ssc-header h2 {
    font-size: 17px;
    line-height: 25px;
    font-weight: bold;
}

.ssc-header .intro {
    line-height: 18px;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 8px;
    color: #666;
}

/**
    Search form
**/

.ssc-searchform {
    border-top: 1px solid #D2D2D2;
    border-bottom: 1px solid #D2D2D2;
    background-color: #F5F5F5;

    padding: 10px;
    padding-top: 15px;
    overflow: hidden;
}

.ssc-searchform input[type='text'] {
    padding: 7px 5px;
    width: 510px;
    font-size: 11px;
    float: left;
}

.ssc-searchform .buttons button,
.ssc-searchform .buttons a {
    float: right;
    color: white;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;

    cursor: pointer;

    border: none;

    overflow: hidden;

    text-decoration: none;
    text-align: center;
}

.ssc-searchform .buttons a {
    padding-top: 8px;
    margin-left: 5px;
}

.ssc-searchform .submit-button {

}

.ssc-searchform .other-button {
    display: inline-block;
    width: 154px;
    height: 30px;
}

.ssc-searchform .submit-button {
    display: inline-block;
    width: 140px;
    height: 30px;
}

/**
    Service Center Buttons
**/

.ssc-buttons {
    float: left;
    color: white;
    width: 42%;
}

.ssc-buttons ul.ssc-buttons-list {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.ssc-buttons ul.ssc-buttons-list li {
    float: left;
    margin-right: 8px;
    margin-bottom: 8px;
}

.ssc-buttons ul.ssc-buttons-list div.promotion {
    margin-top: 0;
}

.ssc-buttons ul.ssc-buttons-list div.promotion p {
    font-size: 14px;
}

/**
    Service center widget
**/
.ssc-widget {
    float: left;
    width: 58%;
    overflow: hidden;
}

.ssc-widget .ssc-widget-container {
    margin-left: 5px;
}

.ssc-widget .ssc-widget-title {
    color: white;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 12px;
}

.ssc-widget .ssc-notification,
.ssc-widget .ssc-widget-content {
    background-color: #F5F5F5;
    border-bottom: 1px solid #D2D2D2;
    padding: 12px;

}

.ssc-widget .ssc-notification {
    display: none;
    font-size: 11px;
}

.ssc-widget .ssc-widget-content .rn_Content {
    padding-bottom: 4px;
}

.ssc-widget .ssc-widget-content ul.rn_List {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ssc-widget .ssc-widget-content ul.rn_List li.rn_Item {
    margin-bottom: 10px;
    padding-left: 12px;
}

.ssc-widget .ssc-widget-content .rn_Navigation {
    padding-left: 12px;
}

.ssc-widget .ssc-widget-content div.rn_Navigation a {
    font-weight: bold;
}

.ssc-widget .ssc-widget-content div.rn_Content .rn_List li.rn_Item span.rn_Title a,
.ssc-widget .ssc-widget-content div.rn_Content .rn_List li.rn_Item span.rn_Title a:visited,
.ssc-widget .ssc-widget-content .rn_Navigation a,
.ssc-widget .ssc-widget-content .rn_Navigation a:visited {
    font-size: 11px;
    text-decoration: none;
}

/**
    Service center Contact component
**/
.ssc-contact {
    border-top: 1px solid #D2D2D2;
    border-bottom: 1px solid #D2D2D2;
    background-color: #F5F5F5;

    margin-top: 5px;
    padding: 10px;
    padding-top: 15px;
    overflow: hidden;
}

@media screen and (max-width: 1024px) {

    .ssc-searchform input[type='text'] {
        display: block;
        width: 100%;

        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;

        margin-bottom: 8px;
    }

    .ssc-buttons {
        margin-bottom: 20px;
        margin-right: 0;
    }

    .ssc-widget {
        margin-bottom: 20px;
        margin-left: 0;
    }

    .ssc-widget .ssc-widget-container {
        margin-left: 0;
    }

    .ssc-column {
        float: none;
        width: auto;
    }

    .ssc-column.left {
        padding-right: 0px;
    }

    .ssc-column.right {
        padding-left: 0px;
    }

}


.proportionategrid.homepagebanner {
	margin-bottom: 10px;
}

.proportionategrid.homepagebanner .left-col .left-content {
	padding: 0;
}

.proportionategrid.homepagebanner .right-col .right-content {
	padding: 10px;
}
.showCalendar {
    position: relative;
    min-height: 180px;
    overflow: hidden;
    margin-bottom: 15px;
}

.maidmentSidebar > .showCalendar {
    border-bottom: 1px solid #ccc;
}

.calendarWrapper {
    position: absolute;
    top: 0;
    left: 0;
    height: 190px;
}

/* not prefixed so fancybox detects proper dimensions */
.showInformationModal {
    width: 750px;
    padding: 10px 20px;
    text-align: left;
}

.showCalendar .showInformation {
    display: none;
}

#fancybox-content .showInformationModal .intro h2 {
    font-size: 17px;
    color: #900;
    padding-bottom: 5px;
}

#fancybox-content .showInformationModal .intro p {
    color: #333;
    font-size: 12px;
    padding-bottom: 15px;
    border-bottom: 2px solid #d6d6d6;
}

.showCalendar .title {
    font-weight: bold;
    text-align: center;
    margin-bottom: 5px;
    margin-top: 5px;

    font-size: 13px;
    font-family: Verdana;
}

.showCalendar table {
    width: 170px;
    font-size: 10px;
    border-collapse: collapse;
}

.showCalendar table th {
    background-color: #95DC16;
    border: 1px solid transparent;
    color: white;
    text-align: center;
    padding: 4px;
    width: 14%;
}

.showCalendar table td span {
    display: block;
    padding: 4px;
    padding-top: 3px;
    padding-bottom: 2px;
    text-align: center;
}

.showCalendar table td span.disabled {
    color: #aaa;
    font-weight: bold;
    background-color: #eee;

    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
}

.showCalendar table td span.no-show {
    color: #000;
    background-color: #eee;

    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
}

.showCalendar table td a {
    display: block;
    font-size: 10px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid white;
    border-bottom: 1px solid white;

    text-decoration: none;
}

.showCalendar table td a:hover {
    text-decoration: underline;
}

.showCalendar table td a span {
    display: block;

    color: #000;
    font-weight: bold;
    text-align: center;
    background-color: #eee;

}

.showCalendar .navigation {
    overflow: hidden;
    margin-top: 5px;
    margin-bottom: 5px;
}

.showCalendar .navigation .next {
    float: right;
}

.showCalendar .rightContentBlock .navigation a {
    color: black;
}
.eNewsletter .longTxt p {
    font-size: 11px;
    line-height: 15px;
    margin: 0;
}
.eNewsletter .text,
.eNewsletter .options {
    margin-bottom: 10px;
}

.eNewsletter .options {
    overflow: hidden;
}

.eNewsletter .join-button {
    float: right;
    width: 72px;
    height: 27px;
    text-indent: -999em;
    display: block;
    overflow: hidden;
}


.maidmentShowBlock .buttons a span {
    display: inline-block;
}

.maidmentShowBlock .detailLabels {
    margin-bottom: 8px;
}

.detailLabels .showVenue {
    padding-bottom: 4px;
    display: block;
}

#patronbase [loaded="{{1}}"] {
	display: none;
}

#patronbase {
    overflow: hidden;
    font-size: 12px;
    margin-top: 20px;
    clear: both;
}

#patronbase h2 {
	margin-top: 0;
	color: #9A0303;
	font-size: 14px;
    padding-bottom: 5px;
}

#patronbase .desc,
#patronbase .times,
#patronbase .prices {
	float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#patronbase .times {
	width: 50%;
    padding-right: 30px;
}

#patronbase .prices {
    width: 50%;
}

#patronbase .prices ul {
    margin-bottom: 10px;
}

#patronbase .prices p {
    overflow: hidden;
}

#patronbase .prices p span.maidmentShowBlock {
    float: right;
    margin-top: -5px; /* so dirty */
}

#patronbase form ul {
	list-style: none;
	padding: 0;
	margin: 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

#patronbase form li {
	display: block;
}

#patronbase form li label {
	padding: 10px;
	display: block;

	cursor: pointer;
}

#patronbase form li.even {
	background-color: #eee;
}

#patronbase span.price,
#patronbase span.time {
	float: right;
}

#patronbase .prices li {
	padding: 10px;
}

#patronbase .times ul {
	max-height: 400px;
	overflow-y: auto;
}

#patronbase .times li:hover {
	background-color: #9A0303;
	color: white;
}

#patronbase .seatsleft {
	color: #aaa;
	font-size: 11px;
}

#patronbase .bookedout {
    color: #333;
    font-size: 11px;
    font-weight: bold;
}

#patronbase .times li:hover .bookedout {
    color: #eee;
}

#patronbase label.disabled {
	text-decoration: line-through;
	opacity: 0.1;
	display: block;
}
.gsaSearchWrapper > div {
    display: block;
    overflow: hidden;
    padding-right: 10px
}
.gsaSearchWrapper input[type=text] {
    width: 100%;
}
.gsaSearchWrapper input[type=submit] {
    float: right;
}
.gsaSearchWrapper button {
    float: right;
}

.gsaSearchWrapper button::-moz-focus-inner {
    padding: 0px;
}

.gsaSearchWrapper input[type=submit]::-moz-focus-inner {
    padding: 0px;
}
@-moz-document url-prefix() {
    .gsaSearchWrapper input[type=submit] {
        padding:0px !important;
    }
    .gsaSearchWrapper button {
        padding:0px !important;
    }
}

#container.one-column {
    padding-left: 0px;
    padding-right: 0px;
}
.teaserCarousel {
    margin-bottom: 10px;
}

.teaserCarousel .imageContainer {
    right: 0;
    height: 187px;
    overflow: hidden;
}

.teaserCarousel .slideShowImageContainer {
    position: relative;
    overflow: hidden;
}

.teaserCarousel .imageOverlay {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
}

.teaserCarousel .textOverlay {
    position: absolute;
    z-index: 101;
    top: 0;
    left: 0;
    width: 280px;
    bottom: 0;
    color: white;
    opacity: 0;
    display: none;
}

.teaserCarousel .textOverlay.active {
    display: block;
    opacity: 1;
    z-index: 200;
}

.teaserCarousel .textOverlay h2 {
    font-size: 20px;
}

.teaserCarousel .textOverlay .link {
    position: absolute;
    bottom: 17px;
    right: 17px;
    color: white;
    font-size: 11px;
}


.teaserCarousel .textContent {
    font-size: 12px;
    margin-right: 0;
    padding: 10px;
}

.teaserCarousel .textContent .teaser {
    margin-top: 10px;
    font-size: 12px;
    line-height: 20px;
}

.teaserCarousel .carousel-slide-numbers {
    z-index: 100;
    left: 300px;
}

.teaserCarousel .carousel-slide-numbers.squares a {
    overflow: hidden;
    text-indent: -999em;
    padding: 0;
    border: 1px solid black;
    /*background-color: #7B280A;*/
    background-image: none;
    opacity: 0.3;
}

.teaserCarousel .carousel-slide-numbers.squares a.activeSlide {
    /*background-color: #FF6600;*/
    border-color: white;
    background-image: none;
    opacity: 1;
}

.teaserCarousel .large .imageContainer {
    height: 230px;
}

.teaserCarousel .xlarge .imageContainer {
    height: 350px;
}
div.reference {
	overflow: hidden;
}
div.pageBadge .listBox .longTxt,
div.pageBadge .listBox .longTxt p,
div.pageBadge .contact-badge p,
div.pageBadge .journalDescription .longTxt,
div.pageBadge .journalDescription .longTxt p {
	line-height: 15px;
}

div.pageBadge .vertical-content {
	min-height: 5em;
}

div.pageBadge .solid-vertical-badge .vertical-content {
	min-height: 100px;
	padding: 10px;
}

div.pageBadge .solid-vertical-badge .withImage {
	padding-top: 180px;
}

div.pageBadge .solid-vertical-badge .listBox a.linkTxt {
	color: white;
}

div.pageBadge .solid-vertical-badge .listBox a.linkTxt:hover {
	text-decoration: underline;
}

div.pageBadge .solid-vertical-badge .longTxt p {
	color: white;
}

div.pageBadge .vertical-badge .listBox .image,
div.pageBadge .solid-vertical-badge .listBox .image {
	margin-bottom: 0;
	padding-bottom: 0;
}
.mediavideo .jwplayer .jwicon {
	height: 60px;
}

.video-with-caption .caption {
    padding: 6px;
    font-size: 10px;
    background-color: #E4F1F8;
    overflow: hidden;
}
div.list .listBox .longTxt,
div.list .listBox .longTxt p,
div.list .contact-badge p,
div.list .journalDescription .longTxt,
div.list .journalDescription .longTxt p {
	line-height: 15px;
}

.list .rss-link {
    display: block;

    font-size: 11px;
    font-weight: normal;

    position: absolute;
    width: 59px;
    height: 14px;
    top: 0;
    right: 0;

    overflow: hidden;
    text-indent: -999em;
}

.xs ul.split-list .li-left,
.xs ul.split-list .li-right {
    float: none;
    width: auto;
}

.colctrl-2c,
.colctrl-3c,
.colctrl-4c {
	overflow: hidden;
}

.colctrl-2c-c0,
.colctrl-2c-c1,
.colctrl-3c-c0,
.colctrl-3c-c1,
.colctrl-3c-c2,
.colctrl-4c-c0,
.colctrl-4c-c1,
.colctrl-4c-c2,
.colctrl-4c-c3 {
	float: left;
	overflow: hidden;

	/* make it so that margin falls within width property */
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.colctrl-2c-c0,
.colctrl-2c-c1 {
	width: 50%;
}

.colctrl-3c-c0,
.colctrl-3c-c1,
.colctrl-3c-c2 {
	width: 33.33%;
}

.colctrl-4c-c0,
.colctrl-4c-c1,
.colctrl-4c-c2,
.colctrl-4c-c3 {
	width: 25%;
}

.colctrl-2c-c0,
.colctrl-3c-c0,
.colctrl-3c-c1,
.colctrl-4c-c0,
.colctrl-4c-c1,
.colctrl-4c-c2 {
	padding-right: 5px;
}

.colctrl-2c-c1,
.colctrl-3c-c1,
.colctrl-3c-c2,
.colctrl-4c-c1,
.colctrl-4c-c2,
.colctrl-4c-c3 {
	padding-left: 5px;
}
.proportionategrid.carouselBanner .right-col .right-content .carousel,
.proportionategrid.carouselBanner .right-col .right-content .carousel p.cq-warning {
	margin: 0;
}
.carousel .small .slideShowImageContainer {
    min-height: 185px;
}

.carousel .large .slideShowImageContainer {
    min-height: 230px;
}

.carousel .xlarge .slideShowImageContainer {
    min-height: 350px;
}
.adaptiveImagePreview {
    border: 1px dashed #96D7FF;
    padding: 10px;
}

.adaptiveImagePreview > .cq-info {
    font-size: 14px;
    margin-bottom: 3px;
}

.adaptiveImagePreview .imageWrapper img {
    max-width: 100%;
    margin-bottom: 10px;
}

.adaptiveImagePreview .imageWrapper .cq-info {
    margin-bottom: 3px;
    padding: 3px;
    color: white;
    background-color: #6693b1;
}

.adaptiveImagePreview .imageWrapper .cq-warning {
    margin: 10px;
}
.proportionategrid .left-col,
.proportionategrid .right-col {
	float: left;
	width: 50%;
	min-height: 275px;
	overflow: hidden;
}

.proportionategrid .left-col .left-content,
.proportionategrid .right-col .right-content {
	padding: 10px;
}
.proportionategrid.mediaBanner {
	overflow: hidden; /* Ensure everything stays within the container */
	margin-bottom: 10px;
	background-color: #014F8A; /* University Blue by default */
}

.proportionategrid.mediaBanner .left-col {
	padding: 0;
	width: 220px;
}

.proportionategrid.mediaBanner .right-col {
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;

	padding: 0 0 0 220px;
	width: 100%;
	min-height: 180px;
	float: none;
	overflow: visible;
}

.proportionategrid.mediaBanner .left-col,
.proportionategrid.mediaBanner .right-col,
.proportionategrid.mediaBanner .left-col .left-content,
.proportionategrid.mediaBanner .right-col .right-content {
	min-height: 180px;
}

.proportionategrid.mediaBanner .left-content {
	overflow: hidden;
	padding: 0;
}

.proportionategrid.mediaBanner .left-content .bannerContent {
	padding: 10px 10px 25px 10px;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;

    height: 180px;

	position: relative;
	width: 100%;
	float: left;
	font-size: 11px;
	color: #FFF;
}

.proportionategrid.mediaBanner .large .left-col .left-content .bannerContent {
    height: 230px;
}

.proportionategrid.mediaBanner .small .left-col .left-content,
.proportionategrid.mediaBanner .small .right-col .right-content {
    height: 180px;
    overflow: hidden;
}


.proportionategrid.mediaBanner .large .left-col .left-content,
.proportionategrid.mediaBanner .large .right-col .right-content {
    height: 230px;
}

.proportionategrid.mediaBanner .left-content .bannerImage {
	background-repeat: no-repeat;
	background-position: 100% 0;
	width: 100%;
}

.proportionategrid.mediaBanner .left-content .bannerTitle {
	font-size: 18px;
	margin-bottom: 11px;
}

.proportionategrid.mediaBanner .left-content .bannerText {
	/* Nothing to do here? */
}

.proportionategrid.mediaBanner .left-content .bannerLinks {
	list-style: none;
	padding: 0;
}

.proportionategrid.mediaBanner .left-content .bannerLinks li {
	padding-left: 10px;
}

.proportionategrid.mediaBanner .left-content .bannerMore {
	overflow: hidden;
	text-align: right;
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.proportionategrid.mediaBanner .left-content .bannerMore a {
	/*background: url(../../../apps/central/components/default/mediaBanner/clientlibs/img/bullet-play.png) no-repeat 100% 50%;*/
	display: inline-block;
	padding-right: 20px;
}

.proportionategrid.mediaBanner .left-content .bannerLinks a,
.proportionategrid.mediaBanner .left-content .bannerLinks a:visited,
.proportionategrid.mediaBanner .left-content .bannerMore a,
.proportionategrid.mediaBanner .left-content .bannerMore a:visited {
	text-decoration: none;
	color: #FFF;
}

.proportionategrid.mediaBanner .left-content .bannerLinks a:hover,
.proportionategrid.mediaBanner .left-content .bannerMore a:hover {
	text-decoration: underline;
	color: #FFF;
}

.proportionategrid.mediaBanner .right-col .right-content {
	padding: 0;
	width: 100%;
}
#masthead .header_nav .headerNavItem.askauckland {
    font-size: 11px;
}

.base #masthead .header_nav {
    top: 20px;
}

#masthead .header_nav .headerNavItem .white {
    display: inline-block;
    padding-top: 5px;
    padding-bottom: 5px;
}

#masthead .header_nav .headerNavItem.askauckland .white {
    padding-right: 30px;
    background: transparent 100% 50% no-repeat;
}
#fancybox-content.fancybox-emergencyalert {
    border-color: #FF0000;
    min-height: 340px;
    overflow: visible;
}

#fancybox-content.fancybox-emergencyalert div {
    overflow: visible;
}

#fancybox-content.fancybox-emergencyalert .showInformationModal {
    width: 600px;
}

#fancybox-content.fancybox-emergencyalert .showInformationModal p {
    font-weight: bold;
    padding-bottom: 15px;
    font-size: 14px;
}

#fancybox-content.fancybox-emergencyalert .showInformationModal .intro p {
    text-align: center;
    border: none;
    font-weight: normal;
    padding-bottom: 10px;
}

#fancybox-content.fancybox-emergencyalert .showInformationModal .intro h2 {
    margin-top: 50px;
    margin-bottom: 20px;
    padding-top: 5px;
    text-align: center;
    color: black;
    font-size: 35px;
    border-top: 2px solid #FF0000;
    border-bottom: 2px solid #FF0000;
}

.fancybox-emergencyalert #btn-x {
    position: absolute;
    top: -42px;
    right: 280px;
    width: 83px;
    height: 83px;
    z-index: 1103;
}

.fancybox-emergencyalert #btn-close {
    background: #ff0000;
    background-image: -webkit-linear-gradient(top, #ff0000, #ff0000);
    background-image: -moz-linear-gradient(top, #ff0000, #ff0000);
    background-image: -ms-linear-gradient(top, #ff0000, #ff0000);
    background-image: -o-linear-gradient(top, #ff0000, #ff0000);
    background-image: linear-gradient(to bottom, #ff0000, #ff0000);
    -webkit-border-radius: 3;
    -moz-border-radius: 3;
    border-radius: 3px;
    font-family: Arial;
    color: #ffffff;
    font-size: 20px;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    width: 580px;
    margin: 50px 10px 10px 10px;
    display: none;
}

.fancybox-emergencyalert #btn-close:hover {
    cursor: pointer;
}
.campaign-container .contentBlock {
    font-size: 17.5px; /* just to make the silly percentages work */
}
.fake-cols .row {
    box-sizing: border-box;
    overflow: hidden;
}

/* one big column */
.fake-cols .col-lg-12 {
    padding-left: 15px;
    padding-right: 15px;
}

/* two columns */
.fake-cols .col-lg-6 {
    padding-left: 15px;
    padding-right: 15px;
    width: 600px;
    float: left;
}

/* three columns */
.fake-cols .col-lg-4 {
    padding-left: 15px;
    padding-right: 15px;
    width: 400px;
    float: left;
}

/* four columns */
.fake-cols .col-lg-3 {
    padding-left: 15px;
    padding-right: 15px;
    width: 300px;
    float: left;
}

.cols-clear-both {
    clear: both;
}

/*

    M"""""""`YM                   oo                     dP   oo
    M  mmmm.  M                                          88
    M  MMMMM  M .d8888b. dP   .dP dP .d8888b. .d8888b. d8888P dP .d8888b. 88d888b.
    M  MMMMM  M 88'  `88 88   d8' 88 88'  `88 88'  `88   88   88 88'  `88 88'  `88
    M  MMMMM  M 88.  .88 88 .88'  88 88.  .88 88.  .88   88   88 88.  .88 88    88
    M  MMMMM  M `88888P8 8888P'   dP `8888P88 `88888P8   dP   dP `88888P' dP    dP
    MMMMMMMMMMM                           .88
                                      d8888P
*/



.horizontalNav .menu {
    position: relative;
    height: 39px;
}

.horizontalNav .menu .oneliner {
    overflow: hidden;
    height: 39px;
}

.horizontalNav ul.main {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0;
}

.horizontalNav ul.main > li {
    display: inline-block;
}

.horizontalNav ul.main > li.active a {
    background-color: #eee;
    color: #666;
}

.horizontalNav ul.main > li a {
    display: inline-block;
    padding: 12px 20px;
    margin: 0px 0px;
    background: transparent;
    font-weight: bold;
    font-family: Verdana;
    font-size: 12px;

    text-decoration: none;

}

.horizontalNav ul.main > li.last a {
    border-right: none;
}

.horizontalNav ul.main > li:hover a {
    text-decoration: underline;
}

.horizontalNav .wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 39px;
}

.menu .submenu {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10000;

}

.menu .submenu ul {
    padding: 0;
    margin: 0;
    list-style: none;

    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);

}

.menu .submenu ul li {
    background-color: #EEEEEE;
    display: block;
    border-bottom: 1px solid white;
}

.menu .submenu ul li.last {
    border-bottom: none;
}

.menu .submenu ul li a {
    text-decoration: none;
    display: block;
    padding: 7px 20px;
    min-width: 200px;

    font-family: Verdana;
    font-weight: bold;
    font-size: 12px;
}



/*
    MM"""""""`MM                                                       oo
    MM  mmmm,  M
    M'        .M .d8888b. .d8888b. 88d888b. .d8888b. 88d888b. .d8888b. dP dP   .dP .d8888b.
    MM  MMMb. "M 88ooood8 Y8ooooo. 88'  `88 88'  `88 88'  `88 Y8ooooo. 88 88   d8' 88ooood8
    MM  MMMMM  M 88.  ...       88 88.  .88 88.  .88 88    88       88 88 88 .88'  88.  ...
    MM  MMMMM  M `88888P' `88888P' 88Y888P' `88888P' dP    dP `88888P' dP 8888P'   `88888P'
    MMMMMMMMMMMM                   88
                                   dP
*/


.md .horizontalNav .wrapper,
.sm .horizontalNav .wrapper,
.xs .horizontalNav .wrapper {
    border-left: none;
    border-right: none;
}

.horizontalNav .rails.menu {
    overflow: hidden;
    height: auto;
}

.horizontalNav .rails.menu .wrapper {
    height: auto;
    position: relative;
    height: auto;
}

.rails.menu .expand-menu {
    border: none;
    background: transparent;
}

.rails.menu .expand-menu img {
    margin-left: 6px;

}

.rails.menu .wrapper {
    z-index: 7;
}

.rails.menu .click-expand-bar {
    position: absolute;
    left: 0;
    right: 0;
    top: -40px;
    height: 80px;
    z-index: 3000;
    background-color: transparent;
}

.rails.menu .expand-menu i:before {
    content: "";
    position: absolute;
    top: 0.25em;
    left: 0;
    width: 1em;
    height: 0.125em;
    border-top: 0.375em double white;
    border-bottom: 0.125em solid white;
}

.rails-menu .item-wrapper {
    padding-top: 34px;
}

.rails.menu .items {

    /* anchor to the bottom of the wrapper */
    position: absolute;
    z-index: 6;
    bottom: 0;
    left: 0;
    right: 0;

    background: #eee;
    font-size: 14px;
    font-family: "Helvetica Neue", "Arial", "Helvetica", serif;
}

.rails.menu .items a:hover {
    text-decoration: none;
}

.rails.menu .items .first-level {
    margin: 0;
    padding: 0;
    list-style: none;
}

.rails.menu .items .first-level > li > a {
    color: #555555;
    font-weight: bold;
    display: block;
    padding: 12px 12px;
    border-bottom: 1px solid transparent;
}

.rails.menu .items .first-level > li > a.active {
    background-color: #999;
    color: white;
    border-bottom: 1px solid white;
}

.rails.menu .items .first-level > li {
    border-bottom: 1px solid #999;
}

.rails.menu .items .second-level {
    display: none;
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: hidden;
}

.rails.menu .items .second-level a {
    display: block;
    padding: 12px 0;
    padding-left: 12px;
    color: #333;
}


.rails.menu .items .second-level li:nth-child(1) {
    padding-top: 5px;
}
.rails.menu .items .second-level li.last {
    padding-bottom: 10px;
}
.cmp-footer {
    position: relative;
    overflow: hidden;
    background-color: #808080;
    padding: 15px 30px;
    font-family: Verdana;
}

.cmp-footer .social {
    float: left;
}

.cmp-footer .social ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
}

.cmp-footer .social ul li {
    display: inline;
    padding: 1px;
}

.cmp-footer .copyright {
    float: left;
    font-size: 11px;
    margin-top: 7px;
    margin-left: 20px;
}

.cmp-footer .copyright a {
    color: white;
}

.cmp-footer .pageLinks {
    float: right;
}

.cmp-footer .pageLinks ul {
    list-style: none;
    font-size: 11px;
    margin: 0;
    padding: 0;

    margin-top: 7px;

}

.cmp-footer .pageLinks ul li {
    display: inline;
    padding: 0 6px;
    border-right: 1px solid white;
}

.cmp-footer .pageLinks ul li.last {
    border-right: none;
    padding-right: 0;
}

.cmp-footer .pageLinks a {
    color: white;
}

.sm .cmp-footer,
.xs .cmp-footer {
    padding-top: 20px;
}

.sm .cmp-footer .pageLinks,
.xs .cmp-footer .pageLinks {
    text-align: center;
    float: none;
}

.sm .cmp-footer .copyright,
.xs .cmp-footer .copyright {
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
    float: none;
}

.sm .cmp-footer .social,
.xs .cmp-footer .social {
    margin: auto;
    text-align: center;
    float: none;
}
.bookDetails .bookAuthor {
	margin-bottom: 35px;
}

.bookDetails .bookInfoTable {
	width: 100%;
}

.bookDetails .bookInfoTable .bookInfoTableRow {
	padding: 6px;
	border-bottom: white 1px solid;
}

.bookDetails .bookInfoTable .oddRow {
	background: #cbcbcb;
}

.bookDetails .bookInfoTable .evenRow {
	background: #e9e9e9;
}

.bookDetails .rightContainer {
	float: right;
	display: table;
	margin-left: 20px;
	width: 200px;
}

.bookDetails .rightContainer .bookImage,
.bookDetails .rightContainer .buttonsSet .buttonRow {
	margin-bottom: 15px;
}

.bookDetails .rightContainer .buttonsSet .buttonRow .button {
	display: block;
	text-align: center;
}

.bookDetails .bookContent {
	margin-bottom: 70px;
}

.bookDetails #pageBanner .bookTitle {
	margin-bottom: 40px;
}

.buttonBuyEbook {
	background: #0070d8;
	background: -webkit-gradient(linear, left top, left bottom, from(#019fd8), to(#0070d8));
	background: -webkit-linear-gradient(top, #019fd8, #0070d8);
	background: -moz-linear-gradient(top, #019fd8, #0070d8);
	background: -ms-linear-gradient(top, #019fd8, #0070d8);
	background: -o-linear-gradient(top, #019fd8, #0070d8);
	padding: 6px 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
	-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
	box-shadow: rgba(0,0,0,1) 0 1px 0;
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
	color: white !important;
	font-size: 13px;
	text-decoration: none;
	vertical-align: middle;
}
.buttonBuyEbook:hover {
	text-decoration: none;
	background: #28597a;
	color: #ccc;
}
.buttonBuyEbook:active {
	text-decoration: none;
	background: #1b435e;
}

.buttonBuyPrint {
	background: #004e6f;
	background: -webkit-gradient(linear, left top, left bottom, from(#017bee), to(#004e6f));
	background: -webkit-linear-gradient(top, #017bee, #004e6f);
	background: -moz-linear-gradient(top, #017bee, #004e6f);
	background: -ms-linear-gradient(top, #017bee, #004e6f);
	background: -o-linear-gradient(top, #017bee, #004e6f);
	padding: 6px 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
	-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
	box-shadow: rgba(0,0,0,1) 0 1px 0;
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
	color: white !important;
	font-size: 13px;
	text-decoration: none;
	vertical-align: middle;
}
.buttonBuyPrint:hover {
	text-decoration: none;
	background: #28597a;
	color: #ccc;
}
.buttonBuyPrint:active {
	text-decoration: none;
	background: #1b435e;
}

.bookListBadge .bookAuthor,
.bookListBadge .releaseDate {
	font-weight: bold;
}

.bookListBadge .bookAuthor {
	margin: 2px 0;
}

.bookBadge .longTxt a.moreInfo {
	font-size: 10px;
}

.bookDefaultBadge .buttonsSet.horizontal {
	float: right;
	margin-bottom: 10px;
}

.bookBadge .buttonsSet.horizontal .button {
	display: inline-block;
}

.bookBadge .withImage {
	min-height: 0;
}

.bookListBadge .listBox {
	overflow: hidden;
	margin-bottom: 15px;
}

.bookListBadge .listBox .longTxt p {
	margin-bottom: 0;
}

/*
central site.css
*/

.highlightBlocks {
    width: 100%;
    margin-bottom: 20px
}

.highlightBlocks div.p {
    display: block;
    float: left;
    width: 32%;
    margin: 0
}

.highlightBlocks div.mid {
    margin-left: 2%;
    margin-right: 2%
}

.highlightBlocks div.p p.highlightItem {
    display: block;
    width: 100%;
    height: 84px;
    float: left;
    border: 0 solid #fff;
    text-align: left;
    margin-bottom: 5px;
    position: relative;
    overflow: hidden
}

.highlightBlocks div.p p.highlightItem span {
    display: block;
    color: #fff;
    text-decoration: none
}

.highlightBlocks div.p p.highlightItem span.text {
    padding: 23px 8%;
    font: normal 100% verdana
}

.highlightBlocks div.p p.highlightItem span.img {
    font: normal 70% verdana;
    text-align: center;
    padding: 20px 8%
}

.highlightBlocks a.hl, .highlightBlocks a.hl:visited {
    cursor: pointer;
    text-decoration: none
}

.highlightBlocks div.p div.detail a {
    line-height: 140%
}

.highlightBlocks div.p div.detail {
    font: normal 70% verdana;
    line-height: 130%
}

.highlightBlocks b {
    position: absolute;
    top: 0;
    height: 84px;
    width: 8px;
    display: block
}

.highlightBlocks .detail a, .listBox a.linkTxt, .listBox1 a.linkTxt {
    text-decoration: none
}

.highlightBlocks .boxHeader, .highlightBlocks .boxHeader:visited {
    font: bold 16px/14px verdana;
    color: #000;
    text-decoration: none
}

.highlightBlocks .boxHeader:hover {
    text-decoration: underline
}

.highlightBlocks .rsslink {
    display: none
}

.highlightBlocks .listBox .linkTxt {
    display: block
}

.highlightBlocks div.highlight_video p.highlightItem {
    height: 125px;
    position: relative;
    margin-bottom: 12px
}

.highlightBlocks div.highlight_video b.playButton {
    background: url("../../../central/images/icons/play-button.png") no-repeat scroll center center transparent;
    height: 44px;
    left: 50%;
    margin-left: -30px;
    margin-top: -22px;
    position: absolute;
    top: 50%;
    width: 61px
}

.highlightBlocks div.highlight_video div.detail a.highlightTitle {
    line-height: 16px
}

.highlightBlocks div.highlight_video div.detail a.highlightTitle strong, .highlightBlocks div.highlight_video div.detail a.highlightTitle:visited strong {
    text-decoration: none
}

.highlightBlocks div.highlight_video div.detail a.highlightTitle:hover strong {
    text-decoration: underline
}

.highlightBlocks .highlight_events .listBox {
    padding-lefT: 20px;
    position: relative
}

.highlightBlocks .highlight_events .listBox .icalLink {
    float: left;
    position: absolute;
    top: 2px;
    left: 0
}

.tabsBlock .highlightBlocks div.p {
    margin: 0 1%;
    width: 31.2%
}

.tabsBlock .highlightBlocks div.mid {
    margin: 0 1%
}

.tabsBlock .highlightBlocks div.p div.detail a {
    margin: 0 0 .6em;
    font-weight: bold;
    display: block
}

.tabsBlock .highlightBlocks div.p div.detail br {
    clear: both;
    display: block
}

.galleryModal {
    background: #003f72;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiMwMDNmNzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #003f72 280px, #000 550px);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(280px, #003f72), color-stop(550px, #000));
    background: -webkit-linear-gradient(top, #003f72 280px, #000 550px);
    background: -o-linear-gradient(top, #003f72 280px, #000 550px);
    background: -ms-linear-gradient(top, #003f72 280px, #000 550px);
    background: linear-gradient(to bottom, #003f72 280px, #000 550px);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003f72', endColorstr='#000000', GradientType=0)
}

.galleryModal .galleryContainer .galleryContent .galleryBody .galleryNavigation {
    background: transparent url(images/gallery/controller-bg.png) repeat-x top left
}

.leftNav a.header-0, .leftNav a.header-0:link, .leftNav a.header-0:active, .leftNav a.header-0:visited, .leftNav a.aHeader-0, .leftNav a.aHeader-0:link, .leftNav a.aHeader-0:visited, .leftNav a.header-1 span, .leftNav a.header-2 span, .leftNav a.aHeader-2 span, .leftNav a.aHeader-2:visited span {
    background-image: url(images/non-repeating-bg-v3.png)
}

.leftNav a.header-1:hover span {
    border-bottom: 1px #797979 solid
}

.leftNav li:hover a.header-1:active span, .leftNav li:hover a.aHeader-1:hover span {
    border-bottom: 1px #246b8e solid
}

.printModal .printHeader {
    background: #003f72
}
.form-control {
    display: block;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.btn:hover, .btn:focus {
    color: #333;
    text-decoration: none;
}

.btn:active, .btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}

input[type=submit].btn-block, input[type=reset].btn-block, input[type=button].btn-block {
    width: 100%;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

.fade.in {
    opacity: 1;
}

.collapse {
    display: none;
}

.collapse.in {
    display: block;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s ease;
    transition: height .35s ease;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.dropdown {
    position: relative;
}

.dropdown-toggle:focus {
    outline: 0;
}

.dropdown-menu {
    background-color: #222;
    z-index: 1000;
    display: none;
    min-width: 160px;
    list-style: none;
    font-size: 12px;
    width: 100%;
    padding: 0;
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto;
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}
.dropper{
    z-index: 1000;
}
.dropdown-menu > li > a {
    display: block;
    padding: 5px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #fff;
    white-space: nowrap;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #428bca;
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
    color: #999;
}

.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    cursor: not-allowed;
}

.open .dropper .dropdown-menu {
    display: block;
}

.open > a {
    outline: 0;
}

.dropdown-menu-right {
    left: auto;
    right: 0;
}

.dropdown-menu-left {
    left: 0;
    right: auto;
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #999;
}

.dropdown-backdrop {
    /*position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990;*/
}

.pull-right > .dropdown-menu {
    right: 0;
    left: auto;
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid;
    content: "";
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px;
}

@media (min-width:768px) {
    .navbar-right .dropdown-menu {
        left: auto;
        right: 0;
    }

    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto;
    }
}


.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

.nav > li {
    position: relative;
    display: block;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #eee;
    color: #000;
}

.nav > li.disabled > a {
    color: #999;
}

.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
    color: #999;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #eee;
    border-color: #428bca;
}

.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.nav > li > a > img {
    max-width: none;
}

.nav-tabs {
    border-bottom: 1px solid #ddd;
}

.nav-tabs > li {
    float: left;
    margin-bottom: -1px;
}

.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}

.nav-tabs > li > a:hover {
    border-color: #eee #eee #ddd;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #555;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default;
}

.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0;
}

.nav-tabs.nav-justified > li {
    float: none;
}

.nav-tabs.nav-justified > li > a {
    text-align: center;
    margin-bottom: 5px;
}

.nav-tabs.nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto;
}

@media (min-width:768px) {
    .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%;
    }

    .nav-tabs.nav-justified > li > a {
        margin-bottom: 0;
    }
}

.nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 4px;
}

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #ddd;
}

@media (min-width:768px) {
    .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0;
    }

    .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
        border-bottom-color: #fff;
    }
}

.nav-pills > li {
    float: left;
}

.nav-pills > li > a {
    border-radius: 4px;
}

.nav-pills > li + li {
    margin-left: 2px;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #428bca;
}

.nav-stacked > li {
    float: none;
}

.nav-stacked > li + li {
    margin-top: 2px;
    margin-left: 0;
}

.nav-justified {
    width: 100%;
}

.nav-justified > li {
    float: none;
}

.nav-justified > li > a {
    text-align: center;
    margin-bottom: 5px;
}

.nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto;
}

@media (min-width:768px) {
    .nav-justified > li {
        display: table-cell;
        width: 1%;
    }

    .nav-justified > li > a {
        margin-bottom: 0;
    }
}

.nav-tabs-justified {
    border-bottom: 0;
}

.nav-tabs-justified > li > a {
    margin-right: 0;
    border-radius: 4px;
}

.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus {
    border: 1px solid #ddd;
}

@media (min-width:768px) {
    .nav-tabs-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0;
    }

    .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus {
        border-bottom-color: #fff;
    }
}




.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}

@media (min-width:768px) {
    .navbar {
        border-radius: 4px;
    }
}

@media (min-width:768px) {
    .navbar-header {
        float: left;
    }
}

.navbar-collapse {
    max-height: 340px;
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    -webkit-overflow-scrolling: touch;
    clear: both;
    background-color: #fff;
}

.navbar-collapse.in {
    overflow-y: auto;
}


.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin: 8px 15px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.navbar-toggle-left {
    float: left;
}

.navbar-toggle:focus {
    outline: 0;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 3px;
    border-radius: 1px;
}

.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px;
}

@media (min-width:768px) {
    .navbar-toggle {
        display: none;
    }
}

.navbar-nav {
    margin: 7.5px -15px;
}

.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
}

.navbar-form .form-control{
    height: 20px;
}
@media (max-width:767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;
    }

    .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px;
    }

    .navbar-nav .open .dropdown-menu > li > a {
        line-height: 20px;
    }

    .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
        background-image: none;
    }
}

@media (min-width:768px) {
    .navbar-nav {
        float: left;
        margin: 0;
    }

    .navbar-nav > li {
        float: left;
    }

    .navbar-nav > li > a {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .navbar-nav.navbar-right:last-child {
        margin-right: -15px;
    }

    .navbar-left {
        float: left !important;
    }

    .navbar-right {
        float: right !important;
        display: none;
    }

    .navbar-form {
        margin-left: -15px;
        margin-right: -15px;
        padding: 10px 15px;
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
        -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .navbar-form .input-group > .form-control {
        width: 100%;
    }

    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }

    .navbar-form .radio, .navbar-form .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 0;
        vertical-align: middle;
    }

    .navbar-form .radio input[type=radio], .navbar-form .checkbox input[type=checkbox] {
        float: none;
        margin-left: 0;
    }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0;
    }
}

@media (max-width:767px) {
    .navbar-form .form-group {
        margin-bottom: 5px;
    }
}

@media (min-width:768px) {
    .navbar-form {
        width: auto;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .navbar-form.navbar-right:last-child {
        margin-right: -15px;
    }
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px;
}

.navbar-btn.btn-sm {
    margin-top: 10px;
    margin-bottom: 10px;
}

.navbar-btn.btn-xs {
    margin-top: 14px;
    margin-bottom: 14px;
}

.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px;
}

@media (min-width:768px) {
    .navbar-text {
        float: left;
        margin-left: 15px;
        margin-right: 15px;
    }

    .navbar-text.navbar-right:last-child {
        margin-right: 0;
    }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
}

.navbar-default .navbar-brand {
    color: #777;
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
    color: #5e5e5e;
    background-color: transparent;
}

.navbar-default .navbar-text {
    color: #777;
}

.navbar-default .navbar-nav > li > a {
    color: #777;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #333;
    background-color: transparent;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
}

.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
}

.navbar-default .navbar-toggle {
    border-color: #ddd;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #ddd;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #888;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #e7e7e7;
    color: #555;
}

@media (max-width:767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
        background-color: transparent;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #555;
        background-color: #e7e7e7;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #ccc;
        background-color: transparent;
    }
}

.navbar-default .navbar-link {
    color: #777;
}

.navbar-default .navbar-link:hover {
    color: #333;
}

.navbar-collapse {
    margin: 0px 29px 0px 0px !important;
}

.navbar-inverse {
    position: absolute;
    margin: 45px 0 0 15px;
    z-index: 1000;
    background-color: #000; /* Light Blue */
    box-shadow:
    /* Layered single pixel shadows to create a one sided shadow effect. */
    0 5px 0 0 rgba(0, 0, 0, 0.01), 0 4px 0 0 rgba(0, 0, 0, 0.02), 0 3px 0 0 rgba(0, 0, 0, 0.04), 0 2px 0 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.08),
    /* Top highlight */
    0 1px 0 0 rgba(255, 255, 255, 0.1) inset,
    /* Left highlight */
    1px 0 0 0 rgba(255, 255, 255, 0.1) inset,
    /* Right highlight */
    -1px 0 0 0 rgba(255, 255, 255, 0.1) inset,
    /* Bottom lowlight */
    0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
    /* Glass gradient overlay, works with any colour background. */
}

.navbar-inverse .navbar-brand {
    color: #999;
}

.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
    color: #fff;
    background-color: transparent;
}

.navbar-inverse .navbar-text {
    color: #fff;
}

.navbar-inverse .navbar-nav > li > a {
    border-left: 3px solid transparent;
    color: #fff;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    /*border-left: 3px solid;  Removes transparent colour, so border colour will be the same as link hover colour. */
    color: #428BCA !important;
    text-decoration: none;
    background-color: #fff;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #080808;
}

.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
    color: #444;
    background-color: transparent;
}

.navbar-toggle {
    border-color: #222;
    background-color: #2a6496;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #333;
}

.navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-inverse .navbar-form {
    background-color: transparent !important;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #101010;
    background-color: #222;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #080808;
    color: #fff;
}

@media (max-width:767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #080808;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #999;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #fff;
        background-color: transparent;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #fff;
        background-color: #080808;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #444;
        background-color: transparent;
    }
}

.navbar-inverse .navbar-link {
    color: #999;
}

.navbar-inverse .navbar-link:hover {
    color: #fff;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.invisible {
    visibility: hidden;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.hidden {
    display: none !important;
    visibility: hidden !important;
}

.affix {
    position: fixed;
}

.navbar-right {
	display: none;
}

.toggleNavBar {
	display: none;
}

/*   FOOTER NAV  */
.footerNav .rightNav {
	display: none;
}

.footerNav .rightNav {
	background-color: #F5F5F5;
	margin-bottom: 0px;
}

.footerNav .rightNav-wrapper {
	margin-bottom: 0px;
	padding-bottom: 10px;
}

.footerNav .rightNav b.link-0 {
	background: none;
	color: #000;
}

.footerNav .rightNav a.link-1, .footerNav .rightNav a.link-1:visited {
	background: none;
	border-bottom: none;
}

.footerNav .rightNav > ul {
	columns: 3;
	-webkit-columns: 3;
	-moz-columns: 3;
}

/*   END FOOTER NAV  */

/*    FOOTER PROMO BUTTONS   */
.footerNav .promotionBox {
	padding-left: 15px;
	padding-right: 15px;
}

.footerNav .promobuttonlist {
	display: none;
}

/*if 4 buttons*/
.footerNav .promotionBox ul,
.footerNav .promotionBox li {
	box-sizing: border-box;
}

.footerNav .promotionBox li:first-child:nth-last-child(4),
.footerNav .promotionBox li:first-child:nth-last-child(4) ~ li {
	width: 25%;
	padding-left: 6px;
}

.footerNav .promotionBox li.first {
	padding-left: 0 !important;
}

/*if 5 buttons*/
.footerNav .promotionBox li {
	/*display: inline-block;*/
	display: block;
	float: left;
	list-style-type: none;
	width: 20%;
}

.footerNav .promotion {
	border-radius: 10px;
	background: none;
	width: 100%;
	height: 55px;
}

.footerNav .promotion p {
	font-size: 1.8vw;
	margin-bottom: 0px;
}

.footerNav .socialbuttons {
	display: none;
}

.footerNav .accreditation {
	display: none;
}

/*    FOOTER PROMO BUTTONS END   */


/*    HEADER NAV   */
.headerNav {
	display: block;
}

div.mainNav {
	width: 400px;
}

.mainNav ul {
	width: 100%;
	margin-top: 0px;
}

ul.dropdown-menu ul.level-2 {
	list-style: none outside none;
	padding-left: 0px;
}

div.quickLinks {
	margin-left: 0px;
	width: 100%;
	background: none;
	box-shadow: none;
}

div.quickLinks ul {
	width: 50%;
	float: right;
	background-color: #000;
	margin-top: 0px;
	margin-right: 15px;
    box-shadow:
        /* Layered single pixel shadows to create a one sided shadow effect. */
        0 5px 0 0 rgba(0, 0, 0, 0.01), 0 4px 0 0 rgba(0, 0, 0, 0.02), 0 3px 0 0 rgba(0, 0, 0, 0.04), 0 2px 0 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.08),
        /* Top highlight */
        0 1px 0 0 rgba(255, 255, 255, 0.1) inset,
        /* Left highlight */
        1px 0 0 0 rgba(255, 255, 255, 0.1) inset,
        /* Right highlight */
        -1px 0 0 0 rgba(255, 255, 255, 0.1) inset,
        /* Bottom lowlight */
        0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
    /* Glass gradient overlay, works with any colour background. */
}

.nav > li > a {
	color: #fff;
	text-decoration: none;
}

.nav > li > a:hover {
	color: #000;
}

.nav > li > a:active {
	color: #FFFFFF;
}

.open > .dropdown-menu {
	display: block;
}

/*    END HEADER NAV    */

.navText {
	color: #FFFFFF;
	float: right;
	padding-left: 30px;
	font-size: 1.2em;
}

.navbar-nav .open .dropdown-menu {
	background-color: #000000;
	float: left;
	position: fixed;
	width: 340px;
}

.navbar-left .level-2 a {
	clear: both;
	color: #FFFFFF;
	display: block;
	font-weight: 400;
	line-height: 1.42857;
	padding: 5px 30px;
	white-space: nowrap;
}

.dropdown-menu .level-2 a:hover, .dropdown-menu .level-2 a:focus {
	background-color: #F5F5F5;
	color: #262626;
	text-decoration: none;
}

/************************ WIDTH LESS THAN 768px *********************************/
@media (max-width: 1024px), only screen and (max-device-width: 1024px) {
	body #main {
		width: 100%;
	}

	#main {
		min-width: 250px;
	}

	.withLeftBar #middleBar {
		width: 99%;
	}

	.navbar-toggle {
		display: block;
	}

	.toggleNavBar {
		display: block;
	}

	#leftBar {
		display: none;
	}

	.top-nav-logo {
		display: none;
	}

	.withLeftBar {
		padding-left: 15px;
	}

	#rightBar {
		display: none;
	}

	.withRightBar {
		padding-right: 15px;
	}

	#sub-container .leftColumn, #sub-container .rightColumn {
		display: none;
	}

	.withLeftBar.withRightBar #middleBar {
		width: 100%;
	}

	.searchForm {
		display: none;
	}

	.highlightlist {
		/*display: none;*/
	}

	.navbar-right {
		display: block;
		margin-top: 60px;
	}

	.navbar-nav > li > a {
		padding-top: 10px;
		padding-bottom: 10px;
		line-height: 20px;
	}

	.footerNav .rightNav {
		display: block;
	}

	.footerNav .promobuttonlist {
		display: block;
		width: 100%;
		float: left;
	}

	.bottomContainer .addthis_toolbox {
		padding: 0px 15px;
		display: none;
	}

	.footerNav .socialbuttons {
		display: block;
		float: right;
		padding-right: 10px;
	}

	.footerNav .socialbuttons ul {
		float: left;
	}

	.footerNav .socialbuttons > div {
		float: left;
	}

	.socialbuttons h2 {
		margin-top: 10px;
		padding-right: 10px;
	}

	.footerNav .accreditation {
		display: block;
		float: left;
		padding-left: 15px;
	}

	.footerNav .accreditation .accreditationLogo {
		padding-right: 10px;
		float: left;
	}

	.headerNav {
		display: block;
	}

	/* LISTS */
	.colctrl-3c .parsys_column .withImage {
		padding-left: 0;
	}

	/* show images in col 2 but not others*/
	.colctrl-2c .parsys_column .withImage {
		padding-left: 70px;
	}

	.colctrl-2c .parsys_column .listBox .image img {
		display: block;
	}

	.colctrl-3c .parsys_column .listBox .image img {
		display: none;
	}

	.solid-vertical-badge .listBox .image img {
		display: block;
	}

	/* END LIST */
	.navbar-right .dropdown-menu {
		left: auto;
		right: 0;
	}

	.navbar-nav {
		float: left;
		margin: 0;
	}

	.navbar-right {
		float: right !important;
		display: block;
		margin-top: 50px;
	}

	.navbar-form {
		margin-left: -15px;
		margin-right: -15px;
		padding: 10px 15px;
		margin-top: 8px;
		margin-bottom: 8px;
	}

	.navbar-form .form-group {
		display: inline-block;
		margin-bottom: 0;
		vertical-align: middle;
	}

	.search .dropdown .dropdown-menu {
		padding-left: 20px;
		z-index: 10000;
		border: 1px solid #CCCCCC;
	}

}

/************************ WIDTH LESS THAN 480px *********************************/
@media (max-width: 480px), only screen and (max-device-width: 480px) {
	div.quickLinks ul {
		width: 65%;
	}

	div.mainNav {
		width: 80%;
		min-width: 350px;
	}

	.footerNav .rightNav > ul {
		columns: 2;
		-webkit-columns: 2;
		-moz-columns: 2;
	}

	.footerNav .promotion p {
		font-size: 9px;
	}

	.socialbuttons h2 {
		margin-top: 25px;
	}

	.footerNav .accreditation {
		display: block;
		float: right;
		padding-right: 10px;
	}

	.footerNav .accreditation .accreditationLogo {
		padding-right: 10px;
		float: left;
	}

	/*if 4 buttons*/
	.footerNav .promotionBox li:first-child:nth-last-child(4),
	.footerNav .promotionBox li:first-child:nth-last-child(4) ~ li {
		width: 23%;
	}

	/*if 5 buttons*/
	.footerNav .promotionBox li {
		width: 18.3%;
	}

	#footerNav {
		font-size: 0.9em;
	}

	/* LISTS */
	/*ul.split-list li {
			float: none;
			width: 100%;
	}*/
	ul.split-list .li-right .listBox {
		margin-left: 0px;
	}

	ul.split-list li .listBox {
		margin-right: 5px;
	}

	.colctrl-3c .badge-text .longTxt:not(.time) {
		display: none;
	}

	.colctrl-3c .withImage .badge-text .longTxt {
		display: block;
	}

	.colctrl-3c .pageBadge .withImage .longTxt:not(.time) {
		display: none;
	}

	.colctrl-3c-c0, .colctrl-3c-c1 {
		width: 50%;
		float: left;
	}

	.colctrl-3c-c2 {
		width: 100%;
		float: left;
	}

	.colctrl-3c .parsys_column .listBox .image img {
		display: block;
	}

	.colctrl-3c .parsys_column .withImage {
		padding-left: 70px;
	}

	.vertical-badge .listBox.withImage {
		padding-left: 0;
	}

	/*.list:not(.querylist) ul.list_row {
			columns: 2;
			-webkit-columns: 2;
			-moz-columns: 2;
	}*/
	/* END LIST */
	.swoosh-overlay h1 {
		display: block;
		margin: 160px 0 0 0;

		text-shadow: none !important;
	}

	#pageBanner .swoosh-banner .color h1 {
		padding: 5px;
		color: #fff !important;
	}

	#pageBanner .white h1 {
		padding: 5px;
		color: #428BCA !important;
	}

	#pageBanner .swoosh-overlay.white {
		background: none repeat scroll 0 0 #FFF;
		color: #014F8A;
	}

	#pageBanner .color {
		/*background: none repeat scroll 0 0 #428BCA;*/
		background-position: right center;
		padding-bottom: 0;
	}

	.swoosh-banner {
		height: 200px;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
	}

	/* CAROUSEL HOME */
	.carouselBanner H2 {
		display: none;
	}

	.carouselBanner .bannerMore {
		display: none;
	}

	.proportionategrid.mediaBanner .left-content .bannerLinks {
		margin: 0px;
	}

	.proportionategrid.mediaBanner .left-col {
		height: 40px !important;
		min-height: 40px;
		width: 100%;
		position: absolute;
		bottom: 1px;
	}

	.proportionategrid.mediaBanner .right-col {
		padding-left: 0px;
		float: left;
		margin-bottom: 40px;
	}

	.proportionategrid.mediaBanner .left-content .bannerLinks li {
		display: inline;
		padding-right: 10px;
	}

	/*Home banner back image*/
	.proportionategrid.mediaBanner .left-content .bannerContent {
		background-image: none !important;
		padding-top: 5px;
	}

	.proportionategrid.mediaBanner .left-content .bannerImage {
		background-image: none !important;
	}
}

/************************ WIDTH LESS THAN 360px *********************************/
@media (max-width: 360px), only screen and (max-device-width: 360px) {
	div.quickLinks ul {
		width: 90%;
	}

	div.mainNav {
		width: 90%;
	}
}

/************************ WIDTH LESS THAN 320px *********************************/
@media (max-width: 320px), only screen and (max-device-width: 320px) {

	.navbar-nav .open .dropdown-menu {
		width: 300px;
	}

	.navbar-form .form-control {
		width: 175px;
	}
}