* {
margin : 0; 
padding : 0; 
} 
html, body {
height : auto; 
background : #000; 
color : #999; 
font-family : Verdana, Tahoma, Arial, sans-serif; 
font-size : 12px; 
} 
a {
color : #fff; 
background-color: #000;
text-decoration : underline; 
font-size : 12px; 
} 
a:hover {
background : #444; 
color : #fff; 
} 
#container {
width : 700px; 
height : auto; 
margin : 0 auto; 
} 
#topbar {
width : 700px; 
height : 14px; 
line-height : 14px; 
vertical-align : middle; 
text-align : right; 
} 
#topbar ul {
float : right; 
} 
#topbar li {
list-style : none; 
display : block; 
width : auto; 
float : left; 
} 
#topbar a {
text-decoration : none; 
display : block; 
padding : 0 5px 0 0; 
font-size : 10px; 
} 
#topbar a:hover {
background : #333; 
color : #fff; 
} 
#topbar img {
border : 0; 
} 
#header {
width : 700px; 
height : 80px; 
background : url(http://www.maerska.com/index_files/img_header_maerska.jpg) no-repeat top left; 
position : relative; 
} 
#header h1 {
display : block; 
float : right; 
background : #000; 
color : #eee; 
border-bottom : 1px solid #fff; 
border-top : 1px solid #fff; 
border-left : 1px solid #fff; 
border-right : 1px solid #fff; 
} 
#navbar {
position : absolute; 
bottom : 0; 
right : 0; 
} 
#navbar li {
list-style : none; 
display : block; 
width : auto; 
float : left; 
} 
#navbar a {
text-decoration : none; 
display : block; 
padding : 4px 10px 4px 5px; 
font-size : 10px; 
font-weight : bold; 
color : #fff; 
background-color : inherit; 
} 
#navbar a:hover {
background : #000; 
color : #fff; 
} 
#navbar .selected {
background : #000; 
color : #ff6666; 
} 
#core {
width : 700px; 
height : auto; 
margin-top : 10px; 
} 
#coreright {
width : 150px; 
height : auto; 
background : #000; 
float : right; 
border-bottom : 1px solid #999; 
border-top : 1px solid #999; 
border-left : 1px solid #999; 
border-right : 1px solid #999; 
} 
#coreright ul {
border-top : 1px solid #999; 
border-bottom : 1px solid #999; 
} 
#coreright li {
display : block; 
height : auto; 
width : 141px; 
margin : 2px; 
} 
#coreright a {
display : block; 
height : auto; 
padding : 2px; 
width : 133px; 
color : #fff; 
text-decoration : none; 
font-size : 10px; 
border : 0; 
} 
#coreright a:hover {
background : #222; 
color : #fff; 
} 
#coreright h2 {
padding : 0 0 0 2px; 
font-size : 12px; 
margin : 0; 
background : #ffcccc; 
color : #000; 
border-bottom : 2px solid #000; 
border-top : 2px solid #000; 
border-left : 2px solid #000; 
border-right : 2px solid #000; 
} 
#coreright h3 {
padding : 0 0 0 2px; 
font-size : 12px; 
margin : 0; 
background : #eee; 
color : #333; 
border-bottom : 2px solid #000; 
border-top : 2px solid #000; 
border-left : 2px solid #000; 
border-right : 2px solid #000; 
} 
#coreright h4 {
padding : 0 0 0 2px; 
font-size : 12px; 
margin : 0; 
background : #ccffcc; 
color : #000; 
border-bottom : 2px solid #000; 
border-top : 2px solid #000; 
border-left : 2px solid #000; 
border-right : 2px solid #000; 
} 
#coreright p {
padding : 5px; 
margin-top : 0; 
line-height : 12px; 
font-size : 10px; 
border-top : 1px solid #999; 
border-bottom : 1px solid #999; 
background : #000; 
} 
#corecenter {
vertical-align : top; 
width : 540px; 
height : auto; 
float : left; 
} 
#corecenter h1 {
color : #fff; 
font-weight : bold; 
font-size : 10px; 
} 
#corecenter h2 {
color : #fff; 
font-weight : bold; 
font-size : 16px; 
} 
#corecenter h3 {
color : #ff6666; 
font-weight : bold; 
font-size : 10px; 
} 
#corecenter p {
font-size : 12px; 
line-height : 16px; 
padding : 0 10px 10px; 
color : #bbb; 
} 
#corecenter ul {
padding : 5px; 
width : auto; 
} 
#corecenter li {
list-style : none; 
line-height : 5px; 
} 
#corecenter li a {
text-decoration : none; 
color : #a6c384; 
display : block; 
height : auto; 
padding : 4px; 
} 
#corecenter li a:hover {
background : #000; 
color : #fff; 
} 

#footer {
clear : both; 
width : 700px; 
height : 37px; 
background : #000; 
vertical-align : top; 
text-align : left; 
font-size : 10px; 
background : url(http://www.maerska.com/index_files/img_bottnav.jpg) no-repeat top right; 
} 
#footer p {
color : #fff; 
padding-right : 20px; 
} 
#footer a {
color : #fff; 
background : #000; 
} 
input, textarea, select {
background-color : rgb(50, 50, 50); 
border-style : solid; 
border-width : 1px; 
font-family : verdana, arial, sans-serif; 
font-size : 10px; 
color : rgb(255, 255, 255); 
padding : 0; 
} 
hr {
border : 0 none; 
border-top : 1px dashed #EEE; 
width : 100%; 
height : 0px; 
margin : 1 auto; 
} 


table {
width: 100%;  
border-style : dashed; 
border-width : 1px; 
color : #000; 
padding-left: 10px;
padding-right: 10px; 
padding-top: 0px;
padding-bottom: 0px
} 
td {
vertical-align: top;
padding-top: 2px;
padding-bottom: 0px
}
.tblouter {
border-style : none; 
border-width : 0px; 
background-color : #CCC; 
padding-left: 3px;
padding-right: 3px; 
}
.tbllite {
border-style : none; 
border-width : 0px;  
}
.hrsolid {
border-top : 1px dashed #555;
}
.cart {
font-weight: bold;
background-color: #fff;
color: #000;
}
.cartrev {
font-weight: bold;
background-color: #000;
color: #FFF; 
}
.cart a:hover{
background-color: #DDD;
}

.greenbutton {
font-weight : bold; 
background-color : #ccffcc; 
color : #000; 
} 

.whitebutton {
font-weight : bold; 
background-color : #ddd; 
color : #000; 
} 
.redbutton {
font-weight : bold; 
background-color : #ffcccc; 
color : #000; 
} 
.green {
color : #ccffcc; 
} 
.white {
color : #fff; 
} 
.whiteu {
  color: #FFF;
  text-decoration: underline;
}
.blacku {
  color: #000;
  text-decoration: underline;
}
.black {
color : #000; 
} 
.price {
font-weight : bold; 
color : #000; 
background-color : #FFF; 
text-decoration: underline;
}
.smallprice {
font-weight : bold; 
color : #000; 
font-size: 9px;
} 
.red {
font-weight : bold; 
color : #ff6666; 
} 

.tleft {text-align:left}
.tcenter {text-align: center}
.tright {text-align: right}
 
.middle-column-title-standard {
display : block; 
margin : 0 0 1px; 
padding : 2px 0; 
border-bottom : 2px solid rgb(70, 70, 70); 
background-color : rgb(50, 50, 50); 
} 
.middle-column-title-big {
display : block; 
margin : 0 0 1px; 
padding : 2px 0; 
border-bottom : 2px solid #333; 
border-top : 2px solid #333; 
background-color : #000; 
} 
.middle-column-title-right {
display : block; 
margin : 0 0 1px; 
padding : 2px 0; 
border-bottom : 2px solid rgb(60, 60, 60); 
background-color : rgb(30, 30, 30); 
text-align : right; 
} 
.middle-column-box-full-standard {
float : left; 
width : 540px; 
margin : 0 0 15px; 
padding : 0; 
background-color : rgb(20, 20, 20); 
color : rgb(180, 180, 180); 
} 
.middle-column-box-full-cart {
float : left; 
width : 540px; 
margin : 0 0 0px; 
padding : 0 0 0px 0; 
background-color : #555; 
color : #fff; 
} 
.middle-column-box-left-standard {
clear : left; 
float : left; 
width : 265px; 
margin : 0 0 2px; 
padding : 0; 
background-color : rgb(20, 20, 20); 
color : rgb(160, 160, 160); 
} 
.middle-column-box-right-standard {
float : right; 
width : 265px; 
margin : 0 0 2px; 
padding : 0; 
background-color : rgb(20, 20, 20); 
color : rgb(160, 160, 160); 
} 
.middle-column-img-left-halfsize-border {
float : left; 
width : 100px; 
margin : 2px 6px 2px 0; 
border : 1px solid #999; 
font-size : 10px; 
} 
.middle-column-img-right-halfsize-border {
float : right; 
width : 100px; 
margin : 0 2px 6px 6px; 
border : 1px solid #999; 
font-size : 10px; 
} 
.middle-column-img-left-fullsize-border {
float : left; 
width : 180px; 
margin : 2px 6px 2px 0; 
border : 1px solid #999; 
font-size : 10px; 
} 
.middle-column-img-right-fullsize-border {
float : right; 
width : 180px; 
margin : 0 2px 6px 6px; 
border : 1px solid #999; 
font-size : 10px; 
} 
.right-column-img-halfsize-border {
float : right; 
width : 100px; 
margin : 5px 3px 0 0; 
border : 12px solid #000; 
font-size : 10px; 
}