@charset "utf-8";
/* CSS Document */

#content {
   font:normal 12px Verdana, Arial, Helvetica, sans-serif;
   color:#555;
   line-height:14px;
   width: 325px;
   _width:375px;
   height: 460px;
   _height:510px;
   background: #FFF;
   overflow: auto;
   overflow-x:hidden;
   padding: 25px;
   margin: 20px;
}

table, table td {
   height:0;
   font:normal 12px Verdana, Geneva, sans-serif;
}

#content-home {
   font:normal 12px Verdana, Arial, Helvetica, sans-serif;
   color:#555;
   line-height:14px;
   padding:45px 25px 10px;
   position:relative;
   background:url(../images/dct-logo-ghost.png) 50% 50% no-repeat;
}

#content-wrap {
width: 970px;
height: 550px;
overflow: hidden;
position:relative;
}

.tops {
background: url(../Images/desk-top-leathers.jpg) no-repeat top left;
}

.ups {
background: url(../Images/bg-ups.jpg) no-repeat top left;

}
.coat {
background: url(../Images/bg-coat.jpg) no-repeat top left;

}

.ant {
background: url(../Images/bg-ant.jpg) no-repeat top left;

}

.air {
background: url(../Images/bg-air.jpg) no-repeat top left;

}

.ontop {
background: url(../Images/bg-ontop.jpg) no-repeat top left;

}

.brochure {
background: url(../Images/bg-brochure.jpg) no-repeat top left;

}

.order{
background: url(../Images/bg-order.jpg) no-repeat top left;

}

.newsletter {
background: url(../Images/newsletter.jpg) no-repeat top left;

}

.specs {
background: url(../Images/bg-specs.jpg) no-repeat top left;

}

.care{
background: url(../Images/bg-care.jpg) no-repeat top left;

}

.glossary{
background: url(../Images/bg-glossary.jpg) no-repeat top left;

}
.about {
background: url(../Images/bg-about.jpg) no-repeat top left;

}

.contact {
   background: url(../Images/bg-contact.jpg) no-repeat top left;
}

.gallery-bg {
   background:url(../images/green-chair-bg.jpg) no-repeat top left;
}

.glossary {
   background:url(../images/glossary.jpg) no-repeat top left;
}

.testimonials {
   background:url(../images/testimonials.jpg) no-repeat top left;
}

.green {
   background:url(../images/green-bg.jpg) no-repeat top left;
}

.privacy {
   background:url(../images/privacy-bg.jpg) no-repeat top left;
}

.sitemap {
   background:url(../images/sitemap-bg.jpg) no-repeat top left;
}

.auto {
   background:url(../images/bg-auto.jpg) no-repeat top left;
}

.upholstery {
   background:url(../images/leather-upholstery-big.jpg) no-repeat top left;
}

.brochure #content {
   width:880px;
   _width:930px;
}

#content.testimonials {
   font-family:Georgia, "Times New Roman", Times, serif;
}

#content .bullets, #content .bullets li {
   margin:0;
   padding:0;
   list-style-type:none;
}

#content .bullets {
   padding:0 0 14px 14px;
}

#content .bullets li {
   padding:0 0 3px 15px;
   background:url(../images/bullet.gif) 0 4px no-repeat;
   _zoom:1;
}

#content a {
   color:#9e3a3a;
}

#content a:hover {
   color:#000;
}

#content h1, #content-wrap h1 {
   font:normal 24px "Myriad Pro", "Myriad Web", Arial, Helvetica, sans-serif;
   color:#9e3a3a;
   line-height:24px;
   padding:0 0 14px;
   text-align: left;
}

#content h2 {
   font:bold 14px "Myriad Pro", "Myriad Web", Arial, Helvetica, sans-serif;
   color:#9e3a3a;
   line-height:16px;
   padding:0 0 14px;
   text-align: left;
}

#content h3 {
   font:bold 13px Arial, Helvetica, sans-serif;
   color:#333;
   line-height:14px;
}

#content h4 {
   font:normal italic 11px Arial, Helvetica, sans-serif;
   color:#999;
   line-height:11px;
   padding:0 0 8px;
}

#content p, #content-wrap p {
   line-height:14px;
   padding:0 0 14px;
}

#content hr {
   width:95%;
   height:1px;
   color:#ccc;
   background:#ccc;
   border:0;
   margin:0 auto 14px;
   _margin:-7px auto 7px;
}

#content small {
   font-size:.8em;
}

#content .centered, #content-home .centered {
   text-align:center;
}

#content .gallery, #content .gallery li {
   margin:0;
   padding:0;
   list-style-type:none;
}

#content .gallery li {
   float:left;
   padding:0 30px 25px 0;
}

#content .gallery li a img {
   border:2px solid #ccc;
}

#content .gallery li a:hover img {
   border:2px solid #83002a;
}

#content .leather-top, #content .leather-top li {
   margin:0;
   padding:0;
   list-style-type:none;
}

#content .leather-top li hr {
   clear:both;
   width:95%;
   height:1px;
   color:#ccc;
   background:#ccc;
   border:0;
   margin:0 auto 14px;
   _margin:-7px auto 7px;
}

#content .imgright {
   float:right;
   margin:0 0 10px 10px;
}

#content .imgleft {
   float:left;
   margin:0 10px 10px 0;
}

.contact-form {
   position:absolute;
   right:20px;
   top:20px;
   background:url(../images/trans-bg.png);
   padding:25px 25px 10px;
   font:normal 12px Verdana, Arial, Helvetica, sans-serif;
   color:#333;
}

.contact-form input, .contact-form textarea {
   width:225px;
   height:26px;
   font:normal 11px Verdana, Arial, Helvetica, sans-serif;
   color:#333;
   border:1px solid #ccc;
   background:#fff;
   padding:3px 5px 0;
}

.contact-form textarea {
   height:85px;
}

.contact-form .submit-button {
   text-align:right;
}

.contact-form .submit-button input {
   display:block;
   width:84px;
   height:24px;
   text-align:left;
   background:url(../images/submit-button.png) 0 0 no-repeat;
   text-indent:-9999px;
   overflow:hidden;
   border:0;
   padding:0;
   cursor:pointer;
   line-height:0;
   margin:0 0 0 auto;
}

.contact-form .submit-button input:hover {
   background-position:0 -24px;
}

#content .cleaning td {
   font-size:10px;
   line-height:12px;
   padding-bottom:5px;
}

.order-form input, .order-form textarea, .order-form select {
   width:200px;
   height:24px;
   font:normal 11px Verdana, Arial, Helvetica, sans-serif;
   line-height:11px;
   color:#333;
   border:1px solid #ccc;
   background:#fff;
   padding:2px 5px 0;
}

.order-form .colleft, .order-form .colleft li {
   margin:0;
   padding:0;
   list-style-type:none;
}

.order-form .colleft li {
   float:left;
   width:220px;
}

.order-form .colleft .wide {
   width:420px;
   float:right;
}
#content .order-form .colleft p {   padding-bottom:8px;}
.order-form .swatch, .order-form .swatch li {
   margin:0;
   padding:0;
   list-style-type:none;
}

.order-form .swatch li {
   float:left;
   width:80px;
   font:normal 9px Arial, Helvetica, sans-serif;
   position:relative;
}

.order-form .short {
   width:75px;
}

.order-form textarea {
   height:79px;
}

.order-form .checkbox {
   width:auto;
   height:auto;
   padding:0;
   border:0;
}

.order-form .swatch .checkbox {
   border:none;
   position:absolute;
   left:0;
   top:0;
   background:none;
}

.order-form .swatch img {
   border:1px solid #ccc;
}

.order-form .submit-button {
   text-align:right;
}

.order-form .submit-button input {
   display:block;
   width:120px;
   height:24px;
   text-align:left;
   background:url(../images/submit-order.png) 0 0 no-repeat;
   text-indent:-9999px;
   overflow:hidden;
   border:0;
   padding:0;
   cursor:pointer;
   line-height:0;
}

.order-form .submit-button input:hover {
   background-position:0 -24px;
}


/* Homepage Styles */

#prod-box #left-col {
   width:275px;
   float:left;
}

#prod-box #main-col {
   width:695px;
   float:right;
}

#prod-box #mid-col {
   width:420px;
   float:left;
}

#prod-box #right-col {
   width:275px;
   float:right;
}

#prod-box ul, #prod-box ul li {
   margin:0;
   padding:0;
   list-style-type:none;
}

#prod-box ul li {
   position:relative;
   height:275px;
   float:left;
}

#prod-box #mid-col ul li {
   height:151px;
}

#prod-box #left-col li {

}

#prod-box ul li h2 {
   width:100%;
   position:absolute;
   bottom:0;
   left:0;
   height:54px;
   background:#a2a2a2;
   text-align:center;
   font:normal 22px "Myriad Pro", "Myriad Web", Arial, Helvetica, sans-serif;
   line-height:54px;
   color:#fff;
   filter:alpha(opacity=80);
   -moz-opacity:0.8;
   -khtml-opacity: 0.8;
   opacity: 0.8;
}

#prod-box ul li h2.small {
   font-size:18px;
}

#prod-box ul li h2 a {
   color:#fff;
   display:block;
   height:54px;
   line-height:54px;
   text-decoration:none;
}

/* Homepage Styles End */