/* billboard */
.billboard {
	width:950px;
	margin:0 0 0 1px;
	padding:4px 5px 5px 4px;
	height:374px;
	background:url(../i/billboard-yellow-bg.jpg) no-repeat 0 0;
	position:relative;
	}
	.corner-l, .corner-r {
		display:block;
		line-height:1px;
		font-size:1px;
		overflow:hidden;
		width:4px;
		height:62px;
		position:absolute;
		z-index:1;
		top:0px;
		left:0px;
		background:url(../i/billboard-corners.png) no-repeat 0 0;
		}
		.corner-r {
			left:186px;
			background-position:-4px 0;
			}
		.tabs dt.selected .corner-l {background-position:0 -62px; left:3px;}  
		.tabs dt.selected .corner-r {background-position:-4px -62px; left:189px;}  
	.tabs {
		width:950px;		
		height:374px;
		overflow:hidden;
		zoom:1;
		position:relative;
		z-index:3;
		background:#fbea65 url(../i/billboard-yellow-bg.jpg) no-repeat -4px -4px;
		overflow:hidden;		
		}
/* DT */
		.tabs dt {
			float:left;
			width:113px;
			padding:0 7px 0 70px;
			margin-top:312px;		
			height:62px;		
			cursor:pointer;	
			position:relative;
			overflow:hidden;
			z-index:2;
			font-size:12px;
			line-height:16px;
			color:#685e12;
			text-shadow:0 0 2px #ffef9a;
			}		
			.tabs dt p {				
				display: table;
				position: relative;
				overflow: hidden;			
				height:62px;				
				}		
				.tabs dt p span{
					*position: absolute;
					*top: 50%;
					display: table-cell;
					vertical-align: middle;
					}
					.tabs dt p span em{
						*position: relative; 
						*top: -50%;
						font-style:normal;
						}
			.tabs dt ins {
				text-decoration:none;
				display:block;
				width:190px;
				height:62px;
				background:url(../i/billboard-dark-tab-bg.png) no-repeat 0 0;
				position:absolute;
				top:0px;
				left:0px;
				}
			.tabs dt.selected {
				z-index:4;
				background:none;
				cursor:auto;
				background:url(../i/billboard-active-tab-bg.png) no-repeat 0 0;
				margin-left:-3px;
				margin-right:-3px;
				padding:0 10px 0 73px;
				}
				.tabs dt.selected ins { display:none;}
				
		.tabs dt img {
			position:absolute;
			top:0px;
			left:0px;
			}
			.tabs dt.selected img { left:3px;}
			
			
/* 4 tabs-billboard*/
.tabs-4 .tabs dt {
	width:160px;
	overflow:visible;
	}
	.tabs-4 .tabs dt.selected {
			background:url(../i/billboard-active-tab-bg-4tabs.png) no-repeat 0 0;
			}
	.tabs-4 .tabs dt ins {
		background:url(../i/billboard-dark-tab-bg-4tabs.png) no-repeat 0 0;
		width:237px;
		}
	.tabs-4 .tabs dt p {
		padding-right:10px;
		}
		
.corner-r {
		left:235px;
		background-position:-4px 0;
		}
		.tabs-4 .tabs dt.selected .corner-r {background-position:-4px -62px; left:238px;}  
		
			
			
/* DD */
		.tabs dd {
			visibility:hidden;
			float:right;
			width:100%;
			overflow:hidden;
			height:310px;
			margin:0 0 0 -100%;
			position:relative;
			z-index:3;
			}			
			.tabs dd.selected {
				visibility:visible;
				}
				
				.billboard-content {
					padding:20px 16px 0 16px;
					overflow:hidden;
					font-size:1.2em;
					color:#7a6d11;
					text-shadow:0 1px 0 #fdf2a4;
					position:relative;
					}
					.billboard-content .left {
						float:left;
						width:496px;
						height:280px;
						overflow:hidden;
						margin-right:64px;
						position:relative;
						}
					.billboard-content .right {
						float:left;						
						width:355px;
						height:280px;
						position:relative;						
						}						
					
					.billboard-content p {
						margin-bottom:10px;
						text-align: justify;
						}
						.billboard-content p.inline {
							display:inline;					
							}
					.billboard-content a {
						text-decoration:underline;
						text-shadow:none;
						}
										
					.billboard-content .columns-2 {
						width:500px;
						margin:0 0 10px 0;
						}
						.billboard-content .columns-2 .col {
							width:230px;
							margin:0 20px 0 0;
							}
					.billboard-content ul {
						font-size:.86em;
						line-height:1.16em;
						margin-bottom:7px;
						}
						.billboard-content ul li {
							background:url(../i/list-item-line-billboard.png) no-repeat 0 .65em;
							padding-left:16px;							
							margin-bottom:3px;
							}
					
					
					.billboard-content h1 {
						color:#7a6d11;
						font-size: 18px;
						line-height:20px;
						margin: 0 0 12px;						
						}
					.billboard-content .img-heading {text-indent:-999999px; line-height:22px;}					
						.billboard-content .why-ukraine { background:url(../i/headings/BillboardWUkraine.png) no-repeat 0 0;}
						.billboard-content .mt-ukraine {background:url(../i/headings/BillboardMT.png) no-repeat 0 0;}
						.billboard-content .wellcome-to-ukraine {background:url(../i/headings/BillboardWellcomeToUkraine.png) no-repeat 0 0;}
						.billboard-content .what-is-mt {background:url(../i/headings/Billboard.WiMT.png) no-repeat 0 0;}
						.billboard-content .smile_open_doors { background:url(../i/headings/billboardsmile_open_doors.png) no-repeat 0 0;}
						.billboard-content .ophthalmology { background:url(../i/headings/BillboardEyeSurgery.png) no-repeat 0 0;}
						.billboard-content .evewrything-we-do { background:url(../i/headings/BillboardInfertility.png) no-repeat 0 0;}
						.billboard-content .discover { background:url(../i/headings/BillboardDiscover.png) no-repeat 0 0;}
					
					.billboard-content .billboard-img {
						margin:0 5px 0 30px;
						float:right;
						}
					
/**/
.billboard-video-holder {
	position:relative;
	width: 320px;
	height:273px;
	background:url(../i/video-player-yellow.png) no-repeat -33px 0;
	position:relative;
	padding:0px 4px;
	font-size:12px;
	line-height:18px;
	top:-10px;
	color:#fff;
	}
	
/* root element for the whole scrollable setup */

div.scrollable {
	position:relative;
	overflow:hidden;
	width: 320px;
	height:265px;
	margin:4px 0 3px 0;
	display:inline;
	float:left;
	}
	.thumbs {
		position:absolute;
		width:20000em;
		clear:both;
		}
	.thumbs div.frame-content {
		float:left;
		width:320px;
		height:265px;
		}
		
/* Arrows */
	a.prev, a.next, a.prevPage, a.nextPage {
		display:block;
		width:17px;
		height:29px;		
		float:left;
		cursor:pointer;
		position:absolute;
		}	
	a.disabled {

		visibility:hidden !important;
		}
	a.prev, a.prevPage {
		top:122px;
		left:-37px;
		background:url(../i/video-player-yellow.png) no-repeat 0 -172px;		
		}
		a.prev:hover, a.prevPage:hover { background-position:0 -122px;}
		
	a.next, a.nextPage {
		background:url(../i/video-player-yellow.png) no-repeat -376px -172px;	
		clear:right;
		top:122px;
		right:-32px;
		}
		a.next:hover, a.nextPage:hover { background-position:-376px -122px;}
		
/*********** navigator ***********/
	div.navi {
		position:relative;
		margin:3px 0 0 137px;
		float:left;
		display:inline;
		z-index:2;
		}
		
		div.navi a {
			text-decoration:none;
			width:13px;
			height:13px;
			font-size:1px;
			overflow:hidden;
			position:relative;
			float:left;
			cursor:pointer;
			background:#d4bd34 url(../i/video-player-yellow.png) -210px -325px; 				
			margin:0 7px 0 0;
			padding:0;
			display:inline;
			}
			div.navi a:hover {
				background-position:-190px -325px;
				background-color:#ad9d24;
				}
			div.navi a.active , div.navi a.active:hover {
				background-position:-170px -325px;
				background-color:#67a1b5;
				}