#topNavbar 
{
    margin-bottom: 0px !important;
}

/*=============================*/
/*= Top Header                =*/
/*=============================*/

#topHeader                  { top: 0; max-width:inherit; width:100%; background-color: #3876BC; height: 53px; }
#topHeader .salestext
{
    color: #ffffff;
    font-weight: 600;
    /*font-size: 22px;*/
    font-size: 1.2em;
    margin-top: 13px;
    margin-left: 0;
    padding-left: 0;
}

#topHeader .searchicon
{
    color: #ffffff;
    font-weight: 600; 
    /*font-size: 18px;*/
    display: inline-block;
}

#topHeader .supportlogin
{
    color: #ffffff;
    font-weight: 600;
    /*font-size: 18px;*/
    font-size: 1.2em;
    display: inline-block;
    padding: 13px 0 0 0;
}

#topHeader .draketext       
{ 
    color: #ffffff; 
    font-weight: 600; 
    /*font-size: 28px;*/ 
    font-size: 2.0em; 
    margin-top: 5px; 
}

#topHeader .home       
{ 
    color: #ffffff; 
    font-weight: 600;
    font-size: 1.2em; 
}

#topHeader .chat       
{ 
    color: #ffffff; 
    font-weight: 600; 
    font-size: 1.2em; 
    margin-top: 13px;
}
#topHeader .chat a {
    color: #ffffff;

}

#topHeader .supportlogin a,
#topHeader .supportlogin a:visited,
#topHeader .draketext a,
#topHeader .draketext a:visited
{  
    text-decoration: none;
    color: #ffffff; 
}

#topHeader .supportlogin a:hover,
#topHeader .draketext a:hover
{  
    color: #eeeeee; 
}

#topHeader .search          
{ 
    color: #ffffff; 
    margin-top: 5px; 
}


/*=============================*/
/*= Bottom Header             =*/
/*=============================*/

/* put space above and below bottom header (with menu) in expanded view */
#bottomHeader
{
    margin: 15px -15px;
}

#bottomHeader > div:first-child
{
    padding-left: 0px;
}

#bottomHeader > div:last-child
{
    padding-right: 0px;
}

/*=============================*/
/* 404 Page                   =*/
/*=============================*/

#page404Header {
    color: #3876BC;
    font-size: 4.25em;
    font-weight: 400;
    padding: 30px 0 0 0;
}

#page404Text
{
    color: #000;
    font-weight: 600;
    font-size: 1.2em;
    padding: 30px 0 30px 0;
}

/*=============================*/
/* Main Menu - large          =*/
/*=============================*/

/* align the expanded menu with the Drake logo */
#mainMenuLarge
{
    margin-top: 32px;
}

/* float right when in expanded view */
#mainMenuLarge .navbar-nav {
    float: right !important;
}

#mainMenuLarge li a,
#mainMenuLarge li span
{
    color: #3876BC;
    font-weight: 500;
    letter-spacing: .2px;
}

#mainMenuLarge .dropdown-menu li a,
#mainMenuLarge .dropdown-menu li span
{
    clear: both;
    display: list-item;
    /*line-height: 1.42857;*/
    line-height: 1.3;
    white-space: nowrap;
    letter-spacing: .2px;
}

#mainMenuLarge .dropdown-menu
{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

#mainMenuLarge .dropdown-menu li a:hover,
#mainMenuLarge .dropdown-menu li a:hover span
{
    color: #fff;
    background-color: #3876BC;
}

#mainMenuLarge ul
{
    left: -20px!important;
}

#mainMenuLarge .dropdown-menu li
{
    margin-left: 20px;
    margin-right: 20px;
}

#mainMenuLarge .dropdown-menu li a
{
    margin-left: -20px;
    margin-right: -20px;
}

#mainMenuLarge .navbar-nav > li > a
{
    background-color: #fff !important;
}

#mainMenuLarge .navbar-nav > li > a:hover,
#mainMenuLarge .navbar-nav > li > a:focus
{
    border-bottom: 3px solid #3876BC !important;
}

#mainMenuLarge li.selected
{
    border-bottom: 1px solid #3876BC;
}

#mainMenuLarge li.selected:hover
{
    border-bottom: none;        /* this removes the underline of the menu item when hovering over it */
}

#mainMenuLarge a span.sub-arrow,
#mainMenuLarge ul a span.sub-arrow {
    position: absolute;
    top: 50%;
    margin-top: -9px;
    margin-left: -28px;
    width: 17px;
    height: 17px;
    overflow: hidden;
    font: bold 16px/16px monospace !important;
    text-align: center;
    border: 0;
    text-shadow: none;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
}
/* Hide sub indicator "+" when item is expanded - we enable the item link when it's expanded */
#mainMenuLarge a.highlighted span.sub-arrow:before {
    content: '-';
}

a span.sub-arrow {
    position: absolute;
    top: 50%;
    margin-top: -17px;
    left: auto;
    right: 4px;
    width: 34px;
    height: 34px;
    overflow: hidden;
    font: bold 16px/34px monospace !important;
    text-align: center;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

a.highlighted span.sub-arrow:before {
    display: block;
    content: '-';
}

a span.sub-arrow {
    top: auto;
    margin-top: 0;
    bottom: 2px;
    left: 50%;
    margin-left: -10px;
    right: auto;
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid dashed dashed dashed;
    border-color: #a1d1e8 transparent transparent transparent;
    background: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

a.highlighted span.sub-arrow:before {
    display: none;
}

ul a span.sub-arrow {
    top: 50%;
    margin-top: -5px;
    bottom: auto;
    left: auto;
    margin-left: 0;
    right: 0px;
    margin-right: 2px;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #a1d1e8;
}

.sm-vertical a span.sub-arrow {
    right: auto;
    left: 10px;
    border-style: dashed solid dashed dashed;
    border-color: transparent #a1d1e8 transparent transparent;
}

.sm-rtl ul a span.sub-arrow {
    right: auto;
    left: 10px;
    border-style: dashed solid dashed dashed;
    border-color: transparent #a1d1e8 transparent transparent;
}

.sm-vertical a span.sub-arrow {
    top: 50%;
    margin-top: -5px;
    bottom: auto;
    left: auto;
    margin-left: 0;
    right: 10px;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #a1d1e8;
}

@media (min-width: 992px) 
{

    #mainMenuLarge li a,
    #mainMenuLarge li span
    {
        font-weight: 400;
        font-size: 1.1em;
    }

    /* This applies to the top-level menu items */
    #mainMenuLarge .navbar-nav > li > a,
    #mainMenuLarge .navbar-nav > li > span 
    {
        font-size: 1.2em;
        padding: 14px 10px 12px 10px;
        border-bottom: 3px solid #fff;
    }
}

@media (min-width: 1200px) 
{

    #mainMenuLarge li a,
    #mainMenuLarge li span
    {
        font-weight: 500;
        font-size: 1.4em;
    }

    /* This applies to the top-level menu items */
    #mainMenuLarge .navbar-nav > li > a,
    #mainMenuLarge .navbar-nav > li > span 
    {
        font-size: 1.5em;
        padding: 16px 14px 14px 14px;
        border-bottom: 3px solid #fff;
    }
}

/*=============================*/
/* Main Menu - small          =*/
/*=============================*/

#mainMenuSmall
{
    border: 1px solid #3876BC;
}

#mainMenuSmall .open .dropdown-menu
{
    margin-top: 5px;
    overflow: hidden;       /* this prevents the underline cover-up for selected menu-item to not extend past dropdown menu */
}

#mainMenuSmall .dropdown-menu li a,
#mainMenuSmall .dropdown-menu li span
{
    padding: 5px 20px;
}

#mainMenuSmall li a,
#mainMenuSmall li span
{
    color: #0065A8;
    font-weight: 400;
    line-height: 1.42857;
    font-size: 1.3em;
	padding: 5px 10px;
}

#mainMenuSmall > ul
{
    margin-bottom: 10px;
}

.mainMenuBold
{
    font-weight: 600 !important;
}

.homeDivider 
{
    background-color: #e5e5e5;
    height: 1px;
    margin: 2px 0;
}

@media (max-width: 991px) 
{
    /* this prevents the search dropdown from pushing the contents of the screen downwards in mobile mode (sm and xs) */
    #searchNavbarNav .open .dropdown-menu
    {
        position: absolute !important;
    }

    #mainMenuSmall
    {
        border: 1px solid #3876BC;
    }

    #mainMenuSmall.navbar-fixed-top.navbar-absolute
    {
        position: absolute;
        margin: 0;
        background-color: #fff;
        margin-top: 52px;
    }

    #mainMenuSmall li.selected a
    {
        border-bottom: 1px solid #3876BC;
    }

    #mainMenuSmall li.selected > a::after
    {
        content:''; 
        width: 90%; 
        height: 1px; 
        background: #fff; 
        position: absolute;
        bottom:-1px;
    }

    #mainMenuSmall li.selected > a::before
    {
        content:''; 
        height: 1px; 
        background: #fff; 
        position: absolute;
        bottom:-1px;
        width: 20px;
        left: 0px;
    }

    #mainMenuSmall .dropdown-menu li
    {
        margin-left: 20px;
        margin-right: 0px;
    }

    #mainMenuSmall .dropdown-menu li a,
    #mainMenuSmall .dropdown-menu li span
    {
        margin-left: -20px;
        margin-right: -20px;
        display: list-item;
    }

}

@media (min-width: 768px) and (max-width: 991px) 
{
    #mainMenuSmall { width: 60%; }
}

@media (max-width: 767px)
{
    #mainMenuSmall { width: 80%; }
}

/*=============================*/
/* Search                     =*/
/*=============================*/

#searchDropdown
{
    padding: 1px;
    background-color: transparent;
}

#navbarSearch
{
    padding: 13px 0 4px 0;
    background-color: transparent;
}

#searchButtonTop
{
    background: #00619f url(/localassets/images/master/search.png) no-repeat scroll 5px 5px;
    height: 36px;
    width: 34px;
    border: none;
    border-radius: 3px;
}

#searchNavbarNav
{
    margin: 0;
}

#searchNavbarNav > li > .dropdown-menu,
#searchNavbarNav > .dropdown-menu
{
    min-width: 210px !important;
    width: auto !important;
    background-color: #00619f /*#0065A8*/ !important;   /* background matches navbar color */
    padding: 3px 3px 0 3px;                             /* padding around search box and button */
    border: 1px solid #00619f;                          /* border around search box and button */
    margin-top: 8px !important;                         /* distance from the navbar search icon */
    z-index: 10001;
}

.searchGutter > [class*='col-xs-10'] 
{
    padding-right: 0;
    padding-left: 0;
}

.searchGutter > [class*='col-xs-2'] {
    padding-right: 0;
    padding-left: 0;
}

/*=============================*/
/* Footer                     =*/
/*=============================*/

#footer
{
    background-color: #444;
    padding: 40px 0;
    color: #fff;
}

#footer-container           
{ 
    margin: 0 auto;  
}

#footer-container h2
{
    font-weight: 600;
    font-size: 1.5em;
    margin: 0px;
}

#footer-container a, 
#footer-container a:visited
{
    text-decoration: none;
}

/*#footer-container h2,*/
#footer-container a,
#footer-container a:visited
{
    color: #fff !important;
}

#footer-container ul li
{
    list-style-type: none;
    display: inline;
    color: #fff;
    font-weight: 400;
    font-size: 1.5em;
    padding-right: 20px;
}

.footer-section             { padding-bottom: 10px; }

.footer-header,
.footer-header a,
.footer-header a:visited {
    font-weight: 600;
    font-size: 1.5em;
    margin: 0px;
    color: #fff !important;
}

@media (max-width: 767px)
{
    #footer-container ul    { padding: 10px 0 0 0; }
}

@media (min-width: 768px)
{
    #footer-block           { padding-bottom: 10px; }
    #footer-container ul    { padding: 0; }
}

.footer-icon
{
    max-width: 45px;
    min-width: 40px;
    padding: 5px 0 0 0;
}

#imgTS
{
    width: 28px;
}