body {background:#C7C2BA;}
.topbanner {background:#C7C2BA;} 
.popup {background:#C7C2BA;}
#nav,
#nav ul {padding:0 0 5px 0; margin:0; list-style:none; font: 10px Helvetica, sans-serif; background:#C7C2BA; position:relative; z-index:200;}
#nav {height:25px; width:972px; padding:0; text-align: left;}
#nav table {border-collapse:collapse;}
#nav li {float:left; padding:0px 25px 0 25px;}
#nav li li {float:none; padding: 0 30px 0 30px;}
#nav li li li {float:none;}
/* a hack for IE5.x and IE6 */
#nav li a li {float:left;}
#nav li a {display:block; float:left; color:#423132; height:25px; padding-right:5px; line-height:25px; text-decoration:none; white-space:nowrap;}
#nav li li a {height:20px; line-height:20px; float:none;}
#nav li li li a {height:20px; line-height:20px; float:none;}
#nav li:hover {position:relative; z-index:300; background:#AA9C8F;}
#nav a:hover {position:relative; z-index:300; text-decoration:underline; color:#b75;}
#nav :hover ul {left:0; top:22px;}
/* another hack for IE5.5 and IE6 */
#nav a:hover ul {left:-10px;}
#nav ul {position:absolute; left:-9999px; top:-9999px;}
/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
#nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
#nav li:hover > ul ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {text-decoration:underline; color:black;}
/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:-1px;}
/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}
UL.mainPic {clear:both; float:none; margin: 0 auto; display:block; border: none; width:972px; height:428px; padding: 0; position: relative; text-align:center;}
LI.mainPic {list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding: 0; position: relative; display: inline; float:left; width: 324px; height: 428px; text-indent: 0;}
UL.mainPicCat {clear:both; float:none; margin: 0 auto; display:block; border: none; width:972px; height:50px; padding: 0; position: relative; text-align:center;}
LI.mainPicCat {list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding: 0; position: relative; display: inline; float:left; width: 324px; height: 50px; text-indent: 0;}
UL.homeCat {clear:both; float:none; margin: 0 auto; display:block; border: 0px solid #000; width: 972px; 
_width:974px; /* IE6 browser hack to cope with the LI boxes adding up to 972px with the 1px left and 1px right border*/
height: 50px; text-align: center; padding: 0; position: relative;}
LI.color1 {background: #6B6D73; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:15px 0; position: relative; display: inline; float:left; width: 162px; height: 20px; text-indent: 0;}
LI.color1 a{font-family: Helvetica, sans-serif; font-size: 12px; color: #AA9C8F; text-decoration: none;}
LI.color1 a:hover {color: #AA9C8F; font-family: Helvetica, sans-serif; font-size: 12px; text-decoration: underline; font-weight: bold;}
LI.color2 {background: #6B6D73; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:15px 0; position: relative; display: inline; float:left; width: 162px; height: 20px; text-indent: 0;}
LI.color2 a{font-family: Helvetica, sans-serif; font-size: 12px; color: #AA9C8F; text-decoration: none;}
LI.color2 a:hover {color: #AA9C8F; font-family: Helvetica, sans-serif; font-size: 12px; text-decoration: underline; font-weight: bold;}
LI.color3 {background: #000829; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:15px 0; position: relative; display: inline; float:left; width: 162px; height: 20px; text-indent: 0;}
LI.color3 a{font-family: Helvetica, sans-serif; font-size: 12px; color: #AA9C8F; text-decoration: none;}
LI.color3 a:hover {color: #AA9C8F; font-family: Helvetica, sans-serif; font-size: 12px; text-decoration: underline; font-weight: bold;}
LI.color4 {background: #000829; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:15px 0; position: relative; display: inline; float:left; width: 162px; height: 20px; text-indent: 0;}
LI.color4 a{font-family: Helvetica, sans-serif; font-size: 12px; color: #AA9C8F; text-decoration: none;}
LI.color4 a:hover {color: #AA9C8F; font-family: Helvetica, sans-serif; font-size: 12px; text-decoration: underline; font-weight: bold;}
LI.color5 {background: #422042; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:15px 0; position: relative; display: inline; float:left; width: 162px; height: 20px; text-indent: 0;}
LI.color5 a{font-family: Helvetica, sans-serif; font-size: 12px; color: #AA9C8F; text-decoration: none;}
LI.color5 a:hover {color: #AA9C8F; font-family: Helvetica, sans-serif; font-size: 12px; text-decoration: underline; font-weight: bold;}
LI.color6 {background: #422042; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:15px 0; position: relative; display: inline; float:left; width: 162px; height: 20px; text-indent: 0;}
LI.color6 a{font-family: Helvetica, sans-serif; font-size: 12px; color: #AA9C8F; text-decoration: none;}
LI.color6 a:hover {color: #AA9C8F; font-family: Helvetica, sans-serif; font-size: 12px; text-decoration: underline; font-weight: bold;}
.styleContainer {clear:none; position: relative; margin: 0 auto; float:none; width:969px; height:478px; border: none; }
.styleHeader {clear:none; float:none; margin: 0; display:block; border: 0px solid #000; text-align: center; ; position: absolute; left:-100px; font-family: Helvetica, sans-serif; color: #a09e92; font-size: 10px;}
.styleHeader P {margin:0 auto; padding: 0; position: absolute;left:100px; display: block; float:none; width: 837px; height: 60px; text-indent: 0; text-align: center; background: #FFF;}
.styleInfoHeader {clear:none; float:none; margin: 0 auto; padding: 4px 0 4px 0; width: 150px; height: 15px; display:block; border:1px solid #000; border-color:#423132; border-width:0px 0px 0px 1px; background: #423132;  text-align: center; position: absolute; left:0px; top:0px; font-family: Helvetica, sans-serif; color: white; font-size: 12px;}
.styleInfo {clear:none; float:none; margin: 0 auto; padding: 10px;width: 130px; height: 434px; display:block; border:1px solid #000; border-color:#423132; border-width:0px 0px 1px 1px; background: #423132; text-align: left; position: absolute; left:0px; top:23px; font-family: Helvetica, sans-serif; color: #a09e92; font-size: 11px;}
.stylePic { width:667px; height:458px; visibility:hidden;}
.stylePicHolder {clear:none; float:none; border: 0px solid #000; font-family: Helvetica, sans-serif; color: #a09e92; font-size: 10px; margin:0 auto; padding: 10px; position:absolute; left:150px; top:0px; display: block; width: 667px; height: 478px; text-indent: 0; text-align: center; background: #423132;}
.miniPicDiv {clear:none; float:none; margin: auto; display:block; border: none; width:132px; height:478px; overflow: auto; padding: 0; position: absolute; right:0px; top:0px; background: #423132; scrollbar-3dlight-color:; scrollbar-arrow-color:; scrollbar-track-color:; scrollbar-darkshadow-color:; scrollbar-face-color:#423132; scrollbar-highlight-color:; scrollbar-shadow-color:;}
.minipicpic {margin:0 auto; padding: 0; border:2px solid #000; border-color:#423132; border-width:0px 0px 2px 0px;  position: relative; display: block; float:none; width: 115px; height: 79px; text-indent: 0; text-align: center; background: #FFF;}
a.miniopacity img{border: none; padding: 0px; filter:alpha(opacity=45); -moz-opacity: 0.45; opacity: 0.45; }
a.miniopacity:hover img{border: none; filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;}
.footer {clear:none; float:none; margin: 0; display:block; border: 0px solid #000; text-align: center; padding: 0; font-family: Helvetica, sans-serif; color: #423132; font-size: 10px; font-weight: bold;}
.footer P {margin:0 auto; padding: 0; position: relative; display: block; float:none; width: 972px; height: 13px; text-indent: 0; text-align: center; background: #C7C2BA;}
.footer a {font-family: Helvetica, sans-serif; 	font-size: 10px; color: #423132; text-decoration: none;}
.footer a:hover {color: #423132; font-family: Helvetica, sans-serif; font-size: 10px; text-decoration: underline;}
.footer a:visited {font-family: Helvetica, sans-serif; font-size: 10px; color: #423132; text-decoration: none;}
.contentBlock {clear:none; display:table; float:none; margin: auto; padding: 0; width: 972px; height: 100%; border: none; position: relative;}
.fabricContainer {clear:none; display:table; position: relative; margin: auto; float:none; width:972px; border:0px solid #000; min-height:420px;}
ul.fabrics {clear:both; float:none; margin: 0 auto; display:block; border: 0px solid #000; width: 860px; min-height:420px;
_width:862px; _height:auto; /* IE6 browser hack to cope with the LI boxes adding up to 972px with the 1px left and 1px right border*/
text-align: center; padding: 0; position: relative; padding:5px; font: 10px Helvetica, sans-serif; color: #6B6D73;}
li.fabrics {background: #C7C2BA; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:15px 15px 46px 15px; position: relative; display: inline; float:left; width: 185px; height: 135px; text-indent: 0;}
img.fabrics {padding:0 25px 7px 25px;background: #C7C2BA; border-bottom:1px dotted #423132; border-top:none; border-right:none; border-left:none;}
.fabricsViewTitle {padding: 10px; font: 12px Helvetica, sans-serif; color: #423132; font-weight: bold; text-align:center;}
.fabricsView {font: 10px Helvetica, sans-serif; color: #423132;}
.fabricsView a{font-family: Helvetica, sans-serif; font-size: 10px; color: #423132; text-decoration: underline;}
.fabricsView a:hover{color: #423132; font-family: Helvetica, sans-serif; font-size: 10px; text-decoration: underline;}
.fabricsView a:visited{font-family: Helvetica, sans-serif; font-size: 10px; color: #423132; text-decoration: underline;}
li.fabrics a {border:none; padding: 0px; text-decoration:none; color: #423132;}
.fabricItemBanner {clear:none; float:none; margin: 0; display:block; border: 0px solid #000; text-align: left; position: relative; font-family: Helvetica, sans-serif; color: #423132; font-size: 10px; }
.fabricItemBanner P {padding: 2px 0 0 10px; position: relative; display: block; float:none; width: 710px; height: 15px; text-indent: 0; text-align: left; background: #C7C2BA;}
.fabricItemBanner a {font-family: Helvetica, sans-serif; text-decoration:underline; color: #423132;}
.fabricItemListFooter {padding: 2px 0 0 10px; position: absolute; top:330px; left:-450px; display: block; float:none; width: 710px; height: 15px; text-indent: 0; text-align: left; background: #C7C2BA;}
.fabricItemFooter {padding: 2px 0 0 10px; position: absolute; top:245px; left:-450px; display: block; float:none; width: 710px; height: 15px; text-indent: 0; text-align: left; background: #C7C2BA;}
.fabricColourHolder {clear:none; float:none; border-left: 1px solid #423132; border-top: 1px solid #423132; border-right: 2px solid #423132; border-bottom: 2px solid #423132; font-family: Helvetica, sans-serif; color: #423132; font-size: 10px; margin:0 auto; padding: 0; position:absolute; left:0px; top:30px; display: block; width: 350px; height: 350px; text-indent: 0; text-align: center; background: #C7C2BA; overflow: auto;}
.fabricColourListHolder {clear:none; float:none; border-left: 1px solid #423132; border-top: 1px solid #423132; border-right: 2px solid #423132; border-bottom: 2px solid #423132; font-family: Helvetica, sans-serif; color: #423132; font-size: 10px; margin:0 auto; padding: 0 5px 0 0; position:absolute; left:0px; top:30px; display: block; width: 400px; height: 420px; text-indent: 0; text-align: center; background: #C7C2BA; overflow: auto;}
ul.fabricItemPic{clear:both; float:none; margin: 0 auto; display:block; border: 0px solid #000; width: 360px; text-align: center; padding: 0; position: relative; padding:5px; font: 10px Helvetica, sans-serif; color: #423132;}
li.fabricItemPic{background: #C7C2BA; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0px 10px 20px 10px; position: relative; display: inline; float:left; width: 100px; height: 108px; text-indent: 0;}
li.fabricItemPic a {border:none; padding: 0px; text-decoration:none; color: #423132;}
.fabricItemDetail1 {clear:none; float:none; border-bottom:1px dashed #423132; text-align:left; font-family: Helvetica, sans-serif; color: #423132; font-size: 10px; margin:0 auto; padding: 10px 0 5px 0; position:absolute; left:400px; top:30px; display: block; width: 300px; height: 45px; text-indent: 0; background: #C7C2BA;}
.detailItem1Header {text-align:left; font-family: Helvetica, sans-serif; color: #423132; font-size: 14px; background:#C7C2BA;}
.fabricItemDetail2 {clear:none; float:none; border-bottom:1px dashed #423132; text-align:left; font-family: Helvetica, sans-serif; color: #423132; font-size: 10px; margin:0 auto; padding: 10px 0 20px 0; position:absolute; left:400px; top:100px; display: block; width: 300px; text-indent: 0; background: #C7C2BA;}
.fabricItemDetail3 {clear:none; float:none; border:none; text-align:left; font-family: Helvetica, sans-serif; color: #423132; font-size: 10px; margin:0 auto; padding: 0 0 20px 0; position:absolute; left:400px; top:160px; display: block; width: 300px; text-indent: 0; background: #C7C2BA;}
.fabricItemDetail1a {clear:none; float:none; border-bottom:1px dashed #423132; text-align:left; font-family: Helvetica, sans-serif; color: #423132; font-size: 10px; margin:0 auto; padding: 0px; position:absolute; left:450px; top:30px; display: block; width: 250px; height: 50px; text-indent: 0; background: #C7C2BA;}
.detailItem1Headera {text-align:left; font-family: Helvetica, sans-serif; color: #423132; font-size: 14px; background:#C7C2BA;}
.fabricItemDetail2a {clear:none; float:none; border-bottom:1px dashed #423132; text-align:left; font-family: Helvetica, sans-serif; color: #423132; font-size: 10px; margin:0 auto; padding: 10px 0 10px 0; position:absolute; left:450px; top:75px; display: block; width: 250px; text-indent: 0; background: #C7C2BA;}
.fabricItemDetail3a {clear:none; float:none; border:none; text-align:left; font-family: Helvetica, sans-serif; color: #423132; font-size: 11px; margin:0 auto; padding: 0 0 20px 0; position:absolute; left:450px; top:125px; display: block; width: 250px; text-indent: 0; background: #C7C2BA;}
.container {clear:none; position: relative;  margin: auto; float:none; height:430px; border:none; z-index:10;}
.containerList {clear:none; position: relative;  margin: auto; float:none; height:490px; border:none;}
.footerPop {clear:none; position:relative; left:0px; top:0px; float:none; margin: 0; width:710px; display:block; border: 0px solid #000; text-align: center; padding: 0; position: relative; font-family: Helvetica, sans-serif; color: #423132; font-size: 10px; font-weight: bold;}
.footerPop a {font-family: Helvetica, sans-serif; 	font-size: 10px; color: #423132; text-decoration: none;}
.footerPop a:hover {color: #423132; font-family: Helvetica, sans-serif; font-size: 10px; text-decoration: underline;}
.footerPop a:visited {font-family: Helvetica, sans-serif; font-size: 10px; color: #423132; text-decoration: none;}
.gallerycontainer{position: relative; top:190px; left:-400px; z-index:1000;}
.gallerycontainer a{font-family: Helvetica, sans-serif;  font-weight:bold; font-size: 10px; color: #6B6D73; text-decoration: none; z-index:500;}
.enlargeMe img{border: 1px solid white; margin: 0;}
.enlargeMe:hover{ background-color: transparent;}
.enlargeMe:hover img{border: none;}
.enlargeMe span{ /*CSS for enlarged image*/position: absolute; background-color: white; padding: 5px; left: 0px; border-left: 1px solid #423132; border-top: 1px solid #423132; border-right: 2px solid #423132; border-bottom: 2px solid #423132; visibility: hidden; color: black; text-decoration: none;}
.enlargeMe span img{ /*CSS for enlarged image*/ border-width: 0; padding: 2px; } 
.enlargeMe:hover span{ /*CSS for enlarged image*/ visibility: visible;top: -450px; left: 90px; /*position where enlarged image should offset horizontally */z-index: 1000; }
UL.searchResults {list-style-type:none; text-align:left; position:relative; width:360px; color: black; font-family: Helvetica, sans-serif; font-size: 10px;}
LI.searchResults {padding:0 0 12px 0;}
LI.searchResults a{font-family: Helvetica, sans-serif;  font-size: 10px; color: black; text-decoration: none;}
LI.searchResults a:hover{font-family: Helvetica, sans-serif;  font-size: 10px; color: black; text-decoration: underline;}
.viewcontent {list-style-type: none; margin: 0; padding: 0; width: 400px;  min-height:420px;}
.viewcontent ul {list-style-type: none; margin: 0; padding: 0; min-height:420px;}
.viewcontent li {margin: 0; padding: 0}
.viewcontent a {text-decoration: none; color: #423132; font-family: Helvetica, sans-serif; font-size: 12px; margin: 0; padding: 5px 0 5px 0; display: block; width: 400px; }
.viewcontent a:hover {color: black; background-color: #423132}
.reportcontent tr {text-decoration: none; color: white; font-family: Helvetica, sans-serif; font-size: 10px; margin: 0; padding: 0px;}
.reportcontent tr:hover {color: black; background-color: #423132}
.reportWindow {min-height: 420px;}
.standardTextSmall {font-family: Helvetica, sans-serif; color: #423132; font-size: 10px;}
.standardTextSmall a {text-decoration: none; color: #423132; font-size: 10px;}
.standardTextSmall a:hover {text-decoration: underline;}
.standardTextReg {font-family: Helvetica, sans-serif; color: #423132; font-size: 12px;}
.standardTextReg a {text-decoration: none; color: #423132; font-size: 12px;}
.standardTextReg a:hover {text-decoration: underline;}
.standardTextLarge {font-family: Helvetica, sans-serif; color: #423132; font-size: 14px;}
.standardTextLarge a {text-decoration: none; color: #423132; font-size: 14px;}
.standardTextLarge a:hover {text-decoration: underline;}
#pic1a {width:324px; height:428px;}
#pic2a {width:324px; height:428px;}
#pic3a {width:324px; height:428px;}
.reportTitle {padding: 0 0 5px 0;}