/* Like hacks but for airtickets */
@import "airtickets.css";
@import "fantasticgreece.css";
@import "language.selector.css";

/* Main site and structure style */
body {
	background-color: #6ca8c4;
}
body, input, textarea
{
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif ;
}

a {
	color: #1668b1;
	text-decoration: none;
}

fieldset 
{
	border: solid 0;
	padding:0;
	margin:0;
}

a:hover {
	text-decoration:underline;
}
a:active {
	outline: none;
}
a:focus {
	outline-style: none;
}

a img  {
	border-style:none;
}

h1 {
	color: #1668b1;
	margin: 5px 0;
	font-size: 23px;
}

.searchEngineBox   h3 {
	color: #1668b1;
	margin: 5px 0;
	font-size: 23px;
}

em {
	color: #1668b1;
	font-style: normal;
}

hr 
{
	color: #666;
	background-color: #666;
	border:0;
	height: 1px;
	margin:10px 0;
}

/* Clearing for filthy floats */
.clearer {
	height:0px;
	margin:0px;
	padding:0px;
	clear: both;
}

.clearerleft {
	height:0px;
	margin:0px;
	padding:0px;
	clear: left;
}

#customer_text a {
	color:#90CE34
}

#info_text a {
	color:#1668B1;
}

#main {
	 width: 1036px; 
	 margin-left: auto; 
	 margin-right:auto;
}


#header a {
	color:#FFFFFF;
	text-decoration: none;
}
#header a:hover {
	text-decoration: underline;
}
/* Full width column*/
.full_box {
	background-image:url(../img/1.jpg);
	background-repeat:repeat-y;
	width:1036px;
}

.full_up {
	width: 1036px; 
	height: 16px; 
	background-image: url('../img/1_up.jpg'); 
	background-repeat: no-repeat;
}

.full_content{
	margin:0 6px;
	padding:0;
}
.full_bottom {
	width: 1036px; 
	height: 16px; 
	background-image: url('../img/1_bottom.jpg'); 
	background-repeat: no-repeat;
}

/* Two thirds column */ 
.twothirds_column
{
	width:711px;
	background-image:url('../img/2.jpg');
	background-repeat:repeat-y;
}

.twothirds_up {
	height: 16px; 
	background-image: url('../img/2_up.jpg'); 
	background-repeat: no-repeat; 
}

.twothirds_middle {
	padding: 0 16px;
}

.twothirds_bottom { 
	height: 16px; 
	background-image: url('../img/2_bottom.jpg'); 
	background-repeat: no-repeat;
}

/* Subcolumns for twothird size */
.twothirds_left {float:left}
.twothirds_right {float:right}

/* Small column */
.small_column 
{
	width: 325px;
	float:left;
}
.small_up 
{
	background: transparent url('../img/small.top.jpg') no-repeat scroll top left;
	height:16px;
}
.small_middle 
{
	background: transparent url('../img/small.bg.jpg') repeat scroll top left;
	/* This is if we need to adjust the content to the border-> padding: 0 3px 0 3px */
	padding: 0 12px 0 13px;
	/* Too bored to create a css file for one hack in IE7 
	display: inline-block;*/
	width: 300px;
}
.small_bottom 
{
	background: transparent url('../img/small.bt.jpg') no-repeat scroll bottom left;
	height:16px
}


#header_clouds {
	width: 1004px; 
	height: 139px; 
	margin-left:auto; 
	margin-right:auto;
	background-image:url('../img/header_clouds.jpg');
	background-repeat:no-repeat;
}

#header_logo {
	margin-left:5px;	
}

#header_tabs {
	position: relative; 
	width: 1004px; 
	height: 41px; 
	margin-left:auto; 
	margin-right:auto; 
	background-image: url('../img/tab.jpg'); 
	background-repeat: no-repeat;
}


#menu_header {
	font-size: 17px;
	font-weight: normal;
	color: #FFFFFF;
	float:left;
	margin:0;
	padding:0;
	height:41px;

	list-style-type: none;
	text-align: center;
	margin:0;
	padding:0;
}

#menu_header  li{
	display: block;
	float:left;
	background-image:url('../img/tab_btn.jpg');
	width:140px;
	height:31px;
	padding:0;
	padding-top:10px;
	margin:0;
}


#symbols {
	width:150px; 
    margin:0;
    padding:0;
	margin-top:10px; 
	margin-right:10px; 
	
	list-style-type: none;
    text-align: center;
	float:right;
}

#symbols li {
	display: block;
	float: left;
	margin-right: 10px;
}



#left_column {
	width: 711px; 
	float:left;
}



/* End search engine */


/* Middle - big column in the center */
.full_content{
	font-size:14px;
	color: #67676b;
	padding:0;
}

/* Footer Start */
#footer {
	clear:both;
}

.footer {

	font-size: 13px;
	color: #FFFFFF;
	text-align: center;
}

#footer a {
	color:#FFFFFF
}

#footer_up {
	width: 1036px; 
	height: 16px; 
	background-image: url('../img/1_up.jpg'); 
	background-repeat: no-repeat; 
	left: 0px; 
	top: 0px;
}

#footer_main {
	margin: 0 16px;  
	background-color:#003366; 
	padding:10px;
}



#footer_bottom {
	width: 1036px; 
	height: 16px; 
	background-image: url('../img/1_bottom.jpg'); 
	background-repeat: no-repeat;
}

/* Footer end */

/* *** Tabs *** */
#tab_holder {
	background: transparent url('../img/res.tab.bg.gif') repeat-x bottom;
	margin-top:15px;
	height: 34px;
}

#top_tab {
	font-size: 16px;
	font-weight: normal;
	float:left;
	height: 100%;
	margin: 0 10px 0 10px;
	padding:0;
	text-align: center;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;

padding:0;
}

/* Top tab - Default for unselected */
/* 1. The li element holds the bottom border */
#top_tab li {
	height: 100%;
	float:left;
	padding:0;
	margin-right: 2px;
	background: #da8d00 url('../img/res.tab.bg.gif') repeat-x bottom;
}

/* 2. w_top (Wrapper top) holds the top border */
#top_tab li .w_top {
	/* Nothing for non selected items */
}


/* 3. w_left holds the left border */
#top_tab li .w_left {
	background: transparent url('../img/tb.left.gif') no-repeat left bottom;
}

/* 4. the link (a) inside the li holds the right border
   and sets the height */
#top_tab li a {
	display: block;
	color:white;
	height: 26px;
	background: transparent url('../img/tb.right.gif') no-repeat right bottom;
	padding: 0 10px;
	padding-top: 8px;
}


/* Top tab - configuration for the selected tab */
/* 1. Selected bottom border is white */
#top_tab li.selected,#top_tab li.ui-tabs-selected {
	background: white;
}


/* 2. w_top, top border */
#top_tab li.selected .w_top, #top_tab li.ui-tabs-selected .w_top {
	background: transparent url('../img/tb.sel.top.gif') repeat-x top;
}

/* 3. w_left left border */
#top_tab li.selected .w_left, #top_tab li.ui-tabs-selected .w_left {
	background: transparent url('../img/tb.sel.left.gif') no-repeat left bottom;
}
/* 4. The link with the right border */
#top_tab li.selected a, #top_tab li.ui-tabs-selected a{
	background: transparent url('../img/tb.sel.right.gif') no-repeat top right;
	color: #1668b1;
}

/* Generic yellow button */
.yellowSubmitButton {
	background:transparent url(../img/btn_orange.png) no-repeat scroll center top;
	border:solid 0;
	color:#FFFFFF;
	
	font-size:18px;
	height:43px;
	
	text-align:center;
	width:130px;
	cursor:pointer;
	padding: 10px 0;
}

/* Box mania! we have 4 box sizes:
 * - Small 242 pixels wide
 * - Medium 300 pixels wide
 * - Large 332 pixels wide
 * - XL 679 pixels wide
 * - XXXL 752 pixels wide
 *
 * Also we have boxes in multiple colors: 
 *  - blue, orange, green and grey
 * We don't have all combinations.
 */

.box.small {width: 242px;}
.box.medium{width: 300px;}
.box.large {width: 332px;}
.box.extralarge {width:679px;}

.small.box.orange > h2
{
	background: #da8d00 url('../img/box.orange.small.head.jpg') no-repeat scroll top left;
}
.small.box.blue > h2
{
	background: #1668B1 url('../img/box.blue.medium.head.jpg') no-repeat scroll top left;
}
.box.lightblue > h2 {
	background: #C5DFF8 url(/template/img/gradient.horizontal.lightblue.small.png) repeat scroll left top;
	color: #1F5498;
}

.small.box.lightblue > h2.oldschoolblue {
	background: #C5DFF8 url(/template/img/box.blue.medium.head.jpg) repeat scroll left top;
	color: white;
}
.box.lightblue > h2.oldschoolblue {
	background: #C5DFF8 url(/template/img/box.blue.large.head.jpg) repeat scroll left top;
	color: white;
}
.small.box.lightblue > h2.lightorange {
	background: #FDE4B0 url("/template/img/box.lightorange.large.head.png") repeat scroll left top;
	color: white;
}
.medium.box.blue > h2
{
	background: #1668B1 url('../img/box.blue.medium.head.jpg') no-repeat scroll top left;
}
.medium.box.orange > h2
{
	background: #da8d00 url('../img/box.orange.medium.head.png') no-repeat scroll top left;
}
.large.box.blue > h2
{
	background: #1668B1 url('../img/box.blue.large.head.jpg') no-repeat scroll top left;
}
.large.box.green > h2
{
	background: #447227 url('../img/box.green.large.head.jpg') no-repeat scroll top left;
}
.large.box.green > h1
{
	background: #447227 url('../img/box.green.large.head.jpg') no-repeat scroll top left;
}
.large.box.grey > h2
{
	background: #7e7d83 url('../img/box.grey.large.head.jpg') no-repeat scroll top left;
}
.large.box.orange > h2
{
	background: #da8d00 url('../img/box.orange.large.head.jpg') no-repeat scroll top left;
}
.extralarge.box.green > h2
{
	background: #447227 url('../img/box.green.extralarge.head.png') no-repeat scroll top left;
}
.extralarge.box.green > h1
{
	background: #447227 url('../img/box.green.extralarge.head.png') no-repeat scroll top left;
}
.extralarge.box.blue > h2
{
	background: #C5DFF8 url('../img/box.blue.extralarge.head.jpg') repeat scroll top left;
}

.box p 
{
	margin:0;
	color: #000;
	font-size:12px;
}
/* For a header and a paragraph when they have other paragraphs before */
.box p+h3,.box p+p {margin-top:10px;}

.box 
{
	font-size:15px;
}
.box hr { margin: 15px 0; padding: 0; }

.blue   {color:#1668B1}
.blue h3{color:#1668B1}
.green  {color:#447227}
.green .boxcontent {border-color:#447227}
.green em,.green a {color:#90CE34}
.grey   {color:#7e7d83}
.orange {color:#da8d00}
.orange em,.orange a,.orange h3 {color:#a86d00}

.box > h2 
{
	color:#FFF;
	margin:0px;
	height:29px;
	text-indent: 5px;
	font-size:20px;
}

.box > h1
{
	color:#FFF;
	margin:0px;
	height:29px;
	text-indent: 5px;
	font-size:20px;
}

.box h3
{
	margin:0px;
	font-size:15px;
	font-weight:bold;
}
.box > div 
{
	margin-top:1px;
	padding:9px;
	border: solid 1px;
}
.blue > div 
{
	border-color: #1668B1;
}
.lightblue > div {
	border-color: #C5DFF8;
}
.lightblue hr {
	background-color: #C5DFF8;
	color: #C5DFF8;
}

/* Boxes: lists inside */
.box .boxcontent ul {
 /* Adjust spacing to the minimum */
	margin:0;
	padding:0;
	padding-left:1em;
}

.box .boxcontent li+li {
  /* give some space between items */
	margin-top:10px;
}
/* Other more generic boxes */
.box300x250{
	width: 300px; 
	height: 250px
}

/******* Forms *****/

/* Centered header */
#centerheader 
{
	padding:0 16px;
}
#maincolumn 
{
	width: 762px;
}

/* Right column with information */
#infocolumn 
{
	float:right;
	font-size:14px;
	padding:0;
	width:242px;	
	margin-right:10px;
}

form div.formfield label 
{
	width:200px;
	display:block;
	float:left;
	text-align:right;
	font-weight:bold;
}
form div.formfield input , form div.formfield textarea, form div.formfield select
{
	margin-left:10px;
}
form div.formfield 
{
	margin-bottom:10px;
}

/* Hack for select lists and adjustable width on explorer (needs ie_dropdown.js) */
.extended_select
{	
	behavior: expression(window.dropdown_menu_hack!=null?window.dropdown_menu_hack(this):0);
}

/* Netvolution Logo */
.netvolution_stamp .minilogo{
	width:13px;
	height:7px;
	font-size:1px; /* IE7 hack */
	margin:auto 3px;
	display: inline-block;
	background: transparent url('../img/netvolution.mini.gif') no-repeat scroll center center;
}

/* Adv formats */
div.centerfloatblock {
	float:left;
	clear:both;
	width:100%
}
div.adcenter728 {
	width:728px;
	padding:0;
	margin:0 auto;
}

div.adcolumn300 {margin-top:10px}

/* This will remove some img bottom margin */
div.adcenter728 img {
	display:block;
}


.localCurrencyPrice 
{
	font-size: 12px;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
	margin-bottom: 4px;
	display: inline-block;
}