@import url("reset.css");

@import url("form.css");

@import url("thickbox.css");

html{
/*overflow: -moz-scrollbars-vertical;*/
}

html, body {
/*height: 100%;*/
}

#content ul li p{
display:none;
}

body {
background:#afe8ff url("overall_bg.jpg") no-repeat 50% 0;
min-height:100%;
color:#0063c7;
font-family:Arial,Tahoma,Verdana,sans-serif;
font-size:13px;
line-height:17px;
}

p{
color:#0063c7;
font-family:Arial,Tahoma,Verdana,sans-serif;
font-size:13px;
line-height:17px;
margin:1em 0;
}

blockquote p{
margin:0;
padding:0;
}

a:link, a:visited{
text-decoration:none;
color:#00adee;
}

img:link, img:visited, img:hover, img:active, img:focus{
background:none;
background:transparent;
}

a:link img, a:visited img, a:hover img, a:active img, a:focus img{
background:none;
background:transparent;
}

a:hover{
/*text-decoration:underline;*/
color:#096aca;
}


h1, h2, h3, h4, h5, h6{
font-family:Arial,Tahoma,Verdana,sans-serif;
margin:1em 0;
}

h1{
font-size:21px;
margin-top:0;
}

h2{
font-size:17px;
}

h3, legend{
font-size:15px;
}

table {
border-collapse:collapse;
width:100%;
margin:20px 0;
}

table th {
border:1px solid #a60f0f;
padding:5px 10px;
background-color:#8b080e;
font-weight:bold;
text-align:left;
color:#fff;
}

table td {
border:1px solid #a60f0f;
padding:3px 10px;
background-color:#b61014;
font-size:11px;
color:#f2e1c2;
}

ul, ol {
margin:5px 0 5px 0;
}

ul li, ol li {
margin:0px 0 0px 25px;
padding:0;
font-size:12px;
color:#fff;
}

ol, ol li{
list-style-type: decimal;
list-style-position: outside;
color#fff;
} 

ul li{
list-style-type: disc;
list-style: disc;
color:#fff;
}

blockquote {
border-left:5px solid #8b080e;
margin:10px 0 20px 20px;
padding:20px 25px 20px 25px;
background-color:#b61014;
float:left;
}

blockquote, blockquote p {
font-size:12px;
}

#wrapper {
width:830px;
padding:20px 60px 0 0px;
position:relative;
left:45px;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto;
background:transparent no-repeat 0 0;
}


#bcorners{
height:193px;
width:100%;
display:none;
}

/*
.push{
height:193px;
width:100%;
}
*/

h1#logo{
width:470px;
height:95px;
background:url("logo.jpg") no-repeat 0 0;
margin:0;
padding:0;
border-bottom:3px solid #fff;
}

h1#logo.eng{
background-image:url("logo_eng.jpg");
}

h1#logo a.logo{
display:block;
width:255px;
height:40px;
margin:0 auto;
position:relative;
top:28px;
text-indent: -9999px;
}

#navigation a.video{
background:url("video_icon.jpg") no-repeat 100% 50%;
padding-right:15px;
color:#c2e6eb;
font-weight:bold;
float:left;
margin-top:-90px;
margin-left:10px;
}

/*

BACKUP

ul#mainmenu{
padding:0;
margin:0;
border-top:6px solid #fff;
background: url("mainmenubg_active.jpg") repeat-x 0 0;
width:100%;
float:left;
height:26px;
}

ul#mainmenu li{
display:block;
float:left;
margin:0;
padding:0;
}

ul#mainmenu li a{
float:left;
padding:5px 7px 7px 7px;
background: url("mainmenubg_active.jpg") repeat-x 0 0;
color:#fff;
}

ul#mainmenu li a.on, ul#mainmenu li a:hover{
background-image:url("mainmenubg.jpg");
color:#aedee4;
}

*/


ul#mainmenu{
padding:0;
margin:0;
border-top:6px solid #fff;
background:#009cf4;
width:100%;
float:left;
height:37px;
overflow:hidden;
}

ul#mainmenu li{
display:block;
float:left;
width:94px;
height:37px;
margin:0;
padding:0;
vertical-align:middle;
}

ul#mainmenu li a{
display:block;
height:37px;
text-align:center;
vertical-align:middle;
padding-top:3px;
line-height:1.2em;
background:#0094f0;
color:#fff;
font-weight:bold;
}

ul#mainmenu li a.on, ul#mainmenu li a:hover{
background:#0071c3;
color:#aedee4;
}

ul#meta{
float:right;
background:transparent url("metabg.jpg") no-repeat 0 0;
margin:0;
width:166px;
height:29px;
padding:5px 0 0 15px;
position:relative;
top:-120px;
}

ul#meta li{
float:left;
margin:0;
padding:0 6px;
}

ul#meta li a{
font-family:"Trebuchet MS",Tahoma,Arial,Verdana,sans-serif;
font-size:11px;
border-bottom:none;
}

ul#meta li a:hover{
text-decoration:underline;
}

#ordernow{
float:right;
width:300px;
height:189px;
margin:76px 0 0 0;
position:relative;
left:167px;
cursor:pointer;
cursor:hand;

}

#content{
width:345px;
float:right;
overflow:hidden;
}

#content.data{
background: transparent url("content_bg.png") no-repeat 0 0;
height:472px;
width:295px;
padding:18px 15px 20px 35px;
overflow:hidden;
margin:-3px 0 9px 0;
position:relative;
overflow:hidden;
}

#content.data a{
color:#34762a;
}

#content.data a:hover{
color:#fff;
}


#text{
display:none;
}

#container{
overflow:auto;
height:375px;
width:295px;
}

#text p, #text h1, #text h2, #text h3{
color:#fff;
}

#text h2{
text-transform:uppercase;
}

ul#submenu {
margin:0;
padding:0;
}

ul#submenu li {
margin:0;
padding:0;
list-style:none;
background:url("submenuseparator.gif") no-repeat bottom left;
}

ul#submenu li a{
color:#fff;
width:100%;
font-weight:bold;
font-size:12px;
border-bottom:none;
display:block;
background:url("submenuitem.gif") no-repeat center left;
padding:7px 0 7px 20px;
}

ul#submenu li a:hover{
background:url("submenuitemhover.gif") no-repeat center left;
}

ul#submenu li a.on{
background:url("submenuon.png") no-repeat center left;
position:relative;
left:-30px;
padding-left:50px;
}

#navigation{
float:left;
width:470px;
border:3px solid #fff;
}

#banner{
float:right;
width:327px;
height:156px;
background:url("banner_bg.jpg") no-repeat 0 0;
margin-top:-7px
}

#bannercontent{
margin:11px 0 0 13px;
}

embed, object{
position:relative;
z-index:1;
}

#footer{
clear:both;
width:95%;
padding-right:5%;
position:relative;
}

#weather{
background:url("weather_bg.jpg") no-repeat 0 0;
float:left;
width:489px;
height:91px;
position:relative;
left:-13px;
}

#weather #promo{
float:left;
width:102px;
padding-left:20px;
padding-top:30px;
}

#weather #promo span{
color:#fff;
text-transform:uppercase;
font-size:9px;
line-height:1.3em;
text-align:right;
float:left;
width:55px;
}


#weather #currentweather{
padding-top:11px;
float:right;
width:342px;
}

#weather #currentweather strong{
float:left;
width:90%;
text-align:center;
margin-bottom:8px;
}

span.weatheritem{
float:left;
text-align:center;
width:90px;
font-size:11px;
}

span.weathertitle{
background:url("weatheritem_bg.jpg") no-repeat 0 0;
margin-top:4px;
float:right;
width:90px;
height:16px;
font-weight:bold;
color:#fff;
font-size:10px;
text-align:center;
}

.valigntop{
vertical-align:top;
float:left;
}



#weather #promo img{
float:right;
}

#weather strong em{
font-size:13px;
margin-right:5px;
}

#weather strong{
font-size:11px;
}

#footer ul, ul#languageselect{
margin:0;
padding:0;
}

#footer ul{
padding-top:10px;
}

#footer ul li,ul#languageselect li {
margin:0;
padding:0;
list-style:none;
background:none;
float:left;
}

#footer ul li a, ul#languageselect li a{
border-right:1px solid #096aca;
padding-right:13px;
margin-right:13px;
font-weight:bold;
}

#footer ul li a{
color:#096aca;
padding-right:5px;
margin-right:5px;
}

#footer ul li a:hover{
color:#00adee;
}



ul#languageselect li a{
font-size:11px;
margin-right:7px;
padding-right:7px;

}

ul#languageselect li:last-child a{
border:0;
}


ul#languageselect{
padding:0 0 20px 10px;
}

ul#languageselect li a{
text-transform:uppercase;
}

#footer address{
font-style:normal;
text-align:center;
float:right;
font-weight:bold;
font-size:12px;
position:relative;
top:-15px;
}

#logos{
float:right;
clear:both;
text-align:left;
position:absolute;
top:-516px;
left:-74px;
}



#logos #oko{
float:left;
clear:both;
background:#fff url("oko.jpg") no-repeat 0 0;
border:13px solid #fff;
border-right-width:14px;
border-bottom-width:11px;
width:40px;
height:40px;
text-indent:-9999px;
}

#logos #el{
float:left;
clear:both;
background:#fff url("el_logo.gif") no-repeat 0 0;
border:13px solid #fff;
border-right-width:14px;
border-bottom-width:15px;
width:40px;
height:38px;
text-indent:-9999px;
}

#logos #rak{
float:left;
clear:both;
background:#fff url("rak_logo.gif") no-repeat 0 0;
border:16px solid #fff;
border-top-width:8px;
border-bottom-width:8px;
width:35px;
height:34px;
text-indent:-9999px;
}

#logos #eleng{
float:left;
background:#fff url("el_logo_eng.gif") no-repeat 0 0;
border:10px solid #fff;
border-top-width:15px;
border-bottom-width:15px;
width:40px;
height:38px;
text-indent:-9999px;
margin:0 0 0 45px;
}

#logos #rakeng{
float:left;
background:#fff url("rak_logo_eng.gif") no-repeat 0 0;
border:10px solid #fff;
border-top-width:17px;
border-bottom-width:17px;
width:35px;
height:34px;
text-indent:-9999px;
}

#logos #gk{
float:left;
clear:both;
background:#fff url("greenkey.gif") no-repeat 0 0;
border:16px solid #fff;
border-top-width:4px;
border-bottom-width:4px;
width:35px;
height:34px;
text-indent:-9999px;
}

#logos #esl{
float:left;
clear:both;
background:#fff url("esl.jpg") no-repeat 0 0;
border:5px solid #fff;
border-top-width:9px;
border-bottom-width:5px;
width:57px;
height:31px;
text-indent:-9999px;
}

#logos #baltic{
margin-top:10px;
float:left;
clear:both;
background:#fff url("/balticshuttle.jpg") no-repeat 0 0;
border:none;
width:67px;
height:180px;
text-indent:-9999px;
}


.clearer {
overflow:hidden;
margin:0 0 -1px 0;
height:1px;
clear:both;
}

.half{
width:350px;
float:left;
}

#contextmenu{
padding:15px 0 10px 0;
color:#34762a;
}

#contextmenu h2{
font-size:17px;
margin:1em 0 0 0;
}

#content #contextmenu a{
font-weight:bold;
font-size:12px;
color:#fff;
}

#content #contextmenu a:hover, #content #contextmenu a.on{
color:#34762a;
}

/* KÕIK FLASH ASJAD FLOATIMA */

#video{
float:left;
width:470px;
height:360px;
background:#cbf6ff;
}

#video *{
float:left;
}

div#packets{
margin:40px 0 5px 0;
display:block;
height:322px;
}

/* CUSTOM SCROLLBAR */

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #bee03a;
}
.jScrollPaneDrag {
	position: absolute;
	background: #70a800;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}