/*--------------------------------------------------*/
/* Fabrics                                          */

	.titleFabrics {
		background: url("../../img/fabrics/titleFabrics.gif") no-repeat 0 0;
		height: 22px;
		margin: 0 0 12px;
	}

	#fabrics h2.title {
		font-size: 1.4em;
	}

	/*--------------------------------------------------*/
	/* Frabic navigation                                */

		#fabricNavigation {
			width: 160px;
			float: left;
			border: 1px solid #b2b5c5;
		}

			#fabricNavigation h2 {
				background: #b2b5c5 url("../../img/global/arrowDark.gif") no-repeat 8px 46%;
				color: #645043;
				padding: 6px 6px 6px 20px;
				border-bottom: 1px solid #fff;
				font-size: 1.1em;
				cursor: pointer;
			}

				#fabricNavigation h2 a {
					text-decoration: none;
				}

					#fabricNavigation h2 a:hover,
					#fabricNavigation h2 a:focus {
						text-decoration: underline;
						color: #000a3e;
					}

				#fabricNavigation h2.last {
					border: 0;
				}

				#fabricNavigation h2.current {
					background: #b2b5c5 url("../../img/global/arrowDown.gif") no-repeat 8px 50%;
				}

				#fabricNavigation h2#plain {
					display: block !important;
					border: 0;
					height: auto !important;
				}

			#fabricNavigation ul {
				list-style-type: none;
				padding: 0 0 0 8px;
			}

				#fabricNavigation ul li a {
					background: url("../../img/global/arrow.gif") no-repeat 0 50%;
					padding: 3px 6px 3px 12px;
					display: block;
					height: auto !important;
					height: 1em;
					text-decoration: none;
				}

					#fabricNavigation ul li a:hover,
					#fabricNavigation ul li a:focus {
						text-decoration: underline;
						color: #000a3e;
					}

	/*--------------------------------------------------*/
	/* Fabrics                                          */

		#fabrics {
			width: 736px;
			float: left;
			margin: 0 0 0 12px;
		}