/* *********************************************************** */
/* General - Shared across multiple pages                      */
/* *********************************************************** */

div.appArea div, p, span {
    -ms-word-break: break-word;
    -moz-word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
}

/* all the things that you don't want to wrap*/
p.cart-heading-container,
div.price-container {
    overflow-wrap: normal;
    word-wrap: normal;
    word-break: normal;
}

button {
    white-space: nowrap;
}

.mobile-hidden,
.mobile-display {
    display: none;
}

.responsive-image {
    max-width: 100%;
    height: auto;
}

/*divs that behave like tables*/
div.table {
    display: table;
}

div.table div.row {
    display: table-row;
    width: 100%;
}

div.row div.column-left,
div.row div.column-right,
div.row div.table-cell {
    display: table-cell;
    padding: 3px 10px;
}

div.row div.table-cell.mobile-only {
    display: none;
}

label.ProductConfigLabel.price,
label[for="quantity"].ProductConfigLabel {
    white-space: nowrap;
}

div.DualMembership.table div#primary_member_block {
    padding: 0px;
    padding-right: 5px;
}

/*green buttons*/
div.responsive input.primary,
div.responsive button.primary {
    background-color: #5AAC46;
    background-image: none;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    border: 1px solid #D7D7D7;
    border-radius: 5px; /*CSS3, the box won't curve in older browsers*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 7px 15px;
    min-width: 0;
    filter: none;
}

/*blue buttons*/
div.responsive input.secondary,
div.responsive button.secondary {
    background-color: #4887C3;
    background-image: none;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    border: 1px solid #D7D7D7;
    border-radius: 5px; /*CSS3, the box won't curve in older browsers*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 7px 15px;
    min-width: 0;
    filter: none;
}

/*white buttons*/
div.responsive input.tertiary,
div.responsive button.tertiary,
input#cons_find_address {
    background-color: #F7F7F7;
    background-image: none;
    font-size: 12px;
    font-weight: bold;
    color: #666666;
    border: 1px solid #D7D7D7;
    border-radius: 5px; /*CSS3, the box won't curve in older browsers*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 7px 15px;
    min-width: 0;
    filter: none;
}

p.ShoppingHeading,
p.ShipToOther,
div.ShipToMe,
div.billingAddressHeader{
    font-size: 150% !important;
    margin: 1em 0 0;
}

div.ShippingAddressLinks {
    font-size: 150%;
}

p.ShoppingInstructions,
div.ShoppingInstructions {
    font-size: 100%;
    margin: 5px 0 25px;
}

div.SuccessMsg,
p.SuccessMessage {
    font-weight: bold;
    color: #5AAC46;
    border: 1px solid #5AAC46;
    background-color: #E6F3E3;
    padding: 18px 12px;
    margin: 10px 0px;
    border-radius: 5px; /*CSS3, the box won't curve in older browsers*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

div.ErrorMsg,
p.ErrorMessage {
    font-weight: bold;
    color: #94374E;
    border: 1px solid #B45F41;
    background-color: #F9F2CF;
    padding: 18px 12px;
    margin: 10px 0px;
    border-radius: 5px; /*CSS3, the box won't curve in older browsers*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

/* ********************************************************** */
/* main_view_std                                              */
/* ********************************************************** */
div#browse_search_container {
    background-color: #F7F7F7;
    border: solid 1px #D0D0D0;
    padding: 10px;
    margin: 10px 0px;
}

/* ********************************************************** */
/* main_view_top                                              */
/* ********************************************************** */
div#store_header p {
    font-size: 21px;
}

div#additional_gift_ask {
    padding: 10px;
}

label#additional_gift_label {
    padding: 10px;
    font-weight: bold;
}

div#additional_gift_container button.shopping-button {
    margin-top: 0px;
    margin-left: 10px;
    vertical-align: top;
}

div#cart_summary_container {
    background-color: #FEF8E9;
    padding: 1em;
    margin: 15px 0;
    border: solid 1px #FCEBC7;
    color: #66668A;
    border-radius: 5px; /*CSS3, the box won't curve in older browsers*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

/* ********************************************************** */
/* main_view_top_buttons                                      */
/* ********************************************************** */

div.shopping-buttons-container {
    text-align: right;
    margin: 10px 0;
}

div.shopping-buttons-container button#view_catalog_button,
div.shopping-buttons-container button#view_catalog_button_top,
div.shopping-buttons-container button#view_cart_button,
div.shopping-buttons-container button#view_cart_button_top{
    float: left;
    margin-right: 10px;
}

div.shopping-buttons-container button#cancel_button_top,
div.shopping-buttons-container button#cancel_button {
    margin-right: 10px;
}

div.shopping-buttons-container button#checkout_button_top,
div.shopping-buttons-container button#checkout_button{
    float: right;
}

/* ********************************************************** */
/* main_view_cat_nav                                          */
/* ********************************************************** */
div#browse_label {
    font-weight: bold;
}

select#browse_category_select {
    width: 150px;
}

div.divider {
    margin: 0px 15px;
    border-left: 1px solid #D0D0D0;
}

/* ********************************************************** */
/* main_view_search                                           */
/* ********************************************************** */
div#search_label {
    font-weight: bold;
}

div#search_container input#NAME {
    width: 200px;
}

div#search_container input#PRICE {
    width: 50px;
}

select#TYPE {
    font-family: inherit;
    font-size: inherit;
}

form[name=CatalogSearch] button.step-button {
    margin-top: 0px;
    margin-bottom: 0px;
}

/* ********************************************************** */
/* main_view_featured
/* ********************************************************** */
div.featured-product-item {
    width: 200px;
    margin: 2%;
    display:inline-block;
    vertical-align: bottom;
}

div#featured_products_header {
    height: 100%;
    background-color: #f0f0f0;
    padding: 1%;
    border-bottom: 2px solid #9898a5;
    text-align: left;
}

div#featured_products {
    padding: 1%;
}

div.no-image {
    height: 75px;
    vertical-align: top;
}

/* ********************************************************** */
/* Catalog Item Row                                           */
/* ********************************************************** */
div.catalog-product-table {
    display: table;
    width: 100%;
    border-bottom: 2px solid #D0D0D0;
    margin-top: 15px;
}

div.catalog-product-table form.catalog-product-row,
div.catalog-product-table span.catalog-product-divider {
    display: table-row;
    width: 100%;
}

/* row view */
div.catalog-info-primary,
div.catalog-info-secondary,
div.catalog-product-price,
div.catalog-product-purchase {
    display: table-cell;
    vertical-align: top;
    padding: 15px 10px;
    border-top: 2px solid #D0D0D0;
}

div.catalog-product-container.grid-half div.catalog-info-primary,
div.catalog-product-container.grid-half div.catalog-info-secondary,
div.catalog-product-container.grid-half div.catalog-product-price,
div.catalog-product-container.grid-half div.catalog-product-purchase,
div.catalog-product-container.grid-half div.catalog-product-purchase.grid_view {
    display: block;
    border: 0;
    width: 100%;
    text-align: left;
    padding: 0;
    margin: 0;
}

div.catalog-info-primary {
    min-width: 8em;
}

div.catalog-product-image img.CatalogProductImage {
    max-width: 100%;
}

div.catalog-product-title {
    font-family: 'Verdana Bold', Verdana;
    font-weight: 700;
    color: rgb(53, 150, 212);
}

div.catalog-product-title span.ShoppingTitle {
    font-size: 14px;
}

div.catalog-product-purchase {
    width: 15%;
    text-align: right;
}

div.catalog-product-price {
    width: 10%;
}

div.catalog-product-quantity {
    white-space: nowrap;
}

div.catalog-product-purchase input.add-to-cart {
    margin-top: 10px;
}

div.catalog-product-purchase input[type='text'] {
    vertical-align: baseline;
}

/* grid view */

div.catalog-product-row {
    display: table-row;
    width:100%;
}

div.catalog-product-container.grid-half {
    display: table-cell;
    vertical-align: top;
    width: 50%;
    border-top: 2px solid #D0D0D0;
}

div.catalog-product-container.grid-half div.catalog-product-item {
    display: table;
}

div.catalog-product-container.grid-half div.catalog-product-column {
    display: table-cell;
    vertical-align: top;
    padding: 20px 0;
}

div.catalog-product-container.grid-half div.catalog-product-column:first-child {
    padding-right: 20px;
}

div.catalog-product-container.grid-half div.catalog-product-price,
div.catalog-product-container.grid-half div.catalog-product-purchase {
    margin: 15px 0 10px;
}

hr {
    display: block;
    border:1px solid #D0D0D0;
    width:100%;
}

hr.grid_column {
    display: none;
}


/* ********************************************************** */
/* Featured Products                                          */
/* ********************************************************** */
div#featured_products_container {
    width: 100%;
    border: solid 1px #D0D0D0;
    text-align: center;
    overflow:auto;
}

div.featured-products-table,
div.cross-sell-products-table {
    display: table;
    width: 100%;
}

div.featured-products-row,
div.cross-sell-products-row {
    display: table-row;
    width: 100%;
}

div.featured-product-container,
div.cross-sell-product-container {
    display: table-cell;
    padding: 20px;
    vertical-align: top;
    width: 25%;
}

div#featured_products_label {
    font-weight: bold;
    background-color: #F7F7F7;
    border-bottom: solid 1px #D0D0D0;
    padding: 10px;
}

a.featured-product-link {
    text-decoration: none;
}

/* ********************************************************** */
/* Cross Sell Products                                        */
/* ********************************************************** */
div#cross_sell_products_container {
    width: 100%;
    border: solid 1px #D0D0D0;
    margin-bottom: 20px;
}

div#cross_sell_products_row {
    width: 100%;
}

div.cross-sell-product-container {
    margin: 20px;
}

div#cross_sell_products_label {
    font-weight: bold;
    background-color: #F7F7F7;
    border-bottom: solid 1px #D0D0D0;
    padding: 10px;
}

a.cross-sell-product-link {
    text-decoration: none;
}

/* *********************************************************** */
/* Product Details Page                                        */
/* *********************************************************** */
/*product image and description*/
div.ProductLongDescription div#product_image,
div.ProductShortDescription div#product_image {
    float: left;
    margin-right: 20px;
}

div.ShoppingDescription label.title {
    font-weight: bold;
}

div.ProductConfigSection,
div.ProductTributeSection,
div.ProductMembershipConfigSection,
div.ProductMembershipConfigHalfSection{
    background-color: #FFFFFF;
    border-bottom: 1px solid #D0D0D0;
    padding: 4px 0px;
    width: 100%;
    font-weight: bold;
}

div.ProductConfig.table div.ProductConfigLabel {
    vertical-align: middle;
}

div.ProductConfig.table div.row div.column-left,
div.ProductConfig.table div.row div.column-right,
div.ProductConfig.table div.row div.table-cell,
div.TributeConfig.table div.row div.column-left,
div.TributeConfig.table div.row div.column-right,
div.TributeConfig.table div.row div.table-cell {
    display: table-cell;
    padding: 10px 10px;
}

div.ProductDetailsHeader{
    background-color: #FFFFFF;
    border-bottom: 0px;
    font-size: 24px;
}

div#browse_search_container div.divider {
    display: table-cell;
}

div#browse_container {
    display: table-cell;
    padding: 10px;
    width: 30%;
    vertical-align: middle;
}

div#browse_container div.browse-category-container {
	padding: 5px 0;
}

div#search_container {
    display: table-cell;
    padding: 10px;
}

div#search_form form#CatalogSearch {
	display: table;
}

div#search_form form#CatalogSearch span.cell {
	display: table-cell;
	padding: 0 5px 0 0;
	vertical-align: middle;
}

div#search_form form#CatalogSearch span.cell:last-child {
    padding: 0;
}

select#product_category_browser {
    width: 100%;
}

div#unavailable_options {
    margin: 10px 0px;
}

/*product tribute information*/
div.ProductTributeSection,
 div.ProductConfigSection{
    margin-top: 10px;
}

div.ProductTributeInstructions {
    margin-bottom: 10px;
}

div.row.hint-container div.column-right {
    padding-top: 0px;
}

.ProductTributeLabel {
    font-weight: bold;
}

div#us_shipping_only {
    margin: 10px 0px;
}

/*product membership information*/
div.MembershipConfig.table div#cons_info_component_container{
    margin-top: 15px;
}

div.ProductMembershipConfigInstructions {
    margin-bottom: 10px;
}

div.ProductMembershipConfigSection,
div.ProductMembershipConfigHalfSection {
    margin-top: 10px;
}

div input#save_reg_info {
    float: right;
}

div.multi-registration-list {
    margin-top: 15px;
}

label#gift_membership_label,
label#prior_member_label {
    padding-right: 20px;
}

/*product detail buttons*/
div.ShoppingButtonRow,
div.QuickGivingButtonRow {
    margin: 10px 0px;
}
div.ShoppingButtonRow input#add_and_checkout,
div.ShoppingButtonRow input#add_config_to_cart,
div.ShoppingButtonRow input#add_config_to_cart_multi_reg,
div.ShoppingButtonRow input#update_item,
div.ShoppingButtonRow input#SAVE_ADDRESS,
div.ShoppingButtonRow input.ShipToOther,
div.ShoppingButtonRow input#NEW_FULFILLMENT_OPTION,
div.ShoppingButtonRow input#NEW_FULFILLMENT_CHOICE,
div.QuickGivingButtonRow input.QUICK_GIVING_CHECKOUT,
div.QuickGivingButtonRow input.QuickGivingCheckoutButton,
div.ShoppingButtonRow input#BILL_LATER,
div.ShoppingButtonRow input#TRANSACT_CHARGE,
div.ShoppingButtonRow input.reorder-button-submit{
    float: right;
}

div.ShoppingButtonRow input#add_config_to_cart {
    margin-right: 10px;
}

/*linked inventory*/
div.ShoppingCrossSell p {
    font-weight: bold;
    border-bottom: 1px solid #D0D0D0;
}

div.cross-sell-product-container div.cross-sell-product-image img {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

div.cross-sell-product-container div.cross-sell-product-title {
    text-align: center;
}

/* *********************************************************** */
/* Card Fulfillment                                            */
/* *********************************************************** */
div.SelectCardFulfillmentTypeForm {
    display: inline-block;
}

div.CardFulfillmentOptions div.card-option,
div.card-label {
    margin-bottom: 10px;
}

div.mailed-card-option-container {
    clear: both;
}

div.mailed-card-option {
    display: block;
    width: 50%;
    float: left;
    margin-bottom: 20px;
}

div.mailed-card-option-container:last-child div.mailed-card-option {
    margin-bottom: initial;
}

div.mailed-card-option-input input {
    margin-left: 0px;
}

div.mailed-card-option.cover-image div.card-label {
    margin-right: 10px;
}

div.mailed-card-option.inside-image div.card-label {
    margin-left: 10px;
}

div.mailed-card-option.cover-image img,
div.mailed-card-option.inside-image img {
    display: block;
    max-width: 100%;
    margin-top: 10px;
}

div.ShoppingButtonRow div,
div.card-label {
    display: inline-block;
}

div.card-label p {
    display: inline-block;
}


/* *********************************************************** */
/* Select eCard                                                */
/* *********************************************************** */

div.fulfillmentECardSelectorOption {
    float: left;
    width: 50%;
    margin-bottom: 20px;
}

div.fulfillmentECardSelectorOptionSelect,
span.fulfillmentECardSelectorOptionDescription,
div.fulfillmentECardSelectorOptionChoice {
    display: block;
    line-height: 150%;
}

div.fulfillmentECardSelectorOption.pad-right div.fulfillmentECardSelectorOptionSelect,
div.fulfillmentECardSelectorOption.pad-right div.fulfillmentECardSelectorOptionChoice {
    margin-right: 10px;
}

div.fulfillmentECardSelectorOptionChoice {
    margin-top: 10px;
}

div.fulfillmentECardSelectorOptionChoice img {
    max-width: 100%;
}

form#ConfigureFulfillment div.ShoppingButtonRow {
    clear: both;
    padding-top: 15px;
}

form#ConfigureFulfillment div.ShoppingButtonRow input#NEW_FULFILLMENT_CHOICE {
    float: right;
}

form#ConfigureFulfillment div.ShoppingButtonRow input#NEW_ADDRESS {
    float: left;
    margin-right: 10px;
}


/* *********************************************************** */
/* Select Printable Card                                       */
/* *********************************************************** */

div#FulfillmentPrintableCardOccasionSelector,
div#FulfillmentPrintableCardThumbnail {
    float: left;
}

div#FulfillmentPrintableCardPreview {
    float: right;
}

div#FulfillmentPrintableCardOccasionSelector {
    width: 20%;
}

div#FulfillmentPrintableCardThumbnail,
div#FulfillmentPrintableCardPreview {
    width: 40%;
}

div#FulfillmentPrintableCardOccasionSelector span.padding,
div#FulfillmentPrintableCardThumbnail span.padding,
div#FulfillmentPrintableCardPreview span.padding {
    display: block;
}

div#FulfillmentPrintableCardOccasionSelector span.padding {
    padding-right: 10px;
}

div#FulfillmentPrintableCardThumbnail span.padding {
    padding-right: 10px;
    padding-left: 10px;
}

div#FulfillmentPrintableCardPreview span.padding {
    padding-left: 10px;
}

div#FulfillmentPrintableCardOccasionSelector select#occasionSelectorSelect {
    display: none;
}

div#FulfillmentPrintableCardOccasionSelector ul#occasionSelectorUnorderedList {
    display: block;
}

div#FulfillmentPrintableCardThumbnail div {
    width: 48%;
    float: left;
}

div#FulfillmentPrintableCardThumbnail div.printableCardThumbnailContainer.selected span.thumbnailImage {
    border: 1px solid #C3C3C3;
}

div#FulfillmentPrintableCardThumbnail div span.thumbnailImage {
    display: block;
    margin: 0px 5px 5px 0px;
    padding: 5px;
}

div#FulfillmentPrintableCardThumbnail div span.thumbnailImage img {
    width: 100%;
}

div#FulfillmentPrintableCardPreviewContent,
div#FulfillmentPrintableCardPreviewContent span.previewNoImage {
    border: 1px solid #C3C3C3;
    padding: 10px;
}

div#FulfillmentPrintableCardPreviewContent span.previewNoImage,
div#FulfillmentPrintableCardPreviewContent span.previewImage,
div#FulfillmentPrintableCardPreviewContent span.previewDescription {
    display: block;
    width: 100%;
}

div#FulfillmentPrintableCardPreviewContent span.previewNoImage,
div#FulfillmentPrintableCardPreviewContent span.previewImage {
    margin-bottom: 10px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

div#FulfillmentPrintableCardPreviewContent span.previewNoImage {
    text-align: center;
    color: #C3C3C3;
}

div#FulfillmentPrintableCardPreviewContent img {
    width: 100%;
}

div#FulfillmentPrintableCardPreview h3.mobile-only {
	display: none;
}


/* *********************************************************** */
/* Personalize eCard Screen                                    */
/* *********************************************************** */

	div#personalizeEcard div#eCardContactInfo div#cons_info_component_container div.sub-section-container {
		width: 50%;
		float: left;
	}

	div#personalizeEcard div#recipientList,
	div#personalizeEcard div#addressBook,
	div#personalizeEcard div#eCardSubject,
	div#personalizeEcard div#eCardMessage {
    	width: 50%;
    	float: left;
    }

	div#personalizeEcard div#eCardHint {
		margin: 5px 0 25px;
	}

	div#personalizeEcard div#eCardContactInfo,
	div#personalizeEcard div#eCardSubject,
	div#personalizeEcard div#eCardMessage,
	div#personalizeEcard div#eCardDesign,
	div#personalizeEcard div#eCardDeliveryDate {
		margin: 0 0 20px;
	}

	div#personalizeEcard div#eCardDeliveryDate span.deliveryDate {
		display: inline;
		padding-left: 5px;
	}

	div#personalizeEcard div#cons_info_component_contact_info_section input,
	div#personalizeEcard div#recipientList textarea,
	div#personalizeEcard div#addressBook select,
	div#personalizeEcard div#eCardSubject input,
	div#personalizeEcard div#eCardMessage textarea {
		width: 100%;
		box-sizing: border-box;
	}

    div#personalizeEcard div.addressBookBlock {
    	background: #FFFFC2;
    	box-sizing: border-box;
    	padding: 10px;
    }

	div#personalizeEcard div#recipientList span,
	div#personalizeEcard div#addressBook span,
	div#personalizeEcard div#eCardSubject span,
	div#personalizeEcard div#eCardMessage span,
	div#personalizeEcard div#eCardDesign span,
	div#personalizeEcard div#eCardDeliveryDate span {
		display: block;
	}

	div#personalizeEcard  div#cons_info_component_contact_info_section,
	div#personalizeEcard div#eCardSubject,
	div#personalizeEcard div#eCardMessage,
	div#personalizeEcard div#recipientList,
	div#personalizeEcard div#addressBook {
		box-sizing: border-box;
	}

	div#personalizeEcard div#eCardSubject,
	div#personalizeEcard div#recipientList {
		padding-right: 15px;
	}

	div#personalizeEcard div#cons_info_component_personal_info_section div.cons-info-question-container {
        width: 50%;
        box-sizing: border-box;
	}

	div#personalizeEcard div#cons_info_component_personal_info_section div.cons-info-question-container:first-child {
        padding-right: 5px;
	}

	div#personalizeEcard div#cons_info_component_personal_info_section div.cons-info-question-container input {
	    width: 100%;
	    box-sizing: border-box;
	}

	div#personalizeEcard div#cons_info_component_contact_info_section,
	div#personalizeEcard div#eCardMessage,
	div#personalizeEcard div#addressBook {
		padding-left: 15px;
	}

	div#personalizeEcard div#addressBook span.label {
		padding-bottom: 10px;
		font-weight: bold;
	}

	div#personalizeEcard div#addressBook span.hint {
		font-size: 80%;
		box-sizing: border-box;
		padding-left: 10px;
	}

    div#personalizeEcard div#addressBook select#taf_abook_names,
    div#personalizeEcard div#addressBook span.hint {
    	width: 50%;
    	float: left;
    }

	div#personalizeEcard h3 {
        margin: 0;
        padding: 25px 0 10px;
    }

	div#personalizeEcard h3,
	div#personalizeEcard div#eCardContactInfo,
	div#personalizedEcard div#eCardRecipient,
	div#personalizedEcard div#eCardPersonalize,
    div#personalizeEcard div#addressBook div.action,
	div#eCardButtons {
    	clear: both;
    }

    div#eCardButtons input#ecom_ecard_send,
    div#eCardButtons input#ecom_ecard_preview,
    div#eCardButtons input#ecom_ecard_popup_preview {
    	margin-left: 10px;
    }

    div#eCardButtons input#ecom_ecard_cancel {
    	margin-right: 10px;
    }

    div#eCardButtons div.float-right {
        float: right;
    }


/* *********************************************************** */
/* Fulfillment Address                                         */
/* *********************************************************** */

form#EditFulfillmentAddress div#EditFulfillmentAddressConsComponent,
form#EditFulfillmentAddress div#EditFulfillmentAddressPersonalizeECard,
form#EditFulfillmentAddress div#EditFulfillmentAddressPersonalizeMailECard {
    width: 100%;
    margin: 10px 0 30px;
}

form#EditFulfillmentAddress div.personalizeEcardField label {
    display: block;
}

form#EditFulfillmentAddress div.personalizeEcardField {
    margin-bottom: 15px;
}

form#EditFulfillmentAddress div.ShoppingButtonRow {
    clear: both;
}

form#EditFulfillmentAddress div.ShoppingButtonRow input#NEW_FULFILLMENT_ADDRESS {
    float: right;
}

form#EditFulfillmentAddress div.ShoppingButtonRow input#NEW_FULFILLMENT_OPTION {
    float: none;
}

form#EditFulfillmentAddress div#contact_info_section_one,
form#EditFulfillmentAddress div#contact_info_section_two {
    border: 0;
    padding: initial;
}


/* *********************************************************** */
/* Cons Info Component                                         */
/* *********************************************************** */
span.ungrouped {
    display: block;
}

span.input-container {
    margin-bottom: 8px;
}


/* *********************************************************** */
/* Shopping Cart                                               */
/* *********************************************************** */
/*Shopping Cart Summary Component*/
div.responsive div.ShoppingCartContents {
    padding: 1em;
    margin: 15px 0;
    background-color: #FEF8E9;
    border: 1px solid #FCEBC7;
    color: #66668A;
    display: block;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    border-radius: 5px; /*CSS3, the box won't curve in older browsers*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

div.ShoppingOnBehalfOfMessage {
    margin-bottom: 15px;
}

/*Shopping Cart Table*/
div.ShoppingCart,
div.QuickGiving {
    display: table;
}

div.TotalFields.table div.table-cell div.total-fields-input,
div.TotalFields.table div.table-cell p.cart-summary-container {
    display: inline-block;
}

div.TotalFields.table div.table-cell div.total-fields-input {
    vertical-align: middle;
}

div.Cart,
div.Cart div.ShoppingCart.table,
div.Cart div.TotalFields.table,
div.QuickGiving,
div.QuickGiving div.QuickGivingProducts.table,
div.QuickGiving div.QuickGivingTotals.table {
    width: 100%;
}

div.ShoppingCart.table,
div.TotalFields.table,
div.ShoppingCart.table div.row,
div.TotalFields.table div.row,
div.row div.table-cell,
div.QuickGivingProducts.table,
div.QuickGivingTotals.table,
div.QuickGivingProducts.table div.row,
div.QuickGivingTotals.table div.row {
    border: 1px solid grey;
    border-collapse: collapse;
}

div.row div.table-cell.merge-right {
    border-right: 0;
}

div.row div.table-cell.merge-left {
    border-left: 0;
}

div.PaymentInfoContainer div.table.no-border div.row div.table-cell {
    border: none;
    padding-left: 0px;
}

div.CartItemConfig.table div.row {
    border: 0px;
}

div.table div.price-column.table-cell {
    white-space: nowrap;
    width: 11.5em;
}


/* Shopping Cart Table Headers */
div.table div.headings {
    background-color: #3C3C3C;
    color: #FFFFFF;
    font-weight: bold;
}

div.table div.headings div.price {
    text-align: right;
}

/* Express Shipping Option */
div.CartShippingOption {
    margin: 10px 6px;
    padding: 5px 0px;
}

div.add-address-link {
    margin: 10px 0px;
}

/* Product Configuration Options and Tribute Information */
div#RegistrationList.table {
    width: 100%;
}

div#RegistrationList.table div.table-cell {
    vertical-align: middle;
}

div#RegistrationList.table div.table-cell:first-child {
    width: 10%;
}

div.row div.left input,
div.row div.bill-me-later-label label{
    float: left;
}

div#product_config_select select {
    width: 100%;
}

/* Gift for, choose card, and edit item*/
div.smaller{
    padding-left: 10px;
}
div.FulfillmentGiftFor {
    margin-top: 10px;
}


/* Shopping Cart Buttons and Options */
div.total.row div.update-cart input {
    float: left;
}

div.ShoppingPremiumOptOut {
    margin-top: 10px;
    margin-bottom: 10px;
}

span.decline-premium-option {
    float: right;
}

div.cart-buttons-container{
    width: 100%;
    margin-top: 10px;
}

div.cart-buttons-container div.bill-me-later-container,
div.gift-note-text,
div.FulfillmentPersonalization div.FulfillmentPersonalizationTo,
div.ecard-column.table-cell div {
    margin-bottom: 10px;
}

div.bill-me-later-container span.bill-me-later-option,
div.cart-option-buttons {
    text-align: right;
}

div.cart-option-buttons input#SINGLE_ADDRESS {
    float: left;
}

input#cont_checkout,
input#shop_some_more_empty {
    margin-left: 10px;
}

input#UPDATE_CART {
    float: left;
}

input#NEW_ADDRESS,
div.mobile-quantity,
div.mobile-item-info,
span.mobile-display-label,
div.table-cell div.mobile-show div,
div.responsive.billing-confirmation div.Cart div.row div.update-cart,
div#confirmation_page_container div.Cart div.row div.update-cart,
span.mobile-multi-addr-shipping-label{
    display: none;
}

form#ConfigureFulfillment input#NEW_ADDRESS,
p.multi-address-quantity {
    display: block;
}

a button.edit-product-button {
    margin-top: 10px;
}

div.GiftNoteConfig div.gift-note-text textarea,
div.GiftNoteConfig div.gift-note-signature input,
div.FulfillmentPersonalization div.FulfillmentPersonalizationTo input,
div.FulfillmentPersonalization div.FulfillmentPersonalizationFrom input {
    display: block;
}

/* Background color for even rows */
div.ShoppingCart div.ShoppingCartRow0,
div.QuickGivingProducts div.quick-giving-row0 {
    background-color: #FFFFFF;
}

/* Background color for odd rows */
div.ShoppingCart div.ShoppingCartRow1,
div.QuickGivingProducts div.quick-giving-row1 {
    background-color: #F7F7F7;
}

/* Additional Donation Input Background Color */
input.ShoppingCartAdditionalDonation {
    background-color: #FFFFFF;
}

/* Discount Code Input Background Color */
input.ShoppingCartDiscountCode {
    background-color: #FFFFFF;
}

p.cart-label-container {
 font-weight: bold;
}

input#additional_donation {
 text-align: right;
}

p#total_label {
 font-size: larger;
}

p#total {
 font-size: larger;
 font-weight: bold;
}

div.quantity-wrapper div.remove_btn input,
div.smaller.fulfillment a button.edit-product-button,
div.ShoppingCart.multi-address.table a button.edit-product-button{
    height: 25px;
    background-color: #F7F7F7;
    background-image: none;
    font-size: 12px;
    font-weight: bold;
    color: #666666;
    border: 1px solid #D7D7D7;
    border-radius: 5px; /*CSS3, the box won't curve in older browsers*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    min-width: 0px;
    padding: 3px;
}
div.row div.update-cart input{
    height: 35px;
    background-color: #F7F7F7;
    background-image: none;
    font-size: 12px;
    font-weight: bold;
    color: #666666;
    border: 1px solid #D7D7D7;
    border-radius: 5px; /*CSS3, the box won't curve in older browsers*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    min-width: 0px;
    padding: 0px 6px;
}

/* ********************************************************** */
/* Shipping Select                                            */
/* ********************************************************** */

div.ShippingAddressLinksContainer {
    border: 1px solid #D7D7D7;
    background-color: #F7F7F7;
    padding: 15px;
}

div.ShippingAddressLinks {
    margin-bottom: 10px;
}

form[name=ShoppingCart] input#UPDATE_ADDRESS {
    border: 0;
    background: transparent;
    padding: 0;
    color: #1598f2;
    text-decoration: underline;
}

form[name=ShoppingCart] input#UPDATE_ADDRESS:hover {
    cursor: pointer;
}

form[name=ShoppingCart] div.ShoppingAddress {
    margin-bottom: 30px;
}


/* *************************************************************************** */
/* Ship to Another Address / Update Shipping Address / New Shipping Address    */
/* *************************************************************************** */

span.clear-left {
    clear: left;
}

span.ignore.clear-left {
    display: block;
    height: 0;
}

form[name=InputForm] span.cons_first_name,
form[name=InputForm] span.cons_middle_name,
form[name=InputForm] span.cons_last_name,
form[name=InputForm] span.cons_email,
form[name=ShoppingCart] span.cons_first_name,
form[name=ShoppingCart] span.cons_middle_name,
form[name=ShoppingCart] span.cons_last_name,
form[name=ShoppingCart] span.cons_suffix,
form[name=ShoppingCart] span.cons_prof_sfx,
form[name=ShoppingCart] span.cons_dob,
form[name=ShoppingCart] span.cons_gender,
form[name=ShoppingCart] span.cons_email,
form[name=ShoppingCart] span.cons_phone,
form[name=ShoppingCart] span.cons_employer,
form[name=ShoppingCart] span.cons_occupation,
form[name=ShoppingCart] span.cons_street1,
form[name=ShoppingCart] span.cons_street2,
form[name=ShoppingCart] span.cons_street3,
form[name=ShoppingCart] span.cons_city_town,
form[name=ShoppingCart] span.cons_state,
form[name=ShoppingCart] span.cons_country,
form[name=ShoppingCart] span.cons_zip,
form[name=EditAddress] span.cons_first_name,
form[name=EditAddress] span.cons_middle_name,
form[name=EditAddress] span.cons_last_name,
form[name=EditAddress] span.cons_suffix,
form[name=EditAddress] span.cons_prof_sfx,
form[name=EditAddress] span.cons_dob,
form[name=EditAddress] span.cons_gender,
form[name=EditAddress] span.cons_email,
form[name=EditAddress] span.cons_phone,
form[name=EditAddress] span.cons_employer,
form[name=EditAddress] span.cons_occupation,
form[name=EditAddress] span.cons_street1,
form[name=EditAddress] span.cons_street2,
form[name=EditAddress] span.cons_street3,
form[name=EditAddress] span.cons_city_town,
form[name=EditAddress] span.cons_state,
form[name=EditAddress] span.cons_country,
form[name=EditAddress] span.cons_zip,
form[name=Donate] span.cons_first_name,
form[name=Donate] span.cons_last_name,
form[name=Donate] span.cons_street1,
form[name=Donate] span.payment-exp-year {
    display: none !important;
}

form[name=Donate] div.cons-full-name-label,
form[name=Donate] div.cons-full-address-label,
form[name=InputForm] div.cons-full-name-label,
form[name=InputForm] div.cons-email-label,
form[name=ShoppingCart] div.cons-full-name-label,
form[name=ShoppingCart] div.cons-full-address-label,
form[name=ShoppingCart] div.cons-full-title-label,
form[name=ShoppingCart] div.cons-suffix-label,
form[name=ShoppingCart] div.cons-prof-sfx-label,
form[name=ShoppingCart] div.cons-dob-label,
form[name=ShoppingCart] div.cons-gender-label,
form[name=ShoppingCart] div.cons-email-label,
form[name=ShoppingCart] div.cons-phone-label,
form[name=ShoppingCart] div.cons-employer-label,
form[name=ShoppingCart] div.cons-occupation-label,
form[name=ShoppingCart] div.cons-full-address-label,
form[name=ShoppingCart] div.cons-city-town-label,
form[name=ShoppingCart] div.cons-state-label,
form[name=ShoppingCart] div.cons-zip-label,
form[name=ShoppingCart] div.cons-country-label,
form[name=EditAddress] div.cons-full-name-label,
form[name=EditAddress] div.cons-full-title-label,
form[name=EditAddress] div.cons-suffix-label,
form[name=EditAddress] div.cons-prof-sfx-label,
form[name=EditAddress] div.cons-dob-label,
form[name=EditAddress] div.cons-gender-label,
form[name=EditAddress] div.cons-email-label,
form[name=EditAddress] div.cons-phone-label,
form[name=EditAddress] div.cons-employer-label,
form[name=EditAddress] div.cons-occupation-label,
form[name=EditAddress] div.cons-full-address-label,
form[name=EditAddress] div.cons-city-town-label,
form[name=EditAddress] div.cons-state-label,
form[name=EditAddress] div.cons-zip-label,
form[name=EditAddress] div.cons-country-label {
    display: block !important;
    clear: right;
}

form[name=InputForm] div.cons-full-name-container,
form[name=ShoppingCart] div.cons-full-name-container,
form[name=ShoppingCart] div.cons-full-address-container,
form[name=EditAddress] div.cons-full-name-container,
form[name=EditAddress] div.cons-full-address-container,
form[name=Donate] div.cons-full-name-container,
form[name=Donate] div.cons-full-address-container,
form[name=Donate] div.payment-exp-date-container,
form[name=Donate] div.cvv-container {
    float: left;
}

form[name=ShoppingCart] select#cons_title,
form[name=EditAddress] select#cons_title {
    width: 10em;
}

form[name=ShoppingCart] div#cons_info_component_container select#cons_state,
form[name=ShoppingCart] div#cons_info_component_container input#cons_zip_code,
form[name=EditAddress] div#cons_info_component_container select#cons_state,
form[name=EditAddress] div#cons_info_component_container input#cons_zip_code,
form[name=Donate] div#billing_info_home_address_info_section select.billing-home-address,
form[name=Donate] div#billing_info_home_address_info_section input.billing-home-address,
form[name=Donate] div#billing_info_billing_address_info_section select.billing-billing-address,
form[name=Donate] div#billing_info_billing_address_info_section input.billing-billing-address,
form[name=EditAddress] div#cons_info_component_container input#cons_zip_code {
    width: 13.6em;
}

form[name=ShoppingCart] div#cons_info_component_container input#cons_first_name,
form[name=ShoppingCart] div#cons_info_component_container input#cons_middle_name,
form[name=ShoppingCart] div#cons_info_component_container input#cons_last_name,
form[name=EditAddress] div#cons_info_component_container input#cons_first_name,
form[name=EditAddress] div#cons_info_component_container input#cons_middle_name,
form[name=EditAddress] div#cons_info_component_container input#cons_last_name {
    width: 100%;
}


form[name=ShoppingCart] div.cons-full-name-container.form-error,
form[name=ShoppingCart] div.cons-full-address-container.form-error,
form[name=ShoppingCart] div.cons-full-address-container div.form-error,
form[name=EditAddress] div.cons-full-name-container.form-error,
form[name=EditAddress] div.cons-full-address-container.form-error,
form[name=EditAddress] div.cons-full-address-container div.form-error,
form[name=Donate] div.cons-full-name-container.form-error,
form[name=Donate] div.cons-info-question-container.form-error,
form[name=Donate] div.cons-address-street-full-container.form-error,
form[name=Donate] div.cons-full-address-container.form-error,
form[name=Donate] div.payment-info-question-container.form-error
{
    width: initial;
}

form[name=Donate] div.payment-exp-date-container.form-error

form[name=ShoppingCart] div.form-error,
form[name=EditAddress] div.form-error,
form[name=Donate] div.form-error{
    width: 28em;
}

form[name=ShoppingCart] div.TotalFields.table input[type="text"] {
    width: 10em;
}

form[name=ShoppingCart] div#cons_info_component_container input[type="text"],
form[name=EditAddress] div#cons_info_component_container input[type="text"],
form[name=ConfigureProduct] div.cons-info-question-container input[type="text"],
form#EditFulfillmentAddress input[type="text"],
form#EditFulfillmentAddress textarea,
div.ProductTributeText input,
div.ProductTributeTextArea textarea,
div.ProductTributeOption select#tribute_closing,
input#prior_membership_id {
    width: 28em;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

form[name=ShoppingCart] div#cons_info_component_container select,
form[name=EditAddress] div#cons_info_component_container select,
form[name=Donate] span.ungrouped.title select,
form[name=Donate] span.ungrouped.suffix select,
form[name=Donate] select.billing-home-address,
form[name=Donate] select.billing-billing-address,
form[name=Donate] span.ungrouped.country select,
form[name=Donate] span.ungrouped.exp-date select,
div.TributeConfig.table div.tribute.row div.ProductTributeOption select,
form[name=ConfigureProduct] div.cons-info-question-container select {
    padding: 4px;
}

form[name=ShoppingCart] input#billing_address {
    margin-bottom: 20px;
}

form[name=ShoppingCart] div#cons_info_component_personal_info_section,
form[name=EditAddress] div#cons_info_component_personal_info_section,
form[name=Donate] div#billing_info_personal_info_section {
    padding-bottom: 10px;
}

form[name=ShoppingCart] div#contact_info_section_one,
form[name=EditAddress] div#contact_info_section_one,
form[name=ShoppingCart] div#contact_info_section_two,
form[name=EditAddress] div#contact_info_section_two,
form[name=Donate] div#billing_contact_info_section_one,
form[name=Donate] div#billing_contact_info_section_two,
form[name=Donate] div#billing_recognition_info_section_one,
form[name=Donate] div#billing_employer_info_section_one,
form[name=Donate] div#billing_payment_info_section_one {
    border-top: 2px dotted #d9d6cf;
    padding-top: 20px;
    padding-bottom: 10px;
}

form[name=ShoppingCart] div.form-error,
form[name=EditAddress] div.form-error,
form[name=Donate] div.form-error {
    margin-bottom: 15px;
    margin-right: 10px;
}

form[name=ShoppingCart] div.form-error div.form-content,
form[name=EditAddress] div.form-error div.form-content,
form[name=Donate] div.form-error div.form-content {
    margin-bottom: 0px;
    margin-right: 0px;
}

form[name=ShoppingCart] div.ShoppingButtonRow input#GO_TO_CHECKOUT,
form[name=EditAddress] div.ShoppingButtonRow input#GO_TO_CHECKOUT {
    float: left;
    margin-right: 5px;
    margin-bottom: 10px;
}

/** UK Postcode **/

form[name=ShoppingCart] input#cons_find_address,
form[name=EditAddress] input#cons_find_address {
    margin: 5px 0;
}

form[name=ShoppingCart] span#findAddressProcessingText,
form[name=EditAddress] span#findAddressProcessingText {
    line-height: 3.5em;
    padding: 5px;
}

form[name=ShoppingCart] div#addressLookupError,
form[name=EditAddress] div#addressLookupError {
    margin-bottom: 20px;
}

form[name=ShoppingCart] select#matchingAddresses,
form[name=EditAddress] select#matchingAddresses {
    margin: -15px 0 10px;
}

form[name=Donate] div.exp-date-month-container,
form[name=Donate] div.exp-date-year-container {
    float: left;
}

form[name=Donate] div.exp-date-month-container {
    display: inline-block;
    margin-right: 10px;
}

form[name=Donate] div.exp-date-year-container {
    margin-right: 20px;
}

div.QuickGivingProducts.table div.quick-giving-quantity-column.table-cell,
div.QuickGivingProducts.table div.quick-giving-price-column.table-cell {
    width: 10%;
    text-align: center;
}
div.QuickGivingProducts.table div.quick-giving-subtotal-column.table-cell {
    width: 15%;
    text-align: center;
}

div.billingAddressHeader {
    font-weight: bold;
    padding-bottom: 20px;
}


/* ********************************************************** */
/* Shipping Explanation                                       */
/* ********************************************************** */
div.shipping-explanation {
    display:block;
    align-items: center;
    width: 100%;
    background: #ffffff;
    padding:5px;
}

#lightbox {
    position:fixed; /* keeps the lightbox window in the current viewport */
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: rgba(0,0,0,.7);
    text-align:center;
}

#close_text {
    text-align:right;
    color:#fff;
    margin-right:20px;
    font-size:12px;
}

div.shipping-explanation-header {
    text-align:right;
}

div.shipping-explanation-body {
    text-align:left;
}


/* ********************************************************** */
/* Review Order Page                                          */
/* ********************************************************** */
div.ShippingAddress,
div.PaymentInfoContainer {
    background-color: #F7F7F7;
    width: 100%;
    padding: 10px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

div.PaymentInfoContainer,
div.PaymentInfoHeader,
div.ShippingAddressHeader {
    margin-bottom: 10px;
}

div.ShippingAddress,
div#ecard_container {
    margin-top: 10px;
}

/* ********************************************************** */
/* Thank You/Confirmation Page                                */
/* ********************************************************** */

div.table.purchase-confirmation div.column-left {
    width: 75%;
}

div#confirmation_greeting {
 font-weight: bold;
 font-size: 20px;
 padding-bottom: 10px;
}

div#purchase_details_summary {
 background-color: #F7F7F7;
 width: 75%;
 padding: 10px;
 margin-top: 10px;
 margin-bottom: 10px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

div#purchase_details_summary div.row:first-child {
 font-weight: bold;
 font-size: 16px;
}

div#purchase_details_summary div.column-right {
 text-align: right;
 white-space: nowrap;
}

div#print_conf_container {
 text-align: center;
 padding: 10px 0px 10px 0px;
}

div#conf_copy_container {
 padding: 10px 0px 10px 0px;
    word-wrap: break-word;
}

div#tracking_container {
 padding: 10px 0px 10px 0px;
}

/* ********************************************************** */
/* Media Query Overrides                                      */
/* ********************************************************** */

/*      Tablet Layout: 768px.
        Gutters: 24px.
        Outer margins: 28px.
        Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .mobile div#search_container select#TYPE {
        display: none;
    }

    .mobile div#purchase_details_summary {
        width: 100%;
    }

    .mobile div.mailed-card-option {
        margin-right: 0px;
        max-width: 49%;
    }

    .mobile div.mailed-card-option div.card-label p {
        display: inline-block;
    }

    .mobile div.mailed-card-option-container div.mailed-card-option div img {
        height:auto;
        width: auto;
        max-width: 75%;
    }

    .mobile div#FulfillmentPrintableCardThumbnail div span.thumbnailImage {
        margin-right: initial;
    }

    .mobile div#FulfillmentPrintableCardThumbnail {
    	width: 20%;
    }

    .mobile div#FulfillmentPrintableCardPreview {
    	width: 60%;
    }

    .mobile div#FulfillmentPrintableCardThumbnail div {
        width: 100%;
        float: none;
    }

    .mobile div.table div.row div.price-column.table-cell {
        width: auto;
    }
}

@media only screen and (min-width: 768px) {
    .mobile div.ShoppingButtonRow input.ShoppingButtons.tertiary.step-button#CANCEL_ADDRESS {
        float: left;
    }
}

/*      Mobile Layout: 320px.
        Gutters: 24px.
        Outer margins: 34px.
        Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 767px) {
    .mobile div.ShoppingCart.table {
        border: 0;
    }

    .mobile div.ShoppingCart.table div.row {
        display: table !important;
        border-top: 0;
    }

    .mobile div.catalog-view div#featured_products_container,
    .mobile div#cross_sell_products_container,
    .mobile div#ShoppingCrossSell {
        display: none;
    }

    .mobile div.featured-products-table,
    .mobile div.featured-products-row,
    .mobile div.featured-product-container {
        display: block;
        width: 100%;
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;    /* Firefox, other Gecko */
        box-sizing: border-box;         /* Opera/IE 8+ */
    }

    .mobile div.ShoppingButtonRow input,
    .mobile div.ShoppingButtonRow div,
    .mobile div.ShipSelect input,
    .mobile div.QuickGivingButtonRow input {
        display: block;
        width: 100%;
        float: none;
        margin-top: 10px;
    }

    .mobile div.cart-option-buttons,
    .mobile div.shopping-buttons-container button#view_catalog_button_top,
    .mobile div.shopping-buttons-container button#view_catalog_button,
    .mobile form[name=ShoppingCart] div.ShoppingButtonRow input#GO_TO_CHECKOUT,
    .mobile form[name=EditAddress] div.ShoppingButtonRow input#GO_TO_CHECKOUT,
    .mobile div.ShoppingButtonRow input#TRANSACT_CHARGE,
    .mobile input#UPDATE_CART,
    .mobile div.cart-option-buttons input#SINGLE_ADDRESS {
        float: none;
    }

     .mobile .mobile_hide,
     .mobile div#browse_search_container .divider,
     .mobile div#search_container input#PRICE,
     .mobile div#search_container select#SORT_ORDER,
     .mobile div#bottom_buttons button#view_catalog_button,
     .mobile div#bottom_buttons button#view_cart_button,
     .mobile div#top_buttons button#cancel_button_top,
     .mobile div#top_buttons button#checkout_button_top,
     .mobile div#additional_gift_container,
     .mobile div.catalog-product-desc,
     .mobile div.row.hint-container div.column-left,
     .mobile div.ShoppingButtonRow input#cancel,
     .mobile div.ShoppingButtonRow input#add_config_to_cart,
     .mobile div.ShoppingCrossSell,
     .mobile div#confirmation_page_container tr td span.update-cart input,
     .mobile div.table div.table-cell.mobile-hide,
     .mobile div.mobile-hide,
     .mobile div.ShoppingCart.table div.row div.price-column,
     .mobile div.QuickGivingProducts.table div.row div.quick-giving-price-column,
     .mobile div.multi-address div.row div.quantity-column.view-only,
     .mobile div.single-address div.row div.quantity-column.view-only,
     .mobile p.multi-address-quantity {
        display: none;
    }

    .mobile div.table div.row div.price-column.table-cell {
        width: auto;
    }

    .mobile div.table div.row div.total-price-column.table-cell {
        border-left: 1px solid black !important;
        width: 8em;
    }

    .mobile div#browse_search_container,
     .mobile div.featured_products_row,
     .mobile div#cross_sell_products_row,
     .mobile div.total.row div.update-cart input,
     .mobile div.tribute.row,
     .mobile div.table-cell div.mobile-show div,
     .mobile div.table-cell div.mobile-item-info,
     .mobile div.table-cell span.mobile-display-label,
     .mobile div.table-cell div.mobile-quantity,
     .mobile div.ShoppingCartRow0.row div.table-cell,
     .mobile div.ShoppingCartRow1.row div.table-cell,
     .mobile div.table-cell div.quick-giving-item-column,
     .mobile div.quick-giving-row0.row div.table-cell,
     .mobile div.quick-giving-row1.row div.table-cell,
     .mobile .mobile-display,
     .mobile span.mobile-multi-addr-shipping-label {
        display: block;
    }

    .mobile div#browse_container,
    .mobile div#search_container {
        display: block;
        width: 100%;
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;    /* Firefox, other Gecko */
        box-sizing: border-box;         /* Opera/IE 8+ */
        margin: 0;
        padding: 0;
    }


    .mobile div#search_container {
        margin-top: 15px;
    }

    .mobile div.divider {
        display: none;
    }

    .mobile div#browse_container,
    .mobile .grid-half,
    .mobile div.GiftNoteConfig div.gift-note-text textarea,
    .mobile div.GiftNoteConfig div.gift-note-signature input {
        width: 100%;
    }

    .mobile div.shopping-buttons-container button#view_cart_button_top,
    .mobile div.shopping-buttons-container button#view_cart_button,
    .mobile div.shopping-buttons-container button#checkout_button_top,
    .mobile div.shopping-buttons-container button#checkout_button{
        float: none;
    }

    .mobile div#bottom_buttons button#cancel_button,
     .mobile div#bottom_buttons button#checkout_button,
     .mobile div#top_buttons button#view_catalog_button_top,
     .mobile div#top_buttons button#view_cart_button_top,
     .mobile div.tribute.row div.ProductTributeLabel,
     .mobile div.TributeConfig.table div.row div.column-right,
     .mobile div.ShoppingButtonRow input#add_and_checkout,
     .mobile div.ShoppingButtonRow input#add_config_to_cart_multi_reg,
     .mobile input#cancel,
     .mobile div.ShoppingButtonRow input#cancel_and_checkout,
     .mobile div.ShoppingButtonRow input#CANCEL_ADDRESS,
     .mobile div.TributeConfig.table,
     .mobile div.ProductMembershipConfig.table,
     .mobile div.ProductMembershipConfig.table div.row,
     .mobile div.DualMembership.table,
     .mobile div.DualMembership.table div.row div,
     .mobile div.TributeConfig.table div.tribute.row div.ProductTributeText input,
     .mobile div.TributeConfig.table div.tribute.row div.ProductTributeTextArea textarea,
     .mobile div.TributeConfig.table div.tribute.row div.ProductTributeOption select,
     .mobile div.TributeConfig.table div.tribute.row div.ProductTributeOption select#tribute_closing,
     .mobile div.ProductMembershipConfig.table div.row div,
     .mobile input#prior_membership_id,
     .mobile form[name="ConfigureProduct"] div.cons-info-question-container input[type="text"],
     .mobile form[name="ConfigureProduct"] div.cons-info-question-container.cons-title select,
     .mobile form[name="ConfigureProduct"] div#cons_info_suffix_container select,
     .mobile form[name="ConfigureProduct"] div#cons_info_prof_suffix_container select,
     .mobile form[name="ConfigureProduct"] div#occupation_container select,
     .mobile form[name="ConfigureProduct"] div#cons_info_gender_container select,
     .mobile form[name="ConfigureProduct"] div#cons_info_country_container select,
     .mobile form[name="ConfigureProduct"] div.cons-full-address-container select{
        display: block;
        width: 100%;
    }

    .mobile div.cart-option-buttons input,
    .mobile div.ProductRegistrationButtonRow input#save_reg_info,
    .mobile div.ShoppingButtonRow input#update_item,
    .mobile div.ShoppingButtonRow input#SAVE_ADDRESS,
    .mobile div.ShoppingButtonRow input#cont_checkout,
    .mobile div.ShoppingButtonRow input#NEW_FULFILLMENT_OPTION,
    .mobile div.ShoppingButtonRow input#BILL_LATER,
    .mobile div.ShoppingButtonRow input#NEW_FULFILLMENT_CHOICE,
    .mobile form#ConfigureFulfillment div.ShoppingButtonRow input#NEW_ADDRESS {
        display: block;
        width: 100%;
        float: none;
    }

    .mobile form[name=ShoppingCart] div#cons_info_component_container select,
    .mobile form[name=ShoppingCart] div#cons_info_component_container input,
    .mobile form[name=EditAddress] div#cons_info_component_container select,
    .mobile form[name=EditAddress] div#cons_info_component_container input,
    .mobile form[name=ShoppingCart] div.cons-info-question-container,
    .mobile form[name=EditAddress] div.cons-info-question-container,
    .mobile form[name=ShoppingCart] div.cons-info-question-container.cons-full-name-container,
    .mobile form[name=EditAddress] div.cons-info-question-container.cons-full-name-container,
    .mobile form[name=ShoppingCart] div.cons-full-address-container,
    .mobile form[name=EditAddress] div.cons-full-address-container,
    .mobile form[name=ShoppingCart] div.TotalFields.table input[type="text"],
    .mobile form[name=Donate] div.cons-full-name-container,
    .mobile form[name=Donate] div.cons-full-name-container input,
    .mobile form[name=Donate] div#cons_info_email_container,
    .mobile form[name=Donate] div#cons_info_email_container input,
    .mobile form[name=Donate] div.cons-address-street-full-container,
    .mobile form[name=Donate] div.cons-address-street-full-container input,
    .mobile form[name=Donate] div.cons-full-address-container,
    .mobile form[name=Donate] div.cons-full-address-container input,
    .mobile form[name=Donate] div.cons-info-question-container select,
    .mobile form[name=Donate] div.cons-info-question-container input,
    .mobile form[name=Donate] div#billing_info_billing_address_info_section select.billing-billing-address,
    .mobile form[name=Donate] div.cons-info-question-container.cons-full-address-container.field-required select.billing-billing-address,
    .mobile form[name=Donate] div.payment-info-question-container input,
    .mobile div.FulfillmentPersonalizationTo,
    .mobile div.FulfillmentPersonalizationTo.form-error,
    .mobile div.FulfillmentPersonalizationFrom,
    .mobile div.FulfillmentPersonalizationFrom.form-error,
    .mobile form#EditFulfillmentAddress input[type="text"],
    .mobile form#EditFulfillmentAddress textarea {
        display: block;
        float: none;
        width: 100%;
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;    /* Firefox, other Gecko */
        box-sizing: border-box;         /* Opera/IE 8+ */
    }

    .mobile form[name=Donate] div.exp-date-month-container,
    .mobile div.Cart div.row div.quantity-column {
        margin-bottom: 15px;
    }

    .mobile div.Cart div.row div.quantity-wrapper {
        margin-top: 15px;
        margin-bottom: 35px;
    }

    .mobile div.Cart div.row div.smaller.fulfillment {
        padding-left: 0px;
    }

    .mobile div.quantity-wrapper input {
        float: left;
        margin-left: 10px;
    }

    .mobile div.quantity-wrapper div.remove_btn input {
        height: 30px;
        margin-top: 0px;
        margin-botton: 0px;
    }

    .mobile form[name=ShoppingCart] div#cons_info_component_container select#cons_state,
    .mobile form[name=ShoppingCart] div#cons_info_component_container input#cons_zip_code,
    .mobile form[name=EditAddress] div#cons_info_component_container select#cons_state,
    .mobile form[name=EditAddress] div#cons_info_component_container input#cons_zip_code,
    .mobile form[name=Donate] div#payment_credit_card_number_container table {
        width: 100%;
    }

    .mobile div.ShoppingButtonRow input#add_and_checkout,
    .mobile div.ShoppingButtonRow input#add_config_to_cart_multi_reg,
    .mobile div.ProductRegistrationButtonRow input#save_reg_info,
    .mobile div.ShoppingButtonRow input#update_item,
    .mobile div.ShoppingButtonRow input#SAVE_ADDRESS,
    .mobile div.ShoppingButtonRow input#cont_checkout,
    .mobile div.ShoppingButtonRow input#CANCEL_ADDRESS,
    .mobile div.cart-option-buttons input#SINGLE_ADDRESS,
    .mobile div.cart-option-buttons input#shop_more,
    .mobile div.table-cell div.mobile-quantity,
    .mobile div.QuickGivingButtonRow input.QUICK_GIVING_CANCEL,
    .mobile div.ProductMembershipConfig.table div.row div.column-left {
        margin-top: 10px;
    }

    .mobile div.TributeConfig.table div.row div.column-left,
    .mobile div.TributeConfig.table div.row div.column-right,
    .mobile div.ProductMembershipConfig.table div.row div.column-left,
    .mobile div.ProductMembershipConfig.table div.row div.column-right,
    .mobile div.DualMembership.table div#additional_member_block{
        padding-left: 0px;
    }

    .mobile div.TributeConfig.table div.row div.column-left {
        padding-bottom: 0px;
    }

    .mobile div.TributeConfig.table div.row div.column-left {
        width: 100%;
    }

    /*  catalog products css */
    /* row view */
    .mobile div.catalog-info-primary,
    .mobile div.catalog-info-secondary,
    .mobile div.catalog-product-price,
    .mobile div.catalog-product-purchase {
        display: block;
        width: 100%;
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;    /* Firefox, other Gecko */
        box-sizing: border-box;         /* Opera/IE 8+ */
    }

    .mobile div.catalog-info-secondary,
    .mobile div.catalog-product-price,
    .mobile div.catalog-product-purchase {
        border-top: 0;
        padding: 0;
        margin: 0;
    }

    .mobile div.catalog-product-price,
    .mobile div.catalog-product-purchase {
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .mobile div.catalog-product-image {
        width:100%;
        height:auto;
        text-align: center;
    }

    .mobile div.catalog-product-price {
        width:100%;
        text-align: left;
        margin-top:10px;
        margin-bottom:10px;
    }

    .mobile div.catalog-product-purchase,
    .mobile div.catalog-product-container.grid-half  div.catalog-product-purchase.grid_view {
        display: table;
        margin-bottom: 10px;
    }

    .mobile div.catalog-product-quantity,
    .mobile div.catalog-product-container.grid-half  div.catalog-product-quantity.grid_view
    .mobile div.catalog-product-button,
    .mobile div.catalog-product-container.grid-half div.catalog-product-button {
        display: table-cell;
        vertical-align: top;
    }

    .mobile div.catalog-product-quantity,
    .mobile div.catalog-product-container.grid-half div.catalog-product-quantity {
        text-align: left;
    }

    .mobile div.catalog-product-button,
    .mobile div.catalog-product-container.grid-half div.catalog-product-button {
        text-align: right;
    }

    .mobile div.catalog-product-price,
    .mobile div.catalog-product-container.grid-half div.catalog-product-price {
        padding: 10px 0 0;
        margin: 0;
    }

    .mobile div.catalog-product-quantity,
    .mobile div.catalog-product-quantity.grid_view {
        padding: 11px 0;
    }

    .mobile input.primary {
        width:118px;
    }

    /* grid view */

    .mobile div#RegistrationList.table div.table-cell{
        width: auto;
    }

    .mobile div#RegistrationList.table div.table-cell.mobile-hide {
        display: none;
    }

    .mobile div.row div.table-cell {
        display: block
        ;
    }

    .mobile div.catalog-product-row,
    .mobile div.catalog-product-container.grid-half,
    .mobile div.catalog-product-container.grid-half div.catalog-product-item,
    .mobile div.catalog-product-container.grid-half div.catalog-product-column {
        display: block;
        width: 100%;
        padding: 0;
    }

    .mobile div.catalog-product-item {
        margin: 10px 0;
    }

    .mobile div.catalog-product-column {
        width:100%;
        text-align:center;
    }

    .mobile div.catalog-product-title {
        width:100%;
        text-align:center;
        margin-top:10px;
        margin-bottom:10px;
    }

    .mobile hr {
        display: block;
        border:1px solid #D0D0D0;
        width:100%;
    }

    /*product details*/
    .mobile div.ProductShortDescription div#product_image,
    .mobile div.ProductLongDescription div#product_image{
        float: none;
        margin-bottom: 10px;
    }

    .mobile div.ProductShortDescription div.ShoppingDescription {
        margin-bottom: 10px;
    }

    .mobile div.ShoppingButtonRow span.mobile-display input#mobile_add_config_to_cart {
        display: block;
        float: right;
    }

    .mobile div.ShoppingButtonRow span.mobile-display input#mobile_cancel {
        display: block;
        margin-right: 6%;
    }

    .mobile div.cart-option-buttons input#cont_checkout {
        margin-left: 0px;
        float: none;
        display: block;
        width: 100%;
        margin-top: 10px;
    }

    .mobile select.address-selector {
        width: 90%;
        margin: 10px 0px;
    }

    .mobile div.ShoppingCart.table div.row div.table-cell {
        border: 0px;
        border-collapse: collapse;
    }

    .mobile div.mobile-quantity,
    .mobile span.mobile-display-label{
        float:left;
    }

    .mobile div#purchase_details_summary {
        width: 100%;
     }

    .mobile p.cart-summary-container {
        text-align: right;
    }

    .mobile div#print_conf_container {
        width: 100%;
    }

    .mobile button#print_conf_button {
        width: 100%;
    }

    .mobile div.ShippingAddressLinksContainer {
        border: 0px;
        padding: 0px 0px 10px;
        background-color: transparent;
    }

    .mobile div.ShippingAddressLinks {
        margin: 1em 0 0.5em;
    }

    .mobile div.quick-giving-quantity-column.table-cell input,
    .mobile div.quick-giving-subtotal-column.table-cell input{
        display: inline;
        margin-left: 25px;
    }

    .mobile div.quick-giving-quantity-column.table-cell label,
    .mobile div.quick-giving-subtotal-column.table-cell label{
        display: block;
    }

    .mobile div.quick-giving-quantity-column.table-cell label span,
    .mobile div.quick-giving-subtotal-column.table-cell label span{
        position: relative;
        top: 3px;
    }

    .mobile div.QuickGivingProducts.table div.quick-giving-item-column.table-cell,
    .mobile div.QuickGivingProducts.table div.quick-giving-quantity-column.table-cell,
    .mobile div.QuickGivingProducts.table div.quick-giving-subtotal-column.table-cell {
        border:none;
    }

    .mobile div.QuickGivingProducts.table div.quick-giving-quantity-column.table-cell,
    .mobile div.QuickGivingProducts.table div.quick-giving-price-column.table-cell,
    .mobile div.QuickGivingProducts.table div.quick-giving-subtotal-column.table-cell {
        width: 100%;
        text-align:left;
    }

    .mobile div.ShoppingButtonRow span.mobile-display {
        width: 100%;
    }

    .mobile div.mailed-card-option-container {
        margin-top: 10px;
        margin-bottom: 30px;
    }

    .mobile div#FulfillmentPrintableCardOccasionSelector select#occasionSelectorSelect {
        display: block;
        width: 100%;
    }

    .mobile div.mailed-card-option-container:last-child {
        margin-bottom: 0;
    }

    .mobile div.mailed-card-option,
    .mobile div.mailed-card-option-container:last-child div.mailed-card-option {
        float: none;
        width: 100%;
        margin-bottom: 15px;
    }

    .mobile div.mailed-card-option.cover-image div.card-label,
    .mobile div.mailed-card-option.inside-image div.card-label {
        margin-right: initial;
        margin-left: initial;
        margin-bottom: 0;
        width: 100%;
    }

    .mobile div#occasionSelector select#occasionSelectorSelect {
        display: block;
        width: 100%;
    }

    .mobile div#FulfillmentPrintableCardOccasionSelector ul#occasionSelectorUnorderedList {
        display: none;
    }

    .mobile div.form[name=ShoppingCart] {
        width: 100%;
        float: none;
    }

    .mobile div.fulfillmentECardSelectorOption {
        width: 100%;
        float: none;
    }

    .mobile div.fulfillmentECardSelectorOption.pad-right div.fulfillmentECardSelectorOptionSelect,
    .mobile div.fulfillmentECardSelectorOption.pad-left div.fulfillmentECardSelectorOptionSelect,
    .mobile div.fulfillmentECardSelectorOption.pad-right div.fulfillmentECardSelectorOptionChoice,
    .mobile div.fulfillmentECardSelectorOption.pad-left div.fulfillmentECardSelectorOptionChoice {
        margin-right: initial;
        margin-left: initial;
    }

    .mobile form#EditFulfillmentAddress div#cons_info_component_container {
        padding: initial;
    }

    .mobile form#ConfigureFulfillment div.ShoppingButtonRow input#NEW_ADDRESS,
    .mobile form#EditFulfillmentAddress div.ShoppingButtonRow input#NEW_FULFILLMENT_OPTION,
    .mobile div.send-ecard-container {
        float: left;
    }

    .mobile form#ConfigureFulfillment div.ShoppingButtonRow input#CANCEL_ADDRESS,
    .mobile form#EditFulfillmentAddress div.ShoppingButtonRow input#CANCEL_ADDRESS {
        float: right;
    }

    .mobile div#FulfillmentPrintableCardOccasionSelector,
    .mobile div#FulfillmentPrintableCardThumbnail,
    .mobile div#FulfillmentPrintableCardThumbnail div,
    .mobile div#FulfillmentPrintableCardPreview {
    	width: 100%;
    	float: none;
    }

    .mobile div#FulfillmentPrintableCardOccasionSelector,
    .mobile div#FulfillmentPrintableCardThumbnail div {
        padding-bottom: 10px;
    }

    .mobile div#FulfillmentPrintableCardPreview h3.mobile-only {
        display: block;
    }

    .mobile div#FulfillmentPrintableCardThumbnail h3.standard-only {
    	display: none;
    }

    .mobile div#FulfillmentPrintableCardOccasionSelector span.padding,
    .mobile div#FulfillmentPrintableCardThumbnail span.padding,
    .mobile div#FulfillmentPrintableCardPreview span.padding {
        padding: initial;
    }

    .mobile div#FulfillmentPrintableCardThumbnail div.printableCardThumbnailContainer.selected span.thumbnailImage {
        border: initial;
    }

    .mobile div#FulfillmentPrintableCardThumbnail div span.thumbnailImage {
        margin: initial;
    }

    .mobile form#ConfigureFulfillment div.ShoppingButtonRow {
        padding: initial;
    }

    .mobile div.ShoppingButtonRow {
        margin: initial;
    }

    .mobile div.CartItemConfig .column-left,
    .mobile div.CartItemConfig .column-right {
        display: block;
        padding: initial;
    }

    .mobile div#personalizeEcard div#addressBook {
        display: none;
    }

    .mobile div#personalizeEcard div#eCardContactInfo div#cons_info_component_container div.sub-section-container,
    .mobile div#personalizeEcard div#recipientList,
    .mobile div#personalizeEcard div#eCardSubject,
    .mobile div#personalizeEcard div#eCardMessage {
        width: 100%;
        float: none;
        clear: both;
    }

    .mobile div#personalizeEcard div#eCardSubject,
    .mobile div#personalizeEcard div#recipientList,
    .mobile div#personalizeEcard  div#cons_info_component_contact_info_section,
    .mobile div#personalizeEcard div#eCardMessage {
        padding-left: 0;
        padding-right: 0;
    }

    .mobile div#personalizeEcard div#eCardDeliveryDate span.deliveryDate {
        display: block;
    }

    .mobile div#eCardButtons div.float-right {
        float: none;
        clear: both;
    }

    .mobile div#eCardButtons input#ecom_ecard_send,
    .mobile div#eCardButtons input#ecom_ecard_preview,
    .mobile div#eCardButtons input#ecom_ecard_popup_preview,
    .mobile div#eCardButtons input#ecom_ecard_cancel {
        margin-right: 0;
        margin-left: 0;
        width: 100%;
    }

    .mobile div.ShoppingCart div.row div.table-cell {
        display:table-cell;
    }

}

/*      Wide Mobile Layout: 480px.
        Gutters: 24px.
        Outer margins: 22px.
        Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 480px) and (max-width: 767px) {
}

@media only screen and (min-width: 0px) and (max-width: 480px) {
    .mobile select#product_category_browser,
    .mobile div#search_form form#CatalogSearch span.cell {
        display: block;
        width: 100%;
        margin: 10px 0 0;
    }

    .mobile div.ShoppingCart div.row div.table-cell {
        display:table-cell;
    }
}