/*
+---------------------------------------------------
+
+  Velleman Components default theme - Green
+
+  Author: Gunther Van Butsele
+  Copyright: (C)2006 Velleman Components N.V.
+
+---------------------------------------------------
*/

body {
    background: #364765 url('images/background.gif') repeat-x top;
    margin: 20px 0px 20px 0px;
    text-align: center; /* IE5 workaround */
}

textarea, select, input, table, body {
    font-family: Tahoma, Verdana, arial, sans-serif;
    font-size: 11px;
    color: black;
}

/* --- box model styles --- */

#container { /* box model wrapper */
    width: 740px; /* 800x600 */
    margin: auto;

    padding: 1px;
    background-color: white;
    border: black 1px solid;

    text-align: left; /* IE5 */

    /* gradient menu on the left */
    background: white url('images/menu_back.jpg') repeat-y top left;
}

#header {
    background: black url('images/banner.jpg') no-repeat bottom right;
    color: white;

    text-align: right;
    padding: 10px;

    height: 80px; /* IE5 */
    voice-family: "\"}\"";
    voice-family: inherit;
    height: 60px;
}
html>body #header {
    height: 60px;
}

/* this bar is contained within the header and
   provides navigation and country selection links */
#navbar {
    text-align: right;
    float: right;
}
#navbar img {
    border: silver 1px solid;
    padding: 1px;
}
#navbar a {
    text-decoration: none;
    color: white;
}
#navbar a:hover {
    color: yellow;
}

/* language selection bar */
#langbar {
    background: red url('images/langbar_back.jpg') repeat-x top;
    color: white;
    text-align: right;
    padding: 5px 10px 5px 10px;
    height: 20px;
}
#langbar a {
    color: white;
}

/* site selection bar */
#sitebar {
    background: black url('images/sitebar_back.jpg') repeat-x top left;
    text-align: right;
    height: 50px; /* fix for firefox */
}

#langbar, #sitebar {
    margin-top: 1px; /* put some spacing between header/langbar/sitebar */
}

#wrapper {
    line-height: 1.4;
}

/* product menu styles */
#menu {
    float: left;
    width: 184px;
    padding: 8px;
}
#menu ul {
    margin-top: 0px;
    margin-left: 15px;
    padding: 0px;
}
#menu li {
    margin-bottom: 3px;
    color: black; /* bullet color */
}
#menu li a {
    color: black;
}

/* box containing the main content */
#content {
    margin-left: 200px;
    padding: 10px 10px 10px 0px;

    width: 532px;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 530px; /* 540 max */
}
/* IE-Windows 3px width fix \*/
* html #content {
    width: 527px;
}

/* End Mac Hack */

#footer {
    clear: both;
    padding: 4px;
    text-align: center;
    background-color: #E3E3E3;
}

/* generic plugin styles */
.plugin {
    padding: 8px;
    margin-bottom: 5px;
}

/* product sitemap position indicator */
#productnav {
    color: black;
}
#productnav a {
    font-family: Verdana, Arial, sans-serif;
    color: #0E2843;
}

#user_summary {
    float: left;
    padding: 5px 10px 5px 0px;

}

/* --- basic HTML element markup --- */

a { color: #0E2843; }

textarea, select, input {
    border: black 1px solid;
    background-color: white;
}

.radio {
    border: none;
    margin-right: 10px;
}

form {
    display: inline;    /* always display forms inline
    margin: 0px;         this prevents a newline being inserted */
    padding: 0px;
}

/* titles */

h1, h2, h3, h4, h5, h6 {
    font-family: Verdana, Arial, sans-serif;
    line-height: 1.1;
    padding: 0em;
    margin: 1em 0 .1em 0;
}

h2 {

    color: #0E2843;
}
h1, h2 { /* soften */
    font-weight:500;
}

h1 { font-size:22px; }
h2 { font-size:18px; }
h3 { font-size:16px; }
h4 { font-size:14px; }
h5 { font-size:12px; }
h6 { font-size:9px; }

h1 {
    padding: 3px;
    border-bottom: silver 1px solid;
    background-color: #F4F4F4;
}

th {
    background-color: #E3E3E3;
    border-bottom: silver 1px solid;
}

a img { /* linked images never have borders */
    border: none;
}

strong {
    font-size: 14px;
    font-weight: bold;
    color: #8cb811;
}

/* --- generic style tags --- */

.centered {
    text-align: center;
}

.align_right {
    text-align: right;
}

.indented {
    margin-left: 20px;
}

.bordered {
    border: #E3E3E3 1px solid;
    padding: 1px;
}

.rowColor1 {

}

.rowColor2 {
    background-color: #F5F5F5;
}

.hidden {
    display: none;
}

.searchbox {
    border: #E3E3E3 1px solid;
}

.error {
    font-weight: bold;
    font-size: 14px;
    color: red;
}

.confdate {
    font-weight: bold;
    color: #009900;
}

.instock {
    font-weight: bold;
    color: #006600;
}

.ds_out {
    background-color: silver;
    margin: 10px;
    float: left;
}
.ds_in {
    border: 1px solid gray; 
    background-color: white; 
    position: relative;
    left: -5px;
    top: -5px;
    width: 180px;
    padding: 15px;
    text-align: center;
}

.overview th, h1 {
    background-color: #F2F2F2;
    border-bottom: #D0D0D0 1px solid;
}

/* --- product list --- */

.product_list td {
    border-bottom: #E3E3E3 1px solid;
}
.product_list .group a {
    text-decoration: none;
    display: block;
    font-size: 9px;

    padding: 3px;
    color: gray;
    font-weight: bold;
    
    padding-left: 60px;
    background-image: url('images/list_bullet.jpg');
    background-position: top left;
    background-repeat: no-repeat;
}
.product_list .product a {
    text-decoration: underline;
}

/* --- authentication box --- */

#authbox {
    background-image: url('images/loginbox.gif');
    background-position: top left;
    background-repeat: no-repeat;
    margin: 10px 0px 20px 50px;
    width: 300px;
}

/* --- other bazar --- */

.indexcolumn {
    color: gray;
    border: #E3E3E3 1px solid;
}
.indexcolumn th {
    font-size: 14px;
    font-family: Arial, Arial, sans-serif;

    background-color: #F2F2F2;
    color: gray;
    padding: 5px;
}
.indexcolumn a {
    font-family: Verdana;
}
.indexfooter {
    background-color: #F1F1F1;
    padding: 20px;
    border: black 1px solid;
}
.spotlightTitle {
  font-size: 14px;
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
  
  background-color: #F2F2F2;
  color: gray;
  padding: 5px;  
  text-align: center;
}
.spotlightPost {
  width: 245px;
  overflow: auto;
  padding: 5px;
  border: #E3E3E3 1px solid;
}
.spotlightSpacer {
  margin-top: 15px;
}