/* Stylesheet for my demo pages for jScrollPane - these styles aren't necessary for using jScrollPane and aren't specific to any particular example */
html{
   height: 102%;
   overflow-y: scroll;
}

body {
   margin: 0 0px 0 0;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   background-image: url(../images/bodyBg.jpg); /*background-image: url(../images/mockup.jpg);*/
   background-position: top center;
   background-repeat: repeat-x;
   color: #000;
}
  a:active, a:focus {
   outline: 0;
}
p {
   margin: 0 0 0.9em 0;
}
a, a:link, a:active, a:visited{
   color: #231f20;
}
a:hover{
   color: #C80006;
}
img,
img a{
   border: 0px none;
}
form{
   margin: 0px;
   padding: 0px;
}
.orderReceipt{
   background-color: #F6F2CC;
   border: 1px solid #D1BE00;
   display: block;
   margin-top: 20px;
   padding: 15px;
}
#wrapper{
   width: 987px;
   height: 748px;
   margin: 0 auto;
   display: block;
}
#wrapperMenu{
   /* background-color: #EDEDED;*/
   background-image: url(../images/bgBorderMenu.gif);
   background-repeat: repeat-x;
   background-position: bottom;
   width: 100%;
   height: 106px;
}
#logo{
   position: relative;
   float: left;
   margin-right: 25px;
   height: 84px;
   width: 120px;
   padding: 22px 0 0 20px;
}
.topMenu{
   position: relative;
   float: left;
   height: 106px;
}
#wrapperContent{
   border: 1px solid #C4C4C4;
   margin-top: 1px;
   height: 440px;
   padding: 26px;
   display: block;
   overflow: auto;
}
#wrapperContent #mask {
   position: static;
   display: none;
   height: 20px;
   background-color: white;
   clear: both;
   width: 967px;
   margin-top: 446px;
   margin-left: -26px;
   *margin-left: -646px;
}
.clearAll{
   clear: both;
   float: none;
   height: 1px;
   width: 100%;
}
#wrapperContent h3 a{
   text-decoration: undeline;
}
#wrapperContent .textContainer h3{
   margin: 0px;
}
#wrapperContentNoScroll{
   border: 1px solid #C4C4C4;
   margin-top: 1px;
   height: 446px;
   padding: 26px;
   display: block;
   overflow: hidden;
}
#wrapperFlash{
   border: 1px solid #C4C4C4;
   margin-top: 1px;
   height: 498px;
   display: block;
   overflow: hidden;
}
#hhusbanner{
   margin-left: 0px;
}
#wrapperImageContainer{
   display: block;
   position: relative;
   float: right;
   margin: 0px 0; /*background-color: #EDEDED;*/
   width: 616px;
   height: 390px;
}
#hhusbanner2{
   position: relative;
   float: right;
   margin-right: 2px;
   width: 527px;
   height: 385px;
}
#bannerContent{
   position: relative;
   float: left;
   width: 529px;
   height: 388px;
   background: #006699;
}
.kartBg{
   background-image: url(../images/bgKart.gif);
   background-position: right;
   background-repeat: no-repeat;
}
#wrapperForhandlerContainer{
   display: block;
   position: absolute; /*float: right;*/
   margin: 0px 0 0 328px; /*background-color: #EDEDED;*/
   *margin: 0px 0 0 28px;
   width: 630px;
   height: 450px;
   border-left: 1px solid #999999;
   overflow: hidden; /* background-color: Aqua;*/
}
#forhandlerListe{
   position: relative;
   float: left;
   margin: 0px 0 0 30px;
   width: 600px;
   height: 413px;
   overflow: auto; /* background-color: Fuchsia;*/
}
*html #forhandlerListe{
   position: relative;
   float: left;
   margin: 0px 0 0 15px;
   width: 600px;
   height: 413px;
   overflow: auto; /* background-color: Fuchsia;*/
}

#wrapperForhandlerContainer h1{
   height: 35px;
   margin: 0px 0 0 30px;
}
#forhandlerListe h3{
   margin: 10px 0 3px;
}
#wrapperImageDoc{
   display: block;
   position: relative;
   float: right;
   margin: 0px 0;
   width: auto; /*height: 440px;*/
   margin-left: 30px; /*text-align: right;*/
   overflow: hidden; /*background-color: Aqua;*/
}
*html #wrapperImageDoc{
   display: block;
   position: absolute;
   float: right;
   margin: 0px 0;
   width: 354px; /*height: 440px;*/
   margin-left: 30px; /*text-align: right;*/
   overflow: hidden;
}
#wrapperIngressImg{
   display: block;
   position: absolute;
   float: right;
   width: auto; /*height: 440px;*/
   margin-left: 670px; /*text-align: right;*/
   *margin-left: 55px;
   *margin-top: 40px;
   overflow: hidden; /*background-color: Aqua;*/
}
#documentLinks{
   padding: 5px 10px 5px 0;
   display: block;
   width: 350px;
   margin-top: 1px; /*background-color: #F5F5F5;*/
   text-decoration: none;
}
#documentLinks strong{
   color: #D1BE00;
}
.docLink{
   font-size: 11px;
   display: block;
   color: #666666;
}
#wrapperImageDoc a,
.docLink a{
   color: inherit; /*background-color: #F5F5F5;*/
   text-decoration: none;
}
#wrapperImageDoc a:hover,
.docLink a:hover{
   text-decoration: underline; /*background-color: #EDEDED;*/
}
#wrapperImageDoc a.pdfDownload{
   padding: 10px 0px 10px 40px;
   display: block;
   font-size: 0.9em;
   width: auto;
   margin-top: 30px;
   height: 22px;
   background-color: transparent;
   background-image: url(../images/iconPDF.gif);
   background-repeat: no-repeat;
   text-decoration: underline;
}
#wrapperImageDoc a.pdfDownload:hover{
   background-color: transparent;
}
#wrapperImageDoc hr{
   height: 0px;
   color: #EDEDED;
}
#wrapperImageArchive{
   display: block;
   position: relative;
   float: left;
   margin: 0px 0;
   width: 100%;
   height: 390px;
   margin-top: 15px;
   overflow: auto; /*background-color: Aqua;*/
}
.imgGalleriDrop{
   width: 115px;
   height: 85px;
   overflow: hidden;
   float: left;
   position: relative;
   padding: 4px;
   margin: 0px 6px 6px 0; /* background: url(../images/bgImgArchiveThumbS.gif) no-repeat;*/
}
.imgGalleriImage a{
   width: 115px;
   height: 73px;
   display: block;
   overflow: hidden;
   position: relative;
}
.imgGalleriImage a img{
}
.motivNavn{
   color: #333333;
   font-size: 10px;
}
.motivNavn a{
   text-decoration: none;
}
.dropLarge{
   text-decoration: none; /*font-size: 1.6em;*/
/*font-weight: bold;*/
   width: 293px;
   height: 188px;
}
.dropLarge .motivNavn {
   position: absolute;
   display: block;
   float: left;
   width: 60px;
   height: 15px;
   font-size: 0.9em; /*color: #00467f;*/
   background-color: #fff;
   z-index: 90;
}
.thumbLarge,
.thumbLarge a{
   width: 295px;
   height: 188px;
}
#wrapperVelger{
   display: block;
   position: relative;
   float: right;
   margin: 0px 0;
   background-color: #EDEDED;
   width: 555px;
   height: 390px;
}
#wrapperHusIndex{
   display: block;
   position: relative;
   float: right;
   margin: 0px 0;
   width: 600px;
   height: 390px;
}
*html #wrapperHusIndex{
   display: block;
   position: relative;
   float: right;
   margin: 0px 0;
   width: 610px;
   height: 390px;
}
.husItem{
   position: relative;
   display: block;
   width: 140px;
   height: 103px;
   float: left;
   margin: 0 0 10px 10px;
   overflow: hidden;
}
.husItem a{
   position: absolute;
   display: block;
   width: 419px;
   height: 113px;
   margin: 0 auto 0 -140px;
}
.husItem a img{
   display: block;
   position: relative;
   margin: -5px auto;
}
.husItemNye{
   position: relative;
   display: block;
   width: 270px;
   height: 160px;
   float: left;
   margin: 0 10px 20px 0;
   overflow: hidden;
}
.husItemNye a{
   position: absolute;
   display: block;
   width: 540px;
   height: 170px;
   margin: 0 auto 0 -135px;
}
.husItemNye a img{
   display: block;
   position: relative;
   margin: -10px auto;
}
.imgGalleriImage a:hover,
.husItemNye a:hover,
.husItem a:hover{
   background-color: Black;
}
.imgGalleriImage a:hover img,
.husItemNye a:hover img,
.husItem a:hover img{
   opacity: 0.55;
   filter: alpha(opacity=55);
}
.husItemNumber{
   position: absolute;
   display: block;
   float: left;
   width: 35px;
   height: 15px;
   font-size: 0.9em;
   color: #00467f;
   background-color: #fff;
   z-index: 90;
}
#wapperNavBar{
   border: 1px solid #C4C4C4;
   display: block;
   position: relative;
   float: left;
   clear: left;
   background-color: #EDEDED;
   background: url(../images/bgNavBar.gif) no-repeat;
   font-size: 0.9em;
   margin-top: 12px;
   height: 17px;
   width: 920px;
   padding: 5px;
}
#wapperNavBar a{
   padding: 0 5px 0 5px;
}
#wrapperCampaign{
   margin: 9px 0 9px 0;
   position: relative;
   display: block;
   width: 101%;
   height: 144px;
   list-style-type: none;
   padding: 0px;
   float: left;
   z-index: 901;
}
#wrapperFooter{
   position: relative;
   display: block;
   width: 987px;
   height: auto;
   float: left;
   color: #818285;
   font-size: 0.9em;
   margin-bottom: 30px;
}
#search{
   list-style: none;
   position: relative;
   float: right;
   margin-top: 68px;
   margin-bottom: 0px;
   clear: right;
}
#search .searchField{
   overflow: hidden; /*font-size: 12px;*/
   padding: 0px;
   margin: 0px;
   width: 120px;
   height: 16px;
}
#newsContainerLeft{
   position: relative;
   float: left;
   border-right: 1px solid #cccccc;
   height: 440px;
   width: 714px;
}
.newsItem1{
   width: 702px;
   height: 297px;
   padding-right: 12px;
   border-bottom: 1px solid #CCCCCC;
}

#newsContainerLeftFull .newsItem1{
   width: 702px;
   height: 425px;
   padding-right: 12px;
}


#newsContainerLeft h2{
font-size: 2.1em;
   padding-top: 8px;
}
#newsContainerLeftFull h2{
font-size: 2.8em;
   padding-top: 8px;
}
#newsContainerLeftFull .ingressMagasin{
font-size: 1.2em;
}

#newsContainerLeft h3,
#newsContainerRight h3{
font-size: 1.4em;
margin-bottom: 6px;
}
#newsContainerLeftFull h3{
font-size: 2.2em;
margin-bottom: 6px;
}
.newsItem2{
   width: 332px;
   height: 130px;
   padding-top: 12px;
   padding-right: 12px;
   float: left;
   border-right: 1px solid #CCCCCC;
}
.newsItem3{
   width: 344px;
   height: 130px;
   padding-top: 12px;
   padding-left: 12px;
   padding-right: 12px;
   float: right;
}
#newsContainerLeftFull .newsItem2{
   width: 455px;
   height: 130px;
   padding-top: 12px;
   padding-right: 12px;
   float: left;
   border-right: 1px solid #CCCCCC;
}
#newsContainerLeftFull  .newsItem3{
   width: 423px;
   height: 130px;
   padding-top: 12px;
   padding-left: 12px;
   padding-right: 12px;
   float: right;
}
.newsItem4,
.newsItem5{
   width: 192px;
   height: 200px;
   padding-top: 8px;
   padding-left:18px;   
   padding-right:8px;
   float: left;
}
.newsItem5{
   padding-top: 16px;
   
   border-top: 1px solid #CCCCCC;
}


.newsImgContainer{
position: relative;
float: left;
width: 410px;
height: 278px;
margin-right: 12px;
overflow: hidden;

}

.itemCampaign{
   /*color: #747474;*/
   border: 1px solid #C4C4C4;
   position: relative;
   float: left;
   margin-right: 5px;
   padding: 0px 7px 10px 12px;
   width: 222px;
   height: 122px;
   font-size: 0.9em;
   overflow: hidden;
   background: #F0F0F0 url(../images/bgCampaing.gif) no-repeat bottom;
}
.itemCampaign a{
   color: #747474;
   font-weight: bold;
}
.itemCampaignYellow{
   color: White;
   font-size: 14px;
   text-align: center;
   border: 1px solid #C9B114;
   position: relative;
   float: left;
   padding: 0px 9px 10px 9px;
   width: 223px;
   height: 122px;
   overflow: hidden;
   background: #D1BE00 url(../images/bgCampaingYellow.gif) no-repeat bottom;
}
.itemCampaignYellow a{
   color: White;
   display: block;
   text-decoration: none;
}
.itemCampaign h2{
   margin-bottom: 5px;
   margin-top: 7px;
   font-size: 1.1em;
}
.itemCampaign img{
   margin-bottom: 5px;
}
.ingress{
   display: block;
   margin-bottom: 10px;
   font-style: italic;
}
.ingressIcon{
   margin-left: 3px;
   margin-top: 7px;
}
.ingressImg{
   margin-bottom: 5px;
   margin-top: 5px;
}
.itemCampaignYellow h2{
   margin-bottom: 5px;
   margin-top: 7px;
   font-size: 1.3em;
}
.info{
   width: auto;
   position: relative;
   float: left;
}
.infoLinks{
   width: auto;
   position: relative;
   float: right;
}
.imgGallery{
}
.imgGallery a{
   font-size: 0.90em;
   border: 1px solid #C4C4C4;
   display: block;
   margin-top: 10px; /*position: relative;*/
   padding: 8px 0 0 30px;
   width: 243px;
   height: 23px;
   background: url(../images/bgImageArchive.gif) no-repeat;
}
.imgGallery a:fist-child{
   font-size: 0.90em;
   border: 1px solid #C4C4C4;
   display: block;
   margin-top: 10px; /*position: relative;*/
   padding: 8px 0 0 30px;
   width: 243px;
   height: 23px;
   background: url(../images/bgImageArchive.gif) no-repeat;
}
.contactForm{
   margin-top: 10px;
   font-size: 0.90em;
   border: 1px solid #C4C4C4;
   padding: 8px 7px 0 7px;
   width: 259px;
   height: 81px;
   background: url(../images/bgForm.gif) no-repeat;
}
.contactForm .smallInput{
   *height: 19px;
}
.contactForm .button{
   display: block;
   font-size: 11px;
   background-color: #CCCCCC;
   border: 1px solid #999999;
   vertical-align: middle;
   width: auto;
   float: right;
   padding: 1px 5px 2px 3px;
   *padding: 1px 2px 0px 0px;
   *height: 19px;
   *margin-top: 0px;
}
.contactForm .button:hover{
   color: #fff;
   background-color: #666666;
   border: 1px solid #666666;
}
.tableData{
   /*position: relative;*/
   margin: 10px 0 0px 0;
   font-size: 0.9em;
   width: 275px;
   border-top: 1px solid #C4C4C4;
}
.tableData td{
   padding: 3px 0 3px 0;
   border-bottom: 1px solid #C4C4C4;
}
.tableData td p{
   margin: 0px;
}
.tableData .rightCol{
   color: #818285;
}
.clear {
   clear: both;
   float: none;
}
.errorMessage{
   font-size: 1em;
   color: red;
   font-style: italic;
}
.husTrend a{
   display: block;
   position: relative;
   width: 555px;
   height: 226px;
   background-image: url(../images/velgHusTrend.jpg);
   background-repeat: no-repeat;
   clear: right;
}
.husTrad a{
   display: block;
   position: relative;
   width: 555px;
   height: 226px;
   background-image: url(../images/velgHusTrad.jpg);
   background-repeat: no-repeat;
   clear: right;
}
.hytteTrend a{
   display: block;
   position: relative;
   width: 555px;
   height: 226px;
   background-image: url(../images/velgHytteTrend.gif);
   background-repeat: no-repeat;
   clear: right;
}
.hytteTrad a{
   display: block;
   position: relative;
   width: 555px;
   height: 226px;
   background-image: url(../images/velgHytteTrad.gif);
   background-repeat: no-repeat;
   clear: right;
}
.hytteTrend a:hover,
.hytteTrad a:hover,
.husTrend a:hover,
.husTrad a:hover{
   background-position: left bottom;
}
.textContainer{
   width: 300px;
   float: left;
}
h1{
   font-size: 1.7em;
   margin-top: 0px;
   white-space: normal;
}
h2{
   font-size: 1.5em;
   margin-top: 0px;
   white-space: normal;
}
h3{
   font-size: 1.2em;
   margin-top: 0px;
   white-space: normal;
}
.document{
   width: 620px;
}
.documentFullWidth{
   width: auto;
}
.hrLine{
   position: relative;
   display: block;
   height: 1px;
   border-top: 1px solid #CCCCCC;
   clear: both;
}
.searchList{
   display: block;
   border-top: 1px solid #cccccc;
   padding: 20px 0 12px 0;
   margin: 0 0 0px 0;
}
.readMore{
   font-size: 11px;
   font-weight: normal;
   display: block;
   margin-top: 6px;
}
.katalogForm{
   width: 530px;
}
.husInfo{
   height: 410px;
   overflow: auto;
}
.noscroll{
   overflow: hidden;
}
/* /////Pika slideshow /////*/
/* These hieghts and widths should be edited to your images */	
#husHytteImage{
   width: 616px;
   height: 450px;
   text-align: center;
   overflow: hidden; /*border: 1px solid #C4C4C4;*/
}
ul#pikame{
   position: absolute; /*display: block;*/
   width: auto;
   margin-top: 8px;
   *margin-left: -33%;
   height: 60px;
   z-index: 40;
}
.pika_main{
   width: 613px;
   height: 335px;
   overflow: hidden;
   border: 1px solid #C4C4C4;
   position: relative;
   text-align: left;
}
#pikame li{
   margin: 5px 5px 0 0px;
   position: relative;
   float: left;
   padding: 0px;
   border: 1px solid #C4C4C4;
   display: block;
   text-align: center;
   overflow: hidden;
}
/* thats all you NEED to edit. But continue if you'd like. */
ul#pikame li img{
   position: relative;
   cursor: hand;
}
.pika_subdiv{
   position: absolute;
   height: 335px;
   width: 613px;
   overflow: hidden;
}
.pika_subdiv img{
   position: relative;
}
.pikachoose li{
   float: left;
   position: relative;
   overflow: hidden;
   list-style: none;
}
.bottomMask{
   width: 98px;
   height: 2px;
   background-color: White;
   display: block;
   position: absolute;
   z-index: 900;
   margin-top: 48px;
}
.pika_play{
   position: absolute;
   top: 10px;
   right: 20px;
   z-index: 1;
}
.pika_play a{
   position: relative;
   margin-left: auto;
   cursor: hand;
}
.pika_play img{
   border: none !important;
}
.pika_caption{
   width: 100%;
   height: 30px;
   text-align: center;
}
.pika_navigation{
   margin-top: 8px;
   position: absolute;
   width: 100%;
   padding-top: 0px;
   clear: both;
   z-index: 30;
   *margin-left: -50%;
}
.pika_navigation a{
   font-size: 32px;
   color: #dbca28;
   font-weight: bold;
   text-decoration: none;
   cursor: pointer;
}
a.slideLeft{
   top: 0px;
   float: left;
   position: relative;
   padding-left: 0px; /*margin-left:-300px;*/
}
a.slideRight{
   top: 0px;
   float: right;
   position: relative;
   padding-right: 0px; /*margin-left:280px;*/
}
.pika_navigation a:hover{
   color: #C9B114; /*text-decoration: underline;*/
}
.pika_selected{
}
/* SliderJS */
.sliderjs{
   padding-top: 10px;
   background-color: Aqua;
   margin: 0 auto;
}
/* Tabellbakgrunn til forhandlersider */
.tableForhandler th {
   margin: 0px 10px 0px 0px;
   background-image: url(../images/table_bg_forhandler.jpg);
   background-repeat: no-repeat;
   padding-top: 10px;
   width: 175px;
   height: 50px;
   font-size: 14px;
   font-weight: normal;
   color: #FFF;
}
.tableForhandler td {
   /*	margin: 0px 10px 0px 0px;*/
   width: 175px;
   padding-left: 16px;
}
.tableForhandler p {
   margin: 0px;
}
.tableForhandler ul, .tableForhandler li {
   margin: 0px;
   padding: 0px;
}