@charset "utf-8";
/* Container */
.verticalslider {/*border: 1px solid #666666;*/
overflow: hidden;
width: 100%;
margin: 0 auto;
margin-top: 0px;
height: 242px;
}
/* Tabs */
.verticalslider_tabs {
float: left;
width: 220px;
}
.verticalslider_tabs, .verticalslider_tabs li {
margin: 0px;
padding: 0px;
}
.verticalslider_tabs li {
list-style-type: none;
}
.verticalslider_tabs a:link {
display: block;
width: 200px;
height: 60px;
padding: 14px 10px 6px 10px;
background-color: #00B3DC;
font-size: 12px;
font-weight: bold;
color: #fff;
border-bottom: 1px dotted #fff; /*border-right: 1px solid #666666; border-top: 1px solid #666666; */
text-decoration: none;
}
.verticalslider_tabs a:hover, .verticalslider_tabs a:active {
background-color: #007AA5;
color: #fff;
}
.verticalslider_tabs .activeTab a {
background: #007AA5;
color: #fff;
}
.verticalslider_tabs .activeTab a:hover, .verticalslider_tabs .activeTab a:active {
background: #007AA5;
color: #fff;
}
.verticalslider .arrow {
width: 27px;
height: 60px;
position: absolute;
z-index: 1000;
margin-left: 250px;
margin-top: -55px;
color: #fff;
}
.verticalslider_tabs a h2{
font-size: 14px;
margin-bottom: 3px;
}
/* Contents */
.verticalslider_contents {
float: left;
width: 420px;
display: inline;
margin: 0px;
padding: 0px;
}
.verticalslider_contents li a, .verticalslider_contents a li {
color: #fff;
}
.verticalslider_contents li {
margin: 0px;
padding: 0px;
width: 500px;
overflow: hidden;
padding: 0px;
display: none;
position: absolute;
list-style-type: none;
height: 242px;
}
.verticalslider_contents li h2 {
font-size: 14px;
color: #fff;
margin: 5px 20px;
padding: 0px;
}
.verticalslider_contents li p {
margin: 5px 20px;
padding: 0px;
color: #fff;
font-size: 12px;
line-height: 20px;
}
.verticalslider_contents .activeContent{
display: inline;

}
.verticalslider_contents li img,
.verticalslider_contents .activeContent img{

z-index: 9;
position: absolute; 
top: 0;
left: 0;
}
.verticalslider_contents li span.headline{

z-index: 999;
position: absolute; 
bottom: 10px;
left: 10px;


}
.verticalslider_contents li span.headline h1,
.verticalslider_contents li span.headline h2,
.verticalslider_contents li span.headline h3,
.verticalslider_contents li span.headline p{
	margin-left: 0;
	padding-left: 0;
	color: #333;
}
/* 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;}*/




/* slider */
.verticalslider ul.verticalslider_tabs a h2,
.verticalslider ul.verticalslider_tabs a h1{
font-size: 16px;
font-weight: 600;	
margin: 0;
padding: 0;
color: #fff;

}

.verticalslider ul.verticalslider_tabs a p	{
font-size: 12px;
font-weight: 600;	
margin: 0;
padding: 0;
color: #fff;	
line-height: normal;
}
.subpage .verticalslider{
margin-top: 59px;	
}


ul.verticalslider_tabs.image li.activeTab h1{
}

.verticalslider_content_link {
    color: black;
}