@charset "iso-8859-1";
/* CSS Document */

body{margin:0; padding:0; height:100%; width:100%;}
a.view-panel-grid{position: absolute; bottom: 15px; right: 50px; background: url("../gfx/btn-view-grid.png") 0 0 no-repeat; width: 24px; height: 23px; z-index: 4;}
/* the value of the brand : box expanded */
iframe{position:relative;}
#expBox-cnt{position:relative; width:100%; height:100%; background:#000;}
#expBox-cnt h2{display: block; margin:0; padding: 18px 17px 18px 10px; font:18px/19px 'Gotham 5r','Gotham A','Gotham B','Gotham-Medium',Arial,Helvetica,sans-serif; font-weight:500; font-style:normal; /*font-weight:normal;*/ color:#fff; text-transform:uppercase; text-align: left;}
.sliders-wrap{position: relative;margin: 0 0 0 11px; width: 699px; height: 415px;}
.sliders-wrap > footer{display: none; position: absolute; bottom: 0; left: 0; height: 48px; width: 100%;}
.sliders-wrap .back{position: absolute; bottom: 20px; left: 10px; font:12px/13px 'Gotham 5r','Gotham A','Gotham B','Gotham-Medium',Arial,Helvetica,sans-serif; font-weight:500; font-style:normal; /*font-weight:normal;*/ color:#fff; text-transform:uppercase; text-decoration: none;}
.sliders-wrap .caption{position: absolute; bottom: 0; left: 60px; margin:0; height: 48px; width: 560px; text-align: center; font:18px/48px 'Gotham 5r','Gotham A','Gotham B','Gotham-Medium',Arial,Helvetica,sans-serif; font-weight:500; font-style:normal; /*font-weight:normal;*/ color:#fff; text-transform:uppercase;}
.sliders-wrap .caption em{font:18px/48px 'Gotham 5r','Gotham A','Gotham B','Gotham-Medium',Arial,Helvetica,sans-serif; font-weight:500; font-style:normal; /*font-weight:normal;*/ color:#fff; text-transform:uppercase;}
.sliders-wrap .name-story{position: absolute; bottom: 0; left: 0; margin:0; padding:0; height: 48px; width: 100%;}
.sliders-wrap .name-story li{float: left; padding: 7px 9px 0 3px; width: 162px; list-style:none; font-size:14px; line-height:14px; font-family:'Gotham 4r','Gotham A','Gotham B','Gotham-Book',Arial,Helvetica,sans-serif; font-weight:400; font-style:normal; /*font-weight:normal;*/ color:#fff; text-align: left;}
.sliders-wrap .name-story li.first{padding: 7px 12px 0 0;}
#expBox-cnt .slider-ctr{position: absolute; top:0; border:1px solid #d7dbdd; width: 160px; height: 364px; overflow: hidden; z-index: 1;}
#slider1{left:0;}
#slider2{left:176px;}
#slider3{left:350px;}
#slider4{left:525px;}
#expBox-cnt .slider-ctr .panel-enlarge{position: absolute; top: 0; right: 0; padding: 178px 0 0; width: 16px; height: 100%; background:url("../gfx/panel-enlarge-photo.png") 0 0 repeat; z-index: 9; cursor: pointer;}
#expBox-cnt .slider-ctr .panel-enlarge .arr{position: absolute; top: 188px; background: url("../gfx/spr-arr-panel-enlarge.png") 0 0 no-repeat; width: 10px; height: 15px;}
#expBox-cnt .slider-ctr .panel-enlarge .arr-sx{left: 3px; background-position: 0 0;}
#expBox-cnt .slider-ctr .panel-enlarge p{display: none; position: absolute; top: 172px; left: 13px; font:11px/12px 'Gotham 5r','Gotham A','Gotham B','Gotham-Medium',Arial,Helvetica,sans-serif; font-weight:500; font-style:normal; /*font-weight:normal;*/ color:#fff; text-transform:uppercase;}
#expBox-cnt .slider-ctr .panel-enlarge .arr-dx{display: none; right: 3px; background-position: -10px 0;}
#expBox-cnt .slider-cnt{position: relative; overflow: hidden; width: 100%; height: 366px;}
#expBox-cnt .slider-ctr .items{position:absolute; left: 0; width:100%; clear:both;}
.slider-ctr .item{position: relative; height: 366px; overflow: hidden;}
.slider-ctr .item img{position: absolute; top:0; left: 0; z-index: 1;}
.slider-ctr .item.center img{left: -263px;}
.slider-ctr .item.right img{left: -526px;}
.slider-ctr a.browse{position: absolute; margin-left: -15px; width: 30px; height: 14px; background: url("../gfx/spr-arrow-slider-expBox.png") 0 0 no-repeat; cursor: pointer; z-index: 99;}
.slider-ctr a.up{top:9px; left: 50%;}
.slider-ctr a.down{bottom:9px; left: 50%; background-position: 0 -14px;}
.slider-ctr a.disabled{display: none;}
/* Panel grid */
.sliders-wrap .grid-ctr{display: none; position: absolute; top:0; left: 0; border:1px solid #d7dbdd; padding: 20px 0 0; width: 686px; height: 344px; background: #000; overflow: hidden; z-index: 9999;}
.sliders-wrap .grid-ctr ul{display: inline-block; margin: 0 auto 0; padding:0; height: 323px; overflow: auto; min-width: 665px;}
.sliders-wrap .grid-ctr li{position: relative; float: left; margin: 20px 6px; width: 121px; height: 121px; z-index: 99999; cursor: pointer;}
.sliders-wrap .grid-ctr li img{display: block; border: 1px solid #d7dbdd;}
.sliders-wrap .grid-ctr li p{position: absolute; bottom: 0; left: 1px; margin:0; padding: 15px 5px 0 0; width: 115px; height: 21px; background: url("../gfx/panel-enlarge-photo.png") 0 0 repeat; text-align: right; font:16px/17px 'Gotham 5r','Gotham A','Gotham B','Gotham-Medium',Arial,Helvetica,sans-serif; font-weight:500; font-style:normal; /*font-weight:normal;*/ color:#fff; text-transform:uppercase;}
.sliders-wrap .grid-ctr .jspVerticalBar{right:4px; width:8px!important; background: #ffffff!important; opacity:0.5!important;}
.sliders-wrap .grid-ctr .jspTrack{background:#000!important; opacity:0.5;}
.sliders-wrap .grid-ctr .jspDrag{background:#fff!important; opacity:0.5;}
.sliders-wrap .grid-ctr .jspPane{left: 0;}