/* File: customer-service.css Author: Erin Lathers Created: 1-20-2009 Description: This file contains all styles for PBTeen customer service pages. */ /* CSS Document */ div#content { margin-top: .1em; } div#content p { padding-bottom: .8em; padding-right: 0em;/* This makes longer lines of text wrap before end of the page. */ } div#content h1 { font-weight:bold; line-height:normal; } div#content h2 { border-bottom:1px solid #ccc; margin-bottom:1em; padding-bottom:0.1em; font-size:1.2em; margin-top: 2em; line-height:normal; } div#content h2 a { text-decoration : underline; } div#content img#hero-catalog-request { float: right; margin-left: 3em} div#emailme div#content img#hero-catalog-request { margin-top:3.5em; } /* -- Customer Service: Index-- */ div#content img.hero-image { float : right; margin : 0 0 1em 1em; } div#index div#content ul#contact-us span.value { font-weight:bold; } div#index div#content ul#contact-us li.tel span.type, div#index div#content ul#contact-us li.fax span.type { display:block; width:24em; float:left; } div#index div#content ul#contact-us li.fax, div#index div#content ul#contact-us li.hours { margin-bottom:1em; } div#index div#content fieldset#order-info { margin: 0; overflow: hidden;} div#index div#content fieldset#order-info label { text-align:left; } div#index div#content fieldset#order-info fieldset { margin: 0.5em 0; } div#index div#content fieldset#order-info input { float: left; width:8em; } div#index div#content { padding-bottom:3em; } ul#contact-us li { padding: .1em 0; font-size: 1.1em;} ul#contact-us li.n { visibility: hidden;} ul#contact-us li.email { margin-bottom : 1em; } ul#contact-us li.email a { text-decoration : underline; } /* Metrics wrapper (so it doesn't add unwanted vertical space) */ div.metrics-wrapper { position : absolute; } /* 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 { float: none; text-align: left; width:auto; display: block; padding-bottom: 0.2em; } fieldset#age-check fieldset.month select { width: 12.72em; } fieldset#age-check fieldset.day select { width: 4em; } 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; } #catalog-request div#content fieldset.button-container { width:55em; } #catalog-request div#content fieldset.button-container div.button-background{float:left;margin-right:12em;} #catalog-request div#content fieldset.button-container input { float:right; } #catalog-request div#form fieldset.button-container input { float:none; } /* --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 fieldset.button-container { margin-bottom: 1em;} div#content div#btn-return-home { background-image: url('../images/common/btn_return_to_homepage.gif'); width: 16em; margin: .5em 0; } 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; } /* -- Customer Service: Too Young-- */ ul#helpful-numbers { float: left; width: 100%; padding-bottom: 4em;} ul#helpful-numbers li { float: left; font-size : 1.1em; line-height : 1.3em; width: 15em; } ul#helpful-numbers li h4 { font-weight: bold; margin: 0; } ul#helpful-numbers li a { text-decoration : underline; font-size: 1em; } div#content p.go-to-cs { margin-top : 1em; } /* -- Customer Service: How To Order-- */ div#how-to-order div#content ul { margin-left:1.5em; } div#how-to-order div#content ul li { list-style:disc; } /* -- Order Tracking: Index -- */ div#order-forms-container { overflow : hidden; } div#order-forms-container form { width : 22em; } div#order-forms-container form div#error-block { margin-bottom : 1em; } div#order-forms-container form h2 { margin-top : 0; padding-top : 0.3em; } div#order-forms-container form fieldset { margin-bottom : 1em; } div#order-forms-container form fieldset label { float : none; text-align : left; margin-bottom : 0.3em; } div#order-forms-container form fieldset input { display : block; margin-bottom : 0.3em; } div#order-forms-container form fieldset input.zipcode, div#order-forms-container form fieldset input.password { width : 7em; } div#order-forms-container form#check-status { float: left; padding-right: 2em; border-right: 1px solid #d2d2d2; margin-right:-.1em; _margin-right:-.4em; } div#order-forms-container form#check-history { margin-left: 24em; border-left: 1px solid #d2d2d2; padding-left: 2em; _margin-left:23.5em; } div#order-forms-container form#check-history a { padding-top : 0.2em; } /* -- Order Status -- */ div#order-tracking h2 { font-weight : bold; } div#order-tracking h2 span { text-transform : uppercase; } div#order-tracking table a, div#order-tracking div#questions a { text-decoration : underline; } div#order-tracking table { margin-bottom : 2em; } div#order-tracking table th, div#order-tracking table td { font-size : 1.1em; padding : 0.2em 1em 0.4em 0; border-bottom : 1px solid #d2d2d2; } div#order-tracking table p { font-weight : bold; font-size : 1em; } div#order-tracking table span { display : block; } div#order-tracking table .qty { width : 6em; } div#order-tracking table .details { width : 24em; } div#order-tracking table .details a { font-size : 1em; } div#order-tracking table .item { width : 10em; } div#order-tracking table .status { width : 8.5em; } div#order-tracking div#questions { margin-top : 3em; overflow : hidden; } div#order-tracking div#questions div { float : left; font-size : 1.1em; margin-right : 3em; } div#order-tracking div#questions div h3 { font-weight : bold; color : #026BAF; margin-bottom : 0.3em; } div#order-tracking div#content a.email-password { } /* -- Order Inquiries: Index -- */ /* -- Customer Service: Store Events-- */ div#se_buckets {float : left; width : 990px; border-bottom: 1px solid #ada384;} div#se_buckets div#bu1 { float : left; width : 99.0em;} div#se_buckets div#bu1a { float : left; width : 990px; } div#se_buckets div#bu1b { background-image:url('../images/customer-service/se_swf_bgd_2010_wd2.gif');float : left; width : 210px; padding: 0 0 0 0; } div#se_buckets div#bu1b div#heroMovie { float : left; padding-left: 1.3em; } div#se_buckets div#bu1c { float : right; width : 751px; display: block; margin: 0em 0em 0em 0em; padding: 0 0 0 0; border-bottom: 1px solid #d9d9d9;} div#se_buckets div#bu1d { float : right; width : 751px; display: block; margin: 0em 0em 0em 0em; padding: 0 0 0 0;} div#se_buckets div#bu4 { float : right; width : 20.8em;} div#se_buckets div#bu5 { float : right; width : 20.8em; border-right: 1px solid #b7ae92; border-left: 1px solid #b7ae92;} div#se_buckets div#bu6 { float : left; width : 99.0em;} 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;} /* -- Customer Service: Catalog Order Form-- */ div#catalog-order ul#contact-info li { font-weight: bold; font-size: 1.1em;} div#catalog-order ul#contact-info li a { font-size: 1em;} div#catalog-order div#btn-adobe-reader { float: right;} div#catalog-order p.file-size { padding: .2em 0 0 5.5em;} div#catalog-order div#content h2 { padding-top: .8em;} /* -- Customer Service: Shipping Info-- */ div#shipping-info ul.page-links li { padding: .25em 0;} p.ship-link a { background:url("../images/common/arr_page-right.gif") bottom right no-repeat;padding-right:1.2em;font-weight:bold; text-decoration:none !important; } p.ship-link { text-align:right;padding:0 0 1.8em 0; } .sale-text { color:#BB003A; } #credit-card div#pb-cc h2.sale-text { text-transform:none; margin:1em 0 0.8em 0.3em; color:#6E1126; font-weight:normal; font-size:1.4em; font-family:Verdana,Arial,Helvetica,Geneva; border:none; } #credit-card div#pb-cc div#content { padding-bottom: 3em; } div#shipping-info table td { padding: .2em 0; border-bottom:.1em solid #ccc; overflow:hidden; } div#shipping-info table td a { text-decoration: underline; width: 9em; display:block; } div#shipping-info table{ border-collapse:collapse; margin:0 0 1em 1em; width: 43em; *width:45em; } div#shipping-info table thead th { font-weight:bold; padding: .2em 0; border-bottom:.1em solid #ccc; } div#shipping-info table thead th div, div#shipping-info table td div { border-left:solid .1em #ccc; padding: .2em .5em; height:2em;} div#shipping-info table.standard-delivery-charges div { height:auto; } div#shipping-info table tr.last td { background: #fff; } div#shipping-info div#content { padding-bottom: 3em; } /* -- Customer Service: FAQs - See faqs.css */ div#content .faq-section { margin:1em 0 0 0.5em; padding:0; } div#content .faq-section li { background:url('../images/customer-service/img_subcat_bullet.gif') left 0.1em no-repeat; list-style-position:inside; list-style-type:none; margin:1em 0; padding:0; } div#content .faq-section h2 { margin:0 0 1em; padding:0 0 0 1.5em; border:none; font-size:1em; font-weight:bold; text-transform:uppercase; font-family:Verdana,Geneva,Arial,Helvetica; } div#content .faq-subsection li { background:url('../images/customer-service/img_faq_bullet.gif') left top no-repeat; margin:0.3em 0; padding:0 0 0 1.3em; line-height:1.1em; } div#content .faq-subsection li a, .faq-answers table a { text-decoration: underline; cursor:pointer; } div#content .faq-answers { margin-bottom:1em; } div#content .faq-answers h1 { border-bottom:1px solid #ccc; color:#888; font-family: Garamond; font-size:1.4em; margin:1.2em 0; } div#content .faq-answers h2 { padding-left:0; font-size:1em; text-transform:none; border:none; font-family:Verdana,Geneva,Arial,Helvetica; margin-bottom:0.2em; margin-top:1em; } div#content .faq-answers p { padding-left:0; line-height:normal; } div#content .faq-answers a.back-to-top { display:block; width:9em; margin-top:0.2em; } div#content .faq-answers p a{text-decoration: underline;} div#content .faq-answers ol li { list-style-type:decimal; margin-left:0; line-height:1.3em; } div#content .faq-answers ol li span { *margin-left:.7em; } div#content .faq-answers ol { margin:0.3em 0 0.8em 0.5em; list-style-position:inside; } div#content .faq-answers table td{padding : 0.2em 1em 0.4em 0; width:25em;} div#content .faq-answers table{margin:0 0 1em 1em;} /* -- Customer Service: As Seen In -- */ div#press-cover { float : left; padding-top:1em;} div#press-cover div.pr-img { float : left; width : 16.0em; height : 26.0em; padding : 0em 2.2em 1em 0;} div#press-cover h9 { font : 1.4em "Times New Roman", serif; text-transform : uppercase; } /* -- Customer Service: Return Policy -- */ div#return-policy ul#contact-info {} div#return-policy ul#contact-info li { float: left; width : 13.5em; font-size: 1.1em; padding : 1em 1em 1em 0; } div#return-policy ul#contact-info li h2, div#return-policy ul#contact-info li a { font-size: 1em; } /* -- Customer Service: Credit Card -- */ body#credit-card img.hero-image { float : none; margin : 0 0 0.6em 0.6em; } body#credit-card div#pb-cc div#content ul { list-style : disc outside; margin-bottom : 0; font-size:1.1em; } body#credit-card div#pb-cc div#content ul li { margin : 0.8em 0.5em; } body#credit-card div#pb-cc p { padding : 1em 0 0.5em 0.5em; line-height:1.5em; } body#credit-card div#pb-cc p.existing-cardholders { font-size:1.1em; padding-top:0; padding-bottom:1em; } /* -- Customer Service: Gift Services -- */ div#gift-services div#content { padding-bottom:2.5em; } div#gift-services img.hero-image { padding:0; _padding:0 0 1.5em 0; margin:0 1em 0 3.5em; float:right; } div#gift-services div#content h1 { margin-bottom:0; } div#gift-services div#content div { float:left; border-bottom:1px solid #ccc; padding-bottom:1.5em; _padding-bottom:0; padding-top:1.5em; padding-left:0.6em; } div#gift-services h4 { text-transform: none; font-weight: bold; font-family: Verdana,Arial,Helvetica,Sans-serif; font-size:1em; } /* -- Customer Service: Store Locations -- */ div#store-locations div#content {} div#store-locations div#store-image-landing {float:right; width:28.5em;} div#store-locations div#store-image-landing a { text-decoration : underline; } div#store-locations div#store-image {float:left; width:38.4em;} div#store-locations div#store-map {float:left; width:37.9em; padding:0em 7em 1em 0em;} div#store-locations div#store-details {height:8em;} div#store-locations div#store-address {float:left; width:24em;} div#store-locations div#store-hours {float:left; width:15em;} div#store-locations div#store-disclaimer {width:37.9em;} div#store-locations div#store-events { width : 48em; } div#store-list div#content h2 { margin-top : 1em; } div#store-list p.city { font-weight : bold; } div#store-list p.store-address { } div#store-list p.store-address span.store-name { font-weight : bold; } div#store-list div#content div.canadian h2 { margin-bottom : 0; } div#store-list div.canadian p { padding-bottom: 0; } div#store-list div.canadian p.store-name { padding-top: 0.8em; font-weight : bold; } /* ------ Canadian Store Locations ------ */ body#canadian-stores div#content { margin-left: 0; width: auto; background-color: #F3F1ED; } body#canadian-stores h1 { padding: 1.4em 1.6em; } body#canadian-stores div#canadian-stores-list { margin: 0 2.6em 3em; border: 1px solid #E1DCD2; background-color: #FFFFFF; padding: 10px; } body#canadian-stores div.provinces h3 { font-family: "Verdana,Geneva,Arial,Helvetica"; font-size: 1.2em; font-weight: bold; text-transform: none; margin: 0.2em 0; border-bottom: 1px solid #E1DCD2; padding: 0.9em 0; } body#canadian-stores ul.stores li { display: block; float: left; width: 18em; } body#canadian-stores ul.stores li p { padding-bottom: 0; line-height: 1.3em; } /* -- Customer Service: Bisiness sales -- */ div#business-sales div#content { width:50.4em; margin-bottom:2em; } div#business-sales div#content p { line-height:1.6em; padding:0 1.2em; } div#business-sales div#content h1 { background: #ECECEC; text-indent:0.5em; width:29.7em; _width:30.25em; font-size:1.7em; font-weight:bold; line-height:1.9em; border:none; } div#business-sales div#content .business-sales-item { background:#F1EFE8; overflow:hidden; float:left; margin-bottom:1em; padding-right:1em; padding-bottom:1em; _width:50.4em; } div#business-sales div#content .business-sales-item p { line-height:1.2em; padding:0 0 0.8em 0; } div#business-sales div#content .business-sales-item div p { text-align:center; clear:both; padding:0 1em 0.8em; } div#business-sales div#content .business-sales-item img { width:161px; height:168px ;border:none; padding:1.5em 1.7em 1em 1.5em; float:left; } div#business-sales div#content .business-sales-item h2 { border:none; margin-top:1em; } /* -- Email Us: Index-- */ /* -- Catalog Request: Index-- */ div#content fieldset#select-catalog { width:55em; margin-bottom:2em; margin-top:1em; } div#content fieldset#select-catalog div { float: left; width: 25em; margin: 1em 2em 1em 0; text-align:center; } div#content fieldset#select-catalog div p { margin:0 auto; width:19em; *width:20em; height:4em; padding:0; } div#content fieldset#select-catalog div img { margin-bottom: 1em; padding:0 7em; } div#content fieldset#select-catalog div input { float:none; margin:0em; *margin-top:-.4em; vertical-align:top; margin-top:0.3em; } div#content fieldset#select-catalog div p img { padding:0; text-align:left; margin:0; } body#catalog-request div#content fieldset.button-container input.button{ margin-top:0; height:1.7em;} /* -- Catalog Request: Form-- */ body#catalog-request div#form fieldset.addressblock fieldset input, body#catalog-request div#form fieldset#email-verification input { width:27em; *width:27.1em;} body#catalog-request div#form fieldset.addressblock fieldset.state { width:27em; float:left; margin:0; } body#catalog-request div#form fieldset.addressblock fieldset.state select { width:14.7em; *width:14.0em; _margin-left:-0.3em; _width:14.0em; } body#catalog-request div#form fieldset.addressblock div.state-zip { overflow: visible; width : auto; } body#catalog-request div#form fieldset.addressblock fieldset.zip { padding-left: 0; } body#catalog-request div#form fieldset.addressblock fieldset.zip label { width: 7em; _width:6.7em; margin-right: 1em; } body#catalog-request div#form fieldset.addressblock fieldset.zip input { width:4em; } /* -- Catalog Request: Thank You -- */ /* -- Catalog Mailing Options: Index-- */ body#mailing-options div#content * { } div#mailing-options div.error-block { margin-bottom : 1em; } div#mailing-options div#age-check-block h2 { margin-top : 0em; } div#mailing-options div.step { overflow: hidden; padding: 1em 15em 1em 0; border-top:1px solid #CCCCCC; margin-top:1em; } div#mailing-options div.step h2 { display: inline; padding-right: .4em; border-bottom : 0; } div#mailing-options div.step span { font-size: 1.1em; } div#mailing-options div.brand-options-list { overflow:hidden; } div#mailing-options div.brand-options { text-align:center; width:21em; height: 24em; *height: 27em; float:left; border-right:1px solid #CCC; padding:0 2.5em 0 0; margin:0 3.5em 1em 0; } div#mailing-options div.brand-options img { padding-right:1em; } div#mailing-options div.brand-options p { text-align:left; padding-right:0; font-weight:bold; margin-left:1em; } div#mailing-options ul.catalog-options { margin : 0 0 2em 1em; text-align:left; } div#mailing-options ul.catalog-options li { clear: left; overflow: hidden; display : block; padding: 0; margin : 0 0.5em; } div#mailing-options ul.catalog-options li input { float : left; margin-top : 0.6em; padding: 0; } div#mailing-options ul.catalog-options li label { float : left; padding: 0.7em 0 0 .3em; display: block; width: 14em; } div#mailing-options div.brand-options span.caption { color:#ccc; font-style:italic; display: block; } div#mailing-options div#email-information { margin : 0 0 2em 0; } div#mailing-options div#email-information fieldset.addressblock fieldset.zip label { width: 11em; margin-right: 1em; } div#mailing-options div#email-information fieldset.customer-number { position : relative; } div#mailing-options div#email-information fieldset.customer-number span { position : absolute; left : 24.8em; top : 0.1em; display : block; font-size : 1.1em; line-height : 1.2em; width : 20em; } div#mailing-options div#email-information fieldset.actions { margin: 0 0 0 12em; width:16em; *margin-left:12.1em; *width:15.8em; padding:1em 0 0 0;} div#mailing-options div#email-information fieldset.actions input { width : auto; } div#mailing-options div#email-information fieldset.actions input.submit { float:right; padding:0; } div#mailing-options div#email-information fieldset.actions a { float:left; } div#mailing-options div.brand-options.last { border:none; margin-right: 0 !important; padding-right : 0 !important; float:left; } div#mailing-options fieldset.addressblock input { width : 14em; } div#mailing-options fieldset.addressblock fieldset.state select { width:14.7em; _margin-left:-0.3em; _width:14.6em; *width:14.6em; } div#mailing-options fieldset.addressblock div.state-zip { overflow: visible; width : auto; } div#mailing-options fieldset.addressblock fieldset.zip { padding-left: 0; } div#mailing-options fieldset.addressblock fieldset.zip label { width: 8em; margin-right: 1em; } div#mailing-options p.other-issues { border-top:1px solid #CCCCCC; padding-top: 1em; } /* -- Catalog Mailing Options: Thank You -- */ /* -- Catalog Address Change: Index -- */ div#mailing-options p#intro-copy, div#mailing-options ul.moving-options { padding-bottom: .5em; border-bottom:0.1em solid #D4D4D4; } div#mailing-options p.required-info { margin-top: 1em; padding-bottom: 0; } div#mailing-options ul.moving-options { margin-top : .7em; padding: 0 0 1em 4em; } div#mailing-options ul.moving-options li { overflow : hidden; height : 2.1em; margin-bottom : 0.5em; } div#mailing-options ul.moving-options li input { float : left; margin-top : 0.4em; } div#mailing-options ul.moving-options li label { float : left; width : auto; padding : 0.4em 0 0 0.5em; } div#mailing-options ul.moving-options li div { float : left; padding : 0.1em 0 0 2em; } div#mailing-options ul.moving-options li div fieldset { float : left; padding : 0 0 0 1em; margin : 0; } div#mailing-options div#address-information { _float:left; overflow:hidden; padding-top: 1em; } div#mailing-options div#address-information div.address-block { float : left; display : inline; width : 37em; *width : 37.5em; padding : 0 0; } div#mailing-options div#address-information div.address-block h2 { margin-top: 0} div#mailing-options div#address-information div#current-address { border-right : 1px solid #dedede; padding-right:1em; } div#mailing-options div#address-information div#new-address { margin-left : -0.1em; border-left : 1px solid #dedede; padding-left : 1em; } div#mailing-options div#content h3 { font-size:1.1em; font-family: Verdana,Arial,Helvetica,Sans-serif; text-transform: capitalize; font-weight:bold; margin-bottom: 0.5em; } div#mailing-options div.address-block fieldset.addressblock label { width : 7.5em; height:1em; line-height:1em; } div#mailing-options fieldset.actions { padding-top : 2em; width : 16em; } div#mailing-options fieldset.actions button.reset { background : #fff none; border : none; margin : 0; padding : 0; } div#mailing-options fieldset.actions input { margin-right : 1.5em; } div#mailing-options fieldset.actions a img.edit { float : left; margin : .1em 1em 0 0; } div#mailing-options p.other-issues { margin-top : 1em; } /* -- Email List: Index-- */ div#emailme p.email-benefits { padding-bottom : 0.2em; } div#emailme ul.email-benefits { margin : 0 0 2em 3em; list-style : disc; list-style-position : inside; } div#emailme ul.email-benefits li { font-size : 1.1em; margin : 0.2em 0 1em; } div#emailme ul.error { margin-bottom : 0; } div#emailme ul.confirm-email-error { margin-top: 0; } div#content fieldset#select-brand { margin-bottom:3.5em; } fieldset#select-brand legend { font-size: 1.1em; padding: 0 0 1em 0; margin: 0; _margin-left: -.75em; /* IE6 Hack */} fieldset#select-brand div { float: left; margin-right: 2em;} fieldset#select-brand div.pt { width : 8em; } fieldset#select-brand div.pb { width : 18em; } fieldset#select-brand div.pk { width : 16em; } fieldset#select-brand div img { display : block; padding-bottom : 1em; } fieldset#select-brand div input { float: left; margin: 0em; padding: 0; font-size: 1em; height: 1.5em; width: 1.5em; } fieldset#select-brand div label { float: left; display: block; padding: .15em 0 0 1em; width: auto; text-align: left;} div#emailme h2.your-info { margin : 3em 0 0 0; } div#emailme div#content input.button, div#content a.button{height:1.7em;} fieldset#name-fields { margin : 0; } fieldset#name-fields legend { text-indent: -99em } fieldset#name-fields div { float: left; width : 55em; padding-bottom: 1em; } fieldset#name-fields div input { float: left; width: 14em;} fieldset#name-fields div label { display: block; padding : 0.5em 0 0 1em; width: 8em; } fieldset#name-fields div span { float : left; padding-left : 1em; width : 20em; display : block; } div#emailme div#content fieldset#name-fields { margin-top:0; margin-bottom:0; } div#emailme div#content fieldset#name-fields legend { display:none; } div#emailme div#content form#emailme fieldset#name-fields input { width:16em; } div#emailme div#content form#emailme fieldset.button-container input { margin-left:12em; width:auto; _margin-left:6em; _width:75px;} div#emailme div#content form#emailme fieldset#name-fields fieldset.zip input { width:5.5em; } div#emailme div#content fieldset.button-container { margin-top:0; } div#emailme div#content form#emailme fieldset.button-container { margin-top:1em; } div#emailme div#content fieldset.button-container a { float : left; } div#emailme div#content fieldset.button-container input { margin-left : 13.3em; *margin-left:13.2em; _margin-left:6.55em} /* -- Email Us: Index -- */ div#email-us div#content ul.contact-info, div#order-inquiries div#content ul.contact-info { overflow : hidden; width : 30em; padding-bottom : 1.5em; } div#order-inquiries div#content img#hero-catalog-request, body#catalog-request div#content img#hero-catalog-request, div#order-tracking div#content img#hero-catalog-request { margin-top: 3.5em; } div#email-us div#content ul.contact-info li, div#order-inquiries div#content ul.contact-info li { float : left; font-size : 1.1em; line-height : 1.3em; } div#email-us div#content ul.contact-info li.label, div#order-inquiries div#content ul.contact-info li.label { width : 18em; } div#order-inquiries div#content #error-block { margin-bottom:1em; } div#order-inquiries div#email-information fieldset label { text-align:left; } div#order-inquiries fieldset#message-box label { display:block; float:none; width:21em;} div#order-inquiries div#email-information{margin-top:0;} div#order-inquiries fieldset#message-box textarea, div#order-inquiries div#email-information fieldset.actions input { width:auto; } div#order-inquiries div#email-information fieldset.actions { margin-top: 0; margin-right:0; margin-left:0; width:40.1em; *width:40em; _width:39.9em;} div#email-us div#email-information fieldset#detailContent fieldset, div#order-inquiries div#email-information fieldset#detailContent fieldset { margin: 0;} div#email-us div#email-information fieldset.nodetails, div#order-inquiries div#email-information fieldset.nodetails { display: none;} div#order-inquiries div#email-information fieldset select { width:27.6em; _width:27.6em; _margin-left:-0.3em; } div#order-inquiries div#email-information fieldset.actions button.reset { background:#fff none; border:none; *margin-top:0.1em; padding:0; text-align:left; display:inline-block; *margin-left:0.15em; } @media all and (-webkit-min-device-pixel-ratio:0) { div#order-inquiries div#email-information fieldset.actions button.reset { margin-left:0.2em; } } div#order-inquiries div#email-information fieldset.actions button.reset img { padding:0; margin:0; border:none; } @media all and (-webkit-min-device-pixel-ratio:0) { body:first-of-type div#order-inquiries fieldset#message-box textarea { width:35.7em; } } div#order-inquiries fieldset#message-box textarea { float:left; margin-left: 0.1em; width:30.1em; height:7em; overflow: auto; *width: 28.9em; } div#order-inquiries div#detailContent label { visibility: hidden;} div#order-inquiries div#email-information fieldset input { width:27em;} div#order-inquiries fieldset.feedback-about {width:44em; overflow:hidden;padding:0;margin:0;} div#order-inquiries div#email-information fieldset.order-no-field input {width:13.5em; } div#order-inquiries div#email-information fieldset.order-no-field {width:27em; overflow:hidden; float:left;} div#order-inquiries div#email-information fieldset.two-fields { width:40.6em;} div#order-inquiries div#email-information fieldset.two-fields fieldset { margin:0; } div#order-inquiries fieldset.feedback-about fieldset { margin:0; width:31em; overflow:hidden; float:left;} div#order-inquiries fieldset.actions button.reset{cursor:pointer; overflow:hidden; padding:0.1em; *height:1.4em;} div#order-inquiries div#email-information fieldset.actions input.send { width:auto; float:right; display:inline-block; padding:0.1em; _margin-top:0; } div#email-us div#content form { margin : 1em 0; } div#email-us div#error-block { margin : 1em 0; } div#age-check-block { margin-bottom : 2em; height : auto; overflow : hidden; } div#age-check-block fieldset fieldset { float : left; margin-right : 1em; } div#age-check-block fieldset label, div#age-check-block fieldset select { float : none; } div#age-check-block fieldset label { text-align : left; display : block; width : auto; padding-bottom : 0.2em; } div#email-us div#email-information { overflow:hidden; margin-top:0; } div#email-us div#email-information fieldset.two-fields fieldset { margin:0; } div#email-us div#email-information fieldset.two-fields div.nodetails { display:none; } div#email-us div#email-information fieldset.order-no-field { overflow:hidden; float:left;} div#email-us div#email-information fieldset label {width:11em; text-align:left; margin-right:1em; } div#email-us div#email-information fieldset#message-box label { display:block; float:none; width:21em; } div#email-us div#email-information fieldset input { width:25em; } div#email-us div#email-information fieldset select { width:25.6em; _margin-left:-0.3em;} div#email-us div#email-information fieldset textarea { width:28.6em; } div#email-us div#email-information fieldset.actions { margin-left:0; width:38.1em; overflow:hidden; *margin-left: 0.1em; _padding-top: 1em; } div#email-us div#email-information fieldset.actions button.reset img { margin:0 0 0 -0.2em; *margin:0;} div#email-us div#email-information fieldset.actions button.reset { cursor:pointer; padding:0.1em; background:#fff none; border:none; margin:0; display:block; text-align:left; *height:1.4em; } div#email-us div#email-information fieldset.actions input { margin-left:0; width:auto; } div#email-us div#email-information fieldset.actions input.send { width:auto; float:right; display:inline-block; padding:0.1em; _margin-top:0; } @media all and (-webkit-min-device-pixel-ratio:0) { div#email-us div#email-information fieldset.actions button.reset img { margin-left:0; } } @media all and (-webkit-min-device-pixel-ratio:0) { body:first-of-type div#email-us fieldset#message-box textarea { width:34.0em; } } /* -- /Email Us: Index -- */ /* -- Change Email Options: Index -- */ div#email-options .email-prefs-frame { border : 0; width : 67em; height : 60em; margin-top: -0.7em; *margin-top: -1.6em; } div#email-options .email-prefs-frame fieldset input.image{ height:100px;} /* -- /Change Email Options: Index -- */ /* -- SVC Balance: Index -- */ div#svc-balance div#redeem-channels { overflow : hidden; margin : 2em 0; } div#svc-balance div#redeem-channels div.channel { float : left; width : 20em; padding : 0 4em 1em 0; } div#svc-balance div#redeem-channels div.channel h2 { font-family : Verdana,Arial,Helvetica,Sans-serif; font-size : 1.1em !important; text-transform : capitalize; padding-bottom : 0.5em; margin : 0 !important; border-bottom : 0 !important; } div#svc-balance div#redeem-channels div.channel p { padding-bottom : 1.5em; } div#svc-balance div#check-your-balance { overflow : hidden; margin-top : 3em; } div#svc-balance div#check-your-balance h2 { margin-top : 0; } div#svc-balance div#check-your-balance h2.title { padding-bottom : 0.2em; border-bottom : 1px solid #ccc; margin-bottom : 1em; } div#svc-balance div#check-your-balance fieldset { float : left; margin-right : 3em; } div#svc-balance div#check-your-balance fieldset label { float : none; display : block; text-align : left; width : auto; margin-bottom : 0.5em; } div#svc-balance div#check-your-balance fieldset input#svcCardNumber { width : 12em; } div#svc-balance div#check-your-balance fieldset input#pinNumber { width : 6em; } div#svc-balance div#check-your-balance fieldset input.check { padding-top : 2em; } div#svc-balance div#check-your-balance div#messaging { float : none; margin : 1.5em 0; } div#svc-balance div#check-your-balance div { float : right; margin-left : 8em; } /* -- /SVC Balance: Index -- */ /* -- SVC Balance: Results -- */ div#svc-balance p.balance { margin : 0 0 3em; } div#svc-balance p.current-balance { margin : 1em 0 1em; border-bottom:1px solid #ccc; padding:1em 0 3em; } /* -- /SVC Balance: Results -- */ /* -- Gift Cards -- */ div#gift-cards div#content { margin-left : 0; width : auto; } div#gift-cards div#content img.hero { float : left; margin : 0; padding : 0; } div#gift-cards div#content div.gift-card-panel { margin-left : 40.7em; width : 57em; *width : 57.3em; background-color : #754f39; padding : 0.6em; } div#gift-cards div#content div.gift-card-panel div.copy { border : 1px solid #fff; padding : 2em 3em; height : 35.7em; *height : 35.9em; color : #fff; } div#gift-cards div#content h1 { font : 6em "Times New Roman", serif; color : #fff; border-bottom : 0; padding : 0 0 0.1em; margin : 0; } div#gift-cards div#content p { font-size : 1.3em; padding : 0 0 1em; } div#gift-cards div#content ul { padding-top : 1em; } div#gift-cards div#content ul li { padding-bottom : 1em; color : #fff !important;} div#gift-cards div#content ul li a { font : bold 1.4em "Times New Roman", serif; letter-spacing : 0.1em; color : #fff !important; text-transform : uppercase; padding-right : 0.7em; background : url('../images/pages/gift-card/arr_gc-links.gif') no-repeat top right; } /* -- /Gift Cards -- */ /* -- AddThis Widget -- */ div#share { margin-top : 0.5em; float:left; font-size:1em; } div#share span.share-text, div#share a { display:block; float:left; margin-right:.2em; font-size : 1em; } div#share span.share-text { margin-top:.4em; } /* -- AddThis Widget -- */ /* -- Enable Javascript Page --*/ div#enableJavascript ol {margin-top: 1em; } div#enableJavascript ol li {margin-bottom: .5em; } /* -- Enable Javascript Page --*/ div.track-order-form fieldset#order-info{ width:45em;} div.track-order-form fieldset.button-container input.button { height:1.7em !important; } div.track-order-form fieldset.button-container { margin-bottom:2em; margin-left: 13.2em; *margin-left: 13.1em;} body#customer-service div#index div.track-order-form fieldset.button-container { margin-bottom:2em; margin-left: 12em; *margin-left: 12.1em; margin-top:0; } /* -- Contest Pages --*/ body#contests div#sample div#content div.entry-form fieldset#email-verification input { width:30em; } body#contests div#sample div#content div.entry-form fieldset.addressblock input { width:30em; } body#contests div#sample div#content div.entry-form label { text-align:left; } body#contests div#sample div#content div.entry-form fieldset.addressblock input.checkbox { width:auto; margin-left: 12em;} body#contests div#sample div#content div.entry-form fieldset.addressblock fieldset.check-set { margin:-0.3em 0 0 0; } body#contests div#sample div#content div.entry-form fieldset.addressblock fieldset.check-set label { width:12em; } body#contests div#sample div#content div.entry-form fieldset.addressblock fieldset.state { float:left; overflow:hidden;} body#contests div#sample div#content div.entry-form fieldset.addressblock fieldset.zip { float:right; width:12.7em; margin-top:0; overflow:hidden;} body#contests div#sample div#content div.entry-form fieldset.addressblock fieldset.zip input { width:4.5em; } body#contests div#sample div#content div.entry-form fieldset.addressblock fieldset.zip label{ width:5.4em;} body#contests div#sample div#content div.entry-form fieldset.addressblock div.state-zip { width:47.4em; } body#contests div#sample div#content div.entry-form fieldset.button-container input { height:1.7em; margin-left:40em; _margin-left:20em;} *html body#contests div#sample div#content div.entry-form fieldset.addressblock fieldset.check-set label { padding-top:0.2em; } *+html body#contests div#sample div#content div.entry-form fieldset.addressblock fieldset.check-set label { padding-top:0.2em; } /* -- /Contest Pages --*/ /* -- Swatch Request --*/ #swatch-request a, #swatch-request a:visited { color : #999; text-decoration : none; } #swatch-request a:active, #swatch-request a:focus, #swatch-request a:hover { color : #666; } #swatch-request div#content a.block-text-link, #swatch-request div#content a.block-text-link:visited { font-weight:bold; padding-right: .85em; background-image:url("../images/common/img_arrow_rt_off.gif"); background-repeat: no-repeat; background-position: right 0.315em;} *+html #swatch-request div#content a.block-text-link { background-position: right 0.325em; } #swatch-request div#content a.block-text-link:hover, #swatch-request div#content a.block-text-link:focus, #swatch-request div#content a.block-text-link:active { background-image:url("../images/common/img_arrow_rt_on.gif"); } #swatch-request div#content ul.block-text-link li a { font-weight: bold; text-decoration: none; } #swatch-request div#content p a, div#content p a:visited { text-decoration : underline; }/* This underlines links that are inside of a paragraph tag. */ #swatch-request div#content p.product-name a, div#content p.product-name a:visited { text-decoration: none;} #swatch-request fieldset.button-container input.button, #swatch-request fieldset.button-container div.button-background{ float:left; margin-right:0.7em; height: 1.7em; } #swatch-request fieldset.button-container { border-top:0.1em solid #ccc; margin:2.5em 0; padding-top:1em; clear:both; } #swatch-request div#content fieldset label { text-align: left; } #swatch-request fieldset.addressblock fieldset.state { float:left; padding: 0 !important; margin: 0 !important; } #swatch-request fieldset.addressblock fieldset.state label { _margin-right: 0.7em !important; } #swatch-request fieldset.addressblock fieldset.zip { float:right; text-align:right; margin-top: 0; _width: 12.5em;} #swatch-request fieldset.addressblock input, #swatch-request #email-verification fieldset input{ width:28.5em;} #swatch-request fieldset.addressblock fieldset.state select {margin: 0;} #swatch-request fieldset.addressblock fieldset.zip input { width:4.5em; _width: 3.8em; } #swatch-request div#content fieldset.addressblock fieldset.zip label { width:5.9em; } #swatch-request fieldset.addressblock div.state-zip { overflow:hidden; width:41.6em; _width: 42.7em; } #swatch-request div#content fieldset.button-container div#btn-cancel a.button:focus, #swatch-request div#content fieldset.button-container input.button:focus { outline:0.2em solid #dedede !important;} *html #swatch-request div#content fieldset.button-container div#btn-cancel a.button { height:1.9em; margin-top:-0.1em; width:5.9em;} *+html #swatch-request div#content fieldset.button-container div#btn-cancel a.button { height:1.9em; margin-top:-0.1em; width:5.9em;} *html #swatch-request div#content fieldset.button-container div#btn-cancel { height:2em; padding: 0.1em 0; background-position: 1px 1px; width:5.8em; margin-top: -0.1em; } *+html #swatch-request div#content fieldset.button-container div#btn-cancel { height:2em; padding: 0.1em 0; background-position: 1px 1px; width:5.8em; margin-top: -0.1em; } #swatch-request div#content fieldset#email-verification { margin-top: -1em; } #swatch-request ul.select-swatches { overflow:hidden; margin-top:1em; } #swatch-request ul.select-swatches li { float:left; width:37em; margin-right:2em; margin-bottom:1em; } #swatch-request ul.select-swatches li img { float:left; margin-right:2em; } #swatch-request ul.select-swatches li input { margin-top:.4em; float:left;} #swatch-request ul.select-swatches li label { margin-top:.2em; float:left; display:block; width:21em; margin-left:.4em; font-weight:bold; *margin-top:.4em; } /* -- /Swatch Request --*/ /* -- Customer Service: PB Outlets --*/ div#outlets div#content div#stores-header { font-size: 1.1em; padding-bottom: 1em; } div#outlets div#content ul.store { padding-bottom: 1em; } div#outlets div#content ul.store li.state { font-weight: bold; } /* -- /Customer Service: PB Outlets --*/ body#ecatalog div#ecatalog-landing div#content h1 { text-transform: none; } body#ecatalog div#ecatalog-landing div#content div.view-ecatalog div.ecat-cover { float:left; width:36.7em; } 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:35em; } body#ecatalog div#ecatalog-landing div#content div.view-ecatalog div.ecat-copy .header { padding:5em 0 0 1.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:2em; 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-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.4em .3em .5em 1.9em; } 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-button { float:left; padding:1em 0 0 1em; }