@charset "utf-8";
/*
Thumbnail scroller jQuery plugin
scrollers styling
*/
.jTscrollerContainer {width: 100% !important;}
.jThumbnailScroller{position:relative; width:800px; height:122px; margin:160px auto 0 auto; border:5px solid #eee; background:#bbb; padding:0; overflow:hidden; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;}
.jThumbnailScroller .jTscrollerContainer{position:absolute; top:28px; left:2px; overflow:hidden;}
.jThumbnailScroller .jTscroller{position:relative; height:100%; margin:0; left:0; top:0; display:inline-block; *display:inline;}
/*.jThumbnailScroller .jTscrollerNextButton,.jThumbnailScroller .jTscrollerPrevButton{position:absolute; display:block; width:40px; height:40px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; opacity:0.7;}
*//*.jThumbnailScroller .jTscrollerNextButton{background:#000 url(nextArrow.png) center center;}*/
/*.jThumbnailScroller .jTscrollerPrevButton{background:#000 url(prevArrow.png) center center;}
*//*.jThumbnailScroller .jTscrollerNextButton:hover,.jThumbnailScroller .jTscrollerPrevButton:hover{background-color:#d56916; opacity:1;}*/
.jThumbnailScroller .jTscroller a{display:block; float:left; margin:6px 10px 6px 0; background:#fff;}
.jThumbnailScroller .jTscroller a:hover{border-color:#fff;}
.jThumbnailScroller .jTscroller a:first-child{margin-left:10px;}
.jThumbnailScroller .jTscroller a img{border:none; width:auto;}
/* different styled scrollers */
/* liquid width scroller */
.jThumbnailScroller#tS1{width:95%;}
.jThumbnailScroller#tS2{margin:30px auto;}
.jThumbnailScroller#tS2 .jTscroller a{opacity:0.7;}
.jThumbnailScroller#tS2 .jTscroller a:hover{opacity:1;}
.jThumbnailScroller#tS2 .jTscrollerNextButton{margin:-20px 10px 0 10px; right:0; top:50%;}
.jThumbnailScroller#tS2 .jTscrollerPrevButton{margin:-20px 10px 0 10px; left:0; top:50%;}
/* a vertical scroller */
#tS3.jThumbnailScroller {
	background: #fff;
	border: 0 none;
	float: left;
	height: 525px;
	left: 10px;
	margin: 0px 0 0 0;
	top: 0;
	width: 74px;
}
.product-img-box .portrait {float:right; width:78%;}
.fancybox > img {
  width: 100%;
}

#tS3.jThumbnailScroller .jTscroller a {
  display: block;
  margin: 0 0 7px;
  opacity: 1;
  overflow: hidden;
  width: 100%;
  border:0;
}
.jThumbnailScroller#tS3 .jTscroller a:hover{opacity:1;}
.jThumbnailScroller#tS3 .jTscrollerNextButton{ bottom:0; position:absolute;}
/*.jThumbnailScroller#tS3 .jTscrollerPrevButton{margin:10px 0 10px -20px; top:0; left:50%; -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg);}*/


.jTscrollerPrevButton { display:block !important;
  background:#0074a7 url(../images/up_arrow.png) no-repeat scroll center center !important;
  border-radius: 0;
  clear: right;
  cursor: pointer;
  float: right;
  height:20px !important;
  margin-bottom: 1px;
  overflow: hidden;
  width: 100% !important;
  opacity: 1 !important;
}

.jTscrollerNextButton { display:block !important;
  background:#0074a7 url(../images/down_arrow.png) no-repeat scroll center center !important;
  border-radius: 0;
  clear: right;
  cursor: pointer;
  float: right;
  height:20px !important;
  margin-top: 1px;
  overflow: hidden;
  width: 100% !important;
  left:0;
  opacity: 1 !important;
}

@media (max-width: 1024px){
/*#tS3.jThumbnailScroller {height: 465px;}
#tS3.jThumbnailScroller {height: 90%;}  */

}


@media (min-width: 768px) and (max-width: 991px){
/*#tS3.jThumbnailScroller {height: 405px;}
#tS3.jThumbnailScroller {height: 90%;}  */
}

@media (max-width: 767px){
	#tS3.jThumbnailScroller { position:relative; float:left;}
	.product-view .product-img-box .portrait .product-image { width:100%;}
.jThumbnailScroller .jTscroller a:first-child {margin:5px;}
.jThumbnailScroller .jTscroller a {margin:0 0 5px 0;}
.jThumbnailScroller .jTscroller a img {width: 100%;}
}




@media (max-width: 640px){
.product-view .product-img-box .portrait .product-image {
  float: left;
  margin-bottom: 0;
  margin-right: 1px;
  position: relative;
}


}





@media (max-width: 480px) {
	
		.product-view .product-img-box .portrait .product-image{
		width: -moz-calc(100% - 0px);
		width: -webkit-calc(100% - 0px);
		width: calc(100% - 0px);	
	}
	
	

.product-img-box .portrait {margin: 0 0 0 0px;}
}


@media (max-width: 479px) {
#tS3.jThumbnailScroller {height: 310px;}
}




@media (max-width: 360px) {
	
		.product-view .product-img-box .portrait .product-image{
		width: -moz-calc(100% - 0px);
		width: -webkit-calc(100% - 0px);
		width: calc(100% - 0px);	
	}
	
	

.product-img-box .portrait {
  margin: 0 0 0 0px;
}
.product-img-box .portrait {width:70%;}
}



@media (max-width: 320px){
.product-view .product-img-box .portrait .product-image{
		width: -moz-calc(100% - 0px);
		width: -webkit-calc(100% - 0px);
		width: calc(100% - 0px);	
}
	

}