ShopSite Forums

by **EMGM** » Sat Jan 25, 2014 8:52 am

Lauren, The code you supplied me with worked wonderfully to hide my product prices from the general viewing public. Now I found a second problem. The QUANTITY BOX and ADD TO CART BUTTON are still viewable to everyone NOT LOGGED IN. If I add a product to the cart the pricing shows in the cart. I need these boxes and buttons along with the prices hidden from view (as you did for me with the prices) and only available to LOGGED IN CUSTOMERS. I need the shopping cart only available to LOGGED IN CUSTOMERS. Can you please help me out with this. THANKS

TEMPLATE: 3 Column Blues

by **ShopSite Lauren** » Mon Jan 27, 2014 10:17 am

The JavaScript isn't the most elegant, but try the following:

3Column-Basics.css

Code: Select all: body {padding: 0px; margin: 0px; text-align: center;} td, div {text-align: left;} body, th, tr, td {font-family: [-- IF STORE.Font --][-- STORE.Font --][-- ELSE --]Verdana, Geneva, sans-serif[-- END_IF --]; font-size: [-- IF STORE.FontSize --][-- STORE.FontSize --][-- ELSE --]12px[-- END_IF --];} .setsize {padding: 0px; margin: 0px auto; clear: both;} .nobr {white-space: nowrap;} textarea {max-width: 95%;} a {outline: 0px;} ####################### BORDERS ######################################### #footerlinks, .suckertreemenu ul li ul li ul, table.shipping, #applygiftcert, #se_table_top, #se_table_bottom, #confirm-tbl {border-top-width: 1px; border-top-style: solid;} #right, div.footcat, #confirm-mid {border-left-width: 1px; border-left-style: solid;} #left, div.footcat, #confirm-mid {border-right-width: 1px; border-right-style: solid;} #left a, #left a.left_pagelink, #right a, table#mini-detail td, table.shipping, table.innerleft td, .search_pa_links, .suckertreemenu ul li ul, #se_table_top, #se_table_bottom, #confirm-tbl {border-bottom-width: 1px; border-bottom-style: solid;} #applygiftcert, #confirm-mid, #confirm-tbl, table.shipping, #se_table_top, #se_table_bottom, .search_pa_links, .pxborder, p.delete_ship_addr table, table.innerleft td {border-color: #[-- STORE.SC_ShadeColor --];} #right a.mini-txt, #left div a, #left a#img1, #right a#img2, #right td a, table.innerleft table td {border-bottom: 0px;} ####################### DIV Layouts ##################################### #search_field, #container, #content, #search table {position: relative;} #toplinks, #colorbar {position: absolute;} #logo {width: 500px; float: left; min-height: 50px;} a.logo {float: left;} #search {padding: 36px 0px 0px 0px; width: 350px; float: right; white-space: nowrap;} #search table {top: -20px;} #search_field {top: -6px; width: 180px; font-size: 14px;} #toplinks {top: 0px; height: 30px; line-height: 30px; z-index: 4;} #toplinks a {padding: 0px 8px; text-decoration: none;} #ss_mb {display: block; float: right; clear: none; padding: 0px; margin: 0px;} #pagination, #pagination2 {margin: 0px; padding: 3px; text-align: center;} #pagination_inner, #pagination_inner2 {padding: 0px;} #pagination_inner, #pagination_inner2, #pagination a, #pagination2 a, .search_button, .search_button_selected {text-decoration: none; border: 0px; background-color: #[-- STORE.Color2 --];} #table {height: 500px; width: 100%; border-collapse: collapse;} #table td.side-line, #table td.side-line img {height: 1px; max-height: 1px; padding: 0px; margin: 0px; line-height: 1px; font-size: 1px; border: 0px;} td#left, td#right {width: 180px; min-width: 180px; max-width: 180px; text-align: left; vertical-align: top; height: 100%;} #left div.left_pagelinks, #right div.right_pagelinks {padding-bottom: 14px;} #left h2, #right h2, #right a.mini-txt, #left a.left_pagetitle, #right a.right_pagetitle {margin: 0px; padding: 10px 10px 5px 10px;} #left a, #right a, #left a.left_pagelink {display: block; text-decoration: none; padding: 3px 15px; margin: 0px 10px;} #left a.pa_lk_img {padding: 3px 0px;} #left div a, #left a#img1, #right a#img2, #right td a {background-position: 0px -100px; text-align: center;} #right, #right .MiniCart {text-align: center;} #right p {margin: 0px; padding: 20px 14px 6px 14px; text-align: left;} #right .product, #right .pr_img {width: 180px; max-width: 180px; overflow: hidden;} #right .product a.pr_img, #right .product a.pr_img img {text-align: center; margin: 0px auto; padding: 0px;} .MiniCart {padding: 0px 5px;} table#mini-detail {border-collapse: collapse; border-spacing: 0px; width: 100%;} table#mini-detail td {padding: 5px; border-bottom-width: 1px; border-bottom-style: solid;} table#mini-detail a {padding: 0px; margin: 0px;} #right a.fb_follow, #right a.twtr_follow, #right a.pt_follow, #right a.gplus_follow {display: inline; width: 30px; border-bottom-width: 0px; margin: 0px; padding: 3px;} img.social_follow, #right a img {border: 0px;} table#email_signup {padding: 5px; margin: 10px auto; border: 1px solid #[-- STORE.SC_ShadeColor --]; text-align: center;} table#email_signup td {text-align: center; white-space: normal;} table#newsletter_tbl {border-collapse: collapse; border-spacing: 0px; border: 0px; margin: 0px; padding: 0px;} td#newsletter_field {padding-left: 5px;} td#newsletter_field input {width: 90px;} #newsletter_submit input {font-weight: bold; font-size: 90%; color: #[-- STORE.TextColor --]; background: transparent; border: 0px; padding: 0px; margin: 0px;} a.fb_share, a.twtr_share {padding: 0px 4px 0px 0px;} span.pin-it-button {display: inline-block; width: 45px; overflow: hidden;} div.fb_share {display: inline-block; width: 55px; overflow: hidden;} div.twtr_share {display: inline-block; width: 88px; overflow: hidden;} div#plusone {display: inline-block; width: 75px; overflow: hidden;} #mu-mi-info a.fb_share, #mu-mi-info a.twtr_share {float: left;} #content {margin: 0px auto; float: left; z-index: 2; width: 100%;} #content_inner {padding: 0px 8px 6px 8px; vertical-align: top; width: 100%;} #content h1 {padding: 10px 5px 5px 5px; margin: 0px; font-size: 130%;} div#breadcrumbs {padding-bottom: 8px; text-align: left; line-height: 10px;} div#breadcrumbs a {font-size: 90%; text-decoration: none;} span.bc-arrow {padding: 0px 8px;} #footercategories {margin-top: 15px; clear: both; min-height: 80px;} div.footcat, div.footer_pagelinks {width: 198px; max-width: 198px; float: left; text-align: left; padding: 8px 0px; border-right-width: 1px; border-right-style: solid;} div.footcat h3, div.footer_pagelinks .footer_pagetitle {margin: 0px; padding: 8px 18px; text-align: center; color: #[-- STORE.SC_TextColor --]; font-weight: bold; text-decoration: none; display: block;} div.footcat a, div.footer_pagelinks a.footer_pagelink {display: block; padding: 2px 24px; margin: 0px; text-decoration: none;} #footertext {padding: 0px 0px 10px 0px;} #footertext h2 {padding: 10px 0px 0px 0px; margin: 0px;} #footertext p {padding: 0px; margin: 0px;} #footerlinks_inner {width: [-- IF STORE.PageWidth --][-- STORE.PageWidth --][-- ELSE --]900px[-- END_IF --]; margin: 0px auto; padding: 10px 0px; text-align: center;} #footerlinks_inner a {padding: 0px 4px;} #lastline {padding: 5px 0px 30px 0px; text-align: center;} ###################### PRODUCTS On PAGES ############################### .pr, .gc_pr_hm, .pc_pr {vertical-align: top; margin: 7px; padding: 3px 3px 10px 3px; height: 100%;} div.product {max-width: 100%;} div.product p {padding: 0px 0px 10px 0px; margin: 0px;} a.pr_img {display: block; margin: 6px 0px;} .pr a.pr_img, .gc_pr_hm a.pr_img, .pc_pr a.pr_img {min-height: 150px;} a.pr_nme {text-decoration: none; display: block; margin: 0px 0px 5px 0px;} span.pr_prc {display: none; padding: 10px 0px; height: 100%;} .pr_price, .pr_add, .search_pr_add {display: none;} span.pr_prc strike {display: block; color: #444;} .pr_qty {display: none; padding: 4px 0px;} .pr_opt {display: block; padding: 4px 0px;} .pr_add {margin: 15px 0px 0px 0px; padding: 0px;} #mu-mi-main, #security_logo {padding: 16px 10px 10px 10px;} ###################### BASIC STYLES #################################### #mu-mi-main {margin-bottom: 10px;} .center table, .ship_logos {margin: 10px auto;} .center, #right .center, td.mini-qt, #submit, #mu-mi-info-center, #mu-mi-img, table.qp_header td, #press-recal, .prod_img, .row_img, td.payment_hdr, #applygiftcert {text-align: center;} .left, .mini-pr, .mini-pr-txt, #logo h1, table.giftcert td.giftcert, .qp_quantitytxt, .qp_pricetxt, .qp_saletxt, ul, li, #mu-mi-info table.instruct, .cart_name, .cart_cp_name, table.cart td.cart_name, .cart_name, .cart_cp_name, .cart_sku, .cart_cp_sku, .cart_op, .cart_op table td, .cart_op1, .cart_op2, select.cart, .sql_addr td, .sql_addr_select td, .selectzipncountry td, table.addr td, #left a.left_pagelink {text-align: left;} .right, table#mini-detail a, .mini-pc, .mini-pc-txt, .mini-sub-txt, #coupon {text-align: right;} div.footcat h3, span.currentpage {font-size: 120%;} .Big, #left h2, #right h2, a.mini-txt, #left a.left_pagetitle, #right a.right_pagetitle {font-size: 110%;} .Normal, span.pr_prc strike {font-size: 100%;} #toplinks, div.footcat a, #footertext, #footertext h2, #footerlinks_inner, #lastline {font-size: 94%;} .Small, #right, #left a span, .search_pa_links, th, #coupon {font-size: 90%;} table#mini-detail td, #press-recal, .ship_logos td.ship_text {font-size: 86%;} .Bold, a.mini-txt, a.pr_nme, .mini-pc-txt, #footertext h2, div.footcat h3, #content h1, #left h2, #right h2, #left a.left_pagetitle, #right a.right_pagetitle, .mini-qt-txt, .mini-pr-txt, td.totals_all, td.totals_all_txt, td.instruct_hdr, .comm_hdr, td.bill_addr_hdr, td.ship_addr_hdr, table#mini-detail a, .qp_quantitytxt, .qp_pricetxt, .qp_saletxt, span.opt_hdr {font-weight: bold;} .Plain, span.pr_prc strike {font-weight: normal;} .Typewriter {font-family: typewriter;} .Italic, .cart_price, .cart_cp_price, #press-recal {font-style: italic;} .clear, #coupon, .prod_img, .row_img, input#selPaytype {clear: both;} .nowrap, .suckertreemenu ul li a, #coupon {white-space: nowrap;} .hidden {height: 1px; width: 1px; overflow: hidden; padding: 0px; margin: 0px; visibility: hidden;} #mu-mi-img, #mu-mi-info, #mu-mi-info-center {vertical-align: top;} #mu-mi-main, #mu-mi-info, table.qp_header, table.cart, .cart_name, .cart_cp_name, table.cart td.cart_name, #press-recal, #view_order table.cart {width: 100%;} #mu-mi-info, #mu-mi-info-center {padding-left: 10px;} ######################### PRODUCT OPTIONS ################################## table.qp_header, #security_logo {margin: 10px auto;} table.qp_header td {padding: 3px;} span.opt_hdr {display: block; padding: 5px 0px; margin-top: 10px;} .row_img table {margin: 0px auto;} .row_img img {border: 0px;} span#ss_inv {display: block; font-weight: bold; line-height: 26px;} span.ss_in_stock {color: green;} span.ss_out_of_stock, span.ss_low_stock {color: red;} .reviews-brief {font-size: 90%; white-space: nowrap; display: block;} .reviews-brief div.reviews_stars {height: 20px; max-height: 20px; overflow: hidden; padding: 2px 0px;} .reviews-brief span.reviews_stars_text, .reviews-brief span.review_product_name, .reviews-brief span.review_microdata_count, span.review_microdata_wrapper span.review_product_name, span.review_microdata_wrapper span.review_microdata_count, div.review span.review_product_name {display: none;} .reviews-brief a, div#reviews-more a {text-decoration: underline;} div#reviews-more span.reviews_stars_text {padding: 0px 6px 0px 0px;} td.pcs_table_content span.reviews-brief, td.center span.reviews-brief {width: 80px; margin: 0px auto;} div#reviews-more {border-top: 1px solid #[-- STORE.Color1 --]; border-bottom: 1px solid #[-- STORE.Color1 --]; padding: 14px 0px; margin: 0px auto;} div#reviews-more div.reviews_stars, div#reviews-more span.reviews_stars_text, div#reviews-more div.reviews_stars_wrapper, div#reviews-more div.reviews_count {display: inline-block; line-height: 20px;} div#reviews-more div.reviews_stars_wrapper {height: 16px; max-height: 16px; overflow: hidden; padding: 0px; display: inline-block; width: 80px; position: relative; top: 3px;} div#reviews-more h4 {padding: 22px 0px 4px 0px; margin: 0px; font-weight: bold;} span.review_title {font-weight: bold; padding: 0px 8px;} div#reviews-more div.review {border-top: 1px solid #[-- STORE.Color1 --]; padding: 14px 0px;} div#reviews-more span.review_author_text, div#reviews-more span.review_author, div#reviews-more span.review_date {line-height: 150%;} ######################### CART STYLES ##################################### #progressbar {background-image: url([-- IF SC_USE_SECURITY --][-- STORE.CSS_Secure_URL --][-- ELSE --][-- ShopSite_Images --][-- END_IF --]/backgrounds/3col/progressbar.gif); background-repeat: no-repeat; border: 1px solid #[-- STORE.SC_TextColor --]; margin: 16px auto; width: 550px; height: 12px; max-height: 12px;} .thirtythree {background-position: 181px 0px;} .fifty {background-position: 362px 0px;} .seventyfive {background-position: 455px 0px;} .onehundred {background-position: 590px 0px;} div#messages {vertical-align: middle;} table.cart {border-collapse: collapse; border-spacing: 0px; padding-top: 10px;} table.cart td {background-color: #[-- STORE.SC_ShadeColor --]; padding: 2px 8px;} table.cart td.cart_delete, table.cart td.cart_name, table.cart td.cart_sku, table.cart td.cart_delete, table.cart td.cart_image, table.cart td.cart_price, table.cart td.cart_total, table.cart td.cart_quantity {border-top: 1px solid #[-- STORE.SC_BackgroundColor --];} .button6, .button9 {margin: 8px 8px 8px 0px;} div#create_wishlist input.button164 {margin: 8px;} div#choose_wishlist .button6 {margin: 0px 8px 0px 0px;} #coupon input {width: 80px;} table.instruct {margin: 10px 0px 2px 0px;} table.shipping {margin: 20px 0px;} .button6, .button9, table.instruct, table.sql_addr, table.sql_addr_select, table.selectzipncountry {float: left;} #press-recal {background-image: url([-- IF SC_USE_SECURITY --][-- STORE.CSS_Secure_URL --][-- ELSE --][-- ShopSite_Images --][-- END_IF --]/backgrounds/3col/reverse-arrow.gif); background-repeat: no-repeat; background-position: 100% 50%;} #submit {padding: 30px 0px 20px 0px;} table.google_button td {vertical-align: middle; text-align: center; padding: 4px;} table.totals {float: right; line-height: 110%;} .totals_txt, .totals_saved_txt, .totals_blank, .totals_all_txt {text-align: left; padding-right: 15px; white-space: nowrap;} td.totals, .totals_saved, .totals_all, .cart_total, .cart_cp_total {text-align: right; white-space: nowrap;} #confirm-tbl {margin: 30px 0px 10px 0px;} #confirm-tbl td {width: 33%; vertical-align: top; padding: 4px 10px;} #confirm-tbl td table td {text-align: left; padding: 0px;} td.pay_holder_hdr, td.payment_hdr, td.reg_wel, td.sql_addr_hdr, td.taxnship_hdr {font-weight: bold;} td.paymentselection, td.buttons {text-align: center; padding-top: 1em;} td.payment, td.payment_value, td.new_payment_type, td.reg, td.reg_link, table.zipncountry, td.zipncountry, td.zipncountry_text, td.taxnship_hdr, td.taxnship {text-align: left;} table.sql_pay {margin-left: -4px; margin-right: auto;} td.sql_pay {padding-right: 15px; font-weight: bold;} table.reg {padding-bottom: 1em;} td.coupon {padding-top: 1em;} td.sql_addr {padding-right: 15px;} table.taxnship, table.surcharge {text-align: right; padding-top: 1em;} table.surcharge {text-align: right;} input.button152, input.button154 {cursor: pointer;} ################### Table of Error Messages ############################ div.warning, table.checkout_err, inv_err, td.checkout_err, inv_err, table.ups_error, table.thankyou_err {width: 400px; margin: 0px auto; padding: 5px; border: 1px solid #[-- STORE.SC_TextColor --]; background-color: #[-- STORE.SC_ShadeColor --];} td.ups_error {background-color: transparent; border: 0px;} table.checkout {vertical-align: middle; text-align: center; margin-left: auto; margin-right: auto;} td.checkout {padding: 5px; text-align: center;} table.google_button {vertical-align: middle; text-align: center; margin-left: auto; margin-right: auto;} td.gcs_table, td.pcs_table {text-align: center; padding-top: 10px; padding-bottom: 10px;} table.gcs_table, table.pcs_table {width: 100%; text-align: center; margin-left: auto; margin-right: auto; border-collapse: collapse;} table.gcs_table caption, table.pcs_table caption {width: 100%; text-align: center; font-weight: bold;} td.gcs_table_content, td.pcs_table_content {width: 25%;} table.gcs_product_table, table.pcs_product_table {border-collapse: collapse; text-align: center; width: 100%;} td.sc_secure_image, table.google_button td, td.gcs_product_image, td.pcs_product_image, td.gcs_product_price, td.pcs_product_price, td.gcs_product_add_to_cart, td.pcs_product_add_to_cart, td.gcs_product_name, td.pcs_product_name {text-align: center;} td.gcs_product_add_to_cart a, td.pcs_product_add_to_cart a, td.gcs_product_name, td.pcs_product_name {font-weight: bold;} td.gcs_product_image img, td.pcs_product_image img, td.gcs_product_add_to_cart img, td.pcs_product_add_to_cart img {border: 0px none; text-align: center; margin-left: auto; margin-right: auto;} .ship_logos td {width: 220px; text-align: center; padding: 3px; vertical-align: top;} .ship_logos td.ship_img {vertical-align: middle;} span.field_warn {color: red; font-weight: bold;} input.field_warn, select.field_warn {border: 1px solid red; padding: 3px; background: #FFEFEF;} ######################### SEARCH RESULTS ##################################### #search_form {padding: 20px 0px;} #se_table_top, #se_table_bottom {width: 100%; padding: 10px 0px;} .se_perpage, .se_sort {text-align: left; font-weight: bold;} .se_page, .se_prevnext {text-align: right;} .search_table {padding-bottom: 15px;} .search_button_selected {font-weight: bold; font-size: 120%;} .search_pr_img {vertical-align: top; text-align: center; padding-top: 25px;} .search_pr_info {vertical-align: top; text-align: left; padding-top: 25px;} .search_pr_info a, .search_pr_info span {display: block;} .search_pr_add {vertical-align: middle; text-align: center; padding-top: 25px;} .search_pa_links {border-top-width: 1px; border-top-style: dotted; text-align: left; padding: 8px 0px;} ######################### GIFT CERTIFICATE ################################ table.innerleft table.giftcert_type td, table.innerleft table.cert_num_amount td, table.innerleft table.cert_to_from_msg td {padding: 3px; text-align: left;} ########################## CUSTOMER REGISTRATION ########################### #view_order {width: 80%;} #view_order table.cart td.cart_op2 {display: none; width: 0px; background-color: #[-- STORE.SC_BackgroundColor --];} .pxborder, p.delete_ship_addr table {border-width: 1px; border-style: solid; padding: 10px;} table.innerleft td {padding: 10px 5px 15px 5px;} table.innerleft table {margin: auto 0px;} table.innerleft table td {padding: 1px; text-align: center;} table.email_type td.email_type, table.email_type td.email_type_text, table.save_payment td.save_payment, table.save_payment td.save_payment_text {width: 95%;} td#edit_ship_addr td.addr {text-align: right;} table.innerleft td, table.email_type td.email_type, table.email_type td.email_type_text, table.save_payment td.save_payment, table.save_payment td.save_payment_text, td#edit_ship_addr td.addr_val, p.delete_ship_addr table td {text-align: left;} ########################## NAVIGATION MENU ########################### #toptabs {position: absolute; z-index: 4; top: 120px; height: 37px;} /*Credits: Dynamic Drive CSS Library URL: http://www.dynamicdrive.com/style/ */ .suckertreemenu ul {margin: 0px; padding: 0px; list-style-type: none;} .suckertreemenu ul li a, .suckertreemenu a:link, .suckertreemenu a:active, .suckertreemenu a:visited {color: #[-- STORE.Color2 --];} .suckertreemenu ul li {position: relative; display: inline; float: left;} .suckertreemenu ul li a {display: block; min-width: 110px; line-height: 35px; padding-bottom: 0px; text-decoration: none; text-align: center; color: #[-- STORE.Color2 --];} .suckertreemenu ul li ul {left: 0px; position: absolute; top: 1em; display: block; visibility: hidden;} .suckertreemenu ul li ul li {display: list-item; float: none;} .suckertreemenu ul li ul li ul {left: 159px; top: 0px;} .suckertreemenu ul li ul li a {display: block; min-width: 160px; text-decoration: none; text-align: left; padding: 0px; text-indent: 10px; line-height: 22px;} * html p#iepara{padding-top: 1em;} * html .suckertreemenu ul li {float: left; height: 1%;} * html .suckertreemenu ul li a {height: 1%;} ######################## Wish List Styles [-- IF WishList --] #create_wishlist {display: inline-block; font-size: 90%; text-align: left; line-height: 150%; margin: 20px auto;} div#wishlist-page {padding: 10px 20px; margin: 0px auto; text-align: center;} div.ss_wl_sort {display: inline-block; float: left; clear: none; padding: 30px 10px 30px 0px; margin: 0px; line-height: 150%;} div.ss_wl_sort input {position: relative; top: -5px;} div.wishlist-product {padding: 10px 0px 30px 0px; margin: 0px; clear: both;} div.wishlist-product-image {width: 20%; float: left; clear: none; padding: 0px; margin: 0px; text-align: center;} div.wishlist-product-info {width: 46%; float: left; clear: none; padding: 0px; margin: 0px 1.9%; text-align: left;} div.wishlist-product-options {width: 30%; float: left; clear: none; padding: 0px; margin: 0px; text-align: left;} div.wishlist-product-options span.basic-text-link {display: block; padding: 10px 5px; font-size: 90%; text-align: left;} div.wishlist-lists {display: inline-block; clear: both; padding: 10px; margin: 0px auto;} span.wl-privacy {display: block; position: relative; top: -5px; font-size: 90%; opacity: 0.7; filter:alpha(opacity=70); font-style: italic;} span.wl-comment {display: block; position: relative; top: -5px;} span.loop-wishlist {white-space: nowrap; display: block; font-size: 90%; color: gray; text-align: left; padding: 10px 0px; margin: 0px;} span.loop-wishlist a {display: block; clear: both;} form.wl_prod_info input[type="submit"] {margin-right: 10px;} div.ss_wl_comment a {font-size: 90%;} div.wl-form-box {display: inline-block; margin: 0px auto; padding: 10px 0px; text-align: left;} div.wishlist_search {padding: 30px 0px 0px 0px;} span.date-added {display: block; opacity:0.8; filter:alpha(opacity=80); font-size: 96%;} div.ss_wl_edit_info {display: none;} div#wishlist-share {display: inline-block; float: right; clear: none;} div.ss_wl_fbshare, div.ss_wl_twshare, div.ss_wl_gpshare {display: inline-block;} div.ss_wl_Box {text-align:left; white-space: nowrap; padding: 0px; margin: 5px 0px; width: 200px; max-width: 250px; position: relative; outline: none; cursor: pointer; clear: both; display: none; z-index: 200;} .center div.ss_wl_Box {position: relative; left: 30px; margin: 5px auto;} div.ss_wl_Lists {overflow: hidden; clear: both; cursor: default; position: absolute; display: none;} span.ss_wl_List {display: block;} span.ss_wl_Label {display: inline-block; clear: none; padding: 6px 0px; text-align: left; color: #[-- STORE.LinkColor --]; background: transparent; overflow: hidden; font-size: 90%;} span.ss_wl_Button img, span.ss_wl_Button {z-index: 2;} div.ss_wl_Box div.ss_wl_Lists {top: 28px; left: 0px; width: 100%; overflow: visible;} span.ss_wl_List {padding: 4px 8px; margin: 0px; font-size: 90%; text-align: left; background: #FEFEFE; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #CCC;} span.wl_priv {margin-left: 4px; padding-right: 8px; font-size: 70%; opacity:0.8; filter:alpha(opacity=80);} span.ss_wl_List:hover {background: #EFEFEF;} div.ss_wl_ChooseLists {border-bottom: 1px solid #CCCCCC; margin-bottom: 10px;} div.ss_wl_Lists span.ss_wl_List:last-child {border-bottom: 1px solid #CCC; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; -moz-border-bottom-left-radius: 8px; -moz-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px;} div.ss_wl_Lists span.ss_wl_List:first-child {border-top-right-radius: 8px; -moz-border-top-right-radius: 8px; -webkit-border-top-right-radius: 8px;} .unused-text-button {display: block; padding-top: 40px; font-size: 90%;} .wishlist_search, .basic-text-link {text-align: center;} [-- END_IF --] ######## Error Messages ################## table.ups_error, table.inv_err {margin: 0px auto; padding: 0px; border-collapse: collapse; border-spacing: 0px; border: 1px solid #CCC; background: #[-- STORE.FieldWarnShadeColor --]; color: #[-- STORE.FieldWarnHighlightColor --];} table.ups_error td, table.inv_err td {vertical-align: middle; text-align: left; padding: 10px; background: #[-- STORE.FieldWarnShadeColor --];} table.ups_error td:first-child, table.inv_err td:first-child {border-right: 1px solid #CCC;} .notice {display: block; width: 80%; text-align: center; padding: 20px 0px; margin: 0px auto; border: 1px solid #CCC; background: #[-- STORE.FieldWarnShadeColor --]; color: #[-- STORE.FieldWarnHighlightColor --];}

MiniCart.js

Code: Select all: function DisplayMiniCart(name,style,icon) { var cookies=document.cookie; //read in all cookies var start = cookies.indexOf("ss_cart_[-- STORE_Serial_Number --]="); var cartvalues = ""; var linecount = 0; var start1; var end1; var tmp; document.write("<div class=\"MiniCart\">"); if ((start == -1) && (style == "Summary")) //No cart cookie { document.write("<a class=\"mini-txt\" [-- IF ANALYTICS_MULTI_DOMAIN --]href=\"javascript:__utmLinker(\'[-- SHOPPING_CART_URL --]\');\"[-- ELSE --]href=\"[-- SHOPPING_CART_URL --]\"[-- END_IF --]>[-- STORE.SC_YourShoppingCart --]<\/a>"); document.write("[-- STORE.Contains --] 0<\/b> [-- STORE.Items --]"); } else if ((start == -1) && (style == "Detail")) //No cart cookie { document.write("<a class=\"mini-txt\" [-- IF ANALYTICS_MULTI_DOMAIN --]href=\"javascript:__utmLinker(\'[-- SHOPPING_CART_URL --]\');\"[-- ELSE --]href=\"[-- SHOPPING_CART_URL --]\"[-- END_IF --]>[-- STORE.SC_YourShoppingCart --]<\/a>"); document.write("[-- STORE.Contains --] 0<\/b> [-- STORE.Items --]"); } else if (start == -1) { if (icon == "white") { document.write("<a class=\"mini-icon\" [-- IF ANALYTICS_MULTI_DOMAIN --]href=\"javascript:__utmLinker(\'[-- SHOPPING_CART_URL --]\');\"[-- ELSE --]href=\"[-- SHOPPING_CART_URL --]\"[-- END_IF --]><img src=\"[-- IF SC_USE_SECURITY --][-- STORE.SC_Secure_Image_URL --][-- ELSE --][-- OUTPUT_DIRECTORY_URL --][-- END_IF --]/media/themesmedia/cart-white.gif\" border=\"0\" alt=\"cart\" align=\"top\"><\/a> "); } else { document.write("<a class=\"mini-icon\" [-- IF ANALYTICS_MULTI_DOMAIN --]href=\"javascript:__utmLinker(\'[-- SHOPPING_CART_URL --]\');\"[-- ELSE --]href=\"[-- SHOPPING_CART_URL --]\"[-- END_IF --]><img src=\"[-- IF SC_USE_SECURITY --][-- STORE.SC_Secure_Image_URL --][-- ELSE --][-- OUTPUT_DIRECTORY_URL --][-- END_IF --]/media/themesmedia/cart-black.gif\" border=\"0\" alt=\"cart\" align=\"top\"><\/a> "); } document.write("<a class=\"mini-txt\" [-- IF ANALYTICS_MULTI_DOMAIN --]href=\"javascript:__utmLinker(\'[-- SHOPPING_CART_URL --]\');\"[-- ELSE --]href=\"[-- SHOPPING_CART_URL --]\"[-- END_IF --]>"); document.write("0 [-- STORE.Items --]"); document.write("<\/a> "); } else //cart cookie is present { start = cookies.indexOf("=", start) +1; var end = cookies.indexOf(";", start); if (end == -1) { end = cookies.length; } cartvalues = unescape(cookies.substring(start,end)); //read in just the cookie data start = 0; while ((start = cartvalues.indexOf("|", start)) != -1) { start++; end = cartvalues.indexOf("|", start); if ((end != -1) && (style == "Detail")) { linecount++; if (linecount == 3) // Product Subtotal { start1 = start; end1 = end; document.write("<a class=\"mini-txt\" [-- IF ANALYTICS_MULTI_DOMAIN --]href=\"javascript:__utmLinker(\'[-- SHOPPING_CART_URL --]\');\"[-- ELSE --]href=\"[-- SHOPPING_CART_URL --]\"[-- END_IF --]>[-- STORE.SC_YourShoppingCart --]<\/a>"); document.write("<table id=\"mini-detail\">"); document.write("<tr><td class=\"mini-pr-txt\">[-- STORE.Product --]<\/td>"); document.write("<td class=\"mini-qt-txt\">[-- STORE.Qty --]<\/td>"); document.write("<td class=\"mini-pc-txt\">[-- STORE.Price --]</td><\/tr>"); } if (linecount > 3) // individual products { tmp = cartvalues.substring(start,end); colon = tmp.indexOf(":", 0); document.write("<tr><td class=\"mini-pr\">"); colon2 = tmp.indexOf(":", colon+1); document.write(tmp.substring(colon2+1,end - start)); document.write("<\/td><td class=\"mini-qt\">"); document.write(tmp.substring(0,colon)); document.write("<\/td><td class=\"mini-pc\">"); document.write(tmp.substring(colon+1,colon2)); document.write("<\/td><\/tr>"); } } else if (end != -1) { linecount++; if ((linecount == 2) && (style == "Summary")) // Total Quantity of Items { tmp = cartvalues.substring(start,end); colon = tmp.indexOf(":", 0); document.write("<a class=\"mini-txt\" [-- IF ANALYTICS_MULTI_DOMAIN --]href=\"javascript:__utmLinker(\'[-- SHOPPING_CART_URL --]\');\"[-- ELSE --]href=\"[-- SHOPPING_CART_URL --]\"[-- END_IF --]>[-- STORE.SC_YourShoppingCart --]<\/a>"); document.write(" [-- STORE.Contains --] "); document.write(tmp.substring(colon+1,end - start)); document.write("<\/b>"); if ((tmp.substring(colon+1,end - start)) == 1 ) { document.write(" [-- STORE.Item --]"); } else { document.write(" [-- STORE.Items --]"); } } else if (linecount == 2) // Total Quantity of Items { tmp = cartvalues.substring(start,end); colon = tmp.indexOf(":", 0); if (icon == "white") { document.write("<a class=\"mini-icon\" [-- IF ANALYTICS_MULTI_DOMAIN --]href=\"javascript:__utmLinker(\'[-- SHOPPING_CART_URL --]\');\"[-- ELSE --]href=\"[-- SHOPPING_CART_URL --]\"[-- END_IF --]><img src=\"[-- IF SC_USE_SECURITY --][-- STORE.SC_Secure_Image_URL --][-- ELSE --][-- OUTPUT_DIRECTORY_URL --][-- END_IF --]/media/themesmedia/cart-white.gif\" border=\"0\" alt=\"cart\" align=\"top\"><\/a> "); } else { document.write("<a class=\"mini-icon\" [-- IF ANALYTICS_MULTI_DOMAIN --]href=\"javascript:__utmLinker(\'[-- SHOPPING_CART_URL --]\');\"[-- ELSE --]href=\"[-- SHOPPING_CART_URL --]\"[-- END_IF --]><img src=\"[-- IF SC_USE_SECURITY --][-- STORE.SC_Secure_Image_URL --][-- ELSE --][-- OUTPUT_DIRECTORY_URL --][-- END_IF --]/media/themesmedia/cart-black.gif\" border=\"0\" alt=\"cart\" align=\"top\"><\/a> "); } document.write("<a href=\"[-- SHOPPING_CART_URL --]\">"); document.write(tmp.substring(colon+1,end - start)); if ((tmp.substring(colon+1,end - start)) == 1 ) { document.write(" [-- STORE.Item --]"); } else { document.write(" [-- STORE.Items --]"); } if (style == "ItemCount") { document.write("<\/a>"); } else { document.write(": "); } } if ((linecount == 3) && (style == "Subtotal")) // Product Subtotal { tmp = cartvalues.substring(start,end); colon = tmp.indexOf(":", 0); document.write(tmp.substring(colon+1,end - start)); document.write("<\/a>"); } else if ((linecount == 3) && (style == "Summary")) // Product Subtotal { tmp = cartvalues.substring(start,end); colon = tmp.indexOf(":", 0); document.write(" [-- STORE.Subtotal --]: "); document.write(tmp.substring(colon+1,end - start)); document.write("<\/b>"); } start = end; } else break; } if (style == "Detail") { document.write("<tr><td colspan=\"2\" class=\"mini-sub-txt\"><a class=\"mini-sub-txt\" [-- IF ANALYTICS_MULTI_DOMAIN --]href=\"javascript:__utmLinker(\'[-- SHOPPING_CART_URL --]\');\"[-- ELSE --]href=\"[-- SHOPPING_CART_URL --]\"[-- END_IF --]>[-- STORE.Subtotal --]<\/a><\/td>"); document.write("<td class=\"mini-sub\"><a [-- IF ANALYTICS_MULTI_DOMAIN --]href=\"javascript:__utmLinker(\'[-- SHOPPING_CART_URL --]\');\"[-- ELSE --]href=\"[-- SHOPPING_CART_URL --]\"[-- END_IF --]>"); tmp = cartvalues.substring(start1,end1); colon = tmp.indexOf(":", 0); document.write(tmp.substring(colon+1,end1 - start1)); document.write("<\/a><\/td><\/tr><\/table>"); } } document.write("<\/div>"); } window.onload=function () { var cookies=document.cookie; var start = cookies.indexOf("[-- RegCookieName --]" + "="); var name = ""; var start1; var end1; var tmp; var signed_in = -1; if (start != -1) { start = cookies.indexOf("=", start) +1; var end = cookies.indexOf("|", start); if (end != -1) { signed_in = cookies.indexOf("|yes", start); name = unescape(cookies.substring(start,end)); if (signed_in != -1) { var prices = document.getElementsByClassName('pr_prc'); for (var i=0;i<prices.length;i++) {prices[i].style.display = "block";} var pricesTwo = document.getElementsByClassName('pr_price'); for (var i=0;i<pricesTwo.length;i++) {pricesTwo[i].style.display = "block";} var pricesTwo = document.getElementsByClassName('pr_add'); for (var i=0;i<pricesTwo.length;i++) {pricesTwo[i].style.display = "block";} var pricesTwo = document.getElementsByClassName('pr_qty'); for (var i=0;i<pricesTwo.length;i++) {pricesTwo[i].style.display = "block";} } } } }

by **EMGM** » Mon Jan 27, 2014 11:11 am

Lauren, I really appreciate your help with this. I created new publish files 3ColumnBasic.css and MiniCart.js then copied your code pasted it into the editor window of the new publish files and now the site is back to the way I started, with the PRICES, QUANTITY INPUT BOX AND ADD TO CART BUTTONS SHOWING when I'm NOT logged in. Any ideas? THANKS

I need the SHOPPING CART, Pricing, Quantity Box, and Add To Cart Buttons only available to LOGGED IN customers.

by **ShopSite Lauren** » Mon Jan 27, 2014 11:32 am

Try this:

MiniCart.js

Code: Select all: function DisplayMiniCart(name,style,icon) { var cookies=document.cookie; //read in all cookies var start = cookies.indexOf("ss_cart_[-- STORE_Serial_Number --]="); var cartvalues = ""; var linecount = 0; var start1; var end1; var tmp; document.write("<div class=\"MiniCart\">"); if ((start == -1) && (style == "Summary")) //No cart cookie { document.write("<a class=\"mini-txt\" [-- IF ANALYTICS_MULTI_DOMAIN --]href=\"javascript:__utmLinker(\'[-- SHOPPING_CART_URL --]\');\"[-- ELSE --]href=\"[-- SHOPPING_CART_URL --]\"[-- END_IF --]>[-- STORE.SC_YourShoppingCart --]<\/a>"); document.write("[-- STORE.Contains --] 0<\/b> [-- STORE.Items --]"); } else if ((start == -1) && (style == "Detail")) //No cart cookie { document.write("<a class=\"mini-txt\" [-- IF ANALYTICS_MULTI_DOMAIN --]href=\"javascript:__utmLinker(\'[-- SHOPPING_CART_URL --]\');\"[-- ELSE --]href=\"[-- SHOPPING_CART_URL --]\"[-- END_IF --]>[-- STORE.SC_YourShoppingCart --]<\/a>"); document.write("[-- STORE.Contains --] 0<\/b> [-- STORE.Items --]"); } else if (start == -1) { if (icon == "white") { document.write("<a class=\"mini-icon\" [-- IF ANALYTICS_MULTI_DOMAIN --]href=\"javascript:__utmLinker(\'[-- SHOPPING_CART_URL --]\');\"[-- ELSE --]href=\"[-- SHOPPING_CART_URL --]\"[-- END_IF --]><img src=\"[-- IF SC_USE_SECURITY --][-- STORE.SC_Secure_Image_URL --][-- ELSE --][-- OUTPUT_DIRECTORY_URL --][-- END_IF --]/media/themesmedia/cart-white.gif\" border=\"0\" alt=\"cart\" align=\"top\"><\/a> "); } else { document.write("<a class=\"mini-icon\" [-- IF ANALYTICS_MULTI_DOMAIN --]href=\"javascript:__utmLinker(\'[-- SHOPPING_CART_URL --]\');\"[-- ELSE --]href=\"[-- SHOPPING_CART_URL --]\"[-- END_IF --]><img src=\"[-- IF SC_USE_SECURITY --][-- STORE.SC_Secure_Image_URL --][-- ELSE --][-- OUTPUT_DIRECTORY_URL --][-- END_IF --]/media/themesmedia/cart-black.gif\" border=\"0\" alt=\"cart\" align=\"top\"><\/a> "); } document.write("<a class=\"mini-txt\" [-- IF ANALYTICS_MULTI_DOMAIN --]href=\"javascript:__utmLinker(\'[-- SHOPPING_CART_URL --]\');\"[-- ELSE --]href=\"[-- SHOPPING_CART_URL --]\"[-- END_IF --]>"); document.write("0 [-- STORE.Items --]"); document.write("<\/a> "); } else //cart cookie is present { start = cookies.indexOf("=", start) +1; var end = cookies.indexOf(";", start); if (end == -1) { end = cookies.length; } cartvalues = unescape(cookies.substring(start,end)); //read in just the cookie data start = 0; while ((start = cartvalues.indexOf("|", start)) != -1) { start++; end = cartvalues.indexOf("|", start); if ((end != -1) && (style == "Detail")) { linecount++; if (linecount == 3) // Product Subtotal { start1 = start; end1 = end; document.write("<a class=\"mini-txt\" [-- IF ANALYTICS_MULTI_DOMAIN --]href=\"javascript:__utmLinker(\'[-- SHOPPING_CART_URL --]\');\"[-- ELSE --]href=\"[-- SHOPPING_CART_URL --]\"[-- END_IF --]>[-- STORE.SC_YourShoppingCart --]<\/a>"); document.write("<table id=\"mini-detail\">"); document.write("<tr><td class=\"mini-pr-txt\">[-- STORE.Product --]<\/td>"); document.write("<td class=\"mini-qt-txt\">[-- STORE.Qty --]<\/td>"); document.write("<td class=\"mini-pc-txt\">[-- STORE.Price --]</td><\/tr>"); } if (linecount > 3) // individual products { tmp = cartvalues.substring(start,end); colon = tmp.indexOf(":", 0); document.write("<tr><td class=\"mini-pr\">"); colon2 = tmp.indexOf(":", colon+1); document.write(tmp.substring(colon2+1,end - start)); document.write("<\/td><td class=\"mini-qt\">"); document.write(tmp.substring(0,colon)); document.write("<\/td><td class=\"mini-pc\">"); document.write(tmp.substring(colon+1,colon2)); document.write("<\/td><\/tr>"); } } else if (end != -1) { linecount++; if ((linecount == 2) && (style == "Summary")) // Total Quantity of Items { tmp = cartvalues.substring(start,end); colon = tmp.indexOf(":", 0); document.write("<a class=\"mini-txt\" [-- IF ANALYTICS_MULTI_DOMAIN --]href=\"javascript:__utmLinker(\'[-- SHOPPING_CART_URL --]\');\"[-- ELSE --]href=\"[-- SHOPPING_CART_URL --]\"[-- END_IF --]>[-- STORE.SC_YourShoppingCart --]<\/a>"); document.write(" [-- STORE.Contains --] "); document.write(tmp.substring(colon+1,end - start)); document.write("<\/b>"); if ((tmp.substring(colon+1,end - start)) == 1 ) { document.write(" [-- STORE.Item --]"); } else { document.write(" [-- STORE.Items --]"); } } else if (linecount == 2) // Total Quantity of Items { tmp = cartvalues.substring(start,end); colon = tmp.indexOf(":", 0); if (icon == "white") { document.write("<a class=\"mini-icon\" [-- IF ANALYTICS_MULTI_DOMAIN --]href=\"javascript:__utmLinker(\'[-- SHOPPING_CART_URL --]\');\"[-- ELSE --]href=\"[-- SHOPPING_CART_URL --]\"[-- END_IF --]><img src=\"[-- IF SC_USE_SECURITY --][-- STORE.SC_Secure_Image_URL --][-- ELSE --][-- OUTPUT_DIRECTORY_URL --][-- END_IF --]/media/themesmedia/cart-white.gif\" border=\"0\" alt=\"cart\" align=\"top\"><\/a> "); } else { document.write("<a class=\"mini-icon\" [-- IF ANALYTICS_MULTI_DOMAIN --]href=\"javascript:__utmLinker(\'[-- SHOPPING_CART_URL --]\');\"[-- ELSE --]href=\"[-- SHOPPING_CART_URL --]\"[-- END_IF --]><img src=\"[-- IF SC_USE_SECURITY --][-- STORE.SC_Secure_Image_URL --][-- ELSE --][-- OUTPUT_DIRECTORY_URL --][-- END_IF --]/media/themesmedia/cart-black.gif\" border=\"0\" alt=\"cart\" align=\"top\"><\/a> "); } document.write("<a href=\"[-- SHOPPING_CART_URL --]\">"); document.write(tmp.substring(colon+1,end - start)); if ((tmp.substring(colon+1,end - start)) == 1 ) { document.write(" [-- STORE.Item --]"); } else { document.write(" [-- STORE.Items --]"); } if (style == "ItemCount") { document.write("<\/a>"); } else { document.write(": "); } } if ((linecount == 3) && (style == "Subtotal")) // Product Subtotal { tmp = cartvalues.substring(start,end); colon = tmp.indexOf(":", 0); document.write(tmp.substring(colon+1,end - start)); document.write("<\/a>"); } else if ((linecount == 3) && (style == "Summary")) // Product Subtotal { tmp = cartvalues.substring(start,end); colon = tmp.indexOf(":", 0); document.write(" [-- STORE.Subtotal --]: "); document.write(tmp.substring(colon+1,end - start)); document.write("<\/b>"); } start = end; } else break; } if (style == "Detail") { document.write("<tr><td colspan=\"2\" class=\"mini-sub-txt\"><a class=\"mini-sub-txt\" [-- IF ANALYTICS_MULTI_DOMAIN --]href=\"javascript:__utmLinker(\'[-- SHOPPING_CART_URL --]\');\"[-- ELSE --]href=\"[-- SHOPPING_CART_URL --]\"[-- END_IF --]>[-- STORE.Subtotal --]<\/a><\/td>"); document.write("<td class=\"mini-sub\"><a [-- IF ANALYTICS_MULTI_DOMAIN --]href=\"javascript:__utmLinker(\'[-- SHOPPING_CART_URL --]\');\"[-- ELSE --]href=\"[-- SHOPPING_CART_URL --]\"[-- END_IF --]>"); tmp = cartvalues.substring(start1,end1); colon = tmp.indexOf(":", 0); document.write(tmp.substring(colon+1,end1 - start1)); document.write("<\/a><\/td><\/tr><\/table>"); } } document.write("<\/div>"); } window.onload=function () { var cookies=document.cookie; var start = cookies.indexOf("[-- RegCookieName --]" + "="); var name = ""; var start1; var end1; var tmp; var signed_in = -1; if (start != -1) { start = cookies.indexOf("=", start) +1; var end = cookies.indexOf("|", start); if (end != -1) { signed_in = cookies.indexOf("|yes", start); name = unescape(cookies.substring(start,end)); if (signed_in != -1) { var prices = document.getElementsByClassName('pr_prc'); for (var i=0;i<prices.length;i++) {prices[i].style.display = "block";} var pricesTwo = document.getElementsByClassName('pr_price'); for (var i=0;i<pricesTwo.length;i++) {pricesTwo[i].style.display = "block";} var pricesThree = document.getElementsByClassName('pr_add'); for (var i=0;i<pricesThree.length;i++) {pricesThree[i].style.display = "block";} var pricesFour = document.getElementsByClassName('pr_qty'); for (var i=0;i<pricesFour.length;i++) {pricesFour[i].style.display = "block";} } } } }

by **EMGM** » Mon Jan 27, 2014 12:18 pm

Lauren, I placed the code you provided and it's still not working. The Prices, Quantity Input Boxes, Add To Cart Buttons and Shopping Cart are still showing. Any other ideas? THANKS

TEMPLATE: 3 Column Blues

by **ShopSite Lauren** » Mon Jan 27, 2014 12:43 pm

It looks like you uploaded the CSS file with the wrong name. The name you have it as is 3Column-Basic.css, but it needs to be 3Column-Basics.css

by **EMGM** » Mon Jan 27, 2014 6:08 pm

Lauren, I can't believe I did that, :oops:

So SORRY! Your code Works, Only problem now is that my TOP TABs BLUE DROP-DOWN MENUS that were at the TOP of the pages are now at the BOTTOM of the pages.
And the TOP TABs Drop-down Menus HOVER COLOR DOESN'T CHANGE COLOR when the cursor is placed over an menu item. Shouldn't that change color when hovering?
Also, the SEARCH BOX and SEARCH BUTTON at the top of each page are UNEVEN.

One thing leads to another, and another and another...

I really do appreciate your All your help with this, THANKS

TEMPLATE: 3 Column Blues

by **ShopSite Lauren** » Tue Jan 28, 2014 9:19 am

Hm, it looks like the CSS file has a tab in front of every line, but that causes issues because some lines are suppose to start with a # sign (no tab or even a space in front) so that the entire line is commented out. Now that they have a tab in front of them, the lines that are suppose to be commented out are being displayed. Below I have included the 3Column-Basics.css file where all the commented out lines are just removed. See if that is what the issue is.

Code: Select all: body {padding: 0px; margin: 0px; text-align: center;} td, div {text-align: left;} body, th, tr, td {font-family: [-- IF STORE.Font --][-- STORE.Font --][-- ELSE --]Verdana, Geneva, sans-serif[-- END_IF --]; font-size: [-- IF STORE.FontSize --][-- STORE.FontSize --][-- ELSE --]12px[-- END_IF --];} .setsize {padding: 0px; margin: 0px auto; clear: both;} .nobr {white-space: nowrap;} textarea {max-width: 95%;} a {outline: 0px;} #footerlinks, .suckertreemenu ul li ul li ul, table.shipping, #applygiftcert, #se_table_top, #se_table_bottom, #confirm-tbl {border-top-width: 1px; border-top-style: solid;} #right, div.footcat, #confirm-mid {border-left-width: 1px; border-left-style: solid;} #left, div.footcat, #confirm-mid {border-right-width: 1px; border-right-style: solid;} #left a, #left a.left_pagelink, #right a, table#mini-detail td, table.shipping, table.innerleft td, .search_pa_links, .suckertreemenu ul li ul, #se_table_top, #se_table_bottom, #confirm-tbl {border-bottom-width: 1px; border-bottom-style: solid;} #applygiftcert, #confirm-mid, #confirm-tbl, table.shipping, #se_table_top, #se_table_bottom, .search_pa_links, .pxborder, p.delete_ship_addr table, table.innerleft td {border-color: #[-- STORE.SC_ShadeColor --];} #right a.mini-txt, #left div a, #left a#img1, #right a#img2, #right td a, table.innerleft table td {border-bottom: 0px;} #search_field, #container, #content, #search table {position: relative;} #toplinks, #colorbar {position: absolute;} #logo {width: 500px; float: left; min-height: 50px;} a.logo {float: left;} #search {padding: 36px 0px 0px 0px; width: 350px; float: right; white-space: nowrap;} #search table {top: -20px;} #search_field {top: -6px; width: 180px; font-size: 14px;} #toplinks {top: 0px; height: 30px; line-height: 30px; z-index: 4;} #toplinks a {padding: 0px 8px; text-decoration: none;} #ss_mb {display: block; float: right; clear: none; padding: 0px; margin: 0px;} #pagination, #pagination2 {margin: 0px; padding: 3px; text-align: center;} #pagination_inner, #pagination_inner2 {padding: 0px;} #pagination_inner, #pagination_inner2, #pagination a, #pagination2 a, .search_button, .search_button_selected {text-decoration: none; border: 0px; background-color: #[-- STORE.Color2 --];} #table {height: 500px; width: 100%; border-collapse: collapse;} #table td.side-line, #table td.side-line img {height: 1px; max-height: 1px; padding: 0px; margin: 0px; line-height: 1px; font-size: 1px; border: 0px;} td#left, td#right {width: 180px; min-width: 180px; max-width: 180px; text-align: left; vertical-align: top; height: 100%;} #left div.left_pagelinks, #right div.right_pagelinks {padding-bottom: 14px;} #left h2, #right h2, #right a.mini-txt, #left a.left_pagetitle, #right a.right_pagetitle {margin: 0px; padding: 10px 10px 5px 10px;} #left a, #right a, #left a.left_pagelink {display: block; text-decoration: none; padding: 3px 15px; margin: 0px 10px;} #left a.pa_lk_img {padding: 3px 0px;} #left div a, #left a#img1, #right a#img2, #right td a {background-position: 0px -100px; text-align: center;} #right, #right .MiniCart {text-align: center;} #right p {margin: 0px; padding: 20px 14px 6px 14px; text-align: left;} #right .product, #right .pr_img {width: 180px; max-width: 180px; overflow: hidden;} #right .product a.pr_img, #right .product a.pr_img img {text-align: center; margin: 0px auto; padding: 0px;} .MiniCart {padding: 0px 5px;} table#mini-detail {border-collapse: collapse; border-spacing: 0px; width: 100%;} table#mini-detail td {padding: 5px; border-bottom-width: 1px; border-bottom-style: solid;} table#mini-detail a {padding: 0px; margin: 0px;} #right a.fb_follow, #right a.twtr_follow, #right a.pt_follow, #right a.gplus_follow {display: inline; width: 30px; border-bottom-width: 0px; margin: 0px; padding: 3px;} img.social_follow, #right a img {border: 0px;} table#email_signup {padding: 5px; margin: 10px auto; border: 1px solid #[-- STORE.SC_ShadeColor --]; text-align: center;} table#email_signup td {text-align: center; white-space: normal;} table#newsletter_tbl {border-collapse: collapse; border-spacing: 0px; border: 0px; margin: 0px; padding: 0px;} td#newsletter_field {padding-left: 5px;} td#newsletter_field input {width: 90px;} #newsletter_submit input {font-weight: bold; font-size: 90%; color: #[-- STORE.TextColor --]; background: transparent; border: 0px; padding: 0px; margin: 0px;} a.fb_share, a.twtr_share {padding: 0px 4px 0px 0px;} span.pin-it-button {display: inline-block; width: 45px; overflow: hidden;} div.fb_share {display: inline-block; width: 55px; overflow: hidden;} div.twtr_share {display: inline-block; width: 88px; overflow: hidden;} div#plusone {display: inline-block; width: 75px; overflow: hidden;} #mu-mi-info a.fb_share, #mu-mi-info a.twtr_share {float: left;} #content {margin: 0px auto; float: left; z-index: 2; width: 100%;} #content_inner {padding: 0px 8px 6px 8px; vertical-align: top; width: 100%;} #content h1 {padding: 10px 5px 5px 5px; margin: 0px; font-size: 130%;} div#breadcrumbs {padding-bottom: 8px; text-align: left; line-height: 10px;} div#breadcrumbs a {font-size: 90%; text-decoration: none;} span.bc-arrow {padding: 0px 8px;} #footercategories {margin-top: 15px; clear: both; min-height: 80px;} div.footcat, div.footer_pagelinks {width: 198px; max-width: 198px; float: left; text-align: left; padding: 8px 0px; border-right-width: 1px; border-right-style: solid;} div.footcat h3, div.footer_pagelinks .footer_pagetitle {margin: 0px; padding: 8px 18px; text-align: center; color: #[-- STORE.SC_TextColor --]; font-weight: bold; text-decoration: none; display: block;} div.footcat a, div.footer_pagelinks a.footer_pagelink {display: block; padding: 2px 24px; margin: 0px; text-decoration: none;} #footertext {padding: 0px 0px 10px 0px;} #footertext h2 {padding: 10px 0px 0px 0px; margin: 0px;} #footertext p {padding: 0px; margin: 0px;} #footerlinks_inner {width: [-- IF STORE.PageWidth --][-- STORE.PageWidth --][-- ELSE --]900px[-- END_IF --]; margin: 0px auto; padding: 10px 0px; text-align: center;} #footerlinks_inner a {padding: 0px 4px;} #lastline {padding: 5px 0px 30px 0px; text-align: center;} .pr, .gc_pr_hm, .pc_pr {vertical-align: top; margin: 7px; padding: 3px 3px 10px 3px; height: 100%;} div.product {max-width: 100%;} div.product p {padding: 0px 0px 10px 0px; margin: 0px;} a.pr_img {display: block; margin: 6px 0px;} .pr a.pr_img, .gc_pr_hm a.pr_img, .pc_pr a.pr_img {min-height: 150px;} a.pr_nme {text-decoration: none; display: block; margin: 0px 0px 5px 0px;} span.pr_prc {display: none; padding: 10px 0px; height: 100%;} .pr_price, .pr_add, .search_pr_add {display: none;} span.pr_prc strike {display: block; color: #444;} .pr_qty {display: none; padding: 4px 0px;} .pr_opt {display: block; padding: 4px 0px;} .pr_add {margin: 15px 0px 0px 0px; padding: 0px;} #mu-mi-main, #security_logo {padding: 16px 10px 10px 10px;} #mu-mi-main {margin-bottom: 10px;} .center table, .ship_logos {margin: 10px auto;} .center, #right .center, td.mini-qt, #submit, #mu-mi-info-center, #mu-mi-img, table.qp_header td, #press-recal, .prod_img, .row_img, td.payment_hdr, #applygiftcert {text-align: center;} .left, .mini-pr, .mini-pr-txt, #logo h1, table.giftcert td.giftcert, .qp_quantitytxt, .qp_pricetxt, .qp_saletxt, ul, li, #mu-mi-info table.instruct, .cart_name, .cart_cp_name, table.cart td.cart_name, .cart_name, .cart_cp_name, .cart_sku, .cart_cp_sku, .cart_op, .cart_op table td, .cart_op1, .cart_op2, select.cart, .sql_addr td, .sql_addr_select td, .selectzipncountry td, table.addr td, #left a.left_pagelink {text-align: left;} .right, table#mini-detail a, .mini-pc, .mini-pc-txt, .mini-sub-txt, #coupon {text-align: right;} div.footcat h3, span.currentpage {font-size: 120%;} .Big, #left h2, #right h2, a.mini-txt, #left a.left_pagetitle, #right a.right_pagetitle {font-size: 110%;} .Normal, span.pr_prc strike {font-size: 100%;} #toplinks, div.footcat a, #footertext, #footertext h2, #footerlinks_inner, #lastline {font-size: 94%;} .Small, #right, #left a span, .search_pa_links, th, #coupon {font-size: 90%;} table#mini-detail td, #press-recal, .ship_logos td.ship_text {font-size: 86%;} .Bold, a.mini-txt, a.pr_nme, .mini-pc-txt, #footertext h2, div.footcat h3, #content h1, #left h2, #right h2, #left a.left_pagetitle, #right a.right_pagetitle, .mini-qt-txt, .mini-pr-txt, td.totals_all, td.totals_all_txt, td.instruct_hdr, .comm_hdr, td.bill_addr_hdr, td.ship_addr_hdr, table#mini-detail a, .qp_quantitytxt, .qp_pricetxt, .qp_saletxt, span.opt_hdr {font-weight: bold;} .Plain, span.pr_prc strike {font-weight: normal;} .Typewriter {font-family: typewriter;} .Italic, .cart_price, .cart_cp_price, #press-recal {font-style: italic;} .clear, #coupon, .prod_img, .row_img, input#selPaytype {clear: both;} .nowrap, .suckertreemenu ul li a, #coupon {white-space: nowrap;} .hidden {height: 1px; width: 1px; overflow: hidden; padding: 0px; margin: 0px; visibility: hidden;} #mu-mi-img, #mu-mi-info, #mu-mi-info-center {vertical-align: top;} #mu-mi-main, #mu-mi-info, table.qp_header, table.cart, .cart_name, .cart_cp_name, table.cart td.cart_name, #press-recal, #view_order table.cart {width: 100%;} #mu-mi-info, #mu-mi-info-center {padding-left: 10px;} table.qp_header, #security_logo {margin: 10px auto;} table.qp_header td {padding: 3px;} span.opt_hdr {display: block; padding: 5px 0px; margin-top: 10px;} .row_img table {margin: 0px auto;} .row_img img {border: 0px;} span#ss_inv {display: block; font-weight: bold; line-height: 26px;} span.ss_in_stock {color: green;} span.ss_out_of_stock, span.ss_low_stock {color: red;} .reviews-brief {font-size: 90%; white-space: nowrap; display: block;} .reviews-brief div.reviews_stars {height: 20px; max-height: 20px; overflow: hidden; padding: 2px 0px;} .reviews-brief span.reviews_stars_text, .reviews-brief span.review_product_name, .reviews-brief span.review_microdata_count, span.review_microdata_wrapper span.review_product_name, span.review_microdata_wrapper span.review_microdata_count, div.review span.review_product_name {display: none;} .reviews-brief a, div#reviews-more a {text-decoration: underline;} div#reviews-more span.reviews_stars_text {padding: 0px 6px 0px 0px;} td.pcs_table_content span.reviews-brief, td.center span.reviews-brief {width: 80px; margin: 0px auto;} div#reviews-more {border-top: 1px solid #[-- STORE.Color1 --]; border-bottom: 1px solid #[-- STORE.Color1 --]; padding: 14px 0px; margin: 0px auto;} div#reviews-more div.reviews_stars, div#reviews-more span.reviews_stars_text, div#reviews-more div.reviews_stars_wrapper, div#reviews-more div.reviews_count {display: inline-block; line-height: 20px;} div#reviews-more div.reviews_stars_wrapper {height: 16px; max-height: 16px; overflow: hidden; padding: 0px; display: inline-block; width: 80px; position: relative; top: 3px;} div#reviews-more h4 {padding: 22px 0px 4px 0px; margin: 0px; font-weight: bold;} span.review_title {font-weight: bold; padding: 0px 8px;} div#reviews-more div.review {border-top: 1px solid #[-- STORE.Color1 --]; padding: 14px 0px;} div#reviews-more span.review_author_text, div#reviews-more span.review_author, div#reviews-more span.review_date {line-height: 150%;} #progressbar {background-image: url([-- IF SC_USE_SECURITY --][-- STORE.CSS_Secure_URL --][-- ELSE --][-- ShopSite_Images --][-- END_IF --]/backgrounds/3col/progressbar.gif); background-repeat: no-repeat; border: 1px solid #[-- STORE.SC_TextColor --]; margin: 16px auto; width: 550px; height: 12px; max-height: 12px;} .thirtythree {background-position: 181px 0px;} .fifty {background-position: 362px 0px;} .seventyfive {background-position: 455px 0px;} .onehundred {background-position: 590px 0px;} div#messages {vertical-align: middle;} table.cart {border-collapse: collapse; border-spacing: 0px; padding-top: 10px;} table.cart td {background-color: #[-- STORE.SC_ShadeColor --]; padding: 2px 8px;} table.cart td.cart_delete, table.cart td.cart_name, table.cart td.cart_sku, table.cart td.cart_delete, table.cart td.cart_image, table.cart td.cart_price, table.cart td.cart_total, table.cart td.cart_quantity {border-top: 1px solid #[-- STORE.SC_BackgroundColor --];} .button6, .button9 {margin: 8px 8px 8px 0px;} div#create_wishlist input.button164 {margin: 8px;} div#choose_wishlist .button6 {margin: 0px 8px 0px 0px;} #coupon input {width: 80px;} table.instruct {margin: 10px 0px 2px 0px;} table.shipping {margin: 20px 0px;} .button6, .button9, table.instruct, table.sql_addr, table.sql_addr_select, table.selectzipncountry {float: left;} #press-recal {background-image: url([-- IF SC_USE_SECURITY --][-- STORE.CSS_Secure_URL --][-- ELSE --][-- ShopSite_Images --][-- END_IF --]/backgrounds/3col/reverse-arrow.gif); background-repeat: no-repeat; background-position: 100% 50%;} #submit {padding: 30px 0px 20px 0px;} table.google_button td {vertical-align: middle; text-align: center; padding: 4px;} table.totals {float: right; line-height: 110%;} .totals_txt, .totals_saved_txt, .totals_blank, .totals_all_txt {text-align: left; padding-right: 15px; white-space: nowrap;} td.totals, .totals_saved, .totals_all, .cart_total, .cart_cp_total {text-align: right; white-space: nowrap;} #confirm-tbl {margin: 30px 0px 10px 0px;} #confirm-tbl td {width: 33%; vertical-align: top; padding: 4px 10px;} #confirm-tbl td table td {text-align: left; padding: 0px;} td.pay_holder_hdr, td.payment_hdr, td.reg_wel, td.sql_addr_hdr, td.taxnship_hdr {font-weight: bold;} td.paymentselection, td.buttons {text-align: center; padding-top: 1em;} td.payment, td.payment_value, td.new_payment_type, td.reg, td.reg_link, table.zipncountry, td.zipncountry, td.zipncountry_text, td.taxnship_hdr, td.taxnship {text-align: left;} table.sql_pay {margin-left: -4px; margin-right: auto;} td.sql_pay {padding-right: 15px; font-weight: bold;} table.reg {padding-bottom: 1em;} td.coupon {padding-top: 1em;} td.sql_addr {padding-right: 15px;} table.taxnship, table.surcharge {text-align: right; padding-top: 1em;} table.surcharge {text-align: right;} input.button152, input.button154 {cursor: pointer;} div.warning, table.checkout_err, inv_err, td.checkout_err, inv_err, table.ups_error, table.thankyou_err {width: 400px; margin: 0px auto; padding: 5px; border: 1px solid #[-- STORE.SC_TextColor --]; background-color: #[-- STORE.SC_ShadeColor --];} td.ups_error {background-color: transparent; border: 0px;} table.checkout {vertical-align: middle; text-align: center; margin-left: auto; margin-right: auto;} td.checkout {padding: 5px; text-align: center;} table.google_button {vertical-align: middle; text-align: center; margin-left: auto; margin-right: auto;} td.gcs_table, td.pcs_table {text-align: center; padding-top: 10px; padding-bottom: 10px;} table.gcs_table, table.pcs_table {width: 100%; text-align: center; margin-left: auto; margin-right: auto; border-collapse: collapse;} table.gcs_table caption, table.pcs_table caption {width: 100%; text-align: center; font-weight: bold;} td.gcs_table_content, td.pcs_table_content {width: 25%;} table.gcs_product_table, table.pcs_product_table {border-collapse: collapse; text-align: center; width: 100%;} td.sc_secure_image, table.google_button td, td.gcs_product_image, td.pcs_product_image, td.gcs_product_price, td.pcs_product_price, td.gcs_product_add_to_cart, td.pcs_product_add_to_cart, td.gcs_product_name, td.pcs_product_name {text-align: center;} td.gcs_product_add_to_cart a, td.pcs_product_add_to_cart a, td.gcs_product_name, td.pcs_product_name {font-weight: bold;} td.gcs_product_image img, td.pcs_product_image img, td.gcs_product_add_to_cart img, td.pcs_product_add_to_cart img {border: 0px none; text-align: center; margin-left: auto; margin-right: auto;} .ship_logos td {width: 220px; text-align: center; padding: 3px; vertical-align: top;} .ship_logos td.ship_img {vertical-align: middle;} span.field_warn {color: red; font-weight: bold;} input.field_warn, select.field_warn {border: 1px solid red; padding: 3px; background: #FFEFEF;} #search_form {padding: 20px 0px;} #se_table_top, #se_table_bottom {width: 100%; padding: 10px 0px;} .se_perpage, .se_sort {text-align: left; font-weight: bold;} .se_page, .se_prevnext {text-align: right;} .search_table {padding-bottom: 15px;} .search_button_selected {font-weight: bold; font-size: 120%;} .search_pr_img {vertical-align: top; text-align: center; padding-top: 25px;} .search_pr_info {vertical-align: top; text-align: left; padding-top: 25px;} .search_pr_info a, .search_pr_info span {display: block;} .search_pr_add {vertical-align: middle; text-align: center; padding-top: 25px;} .search_pa_links {border-top-width: 1px; border-top-style: dotted; text-align: left; padding: 8px 0px;} table.innerleft table.giftcert_type td, table.innerleft table.cert_num_amount td, table.innerleft table.cert_to_from_msg td {padding: 3px; text-align: left;} #view_order {width: 80%;} #view_order table.cart td.cart_op2 {display: none; width: 0px; background-color: #[-- STORE.SC_BackgroundColor --];} .pxborder, p.delete_ship_addr table {border-width: 1px; border-style: solid; padding: 10px;} table.innerleft td {padding: 10px 5px 15px 5px;} table.innerleft table {margin: auto 0px;} table.innerleft table td {padding: 1px; text-align: center;} table.email_type td.email_type, table.email_type td.email_type_text, table.save_payment td.save_payment, table.save_payment td.save_payment_text {width: 95%;} td#edit_ship_addr td.addr {text-align: right;} table.innerleft td, table.email_type td.email_type, table.email_type td.email_type_text, table.save_payment td.save_payment, table.save_payment td.save_payment_text, td#edit_ship_addr td.addr_val, p.delete_ship_addr table td {text-align: left;} #toptabs {position: absolute; z-index: 4; top: 120px; height: 37px;} .suckertreemenu ul {margin: 0px; padding: 0px; list-style-type: none;} .suckertreemenu ul li a, .suckertreemenu a:link, .suckertreemenu a:active, .suckertreemenu a:visited {color: #[-- STORE.Color2 --];} .suckertreemenu ul li {position: relative; display: inline; float: left;} .suckertreemenu ul li a {display: block; min-width: 110px; line-height: 35px; padding-bottom: 0px; text-decoration: none; text-align: center; color: #[-- STORE.Color2 --];} .suckertreemenu ul li ul {left: 0px; position: absolute; top: 1em; display: block; visibility: hidden;} .suckertreemenu ul li ul li {display: list-item; float: none;} .suckertreemenu ul li ul li ul {left: 159px; top: 0px;} .suckertreemenu ul li ul li a {display: block; min-width: 160px; text-decoration: none; text-align: left; padding: 0px; text-indent: 10px; line-height: 22px;} * html p#iepara{padding-top: 1em;} * html .suckertreemenu ul li {float: left; height: 1%;} * html .suckertreemenu ul li a {height: 1%;} [-- IF WishList --] #create_wishlist {display: inline-block; font-size: 90%; text-align: left; line-height: 150%; margin: 20px auto;} div#wishlist-page {padding: 10px 20px; margin: 0px auto; text-align: center;} div.ss_wl_sort {display: inline-block; float: left; clear: none; padding: 30px 10px 30px 0px; margin: 0px; line-height: 150%;} div.ss_wl_sort input {position: relative; top: -5px;} div.wishlist-product {padding: 10px 0px 30px 0px; margin: 0px; clear: both;} div.wishlist-product-image {width: 20%; float: left; clear: none; padding: 0px; margin: 0px; text-align: center;} div.wishlist-product-info {width: 46%; float: left; clear: none; padding: 0px; margin: 0px 1.9%; text-align: left;} div.wishlist-product-options {width: 30%; float: left; clear: none; padding: 0px; margin: 0px; text-align: left;} div.wishlist-product-options span.basic-text-link {display: block; padding: 10px 5px; font-size: 90%; text-align: left;} div.wishlist-lists {display: inline-block; clear: both; padding: 10px; margin: 0px auto;} span.wl-privacy {display: block; position: relative; top: -5px; font-size: 90%; opacity: 0.7; filter:alpha(opacity=70); font-style: italic;} span.wl-comment {display: block; position: relative; top: -5px;} span.loop-wishlist {white-space: nowrap; display: block; font-size: 90%; color: gray; text-align: left; padding: 10px 0px; margin: 0px;} span.loop-wishlist a {display: block; clear: both;} form.wl_prod_info input[type="submit"] {margin-right: 10px;} div.ss_wl_comment a {font-size: 90%;} div.wl-form-box {display: inline-block; margin: 0px auto; padding: 10px 0px; text-align: left;} div.wishlist_search {padding: 30px 0px 0px 0px;} span.date-added {display: block; opacity:0.8; filter:alpha(opacity=80); font-size: 96%;} div.ss_wl_edit_info {display: none;} div#wishlist-share {display: inline-block; float: right; clear: none;} div.ss_wl_fbshare, div.ss_wl_twshare, div.ss_wl_gpshare {display: inline-block;} div.ss_wl_Box {text-align:left; white-space: nowrap; padding: 0px; margin: 5px 0px; width: 200px; max-width: 250px; position: relative; outline: none; cursor: pointer; clear: both; display: none; z-index: 200;} .center div.ss_wl_Box {position: relative; left: 30px; margin: 5px auto;} div.ss_wl_Lists {overflow: hidden; clear: both; cursor: default; position: absolute; display: none;} span.ss_wl_List {display: block;} span.ss_wl_Label {display: inline-block; clear: none; padding: 6px 0px; text-align: left; color: #[-- STORE.LinkColor --]; background: transparent; overflow: hidden; font-size: 90%;} span.ss_wl_Button img, span.ss_wl_Button {z-index: 2;} div.ss_wl_Box div.ss_wl_Lists {top: 28px; left: 0px; width: 100%; overflow: visible;} span.ss_wl_List {padding: 4px 8px; margin: 0px; font-size: 90%; text-align: left; background: #FEFEFE; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #CCC;} span.wl_priv {margin-left: 4px; padding-right: 8px; font-size: 70%; opacity:0.8; filter:alpha(opacity=80);} span.ss_wl_List:hover {background: #EFEFEF;} div.ss_wl_ChooseLists {border-bottom: 1px solid #CCCCCC; margin-bottom: 10px;} div.ss_wl_Lists span.ss_wl_List:last-child {border-bottom: 1px solid #CCC; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; -moz-border-bottom-left-radius: 8px; -moz-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px;} div.ss_wl_Lists span.ss_wl_List:first-child {border-top-right-radius: 8px; -moz-border-top-right-radius: 8px; -webkit-border-top-right-radius: 8px;} .unused-text-button {display: block; padding-top: 40px; font-size: 90%;} .wishlist_search, .basic-text-link {text-align: center;} [-- END_IF --] table.ups_error, table.inv_err {margin: 0px auto; padding: 0px; border-collapse: collapse; border-spacing: 0px; border: 1px solid #CCC; background: #[-- STORE.FieldWarnShadeColor --]; color: #[-- STORE.FieldWarnHighlightColor --];} table.ups_error td, table.inv_err td {vertical-align: middle; text-align: left; padding: 10px; background: #[-- STORE.FieldWarnShadeColor --];} table.ups_error td:first-child, table.inv_err td:first-child {border-right: 1px solid #CCC;} .notice {display: block; width: 80%; text-align: center; padding: 20px 0px; margin: 0px auto; border: 1px solid #CCC; background: #[-- STORE.FieldWarnShadeColor --]; color: #[-- STORE.FieldWarnHighlightColor --];}

by **EMGM** » Tue Jan 28, 2014 9:49 am

Nope, DD Menus are still at the bottom of the page. The search box and button are still uneven. I don't get it.

TEMPLATE: 3 Column Blues

by **ShopSite Lauren** » Tue Jan 28, 2014 10:16 am

Did you republish? Is the CSS named correctly? When I view the CSS file on your website, it still has the old code (that I removed in my last example).

You will see lines like the following that shouldn't be there:
####################### BORDERS #########################################

by **EMGM** » Tue Jan 28, 2014 11:08 am

Lauren, I don't mean to be driving you crazy, I don't know what was going on but it's working now. The DD Menus are back in their correct position at the top. The Search items are lined up and when I login the Prices, Quantity Boxes, Add To Cart Buttons are just what I wanted!!!!

I can't THANK YOU enough for your help. I Love the way this works and looks. Perfect!

Now the question of the DD Menus. Shouldn't the menus change color as one moves the cursor up and down the DD menus? When I'm in my Navigation Preferences building the menus and I choose Preview Menu, the preview works correctly, changing color as the cursor moves up and down the menu. When I go to an actual page, the colors do not change as the cursor moves up and down the DD Menus. The links in the DD menus work correctly. I just think the colors should change as this is visually helpful to anyone reading the menu. Do you have any ideas on how to fix that?

by **ShopSite Lauren** » Tue Jan 28, 2014 11:27 am

Many ShopSite themes have this, but there are a few that don't, and the 3Column theme is one that doesn't. You can add it. Try using the 3Column-Basics.css code below. Note, anytime you paste this code in your store, you need to publish to get the file to update (you can force it by going to Utilities > Publish > Regenerate, or you can just wait until the next time you make changes in your store and do a publish that way.)

Code: Select all: body {padding: 0px; margin: 0px; text-align: center;} td, div {text-align: left;} body, th, tr, td {font-family: [-- IF STORE.Font --][-- STORE.Font --][-- ELSE --]Verdana, Geneva, sans-serif[-- END_IF --]; font-size: [-- IF STORE.FontSize --][-- STORE.FontSize --][-- ELSE --]12px[-- END_IF --];} .setsize {padding: 0px; margin: 0px auto; clear: both;} .nobr {white-space: nowrap;} textarea {max-width: 95%;} a {outline: 0px;} #footerlinks, .suckertreemenu ul li ul li ul, table.shipping, #applygiftcert, #se_table_top, #se_table_bottom, #confirm-tbl {border-top-width: 1px; border-top-style: solid;} #right, div.footcat, #confirm-mid {border-left-width: 1px; border-left-style: solid;} #left, div.footcat, #confirm-mid {border-right-width: 1px; border-right-style: solid;} #left a, #left a.left_pagelink, #right a, table#mini-detail td, table.shipping, table.innerleft td, .search_pa_links, .suckertreemenu ul li ul, #se_table_top, #se_table_bottom, #confirm-tbl {border-bottom-width: 1px; border-bottom-style: solid;} #applygiftcert, #confirm-mid, #confirm-tbl, table.shipping, #se_table_top, #se_table_bottom, .search_pa_links, .pxborder, p.delete_ship_addr table, table.innerleft td {border-color: #[-- STORE.SC_ShadeColor --];} #right a.mini-txt, #left div a, #left a#img1, #right a#img2, #right td a, table.innerleft table td {border-bottom: 0px;} #search_field, #container, #content, #search table {position: relative;} #toplinks, #colorbar {position: absolute;} #logo {width: 500px; float: left; min-height: 50px;} a.logo {float: left;} #search {padding: 36px 0px 0px 0px; width: 350px; float: right; white-space: nowrap;} #search table {top: -20px;} #search_field {top: -6px; width: 180px; font-size: 14px;} #toplinks {top: 0px; height: 30px; line-height: 30px; z-index: 4;} #toplinks a {padding: 0px 8px; text-decoration: none;} #ss_mb {display: block; float: right; clear: none; padding: 0px; margin: 0px;} #pagination, #pagination2 {margin: 0px; padding: 3px; text-align: center;} #pagination_inner, #pagination_inner2 {padding: 0px;} #pagination_inner, #pagination_inner2, #pagination a, #pagination2 a, .search_button, .search_button_selected {text-decoration: none; border: 0px; background-color: #[-- STORE.Color2 --];} #table {height: 500px; width: 100%; border-collapse: collapse;} #table td.side-line, #table td.side-line img {height: 1px; max-height: 1px; padding: 0px; margin: 0px; line-height: 1px; font-size: 1px; border: 0px;} td#left, td#right {width: 180px; min-width: 180px; max-width: 180px; text-align: left; vertical-align: top; height: 100%;} #left div.left_pagelinks, #right div.right_pagelinks {padding-bottom: 14px;} #left h2, #right h2, #right a.mini-txt, #left a.left_pagetitle, #right a.right_pagetitle {margin: 0px; padding: 10px 10px 5px 10px;} #left a, #right a, #left a.left_pagelink {display: block; text-decoration: none; padding: 3px 15px; margin: 0px 10px;} #left a.pa_lk_img {padding: 3px 0px;} #left div a, #left a#img1, #right a#img2, #right td a {background-position: 0px -100px; text-align: center;} #right, #right .MiniCart {text-align: center;} #right p {margin: 0px; padding: 20px 14px 6px 14px; text-align: left;} #right .product, #right .pr_img {width: 180px; max-width: 180px; overflow: hidden;} #right .product a.pr_img, #right .product a.pr_img img {text-align: center; margin: 0px auto; padding: 0px;} .MiniCart {padding: 0px 5px;} table#mini-detail {border-collapse: collapse; border-spacing: 0px; width: 100%;} table#mini-detail td {padding: 5px; border-bottom-width: 1px; border-bottom-style: solid;} table#mini-detail a {padding: 0px; margin: 0px;} #right a.fb_follow, #right a.twtr_follow, #right a.pt_follow, #right a.gplus_follow {display: inline; width: 30px; border-bottom-width: 0px; margin: 0px; padding: 3px;} img.social_follow, #right a img {border: 0px;} table#email_signup {padding: 5px; margin: 10px auto; border: 1px solid #[-- STORE.SC_ShadeColor --]; text-align: center;} table#email_signup td {text-align: center; white-space: normal;} table#newsletter_tbl {border-collapse: collapse; border-spacing: 0px; border: 0px; margin: 0px; padding: 0px;} td#newsletter_field {padding-left: 5px;} td#newsletter_field input {width: 90px;} #newsletter_submit input {font-weight: bold; font-size: 90%; color: #[-- STORE.TextColor --]; background: transparent; border: 0px; padding: 0px; margin: 0px;} a.fb_share, a.twtr_share {padding: 0px 4px 0px 0px;} span.pin-it-button {display: inline-block; width: 45px; overflow: hidden;} div.fb_share {display: inline-block; width: 55px; overflow: hidden;} div.twtr_share {display: inline-block; width: 88px; overflow: hidden;} div#plusone {display: inline-block; width: 75px; overflow: hidden;} #mu-mi-info a.fb_share, #mu-mi-info a.twtr_share {float: left;} #content {margin: 0px auto; float: left; z-index: 2; width: 100%;} #content_inner {padding: 0px 8px 6px 8px; vertical-align: top; width: 100%;} #content h1 {padding: 10px 5px 5px 5px; margin: 0px; font-size: 130%;} div#breadcrumbs {padding-bottom: 8px; text-align: left; line-height: 10px;} div#breadcrumbs a {font-size: 90%; text-decoration: none;} span.bc-arrow {padding: 0px 8px;} #footercategories {margin-top: 15px; clear: both; min-height: 80px;} div.footcat, div.footer_pagelinks {width: 198px; max-width: 198px; float: left; text-align: left; padding: 8px 0px; border-right-width: 1px; border-right-style: solid;} div.footcat h3, div.footer_pagelinks .footer_pagetitle {margin: 0px; padding: 8px 18px; text-align: center; color: #[-- STORE.SC_TextColor --]; font-weight: bold; text-decoration: none; display: block;} div.footcat a, div.footer_pagelinks a.footer_pagelink {display: block; padding: 2px 24px; margin: 0px; text-decoration: none;} #footertext {padding: 0px 0px 10px 0px;} #footertext h2 {padding: 10px 0px 0px 0px; margin: 0px;} #footertext p {padding: 0px; margin: 0px;} #footerlinks_inner {width: [-- IF STORE.PageWidth --][-- STORE.PageWidth --][-- ELSE --]900px[-- END_IF --]; margin: 0px auto; padding: 10px 0px; text-align: center;} #footerlinks_inner a {padding: 0px 4px;} #lastline {padding: 5px 0px 30px 0px; text-align: center;} .pr, .gc_pr_hm, .pc_pr {vertical-align: top; margin: 7px; padding: 3px 3px 10px 3px; height: 100%;} div.product {max-width: 100%;} div.product p {padding: 0px 0px 10px 0px; margin: 0px;} a.pr_img {display: block; margin: 6px 0px;} .pr a.pr_img, .gc_pr_hm a.pr_img, .pc_pr a.pr_img {min-height: 150px;} a.pr_nme {text-decoration: none; display: block; margin: 0px 0px 5px 0px;} span.pr_prc {display: none; padding: 10px 0px; height: 100%;} .pr_price, .pr_add, .search_pr_add {display: none;} span.pr_prc strike {display: block; color: #444;} .pr_qty {display: none; padding: 4px 0px;} .pr_opt {display: block; padding: 4px 0px;} .pr_add {margin: 15px 0px 0px 0px; padding: 0px;} #mu-mi-main, #security_logo {padding: 16px 10px 10px 10px;} #mu-mi-main {margin-bottom: 10px;} .center table, .ship_logos {margin: 10px auto;} .center, #right .center, td.mini-qt, #submit, #mu-mi-info-center, #mu-mi-img, table.qp_header td, #press-recal, .prod_img, .row_img, td.payment_hdr, #applygiftcert {text-align: center;} .left, .mini-pr, .mini-pr-txt, #logo h1, table.giftcert td.giftcert, .qp_quantitytxt, .qp_pricetxt, .qp_saletxt, ul, li, #mu-mi-info table.instruct, .cart_name, .cart_cp_name, table.cart td.cart_name, .cart_name, .cart_cp_name, .cart_sku, .cart_cp_sku, .cart_op, .cart_op table td, .cart_op1, .cart_op2, select.cart, .sql_addr td, .sql_addr_select td, .selectzipncountry td, table.addr td, #left a.left_pagelink {text-align: left;} .right, table#mini-detail a, .mini-pc, .mini-pc-txt, .mini-sub-txt, #coupon {text-align: right;} div.footcat h3, span.currentpage {font-size: 120%;} .Big, #left h2, #right h2, a.mini-txt, #left a.left_pagetitle, #right a.right_pagetitle {font-size: 110%;} .Normal, span.pr_prc strike {font-size: 100%;} #toplinks, div.footcat a, #footertext, #footertext h2, #footerlinks_inner, #lastline {font-size: 94%;} .Small, #right, #left a span, .search_pa_links, th, #coupon {font-size: 90%;} table#mini-detail td, #press-recal, .ship_logos td.ship_text {font-size: 86%;} .Bold, a.mini-txt, a.pr_nme, .mini-pc-txt, #footertext h2, div.footcat h3, #content h1, #left h2, #right h2, #left a.left_pagetitle, #right a.right_pagetitle, .mini-qt-txt, .mini-pr-txt, td.totals_all, td.totals_all_txt, td.instruct_hdr, .comm_hdr, td.bill_addr_hdr, td.ship_addr_hdr, table#mini-detail a, .qp_quantitytxt, .qp_pricetxt, .qp_saletxt, span.opt_hdr {font-weight: bold;} .Plain, span.pr_prc strike {font-weight: normal;} .Typewriter {font-family: typewriter;} .Italic, .cart_price, .cart_cp_price, #press-recal {font-style: italic;} .clear, #coupon, .prod_img, .row_img, input#selPaytype {clear: both;} .nowrap, .suckertreemenu ul li a, #coupon {white-space: nowrap;} .hidden {height: 1px; width: 1px; overflow: hidden; padding: 0px; margin: 0px; visibility: hidden;} #mu-mi-img, #mu-mi-info, #mu-mi-info-center {vertical-align: top;} #mu-mi-main, #mu-mi-info, table.qp_header, table.cart, .cart_name, .cart_cp_name, table.cart td.cart_name, #press-recal, #view_order table.cart {width: 100%;} #mu-mi-info, #mu-mi-info-center {padding-left: 10px;} table.qp_header, #security_logo {margin: 10px auto;} table.qp_header td {padding: 3px;} span.opt_hdr {display: block; padding: 5px 0px; margin-top: 10px;} .row_img table {margin: 0px auto;} .row_img img {border: 0px;} span#ss_inv {display: block; font-weight: bold; line-height: 26px;} span.ss_in_stock {color: green;} span.ss_out_of_stock, span.ss_low_stock {color: red;} .reviews-brief {font-size: 90%; white-space: nowrap; display: block;} .reviews-brief div.reviews_stars {height: 20px; max-height: 20px; overflow: hidden; padding: 2px 0px;} .reviews-brief span.reviews_stars_text, .reviews-brief span.review_product_name, .reviews-brief span.review_microdata_count, span.review_microdata_wrapper span.review_product_name, span.review_microdata_wrapper span.review_microdata_count, div.review span.review_product_name {display: none;} .reviews-brief a, div#reviews-more a {text-decoration: underline;} div#reviews-more span.reviews_stars_text {padding: 0px 6px 0px 0px;} td.pcs_table_content span.reviews-brief, td.center span.reviews-brief {width: 80px; margin: 0px auto;} div#reviews-more {border-top: 1px solid #[-- STORE.Color1 --]; border-bottom: 1px solid #[-- STORE.Color1 --]; padding: 14px 0px; margin: 0px auto;} div#reviews-more div.reviews_stars, div#reviews-more span.reviews_stars_text, div#reviews-more div.reviews_stars_wrapper, div#reviews-more div.reviews_count {display: inline-block; line-height: 20px;} div#reviews-more div.reviews_stars_wrapper {height: 16px; max-height: 16px; overflow: hidden; padding: 0px; display: inline-block; width: 80px; position: relative; top: 3px;} div#reviews-more h4 {padding: 22px 0px 4px 0px; margin: 0px; font-weight: bold;} span.review_title {font-weight: bold; padding: 0px 8px;} div#reviews-more div.review {border-top: 1px solid #[-- STORE.Color1 --]; padding: 14px 0px;} div#reviews-more span.review_author_text, div#reviews-more span.review_author, div#reviews-more span.review_date {line-height: 150%;} #progressbar {background-image: url([-- IF SC_USE_SECURITY --][-- STORE.CSS_Secure_URL --][-- ELSE --][-- ShopSite_Images --][-- END_IF --]/backgrounds/3col/progressbar.gif); background-repeat: no-repeat; border: 1px solid #[-- STORE.SC_TextColor --]; margin: 16px auto; width: 550px; height: 12px; max-height: 12px;} .thirtythree {background-position: 181px 0px;} .fifty {background-position: 362px 0px;} .seventyfive {background-position: 455px 0px;} .onehundred {background-position: 590px 0px;} div#messages {vertical-align: middle;} table.cart {border-collapse: collapse; border-spacing: 0px; padding-top: 10px;} table.cart td {background-color: #[-- STORE.SC_ShadeColor --]; padding: 2px 8px;} table.cart td.cart_delete, table.cart td.cart_name, table.cart td.cart_sku, table.cart td.cart_delete, table.cart td.cart_image, table.cart td.cart_price, table.cart td.cart_total, table.cart td.cart_quantity {border-top: 1px solid #[-- STORE.SC_BackgroundColor --];} .button6, .button9 {margin: 8px 8px 8px 0px;} div#create_wishlist input.button164 {margin: 8px;} div#choose_wishlist .button6 {margin: 0px 8px 0px 0px;} #coupon input {width: 80px;} table.instruct {margin: 10px 0px 2px 0px;} table.shipping {margin: 20px 0px;} .button6, .button9, table.instruct, table.sql_addr, table.sql_addr_select, table.selectzipncountry {float: left;} #press-recal {background-image: url([-- IF SC_USE_SECURITY --][-- STORE.CSS_Secure_URL --][-- ELSE --][-- ShopSite_Images --][-- END_IF --]/backgrounds/3col/reverse-arrow.gif); background-repeat: no-repeat; background-position: 100% 50%;} #submit {padding: 30px 0px 20px 0px;} table.google_button td {vertical-align: middle; text-align: center; padding: 4px;} table.totals {float: right; line-height: 110%;} .totals_txt, .totals_saved_txt, .totals_blank, .totals_all_txt {text-align: left; padding-right: 15px; white-space: nowrap;} td.totals, .totals_saved, .totals_all, .cart_total, .cart_cp_total {text-align: right; white-space: nowrap;} #confirm-tbl {margin: 30px 0px 10px 0px;} #confirm-tbl td {width: 33%; vertical-align: top; padding: 4px 10px;} #confirm-tbl td table td {text-align: left; padding: 0px;} td.pay_holder_hdr, td.payment_hdr, td.reg_wel, td.sql_addr_hdr, td.taxnship_hdr {font-weight: bold;} td.paymentselection, td.buttons {text-align: center; padding-top: 1em;} td.payment, td.payment_value, td.new_payment_type, td.reg, td.reg_link, table.zipncountry, td.zipncountry, td.zipncountry_text, td.taxnship_hdr, td.taxnship {text-align: left;} table.sql_pay {margin-left: -4px; margin-right: auto;} td.sql_pay {padding-right: 15px; font-weight: bold;} table.reg {padding-bottom: 1em;} td.coupon {padding-top: 1em;} td.sql_addr {padding-right: 15px;} table.taxnship, table.surcharge {text-align: right; padding-top: 1em;} table.surcharge {text-align: right;} input.button152, input.button154 {cursor: pointer;} div.warning, table.checkout_err, inv_err, td.checkout_err, inv_err, table.ups_error, table.thankyou_err {width: 400px; margin: 0px auto; padding: 5px; border: 1px solid #[-- STORE.SC_TextColor --]; background-color: #[-- STORE.SC_ShadeColor --];} td.ups_error {background-color: transparent; border: 0px;} table.checkout {vertical-align: middle; text-align: center; margin-left: auto; margin-right: auto;} td.checkout {padding: 5px; text-align: center;} table.google_button {vertical-align: middle; text-align: center; margin-left: auto; margin-right: auto;} td.gcs_table, td.pcs_table {text-align: center; padding-top: 10px; padding-bottom: 10px;} table.gcs_table, table.pcs_table {width: 100%; text-align: center; margin-left: auto; margin-right: auto; border-collapse: collapse;} table.gcs_table caption, table.pcs_table caption {width: 100%; text-align: center; font-weight: bold;} td.gcs_table_content, td.pcs_table_content {width: 25%;} table.gcs_product_table, table.pcs_product_table {border-collapse: collapse; text-align: center; width: 100%;} td.sc_secure_image, table.google_button td, td.gcs_product_image, td.pcs_product_image, td.gcs_product_price, td.pcs_product_price, td.gcs_product_add_to_cart, td.pcs_product_add_to_cart, td.gcs_product_name, td.pcs_product_name {text-align: center;} td.gcs_product_add_to_cart a, td.pcs_product_add_to_cart a, td.gcs_product_name, td.pcs_product_name {font-weight: bold;} td.gcs_product_image img, td.pcs_product_image img, td.gcs_product_add_to_cart img, td.pcs_product_add_to_cart img {border: 0px none; text-align: center; margin-left: auto; margin-right: auto;} .ship_logos td {width: 220px; text-align: center; padding: 3px; vertical-align: top;} .ship_logos td.ship_img {vertical-align: middle;} span.field_warn {color: red; font-weight: bold;} input.field_warn, select.field_warn {border: 1px solid red; padding: 3px; background: #FFEFEF;} #search_form {padding: 20px 0px;} #se_table_top, #se_table_bottom {width: 100%; padding: 10px 0px;} .se_perpage, .se_sort {text-align: left; font-weight: bold;} .se_page, .se_prevnext {text-align: right;} .search_table {padding-bottom: 15px;} .search_button_selected {font-weight: bold; font-size: 120%;} .search_pr_img {vertical-align: top; text-align: center; padding-top: 25px;} .search_pr_info {vertical-align: top; text-align: left; padding-top: 25px;} .search_pr_info a, .search_pr_info span {display: block;} .search_pr_add {vertical-align: middle; text-align: center; padding-top: 25px;} .search_pa_links {border-top-width: 1px; border-top-style: dotted; text-align: left; padding: 8px 0px;} table.innerleft table.giftcert_type td, table.innerleft table.cert_num_amount td, table.innerleft table.cert_to_from_msg td {padding: 3px; text-align: left;} #view_order {width: 80%;} #view_order table.cart td.cart_op2 {display: none; width: 0px; background-color: #[-- STORE.SC_BackgroundColor --];} .pxborder, p.delete_ship_addr table {border-width: 1px; border-style: solid; padding: 10px;} table.innerleft td {padding: 10px 5px 15px 5px;} table.innerleft table {margin: auto 0px;} table.innerleft table td {padding: 1px; text-align: center;} table.email_type td.email_type, table.email_type td.email_type_text, table.save_payment td.save_payment, table.save_payment td.save_payment_text {width: 95%;} td#edit_ship_addr td.addr {text-align: right;} table.innerleft td, table.email_type td.email_type, table.email_type td.email_type_text, table.save_payment td.save_payment, table.save_payment td.save_payment_text, td#edit_ship_addr td.addr_val, p.delete_ship_addr table td {text-align: left;} #toptabs {position: absolute; z-index: 4; top: 120px; height: 37px;} .suckertreemenu ul {margin: 0px; padding: 0px; list-style-type: none;} .suckertreemenu ul li a, .suckertreemenu a:link, .suckertreemenu a:active, .suckertreemenu a:visited {color: #[-- STORE.Color2 --];} .suckertreemenu ul li {position: relative; display: inline; float: left;} .suckertreemenu ul li a {display: block; min-width: 110px; line-height: 35px; padding-bottom: 0px; text-decoration: none; text-align: center; color: #[-- STORE.Color2 --];} .suckertreemenu ul li ul {left: 0px; position: absolute; top: 1em; display: block; visibility: hidden;} .suckertreemenu ul li ul li {display: list-item; float: none;} .suckertreemenu ul li ul li ul {left: 159px; top: 0px;} .suckertreemenu ul li ul li a {display: block; min-width: 160px; text-decoration: none; text-align: left; padding: 0px; text-indent: 10px; line-height: 22px;} .suckertreemenu ul li ul li a:hover {background: #0182BA;} * html p#iepara{padding-top: 1em;} * html .suckertreemenu ul li {float: left; height: 1%;} * html .suckertreemenu ul li a {height: 1%;} [-- IF WishList --] #create_wishlist {display: inline-block; font-size: 90%; text-align: left; line-height: 150%; margin: 20px auto;} div#wishlist-page {padding: 10px 20px; margin: 0px auto; text-align: center;} div.ss_wl_sort {display: inline-block; float: left; clear: none; padding: 30px 10px 30px 0px; margin: 0px; line-height: 150%;} div.ss_wl_sort input {position: relative; top: -5px;} div.wishlist-product {padding: 10px 0px 30px 0px; margin: 0px; clear: both;} div.wishlist-product-image {width: 20%; float: left; clear: none; padding: 0px; margin: 0px; text-align: center;} div.wishlist-product-info {width: 46%; float: left; clear: none; padding: 0px; margin: 0px 1.9%; text-align: left;} div.wishlist-product-options {width: 30%; float: left; clear: none; padding: 0px; margin: 0px; text-align: left;} div.wishlist-product-options span.basic-text-link {display: block; padding: 10px 5px; font-size: 90%; text-align: left;} div.wishlist-lists {display: inline-block; clear: both; padding: 10px; margin: 0px auto;} span.wl-privacy {display: block; position: relative; top: -5px; font-size: 90%; opacity: 0.7; filter:alpha(opacity=70); font-style: italic;} span.wl-comment {display: block; position: relative; top: -5px;} span.loop-wishlist {white-space: nowrap; display: block; font-size: 90%; color: gray; text-align: left; padding: 10px 0px; margin: 0px;} span.loop-wishlist a {display: block; clear: both;} form.wl_prod_info input[type="submit"] {margin-right: 10px;} div.ss_wl_comment a {font-size: 90%;} div.wl-form-box {display: inline-block; margin: 0px auto; padding: 10px 0px; text-align: left;} div.wishlist_search {padding: 30px 0px 0px 0px;} span.date-added {display: block; opacity:0.8; filter:alpha(opacity=80); font-size: 96%;} div.ss_wl_edit_info {display: none;} div#wishlist-share {display: inline-block; float: right; clear: none;} div.ss_wl_fbshare, div.ss_wl_twshare, div.ss_wl_gpshare {display: inline-block;} div.ss_wl_Box {text-align:left; white-space: nowrap; padding: 0px; margin: 5px 0px; width: 200px; max-width: 250px; position: relative; outline: none; cursor: pointer; clear: both; display: none; z-index: 200;} .center div.ss_wl_Box {position: relative; left: 30px; margin: 5px auto;} div.ss_wl_Lists {overflow: hidden; clear: both; cursor: default; position: absolute; display: none;} span.ss_wl_List {display: block;} span.ss_wl_Label {display: inline-block; clear: none; padding: 6px 0px; text-align: left; color: #[-- STORE.LinkColor --]; background: transparent; overflow: hidden; font-size: 90%;} span.ss_wl_Button img, span.ss_wl_Button {z-index: 2;} div.ss_wl_Box div.ss_wl_Lists {top: 28px; left: 0px; width: 100%; overflow: visible;} span.ss_wl_List {padding: 4px 8px; margin: 0px; font-size: 90%; text-align: left; background: #FEFEFE; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #CCC;} span.wl_priv {margin-left: 4px; padding-right: 8px; font-size: 70%; opacity:0.8; filter:alpha(opacity=80);} span.ss_wl_List:hover {background: #EFEFEF;} div.ss_wl_ChooseLists {border-bottom: 1px solid #CCCCCC; margin-bottom: 10px;} div.ss_wl_Lists span.ss_wl_List:last-child {border-bottom: 1px solid #CCC; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; -moz-border-bottom-left-radius: 8px; -moz-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px;} div.ss_wl_Lists span.ss_wl_List:first-child {border-top-right-radius: 8px; -moz-border-top-right-radius: 8px; -webkit-border-top-right-radius: 8px;} .unused-text-button {display: block; padding-top: 40px; font-size: 90%;} .wishlist_search, .basic-text-link {text-align: center;} [-- END_IF --] table.ups_error, table.inv_err {margin: 0px auto; padding: 0px; border-collapse: collapse; border-spacing: 0px; border: 1px solid #CCC; background: #[-- STORE.FieldWarnShadeColor --]; color: #[-- STORE.FieldWarnHighlightColor --];} table.ups_error td, table.inv_err td {vertical-align: middle; text-align: left; padding: 10px; background: #[-- STORE.FieldWarnShadeColor --];} table.ups_error td:first-child, table.inv_err td:first-child {border-right: 1px solid #CCC;} .notice {display: block; width: 80%; text-align: center; padding: 20px 0px; margin: 0px auto; border: 1px solid #CCC; background: #[-- STORE.FieldWarnShadeColor --]; color: #[-- STORE.FieldWarnHighlightColor --];}

by **EMGM** » Tue Jan 28, 2014 12:31 pm

WOW, PERFECT! That's exactly it!
The DD Menus work and look great...

Lauren, You're the BEST!
THANK YOU, THANK YOU, THANK YOU!

by **EMGM** » Wed Jan 29, 2014 11:29 am

Lauren, Everything looks great except the ADD TO CART BUTTON IS NOT CENTERED ON MY MORE INFO PAGES, it's aligned left. I need this button centered directly under the quantity input box. I've been trying to figure out where in the code to fix this but cannot. Can you help me with this? THANKS

3Column Blues

by **ShopSite Lauren** » Wed Jan 29, 2014 12:04 pm

If you add the line below to the CSS file, then republish, it should fix that issue.

td#mu-mi-info-center input.pr_add {margin: 0px auto; text-align: center;}

ShopSite Forums

Pricing, Input Box and Add To Cart Button

Pricing, Input Box and Add To Cart Button

Re: Pricing, Input Box and Add To Cart Button

Re: Pricing, Input Box and Add To Cart Button

Re: Pricing, Input Box and Add To Cart Button

Re: Pricing, Input Box and Add To Cart Button

Re: Pricing, Input Box and Add To Cart Button

Re: Pricing, Input Box and Add To Cart Button

Re: Pricing, Input Box and Add To Cart Button

Re: Pricing, Input Box and Add To Cart Button

Re: Pricing, Input Box and Add To Cart Button

Re: Pricing, Input Box and Add To Cart Button

Re: Pricing, Input Box and Add To Cart Button

Re: Pricing, Input Box and Add To Cart Button

Re: Pricing, Input Box and Add To Cart Button

Re: Pricing, Input Box and Add To Cart Button

Who is online