/*
 * Snowgoose Website 2008
 * Design by Antony Mawer
 */

body {
  margin: 0;
  padding: 0;

  color: black;

  background-color: #e6e6e6;
/*  background-image: url(images/bg-shadow.png); */
  background-repeat: repeat-y;
  background-position: center center;
}
body, td, th {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 18px;
}

h1 {
  border-bottom: 3px dotted #e0e0e0;
  font-weight: bold;
  font-size: 17px;
  text-align: left;
  padding: 5px;
  color: #ca3c45;
}
h2 { 
  color: #ca3c45; 
  font-size: 14px; 
  margin-bottom: 0.5em;
}

h3 { 
  color: black; 
  font-size: 12px;
  font-weight: bold;
  margin-top: 0.5em; 
}

li { list-style-type: square; }
a, a:link, a:visited { color: #787f3f; }


/*
 * Basic utility classes
 */
.bold { font-weight: bold; }
.center { text-align: center; }
.center-margin { margin-left: auto; margin-right: auto; }
.justify { text-align: justify; }
.float-left { float: left; }
.float-right { float: right; }
.clear-float { clear: both; }


/*
 * Snowgoose 2 column layout
 */

/* Page layout and positioning */
#sg-background {
  background-image: url(images/bg_sg-background.png);
  background-repeat: repeat-x;
  background-color: #f6f6f6;
  background-position: 0 0;
}
#sg-page-shadow {
  width: 992px;
  margin-left: auto;
  margin-right: auto;

  background-image: url(images/bg_sg-page-shadow.png);
  background-repeat: repeat-y;
  background-position: top center;
  background-color: transparent;
}
#sg-page {
  width: 978px;
  padding: 0 7px;

  background-color: transparent;
  background-image: url(images/bg_sg-page.png);
  background-repeat: no-repeat;
  background-position: 0 0;
}
#sg-page-container {
  background-image: url(images/menu-bg.png);
  background-repeat: repeat-y;
  background-position: top left;
}

/* Page header */
#sg-header {
  background-repeat: no-repeat;
  background-position: top left;
  height: 195px;
}
#sg-header h1, #sg-header h2, #sg-header p {
  display: none;
}
.header-home                { background-image: url(images/header/home.jpg); }
.header-giftboxes           { background-image: url(images/header/fruit-gift-boxes.jpg); }
.header-flowers             { background-image: url(images/header/fresh-flowers.jpg); }
.header-fruit-of-the-month  { background-image: url(images/header/fruit-of-the-month.jpg); }
.header-specials            { background-image: url(images/header/special-offers.jpg); }
.header-fruit-at-work       { background-image: url(images/header/fruit-at-work.jpg); }
.header-delivery            { background-image: url(images/header/delivery.jpg); }
.header-ordering            { background-image: url(images/header/ordering.jpg); }
.header-contactus           { background-image: url(images/header/contact-us.jpg); }
.header-corporate           { background-image: url(images/header/corporate-gifts.jpg); }
.header-christmas          { background-image: url(images/header/christmas.jpg); }
.header-christmas-preview  { background-image: url(images/header/christmas-preview.jpg); }
.header-mothers          { background-image: url(images/header/mothers-day.jpg); }
.header-fathersday          { background-image: url(images/header/fathers-day.jpg); }
.header-eco-gold          { background-image: url(images/header/eco-gold.jpg); }
.header-juice          { background-image: url(images/header/juice.jpg); }

/* Fixed header section */
#sg-subnav {
  background-color: #efefef;
  text-align: center;
  padding: 4px 8px 5px 8px;
  color: #c0c0c0;
  border-bottom: 1px solid #c0c0c0;

}
.no-subnav #sg-subnav {
  font-size: 0;
  line-height: 0;
  padding: 3px;
}
.home-subnav #sg-subnav {
  background: white url(images/content-home.png) no-repeat top left;
  height: 56px;
  border-bottom: none;
}
#sg-subnav a, #sg-subnav a:link {
  color: black;
  font-weight: bold;
  padding: 4px;
  text-decoration: none;
}
#sg-subnav a:hover {
  text-decoration: underline;
}
/*#sg-header-shadow {
  height: 25px;
  background-image: url(images/header_fade.png);
}*/


/* Navigation menu */
#sg-menu {
  width: 150px;
  float: left;
  padding-top: 5px;
}
#sg-menu ul {
  list-style: none;
  padding: 0;
  margin: 0 5px;
}
#sg-menu li {
  list-style-type: none;
}
#sg-menu li a {
  display: block;
  color: white !important;
  margin: 0;
  padding: 10px 8px 10px 10px;
  font-weight: bold;
  font-size: 9pt;
  text-decoration: none;
  background-image: url(images/menu-dots.gif);
  background-repeat: repeat-x;
  background-position: bottom left;
}
#sg-menu li a:hover {
  background-color: #787f3f;
}
#sg-facebook {
  margin-top: 3em;
  padding: 1em;
  text-align: center;
  line-height: normal;
}
#sg-facebook a {
  display: block;
  font-weight: bold;
  color: white;
}
#sg-facebook img {
  float: left;
  border: none;
  padding-right: 5px;
}
#sg-addthis {
  text-align: center;
  margin-top: 2em;
}


/* Content area */
#sg-content-container {
  float: right;
  width: 828px;
  background-color: white;
  padding-bottom: 10px;
}
#sg-content {
  padding: 1em 2em 100px 2em;
  background-image: url(images/watermark.jpg);
  background-position: right bottom;
  background-repeat: no-repeat;
}


/* Footer */
#footer-container {
  background-image: url(images/footer-gradient.png);
  background-repeat: repeat-x;
}
#footer-shadow {
  background-image: url(images/footer-shadow.png);
  background-repeat: no-repeat;
  width: 978px;
  padding: 0 7px;
  margin: 0 auto;
}
#footer {
  background-image: url(images/footer.png);
  background-repeat: no-repeat;
  text-align: center;
  height: 45px;
}
#footer p {
  padding-top: 12px;
  margin: 0;
}
#footer a {
  font-weight: bold;
  color: black;
}

/*
 * Product tables
 */

/* Table formatting */
.products-table {
  border-collapse: collapse;
  caption-side: top;
  width: 100%;
  border-bottom: 3px solid #c0c0c0;
  margin-bottom: 3em;
}
.products-table caption {
  border-bottom: 3px dotted #e0e0e0;
  font-weight: bold;
  font-size: 17px;
  text-align: left;
  padding: 5px;
}
.products-table th {
  background-color: #efefef;
  font-weight: bold;
  border-top: 1px solid #c0c0c0;
  border-bottom: 1px solid #c0c0c0;
  font-size: 14px;
  color: #ca3c45;
  font-variant: small-caps;
  padding: 5px;
}
.products-table td {
  padding: 15px;
  vertical-align: top;
}
.products-table-rows td {
/*  border-top: 1px dotted silver;*/
  border-bottom: 1px dotted silver;
  padding: 15px;
}
.products-table-cols {
  table-layout: fixed;
}
.products-table-cols td {
/*  border: 1px dotted silver;
  border-left: 1px dotted silver;
  border-right: 1px dotted silver; */
  vertical-align: top;
}

/* Product images */
.product-image { }
.product-image a { border: 1px solid #e9e9e9;  padding: 2px; }
.product-image a:hover { border: 1px solid #999999; }
.product-image a:hover .product-image-enlarge { color: #787f3f; }
.product-image a { display: block; }
.product-image a, .product-image a:link {
  text-decoration: none;
}
.product-image img { border: none; }
.product-image-img {
  padding: 4px;
  text-align: center;
}
.product-image-enlarge {
  color: #999999;
  font-variant: small-caps;
  text-align: center;
}

/* Product image sizes */
.product-image-220 { width: 220px; }

/* Order Now Goose */
.order-goose { text-align: center; margin-top: 1em }

/*
 * Table w/o borders
 */
.noborder-table { border: none; }
.noborder-table td { border: none; padding: 5px 10px; }


/*
 * Recommendation quotes
 */
.quote { margin: 1em 3em; }
.quote-text { font-style: italic; }
.quote-from {
  font-weight: bold;
  padding-left: 2em;
}


/* Pricing styles */
.price {
  color: #787f3f;
  font-weight: bold;
  padding-left: 1.5em;
}
