/* A-Fattorini:Content Styles - Alex@Popcorn08 */

h1 {
  font-size: 218%;
  color: #AEAEAE;
  font-family: Georgia;
  font-weight: bold;
}
h2 {
  font-size: 164%;
  color: #AEAEAE;
  font-family: Georgia;
  font-weight: bold;
}
h3 {
  font-size: 145%;
  color: #AEAEAE;
  font-family: Georgia;
  font-weight: bold;
}
h4 {
  font-size: 100%;
  color: #9C9C9C;
  font-weight: bold;
  letter-spacing: 1px;
}
p {
  color: #9C9C9C;
}

a {
  color:#1e307e;
  text-decoration:none;
}

a: hover {
  text-decoration:underline;
}

img.inline {
  float: left;
  margin: 0px 10px 10px 0px;
}

/* Homepage */
.homepage {
  margin: 0px;
  padding: 0px;
  float: left;
  width: 100%;
  height: 454px;
}

.homepage h1 {
  font-size: 145%;
  color: #AEAEAE;
  font-family: Georgia;
  font-weight: bold;
  margin: 5px 0px 10px 0px;
  padding: 0px;
  width: 400px;
}

.homepage p {
  width: 400px;
  margin: 11px 0px 11px 0px;
  padding: 0px;
}

.homepage .item {
  float: right;
  margin: 0px 0px 0px 0px;
  clear: both;
  width: 181px;
  background-color: #332fb8;
  text-align: center;
}

.homepage .item h4 {
  height: 43px;
  margin-bottom: 0px;
}

img.frame {
  background-image: url(/images/content/picture-frame.gif);
  padding: 4px;
  margin-top: 5px;
}

.special-offers-flash {
  width: 604px;
  height: 170px;
  float: left;
  margin: 12px 0px 0px 0px;
}


/* Generic Page Elements */
.breadcrumb {
  text-transform: uppercase;
  margin: 0px 0px 3px 0px;
  padding: 0px;
  color: #AEAEAE;
}
  .breadcrumb a {
  text-decoration: none;
  color: #AEAEAE;
  }
  .breadcrumb span {
  color: #747FB2;
  }
#header {
  border-top: solid 1px #6F7BAC;
  background-image: url(/images/cat-header-bg.gif);
  background-repeat: repeat-x;
  background-position: top;
  margin-right: 20px;
  min-height: 101px;
  height: auto !important;
  height: 101px;
}
#header.wide {
  width: 598px;
}
#header h1 {
  float: left;
  margin: 12px 0px 0px 15px;
  padding: 0px 0px 0px 0px;
}
#header ul {
  float: left;
  width: 181px;
  margin: 0px 5px 0px 0px;
  padding: 15px 0px 15px 0px;
  list-style: none;
  background-color: #DCDDE2;
  background-image: url(/images/cat-header-ul-bg.gif);
  background-repeat: repeat-x;
  background-position: bottom;
}
  #header li {
  padding-left: 13px;
  }
  #header li.selected {
  background-image: url(/images/cat-header-arrow.gif);
  background-position: 2px center;
  background-repeat: no-repeat;
  }
  #header ul a {
  color: #7480B3;
  text-decoration: none;
  font-weight: bold;
  letter-spacing: 1px;
  }
  #header .logo {
  background-image: url(/images/headers/logo.gif);
  background-repeat: no-repeat;
  float: right;
  width: 408px;
  height: 92px;
  }
#text-block {
  margin-right: 20px;
}

/* Listing Page */
.page-controls {
  clear: both;
  text-align: right;
  text-transform: uppercase;
  color: #9C9C9C;
  margin: 11px 18px 11px 0px;
  padding: 0px;
}
  .page-controls a {
  color: #9C9C9C;
  text-decoration: none;
  padding: 0px 4px 0px 4px;
  margin: 0px 1px 0px 1px;
  }
  .page-controls a.selected {
  background-color: #747FB2;
  color: #FFFFFF;
  }
.item {
  float: left;
  width: 181px;
  margin-right: 20px;
  background-image: url(/images/item-list-bg.gif);
  background-repeat: repeat-x;
  background-position: left 181px;
}
.item.end {
  margin-right: 0px;
}
.image-box {
  display: block;
  width: 179px;
  height: 179px;
  text-align: center;
  border: solid 1px #DADADA;
  background-color: #332FB8;
}
  .item img {
  }
  .item h4 {
  margin: 3px 5px 5px 6px;
  height: 42px;
  overflow: hidden;
  padding: 0px 0px 0px 0px;
  }
  .category {
  float: left;
  width: 290px;
  margin: 0px 2px 14px 2px;
  }
  .category img {
  float: left;
  clear: both;
  }
  .category p {
  clear: both;
  width: 100%;
  padding: 4px 0px 0px 0px;
  margin: 0px;
  text-align: center;
  color: #9C9C9C;
  font-size: 100%;
  font-weight: bold;
  letter-spacing: 1px;
  text-decoration: none;
  }

/* Detail Page */
div#images {
  float: left;
  width: 355px;
}
.imageholder {
  width: 353px;
  height: 353px;
  text-align: center;
  overflow: hidden;
}
img.product {
  float: left;
  border: solid 1px #DEDEDE;
}
.thumb-row {
  margin: 0px 0px 0px 0px;
  text-align: center;
}
.thumb-row img {
  float: none;
  border: solid 1px #DEDEDE;
  margin: 8px 4px 0px 4px;
}
div.product {
  float: left;
  width: 210px;
  margin-left: 10px;
}
div.product p {
  margin-top: 0px;
  letter-spacing: 0.5px;
}
div.product p.price strong {
  color: #737FB2;
  font-size: 127%;
  font-weight: normal;
}
form#sales {
  margin: 0px;
  padding: 0px;
  float: left;
}
table.sales {
  clear: both;
  float: left;
  height: 140px;
  width: 100%;
  padding: 0px 0px 0px 18px;
  text-transform: uppercase;
  margin-top: 21px;
  background-image: url(/images/sales-bg.gif);
  background-repeat: repeat-x;
  background-position: bottom;
  background-color: #C4C9DE;
  border-top: solid 1px #E7E9F2;
  border-bottom: solid 1px #B0B4C1;
}
  table.sales td {
  vertical-align: top;
  }
  table.sales a {
  float: left;
  margin-left: 53px;
  }
  table.sales p {
  color: #333333;
  float: left;
  margin: 0px;
  padding: 0px;
  }
  table.sales input {
  float: left;
  width: 194px;
  height: 14px;
  border: 0px;
  background-color: #FFFFFF;
  padding: 3px 8px 3px 8px;
  margin: 0px;
  line-height: 12px;
  text-transform: uppercase;
  color: #888888;
  font-size: 11px;
  }
  table.sales textarea {
  float: left;
  width: 285px;
  height: 74px;
  border: 0px;
  overflow: auto;
  background-color: #FFFFFF;
  padding: 3px 8px 3px 8px;
  margin: 0px;
  line-height: 12px;
  text-transform: uppercase;
  font-family: inherit;
  color: #888888;
  font-size: 11px;
  }

/* Contact Page */
#header.contact {
  width: 596px;
}
form#contact {
  background-image: url(/images/contact-bg-a.jpg);
  background-repeat: no-repeat;
  background-color: #7C8197;
  background-position: top;
  margin: 0px;
  padding: 0px;
  float: left;
}
table.contact {
  clear: both;
  float: left;
  width: 596px;
  height: 396px;
  padding: 0px 0px 0px 18px;
  text-transform: uppercase;
  background-image: url(/images/contact-bg-b.gif);
  background-repeat: repeat-x;
  background-position: top;
  border-top: solid 1px #E7E9F1;
  border-bottom: solid 1px #969BAC;
}
table.contact td.address {
  color: #FFFFFF;
  font-weight: bold;
  font-size: 109%;
  text-transform: none;
  letter-spacing: 0.75px;
}
  table.contact td {
  vertical-align: top;
  }
  table.contact a {
  float: left;
  }
  table.contact p {
  color: #333333;
  float: left;
  margin: 0px;
  padding: 0px;
  }
  table.contact input {
  float: left;
  width: 194px;
  height: 14px;
  border: 0px;
  background-color: #FFFFFF;
  padding: 3px 8px 3px 8px;
  margin: 0px;
  line-height: 12px;
  color: #888888;
  font-size: 11px;
  }
  table.contact textarea {
  float: left;
  width: 194px;
  height: 200px;
  border: 0px;
  overflow: auto;
  background-color: #FFFFFF;
  padding: 3px 8px 3px 8px;
  margin: 0px;
  line-height: 12px;
  font-family: inherit;
  color: #888888;
  font-size: 11px;
  }


/* News Section */
.news {
  margin: 0px 20px 0px 20px;
  width: 500px;
}

.news h3 {
  font-size: 125%;
  margin: 6px 0px 6px 0px;
  padding: 0px;
  color: #6F7BB0;
}
.news p {
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
}
.news p.more {
  text-align: right;
  margin: 0px 0px 14px 0px;
  padding: 0px 0px 8px 0px;
  border-bottom: 1px dotted #999999;
}
p.backlink {
  margin: 0px 0px 0px 0px;
  padding: 8px 0px 0px 0px;
  border-top: 1px dotted #999999;
}
.news-detail {
  margin: 0px 20px 0px 20px;
  width: 500px;
}

.error {
color:#FF3333;
}

.error, li, ul {
margin-left:8px;
padding-left:0px;
}