body 
{
    color: #0000cc;
    font-family: tahoma;
    font-size: 16px;
    /*font-size: calc(14px + (26 - 14) * ((100vw - 300px) / (1600 - 300))); */
}

a 
{
   color: #009900;
   text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

h1
{
    font-size: 3.0vw;
}

h2 
{
  font-size: 1.5vw;    
}

h3 
{
  font-size: 1.0vw;    
}

#main 
{
    margin-top:0;
    padding-top:0;
    width:100%;
}

#header 
{
    width:100%; 
    padding-bottom: 15px;
    background-image:url(../images/header.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size:cover;
    -o-background-size: cover;
    background-size: cover;
    color: darkblue;
    font-style: italic;
}

#header_login 
{
   font-size: 1vw;  
}

.header_field 
{
  font-size: 1vw; 
  width: 10vw;
  border: thin solid #0000cc;
  background-color: #ccccff;   
}

.header_link
{
  text-decoration: none;
  color: #ffffcc;
  text-decoration: none;
  background-color: #0000cc;
  padding: 10px;
  moz-border-radius: 15px;
  khtml-border-radius: 15px;
  webkit-border-radius: 15px;
  border-radius: 15px;
  font-size: 1vw; 
}

.header_link:hover
{
  text-decoration: underline;
}

#main_menu 
{
  width:100%; 
  padding-bottom: 10px;
  background-color: #0000cc;
  padding-top: 10px;
  padding-left: 10px;
  border-top: thin solid white;
  border-bottom: thin solid white;
}

.main_menu_link
{
  text-decoration: none;
  color: #ffffcc;
  text-decoration: none;
  padding-right: 10px;
  
}

.main_menu_link:hover
{
  text-decoration: underline;
}

#content 
{
  width:95%;
}

.content_inner
{
    float: left;
    width: 45%;
    margin-right: 5%;
    text-align: justify;
}

.textfield
{
  border: thin solid #0000cc;
  background-color: #ccccff;  
}

.error_message 
{
    color: red;
}

.product_cell 
{
 padding: 10px;
}

.product_link 
{
  text-decoration: none;
}

.product_title 
{
  color: #0000cc;
  height: 40px;
}

.product_text 
{
  color: #0000cc;
  text-align: justify;
}

.category_div 
{
   background-color: #0000cc;
   float:left;
   width: 25%;
}

.category_cell 
{
  color: #ffffcc;
  border-bottom: thin solid white;
  padding-top: 5px;
  padding-bottom: 5px;
  margin: 0;
}

.category_cell:hover 
{
 background-color: #ffffcc;
 border-bottom: thin solid white;
 color: #009900;
}

.category_cell_active 
{
  background-color: #ffffcc;
  border-bottom: thin solid white;
   color: #0000cc;
   margin: 0;
}

.product_details_order_button 
{
  text-decoration: none;
  color: #ffffcc;
  text-decoration: none;
  background-color: #0000cc;
  padding: 10px;
  moz-border-radius: 15px;
  khtml-border-radius: 15px;
  webkit-border-radius: 15px;
  border-radius: 15px;
}

.product_details_price
{
    text-decoration: none;
  color: #ffffcc;
  text-decoration: none;
  background-color: #0000cc;
  padding: 10px;
  moz-border-radius: 15px;
  khtml-border-radius: 15px;
  webkit-border-radius: 15px;
  border-radius: 15px;
}

.category_link 
{
  text-decoration: none;
  color: inherit;
  font-size: 1.7vw;
 
}

.basket_header
{
  color: #ffffcc;
  background-color: #009900;
  border-right: thin solid #ffffcc; 
}

.basket_cell
{
  border-bottom: thin solid #0000cc; 
  border-right: thin solid #0000cc; 
}

.basket_change_button
{
  text-decoration: none;
  color: #ffffcc;
  text-decoration: none;
  background-color: #0000cc;
  padding: 10px;
  moz-border-radius: 15px;
  khtml-border-radius: 15px;
  webkit-border-radius: 15px;
  border-radius: 15px;
}

.basket_delete_button
{
  text-decoration: none;
  color: #ffffcc;
  text-decoration: none;
  background-color: #cc0000;
  padding: 10px;
  moz-border-radius: 15px;
  khtml-border-radius: 15px;
  webkit-border-radius: 15px;
  border-radius: 15px;
}

.continue
{
  text-decoration: none;
  color: #ffffcc;
  text-decoration: none;
  background-color: #0000cc;
  padding: 10px;
  moz-border-radius: 15px;
  khtml-border-radius: 15px;
  webkit-border-radius: 15px;
  border-radius: 15px;
}

#agree { 
    height: 90px; 
    position: fixed; 
    bottom:0%;
    width:100%; 
    background-color: #0000cc; 
    opacity: 0.8;
    color: white;
}

#footer 
{
   width:100%;
   clear: both;
   height: 150px;
   background-color: #0000cc;
   color: white;
}
