/* Copyright (c) Fluid Creativity 2007 */
/* Main stylesheet for Pyramid */


/* Standard Elements */

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	color: #a6abae;
	background: #fff url(../images/bodyBack.gif) 0 70px repeat-x;
}

img {
	border: none;
}

h1, h2, h3 {
	clear: both;
	text-transform: uppercase;
	margin: 1em 0;
	color: #7ca4b5;
}

h1 {
	margin-top: 0;
	font-size: 1.4em;
}

	h1 span {
		text-transform: none;
		color: #A6ABAE;
	}

h2, h3 {
	font-size: 1.2em;
}

	h2.section {
		border-top: 1px solid #cccccc;
		padding-top: 0.5em;
		margin-top: 2em;
	}

a {
	color: #7ca4b5;
}

	a:hover {
		text-decoration: none;
	}

address {
	font-style: normal;
}

p {
	margin: 1em 0;
}


blockquote {
	font-weight: bold;
	margin: 1em 0;
	font-style: italic;
}

/* Inline Styles */

#accessibility {
	position: absolute;
	left: -10000px;
}

table.hideTitle caption {
	position: absolute;
	text-indent: -10000px;
	font-size: 0;
	line-height: 0;
}

dl.contactDetails {
	margin: 1em 0;
}

	dl.contactDetails dt {
		font-weight: bold;
		width: 150px;
		float: left;
		margin-bottom: 0.5em;
	}

	dl.contactDetails dd {
		margin-bottom: 0.5em;
		margin-left: 150px;
	}

p.subtext {
	font-size: 0.9em;
	font-weight: bold;
	margin-bottom: 1em;
	padding: 0.5em;
}

p.additionalInfo {
	margin: 0.5em 0 0 0;
	font-weight: bold;
	font-size: 0.9em;
}

.deliveryOptions li {
	position: relative;
	margin-bottom: 0.2em;
}
	.deliveryOptions li strong {
		position: absolute;
		right: 0;
		bottom: 0;
	}

.deliveryOptions p {
	font-size: 0.9em;
}

.aboutImage {
	clear: both;
	text-align: center;
	background: url(../images/titleBack.gif) 0 50% repeat-x;
	margin: 1em 0;
}

	.aboutImage * {
		display: block;
		margin: 0 auto;
		padding: 0 10px;
		background: #ffffff;
	}

#content ul.downloadLinks {
	list-style: none;
	list-style-image: none;
	margin: 2em 0;
}

	#content ul.downloadLinks li {
		margin: 5px;
	}

a.actionLink {
	text-decoration: none;
	display: block;
	margin: 0 0.5em;
	padding-right: 16px;
	background: url(../images/submit.gif) 100% 50% no-repeat;
	color: #7ca4b5;
	font-weight: bold;
	font-size: 1.1em;
	text-transform: uppercase;
	text-align: right;
}

	a.actionLink:hover {
		text-decoration: underline;
	}

img.floatLeft {
	float: left;
	margin: 0 1em 1em 0;
}

img.floatRight {
	float: right;
	margin: 0 0 1em 1em;
}

/* Page Elements */

#pageWrapper {
	margin: 0 15px 0;
	padding-top: 15px;
	width: 960px;
}

	#header img {
		float: left;
	}

	#header ul {
		float: left;
		margin-top: 38px;
		list-style: none;
	}
	#header li {
		display: inline;
		margin-left: 30px;
		vertical-align: top;
	}

	#header form {
		float: left;
		margin: 38px 0 0 30px;
	}

	#header a, #header label {
		text-decoration: none;
		color: #a6abae;
		text-transform: uppercase;
		font-weight: bold;
		display: inline;
	}

		#header a:hover, #header li.current a {
			color: #7CA4B5;
		}

	#header fieldset, #header label {
		margin: 0;
		display: inline;
		vertical-align: top;
	}

		#header fieldset label span {
			padding: 0 .2em 0 0;
			width: auto;
			color: #7CA4B5;
		}

	#header input, #header button {
		float: none;
		margin: -1px 0 0;
		width: 95px;
		height: 14px;
		font-size: 9px;
		vertical-align: top;
	}
	#header button {
		clear: none;
		width: 15px;
		height: 16px;
		font-size: 0;
		text-indent: -10000px;
		background: url(../images/submitLarge.gif) 0 0 no-repeat;
	}

	#header .basket {
		float: right;
		width: 197px;
	}

		#header .basket li {
			float: left;
			padding: 0 0 5px 10px;
			margin: 0;
			color: #7ca4b5;
			font-size: 1.2em;
			font-weight: bold;
			text-transform: uppercase;
		}

			#header .basket li span {
				display: block;
				color: #a6abae;
				font-size: .833em;
				font-weight: normal;
			}

		#header .basket a {
			color: #7ca4b5;
			text-decoration: none;
			padding-right: 16px;
			background: url(../images/submit.gif) 100% 50% no-repeat;
		}

			#header .basket a:hover {
				text-decoration: underline;
			}

#navigation {
	clear: both;
	float: left;
	width: 170px;
	text-transform: uppercase;
}
	#navigation span, #navigation a {
		color: #7ca4b5;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		font-size: 1.2em;
		background: #ffffff;
	}
	#navigation a:hover, #navigation li.current a {
		text-decoration: underline;
	}

	#navigation ul {
		list-style: none;
	}

	#navigation li {
		margin-bottom: 1em;
	}

	#navigation ul ul {
		margin-left: 20px;
	}
	#navigation ul ul ul {
		margin: 0.4em 0 0.75em 1em;
	}
	#navigation ul ul li {
		margin: 0.2em 0;
	}
	#navigation ul ul a {
		color: #a6abae;
		font-size: 0.95em;
	}
	#navigation ul ul ul a {
		color: #7ca4b5;
		font-weight: normal;
		font-size: 0.8em;
	}
	#navigation ul ul ul li {
		margin: 0 0 0.2em 0;
		line-height: 1em;
	}

#content {
	float: left;
	width: 570px;
	padding: 0 6px 1em 6px;
}

	#content ol, #content ul {
		margin: 1em 0 1em 2em;
	}

	#content ul {
		list-style-image: url(../images/listIcon.gif);
	}

#sidebar {
	float: right;
	width: 199px;
}

	#sidebar .sideBox, #header .basket {
		margin-bottom: 2em;
		position: relative;
		padding-top: 1em;
		border: 1px solid #ccc;
	}

	#header .basket {
		margin-top: 2em;
		padding-top: 0;
	}

	#sidebar h2, #header .basket h2 {
		color: #7ca4b5;
		background: #fff;
		font-weight: bold;
		font-size: 1.2em;
		margin: 0 0 0 .5em;
		position: absolute;
		top: -0.6em;
		left: 0;
		padding: 0 0.5em;
		text-transform: uppercase;
	}

	#sidebar h3 {
		margin: 1em 0.8em 0;
		color: #a6abae;
		font-size: 1em;
	}

	#sidebar p {
		margin: 0 0.8em 1em 0.8em;
		font-size: 0.9em;
	}

	#sidebar a {
		text-decoration: none;
	}
		#sidebar a:hover {
			text-decoration: underline;
		}

	#sidebar a.actionLink {
		margin: 0 0.5em 0.5em 0.7em;
	}

	#sidebar .corporateGifts {
		border-bottom: 0;
	}

	#sidebar .corporateGifts .internal {
		background: url(../images/corporateBack.jpg) 50% 100% no-repeat;
		position: relative;
		height: 190px;
		margin: 0 -1px 0 -9px;
		padding: 0 1px 0 9px;
	}

	#sidebar .corporateGifts p {
		text-transform: uppercase;
		font-weight: bold;
		font-size: 0.75em;
	}

	#sidebar .corporateGifts a {
		position: absolute;
		bottom: 0.7em;
		right: 0;
		outline: none;
	}

	#sidebar .corporateGifts .highlight {
		font-size: 1.4em;
	}

	#sidebar .weddingList .internal {
		background: url(../images/weddinglistBack.jpg) 0 100% no-repeat;
		position: relative;
		margin: 0 -8px 0 -1px;
		padding: 0 8px 0 1px;
		height: 230px;
	}

	#sidebar .weddingList .footer {
		position: relative;
		margin-top: -20px;
	}

	#sidebar .weddingList a.actionLink {
		text-align: left;
	}

	#sidebar fieldset {
		padding-top: 0;
		margin: 0;
	}

		#sidebar fieldset label {
			margin: 0.2em 0.5em;
			overflow: visible;
		}

			#sidebar fieldset label span {
				float: none;
			}

		#sidebar fieldset input {
			clear: none;
			float: none;
			margin-bottom: 0;
			width: 178px;
		}

		#sidebar fieldset button {
			margin: 0.5em 0.5em 0 0;
		}


	#sidebar div.submit {
		margin-top: 0.5em;
		border-top: 1px solid #cccccc;
	}

	#sidebar .errors {
		margin: 1em 0 1em 2em;
		font-weight: bold;
	}

#footer {
	clear: both;
	background: url(../images/footerBack.gif) 0 0 repeat-x;
	padding: 13px 20px 0;
	margin-bottom: 1em;
	overflow: hidden;
	font-size: 0.9em;
}

	#footer .wrapper {
		width: 950px;
	}

	#footer ul, #footer address {
		float: left;
		margin-right: 2em;
	}

	#footer li {
		margin-right: 20px;
		list-style: none;
	}

	#footer .copyright {
		float: right;
		margin: 0;
	}

	#footer a {
		text-decoration: none;
	}

		#footer a:hover {
			text-decoration: underline;
		}

/* Inline Blocks */

.imageHomepage {
	position: relative;
	width: 546px;
	height: 305px;
	margin-bottom: 1em;
}

.imageRotater {
	position: relative;
	width: 546px;
	height: 305px;
	margin-bottom: 1em;
}

	.imageRotater img {
		position: absolute;
		z-index: 1;
	}
	.imageRotater img.first {
		z-index: 2;
	}


.contentBlock {
	clear: both;
	margin-bottom: 1em;
	background: url(../images/blockBack.gif) 0 0 repeat-y;
	overflow: hidden;
}

	.contentBlock h1, .contentBlock h2 {
		background: url(../images/blockTop.gif) 0 0 no-repeat;
		padding: 20px 20px 0 20px;
		margin: 0 0 10px 0;
		position: relative;
	}

	.contentBlockContents {
		margin: 0 20px;
	}

	.contentBlock .contentBlockFooter {
		clear: both;
		background: url(../images/blockBottom.gif) 0 0 no-repeat;
		height: 20px;
	}

div.strapline {
	margin-bottom: 1em;
}

	div.strapline h1 {
		margin: 0;
	}
	
	div.strapline strong {
		font-size: 1.2em;
		font-weight: normal;
		letter-spacing: -0.02em;
		text-transform: uppercase;
	}

#eventPhotos {
	margin: 1em 0;
}

	#eventPhotos h2 {
		border-bottom: 1px solid #e0e1e2;
		color: #A6ABAE;
		font-size: 1.4em;
		font-weight: normal;
		letter-spacing: -0.02em;
	}

	#eventPhotos p {
		clear: both;
		background: url(../images/titleBack.gif) 0 50% repeat-x;
		text-align: right;
		font-weight: bold;
		text-transform: lowercase; 
	}
	
		#eventPhotos p span {
			padding-left: 0.5em;
			background: #ffffff;
		} 

	#eventPhotos ul {
		list-style: none;
		list-style-image: none;
		margin: 0;
	}
	
	#eventPhotos li {
		float: left;
	}

	#eventPhotos a {
		background: url(../images/photoFrame.gif) 50% 50% no-repeat;
		width: 120px;
		height: 119px;
		padding: 13px 11px;
		display: block;
	}

#content ul.eventList {
	list-style: none;
	list-style-image: none;
	margin: 1em 0;
}

	ul.eventList li {
		float: left;
		text-align: center;
		width: 190px;
		height: 200px;
	}

	ul.eventList img {
		background: url(../images/photoFrame.gif) 50% 50% no-repeat;
		padding: 13px 11px;
	}
	
	ul.eventList span {
		display: block;
		text-align: center;
	}
	
	ul.eventList a {
		text-decoration: none;
	}
	
		ul.eventList a:hover span {
			text-decoration: underline;
		}

/* Produdct Listings */

#content .productList {
	clear: both;
	color: #7ca4b5;
	list-style: none;
	list-style-image: none;
	margin: 0 0 1em 0;
	overflow: hidden;
}

	.productList li {
		float: left;
		height: 200px;
		width: 164px;
		background: url(../images/productBack.gif) 0 0 no-repeat;
		padding: 13px;
	}

	.productList a {
		text-decoration: none;
	}

	.productList img {
		border: 1px solid #ccc;
	}

	.productList strong {
		display: block;
		color: #7ca4b5;
		text-transform: uppercase;
		font-size: 1em;
	}

	.productList span {
		display: block;
		color: #a6abae;
		font-size: 0.8em;
	}
	
		.productList span em {
			color: #AA0000;
			font-style: normal;
		}

#relatedProducts .productList {
	margin: 0pt 20px;
}

	#relatedProducts .productList li {
		background: none;
		padding: 6px;
	}

#content ul.paging {
	list-style: none;
	list-style-image: none;
	margin: 0;
}

	#content ul.paging li {
		display: inline;
		margin: 0 0.5em;
	}
	
	#content ul.paging strong {
		font-size: 1.2em;
	}

/* Product Details */

#content #productImages {
	clear: both;
	border-top: 1px solid #cccccc;
	list-style: none;
	list-style-image: none;
	margin: 0 -11px;
	padding: 10px 10px 0 10px;
	overflow: hidden;
}

	#productImages li {
		float: left;
	}

	#productImages img {
		display: block;
		padding: 0 5px;
	}

#productDetails {
	overflow: hidden;
	margin-bottom: 10px;
}

	#productDetails h2 {
		background: none;
		margin: 0;
		padding: 0;
	}

	#productDetails .mainImage {
		float: left;
		border: 1px solid #cccccc;
		margin-right: 15px;
		text-decoration: none;
	}

		#productDetails .mainImage img {
			display: block;
		}

		#productDetails .mainImage span {
			font-weight: bold;
			display: block;
			width: auto;
			padding: 3px;
		}

	#productDetails p {
		margin: 0;
	}

	#productDetails p, #productDetails form {
		margin-left: 0;
		float: left;
		width: 290px;
	}

	#productDetails fieldset.weddingList {
		border-top: 1px solid #cccccc;
		padding-top: 0.5em;
	}

		#productDetails fieldset.weddingList legend {
		        font-size: 0;
		}

	#productDetails p.specialOffer span {
		font-size: 1.1em;
	}

	#productDetails p.specialOffer strong {
		display: block;
		margin-top: 0.1em;
	}

	#productDetails strong {
		color: #aa0000;
		font-size: 1.8em;
		font-weight: normal;
	}

	#productDetails fieldset {
		border: none;
	}

		#productDetails fieldset legend {
			position: absolute;
			left: -10000px;
			visibility: hidden;
			line-height: 0;
		}

	#productDetails span {
		width: 80px;
	}

	#productDetails label {
		margin-left: 0;
		padding-left: 0;
	}

		#productDetails label.quantity {
			float: left;
			width: 135px;
		}

	#productDetails select {
		width: 150px;
	}

	#productDetails input {
		width: 50px;
		text-align: center;
	}

	#productDetails button, #productDetails input.submit {
		margin-top: 0.5em;
		width: auto;
	}

#productDescription a.actionLink {
	margin-top: 1em;
}

/* Shopping Basket */

table.basket {
	width: 100%;
	border-collapse: collapse;
	font-size: 1em;
}

	table.basket th {
		color: #7ca4b5;
		text-transform: uppercase;
	}

	table.basket th, table.basket td {
		padding: 2px;
		text-align: left;
		border-bottom: 1px solid #cccccc;
	}

	table.basket th.quantity, table.basket td.quantity {
		width:6em;
	}

	table.basket td.productImage {
		width: 40px;
	}

	table.basket input.quantity {
		width: 3em;
		text-align: center;
		border: 1px solid #E0E1E2;
	}

	table.basket td.deleteButton,
	table.basket td.updateButton {
		text-align: right;
		padding-right: 0;
	}

#content .basketActions {
	list-style: none;
	list-style-image: none;
	text-align: right;
	margin: 1em 0;
}

dl.basketSummary {
	margin: 1em 0;
	float: right;
	text-align: right;
	width: 250px;
}

	dl.basketSummary dt {
		clear: left;
		float: left;
		width: 150px;
		font-weight: bold;
		margin-bottom: 0.2em;
	}

	dl.basketSummary dd {
		float: left;
		width: 100px;
		margin-bottom: 0.2em;
	}

	dl.basketSummary .subtotal, dl.basketSummary .total {
		margin-top: 1em;
	}

	dl.basketSummary .total {
		font-weight: bold;
		color: #7ca4b5;
		font-size: 1.2em;
	}

input.checkout, a.checkout {
	clear: right;
	float: right;
	margin: 1em 0;
}

input.updateQuantities {
	float: right;
	margin: 0.9em 10px 0 0;
	display: inline;
}

#steps {
	overflow: hidden;
	margin-bottom: 1em;
}

	#steps * {
		float: left;
		margin-right: 1em;
	}

	#steps dt {
		font-weight: bold;
		text-transform: uppercase;
	}

	#steps .step1_over, #steps .step2_over, #steps .step3_over {
		color: #7CA4B5;
		font-weight: bold;
	}

dl.orderDetails {
	float: left;
	width: 265px;
}

	dl.orderDetails dt {
		font-weight: bold;
		margin-bottom: 1em;
	}

.changeLink {
	clear: both;
	margin: 0;
}

fieldset.delivery {
	margin-top: 1em;
}

	fieldset.delivery legend {
		font-size: 1.1em;
	}

	fieldset.delivery label {
		position: relative;
	}

		fieldset.delivery label strong {
			position: absolute;
			right: 0;
		}

		fieldset.delivery label textarea {
			height: 50px;
			width: 340px;
		}

	fieldset.delivery p {
		font-weight: bold;
		margin: 0.5em 6px;
		padding: 0.5em;
	}

/* Designers */

#content .designerList {
	color: #7ca4b5;
	list-style: none;
	list-style-image: none;
	margin: 0;
}

	.designerList li {
		float: left;
		height: 200px;
		width: 164px;
		background: url(../images/productBack.gif) 0 0 no-repeat;
		padding: 13px;
	}

	.designerList a {
		text-decoration: none;
	}

	.designerList img {
		border: 1px solid #ccc;
	}

	.designerList span {
		display: block;
		color: #7ca4b5;
		text-transform: uppercase;
		font-size: 1.1em;
	}

#designerDetails img {
	float: left;
	margin-right: 1em;
}

#designerDetails div {
	overflow: hidden;
}

#designerDetails blockquote {
	clear: both;
	color: #7CA4B5;
	font-size: 1.2em;
	padding-left: 30px;
	margin: 2em 20px 1em 20px;
	background: url(../images/openQuote.gif) top left no-repeat;
}

	#designerDetails blockquote span {
		display: block;
		background: url(../images/closeQuote.gif) bottom right no-repeat;
		padding-right: 30px;
	}

#content #designerImages {
	background: url(../images/blockBack.gif) 0 0 repeat-y;
}

	#content #designerImages ul {
		list-style: none;
		list-style-image: none;
		margin: 0;
		background: url(../images/blockTop.gif) 0 0 no-repeat;
		padding: 20px 20px 0 20px;
	}

	#content #designerImages li {
		display: inline;
	}

	#content #designerImages .footer {
		background: url(../images/blockBottom.gif) 0 0 no-repeat;
		height: 20px;
	}


/* Forms */

fieldset {
	margin: 1em 0;
	border: 1px solid #ccc;
	padding-bottom: 0.3em;
}

	fieldset legend {
		margin-left: 0.5em;
		padding: 0 0.5em;
		color: #7ca4b5;
		font-size: 1.2em;
		font-weight: bold;
		text-transform: uppercase;
	}

	fieldset.hideTitle {
		border: none;
	}

		fieldset.hideTitle legend {
			position: absolute;
			left: -10000px;
			line-height: 0;
			visibility: hidden;
		}

	fieldset label {
		display: block;
		padding: 0.2em;
		margin: 0.5em;
		overflow: hidden;
		clear: both;
	}

		fieldset label span {
			float: left;
			position: relative;
			padding-top: 0.2em;
			width: 200px;
		}

			fieldset label span em {
				position: absolute;
				right: 10px;
				top: 0.2em;
				color: #7ca4b5;
			}


	fieldset input, fieldset textarea, fieldset select {
		width: 250px;
		float: left;
		color: #a6abae;
		border: 1px solid #e0e1e2;
	}
		fieldset input:focus, fieldset textarea:focus, fieldset select:focus {
			border: #7CA4B5 1px solid;
		}

	fieldset textarea {
		height: 150px;
	}

	fieldset p {
		margin: 2px 6px;
		clear: both;
	}

button {
	padding-right: 14px;
	color: #7ca4b5;
	text-align: right;
	text-transform: uppercase;
	font-weight: bold;
	background: url(../images/submit.gif) 100% 50% no-repeat;
	border: none;
	cursor: pointer;
}

input.submit {
	width: auto;
}

div.submit {
	text-align: right;
	clear: both;
}

	div.submit a {
		float: left;
	}

#content div.submit {
	border: 1px solid #cccccc;
	padding: 5px 10px;
	margin: 1em 0;
}

select option {
	padding: 0 3px;
}

label.option {
	width: auto;
}
	label.option input {
		width: auto;
		float: none;
		clear: both;
	}

#content #errors {
	margin: 2em 0;
	padding: 0.5em 0 0.5em 2em;
	border-bottom: 1px solid #aa0000;
	background: #f0f0f0;
	color: #333333;
	font-weight: bold;
}

label.error span {
	color: #aa0000;
	font-weight: bold;
}

	label.error input, label.error select, label.error textarea {
		border: 1px solid #aa0000;
	}

.inlineInput {
	border-top: 1px solid #ccc;
	margin-top: 1em;
	padding-top: 0.8em;
	overflow: hidden;
	clear: both;
}

	.inlineInput ul {
		float: left;
		padding-top: 0.2em;
	}

	.inlineInput.reduced {
		border-top: none;
		padding-top: 0;
	}

	.inlineInput fieldset {
		margin-bottom: 0;
		border: none;
		margin: 0;
		float: right;
	}

	.inlineInput legend {
		position: absolute;
		padding: 0;
		font-size: 0;
		line-height: 0;
	}

	.inlineInput label {
		width: auto;
		float: left;
		clear: none;
		margin: 0 3px 0 0;
		padding: 0;
	}

		.inlineInput label span {
			position: absolute;
			left: -10000px;
		}

		.inlineInput label select {
			width: auto;
			margin-top: 1px;
		}


		input.purchaseQuantity {
			width:50px;
		}

		td.quantity input[type=text] {
			width:50px;
		}