.scrollable-wrap {
	margin: 0 auto;
	position: relative;
}
#home .scrollable-wrap {
	width: 820px; 
	height: 112px; 
	background: url(/shared/img/scroll_bg.png) no-repeat center bottom;
	padding-top: 23px;
	padding-bottom: 11px;
	margin-bottom: 9px;
}

.overview .scrollable-wrap { width: 817px; }
.liveinterior.overview .scrollable-wrap {
	margin-top: 42px;
}

.scrollable-wrap  .scrollable {
	position: relative;
	overflow: hidden;
	float: left;
  margin: 0 auto;
/*   background: red; */
}
#home .scrollable-wrap .scrollable {
	width: 749px;
	height: 123px;
	float: none;
	margin: 0 auto;
}
.overview .scrollable-wrap  .scrollable {
	width: 817px;
  height: 125px;
}
.renderboost.overview .scrollable-wrap .scrollable {
	width: 820px;
  height: 138px;
}
.liveinterior.overview .scrollable-wrap .scrollable {
	width: 820px;
  height: 140px;
}

.scrollable-wrap  .scrollable .items {
	width: 20000em;
	position: absolute;
	clear: both;
}

.scrollable-wrap .scrollable .items div, .scrollable-wrap .scrollable div .item { float: left; }
#home .scrollable-wrap .scrollable .items div { width: 780px; }
.overview .scrollable-wrap .scrollable .items > div {	width: 877px; }

#home .scrollable-wrap .scrollable div.item {
	margin-right: 8px;
	width: 245px;
	height: 83px;
}
	#home .scrollable-wrap .scrollable .item a { text-decoration: none; }
		#home .scrollable-wrap .scrollable .item h3 {
			font-size: 15px;
			line-height: 19px;
			color: #000;
			margin-top: 9px;
		}
		#home .scrollable-wrap .scrollable .item:hover h3 {
			color: #2778dc;
		}
		#home .scrollable-wrap .scrollable .item p {
			font-size: 12px;
			line-height: 17px;
			color: #262626;
			margin-top: -9px;
		}
		#home .scrollable-wrap .scrollable .item:hover p {
			color: #666;
		}
		#home .scrollable-wrap .scrollable .item img {
			float: left;
			padding-right: 5px;
		}

.overview .scrollable-wrap .scrollable img {
	display: block;
	float: left;
	margin-right: 38px;
	width: 133px;
	height: 125px;
}
.renderboost.overview .scrollable-wrap .scrollable img {
	display: block;
	float: left;
	margin-right: 24px;
	width: 187px;
	height: 138px;
}
.liveinterior.overview .scrollable-wrap .scrollable img {
	display: block;
	float: left;
	margin-right: 20px;
	width: 190px;
	height: 140px;
}



.scrollable-wrap a.browse {
	display: block;
/*
	width: 16px;
	height: 25px;
	background: url(/shared/img/carusel_arrows.png) no-repeat 0 0;
	background-size: 48px 50px;
*/
	width: 12px;
	height: 27px;
	background: url(/shared/img/slider_arrows_small_flat.png) no-repeat 0 0;
	background-size: 48px 27px;
  /* float: left; */position: absolute;
	cursor: pointer;
	font-size: 1px;
}
#home .scrollable-wrap a.browse, .overview .scrollable-wrap a.browse { position: absolute; }

#home .scrollable-wrap a.browse { top: 57px; }
.overview .scrollable-wrap  a.browse { top: 50px; }


.scrollable-wrap a.right { background-position: -24px top; right: -22px; }
.scrollable-wrap a.right:hover { background-position: right top; }
.scrollable-wrap a.right:active { right: -23px; }
.scrollable-wrap a.left { background-position: -12px top; left: -22px; }
.scrollable-wrap a.left:hover {	background-position: 0 top; }
.scrollable-wrap a.left:active { left: -23px; }
#home .scrollable-wrap a.right { right: 6px; }
#home .scrollable-wrap a.right:active { right: 5px; }
#home .scrollable-wrap a.prev { left: 5px; }
#home .scrollable-wrap a.prev:active { left: 4px; }
.overview .scrollable-wrap a.right { right: -28px; }
.overview .scrollable-wrap a.left { left: -28px; }
.overview .scrollable-wrap a.right:active { right: -29px; }
.overview .scrollable-wrap a.left:active { left: -29px; }

.scrollable-wrap a.left.disabled, .scrollable-wrap a.left.disabled:hover, .scrollable-wrap a.left.disabled:active { /* visibility: hidden !important; */
  opacity: .3;
  background-position: -12px 0;
  left: -28px;
  cursor: default;
 }
.scrollable-wrap a.right.disabled, .scrollable-wrap a.right.disabled:hover, .scrollable-wrap a.right.disabled:active { /* visibility: hidden !important; */
  opacity: .5;
  background-position: -24px 0;
  right: -28px;
  cursor: default;
 }

/*
.liveinterior.overview .scrollable-wrap a.browse { top: 50px; }
.imagetricks.overview .scrollable-wrap  a.browse { top: 50px; }
.liveinterior.overview .scrollable-wrap a.browse, .imagetricks.overview .scrollable-wrap a.browse {
	display: block;
	width: 12px;
	height: 25px;
	background: url(/shared/img/slider_arrows_small.png) no-repeat 0 0;
	background-size: 24px 50px;
position: absolute;
	cursor: pointer;
	font-size: 1px;
}
*/
@media (-webkit-min-device-pixel-ratio: 2) {
.scrollable-wrap a.browse {
	background-image: url(/shared/img/slider_arrows_small@2x.png);
	background-size: 24px 50px;
	}
}


/*
.liveinterior.overview .scrollable-wrap a.right, .imagetricks.overview .scrollable-wrap a.right { background-position: right top; right: -22px; }
.liveinterior.overview .scrollable-wrap a.right:hover, .imagetricks.overview .scrollable-wrap a.right:hover { background-position: right bottom; }
.liveinterior.overview .scrollable-wrap a.right:active, .imagetricks.overview .scrollable-wrap a.right:active { right: -23px; }
.liveinterior.overview .scrollable-wrap a.left, .imagetricks.overview .scrollable-wrap a.left { background-position: left top; left: -22px; }
.liveinterior.overview .scrollable-wrap a.left:hover, .imagetricks.overview .scrollable-wrap a.left:hover {	background-position: left bottom; }
.liveinterior.overview .scrollable-wrap a.left:active, .imagetricks.overview .scrollable-wrap a.left:active { left: -23px; }
*/


.scrollable .active {
	position: relative;
	cursor: default;
}


/* PRINTWORKS OVERVIEW SLIDER */
.scrollable-slides-wrapper {
  position: relative;
  text-align: center;
}
.slides-scrollable {
  position:relative;
  overflow:hidden;
  width: 960px;
  height: 660px;
  z-index: 40;
  margin: 0 -70px;
}
.slides-scrollable-bg {
  width: 100%;
  height: 100%;
  position: absolute;
}
.slides-scrollable-bg > img {
  width: 960px;
  height: 660px;
  position: absolute;
  top:0;
  left: 0;
}
.slides-scrollable .items {
  width:20000em;
  position:absolute;
  clear:both;
}
.slides-scrollable .items div {
  float:left;
  width:960px;
}
.slides-scrollable .items img {
  float:left;
  margin: 50px;
  width: 860px;
  height: 560px;
}
a.slides-arrow {
  display:block;
  background: url(/shared/img/slider_arrows_white.png) no-repeat;
  background-size: 46px 56px;
  width: 20px;
  height: 52px;
  cursor:pointer;
  position: absolute;
  z-index: 100;
  top: 300px;
}

a.slides-arrow:hover {
  opacity: .8;
}
a.next { 
  background-position: -24px -2px;  
  right: 20px;
}
a.next:active { 
  right: 19px;
}
a.prev { 
  background-position: -2px -2px;  
  left: 20px; 
}
a.prev:active { 
  left: 19px;
 }
a.disabled {
  opacity: .6;
}
.slider-dots {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  z-index: 200;
  bottom: 24px;
}
.slider-dots a {
  display: inline-block;
  width: 9px;
  height: 9px;
  border: 1px solid #fff;
  border-radius: 5px;
  margin: 5px;
}
.slider-dots a:hover {
  background: rgba(255,255,255,.6);
  cursor: pointer;
}
.slider-dots a.active {
  background: #fff;
}
/* @media (-webkit-min-device-pixel-ratio: 2) */
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2)
 {
  a.slides-arrow {
    background: url(/shared/img/slider_arrows_white@2x.png) no-repeat;
    background-size: 46px 56px;
	}
a.next { 
  background-position: -24px -2px;  
}
a.prev { 
  background-position: -2px -2px;  
}

.scrollable-wrap a.browse {
	background: url(/shared/img/slider_arrows_small_flat@2x.png) no-repeat 0 0;
	background-size: 48px 27px;
}
.scrollable-wrap a.right { background-position: -24px top; right: -22px; }
.scrollable-wrap a.right:hover { background-position: right top; }
.scrollable-wrap a.right:active { right: -23px; }
.scrollable-wrap a.left { background-position: -12px top; left: -22px; }
.scrollable-wrap a.left:hover {	background-position: 0 top; }
.scrollable-wrap a.left:active { left: -23px; }

}