/******* General *******/
body {background-color: #e4e4e4;}
td {font-family: Arial; font-size: 12px; color: #1c1c1c; vertical-align: top; line-height: 16px;}
input, select, textarea { font-size: 11px; font-family: verdana }
img {border: 0px; margin: 0px; padding: 0px;}
li {padding-bottom: 3px; list-style-image: url(images/bulletBlue.gif);}
ul { margin: 8px 0px 0px 22px; }
hr {height: 1px; color: #cccccc; }
p {margin-left: 10px; margin-right: 10px;}
a {cursor: pointer;}
h1 {color: white; font-size: 24px; font-weight: normal; margin: 0px; padding: 0px;}
h2 {color: #0c3561; font-size: 18px; font-weight: normal; margin-left: 10px;}
h3  {font-size: 14px; color: #0c3561; font-weight: normal;}

/******* links *******/

a:link {text-decoration: none; color: #0c3561; font-weight: bold;} 
a:visited {text-decoration: none; color: #0c3561; font-weight: bold;}
a:hover {text-decoration: underline; color: #043972; font-weight: bold;}
a:active {text-decoration: none; color: #0c3561; font-weight: bold;}

a.nav {color: white; display: block; padding: 13px 22px 10px 22px; background-color: #104884;}
a.nav:active {background-color: #104884;}
a.nav:link {background-color: #104884;}
a.nav:visited {background-color: #104884;}
a.nav:hover {text-decoration: none; background-color: #1a60aa;}

.navSelected {color: white; display: block; padding: 13px 22px 10px 22px; background-color: #2b80da;}
.navSelected:active {background-color: #2b80da;}
.navSelected:link {background-color: #2b80da;}
.navSelected:visited {background-color: #2b80da;}
.navSelected:hover {color: white; text-decoration: none; cursor: default; background-color: #2b80da;}

a.button { background-color: #0c3561; cursor: pointer; padding: 2px 6px 2px 6px; display: block; font-size: 11px; text-decoration: none; color: white;}
a.button:active {background-color: #0c3561;}
a.button:link {background-color: #0c3561;}
a.button:visited {background-color: #0c3561;}
a.button:hover {text-decoration: none; background-color: #004b9a;}

/******* a class apart *******/
.button	{ background-color: #104884; cursor: pointer; padding: 2px 4px; display: block; font-size: 11px; color: white; border: 0px solid white;}
.siteSadeBot {background-image: url('images/siteSadeBot.jpg'); background-repeat: repeat-x; height: 17px; text-align: right; padding-right: 20px; padding-top: 15px; font-size: 11px;}
.panelTop {background-color: #104884; padding: 6px 10px; color: white;}
.defaultTitleBar {padding: 25px 10px; background-color: #004b9a; font-size: 24px; font-family: Times New Roman; color: white; margin-bottom: 20px;}
.panelBot {background-image: url('images/panelBot.jpg'); background-repeat: repeat-x; height: 20px;}
.interactTitle {background-color: #e6e6e6; color: #0c3561; padding: 10px 5px; font-size: 14px;}
.pageTitleBack {background-image: url('images/pageTitleBackBlue.gif'); background-repeat: repeat-x; height: 57px; width: 542px;}
.pageTitle {color: white; font-size: 30px; font-family: Times New Roman; padding: 25px 0px 0px 10px;}
.panelTitle {font-size: 20px; font-family: Times New Roman; height: 45px; padding-right: 5px; padding-left: 5px; line-height: 20px;}
.panelShape {background-color: #dfdfdf; padding-top: 20px; padding-bottom: 5px;}
.lh20 td {line-height: 18px;}
.f11 td {font-size: 11px;}
.usefulBack {background-color: #ececec; border-bottom: 1px solid #dfdfdf;}
.UsefulPanel {border-bottom: 1px solid #dfdfdf; border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; padding: 20px;}
.tableHeader td {background-color: #0056af; color: White; font-weight: bold;}
.usefulHeader {background-color: #004b9a; color: white; font-weight: bold; padding: 10px 6px; font-size: 14px;}
.sitemap {background-color: #ececec; padding: 3px 15px; width: 300px; margin: 2px 0px 2px 10px; display: block;}
.navBack {background-color: #104884; border-bottom: solid #2b80da 3px; height: 34px; padding-left: 190px;}
.colorText {color: #0c3561;}
.colorLink a {color: #0c3561; font-weight: bold;}
.colorBack {background-color: #0c3561;}
.exportsTop {background-image: url('images/exportsTopBlue.gif'); background-repeat: no-repeat; background-position: right; width: 188px; height: 57px; display: block;}
.defaultBack {background-image: url('images/defaultBlueBack.gif'); background-repeat: no-repeat; width: 542px; height: 57px; display: block;}
.jaws strong {color: #0c3561;}
.borderBox {border: 1px solid #0c3561;}


/******* export uk map *******/
.mapPanel {border: 3px solid #004b9a; width: 200px; padding: 20px;}
.ukMapBackground {background-image: url('images/ukMap.gif'); background-repeat: no-repeat; width: 532px; height: 496px; display: block; border: 5px solid #dfdfdf; margin-bottom: 20px;}
.ToolTipImage { float: right; }

/******* side navigation classes *******/
.side {display: block; background-color: white; color: black; width: 170px; cursor: pointer;}
.sideActive {border-bottom: 1px solid #dddddd; padding: 5px 0px;}
.sideOver {border-bottom: 1px solid #dddddd; padding: 5px 0px; background-color: #429ede;}
.sideExtender {border: 3px solid #429ede; padding: 3px; background-color: white; width: 232px; display: block;}

/******* navigation images *******/
.topBar01 {background-image: url('images/topBar01cargo.jpg'); background-repeat: no-repeat;}
.topBar02 {background-image: url('images/topBar02cargo.jpg'); background-repeat: no-repeat;}
.topBar03 {background-image: url('images/topBar03cargo.jpg'); background-repeat: no-repeat;}
.topBar04 {background-image: url('images/topBar04cargo.jpg'); background-repeat: no-repeat;}
.topBar05 {background-image: url('images/topBar05cargo.jpg'); background-repeat: no-repeat;}
.topBar06 {background-image: url('images/topBar06cargo.jpg'); background-repeat: no-repeat;}

/******* Useful navigation images *******/
.usePallet {width: 100px; height: 22px; background-image: url('images/usePalletNormal.jpg'); background-repeat: no-repeat; text-align: center; display: block; padding-top: 62px;}
.useFreight {width: 100px; height: 22px; background-image: url('images/useFreightNormalCargo.jpg'); background-repeat: no-repeat; text-align: center; display: block; padding-top: 62px;}
.useConverse {width: 100px; height: 22px; background-image: url('images/useConverseNormal.jpg'); background-repeat: no-repeat; text-align: center; display: block; padding-top: 62px;}
.useHazardous {width: 100px; height: 22px; background-image: url('images/useHazardousNormal.jpg'); background-repeat: no-repeat; text-align: center; display: block; padding-top: 62px;}
.useIncoterms {width: 100px; height: 22px; background-image: url('images/useIncotermsNormal.jpg'); background-repeat: no-repeat; text-align: center; display: block; padding-top: 62px;}

.usePalletSelected {width: 100px; height: 22px; background-image: url('images/usePalletSelect.jpg'); background-repeat: no-repeat; text-align: center; display: block; padding-top: 62px;}
.useFreightSelected {width: 100px; height: 22px; background-image: url('images/useFreightSelectCargo.jpg'); background-repeat: no-repeat; text-align: center; display: block; padding-top: 62px;}
.useConverseSelected {width: 100px; height: 22px; background-image: url('images/useConverseSelect.jpg'); background-repeat: no-repeat; text-align: center; display: block; padding-top: 62px;}
.useHazardousSelected {width: 100px; height: 22px; background-image: url('images/useHazardousSelect.jpg'); background-repeat: no-repeat; text-align: center; display: block; padding-top: 62px;}
.useIncotermsSelected {width: 100px; height: 22px; background-image: url('images/useIncotermsSelect.jpg'); background-repeat: no-repeat; text-align: center; display: block; padding-top: 62px;}




.nobr { white-space:nowrap;}