/*	Project Name:		Din Helse Shop G¿ran Andersen
	.........................................................	*/
html,body{
	margin:0; padding:0; line-height:16px;
	background:#fff url(/userfiles/image/graphics/bg.jpg) repeat-x; 
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px; color:#535659;

}
*{ margin:0px auto; }
a{ color:#0f5c9d; text-decoration:underline; }
a:hover{ color:#0f5c9d; text-decoration:none; }
img{ border:0pt; }
table{ margin:0px; }
td{ padding:1px 3px; vertical-align:top; }
ul{ margin:0px; padding:0px; }
ul li{ margin:0px; padding:0px; }

.main{ position:relative; width:900px; }
.main-inner{ position:relative; width:auto; min-width:1100px; }
/* ============== CONTAINER ================= */
.container{ position:relative; background:#FFF; width:870px; overflow:hidden; padding:30px 15px 20px 15px; }
.col-left{ width:570px; float:left; }
.col-right{ width:280px; float:right; padding:0 0 0 20px; }

.col-left2{ width:210px; float:left; padding:0 10px 0 0; }
.col-right2{ width:650px; float:right; }

.handlevogn{ position:absolute; top:5px; right:15px; background:url(/userfiles/image/graphics/button-handlevogn.gif) no-repeat; font-size:9px; font-weight:bold; text-decoration:none; text-align:center; width:59px; height:20px; line-height:20px; padding:0 4px 0 22px; display:block; color:#333; }

/* ============== FLAG ================= */
#flag{ position:absolute; top:47px; left:441px; height:18px; overflow:hidden; }
#flag a{ width:26px; height:18px; display:inline-block; overflow:hidden; text-indent:-1000px; float:left; margin:0 4px 0 0; }
#flag .flagactive{ cursor:default; }
/*Norway*/
#flag a.flagnb{ background:url(/userfiles/image/graphics/flag-no.gif) no-repeat left top; }
#flag a.flagnb:hover{ background:url(/userfiles/image/graphics/flag-no.gif) no-repeat left top; }
/*English*/
#flag a.flagen{ background:url(/userfiles/image/graphics/flag-en.gif) no-repeat left top; }
#flag a.flagen:hover{ background:url(/userfiles/image/graphics/flag-en.gif) no-repeat left top; }
/*German*/
#flag a.flagde{ background:url(/userfiles/image/graphics/flag-ge.gif) no-repeat left top; }
#flag a.flagde:hover{ background:url(/userfiles/image/graphics/flag-ge.gif) no-repeat left top; }
/*Japanese*/
#flag a.flagja{ background:url(/userfiles/image/graphics/flag-jp.gif) no-repeat left top; }
#flag a.flagja:hover{ background:url(/userfiles/image/graphics/flag-jp.gif) no-repeat left top; }
/*Hungaruian*/
#flag a.flaghu{ background:url(/userfiles/image/graphics/flag-hu.gif) no-repeat left top; }
#flag a.flaghu:hover{ background:url(/userfiles/image/graphics/flag-hu.gif) no-repeat left top; }
/*Spainese*/
#flag a.flages{ background:url(/userfiles/image/graphics/flag-sp.gif) no-repeat left top; }
#flag a.flages:hover{ background:url(/userfiles/image/graphics/flag-sp.gif) no-repeat left top; }

#flag a.selected{ background-position:left top; }


/* ============== MENU ================= */

#menu{ position:absolute; top:0; left:9px; height:69px; white-space:nowrap; z-index:100; font-size:12px; }
#menu ul{ list-style:none; }
#menu ul li{ position:relative; display:inline; float:left; height:30px;}
#menu ul li.sep{ width:5px; font-size:0px; overflow:hidden; text-indent:-1000px; }
#menu ul li.space{ width:225px; }

#menu ul li a{ background:url(/userfiles/image/graphics/menu-over.png) no-repeat left top; text-decoration:none; color:#fff; width:68px; height:29px; line-height:20px; float:left; display:block; text-align:center; padding:40px 0 0 0; }
#menu ul li a:hover{ background:url(/userfiles/image/graphics/menu-over.png) no-repeat left -69px; color:#f9c045; }
#menu ul li a.active{ background:url(/userfiles/image/graphics/menu-over.png) no-repeat left -69px; color:#f9c045; }

#menu ul li ul{ position:absolute; top:0; left:0; background:url(/userfiles/image/graphics/transparent.png); text-transform:none; padding:10px 0; }
#menu ul li ul li{ background:none; display:block; clear:both; padding:0 5px; width:143px; height:20px; line-height:20px; }
#menu ul li ul li.sep{ width:143px; height:1px; line-height:1px; font-size:0px; overflow:hidden; text-indent:-1000px; display:none; }
#menu ul li ul li a{ background:none; height:20px; line-height:20px; font-size:11px; padding:0 10px; border-bottom:1pt dotted #000; display:block; float:left; width:123px; text-align:left; }
#menu ul li ul li a:hover{ background:none; color:#c08c00; }
#menu ul li ul li a.active{ text-decoration:underline; }

.downarrowclass{ position: absolute; top: 17px; right: 7px; display:none; }
.rightarrowclass{ position: absolute; top: 11px; right: 5px; display:none; }

/* ============== HEADER ================= */
.top{ position:relative; background:url(/userfiles/image/graphics/top.jpg) no-repeat; width:900px; height:470px; z-index:100; }
.top-inner{ position:relative; background:url(/userfiles/image/graphics/top-inner.jpg) no-repeat; width:900px; height:164px; z-index:100; }

#logo{ z-index:1000; }
#logo a{
	position:absolute;
	top:18px;
	left:688px;
	width:174px;
	height:96px;
	display:block;
	overflow:hidden;
	text-indent:-1000px;
	z-index:1000;
}
.media{ position:absolute; top:200px; left:254px; width:394px; height:221px; }
.slogan-1{ position:absolute; top:90px; left:32px; color:#FFF; font-size:14px; }
.slogan-1 h1{ font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:24px; font-weight:normal; color:#f9c045; line-height:30px; padding:0 0 5px 0; }

.slogan-2{ position:absolute; top:224px; left:32px; font-size:14px; width:190px; line-height:18px; color:#fff; }
.slogan-3{ position:absolute; top:221px; right:38px; background:url(/userfiles/image/graphics/star.jpg) no-repeat; width:150px; padding:35px 10px 0 10px; font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; line-height:20px; color:#fff; text-align:center; font-style:italic; }

.header{ position:relative; width:1024px; height:476px; z-index:10; padding:0 38px; }

.bestill a{ position:absolute; top:129px; right:26px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:14px; background:url(/userfiles/image/graphics/button-bestill.jpg) no-repeat; width:197px; height:38px; line-height:38px; text-align:center; text-decoration:none; color:#000; }

#slide{ position:absolute; top:0px; left:-54px; width:674px; height:423px;  }

/* ============== CONTENT BOX ================= */
.container-content{ width:900px; overflow:hidden; }
.content-box{ }

.content h1{ font-weight:normal; font-size:18px; color:#085173; padding:0 0 5px 0; }

.content, .content-inner{ overflow:hidden; padding:20px 0 20px 0; }
.content-inner h1{ font-weight:normal; font-size:12px; color:#c77e00; padding:0 0 5px 0; }
.content-inner ul li{ margin:0 0 0 15px; }

.heading{ font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:20px; padding:5px 0; border-bottom:2pt solid #e3e3e3; border-top:2pt solid #e3e3e3; color:#085173; line-height:25px; margin:0 auto 10px auto;}

/* ============== CONTAINER TEASER ================= */

.teaserBox{ position:absolute; top:292px; left:36px; background:url(/userfiles/image/graphics/teaser.png) no-repeat; width:1024px; height:184px; }
.teaserBox ul{ list-style:none; overflow:hidden; }
.teaserBox ul li{ display:inline-block; float:left; height:156px; color:#000; padding:14px 20px; width:301px; }
.teaserBox ul li h1{ font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#43afdc; line-height:29px; text-transform:uppercase; padding:0 0 5px 0; }
.teaserBox ul li h1:first-letter{ font-size:24px; }


.teaser-content{ position:relative; padding:0 0 0 138px; clear:both; color:#FFF; overflow:hidden; height:120px; font-size:10px; line-height:13px; }
.teaser-content a.lesmer{ background:url(/userfiles/image/graphics/lesmer.gif) no-repeat; width:48px; height:28px; line-height:28px; text-align:center; color:#43afdc; text-transform:uppercase; font-size:10px; padding:0 19px 6px 9px; float:right; clear:both; text-decoration:none; }

.t1{ background:url(/userfiles/image/graphics/teaser-1.jpg) no-repeat; }
.t2{ background:url(/userfiles/image/graphics/teaser-2.jpg) no-repeat; margin:0 1px 0 0; }
.t3{ background:url(/userfiles/image/graphics/teaser-3.jpg) no-repeat; }

.t3 .txt-title{ text-transform:uppercase; }

/* ============== FOOTER ================= */
.footer{ position:relative; background:url(/userfiles/image/graphics/footer.jpg) no-repeat; width:900px; color:#fff; text-align:center; height:23px; padding:20px 0; line-height:23px; }
.footer a{ color:#989898; }

.copyright{ float:left; line-height:20px; width:350px; }
.developed{ float:right; }

.txt-title{ color:#faa51a; }
.txt-hilight{ color:#085173; font-size:14px; }

.clear{ clear:both; height:0px; line-height:0px; font-size:0px; }

.balloon-box{ background:url(/userfiles/image/graphics/balloon-box.jpg) no-repeat; width:240px; height:56px; padding:16px 20px 150px 20px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:14px; color:#736b6b; line-height:18px; text-align:center; }
.balloon-box2{ background:url(/userfiles/image/graphics/balloon-box2.jpg) no-repeat; width:187px; height:56px; padding:16px 10px 150px 10px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:12px; color:#736b6b; line-height:18px; text-align:center; float: left;}


.content-box-right{ background:url(/userfiles/image/graphics/img-1.jpg) no-repeat center bottom; width:280px; padding:20px 0 150px 0; }
.content-box-right h1{ font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:18px; font-weight:normal; color:#c77e00; line-height:30px; padding:0 0 5px 0; }

.paypal{ width:280px; height:100px; }


.products-content{ padding:0 0 20px 0; }
.products-content h1{ font-weight:normal; font-size:18px; color:#085173; padding:0 0 5px 0; }
.products-content h1 a{ color:#085173; text-decoration:none; }


a.legg{ background:url(/userfiles/image/graphics/button-legg.jpg) no-repeat; width:136px; height:32px; line-height:32px; display:block; text-align:center; color:#000; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; font-size:11px; }
a.btnnext{ background:url(/userfiles/image/graphics/button-next.jpg) no-repeat; width:74px; height:32px; line-height:32px; display:block; text-align:center; color:#000; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; padding:0 39px 0 2px; font-size:11px; }
a.iAdmin
{ 
    background: url("/userfiles/image/graphics/iAdmin.png") no-repeat scroll 0 0 transparent;
    color: #535659;
    display: block;
    left: 10px;
    padding: 3px 0 5px 25px;
    position: absolute;
    text-decoration: none;
    top: 5px;	
}
.shopCartInfo
{
   color: #484C4F;
    position: absolute;
    top: 10px;
    z-index: 100;
    left: 235px;
}
 /* form */
    #contact_form{
	          clear: both;
        float: right;
        margin: 0 0 5px;
        overflow: hidden;
        padding: 10px 0;
    }
    #contact_form ul{ padding:0px; margin:0px; list-style:none; }
    #contact_form ul li{  padding:0px 5px; display:inline; clear:both; margin:1px 0px; overflow:hidden; float:left; width:410px;}
    #contact_form ul li label{ width:110px; float:left; display:block; }
    #contact_form ul li p{ width:300px; padding:0px; margin:0px; float:left; }
    #contact_form .textArea{ 
        background-color: #FFFFFF;
        border: 1pt solid #999999;
        width:100%; height:100px;
        font-family: Verdana; font-size: 11px;
    }
    .chrome #contact_form .textArea{ 
        width:297px !important;
    }
    #contact_form .inputText{
        background-color: #FFFFFF;
        border: 1pt solid #999999;
        width:100%; height:18px; line-height:18px;
        font-size:11px;
        font-family: Verdana; font-size: 11px;
    }
    #contact_form .inputText2{
        background-color: #FFFFFF;
        border: 1pt solid #999999;
        width:120px; height:18px; line-height:18px; margin-right:1px;
        font-family: Verdana; font-size: 11px;
    }
         #comment { height: 100px; }
  .submit,.reset {background: #000; border: none !important; color: #fff; cursor: pointer; height: 22px; margin-bottom: 5px; width: 66px !important;font-family: Verdana;
    font-size: 11px; }