/* -----------------------------------------------
Page Structure
----------------------------------------------- */

* { padding: 0; margin: 0; }

ul {
    padding: 0;
    margin: 0;
}

h1, h2, h3, h4, h5, h6, p, blockquote,
 form, label, ul, ol, dl, fieldset, address {
    margin-bottom: 1em;
}

body {
  color: #333;
  background-color: #8ab3c5;
  line-height: 1px;
  font: normal 11px/1.65em "Trebuchet", verdana, arial, helvetica, sans-serif;
}

.page {
  width: 771px;
  background-image: url("/images/background.gif");
  margin: 0 auto 10px auto;
  text-align: center;
}

#wrapper {
  border: solid #5c5c5c;
  border-width: 0 1px 1px;
  width: 771px;
  background-color: #e6e6e6;
  margin: 0;
  text-align: center;
  float: left;
}

#header {
  width: 771px;
  background-color: #b5b5b5;
  text-align: left;
  margin: 0;
  float: left;
  display: inline;
}

#header table {
  width: 771px;
}

#promos {
  width: 100%;
  padding: 3px 0 5px 0;
  color: #000;
  background-color: #fff;
  border-bottom: solid 1px #5c5c5c;
  text-align: left;
  float: right;
  line-height: 10px;
}

#promos .module {
  float: right;
}

#promos .first {
  float: left;
  width: 33%;
}

#promos .second {
  width: 35%;
}

#promos .third {
  width: 32%;
}

#promos h3 {
  margin: 2px 0;
}

#promos p {
  margin: 0;
}

#promos td {
  padding: 0 0 0 12px;
}

#promos a {
  color: #000;
  text-decoration: none;
}

#promos a:hover {
  text-decoration: underline;
}

#tagline {
  width: 771px;
  height: 22px;
  background-color: #e6e6e6;
  border-bottom: solid 1px #5c5c5c;
  text-align: center;
  float: left;
}

#tagline img {
  margin: 5px 0;
}

#navigation {
  width: 609px;
  border-top: solid 1px #FFF;
  font-size: 10px;
  line-height: 10px;
  color: #336699;
  background-color: #b5b5b5;
  float: left;
  display: inline;
}

#navigation ul {
  float: left;
  margin: 10px 27px;
  padding: 0;
}

#navigation li {
  margin: 0 6px;
  float: left;
}

#navigation li a {
  color: #4d71a3;
}

#navigation li a:hover {
  color: #4d71a3;
}

#navigation li a.selected {
  color: #4d71a3;
}

#meta, #search-meta {
  font-size: 10px;
  line-height: 10px;
  color: #FFF;
  float: right;
  padding: 0;
}

#meta ul {
  float: left;
  margin: 7px 4px 6px 0;
  padding: 0;
}

#meta li {
  margin: 0 6px;
  float: left;
}

#meta li a {
  color: #fff;
  text-decoration: none;
}

#meta li a:hover {
  color: #fff;
  text-decoration: underline;
}

#search-meta {
  float: none;
  height: 19px;
}

#search-meta * {
  font-size: 10px;
  line-height: 10px;
  padding: 1px 2px;
  border: none;
}

#search-meta input {
  color: #333;
}

#search-meta input[type=submit] {
  background: none;
  color: #fff;
  margin-right: 6px;
  padding: 1px 0;
  text-transform: uppercase;
}

#search-meta input[type=submit]:hover {
  cursor: pointer;
}

#content {
  width: 771px;
  font-size: 11px;
  line-height: 1.5em;
  color: #333;
  border-bottom: solid 1px #5c5c5c;
  text-align: left;
  float: left;
  margin-top: 12px;
}

/* Home page */

#content .home {
  float: left;
  margin: 0;
}

#content .home h2 {
  color: #5170a6;
  margin: 7px 0 0 0;
}

#content .home h2 a {
  color: #5170a6;
  text-decoration: none;
}

#content .home h2 a:hover {
  text-decoration: underline;
}

#content .home h3 {
  color: #5170a6;
  margin: 0 0 2px 0;
}

#content .home a {
  font-weight: bold;
  font-size: 10px;
  color: #999933;
  text-decoration: none;
}

#content .home a:hover {
  text-decoration: underline;
}

#content .home .tools {
  margin: 4px 0;
}

.feature {
  width: 243px;
  padding: 0 0 15px 10px;
}

#name h3 {
  color: #fff;
}

/* Interior pages */

#content .split {
  background-image: url("/images/stripe.gif");
  background-repeat: repeat-y;
  background-position: 194px;
  float: left;
}

.column { float: left; }

#sidebar {
  font-size: 11px;
  color: #666;
  background-color: transparent;
  /* background-image: url("/images/tagline_interior.gif");
  background-repeat: no-repeat;
  margin-bottom: 20px;
  background-position: center bottom; */
  width: 194px;
  /* border-right: solid 1px #eee; */
}

#sidebar .shell {
  padding: 22px 20px 30px 20px;
}

#sidebar h2 {
  color: #333;
  margin: 0 0 5px 2px;
}

#sidebar h2 a {
  color: #333;
}

#sidebar h2 a:hover {
  color: #333;
}

#sidebar ul {
  margin: 0;
	padding: 0;
}

#sidebar li {
}

#sidebar a {
  color: #5170a6;
  text-decoration: underline;
}

#sidebar a:hover {
  color: #5170a6;
  text-decoration: none;
}

#breadbag {
  font-size: 10px;
  color: #5170a6;
  float: left;
  background-color: transparent;
  /* background-color: #fff; */
  width: 100%;
}

#breadbag #breadcrumb {
  font-size: 10px;
  color: #5170a6;
  float: left;
}

#breadbag .pagination-wrapper {
  font-size: 10px;
  color: #5170a6;
}

#detail {
  /* width: 562px; */
  /* width: 575px; */
  width: 562px;
}

#detail .shell {
  float: left;
  clear: both;
  padding: 2px 12px 10px 16px;
  width: 550px;
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 548px;
}

#shim {
  float: right;
  height: 360px;
  width: 1px;
}

/* product grid */

.pagination-wrapper {
  color: #5170a6;
  float: right;
  font-weight: normal;
}

.pagination-wrapper a {
  padding: 1px;
  margin: 1px;
  text-decoration: none;
  color: #5979a8;
}

.pagination-wrapper a:hover, .pagination-wrapper a:active {
}

.pagination-wrapper span.current {
  padding: 1px;
  margin: 1px;
  font-weight: bold;
}

.pagination-wrapper span.disabled {
  padding: 1px 1px 1px 1px;
  margin: 1px;
}

.pagination, .view-all {
  display: inline;
}

#grid {
  background-color: transparent;
  width: 543px;
  float: left;
  margin: 12px 0 0 0;
}

#grid a {
  color: #333;
}

#grid a:hover {
  color: #5170a6;
}

#grid .swatches {
  padding: 4px 0 0 0;
  width: 165px;
}

#grid .swatches .set img {
  margin: 0 4px 4px 0;
}

.thumb img {
  border: solid 1px #5170a6;
}

/* product details */

#product {
  background-color: transparent;
  /* background-color: #ccc; */
  float: left;
  clear: both;
  margin: 12px 0;
  width: 362px;
}

#name {
  float: left;
  margin: 10px 0;
}

#name h1 {
  font-size: 11px;
  color: #333;
  margin: 0;
}

#name h3 {
  font-size: 10px;
  color: #333;
  margin: 0;
}

#swatches {
  padding: 10px 20px 4px 0;
  float: right;
}

#swatches .set {
  text-align: right;
  margin-bottom: 4px;
}

#swatches img {
  margin-right: 4px;
}

#description {
  clear: both;
  float: left;
  padding: 0;
  width: 100%;
}

#sizes {
  float: left;
  clear: both;
  padding: 4px 0;
  width: 100%;
}

.image img, #thumbnails img {
  border: solid 1px #5170a6;
}

#thumbnails {
  float: right;
  clear: none;
  background-color: transparent;
  /* background-color: #ccc; */
  margin: 12px 0 0 0;
  width: 176px;
}

#thumbnails td {
  padding-bottom: 6px;
}

#footer {
  font-size: 10px;
  line-height: 10px;
  color: #fff;
  background-color: #8ab3c5;
  text-align: left;
	padding: 8px 16px;
  float: left;
  width: 739px;
}

#footer ul {
  margin: 0;
	padding: 0;
}

#footer li {
	margin: 0;
	padding: 0 2px;
	display: inline;
	list-style-type: none;
}

#footer a {
  color: #fff;
  text-decoration: none;
}

#footer a:hover {
  color: #fff;
  text-decoration: underline;
}

h1 {
  font-size: 11px;
  color: #336699;
}

h1 a {
  color: #336699;
  text-decoration: none;
}

h1 a:hover {
  text-decoration: underline;
}

h2 {
  font-size: 11px;
  margin: 0;
}

h3 {
  font-size: 10px;
  margin: 0;
  color: #5170a6;
}

ul, ol { list-style: none; }

img {
  border: 0;
}

p {
  margin: 0 0 .75em 0;
  line-height: 1.6em;
}

a {
  color: #336699;
  text-decoration: underline;
}

a:hover {
  color: #5170a6;
  text-decoration: underline;
}

div.form {
  padding: 8px 0;
  border: solid 1px #ccc;
  border-width: 1px 0 0 0;
}

div.form table {
  margin: 4px 0;
}

div.form table th {
  text-align: right;
  padding: 6px 4px;
}

div.form table td {
  text-align: left;
  padding: 6px 4px;
}

th.notrequired {
  font-weight: normal;
}

.success {
  color: green;
  background-color: #fff;
  border-top: solid 1px green;
  border-bottom: solid 1px green;
  margin: 0 38px 16px 0;
  padding: 4px 8px;
}

.error {
  color: red;
  background-color: #fff;
  border-top: solid 1px red;
  border-bottom: solid 1px red;
  margin: 0 38px 16px 0;
  padding: 4px 8px;
}