html, body
{
  padding: 0px;
  margin: 0px auto;

}

.header
{
  height: 168px;
  background-image: url(../img/header.jpg);
  background-repeat: no-repeat;
  background-color: #6D6D6D;
  
}

.footer
{
  background: #666666 url(../img/footer.jpg) no-repeat top;
  font-family: arial, helvetica, sans serif;
  color: #FFFFFF;
  font-size: 67%;
  padding: 30px 0px 10px 0px;
}

.footer a
{
  font-family: arial, helvetica, sans serif;
  color: #FFFFFF;
  text-decoration: none;
}

div.statement
{
  font-family: arial, helvetica, sans serif;
  color: #FF0000;
  font-size: 130%;
  font-weight: bold;
}

.home_item
{
  position: relative;
  top: 10px;
  left: 20px;
  font-family: arial, helvetica, sans serif;
  color: #FFFFFF;
  font-size: 70%;
  font-weight: bold;
  width: 400px;
}

.home_item a
{
  color: #FFFFFF;
  text-decoration: none;
}

.tabs
{
  position: relative;
  top: 124px;
  left: 225px;
  width: 550px;
}

.tab_design
{
  position: relative;
  z-index: 3;
}

.tab_customiser
{
  position: relative;
  left: -10px;
  z-index: 2;
}

.tab_quote
{
  position: relative;
  left: -20px;
  z-index: 1;
}

.tabs .selected
{
  z-index: 4;
}

.mainmenu
{
  font-family: Arial, Helvetica, Sans Serif;
  font-size: 70%;
  color: #666666;
  padding: 10px 10px 0px 20px;
  width: 148px;
  border-left: 5px solid #666666;
}

.group
{
  border-bottom: 1px dashed #666666;
  padding: 10px 0px;
}

.mainmenu_item
{
  color: #666666;
  padding: 6px 0px;

  font-weight: bold;
}

.mainmenu_item a
{
  text-decoration: none;
  color: #666666;
  font-weight: bold;
}

.mainmenu_item.selected
{
  color: #FF0000;
}

.content
{
  border-right: 5px solid #666666;
  padding: 5px 4px 0px 0px;
  width: 618px;
  height: 100%;
}

.content a
{
  color: #FF2020;
}

.content_table
{
  border-right: 5px solid #828282;
  border-left: 4px solid #828282;
  border-top: 4px solid #828282;
  height: 100%;
  width: 100%;
  padding: 5px 10px;
}

.properties
{
  border: 1px solid #666666;
  padding: 5px;
}

td.other_design
{
  font-family: Arial, Helvetica, Sans Serif;
  font-size: 70%;
  color: #666666;
}

.other_design a
{
  color: #666666;
  text-decoration: none;
}

div.otherdesign_item
{
  padding-left: 10px;
}

.txt
{
  font-family: arial, helvetica, sans serif;
  font-size: 76%;
  text-decoration: none;
}

.bold
{
  font-weight: bold;
}


a.factfile
{
  display: inline;
  float: right;
  top: 0px;
  width: 40px;
  font-family: Arial, Helvetica, Sans Serif;
  font-size: 76%;
  border: 1px solid #000000;
  background-color: #666666;
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
  font-size: 76%;
  padding: 3px 6px;
  margin: 5px;
}

body.body_factfile
{
  padding: 0px;
  margin: 5px;
  border: 5px solid #666666;
}

div.display_factfile
{
  padding: 5px;
  margin: 2px;
}

/* Shop CSS */

.webshop
{
  font-family: Arial, Helvetica, Sans Serif;
  font-size: 100%;
}

.webshop a
{
  color: #FF2020;
  font-size: 76%;
}
.webshop .error
{
  color: #FF0000;
}

.webshop h1
{
  font-size: 120%;
  font-weight: bold;
}

.webshop h2
{
  font-size: 110%;
  font-weight: bold;
}

.webshop td.nowrap, .webshop th.nowrap
{
  whitespace: nowrap;
  font-size: 76%;
}

#basket_contents
{
  border-collapse: collapse;
  width: 100%;
  font-size: 100%;
}

#basket_contents td
{
  border-bottom: 1px solid #666666;
  vertical-align: top;
  font-size: 76%;
}

#basket_contents th
{
  border-bottom: 3px double #666666;
  vertical-align: top;
  font-size: 76%;
}

#customer_info th
, #customer_info td
, #comment_info th
, #comment_info td
, .wrd_addresscomponent th
, .wrd_addresscomponent th
{
  vertical-align: top;
  font-size: 76%;
  text-align: left;
}

.wrd_addresscomponent
{
  margin: 5px 0px;
}

.align_right
{
  text-align: right;
}

.align_center
{
  text-align: center;
}

#basket_contents input.no_articles
{
  width: 20px;
  font-size: 76%;
}

#shoplink
{
  text-align: right;
  font-size: 76%;
}

#webshop_path
{
  border-bottom: 1px solid #666666;
  padding: 0px 0px 5px 0px;
  margin: 0px;
}

#webshop_path ul
{
  padding: 0px;
  margin: 0px;
}


#webshop_path ul li
{
  display: inline;
}


#articles_list
{
  width: 100%;
}

.webshop input.submitbutton
{
  border: 1px solid #000000;
  background-color: #666666;
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
  font-size: 76%;
  cursor: pointer;
  cursor: hand;
  padding: 2px 5px;
  margin: 0px;
}

.webshop a.linkbutton, .customizerlinkbutton
{
  border: 1px solid #000000;
  background-color: #666666;
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
  cursor: hand;
  padding: 3px 6px;
  margin: 5px;
  font-size: 100%;
}
a.customizerlinkbutton
{
  font-size: 76%;
  color: #FFFFFF;
  
}

.webshop p {
  font-size:76%;
}

/* WebPack CSS */
