/*
   *********** PORTAL INTERFACE STYLES **************
    Copyright 2013, Jambu @ Necival LLC.
   **************************************************
 */
.user_bar {
        position: fixed !important;
        top: 0px !important;
        left: 0px !important;
        height: 24px !important;
        width: 100% !important;
        text-align: right !important;
        z-index: 90 !important;
    font: 11px Verdana, Arial, Helvetica, sans-serif !important;
    color: #1b1819 !important;
        background-color: #333 !important;
        background-repeat: repeat-x !important;
        background-position: 0px -80px !important;
        background-image: url(/images/gradient001.png) !important;
    border: 0px !important;
/*
        background-repeat: no-repeat !important;
        background-color: #d2e9f4 !important;
        background-attachment: fixed !important;
    background: -ms-linear-gradient(bottom, #1f3424 0%, #d2e9f4 50%) !important;
    background: -moz-linear-gradient(bottom, #1f3424 0%, #d2e9f4 50%) !important;
    background: -o-linear-gradient(bottom, #1f3424 0%, #d2e9f4 50%) !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #1f3424), color-stop(.5, #d2e9f4)) !important;
    background: -webkit-linear-gradient(bottom, #1f3424 0%, #d2e9f4 50%) !important;
    background: linear-gradient(to top, #1f3424 0%, #d2e9f4 50%) !important;
    border-top: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc !important;
    -moz-box-shadow: 0px 1px 2px #ddd !important;
    -webkit-box-shadow: 0px 1px 2px #ddd !important;
    box-shadow: 0px 1px 2px #ddd !important; */
    /* For IE 8 */
/*  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#dddddd')" !important; */
}
.user_bar a,
.user_bar a:visited {
    color: #1b1819 !important;
    font-size: 11px !important;
    text-decoration: none !important;
}
.user_bar a:hover,
.user_bar a:active {
        color: #f3f3f3 !important;
    font-size: 11px !important;
    text-decoration: none !important;
}
.user_bar_nologin {
        position: fixed !important;
        top: 0px !important;  
        left: 0px !important;
        height: 24px !important;
        width: 100% !important;
        text-align: right !important;
        z-index: 90 !important;
    white-space: no-wrap !important;
        background: none !important;
}
.user_bar_nologin a {  
        color: #66cbe7 !important;
        font-size: 11px !important;
        text-decoration: none !important;
}   
.user_bar_nologin a:hover {
        color: #f3f3f3 !important;
    font-size: 11px !important;
        text-decoration: none !important;
}
.user_bar img {
    border: 0px !important;
    margin-top: 0px !important;
}
.user_bar_right {
    white-space: nowrap !important;
    margin-top: -2px !important;
    margin-right: 8px !important;
}
.user_bar_prolog {
    margin-top: 4px !important;
    display: inline-block !important;
}
.cookies {
        display:inline-block !important;
        margin: 0px auto !important;
}
.cookies td {
        margin-right: 4px !important;
}
.cookies a {
        text-decoration: none !important;
        color: #c6dfed !important;
        font: bold 12px Verdana, Arial, Helvetica, sans-serif !important;  
}
.cookies a:hover {
        text-decoration: none !important;
        color: #66cbe7 !important;
        font: bold 12px Verdana, Arial, Helvetica, sans-serif !important;  
}
#cookies_add {
    margin-top: 2px !important;
    padding-left: 18px !important;
        cursor: pointer !important;
        color: #1b1819 !important;
        text-decoration: none !important;
        font: bold 11px Verdana, Arial, Helvetica, sans-serif !important;
        background-repeat: no-repeat !important;
        background-position: 0px 0px !important;
        background-image: url(/images/icons/add_16.png) !important;
}
#cookies_add:hover {   
        color: #f3f3f3 !important;
        text-decoration: none !important;
        font: bold 11px Verdana, Arial, Helvetica, sans-serif !important;
        background-repeat: no-repeat !important;
        background-position: 0px 0px !important;
        background-image: url(/images/icons/add_16_hover.png) !important;
}

.UTKT_thumb {
        display: inline-block !important;
    margin-right: 12px !important;
        width: 30px !important;
        height: 30px !important;
        cursor: pointer !important;
        font: 6px Verdana, Arial, Helvetica, sans-serif !important;
        color: #231f20 !important;
        background-repeat: no-repeat !important;
        background-position: bottom left !important;
        background-image: url(/images/portal_tickets_thumb2.png) !important;
        background-size: 30px 30px !important;
        -moz-border-radius: 2px !important;
        -webkit-border-radius: 2px !important;
        border-radius: 2px !important;
}
.UTKT {
        display: inline-block !important;
        padding-right: 2px !important;
        padding-left: 2px !important;
        cursor: pointer !important;
        font: 8px Verdana, Arial, Helvetica, sans-serif !important;
        color: #f2f3f3 !important;
        border: 1px solid #fff !important;
        -moz-border-radius: 5px !important;
        -webkit-border-radius: 5px !important;
        border-radius: 5px !important;
        background: #f95636 !important;
}

.viewcart_thumb {
        display: inline-block !important;
    margin-right: 12px !important;
        width: 30px !important;
        height: 30px !important;
        cursor: pointer !important;
        font: 6px Verdana, Arial, Helvetica, sans-serif !important;
        color: #231f20 !important;
        background-repeat: no-repeat !important;
        background-position: bottom left !important;
        background-image: url(/images/super-mono-reflection/shopping-cart_blue.png) !important;
        background-size: 30px 30px !important;
        -moz-border-radius: 2px !important;
        -webkit-border-radius: 2px !important;
        border-radius: 2px !important;
}
.viewcart_thumb:hover {
        background-image: url(/images/super-mono-reflection/shopping-cart_green.png) !important;
        background-size: 30px 30px !important;
}
.viewcart_count {
        display: inline-block !important;
        padding-right: 2px !important;
        padding-left: 2px !important;
        cursor: pointer !important;
        font: 8px Verdana, Arial, Helvetica, sans-serif !important;
        color: #f2f3f3 !important;
        border: 1px solid #fff !important;
        -moz-border-radius: 5px !important;
        -webkit-border-radius: 5px !important;
        border-radius: 5px !important;
        background: #f95636 !important;
}

/******* END USER BAR*********/


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
    text-align: left !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
.sf-menu {
    margin-top: 2px !important;
    min-width: 500px !important;
    padding: 1px 0px 0px 0px !important;
        line-height: 1.0em !important;
}
.sf-menu ul {
    position: absolute !important;
    top: -999em !important;
    width: 10em !important; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
    width: 100% !important;
}
.sf-menu li:hover {
    cursor: pointer !important;
    visibility: inherit !important; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
    float: left !important;
    position: relative !important;
}
.sf-menu a {
    display: block !important;
    position: relative !important;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    cursor: pointer !important;
    left: 0 !important;
    top: 21px !important; /* match top ul list item height */
        z-index: 90 !important;
}
.sf-menu li:hover li ul,
.sf-menu li.sfHover li ul {
    cursor: pointer !important;
    top: -999em !important;
}
.sf-menu li li:hover ul,
.sf-menu li li.sfHover ul {
    cursor: pointer !important;
    left: 10em !important; /* match ul width */
    top: 0 !important;
}
.sf-menu li li:hover li ul,
.sf-menu li li.sfHover li ul {
    cursor: pointer !important;
    top: -999em !important;
}
.sf-menu li li li:hover ul,
.sf-menu li li li.sfHover ul {
    cursor: pointer !important;
    left: 10em !important; /* match ul width */
    top: 0 !important;
}

/*** DEMO SKIN ***/
.sf-menu {
    float: left !important;
    margin-bottom: 1em !important;
}

.sf-menu li li a {
    border-left: 1px solid #9a9a9a !important;
    border-top: 1px solid #a9a9a9 !important; /* 31ace4 */
    padding: .75em 1em !important;
}
.sf-menu a {
    padding: 0.25em 1em !important;
    font-weight: bold !important;
    text-decoration: none !important;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
    color: #1b1819 !important;
}
.sf-menu li li {
        color: #1b1819 !important;
        background-color: #333 !important;
        background-repeat: repeat-x !important;
        background-position: 0px -80px !important;
        background-image: url(/images/gradient001.png) !important;

}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
        color: #f3f3f3 !important;
    text-decoration: none !important;
    outline: 0 !important;
}
.sf-menu li li:hover, .sf-menu li li.sfHover,
.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
        color: #f3f3f3 !important;
        background-color: #333 !important;
        background-repeat: repeat-x !important;
        background-position: 0px -100px !important;
        background-image: url(/images/gradient001.png) !important;

}

/*** arrows **/
.sf-menu a.sf-with-ul {
    padding-right: 2.25em !important;
    min-width: 1px !important; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
    position: absolute !important;
    display: block !important;
    right: .75em !important;
    top: 1.05em !important; /* IE6 only */
    width: 10px !important;
    height: 10px !important;
    text-indent: -999em !important;
    overflow: hidden !important;
    background: url('/images/arrows-ffffff.png') no-repeat -10px -100px !important; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
.sf-menu > li > a > .sf-sub-indicator {  /* give all except IE6 the correct values */
        top: 0.25em !important;
        background-position: 0 -100px !important; /* use translucent arrow for modern browsers*/
}
.sf-menu li li a > .sf-sub-indicator {  /* give all except IE6 the correct values */
        top: 0.8em !important;
        background-position: 0 -100px !important; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
    text-decoration: none !important;
    background-position: -10px -100px !important; /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0 !important; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0 !important; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
    text-decoration: none !important;
    background-position: -10px 0 !important; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
    background: url('/images/shadow.png') no-repeat bottom right !important;
    padding: 0 8px 9px 0 !important;
    -moz-border-radius-bottomleft: 17px !important;
    -moz-border-radius-topright: 17px !important;
    -webkit-border-top-right-radius: 17px !important;
    -webkit-border-bottom-left-radius: 17px !important;
}
.sf-shadow .sf-shadow-off {
    background: transparent !important;
}
.current > a, .current > a:visited {
        font-weight: bold !important;
    text-decoration: none !important;
        color: #eee !important;
        background-color: #333 !important;
        background-repeat: repeat-x !important;
        background-position: 0px -60px !important;
        background-image: url(/images/gradient001.png) !important;
}      
.current > a:hover {
    text-decoration: none !important;
        color: #333333 !important;
}

/* END SUPERFISH.CSS  */