﻿body
{
    background-image: url(../images/BackgroundBar.jpg);
    background-repeat: repeat-x;
    background-color: #aaaaaa;
    left: 50%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
#nonFooter
{
    position: relative;
    min-height: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
.LinkText
{
    color: #666666;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: normal;
}
a:link
{
    color: #0000FF;
    text-decoration: underline;
}
a:visited
{
    color: #0000FF;
    text-decoration: underline;
}
a:active
{
    color: #0000FF;
    text-decoration: underline;
}
a:hover
{
    color: #FF0000;
    text-decoration: underline;
}
* html #nonFooter
{
    height: 100%;
}

body, html
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    height: 100%;
}
form
{
    height: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
#footer
{
    position: relative;
    height: 170px;
    clear: both;
}
#content
{
    width: 964px;
    z-index: 100;
    margin-top: -9px;
    margin: 0 auto;
}
html, body, form, #container
{
    height: 100%;
}
form > #container
{
    height: auto;
    min-height: 100%;
}
a img
{
    border: 0 none;
    margin: 0;
}
.FooterSpace
{
    height: 170px;
    background-color: #ffffff;
    background-image: url(../images/NewFooter.jpg);
    background-repeat: repeat-x;
    clear: both;
    position: relative;
    z-index: 100;
}

.FooterSpace a:link
{
    color: #ffffff;
    text-decoration: none;
}

.FooterSpace a:visited
{
    color: #ffffff;
    text-decoration: none;
}

.FooterSpace a:hover
{
    color: #ffffff;
    text-decoration: underline;
}
.FooterSpace a:active
{
    color: #ffffff;
    text-decoration: none;
}

.Terms a:link
{
    color: #000000;
    text-decoration: none;
}

.Terms a:visited
{
    color: #000000;
    text-decoration: none;
}

.Terms a:hover
{
    color: #000000;
    text-decoration: underline;
}
.Terms a:active
{
    color: #000000;
    text-decoration: none;
}

.Privacy a:link
{
    color: #000000;
    text-decoration: none;
}

.Privacy a:visited
{
    color: #000000;
    text-decoration: none;
}

.Privacy a:hover
{
    color: #000000;
    text-decoration: underline;
}
.Privacy a:active
{
    color: #000000;
    text-decoration: none;
}

.Home_Right
{
    color: #666666;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    width: 80px;
    top: 20px;
    left: 15px;
    z-index: 100;
}
.RightTitle
{
    color: #666666;
    font-family: Arial,Helvetica,sans-serif;
    font-size: small;
    font-weight: bold;
}
.LeftText
{
    width: 295px;
    min-height: 2055px;
    float: left;
    display: inline-block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-image: url(../images/BackFade.jpg);
    font-family: Arial,Helvetica,sans-serif;
    background-repeat: repeat-y;
    background-color: #ffffff;
}
.RightText
{
    width: 629px;
    min-height: 2000px;
    display: inline-block;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 35px;
    margin: 0px 0px 0px 0px;
    color: #666666;
    font-family: Arial,Helvetica,sans-serif;
    font-size: small;
    font-weight: normal;
    background-color: #ffffff;
}


.UpperTitle
{
    display: inline-block;
    height: 57px;
    overflow: hidden;
    width: 100%;
    margin-top: -1px;
}
.UpperTitle a:link
{
    text-decoration: none;
}
.UpperTitle a:visited
{
    text-decoration: none;
}
.UpperTitle a:hover
{
    text-decoration: none;
}
.UpperTitle a:active
{
    text-decoration: none;
}

.LowerTitle
{
    display: inline-block;
    overflow: hidden;
    width: 100%;
    height: 68px;
}
.LowerTitle a:link
{
    text-decoration: none;
}
.LowerTitle a:visited
{
    text-decoration: none;
}
.LowerTitle a:hover
{
    text-decoration: none;
}
.LowerTitle a:active
{
    text-decoration: none;
}


.Xplore
{
    left: 50%;
    margin-left: 100px;
}
.MarineVisionFooter
{
    color: #ffffff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: small;
    bottom: 0px;
    position: absolute;
    height: 170px;
    left: 50%;
    margin-left: -964px;
}
.OurSolutions
{
    color: #ffffff;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    position: absolute;
    top: 35px;
    left: 649px;
    width: 200px;
}
.BlueLine
{
    position: absolute;
    left: 581px;
    top: 11px;
}
.TabletPC
{
    color: #ffffff;
    text-decoration: none;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: normal;
    font-size: small;
    position: absolute;
    top: 28px;
    left: 821px;
    width: 200px;
}
.PDA
{
    color: #ffffff;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: normal;
    font-size: small;
    position: absolute;
    top: 53px;
    left: 821px;
    width: 200px;
}
.Marine
{
    color: #ffffff;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: normal;
    font-size: small;
    position: absolute;
    top: 28px;
    left: 951px;
    width: 200px;
}
.DataComms
{
    color: #ffffff;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: normal;
    font-size: small;
    position: absolute;
    top: 53px;
    left: 951px;
    width: 220px;
}
.MultiMedia
{
    color: #ffffff;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: normal;
    font-size: small;
    position: absolute;
    top: 28px;
    left: 1195px;
    width: 200px;
}
.NavSoftware
{
    color: #ffffff;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: normal;
    font-size: small;
    position: absolute;
    top: 53px;
    left: 1195px;
    width: 200px;
}
.Terms
{
    height: 7px;
    width: auto;
    position: absolute;
    top: 125px;
    left: 852px;
    width: 200px;
}
.Privacy
{
    height: 7px;
    width: auto;
    position: absolute;
    top: 125px;
    left: 989px;
    width: 200px;
}
.Validator
{
    position: absolute;
    top: -70px;
    left: 520px;
}

.CSS
{
    position: absolute;
    top: -70px;
    left: 639px;
}

.GunMetal
{
    background-image: url(../images/GunMetalLH.jpg);
    background-repeat: repeat-y;
    height: 52px;
    color: #ffffff;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    font-family: Arial,Helvetica,sans-serif;
}
.ListText
{
    color: #666666;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: normal;
}

.BoldRed
{
    color: #ff0000;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
}
.Red
{
    color: #ff0000;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-style: italic;
}
.Seatrack
{
    width: 629px;
    height: auto;
}
.SeatrackText
{
    position: relative;
    left: 0px;
    top: 0px;
}
.SeatrackImage
{
    position: relative;
    left: 0px;
    top: 0px;
    width: 629px;
    height: 162px;
}
.SeatrackImage img
{
    padding-right: 10px;
}
.SeatrackText2
{
    top: 0px;
    width: 150px;
    height: 160px;
    right: 0px;
}
.AdapterImage
{
    position: relative;
    left: 0px;
    top: 0px;
    width: 629px;
    height: auto;
}

.AdapterImage img
{
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 30px;
}

.MultiplexerImage
{
    position: relative;
    left: 0px;
    top: 0px;
    width: 629px;
    height: auto;
}

.MultiplexerImage img
{
    padding-right: 10px;
}

.VideoImage
{
    padding-left: 156px;
    padding-right: 156px;
}
.Table
{
    padding-left: 42px;
    padding-right: 42px;
}

.hhespecright
{
    width: 300px;
    position: relative;
    right: 0px;
    top: 420px;
    padding-right: 20px;
}
.hhspecbottom
{
    width: 629px;
    position: relative;
    left: 0px;
    padding-left: 20px;
    padding-right: 20px;
    text-decoration: overline;
    color: Red;
    font-weight: bolder;
    top: 1880px;
}

.CustomersContent
{
    text-align: center;
    width: 629px;
}

.FidessaFastwave
{
    text-align: center;
    width: 629px;
}
.ArmorInfo
{
    width: 100%;
    border-collapse: collapse;
}
.Col1
{
    width: 30%;
}
.Col2
{
    width: 70%;
}
.ArmorInfoRow
{
    border-bottom-style: solid;
    border-bottom-color: #000000;
    border-bottom-width: thin;
    vertical-align: top;
    text-align: left;
}

/***********************Armour Icon Table******************************/
.ArmorIcon
{
    width: 100%;
}
.ImageCol
{
    width: 20%;
    vertical-align: top;
    text-align: center;
}
.ArmorIconText
{
    width: 100%;
}
.TextCol
{
    width: 20%;
    vertical-align: top;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}
.IconText
{
    font-size: smaller;
    vertical-align: top;
}
/********************************End***********************************/
/***********************Booster Image Table****************************/
.BoosterImages
{
    width: 100%;
}
.BoosterImageCol
{
    width: 25%;
    vertical-align: top;
    text-align: center;
}
.BoosterText
{
    width: 100%;
}
.BoosterTextCol
{
    width: 25%;
    vertical-align: top;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}
.IconText
{
    font-size: smaller;
    vertical-align: top;
}
/******************************End*************************************/

.LeftCol
{
    width: 50%;
    text-align: center;
    padding-top: 10px;
}
.RightCol
{
    width: 50%;
    text-align: center;
    padding-top: 10px;
}

/************************************Pop-up CSS***********************************/
#lightbox
{
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
}
#lightbox img
{
    width: auto;
    height: auto;
}
#lightbox a img
{
    border: none;
}

#outerImageContainer
{
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}
#imageContainer
{
    padding: 10px;
}

#loading
{
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}
#hoverNav
{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 180;
}
#imageContainer > #hoverNav
{
    left: 0;
}
#hoverNav a
{
    outline: none;
}


#prevLink
{
    left: 0;
    float: left;
}
#nextLink
{
    right: 0;
    float: right;
}
#prevLink:hover
{
    background: url(assets/images/prevlabel.gif) left 15% no-repeat;
}

#prevLink:visited:hover
{
    background: url(assets/images/prevlabel.gif) left 15% no-repeat;
}
#nextLink:hover, #nextLink:visited:hover
{
    background: url(assets/images/nextlabel.gif) right 15% no-repeat;
}

#imageDataContainer
{
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #ffffff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%;
}

#imageData
{
    padding: 0 10px;
    color: #666;
}
#imageData #imageDetails
{
    width: 70%;
    float: left;
    text-align: left;
}
#imageData #caption
{
    font-weight: bold;
}
#imageData #numberDisplay
{
    display: block;
    clear: left;
    padding-bottom: 1.0em;
}
#imageData #bottomNavClose
{
    width: 66px;
    float: right;
    padding-bottom: 0.7em;
    outline: none;
}

#overlay
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 500px;
    background-color: #000000;
}
.PayPalButtons
{
    height: 68px;
    width: 86px;
    position: absolute;
    top: 57px;
    left: 835px;
}
.SeaProPayPal
{
    width: 100%;
}
.SeaProPayPalText
{
    width: 75%;
}
.SeaProPayPalPrice
{
    width: 10%;
}
.SeaProPayPalButton
{
    width: 15%;
}
.GPRSFrequency
{
    width: 100%;
    border-spacing: 0;
    height: 324px;
    border-style: solid;
    border-width: thin;
}
.GPRSMechanical
{
    width: 100%;
    border-spacing: 0;
    border-style: solid;
    border-width: thin;
}
.GPRSCol
{
    width: 30%;
    border-style: solid;
    border-width: thin;
}
.GPRSCol
{
    width: 30%;
    border-style: solid;
    border-width: thin;
}

/*********************************************************************************/

/************************************Left Menu Mine***********************************
div.sdmenu
{
    font-family: Arial, sans-serif;
    font-size: 12px;
    padding-bottom: 10px;
    background: url(bottom.gif) no-repeat right bottom;
    color: #ffffff;
    width: 295px;
    height: 52px;
}
div.sdmenu div
{
    background: url(title.gif) repeat-x;
    overflow: hidden;
}
div.sdmenu div:first-child
{
    background: url(toptitle.gif) no-repeat;
}
div.sdmenu div.collapsed
{
    height: 25px;
}
div.sdmenu div span
{
    display: block;
    padding: 5px 25px;
    font-weight: bold;
    color: white;
    background: url(expanded.gif) no-repeat 10px center;
    cursor: default;
    border-bottom: 1px solid #ddd;
    width: 295px;
    height: 52px;
}
div.sdmenu div.collapsed span
{
    background-image: url(collapsed.gif);
}
div.sdmenu div a
{
    padding: 5px 10px;
    background: #eee;
    display: block;
    border-bottom: 1px solid #ddd;
    color: #066;
    width: 295px;
    height: 52px;
}
div.sdmenu div a.current
{
    background: #ccc;
    width: 295px;
    height: 52px;
}
div.sdmenu div a:hover
{
    background-image: url(../images/GunMetalLH.jpg);
    color: #fff;
    text-decoration: none;
    width: 295px;
    height: 52px;
}
.title
{
    background-color: Fuchsia;
    width: 295px;
}
/*********************************************background-image:url(asses/images/GunMetalLH.jpg);************************************/