/*----------------------------------------
 Main stylesheet for: Flight Data Centre
 ----------------------------------------*/ 
 
 /*----------------------------------------  
 Stylesheet structure:
 
 > Styles reset, HTML & body
 > Main layout
 > Type and inline styling
 > Section details
    --> Header
    --> Secondary Content
    --> Sidebar
    --> Footer
 > Misc     
 ----------------------------------------*/ 
 
 /*----------------------------------------
 Color master list:
    

 ----------------------------------------*/     
    
/* Styles reset, HTML & body styling -------------------------------------------------------------------------------------  */     

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, apress, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, p, ol, ul, li, title
fieldset, form, legend
{
    border: 0;
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: normal;                
    margin: 0;
    outline: 0;     
    padding: 0;
}   
    
* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrapper {height: 100%;}

body > #wrapper {height: auto; min-height: 100%;}

html
{
    background: #fff url(../images/bk_outer.png) top left repeat-x;
}

body 
{         
    background: url(../images/bk_header.png) top center no-repeat;     
    color: #3e422b;        
    font: 9pt  Arial, Verdana, sans-serif;
    position: relative;      
}

    body.shadowbox 
    {         
        background: url(../images/bk_header_shadow.png) top center no-repeat;      
    }

/* Main layout -------------------------------------------------------------------------------------  */ 

    #wrapper
    {
        margin: 0 auto;
        position: relative;
        width: 960px;       
    }
    
    #print-logo
    {
    	display: none;
	 } 
        
    #header
    {        
        height: 85px;
        position: relative;        
        width: 960px;
    }
	
	 #header object
    {        
	margin:7px 0 0 8px;
	}
    
    img#logo
    {
        float: left; 
        margin-top: 10px;
        margin-left: 20px;
    }
    
    ul#nav
    {
        list-style: none;
        position: absolute;
        	right: 20px;       
    	  z-index: 10;
        
    }

    #main 
    {        
        padding: 25px 20px 135px; /* padding-bottom must be same height as the footer */ 
        position: relative;
        width: 920px;         
    } 
           
        #content
        {
            float: left;
            width: 600px;
            font-size: 12px;
            line-height: 1.4em; 
        }           
        
        	#content ul li
        	{
        		font-size: 12px; 	
			}
        
            .fullWidth #content, #home #content
            {
               width: 920px;
            }
        
            .sideGallery #content
            {
                width: 570px;
            }
            
        .div-scroll
        {
        		height: 260px;
        		overflow:hidden;  
		  }
        
        #sidebar
        {          
            float: right;
            min-height: 280px;
            position: relative;
            width: 285px;    
        }
        
        #sidebarGallery
        {
            background: url(../images/bk_sideGallery.png) top center no-repeat;            
            float: right;
            min-height: 330px;
            position: relative;
            width: 330px;   
        }       

    #footer
    {         
        background: #a8aba5 url(../images/bk_footer.png) top left repeat-x; 
        color: #292c1b;
        font-size: 10px;
        height: 115px;     
        margin-top: -115px; /* negative value of footer height */                              
        position: relative;
        text-align: right;                    
    }
    
/* Type and inline styling -------------------------------------------------------------------------------------  */

h1, h2, h3, h4, h5, h6
{
    color: #0079bc;
    font-size: 2.0em;
    padding: 0 0 0.1em 0;
}

    h2
    {
        font-size: 1.3em;
		margin:0 0 0.3em 0;
    }

    #sidebar.background h2
    {
        color: #fff;
        font-size: 2.0em;
    } 
    
    h3
    {
        font-size: 12px;
    } 

p, address
{ 
    font-size: 12px;
    line-height: 1.4em;
    font-style: normal;
    padding: 0.2em 0;     
}

a
{
    color: #0079bc; 
    font-weight: bold;  
    text-decoration: none;
    outline: none;
}

    a:hover
    {
        color: #004b73;
    }
    
.highlight
{
    color: #0079bc;
    font-weight: bold;
} 


#content ul
{
   list-style: none;
   margin-top: 10px;
}

#content li
{
   background: url(../images/bullet.png) 0 0.5em no-repeat;      
   font-size: 1.2em;
   padding-bottom: 0.2em;
   padding-left: 8px;
}

li a
{
   font-weight: normal;
}   

 
 /* Section details -------------------------------------------------------------------------------------  */
         
         
         /* Header -------------------------------------------------------------------------------------  */
         
    		.banner-home
    		{
    			overflow: hidden;
    			height: 230px;	
			} 
			
    		.banner
    		{
    			overflow: hidden;
    			height: 155px;	
			}			        
         
         .banner-large img
         {
         	margin-top: 0px;
			}
			
 				.banner-large:hover img
 				{
 					margin-top: 0px;
				}
			
         .banner img
         {
         	margin-top: 0px;
			}
			
 				.banner:hover img
 				{
 					margin-top: 0px;
				}			
        
        a#hBtn_products, a#hBtn_home     
        {
            background: url(../images/hBtn_view_products.jpg) top left no-repeat;    
            display: block;
            height: 155px;
            width: 960px;
            position: absolute;
            bottom: 0;
            left: 0;
        }
        
        a#hBtn_home     
        {
            background: url(../images/hBtn_home.jpg) top left no-repeat;    
                height:0;
        }        

        a#hBtn_products:hover, a#hBtn_home:hover, a.logout:hover     
        {
            background-position: bottom left;
        }
        
        #account
        {
           height: 21px;
			  float: right;
           width: auto;
           margin-top: 25px;
        }
        
        #account p
        {
            font-size: 11px;   
            width: auto;
        }
        
        a.logout
        {
            background: url(../images/btn_logout.png) top left no-repeat;             
            display: block;
                height: 15px;
                width: 47px;
            float: right;
            margin-top: 3px;
            margin-left: 10px;
        }          
 
        
        /* Sidebar -------------------------------------------------------------------------------------  */
        
        #sidebar.background
        {
            background: url(../images/bk_sidebar.png) top left no-repeat;  
        }   
        
        .sidebarContent
        {
            padding: 135px 15px 5px;
        }
        
        .sidebarContent p
        {
        	   font-size: 12px;  
		  }
        
        #sidebar h3
        {
            font-weight: bold;
            padding: 0;
            padding-top: 5px;
        }
        
        #sidebar a
        {
            border-bottom: 1px dotted #0079bc;
            color: #0079bc;
            font-weight: normal;
        }
        
        #sidebar a:hover
        {
            border-style: solid;
        }
        
        #sidebar .introPic
        {
            position: absolute;
                top: 30px;
                left: 3px;    
        }        
 
        /* Footer -------------------------------------------------------------------------------------  */ 
        #footerContent
        {
            margin: 0 auto;
            padding: 15px 20px;
            width: 920px;            
        }
        
        #footer a
        {
            color: #292c1b;
        }
        
        #footer a:hover
        {
            border-bottom: 1px dotted;
        }        
        
        ul#footerNav
        {
            color: #fff;
            float: left;
            font-size: 10.5px;
            font-weight: bold;
            list-style: none;
            text-align: left;
        }
        
        ul#footerNav li
        {
            float: left;
            padding-right: 10px;
            width: 120px;
        }
        
        ul#footerNav a
        {
            color: #fff;
            border: 0 none !important;           
        }
        
        ul#footerNav ul a:hover
        {
            border: 0 none;
            color: #dee2da;
        }        
        
        .footerSubNav
        {
            list-style: none;
        }
        
        .footerSubNav a
        {
            font-weight: normal;
        }

        #footer .space
        {
            padding-left: 20px;
        } 
        
        #footer .secondary
        {
            font-size: 10.5px;
        }
        
        a.enquiry
        {
            background: url(../images/btn_enquiry.png) top left no-repeat;             
            display: block;
                height: 27px;
                width: 127px;
            margin-left: 240px;
        } 
        
                #footer a.enquiry:hover
                {
                    background-position: bottom left;
                    border: 0 none;
                } 
                
        
		  /* Sidebar photo gallery -------------------------------------------------------------------------------------  */                     
        
			ul.sbGallery
			{
				display: block;
				height: 323px;
				width: 323px;
				list-style: none;
				margin: 4px 4px 15px 4px;
				overflow: hidden;
			}

			ul.sbGallery li.hidden
			{
				display: none;  
			}
			
			ul.sbGallery li
			{
				width: 323px;	
			}

			ul.sbGallery li img
			{
         	margin: auto;
         	display: block;
			}        

			ul.galleryNav
			{
				height: 24px;
				list-style: none;
				margin-bottom: 8px;    
			}

			ul.galleryNav li
			{
				float: left;        
				margin-right: 4px;
			}


			ul.galleryNav li a
			{
				background: url(../images/btn_galleryNum.png) top left no-repeat;
				color: #484e41; 
				cursor: pointer;
				display: block;
				height: 19px;
				width: 24px;
				font-size: 12px;
				padding-top: 5px;
				text-align: center;
				outline: none; 
			}        

			ul.galleryNav li.active a, ul.galleryNav a:hover
			{
				background-position: bottom left;
				color: #fff;
				outline: none;
			} 
        

        /* Front page quicklinks -------------------------------------------------------------------------------------  */   
        
        div.quicklink
        {
            background: url(../images/bk_quicklink.png) top left no-repeat;
            float: left;
            margin-right: 32px;
            min-height: 285px;
            position: relative;
            width: 285px;  
			font-size:12px;
        } 
        
        .quicklink h2
        {
           color: #fff;
           font-size: 20px;
           height: 37px;
           line-height: 37px; 
           margin: 0;
           padding: 0 0 0 15px;          
        } 
        
        .quicklink p, .quicklink ul
        {
           padding-left: 15px;
           padding-right: 15px;
        }           
        
        div.noMargin
        {
           margin-right: 0;
        }  
        
        .slideshow
        {
           height: 132px;
           margin-left: 3px;
           width: 279px;
        }    
    
 
 /* Misc buttons and structures -------------------------------------------------------------------------------------  */    
 
.requestQuote, .viewSTARS, .downloadBrochure, .tutorial
{
     background: url(../images/btn_requestQuote.png) top left no-repeat;
     border: 0 none !important;
     cursor: pointer;   
     display: block;
        height: 23px;
        width: 117px;
}

    .viewSTARS
    {
        background: url(../images/btn_viewSTARS.png) top left no-repeat; 
        width: 116px;  
    }

    .downloadBrochure
    {
        background: url(../images/btn_downloadBrochure.png) top left no-repeat; 
        height: 30px;
        margin-right: 12px;
        width: 143px;  
    } 
    
    .tutorial
    {
        background: url(../images/btn_tutorial.png) top left no-repeat; 
        height: 30px;
        width: 160px;  
    }     
    
.btnMargin
{
    margin-top: 3px;
    margin-right: 12px;   
}  

.requestQuote:hover, .viewSTARS:hover, .downloadBrochure:hover, .tutorial:hover 
{
    background-position: bottom left;
}

#gallery
{
    list-style: none; 
	 margin-top: 15px;
	 margin-left: 20px; 
}

    #gallery li
    {
        float: left;
        padding-right: 10px;    
    }
    
.tip 
{
    background: transparent url(../images/tipTop.png) no-repeat top;    
    display: none;   
    margin-top: 60px; 
    margin-left: 40px;
    padding-top: 12px;
    position: absolute;
    width: 176px;   
    z-index: 100; 
}

#content ul.logos
{
    list-style: none;
    margin-top: 0;
    width: 920px;
}

    #content .logos li
    {
       background-image: none; 
       display: block;
            width: 210px;
        float: left;
        margin: 0 26px 26px 0;
        padding: 0;
    }
    
    #content .logos li.last
    {
        margin-right: 0;
    }

.tipMid 
{
    background: transparent url(../images/tipMid.png) repeat-y; 
    min-height: 20px;
    padding: 0 25px 5px;
}

.tipBtm 
{
    background: transparent url(../images/tipBtm.png) no-repeat bottom; 
    height: 10px;
}    

dt
{
    clear: left;
    float: left;
    padding-bottom: 10px;
    padding-right: 10px;
}

dd
{
    padding-bottom: 10px;    
}

table.data
{
    font-size: 12px;   
    margin-top: 20px; 
    width: 740px;
}

    table.data tbody
    {
        padding-top: 15px;
        overflow: auto;
    }
      
    table.data td
    {
        border-bottom: 1px solid #e0e0df;        
        color: #4b4f39;        
        height: 30px;
    }
    
    table.data th
    {
        border-bottom: 1px solid #bfd4e0;         
        color: #015584;
        font-weight: normal;
        height: 24px;             
        text-align: left;
    }

    table.data th:first-child
    {
        background: url(../images/bk_tableHeader.png) bottom left no-repeat;
        color: #fff;
        font-size: 13px;        
        padding-left: 10px;
    }
    
    table.data td img.icon
    {
        margin: 0 5px 0 -21px; 
        vertical-align: text-bottom;
    }    
    
    table.data td:first-child>img.icon
    {
        margin: 0 5px; 
    }
	
ul.data li.first {
	background:url("../images/bk_tableHeader.png") no-repeat scroll left bottom transparent!important;
	color:#FFFFFF;
	font-size:13px;
	padding:25px 0 0px 8px;!important;
	border-bottom:solid 1px #BFD4E0;
	font-weight:bold;
	position:relative
}

.articles_all li,	
ul.data li.article_item{
padding-left:0

}	

ul.publication_item {
width:800px;
margin-top:0px!important
 

}
ul.publication_item li{
background:none!important;
float:left;
width:431px;
list-style:none inside none;
list-style-image: url("../images/icon_doc.png");
padding:5px 7px 0px 0px;!important;
border-bottom:solid 1px #E0E0DF;
padding-left:0!important

}

ul.publication_item li a{
font-weight:bold;

}

em
{
    font-weight: bold;
    font-style: normal;
}

.right
{
    float: right;
}

.left
{
    float: left;
}

.clear
{
	clear: both;	
}

.cLeft
{
   clear: left;
}

#user_message
{
	border: 1px solid #0079bc;
	padding: 10px;
	width: 500px;
	margin-bottom: 10px;	
	font-size: 12px;
	font-weight: bold;
}

.scroll-help
{
	text-align: right;
	padding-top: 5px;
	font-size: 8pt;	
	color:#999999;
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */