﻿.no-disp { display: none; }

body {
  padding: 0;
  margin-top: 10px;
  border: 0;
  font-family: Verdana, sans-serif;
  font-size: 11px;  _font-size:  68.75%;
  text-align: center;
  color:#666;
  background: #a5a5a5 url(../images/main-bg.gif) repeat-x top left;
}

/* **************************************************************** */
/* Basic Settings                                                   */
/* **************************************************************** */

div, table, caption { font-size : 1em; }

a,
a:link {
  color: #ad0000;
  text-decoration: none;
  -moz-outline-style: none;
}

a:hover,
a:active { 
  color: #aa4d4d; 
  text-decoration: underline;
  -moz-outline-style: none;
}

hr {
  border: 0;
  color: #ccc;
  background-color: #ccc;
  height: 1px;
}

p {
  margin-top: 0px;
  margin-bottom: 5px; 
}

img { 
  margin: 0;
  padding: 0;
  border: none; 
}

h1, h2, h3, h4 {
  margin-top: 0;
  margin-bottom: 0;
  color: #ad0000;
}

h1 {
  font-size: 1.4em;
  margin-bottom: .55em;
}

h2 {
  font-size: 11px;
  color:#ad0000;
  padding:0px 0px 0px 0px;
  margin:0px;
}

h3 {
  font-size: 12px;
  color:#ad0000;
  padding:0px;
  margin-bottom:6px;  
}

h4 {
  font-size: 11px;
  margin-bottom: .5em;
}

h5 {
  font-size: 0.9em;
  margin-bottom: .2em;
}

/* **************************************************************** */
/* Layout of template columns                                       */
/* **************************************************************** */

#three-col #wrapper,
#three-col-sub #wrapper,
#two-col-sub-prodlist #wrapper,
#two-col #wrapper,
#one-col #wrapper {
  text-align: left;
  margin: 0 auto 0 auto;
  background: url(../images/wrapper2-bg.png);
  _background: url(../images/wrapper-bg2.gif);
	padding-bottom:60px;  
}

#one-col #wrapper { background: #FFF url(../images/bg-wrapper-1col.gif); }

#footer { behavior: url('../styles/iepngfix.htc'); }

#header {
  padding: 0;
  margin: 0;
  height: 66px;
  background: #FFF url(../images/bg-header.gif);
}

#header .logo { position: absolute; top: 15px; left: 20px; border: 0; }
#header .basket-small {
  display:none;
  position: absolute; 
  top: 7px; 
  left: 430px; 
  height:20px; 
  width:50px; 	
}

#header .basket-small .basket-count{ float:left; color: #ad0000; padding:4px 0px 0px 0px; margin:0px 0px 0px 0px;}
#header .basket-small .basket-img{ float:left; color: #ad0000; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}

.two-col-line { position:absolute; top:66px; left:10px; width:884px; background: url(../images/line.gif); height: 4px;}

/* **************************************************************** */
/* Quick search in header for each template                         */
/* **************************************************************** */

#qsearch { 
  position: absolute; 
  top: 9px; 
  right: 15px;  
  }

#qsearch .content { float:left; padding: 0px 0px 0px 0px; width:165px;}

#qsearch .content .search-input { float:right; padding: 0px 0px 0px 0px; width:135px;}
#qsearch .content .img { float:left; padding: 0px 0px 0px 0px; width:21px;}
#qsearch .input-field {
	float: right; 
	width: 135px; 
	font-size:11px;
	margin-right: 0px; 
	height:21px;
	background: url(../images/search-input-bg.gif) no-repeat top right; 
	border: none;
	padding: 4px 0px 1px 4px;
}

#qsearch .search-btn { position:absolute; top:26px; right:0px;}

#qsearch input.button {  
  float: left;
  width: 74px;
  height: 18px;
  border: none;
  font-size: 1em;
  letter-spacing: 1px;
  background: url(../images/search-input-bg.gif) no-repeat 100% 100%;
  cursor: pointer;
  _cursor: hand;
}

/* **************************************************************** */
/* Quick navigation in header for each template                     */
/* **************************************************************** */

#qnav { 
  position: absolute; 
  top: 11px; 
  right: 245px;
}

#qnav ul { float: left; margin: 0 0 0 0;  padding: 0 0 0 0; }
#qnav li { float: left; list-style: none; }
#qnav li a { float: left; font-family:Arial; color: #929292; text-decoration: none; padding: 0px 7px 0px 0px; }
#qnav li a:hover {color: #929292; text-decoration: underline; }

/* **************************************************************** */
/* Flags in header for each template                                */
/* **************************************************************** */

#three-col #product-nav { 
  position: absolute; 
  top: 190px; 
  left: 162px;
}

#three-col-sub #product-nav { 
  position: absolute; 
  top: 75px; 
  left: 162px;
}

#two-col-sub-prodlist #product-nav { 
  position: absolute; 
  top: 75px; 
  left: 162px;
}

#two-col #product-nav { 
  position: absolute; 
  top: 75px; 
  left: 162px;
}

#product-nav ul { float: left; margin: 0 0 0 0;  padding: 0 0 0 0; }
#product-nav li { float: left; list-style: none; padding: 0px 5px 0px 5px; margin:0px; }
#product-nav li.prod1 a { float: left; text-indent:-2000px; background: url(../images/prod-light.gif) no-repeat 0% 50%; width:113px; height:90px; }
#product-nav li.prod1 a:hover {float: left; text-indent:-2000px; background-position: 0% 100%; width:113px; height:90px; }
#product-nav li.prod1 a.current {float: left; text-indent:-2000px; background-position: 0% 0%; width:113px; height:90px; }

#product-nav li.prod2 a { float: left; text-indent:-2000px; background: url(../images/prod-beer.gif) no-repeat 0% 50%; width:113px; height:90px;}
#product-nav li.prod2 a:hover {float: left; text-indent:-2000px; background-position: 0% 100%; width:113px; height:90px;}
#product-nav li.prod2 a.current {float: left; text-indent:-2000px; background-position: 0% 0%; width:113px; height:90px;}

#product-nav li.prod3 a { float: left; text-indent:-2000px; background: url(../images/prod-strong.gif) no-repeat 0% 50%; width:113px; height:90px;}
#product-nav li.prod3 a:hover {float: left; text-indent:-2000px; background-position: 0% 100%; width:113px; height:90px;}
#product-nav li.prod3 a.current {float: left; text-indent:-2000px; background-position: 0% 0%; width:113px; height:90px;}

#product-nav li.prod4 a { float: left; text-indent:-2000px; background: url(../images/prod-blandad.gif) no-repeat 0% 50%; width:113px; height:90px;}
#product-nav li.prod4 a:hover {float: left; text-indent:-2000px; background-position: 0% 100%; width:113px; height:90px;}
#product-nav li.prod4 a.current {float: left; text-indent:-2000px; background-position: 0% 0%; width:113px; height:90px;}

#product-nav li.prod5 a { float: left; text-indent:-2000px; background: url(../images/prod-styrkt.gif) no-repeat 0% 50%; width:113px; height:90px;}
#product-nav li.prod5 a:hover {float: left; text-indent:-2000px; background-position: 0% 100%; width:113px; height:90px;}
#product-nav li.prod5 a.current {float: left; text-indent:-2000px; background-position: 0% 0%; width:113px; height:90px;}

#product-nav li.prod6 a { float: left; text-indent:-2000px; background: url(../images/prod-ymsar.gif) no-repeat 0% 50%; width:113px; height:90px;}
#product-nav li.prod6 a:hover {float: left; text-indent:-2000px; background-position: 0% 100%; width:113px; height:90px;}
#product-nav li.prod6 a.current {float: left; text-indent:-2000px; background-position: 0% 0%; width:113px; height:90px;}

/* **************************************************************** */
/* Fontsizer                                                        */
/* **************************************************************** */

.fontsizer {
  position: absolute;
  top: 8px;
  right: 190px;
  width: 40px;
}

.fontsizer ul { list-style: none; padding: 0; margin: 0; }

.fontsizer li { float: right; }
.fontsizer a {
  display: block;
  width: 20px;
  height: 21px;
  padding: 0;
  overflow: hidden;
  text-indent: -600em;
}

.fontsizer .dwn a { background-image: url("../images/fontsize-small.gif"); }
.fontsizer .up a { background-image: url("../images/fontsize-big.gif"); }

.fontsizer a:hover,
.fontsizer a:focus,
.fontsizer a:active { }


/* **************************************************************** */
/* Front page banner                                                */
/* **************************************************************** */

.fp-banner {
  position: absolute;
  top: 68px;
  left: 9px;  
}

.fp-middle-banner { float:left; padding:6px 0px 10px 0px;  background: url(../images/gray-sep.gif) no-repeat bottom left;}

/* **************************************************************** */
/* Second Navigation                                                */
/* **************************************************************** */

.second-navigation h2 { 
  display: none;
}

.second-navigation {  
  /*padding-top: 0px !important;*/
  padding-top: 8px;
  margin: 0 0 20px 0;  
  font-family:Verdana;   
}

.second-navigation a {
  display: block;
  color: #929292;
  padding: 5px 0px 5px 10px;
  text-decoration: none;  
  background: url(../images/second-nav-sep.gif) no-repeat bottom left;
  text-transform:uppercase; 
}

.second-navigation a:hover {
  display: block;
  color: #aa4d4d;
  padding: 5px 0px 5px 10px;
  text-decoration: none;  
  background: url(../images/second-nav-sep.gif) no-repeat bottom left;
  text-transform:uppercase; 
}

.second-navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.second-navigation li { display: inline; padding-bottom: 0; }

.second-navigation a.current,
.second-navigation a.current:hover {
  color: #aa4d4d;  
  text-decoration: none;
  padding: 5px 0px 5px 10px;
}

.second-navigation ul.level2 {
  list-style: none;
  padding: 0px 0px 1px 0px;
  margin: 0px 0px 0px 0px;  
  background: url(../images/second-nav-ul2-bg.gif) no-repeat bottom right;
  width:100%;  
}

.second-navigation ul.level2 a 
{
  display : block;
  color: #ad0000;
  padding: 4px 0px 4px 20px;
  text-decoration: none;  
  font-size:10px;  
  background:none;
  text-transform:none; 

}

.second-navigation ul.level2 a:hover 
{
  display : block;
  color: #c29590;
  padding: 4px 0px 4px 20px;
  text-decoration: none;  
  font-size:10px;
  background: url(../images/second-nav-arrow.gif) no-repeat 7% 50%;
  text-transform:none;
 
}

.second-navigation ul.level2 a.current,
.second-navigation ul.level2 a.current:hover {
  color: #c29590;
  background: url(../images/second-nav-arrow.gif) no-repeat 7% 50%;  
  text-decoration: none;
  padding: 4px 0px 4px 20px;
}


.second-navigation ul.level3 a 
{
  display : block;  
  padding: 3px 0px 3px 30px;
  color:#929292;
  text-decoration: none;  
  background:none;
  text-transform:none; 
}

.second-navigation ul.level3 a:hover 
{
  display : block;  
  padding: 3px 0px 3px 30px;
  color:#c29590;
  text-decoration: none;  
  background:none;
  text-transform:none; 
}

.second-navigation ul.level3 a.current,
.second-navigation ul.level3 a.current:hover
{
  display : block;  
  padding: 3px 0px 3px 30px;
  color:#c29590;
  text-decoration: none;  
  background:none;
  text-transform:none; 
}


/* **************************************************************** */
/* Breadcrumbs definitions                                          */
/* **************************************************************** */

.breadcrumbs {
  position: absolute;
  top: 185px;
  left: 163px;  
  font-size: .9em;
  color: #ad0000;
  font-weight: bold;
}

#three-col .breadcrumbs { width: 608px; }
#three-col-sub .breadcrumbs { width: 608px; }
#two-col .breadcrumbs { width: 759px; }
#one-col .breadcrumbs { width: 916px; left: 6px;  }

.breadcrumbs .content { padding: 0; }

.breadcrumbs ul { float: left; margin: 0px; padding: 2px 8px 2px 8px; }
.breadcrumbs li { float: left; list-style: none; }

.breadcrumbs a { color: #ad0000; text-decoration: none; font-weight: normal; }
.breadcrumbs a:hover { color: #aa4d4d; text-decoration: underline; }

.breadcrumbs .separator { margin: 0 3px 0 3px; }

/* **************************************************************** */
/* Footer                                                           */
/* **************************************************************** */

#footer {
  width:908px;
  height: 68px;
  text-align: left;  
  margin: 0pt auto;  
  color: #646464;
  background: transparent url(../images/footer-bg2.png) no-repeat top left;  
}

#footer .vcard .content {
  float: left;
  padding: 7px 0 0 0px;
  text-align:center;
  width:100%;
}

#footer .vcard .content p { padding:4px 0px 0px 0px; margin: 0px; }

#footer .vcard .content a { color: #646464; text-decoration: underline; }
#footer .vcard .content a:hover { color: #646464; text-decoration: none; }


#ctl00_ctl00_Label_EmptyListMessage, #ctl00_ctl01_Label_EmptyListMessage, .prod-wrapper
{
 float:left;
 min-height:500px;
 _height:500px;
}
