/*--------------------------------------------------*/
/* Fabics                                           */

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

	/*--------------------------------------------------*/
	/* Fabric types                                     */

		.types {
			margin: 0 0 20px;
		}

			.types ul {
				list-style-type: none;
				padding: 0;
				position: relative;
				min-height: 500px;
				height: auto !important;
				height: 500px;
			}

				.types ul li {
					position: absolute;
					top: 0;
					left: 0;
				}

					.types ul li a {
						display: block;
						font-size: 1.1em;
						text-decoration: none;
					}

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

					.types ul li a.offScreen {
						display: none;
					}

					/*--------------------------------------------------*/
					/* floral                                           */

						.types ul li.floral a {
							background: url("../../img/fabrics/floral.jpg") no-repeat 100% 50%;
							padding: 98px 171px 98px 20px;
						}

					/*--------------------------------------------------*/
					/* Pattern                                          */

						.types ul li.leather {
							left: 314px;
						}

							.types ul li.leather a {
								background: url("../../img/fabrics/leather.jpg") no-repeat 0 0;
								width: 298px;
								text-align: right;
								padding: 153px 0 0;
							}

					/*--------------------------------------------------*/
					/* Plain                                            */

						.types ul li.plain {
							top: 202px;
						}

							.types ul li.plain a {
								background: url("../../img/fabrics/plain.jpg") no-repeat 0 100%;
								padding: 0 0 114px;
								width: 302px;
							}

					/*--------------------------------------------------*/
					/* Semi Plain                                       */

						.types ul li.semiPlain {
							top: 342px;
						}

							.types ul li.semiPlain a {
								background: url("../../img/fabrics/semiPlain.jpg") no-repeat 0 0;
								width: 374px;
								padding: 150px 0 0 0;
								text-align: right;
							}

					/*--------------------------------------------------*/
					/* Stripe                                           */

						.types ul li.stripe {
							left: 314px;
							top: 156px;
						}

							.types ul li.stripe a {
								background: url("../../img/fabrics/stripe.jpg") no-repeat 0 50%;
								padding: 113px 0 112px 218px;
							}