/* -------------------------------
           LAYOUT STYLES
--------------------------------*/ 

html, body { 
 margin:0; 
 padding:0; 
 text-align:left;
 font-family: Arial, SunSans-Regular, sans-serif;
 width: 100%
 height: 100%;
 background: #4d4d4d;
} 

/*Supersize Plugin Styles*/
#loading {
   position: absolute;
   top: 49.5%; 
   left: 49.5%;
   z-index: 3;
   width: 24px; 
   height: 24px;
   text-indent: -999em;
   background-image: url(images/progress.gif);
}

#supersize {
   position:fixed;
   z-index: -1
}

#supersize img, #supersize a {
   height:100%;
   width:100%;
   position:absolute;
   z-index: -1;
}

#supersize .prevslide, #supersize .prevslide img {
   z-index: 1;
}

#supersize .activeslide, #supersize .activeslide img {
   z-index: 2;
}

#pagewidth { 
 width:960px; 
 text-align:left;  
 margin: 0 auto 0 auto;
} 
 
#header{
 position:relative; 
 height:146px; 
 background:url(/site-layout/gfx/header.jpg) no-repeat #FFF; 
 width:100%;
}
 
#maincol{
 background: transparent; 
 float: left;
 text-align: left; 
 display:inline; 
 position: relative;  
 }
 
#footer{
 height:20px; 
 clear:both;
 color: #FFF;
 text-align: right;
 font-size: 12px;
 line-height: 40px;
 padding: 10px 0 0 0;
 } 

#footer img {
  float: left;
  margin: 0 0 0 10px;
}

.stroom {
   float: left;
   margin: 0 0 0 180px;
}

 /* -------------------------------
           COMMON STYLES
--------------------------------*/ 

h1 {
color: #603913;
font-size: 20px;
font-weight: bold;
margin: 0;
padding: 0;
}

h2 {
color: #603913;
font-size: 18px;
font-weight: bold;
margin: 0;
padding: 0;
}

h3 {
color: #603913;
font-size: 14px;
font-weight: bold;
margin: 0 0 10px 0;
padding: 0;
}

p {
font-size: 12px;
font-weight: bold;
line-height: 16px;
color: #000;
margin: 5px 0;
padding: 0;
}

hr{
border-top: solid 1px #808080;
border-bottom: solid 1px #FFF;
margin: 10px 0;
}

.break {
   clear: both;
}

a {
   font-weight: bold;
}

a img {
   border: none;
}

a:link {
   color: #FAAF40;
   text-decoration: none;
   font-weight: bold;
}

a:visited {
   color: #FAAF40;
   text-decoration: none;
   font-weight: bold;
}

a:hover {
   color: #603813;
   text-decoration: none;
   font-weight: bold;
}

a:active {
   color: #FAAF40;
   text-decoration: none;
   font-weight: bold;
}

ul {
   margin: 0;
   padding: 0;
}

li {
   margin: 0;
   padding: 0;
}

table {
   font-weight: bold;
}

/* --------------------------------------
           NAVIGATION STYLES 
----------------------------------------*/  

#navlist {
background: url(/site-layout/gfx/nav-bg.jpg) no-repeat #FFF;
float: left;
width: 175px;
height: 176px;
padding: 0 0 20px 0;
margin: 0;
}

#navlist li {
list-style-type: none;
margin: 0 0 0 25px;
padding: 5px 0;
}

#navlist li a {
text-decoration: none;
font-weight: bold;
color: #808080;
font-size: 14px;
}

#navlist li a:link {
text-decoration: none;
color: #808080;
}

#navlist li a:visited {
text-decoration: none;
color: #808080;
}

#navlist li a:hover {
text-decoration: none;
color: #603913;
}

#navlist li a:active {
text-decoration: none;
color: #603913;
font-weight: bold;
}

#navlist li a.active {
text-decoration: none;
color: #603913;
font-weight: bold;
}
							
/* --------------------------------------
           HEADER STYLES 
----------------------------------------*/ 

#header .padding {
 padding: 20px 0 0 25px;
}

#header img {
 float: left;
}

#header h1 {
   float: left;
   color: #603913;
   font-size: 18px;
   font-weight: bold;
   margin: 10px 0 0 20px;
   padding: 0;
}

#header p {
   float: left;
   font-size: 16px;
   font-weight: bold;
   margin: 15px 0 0 20px;
}

.language {
color: #6d2c8f;
font-size: 0.8em;
text-align: right;
position: absolute;
left: 810px;
top: 50px;
}

.language a:link {
text-decoration: none;
color: #6d2c8f;
}

.language a:visited {
text-decoration: none;
color: #6d2c8f;
}

.language a:hover {
text-decoration: none;
color: #b17fcb;
}

.language a:active {
text-decoration: none;
color: #6d2c8f;
}

#activeLanguage {
text-decoration: none;
color: #6d2c8f;
font-weight: bold;
}

.logged {
color: #000;
font-size: 12px;
text-align: right;
position: absolute;
left: 700px;
top: 10px;
}

.logged a:link {
color: #FAAF40;
text-decoration: none;
}

.logged a:visited {
color: #FAAF40;
text-decoration: none;
}

.logged a:hover {
color: #603813;
text-decoration: none;
}

.logged a:active {
color: #FAAF40;
text-decoration: none;
}

/* --------------------------------------
           FOOTER STYLES 
----------------------------------------*/ 

#footer {
color: #BCBCBC;
}

#footer a:link {
text-decoration: none;
color: #BCBCBC;
}

#footer a:visited {
text-decoration: none;
color: #BCBCBC;
}

#footer a:hover {
text-decoration: none;
color: #FBB040;
}

#footer a:active {
text-decoration: none;
color: #BCBCBC;
}

/* --------------------------------------
           SHOPPINGCART STYLES 
----------------------------------------*/ 

.logo {
margin: 15px 0 0 25px;
}

.cart-container {
   float: left;
   width: 250px;
   margin: 0;
   color: #808080;
}

.cart-container h1 {
   margin: 0 0 10px 0;
   text-align: center;
   color: #FAAF40;
}

.shopping-table {
   padding: 0 0 10px 0;
}

.amountBar2 {
background-color: #000;
height: 10px;
margin: 0 0;
font-size: 14px;
color: #603813;
padding: 4px 5px 3px 5px;
text-align: center;
display: block;
}

.titleBar {
height: 10px;
margin: 0;
font-size: 14px;
color: #603813;
font-weight: normal;
padding: 10px 0 0 10px;
}

.contentBar {
height: 10px;
margin: 0;
font-size: 12px;
color: #603813;
padding: 5px 5px 5px 10px;
}

.contentBar a:link {
color: #FAAF40;
text-decoration: none;
}

.contentBar a:visited {
color: #FAAF40;
text-decoration: none;
}

.contentBar a:hover {
color: #603813;
text-decoration: none;
}

.contentBar a:active {
color: #FAAF40;
text-decoration: none;
}

.contentBar2 {
height: 10px;
margin: 0;
font-size: 12px;
color: #603813;
padding: 5px 5px 5px 10px;
text-align: right;
}

.contentBar2 a:link {
color: #FAAF40;
text-decoration: none;
}

.contentBar2 a:visited {
color: #FAAF40;
text-decoration: none;
}

.contentBar2 a:hover {
color: #603813;
text-decoration: none;
}

.contentBar2 a:active {
color: #FAAF40;
text-decoration: none;
}

.subTotalBar {
height: 10px;
margin: 0;
font-size: 12px;
color: #808080;
padding: 5px 5px 5px 10px;
border-top: 1px solid #808080;
}

.subTotalBar2 {
height: 10px;
margin: 0;
font-size: 12px;
color: #808080;
padding: 5px 5px 5px 10px;
text-align: right;
border-top: 1px solid #808080;
}

.subTotalBarTotal {
height: 10px;
margin: 0;
font-size: 12px;
color: #808080;
padding: 5px 5px 5px 10px;
border-top: 1px solid #808080;
}

.subTotalBar2Total {
height: 10px;
margin: 0;
font-size: 12px;
color: #808080;
padding: 5px 5px 5px 10px;
text-align: right;
border-top: 1px solid #808080;
}

.checkout {
   color: #FAAF40;
   font-size: 12px;
   font-weight: bold;
   padding: 10px 0 0 0;
   text-align: right;
   border-top: 1px solid #808080;
   text-transform: uppercase;
}

.checkout a:link {
  color: #603813;
  text-decoration: none;
}

.checkout a:visited { 
  color: #603813;
  text-decoration: none;
}

.checkout a:hover {
  color: #FAAF40;
  text-decoration: none;
}

.checkout a:active {
  color: #603813;
  text-decoration: none;
}

.shopLogo {
  margin: 0 40px 20px 0;
  float: left;
}

.floatTerminator {
   clear: both;
}

.shoppingCartLineFirst {
  font-size: 12px;
  color: #000;
  line-height: 16px;
  padding-bottom: 10px;
  margin-top: 10px;
  font-weight: bold;
}

.shoppingCartLine {
  font-size: 12px;
  line-height: 16px;
   font-weight: bold;
}

.shoppingCartLineBig {
  font-size: 12px;
  line-height: 16px;
  color: #000;
   font-weight: bold;
}

.shoppingCartLineLast {
  font-size: 12px;
  line-height: 16px;
  padding-bottom: 10px;
   font-weight: bold;
}

.shoppingCartLineLeft {
  float: left;
  color: #000;
  width: 35%;
   font-weight: bold;
}

.shoppingCartLineRight {
  float: right;
  width: 65%;
  text-align: right;
  color: #000;
  font-weight: bold;
}

.shoppingCartLineLeftFirstLong {
  float: left;
  width: 40%;
  color: #000;
  font-weight: bold;
}

.shoppingCartLineRightFirstLong {
  float: right;
  width: 60%;
  text-align: right;
  color: #000;
  font-weight: bold;
}

.shoppingCartFlush {
  clear: both;
  font-size: 12px;
  line-height: 16px;
  padding-top: 10px;
  font-weight: bold;
}

.shoppingCartFlush hr {
  margin-bottom: 1em;
  padding: 0;
}

.shoppingCartContinueShopping {
  float: left;
  width: 40%;
}

.shoppingCartContinueOrder {
  float: right;
  text-align: right;
  width: 40%;
}

.shopCustomerAddressHeadline {
  float: left;
  width: 70%;
  font-weight: bold;
}

.shopCustomerAddressEdit {
  float: right;
  width: 30%;
  text-align: right;
}

.addToCart a:link {
  color: #FAAF40;
  text-decoration: none;
}

.addToCart a:visited {
  color: #FAAF40;
  text-decoration: none;
}

.addToCart a:hover {
  color: #603813;
  text-decoration: none;
}

.addToCart a:active {
  color: #FAAF40;
  text-decoration: none;
}

.formError {
   color: red;
   font-weight: bold;
}

/* -------------------------------
           MAIN STYLES
--------------------------------*/ 

#page_navigation a{
   padding:5px;
   margin: 10px 0 0 10px;
   color:#000;
   text-decoration:none
}

.active_page{
   background: #FBB040;
   color:white !important;
}

#maincol .left {
   width: 175px;
   float: left;
}

#maincol .right {
   width: 785px;
   float: left;
}

#maincol .right .block {
   float: left;
   background: #FFF;
   margin: 10px 0 0 10px;
   width: 775px;
   /* for IE */
   filter:alpha(opacity=80);
   /* CSS3 standard */
   opacity:0.8;
}

#maincol .right .block .padding {
   padding: 20px;
}

#maincol .right .block .padding .blue {
   color: #603913;
   font-weight: bold;
}

#maincol .right .block .padding .red {
   color: #f41434;
   font-weight: bold;
}

#maincol .right .block .padding .left {
   width: 300px;
   float: left;
   margin: 0 20px 10px 0;
}

#maincol .right .block .padding .left-small {
   width: 200px;
   float: left;
   margin: 0 10px 0 0;
}

#maincol .right .block .padding .left-gallery {
   width: 100px;
   float: left;
   margin: 0 20px 10px 0;
}

#maincol .right .block .padding .right-gallery {
   width: 400px;
   float: left;
   margin: 0 0 10px 0;
}

#maincol .right .block .padding .right-gallery h3 {
   color: #603913;
}

.text-left {
   text-align: left;
   float: left;
}

.text-right {
   text-align: right;
   float: right;
}

.hidden {
   visibility: hidden;
}

.order-message {
   background: #603813;
   color: #FFF;
   font-size: 14px;
   font-weight: bold;
   padding: 10px;
   margin: 10px 0;
}

a.gallery-link:link {
   font-size: 12px;
   color: FBB040;
   text-decoration: none;
   font-weight: bold;
}

a.gallery-link:visited {
   font-size: 12px;
   color: #FBB040;
   text-decoration: none;
   font-weight: bold;
}

a.gallery-link:hover {
   font-size: 12px;
   color: #603913;
   text-decoration: none;
   font-weight: bold;
}

a.gallery-link:active {
   font-size: 12px;
   color: #FBB040;
   text-decoration: none;
   font-weight: bold;
}

a.return:link {
   float: right;
   font-size: 13px;
   margin: 0 5px 0 0;
   color: #FBB040;
}

a.return:visited {
   float: right;
   font-size: 13px;
   margin: 0 5px 0 0;
   color: #FBB040;
}

a.return:hover {
   float: right;
   font-size: 13px;
   margin: 0 5px 0 0;
   color: #603913;
}

a.return:active {
   float: right;
   font-size: 13px;
   margin: 0 5px 0 0;
   color: #FBB040;
}

.shop-block {
   float: left;
   width: 475px;
   background: #FFF;
   margin: 10px 0 0 10px;
   /* for IE */filter:alpha(opacity=80);
   /* CSS3 standard */opacity:0.8;
}

.shop-block .padding {
   padding: 20px;
}

.shop-block .padding .left {
   float: left;
   width: 150px;
   margin: 0 10px 0 0;
}

.shop-cart {
  background: #FFF;
  position: absolute;
  left: 670px; top: 10px;
  /* for IE */filter:alpha(opacity=80);
  /* CSS3 standard */opacity:0.8; 
}

.shop-cart .padding{
   padding: 20px;
}

.gallery {
  list-style: none;
  margin: 0;
  padding: 0;
}

.gallery li {
  float: left;
  margin: 0 10px 0 0;
  position: relative;
  width: 100px;
  height: 100px;
}

.gallery img {
  width: 100px;
  height: 100px;
  position: absolute;
  clip: rect(0 105px 100px 0px);
  left: 0px;
}