/*---- SLIDESHOW ----*/
#slideshow {
  width:950px;
  margin-left:-10px;
  padding:0 5px 6px;
  background:url(/img/slideshow-bg.jpg) center bottom no-repeat;
  }

#slideshow ul {
  margin:0;padding:0;
  list-style:none;
  height: 1%; /* IE fix */
  }

#slideshow ul li {
  margin:0;padding:0;
  list-style:none;
  }
#slideshow ul:after {
  content: ".";
  clear: both;
  display: block;
  height: 0;
  visibility: hidden;
  }

/*---- SLIDESHOW > SLIDES ----*/
#slideshow .slides {
  overflow:hidden;
  width:950px;}

#slideshow .slides ul {
  /* total width of all slides - 950px multiplied by 4 in this case */
  width: 3800px;
  }

#slideshow .slides li {
  width:950px;
  height:280px;
  float:left;
  position:relative;
  }
#slideshow .slides h2 {
  margin-top:0;
  }
li#introduction {background:url(/img/home-introduction.jpg) left top no-repeat;}
li#assortment {background:url(/img/home-assortment.jpg) left top no-repeat;}
li#forecasting {background:url(/img/home-forecasting.jpg) left top no-repeat;}
li#replenishment {background:url(/img/home-replenishment.jpg) left top no-repeat;}
#slideshow .slides span.tagline {
  font-family:"Arial Rounded MT Bold", Arial, sans-serif;
  position:absolute;
  top:8px;
  left:20px;
  text-shadow:0px 0px 2px #FFF;
  }
  #introduction .tagline {color:#9e4101;}
  #assortment .tagline {color:#19262b;}
  #forecasting .tagline {color:#945000;}
  #replenishment .tagline {color:#5c4b00;}
#slideshow .slides p {
  text-shadow:0 1px 0 #FFF;
  font-size:16px;
  line-height:1.2em;
  width:500px;
  margin-left:40px;
  position:absolute;
  top:150px;
  }
  #slideshow .slides #introduction p {color:#6c2900;text-shadow:0 1px 0 #FFCDB1;top:142px;}
  #slideshow .slides #assortment p {color:#1a262c;text-shadow:0 1px 0 #BABEC3;top:142px;}
  #slideshow .slides #forecasting p {color:#5b2100;}
  #slideshow .slides #replenishment p {color:#433500;text-shadow:0 1px 0 #E7DFCA;}
a#btn-meet-q {position:absolute;left:120px;top:230px;}
a#btn-learn-more {position:absolute;left:120px;top:230px;}
a.next-slide {
  float:right;
  height:70px;
  width:40px;
  margin:110px 5px 0 0;
  }
#slideshow .slides h1 {
  color:#FFF;
  font-weight:normal;
  font-size:24px;
  line-height:30px;
  text-shadow:0 1px 1px #222;
  width:525px;
  position:absolute;
  top:30px;
  left:40px;
  }
/*---- SLIDESHOW > NAVIGATION ----*/
#slideshow ul.slides-nav {
  background:url(/img/tab-off-bg.jpg) left top repeat-x;
  width:950px;
  }
#slideshow ul.slides-nav li {
  float:left;
  height:37px;
  text-align:center;
  }
  #slideshow ul.slides-nav li.introduction {width:239px;}
  #slideshow ul.slides-nav li.assortment {width:238px;}
  #slideshow ul.slides-nav li.forecasting {width:238px;}
  #slideshow ul.slides-nav li.replenishment {width:235px;}
#slideshow ul.slides-nav li:last-child {background:url(/img/tab-right-end.jpg) right top no-repeat;}
#slideshow ul.slides-nav li:first-child {background:url(/img/tab-left-end.jpg) left top no-repeat;}

#slideshow ul.slides-nav li a {
  display:block;
  outline:none;
  line-height:37px;
  color:#714000;
  text-shadow:1px 1px 1px #FFF;
  }
  #slideshow ul.slides-nav li a:hover {
    background:url(/img/tab-hover-bg.jpg) left center repeat-x;
    }
#slideshow ul.slides-nav li.on,
#slideshow ul.slides-nav li.on a {
  height:37px;
  color:#FFF;
  text-shadow:0px 0px 2px #333;
  }
#slideshow .slides-nav li.on a.introduction {background:url(/img/tab-introduction.jpg) left top no-repeat;}
#slideshow .slides-nav li.on a.assortment {background:url(/img/tab-assortment.jpg) left top no-repeat;}
#slideshow .slides-nav li.on a.forecasting {background:url(/img/tab-forecasting.jpg) left top no-repeat;}
#slideshow .slides-nav li.on a.replenishment {background:url(/img/tab-replenishment.jpg) left top no-repeat;}
/*-- END SLIDESHOW --*/