@charset "iso-8859-2";
/* CSS Document */

*, html {
  padding: 0px;
  margin: 0px;
}

body {
  /*behavior:url("../htc/csshover.htc");*/
  font: 11px Verdana, sans-serif;
  background-color: #E8E8E8;
  background-image: url(images/main-bg.gif);
  background-position: center;
  background-repeat: repeat-y;
}

img, a, div {
  border: 0px;
}

p {
  margin:3px 2px 3px 2px;
}

p ul{
	margin-left:10px;
}

#main {
  position:relative;
  top:-15px;
  width: 960px;

  margin-left: auto;
  margin-right: auto;
  margin-top:0px;
  background-image: url(images/main-bg2.gif);
  background-repeat: repeat-y;
}

#header {
  width: 960px;
  height: 80px;
  background-color: #FFFFFF;  
  vertical-align: top;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}

#header #header-adv{
  position: relative;
  z-index:1;
  top: -69px;
  left: 290px; 
  width: 660px;
  height: 60px;
  text-align: right;
  overflow: hidden;
}

#menu {
  /*width: 730px;*/
  height: 53px;
  z-index:100;
  background-image: url(images/menu-bg2.gif);
  overflow: hidden;
} 

#menu ul{  
  position: relative;
  left: 140px;
  top: -54px;

  /*width: 580px;*/
  height: 30px;
  margin: 0px;
}

#menu ul li{
  position: relative;
  top: -1px;
  display: block;
  
  float: left;

  height: 20px;
  list-style-type: none;

  background-repeat: repeat-x;
  text-align: center;
}

#menu ul li a{
  padding: 5px;
  padding-left: 6px;
  padding-right: 6px;
  margin: 0px;
  
  display: block;
  height:20px;
  float: left;
  
  text-decoration: none;
  font-weight: bold;
  color: #FFFFFF;
}
#menu ul li a:hover{
  color:#000000;
  background-color: #FFFFFF;
  background-image: url(images/menu-hover-bg.gif);
}

#menu #email {
  position: relative;
  top: -50px;
  left: 10px;
  width: 180px;
  text-align: center;
}
#menu #email a{
  text-decoration: none;
  color: #000000;
  margin-left:10px;
  margin-right:10px;
  border-top: 1px solid #BBBBBB;
}
#menu #email a:hover{
  text-decoration: underline;
}

#navigation h1{
  position: relative;
  top: -82px;
  left: 200px;

  width: 516px;
  height: 21px;

  padding: 4px;
  padding-left: 10px;
  margin:0px;
  overflow: hidden;
  
  background-image: url(images/navigation-bg.gif);

  font-weight: bold;
  font-family:Arial, Helvetica, sans-serif;
  color:#333333;
  font-size: 16px;
}

#navigation a{
  color: #8A8A8A;
  text-decoration: none;
  font-weight: inherit;
}

#navigation a:hover{
  color: #706F6F;
}

#search{
  position:relative;
  top: -68px;
  left: 199px;
  width: 520px;
  height: 20px;
  padding-left:10px;
  
  background-color: #D3EB61;
  border-left: 1px solid #BBBBBB;
  border-top: 1px solid #BBBBBB;
  
  text-align: left;
  overflow:hidden;
  font-size:10px;
}

#search input{
  font-size:10px;
}

#search a.search-more {
  text-decoration:none;
  color:#000000;
  font-weight:bold;
  margin-left:14px;
  padding-left:13px;
  background-image:url(images/pixel-arrow-green.gif);
  background-position:left;
  background-repeat:no-repeat;
}

#search a.search-more:hover {
  background-image:url(images/pixel-arrow-green-hover.gif);
  color:#666666;
}

#newsletter {
  position: relative;
  top: -53px;
  left: 730px;

  width: 216px;
  height: 76px;
  padding: 2px;
  padding-top:6px;
  padding-left: 10px;
  margin-left: 0px;

  background-color: #D3EB61;
  border: 1px solid #C7D154;
  overflow: hidden;
	}

#newsletter span {
  padding-bottom:1px;
  margin-top:6px;
  margin-bottom:4px;

  font-size: 11px;
  font-weight: bold;
}

#newsletter form input {
  display: inline;
  margin-top:5px;
}

#newsletter form input.input-field {
  width:205px;
}

#newsletter a.subscript{
  text-decoration:none;
  color: #000000;
  font-weight:bold;
  padding-left:14px;
  background-image:url(images/pixel-arrow-green.gif);
  background-position:left;
  background-repeat:no-repeat;
  font-size:10px;
}

#newsletter a.subscript:hover {
  background-image:url(images/pixel-arrow-green-hover.gif);
  color:#666666;
}

#subscription-submit{
  margin-left: 4px;
}

.input-field {
  width: 100px;
  margin: 1px;
  border: 1px solid #79C8E9;
}

#newsletter a {
  text-decoration: none;
  margin: 2px;
  color: #0000EE;
}

#left-column {
  position: relative;
  top: -110px;

  float:left;
  width: 200px;
}

#content {
  position: relative;
  top: -76px;
  float: left;
  width: 552px;
  margin: 4px;

  min-height: 800px;
}

#right-column {
  position: relative;
  top: -80px;
  float: right;
  
  width: 200px;
}

.column-box {
  width: 192px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top:0px;
  padding-bottom:0px;
  margin-top: 0px;
  margin-bottom:6px; 

  border-bottom: 1px solid #9E0B0E;
  background-image: url(images/box-header-bg.gif);
  background-repeat: repeat-x;
  color:#FFFFFF;
}

.column-box span.title{
  display: inline;
  position: relative;
  top: 2px;
  margin-left: 10px;
  padding: 2px;

  font-weight: bold; 
  background-color: #9E0B0E;
}

.column-box span{
  font-weight: bold;
  display: block;
}

.column-box span.reg{
  color:#000000;
}

.column-box form{
  margin-top:6px;
}

.column-box ul{
  list-style-type: none;
  margin:0px;
  margin-top:1px;
  margin-bottom:4px;
  padding-top:4px;
}

.column-box ul.subcat{
  margin:-7px 0px -3px 0px;
}

.column-box ul li{
  padding: 0px;
  margin:0px;
  /*padding-left: 16px;
  background-image: url(images/pixel-arrow.gif);
  background-repeat: no-repeat;
  background-position: left;
  color:#000000;*/
}

/*.column-box ul li:hover{
  background-image: url(images/pixel-arrow-hover.gif);
  background-color: #9E0B0E;
  color:#FFFFFF;
}*/

.column-box ul li.cat{
  margin-bottom:-6px;
  margin-top:-2px;
  border-top-color:#9E0B0E;
  border-top-style:solid;
  border-top-width:1px;
}

.column-box ul li a{
  background-image: url(images/pixel-arrow.gif);
  background-repeat: no-repeat;
  background-position: left;
  
  padding-left:16px;
  padding-top:1px;
  padding-bottom:1px;
  padding-right:0px;
  margin-top:0px;
  margin-bottom:0px;
  
  margin:0px;
  display:block;
  width:176px;
  
  text-decoration: none;
  background-color:transparent;
  color: #000000;
}

.column-box ul li a:hover {
  /*text-decoration: underline;*/
  background-image: url(images/pixel-arrow-hover.gif);
  background-color: #9E0B0E;
  color:#FFFFFF;
}

.column-box ul li a.subcat{
  padding-left:26px;
  width:166px;
  background-image:url(images/pixel-arrow-subcat.gif);
  background-position:left;
  background-repeat:no-repeat;

  border-top-color:#CCCCCC;
  border-top-style:solid;
  border-top-width:1px;

  display:block;
  margin-bottom:-6px;

  padding-top:1px;
  padding-bottom:1px;
  margin-top:0px;
  margin-bottom:0px;
}

.column-box ul li a.subcat:hover{
  background-image: url(images/pixel-arrow-subcat-hover.gif);
  background-position:left;
  background-repeat:no-repeat;
}


.column-box div.text {
  font-size: 10px;
}

.column-adv {
  width: 190px;

  padding:4px;
  padding-top:0px;
  margin-top:4px;
  
  background-image: url(images/box-header-bg.gif);
  background-repeat: repeat-x;
}
.column-adv img {
  border: 0px;
  text-align:center;
}

.column-adv span.title{
  display: inline;
  position: relative;
  top: 2px;
  margin-left: 10px;
  padding: 2px;

  font-weight: bold; 
  background-color: #9E0B0E;
  color:#FFFFFF;
}

ul.basket li:hover {
  background-color: #F1E3CB;
}

.single {
  margin-bottom: 3px;
}

.single:hover {
  background-color: #F1E3CB;
}

.column-box div.single a{
  text-decoration: none;
  color: #000000;
}
.column-box div.single a:hover{
  text-decoration: underline;
}

hr {
  height: 10px;
  border:1px solid #ffffff;
  background-image: url(images/content-spacer.gif);
  background-repeat: repeat-x;
  background-position: center;
  clear: both;
}

.product-type{
  width: 172px;
  float: left;
  margin: 2px;
  border: 1px solid #BBBBBB;
  padding: 2px;
}

/*.product-type:hover{
  background-color: #DBC1B5;
}*/

.product-type img{
  margin: 0px;
  clear: both;
}

.product-type a{
  text-decoration: none;
  color: #000000;
}

.product {
  border: 1px solid #D5D5D5;
  border-bottom: 1px solid #D5D5D5;
  width: 550px;
  margin-top: 2px;
  margin-bottom: 4px;
  /*height: 147px;*/
  padding-bottom:0px;
}

.product:hover {
  border-color: #9E0B0E;
}

.product .product-header{
  border-bottom: 1px solid #E6E6E6;
  background-color:#9E0B0E;
}

.product .product-header div{
  padding: 2px;
  font-size: 11px;
  display:block;
  background-image:url(images/spred.gif);
  font-weight: bold;
  color:#FFFFFF;
}

.product .product-header .product-name h2{
  float: left;
  margin:0px;
  padding:0px;
  width: 424px;
  text-decoration:none;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  font-style:normal;
  font-weight:bold;
  color:#FFFFFF;
}

.product .product-header .product-price{
  text-align: right;
  display:block;
  margin:0px;
  padding:0px;
}

.product .product-header .product-header-clearer{
  clear: both;
  height: 1px;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}

.product .product-image {
  width: 150px;
  height: 123px;
  float: left;
  overflow: hidden;
  border-right: 1px solid #E6E6E6;
  margin-right: 0px;
  background-image: url(images/img-bg.gif);
  text-align:center;
}

.product .product-image img{
  margin-bottom:auto;
  margin-top:auto;
}

.product .product-data div {
  margin: 0px;
  padding:0px;
}

.product .product-data{
  margin: 0px;
  padding:0px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  font-weight:normal;
  font-style:normal;
}

.product span{
  display: block;
  font-weight: bold;
}

.product .product-data .product-attributes{
  overflow: auto;
  height:70px;
  border-top: 1px solid #E6E6E6;
}

.product .product-data .product-attributes tr:hover{
  background-color: #E0EBEF;
}

.product .product-data .product-attributes td:first-child{
  font-weight: bold;
  padding-left: 0px;
}

.product .product-data .product-attributes td p{
  padding:0px;
  margin:0px;
}


.product .product-calculation {
  width: 120px;
  float: right;
  padding-left: 4px;
  border-left: 1px solid #E6E6E6;
  min-height: 123px;
}

.product .product-calculation div{
  margin-bottom: 2px;
}

.product .product-calculation .product-calculation-header{
  background-color: #E6E6E6;
  padding: 4px;
  font-weight: bold;
  margin-left: -4px;
  margin-right: 0px;
}


.product .product-calculation input{
  width: 90%;
}

.product .product-calculation span a{
  text-decoration:none;
  color:#000000;
  display:block;
}

.product .product-calculation span a:hover{
  color:#000000;
  background-color:#E6E6E6;
}

.clearer {
  clear: both;
  height: 1px;
  margin: 0px;
  margin-top: -8px;
  padding: 0px;
  overflow: hidden;
}

.new {
  padding: 2px;
  padding-bottom: 0px;
  padding-top: 10px;
  margin: 2px;
  
  padding-left: 8px;
  margin-bottom: 10px;
  border: 1px solid #D5D5D5;  
  border-left: 8px solid #D3EB61;
  text-align: justify;
  background-image: url(images/content-spacer.gif);
  background-repeat: repeat-x;
  background-position: 0px -2px;
}

/*.new:hover{
  background-color:#F1E3CB;
}*/

.new a p{
  text-decoration:none;
  color:#000000;
  margin:2px;
}

/*.new p:first-letter {
  margin-top: 2px;
  margin-right:4px;
  display: block;
  font-size: 30px;
  float: left;
}*/

.new img{
  float: right;
  margin-left: 6px;
}

.new .date {
  width:200px;
  height: 20px;
  margin-left: -8px;
  margin-bottom: -2px;
  margin-top: 2px;
  padding-right: 20px;

  clear: right;
  background-image: url(images/news-bg.gif);
  background-repeat: repeat-x;
  background-position: right;
}


a div.akcio {
  padding: 2px;
  padding-bottom: 0px;
  padding-top: 10px;
  margin: 2px;
  text-decoration:none;
  color:#000000;
  
  float:left;
  width:251px;
  
  padding-left: 8px;
  margin-bottom: 10px;
  border: 1px solid #9E0B0E;  
  border-left: 8px solid #9E0B0E;
  text-align: left;
  background-image: url(images/content-spacer.gif);
  background-repeat: repeat-x;
  background-position: 0px -2px;
  background-color:transparent;
}

a div.akcio:hover{
  background-color:#F1E3CB;
}

.akcio a p{
  text-decoration:none;
  color:#000000;
  margin:2px;
}

/*.akcio p:first-letter {
  margin-top: 2px;
  margin-right:4px;
  display: block;
  font-size: 30px;
  float: left;
}*/

.akcio span.title{
  display:block;
  margin-left:124px;
  margin-bottom:4px;
  text-align:center;
  font-weight:bold;
  background-color:#FFFFFF;
  border:1px solid #AFAFAF;
}

.akcio img{
  float: left;
  margin:0px 2px 0px 0px;
}

.akcio span.date {
  width:200px;
  height: 20px;
  margin-left: -8px;
  margin-bottom: -2px;
  margin-top: 2px;
  padding-right: 20px;
  
  color:#FFFFFF;

  clear: right;
  background-image: url(images/akcio-bg.gif);
  background-repeat: repeat-x;
  background-position: right;
}

.content-title {
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 14px;
}
.content-title:after {
  content: url(images/content-title.gif);
}
.to-know{
  border: 1px solid #AFAFAF;
  margin: 10px;
  margin-bottom: 30px;
  padding: 5px;
  padding-left: 60px;
  background: url(images/to-know.gif) no-repeat;
}
.form-box {
  border: 1px solid #AFAFAF;
  margin: 10px;
  padding: 5px;
  margin-bottom: 20px;
}

.form-box table{
  width: 500px;
}

.form-box span.form-header{
  display: block;
  border-bottom: 1px solid #AFAFAF;
  font-weight: bold;
  margin-bottom: 6px;
}

.form-box td:first-child {
  font-weight:bold;
  width: 150px;
}

.form-box td{
  padding: 2px;
  padding-right:10px;
}

.form-box tr:hover {
  background-color: #E0EBEF;
}

.error{
  color: #9E0B0E;
}

.pager {
  margin-left: auto;
  margin-right: auto;
  /*width:300px;*/
  text-align: center;
  border: 1px solid #D3EB61;
  border-top: 3px solid #D3EB61;
  border-bottom: 3px solid #D3EB61;
  vertical-align: middle;
  overflow: visible;
  padding: 2px;
  padding-bottom:12px;
  background-image: url(images/content-spacer.gif);
  background-repeat: repeat-x;
  background-position: bottom;
}

.magic-box{
  border: 1px solid #AFAFAF;
  margin: 10px;
  padding: 5px;
}

.magic-box img{
  float: right;
  margin: 4px;
  border: 1px solid #AFAFAF;
}
.magic-box span.magic-box-header{
  display: block;
  border-bottom: 1px solid #AFAFAF;
  font-weight: bold;
  margin-bottom: 6px;
  margin-left: 0px;
  margin-right: 0px;
}
.magic-box span{
  font-weight: bold;
}
h1 {
  font-size: 16px;
  margin-bottom: 6px;
  margin-top: 10px;
}
h2 {
  font-size: 14px;
  font-style: italic;
  margin-bottom: 6px;
  margin-top:10px;
}

span a.back{
  text-decoration:none;
  color:#666666;
  font-weight:bold;
  padding: 2px;
}

span a.back:hover{
  background-color: #D3EB61;
  color:#FFFFFF;
}

#footer{
  clear: both;
  height: 16px;
  position: absolute;
  bottom: -100px;
  left: -4px;
  width: 556px;

  padding: 2px;
  padding-top:12px;
  margin: 0px;
  vertical-align: bottom;
  
  border-top: 3px solid #D3EB61;
  border-bottom: 3px solid #D3EB61;

  text-align: center;
  background-image: url(images/content-spacer.gif);
  background-repeat: repeat-x;
  background-position: top;
}

#footer a, #footer span{
  color: #000000;
  margin-right: 14px;
  margin-left: 14px;
  text-decoration:none;
}

#footer a:hover{
  text-decoration: overline;
  color:#666666;
}

input, select{
  font: 11px Verdana, sans-serif;
}

form {
  margin-bottom:2px;
  margin-top:2px;
}

.hidden {
	position:absolute;
	top:0px;
	left:-500px;
}