@charset "UTF-8";

a img 
{
  border: none;
  text-decoration: none;
}

body
{
  margin: 0px;
  background: url("columns.png") repeat-y ;
  background-color: #339900;
}

#navigation
{
  margin: 0px;
  position: absolute;
  left: 0px;
  width: 200px;
  background: #339900;
}

#logo
{
  position: absolute;
  height: 168px;
  padding-top: 47px;
  padding-left: 22px;
  margin: 0px;
}

#logo img
{
  border-width: 0px;
  padding: 0px;
  margin: 0px;
}

#menu
{
  position: absolute;
  width: 200px;
  top: 168px;
  margin: 0px;
  padding: 0px;
}

#menu ul
{
  margin: 0px;
  padding: 0 0 0 17px;
  list-style-type: none;
  font-family: 'trebuchet ms';
  font-size: 16px;
  color: #ffffff;
}

#menu ul.submenu
{
  margin: 0px;
  padding: 0 0 0 34px;
  list-style-type: none;
  font-family: 'trebuchet ms';
  font-size: 16px;
  color: #ffffff;
}

#menu ul.remoteLinks
{
  padding-top: 22px;
}

#menu li
{
  padding-top: 5px;
  padding-bottom: 5px;
}

#menu li:hover
{
  background: #7DC858;
}

#menu li.here
{
  padding: 5px; 
  padding-right: 0px;
  background: #FFFFFF;
  color: #000000;
}

#menu li.here ul
{
  font-weight: normal;
}

#menu a
{
  width: 100%;
  padding: 5px;
  padding-right: 0px;
  color: #ffffff;
  text-decoration: none;
}

#menu a:visited
{
  color: #ffffff;
}

#banner
{
  position: absolute;
  left: 200px;
  width: 760px;
  height: 168px;
}

#banner ul.tabs
{
  position: absolute;
  bottom: 0px;
  vertical-align: baseline;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

#banner ul.tabs li
{
  margin: 4px 2px 4px 0px;
  padding: 0px 10px;
  font-size: 20px;
  font-family: "trebuchet ms";
  display: inline;
  background-color: #bbbbbb;
}

#banner ul.tabs li.selected
{
  background-color: #ffffff;
}

#banner ul.tabs li a
{
  text-decoration: none;
  color: #333333;
}

#banner ul.tabs li a:visited
{
  color: #333333;
}
 
#banner ul.tabs li a:hover
{
  color: #ffffff;
}

#banner img
{
  border: 0px;
}

#content
{
  position: absolute;
  left: 200px;
  top: 168px;
  margin: 22px;
  width: 716px;
  background-color: #ffffff;
  font-family: "trebuchet ms";
}

#content p.intro
{
  font-size: 17px;
}

#content h1
{
  margin: 0px;
  padding: 10px 0px 0px 0px;
  font-size: 20px;
  font-weight: normal;
}

#content h2
{
  margin: 0px;
  padding: 10px 0px 0px 0px;
  font-size: 18px;
  font-weight: normal;
}

#content p
{
  margin: 11px 0px 11px 0px;
  padding: 0px;
  font-size: 14px;
  font-weight: normal;
  text-align: justify;
}

#content table
{
  font-size: 14px;
}

#content a
{
  color: #000000;
}

#content a:visited
{
  color: #339900;
}

#content ol
{
  padding-left: 0px;
  list-style-type: none;
  font-size: 14px;
}

#content ol.headlines span.date
{
  font-style: italic;
}

#content table.products
{
  margin: 0px 0px 22px 22px;
  border-collapse: collapse;
}

#content table.products tr th
{
  background-color: #7DC858;
  padding: 4px 8px;
}

#content table.products tr td
{
  text-align: center;
  border-width: 1px;
  border-style: solid;
  border-color: #7DC858;
  padding: 4px 8px;
}


#content table.products tr td.codename
{
  text-align: left;
  font-weight: bold;
}

#content table.stockist
{
  margin: 11px 0px 11px 0px;
  border-width: 1px;
  border-style: solid;
  border-color: #7DC858;
  border-collapse: collapse;
}

#content table.stockist tr
{
  border-width: 1px;
  border-style: solid;
  border-color: #7DC858;
}

#content table.stockist tr th
{
  text-align: center;
  background-color: #7DC858;
  padding: 4px 8px;
  border-width: 1px;
  border-style: solid;
  border-color: #7DC858;
}

#content table.stockist tr td
{
  text-align: left;
  padding: 4px 8px;
  font-size: 12px;
  border-width: 1px;
  border-style: solid;
  border-color: #7DC858;
}

#content table.stockist tr td.centre
{
  text-align: center;
}

#content table.stockist tr.state
{
  background-color: #7DC858;
  font-weight: bold;
}

#content table.payment
{
  margin: 0px 0px 22px 22px;
  border-collapse: collapse;
}

#content table.payment tr th
{
  background-color: #7DC858;
  padding: 4px 8px;
}

#content table.payment tr td
{
  text-align: center;
  border-width: 1px;
  border-style: solid;
  border-color: #7DC858;
  padding: 4px 8px;
}


#content table.payment tr td.codename
{
  text-align: left;
  font-weight: bold;
}

#content table.images
{
  margin: 0px 0px 0px 111px;
  border-collapse: collapse;
}

#content table.images tr td
{
  background-color: #7DC858;
  width: 150px;
  height: 130px;
  text-align: center;
  border-width: 11px;
  border-style: solid;
  border-color: #ffffff;
}

#content table.images tr td img
{
  border-width: 0px;
}

#content li
{
  font-size: 14px;
}

#info
{
  padding: 11px 11px 11px 11px;
}

#icons
{
  float: right;
  clear: right;
  padding-left: 11px;
  margin-bottom: 0px;
}

.clearer
{
  clear: right; 
  line-height: 0; 
  height: 0;
}

.infotop 
{
  margin: 0px;
  background: url(border.png) 0 0 repeat-x; 
}

.infobottom 
{
  background: url(border.png) 0 100% repeat-x;
}

.infoleft 
{
  background: url(border.png) 0 0 repeat-y;
}

.inforight 
{
  background: url(border.png) 100% 0 repeat-y;
}

.infobottomleft 
{
  background: url(bottomleft.png) 0 100% no-repeat;
}

.infobottomright 
{
  background: url(bottomright.png) 100% 100% no-repeat;
}

.infotopleft 
{
  background: url(topleft.png) 0 0 no-repeat;
}

.infotopright 
{
  background: url(topright.png) 100% 0 no-repeat; 
  padding:10px
}

#info p
{
  margin: 0px;
  padding: 0px;
  text-align: justify;
  font-size: 17px;
}

#info p.designer
{
  font-weight: bold;
  padding-bottom: 7px;
}

#products
{
  float: right;
  margin-left: 11px; 
  background-color: #7DC858; 
  text-align: center; 
  padding: 11px;
}

#products img
{
  padding: 0px;
  margin: 0px;
  border-width: 0;
}

#preorder
{
  float: left;
  margin: 11px 11px 10px 0px;
  padding: 11px;
  text-align: center;
  background-color: #339900;
}

#preorder a
{
  color: #FFFFFF;
  font-weight: bold;
}

#preorder a:visited
{
  color: #FFFFFF;
}


#productImage
{
  float: right;
  margin-left: 11px;
  margin-top: 11px;
  background-color: #FFFFFF;
  text-align: center;
  padding: 0px;
}

#productImage img
{
  padding: 0px;
  margin: 0px;
  border-width: 0;
}

#spacer
{
  padding-top: 0px;
  padding-bottom: 0px;
}

#products p
{
  text-align: center;
}

#products p a
{
  line-height: 11px;
  font-weight: bold;
  text-decoration: none;
  padding: 0px;
  color: #000000;
}

#products p a:visited
{
  color: #000000;
}

#products p a:hover
{
  color: #FFFFFF;
  background: #339900;
}

div.example
{
  float: right;
  width: 300px;
  background-color: #7DC858; 
  margin: 0px 0px 0px 11px; 
  padding: 11px 11px 0px 11px; 
}

div.example p
{
  line-height: 17px;
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 0px; 
  text-align: justify;
}