.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
 
.clearfix {
  display: inline-block;
}
 
html[xmlns] .clearfix {
  display: block;
}
 
* html .clearfix {
  height: 1%;
}

/* == CSS / TESTBUTIK 1 == */
body { background: #fff; }

* { margin: 0; padding: 0; border: 0; font-size: 100%; list-style-type: none; list-style: none; text-decoration: none; font-family: arial, helvetica, sans-serif; }
:focus { outline: 0; }

a:link, a:visited, a:active, a:hover { text-decoration: none; }

    
/* == TOTALCONTAINER == */

#totalcontainer
{
clear: both;
overflow: hidden;
width: 990px;
margin: 20px auto;
}

#toptext
{
  font-size: 11px;
  color: #000;
  margin: 0 0 5px 0;
}
#toptext .butiksnamn
{
  font-size: 12px;
  margin: 0 10px 0 0;
}
#toptext .telefon
{
  margin: 0 20px;
  font-size: 11px;
}
            
#toptext a:link,
#toptext a:visited,
#toptext a:active { color: #000; text-decoration: none; }
#toptext a:hover { color: #000; text-decoration: none; }

/* == HEADER == */

#header {
  background: no-repeat top left url(/layouts/ebdesign1/bg-1.jpg);
  width:990px;
  height:300px;
}

#header .logo {
  display: block;
  position: absolute;
}

#header .logo a {
  display:block;
  width:990px;
  height:300px;
  text-indent:-999em;
  background:url(/layouts/ebdesign1/logo.png) 60px 65px no-repeat;
}

#header .box h4 { font-size: 20px; font-weight: bold; color: #666; letter-spacing: -1px; }
#header .box p { font-size: 12px; color: #666; line-height: 20px; }


/* == MENU == */
#topmeny
{
width:990px;
padding:0;
margin:4px 0 0 0;
background:#9eb21b;
color: #fff;
}

#topmeny ul li
{
display: block;
float: left;
margin-left: 10px;
padding: 10px 12px 10px 12px;
text-transform: uppercase;
font-size: 11px;
}

#topmeny ul li a
{
color: #fff;
}

#topmeny ul li a:hover,
#topmeny ul li.active {
    color: #000;
}
    
/* == CONTENT == */
#content {
  width:990px;
  padding:32px 0;
  float:left;
}

/* == COLUMN_1 == */
#column_1 {
  width: 200px;
  margin: 0 10px 0 0;
  padding:0 8px;
  float: left; 
  background:#9eb21b;
}
/* == COLUMN HEADERS == */
#column_1 h3,
#column_2 h3 {
  margin:18px 0 0 0;
  padding: 14px 0 10px 0;
  font-size: 20px;
  letter-spacing:-1px;
  font-weight: normal;
  color: #fff;
  border-top:3px dotted #fff;
}
#column_1 h3.special,
#column_2 h3.special {
  margin:0;
  border-top:none;
}  
#column_1 p {
  font-size:11px;
  line-height:16px;
  margin:0;
  color:#fff;
}
#column_2 h3 {
  width:198px;
  color:#4c8f22;
  border-bottom:3px dotted #4c8f22;
}

/* information */
#column_1 ul.information {
  margin:0;
  font-size:12px;
}
#column_1 ul.information li a {
  color:#fff; 
}
#column_1 li.noborder { 
  border-bottom: none !important; 
}    
.arrow { 
  display:none; 
}   

/* == COLUMN_1 PRODUCT MENU == */    
#content_categories ul {
  font-size:12px; 
  margin:0;
}
#content_categories ul li a {
  color:#fff;
}

/* == COLUMN MAIN == */
#column_main {
  width:550px;
  float:left;
}
#column_main_big {
  width:720px;
  float:left;
  padding:20px;
}
#column_main .column_content {
  float:left;
  width:550px;
}
#column_main .column_content .content {
  padding: 0 10px;
}
#column_main .column_content .content a {
  color:#000;
}
#column_main .column_content .content a:hover {
  color: #000;
}
#column_main h1 {
  font-size:32px;
  line-height:36px;
  color:#808080;
  letter-spacing:-1px;
  font-weight:normal;
  margin:10px 0 16px 0;
  padding:0;
}
#column_main h2 {
  padding:0 0 16px 0;
  font-size:24px;
  line-height:28px;
  letter-spacing:-1px;
  color:#4c8f22;
}  
#column_main h3 {
  padding:0 0 16px 0;
  font-size:18px;
  line-height:22px;
  letter-spacing:0;
  color:#4c8f22;
}
#column_main p {
  font-size: 12px;
  line-height: 22px;
  margin: 0 0 15px 0;
  color: #6d6e70;
}
    
/* == THE CART == */
.finish_order, 
.finish_order td {
  font-size: 12px;
  text-align: left;
}

/* == COLUMN 2 == */
#column_2 {
  width: 200px;
  float: right;
}

/* == TIME OFFERED PRODUCTS == */
.time_offered_products .moreinfo_container {
width: 100%; display: block; text-align: center; }

.time_offered_products .moreinfo_container img {
text-align: center; margin: 0 auto; }

.time_offered_products .moreinfo_container a,
.time_offered_products .moreinfo_container img a {
display: block; width: 66px; height: 23px; }

.time_offered_products .moreinfo_container a:active {
background-position: 0px -23px; }

.time_offered_products .moreinfo_container a:hover img,
.time_offered_products .moreinfo_container a:active img { visibility: hidden; }

.time_offered_products .moreinfo_container a {
background: url(/layouts/ebdesign1/mer_info_x.gif) no-repeat;
margin: 0 auto; }

/* == HETA ERBJUDANDEN == */
#column_2 .time_offered_products {

}
#column_2 .time_offered_products:hover {

}
#column_2 .time_offered_products h4 {
  font-size:14px;
  line-height:16px;
  margin:0 auto;
  padding:16px 10px 0 0;
  text-align:center;
}
#column_2 .time_offered_products h4 a {
  color:#000;
  text-decoration:none;
}
#column_2 .time_offered_products h5 {
  margin-top: 5px;
  color: #666;
  font-size: 11px;
  font-style: italic;
  text-align: center;
  font-weight: normal;
}
#column_2 .time_offered_products .image {
  display: block;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
#column_2 .time_offered_products p.price {
  color:#cc0000;
  font-size:16px;
  font-weight:bold;
  margin:12px auto 4px auto;
  text-align: center;
  display: block; 
  width: 100%;
}
#column_2 .time_offered_products p.ordprice {
  font-size:11px;
  font-style:italic;
  color:#808080;
  width:100%;
  display:block;
  text-align:center; 
}
#column_2 .time_offered_products .button {
  margin: 0 auto;
  text-align: center;
  padding: 5px 0;
}
#column_2 .divider {
  height: 2px; 
  background: #ccc;
  width: 180px; 
  margin: 10px; 
  display: block;
  float: left;
}

/* == FORMS == */
input.rounded
{
  background: #fff;
  border:1px solid #dee4b1;
  padding:3px;
  color:#666;
}

.readonly, .readonly option
{
  background: #eee !important;
  color: #aaa !important;
}
    
#form .inputform
{
  background:#fff;
  color:#666;
  float:left;
  width:110px;
  padding:5px;
  font-size: 11px;
}

/* == FOOTER == */
#footer
{
  float:left;
  width:990px;
  color:#000;
  padding:8px 0 32px 0;
  border-top:3px dotted #4c8f22;
  font-size:11px;
}

#footer .butiksnamn {
  font-size:12px;
  font-weight:bold;
  float:left;
}
#footer .telefon { 
  float:right;
  margin:0 10px 0 20px;
  padding-top:4px;
}
#footer .epost {
  font-size:11px;
  float:right;
  margin:0;
  padding-top:4px;
}
#footer a {
  color:#000;
  text-decoration:none;
}

/* == MISC == */
.no_tdborder {
  border-bottom:0;
  padding:0;
}
.searchtable .rounded {
  background:#fff;
  border:1px solid #dee4b1;
  padding:4px;
  font-size:11px;
  color:#000;
}

/* == SHOPPING CART == */
#shoppingcart_shoppingcart {
  color:#fff;
  font-size:12px;
  line-height:16px;
}
#shoppingcart_shoppingcart .noproducts {
  text-align:center;
  font-style:italic;
  padding:12px 0;
}
#shoppingcart_shoppingcart #shoppingcart_details table {
  padding:4px 0 12px 0;
}
#shoppingcart_shoppingcart #shoppingcart_details td.productname {
  width:110px;
  float:left;
  color:#fff;
}
#shoppingcart_shoppingcart #shoppingcart_details td.productname a {
  color:#2f4b22;
  text-decoration:underline;
}
#shoppingcart_shoppingcart #shoppingcart_details td.product_total_cost {
  text-align:right;
  width:70px;
}
#shoppingcart_shoppingcart .shoppingcart_thesum {
  padding:12px 0 0 0;
  border-top: 1px solid #fff;
}
#shoppingcart_shoppingcart .gotocart_container {
  padding:7px 0 0 0;
  text-align: center;
}
#shoppingcart_shoppingcart .gotocart_container .button img {
  text-align: center;
  margin: 0 auto;
}

/* == HOVEREFFECTS == */

.superhover {
opacity: 0.80;
-moz-opacity:0.8;
-khtml-opacity:0.8;
filter:alpha(opacity=80); }
.nothing { opacity: 1; }
.nothing { opacity: 1; }

/* == UNDERSIDOR == */

#undersida { padding: 0 10px; }

#undersida a:link, #undersida a:visited, #undersida a:active {
text-decoration: underline; }

#undersida a:hover { color: #ec6380; text-decoration: none; }

#undersida .pink {
font-size: 14px; }

#undersida .pink_number { float: left;
font-weight: bold; font-size: 20px; letter-spacing: -1px; margin-right: 7px; }

#forstasidan .brodtext a:link,
#forstasidan .brodtext a:visited,
#forstasidan .brodtext a:active {
}

#forstasidan .brodtext a:hover {  text-decoration: underline; }

h3#h3_cart {
background: no-repeat top left url('/layouts/ebdesign1/bkg_h3_small_cart_gray.gif'); }

h3#h3_productmenu {
background: no-repeat top left url('/layouts/ebdesign1/bkg_h3_small_pink.gif'); }


/* == BREADCRUMBS == */
.breadcrumbs {
  width:720px;
  height:21px;
  float:left;
}
.breadcrumbs p {
  padding:4px 0 0 0;
  font-size:11px;
  float:left;
  color: #808080; 
}
.breadcrumbs p.goback {
  float:right;
  padding:2px 10px 0 0;
}
.breadcrumbs p.goback a {
  color:#808080;
  text-decoration:none; 
}
.red_arrow {
  font-size:14px;
  color:#808080; 
}
.breadcrumbs a {
  color:#000;
  text-decoration:none;
  padding:0 3px;
}
.breadcrumbs a:hover {
  color:#000;
}

/* == EBUTIK == */
.ebutik { background: none; width: 100%; text-align: center; display: block; }
.ebutik a:link, .ebutik a:visited, .ebutik a:active {
    width: 100%;
    padding: 10px 0;
    display: block;
    font-size: 11px;
    text-decoration: none;
    
}
.ebutik a:hover {   }
.ebutik { display: none; }


/* == VCARD == */
.vcard {
  padding:0 0 14px 0;
}
.vcard address {
  padding:0 0 14px 0;
}
.vcard div {
  font-size:11px;
  color:#fff;
}
.vcard div a {
  color:#2f4b22;
}
.type {
  display: none;
}











/* == LIGHTBOX == */
/*
* jQuery Lightbox Plugin (balupton edition) - Lightboxes for jQuery
* Copyright (C) 2008 Benjamin Arthur Lupton
* http://jquery.com/plugins/project/jquerylightbox_bal
*/

html, body { margin: 0; padding: 0; height: 100%;}

#lightbox, #lightbox-overlay {
position: absolute;
top: 0px;
left: 0px;
bottom:auto;
right:auto;

z-index:100;
width:100%;
height:auto;

text-align:center;
color:#333333;

/* stop stupid conflicts */
margin:0px;
padding:0px;
border:none;
outline:none;
line-height:0;

/* general conflict stopper */
text-decoration:none;
background:none;
word-spacing:normal;
letter-spacing:normal;
float:none;
clear:none;
display:block; }

#lightbox a, #lightbox a:link, #lightbox a:visited {
text-decoration:none; font-style: italic; color:#999999; }

#lightbox a:hover {
color: #9eb21b; }

#lightbox-overlay {
z-index: 90;
background-color:#000000;
height: 100%;
position:fixed; }

#lightbox-overlay-text {
text-align: right;
margin-right: 20px;
margin-top: 20px;
color: white;
font-size: 12px;
cursor: default;
line-height:normal; }

#lightbox-overlay-text a, #lightbox-overlay-text a:hover, #lightbox-overlay-text a:visited, #lightbox-overlay-text a:link {
color:white; }

#lightbox-overlay-text span {
padding-left:5px;
padding-right:5px; }

#lightbox img, #lightbox a img, #lightbox a { border:none; outline:none; }

#lightbox-imageBox {
position:relative;
background-color:white;
padding: 5px;
width:400px;
height:400px;
margin:0 auto;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px; }

#lightbox-imageContainer {
padding:1px; }

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

#lightbox-nav {
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
z-index:10; }
/* #lightbox-imageBox > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }*/


#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
display:block;
width:49%;
height: 100%;
background:transparent url("/layouts/ebdesign1/lightbox/blank.gif") no-repeat; /* Trick IE into showing hover */
/* cursor:pointer; */
zoom:1; /* who knows why? */

padding:0px;
margin:0px; }

#lightbox-nav-btnPrev {
left:0;
right:auto;
float:left; }

#lightbox-nav-btnNext {
left:auto;
right:0;
float:right; }
/*
.preload_largeLink, #prevLink:hover, #prevLink:visited:hover {
background:url("../images/prev.gif") left 45% no-repeat; }
.preload_nextLink, #nextLink:hover, #nextLink:visited:hover {
background:url("../images/next.gif") right 45% no-repeat; }
*/

#lightbox-infoBox {
font-size:11px;
background-color:#FFFFFF;
margin:0 auto;
padding:5px;

/* width: 100%;
padding: 0 10px 0; */
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px; }

#lightbox-infoContainer {
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;

line-height:normal;

/* height:30px; */ }

#lightbox-infoHeader {
width:100%;
text-align:center;  }
#lightbox-caption {
text-align:justify; }
#lightbox-caption-title {
font-size: 14px;
font-weight:bold; }
#lightbox-caption-description {
font-weight:normal;
margin-bottom: 10px; }

#lightbox-infoFooter {
margin-top:3px;
color:#999999; }
#lightbox-currentNumber {
display:block;
width:49%;
float:left;
font-size: 11px;
font-style: italic;
margin-top: 3px;
text-align:left; }
#lightbox-close {
display:block;
width:45%;
margin-top: 3px;
float:right;
text-align:right; }
#lightbox-close-button{
padding-left:30%; }
#lightbox-close-button:hover {
color:#333; }

#lightbox-infoContainer-clear {
clear:both;
visibility:hidden; }


#column_1 .widget,
#column_1 .mywidget
{
background:#9eb21b;
}