/*
   Colours:
    left pot #856d75
    middle pot, main nav tab highlight & border: #8f9470
    right pot, link highlights #b32d2c
    pot labels,main nav tab & column background: #dddece
    natural paint wording #353a3b
    ieko wording #856d75
    rusty red from real-eating used in links #bc6b44          

  CSS Index
  * Common Styles
  * Main layout
  * Page Header
  * Top Navigator
  * Common Page Elements
  * Category Page
  * Product Page
  * Address Page
  * Cart Page
  * Category Index Page (Home)
*/

/*-----------------------------------------------------*/
/* Common Styles                                            */
/*-----------------------------------------------------*/
a {
  background-color:transparent;
/*  color:#9E5172;*/
  color:#bc6b44;            /* rusty red from real-eating welcome */
  text-decoration:none;
}

body {
  margin-top: 0;
  background-color: #bfbbb6;
}

h1 span {display: none;}

hr {
  clear:both;
  display:block;
  visibility:hidden;
}

label{
  display:block;
  float:left;
  width:12em;
}

textarea{
  height: auto;
}

legend{
  padding: 0 .5em;
}

legend.empty{
  padding: 0;
}

/*-----------------------------------------------------*/
/* Main Layout                                            */
/*-----------------------------------------------------*/

/* styling for the main wrapper which contains all the borders & drop shadow for main page layout */
div#main {
  background: #bfbbb6 url(/images/layout/bg-repeat.png) repeat-y scroll 50% 0pt;
  margin: 0 auto;
  width: 1010px;
}

  /* add the drop shaddow above the container div and stop line-height shifting things down */
  div#main:before {
    content: url(/images/layout/bg-top.png);
    line-height: 0.1;
    display: block;
  }

  /* add the drop shaddow that proceeds the container and stop line-height shifting it down */
  div#main:after {
    content: url(/images/layout/bg-bottom.png);
    line-height: 0.1;
    display: block;
  }

/*-----------------------------------------------------*/
/* Header                                            */
/*-----------------------------------------------------*/

/* Position the tag line at the bottom of the header div and remove margins to stop it being bumped up */
div#header { 
  position: relative; 
}

  /* remove the margin for the title image and remove bottom margin to bring the tag line up */
  div#header h1 {
    line-height: 0.1;
    margin-bottom: 0;
  }
  
  div#header p {
    font-size: 1.25em;
    position: absolute;
    bottom: 0;
    margin-bottom: 0; 
  }
  
  div#header a {
    text-decoration: none;
  }  
  
/*-----------------------------------------------------*/
/* Top Navigator                                       */
/*-----------------------------------------------------*/

/* put a border on the bottom of the navigation */
div#navigation{
  border-bottom: 10px solid #8f9470;
}

/* remove list style from the navigator items */
ul#top-navigator {
  list-style-type: none;
  color: black;
}

  /* make the ul in the top navigator into boxes with 3px padding and 15px font (12 * 1.25) */
  ul#top-navigator li {
    float: left;
    margin: 6px 10px 0px 0;
  }
  
    ul#top-navigator li.last {
      margin-right: 0;
    }
    
  ul#top-navigator a,
  ul#top-navigator span {
    display: block;
    padding: 3px 0;
    font-size: 1.25em;
    line-height: 18px;
    background-color: #dddece;
    text-align: center;
    color: #000;
    text-decoration: none;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
  }
  
    ul#top-navigator a:hover,
    ul#top-navigator .current,
    ul#top-navigator a:active {
      background-color: #8f9470;
    }

/*-----------------------------------------------------*/
/* common page elements                                */
/*-----------------------------------------------------*/

#error_messages{
  background-color: #bc6b44;
}

  #error_messages p{
    text-align: center;
    font-size: 1.5em;
    margin-bottom: 0;
  }

  #content h1{
    font-size: 2em;
    text-align: center;
    margin-top: 18px;
  }
  
  #content h2{
    font-size: 2em;
    text-align: center;
    margin-top: 18px;
  }

#content em{
  color: #60634c;
  font-weight: 600;
}

/* SIDE COLUMNS BACKGROUND COLOR */
.background{
}

/* FOOTER */
#footer{
  margin-top: 12px;
  border-top: 1px solid #846c74;
}

/* COLOUR CARD */
#colour-card {
  padding-bottom:1px;
  border-bottom:2px groove #8f9470;
}

#colour-card h3 {
  font-size: 1.2em;
  margin: 8px 8px 4px 8px;
  font-weight: bold;
}
/* SHOPPING CART SUMMARY */
#cart_summary {
  border-bottom:2px groove #8f9470;
}
#cart_summary h3{
  font-size: 1.2em;
  margin-left: 8px;
  margin-right: 8px;
  margin-top: 5px;
  font-weight: bold;
  }
#cart_summary p{
  font-size: 1em;
  margin-left: 8px;
  margin-right: 8px;
  }

#cart_summary #cart_messages {
  margin-bottom: 12px;
  background-color: #bc6b44;
}
  #cart_summary #cart_messages p {
    margin-bottom: 6px;
  }

#cart_summary .description{
  padding:0;
} 

#cart_summary table {
  width: 100%;
  border-collapse: collapse;
  font-size:95%;
}
  #cart_summary td {
    text-align:left;
    background-color:#f8f8f7;
    padding:0 2px;
  }

  tr .price{
   text-align:right;
  }

.cart_menu li {
  list-style-type:none;
  border: 1px solid #000;
  margin-bottom: 3px;
}

.addtocart .submit {
  display:block;
}

#cartmenu ul{
  margin-left:0;
}

  #cartmenu li {
    float:left;
    width:9em;
    margin-right:2em;
  }

/* CONTROL BUTTONS */
a.control {
  line-height: 2em;
  display: block;
  text-align: center;
  color: #333;
  background-color: #c1c2b8;
}
a.control:hover {
  color: #fff !important;
  background: #9e5172 !important;
}

/* PROMOTIONS COLUMN */

#promotions {
  border-color:#000;
  border-width:0 1px 0 1px;
  width: 150px;
}

  #promotions .product {
    border-bottom:2px groove #8f9470;
  }
  #promotions hr{
    margin-bottom:6px;
  }
    #promotions hr.last{
      margin-bottom:0;
    }
  #promotions h2{
    font-size: 1.4em;
    margin-left: 6px;
    font-weight: bold;
    }
  #promotions p{
    margin: 4px;
  }
  #promotions p.title{
    font-weight: bold;
  }
  #promotions div.copy{
  }
  #promotions div.image{
    float: right;
    width: 46px;
    margin:2px;
    text-align:center;
  }
    #promotions div.image img{
    }
    #promotions div.image span{
      display:block;
      clear: right;
    }
  #promotions a{
    color:#5e4e4a;
  }
  
    #promotions a:hover{
      color:black;
    }

/*-----------------------------------------------------*/
/* Category Pages                                      */
/*-----------------------------------------------------*/

#category {
  height:auto;
  margin-bottom:3em;}

  #category img {
    float: left;
    margin-right: 1em;
  }

#products {
  list-style-type: none;
  padding: 0;
  margin: 0 0 18px;
}
  #products .product {
    background:#fff;
    margin: 10px 0;
  }
  #products img {
    background: #fff;
    float:right;
    padding: 10px; 
  }
  #products h3 {
    padding: 0; 
    clear: both;
  }
    #products h3 a{
      color:#fff;
      background-color:#9e9a9c;
      display:block;
      padding:5px;
    }
    #products h3 a:hover {
      color:#000;
    }


/*-----------------------------------------------------*/
/* Product Pages                                       */
/*-----------------------------------------------------*/

div#cat_grid {
}
  div#cat_grid div.first {
  height: 29em;
  }
  
  div#cat_grid ul {
    margin: 0 1.5em 1.5em 0;
  }
div#product_side img{
  float:right;
}

.price_table{
  width: auto;
  border: 1px solid #000;
}

/* Colour Picker */
.colour_set {
  list-style-type:none;
  margin:0;
}
  .colour_set li {
    float:left;
    margin:3px;
    padding: 0;
    border: 1px solid #000;
  }
    .colour_set li a {
      border:1px solid #FFFFFF;
      display:block;
      height:34px;
      width:34px;
    }

span.viewer {
  background-color:#FFFFFF;
  height:100%;
  display:block;
}

div.colour_viewer {
  height:160px;
  width:160px;
  padding:1px;
  border: 1px solid #000;
}

li#picker_holder div.viewer{
  float:left;
  margin-right:50px;
}
  
  li#picker_holder div.viewer h4{
    margin-bottom:6px;
  }
  
/*-----------------------------------------------------*/
/* address page                                        */
/*-----------------------------------------------------*/
.adr {
  float: left;
}
.adr.lewes {
  width: 364px;
}

h3.adr {
  font-size: 90%;
}
.adr h4 {
  margin-top: 1em;
}
.vcard img.photo {
  max-width: 100%;
  margin-left: 0;
}

/*-----------------------------------------------------*/
/* cart page                                           */
/*-----------------------------------------------------*/

#cart_table_big{
  margin-left:auto;
  margin-right:auto;
  border-collapse:collapse;
}
  #cart_table_big td{
    background-color: #eceae1;
  }
  #cart_table_big td, #cart_table_big th {
    padding:5px;
    border: 3px solid #fff;
  }

/*-----------------------------------------------------*/
/* CATEGORY INDEX PAGE (HOME)                          */           
/*-----------------------------------------------------*/

/* CENTRE INTRO TEXT */  
#content #intro{
  text-align: center;
}
  
/* PRODUCT CATEGORY NAVIGATOR BAR */    
#product_bar dl{
  float:left;
  margin-right:10px;
}

  #product_bar dl img{
    width: 106px;
    height: 106px;
  }
  
#product_bar dd{
  text-align: center;
  margin: 0;
}

  #product_bar dd a{
    font-weight: bold;
    margin: 0 -10px 0 -10px;
    text-decoration: none;
  }

  #product_bar dd a:hover{
    color: #b32d2c;
    text-decoration: underline;
  } 

#product_bar dt a{  
  border: 2px solid #333;
  display: inline-block;
  height: 106px;
}

  #product_bar dt a:hover {
    border:2px solid #b32d2c;
  }