.slicknav_menu { display: none; font-size: 12px; } .slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; } .slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; } .slicknav_menu .slicknav_no-text { margin: 0; } .slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 2px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em; } .slicknav_nav { clear: both; } .slicknav_nav ul, .slicknav_nav li { display: block; } .slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; } .slicknav_nav .slicknav_item { cursor: pointer; } .slicknav_nav .slicknav_row { display: block; } .slicknav_nav a { display: block; } .slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a { display: inline; } .slicknav_menu:before, .slicknav_menu:after { content: " "; display: table; } .slicknav_menu:after { clear: both; } /* IE6/7 support */ .slicknav_menu { *zoom: 1; } /* Button */ .slicknav_btn { margin: 5px 5px 6px; text-decoration: none; text-shadow: 0 1px 1px rgba(202, 190, 128, 0.75); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #8c2432; } /* Button Text */ .slicknav_menu .slicknav_menutxt { float: left; color: #cabe80; font-weight: bold; text-shadow: initial; text-transform: uppercase; font-size: 10px; line-height: 6px; margin-top: 5px; } /* Button Lines */ .slicknav_menu .slicknav_icon-bar { background-color: #cabe80; } .slicknav_menu { position: absolute; top: 0; right: 0; background: #8c2432; padding: 0px; } .slicknav_menu > ul.slicknav_nav { margin-bottom: 5px; } .slicknav_nav { color: #cabe80; margin: 0; padding: 0; font-size: 12px; } .slicknav_nav, .slicknav_nav ul { list-style: none; overflow: hidden; } .slicknav_nav ul { padding: 0 0 4px 0; margin: 0 0 0 20px; } .slicknav_nav .slicknav_row { padding: 5px 10px; margin: 2px 5px; border: 1px solid #8c2432; } .slicknav_nav a { padding: 3px 10px; margin: 2px 5px; text-decoration: none; color: #cabe80; } .slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a { padding: 0; margin: 0; } .slicknav_nav .slicknav_row:hover { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border: 1px solid #cabe80; color: #cabe80; } .slicknav_nav a:hover { color: #ffffff; } .slicknav_nav .slicknav_txtnode { margin-left: 15px; } @media only screen and (max-width: 480px) { #container { padding: 0 0 0 0; } #header { background-image: url(/acatalog/mlogo.png); height: 66px; } #header > .slicknav_menu { display: block; } #header > .slicknav_menu .customercare-contact { display: block; margin: 16px; white-space: nowrap; } #header > .slicknav_menu .customercare-contact > .title { display: inline; font-size: 12px; font-weight: bold; color: #cabe80; padding-right: 3px; } #header > .slicknav_menu .customercare-contact > .number { display: inline; font-size: 12px; font-weight: bold; color: #cabe80; text-decoration: none; padding: 0; margin: 0 0 0 3px; } #header > .global-navigation > #globnav { display: none; } #header > .global-navigation > a.view-basket { position: absolute; float: none; clear: none; top: 5px; margin-top: 0; right: 110px; background-size: 122px 48px; width: 27px; height: 24px; background-position: -62px 0; max-width: 27px; max-height: 24px; } #header > .global-navigation > a.view-basket > img { width: 27px; height: 24px; } #header > .global-navigation > a.view-basket:hover { background-position: -62px -24px; } #header > .product-navigation { display: none; } #header > .branding { width: 220px; height: 66px; } #header > .branding > a.logo { width: 120px; height: 66px; } #header > .branding > a.logo > img { width: auto; height: 66px; } #header > .keyword-search { position: absolute; z-index: -1; top: 42px; right: 5px; display: block; padding: 2px 30px; border-radius: 1em; border: 1px solid #aaaaaa; color: #333333; background: #fffffe; background-image: url(icon-search.png); background-repeat: no-repeat; background-position: 3px 3px; background-size: 14px; -webkit-box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.2); box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.2); } #header > .keyword-search > form > input#simplehdrsearch_ss { margin-left: 0; border: 0; width: 99%; } #page { border-top-left-radius: 0; border-top: 0; border-left: 0; min-width: 100%; } #page > .main > .secondary { display: none; } #page > .main > .content { clear: left; width: 97%; } #page > .main > .content h1, #page > .main > .content h2 { font-size: 18px; margin-top: 20px; } #page > .main > .content .fragment-list > table tr td > div.set-left { float: none; } #page > .main > .content .fragment-list > table tr td > div.set-left > .set-right { float: none; } #page > .main > .content .fragment-list > table tr td > div.set-left > .set-right img { max-width: 95%; overflow: hidden; } #page > .main > .content .fragment-list .panel.quick-search > h3, #page > .main > .content .fragment-list .panel.anniversary-products > h3 { font-size: 18px; display: block; font-weight: normal; margin: 0 0 8px 0; padding: 20px 0 2px 0; border: 0; border-bottom: 1px solid #cabe80; background-color: transparent; text-transform: none; } #page > .main > .content .fragment-list .panel.quick-search > .panel-body, #page > .main > .content .fragment-list .panel.anniversary-products > .panel-body { border: 0; padding: 8px 4px; } #page > .main > .content .fragment-list .panel.anniversary-products > .panel-body ul > li { padding: 5px; background-color: #f8f8f8; margin-bottom: 9px; border: 1px solid #8c2432; border-radius: 5px; } #page > .main > .content .fragment-list .panel.anniversary-products > .panel-body ul > li > a { display: block; font-weight: normal; font-size: 12px; } #page > .main > .content .fragment-text { max-width: 90%; } #page > .main > .content .fragment-text img { max-width: 94%; } #page > .main > .tertiary { display: none; } #page > .footer { width: auto; border-top-width: 2px; } #page > .footer > ul { padding: 0 5px; text-align: center; } .featbox > .featbox_img { min-height: 84px; } .featbox > .featbox_title > .featbox_content { min-height: 128px; } #product-page-body .product-page-image { width: 75%; max-width: 75%; } table.checkout-cart tr td span.cartprice { float: none; width: auto; white-space: nowrap; } div.sf_suggestion { top: 22px; left: 28px; max-width: 280px; } #filter_pagination_links > strong { font-size: 10px; } #filter_pagination_links > b { display: inline-block; margin: 0 2px 8px 2px; color: #f8f8f8; font-size: 12px; padding: 2px 4px; background-color: #8c2432; border: 1px solid #8c2432; white-space: nowrap; border-radius: 5px; } #filter_pagination_links > a { display: inline-block; margin: 0 2px 8px 2px; color: #8c2432; font-size: 12px; padding: 2px 4px; background-color: #f8f8f8; border: 1px solid #8c2432; white-space: nowrap; border-radius: 5px; } #idCheckoutForm td.InvoiceField > input#pcaButtonRX44, #idCheckoutForm td.InvoiceField > input[id^="pcaButton"], #idCheckoutForm td.DeliverField > input#pcaButtonZG64, #idCheckoutForm td.DeliverField > input[id^="pcaButton"] { background-color: initial; color: #8c2432; border: 1px solid #8c2432; } #idCheckoutForm td.InvoiceField > input#pcaButtonRX44:hover, #idCheckoutForm td.InvoiceField > input[id^="pcaButton"]:hover, #idCheckoutForm td.DeliverField > input#pcaButtonZG64:hover, #idCheckoutForm td.DeliverField > input[id^="pcaButton"]:hover { color: #8c2432; } } @media only screen and (max-width: 325px) { #header > .global-navigation > a.view-basket { right: 72px; } table.btn_desktop_display_right tr td input { max-height: 28px; } }