/* ********************************
*  2010 © EDB Totalpartner AS 
*  http://www.edbtotalpartner.no
*  
* _zoom: 1 => force hasLayout in IE
* 
*
* *********************************/

html, body{ background: #f0f0f0; /* chrome background bug */ }
body { font-size: .67em; font-family: Tahoma, arial, helvetica, sans-serif; line-height: 1.35em; color: #595959; text-align: center; }


/* Headings
-------------------------------------------------------------- */
h1, 
h2, 
h3, 
h4, 
h5, 
h6 { 
  clear: both;  
  color: #333333; }

h1{ font-size: 2.6em; margin-top: 0; margin-bottom: 1em; }
h2{ font-size: 2em; margin-top: 0; }
h3{}
h4{}
h5{}
h6{}


a, h2 a, h3 a, h4 a, h5 a, h6 a{ /*color: #35517b;*/ }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{ color: #999999; }


/* Links
-------------------------------------------------------------- */
a{ color: #35517b; text-decoration: none; }
a:hover{ color: #999999; text-decoration: underline; }

a img{ border: 0;}

a.btn-black{ color: #fff; font-weight: 700; display: block; padding: 8px 4px 8px 20px; margin-bottom: 5px; background: url(images/btn-bg-lc.gif) 0 0 no-repeat;}


/****************************************************************************************
*  Rails
*****************************************************************************************/
.pageshader-outer{}

.pageshader-inner{ text-align: center; }
.pageholder{ margin: 0 auto; text-align: left; width: 970px; }

  .wrapper{ overflow: hidden; _zoom: 1;  }

	    .header, .option-bar, .navigation-bar, .placeholder{ _zoom: 1; clear: both; overflow: hidden; }

      .header{ /*height: 125px;*/ padding: 0;  }

     	.navigation-bar{}
      .placeholder{}
        .placeholder-inner{ margin-bottom: 20px; }      

.footer{ _zoom: 1; clear: both; }


/****************************************************************************************
*  Header section
*****************************************************************************************/
.header-col-1, .header-col-2{ float: left; display: inline; overflow: hidden; }
  .header-col-1{ width: 420px; }
  .header-col-2{ width: 550px; text-align: right; }

.search-and-login{ float: right; clear: both; width: 520px; text-align: right;}
  .search-and-login a{ color: #35517b; padding-left: 10px; }
  .search-and-login a:hover{ color: #666666; text-decoration: none; }
  .search-and-login span{ padding-left: 10px; } 

  .search-and-login td{ vertical-align: middle; } 
  .search-and-login td input{ border: 0; background: transparent; color: #828282; } 
  
  .search-and-login-col-1, .search-and-login-col-2{ float: left; display: inline; _zoom: 1; overflow: hidden;}
    .search-and-login-col-1{ width: 282px; height: 30px; line-height: 33px; overflow: hidden; padding: 3px 5px 0 10px; background: url(images/tex-topmenu-left.gif) 0 0 no-repeat; }
    .search-and-login-col-2{ width: 208px; height: 33px; line-height: 33px; padding-right: 15px; background: url(images/tex-topmenu-right.gif) 100% 0 no-repeat; }



/****************************************************************************************
*  Content section
*****************************************************************************************/
.breadcrumb{ line-height: 3em;}


.lc, .mc{ float: left; display: inline; overflow: hidden; padding-bottom: 20px;}
	.lc { width: 180px; margin-right: 30px; clear: left; }
	.mc { width: 760px; clear: none; }
	
.content { margin: 0; padding: 0; border: 0; background: none;}
.mc .content{ margin: 0; padding: 25px;  border: 1px solid #d7d7d7; background: #fff; }

.lc .btn-default,
.lc .btn-default-hover{ clear: both; width: 176px !important; margin-bottom: 8px;}

.mc .btn-default,
.mc .btn-default-hover{ line-height: 30px; }

/*  .content-col-1{ float: left; display: inline; width: 464px; margin-right: 20px; overflow: hidden; }
  .content-col-2{ float: left; display: inline; width: 220px; overflow: hidden; } */

.false{ display: none;}

/* Article ********************************************************************/
.article{ _zoom: 1; overflow: hidden; padding: 0; margin-bottom: 20px; }
.article-top, .article-content, .article-bottom{ float: left; display: inline; clear: both; width: 100%;  }
	.article-top{}
	.article-content{ }
	.article-bottom{} 

/* Front page */
.page-home .article{ height: 250px; /*175px*/; overflow: hidden; }
.page-home .article .article-content { height: 52px; padding: 18px 20px 10px 20px; margin-top: 180px; /*95px*/;  background: url(images/overlay-news.png) 0 0 repeat;  }

.page-home .article-main{ _zoom: 1; height: 500px; overflow: hidden; padding: 0; margin-bottom: 20px; }
.page-home .article-main .article-content{ height: 67px; padding: 18px 20px 10px 20px; margin-top: 405px; overflow: hidden;  background: url(images/overlay-news.png) 0 0 repeat; }

.page-home .article-content h1, .page-home .article-content h1 a{ color: #fff; margin: 0 0 10px 0; }
.page-home .article-content h2, .page-home .article-content h2 a{ color: #fff; font-size: 12pt; margin: 0 0 10px 0; }
.page-home .article-content .published{ color: #c3c5c4; margin: 0; }



/* In list */
.page-article-list .article{}
  .page-article-list a{ color: #979797; }
  .page-article-list .article-img-teaser{ float: left; display: inline; width: 312px; margin: 0 25px 8px 0;  }
  .page-article-list .article-content .article-text{ float: left; display: inline; width: 370px; overflow: hidden; }
  .page-article-list .article-content h2{ font-size: 2.4em; } 
  .page-article-list .article-content .published{ color: #c3c5c4; margin: 0 0 8p 0; } 
  .page-article-list .article-content .teaser{ margin-bottom: 10px; } 

/* Brand */
.page-brand-list{}
  .brand{ _zoom: 1; overflow: hidden; padding: 0; margin-bottom: 20px; }
  .brand-top, .brand-content, .brand-bottom{ float: left; display: inline; clear: both; width: 100%;  }
  
    .page-brand-list a{ color: #979797; }
    .page-brand-list .brand-img-teaser{ float: left; display: inline; width: 400px; margin: 0 25px 0 0;  }
    .page-brand-list .brand-content .brand-text{ float: left; display: inline; width: 252px; padding-bottom: 16px; overflow: hidden; }
    .page-brand-list .brand-content h2{ font-size: 2.4em; } 
    .page-brand-list .brand-content .published{ color: #c3c5c4; margin: 0 0 8p 0; } 
    .page-brand-list .brand-content .teaser{ margin-bottom: 10px; }
    .page-brand-list .brand-bottom{ height: 7px; background: #202425;} 
  
/* Team */
.page-team-list{}
  .page-team-list h2{ padding-bottom: 10px;  font-size: 1.3em; border-bottom: 1px solid #e8e8e8; }
  .page-team-list h2 a{ color: #000; }
  .team{ margin-bottom: 10px;}
  .team-img-teaser{ float: left; width: 100%; clear: both; margin: 0 0 10px 0; padding: 0; }
  .team div.teaser{ margin-bottom: 10px; }
  
  .page-team-list .layout-section-4-col{ margin-bottom: 40px; }
  
  .page-team-list .team .btn-default, 
  .page-team-list .team .btn-default-hover{ 
    line-height: 15px; 
    width: 147px;}  
  
/* Product */
.product{ float: left; display: inline; _zoom: 1; width: 100%; margin-bottom: 10px; }

.page-product-list{}
  .page-product-list .layout-section-4-col{ margin-bottom: 40px; }
    .page-product-list form{ float: left; display: inline; margin: 0; padding: 0;}
    .page-product-list .product-content{  height: auto !important; min-height: 100px; _height: 100px; }
      .page-product-list h2{ padding-bottom: 10px;  font-size: 1.3em; border-bottom: 1px solid #e8e8e8; }
      .page-product-list h2 a{ color: #000; }
      
      .page-product-list .img-area{ margin-bottom: 8px; }      

      .product-img-teaser{ float: left; width: 100%; clear: both; margin: 0 0 10px 0; padding: 0; }
      .product div.teaser{ margin-bottom: 10px; }
      
      .page-product-list .btn-default,
      .page-product-list .btn-default-hover{ width: 147px;}


.page-product-list .article-main{ _zoom: 1; height: 320px; overflow: hidden; padding: 0; margin-bottom: 20px; }
.page-product-list .article-main .article-content{ height: 82px; padding: 18px 20px 10px 20px; margin-top: 210px; overflow: hidden; background: url(images/overlay-news.png) 0 0 repeat; }  
.page-product-list .article-content h1, 
.page-product-list .article-content h1 a{ color: #fff; margin: 0 0 10px 0; }

.page-product-list .article-content h2, 
.page-product-list .article-content h2 a{ color: #fff; font-size: 12pt; margin: 0 0 10px 0; }

.page-product-list .article-content .published{ color: #c3c5c4; margin: 0; }

span.is-sale-true { color: red; text-decoration: line-through; }
span.is-sale-false {  display: none;  }


/****************************************************************************************
*  Sub content section
*****************************************************************************************/
div.sponsor{ height: 145px; margin-bottom: 20px; background: url(images/rounded-small.gif) 0 0 no-repeat; }
  .sponsor-title{ 
    display: inline-block;
    margin: 1px 0 0 15px;
    padding-left: 55px; 
    line-height: 30px;
    font-size: 1.4em;
    font-weight: 700; 
    background: url(images/ico-bestsellers.gif) 0 50% no-repeat; }
    
  .sponsor-text{ text-align: center; margin: 24px 5px; }
    
div.tag-cloud{ margin-bottom: 20px; }


/****************************************************************************************
*  Footer section
*****************************************************************************************/
.footer{}
  .footer-inner{ padding-top: 10px; background: url(images/hr.gif) 0 0 repeat-x; }
    .footer-col-1{ float: left; width: 20%; }
    .footer-col-2{ float: left; width: 60%; text-align: center; }
    .footer-col-3{ float: left; width: 20%; text-align: right; }

      .footer .list-icon{ margin: 0; padding: 0; list-style: none;}
        .footer .list-icon li{ float: left; display: inline;  }      

      .footer, .footer a{ color: #cacaca; }
      .copyright{ line-height: 3em;}
      .credit{ line-height: 3em;}
      
      
/****************************************************************************************
*  Effect button
*****************************************************************************************/ 
.btn-default,
.btn-default-hover{ float: left; display: inline; /*width: 70px !important; */ min-width: 70px; *width: 70px; _zoom: 1; padding: 0px 1px 0px 3px;  }

  .btn-default div,
  .btn-default-hover div{ }

  .btn-default div{ background-image: url(images/btn-default.gif); background-repeat: no-repeat; }
  .btn-default-hover div{ background-image: url(images/btn-default-hover.gif); background-repeat: no-repeat; }
  
  .btn-default a,
  .btn-default-hover a,
  .btn-default-hover a:hover,
  .btn-default input, .btn-default input[type='submit'], .btn-default input[type='button'],
  .btn-default-hover input, .btn-default-hover input[type='submit'], .btn-default-hover input[type='button']{ display: block; width: 100%; text-align: center; border: 0; margin: 0; padding: 0 4px;  font-size: 1em; color: #fff; text-decoration: none; cursor: pointer; white-space: nowrap; background: none; }

  .btn-default div.btn-top,
  .btn-default div.btn-top div,
  .btn-default div.btn-bottom,
  .btn-default div.btn-bottom div{ height: 3px; font-size: 0; line-height: 0; }
  
  .btn-default-hover div.btn-top,
  .btn-default-hover div.btn-top div,
  .btn-default-hover div.btn-bottom,
  .btn-default-hover div.btn-bottom div{ height: 3px; font-size: 0; line-height: 0; }        
  
  .btn-top, .btn-content, .btn-bottom{ padding-right: 3px; }  
  .btn-top div, .btn-content div, .btn-bottom div{  margin-left: -3px;}  
  
  .btn-top{ background-position: 100% 0; }
  .btn-top div{ background-position: 0 0; }
  
  .btn-content{ background-position: 100% 50%; }
  .btn-content div{ background-position: 0 50%; } 
  
  .btn-bottom{ background-position: 100% 100%; } 
  .btn-bottom div{ background-position: 0 100%; }  
  
/****************************************************************************************
*  Check out (only robins hood)
*****************************************************************************************/ 
.tbl-checkout{}
.tbl-checkout .gruppe{}
.tbl-checkout .tdbak,
.tbl-checkout .trbak{ color: #fff; background: #2a2a2a; }

.tbl-checkout .tr-extra{ background: #e4e4e4; }

.tbl-checkout span.checkout-row-sum{ font-weight: 700; }
.mersalg{ 
  padding: 20px 0;
  margin-bottom: 20px;
  text-align: center;
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4; }

.mersalg a{ font-size: 14pt; }
a.checkout-remove{ padding-left: 14px;  background: url(images/ico-remove.gif) 0 2px no-repeat; }