/* Heath Ceramics - site.css */



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus { outline: 0; } /* remember to define focus styles! */

html { overflow-y: scroll; } /* force vertical scrollbar */

body { line-height: 1; }

ol, ul { list-style: none; }

table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td { text-align: left; font-weight: normal; }

blockquote:before,
blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

strong { font-weight: bold; }

em { font-style: italic; }

button { cursor: pointer; }




body {
	background: #4a4036;
	color: #333;
	font-family: arial, helvetica, "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
	font-size: 11px;
}

a {
	text-decoration: none;
	color: #74702C;
}
a:hover { text-decoration: underline; }

a.prompt {
	display: block;
	float: left;
	background: #80776f;
	text-transform: uppercase;
	color: #fff;
	border: none;
	font-size: 10px;
	padding: 2px 5px;
	text-decoration: none;
	}

.banner {
	height: 50px;
	overflow: hidden;
	}
.banner a {
	display: block;
	height: 50px;
	overflow: hidden;
	}
.banner a img {
	display: block;
	}
.banner a:hover img {
	margin: -50px 0 0;
	}

button { font-family: arial, helvetica, "Lucida Grande", "Lucida Sans", Verdana, sans-serif; }

#contentPrimary img.bigHeader {
	margin-bottom: 2em;
}

#contentPrimary img.left {
	float:  left;
	margin: 0 1em 1em 0;
	padding: 0;
	width: auto;
}

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



/* @group Headings, Lists, Paragraphs */

h2 {
	font-size: 22px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.15em;
	line-height: 1.4em;
	margin: 0;
}

h2.productName {
	width: 252px;
	margin: 0 auto;
	color: #a5532b;
	font-weight: normal;
}

#right h2.productName {
	width: auto;
	color: #222;
	font-size: 26px;
	line-height: 1;
	margin: 60px 0 0.3em;
}

.pageTitle h2 { font-size: 30px; }

.home h2 {
	background-image: url(/heath/images/HeathCeramics002.png);
	width: 500px;
	height: 70px;
	position: absolute;
	top: 83px;
	left: 244px;
	text-indent: -9999px;
	z-index: 80;
}

.home h2 em { font-size: 12px; }

.home h2 a {
	display: block;
	width: 480px;
	height: 50px;
}


h3 {
	clear:both;
	font-weight: bold;
	font-size: 9px;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	color: #A5532B;
	margin: 0 0 0.3em;
}
h3 a { color: #A5532B; }

.sysTileSizes h3 {
	border-bottom: #ccc solid 1px;
	margin: 4em 0 1.5em;
}

.store #right h3 {
	letter-spacing: 0.1em;
	margin-bottom: 1.5em;
}
.blogEntry h3 {
	font-size: 13px;
	color: #069;
	text-transform: uppercase;
}


h4 {
	clear: both;
	font-weight: bold;
	font-size: 12px;
	color: #74702C;
	margin: 0 0 1.2em;
}

.sysQualityCareFaq h4 {
	clear: both;
	font-weight: bold;
	font-size: 1em;
	color: #333;
	margin: 0;
}


h5 {}
h6 {}


p + h3,
ul + h3,
ol + h3,
div + h3,
dl + h3,

p + h4,
ul + h4,
ol + h4,
div + h4,
dl + h4,
h3 + h4,

p + h5,
ul + h5,
ol + h5,
div + h5,
dl + h5,
h4 + h5,

p + h6,
ul + h6,
ol + h6,
div + h6,
dl + h6,
h5 + h6 {
	margin-top: 1.9em;
	}

p { margin: 0 0 1em; line-height: 1.5;}
dl, ul, ol, table, form { margin: 0 0 1.5em; }

.syndLocal { padding-bottom: 1em; }

.leadIn {
	margin-top: 2em;
	padding-top: 2em;
	border-top: 1px solid #d5d3d0;
	min-height: 120px;
}

.leadIn button {
	margin-top: -1em;
	padding: 1px 2px;
	border: 1px solid #b9b9b9;
	background: #fff;
	color: #74702C;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 0.1em;
}

.leadIn a.jump {
	/* display: block; */
	font-size: 9px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	border: #b9b9b9 solid 1px;
	color: #74702C;
	padding: 2px 3px;
}
.leadIn a.jump:hover {
	text-decoration: none;
	background: #c7beaf;
}

.leadIn img {
	width: 100px;
	height: 100px;
}

.leadIn .syndLocal { padding: 0; }

.leadIn .syndLocal dt { margin-bottom: .25em; }

.leadIn .syndLocal dd p { margin-bottom: 0; }

.syndLocal dt a, #portal dt a {
	font-weight: normal;
	font-size: 1.2em;
}
.syndLocal dd, #portal dd {
	/* font-size: .9em; */
}

#contentPrimary .syndLocal h3 {
	/*margin-bottom: 1.5em;*/
}

#contentPrimary div#portal dd.summary span.readMore {}

#contentPrimary div#portal dd.credits {
	font-size: .9em;
	float: left;
	margin-bottom: 1.2em;
	margin-right: .75em;
	color: #666;
}

#contentPrimary div#portal dd.comments {
	font-size: .9em;
	margin-bottom: 1em;
	float: left;
	padding: 0 .5em 0 0;
}

#contentPrimary div#portal dd.comments a {
	background: url(../images/icon_comments.gif) no-repeat left center;
	padding: 0 .5em 0 13px;
}


#contentPrimary ul {
	margin-left: 1.8em;
	list-style: disc;
}


#contentPrimary ol {
	margin-left: 1.8em;
	list-style: decimal;
}

#contentPrimary li { margin-bottom: 0.4em; }

p.intro {
	font-size: 1.4em;
	line-height: 1.8;
	margin-bottom: 1em;
	text-transform: uppercase;
}

.content p.intro { color: #333; }

p.origin {
	font-size: 10px;
	color: #666;
	margin-bottom: 0.5em;
}

p.highlight {
	color: #a5532b !important;
}

dt {
	font-weight: bold;
	margin: 0;
}
dt a {
	color: #74702C;
	text-decoration: none;
}
dt a:hover { text-decoration: underline; }

/* @end */



/* @group Columns */

.cols2 dl,
.cols2 li {
	float: left;
	width: 47.5%;
	margin-right: 2%;
	list-style: none;
}
.cols3 dl,
.cols3 li {
	float: left;
	width: 31%;
	margin-right: 2%;
	list-style: none;
}
.cols4 dl,
.cols4 li {
	float: left;
	width: 22.5%;
	margin-right: 2%;
	list-style: none;
}
.cols5 dl,
.cols5 li {
	float: left;
	width: 17.5%;
	margin-right: 2%;
	list-style: none;
}
.cols6 dl,
.cols6 li {
	float: left;
	width: 15%;
	margin-right: 1.5%;
	list-style: none;
	}
#contentPrimary ul.cols2,
#contentPrimary ul.cols3,
#contentPrimary ul.cols4,
#contentPrimary ul.cols5,
#contentPrimary ul.cols6 { margin: 0 0 1em; }

/* @end */


#container {
	width: 1000px;
	position: relative;
	margin: 23px auto 0;
	overflow: hidden;
	background-image: url(../images/bgNavSecondary.png); /* pre-load suckerfish nav bg */
}

.store #container { height: auto; }



/* @group Content Area */

#content {
	width: 1000px;
	z-index: 70;
	float: left;
	position: relative;
	background: #fff;
	min-height: 670px;
	background: #fff url(../images/bgContent.png) repeat-y 0 0;
}

body.home #content,
body.hub #content {
	height: 670px;
	overflow: hidden;
	}
body.content #content { overflow: hidden; }

body#tile.hub #content { background: #fff url(/heath/images/bgLineTile2.jpg) no-repeat 0 0; }

body.home #content {
	background: transparent;
	z-index: 80;
}

.hub .sysTableware #content { background-image: url(/heath/images/bgLineHubTableware2.jpg); }
body#homeware.hub #content { background-image: url(/heath/images/bgLineHubHomeware2.jpg); }


#fade {
	width: 800px;
	height: 200px;
	z-index: 76;
	position: absolute;
	top: 470px;
	right: 0;
	background-image: url(../images/bottom-fade.png);
}

.imgWrap {
	z-index: 76;
	position: absolute;
	top: 0;
	left: 0;
	width: 1000px;
	height: 670px;
	overflow: hidden;
	background: #f3f2ee;
}
.store .imgWrap {
	width: 1100px;
	left: 300px;
}
.product .imgWrap {
	left: 200px;
	width: 800px;
}

.home div.pageTitle {
	margin: 93px 0 0 254px;
	z-index: 80;
}


p.siteIntro {
	position: absolute;
	top: 560px;
	right: 45px;
	width: 250px;
	z-index: 80;
	color: #4f483e;
	text-transform: uppercase;
	font-size:10px;
	line-height: 1.4em;
	padding: 8px;
	background: transparent url(../images/bg_siteIntro.png) 0 0;
}


div.lineIntro {
	position: absolute;
	top: 244px;
	left: 414px;
	width: 363px;
	z-index: 80;
	color: #fff;
}
.sysRegistry div.lineIntro {
	color: #333;
	width: 554px;
	left: 257px;
}
.sysChezPanisseLine div.lineIntro,
.sysHomeware div.lineIntro {
	color: #333;
}

div.lineIntro p.intro {
	font-size:15px;
	line-height: 2.1em;
	/* text-align: justify; */
	letter-spacing: 0.07em;
	margin-bottom: 1em;
	text-transform: uppercase;
	font-family: arial, helvetica, sans-serif;
}
div.lineIntro p {
	line-height: 1.6em;
	font-family: verdana, arial, helvetica, sans-serif;
}
.sysRegistry div.lineIntro p { font-size: 16px; }

div.lineNotice {
	position: absolute;
	bottom: 36px;
	left: 255px;
	width: 110px;
	font-size: 11px;
	color: #fff;
	font-style: italic;
	z-index: 80;
	line-height: 1.1em;
}



/* @group Sava Gallery UL */

#contentPrimary ul.savaGallery { margin: 0; }

ul.savaGallery li,
#contentPrimary ul.savaGallery li,
#contentPrimary .promo ul.savaGallery li  { display: none; background: transparent; padding-left: 0; }

ul.savaGallery li.first,
#contentPrimary ul.savaGallery li.first { display: inline; }

ul.savaGallery li.first a {
	font-size: 9px;
	color: #fff;
	font-family: arial, helvetica, sans-serif;
	padding-left: 26px;
	background: transparent url(../images/bgArrowMore.gif) no-repeat 0 50%;
	font-weight: bold;
	text-transform: uppercase;
}
.sysChezPanisseLine ul.savaGallery li.first a {
	color: #333;
	background: transparent url(../images/bgArrowActionAlt.gif) no-repeat 0 50%;
}
.sysViewOurKilns ul.savaGallery li.first a {
	color: #A5532B;
	background:transparent url(/heath/images/arrow_dk_gray.gif) no-repeat right 50%;
	padding: 0 10px 0 0;
	font-size: inherit;
	font-weight: normal;
	text-transform: none;
}

/* @end */



/* @group Slide Tabs */

div.tabOptions {
	display: block;
	width: 162px;
	height: 24px;
	position: absolute;
	left: 299px;
	top: 381px;
	z-index: 400;
	background-image: url(../images/bgButtonSlideColorOptions2.png);
}

a.tabOptions {
	display: block;
	width: 162px;
	height: 24px;
	position: absolute;
	left: 299px;
	top: 381px;
	z-index: 410;
	text-indent: -9999px;
}
.open div.tabOptions,
.open a.tabOptions { display: none; }

div.tabBack {
	display: none;
	height: 24px;
	position: absolute;
	left: 299px;
	top: 381px;
	z-index: 400;
	width: 75px;
	background-image: url(../images/bgButtonSlideBack2.png);
}

a.tabBack {
	display: none;
	width: 75px;
	height: 24px;
	position: absolute;
	left: 299px;
	top: 381px;
	z-index: 410;
	text-indent: -9999px;
}

.open div.tabBack,
.open a.tabBack { display: block; }

/* @end */

/* @end */



/* @group Header */

#header {
	width: 200px;
	float: left;
	height: 100%;
	z-index: 1000;
	position: relative;
}
.home #header,
.hub #header,
.store #header {
	height: 670px;
	position: absolute;
	top: 0;
	left: 0;
}
.store #header {
	background: #D6D1C2;
	height: 9999px;
}

#header h1 {
	width: 84px;
	height: 44px;
	position: absolute;
	top: 40px;
	left: 32px;
	z-index: 2;
	background: transparent url(../images/bgLogo.png) no-repeat 0 0;
}
#header h1 a {
	display: block;
	width: 84px;
	height: 44px;
	text-indent: -9999px;
	position: relative; /* ie6 hack - keeps links clickable on absolutely positioned div with alpha transparency filter */
}

#header img.logo { display: none !important; }

#header a { position: relative; }

#header-inner {}

.home #header-inner,
.hub #header-inner {
	height: 670px;
	width: 200px;
	background: transparent url(../images/bgHeader.png) repeat-y 0 0;
}

#header-inner a.advert {
	display: block;
	height: 65px;
	overflow: hidden;
}
#header-inner a.advert:hover img {
	display: block;
	margin-top: -65px;
}


#header-inner .sub-inner a.advert {
	position: absolute;
	top: 74px;
	height: 50px;
	width: 200px;
	background: transparent;
	cursor: pointer;
}
#header-inner .sub-inner a.advert img.promo {
	position: relative;
	top: 0;
}
#header-inner .sub-inner a.advert:hover img.promo {
	margin-top: -50px;
}

#header-inner .sub-inner .banner {
	position: absolute;
	top: 74px;
	height: 50px;
	width: 200px;
	background: transparent;
	cursor: pointer;
}
#header-inner .sub-inner .banner a {
	height: auto;
	width: auto;
	}


#visitBlog {
	display: block;
	position: absolute !important;
	top: 110px;
	left: 0;
	width: 200px;
	height: 31px;
	text-indent: -9999px;
	background: url(../images/banners/blog-button.png);
	}
#visitBlog:hover {
	background-position: 0 100%;
	}







/* navPrimary */







/* @group Nav Cart / Account */

#navCart {
	width: 162px;
	margin-left: 38px;
	overflow: hidden;
}
#navCart a {
	display: block;
	width: 162px;
	font-size: 9px;
	color: #4f453b;
	letter-spacing: 1px;
	line-height: 22px;
	text-decoration: none;
}

#navCart a:hover { color: #fff; }

#navShoppingCart a {
	padding-left: 16px;
	width: 146px;
	background: transparent url(/heath/images/bg_icon_cart.gif) no-repeat 0 50%;
}


#navShoppingCart a:hover { background-position: -209px 50%; }
/* @end */

/* @end */



/* @group Nav Secondary */

/* @group Unordered List Content */

ul.navSecondary {
	text-transform: uppercase;
	font-size: 9px;
	position: absolute;
	top: 40px;
	left: 0;
}
ul.navSecondary li {
	float: left;
	margin-bottom: .5em;
	white-space: nowrap;
}

ul.navSecondary li a {
	padding: 0 6px 0 8px;
	border-left: #ccc solid 1px;
	color: #010101;
	text-decoration: none;
}
ul.navSecondary li a:hover { text-decoration: underline; }

ul.navSecondary li.first a {
	border: none;
	padding-left: 0;
}

ul.navSecondary li a.current { color: #c60; }

ul.navSecondary li ul { display: none; }

/* @end */



/* @group Unordered List Hub */

.hub ul.navSecondary {
	width: 105px;
	height: 670px;
	position: absolute;
	top: 0;
	left: auto;
	right: 49px;
	background: transparent url(/heath/images/bgIconBand.png) repeat-y 0 0;
	z-index: 80;
	margin: 0;
}
.hub ul.navSecondary li {
	width: 105px;
	height: 112px;
	display: block;
	background: transparent url(/heath/images/bgIconDivider.gif) no-repeat 50% 0;
	position: relative;
}
.hub ul.navSecondary li.first {
	height: 111px;
	background: transparent;
	padding-top: 50px;
}
.hub ul.navSecondary li a {
	display: block;
	width: 105px;
	height: 111px;
	text-indent: -9999px;
	border: 0;
	padding: 0;
	position: relative;
	cursor: pointer;
}

/*.hub ul.navSecondary li.plates a { background-image: url(/heath/images/bgIconsPlates.png); }
.hub ul.navSecondary li.bowls a { background-image: url(/heath/images/bgIconsBowls.png); }
.hub ul.navSecondary li.cups a { background-image: url(/heath/images/bgIconsCups.png); }
.hub ul.navSecondary li.accessories a { background-image: url(/heath/images/bgIconsAccessories.png); }*/

.sysHeathTile ul.navSecondary li.colors a { background-image: url(/heath/images/icon_tile_colors.png); }
.sysHeathTile ul.navSecondary li.sizes a { background-image: url(/heath/images/icon_tile_sizes.png); }
.sysHeathTile ul.navSecondary li.collections a { background-image: url(/heath/images/icon_tile_collections.png); }
.sysHeathTile ul.navSecondary li.installations a { background-image: url(/heath/images/icon_tile_installations.png); }

.sysPlazaLine ul.navSecondary li.plates a { background-image: url(/heath/images/icon_plaza_plates.png); }
.sysPlazaLine ul.navSecondary li.bowls a { background-image: url(/heath/images/icon_plaza_bowls.png); }
.sysPlazaLine ul.navSecondary li.cups a { background-image: url(/heath/images/icon_plaza_cups.png); }
.sysPlazaLine ul.navSecondary li.accessories a { background-image: url(/heath/images/icon_accessories_one.png); }
.sysPlazaLine ul.navSecondary li.full a { background-image: url(/heath/images/icon_plaza_full.png); }

.sysRimLine ul.navSecondary li.plates a { background-image: url(/heath/images/icon_rim_plates.png); }
.sysRimLine ul.navSecondary li.bowls a { background-image: url(/heath/images/icon_rim_bowls.png); }
.sysRimLine ul.navSecondary li.cups a { background-image: url(/heath/images/icon_rim_cups.png); }
.sysRimLine ul.navSecondary li.accessories a { background-image: url(/heath/images/icon_accessories_two.png); }
.sysRimLine ul.navSecondary li.full a { background-image: url(/heath/images/icon_rim_full.png); }

.sysCoupeLine ul.navSecondary li.plates a { background-image: url(/heath/images/icon_coupe_plates.png); }
.sysCoupeLine ul.navSecondary li.bowls a { background-image: url(/heath/images/icon_coupe_bowls.png); }
.sysCoupeLine ul.navSecondary li.cups a { background-image: url(/heath/images/icon_coupe_cups.png); }
.sysCoupeLine ul.navSecondary li.accessories a { background-image: url(/heath/images/icon_accessories_three.png); }
.sysCoupeLine ul.navSecondary li.full a { background-image: url(/heath/images/icon_coupe_full.png); }

.sysChezPanisseLine ul.navSecondary li.bowls a { background-image: url(/heath/images/icon_chez_panisse_bowls.png); }
.sysChezPanisseLine ul.navSecondary li.cups a { background-image: url(/heath/images/icon_chez_panisse_cups.png); }
.sysChezPanisseLine ul.navSecondary li.plates a { background-image: url(/heath/images/icon_chez_panisse_plates.png); }
.sysChezPanisseLine ul.navSecondary li.accessories a { background-image: url(/heath/images/icon_chez_panisse_accessory.png); }
.sysChezPanisseLine ul.navSecondary li.full a { background-image: url(/heath/images/icon_chez_panisse_full.png); }

.hub ul.navSecondary li a:hover { background-position: 0 bottom; }

/* @end */



/* @group Div */

.hub div.navSecondary {
	width: 164px;
	padding-top: 130px;
	position: absolute;
	top: 0;
	left:  auto;
	right: 20px;
	z-index: 80;
}
.hub div.navSecondary h3 {
	color: #000;
	margin-bottom: 0;
	text-indent: 15px;
	font: italic normal normal 11px/2em georgia,times,"times new roman",serif;
	letter-spacing: 1px;
	text-transform: none;
}
.hub div.navSecondary ul {
	width: 128px;
	margin: 0 auto 2.5em;
}
.hub div.navSecondary li {
	width: 128px;
	display: block;
}
.hub div.navSecondary li a {
	display: block;
	width: 128px;
	border: 0;
	color: #000;
	padding: 4px 0;
	line-height: 1.2em;
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: 1px;
}
.hub div.navSecondary li a:hover {
	text-decoration: none;
	color: #c60;
	color: #444;
}

/* @end */

/* @end */



/* @group contentHeader */

#contentHeader {
	float: right;
	width: 692px;
	margin-right: 54px;
	min-height: 214px;
	position: relative;
}

strong.section {
	display: block;
	width: 400px;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	position: absolute;
	top: 100px;
	left: 40px;
}
.hub strong.section {
	top: 130px;
	left: 285px;
	color: #fff;
	z-index: 80;
}
.sysPlazaLine strong.section,
.sysRegistry strong.section {
	color: #333;
}

#contentHeader h2 { margin-top: 140px; }

/* @end */



.content #contentPrimary {
	width: 576px;
	float: left;
	margin: 0 0 0 98px;
	line-height: 1.4em;
	position: relative;
	z-index: 100;
	padding-bottom: 30px; /* estimate */
	min-height: 500px;
}

.default #contentPrimary {
	width: 692px;
	margin: 0 54px;
	float: left;
	padding-bottom: 30px; /* estimate */
}

.contentWide #contentPrimary {
	width: 570px;
	margin-left: 54px;
	padding-bottom: 30px; /* estimate */
}

.sysManageRegistry #contentPrimary {
	width: 536px;
	margin-left: 54px;
}


#contentPrimary .syndLocal dd img,
#contentPrimary .syndRemote dd img,
#contentPrimary #portal dd img {
	padding-right: 20px;
	float: left;
	/*margin-top: -1.5em;*/
}

#contentPrimary .comments img { padding: 0; }
.comments h3 { margin-top: 3em; }
.comments dl { margin-bottom: 2em; }
.comments dd { margin-bottom: 1.5em; }



/* @group Group */

#contentPrimary .group {
	width: 100%;
	float: left;
	clear: both;
	font-size: 11px;
	margin: 0 0 1em;
}

.group dl { margin-bottom: 0.4em; }

.group dt, group dt a { color:#A5532B; }

.group dd { line-height: 1.3em; }

.group h3 { margin-bottom: 1em; }

.group h4 { border-bottom: #ccc solid 1px; margin-bottom: 0.8em; }

#contentPrimary .group img { padding: 0; margin: 0; }

#contentPrimary ul.group { list-style: none; margin: 0;}

/* @end */



/* @group Group People */

.groupPeople h3 { border-bottom: #ccc solid 1px; }

.groupPeople dl { height: 7.5em; }

#contentPrimary .groupPeople dl img { margin: 0 0.5em 0 0; }

/* @end */


/* @group Group Friends */

.sysHeathFriends h3 { border-bottom: #ccc solid 1px; }

.groupFriends dl { height: 5.5em; }

#contentPrimary .groupFriends dl img { margin: 0 0.5em 0 0; }


.groupFriendsFavorites dl { height: 8.5em; }
#contentPrimary .groupFriendsFavorites dl img { margin: 0 0.5em 0 0; }


.groupFriendsPlaces dl { height: 9.5em; }
#contentPrimary .groupFriendsPlaces dl img { margin: 0 0.5em 0 0; }


.groupFriendsWedding h4 { border-bottom: #ccc dotted 1px; color: #555; }
.groupFriendsWedding dl { height: 8em; }
.groupFriendsWedding dl a { font-weight: bold; }
#contentPrimary .groupFriendsWedding dl img { margin: 0 0.5em 0 0; float: left; }

/* @end */

/* @group Group Retailers */

.groupRetailers dl { height: 9em; }

/* @end */



/* @group Group Press */

.groupPress dl { height: 20em; }

.groupPress dt,
.groupPress dt a {
	color: #c60;
	}

.groupPress dl img { display: block; }

/* @end */



/* @group Group Contacts */

.groupContacts dl { height: 6em; }

/* @end */



/* @group Group Tile Collections */

#contentPrimary .groupTileCollections li {
	height: 16em;
	/* font-size: .8em; */
	font-weight: bold;
	padding-bottom: .5em;
	margin-bottom: 3em;
}

.sysDwellPatterns #contentPrimary .groupTileCollections li {
	height: 11em;
}

#contentPrimary .groupTileCollections img {
	margin: 0 0 0.5em;
	display: block;
}

#tileCollectionsSidebar {
	padding-top: 20px;
	/* margin-right: 20px; */
	margin-right: 12px;
}

#tileCollectionsSidebar p {
	font-size: 9px;
	color: #333;
}

/* @end */



/* @group Group Tile Installations */

#contentPrimary ul.groupTileInstallations {
	width: 100%;
	float: left;
	clear: both;
	margin: 0;
}

#contentPrimary .groupTileInstallations li { height: 142px; }
#contentPrimary .groupTileInstallations li img { width: 100px; height: auto; }

/* @end */



/* @group Galleries */

#savaGallery ul {
	margin: 0;
	list-style: none;
	width: 100%;
}

#contentPrimary #savaGallery ul li {
	float: left;
	width: auto;
	list-style: none;
	margin: 0 13px 13px 0 !important;
	text-align: center;
	clear: none;
	padding: 0;
	border: none;
	display: block;
}


#tile div#savaGallery li a {
	display: block;
	width: 160px;
	height: 160px;
	overflow: hidden;
	}

#savaGallery li a img {
	display: block;
	width: 160px;
	height: auto;
	padding: 0;
	}

/*#savaGallery li a:hover img {
	padding: 0;
	border: #a5532b solid 0;
	background: #fff;
}*/

#savaGallery ul li p {
	clear: both;
	text-align: center;
	margin: 0;
	font-size: 10px;
}

/* @end */



/* @group Sequential & More Results Nav */

#navSequential,
.moreResults ul {
	list-style: none;
	margin: 0 !important;
	padding: 0;
	display: inline;
}

#navSequential li,
.moreResults li {
	list-style: none;
	display: inline;
	padding: 0;
	margin: 0 !important;
	text-align: center;
}

#navSequential li a,
.moreResults li a {
	display: inline !imoprtant;
	width: auto !important;
	height: auto !important;
	text-decoration: none;
	padding: .1em .2em;
}

#navSequential li#current a,
.moreResults li#current a {
	border: 1px solid #e4e4e4;
	color: #000;
}

#navSequential li a:hover {
	background: #e4e4e4;
}

.moreResults li a:hover {}

#navSequential a.current,
.moreResults a.current {
	border: 1px solid #ccc;
}

/* @end */



#portal dl {
	position: relative;
	padding: 0 0 1em;
	border-bottom: #ccc solid 1px;
	margin: 0 0 1em;
	float: left;
	clear: both;
	width: 100%;
}
#portal dl.last { border: none; }

#portal dt {
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 0.1em;
	/* margin-left: 120px; */
}

#portal dd {
	/* margin-left: 120px; */
}

#portal img {
	float:left;
	width: 100px;
	height: 100px;
}

div#portal ul {
	margin: 0;
	list-style: none;
}

#portal ul.nav {
	font-size: 9px;
	padding: 1em 0 0;
	line-height: 1.6em;
	height: 1.6em;
}
#portal ul.nav li {
	float: left;
	margin-right: 7px;
}
#portal ul.nav a {
	display: block;
	padding: 0 0.6em;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	border: #b9b9b9 solid 1px;
	color: #74702C;
}
#portal ul.nav a:hover {
	color: #c60;
	border-color: #999;
}


#slide {
	width: 1100px;
	position: absolute;
	top: 0;
	left: 200px;
	background: #babab9 url(/heath/images/bgSlide.gif) repeat-y 0 0; /* bfbfbf */
}
#slide.open span#teaser h2 { display: none; }


#left {
	width: 300px;
	height: 670px;
	float: left;
	z-index: 100;
	background: #e0dcd0;
	position: relative;
}


/* @group Bread Crumbs */

.crumbList {
	width: 258px;
	margin: 40px 0 18px 22px;
	font-weight: bold;
	letter-spacing: 1px;
}
.crumbList li {
	display: inline;
	background: transparent url(../images/bgCrumbDivider.gif) no-repeat 1px 50%;
	padding-left: 13px;
}
.crumbList li.first {
	padding: 0;
	background: transparent;
}
.crumbList li a {
	color: #4a4036;
	font-size: 9px;
	text-transform: uppercase;
}
.crumbList li a:hover { text-decoration:underline; }

div#contentHeader ul#crumbList li.first,
div#contentHeader ul#crumbList li.last {
	display: none;
}

div#contentHeader ul#crumbList li {
	display: block;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	padding-left: 40px;
	margin: 0 0 20px;
	font-weight: bold;
}
div#contentHeader ul#crumbList li a {
	color: #000;
}

/* @end */



/* @group Byline Paragraph */

p.byline {
	line-height: 2em;
	vertical-align: middle;
	font-size: 10px;
	color: #666;
	margin-bottom: 1.5em;
}
p.byline a {
	color: #666;
	font-weight: bold;
}
p.byline a:hover { text-decoration: underline; }

p.byline img { vertical-align: middle; }

/* @end */



/* @group Browse Dropdown */

#browse {
	z-index: 300;
	margin: 0 auto 7px;
	width: 258px;
}
#browse em {
	display: block;
	margin: 0 0 6px;
	font-size: 9px;
	font-family: georgia, times, "times new roman", sans-serif;
	color: #666;
}

#browse ul {
	width: 258px;
	height: 16px;
	position: relative;
	z-index: 310;
	font-size: 9px;
	text-transform: uppercase;
	line-height: 16px;
	background: #fff url(../images/bgDropDown.gif) no-repeat 0 0;
	display: block;
}

#browse li { width: 258px; }

#browse a {
	color: #999;
	width: 231px;
	padding: 0 22px 0 5px;
	margin: 0;
	display: block;
	background: transparent url(../images/bgDropDownArrow.gif) no-repeat right 0;
}
#browse a.drop {
	display: block;
	color: #333;
}

#browse li ul {
	position: absolute;
	left: -999em;
	display: none;
	width: 258px;
	height: auto;
	margin: 0;
	color: #333;
}

#browse li:hover ul,
#browse li.sfhover ul {
	display: block;
	border-bottom: #ccc solid 1px;
	left: 0;
	top: 16px;
	z-index: 305;
	float: none;
	margin: 0;
	background: #fff url(/heath/images/bgDropDownBorder.gif) repeat-y 0 0;
}

#browse li ul li {
	float: none;
	height: auto;
	padding: 0;
	margin: 0;
	width: 258px;
	display: block;
	background: transparent url(/heath/images/bgDropDownBorder.gif) repeat-y right 0;
}
#browse li ul li.first { padding-top: 2px; }

#browse li ul li a {
	background: none !important;
	font-weight: normal;
	color: #999;
	cursor: pointer;
	line-height: 1.2em;
	margin: 0;
	width: 231px;
	padding: 0 22px 0.5em 5px;
	}

#browse li a:hover,
#browse li:hover ul li a:hover,
#browse li.sfhover ul li a:hover {
	text-decoration: none;
	color: #474036;
}

#browse li:hover div em,
#browse li.sfhover div em {
	display: block;
	line-height: 2em;
	text-indent: 25px;
	font-family: georgia, times, "times new roman", serif;
	}

/* @end */



/* @group Nav Product Types */

.navProductTypes {
	background: transparent url(../images/bgBorderDotted.gif) repeat-x 0 0;
	width: 258px;
	margin: 0 auto 4px;
	clear: both;
}

.navProductTypes ul {
	font-size: 9px;
	text-transform: uppercase;
	background: transparent url(../images/bgBorderDotted.gif) repeat-x 0 bottom;
	margin: 0;
	padding: 8px 0;
}
.navProductTypes li { display: inline; }

.navProductTypes li a{
	color: #74702C;
	border-left: #999 solid 1px;
	padding: 0 5px 0 7px;
}
.navProductTypes li.first a{
	border: none;
	padding-left: 0;
}
.navProductTypes li a:hover{ text-decoration: underline; }

/* @end */

/* @group Product Items Grid */

ul.navProductItems {
	width: 268px;
	/*height: 222px;*/
	height: 296px;
	margin: 0 auto 16px;
	background: transparent url(../images/bgGrid.gif) repeat 0 0;
	position: relative;
	z-index: 300;
}
ul.navProductItems li {
	width: 65px;
	height: 72px;
	float: left;
	margin: 1px;
	display: inline; /*ie6 hack*/
}

ul.navProductItems li.previous,
ul.navProductItems li.next {
	position: absolute;
	/*top: 91px;*/
	top: 128px;
	float: none;
	display: block;
	width: 15px;
	height: 39px;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}

ul.navProductItems li.previous { left: -13px; }
ul.navProductItems li.next { right: -13px; }

ul.navProductItems li.previous a,
ul.navProductItems li.next a {
	width: 15px;
	height: 39px;
}
ul.navProductItems li.previous a { background: transparent url(../images/bgGridArrowLeft.gif) no-repeat 50% 50%; }
ul.navProductItems li.next a { background: transparent url(../images/bgGridArrowRight.gif) no-repeat 50% 50%; }

ul.navProductItems li.previous a:hover { background: #e9e7de url(../images/bgGridArrowLeft.gif) no-repeat 50% 50%; }
ul.navProductItems li.next a:hover { background: #e9e7de url(../images/bgGridArrowRight.gif) no-repeat 50% 50%; }


ul.navProductItems li a {
	display: block;
	width: 65px;
	height: 72px;
}
ul.navProductItems li a img {
	display: block;
	width: 57px;
	height: 64px;
	padding: 4px;
}
ul.navProductItems li a:hover img {
	background: #fff;
	padding: 2px;
	border: #a5532b solid 2px;
}

/* @end */



/* @group Product Details */

dl.productDetails {
	width: 252px;
	margin: 0 auto;
	font-size: 10px;
	line-height: 1.2em;
}

#right dl.productDetails { width: 100%; }

dl.productDetails dt {
	font-weight: normal;
	color: #000;
	margin: 0 0 1em;
}

dl.productDetails dt p { margin: 0; }

dl.productDetails dd { margin: 0 0 0.4em; }


dl.productDetails dd.description {
	font: 12px/1.4 georgia, times, "times new roman", serif;
	color: #222;
}


dl.productDetails dd.price {
	line-height: 1.6em;
	text-transform: uppercase;
	margin: 0 0 2em;
	height: 1.6em;
	}
#right dl.productDetails dd.price { margin-bottom: 1em; }

dl.productDetails dd.price strong{
	font-size: 14px;
	font-weight: normal;
}
dl.productDetails dd.price a {
	font-weight: bold;
	color: #74702C;
	padding-left: 2em;
	text-decoration: none;
	display: none;
}
dl.productDetails dd.price a:hover { text-decoration: underline; }

#right dl.productDetails dd.price span {
	float: left;
	width: 60px;
}
#right dl.productDetails dd.price strong {
	float: left;
	width: auto;
}


dl.productDetails dd.shots { clear: both; }

dl.productDetails dd.shots ul {
	height: 37px;
	margin: 0;
}
dl.productDetails dd.shots ul li {
	float: left;
	width: 42px;
	height: 29px;
	margin-right: 5px;
}
dl.productDetails dd.shots ul li a {
	display: block;
	width: 42px;
	height: 29px;
}
dl.productDetails dd.shots ul li a img {
	display: block;
	width: 40px;
	height: 27px;
	padding: 2px;
}
dl.productDetails dd.shots ul li a:hover img {
	padding: 1px;
	background: #fff;
	border: #a5532b solid 1px;
}

#right a.close {
	display: block;
	width: 88px;
	height: 19px;
	text-indent: -9999px;
	background: url(../images/bgButtonBackToRegistry.gif);
	}

/* @end */



/* @group Form - Registry Locator */

#contentPrimary .sysRegistry ul.cols3 {
	padding-top: 1em;
	margin: 0;
	list-style: none;
}

.sysRegistry .cols3 li {
	border-left: #ccc solid 1px;
	height: 19.5em;
	font-size: 10px;
	padding: 0 0 0 2%;
}
.sysRegistry .cols3 li.first {
	border: none;
	padding: 0 2% 0 0;
}
.sysRegistry .cols3 li h3 {
	margin-bottom: 1em;
}
.sysRegistry .cols3 li a {
	padding-left: 22px;
	background: transparent url(../images/bgArrowAction.gif) no-repeat 0 50%;
	text-decoration: none;
}
.sysRegistry .cols3 li a:hover { text-decoration: underline; }


form.registryLocator fieldset { margin: 0 0 0.7em; }

form.registryLocator fieldset.submit {
	padding: 3px 0 0 0;
	width: 137px;
}
form.registryLocator label {
	display: block;
	font-size: 10px;
	line-height: 1.8em;
}
form.registryLocator input {
	width: 135px;
	border: #ccc solid 1px;
	padding: 1px;
	font-size: 11px;
}
form.registryLocator button {
	display: block;
	float: right;
	background: #80776f;
	text-transform: uppercase;
	color: #fff;
	border: none;
	font-size: 9px;
	padding: 2px 5px;
}

/* @end */



/* @group Form - Submit Your Story */

form.submitYourStory { width: 100%; }

form.submitYourStory fieldset {
	float: left;
	width: 100%;
	clear: both;
	padding: 5px 0;
}
form.submitYourStory label {
	width: 25%;
	float: left;
	text-align: right;
	padding-right: 2%;
	color: #333;
	font-weight: bold;
}
form.submitYourStory fieldset input {
	float: left;
	width: 72%;
	border: #ccc solid 1px;
}
form.submitYourStory fieldset select {
	float: left;
	border: #ccc solid 1px;
}
form.submitYourStory textarea {
	float: left;
	width: 72%;
	height: 200px;
	border: #ccc solid 1px;
}
form.submitYourStory div {
	float: left;
	clear: both;
	width: 100%;
}
form.submitYourStory div input{
	display: block;
	float: right;
	background: #80776f;
	text-transform: uppercase;
	color: #fff;
	border: none;
	font-size: 9px;
	padding: 2px 5px;
	cursor: pointer;
	width:50px;
}

/*
form.submitYourStory fieldset li input {
	padding: 0.2em 0.3em; 
	margin: 0;
	width: 10px; 
	float: left; 
	z-index: 999;}
*/	

/* @end */



/* @group Form - Shopping Cart */

form#shopAction {
	float: left;
	font-size: 10px;
	margin: 0;
	padding-bottom: 1em;
}

form#shopAction ul {
	float: left;
	clear: both;
	margin: 0;
}

form#shopAction li {
	float: left;
	display: block;
	width: 120px;
}

form#shopAction li.options { width: 265px; }

form#shopAction li.buttons { float: right; padding-bottom: 3.5em; }

#shopAction ul li.prop {
	width: 100%;
	clear: both;
	line-height: 1.4em;
	}

form#shopAction fieldset {
	float: left;
	display: inline;
	line-height: 2.6em;
	padding: 0.4em 0;
	width: 100%;
}

form#shopAction label {
	float: left;
	width: 60px;
	text-transform: uppercase;
	font-size: 9px;
}

form#shopAction select,
form#shopAction input {
	float: left;
	width: 90px;
	font-size: 10px;
}
form#shopAction input#inputQty {
	width: 30px;
}
form#shopAction select { width: auto; }

form#shopAction button {
	display: block;
	width: 100px;
	height: 19px;
	padding: 0;
	margin: 0 auto;
	background: transparent;
	border: none;
	font-size: 9px;
	clear: left;
	text-align: center;
	color: #ac623e;
	letter-spacing: 0;
	text-transform: none;
}

form#shopAction button.active {
	padding: 0;
	margin: 2px 0 10px;
	border: none;
	font-size: 8px;
	text-indent: -9999px;
	width: 81px;
	height: 19px;
}

form#shopAction button#submitCart.active { background-image: url(/heath/images/bgButtonAddToCart2.gif); margin: 0 auto; }
form#shopAction button#submitWishlist.active { background-image: url(/heath/images/bgButtonAddToWishlist2.gif); }
form#shopAction button#submitRegistry.active { background-image: url(/heath/images/bgButtonAddToRegistry2.gif); }

#shopAction ul li#addedToCart {
	margin-bottom: 1em;
}
#shopAction ul li#addedToCart p {
	background: #4a4036;
	color: #fff;
	font-size: 10px;
	width: 145px;
	padding: 4px 6px 6px;
	font-weight: bold;
	width: 120px;
	margin-bottom: 0.5em;
}
#shopAction ul li#addedToCart a {
	color: #A5532B;
}

/*
form#shopAction button#submitCart.active {
	padding: 0;
	margin: 2px 0 10px;
	border: none;
	font-size: 9px;
	text-indent: -9999px;
	width: 81px;
	height: 19px;
	background: transparent url(/heath/images/bgButtonCartAdd.gif) no-repeat 0 0;
}
*/

form#shopAction button:hover { text-decoration: underline; }
form#shopAction button.active:hover { text-decoration: none; }

/* @end */



/* @group Product Options */

#productOptions {
	clear: both;
	padding: 9px 0 18px;
	border-top: #bebfbf solid 1px;
}
#productOptions ul {
	float: left;
	clear: both;
	margin: 0 0 0.5em;
}
#productOptions li {
	float: left;
	width: 34px;
	height: 22px;
	margin: 0 3px 3px 0;
}
#productOptions li a {
	display: block;
	width: 34px;
	height: 22px;
}
#productOptions li a img{
	display: block;
	width: 30px;
	height: 18px;
	padding: 2px;
}
#productOptions li a:hover img,
#productOptions li.current a img{
	padding: 1px;
	border: #d17019 solid 1px;
}
#productOptions strong {
	display: block;
	clear: both;
	color: #333;
	font-size: 9px;
	text-transform: uppercase;
}

/* @end */



/* @group Suggest */

#suggest {
	width: 100%;
	float: left;
	clear: both;
	padding: 9px 0 20px;
	/*padding: 9px 0 0;*/
	border-top: #bfbfbf solid 1px;
}

#suggest dl {
	width: 100%;
	float: left;
	clear: both;
	margin: 0 0 1em;
}
#suggest dt {
	font-weight: normal;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	margin: 0 0 0.3em;
}

#suggest dd,
#suggest dt {
	float: right;
	width: 190px;
	height: auto;
	font-size: 10px;
}
#suggest dd p { margin: 0; }
#suggest dd br { display: none; }

#suggest dd {
	font-family: georgia, "times new roman", times, serif;
	color: #3a3a3a;
	line-height: 1.2em;
}

#suggest dd.pic {
	float: left;
	width: 57px;
	height: 64px;
	background: #bbb;
	margin-right: 6px;
}
#suggest dd.pic img{
	width: 57px;
	height: 64px;
	display: block;
}

/* @end */



#left p.productIntro {
	position: absolute;
	top: 548px;
	left: 327px;
	width: 154px;
	z-index: 80;
	color: #666;
	padding-top: 0.5em;
	font-size: 11px;
	line-height: 1.6em;
	font-style: italic;
	border-top: #999 solid 1px;
}

#right {
	float: right;
	z-index: 200;
	width: 256px;
	position: relative;
}

.content #right {
	/* width: 64px; */
	width: 100px;
}  /*use neg top margin to push heading upwards?*/

.contentWide #right {
	width: 166px;
}

.sysManageRegistry #right {
	width: 180px; /* no right padding applied yet */
}

.store #right {
	margin-right: 24px;
	/*padding-top: 60px;*/
	padding-bottom: 24px;
}


/* @group Category Landing Intros */

#landing {
	position: absolute;
	top: 0;
	left: -520px;
	width: 500px;
	height: 670px;
	background: #fff;
	}

#landing h2 {
	margin: 0 0 15px;
	font-size: 15px;
	line-height: 28px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .05em;
	color: #fff;
	}

#landing div {
	width: 268px;
	padding: 140px 0 0 32px;
	}

#landing p {
	font-size: 12px;
	line-height: 22px;
	color: #fff;
	}

#landing p b,
#landing p strong {
	text-transform: uppercase;
	}

#landing a.more {
	padding: 5px 5px 6px 26px;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #fff;
	background: transparent url(../images/bgArrowActionWht.gif) no-repeat 0 50%;
	}

/* @end */


/* @group Regsitry Popup styles */

.store #container.popup { width: 800px; height: 600px; margin: 0 auto; }

.store .popup #content { width: 800px; }

.store .popup .imgWrap { left: 0; width: 800px; }

.store .popup #right { padding-top: 25px; }

.popup dl.productDetails { margin-bottom: 1.5em; }

/* @end */


/* @group Flickr Feed */

#right #sysFlickrFeed {
	width: 64px;
	float: right;
}
#right #sysFlickrFeed h3 {
	margin-right: 1em;
}

#right #sysFlickrFeed img {
	height: 64px;
	width: 64px;
	margin: 0 0 0 0;
	padding: 0;
	border: 0;
	display: block;
}

#right #sysFlickrFeed a, #right #sysFlickrFeed dd {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 0%;
}

#right #sysFlickrFeed dt { display: none; }

#right #sysFlickrFeed p {
	text-indent: -999em;
	font-size: 0%;
	height: 1%;
	margin: 0;
	padding: 0;
	border: 0;
}

/* @end */


#contentDetailGrid {
	margin-left: 188px;
	font-size: 11px;
	min-height: 270px;
}

#locations .sysHoursLocation #contentDetailGrid {
	margin-left: 300px;
	}



#contentPrimary img.offsetLeft {
	margin: 0 2em 2em 0;
	position: absolute;
	padding: 0;
	left: -98px;
	display: block;
}

.promo {
	clear: both;
	margin-bottom: 1em;
	float: left;
	width: 100%;
}

.promo h3 {
	clear: none;
	line-height: 1.3;

	letter-spacing: 0.1em;
}

#contentPrimary .promo img.left {
	margin-bottom: 0.2em;
}

.promo p {
	margin-bottom: .5em;
}

a.actionItem {
	background: url(../images/arrow_dk_gray.gif) no-repeat right center;
	padding-right: 10px;
}

.promo a.actionItem {
	font-size: 1em;
	color: #A5532B;
}

#contentPrimary .promo ul {
	margin-left: 0;
	list-style: none;
}
#contentPrimary .promo ul li {
	padding-left: 10px;
	background: transparent url(/heath/images/bullet.gif) no-repeat 0 0.6em;
}

#landingPageGrouping {
	width: 100%;
}

#landingPageGrouping .primary {
	float: left;
	width: 48%;
	font-size: 11px;
}

#landingPageGrouping .primary img {
	max-width: 270px;
}

#landingPageGrouping .secondary {
	float: right;
	width: 48%;
	font-size: 11px;
}



/* @group Shop by Color (ul.grid) */

#contentPrimary .grid {
	list-style: none;
	margin: 0;
	float: left;
	width: 100%;
}

#contentPrimary .grid li {
	list-style: none;
	margin: 0 10px 10px 0;
	padding: 0;
	float: left;
	font-size: 11px;
}

#contentPrimary .grid#shopByColor li {
	background-color: #333;
	min-height: 134px;
	min-width: 134px;
}

#contentPrimary .grid#shopByColor p {
	background-color: #fff;
	margin: 0;
}

#contentPrimary .grid#shopByColor li a {
	color: #333;
}

#contentPrimary .grid li img {
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
}

/* @end */



/* @group Tooltip */

/*.sysTileColors #content {
	overflow: auto;
}*/

#contentPrimary .tileSwatches {
	float: left;
	width: 100%;
	padding-bottom: 2em;
}

#contentPrimary .swatchesBottom { padding-bottom: 240px; }

#contentPrimary .tileSwatches ul {
	list-style: none;
	margin: 0 6px 1em 0;
	padding: 0;
	float: left;
	width: 138px;
}

#contentPrimary .tileSwatches li {
	float:  left;
	width: 43px;
	height: 66px;
	margin: 0 2px 0 0;
	padding: 0;
	font-size: 11px;
}
#contentPrimary .tileSwatches li a {
	display: block;
	width: 43px;
	height: 66px;
}
#contentPrimary .tileSwatches li img {
	display: block;
	width: 43px;
	height: 43px;
}

.tileSwatches ul li div {
	display: none;
	position: absolute;
	width: 120px;
	margin: 26px 0 0 0px;
	padding: 6px;
	background: transparent url(../images/bg_tooltip2.png);
	color: #fff;
	font-size: 10px;
	text-transform: uppercase;
	white-space: normal;
	z-index: 5000;
	/*top: 45%;
	left: -600%;*/
}

.tileSwatches ul li:hover div,
.tileSwatches ul li.sfhover div { display: block; }

.tileSwatches ul.left li div { margin: -24px 0 0 20px; }

.tileSwatches li div h4 {
	margin: 0 0 .25em;
	color: #fff;
	font-size: 12px;
}

#contentPrimary .tileSwatches li div img {
	display: block;
	width: 120px;
	height: 120px;
	padding: 0;
	margin: 0 0 6px;
}

#contentPrimary .tileSwatches li div p { margin-bottom: 0.5em; }

#contentPrimary .tileSwatches li div p strong { font-weight: bold; }


/* @group IE5 Fix */

a.expand {
	position: relative;
	text-decoration: none;
	cursor: help;
}
a.expand span { display: none; }
a.expand:hover span {
	display: block;
	position: absolute;
	padding: 10px;
	background: #f3f3f3;
	border: 1px solid #ccc;
	color: #000;
	margin: 3px 0 0 3px;
	width: 250px;
	z-index: 5000;
	top: -30px;
}

/* @end */

/* @end */



/* @group Footer */

#footer {
	clear: both;
	text-align: right;
	color: #fff;
	font-size: 9px;
	line-height: 6em;
	padding-top: 1em;
	background: #4a4036;
}
#footer p { margin: 0; }
.store #footer {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	top: 0;
}
#footer a { color: #fff; }

/* @end */



/* @group Registry Landing Page */

#dsp_home.registryLanding #contentHeader {
	margin-top: -30px;
	margin-left: -53px;
	}

#dsp_home.registryLanding .sysRegistry {
	float: left;
	width: 508px;
	margin-left: -14px;
	}

#dsp_home.registryLanding .sysRegistry h3 {
	color: #662E01;
	}

#dsp_home .registrySidebar {

	float: right;
	width: 138px;
	margin: -114px -80px 0 0;
	}

#dsp_home .registrySidebar ul {
	margin: 0;
	list-style: none;
	}
#dsp_home .registrySidebar li {
	margin: 0 0 3.3em;
	list-style: none;
	}
#dsp_home .registrySidebar h3 {
	margin: 0 0 1.5em;
	font-size: 8px;
	letter-spacing: 1px;
	color: #662E01;
	}
#dsp_home .registrySidebar p {
	margin: 0 0 .5em;
	line-height: 1.25em;
	}

#dsp_home .registrySidebar li a {
	padding-left: 22px;
	background: transparent url(/heath/images/bgArrowActionGrn.gif) no-repeat 0 50%;
	font-size: 9px;
	font-weight:bold;
	text-transform: uppercase;
	text-decoration: none;
	color: #766f27;
	}


/* @end Registry Landing Page */






/* @group PrettyPhoto */

/* ----------------------------------
	Light Square Theme
----------------------------------- */

div.light_square .pp_left ,
div.light_square .pp_middle,
div.light_square .pp_right,
div.light_square .pp_content {
	color: #fff;
	background: #4a4036;
	}

div.light_square .pp_expand { background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.light_square .pp_expand:hover { background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.light_square .pp_contract { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.light_square .pp_contract:hover { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.light_square .pp_close { /*width: 75px; height: 22px;*/ /*background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;*/ cursor: pointer; } /* Close button */

div.light_square .pp_arrow_previous { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
	div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.light_square .pp_arrow_next { background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
	div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

div.light_square .pp_next:hover { background: url(../images/prettyPhoto/light_square/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
div.light_square .pp_previous:hover { background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */


/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */

div.pp_pic_holder a:focus { outline:none; }

div.pp_overlay {
	background: #000;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 9500;
}

div.pp_pic_holder {
	display: none;
	position: absolute;
	width: 100px;
	z-index: 10000;
}
		
.pp_top {
	height: 20px;
	position: relative;
}
* html .pp_top { padding: 0 20px; }

.pp_top .pp_left {
	height: 20px;
	left: 0;
	position: absolute;
	width: 20px;
}
.pp_top .pp_middle {
	height: 20px;
	left: 20px;
	position: absolute;
	right: 20px;
}
	* html .pp_top .pp_middle {
		left: 0;
		position: static;
	}

.pp_top .pp_right {
	height: 20px;
	left: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 20px;
}
		
.pp_content {
	height: 40px;
	position: relative;
	text-align: left;
	width: 100%;
}

.pp_content .pp_details {
	display: none;
	margin: 0 0 2px 34px;
	font-size: 12px;
}
.pp_description {
	display: none;
	float: left;
	margin: 0;
}

.pp_nav {
	clear: left;
	float: left;
	margin: 3px 0 0 0;
}
		
.pp_nav p {
	float: left;
	margin: 2px 4px;
}

.pp_nav a.pp_arrow_previous,
.pp_nav a.pp_arrow_next {
	display: block;
	float: left;
	height: 15px;
	margin-top: 3px;
	overflow: hidden;
	text-indent: -10000px;
	width: 14px;
}
		
.pp_hoverContainer {
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2000;
}

a.pp_next {
	background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
	display: block;
	float: right;
	height: 100%;
	text-indent: -10000px;
	width: 49%;
}
	
a.pp_previous {
	background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
	display: block;
	float: left;
	height: 100%;
	text-indent: -10000px;
	width: 49%;
}

a.pp_expand,
a.pp_contract {
	cursor: pointer;
	display: none;
	height: 20px;	
	position: absolute;
	right: 30px;
	text-indent: -10000px;
	top: 10px;
	width: 20px;
	z-index: 20000;
}
	
a.pp_close {
	display: block;
	float: right;
	margin: 0 30px 0 0;
	/*text-indent: -10000px;*/
	color: #fff;
}

.pp_bottom {
	/*display: none;*/
	height: 6px;
	overflow: hidden;
	position: relative;
}
* html .pp_bottom { padding: 0 20px; }

.pp_bottom .pp_left {
	height: 20px;
	left: 0;
	position: absolute;
	width: 20px;
}
.pp_bottom .pp_middle {
	height: 20px;
	left: 20px;
	position: absolute;
	right: 20px;
}
	* html .pp_bottom .pp_middle {
		left: 0;
		position: static;
	}
	
.pp_bottom .pp_right {
	height: 20px;
	left: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 20px;
}
		
.pp_loaderIcon {
	display: none;
	height: 24px;
	left: 50%;
	margin: -12px 0 0 -12px;
	position: absolute;
	top: 50%;
	width: 24px;
}

#pp_full_res {
	display: none;
	line-height: 1 !important;
	margin: 0 auto;
	text-align: center;
	width: 100%;
}

div.ppt {
	color: #fff;
	display: none;
	font-size: 17px;
	left: 0;
	position: absolute;
	top: 0;
	z-index: 9999;
}

/* @end PrettyPhoto */




/* @group SIFR */

/*=:project
    scalable Inman Flash Replacement (sIFR) version 3.

  =:file
    Copyright: 2006 Mark Wubben.
    Author: Mark Wubben, <http://novemberborn.net/>

  =:history
    * IFR: Shaun Inman
    * sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
    * sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

  =:license
    This software is licensed and provided under the CC-GNU LGPL.
    See <http://creativecommons.org/licenses/LGPL/2.1/>
*/

/*---- sIFR ---*/
.sIFR-flash { visibility: visible !important; margin: 0; padding: 0; }
.sIFR-replaced, .sIFR-ignore { visibility: visible !important; }
.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; }

/*---- Header styling ---*/

.sIFR-active .home h2.pageTitle {
	visibility: hidden;
	letter-spacing: 0;
	font-size: 30px;
	line-height: 1em;
}

.sIFR-active h2.pageTitle {
	visibility: hidden;
	letter-spacing: 0;
	font-size: 27px;
	line-height: 1em;
}

.sIFR-active #homepage .pageTitle h3 {
	visibility: hidden;
	letter-spacing: 0;
	font-size: 14px;
	line-height: 1em;
}

.sIFR-active strong.section {
	visibility: hidden;
	letter-spacing: .3em;
	line-height: 1em;
}


.hub h2.pageTitle,
.sIFR-hasFlash .hub h2.pageTitle {
	position: absolute;
	top: 187px;
	left: 255px;
	color: #fff;
	z-index: 80;
	width: 600px;
}
.sysPlazaLine h2.pageTitle,
.sysRegistry h2.pageTitle,
.sIFR-hasFlash .sysPlazaLine h2.pageTitle,
.sIFR-hasFlash .sysRegistry h2.pageTitle {
	color: #333;
}

/* @end */



/* @group Clearfix */

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
min-height: 0;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/* @end */

/*#slide #right {
	min-height: 630px;
	padding: 20px;
	background: transparent url(../images/bg_right.png);
	margin-right: 0;
}*/

/*#slide #imgWrap img {
	position: relative;
	left: -10%;
}*/

/* @group Galleries
===================================== */

#svGallery ul {
	margin: 0;
	list-style: none;
	}

#svGallery li {
	float: left;
	width: 23%;
	margin: 0 1%;
	padding: 0 0 1.5em;
	list-style: none;
	font-size: 1.1em;
	text-align: center;
	}

#svGallery li img { margin: 0; }

#svGallery li p {
	margin: 0;
	font-size: .9em;
	text-align: center;
	}

#svGallery dl {
	margin: 0;
	padding: 0;
	display: none;
	}

#svGallery dt {
	margin: 0;
	padding: 0;
	}

#svGallery dd {
	float: none;
	margin: 0;
	padding: 0;
	line-height: 1.25;
	background: transparent;
	}

#svGallery .comments a {
	padding-left: 13px;
	background: url(../images/icon_comments.gif) no-repeat 0 50%;
	}

/* @end Galleries
-------------------------------- */






/* *****************************************************************************
********************************************************************************
BEGIN SCRATCH CSS
********************************************************************************
***************************************************************************** */



/* Heath Ceramics - scratch.css */


body.home #header,
body.home #header-inner {
	height: 9999px;
	}

body.home #content {
	height: auto;
	min-height: 0px;
	padding-top: 670px;
	}


div.pledge {
	width: 166px;
	/*height: 85px;
	overflow: hidden;*/
	margin: 0 auto;
	
	/*text-indent: -9999px;
	background: url(../images/txt-pledge.png);*/
	}

div.pledge p {
	font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
	font-size: 12px;
	line-height: 18px;
	font-style: italic;
	color: #221d19;
	
	opacity: .9;
	}


#footer {
	width: 1000px;
	margin: 0 auto;
	}


#sysHomepageSlideshowFeed dt {
	position: absolute;
	right: 0;
	top: 539px;
	z-index: 2;
	background: url(../images/bg-slideshow-title.png);
	}
#sysHomepageSlideshowFeed dt a {
	display: block;
	padding: 0 28px;
	font-size: 10px;
	line-height: 2.2;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	}
#sysHomepageSlideshowFeed dt a:hover {
	background: #342d26;
	}

#sysHomepageSlideshowFeed dd {
	position: relative;
	z-index: 1;
	}


/* @group Nav Primary
============================= */

#navPrimary {
	position: relative;
	width: 200px;
	padding: 120px 0 0;
	margin: 0 0 105px;
	font-size: 10px;
	line-height: 30px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	}

.hub #navPrimary,
.store #navPrimary,
#cfw #navPrimary {
	margin-bottom: 45px;
	}

#navPrimary li {
	position: relative;
	width: auto;
	height: auto;
	margin: 0 0 -2px;
	padding: 0;
	}

li#navHome { display: none; }

li#navHomeware,
li#navTableware,
li#navRegistries,
li#navSpecials,
li#navTile {
	margin-bottom: 0;
	}

li#navOurStory { margin-top: 46px !important; }

#navPrimary li.current {
	background: url(../images/bg-nav-current-26.png) repeat-x 0 50%;
	}


#navPrimary li a {
	display: block;
	width: 100%;
	height: 30px;
	overflow: hidden;
	color: #474036;
	line-height: 30px;
	text-decoration: none;
	text-indent: -9999px;
	background-image: url(../images/bg-nav-primary-lg.png);
	background-repeat: no-repeat;
	}

li#navHomeware a	{ background-position: 0 0; }
li#navTableware a	{ background-position: 0 -30px; }
li#navRegistries a	{ background-position: 0 -60px; }
li#navSpecials a	{ background-position: 0 -90px; }
li#navTile a		{ background-position: 0 -120px; }

li#navHomeware:hover a,		li#navHomeware.sfhover a	{ background-position: 100% 0; }
li#navTableware:hover a,	li#navTableware.sfhover a	{ background-position: 100% -30px; }
li#navRegistries:hover a,	li#navRegistries.sfhover a	{ background-position: 100% -60px; }
li#navSpecials:hover a,		li#navSpecials.sfhover a	{ background-position: 100% -90px; }
li#navTile:hover a,			li#navTile.sfhover a		{ background-position: 100% -120px; }


li#navOurStory a,
li#navLocations a,
li#navNews a,
li#navCommunity a,
li#navToTheTrade a {
	height: 26px;
	line-height: 26px;
	background-image: url(../images/bg-nav-primary-sm.png);
	background-repeat: no-repeat;
	}

li#navOurStory a	{ background-position: 0 0; }
li#navLocations a	{ background-position: 0 -26px; }
li#navNews a		{ background-position: 0 -52px; }
li#navCommunity a	{ background-position: 0 -78px; }
li#navToTheTrade a	{ background-position: 0 -104px; }

li#navOurStory:hover a,		li#navOurStory.sfhover a	{ background-position: 100% 0; }
li#navLocations:hover a,	li#navLocations.sfhover a	{ background-position: 100% -26px; }
li#navNews:hover a,			li#navNews.sfhover a		{ background-position: 100% -52px; }
li#navCommunity:hover a,	li#navCommunity.sfhover a	{ background-position: 100% -78px; }
li#navToTheTrade:hover a,	li#navToTheTrade.sfhover a	{ background-position: 100% -104px; }

li#navOurStory:hover ul,	li#navOurStory.sfhover ul,
li#navLocations:hover ul,	li#navLocations.sfhover ul,
li#navNews:hover ul,		li#navNews.sfhover ul,
li#navCommunity:hover ul,	li#navCommunity.sfhover ul,
li#navToTheTrade:hover ul,	li#navToTheTrade.sfhover ul {
	top: 0;
	}


#navPrimary li.current a,
#navPrimary li.firstCurrent a,
#navPrimary li.lastCurrent a,
#navPrimary li a:hover,
#navPrimary li:hover a,
#navPrimary li.sfhover a {
	color: #fff;
	/*background-position: 0 bottom;*/
	text-decoration: none;
	}


/* @group Nav SuckerFish
============================= */

#navPrimary li ul {
	display: none;
	
	position: absolute;
	top: 2px;
	left: 100%;
	width: 132px;
	padding: 26px 0 0;
	background: url(../images/bg-nav-hover.png);
	}

/*#navPrimary li:hover ul {
	display: block;
	}*/



#navPrimary li li {
	margin: 0;
	padding: 0;
	font-size: 10px;
	}

#navPrimary li li a {
	width: auto;
	height: auto;
	overflow: hidden;
	padding: 4px 8px 4px 12px;
	line-height: 12px;
	letter-spacing: 0;
	text-indent: 0;
	color: #fff;
	background: transparent;
	}

#navPrimary li li:hover li a, #navPrimary li li.sfhover li a {
	background: transparent;
	}

#navPrimary li li:hover a,		#navPrimary li li.sfhover a,
#navPrimary li li li:hover a,	#navPrimary li li li.sfhover a {
	background: url(../images/bg-nav-sub-hover.png);
	}

#navPrimary li li a i {
	/*padding-left: 4px;*/
	}

#navPrimary li li a b {
	font-size: 11px;
	margin-left: -6px;
	}


#navPrimary li li ul {
	width: 150px;
	top: 0;
	padding: 0;
	background-position: 0 100%;
	}

#navPrimary li:hover li ul, #navPrimary li.sfhover li ul { display: none; }

#navPrimary li li:hover ul, #navPrimary li li.sfhover ul { display: block; }

/* @end Nav SuckerFish
--------------------- */

/* @end Nav Primary
--------------------- */




/* @group Nav Utility
============================= */

#navUtility {
	position: absolute;
	top: 0;
	left: 200px;
	z-index: 1002;
	width: 800px;
	background: url(../images/bgHeader.png);
	}
.store #navUtility {
	background: #D6D1C2;
	}

#navUtility ul {
	float: right;
	margin: 0;
	}

#navUtility ul li {
	float: left;
	clear: none;
	width: auto;
	margin: 0 0 0 18px;
	font-size: 10px;
	line-height: 29px;
	}

#navUtility ul li a {
	display: block;
	float: left;
	clear: none;
	text-transform: uppercase;
	color: #403e3a;
	}
#navUtility ul li a:hover {
	color: #131211
	}
#navUtility ul .cart a {
	padding: 0 0 0 30px;
	text-transform: none;
	background: url(../images/ico-cart.png) no-repeat 7px 8px;
	}
* html #navUtility ul .cart a { background-image: url(../images/ico-cart.gif); }

#navUtility ul li a.logout {
	padding-left: 3px;
	}

#navUtility ul .promo a {
	padding: 0 8px 0 0;
	font-size: 14px;
	font-weight: bold;
	}
#navUtility ul .promo a:hover {
	text-decoration: none;
	}
#navUtility ul .promo div {
	position: relative;
	}
#navUtility ul .promo div div {
	display: none;
	
	position: absolute;
	top: 29px;
	right: 0;
	width: 200px;
	padding: 9px 7px 7px 9px;
	font-size: 9px;
	line-height: 14px;
	font-weight: bold;
	color: #fff;
	background: url(../images/bg-nav-hover.png) repeat-x 0 100%;
	}
/*#navUtility ul .promo:hover div div {
	display: block;
	}*/
#navUtility ul .promo div div p {
	font-size: 9px;
	line-height: 14px;
	font-weight: bold;
	color: #fff;
	}
#navUtility ul .promo div div p a {
	display: inline;
	float: none;
	clear: none;
	padding: 0;
	font-size: 9px;
	line-height: 14px;
	font-weight: bold;
	text-transform: none;
	text-decoration: underline;
	color: #fff;
	}

#navUtility ul .promo div div a {
	color: #fff;
	}

#navUtility ul .promo div div a.close {
	float: right;
	margin: -5px 0 0;
	font-size: 8px;
	}


#navUtility ul li a em {
	font-style: normal;
	font-weight: bold;
	}

/* @end Nav Utility
--------------------- */


/* @group Features
============================= */

#features {
	padding: 26px 0 12px 202px;
	font-size: 10px;
	color: #fff;
	background: #342d26 url(../images/bg-features.png) repeat-x 0 9px;
	}

#features .feature {
	float: left;
	width: 232px;
	margin: 0 16px;
	}

#features .feature img {
	display: block;
	width: 100%;
	height: 100px;
	margin: 0 0 20px;
	background: #666;
	}

#features .feature h3 {
	font-size: 12px;
	letter-spacing: 1px;
	color: #fff;
	}

#features .feature .blog h3 a {
	display: block;
	width: 128px;
	height: 22px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/txt-the-heath-blog.png);
	}

#features .feature p {
	font-size: 1em;
	line-height: 1.2;
	}

#features .feature a {
	color: #fff;
	}


#features .feature .index img {
	display: inline;
	width: auto;
	height: auto;
	margin: 0;
	background: transparent;
	}

#features .feature .index li,
#features .feature .index dt,
#features .feature .index dd {
	display: inline;
	margin: 0;
	font-size: 10px;
	line-height: 1.6;
	}

/* @end Nav Features
--------------------- */


/* @group Nav Social
============================= */

ul.social {
	position: absolute;
	bottom: 10px;
	left: 30px;
	z-index: 998;
	}

ul.social li {
	float: left;
	margin: 0 11px 0 0;
	}

ul.social li.hb {
	margin-left: 9px;
	}

ul.social a,
ul.social a img {
	display: block;
	}

/* @end Nav Social
--------------------- */





/* EOF */