@charset "utf-8";

/* Container */
.verticalslider { overflow: hidden; margin: 0 auto; }

/* Tabs */
.verticalslider_tabs {float: left;width: 260px; position: relative; z-index: 1; box-shadow: 4px 0px 10px rgba(0,0,0,0.3);}
.verticalslider_tabs, .verticalslider_tabs li{margin: 0px; padding: 0px;}
.verticalslider_tabs li{list-style-type: none; position: relative;}
.verticalslider_tabs a:link, .verticalslider_tabs a:visited{display: block; width: 200px; height: 98px; padding: 20px 30px; background: url(../images/vertical-slider-tab-bg.png) repeat-x left top; font: normal 12px/18px Arial, Helvetica, sans-serif; color: #bebebe; text-decoration: none; text-shadow: 0px 1px 0px #fff; }
.verticalslider_tabs a:hover, .verticalslider_tabs a:active{ background-position: left -138px; }
.verticalslider_tabs a span { display: block; color: #9f9f9f; text-transform: uppercase; font: italic normal 18px/24px OpenSans, Arial, Helvetica, sans-serif; margin-bottom: 10px; }
.verticalslider_tabs li:first-child a:link, .verticalslider_tabs li:first-child a:visited{ }
.verticalslider_tabs .activeTab a:link, .verticalslider_tabs .activeTab a:visited,
.verticalslider_tabs .activeTab a:hover, .verticalslider_tabs .activeTab a:active { background-position: left bottom; color: #eee; text-shadow: 0px 1px 1px rgba(0,0,0,0.3); }
.verticalslider_tabs .activeTab span { color: #eee; }
.verticalslider .arrow {background: url(../images/vertical-slider-arrow.png); width: 42px; height: 138px; position: absolute; z-index: 1000; right: -42px; top: 0; }

/* Contents */
.verticalslider_contents{float: left; position: relative; z-index: 0; width: 670px;display: inline; margin: 0px; padding: 0px;}
.verticalslider_contents li{margin: 0px; padding: 0px;width: 670px; overflow: hidden; padding: 0px;display: none;position: absolute;list-style-type: none; }
.verticalslider_contents li img { position: relative; z-index: 0; }
.verticalslider_contents li .caption { position: absolute; bottom: 0; left: 0; width: 570px; padding: 40px 50px; background: #000; background: rgba(0,0,0,0.5); color: #fff; }
.verticalslider_contents li h2{font: italic normal 36px/36px OpenSans, Arial, Helvetica, sans-serif; text-transform: uppercase; color: #fff; margin-bottom: 5px; text-shadow: 0px 2px 3px rgba(0,0,0,0.6); }
.verticalslider_contents li h3 { font: italic normal 18px/24px OpenSans, Arial, Helvetica, sans-serif; color: #fff; text-shadow: 0px 1px 3px rgba(0,0,0,0.6); }
.verticalslider_contents li p{ margin: 0; color: #fff; font: normal 12px/18px Arial, Helvetica, sans-serif; text-shadow: 0px 1px 1px rgba(0,0,0,0.6); }
.verticalslider_contents .activeContent{display: inline;}

/* Play Pause*/
.verticalslider .playPause a{display:block;width: 60px;height: 60px;position:absolute;z-index:50;}
.verticalslider .play a:link,.verticalslider .play a:visited{background: url(../images/plays.png) no-repeat 0 0;display: none;}
.verticalslider .pause a:link,.verticalslider .pause a:visited{background: url(../images/pauses.png) no-repeat 0 0;}	
.verticalslider .pause a:hover,.verticalslider .pause a:active,.verticalslider .play a:hover,.verticalslider  .play a:active{background-position:0px -60px;border-bottom: none;}

/* Float Right Styles 
.verticalslider_tabs {float: right;}
.verticalslider .arrow {margin-left: -27px; background: url(../images/arrow-right.png); }
.verticalslider_tabs a:link, .verticalslider_tabs a:visited{border-left: 1px solid #666666; border-right: none;}
.verticalslider_tabs .activeTab a:link, .verticalslider_tabs .activeTab a:visited{border-left: 1px solid #ffffff;}
.verticalslider_tabs .activeTab a:hover, .verticalslider_tabs .activeTab a:active{border-left: 1px solid #ffffff;}*/