﻿a 
{
    color: #00c;
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}
body
{
    font-family: Tahoma, Arial, Verdana;
    font-size: 80%;
    margin: 0px;
}
body.enlargement 
{
    background-color: #333;
    margin: 0px 0px 20px 0px;
    text-align: center;
}
body.enlargement div
{
    background-color: #fff;
    margin-bottom: 20px;
    padding: 20px 0px 20px 0px;
}
div.contact
{
    background-color: #D6E2F9;
    border: solid 1px #B4BED4;
    float: right;
    margin: 0px 0px 30px 60px;
    padding: 15px;
    width: 200px;
}
div.contact hr
{
    border: 0px;
    color: #B4BED4;
    height: 1px;
    margin: 10px 0px;
}
div.contact p
{
    margin: 0px;
    padding: 5px 0px;
}
div#container 
{
    margin: 0px auto 0px 10px;
    width: 960px;
}
div.enquiry
{
    background-color: #D6E2F9;
    border: solid 1px #B4BED4;
    margin: 0px;
    padding: 15px;
    width: 735px;
}
.floatright
{
    float: right;
    margin: 0px 0px 20px 20px;
}
div#footer 
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
div#footer p
{
    background-color: #0E156F;
    color: #fff;
    padding: 0px 0px 20px 20px;
    margin: 0px;
}
div#footer a
{
    color: #F5C001;
}
div#header 
{
    position: absolute;
    top: 0px;
    width: 960px;
}
div#header table tr td
{
    padding: 10px;
    vertical-align: middle;
}
div#header table tr td.companyname
{
    color: #999;
    font-size: 160%;
    width: 360px;
}
div#header table tr td.links
{
    color: #009;
    font-size: 110%;
}
div#header table tr td.links a
{
    color: #009;
    text-decoration: none;
}
div#header table tr td.search
{
    padding: 0px 5px 0px 10px;
}
div#header table tr td.searchbutton
{
    padding: 0px;
}
div#header table tr td.search input
{
    background-color: #fffbcc;
    border: solid 1px #d6d6e0;
    color: #039;
}
div#header table tr td.links a:hover
{
    text-decoration: underline;
}
div.latestnews
{
    background-image: url(latest-news.gif);
    background-position: center bottom;
    background-repeat: no-repeat;
}
div.latestnews div.panel
{
    background-image: url(latest-news-top.gif);
    background-position: center top;
    background-repeat: no-repeat;
    font-size: 90%;
    padding: 10px 10px 0px 10px;
}
div#main
{
    background-image: url(main.gif);
    background-position: left top;
    background-repeat: no-repeat;
    margin: 165px 0px 0px 120px;
    padding: 20px 30px 20px 40px;
    top: 100px;
}
div#main ul.arrow li
{
    list-style-image: url(li-arrow.gif);
    margin-bottom: 5px;
    padding-left: 10px;
}
div#main ul.product
{
    margin: 10px 0px;
    padding: 0px;
}
div#main ul.product li
{
    list-style-type: square;
    margin: 0px 0px 5px 25px;
    padding: 0px;
}
div#main ul.errorlist li 
{
    color: #c00;
    font-weight: bold;
    list-style-image: none;
    list-style-type: disc;
}
div#main div.rightpanel ul
{
    margin: 10px 0px 0px 0px;
    padding: 0px;
}
div#main div.rightpanel ul li
{
    list-style-image: none;
    list-style-type: square;
    margin: 0px 0px 3px 20px;
    padding: 0px;
}
div.message 
{
    border: solid 1px #090;
    color: #090;
    font-weight: bold;
    margin: 0px 0px 20px 0px;
    padding: 10px;
}
div.newsitem h3
{
    margin: 0px 0px 5px 0px;
}
div.newsitem p.dateadded
{
    font-size: 90%;
    margin: 0px 0px 5px 0px;
}
div.newsitem p.teaser
{
    margin: 0px 0px 5px 0px;
}
div.newsitem p.readmore
{
    margin: 0px 0px 20px 0px;
}
div.rightpanel
{
    background-color: #D6E2F9;
    border: solid 1px #B4BED4;
    font-size: 90%;
    margin: 0px 0px 30px 60px;
    padding: 15px;
    width: 200px;
}
div.rightpanel hr
{
    border: 0px;
    color: #B4BED4;
    height: 1px;
    margin: 10px 0px;
}
div.rightpanel p
{
    margin: 0px;
    padding: 5px 0px;
}
div#subnavigation
{
    position: absolute;
    top: 170px;
    width: 120px;
}
div#subnavigation ul.subnavigation
{
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}
div#subnavigation ul.subnavigation li
{
    background-image: url(nav-bg.gif);
    background-position: left top;
    background-repeat: no-repeat;
    list-style-type: none;
    margin-bottom: 3px;
    padding: 2px 5px 8px 10px;
}
div#subnavigation ul.subnavigation li a
{
    color: #fff;
}
div.prodsubnavigation
{
    background-image: url(latest-news.gif);
    background-position: center bottom;
    background-repeat: no-repeat;
}
div.prodsubnavigation div.panel
{
    background-image: url(latest-news-top.gif);
    background-position: center top;
    background-repeat: no-repeat;
    line-height: 150%;
    padding: 5px 5px 5px 10px;
    margin-bottom: 8px;
}
div.prodsubnavigation div.panel a
{
    color: #00c;
}
h1 
{
    color: #009;
    font-size: 160%;
    font-weight: normal;
    margin: 0px 0px 20px 0px;
}
h2 
{
    color: #333;
    font-size: 120%;
    font-weight: bold;
    margin: 0px;
    padding: 5px 0px 7px 0px;
}
h3 
{
    color: #009;
    font-size: 100%;
    font-weight: bold;
    margin: 0px 0px 5px 0px;
}
h3.search
{
    margin: 5px 0px 0px 0px;
}
img 
{
    border: none;
    vertical-align: top;
}
input 
{
    font-size: 100%;
}
p.checkbox
{
    font-weight: bold;
    margin: 0px;
    padding: 0px 0px 8px 0px;
}
p.nomargin
{
    margin: 0px;
    padding: 0px;
}
span.no
{
    color: #900;
    font-weight: bold;
}
span.yes 
{
    color: #090;
    font-weight: bold;
}
table tr td 
{
    vertical-align: top;
}
table tr.alternateitem td 
{
    background-color: #eaeaea;
    padding: 5px;
}
table tr.header td 
{
    background-color: #fabb00;
    padding: 5px;
}
table tr.subheader td 
{
    background-color: #ccc;
    padding: 5px;
}
table tr.item td 
{
    padding: 5px;
}
table tr.pager td 
{
    font-weight: bold;
    padding: 5px;
}
table tr td.field 
{
    padding: 5px 5px 5px 0px;
    vertical-align: middle;
}
table tr td.label 
{
    padding: 5px 15px 5px 0px;
    vertical-align: middle;
}
table tr td.check 
{
    padding: 0px 5px 3px 10px;
    vertical-align: top;
}
table.orderform tr td
{
    vertical-align: middle;
}
table.orderform tr td.code
{
    width: 180px;
}
table.orderform tr td input 
{
    background-color: #fffbcc;
    border: solid 1px #d6d6e0;
    color: #039;
    width: 60px;
}
table.productoverview tr td
{
    font-size: 80%;
    padding: 10px 10px 10px 10px;
    width: 20%;
}
table.productoverview tr td div
{
    background-color: #D6E2F9;
    border: solid 1px #B4BED4;
    padding: 0px;
}
table.productoverview tr td h2
{
    background-color: #009;
    color: #fff;
    font-size: 130%;
    margin-bottom: 10px;
    padding: 5px;
}
table.productoverview tr td h2 a
{
    color: #fff;
}
table.productoverview tr td p
{
    background-image: url(more.gif);
    background-position: left center;
    background-repeat: no-repeat;
    font-size: 120%;
    margin: 0px 0px 0px 10px;
    padding: 10px 10px 10px 15px;
}
table.productpage tr td img
{
    margin: 0px 20px 20px 0px;
}
table.productpage tr td p
{
    margin: 0px;
    padding: 0px;
}
table.productpage tr td p.download span
{
    background-image: url(download.gif);
    background-position: left center;
    background-repeat: no-repeat;
    padding: 5px 10px 5px 15px;
}
table.productpage tr td p.download img
{
    vertical-align: middle;
    margin: 0px;
}
textarea 
{
    font-family: Arial, Verdana;
}

/*-----------------------------------------------------------*/

.home-subtitle {

  font-size:22px;
  text-align:center;
  color:#039;
  padding: 8px;
}

.home-text-footer {
  font-size:18px;
  text-align:center;
  color:#039;
  padding: 14px;
}

.item-home 
{
    float:left;
    height:200px;
    width:150px;
    margin: 0 2px 0 0;
    overflow:hidden;
    border:1px solid #F6BF00;
}

.item-home1 {
    background: #C3BBB9 url(items1.jpg) 0 0 no-repeat;
}

.item-home2 {
    background: #C5BBBA url(items2.jpg) 0 0 no-repeat;
}

.item-home3 {
    background: #D1C7C6 url(items3.jpg) 0 0 no-repeat;
}

.item-home4 {
    background: #D0C8C6 url(items4.jpg) 0 0 no-repeat;
}

.item-home5 {
    background: #D5CBCA url(items5.jpg) 0 0 no-repeat;
    margin: 0 0 0 0!important;
}

.item-title {
  font-size:11px;
  padding: 95px 3px 2px 3px;
  text-align:center;
  color:#039;
  font-weight:bold;
}

.item-desc {
  text-align:center;
  color:#039;
  font-weight:bold;
  padding: 5px 3px 2px 3px;
  font-size:11px;
}

.item-home a {
  color:#000000;
  text-decoration:underline;
  text-align:center;
  display:block;
  font-size:11px;
  font-weight:bold;
}

.item-home a:hover {
  text-decoration:none;
}

.clearboth {
  clear:both;
}
