/*--- new common styles -----------------------------------------------------------------*/

.transparent {
	opacity: 0.6666;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
}

.hide {
 display:none;
}

.fadein {
 display:none;
}

/*--- file type styles  ------------------------------------------------------------------*/

a.pdf {
	background: url(images/icons/icon_pdf.gif) center left no-repeat;
	padding-left: 30px; 
}
a.zip {
	background: url(images/icons/icon_archive.gif) center left no-repeat;
	padding-left: 30px;
}
a.jpg {
	background: url(images/icons/icon_pic.gif) center left no-repeat;
	padding-left: 30px;
}
a.external {
	background: url(images/icons/external.gif) center left no-repeat;
	padding-left: 30px;
}


/*--- section header / title  -----------------------------------------------------------*/

#section-header {
 position: relative;
 margin: 0px 0px 0px -1px;
 padding:5px 0px 5px 0px;
 background-color:#FFF;
 color:#002350;
 height: 50px;
 width:960px;
 z-index: 1;
 float:left;
}

#international_trade #section-header { color: #002350;}
#busmgt #section-header { color: #cc0000;}
#consult #section-header { color:#4b7317;}
#client #section-header { color: #5095be;}

#section-title {
 position: absolute;
 top:5px;
 left: 10px;
 display:block;
 font-weight: bold;
 height: 45px;
 width: 400px;
 float:left;
 z-index: 3;
}

#section-title h2 {
 margin:0px; padding:0px; font-size: 20px;
 display:inline;
 height: 45px;
 width: 400px;
 float:left;
 z-index: 1;
}

#index #section-title h2 {
 display:none;
}

#index #section-title b,
#index #section-title i,
#home #section-title b,
#home #section-title i {
 font-size: 20px;
 height: 45px;
 float:left;
 width: 160px;
 z-index: 1;
}

/*--- section header - navigation  -------------------------------------------------------------------*/

#section-nav {
 display:block;
 float:right;
 width:960px;
 z-index: 4;
}

#section-nav h4 {
 height: 19px;
 margin-top: 12px;
 margin-right: 20px;
}

#section-nav ul {
 position: relative;
 float:left;
 font: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
 border-bottom: 3px solid #002350;
 width:960px; height: 42px;
 z-index: 4;
}

#international_trade #section-nav ul { border-bottom: 3px solid #002350;}
#busmgt #section-nav ul { border-bottom: 3px solid #cc0000;}
#consult #section-nav ul { border-bottom: 3px solid #4b7317;}
#client #section-nav ul { border-bottom: 3px solid #5095be;}

#section-nav ul li {
 float: right;
}

#section-nav ul li a {
 display:block;
 color: #b1b0a0;
 text-decoration: none;
 position: relative;
 outline: none;
 padding-right: 28px;
 padding-bottom: 13px;
 padding-top: 11px;
 margin-top: 0px;
 border-bottom: 3px solid #002350;
 z-index: 4;
}

#international_trade #section-nav ul li a { border-bottom: 3px solid #002350;}
#busmgt #section-nav ul li a { border-bottom: 3px solid #cc0000;}
#consult #section-nav ul li a { border-bottom: 3px solid #4b7317;}
#client #section-nav ul li a { border-bottom: 3px solid #5095be;}

#section-nav a:after { content: '.'; }

#section-nav a:hover {
 color: #002350;
 margin-top: 0px;
 border-bottom: 3px solid #fff;
 padding-bottom: 12px;
}

#section-nav a:active {
 color: #red;
 margin-top: 0px;
 border-bottom: 3px solid #471400;
 padding-bottom: 12px;
}

/*--- section-header CLIENT-------------------------------------------*/

/* General Layout */

#client-header {
 float:left;
 background-color: #5095BE;
 color:#FFF;
 margin: 0;
 padding: 10px;
 width:940px;
}

#client-header br {
 display:none;
}

#client-header h2,
#client-header label,
#client-header input {
 font-size: small;
 font-family: Arial, Helvetica, sans-serif;
 text-align: justify;
 font-weight: bold;
 letter-spacing: 1px;
 word-spacing: 1px;
 font-stretch: normal;
}

#client-header h2,
#client-header label {
 color: #FFF; 
}

#client-header h2 { 
 background-color: #5095BE;
 color:#FFF;
 float:left;
 text-align:center;
 margin: 5px 20px 5px 0px;
 padding: 3px;
}


#client-header li {
 float:left;
 list-style-type:none;
}

/* logged out */

#client-header label {
 float:left;
 font-weight: normal;
 margin-right: 5px;
 text-align:left;
}

#client-header input {
 border: solid 1px #183354; 
 float:left;
 margin-left: 5px;
 margin-right: 10px;
}

/* user options */

#client-header ul.client-header li {
 margin-top: 5px;
 margin-right: 20px;
 color:#FFF;
}
#client-header ul.client-header li a {
 color:#FFF;
}


/*--- page feature  -----------------------------------------------------------*/


#page-feature {
 position: relative;
 margin: 10px 0px 0px 0px;
 padding:5px 0px 5px 0px;
 background-color:#FFF;
 width: 960px;
 height: 200px;
 border: 0px solid #000;
}

#page-fader {
 position: relative;
 width: 480px;
 height: 200px;
 overflow: hidden;
 clip:auto;
 float:right;
 border: 0px solid #000;
}

#index #page-fader,
#home #page-fader {
 width: 478px;
 height: 198px;
 border: 1px solid #002350;
}

/*--- page feature - tabs  ----------------------------------------------------------*/

#page-tabs {
 position: relative;
 width: 480px;
 height: 200px;
 float:left; 
 clip: auto;
 overflow:hidden;
}

#index #page-tabs,
#home #page-tabs {
 height: 202px;
}

#page-tabs h3 {
 margin:0px; padding:0px; font-size: 20px;
}

#page-fader p.image {
 position: absolute;
 width: 480px;
 height: 200px;
}

#page-fader p.image img {
 width: 480px;
 height: 200px;
}

#page-fader p.headline-background {
 position: absolute;
 top: 140px;
 width: 480px;
 height: 50px;
}

#page-fader p.trade {
 background-color: #002350;
}

#page-fader p.busmgt {
 background-color: #cc0000;
}

#page-fader p.consult {
 background-color: #4b7317;
}

#page-fader p.headline {
 position: absolute;
 color: #fff;
 font-size: 20px; 
 padding: 0px 10px 10px 10px;
 top: 150px;
 width: 460px;
 position: absolute;
 display:block;
}

#page-fader p.text {
 display:block;
 position: absolute; top: 0px;
 width: 460px; height: 10px;
 padding: 10px;
 text-align:left;
 font-size: 15px;
}


/* THIS BE ALL THE STYLES FOR THE TABBED EFFECT */
#feature-tabs { margin: 0; padding: 0; }

#tabsnav { 	width: 478px;
		height: 26px;
		background-color: #fff;
		margin: 0 0 0 0;
		padding: 0;
		position: relative;
		float: left;
		old-text-indent: -5000px; 
		}

#tabsnav ul {list-style-type: none;}
#tabsnav li {margin: 0; padding: 0; list-style: none; position: absolute; }
#tabsnav li, #tabsnav a { display: block; height: 26px; padding: 0; }

/*
#tabsnav,
#tabsnav ul,
#tabsnav li,
#tabsnav a,
#tabsnav strong {
 cursor:pointer;
}
*/

/*----------------------------------------------------------------------*/

#tabsnav a {
           border: solid 0px #000;
           height: 22px; 
           width: 159px;
           position: absolute; left:0px; top:0px;
           }

/*---------------------------------------------------------------------------------------------*/
#tab1 {left: 0; width: 160px; 	  background-color:#002352;}
#tab2 {left: 160px; width: 160px; background-color:#CC7400;}
#tab3 {left: 320px; width: 160px; background-color:#007554; 235200;}
/*---------------------------------------------------------------------------------------------*/
/* home styling ----------------------------------------------------------------------------------*/

#index #tabsnav a,
#home #tabsnav a {width:298px;}

#index #tab1,
#home #tab1 {width:300px;}

#index #tab3,
#home #tab3 {
 background-color:#E60200;
 width:180px; left:300px;
 }

#index #feature-3,
#home #feature-3 {
 background-color:#E60200;
}

/*---------------------------------------------------------------------------------------------*/

#tab1 a:hover, .tab1on {color:#B08038;} /* Contrasting Colour or Darker Shade */
#tab2 a:hover, .tab2on {color:#A4395F;} /* http://slayeroffice.com/tools/color_palette/ */
#tab3 a:hover, .tab3on {color:#666666;}
/*---------------------------------------------------------------------------------------------*/
#feature-1 { background: #002352; color:#fff; height: 162px; padding: 30px 20px 10px 20px; }

#international_trade #feature-1 { background: #002350;}
#busmgt #feature-1 { background: #cc0000;}
#consult #feature-1 { background: #4b7317;}
#client #feature-1 { background: #5095be;}

#feature-2 { background: #CC7400; color;#000; height: 162px; padding: 30px 20px 10px 20px; }
#feature-3 { background: #007554; 235200; color:#fff; height: 162px; padding: 30px 20px 10px 20px; }
/*---------------------------------------------------------------------------------------------*/
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
.ui-tabs-hide { display: none; } }
/* Hide useless elements in print layouts... */
@media print { .ui-tabs-nav { display: none; } }
.ui-tabs-nav a, .ui-tabs-nav a span { display: block; }
.ui-tabs-nav a { margin: 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0; color: #27537a;
    font-weight: bold; line-height: 1.2;
    text-align: center; text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */ }
/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block; }
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block; }
.ui-tabs-panel { padding: 1em 8px; background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */ }


/* fix sifr padding on headers ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#tab1 h3.sifr,
#tab2 h3.sifr,
#tab3 h3.sifr {
 margin-top: 3px;
}

/* fix h2 in tab content ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#page-tabs h2 {
 color: #fff;
 font-size: 12px;
 font-family: Arial, Helvetica, sans-serif; 
 text-align: justify;
 line-height: 1.3em;
 font-weight: bold;
 letter-spacing: 1px;
 word-spacing: 1px;
 font-stretch: normal;
 margin-bottom: 4px;
}



/*--- feature-2 - downloads list -------------------------------------------------------------------------------------------*/

#download-list {
 margin-top: 10px;
 color: #fff;
}

#download-list li {
 margin: 5px 0px 5px 0px;
}

#download-list a {
 color: #fff;
}

#download-list a:hover {
 color: #ccc;
}

/*--- feature - lists    -------------------------------------------------------------------------------------------*/

#page-tabs dl {
 display:block;
 float:left;
 margin:10px 0px 0px 0px; padding:0;
 width:146px;
}

#page-tabs dl a {
 color: #ffffff;
 text-decoration: none;
}

#page-tabs dl a:hover {
 text-decoration: underline;
}

/*--- Page navigation - h2 nav -------------------------------------------------------------------------------------------*/

#page-nav {
 float:left;
 width: 960px;
 height: 42px;
 background-color:#fff;
 color: fff;
 display:block;
 z-index: 4;
 margin-top: 0px;
 margin-bottom: 15px;
 background: url("images/css/ajax-loader-002350-sm.gif") center left no-repeat;
}

#page-nav ul {
 position: relative;
 float:left;
 font: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
 border-bottom: 1px solid #002350;
 width:960px; height: 42px;
 z-index: 4;
}

#international_trade #page-nav ul { border-bottom: 1px solid #002350;}
#busmgt #page-nav ul { border-bottom: 1px solid #cc0000;}
#consult #page-nav ul { border-bottom: 1px solid #4b7317;}
#client #page-nav ul { border-bottom: 1px solid #5095be;}

#page-nav ul li {
 float: left;
 padding-right: 28px;
 padding-bottom: 13px;
 padding-top: 11px;
 margin-top: 0px;
}

#page-nav ul li a {
 display:block;
 color: #002350;
 text-decoration: none;
 position: relative;
 outline: none;
 padding-right: 28px;
 padding-bottom: 13px;
 padding-top: 0px;
 margin-top: 0px;
 border-bottom: 1px solid #002350;
 z-index: 4;
}

#international_trade #page-nav ul li a { border-bottom: 1px solid #002350;}
#busmgt #page-nav ul li a { border-bottom: 1px solid #cc0000;}
#consult #page-nav ul li a { border-bottom: 1px solid #4b7317;}
#client #page-nav ul li a { border-bottom: 1px solid #5095be;}

#page-nav a:after { content: '.'; }

#page-nav a:hover {
 color: #CC0000;
 margin-top: 0px;
 border-bottom: 2px solid #CC0000;
 padding-bottom: 12px;
}

#page-nav a:active {
 color: #red;
 margin-top: 0px;
 border-bottom: 2px solid #471400; c7d92c;
 padding-bottom: 12px;
} 




/*--- content lists ------------------------------------------------------*/

#content ol, #content ol li {
 list-style-type:lower-roman;
 list-style-position: outside;
 padding: 0px 0px 0px 30px;
}

#content ul, #content ul li {
 list-style-type:circle;
 list-style-position: outside;
 padding: 0px 0px 0px 30px;
}

#content dd {
 margin-left: 10em; 
}

#content dt {
 width: 10em; float: left; 
}

/*--- side content -----------------------------------------------------------------------*/

#content_side h4 {
 color:#4a4a4a;
 float:right;
 font-size: 12px;
 margin:0px;
 padding:0px;
}

#content_side p {
 clear:both;
 float:right;
 width: 220px;
}

#content_side ul, #content_side li{
 list-style:none; 
 margin:0;
 padding:0;
 }		

#content_side ul{
 float:right;
 display:inline;
 margin:1em 0px 1em 0;
 font-size:11px;
 width: 220px;
}	

#content_side li {
 list-style:none;
 list-style-type:none;
 border-bottom:1px solid #CCC;
 margin-bottom: 5px;
 padding: 4px 0px 4px 0px;
 text-align:right;
}

#content_side ul.meta li {
 border-bottom:1px solid #fff;
}

#content_side ul li {
 list-style-type:none;
}

#content_side li a {
 text-decoration:none;
}

#content_side li a:hover {
 text-decoration:underline;
}

/*--- generic sifr -----------------------------------------------------------------------*/

.sIFR-hasFlash h1 {
    visibility: hidden;
    /* other CSS properties go here */
}

/*--- three columns sifr -------------------------------------------------------------------*/

#three-column .sIFR-hasFlash h3 {
 height: 25px;
 width: 200px;
}


/*--- content sifr --------------------------------------------------------------------------------*/

#tabsnav h3.sifr {
 height: 25px; width: 100%;
}

#content h2.sifr,
#content h2.sifr-right  {
 height: 30px; width: 100%;
 margin-bottom: 15px;
}

#content h3.sifr {
 height: 20px; width: 100%;
 margin: 12px 0px 12px 0px;
}

/*--- content tables --------------------------------------------------------------------*/



#content table,
#content table tr,
#content table td { 
 width:auto;
}

#content table {
 display: block;
 margin: 0px 0px 20px 0px;
 width:95%;
 border: solid 2px #3F4C6B;
 border-right: solid 2px #36393D;
 border-bottom: solid 2px #36393D;
 padding: 5px;
}

#content table tr {
 width:100%;
 background-color:#EEEEEE;
 border-bottom: solid 1px #36393D;
}

#content table.stripeMe tr.alt {
 background-color:#fff;
}

#content table tr th {
 color:#4d4d4d;
}

#content table td {
 padding: 1px 1px 1px 3px;
}

#content table.stripeMe tr.over {
 background-color:#C3D9FF;
}

/*--- content password -----------------------------------------------------------------------------*/

#content input {
 border: solid 1px #4a4a4a;
 margin: 5px;
 padding: 2px; 
}


/*--- sidebar -----------------------------------------------------------------------------*/

.col_small {
 width:250px;
 float:right;
}

/*--- page-photos - slideview ----------------------------------------------------------------*/

/* standard styles 					*/
/* ul.svw used for loading image: img.ldrgif            */
/* ul.svw replaced by ul.stripViewer			*/
/* links are li in div#stripTransmitter			*/
/* title in div#stripTitle				*/






/*--- page-photos - slideview --------------------------------------------------------------------*/


#page-photos-container {
}

#page-photos-container ul,
#page-photos-container li,
#page-photos-container ul li {
 list-style-type: none;
 padding: 0px; margin: 0px;
}

/*preload classes*/ 
.svw {
  width: 50px; height: 20px; background: #fff;
  } 
.svw ul {
  position: relative; left: -999em;
 } 
 

/*vtg added classes*/ 
.stripTitle {
 margin: 5px 0px 5px 0px;
 padding: 2px;
 height: 20px;
 width:100%;
 float:left;
 clear:both;
 text-align:center;
 border: solid 1px #ccc;
}

/*core classes*/ 
.stripViewer {  
float:right;
position: relative; 
overflow: hidden;  
border: 2px solid #4d4d4d;   
margin: 0px 0px 1px 0px; 
} 
.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
} 
.stripViewer ul li {  
 float:left; 
} 
.stripTransmitter { 
float:right;
overflow: auto; 
width: 1%; 
} 
.stripTransmitter ul { 
margin: 0; 
padding: 0; 
position: relative; 
list-style-type: none; 
} 
.stripTransmitter ul li{ 
width: 20px; 
float:left; 
margin: 0 1px 1px 0; 
} 
.stripTransmitter a{ 
font: bold 10px Verdana, Arial; 
text-align: center; 
line-height: 22px; 
background: #4d4d4d; 
color: #fff; 
text-decoration: none; 
display: block; 
padding: 0px 2px 0xp 2px;
margin:  2px 2px 0px 0px;
} 
.stripTransmitter a:hover, a.current{ 
background: #fff; 
color: #4d4d4d; 
} 
 
/*tooltips formatting*/ 
#tooltip { 
background: #fff; 
color: #000; 
opacity: 0.85; 
border: 5px solid #dedede; 
} 
#tooltip h3 {  
font: normal 10px Verdana;  
margin: 0;  
padding: 6px 2px;  
border: 0; 
}

#page-definitions {
 clear:both;
 padding: 15px 0px 0px 0px;
}

#page-definitions dd {
 text-align:right;
}