﻿/*---------------------------------
 *  Photos gallery > Vertical
 *---------------------------------*/
.verticalgallery{width:640px; height:350px;}

/* Nav */
.verticalgallery .sliderkit-nav {top:0; left:0; width:95px; height:100%;}
.verticalgallery .sliderkit-nav-clip {left:7px;}
.verticalgallery .sliderkit-nav-clip ul li{margin:0;padding:0;}
.verticalgallery .sliderkit-nav-clip ul li a{display:block;width:75px;height:50px;overflow:hidden;padding:3px;}
.verticalgallery .sliderkit-nav-clip ul li.sliderkit-selected a{padding:0; border:3px solid #900;}
.verticalgallery .sliderkit-nav-clip ul li img{width:75px;height:50px;margin-bottom:-3px;}

/* Nav buttons */
.verticalgallery .sliderkit-nav .sliderkit-nav-btn{position:absolute;left:0;}
.verticalgallery .sliderkit-nav .sliderkit-nav-btn a{display:block;width:95px;height:16px;background:transparent url("../images/arrows-v.png") no-repeat center 0;}
.verticalgallery .sliderkit-nav .sliderkit-nav-btn a span{display:none;}
.verticalgallery .sliderkit-nav .sliderkit-nav-prev{top:15px;}
.verticalgallery .sliderkit-nav .sliderkit-nav-next{bottom:15px;}
.verticalgallery .sliderkit-nav .sliderkit-nav-prev a{background-position:center -89px;}
.verticalgallery .sliderkit-nav .sliderkit-nav-next a{background-position:center -108px;}
.verticalgallery .sliderkit-nav .sliderkit-nav-prev a:hover,
.verticalgallery .sliderkit-nav .sliderkit-nav-prev a:focus{background-position:center -126px;}
.verticalgallery .sliderkit-nav .sliderkit-nav-next a:hover,
.verticalgallery .sliderkit-nav .sliderkit-nav-next a:focus{background-position:center -145px;}

/* Go Buttons */
.verticalgallery .sliderkit-go-btn a{width:200px;height:300px;background:#ccc;opacity:.8;}
.verticalgallery .sliderkit-go-prev{top:0;left:0;}
.verticalgallery .sliderkit-go-next{top:0;right:0;}


.verticalgallery .sliderkit-panels img {width:545px; height:350px; /*min-height:350px;*/}

/* Panel */
.verticalgallery .sliderkit-panel{top:0;left:95px;width:545px;height:350px;}

/* Panel > Textbox */
.verticalgallery .sliderkit-panel .sliderkit-panel-textbox{top:290px; left:0px; height:100px; width:545px;}
.verticalgallery .sliderkit-panel .sliderkit-panel-text{height:100px; padding:10px; font-size:0.9em; color:#fff; width:96%}
.verticalgallery .sliderkit-panel .sliderkit-panel-text h4, .verticalgallery .sliderkit-panel .sliderkit-panel-text .h4{height:auto; margin:0 0 7px; font-weight:bold; border:none; color:#FFF; }
.verticalgallery .sliderkit-panel .sliderkit-panel-overlay{height:100px; width:545px; background:#000; opacity:0.8;}

.verticalgallery .sliderkit-panel .sliderkit-panel-text h3, .verticalgallery .sliderkit-panel .sliderkit-panel-text .h3{font-size:17px; margin:0}
.verticalgallery .sliderkit-panel .sliderkit-panel-text h4, .verticalgallery .sliderkit-panel .sliderkit-panel-text .h4{font-size:18px; margin:0}
.verticalgallery .sliderkit-panel .sliderkit-panel-text p{margin-bottom:5px; margin-top:0;}


/*---------------------------------
 *  Photos gallery > With captions
 *---------------------------------*/
.photogallery{width:630px;height:350px;padding:0 0 76px; background-color:#eee; border-top:4px #CCC solid; border-bottom:4px #CCC solid;}

/* Navbar */
.photogallery .sliderkit-nav{left:0;bottom:0;width:620px;padding:10px;background:#FFF;}
.photogallery .sliderkit-nav-clip ul li{float:left;margin:0;}
.photogallery .sliderkit-nav-clip ul li a{display:block;width:75px;height:50px;overflow:hidden;margin:0 4px 0 0;padding:0;border:3px solid #EEE;}
.photogallery .sliderkit-nav-clip ul li.sliderkit-selected a{padding:0;border:3px solid #900;}
.photogallery .sliderkit-nav-clip img {width:100%; height:100%;}

/* Buttons */
.photogallery .sliderkit-btn{position:absolute;top:0;}
.photogallery .sliderkit-btn a{display:block;height:76px;background:transparent url("../images/arrows-h.png") no-repeat center 0;}
.photogallery .sliderkit-btn span{display:none;}
.photogallery .sliderkit-btn-disable{opacity:0.3/*can be set to any value until 1*/;}
.photogallery .sliderkit-btn-disable a:hover{cursor:default;}

/* Buttons > Navbar buttons */
.photogallery .sliderkit-nav-btn{width:15px;}
.photogallery .sliderkit-nav .sliderkit-nav-prev{left:15px;}
.photogallery .sliderkit-nav .sliderkit-nav-next{right:15px;}
.photogallery .sliderkit-nav .sliderkit-nav-prev a{background-position:-89px center;}
.photogallery .sliderkit-nav .sliderkit-nav-next a{background-position:-108px center;}
.photogallery .sliderkit-nav .sliderkit-nav-prev a:hover,
.photogallery .sliderkit-nav .sliderkit-nav-prev a:focus{background-position:-126px center;}
.photogallery .sliderkit-nav .sliderkit-nav-next a:hover,
.photogallery .sliderkit-nav .sliderkit-nav-next a:focus{background-position:-145px center;}

/* Buttons > Go buttons */
.photogallery .sliderkit-go-btn{width:10px;}
.photogallery .sliderkit-nav .sliderkit-go-prev{left:40px;}
.photogallery .sliderkit-nav .sliderkit-go-next{right:40px;}
.photogallery .sliderkit-nav .sliderkit-go-prev a{background-position:0 center;}
.photogallery .sliderkit-nav .sliderkit-go-next a{background-position:-20px center;}
.photogallery .sliderkit-nav .sliderkit-go-prev a:hover,
.photogallery .sliderkit-nav .sliderkit-go-prev a:focus{background-position:-40px center;}
.photogallery .sliderkit-nav .sliderkit-go-next a:hover,
.photogallery .sliderkit-nav .sliderkit-go-next a:focus{background-position:-60px center;}

/* Panel */
.photogallery .sliderkit-panel{top:0;left:0;width:640px;height:350px; text-align:center;}
.photogallery .sliderkit-panels img {height:350px; max-width:640px;  /*width:640px; min-height:350px;*/}

/* Panel > Textbox */
.photogallery .sliderkit-panel .sliderkit-panel-textbox{bottom:0;left:0;width:640px;height:35px;}
.photogallery .sliderkit-panel .sliderkit-panel-text{height:50px;padding:10px 15px;font-size:0.9em;color:#fff;}
.photogallery .sliderkit-panel .sliderkit-panel-text h4, .photogallery .sliderkit-panel .sliderkit-panel-text .h4{height:auto;margin:0 0 7px;line-height:1.1em;font-size:1.1em;font-weight:bold;border:none;}
.photogallery .sliderkit-panel .sliderkit-panel-overlay{width:640px;height:35px;background:#000;opacity:0.8;}


