/* *****************************************************

CSS FOR HAMMERVOLD SHIPPING - DYNAMICWEB LIGHT

***************************************************** */

* {
margin: 0;
padding: 0;

}
body {
font-family: 'Trebuchet MS', Helvetica, Tahoma, Verdana, Arial,  sans-serif;
font-size: 13px;
background: #efefef;
color: #6a6b6c;
}


#designWrap {
text-align: left;
width: 997px;
height: auto;
background: #fff;
margin: 15px 0 0 0;
border: 1px solid #999;
border-right: 2px solid #999;
border-bottom: 2px solid #999;
}
#logo {
float: left;
background: url('images/Logo_150px.gif') no-repeat;
width: 150px;
height: 145px;
margin-top: 15px;
}
#logo a.logo, #logo a.logo span.logo {
width: 150px;
height: 121px;
cursor: pointer;

}
#logo a.logo span.logo h1 {
visibility: visible;
}


#adresse {
width: 160px;
height: 130px;
float: right;
text-align: right;
margin: 15px 15px 0 0;
font: small-caps bold 12px arial
}
#adresse a {
color: #6a6b6c;
text-decoration: none;
}

#adresse a:hover {
color: #000066;
text-decoration: underline;
}


#topNav {
border-top: 4px solid #000066;
}
#topNav ul.M0 {
display: block;
}
#topNav ul.M0 li {
display: inline;
list-style-type: none;
padding: 0 15px 4px 15px;
border-right: 1px solid #fff;
background: url(images/nav_grey.gif) no-repeat;
background-position: top right;
/*#efefef;*/
}
#topNav ul.M0 li a {
color: #000066;
text-decoration: none;
}
#topNav ul.M0 li.L1_Active, #topNav ul.M0 li:hover {
/*background: #000066;*/
background: url(images/nav_blue.gif) no-repeat;
background-position: top right;
}
#topNav ul.M0 li.L1_Active a.L1_Active, #topNav ul.M0 li.L1 a.L1:hover {
color: #fff;
}

div.legend {
margin: 4px 0 0 15px;
}
div.legend span.Legend, div.legend span.Legend a.Legend {
color: #999;
font-size: 11px;
text-decoration: none;
}
div.legend span.Legend a.Legend:hover {
text-decoration: underline;
}


#contentWrap {
margin: 15px 15px 15px 0;
width: 982px;
}
#leftNav {
width: 200px;
float: left;
}
#leftNav ul.M0 {
display: block;
border-top: 1px solid #000066;
}
#leftNav ul.M0 li {
list-style-type: none;
padding: 2px 0 2px 15px;
border-bottom: 1px solid #000066;
}
#leftNav ul.M0 li a {
color: #000066;
width: 152px;
text-decoration: none;
}
#leftNav ul.M0 li.L2_Active, #leftNav ul.M0 li:hover {
background: #efefef;
}
#leftNav ul.M0 li.L2_Active a.L2_Active, #leftNav ul.M0 li.L2 a.L2:hover {
/*color: #fff;*/
}

.leftImg {
margin: 0 0 5px 20px;
opacity: 0.4;
filter:alpha(opacity=40);
border: 1px solid #000066;
}

#content {
margin: 0 0 0 15px;
width: 767px;
min-height: 400px;
float: right;
}

#content img {
margin: 5px;
border: 0;
}

div.contentRight {
float: right; 
width: 180px;
margin-left: 12px;
}


#footer {
text-align: center;
font-size: 11px;
color: #999;
padding: 0 0 10px 0;
}
#payOff {
width: 997px;
font-size: 10px;
color: #999;
text-align: right;
}

#payOff a {
font-size: 10px;
color: #999;
text-decoration: none;
}

#payOff a:hover {
color: #000066;
text-decoration: underline;
}

hr {
color: #616b6c;
height: 1px;
margin: 4px 0 4px 0;
}
div.clear {
clear: both;
height: 1px;
width: 1px;
}

/* ********** PARA SETUP ************************************************************* */
div.paraMap {
float: left;
width: 587px;
}
div.paraWeather {
float: right;
width: 180px;
margin-top: -10px;
}

/* ********** FONTS ************************************************************* */
h1.h1,h1 {
color: #000066;
font-size: 22px;
font-weight: normal;
margin-bottom: 8px;
}
h2.h2, h2 {
font-size: 18px;
font-weight: normal;
}
h3.h3, h3 {
font-size: 16px;
font-weight: normal;
color: #000066;
}
h4.h4, h4 {
font-size: 16px;
font-weight: normal;
}
#content p, #content ol, #content ul, #content div, #content td {
line-height: 20px;
}
#content ol, #content ul {
margin: 20px 0 20px 35px;
}
#content ul li {
list-style-type: square;
}
.text2 {
color: #000066;
}
.text3 {
font-size: 12px;
}
small {
font-size: 11px;
}
#content a {
color: #000066;
}

#content a:hover {
color: #6a6b6c;
}