body {background: #9c9c9c; margin: 0px; overflow: hidden; font-family: sans-serif; }

/** /!!! core css Should not edit !!!/**/

.lSSlideOuter {
	overflow: hidden;
}
.lightSlider:before, .lightSlider:after {
	content: " ";
	display: table;
}
.lightSlider{
	overflow: hidden;
}
.lSSlideWrapper{
	max-width: 100%;
    overflow: hidden;
    position: relative
}
.lSSlideWrapper > .lightSlider:after {
	clear: both;
}
.lSSlideWrapper .lSSlide {
	-webkit-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
	-webkit-transition: all 1s;
	-webkit-transition-property: -webkit-transform,height;
	-moz-transition-property: -moz-transform,height;
	transition-property: transform,height;
	-webkit-transition-duration: inherit;
	transition-duration: inherit;
	-webkit-transition-timing-function: inherit;
	transition-timing-function: inherit;
}
.lSSlideWrapper .lSFade {
	position: relative;
}
.lSSlideWrapper .lSFade > * {
	position: absolute !important;
	top: 0;
	left: 0;
	z-index: 9;
	margin-right: 0;
	width: 100%;
}
.lSSlideWrapper.usingCss .lSFade > * {
	opacity: 0;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transition-duration: inherit;
	transition-duration: inherit;
	-webkit-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-timing-function: inherit;
	transition-timing-function: inherit;
}
.lSSlideWrapper .lSFade > *.active {
	z-index: 10;
}
.lSSlideWrapper.usingCss .lSFade > *.active {
	opacity: 1;
}
/** /!!! End of core css Should not edit !!!/**/

/* Pager */
.lSSlideOuter .lSPager.lSpg {
	margin: 10px 0 0;
	padding: 0;
	text-align: center;
}
.lSSlideOuter .lSPager.lSpg > li {
	cursor: pointer;
	display: inline-block;
	padding: 0 5px;
}
.lSSlideOuter .lSPager.lSpg > li a {
	background-color: #222222;
	border-radius: 30px;
	display: inline-block;
	height: 8px;
	overflow: hidden;
	text-indent: -999em;
	width: 8px;
	position: relative;
	z-index: 99;
	-webkit-transition: all 0.5s linear 0s;
	transition: all 0.5s linear 0s;
}
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
	background-color: #428bca;
}
.lSSlideOuter .media {
	opacity: 0.8;
}
.lSSlideOuter .media.active {
	opacity: 1;
}
/* End of pager */

/** Gallery */
.lSSlideOuter .lSPager.lSGallery {
	list-style: none outside none;
	padding-left: 0;
	margin: 0;
	overflow: hidden;
	transform: translate3d(0px, 0px, 0px);
	-moz-transform: translate3d(0px, 0px, 0px);
	-ms-transform: translate3d(0px, 0px, 0px);
	-webkit-transform: translate3d(0px, 0px, 0px);
	-o-transform: translate3d(0px, 0px, 0px);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.lSSlideOuter .lSPager.lSGallery li {
	opacity: 0.7;
	overflow: hidden;
	-webkit-transition: opacity 0.35s linear 0s;
	transition: opacity 0.35s linear 0s;
	border: 1px solid #DDD;
}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
	opacity: 1;
}
.lSSlideOuter .lSPager.lSGallery img {
	display: block;
	height: auto;
	max-width: 100%;
}
.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {
	content: " ";
	display: table;
}
.lSSlideOuter .lSPager.lSGallery:after {
	clear: both;
}
/* End of Gallery*/

/* slider actions */
.lSAction > a {
	width: 50px;
	display: block;
	top: 40%;
	height: 106px;
	background-image: url('../_img/controls.png');
	cursor: pointer;
	position: absolute;
	z-index: 9999;
	margin-top: -16px;
	opacity: .5;
	-webkit-transition: opacity 0.35s linear 0s;
	transition: opacity 0.35s linear 0s;
}
.lSAction > a:hover {
	opacity: 1;
}
.lSAction > .PREVB {
	background-position: 0 0;
	left: 0px;
}
.lSAction > .NEXTB {
	background-position: -50px 0;
	right: 0px;
}
.cS-hidden {
	height: 1px;
	opacity: 0;
	filter: alpha(opacity=0);
	overflow: hidden;
}


/* vertical */
.lSSlideOuter.vertical {
    position: relative;
}
.lSSlideOuter.vertical.noPager {
    padding-right: 0px !important;
}
.lSSlideOuter.vertical .lSGallery {
    position: absolute !important;
    right: 0;
    top: 0;
}
.lSSlideOuter.vertical .lightSlider > *{
	width: 100% !important;
	max-width: none !important;
}


/* Rtl */
.lSSlideOuter.lSrtl{
	direction: rtl;
}
.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager{
	padding-left: 0;
	list-style: none outside none;
}
.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager{
	padding-right: 0;
}
.lSSlideOuter .lightSlider > *,  .lSSlideOuter .lSGallery li{
	float: left;
}
.lSSlideOuter.lSrtl .lightSlider > *,  .lSSlideOuter.lSrtl .lSGallery li{
	float: right !important;
}

.lSGallery {position: absolute; bottom: 24px; height: 245px;}
.lSGallery li {position: relative; bottom: -75px;}
.lSGallery li:hover {bottom: -25px;}
.lSGallery li.active {bottom: 0px;}

#lightSlider {margin-top: 16px;}
.lightSlider li {text-align: left; margin: 0 0 70px;}
.lightSlider li.even {text-align: right; margin-right: 0px;}
.lightSlider li img {float: left; cursor: zoom-in; height: 820px; }
.lightSlider li span {display: inline-block;}

/* MODS FOR RESOLUTIONS */
.small_1280 .lSSlideWrapper .lightSlider li img {height: 600px; }

.footer {background: #363636; height: 56px; position: fixed; width: 100%; bottom: 0px; text-align: center;}
.footer .logo {position: absolute; bottom: 12px; left: 12px;}
.shadow {box-shadow: 4px 4px 12px 0px rgba(50, 50, 50, 0.5); -moz-box-shadow: 4px 4px 12px 0px rgba(50, 50, 50, 0.5); -webkit-box-shadow: 4px 4px 12px 0px rgba(50, 50, 50, 0.5);}
.contents {height: 90%; background: #363636; width: 300px; position: absolute; top: 8px; left: 0px; border-radius: 0 8px 8px 0;}
.contents h4 {color: #FFF; text-align: center;}
.contents .container {background: #FFF; border-radius: 8px; padding: 8px 0px; width: 90%; margin: 0 0 0 12px; }
.contents .container ul {list-style-type: none; overflow-y: scroll; overflow-x: hidden; margin: -4px 0 0 0; padding: 0px; height: 90%;}
.contents .container li a {text-transform: uppercase; color: #000; text-decoration: none; display: block; cursor: pointer; background: #FFF; padding: 12px 16px; border-bottom: 1px solid #DDD; width: 215px;}
.contents .container li a:hover {color: #FFF; background: #6ea234;}
.icons {width: 640px; margin: 0 auto;}
.icons > a {
	width: 66px;
	height: 49px;
	background-image: url('../_img/icons.png');
	cursor: pointer;
	z-index: 9999;
	opacity: .5;
	-webkit-transition: opacity 0.35s linear 0s;
	transition: opacity 0.35s linear 0s;
	float: left;
	border: 0px;
}
.icons > a:hover {
	opacity: 1;
}
.icons > .iconsPrev {
	background-position: 1320px 0px;
}
.icons > .iconsNext {
	background-position: 1254px 0px;
}
.icons > .iconsContents {
	background-position: 1452px 0px;
}
.icons > .iconsPrint {
	background-position: 528px 0px;
}
.icons > .iconsThumbs {
	background-position: 924px 0px;
}
.icons > .iconsPDF {
	background-position: 594px 0px;
}
.icons > .iconsShare {
	background-position: 660px 0px;
}
.icons > .iconsCart {
	background-position: 858px 0px;
}
.icons > .iconsHelp {
	background-position: 1056px 0px;
}
.iconsPage {
	float: left; 
	width: 36px; 
	text-align: center; 
	font-size: 16px; 
	margin: 6px 0; 
	border-radius: 4px; 
	border: none; 
	padding: 3px 0;
	background: #FFF;
	color: #000;
}

.contact {color: #FFF; float: left; text-align: left;}
.contact span {font-size: 16px; font-weight: bold;}
.contact a {color: #FFF; text-decoration: none;}
.contact a:hover {text-decoration: underline;}


/* BEGIN TOOL TIP */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}

/* END TOOL TIP */
.ajax_request_begin {
	opacity: .25;
	background-color: #FFF;
	z-index: 998;
	cursor:wait;
}

.loading_blue  {
    animation: 0.7s linear 0s normal none infinite rotation;
    border-color: rgba(33, 128, 192, 1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2);
    border-radius: 100%;
    border-style: solid;
    border-width: 8px;
    display: none;
    height: 32px;
    width: 32px;
	background-image: none;
	position: fixed;
	left: 50%;
	margin: 0 auto;
	top: 50%;
	z-index: 999;
	cursor:wait;
}
@keyframes rotation {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(359deg);
}
}
@keyframes rotation {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(359deg);
}
}