body {
background-image: url(/images/market_maritime/img01.gif);
background-color:#3A4353;
background-repeat: repeat;
font-family: Verdana;
font-size: 10px;
overflow-y:scroll;
*overflow-y:none;
}
h1 {
font-size: 13px;
font-weight: bold;
padding-left: 15px;
}
h2 {
font-size: 13px;
font-weight: bold;
padding-left: 10px;
}
h3 {
font-size: 11px;
font-weight: bold;
}
h4 {
font-size: 11px;
font-weight: bold;
margin-left: 10px;
}
hp2 {
font-size: 10px;
}
p {
text-align: justify;
clear: none;
padding-left: 10px;
padding-right: 10px;
}
.p-links {
font-weight:normal;
font-size: 10px;
text-align: center;
line-height: 8px;
/*margin-top: 5px;
margin-bottom: 5px;
*/padding: 0px;
}
u {
text-decoration: underline;
}
.deftable {
background-color: #FFFFFF;
width: 100%;
}
.deftable2 {
background-color: #FFFFFF;
width: 95%;
}

a:link { 
text-decoration: none;
color: #0000D1;
}

a:visited {
text-decoration: none; 
color: #0000D1;
}

a:active {
text-decoration: none; 
color: #0000D1;
}

a:hover {
text-decoration: none; 
color: #FE0000;
}

u {
text-decoration: none;
border-bottom: dotted 1px #000000; 
}

.main {
height: 400px;
width: 100%;
}

.main2 {
height: 400px;
width: 100%;
background-image:url(/images/market_maritime/background.jpg);
}

.bottom {
height: 5px;
width: 100%;
background-color:#FFFFFF;
}

.you-are-here {
margin-top: 0px;
padding-top: 2px;
padding-left: 5px;
padding-right: 5px;
}

.you-are-here a:link { 
text-decoration: underline;
font-weight: bold;
color: #000000;
}

.you-are-here a:visited {
text-decoration: underline; 
font-weight: bold;
color: #000000;
}

.you-are-here a:active {
text-decoration: underline;
font-weight: bold;
color: #000000;
}

.you-are-here a:hover {
text-decoration: underline; 
font-weight: bold;
color: #FE0000;
}

.border {
border-left: 2px solid #000000;
border-right: 2px solid #000000;
border-top: 2px solid #000000;
border-bottom: 2px solid #000000;
width: 800px;
margin-left:auto; 
margin-right:auto;
background-color:#FFFFFF;
}

.border2 {
border-left: 1px solid #000000;
width: 194px;
background-image: none;
background-color:#FFFFFF;
z-index: 50;
/*text-align: center;*/
}

.text {
text-align: justify;
clear: none;
padding-left: 10px;
padding-right: 10px;
}
.header {
width: 100%;
text-align: right;
padding: 10px;
font-weight: bold;
font-family: Arial;
}

.logo {
padding-left: 10px;
margin: 0px;
float:left;
top: 0px;
filter:alpha(opacity=90);
opacity:0.9;
-moz-opacity:0.9;
}

.news2 {
font-weight:bold;
padding-top: 0px;
}



.bottomborder {
border-bottom: 1px solid #000000;
width: 100%;
background-color:#FFFFFF;

}

.footer {
border-top: 1px solid #000000;
text-align: left;
padding: 5px;
font-size: 9px;
font-weight: bold;
}

.footer2 {
border-top: 1px solid #000000;
padding: 5px;
font-size: 9px;
}

.basictab{
position: relative;
z-index: 0;
padding: 0px 0;
margin-top: 10px;
margin-bottom: 5px;
margin-left: 20px;
font-weight:bold;
list-style-type: none;
text-align: left;
}

.basictab li{
display: inline;
margin: 0;
}

.basictab li a{
text-decoration: none;
padding: 5px 15px;
margin-right: 3px;
border: 1px solid gray;
border-bottom: none;
color: #2d2b2b;
background-color: #EEEEEE;
}

.basictab li a:visited {
_color: #2d2b2b;
}

.basictab li a:hover{
background-color: #0033CC;
color: #FFFFFF;
}

.basictab li.selected a{
background-color: #FFFFFF;
color: #000000;
border-bottom: 1px solid #FFFFFF;
}
.basictab2{
position: relative;
z-index: 0;
padding: 3px 0;
margin-top: 10px;
margin-bottom: 0px;
margin-left: 15px;
font-weight:bold;
list-style-type: none;
text-align: left;
}
.basictab2 li{
display: inline;
margin: 0;
}
.basictab2 li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid gray;
border-bottom: none;
color: #2d2b2b;
background-color: #CCCCCC;
}
.basictab2 li a:visited {
_color: #2d2b2b;
}

.basictab2 li a:hover{
background-color: #0033CC;
color: #FFFFFF;
}

.basictab2 li.selected a{
background-color: #FFFFFF;
color: #000000;
border-bottom: 1px solid #FFFFFF;
border-left-color:#000000;
border-right-color:#000000;
border-top-color:#000000;
}
.basictab3{
width: 400px;
}
.basictab2{
font-weight: bold;
text-align: left;
}
.prodres {
height: 100px;
width: 570px;
border-bottom: 1px dashed #000000;
}
.prodres2 {
border-top: 1px dashed #000000;
margin-left: 5px;
}
.prodresimg {
width: 90px;
vertical-align:center;
}
.prodresdesc {
height: 40px;
vertical-align:text-top;
}
.prodprice {
font-weight: bold;
text-align:right;
/*width: 20px;*/
}
.prodtable {
width: 500px;
text-align: left;
margin-left: 1%;
margin-right: 1%;
margin-bottom: 0px;
}
.prodtableimg {
width: 180px;
height: 140px;
border: 0px solid #000000;
padding-right: 15px;
}

.prodtabletext {
text-align: justify;
vertical-align: top;
padding-left: 0px;
font-weight:bold;
}

.prodtabletext2 {
text-align: justify;
vertical-align: top;
padding-left: 0px;
}

.prodtableicons {
border: 0px solid #000000;
height: 32px;
width: 32px;
}

.prodtable2 {
text-align: left;
border:1px solid #000000;
width: 560px;
}

.prodimg {
padding-top: 10px;
text-align:center;
}

.prodnav2 {
text-align: left;
width: 194px;
padding-left: 10px;
}

.searchbutton {
font-size:9px;
font-family:Verdana,sans-serif;
text-align:left;
width:55px;
}

#hpic {
width: 601px;
height: 401px;
z-index: -1;
background-image:url(/images/hoverimages/homepage.png);
_background-image:url(/images/hoverimages/homepage.gif);
background-repeat: no-repeat;
display: none;
}
#hpic2 {
width: 601px;
height: 401px;
z-index: -1;
background-image:url(/images/hoverimages/homepage.png);
_background-image:url(/images/hoverimages/homepage.gif);
display: block;
}
#landpic {
width: 601px;
height: 401px;
z-index: -1;
background-image:url(/images/hoverimages/land.png);
_background-image:url(/images/hoverimages/land.gif);
display: none;
}
#landpic2 {
width: 601px;
height: 401px;
z-index: -1;
background-image:url(/images/hoverimages/land.png);
_background-image:url(/images/hoverimages/land.gif);
display: block;
}

#maritimepic {
width: 601px;
height: 401px;
z-index: -1;
background-image:url(/images/hoverimages/maritime.png);
_background-image:url(/images/hoverimages/maritime.gif);
display: none;
}
#maritimepic2 {
width: 601px;
height: 401px;
z-index: -1;
background-image:url(/images/hoverimages/maritime.png);
_background-image:url(/images/hoverimages/maritime.gif);
display: block;
}

#aeropic {
width: 601px;
height: 401px;
z-index: -1;
background-image:url(/images/hoverimages/aero.png);
_background-image:url(/images/hoverimages/aero.gif);
display: none;
}
#aeropic2 {
width: 601px;
height: 401px;
z-index: -1;
background-image:url(/images/hoverimages/aero.png);
_background-image:url(/images/hoverimages/aero.gif);
display: block;
}

#satservpic {
width: 601px;
height: 401px;
z-index: -1;
background-image:url(/images/hoverimages/satserv.png);
_background-image:url(/images/hoverimages/satserv.gif);
display: none;
}
#satservpic2 {
width: 601px;
height: 401px;
z-index: -1;
background-image:url(/images/hoverimages/satserv.png);
_background-image:url(/images/hoverimages/satserv.gif);
display: block;
}

#productpic {
width: 601px;
height: 401px;
z-index: -1;
background-image:url(/images/hoverimages/solutions.png);
_background-image:url(/images/hoverimages/solutions.gif);
display: none;
}
#productpic2 {
width: 601px;
height: 401px;
z-index: -1;
background-image:url(/images/hoverimages/solutions.png);
_background-image:url(/images/hoverimages/solutions.gif);
display: block;
}

#hovertext {
width: 400px;
/*height: auto;*/
z-index: 1;
/*color: #0000D1;*/
color: #000;
/*background-color: #FFFFFF;*/
/*border: 1px solid #0000D1;*/
float: right;
_float:right;
margin-right: 100px;
_margin-right: 50px;
/*margin-top: 47px;*/
margin-top: 10px;
/*text-align:center;
/*font-style:italic;*/
font-weight:bold;
padding: 5px;
font-size:12px;
/*line-height:15px;*/
filter:alpha(opacity=70);
opacity:0.7;
-moz-opacity:0.7;
}


.print {
padding-bottom: 5px;
padding-right: 5px;
}

/*.arrow {
width: 194px;
font-weight:bold;
font-size:9px;
z-index: 0;
text-align: left;
filter:alpha(opacity=80);
opacity:0.8;
-moz-opacity:0.8;
} 

.arrow ul {
font-weight:bold;
line-height:1;
*line-height:2.0;
list-style-type:none;
margin-left: 3em;
margin-left: 1em;
*margin-left: 1em;
margin-right: 1em;
padding-left: 0;
margin-bottom: -2px;
*margin-bottom: 2px;

}

.arrow li{
margin: 0;
list-style-image: url(/images/market_maritime/bulletlink.gif);
list-style-image:none;
*padding-top: 2px;
padding-left: 15px;
background: transparent url(/images/market_maritime/bulletlink.gif) no-repeat;
*background-position:0px 11px;
*background-position:0px 9px;
}
*/
/*.arrow2 {
width: 194px;
font-weight:bold;
font-size:11px;
z-index: 0;
margin-top: 0px;
margin-bottom: 0px;
text-align: left;
} 


.arrow2 ul {
font-weight:bold;
line-height:1.4;
list-style-type:none;
margin-left: 3em;
padding-left: 0;
padding-right: 5px;
}
.arrow2 li{
margin: 0;
list-style-image: url(/images/market_maritime/bulletlink.gif);
}*/

.preload {
display: none;
}

.left {
padding-left: 15px;
line-height: 2.4em;
}

.right {
padding-right: 5px;
}

.wid {
width: 32px;
}

.prodcompname a:link { 
text-decoration: underline;
font-weight: bold;
color: #000000;
}

.prodcompname a:visited {
text-decoration: underline; 
font-weight: bold;
color: #000000;
}

.prodcompname a:active {
text-decoration: underline;
font-weight: bold;
color: #000000;
}

.prodcompname a:hover {
text-decoration: underline; 
font-weight: bold;
color: #FE0000;
}

.supporttable {
margin-left: 8px;
*margin-left: -2px;
width: 500px;
border: 0px solid;
/*line-height: 10px;*/
}

.supporttext1 {
font-size:12px;
}
.supporttext2 {
font-weight:bold;
}

.newsarea {
*text-align:center;
_text-align:center;
}

.copy {
text-align: center;
font-size:9px;
font-style:italic;
}

.sitemap th a{
color:#000000;
font-size:12px;
text-decoration:underline;
}

.sitemap td a{
color:#000000;
font-size:10px;
text-decoration:underline;
}

.sort {
font-size:9px;
border: 1px solid #000000;
margin-right: 20px;
}

.frontpagelinks {
float:right;
width: 305px;
background:#FFFFFF;
border:0px solid #000000;
padding-top:10px;
padding-bottom: 10px;
padding-left:5px;
padding-right: 5px;
filter:alpha(opacity=90);
opacity:0.9;
-moz-opacity:0.9;
background:url(/images/tabs/test.gif) right top;
background-repeat: no-repeat;
}

 /* remove the margin and bullets, set the padding for this demo only*/
.button {margin:0px; padding:0px; padding-left: 6px; padding-right: 8px; border:none; border:0px solid green; width:180px;}
.button ul {border:none; margin: 10px 0 0 0; padding: 0 0 0 0;}

 /* display the list items inline with a right margin to space the buttons. Use this to pre-load the hover image */
.button li { text-align:center; display: block; float: left; /*margin-right:0px;*/ /*margin-bottom:5px;*/ background:url(/images/tabs/lwbutton.gif); background-repeat:no-repeat} 

/* style the links and place the background image to start from left edge */
.button li a {display: inline; height:22px; float:left; /*background:url(/images/icons/scalebutton.gif);*/ text-decoration:none; font-size:10px; font-family:arial, sans-serif; letter-spacing:1px; line-height:17px; outline: none; }

/* style the b element to posiition it to the right by 20 pixels and even out the text with 20 pixel right padding */
.button li b {margin:0 0px 0 2px; display: inline; float:left; height:22px; background:url(/images/tabs/wbutton.gif) right top; padding:0 0px 0 2px; color:#000; width: 178px; background-repeat:no-repeat}

/* style the link hover and the link hover b to replace the background image - border:0 needed for IE6 to work */
.button li a:hover, .button li a:hover b {border:0; background-image:url(/images/tabs/bbutton.gif); cursor:pointer; background-repeat:no-repeat; color:#fff;}

.button li a:hover, .button2 li a:hover {background:url(/images/tabs/lbbutton.gif); /*width: 15px;*/background-repeat:no-repeat;} 



.button2 {margin:0px; padding:0px; border:none; border:0px solid green; width:600px; text-align:center}
.button2 ul {/*margin:0px; padding:0px;*/ border:none;}

 /* display the list items inline with a right margin to space the buttons. Use this to pre-load the hover image */
.button2 li { text-align: center; display: block; float: left; background:url(/images/tabs/lwtab.gif); margin-right: 5px;background-repeat:no-repeat;} 

/* style the links and place the background image to start from left edge */
.button2 li a {display: inline; height:22px; float:left; /*background:url(/images/icons/scalebutton.gif);*/ text-decoration:none; font-size:10px; font-family:arial, sans-serif; letter-spacing:1px; line-height:20px; outline: none;}

/* style the b element to posiition it to the right by 20 pixels and even out the text with 20 pixel right padding */
.button2 li b {margin:0 0 0 2px; display: inline; float:left; height:22px; background:url(/images/tabs/wtab.gif) right top; /*padding:0 100px 0 -2px;*/ color:#000; /*width: 65px;*/ background-repeat:no-repeat;}

.button2 li c {margin: 0 2px 0 0px;}

/* style the link hover and the link hover b to replace the background image - border:0 needed for IE6 to work */
.button2 li a:hover, .button2 li a:hover b {border:0; background-image:url(/images/tabs/btab.gif); cursor:pointer; color:#fff;}

 /* display the list items inline with a right margin to space the buttons. Use this to pre-load the hover image */
.button2 li a:hover, .button2 li a:hover {background:url(/images/tabs/lbtab.gif); /*width: 15px;*/background-repeat:no-repeat;} 

.button2 li a.current, .button2 li a.current b {border:0; background-image:url(/images/tabs/btab.gif); cursor:pointer; color:#fff;}

 /* display the list items inline with a right margin to space the buttons. Use this to pre-load the hover image */
.button2 li a.current, .button2 li a.current {background:url(/images/tabs/lbtab.gif); /*width: 15px;*/background-repeat:no-repeat;} 


/*/* style the active state to replace the background image. This can also be used for a 'current' tab if you wish */
/*.button2 li a:active, .button2 li a:active b, .button2 li a.current, .button2 li a.current b {background-image: url(/images/tabs/btab.gif); color:#fff; background-repeat:no-repeat;}*/

#sddm {
border: 0px solid green;
z-index: 0;
width: 100px;
float: left;
}


#sddm li {
padding: 0;
list-style: none;
float: left;
font: bold 11px arial;

}

#sddm li a {
display: block;
text-align: center;
text-decoration: none;
}

#sddm div {
position: absolute;
visibility: hidden;
padding: 0;
text-align: center;
}

#sddm div a {
position: relative;
display: block;
white-space: nowrap;
text-align: center;
width: 194px;
text-decoration: none;
font: 11px arial
}

#sddm div a:hover {
color: #F00
}

#flashcontent {
text-align:center;
}

.button3 {margin-top: -10px; padding:0px; padding-left: 6px; padding-right: 8px; border:none; border:0px solid green; width:180px;}
.button3 ul {border:none; margin: 10px 0 0 0; padding: 0 0 0 0;}

 /* display the list items inline with a right margin to space the buttons. Use this to pre-load the hover image */
.button3 li { text-align:center; display: block; float: left; /*margin-right:0px;*/ /*margin-bottom:5px;*/ background:url(/images/tabs/lwbutton3.gif); background-repeat:no-repeat} 

/* style the links and place the background image to start from left edge */
.button3 li a {display: inline; height:22px; float:left; /*background:url(/images/icons/scalebutton.gif);*/ text-decoration:none; font-size:10px; font-family:arial, sans-serif; letter-spacing:1px; line-height:17px; outline: none; }

/* style the b element to posiition it to the right by 20 pixels and even out the text with 20 pixel right padding */
.button3 li b {margin:0 0px 0 2px; display: inline; float:left; height:22px; background:url(/images/tabs/wbutton3.gif) right top; padding:0 0px 0 2px; color:#000; width: 178px; background-repeat:no-repeat}

/* style the link hover and the link hover b to replace the background image - border:0 needed for IE6 to work */
.button3 li a:hover, .button3 li a:hover b {border:0; background-image:url(/images/tabs/bbutton.gif); cursor:pointer; background-repeat:no-repeat; color:#fff;}

.button3 li a:hover, .button3 li a:hover {background:url(/images/tabs/lbbutton.gif); /*width: 15px;*/background-repeat:no-repeat;} 

.bgan { border: 1px solid #000; border-right: 1px solid #000; padding: 2px;}
.bgan1 { border: 1px solid #000;}
.bgan2 { border: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000;}