html { font-size: 100%; /* For IE */}
body
  {
  background: #fff;
  line-height: 1.3em;
  color: #666666;
  padding: 0px;
  margin: 0px;
  text-align: center;
  font-size: 62.5%;
  }
  
body, td, input, textarea, select
  {
  font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
  }

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

a:hover
  {
  text-decoration: underline;
  color: #a70017;
  }
  
p
  {
  padding: 0;
  margin: 0.7em 0em;
  line-height: 1.6em;
  }

h1 {
  font-family: "Futura", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
  font-size: 1.7em;
line-height: 1.2em;
  font-weight: normal;
  margin: 0px 0px 6px 0px;
  color: #a70017; 
}

h2 {
  font-size: 1.7em;
  font-weight: normal;
  margin: 0px 0px 6px 0px;
  color: #444; 
}

h3 {
  font-family: "Futura", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
  font-size: 1.3em;
  font-weight: normal;
  margin: 22px 0px 5px 0px;
  color: #a70017; 
  line-height: 1.2em;
}

h5 {
  font-family: "Futura", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
  font-size: 1.3em;
  font-weight: normal;
  margin: 0px 0px 0px 0px;
  color: #a70017; 
}

li {
  line-height: 1.5em;
}

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

form dt
  {
  float: left;
  width: 11em;
  font-weight: normal;
  clear:  left;
  }

form dd
  {
  margin-left: 11em;
  }
  
form dt.credit-card
  {
  float: left;
  width: 15em;
  font-weight: normal;
  clear:  left;
  padding-top: 3px;
  }

form dd.credit-card
  {
  margin-left: 15em;
  padding-top: 3px;
  }

img
  {
  vertical-align: middle;
  border: 0;
  }

input
  {
  vertical-align: middle;
  }

th
  {
  text-align: left;
  }

dd
  {
  margin: 0 0 0.5em 0;
  padding: 0;
  }

.float-container
  {
  overflow: hidden;
  height: 1%;
  }

.half-width-float
  {
  width: 50%;
  float: left;
  }

#error
  {
  border: 1px solid #F55;
  background-color: #FEE;
  padding: 0 0.5em;
  line-height:  2em;;
  margin-bottom:  1em;
  }
.error { color: #CC0099; font-weight: bold; padding: 1em 0em; }
.errors { border: 2px solid #CC0099; padding: 0.5em; }
.errors ul { margin-bottom: 0; }

.right { text-align: right; }
.middle { text-align: center; }

.even td { background-color: #EEE; }
.odd td { background-color: #F4F4F4;}

.rborder { border-right: 1px dashed #CCC; }

.section-head-graphic { margin-bottom: 10px; display: block; }
.action-button { border: 0px; background-color: #c9da2e; font-size: x-small; padding: 4px 4px; }

hr { height: 1px; border: 0px; background: url(/images/hr.gif) repeat-x; }

/*-- Structural */

#container
  {
  width: 900px;
  margin: 30px auto 0px auto;
  text-align: left;
  position: relative;
  }

#header
  {
  height: 30px;
  background: white url(/images/logo.gif) no-repeat -5px 0px;
  padding-top: 50px;
  }
#mini-basket 
{ 
float: right; 
text-align: right; 
font-size: 10pt; 
right: 0px; top: 5px; 
position: absolute; 
padding-left: 250px;  
}

#bag
{
 float: left;
 padding: 0px 10px 0px 0px; 
 margin: 0px 0px 0px 0px;
}

#phone-outer
{
  position: absolute;
  left: 0px;
  top: -10px;
  padding: 7px 15px 0px 0px;
  border-right: 1px solid #666666;
}

#phone 
{ 
font-size: 30px; 
line-height: 20px;
height: 38px;
}

#basket-link 
{ 
color: #a70017; 
font-weight: bold; 
line-height: 18px;
}

#strap-outer {
  position: absolute;
  right: 0px;
  top: 43px;
  padding-top: 3px;
}

#strap {
  color: #a70017;
  font-family: "Futura", sans-serif;
  font-size: 20px;
  letter-spacing: -1px;
  height: 42px;
}
#menu
  {
  font-size: 1.3em;
  }
#menu a { color: #666666; margin-right: 14px; }
#menu a:hover { text-decoration: underline; }
#menu a.current { color: #a70017; }

#footer
  {
  font-size: 1.2em;
  clear: both;
  padding: 10px;
  margin-top: 50px;
  }

#footer a { margin-right: 15px; color: #999; }

#footer-links 
{
 clear: both;
}

#footer-links a
{
 font-weight: bold;
}

#footer-links2 
{
 margin-top: 10px;
}

#footer-links2 a
{
 float: left;
}

#footer2 {
  text-align: right;
  overflow: hidden;
  color: #999;
 }

.breadcrumb { padding: 10px 0px 14px 0px; font-size: 1.1em; color: gray;  }
.breadcrumb a { color: gray;  }

#content { font-size: 1.2em; min-height: 420px; height: auto !important; height: 420px; }

#home-content { margin-right: 600px; padding-top: 10px; }
#home-content ul { list-style: none; margin: 0px; padding: 0px; border-top: 1px dotted #ddd; margin-bottom: 80px; }
#home-content li { padding: 5px; border-bottom: 1px dotted #ddd; }
#home-content li a { color: #666666; }

#home-snippet { width: 280px; line-height: 1.4em; background: #cccccc; padding: 7px 7px 5px 7px;}

#home-content h2#home-go-shopping { margin-top: 0px; margin-bottom: 20px;}

#home-content ul#home-content-categories { margin-right: 150px; width: 140px; clear: none; }
#home-content ul#home-content-additional { float: right; width: 140px; }
#home-content-categories li {line-height: 1em; }

#home-pic-1 { background: #eee; height: 420px; width: 280px; float: right; margin-left: 20px; }
#home-pic-2 { background: #eee; height: 420px; width: 280px; float: right; margin-left: 20px; }

#home-pic { height: 420px; width: 572px; float: right; margin-left: 20px; }

#image-left { padding-top: 30px; }

.sort
{
 float: right;
}

.catalog-browser
  {
  width: 210px;
  background: #f4f4f4;
  float: left;
  margin-bottom: 20px;
  }
.catalog-browser ul { margin: 10px; padding: 0px; list-style: none; }
.catalog-browser a { color: #666666; padding: 5px; display: block; } 
.catalog-browser ul ul { border-top: 1px dotted #ddd; margin: 0px 0px 5px 0px; padding: 2px 0px 0px 14px; list-style: none; }
.catalog-browser li { border-top: 1px dotted #ddd; line-height: 1em; }
.catalog-browser li.first { border: 0px; }
.catalog-browser li li { border: 0px; }
.catalog-browser li li a { color: #333; padding: 2px; }
.catalog-browser li a.current { color: #a70017;}

ul.additional-categories { margin-top: 25px; }

.catalog-content
  {
  margin-left: 230px;
  }


.category-list { margin-bottom: 20px; }
.category-list-category { margin: 0px 8px 8px 20px; float: left; height: 155px; width: 125px; text-align:center; }


.range-images { float: left; width: 180px; }
.range-details { margin-left: 200px; }
.range-image { width: 180px; overflow: hidden; }



.product-list-product { margin: 0px 8px 8px 10px; float: left; height: 155px; width: 125px; text-align:center; }

.range-options { margin-bottom: 10px; }
.range-options thead td { color: #AAA; font-size: 120%; }
.range-options table { width: 470px; }

.product-options { margin-top: 20px; }
.product-options table { width: 380px; }
.product-options thead td { color: #AAA; font-size: 100%; }

.product-quantity { width: 25px; text-align: center; }

.product-footer { margin-top: 20px; padding-bottom: 20px; }
.product-footer a { color: #a70017; }
.product-footer a img { border: 0px; vertical-align: top; }

.product-basket-add-text { font-weight: bold; float: right; margin-top: 0px; }

.product-images { float: left; width: 275px; padding-bottom: 20px;}
.product-image { width: 275px; overflow: hidden; height: 326px; text-align: center; }

.product-thumbnails { margin-top: 10px; width: 277px; font-size: 0.9em; }
.product-image-thumbnail { width: 64px; text-align: center; float: left; margin: 0px 5px 4px 0px; }
.product-image-thumbnail img { border: 2px solid #aaa; margin-bottom: 2px; }
.product-thumbnails .current img { border: 2px solid #a70017; }
.product-image-thumbnail a { color: #777; }
.product-thumbnails .current a { color: #a70017; }

.product-image-label { padding: 4px; background: #eeeeee; margin: 0px 0px 10px 0px; }
#product-image-label {  margin-right: 65px; font-size: 0.9em; line-height: 1.4em; }
.product-image-zoom { float: right; }
.product-image-zoom a img { border: 0px; vertical-align: top; }

.product-details { margin-left: 285px; }

.basket { border-collapse: collapse; width: 100%; }
.basket td { padding: 3px; line-height: 1.6em; border-bottom: 1px solid white; }
.basket thead td { font-weight: bold; }

.basket-row-even { background: #f8f8f8; }
.basket-row-odd { background: #eeeeee; }
.basket-row-empty { background: #ffaaaa; }

.range-description { padding: 0px 0px 15px 0px; }
.range-products { width: 100%; border-collapse: collapse; }
.range-products td { padding-top: 8px; }
.range-products select { font-size: 0.8em; }
.range-products-name { width: 280px; }
.range-products-options select {width: 105px; }

.monogram-details { margin: 10px 0px; background: #f4f4f4; padding: 10px 5px 10px 5px; line-height: 1.6em; position: relative; }
.monogram-details div.img { width: 100px; height: 100px; background: #f9f9f9; border: 1px solid #ddd; }
.monogram-details div.price { width: 60px; text-align: center; font-size: 1.3em; color: black; float: right;}
.monogram-details a { color: #a70017; }

.image-title
{
  width: 58px;
  text-align:center;
  font-size: 80%;
  color: #666666;
}

.product-label
{
  font-size: 100%;
  color: #666666;
}

.category-label
{
  font-size: 100%;
  color: #666666;
  text-align:center;
}

.category
{
  float: left;
  margin: 0px 5px 10px 0px;
}

.category-image
{
  height: 125px;  
}

.categories-home-category
{
  text-align: center;
  width: 110px;
  font-size: 100%;
  color: #666666;
  margin: 10px;
  float: left;
  height: 160px;
}
.categories-home-category img { margin-bottom: 5px; }
.categories-home-category a { color: #666666; }

#category-description-image
{
  
}

#category-description-image img
{
  float: left;
}

.product-list
{
 margin-top: 10px;
}

.product-label
{
  text-align:center;
}

#order-notes textarea
{
  font-size: 1em; 
}

#offer-basket 
{
  text-align: right;
}

#order-notes div
{
 border: 1px solid gray;
 width: 380px;
 margin-bottom: 15px;
 margin-top: 2px;
 padding: 3px;
}

#test-banner
{
  background: red;
  color: #FFF;
  font-size: 20px;
  height: 20px;
  padding-top: 5px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



#footer ul
{
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

#footer ul li
{
  margin: 0px;
  padding: 0px;
  clear: left;
}

#footer-left
{
  float: left;
  width : 200px;
}

#footer-middle-left
{
  float: left;
  width : 200px;
}

#footer-middle-right
{
  float: left;
  width : 200px;
}


#footer-right
{
  float: left;
  width : 200px;
}


#footer h4
{
  margin: 0em 0em 0.6em 0;
  font-size: 12px;
}