/*--------------------------------------------------*/
	/* Loading elements				                    */

		.loading {
			background: black;
			position: relative;
			display: block;
		}

			.loading div {
				background: #ee3a43;
				position: absolute;
				top: 0;
			}

				.loading p {
					padding: 6px 0;
					color: #fff;
					border-bottom: 1px solid #fff;
					text-align: center;
				}

				 	.loading img {
						display: inline;
						margin: 0 4px -3px;
					}

			/*--------------------------------------------------*/
			/* Swatch						                    */

				#loadingSwatch {
					width: 100%;
				}

					#loadingSwatch div {
						right: 0;
						width: 100%;
						z-index: 10;
					}

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

				#loadingFabric {
					width: 100%;
				}

					#loadingFabric div {
						left: 10px;
						width: 920px;
						z-index: 10;
					}

/*--------------------------------------------------*/
/* Cover						                    */

	#cover {
		border: 1px solid #cdc9c9;
		margin: 8px 0;
		padding: 8px;
	}

		/*--------------------------------------------------*/
		/* Coverings					                    */

			.ui-tabs-hide {
				display: none !important;
			}

				.tabs {
					list-style-type: none;
					padding: 0;
					position: relative;
					width: 632px;
					margin: 0 auto;
				}

					.tabs li {
						background: #999999;
						width: 308px;
						margin: 0 8px 0 0;
						padding: 0;
						float: left;
						text-align: center;
						border-bottom: 1px solid #666;
					}

						.tabs li a {
							color: #ccc;
							text-decoration: none;
							display: block;
							font-weight: bold;
							border-bottom: 1px solid #666;
							padding: 6px;
						}

							.tabs li a:hover {
								color: #fff;
							}

						.tabs li.last {
							margin: 0;
						}

						.tabs li.ui-tabs-selected {
							background: #666;
							border: 1px solid #000;
							border-bottom: 1px solid #666;
							width: 306px;
						}

							.tabs li.ui-tabs-selected a {
								color: #fff;
							}

		/*--------------------------------------------------*/
		/* Panels						                    */

			.panel {
				background: #666;
				border: 1px solid #000;
				margin-top: -1px;
				padding: 8px;
			}

				.type {
					overflow: hidden;
					padding: 8px 0 0;
				}

					.panel .tabs {
						position: relative;
						left: 50%;
						float: left;
						width: auto;
					}

						.panel .tabs li {
							background: #eee9e9;
							position: relative;
							right: 50%;
							width: auto;
							border-bottom: 1px solid #ccc;
						}

	 						.panel .tabs li a {
								display: block;
								padding: 4px 60px;
								color: #999;
								border-bottom: 1px solid #ccc;
							}

								.panel .tabs li a:hover {
									color: #333;
								}

							.panel .tabs li.ui-tabs-selected {
								background: #fff;
								border: 1px solid #fff;
							}

								.panel .tabs li.ui-tabs-selected a {
									color: #000;
									border-bottom: 1px solid #fff;
								}

		/*--------------------------------------------------*/
		/* Coverview					                    */

			#coverView .panel {
				background: #fff;
				border: 0;
				border-top: 1px solid #666;
			}

			/*--------------------------------------------------*/
			/* Variants						                    */

				.variant {
					padding: 10px 0 0;
					overflow: hidden;
					width: 906px;
					position: relative;
				}

					.variant ul {
						list-style-type: none;
						position: relative;
						left: 50%;
						float: left;
						padding: 0;
					}

						.variant ul li {
							position: relative;
							right: 50%;
							float: left;
							display: block;
							text-align: center;
							margin: 0 5px 5px 0;
							width: 32px;
							padding: 0;
							z-index: 1;
						}

							.variant ul li a {
								text-decoration: none;
								display: block;
								width: 32px;
							}

								.variant ul li a span {
									display: none;
								}

						.variant ul li.current {
							width: 64px;
							text-align: center;
							margin: -16px -16px 0;
							z-index: 2;
						}

							.variant ul li.current a {
								display: block;
								color: #000;
								z-index: 100;
							}

								.variant ul li.current a img {
									height: 58px;
									width: 58px;
									border: 4px solid #fff;
								}

								.variant ul li.current a span {
									background: #fff;
									display: block;
									text-align: center;
									width: 66px;
								}

			/*--------------------------------------------------*/
			/* Swatch						                    */

				.swatch {
				}

					.swatch ul {
						list-style-type: none;
						padding: 12px 0 0;
						margin: 0 auto;
					}

						.swatch ul li {
							float: left;
							width: 100px;
							padding: 4px;
							min-height: 100px;
						}

							.swatch ul li a {
								text-decoration: none;
							}

							.swatch ul li span {
								background: url("/a/img/customiseMySofa/arrow.gif") no-repeat 0 4px;
								padding: 2px 0 0 10px;
								display: block;
								color: #000;
							}

						.swatch li.current {
							border: 1px solid #ccc;
							margin-top: -1px;
						}

				/*--------------------------------------------------*/
				/* JCarousel					                    */

					.jcarousel-container {
						position: relative;
						width: 906px;
					}

						.jcarousel-prev,
						.jcarousel-next {
							display: block;
							height: 23px;
							width: 24px;
							position: absolute;
							top: 56px;
							cursor: pointer;
						}

							.jcarousel-next {
								background: url("/a/img/common/controls.png") no-repeat 0 100% !important;
								background: url("/a/img/common/controls.gif") no-repeat 0 100%;
								right: -5px;
							}

								.jcarousel-next-disabled {
									background: url("/a/img/common/controls.png") no-repeat 100% 100% !important;
									background: url("/a/img/common/controls.gif") no-repeat 100% 100%;
									right: -5px;
								}

							.jcarousel-prev {
								background: url("/a/img/common/controls.png") no-repeat 0 0 !important;
								background: url("/a/img/common/controls.gif") no-repeat 0 0;
								left: -5px;
							}

								.jcarousel-prev-disabled {
									background: url("/a/img/common/controls.png") no-repeat 100% 0 !important;
									background: url("/a/img/common/controls.gif") no-repeat 100% 0;
								}

						.jcarousel-clip {
						    z-index: 2;
						    overflow: hidden;
						    position: relative;
							width: 866px;
							margin: 0 auto;
						}

							.jcarousel-list {
							    z-index: 1;
							    overflow: hidden;
							    position: relative;
							}

		/*--------------------------------------------------*/
		/* Result						                    */

			#result {
				background: #666;
				border: 1px solid #000;
				border-top: 1px solid #666;
				margin-top: -1px;
				padding: 0 8px 8px;
			}

				#result .panel {
					background: #fff;
					border: 1px solid #fff;
				}

					#result h3 {
						background: #eee9e9;
						font-size: 1.7em;
						padding: 4px;
						margin: 0 0 8px
					}

				/*--------------------------------------------------*/
				/* Preview						                    */

					#preview {
						width: 400px;
						float: left;
					}

						#preview p {
							background: #eee9e9;
							padding: 0 8px;
							text-align: right;
							display: block;
						}

							#preview p a {
								background: url("/a/img/global/arrowRed.gif") no-repeat 100% 50%;
								padding: 10px 0;
								display: block;
								font-weight: bold;
								color: #000;
								text-decoration: none;
							}

								#preview p a span {
									background: url("/a/img/customiseMySofa/mySwatches.gif") no-repeat 0 50%;
									padding: 7px 20px 7px 42px; 
								}

				/*--------------------------------------------------*/
				/* Details						                     */

					#details {
						border: 1px solid #ccc;
						float: right;
						width: 476px;
						padding: 8px;
					}

						.available {
							clear: both;
							padding: 0 0 8px;
						}

						#composition {
							border: 1px solid #ccc;
							width: 174px;
							float: right;
							padding: 8px;
							margin: 0 0 8px;
						}

							#composition h4 {
								background: #eee9e9;
								color: #000;
								font: bold 1.1em Arial;
								padding: 4px 8px;
							}

							#composition ul {
								list-style-type: none;
								padding: 20px 20px 20px 40px;
							}

						#description {
							width: 270px;
							float: left;
						}

				/*--------------------------------------------------*/
				/* Models						                    */

					#models {
						list-style-type: none;
						padding: 8px 0 0;
						clear: both;
						border: 1px solid #ccc;
					}

						#models li {
							float: left;
							padding: 0 8px 8px 0;
						}

							#models li a {
								text-decoration: none;
								color: #000;
							}

								#models li span {
									background: url("/a/img/customiseMySofa/arrow.gif") no-repeat 0 2px;
									padding: 0 0 0 8px;
									display: block;
									margin: 0 0 0 8px;
								}