/* Generic Styles *******************************/

h1 {
}

h2 {
}

h3 {
  font-family: georgia, times, serif;
	font-size: 260%;
	font-weight: normal;
	margin-top:0;
}

.clear {
  clear: both;
}

/* HOMEPAGE **************************************/

/* COMMON */

.homepage-content {
  width: 250px;
  font-size: 87%;
}

.homepage-content p {
  padding: 0px 0px 0px 0px;
  margin: 0px;
  line-height: 152%;
}



/* BG 1 */

#homepage1 {
  background: #FFFFFF url(/images/home/1.jpg) no-repeat top center;
}

#homepage1 .homepage-content p.brochure {
  padding-top:12px;
  font-size: 1em;
}

#homepage1 .homepage-content p.brochure a {
  color: #000000;
  text-decoration: none;
}

#homepage1 #footer {
  background-image: url(/images/home/footer1.png);
  color: black;
  margin-top: 30px;
}

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

#homepage1 #footer a:hover {
  color: black;
}

#homepage1 ul#main-navigation li {
  border-bottom: 1px solid #cac8cc;
}

#homepage1 ul#main-navigation {
  border-top: 1px solid #cac8cc;
}

#homepage1 ul#main-navigation li a {
  color: #665b58;
}

#homepage1 ul#main-navigation li a:hover {
  color: #ABABAB;
}

#homepage1 ul#secondary-navigation li a {
  color: #665b58;
}

#homepage1 ul#secondary-navigation li a:hover {
  color: #ABABAB;
}

/* BG 2 */

#homepage2 {
  background: #FFFFFF url(/images/home/2.jpg) no-repeat top center;
}

#homepage2 .homepage-content p {
  color: #d2d2d2;
}

#homepage2 .homepage-content p.brochure {
  color: #d2d2d2;
}

#homepage2 .homepage-content p.brochure a {
  color: #d2d2d2;
  text-decoration: none;
}

#homepage2 .homepage-content p.brochure a:hover {
  color: white;
  text-decoration: none;
}

#homepage2 #footer {
  background-image: url(/images/home/footer2.png);
  color: #d2d2d2;
  margin-top: 30px;
}

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

#homepage2 #footer a:hover {
  color: white;
}

#homepage2 ul#main-navigation li {
  border-bottom: 1px solid #4c4649;
}

#homepage2 ul#main-navigation {
  border-top: 1px solid #4c4649;
}

#homepage2 ul#main-navigation li a {
  color: #d2d2d2;
}

#homepage2 ul#main-navigation li a:hover {
  color: white;
}

#homepage2 ul#secondary-navigation li a {
  color: #d2d2d2;
}

#homepage2 ul#secondary-navigation li a:hover {
  color: white;
}


/* GENERAL PAGES **************************************/

#header {
  padding: 0px 0px 55px 0px;
  border-bottom: solid 1px #E5E5E5;
}

#header.nopad {
  padding-bottom: 0px;
  border-bottom: 0px;
}

#content h1 {
  color: #404040;
  font-size: 300%;
  font-weight: normal;
  font-family: "Modern No. 20", Georgia, sans-serif;
  margin: 0px 0px 0px 0px;
  padding: 5px 20px 28px 0px;
  line-height: 100%;
}

#content h2 {
  color: #404040;
  font-size: 180%;
  font-weight: normal;
  font-family: "Modern No. 20", Georgia, sans-serif;
  margin: 0px 0px 0px 0px;
  padding: 5px 15px 2px 0px;
  line-height: 100%;
}

#content h3 {
  color: #404040;
  font-size: 300%;
  font-weight: normal;
  font-family: "Modern No. 20", Georgia, sans-serif;
  margin: 0px 0px 0px 0px;
  padding: 5px 20px 28px 0px;
  line-height: 100%;
}

#content p {
  padding: 5px 0px 12px 0px;
  margin: 0px;
  color: #8D8D8D;
  line-height: 130%;
}

.content-col-left {
  width: 443px;
  padding-right: 50px;
  padding-left: 2px;
  float: left;
  font-size: 94%;
}

.info-pages {
  width: 620px;
  padding-right: 50px;
  padding-left: 2px;
  float: left;
  font-size: 94%;
}

.info-pages ul {
  color: #8D8D8D;
}

.info-pages ul#sitemap {
  list-style: none;
	margin: 0 0 14px 0;
	padding: 0 0 0 0;
}

.info-pages ul#sitemap li {
	margin: 0 0 4px 0;
}

.info-pages ul#sitemap a {
	text-decoration: none;
}

.info-pages ul#sitemap a:hover {
	color: #ababab;
}

.content-col-right {
  width: 182px;
  float: left;
  font-size: 94%;
  color: #8D8D8D;
  padding: 9px 0px 0px 0px;
}

#content .content-col-right p {
  padding: 0px 0px 2px 0px;
  margin: 0px 0px 0px 0px;

}

.content-col-right ul {
  margin: 0px 18px 0px 0px;
  padding: 0px;
  list-style: none;
  line-height: 150%;
}

.content-col-right ul li {
  background-image: url(/images/nav-arrow.png);
  background-repeat: no-repeat;
  background-position: right 5px;
}

.content-col-right ul li a {
  color: #8D8D8D;
  text-decoration: none;
}

a.link-box {
  float: left;
  width: 140px;
  border: solid 1px #E3E3E3;
  background-color: #FFFFFF;
  margin: 36px 8px 0px 0px;
  padding: 8px 9px 9px 9px;
  text-decoration: none;
  display: block;
  color: #BD613B;
}

a.link-box img {
  display: block;
  margin: 0px 0px 5px 0px;
}

a.link-box span {
  display: block;
  font-size: 94%;
  font-weight: bold;
}

a.link-box span img {
  display: inline;
  margin: 3px 0px 0px 1px;
}

/* PRODUCT LISTING **************************************/

#content p#controls {
  background-image: url(/images/controls-bg.gif);
  background-repeat: repeat-x;
  background-position: bottom;
  padding: 24px 0px 5px 0px;
  margin: 0px 0px 10px 0px;
  font-size: 86%;
}

#content p#controls span {
  border-right: solid 1px #CCCCCC;
}

#content p#controls span a {
  text-decoration: none;
  padding: 0px 1px 0px 1px;
}

#content p#controls span.paging {
  padding-left: 1px;
  padding-right: 5px;
}

#content p#controls span.prev {
  padding: 0px 3px 0px 9px;
}

#content p#controls span.prev a {
  padding: 0px 0px 0px 16px;
  background-image: url(/images/link-box-arrow-left.gif);
  background-repeat: no-repeat;
  background-position: left center;
}

#content p#controls span.next {
  padding: 0px 8px 0px 8px;
}

#content p#controls span.next a {
  padding: 0px 13px 0px 0px;
  background-image: url(/images/link-box-arrow.gif);
  background-repeat: no-repeat;
  background-position: right center;
}

#content p#controls span.viewall {
  padding-left: 7px;
  border: 0px;
}

#content p#controls span.viewall a {
  padding: 0px 13px 0px 0px;
  background-image: url(/images/link-box-arrow.gif);
  background-repeat: no-repeat;
  background-position: right center;
}

#content p#controls a.print {
  text-decoration: none;
  background-image: url(/images/link-box-arrow.gif);
  background-repeat: no-repeat;
  background-position: right;
  padding: 0px 16px 0px 1px;
}

.listing-item {
  padding: 0px 34px 0px 0px;
  margin: 0px 0px 0px 0px;
  float: left;
  width: 142px;
  height: 189px;
}

.listing-item.last {
  padding-right: 0px;
}

#content .listing-item p {
  padding: 3px 20px 0px 9px;
  margin: 0px 0px 0px 0px;
  font-size: 94%;
  font-weight: bold;
}

#content .listing-item p a {
  text-decoration: none;
  line-height: 110%;
}

#content .listing-item p a img {
  margin-left: 3px;
}

#sidecontent {
  float: left;
  width: 242px;
  font-size: 94%;
  color: #8D8D8D;
  border-top: solid 1px #E5E5E5;
  margin-top: 5px;
}

#sidecontent h1 {
  color: #404040;
  font-size: 300%;
  font-weight: normal;
  font-family: "Modern No. 20", Georgia, sans-serif;
  margin: 0px 0px 0px 0px;
  padding: 5px 20px 20px 0px;
  line-height: 100%;
}

#sidecontent p {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 16px 0px;
  line-height: 134%;
}

#sidecontent p a {
  color: #BD613B;
}

/* PRODUCT DETAIL **************************************/

#product-images {
  height: 440px;
  position: relative;
}

#product-images .main {
  float: left;
}

.thumbnails {
	text-align: right;
  top: 321px;
  right: 0px;
  position: absolute;
}

.thumbnails a {
}

.thumbnails a img {
  border: solid 1px #E5E5E5;
  margin: 0px 0px 0px 6px;
}

#product-detail {
  font-size: 94%;
  clear: both;
  padding: 0px 0px 0px 2px;
  color: #8D8D8D;
}

#product-detail h1 {
  font-size: 250%;
  margin: 0px 0px 0px 0px;
  padding: 5px 0px 5px 0px;
}

#product-detail p {
  margin: 0px;
  padding: 5px 28px 4px 0px;
}

.add-to-board {
  padding: 0px 0px 10px 0px;
}

.add-to-board a {
  text-decoration: none;
  background-image: url(/images/link-box-arrow.gif);
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 16px;
  font-weight: bold;
}

#product-detail table {
  font-size: 92%;
  margin: 10px 0px 19px 0px;
}

#product-detail table th {
  text-align: left;
  padding: 0px 6px 0px 0px;
}

#product-detail table td,
#product-detail table th{
  padding-top: 4px;
  padding-bottom: 0px;
}

#product-related {
  border-top: solid 1px #E5E5E5;
  padding: 0px 0px 0px 0px;
  color: #8D8D8D;
  font-size: 94%;
}

#product-related p {
  padding: 6px 0px 9px 0px;
  margin: 0px;
}

#product-related .listing-item {
  font-size: 108%;
}

#content p#product-controls {
  clear: both;
  background-image: url(/images/product-controls-bg.gif);
  background-repeat: repeat-x;
  background-position: bottom;
  padding: 18px 0px 6px 0px;
  margin: 0px 0px 0px 0px;
  font-size: 92%;
  font-weight: bold;
  height: 15px;
}

#content p#product-controls span a {
  text-decoration: none;
  padding: 0px 1px 0px 1px;
}

#content p#product-controls span.prev {
  float: left;
  padding: 0px 8px 0px 0px;
  border-right: solid 1px #CCCCCC;
}

#content p#product-controls span.prev a {
  padding: 0px 0px 0px 16px;
  background-image: url(/images/link-box-arrow-left.gif);
  background-repeat: no-repeat;
  background-position: left center;
}

#content p#product-controls span.next {
  float: right;
  padding: 0px 0px 0px 8px;
  border-left: solid 1px #CCCCCC;
}

#content p#product-controls span.next a {
  padding: 0px 13px 0px 0px;
  background-image: url(/images/link-box-arrow.gif);
  background-repeat: no-repeat;
  background-position: right center;
}

/* CONTACT US **************************************/

#contact-us {
  padding: 141px 0px 0px 0px;
}

#contact-us h1 {
  font-size: 250%;
  padding-bottom: 6px;
}

#contact-us .contact {
  padding: 0px 0px 0px 0px;
  margin: 32px 0px 0px 0px;
  border-top: solid 1px #E5E5E5;
}

#contact-us .contact .address {
  float: left;
  width: 200px;
  margin-top: 5px;
}

#contact-us .contact .map {
  float: right;
  width: 407px;
  margin-top: 10px;
}

#contact-us .contact th {
  text-align: left;
  font-weight: normal;
  padding: 3px 14px 0 0;
}

#contact-us .contact input.textfield {
  width: 200px;
  padding: 6px;
  font-size: 110%;
}

/* PRESS **************************************/

.press-images {
  padding: 20px 0px;
  clear: both;
  border-bottom: solid 1px #E5E5E5;
  overflow: hidden;
}

#press {
  width: 675px;
  padding-right: 0px;
  padding-left: 2px;
}

