html { background-color: #F0F0F0; }
body { font-size: 75%; font-family: Arial,Helvetica,Sans-Serif; margin:0; padding:0; color: #58585A; }

form, fieldset { border:0; margin:0; padding:0; }
img { border:0; }

.visDiv { display:block; }
.invDiv { display:block; visibility:hidden; }
.hidDiv { display:none; }

.cll { visibility: hidden; height: 0; width:0; line-height: 0; font-size:0; clear: left;  }
.clr { visibility: hidden; height: 0; width:0; line-height: 0; font-size:0; clear: right; }
.clb { visibility: hidden; height: 0; width:0; line-height: 0; font-size:0; clear: both;  }

#top { position:relative; top:0; left:0; width: 980px; margin: 0 auto 5px auto; padding: 0 7px 7px 0; background-image: url(/img/page/bgs.gif); background-position: top right; background-repeat: no-repeat; }
#inner { width: 980px; background-repeat: no-repeat; background-position: top right; }
#headr { padding: 18px 0px 38px 686px; width: 295px; height: 67px; }

#col1 { width: 201px; height: 493px; float:left; margin:0; padding:0; }
#col2 { width: 779px; height: 442px; float:left; margin:0; position: relative; top:0; left:0; }

#langsel p { margin:0; padding:0; text-transform: uppercase; }
#langsel a, #langsel a:link, #langsel a:active, #langsel a:visited  { text-decoration: none; color: #000000; padding: 0 5px;    }
#langsel a:hover { text-decoration: none;  font-weight: bold; }


div#mainnav { position: relative; top:0; left:0; text-align: center; height: 30px; width: 980px; margin:0; padding:0; background-color: #E6E6E7; }
#mainnav ul { list-style-type: none; margin:0; padding: 8px 0 0 194px; text-transform:uppercase; }
#mainnav ul li { line-height: 125%; float: left; margin:0; padding:0 0 0 8px; color: #000000; }
#mainnav ul li.sel { font-weight: bold; }

#mainnav ul li a, #mainnav ul li a:link, #mainnav ul li a:active, #mainnav ul li a:visited { text-decoration: none; color: #000000;}
#mainnav ul li.sel a, #mainnav ul li.sel a:link, #mainnav ul li.sel a:active, #mainnav ul li.sel a:visited, #mainnav ul li.sel a:hover, #mainnav ul li a:hover { text-decoration: none;  font-weight: bold; }

#subnavi { margin:0; padding:0; height: 461px; overflow: auto; }

#subnav { float:left; width: 200px; margin:0; padding:0 0 0 12px; }
#subnav ul { list-style-type: none; margin:0; padding: 0; text-transform:uppercase; }
#subnav ul li { line-height: 125%; margin:0; padding:3px 0 0 8px; color: #000000; }
#subnav ul li.sel { color: #BF9B65; }

#subnav ul li ul { padding:0 0 20px 12px; }

#subnav ul li a, #subnav ul li a:link, #subnav ul li a:active, #subnav ul li a:visited { text-decoration: none; color: #000000;}
#subnav ul li.sel a, #subnav ul li.sel a:link, #subnav ul li.sel a:active, #subnav ul li.sel a:visited, #subnav ul li.sel a:hover, #subnav ul li a:hover { text-decoration: none;  color: #BF9B65; font-weight: bold; }

#subnav ul li.sel ul li { color: #000000; }
#subnav ul li.sel ul li.sel { color: #BF9B65; }

#subnav ul li.sel ul li a, #subnav ul li.sel ul li a:link, #subnav ul li.sel ul li a:active, #subnav ul li.sel ul li a:visited, #subnav ul li.sel ul li a:hover { text-decoration: none;  color: #000000; }
#subnav ul li.sel ul li.sel a, #subnav ul li.sel ul li.sel a:link, #subnav ul li.sel ul li.sel a:active, #subnav ul li.sel ul li.sel a:visited, #subnav ul li.sel ul li.sel a:hover { text-decoration: none;  color: #BF9B65; font-weight: bold; }

.pimg { width: 308px; margin:0; padding:0; float:left; }
.tabs1 { width: 471px; padding:0; margin:0; float:left; background-image: url(/img/page/tab_1.gif); background-position: top left; background-repeat: no-repeat; background-color: #DFDFE0; }
.tabs2 { width: 471px; padding:0; margin:0; float:left; background-image: url(/img/page/tab_2.gif); background-position: top left; background-repeat: no-repeat; background-color: #DFDFE0; }
.tabs3 { width: 471px; padding:0; margin:0; float:left; background-image: url(/img/page/tab_3.gif); background-position: top left; background-repeat: no-repeat; background-color: #DFDFE0; }

ul.tabul { list-style-type: none; margin:0; padding: 0; text-transform:uppercase; }
ul.tabul li { line-height: 125%; float: left; margin:0; padding: 16px 0 14px 0; color: #000000; width: 157px; text-align: center; }

ul.tabul li a, ul.tabul li a:link, ul.tabul li a:active, ul.tabul li a:visited { text-decoration: none; color: #BF9B65; }

.tabs1 p, .tabs2 p, .tabs3 p { padding-left: 10px; padding-right: 10px; }

.lbot { padding: 4px 5px; margin: 0 5px; border-width: 0 0 1px 0; border-color: white; border-style: solid; }
.dbot { padding: 4px 5px; margin: 0 5px; border-width: 0 0 1px 0; border-color: white; border-style: dashed; }
.col { padding: 5px; margin: 0 5px; }

.img103 { width: 40px; height: 42px; padding: 24px 0 0 20px; margin:10px 0 0 0; float:left; background-image: url(/img/page/103.jpg); background-position: top left; background-repeat: no-repeat; color: #000000; }
.img301 { width: 40px; height: 42px; padding: 24px 0 0 20px; margin:10px 0 0 0; float:left; background-image: url(/img/page/301.jpg); background-position: top left; background-repeat: no-repeat; color: #000000; }
.img648 { width: 40px; height: 42px; padding: 24px 0 0 20px; margin:10px 0 0 0; float:left; background-image: url(/img/page/648.jpg); background-position: top left; background-repeat: no-repeat; color: #000000; }
.img904 { width: 40px; height: 42px; padding: 24px 0 0 20px; margin:10px 0 0 0; float:left; background-image: url(/img/page/904.jpg); background-position: top left; background-repeat: no-repeat; color: #FFFFFF; }
.img101 { width: 40px; height: 42px; padding: 24px 0 0 20px; margin:10px 0 0 0; float:left; background-image: url(/img/page/101.jpg); background-position: top left; background-repeat: no-repeat; color: #000000; }
.img602 { width: 40px; height: 42px; padding: 24px 0 0 20px; margin:10px 0 0 0; float:left; background-image: url(/img/page/602.jpg); background-position: top left; background-repeat: no-repeat; color: #000000; }
.img611 { width: 40px; height: 42px; padding: 24px 0 0 20px; margin:10px 0 0 0; float:left; background-image: url(/img/page/611.jpg); background-position: top left; background-repeat: no-repeat; color: #000000; }
.img906 { width: 40px; height: 42px; padding: 24px 0 0 20px; margin:10px 0 0 0; float:left; background-image: url(/img/page/906.jpg); background-position: top left; background-repeat: no-repeat; color: #FFFFFF; }
.img810 { width: 40px; height: 42px; padding: 24px 0 0 20px; margin:10px 0 0 0; float:left; background-image: url(/img/page/810.jpg); background-position: top left; background-repeat: no-repeat; color: #000000; }
.img074 { width: 40px; height: 42px; padding: 24px 0 0 20px; margin:10px 0 0 0; float:left; background-image: url(/img/page/074.jpg); background-position: top left; background-repeat: no-repeat; color: #000000; }
.img043 { width: 40px; height: 42px; padding: 24px 0 0 20px; margin:10px 0 0 0; float:left; background-image: url(/img/page/043.jpg); background-position: top left; background-repeat: no-repeat; color: #000000; }
.img004 { width: 40px; height: 42px; padding: 24px 0 0 20px; margin:10px 0 0 0; float:left; background-image: url(/img/page/904.jpg); background-position: top left; background-repeat: no-repeat; color: #FFFFFF; }
.img064 { width: 40px; height: 42px; padding: 24px 0 0 20px; margin:10px 0 0 0; float:left; background-image: url(/img/page/064.jpg); background-position: top left; background-repeat: no-repeat; color: #FFFFFF; }
.img024 { width: 40px; height: 42px; padding: 24px 0 0 20px; margin:10px 0 0 0; float:left; background-image: url(/img/page/024.jpg); background-position: top left; background-repeat: no-repeat; color: #000000; }
.img053 { width: 40px; height: 42px; padding: 24px 0 0 20px; margin:10px 0 0 0; float:left; background-image: url(/img/page/053.jpg); background-position: top left; background-repeat: no-repeat; color: #000000; }


table.cols td { padding: 1px 0; }

table.fl { float:left; border-collapse:collapse; }
table.fl td { padding:0; }

table.cl { border-collapse:collapse; }
table.cl td { padding:0; }

#stockist td { padding:2px 0; }
#stockist input.txt { width: 120px; }
#stockist textarea { width: 200px; height: 110px; }

#contact td { padding:2px 0; }
#contact input.txt { width: 144px; }
#contact textarea { width: 250px; height: 90px; }

em { font-style: normal; color: #BF9B65; }

h1 { font-size: 200%; margin:0; padding:0; font-weight: normal; text-transform: uppercase; }
h2 { font-size: 110%; text-transform: uppercase; }
h3 { font-size: 110%; float:left; text-transform: uppercase; color: #BF9B65; margin:10px 0 0 0; padding:0; line-height: 100%; width: 370px; }
h4 { font-size: 110%; float:left; color: #000000; margin:10px 0 0 0; padding:0; line-height: 100%; width: 81px; text-align: right; }
h5 { font-size: 100%; color: #BF9B65; margin:10px 0 0 0; padding:0; line-height: 100%; text-transform: uppercase; }

.article { padding-right: 89px; }

.article a, .article a:link, .article a:active, .article a:visited { color: #BF9B65; text-decoration: none; }
.article a:hover { color: #BF9B65; text-decoration: underline; }

.article h1, .article h2 { color:#BF9B65; }

.article ul { margin:0; padding:0 0 0 20px; }

p.cp { width: 981px; font-size: 11px; padding: 0; margin: 0 auto; color: #C0C0C0; text-align: right; }
p.cp span { vertical-align: top; margin: 0 5px; }
p.cp a, p.cp a:link, p.cp a:active, p.cp a:visited, p.cp a:hover { text-decoration: none; color: #C0C0C0; }

#pager { text-transform: uppercase; height:16px; margin-top: -16px; position:relative; top: 434px; left: 725px; z-index: 8; color: #58585A; width: 50px; display:block; }
#pager a, #pager a:link, #pager a:active, #pager a:visited, #pager a:hover { color: #58585A; text-decoration: none; }

#spager { text-transform: uppercase; height:0; position:relative; top: 418px; left: 665px; z-index: 5; color: #58585A; width: 100px; text-align: right; }
#spager a, #spager a:link, #spager a:active, #spager a:visited, #spager a:hover { color: #58585A; text-decoration: none; }

input.htxt { color: #C7C8C9; padding: 1px 5px 0 5px; font: 11px/15px arial,sans-serif; width: 132px; height: 16px; background-color: #DFE0E1; border-style:solid; border-width: 1px; border-color: #F1F2F2 #59595B #5E5E60 #F7F8F8; }
input.txt { color: #58585A; padding: 1px 5px 0 5px; font: 11px/15px arial,sans-serif; width: 132px; height: 16px; background-color: #DFE0E1; border-style:solid; border-width: 1px; border-color: #F1F2F2 #59595B #5E5E60 #F7F8F8; }
textarea.txt { color: #58585A; padding: 1px 5px 0 5px; font: 11px/15px arial,sans-serif; background-color: #DFE0E1; border-style:solid; border-width: 1px; border-color: #F1F2F2 #59595B #5E5E60 #F7F8F8; }
input.subm { text-transform: uppercase; text-align: left; color: #FFFFFF; padding: 0 5px; width: 144px; font: 11px/15px arial,sans-serif; height: 19px; background-color: #BF9B65; border-style:solid; border-width: 1px; border-color: #F1F2F2 #59595B #5E5E60 #F7F8F8; }
input.rest { text-transform: uppercase; text-align: left; color: #58585A; padding: 0 5px; width: 144px; font: 11px/15px arial,sans-serif; height: 19px; background-color: #DFE0E1; border-style:solid; border-width: 1px; border-color: #F1F2F2 #59595B #5E5E60 #F7F8F8; }
select.styled { background-color: #DFE0E1; color: #58585A; font: 11px/15px arial,sans-serif; }

span.select {

    position: absolute;
    width: 112px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
    height: 19px;
    padding: 0 24px 0 8px;
    color: #58585A;
    font: 11px/18px arial,sans-serif;
    background-image: url(/img/page/select.gif);
    background-repeat: no-repeat;
    overflow: hidden;
}

#quicksearch { float: left; position: absolute; top: 0; left: 842px; }
#quicksearch label { color: #000000; text-transform: uppercase; padding: 0 3px 0 0; }

.srchdiv { background-color: #DFE0E1; padding: 20px 12px 10px 12px; height: 412px; overflow: hidden; }
.srchdiv label { font-size: 90%; text-transform: uppercase; }
.srchdiv td { padding: 8px 0; }

.srchdiv p { margin-top:0; padding-top:2px; }

.srchdiv { background-image: url(/img/page/tab_s.gif); background-repeat: no-repeat; background-position: top left; }
.srchdiv h1 { margin:0 0 20px 0; padding:0; font-size: 100%; text-transform: uppercase; }

.formdiv { background-color: #DFE0E1; padding: 20px 12px 10px 12px; height: 412px; overflow: hidden; width: 755px; }
.formdiv label { font-size: 90%; text-transform: uppercase; width: 100px; display: block; float:left; line-height: 150%; }
.formdiv td { padding: 8px 0; }

.formdiv p { margin-top:0; padding-top:2px; }

.formdiv { background-image: url(/img/page/tab_s.gif); background-repeat: no-repeat; background-position: top left; }
.formdiv h1 { margin:0 0 20px 0; padding:0; font-size: 100%; text-transform: uppercase; }

table.mes { border-width: 1px 0 0 0; border-style: solid; border-color: #FFFFFF; margin: 0 0 20px 0; }
table.mes td { border-style: dashed; border-width: 0 0 1px 0; border-color: #FFFFFF; padding:2px 0;}
table.mes td.r { text-align: right; width: 37px; padding: 2px 5px; }

.blk { color: #000000; }

.uchk { background-image: url(/img/page/uchk.gif); margin-right: 3px; background-position: center center; background-repeat: no-repeat; width: 17px; height: 19px; float:left; }
.chk { background-image: url(/img/page/chk.gif); margin-right: 3px; background-position: center center; background-repeat: no-repeat; width: 17px; height: 19px; float:left; }

.gld { color: #BF9B65; }

.detpics { width: 300px; height: 85px; position: absolute; top: 345px; left: 308px; }

.sml { float:left; margin: 0 0 0 11px; }

.weiter { position: absolute; top: 450px; right: 15px; color: #FFFFFF; padding: 1px 5px; font: 12px/16px arial,sans-serif; background-color: #BF9B65; border-style:solid; border-width: 1px; border-color: #F1F2F2 #59595B #5E5E60 #F7F8F8; text-decoration: none; }