@charset "utf-8";

/* Container */
.verticalslider {height: 100%; display: block;}

/* Tabs */
.verticalslider_tabs {padding-top: 280px;}
.verticalslider_tabs, .verticalslider_tabs li{margin: 0px;}
.verticalslider_tabs li{float: left; text-align: center;}
.verticalslider_tabs li a{background-image: url(../img/sdr-bod.png); background-repeat: no-repeat; background-position: left center; background-color: #eeeeee;}
.verticalslider_tabs li:first-child a{background-image: none;}
.verticalslider_tabs a:link, .verticalslider_tabs a:visited{padding: 10px 0; display: block; width: 140px; color: #555; border-top: 2px solid transparent;}
.verticalslider_tabs a:hover, .verticalslider_tabs a:active{background-color: #f8f8f8; color: #339999; border-top: 2px solid #69c2d2; position: relative;}
.verticalslider_tabs a:hover:after, .verticalslider_tabs a:hover:before{top: -12px; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;}
.verticalslider_tabs a:hover:after{border-color: rgba(238, 238, 238, 0); border-bottom-color: #69c2d2; border-width: 5px; margin-left: -5px;}
.verticalslider_tabs a:hover:before{border-color: rgba(238, 238, 238, 0); border-bottom-color: #69c2d2; border-width: 6px; margin-left: -6px;}
.verticalslider_tabs li:first-child a:link, .verticalslider_tabs li:first-child a:visited{}
.verticalslider_tabs .activeTab a:link, .verticalslider_tabs .activeTab a:visited{background-color: #f8f8f8; color: #339999; border-top: 2px solid #69c2d2;}
.verticalslider_tabs .activeTab a:hover, .verticalslider_tabs .activeTab a:active{background-color: #f8f8f8; color: #339999; border-top: 2px solid #69c2d2;}
.verticalslider .arrow{position: relative; margin-top: -20px;}
.verticalslider .arrow:after, .verticalslider .arrow:before{top: -32px; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;}
.verticalslider .arrow:after{border-color: rgba(238, 238, 238, 0); border-bottom-color: #69c2d2; border-width: 5px; margin-left: -5px;}
.verticalslider .arrow:before{border-color: rgba(238, 238, 238, 0); border-bottom-color: #69c2d2; border-width: 6px; margin-left: -6px;}

/* Contents */
.verticalslider_contents{width: 100%; display: inline;}
.verticalslider_contents li{display: none; position: absolute;}
.verticalslider_contents li img{border-radius: 4px 4px 0 0; overflow: hidden; box-shadow: 0 -2px 4px rgba(51,153,153,0.4);}
.verticalslider_contents .activeContent{display: inline;}

/* Play Pause*/
.verticalslider .playPause a{display:block;width: 60px; height: 60px; position:absolute; z-index: 9999; display: none;}
.verticalslider .play a:link,.verticalslider .play a:visited{background: url(../img/plays.png) no-repeat 0 0;display: none;}
.verticalslider .pause a:link,.verticalslider .pause a:visited{background: url(../img/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(../img/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;}*/