/*----------------------------------------
 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; 
    }

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 */