@charset "utf-8";
/* YUI Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; border:0; color:#999; font-family: Georgia, sans-serif;}
table { border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0;}
/*
We do not need to reset this one I think
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal;}*/
ol,ul { list-style:none;}
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
/* Base Font 
By setting font-size to 62.5%, 1 em = 10 px, so 1.2 em = 12px
*/
body { font-size:62.5%; background:url(../gfx/bg_fade.png) repeat-x #fff; text-align:center; }
#bodywrap1 { font-size:1.0em;}

a { cursor:pointer; text-decoration:none;}
.left { float:left;}
.right { float:right;}

/* 100% Height Hack*/
html, body {
height: 100%;
}
body { min-height:100%;}
#bodywrap1, 
#bodywrap2,
#bodywrap3, 
#bodywrap4,
#bodywrap5 { min-height: 100%; width: 100%; height:100%; }
.bg_topright { background:url(../gfx/decoration_upperright.png) no-repeat top right;}
.bg_topleft { background:url(../gfx/decoration_upperleft.png) no-repeat top left;}
.bg_bottomcenter { background:url(../gfx/decoration_bottomcenter.png) no-repeat bottom center;}
.bg_bottomflag { background:url(../gfx/decoration_bottomflag.png) no-repeat bottom center;}
.bg_bottomflag_nograss { background:url(../gfx/decoration_bottomflag_nograss.png) no-repeat bottom center;}
.bg_bottomrightbig { background:url(../gfx/decoration_bottomrightbig.png) no-repeat bottom right;}
.bg_bottomleftbig { background:url(../gfx/decoration_bottomleftbig.png) no-repeat bottom left;}



#content { margin:0 auto; width:955px; padding:20px 0; height:100%;}

/* Intro page */
.moose { width:100%; display:block; text-align:center; clear:both;}
.language { text-transform:uppercase; width:100%; text-align:center; }
.language p { padding-bottom:10px;}
.language a { padding:0 5px;}


#nav, #productnav { width:100%; float:left; text-align:center;}
#nav ul, #productnav ul { margin:0 auto; display:block;  } 
#nav li, #productnav li { float:left; width:130px;}
#nav a, #productnav a { padding:3px 10px; display:block;  color:#999; }
#nav a:hover, #productnav a:hover { color:#666;}
#nav .last, #productnav .last { border-right:0;}
#nav ul { width:900px;}
#nav li {width:148px; border-right:2px solid #ccc;}
#nav a { text-transform:uppercase;}
#nav .active a { color:#666; font-weight:bold; }
#productnav { margin-top:20px;}

.bunadslips_heading { margin:50px auto;}

.product-list li { float:left; width:136px;} 
.product-list p { margin-bottom:10px;}
#webshop { text-align:left; font-size:1.1em; width:955px;}
#webshop .text h1 { color:#252525; font-size:1.4em; }
#webshop .text p { color:#252525; margin:5px 0 10px; }
#webshop .product-list { float:left; width:100%; border-top:1px solid #999; margin-top:10px; padding-top:10px;}
#webshop .product-list li p { text-align:center;} 
#webshop .product-list li a { width:100%; text-align:center; float:left;}
#webshop .product-list fieldset{ margin-left:20px; float:left; display:block;}
#webshop .product-list input { margin-top:2px;}
#webshop .product-list input, .product-list select { float:left; margin-right:8px;}
#webshop .product-list p.pris { float:left; color:#252525; width:100%; text-align:left;}
#webshop .product-list p.stk { float:left; font-weight:bold; color:#252525; line-height:18px;}

#webshop .form { display:block; float:left; margin:20px 0; width:700px;}
#webshop form { float:left; width:100%;}
#webshop label { width:100px; float:left; color:#252525; line-height:20px;}
#webshop .wrap { padding-bottom:10px;}
#webshop input.inp { border:1px solid #aaa; background-color:white; padding:2px; color:#252525; width:555px;}
#webshop .wrap-3 input.inp { width:100px; }
#webshop .wrap-3 .inner { width:140px;}
#webshop .wrap-3 label.r-align { text-align:right; padding-right:10px; width:60px;}

#webshop .wrap-2 input.inp { width:225px; }
#webshop .wrap-2 .inner { width:249px;}
#webshop .wrap-2 label.r-align { text-align:right; padding-right:10px; width:70px;}

#orderform { float:left; margin-top:15px; border-top:1px solid #ccc; padding-top:15px; width:955px;}
#orderform fieldset { border-bottom:1px solid #ccc; margin-bottom:20px; padding-bottom:5px; float:left; width:700px; display:block;}
#orderform .inner { float:left; width:590px; padding-bottom:10px;}
#orderform .inner p { float:left; margin-right:8px; color:#f00; font-size:1.4em; margin-top:4px;}


#avregning { width:200px; float:right; background-color:#fff; border:1px solid #ccc; padding:20px; margin-top:20px; font-size:1.1em;}
#avregning h2 { font-size:1.4em; color:#252525; margin-bottom:10px; font-weight:bold;} 
#avregning p { color:#252525;}
#avregning dl { float:left; width:100%;}
#avregning dt { color:#000; margin-bottom:10px; float:left; }
#avregning dd { color:#000; margin-bottom:10px;text-align:right; }
#avregning .faded { color:#999;}
#avregning .total { border-top:1px solid #999; padding-top:10px; margin-top:10px; font-weight:bold;}

#aboutproduct { text-align:left;}
#aboutproduct .map { margin-bottom:30px;}
#aboutproduct .text { float:left; width:180px;}
#aboutproduct .scroller { float:left; height:470px; width:742px; overflow:auto; margin-left:30px;}
#aboutproduct .scroller div { width:3924px;}
#aboutproduct .slideshow { float:left; margin-left:10px;}
#aboutproduct .text h1 { font-size:1.4em; color:#333; margin-bottom:15px;}
#aboutproduct .text p { color:#333; margin-bottom:20px;}

#product .info { float:left; width:386px; min-height:361px; }
#product .gudbrandsdalen { background:url(../gfx/kart_gudbrandsdalen.png) no-repeat top left;}
#product .graffer { background:url(../gfx/kart_gudbrandsdalen.png) no-repeat top left;}
#product .nordland { background:url(../gfx/kart_nordland.png) no-repeat top left;}
#product .telemark { background:url(../gfx/kart_telemark.png) no-repeat top left;}
#product .rogaland { background:url(../gfx/kart_rogaland.png) no-repeat top left;}

#product .info .text { float:right; margin-top:100px;  text-align:left; width:200px; }
#product .info .text p { margin-bottom:20px;}
#product .info .text h1 { font-size:1.7em; color:#252525; margin-bottom:20px;}
#product .info .button { float:right;}
#product .info .buy { float:left; width:100%;}
#product .info .buy p { float:left; color:#252525; font-size:1.1em; font-weight:bold; line-height:24px;}
#product .info .buy .button { float:right;}
#product .product { float:left; margin-left:20px; width:450px;}
#product .product .showreel a img { border:1px solid #ccc;}
#product .showreel { float:left; width:212px; margin:100px 0 0 50px;}
#product .showreel ul { float:left; margin-top:19px;}
#product .showreel ul li { float:left; margin-right:19px; }
#product .showreel ul li.end { float:left; margin-right:0;}
#product .showreel ul li a { float:left; display:inline;}
#product .showreel ul li a img { float:left;}
#aboutus { width:510px; text-align:left; margin:130px auto 0;}
#aboutus .text { width:218px; margin-right:20px; font-size:1.1em;}
#aboutus .text p { margin-bottom:15px; color:#333;}
.centeredtext {  color:#252525; margin-top:200px;}
.centeredtext h1 { color:#252525; font-size:1.7em; margin-bottom:20px;}
.centeredtext p { font-size:1.3em; color:#252525; margin-bottom:20px;}
.centeredtext .button { margin-top:20px;}

#kontaktoss { padding-left:200px; width:500px; margin-top:50px; font-size:1.2em; text-align:left; margin:0 auto; margin-right:0;}
#kontaktoss h1 { font-size:1.3em; color:#333; margin-bottom:3px;}
#kontaktoss a,
#kontaktoss p { color:#666; margin-bottom:15px;}
#kontaktoss ul { margin-bottom:15px; line-height:16px;}
#kontaktoss li img { margin:0 5px 0 0; }
#kontaktoss li.email { padding-left:20px; background:url(../gfx/icon_email.png) no-repeat 0 4px;}
#kontaktoss li.phone { padding-left:20px; background:url(../gfx/icon_phone.png) no-repeat 0 2px;}
#kontaktoss li.url { padding-left:20px; background:url(../gfx/icon_url.gif) no-repeat 0 2px;}

.button { text-align:center; width:66px; display:block; height:24px; background:url(../gfx/button.gif) no-repeat; line-height:24px; color:#252525; margin:0 auto;}

/* Admin style */
#admin { font-size:1.2em; text-align:left;} 
#admin table { border-top:1px solid #ccc; border-right:1px solid #ccc; margin:10px; width:800px;}
#admin table td, #admin table th { border-bottom:1px solid #ccc; border-left:1px solid #ccc; padding:5px; color:#252525; text-align:left; vertical-align:top;}


.forhandlere { width:500px; margin:0 auto; font-size:1.1em; padding-left:150px;} 
.forhandlere .column { width:250px; float:left; text-align:left;}
.forhandlere h1 { font-size:1.3em; color:#333; }
.forhandlere a,
.forhandlere p { color:#666; margin-bottom:15px;}
.forhandlere ul { margin-bottom:15px;}
.forhandlere li img { margin:3px 5px 0 0; }