/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:1px;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography */
body {font-size:75%;color:#222;background:#fff;font-family: Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-family: Georgia, 'Times New Roman', Times, serif; font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#8b3816;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.2em;margin-top:1em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}

/* forms */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
fieldset.subField, fieldset.searchField {padding:0; margin:0 ;border:none;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
input.subInput { margin:0 5px 0 0; float: left; border:1px solid #423e3c; width: 190px; height: 15px; padding:4px 3px 1px 4px; font-size: .8em;}
input.searchInput { margin:0 5px 0 0; float: left; border:1px solid #423e3c; width: 130px; height: 15px; padding:4px 3px 1px 4px; font-size: .8em;}
.searchField select { margin:0 5px 5px 0; float: left; border:1px solid #423e3c; width: 90px; height: 22px; padding:2px 2px 0 0; font-size: .8em; background-color: white;}

input.formButton {
  background: #423e3c;
  border: none;
  color: #fff;
  font-size: 70%;
  font-weight: bold;
  text-transform: uppercase;
  height: 22px;
  margin: 0;
}

#checkoutButton input {
  background: #980000;
  border: none;
  color: #fff;
  font-size: 70%;
  font-weight: bold;
  text-transform: uppercase;
  height: 32px;
  width: 200px;
  float: right;
  margin: 0;
}


textarea {width:390px;height:250px;padding:5px;}

#form {margin-top: 18px;}
#form label {display: block; vertical-align: top; margin: 0;}
#form fieldset ol {margin: 0 0 0 30px; padding: 0;}
#form fieldset li {list-style: none; padding: 5px; margin: 10px 0 0 0;}
#form label {width: 120px; padding-bottom: 3px;}
#form .text input {width: 300px; padding: 7px; margin: 0; border: 1px solid #bbb; color: #494949;}
#form .text input:focus {border: 1px solid #666;}

.error {padding: .8em; margin-top: 1em; border: 2px solid #ddd; background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4;}





/* custom */

.container {
  width: 950px;
  margin: 0 auto;
}

.clear {
  clear: both;
  line-height: 0;
}

#header {
  margin: 12px 0 0 0;
}


#logo {
  float: left;
  width: 640px;
}

#logo img {
  float: left;
}


#logo p {
  float: left;
  display: block;
  width: 210px;
  margin: 0 0 0 155px;
  font-size: .8em;
  color: #8b3816;
  background: transparent;
}

#logo p a {
  text-decoration: none;
  border-bottom: 1px dotted;
  line-height: 1.6em;
}

#rightColHeader {
 float: left;
 width: 310px;
}

#subNav ul {
 margin: 0;
 padding: 0;
 float: right;

}

#subNav li {
 float: left;
 list-style-type: none;
 border-bottom: 4px solid #423e3c;
 padding-bottom: 5px;
}

#subNav li span {
  margin: 0 5px 0 5px;
  color: #8b3816;

}

#subNav li a {
  text-decoration: none;
  text-transform: uppercase;
  font-size: .8em;
}

#recommendForm {
  float: left;
  margin: 40px 0 0 13px;
}

#recommendForm p, #newsletter p {
  margin: 0 0 5px 0;
  font-size: .8em;
  text-transform: uppercase;
  font-weight: bold;
}


#mainNav {
  float: left;
  margin-top: 18px;
  width: 950px;
  height: 35px;
  line-height: 35px;
  background: #f3f3f3;
  border: 1px solid #e8e8e7;
}

#mainNav ul {
  margin: 0;
  padding: 0;
  text-align: center;
}

#mainNav li {
  display: inline;
  list-style-type: none;
}

#mainNav li span {
  margin: 0 17px 0 17px;
  color: #8b3816;
  font-weight: bold;
}

#mainNav a {
  text-transform: uppercase;
  font-weight: bold;
  font-size: .95em;
  text-decoration: none;
}

#content {
  float: left;
  margin-top: 10px;
  width: 950px;
}


#mainBanner {
  float: left;
  position: relative;
 border: 1px solid #e2e1e1;
  padding: 5px;
  width: 636px;
  height: 373px;
}

#mainBannerenter {
  float: center;
  position: center;
 border: 1px solid #e2e1e1;
  padding: 5px;
  width: 636px;
  height: 373px;
}
#mainBannerDescription {
  float: left;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 621px;
  padding: 0 5px 5px 10px;
  margin: 0 5px 5px 5px;
  background: transparent url(/images/bgDesc.png);
}

#mainBannerDescription h2 {
  float: left;
  margin: 0;
  padding: 0;
}

#mainBannerDescription h2 a {
  color: #fff;
  font-size: 1.35em;
  font-weight: bold;
  font-family: Georgia, 'Times New Roman', Times, serif;
  text-decoration: none;
  width: 515px;
  margin: 0;
  padding: 0;
}

#mainBannerDescription a.shopNow {
  display: block;
  float: right;
  color: #fff;
  background: transparent url(/images/bullet.gif) 0 .5em no-repeat;
  text-decoration: none;
  font-weight: bold;
  font-size: 1em;
  text-transform: uppercase;
  padding-left: 10px;
  width: 65px;
  margin: 16px 10px 0 0;
}

#mainBannerDescription p {
  float: left;
  display: block;
  width: 636px;
  color: #fff;
  margin: 0;
  padding: 0 0 5px 0;
}

#smBannersCol {
  float: left;
  width: 290px;
  margin-left: 8px;
}


.smBannersItem {
  float: left;
  position: relative;
 border: 1px solid #e2e1e1;
  padding: 5px;
  width: 283px;
  height: 113px;
  margin: 0 0 5px 0;
}

.smBannersDescription {
  float: left;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 264px;
  height: 32px;
  padding: 0 5px 5px 15px;
  margin: 0 5px 5px 5px;
  background: transparent url(/images/bgDesc.png);
}

.smBannersDescription h3 {
  float: left;
  margin: 0;
  padding: 0;
}

.smBannersDescription h3 a {
  color: #fff;
  font-size: .95em;
  font-family: Georgia, 'Times New Roman', Times, serif;
  text-decoration: none;
  width: 180px;
  line-height: 36px;
  margin: 0;
  padding: 0;
}

.smBannersDescription a.shopNow {
  display: block;
  float: right;
  color: #fff;
  background: transparent url(/images/bullet.gif) 0 .5em no-repeat;
  text-decoration: none;
  font-weight: bold;
  font-size: 1em;
  text-transform: uppercase;
  padding-left: 10px;
  width: 75px;
  margin: 10px 0 0 0;
}

#scrollBlock {
  width: 878px;
  margin-top: 15px;
  background: #f2f2f2;
  float: left;
}

a#leftArr {
  display: block;
  float: left;
  background: #423e3c;
  color: #fff;
  font-size: 1.4em;
  font-weight: bold;
  text-decoration: none;
  line-height: 155px;
  text-align: center;
  width: 36px;
  height: 155px;
  margin-top: 15px;
}

a#leftArr:hover {
  background: #605c5b;
}

a#rightArr {
  display: block;
  float: right;
  background: #423e3c;
  color: #fff;
  font-size: 1.4em;
  font-weight: bold;
  text-decoration: none;
  line-height: 155px;
  text-align: center;
  width: 36px;
  height: 155px;
  margin-top: 15px;
}

a#rightArr:hover {
  background: #605c5b;
}

.scrollItems {
  float: left;
  width: 878px;
}

.scrollItems a {
  display: block;
  float: left;
  background: #fff;
  width: 263px;
  height: 133px;
  border: 1px solid #e2e1e1;
  padding: 5px;
  margin: 5px 8px 0 9px;
}

#footer {
  float: left;
  width: 950px;
  margin-top: 30px;
  border-top: 1px dotted #878787;
}

#newsletter {
  float: left;
  margin: 30px 0 0 10px;
  width: 330px;
}

#footerNav ul {
  float: left;
  margin: 10px 55px 0 0;
  padding: 15px 10px 15px 15px;
  border-left: 1px dotted #878787;
  height: 50px;
}

#footerNav li {
  list-style-type: none;
}

#footerNav li a {
  text-transform: uppercase;
  text-decoration: none;
  font-size: .95em;
}

#copyright {
  text-align: center;
  font-size: .8em;
  margin: 40px 0 20px 0;
}

#copyright p, #copyright a {
  color: #969696;
}

/* inner */

#breadcrumbs {
  width: 935px;
  height: 38px;
  line-height: 38px;
  border: 1px solid #e8e8e7;
  padding-left: 15px;
}

#breadcrumbs a {
  text-decoration: none;
  color: #222;
}

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

#sideBar {
  float: left;
  width: 198px;
  border: 1px solid #e8e8e7;
  background: #fffff1;
  margin: 10px 0 0 0;


}

#sideBar h3 {
  color: #616161;
  margin: 12px 8px 11px 8px;
  padding: 0 0 8px 7px;
  border-bottom: 1px dotted #616161
}

#sideBar ul {
  margin: 0 0 15px 15px;
  padding: 0;
}

#sideBar li {
  list-style-type: none;
  background: transparent url(/images/bulletSideBar.gif) 0 .3em no-repeat;
  padding-left: 9px;
}

#sideBar li a {
  color: #423e3c;
  text-decoration: none;
  font-size: .9em;
}

#sideBar li a:hover {
  color: #000;
  text-decoration: underline;
}

#sideBar li.active a {
  color: #8b3816;
}

#sideBar a.selected {
  font-weight: bold;
}

#sideBar li ul {
  margin: 0 0 0 2px;
}

#itemsCol {
  float: left;
  margin: 10px 0 0 10px;
  width: 740px;
}

#itemsCol h1 {
  color: #423e3c;
  font-size: 2.7em;
  margin: 5px 0 4px 0;
}

#itemsSubNav {
  float: left;
  width: 738px;
  border-bottom: 1px dotted #878787;
  padding-bottom: 12px;
}


#sortItems {
  float: left;
  font-size: .85em;
  width: 300px;
}

#sortItems p {
  float: left;
  margin: 0 6px 0 0;
  text-transform: lowercase;
}

#sortItems ul {
  margin: 0;
  padding: 0;

}

#sortItems li {
  list-style-type: none;
  float: left;
  color: #8b3816;
  margin: 0;
  padding: 0;
  text-transform: lowercase;
}

#sortItems li span {
  margin: 0 4px 0 4px;
}

#paginator {
  float: right;
  text-align: right;
  font-size: .85em;
  width: auto;
}

#paginator ul {
  float: left;
  margin: 0;
  padding: 0;
}

#paginator li {
  list-style-type: none;
  display: inline;
}

#paginator li a {
  margin: 0 1px 0 1px;
  text-decoration: none;
}

#paginator li a:hover {
  text-decoration: underline;
}

#paginator a.nextButton {
  background: #423e3c;
  text-decoration: none;
  color: #fff;
  padding: 1px 5px 1px 5px;
  margin-left: 5px;
}

#paginator a.nextButton:hover {
  text-decoration: underline;
  background: #575351;
}


#paginator p {
  float: left;
  text-transform: lowercase;
  margin: 0 5px 0 0;
}

.catItem {
  float: left;
  width: 220px;
  border: 1px solid #e8e8e7;
  padding: 4px 4px 15px 4px;
  margin: 12px 25px 0 0;
}

.last {
  margin-right: 0;
}

.catItemDesc {
  float: left;
  width: 140px;
  margin-top: 5px;
}


.catItemDesc a {
  font-size: .9em;
  font-weight: bold;
}

.catItemDesc p {
  font-size: .8em;
  margin: 1px 0 0 0;
}

.catItemPrice {
  float: right;
  text-align: right;
  width: 75px;
  margin-top: 5px;
}

.catItemPrice p {
  font-size: .9em;
  margin: 0;
}

.catItemPrice p.inStock {
  color: #ff691e;
  font-size: .9em;
  font-family: Georgia, 'Times New Roman', Times, serif;
  text-transform: lowercase;
  margin-top: 1px;
}

/* details */

#imagesBlock {
  margin-top: 10px;
  width: 320px;
  float: left;
}

#slideshow {
  width: 300px;
  height: 308px;
}

#productGallery {
  float: left;
  height: 310px;
  width: 308px;
}


#productGallery img {
  padding: 5px;
  border: 1px solid #eaeae9;
  float: left;
}

.titleColor {
  float: left;
  font-size: .85em;
  margin-top: 5px;
}

a.zoom {
  font-size: .85em;
  background: transparent url(/images/icoZoom.gif) 0 .1em no-repeat;
  padding: 0 0 0 15px;
  margin: 5px 0 0 0;
  color: #423e3c;
  text-decoration: none;
  float: right;
}

a.zoom:hover {
  color: #000;
}

#colorsPrv {
  font-weight: bold;
  color: #423e3c;
}

#colorsPrv p {
  margin: 40px 0 10px 0;
}

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

#colorsPrv li {
  float: left;
  list-style-type: none;
  margin: 0 7px 7px 0;
}


#colorsPrv img {
  padding: 0;
  border: 3px solid #eaeae9;
}

#colorsPrv li.selected img {
 border: 3px solid #bdbdbd;
}

a.thumb:focus {
	outline: none;
}


#detailsColumn {
  float: left;
  width: 450px;
  margin: 10px 0 0 30px;

}

#detailsTitle {
  padding-bottom: 10px;
}


#detailsTitle h1 {
  margin: 0 0 5px 0;
  padding: 0;
  color: #423e3c;
}

#detailsTitle p {
  font-weight: bold;
  color: #423e3c;
  font-size: .9em;
  margin: 0;
}

#detailsTitle {
  border-bottom: 1px dotted #878787;
}

#detailsPriceBox {
  border: 1px solid #eaeae9;
  margin: 10px 0 0 0;
  padding-bottom: 15px;
  float: left;
  width: 450px;
}


#priceBoxLeftCol {
  float: left;
  width: 170px;
}

#priceBoxLeftCol p {
  text-transform: uppercase;
  font-weight: bold;
  font-size: .9em;
  margin: 20px 0 0 20px;
  border-bottom: 1px dotted;
}

#priceBoxLeftCol p.price {
  border: none;
  font-weight: normal;
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 3em;
  margin: 0 0 0 20px;
}

fieldset.priceBoxForm  {
  border: none;
  margin: 0;
  padding: 0;
}

#priceBoxRighCol {
  float: left;
  width: 250px;
  margin: 20px 0 0 30px;
}

.priceBoxForm label {
  width: 45px;
  float: left;
}

input.priceText { margin:0 0 5px 0; float: left; border:1px solid #423e3c; width: 50px; height: 15px; padding:4px 3px 1px 4px; font-size: .8em;}
.priceBoxForm span {
  width: 90px;
  float: left;
  display: block;
  font-size: .85em;
  line-height: 25px;
  font-family: Georgia, 'Times New Roman', Times, serif;
  margin: 0;
  padding: 0 0 10px 5px;
  color: #ff732d;
  font-weight: bold;
}


select.priceColor { margin:0 0 5px 0; float: left; border:1px solid #423e3c; width: 140px; height: 20px; padding:0 3px 1px 4px; font-size: .8em; background-color: white;}

input.priceButton {
  background: #a52020;
  border: none;
  color: #fff;
  font-size: 70%;
  font-weight: bold;
  text-transform: uppercase;
  height: 22px;
  width: 130px;
  margin: 10px 0 0 0;
}

#priceBoxDescription p {
  float: left;
  margin: 10px 0 0 0;
  padding: 10px 0 0 0;
  border-top: 1px dotted #878787;
}

#formColumn h1 {
  margin-top: 10px;
}

tr.cartTitle {
  text-transform: uppercase;
  font-size: .9em;
}