/*** robineau ***/

html { overflow-y: scroll; }

body, html, table, tr, th, td, p, br, div, span, h1, h2, h3, h4, h5, h6, form, img  { border: none; margin: 0; padding: 0; }

body {
	font-family:  arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
	font-size: 16px;
	background-color: #fff;
	color: #000;
}

	* html body { font-size: medium; }

#skiptomain { display: none; }

a:hover, a:active { color: #c00; }
.inline, form { display:inline; }
.breaker { clear: both; }
.lbreaker { clear: left; }
.rbreaker { clear: right; }
.marginless { margin: 0; }
.paddingless { padding: 0; }
.borderless { border: none; }

p { margin: 10px 0 0 0; }
p.fivespace { margin: 5px 0 0 0; }
p.tenspace { margin: 10px 0 0 0; }
p.fifteenspace { margin: 15px 0 0 0; }
p.twentyspace { margin: 20px 0 0 0; }

#wrapper {
	width: 960px;
	background: #fff;
	margin: 0 auto;
	text-align: left;
}

#site-head {
	width: 960px;
	height: 60px;
	margin: 20px 0 0 0;
}

	#site-head.extra-margin {
		/* margin: 100px 0 0 0; */
	}

	#site-head-lft {
		width: 220px;
		height: 60px;
		float: left;
	}

	#site-head-rgt {
		width: 735px;
		height: 60px;
		color: #8b8b8b;
		float: right;
		font-size: 0.7em;
		margin: 0 5px 0 0;
		text-align: right;
	}

		#site-head-rgt a:link, #site-head-rgt a:visited {
			color: #8b8b8b;
			text-decoration: none;
		}

		#site-head-rgt a:hover, #site-head-rgt a:active {
			color: #000;
			text-decoration: underline;
		}

#topnav {
	width: 960px;
	height: 34px;
	font-size: 0.9em;
	line-height: 34px;
}

	#topnav ul {
		width: 954px;
		height: 34px;
		line-height: 34px;
		list-style: none;
		margin: 0 3px;
		padding: 0;
	}

		#topnav ul li {
			height: 34px;
			display: inline;
			float: left;
			line-height: 34px;
			list-style-type: none;
			text-transform: uppercase;
		}

			#topnav ul li#tn-1 { width: 88px; }
			#topnav ul li#tn-2 { width: 112px; }
			#topnav ul li#tn-3 { width: 176px; }
			#topnav ul li#tn-4 { width: 118px; }
			#topnav ul li#tn-5 { width: 106px; }

			#topnav ul li#tn-6 { width: 106px; margin-left: 245px; }

			#topnav ul li a:link, #topnav ul li a:visited { color: #000; text-decoration: none; }
			#topnav ul li a:hover, #topnav ul li a:active { color: #c00; text-decoration: none; }

#navigation-animation {
	width: 958px;
	height: 498px;
	border: 1px solid #000;
	position: relative;
		z-index: 0;
}

	#navigation-anim-img {
		width: 958px;
		height: 498px;
		overflow: hidden;
		position: absolute;
			z-index: 5;
	}

	#navigation-anim-txt {
		width: 450px;
		height: 75px;
		color: #fff;
		font-size: 0.9em;
		position: absolute;
			left: 45px;
			top: 350px;
			z-index: 10;
	}

		#navigation-anim-txt h1 {
			display: none; /* !!! */
			margin: 0;
			padding: 0;
			text-transform: uppercase;
		}

		#navigation-anim-txt p {
			display: none; /* !!! */
			margin: 5px 0 0 0;
			padding: 0;
		}

	#navigation-popup {
		width: 958px;
		height: 129px;
		background-color: #fff;
		border-top: 1px solid #fff;
		font-family: "times new roman";
		position: absolute;
			left: 0;
			bottom: 0;
			z-index: 1; /* loads behind "#navigation-anim-img" but the jquery bumps it back up to 20 */
	}

	/*******************************************************************/
	/*** carousel is controlled by /jquery/jquery.jcarousel.skin.css ***/
	/*******************************************************************/

#site-footer {
	width: 960px;
	color: #8b8b8b;
	font-size: 0.7em;
	margin: 10px 0 0 0;
	text-align: right;
}

	#site-footer a:link, #site-footer a:visited { color: #8b8b8b; text-decoration: none; }
	#site-footer a:hover, #site-footer a:active { color: #000; text-decoration: underline; }

/* body shell */

#page-body {
	width: 958px;
	background: #ffffff url(/images/bg-page-body.gif) repeat-y left top;
	min-height: 300px;
	border: 1px solid #000;
}

#page-body-nobg {
	width: 958px;
	background: #ffffff;
	min-height: 300px;
	border: 1px solid #000;
}

	#page-body.backgroundless {
		background: none;
	}

	#page-body.gallery {
		position: relative;
	}

	/* standard page */

	#lhs-nav {
		width: 240px;
		background-color: #000;
		font-size: 0.75em;
		float: left;
	}

		#lhs-nav ul {
			width: 210px;
			background-color: #000;
			color: #fff;
			list-style: none;
			margin: 10px 15px 0 15px;
			padding: 0;
		}

			#lhs-nav ul li {
				list-style-type: none;
				margin: 0;
				padding: 7px 0;
				text-transform: uppercase;
			}

				#lhs-nav ul li a:link, #lhs-nav ul li a:visited { color: #fff; text-decoration: none; }
				#lhs-nav ul li a:hover, #lhs-nav ul li a:active { color: #c2c542; text-decoration: underline; }

				#lhs-nav ul li.subnav {
					width: 195px;
					padding-left: 15px;
					text-transform: none;
				}

				#lhs-nav ul li.on-state { color: #c2c542; }

					#lhs-nav ul li.on-state a:link, #lhs-nav ul li.on-state a:visited { color: #c2c542; }

	#page-body-rgt {
		width: 718px;
		background-color: #fff;
		color: #000;
		float: left;
	}

		#page-body-rgt.main-content-black {
			background-color: #000;
			color: #fff;
		}

			#page-body-rgt.main-content-black a:link, #page-body-rgt.main-content-black a:visited { color: #fff; }
			#page-body-rgt.main-content-black a:hover, #page-body-rgt.main-content-black a:active { color: #c2c542; }

		#page-heros {
			width: 718px;
			height: 160px;
		}

			#page-heros-contact {
				width: 718px;
				height: 250px;
			}

		#gmap {
			width: 718px;
			height: 328px;
		}

		#main-content {
			width: 694px;
			font-size: 0.8em;
			margin: 15px 12px 0 12px;
		}

			#main-content-options {
				width: 934px;
				margin: 15px 12px 0 12px;
			}

			#main-content h1, #main-content-options h1 {
				border-bottom: 1px solid #dedede;
				font-family: "times new roman";
				font-size: 1.7em;
				font-weight: normal;
			}

				#main-content h1.bespoke-wed { border: none; }

			#main-content.double-spaced {
				line-height: 1.9em;
			}

			#main-content strong.date {
				font-family: "times new roman";
				font-size: 1.4em;
				font-weight: normal;
				line-height: 2.0;
			}

			#main-content a:link, #main-content a:visited { color: #8b8b8b; text-decoration: none; }
			#main-content a:active, #main-content a:hover { color: #000; text-decoration: underline; }

		/*** brokerage ***/

		#brokerage-content {
			width: 694px;
			margin: 10px 0;
		}

			#brokerage-sort-bar {
				width: 140px;
				height: 20px;
				background-color: #f2f2f2;
				line-height: 20px;
				margin: 5px 0;
				padding: 4px 10px 4px 544px;
			}

				#brokerage-sort-bar label { color: #c2c542; font-size: 0.9em; }
				#brokerage-sort-bar select { font-size: 0.9em; }

			.brokerage-row {
				width: 694px;
				margin: 10px 0 30px 0;
			}

				.brokerage-cell {
					width: 230px;
					float: left;
					margin-right: 2px;
				}

				.brokerage-cell-end { margin-right: 0; }

					.brokerage-cell-image {
						width: 230px;
						height: 159px;
					}

					.brokerage-cell-image-wedding {
						width: 230px;
						height: 345px;
					}

					.brokerage-cell-words {
						width: 210px;
						padding: 10px 0 0 0;
					}

						.brokerage-cell-words .product a {
							font-family: "times new roman";
							font-size: 1.4em;
						}

						.brokerage-cell-words .product a:link, .brokerage-cell-words .product a:visited { color: #000; text-decoration: none; }
						.brokerage-cell-words .product a:hover, .brokerage-cell-words .product a:active { color: #000; text-decoration: underline; }

					.brokerage-cell-split {
						width: 210px;
						padding: 5px 0 10px 0;
					}

						.brokerage-cell-cost {
							width: 100px;
							float: left;
							font-family: "times new roman";
							font-size: 1.3em;
						}

						.brokerage-cell-link {
							width: 100px;
							float: right;
							font-size: 0.9em;
						}

							.brokerage-cell-link a:link, .brokerage-cell-link a:visited { color: #000; text-decoration: underline; }
							.brokerage-cell-link a:hover, .brokerage-cell-link a:active { color: #c00; text-decoration: underline; }

		/*** weddings ***/
		#weddings-anim {
			width: 718px;
			height: 498px;
			overflow: hidden;
		}

		#page-body-rgt-wedding-splash {
			width: 718px;
			height: 498px;
			float: right;
			position: relative;
				z-index: 1;
		}

			#page-body-rgt-wedding-splash img {
				width: 718px;
				height: 498px;
				position: absolute;
					left: 0;
					top: 0;
					z-index: 1;
			}

			/*** celebration cake gallery (like img above but for a fader) ***/

			#celebration-gallery {
				width: 718px;
				height: 498px;
				z-index: 1;
			}

			#page-body-rgt-wedding-splash div.wedding-splash-overlay {
				width: 698px;
				height: 45px;
				background-color: #000;
					opacity: 0.75; 					/* firefox */
						filter: alpha(opacity=75); 	/* ie */
				color: #fff;
				padding: 15px 20px 15px 0;
				position: absolute;
					left: 0;
					bottom: 0;
					z-index: 2;
				text-align: right;
			}

				#page-body-rgt-wedding-splash div.wedding-splash-overlay h1 {
					font-family: "times new roman";
					font-size: 1.6em;
					font-weight: normal;
					margin: 0;
					padding: 0;
				}

				#page-body-rgt-wedding-splash strong.date {
					font-family: "times new roman";
				}

				#page-body-rgt-wedding-splash a {
					font-size: 0.9em;
					font-weight: bold;
				}

					#page-body-rgt-wedding-splash a:link, #page-body-rgt-wedding-splash a:visited { color: #fff; text-decoration: underline: }
					#page-body-rgt-wedding-splash a:hover, #page-body-rgt-wedding-splash a:active { color: #c2c542; text-decoration: underline: }

		/*** online shop ***/
		#shop-lft {
			width: 320px;
			height: 498px;
			/* background: #fff url(/images/bg-shop-lft.jpg) no-repeat left top; */
			float: left;
			margin-right: 1px;
			position: relative;
		}

			#shop-lft div.shop-txt-overlay {
				width: 300px;
			}

		#shop-mid {
			width: 319px;
			height: 498px;
			/* background: #fff url(/images/bg-shop-mid.jpg) no-repeat left top; */
			float: left;
			margin-right: 1px;
			position: relative;
		}

			#shop-mid div.shop-txt-overlay {
				width: 299px;
			}

		#shop-rgt {
			width: 317px;
			height: 498px;
			/* background: #fff url(/images/bg-shop-rgt.jpg) no-repeat left top; */
			float: left;
			position: relative;
		}

			#shop-rgt div.shop-txt-overlay {
				width: 297px;
			}

			.shop-txt-overlay {

				display: none;						/* because google hates text */

				height: 48px;
				background-color: #000;
					opacity: 0.75; 					/* firefox */
						filter: alpha(opacity=75); 	/* ie */
				color: #fff;
				padding: 5px 10px;
				position: absolute;
					left: 0;
					top: 87px;
			}

				.shop-txt-overlay h1 {
					color: #fff;
					font-family: "times new roman";
					font-size: 1.4em;
					margin: 0;
					padding: 0;
				}

					.shop-txt-overlay a:link, .shop-txt-overlay a:visited { color: #fff; text-decoration: none; }
					.shop-txt-overlay a:hover, .shop-txt-overlay a:active { color: #fff; text-decoration: underline; }

				.shop-txt-overlay p {
					font-size: 0.8em;
					line-height: 1.5em;
					margin: 0;
					padding: 0;
				}

		/*** product page ***/
		#product-content {
			width: 690px;
			padding: 10px 0;
		}

			#product-content-lft {
				width: 325px;
				float: left;
			}

				#product-content-lft img#product-photo {
					margin-bottom: 10px;
				}

				.product-extra-row {
					width: 325px;
					padding: 3px 0;
				}

					.product-extra-icon {
						width: 20px;
						float: left;
						margin: 0 5px 0 0;
					}

					.product-extra-text {
						width: 300px;
						float: left;
						font-size: 0.9em;
						line-height: 18px;
					}

						.product-extra-text a:link, .product-extra-text a:visited { color: #565656; text-decoration: none; }
						.product-extra-text a:hover, .product-extra-text a:active { color: #000000; text-decoration: underline; }

			#product-content-rgt {
				width: 355px;
				float: right;
				font-size: 0.9em;
				line-height: 1.7em;
			}

				#product-content-rgt h2 {
					font-family: "times new roman";
				}

				#product-content-rgt a:link, #product-content-rgt a:visited { color: #000; text-decoration: underline; }
				#product-content-rgt a:hover, #product-content-rgt a:active { color: #565656; text-decoration: underline; }

				#product-add-form {
					width: 248px;
					background-color: #e5e5e5;
					border: 1px solid #000;
					color: #000;
					margin: 20px 0 20px 45px;
					padding: 2px 3px;
				}

					#product-add-form h3 {
						background-color: #000;
						color: #fff;
						font-family: "times new roman";
						font-size: 1.2em;
						margin: 0;
						padding: 2px 5px;
					}

					#product-add-form select {
						width: 175px;
						margin-left: 30px;
					}

					#product-add-form input {
						margin-left: 45px;
					}

				#variants {
					border-collapse: collapse;
					width: 355px;
				}

					#variants td {
						padding: 2px 0;
						border-bottom: 1px solid #cccccc;
					}

					.vcol1 {
						width: 140px;
					}

					.vcol2 {
						width: 140px;
					}

					.vcol3 {
						width: 75px;
						text-align: right;
					}

				#flavours {
					border-collapse: collapse;
					width: 355px;
				}

					#flavours td {
						padding: 2px 0;
						border-bottom: 1px solid #cccccc;
					}

					.fcol1 {
						width: 210px;
					}

					.fcol2 {
						width: 145px;
					}

				#cakeaddbox {
					width: 353px;
					background: #e5e5e5;
					border: 1px solid #000;
					text-align: center;
					padding: 15px 0 0 0;
					margin-top: 10px;
				}

					#cakeaddbox p {
						margin: 0 0 15px 0;
						line-height: 1.0em;
					}


			#product-content h4 {
				font-family: "times new roman";
				font-size: 1.2em;
			}


	/* gallery pages */

		#gallery-animation-container {
			width: 958px;
			height: 503px;
			float: left; /* whitespacebugtrapper */
			overflow: hidden;
			z-index: 1;
		}

			.gallery-animation {
				width: 958px;
				height: 503px;
				float: left; /* whitespacebugtrapper */
				margin: 0;
				padding: 0;
			}

				.gallery-animation img {
					width: 958px;
					height: 410px;
					float: left; /* whitespacebugtrapper */
					margin: 0;
					padding: 0;
				}

				.gallery-txt-overlay {
					width: 948px;
					height: 48px;
					background-color: #000;
					color: #fff;
					font-size: 0.8em;
					float: left; /* whitespacebugtrapper */
					line-height: 16px;
					margin: 0;
					padding: 25px 5px;
				}

					.gallery-txt-overlay p {
						margin: 0;
						padding: 0;
					}

		#gallery-controller {
			position: absolute;
			right: 0;
			top: 367px;
			width: 43px;
			height: 43px;
			z-index: 2;
		}

			#gallery-controller a {
				border: 0;
				outline: 0;
			}

		/*** bespoke weddings ***/

		#bespoke-outer {
			width: 694px;
		}

			#bespoke-text {
				width: 435px;
				float: left;
			}

			#bespoke-pics {
				width: 238px;
				float: right;
				margin: 0 0 0 15px;
			}

/*** CAKE OPTIONS PAGE ***/

#product-options {

}

	#product-options-lft {
		float: left;
		width: 140px;
		margin: 30px 0 0 115px;
	}


	#product-options-rgt {
		float: left;
		width: 600px;
		font-size: 0.9em;
		margin-top: 30px;
	}

select.inactive {
	border: 1px solid #cccccc;
	color: #cccccc;
}

#product-options-progress {
	text-align: right;
	text-transform: uppercase;
	margin-bottom: 10px;
	font-size: 0.8em;
}

	#product-options-progress span {
		margin-left: 50px;
	}

	#product-options-progress strong {
		border-bottom: 1px solid #000000;
	}

/**************
 SHOPPING CART
**************/

.required {
	color: #cc0000;
	font-weight: bold;
}

#shopcart {
	padding: 10px;
}

	#shopcart h1 {
		font-family: "Times New Roman";
		font-weight: normal;
		font-size: 1.4em;
		border-bottom: 1px solid #bbbbbb;
		margin: 35px 0 15px 0;
	}

	#shopcart h2 {
		font-family: "Times New Roman";
		font-weight: normal;
		font-size: 1.3em;
		border-bottom: 1px solid #bbbbbb;
	}

	#shopcarttable {
		width: 100%;
		border-collapse: collapse;
		font-size: 0.9em;
	}

	#shopcarttable th {
		text-align: left;
		padding: 3px 0;
		border-bottom: 1px solid #000000;
		font-size: 0.8em;
	}

	#shopcarttable td {
		text-align: left;
		padding: 5px 0;
		border-bottom: 1px solid #cccccc;
	}

		#shopcarttable .img {
			width: 120px;
		}

		#shopcarttable .qty {
			width: 100px;
			text-align: center;
		}

		#shopcarttable .details {
			width: auto;
		}

		#shopcarttable .unitprice {
			width: 150px;
		}

		#shopcarttable .subtotal {
			width: 150px;
			text-align: right;
		}

		#shopcarttable .borderless {
			border: 0;
		}

		#shopcarttable .checkoutlink {
			text-align: center;
		}

form.shopcartform label {
	float: left;
	width: 140px;
	text-align: right;
	padding-right: 10px;
	margin-top: 3px;
}

.completeorderpara {
	padding: 5px;
}

.selecteddate {
	float: left;
	width: 1em;
	height: 1em;
	background: #d8eea3;
	border: 1px solid #000000;
	margin: 0 10px;
}

.chosendate {
	float: left;
	width: 1em;
	height: 1em;
	background: #516324;
	border: 1px solid #999999;
	margin: 2px 10px;
}

.limiteddate {
	float: left;
	width: 1em;
	height: 1em;
	background: #ffcc66;
	border: 1px solid #999999;
	margin: 2px 10px;
}

#facebox p.dateoption {
	font-size: 0.8em;
}

a.limitedlink:link, a.limitedlink:visited {
	color: #000000;