/* CSS Document */
/*
-----------------------------------------------
Title: Main Page Content Stylesheet
Author: mostafa abdelkareem, ITWorx
Created:  18.2.2007
Modified:
----------------------------------------------- */

/* ------------------------------------------------
 =Redefined HTML Tags
----------------------------------------------- */
body {
	margin: 0px;
	background-color: #3b65b0;
	background-image: url(../images/hs_background.jpg);
	background-repeat: repeat-x;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 11px;
	color: #333333;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
a {

	color:#e60b1f;
	text-decoration:none;

}
a:hover {

	color:#333333;
	text-decoration:underline;

}

a .p
 {

	color:#333333;
	text-decoration:underline;

}
a:hover .p{

	color:#e60b1f;
	text-decoration:underline;

}
/* ------------------------------------------------
 =Page Structure 
----------------------------------------------- */
#page {
	background: #FFFFFF;
/* keep opera happy */	margin: 0 auto;
	min-height: 100%;
	text-align: left;
	width: 770px;
}
#content {
	padding: 0 0 59px;
	background-color:#FFFFFF;
	font-family: arial, helvetica, verdana, sans-serif;
}

.content {
	padding: 0 0 59px;
	background-color:#FFFFFF;
	font-family: arial, helvetica, verdana, sans-serif;
}

#header {
	background-image: url(../images/header_background.jpg);
	float: left;
	width: 770px;
	height: 76px;
	background-repeat: no-repeat;
}
#footer {
/* keep opera happy */	margin: 0 auto;
	min-height: 100%;
	text-align: left;
	width: 770px;
}
.footer{
	color:#FFFFFF;
	float:left;
	padding-left:5px;
	/*background-color:#3b65b0;*/
}
.footer a,  .footer a:hover{
	color:#FFFFFF;
	}
.copyRights{
	float:right;
	color:#FFFFFF;
	padding-right:5px;
	/*background-color:#3b65b0;*/
}

/* ------------------------------------------------ 
	=Internal pages header
----------------------------------------------- */
#HeaderImg {
	margin:0px;
	width:770px!important;
	/*height:72px!important;*/
	min-height:72px; /*put for for firefox compatability*/
	float:left;
}
/* ------------------------------------------------ 
	=content IDs
----------------------------------------------- */
#contentarea {
	padding-top:15px;
	padding-left:0px;
	width:550px;
	float:left;
	min-height:335px;
	text-align: left;
	
	
}
#contentarea p {
	font-size:1em;
	color:#686868;
	margin:0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}


#contentarea h1 {
	margin:0px;
	padding:0px;
	padding-bottom:6px;
	font-size:13px;
	font-weight:bold;
	color: #FC531B;
}

#contentarea h2 {
	margin:0px;
	padding:0px;
	padding-bottom:6px;
	font-size:12px;
	font-weight:bold;
	color: #686868;
	
}

#contentarea ul
{
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
	
}

#contentarea li {
	margin:0px;
	padding:0px;
	/*color: #003366;*/
	color:#686868;
	/*list-style-type: square;*/
}
#contentarea li a{
	color: #333333;
}

#contentarea .contentImage
{
	margin:0px;
	width:550px;
	height:auto;
}

#contentarea .contentImage img
{

	margin-bottom:20px;
}

#contentarea div.flasharea
{
	margin:0px;
	width:550px;
	height:auto;
}

#contentarea div.img
{
	margin:0px;
	width:50%;
	float:right;
}

.contactarea {
	padding-left:0px;
	width:550px;
	float:left;
	text-align: left;
    margin-bottom:15px;
	
}
.contactarea p {
	font-size:1em;
	color:#686868;
	margin:0px!important;
	padding:0px!important;

}


.contactarea h2 {
	margin:0px;
	padding:0px;
	padding-bottom:6px;
	font-size:12px;
	font-weight:bold;
	color: #686868;
	
}
/* ------------------------------------------------ 
	=content FORMS
----------------------------------------------- */
div.forms
{
	margin:0px;
	padding:0px;
}

form
{
	margin:0px;
	padding:0px;
}

table.tblForm
{
	margin:0px;
	padding:0px;
}

.tblForm  input.inpText
{
	
	width: 140px;
	margin:0px;
	border: 1px solid #2D5887;
	vertical-align:bottom;
	
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 11px;
}


.tblForm select
{
	
	
	width: 144px;
	margin:0px;
	border: 1px solid #2D5887;
	vertical-align:top;
	
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 11px;
}

.button
{
	background-color:#466BAB;
	color:#DBE6E6;
	width:70px;
	height:18px;
	border:solid 1px #2D5887;
	
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 11px;
}

span.info
{
	font-size:10px;
	color:#686868;
}


div.SrchResult
{
	margin-top:10px;
	margin-bottom:10px;

}

.SearchItemHeader
{
	background-color:#69738E;
	
}

.SearchItemHeader a {

	color:#fff!important;
	text-decoration:none;
	

}
.SearchItemHeader a:hover {

	color:#fff!important;
	text-decoration:underline;
	


}

.SearchItem a {

	color:#333333;
	text-decoration:none;
	font-weight:bold;

}
.SearchItem a:hover {

	color:#333333;
	text-decoration:underline;
		font-weight:bold;


}

.alternateRow
{
	background-color: #EDEDF5;
}

.tblPaging
{
	font-size:11px;
	color:#333333;
	font-weight:bold;
}

.tblPaging a
{

	font-weight:normal;
	color:#e60b1f!important;
}

.tblPaging a:hover
{

	font-weight:normal;
	color:#333333!important;
}

.tblPaging td
{
	width:23px;
	text-align:center;
}


.SrchResult p
{
	padding:0px!important;
	margin:0px!important;
}


.SrchResult a.more {

	color:#e60b1f;
	text-decoration:none;

}
.SrchResult a.more:hover {

	color:#333333;
	text-decoration:underline;

}


.SrchResult a {

	color:#333333;
	text-decoration:none;

}
.SrchResult a:hover {

	color:#333333;
	text-decoration:underline;

}



/*-------------------------------------------------
     =NEWS
--------------------------------------------------*/

p.newsTitle
{
	padding:0px!important;
	margin:0px!important;
	border:solid 1px red;
}


p.newsContent

{
	padding:0px!important;
	margin:0px!important;
	border:solid 1px red;
}

/* ------------------------------------------------ 
	=NAVIGTION (left column section links)
----------------------------------------------- */	
#leftMenu {
	float:left;
	padding-top:20px;
	width:190px;
	height:100%;
	background-color:#fbfbfb;
}
#leftMenu ul {
	/*font-size:0.9em;*/
	/*list-style-image: url(../images/left_menu_bullet.gif);*/
	list-style-type: none;
	margin:0px;
	padding:0px;
}
#leftMenu ul.sub {
	margin:0px 0px 0px 0px;
	padding:4px 0px 8px 0px;	
}
#leftMenu ul li {
	/*list-style-position: inside;*/
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 12px;
	background:url(../images/left_menu_bullet.gif) no-repeat left 1px;
	margin-left:5px;
}
#leftMenu ul li li {
	margin:0px;
	list-style-type: none;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	background:url(../images/left_menu_bullet.gif) no-repeat left 3px;
}
#leftMenu a {
	color:#1a2a5d;
	font-weight:normal;
	text-decoration:none;
	height:100%;
}
#leftMenu ul ul a {
	font-weight:normal;
}
#leftMenu a:hover {
	text-decoration:underline;
	color:#232323;
}
#leftMenu ul ul a:hover {
	text-decoration:none;
	color:#232323;
}

/* *************************** */
#leftMenu .sub li{
	padding-left:12px;
	color:#232323;
}
#leftMenu .sub li a{
	color:#232323;
}
#leftMenu ul A.selected{
	color:#FF3300!important;
	font-size:11px;
	font-weight: bold;
	
}


/* ------------------------------------------------ 
	=TOP NAV BAR (logo , right links)
----------------------------------------------- */
#header .topLogo {
	float: left;
	padding-left: 15px;
	padding-top: 11px;
}
#header .topIR {
	float: right;
	color: #1866ba;
	font-size: 0.9em;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#header .topIR label a {
	color: #CC3300}

#header .topIR a span {
	color: #1866ba;
}
#header .topIR div {
	margin-top:28px;
	text-align:right;
	color:#999999;
	
}
#header .topIR div a{
	
}

#header .topIR a {
	color: #1866ba;
	text-decoration: none;
}
#header .topIR a:hover {
	color: #FF7200;
}

#header p
{
	margin-top: 2px;
	padding-top: 0px;
	font-size: 0pt;
}

#header > p
{
	
}
#header > P:first-child
{
	
}

#header .headerActions{float:right;width:200px}
#header .headerActions #search{position:relative;*top:40px;left:10px}

/* ------------------------------------------------ 
	=GLOBAL NAV (wrap around UL list and global search)
----------------------------------------------- */
#navBar {
	float: left;
	width: 770px;
	height: 25px;
}
#navBar .navLinks {
	background-image: url(../images/hs_menu_background.jpg);
	background-repeat: repeat-x;
	display:block;
	height:25px
}

/* ------------------------------------------------
 =GLOBAL NAVIGATION
----------------------------------------------- */
#nav, #nav ul {
	/* all lists */
	
	list-style: none;
	margin: 0px;
	padding: 1px;
	padding-top:4px;
	padding-bottom:2px;
}
#nav a {
	color: #ffffff;
	display: block;
	/*font-size: 1.0em;
	font-weight: bold;*/
	text-decoration: none;
	padding-top:1px;
	
	
}
#nav li a span {
	display: block;text-align:center
}


.contactUs span {
	padding-left: 20px;
}
#nav li ul li a {
	background: none;
	color: #56607b;
	display: block;
	/*font-size: 0.9em;
	font-weight: normal;*/
	line-height: 1.2em;
	padding-left: 12px;
	width: 170px;
}
#nav li a:hover {
	color: #ffffff;
	text-decoration: none;
}
#nav li ul li a:hover {
	color: #56607b;
	text-decoration: underline;
}
#nav li {
	/* all list items */
	float: left;
	color: #56607b;
}
#nav li ul li {
	background-image: none;
	white-space:nowrap;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}
#nav li ul li a {
	padding-left: 12px;
}
#nav li ul li.top {
	padding-top: 2px;
}
#nav li ul li.bot {
	padding-bottom: 2px;
}
#nav li ul {
	/* second-level lists */
	background: #ffffff;
	filter: alpha(opacity= 100); /*	filter:alpha(opacity=90);*/
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	-moz-opacity: 0.9;
	opacity: 0.9;
	margin-left: 0px;
	position: absolute;
	width: 215px;
}
#nav li:hover ul, #nav li.sfhover ul {
	/* lists nested under hovered list items */
	left: auto;
}
.menuBorder{
	border: 1px solid #999999;
}
a.aboutUs {

	height:18px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	
}
a.Aerospace {
	height:18px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
a.Industrial {
	height:18px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
a.spacelandsea {
	height:18px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
a.customerservice {
	height:18px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
a.careers {
	height:18px;
}

a.other {
	height:18px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}


li#aboutUs, li#aboutSelected{
width:110px;
}
li#Aerospace, li#aerospaceSelected {
width:115px;
}
li#Industrial, li#IndustrialSelected{
width:105px;
}
li#spacelandsea, li#spacelandseaSelected {
width:185px;
}
li#customerservice, li#customerserviceSelected {
width:150px;
}
li#careers, li#careersSelected {
width:100px;
}

li#other, li#otherSelected {
width:185px;
}

/*# hover effect#*/
#nav #aboutUs:hover, #nav #aboutUs.sfhover{
	background-image: url(../images/aboutUs_bg.jpg);
	background-repeat: repeat-x;
}
#nav #Aerospace:hover, #nav #Aerospace.sfhover {
	background-image: url(../images/Aerospace_bg.jpg);
	background-repeat: repeat-x;
}
#nav #Industrial:hover, #nav #Industrial.sfhover {
	background-image: url(../images/Industrial_bg.jpg);
	background-repeat: repeat-x;
}
#nav #spacelandsea:hover, #nav #spacelandsea.sfhover{
	background-image: url(../images/spacelandsea_bg.jpg);
	background-repeat: repeat-x;
}
#nav #customerservice:hover, #nav #customerservice.sfhover{
	background-image: url(../images/customerservice_bg.jpg);
	background-repeat: repeat-x;
}
#nav #careers:hover, #nav #careers.sfhover{
	background-image: url(../images/careers_bg.jpg);
	background-repeat: repeat-x;
}

#nav #other:hover, #nav #other.sfhover{
	background-image: url(../images/spacelandsea_bg.jpg);
	background-repeat: repeat-x;
}


/*# apply this clash when w go inside the pages#*/
.aboutSelected{
	background-image: url(../images/aboutUs_bg.jpg);
	background-repeat: repeat-x;
	height:18px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
.aerospaceSelected {
	background-image: url(../images/Aerospace_bg.jpg);
	background-repeat: repeat-x;
	height:18px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
.IndustrialSelected {
	background-image: url(../images/Industrial_bg.jpg);
	background-repeat: repeat-x;
	height:18px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
.spacelandseaSelected {
	background-image: url(../images/spacelandsea_bg.jpg);
	background-repeat: repeat-x;
	height:18px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
.customerserviceSelected {
	background-image: url(../images/customerservice_bg.jpg);
	background-repeat: repeat-x;
	height:18px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
.careersSelected {
	background-image: url(../images/careers_bg.jpg);
	background-repeat: repeat-x;
	height:18px;
}

.otherSelected {
	background-image: url(../images/spacelandsea_bg.jpg);
	background-repeat: repeat-x;
	height:18px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}

/*##*/
#search{
	width:204px;
	font-size:11px;
	padding:0px;
	padding-top:3px;
	padding-left:4px;
	height:22px;
	margin:0px;
	vertical-align:top;
	}
.searchInput {
	font-size: 10px;
	height: 13px;
	width: 120px;
	margin:0px;
	border: 1px solid #003366;
	vertical-align:bottom;
}

/* ------------------------------------------------
 =flash palce
----------------------------------------------- */
.codeBlock {
	float:left;
	width:770px;
	background-color:#FFFFFF;
}
.floatL {
	float:left;
	background-color:#FFFFFF;
}
/* ------------------------------------------------
 =main sections
----------------------------------------------- */
.newsTitle {
	float:left;
	width:746px;
	height:18px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	background-image: url(../images/home_news_background.jpg);
	background-repeat: repeat-y;
	padding-left:24px;
	font-size:12px;
	color:#3b65b0;
	font-weight:bold;

}
.news {
	padding:12px;
	background-color:#FFFFFF;
}
.news h1{
	font-family:Arial, Helvetica, sans-serif;
	color:#b38758;
	font-size:12px;
	margin:0px;
	padding:4px;
}

.news h1 a, .news h1 a:hover{
	font-family:Arial, Helvetica, sans-serif;
	color:#b38758;
	font-size:12px;
	margin:0px;
	padding:4px;
}

.news h2
{
   margin:0px;padding:0px;

}

.news h2 a, .news h2 a:hover{
	font-family:Arial, Helvetica, sans-serif;
	color:#1a2a5d;
	font-size:12px;
	margin:0px;
	padding:1px;
}

.news P{	
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	padding:4px;
}
.news a, .news a:hover{
	color:#ff3333;
}
#sections{
	float:left;
	background-color:#FFFFFF;

}
.aerospaceSection {
	float:left;
	width:252px;
	height:300px;
	background-image: url(../images/section_background.jpg);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	
}

#sections > .aerospaceSection 

{
	min-height:300px;
	height: auto;
}
.industrialSection {
	float:left;
	width:252px;
	height:300px;
	background-image: url(../images/section_background.jpg);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}
.spaceSection {
	float:left;
	height:300px;
	width:250px;
	background-image: url(../images/section_background.jpg);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}
.homeText {
	padding-left:20px;
	width:212px;
	padding-right:21px;
	padding-top:20px;
	padding-bottom:10px;
}
#sections .Inner{
	margin-top:20px;
	margin-left:40px;
}
#sections .Head{
	color:#423733;
	font-size:12px;
	margin-top:22px;
	margin-left:8px;
	margin-bottom:0px;
	font-weight:bold;
	padding-top:8px;
	padding-bottom:4px;
}
.imagePlace{
	height:160px;
	margin-top:5px;

}

/* ------------------------------------------------
 =print
----------------------------------------------- */
div#print 
{
	
	
	background:url(../images/Print3.gif) no-repeat right top;
	margin:0px;
	padding:0px;
	margin-top:20px;
	text-align:right;
	padding-right:25px;
	height:20px;
	margin-right: 8px;
	
}

div#print a
{
	color:#365CA7;
	text-decoration:none;
	
}

div#print a:hover
{
	color:#e60b1f;
	text-decoration:none;
}


/* ------------------------------------------------
 =Back
----------------------------------------------- */
div.back 
{
	
	
	background:url(../images/previous.gif) no-repeat left 0px;
	margin:0px;
	padding:0px;
	text-align:left;
padding-left:20px;
padding-top:4px;
height:30px;
	
	
}

div.back a
{
	color:#365CA7;
	text-decoration:none;
	
	
	
}

div.back a:hover
{
	color:#e60b1f;
	text-decoration:none;
}


/* ------------------------------------------------
 =Sitemap
----------------------------------------------- */
div.sitemapItem 
{
	border:solid 1px #B1C5D8;
	margin-bottom:10px;
	padding-top:10px;
	padding-bottom:10px;

}


div.sitemapItem ul li
{
	margin:0px;
	padding:0px;
	color: #003366;
	list-style-type: square;
}
div.sitemapItem ul li a
{
	color: #003366!important;
}

div.sitemapItem ul li ul li
{
	
	list-style-type:disc!important;
	color: #333333!important;
}


div.sitemapItem ul li ul li a
{
	
	color: #333333!important;
}


div.sitemapItem ul li ul li ul
{
	margin-top:3px!important;
	margin-bottom:3px!important;
	
}




div.sitemapItem ul li ul li ul li
{
	list-style-type:circle!important;
	color: #5A5A5A!important;
}

div.sitemapItem ul li ul li ul li a{
	color: #5A5A5A!important;
}



/* ------------------------------------------------
 =Brands
----------------------------------------------- */
div.Brands table td
{
	vertical-align:text-top;
	padding:10px;
}

div.Brands table td img
{
	width:100px;

}

.map
{
	background:url(../images/map_bg.jpg) no-repeat left 0px;
	width:500px;
	height:auto;
}

p.title
{
	background:url(../images/title_bg.jpg) no-repeat left 0px;
	width:542px;
	height:19px!important;
	font-family:Arial;
	font-size:12px!important;
	color:#fff!important;
	font-weight:bold;
	padding-left:10px!important;
	padding-top:2px!important;
	margin-bottom:5px!important;
	padding-bottom:0px!important;
}


.map ul
{
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
	
}

.map li {
	margin:0px;
	padding:0px;
	color: #003366;
	list-style-image:url(../images/black_arrow.gif);
}
.map li a{
	color: #333333;
}


/********************************************************
                   Content Tables
/*********************************************************/

div.ContentTable
{
	font-size:12px!important;
	WIDTH: 550px!important;
}

.tblContent
{
	width:550px!important;
	/*background-color:#69738E;*/
	font-size:12px!important;
	
}

.tblContent td
{
	background-color:#fff;
	color:#333333!important;
	font-size:12px!important;
}


.tblHeader td
{
	background-color:#69738E!important;
	color:#fff;
	font-weight:normal!important;
	text-align:left!important;
}

/* new classes for editor*/
.p {
	font-size:11px;
	font-family: arial;
	color:#686868;
	margin:0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}



.h1 {
	margin:0px;
	padding:0px;
	padding-bottom:6px;
	font-size:13px;
	font-family: arial;
	font-weight:bold;
	color: #FC531B;
}
.h2 {
	margin:0px;
	padding:0px;
	padding-bottom:6px;
	font-family: arial;
	font-size:12px;
	font-weight:bold;
	color: #686868;
	
}


table
{
border-style:collapsed;
}


table td
{
border-style:collapsed;

}
@media screen   
{

	DIV.ContentTable {
	
		  OVERFLOW-X: auto;
	
		  WIDTH: 550px !important;
	
	}
}



@media print    
{

	.hidewhilePrinting {
	
					DISPLAY: none
	
	}
	
	DIV.ContentTable {
	
					
	
					width: auto !important;                
	
					clear: both;
	
					float: none;
	
	}
	
	#contentarea {
	
					PADDING-LEFT: 0px; 
	
					MIN-HEIGHT: 335px; 
	
					FLOAT: none; 
	
					clear: both;
	
					width: auto !important;
	
					PADDING-TOP: 15px; 
	
					TEXT-ALIGN: left
	
	}

}

.codeBlock > .newsTitle

{

      margin-bottom: 10px;

      margin-top: 10px;

}