/* Holloways main stylesheet
V3.0 KB 11-Apr-2008 Fixed problems with resizing by not specifying width of main content area
V3.0 KB 15-Apr-2008 New class for 'available online' image on category picture index pages
V3.0 KB 28-May-2009 Fixed .menu for IE6 on buy.htm pages
V3.0 KB 15-Sep-2009 Added category classes for background colour on search results
V3.0 KB 28-Oct-2009 Switch off display for pagetitle class
*/ 

body     { 
                background-color: #ffffff;
                font-family     : arial, helvetica,geneva,swiss,sunsans-regular,sans-serif;
                font-size       : 10pt;
                color           : #376553;
                padding         : 0px; 
                margin          : 0px; 
                border-style    : none;
                border-width    : 0px; 
                height          : 100%;
              }

.toparea      {
                height          : 70px; 
              }

.frame        { 
                background-image: url("/images/bgwillow.jpg");
                width           : 100%; 
                height          : 100%; 
                vertical-align  : top; 
                border-style    : none;
                border-width    : 0px; 
                padding         : 0px; 
                margin          : 0px; 
              }

.maincontent  { 
                vertical-align  : top; 
                border-style    : none;
                border-width    : 0px; 
                padding-top     : 0px; 
                font-size       : 10pt;
                /* width           : 690px; */
              }


.centredmain  { 
                vertical-align  : top; 
                text-align      : center; 
                border-style    : none;
                border-width    : 0px; 
                padding-top     : 0px; 
                font-size       : 10pt;
              }

#activemain   {
                width           : 100%;
                text-align      : left; 
              }

.menuframe    {
                vertical-align  : top; 
                width           : 120px; 
                padding-top     : 0px; 
                padding-left    : 15px; 
                padding-right   : 15px; 
              }

.menu         {
                vertical-align  : top; 
                text-align      : left; 
                width           : 110px; 
              }

table         { 
                vertical-align  : top; 
                padding         : 0px;
                border-style    : none;
                border-width    : 0px;
              }

tbody         { 
                vertical-align  : top; 
                padding         : 0px;
                border-style    : none;
                border-width    : 0px;
              }

tr            { 
                vertical-align  : top; 
                padding         : 0px;
                border-style    : none;
                border-width    : 0px; 
              }

td            { 
                vertical-align  : top; 
                padding         : 0px;
                border-style    : none;
                border-width    : 0px; 
                font-size       : 10pt;
              }

.leftheader   { 
                height          : 70px; 
                vertical-align  : top; 
                padding         : 0px;
                padding-bottom  : 0px;
                border-style    : none;
                border-width    : 0px; 
                font-size       : 10pt;
              }

img           { 
                border-style    : none;
                border-width    : 0px;
              }

.floatleft    {
                float           : left;
              }

.floatright   {
                float           : right;
              }

.availableonlinebutton
              {
                float           : right;
                margin-left     : 8px;
              }

.small        {
                font-size       : 8pt;
              }

.dimensions   {
                font-size       : 9pt;
              }

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

a:active      { 
                text-decoration : none;
                color           : #00FF00;
              }

a:hover       { 
                text-decoration : none;
                color           : #00FF00;
              }

h1            { 
                font-size       : 18pt; 
                font-weight     : normal;
                margin          : 0px;
              }

h2            { 
                font-size       : 12pt; 
                font-weight     : bold; 
                margin          : 0px;
              }

h3            { 
                font-size       : 12pt; 
                font-weight     : normal; 
                margin          : 0px;
              }

.menubutton   {
                width           : 110px;
                height          : 15px;
                background-color: transparent;
                font-size       : 6pt;
              }

.productbutton {
                width           : 120px;
                height          : 15px;
                background-color: transparent;
                font-size       : 10pt;
                border-style    : solid;
              }

.menublank    {
                width           : 110px;
                height          : 15px;
                background-color: #8fbc8f;
                color           : #8fbc8f;
              }

form          {
                padding         : 0px;
                border          : 0px;
                margin          : 0px;
              }

.search       {
                color           : #8fbc8f;
                text-align      : right;
                vertical-align  : bottom;
                clear           : both;
                padding         : 0px;
                border          : 0px;
                margin          : 0px;
              }

.brochure     {
                width           : 132px;
              }

.formlabel   {
                font-size       : 8pt;
                font-weight     : bold;
                text-align      : left;
                vertical-align  : top;
             }

.formbox     {
                font-size       : 8pt;
                font-weight     : normal;
                text-align      : left;
                vertical-align  : top;
             }

.class       { 
                vertical-align  : top; 
                padding         : 0px;
                border-style    : none;
                border-width    : 0px; 
                font-size       : 10pt;
              }

.bgright     {
                width           : 132px;
                height          : 100%;
                background-color: #8fbc8f;
                vertical-align  : top;
                padding         : 0px;
                border          : 0px;
                margin          : 0px;
                padding-top     : 70px; 
                padding-bottom  : 70px; 
              }

.pixright     {
                width           : 120px;
                border-style    : double;
                border-width    : 1px; 
              }

.index        { 
                width           : 98%;
                height          : 80px;
              }

.indexpic     { 
                width           : 80px;
              }

.whitebox     {
                position   : relative; top: -80px; left: 300px;
                width      : 100px; height : 100px;
                border     : 1px solid white;
              }

.willow       {
                background-color: #eee8aa; 
                text-align      : right;
                width           : 100%;
              }

.rattan       {
                background-color: #f2e0aa; 
                text-align      : right;
                width           : 100%;
              }

.teak         {
                background-color: #ffa07a; 
                text-align      : right;
                width           : 100%;
              }

.classics     {
                background-color: #f5deb3;
                text-align      : right;
                width           : 100%;
              }

.contemporary {
                background-color: #faebd7;
                text-align      : right;
                width           : 100%;
              }

.metal        {
                background-color: #8fbc8f;
                text-align      : right;
                width           : 100%;
              }

.climate      {
                background-color: #cd853f;
                text-align      : right;
                width           : 100%;
              }

.terracotta   {
                background-color: #ffe4e1;
                text-align      : right;
                width           : 100%;
              }

.price               {
                       font-size       : 10pt;
                     }

.offerprice          {
                       font-size       : 12pt;
                       font-weight     : bold;
                       text-align      : left;
                     }

.offerpriceheading   {
                       font-size       : 14pt;
                       font-weight     : bold;
                       text-align      : left;
                     }

.fullwidth           {
                       width           : 100%; 
                     }

.leftjustify         {
                       text-align      : left; 
                     }

.rightjustify        {
                       text-align      : right; 
                     }

.centrejustify        {
                       text-align      : center; 
                     }

.pageno       { 
                font-weight     : normal; 
                letter-spacing    : 0.1em; 
              }

.currentpageno { 
                font-weight     : bold; 
                letter-spacing    : 0.1em; 
              }

.strong       { 
                font-weight     : bold; 
              }

.productitemtable { 
                width           : 100%; 
                border-style    : none;
                border-width    : 0px;
                border-color    : #ffffff;
                border-collapse : collapse;
                margin-bottom   : 20px; 
                padding-bottom  : 80px; 
                  }

.productitemrow { 
                border-style    : none;
                border-width    : 0px;
                border-color    : #ffffff;
              }

.productitemtext { 
                vertical-align  : top;
                text-align      : left;
                font-size       : 9pt;
                padding         : 10px; 
              }

.productitemsketch { 
                vertical-align  : top;
                text-align      : left;
                font-size       : 9pt;
                margin          : 20px; 
              }

.specificationtext { 
                     vertical-align  : top;
                     text-align      : justify;
                     font-size       : 9pt;
                     margin-top      : 40px; 
                     margin-bottom   : 20px; 
                     margin-right    : 10px; 
                   }

.orderheaderline   {
                     font-weight     : bold; 
                     padding         : 5px;
                   }

.orderitem         {
                     padding         : 5px;
                     border-bottom   : 1px solid rgb(224,224,224);
                   }

.orderitemright    {
                     text-align      : right;
                     padding         : 5px;
                     border-bottom   : 1px solid rgb(224,224,224);
                   }

.orderprice        {
                     text-align      : right;
                     padding         : 5px;
                     border-bottom   : 1px solid rgb(224,224,224);
                     border-left     : 1px solid rgb(224,224,224);
                   }

.orderline         {
                     border-bottom   : 1px solid rgb(224,224,224);
                   }

.orderdelivery     {
                     padding         : 5px;
                     border-bottom   : 4px double rgb(224,224,224);
                   }

.orderdeliveryprice {
                     text-align      : right;
                     padding         : 5px;
                     border-bottom   : 4px double rgb(224,224,224);
                     border-left     : 1px solid rgb(224,224,224);
                   }

.ordertotalline   {
                     font-weight     : bold; 
                     padding         : 8px;
                   }

.ordertotalprice   {
                     text-align      : right;
                     font-weight     : bold; 
                     padding-top     : 8px;
                     padding-bottom  : 8px;
                     padding-left    : 5px;
                     padding-right   : 5px;
                     border-left     : 1px solid rgb(224,224,224);
                   }

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

.warning           { 
                     color           : orange;
                     font-weight     : bold; 
                   }

.fabricbig         {
                     padding-top     : 12px;
                     text-align      : center;
                   }

.fabriccell        {
                     padding         : 2px;
                     width           : 100px;
                     height          : 100px;
                   }

.fabrickey         {
                     font-size       : 8pt;
                     font-weight     : bold; 
                     text-align      : center;
                   }

.fabrictitle       {
                     padding-top     : 3px;
                     font-size       : 10pt;
                     font-weight     : bold; 
                     text-align      : center;
                   }

.officetableeven   {
                     background-color: white;
                   }

.officetableodd    {
                     background-color: #e0ffe0;
                   }

.officetableeven:hover {
                     background-color: #ffffe0;
                   }

.officetableodd:hover {
                     background-color: #ffffe0;
                   }

tr.hover {
                     background-color: #ffffe0;
         }


.colour1
{
  color               : #00ff00;
}

.colour2
{
  color               : #ff0000;
}

.text4
{
                 font-size        : 22pt;
}

.text3
{
                 font-size        : 19pt;
}

.text2
{
                 font-size        : 17pt;
}

.text1
{
                 font-size        : 15pt;
}


.imagecentre     {
                   text-align       : center;
                   border-style     : none;
                 }

.imageright      {
                   border-style    : none;
                   border-width    : 0px;
                   float           : right;
                   margin-left     : 10px;
                 }

.imageleft       {
                   border-style    : none;
                   border-width    : 0px;
                   float           : left;
                   margin-right    : 10px;
                 }

.imagecellright {
                   border-style    : none;
                   border-width    : 0px;
                   margin-left     : 10px;
                 }

.imagecellleft  {
                   border-style    : none;
                   border-width    : 0px;
                   margin-right    : 10px;
                 }

.imagefloatright {
                   border-style    : none;
                   border-width    : 0px;
                   float           : right;
                   margin-left     : 10px;
                 }

.imagefloatleft  {
                   border-style    : none;
                   border-width    : 0px;
                   float           : left;
                   margin-right    : 10px;
                 }


.maxwidth
{
  width           : 100%;
}


.sitemap
{
  table-layout    : auto;
  border-collapse : collapse;
  background-color: #e0e0e0;
  width           : 100%;
  text-align      : center;
  text-decoration : none;
  border-style    : none;
  margin          : 0px;
  padding         : 0px;
  font-family     : arial,helvetica,sans-serif;
}


.sitemaptitle
{
  font-size: 16pt;
}


.sitemapbody
{
  background-color: #e0e0e0;
  margin-bottom   : 0px;
  text-align      : left;
  border-style        : none;
  border-bottom-style : solid;
  border-bottom-color : white;
  border-bottom-width : 6px;
}


.sitemaprow
{
  border-style    : none;
  margin-bottom   : 5px;
}


.sitemapbodytxt
{
  text-decoration : none;
  color           : black;
  font-size       : 12pt;
}


.sitemapthisltr
{
  text-align  :left;
  font-weight :bold;
}


.sitemapltrhead
{
  text-decoration     : inherit;
  background-color    : #e0e0e0;
  border-style        : none;
  padding-top         : 4px;
  padding-bottom      : 4px;
}


.sitemapheadrow
{
  border-style        : none;
  border-bottom-style : solid;
  border-bottom-color : black;
  border-bottom-width : 1px;
}


.sitemapkey
{
  text-align      : right;
  text-decoration : inherit;
  background-color: #e0e0e0;
}


.sitemapkeyltr
{
  background-color: black;
  color           : white;
  font-size       : 10pt;
  font-family     : arial,helvetica,sans-serif;
  font-weight     : bold;
  text-decoration : inherit;
  margin          : 0px;
  padding         : 2px;
  padding-left    : 4px;
  padding-right   : 4px;
  border          : none;
}


.rightcolumn  { 
                width           : 132px;
                height          : 100%;  
                margin          : 0px;
                padding         : 0px;
                border-style    : none;
                border-width    : 0px; 
                background-color: #8fbc8f;
              }

.category     {
                width           : 700px;
                border-collapse : collapse;
                border-spacing  : 0;
                text-align      : right;
              }

.categoryhead {
                background-color: #faebd7;
                text-align      : left;
                height          : 50px;
                border          : 1px solid black;
              }

.categorypic  {
                width           : 170px;
                background-color: #faebd7;
                text-align      : left;
                vertical-align  : top;
                height          : 20px;
                font-size       : 10pt;
                padding         : 10px; 
              }

.categorygpic {
                width           : 400;
                height          : 320;
                background-color: #faebd7;
                border          : none;
                padding-bottom  : 30px; 
              }

.categoryppic {
                background-color: #faebd7;
                text-align      : left;
                vertical-align  : top;
                padding         : 10px; 
                padding-top     : 0px; 
              }

.pagetitle
{
  display	: none;
}