﻿#productPageWrapper.js #slider {
	position: relative;
	clear:both;
}
#productPageWrapper.js .scroll {
  height:390px;
  width:500px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  margin:0px auto;
}
#productPageWrapper.js .scrollContainer div.panel {
  padding: 20px 0px;
  height: 310px;
  width: 500px; /* change to 560px if not using JS to remove rh.scroll */
}
#productPageWrapper .scrollButtons {
  position: absolute;
  top: 0px;
  padding:150px 20px;/*Use padding rather than top for larger clickable area*/
  cursor: pointer;
  height: 20px;
}
#productPageWrapper.js .scrollButtons.left {
  left: 0px;
  z-index:1;
}
#productPageWrapper.js .scrollButtons.right {
  right: 0px;
}




.redemptionProductWrapper #slider {
	/*width: 350px;*/
	margin: 0px auto;
	position: relative;
	border:solid 1px #ededed;
	padding:2px;
}
.redemptionProductWrapper .scroll {
  width:350px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  margin:0px auto;
}
.redemptionProductWrapper .scrollContainer div.panel {
  padding: 10px 10px;
  width: 330px; /* change to 560px if not using JS to remove rh.scroll */
}
.redemptionProductWrapper .scrollButtons {
  display:none;
}
.redemptionProductWrapper .scrollButtons.left {
}
.redemptionProductWrapper .scrollButtons.right {
}

.homePageWrapper.js #slider {
	width: 600px;
	margin:0px auto;
	position:relative;
	clear:both;
}
.homePageWrapper #slider .scroll {
  height:170px;
  width:540px;
  overflow:hidden;
  position:relative;
  clear:left;
  margin:0px auto;
}
.homePageWrapper #slider .scrollContainer div.panel {
  padding:0px 20px;
  width:500px;
}
.homePageWrapper #slider .scrollButtons {
  position:absolute;
  top: 0px;
  padding:75px 20px;/*Use padding rather than top for larger clickable area*/
  cursor:pointer;
  height:20px;
}
.homePageWrapper.js #slider .scrollButtons.left {
  left: 0px;
  z-index:1;
}
.homePageWrapper.js #slider .scrollButtons.right {
  right: 0px;
}
.njs #slider .scrollContainer .panel{
	padding:0 0 30px !important;
	width:530px !important;
}



.homePageWrapper.js #homeslider {
	clear:both;
	position:relative;
}
.homePageWrapper #homeslider .scroll {
  overflow:auto;
  position:relative;
  clear:left;
  margin:0px auto;
  width:594px;
  height:336px;
}
.homePageWrapper.njs #homeslider .scroll {
	overflow:hidden;
}
.homePageWrapper.js #homeslider .scrollButtons {
  position:absolute;
  top:155px;
  cursor:pointer;
  height:20px;
  padding:10px;
  display:none;
}
.homePageWrapper.js #homeslider.over .scrollButtons {
  display:block;
  background-image:url(/client/images/icons/icon_sprite.gif);
  background-repeat:no-repeat;
}
.homePageWrapper.js #homeslider .scrollButtons.left {
  left: 0px;
  z-index:1;
  background-position:-331px -170px;
}
.homePageWrapper.js #homeslider .scrollButtons.right {
  right: 1px;
  background-position:-300px -170px;
}
.js #homeslider .timer{
	width:596px;
	height:1px;
	position:absolute;
	left:0px;
	top:336px;	
	z-index:20;
	overflow:hidden;
	border-top:dotted 1px #fff;
}
.njs #homeslider .timer{
	display:none;
}

.njs #homeslider .behind{display:none;}

