/********************************************
   AUTHOR:          http://www.ambitiouswebdesign.com 
   WEBSITE:     http://www.#.com/
   TEMPLATE NAME:  NAME OF COMAPNY
   DATE:           Mar-28th-2009
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 
 
* { margin: 0; padding: 0px; }

html, body { 
margin: 0;
padding: 0px;
height: 100%; 
font-family: GillSans, Calibri, Trebuchet, sans-serif;background: #fff url("/images/bgsub.jpg") repeat-x; }

.homepage {background: #fff url("/images/bg.jpg") repeat-x; }

.error { font-weight:bold;color:Red; }
.success { font-weight:bold;color:Green; }


.line { border: none; border-bottom: 1px solid #4e5b28; height: 0px; margin: 0 auto }
.clear { clear: both; }
.rightalign: {text-align: right!important;}
.leftalign: {text-align: left!important;}
.center: {text-align: center!important;}
.formtable{width: 700px!important; border-collapse:collapse;padding: 0px;}
img {border: 0px;}
.rightimg{float: right; margin-left: 20px;}
.overstocksmall{padding: 20px 0px 0px 50px;}
/* ----------Centered Container Or the Layout--------------------- */

#container { 
min-height: 100%; 
height: auto !important; 
height: 100%; 
margin: 0 auto -4em; /* make sure this matches in the body footer DIV */
width: 960px;
} 


/* --------------LABELS BUTTONS & FORMS-----------*/
label{color: #7b4c01; text-transform:uppercase; font-size:10pt;}

#main .content .button{float:left;background:url("/images/buttonleft.gif") no-repeat left top;margin:0;padding:0 0 0 7px;text-decoration:none;}
#main .content .button span{float:left;display:block;background:url("/images/buttonright.gif") no-repeat right top;padding:8px 10px 10px 3px;color:#fff; }
#main .content .button:hover {background-position:0% -37px;}
#main .content .button:hover span {background-position:100% -37px; color: #fff;}

#main .content .buttonlight{float:left;background:url("/images/buttonleftlight.gif") no-repeat left top;margin:0;padding:0 0 0 7px;text-decoration:none;}
#main .content .buttonlight span{float:left;display:block;background:url("/images/buttonrightlight.gif") no-repeat right top;padding:8px 10px 10px 3px;color:#6b000d; }
#main .content .buttonlight:hover {background-position:0% -37px;}
#main .content .buttonlight:hover span {background-position:100% -37px; color: #fff;}

  
#main .content input[type="text"], #main .content select, #main .content textarea, #main .content input[type="checkbox"]{border: 1px solid #bbb1a4;padding: 5px;margin-bottom: 10px;}
#main .content input[type="checkbox"]{margin-bottom: 5px; margin-right: 5px;}

#main .content input[type="submit"], #main .content input[type="button"]{background: #6a000a url("/images/buttonbg.gif") repeat-x;padding:9px 10px 11px 7px;color: #fff;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#main .content input:hover[type="submit"], #main .content input:hover[type="button"]{background:#6a000a;}

#main .content ul{padding: 5px 0px 20px 30px; list-style-type:disc; }
#main .content ul li{padding: 0px 0px 10px 0px;font-size: 10pt; color: #422700;}

ul.extrapad{margin: 30px 20px 0px 70px;}

/* --------------HEADER------------- */

#header {height: 136px;background: url("/images/headerright.jpg") no-repeat top right;}
#header img{float: left;}
#header p{color: #422700;font-size: 16pt;text-align: right;float: right; font-family: Georgia, serif; padding: 40px 130px 0px 0px;}
#header p span{font-size: 30pt;}


/* --------------TOPNAV------------- */

#topnav {height: 35px;padding-top: 12px;}
#topnav ul{ list-style-type:none;text-align: right;}
#topnav li{ display:inline;padding: 12px 15px 13px 5px; text-transform:uppercase; font-size:13pt;background: url("/images/navdivider.gif") no-repeat top right;}
#topnav li a{color: #decfb2;text-decoration: none;}
#topnav li a:hover{color: #fff;}
#topnav .last{background: none;}


/* --------------MAIN CONTENT, LEFT NAVIGATION----------------*/

#main {
min-height: 100%; 
height: auto !important; 
height: 100%; 
}

#main .content {padding: 20px;margin: 0px;margin-right: 0px;height: auto;}

#main .content .left{width: 350px;float: left;}
#main .content .right{width: 500px;float: right;}


#main h1 {font-family: Georgia, serif;background: url("/images/h1bg.jpg") no-repeat top left;height: 56px;color: #6c000b;font-size:22pt; font-weight:normal;padding: 25px 0px 0px 20px; }
#main .content h2 {color: #6b000d; font-size:16pt; font-weight:bold; text-transform:uppercase;}
#main .content h2 a{ text-decoration:none;}
#main .content h3 {color: #422700; font-size:12pt; font-style:italic; font-weight:normal;}
#main .content h4 {color: #6b000d; font-size:18pt; font-weight:bold; text-transform:uppercase; border-bottom: 1px solid #bbb1a4}
#main .content h4 a {color: #6b000d; font-size:18pt; font-weight:bold; text-transform:uppercase; border-bottom: 1px solid #bbb1a4; text-decoration:none;}
#main .content h5{color: #7b4c01; font-size:12pt;}


#main .content p {color: #422700;font-size:12pt;margin-bottom: 15px; text-align:justify;}
#main .content a {color: #6c000b;}


#main .content .seo {color: #422700!important; text-decoration:none;}

#main .content .note{color: #704100;font-size:9pt;margin-bottom: 15px; font-style:italic;}



#mission{background: url("/images/missionbg.jpg") no-repeat; width: 960px; height: 256px;}
#mission .left{width: 480px; float: left;color: #432900; font-family: Georgia, serif;font-size: 14pt;text-align: center;padding: 50px 0px 0px 0px; line-height:40px;}
#mission .left .phone{ font-size:36pt;}
#mission .left .headline{ font-size:26pt;}
#mission .left .subheadline{ font-size:20pt;}

#mission .testimonials{width: 410px; float: right;}
#mission .testimonials p{color: #7b4c01; padding: 75px 30px 0px 20px; font-size:10pt;}
#mission .testimonials a{color: #7b4c01; font-size:10pt; text-decoration:none;}

/* --------------FOOTER------------- */

#footer, .push { 
clear: both;
height: 4em; bottom: 0;
left: 0;
margin: 0 auto; 
position: relative;
} 

#footer {background: #d2c4a1 url("/images/footerbg.jpg") repeat-x;height: 100%;height: auto;}

#footer .content { margin: 0 auto; position: relative; background: url("/images/footercontentbg.jpg") no-repeat top center;width: 960px;}



/* --------------FOOTER BLOCK------------- */

#footer .blockleft {width: 200px;height: 200px;float: left;margin: 40px 20px 0px 15px;}
#footer .block {width: 400px;height: 200px;float: left;margin: 40px 20px 0px 15px;}
#footer .blockright {width: 250px; height: 200px;float: right;margin: 40px 0px 0px 0px;}
#footer h1{color: #362000;margin-bottom: 10px; font-size:16pt; text-transform:uppercase; font-weight:normal;}

#footer p{color: #553301;line-height:16px;margin-bottom: 15px;font-size: 9pt;}
#footer .blockleft a, #footer .blockright a{color: #553301;text-decoration: underline;}
#footer .block a{color: #553301;text-decoration: none;}

#footer .block ul, #footer .blockright ul , #footer .blockleft ul{float: left;width: 120px;font-size: 9pt;}
#footer .block li, #footer .blockright li, #footer .blockleft li{display: block;list-style-type: none;padding-bottom: 5px;color: #553301;}
#footer .block li a, #footer .blockright li a, #footer .blockleft li a{color: #553301;text-decoration: underline;}




/* --------ASC LINKS--------- */

#footer .asc ul { margin: 0px; padding: 0px;}
#footer .asc li { display: inline; list-style-type: none;}

#footer .asc li a {
color: #b7a782;
text-decoration: none;
padding: 0px 10px 0px 10px;
font-size:8pt;
}


.red{color: #900022!important}




/* --------TABLES--------- */

.plain{ width: 100%; border-collapse:collapse; padding: 0px; margin: 0px;}
.plain td{ padding: 10px; vertical-align:top; text-align:left;}


.holder{ width: 100%; border-collapse:collapse; padding: 0px; margin: 0px;}
.holder td{ padding: 10px; vertical-align:top; text-align:center;}

.general{ width: 100%; border-collapse:collapse; padding: 0px; margin: 0px;background: url("/images/tablebg.jpg") repeat-x; border: 1px solid #6b000d;}
.general th{padding-left: 7px;text-align: left; background: #6b000d url("/images/thbg.jpg") repeat-x;height: 40px; text-transform:uppercase;color: #fff;font-size:12pt;}
.general td{ padding: 7px; vertical-align:top;color: #7b4c01}


/* --------COLOR SWATCHES--------- */


#chair{width: 920px; margin: 0 auto; border-bottom: 1px solid #bbb1a4; height: 320px;margin-bottom: 30px;}
#chair .threeviews{float: left; width: 630px;}

#chair .swatches{float: right; width: 210px;text-align: center;padding: 30px 0px 0px 0px;}
#chair .swatches .swatch{float: left; width: 90px;text-align: left;margin: 10px 7px 0px 7px;color: #7b4c01;font-size: 10pt;}
#chair .swatches .swatch img{border: 1px solid #7b4c01;}
#chair .swatches h3{margin-bottom: 0px;}




#chair .swatchessmall{float: right; width: 290px;text-align: center;padding: 30px 0px 0px 0px;}
#chair .swatchessmall .swatch{float: left; width: 80px;text-align: left;margin: 10px 7px 0px 7px;color: #7b4c01;font-size: 10pt;}
#chair .swatchessmall .swatch img{border: 1px solid #7b4c01;width: 80px;height: 80px;}
#chair .swatchessmall h3{margin-bottom: 0px;}

#chair .essentiaswatches{float: right; width: 290px;text-align: center;padding: 30px 0px 0px 0px;}
#chair .essentiaswatches .swatch{float: left; width: 64px;text-align: left;margin: 10px 4px 0px 4px;color: #7b4c01;font-size: 10px;}
#chair .essentiaswatches .swatch img{border: 1px solid #7b4c01;width: 64px;height: 64px;}
#chair .essentiaswatches h3{margin-bottom: 0px;}



#pricing{width: 300px;float: left;margin-right: 20px;}
#features{width: 290px;float: left;margin-right: 20px;}
#options{width: 290px;float: right;}


.price { text-decoration:line-through; font-weight:bold;color: #900022!important; font-size:14pt!important;}
.call{ font-style:italic;color:#422700!important;}


.pdf {background: url("/images/adobereader3.png") no-repeat top left; padding: 3px 0px 6px 30px;margin-top: 20px;}



/* --------WhyChooseUs--------- */

.whychooseus{}
.whychooseus h2{font-size: 22pt!important; text-align: center;color: #900022!important}
.whychooseus img{margin: 10px 42px 40px 42px;}
.whychooseus ul li{padding: 0px 0px 10px 0px;font-size: 12pt!important; color: #422700;}
.whychooseus h3 {color: #7b4c01!important; font-size:14pt!important; font-style:italic; font-weight:normal; text-align:center;}
.whychooseus h4 {text-align: center; text-transform:capitalize!important;margin-bottom: 20px; font-size: 15pt!important;}
.whychooseus .pics{width: 750px; text-align: center;margin: 0 auto;}
.whychooseus p{ text-align:justify;}
.whychooseus .padded{ padding: 0px 20px 0px 20px;}
.rightlogo{margin: 0px!important;}


/* --------SALE--------- */
.sale{}

.sale .leftsale{width: 600px; float: left;}
.sale .rightsale{width: 270px; float: right;border: 1px solid #6b000d;}
.sale img{float: left;margin: 0px 50px 0px 0px;}
.sale h3 {color: #422700; font-size:12pt; font-style:normal!important; font-weight:bold!important;margin-bottom: 20px;}

.sale .others{ width: 100%; border-collapse:collapse; padding: 0px; margin: 0px;}
.sale .rightsale h5{padding-top: 7px;text-align: center; background: #6b000d url("/images/thbg.jpg") repeat-x;height: 30px; text-transform:uppercase;color: #fff!important;font-size:12pt;}
.sale .rightsale .saleitem{ padding: 10px 10px 10px 20px; vertical-align:top;color: #7b4c01;border-bottom: 1px solid #bbb1a4; width: 200px; margin: 0 auto; height: 70px;margin-bottom: 20px;}
.sale .rightsale h2{ font-size: 12pt!important; }
.sale .rightsale .saleitem img{float: right;margin: 0px 40px 0px 0px;}
.sale .rightsale .saleitem p{padding-bottom: 7px!important;margin: 0px!important;}
.sale .rightsale .saleitem a{ font-size:9pt;}

.sale .leftsale h4{ text-transform:capitalize!important; font-size:14pt!important; border-bottom:none!important;margin-bottom: 15px;}

#viewall {height: 68px; width: 30px;float: right; margin-right: -7px;margin-top: 40px;}


.saleblock{width: 150px; float: left;margin-left: 70px;text-align: center;}
.saleblock img{margin-bottom: 20px;}