.summer-toll {
  position: relative;
  display: block;
  width: 960px;
  height: 580px;
  margin: 0 auto;
  overflow: hidden;
}

/*
	BgImage
*/

.bg-image {
  position: relative;
  display: block;
  width: 2127px;
  height: 580px;
}

.bg-image img {
  display: none;
}


/*
	Scrollable
*/
.scrollable {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.scrollable-inner {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}

/*
	HotSpot
*/

.hot-spot {
  position: absolute;
  top: 0;
  left: 0;
  width: 28px;
  height: 28px;
  cursor: pointer;
}

.hot-spot * {
  filter: inherit;
}

.hot-spot-inner {
  position: absolute;
  top: -14px;
  left: -14px;
  width: 28px;
  height: 28px;
}

.hot-spot-icon {
  position: absolute;
  top: 50%;
  left: 50%;
 /*z-index: 1;*/
  width: 16px;
  height: 16px;
  margin-top: -7px;
  margin-left: -7px;
   background-image: url("http://www.eileenfisher.com/ns//images/13s_m4/homepage_d/summerTool/assets/hotspots.png");
  background-repeat: no-repeat;
}

.hot-spot-info {
  position: absolute;
  top: 0;
  z-index: 0;
  display: block;
max-width: 300px;
  background: url("http://www.eileenfisher.com/ns/images/13s_m4/sbi_features/summer_kit/ie-transparent.gif") repeat;
}

.hot-spot-info-inner {

  display: block;
   max-width: 220px;
   max-height:85px;
  padding: 7px;
   font-family: Arial;
  color:#fff;
  background-color: #313F51;
}

.hot-spot-info-title {
display:block;padding-bottom:3px;
 font-family: Arial;font-size: 8.5pt;text-transform:uppercase;font-weight:bold;
}

.hot-spot-info-description {
	width:190px;
	display:block;
  font-size: 9pt;line-height:16px;padding-bottom:2px;
}



.hot-spot-info-shop-button .arrow-icon {
  display: inline-block;
   width: 7px;
  height:6px;
  margin-left: 5px;
  vertical-align: middle;
  background-image: url("http://www.eileenfisher.com/ns/images/13s_m4/sbi_features/summer_kit/shop-arrow1.png");
  background-repeat: no-repeat;
}


.hot-spot-info-shop-button {
	display:block;
   font-family: Arial;font-size: 9pt; font-weight:bold;margin-top:3px;
}

.not-clickable {cursor:default;}
.not-clickable .hot-spot-info-shop-button {
  display: none;
}

/*
	Scroll bar
*/

.scrollbar {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 723px;
  height: 65px;
  margin-top: -33px;
  margin-left: -361px;
}

.scrollbar-thumb {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 35px;
  height: 100%;
  margin-top: -33px;
  cursor: pointer;
  background: url("http://www.eileenfisher.com/ns/images/13s_m4/sbi_features/summer_kit/ie-transparent.gif") repeat;
}

.scrollbar-thumb-part {
  position: absolute;
  top: 0;
  width: 20px;
  height: 100%;
  overflow: hidden;
  background-image: url("http://www.eileenfisher.com/ns//images/13s_m4/homepage_d/summerTool/assets/scrollbar-thumb_1.png");
  background-position: 0 0;
  background-repeat: repeat-y;
}

.scrollbar-thumb-part.left {
  left: 0;
}

.scrollbar-thumb-part.right {
  right: 0;
  background-position: -15px 0;
}

.scrollbar-track {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 723px;
  height: 2px;
  margin-top: -1px;
  margin-left: -362px;
  background-color: #313F51;
}
/**********************************************************
	Logotype
**********************************************************/

.logotype {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 723px;
  height: 62px;
  margin-top: -32px;
  margin-left: -361px;
}

.logotype-mask {
  position: relative;
  width: 723px;
  height: 62px;
  margin: 0 auto;
  overflow: hidden;
}

.logotype-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("http://www.eileenfisher.com/ns//images/13s_m4/homepage_d/summerTool/assets/title960_latest.png") 50% 50% no-repeat;
}

.logotype.ready .logotype-mask {
  overflow: hidden;
  border: 1px solid #313f51;
}


.scrollable {
  z-index: 1;
}

.scrollbar {
  z-index: 3;
}

.logotype {
  z-index: 2;
}