* { 
    -moz-box-sizing: border-box; 
}
body{
	background:#89E16B;
	margin : 20px 20px 20px 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
}
form{
 margin : 0px 0px 0px;
}
h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : x-small;
	font-weight : bold;
}

h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : small;
	font-weight : bold;
}
.navbarbg{
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-style: normal;
font-weight: normal;
}
.navbarbg a{
display: block;
 color : Black;
 background-image : url(../images/menu/menubg.jpg);
 border-top : 1px solid #CCCCCC;
 border-right : 1px solid #CCCCCC;
 border-left : 1px solid #CCCCCC;

}
.navbarbg a:link{
background-color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-style: normal;
font-weight: normal;
height: 20px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 4px;
text-align: center;
text-decoration: none;
width: 100%;
}
.navbarbg a:visited{
background-color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-style: normal;
font-weight: normal;
height: 20px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 4px;
text-align: center;
text-decoration: none;
width: 100%;
}
.navbarbg a:hover{
color: #B22222;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-style: normal;
font-weight: normal;
height: 20px;
padding-bottom: 0px;
padding-top: 4px;
width: 100%;
}
.navbarbg a:active{
background-color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-style: normal;
font-weight: normal;
height: 20px;
padding-bottom: 0px;
padding-top: 4px;
text-align: center;
text-decoration: none;
width: 100%;
}

.xCellBorder{
background-color: #FFFFFF;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}

.xTopCell{
background-color: #000000;
width: 100%;
}
/*formats the search box in the shoppage_header file.*/
.searchfield{
background-color: #FFFFFF;
border-bottom-color: #000000;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: #000000;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #000000;
border-right-style: solid;
border-right-width: 1px;
border-top-color: #000000;
border-top-style: solid;
border-top-width: 1px;
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
font-style: normal;
font-weight: normal;
}
/*formats the display of the text boxes throughout the front end*/
.txtfield{
background-color: #FFFFFF;
border-bottom-color: #000000;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: #000000;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #000000;
border-right-style: solid;
border-right-width: 1px;
border-top-color: #000000;
border-top-style: solid;
border-top-width: 1px;
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-style: normal;
font-weight: normal;
}
.txtfielddropdown{
background-color: #FFFFFF;
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-style: normal;
font-weight: normal;
}
.menuhdr{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color : #365b84;
	color : White;
	font-size : x-small;
	font-weight : bold;
	padding : 4px 0px 4px 2px;
	text-align : left;
}
.menubdr{
	background-color : #B3B7BB;
}
.dashed{
	border-left : 1px solid #cccccc;
	border-right : 1px solid #cccccc;
	border-bottom : 1px solid #cccccc;
	background-color : #F7F7F7;
}

.leftmenumain a{
	border-top : 1px solid #D3D3D3;
	display: block;
}
.leftmenumain{
background-color: #F7F7F7;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-style: normal;
font-weight: bold;
text-align: left;
}
.leftmenumain a:link{
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
font-style: normal;
font-weight: normal;
padding-bottom: 7px;
padding-left: 4px;
padding-top: 6px;
text-align: left;
text-decoration: underline;
width: 100%;
}
.leftmenumain a:visited{
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
font-style: normal;
font-weight: normal;
padding-bottom: 7px;
padding-left: 4px;
padding-top: 6px;
text-align: left;
text-decoration: underline;
width: 100%;
}

.leftmenumain a:hover{
background-color: #EEEEEE;
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
font-style: normal;
font-weight: normal;
padding-bottom: 7px;
padding-left: 4px;
padding-top: 6px;
text-align: left;
text-decoration: none;
width: 100%;
}

.leftmenumain a:active{
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
font-style: normal;
font-weight: normal;
padding-bottom: 7px;
padding-left: 4px;
padding-top: 6px;
text-align: left;
text-decoration: underline;
width: 100%;
}

.dottedBorder {
	border: 1px dotted #cccccc; 
	background-color: #F9F9F9;
	padding: 5px	
}

.submitbtn {
   color:#666666;
   font-family: Tahoma,Arial, Helvetica, sans-serif;
   background-color: #efefef;
   font-size: x-small;
   font-weight: bold;
   border:1px solid #aaaaaa;
}

/*formats the header text throughout the site*/
.txtheader{
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-style: normal;
font-weight: bold;
}
/*formats the mini cart subtotal  in the right menu*/
.cartsubtotalminicart{
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-style: normal;
font-weight: bold;
text-align: right;	
}
/*formats the links in the minicart*/

.cartminilinks{
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
font-style: normal;
font-weight: bold;
text-align: left;
}
.cartminilinks a:link{
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
font-style: normal;
font-weight: normal;
text-align: left;
}
.cartminilinks a:visited{
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
font-style: normal;
font-weight: normal;
text-align: left;
}
.cartminilinks a:hover{
color: #FF0000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
font-style: normal;
font-weight: normal;
text-align: left;
}
.cartminilinks a:active{
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
font-style: normal;
font-weight: normal;
text-align: left;
}

.hdrproduct{
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-style: normal;
font-weight: bold;
}

/*Footer */

div#footer{
clear:both;
background: url('images/footer-bg.jpg') top repeat-x;
margin:20px 0 0px 55px;
padding:15px 0 20px 20px;
height:90px;
}

#footer strong{
color:#1B638A;
font-size:12px;
font-weight:bold;
}

#footer #first{
float:left;
width:200px;
margin:0 10px 0 0;

}

#footer #second{
float:left;
width:200px;
margin:0 30px 0 0;
}

#footer #third{
float:left;
width:200px;
margin:0 0px 0 0;
}

/*Sidens "bokser"*/

div#left_menu{
float:left;
background: url('images/menu-bottom.jpg') left bottom no-repeat;
padding:0 0 189px 0;
width:194px;
}

/*Venstre meny */

ul#navlist{
/*float:left;*/
width:150px;
background:#FFFFFF;
padding:0px 0px 1px 1px;
background: url('images/menu-rep.jpg') left repeat-y;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#navlist li{
list-style: none;
margin:0 0 10px 5px!important;
margin:0 0 10px 5px;
text-align: left;
}

#navlist li a{
display: block!important;
display:inline;
padding: 5px 0.5em 2px 0.5em!important;
padding: 3px 0.5em 2px 0.5em;
border-bottom: 1px solid #D2E0E7;
text-decoration: none;
font-size:11px;
font-weight:bold;

}

#navlist li a:link { color: #999999; }
/*#navlist li a:visited { color: #999999; }*/

#navlist li a:hover{
padding: 5px 0.5em 2px 0.3em!important;
padding: 3px 0.5em 2px 0.3em;
}

#navlist_2 ul li#current a{ /* Viser den siden som brukeren har klikket seg inn på */
border-left: 3px solid #999999;
color: #999999;
padding: 5px 0.5em 2px 0.5em!important;
padding: 3px 0.5em 2px 0.5em;
}

/**********************************************
		Forskjellig styling på knappene
***********************************************/
ul#navlist a.graa{
color:#99CCFF;
}
ul#navlist a:hover.graa{
color:#99CCFF;
border-left: 3px solid #99CCFF;
}

ul#navlist a.rod{
color:#C43C3C;
}
ul#navlist a:hover.rod{
color:#C43C3C;
border-left: 3px solid #C43C3C;
}


ul#navlist a.undervann{
color:#0066CC;
}
ul#navlist a:hover.undervann{
color:#6BA6E1;
border-left: 3px solid #0066CC;
}


ul#navlist a.natur{
color:#FF9900;
}
ul#navlist a:hover.natur{
color:#FFC46B;
border-left: 3px solid #FF9900;
}


ul#navlist a.reisebilder{
color:#33CC00;
}
ul#navlist a:hover.reisebilder{
color:#89E16B;
border-left: 3px solid #33CC00;
}


ul#navlist a.indigenous{
color:#990099;
}
ul#navlist a:hover.indigenous{
color:#C46BC4;
border-left: 3px solid #990099;
}