﻿body {background-color: #E8E4DD;}

.HomeTitle{background-color:#DDDAD8;padding:5px 5px 5px 12px; height: 54px; margin-bottom: 10px;}
.HomeTitle h1{font-size:18px; font-weight:bold; width:auto;float:left; }
.HomeTitle h2{font-size:18px; font-weight:bold; width:auto;float:left; margin-left:8px;}
.HomeTitle h3{font-size:18px; font-weight:bold; width:auto;float:left; margin-left:8px;}

/* On screens that are 599px or less*/
@media screen and (max-width: 599px) {

    .HomeTitle{width:100%;}
    .HomeTitle h1{font-size:14px; font-weight:bold; width:auto;float:left; }
    .HomeTitle h2{font-size:14px; font-weight:bold; width:auto;float:left; margin-left:8px;}
    .HomeTitle h3{font-size:14px; font-weight:bold; width:auto;float:left; }
}

/* On screens that are 600 - 959px*/
@media screen and (min-width: 600px) and (max-width: 959px) {
    .HomeTitle{width:100%;}
}
/* ------------------------------------------------------------------------------------------------- */

.TopMenu{max-width:900px;;margin-left:auto;margin-right:auto; padding-bottom:10px;}
.TopMenu .LanguageBar{max-width:900px;height:40px;}
.Container-900{background-color:transparent; max-width:900px; margin-left:auto;margin-right:auto; padding:0px;}

/* ------------------------------------------------------------------------------------------------- */
.w3-row .w3-third{padding-left:10px;}
.w3-row .w3-third:first-child{padding-left:0px;}

/* On screens that are 599px or less*/
@media screen and (max-width: 599px) {
    .w3-row .w3-third{padding-left:0px; padding-bottom:10px;}
    .w3-row .w3-third:first-child{padding-left:0px;}
}
/* On screens that are 600 - 959px*/
@media screen and (min-width: 600px) and (max-width: 959px) {
    .w3-row .w3-third{padding-left:10px;}
    .w3-row .w3-third:first-child{padding-left:0px;}
}
/* ------------------------------------------------------------------------------------------------- */

.HomeWhiteBoxSmall{background-color:white;padding:5px; width:100%;float:left; padding:8px; }
.HomeWhiteBoxSmall h2{width:100%; font-size:18px; margin-left:0px; font-weight:bold; }
.HomeWhiteBoxSmall ul{list-style:none; margin-left:-25px;}
.HomeWhiteBoxSmall .TextContent{padding: 8px;}

.HomeWhiteBoxSmall .CategoryTextContent{padding: 8px;}
.HomeWhiteBoxSmall .CategoryTextContent h2{font-size:30px;}
.HomeWhiteBoxSmall .CategoryTextContent ul {
  display: block;
  list-style-type: disc;
  margin-top: 1em;
  margin-bottom: 1 em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 40px;
}
.HomeWhiteBoxSmall .CategoryTextContent li{}

.ResponsiveImage{width: 100%;height: auto;}

.Spacer {font-family: Tahoma;font-size: 5px;}

.PageTitle{background-color:#DDDAD8;padding:5px 5px 5px 12px; }	
.PageTitle h1{font-size:18px; font-weight:bold;}	
.PageTitle h2{font-size:18px; font-weight:bold;}

#LanguageSelection {margin-left:auto; width:100%;height:25px;}
#LanguageSelection .Flag{float:right;width:22px; height:22px; margin-left:10px;}
#LanguageSelection .Flag img{width:22px; height:22px; border:0px;}

#Footer{max-width:900px; margin-left:auto;margin-right:auto; background-color:white; padding:5px; vertical-align:middle; }

#cssmenu ul {
    margin: 0;
    padding: 7px 6px 0;
    background: #7d7d7d url(/Images/overlay.png) repeat-x 0 -110px;
    line-height: 100%;
    border-radius: 1em;
    font: normal 0.5333333333333333em Arial, Helvetica, sans-serif;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    width: auto;
}
#cssmenu li {
    margin: 0 5px;
    padding: 0 0 8px;
    float: left;
    position: relative;
    list-style: none;
    z-index:10;
}
#cssmenu a,
#cssmenu a:link {
    font-weight: bold;
    font-size: 13px;
    color: #e7e5e5;
    text-decoration: none;
    display: block;
    padding: 8px 20px;
    margin: 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
#cssmenu a:hover {
    background: #000;
    color: #fff;
}
#cssmenu .active a,
#cssmenu li:hover > a {

    background: #666666 url(/Images/overlay.png) repeat-x 0 -40px;
    color: #444;
    border-top: solid 1px  #f8f8f8;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    text-shadow: 0 1px 0 #ffffff;
}
#cssmenu ul ul li:hover a,
#cssmenu li:hover li a {
    background: none;
    border: none;
    color: #666;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
#cssmenu ul ul a:hover {
    background: #7d7d7d url(/Images/overlay.png) repeat-x 0 -100px !important;
    color: #fff !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
#cssmenu li:hover > ul {
    display: block;
}
#cssmenu ul ul {
    display: none;
    margin: 0;
    padding: 0;
    width: 185px;
    position: absolute;
    top: 40px;
    left: 0;
    background: url(/Images/overlay.png) repeat-x 0 0;
    background-size: 100% auto;
    border: solid 1px #b4b4b4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
#cssmenu ul ul li {
    float: none;
    margin: 0;
    padding: 3px;
}
#cssmenu ul ul a,
#cssmenu ul ul a:link {
    font-weight: normal;
    font-size: 12px;
}
#cssmenu ul:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
* html #cssmenu ul {
    height: 1%;
}

.TopMenuText
{
    padding: 10px;
    font-family: Tahoma;
    font-size: 15px;
    color: #FFFFFF;
    font-weight: normal;
}

.WhiteTextTable{background-color: #FFFFFF;font-family: Arial, Helvetica, sans-serif;font-size: 14px;letter-spacing: 1px;padding: 12px;}
.WhiteTextTable a{ text-decoration:none; color:#417394}
.WhiteTextTable a:visited{ text-decoration:none; color:#417394}
.WhiteTextTable a:hover{ text-decoration:none; color:#FF9900;}

.CategoryTextTable{background-color: #FFFFFF;font-family: Arial, Helvetica, sans-serif;font-size: 14px;letter-spacing: 1px;padding: 12px;}
.CategoryTextTable a{ text-decoration:none; color:#FF9C09;}
.CategoryTextTable a:visited{ text-decoration:none; color:#FF9C09;}
.CategoryTextTable a:hover{ text-decoration:none; color:#417394;}

.WhiteTableDescription{
    font-family: Arial, Helvetica, sans-serif;
    font-size:15px;
    letter-spacing: 1px;
    padding: 12px;
}

.PathBox
{
    background-color: #DDDAD8;
    padding: 10px 10px 10px 20px;
    margin: 10px 10px 10px 20px;
    font-family: Tahoma;
    font-size: 14px;
    color: #555555;
}

.PathBox h1{font-size: 14px;}

.PathBoxText {
    font-family: Tahoma;
    font-size: 12px;
    color: #555555;
}
.NormalText {
    font-family: Tahoma;
    font-size: 12px;
}
.MediumError {
    font-family: Tahoma;
    font-size: 12px;
    color: #FF0000;
}


.product_container {float:left;}
.product_container img {border:0px;}
.products {float:left;position: relative;margin: 0 auto;width:auto;}
.products .products_box{width:250px;float:left;padding-left:15px;margin-bottom:10px;position: relative;}
.products .products_box .Image{}
.products .products_box .Image img{width:220px; z-index:0;}
.products_box .Title{text-align:left;font-family:Cambria;font-size:14px;padding-top:5px;}
.products_box .price{width: 100%;font-family:Cambria;font-size:12px;padding-bottom:10px;padding-top:5px;text-align:left;}
.products .products_box:hover img{opacity:0.8; filter:alpha(opacity=80);}
