@import url(//fonts.googleapis.com/css?family=Open+Sans);
@import url(//fonts.googleapis.com/css?family=Open+Sans+Condensed:300);

#billing_company_field, #shipping_company_field {
	display:none;
}

/*** ESSENTIAL STYLES ***/
.sf-menu {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}
.sf-menu .sf-mega {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    z-index: 99;
}
.sf-menu > li {
    float: left;
}
.sf-menu li:hover > .sf-mega,
.sf-menu li.sfHover > .sf-mega {
    display: block;
}

.sf-menu > li > a {
    display: block;
    position: relative;
}


/*** DEMO SKIN ***/
.sf-menu {
    float: left;
    margin-bottom: 0;
    width: 100%;
}
.sf-menu .sf-mega {
    /*box-shadow: 2px 3px 6px rgba(0,0,0,.2);*/
    width: 100%; /* allow long menu items to determine submenu width */
}
.sf-menu > li > a {
    border-left: 1px solid #fff;
    border-top: 1px solid #dFeEFF; /* fallback colour must use full shorthand */
    border-top: 1px solid rgba(255,255,255,.5);
    padding: 3px 3px 3px 3px ;
    text-decoration: none;
    zoom: 1; /* IE7 */
    color: #13a;
    background: rgb(242,29,31); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(242,29,31,1) 0%, rgba(195,23,25,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,29,31,1)), color-stop(100%,rgba(195,23,25,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(242,29,31,1) 0%,rgba(195,23,25,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(242,29,31,1) 0%,rgba(195,23,25,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(242,29,31,1) 0%,rgba(195,23,25,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(242,29,31,1) 0%,rgba(195,23,25,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f21d1f', endColorstr='#c31719',GradientType=0 ); /* IE6-9 */
    position: relative;
    min-height: 77px;
    max-width: 197px;
    min-width: 197px;
    font-size: 18px;
    
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'Open Sans Condensed', sans-serif;
    display: inline-block;
    position: relative;


}
.top-level-cat-logo { height: auto !important; }
.sf-menu > li > a > span {
    display: inline-block;
    vertical-align: middle;
    line-height: 18px;
    max-width: 120px;
    padding-left: 10px;
    position: relative;
    }
.sf-menu > li > a.no-cat-image {
    padding-left: 3px;
    text-align: center;
    min-width: 190px;
    display: table-cell;
    vertical-align: middle;
    height: 77px;
}
.sf-menu > li > a.no-cat-image > span {
padding-left: 0;
 }
.sf-menu > li > a > img { position: relative;     display: inline-block; }
.sf-menu > li {
    background: #dd382d;
    -webkit-transition: background .2s;
    transition: background .2s;
    margin-right: 10px;
    font-family: 'Open Sans', sans-serif;
}
.sf-menu > li:hover,
.sf-menu > li.sfHover {
    background: #c2382d;
    /* only transition out, not in */
    -webkit-transition: none;
    transition: none;
}

/*** mega menu dropdown ***/
.sf-mega {
    background-color: #C31719;
    padding: 1em 1em 0 1em;
    box-sizing: border-box;
    width: 100%;
}
.sf-mega-section {
    float: left;
    width: 14em; /* optional */
    width: 17.3em;
    padding: 0 1em 1em 0;
    margin-right: 1em;
    /*border-right: 1px solid #b4c8f5;*/
}
.sf-mega-section ul {
margin-left: 0.5em !important;
 }

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
    /*padding-right: 2.5em;*/
    /**padding-right: 1em;*/ /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
/*    content: '';
    position: absolute;
    top: 50%;
    right: 1em;
    margin-top: -3px;
    height: 0;
    width: 0;*/
    /* order of following 3 rules important for fallbacks to work */
    /*border: 5px solid transparent;*/
    /*border-top-color: #dFeEFF;*/ /* edit this to suit design (no rgba in IE8) */
    /*border-top-color: rgba(255,255,255,.5);*/
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
    border-top-color: white; /* IE8 fallback colour */
}


//Custom
.sf-mega ul {
    list-style-type: auto;
    margin: 0;
    padding-left: 1.2em;
}
.sf-mega li {
    margin-left: 0;
}

.sf-mega h2 {
    font-size: 1em;
    margin: .5em 0;
    color: #13a;
    font-family: 'Open Sans', sans-serif;
}