body, html {
  width: 100%;
  background: #c4bbb0 url('/images/grad_back.png') repeat-x;
  font-family: 'verdana',sans-serif;
  margin: 0 0 10px;
}

#dsr {
  margin: 0 auto;
  width: 924px;
  background: url('/images/dsr.png') repeat-y top right;
}
#dsbot {
  margin: 0 auto;
  width: 924px;
}
#dsbl {
  width: 16px;
  height: 16px;
  background: url('/images/dsbl.png') no-repeat;
  float: left;
}
#dsb {
  width: 892px;
  height: 16px;
  background: url('/images/dsb.png') repeat-x;
  float: left;
}
#dsbr {
  width: 16px;
  height: 16px;
  background: url('/images/dsbr.png') no-repeat;
  float: left;
}

#page {
  background-color: #fff;
  padding: 5px;
  width: 898px;
}

#head {
  height: 121px;
  position: relative;
  top: 0;
}
#head #welcome {
  float: right;
  width: 296px;
  height: 116px;
  background: url('/images/welcome_back.png');
  padding: 0;
  text-align: right;  
  font-family: "Century Gothic", "Avant Garde", Arial, sans-serif;
  position: relative;
  top: 0;
}
#head #welcome h1 {
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 52px;
  right: 30px;
  font-size: 25px;
  font-weight: normal;
  color: #3f2121;
}
#head #welcome h2 {
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 10px;
  right: 30px;
  font-size: 35px;
  font-weight: normal;
  color: #fff;
}
#head img.logo {
  position: relative;
  bottom: -15px;
}

#vmin {
  float: left;
  width: 1px;
  height: 700px;
  height: 0;
}

#main {
  position: relative;
  top: 0;
}

#sidebar {
  float: left;
  width: 204px;
  background-color: white;
}
#sidebar #menu {
  background: url('/images/menu_back.png') no-repeat left bottom;
  color: #fff;
  margin: 0 0 5px;
  padding: 0.5em 1em;
  font-size: 12px;
  list-style-type: none;
  line-height: 26px;
}
#sidebar #menu a, #sidebar #menu a:visited {
  color: #fff;
  text-decoration: none;
}
#sidebar #menu li {
  border-bottom: 1px dotted #f88;
  position: relative;
  padding-left: 1.5em;
  top: 0;
}
#sidebar #menu li.contact {
  border-bottom: none;
}
#sidebar #menu li span {
  position: absolute;
  left: 0.5em;
}
#sidebar #menu a.active,
#sidebar #menu a:hover {
  font-weight: bold;
}
#sidebar .sidetab {
  background: #f1f1ef url('/images/sidetab_h2.png') top left no-repeat;
  width: 100%;
  margin: 5px 0;
}
#sidebar .sidetab h1 {
  font-family: "Century Gothic", "Avant Garde", Arial, sans-serif;
  background: url('/images/sidetab_h1.png') top left no-repeat;
  font-size: 20px;
  font-weight: normal;
  margin: 0;
  padding: 20px 0 0 20px;
  width: 100%;
  height: 24px;
  color: #4d5c78;
}
#sidebar .sidetab h2 {
  font-family: "Century Gothic", "Avant Garde", Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #c52317;
}
#sidebar .sidetab div {
  color: #686868;
  font-size: 11px;
  line-height: 18px;
  padding: 11px;
}
#sidebar .sidetab div ul, #sidebar .sidetab div p {
  margin: 0;
}
#sidebar .sidetab li {
  text-decoration: underline;
}
#sidebar .sidetab div.bottom {
  background: url('/images/sidetab_br.png') bottom right no-repeat;
  margin: 0;
  padding: 0;
  width: 204px;
  height: 20px;
}

#signup {
  margin: 5px 0;
  width: 204px;
}
#signup h1 {
  font-size: 12px;
  font-weight: bold;
  color: #4d5c78;
  padding: 0;
  margin: 0 0 5px;
}
#signup div.form {
  width: 204px;
  font-size: 10px;
  background-color: #ded7ce;
}
#signup div.form form {
  margin: 0 0 0 20px;
}
#signup div.top {
  background-image: url(/images/signup_top.png);
  width: 204px;
  height: 20px;
}
#signup div.btm {
  background-image: url(/images/signup_btm.png);
  width: 204px;
  height: 20px;
}
  
#rollover {
  width: 684px;
  float: left;  
  position: relative;
  left: 5px;
  margin-bottom: 2px;
}
#rollover img {
  border: none;
  outline: none;
}
/*
#rollover img {
  width: 689px;
  margin: 0 0 2px 5px;
  height: 209px;
  border: none;
  outline: none;
}
*/

#rollover #window {
  width: 684px;
  height: 209px;
  position: relative;
  z-index: 1;
}
#rollover #window .border {
  width: 684px;
  height: 209px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
#rollover #window .overlay {
  width: 474px;
  height: 55px;
  position: absolute;
  bottom: 0;
  z-index: 9;
}
#rollover #window .left {
  position: absolute;
  left: 0;
  z-index: 2;
}
#rollover #window .right {
  position: absolute;
  left: 459px;
  z-index: 1;
}

#content {
  width: 694px;
  float: left;
  position: relative;
  top: 0;
}
#content div.title {
  margin: 0 0 5px 5px;
  color: #4d5c78;
  background: url('/images/title_back.png') no-repeat left bottom;
  height: 80px;
}
#content div.title h1 {
  font-family: "Century Gothic", "Avant Garde", Arial, sans-serif;
  font-size: 28px;
  font-weight: normal;
  margin: 0;
  padding: 26px 0 0 20px;
}

#page_content {
  background: #f2efea url('/images/content_back.png') no-repeat 0 0;
  width: 649px;
  margin: 5px;
  padding: 20px;
  font-size: 11px;
  line-height: 16px;
  overflow: auto;
}
#page_content h1 {
  color: #c52317;
  font-size: 16px;
  font-weight: bold;
}

table.item_layout {
  margin: 1em auto;
}
div.item, div.detail {
  padding: 8px;
  color: #808380;
  font-size: 10px;
  line-height: 12px;
}
div.item {
  width: 136px;
  height: 226px;
  background: url('/images/item_back.png') no-repeat;
}
div.item p {
  margin: 4px 8px;
  padding: 0;
}
div.item img {
  width: 120px;
  height: 120px;
  border: none;
  outline: none;
}
div.item a, div.detail th {
  color: #000;
  text-align: left;
}
div.detail tr.head th {
  color: #808380;
}
a.zoom, .flyout {
  position: relative;
  top: 0;
}
.zoom img.zoom,
.flyout img.zoom {
  position: absolute;
  right: 4px;  
  bottom: 4px;
  width: 20px;
  height: 20px;
}
div.item input {
  font-size: 10px;
  margin-top: 8px;
}

div.bigitem {
  clear: both;
  width: 633px;
  padding: 0 8px 8px;
  margin: 0;
  background-color: #fff;
}
div.bigitem_top div.l {
  float: left;
  width: 8px;
  height: 8px;
  background: url('/images/bigitem_tl.png') no-repeat;
}
div.bigitem_top div.c {
  float: left;
  width: 633px;
  height: 8px;
  background-color: #fff;
}
div.bigitem_top div.r {
  float: left;
  width: 8px;
  height: 8px;
  background: url('/images/bigitem_tr.png') no-repeat;
}
div.bigitem_btm div.l {
  float: left;
  width: 8px;
  height: 8px;
  background: url('/images/bigitem_bl.png') no-repeat;
}
div.bigitem_btm div.c {
  float: left;
  width: 633px;
  height: 8px;
  background-color: #fff;
}
div.bigitem_btm div.r {
  float: left;
  width: 8px;
  height: 8px;
  background: url('/images/bigitem_br.png') no-repeat;
}
div.bigitem h1,
div.bigitem h2
{
  padding-top: 0;
  margin-top: 0;
}
div.bigitem p {
  margin: 1em 0;
  padding: 0;
}
div.bigitem a.flyout, div.bigitem a.thumb {
  float: right;
  position: relative;
  top: 0;
}
div.bigitem img {
  width: 200px;
  height: 200px;
  border: none;
  outline: none;
}
div.bigitem a {
  color: #000;
  text-align: left;
}
button a {
  text-decoration: none;
  color: #000;
}

div.block_detail {
  color: #000;
}
div.block_detail img {
  border: none;
  outline: none;
}
div.block_detail a.flyout img.thumb {
  width: 250px;
  height: 250px;
}
div.block_detail div.images {
  width: 250px;
  float: right;
  margin-left: 1em;
  position: relative;
  top: 0;
}
div.block_detail div.images table {
  border-spacing: 5px;
  position: relative;
  left: -5px;
}
div.block_detail div.images table td {
  background-color: #fff;
  width: 80px;
  height: 80px;
  padding: 0;
}
div.block_detail div.images table img {
  width: 80px;
  height: 80px;
  border: none;
  outline: none;
}
div.block_detail table.options {
  margin: 2em 0;
}
div.block_detail table.options caption {
  text-align: left;
  font-weight: bold;
}
div.block_detail table.options th {
  text-align: left;
  color: grey;
}
div.block_detail table.options tr.total th {
  text-align: right;
  color: #000;
  font-weight: bold;
}
div.block_detail table.options tr.tasks td {
  text-align: right;
}

.ui-dialog div.detail {
  font-size: 11px;
  width: 300px;
  background-color: #f2efea;
}
div.detail div.rule {
  background-color: #fff;
  color: #000;
  width: 282px;
  height: 270px;
  position: relative;
  top: 0;
  font-size: 11px;
  line-height: 15px;
}
div.rule div.units {
  text-align: center;
  font-size: 9px;
  width: 30px;
  float:left;
}
div.rule .mm {
  display: none;
}
div.detail div.rule .horz {
  border-bottom: 1px solid #000;
  width: 250px;
  height: 20px;
  position: relative;
  left: 30px;
}
div.detail div.rule .horz .tick {
  position: absolute;
  width: 1px;
  bottom: 0;
  border-left: 1px solid black;
}
div.detail div.rule .horz .num {
  position: absolute;
  top: 0;
}
div.detail div.rule .horz .l {
  height: 15px;
}
div.detail div.rule .horz .m {
  height: 10px;
}
div.detail div.rule .horz .s {
  height: 5px;
}
div.detail div.rule .horz .z {
  height: 2px;
}
div.detail div.rule .vert {
  float: left;
  width: 30px;
  height: 250px;
  border-right: 1px solid #000;
  position: relative;
  top: 0;
}
div.detail div.rule .vert .num {
  position: absolute;
  left: 0;
}
div.detail div.rule .vert .tick {
  position: absolute;
  height: 1px;
  right: 0;
  border-top: 1px solid black;
}
div.detail div.rule .vert .l {
  width: 15px;
}
div.detail div.rule .vert .m {
  width: 10px;
}
div.detail div.rule .vert .s {
  width: 5px;
}
div.detail img.thumb {
  width: 250px;
  height: 250px;
}
div.detail img {
  border: none;
}
div.detail a.flyout {
  position: relative;
  z-index: 0;
  float: left;
}
div.detail a.flyout img.zoom {
  position: absolute;
  right: 4px;  
  bottom: 4px;
  width: 20px;
  height: 20px;
}
div.detail table {
  width: 90%;
  margin: 1em auto;
}
div.detail table td {
  color: #000;
}
div.detail p {
  width: 90%;
  margin: 1em auto;
}
.ui-dialog-titlebar .ui-dialog-title {
  font-weight: normal;
  font-size: 12px;
}
div.ui-widget-overlay {
  background-color: #000;
  opacity: 0.6;
}

div#browse_fabrics {
  background: url('/images/item_browse.png') no-repeat 0 0;
  width: 136px;
  height: 226px;
  text-align: center;
  padding: 8px 0;
}
div#browse_fabrics a, div#browse_fabrics a:visited {
  color: #c52317;
}
div#browse_fabrics p {
  font-size: 10px;
}

div#ordsum {
  background: #f1f1ef url(/images/sidetab_h2.png) top left no-repeat;
  width: 204px;
  font-size: 11px;
  line-height: 16px;
  color: #000;
  margin: 5px 0;  
  position: relative;
  top: 0;
}
div#ordsum h2 {
  color: #c52317;
  font-size: 12px;
}
div#ordsum table {
  margin: 5px auto;
  border-collapse: collapse;
  border-spacing: 0;
  width: 163px;
}
div#ordsum table th.h {
  width: 8px;
}
div#ordsum table tr.top th,
div#ordsum table tr.btm th {
  height: 8px;
}
div#ordsum table th.l,
div#ordsum table th.r {
  width: 8px;
  height: 8px;
}
div#ordsum table tr.top th.l {
  background: transparent url(/images/bigitem_tl.png) 0 0 no-repeat;  
}
div#ordsum table tr.top th.r {
  background: transparent url(/images/bigitem_tr.png) 0 0 no-repeat;  
}
div#ordsum table tr.btm th.l {
  background: transparent url(/images/bigitem_bl.png) 0 0 no-repeat;  
}
div#ordsum table tr.btm th.r {
  background: transparent url(/images/bigitem_br.png) 0 0 no-repeat;  
}
div#ordsum table td.pad {
  width: 15px;
}
div#ordsum table tr.pad td {
  height: 15px;
}
div#ordsum table td,
div#ordsum table th {
  background-color: #fff;
  padding: 0;
}
div#ordsum table img {
  width: 39px;
  height: 39px;
  border: none;
}

div#design_source {
  position: relative;
  top: 0;
  width: 100%;
  height: 100px;
}
div#design_board {
  position: relative;
  top: 0;
  left: 0;
  height: 600px;
  overflow: hidden;
  background-color: #fff;
}
div#design_source img,
div#design_board img {
  position: absolute;
  width: 96px;
  height: 96px;
}
div#design_source img.raise,
div#design_board img.raise {
  z-index: 999;
}

table.criteria {
  margin: 0 auto;
  width: 100%;
}
table.criteria caption {
  color: #c52317;
  font-size: 12px;
  text-align: left;
}
table.criteria th {
  color: #aaa;
  text-align: left;
  font-size: smaller;
}
table.criteria select {
  width: 100px;
}

div.nav {
  font-size: 11px;
  color: #884848;
  text-align: right;
  margin: 1em 0;
}
div.nav a, div.nav a:visited {
  color: #884848;
}
div#order table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 1px 0;
  font-size: 11px;
}
div#order table th {
  background-color: #c52317;
  color: #fff;
  padding: 5px;
}
div#order table td {
  vertical-align: top;
  color: #6d6f6c;
  padding: 5px;  
}
div#order table td input {
  font-size: 11px;
}
div#order table td.r {
  text-align: right;
  padding-right: 20px;
}
div#order table tr.odd td,
div#order table tr.x td {
  background-color: #f9f7f7;
}
div#order table tr.x td {
  font-weight: bold;
}
div#order table tr.total td {
  color: #cb2131;
  font-weight: bold;
  font-size: 13px;
}
div#order table tr.spacer {
  height: 0.5em;
}
div#order table td img.thumb {
  width: 60px;
  height: 60px;
}
div#order table td img {
  border: none;
}

#foot {
  clear: both;
  background-color: #ddd;
  color: #444;
  font-size: 10px;
  line-height: 14px;
  padding: 4px;
}
#foot .left {
  float: left;
  width: 204px;
  height: 30px;
  border-right: 2px solid #aaa;
  margin-right: 2em;
  text-align:center;
}
#foot .left img {
  margin-top: 5px;
}
#foot .links {
  margin: 0.5em 1em 0 2em;
}
#foot a, #foot a:visited {
  color: #444;
  margin: 5px 1em;
}
#foot a.nolm {
  margin-left: 0;
}
#foot .copy {
  margin: 0 2em;
}

.ui-dialog-titlebar-close {
  background-color: #cb2131;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon {
  background-image: url(/js/jquery-ui-1.7.1/themes/base/images/ui-icons_ffffff_256x240.png);
}

#wpsidebar {
  width: 204px;
  float:right;
}
#blog .content {
  width: 500px;
}
#blog .content #comment {
  width: 450px;
}

#blog h2 {
  color: #c52317;
}

#blog a, #blog a:visited {
  color: #c52317;
}

/** Orders **/
table.order {
  width: 90%;
  margin: 1em auto;
  border-spacing: 0;
  border-collapse: separate;
}
table.order tr.head th {
  border-bottom: 1px solid #666;
  font-size: larger;
  padding: 0.5em;
}
table.order tr.odd {
  background-color: #fff;
}
table.order .c {
  text-align: center;
}
table.order .r {
  text-align: right;
  padding-right: 0.5em;
}
table.order tr.total th {
  text-align: right;
  border-top: 1px solid #666;
  font-size: larger;
  padding: 0.5em;
}
table.order img {
  width: 64px;
}

div.tasks {
  text-align: center;
  margin: 1em auto;
}

ul#errors {
  color: red;
  font-size: larger;
  font-weight: bold;
}
ul#messages {
  color: blue;
  font-size: larger;
}