#containerMain{width:800px;}
#containerLeft{
	background-color:#106;
	width:15px;
	float:left;
}





#slant { }


/* the stylesheet */
#slant {padding:0; margin:0; list-style:none;}
#slant li {float:left; text-align:center; margin-right:-20px;} 
#slant a {display:block; text-decoration:none;}
#slant a em {font-style:normal; display:block; padding:0 15px; height:25px; background:#106; float:left; cursor:pointer; color:#beb; line-height:24px;}

#slant a b, a span {cursor:pointer; display:block; width:0; overflow:hidden; float:left; background:#106;}

#slant a span {height:0; border-top:25px solid #106; border-right:25px solid #fff;}

#slant a b.p1,
#slant a b.p2,
#slant a b.p3,
#slant a b.p4,
#slant a b.p5 {border-top:5px solid #fff; border-right:5px solid #106;}

#slant a b.p1 {height:0; margin-top:20px;}
#slant a b.p2 {height:5px; margin-top:15px;}
#slant a b.p3 {height:10px; margin-top:10px;}
#slant a b.p4 {height:15px; margin-top:5px;}
#slant a b.p5 {height:20px;}

#slant a b.p6,
#slant a b.p7,
#slant a b.p8,
#slant a b.p9,
#slant a b.p10 {border-bottom:5px solid #fff; border-left:5px solid #106;}

#slant a b.p6 {height:20px;}
#slant a b.p7 {height:15px;}
#slant a b.p8 {height:10px;}
#slant a b.p9 {height:5px;}
#slant a b.p10 {height:0;}

#slant a:hover {background:#38E;}

#slant a:hover em, #slant a.selected em {color:#030; background:#38E}

#slant a:hover b.p1, #slant a.selected b.p1,
#slant a:hover b.p2, #slant a.selected b.p2,
#slant a:hover b.p3, #slant a.selected b.p3,
#slant a:hover b.p4, #slant a.selected b.p4,
#slant a:hover b.p5, #slant a.selected b.p5 {border-right-color:#38E; background: #38E;}

#slant a:hover b.p6, #slant a.selected b.p6,
#slant a:hover b.p7, #slant a.selected b.p7,
#slant a:hover b.p8, #slant a.selected b.p8,
#slant a:hover b.p9, #slant a.selected b.p9,
#slant a:hover b.p10, #slant a.selected b.p10 {border-left-color:#38E; background: #38E;}

#slant a:hover span, #slant a.selected span {border-top-color:#38E;}

#slant a.selected:hover b, #slant a.selected:hover em, #slant a.selected:hover span {cursor:default;}


h1 {
	text-align: left;
	
	margin:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top:25px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 25px;
	
}


.fabricName {
	font-weight: bold;
	color: #000066;
	text-decoration: underline;
	margin: 2px;
	width: 50%;
	text-align: center;
	font-size: large;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 10px;
	padding-left: 2px;
}
.fabricAll {
	border-top-width: 1px;
	border-right-width: thick;
	border-bottom-width: thick;
	border-left-width: thick;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000066;
	border-right-color: #000066;
	border-bottom-color: #000066;
	border-left-color: #000066;	
}

.fabricText {
	width: 60%;
	float: left;
	text-align: center;
}

.fabricImg {
	float: right;
	top: 1px;
	
	}
	
.letterDir {
	float: left;
	background-color:#F5EFC0;
	font-size:12px;
	font-family:"Courier New", Courier, monospace;
	border:groove thin;
	width:400px;
	}
.swatchSamp {
	width:800px;
	}