body { margin: 0px; padding: 0px; list-style: none; background: url("images/body.jpg"); font-family: Verdana, Helvetica, Arial, sans-serif; }
div { position: relative; display: block; margin: 0 auto; }
.column { position: relative; display: block; float: left; }
.clear { clear: both; }
#container { width: 1003px; }
ul, li, ul li { margin: 0px; padding: 0px; list-style: none; }
hr { display: block; width: 1003px; height: 3px; background: url("images/hr.png") repeat-x; border: 0px; margin-top: 20px; margin-bottom: 10px; }
a { color: #5a4e44; }

.left { width: 390px; }
.right { width: 600px; margin-top: 20px; }

.logo { margin-top: 20px; width: 513px; height: 91px; }
.title { margin-top: 30px; }

.bigpic { position: relative; margin-top: 20px; }
.bigpic span { width: 390px; height: 616px; background: url("images/bigpic-border.png") no-repeat; position: absolute; z-index: 9000; top: -5px; left: -5px; }
.view-colors { width: 390px; text-align: right; margin-top: 10px; margin-bottom: 10px; }
.descrip { text-align: justify; font-size: 10px; line-height: 13px; color: #5a4e44; margin-bottom: 20px; }
.descrip h1 { font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }

.thumbnail { display: block; float: left; position: relative; margin-right: 12px; margin-bottom: 12px; }
.thumbnail a { width: 195px; height: 304px; }
.thumb ul li { position: relative; display: inline; }
.thumbnail a span { width: 195px; height: 304px; background: url("images/thumb-border.png") no-repeat; position: absolute; top: -3px; left: -2px; }

.toplinks { display: block; position: absolute; top: 80px; left: 615px; font-size: 10px; }
.toplinks a { font-size: 10px; font-weight: bold; color: #a3620a; text-decoration: none; }
.toplinks a:hover { text-decoration: underline;  }

.dialog { font-size: 12px; color: #504845; }
.swatch { text-align: center; font-size: 10px; padding: 6px; }
.swatch img { margin: 5px; }