@charset "utf-8";
body {
  background:#990000;
  	xbackground-image:url(back_grad.jpg);
	xbackground-repeat:repeat-x;
}
html, body, p, th, td, li, ul, dd, dt {
  font-size: 10pt;
  font: 1em Arial, Helvetica, sans-serif;
  margin: 0px;
  padding:0px;
}
ol, ul{
	font-size: 10pt;
	xmargin-left:20px;
}
h1, h2, h3, h4, h5, h6 {
  font-family: Arial, Helvetica, sans-serif;
}
h1 { font-size: 2em; }
h2 { font-size: 1.1em; }
h3 { font-size: .9em ; }
h4 { font-size: .8em; }
h5 { font-size: 0.7em; }
h6 { font-size: 0.6em; }
a:link { color: #00f; }
a:visited { color: #009; }
a:hover { color: #06f; }
a:active { color: #0cf; }

form {
	margin: 0px;
}
img{border: 0px;}

img.body_image_right_stack,
img.body_image_right_row {
	display:block;
	float:right;
	margin:5px 0 7px 10px;}
	img.body_image_right_stack { clear:both;}

img.body_image_left_stack,
img.body_image_left_row {
	display:block;
	float:left;
	margin:5px 10px 7px 0;}
	img.body_image_left_stack { clear:both;}
	
div.body_image_right_stack,
div.body_image_right_row,
div.body_image_left_stack,
div.body_image_left_row {
	float:right;
	color:#555;
	font-size:11px;
	text-align:right;
	padding:8px;
	margin:3px 0 0 10px;
	background-color:#fff;
	border:1px solid #999;}	
	div.body_image_left_stack,
	div.body_image_left_row { 
		float:left;
		margin:0 8px 0 0;}
	div.body_image_right_stack p.tag,
	div.body_image_right_row p.tag,
	div.body_image_left_stack p.tag,
	div.body_image_left_row p.tag {
		margin:4px 0 0 0;
		padding:0;}
		div.body_image_right_stack,
		div.body_image_left_stack { clear:both;}


.alertText{
	color: #A00;
	display:inline;
	}
	.alertText a:link,
	.alertText a:visited,
	.alertText a:active{
		color: #A00;	
	}
	.alertText a:hover{
		color: #F00;	
	}
.noticeText{
	xcolor: #A00;
	xcolor: #FC0;
	color: #F80;
	display:inline;
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
	}
.noticeBox{
	display: block;
	width: 560px;
	xbackground-color: #F88;
	background-color:#FF9;
	border: 2px solid #FC0;
	xpadding: 3px 3px 3px 30px;
	padding: 3px 3px 3px 10px;
	margin: 0px 0px 5px 0px;
	color: #300;
	font-size: 13px;
	xbackground-image: url(caution.gif);
	xbackground-repeat: no-repeat;
	xbackground-position: 5px 1px;
	}
	.noticeBox a:link, .noticeBox a:visited, .noticeBox a:active{
		color: #800;	
	}
	.noticeBox a:hover{
		color: #FEE;	
	}

/******** TAGS **********/

H1	{
	color:#900;
	}
H2	{
	color:#900;
	margin:0px;
	}
H3	{
	color:#918479;
	margin:0px;
	}
H4	{
	color:#900;
	margin:0px;
	}	
H5	{
	color:#918479;
	margin:0px;
	}	

p	{
	font-size:9pt;
	margin-bottom:5px;
	}
HR	{
	color:#eae7e2;
	}
/******** SECTIONS **********/
.wrapper{
	background-image:url(back.jpg);
	background-repeat:repeat-y;
	width:960px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	margin-bottom:20px;
	
	}
	
/******** HEADER **********/
#header{
	background-image:url(back_top.jpg);
	background-repeat:no-repeat;
	background-position:0 0 0 0;
	xheight:150px;
	xborder:1pt solid green;
	padding-left:40px;
	padding-right:40px;
	padding-top:20px;
	}
	
#LogoHead{
	width:240px;
	height:90px;
	background-image:url(logo_head.jpg);
	background-repeat:no-repeat;
	xborder:1pt solid red;
	float:left;
	margin-bottom:10px;
	}
.ad{
	float:left;	
	font-size:9pt;
	color:#Eae7e2;
	xborder:1pt solid #Eae7e2;
	width:200px;
	height:90px;
	margin-left:20px;
}
#UserNav{
	float:right;
	xwidth:350px;
	width: 375px;
	xborder:1pt solid red;
	margin:5px;
	}
	
#Login{
	float:left;
	color:#918479;
	font-size:10pt;
	position: relative;
	}
	
#Cart{
	float:right;
	color:#918479;
	font-size:10pt;
	}
	
	#Login a:link,  #Login a:visited, #Login a:active,
	#Cart a:link,  #Cart a:visited, #Cart a:active{
		color: #990000;
		font-weight: bold;
	}
	#Login a:hover,
	#Cart a:hover{
		color: #918479;
		font-weight: bold;
	}

#Search{
	float:right;
	margin-top:40px;
	color:#918479;
	font-size:10pt;
	}
	#Search form{
		margin: 0px;	
	}
	
#Search Input[type="text"]{
	border:1pt solid #918479;;
	width:100px;
	}
	
#Search Input[type="button"], #Search Input[type="submit"]{
	border:1pt solid #918479;;
	width:20px;
	margin-left:5px;
	height:20px;
	background-image:url(arrow_button.gif);
	background-repeat:no-repeat;
	background-position:0 0 0 0;
	}
	
/******** MAIN MENU **********/
#MainNav{
	display:block;
	width:auto;
	border-top:1pt solid #918479;
	border-bottom:1pt solid #918479;
	height:24px;
	background-image:url(menu_back.gif);
	background-position:left;
	}
	
#MainNav ul{
	list-style:none;
	padding:2px;
	}
	
#MainNav ul li{
	float:left;
	padding:2px;
	font-weight:bold;
	text-transform:uppercase;
	font-size:14px;
	}

#MainNav ul li a:link,#MainNav ul li a:hover,#MainNav ul li a:visited{
	text-decoration:none;
	color:#918479;
	color:#000;
	}
	
#MainNav ul li.spacer{
	border-left:1pt solid #918479;
	margin-top:4px;
	margin-bottom:4px;
	margin-left:6px;
	height:10px;
	}
	
#MainNav ul li.selected a{
	xtext-decoration:underline;
	color:#990000;
	}
	
	
.subNav{
	background-color: #fff;	
	padding: 0px;
	position: absolute;
	left: 0px;
	top: 16px;
	width: 140px;
	display: none;
	border:1pt solid #918479;
}
.subNav ul{
	list-style-type: none;
	X_border:1pt solid #918479;
}
.subNav li{
	margin: 0px;
	padding: 0px;
	
	clear: both;
	display: block;
	border-bottom:1pt solid #eae7e2;
}
.subNav li:hover{
	background-color: #eae7e2;	
}

.subNav a{
	
	display: block;	
	width: 122px;
	padding: 0px 3px 0px 3px;
	font-size:8pt;
	font-weight: normal;
	text-decoration:none;
	color: #918479;
	margin-left:2px;
	margin-right:2px;
}
#subNav_MyAccount{
	top: 140px;
	left: 723px;
}
	
/******** PAGE CONTENT **********/
#content {	
	width:auto;
	padding:10px 40px 20px 40px;
	}

#content .SideColumn{
	width:215px;
	background-image:url(../../images/shadow_right.jpg);
	background-repeat:repeat-y;
	background-position:right;
	padding-right:10px;
	float:left;
	margin-bottom:10px;
	}
#content .SideColumnRight{
	width:215px;
	background-image:url(../../images/shadow_right.jpg);
	background-repeat:repeat-y;
	background-position:left;
	padding-left:10px;
	float:right;
	margin-bottom:10px;
	}
#content .SideColumnRight .Section{
	padding-bottom:10px;
	padding-left:5px
	}
	
	
#content .FilterColumn{
	width:160px;
	background-image:url(../../images/shadow_right.jpg);
	background-repeat:repeat-y;
	background-position:right;
	padding-right:10px;
	float:left;
	margin-bottom:10px;
	}	
#content .SideColumn .Section{
	padding-bottom:20px;
	padding-right:5px
	}
#content .SideColumn img{
	width:auto;
	xpadding:10px 40px 20px 40px;
	}

#footer li{
	padding:0px;
}
.Section input[type="button"]{
	border:1pt solid #91847a;
	float:right;
	margin-right:10px;
	margin-top:10px;
	}
	
.Main{
	xmargin-left:25px;
	margin-left:20px;
	float:left;
	margin-bottom:10px;
	width:auto;
	xmargin-right:40px;
	
	width: 850px;
	}
.Home .Main{
	width: 630px;
}
.fabricMainWrapper .Main{
	width: 690px;
}
.Main img{
	border:1pt solid #91847a;
	margin-bottom:20px;
}
.Main .Section{
	float:left;
	
	}

	
	
.Main .Section input[type="button"]{
		font-size:7pt;
		margin:2px;
}

.PageBar{
	xbackground-color:#Eae7e2;
	border:1pt solid #Eae7e2;
	xheight:70px;
	xwidth:900px;
	padding:2px;
	padding-top:5px;
	padding-left:5px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
}

.PageBar H3{
	float:left;	
	
}
.PageBar .alertText{
	xfloat:right;
	display:inline;
	margin-left:20px;
}
.PageBar .SelectedItems{
	xfloat:right;
	font-size:12px;
	padding:2px;
	margin:5px;
}

.PageBar .SelectedItems .Item H2{
	font-size:10px;	
	
}
.PageBar .SelectedItems .Item{
	float:left;
	margin:0px;
	text-align:center;
	border:1pt solid #91847a;
	xmin-height: 90px;
	
	display: block;
	height: 90px;
	vertical-align: bottom;
	
	margin-left:5px;
	background:#Eae7e2;
	background:#fff;
	background-image:url(../../images/back_grad1.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
}

.PageBar .SelectedItems img{
	width:30px;
	height:30px;
	xfloat:left;
	margin:1px;
	padding:0px;
}
.PageBar .SelectedItems a{
	margin:0px;
	xdisplay:block;
	padding:0px;
	font-size:9px;
	
}
/******** FOOTER ***********/
#footer{
	background-image:url(back_bottom.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	background-position:bottom;
	padding-left:20px;
	padding-right:20px;
	
	height:140px;
}
#SupportNav{
	background-color:#Eae7e2;
	height:90px;
	width:auto;
	padding-top:5px;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
}


#SupportNav .Section{
	float:left;
	margin-right:5px;
	height:80px;
	}
#SupportNav ul{
	list-style:none;
	font-size:9pt;
	color:#91847a;
	margin-left:5px;
	float:left;
	}
#SupportNav ul li{
	margin:5px;
}

#SupportNav ul li a:link,#SupportNav ul li a:hover,#SupportNav ul li a:visited{
	text-decoration:none;
	color:#918479;
	}
	
#SupportNav ul li.selected a{
	text-decoration:underline;
	color:#918479;
	}




#SupportNav input[type="text"]{
	color:#91847a;
	float:left;
	margin:0px;
	margin-left:10px;
}
#SupportNav .Section input[type="button"]{
		font-size:8pt;
		margin:0px;
		margin-left:5px;
		float:left;
		padding:1px;
}
#SupportNav H4{
margin-bottom:5px;	
}
#SupportNav p{
	color:#91847a;
	font-size:8pt;
	margin-top:10px;
	margin-left:10px;
}
/****** COPYRIGHT **********/
#copyright{
	padding-bottom:10px;
	color:#91847a;
	xmargin-bottom:20px;
	font-size:9pt;
	xwidth:800px;
	width:870px;
	margin-left:auto;
	margin-right:auto;
	height:20px;
}
#copyright p{
	float:left;
	margin-right:100px;
}
#copyright ul{
	list-style:none;
	margin-left:30px;
}
#copyright li{
	float:left;
	margin-left:20px;
}
.BottomFill{
	  background:#990000;
	  xheight:100%;
	  min-height:50px;
	}

/******** MISC ***********/
.Clear{
 	clear:both;	
	}
Cite{
	float:right;
	color:#91847a;
	font-style:italic;
	margin-top:5px;
}
.LineLeft{
	border-left:1pt solid #eae7e2;	
	padding-left:15px;
}
.LineLeftDark{
	border-left:1pt solid;
	padding-left:10px;
}


/******* WIZARD STEPS ************/
.Steps{
	margin-top:10px;
	width:100%;
	margin:0px;
	padding:0px;
	text-align:left;
}
.Steps ul{
	display:inline-block;
	list-style:none;
	xmargin-right:40px;
	font-size:.9em;
	border-bottom:1pt solid #999;
	height:25px;
	width:100%;
	padding-left:10px;
	
	}

.Steps ul li{
	float:left;
	padding:5px;
	color:#333;
	background-image:url(../../images/wizard_back.jpg);
	background-repeat:repeat-x;
	height:14px;
	padding-left:18px;
	padding-right:18px;
	border-top:1pt solid #ccc;
	border-bottom:1pt solid #999;
	border-left:1pt solid #ccc;
	
}

.Steps ul li a{
	xtext-decoration:none;
	color:#333;
}
.Steps ul li.Current{
	font-weight:bold;
	border-bottom:1pt solid #fff;
	border-left:1pt solid #999;
	border-right:1pt solid #999;
	border-top:1pt solid #999;
	background-image:none;
	height:15px;
	margin-top:-1px;
	
}
.Steps ul  a{
	text-decoration:none;
}
.Steps ul li.Current a{
	padding-left:15px;
	display:block;
	color:#990000;
	background-image:url(../../images/arrow_right.gif);
	background-repeat:no-repeat;
	background-position:left;
	text-decoration:none;
	}


.Steps ul li.StartSteps{
	width:10px;
	padding-left:0px;
	padding-right:0px;
	border-left:1pt solid #ccc;
	
}
.Steps ul li.EndSteps{
	background-repeat:repeat-x;
	width:0px;
	padding-left:0px;
	padding-right:0px;
	border-right:1pt solid #ccc;
	
}
.Steps ul li.Spacer{
	width:1px;	
	background-image:none;
	background:#ccc;
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	
}
.Steps .StepButtons{
	position: absolute;
	right: 40px;
	
	xfloat:right;
	xmargin-top:-30px;
	xmargin-top: -5px;
	margin-top: -8px;
}

/*
.Steps .StepButtons a{
	border:1pt solid #000;
	font-size:.8em;
	padding:3px;
	padding-left:10px;
	padding-right:10px;
	background:#990000;
	display:block;
	float:left;
	margin-right:5px;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	}
	
.Steps .StepButtons a.Off{
	background:#eae7e2;
	border:1pt solid #999;
	color:#333;
}*/

.Filters{
margin-top:5px;	
}
.Filters select{
	width:150px;	
	margin-bottom:10px;
	font-size:9pt;
}
/******* ITEMS ex FABRIC SWATCHES ********/

.Items{
	width:auto;
	font-style:normal;
	float:left;
	min-height:300px;
	}	
.Item{
	float:left;	
	font-size:10pt;
	width:110px;
	margin-right:25px;
	margin-bottom:30px;
}
.Item Img{
	margin:0px;	
}
.Item H2, .Section H2{
	font-size:11pt;
	font-style:normal;
	margin:0px;
}
.Item p{
	font-size:7pt;	
	color:#999;
	margin:0px;
}
.Item p.Description{
	color:#000;
	font-size:8pt;	
}
.Item .Buttons{
	margin-top:5px;	
	margin-bottom:5px;
}
.Item H2{
	font-size:9pt;
}
.Item a{
	width:50px;
	height:15px;
	margin-right:10px;
	font-size:10px;
	padding-left:5px;
	padding-right:5px;
	text-decoration:none;
}
.Item a.Select{
	background-color:#ccc;
	background-image:url(../../images/select_back.gif);
	background-position:left;
	background-repeat:no-repeat;
	color:#fff;
}
.Item a.Zoom{
	background-color:#ccc;
	background-image:url(../../images/zoom_back.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:15px;
	color:#666666;
	
}


.ImgLeft{
xfloat:left;
margin-right:5px;
margin-bottom:5px;
}

/*------------------------------------------------------*/
/*-------------------- ADDED BY ADAM -------------------*/
/*------------------------------------------------------*/
.formGrid table td{
	padding: 3px;
}


.instructionBlock{
	float: right;
	width: 150px;
	
	padding: 2px;
	xmargin: 0px 80px 0px 0px;
	text-align: center;
	
	background-color: #CF9;
	background-color: #fff;
	border: 2px solid #91847a;
	}
	.instructionBlock h4{
		color: #000;	
	}
.instructionBlock p{
		margin: 10px;	
	}

.bottomProgressButtons{
	margin: 0px 80px 0px 0px;
	padding: 10px 0px 5px 0px;
}
.bottomProgressButtons input{
	border: 1px solid #999;	
	float: right;
	margin: 0px 3px 0px 3px;
}
.bottomProgressButtons input.btnLeft{
	border: 1px solid #999;	
	float: left;
	margin: 0px 3px 0px 3px;
}

.textDivider{
	background-color: #eae7e2;
	border: 1px solid #999;
	color:#000;
	width: auto;
	padding: 2px;
	padding-left: 4px;
}
.textDivider H3{
	color:#333;	
}
.itemData{
	font-size: 12px	
}
.itemData .itemName{
	color: #800;
	font-weight: bold;
	font-size: 14px;
}


.button{
	border: 1px solid #888;	
}
.preview{
	background-image: url('preview_button.gif');
	background-repeat: no-repeat;
	background-position: 2px 1px;
	width: 25px;
}

.imageRadioButton{
	xbackground: #eee;
	xwidth: 300px;
	width: 125px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	}
	.imageRadioButton p{
		font-size: 11px;	
		margin-left: 20px;
	}
	.imageRadioButton img{
		margin-bottom: 0px;
		border: 0px;
	}
	.imageRadioButton input{
		float: left;
	}
	
	
.halfWidthMain{
	width: 425px;
	margin: 3px;
	padding: 4px;
	float: left;
	xxbackground-color: #eee;	
	xxborder: 1px solid #000;
}
.halfWidthLeft{
	background-image: url(../../images/shadow_right.jpg);
	background-repeat: repeat-y;
	background-position: right;
}


.userAccountControls{
	background-color: #fff;	
	padding: 0px;
	position: absolute;
	left: 0px;
	top: 16px;
	width: 140px;
	display: none;
}
.userAccountControls ul{
	list-style-type: none;
	xborder-collapse:collapse;
	border:1pt solid #918479;
}
.userAccountControls li:hover{
	xborder-bottom:1pt solid #918479;
	xborder-top:1pt solid #918479;
	background-color: #eae7e2;	
}

.userAccountControls a{
	display: block;	
	padding: 3px;
	font-size:8pt;
	text-decoration:none;
	border-bottom:1pt solid #eae7e2;
	color:#918479;
	margin-left:2px;
	margin-right:2px;
}


.viewingGrid{
	margin: 0px;
	padding: 0px;
	xborder: 1px solid #00C;
	border-collapse:collapse;
}
.viewingGrid td, .viewingGrid th{
	padding: 3px;
}
.viewingGrid th{
	text-align: left;
	xbackground-color: #00C;
	background-color:#918479;
	color: #fff;
	xbackground-image: url(stripe.png);
	xbackground-repeat: repeat-x;
}
.viewingGrid td{
	xbackground-color: #ddf;
	xbackground-color: #ccf;
	xbackground-image: url(shading.png);
	xbackground-repeat: repeat-x;
	border:1pt solid #eae7e2;
	border-collapse:collapse;
}
.viewingGrid td.oddRow{
	xbackground-color: #ccf;
}
.viewingGrid td.nocolor{
	background-color: #fff;
}

.contactUsForm td, .contactUsForm th{
	font-size: 12px;
	padding: 3px;
}
/***** NEWS ITEM ***********/
.newsItem{
xborder-top:1pt solid #ddd;
border-bottom:1pt solid #ddd;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
padding-top:0px;
margin-top:0px;
margin-bottom:5px;
}
.newsItem h3{
	margin-bottom:0px;	
}
dl{
padding:10px;	
font-size:10pt;
}
dt{
font-weight:bold;
color:#990000;
}
dd{
	padding-left:20px;
	font-style:italic;
	padding:5px;
	padding-bottom:10px;
	width:500px;
	border-top:1pt solid #ddd;
}

/****** WIZARD SELECT ********/

#dept, #category, #subCategory{
width:150px;	
}

.instructionBlock h4{
	background:#eae7e2;
	margin:0px;
	margin-bottom:5px;
	color:#000;
}



.addessBookDisplay{
	position: absolute;
	background-color: #FFF;
	border: 4px solid #CCC;
	width: 600px;
	height: 420px;
	overflow: auto;
	padding: 5px;
	top: 200px;
	left: 100px;
	display: none;
}
.addessBookDisplay table td{
	padding: 10px;
	border-bottom: 1px solid #CCC;
}
.addressBookExit{
	float: right;	
}
.CheckList{
	margin-left:10px;
}
.CheckList li{
	padding-bottom:5px;	
	margin-left:10px;
}
.tblSummary{
	border:1pt solid #eee;
	width:560px;
	margin-bottom:5px;
}