四平OA

web/styles/common/css/slider-layer-slider/layerslider.css

@@ -0,0 +1,894 @@
+
+/*
+	* Style settings of LayerSlider
+	*
+	* (c) 2011-2014 George Krupa, John Gera & Kreatura Media
+	*
+	* Plugin web:			http://kreaturamedia.com/
+	* Licenses: 			http://codecanyon.net/licenses/
+*/
+
+
+
+/* Global settings */
+
+.ls-container {
+	visibility: hidden;
+	position: relative;
+}
+
+.ls-lt-container {
+	position: absolute;
+}
+
+.ls-lt-container,
+.ls-lt-container * {
+	text-align: left !important;
+	direction: ltr !important;
+}
+
+.ls-container-fullscreen {
+	margin: 0 auto !important;
+	padding: 2% !important;
+	background: black !important;
+	border-radius: 0 !important;
+	-moz-border-radius: 0 !important;
+	-webkit-border-radius: 0 !important;
+	border: none !important;
+}
+
+.ls-container-fullscreen .ls-thumbnail-wrapper,
+.ls-container-fullscreen .ls-fullscreen,
+.ls-container-fullscreen .ls-shadow {
+	display: none !important;
+}
+
+.ls-overflow-hidden {
+	overflow: hidden;
+}
+
+.ls-inner {
+	position: relative;
+	background-position: center center;
+	z-index: 2;
+}
+
+.ls-loading-container {
+	position: absolute !important;
+	display: none;
+	z-index: 3 !important;
+	left: 50% !important;
+	top: 50% !important;
+}
+
+.ls-loading-indicator {
+	margin: 0 auto;
+}
+
+.ls-inner,
+.ls-slide {
+	width: 100%;
+	height: 100%;
+}
+
+.ls-slide,
+.ls-layer {
+	position: absolute;
+	display: none;
+	background-position: center center;
+	overflow: hidden;
+}
+
+.ls-active,
+.ls-animating {
+	display: block !important;
+}
+
+.ls-slide > * {
+	position: absolute;
+	line-height: normal;
+	margin: 0;
+	left: 0;
+	top: 0;
+}
+
+.ls-slide .ls-bg {
+	left: 0px;
+	top: 0px;
+	transform: none !important;
+	-o-transform: none !important;
+	-ms-transform: none !important;
+	-moz-transform: none !important;
+	-webkit-transform: none !important;
+}
+
+.ls-yourlogo {
+	position: absolute;
+	z-index: 99;
+}
+
+
+
+/* Timers */
+
+.ls-bar-timer {
+	position: absolute;
+	width: 0;
+	height: 2px;
+	background: white;
+	border-bottom: 2px solid #555;
+	opacity: .55;
+	filter: alpha(opacity=55);
+	z-index: 4;
+	top: 0;
+}
+
+.ls-circle-timer {
+	width: 16px;
+	height: 16px;
+	position: absolute;
+	right: 10px;
+	top: 10px;
+	z-index: 4;
+	opacity: .65;
+	filter: alpha(opacity=65);
+	display: none;
+}
+
+.ls-ct-half {
+	background: white;
+}
+
+.ls-ct-center {
+	background: #444;
+}
+
+.ls-ct-left,
+.ls-ct-right {
+	width: 50%;
+	height: 100%;
+	overflow: hidden;
+}
+
+.ls-ct-left,
+.ls-ct-right {
+	float: left;
+	position: relative;
+}
+
+.ls-ct-rotate {
+	width: 200%;
+	height: 100%;
+	position: absolute;
+	top: 0;
+}
+
+.ls-ct-left .ls-ct-rotate,
+.ls-ct-right .ls-ct-hider,
+.ls-ct-right .ls-ct-half {
+	left: 0;
+}
+
+.ls-ct-right .ls-ct-rotate,
+.ls-ct-left .ls-ct-hider,
+.ls-ct-left .ls-ct-half {
+	right: 0;
+}
+
+.ls-ct-hider,
+.ls-ct-half {
+	position: absolute;
+	top: 0;
+}
+
+.ls-ct-hider {
+	width: 50%;
+	height: 100%;
+	overflow: hidden;
+}
+
+.ls-ct-half {
+	width: 200%;
+	height: 100%;
+}
+
+.ls-ct-center {
+	width: 50%;
+	height: 50%;
+	left: 25%;
+	top: 25%;
+	position: absolute;
+}
+
+.ls-ct-half,
+.ls-ct-center {
+	border-radius: 100px;
+	-moz-border-radius: 100px;
+	-webkit-border-radius: 100px;
+}
+
+
+
+/* Navigation */
+
+.ls-bottom-nav-wrapper {
+	height: 0;
+}
+
+.ls-bottom-slidebuttons {
+	text-align: left;
+}
+
+.ls-bottom-nav-wrapper,
+.ls-below-thumbnails {
+	z-index: 2;
+	height: 0;
+	position: relative;
+	text-align: center;
+	margin: 0 auto;
+}
+
+.ls-below-thumbnails {
+	display: none;
+	z-index: 6;
+}
+
+.ls-bottom-nav-wrapper a,
+.ls-nav-prev,
+.ls-nav-next {
+	outline: none;
+}
+
+* .ls-bottom-nav-wrapper *,
+* .ls-bottom-nav-wrapper span * {
+	direction: ltr !important;
+}
+
+.ls-bottom-slidebuttons {
+	position: relative;
+	z-index: 1000;
+}
+
+.ls-bottom-slidebuttons,
+.ls-nav-start,
+.ls-nav-stop,
+.ls-nav-sides {
+	position: relative;
+}
+
+.ls-nothumb {
+	text-align: center !important;
+}
+
+.ls-link {
+	position: absolute;
+	width: 100% !important;
+	height: 100% !important;
+	left: 0 !important;
+	top: 0 !important;
+	background-image: url(blank.gif);
+}
+
+.ls-slide > a > * {
+	background-image: url(blank.gif);
+}
+
+
+
+/* Embedded videos */
+
+.ls-vpcontainer {
+	width: 100%;
+	height: 100%;
+	position: absolute;
+	left: 0;
+	top: 0;
+}
+
+.ls-videopreview {
+	width : 100%;
+	height : 100%;
+	position : absolute;
+	left : 0;
+	top : 0;
+	cursor : pointer;
+}
+
+.ls-playvideo {
+	position: absolute;
+	left: 50%;
+	top: 50%;
+	cursor: pointer;
+}
+
+
+
+/* Thumbnails */
+
+.ls-tn {
+	display: none !important;
+}
+
+.ls-thumbnail-hover {
+	display: none;
+	position: absolute;
+	left: 0;
+}
+
+.ls-thumbnail-hover-inner {
+	width: 100%;
+	height: 100%;
+	position: absolute;
+	left: 0;
+	top: 0;
+	display: none;
+}
+
+.ls-thumbnail-hover-bg {
+	position: absolute;
+	width: 100%;
+	height: 100%;
+	left: 0;
+	top: 0;
+}
+
+.ls-thumbnail-hover-img {
+	position: absolute;
+	overflow: hidden;
+}
+
+.ls-thumbnail-hover img {
+	max-width: none !important;
+	position: absolute;
+	display: inline-block;
+	visibility: visible !important;
+	left: 50%;
+	top: 0;
+}
+
+.ls-thumbnail-hover span {
+	left: 50%;
+	top: 100%;
+	width: 0;
+	height: 0;
+	display: block;
+	position: absolute;
+	border-left-color: transparent !important;
+	border-right-color: transparent !important;
+	border-bottom-color: transparent !important;
+}
+
+.ls-thumbnail-wrapper {
+	position: relative;
+	width: 100%;
+	margin: 0 auto;
+	z-index: 4;
+}
+
+.ls-thumbnail {
+	position: relative;
+	margin: 0 auto;
+}
+
+.ls-thumbnail-inner,
+.ls-thumbnail-slide-container {
+	width: 100%;
+}
+
+.ls-thumbnail-slide-container {
+	overflow: hidden !important;
+	position: relative;
+}
+
+.ls-touchscroll {
+	overflow-x: auto !important;
+}
+
+.ls-thumbnail-slide {
+	text-align: center;
+	white-space: nowrap;
+	float: left;
+	position: relative;
+}
+
+.ls-thumbnail-slide a {
+	overflow: hidden;
+	display: inline-block;
+	width: 0;
+	height: 0;
+	position: relative;
+}
+
+.ls-thumbnail-slide img {
+	max-width: none !important;
+	max-height: 100% !important;
+	height: 100%;
+	visibility: visible !important;
+}
+
+.ls-shadow {
+	display: none;
+	position: absolute;
+	z-index: 1;
+	top: 100%;
+	width: 100%;
+	left: 0;
+	overflow: hidden !important;
+	visibility: hidden;
+}
+
+.ls-shadow img {
+	width: 100% !important;
+	height: auto !important;
+	position: absolute !important;
+	left: 0 !important;
+	bottom: 0 !important;
+}
+
+.ls-bottom-nav-wrapper,
+.ls-thumbnail-wrapper,
+.ls-nav-prev,
+.ls-nav-next {
+	visibility: hidden;
+}
+
+
+
+/* WP plugin fullwidth */
+
+.ls-wp-fullwidth-container {
+	width: 100%;
+	position: relative;
+}
+
+.ls-wp-fullwidth-helper {
+	position: absolute;
+}
+
+
+
+/* 2D & 3D Layer Transitions */
+
+.ls-overflow-hidden {
+	overflow: hidden;
+}
+
+.ls-lt-tile {
+	position: relative;
+	float: left;
+	perspective: 1000px;
+	-o-perspective: 1000px;
+	-ms-perspective: 1000px;
+	-moz-perspective: 1000px;
+	-webkit-perspective: 1000px;
+}
+
+.ls-lt-tile img {
+	visibility: visible;
+	display: inline-block;
+}
+
+.ls-curtiles {
+	overflow: hidden;
+}
+
+.ls-curtiles,
+.ls-nexttiles {
+	position: absolute;
+	width: 100%;
+	height: 100%;
+	left: 0;
+	top: 0;
+}
+
+.ls-curtile, .ls-nexttile {
+	overflow: hidden;
+	position: absolute;
+	width: 100% !important;
+	height: 100% !important;
+	backface-visibility: hidden;
+	-o-backface-visibility: hidden;
+	-ms-backface-visibility: hidden;
+	-moz-backface-visibility: hidden;
+	-webkit-backface-visibility: hidden;
+}
+
+.ls-curtile {
+	left: 0;
+	top: 0;
+}
+
+.ls-curtile img,
+.ls-nexttile img {
+	position: absolute;
+	filter: inherit;
+}
+
+.ls-3d-container {
+	position: relative;
+	overflow: visible !important;
+}
+
+.ls-3d-box {
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	transform-style: preserve-3d;
+	-o-transform-style: preserve-3d;
+	-ms-transform-style: preserve-3d;
+	-moz-transform-style: preserve-3d;
+	-webkit-transform-style: preserve-3d;
+}
+
+.ls-3d-box div {
+	overflow: hidden;
+	background: #777;
+	margin: 0;
+	padding: 0;
+	position: absolute;
+}
+
+
+
+/* Full screen */
+
+.ls-fullscreen {
+	position: absolute;
+	z-index: 10;
+	cursor: pointer;
+	display: block;
+}
+
+
+
+/* Removing all default global styles of WordPress themes */
+
+html * .ls-nav-prev,
+html * .ls-nav-next,
+html * .ls-container img,
+html * .ls-bottom-nav-wrapper a,
+html * .ls-container .ls-fullscreen,
+body * .ls-nav-prev,
+body * .ls-nav-next,
+body * .ls-container img,
+body * .ls-bottom-nav-wrapper a,
+body * .ls-container .ls-fullscreen,
+#ls-global * .ls-nav-prev,
+#ls-global * .ls-nav-next,
+#ls-global * .ls-container img,
+#ls-global * .ls-bottom-nav-wrapper a,
+#ls-global * .ls-container .ls-fullscreen,
+html * .ls-thumbnail a,
+body * .ls-thumbnail a,
+#ls-global * .ls-thumbnail a {
+	transition: none;
+	-o-transition: none;
+	-ms-transition: none;
+	-moz-transition: none;
+	-webkit-transition: none;
+	line-height: normal;
+	outline: none;
+	padding: 0;
+	border: 0;
+}
+
+html * .ls-slide > a,
+body * .ls-slide > a,
+#ls-global * .ls-slide > a,
+html * .ls-slide > h1,
+body * .ls-slide > h1,
+#ls-global * .ls-slide > h1,
+html * .ls-slide > h2,
+body * .ls-slide > h2,
+#ls-global * .ls-slide > h2,
+html * .ls-slide > h3,
+body * .ls-slide > h3,
+#ls-global * .ls-slide > h3,
+html * .ls-slide > h4,
+body * .ls-slide > h4,
+#ls-global * .ls-slide > h4,
+html * .ls-slide > h5,
+body * .ls-slide > h5,
+#ls-global * .ls-slide > h5,
+html * .ls-slide > p,
+body * .ls-slide > p,
+#ls-global * .ls-slide > p,
+html * .ls-slide > div,
+body * .ls-slide > div,
+#ls-global * .ls-slide > div,
+html * .ls-slide > span,
+body * .ls-slide > span,
+#ls-global * .ls-slide > span,
+html * .ls-slide > *,
+body * .ls-slide > *,
+#ls-global * .ls-slide > * {
+	transition: none;
+	-o-transition: none;
+	-ms-transition: none;
+	-moz-transition: none;
+	-webkit-transition: none;
+}
+
+html * .ls-slide > *,
+body * .ls-slide > *,
+#ls-global * .ls-slide > * {
+	margin: 0;
+}
+
+html * .ls-container img,
+body * .ls-container img,
+#ls-global * .ls-container img {
+	background: none !important;
+	min-width: 0 !important;
+	max-width: none !important;
+	border-radius: 0;
+	box-shadow: none;
+	border: 0;
+	padding: 0;
+}
+
+/*html * .ls-thumbnail a img,
+body * .ls-thumbnail a img,
+#ls-global * .ls-thumbnail a img {
+	min-width: 100% !important;
+}
+*/
+
+html * .ls-wp-container .ls-slide > *,
+body * .ls-wp-container .ls-slide > *,
+#ls-global * .ls-wp-container .ls-slide > * {
+	line-height: normal;
+	outline: none;
+	padding: 0;
+	margin: 0;
+	border: 0;
+}
+
+html * .ls-wp-container .ls-slide > a > *,
+body * .ls-wp-container .ls-slide > a > *,
+#ls-global * .ls-wp-container .ls-slide > a > * {
+	margin: 0;
+}
+
+html * .ls-wp-container .ls-slide > a,
+body * .ls-wp-container .ls-slide > a,
+#ls-global * .ls-wp-container .ls-slide > a {
+	text-decoration: none;
+}
+
+.ls-wp-fullwidth-container,
+.ls-wp-fullwidth-helper,
+.ls-container,
+.ls-container * {
+	box-sizing: content-box !important;
+	-moz-box-sizing: content-box !important;
+	-webkit-box-sizing: content-box !important;
+}
+
+html * .ls-yourlogo,
+body * .ls-yourlogo,
+#ls-global * .ls-yourlogo {
+	margin: 0;
+}
+
+html * .ls-tn,
+body * .ls-tn,
+#ls-global * .ls-tn {
+	display: none;
+}
+
+.site {
+	overflow: visible !important;
+}
+
+
+
+/* Style of LayerSlider Debug Console */
+
+.ls-debug-console * {
+	margin: 0 !important;
+	padding: 0 !important;
+	border: 0 !important;
+	color: white !important;
+	text-shadow: none !important;
+	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif !important;
+	line-height: normal !important;
+	-webkit-font-smoothing: antialiased !important;
+	text-align: left !important;
+	font-style: normal !important;
+}
+
+.ls-debug-console h1 {
+	padding-top: 10px !important;
+	font-size: 17px !important;
+	font-weight: bold !important;
+}
+
+.ls-debug-console h1:first-child {
+	padding-top: 0 !important;
+}
+
+.ls-debug-console ul {
+	padding-top: 10px !important;
+	list-style: none !important;
+}
+
+.ls-debug-console li {
+	margin-left: 10px !important;
+	font-size: 13px !important;
+	position: relative !important;
+	font-weight: normal !important;
+}
+
+html * .ls-debug-console li ul,
+body * .ls-debug-console li ul,
+#ls-global * .ls-debug-console li ul {
+	display: none;
+	width: 260px;
+	left: -10px;
+}
+
+.ls-debug-console li ul {
+	position: absolute !important;
+	bottom: 100% !important;
+	padding: 10px 10px 10px 0 !important;
+	background: white !important;
+	border-radius: 10px !important;
+	box-shadow: 0 0 20px black !important;
+}
+
+html * .ls-debug-console li:hover ul,
+body * .ls-debug-console li:hover ul,
+#ls-global * .ls-debug-console li:hover ul {
+	display: block;
+}
+
+.ls-debug-console li ul * {
+	color: black !important;
+}
+
+.ls-debug-console a {
+	text-decoration: none !important;
+	border-bottom: 1px dotted white !important;
+}
+
+.ls-error {
+	border-radius: 5px !important;
+	-moz-border-radius: 5px !important;
+	-wenkit-border-radius: 5px !important;
+	background: white !important;
+	height: auto !important;
+	width: auto !important;
+	color: white !important;
+	padding: 20px 40px 30px 80px !important;
+	position: relative !important;
+	box-shadow: 0 2px 20px -5px black;
+}
+
+.ls-error p {
+	line-height: normal !important;
+	text-shadow: none !important;
+	margin: 0 !important;
+	padding: 0 !important;
+	border: 0 !important;
+	text-align: justify !important;
+	font-family: Arial, sans-serif !important;
+}
+
+.ls-error .ls-error-title {
+	line-height: 40px !important;
+	color: red !important;
+	font-weight: bold !important;
+	font-size: 16px !important;
+}
+
+.ls-error .ls-error-text {
+	color: #555 !important;
+	font-weight: normal !important;
+	font-size: 13px !important;
+}
+
+.ls-error .ls-exclam {
+	width: 40px !important;
+	height: 40px !important;
+	position: absolute !important;
+	left: 20px !important;
+	top: 20px !important;
+	border-radius: 50px !important;
+	-moz-border-radius: 50px !important;
+	-webkit-border-radius: 50px !important;
+	font-size: 30px !important;
+	font-weight: bold !important;
+	color: white !important;
+	line-height: 40px !important;
+	background: red !important;
+	text-align: center !important;
+}
+
+
+
+/* GPU Hardware Acceleration */
+
+html * .ls-container .ls-shadow,
+html * .ls-container .ls-slide > *,
+html * .ls-container .ls-fullscreen,
+html * .ls-container .ls-3d-container,
+html * .ls-container .ls-lt-container,
+html * .ls-container .ls-lt-container *,
+html * .ls-container .ls-thumbnail-wrapper,
+html * .ls-container .ls-bottom-nav-wrapper,
+body * .ls-container .ls-shadow,
+body * .ls-container .ls-slide > *,
+body * .ls-container .ls-fullscreen,
+body * .ls-container .ls-3d-container,
+body * .ls-container .ls-lt-container,
+body * .ls-container .ls-lt-container *,
+body * .ls-container .ls-thumbnail-wrapper,
+body * .ls-container .ls-bottom-nav-wrapper,
+#ls-global * .ls-container .ls-shadow,
+#ls-global * .ls-container .ls-slide > *,
+#ls-global * .ls-container .ls-fullscreen,
+#ls-global * .ls-container .ls-3d-container,
+#ls-global * .ls-container .ls-lt-container,
+#ls-global * .ls-container .ls-lt-container *,
+#ls-global * .ls-container .ls-thumbnail-wrapper,
+#ls-global * .ls-container .ls-bottom-nav-wrapper,
+.ls-gpuhack {
+	transform: translate3d(0, 0, 0);
+	-o-transform: translate3d(0, 0, 0);
+	-ms-transform: translate3d(0, 0, 0);
+	-moz-transform: translate3d(0, 0, 0);
+	-webkit-transform: translate3d(0, 0, 0);
+}
+
+.ls-videohack {
+	transform: none !important;
+	-o-transform: none !important;
+	-ms-transform: none !important;
+	-moz-transform: none !important;
+	-webkit-transform: none !important;
+	transform-origin: none !important;
+	-o-transform-origin: none !important;
+	-ms-transform-origin: none !important;
+	-moz-transform-origin: none !important;
+	-webkit-transform-origin: none !important;
+}
+
+.ls-oldiepnghack {
+	filter: none !important;
+}
+
+.ls-gpuhack {
+	width: 100% !important;
+	height: 100% !important;
+	left: 0px !important;
+	top: 0px !important;
+}
+
+
+html * .ls-container .ls-webkit-hack,
+body * .ls-container .ls-webkit-hack,
+#ls-global * .ls-container .ls-webkit-hack {
+	width: 100%;
+	height: 100%;
+	position: absolute;
+	left: 0;
+	top: 0;
+	z-index: 1;
+}
+
+/* GPU */
+
+@media (transform-3d), (-o-transform-3d), (-ms-transform-3d), (-moz-transform-3d), (-webkit-transform-3d) {
+	#ls-test3d {
+		position: absolute;
+		left: 9px;
+		height: 3px;
+	}
+}
+
+/* Mobile features */
+
+.ls-forcehide {
+	display: none !important;
+}

web/styles/common/css/slider-layer-slider/skins/borderlessdark/skin.css

@@ -0,0 +1,225 @@
+/* LayerSlider Borderless Dark Skin */
+
+
+
+.ls-borderlessdark .ls-ct-half {
+	background: #444;
+}
+
+.ls-borderlessdark .ls-ct-center {
+	background: white;
+}
+
+.ls-borderlessdark .ls-playvideo {
+	width: 50px;
+	height: 50px;
+	margin-left: -25px;
+	margin-top: -25px;
+}
+
+.ls-borderlessdark .ls-playvideo,
+.ls-borderlessdark .ls-nav-sides,
+.ls-borderlessdark .ls-bottom-slidebuttons a,
+.ls-borderlessdark .ls-nav-prev,
+.ls-borderlessdark .ls-nav-next,
+.ls-borderlessdark .ls-nav-start,
+.ls-borderlessdark .ls-nav-stop,
+.ls-borderlessdark .ls-fullscreen,
+.ls-borderlessdark .ls-loading-container {
+	background-image: url(skin.png);	
+}
+
+.ls-borderlessdark .ls-playvideo {
+	background-position: -300px -150px;
+}
+
+.ls-borderlessdark .ls-playvideo:hover,
+.ls-borderlessdark .ls-vpcontainer:hover .ls-playvideo {
+	background-position: -375px -150px;
+}
+
+.ls-borderlessdark .ls-nav-prev {
+	background-position: 0px 0px;
+}
+
+.ls-borderlessdark .ls-nav-prev:hover {
+	background-position: 0px -75px;
+}
+
+.ls-borderlessdark .ls-nav-next {
+	background-position: -150px 0px;
+}
+
+.ls-borderlessdark .ls-nav-next:hover {
+	background-position: -150px -75px;
+}
+
+.ls-borderlessdark .ls-nav-start {
+	background-position: -300px 0px;
+}
+
+.ls-borderlessdark .ls-nav-start:hover,
+.ls-borderlessdark .ls-nav-start-active {
+	background-position: -300px -75px;
+}
+
+.ls-borderlessdark .ls-nav-stop {
+	background-position: -450px 0px;
+}
+
+.ls-borderlessdark .ls-nav-stop:hover,
+.ls-borderlessdark .ls-nav-stop-active {
+	background-position: -450px -75px;
+}
+
+.ls-borderlessdark .ls-bottom-slidebuttons a {
+	background-position: 0px -150px;
+}
+
+.ls-borderlessdark .ls-bottom-slidebuttons a.ls-nav-active,
+.ls-borderlessdark .ls-bottom-slidebuttons a:hover {
+	background-position: -75px -150px;
+}
+
+.ls-borderlessdark .ls-nav-sideleft {
+	background-position: -150px -150px;	
+}
+
+.ls-borderlessdark .ls-nav-sideright {
+	background-position: -225px -150px;	
+}
+
+
+
+.ls-borderlessdark .ls-nav-prev,
+.ls-borderlessdark .ls-nav-next {
+	width: 50px;
+	height: 50px;
+	z-index: 10000;
+	top: 50%;
+	margin-top: -22px;	
+	position: absolute;
+}
+
+.ls-borderlessdark .ls-nav-prev {
+	left: 10px;	
+}
+
+.ls-borderlessdark .ls-nav-next {
+	right: 10px;	
+}
+
+
+
+.ls-borderlessdark .ls-bottom-slidebuttons,
+.ls-borderlessdark .ls-bottom-slidebuttons a,
+.ls-borderlessdark .ls-nav-start,
+.ls-borderlessdark .ls-nav-stop,
+.ls-borderlessdark .ls-nav-sides {
+	height: 36px;
+}
+
+.ls-borderlessdark .ls-bottom-slidebuttons,
+.ls-borderlessdark .ls-bottom-slidebuttons a,
+.ls-borderlessdark .ls-nav-start,
+.ls-borderlessdark .ls-nav-stop,
+.ls-borderlessdark .ls-nav-sides {
+	display: inline-block;
+}
+
+.ls-borderlessdark .ls-bottom-slidebuttons,
+.ls-borderlessdark .ls-nav-start,
+.ls-borderlessdark .ls-nav-stop,
+.ls-borderlessdark .ls-nav-sides {
+	top: -44px;
+}
+
+.ls-borderlessdark .ls-nav-start,
+.ls-borderlessdark .ls-nav-stop {
+	width: 24px;
+}
+
+.ls-borderlessdark .ls-bottom-slidebuttons a {
+	width: 20px;
+}
+
+.ls-borderlessdark .ls-nav-sides {
+	width: 13px;	
+}
+
+
+
+.ls-borderlessdark .ls-thumbnail-hover {
+	bottom: 45px;
+	padding: 3px;
+	margin-left: 1px;
+}
+
+.ls-borderlessdark .ls-thumbnail-hover-bg {
+	background: #4f4f4f;
+	box-shadow: 0px 2px 12px -4px black;
+	border-radius: 4px;
+}
+
+.ls-borderlessdark .ls-thumbnail-hover span {
+	border: 5px solid #4f4f4f;
+	margin-left: -5px;
+}
+
+
+
+.ls-borderlessdark .ls-thumbnail {
+	top: 15px;
+}
+
+.ls-borderlessdark .ls-thumbnail-inner {
+	padding: 2px;
+	margin-left: -2px;
+	background: #4f4f4f;
+	border-radius: 4px;
+}
+
+.ls-borderlessdark .ls-thumbnail-slide a {
+	margin-right: 2px;
+}
+
+.ls-borderlessdark .ls-nothumb {
+	background: #555;
+}
+
+
+
+.ls-borderlessdark .ls-shadow {
+	display: block;
+}
+
+
+
+.ls-borderlessdark .ls-loading-container {
+	width: 50px;
+	height: 50px;
+	margin-left: -25px;
+	margin-top: -22px;
+	background-position: -450px -150px;	
+}
+
+.ls-borderlessdark .ls-loading-indicator {
+	width: 22px;
+	height: 22px;
+	margin-top: 11px;
+	background-image: url(loading.gif);	
+}
+
+
+
+.ls-borderlessdark .ls-fullscreen {
+	width: 30px;
+	height: 30px;
+	right: 10px;
+	top: 10px;
+	background-position: -525px -150px;
+}
+
+.ls-borderlessdark .ls-fullscreen:hover {
+	background-position: -525px -190px;
+}

web/styles/common/css/slider-layer-slider/skins/borderlessdark3d/skin.css

@@ -0,0 +1,231 @@
+/* LayerSlider Borderless Dark 3D Skin */
+
+
+
+.ls-borderlessdark3d .ls-ct-half {
+	background: #444;
+}
+
+.ls-borderlessdark3d .ls-ct-center {
+	background: white;
+}
+
+.ls-borderlessdark3d .ls-playvideo {
+	width: 50px;
+	height: 50px;
+	margin-left: -25px;
+	margin-top: -25px;
+}
+
+.ls-borderlessdark3d .ls-playvideo,
+.ls-borderlessdark3d .ls-nav-sides,
+.ls-borderlessdark3d .ls-bottom-slidebuttons a,
+.ls-borderlessdark3d .ls-nav-prev,
+.ls-borderlessdark3d .ls-nav-next,
+.ls-borderlessdark3d .ls-nav-start,
+.ls-borderlessdark3d .ls-nav-stop,
+.ls-borderlessdark3d .ls-fullscreen,
+.ls-borderlessdark3d .ls-loading-container {
+	background-image: url(skin.png);	
+}
+
+.ls-borderlessdark3d .ls-playvideo {
+	background-position: -300px -150px;
+}
+
+.ls-borderlessdark3d .ls-playvideo:hover,
+.ls-borderlessdark3d .ls-vpcontainer:hover .ls-playvideo {
+	background-position: -375px -150px;
+}
+
+.ls-borderlessdark3d .ls-nav-prev {
+	background-position: 0px 0px;
+}
+
+.ls-borderlessdark3d .ls-nav-prev:hover {
+	background-position: 0px -75px;
+}
+
+.ls-borderlessdark3d .ls-nav-next {
+	background-position: -150px 0px;
+}
+
+.ls-borderlessdark3d .ls-nav-next:hover {
+	background-position: -150px -75px;
+}
+
+.ls-borderlessdark3d .ls-nav-start {
+	background-position: -300px 0px;
+}
+
+.ls-borderlessdark3d .ls-nav-start:hover,
+.ls-borderlessdark3d .ls-nav-start-active {
+	background-position: -300px -75px;
+}
+
+.ls-borderlessdark3d .ls-nav-stop {
+	background-position: -450px 0px;
+}
+
+.ls-borderlessdark3d .ls-nav-stop:hover,
+.ls-borderlessdark3d .ls-nav-stop-active {
+	background-position: -450px -75px;
+}
+
+.ls-borderlessdark3d .ls-bottom-slidebuttons a {
+	background-position: 0px -150px;
+}
+
+.ls-borderlessdark3d .ls-bottom-slidebuttons a.ls-nav-active,
+.ls-borderlessdark3d .ls-bottom-slidebuttons a:hover {
+	background-position: -75px -150px;
+}
+
+.ls-borderlessdark3d .ls-nav-sideleft {
+	background-position: -150px -150px;	
+}
+
+.ls-borderlessdark3d .ls-nav-sideright {
+	background-position: -225px -150px;	
+}
+
+
+
+.ls-borderlessdark3d .ls-nav-prev,
+.ls-borderlessdark3d .ls-nav-next {
+	width: 40px;
+	height: 40px;
+	z-index: 10000;
+	top: 50%;
+	margin-top: -20px;	
+	position: absolute;
+}
+
+.ls-borderlessdark3d .ls-nav-prev {
+	left: 10px;	
+}
+
+.ls-borderlessdark3d .ls-nav-next {
+	right: 10px;	
+}
+
+
+
+.ls-borderlessdark3d .ls-bottom-slidebuttons,
+.ls-borderlessdark3d .ls-bottom-slidebuttons a,
+.ls-borderlessdark3d .ls-nav-start,
+.ls-borderlessdark3d .ls-nav-stop,
+.ls-borderlessdark3d .ls-nav-sides {
+	height: 20px;
+}
+
+.ls-borderlessdark3d .ls-bottom-slidebuttons,
+.ls-borderlessdark3d .ls-bottom-slidebuttons a,
+.ls-borderlessdark3d .ls-nav-start,
+.ls-borderlessdark3d .ls-nav-stop,
+.ls-borderlessdark3d .ls-nav-sides {
+	display: inline-block;
+}
+
+.ls-borderlessdark3d .ls-bottom-slidebuttons,
+.ls-borderlessdark3d .ls-nav-start,
+.ls-borderlessdark3d .ls-nav-stop,
+.ls-borderlessdark3d .ls-nav-sides {
+	top: -30px;
+}
+
+.ls-borderlessdark3d .ls-nav-start,
+.ls-borderlessdark3d .ls-nav-stop {
+	width: 25px;
+}
+
+.ls-borderlessdark3d .ls-bottom-slidebuttons a {
+	width: 20px;
+}
+
+.ls-borderlessdark3d .ls-nav-sides {
+	width: 0px;	
+}
+
+
+
+.ls-borderlessdark3d .ls-thumbnail-hover {
+	bottom: 30px;
+	padding: 3px;
+}
+
+.ls-borderlessdark3d .ls-thumbnail-hover-bg {
+	background: #222;
+	box-shadow: 0px 2px 12px -4px black;
+	border-radius: 4px;
+	-moz-border-radius: 4px;
+	-webkit-border-radius: 4px;	
+}
+
+.ls-borderlessdark3d .ls-thumbnail-hover span {
+	border: 5px solid #222;
+	margin-left: -5px;
+}
+
+
+
+.ls-borderlessdark3d .ls-thumbnail {
+	top: 10px;
+}
+
+.ls-borderlessdark3d .ls-thumbnail-inner {
+	padding: 3px;
+	margin-left: -3px;
+	background: #222;
+	box-shadow: 0px 3px 15px -5px #000;
+	-moz-box-shadow: 0px 3px 15px -5px #000;
+	-webkit-box-shadow: 0px 3px 15px -5px #000;
+	border-radius: 4px;
+	-moz-border-radius: 4px;
+	-webkit-border-radius: 4px;	
+}
+
+.ls-borderlessdark3d .ls-thumbnail-slide a {
+	margin-right: 3px;
+}
+
+.ls-borderlessdark3d .ls-nothumb {
+	background: #333;
+}
+
+
+
+.ls-borderlessdark3d .ls-shadow {
+	display: block;
+}
+
+
+
+.ls-borderlessdark3d .ls-loading-container {
+	width: 40px;
+	height: 40px;
+	margin-left: -20px;
+	margin-top: -20px;
+	background-position: -450px -150px;	
+}
+
+.ls-borderlessdark3d .ls-loading-indicator {
+	width: 22px;
+	height: 22px;
+	margin-top: 9px;
+	background-image: url(loading.gif);	
+}
+
+
+
+.ls-borderlessdark3d .ls-fullscreen {
+	width: 30px;
+	height: 30px;
+	right: 10px;
+	top: 10px;
+	background-position: -525px -150px;
+}
+
+.ls-borderlessdark3d .ls-fullscreen:hover {
+	background-position: -525px -190px;
+}

web/styles/common/css/slider-layer-slider/skins/borderlesslight/skin.css

@@ -0,0 +1,217 @@
+/* LayerSlider Borderless Light Skin */
+
+
+
+.ls-borderlesslight .ls-playvideo {
+	width: 50px;
+	height: 50px;
+	margin-left: -25px;
+	margin-top: -25px;
+}
+
+.ls-borderlesslight .ls-playvideo,
+.ls-borderlesslight .ls-nav-sides,
+.ls-borderlesslight .ls-bottom-slidebuttons a,
+.ls-borderlesslight .ls-nav-prev,
+.ls-borderlesslight .ls-nav-next,
+.ls-borderlesslight .ls-nav-start,
+.ls-borderlesslight .ls-nav-stop,
+.ls-borderlesslight .ls-fullscreen,
+.ls-borderlesslight .ls-loading-container {
+	background-image: url(skin.png);	
+}
+
+.ls-borderlesslight .ls-playvideo {
+	background-position: -300px -150px;
+}
+
+.ls-borderlesslight .ls-playvideo:hover,
+.ls-borderlesslight .ls-vpcontainer:hover .ls-playvideo {
+	background-position: -375px -150px;
+}
+
+.ls-borderlesslight .ls-nav-prev {
+	background-position: 0px 0px;
+}
+
+.ls-borderlesslight .ls-nav-prev:hover {
+	background-position: 0px -75px;
+}
+
+.ls-borderlesslight .ls-nav-next {
+	background-position: -150px 0px;
+}
+
+.ls-borderlesslight .ls-nav-next:hover {
+	background-position: -150px -75px;
+}
+
+.ls-borderlesslight .ls-nav-start {
+	background-position: -300px 0px;
+}
+
+.ls-borderlesslight .ls-nav-start:hover,
+.ls-borderlesslight .ls-nav-start-active {
+	background-position: -300px -75px;
+}
+
+.ls-borderlesslight .ls-nav-stop {
+	background-position: -450px 0px;
+}
+
+.ls-borderlesslight .ls-nav-stop:hover,
+.ls-borderlesslight .ls-nav-stop-active {
+	background-position: -450px -75px;
+}
+
+.ls-borderlesslight .ls-bottom-slidebuttons a {
+	background-position: 0px -150px;
+}
+
+.ls-borderlesslight .ls-bottom-slidebuttons a.ls-nav-active,
+.ls-borderlesslight .ls-bottom-slidebuttons a:hover {
+	background-position: -75px -150px;
+}
+
+.ls-borderlesslight .ls-nav-sideleft {
+	background-position: -150px -150px;	
+}
+
+.ls-borderlesslight .ls-nav-sideright {
+	background-position: -225px -150px;	
+}
+
+
+
+.ls-borderlesslight .ls-nav-prev,
+.ls-borderlesslight .ls-nav-next {
+	width: 50px;
+	height: 50px;
+	z-index: 10000;
+	top: 50%;
+	margin-top: -22px;	
+	position: absolute;
+}
+
+.ls-borderlesslight .ls-nav-prev {
+	left: 10px;	
+}
+
+.ls-borderlesslight .ls-nav-next {
+	right: 10px;	
+}
+
+
+
+.ls-borderlesslight .ls-bottom-slidebuttons,
+.ls-borderlesslight .ls-bottom-slidebuttons a,
+.ls-borderlesslight .ls-nav-start,
+.ls-borderlesslight .ls-nav-stop,
+.ls-borderlesslight .ls-nav-sides {
+	height: 36px;
+}
+
+.ls-borderlesslight .ls-bottom-slidebuttons,
+.ls-borderlesslight .ls-bottom-slidebuttons a,
+.ls-borderlesslight .ls-nav-start,
+.ls-borderlesslight .ls-nav-stop,
+.ls-borderlesslight .ls-nav-sides {
+	display: inline-block;
+}
+
+.ls-borderlesslight .ls-bottom-slidebuttons,
+.ls-borderlesslight .ls-nav-start,
+.ls-borderlesslight .ls-nav-stop,
+.ls-borderlesslight .ls-nav-sides {
+	top: -44px;
+}
+
+.ls-borderlesslight .ls-nav-start,
+.ls-borderlesslight .ls-nav-stop {
+	width: 24px;
+}
+
+.ls-borderlesslight .ls-bottom-slidebuttons a {
+	width: 20px;
+}
+
+.ls-borderlesslight .ls-nav-sides {
+	width: 13px;	
+}
+
+
+
+.ls-borderlesslight .ls-thumbnail-hover {
+	bottom: 45px;
+	padding: 3px;
+	margin-left: 1px;
+}
+
+.ls-borderlesslight .ls-thumbnail-hover-bg {
+	background: #eee;
+	box-shadow: 0px 2px 12px -4px black;
+	border-radius: 4px;
+}
+
+.ls-borderlesslight .ls-thumbnail-hover span {
+	border: 5px solid #eee;
+	margin-left: -5px;
+}
+
+
+
+.ls-borderlesslight .ls-thumbnail {
+	top: 15px;
+}
+
+.ls-borderlesslight .ls-thumbnail-inner {
+	padding: 2px;
+	margin-left: -2px;
+	background: #fff;
+	border-radius: 4px;
+}
+
+.ls-borderlesslight .ls-thumbnail-slide a {
+	margin-right: 2px;
+}
+
+.ls-borderlesslight .ls-nothumb {
+	background: #eee;
+}
+
+
+
+.ls-borderlesslight .ls-shadow {
+	display: block;
+}
+
+
+
+.ls-borderlesslight .ls-loading-container {
+	width: 50px;
+	height: 50px;
+	margin-left: -25px;
+	margin-top: -22px;
+	background-position: -450px -150px;	
+}
+
+.ls-borderlesslight .ls-loading-indicator {
+	width: 22px;
+	height: 22px;
+	margin-top: 11px;
+	background-image: url(loading.gif);	
+}
+
+
+
+.ls-borderlesslight .ls-fullscreen {
+	width: 30px;
+	height: 30px;
+	right: 10px;
+	top: 10px;
+	background-position: -525px -150px;
+}
+
+.ls-borderlesslight .ls-fullscreen:hover {
+	background-position: -525px -190px;
+}

web/styles/common/css/slider-layer-slider/skins/borderlesslight3d/skin.css

@@ -0,0 +1,223 @@
+/* LayerSlider Borderless Light 3D Skin */
+
+
+
+.ls-borderlesslight3d .ls-playvideo {
+	width: 50px;
+	height: 50px;
+	margin-left: -25px;
+	margin-top: -25px;
+}
+
+.ls-borderlesslight3d .ls-playvideo,
+.ls-borderlesslight3d .ls-nav-sides,
+.ls-borderlesslight3d .ls-bottom-slidebuttons a,
+.ls-borderlesslight3d .ls-nav-prev,
+.ls-borderlesslight3d .ls-nav-next,
+.ls-borderlesslight3d .ls-nav-start,
+.ls-borderlesslight3d .ls-nav-stop,
+.ls-borderlesslight3d .ls-fullscreen,
+.ls-borderlesslight3d .ls-loading-container {
+	background-image: url(skin.png);	
+}
+
+.ls-borderlesslight3d .ls-playvideo {
+	background-position: -300px -150px;
+}
+
+.ls-borderlesslight3d .ls-playvideo:hover,
+.ls-borderlesslight3d .ls-vpcontainer:hover .ls-playvideo {
+	background-position: -375px -150px;
+}
+
+.ls-borderlesslight3d .ls-nav-prev {
+	background-position: 0px 0px;
+}
+
+.ls-borderlesslight3d .ls-nav-prev:hover {
+	background-position: 0px -75px;
+}
+
+.ls-borderlesslight3d .ls-nav-next {
+	background-position: -150px 0px;
+}
+
+.ls-borderlesslight3d .ls-nav-next:hover {
+	background-position: -150px -75px;
+}
+
+.ls-borderlesslight3d .ls-nav-start {
+	background-position: -300px 0px;
+}
+
+.ls-borderlesslight3d .ls-nav-start:hover,
+.ls-borderlesslight3d .ls-nav-start-active {
+	background-position: -300px -75px;
+}
+
+.ls-borderlesslight3d .ls-nav-stop {
+	background-position: -450px 0px;
+}
+
+.ls-borderlesslight3d .ls-nav-stop:hover,
+.ls-borderlesslight3d .ls-nav-stop-active {
+	background-position: -450px -75px;
+}
+
+.ls-borderlesslight3d .ls-bottom-slidebuttons a {
+	background-position: 0px -150px;
+}
+
+.ls-borderlesslight3d .ls-bottom-slidebuttons a.ls-nav-active,
+.ls-borderlesslight3d .ls-bottom-slidebuttons a:hover {
+	background-position: -75px -150px;
+}
+
+.ls-borderlesslight3d .ls-nav-sideleft {
+	background-position: -150px -150px;	
+}
+
+.ls-borderlesslight3d .ls-nav-sideright {
+	background-position: -225px -150px;	
+}
+
+
+
+.ls-borderlesslight3d .ls-nav-prev,
+.ls-borderlesslight3d .ls-nav-next {
+	width: 40px;
+	height: 40px;
+	z-index: 10000;
+	top: 50%;
+	margin-top: -20px;	
+	position: absolute;
+}
+
+.ls-borderlesslight3d .ls-nav-prev {
+	left: 10px;	
+}
+
+.ls-borderlesslight3d .ls-nav-next {
+	right: 10px;	
+}
+
+
+
+.ls-borderlesslight3d .ls-bottom-slidebuttons,
+.ls-borderlesslight3d .ls-bottom-slidebuttons a,
+.ls-borderlesslight3d .ls-nav-start,
+.ls-borderlesslight3d .ls-nav-stop,
+.ls-borderlesslight3d .ls-nav-sides {
+	height: 20px;
+}
+
+.ls-borderlesslight3d .ls-bottom-slidebuttons,
+.ls-borderlesslight3d .ls-bottom-slidebuttons a,
+.ls-borderlesslight3d .ls-nav-start,
+.ls-borderlesslight3d .ls-nav-stop,
+.ls-borderlesslight3d .ls-nav-sides {
+	display: inline-block;
+}
+
+.ls-borderlesslight3d .ls-bottom-slidebuttons,
+.ls-borderlesslight3d .ls-nav-start,
+.ls-borderlesslight3d .ls-nav-stop,
+.ls-borderlesslight3d .ls-nav-sides {
+	top: -30px;
+}
+
+.ls-borderlesslight3d .ls-nav-start,
+.ls-borderlesslight3d .ls-nav-stop {
+	width: 25px;
+}
+
+.ls-borderlesslight3d .ls-bottom-slidebuttons a {
+	width: 20px;
+}
+
+.ls-borderlesslight3d .ls-nav-sides {
+	width: 0px;	
+}
+
+
+
+.ls-borderlesslight3d .ls-thumbnail-hover {
+	bottom: 30px;
+	padding: 3px;
+}
+
+.ls-borderlesslight3d .ls-thumbnail-hover-bg {
+	background: #eee;
+	box-shadow: 0px 2px 12px -4px black;
+	border-radius: 4px;
+	-moz-border-radius: 4px;
+	-webkit-border-radius: 4px;	
+}
+
+.ls-borderlesslight3d .ls-thumbnail-hover span {
+	border: 5px solid #eee;
+	margin-left: -5px;
+}
+
+
+
+.ls-borderlesslight3d .ls-thumbnail {
+	top: 10px;
+}
+
+.ls-borderlesslight3d .ls-thumbnail-inner {
+	padding: 3px;
+	margin-left: -3px;
+	background: #fff;
+	box-shadow: 0px 3px 15px -5px #000;
+	-moz-box-shadow: 0px 3px 15px -5px #000;
+	-webkit-box-shadow: 0px 3px 15px -5px #000;
+	border-radius: 4px;
+	-moz-border-radius: 4px;
+	-webkit-border-radius: 4px;	
+}
+
+.ls-borderlesslight3d .ls-thumbnail-slide a {
+	margin-right: 3px;
+}
+
+.ls-borderlesslight3d .ls-nothumb {
+	background: #eee;
+}
+
+
+
+.ls-borderlesslight3d .ls-shadow {
+	display: block;
+}
+
+
+
+.ls-borderlesslight3d .ls-loading-container {
+	width: 40px;
+	height: 40px;
+	margin-left: -20px;
+	margin-top: -20px;
+	background-position: -450px -150px;	
+}
+
+.ls-borderlesslight3d .ls-loading-indicator {
+	width: 22px;
+	height: 22px;
+	margin-top: 9px;
+	background-image: url(loading.gif);	
+}
+
+
+
+.ls-borderlesslight3d .ls-fullscreen {
+	width: 30px;
+	height: 30px;
+	right: 10px;
+	top: 10px;
+	background-position: -525px -150px;
+}
+
+.ls-borderlesslight3d .ls-fullscreen:hover {
+	background-position: -525px -190px;
+}

web/styles/common/css/slider-layer-slider/skins/carousel/skin.css

@@ -0,0 +1,219 @@
+/* LayerSlider Carousel Skin */
+
+
+
+.ls-carousel .ls-bottom-nav-wrapper {
+	margin: 10px auto;
+}
+
+.ls-carousel .ls-playvideo {
+	width: 50px;
+	height: 50px;
+	margin-left: -25px;
+	margin-top: -25px;
+}
+
+.ls-carousel .ls-playvideo,
+.ls-carousel .ls-nav-sides,
+.ls-carousel .ls-bottom-slidebuttons a,
+.ls-carousel .ls-nav-prev,
+.ls-carousel .ls-nav-next,
+.ls-carousel .ls-nav-start,
+.ls-carousel .ls-nav-stop,
+.ls-carousel .ls-fullscreen,
+.ls-carousel .ls-loading-container {
+	background-image: url(skin.png);	
+}
+
+.ls-carousel .ls-playvideo {
+	background-position: -300px -150px;
+}
+
+.ls-carousel .ls-playvideo:hover,
+.ls-carousel .ls-vpcontainer:hover .ls-playvideo {
+	background-position: -375px -150px;
+}
+
+.ls-carousel .ls-nav-prev {
+	background-position: 0px 0px;
+}
+
+.ls-carousel .ls-nav-prev:hover {
+	background-position: 0px -75px;
+}
+
+.ls-carousel .ls-nav-next {
+	background-position: -150px 0px;
+}
+
+.ls-carousel .ls-nav-next:hover {
+	background-position: -150px -75px;
+}
+
+.ls-carousel .ls-nav-start {
+	background-position: -300px 0px;
+}
+
+.ls-carousel .ls-nav-start:hover,
+.ls-carousel .ls-nav-start-active {
+	background-position: -300px -75px;
+}
+
+.ls-carousel .ls-nav-stop {
+	background-position: -450px 0px;
+}
+
+.ls-carousel .ls-nav-stop:hover,
+.ls-carousel .ls-nav-stop-active {
+	background-position: -450px -75px;
+}
+
+.ls-carousel .ls-bottom-slidebuttons a {
+	background-position: 0px -150px;
+}
+
+.ls-carousel .ls-bottom-slidebuttons a.ls-nav-active,
+.ls-carousel .ls-bottom-slidebuttons a:hover {
+	background-position: -75px -150px;
+}
+
+.ls-carousel .ls-nav-sideleft {
+	background-position: -150px -150px;	
+}
+
+.ls-carousel .ls-nav-sideright {
+	background-position: -225px -150px;	
+}
+
+
+
+.ls-carousel .ls-nav-prev,
+.ls-carousel .ls-nav-next {
+	width: 50px;
+	height: 50px;
+	z-index: 10000;
+	top: 50%;
+	margin-top: -22px;	
+	position: absolute;
+}
+
+.ls-carousel .ls-nav-prev {
+	left: 10px;	
+}
+
+.ls-carousel .ls-nav-next {
+	right: 10px;	
+}
+
+
+
+.ls-carousel .ls-bottom-slidebuttons,
+.ls-carousel .ls-bottom-slidebuttons a,
+.ls-carousel .ls-nav-start,
+.ls-carousel .ls-nav-stop,
+.ls-carousel .ls-nav-sides {
+	height: 36px;
+}
+
+.ls-carousel .ls-bottom-slidebuttons,
+.ls-carousel .ls-bottom-slidebuttons a,
+.ls-carousel .ls-nav-start,
+.ls-carousel .ls-nav-stop,
+.ls-carousel .ls-nav-sides {
+	display: inline-block;
+}
+
+.ls-carousel .ls-nav-start,
+.ls-carousel .ls-nav-stop {
+	width: 24px;
+}
+
+.ls-carousel .ls-bottom-slidebuttons a {
+	width: 20px;
+}
+
+.ls-carousel .ls-nav-sides {
+	width: 13px;	
+}
+
+
+
+.ls-carousel .ls-thumbnail-hover {
+	bottom: 45px;
+	padding: 3px;
+	margin-left: 1px;
+}
+
+.ls-carousel .ls-thumbnail-hover-bg {
+	background: #eee;
+	box-shadow: 0px 2px 12px -4px black;
+	border-radius: 4px;
+}
+
+.ls-carousel .ls-thumbnail-hover span {
+	border: 5px solid #eee;
+	margin-left: -5px;
+}
+
+
+
+.ls-carousel .ls-thumbnail {
+	top: 10px;
+}
+
+.ls-carousel .ls-thumbnail-inner {
+	padding: 4px;
+	margin-left: -4px;
+	background: #eee;
+	border-radius: 4px;
+}
+
+.ls-carousel .ls-thumbnail-slide a {
+	margin-right: 4px;
+}
+
+.ls-carousel .ls-nothumb {
+	background: #eee;
+}
+
+
+
+.ls-carousel .ls-above-thumbnails {
+	display: none;
+}
+
+.ls-carousel .ls-below-thumbnails {
+	display: block;
+	margin-top: 10px;
+}
+
+
+
+.ls-carousel .ls-loading-container {
+	width: 50px;
+	height: 50px;
+	margin-left: -25px;
+	margin-top: -22px;
+	background-position: -450px -150px;	
+}
+
+.ls-carousel .ls-loading-indicator {
+	width: 22px;
+	height: 22px;
+	margin-top: 11px;
+	background-image: url(loading.gif);	
+}
+
+
+
+.ls-carousel .ls-fullscreen {
+	width: 30px;
+	height: 30px;
+	right: 10px;
+	top: 10px;
+	background-position: -525px -150px;
+}
+
+.ls-carousel .ls-fullscreen:hover {
+	background-position: -525px -190px;
+}

web/styles/common/css/slider-layer-slider/skins/darkskin/skin.css

@@ -0,0 +1,240 @@
+/* LayerSlider Dark Skin */
+
+
+
+.ls-darkskin {
+	padding: 5px;
+	background: #222;
+	box-shadow: 0px 3px 15px -5px #000;
+	-moz-box-shadow: 0px 3px 15px -5px #000;
+	-webkit-box-shadow: 0px 3px 15px -5px #000;
+	border-radius: 6px;
+	-moz-border-radius: 6px;
+	-webkit-border-radius: 6px;
+}
+
+.ls-darkskin .ls-ct-half {
+	background: #444;
+}
+
+.ls-darkskin .ls-ct-center {
+	background: white;
+}
+
+.ls-darkskin .ls-playvideo {
+	width: 50px;
+	height: 50px;
+	margin-left: -25px;
+	margin-top: -25px;
+}
+
+.ls-darkskin .ls-playvideo,
+.ls-darkskin .ls-nav-sides,
+.ls-darkskin .ls-bottom-slidebuttons a,
+.ls-darkskin .ls-nav-prev,
+.ls-darkskin .ls-nav-next,
+.ls-darkskin .ls-nav-start,
+.ls-darkskin .ls-nav-stop,
+.ls-darkskin .ls-fullscreen,
+.ls-darkskin .ls-loading-container {
+	background-image: url(skin.png);	
+}
+
+.ls-darkskin .ls-playvideo {
+	background-position: -300px -150px;
+}
+
+.ls-darkskin .ls-playvideo:hover,
+.ls-darkskin .ls-vpcontainer:hover .ls-playvideo {
+	background-position: -375px -150px;
+}
+
+.ls-darkskin .ls-nav-prev {
+	background-position: 0px 0px;
+}
+
+.ls-darkskin .ls-nav-prev:hover {
+	background-position: 0px -75px;
+}
+
+.ls-darkskin .ls-nav-next {
+	background-position: -150px 0px;
+}
+
+.ls-darkskin .ls-nav-next:hover {
+	background-position: -150px -75px;
+}
+
+.ls-darkskin .ls-nav-start {
+	background-position: -300px 0px;
+}
+
+.ls-darkskin .ls-nav-start:hover,
+.ls-darkskin .ls-nav-start-active {
+	background-position: -300px -75px;
+}
+
+.ls-darkskin .ls-nav-stop {
+	background-position: -450px 0px;
+}
+
+.ls-darkskin .ls-nav-stop:hover,
+.ls-darkskin .ls-nav-stop-active {
+	background-position: -450px -75px;
+}
+
+.ls-darkskin .ls-bottom-slidebuttons a {
+	background-position: 0px -150px;
+}
+
+.ls-darkskin .ls-bottom-slidebuttons a.ls-nav-active,
+.ls-darkskin .ls-bottom-slidebuttons a:hover {
+	background-position: -75px -150px;
+}
+
+.ls-darkskin .ls-nav-sideleft {
+	background-position: -150px -150px;	
+}
+
+.ls-darkskin .ls-nav-sideright {
+	background-position: -225px -150px;	
+}
+
+
+
+.ls-darkskin .ls-nav-prev,
+.ls-darkskin .ls-nav-next {
+	width: 27px;
+	height: 75px;
+	z-index: 10000;
+	top: 50%;
+	margin-top: -37px;	
+	position: absolute;
+}
+
+.ls-darkskin .ls-nav-prev {
+	left: 5px;	
+}
+
+.ls-darkskin .ls-nav-next {
+	right: 5px;	
+}
+
+
+
+.ls-darkskin .ls-bottom-slidebuttons,
+.ls-darkskin .ls-bottom-slidebuttons a,
+.ls-darkskin .ls-nav-start,
+.ls-darkskin .ls-nav-stop,
+.ls-darkskin .ls-nav-sides {
+	height: 28px;
+}
+
+.ls-darkskin .ls-bottom-slidebuttons,
+.ls-darkskin .ls-bottom-slidebuttons a,
+.ls-darkskin .ls-nav-start,
+.ls-darkskin .ls-nav-stop,
+.ls-darkskin .ls-nav-sides {
+	display: inline-block;
+}
+
+.ls-darkskin .ls-bottom-slidebuttons,
+.ls-darkskin .ls-nav-start,
+.ls-darkskin .ls-nav-stop,
+.ls-darkskin .ls-nav-sides {
+	top: -28px;
+}
+
+.ls-darkskin .ls-nav-start,
+.ls-darkskin .ls-nav-stop {
+	width: 54px;
+}
+
+.ls-darkskin .ls-bottom-slidebuttons a {
+	width: 18px;
+}
+
+.ls-darkskin .ls-nav-sides {
+	width: 44px;
+}
+
+
+
+.ls-darkskin .ls-thumbnail-hover {
+	padding: 4px;	
+}
+
+.ls-darkskin .ls-thumbnail-hover {
+	bottom: 40px;
+	margin-left: 1px;
+}
+
+.ls-darkskin .ls-thumbnail-hover-bg {
+	background: #222;
+	box-shadow: 0px 2px 12px -4px black;
+	border-radius: 4px;
+	-moz-border-radius: 4px;
+	-webkit-border-radius: 4px;
+}
+
+.ls-darkskin .ls-thumbnail-hover span {
+	border: 5px solid #222;
+	margin-left: -5px;
+}
+
+
+
+.ls-darkskin .ls-thumbnail {
+	padding-top: 15px;
+}
+
+.ls-darkskin .ls-thumbnail-inner {
+	padding: 5px;
+	margin-left: -5px;
+	background: #222;
+	box-shadow: 0px 3px 15px -5px #000;
+	-moz-box-shadow: 0px 3px 15px -5px #000;
+	-webkit-box-shadow: 0px 3px 15px -5px #000;
+	border-radius: 4px;
+	-moz-border-radius: 4px;
+	-webkit-border-radius: 4px;
+}
+
+.ls-darkskin .ls-thumbnail-slide a {
+	margin-right: 5px;
+}
+
+.ls-darkskin .ls-nothumb {
+	background: #333;
+}
+
+
+
+.ls-darkskin .ls-loading-container {
+	width: 40px;
+	height: 40px;
+	margin-left: -20px;
+	margin-top: -20px;
+	background-position: -450px -150px;	
+}
+
+.ls-darkskin .ls-loading-indicator {
+	width: 22px;
+	height: 22px;
+	margin-top: 9px;
+	background-image: url(loading.gif);	
+}
+
+
+
+.ls-darkskin .ls-fullscreen {
+	width: 30px;
+	height: 30px;
+	right: 10px;
+	top: 10px;
+	background-position: -525px -150px;
+}
+
+.ls-darkskin .ls-fullscreen:hover {
+	background-position: -525px -190px;
+}

web/styles/common/css/slider-layer-slider/skins/defaultskin/skin.css

@@ -0,0 +1,231 @@
+/* LayerSlider Default Skin */
+
+
+
+.ls-defaultskin {
+	padding: 5px;
+	background: #f7f7f7;
+	box-shadow: 0px 3px 15px -5px #000;
+	-moz-box-shadow: 0px 3px 15px -5px #000;
+	-webkit-box-shadow: 0px 3px 15px -5px #000;
+	border-radius: 6px;
+	-moz-border-radius: 6px;
+	-webkit-border-radius: 6px;
+}
+
+.ls-defaultskin .ls-bottom-nav-wrapper {
+	margin: 15px auto 0px auto;
+}
+
+.ls-defaultskin .ls-playvideo {
+	width: 50px;
+	height: 50px;
+	margin-left: -25px;
+	margin-top: -25px;
+}
+
+.ls-defaultskin .ls-playvideo,
+.ls-defaultskin .ls-nav-sides,
+.ls-defaultskin .ls-bottom-slidebuttons a,
+.ls-defaultskin .ls-nav-prev,
+.ls-defaultskin .ls-nav-next,
+.ls-defaultskin .ls-nav-start,
+.ls-defaultskin .ls-nav-stop,
+.ls-defaultskin .ls-fullscreen,
+.ls-defaultskin .ls-loading-container {
+	background-image: url(skin.png);	
+}
+
+.ls-defaultskin .ls-playvideo {
+	background-position: -300px -150px;
+}
+
+.ls-defaultskin .ls-playvideo:hover,
+.ls-defaultskin .ls-vpcontainer:hover .ls-playvideo {
+	background-position: -375px -150px;
+}
+
+.ls-defaultskin .ls-nav-prev {
+	background-position: 0px 0px;
+}
+
+.ls-defaultskin .ls-nav-prev:hover {
+	background-position: 0px -75px;
+}
+
+.ls-defaultskin .ls-nav-next {
+	background-position: -150px 0px;
+}
+
+.ls-defaultskin .ls-nav-next:hover {
+	background-position: -150px -75px;
+}
+
+.ls-defaultskin .ls-nav-start {
+	background-position: -300px 0px;
+}
+
+.ls-defaultskin .ls-nav-start:hover,
+.ls-defaultskin .ls-nav-start-active {
+	background-position: -300px -75px;
+}
+
+.ls-defaultskin .ls-nav-stop {
+	background-position: -450px 0px;
+}
+
+.ls-defaultskin .ls-nav-stop:hover,
+.ls-defaultskin .ls-nav-stop-active {
+	background-position: -450px -75px;
+}
+
+.ls-defaultskin .ls-bottom-slidebuttons a {
+	background-position: 0px -150px;
+}
+
+.ls-defaultskin .ls-bottom-slidebuttons a.ls-nav-active,
+.ls-defaultskin .ls-bottom-slidebuttons a:hover {
+	background-position: -75px -150px;
+}
+
+.ls-defaultskin .ls-nav-sideleft {
+	background-position: -150px -150px;	
+}
+
+.ls-defaultskin .ls-nav-sideright {
+	background-position: -225px -150px;	
+}
+
+
+
+.ls-defaultskin .ls-nav-prev,
+.ls-defaultskin .ls-nav-next {
+	width: 45px;
+	height: 55px;
+	z-index: 10000;
+	top: 50%;
+	margin-top: -27px;	
+	position: absolute;
+}
+
+.ls-defaultskin .ls-nav-prev {
+	left: 5px;	
+}
+
+.ls-defaultskin .ls-nav-next {
+	right: 5px;	
+}
+
+
+
+.ls-defaultskin .ls-bottom-slidebuttons,
+.ls-defaultskin .ls-bottom-slidebuttons a,
+.ls-defaultskin .ls-nav-start,
+.ls-defaultskin .ls-nav-stop,
+.ls-defaultskin .ls-nav-sides {
+	height: 28px;
+}
+
+.ls-defaultskin .ls-bottom-slidebuttons,
+.ls-defaultskin .ls-bottom-slidebuttons a,
+.ls-defaultskin .ls-nav-start,
+.ls-defaultskin .ls-nav-stop,
+.ls-defaultskin .ls-nav-sides {
+	display: inline-block;
+}
+
+.ls-defaultskin .ls-nav-start,
+.ls-defaultskin .ls-nav-stop {
+	width: 24px;
+}
+
+.ls-defaultskin .ls-bottom-slidebuttons a {
+	width: 20px;
+}
+
+.ls-defaultskin .ls-nav-sides {
+	width: 6px;	
+}
+
+
+
+.ls-defaultskin .ls-thumbnail-hover {
+	bottom: 55px;
+	padding: 4px;
+	margin-left: 1px;
+}
+
+.ls-defaultskin .ls-thumbnail-hover-bg {
+	background: white;
+	box-shadow: 0px 2px 12px -4px black;
+	border-radius: 4px;
+}
+
+.ls-defaultskin .ls-thumbnail-hover span {
+	border: 5px solid white;
+	margin-left: -5px;
+}
+
+
+
+.ls-defaultskin .ls-thumbnail {
+	top: -20px;
+}
+
+.ls-defaultskin .ls-thumbnail-inner {
+	padding: 5px;
+	margin-left: -5px;
+	background: white;
+	box-shadow: 0px 3px 35px -10px black;
+	border-radius: 4px;
+}
+
+.ls-defaultskin .ls-thumbnail-slide a {
+	margin-right: 5px;
+}
+
+.ls-defaultskin .ls-nothumb {
+	background: #eee;
+}
+
+
+
+.ls-defaultskin .ls-above-thumbnails {
+	display: none;
+}
+
+.ls-defaultskin .ls-below-thumbnails {
+	display: block;
+	margin-top: -20px;
+}
+
+
+
+.ls-defaultskin .ls-loading-container {
+	width: 40px;
+	height: 40px;
+	margin-left: -20px;
+	margin-top: -20px;
+	background-position: -450px -150px;	
+}
+
+.ls-defaultskin .ls-loading-indicator {
+	width: 22px;
+	height: 22px;
+	margin-top: 9px;
+	background-image: url(loading.gif);	
+}
+
+
+
+.ls-defaultskin .ls-fullscreen {
+	width: 30px;
+	height: 30px;
+	right: 10px;
+	top: 10px;
+	background-position: -525px -150px;
+}
+
+.ls-defaultskin .ls-fullscreen:hover {
+	background-position: -525px -190px;
+}

web/styles/common/css/slider-layer-slider/skins/fullwidth/skin.css

@@ -0,0 +1,208 @@
+/* LayerSlider Full Width Skin */
+
+
+
+.ls-fullwidth .ls-playvideo {
+	width: 50px;
+	height: 50px;
+	margin-left: -25px;
+	margin-top: -25px;
+}
+
+.ls-fullwidth .ls-playvideo,
+.ls-fullwidth .ls-nav-sides,
+.ls-fullwidth .ls-bottom-slidebuttons a,
+.ls-fullwidth .ls-nav-prev,
+.ls-fullwidth .ls-nav-next,
+.ls-fullwidth .ls-nav-start,
+.ls-fullwidth .ls-nav-stop,
+.ls-fullwidth .ls-fullscreen,
+.ls-fullwidth .ls-loading-container {
+	background-image: url(skin.png);	
+}
+
+.ls-fullwidth .ls-playvideo {
+	background-position: -300px -150px;
+}
+
+.ls-fullwidth .ls-playvideo:hover,
+.ls-fullwidth .ls-vpcontainer:hover .ls-playvideo {
+	background-position: -375px -150px;
+}
+
+.ls-fullwidth .ls-nav-prev {
+	background-position: 0px 0px;
+}
+
+.ls-fullwidth .ls-nav-prev:hover {
+	background-position: 0px -75px;
+}
+
+.ls-fullwidth .ls-nav-next {
+	background-position: -150px 0px;
+}
+
+.ls-fullwidth .ls-nav-next:hover {
+	background-position: -150px -75px;
+}
+
+.ls-fullwidth .ls-nav-start {
+	background-position: -300px 0px;
+}
+
+.ls-fullwidth .ls-nav-start:hover,
+.ls-fullwidth .ls-nav-start-active {
+	background-position: -300px -75px;
+}
+
+.ls-fullwidth .ls-nav-stop {
+	background-position: -450px 0px;
+}
+
+.ls-fullwidth .ls-nav-stop:hover,
+.ls-fullwidth .ls-nav-stop-active {
+	background-position: -450px -75px;
+}
+
+.ls-fullwidth .ls-bottom-slidebuttons a {
+	background-position: 0px -150px;
+}
+
+.ls-fullwidth .ls-bottom-slidebuttons a.ls-nav-active,
+.ls-fullwidth .ls-bottom-slidebuttons a:hover {
+	background-position: -75px -150px;
+}
+
+.ls-fullwidth .ls-nav-sideleft {
+	background-position: -150px -150px;	
+}
+
+.ls-fullwidth .ls-nav-sideright {
+	background-position: -225px -150px;	
+}
+
+
+
+.ls-fullwidth .ls-nav-prev,
+.ls-fullwidth .ls-nav-next {
+	width: 40px;
+	height: 40px;
+	z-index: 10000;
+	top: 50%;
+	margin-top: -20px;	
+	position: absolute;
+}
+
+.ls-fullwidth .ls-nav-prev {
+	left: 10px;	
+}
+
+.ls-fullwidth .ls-nav-next {
+	right: 10px;	
+}
+
+
+
+.ls-fullwidth .ls-bottom-slidebuttons,
+.ls-fullwidth .ls-bottom-slidebuttons a,
+.ls-fullwidth .ls-nav-start,
+.ls-fullwidth .ls-nav-stop,
+.ls-fullwidth .ls-nav-sides {
+	height: 20px;
+}
+
+.ls-fullwidth .ls-bottom-slidebuttons,
+.ls-fullwidth .ls-bottom-slidebuttons a,
+.ls-fullwidth .ls-nav-start,
+.ls-fullwidth .ls-nav-stop,
+.ls-fullwidth .ls-nav-sides {
+	display: inline-block;
+}
+
+.ls-fullwidth .ls-bottom-slidebuttons,
+.ls-fullwidth .ls-nav-start,
+.ls-fullwidth .ls-nav-stop,
+.ls-fullwidth .ls-nav-sides {
+	top: -30px;
+}
+
+.ls-fullwidth .ls-nav-start,
+.ls-fullwidth .ls-nav-stop {
+	width: 25px;
+}
+
+.ls-fullwidth .ls-bottom-slidebuttons a {
+	width: 20px;
+}
+
+.ls-fullwidth .ls-nav-sides {
+	width: 0px;	
+}
+
+
+
+.ls-fullwidth .ls-thumbnail-hover {
+	bottom: 30px;
+	padding: 2px;
+	margin-left: 1px;
+}
+
+.ls-fullwidth .ls-thumbnail-hover-bg {
+	background: #eee;
+}
+
+.ls-fullwidth .ls-thumbnail-hover span {
+	border: 5px solid #eee;
+	margin-left: -5px;
+}
+
+
+
+.ls-fullwidth .ls-thumbnail {
+	top: 10px;
+}
+
+.ls-fullwidth .ls-thumbnail-inner {
+	padding: 2px;
+	margin-left: -2px;
+	background: #fff;
+}
+
+.ls-fullwidth .ls-thumbnail-slide a {
+	margin-right: 2px;
+}
+
+.ls-fullwidth .ls-nothumb {
+	background: #eee;
+}
+
+
+
+.ls-fullwidth .ls-loading-container {
+	width: 40px;
+	height: 40px;
+	margin-left: -20px;
+	margin-top: -20px;
+	background-position: -450px -150px;	
+}
+
+.ls-fullwidth .ls-loading-indicator {
+	width: 22px;
+	height: 22px;
+	margin-top: 9px;
+	background-image: url(loading.gif);	
+}
+
+
+
+.ls-fullwidth .ls-fullscreen {
+	width: 30px;
+	height: 30px;
+	right: 10px;
+	top: 10px;
+	background-position: -525px -150px;
+}
+
+.ls-fullwidth .ls-fullscreen:hover {
+	background-position: -525px -190px;
+}

web/styles/common/css/slider-layer-slider/skins/fullwidthdark/skin.css

@@ -0,0 +1,216 @@
+/* LayerSlider Full Width Dark Skin */
+
+
+
+.ls-fullwidthdark .ls-ct-half {
+	background: #444;
+}
+
+.ls-fullwidthdark .ls-ct-center {
+	background: white;
+}
+
+.ls-fullwidthdark .ls-playvideo {
+	width: 50px;
+	height: 50px;
+	margin-left: -25px;
+	margin-top: -25px;
+}
+
+.ls-fullwidthdark .ls-playvideo,
+.ls-fullwidthdark .ls-nav-sides,
+.ls-fullwidthdark .ls-bottom-slidebuttons a,
+.ls-fullwidthdark .ls-nav-prev,
+.ls-fullwidthdark .ls-nav-next,
+.ls-fullwidthdark .ls-nav-start,
+.ls-fullwidthdark .ls-nav-stop,
+.ls-fullwidthdark .ls-fullscreen,
+.ls-fullwidthdark .ls-loading-container {
+	background-image: url(skin.png);	
+}
+
+.ls-fullwidthdark .ls-playvideo {
+	background-position: -300px -150px;
+}
+
+.ls-fullwidthdark .ls-playvideo:hover,
+.ls-fullwidthdark .ls-vpcontainer:hover .ls-playvideo {
+	background-position: -375px -150px;
+}
+
+.ls-fullwidthdark .ls-nav-prev {
+	background-position: 0px 0px;
+}
+
+.ls-fullwidthdark .ls-nav-prev:hover {
+	background-position: 0px -75px;
+}
+
+.ls-fullwidthdark .ls-nav-next {
+	background-position: -150px 0px;
+}
+
+.ls-fullwidthdark .ls-nav-next:hover {
+	background-position: -150px -75px;
+}
+
+.ls-fullwidthdark .ls-nav-start {
+	background-position: -300px 0px;
+}
+
+.ls-fullwidthdark .ls-nav-start:hover,
+.ls-fullwidthdark .ls-nav-start-active {
+	background-position: -300px -75px;
+}
+
+.ls-fullwidthdark .ls-nav-stop {
+	background-position: -450px 0px;
+}
+
+.ls-fullwidthdark .ls-nav-stop:hover,
+.ls-fullwidthdark .ls-nav-stop-active {
+	background-position: -450px -75px;
+}
+
+.ls-fullwidthdark .ls-bottom-slidebuttons a {
+	background-position: 0px -150px;
+}
+
+.ls-fullwidthdark .ls-bottom-slidebuttons a.ls-nav-active,
+.ls-fullwidthdark .ls-bottom-slidebuttons a:hover {
+	background-position: -75px -150px;
+}
+
+.ls-fullwidthdark .ls-nav-sideleft {
+	background-position: -150px -150px;	
+}
+
+.ls-fullwidthdark .ls-nav-sideright {
+	background-position: -225px -150px;	
+}
+
+
+
+.ls-fullwidthdark .ls-nav-prev,
+.ls-fullwidthdark .ls-nav-next {
+	width: 40px;
+	height: 40px;
+	z-index: 10000;
+	top: 50%;
+	margin-top: -20px;	
+	position: absolute;
+}
+
+.ls-fullwidthdark .ls-nav-prev {
+	left: 10px;	
+}
+
+.ls-fullwidthdark .ls-nav-next {
+	right: 10px;	
+}
+
+
+
+.ls-fullwidthdark .ls-bottom-slidebuttons,
+.ls-fullwidthdark .ls-bottom-slidebuttons a,
+.ls-fullwidthdark .ls-nav-start,
+.ls-fullwidthdark .ls-nav-stop,
+.ls-fullwidthdark .ls-nav-sides {
+	height: 20px;
+}
+
+.ls-fullwidthdark .ls-bottom-slidebuttons,
+.ls-fullwidthdark .ls-bottom-slidebuttons a,
+.ls-fullwidthdark .ls-nav-start,
+.ls-fullwidthdark .ls-nav-stop,
+.ls-fullwidthdark .ls-nav-sides {
+	display: inline-block;
+}
+
+.ls-fullwidthdark .ls-bottom-slidebuttons,
+.ls-fullwidthdark .ls-nav-start,
+.ls-fullwidthdark .ls-nav-stop,
+.ls-fullwidthdark .ls-nav-sides {
+	top: -30px;
+}
+
+.ls-fullwidthdark .ls-nav-start,
+.ls-fullwidthdark .ls-nav-stop {
+	width: 25px;
+}
+
+.ls-fullwidthdark .ls-bottom-slidebuttons a {
+	width: 20px;
+}
+
+.ls-fullwidthdark .ls-nav-sides {
+	width: 0px;	
+}
+
+
+
+.ls-fullwidthdark .ls-thumbnail-hover {
+	bottom: 30px;
+	padding: 2px;
+	margin-left: 1px;
+}
+
+.ls-fullwidthdark .ls-thumbnail-hover-bg {
+	background: #222;
+}
+
+.ls-fullwidthdark .ls-thumbnail-hover span {
+	border: 5px solid #222;
+	margin-left: -5px;
+}
+
+
+
+.ls-fullwidthdark .ls-thumbnail {
+	top: 10px;
+}
+
+.ls-fullwidthdark .ls-thumbnail-inner {
+	padding: 2px;
+	margin-left: -2px;
+	background: #222;
+}
+
+.ls-fullwidthdark .ls-thumbnail-slide a {
+	margin-right: 2px;
+}
+
+.ls-fullwidthdark .ls-nothumb {
+	background: #333;
+}
+
+
+
+.ls-fullwidthdark .ls-loading-container {
+	width: 40px;
+	height: 40px;
+	margin-left: -20px;
+	margin-top: -20px;
+	background-position: -450px -150px;	
+}
+
+.ls-fullwidthdark .ls-loading-indicator {
+	width: 22px;
+	height: 22px;
+	margin-top: 9px;
+	background-image: url(loading.gif);	
+}
+
+
+
+.ls-fullwidthdark .ls-fullscreen {
+	width: 30px;
+	height: 30px;
+	right: 10px;
+	top: 10px;
+	background-position: -525px -150px;
+}
+
+.ls-fullwidthdark .ls-fullscreen:hover {
+	background-position: -525px -190px;
+}

web/styles/common/css/slider-layer-slider/skins/glass/skin.css

@@ -0,0 +1,232 @@
+/* LayerSlider Glass Skin */
+
+
+
+.ls-glass {
+	padding: 10px;
+	background: #fff;
+	border-radius: 6px;
+}
+
+.ls-glass .ls-bottom-nav-wrapper {
+	margin-top: 10px;
+}
+
+.ls-glass .ls-playvideo {
+	width: 50px;
+	height: 50px;
+	margin-left: -25px;
+	margin-top: -25px;
+}
+
+.ls-glass .ls-playvideo,
+.ls-glass .ls-nav-sides,
+.ls-glass .ls-bottom-slidebuttons a,
+.ls-glass .ls-nav-prev,
+.ls-glass .ls-nav-next,
+.ls-glass .ls-nav-start,
+.ls-glass .ls-nav-stop,
+.ls-glass .ls-fullscreen,
+.ls-glass .ls-loading-container {
+	background-image: url(skin.png);	
+}
+
+.ls-glass .ls-playvideo {
+	background-position: -300px -150px;
+}
+
+.ls-glass .ls-playvideo:hover,
+.ls-glass .ls-vpcontainer:hover .ls-playvideo {
+	background-position: -375px -150px;
+}
+
+.ls-glass .ls-nav-prev {
+	background-position: 0px 0px;
+}
+
+.ls-glass .ls-nav-prev:hover {
+	background-position: 0px -75px;
+}
+
+.ls-glass .ls-nav-next {
+	background-position: -150px 0px;
+}
+
+.ls-glass .ls-nav-next:hover {
+	background-position: -150px -75px;
+}
+
+.ls-glass .ls-nav-start {
+	background-position: -300px 0px;
+}
+
+.ls-glass .ls-nav-start:hover,
+.ls-glass .ls-nav-start-active {
+	background-position: -300px -75px;
+}
+
+.ls-glass .ls-nav-stop {
+	background-position: -450px 0px;
+}
+
+.ls-glass .ls-nav-stop:hover,
+.ls-glass .ls-nav-stop-active {
+	background-position: -450px -75px;
+}
+
+.ls-glass .ls-bottom-slidebuttons a {
+	background-position: 0px -150px;
+}
+
+.ls-glass .ls-bottom-slidebuttons a.ls-nav-active,
+.ls-glass .ls-bottom-slidebuttons a:hover {
+	background-position: -75px -150px;
+}
+
+.ls-glass .ls-nav-sideleft {
+	background-position: -150px -150px;	
+}
+
+.ls-glass .ls-nav-sideright {
+	background-position: -225px -150px;	
+}
+
+
+
+.ls-glass .ls-nav-prev,
+.ls-glass .ls-nav-next {
+	width: 22px;
+	height: 50px;
+	z-index: 10000;
+	top: 50%;
+	margin-top: -25px;	
+	position: absolute;
+}
+
+.ls-glass .ls-nav-prev {
+	left: -22px;	
+}
+
+.ls-glass .ls-nav-next {
+	right: -22px;	
+}
+
+
+
+.ls-glass .ls-bottom-slidebuttons,
+.ls-glass .ls-bottom-slidebuttons a,
+.ls-glass .ls-nav-start,
+.ls-glass .ls-nav-stop,
+.ls-glass .ls-nav-sides {
+	height: 30px;
+}
+
+.ls-glass .ls-bottom-slidebuttons,
+.ls-glass .ls-bottom-slidebuttons a,
+.ls-glass .ls-nav-start,
+.ls-glass .ls-nav-stop,
+.ls-glass .ls-nav-sides {
+	display: inline-block;
+}
+
+.ls-glass .ls-nav-start,
+.ls-glass .ls-nav-stop {
+	width: 28px;
+}
+
+.ls-glass .ls-bottom-slidebuttons a {
+	width: 18px;
+}
+
+.ls-glass .ls-nav-sides {
+	width: 9px;
+}
+
+
+
+.ls-glass .ls-thumbnail-hover {
+	bottom: 50px;
+	padding: 4px;
+	margin-left: 1px;
+}
+
+.ls-glass .ls-thumbnail-hover-bg {
+	background: white;
+	box-shadow: 0px 2px 12px -4px black;
+	border-radius: 4px;
+}
+
+.ls-glass .ls-thumbnail-hover span {
+	border: 5px solid white;
+	margin-left: -5px;
+}
+
+
+
+.ls-glass .ls-thumbnail {
+	top: -20px;
+}
+
+.ls-glass .ls-thumbnail-inner {
+	padding: 5px;
+	margin-left: -5px;
+	background: white;
+	box-shadow: 0px 3px 35px -10px black;
+	border-radius: 4px;
+}
+
+.ls-glass .ls-thumbnail-slide a {
+	margin-right: 5px;
+}
+
+.ls-glass .ls-nothumb {
+	background: #eee;
+}
+
+
+
+.ls-glass .ls-above-thumbnails {
+	display: none;
+}
+
+.ls-glass .ls-below-thumbnails {
+	display: block;
+	margin-top: -20px;
+}
+
+
+
+.ls-glass .ls-shadow {
+	display: block;
+}
+
+
+
+.ls-glass .ls-loading-container {
+	width: 40px;
+	height: 40px;
+	margin-left: -20px;
+	margin-top: -20px;
+	background-position: -450px -150px;	
+}
+
+.ls-glass .ls-loading-indicator {
+	width: 22px;
+	height: 22px;
+	margin-top: 9px;
+	background-image: url(loading.gif);	
+}
+
+
+
+.ls-glass .ls-fullscreen {
+	width: 30px;
+	height: 30px;
+	right: 10px;
+	top: 10px;
+	background-position: -525px -150px;
+}
+
+.ls-glass .ls-fullscreen:hover {
+	background-position: -525px -190px;
+}

web/styles/common/css/slider-layer-slider/skins/lightskin/skin.css

@@ -0,0 +1,232 @@
+/* LayerSlider Light Skin */
+
+
+
+.ls-lightskin {
+	padding: 5px;
+	background: #f7f7f7;
+	box-shadow: 0px 3px 15px -5px #000;
+	-moz-box-shadow: 0px 3px 15px -5px #000;
+	-webkit-box-shadow: 0px 3px 15px -5px #000;
+	border-radius: 6px;
+	-moz-border-radius: 6px;
+	-webkit-border-radius: 6px;
+}
+
+.ls-lightskin .ls-playvideo {
+	width: 50px;
+	height: 50px;
+	margin-left: -25px;
+	margin-top: -25px;
+}
+
+.ls-lightskin .ls-playvideo,
+.ls-lightskin .ls-nav-sides,
+.ls-lightskin .ls-bottom-slidebuttons a,
+.ls-lightskin .ls-nav-prev,
+.ls-lightskin .ls-nav-next,
+.ls-lightskin .ls-nav-start,
+.ls-lightskin .ls-nav-stop,
+.ls-lightskin .ls-fullscreen,
+.ls-lightskin .ls-loading-container {
+	background-image: url(skin.png);	
+}
+
+.ls-lightskin .ls-playvideo {
+	background-position: -300px -150px;
+}
+
+.ls-lightskin .ls-playvideo:hover,
+.ls-lightskin .ls-vpcontainer:hover .ls-playvideo {
+	background-position: -375px -150px;
+}
+
+.ls-lightskin .ls-nav-prev {
+	background-position: 0px 0px;
+}
+
+.ls-lightskin .ls-nav-prev:hover {
+	background-position: 0px -75px;
+}
+
+.ls-lightskin .ls-nav-next {
+	background-position: -150px 0px;
+}
+
+.ls-lightskin .ls-nav-next:hover {
+	background-position: -150px -75px;
+}
+
+.ls-lightskin .ls-nav-start {
+	background-position: -300px 0px;
+}
+
+.ls-lightskin .ls-nav-start:hover,
+.ls-lightskin .ls-nav-start-active {
+	background-position: -300px -75px;
+}
+
+.ls-lightskin .ls-nav-stop {
+	background-position: -450px 0px;
+}
+
+.ls-lightskin .ls-nav-stop:hover,
+.ls-lightskin .ls-nav-stop-active {
+	background-position: -450px -75px;
+}
+
+.ls-lightskin .ls-bottom-slidebuttons a {
+	background-position: 0px -150px;
+}
+
+.ls-lightskin .ls-bottom-slidebuttons a.ls-nav-active,
+.ls-lightskin .ls-bottom-slidebuttons a:hover {
+	background-position: -75px -150px;
+}
+
+.ls-lightskin .ls-nav-sideleft {
+	background-position: -150px -150px;	
+}
+
+.ls-lightskin .ls-nav-sideright {
+	background-position: -225px -150px;	
+}
+
+
+
+.ls-lightskin .ls-nav-prev,
+.ls-lightskin .ls-nav-next {
+	width: 27px;
+	height: 75px;
+	z-index: 10000;
+	top: 50%;
+	margin-top: -37px;	
+	position: absolute;
+}
+
+.ls-lightskin .ls-nav-prev {
+	left: 5px;	
+}
+
+.ls-lightskin .ls-nav-next {
+	right: 5px;	
+}
+
+
+
+.ls-lightskin .ls-bottom-slidebuttons,
+.ls-lightskin .ls-bottom-slidebuttons a,
+.ls-lightskin .ls-nav-start,
+.ls-lightskin .ls-nav-stop,
+.ls-lightskin .ls-nav-sides {
+	height: 28px;
+}
+
+.ls-lightskin .ls-bottom-slidebuttons,
+.ls-lightskin .ls-bottom-slidebuttons a,
+.ls-lightskin .ls-nav-start,
+.ls-lightskin .ls-nav-stop,
+.ls-lightskin .ls-nav-sides {
+	display: inline-block;
+}
+
+.ls-lightskin .ls-bottom-slidebuttons,
+.ls-lightskin .ls-nav-start,
+.ls-lightskin .ls-nav-stop,
+.ls-lightskin .ls-nav-sides {
+	top: -28px;
+}
+
+.ls-lightskin .ls-nav-start,
+.ls-lightskin .ls-nav-stop {
+	width: 54px;
+}
+
+.ls-lightskin .ls-bottom-slidebuttons a {
+	width: 18px;
+}
+
+.ls-lightskin .ls-nav-sides {
+	width: 44px;
+}
+
+
+
+.ls-lightskin .ls-thumbnail-hover {
+	padding: 4px;	
+}
+
+.ls-lightskin .ls-thumbnail-hover {
+	bottom: 40px;
+	margin-left: 1px;
+}
+
+.ls-lightskin .ls-thumbnail-hover-bg {
+	background: #f7f7f7;
+	box-shadow: 0px 2px 12px -4px black;
+	border-radius: 4px;
+	-moz-border-radius: 4px;
+	-webkit-border-radius: 4px;
+}
+
+.ls-lightskin .ls-thumbnail-hover span {
+	border: 5px solid #f7f7f7;
+	margin-left: -5px;
+}
+
+
+
+.ls-lightskin .ls-thumbnail {
+	padding-top: 15px;
+}
+
+.ls-lightskin .ls-thumbnail-inner {
+	padding: 5px;
+	margin-left: -5px;
+	background: #f7f7f7;
+	box-shadow: 0px 1px 15px -5px #000;
+	-moz-box-shadow: 0px 1px 15px -5px #000;
+	-webkit-box-shadow: 0px 1px 15px -5px #000;
+	border-radius: 4px;
+	-moz-border-radius: 4px;
+	-webkit-border-radius: 4px;
+}
+
+.ls-lightskin .ls-thumbnail-slide a {
+	margin-right: 5px;
+}
+
+.ls-lightskin .ls-nothumb {
+	background: #e3e3e3;
+}
+
+
+
+.ls-lightskin .ls-loading-container {
+	width: 40px;
+	height: 40px;
+	margin-left: -20px;
+	margin-top: -20px;
+	background-position: -450px -150px;	
+}
+
+.ls-lightskin .ls-loading-indicator {
+	width: 22px;
+	height: 22px;
+	margin-top: 9px;
+	background-image: url(loading.gif);	
+}
+
+
+
+.ls-lightskin .ls-fullscreen {
+	width: 30px;
+	height: 30px;
+	right: 10px;
+	top: 10px;
+	background-position: -525px -150px;
+}
+
+.ls-lightskin .ls-fullscreen:hover {
+	background-position: -525px -190px;
+}

web/styles/common/css/slider-layer-slider/skins/minimal/skin.css

@@ -0,0 +1,224 @@
+/* LayerSlider Minimal Skin */
+
+
+
+.ls-minimal {
+	padding: 10px;
+	background: #fff;
+	box-shadow: 0px 10px 150px -50px #000;
+}
+
+.ls-minimal .ls-bottom-nav-wrapper {
+	text-align: center;
+	margin: 10px auto 0px auto;
+	position: relative;
+}
+
+.ls-minimal .ls-playvideo {
+	width: 75px;
+	height: 75px;
+	margin-left: -37px;
+	margin-top: -37px;
+}
+
+.ls-minimal .ls-playvideo,
+.ls-minimal .ls-nav-sides,
+.ls-minimal .ls-bottom-slidebuttons a,
+.ls-minimal .ls-nav-prev,
+.ls-minimal .ls-nav-next,
+.ls-minimal .ls-nav-start,
+.ls-minimal .ls-nav-stop,
+.ls-minimal .ls-fullscreen,
+.ls-minimal .ls-loading-container {
+	background-image: url(skin.png);	
+}
+
+.ls-minimal .ls-playvideo {
+	background-position: -300px -150px;
+}
+
+.ls-minimal .ls-playvideo:hover,
+.ls-minimal .ls-vpcontainer:hover .ls-playvideo {
+	background-position: -375px -150px;
+}
+
+.ls-minimal .ls-nav-prev {
+	background-position: 0px 0px;
+}
+
+.ls-minimal .ls-nav-prev:hover {
+	background-position: 0px -75px;
+}
+
+.ls-minimal .ls-nav-next {
+	background-position: -150px 0px;
+}
+
+.ls-minimal .ls-nav-next:hover {
+	background-position: -150px -75px;
+}
+
+.ls-minimal .ls-nav-start {
+	background-position: -300px 0px;
+}
+
+.ls-minimal .ls-nav-start:hover,
+.ls-minimal .ls-nav-start-active {
+	background-position: -300px -75px;
+}
+
+.ls-minimal .ls-nav-stop {
+	background-position: -450px 0px;
+}
+
+.ls-minimal .ls-nav-stop:hover,
+.ls-minimal .ls-nav-stop-active {
+	background-position: -450px -75px;
+}
+
+.ls-minimal .ls-bottom-slidebuttons a {
+	background-position: 0px -150px;
+}
+
+.ls-minimal .ls-bottom-slidebuttons a.ls-nav-active,
+.ls-minimal .ls-bottom-slidebuttons a:hover {
+	background-position: -75px -150px;
+}
+
+.ls-minimal .ls-nav-sideleft {
+	background-position: -150px -150px;	
+}
+
+.ls-minimal .ls-nav-sideright {
+	background-position: -225px -150px;	
+}
+
+
+
+.ls-minimal .ls-nav-prev,
+.ls-minimal .ls-nav-next {
+	width: 25px;
+	height: 50px;
+	z-index: 10000;
+	top: 50%;
+	margin-top: -25px;	
+	position: absolute;
+}
+
+.ls-minimal .ls-nav-prev {
+	left: -25px;	
+}
+
+.ls-minimal .ls-nav-next {
+	right: -25px;	
+}
+
+
+
+.ls-minimal .ls-bottom-slidebuttons,
+.ls-minimal .ls-bottom-slidebuttons a,
+.ls-minimal .ls-nav-start,
+.ls-minimal .ls-nav-stop,
+.ls-minimal .ls-nav-sides {
+	height: 30px;
+}
+
+.ls-minimal .ls-bottom-slidebuttons,
+.ls-minimal .ls-bottom-slidebuttons a,
+.ls-minimal .ls-nav-start,
+.ls-minimal .ls-nav-stop,
+.ls-minimal .ls-nav-sides {
+	display: inline-block;
+}
+
+.ls-minimal .ls-nav-start,
+.ls-minimal .ls-nav-stop {
+	width: 22px;
+}
+
+.ls-minimal .ls-bottom-slidebuttons a {
+	width: 17px;
+}
+
+.ls-minimal .ls-nav-sides {
+	width: 4px;
+}
+
+
+
+.ls-minimal .ls-thumbnail-hover {
+	bottom: 50px;
+	padding: 4px;
+	margin-left: 1px;
+}
+
+.ls-minimal .ls-thumbnail-hover-bg {
+	background: white;
+}
+
+.ls-minimal .ls-thumbnail-hover span {
+	border: 5px solid white;
+	margin-left: -5px;
+}
+
+
+
+.ls-minimal .ls-thumbnail {
+	top: -20px;
+}
+
+.ls-minimal .ls-thumbnail-inner {
+	padding: 5px;
+	margin-left: -5px;
+	background: white;
+}
+
+.ls-minimal .ls-thumbnail-slide a {
+	margin-right: 5px;
+}
+
+.ls-minimal .ls-nothumb {
+	background: #eee;
+}
+
+
+
+.ls-minimal .ls-above-thumbnails {
+	display: none;
+}
+
+.ls-minimal .ls-below-thumbnails {
+	display: block;
+	margin-top: -20px;
+}
+
+
+
+.ls-minimal .ls-loading-container {
+	width: 40px;
+	height: 40px;
+	margin-left: -20px;
+	margin-top: -20px;
+	background-position: -450px -150px;	
+}
+
+.ls-minimal .ls-loading-indicator {
+	width: 22px;
+	height: 22px;
+	margin-top: 9px;
+	background-image: url(loading.gif);	
+}
+
+
+
+.ls-minimal .ls-fullscreen {
+	width: 30px;
+	height: 30px;
+	right: 10px;
+	top: 10px;
+	background-position: -525px -150px;
+}
+
+.ls-minimal .ls-fullscreen:hover {
+	background-position: -525px -190px;
+}

web/styles/common/css/slider-layer-slider/skins/noskin/skin.css

@@ -0,0 +1,81 @@
+/* LayerSlider No Skin */
+
+
+
+.ls-noskin .ls-playvideo {
+	width: 50px;
+	height: 50px;
+	margin-left: -25px;
+	margin-top: -25px;
+}
+
+.ls-noskin .ls-nav-sides,
+.ls-noskin .ls-bottom-nav-wrapper,
+.ls-noskin .ls-bottom-slidebuttons a,
+.ls-noskin .ls-nav-prev,
+.ls-noskin .ls-nav-next,
+.ls-noskin .ls-nav-start,
+.ls-noskin .ls-nav-stop {
+	display: none;
+	visibility: hidden;
+}
+
+
+.ls-noskin .ls-playvideo,
+.ls-noskin .ls-loading-container,
+.ls-noskin .ls-fullscreen {
+	background-image: url(skin.png);
+}
+
+.ls-noskin .ls-playvideo {
+	background-position: -300px -150px;
+}
+
+.ls-noskin .ls-playvideo:hover,
+.ls-noskin .ls-vpcontainer:hover .ls-playvideo {
+	background-position: -375px -150px;
+}
+
+.ls-noskin .ls-thumbnail {
+	top: 0px;
+}
+
+.ls-noskin .ls-thumbnail-inner {
+	padding: 5px;
+	margin-left: -5px;
+}
+
+.ls-noskin .ls-thumbnail-slide a {
+	margin-right: 5px;
+}
+
+.ls-noskin .ls-nothumb {
+	background: #eee;
+}
+
+.ls-noskin .ls-loading-container {
+	width: 40px;
+	height: 40px;
+	margin-left: -20px;
+	margin-top: -20px;
+	background-position: -450px -150px;
+}
+
+.ls-noskin .ls-loading-indicator {
+	width: 22px;
+	height: 22px;
+	margin-top: 9px;
+	background-image: url(loading.gif);
+}
+
+.ls-noskin .ls-fullscreen {
+	width: 30px;
+	height: 30px;
+	right: 10px;
+	top: 10px;
+	background-position: -525px -150px;
+}
+
+.ls-noskin .ls-fullscreen:hover {
+	background-position: -525px -190px;
+}

web/styles/common/css/slider-layer-slider/skins/v5/skin.css

@@ -0,0 +1,208 @@
+/* LayerSlider Full Width Skin */
+
+
+
+.ls-v5 .ls-playvideo {
+	width: 60px;
+	height: 60px;
+	margin-left: -30px;
+	margin-top: -30px;
+}
+
+.ls-v5 .ls-playvideo,
+.ls-v5 .ls-nav-sides,
+.ls-v5 .ls-bottom-slidebuttons a,
+.ls-v5 .ls-nav-prev,
+.ls-v5 .ls-nav-next,
+.ls-v5 .ls-nav-start,
+.ls-v5 .ls-nav-stop,
+.ls-v5 .ls-fullscreen,
+.ls-v5 .ls-loading-container {
+	background-image: url(skin.png);
+}
+
+.ls-v5 .ls-playvideo {
+	background-position: -300px -150px;
+}
+
+.ls-v5 .ls-playvideo:hover,
+.ls-v5 .ls-vpcontainer:hover .ls-playvideo {
+	background-position: -375px -150px;
+}
+
+.ls-v5 .ls-nav-prev {
+	background-position: 0px 0px;
+}
+
+.ls-v5 .ls-nav-prev:hover {
+	background-position: 0px -75px;
+}
+
+.ls-v5 .ls-nav-next {
+	background-position: -150px 0px;
+}
+
+.ls-v5 .ls-nav-next:hover {
+	background-position: -150px -75px;
+}
+
+.ls-v5 .ls-nav-start {
+	background-position: -300px 0px;
+}
+
+.ls-v5 .ls-nav-start:hover,
+.ls-v5 .ls-nav-start-active {
+	background-position: -300px -75px;
+}
+
+.ls-v5 .ls-nav-stop {
+	background-position: -450px 0px;
+}
+
+.ls-v5 .ls-nav-stop:hover,
+.ls-v5 .ls-nav-stop-active {
+	background-position: -450px -75px;
+}
+
+.ls-v5 .ls-bottom-slidebuttons a {
+	background-position: 0px -150px;
+}
+
+.ls-v5 .ls-bottom-slidebuttons a.ls-nav-active,
+.ls-v5 .ls-bottom-slidebuttons a:hover {
+	background-position: -75px -150px;
+}
+
+.ls-v5 .ls-nav-sideleft {
+	background-position: -150px -150px;
+}
+
+.ls-v5 .ls-nav-sideright {
+	background-position: -225px -150px;
+}
+
+
+
+.ls-v5 .ls-nav-prev,
+.ls-v5 .ls-nav-next {
+	width: 40px;
+	height: 50px;
+	z-index: 10000;
+	top: 50%;
+	margin-top: -25px;
+	position: absolute;
+}
+
+.ls-v5 .ls-nav-prev {
+	left: 10px;
+}
+
+.ls-v5 .ls-nav-next {
+	right: 10px;
+}
+
+
+
+.ls-v5 .ls-bottom-slidebuttons,
+.ls-v5 .ls-bottom-slidebuttons a,
+.ls-v5 .ls-nav-start,
+.ls-v5 .ls-nav-stop,
+.ls-v5 .ls-nav-sides {
+	height: 20px;
+}
+
+.ls-v5 .ls-bottom-slidebuttons,
+.ls-v5 .ls-bottom-slidebuttons a,
+.ls-v5 .ls-nav-start,
+.ls-v5 .ls-nav-stop,
+.ls-v5 .ls-nav-sides {
+	display: inline-block;
+}
+
+.ls-v5 .ls-bottom-slidebuttons,
+.ls-v5 .ls-nav-start,
+.ls-v5 .ls-nav-stop,
+.ls-v5 .ls-nav-sides {
+	top: -30px;
+}
+
+.ls-v5 .ls-nav-start,
+.ls-v5 .ls-nav-stop {
+	width: 25px;
+}
+
+.ls-v5 .ls-bottom-slidebuttons a {
+	width: 20px;
+}
+
+.ls-v5 .ls-nav-sides {
+	width: 0px;
+}
+
+
+
+.ls-v5 .ls-thumbnail-hover {
+	bottom: 30px;
+	padding: 2px;
+	margin-left: 1px;
+}
+
+.ls-v5 .ls-thumbnail-hover-bg {
+	background: #eee;
+}
+
+.ls-v5 .ls-thumbnail-hover span {
+	border: 5px solid #eee;
+	margin-left: -5px;
+}
+
+
+
+.ls-v5 .ls-thumbnail {
+	top: 10px;
+}
+
+.ls-v5 .ls-thumbnail-inner {
+	padding: 2px;
+	margin-left: -2px;
+	background: #fff;
+}
+
+.ls-v5 .ls-thumbnail-slide a {
+	margin-right: 2px;
+}
+
+.ls-v5 .ls-nothumb {
+	background: #eee;
+}
+
+
+
+.ls-v5 .ls-loading-container {
+	width: 40px;
+	height: 40px;
+	margin-left: -20px;
+	margin-top: -20px;
+	background-position: -450px -150px;
+}
+
+.ls-v5 .ls-loading-indicator {
+	width: 22px;
+	height: 22px;
+	margin-top: 9px;
+	background-image: url(loading.gif);
+}
+
+
+
+.ls-v5 .ls-fullscreen {
+	width: 30px;
+	height: 30px;
+	right: 10px;
+	top: 10px;
+	background-position: -525px -150px;
+}
+
+.ls-v5 .ls-fullscreen:hover {
+	background-position: -525px -190px;
+}

web/styles/common/css/slider-layer-slider/style-layer-slider.css

@@ -0,0 +1,174 @@
+/* BEDIN LAYER SLIDER */
+.ls-ct-half, .ls-ct-center {
+    border-radius: 100px !important;
+}
+.ls-fullwidth .ls-nav-prev,
+.ls-fullwidth .ls-nav-next {
+	opacity: 0.7;
+}
+.ls-fullwidth .ls-nav-prev:hover,
+.ls-fullwidth .ls-nav-next:hover {
+	opacity: 1;
+}
+
+/* slide 1 */
+.ls-slide1 .ls-title {
+	font: 60px/66px 'Source Sans Pro', Arial, sans-serif;
+	color: #000;
+	border-bottom: solid 1px rgba(255,255,255,0.5) !important;
+	text-transform: uppercase;
+	text-align: center;
+	padding-bottom: 19px;
+}
+.ls-slide1 .ls-title strong {
+	color: #e6400c;
+	display: block;
+	font-weight: 600;
+}
+.ls-slide1 .ls-mini-text {
+	font: 400 23px 'Source Sans Pro', Arial, sans-serif;
+	color: #000;
+	text-align: center;
+}
+
+/* slide 2 */
+.ls-slide2 .ls-title {
+	font: 25px 'Source Sans Pro', Arial, sans-serif;
+	color: #000;
+	text-align: center;
+	line-height: 1.2 !important;
+}
+.ls-slide2 .ls-title strong,
+.ls-slide2 .ls-title em {
+	display: block;
+	font-weight: 300;
+	padding-top: 9px;
+}
+.ls-slide2 .ls-title strong {
+	font-size: 160%;
+}
+.ls-slide2 .ls-title em {
+	font-size: 200%;
+	font-style: normal;
+	padding-top: 5px;
+}
+.ls-slide2 .ls-price {
+	font: 300 20px 'Open Sans', sans-serif;
+	color: #fff;
+	text-align: center;
+	background: rgba(230,64,12,0.9);
+	border-radius: 190px !important;
+	overflow: hidden;
+	width: 177px;
+	height: 177px;
+	display: table-cell;
+	vertical-align: middle;
+}
+.ls-slide2 .ls-price b {
+	display: block;
+	font-weight: normal;
+	padding-top: 15%;
+}
+.ls-slide2 .ls-price strong {
+	font: 300 425%/1 'Source Sans Pro', Arial, sans-serif;
+	font-weight: 300;
+}
+.ls-slide2 .ls-price strong span {
+	font-size: 30px;
+}
+.ls-slide2 .ls-more {
+	color: #e6400c;
+	display: inline-block;
+	border: solid 1px #e6400c;
+	font: 300 18px 'Open Sans', sans-serif;
+	padding: 7px 20px 8px;
+}
+.ls-slide2 .ls-more:hover {
+	text-decoration: none;
+	color: #fff;
+	background: #e6400c;
+	border-color: #e6400c;
+}
+
+/* slide 3 */
+.ls-slide3 .ls-title {
+	font: 300 46px/59px 'Source Sans Pro', Arial, sans-serif;
+	color: #fff;
+	border-bottom: solid 1px #b90010 !important;
+	text-align: center;
+	padding-bottom: 27px;
+}
+.ls-slide3 .ls-title strong {
+	display: block;
+	font-weight: 600;
+}
+.ls-slide3 .ls-buy {
+	color: #fff;
+	border: solid 5px rgba(55,0,5,0.6);
+	padding: 12px 20px 8px;
+	background: #d11018;
+	float: left;
+	margin-right: 20px;
+}
+.ls-slide3 .ls-buy:hover {
+	text-decoration: none;
+	color: #fff;
+	border-color: rgba(255,255,255,0.6);
+}
+.ls-slide3 .ls-price {
+	font: 400 75%/1 'Source Sans Pro', Arial, sans-serif;
+	color: #fff;
+	float: left;
+}
+.ls-slide3 .ls-price span {
+	float: left;
+	padding-top: 18px;
+	margin-right: 17px;
+}
+.ls-slide3 .ls-price strong {
+	font-weight: 200;
+	font-size: 567%;
+	top: -20px;
+	position: relative;
+	line-height: 1;
+}
+.ls-slide3 .ls-price strong sup {
+	font-size: 49%;
+	position: relative;
+	top: -16px;
+	line-height: 1;
+}
+
+/* slide 4 */
+.ls-slide4 .ls-title {
+	font: 300 68px/81px 'Source Sans Pro', Arial, sans-serif;
+	color: #fff;
+	text-align: center;
+	text-transform: uppercase;
+	border-bottom: solid 1px rgba(255,255,255,0.6);
+	padding-bottom: 27px;
+}
+.ls-slide4 .ls-mini-text {
+	font-size: 100px;
+	height: 43px;
+}
+.ls-slide4 .ls-mini-text span {
+	float: left;
+	margin-right: 13px;
+	font: 400 17% 'Open Sans', sans-serif;
+	color: #fff;
+}
+.ls-slide4 .ls-mini-text a {
+	color: #fff;
+	font: 300 20% 'Open Sans', sans-serif;
+	padding: 7px 20px 8px;
+	background: #000;
+	top: -20%;
+	position: relative;
+	float: left;
+}
+.ls-slide4 .ls-mini-text a:hover {
+	text-decoration: none;
+	color: #fff;
+	background: #e6400c;
+}

web/styles/common/css/wizard/fuelux.wizard.css

@@ -0,0 +1,146 @@
+.wizard-steps {
+  list-style: none;
+  display: table;
+  width: 100%;
+  padding: 0;
+  margin: 0;
+  position: relative;
+}
+.wizard-steps li {
+  display: table-cell;
+  text-align: center;
+  width: 1%;
+}
+.wizard-steps li .step {
+  border: 5px solid #ced1d6;
+  color: #546474;
+  font-size: 15px;
+  border-radius: 100%;
+  background-color: #FFF;
+  position: relative;
+  z-index: 2;
+  display: inline-block;
+  width: 40px;
+  height: 40px;
+  line-height: 30px;
+  text-align: center;
+}
+.wizard-steps li:before {
+  display: block;
+  content: "";
+  width: 100%;
+  height: 1px;
+  font-size: 0;
+  overflow: hidden;
+  border-top: 4px solid #CED1D6;
+  position: relative;
+  top: 21px;
+  z-index: 1;
+}
+.wizard-steps li:last-child:before {
+  max-width: 50%;
+  width: 50%;
+}
+.wizard-steps li:first-child:before {
+  max-width: 51%;
+  left: 50%;
+}
+.wizard-steps li.active:before,
+.wizard-steps li.complete:before,
+.wizard-steps li.active .step,
+.wizard-steps li.complete .step {
+  border-color: #5293c4;
+}
+.wizard-steps li.complete .step {
+  cursor: default;
+  color: #FFF;
+  -webkit-transition: transform ease 0.1s;
+  -o-transition: transform ease 0.1s;
+  transition: transform ease 0.1s;
+}
+.wizard-steps li.complete .step:before {
+  display: block;
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  line-height: 30px;
+  text-align: center;
+  border-radius: 100%;
+  content: "\f00c";
+  background-color: #FFF;
+  z-index: 3;
+  font-family: FontAwesome;
+  font-size: 17px;
+  color: #87ba21;
+}
+.wizard-steps li.complete:hover .step {
+  -moz-transform: scale(1.1);
+  -webkit-transform: scale(1.1);
+  -o-transform: scale(1.1);
+  -ms-transform: scale(1.1);
+  transform: scale(1.1);
+  border-color: #80afd4;
+}
+.wizard-steps li.complete:hover:before {
+  border-color: #80afd4;
+}
+.wizard-steps li .title {
+  display: block;
+  margin-top: 4px;
+  max-width: 100%;
+  color: #949ea7;
+  font-size: 14px;
+  z-index: 104;
+  text-align: center;
+  table-layout: fixed;
+  word-wrap: break-word;
+}
+.wizard-steps li.complete .title,
+.wizard-steps li.active .title {
+  color: #2b3d53;
+}
+.step-content {
+  position: relative;
+}
+.step-content .step-pane {
+  display: none;
+  min-height: 200px;
+  padding: 4px 8px 12px;
+}
+.step-content .step-pane.active {
+  display: block;
+}
+.wizard-actions {
+  text-align: right;
+}
+@media only screen and (max-width: 767px) {
+  .wizard-steps li .step {
+    width: 30px;
+    height: 30px;
+    line-height: 24px;
+    border-width: 3px;
+  }
+  .wizard-steps li:before,
+  .wizard-steps li:after {
+    border-width: 3px;
+  }
+  .wizard-steps li.complete .step:before {
+    line-height: 24px;
+    font-size: 13px;
+  }
+  .wizard-steps li:before {
+    top: 16px;
+  }
+  .step-content .step-pane {
+    padding: 4px 4px 6px;
+    min-height: 150px;
+  }
+}
+<!--[if lte IE 9]>
+.wizard-steps li:first-child:before {
+ max-width:100%;
+ left:0;
+}
+<![endif]-->