body{background:url(images/bg2.gif) repeat-x #493A2C; color:#fff; font-size:12px; line-height:21px; margin:0px auto; padding-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; text-align:center; font-family:Arial,Helvetica,sans-serif}

#newsFlash { display:block; width:100%; background-color:#e00000; line-height:34px; font-size:17px; border-bottom:#FFF solid 1px; }
#newsFlash a { color:#FFF; text-decoration:none; }
#newsFlash a:hover { text-decoration:underline; }

#newsFlash.bgWhite { background-color:#ffffff !important; }
#newsFlash.bgRed { background-color:#e00000 !important; }
#newsFlash.bgBrown { background-color:#231b12 !important; }
#newsFlash.bgBeige { background-color:#7e6d5b !important; }

#newsFlash.textWhite a { color:#ffffff !important; }
#newsFlash.textRed a { color:#e00000 !important; }
#newsFlash.textBrown a { color:#231b12 !important; }
#newsFlash.textBeige a { color:#7e6d5b !important; }

#newsFlash.lineWhite { border-bottom:#ffffff solid 1px !important; }
#newsFlash.lineRed { border-bottom:#e00000 solid 1px !important; }
#newsFlash.lineBrown { border-bottom:#231b12 solid 1px !important; }
#newsFlash.lineBeige { border-bottom:#7e6d5b solid 1px !important; }


#main{border-bottom-width:0px; border-left-width:0px; border-right-width:0px; border-top-width:0px; margin:0px auto; padding-bottom:0px; padding-left:0px; padding-right:0px; padding-top:0px; text-align:left; width:960px}
#header{line-height:0; border:0; padding:0; height:131px; background-image:url(images/header4.gif); cursor:pointer}
#container{width:960px; overflow:hidden}

#menu{height:508px; width:175px; margin:0 5px 0 0; padding:0; overflow:hidden; float:left; border:#7E6D5A solid 1px}
#menucontainer{height:472px; width:175px; overflow:hidden}

#introtextbox{height:508px; width:295px; margin:0 5px 0 0; padding:0; overflow:hidden; float:left; border:#7E6D5A solid 1px}
#introtextboxcontainer{margin:20px; overflow:hidden}

.catseotextboxouter { height:510px; width:297px; margin:0 5px 0 0; padding:0; overflow:hidden; float:left; }
.catseotextboxtop{height:323px; width:295px; margin:0 0 0 0; padding:0; overflow:hidden; float:left; border:#7E6D5A solid 1px}
.catseotextboxcontainer{margin:20px; overflow:hidden}
.catseotextboxbtm{height:177px; width:295px; margin:5px 0 0 0; padding:0; overflow:hidden; float:left; border:#7E6D5A solid 1px}
.catseotextboxbtmcontainer{margin:20px 0 0 20px; overflow:hidden}

.catMenu { float:left; margin: 0; padding:0; list-style:none; font-size:11px;  }
.catMenu li { margin: 0; padding:0; float:left; display:inline; width:135px; height:19px; }
.catMenu em { color:#fff; font-style:normal; }

#content{height:510px; width:778px; margin:0; padding:0; overflow:hidden; float:left}
#contactPage{width:451px; margin:0; padding:0; overflow:hidden; float:left}
#map{width:280px; height:510px; float:left; margin:0 5px 0 0}

.jobsPageLeft{height:508px; width:295px; margin:0 5px 0 0; padding:0; overflow:hidden; float:left; border:#7E6D5A solid 1px}
.jobsPageLeftContainer{margin:20px; overflow:hidden}
.jobsPageRight{width:451px; height:508px; margin:0 5px 0 0; padding:0; overflow:hidden; float:left; border:#7E6D5A solid 1px}

.seoPageLeft{height:510px; width:397px; margin:0 5px 0 0; padding:0; overflow:hidden; float:left}
.seoPageLeftContainer{margin:20px; overflow:hidden}
.seoPageRight{width:351px; height:508px; margin:0 5px 0 0; padding:0; overflow:hidden; float:left; border:#7E6D5A solid 1px}

#breadcrumbs{clear:both; margin-left:183px; margin-top:5px; text-transform:uppercase; font-size:11px; color:#7E6D5A}
#breadcrumbs a{color:#7E6D5A}
#breadcrumbs a:hover{color:#fff}
#breadcrumbs .call{display:block; float:right}

#search form{background:transparent; margin-left:15px}
#search form input.text{padding:2px 5px 0; float:left; height:16px; width:97px; border:0; border-top:1px solid #7E6D5A; border-bottom:1px solid #7E6D5A; border-left:1px solid #7E6D5A; color:#7E6D5A; font-size:10px; background-color:transparent}
#search form input.button{float:left}

a{text-decoration:none}
a img{border:none}

:focus{-moz-outline-style:none}
a:focus{outline:none}

.underLink a:link{border-bottom:1px solid #CCC}
.underLink a:visited{border-bottom:1px solid #CCC}
.underLink a:hover{border-bottom:1px solid #000}
.underLink a:active{border-bottom:1px solid #CCC}

.textLink a:link{color:#FFF; border-bottom:1px solid #666; text-decoration:none}
.textLink a:visited{color:#FFF; border-bottom:1px solid #666; text-decoration:none}
.textLink a:hover{color:#FFF; border-bottom:1px solid #FFF; background:#7E6D5A; text-decoration:none}
.textLink a:active{color:#FFF; border-bottom:1px solid #666; text-decoration:none}

.textLinkInlineBrown a:link{color:#a08b73; border-bottom:1px solid #5e5244; text-decoration:none}
.textLinkInlineBrown a:visited{color:#a08b73; border-bottom:1px solid #5e5244; text-decoration:none}
.textLinkInlineBrown a:hover{color:#FFF; border-bottom:1px solid #FFF; background:#7E6D5A; text-decoration:none}
.textLinkInlineBrown a:active{color:#a08b73; border-bottom:1px solid #5e5244; text-decoration:none}

.textCapsLink a:link{color:#FFF; text-transform:uppercase; border-bottom:1px solid #666; text-decoration:none}
.textCapsLink a:visited{color:#FFF; text-transform:uppercase; border-bottom:1px solid #666; text-decoration:none}
.textCapsLink a:hover{color:#FFF; text-transform:uppercase; border-bottom:1px solid #FFF; background:#7E6D5A; text-decoration:none}
.textCapsLink a:active{color:#FFF; text-transform:uppercase; border-bottom:1px solid #666; text-decoration:none}

.smalltext{font-size:11px}
.textCapsBrown{font-size:11px; color:#7E6D5A; text-transform:uppercase}

.textLinkBrown a:link{color:#7E6D5A; text-decoration:none}
.textLinkBrown a:visited{color:#7E6D5A; text-decoration:none}
.textLinkBrown a:hover{color:#FFF; background:#7E6D5A; text-decoration:none}
.textLinkBrown a:active{color:#7E6D5A; text-decoration:none}

.textLinkBrownButtonSmall a{font-size:10px; text-transform:uppercase; padding:2px}

.textLinkBrownButton a:link{color:#FFF; background-color:#999; border:#CCC solid 1px; text-decoration:none}
.textLinkBrownButton a:visited{color:#FFF; background-color:#999; border:#CCC solid 1px; text-decoration:none}
.textLinkBrownButton a:hover{color:#FFF; background:#7E6D5A; border:#7E6D5A solid 1px; text-decoration:none}
.textLinkBrownButton a:active{color:#FFF; background-color:#999; border:#CCC solid 1px; text-decoration:none}

h1{display:none}
h2{font-size:14px; text-transform:uppercase; font-weight:bold}
h3{font-size:11px; text-transform:uppercase; font-weight:normal}
h4{font-size:11px; text-transform:uppercase; font-weight:normal}
hr{height:1px; border:none; border-top:1px solid #CCC}

.showH1 h1{display:block; font-size:16px; text-transform:uppercase; font-weight:bold}

#menu ul{list-style-type:none; width:150px; font-size:10px; line-height:1.5em; margin:3em 0 0 -1em; padding:0 0 0 0; text-transform:uppercase}

#menu ul *{display:block; color:#7E6D5A}

#menu a:hover{color:#FFF}

#menu ul em{color:#fff; font-style:normal; padding-left:3px}

#menu ul a{color:#7E6D5A; padding-left:3px}

#menu ul ul{margin:0 0 0.5em -2.5em; font-size:10px; line-height:1.5em}
#menu ul ul em{font-style:normal}
#menu ul ul a{color:#7E6D5A; padding-left:3px}

#menu .catBreak{margin-bottom:1em}

#showPlay{display:none}

.slideshowDefault{border:0; width:778px; height:510px}

.scrollbody_container_nb_3col{width:453px; height:510px; margin:0 5px 0 0; padding:0; overflow:hidden; float:left; border:0}

.scrollbody_container_nb{width:758px; height:510px; margin:0 5px 0 0; padding:0; overflow:hidden; float:left; border:0}

.scrollbody_container_contact{width:471px; height:508px; margin:0 5px 0 0; padding:0; overflow:hidden; float:left; border:#7E6D5A solid 1px}

.scrollbody_container{width:756px; height:508px; margin:0 5px 0 0; padding:0; overflow:hidden; float:left; border:#7E6D5A solid 1px}
#scrollbody{margin:0px 0 0 0px; padding:0}
#scrollbar{border:#7E6D5A solid 1px; width:13px; height:508px; float:left}
#handle{background:#7E6D5A; width:13px; height:40px; cursor:pointer}

.companyPage{padding:25px}
.companyPage p, .galleryPage p, .brownUL ul{font-size:12px; color:#a08b73}

.categories{float:left; width:150px; height:131px; margin:0 1px 1px 0; padding:0; overflow:hidden; cursor:pointer; line-height:15px}
.categories a img{float:left; margin:0; border:none; padding:0px}
.categories img{margin:0; padding:0}
.categories a{font-size:10px; text-transform:uppercase; color:#7E6D5A; line-height:15px}

.categories:hover a{color:#FFF}

.imgteaser a.desc{display:block; padding:0; width:300px}

.categories h3{display:block; float:left; min-width:12em; margin-top:-40px; color:#F00}

.categoriesFabric{float:left; width:150px; height:150px; margin:0 1px 1px 0; padding:0; overflow:hidden; cursor:pointer; line-height:16px}

.categoriesFabric img{margin:0; padding:0}
.categoriesFabric a{font-size:10px; text-transform:uppercase; color:#7E6D5A}

.categoriesFabric:hover a{color:#FFF}

#bespokeDescription{width:361px; height:508px; float:left;  overflow:hidden}
#bespokeDescription div{padding:30px}
#bespokeDescription p{font-size:11px; line-height:1.5em}

#gallery_container{width:778px; height:445px; overflow:hidden}
#gallery_description{width:778px; height:65px; overflow:hidden}
#gallery_description h2{margin:0; padding:0; line-height:15px}
#gallery_description .innerbox{margin-top:5px; width:776px; height:58px; border:#7E6D5A solid 1px; font-size:11px}
#gallery_description .innerboxtext{padding-top:12px; padding-left:12px; float:left}
#gallery_description .innerboxnav{padding-top:12px; padding-right:12px; float:right; color:#7E6D5A}
#gallery_description .innerboxnav a{font-size:11px; line-height:1.5em; color:#7E6D5A; text-decoration:none; text-transform:uppercase}
#gallery_description .innerboxnav a:hover{font-size:11px; line-height:1.5em; color:#7E6D5A; text-decoration:underline; text-transform:uppercase}

#product{height:508px; width:776px; margin:0; padding:0; overflow:hidden; border:#7E6D5A solid 1px}
#productNav{width:415px; height:508px; float:left; background-color:#FFF}
#productDescription{width:361px; height:160px; float:left;  overflow:hidden}
#productDetail{width:361px; height:342px; float:left;  border-top:#7E6D5A solid 1px; overflow:hidden}



#productNav #innernav{float:right; font-size:11px; padding:15px 20px 0 0; color:#999}
#productNav #innernav a{font-size:11px; line-height:1.5em; color:#999; text-decoration:none; text-transform:uppercase}
#productNav #innernav a:hover{font-size:11px; line-height:1.5em; color:#999; text-decoration:underline; text-transform:uppercase}

#productNav #thumbnav{float:left; font-size:11px; padding:15px 0 0 20px; color:#999}

#productDescription div{padding:20px 30px 20px 30px}
#productDescription p{font-size:11px; line-height:1.5em}

.slideshowProduct{width:415px; height:460px; cursor:pointer}
.thumbnav{outline:none}
#productNav #thumbnav img{padding:6px}

.outline{border:1px solid #CCC; z-index:0; position:absolute; padding:2px 2px 0 0}

#productDetail form{margin:20px 30px 0 30px}

#productDetail form select{width:200px; font-size:9px; border:0; color:#666}

#productDetail table .lable{font-size:11px; width:50px; vertical-align:middle}

#productDetail table .lablelong{font-size:11px; width:100px; vertical-align:middle}

#productDetail table .more{font-size:11px; width:40px; text-align:center; vertical-align:middle}
.productLink a{color:#FFF; text-decoration:none}
.productLink a:hover{background:#7E6D5A; color:#FFF; text-decoration:none}

#selectiontext{text-transform:uppercase; font-size:11px}
#controls{margin-top:10px}
#price{margin-top:10px; text-transform:uppercase; font-size:11px; line-height:12px; text-align:left}
#addtobasket{text-align:right; text-transform:uppercase; font-size:11px; line-height:13px}
#price .pReduction{text-decoration:line-through}
#price .onsale{text-transform:uppercase; font-size:11px; color:#F00; margin-top:-11px; margin-bottom:11px}

#addtobasket a{color:#FFF}
#addtobasket a:hover{background:#7E6D5A; color:#FFF}

.addtoInline{text-transform:uppercase; font-size:11px; line-height:13px}
.addtoInline a{color:#FFF}
.addtoInline a:hover{background:#7E6D5A; color:#FFF}

.relatedproducts{float:right; font-size:11px}

#material{height:508px; width:776px; margin:0; padding:0; overflow:hidden; border:#7E6D5A solid 1px}
#materialNav{width:415px; height:508px; float:left}
#materialDescription{width:361px; height:508px; float:left; overflow:hidden}
#materialDescription div{padding:30px}

#fabricDescription{width:361px; height:508px; float:left; overflow:hidden}

#fabricDescriptionTop{width:361px; height:160px; float:left;  overflow:hidden}
#fabricDescriptionTop div{padding:30px}
#fabricDescriptionTop p{font-size:11px; line-height:1.5em}

#fabricDescriptionBottom{width:361px; height:342px; float:left;  border-top:#7E6D5A solid 1px; overflow:hidden}
#fabricDescriptionBottom div{padding:30px}

.materials{float:left; width:150px; height:180px; margin:0 5px 1px 0; padding:0; overflow:hidden; cursor:pointer; line-height:12px}
.materials img{margin:0; padding:0}
.materials a{font-size:11px; text-transform:uppercase; color:#7E6D5A}
.materials:hover a{color:#FFF}

.modelPageText{vertical-align:top; padding:5px 0 0 10px}
.modelPageText h2{margin:0; padding:0}
.modelPageText p{font-size:12px; margin:5px 0 0 0; padding:0; line-height:16px}

.sofaFormLable{width:100px; color:#fff; font-size:11px}
.sofaFormLable span{color:#f60}
.sofaFormLable em{color:#f3f3f3; font-style:normal}
.sofaInput{width:300px; font-size:11px; border:1px solid #7E6D5A; color:#fff; background:transparent !important; font-family:Arial,Helvetica,sans-serif; font-size:11px}
.sofaInputNoWidth{font-size:11px; border:1px solid #7E6D5A; color:#fff; background:transparent !important; font-family:Arial,Helvetica,sans-serif; font-size:11px}
.sofaButton{font-size:11px; border:1px solid #7E6D5A; background:transparent !important; color:#fff; width:150px; margin-top:5px}
.sofaButtonGrey {font-size:13px; border:1px solid #999; background:#999; color:#fff; width:150px; margin-top:5px}

.sofaFormLableNoWidth{color:#fff; font-size:11px}
.sofaFormLableNoWidth span{color:#f60}
.sofaFormLableNoWidth em{color:#f3f3f3; font-style:normal}

.sofaSelect{background:#30251a; border:1px solid #7E6D5A; color:#FFF; font:11px Arial,Geneva,Helvetica,Sans-Serif; margin:0 0 0 0}

.sofaFormDiv{padding:10px; border:#7E6D5A solid 1px; color:#7E6D5A}
.sofaFormDivFail{padding:10px; border:#f60 solid 1px; color:#f60}
.sofaFormDivSuccess{padding:10px; border:#00b55a solid 1px; color:#00b55a}
.sofaFormDivText{font-size:14px; line-height:30px; font-weight:bold}

#listBasket .listBasketHeader{font-size:11px; text-transform:uppercase; color:#7E6D5A}
#listBasket .listBasketRow td{font-size:11px; vertical-align:top; color:#FFF}
#listBasket .listBasketRow span{text-transform:uppercase}
#listBasket .listBasketRow input{width:30px; font-size:11px; border:1px solid #7E6D5A; color:#fff; background:transparent}
#listBasket .listBasketRight{text-align:right}
#listBasket .listBasketText{font-size:11px; color:#FFF}
#listBasket .listBasketButton{font-size:11px; color:#FFF; text-transform:uppercase}
#listBasket .listBasketReCalc{font-size:11px; color:#FFF; text-transform:uppercase}

.sampleBox{display:block; width:110px; height:100px; float:left; font-size:11px; border-bottom:#666 solid 1px; border-right:#666 solid 1px; line-height:13px}

.faqs a{display:block; border:#7E6D5A solid 1px; padding:5px 10px 5px 10px; margin:2px; float:left; text-transform:uppercase; font-size:11px; line-height:13px; color:#7E6D5A}
.faqs a:hover{color:#FFF; border:#FFF solid 1px}
.faqs .faqSelected{background-color:#7E6D5A; color:#333}
.faqQuestion{margin-top:10px; padding-bottom:20px}

.samplectn{float:left; width:151px; height:132px}
.samplectn input{float:left; margin-top:-25px; margin-left:130px}
.ordersample img{margin:10px 20px 10px 0; border:#7E6D5A solid 1px}

.cbOverlay{background-color:#000; z-index:99}

.cbContainer{padding:5px; background-color:white; z-index:99}
.cbBox{color:#000}
.cbBox h3{font-size:10px; text-transform:uppercase; font-weight:normal; margin:3px; background-color:#493A2C; z-index:100; color:#FFF}
.cbBox p{margin:3px; z-index:100}
.cbBox div{padding:5px}
.cbBox .cbButtons{text-align:center; z-index:100}




/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
  zoom: 1;
}
