.NAVCONTAINER .MAINNAV li.level1 {background-color: #342E21} 
.NAVCONTAINER .MAINNAV li.level1:hover {background: #504734;} 
.NAVCONTAINER .MAINNAV li.level1:first-child,
.NAVCONTAINER .MAINNAV li.level1:first-child:hover {background-color: #FFF!important;} 
.NAVCONTAINER .MAINNAV li.tab0:hover a {background-color: #fff!important;} 
.NAVCONTAINER .MAINNAV li.level1.SPECIAL-OFFER {background-color: #e20612;}
.NAVCONTAINER .MAINNAV li.level1.EASTER-OFFERS, .left-off-canvas-menu li.level1.EASTER-OFFERS, .NAVCONTAINER .MAINNAV li.level1.NGW-OFFERS, .left-off-canvas-menu li.level1.NGW-OFFERS, .NAVCONTAINER .MAINNAV li.level1.ZZ-CHELSEA-OFFERS, .left-off-canvas-menu li.level1.ZZ-CHELSEA-OFFERS, .NAVCONTAINER .MAINNAV li.level1.ZZ-BH-OFFERS, .left-off-canvas-menu li.level1.ZZ-BH-OFFERS {display: none;}
.NAVCONTAINER .MAINNAV li.level1.last {border:0} 
.NAVCONTAINER .MAINNAV li.level1>a {text-transform: uppercase} 
.NAVCONTAINER .MAINNAV li.level1>ul .PANEL.AT-A-GLANCE ul li.level2 a,
.NAVCONTAINER .MAINNAV li.level1>ul li.level2 a,
.NAVCONTAINER .MAINNAV li.level1>ul .PANEL ul li.level2 .level3 a,
.NAVCONTAINER .MAINNAV li.level1>ul .PANEL .BTMLINK {background:none!important;padding:0!important;}

.homeMid .HomeBox1 .homeMidContainer {background: #8E957A; border: 6px solid #8e957a;}
.homeMid .HomeBox2 .homeMidContainer {background: #6ca3b5; border: 6px solid #6ca3b5;}
.homeMid .HomeBox3 .homeMidContainer {background: #934e6b; border: 6px solid #934e6b;}
.homeMid .HomeBox4 .homeMidContainer {background: #9395ae; border: 6px solid #9395ae;}
.homeMid .HomeBox .homeMidContainer {position: relative; height: 210px; border-radius: 27px; text-align: center;}

.homeMid .HomeBox1 .homeMidContainer a {background: #8e957a;} 
.homeMid .HomeBox2 .homeMidContainer a {background: #6ca3b5;}
.homeMid .HomeBox3 .homeMidContainer a {background: #934e6b;}
.homeMid .HomeBox4 .homeMidContainer a {background: #9395ae;} 

.homeMid .HomeBox .homeMidContainer .homeMidFront {position: absolute; height: 100%; width: 100%; border-radius: 21px; left: 0; text-align: center; padding: 22% 0 0 0; font-size: 2.5rem; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; color: #fff; -webkit-transition: opacity 1s ease-in-out!important; -moz-transition: opacity 1s ease-in-out!important; -o-transition: opacity 1s ease-in-out!important; transition: opacity 1s ease-in-out;!important}
.homeMid .HomeBox .homeMidContainer .homeMidImage {position:absolute; left:3%; right: 3%; top: 3%; bottom: 3%; border-radius: 10px; opacity: 0; -webkit-transition: opacity 1s ease-in-out!important; -moz-transition: opacity 1s ease-in-out!important; -o-transition: opacity 1s ease-in-out!important; transition: opacity 1s ease-in-out;!important}
.homeMid .HomeBox .homeMidContainer .homeMidImage img {height: 100%; width: 100%;  border-radius: 19px;}
.homeMid .HomeBox .homeMidContainer .homeMidFront:hover {opacity: 0;}
.homeMid .HomeBox .homeMidContainer .homeMidImage:hover {opacity: 100;}
@media screen and (max-width: 1204px) and (min-width: 1100px) {.homeMid .HomeBox .homeMidContainer {height: 178px;}.homeMid .HomeBox .homeMidContainer .homeMidFront {padding: 20% 0 0 0; font-size: 2.4rem;}}
@media screen and (max-width: 1100px) and (min-width: 1025px) {.homeMid .HomeBox .homeMidContainer {height: 170px;}.homeMid .HomeBox .homeMidContainer .homeMidFront {padding: 20% 0 0 0; font-size: 2.4rem;}}
@media screen and (max-width: 950px) and (min-width: 835px) {.homeMid .HomeBox .homeMidContainer {height: 178px;}.homeMid .HomeBox .homeMidContainer .homeMidFront {padding: 22% 0 0 0; font-size: 2.4rem;}}
@media screen and (max-width: 834px) and (min-width: 746px) {.homeMid .HomeBox .homeMidContainer {height: 165px;}.homeMid .HomeBox .homeMidContainer .homeMidFront {padding: 20% 0 0 0; font-size: 2.2rem;}}
@media screen and (max-width: 745px) and (min-width: 641px) {.homeMid .HomeBox .homeMidContainer {height: 146px;}.homeMid .HomeBox .homeMidContainer .homeMidFront {padding: 22% 0 0 0; font-size: 1.8rem;}}
@media screen and (max-width: 640px) {.homeMid .HomeBox .homeMidContainer {height: 185px;}.homeMid .HomeBox .homeMidContainer .homeMidFront {padding: 22% 0 0 0; font-size: 2.5rem;}.homeMid .HomeBox .homeMidContainer .homeMidImage {left:2%; right: 2%; top: 2%; bottom: 2%;}}
@media screen and (max-width: 565px) {.homeMid .HomeBox .homeMidContainer {height: 165px;}.homeMid .HomeBox .homeMidContainer .homeMidFront {padding: 21% 0 0 0; font-size: 2.2rem;}}
@media screen and (max-width: 495px) {.homeMid .HomeBox .homeMidContainer {height: 145px;}.homeMid .HomeBox .homeMidContainer .homeMidFront {padding: 17% 0 0 0; font-size: 2.2rem;}}
@media screen and (max-width: 430px) {.homeMid .HomeBox .homeMidContainer {height: 135px;}.homeMid .HomeBox .homeMidContainer .homeMidFront {padding: 20% 0 0 0; font-size: 1.8rem;}}
@media screen and (max-width: 370px) {.homeMid .HomeBox .homeMidContainer {height: 115px;}.homeMid .HomeBox .homeMidContainer .homeMidFront {font-size: 1.5rem;}}

@media screen and (max-width: 1024px) and (min-width:641px) {#HomeContainer .HomeBox7 {display: block ! important;}} 

.homeBottom .DTE-image {float: right; margin: 10px 0 10px 10px; width: 50%;}