@charset "UTF-8";
/* CSS Document */



html {
filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

body{

    margin:0px 0px 0px 0px;
	background-image:none;
	background-repeat:no-repeat; 
	background-color:#0099FF;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:14px;
	color:#333333;
	
	}




/******************** HEADER ************************/

#container-header{ width:100%; height:133px;  background-image:url(../images/bg-topheader.gif); background-repeat:repeat-x; background-position:top; background-color:#FFFFFF; }

#header{width:1000px; height:133px; background-image:url(../images/bg-header.gif); position:relative; margin:auto;  }

.logo{
	display:block;
	width:371px;
	height:115px;
	cursor:pointer;
	border:0;
	padding:0;
	position:absolute;
	top:13px;
	left:15px;
}
.logo span{display:none}


#contactinfo{
	position:absolute;
	right:20px;
	top:7px;
	height:34px;
	width:463px;
	text-align:center;
	font-size:26px;
	color:#fff; padding-right:140px;
	background-image:url(../images/cc.gif); background-position:center right; background-repeat:no-repeat;

}

#latest_news {
	position:absolute;
	right:130px;
	top:60px;
	height:34px;
	width:400px;
	text-align:right;
	font-size:26px;
	color: #03F; padding-right:5px;
	}
	
#latest_news a{
	color: #009;
	text-decoration: none;
	}	
	
#latest_news a:hover{
	color: #FC0;
	text-decoration: underline;
	}	


#contactinfo strong{font-size:30px;}

#latest_news strong{font-size:30px;}


/******************** END HEADER ************************/



/* NAVIGATION */
#container-nav{width:100%; height:33px; background-image:url(../images/bg-menu.gif); background-repeat:repeat-x;margin:auto; }

#nav{width:1000px; height:34px; margin:auto; }

/* END NAVIGATION */




/******************** BANNER ************************/

#container-banner{width:100%; height:auto; background-image:url(../images/bg-banner.gif); background-repeat:repeat-x; border-bottom:3px solid #ffcc00  }

#banner{width:1000px; height:auto; margin:auto;  }


/******************** END BANNER ************************/



#container{width:100%; height:auto; background-image:url(../images/bg.gif); background-repeat:repeat-x; background-color:#8cd5ff;  }


#container-body{width:1025px; height:auto; margin:auto;   background-image:url(../images/bg-container-dropshadow.png); background-repeat:repeat-y; background-position:center; padding-left:12px; padding-right:12px   }


 /**/
#body{width:1000px; height:auto; margin:auto;  background-color:#cae7fe; line-height:1.25em; text-align:justify;}
#body_bookings{width:1000px; height:auto; margin:auto;  background-color:#FFF; line-height:1.25em; text-align:justify;}



h1{color:#063e74; margin:0; border-bottom:1px solid #063e74;
 border-top:1px solid #063e74; display:block;height:auto; width:100%; font-size:40px; font-weight:normal; line-height:1.0em; padding-top:10px;  padding-bottom:10px; text-align:left ; margin-bottom:10px;}

h2{font-weight:normal; text-align:left; line-height:1.25em; } 
 
 
 /**/ 

#left-block-container-white{ height:auto; width:780px;
background-color:#FFFFFF;  float:left;}

#left-block-container{ height:auto; width:780px;
background-image:url(../images/bg-block.gif); 
background-repeat:repeat-y; float:left;}

#left{float:left; width:280px; height:auto;}

#content{float:left; width:460px;height:auto; padding:20px; background-color:#FFFFFF;}

#content_bookings{width:960px;height:1000px; padding:20px; background-color:#FFFFFF;}

#right{float:right; width:220px; height:auto; color:#032c54; }

#contact-text{color:#03213e; margin:0;height:auto; width:auto ;font-size:30px; display:block; padding:20px;  }


#full-page{float:left; width:740px;min-height:500px; padding:20px; background-color:#FFFFFF;}

/******************** BOTTOM LOGOS ************************/

#bottom-logos{ height:125px; width:1000px; background-image:url(../images/logos-bottom.gif); background-repeat:no-repeat; background-position:50% 50%; background-color:#FFFFFF; border-top:#000 1px solid; clear:both; position:relative;  }

#bottom-logos #links a {
	color: #2C4490;
}
#bottom-logos #links a:hover {
	color: #EF3325;
	text-decoration: none;
}

/******************** FOOTER ************************/
#footer-container{width:100%; height:auto; padding-top:20px; background-color:#050b3b;}

#footer{width:1000px; height:auto; margin:auto; position:relative; color:#3c7eb1; font-size:14px; text-align:center; padding:0px;}

#footer a {text-decoration:none; color:#FFFFFF; text-transform:uppercase; }
#footer a :link {text-decoration:none; color:#FFFFFF;}
#footer a:visited {text-decoration:none; color:#FFFFFF;}
#footer a:active {text-decoration:none; color:#FFFFFF;}
#footer a:hover {text-decoration:underline; color:#FFFFFF;}

/******************** END FOOTER ************************/

#socialmedia{margin:auto; height:auto; width:300px;}


.facebook{display:block; border:0; height:39px; width:142px; background-image:url(http://jacobsflightservices.com/images/facebook.gif); float:left; background-position:50% 50% }


.twitter{display:block; border:0; height:55px; width:142px; background-image:url(http://jacobsflightservices.com/images/twitter.gif); background-repeat:no-repeat; float:right; background-position:-5px -10px;}



.specialbutton{ display:block; height:auto; width:auto; color:#FFFFFF; font-size:14px; font-weight:bold; background-color:#385fbf; text-align:center; padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:10px; cursor:pointer; }

.specialbutton:visited{ color:#FFFFFF; }
.specialbutton:hover{ background-color:#0334ae; color:#FFFFFF; }


.return{font-size:10px;}
.clear{clear:both;}


.icon{display:block; margin:auto;  width:200px; background-image:url(../images/zuzol.png);background-repeat:no-repeat; text-align:center; font-size:10px; color:#aac0d9;}

.zuzol{display:block; height:60px; width:100px; float:left; }

.zuzol span{display:none;}



/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead,  {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	
}





/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



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


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

.jquerycssmenu{ 


border-bottom: 1px solid #000;
padding-left: 15px; /*offset of tabs relative to browser left edge*/

border-left:1px solid #3c81b8!important;


}

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

/*Top level list items*/
.jquerycssmenu ul li{
position: relative;
display: inline;
float: left;
background-image:none;
 cursor:pointer;
 z-index:1000

}

.jquerycssmenu ul li:hover{
 /*tab link background during hover state*/
}


/*Top level menu link items style*/
.jquerycssmenu ul li a{font-family:Verdana, Arial, Helvetica, sans-serif;
display: block;

	height:16px!important;
	width:100px;
	font-size:14px;
	color:#FFF;
	text-align:center;
	font-weight:bold;
	text-transform:uppercase;
	padding:8px!important;

	
	text-decoration:none; 
	border-right:1px solid #3c81b8;

}


.zuzol-home{width:91px!important; border-left:1px solid #3c81b8!important;}
.zuzol-training{width:170px!important;}
.zuzol-tours{width:140px!important;}
.zuzol-am{width:229px!important;}
.zuzol-airport{width:142px!important;}
.zuzol-contact{width:100px!important;}


.jquerycssmenu ul li a:hover{
 /*tab link background during hover state*/
}
	
/*1st sub level menu*/
.jquerycssmenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
background-color:#000000; 
color:#fff;	



}

/*Sub level menu list items (undo style from Top level List Items)*/
.jquerycssmenu ul li ul li{
display: list-item;
float: none;

}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jquerycssmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jquerycssmenu ul li ul li a{

width:185px; /*width of sub menus*//*158px*/
font-weight:normal;
font-size:12px;
text-transform:none;
color:#fff;	
padding: 20px 5px;
padding-left: 20px!important;
margin: 0;
border-bottom: 1px solid #3c81b8;
text-align:left; 
border-right:0px!important;


}

.jquerycssmenu ul li ul li a:hover{ /*sub menus hover style*/
background-image:none;
background-color:#043c74;
	color:#c4e4fe;	
}


/********************* ZUZOL CUSTOM
Sub level 2 menu list items (undo style from Top level List Items)*/

.jquerycssmenu ul li ul li ul
{
border-bottom: 1px solid #3c81b8;
border-top: 1px solid #3c81b8;
border-right: 1px solid #3c81b8;}

/* Sub level menu links style */
.jquerycssmenu ul li ul li ul li a{

width:190px; /*width of sub menus*/
font-weight:normal;
font-size:12px;
text-transform:none;
color:#fff;	
padding: 20px 3px;
padding-left: 20px!important;
margin: 0;
border-bottom: 1px solid #3c81b8;
text-align:left; 
border-right:0px!important;
background-image:url(../images/bg-menu-hover.gif);
background-repeat:no-repeat;
background-position:0px -32px;

}





.jquerycssmenu ul li ul li ul li a:hover{ /*sub menus hover style*/

background-color:#043c74;
	color:#c4e4fe;	
background-position:0px 0px;
	
}

/**********END ZUZOL CUSTOM *********/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{ display:none;
position: absolute;
top: 7px;
right: 5px;
}

.rightarrowclass{ display:none;
position: absolute;
top: 5px;
right: 5px;
}




/***************Side Accordion Menu ***************/



.glossymenu{
margin: auto;
padding:10px;
padding-right:0px!important;
width:270px; /*width of menu*/

}

.glossymenu a.menuitem{
background:url(../images/button-side.gif);
background-repeat:no-repeat; 
font-size:13px; 
font-weight:bold;
color:#fff;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width:220px;
height:34px;
padding-top: 10px;
padding-left: 45px;
text-decoration: none;
border:0px!important;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color:#fff;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
/*position: absolute;
top: 5px;
right: 5px;
*/ display:none;
}

.glossymenu a.menuitem:hover{

}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
 padding-left:30px; font-size:13px;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{

}

.glossymenu div.submenu ul li a{
display: block;
color: #063e74;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{ text-decoration:underline; 
}

/***************Side Accordion Menu ***************/



/* SpryFormValidation.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */


/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textfieldRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
	display: inline;
	color: #CC3333;
	border: 1px solid #CC3333;
}



/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required / invalid / minValue / maxValue / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the INPUT has a green background applied on it. */
.textfieldValidState input, input.textfieldValidState {
	background-color: #B8F5B1;
}

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color: #FF9F9F;
}

/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.textfieldFocusState input, input.textfieldFocusState {
	background-color: #FFFFCC;
}

/* This class applies only for a short period of time and changes the way the text in the textbox looks like.
 * It applies only when the widget has character masking enabled and the user tries to type in an invalid character.
 */
.textfieldFlashText input, input.textfieldFlashText{
	color: red !important;
}

.rand{ margin:5px auto; width:220px; height:41px; background:url(../rand.png) no-repeat; padding: 7px 0 0 140px; color: #FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px!important; text-align:left!important;}
.rand a{ color: #FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px!important; text-align:left!important;}