*{
margin: 0;
padding: 0;
font-family: 'Trebuchet MS', Verdana, Arial, Tahoma, Helvetica, sans-serif;
/*list-style-type: none;*/
color: #494949;
}

body {
background: #fff;
font-size: 0.8em;
}

#topNav {
background: #028163;
background: url('images/background.jpg');
background-repeat: repeat;
height: 40px;
width: 100%;
border-top: 4px solid #000;
border-bottom: 1px solid #000;
}

#topNav ul.M0 {
display: block;
width: 970px;
margin: 10px 30px 0 12px;
text-align: right;
}

#topNav ul.M0 li {
display: inline;
list-style-type: none;
padding: 6px 15px 6px 15px;
}

#topNav ul.M0 li a {
text-transform: uppercase;
color: #fff;
font-weight: bold;
text-decoration: none;
font-size: 0.9em;
}

#topNav ul.M0 li a.L1_Active {
color: #fbc800;
}

#topNav ul.M0 li a:hover {
color: #fbc800;
}

#designWrap {
width: 1000px;
text-align: left;
}


#topWrap, #topWrapSub {
width: 1000px;
height: 300px;
background-repeat: no-repeat;
}

#topWrapSub {
height: 200px;
}


/* ***************************** LEFT MENU ************************************ */

#logoMenu {
position: relative;
top: -30px;
left: 40px;
width: 220px;
}

#logoMenu ul.M0 {
display: block;
list-style-type: none;
}

#logoMenu ul.M0 li {
border-bottom: 1px solid #028163;
background: #efefef;
}

#logoMenu ul.M0 li.logo {
background: url('images/logo210.gif') no-repeat;
background-position: 5px 25px;
background-color: #efefef;
height: 51px;
padding: 30px 0 30px 0;
border: 0;
}

#logoMenu ul.M0 li.logo a.logoLink {
display: block;
width: 210px; 
height: 70px;
}

#logoMenu ul.M0 li.transparent {
height: 120px;
background: #fff;
opacity:0.6;
filter:alpha(opacity=60);
border: 0;
}

#topWrapSub #logoMenu ul.M0 li.transparent {
height: 40px;
background: #fff;
opacity:0.6;
filter:alpha(opacity=60);
border: 0;
}

#topWrapSub #logoMenu ul.M0 li.transparentTop {
height: 28px;
background: #fff;
opacity:0.6;
filter:alpha(opacity=60);
border-top: 1px solid #028163;
}

#logoMenu ul.M0 li.L2_Active, #logoMenu ul.M0 li.L2:hover{
background: #028163;
}

#logoMenu ul.M0 li a {
font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
font-size: 0.9em;
font-weight: normal;
text-decoration: none;
color: #000;
padding: 3px 0 3px 5px;
display: blocK;
width: 100%;
}
#logoMenu ul.M0 li.L2_Active a.L2_Active, #logoMenu ul.M0 li.L2 a:hover  {
color: #fff;
}


#logoMenu ul.M0 li.search {
padding: 5px 0 5px 5px;
}

#logoMenu ul.M0 li.search input.searchField {
border: 1px solid #999;
height: 20px;
width: 160px;
}
#logoMenu ul.M0 li.search input.searchSubmit {
background: transparent;
border: 0;
font-weight: bold;
text-transform: uppercase;
cursor: pointer;
font-size: 0.9em;
}

/* **** LEVEL3 ************************************************************ */
#logoMenu ul.M2 {
list-style-type: None;
}

#logoMenu ul.M2 li {
border-left: 10px solid #efefef;
border-bottom: 0px solid #028163;
background: #efefef;
border-top: 1px solid #efefef;
}

#logoMenu ul.M2 li.L3_Active {
border-left: 10px solid #efefef; /* #028163;*/
background: #028163;
}

#logoMenu ul.M2 li.L3:hover {
border-left: 10px solid #efefef;
background: #028163;
}

#logoMenu ul.M2 li.L3 a {
display: block;
width: 100%;
}
#logoMenu ul.M2 li.L3 a:hover {
color:#fff;
}

#logoMenu ul.M2 li.L3_Active a {
color:#fff;
}

/* **** LEVEL4 ************************************************************ */
#logoMenu ul.M3 {
list-style-type: None;
}

#logoMenu ul.M3 li {
border-left: 10px solid #efefef;
border-bottom: 0px solid #028163;
background: #efefef;
border-top: 1px solid #efefef;
}

#logoMenu ul.M3 li.L4_Active {
border-left: 10px solid #efefef; /* #028163;*/
background: #028163;
}

#logoMenu ul.M3 li.L4:hover {
border-left: 10px solid #efefef;
background: #028163;
}

#logoMenu ul.M3 li.L4 a {
display: block;
width: 100%;
color: #494949;
}
#logoMenu ul.M3 li.L4 a:hover {
color:#fff;
}

#logoMenu ul.M3 li.L4_Active a {
color:#fff;
}

/* *************************************** CONTENT ELEMENTS *********************************** */

#contentWrap {
float: right;
width: 720px;
display: block;
}

div.content {
min-height: 400px;
margin-top: 20px;
}

div.content img {
padding: 5px;
}

#contentWrap div.Legend {
font-size: 0.85em;
color: #999;
}

#contentWrap div.Legend span.Legend a.Legend {
color: #999;
font-weight: normal;
text-decoration: none;
}

#contentWrap div.Legend span.Legend a.Legend:hover {
text-decoration: underline;
}

#footer {
font-size: 0.85em;
text-align: left;
margin: 15px 0 15px 0;
padding-right: 0px;
padding-bottom: 30px;
border-top: 1px solid #efefef;
}


#footer ul.M1 {
display: block;
float: left;
width: 720px;
}

#footer ul li.L2 {
list-style-type: none;
display: inline;
padding: 0 10px 0 0;
}

div.clear {
clear: both;
}





/* ************************************************************ PARA SETUP - FRONT ******************* */
div.content ul.frontPageWrap {
/*min-height: 200px;*/
list-style-type: none;margin: 0;
}
ul.frontPageWrap li.item {
width: 223px;
min-height: 40px;
/*max-height: 240px;*/
border: 0px solid #efefef;
margin-bottom: 10px;
}

ul.frontPageWrap li.item:hover {
background: #efefef;
cursor: pointer;
}

ul.frontPageWrap li.left {
float: left;
margin: 0;
margin-right: 25px;
}

ul.frontPageWrap li.right {
margin: 0;
float: right;
}

ul.frontPageWrap li.noLink:hover {
cursor: default;
}
div.overlayImg {
width: 223px;
height: 91px;
}

div.overlayImg img{
width: 223px;
/*height: 91px;*/
}

div.overlay {
height: 22px;
width: 223px;
background: #000;
position: relative;
top: 0;
left: 0;
opacity:0.6;
filter:alpha(opacity=60);
}

div.overlayHeader {
position: relative;
top: -22px;
left: 5px;
}

ul.frontPageWrap li.item h2.front {
color: #fff;
text-transform: uppercase;
}

div.itemText {
padding: 5px;

}

div.address {
margin-top: 20px;
border: 1px solid #efefef;
font-size: 0.9em;
padding: 5px;
}

div.address h2{
color: #fff;
background: #028163;
width: 218px;
font-size: 1.4em;
margin: -5px 0 0 -5px;
text-indent: 5px;
}

/* ****************************************** PARA SETUP - 2 COLUMNS ********************** */

div.contentLeft {
float: left;
width: 480px;
}
div.contentRight {
float: right;
width: 223px;
font-size: 0.85em;
}

/* ***************************************************** FONTS *********************************** */

h1, h1.h1 {
font-size: 1.6em;
}

h2, h2.h2 {
font-size: 1.2em;

}
p {
margin: 0;
padding: 0;
}


#contentWrap a {
/*color: #494949;*/
color: #028163;
font-weight: normal;
text-decoration: none;
}
#contentWrap a:hover {
text-decoration: underline;
background: #efefef;
}
#contentWrap ol {
margin: 1em 0 1em 35px; 
list-style-type: decimal;
}

div.content ul {
margin: 1em 0 1em 35px; 
list-style-type: square;
}


/* **************************************************** NEWS V2 ********************************** */


#logoMenu div.news {
border: 1px solid #efefef;
border-bottom: 0;
margin-top: 14px;
}

div.news h2.h2 {
padding: 2px 0 1px 0;
text-indent: 5px;
background: #028163;
color: #fff;
width:100%;
}

ul#newslist {
border-top: 1px solid #efefef;
list-style-type: none;
margin: 0;
}

#logoMenu  ul#newslist li {
border-bottom: 1px solid #efefef;
padding: 3px 5px 3px 5px;
}

ul#newslist li:hover {
background: #efefef;
cursor: pointer;
}

ul#newslist li.moreNews {
text-align: right;
}

ul#newslist li.moreNews:hover {
background: #fff;
}

#logoMenu  ul#newslist li a {
color: #494949;
text-decoration: none;
font-size: 0.9em;
}




#contentWrap div.newsImg {
float: left;
width: 100px;
height: auto;
margin-right: 10px;
background: #fff;
}

div.newsImg  img{
max-width: 100px;
max-height: 120px;
overflow: hidden;
padding: 0;
}

div.newsManchet {
float: right;
width: 360px;
min-height: 120px;
border: 0px solid red;
}

#contentWrap ul#newslist li {
min-height: 120px;
border-bottom: 1px solid #efefef;
padding: 5px;
}


div.newsArticle img{
padding: 5px;
}


/* ************************************************ NEWSLETTER (UN)SUBSCRIBE ******************** */

/*
div.newsletterSubscribe {
border: 1px solid #efefef;
padding: 5px;
width: 200px;
height: auto;
}

div.newsletterSubscribe .newsInput {
width: 195px;
height: 18px;
border: 1px solid #028163;
}

div.newsletterSubscribe .newsSubmit {
border: 0;
background: #028163;
color: #fff;
cursor: pointer;
margin-top: 5px;
}

div.newsletterSubscribe a {
text-align: right;
margin-top: 5px;
}
*/



#newsletterSubscribe input {
width: 221px;
border: 1px solid #028163;
}

#newsletterSubscribe div.newsletterSubmit input {
margin-top: 5px;
width: 223px;
background: #028163;
color: #fff;
border: 0;
cursor: pointer;
}

#newsletterSubscribe div.newsletterDecline {
text-align: right;
margin-top: 12px;
}



/* ************************************************* SITEMAP ************************************* */
#alphaIndex {
width: 30px;
float: left;
min-height: 80px;
background: #efefef;
padding: 0 0 0 10px;
}

#alphaIndex h2 {
font-size: 2.0em;
}
#alphaMap {
float: left;
width: 670px;
border-bottom: 1px solid #efefef;
min-height: 80px;
padding-left: 10px;
}

#alphaMap ul {
display: block;
list-style-type: none;
margin: 0;
}
#alphaMap ul li{
display: inline;
padding-right: 10px;
}
#alphaMap ul li a{
white-space: nowrap;
}


/* **** alpha listing for section headers - templates/sitemapV2/sitemapv2_aphabeticFront.html **** */

div.itemText, div.itemText span.item a{
font-size: 0.9em;
}

div.itemText span.item428, div.itemText span.item429 {
display: none;
}

#contentWrap a.itemLink {
}


/* ******************************* PRODUCT CATALOGUE ******************************************* */



#productList {
width: 720px;
height: auto;
}


#productListItem {
width: 350px;
float: left;
padding: 5px;
margin-bottom: 5px;
min-height: 140px;
}

#productListItem:hover {
background: #efefef;
cursor: pointer;
}

div.productListImage {
float: left; 
width: 110px;
background: #fff;
text-align: center;border: 1px solid #efefef;
}

div.productListImage img.productListImgSmall {
max-width: 100px;
max-height: 110px;
margin: 5px;
padding: 0;

}
div.productListText {
float: right;
width: 235px;
min-height: 110px;
}
div.productListLink {
width: 235px;
text-align: right;
}


#showProduct {
}

div.productImage {
width: 358px;
float: left;
text-align: center;
border: 1px solid #ccc;
}
div.productImage img {
max-width: 350px;
max-height: 350px;
border: 0;
}
div.productText {
width: 350px;
margin-right: 10px;
float: left;
}

div.productText table {
width: 100%;
/*border-top: 1px solid #ccc;
border-right: 1px solid #ccc;*/
}

div.productText table td{
/*border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;*/
padding: 2px;
width: 50%;
white-space: nowrap;
}

div.productVariant {
width: 720px;
}

div.productVariant table {
width: 720px;
margin: 0; 
padding: 0;
}
div.productVariant table tr.header {
font-weight: bold;
background: #efefef;
}

div.productVariant table tr td {
border-bottom: 1px solid #efefef;
padding: 2px;
}

div.productVariant table tr:hover{
background: #efefef;
}

div.productVariant table tr td.number { 
width: 100px;
text-align: right;
padding-right: 2px;
border-right: 1px solid #fff;
}

div.productVariant table tr td.unit { 
width: 100px;
text-align: right;
padding-right: 2px;
}

div.productVariant table tr td.hidden {
width:1px;
}

/* SETTER MOUSEOVER På PRODUKTBILDE  */

/*
div.productImage a .large {
	border: 0px;
	display: block;
	height: 1px;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 1px;
}

div.productImage a img {
	border: 0;margin: 0; padding: 0;
width: 100%;
}

div.productImage a.p1, #pic a.p1:visited {
	display: block;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 100%;
}

div.productImage a.p1:hover {
	text-decoration: none;
}

div.productImage a.p1:hover img.prodImg {
display: none;
}
div.productImage a.p1:hover .large {
	display: block;
width: 100%;
height: 100%;
	position: relative;
	top: -200px;
	right: 0px;
z-index: 99;
}

*/


/* *************************************** PRODUCT SEARCH ******************************** */


#productSearch {
font-weight: Bold;
}

#productSearch div {
padding-bottom: 5px;
}

#productSearch select{
width: 404px;
}

div.productSearchCategory {
width: 100%;
display
}

/* *************************************** SEARCH V1 EXTENDED ******************************** */

#searchBox {
padding-bottom: 12px;
}

ol.searchResults li {
padding: 6px 2px 6px 6px;
border-bottom: 1px solid #efefef;
}

ol.searchResults li:hover {
background: #efefef;
cursor: pointer;
}

ol.searchResults li strong {
color: #028163;
}

ol.searchResults li a.searchResultLink {
font-size: 1.1em;
text-decoration: underline;
}

/* **** common search elements **** */

input.searchInput {
width: 400px;
}

input.searchButton {
background: #028163;
color: #fff;
border: 0;
width: 140px;
text-align:center;
margin-top: 4px;
}

input.searchButton:hover {
cursor: pointer;
}
span.uppercase {
text-transform: uppercase;
}



img.simg { /* search result icon */
position: relative;
top: 7px;
left: -10px;;

}