/*
 * Products and Services Styles
 */
 
#categories-rows {
  list-style: none;
  margin: 2em 0 0 0;
  padding: 0;
}
#categories-rows li {
  margin: 0;
  padding: 0;
  background: #e3e3e3 url(/images/shaded-panel-bottom.gif) left bottom repeat-x;  
} 
#categories-rows li .cols {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  _height: 1%;
}
#categories-rows li .cols li {
  float: left;
  width: 123px;
  margin: 0;
  padding: 18px 19px 25px 19px;
  background: none;
  text-align: center;
}
#categories-rows li .cols li img {
  display: block;
  margin-bottom: 5px;
  border: 1px solid #000;
}
#categories-rows li .cols li a {
  font-weight: bold;
}

#products-and-services {
  margin: 1.2em 0 0 0;
  padding: 1.6em 0 0 0;
  list-style: none;
  border-top: 1px solid #ccc;
}
#products-and-services li {
  margin: 0 0 1.5em 0;
  padding: 0;
  background: #e3e3e3 url(/images/grey-panel-top.gif) no-repeat;
  overflow: hidden;
  _height: 1%;
}
#products-and-services li .inner {
  background: url(/images/shaded-panel-bottom.gif) left bottom repeat-x;
  padding: 10px 10px 20px 10px;
  overflow: hidden;
  _height: 1%;
}
#products-and-services li .images,
#product .images {
  width: 161px;
  float: left;
  margin-right: 12px;
}
#products-and-services li .images img,
#product .images img {
  cursor: pointer;
  display: block;
  border: 1px solid #000;
}
#products-and-services li .images .main,
#product .images .main {
  float: left;
  margin-right: 5px;
}
#products-and-services li .images .thumbnails,
#product .images .thumbnails {
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
}
#products-and-services li .images .thumbnails li,
#product .images .thumbnails li {
  margin: 0 0 3px 0;
  padding: 0;
  height: 1%;
}
#products-and-services li .images .thumbnails li.last,
#product .images .thumbnails li.last {
  margin-bottom: 0;
}
#products-and-services li .information,
#product .information {
  float: left;
  width: 295px;
  color: #323232;
}


#products-and-services li .information h4,
#product .information h4 {
  margin-bottom: 0.4em;
}
#products-and-services li .information p,
#product .information p {
  height: 83px;
  overflow: hidden;
}
#product .information p {
  height: 104px;
}
#products-and-services li .buttons,
#product .buttons {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#products-and-services li .buttons li,
#product .buttons li { 
  overflow: hidden;
  float: left;
  margin: 0 3px 0 0;
  background: none;
  overflow: auto;
  height: auto;
}
#products-and-services li .buttons li.last,
#product .buttons li.last {
  margin-right: 0;
} 
#products-and-services li .buttons li img,
#products .buttons li img { 
  display: block;
}

#products-and-services li .buttons li.last a,
#product .buttons li a {

  overflow: hidden;
  display: block;
  width: 71px;
  height: 27px;  
}

#image-popup {
  margin: 0;
  padding: 0;
  background: #e3e3e3;
  font-size: 75%;
  font-family: arial, verdana, serif;
  
}
#image-popup img {
  display: block;
  border-bottom: 1px solid #000;
}
#image-popup #caption {
  text-align: center;
  padding: 8px 12px 0 12px;
  margin: 0;
}

#product #details {
  clear: both;
  margin-top: 0.5em;
  padding-top: 0.5em;
  border-top: 1px solid #ccc;
  overflow: hidden;
  display: inline-block;
}
#product #details {
  display: block;
}
#product #colour-picker {
  width: 160px;
  height: 400px;
  float: left;
  margin: 4px 18px 12px 0;
  background: #fff;
}
#product #mortar-colour-picker {
  width: 150px;
  padding: 10px 0 0 10px;
  float: left;
  margin: 4px 18px 12px 0;
  background: #fff;
}
#product #mortar-colour-picker #displayed-colour {
  width: 134px;
  border: 1px solid #ccc;
  padding: 2px;
  margin-bottom: 8px;
}
#product #mortar-colour-picker #displayed-colour div {
  height: 135px;
  background: #807e77;
}
#product #mortar-colour-picker #displayed-colour-name {
  width: 140px;
  text-align: center;
  font-size: 0.9em;
  margin-bottom: 10px;
}
#product #mortar-colour-picker .colour {
  border: 1px solid #ccc;
  padding: 2px;
  width: 35px;
  float: left;
  margin: 0 8px 8px 0;
}
#product #mortar-colour-picker .colour div {
  height: 35px;
}