/*--------------------------------------------------*/
/* Customise my sofa			                    */

	.next {
		background: #666;
		padding: 0 8px;
		clear: both;
	}

		.next a {
			color: #fff;
			text-decoration: none;
			display: block;
			text-align: right;
			padding: 4px 0;
		}

			.next a:hover {
				color: #ccc;
			}

			.next strong {
				font: italic 1.7em "Georgia";
				margin: 0 40px 0 0;
			}

			.next a span {
				background: url("/a/img/customiseMySofa/next.gif") no-repeat 100% 50%;
				padding: 4px 24px 4px 0;
				position: relative;
				top: -2px;
			}

				.next a:hover span {
					background: url("/a/img/customiseMySofa/nextOver.gif") no-repeat 100% 50%;
				}


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

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

			.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;
					}

			/*--------------------------------------------------*/
			/* Select						                    */

				#loadingSel {
					width: 556px;
					float: right;
				}

					#loadingSel div {
						width: 556px;
						right: 0;
					}

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

				#loadingSwatch {
					width: 546px;
					float: left;
				}

					#loadingSwatch div {
						left: 9px;
						top: 8px;
						width: 546px;
					}

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

				#loadingCover {
					width: 366px;
					float: right;
				}

					#loadingCover div {
						left: 0;
						width: 366px;
					}

			/*--------------------------------------------------*/
			/* Send to friend				                    */

				#loadingStaf {
					width: 546px;
				}

					#loadingStaf div {
						left: 8px;
						top: 8px;
						width: 546px;
					}

/*--------------------------------------------------*/
/* Style						                    */

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

		#style h3 {
			background: #666;
			color: #fff;
			margin: 0 0 8px;
			padding: 4px 8px;
		}

		/*--------------------------------------------------*/
		/* Selection					                    */

			#style #selection {
				width: 376px;
				float: left;
				margin: 0 8px 0 0;
			}

				#style form {
					border: 1px solid #cdc9c9;
					padding: 8px;
					margin: 0 0 8px;
					width: auto;
				}

					#style legend {
						font: italic 1.3em "Georgia";
						color: #000;
						padding: 0 0 14px;
					}

					#style label {
						width: 200px;
					}

					#style .submit {
						margin: 12px 0 0;
					}

				#style .disabled {
					border: 1px solid #ebe9e9;
					color: #c2c2c2;
				}

					#style .disabled legend {
						color: #c2c2c2;
					}

					#style .disabled input {
							background: url("/a/img/customiseMySofa/disabled.gif") no-repeat 100% 50%;
					}

		/*--------------------------------------------------*/
		/* Choose						                    */

			#style #choose {
				width: 554px;
				float: left;
				padding: 0 0 8px;
			}

				#choose img {
					float: left;
					margin: 0 8px 0 0;
				}

				#choose div {
					width: 222px;
					float: left;
				}

					#choose h4 {
						color: #000;
						margin: 0 0 8px;
						font-size: 1.6em;
					}

					#choose ul {
						background: #eee9e9;
						list-style-type: none;
						padding: 4px;
						margin: 0 0 12px;
					}

						#choose ul li {
							float: left;
							padding: 2px 20px;
						}

							#choose ul li.fabrics {
								background: url("/a/img/sofaCollections/fabrics.gif") no-repeat 0 50%;
							}

							#choose ul li.leathers {
								background: url("/a/img/sofaCollections/leather.gif") no-repeat 0 50%;
							}

			/*--------------------------------------------------*/
			/* Choose model list     			                */

				#choose ul.chooseModel {
					background: #fff;
					padding: 0;
					margin: 0;
				}

					#choose ul.chooseModel li {
						padding: 8px 0;
					}

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

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

		#cover h3 {
			background: #666;
			color: #fff;
			margin: 0 0 8px;
			padding: 4px 8px;
		}

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

			#coverings {
				border: 1px solid #cdc9c9;
				padding: 8px;
				width: 546px;
				float: left;
				margin: 0 0 8px;
			}

				#coverings h4 {
					color: #000;
					margin: 0 0 12px;
				}

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

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

					.tabs li {
						background: #999999;
						width: 268px;
						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;
						}

							.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;
					width: 512px;
				}

					.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 4px 4px 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;
									padding: 2px 0;
								}

						.variant ul li.wrap {
							clear: both;
						}

						.variant ul li.current {
							z-index: 6;
						}

							.variant ul li.current a {
								position: absolute;
								top: -12px;
								left: -12px;
								z-index: 4;
							}

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

								.variant ul li.current a span {
									background: #fff;
									color: #000;
									display: block;
									float: left;
									padding: 2px;
									min-width: 52px;
									position: relative;
									z-index: 5;
								}

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

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

				.swatch ul li {
					float: left;
					width: 100px;
					padding: 0 1px;
					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: 512px;
				}

					.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: -24px;
						}

							.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%;
							}

						.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: -24px;
						}

							.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: 510px;
						margin: 0 auto;
					}

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

		/*--------------------------------------------------*/
		/* Results						                    */

			#result {
				width: 366px;
				float: right;
				display: inline;
				margin: 0 0 8px;
			}

				#result ul {
					list-style-type: none;
					padding: 0;
				}

					#result ul li {
						background: #eee9e9;
						padding: 2px;
						text-align: right;
						margin: 0 0 8px;
					}

						#result ul li a {
							background: url("/a/img/customiseMySofa/zoom.gif") no-repeat 99% 50%;
							color: #666;
							text-decoration: none;
							padding: 4px 26px 4px 0;
							display: block;
						}

							#result ul li a:hover {
								background: url("/a/img/customiseMySofa/zoomOver.gif") no-repeat 99% 50%;
								color: #ee3a43;
							}
						
						#result ul li#resultPrint a {
							background: url("/a/img/customiseMySofa/printMini.gif") no-repeat 99% 50%;
						}
							
							#result ul li#resultPrint a:hover {
								background: url("/a/img/customiseMySofa/printMiniOver.gif") no-repeat 99% 50%;
							}

				#result img {
					margin: 5px auto 15px;
					position: relative;
				}

				#result p {
					background: #eee9e9;
					padding: 4px;
					font: italic 1.2em "Georgia";
					color: #000;
				}

					#result p a {
						color: #000;
						text-decoration: none;
					}

						#result p a:hover {
							color: #ee3a43;
						}

				#nyroModalContent {
					overflow: hidden !important;
				}

				#nyroModalIframe {
					height: 100% !important;
				}

		/*--------------------------------------------------*/
		/* Next							                    */

			#cover .next strong {
				float: left;
				width: 600px;
				text-align: left;
				padding: 0;
			}

			#cover .next span {
				text-align: right;
				display: block;
				margin: 26px 0 0;
			}

/*--------------------------------------------------*/
/* Share						                    */

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

		#share h3 {
			background: #666;
			color: #fff;
			margin: 0 0 8px;
			padding: 4px 8px;
		}

		/*--------------------------------------------------*/
		/* Send to friend				                    */

			#share #shareFriend {
				border: 1px solid #cdc9c9;
				padding: 8px;
				width: 546px;
				float: left;
			}

				#share #shareFriend h4 {
					color: #000;
					padding: 0 0 8px;
				}

				#share #shareFriend .column {
					float: left;
					width: 49.9%;
				}

					#share #shareFriend .recipient {
						margin: 0 0 0 8px;
						display: inline;
					}

					#share #shareFriend label {
						width: 100px;
					}

		/*--------------------------------------------------*/
		/* Showroom						                    */

			#showroom {
				width: 186px !important;
				float: left;
				margin: 0 8px;
			}

		/*--------------------------------------------------*/
		/* Save							                    */

			#save {
				width: 156px;
				float: left;
				border: 1px solid #cdc9c9;
				padding: 8px 8px 0;
			}

				#save h4 {
					color: #000;
					margin: 0 0 12px;
				}

				#save ul {
					list-style-type: none;
					padding: 0;
				}

					#save ul li {
						background: #eee9e9;
						margin: 0 0 8px;
					}

						#save ul li a {
							color: #000;
							text-decoration: none;
							font-weight: bold;
							display: block;
						}

							#save ul li a span {
								background: url("/a/img/global/arrowRed.gif") no-repeat 96% 76%;
								display: block;
								padding: 12px 20px 12px 46px;
							}

					#save ul li.download a {
						background: url("/a/img/customiseMySofa/print.gif") no-repeat 4px 50%;
					}

						#save ul li.download a span {
							background-position: 96% 50%;
						}

					#save ul li.mySofas a {
						background: url("/a/img/customiseMySofa/mySofas.gif") no-repeat 4px 50%;
					}

					#save ul li.mySwatches a {
						background: url("/a/img/customiseMySofa/mySwatches.gif") no-repeat 2px 50%;
					}