/* jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider Copyright (c) 2009 Niall Doherty This plugin available for use in all personal or commercial projects under both MIT and GPL licenses. */ /* Insignificant stuff, for demo purposes */ .panel h2.title { margin-bottom: 10px;} noscript div { background: #ccc; border: 1px solid #900; margin: 50px 0 0 0; padding: 15px;} /* Most common stuff you'll need to change */ .coda-slider-wrapper {border: 8px solid #91815e; width: 562px; height: 376px; overflow: hidden !important; overflow-y: hidden !important; overflow-x: hidden !important;} .coda-slider-wrapper-long {border: 8px solid #91815e; width: 758px; height: 300px; overflow: hidden !important; overflow-y: hidden !important; overflow-x: hidden !important;} .coda-slider {background: #ffffff;} /* Use this to keep the slider content contained in a box even when JavaScript is disabled */ .coda-slider-no-js .coda-slider {width: 562px; height: 376px; overflow: hidden !important; } /* Change the width of the entire slider (without dynamic arrows) */ .coda-slider-long, .coda-slider-long .panel-long {width: 758px; height: 300px;} /* Change the width of the entire slider (without dynamic arrows) */ .coda-slider, .coda-slider .panel {width: 562px; height: 376px;} /* Change margin and width of the slider (with dynamic arrows) */ .coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel {width: 600px;} .coda-slider-wrapper.arrows .coda-slider {margin: 0 10px;} /* Arrow styling */ .coda-nav-left a {background: #000; color: #fff; padding: 1px 7px; margin-right: 5px;} .coda-nav-right a {background: #000; color: #fff; padding: 1px 7px;} /* Tab nav */ .coda-nav ul li a.current {background: #000;} /* Panel padding */ .coda-slider .panel-wrapper {} /* Preloader */ .coda-slider p.loading {margin-top: 100px; padding: 20px; text-align: center;} /* Don't change anything below here unless you know what you're doing */ /* Tabbed nav */ .coda-nav ul {display: none; position: absolute; top: 310px; right: 10px; width: 125px; float: left; margin: auto; overflow: hidden; z-index: 999;} .coda-nav ul li {font-size: 12px; display: inline; } .coda-nav ul li a {color: #fff; background: #404040; display: block; float: left; margin-right: 4px !important; padding: 3px 7px !important; text-decoration: none !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=80); opacity: .8;} /* Miscellaneous */ .coda-slider-wrapper {clear: both; overflow: auto; position: relative;} .coda-slider {float: left; overflow: hidden; position: relative; } .coda-slider .panel {display: block; float: left;} .coda-slider .panel-container {position: relative;} .coda-nav-left, .coda-nav-right {float: left;} .coda-nav-left a, .coda-nav-right a {display: block; text-align: center; text-decoration: none;} /* Storefront Banner Images */ .banner1 {background: url(../img/HI-DB-BlackFriday2014.jpg) no-repeat top left; width: 562px; height: 376px;} .banner2 {background: url(../img/HI-DB-04.jpg) no-repeat top left; width: 562px; height: 376px;} .banner3 {background: url(../img/image1.jpg) no-repeat top left; width: 562px; height: 376px;} .banner4 {background: url(../img/HI-DB-Hilmer.jpg) no-repeat top left; width: 562px; height: 376px;} .banner5 {background: url(../img/HI-DB-DeliciousSecret.jpg) no-repeat top left; width: 562px; height: 376px;} .banner6 {background: url(../img/HI-DB-AD2013.jpg) no-repeat top left; width: 562px; height: 376px;} .banner7 {background: url(../img/HI-DB-WildCard.jpg) no-repeat top left; width: 562px; height: 376px;} .banner8 {background: url(../img/HI-DB-Heathen.jpg) no-repeat top left; width: 562px; height: 376px;} .banner9 {background: url(../img/HI-DB-MissBe-2.jpg) no-repeat top left; width: 562px; height: 376px;} .banner10 {background: url(../img/HI-DB-Melodia.jpg) no-repeat top left; width: 562px; height: 376px;} .banner11 {background: url(../img/HI-DB-MOTHER.jpg) no-repeat top left; width: 562px; height: 376px;} .banner12 {background: url(../img/HI-DB-RockLove.jpg) no-repeat top left; width: 562px; height: 376px;} .banner13 {background: url(../img/HI-DB-JungleTribe.jpg) no-repeat top left; width: 562px; height: 376px;} .banner14 {background: url(../img/HI-DB-Quimera.jpg) no-repeat top left; width: 562px; height: 376px;} .banner15 {background: url(../img/HI-DB-SPIRITHOODS.jpg) no-repeat top left; width: 562px; height: 376px;} .banner16 {background: url(../img/HI-DB-SYMBIOSIS.jpg) no-repeat top left; width: 562px; height: 376px;} .banner17 {background: url(../img/HI-DB-HIPSTIRR.jpg) no-repeat top left; width: 562px; height: 376px;} .banner18 {background: url(../img/HI-DB-REWARDS.jpg) no-repeat top left; width: 562px; height: 376px;} .banner19 {background: url(../img/HI-DB-JUNKER.jpg) no-repeat top left; width: 562px; height: 376px;} #banner-cap {background: url(graphics/carousel-bottom-bg.png) no-repeat; width: 578px; height: 30px; margin-bottom: 15px;} /* DC Storefront Banner Images */ .DCbanner1 {background: url(../img/HI-DC-04.jpg) no-repeat top left; width: 562px; height: 376px;} .DCbanner2 {background: url(../img/HI-DC-Dress.jpg) no-repeat top left; width: 562px; height: 376px;} .DCbanner3 {background: url(../img/HI-DC-Longline.jpg) no-repeat top left; width: 562px; height: 376px;} .DCbanner4 {background: url(../img/HI-DC-Underbust.jpg) no-repeat top left; width: 562px; height: 376px;} .DCbanner5 {background: url(../img/HI-DC-Marquez.jpg) no-repeat top left; width: 562px; height: 376px;} #banner-cap {background: url(graphics/carousel-bottom-bg.png) no-repeat; width: 578px; height: 30px; margin-bottom: 15px;} /* Holiday or Special Banner Images */ .SPCbanner1 {background: url(../img/HI-DB-SmallBizSat.jpg) no-repeat top left; width: 562px; height: 376px;} .SPCbanner2 {background: url(../img/HI-DB-CyberMonday-FreeShip.jpg) no-repeat top left; width: 562px; height: 376px;} .SPCbanner3 {background: url(../img/HI-DB-BlackFriday.jpg) no-repeat top left; width: 562px; height: 376px;} .SPCbanner4 {background: url(../img/HI-DB-SmallBizSatNov24.jpg) no-repeat top left; width: 562px; height: 376px;} .SPCbanner5 {background: url(../img/HI-DB-BlackFriday2.jpg) no-repeat top left; width: 562px; height: 376px;} .SPCbanner6 {background: url(../img/HI-DB-CyberMondaySale.jpg) no-repeat top left; width: 562px; height: 376px;} .SPCbanner7 {background: url(../img/HI-DB-SmallBizSat2014.jpg) no-repeat top left; width: 562px; height: 376px;} .SPCbanner8 {background: url(../img/HI-DB-CyberMondaySale2014.jpg) no-repeat top left; width: 562px; height: 376px;} #banner-cap {background: url(graphics/carousel-bottom-bg.png) no-repeat; width: 578px; height: 30px; margin-bottom: 15px;} /* MENS Banner Images */ .MENbanner1 {background: url(../img/HI-MEN-DelForMenLong.jpg) no-repeat top left; width: 758px; height: 300px;} .MENbanner2 {background: url(../img/HI-MEN-LongHeader.jpg) no-repeat top left; width: 758px; height: 300px;} #banner-cap {background: url(graphics/carousel-bottom-bg.png) no-repeat; width: 578px; height: 30px; margin-bottom: 15px;} #banner-cap-long {background: url(graphics/carousel-bottom-bg-long.png) no-repeat; width: 774px; height: 30px; margin-bottom: 15px;} /* WOMENS Banner Images */ .WOMENbanner1 {background: url(../img/HI-WOMEN-DelForWomenLong.jpg) no-repeat top left; width: 758px; height: 300px;} #banner-cap {background: url(graphics/carousel-bottom-bg.png) no-repeat; width: 578px; height: 30px; margin-bottom: 15px;} #banner-cap-long {background: url(graphics/carousel-bottom-bg-long.png) no-repeat; width: 774px; height: 30px; margin-bottom: 15px;} /* ACCESSORIES Banner Images */ .ACCESSbanner1 {background: url(../img/HI-DC-04.jpg) no-repeat top left; width: 562px; height: 376px;} .ACCESSbanner2 {background: url(../img/HI-DC-Dress.jpg) no-repeat top left; width: 562px; height: 376px;} .ACCESSbanner3 {background: url(../img/HI-DC-Longline.jpg) no-repeat top left; width: 562px; height: 376px;} #banner-cap {background: url(graphics/carousel-bottom-bg.png) no-repeat; width: 578px; height: 30px; margin-bottom: 15px;} /* JEWELRY Banner Images */ .JEWELRYbanner1 {background: url(../img/HI-DC-04.jpg) no-repeat top left; width: 562px; height: 376px;} .JEWELRYbanner2 {background: url(../img/HI-DC-Dress.jpg) no-repeat top left; width: 562px; height: 376px;} .JEWELRYbanner3 {background: url(../img/HI-DC-Longline.jpg) no-repeat top left; width: 562px; height: 376px;} #banner-cap {background: url(graphics/carousel-bottom-bg.png) no-repeat; width: 578px; height: 30px; margin-bottom: 15px;} /* OTHER Banner Images */ .OTHERbanner1 {background: url(../img/HI-DC-04.jpg) no-repeat top left; width: 562px; height: 376px;} .OTHERbanner2 {background: url(../img/HI-DC-Dress.jpg) no-repeat top left; width: 562px; height: 376px;} .OTHERbanner3 {background: url(../img/HI-DC-Longline.jpg) no-repeat top left; width: 562px; height: 376px;} #banner-cap {background: url(graphics/carousel-bottom-bg.png) no-repeat; width: 578px; height: 30px; margin-bottom: 15px;}