@charset "utf-8";
/* CSS Document */

@import url("common.css");
.wrapper{ width:1100px; margin:0 auto; min-height:30px;}

.header{ width:100%; height:30px; background:#000; border-bottom:solid thin #1f1f1f;}
.left50{ width:50%; background:#000 url(../images/left-bg.jpg) no-repeat scroll right top; height:490px; float:left; position:relative; border-bottom:solid 1px #1f1f1f;}
.left50 .inner{ width:550px; position:absolute; left:100%; margin-left:-550px;}
.left50 .inner .mainimagecontainer, .logo{ margin-top:-30px;}

.skdslider{ height:350px;position: relative;}
.skdslider ul.slides{ margin:0; padding:0; list-style-type:none;}
.skdslider ul.slides li{ left: 0; position: absolute; top: 0; display: none;  width:100%;}
.skdslider ul.slides li img{ border:0;}
.skdslider .slide-navs { display:none; bottom:-50px; left: 80%; position: absolute;list-style-type: none; margin: 0; padding: 0;}
.skdslider .slide-navs li { float: left;background:#FFF; height:10px;width:10px;margin-right:4px;cursor:pointer;-webkit-border-radius:50%;-moz-border-radius: 50%;border-radius: 50%;}
.skdslider .slide-navs li.current-slide { background:#FED100;}


.call{ width:250px; height:50px; position:absolute; bottom:-51px; padding:10px 20px; text-align:right; color:#FFF; border-bottom:solid 1px #1f1f1f; right:0; line-height:2em; text-transform:uppercase;}

.left50right{ width:50%; background:#000; min-height:540px; float:left; position:relative; border-bottom:solid 1px #1f1f1f; border-left:solid 1px #1f1f1f; }

.right-bottom{ float:left; width:550px;}
.right-bottom h2{font-family:'HelveticaNeue57Condensed', Arial, Helvetica, sans-serif; font-size:30px; line-height:4.4em; text-align:center; letter-spacing:0.05em;}

.menus{ width:100%; float:left; border-bottom:solid 1px #1f1f1f;}
.menus li{ width:125px; height:133px; position:relative; float:left; border-right:solid 1px #1f1f1f;-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.menus li:hover{ background:#fed100;}
.menus li.last{ border-right:none;}
.menus li img{ width:100%; height:100%;}
.menus.second li{height:134px;}
.menus li a{ text-transform:uppercase; font-size:10px;  display:inline-block; width:100%; height:100%; vertical-align:bottom;
position:absolute; bottom:0; padding:115px 10px 0 10px; color:#fed100; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.menus li:hover a{ color:#000;}

.mobMenu{ display:none; float:right;}

.nav li{ float:left; margin-top:4px;}
.nav li a{ text-transform:uppercase; padding:0 20px; font-size:11px; color:#ccc; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.nav li a:hover, .nav li a.active{ color:#fed100;}

footer{ float:left; padding:20px 0; width:100%;}
footer span{ font-size:10px; color:#666; text-transform:uppercase; line-height:1.7em;}
.fb{opacity:0.6;} .fb:hover{opacity:1;}

.ad{ height:22px; width:200px; background:url(../images/logog.png) no-repeat scroll 55% top; padding:4px 0; color:#989898;-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.ad:hover{ background:url(../images/logog.png) no-repeat scroll 55% bottom;}

.innerpage .left50{ width:30%; background:#000 url(../images/left-bg.jpg) no-repeat scroll -10% top; padding-right:20px; height:490px; float:left; position:relative; border-bottom:solid 1px #1f1f1f;}
.innerpage .left50 .mainimagecontainer, .logo{ margin-top:-30px;}
.innerpage .left50right{ width:70%;}
.innerpage .left50right .right-inner{ max-width:780px; padding:30px 20px;}

.innerpage .products li{ position:relative; float:left; padding-bottom:40px; margin-right:10px; border:solid thin #7c6c12; max-width:32.4%;}
.innerpage .products li:last-child{ margin-right:0;}
.innerpage .products li .bottom{ text-align:center; position:absolute; bottom:0; opacity:1; padding:22px; background:#222222; border-top:#7c6c12 solid thin; width:100%; height:70px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.innerpage .products li:hover .bottom{ height:100%; opacity:0.6;}
.innerpage .products li .bottom h2{color:#fff; position:absolute; bottom:0; padding:20px;  font-size:16px; text-transform:uppercase; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.innerpage .products li:hover .bottom h2{color:#fed100;}
.innerpage .products li .bottom h2 a{color:#fed100;}

.innerpage .product-list li{ width:24%; position:relative; height:205px; margin-right:1%; border:solid thin #7c6c12; float:left;-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.innerpage .product-list li img{ width:100%;}
.innerpage .product-list li:last-child{ margin-right:0;}
.innerpage .product-list li .bottom{ text-align:center; position:absolute; bottom:0; opacity:1; padding:22px; background:#222222; border-top:#7c6c12 solid thin; width:100%; height:40px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.innerpage .product-list li:hover .bottom{ height:100%; opacity:0.8; border-top:0;}
.innerpage .product-list li .bottom h2{color:#fff; position:absolute; bottom:0; padding:10px;  font-size:16px; text-transform:uppercase; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.innerpage .product-list li:hover .bottom h2{color:#fed100;}
.innerpage .product-list li:hover .bottom h2 a{color:#fed100;}


.innerpage .product-list td{ width:24%; position:relative; margin-bottom:10px; height:205px; margin-right:1%; border:solid thin #7c6c12; float:left;-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.innerpage .product-list td img{ width:100%;}
.innerpage .product-list td:last-child{ margin-right:0;}
.innerpage .product-list td .bottom{ text-align:center; position:absolute; bottom:0; opacity:1; padding:22px; background:#222222; border-top:#7c6c12 solid thin; width:100%; height:40px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
/*.innerpage .product-list td:hover .bottom{ height:100%; opacity:0.8; border-top:0;}*/
.innerpage .product-list td .bottom h2{color:#fff; position:absolute; bottom:0; padding:10px;  font-size:16px; text-transform:uppercase; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.innerpage .product-list td:hover .bottom h2{color:#fed100;}
.innerpage .product-list td .bottom h2 a{color:#fed100;}



.innerpage .address{width:70%; border-right:solid thin #666;}
.innerpage .form li{ margin-bottom:10px;}



.imgzoom-overlay {
    background-color: #000;
}

.imgzoom-wrap {
    background: #fff;
    border: solid 1px #bbb;
    padding: 0.8em;
    color: #555;
    font-size: 90%;
    font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    position: absolute;
    box-shadow: 5px 5px 20px #000;
    -moz-box-shadow: 5px 5px 20px #000;
    -webkit-box-shadow: 5px 5px 20px #000;
	background:url(../images/imgzoom-loading.gif) no-repeat scroll center center #FFF;
	
}

.imgzoom-container {
    position: relative;
    margin-bottom: 0.4em;
	max-width:100%;
    overflow: hidden;
	background:url(../images/imgzoom-loading.gif) no-repeat scroll center center;
}

.imgzoom-prev, .imgzoom-next {
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    color: #000;
    width: 50%;
    float: left;
    line-height: 10em;
    text-decoration: none;
    background: url(../images/imgzoom-blank.gif);
    overflow: hidden;
    height: 100%;
    cursor: pointer;
    position: absolute;
    top: 0;
    z-index: 100;
}

.imgzoom-prev {
    margin-left: 0;
    left: 0;
}

.imgzoom-next {
    left: 50%;
    text-align: right;
}

.imgzoom-prev span, .imgzoom-next span {
    display: none;
    width: 4em;
    line-height: 1.5em;
    vertical-align: middle;
    margin-top: 2em;
    padding: 1em;
    position: absolute;
    top: 2em;
}

.imgzoom-prev span {
    border-radius:  0 0.5em 0.5em 0;
    -moz-border-radius: 0 0.5em 0.5em 0;
    -webkit-border-radius: 0 0.5em 0.5em 0;
}
    
.imgzoom-next span {
    right: 0;
    border-radius: 0.5em 0 0 0.5em;
    -moz-border-radius: 0.5em 0 0 0.5em;
    -webkit-border-radius: 0.5em 0 0 0.5em;
}

.imgzoom-prev:hover, .imgzoom-next:hover {
    visibility: inherit;
}

.imgzoom-prev:hover span, .imgzoom-next:hover span {
    background-color: #fff;
    display: block;
}

.imgzoom-wrap-first .imgzoom-prev {
    display: none;
}

.imgzoom-wrap-last .imgzoom-next {
    display: none;
}

.imgzoom-counter, .imgzoom-title, .imgzoom-close {
    float: left;
    width: 20%;
    vertical-align: middle;
}

.imgzoom-title {
    width: 60%;
    color: #333;
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 110%;
}

.imgzoom-close {
    float: right;
    font-weight: bold;
    text-align: right;
    text-transform: uppercase;
    cursor: pointer;
}

.nivoSlider {
	position:relative;
	width:1000px;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 1000px !important;
}

/* If an image is wrapped in a link */

/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }


/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;

}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
.nivo-controlNav a {
	cursor:pointer;
	display:none;
}


.theme-default .nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	text-indent:-9999px;
	border:0;
	opacity: 0;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	background-image: url(images/arrows.png);
	background-repeat: no-repeat;
}
.theme-default:hover .nivo-directionNav a { opacity: 1; }
.theme-default a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
.theme-default a.nivo-prevNav {
	left:15px;
}
