@charset "UTF-8";
/* CSS Document */

body, form {
    padding:0;
    margin:0;
    font-family:Arial, Helvetica, sans-serif;
}

img {
    border:none;
}

img[align $='left'] {
    padding:10px 20px 10px 0;
} 

hr {
  border: 0;
  color: #ccc;
background-color: #ccc;
height: 2px;
}

.Clear {
    clear:both;
}

.Hide {
    display:none;
}

.Wrapper {
    width:960px;
    margin-left:auto;
    margin-right:auto;
    padding:0 0 0 0;
}

p {
    font-size:100%;
    color:#181b21;
    line-height:150%;
}

h1 {
    font-size:135%;
    font-weight:lighter;
    padding:0 0 0 0;
    margin:0 0 0 0;
}

.H1sub {
    font-size:70% !important;
}

h2 {
    font-size:150%;
    font-weight:lighter;
    line-height:140%;
    padding:0 0 0 0;
    margin:0 0 0 0;
    color:#082251;
}

h3 {
    font-size:130%;
    font-weight:lighter;
    line-height:140%;
    padding:0 0 0 0;
    margin:0 0 0 0;
    color:#33363b;
    border-bottom:1px solid #33363b;
}

h4 {
    font-size:110%;
    font-weight:lighter;
    line-height:140%;
    padding:0 0 0 0;
    margin:0 0 0 0;
    color:#082251;
}

h5 {
    font-size:100%;
    font-weight:bold;
    line-height:140%;
    padding:0 0 0 0;
    margin:0 0 0 0;
}

ol {
    font-size:100%;
    color:#181b21;
    line-height:150%;
}

ul {
    font-size:100%;
    color:#181b21;
    line-height:150%;
}

blockquote {
    font-size:100%;
    color:#181b21;
    line-height:150%;
    padding:0 0 15px 0;
    border-bottom:1px solid #999999;
    margin:0 0 15px 0;
}

/* -- Header  -- */

#Header {
    padding:15px 0;
    background-color:#fff;
}

#Logo {
    float:left;
    margin:0;
    width:162px;
    height:71px;
}

#SearchNav 
{
    float:right;
}

#TopNav 
{
    min-height:25px;
    height:auto !important;
    height:25px;
}

#TopNav ul {
    padding:0 0 0 0;
    margin:0 0px 0 0;
    list-style-type:none;
}

#TopNav ul li {
    padding:0 0 0 0;
    margin:0 15px 0 0;
    display:inline;
    z-index:1000000000000000000;
}

#TopNav ul li a {
    color:#004b8d !important;
    text-decoration:none;
    cursor:pointer;
    padding-top:3px;
    padding-bottom: 3px;
    font-size:12px;
}
    #TopNav ul ul li a  span {
        padding-left:0px;
        margin-right:4px;
        font-size:11px;
    }

    #TopNav ul ul li a:hover 
    {
        background-color:#C4BDB4;
        color:#fff !important;
    }

#TopNav ul ul 
{
    border-left:none;
}


#TopText {
    clear:both;
    background-color:#9a8c7e;
    background-image:url(../images/TopTextBtmShdw.gif);
    background-repeat:repeat-x;
    background-position:bottom;
    min-height:85px;
    height:auto !important;
    height:85px;
}

#TopText h1 {
    padding:12px 0 8px 0;
    margin:0 0 0 0;
    color:#FFFFFF !important;
}

#GreyPanel {    
    background-color:#e2e2e2;
}

#LatestNews {
    background-color:#c8c8c8;
    min-height:27px;
    height:auto !important;
    height:27px;
    padding:8px 0 3px 0px;
}

.LatestNews {
    font-size:100%;
    display:inline-block;
    padding:0 10px 0 10px;
    color:#021639;
}

#LatestNews h4 {
    display:inline;
    font-size:90%;
    font-weight:bold;
    color:#021639;
    text-decoration:none;
}

.LatestNews a {
    font-size:90%;
    font-weight:bold;
    color:#021639;
    text-decoration:none;
}

#LatestNews ul {
    padding:0 0 0 0;
    margin:0 0 0 0;
    display:inline;
}

#LatestNews ul li {
    padding:0 0 0 0;
    margin:0 0 0 0;
    display:inline;
    font-weight:bold;
}

#LatestNews ul li a {
    color:#000000;
    text-decoration:none;
}

#LatestNews ul li a:hover {
    color:#000000;
    text-decoration:underline;
}

.NewsPanelView1 
{
    display:inline;
}

#LatestNews .Date, #LatestNews .Summary, #LatestNews br, #LatestNews input
{
    display:none;
}

#NewsletterHome 
{
    padding:3px 40px 0 0;
}

#NewsletterHome a 
{
    color:#021639;
    text-decoration:none;
}

#NewsletterHome a:hover
{
    color:#000;
    text-decoration:underline;
}

#InsideContent #NewsList, #InsideContent #NewsList li, #InsideContent #EventsList, #InsideContent #EventsList li 
{
    list-style:none;
    padding:0;
    margin:0;
}
#InsideContent #NewsList li, #InsideContent #EventsList li 
{
    border-bottom:1px solid #999999;
    padding:20px 0;
}

#InsideContent #NewsList .Date, #InsideContent #NewsList .Title, #InsideContent #EventsList .Date, #InsideContent #EventsList .Title 
{
    display:inline;
    padding-right:10px;
}

#InsideContent #NewsList .Date, #InsideContent #EventsList .Date 
{
    font-size:80%;
    color:333333;
    float:right;
}

#Panel #NewsList br, #Panel #EventsList br 
{
    display:none;
}
#ExhibitionsSide .Title
{
    display:block;
}

#InsideContent #NewsList span.Summary, #InsideContent #EventsList span.Summary 
{
    display:block;
    clear:both;
    padding-top:10px;
}

#HomePanel p {
    padding:0 0 0 0;
    margin:0 0 0 0;
}

#RightCol {
    float:left;
    width:270px;
    padding:20px 12px 0 30px;
    background-image:url(../images/GreyShdw.gif);
    background-position:left top;
    background-repeat:no-repeat;
    min-height:150px;
    height:auto !important;
    height:150px;
}

#RightCol p {
    padding:0 0 5px 0;
    margin:0 0 0 0;
    border-bottom:1px solid #999999;
    font-size:120%;
}

#RightCol p.ViewMore {
    font-size:70%;
    padding:0 0 5px 0;
    margin:0 0 0 0;
    border-bottom:none;
    font-weight:bold;
}

#RightCol p.ViewMore a {
    color:#000000;
}

#RightCol ul {
    padding:0 0 0 0;
    margin:10px 0 0 0;
    list-style-type:none;
    font-size:90%;
}

#RightCol ul li {
    padding:0 0 0 0;
    margin:0 0 8px 5px;
    border-bottom:1px solid #CCCCCC;
}

#RightCol a {
    text-decoration:none;
    color:#082251;
}

#RightCol a:hover {
    text-decoration:underline;
    color:#082251;
}

#RightCol ul {
    padding:0 0 0 0;
    margin:10px 0 0 0;
    list-style-type:none;
    font-size:90%;
}

#RightCol ul li ul {
    padding:0 0 0 0;
    margin:0 0 8px 5px;
}

#RightCol ul li ul li {
    padding:0 0 0 0;
    margin:5px 0 8px 5px;
    list-style-type:circle;
    list-style-position:inside;
    border:none;
}

#RightCol ul li ul li ul{
    padding:0 0 0 0;
    margin:0 0 8px 5px;
}

#RightCol ul li ul li ul li{
    padding:0 0 0 0;
    margin:2px 0 8px 2px;
    list-style-type:square;
    list-style-position:inside;
    border:none;
}

#RightCol a img, #RightCol a:hover img {
    border:none !important;
    padding:0 !important;
}

/* -- Inside  -- */


/*#AerospaceDomain h1 {
    color:#7a7ebd !important;
}

#DefenceDomain h1 {
    color:#bd1d8b !important;
}

#OffshoreDomain h1 {
    color:#009685 !important;
}
#TransportDomain h1 {
    color:#d72c3c !important;
}*/

.Aerospace {
    color:#7a7ebd !important;
}

.Defence {
    color:#bd1d8b !important;
}

.Offshore {
    color:#009685 !important;
}

.Transport {
    color:#d72c3c !important;
}

#ContentWrapper {
    background-position: center top;
    background-repeat:no-repeat;
    background-color:#040f21;
}

#InsideContent {
    float:left;
    width:574px;
    padding:20px 20px 0 20px;
    background-position:left top;
    background-repeat:no-repeat;
    min-height:150px;
    height:auto !important;
    height:150px;
    margin:0 0 20px 0;
}

#InsideContent ul {
    list-style-type:square;
}

#InsideContent a {
    text-decoration:none;
    border-bottom:dotted 1px #c8c8c8;
    background-color:#d2d1d1;
    padding:0 3px;
    color:#082251;
}

#InsideContent a:hover {
    text-decoration:none;
    border-bottom:solid 1px #082251;
    color:#082251;
}

#ProductList {
    margin:0;
    padding:0;
    list-style:none;
}

#ProductList li {
    margin:0;
    padding:20px 0;
    list-style:none;
    display:block;
    min-height:60px;
    border-bottom:1px solid #999999;
}

#ProductList li img {
    float:left;
    margin:0 20px 26px 0;
}

#ProductList li p {
    margin:0;
    padding:0;
    font-size:15px;
    line-height:21px;
}

#SidePanel li a[href $='.pdf'] { 
    background:url(/Templates/images/pdf.gif) no-repeat  4px 3px;
    padding-left:26px;
}
#SidePanelEmail li a[href ^='mailto'], #SidePanel li a[href ^='mailto'] { 
    background:url(/Templates/images/email.gif) no-repeat  4px 3px;
    padding-left:26px;
}
#SidePanel img { 
    padding:15px 0;
}


#Breadcrumb {
    color:#FFFFFF;
    font-size:70%;
    margin-top:5px;
}   

#Breadcrumb ul {
    padding:0px;
    margin:0 0 0 0;
    list-style-type:none;
    display:inline;
}   

#Breadcrumb ul li {
    margin:0 10px 0 10px;
    display:inline;
    background-image:url(../images/breadcrumb.gif);
    background-repeat:no-repeat;
    background-position:left;
    padding:0 0 0 16px;
}

#Breadcrumb ul li a {
    color:#FFFFFF;
    text-decoration:none;
}

#Breadcrumb ul li a:hover {
    color:#FFFFFF;
    text-decoration:underline;
}

#Breadcrumb .selected a 
{
    color:#786D61;
}


#Map {
    width:920px;
    padding:20px; 
}

#Address p {
    font-size:14px;
    border:none;
    padding:16px 0 0 0;
}

/* -- Footer  -- */

#Footer {

}

#QuickLinks {
    background-color:#021639;
    background-image:url(../images/QuickLinksTopShdw.gif);
    background-position:bottom;
    background-repeat:repeat-x;
    border-top:1px solid #c8c8c8;
    min-height:230px;
    height:auto !important;
    height:230px;
}

.QuickLinksContainer {
    display:block;
    float:left;
    width:270px;
    padding:20px 12px 0 30px;
    background-image:url(../images/QuickLinksSdw.gif);
    background-position:left top;
    background-repeat:no-repeat;
}

.QuickLinksContainer p {
    padding:0 0 0 0;
    margin:0 0 0 0;
    color:#FFFFFF;
    border-bottom:1px solid #999999;
    font-size:120%;
}

.QuickLinksContainer ul {
    padding:0 0 0 0;
    margin:10px 0 0 0;
    list-style-type:none;
    font-size:90%;
}

.QuickLinksContainer ul li {
    padding:0 0 0 0;
    margin:0 0 8px 5px;
}

.QuickLinksContainer a {
    text-decoration:none;
    color:#FFFFFF;
}

.QuickLinksContainer a:hover {
    text-decoration:underline;
    color:#FFFFFF;
}

#FooterInformation {
    background-color:#faf9f9;
    clear:both;
    padding:20px 0 0px 0;
    color:#888888 !important;
    font-size:80%;
}

#FooterInformation a {
    color:#888888;
    text-decoration:none;
}

#FooterInformation a:hover {
    color:#888888;
    text-decoration:underline;
}

#FooterInformation .Wrapper {
    padding:0 0 20px 0;
}

#FooterInformation p 
{
    color:#888888;
}

#FooterInformation ul {
    padding:0 0 0 0;
    margin:0 0 0 0;
    list-style-type:none;
}

#FooterInformation ul li {
    padding:0 0 0 0;
    margin:0 20px 0 0;
    display:inline;
    font-weight:bold;
}

#FooterBase {
    background-color:#ddd9d4;
    min-height:25px;
    height:auto !important;
    height:25px;
    padding:5px 0 0 0;
}

#FooterBase p {
    margin:0 0 0 0;
    padding:0 0 0 0;
    color:#888888;
}

#FooterBase p.Copyright {
    float:left;

}

#FooterBase p.DesignedBy {
    float:right;
}



/*--- Search Page ---*/

#SearchResultsPage 
{
    padding:20px;
}

#SearchResultsPage  ul {
    list-style-type:square;
    padding:0 0 0 20px;
}

#SearchResultsPage  a {
    text-decoration:none;
    border-bottom:dotted 1px #c8c8c8;
    background-color:#d2d1d1;
    padding:0 3px;
    color:#082251;
}

#SearchResultsPage  a:hover {
    text-decoration:none;
    border-bottom:solid 1px #082251;
    color:#082251;
}

/***** - Form - *****/

.Validator 
{
    color:#ca0000 !important;
    font-size:80%;
    font-style:italic;
}

.input 
{
    border:1px solid #0e2a5c;
    width:480px;
    margin:5px 0 10px 0;
    padding:10px;
    font-size:100%;
    color:#333;
    font-family:Arial, Sans-Serif;
}

.label 
{
    color:#333;
    font-weight:bold;
}

.textarea
{
    border:1px solid #0e2a5c;
    width:480px;
    margin:5px 0 15px 0;
    height:160px;
    padding:10px;
    font-size:100%;
    color:#333;
    font-family:Arial, Sans-Serif;
}

.submit 
{
    padding:7px 15px 7px 15px;
    background-color:#0e2a5c;
    color:#fff;
    border:none;
    font-size:100%;
    cursor:pointer;
}

/***** - DSEiForm - *****/

.Left 
{
    float:left;
    width:420px;
}

.Right
{
    float:right;
    width:420px;
}

#DSEiForm fieldset 
{
    border:1px solid #efefef;
    padding:10px;
    margin:0 0 10px 0;
}

#DSEiForm table tr td 
{
   width:33%;
   font-size:12px;
}

#DSEiForm .Validator 
{
    color:#ca0000 !important;
    font-size:80%;
    font-style:italic;
}

#DSEiForm .input 
{
    border:1px solid #0e2a5c;
    width:380px;
    margin:5px 0 10px 0;
    padding:10px;
    font-size:100%;
    color:#333;
    font-family:Arial, Sans-Serif;
}

#DSEiForm .label 
{
    color:#333;
    font-weight:bold;
}

#DSEiForm .textarea
{
    border:1px solid #0e2a5c;
    width:380px;
    margin:5px 0 15px 0;
    height:160px;
    padding:10px;
    font-size:100%;
    color:#333;
    font-family:Arial, Sans-Serif;
}

/****** NEW HOME STYLES ******/


#PanelWrapper {
    width:auto;
    background:#040f21;
    overflow:hidden;
}

.infiniteCarousel {
 width:920px;
 padding:0 30px;
  position: relative;
  margin:0 auto;
    height: 386px;
    overflow:hidden;
}

.infiniteCarousel .wrapper {
  
  overflow: auto;
  position: absolute;
  top: 0;
  overflow:hidden;
  width: 880px;
  padding:0 20px;
    height: 386px;
}

.infiniteCarousel ul a img {
  border: 5px solid #000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.infiniteCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
    height: 386px;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  width:920px;
    height: 386px;
}

.infiniteCarousel ul li a img {
  display:block;
}

.infiniteCarousel .arrow {
    text-indent:-999px;
}

.infiniteCarousel .forward {
  position: absolute;
    top: 173px;
    right: 10px;
    width: 39px;
    height: 40px;
    cursor: pointer;
    background: url(../images/arrow.gif) no-repeat;
    background-position:0 0;
}
    .infiniteCarousel .forward:hover {
        background: url(../images/arrow.gif) no-repeat;
        background-position:-39px 0;
    }

.infiniteCarousel .back {
   position: absolute;
    top: 173px;
    left: 10px;
    width: 39px;
    height: 40px;
    cursor: pointer;
    background: url(../images/arrow.gif) no-repeat;
    background-position:0 -40px;
}
    .infiniteCarousel .back:hover {
        background: url(../images/arrow.gif) no-repeat;
        background-position:-39px -40px;
    }

