#pagedivider4 {min-width:980px; background-color:#818181; overflow:hidden;}

.mainSample {width:980px; height:570px; margin:20px 0 0 0; position:relative; text-align:center;}
.window {width:980px; position:relative;}
.slider {width:auto; position:absolute; top:0; left:0;}

.slide {width:100%; max-width:912px; margin:0 34px; position:relative; float:left; cursor: url('/siteimages/new/cursormove.png'), ew-resize;}
.slide:active {cursor: url('/siteimages/new/cursorclick.cur'), ew-resize;}
.slide a span:hover {cursor:pointer;}
.slide a {display:block;}
.slide a span {display:block; width:200px; position:absolute; top:0; left:50%; margin-left:-100px; padding:10px 0; color:#b9b9b9; font-size:20px; background-color:#626262;}
.slide a:hover span {color:#ffffff; background-color:#494949;}
.slide img {width:912; height:570;}

.leftArrow,
.rightArrow {width:250px; height:100%; position:absolute; top:0; left:-100px; cursor:pointer; z-index:99;}
.rightArrow {left:auto; right:-100px;}

.leftArrow span,
.rightArrow span {display:block; width:35px; height:36px; margin-top:-18px; position:absolute; top:50%; left:107px; background:url(/siteimages/web-leftarrow.png) top left;}
.rightArrow span {left:auto; right:107px; background-image:url(/siteimages/web-rightarrow.png);}

.leftArrow:hover span,
.rightArrow:hover span {background-position:left bottom !important;}

.gradientLeft,
.gradientRight {width:280px; height:600px; position:absolute; top:0; left:-280px; background:url(/siteimages/web-samples-gradient-left.png) repeat-y; z-index:98;}
.gradientRight {left:auto; right:-280px;  background-image:url(/siteimages/web-samples-gradient-right.png);}

.overflowHideLeft,
.overflowHideRight {
	width:5000px;
	height:600px;
	position:absolute;
	top:0;
	left:0;
	margin-left:1260px;
	background-color:#818181;
	z-index:97;
}
.overflowHideRight {left:auto; right:0; margin-left:0; margin-right:1260px;}

.otherSamples {margin-top:40px;}
.gallery {margin-left:12px;}
.gallery .label {font-size:15px; color:#c6c6c6; text-transform:uppercase;}

.galleryBox {display:inline-block; width:14px; height:14px; margin:0 4px; background-color:#c6c6c6; cursor:pointer;}
.galleryBox.selected {background-color:#454545;}

.thumbs {margin-top:25px; text-align:center;}
.thumb {display:inline-block; width:120px; margin:0 12px; padding:8px; text-align:center; cursor:pointer;}
.thumb.selected {padding:6px; border:1px solid #ffffff;}

@media only screen and (max-width : 768px) {
	.mainSample, .window {width:100%;}
	.slide {width:100%;}
	.thumbs .thumb {width:11%; margin:0 5px;}
	.thumbs .thumb img {width:100%;}
	
	.rightArrow {width:35px;}
	.leftArrow {width:35px;}
}

@media only screen and (max-width : 480px) {
	.gallery {text-align:center;}
	.thumbs .thumb {width:16%; margin:0 15px;}
}