/* ---------------------
Title: Crumbs Custom screen stylesheet
Filename: custom.css
Author: One Pica Inc, Boston MA
Table of Contents:
Searchstring (Section Name) Description
=General (General Styles): Set font sizes, Page backgrounds, link behaviors, etc
=Master (Master #container Styles): Placing, sizing, styling the main container
=Branding (Branding Styles): Logos, taglines, branding info
=Nav (Navigation Styles): The navigation bar; internal and external
=Forms (Form Styles) Set appearance of forms, inputs, buttons, etc
=Multicol (Multi-Column Styles): The cases where the content needs to be in multiple columns
=Headings (Heading Styles): through
=Content (Content Styles): The main content of the page
=Modals (Modal Styles);
=Footer (Credit/Footer Styles): The footer
=Uni (Universal Styles): Classes and elements that apply throughout ('clear', 'blue', etc)
=Yui (YAHOO Styles):
Common Color Table:
White: #FFFFFF;
Thanks To:
CSS structure/commenting: http://www.huddletogether.com/2006/02/16/practical-web-development-tips/
Markup structure: http://www.stuffandnonsense.co.uk/archives/whats_in_a_name_pt2.html
Stylesheet searchstring flags: http://www.stopdesign.com/log/2005/05/03/css-tip-flags.html
---------------------- */
/* =General
---------------------- */
html, body { height: 100%; }
p {
color: #333;
margin-bottom: 1em;
line-height: 1.5;
text-align: left;
}
p.intro {
margin: 1em 20px 1.2em;
font-size: 0.95em;
}
a {
color: #a0390d;
}
/* =Branding
----------------------
Branding styles: Usually the logo and tagline
Notes:
Image replacement: Usually Phark Method (http://www.mezzoblue.com/tests/revised-image-replacement/)
---------------------- */
h1#logo {
margin: 6px auto 0;
padding-bottom: 8px;
text-align: center;
line-height: 0;
}
h1#logo span {
display: block;
text-indent: -10000px;
}
/* =Nav
----------------------
Navigation styles
Notes:
See file 'menu.css'
---------------------- */
.nav-fancy-separator {
margin: 10px auto;
width: 139px;
height: 5px;
line-height: 0;
font-size: 0;
background: url('../images/fancy_sep.gif') 0 0 no-repeat;
}
/* =Forms
----------------------
Form styles
Notes:
A
should always enclose every label-input (or label-select) pair.
Widths are in % to start, so that they scale, but they are the attributes most likely to change.
Remember -- the IE stylesheet has different percentage widths to start.
---------------------- */
form p {
margin-bottom: 0.4em;
}
form p.buttons {
padding-top: 6px;
width: 90%;
text-align: right;
}
form input, form textarea, form select {
width: 90%;
border: 1px solid #decd6a;
color: #333;
}
input.indent, textarea.indent, select.indent {
margin-left: 13px;
}
form input.load-label, form textarea.load-label {
color: #999;
font-size: 0.8em;
text-transform: none;
padding-top: 3px;
padding-bottom: 3px;
}
form textarea.load-label {
padding-bottom: 1px;
}
form input.radio {
width: 1.5em;
border: none;
}
button.no-style {
border: none;
margin: 0;
padding: 0;
cursor: pointer;
}
button.close-button {
float: right;
margin: 5px 10px 2px 2px;
padding: 2px 3px;
border: 1px solid #ccc;
background-color: #fff;
font-size: 0.8em;
}
button.newsletter-submit {
display: block;
float: none;
margin: 10px 0 8px 2px;
font-size: 0;
line-height: 0;
text-indent: -10000px;
width: 45px;
height: 8px;
background: transparent url(../images/newsletter_submit.gif) 0 0 no-repeat;
}
button.newsletter-submit:hover { background-position: 0 -8px; }
button.disabled {
color: #c7b299;
}
button.red-arrow, button.red-arrow-back {
color: #a0390d;
font-weight: bold;
text-transform: uppercase;
font-size: 0.8em;
background: url('../images/red_arrow.gif') right center no-repeat;
padding: 6px;
border: none;
cursor: pointer;
line-height: 1em;
}
button.red-arrow-back {
background: transparent url('../images/red_arrow_back.gif') left center no-repeat;
}
span.req {
font-weight: normal;
font-size: 0.9em;
}
span.req-ast {
display: block;
float: left;
width: 7px;
height: 6px;
margin: 6px 6px 0 0;
background: transparent url(../images/asterisk.gif) 0 0 no-repeat;
text-indent: -5000px;
}
/* =Multicol
----------------------
Multi-Column Content styles
Notes:
These columns should be used for text within #content.
Values are in percentages to start off -- remember that the IE stylesheet has different values.
If you need "pixel-perfect", you'll have to stop using percentages and use actual pixels
---------------------- */
.modal-column-left, .modal-column-right {
float: left;
clear: none;
padding: 10px 2.5%;
}
.modal-column-left {
width: 30%;
}
.modal-column-right {
width: 60%;
}
.threeColumnLayout {
float: left;
clear: none;
width: 28%;
padding: 10px 2%;
margin-right: 1%;
border-right: 1px dotted #787566;
}
.threeColumnLast {
margin-right: 0;
padding-right: 0;
border-right: none;
}
/* =Headings
----------------------
through styles
---------------------- */
h1 {}
h2 { }
h2.image-replace, h3.image-replace, h4.image-replace, h5.image-replace {
text-indent: -5000px;
width: auto;
height: 23px;
padding-top: 17px;
border-bottom: 1px solid #787566;
background-repeat: no-repeat;
background-position: 11px 21px;
line-height: 0;
}
h2.image-replace { }
h2.locations {
background-image: url(../images/h2_crumbs_bake_shop_locations.gif);
}
h2.crumbs-news {
background-image: url(../images/h2_crumbs_news.gif);
}
h2.crumbs-events {
background-image: url(../images/h2_crumbs_events.gif);
}
h2.crumbs-in-the-press {
background-image: url(../images/h2_crumbs_in_the_press.gif);
}
h2.crumbs-on-air {
background-image: url(../images/h2_crumbs_on_air.gif);
}
h2.events {
background-image: url(../images/h2_events.gif);
}
h2.sign-in {
background-image: url(../images/h2_sign_in.gif);
}
h2.forgot-your-password {
background-image: url(../images/h2_forgot_your_password.gif);
}
h2.create-new-account {
background-image: url(../images/h2_create_new_account.gif);
}
h3.cakes {
background-image: url(../images/h3_cakes.gif);
}
h3.catering {
background-image: url(../images/h3_catering.gif);
}
h3.custom-greeting-card {
background: url(../images/h3_custom_greeting_card.png) 0 0 no-repeat !important;
border-bottom: solid #7f7f7f 1px;
height:15px;
padding-bottom:8px;
margin-bottom:20px !important;
}
h3 {}
h3.image-replace {
margin: 0 0 8px 0;
}
.modal-content h3.image-replace {
padding-top: 0;
background-position: 11px center;
}
#homepage-content h3.image-replace { display: none; }
h3.location {
background-image: url(../images/h3_store_locations.gif);
}
h3.orderinfo {
background-image: url(../images/h3_cupcake_sizes.gif);
}
h3.orderinfo-cupcakes {
background-image: url(../images/h3_cupcake_sizes.gif);
}
h3.contact-us {
background-image: url(../images/h3_contact_us.gif);
}
h3.orderinfo-packaging {
background-image: url(../images/h3_packaging_shipping.gif);
}
h3.orderinfo-defrosting, h3.orderinfo-defrosting-muffins, h3.orderinfo-defrosting-other {
background-image: url(../images/h3_defrosting_serving.gif);
}
h3.orderinfo-kosher {
background-image: url(../images/h3_kosher.gif);
}
h3.partners {
background-image: url(../images/h3_partners.gif);
}
h3.about-faq, h3.orderinfo-faq {
background-image: url(../images/h3_faq.gif);
}
h3.about {
background-image: url(../images/h3_made_by_hand.gif);
}
h3.about-first-time, h3.about-love-story, h3.about-mia-jason {
background-image: url(../images/h3_mia_jason.gif);
}
h3.about-careers {
background-image: url(../images/h3_crumbs_careers.gif);
}
h3.about-celebrate {
background-image: url(../images/h3_reasons_to_celebrate.gif);
}
h3.my-crumbs {
background-image: url(../images/h3_my_crumbs.gif);
}
h3.account-info {
background-image: url(../images/h3_account_info.gif);
}
h3.address-book {
background-image: url(../images/h3_address_book.gif);
}
h3.my-orders {
background-image: url(../images/h3_my_orders.gif);
}
h3.my-tags {
background-image: url(../images/h3_my_tags.gif);
}
h3.add-new-address {
background-image: url(../images/h3_add_new_address.gif);
}
h3.newsletter {
background-image: url(../images/h3_newsletter.gif);
}
h3.order-details {
background-image: url(../images/h3_order_details.gif);
}
h3.no-route {
background-image: url(../images/h3_no_route.gif);
}
h3.products {
background-image: url(../images/h3_products.gif);
}
h3.categories {
background-image: url(../images/h3_categories.gif);
}
h3.celebrate-today {
background-image: url(../images/h3_celebrate_today.gif);
}
h3.privacy {
background-image: url(../images/h3_privacy_policy.gif);
}
h3.legal {
background-image: url(../images/h3_legal.gif);
}
h3.giftcert-inquiry {
background-image: url(../images/h3_gift_certificate_balance.gif);
}
h3.edit-address {
background-image: url(../images/h3_edit_address.gif);
}
h4 {
font-size: 1.2em;
font-weight: normal;
line-height: 1.5em;
text-transform: uppercase;
border-bottom: 1px solid #787566;
width: 100%;
padding: 0;
margin: 0;
}
h4.image-replace {
background-position: 0 center;
margin: 0 0 5px 0;
padding: 0;
}
h4.generous-cupcake {
background-image: url(../images/h4_the_generous_cupcake.gif);
}
h4.mix-six-pack {
background-image: url(../images/h4_mix_your_own_six_pack.gif);
}
h4.signature-ala-carte {
background-image: url(../images/h4_signature_ala_carte.gif);
}
h4.upcoming-events {
background-image: url(../images/h4_upcoming_events.gif);
}
h4.crumbs-in-the-news {
background-image: url(../images/h4_crumbs_in_the_news.gif);
}
h4.crumbs-in-the-community {
background-image: url(../images/h4_crumbs_in_the_community.gif);
}
h4.store-openings {
background-image: url(../images/h4_store_openings.gif);
}
h4.newsletter-signup {
background-image: url(../images/h4_newsletter_signup.gif);
}
h4.featured-item {
background-image: url(../images/h4_featured_item.gif);
}
h4.recently-viewed {
background-image: url(../images/h4_recently_viewed.gif);
}
h4.opening-soon {
background-image: url(../images/h4_opening_soon.gif);
}
h4.nyc-and-la-local-delivery {
background-image: url(../images/h4_nyc_and_la_local_delivery.gif);
}
h4.come-visit-us {
background-image: url(../images/h4_come_visit_us.gif);
}
h4.fedex-shipping-schedule {
border: none;
margin: 8px;
background-image: url(../images/h4_fedex_shipping_schedule.gif);
}
h4.ups-shipping-schedule {
border: none;
margin: 8px;
background-image: url(../images/h4_ups_shipping_schedule.gif);
}
h4.fedex-shipping {
background-image: url(../images/h4_fedex_shipping.gif);
}
h4.made-shipped-by-hand {
background-image: url(../images/h4_made_shipped_by_hand.gif);
}
h4.privacy-security {
background-image: url(../images/h4_privacy_security.gif);
}
h4.ordering-info {
background-image: url(../images/h4_ordering_info.gif);
}
h4.you-may-also-like {
background-image: url(../images/h4_you_may_also_like.gif);
}
h4.add-gift-card {
background-image: url(../images/h4_add_gift_card.gif);
}
h4.cupcake-of-the-month {
background-image: url(../images/h4_cupcake_of_the_month.gif);
}
.contactColumnRight h4.cupcake-of-the-month {
width: 135px;
height: 14px;
margin-left: 2px;
margin-bottom: 0;
background: #fff url(../images/h4_cupcake_of_the_month-MIDDLE.gif) center center no-repeat;
border-bottom: none;
}
h4.celebrations {
background-image: url(../images/h4_celebrate_everyday_life.gif);
}
h4.create-your-own-6pack {
background-image: url(../images/h4_create_your_own_6pack.gif);
}
h4.cupcake-sizes {
background-image: url(../images/h4_cupcake_sizes.gif);
}
h4.cupcakes-ways-to-shop {
background-image: url(http://investors.crumbs.com/images/h4_cupcakes_ways_to_shop.gif);
}
h4.shop-by-celebration {
background-image: url(../images/h4_shop_by_celebration.gif);
}
h4.what-do-you-celebrate {
background-image: url(../images/h4_what_do_you_celebrate.gif);
}
h4.crumbs-on-crumbs {
background-image: url(../images/h4_crumbs_on_crumbs.gif);
}
h4.crumbs-favorite {
background-image: url(../images/h4_crumbs_favorite.gif);
}
h4.east-coast {
background-image: url(../images/h4_east_coast.gif);
}
h4.west-coast {
background-image: url(../images/h4_west_coast.gif);
}
h4.add-greeting-card {
background-image: url(../images/h4_add_greeting_card.gif);
}
h4.how-to-shop {
background-image: url(../images/h4_how_to_shop_crumbs.gif);
}
h4.ups-shipping {
background-image: url(../images/h4_ups_shipping.gif);
}
h4.shipping-address {
background-image: url(../images/h4_shipping_address.gif);
border-width: 0px;
margin-left: 11px;
}
h4.billing-address {
background-image: url(../images/h4_billing_address.gif);
border-width: 0px;
margin-left: 11px;
}
h4.pick-shipping-method {
background-image: url(../images/h4_pick_shipping_method.gif);
}
h4.pick-delivery-date {
background-image: url(../images/h4_pick_delivery_date.gif);
}
.cms-packaging h4 {
border: none;
margin-bottom: 0.4em;
}
#blog-post h4, .blog-post h4 {
border: none;
margin-bottom: 0.4em;
}
.blog-post h4 {
text-transform: none;
color: #9c3022;
font-weight: bold;
}
.in-the-news h4 {
text-transform: none;
color: #9c3022;
font-weight: bold;
font-size: 13px;
border:none;
line-height: 1em;
}
.in-the-news h4 a {
text-decoration: none;
}
#account h4 {
margin-bottom: 10px;
padding-left: 11px;
width: auto;
}
h5 {
font-size: 1.1em;
line-height: 1.5em;
text-transform: uppercase;
}
h5.image-replace {
background-position: 0 center;
margin: 0 0 5px 0;
border-bottom: none;
}
#product-modal h5.image-replace {
height: 23px;
margin: 0;
padding: 0;
font-size: 0;
line-height: 0;
}
h5.float {
float: left;
clear: left;
}
h5.order {
background-image: url("../images/h5_order.gif");
width: 28px;
}
h5.custom-options {
background-image: url("../images/h5_custom_options.gif");
width: 74px;
}
h5.tags {
background-image: url("../images/h5_tags.gif");
width: 21px;
}
h5.others-who-liked {
background-image: url("../images/h5_others_who_liked.gif");
width: 172px;
}
h5.reviews {
background-image: url("../images/h5_reviews.gif");
width: 38px;
}
h5.personalized-message {
background: url("../images/h5_personalized_message.png") 0 10px no-repeat;
height: 9px;
}
#checkout-form h5, #cart h5, #account h5 {
text-transform: none;
font-size: 0.9em;
margin-left: 11px;
margin-right: 11px;
background: transparent url(../images/dotted_black_horizontal.gif) 0 center repeat-x;
}
.blog-post h5 {
border: none;
border-bottom: 1px dotted #787566;
font-weight: normal;
font-size: 0.9em;
text-transform: none;
padding: 0 0 8px 11px;
}
.blog-post a.red-arrow {
text-transform: uppercase;
font-size: 0.9em;
font-weight: normal;
}
h6 {
font-size: 1em;
line-height: 1.5em;
font-weight: bold;
}
h6.big-margin {
margin: 1em 0;
}
.cms-sizechart h6 {
font-size: 0.9em;
line-height: 1em;
text-transform: uppercase;
margin: 0 0 0.4em 0;
}
.cms-faq h6 {
border-bottom: 1px dotted #787566;
padding: 0 0 5px 7px;
margin-top: 1.5em;
margin-bottom: 0.7em;
}
#tagcloud-modal_content h6 {
text-transform: uppercase;
}
/* =Content
----------------------
Main Content styles
Notes:
Font-size is inherited, so some math will be necessary to size child elements up or down correctly
---------------------- */
#yui-main #main-col {
float: none;
margin-right: 16.0727em;
width: auto;
}
#main {
border-left: 1px solid #787566;
padding: 0px 5px 5px 10px;
min-height: 500px;
}
#welcome-container {
height: 14px;
overflow: hidden;
line-height: 1em;
padding: 6px 100px 0 11px;
font-size: 0.85em;
}
#top-container {
border-bottom: 4px double #787566;
margin-left: 10px;
height: 19px;
}
#left-container {
padding-top: 20px;
position: relative;
}
#left-container p {
margin: 3px;
padding: 0.5em 5px 0 5px;
font-size: 0.9em;
line-height: 1.2em;
text-align: center;
}
#yui-main #right-col {
float: right;
width: 15.25em;
margin-left: 0;
padding: 5px 0 0 0;
}
#right-container {
padding: 12px 5px 5px 5px;
overflow: hidden;
border-left: 1px solid #787566;
}
.catalog-category-view #right-container { padding-top: 14px; }
.cms-page-view #right-container, .blog-index-index #right-container, .blog-index-post #right-container { padding-top: 32px; }
.cms-privacy #right-container, .cms-legal #right-container { padding-top: 12px; }
#right-container .box {
border-bottom: 1px dotted #787566;
padding-bottom: 5px;
margin-bottom: 13px;
font-size: 0.9em;
line-height: 1.2em;
}
.box a.red-arrow {
text-transform: uppercase;
font-weight: normal;
font-size: 10px;
}
.box a.red-arrow:hover { color: #333; }
.box p {
margin: 4px 0;
}
a.print-icon {
float: right;
display: block;
margin: 0 3px 0 7px;
width: 19px;
height: 18px;
border-left: 1px solid #787566;
background: url('../images/print_icon.gif') 6px 7px no-repeat;
cursor: pointer;
text-indent: -10000px;
}
a#sixpack_inline_start {
display: block;
width: 137px;
height: 8px;
line-height: 0;
font-size: 0;
text-indent: -5000px;
background: transparent url('../images/create_your_own_6pack.gif') 0px 0px no-repeat;
margin: 10px 0 5px 1px;
}
#icon-links {
float: right;
border-left: 1px solid #787566;
padding: 3px 4px 4px 5px;
margin-left: 5px;
}
.cms-page-view #icon-links { margin-top: 17px; }
.cms-page-view .modal-content #icon-links { margin-top: 0; }
#product-modal #icon-links {
border-left-width: 0px;
padding-right: 0;
}
.addthis-button, .rss-button {
float: left;
margin-right: 5px;
line-height: 0;
width: 16px;
height: 16px;
overflow: hidden;
}
.addthis-button a, .rss-button a {
line-height: 12px;
font-size: 10px;
}
#product-modal .addthis-button { margin-right: 0; }
.icon-links-margin {
float: right;
margin-top: 17px;
}
/* Sitemap Styles */
#sitemap {}
#sitemap .links { }
#sitemap .links ul { text-align: right; }
#sitemap .links a {
/*background: transparent url('../images/red_arrow.gif') right center no-repeat;
padding-right: 6px;*/
font-size: 0.9em;
font-weight: bold;
text-decoration: none;
}
#sitemap-table { width: 100%; }
#sitemap-table tr td {
border: 1px solid #f0eacc;
padding: 3px 5px;
}
#sitemap-table tr.odd td { background-color: #eae2bb; }
/* Celebrations Module Styles */
#celebrations {
margin: 5px 0 17px 11px;
min-width: 555px;
}
a.celebration-block {
float: left;
display: block;
width: 260px;
overflow: hidden;
background-color: #fff;
padding: 4px;
margin: 0 18px 15px 0;
text-decoration: none;
}
.celebration-block img, .celebration-block span {
width: 260px;
display: block;
margin: 0 auto;
}
.celebration-block img {
height: 260px;
overflow: hidden;
}
.celebration-block span {
padding-top: 3px;
color: #5e5957;
text-transform: uppercase;
text-align: center;
font-weight: bold;
font-size: 0.9em;
}
/* Blog Module Styles */
#blog p, #blog-post p {
font-size: 0.9em;
}
#blog-post h4 {
text-transform: uppercase;
font-size: 1.2em;
}
#blog-post h5 {
text-transform: uppercase;
font-size: 1em;
}
#blog-post a.float-right {
text-decoration: none;
}
.blog-post {
padding: 0 0 12px 0;
margin: 18px;
border-bottom: 4px double #787566;
}
.blog-post .blog-post-intro {
font-style: italic;
}
.blog-post h4 a {
text-decoration: none;
}
.blog-post img {
display: block;
float: left;
border: 3px solid #fff;
margin-right: 8px;
margin-bottom: 8px;
max-width: 95%;
max-height: 500px;
}
#blog .pad { padding:15px; }
#blog .in-the-news {
float: left;
width: 175px;
height: 268px;
padding: 10px;
text-align: center;
}
#blog .in-the-news img {
max-height: 230px;
max-width: 175px;
}
#blog .in-the-press-content h4 {
padding-left:8px;
}
#blog .in-the-press-content .date {
float:right;
width:100px;
text-align:right;
font-weight:bold;
padding-top:2px;
padding-right:8px;
}
#blog .in-the-press-content .back {
border-bottom: dotted 1px #787566;
padding:0 8px 8px 8px;
margin-bottom:8px;
}
#blog .in-the-press-content .back a {
color:#A0390D;
text-decoration:none;
text-transform:uppercase;
font-size:11px;
}
.mini-blog img.blog-featured { display: block; margin-top: 6px; max-width: 144px; max-height: 200px; border: 3px solid white; }
/* Locations Module Styles */
#location p {}
ul.location-types {
margin: 4px 0 10px 17px;
}
ul.location-types li {
float: left;
margin-right: 15px;
}
ul.location-types li a {
display: block;
width: auto;
height: 21px;
padding-left: 25px;
padding-top: 2px;
font-size: 0.9em;
font-weight: bold;
text-decoration: none;
color: #333;
background-repeat: no-repeat;
background-position: 0 center;
}
ul.location-types li a.shop {
background-image: url(../images/customer.png);
}
ul.location-types li a.new {
background-image: url(../images/white_star.png);
}
ul.location-types li a.customer {
background-image: url(../images/red_star.png);
}
ul.location-types li.clear-left {
float: none;
clear: left;
height: 0px;
line-height: 0;
font-size: 0;
}
div.west-coast, div.east-coast {
float: left;
width: 48%;
}
div.west-coast { margin: 0 2% 0 1%; }
div.east-coast { margin-right: 1%; }
div.west-coast h4, div.east-coast h4 { border-bottom-width: 0px; }
.gmap {
height: 391px;
border: 3px solid #fff;
margin-bottom: 18px;
}
.crumbs-overlay {
background-color: #fff;
border: 1px solid #abaaa6;
padding: 3px;
}
.crumbs-overlay-inner {
background-color: #f8f6e8;
border: 1px solid #7c7b74;
padding: 9px;
}
.crumbs-overlay-inner a {
color: #9c3022;
text-decoration: none;
font-weight: bold;
white-space: nowrap;
cursor: pointer;
}
.gallery-container {
position: relative;
margin: 0 auto;
text-align: center;
border: 3px solid #fff;
}
img.gallery-image {}
.gallery-swf {}
.swf-hidden {
position: absolute;
left: -10000px;
}
ul.gallery-changers {
text-align: right;
}
ul.gallery-changers li {
display: inline;
}
ul.gallery-changers li a {
padding: 3px 5px;
color: #a0390d;
text-decoration: none;
font-weight: bold;
font-size: 1em;
cursor: pointer;
}
ul.gallery-changers li a.current {
color: #696961;
}
.mini-locations a {
text-decoration: none;
cursor: pointer;
font-weight:normal;
text-transform: uppercase;
}
#right-col span.now-open {
color: #aa8628;
font-weight: bold;
display: inline;
padding: 0 0 0 6px;
font-size: 0.9em;
text-transform: uppercase;
}
/* CMS Styles */
.cms-content, .cms-content-with-subnav, #blog-post {
border: 3px solid #fff;
background-color: #f7f4e5;
padding: 16px 20px;
max-width: 650px;
}
.cms-content {}
.cms-content-with-subnav {
padding-top: 8px;
}
.modal-content .cms-content, .modal-content .cms-content-with-subnav {
border: none;
background-color: transparent;
padding: 0;
max-width: 10000px;
}
.cms-home .cms-content {
border: none;
background-color: transparent;
padding: 0;
max-width: 10000px;
}
.cms-content-with-subnav ul.filter-list { margin-bottom: 10px; }
.cms-content-with-subnav ul.filter-list li { font-size: 0.85em; }
#shipping-boxes {
margin: 0 auto 2em auto;
width: 80%;
min-width: 400px;
max-width: 500px;
}
.shipping-box {
float: left;
clear: none;
width: 27.5%;
padding: 10px 2%;
margin-right: 2%;
border: 1px solid #7f7f7f;
}
.shipping-box-last {
margin-right: 0;
}
.shipping-box h5 {
font-size: 1em;
text-align: center;
}
.shipping-box table {
border-collapse: collapse;
width: 100%;
}
.shipping-box table td, .shipping-box table th {
padding: 4px 0;
font-size: 0.9em;
line-height: 1em;
text-align: center;
text-transform: uppercase;
}
.shipping-box table td.col-1, .shipping-box table th.col-1 {
border-right: 1px dotted #7f7f7f;
width: 50%;
}
.shipping-box table td { font-weight: bold; }
.shipping-box table th { font-weight: normal; }
.fine-print {
font-size: 0.9em;
margin: 1em;
}
img.block {
display: block;
border: 3px solid #fff;
margin: 6px auto;
}
.image-column {
width: 50%;
float: left;
padding: 6px 0;
text-align: center;
}
.image-column img {
border: 3px solid #fff;
}
.text-column {
width: 44%;
padding: 6px 3%;
float: left;
}
.text-column-left {
width: 47%;
padding: 6px 3% 6px 0;
float: left;
}
.collapsible-list p, .cms-faq .cms-content p {
padding-left: 6px;
font-size: 0.9em;
}
.base-mini .collapsible-list p {
font-size: 1em;
}
.collapsible-list p a.collapser {
display: block;
color: #a0390d;
font-weight: normal;
text-transform: none;
background: transparent url('../images/red_arrow.gif') 0 center no-repeat;
padding-left: 9px;
cursor: pointer;
text-decoration: none;
}
.collapsible-list p.open a.collapser {
color: #000;
margin-bottom: 4px;
font-weight: bold;
background-image: url('../images/red_arrow_down.gif');
}
.cms-faq .cms-content .collapsible-list p a.collapser {
text-transform: uppercase;
font-weight: normal;
}
.base-mini .collapsible-list p a.collapser {
text-transform: normal;
font-weight: bold;
color: #333;
}
.collapsible-list p span {
display: none;
padding-left: 9px;
}
.collapsible-list p.open span {
display: block;
}
.base-mini .collapsible-list p.open span {
padding-bottom: 0.4em;
}
#crumbs-tree {}
#crumbs-tree ul {
display: none:
}
#crumbs-tree li {
display: none;
padding-left: 15px;
}
#crumbs-tree li.branch {
display: block;
padding-left: 0;
border-bottom: 1px dotted #787566;
}
#crumbs-tree li.open {
display: block;
}
#crumbs-tree span {
display: block;
background: transparent url('../images/red_arrow.gif') 0 center no-repeat;
padding: 3px 0 3px 9px;
font-weight: bold;
cursor: pointer;
color: #a0390d;
}
#crumbs-tree span.show {
background-image: url('../images/red_arrow_down.gif');
color: #333;
}
#left-container #mini-cart, #left-container #order-summary {
margin: 0 0 0 8px;
width: 151px;
padding: 27px 0 0 0;
background: url("../images/minicart_bg_top.gif") left top no-repeat;
}
#mini-cart-container { margin-bottom: 8px; z-index: 200; }
#mini-cart-contents { padding: 6px 7px 0; }
.cart-category { }
.cart-category .collapser {
white-space: nowrap;
padding-left: 10px;
cursor: pointer;
background: transparent url(../images/minicart_plus.gif) 0 3px no-repeat;
}
.cart-category span.open {
background-image: url(../images/minicart_minus.gif);
}
.cart-category .dots {
display: block;
float: right;
margin-top: 4px;
margin-left: 4px;
}
.cart-category .dots span {
display: block;
float: left;
width: 6px;
height: 6px;
margin-right: 1px;
background-position: 0 0;
background-repeat: no-repeat;
}
.cart-category .dots .full-dot {
background-image: url(../images/full_dot.gif);
}
.cart-category .dots .empty-dot {
background-image: url(../images/empty_dot.gif);
}
.cart-category .product-images { display: none; }
.cart-category .product-details {
font-size: 0.9em;
margin: 0;
padding-left: 11px;
}
.cart-category .product-details a {
text-decoration: none;
cursor: pointer;
}
.cart-category .product-details a:hover { color: #a0390d; }
.cart-category .product-details .item-quantity { color: #333; }
.cart-category .product-details .red-arrow { text-transform: normal; }
.cart-category ul.collapsible li {display: none; }
.cart-category ul.collapsible.open li, .cart-category ul.open li {display: block; }
#mini-cart-contents .total {
display: block;
border-top: 1px dotted #787566;
text-align: center;
padding: 2px 0;
margin-top: 7px;
}
#mini-cart .actions, #order-summary .actions {
padding-bottom: 0;
text-align: center;
}
#order-summary ul li {
padding-left: 8px;
margin-bottom: 4px;
position: static;
font-size: 0.9em;
line-height: 1.1em;
}
.mini-cart-popup-left {
float: left;
width: 195px;
padding: 10px 10px;
margin: 2px 0;
border-right: 4px double #787566;
text-align: left;
line-height: 1em;
}
.mini-cart-popup-left span {
display: block;
margin-bottom: 6px;
text-transform: uppercase;
font-weight: bold;
font-size: 1.2em;
line-height: 1.1em;
}
.mini-cart-popup-left a.red-arrow {
text-transform: uppercase;
font-weight: normal;
}
.mini-cart-popup-right {
float: left;
width: 147px;
margin: 0;
text-align: left;
padding: 9px 2px 0 9px;
font-size: 1.1em;
line-height: 1.5em;
}
/* Contacts Module Styles */
.contactColumnLeft, .contactColumnRight {
float: left;
clear: none;
padding: 0 2%;
margin: 15px 0;
}
.contactColumnLeft {
width: 60%;
border-right: 1px dotted #787566;
}
.contactColumnRight {
width: 30%;
}
.contactColumnRight a {
text-decoration: none;
}
button.contact-submit {
display: block;
float: right;
margin: 10px 0 8px 2px;
font-size: 0;
line-height: 0;
text-indent: -10000px;
width: 96px;
height: 12px;
background: transparent url(../images/contact_send_message.gif) 0 0 no-repeat;
}
table.rss-table {
width: 75%;
}
.rss-table td, .rss-table th {
padding: 3px 5px;
border: 1px solid #f0eacc;
}
.rss-table .odd td {
background-color: #eae2bb;
}
/* Giftcert Module styles */
#giftcert { margin-left: 11px; }
#giftcert label {
font-weight: normal;
padding-right: 3px;
color: #666;
float: left;
width: 100px;
}
/* #giftcert p label {
}
#giftcert form p label {
display: inline;
float: none;
}*/
#giftcert-form {}
#giftcert-form .form-button { font-size: 0.9em; }
/* =Checkout
----------------------
Styles for the Checkout module
---------------------- */
#checkout-progress {
padding-top: 19px;
}
#checkout-progress h2 {
height: 15px;
background: transparent url(../images/checkout_progress.gif) 11px 0 no-repeat;
border: none;
padding-top: 0;
}
#checkout-progress h2.cart {}
#checkout-progress h2.payment { background-position: 11px -15px; }
#checkout-progress h2.review { background-position: 11px -30px; }
#checkout-progress h2.confirm { background-position: 11px -45px; }
#checkout-form h5 span, #cart h5 span, #account h5 span {
background-color: #f0eacc;
padding-right: 3px;
}
#cart h5 span.float-right {
padding-right: 0;
padding-left: 3px;
}
#account h5 .float-right {
background-color: #f0eacc;
padding-left: 3px;
}
#co-shipping-method-form button { font-size: 1.1em; }
#co-shipping-method-form button:hover { text-decoration: underline; }
#co-shipping-method-form .group-select {
margin-left: 20px;
margin-right: 20px;
}
#checkout-shipping-method-load {
margin-bottom: 8px;
}
.checkout-twopage-shipping .yui-g, .checkout-twopage-shipping .yui-ge { min-width: 920px; }
#co-shipping-method-form { margin: 0 12px; }
.ship-calendar-left, .ship-calendar-right { float: left; }
.ship-calendar-left { width: 57%; margin-right: 2%; min-width: 420px; }
.ship-calendar-right { width: 35%; }
.ship-text { float: left; width: 165px; margin-right: 22px; }
.ship-text p { font-size: 10px; }
.shipment-methods {
font-size: 11px;
}
.shipment-methods span.method {
padding-right: 10px;
}
.shipment-methods li {
display: block;
font-weight: bold;
padding-bottom: 3px;
}
.shipment-methods li .radio {
margin-top: 0.2em;
margin-right: 6px;
float: left;
}
.shipment-methods li label {
padding-right: 20px;
color: #333;
font-weight: bold;
}
.shipment-methods li .delivery-date {
color: #A0390D;
font-weight: bold;
}
.shipment-methods ul.messages { font-size: 12px; }
.disabled .shipment-methods, .disabled .shipment-methods label, .disabled .shipment-methods span {
color: #C7B299;
}
#co-payment-form {
float: left;
width: 100%;
margin-bottom: 15px;
}
#payment {
margin-left: 11px;
width: 460px;
}
#payment dl {}
.no-payment dl { display: none; }
.no-payment .giftcert-method { display: block; }
.giftcert-method {}
#payment dt {}
#payment dt label { display: none; }
#payment dd {}
#payment dd .group-select { padding: 0; }
#payment dd ul {
padding: 7px 11px;
width: 80%;
}
#checkout-buttons-container {
display: block;
float: right;
padding: 0.5em 1em 1em;
border-left: 1px solid #787566;
}
.error {
padding: 8px;
background-color: #F5EAE8;
border: 1px solid #CD9790;
}
.error p {
color: #9C3022;
font-weight: normal;
font-size: 0.9em;
}
#cart {}
#cart table {
width: 100%;
margin: 10px auto;
}
#cart .validation-advice { display: none; }
#cart h5 a { color: #333; }
#signature-table {}
#signature-table td {
width: 15%;
padding: 0 0.75% 10px 0.75%;
line-height: 1.2em;
font-size: 0.9em;
}
#signature-table a {
display: block;
cursor: pointer;
text-decoration: none;
/*min-height: 112px;*/
}
#signature-table a img {
display: block;
margin: 0 auto 6px;
}
#signature-table img.open-order-info { cursor: pointer; }
#signature-table span { line-height: 1.2em; }
#signature-table .name {
color: #9C3022;
}
#signature-table button {
background: none;
text-transform: uppercase;
font-weight: normal;
padding-right: 0;
font-size: 0.9em;
}
table#other-table, table#custom-table { margin-top: 0; }
#other-table td, #other-table th, #custom-table td, #custom-table th {
padding: 6px 8px;
vertical-align: top;
text-align: center;
font-size: 1em;
}
#other-table th, #custom-table th {
color: #b0a18c;
text-transform: uppercase;
font-weight: normal;
font-size: 0.9em;
padding: 0;
}
#other-table tr.odd td, #custom-table tr.odd td {
background-color: #eae2bb;
}
#other-table td.quantity, #other-table td.subtotal, #other-table td.remove {}
#other-table td.name h6, #custom-table td.name h6 {
font-weight: normal;
text-align: left;
margin-bottom: 0;
}
#other-table td.name a, #custom-table td.name a {
cursor: pointer;
text-decoration: none;
}
#other-table td.remove a, #custom-table td.remove a {
font-size: 0.9em;
text-decoration: none;
text-transform: uppercase;
}
#other-table td.quantity input, #custom-table td.quantity input {
text-align: center;
}
#custom-table td.sixpack-cell { text-align: left; }
#custom-table .sixpack_pan {
float: left;
padding-top: 18px;
height: 100px;
}
#custom-table .options-list {
float: left;
margin: 18px 0 0 15px;
}
#custom-table .options-list li {
font-size: 0.9em;
line-height: 1.3em;
}
table#shopping-cart-totals-table {
width: 35%;
float: right;
margin: 0;
font-size: 1em;
}
#shopping-cart-totals-table tr td { padding: 0; }
#shopping-cart-totals-table tr td.col-1 { width: 70%; }
#shopping-cart-totals-table tr td.col-2 {
margin-left: 5%;
width: 20%;
text-align: right;
}
#shopping-cart-totals-table tr.first td { font-weight: bold; }
#shopping-cart-totals-table tr.last td { padding-bottom: 3px; }
#shopping-cart-totals-table tfoot tr td {
border-top: 1px dotted#787566;
font-weight: bold;
padding-top: 3px;
}
#cart .order-summary, #order .order-summary {
float: left;
margin: 10px 2.5% 0 11px;
width: 96.5%;
}
#order .order-summary { font-size: 0.9em; }
.address-block {
float: left;
width: 25%;
margin-right: 5%;
}
.address-block span { font-weight: bold; }
#cart .button-set ul li, #login .button-set ul li, #account .button-set ul li {
float: right;
padding: 10px;
min-height: 20px;
border-left: 1px solid #787566;
}
#cart .button-set ul li.update {
padding-top: 6px;
min-height: 24px;
}
#cart .button-set button {
text-transform: uppercase;
}
#cart .button-set span.required {
float: left;
font-size: 0.8em;
padding-top: 3px;
}
.button-set .continue {
margin-left: 30px;
padding-top: 6px;
background-position: right 10px;
float: left;
text-transform: uppercase;
}
button#checkout-button, button#complete-order-button {
background: transparent url(../images/checkout.gif) 0 0 no-repeat;
width: 77px;
height: 12px;
border: none;
line-height: 0;
font-size: 0;
margin: 0;
cursor: pointer;
}
button#complete-order-button {
background: transparent url(../images/complete_order.gif) 0 0 no-repeat;
width: 124px;
vertical-align: top;
margin-top: 3px;
}
button#mini-checkout-button, button#mini-edit-button {
background: transparent url(../images/checkout_mini-cart.png) center center no-repeat;
width: 66px;
height: 20px;
border: none;
line-height: 0;
font-size: 0;
margin: 1px 5px 2px;
padding: 4px;
cursor: pointer;
}
button#mini-edit-button {
background-image: url(../images/edit_mini-cart.gif);
}
span.order-incomplete {
font-size: 0.85em;
font-weight: bold;
padding: 0;
text-transform: uppercase;
color: #A0390D;
}
.discount-codes {
float: left;
width: 45%;
min-width: 335px;
}
#co-payment-form .discount-codes { float: right; }
.discount-codes form { display: block; }
.discount-codes label {
font-weight: normal;
float: left;
margin-right: 3px;
padding-top: 2px;
}
.discount-codes input {
width: auto;
float: left;
margin-right: 4px;
}
.discount-codes button { text-transform: uppercase; }
.discount-codes button.left { margin-top: 1px; }
.ship-date {
float: left;
width: 100%;
padding: 3px 0;
font-weight: bold;
}
#order .ship-date {font-size: 0.9em; }
.ship-date span {
display: block;
float: left;
margin: 0 11px;
}
.ship-date span.float-right { float: right; }
.ship-date a {
cursor: pointer;
text-transform: uppercase;
text-decoration: none;
font-weight: normal;
font-size: 0.9em;
}
/* Calendar */
.calendar-wrapper { margin-top: 3px; }
#cart .calendar-table { width: auto; margin: 0; font-size: 11px; }
.calendar-table tr {}
.calendar-table tr td, .calendar-table tr th { padding: 0; border-right: 7px solid #f0eacc; border-bottom: 7px solid #f0eacc; border-top-width: 0; border-left-width: 0; text-align: center; }
.calendar-table tr td { background-color: #9c3022; width: 22px; height: 22px; vertical-align: middle; }
.calendar-table tr th { padding-left: 0; padding-right: 0; border-bottom-width: 0; }
.calendar-table tr td.weekend,
.calendar-table tr td.unavailable { background-color: #c5ae9c; color: #84664e; padding: 2px 0 1px 0; cursor: not-allowed; }
.calendar-table tr td.selected { background-color: transparent; }
.calendar-table tr td a { display: block; padding: 6px 4px 5px; color: #fff; cursor: pointer; text-decoration: none; line-height: 1em; }
.calendar-table tr td a:hover { text-decoration: underline; }
.calendar-table tr td.selected a { display: block; width: 20px; height: 20px; padding: 0; background: transparent url(../images/calendar-cupcake.png) 0 0 no-repeat; border: 1px solid #9C3022; text-indent: -5000px; line-height: 0; font-size: 0; }
.calendar-table tr th span {}
.calendar-table tr td.cal-month { padding: 0; color: #787566; background-color: transparent; vertical-align: middle; }
/* =Account
----------------------
Styles for the Customer module
---------------------- */
#login .button-set, #account .button-set {
margin-top: 0;
border-top: 1px solid #787566;
}
#login.account .button-set, #account .button-set {
clear: left;
margin-top: 20px;
}
#login .button-set a, #account .button-set a { padding-top: 8px; }
#login .button-set ul, #account .button-set ul {
text-align: right;
width: 90%;
}
#login .button-set ul li, #account .button-set ul li {
padding: 8px;
display: inline;
float: none;
}
#login .button-set ul li button, #account .button-set ul li button { padding: 7px; }
.form-box .fill-height, .login-box .fill-height, #login .fill-height {
min-height: 100px;
margin-bottom: 0;
}
.form-box-left {
width: 48%;
margin-right: 2%;
float: left;
}
.form-box-right {
width: 50%;
float: left;
}
.form-box .form-box-right ul, .form-box .form-box-left ul {
width: 100%;
}
#login p { margin-bottom: 1em; }
#login .col2-set {
padding-left: 11px;
padding-top: 6px;
}
.account fieldset {
width: 49%;
padding: 0;
float: left;
}
#login p.required, #account p.required {
float: left;
width: 50%;
margin-bottom: 0em;
}
#login p.required { width: 50%; }
#account .field-group {
margin-bottom: 16px;
}
.field-group table, .field-group p, .field-group address, .field-group ol {
margin-left: 22px;
font-size: 0.9em;
}
.field-group table {
width: 50%;
line-height: 1.3em;
}
.field-group table td {
vertical-align: top;
text-align: left;
padding: 1px 5px;
}
.field-group table td.label {
width: 25%;
font-weight: normal;
color: #727268;
text-align: right;
}
.field-group ol {
margin-left: 30px;
padding-left: 12.5%;
}
.field-group ol li {
margin-bottom: 10px;
}
.field-group span.float-right {
text-align: right;
line-height: 1em;
padding-right: 12px;
}
.field-group a.red-arrow, .orders-table a.red-arrow {
text-transform: uppercase;
font-size: 0.9em;
}
.tag-link {
text-decoration: none;
}
.field-group table td.a-center { text-align: center; }
.field-group table td.a-right { text-align: right; }
.field-group table td.a-left { text-align: left; }
table.orders-table, table.order-table, #cart table.order-table {
margin-left: 30px;
width: 80%;
font-size: 0.9em;
}
#cart table.order-table {
margin-left: 11px;
margin-top: 0;
}
table.order-table {
width: 85%;
margin-bottom: 15px;
}
table.orders-table td, table.orders-table th, table.order-table td, table.order-table th {
border: 1px solid #f0eacc;
padding: 0px 4px;
vertical-align: middle;
line-height: 1.5em;
}
table.orders-table th, table.order-table th {
color: #727268;
font-weight: normal;
text-transform: uppercase;
}
table.order-table td { vertical-align: top; }
.orders-table tr.odd td, .order-table tr.odd td {
background-color: #eae2bb;
}
.order-table td h6 { font-weight: normal; }
.order-table tfoot td.a-right { font-weight: bold; }
.order-table tfoot td.last { font-weight: normal; }
table.pager {
margin: 12px 30px 0;
font-size: 0.9em;
}
#sitemap table.pager {
margin: 0 0 8px 11px;
font-size: 1em;
}
table.pager td {
padding: 2px 4px;
}
table.pager td ol { display: inline; }
table.pager td ol li {
display: inline;
padding-left: 5px;
}
/* =Homepage
----------------------
Styles for the Homepage template
---------------------- */
#homepage-content {
line-height: 1.7em;
margin: 0 0 10px 0;
background: url("../images/single_border.gif") bottom left repeat-x;
}
#homepage-content .cms-content {
width: 92%;
padding: 1em 4%;
}
#homepage-content a, #left-container p a, #category-description-inner a {
color: #9C3022;
font-size: 0.9em;
text-decoration: none;
text-transform: uppercase;
padding:0;
}
#category-description-inner a { font-size: 0.8em; }
#left-container p a { }
#homepage-presentation {
height: 336px;
width: 100%;
}
#homepage-noscript {
height: 336px;
width: 100%;
background: url("../images/home_noflash.gif") 290px center no-repeat;
position: relative;
}
#homepage-noflash {
height: 336px;
width: 100%;
background: url("../images/home_noflash.gif") center center no-repeat;
display: none;
}
#homepage-noscript-text {
left: 4%;
margin: 0;
padding: 0 0 10px 20px;
position: absolute;
top: 68px;
width: 220px;
background: url("http://investors.crumbs.com/images/error_msg_icon.gif") left top no-repeat;
}
#homepage-noscript-text p {
color: #A0390D;
}
#homepage-bottom {
margin: 10px 0 0 0;
background: url("../images/double_border_horizontal.gif") left top repeat-x;
}
#homepage-bottom .inner {
background: url("../images/made_by_hand.gif") center bottom no-repeat;
height: 30px;
width: 100%;
}
#homepage-bottom .inner span {
overflow: hidden;
text-indent: -5000px;
width: 100%;
height: 20px;
display: block;
}
/* =Modals
----------------------
Styles for Modal content
---------------------- */
#content-modal, #product-modal, #location-modal, #sixpack-modal, #giftmessage-modal {
position: absolute;
overflow: visible;
}
#content-modal table, #product-modal table, #location-modal table, #giftmessage-modal table {
border-collapse: collapse;
}
#content-modal_top, #product-modal_top, #location-modal_top, #giftmessage-modal_top {
/*background: transparent url(../images/modal_top.png) 0 0 no-repeat;*/
width: 614px;
height: 15px;
font-size: 0;
line-height: 0;
}
#content-modal_bottom, #product-modal_bottom, #location-modal_bottom, #giftmessage-modal_bottom {
display: none;
/*
background: transparent url(../images/modal_bottom.png) 0 0 no-repeat;
width: 614px;
height: 15px;
font-size: 0;
line-height: 0;
*/
}
.content-modal_close, .product-modal_close, .location-modal_close, .giftmessage-modal_close {
position: absolute;
right: 0;
top: 0;
height: 26px;
width: 26px;
background: transparent url(../images/modal_close.gif) 6px 5px no-repeat;
cursor: pointer;
}
#content-modal_content, #product-modal_content, #location-modal_content, #giftmessage-modal_content {
/*background: transparent url(../images/modal_middle.png) 0 0 repeat-y;*/
padding: 0 15px;
}
.modal-outer {
background-color: #fff;
padding: 3px;
}
.modal-content {
background-color: #f7f4e5;
border: 1px solid #696961;
padding: 13px 19px;
height: 566px;
overflow: auto;
font-size: 0.9em;
text-align: left;
position: relative;
}
#product-modal .modal-content {
background-color: #FFFFFF;
}
#giftmessage-modal .modal-content {
height: auto;
}
.modal-content .page-only {
display: none;
}
#tagcloud-modal_content {
padding: 10px 12px;
height: 250px;
text-align: left;
font-size: 0.8em;
}
#sixpack-modal_content {
padding: 10px 12px;
}
#sixpack-modal_content div {
font-size: 0.8em;
text-align: left;
}
#giftmessage-modal .modal-content {
background-color: #FFFFFF;
}
#giftmessage-modal .cont-left-gallery {
height:auto;
}
#giftmessage-modal .more-views {
display:none;
}
#giftmessage-modal .desc-right-cont-desc {
min-height:0px;
}
#giftmessage-modal textarea {
height:100px;
width:100%;
}
#giftmessage-modal .action-buttons {
border-top:dotted #696961 1px;
margin-top:10px;
}
#content-modal-load, #product-modal-load, #location-modal-load, #giftmessage-modal-load {
position: absolute;
background-color: #fff;
border: 1px solid #ABAAA6;
}
#content-modal-load table, #product-modal-load table, #location-modal-load table, #giftmessage-modal-load table{
border-collapse: collapse;
}
#content-modal-load_row1, #content-modal-load_row3, #content-modal-load_close, #product-modal-load_row1, #product-modal-load_row3, #product-modal-load_close, #location-modal-load_row1, #location-modal-load_row3, #location-modal-load_close, #giftmessage-modal-load_row1, #giftmessage-modal-load_row3, #giftmessage-modal-load_close {
display: none;
}
.modal-loading {
margin: 3px;
padding: 5px;
border: 1px solid #7C7B74;
background-color: #f8f6e8;
}
.modal-loading p {
font-weight: bold;
text-align: center;
margin-bottom: 0;
color: #333;
}
.modal-loading img {
margin: 0px auto;
padding: 5px 0px;
display: block;
}
.modal-loading img.loading-text {
padding-top: 8px;
}
ul.tab-changers {}
ul.tab-changers li.changer {
float: left;
padding: 4px 10px;
border-top: 2px solid #999;
border-left: 2px solid #999;
border-bottom: 2px solid #999;
cursor: pointer;
}
ul.tab-changers li.first {
border-left-width: 0px;
}
ul.tab-changers li.last {
border-right-width: 0px;
}
ul.tab-changers li.current {
border-bottom-width: 0px;
}
ul.product-tab-changers li.changer {
width: 21.7%;
}
.tab {
padding: 15px;
}
img.fat-border {
border: 3px solid #fff;
}
#tagcloud-modal_content div.autocomplete-container {
font-size: 1em;
}
div.autocomplete-container div.auto-results {
position:absolute;
width:250px;
background-color:white;
border: 1px solid #666;
margin:0px;
padding:0px;
}
div.autocomplete-container ul {
list-style-type:none;
margin:0px;
padding:0px;
}
div.autocomplete-container ul li.selected {
background-color: #f0eacc;
color: #9C3022;
}
div.autocomplete-container ul li {
list-style-type:none;
display:block;
margin:0;
padding:2px;
cursor:pointer;
font-size: 1em;
}
div.autocomplete-container div.auto-loading, #toolbar-loading {
float: left;
background: transparent url(../images/cupcake_f7f4e5.gif) center center no-repeat;
width: 16px;
height: 16px;
margin-left: 3px;
margin-top: 1px;
}
#toolbar-loading {
background-image: url(../images/cupcake_f0eacc.gif);
margin-top: -2px;
margin-left: 8px;
}
#overlay_modal {
background-color: #393939;
opacity:0.75;
}
#payment-tool-tip {
background: transparent url(../images/payment_modal_bg.png) 0 0 no-repeat;
border: none;
width: 493px;
height: 245px;
padding: 21px 21px 13px 13px;
}
#payment-tool-tip-close {
top: 5px;
right: 5px;
width: 20px;
height: 20px;
}
#payment-tool-tip .block-content {
padding: 20px 0 0;
text-align: center;
}
/* =Footer
----------------------
Credit/footer styles: Usually the copyright/company info
Notes:
---------------------- */
.footer {
color: #787566;
}
.footer .hdop {
position:absolute;
margin-left:-5000px;
}
/* =Uni
----------------------
Universal styles: Styles that apply to elements found throughout the site
Notes:
The best example of this is the "clear" div
---------------------- */
.clear {clear: left}
.clear-left { clear: left; }
.clear-right {clear: right}
.clear-both {clear: both}
.clear-none {clear: none;}
.bold {font-weight: bold}
.em {font-style: italic}
div.hr {
border-top: 1px solid #ccc;
height: 1px;
margin: 8px 0 8px 0;
font-size: 0;
}
hr {
visibility: visible;
height: 1px;
background-color: #787566;
border: none;
margin: 0 0 8px 0;
}
hr.double {
height: 4px;
border-top:4px double #787566;
background: none;
margin: 4px 0;
}
hr.dotted {
border-top: 1px dotted #787566;
background: none;
margin: 4px 0;
}
a.red-arrow, a.red-arrow-back {
color: #a0390d;
font-weight: bold;
font-size: 10px;
/*background: transparent url('../images/red_arrow.gif') right center no-repeat;
padding-right: 6px;*/
cursor: pointer;
text-decoration: none;
}
a.email {
text-transform: uppercase;
font-weight: normal;
}
a.red-arrow-back {
background: transparent url('../images/red_arrow_back.gif') left center no-repeat;
padding-left: 6px;
}
a.gray-arrow, a.gray-arrow-back {
color: #333333;
/*background: transparent url('../images/gray_arrow.gif') right center no-repeat;
padding-right: 6px;*/
cursor: pointer;
text-decoration: none;
}
a.gray-arrow-back {
background: transparent url('../images/gray_arrow_back.gif') left center no-repeat;
padding-left: 8px;
font-size: 0.8em;
text-transform: uppercase;
}
.fat { height: 12px; }
.fat-pad { padding-top: 12px; }
.thin { height: 5px; }
.thin-pad { padding-top: 5px; }
.header { font-weight: bold; }
.align-right { text-align: right; }
.hidden { display: none; }
.float-left { float: left; }
.float-right { float: right; }
.uppercase { text-transform: uppercase; }
.no-margin, hr.no-margin { margin: 0; }
.no-border { border: none !important; }
/* =Yui
----------------------
YAHOO UI Grid and JS Styles.
See: http://developer.yahoo.com/yui/grids
---------------------- */
#doc3 {
margin: auto 18px auto 10px;
}
#bd {}
.yui-main {}
.yui-g, .yui-ge { min-width: 810px; }
.yui-border-left { border-left: 1px solid #787566; }
.yui-gc {}
#ft {}
.yui-overlay { position: absolute; }
.local-ship { clear: left; padding:0 5px 18px 11px; line-height:1.1em; }
.local-ship .title { color:#9c3022; font-size:12px; text-transform:uppercase; font-weight:bold; }
.local-ship .text { color:#000000; font-size:11px; padding-bottom:3px; }
#giftmessage-callout-div { cursor:pointer; }
.order-summary .giftmessage { float:left; width:40%; height:55px; margin-top:35px; line-height:1.3em; padding-left:65px; background: transparent url('../images/gift-message-icon.jpg') left center no-repeat; }
.order-summary .giftmessage .title, .giftmessage-link .title { color:#9c3022; font-size:12px; text-transform:uppercase; font-weight:bold; }
.order-summary .giftmessage .text { color:#000000; font-size:11px; padding-bottom:3px; }
.dotted-line { margin:5px 0; border-top:dotted #696961 1px; height:1px; }
#giftmessage-modal .image { width:235px; padding-left:280px; background:url(../images/gift-message.png) 0 0 no-repeat; height:260px; }