﻿@charset "utf-8";
/* tag level styles */
body {
 margin:0px;
 padding:0px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 text-align:center; /* ie 5.5 center trick as auto margin does not work */
 background-image:url(images/bodyBk.jpg);
 background-repeat:repeat-x;
 background-position:top center;
}
div {
 margin:0px;
 padding:0px;
 text-align:left; /* counteracts ie 5.5 body center trick as auto margin does not work */
}
table {
 border-collapse: collapse;
}
td, th {
 margin:0px;
 padding:0px;
}
img {
 border:none;
 vertical-align:top;
}
form {
 margin:0px;
 padding:0px;
 border: none;
}
a {
 text-decoration:none;
}
a:link, a:visited {
 color:#234671;
}
a:active, a:hover, a:visited:hover {
 color:#70310E;
}
/* page layout styles */
#hpPageContainer {
 position:relative;
 width:966px;
 margin:0px auto;
 background-image:url(images/homePageBk.png);
 background-repeat:no-repeat;
 height:544px;
}
#pageContainer {
 width:966px;
 margin:0px auto;
 position:relative;
}
#corporateMenu {
 font-size:12px;
 height:13px;
 line-height:13px;
 padding-top:11px;
 padding-right:25px;
}
#corporateMenu div {
 float:right;
 padding-left:20px;
}
#corporateMenu a {
 text-decoration:none;
}
#corporateMenu a:link, #corporateMenu a:visited {
 color:#000000;
}
#corporateMenu a:active, #corporateMenu a:hover, #corporateMenu a:visited:hover {
 color:#90741c;
}
#headerContainer {
 background-image:url(images/headerBk.png);
 background-repeat:no-repeat;
 height:73px;
 position:relative;
}
#goHome {
 position:absolute;
 top:13px;
 left:43px;
 width:164px;
 height:50px;
}
#goHome a {
 display:block;
 width:164px;
 height:50px;
}
#searchArea {
 position:absolute;
 top:22px;
 right:25px;
}
#textSearch {
 float:right;
 vertical-align:middle;
 height:20px;
 text-align:right;
}
#textSearch #hts {
 float:left;
 display:block;
 color:#3b6375;
 border: 1px solid #b1dae8;
 font-size:10px;
 width:150px;
 vertical-align:middle;
 margin-right:3px;
 line-height:16px;
}
#textSearch #goSearch {
 float:left;
 display:block;
 height:17px;
}
#textSearch #goSearch:link, #textSearch #goSearch:visited {
 color:#cccccc;
}
#textSearch #goSearch:active, #textSearch #goSearch:hover, #textSearch #goSearch:visited:hover {
 color:#ffffff;
}
#cartArea {
 position:absolute;
 top:47px;
 right:15px;
 text-transform:lowercase;
 letter-spacing:1px;
 background-image:url(images/cartBk.gif);
 background-repeat:no-repeat;
 width:370px;
}
#cartArea a:link, #cartArea a:visited {
 color:#cccccc;
}
#cartArea a:active, #cartArea a:hover, #cartArea a:visited:hover {
 color:#ffffff;
}
#sampleCart {
 float:right;
 padding-right:8px;
 padding-top:5px;
 padding-bottom:5px;
}
#sampleCart a {
 background-image:url(images/cart.png);
 background-repeat:no-repeat;
 background-position:left;
 padding-left:19px;
}
#sampleCart a, #sampleCart a:link, #sampleCart a:visited {
 background-position:0px 0px;
}
#sampleCart a:active, #sampleCart a:hover, #sampleCart a:visited:hover {
 background-position:0px -16px;
}
#projectCart {
 float:left;
 padding-left:20px;
 padding-top:5px;
 padding-bottom:5px;
}
#projectCart a {
 background-image:url(images/project.png);
 background-repeat:no-repeat;
 background-position:left;
 padding-left:19px;
}
#projectCart a, #projectCart a:link, #projectCart a:visited {
 background-position:0px 0px;
}
#projectCart a:active, #projectCart a:hover, #projectCart a:visited:hover {
 background-position:0px -16px;
}
#contentBackground {
 background-image:url(images/pageBk.png);
 background-repeat:repeat-y;
 margin:0px;
 width:966px;
}
#contentContainer {
 background-image:url(images/contentBk.jpg);
 background-repeat:no-repeat;
 background-position:bottom left;
 width:966px;
 margin-left:15px
}
#nav {
 float:left;
 width:183px;
 background-color:#282828;
 border-top: solid 1px #444444;
}
#nav a {
 text-decoration:none;
 outline:none;
}
#nav a:link, #nav a:visited {
 color:#cccccc;
}
#nav a:active, #nav a:hover, #nav a:visited:hover {
 color:#ffffff;
}
.menuTitle {
 font-size:16px;
 font-weight:bold;
 color:#ffffff;
 padding:7px 0px 3px 20px;
 background-color:#282828;
 border-bottom: solid 1px #444444;
 border-top: solid 1px #000000;
}
.menuSubTitle {
 font-size:11px;
 font-weight:bold;
 color:#ffffff;
 padding:13px 20px 3px 0px;
}
#firstSubMenuTitle {
 padding:3px 20px 3px 0px;
}
.menuItemContainer {
 font-size:14px;
 letter-spacing:1px;
 background-image:url(images/menuBk.gif);
 padding-top:3px;
 padding-bottom:10px;
}
.menuItemContainer div {
 text-align:right;
 padding-right:20px;
}
.menuTopPad {
 padding-top:10px;
}
.nonSampleRoom {
 font-size:11px;
}
#menuFooter {
 height:26px;
 background-image:url(images/menuFooterBk.gif);
}
#content {
 float:left;
 width:750px;
 min-height:500px;
}
#footerContainer {
 background-image:url(images/footerBk.png);
 background-repeat:no-repeat;
 height:41px;
}
#attribution {
 font-size:11px;
 color:#454545;
 text-align:right;
 position:absolute;
 line-height:12px;
 bottom:-20px;
 right:25px;
 font-style:italic;
}
#attribution {
}
#attribution a:link, #attribution a:visited {
 color:#454545;
}
#attribution a:active, #attribution a:hover, #attribution a:visited:hover {
 color:#70310e;
}
/* browse page */
#quickSearchBody {
 padding-top:8px;
 padding-right:4px;
}
#quickSearchBody .searchChoice {
 padding-right:6px;
}
#quickSearchBody .searchChoice select {
 background-color:#eeeeee;
 border:1px solid #999999;
}
#quickSearchBody .searchChoiceLabel {
 padding-right:3px;
 line-height:18px;
}
/* detail page */
.simplePageTitle {
 padding: 10px 0px 5px 10px;
 font-size:14px;
 font-weight:bold;
}
#expandedImageContainer {
 padding-top:20px;
}
#detailMainSpecsCategory {
 visibility:visible;
 display:block;
 font-size:14px;
 height:auto;
 padding:0px 0px 15px 0px;
 font-size:14px;
 font-weight:bold;
}
#detailMainSpecs #patternTitleBlock #patternName {
}
#detailMainSpecs #colorName {
 padding-top:5px;
 padding-bottom:5px;
 font-size:14px;
 font-weight:bold;
}
#fullSpecPopup .attributeSubLabel {
 color: #666666;
 font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
 text-align:right;
 width:80px;
 float:left;
 clear:left;
}
#summarySpecs {
 text-transform:none;
}
#wovenCrypton {
 text-transform:none;
}
#summarySpecs .attributeLabel {
 margin-top:1px;
}
#summarySpecs .attributeValue {
 margin-top:1px;
}
#detailMainSpecs #fullSpecTrigger {
}
#fullSpecPopup .attributeLabel {
 margin-top:1px;
}
#fullSpecPopup .attributeValue {
 margin-top:1px;
}
#fullSpecPopup #upper, #fullSpecPopup #lower {
 text-transform:none;
}
#woodWallcoveringCopy {
 position:absolute;
 top 0px;
 left: 300px;
 width:600px;
 border: solid 1px #333333;
 background-color:#f0f0f0;
 font-size:11px;
 padding:0px 10px;
 color:#282828;
}
#avora {
 margin-top:4px;
 margin-left:50px;
 margin-bottom:8px;
 text-align:left;
 t
}
/* sample ordering */
#sampleOrderButtonContainer {
 width:98px;
}
.requiredInputMarker {
 color:#70310e;
}
.isRequired {
 background-color:#f6f2ec;
 border:solid 1px #70310e;
}
.hasErrors {
 background-color:#ffd9d9;
 border:solid 1px #801a1a;
}
/* projects */
#verifyNewProject, #verifyRemoveItem {
 top:40px;
 left:195px;
 text-transform:none;
}
/* Project email form styles */
.simpleCalloutBox {
 font-size:11px;
 padding:10px 10px 10px 10px;
 color:#333333;
}
.calloutBoxTitle {
 font-weight:bold;
 font-size:12px;
 padding-bottom:3px;
}
#projectButtonPanel {
 float:right;
 padding-right:50px;
 width:130px;
}
#projectButtonPanel .button {
}
#projectButtonPanel .button a {
 display:block;
}
#projectButtonPanel .button a:link, #projectButtonPanel .button a:visited {
 background-position:-98px 0px;
}
#projectButtonPanel .button a:active, #projectButtonPanel .button a:hover, #projectButtonPanel .button a:visited:hover {
 background-position:-98px -29px;
}
.emailFormLabel {
 width:130px;
 position:absolute;
 margin-top:5px;
 text-align:right;
 color:#050505;
 font-size:11px;
 font-weight:700;
}
.inlineEmailFormLabel {
 width:130px;
 text-align:right;
 color:#050505;
 font-size:11px;
 font-weight:700;
}
.projectFormRequiredInput {
 background-color:#f6f2ec;
 margin-left:135px;
 display:block;
 margin-top:3px;
 font-size:12px;
 border:solid 1px #70310e;
}
.projectFormInput {
 margin-left:135px;
 display:block;
 margin-top:3px;
 font-size:12px;
 border:solid 1px #999999;
}
.projectFormTextArea {
 margin-left:135px;
 display:block;
 margin-top:3px;
 font-size:12px;
 border:solid 1px #999999;
}
.button {
}
.button a {
 text-decoration:none;
 font-family:Arial, Helvetica, sans-serif;
 font-weight:bold;
 height:29px;
 line-height:24px;
 text-align:center;
 padding-right:2px;
 font-size:12px;
 background-image:url(images/buttonBk.gif);
 background-repeat:no-repeat;
 text-transform:lowercase;
}
.button a:link, .button a:visited {
 background-position:0px 0px;
 color:#ffffff;
}
.button a:active, .button a:hover, .button a:visited:hover {
 background-position:0px -29px;
 color:#ffffff;
 text-decoration:none;
}
/* set colors */
#resultPaging #resultPageControls #selectedPage, .pageNumberSelected, #viewPanel a.detailFeatureSelected:link, #viewPanel a.detailFeatureSelected:visited, #viewPanel a.detailFeatureSelected:hover, #viewPanel a.detailFeatureSelected:active, #viewPanel a.detailFeatureSelected:focus {
 color:#6A1D05;
}
/* Colorized Images */
#detailMainSpecs #fullSpecTrigger a {
 background-image:url(images/unifiedArrows.gif);
}
#viewPanel a.detailFeature:hover {
 background-image:url(images/unifiedArrows.gif);
}
#viewPanel a.detailFeatureSelected {
 background-image:url(images/unifiedArrows.gif);
}
/* Start Cross browser clear fix from Tony Aslett of csscreator.com */
.floatcontainer:after {
 content: ".";
 display: block;
 height: 0;
 font-size:0;
 clear: both;
 visibility:hidden;
}
.floatcontainer {
 display: inline-block;
}
/* Mark Hadley's fix for IE Mac */
/* Hides from IE Mac \ */
* html .floatcontainer {
 height: 1%;
}
.floatcontainer {
 display:block;
}
/* End Hack */
.dlgBox {
 position:absolute;
 display:none;
 visibility:hidden;
}
.dlgTop {
 position:absolute;
 background-image:url(images/dlgTop.png);
 background-position:top left;
 background-repeat:no-repeat;
 top:0px;
 left:0px;
 height:15px;
 width:326px;
 line-height:0px;
 font-size:0px;
 z-index:1;
}
.dlgRight {
 position:absolute;
 background-image:url(images/dlgRight.png);
 background-position:top right;
 background-repeat:no-repeat;
 top:0px;
 right:0px;
 width:17px;
 height:132px;
 line-height:0px;
 font-size:0px;
 z-index:2;
}
.dlgBottom {
 position:absolute;
 background-image:url(images/dlgBottom.png);
 background-position:bottom right;
 background-repeat:no-repeat;
 bottom:0px;
 right:0px;
 height:18px;
 width:329px;
 line-height:0px;
 font-size:0px;
 z-index:3;
}
.dlgLeft {
 position:absolute;
 background-image:url(images/dlgLeft.png);
 background-position:bottom left;
 background-repeat:no-repeat;
 bottom:0px;
 left:0px;
 width:14px;
 height:135px;
 line-height:0px;
 font-size:0px;
 z-index:4;
}
.dlgCenter {
 position:absolute;
 font-family:Tahoma, Arial, Helvetica, sans-serif;
 background-color:#f6f2ec;
 top:15px;
 left:14px;
 bottom:18px;
 right:17px;
 z-index:5;
 overflow:hidden;
}
.dlgBody {
 padding-top:7px;
 padding-bottom:17px;
}
.dlgOneLineTitle {
 line-height:40px;
}
.dlgTwoLineTitle {
 vertical-align:bottom;
 line-height:15px;
 padding-top:4px;
}
.dlgInfoTitle {
 background-image:url(images/dlgInfoIcon.gif);
 background-repeat:no-repeat;
 background-position:top left;
 padding-left:48px;
 height:40px;
}
.dlgHelpTitle {
 background-image:url(images/dlgHelpIcon.gif);
 background-repeat:no-repeat;
 background-position:top left;
 padding-left:48px;
 height:40px;
}
.dlgWarnTitle {
 background-image:url(images/dlgWarnIcon.gif);
 background-repeat:no-repeat;
 background-position:top left;
 padding-left:49px;
 height:40px;
}
