/* CSS Document */
/* CSS Document MAL*/
/* hele vinduet, legg inn bakgrunnsfarge/grafikk her */
html,body
{
 margin:0px auto;
 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%;
background-image:url(img/webBackgr.gif);
background-repeat:repeat;
}
.myRoundCornerBox {
display:block;
 width: 100px;
 height: 100px;
 padding:2px;
 border:1px solid #231f20;
background-color:#ffffff;
}
.myRoundCornerBoxBig {
display:block;
 width: 188px;
 height: 188px;
 padding:2px;
 border:1px solid #231f20;
background-color:#ffffff;
text-align:center;margin-bottom:10px;
}
#distance { 
		width:1px;
		height:50%;
		background-color:#fc6;
		margin-bottom:-30em;/* half of container's height */
		float:left;
}
/* hoved rammen rundt siden */
#main
{
width:1222px;
min-height:600px;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
clear:left;
}
a
{
text-decoration:none;
}
a:hover
{
text-decoration:underline;
}
td a
{
text-decoration:none;
color:#333333;
}
td a:hover
{
text-decoration:underline;
}
h1
{
font-size:16px;
}
h3
{
font-size:14px;
font-weight:bold;
}
h4
{
margin:0px;
font-size:10px;
color:#333333;
text-decoration:none;
}
/* --------------------------------------------------------- toppene --------------------------------------------------------- */
#top1
{
width:1124px;
height:115px;
position:relative;
}
#artesiaLogo
{
position:absolute;
top:3px;
left:45px;
background-image:url(img/artesiaLogo2.png);
width:92px;
height:110px;
}
#logo-line{
position:absolute;
background-image:url(img/logoline.gif);
width:461px;
height:42px;
top:53px;
left:200px;

}

#artesiaLogo a
{
display:block;
width:92px;
height:110px;
}
#top1Meny
{
position:absolute;
top:10px;
right:10px;
height:15px;
line-height:15px;
min-width:200px;
}
.top1MenyLb
{
min-width:50px;
height:20px;
margin-left:12px;
float:left;
}
.top1MenyLb a
{
display:block;
min-width:50px;
height:20px;
float:left;
color:#231f20;
font-size:12px;
line-height:15px;
}
.top1MenyLb a:hover
{
text-decoration:underline;
}
.top1MenyLbS
{
min-width:50px;
height:20px;
margin-left:12px;
float:left;
}
.top1MenyLbS a
{
display:block;
min-width:50px;
height:20px;
float:left;
color:#231f20;
font-size:12px;
line-height:15px;
font-weight:bold;
}
.top1MenyLb a:hover
{
text-decoration:none;
}
/*#sok
{
position:absolute;
top:35px;
left:625px;
width:130px;
height:20px;
}
#sokInp
{
position:absolute;
top:1px;
left:50px;
font-size:11px;
color:#231f20;
height:15px;
border:1px solid #231f20;
}
#sokButton
{
position:absolute;
top:0px;
left:0px;
height:20px;
width:40px;
cursor:pointer;
font-size:11px;
}
*/
#sok
{
position:absolute;
top:35px;
right:40px;/*left:960px;*/
width:130px;
height:20px;
}
#sokInp
{
position:absolute;
top:1px;
left:50px;
font-size:11px;
color:#231f20;
height:15px;
border:1px solid #231f20;
}
#sokButton
{
position:absolute;
top:0px;
left:0px;
height:20px;
width:40px;
cursor:pointer;
font-size:11px;
}
#flaggMeny
{
position:absolute;
top:36px;
right:43px;
width:144px;
height:18px;
}
#engFlagg
{
width:26px;
height:18px;
background-image:url(img/engelskFlagg.gif);
background-repeat:no-repeat;
margin-left:10px;
float:left;
}
#svenskFlagg
{
width:26px;
height:18px;
background-image:url(img/svenskFlagg.gif);
background-repeat:no-repeat;
margin-left:10px;
float:left;
}
#finskFlagg
{
width:26px;
height:18px;
background-image:url(img/finskFlagg.gif);
background-repeat:no-repeat;
margin-left:10px;
float:left;
}
#danskFlagg
{
width:26px;
height:18px;
background-image:url(img/danskFlagg.gif);
background-repeat:no-repeat;
margin-left:10px;
float:left;
}
#engFlagg a,#svenskFlagg a,#finskFlagg a,#danskFlagg a
{
display:block;
width:26px;
height:18px;
}
#handlekurvMeny
{
position:absolute;
top:66px;
right:10px;
width:175px;
height:36px;
background-image:url(img/handlekurv.gif);
background-position:left top;
background-repeat:no-repeat;
padding-left:35px;
/* border:1px solid red; */
text-align:center;
}
#handlekurvMeny a
{
color:#231f20;
font-size:10px;
text-align:center;
line-height:15px;
}
#top2
{
width:900px;
height:30px;
padding-left:10px;
}
.top2Lb
{
height:30px;
min-width:50px;
margin-right:10px;
float:left;
}
.top2Lb a
{
display:block;
height:30px;
min-width:50px;
line-height:30px;
color:#231f20;
font-size:12px;
font-weight:bold;
}
.top2Lb a:hover
{
text-decoration:underline;
}
.top2LbS
{
height:30px;
min-width:50px;
margin-right:10px;
float:left;
}
.top2LbS a
{
display:block;
height:30px;
min-width:50px;
line-height:30px;
color:#231f20;
font-size:12px;
font-weight:normal;
text-decoration:underline;
}
.top2LbS a:hover
{
text-decoration:none;
}
#top3
{
width:1222px;
height:455px;
}
/* --------------------------------------------------------- kolonnene --------------------------------------------------------- */
/* forsiden */
#col1_forside
{
width:875px;
height:550px;
background-image:url(img/bg4.jpg);
background-repeat:no-repeat;
background-position:left top;
float:left;
position:relative;
}
#col1_forside_meny
{
position:absolute;
top:20px;
left:50px;
width:190px;
min-height:200px;
padding:10px;
}
.col1_forside_menyLB
{
width:190px;
min-height:20px;
color:#231f20;
font-weight:bold;
font-size:12px;
}
.col1_forside_menyLB a
{
display:block;
width:190px;
min-height:20px;
color:#231f20;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
.col1_forside_menyLB a:hover
{
text-decoration:underline;
}
#forsideCont
{
position:absolute;
top:10px;
left:304px;
width:560px;
height:510px;
/*background-color:#fc6;*/
}
#forsideContProd
{
position:absolute;
top:360px;
left:0px;
width:560px;
height:130px;
/*background-color:#f00;*/
}
/*cms del*/
#col1
{
width:875px;
/*height:455px;*/
height:550px;
/*background-image:url(img/col1Img1.png);*/
background-image:url(img/bbg.png);
background-repeat:no-repeat;
background-position:left top;
float:left;
position:relative;
}
#col1_trans_backGr
{
position:absolute;
top:10px;
left:10px;
width:759px;
height:450px;
background-image:url(img/cmsBackGround4.gif);
background-repeat:no-repeat;
}
#col1_trans_backWh
{
position:absolute;
top:10px;
left:10px;
width:759px;
height:420px;
background-image:url(img/cmsBackGroundWhite.gif);
background-repeat:no-repeat;
}
#col1_cms_meny_backGr
{
position:absolute;
top:1px;
left:10px;
width:150px;
min-height:220px;
background-color:#5c5a5d;
}
#col1_cms_meny /*comes on second page*/ 
{
position:absolute;
top:11px;
left:20px;/*20*/
width:150px;
min-height:200px;
padding:10px;
/*background-color:#5c5a5d;*/
background-image:url(img/sh.png);
background-repeat:repeat-y;
}
.col1_cms_menyLB
{
width:122px;
min-height:15px;
font-size:12px;
color:#FFFFFF;
background-image:url(img/bullet.gif);
background-position:0px 5px;
background-repeat:no-repeat;
padding-left:8px;
margin-bottom:3px;
}
.col1_cms_menyLB a
{
display:block;
width:122px;
min-height:15px;
text-decoration:none;
color:#FFFFFF;
font-size:12px;
}
.col1_cms_menyLB a:hover
{
text-decoration:underline;
}
#col1_cms_cont
{
position:absolute;
top:15px;
left:170px;
width:570px;
height:420px;
padding:10px;
padding-top:5px;
overflow-y:auto;
overflow-x:hidden;
font-size:12px;
}
#col1_cms_cont_hel
{
position:absolute;
top:15px;
left:20px;
width:720px;
height:420px;
padding:10px;
overflow-y:auto;
overflow-x:hidden;
font-size:12px;
}
#col1_1
{
position:absolute;
top:10px;
left:10px;
width:200px;
height:400px;
background-color:#CCCCCC;
}
.transparent_class 
{
	filter:alpha(opacity=70);
	opacity: 0.7;
-moz-opacity:0.7;
}
.transparent_class1
{
	filter:alpha(opacity=95);
	opacity: 95;
-moz-opacity:0.7;
}
.transparent_class2
{
	filter:alpha(opacity=90);
	opacity: 90;
-moz-opacity:0.7;
}
#col1_1Content
{
position:absolute;
top:10px;
left:10px;
width:180px;
height:380px;
padding:10px;
}
.col1Lb
{
width:190px;
height:13px;
color:#231f20;
font-size:12px;
margin-bottom:5px;
}
.col1Lb a
{
display:block;
width:190px;
height:13px;
color:#231f20;
font-size:12px;
text-decoration:none;
font-weight:bold;
}
.col1Lb a:hover
{
text-decoration:underline;
}
#col1_2
{
position:absolute;
top:10px;
left:220px;
width:549px;
height:400px;
background-color:#CCCCCC;
}
#col1_2Content
{
position:absolute;
top:10px;
left:220px;
width:529px;
height:380px;
padding:10px;
overflow-x:hidden;
overflow-y:auto;
}
#col2
{
width:249px;
height:550px;
float:left;
/*background-image:url(img/col2Img2.png);*/
/*background-image:url(img/3-bilder-artesia1.png);
background-image:url(img/col2.png);
background-repeat:no-repeat;
background-position:left top;
*/
}
/* ------------------- footer div ------------------- */
#footer
{
width:1000px;
height:20px;
line-height:20px;
clear:both;
font-size:12px;
float:left;
text-align:center;
}
#productlistnavigation
{
width: 500px;
height:20px;
clear:both;
}
/* #productdetails img
{
display:inline;
margin:10px;
margin-right:0px;
margin-top:1px;
} */
/* yogi did this */
#productdetails img
{
display:inline;
margin:5px;
}
/* yogi did this */
#kjopKnapp
{
min-width:50px;
height:19px;
line-height:19px;
color:#ffffff;
font-size:11px;
text-align:center;
float:right;
margin-left:10px;
margin-top:0px;
background-image:url(img/knapp_03-1.gif);
background-position:center;
background-repeat:no-repeat;
margin-right:5px;
}
#kjopKnapp a
{
color:#ffffff;
text-decoration:none;
display:block;
padding-left:10px;
padding-right:10px;
}
#kjopKnapp a:hover
{
color:#ffffff;
text-decoration:none;
}
#prodSelDD
{
/*min-width:500px;*/
height:30px;
float:right;
font-size:10px;

}
#prodSelDD1
{
min-width:500px;
height:30px;
float:right;
font-size:10px;

}

#gavekortVariants{
width:100px;
height:100px;
}
#variantidTmp
{
font-size:10px;
background-color:#ddd;
}
.nesteKnapp
{
min-width:50px;
height:19px;
line-height:19px;
color:#ffffff;
font-size:12px;
text-align:center;
float:left;
margin-left:20px;
background-image:url(img/knapp_03-1.gif);
background-position:center;
background-repeat:no-repeat;
background-color:#000000;
padding-left:10px;
padding-right:10px;
}
.nesteKnapp a
{
color:#ffffff;
text-decoration:none;
display:block;
}
.nesteKnapp a:hover
{
color:#ffffff;
text-decoration:none;
}
/* BLOGG */
#col1_blogg_backGr
{
position:absolute;
top:10px;
left:10px;
width:759px;
height:384px;
padding-top:66px;
background-image:url(img/cmsBackGroundBlogg2.gif);
background-repeat:no-repeat;
}
#bloggCol1
{
width:150px;
height:364px;
float:left;
padding:10px;
font-size:10px;
border-right:1px solid #c7c9cb;
overflow-y:auto;
overflow-x:hidden;
}
#bloggCol2
{
width:558px;
padding:10px;
padding-right:20px;
padding-top:0px;
height:374px;
overflow-y:auto;
overflow-x:hidden;
float:left;
font-size:12px;
}
.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 530px; /*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;
}




/* variant bilder */
#pic
{
min-width:100px;
margin-right:10px;
height:20px;
float:right;
}
#pic a img 
{
border: 0;margin: 0; padding: 0;
}
#pic a.p1, #pic a.p1:visited 
{
display: block;
text-decoration: none;
border: 0;margin: 0; padding: 0;
}
#pic a .large 
{
border: 0px;
display: none;
height: 2px;
left: 0px;
position: absolute;
top: 0px;
width: 0px;
}
#pic a.p1:hover .large 
{
display: block;
width: 100px;
height: 100px;
position: absolute;
top: 25px;
left: 375px;
}
#pic a .small 
{
width:20px;
height:20px;
float:left;
}
a .p1
{
float:left;
}
#leftColProduct
{
position:absolute;
height:300px;

}