/* I don't know what these do */
#menu-contents {
position: absolute;
top: 0px;
left: 0px;
margin: 30px;
width: 880px;
height: 305px;
}

.subMenuSlide {
border-bottom: none;
}

@media (min-width: 640px) {
.subMenuSlide {min-height: 365px;}
}

@media screen and (min-width: 501px) {
a:hover {
    color: inherit;
    text-decoration: none;
}
}

/* megamenu text sections x3 and styles */
.menu-text-column {
position: relative;
width: 190px;
margin-left: 10px;
float: left;
}
#menu-contents .menu-text-column .oneblank {
margin-bottom: 28px;
}
#menu-contents .menu-text-column .twoblank {
margin-bottom: 56px;
}
#menu-contents .menu-text-column .threeblank {
margin-bottom: 84px;
}
#menu-contents .menu-text-column .fourblank {
margin-bottom: 112px;
}
.clear-break {
position: relative;
width: 2px;
height: 275px;
margin: 30px 9px 0 9px;
background: #FFF;
float: left;
}
.line-break {
position: relative;
width: 2px;
height: 275px;
margin: 30px 9px 0 9px;
background: #ebebeb;
float: left;
}
.menu-header {
margin: 0;
padding: 0;
border: none;
line-height: 28px;
font-size: 17px;
font-family: Georgia;
font-weight: normal;
text-decoration: none;
text-transform: uppercase;
color: #000;
text-align: left;
}
#menu-contents .menu-text-column .cat-font {
padding: 0;
border: none;
line-height: 28px;
font-size: 14px;
font-family: Arial;
font-weight: normal;
text-decoration: none;
color: #333;
text-align: left;
}
#menu-contents .menu-text-column .cat-font p {
margin: 0;
padding: 0;
border: none;
line-height: 28px;
font-size: 14px;
font-family: Arial;
font-weight: normal;
text-decoration: none;
color: #333;
text-align: left;
}
#menu-contents .menu-text-column .cat-font a {
margin-left:0px;
padding: 0;
border: none;
line-height: 28px;
font-size: 14px;
font-family: Arial;
font-weight: normal;
text-decoration: none;
color: #333;
text-align: left;
}
#menu-contents .menu-text-column .cat-font-bold a {
margin: 0;
padding: 0;
border: none;
line-height: 31px;
font-size: 14px;
font-family: Arial;
font-weight: bold;
text-decoration: none;
color: #000;
text-align: left;
}
#menu-contents .menu-text-column .cat-font-bold-red a {
margin: 0;
padding: 0;
border: none;
line-height: 28px;
font-size: 14px;
font-family: Arial;
font-weight: bold;
text-decoration: none;
text-transform: capitalize;
color: #C32033;
text-align: left;
}
#menu-contents .menu-text-column .cat-font-red a {
margin: 0;
padding: 0;
border: none;
line-height: 28px;
font-size: 14px;
font-family: Arial;
font-weight: normal;
text-decoration: none;
color: #C32033;
text-align: left;
}
#menu-contents .menu-text-column .cat-font-indent a {
margin-left:16px;
padding: 0;
border: none;
line-height: 28px;
font-size: 14px;
font-family: Arial;
font-weight: normal;
text-decoration: none;
color: #333;
text-align: left;
}

#menu-contents .menu-text-column .cat-font-indent a:hover, #menu-contents .menu-text-column .cat-font-bold a:hover, #menu-contents .menu-text-column .cat-font a:hover {
text-decoration: underline;
}
#menu-contents .cat-font-bold-red a:hover {
text-decoration: underline;
}
#menu-contents .cat-font-red a:hover {
text-decoration: underline;
}
.mainNav .megamenu > li > div {
border-bottom: none;
}
.firstcolumn, .subMenuLeftPanel {
display: none;
}

/* megamenu banner structure  */
.menu-banner-column {
position: relative;
height: 305px;
margin-left: 10px;
float: left;
}
.menu-banner-column.single-col {
width: 230px;
}
.menu-banner-column.double-col {
width: 450px;
}
.menu-banner-column.triple-col {
width: 650px;
}
#menu-contents img {
display: block;
}
#menu-contents .mega-txt-box {
position: absolute;
padding: 0px;
height: 66px;
left: 0px;
bottom: 0px;
width: 100%;
text-align: center;
color: #000;
background: rgba(255, 255, 255, 0.7);
}
#menu-contents .mega-txt-box.bg-red {
background: rgba(175, 0, 36, 0.7);
}
#menu-contents .mega-txt-box.txt-white {
color: #fff;
}

/* megamenu banner font stylings */
#menu-contents .mega-txt-box .font-serif {
font-family: "adobe-garamond-pro";
font-weight: 400;
font-size: 24px;
}
#menu-contents .mega-txt-box .font-bold .font-serif {
font-weight: 300;
}
#menu-contents .mega-txt-box .font-sans {
font-family: "adobe-garamond-pro";
font-weight: 700;
font-size: 20px;
font-style: normal;
}
#menu-contents .mega-txt-box .font-bold {
font-weight: 700;
}
#menu-contents .mega-txt-box p:only-of-type {
top: 50%!important;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
#menu-contents .mega-txt-box p:nth-of-type(1) {
position: absolute;
top: 10px;
width: 100%;
margin: 0;
line-height: 24px;
}
#menu-contents .mega-txt-box p:nth-of-type(2) {
position: absolute;
bottom: 7px;
width: 100%;
margin: 0;
line-height: 24px;
}

/* offers megamenu code */
.offers-first-image {
position:absolute;
top:0px;
left:231px;
}
.offers-first-image .unstyling {
border-right:none;
float:none;
padding:0px;
}
.offers-image1 {
position:absolute;
top:0px;
left:454px;
}
.offers-image1 .unstyling {
border-right:none;
float:none;
padding:0px;
}
.offers-image2 {
position:absolute;
top:0px;
left:677px;
}
.offers-image2 .unstyling {
border-right:none;
float:none;
padding:0px;
}