body {
    background: #ffffff;
    color: #000000;
    font-family: Arial, sans-serif;
    font-size: 1.0em; 
}

img {
    border: 0px;
}

form {
    margin: 0px;
}

.header {
    margin: 0 auto;
    width: 740px;
    height: 103px;
}

.main {
    display: none;
}

.ad {
    position: relative;
    float: right;
}

.telephone {
    width: 401px;
    text-align: center;
    color: #000066;
    font-size: 0.77em;
    font-weight: bold;
}

.header a {
    font-size: 0.8em;
    color: #0000ff
}

.header a:hover {
    color: #660000;
}

.mainmenu {
    margin: 0 auto;
    width: 738px;
    height: 23px;
    border-bottom: 1px solid #0000cc;
    padding-left: 2px;
}

.mainmenu ul {
    margin: 0px;
    padding: 0px;
}

.mainmenu li {
    position: relative;
    float: left;
    width: 88px;
    height: 20px;
    background: #cceeff;
    color: #0000cc;
    border: 1px solid #99ccff;
    font-size: 13px;
    text-align: center;
    list-style-type: none;
    margin: 1px;
}

.mainmenu li.current {
    background: #000099;
    color: #ffffff;
    border: 1px solid #000099;
}

.mainmenu a {
    text-decoration: none;
    color: #0000ff;
}

.mainmenu a:hover {
    text-decoration:underline;
    color: #ff0000;
}

.mainmenu a.current {
    color: #ffffff;
    font-weight: bold;
}

.footer {
    margin: 0 auto;
    width: 740px;
    text-align: center;
    color: #505050;
    font-size: 0.6em;
    margin-top: 20px;
    margin-bottom: 10px;
}

.footer a {
    color: #333399;
}

.footer a:hover {
    color: #ff0000;
}

.maincontent {
    margin: 0 auto;
    width: 720px;
    height: 220px;
    background: #f8f8ff;
    border-bottom: 1px solid #0000cc;
    text-align: center;
    padding: 10px;
}

.maincontent2 {
    margin: 0 auto;
    width: 720px;
    background: #f8f8ff;
    border-bottom: 1px solid #0000cc;
    text-align: center;
    padding: 10px;
    font-size: 0.8em;
}

.maincontent2 h2 {
    font-size: 1.3em;
    color: #0000ff;
    margin: 0px;
}

.maincontent3 {
    margin: 0 auto;
    width: 720px;
    background: #f8f8ff;
    border-bottom: 1px solid #0000cc;
    text-align: left;
    padding: 10px;
    font-size: 0.8em;
}

.maincontent3 h2 {
    font-size: 1.3em;
    color: #0000ff;
    margin: 0px;
}

.maincontent3 a {
    color: #333399;
}

.maincontent3 a:hover {
    color: #ff0000;
}

.mainleft {
    position: relative;
    float: left;
}

.mainright { 
    position: relative;
    float: right;
    width: 190px;
    text-align: center;
}

.mainright img {
    margin: 2px;
}

.propad {
    border: 2px solid #ff0000;
    font-weight: bold;
    color: #003399;
    background: #ffffff;
    margin-bottom: 10px;
    margin-left: 5px;
    padding: 4px;
    width: 186px;
    height: 55px;
    font-size: 0.9em;    
}

.propad span {
    color: #ff0000;
    text-decoration: underline;
    font-size: 1.3em;
}

.propad a {
    text-decoration: none;
    color: #003399;
}

.info {
    border: 2px solid #ff0000;
    color: #003399;
    background: #ffffff url('../img/thawte.png') bottom right no-repeat;
    margin-bottom: 10px;
    margin-left: 5px;
    padding: 4px;
    width: 186px;
    height: 75px;
    text-align: left;
}

.info ul {
    list-style-image: url('../img/tick-bull.png');
    margin: 0px;
    margin-left: 25px;
    padding-left: 0px;
}
.info li {
    margin: 0px;
    padding: 0px;
    font-size: 8pt;
    font-weight: bold;
}

.agent {
    border: 1px solid #99ccff;
    color: #000066;
    background: #ffffff;
    margin-top: 10px;
    margin-left: 5px;
    padding: 4px;
    width: 188px;
    height: 75px;
    font-size: 0.8em;    
}

.agent span {
    font-size: 1.6em;
    font-weight: bold;
}

.agent a {
    color: #333399;
}

.agent a:hover {
    color: #ff0000;
}

.miniengine {
    margin: 0 auto;
    border: 1px solid #99ccff;
    color: #000099;
    background: #ffffff;
    padding: 3px;
    width: 230px;
    height: 180px;
    text-align: left;
    font-size: 0.8em;
    font-weight: bold;
}

.miniengine img {
    position: relative;
    float: right;
}

.miniengine a {
    color: #0000ff;
}

.miniengine a:hover {
    color: #ff0000;
}

.pax {
    width: 50px;
}

.route {
    width: 220px;
}

.miniengine select {
    margin-top: 5px;
    margin-bottom: 8px;
}

.miniengine input {
    position: relative;
    float: right;
    top: -26px;
}

.ports {
    margin: 15px auto 0px auto;
    width: 740px;
}

.portlist {
    width: 580px; 
    height: 155px;
    border: 1px solid #333399;   
} 

.portlist h2 {
    background: #333399;
    color: #ffffff;
    font-size: 0.8em;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    margin-top: 0px;
    margin-bottom: 4px;
}

.portlist a {
    font-size: 0.6em;
    color: #808080;
}

.portlist a:hover {
    color: #ff0000;
}

.portops {
    width: 140px;
    height: 155px;
    position: relative;
    float: right;
    border: 1px solid #333399; 
    text-align: center;
    font-size: 0.8em;  
}

.portops h2 {
    text-align: left;
    background: #ff0000;
    color: #ffffff;
    font-size: 1.0em;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    margin-top: 0px;
    margin-bottom: 4px;
}

.portops a {
    text-decoration: none;
    color: #333399;
}

.portops a span {
    text-decoration: underline;
}

.portops a:hover {
    color: #ff0000;
}

.footertext {
    margin: 15px auto 0px auto;
    width: 740px;
    border: 1px solid #333399;   
    
}

.footertext h2 {
    background: #333399;
    color: #ffffff;
    font-size: 0.8em;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    margin-top: 0px;
    margin-bottom: 4px;
}

.footertext p {
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 15px;
    font-size: 0.8em;
}

.footertext a {
    color: #333399;
}

.footertext a:hover {
    color: #ff0000;
}

.extras {
    /* top right bottom left
    */
    margin: 15px auto 0px auto;
    width: 740px;
    font-size: 0.8em;
}

.extras span {
    background: #333399;
    color: #ffffff;
    font-weight: bold;
}

.extras a {
    color: #333399;
    margin-left: 10px;
}

.extras a:hover {
    color: #ff0000;
}

.mid {
    margin: 0 auto;
    text-align: center;
    width: 790px;
}
