/* SeCommerce Zen theme/zen.css - version 0.5 2009-1-9
** http://www.silverearth.com/
**
** This file contains base styles for the SeCommerce Zen theme (excluding
** layout styles, which are defined in layout.css, and base styles for HTML
** elements, defined in elements.css).
**
** THIS FILE IS NOT MEANT TO BE EDITED DIRECTLY. Instead, override or extend these
** definitions by placing your custom CSS in the custom.css file; you may also create
** your own CSS files and link them to your site template.
*/

/***********************************************************************************
** Base styles for standard layout components
*/
#site-name a {
  color: #000;
}

#site-name a:hover {
  text-decoration: none;
}

#navbar a:link, #navbar a:visited {
  border: 1px solid transparent;
  background: white; /* IE needs a background color to handle hovering over padding properly. */
}

#navbar a:hover, #navbar a:active {
  text-decoration: none;
  border: 1px solid #07b;
}

#footer {
  font-size: 0.917em; /* 12px x 0.917 = 11px */
}

/***********************************************************************************
** Styles for display messages, with three levels of severity
*/
.error {
  font-weight: bold;
  color: #c00;
}
.notice {
  font-weight: bold;
  color: #900;
}
.info {
  font-style: italic;
  font-size: 0.917em; /* 11px */
}

/***********************************************************************************
** Additional layout styles
*/
.auto-width {
  width: auto;
  margin-left: auto;
  margin-right: auto;
}

.half-width {
  width: 50%;
}

.flush {
  padding: 0;
  margin: 0;
}

.flush td {
  padding: 0;
}

/***********************************************************************************
** Form Elements
*/
.form-label {
  text-align: right;
  padding: 0.25em; /* 3px */
  white-space: nowrap;
}

.form-button {
  text-align: center;
  padding: 1em; /* 12px */
}

/***********************************************************************************
** Convenience styles for applying text formatting
*/
.left {
  text-align: left;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.top {
  vertical-align: top;
}

.middle {
  vertical-align: middle;
}

.bottom {
  vertical-align: bottom;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.italic {
  font-style: italic;
}

.bold {
  font-weight: bold;
}

.underline {
  text-decoration: underline;
}

.normal {
  font-weight: normal;
  text-decoration: none;
  font-style: normal;
}

/***********************************************************************************
** Catalog modules
*/
.catalog-product-image {
  height: 195px;
  width: 150px;
}

.catalog-product-name {
  height: 4.5em;
  text-align: center;
  padding: 3px;
}

.catalog-product-price {
  text-align: center;
  margin-bottom: 1em;
}

/***********************************************************************************
** Button styles for links and asp:LinkButton
*/
.button a {
  text-align: center;
  display: block;
  width: 130px;
  height: 23px;
  font-size: 1.083em; /* 13px */
  padding: 2px 0;
}

.button a:link, .button a:visited {
  background: url('images/buttonGold130.jpg') 0 0 no-repeat;
  color: #333;
}

.button a:hover, .button a:active {
  background: url('images/buttonGold130B.jpg') 0 0 no-repeat;
  text-decoration: none;
  color: #555;
}