/**
 * Defaults and Resets
 */
html, body {margin: 0px; padding: 0px; background: #6c5735 url(../images/top-bg.gif) repeat-x;}

body {font-family: Verdana, Arial, Sans-Serif; font-size: 11px; color: #6c5735; line-height: 18px; padding-top: 63px;}

form {margin: 0px; padding: 0px;}

img {border: 0px;}

td {vertical-align: top;}

p {margin-top: 0px;}

a {color: #00adef;}

h1 {margin: 0 0 20px 0; font-family: Arial, Verdana, Sans-Serif; font-size: 22px; line-height: normal; color: #6c5735;}
h2,
h2 a {margin: 0; font-family: Arial, Verdana, Sans-Serif; font-size: 16px; line-height: normal; color: #6c5735;}
h3 {margin: 0; font-family: Arial, Verdana, Sans-Serif; font-size: 13px; line-height: normal; color: #6c5735;}

/**
 * General
 */
.clearBoth, .clear {clear: both; height: 0px; font-size: 1px; line-height: 0px; display: block;}

.sale {color: #ff0000;}

/**
 * Lists
 */
ul.inline {margin: 0px; padding: 0px; list-style-type: none;}
ul.inline li {display: inline;}

ul.list {margin: 0px; padding: 0px; list-style-type: none;}

/**
 * Layout
 */
#masterWrapper {position: relative; width: 100%; background: #fff url(../images/bottom-bg.gif) repeat-x left bottom; padding-top: 5px; padding-bottom: 29px;}

#master {width: 810px;}

#logo {position: absolute; top: 6px; right: 6px;}

#sidebar {float: left; width: 200px;}
#sidebar .mainNav {padding: 25px 0 0 5px;}

#body {float: left; width: 610px; min-height: 500px; padding-top: 24px; z-index: 1000;}

#masterFooter {text-align: center; padding: 10px 0 20px 0; color: #fff;}
#masterFooter a {color: #fff;}

/**
 * Home Page
 */
#homeFeature img {display: block;}

/**
 * Products
 */
.productList h2 {font-style: italic; text-transform: lowercase;}
.productList p {margin: 0;}
.productList .order {font-weight: bold;}
.productList .cta {font-size: 10px; text-transform: uppercase; margin-top: 15px;}
.productList .item {margin-bottom: 20px;}
.productList .photo {float: left; width: 100px; background: no-repeat; margin-right: 20px;}
.productList .photo div {background: url(../images/thumb-overlay.png) no-repeat -100px top;}
.productList .photo div div {background: url(../images/thumb-overlay.png) no-repeat left bottom;}
.productList .details {float: left; width: 380px;}

.productDetail {padding-bottom: 20px;}
.productDetail .photos {float: left; width: 250px;}
.productDetail .photos .photo div {background: url(../images/overlay.png) no-repeat -250px top;}
.productDetail .photos .photo div div {background: url(../images/overlay.png) no-repeat left bottom;}
.productDetail .photos .viewLarger {padding: 5px 10px 0 0; text-align: center;}
.productDetail .photos .viewLarger a {text-decoration: none;}
.productDetail .photos .viewLarger a span {text-decoration: underline;}
.productDetail .details {float: right; width: 340px;}
.productDetail .details .description {width: 320px;}
.productDetail .details .cart {width: 313px; border: solid 1px #ddd; padding: 10px; margin-top: 20px; margin-bottom: 20px;}
.productDetail .details .swatches p {margin: 0;}
.productDetail .details .coupon {width: 313px; border: solid 1px #ddd; padding: 10px; margin-top: 20px; margin-bottom: 20px;}
.productDetail .details .coupon .message {color: Green; margin: 0 0 10px 0;}
.productDetail .details .coupon .error {color: Red; margin: 0 0 10px 0;}

.swatchList {margin: 5px -5px 0 -5px; position: relative; width: 350px;}
.swatchList .row {padding-bottom: 10px;}
.swatchList .item {float: left; width: 75px; overflow: hidden; text-align: center; line-height: normal; margin: 0 5px 0 5px;} /* height: 75px;  */
.swatchList .item img {display: block; padding-bottom: 2px;}

#productPhotos {padding-bottom: 20px;}
#productPhotos .photos {float: left; position: relative; border: solid 1px #ddd; width: 300px; min-height: 330px; text-align: center;}
#productPhotos .photos .item {position: absolute; top: 0; left: 0;}
#productPhotos .photos img {display: block;}
#productPhotos .thumbs {float: left; width: 352px;}
#productPhotos .thumbs img {display: block;}
#productPhotos .thumbs .row {padding-bottom: 10px;}
#productPhotos .thumbs .item {float: left; border: solid 1px #ddd; padding: 1px; margin-left: 10px;}

#swatchPreview {width: 610px;}
#swatchPreview img {display: block;}
#swatchPreview .caption {text-align: center; padding-top: 5px;}
#swatchPreview .swatch {float: left; width: 300px;}
#swatchPreview .swatchCloth {float: right; width: 300px;}

/**
 * Dialog Windows
 */
body.dialog {padding: 0 10px 0 10px;}

body.dialog #master {width: 100%;}

body.dialog #header {padding: 5px 5px 5px 5px; border-bottom: solid 1px #ddd;}
body.dialog #header .title {float: left; font-weight: bold;}
body.dialog #header .close {float: right; text-align: right;}

body.dialog #body {width: auto; min-height: 1px; padding-top: 10px;}

/**
 * Home Page
 */
body.home #body {min-height: 400px; padding-top: 0;}

/**
 * Stores
 */
a.storeListGroup {display: block; padding-bottom: 5px;}

div.storeList .column {float: left; width: 250px; margin-right: 20px;}

/**
 * Forms
 */
form.form {width: 100%;}
form.form .row {padding: 0px 0px 10px 0px;}
form.form .label {float: left; width: 90px;}
form.form .field {float: left; width: 190px;}
form.form .fabric select {display: block;}

/**
 * Miscellaneous
 */
table.shipping {margin-bottom: 20px;}
table.shipping th {text-align: left;}
table.shipping td {padding: 0 80px 3px 0;}

/**
 * Press
 */
.magazineList .row {padding-bottom: 20px;}
.magazineList .item {float: left; width: 150px; margin-right: 20px;}
.magazineList .item .details {text-align: center; line-height: 14px;}

.thankYouNoteList .row {padding-bottom: 20px;}
.thankYouNoteList .item {float: left; width: 150px; margin-right: 20px;}
.thankYouNoteList .item .details {text-align: center; line-height: 14px;}