.un-underline { text-decoration: none; }
.un-underline:hover { text-decoration: underline; }

.scale { display: block; max-width: 100%; }

/*The wrapping div surrounding the carousel. Needed to position absolute elements*/
.paw-carousel-wrap { *zoom: 1; position: relative; margin-bottom: 0px; }
.paw-carousel-wrap:after { content: ""; display: table; clear: both; }

/*Carousel*/
.paw-carousel { position: relative; overflow: visible !important; height: 370px; }
.paw-carousel nav { position: absolute; top: 50%; margin-top: -25px; z-index: 999; width: 100%; }

.paw-carousel-media { height: 100%; overflow: hidden; position: absolute; }

.paw-carousel-item { display: inline; float: left; position: relative !important; }
.paw-carousel-item img { display: block; position: relative; z-index: 1; margin-right: 1px; height:598px; }
.paw-carousel-item h3 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; position: absolute; z-index: 2; top: 10px; left: 10px; padding: 5px; font-size: 12px; font-weight: 600; line-height: 140%; background: #000; color: white; }

/*Transparent masks on either side of the carousel - remove if you don't need*/
.paw-carousel-mask { position: absolute; height: 100%; width: 9999px; background: url(../images/trans-light.png); z-index: 102; top: 0; }
.paw-carousel-mask-l { left: -9529px; }
.paw-carousel-mask-r { right: -9529px; }

@media (max-width: 1600px) {
	.paw-carousel-mask { position: absolute; height: 100%; width: 9999px; background: url(../images/trans-light.png); z-index: 102; top: 0; }
.paw-carousel-mask-l { left: -9689px; }
.paw-carousel-mask-r { right: -9689px; }
}
@media (max-width: 1440px) {
	.paw-carousel-mask { position: absolute; height: 100%; width: 9999px; background: url(../images/trans-light.png); z-index: 102; top: 0; }
.paw-carousel-mask-l { left: -9769px; }
.paw-carousel-mask-r { right: -9769px; }
}
@media (max-width: 1366px) {
	.paw-carousel-mask { position: absolute; height: 100%; width: 9999px; background: url(../images/trans-light.png); z-index: 102; top: 0; }
.paw-carousel-mask-l { left: -9807px; }
.paw-carousel-mask-r { right: -9807px; }
.paw-carousel-item img { height:480px; }
}
@media (max-width: 1280px) {
	.paw-carousel-mask { position: absolute; height: 100%; width: 9999px; background: url(../images/trans-light.png); z-index: 102; top: 0; }
.paw-carousel-mask-l { left: -9849px; }
.paw-carousel-mask-r { right: -9849px; }
}
@media (max-width: 1024px) {
	.paw-carousel-mask { position: absolute; height: 100%; width: 9999px; background: url(../images/trans-light.png); z-index: 102; top: 0; }
.paw-carousel-mask-l { left: -9999px; }
.paw-carousel-mask-r { right: -9999px; }
.paw-carousel-item img { height:420px; }
}
@media (max-width: 800px) {
	.paw-carousel-mask { position: absolute; height: 100%; width: 9999px; background: url(../images/trans-light.png); z-index: 102; top: 0; }
.paw-carousel-mask-l { left: -9999px; }
.paw-carousel-mask-r { right: -9999px; }
.paw-carousel-item img { height:320px; }
}
@media (max-width: 640px) {
	.paw-carousel-mask { position: absolute; height: 100%; width: 9999px; background: url(../images/trans-light.png); z-index: 102; top: 0; }
.paw-carousel-mask-l { left: -9999px; }
.paw-carousel-mask-r { right: -9999px; }
.paw-carousel-item img { height:240px; }
}

/*Loading mask*/
.paw-loading { z-index: 101; background-color: white; position: absolute; width: 100%; height: 100%; text-align: center; }
.paw-loading .inner { position: absolute; top: 50%; width: 100%; margin-top: -30px; }
.paw-loading p { margin-top: 5px; }


/*Next prev arrows*/
.paw-carousel-prev, .paw-carousel-next { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; position: absolute; top: 0; width: 50px; height: 50px; left: 20px; background: url(../images/arr-prev.png); z-index: 999;}
.paw-carousel-prev:hover, .paw-carousel-next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); opacity: 0.9; }

.paw-carousel-next { left: auto; right: 20px; background: url(../images/arr-next.png);  z-index: 999;}

/*Thumbnail nav*/
#paw-carousel-thumbs { *zoom: 1; background-color: aqua; width:100%; margin:-50px auto 0px auto; position:absolute; z-index:999;}
#paw-carousel-thumbs:after { content: ""; display: table; clear: both; }
#paw-carousel-thumbs li { margin-right: 10px; margin-top: 10px; display: block; border: 2px solid white; display: inline;  }
#paw-carousel-thumbs li:first-child { margin-right: 11px; }
#paw-carousel-thumbs li:last-child { margin-right: 0; margin-left: 1px; }
#paw-carousel-thumbs li:hover { border-color: #b9e8a6; cursor: pointer; }
#paw-carousel-thumbs li.active { border-color: #79d355; }
#paw-carousel-thumbs li img { display: block; }

/*At 1024px screen res stops the slideshow bleeding out it's container i.e. being full width*/
@media only screen and (max-width: 800px) { .paw-carousel { overflow: hidden !important; } }