/* global utility bar
    compatible with blueprint + 960.gs + THE GRID */

/*---------------------------------------------------
    Hide old utility elements
---------------------------------------------------*/
/* #country-select, #global-search, .span-24.breadcrumb {
    display: none; */
/*---------------------------------------------------
    Container Adjustments
---------------------------------------------------*/
#global-header-wrapper {
    margin-bottom: 20px;
    padding-top: 45px;
}

/* Shop Only Fix */
body.shop-us > .container {
    position:inherit;
}

/*---------------------------------------------------
    Bringing in Style Guide Element Styles
---------------------------------------------------*/
#global-utility-bar .global-search .global-search-text  {
    width: 150px;
    height: 26px;
    font-size: 12px;
    line-height: 100%;
    font-family: 'Open Sans', 'HelveticaNeue', 'HelveticaNeueu', Arial, sans-serif;
    font-weight: 400;
}
#global-utility-bar .input-append .btn1 {
    margin-left: -1px;
    height: 26px;
    -webkit-border-radius: 0 4px 4px 0;
       -moz-border-radius: 0 4px 4px 0;
            border-radius: 0 4px 4px 0;
    line-height: 26px; /* button height minus top & bottom border */
}
#global-header .span5, #global-footer .span5 {
    float:left;
    width: 180px;
}
#global-header .row, #global-footer .row {
    clear:both;
    zoom: 1;
}
#global-header .text-center, #global-footer .text-center {
    text-align: center;
}
#global-utility-bar ul li.has-menu {
    z-index: 501;
}
#global-footer ul {
    margin-top: 0;
}
#global-footer li {
    margin-bottom: 0;
}

/*---------------------------------------------------
    General utility bar styles
---------------------------------------------------*/
#global-utility-bar {
    position:absolute;
    top: 0;
    left: 0;
    margin-bottom: 15px;
    width: 100%;
    height: 30px;
    border-bottom: solid 1px #d1d1d1;
    border-bottom: solid 1px rgba(197,197,197,.95);
    background-color: #e8e8e8;
    background-color: rgba(226,226,226,.95);
    font-size: 12px;
    font-family: 'Open Sans', 'HelveticaNeue', 'HelveticaNeueu', Arial, sans-serif;
    font-weight: 400;
}
#global-utility-bar ul {
    float: right;
    list-style: none;
}
#global-utility-bar ul li ul {
    float:none;
}
#global-utility-bar ul li ul li {
    float:none;
}
#global-utility-bar ul li {
    float:left;
    margin: 6px 0 0 14px;
    list-style:none;
}
#global-utility-bar .has-menu {
 position: relative;
 z-index: 501;
}
#global-utility-bar .dropdown {
    display:none;
}
#global-utility-bar .active-navigation .dropdown,
#global-utility-bar .active-navigation .dd-arrow,  {
    display:block;
}
#global-utility-bar div.dropdown {
    top: 26px;
    padding: 5px 14px;
}
#global-utility-bar .dd-arrow {
    top: 0;
    left: -12px;
}
#global-utility-bar, #global-utility-bar a  {
    color: #555;
    text-shadow: 0 1px 0 rgba(255,255,255,.8);
}
#global-utility-bar ul li a:hover {
    text-decoration: underline;
    cursor: pointer;
}
#global-utility-bar ul li ul li {
    display: block;
    margin: 3px 0 0 0;
}
#global-utility-bar ul li.global-search {
    margin-top: 2px;
}
#global-utility-bar hr.separator {
    position: relative;
    top: 5px;
    margin-bottom: 10px;
}
@media screen and (max-width: 960px){
    #global-utility-bar{
        width: 960px;
    }
}

/*---------------------------------------------------
    Country Selector
---------------------------------------------------*/
#global-header-wrapper .dropdown:before {
    left: 455px;
}
#global-header-wrapper .dropdown:after {
    left: 458px;
}
.no-js #global-utility-bar ul li.country-selector:hover .dropdown {
    display: block;
}
#global-utility-bar ul li.country-selector:hover .dropdown {
    position: absolute;
}
#global-utility-bar ul li.country-selector {
    height: 26px;
}
#global-utility-bar ul li.country-selector ul {
    float: left;
    margin-right: 15px;
    width: 150px;
}
#global-utility-bar ul li.country-selector ul.last {
    float: left;
    margin-right: 0;
}
#global-utility-bar ul li.country-selector a {
    margin-top: 10px;
    margin-bottom: 10px;
}
#global-utility-bar ul li.country-selector a img {
    margin: 4px 4px 0 0;
}
.distributors {
    display: none;
}
/*---------------------------------------------------
    Sign in
---------------------------------------------------*/
.signed-in #global-utility-bar #logged-in > a {
    position: relative;
    padding-left: 12px;
    background: url(../images/utility-bar-arrow.png) no-repeat 0 5px;
}
.signed-in #global-utility-bar ul li#login-state .dropdown {
    left: -18px;
    width: auto;
}
.signed-in #global-utility-bar ul li#login-state li a{
    white-space: nowrap;
}
.signed-in #global-utility-bar ul li#login-state ul li {
    margin: 3px 0 0 0;
}
.signed-in #global-utility-bar ul li#login-state ul li:first-child {
    margin-top: 3px;
}
/*---------------------------------------------------
    Sign in/Out Hide
---------------------------------------------------*/
.not-signed-in .logged-in,
.signed-in .logged-out,
.not-signed-in .sign-out-link,
.signed-in .sign-in-link, {
    display: none;
}
.signed-in #login-state .logged-in,
.not-signed-in #login-state .logged-out,
.not-signed-in .sign-in-link,
.signed-in .sign-out-link, {
    display: inline;
}
/*---------------------------------------------------
    Cart
---------------------------------------------------*/
#global-utility-bar ul li.cart > a {
    padding-left: 18px;
    background: url(../images/icons/cart-sm.png) no-repeat 0 3px;
}
#global-utility-bar ul li.cart.active-navigation > a {
    background-position: 0 -14px;
}
/*---------------------------------------------------
    Positioning and dimensions for dropdowns
---------------------------------------------------*/
#global-utility-bar #logged-in div.dropdown.active-navigation:before {
    left: 11px;
}
#global-utility-bar #logged-in div.dropdown.active-navigation:after {
    left: 14px;
}
/* All domains */
#global-utility-bar .country-selector div.dropdown {
    left: -426px;
    width: 672px;
}
#global-utility-bar .country-selector div.dropdown.active-navigation:before {
    left: 421px;
}
#global-utility-bar .country-selector div.dropdown.active-navigation:after {
    left: 424px;
}
#global-utility-bar #logged-out .dropdown {
    width: 245px;
}
#global-utility-bar #logged-out .dropdown.active-navigation:before {
    left: 11px;
}
#global-utility-bar #logged-out .dropdown.active-navigation:after {
    left: 14px;
}
#global-utility-bar #gauth-widget {
    border: none !important;
}

/*---------------------------------------------------
    New background flags
---------------------------------------------------*/
.country-selector a {
    display:block;
    margin: 10px 0;
    padding-left: 21px !important;
    height: 12px;
    background: url(../images/icon-flags/flags.png) no-repeat 0 12px;
    line-height: 11px;
    wclassth: auto;
}
.country-selector > a {
    margin-top: 4px !important;
}
/* TODO:  Add Locale versions of language-only flag definitions */
    a.flag-es-AR                           { background-position: 0 0; }
    a.flag-de-AT                           { background-position: 0 -12px; }
    a.flag-en-AU                           { background-position: 0 -24px; }
    a.flag-fr-BE, a.flag-nl-BE             { background-position: 0 -36px; }
    a.flag-pt-BR                           { background-position: 0 -48px; }
    a.flag-en-CA, a.flag-fr-CA             { background-position: 0 -60px; }
    a.flag-es-CL                           { background-position: 0 -72px; }
    a.flag-zh-CN                           { background-position: 0 -84px; }
    a.flag-de-DE                           { background-position: 0 -96px; }
    a.flag-da-DK                           { background-position: 0 -108px; }
    a.flag-es-ES                           { background-position: 0 -120px; }
    a.flag-fi-FI                           { background-position: 0 -132px; }
    a.flag-fr-FR                           { background-position: 0 -144px; }
    a.flag-en-GB                           { background-position: 0 -156px; }
    a.flag-en-IE                           { background-position: 0 -168px; }
    a.flag-it-IT                           { background-position: 0 -180px; }
    a.flag-es-MX, a.flag-en-MX             { background-position: 0 -192px; }
    a.flag-nl-NL                           { background-position: 0 -204px; }
    a.flag-no-NO, a.flag-nb-NO             { background-position: 0 -216px; }
    a.flag-en-NZ                           { background-position: 0 -228px; }
    a.flag-pl-PL                           { background-position: 0 -240px; }
    a.flag-pt-PT                           { background-position: 0 -252px; }
    a.flag-en-ZA                           { background-position: 0 -264px; }
    a.flag-sv-SE, a.flag-se-SE             { background-position: 0 -276px; }
    a.flag-en-SG, a.flag-zh-SG             { background-position: 0 -288px; }
    a.flag-zh-TW                           { background-position: 0 -300px; }
    a.flag-en-US                           { background-position: 0 -312px; }
    a.flag-az-AZ, a.flag-az                { background-position: 0 -324px; }
    a.flag-be-BY, a.flag-by                { background-position: 0 -336px; }
    a.flag-bg-BG, a.flag-bg, a.flag-en-BG  { background-position: 0 -348px; }
    a.flag-hr-HR, a.flag-hr                { background-position: 0 -360px; }
    a.flag-cs-CZ, a.flag-cz, a.flag-en-CZ  { background-position: 0 -372px; }
    a.flag-ar-EG, a.flag-eg, a.flag-en-EG  { background-position: 0 -384px; }
    a.flag-et-EE, a.flag-ee, a.flag-en-EE  { background-position: 0 -396px; }
    a.flag-el-GR, a.flag-gr, a.flag-en-GR  { background-position: 0 -408px; }
    a.flag-hu-HU, a.flag-hu, a.flag-en-HU  { background-position: 0 -420px; }
    a.flag-en-IN, a.flag-in                { background-position: 0 -432px; }
    a.flag-id-ID, a.flag-id                { background-position: 0 -444px; }
    a.flag-ar-IQ, a.flag-iq                { background-position: 0 -456px; }
    a.flag-he-IL, a.flag-il                { background-position: 0 -468px; }
    a.flag-ja-JP, a.flag-jp                { background-position: 0 -480px; }
    a.flag-ar-JO, a.flag-jo, a.flag-en-JO  { background-position: 0 -492px; }
    a.flag-ko-KR, a.flag-kr                { background-position: 0 -504px; }
    a.flag-ar-KW, a.flag-kw, a.flag-en-KW  { background-position: 0 -516px; }
    a.flag-lv-LV, a.flag-lv, a.flag-en-LV  { background-position: 0 -528px; }
    a.flag-ar-LB, a.flag-lb, a.flag-en-LB  { background-position: 0 -540px; }
    a.flag-lt-LT, a.flag-lt, a.flag-en-LT  { background-position: 0 -552px; }
    a.flag-ar-MA, a.flag-ma, a.flag-en-MA  { background-position: 0 -564px; }
    a.flag-ar-OM, a.flag-om, a.flag-en-OM  { background-position: 0 -576px; }
    a.flag-ar-QA, a.flag-qa, a.flag-en-QA  { background-position: 0 -588px; }
    a.flag-ro-RO, a.flag-ro, a.flag-en-RO  { background-position: 0 -600px; }
    a.flag-ru-RU, a.flag-ru                { background-position: 0 -612px; }
    a.flag-en-SA, a.flag-sa                { background-position: 0 -624px; }
    a.flag-sk-SK, a.flag-sk, a.flag-en-SK  { background-position: 0 -636px; }
    a.flag-sl-SI, a.flag-si                { background-position: 0 -648px; }
    a.flag-fr-CH, a.flag-ch                { background-position: 0 -660px; }
    a.flag-zh-TH, a.flag-th, a.flag-th-TH  { background-position: 0 -672px; }
    a.flag-tr-TR, a.flag-tr                { background-position: 0 -684px; }
    a.flag-uk-UA, a.flag-ua-a, a.flag-ua-n, a.flag-en-UA { background-position: 0 -696px; }
    a.flag-ar-YE, a.flag-ye, a.flag-en-YE  { background-position: 0 -708px; }
    a.flag-es-EC, a.flag-ec                { background-position: 0 -720px; }
    a.flag-en-PH, a.flag-ph                { background-position: 0 -732px; }
    a.flag-en-BA, a.flag-ba, a.flag-en-BY  { background-position: 0 -744px; }
    a.flag-en-CY, a.flag-cy                { background-position: 0 -756px; }
    a.flag-en-AE, a.flag-ae                { background-position: 0 -768px; }
    a.flag-en-MD, a.flag-md                { background-position: 0 -780px; }
    a.flag-en-AL, a.flag-al                { background-position: 0 -792px; }
    a.flag-en-BH, a.flag-bh                { background-position: 0 -816px; }
    a.flag-en-RS, a.flag-rs                { background-position: 0 -804px; }
    a.flag-en-KV, a.flag-kv                { background-position: 0 -828px; }
    a.flag-en-MK, a.flag-mk                { background-position: 0 -840px; }
    a.flag-en-MT, a.flag-mt                { background-position: 0 -852px; }

    a.flag-en-AO, a.flag-ao                { background-position: 0 -864px;}
    a.flag-en-BF, a.flag-bf                { background-position: 0 -876px;}
    a.flag-en-BJ, a.flag-bj                { background-position: 0 -888px;}
    a.flag-en-BW, a.flag-bw                { background-position: 0 -890px;}
    a.flag-en-CI, a.flag-ci                { background-position: 0 -902px;}
    a.flag-en-CM, a.flag-cm                { background-position: 0 -914px;}
    a.flag-en-DJ, a.flag-dj                { background-position: 0 -926px;}
    a.flag-en-ER, a.flag-er                { background-position: 0 -938px;}
    a.flag-en-ET, a.flag-et                { background-position: 0 -950px;}
    a.flag-en-GA, a.flag-ga                { background-position: 0 -962px;}
    a.flag-en-GH, a.flag-gh                { background-position: 0 -974px;}
    a.flag-en-GM, a.flag-gm                { background-position: 0 -986px;}
    a.flag-en-GN, a.flag-gn                { background-position: 0 -998px;}
    a.flag-en-GQ, a.flag-gq                { background-position: 0 -1010px;}
    a.flag-en-GW, a.flag-gw                { background-position: 0 -1022px;}
    a.flag-en-KE, a.flag-ke                { background-position: 0 -1034px;}
    a.flag-en-LR, a.flag-lr                { background-position: 0 -1046px;}
    a.flag-en-LS, a.flag-ls                { background-position: 0 -1058px;}
    a.flag-en-MG, a.flag-mg                { background-position: 0 -1070px;}
    a.flag-en-MU, a.flag-mu                { background-position: 0 -1082px;}
    a.flag-en-MW, a.flag-mw                { background-position: 0 -1094px;}
    a.flag-en-MZ, a.flag-mz                { background-position: 0 -1106px;}
    a.flag-en-NA, a.flag-na                { background-position: 0 -1118px;}
    a.flag-en-NG, a.flag-ng                { background-position: 0 -1130px;}
    a.flag-en-RE, a.flag-re                { background-position: 0 -1142px;}
    a.flag-en-RW, a.flag-rw                { background-position: 0 -1154px;}
    a.flag-en-SC, a.flag-sc                { background-position: 0 -1166px;}
    a.flag-en-SL, a.flag-sl                { background-position: 0 -1178px;}
    a.flag-en-SN, a.flag-sn                { background-position: 0 -1190px;}
    a.flag-en-SO, a.flag-so                { background-position: 0 -1202px;}
    a.flag-en-SZ, a.flag-sz                { background-position: 0 -1214px;}
    a.flag-en-TG, a.flag-tg                { background-position: 0 -1226px;}
    a.flag-en-TZ, a.flag-tz                { background-position: 0 -1238px;}
    a.flag-en-UG, a.flag-ug                { background-position: 0 -1250px;}
    a.flag-en-ZM, a.flag-zm                { background-position: 0 -1262px;}
    a.flag-en-ZW, a.flag-zw                { background-position: 0 -1274px;}
    

/* Inverted utility bar for visual exceptions */
.dark-header #global-utility-bar {
    border-bottom: solid 1px #000;
    border-bottom: solid 1px rgba(0,0,0,.95);
    background-color: #555;
    background-color: rgba(85,85,85,.95);
}
.dark-header #global-utility-bar, .dark-header #global-utility-bar a  {
    color: #ccc;
    text-shadow: 0 1px 0 rgba(0,0,0,.2);
}