/* 
	File:			ws.css
	Author:			Erin Lathers
	Created:		6.9.2009
	Description:	This file contains common WS styles (used sitewide ). 
*/
body	{ color:#505050; }
div#header { width: 100%; padding-top:10px;}
div#content { margin: 0 0 0 20em; _margin-left: 19.8em; padding-left: 1em; _padding-left: 0.9em; min-height: 30em; _height: 30em; border-left: 1px solid #D9D9D9; }

div#content h1 { font-family: Georgia, "Times New Roman", Times, serif; color: #4A2300; font-size: 1.8em; padding-top:.25em; padding-bottom: .25em; margin-bottom: .3em; border-bottom: 1px solid #EDEAE2; font-weight: normal; }
div#content h2, div#content h3, div#content h4, div#content h5 { color: #4A2300;}
div#content h2 { font-size:1.5em; padding-bottom: .5em; font-weight: normal; }
div#content h3 { font-size:1.1em; }
h4 { /* defined in area-specific css */ }

.print-only { display: none !important; }
/****** Links ******/
	/****** font-size ******/
div#content p, div#content a, div#content ul li, div#content label, div#content input, div#content select, div#content legend, div#content fieldset legend { font-size: 1.2em; line-height: 1.4em; }
div#content input, div#content select { color: #000000; /*setting the float, width and margins as global styles breaks several forms. el: 8/26/09 */  }
div#content p a, div#content a p, div#content input.button, div#content ul li a, div#content ul li p, div#content li label, div#content li input, div#content li select { font-size: 1em; }
	/****** /font-size ******/
	/****** color + text-decoration ******/
a, a:visited { color: #4b690f; text-decoration : none; }
a:active, a:hover { text-decoration: underline; }
div.registry-index a, div.registry-index a:visited,
div#create-registry div#content a, div#create-registry  div#content a:visited,
div#find-registry div#content a, div#find-registry div#content a:visited,
div#reg-results-gg div#content a, div#reg-results-gg div#content a:visited,
div#access-registry div#content a, div#access-registry div#content a:visited,
div#registry-log-in div#content a, div#registry-log-in div#content a:visited,
div#registrant-notes div#content a, div#registrant-notes div#content a:visited,
div#announcement-cards div#content a, div#announcement-cards div#content a:visited,
div#registry-access-options-confirm div#content a, div#registry-access-options-confirm  div#content a:visited, 
div#manage-registry-landing div#content a, div#manage-registry-landing div#content a:visited, 
div#reg-completion-program div#content a, div#reg-completion-program div#content a:visited,
div#content div#registry-details a, div#content div#registry-details a:visited, 
div#reg-forgot-password div#content a, div#reg-forgot-password div#content a:visited, 
div#reg-results div#content div#forgot-password a, div#reg-results div#content div#forgot-password a:visited,
div#registry-thank-you-note-confirm div#content a, div#registry-thank-you-note-confirm div#content a:visited,
div#content div#empty-reglist-message a, div#content div#empty-reglist-message a:visited, 
div#reg-vendor-offers div#content a, div#reg-vendor-offers div#content a:visited { color: #2a577d; text-decoration : none; }

div.registry-index a:active, div.registry-index a:hover, 
div#create-registry div#content a:active, div#create-registry div#content a:hover, 
div#find-registry div#content a:active, div#find-registry div#content a:hover,
div#reg-results-gg div#content a:active, div#reg-results-gg div#content a:hover, 
div#access-registry div#content a:active, div#access-registry  div#content a:hover,
div#registry-log-in div#content a:active, div#registry-log-in  div#content a:hover,
div#registrant-notes div#content a:active, div#registrant-notes  div#content a:hover, 
div#announcement-cards div#content a:active, div#announcement-cards  div#content a:hover,
div#registry-access-options-confirm  div#content a:active, div#registry-access-options-confirm  div#content a:hover, 
div#manage-registry-landing div#content a:active, div#manage-registry-landing div#content a:hover, 
div#reg-completion-program div#content a:active, div#reg-completion-program div#content a:hover,
div#content div#registry-details a:active, div#content div#registry-details a:hover, 
div#reg-forgot-password div#content a:active, div#reg-forgot-password div#content a:hover, 
div#reg-results div#content div#forgot-password a:active, div#reg-results div#content div#forgot-password a:hover, 
div#registry-thank-you-note-confirm div#content a:active, div#registry-thank-you-note-confirm div#content a:hover, 
div#content div#empty-reglist-message a:active, div#content div#empty-reglist-message a:hover, 
div#reg-vendor-offers div#content a:active, div#reg-vendor-offers div#content a:hover { text-decoration: underline; }

span.registry-name a, span.registry-name a:visited { color: #505050; text-decoration : none; }
span.registry-name a:active, span.registry-name a:hover { text-decoration: underline; }

div#content a.block-text-link, 
div#content a.block-text-link:visited, 
div#content ul.block-text-link li a,
div#content span.block-text-link { padding-right: 1em; background-image :url('../images/common/arr_right.gif'); background-repeat: no-repeat; background-position: right 3px;}
div#content.registry-index a.block-text-link, 
div#content.registry-index a.block-text-link:visited, 
div#content.registry-index ul.block-text-link li a,
div#content.registry-index span.block-text-link,
div#create-registry div#content a.block-text-link, 
div#create-registry div#content a.block-text-link:visited { padding-right: 1em; background-image :url('../images/registry/arr_right.gif'); background-repeat: no-repeat; background-position: right 3px; *background-position: right 3px; font-weight: bold;}
div#reg-results-gg div#content a.block-text-link, 
div#reg-results-gg div#content a.block-text-link:visited,
div#announcement-cards div#content a.block-text-link, 
div#announcement-cards div#content a.block-text-link:visited,
div#registry-access-options-confirm div#content a.block-text-link, 
div#registry-access-options-confirm div#content a.block-text-link:visited, 
div#manage-registry-landing div#content a.block-text-link, 
div#manage-registry-landing div#content a.block-text-link:visited,
div#content div#registry-details a.block-text-link, 
div#content div#registry-details a.block-text-link:visited,
div#registry-thank-you-note-confirm div#content a.block-text-link,
div#registry-thank-you-note-confirm div#content a.block-text-link:visited,
div#content div#empty-reglist-message a.block-text-link, 
div#content div#empty-reglist-message a.block-text-link:visited, 
div#reg-vendor-offers div#content a.block-text-link, 
div#reg-vendor-offers div#content a.block-text-link:visited { padding-right: 1em; background-image :url('../images/registry/arr_right.gif'); background-repeat: no-repeat; background-position: right 2px; font-weight: bold;}
div#content a.edit-link,
div#content a.cancel-link,
a.return-to-previous { padding-left: 1em; background-image: url('../images/common/arr_left.gif'); background-repeat: no-repeat; background-position: left 3px; }

span.arrow-left { width: 1.3em; display: inline-block; background-image: url('../images/common/arr_left.gif'); background-repeat: no-repeat; background-position: left 3px; text-indent: -999em; }
span.arrow-right { width: 1.3em; display: inline-block; background-image :url('../images/common/arr_right.gif'); background-repeat: no-repeat; background-position: right 3px; text-indent: -999em;}

div#content a.block-text-link:hover, div#content a.block-text-link:active { text-decoration:underline; }
div#content a.block-text-link.previous,
div#content a.block-text-link.previous:visited { padding-right: 0; padding-left: 1.3em; background-image :url('../images/common/arr_left.gif'); background-repeat: no-repeat; background-position: left 3px; }
div#registrant-notes div#content a.block-text-link.previous,
div#registrant-notes div#content a.block-text-link.previous:visited, 
div#announcement-cards div#content a.block-text-link.previous,
div#announcement-cards div#content a.block-text-link.previous:visited,
div#registry-thank-you-note-confirm div#content a.block-text-link.previous,
div#registry-thank-you-note-confirm div#content a.block-text-link.previous:visited { padding-right: 0; padding-left: 1.3em; background-image :url('../images/registry/arr_left.gif'); background-repeat: no-repeat; background-position: left 3px; }

div#content p a, div#content p a:visited { font-weight: bold; }/* This formats links that are inside of a paragraph tag. */
div#content p.product-name a, div#content p.product-name a:visited { text-decoration: none;}
a#return-to-registry-link { font-weight: normal; font-size: 1.1em; padding: 0.4em 0 0 1.3em; background-image :url('../images/registry/arr_left.gif'); background-repeat: no-repeat; background-position: left 5px; *background-position: left 8px; display: block; clear: both; color: #2a577d; text-decoration: none;}
a#return-to-registry-link:hover { text-decoration: underline;}
	/****** /color + text-decoration ******/
/****** /Links ******/

.error, .errors { color : #960000; }
.backorder { color : #960000; }
.alert { color: inherit}
.errorDisplayed { background: url('../images/common/icon_alert.gif') no-repeat; padding: 0 0 .2em 1.5em; } /* Used on PIP via JS */
ul.error li { font-size: 1.1em; line-height : 1.3em; } 
label.error { font-weight: bold; }
span.alert-icon { text-indent: -999em; display: block; float: left; background-image:url("../images/common/icon_alert.gif"); background-repeat: no-repeat; width: 1.5em; height: 1.5em; padding-right: .4em; }


/********** Javascript Required block **********/
div#noJavascript { background: #FFFBE5; border:1px solid #846747; margin: 1em 0 3em 24.5em; padding:1.8em; width:50em; }
div#noJavascript div{ background: #fff; border:1px solid #846747; padding:1.8em; color: #A8A8A8; }
div#noJavascript h2 { color:#4A2300; font-size:1.8em; }
div#noJavascript p { font-size : 1.2em; margin-bottom:0; line-height:1.4em; margin-top:.9em; }
/********** /Javascript Required block **********/

/********** Header **********/
a#brand-logo { float: left; width: auto; display: block; padding: 0 0 1.5em .5em;}
ul#header-links { float: right; padding: .5em 0 .5em 0; width: auto; }
div.reg-header ul#header-links { padding: 1em 0 2em 0;}
ul#header-links li { float: left; display: block; background-repeat: no-repeat; height: 1.7em; margin-left: 1.5em; font-size: 1em; }
ul#header-links li a { height: 1.5em; padding: 0; text-indent: -999em; display: block; cursor: pointer; overflow: hidden; }
ul#header-links li a:hover { background-color:#FFF; filter:alpha(opacity=30); opacity: 0.3;}
ul#header-links li.quick-shop { background-image: url('../images/nav/btn_catalog_qs.gif');  width: 10.7em;}
ul#header-links li.my-account { background-image: url('../images/nav/btn_my_account.gif');  width: 6.3em; }
ul#header-links li.account-sign-in { background-image: url('../images/nav/btn_account_sign_in.gif');  width: 8.6em; }
ul#header-links li.account-sign-out { background-image: url('../images/nav/btn_account_sign_out.gif');  width: 4.6em; }
ul#header-links li.registry-sign-in { background-image: url('../images/nav/btn_registry_sign_in.gif');  width: 8.5em;  }
ul#header-links li.registry-sign-out { background-image: url('../images/nav/btn_registry_sign_out.gif'); width: 11.2em; margin-left: 30em; _margin-left: 25em; }
ul#header-links li.store-locator { background-image: url('../images/nav/btn_store_locator.gif');  width: 8em; }
ul#header-links li.view-basket { background-image: url('../images/nav/btn_view_basket.gif');  width: 9em; }
ul#header-links li#cart-count { margin-left: 0em; padding-top: 0.25em; _padding-top: 0.2em; /* IE 6 Hack */ font-weight: bold; font-size: 1.1em; color: #4f2906; line-height: 1em;}
ul#header-links li#cart-count span { font-weight: normal;}

div#nav-search-box { float: right; width: 30em; padding-bottom: .4em; overflow: visible; }
div#nav-search-box fieldset { float: right; padding: .5em 0; background-color:#FFFBE5; border:1px solid #D5D5D0; *width:27.1em; } 
div#nav-search-box input { font-size: 1em; margin-left: .5em; margin-right: .5em; }
div#nav-search-box fieldset label { float: left;}
div#nav-search-box fieldset input#search-field { float: left; width: 16em; margin-top: 0em; padding: .2em .2em; cursor: text; font-size: 1.1em; border:1px solid #BDB4AB; height: 1.4em;  *height:1.5em;  _margin-right: -0.2em; }
div#nav-search-box fieldset input.btn-search { width: auto; padding: 0 .5em 0 0; float: right; margin: 0; }
div#nav-search-box fieldset label#search-label { display : none; }
a.skip-link { position: absolute; left: -99em;}
/********** end Header **********/

/********** Primary Navigation **********/
div#nav-container { float: left; width: 100%; padding-bottom: 1.1em; }
ul#nav-main { float: left; position: relative; left: -0.1em; width: 99em; *width: 100em; z-index: 996; text-align: left; display:block; border-left: 1px solid #d5d5d5; margin-right: -1.1em; background-image:url('../images/nav/nav_bg_ecom.gif'); *background-image: none;   }
ul#nav-main li { position: relative; z-index: 996; float: left; display: block; padding: 0em; background-repeat: no-repeat; background-position: 0em 0em; }
ul#nav-main li a { float: left; cursor: pointer; }
ul#nav-main li a:hover { background-position: none;}



/*** General Drop-Down formatting ***/
ul#nav-main li ul { position: absolute; z-index:10; top: 1.7em; margin-top: .9em; display: none; background-color:#FFF; border: 1px solid #E3DFD8; border-top: none; padding-bottom:.5em; margin-right: -0.1em;  } 
ul#nav-main li:focus ul, ul#nav-main li:active ul { display: none;} /* setting pseudoclasses in order to hide the drop-down from screen readers & tab order */
ul#nav-main li:hover ul, ul#nav-main li ul:hover  { display: block; left: 0em;}
ul#nav-main li.dropDownHover ul { left: .1em; display:block}
ul#nav-main li.dropDown ul li { display: block; width: 100%; }
ul#nav-main li.dropDown ul li h2.navheader,
ul#nav-main li.dropDown ul li a, 
ul#nav-main li.dropDownHover ul li a { display: block; color: #505050; text-decoration: none; padding: .2em .5em .3em 1em; width: 14.5em; background-image: none; font-size: 1.2em; line-height: 1.2em; }
ul#nav-main li.dropDown ul li a:hover, 
ul#nav-main li.dropDownHover ul li a:hover { color: #4b690f; text-decoration:underline; }
ul#nav-main li.dropDown ul li span.navheader { color: #4A2300; border: solid #e3dfd8; display: block; font-size: 1.1em; border-width: 1px 0; padding: .6em .5em .5em 1em; font-weight: bold; margin-bottom: .3em; }

/* Note: Rollover & Active states hide the off-state image so that the background (on-state) shows thru. Reason: imageswaps on the li create flickering in ie6.  The backround is set on the <li> instead of the <a> so that the image stays "on" with the drop down */
ul#nav-main li img { float: left; background-image:url('../images/nav/v-bar.gif'); background-repeat: no-repeat; background-position: right 0.3em; }
ul#nav-main li a { background-image:url('../images/nav/nav_bg_ecom.gif'); }
ul#nav-main li#category-11 a img { background-image: none;}

ul#nav-main li.active, 
ul#nav-main li:hover,
ul#nav-main li.dropDownHover { margin-left: -0.1em;}

ul#nav-main li li,
ul#nav-main li.active li, 
ul#nav-main li:hover li,
ul#nav-main li.dropDownHover li { margin-left: 0em; }

ul#nav-main li.active a, 
ul#nav-main li:hover a,
ul#nav-main li.dropDownHover a { background-image: none; margin-right: 0.1em; } 

ul#nav-main li.active li a:hover, 
ul#nav-main li li a:hover,
ul#nav-main li.dropDownHover li a:hover { display: block; margin-left: 0em; margin-right: 0;}

ul#nav-main li.active a li a:hover, 
ul#nav-main li a li a:hover,
ul#nav-main li.dropDownHover a li a:hover {  margin-right: 0; margin-left: 0; } 

ul#nav-main li:hover a img, 
ul#nav-main li a:hover img,
ul#nav-main li a:focus img, 
ul#nav-main li a:active img,
ul#nav-main li.dropDownHover img { visibility: hidden; background-image: none; } 

/*
ul#nav-main li a:active { border: none;} /* not sure why this is, but if I set any border attributes, the active pseudoclass styles set above work; without the border att, the active styles do not function properly; this may have something to do with the anchor inheriting border: 0... el 3/25/09*/

/*** Individual Ecom Drop-Down formatting ***/
ul#nav-main li#category-1		{ background-image:url('../images/nav/ecom/nav_cookware_on.gif'); }
ul#nav-main li#category-1 ul	{ width: 19em; left: 0em; }

ul#nav-main li#category-2 		{ background-image:url('../images/nav/ecom/nav_cooks-tools_on.gif'); }
ul#nav-main li#category-2 ul 	{ width: 19em; }

ul#nav-main li#category-3 {  background-image:url('../images/nav/ecom/nav_cutlery_on.gif'); }
ul#nav-main li#category-3 ul { width: 19em; }

ul#nav-main li#category-4 {  background-image:url('../images/nav/ecom/nav_electrics_on.gif');  }
ul#nav-main li#category-4 ul { width: 19em;}

ul#nav-main li#category-5 {  background-image:url('../images/nav/ecom/nav_bakeware_on.gif'); }
ul#nav-main li#category-5 ul { width: 19em; }

ul#nav-main li#category-6 {  background-image:url('../images/nav/ecom/nav_food_on.gif'); }
ul#nav-main li#category-6 ul { width: 19em;}

ul#nav-main li#category-7 { background-image:url('../images/nav/ecom/nav_glassware-bar_on.gif'); }
ul#nav-main li#category-7 ul { width: 19em}

ul#nav-main li#category-8 { background-image:url('../images/nav/ecom/nav_tabletop_on.gif'); }
ul#nav-main li#category-8 ul { width: 19em;}

ul#nav-main li#category-9 { background-image:url('../images/nav/ecom/nav_decor-furnishings_on.gif'); }
ul#nav-main li#category-9 ul { width: 19.5em;  }

ul#nav-main li#category-10 { background-image:url('../images/nav/ecom/nav_homekeeping_on.gif'); }
ul#nav-main li#category-10 ul { width: 18.3em; }

ul#nav-main li#category-11 { background-image:url('../images/nav/ecom/nav_outdoor_on.gif'); border-right: 1px solid #d5d5d5;  margin-right: -0.1em;  }
ul#nav-main li#category-11 ul { width: 19em; left: -11.4em; _left: -9.8em; }
ul#nav-main li#category-11 img { position: relative; left: 0.1em; margin-left: -0.2em; padding-left: 0.1em; }
/********** End ecom drop-downs **********/


/*** Individual Registry Drop-Down formatting ***/
div.reg-header ul#nav-main li#category-1 { background-image:url('../images/nav/reg/nav_supckw_on.gif');  }
div.reg-header ul#nav-main li#category-1 ul { width: 19em;}

div.reg-header ul#nav-main li#category-2 { background-image:url('../images/nav/reg/nav_supctl_on.gif');}
div.reg-header ul#nav-main li#category-2 ul { width: 19em; }

div.reg-header ul#nav-main li#category-3 { background-image:url('../images/nav/reg/nav_supcut_on.gif');}
div.reg-header ul#nav-main li#category-3 ul { width: 19em;}

div.reg-header ul#nav-main li#category-4 { background-image:url('../images/nav/reg/nav_supelt_on.gif');}
div.reg-header ul#nav-main li#category-4 ul { width: 19em}

div.reg-header ul#nav-main li#category-5 { background-image:url('../images/nav/reg/nav_supbkw_on.gif'); }
div.reg-header ul#nav-main li#category-5 ul { width: 19em; }

div.reg-header ul#nav-main li#category-6 { background-image:url('../images/nav/reg/nav_supgls_on.gif'); }
div.reg-header ul#nav-main li#category-6 ul { width: 19em; }

div.reg-header ul#nav-main li#category-7 { background-image:url('../images/nav/reg/nav_suptbl_on.gif');  }
div.reg-header ul#nav-main li#category-7 ul { width: 19em; }

div.reg-header ul#nav-main li#category-8 { background-image:url('../images/nav/reg/nav_suphgk_on.gif'); }
div.reg-header ul#nav-main li#category-8 ul { width: 19em;}

div.reg-header ul#nav-main li#category-9 { background-image:url('../images/nav/reg/nav_supbed_on.gif'); }
div.reg-header ul#nav-main li#category-9 ul { width: 19em;}

div.reg-header ul#nav-main li#category-10 { background-image:url('../images/nav/reg/nav_suptop_on.gif'); border-right: 1px solid #d5d5d5;  margin-right: -0.1em;  }
div.reg-header ul#nav-main li#category-10 ul { width: 19em; left: -4.1em; _left: -3.8em; }
div.reg-header ul#nav-main li#category-10 img { position: relative; left: 0.1em; margin-left: -0.2em; padding-left: 0.1em; }

/********** End Primary Reg Navigation **********/


/********** Begin Secondary Navigation - Reg & Ecom **********/
ul#nav-secondary { float: left; position: relative; margin-top: -3.1em; z-index: 997; text-align: left; display:block; padding-bottom: 0; left:-0.2em; padding-bottom: 0.2em;}
ul#nav-secondary li { position: relative; z-index: 997; float: left; display: block; padding: 0; border: 1px solid #FFF;}
ul#nav-secondary li a { float: left}
ul#nav-secondary li:hover, ul#nav-secondary li.dropDownHover, ul#nav-secondary li.active { border: 1px solid #4A2300; }
ul#nav-secondary li:hover ul li, ul#nav-secondary li.dropDownHover ul li { border: none;}

ul#nav-secondary li ul { position: absolute; z-index:997; top: 1.7em; margin-top: .9em; display: none; background-color:#FFF; border: 1px solid #E3DFD8; width: 17em; padding-bottom:.5em; } 
ul#nav-secondary li:focus ul, ul#nav-secondary li:active ul { display: none;}
ul#nav-secondary li:hover ul, ul#nav-secondary li ul:hover  { display: block; }
ul#nav-secondary li:focus ul, ul#nav-secondary li:active ul { display: none;} /* setting pseudoclasses in order to hide the drop-down from screen readers & tab order */

ul#nav-secondary li:hover ul,
ul#nav-secondary li.dropDownHover ul { display:block; left: -0.1em; padding-top:.5em;}

ul#nav-secondary li.dropDown ul li { display: block; width: 100%; }
ul#nav-secondary li.dropDown ul li a, 
ul#nav-secondary li.dropDownHover ul li a { display: block; color: #505050; text-decoration: none; padding: .2em .5em .3em 1em; width: 14.5em; background-image: none; font-size: 1.2em; line-height:1.2em; }
ul#nav-secondary li.dropDown ul li a:hover { text-decoration: underline; color: #4b690f; }

ul#nav-secondary li#secondary-category-3 ul { width: 38em; float: left; padding-bottom: 1.2em; left: 0em;}
ul#nav-secondary li#secondary-category-3 ul li { padding: 0; margin: 0; z-index: 997; float: left;}
ul#nav-secondary li#secondary-category-3 ul li.Season { width: 22em; }
ul#nav-secondary li#secondary-category-3 ul li.Recipient { width: 13em; }
ul#nav-secondary li#secondary-category-3 ul li.header { padding-bottom: .5em; }
ul#nav-secondary li#secondary-category-3 ul li ul { width: 100%; position: relative; top: 0.5em; padding: 0em 0 0 1em; margin-top: 0; border: none; float: left; }
ul#nav-secondary li#secondary-category-3 ul li ul li a { width: 90%; margin-left: -1em; padding: .2em .5em .3em 1em; line-height:1.2em;}
ul#nav-secondary li#secondary-category-3 ul li ul li#gift-card { background-image:url('../images/nav/img_gift_cards.gif'); background-repeat: no-repeat; margin-top: 0.5em;}
ul#nav-secondary li#secondary-category-3 ul li ul li#gift-card a { height: 5em; text-indent: -99em; display: block;}
ul#nav-secondary li#secondary-category-3 ul li ul li#gift-card a:hover { filter:alpha(opacity=0); opacity: 0;}

ul#nav-secondary li ul li.header { font-weight: bold; font-size: 1.2em; padding: .2em; color: #4A2300;}

/********** End Secondary Navigation **********/

/****** Footer ******/
div#footer { width: 100%; clear: both; padding : 2em 0 1em 0; }
div#footer a { color: #A28E79; }
div#footer ul { float: left; margin-bottom: 1em; background-color: #FBF9F2; border-bottom: 1px solid #EDEAE2; padding: 1em 0 1em 0em; width: 100%; /* need width set - otherwise registry footer breaks */ }
div#footer ul li { float: left; border-left: 1px solid #D9D9D9; padding: .5em 1em 0 2em; margin-left: 1em; min-height: 11em; _height: 11em; }
div#footer ul li ul { padding-bottom: 0; margin-bottom: 0; border-bottom: none;}
div#footer ul li ul li { border: none; float: none; display: block; padding: .3em .1em; margin: 0; min-height: 1em; _height: 1em;}
div#footer ul.registry-footer li { min-height: 12.4em; _height: 12.4em;}
div#footer ul.registry-footer li ul li { min-height: 1em; _height: 1em;}
div#footer ul li ul { padding : 0em; }
div#footer ul li p,
div#footer ul li ul li a { font-size : 1.1em; }
div#footer ul li h3 { font-size : 1.1em; font-weight : bold; color: #505050; margin-bottom : 0.5em; width : auto; }
div#footer ul li h3 a { color: #505050; }
div#footer ul li.footer-promo { border-left: none; padding: 0; margin: .8em 0 0 2em; _margin-left:1em;}
div#footer ul.registry-footer li.footer-promo { border-left: none; padding: 0; margin: .3em 0 0 1.8em; _margin-left:1em;}
div#footer ul li.footer-promo a.promolink { float:left; padding: 1.2em 0  0 1.6em;; font-size: 1.1em;}
div#footer ul li.customer-service { width: 18em; margin-left: 1.8em; }
div#footer ul li.shop { width: 12em }
div#footer ul li.shop-2 { width: 12em; border-left: none; }
div#footer ul li.our-company { width : 19.6em; }

div#footer ul.registry-footer li.shop { width: 13em }
div#footer ul.registry-footer li.shop-2 { width: 14em; border-left: none; }
div#footer ul.registry-footer li.our-company { width : 16.6em; }

div#footer div.join-email { clear: both; float:left; width:100%; text-align:center; padding-bottom: .9em; border-bottom: 1px solid #EDEAE2; }
div#footer div.join-email fieldset { float: left; padding: 0; margin: 0; }
div#footer div.join-email fieldset label,
div#footer div.join-email fieldset input { float : left; font-size : 1.1em; }
div#footer div.join-email fieldset input { margin-right: 1em; }
div#footer div.join-email fieldset label { font-size : 1.2em; font-weight : bold; padding : 0em 1em 0 21.5em; color: #4A2300; }
div#footer div.join-email fieldset input.email-field { padding: .2em .2em; width: 17em; font-size: 1.1em; border:1px solid #BDB4AB; height: 1.3em; *height:1.4em; }
div#footer div.questions-copyright { clear: both; float:left; width:100%;  text-align: center; font-size: 1.1em; margin: 1em 0; }
div#footer div.questions-copyright p { padding-top: 0.8em; }
div#footer div.questions-copyright p.customer-service-info { font-weight: bold;}
div#footer div.questions-copyright img { float: right; }
div#footer div.seo-links { clear: both; float:left; color:#AAAAAA; width:100%;  text-align: center; font-size: 1.1em; margin: 1.4em 0 -.5em 0; }
div#footer div.seo-links a { color:#AAAAAA; padding: 0 .9em; }
div#footer li.opinionlab { margin-top: 1.5em;}

/****** /Footer ******/

/****** Registry Footer ******/
div#footer.registry ul li ul.border { border-left : 1px solid #D6D6D4; }
div#footer.registry ul li h3 { color : #4A4432; background-color : #AAAF91; }
div#footer.registry form.join-email { background-color : #AAAF91; }
/****** /Registry Footer ******/


/****** sideBar Styles ******/
div#sidebar { float: left; margin-top : 1em; padding: 0 0 1em 0; width: 19em; }
div#sidebar h2 { font-size: 1.8em; color: #4b690f; margin: 0; padding: 0 0 .25em .5em; font-weight: normal; line-height:1.1em; }
div#sidebar h2 a:hover { text-decoration: none;}
div#sidebar h3 { font-size: 1.1em; color: #4A2300; padding: 0.5em 1em 0.4em 1em; background-color: #FFFBE5; text-transform: uppercase; border: 1px solid #BDB4AB; border-bottom: none; font-weight: bold; line-height: 1.2em; }
div#sidebar ul { margin : 0; list-style: none; border: 1px solid #BDB4AB; padding-top: 0.4em; padding-bottom: .6em; margin-bottom: -0.1em;  }
div#sidebar li { color: #505050; font-size: 1.2em; padding: 0; margin: 0; _border-bottom: 1px solid #FFF; /* for some reason the border controls the padding in ie6; */}
div#sidebar li a { color: #505050; line-height: 1.2em; display: block; padding: .2em .5em .3em 1em; }
div#sidebar a:hover, div#sidebar a:active { text-decoration: underline; color: #4b690f; }
div#sidebar li.active { font-weight: bold;  }
div#sidebar li.active a { color: #4b690f;}
div#sidebar li.active ul li { font-weight: normal;}
div#sidebar li.active ul li a { color: #505050; font-weight: normal; }
div#sidebar li.active ul li.active a { color: #4b690f; font-weight: bold; }
div#sidebar li.active ul li.active, 
div#sidebar li.active ul li a:hover, 
div#sidebar li.active ul li a:active { color: #4b690f; }
div#sidebar li.active ul li:hover { color: #4b690f; }
div#sidebar li.active ul { padding: 0; margin: -1.6em 0 0 .1em; border: none; background: url('../images/common/arr_down.gif') no-repeat left 0.4em; padding-top: 1.6em; _border: 1px solid #FFF; /* for some reason ie6 adds a top grey border - this style is to over-ride */ }
div#sidebar li.active a:hover { border: none; /* for some reason ie6 was adding a grey border on rollover... el: 9/17/09 */}
div#sidebar li.active ul li { font-size: 1em; padding: 0; margin: 0; }
div#sidebar li.active ul li a { padding-left: 1.7em;}
div#sidebar div.related-promo .content-link { padding-top: 1em; }
div#sidebar div.static-promo { margin-top: 1em; }
div#sidebar div.email-promo { margin-top: 1em; border: 1px solid #D3C6B6; padding: 6px; background-color: #FBF5ED; width:17.6em; text-align:center; float: left;}
/****** //sideBar Styles ******/

/****** The Bar - breadcrumbs & pagination ******/
div.wrap div.the-bar { margin-bottom: .5em; } /* The bottom margin may vary depending on the section.  Larger margins should be added in the stylesheets for the individual sections */
div.wrap div.the-bar li a, div.wrap div.the-bar li a:visited  { font-size: 1em; }	

	
/*** Pagination ***/
div#content div.the-bar ul.pagination { float: right; font-size: 1em; margin: 0.7em 0; }
div.the-bar ul.pagination { padding: 0.1em 0; }
div.the-bar ul.pagination li,
div#content div.the-bar ul.pagination li { float: left; font-size: 1.1em; line-height: 1.4em; color: #4A2300; display: block; width: auto; position: relative; background-repeat: no-repeat; font-weight: bold; text-align: left; padding-bottom: }
div.the-bar ul.pagination li a { background-repeat: no-repeat;}

div.the-bar ul.style-a li {}
div.the-bar ul.style-a li.pipe { background-image:url('../images/common/img_pipe.gif'); background-position: right; padding: 0 0.5em 0 0.6em;}
div.the-bar ul.style-a li a,
div.the-bar ul.style-a li span { display: block; float: left; padding: 0.2em 0.6em; text-decoration: none; }
div.the-bar ul.style-a li a { color: #523b24; border: 1px solid white; }
div.the-bar ul.style-a li span.active { color: #4a2300; border: 1px solid #4a2300; }
div.the-bar ul.style-a li.label { padding: 0.2em 1em 0 0;}
div.the-bar ul.style-a li { padding: 0.3 0;}
div.the-bar ul.style-a li.next-page { background-image: url('../images/common/arr_page_next.gif'); background-position: left 0.5em; margin-left: 0.5em; }
div.the-bar ul.style-a li.previous-page { background-image: url('../images/common/arr_page_prev.gif'); background-position: left 0.5em; }
div.the-bar ul.style-a li.previous-page a, 
div.the-bar ul.style-a li.next-page a { height: 1.5em; padding: 0; text-indent: -999em; display: block; cursor: pointer; overflow: hidden; width: 1em;}
div.the-bar ul.style-a li.view-all-pages { background-image: url('../images/common/btn_view_all.gif'); padding-left: 1em; background-position: right;}
div.the-bar ul.style-a li.view-all-pages a { height: 1.9em; padding: 0; text-indent: -999em; display: block; cursor: pointer; overflow: hidden; width: 6.5em; border: none; }

div.the-bar ul.style-b li.label { padding-right: 0.7em;}
div.the-bar ul.style-b li { padding: 0.3em 0;}
div.the-bar ul.style-b li.next-page { background-image: url('../images/common/arr_page_next.gif'); background-position: right 0.6em; padding-left: 0.5em; }
div.the-bar ul.style-b li.previous-page { background-image: url('../images/common/arr_page_prev.gif'); background-position: left 0.6em; padding-right: 0.5em; }
div.the-bar ul.style-b li.previous-page a, 
div.the-bar ul.style-b li.next-page a { height: 1.5em; padding: 0; text-indent: -999em; display: block; cursor: pointer; overflow: hidden; width: 1em;}

div.the-bar ul.style-c li { padding: 0em 0.5em; }
div.the-bar ul.style-c li.next-page { background-image:url('../images/common/img_pipe.gif'); background-position: left 0.2em; padding-left: .8em; padding-right: 0; background-repeat: repeat-y; margin-left: .2em; }
div.the-bar ul.style-c li.next-page a { background-image: url('../images/common/arr_right.gif'); background-position: right; padding-right: 1.2em; text-decoration: none; font-weight: normal; }
div.the-bar ul.style-c li.previous-page { background-image:url('../images/common/img_pipe.gif'); background-position: right 0.2em; padding-right: .8em; padding-left: 0; background-repeat: repeat-y; margin-right: .3em;}
div.the-bar ul.style-c li.previous-page a { background-image: url('../images/common/arr_left.gif'); background-position: left; padding-left: 1.3em; text-decoration: none; font-weight: normal;  }
div.the-bar ul.style-c li a:hover, 
div.the-bar ul.style-c li a:active { text-decoration: underline;}

/*** end Pagination ***/
/****** / end The Bar ******/

/****** Pricing ******/
span.product-price span { font-size: 1.2em; text-transform: capitalize; }
span.product-price span.price /* This is an hProduct-ready element that surrounds the actual price. */ { font-size: 1em; }
span.product-price span.price-standard { text-decoration: none; font-weight: bold; color: #000; }
span.product-price span.price-strike,
span.product-price span.price-strike-sale { color: #505050; display:block; _white-space:nowrap; }
span.product-price span.price-sale { color: #960000; font-weight:bold; }
span.product-price span.price-special { font-weight: bold; color:#E16633;  }
span.product-price span.price-surcharge { text-decoration: none; white-space:nowrap; }
span.product-price span.nla { text-transform:capitalize; color: #505050; font-size: 1.1em; }
span.product-price span.discounted-price, span.discounted-price, span.promotion-applied {color: #E16633 }
span.product-price span.discount-definition, span.discount-definition {color: #E16633 }
span.product-price span.discount-applied, span.discount-applied  { text-decoration : line-through; }
/****** /Pricing ******/

/****** Flags ******/
span.flag-text { font-style: italic; font-size: 1.2em; margin-right: 0.5em;}
div#content ul.product-list li span.flag-text, div#content ul.product-list li span.flag-image { float: left; margin-right: 0.5em; padding-top: 0; }
span.new-flag,
span.freeship-flag,
span.special-offer-flag,
span.exclusive-flag { color: #E16633;}
span.morecolors-flag { color: #4A2300; margin-top: .4em;}
span.flag-video { color: #4A2300; padding-left: 1.6em; background-image: url('../images/common/icon_video.gif'); background-repeat: no-repeat; background-position: 0 0.1em;}
div#content ul.product-list li span.product-flags { white-space: nowrap; clear: both; padding-top: .1em; margin: 0; *float: left;/* Quick fix for font reduplication bug.*/ line-height: 1.2em; }
div#content ul.product-list li span.flag-text { padding-top: .2em; }
div#content ul.product-list li div.product-name span.product-flags { clear: none; display: inline; float: none; }
div#content ul.product-list li div.product-name span.product-flags span { display: inline-block; float: none; padding-top: 0; font-size: 1em; }


/* Flag image replacement */
/* Using pixels here because the background won't scale anyways and there'd end up being incongruous whitespace. ~b*/
span.flag-image { display: inline-block; text-indent: -1337em; vertical-align: bottom; background-repeat: no-repeat; margin-right: 0.5em; }
span.monogram-tooltip,  
span.monogram-flag { background: url('../images/common/icon_monogram.gif'); width: 13px; height: 15px; display: block; float: left; background-repeat: no-repeat; }
span.in-home-tooltip, 
span.in-home  { background: url('../images/common/img_whiteglove_icon.gif'); width: 21px; display: inline-block; background-repeat: no-repeat; _background-position: 0 -0.2em; }

/****** /Flags ******/

/******  Product Thumbnail Grid *****/
div#content ul.product-list { overflow: hidden; font-size: 1em; width: 78.1em; *width: 78.5em; clear: none; margin:  -0.1em -0.1em 0em 0; display: block; border-right: #FFF; float: left; }
div#content ul.product-list li { float: left; display: block; width: 16.6em; *width: 16.7em; padding: 0 1.4em 1em 1.5em; margin: 0 -0.1em 0 0; font-size: 1em; border: solid #E7E7E7; border-width: 1px 1px 0;/* Bottom border is set via JavaScript. */ border-left: none; }
div#content ul.product-list li a { font-size: 1em;/* a contains image so it must be 1em*/ cursor: pointer; /* this must be floated - otherwise ie does not put the cursor on the thumbnail */ padding-bottom: .1em; line-height: 1em; }
div#content ul.product-list li a:hover, div#content ul.product-list li a:focus, div#content ul.product-list li a:active { text-decoration: underline;}
div#content ul.product-list li div.product-thumb { width: 16.5em; height: 16.6em; *height: 16.8em; _height: 17.2em; position: relative; text-align: center; display: block; padding-top: 1em;}
div#content ul.product-list li div.product-thumb a { display: block; width: 16.5em; position: absolute; bottom: 0; right: 0; left: 0;  }
div#content ul.product-list li div.product-thumb a img { text-align: center;}
div#content ul.product-list li div.product-name { font-size: 1.2em; padding-top: 1.2em; }
div#content ul.product-list li span.product-price { display: block; clear: both; padding-top: .7em; *padding-top: .5em; line-height: 1.4em; }
div#content ul.product-list li span.product-price span { display: block; margin: 0; padding: 0; }
div#content ul.product-list li span.product-price span.price { display: inline; }

/******  / Product Thumbnail Grid *****/

/****** Inline Rating ******/
div.inline-rating { display: block; }
ul.product-list li div.inline-rating { padding-top: .6em; *padding-top: .4em; _padding-top: .8em; *margin-bottom: 0em; clear: both; }
div.inline-rating span.number-of-reviews { font-size: 1.1em; *position: relative; *top: -.2em; }
div.inline-rating div.graphic-rating, div.inline-rating span.number-of-reviews { display: inline-block; *display: inline;/*IE hasLayout hack*/ vertical-align: middle; }
/****** /Inline Rating ******/

/****** Offscreen elements ******/
.offscreen { position:absolute; left: -999em; top:auto; width: .1em; height: .1em; overflow:hidden; }
/****** /Offscreen elements ******/

/****** Images within flash divs ******/
.flash-container img { display: none; } /* mlogan - This is uesdin conjunction with the flash.ftl macro to ensure that img content does not "flicker" prior to flash being shown */
/****** /Images within flash divs ******/

/******  Content Links *****/
div.content-link { float: left;}
div#sidebar div.content-link h3, 
div#content div.content-link h3 { font-family: Georgia, "Times New Roman", Times, serif; color: #4A2300; font-size: 1.6em; font-weight: normal; padding-bottom: 0.2em; background-color: none; border: none; text-transform: none;}
div.content-link p { color:#505050; font-size: 1.2em;}
div.content-link a { font-size: 1.2em; margin-top: 0.4em; display: inline-block;}
div#sidebar div.content-link a span.arrow-right { background-position: right 1px;}

div.image-promo a { padding-right: inherit; background: none; margin-top: 0; display: inherit; padding: 0; }
div.image-promo * { vertical-align: bottom;/* Mitigating blank space caused by line-height setting, in a way that's /hopefully/ not as drastic as line-height: 0 */ }

div.composite  { width: 36.5em; overflow: hidden; padding: 1em 1em 0.8em 1em; border: 1px solid #DCD2BF; margin-top: 1em; }
div.composite img { float: left; padding-right: 1em; }
div.composite div.copy-block { float: left; width: 18em;}

div.consider-this { background-color: #FAF4E5; padding: 0.5em; width: 17.5em; overflow: hidden; }
div.consider-this div.copy-block { border: 1px solid #DCD2BF; padding: 0.5em; text-align: center;}
div.consider-this div.copy-block p, div.consider-this div.copy-block a { color: #4A2300; }

div.composite-alt { width: 36.5em; overflow: hidden;  padding: 1em 1em 0.8em 1em; border: 1px solid #DCD2BF; margin-top: 1em;}
div.composite-alt img { float: right; padding-left: 1em;}
div.composite-alt div.copy-block { float: left; width: 18em;}

div.image-text-link { width: 18em;}

div#sidebar div.image-link-promo h3 { background-color:#FFF; font-size: 1.6em; padding: 0.4em 0.2em; line-height: 1.2em;}
div#sidebar div.image-link-promo a { font-size: 1.2em; padding: 0em 0.4em; margin-top: 0.4em;}

div#content div.recipe-tip { background-color: #fbf9f2; border: 1px solid #dbd2be; width: 36.1em; padding: 1em;}
div#content div.recipe-tip h3 { padding-bottom: 0.6em; font-size: 1.5em;}
div#content div.recipe-tip p { padding-bottom: .6em;}
div#content div.recipe-tip img { float: left; padding-right: 1em; display: inline; }
div#content div.recipe-tip a { display: inline; }

div.video-link { background-color: #fbf9f2; border: 1px solid #dbd2be; padding: 1em; width: 18em; }
div#sidebar div.video-link { width: 16.8em; margin-top: 1em;}
div#sidebar div.video-link h3 { background-color: #fbf9f2; padding: 0 0 0.4em 0em; font-size: 1.6em;}
div.video-link p { line-height: 1.4em; padding-bottom: 0.5em;}
div#sidebar div.video-link a { _padding-left: 0.1em;}



div#content div.copy-right,
div#content div.copy-left,
div#content div.copy-promo-image { width: 38.3em;}
div#content div.copy-right h3,
div#content div.copy-left h3,
div#content div.copy-promo-image h3 { }

div#content div.copy-right p,
div#content div.copy-left p,
div#content div.copy-promo-image p { font-size: 1.2em; }

div#content div.copy-right,
div#content div.image-promo { margin-top: 1em;}
div.copy-right a, div.copy a, div.copy-promo-image a { margin-top: 0; }
div.copy-right a { float: right; padding-left: 1.3em; margin-bottom: .4em; }
div.copy-left a { float: left; padding-right: 1.3em; margin-bottom: .4em; }
div.copy-promo-image a { margin-top: .5em; }

/******  /Content Links *****/

/*== OpinionLabs == */
div.opinionlab { padding-top: 1em;}
div.opinionlab img { padding-right: 0.5em; margin-bottom: -0.2em;}
li.opinionlab {}
li.opinionlab img { padding-right: 0.5em; margin-bottom: -0.2em;}
/*== /OpinionLabs == */


/*== Spreadsheet Styles == */
ul.bulleted li { background-image:url("../images/common/img_bullet.gif"); background-position: 0.8em 0.7em; background-repeat:no-repeat; list-style-position: outside; padding: 0.2em 1.8em; line-height: 1.3em; }
ol.numbered li { list-style: decimal; list-style-position: inside; padding: 0.2em 1em; font-size: 1.2em; }
.orange { color: #D34F24;}
.red { color: #960000;}
.green { color: #4B690F;}
.brown { color: #4A2300;}
.grey { color: #505050;}
.black { color: #000;}
.dktan { color: #AB9D7A;}
div#content .footnote { font-size: 1.1em;}
/*== /Spreadsheet Styles == */