html *{
margin: 0px;
padding: 0px;
}
body{
font-family:Arial;
font-size:9px;
}
#date{
display:none;
}
#printheader, #printfooter{
display:none;
}

.headline{
position: absolute;
left: 30px;
top: 30px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-style:oblique;
font-weight:bold;
color:#FF0000;
background-repeat:no-repeat;
z-index: 300;
}
#map {
background-image:url(images/Rate_calculator3.jpg);
background-repeat:no-repeat;
width:525px;
height:436px;

}
#tugboat{
position: absolute;
left: 460px;
top: 5px;
}
#tugboattext{
background-image:url(images/transparent_white80.png);
z-index:600;
position: absolute;
	height: 146px;
	width: 210px;
	left: 84px;
	top: 30px;
	padding: 5px;
	padding-top: 18px;
}
#calculator {
background-image:url(images/transparent_white80.png);
	position: absolute;
	height: 145px;
	width: 220px;
	left: 304px;
	top: 30px;
	font-size:9px;
	z-index:500;
	padding-left: 4px;
}
#calculator a{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:normal;
color:#FF0000;
text-decoration:none;
}
#calculator a:hover{
font-size:9px;
font-weight:normal;
color:#000000;
text-decoration:none;
}
input{
font-size:9px;
width: 30px;
border: 1px solid #ccc;
margin-boottom:4px;
}

#disclaimer {
margin-top:5px;
margin-left: 5px;
color: #333333;
background-image:url(images/transparent_white80.png);
	font-size: 9px;
	height: 75px;
	z-index:500;
}
#calculate{
position:relative;
left: -4px;
top: 1px;
background-image:url(images/transparent_white80.png);
width: 220px;
padding-left: 5px;
}
#result {
    color: #333333;

	font-size: 9px;
	width: 210px;

}
#destinations {
background-image:url(images/transparent_white80.png);
color: #333333;
	font-size: 9px;
	width: 220px;
	clear: right;
left:-4px;
}
#reset{
position:relative;
left:-4px;
width: 220px;
background-image:url(images/transparent_white80.png);
text-align: right;
height: 15px;
clear:right;
padding-right: 4px;
}
#details{
margin-left: 10px;
width: 190px;
background-color:#FFFFFF;

}
#details td{
white-space:nowrap;
padding-left: 2px;
padding-right: 2px;

}
#printdetails{
display: none;

}
.detailstotal{
width: 190px;
background-color:#FFFFFF;
margin-left: 10px;
}
.detailstotal td{
white-space:nowrap;
padding-top: 4px;
padding-left: 2px;
padding-right: 2px;
}
.marker{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#990000;
background-repeat:no-repeat;
z-index: 300;
}
.marker a{
white-space:nowrap;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#FF0000;
text-decoration:none;
line-height: 11px;
}
.marker a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FF0000;
text-decoration:none;
line-height: 13px;
}
.marker a.blue{
white-space:nowrap;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#0000CC;
text-decoration:none;
}
.marker a.blue:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#0000CC;
text-decoration:none;
}
#result a.blue, #tugboat a.blue{
white-space:nowrap;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#0000CC;
text-decoration:none;
}
#result a.blue:hover, #tugboat a.blue:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#0000ff;
text-decoration:underline;
}

#menu{
white-space:nowrap;
padding: 5px;
background-image:url(images/transparent_white80.png);
z-index: 600;
}
#menu a{
background-image:url(images/transparent_white80.png);
white-space:nowrap;
padding-left: 2px;
display:block;
width: 148px;
clear:both;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#000000;
text-decoration:none;

}
#menu a:hover{
display:block;
width: 148px;
clear:both;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color: #444444;
background-color:#555555;
text-decoration:none;

}