* { padding: 0; margin: 0; behavior: url(/iepngfix.htc) }

html, body, form { height: 100%; margin-bottom: 1px; /* force vertical scrollbar */ }
body { color: #b5b5af; font-size: 62.5%; background: url(../images/bgGrad.jpg) 0 0 repeat-x #171717; font-family: Helvetica, Arial, sans-serif; height: 100%; }

.floatClear { clear: both; }
	
#mainWrap { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -8em; }

p { margin:0 0 10px 0; }

a strong { text-decoration: underline; }
a img { border: 0; }

h1 a { width:226px; height:85px; background:url(../images/makepieceLogo.png) 0 0 no-repeat; text-indent:-9999px; float:left; }
h2 { font-size:2.5em !important; font-family:Georgia, "Times New Roman", Times, serif !important; font-weight:normal; color:#fff; letter-spacing:1px; margin-bottom:20px; }

/* SAFARI HACK */
body:nth-of-type(1) h2 { margin:0 0 3px 0 !important; }
h2.homePage { margin:0; }
h3.homePage { margin:0 0 0 0; padding:0; font-weight:normal; font-size:1em; color:#F72B84; font-family:Arial, Helvetica, sans-serif; }
h3.homePage a { text-decoration:none !important; color:#F72B84; }
h3.homePage a:hover { color:#fff; }
span.homepage p { margin:0 0 20px 0; }
h3 { font-size:1.6em; font-family:Georgia, "Times New Roman", Times, serif;	font-weight:normal; color:#b5b5af; margin:0 0 20px 0; }
h4 { font-size:1.2em; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#fff; letter-spacing:1px; margin:0 0 5px 0; text-decoration:none !important; }
h5 { font-size:1.2em; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#fff; margin:0 0 10px 0; }

input, textarea { font-family: Helvetica, Arial, sans-serif; }

#master_top { background:url(../images/bg_test.jpg) center 0; width:100%; }

#bottom { width:100%; padding:50px 0 0 0; }

#logoArea {  width: 960px; margin:auto; height:100px; }
#logoArea a.button { display:block; width:95px; height:19px; text-indent:-9999px; float:right; outline:none; cursor:pointer; }
	
a.show { background:url(../images/showHeader.png) 0 0 no-repeat; }
a.show:hover { background:url(../images/showHeader.png) 0 -19px no-repeat; }

a.hide { background:url(../images/closeHeader.png) 0 0 no-repeat; }
a.hide:hover { background:url(../images/closeHeader.png) 0 -19px no-repeat; }

/* DIFFERENT BG IMAGE FOR IE... PNG ISSUES */
* html a.show { background:url(../images/closeHeader.gif) 0 0 no-repeat; }
* html a.show:hover { background:url(../images/closeHeader.gif) 0 -19px no-repeat; }
* html a.hide { background:url(../images/showHeader.gif) 0 0 no-repeat; }
* html a.hide:hover { background:url(../images/showHeader.gif) 0 -19px no-repeat; }

#quoteArea { height: 212px; width: 960px; margin: 0 auto; background:url(../images/quote.gif) 0 0 no-repeat; }
#quoteArea p { display:none; }

/**** MAIN NAV ***/
#navArea { /* ALL PC BROWSERS */ width: 960px; margin: 0 auto; text-align: left; }
#navArea ul { list-style:none; font-family:Georgia, "Times New Roman", Times, serif; font-size:2.2em; float:left; }
#navArea ul li { float:left; margin:0 4px 0 0; }
#navArea ul li a { float:left; text-decoration:none; background:#fff; padding:4px 10px; color:#000; }
#navArea ul li a:hover, #navArea ul li a.current { background:url(../images/mainNav_bg.jpg) 0 bottom repeat-x #fff; color:#f72b84; }

#content { font-size:1.3em; width: 960px; margin:auto; }

#push { height:8em; }

#footer { height:8em; background:url(../images/footer_bg.png) 0 0 repeat-x; padding:35px 0 0 0; font-size:1.1em; color:#b5b5af; }

* html #footer { background:url(../images/footer_IEbg.png) 0 0 no-repeat #fff; /* LONGER BG IMAGE FOR IE6 */ }

#footer #inner { width: 960px; margin: 0 auto; text-align: left; line-height:18px; }

.leftCol { width:585px; float:left; margin:0 0 20px 0; }
.leftCol a, .leftCol a:visited { color:#F72B84; text-decoration:underline; }
.leftCol a:hover, .leftCol a:visited:hover { text-decoration:none; }

.rightCol { width:316px; float:right; padding:20px; background:#171717; margin:0 0 20px 0; }
.rightCol span.rhNav ul { list-style:none; margin:0 0 20px 0; }
.rightCol span.rhNav ul li span { margin:0 0 7px 0; padding:0 0 7px 0; display:block; background:url(../images/rhNav_bottomBg.gif) 0 bottom repeat-x; }
.rightCol span.rhNav ul li a:link, .rightCol span.rhNav ul li a:visited { text-decoration:none; color:#F72B84; padding:0 17px 0 0; background:url(../images/rhNav_rightBg.gif) right 6px no-repeat; }
.rightCol span.rhNav ul li a:hover { color:#fff; }
.rightCol span.rhNav ul li a.current { color:#fff; }

/* SECONDARY NAV */
.rightCol span.rhNav ul li ul { /* padding:0 0 0 10px; */ }
.rightCol span.rhNav ul li ul li a { background:url(../images/rhNav_subNav_rightBg.gif) 10px 5px no-repeat!important; padding:0 0 0 28px !important; color:#B5B5AF !important; }
.rightCol span.rhNav ul li ul li a:hover { color:#fff !important; background:url(../images/rhNav_subNav_rightBg.gif) 10px 5px no-repeat !important; }

/* THIRD NAV */
.rightCol span.rhNav ul li ul { /* padding:0 0 0 10px; */ }
.rightCol span.rhNav ul li ul li ul li a { background:url(../images/rhNav_subNav_rightBg.gif) 30px 5px no-repeat!important; padding:0 0 0 48px !important; }
.rightCol span.rhNav ul li ul li ul li a:hover { color:#fff !important; background:url(../images/rhNav_subNav_rightBg.gif) 30px 5px no-repeat !important; }

.leftColFooter { width:585px; float:left; }
.leftColFooter span { color:#F72B84; }

.rightColFooter { padding:0; width:356px; float:right; }
.rightColFooter p { float:left; margin:0 0 10px 0; }
.rightColFooter fieldset { border:0; }
.rightColFooter label { float:left; }
.rightColFooter input { height:18px; width:180px; border:0; background:#b5b5af; margin:0 10px 0 5px; color:#000; float:left; }
.rightColFooter input.go { width:40px; border:0; float:left; background:#F72B84; color:#fff; text-transform:uppercase; cursor:pointer; border-bottom:2px solid #bf1f65; border-right:2px solid #bf1f65; border-top:2px solid #fb69a9; 	border-left:2px solid #fb69a9; font-size:0.85em; }
.rightColFooter ul { list-style:none; margin:10px 0 0 0; }
.rightColFooter ul li { float:left; margin:0 6px 0 0; padding:0 6px 0 0; background:url(../images/botNavDivider.gif) right 4px no-repeat; }
.rightColFooter li.last { background:none; }
.rightColFooter ul li a { color:#F72B84; text-decoration:none; }
.rightColFooter ul li a:hover { color:#fff; text-decoration:none; }


/************************
	BREADCRUMB TRAIL
************************/
#breadCrumb { width:585px; border-bottom:1px solid #1f1f1f;	padding:0 0 5px 0; margin:0 0 20px 0; float:left; }
#breadCrumb ul { list-style:none; float:left; }
#breadCrumb ul li { float:left; color:#fff; }
#breadCrumb ul li a { list-style:none; color:#F72B84; text-decoration:none; background:url(../images/bcTrail_arrow.gif) right 4px no-repeat; padding:0 13px 0 0; margin:0 7px 0 0; }
#breadCrumb ul li a:hover { color:#fff; }

/************************
	RH THUMBNAILS
************************/
/*
ul.thumbnails { list-style:none; }
ul.thumbnails li { float:left; margin:0 7px 7px 0; background:#fff; }
ul.thumbnails li.fourth { float:left; margin:0 0 4px; }
ul.thumbnails li a  { display:block; width:68px; height:68px; border:2px solid #fff; cursor:pointer; text-indent:-9999px; }
ul.thumbnails li a:hover { border:2px solid #F72B84; background:#F72B84; }
ul.thumbnails li a img  { border:0; }
*/
/************************
	RH RELATED LINKS/DOWNLOADS
************************/
.relatedLinks { width:296px; background:#000; padding:10px; margin:0 0 20px 0; }
.relatedLinks ul { list-style:none; }
.relatedLinks ul li { list-style:none; margin:0 0 4px 0; }
.relatedLinks ul li a { color:#b5b5af; text-decoration:none; padding:0 15px 0 0; background:url(../images/relatedLinks_arrow.gif) right 5px no-repeat; }
.relatedLinks ul li a:hover { color:#F72B84; }

/************************
	HOMEPAGE
************************/		
img.homeImageLink  {
	border:4px solid #fff;
	margin:20px 0 10px 0;
}
p span, .featuredItem a {
	color:#F72B84 !important;
	text-decoration:none;
}
.featuredItem a:hover {
	background:#fff;
}
.featuredItem {
	width:276px;
	background:#000;
	padding:20px;
	margin:0 0 20px 0;
}
	.featuredItem h4 {
		color:#F72B84 !important;
	}
	.featuredItem img {
		float:right;
		margin:0 0 0 10px;
		border:none;
	}
/************************
	GENERAL PAGE
************************/
.general img {
	border:4px solid #fff;
	float:left;
	margin:0 10px 5px 0;
}
.general a:link, a:visited {
	color:#F72B84;
	text-decoration:none;
}
.general a:hover {
	color:#fff;
	background:#f72b84;
}
.general strong {
	color:#fff;
}
.general ul {
	padding:8px 0 16px 25px;
	clear:right;
}
.general ul li {
	list-style-position:inside;
}

/************************
	PRODUCT PAGE
************************/ 
.product img {
	border:4px solid #fff;
	float:left;
	margin:0 10px 5px 0;
}
.product ul {
	float:left;
	margin:0 0 0 35px;
	display:inline;
	width:35%;
}
.product .price {
	float:left;
	padding:10px;
	background:#F72B84;
}
/************************
	COLLECTIONS PAGE
************************/ 
.poem {
	float:left;
	margin:10px 0 0 0;
}
.poem p {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#F72B84;
	font-size:1.5em;
	display:inline !important;
	margin:0 0 0 0;
	font-weight:bold;
	line-height:23px;
	background:#fff;
}
/* SAFARI HACK */
body:nth-of-type(1) .poem p {
	line-height:22px;
}
.slides {
	width:585px;
	margin:10px 0 0 0;
	float:left;
	color:#020201;
}
.imageText {
	background:#fff;
	width:565px;
	padding:10px;
}
.galleryNav {
	width:120px;
	height:19px;
	float:right;
	background:#fff;
	padding:3px 0 0 0;
}
a.prev {
	display:inline-block;
	width:13px;
	height:13px;
	float:left;
	background:url(../images/backOne.gif) 0 0 no-repeat;
	margin:0 0 0 7px;
	text-indent:-9999px;
}
a.prev:hover {
	background:url(../images/backOne.gif) 0 -13px no-repeat;
}
a.next {
	display:inline-block;
	width:13px;
	height:13px;
	float:right;
	background:url(../images/forwardOne.gif) 0 0 no-repeat;
	margin:0 7px 0 0;
	text-indent:-9999px;
}
a.next:hover {
	background:url(../images/forwardOne.gif) 0 -13px no-repeat;
}
.counter {
	width:80px;
	float:left;
	height:15px;
	text-align:center;
	font-size:0.8em;
	color:#000;
}
.slides img {
	margin:0 0 10px 0;
}
.slides p {
	margin:0;
}
.rhNav h3 {
	margin:0 0 5px 0;	
}
ul.unsubscribe {
	margin:10px 0 0 0;
	padding:0;
}
	ul.unsubscribe li {
		margin:0 0 15px 0;
		list-style:none;
	}
		ul.unsubscribe li label {
			width:250px;
			display:inline-block;
		}
		ul.unsubscribe li input[type="text"] {
			height:18px;
			width:180px;
			border:0;
			background:#b5b5af;
			margin:0 0 0 5px;
			color:#000;
		}
		.unsubButton {
			height:18px;
			width:110px;
			border:0;
			background:#F72B84;
			color:#fff;
			text-transform:uppercase;
			cursor:pointer;
			margin:0 0 0 260px;
		}
		.error {
			font-size:1.3em;
		}
		
/************************ ECOMMERCE */

.sizeAndColour {
	width:559px;
	float:left;
	background:#000;
	padding:10px 12px 12px 12px;
	border:1px solid #1F1F1F;
	margin:10px 0 5px 0;
}
	.sizeAndColour span {
		padding:3px 15px 0 0;
		float:left;
	}
	.sizeAndColour select {
		width:140px;
		border:1px solid #1F1F1F;
		float:left;
		margin:1px 0 0 0;
	}
	.sizeAndColour .floatRight {
		float:right;
	}

/************************ LIGHTBOX CHANGE */

.lightBoxThumbs_lh { width:559px; float:left; background:#000; padding:10px 12px 12px 12px; border:1px solid #1F1F1F; margin:10px 0 5px 0; }
.lightBoxThumbs_lh h5 { font-weight:normal; color:#B5B5AF; }

.lightBoxThumbs_lh .thumbnails li { 
    float: left;
	list-style: none;
	margin: 0 7px 7px 0;
	width: 73px;
 }
.lightBoxThumbs_lh .thumbnails a {
    background: #fff;
	border: 2px solid #fff;
	display: block;
	height: 69px;
	overflow: hidden;
	width: 69px;
}

.lightBoxThumbs_lh .thumbnails a:hover {
    border-color: #f72b84;	
}

.basketItems {
	border-left:1px solid #1F1F1F;
	border-top:1px solid #1F1F1F;
	margin:0 0 10px 0;
}
	.basketItems .col0 {
		width:69px;
	}
	.basketItems .col1 {
	}
	.basketItems .col2 {
		width:35px;
	}
	.basketItems .col5 {
		width:45px;
	}
	.basketItems td {
		border-bottom:1px solid #1F1F1F;
		border-right:1px solid #1F1F1F;
		padding:5px;
	}
	.basketItems td.tableHeader {
		background:#1F1F1F;
		font-weight:bold;
	}
	.basketItems td.tableHeaderTotal {
		color:#F72B84;
		font-weight:bold;
		
	}
	.checkoutButton {
		text-align:right;
		padding:0 0 20px 0;
	}
	
fieldset { border:none; clear:left; width:100%; }
fieldset div.login { position:relative; top:-15px; }
fieldset legend { text-indent:-9999px; }
fieldset ol { list-style:none; }
fieldset ol li { margin:0 0 10px 0; }
fieldset ol li label { width:70px; display:inline-block; }
fieldset ol li input[type="text"], fieldset ol li input[type="password"] { background:#B5B5AF; height:18px; border:none; width:150px; }
fieldset ol li table { display:inline; }
			    
.selectAddress table {
	width:590px;
}	
.selectAddress td.col2 {
	border:1px solid #1F1F1F;
	padding:10px;
	width:100%;
}
.finalize h5 {
	color:#F72B84;
}
.charges {
	width:280px;
	float:left;
	margin:20px 0 0 0;
}
.deliveringTo {
	width:280px;
	float:right;
	margin:20px 0 0 0;
}
	.deliveringTo p {
		padding:10px;
		border:1px solid #1F1F1F;
	}
.vouchers {
	width:280px;
	float:left;
	margin:20px 25px 0 0;
}
	.vouchers-inner {
		padding:7px 10px 3px;
		border:1px solid #1F1F1F;
		overflow: hidden;
	}
	.vouchers label {
		display: block;
		font-weight: bold;
		margin-bottom: 8px;
	}
	.vouchers .message, 
	.vouchers .error {
		clear: left;
		display: block;
		margin-bottom: 8px;
		font-weight: bold;
		color:#F72B84;
		font-size: 1em;
	}
	.vouchers .voucherCode {
		height:18px;
		width:146px;
		padding: 2px;
		border:0;
		background:#b5b5af;
		margin-right:10px;
		color:#000;
		float:left;
		margin-bottom: 8px;
	}
	.vouchers .submit {
	}
	.voucherSummary {
		border-left:1px solid #1F1F1F;
		width:280px;
		text-align:left;
	}
	.voucherSummary td {
		border-bottom:1px solid #1F1F1F;
		border-right:1px solid #1F1F1F;
		padding:5px 10px;
	} 
	.voucherSummary .tableHeader {
		font-weight: bold;
	}
.customerNotes {
	width:585px;
	float:left;
	margin:20px 0 0 0;
}
	.customerNotes textarea {
		width:575px;
		height:80px;
		border:none;
		background:#B5B5AF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		padding:5px;
		margin:0 0 10px 0;
	}
.itemSummary {
	border-left:1px solid #1F1F1F;
	border-top:1px solid #1F1F1F;
}
	.itemSummary td {
		border-bottom:1px solid #1F1F1F;
		border-right:1px solid #1F1F1F;
		padding:5px;
	}
	.itemSummary td.tableHeader,
	.checkoutSummaryTable td.tableHeader {
		background:#1F1F1F;
		font-weight:bold;
	}
	.itemSummary td.tableHeaderTotal,
	.checkoutSummaryTable td.tableHeaderTotal {
		color:#F72B84;
		font-weight:bold;
		
	}
.checkoutSummaryTable {
	border-left:1px solid #1F1F1F;
	border-top:1px solid #1F1F1F;
	width:280px;
	text-align:left;
}
	.checkoutSummaryTable td,
	.checkoutSummaryTable th {
		border-bottom:1px solid #1F1F1F;
		border-right:1px solid #1F1F1F;
		padding:5px;
		text-align: left;
	} 
	
/*************** REGISTER */
.userDetails ol li label {
	width:140px;
	display:inline-block;
}
	.userDetails ol li input,
	.userDetails ol li select {
		margin:0 10px 0 0;
	}
	.userDetails ol li span {
		font-size:1em;
		color:#F72B84;
	}
	.userDetails ol li select {
		width:150px;
		height:18px;
		border:none;
		
	}
	.lastOne label {
		float:left;
		margin:0 0 20px 0;
	}
	.radiobuttonlist {
		float:left;
	}
	.userDetails .radiobuttonlist label {
		width:55px;
		float:none;
	}
	.userDetails .note {
		clear:left;
		color:#F72B84;
	}

.selectAddress table {
	margin:0 0 15px 0;
}
.submit,
.selectAddress input {
	width:auto;
	border:0;
	background:#F72B84;
	color:#fff;
	text-transform:capitalize !important;
	cursor:pointer;
	height: 22px;
	min-width: 98px;
	font-size: 13px;
	line-height: 1;
	padding:0 5px;
	border-bottom:2px solid #bf1f65;
	border-right:2px solid #bf1f65;
	border-top:2px solid #fb69a9;
	border-left:2px solid #fb69a9;
}
a.submit {
	color:#fff !important;
	text-decoration:none !important;
}

.subNavItems_lh {
	width:584px;
	float:left;
	margin:15px 0;
}
	.subNavItems_lh h5 {
		font-weight:normal;
		color:#fff;
		background:#2a0c19;
		padding:4px 2px;
		border-bottom:1px solid #f72b84;
		margin-bottom:9px !important;
	}
	.subNavItems_lh ul {
		list-style:none;
	}
		.subNavItems_lh ul li {
			width:287px;
			height:100px;
			float:left;
			margin-bottom:9px;
			display:inline-block;
		}
			.subNavItems_lh ul li a {
				width:277px;
				height:90px;
				display:block;
				background:#fff;
				padding:5px;
				text-decoration:none !important;
			}
			.subNavItems_lh ul li a:hover {
				width:277px;
				height:90px;
				display:block;
				background:#333;
				padding:5px;
				text-decoration:none !important;
			}
				.subNavItems_lh ul li a span.image {
					width:90px;
					height:90px;
					float:left;
					margin-right:5px;
					text-indent:-9999px;
				}
				.subNavItems_lh ul li a span.text {
					font-family:Georgia, "Times New Roman", Times, serif;
					font-size:1.3em;
					color:#000;
					font-style:italic;
					padding-bottom:8px;
					margin-bottom:6px;
					background:url(../images/deptNav_dots.gif) 0 bottom repeat-x;
					width:182px;
					float:left;
				}
				.subNavItems_lh ul li a:hover span.text,
				.subNavItems_lh ul li a:hover span.hover {
					color:#fff;
					background:url(../images/deptNav_dots_hover.gif) 0 bottom repeat-x;
				}
				.subNavItems_lh ul li a span.clickHere {
					font-family:Georgia, "Times New Roman", Times, serif !important;
					font-size:0.9em;
					color:#000;
					font-style:italic;
				}
				.subNavItems_lh ul li a:hover span.clickHere,
				.subNavItems_lh ul li a:hover span.clickHereHover {
					color:#F72B84 !important;
				}
					span.clickHere .arrows {
						margin:0 0 0 5px;
						font-size:0.8em;
					}

#blogPrevNext {
	clear:both;
	margin:25px 0 0 0;
}
	#blogPrevNext a.prev {
		width:91px;
		height:21px;
		background:url(../images/previousButton.gif) 0 0 no-repeat;
		float:left;
		margin:0;
	}
	#blogPrevNext a.prev:hover {
		width:91px;
		height:21px;
		background:url(../images/previousButton.gif) 0 -21px no-repeat;
	}
	#blogPrevNext a.next {
		width:91px;
		height:21px;
		background:url(../images/nextButton.gif) 0 0 no-repeat;
		float:right;
		margin:0;
	}
	#blogPrevNext a.next:hover {
		width:91px;
		height:21px;
		background:url(../images/nextButton.gif) 0 -21px no-repeat;
	}

#bigImg {
    border: 4px solid #fff !important;	
	float: left;
	margin: 0 10px 0 0;
}

.zoomCaption {
    background: #fff;
	color: #000;
	float: left;
	font-size: 0.84em;
	clear: left;
	margin: 0 10px 5px 0;
	padding: 0px 4px 4px;
	text-transform: uppercase;
	width: 220px;	
}

.addthis_toolbox {
	clear: both;
	float: left;
    margin: 20px;	
}

.addthis_button_tweet {
    float: left;	
}

#twitterWidget { 
	float: left;
	margin-bottom: 20px;	
}