/* CSS BUTTONS */
/* Unique styles */

/* HOME button */

.home-butt { 
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(images/header/button-over-images_07.gif);
background-repeat: repeat-x;
white-space: nowrap;
display: block;
width: 40px;
height: 30px;
margin: 0; 
padding: 0; 
}

.home-butt a {
color: #000000;
font-size: 10px;
width: 40px;
height: 30px;
display: block;
float: center;
color: black;
text-decoration: none;
}

.home-butt img {width: 40px; height: 30px; border: 0;}
* html a:hover {visibility:visible}
.home-butt a:hover img{visibility:hidden}

.home-butt span {
position: absolute;
left: 6px;
top: 10px;
font-weight: bold;
margin: 0px;
padding: 0px;
cursor: pointer;
}

/* VHM button */
.vhm-butt { 
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(images/header/button-over-images_07.gif);
background-repeat: repeat-x;
white-space: nowrap;
display: block;
width: 72px;
height: 30px;
margin: 0; 
padding: 0; 
}

.vhm-butt a {
color: #000000;
font-size: 10px;
width: 72px;
height: 30px;
display: block;
float: center;
color: black;
text-decoration: none;
}

.vhm-butt img {width: 72px; height: 30px; border: 0;}
* html a:hover {visibility:visible}
.vhm-butt a:hover img{visibility:hidden}

.vhm-butt span {
position: absolute;
left: 6px;
top: 9px;
font-weight: bold;
margin: 0px;
padding: 0px;
cursor: pointer;
}

/* FORUM button */
.forum-butt { 
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(images/header/button-over-images_07.gif);
background-repeat: repeat-x;
white-space: nowrap;
display: block;
width: 53px;
height: 30px;
margin: 0; 
padding: 0; 
}

.forum-butt a {
color: #000000;
font-size: 10px;
width: 53px;
height: 30px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.forum-butt img {width: 53px; height: 30px; border: 0;}
* html a:hover {visibility:visible}
.forum-butt a:hover img{visibility:hidden}

.forum-butt span {
position: absolute;
left: 10px;
top: 9px;
font-weight: bold;
margin: 0px;
padding: 0px;
cursor: pointer;
}

/* FAQ button */
.faq-butt { 
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(images/header/button-over-images_07.gif);
background-repeat: repeat-x;
white-space: nowrap;
display: block;
width: 36px;
height: 30px;
margin: 0; 
padding: 0; 
}

.faq-butt a {
color: #000000;
font-size: 10px;
width: 6px;
height: 30px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.faq-butt img {width: 36px; height: 30px; border: 0;}
* html a:hover {visibility:visible}
.faq-butt a:hover img{visibility:hidden}

.faq-butt span {
position: absolute;
left: 9px;
top: 9px;
margin: 0px;
padding: 0px;
cursor: pointer;
}

/* ARTICLES button */
.articles-butt { 
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(images/header/button-over-images_07.gif);
background-repeat: repeat-x;
white-space: nowrap;
display: block;
width: 58px;
height: 30px;
margin: 0; 
padding: 0; 
}

.articles-butt a {
color: #000000;
font-size: 10px;
width: 58px;
height: 30px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.articles-butt img {width: 58px; height: 30px; border: 0;}
* html a:hover {visibility:visible}
.articles-butt a:hover img{visibility:hidden}

.articles-butt span {
position: absolute;
left: 12px;
top: 9px;
margin: 0px;
padding: 0px;
cursor: pointer;
}

/* CATALOGUE button */
.catalogue-butt { 
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(images/header/button-over-images_07.gif);
background-repeat: repeat-x;
white-space: nowrap;
display: block;
width: 65px;
height: 30px;
margin: 0; 
padding: 0; 
}

.catalogue-butt a {
color: #000000;
font-size: 10px;
width: 65px;
height: 30px;
display: block;
float: left;
color: black;
text-decoration: none;

}

.catalogue-butt img {width: 65px; height: 30px; border: 0;}
* html a:hover {visibility:visible}
.catalogue-butt a:hover img{visibility:hidden}

.catalogue-butt span {
position: absolute;
left: 10px;
top: 9px;
font-weight: bold;
margin: 0px;
padding: 0px;
cursor: pointer;
}

/* SERVICES button */
.services-butt { 
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(images/header/button-over-images_07.gif);
background-repeat: repeat-x;
white-space: nowrap;
display: block;
width: 52px;
height: 30px;
margin: 0; 
padding: 0; 
}

.services-butt a {
color: #000000;
font-size: 10px;
width: 52px;
height: 30px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.services-butt img {width: 52px; height: 30px; border: 0;}
* html a:hover {visibility:visible}
.services-butt a:hover img{visibility:hidden}

.services-butt span {
position: absolute;
left: 4px;
top: 9px;
font-weight: bold;
margin: 0px;
padding: 0px;
cursor: pointer;
}