/* SeCommerce Zen theme/zen.css - version 1.0 2009-2-15
** http://www.silverearth.com/
**
** This file contains base styles for the SeCommerce Zen theme.
************************************************************************************/

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

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

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

/***********************************************************************************
** Menu styles
*/
ul.horizontal-nav a,
ul.horizontal-nav ul,
ul.vertical-nav a,
ul.vertical-nav ul {
  background: #fff; /* IE needs a background */
}

ul.horizontal-nav a:hover,
ul.horizontal-nav a:active,
ul.vertical-nav a:hover,
ul.vertical-nav a:active {
  text-decoration: none; /* Don't underline menu links on hover */
}

ul.horizontal-nav a {
  padding: 0 12px;
}

ul.horizontal-nav ul {
  width: 150px; /* Works best with a fixed width */
}

/***********************************************************************************
** 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-left li {
  float: left;
}

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

.float-right {
  float: right;
}

.float-right li {
  float: right;
}

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

.italic {
  font-style: italic;
}

.bold {
  font-weight: bold;
}

.underline {
  text-decoration: underline;
}

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

.nowrap {
  white-space: nowrap;
}

/***********************************************************************************
** Button styles for links and asp:LinkButton
*/
.button a {
  text-align: center;
  display: block;
  width: 144px;
  line-height: 24px;
  font-size: 1.083em; /* 13px */
}

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

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