﻿* {
margin:0;
padding:0;
font-family:verdana, arial, sans-serif;
list-style-type:none;
}


html {
height:100%;
}


body {
height:100%;
background-image:url(images/bg.gif);
background-position:top center;
}


#top_image_container {
 margin:10px 0;
}








br.clearfix {
 display:block;
 font-size:0;
 height:0;
 clear:both;
}


.tab_content {
 display:none;
}


div.groupNakamura {
margin-left:15px;
width:290px;
height:290px;
display:block;
float:left;
border-bottom:1px dotted #eee;
font-size:11px;
}




div.groupNakamura div.image {
height:180px;
vertical-align:bottom;
overflow:hidden;
}


div.groupNakamura p {
margin:0;
padding:0;
display:block;
height:65px;
overflow:hidden;
}






/*
div.groupNakamura img {
position:absolute;
bottom:0;
}
*/


div.groupNakamura a.knapp {
color:#000;
font-weight:bold;
text-decoration:none;
display:block;
}
























table.produkt_tabell {
border-top:4px solid #000;
width:100%;
}


table.produkt_tabell tr td.td01 {
width:460px;
border-right:4px solid #000;
padding:10px;
vertical-align:top;
}




#relaterte_varer {
padding-top:3px;
margin-top:3px;
display:block;
list-style-type:none;
}


#relaterte_varer div {
padding-left:10px;
width:110px;
height:115px;
float:left;
text-align:center;
}


#relaterte_varer div img {
height:80px;
}


#relaterte_varer div a {
display:block;
font-size:11px;
color:#000;
text-decoration:none;
font-weight:bold;
}


#relaterte_varer div a span {
display:block;
font-weight:normal;
}










#produkt_visning {
padding:10px;
}


#produkt_visning img {
float:left;
}


#produkt_tekst {
padding-top:10px;
display:block;
height:200px;
overflow:auto;
}


#produkt_tekst p {
padding-bottom:10px;
}




#produkt_data {
display:block;
width:240px;
float:right;
}


#produkt_data h4 {
font-size:12px;
}


#produkt_data a {
color:#000;
text-decoration:none;
font-size:12px;
font-weight:bold;
}


#relaterte {
clear:both;
}




a.knapp:hover {
background-position:bottom left;
}


a.knapp {
font-size:11px;
}


a.knapp:hover span {
background-position:bottom right;
}








#bg_01 {
background-color:#000;
/*background-image:url(images/bg_tile.png);
background-repeat:repeat-y;
background-position: center center;*/
width:971px;
margin:auto;
padding-bottom:15px;
}




#main_top {
background-image:url(images/bg.gif);
background-position:top center;
height:20px;
}




#main_logo {
background-image:url(images/bg_top.png);
background-repeat:no-repeat;
background-position:top left;
margin-top:-9px;
position:relative;
}


#main_logo h1 {
display:none;
}


#main_logo a.logo {
text-indent:-4000px;
display:block;
margin-left:20px;
background-image:url(images/01.gif);
background-repeat:no-repeat;
background-position:0 20px;
height:70px;
width:300px;
}


#main_logo ul {
position:absolute;
top:35px;
right:20px;
height:25px;
padding-left:5px;
}


#main_logo ul li {
list-style-type:none;
display:inline;
padding:0 2px 0 2px;
}


#main_logo ul li a {
line-height:20px;
color:#ddd;
text-decoration:none;
font-size:10px;
}


#hidden_menus {
display:block;
margin:0 auto;
position:relative;
width:945px;
padding:0;
z-index:99;
}


#hidden_menus ul li {
margin:0;
padding:0;
display:block;
height:18px;
}






#white_container {
 position:relative;
 width:945px;
 margin:0 auto;
 background-image:url('images/02.gif');
 background-repeat:repeat-x;
 background-position:top;
 background-color:#fff;
 padding:20px 0 20px 0;
}


table.container {
width:100%;
}




/* produkter */




div.product {
display:inline;
width:160px;
float:left;
margin:0 0 20px 10px;
}


div.product div {
background-position:50% 50%;
height:130px;
width:130px;
margin:auto;
}


div.product a {
margin-left:50px;
font-size:12px;
color:#000;
text-decoration:none;
font-weight:bold;
}


div.product h4 {
font-style:italic;
margin-left:50px;
font-size:11px;
font-weight:normal;
}




/* slutt produkter */








/* meny knapper */


ul.main_menu {
width:945px;
height:55px;
margin:0 auto;
background-image:url('images/main_menu_bg.gif');
background-repeat:repeat-x;
position:relative;
}


ul.main_menu li {
display:block;
float:left;
cursor:pointer;
}


ul.main_menu li a {
background-repeat:no-repeat;
display:block;
float:left;
height:55px;
width:60px;
}


ul.main_menu li a span {
display:none;
}


ul.main_menu li.sok {
background-image:url('images/sok.gif');
width:200px;
height:55px;}


ul.main_menu li.terreng a  { background-image:url('images/terreng.gif'); }
ul.main_menu li.race a     { background-image:url('images/race.gif'); }
ul.main_menu li.hybrid a   { background-image:url('images/hybrid.gif'); }
ul.main_menu li.dirt a     { background-image:url('images/dirt.gif'); }
ul.main_menu li.touring a  { background-image:url('images/touring.gif'); }
ul.main_menu li.cruiser a  { background-image:url('images/cruiser.gif'); }
ul.main_menu li.junior a   { background-image:url('images/junior.gif'); }
ul.main_menu li.barn a     { background-image:url('images/barn.gif'); }
ul.main_menu li.verktoy a  { background-image:url('images/verktoy.gif'); }
ul.main_menu li.utstyr a   { background-image:url('images/utstyr.gif'); }
ul.main_menu li.hjelmer a  { background-image:url('images/hjelmer.gif'); }
ul.main_menu li.klaer a    { background-image:url('images/klaer.gif'); }
ul.main_menu li.sko a      { background-image:url('images/sko.gif'); }




ul.main_menu li.terreng a.aktiv,  
ul.main_menu li.terreng a:hover  
{ background-image:url('images/mouseover/terreng.gif'); }

ul.main_menu li.race a.aktiv,  
ul.main_menu li.race a:hover     
{ background-image:url('images/mouseover/race.gif'); }

ul.main_menu li.hybrid a.aktiv,  
ul.main_menu li.hybrid a:hover   
{ background-image:url('images/mouseover/hybrid.gif'); }

ul.main_menu li.dirt a.aktiv,  
ul.main_menu li.dirt a:hover     
{ background-image:url('images/mouseover/dirt.gif'); }

ul.main_menu li.touring a.aktiv,  
ul.main_menu li.touring a:hover  
{ background-image:url('images/mouseover/touring.gif'); }

ul.main_menu li.cruiser a.aktiv,  
ul.main_menu li.cruiser a:hover  
{ background-image:url('images/mouseover/cruiser.gif'); }

ul.main_menu li.junior a.aktiv,  
ul.main_menu li.junior a:hover   
{ background-image:url('images/mouseover/junior.gif'); }

ul.main_menu li.barn a.aktiv,  
ul.main_menu li.barn a:hover     
{ background-image:url('images/mouseover/barn.gif'); }

ul.main_menu li.verktoy a:hover  
{ background-image:url('images/mouseover/verktoy.gif'); }

ul.main_menu li.utstyr a:hover   
{ background-image:url('images/mouseover/utstyr.gif'); }

ul.main_menu li.hjelmer a:hover  
{ background-image:url('images/mouseover/hjelmer.gif'); }

ul.main_menu li.klaer a:hover    
{ background-image:url('images/mouseover/klaer.gif'); }

ul.main_menu li.sko a:hover      
{ background-image:url('images/mouseover/sko.gif'); }


/* meny form */


.search_text {
width:130px;
height:18px;
background-color:#fff;
border:1px solid #bbb;
margin:15px 0 0 10px;
padding-left:5px;
font-size: 11px; /* added by DM */
}


.search_button {
margin:15px 0 0 0;
background-image:url('images/search_button.gif');
border:0;
width:26px;
height:20px;
}


/* slutt p? menyknapper */






/* navigator med iconer */


#navigator {
margin:4px;
}


#navigator li {
list-style-type:none;
}


#navigator li a {
background-position:2px 50%;
background-repeat:no-repeat;
line-height:18px;
padding:1px 0 1px 0;
font-size:10px;
color:#fff;
text-decoration:none;
}


#navigator li a:hover {
text-decoration:underline;
}


/*
#navigator li.nav_01 a { background-image:url('images/nav/01.gif'); }
#navigator li.nav_02 a { background-image:url('images/nav/02.gif'); }
#navigator li.nav_03 a { background-image:url('images/nav/03.gif'); }
#navigator li.nav_04 a { background-image:url('images/nav/04.gif'); }
#navigator li.nav_05 a { background-image:url('images/nav/05.gif'); }
#navigator li.nav_06 a { background-image:url('images/nav/06.gif'); }
*/










#navigator_front {
list-style-type:none;
margin:0;
padding:0;
}


#navigator_front li {
list-style-type:none;
}


#navigator_front li a {
background-position:2px 50%;
background-repeat:no-repeat;
line-height:18px;
padding:1px 0 1px 0;
font-size:10px;
color:#000;
text-decoration:none;
}


#navigator_front li a:hover {
text-decoration:underline;
}




/* slutt p? navigator */








/* br?dsmuler */




#breadcrum {
float:right;
margin-right:25px;
display:block;}


#breadcrum li {
list-style-type:none;
display:inline;
}


#breadcrum li a {
background-image:url('images/tabs/breadcrum_pointer.gif');
background-position:5px 50%;
background-repeat:no-repeat;
font-size:10px;
text-decoration:underline;
color:#fff;
padding:0 0 0 10px;
display:block;
float:left;
}


/* slutt br?dsmuler */




/* gr?nne tabs */


ul.page_tabs {
 width:600px;
 margin:0 0 0 13px;
 display:block;
}


ul.page_tabs li {
 list-style-type:none;
 display:block;
 float:left;
   border-bottom:2px solid #fff;
}


ul.page_tabs li a {
 background-image:url('images/tabs/01.gif');
 background-position:top left;
 background-repeat:no-repeat;
 font-size:10px;
 color:#fff;
 text-decoration:none;
 padding:0 0 0 20px;
 display:block;
 cursor:pointer;
}




ul.page_tabs li a span {
 background-image:url('images/tabs/02.gif');
 background-position:top right;
 background-repeat:no-repeat;
 padding:0 20px 0 0;
 line-height:17px;
 display:block;
}


ul.page_tabs li.selected a {
 background-position:bottom left;
 color:#000;
}
ul.page_tabs li.selected a span {
 background-position:bottom right;
}










/* slutt gr?nne tabs */








/* hidden menus */


ul.sub_menu {
list-style-type:none;
display:none;
position:absolute;
filter:alpha(opacity=90);
-moz-opacity:.9;
opacity:.9;
background-color:#000;
width:49px;
padding:5px 5px 10px 5px;
border:1px solid #333;
margin-left:-2px;
}


ul.sub_menu li a {
display:block;
padding:0px;
text-decoration:none;
color:#fff;
font-size:10px;
}


#layer111 {z-index:99;top:0;left:0;margin-left:0;}
#layer112 {z-index:99;top:0;left:60px;}
#layer113 {z-index:99;top:0;left:120px;}


#layer201001 {z-index:99;top:0;left:0;margin-left:0;}
#layer201002 {z-index:99;top:0;left:60px;}
#layer201003 {z-index:99;top:0;left:120px;}




#layer1 {z-index:99;top:0;left:0;margin-left:0;}
#layer2 {z-index:99;top:0;left:60px;}
#layer3 {z-index:99;top:0;left:120px;}
#layer4 {z-index:99;top:0;left:180px;}


#layer5 {z-index:99;top:0;left:240px;}
#layer6 {z-index:99;top:0;left:300px;}
#layer7 {z-index:99;top:0;left:360px;}
#layer8 {z-index:99;top:0;left:420px;}
#layer9 {z-index:99;top:0;right:0;}


#layer10 {z-index:99;top:0;left:0;margin-left:0;}
#layer11 {z-index:99;top:0;left:60px;}
#layer12 {z-index:99;top:0;left:120px;}




#layer13 {z-index:99;top:0;left:0;margin-left:0;}
#layer14 {z-index:99;top:0;left:60px;}
#layer15 {z-index:99;top:0;left:120px;}
#layer16 {z-index:99;top:0;left:180px;}














H1.h1 {
                        font-family: tahoma, verdana, arial, helvetica, sans-serif;
                        font-size: 14px;
                        font-weight: bold;
                        color: #000;
            }


            H2.h2 {
                        font-family: tahoma, verdana, arial, helvetica, sans-serif;
                        font-size: 11px;
                        font-weight: bold;
                        color: #8f8f8f;
            }


            H3.h3 {
                        font-family: tahoma, verdana, arial, helvetica, sans-serif;
                        font-size: 12px;
                        font-weight: bold;
                        color: #000;
            }


            H4.h4 {
                        font-family: tahoma, verdana, arial, helvetica, sans-serif;
                        font-size: 11px;
                        font-weight: bold;
                        color: #8f8f8f;
            }


            p {
                        font-family: tahoma, verdana, arial, helvetica, sans-serif;
                        font-size: 11px;
                        font-weight: normal;
                        color: #000;
}


            .text2 {
                        font-family: tahoma, verdana, arial, helvetica, sans-serif;
                        font-size: 11px;
                        font-weight: normal;
                        color: #8f8f8f;
            }


            .text3 {
                        font-family: tahoma, verdana, arial, helvetica, sans-serif;
                        font-size: 10px;
                        font-weight: normal;
                        color: #8f8f8f;
            }


            small {
                        font-family: tahoma, verdana, arial, helvetica, sans-serif;
                        font-size: 11px;
                        font-weight: normal;
                        font-style: italic;
                        color: #000;
            }




/* standard a links til shop paging */
#paging {
padding: 10px;
}


#paging a {
                        font-family: tahoma, verdana, arial, helvetica, sans-serif;
                        font-size: 11px;
                        font-weight: bold;
                        font-style: normal;
                        text-decoration: none;
                        color: #000;
}
#paging a:hover {
                        font-family: tahoma, verdana, arial, helvetica, sans-serif;
                        font-size: 11px;
                        font-weight: bold;
                        font-style: normal;
                        text-decoration: underline;
                        color: #000;
}
.Legend, .Legend a, .Legend a:hover{
color: #fff;
font-size: 10px;
}


#white_container ul {
font-size: 11px;
list-style-type: square;
margin-left: 20px;
margin-top: 10px;
margin-bottom: 10px;
}
#white_container li {
font-size: 11px;
list-style-type: square;
margin-left: 20px;


}
#white_container a {
font-size: 11px;
}






ul.CustomFieldList {
 padding:0;
 margin:0;
 display:block;
 list-style:none;
 width:190px;
 float:right;
}

ul.CustomFieldList li {
 padding:0;
 margin:0;
 display:block;
}

ul.CustomFieldList li span {
 padding:0 10px 0 0 ;
 display:block;
}

