/* fabrics page styles */

/* --------------------------------------- */
/* left column */

#fabrics_leftcol {
	float: left;
	width: 350px;
	margin-right: 12px;
}

#fabrics_leftcol p {    /* compensate for paragraph max-width */
	width: 98%;
}

#fabrics_leftcol h2 {
	margin: 0 0 4px;
	padding: 2px;
	font-size: 13px;
	font-weight: bold;
	color: #de6bb0;
}

#fabrics_order_form form {
	margin: 0 0 12px 0;
	padding: 0;
	font-weight: bold;
}

#fabrics_order_form form,
#fabrics_order_form form td {
	color: #8d9150;
}

#fabrics_order_form h1 {
	margin: 0;
	padding: 8px 0 2px;
}

#fabrics_order_form h1  {
	font-size: 18px;
	font-family: Tahoma, Arial, Helvetica;
	font-weight: bold;
	letter-spacing: 0;
	color: #ccccff;
}

#fabrics_order_form p   {
	margin: 0 0 8px;
	font-size: 14px;
	font-family: Georgia;
}

#fabrics_leftcol ul {
	margin: 0 0 10px;
	padding: 6px 0 0;
}

#fabrics_leftcol ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

/* --------------------------------------- */
/* right column */

#fabrics_content {
	float: right;
	width: 550px;
}

#fabrics_grid {
	padding-bottom: 12px;
}

.category_selections {
	border-bottom: 1px solid #ccc;
	padding-left: 8px;
}

.category_selections td        { background: url(/images/fabrics_tabs/tab-left-off.gif); }
.category_selections td.active { background: url(/images/fabrics_tabs/tab-left-on.gif); }

.category_selections td div {
	height: 18px;
	padding: 4px 12px 0;
	background: url(/images/fabrics_tabs/tab-right-off.gif) top right no-repeat;
}

.category_selections td.active div {
	background: url(/images/fabrics_tabs/tab-right-on.gif) top right no-repeat;
}

.category_selections td div a {
	color: #6e6e6e;
	white-space: nowrap;  /* JGA, 5/4/09 */
	font-size: 11px;
}

.pagination {
	padding: 4px 8px 0 0;
	text-align: right;
}

.category_selections td div a:hover,
.category_selections td.active div a,
.pagination a.active {
	text-decoration: none;
	color: #de6bb0;
}

#fabrics_grid {
	border: 1px solid #ccc;
	border-top: none;
	margin-bottom: 12px;
}

.fabric_box {
	width: 100px;
	/* height: 90px; */
	padding: 8px 2px 0;
	text-align: center;
}

.fabric_box .sample {
	background-repeat: no-repeat;
	margin: 0 auto;
}

.fabric_box .sample,
.fabric_box .sample img {
	width: 90px;
	height: 60px;
}

.fabric_box a,
.fabric_box a:link,
.fabric_box a:hover,
.fabric_box a:active,
.fabric_box a:visited {
	font-weight: normal;
	font-size: 13px;
	color: #615fa9;
}