body {
     background: rgb(199,199,199) url("../img/bg.jpg") repeat-x;
     text-align: center;
     margin: 0;
     }
#page {
     width: 771px;
     margin: auto;
     position: relative;
     border-left: 1px solid white;
     border-right: 1px solid white;
     border-bottom: 1px solid white;
     }
img {border: 0;}
/**********************/
/*       Fonts        */
/**********************/
p {font-family: arial, tahoma, verdana}

.languages {color: white; font: normal 13px arial; margin-top: -3px; margin-right: 5px;}
.languages a {color: white; text-decoration: none;}
.languages a:hover {text-decoration: underline;}

.footer {color: white; font: normal 11px arial; margin: 12px 10px;}
.footer a {color: white; text-decoration: none;}
.footer a:hover {text-decoration: underline;}

h1 {  /*headlines on the pages*/
     color: rgb(116,116,116);
     font: normal 20px trebuchet ms;
     text-align: left;
     margin: 0 0 10px 0;
     }
h3 {  /*clientzone like*/
     display: block;
     color: white;
     font: normal 18px arial;
     margin: 9px 0 0 2px;
     text-align: left;
     }

/*enter like*/
h4 {position: absolute; bottom: 7px; right: 10px; color: white; font: normal 15px arial; margin: 0;}
h4 a {color: white; text-decoration: none;}
h4 a:hover {text-decoration: underline;}

.katalog {position: absolute; color: white; text-decoration: none; font: normal 13px arial; margin-top: 5px; margin-right: 0px; right: 40px;}
.katalog a {color: white; text-decoration: none;}
.katalog a:hover {text-decoration: underline;}

.zone {
     display: block;
     text-align: left;
     color: white;
     font: normal 13px arial;
     padding: 2px;
     margin-top: 2px;
     }
.text {
     display: block;
     color: rgb(116,116,116);
     font: normal 14px/19px arial;
     text-align: justify;
     word-spacing: 1px;
     margin: 0;
     text-indent: 10px;  
     }
     
.text1 {
     display: block;
     color: rgb(116,116,116);
     font: 14px/19px arial;
     text-align: left;
     text-indent: 0px;
     margin: 0; 
     }
.text2 {
     display: block;
     color: rgb(116,116,116);
     font: 14px/19px arial;
     text-align: left;
     margin: 0; 
     }
.text2 a {text-decoration: none; color: rgb(0,102,204);}
.text2 a:hover {text-decoration: underline;}
.text3 {
     display: block;
     color: rgb(116,116,116);
     font: 14px/19px arial;
     text-align: left;
     margin: 0; 
     }
.text3 a {text-decoration: none; color: rgb(215,46,46);}
.text3 a:hover {text-decoration: underline;}
/*blue names of products on the front page*/    
.frontad {
     display: block;
     color: rgb(0,102,204);
     font: 14px/19px arial;
     text-align: left;
     padding-left: 10px;
     margin: 0; 
     }
/*prices*/     
.red {color: rgb(255,102,102); font-weight: bold; text-decoration: none;}

.contacts {
     display: block;
     color: rgb(116,116,116);
     font: 14px/19px arial;
     margin: 0; padding: 5px 5px 5px 10px;
     text-align: left;
     }
.contacts a {color: rgb(0,102,204); text-decoration: none;}
.contacts a:hover {text-decoration: underline;}
    
.tut {color: rgb(159,159,159); font: italic 12px arial; letter-spacing: 0;}
.pdf-text {color: rgb(116,116,116); font-size: 12px; margin: 21px 0 0 2px;}

/*actions*/
.date {font-size: 12px; color: rgb(0,102,204);}
.text1 a {color: rgb(255,102,102);}
.text1 a:hover {text-decoration: underline; color: rgb(255,0,51);}

/*suppliers*/
.supp {display: block; font: 14px/16px arial; letter-spacing: 1px; padding: 5px 5px 5px 10px; margin: 0;}
.supp a {color: rgb(116,116,116); text-decoration: none;}
.supp a:hover {color: rgb(0,102,204); text-decoration: underline;}

.hierarchy {color: rgb(116,116,116); font: normal 12px arial; margin: 0; padding: 4px 5px 0 0; text-align: right; letter-spacing: 1px;}
.hierarchy a {color: rgb(116,116,116); text-decoration: underline;}
.hierarchy a:hover {color: rgb(80,80,80);} 

/*Counter*/
#left-nav span {color: rgb(148,148,148); font: 13px arial; padding: 5px 0 0 10px;}
#left-nav span a {color: rgb(148,148,148); text-decoration: none;}   

#left-nav li a {color: rgb(148,148,148); text-decoration: none;}
#left-nav li a:hover {color: rgb(60,60,60);}

/*formular*/
form {width: 275px; padding: 10px; margin-top: 10px; background: rgb(247,247,247); border: 1px solid rgb(230,230,230);}
input.pass {border: 1px solid rgb(116,116,116); color: rgb(116,116,116); width: 130px;}
input.butt {border: 1px solid rgb(116,116,116); background: url("../img/butt.jpg"); color: rgb(116,116,116); width: 65px;}
.insertpass {color: rgb(116,116,116); margin: 0 0 5px 0; font: 13px arial;} 

/*******************/
/*     Images      */
/*******************/
.front {
     float: right;
     margin: 38px 0 5px 15px;
     }
.front1 {
     float: right;
     margin: 36px 0 5px 5px;
     }
.pdf {
     float: left;
     margin: 16px 5px 0 0;
     }
.woodcote {float: left; margin-right: 10px;}

/*-----Top header, everything above menubar----------*/
#header {
     position: relative;
     width: 771px;
     height: 266px;
     }
#logo {
     position: absolute;
     top: 0;
     left: 0;
     width: 299px;
     height: 137px;
     background: url("../img/logo.jpg") no-repeat;
     }
#wolseley {
     position: absolute;
     top: 119px;
     left: 144px;
     width: 135px;
     height: 14px;
     background: url("../img/wolseley.jpg") no-repeat;
     }
#wolseley a {
     display: block;
     width: 135px;
     height: 14px;
     }
#topbar {
     position: absolute;
     top: 0;
     left: 299px;
     width: 472px;
     height: 49px;
     background: url("../img/topbar.jpg") repeat-x;
     text-align: right;
     }
#photo {
     position: absolute;
     top: 49px;
     left: 299px;
     width: 472px;
     height: 217px;
     background: url("../img/photo.jpg") no-repeat;
     }
#advert {
     position: absolute;
     top: 137px;
     left: 0;
     width: 299px;
     height: 129px;
     background: url("../img/advert.jpg") repeat-x;
     }
#figures {
     position: absolute;
     left: 12px;
     width: 104px;
     height: 129px;
     background: url("../img/figures.jpg") no-repeat;
     }
#clientzone {
     position: absolute;
     top: 0; left: 130px;
     width: 150px;
     height: 125px;
     }
#advertcorner {
     position: absolute;
     left: 283px;
     top: 0;
     width: 16px;
     height: 129px;
     background: url("../img/advertcorner.jpg") no-repeat;
     }
     
.admin a:link {text-decoration: none;}
.admin a:visited {text-decoration: none;}
.admin a:active {text-decoration: none;}
.admin a:hover {text-decoration: none;}
/*--------Header ends here----------*/
#menubar {
     width: 771px;
     height: 24px;
     background: url("../img/menubar.jpg") repeat-x;
     margin: 0; padding: 0;
     }
     
.calc {
     display: box;
     position: relative;
     float: left;
     padding: 20px 5px 50px 0px;
    }

.calc_span {
      position: absolute;
      margin-top: 10px;
      color: rgb(148,148,148);
      font: 13px arial;
}

.calc_span1 {
      position: absolute;
      margin-top: 5px;
      color: rgb(148,148,148);
      font: 10px arial;
}
    
.calc_span2 {
      position: absolute;
      margin-top: -15px;
      color: rgb(148,148,148);
      font: 13px arial;
}
.nb{ 
      margin:  -10px 0px 0px 0px;
      text-align: right;
}

.flag{ 
      margin-top: 10px;
}
/*--------Content of the page---------*/
#core {
     position: relative;
     width: 771px;
     background: white url("../img/shadow.jpg") repeat-x top left;
     overflow: hidden;
     min-height: 460px;
     }
#content {
     position: relative;
     margin: 15px 0 0 12px;
     float: left;
     width: 570px;
     text-align: left;
     /*border: 1px solid gray;*/
     }
#left-nav {
     position: relative;
     margin-top: 15px;
     float: left;
     width: 175px;
     text-align: left;
     }
#left-nav ul {
     list-style: none;
     position: relative;
     top: 0px;
     left: 10px;
     width: 160px;
     padding-left: 0;
     margin: 0;
     color: rgb(148,148,148);
     }
#left-nav li {
     height: 22px;
     border-bottom: 1px solid rgb(196,196,196);
     padding: 6px 0 0 8px;
     font: normal 13px arial;
     letter-spacing: 1px;
     }
.first {color: rgb(60,60,60);}
#left-nav li a.action {color: rgb(255,102,102);}
#left-nav li a:hover.action {color: rgb(255,0,51);}

#left-nav img {margin: 5px 0 0 9px;}

/*honour*/
.honour-table {width: 100%;}
.leftarrow {position: relative; left: 0px; bottom: -62px;}
.rightarrow {position: relative; left: 285px; bottom: -50px;}

/*pricelist*/
.pricelist-table {width: 100%; border-spacing: 0; background: rgb(249,249,249); table-layout: fixed; border: 0;}
.left {width: 250px}
.pair {background: rgb(240,240,240);}
.item {
     color: rgb(0,102,204);
     text-align: right;
     font: 13px arial;
     letter-spacing: 2px;
     margin: 1px;
     padding-right: 10px;
     }
.item a {color: rgb(0,102,204); text-decoration: none;}
.item a:hover {color: rgb(165,165,165);}
.itema {
     color: rgb(0,102,204);
     text-align: left;
     font: 13px arial;
     letter-spacing: 2px;
     margin: 1px;
     padding-left: 10px;
     }
.itema a {color: rgb(0,102,204); text-decoration: none;}
.itema a:hover {color: rgb(165,165,165);}
.size {
     color: rgb(150,150,150);
     font: 13px arial;
     letter-spacing: 1px;
     margin: 0;
     }
/*contacts div*/
.contact-box {
     position: relative;
     width: 240px;
     background: url("../img/bg1.jpg") no-repeat bottom left;
     margin: 0 20px 30px 0; 
     float: left;
     }
     
.logo-box_blank {
     position: relative;
     display: box;
     /*border: 1px solid black;*/
     width: 103px;
     height: 83px;
     margin: 0 20px 30px 0; 
     float: left;
     }
     
.logo-box {
     position: relative;
     display: box;
     /*border: 1px solid black;*/
     width: 103px;
     height: 83px;
     margin: 0 20px 30px 0; 
     float: left;
     }
  
.logo-box:hover {
     position: relative;
     /*border: 1px solid blue;*/
     background-color: #78acf3;
     margin: 0 20px 30px 0;
     /*float: left;*/
     
     }
     
.loga_box {
     position: relative;
     margin: 0 20px 10px 0; 
     float: left;
     text-decoration: none;
}

.loga_text {
      color: rgb(116,116,116);
      font: normal 15px trebuchet ms;
      text-align: left;
      margin: 0 0 10px 0;
}

.category_box {
     position: relative;
     display: box;
     /*border: 1px solid black;*/
     width: 100px;
     height: 80px;
     margin: 0 20px 30px 0; 
     float: left;
     text-decoration: none;
     }


.category_box a:link {text-decoration: none}
.category_box a:visited {text-decoration: none}
.category_box a:active {text-decoration: none}
.category_box a:hover {text-decoration: none}


     
.category_text {
      display: block;
      color: rgb(116,116,116);
      font: normal 15px trebuchet ms;
      text-align: center;
      margin: 0 0 10px 0;
      text-decoration: none;
}
#category_text span a {text-decoration: none;}
/*.category_text a:link {text-decoration: none;}
.category_text a:visited {text-decoration: none;}
.category_text a:active {text-decoration: none;}*/
.category_text:hover {text-decoration: none; color: rgb(0,0,0);}



.left1 {width: 320px;}
.left2 {width: 490px;}
.left4 {width: 150px;}

/* and action*/
.news-box {
     display: block;
     position: relative;
     margin: 0 20px 10px 0; 
     min-height: 30px;
     }
     
.flash-box {
     display: block;
     position: relative;
     margin: 0 20px 30px 35px; 
     min-height: 30px;
     }
     
.cert {
     display: block;
     position: relative;
     margin: 0 10px 0 0; 
     height: 40px;
     } 
     
.certif {
     position: absolute;
     left: 10px;
     width: 560px;
     top: 0;
     float: left;
     display: block;
     }    

.cert a {
    color: rgb(116,116,116);
}

/*for the last on the home, where are pictures*/
.news-box1 {
            display: block; 
            position: relative;
            margin: 0 20px 50px 0;
            min-height: 100px;
            height:auto !important;
            height:100px;
            }
.date-box {
     display: block;
     position: relative;
     width: 110px;
     margin: 0;
     height: 100%;
     }
.info-box {
     position: absolute;
     left: 100px;
     width: 480px;
     top: 0;
     float: left;
     display: block;
     }    
.info-box1 {
     position: absolute;
     left: 125px;
     top: 0;
     width: 200px;
     float: left;
     display: block;
     }
.info-box2 {
     position: absolute;
     left: 325px;
     top: 0;
     width: 200px;
     float: left;
     display: block;
     }
     
     
/* pop up */

.thumbnail{position: relative; z-index: 0}

.thumbnail:hover{background-color: transparent; z-index: 50;}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute; background-color: #c4e4ff; padding: 5px; left: 10px; border: 1px; visibility: hidden; color: rgb(96,96,96); text-decoration: none;}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0; padding: 2px;}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
background-color: rgb(240,240,240);
border: 1px;
width: 220px;
z-index: 50;
}

A.thumbnail:link {COLOR: #ff4343; cursor: help; TEXT-DECORATION: none;}
A.thumbnail:active {COLOR: #ff4343; cursor: help; TEXT-DECORATION: none;}
A.thumbnail:hover {COLOR: #ff4343; cursor: help; TEXT-DECORATION: none;}
A.thumbnail:visited {COLOR: #ff4343; cursor: help; TEXT-DECORATION: none;}
     
     
     
     
     
     
/*--------footer---------*/
#bottombar {
     position: relative;
     width: 771px;
     height: 80px;
     background: url("../img/shadow1.jpg") repeat-x;
     }
#bar {
     position: absolute;
     top: 43px;
     left: 0;
     width: 771px;
     height: 37px;
     background: url("../img/bottombar.jpg") repeat-x;
     text-align: left;
     }