/*
  $Id: stylesheet.css,v 1.1.1.1 2003/09/18 19:06:01 wilt Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/
#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

.vareboks {
	border:solid #969696 1px;
	width:237px;
	height:320px;
	float:left;
	margin-left:7px;
	margin-bottom:15px;
	text-align:center;
	overflow:hidden;
	position:relative;
}
.related_url a:link, a:visited, a:hover, a:active {
	text-decoration:none;
	font-size:12px;
	color:#333333;
}

.basketHead {
	background-color:#8fa161;
	border-bottom:solid 1px #333333;
	height:20px;
	color:#FFF;
	padding-left:3px;
	font-family:tahoma;
	font-size:14px;
	font-weight:bolder;
	line-height:16px
}
.basketHeader {
	color:#333333;
	font-family:tahoma;
	font-size:18px;
	font-weight:bold;
	line-height:20px
}
.myCart {
	font-family: tahoma;
	font-size:12px;
	line-height:12px;
}
.omos {
	font-family: tahoma;
	font-size:12px;
	line-height:13px;
}
.groen_nyhedsbrev {
	font-family: tahoma;
	font-size:24px;
	line-height:28px;
	color:#8fa161;
}
.groen_faq {
	font-family: tahoma;
	font-size:16px;
	line-height:16px;
	color:#8fa161;
	font-weight:bold;
}
.groen_okologi {
	font-family: tahoma;
	font-size:14px;
	line-height:15px;
	color:#8fa161;
}
.nyhedsbrev {
	font-family: tahoma;
	font-size:12px;
	line-height:13px;
}
.basket {
	background-color:#ffffff;
	height:12px;
	color:#000;
	font-family:tahoma;
	font-size:12px;
}

.productPrice {
  font-family: tahoma;
  font-size: 24px;
  color:#333333;
  font-weight:bolder;
  line-height:24px;
}

.divProductPrice {
  font-family: tahoma;
  font-size: 24px;
  color:#333333;
  font-weight:bolder;
  line-height:24px;
}

.productSelect {
	font-family: tahoma;
	font-size: 12px;
	color:#000000;
	background: #FFFFFF;
}

.vareOverskrift {
  font-family: tahoma;
  font-size: 18px;
  color:#000000;
  font-weight:bold;
  line-height:18px;
}
.varebeskrivelse a:link, a:visited, a:hover, a:active {
  font-family: tahoma;
  font-size: 14px;
  line-height:15px;
  color:#333333; 
  text-decoration:none
}

.vareRabat {
  font-family: tahoma;
  font-size: 14px;
  color:#FF0000;
  font-weight:bold;
  line-height:12px;
}


.styleLogin {
	background-color:#b50f13;
	border-bottom:solid 1px #333333;
	height:100px;
	color:#FFFFFF;
	padding-left:3px;
	padding-right:3px;
	}

.styleKurv {
	background-color:#afa464;
	border-bottom:solid 1px #333333;
	color:#FFFFFF;
	padding-left:3px;
	padding-right:3px;
	}

.styleKundeklub {
	background-color:#bca24a;
	border-bottom:solid 1px #333333;
	height:100px;
	color:#FFFFFF;
	padding-left:3px;
	padding-right:3px;
	}

.styleFragt {
	background-color:#8fa161;
	border-bottom:solid 1px #333333;
	height:100px;
	color:#FFFFFF;
	padding-left:3px;
	padding-right:3px;
	}
.payHeader {
	background-color:#8fa161;
	border-bottom:solid 1px #333333;
	font-family:tahoma;
	font-size:14px;
	color:#333333;
	line-height:18px;
}
	
.styleKonto {
	background-color:#8fa161;
	border-bottom:solid 1px #333333;
	height:100px;
	color:#FFFFFF;
	padding-left:3px;
	padding-right:3px;
	}

.styleMenu {
	background-color:#FFFFFF;
	border-bottom:solid 1px #333333;
	border-left:solid 1px #333333;
	border-right:solid 1px #333333;
}
.rrSel {
	background-color:#FFFFFF;
}

.rrFooter a:link, a:visited, a:hover, a:active {
  font-family: tahoma;
  font-size: 12px;
  line-height:14px;
  color:#000000; 
  text-decoration:none
}



.cat_description {  font-family :tahoma; font-size : 10px; color: #800000; font-weight: bold }
.boxText { font-family:tahoma; font-size: 10px; }
.centertable { border-left:1px solid #798CCC; border-right:1px solid #798CCC; background-color:#D2DBF5 }
.navBlue     { color: #FF0000; font-size: 8pt; font-family: Verdana }
.errorBox { font-family :tahoma; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family :tahoma; font-size : 10px; color: #cc0033; }
.productsNotifications {}
.orderEdit { font-family :tahoma; font-size : 10px; color: #252525; text-decoration: none; }

body {
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	background-color:#ccd8a3;
}
img {
	border:0;
	}	



.main, P.main {
  font-family: tahoma;
  font-size: 11px;
  color:#4C5451;
  padding:0px 10px 0px 10px;
}


CHECKBOX, INPUT, RADIO, SELECT {
  font-family:tahoma;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family:tahoma;
  font-size: 11px;
}



/* MY*/
body {margin:0; padding:0; background:#FFFFFF;}
table, td {border-collapse:collapse;}
table, td, img {border:0;}
form, td {margin:0; padding:0;}
td, tr {font:11px/12px tahoma, arial, helvetica, sans-serif; color:#646464; vertical-align:top; ;}


/*top*/
.top1{ width:267px;}
.top1 img{ margin:36px 15px 20px 2px;}
.top2{ width:168px;}
.top3{background:url(images/a2.gif) top left repeat-x; width:158px; padding-top:12px; color:#41350C; font-size:10px; font-weight:bold}
.top3 b{ color:#FFF0BC;}
.top3 img{ margin:0 0 0 10px; float:left}
.top4{ width:100%;}
.top_b{background:url(images/b2.gif) top left repeat-x; width:100%}
.top_b1{background:url(images/b_left.gif) top left repeat-y; width:2px; height:100%}
.top_b2{background:url(images/b_right.gif) top left repeat-y; width:4px; height:100%}
.t_f1 img{ vertical-align:middle; margin-right:20px;}
.t_f1 select{ width:149px; height:19px; font-weight:normal}
.f input, select{ border:1px solid #5A502C; padding:1px 0 1px 5px; color:#5A502C; font-weight:bold; font-size:10px; font-family:tahoma; background:#F6F1DF}
.t_f2 input{ width:194px; height:19px; margin-right:3px;}
.finput { border:1px solid #5A502C; padding:1px 0 1px 5px; color:#5A502C; font-weight:bold; font-size:10px; font-family:tahoma; background:#F6F1DF; width:194px; height:19px; margin-right:3px;}
.t_f2 img{ vertical-align:middle}
.tt{width:100%; height:100%; background:#F2ECD7}
.tt table{ margin:15px 0 0 20px;}
.b1{ width:482px;}
.b1 img{ margin:29px 0 134px 131px;}
.m1{ text-indent:11px;}
.m1 img{ margin-bottom:3px;}
.b2 img{ margin:10px 0 0 0 ;}
.c2{background:url(c2.jpg) top repeat-x; width:100%; }
.c1{background:url(c1.jpg) top left no-repeat; width:100%; height:100%;}
.c3{background:url(c3.jpg) top right no-repeat; width:100%; height:100%;}
/*footer*/
.footer{ width:100%; height:100%; background: #959A9B url(assets_files/footer.gif) top left repeat-x;}
.footer1 img{ margin:19px 56px 31px 27px; float:left}
.footer1{ color:#FFFFFF; line-height:18px;}
.footer1 a{ color:#FFFFFF; text-decoration:underline}
.footer1 a:hover{ color:#FFFFFF; text-decoration:none}
/*content*/
.s1{width:1px; height:100%; background:#EBEBEB}
.s2{width:1px; height:100%; background:#AFAFAF}
.s{width:100%; height:100%; background:#F2ECD7}
.s td select{ width:100px; height:19px; margin:15px 0 17px 21px;}

/*left*/
.left_x{ width:100%; background:#C5C8C8;}
.left_y{ width:1px; background:#C5C8C8; height:100%;}
.left_heder{ width:100%; background:#959A9B; color:#FFFFFF; font-size:11px; font-weight:bold;  text-transform:uppercase; padding:8px 0 9px 10px;}
.left_heder_unde{ width:100%; background:#6A7273}
.left_heder1{ width:100%; background:#AC1111; color:#FFFFFF; font-size:11px; font-weight:bold;  text-transform:uppercase; padding:8px 0 9px 10px;}
.left_heder_unde1{ width:100%; background:#3A1516}
.left_line{ margin:3px 0 3px 0;}
.lef1{ margin-left:11px;}
.lef1 a{ color:#6A7273; text-decoration:none;font-weight:bold; font-size:12px; line-height:13px;}
.lef1 a:hover,a:active, a:visited{ color:#A7BF3D; text-decoration:none;font-weight:bold;font-size:12px;line-height:13px;}
.sel_lef1{ margin-left:11px;}
.sel_lef1 a, a:active, a:visited{ color:#6A7273;font-weight:bolder;font-size:12px;line-height:13px;}
.sel_lef1 a:hover{ text-decoration:none;color:#A7BF3D; font-weight:bolder;font-size:12px;line-height:13px;}

.tilbud_lef1{ margin-left:11px;}
.tilbud_lef1 a{ color:#FF0000; text-decoration:none;font-weight:bold; font-size:12px; line-height:13px;}
.tilbud_lef1 a:hover,a:active{ color:#FF0000; text-decoration:none;font-weight:bold;font-size:12px;line-height:13px;}
.tilbud_lef1 a:visited{ color:#FF0000; text-decoration:none;font-weight:bold;font-size:12px;line-height:13px;}
.tilbud_sel_lef1{ margin-left:11px;}
.tilbud_sel_lef1 a, a:active, a:visited{ color:#FF0000;font-weight:bolder;font-size:12px;line-height:13px;}
.tilbud_sel_lef1 a:hover{ text-decoration:none;color:#FF0000; font-weight:bolder;font-size:12px;line-height:13px;}

.sub1{ margin-left:16px;}
.sub1 a{ color:#6A7273; text-decoration:none;font-weight:bold;font-size:12px;line-height:13px;}
.sub1 a:hover{ color:#A7BF3D; text-decoration:none;font-weight:bold;font-size:12px;line-height:13px;}
.sel_sub1{ margin-left:16px;}
.sel_sub1 a, a:active, a:visited{ color:#6A7273; text-decoration:none;font-weight:bolder;font-size:12px;line-height:13px;}
.sel_sub1 a:hover{ color:#A7BF3D; text-decoration:none;font-weight:bolder;font-size:12px;line-height:13px;}

.q1{background:url(q2.gif) top left repeat-x; width:100%; height:100%;}
.lef2 div{ margin:1px 0 12px 7px; color:#6A7273; line-height:13px;}
.lef2 div strong a{ text-decoration:underline; color:#6A7273; text-transform:uppercase; font-size:9px;}
.lef2 div strong a:hover{ text-decoration:none; color:#6A7273; text-transform:uppercase; font-size:9px;}
.lef2 div span{ color:#EA2020; font-size:12px; font-weight:bold}
.lef2 div span strong{ color:#EA2020; font-size:24px; font-weight:bold}
.lef2 img{ float:left; margin-right:10px;}
/*right*/
.right_heder{ width:100%; background:#62750D; color:#FFFFFF; font-size:11px; font-weight:bold;  text-transform:uppercase; padding:8px 0 9px 10px;}
.right_heder1{ width:100%; background:#BA8437; color:#FFFFFF; font-size:11px; font-weight:bold;  text-transform:uppercase; padding:8px 0 9px 10px;}
.right_heder1x{ width:100%; background:#2D6964; color:#FFFFFF; font-size:11px; font-weight:bold;  text-transform:uppercase; padding:8px 0 9px 10px;}
.d1{ background:#62750D;}
.d2{ background:#445209; width:100%;}
.r2{background:url(1r2.gif) top left repeat-x; width:100%; height:100%;}
.r21{background:url(2r2.gif) top left repeat-x; width:100%; height:100%;}
.r211{background:url(3r2.gif) top left repeat-x; width:100%; height:100%;}
.y1{width:1px; height:100%; background:#6C7F18}
.y11{width:1px; height:100%; background:#C89D5F}
.y111{width:1px; height:100%; background:#6A9483}
.y2{width:100%; background:#98AF34; padding:14px 0 6px 0;}
.y22{width:100%; background:#F0E1A4; padding:14px 0 6px 1px;}
.y222{width:100%; background:#7CC9BF; padding:14px 0 6px 1px;}
.rig1{ margin-left:11px;}
.rig1 a{ color:#FFFFFF; text-decoration:none}
.rig1 a:hover{ color:#B81212; text-decoration:none}
.right_line{ margin:3px 0 3px 0;}
.rig11{ color:#5A502C; margin-left:11px; width:157px;}
.rig11 strong{ color:#B81212; font-size:9px;}
.right_line1{ margin:8px 0 8px 0;}
.rig11 img {vertical-align:middle; margin-left:5px;}
.rig1x{ margin:3px 0 3px 0;}
.rig11x{ margin-left:11px; color:#304640}
.rig11x a{ color:#304640; text-decoration:none}
.rig11x a:hover{ color:#FFFFFF; text-decoration:none}
.hh1{ width:100%; background:#C5C8C8}

/*center*/
.cen1{ color:#2B5445; font-family:"Times New Roman", Times, serif; font-size:28px; font-weight:bold; line-height:28px;}
.cen1_sub{ color:#2B5445; font-family:"Times New Roman", Times, serif; font-size:18px; font-weight:bold; line-height:18px;}
.deep{ width:130px;}
.deep table{ width:130px;}
.deep td strong a{ color:#646464; text-decoration:underline}
.deep td strong a:hover{ color:#646464; text-decoration:none}
.deep td a{ color:#646464; text-decoration:underline}
.deep td a:hover{ color:#646464; text-decoration:none}
.a1 img{ margin:8px 0 11px 0;}
.a2 img{ margin:10px 0 4px 0;}
.deep td span{ color:#EA2020; font-size:12px; font-weight:bold;}
.deep td span strong{ color:#EA2020; font-size:24px; font-weight:bold; line-height:18px;}
.img1 img{ margin:0 14px 9px 0}

.ins1 b{ margin-left:27px; font-family:arial;} 
.ins1 b a{ font-weight:normal;  font-family:arial; font-size:11px; text-decoration:underline; color:#646464;}
.ins1 b a:hover{ font-weight:normal; font-family:arial; font-size:11px; text-decoration:none; color:#646464;}

.deep1 td{ color:#646464; line-height:13px;}
.deep1 td strong a{ color:#646464; text-decoration:underline}
.deep1 td strong a:hover{ color:#646464; text-decoration:none}
.deep1 td span{ color:#EA2020; font-size:12px; font-weight:bold;}
.deep1 td span strong{ color:#EA2020; font-size:24px; font-weight:bold;}


.f_i{ font-family:tahoma; font-size:11px; padding:1px 0 1px 4px; color:646464; border:1px solid; border-color:#808080 #CDCDCD #CDCDCD #808080; background:#FFFFFF; vertical-align:middle; font-weight:normal;}
.f1{ width:119px; height:20px; margin-left:8px;}
.f2{ width:159px; height:20px; margin-left:18px;}

.cen2{width:100%; background:#C5C8C8}
.cen3{width:1px; background:#C5C8C8; height:100%}

.c_h{ background:#DBDBDB; color:#004F5A; font-size:11px; font-weight:bold; padding:8px 0 8px 0; text-indent:11px;}

.t1{ width:12px; height:12px; margin:39px 23px 0 19px;}
.t2{ width:140px; color:#646464;}
.t2 strong a{ color:#646464; text-decoration:underline}
.t2 strong a:hover{ color:#646464; text-decoration:none}

.t3{ width:57px;}
.t3 input{ width:39px; height:18px; border:1px solid #818181; color:#303030; direction:rtl; font-size:11px; font-family:tahoma; padding-right:3px; margin-top:33px;}

.t4{ width:50px; color:#EA2020; font-family:Arial; font-size:12px; font-weight:bold; padding-top:35px;}

.cen11{ color:#EA2020; font-size:12px; font-family:arial; font-weight:bold;}
.img_mini {
	background-color: #CCCCCC;
	background-position: center center;
	padding: 2px;
	border: 1px solid #333333;
}
div.jquery-image-zoom {
    line-height: 0;
    font-size: 0;

    z-index: 10;

    border: 5px solid #fff;
    margin: -5px;

    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

    div.jquery-image-zoom a {
        background: url(/assets_files/jquery.imageZoom.png) no-repeat;

        display: block;
        width: 25px;
        height: 25px;

        position: absolute;
        left: -17px;
        top: -17px;
        /* IE-users are prolly used to close-link in right-hand corner */
        *left: auto;
        *right: -17px;

        text-decoration: none;
        text-indent: -100000px;
        outline: 0;

        z-index: 11;
    }

    div.jquery-image-zoom a:hover {
        background-position: left -25px;
    }

    div.jquery-image-zoom img, 
    div.jquery-image-zoom embed, 
    div.jquery-image-zoom object, 
    div.jquery-image-zoom div {
        width: 100%;
        height: 100%;
    }