/*  
	Beechcraft Hawker CSS version 0.8
	bh-basic.css
	Design by Scout Stevenson, The Boston Group
	Date:	December, 2006
*/

/* This sections defines the shapes of the pages
		The HB pages are organized in three horizontal areas:
		container_top includes the tools, top banner, and top nav
		container_middle holds the left nav floated left, and floated against that
			are the brand title, ...
		container_bottom contains the footers, and is needed because it has a different background
*/



html,body {
	padding: 0;
	margin: 0;
}

body {
	background: url(bh_hdr_bkgd.gif) repeat-x top left;
}

img {
	border: none;
}

#container_top {				/* for tools, top banner, and top nav  */
	width: 967px;
	margin: 0 auto;
	padding: 0;
}

#tools {				/* contains password links, logins and search controls */
	margin: 0 auto;
	padding: 0;
	background-color: #050505; 
	height: 64px;
	overflow:hidden;
}

#password {
	float:left;
	margin:0;
	padding:8px 0 0 20px;
	width:180px;
	height:64px;
	text-align:center;
}

#login {
	float:left;
	margin:0 0 0 10px;
	padding:0 0 0 20px;
	width:355px;
	height:34px;
	background:url(tools_padlock.gif) no-repeat 0 7px;
}


#login p {
	text-align: right;
	padding:10px 18px 0 0;
	margin: 0;
}




#header {     /*  contains header image and top (primary) navigation  */
	margin: 0;
	padding: 0; 
	background: url(hb_header.jpg) no-repeat bottom center;  
	height: 112px;
}

#topnav  {
	margin:0; /*  locates the nav within the #header  */
	padding: 74px 0 0 0;
}

#breadcrumb {			/* contains #find_rep, #print and breadcrumb navigation  */
	background: url(bh_crumb_shadow.gif) no-repeat top center;
	width: 910px;
	margin: 0 auto;
	padding: 5px 0;
	overflow: hidden;
}

#buildit {				/*  For printing link - floats right against  Find a Sales Rep  */
	margin: 0;
	padding: 0;
	width: 148px;
	float: right;
	padding-left: 22px;
	background: url(buildit.gif) no-repeat 0 50%
}

#find_rep {				/* floats to the right and slightly lower than breadcrumbs -- for the 
							Find a sales rep link  */
	margin: 0;
	padding: 0;
	width: 165px;
	float: right;
	padding-left: 22px;
	background: url(find_rep.gif) no-repeat 0 50%
}

#print {				/*  For printing link - floats right against  Find a Sales Rep  */
	margin: 0;
	padding: 0;
	width: 120px;
	float: right;
	padding-left: 22px;
	background: url(print_button.gif) no-repeat 0 50%
}

#container_middle {				/* narrows page width for left navigation and content -- the main body of the page */ 
	clear: both;
	width: 910px;
	margin: 0 auto 2px auto;
	padding: 0;
	border: 1px solid #d2d2d2;
}

#leftnav {
	width: 146px;
	float: left;
	margin: 0;
	padding: 0 0 0 5px;
}

#content {    /* holds title, category navigation, and main content area (content_main) */
	width: 758px;     
	float: left;     /* floated left against leftnav  */
	margin: 0;
	padding: 0;
	border-left: 1px solid #d2d2d2;  /* the vertical line between content column and left nav column  */
}

#content2 {    /* holds title, category navigation, and main content area (content_main) */
	width: 910px;     
	float: left;     /* floated left against leftnav  */
	margin: 0;
	padding: 0;
	border-left: 1px solid #d2d2d2;  /* the vertical line between content column and left nav column  */
}

#brand_nav {						/* Contains the brand or category Header Image, and 4th level navigation
										(if used) in one or two columns  */
	border-top:1px solid #d2d2d2;
	border-bottom:1px solid #d2d2d2;
	margin: 0;
	padding: 0;
}

#brand_nav2 {						/* For use when there is no image for top of page  */
	border-top:1px solid #d2d2d2;
	margin: 0;
	padding: 0;
}

#brand_pic {
	padding: 2px;
	margin: 0;
	display: block;
	border-right: 1px solid #d2d2d2;
	float: left;
	overflow: hidden;
}

#brand_pic_pre_own {		/* use in results section of Pre-owned  */
	padding: 2px;
	margin: 0;
	display: block;
	border-right: 1px solid #d2d2d2;
	float: left;
	overflow: hidden;
}

#brand_pic_full {		/* used when two images and no navigation required in "brand-nav."  */
	padding: 2px;
	margin: 0;
	display: block;
	overflow: hidden;
}

.content_main {		/* holds main page content, including headline and either one or two text columns */
	margin: 0 2px;
	padding: 20px 0 0 20px;  
	background-color: #eee;
	display:block;
	clear:both;
}

#content_main_left, #content_main_right {		/* only used on the landing pages, below the h2 Page Title */
	float: left;
	width: 340px;
	margin: 0;
	padding: 0;  /* was 20px 0 sets vertical padding, horizontal is handled by the parent div's padding,
						left and right, and #content_main_right's left margin between them  */
}

#content_main_right {		/* only used on the landing pages, below the h2 Page Title */
	margin-left: 30px;
}

.content_main_overlay {  /* Used to overlay a white section with top and bottom borders that
							overlay the gray background in the content_main area.		*/
	margin:0 -2px 0 -22px; /* forces top and bottom borders over the margin and padding of content_main  */
	padding:0 0 0 22px;		/* brings content back in line on the left */
	border-top:1px solid #d2d2d2;
	border-bottom:1px solid #d2d2d2;
	background-color: #fff;
/*	height:65px;			 removing the height makes this  more flexible, and dependant upon its content  */
}

.overlay {
	margin:0 ; /* forces top and bottom borders over the margin of content ??0 -2px 0 -2px */
	padding:0 0 0 20px;		/* brings content back in line on the left */
	border-top:1px solid #d2d2d2;
	border-bottom:1px solid #d2d2d2;
	background-color: #fff;
}


.flash_container {			/* removes the 20px padding on content_main so the flash will center   */
	margin:0 0 0 -20px;
	padding:0
}

.flash_box {
	border:8px solid #ccc;
	margin:0 auto;
	padding:0 0 0 0;
	background:transparent;
}

.table {   /* for encapsulating tables to match content_main*/
	width: 754px;
	margin:0 auto;
	padding: 0;
	background-color: #eeeeee; /* newly added */
}

/* Need to set table-width from 100% to "auto" or else will have negative effect on the look of calender tool*/
  
table {		/*  for tables in general*/
	margin: 0;
	padding: 0;	
	width:  auto;
	/*background-color: #eeeeee; */
	border: none;
	border-collapse: collapse;
} 

.tablegrayfullwith {		/* for tables in general */
	margin: 0;
	padding: 0;
	width: 650px;
	background-color: #eeeeee;
	border: none;
	border-collapse: collapse;
}

.tablewhitefullwith {		/* for tables in general */
	margin: 0;
	padding: 0;
	width: 650px;
	background-color: #ffffff;
	border: none;
	border-collapse: collapse;
}
.tableclearfullwidth {		/* for tables in general */
	margin: 0;
	padding: 0;
	background-color: Transparent;
	border: none;
	border-collapse: collapse;
}


.tablewhite {		/* for tables in general with White background */
	width:754px;
	margin:0 auto;
	padding: 0;
	margin: 0;
	padding: 0;
	width:100%;
	background-color: #fff;
	border: none;
	
	border-collapse: collapse;
}

.tablewithgrayborder {		/* for tables in general with White background */
	margin:0 auto;
	padding: 0;
	margin: 0;
	padding: 0;
	border: solid 1px #a9a9a9;
	border-collapse: collapse;
}

.tablewithgrayborder td {border: solid 1px #a9a9a9;}
.tablewithgrayborder th {border: solid 1px #a9a9a9;}

.tablewithblackbottom td{border-bottom: solid 2px black;padding:4px 0px;margin:0px}
.tablewithblackbottom th{border-bottom: solid 1px #a9a9a9;padding:5px;margin:0px}


.tablenav {		
	width: 912px;
	margin: 0;
	background-color: Transparent;
	border: 0;
}

table th, table td {
	margin: 0;
	padding: 4px 10px;  /* 10 pixels left and right padding within table cells  */
}

.nopaddingtable td {
	margin: 0;
	padding: 0px 0px;  /* 10 pixels left and right padding within table cells  */
}

.smallpaddingtable td {
	margin: 0;
	padding: 3px 2px;  /* 10 pixels left and right padding within table cells  */
}

.smallpaddingtable th {
	margin: 0;
	padding: 3px 2px;  /* 10 pixels left and right padding within table cells  */
}

.news-left { padding-left:20px ; }

/*table th {							 table header background color -- medium gray 
	background-color: #ccc;
}*/

.fff {							/* table row background color -- white   */
	background-color: #fff;
}

.eee {							/* table row background color -- light gray   */
	background-color: #eee;
}

.ccc {							/* table row background color -- medium gray   */
	background-color: #ccc;
}

.orange {    /*  makes UL with orange disk  */
list-style: disc;
color:#F45B08;
}

#container_bottom {		/* holds footer to center it and provide the full-width dark background at the page bottom */
	background-color: #000000;
	height: 300px;
	margin: 0;
	padding: 0;
}

#footers {
	width: 910px;
	height: 43px;
	margin: 0 auto;
	padding: 0;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
display: inline-block;
}

/* Hides from IE5/Mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE5/Mac */

.collapsePanel 
{
    width: 640px;
    height: 0px;
    background-color: #eee;
    overflow: hidden;
}

.collapsePanelHeader 
{
    width: 640px;
    height: 20px;
    color: #0F648C;
    background-color: #eee;
    font-weight: bold;
    padding: 5px;
    cursor: pointer;
    vertical-align: middle;
}

.modalBackground 
{
    background-color:Gray;
    filter:alpha(opacity=70);
    opacity:0.7;
} 

.modalPopup 
{
    background-color:#eee;
    border-width:3px;
    border-style:solid;
    border-color:Gray;
    padding:3px;
    width:800px;
}   

.PagerNav A:link {text-decoration: underline}
.PagerNav A:visited {text-decoration: underline}
.PagerNav A:active {text-decoration: underline}
.PagerNav A:hover {text-decoration: none}

.PagerNavGrey TD {background-color: #DDDDDD}
.PagerNavGrey A:link {text-decoration: underline; background-color: #DDDDDD}
.PagerNavGrey A:visited {text-decoration: underline; background-color: #DDDDDD}
.PagerNavGrey A:active {text-decoration: underline; background-color: #DDDDDD}
.PagerNavGrey A:hover {text-decoration: none; background-color: #DDDDDD}


a.BoldUnboldLink{text-decoration:underline;font-weight:bold}
a.BoldUnboldLink:link{color: #C14603}
a.BoldUnboldLink:visited{color:#C14603;font-weight:normal}
a.BoldUnboldLink:hover{color: #F45B08;text-decoration:none}
a.BoldUnboldLink:active{color: #F45B08}

#flash_content_main_left {
	float: left;
	width: 526px;
	margin: 0;
	padding: 0;
}

#flash_content_main_right {		/* only used on the landing pages, below the h2 Page Title */
	float: left;
	width: 185px;
	margin: 0;
	padding-top: 140px;
	padding-left: 65px;
}

/*********************************************************
	FROM NEW SITE
**********************************************************/

#site_utils {
		width: 720px;
	}
	
div#mast-header {
float:right;
margin-top:5px;
}

.search_button {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/assets/images/en/corporate/buttons/form_search.png) no-repeat scroll center top;
}	

ul#mast-account li {
border-left:1px solid #006B8F;
display:block;
font-size:0.8em;
line-height:0.85em;
padding:0 10px;
text-transform:uppercase;
}

input.mast-search {
height:18px;
width:150px;
line-height:18px;
margin-right:15px;
background-color:#666666;
border:1px solid #4E4E4E;
color:#FFFFFF;
font-size:0.85em;
}

#footer_branding {
		width: 58px;
		height: 35px;
	}
	
	#footer_links {
		font-weight: bold;
	}
	
	div#site_information {
		margin-top: 10px;
		margin-left: 29px;
		padding-bottom: 30px;
		color: #ccc;
		font-size: 11px;
		line-height: 1.4em;
		width: 911px;
		font-family:"Franklin Gothic Book","Franklin Gothic Medium",Arial,sans-serif;
	}
	
	div#site_information h2#footer_branding {
		margin-top: 1px;
		margin-right: 15px;
		background: url('/assets/images/global/corporate/hawker_beechcraft_logo_small.png') no-repeat 0 0;
	}
	
	div#site_information a {
		color: #bfbfbf;
		text-decoration: none;
	}
	
	div#site_information a:visited {
		color: #bfbfbf;
		text-decoration: none;
	}
	
	div#site_information a:hover {
		color: #ffffff;
		text-decoration: none;
	}
	
	div#site_information div#footer_copyright {
		line-height: 1em;
		margin-right: 10px;
		padding-top: 3px;
	}
	
	div#site_information ul#footer_links li {
		padding-left: 10px;
		padding-right: 10px;
		text-transform: uppercase;
		background: url('/assets/images/global/common/icons.png') no-repeat 0px -478px;
	}
	
	div#site_information ul#footer_links li:first-child {
		padding-left: 0;
		background: none;
	}
	
	li#measurement-unit ul li:first-child {
		padding-left: 0;
		border: none;
	}
	
	li#measurement-unit ul li,
	div#site_information ul#footer_links_secondary li {
		padding-left: 10px;
		padding-right: 10px;
		margin-top: 3px;
		border-left:1px solid #747578;
		line-height: 1.0em;
	}
	
	#container > *, .float > * {
        float:left;
    }
    .float > *
{
    float:left;
}
    HTML BODY .clear
    {
        clear: both;
    }