﻿/******* 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/bullet.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: #d60d0d; font-size: 18px; font-weight: normal; margin-left: 10px;}
h3  {font-size: 14px; color: #d60d0d; font-weight: normal;}

/******* links *******/

a:link {text-decoration: none; color: #d60d0d; font-weight: bold;} 
a:visited {text-decoration: none; color: #d60d0d; font-weight: bold;}
a:hover {text-decoration: underline; color: #a00c0c; font-weight: bold;}
a:active {text-decoration: none; color: #d60d0d; font-weight: bold;}

a.nav {color: white; display: block; padding: 13px 22px 10px 22px; background-color: #d60d0d;}
a.nav:active {background-color: #d60d0d;}
a.nav:link {background-color: #d60d0d;}
a.nav:visited {background-color: #d60d0d;}
a.nav:hover {text-decoration: none; background-color: #da2626;}

.navSelected {color: white; display: block; padding: 13px 22px 10px 22px; background-color: #ff5858; font-weight: normal;}
.navSelected:active {background-color: #ff5858;}
.navSelected:link {background-color: #ff5858;}
.navSelected:visited {background-color: #ff5858;}
.navSelected:hover {color: white; text-decoration: none; cursor: default; background-color: #ff5858; font-weight: normal;}

a.button { background-color: #d60d0d; cursor: pointer; padding: 2px 6px 2px 6px; display: block; font-size: 11px; text-decoration: none; color: white;}
a.button:active {background-color: #d60d0d;}
a.button:link {background-color: #d60d0d;}
a.button:visited {background-color: #d60d0d;}
a.button:hover {text-decoration: none; background-color: #fb1616;}

/******* a class apart *******/
.button	{ background-color: #d60d0d; 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: #d60d0d; padding: 6px 10px; color: white;}
.defaultTitleBar {padding: 25px 10px; background-color: #d60d0d; 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: #e60000; padding: 10px 5px; font-size: 14px;}
.pageTitleBack {background-image: url('images/pageTitleBack.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: #e42727; color: White; font-weight: bold;}
.usefulHeader {background-color: #d60d0d; 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;}
.tabExtra {padding-top: 17px; font-weight: bold; display: block;}
.line {background-color: #ececec; height: 1px; margin: 20px 0px;}
.import_map {background-image: url('images/import_map.jpg'); background-repeat: no-repeat; background-position: bottom right;}
.colorText {color: #d60d0d;}
.colorLink a {color: #d60d0d; font-weight: bold;}
.colorBack {background-color: #d60d0d;}
.navBack {background-color: #d60d0d; border-bottom: solid #ff5858 3px; height: 34px; padding-left: 190px;}
.exportsTop {background-image: url('images/exportsTop.gif'); background-repeat: no-repeat; background-position: right; width: 188px; height: 57px; display: block;}
.defaultBack {background-image: url('images/defaultRedBack.gif'); background-repeat: no-repeat; width: 542px; height: 57px; display: block;}
.jaws strong {color: #d60d0d;}
.borderBox {border: 1px solid #d60d0d;}
.ukMapMenu {background-color: white; width: 120px; border-top: 1px solid #ebebeb; border-bottom: 1px solid #cccccc; padding: 4px 10px; cursor: pointer;}
.ukMapMenuHover {background-color: #ebebeb; width: 120px; border-top: 1px solid #ebebeb; border-bottom: 1px solid #cccccc; padding: 4px 10px; cursor: pointer;}


/******* export uk map *******/
.mapPanel {border: 3px solid #d60d0d; 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: #ff5858;}
.sideExtender {border: 3px solid #ff5858; padding: 3px; background-color: white; width: 232px; display: block;}

/******* navigation images *******/
.topBar01 {background-image: url('images/topBar01.jpg'); background-repeat: no-repeat;}
.topBar02 {background-image: url('images/topBar02.jpg'); background-repeat: no-repeat;}
.topBar03 {background-image: url('images/topBar03.jpg'); background-repeat: no-repeat;}
.topBar04 {background-image: url('images/topBar04.jpg'); background-repeat: no-repeat;}
.topBar05 {background-image: url('images/topBar05.jpg'); background-repeat: no-repeat;}
.topBar06 {background-image: url('images/topBar06.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/useFreightNormal.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/useFreightSelect.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;}