/* CSS Document */
/* CSS Document MAL*/
/* hele vinduet, legg inn bakgrunnsfarge/grafikk her */
html,body
{
margin:0px auto;
background-color:#ffffff;
scrollbar-base-color: #bbbcbb;
scrollbar-arrow-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-face-color: #bbbcbb;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
height:100%;
padding: 0; 
}
#distance { 
width:1px;
height:50%;
background-color:#fc6;
margin-bottom:-18.625em;/* half of container's height */
float:left;
}
/* hoved rammen rundt siden */
#main
{
width:1070px;/*1070*/
height:500px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#000000;
position:relative;
clear:left;
margin-top:40px;
}
/*img {display: block}*/ 
a
{
text-decoration:none;
color:#000000;
}
a:hover
{
color:#7f7f7f;
text-decoration:none;
}
h1
{
font-size:11px;
font-weight:bold;
color:#000000;
margin-bottom:10px;
clear:both;
}
/* --------------------------------------------------------- kolonnene --------------------------------------------------------- */
#col1
{
width:260px;/*width:189px;*/
height:500px;
float:left;
position:relative;
}
#col1Logo
{
position:absolute;
right:0px;
top:140px;
width:189px;
height:50px;
background-image:url(img/logo.gif);
background-position:center;
background-repeat:no-repeat;
}
#col1Logo a
{
display:block;
width:189px;
height:50px;
}
/*----------------- col 2 ---------------------------*/
#col2
{
width:127px;
/* height:576px;*/
height:475px;
float:left;
padding-right:25px;
border-right:1px solid #000000;
}
#col2_box1
{
width:127px;
height:40px;
padding-bottom:25px;
border-bottom:1px solid #000000;
}
#col2_box2
{
width:127px;
height:11px;
padding-bottom:32px;
padding-top:32px;
border-bottom:1px solid #000000;
}
#col2_loginBox
{
width:127px;
height:12px;
padding-bottom:20px;
padding-top:20px;
/* padding-bottom:32px;
padding-top:32px;*/
border-bottom:1px solid #000000;
}
#col2_box3
{
width:127px;
height:35px;
padding-bottom:22px;
padding-top:22px;
border-bottom:1px solid #000000;
}
#col2_login
{
width:127px;
height:45px;
border-bottom:1px solid #000000;
}

.ExtUserForm
{
}
.inputBox
{
height:9px;
font-size:9px;
}
.inputSubmit
{
width:60px;
height:20px;
font-size:9px;
}
#col2_box4
{
width:127px;
height:85px;
padding-bottom:22px;
padding-top:22px;
border-bottom:1px solid #000000;
}
#col2_box5
{
width:127px;
height:76px;
padding-top:22px;
}

.menyLB
{
width:127px;
height:12px;
}
.menyLB a
{
display:block;
width:127px;
height:12px;
color:#000000;
text-decoration:none;
}
.menyLB a:hover
{
color:#7f7f7f;
text-decoration:none;
}
.menyLBSel
{
width:127px;
height:12px;
}
.menyLBSel a
{
display:block;
width:127px;
height:12px;
color:#EC1C23;
text-decoration:none;
/*padding-left:20px;*/
}
.oversiktLB1
{
font-size:11px;
font-weight:bold;
color:#000000;
margin-bottom:1px;
clear:both;
}

.oversiktLB
{
font-size:11px;
font-weight:bold;
color:#000000;
margin-bottom:10px;
clear:both;
}
/*----------------- col 3 ---------------------------*/
#col3
{
width:221px;
/*height:576px;*/
height:475px;
float:left;
padding-right:25px;
border-right:1px solid #000000;
padding-left:25px;
font-size:9px;
}
#col3_box1
{
width:221px;
height:117px;
padding-bottom:25px;
border-bottom:1px solid #000000;
}
#col3_box2
{
width:211px;
height:305px;
margin-top:25px;
overflow-y:auto;
padding-right:10px;
overflow-x:hidden;
}
/* utsmykking -> kunstnere meny*/
.menyLB_2
{
width:220px;
height:12px;
}
.menyLB_2 a
{
display:block;
width:220px;
height:12px;
color:#000000;
text-decoration:none;
}
.menyLB_2 a:hover
{
color:#7f7f7f;
text-decoration:none;
}
.menyLBSel_2
{
width:220px;
height:12px;
}
.menyLBSel_2 a
{
display:block;
width:220px;
height:12px;
color:#ec1c23;
text-decoration:none;
}
/* stor side */
#col3Stor_box1
{
width:547px;
height:132px;
padding-bottom:25px;
border-bottom:1px solid #000000;
}
#col3Stor_box2
{
width:537px;
height:293px;
margin-top:25px;
overflow-y:auto;
padding-right:10px;
overflow-x:hidden;
}
#col3Stor2_box2
{
width:537px;
height:500px;
overflow-y:auto;
padding-right:10px;
overflow-x:hidden;
}
.menyLBCol3
{
width:221px;
height:12px;
}
.menyLBCol3 a
{
display:block;
width:221px;
height:12px;
color:#7f7f7f;
text-decoration:none;
}
.menyLBCol3 a:hover
{
color:#000000;
text-decoration:none;
}
.menyLBCol3Sel
{
width:221px;
height:12px;
}
.menyLBCol3Sel a
{
display:block;
width:221px;
height:12px;
color:#000000;
text-decoration:none;
}
/*----------------- col 4 ---------------------------*/
#col4
{
width:320px;
height:551px;
float:left;
padding-left:40px;
padding-top:25px;
overflow:hidden;
}
#col4_kunstnere
{
width:275px;
height:450px;
float:left;
padding-left:25px;
padding-right:25px;
padding-top:25px;
overflow:hidden;
background-color:#eeeded;
text-align:center;
margin-left:25px;
}
/*----------------- col 3_stor ---------------------------*/
#col3Stor
{
width:547px;
height:500px;
float:left;
padding-left:25px;
}

/* ------------------- produkt liste ------------------- */
/*------------------------------------------------- Galleri sider -------------------------------------------------*/
#galleriTopLotteri
{
width:1070px;
height:63px;
position:relative;
}
#galleriLogoLotteri
{
position:absolute;
top:10px;
left:0px;
background-image:url(img/logo1.png);
width:310px;/*189*/
height:50px;
}
#galleriLogoLotteri a
{
display:block;
width:310px;
height:50px;
}
#lotteriLogo
{
position:absolute;
top:10px;
right:0px;
background-image:url(img/handlogo_50px.jpg);
width:238px;
height:50px;
}
#lotteriRoseLogo
{
position:absolute;
top:10px;
right:0px;
background-image:url(img/roselogo.jpg);
width:310px;
height:50px;
}
#galleriTop1
{
width:1070px;
height:50px;
position:relative;
}
#galleriLogo
{
position:absolute;
top:0px;
left:0px;
background-image:url(img/logo.gif);
width:189px;
height:50px;
}
#galleriLogo a
{
display:block;
width:189px;
height:50px;
}
#galleriMeny1
{
position:absolute;
top:25px;
left:195px;
height:20px;
width:400px;
}
.menyGalleriLB
{
min-width:50px;
height:12px;
float:left;
margin-left:10px;
margin-right:10px;
white-space:nowrap;
}
.menyGalleriLB a
{
display:block;
min-width:50px;
height:12px;
color:#000000;
text-decoration:none;
}
.menyGalleriLB a:hover
{
color:#7f7f7f;
text-decoration:none;
}
.menyGalleriLBSel
{
min-width:50px;
height:12px;
float:left;
}
.menyGalleriLBSel a
{
display:block;
min-width:50px;
height:12px;
color:#7f7f7f;
text-decoration:none;
}
#galleriMeny2
{
position:absolute;
top:25px;
right:130px;
height:20px;
width:270px;
}
.menyGalleri2LB
{
min-width:50px;
height:12px;
float:left;
margin-left:10px;
margin-right:10px;
}
.menyGalleri2LB a
{
display:block;
min-width:50px;
height:12px;
color:#7f7f7f;
text-decoration:none;
}

.menyGalleri2LB a:hover
{
color:#000000;
text-decoration:none;
}

/*------------------------------Left column for gallery starts here-----------------------------------------------*/
#galleriCol1
{
width:190px;
height:480px;
float:left;
overflow-y:auto;
overflow-x:hidden;
direction:rtl;
padding-left:10px;
}
.menyLB
{
width:200px;
height:12px;
}
.prodLb
{
width:150px;
height:12px;
}
.prodLb a
{
display:block;
width:150px;
height:12px;
color:#000000;
text-decoration:none;
}
.prodLb a:hover
{
color:#7f7f7f;
text-decoration:none;
}
.prodLbSel
{
width:150px;
height:12px;
}
.prodLbSel a
{
display:block;
width:150px;
height:12px;
color:#EC1C23; /*#7f7f7f */
text-decoration:none;
}

/*------------------------------Left column for gallery ends here-----------------------------------------------*/
#galleriCol2
{
width:720px; /*width:850px;*/
height:480px;
float:left;
overflow-y:auto;
overflow-x:hidden;
padding-right:10px;
padding-bottom:0px;
padding-top:0px;
}
#galleri1Table td
{
background-color:#d9d9d9; /* d9d9d9 */
height:155px;/*height:145 */
/* width wasnt given */
width:355px;
margin:0px;
border:2px solid #ffffff;
}

#galleri1Table td img
{
text-align:center;
max-height:110px;
max-width:160px;
border:0px;
}

#galleri1Table td .txt
{
min-width:50px;
clear:both;
text-align:left;
padding:0px;
}

#galleri1Table td a
{
text-align:center;
display:block; 
border:1px dotted #d9d9d9;
}
#galleri1Table td a:hover
{
display:block;
text-align:center;
border:1px dotted #000000;
}
/*------------------------------------------------- Galleri side 2 -------------------------------------------------*/

#galleriCol2_inner
{
width:690px;
min-height:480px;
background-color:#d9d9d9;
margin-left:10px;
float:left;
}

.galleriCol2_inner_Text
{
width:670px;
float:left;
padding:12px;
font-weight:bold;
}
.galleriCol2_inner_Text td
{
padding:10px;
/*color:#ffffff;*/
font-weight:bold;
font-size:11px;
}
.galleriCol2_inner_Text_bunn
{
min-width:50px; /* 230 */
float:left;
padding:10px;
text-align:left;
padding-bottom:0px;
padding-top:0px;
margin-left:10px;
clear:both;
}
.galleriCol2_inner_Text_bunn_Rose
{
min-width:130px; /* 230 */
float:left;
padding:3px;
text-align:left;
padding-bottom:0px;
padding-top:0px;
margin-left:10px;
clear:both;
}

#galleri1Table2
{
/*width:620px; yogi did this  */
width:690px;
min-height:200px;
}
#galleri1Table2 td
{
height:140px;
padding-left:10px;
padding-top:10px;
vertical-align:bottom;
}

#galleri1Table2 td img
{
margin: 0 auto
border:0px;
max-height:300px;
max-width:200px;
}
#galleri1Table2 td a
{
width:100%;
clear:both;
}
.bestillLB
{
min-width:130px;
clear:both;
margin-top:10px;
padding:10px;
padding-bottom:0px;
padding-top:0px;
margin-top:0px;
}  

.bestillLB_Rose
{
min-width:130px;
clear:both;
padding:12px;
padding-bottom:0px;
padding-top:5px;
margin-top:0px;

}
.bestillLB a
{
float:left;
text-align:left;
display:block;
min-width:50px;
height:12px;
color:#000000;
text-decoration:none;
padding-left:15px;
}
.bestillLB a:hover
{
color: #636363;
font-weight:bold;
color:#000000;
}
.bestillLB2
{
width:230px;
clear:both;
margin-top:10px;
padding:0px;
padding-bottom:0px;
padding-top:0px;
font-weight:bold;
margin-top:10px;
}
.bestillLB2 a
{
float:left;
text-align:left;
display:block;
min-width:60px;
height:12px;
font-weight:bold;
color:#000000;
text-decoration:none;
}
.bestillLB2 a:hover
{
color: #636363;
font-weight:bolder;
color:#000000;
}

/*------------------------------------------------- Galleri side 3 -------------------------------------------------*/
#galleri_2_Col1
{
width:474px;
height:400px;
float:left;
border-right:1px solid #000000;
/*padding-right:25px;*/
padding-right:50px;
/*position:absolute;
left:0px;
top:100px;*/
}
#galleri_2_Col1 img {
/*height:300px; */
max-height:300px;
max-width:450px;
align:middle;
}

#galleri_2_Col2
{
width:300px;
height:400px;
float:left;
padding-left:50px;
/*background-color:#ff0000;*/
font-family: Arial,Helvetica,sans-serif;
letter-spacing:1px;
font-size:10px;
margin-top:25px;
}
#galleri_2_Col1 .bestillLB
{
width:100%;
height:20px;
margin-top:50px;
} 
#galleri_2_Col1 .bestillLB a
{
width:100%;
height:20px;
color:#000000;
font-weight:bold;
text-decoration:none;
}
#galleri_2_Col1 .bestillLB a:hover
{
width:100%;
height:20px;
color: #636363;
font-weight:bold;
}
.galleri_bildeRamme
{
height: 400px;
/* width:450px; */
background-color:#eeeded; /* eeeded */
margin-bottom:20px;
text-align:center;
overflow:hidden;
}
.galleri_bildeRamme_img
{
display:block;
height:370px;
width:300px;
border:1px solid black;
margin-left: auto;
margin-right: auto;
background-position:center;
}


#galleriNav
{
margin-left: auto;
margin-right: auto;
width:100px;
height:10px;
}
#galleriLeftArrow
{
float:left;
width:12px;
height:9px;
margin-right:10px;
background-image:url(img/arrow2.gif);
}
#galleriLeftArrow a
{
width:12px;
height:9px;
display:block;
}
#galleriRightArrow
{
float:left;
width:12px;
height:9px;
margin-left:10px;
background-image:url(img/arrow3.gif);
}
#galleriRightArrow a
{
width:12px;
height:9px;
display:block;
}
#galleriNavTxt
{
min-width:10px;
height:10px;
float:left;
}

/*------------------------------------------------- Handlevogn -------------------------------------------------*/


#handlevognTable
{
width:100%;
}

#handlevognTable th
{
background-color: #bbbcbb;
color:#FFFFFF;
padding-left:5px;
padding-right:5px;
}
#handlevognLine
{
width:100%;
height:12px;
border-bottom:2px #444444 solid;
padding-top:8px;
}

#handlevognLineSum
{
width:100%;
height:20px;
border-bottom:2px #444444 solid;
padding-top:8px;
font-weight:bold;
}


.nesteButton
{
float:right;
color:#000000;
font-size:10px;
cursor:pointer;
border:outset 1px #ccc;
background-color:#bbbcbb;
color:#000000;
padding: 0px;
padding-top:2px;
height:15px;
min-width:72px;
background-image:url(img/pil_neste.gif);
background-repeat:no-repeat;
background-position:right top;
}

.nesteButton:hover
{
border:inset 1px #ccc;
background-color:#bbbcFF;
text-decoration:none;
}
.nesteButton a
{
display:block;
padding-right:17px;
padding-left:5px;
min-width:50px;
text-decoration:none;
}
.nesteButton a:hover
{
padding-right:17px;
padding-left:5px;
text-decoration:none;
}
.tilbakeButton
{
float:left;
font:Arial, Helvetica, sans-serif;
color:#000000;
font-size:10px;
cursor:pointer;
border:outset 1px #ccc;
background-color:#bbbcbb;
color:#000000;
padding: 0px;
padding-top:2px;
height:15px;
min-width:72px;
background-image:url(img/pil_tilbake.gif);
background-repeat:no-repeat;
text-align:right;
}

.tilbakeButton:hover
{
border:inset 1px #ccc;
background-color:#bbbcFF;
text-decoration:none;
}
.tilbakeButton a
{
display:block;
padding-left:17px;
padding-right:5px;
min-width:50px;
text-decoration:none;
}
.tilbakeButton a:hover
{
text-decoration:none;
}
#handlevognTable td img
{
width:50px;
padding-right:10px;
float:left;
}

.handlevognTekst
{
line-height:50px;
}

.orderfunctions
{
display:block;
width:32px;
float:left;
margin-right:10px;
}


.cartInput
{
border:1px solid #444444;
margin-bottom:0px;
}


.visibilityHidden
{
display:none;
}
.visibilityVisible
{
display:block;
}

/*------------------------------------------------- lightbox -------------------------------------------------*/

#lightbox{
position: absolute;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}

#lightbox a img{ border: none; }

#outerImageContainer{
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}


#imageContainer{
padding: 10px;
}


#loading{
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#hoverNav{
position: absolute;
top: 0;
left: 0;
/*height: 100%;
width: 100%;*/


z-index: 10;
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}




#prevLink, #nextLink{
width: 49%;
height: 100%;
background: transparent url(lightbox/images/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;
}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(lightbox/images/nextlabel.gif) right 15% no-repeat; }



#imageDataContainer{
font: 10px Verdana, Helvetica, sans-serif;
background-color: #d9d9d9;
margin: 0 auto;
line-height: 1.4em;
}




#imageData{padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;}
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em;}

#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #000;
}


/* Min-Width */
.lbWidth { /* most browsers */
position: absolute;
top: 0px; left: 0px;
width: 100%;
min-width: 790px;
}


* html .lbContent { /* IE6 */
margin-left: -790px;
position:relative;
}


* html .lbMinWidth { /* IE6 */
padding-left: 790px;
}


/* Clearfix */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}



/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 

/* carousel styles */
.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 900px; /*Width of Carousel Viewer itself*/
height: 130px; /*Height should enough to fit largest content's height*/
/*background-color:#FFFFFF;*/
float:left;
margin-bottom:0px;
margin-top:0px;
clear:both;
}
.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 180px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
background-image:url(img/panelbox.png);
background-repeat:no-repeat;
background-position:top;
margin-left:30px;
}
.stepcarousel a{
text-decoration:none;
}
table.variant {
width: 80%;
}
table.variant td.variantSize {
width: 10%;
text-align:right;
padding-right: 5px;
}
table.variant td.variantPrice {
width: 40%;
}
table.variant td.variantBuy {
width: 50%;
}
#slideKnappVenstre
{
width:24px;
height:24px;
position:absolute;
top:40px;
left:0px;
z-index:50;
}
#slideKnappVenstre a
{
display:block;
width:24px;
height:24px;
background-image:url(img/but2.gif);
background-repeat:no-repeat;
}
#slideKnappHoyre
{
width:24px;
height:24px;
position:absolute;
top:40px;
right:0px;
z-index:50;
}
#slideKnappHoyre a
{
display:block;
width:24px;
height:24px;
background-image:url(img/but1.gif);
background-repeat:no-repeat;
}
.stepcarousel a
{
text-decoration: none;
color:#000000;
}
.stepcarousel a:hover
{
text-decoration: underline;
color:#000000;
}
.belt img
{
border:px solid #231f20;
padding:0px;
}