/* 
	File:			customer-service.css
	Author:			adam maxfield
	Created:		8-2009
	Description:	This file contains all styles for Customer Service pages. 

*/

/********** General Customer Service Styles **********/
div#sidebar { /*Do not put anything in here unless you have a very compelling reason to over-ride pbk.css.*/ }
div#content { /*Do not put anything in here unless you have a very compelling reason to over-ride pbk.css.*/ }

div#content p	{ /*Do not put anything in here unless you have a very compelling reason to over-ride pbk.css.*/ }
div#content h1 { /*Do not put anything in here unless you have a very compelling reason to over-ride pbk.css.*/ }
div#content h2 { /*Do not put anything in here unless you have a very compelling reason to over-ride pbk.css.*/ }

/* -- Customer Service: Default (59em) and Full (append class="full") page widths.  Use these 2 options. -- */
body#customer-service div#content	{ width: 59em; }
body#customer-service div#content.full,
body#product-review div#content.full	{ width: auto; margin-left: 0; }
	/* exceptions: content (based on layout) */
	body#customer-service div#baby-registry-workshop div#content,
	body#customer-service div#gift-services div#content, 
	body#customer-service div#svc-balance div#content	{ width: auto; }
	/* exceptions: sidebar (based on layout) */
	body#customer-service div#svc-balance div#sidebar	{ height: 63em; } /* needed a little more hieght under sidebar to abs position estara - am */

/* -- Commonly Used Elements -- */
	/* Metrics wrapper (so it doesn't add unwanted vertical space) */
	div.metrics-wrapper { position : absolute; }
    #customer-service #content img.icon { margin-bottom:-.2em; }
	/* Fieldsets */
	/*
	div#content fieldset	{ float : none; margin-bottom : 1em; }
	div#content fieldset input  { float: left; padding: 0.1em; margin-right: .5em; }
	*/

	/* -- Age Check -- */
	fieldset#age-check { margin-bottom: 2em;}
	fieldset#age-check fieldset { float : left; padding-right : 0.8em; }
	fieldset#age-check fieldset label { text-align: left; width:auto; }
	fieldset#age-check fieldset.month select { width: 12.72em; }
	fieldset#age-check fieldset.day select { width: 5em; }
	fieldset#age-check fieldset.year select { width: 6.5em; }

	/* -- Shopping For -- */
	fieldset#shopping-for { width: 60em; padding-bottom: 2em;  }
	fieldset#shopping-for fieldset	{ width: 33%; float:left; }
	fieldset#shopping-for fieldset input	{ float: left; margin:0; padding:0; height: 1.5em; }
	fieldset#shopping-for fieldset select { width: 16em;}
	fieldset#shopping-for fieldset label { float: none; text-align:left; height: 1.5em; margin: .3em 0 .3em 1.8em;}
	fieldset#shopping-for fieldset.relation-to-teen, fieldset#shopping-for fieldset.heard-from	{ width: 100%; clear: both; margin-top: 1em; }
	fieldset#shopping-for fieldset.relation-to-teen label, fieldset#shopping-for fieldset.heard-from label, fieldset#shopping-for fieldset.relation-to-teen input, fieldset#shopping-for fieldset.heard-from input	{ margin-left: 0; width: 15em; line-height:; }

	/* -- Addressblock -- */
	/*
	div#content fieldset.addressblock { margin-bottom:0; }
	div#content fieldset.addressblock fieldset.zip { margin-bottom:0; }
	div#content fieldset.addressblock fieldset.state { margin-top:0; }
	fieldset.addressblock fieldset { margin-bottom: .5em}
	*/
	div#content fieldset#email-verification { margin-top:0; }
	/*
	fieldset.addressblock input  { width: 25em; }
	fieldset.addressblock div.state-zip { overflow: hidden; }
	fieldset.addressblock div.state-zip fieldset.state { margin:0; }
	fieldset.addressblock fieldset.state	{float: left;}
	fieldset.addressblock fieldset.zip	{ padding-left:1em; }
	fieldset.addressblock fieldset.state select  { width: 17em; _width: 16.7em; padding: .1em; }
	div#content fieldset.addressblock fieldset.zip label   { width: 2.3em; }
	#catalog-request div#content fieldset.addressblock fieldset.zip label { width:10em; margin-right:1.1em; }
	fieldset.addressblock fieldset.zip input  { width: 4.5em; }
	*/
	fieldset.addressblock div.user-info-comment	{ margin: .2em 0 .6em 11.75em; font-size: 1.1em; }

	/* -- Email + Password -- */
	fieldset#email-verification fieldset { margin-bottom: .5em}
	fieldset#email-verification fieldset input { width: 25em; }

	/* --Buttons-- */
	div#content a.button { text-indent: -99em; display: block;}

	div#content div.button-background { background-repeat: no-repeat; background-position: center left; border: none; }
	div#content input.button, div#content a.button	{ display: block; font-size: 1em; height: 2.6em; padding: 0; text-indent: -999em; }
	div#content div#btn-download { background-image: url('../images/common/btn_download.gif'); width: 9em; }
	div#content div#btn-adobe-reader { background-image: url('../images/common/btn_get_acrobat.gif'); width: 9em;}
	div#content div#btn-adobe-reader a { height: 3.5em; }
/********** /General Customer Service Styles **********/

/* -- Customer Service: Index -- */
.vcard li { overflow:hidden; width:44em; }
.vcard li span.value { font-weight:bold; float:right; }
.vcard li span.type, .vcard li.note { width:26.5em; }
.vcard li.tel, .vcard li.fax { margin-top: .6em; }
body#customer-service #index div#content p { width:47em;  }

/* -- Customer Service: Too Young -- */
body#customer-service div#rug-care div#content div#pop-header { font-weight:bold; line-height:normal; color:#336699; font-size: 1.2em;}
body#customer-service div#rug-care div#content li {  line-height:normal; color:#666666; font-size: 1.1em;}
/* -- Customer Service: How To Order -- */
body#customer-service div#how-to-order div#content ul.four-steps { margin: 0 0 2em 0em; list-style: disc; list-style-position: inside; }
body#customer-service div#how-to-order div#content ul.four-steps li { margin : 0.2em 0 0.5em; }

/* -- Order Tracking: Index -- */

/* -- Order Status -- */
div#order-tracking-status h2	{ text-transform: capitalize; border: none; margin-top: 0; }
div#order-tracking-status h2 span	{ font-weight: normal; padding-left: .5em; }
div#order-tracking-status table#order-info	{ margin-top: .5em; width: 50em; border-bottom: 2px solid #ccc; margin-bottom: 3em; border-collapse: collapse; }
div#order-tracking-status table#order-info th	{ text-transform: uppercase; font-weight: bold; font-size: 1.1em; padding-bottom: .5em; border-bottom: 1px solid #ccc; }
div#order-tracking-status table#order-info td	{ border-bottom: 1px solid #ccc; padding:2px 0 3px; font-size: 1em; }
table#order-info td.qty		{ width: 5.4em; }
table#order-info td.details	{ width: 27.6em; }
table#order-info td.item		{ width: 9em; }
table#order-info td.status	{ width: 8em; }
div#order-tracking-status table#order-info td.qty, div#order-tracking-status table#order-info td.carrier-info	{ border-bottom: 0; padding-bottom: .5em; }
div#order-tracking-status table#order-info td span	{ font-size: 1.1em; line-height: 1.4em; }
div#order-tracking-status div#questions div	{ overflow: hidden; }
div#order-tracking-status div#questions h3	{ font-weight: bold; }
div#order-tracking-status div#questions p	{ padding-bottom: .5em; }
div#order-tracking-status div#questions h3, 
div#order-tracking-status div#questions p, 
div#order-tracking-status div#questions a	{ font-size: 1.1em; line-height: 1.2em; }


/* -- Customer Service: Catalog Order Form -- */
body#customer-service div#catalog-request div#content fieldset.button-container { padding:2em 0 1em; margin:0; }
body#customer-service div#catalog-request div#content fieldset.button-container input#btn-continue { width:auto; height:auto; padding-bottom:0; }

/* -- Customer Service: Shipping Info -- */
body#customer-service #shipping-info #content ul.bedroom-sets { list-style-type:disc; margin: 0 0 1.2em 1.5em; }
body#customer-service #shipping-info #content ul.cities li{ display:inline; }
body#customer-service #shipping-info #content ul.cities { margin:-1em 0 1em; }
body#customer-service #shipping-info #content a { text-decoration:none; }
body#customer-service #shipping-info #content dl { overflow:hidden; width:47em; font-size:1.1em; margin:.3em 0 1em; }
body#customer-service #shipping-info #content dl dt { width:17.2em; float:left; padding-bottom:.3em; }
body#customer-service #shipping-info #content dl dd { width:29.8em; padding-bottom:.3em; _width:24em;}
body#customer-service #shipping-info #content dl div { border-bottom: solid .1em #ccc; font-weight:bold; text-transform:uppercase; font-size:.9em; width:47em; overflow:hidden; margin-bottom:.6em; padding-bottom:.2em;}
body#customer-service #shipping-info #content dl div span { width:18.9em; float:left; display:block; }
body#customer-service #shipping-info #content h3 {font-weight:bold; margin-bottom:.7em; margin-top:1em; font-size:1.1em; }
body#customer-service #shipping-info #content dl.shipping-processing-options dt { width:17.4em; }
body#customer-service #shipping-info #content dl.shipping-processing-options dd { width:14.3em; float:left; }
body#customer-service #shipping-info #content dl.shipping-processing-options dd a { font-size:1em; }
body#customer-service #shipping-info #content dl.shipping-processing-options div span { width:19.1em; float:left; display:block; }
body#customer-service #shipping-info #content dl.shipping-processing-options div span.charge { width:16em; }

body#customer-service #shipping-info #content p.holiday { color:#bc2129; font-size:1.1em; font-weight:bold; }
body#customer-service #shipping-info #content th.header { color:#bc2129; font-size:1.1em; font-weight:bold; padding-bottom:1em; }
body#customer-service #shipping-info #content th.title { text-transform:uppercase; font-size:1em; font-weight:bold; padding-bottom:.2em; border-bottom:.1em solid #CCCCCC; }
body#customer-service #shipping-info #content td { padding:.3em .3em .1em 0em; font-size:1em; line-height:1.2em; }
body#customer-service #shipping-info #content td.last { padding-bottom:1em; }
/* -- Customer Service: FAQs - See faqs.css -- */


/* -- Customer Service: Return Policy -- */


/* -- Customer Service: Credit Card -- */
body#customer-service div#credit-card div#content { width:760px;/*one of the very few CS pages with both border and full page width*/ }
body#customer-service div#credit-card div#content .top-left { float:left; width:295px; }
body#customer-service div#credit-card div#content .top-right { float:right; width:465px; }
body#customer-service div#credit-card div#content .top-right  p { padding-top:2em; padding-left:.6em; }
body#customer-service div#credit-card div#content .top-right  ul { padding-left:.8em; }
body#customer-service div#credit-card div#content .bottom { float:left; width:760px; padding-top:16px; }
body#customer-service div#credit-card div#content .bottom h2 { border-bottom:none; border-top:1px solid #cccccc; padding:1em 0 0 0; }
body#customer-service div#credit-card div#content ul { list-style-type:disc; list-style-position:outside; margin-left:1.5em; margin-bottom:1em; }
body#customer-service div#credit-card div#content li { line-height:1.4em; }
body#customer-service div#credit-card div#content a { text-decoration:none; }
body#customer-service div#credit-card div#content div.existing-cardholders ul { margin-bottom:3em; }


/* -- Customer Service: Gift Services -- */
body#customer-service div#gift-services div#content img.hero-image { float:right; }
body#customer-service div#gift-services div#content div { overflow:hidden; margin-right: 3em; }
body#customer-service div#gift-services div#content h2 { clear:both; }
body#customer-service div#gift-services div#content h2.gift-cards	{ margin-top: 1em; }
body#customer-service div#gift-services div#content div p { width:46em; }

/* -- Customer Service: Store Locations -- */
#store-list-navigation { width: 27em; padding-left: 6.5em; float: left; padding-top: 32.2em; background: url('../images/store-locator/img-storelist.jpg') no-repeat 6.5em 0; }
#store-list-nav-links li { background-image:url('../images/common/arr_refine.gif'); background-repeat: no-repeat; background-position: left .2em; padding: .2em 0px .2em 1em;}

#store-list-container { width: 59em; float: left; }
#store-list  ul.vcard { width: 18.3em; float: left; padding: 0 1em 1.5em 0; }
#store-list  ul.vcard li { width: auto; margin-top: 0; 	}
#store-list  ul.vcard ul li { font-size: 1em; }
#store-list  ul.vcard li.city { font-weight: bold; }

	/* ------ Canadian Store Locations ------ */


/* -- Customer Service: Business sales -- */


/* -- Catalog Request: Index -- */
body#customer-service div#catalog-request div#content fieldset#select-catalog { overflow:hidden; }
body#customer-service div#catalog-request div#content fieldset#select-catalog div { padding:2.4em 0 0em; *padding-bottom:0.8em; }
body#customer-service div#catalog-request div#content fieldset#select-catalog div.second { clear:both; padding:1em 0; *padding-bottom:0.8em; border-top:none; }
body#customer-service div#catalog-request div#content fieldset#select-catalog div.button { clear:both; }
body#customer-service div#catalog-request div#content fieldset#select-catalog div.online-catalog { overflow:hidden; float:left; padding:0 0 0 2.1em; *padding-bottom:0; border-bottom:none; border-top:none; }
body#customer-service div#catalog-request div#content fieldset#select-catalog div ul { margin:0; padding:0; display:block; }
body#customer-service div#catalog-request div#content fieldset#select-catalog div li { float:left; width:17.72em; *width:17.8em; margin:0; padding:0; }
body#customer-service div#catalog-request div#content fieldset#select-catalog img { display:block; margin-bottom:1.3em; }
body#customer-service div#catalog-request div#content fieldset#select-catalog input { float:left; *width:1.1em; *height:1.1em; vertical-align:top; margin-right:0.8em; *margin-right:0.7em; }
body#customer-service div#catalog-request div#content fieldset#select-catalog label { float:left; text-indent:-999em; text-align:left; height:3em; width:14em; display:block; }
body#customer-service div#catalog-request div#content fieldset#select-catalog li#pbk label { background:url('../images/customer-service/logo_pbk_catreq.gif') no-repeat; }
body#customer-service div#catalog-request div#content fieldset#select-catalog li#pbteen label { background:url('../images/customer-service/logo_pbteen_catreq.gif') no-repeat; }
body#customer-service div#catalog-request div#content fieldset#select-catalog li#pb label { background:url('../images/customer-service/logo_pb_catreq.gif') no-repeat 0 0.2em; }
body#customer-service div#catalog-request div#content fieldset#select-catalog li#pbbb label { background:url('../images/customer-service/logo_pbbb_catreq.gif') no-repeat 0 0.15em; }
body#customer-service div#catalog-request div#content fieldset#select-catalog li#pbods label { background:url('../images/customer-service/logo_pbods_catreq.gif') no-repeat 0 0.15em; }
body#customer-service div#catalog-request div#content fieldset#select-catalog li#pbdorm label { background:url('../images/customer-service/logo_pbdorm_catreq.gif') no-repeat 0 0.15em; }
body#customer-service div#catalog-request div#content fieldset.button-container { padding-top:0; }
body#customer-service div#catalog-request div#content fieldset.button-container input { float:none; height:auto; text-indent:0; }
body#customer-service div#catalog-request div#content ul.error { margin-top:1em; }
body#customer-service div#catalog-request div#content fieldset#age-check fieldset.month { _width:10em; }
body#customer-service div#catalog-request div#content fieldset#age-check fieldset.day { _width:2.5em; }
body#customer-service div#catalog-request div#content fieldset#age-check fieldset.year { _width:10em; }


/* -- Catalog Request: Form -- */
body#customer-service div#catalog-request div#content form#catalogRequest div.button-background { margin-right:0.1em; *margin-right:0.5em; }


/* -- Catalog Request: Thank You -- */
body#customer-service div#too-young div#content h4 { font-weight:bold; }


/* -- Catalog Mailing Options: Index -- */
body#customer-service div#mailing-options div#content p.intro-copy { border-bottom:0.1em solid #ccc; margin-bottom:1em; }
body#customer-service div#mailing-options div#content p.required-fields { padding-bottom:1em; }
body#customer-service div#mailing-options div#content form { float:left; width:100%; }
body#customer-service div#mailing-options div#content div.step { float:left; width:100%; clear:right; margin-bottom:0.8em; }
body#customer-service div#mailing-options div#content div.step h2 { float:left; width:100%; margin-top:1.5em; margin-bottom:0; }
body#customer-service div#mailing-options div#content div.step h2 strong { float:left; width:5em; }
body#customer-service div#mailing-options div#content div.step h2 span { float:left; width:45em; line-height:1.2em; }
body#customer-service div#mailing-options div#content div.step h2 span span { width:auto; float:none; }
body#customer-service div#mailing-options div#content h2 { font-size:1.1em; text-transform:none; border:none; font-weight:normal; }
body#customer-service div#mailing-options div#content div.brand-options { margin-top:0.5em; padding-left:5.5em; }
body#customer-service div#mailing-options div#content div.brand-options.last { margin-bottom:0; }
body#customer-service div#mailing-options div#content div.brand-options ul.catalog-options li { padding-bottom:0.7em; }
body#customer-service div#mailing-options div#content div#email-information { float:left; width:100%; padding-bottom:2em; border-bottom:0.1em solid #ccc; margin-bottom:1em; }
body#customer-service div#mailing-options div#content div#email-information fieldset.addressblock fieldset.state select { padding:0; width:16em; }
body#customer-service div#mailing-options div#content div#email-information fieldset.customer-number span.info { float:right; width:11em; position: relative; }
body#customer-service div#mailing-options div#content div#email-information fieldset.customer-number span.info p { font-size:1em; position:absolute; top:-1em; *top:-3em; right:-10em; padding:0; margin:0; }
body#customer-service div#mailing-options div#content div#email-information fieldset.actions { padding-left:15.2em; }

/* -- Catalog Mailing Options: Thank You -- */

/* -- Catalog Address Change: Index -- */
body#customer-service div#mailing-options div#content.address-change ul.error { margin-bottom:1em; }
body#customer-service div#mailing-options div#content ul.moving-options { float:left; *float:none; width:100%; border-bottom:0.1em solid #ccc; padding-bottom:2em; }
body#customer-service div#mailing-options div#content ul.moving-options li { padding-bottom:0.7em; float:left; width:100%; }
body#customer-service div#mailing-options div#content ul.moving-options li div.change { float:left; width:19.1em; *width:20em; }
body#customer-service div#mailing-options div#content ul.moving-options li div.dates { float:left; width:34.5em; *width:33.6em; }
body#customer-service div#mailing-options div#content ul.moving-options li div.dates fieldset label { float:left; width:4em; _width:2.5em; padding-right:0.3em; padding-top:0.2em; _padding-top:0.5em; font-size:1em; text-align:right; }
body#customer-service div#mailing-options div#content ul.moving-options li div.dates fieldset select { float:left; }
body#customer-service div#mailing-options div#content ul.moving-options li div.dates fieldset.month { margin-top:0; float:left; width:14.2em; _width:15em; }
body#customer-service div#mailing-options div#content ul.moving-options li div.dates fieldset.month label { width:5em; _width:3.5em; }
body#customer-service div#mailing-options div#content ul.moving-options li div.dates fieldset.day { margin-top:0; float:left; width:8.5em; }
body#customer-service div#mailing-options div#content ul.moving-options li div.dates fieldset.year { margin-top:0; float:left; width:10.1em; }
body#customer-service div#mailing-options div#content div#address-information { float:left; width:100%; border-bottom:0.1em solid #ccc; padding-bottom:2em; margin-bottom:2em; }
body#customer-service div#mailing-options div#content.address-change div#address-information ul.error { margin:1em 0 0 0; }
body#customer-service div#mailing-options div#content div#address-information h3 { text-transform:uppercase; font-weight:bold; font-size:1.1em; }
body#customer-service div#mailing-options div#content div#address-information label { font-size:1em; }
body#customer-service div#mailing-options div#content div#address-information fieldset.state { width:32.4em; }
body#customer-service div#mailing-options div#content div#address-information fieldset.addressblock fieldset.state select { padding:0; }
body#customer-service div#mailing-options div#content div#address-information div#current-address ,
body#customer-service div#mailing-options div#content div#address-information div#new-address { float:left; width:100%; margin:1em 0; }
body#customer-service div#mailing-options div#content.address-change fieldset.actions { float:left; width:100%; }
body#customer-service div#mailing-options div#content.address-change p.other-issues { padding:2em 0 1em 0; float:left; width:100%; }

/* -- Catalog Address Change: Review & Confirm -- */
body#customer-service div#mailing-options div#content.review-confirm div#address-information { border-top:0.1em solid #ccc; padding-top:1em; float:left; width:100%; margin-bottom:1em; *margin-bottom:0.3em; }
body#customer-service div#mailing-options div#content.review-confirm div#address-information div#current-address,
body#customer-service div#mailing-options div#content.review-confirm div#address-information div#new-address { margin:0; float:left; width:27em; }
body#customer-service div#mailing-options div#content.review-confirm div#address-information div h2 { margin:0.5em 0; text-transform:uppercase; font-size:1.1em; font-weight:bold; }
body#customer-service div#mailing-options div#content.review-confirm fieldset.actions { float:left; width:100%; }
body#customer-service div#mailing-options div#content.review-confirm fieldset.actions input { padding:0; margin-left:0.3em; }

/* -- eCatalog -- */
body#ecatalog div#ecatalog-landing div#content h1 { text-transform: none; }
body#ecatalog div#ecatalog-landing div#content div.view-ecatalog { width:79.8em; *width:80.3em; height:34.5em; *height:34.7em; background:url('../images/pages/ecatalog/bg_ecatalog.gif') no-repeat; }
body#ecatalog div#ecatalog-landing div#content div.view-ecatalog div.ecat-cover { float:left; width:34em; }
body#ecatalog div#ecatalog-landing div#content div.view-ecatalog div.ecat-cover img { padding:2.1em 0 0 4.5em; }
body#ecatalog div#ecatalog-landing div#content div.view-ecatalog div.ecat-copy { float:left; width:41em; }
body#ecatalog div#ecatalog-landing div#content div.view-ecatalog div.ecat-copy .header { padding:4.5em 0 0 3.1em; }
body#ecatalog div#ecatalog-landing div#content div.view-ecatalog div.ecat-copy p.title { font-weight:bold; font-size:1.4em; padding-top:1em; text-align:center; }
body#ecatalog div#ecatalog-landing div#content div.view-ecatalog div.ecat-copy p { font-size:1.2em; line-height:1.3em; }
body#ecatalog div#ecatalog-landing div#content div.view-ecatalog div.ecat-copy p.button { padding-top:1em; text-align:center; }

body#ecatalog div#ecatalog-landing div#content div.ecatalog-archive h2 { text-transform: none; border-bottom:none; margin-bottom:0; padding-left:.3em; }
body#ecatalog div#ecatalog-landing div#content div.ecatalog-archive ul { padding-top:1em; }
body#ecatalog div#ecatalog-landing div#content div.ecatalog-archive ul li { float:left; width:153px; }
body#ecatalog div#ecatalog-landing div#content div.ecatalog-archive p { padding-left:.3em; }

body#ecatalog div#ecatalog-flash div#eCatalog-content div.cqs-form { margin-top:.5em; border:.1em solid #939598; }
body#ecatalog div#ecatalog-flash div#eCatalog-content div.cqs-form .title { float:left; width:22em; height:4em; background-color:#e4e4dc; }
body#ecatalog div#ecatalog-flash div#eCatalog-content div.cqs-form .title h4 { font-size:1.2em; font-weight:bold; padding:1.1em 0 0 2.7em; text-transform: capitalize; }
body#ecatalog div#ecatalog-flash div#eCatalog-content div.cqs-form .form { float:left; height:4em; border-left:.2em solid #939598; }
body#ecatalog div#ecatalog-flash div#eCatalog-content div.cqs-form .form-copy { float:left; padding:1.2em 0 0 1.9em; line-height:1.5em; }
body#ecatalog div#ecatalog-flash div#eCatalog-content div.cqs-form .form-fields { float:left; padding:.9em 0 0 1.4em; }
body#ecatalog div#ecatalog-flash div#eCatalog-content div.cqs-form .form-fields input.catalog-code { width:2.5em; }
body#ecatalog div#ecatalog-flash div#eCatalog-content div.cqs-form .form-fields input.catalog-sku { width:5em; }
body#ecatalog div#ecatalog-flash div#eCatalog-content div.cqs-form .form-button { float:left; padding:1em 0 0 1em; }

/* -- Join Our Email List -- */
div#emailme ul.email-benefits		{ margin: 0 0 2em 0em; list-style: disc; list-style-position: inside; }
div#emailme ul.email-benefits li	{ font-size : 1.1em; margin : 0.2em 0 0.5em; }
div#emailme p.required-info { padding-bottom: 0; }
div#emailme div#content form	{ margin-top: 1em; border-top:1px solid #ccc; padding-top: 2em; }
div#emailme fieldset#select-brand legend, div#emailme fieldset#select-brand li.message	{ padding-bottom: 1em; }
div#emailme fieldset#select-brand div	{ float: left; width: 21em; height: 11em; padding-bottom: 2em;  }
div#emailme fieldset#select-brand div.pt	{ width: 15em; }
div#emailme fieldset#select-brand div img	{ display: block; margin-bottom: 1.5em; }
div#emailme fieldset#select-brand div.pt img, div#emailme fieldset#select-brand div.pk img	{ padding-top: 1.5em; }
div#emailme fieldset#select-brand div input	{ float: left; margin: 0 .8em 0 .5em; }
div#emailme fieldset#select-brand div label	{ text-align: left; width: auto; font-weight: normal; text-transform: capitalize; }
div#emailme fieldset#name-fields	{ padding-bottom: 2em; }
div#emailme fieldset#name-fields div fieldset.zip	{ position: relative; }
div#emailme fieldset#name-fields div fieldset.zip div	{ position: absolute; top: .1em; left: 31em; width: 22em; }
div#emailme fieldset#shopping-for	{ overflow: hidden; padding-bottom: 1em; border-bottom:1px solid #ccc; }
div#emailme fieldset#shopping-for fieldset.checkbox-set	{ float: left; width: 26em; padding-left: 0; margin-top: 0; }
div#emailme fieldset#shopping-for fieldset label	{ margin: .1em 0 .5em 1em; }
div#emailme fieldset.button-container	{ padding-left: 0; }
/* -- Join Our Email List: Age Verification -- */
div#email-me-age-verify form#emailme	{ border-top: 1px solid #ccc; padding-top: 1.5em; }
div#email-me-age-verify form#emailme h2	{ margin: 1.5em 0 0; font-weight: normal; text-transform: capitalize; border-bottom: none; }
div#email-me-age-verify form#emailme fieldset#age-check	{ margin-top: 0; }
div#email-me-age-verify fieldset.button-container	{ border-top: 1px solid #ccc; padding: 1.5em 0 0 0; }

/* -- Email Us: Index / Order Inquiries -- */
body#customer-service div#order-inquiries div#content	{ position: relative; }
body#customer-service div#order-inquiries div#promo-space	{ position: absolute; top: 2.8em; right: -20.5em; width: 20em; }
body#customer-service div#order-inquiries div#content div#error-block ul.error { margin-bottom:1em; }

body#customer-service div#order-inquiries div#content,
body#customer-service div#email-us div#content	{ position: relative; }
body#customer-service div#order-inquiries div#promo-space,
body#customer-service div#email-us div#promo-space	{ position: absolute; top: 2.8em; right: -20.5em; width: 20em; }
body#customer-service div#order-inquiries div#content div#error-block ul.error,
body#customer-service div#email-us div#content div#error-block ul.error { margin-bottom:1em; }
body#customer-service div#order-inquiries div#content fieldset.two-fields,
body#customer-service div#email-us div#content fieldset.two-fields { margin-top: 0; }
body#customer-service div#order-inquiries div#content fieldset.two-fields label,
body#customer-service div#email-us div#content fieldset.two-fields label { width: 13em; *width: 12.6em; } 
body#customer-service div#order-inquiries div#content fieldset.two-fields label.subject2,
body#customer-service div#email-us div#content fieldset.two-fields label.subject2 { visibility: hidden; width: 13.4em; *width: 13em; } /* I have no idea what necessitates this ugly width property. Today is not the day to muss around with this form's weird styling and markup. ~b */
body#customer-service div#order-inquiries div#content fieldset.two-fields fieldset.order-no-field label,
body#customer-service div#email-us div#content fieldset.two-fields fieldset.order-no-field label { width: 13em; }

/* -- Change Email Options: Index -- */
iframe.email-prefs-frame	{ width: 66em; height: 50em; }

/* -- SVC Balance: Index -- */
body#customer-service div#svc-balance div#content div#redeem-channels	{ overflow: hidden; margin:1.8em 0; }
body#customer-service div#svc-balance div#content div#redeem-channels div.channel { float:left; width:21.1em; *width:21.5em; padding-left:1.2em; border-left:0.1em solid #ccc; margin-left:1.2em; height:15.5em; }
body#customer-service div#svc-balance div#content div#redeem-channels div.channel.first { width:23em; border-left:0; padding:0; margin:0; }
body#customer-service div#svc-balance div#content div#redeem-channels div.channel h2 { border:0; margin-top: 0; }
body#customer-service div#svc-balance div#content div#redeem-channels div.channel p { padding-bottom:1.2em; }

body#customer-service div#svc-balance div#content div#check-your-balance	{ overflow: hidden; }
body#customer-service div#svc-balance div#content div#check-your-balance form.check-your-balance { float:left; width:44.5em; *width:43.6em; padding-right:5em; *padding-right:6.3em; }
body#customer-service div#svc-balance div#content div#check-your-balance form.check-your-balance p { padding-bottom:1.2em; }
body#customer-service div#svc-balance div#content div#check-your-balance form.check-your-balance div#messaging { }
body#customer-service div#svc-balance div#content div#check-your-balance form.check-your-balance div#messaging ul.error li.message { font-size:1em; margin-bottom:1em; }
body#customer-service div#svc-balance div#content div#check-your-balance form.check-your-balance fieldset { float:left; width:15em; position:relative; margin-top:1.3em; *margin-top:1.5em; }
body#customer-service div#svc-balance div#content div#check-your-balance form.check-your-balance fieldset label { position:absolute; left:0; top:2.5em; font-weight:normal; text-transform:lowercase; font-size:1em; text-align:left; }
body#customer-service div#svc-balance div#content div#check-your-balance form.check-your-balance fieldset.pin-number { width:8em; }
body#customer-service div#svc-balance div#content div#check-your-balance form.check-your-balance fieldset.svc-card-number { width:15.6em; }
body#customer-service div#svc-balance div#content div#check-your-balance form.check-your-balance fieldset input { position:absolute; left:0; top:0em; }
body#customer-service div#svc-balance div#content div#check-your-balance form.check-your-balance fieldset input.check { padding:0; }
body#customer-service div#svc-balance div#content div#check-your-balance form.check-your-balance fieldset input#pinNumber { width:6em; }
body#customer-service div#svc-balance div#content div#check-your-balance form.check-your-balance fieldset input#svcCardNumber { width:13em; }
body#customer-service div#svc-balance div#content div#check-your-balance div#how-to-find { float:left; }
body#customer-service div#svc-balance div#content div#check-your-balance div#how-to-find img { margin-top:1.4em; }


/* -- SVC Balance: Results -- */


/* -- Gift Cards -- */
body#customer-service div#gift-cards div#content img.hero { float:left; }
body#customer-service div#gift-cards div#content div.gift-card-panel { float:left; height:47em; padding-top:0.5em; background:url('../images/pages/gift-card/bg_right_frame.gif') top left no-repeat; width:37em; *width:37.2em; }
body#customer-service div#gift-cards div#content div.gift-card-panel h1 { font-family:Georgia; font-size:6em; line-height:0.79em; text-transform:none; letter-spacing:0; word-spacing:0.1em; padding-bottom:0.3em; }
body#customer-service div#gift-cards div#content div.gift-card-panel h1 span { color:#336699; display:block; }
body#customer-service div#gift-cards div#content div.gift-card-panel h1 span span { color:#75a2ce; }
body#customer-service div#gift-cards div#content div.gift-card-panel div.copy { padding:3.4em 2em 0 2.6em; height:43.3em; }
body#customer-service div#gift-cards div#content div.gift-card-panel div.copy p { font-family:Georgia; font-size:1.5em; font-weight:bold; letter-spacing:0.025em; line-height:1.4em; word-spacing:0.025em; }
body#customer-service div#gift-cards div#content div.gift-card-panel div.copy ul li { font-family:Georgia; font-size:1.9em; padding-bottom:0.2em; padding-bottom:0.2em; }
body#customer-service div#gift-cards div#content div.gift-card-panel div.copy ul li a { text-decoration:none; }
body#customer-service div#gift-cards div#content div.gift-card-panel div.copy ul li a.arrow { cursor:pointer; background:url('../images/customer-service/arrow.gif') bottom right no-repeat; padding-right:0.8em; }

/* -- AddThis Widget -- */


/* -- Enable Javascript Page -- */


/* -- About Product Reviews -- */
body#customer-service div#about-product-reviews div#content { width:70em; }
div#about-product-reviews div#content h2 { margin-top:1em; }
div#about-product-reviews div#content ul.product-review-steps li h2 { font-size: 1em; }
div#about-product-reviews div#content ul.product-review-steps li p	{ font-size: 1em; }
div#about-product-reviews div#content .image { float:right; width:29em; padding:2.5em 0 0 0; }
div#about-product-reviews div#content .copy { float:left; width:38.2em; }
/* -- Swatch Request --*/


/* -- Customer Service: Events --*/
#singAlong { width:78em; background-color:#ffffcf; }
#singAlong .sing-along-block { padding:0px 15px 20px 38px; }
#singAlong .sing-along-block h3 { margin:-4px 0px -3px 0px; padding:0px; color:#508bc9; font-weight:bold; }
#singAlong .sing-along-block p { margin:1.3em 0; padding:0; }
#singAlong .sing-along-block div { padding-top: 4px; }
#singAlong .sing-along-block .column_1 { float:left; width:24.4em; }
#singAlong .sing-along-block .column_2 { float:left; width:24.3em; }
#singAlong .sing-along-block .column_3 { float:left; width:19.9em; }

#decorating { width:741px; background-color:#ffffcf; }
#decorating .decorating-image { float:left; width:160px; }
#decorating .decorating-block { float:left; width:581px; }

#bookclub { background-color:#ffffcf; }


div#se_buckets { float : left; width : 990px;}
div#se_buckets div#left-flash { float : left; width : 204px;}
div#se_buckets div#right-content { float : right; width : 786px;  }
div#se_buckets h6 { text-align:center; font-family: Verdana,Arial,Helvetica,Sans-serif;  font-size : 1.1em;   padding-top: .7em;  padding-bottom: 1em; color: #664b3a !important; font-weight: bold; }
div#se_buckets h6 a:hover { color: #ccc !important;}
div#se_buckets h6 a,
a:active { color: #664b3a !important; }
div#se_buckets div#bu4 h9 { float : left; color : #ffffff !important;}
div#se_buckets div#bu3 h6 span.arrow { width: .5em; height: .8em; position: relative; top: .1em; *top: -.3em; _top: 0; background: url('../images/registry/create/manage_arrow_off.gif') no-repeat right center; display: inline-block; }
div#se_buckets div#bu3 h6 span.arrow a:hover { width: .5em; height: .8em; position: relative; top: .1em; *top: -.3em; _top: 0; background: url('../images/registry/create/manage_arrow_off2.gif') no-repeat right center; display: inline-block; }
div#se_buckets div#bu5 span.arrow { width: .5em; height: .8em; position: relative; top: .1em; *top: -.3em; _top: 0; background: url('../images/registry/create/manage_arrow_off.gif') no-repeat right center; display: inline-block; }
div#se_buckets div#bu3 div.clearfix2 { clear : both; border-top : 1px solid #b7ae92;}
div#se_buckets div#bu3 div.clearfix3 { clear : both; border-top : 1px solid #b7ae92;}
div#se_buckets div#bu5 div.clearfix2 { clear : both; border-top : 1px solid #b7ae92;}


/* -- Design Trade Program -- */
body#design-trade div#design-trade-landing div#content { width:100%; margin-left:0; }
div#design-hero { padding:10px 0 30px 0; }
div#design-content .design-left-nav { float:left; width:230px; height:380px; background-color:#d3e7f8; }
div#design-content .design-left-nav h2 { border-bottom:none; padding:25px 0 20px 10px; margin:0; }
div#design-content .design-left-nav ul { list-style:disc; padding:0px 10px 0px 23px; }
div#design-content .design-left-nav ul li { font-size:1.2em; line-height:1.4em; color:#336699; padding-bottom:16px; }
div#design-content .design-copy { float:left; width:740px; padding-left:12px; padding-top:13px; }
div#design-content .design-copy p { font-size:1.2em; line-height:1.4em; }
div#design-content .design-copy .buttons { padding-top:5px; }
div#design-content .design-copy .buttons img { float:left; margin-right:20px; }
div#design-content .design-copy a, div#design-content .design-copy a:visited { color : #666666; }
div#design-content .design-copy a:active, div#design-content .design-copy a:hover, div#design-content .design-copy a:focus { color : #87A7E7; }
div#design-notes { border-top:1px solid #cccccc; padding-left:12px; padding-top:20px; margin-top:20px; }
div#design-notes p { font-size:1em; line-height:1.4em; }
div#design-notes a, div#design-notes a:visited { color : #666666; }
div#design-notes a:active, div#design-notes a:hover, div#design-notes a:focus { color : #87A7E7; }

/* -- Our Mobile Website -- */
div#mobile-site { width:798px; height:462px; background: url('../images/customer-service/mobile/bg_mobile.gif') no-repeat; }
div#mobile-site .iphones { float:left; padding:59px 0 0 3px; }
div#mobile-site .mobile-copy { float:left; padding-top:47px; width:427px; }
div#mobile-site .mobile-copy .header { padding:0 0 27px 33px; }
div#mobile-site .mobile-copy .copy { height:118px; }
div#mobile-site .mobile-copy .iphone-right { height:178px; }
div#mobile-site .mobile-copy .copy p { font-size:1.2em; line-height:15px; padding-right:12px; }
div#mobile-site .mobile-copy .copy a { text-decoration:none; }
div#mobile-site .mobile-copy .community { text-align:right; }
div#mobile-site .mobile-copy .community ul { float:right; }
div#mobile-site .mobile-copy .community li { float:left; padding-left:11px; }
div#mobile-site .mobile-copy .community li.text { padding-top:25px; font-size:1.3em; }

/*"Having trouble fitting your addresss or city?" pop-up*/
div#content span.nickname-info { position: relative; height:1.8em; line-height:1.8em; }
div#content span.nickname-info a { font-size:1em; position:absolute; top:-1.8em; *top:0; left:0; outline:0; margin-right:-14em; padding-left: 1em; *margin-right:0; *width:13em; }
@media all and (-webkit-min-device-pixel-ratio:0) {
    body:first-of-type div#content span.nickname-info a { top: -0.8em; } /* Safari hack */
}

/* -- Product Safety -- */
#product-safety fieldset.email-info-message { padding-left: 15.3em; width: 32em; }
/********** // END customer-service.css **********/

