@import url(tabs.css);
@import url(menu.css);

/* General */
body{
  margin: 0px;
  padding: 0px;
  color:#333333;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 76%;
  background-repeat:repeat-y;
  background-color: #DEDFDF;
}
table{
  border-collapse: collapse;
  border:0px;
}
td{
  vertical-align: top;
  padding: 3px;
}
th{
  font-weight: bold;
  background-color : #888888;
  color: #FFFFFF;
  text-align: left;
  padding: 3px 5px;
}
h1,h2,h3{
 font-family : Arial,Helvetica,Verdana,sans-serif;
 margin-top:0.6em;
 font-weight:bold;
}
a h1,a h2,a h3{
 text-decoration:none;
}
h1,.heading1{
 font-size : 1.4em;
 margin-bottom:0.5em;
 color:#444444;
}
h2,.heading2{
 font-size : 1.2em;
 margin-bottom:0.3em;
}
h3,.heading3{
 font-size : 1.1em;
 margin-bottom:0.3em;
}
p,div.ingress{
 margin:0.6em 0em 0.6em 0em;
}
a{
 color:#000099;
 /*text-decoration:underline;*/
}

/* Layout */
#main{
 background-image:url("../img/bg_wrapper.gif");
 margin: 0px auto 0px auto;
 width:954px;
 background-color: #FFFFFF;
 position:relative;
 padding:0px 18px 18px 18px;
}
/* ComponentGroup */
#layout_top{
}
#layout_left{
 float:left;
 width: 220px;
 color: #000000;
 background-color: #F0F0F0;
 margin-left:6px;
}
#layout_middle{
 margin-left:245px;
 margin-right:245px;
}
#layout_right{
 float: right;
 width: 220px;
 background-color: #F0F0F0;
 margin-right:6px;
}
/*
#layout_right{
 position:absolute;
 top: 108px;
 right:18px;
 width: 220px;
 background-color: #F0F0F0;
 margin-right:10px;
}*/
#layout_bottom{
 clear:both;
 background-image:url("../img/bg_footer.gif");
 margin: 0px auto;
 text-align:center;
 width:970px;
 padding:10px;
 color:#666666;
 font-size:0.9em;
 background-repeat:no-repeat;
}
img a, a img{
  border: none;
}

/* Special */
.required{
  color : #CC3300;
}
.number{
  text-align: right;
}
.red{
  background-color : #CC3300;
}
.yellow{
  background-color : #FFFF66;
}
.green{
  background-color : #C7D644;
}
.BGColorDark, .row0{
    background-color : #C7C2B9;
    color: #000000;
}
.BGColorLight, .row1{
    background-color : #F5F5F5;
    color: #000000;
}
.white
{
    color: #ffffff;
}
#searchbox form{
 padding: 5px;
 margin: 0px;
 display: block;
}
.basket_view{
}
#layout_left p, #layout_right p{
 padding:10px;
}
#layout_right table{
 margin:10px;
}
#layout_left h2, #layout_right h2{
 background-color : #888888;
 padding:6px 10px;
 margin-top:0px;
 color: #FEFEFE;
 border-top:1px solid #CCCCCC;
 border-bottom:1px solid #CCCCCC;
 border-left:25px solid #C7D644;
}
.footer a{
  color:#666666;
}
#topmenu{
 padding: 5px 10px;
 background-color: #C7D644;
 text-align:right;
 margin-bottom:10px;
 color:#444444;
}
#topmenu a{
 color:#444444;
 text-decoration:none;
 font-weight:bold;
}
.info{
 /*background-color: #F0F0F0;*/
 /*border: 1px solid #CCCCCC;*/
 color:#888888;
 padding: 8px;
 float:right;
 margin:10px;
}
.info h2{
 margin:0px 0px 3px 0px;
}
input.button,button{
 background-color: #F7C93B;
}
a.button{
 background-color: #F7C93B;
 display:block;
 width:180px;
 margin: 3px 0px;
 text-decoration:none;
 color: #000000;
 padding:3px;
 border-bottom: 2px solid #888888;
 border-left: 2px solid #DDDDDD;
 border-right: 2px solid #888888;
 border-top: 2px solid #DDDDDD;
}
.sum td{
 font-weight:bold;
}
.details{
 font-size:0.9em;
}
/* Products */
.product{
 float:left;
 /*border: 1px solid #888888;*/
 margin-right: 5px;
 margin-bottom: 5px;
 width: 140px;
}
.product input{
 float:right;
}
.product h3{
 text-align:center;
}
.price{
 position:relative;
 background-color: #C7D644;
 padding:4px;
 top:-30px;
 left:50px;
 white-space:nowrap;
}
.product input{
 display:block;
}
.productprice, .buyform,.number{
  white-space: nowrap;
}
#productsheet img{
 float:left;
}
#productsheet .button{
 font-size: 1.4em;
 padding: 5px;
}
table.productlist td{
 vertical-align: middle;
}
table.productlist tr td{
  border-bottom: 1px solid #888888;
}
tr.line0{
  background-color: #FFFFFF;
}
tr.line1{
  background-color: #FFFFFF;
}
/* Errors */
input.error{
 background-color:#FF0000;
 color:#FFFFFF;
}
.clear{
 clear:both;
}
form
{
    display: inline;
}
