/******************************************************** ** Home Page Styles only - No global styles ********************************************************/ #espot-area:before, #espot-area:after, #espot-area .section:before, #espot-area .section:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } #espot-area, #espot-area .section { zoom: 1; } @media (max-width: 482px) { #home-area .inner-cell span.glyphicon { padding-top: 13px !important; } } #home-area { position: relative; height: 549px; margin: 0; } #home-area .outer-cell{ text-align: center; background: #8b2346; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; font-size: 16px; margin-bottom: 0; width: 100%; padding-left: 0px; padding-right: 0px;} #home-area .inner-cell{ margin: 10px auto; border: 2px white solid; padding: 10px;} #home-area .inner-cell a{ color: #fff;display: block;padding: 10px 8px;margin: 0 10px;font-size: 16px;} #home-area .inner-cell a:hover { text-decoration: none;} #home-area .inner-cell span { padding:0} #home-area .inner-cell span.glyphicon { padding-top:2px;} #home-area .center {width:50%; margin:0 auto;} .home h1 { background: #898b80; color: white; font-size: 16px; font-weight: normal; margin: 0; padding: 8px 0 5px; /* text-shadow: 0 0 5px #000; */ text-align: center; width: 100%;} #hero-spot { position: relative; margin: 0; padding:0; } #switch-it { overflow: hidden; margin: 0; z-index: 1; back-ground-color:#fff; } #switch { bottom: 0; position: absolute; z-index: 1000; margin: 0; padding: 15px; right: 0; display: block; height: 71px; /* width: 300px; */ } #switch a { display: inline-block; color: white; background-color: #898b80; background-color: rgba(137, 139, 128, 0.75); font-size: 18px; font-weight: bold; text-decoration: none; margin: 0 5px; padding: 7px 15px; border-radius: 2px; text-align: center; } #switch a:first-child { margin: 0 6px 0 0; } #switch a:last-child { margin: 0 0 0 6px; } #switch a.cycle-pager-active { background: #fff; color:black; border: 1px solid #898b80;} #switch a:focus {outline: none;} #hero-spot #switch-it .slide { background: #787878; } #hero-spot #switch-it .cycle-slide {width:100%;} #hero-spot #switch-it .cycle-slide img {width:100%; height: auto;} #hero-spot #switch-it .slide .span1 { width: 8.33333333%; } #hero-spot #switch-it .slide .span2 { width: 16.66666667%; } #hero-spot #switch-it .slide .span3 { width: 25%; } #hero-spot #switch-it .slide .span4 { width: 33.33333333%; } #hero-spot #switch-it .slide .span5 { width: 41.66666667%; } #hero-spot #switch-it .slide .span6 { width: 50%; } #hero-spot #switch-it .slide .span7 { width: 58.33333333%; } #hero-spot #switch-it .slide .span8 { width: 66.66666667%; } #hero-spot #switch-it .slide .span9 { width: 75%; } #hero-spot #switch-it .slide .span10 { width: 83.33333333%; } #hero-spot #switch-it .slide .span11 { width: 91.66666667%; } #hero-spot #switch-it .slide .span12 { width: 100%; } #hero-spot #switch-it .slide img { position: relative; display: block; } #hero-spot #switch-it .content { color: #252525; font-size: 15px; padding: 18px; position: absolute; overflow: hidden; } #hero-spot #switch-it .content.content-tl { top: 4%; left: 0; } #hero-spot #switch-it .content.content-tr { top: 4%; right: 0; } #hero-spot #switch-it .content.content-bl { bottom: 4%; left: 0; } #hero-spot #switch-it .content.content-br { bottom: 4%; right: 0; } #hero-spot #switch-it .content.content-gray-1 { background: #E4E4E4; background: rgba(228, 228, 228, 0.8); } #hero-spot #switch-it .content.content-gray-2 { background: #AEAEAE; background: rgba(174, 174, 174, 0.8); color: #FFFFFF; } #hero-spot #switch-it .content.content-gray-3 { background: #787878; background: rgba(120, 120, 120, 0.8); color: #FFFFFF; } #hero-spot #switch-it .content.content-gray-4 { background: #545454; background: rgba(84, 84, 84, 0.8); color: #FFFFFF; } #hero-spot #switch-it .content.content-gray-5 { background: #181818; background: rgba(24, 24, 24, 0.8); color: #FFFFFF; } #hero-spot #switch-it .content.content-knockout { color: #FFFFFF; text-shadow: 0 0 6px #000000; } #hero-spot #switch-it .headline { font-size: 22px; line-height: 1.4; margin-bottom: 15px; } #hero-spot #switch-it .headline.w-subhead { margin-bottom: 0; } #hero-spot #switch-it .subhead { font-size: 18px; margin-bottom: 15px; } #hero-spot #switch-it .description { line-height: 1.428; margin-bottom: 15px; } #hero-spot #switch-it .cta { font-size: 18px; } #hero-spot #switch-it a:hover { text-decoration: none; } #hero-spot #switch-it .headline a, #hero-spot #switch-it .headline.w-subhead a, #hero-spot #switch-it .subhead a, #hero-spot #switch-it .description a { color: inherit !important; } .section-header { font-weight: bold; color: black; padding-bottom: 2px; } #promo-spot { float: left; width: 213px; margin: 15px;} #promo-spot .section { height: 210px; overflow: auto; } #espot-area { background: #E7E8E6; padding: 15px; width: 100%; } #espot-area .section-header { display: none; } #espot-area .horiz-spot { float: left; height: 184px; margin: 0 auto; padding: 0; } #espot-area .horiz-spot .standard {margin: 0 15px;} #espot-area .horiz-spot .standard .image {float: left; margin: 20px 20px 20px 5px; height: 92px;} #espot-area .horiz-spot .standard .headline {color: #4d433f; font-size: 12px; margin-top: 10px; height: 36px; overflow: hidden;} #espot-area .horiz-spot .standard .teaser {color: #555; font-size: 10px; height: 64px; overflow: hidden;} #espot-area .horiz-spot .standard .link {display: none;} #espot-area .horiz-spot a .standard .link {display: block; color: #0076a3; font-weight: bold; font-size: 10px;} #espot-area .horiz-spot a:hover .standard .link {display: block; text-decoration: underline;} .genericESpot img[src$=".png"] { display: block; margin: 26px auto; text-align: center; /* width: 100%; */ } @media (max-width: 767px) { #espot-area .horiz-spot { margin-bottom: 20px; } #espot-area .genericESpot img { margin: 0 auto; } } #diamond-spot { position: absolute; height: 243px; width: 304px; left: 50%; top: 35px; overflow: hidden; z-index: 1;} #diamond-spot .genericESpot img[src$=".png"] { margin: 0; } #alerts-spot { border-radius: 3px 3px 0px 0px; position: absolute; z-index: 20; left: 634px; top: 12px; margin-right: 10px; height: 230px; width: 296px; background-color: rgba(130,130,130,.90); } #alerts-spot .section-header { position: relative; color: white; height: 23px;} #alerts-spot .section-header .text { position: absolute; color: white; bottom: 5px; left: 20px; font-size: 13px; } #alerts-spot .section { padding: 20px; background-color: rgba(255,255,255,.95); overflow: hidden; height: 156px;} #alerts-list .vert-spot {padding-bottom: 10px;} #alerts-list .vert-spot .date {display: block; padding: 0 0 3px; color: #858585; } #alerts-list .vert-spot .icon {display: none;} #alerts-list .vert-spot .icon img {position: relative; top: 2px;} #alerts-list .vert-spot .headline {color: #252525; font-weight: bold; font-size:12px; } #alerts-list .vert-spot .headline a {color: #0076a3; font-weight: bold; } #alerts-list .vert-spot .teaser {color: #252525; font-weight: normal; padding: 2px 0 0; } #alerts-spot .section-footer { border-radius: 0px 0px 3px 3px; position: relative; height: 20px; background-color: rgba(255,255,255,.95); } #alerts-seemore span.text { position: absolute; left: 20px; bottom: 1px; font-weight: bold; font-size:12px; } #home-news-alerts { background: #FFFFFF; height: 313px; right: 0; overflow: hidden; } #home-news-alerts .section.header { color: #787878; font-size: 18px; padding: 10px 0; text-align: center; } #home-news-alerts .section.content { height: 244px; overflow: hidden; } #home-news-alerts .section.content .item { margin: 0 0 12px; } #home-news-alerts .section.content .item .date { font-size: 13px; padding: 0 0 3px; color: #858585; } #home-news-alerts .section.content .item .headline { line-height: 1.3; } #home-news-alerts .section.footer { text-align: center; } .shop-all-button > div { float: none; } .shop-all-button .btn { margin: 20px 0; } .shop-all-button .btn .fa { margin-left: 5px; }