/* CSS Document
*
* CSS Styles
*
* Author: Jesse Burcsik
* Date: 14/11/20009
*
*
*/

/*** GLOBAL STYLES ***/

html body {
 font-family: Arial, Helvetica, Verdana, sans-serif;
 /* Font sizing */
 font-size: small;
 color: #333333;
 zoom: 1;
 background: #024e8c url(../images/da-0-background-repeat.jpg) repeat-x top left;
}

.left{
 float: left;
}


.right{
 float: right;
}

ar-in-en{
 font-size: 120%;
}

en-in-ar{
 font-size: 80%;
}


.clear {
 clear: both;
 font-size: 0px;
 line-height: 0px;
 visibility: hidden;
 margin: 0;
}


/*** TOP ***/

#big-wrapper{
 width: 100%;
 min-height: 800px;
 background: url(../images/da-0-background.jpg) no-repeat 50% top;
 margin: auto;
 text-align: center;
}

/*** HEADER ***/

#util-nav{
 float: right;
 margin: 6px 10px 0 0;
}

#util-nav li{
 display: inline;
 border-left: 1px solid #2d739c;
}

 #util-nav li:first-child{
 border-left: none;
 }

#util-nav li a{
 color: #ffffff;
 text-decoration:none;
 padding: 0 7px;
}

#util-nav li a:hover{
 color: #9eda69;
}


#quick-search{
 float: right;
 width: 199px;
}

#quick-search #search-txt{
 display: inline;
 background: url(../images/da-head-search-main.png) no-repeat top right;
 width: 161px;
 height: 20px;
 border: none;
 color: #005dab;
 padding: 8px 0 0 10px;
 font-weight: bold;
 float: left;
}

#quick-search #search-btn{
 float: right;
 background: url(../images/da-head-search-end.png) no-repeat top left;
 border: none;
 background: none;
}

#header h1 a{
 display: block;
 height: 145px;
 width: 534px;
 text-indent: -9999px;
 overflow: hidden;
 position: absolute;
 top: 5px;
 background: url(../images/da-head-logo-with-details.png) no-repeat top left;
 clear: both;
}



/*** BODY STYLES BEGINS ***/

/* ----------------------------------------------
*
* MAIN VERTICAL NAVIGATION
*
* ----------------------------------------------- */

#top-nav{
 background: url(../images/da-nav-bg.png) no-repeat top left;
 height: 36px;
}


#top-nav #vertnav{
 width: 964px;
 display: block;
 height: 32px;
 clear: both;
 padding: 0 0 0 10px !important;
 font-size: 12px;
}

#top-nav #vertnav li{
 display: block;
 float: left !important;
 width: auto !important;
 margin-top: 8px !important;
}

#top-nav #vertnav li:hover{
 background: url(../images/da-nav-tab-hover-main.jpg) no-repeat top left !important;
}

#top-nav #vertnav ul li a:hover{
 background: none;
}


/*
*
* This cerates the styled drop down ( Anything with '#top-nav #vertnav ul' ) specifically
*
*/

#top-nav #vertnav ul li {
 float: none !important;
 padding: 0 !important;
}

#top-nav #vertnav ul li:hover{
 background: none !important;
}

#top-nav #vertnav ul li a:hover{
 background: none !important;
}

#top-nav #vertnav ul li a{
 background: none;
 margin: 0 40px 0 20px !important;
 padding: 0px;
 line-height: 	1.3em;
 border-bottom: 1px solid #336a03;
 float: none;
 line-height: 16px;
 min-height:	20px;
 height:		auto;
 text-decoration:none;
 height: auto;

}

#top-nav #vertnav ul li a:hover{
 color: #ccc;
 background: none;
}



#top-nav #vertnav ul{
 left: -10px !important;
 margin: 0 0 0 0;
 padding: 20px 0 0 0 !important;
 position: absolute;
 top: 18px !important;
 width: 220px !important;
 background: url(../images/da-nav-dropdown-bg.png) no-repeat left 10px;
}

#top-nav #vertnav ul .bottom-subnav{
 height: 15px;
 width: 220px !important;
 background: url(../images/da-nav-dropdown-bg.png) no-repeat bottom left;
 position: relative;
 float: left;
 top: 15px;

}

#top-nav #vertnav ul .bottom-subnav:hover{
 background: url(../images/da-nav-dropdown-bg.png) no-repeat bottom left !important;
}

#top-nav #vertnav ul ul{
 display: none !important;

}

#top-nav #vertnav li a{
 color: #fff;
 background: url(../images/da-nav-bullet-blue.png) no-repeat top right;
 padding-right: 20px;
 line-height: 28px;
 height: 28px;
 display: block;
 float: left;
}

 #top-nav #vertnav li a:hover{

 }


 #top-nav #vertnav .menu{
 display: inline;
 float: left;
 width: auto;
 position: relative;
 margin: 0 0 0 0;
 font-weight: bold;
 padding: 0 26px 0 10px;
 }

 #top-nav #vertnav .menu-home, #top-nav #vertnav .menu-no-sub{
 background: none;
 display: inline;
 float: left;
 width: auto;
 position: relative;
 margin: 0 0 0 0;
 font-weight: bold;
 padding: 0 10px 0 10px;
 }

 #top-nav #vertnav li:hover .menu{
 display: inline;
 float: left;
 width: auto;
 background: transparent url(../images/da-nav-tab-hover-end-with-arrow.jpg) no-repeat top right !important;

 }

 #top-nav #vertnav li:hover .menu-home, #top-nav #vertnav li:hover .menu-no-sub{
 display: inline;
 float: left;
 width: auto;
 background: transparent url(../images/da-nav-tab-hover-end.jpg) no-repeat top right !important;

 }


 #top-nav #vertnav .menuactive {
 background: url(../images/da-nav-tab-active-end-with-arrow.jpg) no-repeat top right;
 font-weight: bold;
 display: inline;
 float: left;
 width: auto;
 cursor: default;
 }


 #top-nav #vertnav li:hover .menuactive{
 display: inline;
 float: left;
 width: auto;
 background: transparent url(../images/da-nav-tab-hover-end-with-arrow.jpg) no-repeat top right !important;

 }


 /* THESE ARE WHAT GIVE A SINGLE ELEMENT DYNAMIC WIDTH ROUNDED CORNERS */
 #top-nav #vertnav .menuactive{
 padding: 0 26px 0 0;
 }


#top-nav #vertnav .submenu1,
#top-nav #vertnav .submenu1active,
#top-nav #vertnav .submenu2,
#top-nav #vertnav .submenu2active{

}

#top-nav #vertnav #menu + ul li a + ul{
display: none !important;
}


/*** *
* *
* SIDE NAVIGATION *
* *
* *
***/

#side-nav{
	margin:		20px 0 0 0;
}

#side-nav a{
 display: block;
 text-decoration: none;
 color: #003867;
 height: auto;
 line-height: 16px;
 min-height: 20px;
 width: 131px;
 padding: 4px 0 3px 10px;
 font-weight: bold;
 border-bottom:	1px solid #ccc;
 height: 		auto;
}

#side-nav a:hover, #side-nav a.submenu1active{
 background: url(/rsrc/images/da-side-nav-hover-active.jpg) no-repeat top left;
 color: #fff;
 padding: 4px 40px 3px 10px;
 border-bottom:	1px solid #fff;
}

#side-nav #vertnav .submenu1{
 display: block;
}

#side-nav .menuactive, #side-nav .menu{
 display: none;
}

/*** AFTER NAV ***/

#bread-crumbs{
 background: url(../images/da-bread-crumb-bg.jpg) no-repeat top left;
 height: 30px;
 padding: 14px 0 0 45px;
 color: #999999;
 font-size: 11px;
 width: 939px;
 float: left;
}

#bread-crumbs #crumbs{
 float: left;
 width: 700px;
}

#bread-crumbs a{
 color: #96cfff;
 text-decoration: none;
}

#bread-crumbs #print-this-page{
 padding: 0 0 0 0;
 margin-right: 15px;
 width: 105px;
 float: right;
 height: 18px;
 background: url(../images/da-print-icon.png) no-repeat top right;
 color: #cccccc;
}

#bread-crumbs #print-this-page:hover{
	color:	#ffffff;
}

/*** CONTENT Styles ***/

#content-wrap{
 background: #ffffff;
 width: 944px;
 padding: 20px;
}

#content-wrap #col-one{
 width: 180px;
 margin-right: 15px;
 float: left;
}

#content-wrap #col-two{
 padding-top: 20px;
 width: 560px;
 margin-right: 15px;
 float: left;
}

#content-wrap #col-two h2{
 font-size: 32px;
 color: #003867;
 padding: 0 0 20px 0;
}

#content-wrap #col-two h3{
 font-size: 22px;
 color: #333333;
 border-bottom: 1px solid #999999;
 padding: 0 0 2px 0;
 margin: 10px 0 20px 0;
}

#content-wrap #col-two h4{
 font-size: 16px;
 color: #333333;
 margin: 15px 0 6px 0;
}

#content-wrap #col-two p{
	margin: 0 20px 10px 0;
}

#content-wrap #col-two img{
 padding: 10px 0;
}

#content-wrap #col-two ul{
	list-style: 		disc;
	list-style-position: inside;
	line-height: 		16px;
}

#content-wrap #col-two .two-col{
 margin: 10px 0;
}

#content-wrap #col-two .two-col div{
 width: 270px;
 margin-right: 20px;
 float: left;
}

#content-wrap #col-two .two-col div + div{
 margin-right: 0;
}

.external-link{
	padding: 0 8px 0 0;
	margin: 	0 3px 0 0;
	background: 	url(../images/da-0-misc-external-link.png) no-repeat top right;
}

.button-link{
 padding: 0 0 0 10px;
 display: inline-block;
 margin-top: 5px;
 width: auto;
 height: 20px;
 line-height: 20px;
 text-decoration: none;
 color: #ffffff;
 background: url(../images/da-0-btn-main.png) no-repeat top left;
}

html .button-link:hover{
 background: url(../images/da-0-btn-main-hover.png) no-repeat top left;
 color:		#fff !important;
}

.button-link span{
 padding: 				0px 2px 0 0;
 margin:				0px;
 background: 			url(../images/da-0-btn-end.png) no-repeat right 50%;
 display:				inline-block !important;
 position: 				relative;
 left: 					4px;
}

html .button-link:hover span{
 background: url(../images/da-0-btn-end-hover.png) no-repeat right 50%;
}


/*** INSIDE COL THREE STARTS ***/

#content-wrap #col-three{
 width: 170px;
 float: left;
 font-size: 	11px;
}


#content-wrap #col-three .right-call-out input{
	margin:				3px 0 6px 0;
	display:	block;
}

#content-wrap #col-three .right-call-out span{
	display:			block;
	margin: 			0 0 5px 0;
/*	font-size:			10px;  ***  was causing displacement issue, want to document  ***       */
}


#content-wrap #col-three .right-call-out p{
	display:			block;
	margin: 			0 0 5px 0;
}



/*** Footer (Operating Companies) ***/

#footer h3{
 color: #003867;
 font-size: 18px;
 font-weight: bold;
 display: block;
 padding: 15px 0 20px 0;
 text-align: left;
}

#footer a{
 display: block;
 float: left;
 margin: auto;
 text-align: center;
 width: 19%;
}

#footer #top-of-page{
 display: block;
 float: none;
 width: 102px;
 margin-right: 180px;
 height: 20px;
 text-indent: -9999px;
 float: right;
 text-align: left;
 overflow: hidden;
 background: url(../images/da-foot-top-of-page.jpg) no-repeat top left;
}

#footer #top-wrap{
 display: block;
 height: 20px;
 float: none;
 width: 944px;
 border-bottom: 1px solid #cccccc;
}


/*** CopyWrite / Sudo Footer ***/

#copy-write a{
 text-decoration: none;
 color: #71a1c1;
}

#copy-write a:hover{
 color: #ffffff;
}

#copy-write ul{
 float: right;
}

#copy-write p{
 float: left;
}


#copy-write ul li{
 display: inline;
 border-left: 1px solid #71a1c1;
}

#copy-write ul li:first-child{
 display: inline;
 border-left: none;
}

#copy-write ul li a{
 padding: 6px;
}

#facebook{
 clear: both;
 float: right;
 height: 16px;
 padding: 0 0 0 20px;
 margin: 5px 0 0 0;
 background: url(../images/da-icon-facebook.png) no-repeat left 50%;
 display: block;

}

#powered-by-fuego{
 display: block;
 text-indent: -9999pc;
 overflow: hidden;
 width: 182px;
 height: 35px;
 background: url(../images/da-icon-powered-by-fuego.png) no-repeat top left;
 float: right;
 clear: both;
}



/*** SLIER CAMEO ****/

.slide-copy .button-link{
 background: url(../images/da-0-btn-blue-main.png) no-repeat top left;
}

.slide-copy .button-link span{
 background-image: url(../images/da-0-btn-blue-end.png);
}

/*** SLIDER CAMEO DONE ***/


#home-col-one{
 width: 627px;
 float: left;
}


#home-col-two{
 width: 312px;
 float: right;
}

#home-col-one h2{
 font-size: 32px;
 color: #003867;
 padding: 0 0 7px 0;
}

#home-col-one h3{
 font-size: 22px;
 color: #003867;
padding: 0 0 7px 0;
}

#home-col-one h4{
 font-size: 16px;
 color: #003867;
 margin: 8px 0 4px 0;
}

/* Creates some margin if there is a paragraph after the image and not a header */
#home-col-one .two-col div > img + p{
 margin: 10px 0 0
}

#home-col-one .two-col{
 padding: 20px 0 0 0;
}

#home-col-one .two-col p{
 padding: 0 0 8px 0;
}

#content-wrap #home-col-one .two-col{
 margin: 10px 0;
}

#content-wrap #home-col-one .two-col div{
 width: 300px;
 margin-right: 20px;
 float: left;
}

#content-wrap #home-col-one .two-col div + div{
 margin-right: 0;
}

#home-bluebox-top{
 background: #d0edfd url(../images/da-home-bluebox-bg-top.jpg) no-repeat top left;
 width: 282px;
 padding: 15px 15px 15px 15px
}

#home-bluebox-bottom{
 background: #e8f6fe url(../images/da-home-bluebox-bg-bottom.jpg) no-repeat top left;
 width: 282px;
 padding: 20px 15px 15px 15px
}

#home-bluebox-top div, #home-bluebox-bottom div {
 margin: 7px 0 15px 0;
}

#home-bluebox-top h3, #home-bluebox-bottom h3 {
 font-size: 18px;
 color: #003867;
 margin: 0 0 10px 0;
}

#home-bluebox-top h3{
 display: inline-block;
 background: url(/rsrc/images/da-home-icon-dalogo.png) no-repeat top right;
 padding: 12px 60px 0 0;
 height: 22px;
 border-bottom: 1px solid #afcce5;
}

#home-bluebox-bottom h3 {
 display: inline-block;
 background: url(/rsrc/images/da-home-icon-plane.png) no-repeat top right;
padding: 10px 70px 4px 0;
 height: 18px;
 border-bottom: 1px solid #afcce5;
}

#home-bluebox-top span, #home-bluebox-bottom span {
 color: #3399ff;
 font-size: 11px;
}

#home-bluebox-top a, #home-bluebox-bottom a {
 color: #005dab;
 padding: 0 11px 0 0;
 display: inline-block;
 margin: 0 0 0 0;
 text-decoration: none;
/* background: url(/rsrc/images/da-0-read-more-bullets.png) no-repeat right 3px; */

 	padding: 0 8px 0 0;
	margin: 	0 3px 0 0;
	background: 	url(../images/da-0-misc-external-link.png) no-repeat top right;


}

#home-bluebox-top a:hover, #home-bluebox-bottom a:hover {
 color: #4f9512;
/* background: url(/rsrc/images/da-0-read-more-bullets.png) no-repeat right -18px; */
} 

#col-three{
	margin-top: 	20px;
}

.left-call-out{
	width:		146px;
	min-height: 60px;
	padding:	10px 10px 10px 10px;
	margin-top: 20px;
	background:	url(/rsrc/images/da-sidebar-calout-bg.jpg) no-repeat top left;
	font-size: 	11px;
}

.left-call-out p{
	padding:	10px 0;
}

.right-call-out h3{
	font-size: 	14px;
	color: 		#003867;
	margin-bottom: 10px;
}

.right-call-out{
	margin-bottom: 20px;
}

.right-call-out h3 + img{
	margin-top: 0;
}

.right-call-out img{
	margin: 10px 0;
}


.pdfs li a{
	text-decoration: 	none;
	line-height: 		22px;
}

.pdfs li{
	list-style: 		none;
	background: 		url(/rsrc/images/pdf.gif) no-repeat left 50%;
	padding:			0 0 0 19px;
}

#did-you-know li{
	display:			none;
	line-height: 		1.3em;
}

/* ABOUT US*/


.content-callout-plus{
	width:		518px;
	height:		58px;
	background: 	url(/rsrc/images/da-about-callout-bg.jpg) no-repeat top left;
	padding: 	20px;
}

.content-callout-plus:hover{
	background: 	url(/rsrc/images/da-about-callout-bg-hover.jpg) no-repeat top left;
}

#content-wrap #col-two .content-callout-plus h4{
	margin: 0 0 10px 0;
}

.content-callout-plus h4 a{
	text-decoration: 	none;
	color:	#003867;
}

.content-callout-plus h4 a:hover{
	text-decoration: 	none;
	color:	#4F9512;
}

.set-images .popup-photo{
	width: 				33%;
	text-align: 		center;
	margin: 			auto;
	display:			inline-block;
}

.popup-photo img{

}

#content-wrap #col-two .expando-container h3{
	border-bottom:			none;;
	color:					#ffffff;
	font-size:				16px;
	height:					23px;
	background: 			url(../images/da-0-expando-bg.jpg) no-repeat top left;
	margin:					3px 0 5px;
	padding:				6px 0 0 20px;
}


#content-wrap #col-two .expando-container h3.active-expando{
	background: 			url(../images/da-0-expando-bg-active.jpg) no-repeat top left;
}

#content-wrap #col-two .expando-container h3.active-expando:hover{
	background: 			url(../images/da-0-expando-bg-active-hover.jpg) no-repeat top left;
}


#content-wrap #col-two .expando-container h3:hover{
	background: 			url(../images/da-0-expando-bg-hover.jpg) no-repeat top left;
}

#content-wrap #col-two .expando-container p{
		padding: 0 10px;
}


/*** Aviation News RSS feed ***/

#content-wrap #col-two #result h2{
	display: 		none;
	
}


#content-wrap #col-two #result h3{
	text-decoration: 		none;
	margin: 				0 0 3px 0;
}

#content-wrap #col-two #result div{
	margin: 0 0 0 0;
}

#content-wrap #col-two #result .rss-item{
	margin: 0 0 15px 0;
}


#content-wrap #col-two #result .updated{
	font-size:				11px;
	padding: 		0 0 3px 0;		
}

#content-wrap #col-two #result img{
	display: 			none;
}


/*** Aviation News RSS feed @ HOME ***/

#home-bluebox-bottom h2{
	display: none;
}



/*** STOCK WIDGET  ***/

#stock-ticker{
	overflow: 	hidden;
	width:		210px;
	float:		left;
	height: 	265px;
	border-bottom:	1px solid #000
}

#stock-ticker iframe{
	height: 	270px;
}

#stock-ticker #widget-box{
	height:		270px !important;
}

html body #stock-ticker #widget-box > a{
	display: none;
}

html body #stock-ticker #widget-box > a > h1{
	display: none;
}


#widget-bottom{
	display: none;	
}

#stock-blurb{
	float: 			right;
	padding:		0 0 0 20px;
	width:			320px;
}

/*** Content repurpose for DISCOVERY AIR NEWS - and Home page - ***/


#news-repurpose-inside .evoArticleDate{
	font-size:			11px;
	padding:			0 0 3px;
	display:			none;
}

#news-repurpose-inside .evoArticleTitle{
	border-bottom:		1px solid #999999;
	color:				#333333;
	font-size:			22px;
	padding:			0 0 3px;
	margin-bottom: 		10px;
	font-weight: 		bold;
}

#news-repurpose-inside .evoArticleDescription{
	line-height: 		1.3em;
	margin:				0 0 20px 0;
}



#news-repurpose-home .evoArticleDate{
color:#3399FF;
font-size:11px;
margin: 0;
display: none;
}

#news-repurpose-home .evoArticleTitle{
	font-weight: 	bold;
	color:	#000000;
	margin: 0 0 2px 0;
}

html body #news-repurpose-home .evoArticleTitle a{
	background: 	none;
	color: 			#005dab;
	margin:			0;
}

html body #news-repurpose-home .evoArticleTitle a:hover{
	color:		#4F9512;
}

#news-repurpose-home .evoArticleDescription{
	line-height: 	1.3em;
	margin:			0 0 10px 0;

}




/*** Random Blurbs Styles ***/

#right-col-blurbs li{
	display: none;
}

#left-side-blurbs li{
	display: none;
}

/*** Contact Form ***/

#inside-contact-form{

}

#inside-contact-form span{
	display: block;
}

#inside-contact-form label{
	display: block;
	margin:		7px 0 0 3px;
}

#inside-contact-form input{
 	margin:  3px;
}

#inside-contact-form textarea{
	margin:	3px;
}