@charset "utf-8";
/* CSS Document */
/****** FOR JQUERY TOOLTIP ****/
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	/*opacity: 0.85;*/
}
#tooltip h3, #tooltip div { margin: 0; }
#tooltip.pretty {
	font-family: Arial;
	border: none;
	width: 210px;
	padding:20px;
	height: 135px;
	/*opacity: 0.8;*/
	background: url('/images/jQueryToolTip/shadow.png');
}
#tooltip.pretty h3 {
	margin-bottom: 0.75em;
	font-size: 12pt;
	width: 220px;
	text-align: center;
}
#tooltip.pretty div { width: 220px; text-align: left; }

#tooltip.fancy {
	background: url('/images/jQueryToolTip/shadow2.png');
	padding-top: 5em;
	height: 100px;
}
#tooltip.fancy.viewport-right {
	background: url('/images/jQueryToolTip/shadow2-reverse.png');
}
/****** END JQUERY TOOLTIP ****/
/****** FOR JQUERY TRANSFER EFFECTS ****/
.ui-effects-transfer { border: 2px dotted gray; }
.ui-autocomplete { height: 200px; overflow-y: scroll; overflow-x: hidden;}
/****** END JQUERY TRANSFER EFFECTS ****/
/****** FOR JQUERY AUTOCOMPLETE ******/
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
	text-align:left;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('/images/misc/loadingAnimationRotating.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #FFFFC7;
	color: #000;
}
/****** END FOR JQUERY AUTOCOMPLETE ******/
.ui-widget-overlay {
	/* override JQuery UI Overlay so it's a bit darker (copied from thickbox) */
	background-color:#000 !important;
	filter:alpha(opacity=75) !important;
	-moz-opacity: 0.75 !important;
	opacity: 0.75 !important;
	background-image: none !important;
}
img, img a, a img { border: none; }
body {
	margin: 0px 16px 5px 15px;
	padding: 0px;
	background-image: url('/images/misc/bodyBG.jpg');
	background-repeat: no-repeat;
	background-color: #BDE6F8;
}
body,p,ul,div {
	/* this is mainly to override jqueryui's font setting */
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
}
legend {
	color: #26afe8;
	font-weight: bold;
}
fieldset {
	border: 1px solid #e3dfdc;
}

/*** miscellaneous colors ***/
.green { color: #657B00 !important; }
.red { color: #f00 !important; }
/*.darkBlue { color: #1874ab; }*/ /*new shade*/
.darkBlue, .darkBlue a, a.darkBlue { color: #1874ab !important; } /* #pOrder input color must match this!!! */
/*.darkBlue, .darkBlue a, a.darkBlue { color: #0083DB !important; }*/ /* #pOrder input color must match this!!! */
.darkPink { color: #d80d4c; }
.pink { color: #bb4e6b; }
.redPink, .redPink a:link, .redPink a:visited, .redPink a:hover, .redPink a:active { color: #c82d62 !important; }
.grey, .grey a:link, .grey a:visited, .grey a:hover, .grey a:active { color: #454545 !important; }
.darkGrey, .darkGrey a { color: #474747 !important; }
.lightGrey, .lightGrey a { color: #999999 !important; }
.darkestGrey, .darkestGrey a { color: #2f2f2f !important; }
.blue { color: #2ba2e7; }
.lightBlue { color: #0571b9; }
.gBackLight { background-color: #F6F6F6; }
/*** END miscellaneous colors ***/
/*** misc font size adjustments ***/
.small { font-size: .9em; }
.smaller { font-size: .8em; }
.smallest { font-size: .7em; }
.normal { font-size: 1em; }
.big { font-size: 1.1em; }
.bigger { font-size: 1.2em; }
.biggest { font-size: 1.5em; font-weight: bold; }
/*** END misc font size adjustments ***/
.posRel { position: relative; }
.underline { text-decoration: underline; }

#body { width: 976px; margin: 0px auto 0px auto; background-color: #fff; padding: 0px; }

#leftnav {
	padding: 3px 0px 5px 0px;
	width: 195px;
	float: left;
	background-color: #fff;
	overflow: visible;
}

/******** HEADER *********/
#header {
	position: relative;
	background-image: url('/images/misc/header/BG.png');
	background-repeat: no-repeat;
	width: 976px;
	margin: 10px auto 0px auto;
}
#hLogo {
	/*width: 450px;*/
	margin: 4px 0px 0px 15px;
}
#hPhone {
	font-weight: bold;
	line-height: 21px;
	height: 21px;
	padding-top: 2px;
	margin-left: 3px;
}

#headerSA {
	height: 22px;
	margin-left: 4px;
}
#hsaLeft {
	/*background-image: url('/images/misc/header/headerMiscLinksBGL.png');*/
	background-repeat: no-repeat;
	float: left;
	height: 100%;
	width: 4px;
}
#hsaCenter {
	/*background-image: url('/images/misc/header/headerMiscLinksBG.png');*/
	background-image: url('/images/misc/miscSpriteHR.png');
	background-position: 0px -88px;
	background-repeat: repeat-x;
	height: 100%;
	float: left;
}
#hsaRight {
	/*background-image: url('/images/misc/header/headerMiscLinksBGR.png');*/
	background-repeat: no-repeat;
	height: 100%;
	width: 4px;
	float: right;
}
#hsa { margin-top: 2px; }
#hsa, #hsa ul {
	padding: 0px;
	font-weight: bold;
	font-size: .8em;
	list-style-type: none;
}
#hsa li a {
	background-image: url('/images/misc/miscSpriteMain.png');
	background-repeat: no-repeat;
	background-position: -140px -20px;
	/*background-image: url('/images/misc/header/pink-arrow.png');*/
	/*background-position: 0px 50%;*/
	padding-left: 9px;
}
#hsa ul {
	list-style-type: none;
}
#hsa li {
	float: left;
}
#hsa li a {
	margin: 0px 10px 0px 2px;
	color: #fff;
	display: block;
}
.hsaDD { position: relative; }

.hsaDDM {
	background-color: #f1f1f1;
	border: 1px solid #C6C6C6;
	display: none;
	position: absolute;
	top: 18px;
	left: -4px;
	width: 150px;
}
#hsa .hsaDDM li {
	float: none;
	margin: 4px;
}
#hsa .hsaDDM a {
	color: #767676;
}
#hsa .hsaDDM a:link, #hsa .hsaDDM a:visited {}
#hsa .hsaDDM a:hover, #hsa .hsaDDM #hsa .hsaDDMa:active {
	/*color: #c8c6c6;*/
	background-color: #f8f9f9;
}


#headerSearch {
	background-image: url('/images/misc/header/searchBG.png');
	background-repeat: no-repeat;
	height: 50px;
	width: 300px;
	position: absolute;
	right: 0px;
	bottom: 23px;
}

#headerSearch img {
	/* this is the magnifying glass */
	margin: 5px 0px 0px 10px;
}
#query {
	height: 25px;
	width: 200px;
}
#headerSearch .search_submit, #query {
	margin: 7px 0px 0px 5px;
}

#hNav {
	background-image: url('/images/misc/header/topnavBG.png');
	height: 29px;
	width: 100%;
	margin-top: 0px;
	
}
#hNav ul { margin: 0px; padding: 0px; list-style-type: none; height: 29px; }
#hNav ul li {
	float: left;
}
#hNav ul li a {
	display: block;
	height: 29px;
	line-height: 29px;
	padding: 0px 43px;
	font-weight: bold;
	color: #868585;
	/*background-image: url('/images/misc/header/headerMiscLinksBG.png');
	background-position: left;*/
	background-image: url('/images/misc/miscSpriteHR.png');
	background-position: 0px -85px;
	background-repeat: no-repeat;
}
#hNav ul li:first-child a {
	background-image: none;
}
#hNav ul li a:link, #hNav ul li a:visited {}
#hNav ul li a:hover, #hNav ul li a:active {
	color: #ec8da8;
}
/********* END HEADER **********/

/********* LEFTNAV *********/
#leftnav h3 {
	/* headers above each leftnav ul */
	font-size: .8em;
	/*font-weight: bold;*/
	padding: 2px 2px 2px 30px;
	background-repeat: no-repeat;
	background-position: 4px 4px;
	height: 16px;
}
h3.lnPink {
	background-color: #faf3f8;
	color: #492d44;
	/*background-image: url('/images/misc/leftnav/hearts/heart-pink.png');*/
}
h3.lnPink a:link, h3.lnPink a:visited, h3.lnPink a:hover, h3.lnPink a:active {
	display: block;
	margin: 0px;
	padding: 0px;
	color: #492d44;
	text-decoration: none;
}
h3.lnPink a:hover, h3.lnPink a:active {
	text-decoration: underline;
}
ul.lnPink li:hover, ul.lnPink a:hover, ul.lnPink a:active {
	background-color: #d16190;
	background-color: #faf3f8;
}
ul.lnPink li ul.subcategories { /*background-color: #fff;*/ }
h3.lnGreen {
	background-color: #e9fbfb;
	color: #094041;
	/*background-image: url('/images/misc/leftnav/hearts/heart-green.png');*/
}
h3.lnGreen a:link, h3.lnGreen a:visited, h3.lnGreen a:hover, h3.lnGreen a:active {
	display: block;
	margin: 0px;
	padding: 0px;
	color: #094041;
	text-decoration: none;
}
h3.lnGreen a:hover, h3.lnGreen a:active {
	text-decoration: underline;
}
ul.lnGreen li:hover, ul.lnGreen a:hover, ul.lnGreen a:active {
	background-color: #399e9e;
	background-color: #e9fbfb;
}
h3.lnBlue {
	background-color: #e8f4fa;
	color: #0d3244;
	/*background-image: url('/images/misc/leftnav/hearts/heart-blue.png');*/
}
h3.lnBlue a:link, h3.lnBlue a:visited, h3.lnBlue a:hover, h3.lnBlue a:active {
	display: block;
	margin: 0px;
	padding: 0px;
	color: #0d3244;
	text-decoration: none;
}
h3.lnBlue a:hover, h3.lnBlue a:active {
	text-decoration: underline;
}

ul.lnBlue li:hover, ul.lnBlue a:hover, ul.lnBlue a:active {
	background-color: #217fb5;
	background-color: #e8f4fa;
}
h3.lnOrange {
	background-color: #fee4db;
	color: #5e2714;
	/*background-image: url('/images/misc/leftnav/hearts/heart-orange.png');*/
}
h3.lnOrange a:link, h3.lnOrange a:visited, h3.lnOrange a:hover, h3.lnOrange a:active {
	display: block;
	margin: 0px;
	padding: 0px;
	color: #5e2714;
	text-decoration: none;
}
h3.lnOrange a:hover, h3.lnOrange a:active {
	text-decoration: underline;
}
ul.lnOrange li:hover, ul.lnOrange a:hover, ul.lnOrange a:active {
	background-color: #d57063;
	background-color: #fee4db;
}

.leftLinks {
	/* this is the ul */
	list-style-type: none;
	padding-left: 0px;
	font-size: .9em;
	margin-top: 1px;
}
.leftLinks li {
	width: 180px;
	/*padding-left: 15px;*/
	
}
.leftLinks li a {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.leftLinks li:hover a {
	border-top-color: #969696;
	border-bottom-color: #969696;
}


/* the border colors on these links are also 'reinforced' in jquery.all
* this is because when someone mouses out from the link, but over the deptPreview,
* the borders go away and it looks ridiculous
* so when jquery shows/hides deptPreview, it also sets these borders again
* jquery uses .leftLinksHover classes to assign / unassign
* if you just use .css, the inline style overrides this style on future hovers, and the
* link has no border until jquery adds it, which means there's a slight delay
* what a headache! */
/*.leftLinks li a:link {
	border-top-color: #fff;
	border-bottom-color: #fff;
}
.leftLinks li a:hover {
	border-top-color: #969696;
	border-bottom-color: #969696;
}
ul li a.leftLinksOff {
	border-top-color: #fff !important;
	border-bottom-color: #fff !important;
}
ul li a.leftLinksOver {
	border-top-color: #969696 !important;
	border-bottom-color: #969696 !important;
}*/
	

/* alternatively we can set a different border color for each
* variation of the leftLinks menu, like so:
ul.lnPink li {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
ul.lnPink li:hover {
	border-top-color: #ccc;
	border-bottom-color: #ccc;
}
*/
.leftLinks a {
	display: block;
	padding: 2px 0px 2px 0px;
}
a.lnLink {
	/* sets up border and indentation for main column of leftnav links
	* without this they will have no border at all, so the color change on :hover
	* will be meaningless */
	padding-left: 15px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.leftLinks a:link, .leftLinks a:visited { text-decoration: none; color: #575656; }
.leftLinks a:hover, .leftLinks a:active { /*text-decoration: underline;*/ }
.leftLinks .dept { position: relative; width: 195px; }
.leftLinks .nonDept { width: 195px; }

.leftLinks .dept a {
	width: 180px;
	background-image: url('/images/misc/miscSpriteMain.png');
	background-position: 165px -209px;
	/*background-image: url('/images/misc/leftnav/arrows/pink.png');
	background-position: right;
	background-position: 165px;*/
	background-repeat: no-repeat;
}
.leftLinks .dept a:hover { background-position: 165px -226px; }
.leftLinks .dept .subcategories {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	width: 195px;
	background-color: #fff;
}
.leftLinks .dept .subcategories li {
	width: 180px;
	padding: 0px;
	margin: 0px;
}
.leftLinks .dept .subcategories a {
	background-image: none;
	width: 170px;
	padding-left: 25px;
	border: none; /* override .leftLinks li a */
	/*
	* the following adjustments allow the 2nd line of a link to be indented
	* so it won't appear directly underneath the - (which looks bad)
	*/
	padding-left: 34px; /* everything moves out 9 additional px */
	text-indent: -9px; /* text indent brings the first line back 9px, the rest remains the same */
	width: 161px; /* width must be decreased to allow for the extra 9px padding */
}
.lnPink .subcategories a:link, .lnPink .subcategories a:visited,
.lnPink .subcategories a:hover, .lnPink .subcategories a:active {
	/* jquery picks this up and sets the prev() link to the same color */
	color :#d16190;
}

/* deptPreviewBC = dept preview border cover
* this covers a small section of the left border of the dept preview window
* to make it look like dept preview is attached to the leftnav link
*/
.deptPreviewBC {
	width: 1px;
	height: 20px; /* MUST be the same as li .dept's computed height height */
	z-index: 50; /* it must cover .deptPreview */
	position: absolute;
	left: 175px;
	top: 1px;
}
.deptPreview {
	display: none;
	border: 1px solid #000;
	position: absolute;
	/*top: -1px;*/ /* move it up 1 so the border lines up with the parent li's border */
	/*nevermind the above 'top' adjustment. we now put the border on the anchor*/
	top: 0px;
	left: 175px;
	z-index: 2;
	width: 520px;
	height: 400px;
	height: 350px;
}
.lnPink .deptPreview {
	/* be sure to change lnPink .deptPreviewBC if you change this background color */
	background-color: #faf3f8;
	/*border-color: #d16190;*/
	border-color: #969696;
}
.lnPink .deptPreviewBC {
	/* same as .lnPink .deptPreview */
	background-color: #faf3f8;
}
.lnGreen .deptPreview {
	background-color: #399e9e;
	/*border-color: #d16190;*/
	border-color: #969696;
}
.lnGreen .deptPreviewBC {
	/* same as .lnGreen .deptPreview */
	background-color: #399e9e;
}
.lnBlue .deptPreview {
	background-color: #e8f4fa;
	/*border-color: #217fb5;*/
	border-color: #969696;
}
.lnBlue .deptPreviewBC {
	/* same as .lnBlue .deptPreview */
	background-color: #e8f4fa;
}
.lnOrange .deptPreview {
	background-color: #fee4db;
	/*border-color: #d57063;*/
	border-color: #969696;
}
.lnOrange .deptPreviewBC {
	/* same as .lnOrange .deptPreview */
	background-color: #fee4db;
}

.dept .deptPreview a, .dept .deptPreview a:hover { background-image: none; }
.deptPreview a:link,.deptPreview a:visited,.deptPreview a:hover,.deptPreview a:active { text-decoration: none; }

.deptPreview ul {
	padding-left: 0px;
}

.lnPink .deptPreview ul {
	list-style-image: url('/images/misc/leftnav/arrows/pink-on.png');
	/*list-style-image: url('/images/misc/miscSpriteMain.png');
	list-style-position: 165px -224px;*/
}
.lnGreen .deptPreview ul {
	list-style-image: url('/images/misc/leftnav/arrows/arrow-green1on.png');
}
.lnBlue .deptPreview ul {
	list-style-image: url('/images/misc/leftnav/arrows/arrow-blue1on.png');
}
.lnOrange .deptPreview ul {
	list-style-image: url('/images/misc/leftnav/arrows/arrow-orange1on.png');
}
.deptPreview ul li { margin-left: 20px; border: none; /*overrides the leftLinks top/bottom borders */ }
.deptPreview li a:hover, .deptPreview li a:active {
	background-color: #FEFEFE;
}
.deptPreview li a {
	padding: 3px;
	border-top: 1px dashed;
	border-bottom: none; /* override .leftLinks li a */
}
.deptPreview li:first-child a {
	border-top: none;
}
.lnPink .deptPreview li a {
	border-top-color: #d16190;
}
.lnGreen .deptPreview li a {
	border-top-color: #d16190;
}
.lnBlue .deptPreview li a {
	border-top-color: #217fb5;
}
.lnOrange .deptPreview li a {
	border-top-color: #d57063;
}
#leftnav div.deptPreview p.tnProdInfo {
	float: none;
	position: absolute;
	/*bottom: 5px;
	left: 15px;*/
	right: 0px;
	top: 5px;
	margin: 0px;
}
#leftnav div.deptPreview p.tnProdInfo2 {
	float: none;
	position: absolute;
	/*bottom: 5px;
	left: 15px;*/
	right: 0px;
	top: 175px;
	margin: 0px;
}

.foFeaturedProducts {
	width: 200px;
	margin: 15px 5px 0px 0px;
	background-color: #f8ecf1; /* default (pink), can be overridden later */
	border: 1px solid #8e8c8c;
}

.lnPink .foFeaturedProducts {
	background-color: #f8ecf1; /* same as default */
}

.lnOrange .foFeaturedProducts {
	background-color: #FDD0C1; /* fairly dark */
	background-color: #FEE0D6; /* fairly light */
	background-color: #FED8CB; /* just right */
}

.foBestOffer {
	position: absolute;
	top: -14px;
	left: -1px;
	background-image: url('/images/misc/leftnav/flyouts/bestoffers.png');
	background-repeat: no-repeat;
	height: 17px;
	width: 84px;
}

.foFeaturedProduct {
	margin: 0px 3px 0px 0px;
	padding: 15px 0px 0px 5px;
	text-align: center;
	border-top: 1px solid #ccc;
	font-size: .8em;
	font-weight: bold;
	line-height: 18px;
}
p.foFeaturedProduct a {
	border: none; /* override .leftLinks li a */
}
.foFeaturedProduct1 {
	border-top: none;
}
.foFeaturedProduct .darkPink { font-style: italic; }

.leftLinks a.foDetails:link, .leftLinks a.foDetails:visited {
	background-image: url('/images/misc/leftnav/flyouts/hearts/heart-button.png');
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 10px;
	color: #3d3c3c;
	width: 85px;
}
.leftLinks a.foDetails:hover {
	background-image: url('/images/misc/leftnav/flyouts/hearts/heart-button-mouse-click.png') !important;
}
.leftLinks a.foDetails:active {
	background-image: url('/images/misc/leftnav/flyouts/hearts/heart-button-mouseon.png') !important;
}
/*********** END LEFTNAV *********/

/******** HOMEPAGE ********/
/* see weddingFavorsHome.css */
/******* END HOMEPAGE *******/

/****** CTGY ******/

/******** END CTGY ********/

























































.ssResults div.ffOption {
	background-image: url('/images/misc/favorFinder/greyFade.png');
	background-repeat: repeat-x;
	margin-bottom: 10px;
	border: none !important;
}
.ssResults div.ffOption a {
	display: block;
	margin: 1px;
}
#content {
	padding: 5px;
	width: 735px;
	float: left;
	background-color: #fff;
	border-left: 1px solid #E3DFDC;
	border-top: 1px solid #E3DFDC;
	margin-top: 3px;
}


/* #suggestedItems appears on prod and bask pages */
#suggestedItems {
	width: 100%;
}
#suggestedItems p:first-child {
	float: none;
	margin: 15px 0px 0px 5%;
	font-weight: bold;
	font-size: .9em;
	height: 26px;
	line-height: 26px;
}
#suggestedItems p {
	float: left;
	margin-right: 7px;
}
#suggestedItems p a img {
	border: 1px solid #ccc;
}
#suggestedItemHistory {
	font-weight: normal;
	font-size: .7em;
	position: absolute;
	overflow: visible;
	background-color: #fff;
	z-index: 2;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	height: 125px;
	overflow: hidden;
	overflow-y: scroll;
	right: 0px;
	display: none;
}
#suggestedItemHistory a { display: block; text-decoration: none; }
#suggestedItemHistory a:hover, #suggestedItemHistory a:active { background-color: #D9F0FB; } /* formerly b4e3f7 */
#toggleSuggestedItemHistory {
	cursor: pointer;
}


/*** footer ***/
#footer {
	background-image: url('/images/misc/footerHR.png');
	background-position: 0px 20px;
	background-repeat: no-repeat;
	background-color: #fff;
	/*background-image: url('/images/home/footer.jpg');*/
	height: 604px;
	width: 976px;
	margin: 0px auto 0px auto;
	padding-top: 20px;
}
#resources {
	background-image: url('/images/misc/greyFadeDown.png');
	background-repeat: repeat-x;
	height: 250px;
	width: 239px;
}
#testimonials {
	background-image: url('/images/misc/greyFadeDown.png');
	background-repeat: repeat-x;
	height: 250px;
	width: 735px;
}
#testimonials > p {
	margin-left: 10%;
	font-weight: bold;
}
#testimonials div { height: 170px; }
#testimonials .tContainer {
	/*background-image: url('/images/misc/testimonialsBG2.png');*/
	background-image: url('/images/misc/testimonialBG.png');
	overflow: hidden;
	width: 708px;
	border: 1px solid #dcdcdc;
}
#testimonials * p {
	height: 170px;
	width: 179px;
	background-repeat: no-repeat;
	margin-top: 15px;
	padding: 10px 25px 15px 10px;
	margin-left: 2px;
	font-size: .7em;
}
#testimonials * p.gBack {
	background-image: url('/images/misc/textBubbleGreen.png');
}
#testimonials * p.bBack {
	background-image: url('/images/misc/textBubbleBlue.png');
}
.testimonials {
	overflow: hidden;
	width: 648px;
}
.testimonials div {
	overflow: hidden;
	width: 648px; /* for some asanine reason, IE8 does not inherit the width from .testimonials
					* instead the width is auto on page load and it screws everything up.
					* hence this useless width declaration */
	
}
#footer .specLinks {
	width: 97%;
}
#footer .specLinks p {
	width: 33%;
	text-align: center;
}
#footer .specLinks p:first-child {
	padding-top: 5px;
	text-align: left;
}
#footer .specLinks .specLinksLP {
	padding-top: 5px;
	text-align: right;
}
.scrollLeft {
	/*background-image: url('/images/buttons/scrollArrowLeft.png');*/
	width: 30px;
	/*background-repeat: no-repeat;
	background-position: 0px 20px;*/
}
.scrollLeft:hover {
	/* make sure the preload these */
	/*background-image: url('/images/buttons/scrollArrowLeftHover3.png');
	cursor: pointer;*/
}
.scrollRight {
	/*background-image: url('/images/buttons/scrollArrowRight.png');*/
	width: 30px;
	/*background-repeat: no-repeat;
	background-position: 0px 20px;*/
}
.scrollRight:hover {
	/* make sure the preload these */
	/*background-image: url('/images/buttons/scrollArrowRightHover3.png');
	cursor: pointer;*/
}
.footerContentExpand span {
	font-size: .7em;
}
#fRowGreen {
	background-color: #ECF6E7;
	/*background-image: url('/images/misc/brLine.png');*/
	background-repeat: repeat-x;
	background-image: url('/images/misc/miscSpriteHR.png');
	background-position: 0px -2px;
	height: 50px;
	width: 976px;
}
#fRowGreen p {
	line-height: 55px;
	font-size: .8em;
	margin: 0px 0px 0px 25px;
	text-align: center;
}
#fRowGreen p a {
	margin: 0px 5px 0px 5px;
}
#fRowBlueHearts {
	background-image: url('/images/misc/lightBlueBG.jpg');
	height: 85px;
	overflow: hidden;
}
#fRowFinal {
	background-color: #DEF3FC;
	height: 76px;
}
#fRowFinal p.darkGrey {
	/* copyright paragraph */
	background-color: #BCE6F8;
	text-align: right;
	height: 50px;
	font-size: .7em;
	padding-top: 25px;
}
.footerContent {
	font-size: .7em;
	width: 720px;
}
.footerContent h2, .footerContent h1 {
	font-size: .9em;
	margin-top: 2px !important;
	padding-top: 0px !important;
}
.footerContentExpand {
	position: absolute;
	bottom: 0px;
	right: 0px;
	height: 25px;
	line-height: 25px;
	width: 125px;
	background-color: #EDF7F9;
	text-align: right;
	padding-right: 10px;
}
.lastLinks {
	text-align: right;
	height: 74px;
	line-height: 74px;
}
/*** END footer ***/

p.blueSeparator {
	/*background-image: url('/images/misc/blueSeparator.png');*/
	background-image: url('/images/misc/miscSpriteHR.png');
	background-repeat: repeat-x;
	background-position: 0px 0px;
	height: 2px;
}
.autoCenter {
	margin-left: auto !important;
	margin-right: auto !important;
}
.hoverUL a, .hoverUL a:link, .hoverUL a:visited, a.hoverUL:link, a.hoverUL:visited{
	text-decoration: none !important;
}
.hoverUL a:hover, .hoverUL a:active, a.hoverUL:hover, a.hoverUL:active {
	text-decoration: underline !important;
}

/* found out how to do this by reading this blog:
* http://www.ejeliot.com/blog/61
*/
.wrapper { overflow: hidden; }
.equalHeightTrickery {
	padding-bottom: 2000px !important; /* otherwise specificity of the ID takes over */
	margin-bottom: -2000px;
	overflow: hidden;
}

.clear { clear: both; }
.nomarg, p.nomarg { margin: 0px; }
.fLeft { float: left; }
.fRight { float: right; }


/* display: none; */
.fn, #kwt, .rating, .photo, .url, .dtreviewed, #JQUIDialog, #JQUIDialog2, #attInfo, .hideMe, #whatIsThisInfo, #calcShipLoading, #transitTimeLoading, .loading, .persTagsBox, .greenCheck, #calcShipLoading, #transitTimeLoading, .moreReviews, .glasswareBaby, .glasswareBirthday, .glasswareWedding { display: none; }

/* padding: 0px; margin: 0px; */
.count, .average, .greenCheck, .hproduct, .brand, .category, .price, .description, .fn, .photo, .url, .review, .listing, .identifier, .type, .label, .sku, .item, .rating, .dtreviewed { padding: 0px; margin: 0px; }

p.hr {
	border-top: 1px solid #ccc;
	margin: 7px 0px 7px 0px;
	height: 1px;
}
p.hrThinDark {
	border-top: 1px solid #999;
	height: 1px;
}
p.hrThinBlue {
	border-top: 1px solid #BBE3FD;
	height: 1px;
}
p.hrDouble {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 7px 0px 7px 0px;
	height: 3px;
}
/***** breadcrumbs ******/
#breadcrumb {
	background-color: #F3F1F0;
	height: 37px;
	padding: 0px 15px 0px 15px;
	margin: 2px auto 0px auto;
	width: 930px;
}
#breadcrumb p {
	line-height: 37px;
	padding: 0px 15px 0px 0px;
	font-size: .8em;
}
#breadcrumb a {
	text-decoration: none;
	color: #000;
	font-weight: bold;
}
#breadcrumb .bcCrumbs {
	font-size: .7em;
}
#breadcrumb .bcCrumbs a, #breadcrumb .bcCrumbs {
	color: #828282;
}
/****** end breadcrumbs ******/

/* hide the shareThis widget's div, otherwise it makes a blank line at the top of the page.*/
#atffc { display: none; }

.photoBorder {
	border: 1px ridge #666;
	margin: 5px;
	padding: 3px;
}

.blueBG { background-color: #26afe8; } /* formerly b4e3f7 but was too light */
.lightBlueBG { background-color: #E5F3FB; }
.rolloverDisabled {
	cursor: default;
}

.help {
	cursor: help;
}

.miscSpriteMain {
	background-image: url('/images/misc/miscSpriteMain.png');
}
.miscSpriteMain.downArrow { width: 20px; height: 18px; background-position: 0px 0px; margin-left: 5px; }
.miscSpriteMain.x-blue { width: 25px; height: 21px; background-position: -22px 0px; }
.miscSpriteMain.buynowv2.spriteROOver { }
.miscSpriteMain.buynowv2.spriteROClicked { background-position: -55px -46px !important; }
.miscSpriteMain.buynowv2 { width: 65px; height: 12px; background-position: 0px -28px; margin-top: 6px; margin-right: 3px; }
.miscSpriteMain.grey-heart { width: 13px; height: 11px; background-position: -50px 0px; }
.miscSpriteMain.pink-heart { width: 13px; height: 11px; background-position: -65px 0px; }
.miscSpriteMain.brCurve { width: 14px; height: 28px; background-position: -68px -13px; }
.miscSpriteMain.headerMiscLinksBGL { width: 4px; /*height: 22px;*/ background-position: -96px -10px; }
.miscSpriteMain.headerMiscLinksBGR { width: 4px; /*height: 22px;*/ background-position: -103px -10px; }
.miscSpriteMain.phone { width: 10px; height: 21px; background-position: -111px -10px; }
.miscSpriteMain.pink-arrow { width: 5px; height: 6px; background-position: -140px -24px; }
.miscSpriteMain.search-button { width: 30px; height: 28px; background-position: 0px -47px; border: none; cursor: pointer; }
.miscSpriteMain.shopping-cart { width: 19px; height: 14px; background-position: -32px -47px; }
.miscSpriteMain.pink { width: 5px; height: 7px; background-position: 0px -209px; }
.miscSpriteMain.pink-on { width: 5px; height: 7px; background-position: 0px -220px; }
.miscSpriteMain.heart-blue { /*width: 18px; height: 16px;*/ background-position: -124px -111px !important; }
.miscSpriteMain.heart-green { /*width: 18px; height: 16px;*/ background-position: -124px -89px !important; }
.miscSpriteMain.heart-orange { /*width: 18px; height: 16px;*/ background-position: -124px -67px !important; }
.miscSpriteMain.heart-pink { /*width: 18px; height: 16px;*/ background-position: -124px -45px !important; }
.miscSpriteMain.nextag { width: 113px; height: 35px; background-position: 0px -80px; margin-left: 3px; margin-top: 9px; }
.miscSpriteMain.quickssl_static { width: 115px; height: 55px; background-position: 0px -118px; margin-left: 3px; }
.miscSpriteMain.fashioncraftPremier { width: 110px; height: 32px; background-position: 0px -174px; margin-left: 3px; margin-top: 11px; }

.miscSpriteHR {
	/* these images need a horizontal repeat and are only 1px wide */
	background-image: url('/images/misc/miscSpriteHR.png');
	background-repeat: repeat-x;
}
.miscSpriteHR.blueSeparator { height: 2px; background-position: 0px 0px; }
.miscSpriteHR.brLine { height: 7px; background-position: 0px 6px; }
.miscSpriteHR.greyFadeDown { height: 30px; background-position: 0px 17px; }
.miscSpriteHR.headerMiscLinksBG { height: 22px; background-position: 0px 49px; }