/* - - - - - - - - - - - - - - - - - - - - -

Title : 
Author : 
URL : 

Description : 

Created : 
Modified : 

- - - - - - - - - - - - - - - - - - - - - */

/* ----- CSS ----- */

*{
	padding: 0px;
	margin: 0px;
}	
html{
}	

body{
	/*font-family: Verdana, "Times New Roman", Times, serif;*/
	font-family: Verdana, "Times New Roman", serif;
	color: #333;	
	font-size: 10pt;
	padding: 0;
	margin: 0;
	text-align: center;
	background-color: #064a6f;
}

/* ----- IDS ----- */


#container_1{
	
	background: #b1dbf4 url(../image/body_bg4_.jpg) 100% 100% repeat-x;
}

#container_2{
	background: transparent url(../image/container_bg.jpg) 0 0 repeat-x;
}

#container_3{
	/*background: transparent url(../image/sea2.jpg) 0 100% repeat-x;*/
}
#container{
	position: relative;
	margin: 0 auto;
	text-align: center;
	width: 980px;
	/*background: transparent url(../image/sea.jpg) 50% 100% no-repeat;*/
}


#header{
	position: relative;
	height: 127px;
	margin: 0 auto;
	text-align: center;
	width: 950px;
	padding: 0 15px;
}

#flashDiv{
	position: absolute;
	left: 260px;
	top: 45px;
}
#flashDiv a{
	text-decoration: none;
}

#logo{
	float: left;
	width: 220px;
	height: 90px;
	background: transparent url(../image/travel_logo.jpg) 5px 5px no-repeat;
	cursor: hand;
}

#headerGraphic{
	position: absolute;
	width: 860px;
	height: 60px;
	top: 40px;
	left: 135px;
	background: transparent url(../image/header_graphic.jpg) 0 0 no-repeat;
}

#upperMenu{
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 11pt;
}

#login{
	position: absolute;
	right: 10px;
	top: 0px;
	width: 239px;
	height: 65px;
	text-align: center;
	color: white;
	font-size: 8pt;
	font-style: italic;
	background: transparent url(../image/loginOn.jpg) 100% 100% no-repeat;
}

#login a{
	font-size: 9pt;
	color: white;
	font-weight: bold;
	font-style: normal;
	line-height: 18px;
	text-decoration: none;
}
#login a:hover{
	text-decoration: underline;
}
a.login{
	font-size: 9pt;
	color: #333;
	padding: 4px;
	text-decoration: none;
}

a.login:hover{
	color: red;
	text-decoration: underline;
}

#lang{
	position: absolute;
	left:230px;
	top: 7px;
}

a.language{
	font-size: 8pt;
	color: #333;
	padding: 4px;
	text-decoration: none;
}
a.language:hover{
	color: red;
}
a{
	text-decoration: none;
}

.cornerDiv{
	position: relative;
	margin: 0 auto;
	text-align: center;
	width: 980px;
}

.cornerHeader{
	margin: 0 auto;
	height: 18px;
	background: transparent url(../image/upperCorner.png) 0 0 no-repeat;
}

.cornerFooter{
	margin: 0 auto;
	height: 18px;
	background: transparent url(../image/lowerCorner.png) 0 0 no-repeat;
}

*html .cornerHeader{
	background: transparent url(../image/upperCorner.gif) 0 0 no-repeat;
}
*html .cornerFooter{
	background: transparent url(../image/lowerCorner.gif) 0 0 no-repeat;
}

.cornerBody{
	position: relative;
	margin: 0 auto;
	padding: 0 25px;
	width: 930px;
	background: transparent url(../image/bodyCorner.gif) 0 0 repeat-y;
}

.mainHeader{
	margin: 0 auto;
	height: 35px;
	background: transparent url(../image/submenuCorner_newBig.png) 0 0 no-repeat;
}

.mainBody{
	position: relative;
	margin: 0 auto;
	width: 980px;
	background: transparent url(../image/bodyCornerBig.gif) 0 0 repeat-y;
}

.mainCornerFooter{
	margin: 0 auto;
	height: 18px;
	background: transparent url(../image/lowerCornerBig.png) 0 0 no-repeat;
}

a.leftBigArrow{
	position: absolute;
	width: 61px;
	height: 78px;
	top: 15px;
	left: 14px;
	background: transparent url(../image/left_bigArrow.png) 0 0 no-repeat;
}
a.leftBigArrow:hover{
	background: transparent url(../image/left_bigArrow.png) 0 100% no-repeat;
}

*html a.leftBigArrow{
	background: transparent url(../image/left_bigArrow.gif) 0 0 no-repeat;
}
*html a.leftBigArrow:hover{
	background: transparent url(../image/left_bigArrow.gif) 0 100% no-repeat;
}
a.rightBigArrow{
	position: absolute;
	width: 61px;
	height: 78px;
	top: 15px;
	right: 14px;
	background: transparent url(../image/right_bigArrow.png) 0 0 no-repeat;
}
a.rightBigArrow:hover{
	background: transparent url(../image/right_bigArrow.png) 0 100% no-repeat;
}

*html a.rightBigArrow{

	background: transparent url(../image/right_bigArrow.gif) 0 0 no-repeat;
}
*html a.rightBigArrow:hover{
	background: transparent url(../image/right_bigArrow.gif) 0 100% no-repeat;
}

.containerGradient{
	position: relative;
	margin: 0 auto;
	text-align: center;
	width: 980px;
	/*background: #ececec url('../image/content_bg.jpg') 0 0 repeat-y;*/
}

#grayDiv{
	/*background: #393738 url('../image/gray_bg.jpg') 0 50% repeat-x;*/
	border-top: 1px solid #eee;
	border-bottom: 1px solid white;
}

#footer{
	width: 980px;
	margin: 0 auto;
	text-align: center;
}

#footerCopyright{
	height: 30px;
	color: white;
	
	font-size: 8pt;
	width: 950px;
	margin: 0 auto;
	text-align: center;
	padding: 0 15px;
	padding-top: 6px;
}

#footerLeft {
	float: left;
	text-align: left;	
	padding-left: 10px;
}

#footerRight {
	float: right;
	text-align: right;
	padding-right: 10px;
}




#mainContent{
	float: right;
/*	margin-left: 260px;*/
	width: 730px;
	margin-right: 5px;
/*	background-color: red;*/

}

#mainContentBackground{
	background: transparent url('../image/mainBodyBig.jpg') 0 0 repeat-y;
}

#mainFooter{
	height: 20px;
	background: transparent url('../image/mainFooterBig.jpg') 0 0 no-repeat;
}

#breadcrumps{
	margin-left: 260px;
	margin-right: 20px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-top: 11px;
	text-align: right;
}
#breadcrumps span{
	font-style: italic;
	color: #666;
	font-size: 7pt;
}
#breadcrumps a{
	text-decoration: none;
	color: #666;
	font-size: 7pt;
}
#breadcrumps a:hover{
	color: #333;
}

#mainContent ul{
	text-align: left;
	margin-top: 10px;
	margin-left: 50px;
}
#mainContent ol{
	text-align: left;
	margin-top: 10px;
	margin-left: 50px;
}
#mainContent table{
	margin-left: 10px;
}
#mainContent ul.no_margin{
	text-align: left;
	margin: 0;
}

#mainContent h1{
	text-align: left;
	font-size: 14pt;
	font-weight: bold;
	
	color: white;
	/*padding: 10px 15px;*/
	background: #6bbbee url('../image/h1_newbg2.jpg') 0 0 repeat-x;
	padding: 3px 15px;
/*	background-color: #69b9ed;*/
	margin: 0 2px;
}

#submenu{
	background: transparent url('../image/submenuFooterBig.png') 0 100% no-repeat;
}

#submenuFooter{
	position: relative;
	padding-left: 7px;
	background: transparent url('../image/submenu_bg_newBig.png') 0 0 no-repeat;
}
#submenuText{
	width: 200px;
	margin: 0 auto;
	text-align: left;
	padding-bottom: 210px;
}

.submenuLinkL1{
	display: block;
	width: 185px;
	color: white;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 1px;
	background: transparent url('../image/blt_l1.png') 5px 9px no-repeat;
}
a.submenuLinkL1:hover{
	color: red;
	background: white url('../image/blt_l1_o.png') 5px 9px no-repeat;
}

.submenuLinkL1Sel{
	display: block;
	width: 185px;
	color: red;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 1px;
	background: white url('../image/blt_l1_o.png') 5px 9px no-repeat;
}
.submenuLinkL2{
	display: block;
	width: 175px;
	margin-left: 10px;
	color: white;
	padding-left: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 1px;
	background: transparent url('../image/blt_l2.png') 5px 8px no-repeat;
}
a.submenuLinkL2:hover{
	color: red;
	background: white url('../image/blt_l2_o.png') 5px 8px no-repeat;
}
.submenuLinkL2Sel{
	display: block;
	width: 175px;
	margin-left: 10px;
	margin-bottom: 1px;
	color: white;
	padding-left: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
	background: #bbb url('../image/blt_l2.png') 5px 8px no-repeat;
}

img.submenuImg{
	position: absolute;
	bottom: 8px;
	left: 23px;
}
#isoDiv{
	position: relative;
	padding-left: 7px;
	height: 120px;
}

a.qLink{
	display: block;
	width: 225px;
	height: 50px;
	padding-left: 20px;
	padding-top: 25px;
	font-size: 11pt;
	color: white;
	margin-left: -5px;
	text-decoration: none;
	background: transparent url('../image/qLinkBig.png') 0 0 no-repeat;
}
a.qLink:hover{
	background-position: 0 100%;
}
a.qLinkSel{
	display: block;
	width: 225px;
	height: 50px;
	padding-left: 20px;
	padding-top: 25px;
	font-size: 11pt;
	color: white;
	margin-left: -5px;
	text-decoration: none;
	background: transparent url('../image/qLinkBig.png') 0 100% no-repeat;
}
a.qLinkSel:hover{
}

p{
	text-align: justify;
	padding: 5px 15px;
}

a.indexButtonSquare{
	display: block;
	position: relative;
	float: left;
	width: 244px;
	height: 248px;
	margin: 0;
	padding-top: 8px;
	font-size: 13pt;
	color: #e5e5db;
	background: transparent url(../image/button_sq.png) 0 0 no-repeat;
}
a.indexButtonSquareCargo{
	display: block;
	position: relative;
	float: left;
	width: 244px;
	height: 248px;
	margin: 0;
	padding-top: 8px;
	font-size: 13pt;
	color: #e5e5db;
	background: transparent url(../image/button_sq.png) 0 100% no-repeat;
}

a.indexButtonSquare:hover{
	color: white;
	background-position: 0 100%;
}
a.indexButtonSquareCargo:hover{
	color: white;
	background-position: 0 0;
}

*html a.indexButtonSquare{
	background: transparent url(../image/button_sq.gif) 0 0 no-repeat;
}
a.indexButtonRect{
	display: block;
	position: relative;
	float: left;
	width: 488px;
	height: 248px;
	margin: 0;
	padding-top: 8px;
	font-size: 13pt;
	color: #e5e5db;
	background: transparent url(../image/button_rect.png) 0 0 no-repeat;
}
a.indexButtonRectCargo{
	display: block;
	position: relative;
	float: left;
	width: 488px;
	height: 248px;
	margin: 0;
	padding-top: 8px;
	font-size: 13pt;
	color: #e5e5db;
	background: transparent url(../image/button_rect.png) 0 100% no-repeat;
}

a.indexButtonRect:hover{
	color: white;
	background-position: 0 100%;
}
a.indexButtonRectCargo:hover{
	color: white;
	background-position: 0 0;
}

*html a.indexButtonRect{
	background: transparent url(../image/button_rect.gif) 0 0 no-repeat;
}
img.indexImg{
	border: none;
	position: absolute;
	top: 64px;
	left: 20px;
	margin: 0;
	padding: 0;
}


#prosfores{
	width: 968px;
	height: 189px;
	margin: 0 auto;
	margin-top: 5px;
	text-align: center;
	background: transparent url(../image/prosf_bg.jpg) 0 0 repeat-y;
}

#prosfores h1{
	color: white;
	text-align: center;
	font-weight: bold;
	font-size: 24pt;
	padding-top: 5px;
}

.prosfora{
	display: block;
	float: left;
	width: 309px;
	margin-left: 10px;
	margin-top: 10px;
	height: 125px;
	padding-top: 5px;
	background: transparent url(../image/prosfora.png) 0 0 no-repeat;
}

a.prosforaTitle{
	text-decoration: none;
	font-size: 12pt;
	color: #1b5995;
}
a.prosforaTitle:hover{
	color: red;
}

a.prosforaImg{
	float: left;
	margin-left: 30px;
	margin-top: 10px;
	border:1px solid #1b5995;
}
a.prosforaImg:hover{
	border:1px solid red;
}

a.prosforaPrice{
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	text-decoration: none;
	font-size: 40pt;
	color: #1b5995;
}
a.prosforaPrice:hover{
	color: red;
}

/*#menu{
	width: 962px;
	height: 60px;
	margin: 0 auto;
	text-align: center;
	padding-left: 28px;
	background: transparent url(../image/menu_bg_.png) 5px 0 no-repeat;
}*/

#menu{
	width: 980px;
	height: 60px;
	margin: 0 auto;
	text-align: center;
	background: transparent url(../image/menu_bg_new.png) 0 0 no-repeat;
}

a.menuCategory{
	display: block;
	float: left;
	width: 168px;
	font-size: 12pt;
	height: 54px;
	margin:0 11px;
	margin-top: 2px;
	color: white;
	text-decoration: none;
	padding-top: 6px;
	line-height: 20px;
	background: transparent url(../image/menuCategoryBg_.png) 0 0 no-repeat;
	cursor: hand;
}
a.menuCategory:hover{
	background-position: 100% 0;
}

a.menuLinks{
	display: block;
	float: left;
	height: 51px;
	margin-top: 4px;
	padding-left: 10px;
	margin-right: 6px;
	margin-left: 10px;
	background: transparent url(../image/menuLinkLeft_.png) 0 0 no-repeat;
}
a.menuLinks:hover{
	background: transparent url(../image/menuLinkLeft.png) 0 0 no-repeat;
}
a.menuLinks span{
	display: block;
	float: left;
	font-size: 12pt;
	color: white;
	width: 90px;
	text-decoration: none;
	height: 45px;
	padding-right: 25px;
	padding-left: 15px;
	padding-top: 6px;
	line-height: 20px;
	background: transparent url(../image/menuLinkRight_.png) 100% 0 no-repeat;
	cursor: hand;
}
a.menuLinks:hover span{
	background: transparent url(../image/menuLinkRight.png) 100% 0 no-repeat;
}

a.menuLinksSel{
	display: block;
	float: left;
	height: 51px;
	margin-top: 4px;
	padding-left: 10px;
	margin-right: 6px;
	margin-left: 10px;
	background: transparent url(../image/menuLinkLeft.png) 0 0 no-repeat;
}
a.menuLinksSel span{
	display: block;
	float: left;
	font-size: 12pt;
	color: white;
	text-decoration: none;
	height: 45px;
	width: 90px;
	padding-right: 25px;
	padding-left: 15px;
	padding-top: 6px;
	line-height: 20px;
	background: transparent url(../image/menuLinkRight.png) 100% 0 no-repeat;
	cursor: hand;
}


/*#menu .menuCategory{
	display: block;
	float: left;
	width: 168px;
	font-size: 12pt;
	height: 54px;
	margin:0 11px;
	margin-top: 2px;
	color: white;
	text-decoration: none;
	padding-top: 6px;
	line-height: 20px;
	background: transparent url(../image/menuCategoryBg2.png) 100% 0 no-repeat;
	cursor: hand;
}

#switchCat{
	position: absolute;
	right: 45px;
	bottom: 5px;
	width: 168px;
	height: 54px;
}

#switchCat a{
	display: block;
	width: 168px;
	font-size: 12pt;
	height: 54px;
	color: white;
	text-decoration: none;
	padding-top: 6px;
	line-height: 20px;
	background: transparent url(../image/menuCategoryBg_.png) 0 0 no-repeat;
}
#switchCat a span{
	display: block;
	text-align: left;
	padding-left: 40px;
}


#switchCat a:hover{
	background-position: 100% 0;
}


a.menuLinks{
	display: block;
	float: left;
	height: 47px;
	margin-top: 8px;
	padding-left: 10px;
	margin-right: 6px;
	margin-left: 10px;
	background: transparent url(../image/menuLinkLeft_.png) 0 0 no-repeat;
}
a.menuLinks:hover{
	background: transparent url(../image/menuLinkLeft.png) 0 0 no-repeat;
}
a.menuLinks span{
	display: block;
	float: left;
	font-size: 11pt;
	color: white;
	width: 90px;
	text-decoration: none;
	height: 41px;
	padding-right: 25px;
	padding-left: 15px;
	padding-top: 6px;
	line-height: 18px;
	background: transparent url(../image/menuLinkRight_.png) 100% 0 no-repeat;
	cursor: hand;
}
a.menuLinks:hover span{
	background: transparent url(../image/menuLinkRight.png) 100% 0 no-repeat;
}

a.menuLinksSel{
	display: block;
	float: left;
	height: 47px;
	margin-top: 8px;
	padding-left: 10px;
	margin-right: 6px;
	margin-left: 10px;
	background: transparent url(../image/menuLinkLeft.png) 0 0 no-repeat;
}
a.menuLinksSel span{
	display: block;
	float: left;
	font-size: 11pt;
	color: white;
	text-decoration: none;
	height: 41px;
	width: 90px;
	padding-right: 25px;
	padding-left: 15px;
	padding-top: 6px;
	line-height: 18px;
	background: transparent url(../image/menuLinkRight.png) 100% 0 no-repeat;
	cursor: hand;
}
*/
#leftMenu{
	position: relative;
	float: left;
	width: 242px;
}

.imgLink{
	text-decoration: none;
	border: none;
}
.imgLink:hover{
	border: none;
}

.white{
	text-decoration: none;
	color: #e5e5db;
}
.white:hover{
	color: white;
	text-decoration: underline;
}

.gray{
	text-decoration: none;
	color: #555;
}
.gray:hover{
	text-decoration: underline;
}

.black{
	text-decoration: none;
	color: #555;
}
.black:hover{
	color: red;
}


.label {
	font-weight: bold;
	padding-right: 5px;
	text-align: right;
	background-color: #e5e5db;/*#4492dd;*/
	color: #555;
	margin: 0;
	border-top: 1px solid white;
}
.input {
	display: block;
	float: left;
	padding: 3px;
	margin: 3px;
	padding-left: 5px;
	text-align: left;
}
.comment {
	font-size: 9pt;
	color: #888;
	font-style: italic;
	display: block;
}

input[type="submit"]{
	padding: 8px;
	background: #eef;
}
input[type="submit"]:hover{
	padding: 8px;
	background: #eef;
}
input[type="reset"]{
	padding: 8px;
	background: #eef;
}
input[type="reset"]:hover{
	padding: 8px;
	background: #eef;
}
input[type="text"]{
	padding: 0;
	margin: 0;
}


.contact_comment{
	display: block;
	font-size: 8pt;
	font-style: italic;
}

.contact_people{
	margin: 0 10px;
	padding: 0;
}
.contact_header{
	font-weight: bold;
	color: #555;
	line-height: 30px;
	/*background-color: #e5e5db;/*#4492dd;*/
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	border-bottom: 1px dashed gray;
}
.contact_header_half{
	float: left;
	font-weight: bold;
	color: #555;
	line-height: 30px;
border-bottom: 1px dashed gray;
	width: 327px;  
	margin-right: 5px; 
	padding: 0; 
	padding-left: 5px;
	margin-top: 20px;
	margin-bottom: 10px;
}
.contact_header_half_right{
	float: left;
	font-weight: bold;
	color: #555;
	line-height: 30px;
border-bottom: 1px dashed gray;
	width: 332px;  
	padding: 0; 
	padding-left: 5px;
	margin-top: 20px;
	margin-bottom: 10px;
}
.contact_person{
	display: block;
	float: left;
	width: 325px;
	height: 110px;
	margin: 5px 5px 5px 5px;
	/*border: 1px outset #4492dd;*/
}
.contactHeader{
	height: 10px;
	width: 325px;
	background: transparent url(../image/cardHeader_.jpg) 0 0 no-repeat;
}
.contactFooter{
	height: 10px;
	width: 325px;
	background: transparent url(../image/cardFooter_.jpg) 0 0 no-repeat;
}
.contactBody{
	position: relative;
	width: 325px;
	margin: 0;
	padding: 0;
	background: transparent url(../image/cardBody_.jpg) 0 0 repeat-y;
}
.contact_person_right{
	display: block;
	float: left;
	width: 325px;
	margin: 0;
	margin-bottom: 5px;
	padding: 5px;
	border: 1px outset #4492dd;
}
.contact_name{
	color: #666;
	font-weight: bold;
}
.contact_image {
	float: left;
	position: relative;
	width: 90px;
	/*border: 2px solid #4492dd;*/
/*	background-color: #e5e5db;*/
}

.contact_details{
	float: left;
	padding: 10px 10px 0 6px;
	margin: 0;
	text-align: left;
}

img.imgContact{
	margin: auto;
	border: 1px solid #ddd;/*#4492dd;*/
}

.form_field{
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.form_field_title{
	font-size: 11pt;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 5px;
	height: 30px;
	background-color: #4492dd;
	color: white;
	text-align: left;
}

.site_label{
	font-size: 10pt;
	font-weight: normal;
	padding: 3px 10px;
	text-align: left;
	/*float: left;*/
	height: 20px;
	color: #777;
}

.site_label_body{
	font-size: 10pt;
	font-weight: normal;
	padding: 3px 10px;
	text-align: left;
	color: #777;
}

.site_label a{
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	color: #222;
}
.site_label a:hover{
	text-decoration: underline;
	color: #000;
}
.site_input{
	margin: 0;
	/*float: left;*/
	color: #555;
	font-weight: normal;
	font-size: 10pt;
}

.site_label1{
	float: left;
	font-size: 8pt;
	font-weight: bold;
	margin-left: 3px;
	margin-bottom: 5px;
	text-align: left;
	padding-left: 2px;
	color: #555;
}
.site_input1{
	float: left;
	margin: 0;
	margin-left: 3px;
	margin-right: 3px;
	margin-bottom: 5px;
	text-align: left;
	padding: 0;
}

.prosforaStatus{
	text-align: right;
	padding-right: 10px;
}

.person .site_input1 input[type="text"], select{
	width: 130px;
}

#people {
	display: block;
/*	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 5px;
	border: 2px solid #4492dd;*/
}

.person{
	margin-top: 5px;
	clear: left;
}
#vehicles {
	display: block;
/*	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 5px;
	border: 2px solid #4492dd;*/
}

.vehicle{
	margin-top: 5px;
	clear: left;
}
.vehicle .site_input1 input[type="text"], select{
	width: 120px;
}



div.fieldwrapper{ /*field row DIV (includes two columns- Styled label column and 'thefield' column)*/
position: relative;
width: 675px; /*width of form rows*/
padding-top: 7px;
margin: 0 auto;
border-top: 1px dashed gray;
}

div.fieldwrapper label.styled{ /* label elements that should be styled (left column within fieldwrapper DIV) */
float: left;
width: 250px; /*width of label (left column)*/
/*text-transform: uppercase;*/
/*border-bottom: 1px solid red;*/
color: #555;
font-weight: bold;
margin-right: 15px; /*spacing with right column*/
text-align: left;
padding-left: 5px;
padding-top: 3px;
}

div.fieldwrapper div.thefield{ /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */

margin-left: 265px;
text-align: left;
margin-bottom: 10px; /* space following the field */
/*border: 1px solid red;*/
}

div.fieldwrapper div.thefield input[type="text"]{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
width: 400px;

}

div.fieldwrapper div.thefield textarea{ /* style for TEXTAREA fields. */
width: 400px;
height: 150px;
}

div.buttonsdiv{ /*div that wraps around the submit/reset buttons*/
width: 675px; /*width of form rows*/
padding: 0;
margin: 0 auto;
border-top: 1px dashed gray;
padding-top: 10px;
}

div.buttonsdiv input{ /* style for INPUT fields within 'buttonsdiv'. Assumed to be form buttons. */
width: 150px;
background: #bdbdbd;
float: left;
}

form{
	margin: 0 auto;
	width: 680px;
}

div.fieldwrapper_request{ /*field row DIV (includes two columns- Styled label column and 'thefield' column)*/

width: 665px; /*width of form rows*/
/*padding-top: 7px;*/
text-align: center;
margin: 0 auto;
}

div.fieldwrapper_request label.styledInfo{ /* label elements that should be styled (left column within fieldwrapper DIV) */
float: left;
width: 200px; /*width of label (left column)*/
/*text-transform: uppercase;*/
border-bottom: 1px dotted #888;
color: #777;
font-size: 10pt;
font-weight: normal;
margin-right: 15px; /*spacing with right column*/
text-align: left;
padding-left: 5px;
padding-bottom: 3px;
}

div.fieldwrapper_request div.thefield_requestInfo{ /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */

margin-left: 215px;
text-align: left;
padding-top: 5px;
font-weight: bold;
color: #555;
margin-bottom: 10px; /* space following the field */

}
div.fieldwrapper_request div.thefield_requestInfo a{ 
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	color: #4795df;
}
div.fieldwrapper_request div.thefield_requestInfo a:hover{
	text-decoration: underline;
}

div.fieldwrapper_request h2{ /*field row DIV (includes two columns- Styled label column and 'thefield' column)*/
color: #555;
padding: 7px 0;
padding-top: 0;
font-weight: bold;
font-size: 11pt;
border-bottom: 1px dashed gray;
}

div.fieldwrapper_request label.styled{ /* label elements that should be styled (left column within fieldwrapper DIV) */
float: left;
width: 250px; /*width of label (left column)*/
/*text-transform: uppercase;*/
border-bottom: 1px solid #888;
color: #555;
font-size: 10pt;
font-weight: bold;
margin-right: 15px; /*spacing with right column*/
text-align: left;
padding-left: 5px;
padding-bottom: 3px;
}

div.fieldwrapper_request div.thefield_request{ /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */
margin-left: 265px;
text-align: left;
padding-top: 5px;
margin-bottom: 10px; /* space following the field */
/*border: 1px solid red;*/
}


div.fieldwrapper_request div.thefield_request input[type="text"]{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
	width: 180px;
}

div.fieldwrapper_request div.thefield_request .comment{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
	display: inline;
	font-style: italic;
	font-size: 9pt;
	margin-left: 5px;
}

div.fieldwrapper_request div.thefield_request input.small_text{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
width: 40px;

}

div.fieldwrapper_request div.thefield_request input.date_field{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
width: 100px;
}

div.fieldwrapper_request div.thefield_request select{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
width: 180px;
}

div.fieldwrapper_request div.thefield_request textarea{ /* style for TEXTAREA fields. */
width: 380px;
height: 50px;
}

.options{
	margin-bottom: 10px;
}

.optionButton{
	float: left;
	padding: 5px;
	margin-left: 10px;
	margin-right: 5px;
	border: 1px solid black;
	background-color: #f6f6f6;
	cursor: pointer;
}
.optionButton img{
	float: left;
	margin-right: 5px;
	border: 0px;
}


.buttonPrint{
	float: right;
	margin-top: 5px;
	margin-left: 10px;
	font-weight: bold;
	padding: 4px 6px;
	color: white;
	background-color: #777;
	border: 1px solid #ddd;
	cursor: pointer;
}

.buttonCancel{
	float: right;
	margin-top: 5px;
	margin-left: 10px;
	font-weight: bold;
	padding: 4px 6px;
	color: white;
	background-color: #cc0000;
	border: 1px solid #ddd;
	cursor: pointer;
}


.buttonAccept{
	float: right;
	margin-top: 5px;
	margin-left: 10px;
	font-weight: bold;
	padding: 4px 6px;
	color: white;
	background-color: #4d9be1;
	border: 1px solid #ddd;
	cursor: pointer;
}

.voucher_bold{
	font-weight: bold;
}

.hotelSelected {
	background-color: #f1f9fc;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	width: 100%;
}

#stars_table {
	background-color: #f1f9fc;
	border-right: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	padding: 5px;

}
.site_label_number{
	float: left;
	width: 25px;
	height: 40px;
	font-weight: bold;
	padding: 5px;
	padding-top: 10px;
	padding-left: 0;
	margin-top: 8px;
	text-align: right;
	color: white;
	
}

.label_prosforaNormal{
	background: white url(../image/site_request_number.jpg) 0 0 no-repeat;
}

.label_prosforaAccepted{
	background: white url(../image/site_request_number2.jpg) 0 0 no-repeat;
}
.label_prosforaCancel{
	background: white url(../image/site_request_numberRed.jpg) 0 0 no-repeat;
}

.site_request_number{
	float: left;
	width: 25px;
	height: 40px;
	font-weight: bold;
	padding: 5px;
	padding-top: 10px;
	padding-left: 0;
	margin-top: 8px;
	text-align: right;
	color: white;
	background: white url(../image/site_request_number2.jpg) 0 0 no-repeat;
}

.site_request{
	float: left;
	text-align: left;
	/*border: 1px solid #DDDDDD;
	margin-bottom: 5px;
	padding: 5px;
	background-color: blue;*/
	width: 635px;
	background: white url(../image/site_request2.jpg) 0 0 repeat-y;
}

.site_label_request{
	float: left;
	text-align: left;
	width: 635px;
	background: white url(../image/site_request.jpg) 0 0 repeat-y;
}

.prosforaNormal{
	background: white url(../image/site_request.jpg) 0 0 repeat-y;
}

.prosforaAccepted{
	background: white url(../image/site_request2.jpg) 0 0 repeat-y;
}
.prosforaCancel{
	background: white url(../image/site_requestRed.jpg) 0 0 repeat-y;
}

.site_request_header{
	width: 635px;
	height: 10px;
	background: white url(../image/site_request_header2.jpg) 0 0 no-repeat;
}

.site_label_header{
	width: 635px;
	height: 10px;
	
}
.header_prosforaNormal{
	background: white url(../image/site_request_header.jpg) 0 0 no-repeat;
}

.header_prosforaAccepted{
	background: white url(../image/site_request_header2.jpg) 0 0 no-repeat;
}
.header_prosforaCancel{
	background: white url(../image/site_request_headerRed.jpg) 0 0 no-repeat;
}


.site_request_title{
	font-size: 11pt;
	font-weight: bold;
	color: black; /*#20435f;*/
	padding: 5px 0 10px 10px;
}

.site_request_status{
	font-size: 10pt;
	padding-left: 10px;
	margin-bottom: 3px;
}


.site_request_title_car{
	font-size: 11pt;
	font-weight: normal;
	color: #333;
	padding: 0px 0 5px 25px;
	margin-left: 5px;
	line-height: 20px;
	background: transparent url('../image/car_new.jpg') 0 10px no-repeat;
}

.not_bold{
	font-weight: normal;
	font-style: italic;
}

.site_request_dates {
/*	font-style: italic;*/
	margin-bottom: 5px;
	font-size: 10pt;
	color: black;
	padding-left: 10px;
}

span.spanBlue{
	color: #2277c8;
	font-weight: bold;
}

.site_request_details{
	font-size: 8pt;
	margin-bottom: 5px;
	padding-left: 10px;
	font-style: italic;
}

.site_request_buttons{
	text-align: right;
	font-size: 8pt;
	font-style: italic;
	text-decoration: none;
	/*height: 20px;
	padding-top: 3px;
	padding-right: 5px;
	background: transparent url(../image/more.jpg) -2px 0px no-repeat;*/
	padding-top: 2px;
	padding-right: 10px;
	width: 625px;
	height: 18px;
	background: black url(../image/site_request_footer3.jpg) 0 0 no-repeat;
}

.site_label_buttons{
	text-align: right;
	font-size: 8pt;
	font-style: italic;
	text-decoration: none;
	padding-top: 2px;
	padding-right: 10px;
	width: 625px;
	height: 8px;
	background: white url(../image/site_request_footer.jpg) 0 0 no-repeat;
}

.site_prosforaNormal{
	background: white url(../image/site_request_footer.jpg) 0 0 no-repeat;
}

.site_prosforaAccepted{
	background: white url(../image/site_request_footer4.jpg) 0 0 no-repeat;
}
.site_prosforaCancel{
	background: white url(../image/site_request_footerRed.jpg) 0 0 no-repeat;
}

.site_request_buttons a{
	text-decoration: none;
	color: #666;
}
.site_request_buttons a:hover{
	color: #333;
}
.details_in_div {
	margin-bottom: 3px;
}

.voucher_bold{
	font-weight: bold;
}

ul.airline_hop{
	display: block;
	margin: 0; 
	padding: 0; 
	margin-top: 10px; 
	margin-bottom: 10px; 
	font-size: 10pt;
}

.airline_hop li{
	margin-left: 30px; 
	margin-top: 10px; 
	margin-bottom: 10px; 
	font-size: 10pt;
	font-style: italic;
}

div.autocompleteDiv{
	position: absolute; 
	top: 20px; 
	left: 5px; 
	z-index: 10000;
}

div.autocomplete {	
	width: 160px;
	background-color: white;
	border: 1px solid #888;
	height: expression( this.scrollHeight > 250 ? "250px" : "auto" ); /* sets max-height for IE */
	max-height: 250px;
	overflow-y: scroll;
}

div.autocomplete ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div.autocomplete ul li.selected { 
	background-color: #ffb;
}
div.autocomplete ul li {
	list-style-type: none;
	display: block;
	font-size: 8pt;
	margin: 0;
	padding: 2px;
	height: 32px;
	cursor: pointer;
}


/**********************TRIPS******************************************/

.special_trips{
	margin-top: 20px;
	padding-left: 20px;
	text-align: left;
}

.special_trips a{
	display: block;
	color: #777;
	padding-left: 25px;
	line-height: 25px;
	margin-right: 10px;
	background: transparent url('../image/holiday.jpg') 0 50% no-repeat;
}
.special_trips a:hover{
	color: #333;
}

.festive_trips{
	margin-top: 20px;
	padding-left: 20px;
	text-align: left;
}

.festive_trips a{
	display: block;
	color: #777;
	padding-left: 25px;
	line-height: 25px;
	margin-right: 10px;
	background: transparent url('../image/holiday.jpg') 0 50% no-repeat;
}
.festive_trips a:hover{
	color: #333;
}

.air_trips{
	margin-top: 20px;
	padding-left: 20px;
	text-align: left;
}
.air_trips li{
	min-height: 20px;
}

.air_trips a{
	display: block;
	color: #777;
	padding-left: 25px;
	line-height: 25px;
	margin-right: 10px;
	background: transparent url('../image/air_list.jpg') 0 50% no-repeat;
}

a.cityLink{
	background: none;
	padding: 0;
	margin-left: 30px;
	margin-right: 10px;
	padding-left: 10px;
	background: transparent url('../image/arrow_7.jpg') 0 50% no-repeat;
}

a.cityLink:hover{
	background: transparent url('../image/arrow_3.jpg') 0 50% no-repeat;
}

.air_trips a:hover{
	color: #333;
}

a.citySelected{
	color: #333;
}

.trip{
	text-align: justify;
	margin: 5px;
}

.trip_departure{
	padding-left: 10px;
	font-weight: bold;
	font-family: Verdana;
	color: #4d9be1;
}

.trip_perilambanetai{
	font-family: Verdana;
}
.trip_den_perilambanetai{
	font-family: Verdana;
}
.trip_description{
	margin-top: 10px;
	font-family: Verdana;
}
.trip_comments{
	font-family: Verdana;	
}
.trip_cities {
	padding-left: 10px;
	font-weight: bold;
	color: #4d9be1;
}

.trip h2{
	color: #4d9be1;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	font-size: 11pt;
	font-weight: bold;
	text-align: left;
	border-bottom: 2px solid #4d9be1; 
}

.trip h3{
	margin-top: 15px;
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px dashed gray;
}

.trip_one_price{
	margin-top: 20px;

	font-weight: normal;
}

.trip_prices{
	margin-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
}
.trip_price{
	margin-top: 5px;
/*	border: 1px solid #bdbdbd;*/
	border-bottom: none;
}
.trip_price_title{
	text-align: left;
	font-size: 12pt;
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0 8px;
	color: #4d9be1;
}
/*.trip_price_title{
	text-align: center;
	font-size: 12pt;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	color: white;
	background-color: #bdbdbd;
}*/
h3.tripInfo{
	text-align: center;
	font-size: 14pt;
	font-weight: bold;
	margin: 0 8px;
	padding-bottom: 5px;
}

.trip_price_details{
	padding: 5px 20px;
/*	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid gray;*/
}

.trip_price_details .price_lektiko{
	DISPLAY: inline-block; 
	width: 200px;
	font-weight: normal;
}
.trip_image {
	margin-top: 20px;
	margin-left: 15px;
	margin-right: 15px;
	width: 120px;
	float: left;
	border: 2px solid #ddd;
}
.trip_li{
	margin: 15px;
	text-align: left;
	border: 1px solid red;
}


/*******************************************************/

a.tripItemLink{
	text-decoration: none;
	color: #777;
	background-color: #999;
	border: 1px solid red;
}

.trip_items{
	margin: 0 10px;
	padding: 0;
}
.trip_item{
	display: block;
	float: left;
	width: 665px;
	margin: 5px;
/*	height: 110px;
	margin: 5px 5px 5px 5px;*/
	/*border: 1px outset #4492dd;*/
}
.tripHeader{
	height: 10px;
	width: 665px;
	background: transparent url(../image/tripcardHeader_.png) 0 0 no-repeat;
}
.tripFooter{
	height: 10px;
	width: 665px;
	background: transparent url(../image/tripcardFooter_.png) 0 0 no-repeat;
}
.tripBody{
	position: relative;
	width: 665px;
	margin: 0;
	padding: 0;
	background: transparent url(../image/tripcardBody_.png) 0 0 repeat-y;
}

.trip_name{
	padding-right: 40px;
}

.trip_name a{
	color: #666;
	font-weight: normal;
	font-size: 10pt;
}
.trip_name a:hover{
	color: #333;
	text-decoration: underline;
}

.trip_shorttext{
	text-align: justify;
	padding: 5px 0;
}
.trip_image_small {
	float: left;
	position: relative;
	margin: 0 5px;
	width: 130px;
	/*border: 2px solid #4492dd;*/
}

.trip_image_small a{
	color: #ccc;
	text-decoration: none;
}

.trip_image_small a:hover{
	color: #eee;
}
.trip_details{
	position: relative;
	float: left;
	padding: 0 6px;
	margin: 0;
	margin-left: 10px;
	text-align: left;
	width: 490px;
}

a.t_apply{
	position: absolute;
	right: 0;
	top: 0;
	width: 22px;
	height: 22px;
	background: transparent url(../image/kwrite.png) 100% 100% no-repeat;
}

.t_price{
	position: absolute;
	right: 10px;
	bottom: 0px;
	width: 400px;
	font-style: italic;
	font-weight: normal;
	text-align: right;
}
.trip_image_small img{
	margin: auto;
	width: 120px;
	/*#4492dd;*/
	
}
img.imgTrip{
	margin: auto;
	width: 120px;
	/*#4492dd;*/
}

.trip_book{
	float: right;
	margin-right: 10px;
	margin-left: 15px;
	margin-bottom: 10px;
	font-weight: bold;
	width: 140px;
	padding: 4px;
	color: white;
	padding-left: 30px;
	background: #4d9be1 url(../image/kwrite.png) 2% 50% no-repeat;
	border: 1px solid #ddd;
	cursor: pointer;
}

.my_account_button{
	margin-right: 10px;
	margin-left: 15px;
	font-weight: bold;
	width: 140px;
	padding: 4px;
	color: white;
	background-color: #4d9be1;
	border: 1px solid #ddd;
	cursor: pointer;
}

.user {
	font-style: italic;
	font-weight: normal;
	color: #555;
}
#small_text{
	width: 40px;

}


/************************************************************************************************/
.sitemap {
	margin: 0;
	padding: 0;
}
ul.first_ul{
	margin: 0px;
	padding: 0px;
	margin-right: 5px;
	padding-bottom: 10px;
}
ul.first_ul li{
	margin: 0; 
	padding: 0;
}
li.first_li{
	margin: 0; 
	padding: 0;
}

ul.second_ul{
	margin: 0px;
	padding: 0px;
	margin-top: 0px;
}

li.second_li{
	margin: 0px;
	padding: 0px;
	line-height: 20px;
}
.sitemap li a{
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: blue;
}

ul.air_list{
	margin: 0;
	padding: 0;
	line-height: 20px;
	/*list-style-image: url('../image/air_list.gif');*/
}
ul.trip_list{
	line-height: 30px;
	list-style-image: url('../image/arrow_7.jpg');
}


input, select, textarea{
	border: 1px solid #bbb;
}


.old_requests{
	text-align: right; 
	margin-top: 10px; 
	margin-right: 15px; 
	font-style: italic;
}