@charset "utf-8"; /* *----------------------------------------------------------------- * Licensed Materials - Property of IBM * * WebSphere Commerce * * (C) Copyright IBM Corp. 2011, 2014 All Rights Reserved. * * US Government Users Restricted Rights - Use, duplication or * disclosure restricted by GSA ADP Schedule Contract with * IBM Corp. *----------------------------------------------------------------- */ /* Dev: legacy @import url("ribbon.css"); @import url("legacy1_1.css"); /* Dev: CMC info popup @import url("CMC.css"); /* Configurator @import url("Configurator.css"); /* grid css and normalize css @import url("CATBCPGrid.css") only screen; @import url("cat-deg.min.css") ; /* Custome css only screen @import url("styles.css"); @import url("base1_2-bk.css"); @import url("base1_2.css"); @import url("CATBCPMobileStyle.css"); @import url('CATBCPprint.css') only print; */ /* CSS Document */ /*Madisons 2011 store CSS definitions, used for all languages (except the locales that define their own css files) and all browsers (Excluding IE6). */ /* TABLE OF CONTENTS 1.COMMON GENERAL CLASSES 2.PAGE TEMPLATE CLASSES 2.1. Page Template 2.2. Main Header Wrapper 2.3. Main Content Wrapper 2.4. Main Footer Wrapper 3.CONTAINER CLASSES 3.1. General Containers 3.1.1 Full Width Container 3.1.2 Content area with right sidebar 3.1.3 Double ESpot Container 3.1.4 Header Row ESpot Container 3.1.5 Full Espot Container 3.2. Homepage Containers 3.3. Category/Department Containers 3.4. Product Details Containers 3.5. Product Details Container for Bundle and Package 4.WIDGET CLASSES 4.1. Masthead 4.1.1 Logo Widget 4.1.2 Departments Widget 4.1.2.1 Departments Widget Home 4.1.3 Search Widget 4.1.4 MiniShoppingCart Widget 4.1.5 MiniShoppingCart Widget Popup 4.1.6 Masthead Links Widget 4.2. Footer 4.2.1 Customer Service Widget 4.2.2 Customer Support Widget 4.2.3 Footer Email Notifications Widget 4.2.4 Footer Social Widget 4.3. Product Details Widgets 4.3.1 Product Image Viewer Widget 4.3.2 Product Information Widget 4.3.3 Sidebar Container Widget (Recently Viewed, Recommendations) 4.4. Tab Container Widget 4.5. Breadcrumb Widget 4.6. Full Width Widget 4.7. Coordinate Widget 4.8. RecentlyViewed Widget 4.9. Recommended Sidebar Widget 4.10. Product Grid/List 4.11. SearchLanding Carousel 4.12. Search Results Tab Widget 4.13. Activity Feed Widget 5.BUTTON CLASSES 5.1. Primary Button 5.2. Product Info Add To Cart Button 6.MISC 6.1. Product/Bundle Page extras 6.2. Product Compare 6.3. Static Pages content 6.4. Progress Bar 6.5. Popup */ .configurator_page_content { font-size: 12px; } .configurator_page_content > .content_box { border: 1px solid #e5e5e5; } .configurator_page_content > .content_box > .box_header { height: 32px; background-color: #f5f5f5; font-weight: bold; font-size: 16px; line-height: 32px; padding-left: 30px; } .configurator_page_content > .content_box > .product_image { padding-left: 30px; } .configurator_page_content > .content_box > .product_add { padding-right: 9px; } .configurator_page_content > .content_box > .product_add .price { font-weight: bold; } .configurator_page_content > .content_box > .header { font-size: 12px; font-weight: bold; margin-left: 30px; margin-right: 9px; border-bottom: 1px solid #e5e5e5; } .configurator_page_content > .content_box > .item { margin-top: 10px; margin-left: 20px; margin-right: 9px; border-bottom: 1px dashed #C6D0DC; } .configurator_page_content > .content_box .no_border { border-bottom: none; } .configurator_page_content > .content_box > .item > .item_details { margin-left: 20px; } .configurator_page_content > .content_box > .item > .item_details .item_header { font-size: 12px; font-weight: bold; line-height: 13px; margin-bottom: 5px; } .configurator_page_content > .content_box > .item > .item_details .form { font-size: 11px; } .genericError_message { color: #CA4200; } /*------------------------------- */ /* DevStart: Fixed height value is removed to avoid page overflow*/ .static_page_content { padding: 0 20px 20px 20px; } /* DevEnd*/ .static_page_content > .page_header { font-size: 22px; color: #777777; height: 46px; line-height: 46px; } /* DevStart: Bottom padding is reduced */ .static_page_content > .content_box { border-top: 2px solid #f8ad05; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background-color: #fbfbfb; padding-bottom: 9px; } /* DevEnd*/ .static_page_content > .white { background-color: #ffffff; } /* DevStart: Strict Hierarchy removed to accomodate a div */ .static_page_content > .content_box .header_top { height: 30px; font-size: 16px; color: #666666; line-height: 30px; border-bottom: 1px solid #f0f0f0; padding-left: 9px; padding-right: 9px; background-color: #f7f7f7; } .static_page_content > .content_box .header { font-size: 14px; color: #666666; font-weight: bold; padding-left: 9px; padding-right: 9px; } .static_page_content > .content_box .info_section { color: #4d4d4d; font-size: 12px; line-height: 16px; padding-top: 4px; padding-bottom: 15px; padding-left: 9px; padding-right: 9px; } .static_page_content > .content_box .info_section > .indent { padding-left: 20px; } .static_page_content > .content_box .info_section ol { padding-left: 25px; } .static_page_content > .content_box .header_solid { background-color: #F7F7F7; border-bottom: 1px solid #F0F0F0; color: #666666; font-size: 16px; height: 30px; line-height: 30px; padding-left: 9px; padding-right: 9px; } /* DevStart: Rename to info_table_1 to avoid merging of div.info_table in legacy1_1*/ .static_page_content > .content_box .info_table_1 { margin-top: 16px; padding-left: 9px; padding-right: 9px; font-size: 12px; font-weight: normal; line-height: 22px; } .static_page_content .info_table_1 { background-color: #FBFBFB; border-color: #F8AD05 #E5E5E5 #E5E5E5; border-style: solid; border-width: 2px 1px 1px; padding-bottom: 9px; padding-left: 10px; padding-right: 10px; } .static_page_content .column_box .column { float: left; font-size: 12px; width: 33%; } @media (max-width:420px) { .static_page_content .column_box .column { width: 100%; } } .static_page_content .column_box .column ul { list-style: none outside none; margin-right: 10px; padding: 0; text-decoration: none; } .static_page_content .column_box .column ul .h1 { color: #333333; font-size: 15px; font-weight: bold; margin-top: 15px; text-transform: uppercase; } .static_page_content .column_box .column ul .h2 { color: #333333; font-weight: bold; margin-top: 15px; text-transform: uppercase; } .static_page_content .column_box .column ul .h3 { color: #4D4D4D; font-weight: normal; text-transform: none; } .static_page_content .column_box .column ul li a { display: block; padding: 8px; text-decoration: none; } .static_page_content .column_box .column ul li > div { padding: 8px; } .static_page_content .column_box .column ul li a:hover { text-decoration: underline; } .static_page_content .column_box .column ul .no_margin { margin-top: 0; } /* DevEnd */ /*------------------------------- */ .container_static_full_width, .container_configurator_full_width { max-width: 785px; } /*------------------------------- */ div.email_container { background-color: #FFFFFF; width: 100%; height: 100%; text-align: center; font-size: 9px; color: #777777; padding-left: 50%; margin-left: -321px; } div.email_container .info_text { width: 625px; line-height: 12px; margin-left: 7px; } div.email_container .link { color: #0081af; text-decoration: none; } div.email_container .link:hover { text-decoration: underline; } div.email_container > .email_main > .top { width: 642px; } div.email_container > .email_main > .top > .left { height: 7px; width: 7px; background-image: url('../images/colors/color1/email_template/border_top_left.png'); float: left; } div.email_container > .email_main > .top > .middle { width: 628px; height: 7px; background-image: url('../images/colors/color1/email_template/border_top_middle.png'); float: left; } div.email_container > .email_main > .top > .right { height: 7px; width: 7px; background-image: url('../images/colors/color1/email_template/border_top_right.png'); float: left; } div.email_container > .email_main > .middle { width: 642px; } div.email_container > .email_main > .middle > .content_left_border { width: 635px; padding-left: 7px; float: left; background-image: url('../images/colors/color1/email_template/border_left.png'); background-position: left; } div.email_container > .email_main > .middle > .content_left_border > .content_right_border { width: 628px; padding-right: 7px; background-image: url('../images/colors/color1/email_template/border_right.png'); background-position: right; } div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content { width: 628px; background-color: #FFFFFF; } div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content p, div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content span { color: #404040; font-size: 12px; } div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content img { display: block; } div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .divider { height: 1px; background-color: #cccccc; } div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .espot_container { } div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .espot_container > .left { float: left; } div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .espot_container > .right { float: right; border-left: 1px solid #cccccc; } div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info { margin-left: 35px; margin-right: 35px; color: #404040; text-align: left; line-height: 14px; font-size: 11px; } div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info .header { font-size: 16px; color: #777777; margin-top: 15px; } div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info .link { font-size: 12px; color: #006ecc; text-decoration: none; cursor: pointer; } div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info .link:hover { text-decoration: underline; } div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .divider_secondary { height: 1px; background-color: #e5e5e5; margin-top: 5px; margin-bottom: 5px; } div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info .detail_name { color: #4d4d4d; font-size: 12px; font-weight: bold; } div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info .grey { color: #4d4d4d; } div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .table_row { /*height: 38px; line-height: 38px;*/ height: 14px; padding-top: 13px; padding-bottom: 13px; background-image: url("../images/colors/color1/dotted_line_bg3.png"); background-repeat: repeat-x; background-position: bottom } div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .headers { background-image: none; border-bottom: 1px solid #e5e5e5; padding-bottom: 7px; } div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .headers span { color: #666666; font-weight: bold; font-size: 12px; } div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .table_row .product, div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .table_row .qty, div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .table_row .each, div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .table_row .total { float: left; } div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .table_row .product { width: 330px; } div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .table_row .qty { width: 40px; } div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .table_row .each { width: 94px; } div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .table_row .total { width: 94px; } div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .table_row .qty span, div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .table_row .each span, div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .table_row .total span { float: right; } div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .table_headers { height: 29px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; margin-left: -10px; margin-right: -10px; padding-left: 10px; padding-right: 10px; line-height: 29px; } div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .table_headers .first_header { float: left; width: 290px; } div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .table_headers .second_header { float: left; } div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .table_headers .product_header, div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info .product_column { width: 330px; float: left; } div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .table_headers .qty_header, div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info .qty_column { width: 15px; float: left; } div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .table_headers .each_header, div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info .each_column { width: 100px; float: left; } div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .table_headers .total_header, div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info .total_column { width: 100px; float: left; } div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .subtotal_left_column { width: 465px; float: left; } div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .subtotal_right_column { float: right; } div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info .left_column_50 { width: 290px; float: left; } div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info .right_column_50 { float: left; } div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info .left_column_50 .left_section, div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info .right_column_50 .left_section { float: left; width: 105px; } div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info .left_column_50 .right_section, div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info .right_column_50 .right_section { float: left; width: 140px; } div.email_container > .email_main > .bottom { width: 642px; } div.email_container > .email_main > .bottom > .left { height: 7px; width: 7px; background-image: url('../images/colors/color1/email_template/border_bottom_left.png'); float: left; } div.email_container > .email_main > .bottom > .middle { width: 628px; height: 7px; background-image: url('../images/colors/color1/email_template/border_bottom_middle.png'); float: left; } div.email_container > .email_main > .bottom > .right { height: 7px; width: 7px; background-image: url('../images/colors/color1/email_template/border_bottom_right.png'); float: left; } /*------------------------------- */ div.store_message { position: fixed; top: 40%; left: 0; right: 0; margin-left: auto; margin-right: auto; z-index: 99999; min-width: 380px; max-width: 380px; width: 100%; display: none; /* Dev -- Hide the error message area by default */ } .store_message > .content { margin-top: 3px; background-color: #FFFFFF; border-left: 0px solid #e5e5e5; border-right: 0px solid #e5e5e5; border-bottom: 0px solid #e5e5e5; padding: 35px; box-shadow: 0 0 10px 2px #888888; filter: progid:DXImageTransform.Microsoft.Glow(color='#888888', Strength ='5'); } .store_message > .content > .close { position: absolute; top: 10px; right: 15px; } .store_message > .content > .close > .close_text { font-size: 11px; color: #777777; height: 13px; float: left; } .store_message > .content > .close > .close_icon { margin-left: 4px; margin-top: 4px; width: 8px; height: 8px; background-image: url('../images/colors/color1/close_circle_sprite2.png'); background-repeat: no-repeat; float: left; } .store_message > .content > .close:hover > .close_text { text-decoration: underline; } .store_message > .content > .close:hover > .close_icon { background-position: 0 -8px; } .store_message > .content > .message .message_icon { float: left; height: auto; position: relative; width: 100%; font-size:48px; text-align: center; color:#333333; } .store_message > .content > .message .message_icon .error_icon { position: absolute; top: -3px; left: 1px; } .store_message > .content > .message .message_icon > #success_icon.error_icon { left: -3px; } .store_message > .content > .message .message_text { font-size: 16px; color: #4D4D4D; line-height: 16px; margin-left: 25px; text-align: center; min-height:70px } /*------------------------------- */ div.widget_site_maintenance_background { background-image: url('../images/colors/color1/sitemainteance_page_bg.png'); position: fixed; background-color: #c9d0d0; height: 100%; width: 100%; } div.widget_site_maintenance_position { position: relative; top: 50%; left: 50%; margin-left: -237px; margin-top: -250px; width: 474px; } div.widget_site_maintenance_container > .box_shadow { background-image: url('../images/colors/color1/sitemaintenance_shadow.png'); height: 31px; width: 474px; margin-left: auto; margin-right: auto; margin-bottom: 117px; margin-top: -8px; } div.widget_site_maintenance { background-image: url('../images/colors/color1/sitemaintenance_bg.png'); padding: 8px; width: 452px; margin-left: auto; margin-right: auto; margin-top: 18%; } div.widget_site_maintenance > .content { background-color: #FFFFFF; padding-bottom: 50px; text-align: center; margin-left: auto; margin-right: auto; } div.widget_site_maintenance > .content > .header { padding-top: 45px; color: #a1a1a1; font-size: 22px; padding-bottom: 12px; } div.widget_site_maintenance > .content > .message { color: #444444; font-size: 14px; line-height: 16px; padding-bottom: 40px; padding-left: 12px; padding-right: 12px; } /*------------------------------- */ div.widget_articles_videos > .top { width: 718px; } div.widget_articles_videos > .top > .left_border, div.widget_articles_videos > .bottom > .left_border { width: 1px; height: 1px; background-color: #e5e5e5; float: left; } div.widget_articles_videos > .top > .middle, div.widget_articles_videos > .bottom > .middle { width: 716px; height: 1px; background-color: #e5e5e5; float: left; } div.widget_articles_videos > .top > .right_border, div.widget_articles_videos > .bottom > .right_border { width: 1px; height: 1px; background-color: #e5e5e5; float: left; } div.widget_articles_videos > .middle { background-color: #e5e5e5; width: 718px; } div.widget_articles_videos > .middle > .left_content_border { padding-left: 1px; width: 717px; } div.widget_articles_videos > .middle > .left_content_border > .right_content_border { padding-right: 1px; width: 716px; } div.widget_articles_videos > .middle > .left_content_border > .right_content_border > .content { width: 716px; background-color: #FFFFFF; color: #666666; } div.widget_articles_videos > .middle > .left_content_border > .right_content_border > .content > .header { padding-left: 19px; padding-right: 19px; font-size: 16px; padding-top: 14px; position: relative; height: 60px; border-bottom: 1px solid #E5E5E5; } div.widget_articles_videos > .middle > .left_content_border > .right_content_border > .content > .header > span.small { font-size: 12px; float: left; margin-left: 4px; } div.widget_articles_videos > .middle > .left_content_border > .right_content_border > .content > .header > .title { float: left; } div.widget_articles_videos > .middle > .left_content_border > .right_content_border > .content > .header > .paging_controls { color: #777777; font-size: 12px; height: 17px; line-height: 17px; overflow: hidden; position: absolute; right: 15px; top: 16px; } div.widget_articles_videos > .middle > .left_content_border > .right_content_border > .content > .header > .paging_controls > .divider { background-color: #BFBFBF; float: left; height: 17px; margin: 0 6px; width: 1px; } div.widget_articles_videos > .middle > .left_content_border > .right_content_border > .content > .header > .paging_controls .left_arrow { background-image: url('../images/colors/color1/left_arrow_sprite.png'); background-repeat: no-repeat; background-position: 0 0; height: 17px; width: 17px; margin: 0 6px; float: left; } div.widget_articles_videos > .middle > .left_content_border > .right_content_border > .content > .header > .paging_controls .right_arrow { background-image: url('../images/colors/color1/right_arrow_sprite.png'); background-repeat: no-repeat; background-position: 0 0; height: 17px; width: 17px; margin: 0 6px; float: left; } div.widget_articles_videos > .middle > .left_content_border > .right_content_border > .content > .header > .paging_controls .active { background-color: #EF5305; background-position: left top; color: #FFFFFF !important; cursor: pointer; } div.widget_articles_videos > .middle > .left_content_border > .right_content_border > .content > .header > .paging_controls .inactive { background-color: #BFBFBF; background-position: left bottom; color: #FFFFFF !important; } div.widget_articles_videos > .middle > .left_content_border > .right_content_border > .content > .header > .paging_controls > .pages { float: left; line-height: 17px; margin-left: 6px; } div.widget_articles_videos > .middle > .left_content_border > .right_content_border > .content > .header > .paging_controls > .pages > ul { list-style-type: none; overflow: hidden; } div.widget_articles_videos > .middle > .left_content_border > .right_content_border > .content > .header > .paging_controls > .pages > ul > li { color: #CA4200; cursor: pointer; display: block; float: left; margin: 0 2px; min-width: 14px; padding: 0 2px; text-align: center; } div.widget_articles_videos > .middle > .left_content_border > .right_content_border > .content > .header > .paging_controls > .view_all { float: left; line-height: 17px; margin-left: 6px; } div.widget_articles_videos > .middle > .left_content_border > .right_content_border > .content > .header > .paging_controls > .view_all > a { color: #CA4200; text-decoration: none; } div.widget_articles_videos > .middle > .left_content_border > .right_content_border > .content > .header > .sorting_controls { color: #666666; font-size: 11px; height: 18px; margin: 0; padding: 0; position: absolute; right: 15px; top: 40px; } div.widget_articles_videos > .middle > .left_content_border > .right_content_border > .content > .header > .sorting_controls > .sort_by { line-height: 18px; } div.widget_articles_videos > .middle > .left_content_border > .right_content_border > .content > .header > .sorting_controls > select { border: 1px solid #666666; font-size: 11px; height: 18px; min-width: 114px; } div.widget_articles_videos > .middle > .left_content_border > .right_content_border > .content > .item { padding-left: 19px; padding-right: 8px; padding-bottom: 17px; padding-top: 17px; } div.widget_articles_videos > .middle > .left_content_border > .right_content_border > .content > .divider { height: 1px; border-bottom: 1px solid #e5e5e5; margin-left: 8px; margin-right: 8px; } div.widget_articles_videos > .middle > .left_content_border > .right_content_border > .content > .item > .icon { height: 32px; width: 32px; float: left; } div.widget_articles_videos > .middle > .left_content_border > .right_content_border > .content > .item > .description { font-size: 12px; float: left; line-height: 14px; padding-left: 11px; width: 630px; } div.widget_articles_videos > .middle > .left_content_border > .right_content_border > .content > .item > .description > .header { font-size: 14px; margin-bottom: 5px; cursor: pointer; float: left; } div.widget_articles_videos > .middle > .left_content_border > .right_content_border > .content > .item > .description > .header:hover { text-decoration: underline; } /*------------------------------- */ div.widget_store_details_popup > .top { width: 734px; background: url("../images/colors/color1/widget_store_locator_popup/widget_border.png") repeat-x scroll 0 0 transparent; overflow: hidden; } div.widget_store_details_popup > .top > .left_border { width: 3px; height: 3px; float: left; } div.widget_store_details_popup > .top > .middle_tile { width: 728px; height: 3px; float: left; } div.widget_store_details_popup > .top > .right_border { width: 3px; height: 3px; float: left; } div.widget_store_details_popup > .middle { width: 734px; } div.widget_store_details_popup > .middle > .content_left_border { background: url("../images/colors/color1/widget_store_locator_popup/widget_border.png") repeat-y scroll 0 0 transparent; float: left; padding-left: 3px; width: 731px; } div.widget_store_details_popup > .middle > .content_left_border > .content_right_border { background: url("../images/colors/color1/widget_store_locator_popup/widget_border.png") repeat-y scroll 0 0 transparent; background-position: right; float: right; padding-right: 3px; width: 728px; } div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content { background-color: #ffffff; } div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content > .header { background-color: #F5F6F7; border-bottom: 1px solid #EDEFF0; height: 38px; line-height: 36px; padding-left: 10px; padding-right: 10px; } div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content > .header > span { color: #666666; font-size: 16px; } div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content > .header > .close { cursor: pointer; height: 13px; position: absolute; right: 14px; top: 1px; width: 13px; } div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content > .body { font-size: 12px; color: #666666; padding: 20px 10px; line-height: 16px; } div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content > .body .header { font-size: 13px; font-weight: bold; padding-bottom: 7px; border-bottom: 1px solid #edeff0; } div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content > .body > .container_store_address { width: 276px; float: left; } div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content > .body > .container_hours { width: 194px; float: left; } div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content > .body > .container_availability { width: 238px; float: left; } div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content > .body > .container_availability > .backordered { width: 10px; height: 10px; float: left; margin-top: 3px; margin-right: 8px; background: url("../images/colors/color1/widget_store_locator_popup/backordered_icon.png"); } /* DevStart: for availability status image div in store details popup */ div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content > .body > .container_availability > .status_img_div { margin-right: 8px; } /* DevEnd */ div.widget_store_details_popup > .bottom { width: 734px; background: url("../images/colors/color1/widget_store_locator_popup/widget_border.png") repeat-x scroll 0 0 transparent; overflow: hidden; } div.widget_store_details_popup > .bottom > .left_border { width: 3px; height: 3px; float: left; } div.widget_store_details_popup > .bottom > .middle_tile { width: 728px; height: 3px; float: left; } div.widget_store_details_popup > .bottom > .right_border { width: 3px; height: 3px; float: left; } /*---------------------------------*/ #widget_language_and_currency_popup > .dijitDialogPaneContent { height: auto !important; font-family: Arial, Helvetica, sans-serif; } #widget_language_and_currency_popup > .dijitDialogPaneContent { height: auto !important; font-family: Arial, Helvetica, sans-serif; } div.widget_site_popup > .middle > .content_left_border > .content_right_border { border: 3px solid #a3a3a3; border-color: rgba(71, 71, 71, 0.5); } .dijitTooltipContainer div.widget_site_popup > .middle > .content_left_border > .content_right_border { border: none; } div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content { width: 460px; max-width: 100%; background-color: #ffffff; } #inactivityWarningPopup_body { padding-top: 60px; padding-bottom: 60px; } #inactivityWarningPopup .widget_site_popup > .middle > .content_left_border > .content_right_border > .content > .body .message_icon { width: 19px; } #inactivityWarningPopup .widget_site_popup > .middle > .content_left_border > .content_right_border > .content > .body .message_text { color: #4D4D4D; font-size: 12px; line-height: 16px; margin-left: 10px; width: 370px; } #inactivityWarningPopup .widget_site_popup > .middle > .content_left_border > .content_right_border > .content > .footer > .button_container > .button_primary > .button_text { min-width: 50px; } #inactivityWarningPopup .widget_site_popup > .middle > .content_left_border > .content_right_border > .content > .close_acce { width: 13px; height: 13px; position: absolute; right: 14px; top: 12px; } div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .header { background-color: #f5f6f7; border-bottom: 1px solid #edeff0; padding: 7px 20px 9px 20px; } div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .header span { font-size: 16px; color: #666666; } div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .close { width: 13px; height: 13px; position: absolute; right: 14px; top: 12px; background-image: url('../images/colors/color1/close_sprite.png'); background-position: 0 0; background-repeat: no-repeat; cursor: pointer; } div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .close:hover { background-position: 0 -13px; } div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content > .header > .close_acce { position: absolute; right: 14px; top: 14px; } div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .selectors { padding: 16px 0; } div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .selectors .option_name { font-size: 12px; color: #666666; width: 25%; float: left; text-align: right; padding-right: 5px; } div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .selectors .left_selector { width: 350px; position: relative; } div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .selectors #language_select { width: 150px; background-color: #e5e5e5; height: 22px; font-size: 12px; color: #4d4d4d; padding-left: 10px; } div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .selectors #language_select #selected_option { cursor: pointer; } div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .selectors #language_options { width: 148px; height: 65px; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; position: absolute; top: 22px; left: 80px; padding-left: 10px; overflow: scroll; } div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .selector { padding: 8px; } div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .body { padding-top: 22px; padding-bottom: 22px; padding-left: 20px; padding-right: 20px; line-height: 14px; font-size: 12px; } div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .body .textinlinewithicon { line-height: 23px; margin-left: 4px; float: left; } div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content form input { margin-top: 4px; margin-bottom: 4px; width: 300px; border: 1px solid #A2A2A2; color: #404040; } div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .body .header { font-size: 14px; margin-top: 4px; margin-bottom: 14px; } div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .selectors select { font-size: 12px; color: #666666; float: left; } div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .selectors .currency { width: 92px; /*96*/ } div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .product { margin-left: 7px; margin-top: 7px; } div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .product .product_image { float: left; margin-right: 15px; } div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .product .product_name { float: left; font-size: 14px; } div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .footer { height: 38px; border-top: 1px solid #edeff0; line-height: 36px; padding-left: 10px; padding-right: 10px; } div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .footer .button_container { margin-top: 7px; float: right; } div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .footer .button_container .button_primary, div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .footer .button_container .button_secondary { display: block; float: left; margin-left: 10px; } /*---------------------------------*/ div.item_spacer_50px { height: 50px; } div.item_spacer_10px { height: 10px; } div.item_spacer_8px { height: 8px; } div.item_spacer_7px { height: 7px; } div.item_spacer_5px { height: 5px; } div.item_spacer_3px { height: 3px; } div.item_spacer_2px { height: 2px; } /*---------------------------------*/ .dropdown_primary { height: 24px; display: inline-block; text-decoration: none; } .dropdown_primary > .button { float: left; text-decoration: none; cursor: pointer; } .dropdown_primary > .button > .left_border { width: 2px; height: 24px; float: left; background: url('../images/colors/color1/widget_quick_info_popup/dropdown_left_border.png') top left no-repeat; } .dropdown_primary > .button > .right_border, .dropdown_primary > .drop .right_border { width: 2px; height: 24px; float: left; background: url('../images/colors/color1/widget_quick_info_popup/dropdown_right_border.png') top left no-repeat; } .dropdown_primary > .button > .content { height: 20px; padding: 2px 7px; float: left; background: url('../images/colors/color1/widget_quick_info_popup/dropdown_tile_bg.png') top left repeat-x; line-height: 20px; color: #49310f; text-align: center; font-size: 11px; overflow: hidden; cursor: pointer; } .dropdown_primary > .drop { float: left; cursor: pointer; } .dropdown_primary > .drop > .dropdown_arrow { height: 24px; float: left; background: url('../images/colors/color1/widget_quick_info_popup/dropdown_tile_bg.png') top left repeat-x; width: 16px; text-align: center; line-height: 20px; } .dropdown_primary > .drop > .white_line { background: url('../images/colors/color1/widget_quick_info_popup/dropdown_white.png') top left repeat-x; height: 24px; width: 1px; float: left; } .dropdown_primary > .button:focus > .left_border { background: url('../images/colors/color1/widget_quick_info_popup/dropdown_left_border_active.png') top left no-repeat; } .dropdown_primary > .button:focus > .content { background: url('../images/colors/color1/widget_quick_info_popup/dropdown_tile_bg_active.png') top left repeat-x; } .dropdown_primary > .button:focus > .right_border { background: url('../images/colors/color1/widget_quick_info_popup/dropdown_right_border_active.png') top left no-repeat; } .dropdown_primary > .button:hover > .left_border { background: url('../images/colors/color1/widget_quick_info_popup/dropdown_left_border_active.png') top left no-repeat; } .dropdown_primary > .button:hover > .content { background: url('../images/colors/color1/widget_quick_info_popup/dropdown_tile_bg_active.png') top left repeat-x; } .dropdown_primary > .button:hover > .right_border { background: url('../images/colors/color1/widget_quick_info_popup/dropdown_right_border_active.png') top left no-repeat; } .dropdown_primary > .drop:focus > .dropdown_arrow { background: url('../images/colors/color1/widget_quick_info_popup/dropdown_tile_bg_active.png') top left repeat-x; } .dropdown_primary > .drop:focus > .right_border { background: url('../images/colors/color1/widget_quick_info_popup/dropdown_right_border_active.png') top left no-repeat; } .dropdown_primary > .drop:hover > .dropdown_arrow { background: url('../images/colors/color1/widget_quick_info_popup/dropdown_tile_bg_active.png') top left repeat-x; } .dropdown_primary > .drop:hover > .right_border { background: url('../images/colors/color1/widget_quick_info_popup/dropdown_right_border_active.png') top left no-repeat; } /*---------------------------------*/ .dropdown_list { position: absolute; /*original:: top:85px;*/ /* DevStart: dropdown list kept relative to the dropdown button, so that it can be used in multiple places */ top: 23px; z-index: 5; /* DevEnd */ min-width: 190px; border: 1px solid #cccccc; background-color: #ffffff; } .dj_ie7 .dropdown_list { position: relative; z-index: 10; top: 0px; } div.dropdown_list > ul div.divider { border-bottom: 0px; height: 1px; margin-left: 10px; margin-right: 10px; background-color: #b9b9b9; margin-top: 7px; } .created_list { background: url('../images/colors/color1/widget_quick_info_popup/plus_icon.png') no-repeat scroll 10px 50% transparent; color: #515151; cursor: pointer; display: block; font-size: 11px; line-height: 11px; overflow: hidden; padding-left: 24px; padding-bottom: 8px; padding-top: 8px; } .created_list_wrapper { width: 200px; overflow: auto; overflow-x: hidden; max-height: 100px; } .created_list:hover, .created_list_wrapper > .focused { background-color: #d9e9f7; } /* DevEnd */ /* DevStart: padding left was added and focus_create class removed for shopping list drop down changes */ .wish_order_list > .message { display: block; font-style: italic; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; font-size: 11px; } /* DevEnd: padding left was added and focus_create class removed for shopping list drop down changes */ .wish_order_list > .message:hover { background-color: #ffffff; cursor: auto; } /*---------------------------------*/ .widget_subscription_item > .top, .widget_subscription_item > .bottom { background: url("../images/colors/color1/widget_border.png") repeat-x scroll 0 0 transparent; overflow: hidden; width: 463px; } .widget_subscription_item > .top > .left_border, .widget_subscription_item > .bottom > .left_border { float: left; height: 3px; width: 3px; } .widget_subscription_item > .top > .middle, .widget_subscription_item > .bottom > .middle { height: 3px; width: 457px; float: left; } .widget_subscription_item > .top > .right_border, .widget_subscription_item > .bottom > .right_border { float: left; height: 3px; width: 3px; } .widget_subscription_item > .middle { width: 463px; } .widget_subscription_item > .middle > .content_left_border { background: url("../images/colors/color1/widget_border.png") repeat-y scroll 0 0 transparent; float: left; padding-left: 3px; width: 460px; } .widget_subscription_item > .middle > .content_left_border > .content_right_border { background: url("../images/colors/color1/widget_border.png") repeat-y scroll right center transparent; float: right; padding-right: 3px; width: 457px; } .widget_subscription_item > .middle > .content_left_border > .content_right_border > .content { background-color: #ffffff; } .widget_subscription_item > .middle > .content_left_border > .content_right_border > .content > .header { background-color: #F5F6F7; border-bottom: 1px solid #EDEFF0; height: 38px; line-height: 40px; padding-left: 10px; padding-right: 22px; } .widget_subscription_item > .middle > .content_left_border > .content_right_border > .content > .header > span { color: #777777; font-size: 16px; } .widget_subscription_item > .middle > .content_left_border > .content_right_border > .content > .header > .close { cursor: pointer; height: 13px; position: absolute; right: 14px; top: 0px; width: 13px; } .widget_subscription_item > .middle > .content_left_border > .content_right_border > .content > .header > .close:hover { background-position: 0 -13px; } .widget_subscription_item > .middle > .content_left_border > .content_right_border > .content > .input_section { padding-left: 10px; padding-right: 10px; padding-top: 25px; padding-bottom: 25px; line-height: 1em; } .widget_subscription_item > .middle > .content_left_border > .content_right_border > .content > .input_section > span { font-size: 12px; color: #444444; } /*---------------------------------*/ .widget_create_shopping_list > .top, .widget_create_shopping_list > .bottom { background: url("../images/colors/color1/widget_create_shopping_list/widget_border.png") repeat-x scroll 0 0 transparent; overflow: hidden; width: 463px; } .widget_create_shopping_list > .top > .left_border, .widget_create_shopping_list > .bottom > .left_border { float: left; height: 3px; width: 3px; } .widget_create_shopping_list > .top > .middle, .widget_create_shopping_list > .bottom > .middle { height: 3px; width: 457px; float: left; } .widget_create_shopping_list > .top > .right_border, .widget_create_shopping_list > .bottom > .right_border { float: left; height: 3px; width: 3px; } .widget_create_shopping_list > .middle { width: 463px; } .widget_create_shopping_list > .middle > .content_left_border { background: url("../images/colors/color1/widget_create_shopping_list/widget_border.png") repeat-y scroll 0 0 transparent; float: left; padding-left: 3px; width: 460px; } .widget_create_shopping_list > .middle > .content_left_border > .content_right_border { background: url("../images/colors/color1/widget_create_shopping_list/widget_border.png") repeat-y scroll right center transparent; float: right; padding-right: 3px; width: 457px; } .widget_create_shopping_list > .middle > .content_left_border > .content_right_border > .content { background-color: #ffffff; } .widget_create_shopping_list > .middle > .content_left_border > .content_right_border > .content > .header { background-color: #F5F6F7; border-bottom: 1px solid #EDEFF0; height: 38px; line-height: 40px; padding-left: 10px; padding-right: 10px; } /*Dev start*/ .widget_create_shopping_list > .middle > .content_left_border > .content_right_border > .content > .plain_header { height: 38px; line-height: 40px; padding-left: 10px; padding-right: 10px; } .widget_create_shopping_list > .middle > .content_left_border > .content_right_border > .content > .header > span, .widget_create_shopping_list > .middle > .content_left_border > .content_right_border > .content > .plain_header > span { color: #777777; font-size: 16px; } .widget_create_shopping_list > .middle > .content_left_border > .content_right_border > .content > .header > .close { background-image: url("../images/colors/color1/widget_create_shopping_list/close_sprite.png"); background-position: 0 0; background-repeat: no-repeat; cursor: pointer; height: 13px; position: absolute; right: 14px; top: 12px; width: 13px; } .widget_create_shopping_list > .middle > .content_left_border > .content_right_border > .content > .header > .close:focus { background-position: 0 -13px; } .widget_create_shopping_list > .middle > .content_left_border > .content_right_border > .content > .header > .close:hover { background-position: 0 -13px; } .widget_create_shopping_list > .middle > .content_left_border > .content_right_border > .content > .input_section { padding-left: 22px; padding-right: 22px; padding-top: 35px; padding-bottom: 35px; } .widget_create_shopping_list > .middle > .content_left_border > .content_right_border > .content > .input_section .textinlinewithicon { float: left; line-height: 23px; margin-left: 4px; } /*Dev end*/ .widget_create_shopping_list > .middle > .content_left_border > .content_right_border > .content > .input_section > span { font-size: 12px; color: #444444; } .widget_create_shopping_list > .middle > .content_left_border > .content_right_border > .content > .input_section > form > input { width: 302px; margin-top: 4px; /*Dev*/ margin-bottom: 4px; /*Dev*/ border: 1px solid #aab2bc; } .widget_create_shopping_list > .middle > .content_left_border > .content_right_border > .content > .footer { border-top: 1px solid #EDEFF0; height: 38px; line-height: 36px; padding-left: 10px; padding-right: 10px; } .widget_create_shopping_list > .middle > .content_left_border > .content_right_border > .content > .footer > .button_container { margin-top: 7px; } .widget_create_shopping_list > .middle > .content_left_border > .content_right_border > .content > .footer > .button_container > .button_primary, .widget_create_shopping_list > .middle > .content_left_border > .content_right_border > .content > .footer > .button_container > .button_secondary { display: block; float: right; margin-left: 10px; } .widget_create_shopping_list > .middle > .content_left_border > .content_right_border > .content > .footer > .button_container > .button_primary > .button_text, .widget_create_shopping_list > .middle > .content_left_border > .content_right_border > .content > .footer > .button_container > .button_secondary> .button_text { width: 70px; padding-left: 0px; padding-right: 0px; } /*---------------------------------*/ .input_primary { height: 22px; /*24*/ } .input_primary > .left_border { width: 3px; height: 22px; float: left; background: url('../images/colors/color1/widget_quick_info_popup/search_left_border.png') top left no-repeat; } .input_primary > .right_border { width: 3px; height: 22px; float: left; background: url('../images/colors/color1/widget_quick_info_popup/search_right_border.png') top right no-repeat; } .input_primary > .content { background: url("../images/colors/color1/widget_quick_info_popup/search_tile_bg.png") repeat-x scroll 0 0 transparent; float: left; height: 22px; padding: 1px; position: relative; margin-bottom: -2px; } .input_primary > .content > input.search_input { background: none repeat scroll 0 0 transparent; border: medium none; color: #A6A6A6; font-size: 11px; line-height: 11px; height: 20px; width: 94px; } /*---------------------------------*/ #quickInfoPopup { padding-top: 200px; } #quickInfoPopup > div { height: 100% !important; } div.widget_quick_info_popup { position: relative; } div.widget_quick_info_popup > .top { background: url("../images/colors/color1/widget_quick_info_popup/quick_info_border.png") repeat-x scroll 0 0 transparent; overflow: hidden; width: 734px; } div.widget_quick_info_popup > .top > .left_border { width: 3px; height: 3px; float: left; } div.widget_quick_info_popup > .top > .middle_tile { width: 728px; height: 3px; float: left; } div.widget_quick_info_popup > .top > .right_border { width: 3px; height: 3px; float: left; } div.widget_quick_info_popup > .middle > .content_left_border { background: url("../images/colors/color1/widget_quick_info_popup/quick_info_border.png") repeat-y scroll 0 0 transparent; float: left; padding-left: 3px; } div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border { /* DevStart: changed from transparent to white background, since the popup was transparent */ background: url("../images/colors/color1/widget_quick_info_popup/quick_info_border.png") repeat-y scroll 0 0 white; /* DevEnd */ background-position: right; float: right; padding-right: 3px; } div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content { background-color: #ffffff; margin: 23px; } div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .left_column { width: 330px; margin-right: 15px; margin-bottom: 15px; float: left; } div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .left_column > .image_container { border-bottom: 1px dotted #777777; width: 95%; } div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .left_column > .image_container > img { width: 100%; } div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .left_column > .other_views { margin-right: 15px; border-bottom: 1px dotted #eeeeee; margin-top: 1px; position: relative; z-index: 10; height: 100%; } div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .left_column > .other_views ul { display: table; padding-left: 0px; } div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .left_column > .other_views ul li.selected { border: 3px solid #FAC549; } div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .left_column > .other_views ul li { border: 3px solid #E5E5E5; float: left; list-style: none outside none; margin-right: 8px; width: 94px; height: 94px; text-align: center; } div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .left_column > .other_views ul li:hover { border: 3px solid #FAC549; } div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .left_column > .other_views ul li > a > img { height: 100%; } div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .left_column > .other_views > h1 { padding: 0 5px 0 5px; background: #eee; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; font-size: 12px; float: left; } div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column { /*width: 374px;*/ width: 335px; float: left; line-height: 12px; } div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > span.main_header { color: #818181; display: block; font-size: 20px; /*22*/ line-height: 20px; /*28*/ margin-top: -3px; max-width: 320px; } div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .not_available { font-size: 11px; line-height: 16px; color: #777777; font-style: italic; } /* DevStart: style for price as configured text*/ div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > span.configured { font-size: 14px; color: #CCC; line-height: 24px; float: left; } /* DevEnd: style for price as configured text*/ div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > span.old_price { color: #777777; float: left; font-size: 16px; line-height: 24px; text-decoration: line-through; font-weight: bold; margin-right: 4px; /* Dev: provides space after list price and before offer price */ } div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > span.price { color: #CA4200; display: block; font-size: 16px; line-height: 24px; font-weight: bold; } div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > span.sku { color: #777777; font-size: 10px; line-height: 12px; } div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .star_ratings { } div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .star_ratings > .single_star { background: url("../images/colors/color1/star_rating.png") no-repeat scroll 0 0 transparent; display: block; float: left; height: 16px; margin-top: 3px; padding-right: 3px; width: 16px; } div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .star_ratings > .single_star:hover { background-position: 0 -16px; } div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .star_ratings > span.reviews a { color: #006ECC; float: left; font-size: 12px; padding-left: 8px; text-decoration: none; line-height: 25px; } div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .star_ratings > span.reviews a:hover { text-decoration: underline; } div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .divider { height: 1px; background-color: #e5e5e5; margin-top: 11px; margin-bottom: 11px; } /* DevStart: changed class hierarchy to add refresh area div */ div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column p { font-size: 12px; line-height: 14px; color: #777777; } /* DevEnd: changed class hierarchy to add refresh area div */ div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > a { color: #006ECC; display: block; margin-top: 4px; font-size: 11px; float: left; line-height: 15px;/*Dev for avoiding truncation in other languages*/ } div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > a:hover { text-decoration: underline; } /* DevStart: for li elements that lists various product attributes */ div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > li, div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > ul > li { font-size: 11px; line-height: 13px; color: #777777; margin-left: 14px; } /* DevEnd */ div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .color_and_size > .heading { font-size: 14px; line-height: 14px; } div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .color_and_size > .color_swatch_list > ul > li { display: block; float: left; margin-bottom: 6px; margin-right: 6px; margin-top: 6px; } div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .color_and_size > .available_size_list { margin-top: 6px; } div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .color_and_size > .available_size_list a { text-decoration: none; } /* DevStart: a div was added to position the dropdown as parent to .dropdown_primary, hence .dropdown_primary not immediate child of .purchase_section */ div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .purchase_section .dropdown_primary > .button > .content { min-width: 127px; } /* DevEnd */ div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .purchase_section > span.quantity_label { font-size: 14px; margin-top: 5px; line-height: 15px;/*Dev for avoiding truncation in other languages*/ float: left; } div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .purchase_section > .button_primary > .wide_button { width: 110px; } div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .purchase_section > .full_details { padding-top: 10px; padding-bottom: 10px; } div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .purchase_section > span.full_details a { color: #006ECC; font-size: 11px; text-decoration: none; } div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .purchase_section > span.full_details a:hover { text-decoration: underline; } /* Dev Start: Add To Cart text was not visible properly in other languages, in quick info.. Made similar changes as done by MDS to fix this issue in product page */ div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .purchase_section > .button_add_to_cart > .button_text { min-width: 120px; } /* Dev End*/ div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column .button_secondary .button_text { min-width: 120px; } div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column .close_group { cursor: pointer; position: absolute; right: 0px; top: -4px; } div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column .close_group:hover .close { background-position: 0 -13px; } div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column .close_group:hover .close_text { text-decoration: underline; } div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column .close_group .close { width: 13px; height: 13px; background-image: url('../images/colors/color1/widget_quick_info_popup/close_sprite.png'); background-position: 0 0; background-repeat: no-repeat; position: absolute; right: 10px; top: 10px; cursor: pointer; } div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column .close_group .close_text { position: relative; top: 10px; font-size: 13px; color: #404040; text-decoration: none; line-height: 15px;/*Dev for avoiding truncation in other languages*/ width: 100px; margin-right: 30px; text-align: right; } div.widget_quick_info_popup > .bottom { background: url("../images/colors/color1/widget_quick_info_popup/quick_info_border.png") repeat-x scroll 0 0 transparent; overflow: hidden; width: 734px; } div.widget_quick_info_popup > .bottom > .left_border { width: 3px; height: 3px; float: left; } div.widget_quick_info_popup > .bottom > .middle_tile { width: 728px; height: 3px; float: left; } div.widget_quick_info_popup > .bottom > .right_border { width: 3px; height: 3px; float: left; } /*---------------------------------*/ .widget_full_espot_container { width: 935px; overflow: hidden; } /*---------------------------------*/ .widget_home_espots_left { width: 718px; float: left; } .widget_home_espots_left img { display: block; } /* DevStart: Strict hierarchy removed as a div needs be introduced for preview support */ .widget_home_espots_left .left_espot { float: left; } .widget_home_espots_left .espot_spacer { padding-bottom: 5px; } .widget_home_espots_left .right_espot { float: right; } /* DevEnd */ /*---------------------------------*/ .widget_home_espots_right { float: right; width: 212px; } .widget_home_espots_right img { display: block; } /*---------------------------------*/ .widget_tall_double_espot_container { width: 935px; overflow: hidden; } /* DevStart: Strict Hierarchy removed as a div needs be introduced for preview support */ .widget_tall_double_espot_container .left_espot { float: left; } .widget_tall_double_espot_container .right_espot { float: right; } /* DevEnd */ /* -----------------------------------------------------------------------------*/ /* SCROLLING ESPOT WIDGET START /* -----------------------------------------------------------------------------*/ /* DevStart: Styling added for classes generated by the dojo widget */ .thumbOuter { /*height: 279px;*/ /*height: 235px;*//*Dev*/ margin-left: -53px; } .facetSelect li:first-child { } .facetSelectContainer { background: #FFF; margin-right: 5%; padding: 10px 0; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; } #search_facet_category.facetSelectContainer { -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; } .facetSelect li { list-style: none; line-height: 16px; font-size: 12px; color: #565656; padding: 10px 0 10px 5%; border-bottom: 1px solid #e3e1e1; } .thumbScroller { border: 0px; !float: left; overflow: hidden; position: relative; height: 100%; padding: 0px 0px 0px 2px; } .thumbsNode { border: 0px; height: 100%; float: left; position: relative; /*Dev*/ } .imgContainer { float: left; width: 210px; height: 100%; } /* DevStart: to overwrite scrollable widget height */ .itemImgContainer { float: left; width: 169px; height: 100%; } .imgContainerForContentRec { float: left; height: 100%; margin-right: 3px; } .imgContainerForContentRec_EndOfRow { float: left; height: 100%; } /* DevEnd: to overwrite scrollable widget height */ /* DevEnd: Styling added for classes generated by the dojo widget */ /*Dev: Hierarchy has been modified to accomodate dojo widgets*/ div.widget_carousel { /*height: 288px;*//*Dev*/ background-image: url('../images/colors/color1/widget_carousel/widget_bg.png'); background-repeat: repeat; border: 1px solid #e5e5e5; position: relative; padding: 0 41px; } div.no_bg { background-image: none; } div .carousel_searchlanding { height: 248px; } div.widget_carousel > .header { height: 56px; line-height: 56px; font-size: 16px; color: #666666; margin-left: -21px; padding-right: 21px; } div.widget_carousel .product > .product_option { display: inline; zoom: 1; } /* DIVIDER CREATED THIS WAY TO UTILIZE FULL WIDTH OF CONTAINER ALONGSIDE 'COLUMN' PERCENTAGE WIDTHS */ div.widget_carousel .divider { width: 1px; height: 279px; /*background-color: #e5e5e5;*/ border-right: 1px solid #e5e5e5; float: right; /*dev*/ } div.widget_carousel .left_arrow, div.widget_carousel > .right_arrow { /*height: 42px; width: 21px; margin-top: 78px;*/ height: 42px; margin-top: -21px; position: absolute; top: 50%; width: 21px; } div.widget_carousel .left_arrow { background-image: url('../images/colors/color1/widget_carousel/left_arrow_sprite.png'); background-repeat: no-repeat; margin-right: 10px; left: 10px; } div.widget_carousel .right_arrow { float: right; display: block; background-image: url('../images/colors/color1/widget_carousel/right_arrow_sprite.png'); background-repeat: no-repeat; background-position: 0 -42px; margin-left: 10px; right: 10px; } div.widget_carousel > .active { cursor: pointer; } div.widget_carousel .right_arrow:hover { background-position: 0 -84px; } div.widget_carousel div.right_border { border-right: 1px solid #e5e5e5; } div.widget_carousel div.product { width: 160px; float: left; margin-left: 25px; margin-right: 25px; text-align: center; position: relative; } div.widget_carousel div.product > .product_image { position: relative; width: 160px; height: 160px; /*margin: 0 auto;*/ cursor: pointer; } div.widget_carousel div.product > .product_image > .compare_target { position: absolute; top: -2px; right: 0px; visibility: hidden; } div.widget_carousel div.product > .product_image:hover > .compare_target { visibility: visible; } div.widget_carousel div.product > .product_image > .quick_info_toggle { position: absolute; bottom: 0px; left: 0px; width: 160px; height: 22px; text-align: center; line-height: 22px; background: url('../images/colors/color1/widget_product_listing/bg_80percent_transparent_grey.png'); visibility: hidden; padding: 0; margin: 0; padding-bottom: 4px; } div.widget_carousel div.product > .product_image > .quick_info_toggle a { text-decoration: none; color: #ffffff; font-size: 12px; display: block; } div.widget_carousel div.product > .product_image > .quick_info_toggle a:hover { text-decoration: underline; color: #ffffff; font-size: 12px; } div.widget_carousel div.product > .product_image:hover > .quick_info_toggle { visibility: visible; } div.widget_carousel > div.product > .product_image > .addbug { background-image: url("../images/colors/color1/addbug.png"); height: 62px; position: absolute; right: 0; top: 0; width: 62px; } div.widget_carousel > div.product > .description { background: url("../images/colors/color1/widget_searchlanding_carousel/item_transparent_bg.png") repeat scroll 0 0 transparent; bottom: 0; color: #FFFFFF; font-size: 12px; height: 30px; left: 0; line-height: 30px; padding: 0 15px; position: absolute; width: 130px; } /*DevStart: to give underline effect*/ div.widget_carousel > div.product > .description:hover { text-decoration: underline; } /*DevEnd: to give underline effect*/ div.widget_carousel > div.product > .product_option { display: none; } div.widget_carousel > .divider { display: none; } div.widget_carousel div.product > .product_info > .product_name { margin-top: 14px; color: #666666; text-align: center; font-size: 12px; line-height: 14px; padding: 0 4px; } /*Product Name are links in live build. IE7 does not pick up color changes, therefore have to make a specific call out*/ div.widget_carousel div.product > .product_info > .product_name a { color: #666666; text-decoration: none; } /*Dev*/ div.widget_carousel div.product > .product_info > .product_name a:hover { text-decoration: underline; } div.widget_carousel div.product > .product_info > .product_price { margin-top: 2px; font-weight: bold; color: #CA4200; font-size: 15px; margin-bottom: 10px; } div.widget_carousel div.product > .product_info > .product_price > .old_price { color: #777777; font-weight: normal; text-decoration: line-through; margin-right: 4px; /* Dev: provides space after list price and before offer price */ } /*-----------------------------------------------------------------------------*/ div.widget_home_hero_image img { display: block; } /*------------------------------------------------------------------------------*/ div.widget_left_nav div.bottom_border_5px { border-bottom: 5px solid #e5e5e5; } div.widget_left_nav_position { /*Dev: min height for left navigation bar*/ min-height: 300px; margin-right: 10px; } div.widget_left_nav { margin-bottom: 10px; } div.widget_left_nav > div.content_left_border { border: 5px solid #e5e5e5; } div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.header { height: 34px; background-color: #ffffff; padding-left: 10px; padding-right: 10px; } div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section a > div.header > span.expand_icon_open { background-image: url("../images/colors/color1/down_arrow_sprite.png"); background-repeat: no-repeat; width: 17px; height: 17px; margin-top: 7px; background-position: 0 -17px; float: left; } div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section a > div.header > span.expand_icon_close { background-image: url("../images/colors/color1/right_arrow_sprite.png"); background-repeat: no-repeat; width: 17px; height: 17px; margin-top: 7px; background-position: 0 -17px; float: left; } div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section a:hover > div.header > span.expand_icon_open, div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section a:hover > div.header > span.expand_icon_close { background-position: 0 0; } div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.header span.header_title { font-size: 11px; line-height: 34px; font-weight: bold; color: #777777; float: left; } div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.header > span.filter_by_title { font-size: 14px; font-weight: bold; line-height: 34px; color: #777777; float: left; } div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.header > div.clearall { font-size: 12px; line-height: 34px; float: right; } div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.header > div.clearall > a { text-decoration: none; color: #777777; } div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.header > div.clearall > a:hover > div > span { text-decoration: underline; } div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.header > div.clearall > a > div.clear_all_text > div.filter_sprite { float: left; display: block; position: relative; overflow: hidden; margin-top: 5px; margin-right: 5px; width: 13px; height: 13px; margin-top: 10px; } div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.header > div.clearall > a > div.clear_all_text > div.filter_sprite > img { position: absolute; width: 13px; height: 26px; } div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.header > div.clearall > a:hover > div.clear_all_text > div.filter_sprite > img { top: -13px; left: 0; } div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.filter_list { min-height: 0px !important; padding-top: 0px !important; padding-bottom: 0px !important; } div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.filter_list > ul > li:first-child { padding-top: 8px !important; } div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.filter_list > ul > li:last-child { padding-bottom: 8px !important; } div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list { background-color: #fbfbfb; /*Dev: min height for left navigation bar*/ min-height: 25px; } div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list > ul { padding: 0; } div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list > ul > a { text-decoration: none; color: #777777; font-size: 11px; } div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li, div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list div.showMore { padding: 10px; list-style-type: none; font-size: 12px; text-decoration: none; color: #777777; } div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li div.facetCountContainer, ul.facetSelect li div.facetCountContainer { display: inline; } div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list div.showMore { text-align: right; } div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li label, div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list div.showMore label { cursor: pointer; } div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li label .swatch { float: left; width: 80px; height: 27px; } div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li label .swatch img { vertical-align: middle; border: 3px #E5E5E5 solid; height: 18px; width: 18px; } div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li.singleFacet input, div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list div.showMore input, ul.facetSelect li input[type=checkbox] { height: 1px; width: 1px; position: absolute; overflow: hidden; left: -30px; } div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li label:hover, div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list div.showMore label:hover { text-decoration: underline; } div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li input:checked + label { font-weight: bold; } div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li input:focus + label .outline { border: 1px dotted #000000; } div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li.singleFacet input:checked + label .swatch img { border: 3px solid #fac549; } div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li.singleFacet input:enabled + label .swatch img:hover { border: 3px solid #fac549; } div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li input:disabled + label, ul.facetSelect li input:disabled + a { color: #CCCCCC; cursor: default; text-decoration: none; } div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li input.range_input, ul.facetSelect li input.range_input { font-size: inherit; width: 35px; color: #777777; } div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li input.go_button, ul.facetSelect li input.go_button { font-size: inherit; width: 70px; text-align: left; border: none; background: none; color: #CA4200; } div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li input.go_button:hover, ul.facetSelect li input.go_button:hover { text-decoration: underline; } div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li input.go_button:disabled, ul.facetSelect li input.go_button:disabled { display: none; } div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li input.go_button_disabled, ul.facetSelect li input.go_button_disabled { display: none; } div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list > ul > li > a { text-decoration: none; color: #777777; } div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list > ul > li > a:hover { text-decoration: underline; } div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list > ul > li > a:hover > div > span { text-decoration: underline; } div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list > ul > li > a > div.filter_option > div.filter_sprite { float: left; display: block; position: relative; overflow: hidden; margin-top: 5px; margin-right: 5px; width: 13px; height: 13px; } div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list > ul > li > a > div.filter_option > div.filter_sprite > img { position: absolute; width: 13px; height: 26px; } div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list > ul > li > a:hover > div.filter_option > div.filter_sprite > img { top: -13px; left: 0; } div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list > ul > li > a > div.filter_option span img { vertical-align: middle; border: 2px #E5E5E5 solid; height: 18px; width: 18px; } .facetSelect > li.more ~ li, .facetSelect.active > li.more { display: none; } .facetSelect.active > li.more ~ li { display: block; } /* -----------------------------------------------------------------------------*/ /* UNORGANIZED: Tall Double ESpot Container /* -----------------------------------------------------------------------------*/ div.widget_tall_double_espot { margin-top: 5px; width: 718px; /*DevStart: Moved height and overflow property to a different class */ } /* DevStart: Added to support category espots in leaf category page */ div.widget_tall_double_espot div.widget_height { height: 193px; overflow: hidden; } /* DevEnd */ /* DevStart: Strict Hierarchy removed as a div needs be introduced for preview support */ div.widget_tall_double_espot div.left_espot { float: left; } div.widget_tall_double_espot div.right_espot { float: right; } /* DevEnd */ /* -----------------------------------------------------------------------------*/ /* UNORGANIZED: Hero Image Container /* -----------------------------------------------------------------------------*/ div.widget_hero_image_container { } div.widget_hero_image_container img { display: block; } /* -----------------------------------------------------------------------------*/ /* UNORGANIZED: Title Container /* -----------------------------------------------------------------------------*/ div.widget_title_container { width: 718px; margin-bottom: 15px; /*POSITIONING - PUT ELSEWHERE?*/ } div.widget_title_container > h1 { font-size: 24px; line-height: 28px; color: #666666; padding-left: 9px; } div.widget_title_container .black { color: #4d4d4d !important; } /* -----------------------------------------------------------------------------*/ /* UNORGANIZED: Search Results /* -----------------------------------------------------------------------------*/ div.widget_search_results { padding-left: 9px; /*16*/ line-height: 14px; font-size: 13px; } div.widget_search_results .results_description { font-size: 12px; margin-top: -5px; } div.widget_search_results .black { color: #4d4d4d !important; } div.widget_search_results .result { color: #0042fe; cursor: pointer; text-decoration: none; } div.widget_search_results .result:hover { text-decoration: underline; } div.widget_search_results ul { padding-left: 16px; line-height: 20px; } /* -----------------------------------------------------------------------------*/ /* UNORGANIZED: Search Dropdown /* -----------------------------------------------------------------------------*/ div.widget_search_dropdown_position { position: absolute; float: right; right: 157px; top: 29px; z-index: 100; } div.widget_search_dropdown { z-index: 30; position: relative; } div.widget_search_dropdown > div.top > div.left_border { background-image: url('../images/colors/color1/widget_search_dropdown/border_topleft.png'); height: 11px; width: 11px; float: left; } div.widget_search_dropdown > div.top > div.middle { background-image: url('../images/colors/color1/widget_search_dropdown/border_top.png'); background-repeat: repeat-x; width: 297px; height: 11px; float: left; } div.widget_search_dropdown > div.top > div.right_border { background-image: url('../images/colors/color1/widget_search_dropdown/border_topright.png'); height: 11px; width: 11px; float: left; } div.widget_search_dropdown > div.content_left_border { width: 298px; background-image: url('../images/colors/color1/widget_search_dropdown/border_left.png'); background-repeat: repeat-y; padding-left: 11px; } div.widget_search_dropdown > div.content_left_border > div.content_right_border { width: 297px; background-image: url('../images/colors/color1/widget_search_dropdown/border_right.png'); background-repeat: repeat-y; padding-right: 11px; background-position: right; } div.widget_search_dropdown > div.content_left_border > div.content_right_border > div.content { background-color: #ffffff; } div.widget_search_dropdown > div.content_left_border > div.content_right_border > div.content div.heading { padding-left: 9px; padding-right: 9px; line-height: 30px; background-color: #f5f6f7; color: #4D4D4D; height: 30px; border-bottom: 1px solid #edeff0; } div.heading > span { font-size: 13px; text-transform: uppercase; } div.heading > span.selectedAttribute { text-transform: none; } div.list_section { margin-left: 0px; margin-right: 0px; } ul div.list_section li { list-style-type: none; } ul div.list_section li a span.highlight { font-weight: bold; } ul div.list_section li a:hover, ul div.list_section li a div:hover { text-decoration: underline; } ul div.list_section li:hover { background-color: #d9e9f7; } ul div.list_section li a { display: block; overflow: hidden; cursor: pointer; text-decoration: none; } ul div.list_section li a div.category_list { float: left; } div.widget_search_dropdown > div.content_left_border > div.content_right_border > div.content > div.heading > a { font-size: 12px; text-decoration: none; color: #006ecc; } div.widget_search_dropdown > div.content_left_border > div.content_right_border > div.content > div.heading > a > div { line-height: 30px; } div.widget_search_dropdown > div.bottom > div.left_border { background-image: url('../images/colors/color1/widget_search_dropdown/border_bottomleft.png'); height: 11px; width: 11px; float: left; } div.widget_search_dropdown > div.bottom > div.middle { background-image: url('../images/colors/color1/widget_search_dropdown/border_bottom.png'); background-repeat: repeat-x; width: 297px; height: 11px; float: left; } div.widget_search_dropdown > div.bottom > div.right_border { background-image: url('../images/colors/color1/widget_search_dropdown/border_bottomright.png'); height: 11px; width: 11px; float: left; } /* -----------------------------------------------------------------------------*/ /* 1.COMMON GENERAL CLASSES /* -----------------------------------------------------------------------------*/ img.print_logo { display: none; } .left { float: left; } .right { float: right; } .clear_float { clear: both; } .bold { font-weight: bold; } /* -----------------------------------------------------------------------------*/ /* 2.PAGE TEMPLATE CLASSES /* -----------------------------------------------------------------------------*/ /* -----------------------------------------------------------------------------*/ /* 2.1. Page Template /* -----------------------------------------------------------------------------*/ div#page { width: 100%; height: 100%; position: relative; } /* -----------------------------------------------------------------------------*/ /* 2.2. Main Header Wrapper /* -----------------------------------------------------------------------------*/ /*Main header_wrapper positioning and styles*/ div.header_wrapper_position { width: 100%; background-color: #b4bcbc; position: relative; z-index: 200; } div.header_wrapper { width: 100%; min-width: 987px; } /* Shadows */ div.header_wrapper > div.header_left_shadow { width: 977px; padding-left: 10px; background: url('../images/colors/color1/page_leftborder_shadow.png') top left repeat-y; margin-left: auto; margin-right: auto; } div.header_wrapper > div.header_left_shadow > div.header_right_shadow { width: 967px; padding-right: 10px; background: url('../images/colors/color1/page_rightborder_shadow.png') top right repeat-y; } div.header_wrapper > div.header_left_shadow > div.header_right_shadow > div.header { width: 967px; background-color: #ffffff; position: relative; } div.header_wrapper > div.header_top, div.header_wrapper > div.header_bottom { overflow: hidden; margin-left: auto; margin-right: auto; display: none; /*No borders required in header for Madisons Template */ } /* -----------------------------------------------------------------------------*/ /* 2.3. Main Content Wrapper /* -----------------------------------------------------------------------------*/ div.content_wrapper_position { width: 100%; } div.content_wrapper { width: 100%; background: #ffffff; } /* Shadows */ div.content_wrapper > div.content_left_shadow { padding-left: 10px; margin-left: auto; margin-right: auto; } div.content_wrapper > div.content_left_shadow > div.content_right_shadow { padding-right: 10px; } div.content_wrapper > div.content_left_shadow > div.content_right_shadow > div.main_content { max-width: 967px; margin: 0 auto; background-color: #ffffff; min-height: 100px; padding: 8px 0; } div.content_wrapper > div.content_top { overflow: hidden; margin-left: auto; margin-right: auto; display: none; /*No top borders required in content for Madisons Template */ } /* For Footer bottom (theme oriented can be hidden if not needed) */ div.content_wrapper > div.content_bottom { max-width: 987px; height: 10px; margin-left: auto; margin-right: auto; overflow: hidden; } div.content_wrapper > div.content_bottom > div.left_border { width: 10px; height: 10px; float: left; } div.content_wrapper > div.content_bottom > div.middle { max-width: 967px; height: 10px; float: left; } div.content_wrapper > div.content_bottom > div.right_border { width: 10px; height: 10px; } /* -----------------------------------------------------------------------------*/ /* 2.4. Main Footer Wrapper /* -----------------------------------------------------------------------------*/ div.footer_wrapper_position { width: 100%; } div.footer_wrapper { width: 100%; min-width: 987px; padding-bottom: 150px; background-image: url('../images/colors/color1/page_bg_tile.png'); } /* Shadows */ div.footer_wrapper > div.footer_left_shadow { width: 977px; padding-left: 10px; background-color: none; margin-left: auto; margin-right: auto; } div.footer_wrapper > div.footer_left_shadow > div.footer_right_shadow { width: 967px; padding-right: 10px; background-color: none; } div.footer_wrapper > div.footer_left_shadow > div.footer_right_shadow > div.footer_content { width: 967px; background-color: none; } div.footer_wrapper > div.footer_top, div.footer_wrapper > div.footer_bottom { overflow: hidden; margin-left: auto; margin-right: auto; display: none; /*No borders required in footer for Madisons Template */ } /* -----------------------------------------------------------------------------*/ /* 3.CONTAINER CLASSES /* -----------------------------------------------------------------------------*/ /* -----------------------------------------------------------------------------*/ /* 3.1. General Containers /* -----------------------------------------------------------------------------*/ /*For containers which are direct children of 'main_content'*/ .container_margin { margin: 15px auto; } .container_margin_5px { margin: 5px auto; } .container_margin_8px { margin: 8px auto; } /*Space out widgets which are children of containers. eg: widget in sidebar */ .nested_widget_spacer { height: 9px; } /* -----------------------------------------------------------------------------*/ /* 3.1.2 Content area with right sidebar /* -----------------------------------------------------------------------------*/ /* .container_content_rightsidebar { max-width:967px; padding:0px 16px; overflow: hidden; } .container_content_rightsidebar > .left_column { margin-right: 1%; float: left; padding: 0; } .container_content_rightsidebar.shop_cart > .left_column { width: 79%; } .container_content_rightsidebar > .left_column_5px{ width: 29%; margin-right: 1%; } .container_content_rightsidebar > .right_column { width: 30%; float: left; padding: 0; } .container_content_rightsidebar.shop_cart > .right_column { width: 20%; } .container_content_rightsidebar .right_column .product > .product_image img { width: 70%; max-width: 200px; } *//* -----------------------------------------------------------------------------*/ /* 3.1.3 Content area with left sidebar /* -----------------------------------------------------------------------------*/ .container_content_leftsidebar { overflow: hidden; } .container_content_leftsidebar > .left_column { width: 28%; /*height: 300px;*/ float: left; padding: 0; } .container_content_leftsidebar > .right_column { width: 72%; float: left; padding: 0; } /* -----------------------------------------------------------------------------*/ /* 3.1.3 Double ESpot Container /* -----------------------------------------------------------------------------*/ .widget_double_espot_container { width: 935px; min-height: 37px; padding: 0 16px; } .widget_double_espot_container img { display: block; /* explicit setting will reduce 3px bug in HTML5, when DOM is
*/ } /* DevStart: Strict Hierarchy removed as a div needs be introduced for preview support */ .widget_double_espot_container .left_espot { float: left; } .widget_double_espot_container .right_espot { float: right; } /*DevEnd */ /* -----------------------------------------------------------------------------*/ /* 3.1.4 Header Row ESpot Container /* -----------------------------------------------------------------------------*/ .header_espot_container { padding-top: 0px; /*Dev*/ padding-left: 16px; } /* -----------------------------------------------------------------------------*/ /* 3.1.5 Full ESpot Container /* -----------------------------------------------------------------------------*/ .full_espot > .large_espot_text { position: relative; top: -90px; background-color: white; width: 410px; margin-left: 10px; color: #666666; font-size: 12px; line-height: 14px; } /* DevStart: IE7 specific fix for link colour */ .genericESpot > .widget_height > a { color: #4d4d4d; } /* DevEnd: IE7 specific fix for link colour */ /* -----------------------------------------------------------------------------*/ /* 3.4. Product Details Containers Contains a left column and a right column Image Viewer on left Product Info on right /* -----------------------------------------------------------------------------*/ .container_product_details_image_information { padding: 0px 16px; } .dj_ie7 .container_product_details_image_information { position: relative; z-index: 5; } .container_product_details_image_information > .left_column { width: 50%; float: left; } .container_product_details_image_information > .right_column { width: 50%; float: left; } #attachmentPaginationContainer .paging_controls .active { background-position: left top; cursor: pointer; } #attachmentPaginationContainer .paging_controls > .pages > ul > li { color: #CA4200; cursor: pointer; display: block; float: left; margin: 0 2px; min-width: 14px; padding: 0 2px; text-align: center; } #attachmentPaginationContainer .title { float: left; } #attachmentPaginationContainer .paging_controls { float: right; } #attachmentPaginationContainer .paging_controls .pages { float: left; } #attachmentPaginationContainer .paging_controls .right_arrow { float: left; margin: 2px 0 0; } #attachmentPaginationContainer .paging_controls .left_arrow { float: left; margin: 2px 0 0; } #attachmentPaginationContainer .header { clear: both; } /* -----------------------------------------------------------------------------*/ /* 3.5. Product Details Container for bundle and package Contains a left column and a right column Image Viewer on left Product Info on right /* -----------------------------------------------------------------------------*/ .container_product_details_bundle_package { width: 935px; padding: 0px 16px; } .container_product_details_bundle_package > .left_column { width: 340px; margin-right: 20px; float: left; } .container_product_details_bundle_package > .right_column { width: 575px; float: left; } /* -----------------------------------------------------------------------------*/ /* 4.WIDGET CLASSES /* -----------------------------------------------------------------------------*/ /* -----------------------------------------------------------------------------*/ /* 4.1 Masthead /* -----------------------------------------------------------------------------*/ #masthead { width: 100%; } #masthead > .top { width: 100%; height: 15px; background: url('../images/colors/color1/masthead_top_bg.png') repeat-x; } #masthead > .content { width: 100%; height: 78px; position: relative; } #masthead > .navigation { height: 32px; padding: 7px 16px 6px 16px; position: relative; background: url('../images/colors/color1/masthead_navigation_bg.png') repeat-x; } /* -----------------------------------------------------------------------------*/ /* 4.1.1 Logo Widget /* -----------------------------------------------------------------------------*/ div.widget_masthead_logo_position { position: absolute; left: 0; top: 0; } div#widget_masthead_logo1 img { display: block; /* explicit setting will reduce 3px bug in HTML5, when DOM is
*/ } /* -----------------------------------------------------------------------------*/ /* 4.1.2 Departments Widget /* -----------------------------------------------------------------------------*/ /* Dev : Updated css for department widget and department widget home to allow for keyboard accessibility.*/ div.widget_departments_position { position: absolute; left: 15px; bottom: 6px; } div#widget_departments { height: 32px; cursor: pointer; z-index: 5; position: relative; } div#widget_departments .drop_down { font-size: 12px; display: none; } div#widget_departments > div.left_border { width: 5px; height: 32px; background: url('../images/colors/color1/widget_departments/departments_left_border_sprite.png') left top no-repeat; float: left; } div#widget_departments:hover > div.left_border, div#widget_departments:focus > div.left_border { width: 5px; height: 32px; background: url('../images/colors/color1/widget_departments/departments_left_border_sprite.png') left bottom no-repeat; float: left; } div#widget_departments > div.content { min-width: 235px; height: 32px; line-height: 32px; font-size: 0; padding: 0px 9px; background: url('../images/colors/color1/widget_departments/departments_tile_bg_sprite.png') left top repeat-x; float: left; position: relative; } div#widget_departments:hover > div.content, div#widget_departments:focus > div.content { width: 235px; height: 32px; line-height: 32px; font-size: 0; padding: 0px 9px; background: url('../images/colors/color1/widget_departments/departments_tile_bg_sprite.png') left bottom repeat-x; float: left; position: relative; } div#widget_departments > div.content > span.label { font-size: 15px; color: #4d4d4d; } div#widget_departments:hover > div.content > span.label { font-size: 15px; color: #4d4d4d; } div#widget_departments > div.content > div.arrow { width: 7px; height: 7px; background: url('../images/colors/color1/widget_departments/departments_arrow.png') no-repeat; position: absolute; right: 0px; bottom: 6px; } div#widget_departments > div.right_border { width: 5px; height: 32px; background: url('../images/colors/color1/widget_departments/departments_right_border_sprite.png') left top no-repeat; float: left; } div#widget_departments:hover > div.right_border, div#widget_departments:focus > div.right_border { width: 5px; height: 32px; background: url('../images/colors/color1/widget_departments/departments_right_border_sprite.png') left bottom no-repeat; float: left; } div#widget_departments:hover > .drop_down, div#widget_departments:focus > .drop_down { position: absolute; left: 0px; top: 30px; cursor: default; display: block; } div#widget_departments:hover > .drop_down > .top, div#widget_departments:focus > .drop_down > .top { width: 263px; overflow: hidden; } div#widget_departments:hover > .drop_down > .top > .left_border, div#widget_departments:focus > .drop_down > .top > .left_border { width: 2px; height: 4px; float: left; background: url('../images/colors/color1/widget_departments/dropdown_top_sprite.png') left top no-repeat; } div#widget_departments:hover > .drop_down > .top > .middle_tile, div#widget_departments:focus > .drop_down > .top > .middle_tile { width: 259px; height: 4px; float: left; background: url('../images/colors/color1/widget_departments/dropdown_top_sprite.png') left center repeat-x; } div#widget_departments:hover > .drop_down > .top > .right_border, div#widget_departments:focus > .drop_down > .top > .right_border { width: 2px; height: 4px; float: left; background: url('../images/colors/color1/widget_departments/dropdown_top_sprite.png') left bottom; } div#widget_departments:hover > .drop_down > .middle, div#widget_departments:focus > .drop_down > .middle { width: 263px; } div#widget_departments:hover > .drop_down > .middle > .left_border, div#widget_departments:focus > .drop_down > .middle > .left_border { width: 262px; padding-left: 1px; background-color: #b7bebe; } div#widget_departments:hover > .drop_down > .middle > .left_border > .right_border, div#widget_departments:focus > .drop_down > .middle > .left_border > .right_border { width: 261px; padding-right: 1px; background-color: #b7bebe; } div#widget_departments:hover > .drop_down > .middle > .left_border > .right_border > .departments, div#widget_departments:focus > .drop_down > .middle > .left_border > .right_border > .departments { width: 261px; background-color: #ffffff; } div#widget_departments:hover > .drop_down > .middle > .left_border > .right_border > .departments > .department, div#widget_departments:focus > .drop_down > .middle > .left_border > .right_border > .departments > .department { /*Removed height value for departments dropdown multiple line fix*/ cursor: pointer; } div#widget_departments:hover > .drop_down > .middle > .left_border > .right_border > .departments > .department:hover, div#widget_departments:focus > .drop_down > .middle > .left_border > .right_border > .departments > .department:focus { background-color: #d9e9f7; } div#widget_departments:hover > .drop_down > .middle > .left_border > .right_border > .departments > .department > .name_wrapper, div#widget_departments:focus > .drop_down > .middle > .left_border > .right_border > .departments > .department > .name_wrapper { overflow: hidden; position: relative; } div#widget_departments:hover > .drop_down > .middle > .left_border > .right_border > .departments > .department > .name_wrapper > .name, div#widget_departments:focus > .drop_down > .middle > .left_border > .right_border > .departments > .department > .name_wrapper > .name { line-height: 17px; font-size: 13px; /*float: left;*/ padding: 6px 30px 6px 13px; max-width: 220px; color: #565656; } div#widget_departments:hover > .drop_down > .middle > .left_border > .right_border > .departments > .department > .name_wrapper > .name a, div#widget_departments:focus > .drop_down > .middle > .left_border > .right_border > .departments > .department > .name_wrapper > .name a { text-decoration: none; color: #565656; } div#widget_departments:hover > .drop_down > .middle > .left_border > .right_border > .departments > .department > .name_wrapper > .arrow, div#widget_departments:focus > .drop_down > .middle > .left_border > .right_border > .departments > .department > .name_wrapper > .arrow { position: absolute; top: 50%; right: 10px; margin-top: -5px; height: 10px; width: 10px; float: right; background: url('../images/colors/color1/widget_departments/arrow_sprite.png') left top no-repeat; } div#widget_departments:hover > .drop_down > .middle > .left_border > .right_border > .departments > .department:hover > .name_wrapper, div#widget_departments:focus > .drop_down > .middle > .left_border > .right_border > .departments > .department:focus > .name_wrapper { font-weight: bold; } /* Dev : dephighlight is a dynamically added css class to highlight the menu item during keyboard navigation It mimics the mouse functionality. */ div#widget_departments:focus > .drop_down > .middle > .left_border > .right_border > .departments > .dephighlight { background-color: #d9e9f7; } div#widget_departments:focus > .drop_down > .middle > .left_border > .right_border > .departments > .dephighlight > .name_wrapper > .name > a { font-weight: bold; } div#widget_departments:focus > .drop_down > .middle > .left_border > .right_border > .departments > .dephighlight > .name_wrapper > .arrow { background-position: left bottom; } div#widget_departments:hover > .drop_down > .middle > .left_border > .right_border > .departments > .department:hover > .name_wrapper > .name a, div#widget_departments:focus > .drop_down > .middle > .left_border > .right_border > .departments > .department:focus > .name_wrapper > .name a { text-decoration: none } div#widget_departments:hover > .drop_down > .middle > .left_border > .right_border > .departments > .department:hover > .name_wrapper > .arrow, div#widget_departments:focus > .drop_down > .middle > .left_border > .right_border > .departments > .department:focus > .name_wrapper > .arrow { background-position: left bottom; } div#widget_departments:hover > .drop_down > .middle > .left_border > .right_border > .departments > .department > .sub_categories, div#widget_departments:focus > .drop_down > .middle > .left_border > .right_border > .departments > .department > .sub_categories { min-height: 203px; position: absolute; top: 0; left: 262px; display: none; cursor: default; } div#widget_departments:hover > .drop_down .departments > .department > .sub_categories .top, div#widget_departments:focus > .drop_down .departments > .department > .sub_categories .top { width: 100%; height: 5px; overflow: hidden; background: url('../images/colors/color1/widget_departments/sub_categories_top_sprite.png') 0px -5px repeat-x; } div#widget_departments:hover > .drop_down .departments > .department > .sub_categories > .top > .left_border, div#widget_departments:focus > .drop_down .departments > .department > .sub_categories > .top > .left_border { width: 1px; height: 5px; background: url('../images/colors/color1/widget_departments/sub_categories_top_sprite.png') left top no-repeat; float: left; } div#widget_departments:hover > .drop_down .departments > .department > .sub_categories > .top > .middle_tile, div#widget_departments:focus > .drop_down .departments > .department > .sub_categories > .top > .middle_tile { display: none; } div#widget_departments:hover > .drop_down .departments > .department > .sub_categories > .top > .right_border, div#widget_departments:focus > .drop_down .departments > .department > .sub_categories > .top > .right_border { width: 1px; height: 5px; background: url('../images/colors/color1/widget_departments/sub_categories_top_sprite.png') left bottom no-repeat; float: right; } div#widget_departments:hover > .drop_down .departments > .department > .sub_categories .middle, div#widget_departments:focus > .drop_down .departments > .department > .sub_categories .middle { width: 100%; float: left; min-height: 197px; } div#widget_departments:hover > .drop_down .departments > .department > .sub_categories > .middle > .left_border, div#widget_departments:focus > .drop_down .departments > .department > .sub_categories > .middle > .left_border { /*width: 1px; min-height: 197px; background-color: #b7bebe; float: left;*/ } div#widget_departments:hover > .drop_down .departments > .department > .sub_categories > .middle > .middle_tile, div#widget_departments:focus > .drop_down .departments > .department > .sub_categories > .middle > .middle_tile { min-height: 197px; border-left: 1px solid #b7bebe; border-right: 1px solid #b7bebe; float: left; } div#widget_departments:hover > .drop_down .departments > .department > .sub_categories > .middle > .middle_tile > .sub_category, div#widget_departments:focus > .drop_down .departments > .department > .sub_categories > .middle > .middle_tile > .sub_category { width: 223px; min-height: 197px; float: left; font-size: 11px; /*line-height: 26px;*/ line-height: 29px; margin-left: 1px; overflow: hidden; margin-top: -8px; } div#widget_departments:hover > .drop_down .departments > .department > .sub_categories > .middle > .middle_tile > .sub_category > .item, div#widget_departments:focus > .drop_down .departments > .department > .sub_categories > .middle > .middle_tile > .sub_category > .item { padding-left: 18px; /*line-height: 14px; padding-top: 6px; padding-bottom: 6px;*/ line-height: 29px; font-size: 12px; } div#widget_departments:hover > .drop_down .departments > .department > .sub_categories > .middle > .middle_tile > .sub_category > .name, div#widget_departments:focus > .drop_down .departments > .department > .sub_categories > .middle > .middle_tile > .sub_category > .name { padding-left: 18px; font-weight: bold; margin-top: 8px; padding-top: 0px; font-size: 12px; /*Font size change for Departments dropdown*/ text-transform: uppercase; } div#widget_departments > .drop_down .departments > .department > .sub_categories > .middle > .middle_tile > .sub_category > .first { margin-top: 8px; } div#widget_departments:hover > .drop_down .departments > .department > .sub_categories > .middle > .middle_tile > .sub_category > .item:hover, div#widget_departments:focus > .drop_down .departments > .department > .sub_categories > .middle > .middle_tile > .sub_category > .item:focus { background-color: #d9e9f7; } div#widget_departments:hover > .drop_down .departments > .department > .sub_categories > .middle > .middle_tile > .sub_category > .item a, div#widget_departments:focus > .drop_down .departments > .department > .sub_categories > .middle > .middle_tile > .sub_category > .item a { text-decoration: none; color: #565656; } div#widget_departments:hover > .drop_down .departments > .department > .sub_categories > .middle > .middle_tile > .sub_category > .item a:hover, div#widget_departments:focus > .drop_down .departments > .department > .sub_categories > .middle > .middle_tile > .sub_category > .item a:focus { text-decoration: underline; } div#widget_departments:hover > .drop_down .departments > .department > .sub_categories > .middle > .middle_tile > .sub_category > .name a, div#widget_departments:focus > .drop_down .departments > .department > .sub_categories > .middle > .middle_tile > .sub_category > .name a { color: #333333 !important; } div#widget_departments:focus > .drop_down .departments > .department > .sub_categories > .middle > .middle_tile > .sub_category > .dephighlight { background-color: #d9e9f7; } div#widget_departments:focus > .drop_down .departments > .department > .sub_categories > .middle > .middle_tile > .sub_category > .dephighlight > a { text-decoration: underline; } div#widget_departments:hover > .drop_down .departments > .department > .sub_categories > .middle > .right_border, div#widget_departments:focus > .drop_down .departments > .department > .sub_categories > .middle > .right_border { /*width: 1px; min-height: 197px; background-color: #b7bebe; float: right;*/ } div#widget_departments:hover > .drop_down .departments > .department > .sub_categories .bottom, div#widget_departments:focus > .drop_down .departments > .department > .sub_categories .bottom { width: 100%; height: 1px; overflow: hidden; background-color: #b7bebe; } div#widget_departments:hover > .drop_down .departments > .department > .sub_categories > .bottom > .left_border, div#widget_departments:focus > .drop_down .departments > .department > .sub_categories > .bottom > .left_border { width: 1px; height: 1px; background-color: #b7bebe; float: left; } div#widget_departments:hover > .drop_down .departments > .department > .sub_categories > .bottom > .middle_tile, div#widget_departments:focus > .drop_down .departments > .department > .sub_categories > .bottom > .middle_tile { display: none; } div#widget_departments:hover > .drop_down .departments > .department > .sub_categories > .bottom > .right_border, div#widget_departments:focus > .drop_down .departments > .department > .sub_categories > .bottom > .right_border { width: 1px; height: 1px; background-color: #b7bebe; float: right; } div#widget_departments:hover > .drop_down > .middle > .left_border > .right_border > .departments > .view_all, div#widget_departments:focus > .drop_down > .middle > .left_border > .right_border > .departments > .view_all { width: 231px; padding-left: 30px; background-color: #f5f6f7; height: 42px; line-height: 42px; font-size: 13px; position: relative; border-top: 1px solid #e0e0e0; margin-top: 5px; } div#widget_departments:hover > .drop_down > .middle > .left_border > .right_border > .departments > .view_all a, div#widget_departments:focus > .drop_down > .middle > .left_border > .right_border > .departments > .view_all a { text-decoration: none; color: #565656; } div#widget_departments:hover > .drop_down > .middle > .left_border > .right_border > .departments > .view_all a:hover { font-weight: bold; } div#widget_departments:focus > .drop_down > .middle > .left_border > .right_border > .departments > .dephighlight > a { font-weight: bold; } div#widget_departments:hover > .drop_down > .middle > .left_border > .right_border > .departments > .view_all > .arrow, div#widget_departments:focus > .drop_down > .middle > .left_border > .right_border > .departments > .view_all > .arrow { width: 10px; height: 10px; position: absolute; left: 13px; top: 50%; margin-top: -5px; background: url('../images/colors/color1/widget_departments/arrow_sprite.png') left top no-repeat; } div#widget_departments:hover > .drop_down > .bottom, div#widget_departments:focus > .drop_down > .bottom { width: 263px; overflow: hidden; background-color: #b7bebe; } div#widget_departments:hover > .drop_down > .bottom > .left_border, div#widget_departments:focus > .drop_down > .bottom > .left_border { width: 1px; height: 1px; float: left; } div#widget_departments:hover > .drop_down > .bottom > .middle_tile, div#widget_departments:focus > .drop_down > .bottom > .middle_tile { width: 261px; height: 1px; float: left; } div#widget_departments:hover > .drop_down > .bottom > .right_border, div#widget_departments:focus > .drop_down > .bottom > .right_border { width: 1px; height: 1px; float: left; } /* -----------------------------------------------------------------------------*/ /* 4.1.2.1 Departments Widget Home /* -----------------------------------------------------------------------------*/ div.widget_departments_home_position { position: absolute; left: 15px; bottom: 0px; } div#widget_departments_home { height: 38px; cursor: pointer; z-index: 5; position: relative; } div#widget_departments_home > div.left_border { width: 5px; height: 38px; background: url('../images/colors/color1/widget_departments/departments_home_bg_sprite.png') left top no-repeat; float: left; } div#widget_departments_home > div.content { width: 186px; height: 17px; padding: 8px 9px 13px 9px; background: url('../images/colors/color1/widget_departments/departments_home_bg_sprite.png') left bottom repeat-x; float: left; position: relative; } div#widget_departments_home > div.content > span.label { font-size: 15px; color: #332902; } div#widget_departments_home > div.content > div.arrow { display: none; } div#widget_departments_home > div.right_border { width: 5px; height: 38px; background: url('../images/colors/color1/widget_departments/departments_home_bg_sprite.png') left center no-repeat; float: left; } /*Drop Down*/ div#widget_departments_home > .drop_down { display: block; position: absolute; left: 0px; top: 38px; cursor: default; } div#widget_departments_home > .drop_down > .top { width: 214px; overflow: hidden; display: none; } div#widget_departments_home > .drop_down > .top > .left_border { width: 2px; height: 4px; float: left; background: url('../images/colors/color1/widget_departments/dropdown_top_sprite.png') left top no-repeat; } div#widget_departments_home > .drop_down > .top > .middle_tile { width: 210px; height: 4px; float: left; background: url('../images/colors/color1/widget_departments/dropdown_top_sprite.png') left center repeat-x; } div#widget_departments_home > .drop_down > .top > .right_border { width: 2px; height: 4px; float: left; background: url('../images/colors/color1/widget_departments/dropdown_top_sprite.png') left bottom; } div#widget_departments_home > .drop_down > .middle { width: 214px; } div#widget_departments_home > .drop_down > .middle > .left_border { width: 213px; padding-left: 1px; background-color: #a2a4a4; } div#widget_departments_home > .drop_down > .middle > .left_border > .right_border { width: 212px; padding-right: 1px; background-color: #a2a4a4; } div#widget_departments_home > .drop_down > .middle > .left_border > .right_border > .departments { width: 212px; padding-top: 5px; background-color: #ffffff; } div#widget_departments_home > .drop_down > .middle > .left_border > .right_border > .departments > .department { height: 29px; cursor: pointer; } div#widget_departments_home > .drop_down > .middle > .left_border > .right_border > .departments > .department:hover { background-color: #d9e9f7; } div#widget_departments_home > .drop_down > .middle > .left_border > .right_border > .departments > .department > .name_wrapper { position: relative; } div#widget_departments_home > .drop_down > .middle > .left_border > .right_border > .departments > .department > .name_wrapper > .name { line-height: 29px; font-size: 13px; float: left; padding: 0 30px 0 13px; max-width: 220px; color: #565656; } div#widget_departments_home > .drop_down > .middle > .left_border > .right_border > .departments > .department > .name_wrapper > .name a { text-decoration: none; color: #565656; } div#widget_departments_home > .drop_down > .middle > .left_border > .right_border > .departments > .department > .name_wrapper > .arrow { position: absolute; top: 50%; right: 10px; margin-top: -5px; height: 10px; width: 10px; float: right; background: url('../images/colors/color1/widget_departments/arrow_sprite.png') left top no-repeat; } div#widget_departments_home > .drop_down > .middle > .left_border > .right_border > .departments > .department:hover > .name_wrapper { font-weight: bold; } div#widget_departments_home > .drop_down > .middle > .left_border > .right_border > .departments > .department:hover > .name_wrapper > .name a { text-decoration: none } div#widget_departments_home > .drop_down > .middle > .left_border > .right_border > .departments > .department:hover > .name_wrapper > .arrow { background-position: left bottom; } div#widget_departments_home > .drop_down > .middle > .left_border > .right_border > .departments > .department > .sub_categories { width: 392px; height: 204px; background-color: #ffffff; position: absolute; top: -5px; left: 213px; display: none; cursor: default; } div#widget_departments_home > .drop_down .departments > .department > .sub_categories .top { width: 392px; height: 5px; overflow: hidden; } div#widget_departments_home > .drop_down .departments > .department > .sub_categories > .top > .left_border { width: 1px; height: 5px; background: url('../images/colors/color1/widget_departments/home_sub_categories_top_sprite.png') left top no-repeat; float: left; } div#widget_departments_home > .drop_down .departments > .department > .sub_categories > .top > .middle_tile { width: 390px; height: 5px; background: url('../images/colors/color1/widget_departments/home_sub_categories_top_sprite.png') left center repeat-x; float: left; } div#widget_departments_home > .drop_down .departments > .department > .sub_categories > .top > .right_border { width: 1px; height: 5px; background: url('../images/colors/color1/widget_departments/home_sub_categories_top_sprite.png') left bottom no-repeat; float: left; } div#widget_departments_home > .drop_down .departments > .department > .sub_categories .middle { width: 392px; height: 198px; overflow: hidden; } div#widget_departments_home > .drop_down .departments > .department > .sub_categories > .middle > .left_border { width: 1px; height: 198px; background-color: #a2a4a4; float: left; } div#widget_departments_home > .drop_down .departments > .department > .sub_categories > .middle > .middle_tile { width: 390px; height: 198px; float: left; overflow: hidden; } div#widget_departments_home > .drop_down .departments > .department > .sub_categories > .middle > .middle_tile > .sub_category { width: 127px; height: 198px; float: left; font-size: 11px; line-height: 26px; margin-left: 1px; } div#widget_departments_home > .drop_down .departments > .department > .sub_categories > .middle > .middle_tile > .sub_category > .name { padding-left: 18px; width: 109px; font-weight: bold; margin-top: 8px; } div#widget_departments_home > .drop_down .departments > .department > .sub_categories > .middle > .middle_tile > .sub_category > .item { padding-left: 18px; width: 109px; } div#widget_departments_home > .drop_down .departments > .department > .sub_categories > .middle > .middle_tile > .sub_category > .item:hover { background-color: #d9e9f7; } div#widget_departments_home > .drop_down .departments > .department > .sub_categories > .middle > .middle_tile > .sub_category > .item a { text-decoration: none; color: #565656; } div#widget_departments_home > .drop_down .departments > .department > .sub_categories > .middle > .middle_tile > .sub_category > .item a:hover { text-decoration: underline; } div#widget_departments_home > .drop_down .departments > .department > .sub_categories > .middle > .right_border { width: 1px; height: 198px; background-color: #a2a4a4; float: left; } div#widget_departments_home > .drop_down .departments > .department > .sub_categories .bottom { width: 392px; height: 1px; overflow: hidden; } div#widget_departments_home > .drop_down .departments > .department > .sub_categories > .bottom > .left_border { width: 1px; height: 1px; background-color: #a2a4a4; float: left; } div#widget_departments_home > .drop_down .departments > .department > .sub_categories > .bottom > .middle_tile { width: 390px; height: 1px; background-color: #a2a4a4; float: left; } div#widget_departments_home > .drop_down .departments > .department > .sub_categories > .bottom > .right_border { width: 1px; height: 1px; background-color: #a2a4a4; float: left; } div#widget_departments_home > .drop_down > .middle > .left_border > .right_border > .departments > .department:hover > .sub_categories { display: block; } div#widget_departments_home > .drop_down > .middle > .left_border > .right_border > .departments > .view_all { width: 182px; padding-left: 30px; background-color: #f5f6f7; height: 42px; line-height: 42px; font-size: 13px; position: relative; border-top: 1px solid #e0e0e0; margin-top: 5px; } div#widget_departments_home > .drop_down > .middle > .left_border > .right_border > .departments > .view_all a { text-decoration: none; color: #565656; } div#widget_departments_home > .drop_down > .middle > .left_border > .right_border > .departments > .view_all a:hover { font-weight: bold; } div#widget_departments_home > .drop_down > .middle > .left_border > .right_border > .departments > .view_all > .arrow { width: 10px; height: 10px; position: absolute; left: 13px; top: 50%; margin-top: -5px; background: url('../images/colors/color1/widget_departments/arrow_sprite.png') left top no-repeat; } div#widget_departments_home > .drop_down > .bottom { width: 214px; overflow: hidden; background-color: #a2a4a4; } div#widget_departments_home > .drop_down > .bottom > .left_border { width: 1px; height: 1px; float: left; } div#widget_departments_home > .drop_down > .bottom > .middle_tile { width: 212px; height: 1px; float: left; } div#widget_departments_home > .drop_down > .bottom > .right_border { width: 1px; height: 1px; float: left; } /* DevStart : dephighlight is a dynamically added css class to highlight the menu item during keyboard navigation It mimics the mouse functionality. */ div#widget_departments_home > .drop_down .departments > .department > .sub_categories > .middle > .middle_tile > .sub_category > .first { margin-top: 8px; } div#widget_departments_home > .drop_down > .middle > .left_border > .right_border > .departments > .dephighlight { background-color: #d9e9f7; } div#widget_departments_home > .drop_down > .middle > .left_border > .right_border > .departments > .dephighlight > .name_wrapper > .name > a { font-weight: bold; } div#widget_departments_home > .drop_down > .middle > .left_border > .right_border > .departments > .dephighlight > .name_wrapper > .arrow { background-position: left bottom; } div#widget_departments_home > .drop_down .departments > .department > .sub_categories > .middle > .middle_tile > .sub_category > .dephighlight { background-color: #d9e9f7; } div#widget_departments_home > .drop_down .departments > .department > .sub_categories > .middle > .middle_tile > .sub_category > .dephighlight > a { text-decoration: underline; } div#widget_departments_home > .drop_down > .middle > .left_border > .right_border > .departments > .dephighlight > a { font-weight: bold; } /* DevEnd */ /* -----------------------------------------------------------------------------*/ /* 4.1.3 Search Widget /* -----------------------------------------------------------------------------*/ div.widget_search_position { position: absolute; right: 15px; bottom: 6px; } div#widget_search { height: 32px; } div#widget_search > div.left_border { width: 5px; height: 32px; background: url('../images/colors/color1/widget_search/search_left_border.png') no-repeat; float: left; } div#widget_search > div.content { min-width: 298px; height: 20px; padding: 5px 25px 7px 5px; background: url('../images/colors/color1/widget_search/search_tile_bg.png') repeat-x; float: left; position: relative; } div#widget_search > div.content .all_departments { background: url('../images/colors/color1/widget_search/search_drop_arrow.png') no-repeat; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; background-position: bottom right; padding-right: 10px; padding-left: 10px; font-size: 14px; float: left; margin-left: 4px; cursor: pointer; vertical-align: center; text-align: center; width: 100px; overflow: hidden; height: 20px; line-height: 20px; } div#widget_search > div.content input.search_input { width: 287px; border: none; height: 20px; font-size: 14px; background: none; float: left; clear: both; margin-top: 3px\9; /* For IE 9 and below */ } .gray_color { color: #777777; } /* Dev: Begin. Search input text color is different for onFocus and onBlur */ div#widget_search > div.content input.search_input:focus { color: #4D4D4D; } div#widget_search > div.content input.search_input:blur { color: #C6C6C6; } /* Dev: End. Search input text color is different for onFocus and onBlur */ div#widget_search > div.content input.search_submit { width: 19px; height: 19px; border: 0; position: absolute; right: 0; top: 50%; margin-top: -9px; /*Needs to be negative 50% of the set height */ cursor: pointer; text-indent: -9999px; /* Dev: for accessibility */ text-transform: capitalize; /* Dev: for above text-indent to work in ie7 */ background: url('../images/colors/color1/widget_search/search_submit.png') no-repeat; } div#widget_search > div.content input.search_submit:hover { background: url('../images/colors/color1/widget_search/search_submit_hover.png') no-repeat; } div#widget_search > div.right_border { width: 5px; height: 32px; background: url('../images/colors/color1/widget_search/search_right_border.png') no-repeat; float: left; } div.widget_search_departments_dropdown_position { position: absolute; top: 22px; left: 287px; display: none; } div.widget_search_departments_dropdown { z-index: 30; position: relative; } div.widget_search_departments_dropdown > div.top > div.left_border { background-image: url('../images/colors/color1/widget_search_dropdown/border_topleft.png'); height: 11px; width: 11px; float: left; } div.widget_search_departments_dropdown > div.top > div.middle { background-image: url('../images/colors/color1/widget_search_dropdown/border_top.png'); background-repeat: repeat-x; width: 148px; height: 11px; float: left; } div.widget_search_departments_dropdown > div.top > div.right_border { background-image: url('../images/colors/color1/widget_search_dropdown/border_topright.png'); height: 11px; width: 11px; float: left; } div.widget_search_departments_dropdown > div.content_left_border { width: 166px; background-image: url('../images/colors/color1/widget_search_dropdown/border_left.png'); background-repeat: repeat-y; padding-left: 11px; } div.widget_search_departments_dropdown > div.content_left_border > div.content_right_border { width: 148px; background-image: url('../images/colors/color1/widget_search_dropdown/border_right.png'); background-repeat: repeat-y; padding-right: 11px; background-position: right; } div.widget_search_departments_dropdown ul { background-color: white; cursor: pointer; } div.widget_search_departments_dropdown ul li { list-style-type: none; margin-left: 1px; margin-right: 1px; } div.widget_search_departments_dropdown ul li a { border-bottom: 1px solid #F2F2F2; color: #4D4D4D; cursor: pointer; display: block; font-size: 12px; padding-left: 8px; padding-right: 8px; text-decoration: none; padding-left: 11px; padding-right: 11px; background-color: white; line-height: 16px; padding-top: 4px; padding-bottom: 4px; } div.widget_search_departments_dropdown ul li a.enabled { background-color: #D9E9F7; } div.widget_search_departments_dropdown ul li a.disabled { background-color: white; } /* div.widget_search_departments_dropdown ul li a:hover{ background-color:#D9E9F7; } */ div.widget_search_departments_dropdown > div.bottom > div.left_border { background-image: url('../images/colors/color1/widget_search_dropdown/border_bottomleft.png'); height: 11px; width: 11px; float: left; } div.widget_search_departments_dropdown > div.bottom > div.middle { background-image: url('../images/colors/color1/widget_search_dropdown/border_bottom.png'); background-repeat: repeat-x; width: 148px; height: 11px; float: left; } div.widget_search_departments_dropdown > div.bottom > div.right_border { background-image: url('../images/colors/color1/widget_search_dropdown/border_bottomright.png'); height: 11px; width: 11px; float: left; } /* -----------------------------------------------------------------------------*/ /* 4.1.4 MiniShoppingCart Widget /* -----------------------------------------------------------------------------*/ /* Positioning in the masthead for the minishopcart */ div.widget_minishopcart_position { position: absolute; top: 7px; right: 16px; z-index: 10; } /* Minishopcart Style */ div#widget_minishopcart { cursor: pointer; } div#widget_minishopcart > div.content { min-width: 218px; height: 64px; background: url('../images/colors/color1/widget_minishopcart/minishopcart_tile_bg.png') repeat-x; float: left; position: relative; } div#widget_minishopcart > div.content > div.content_overlay { background: url('../images/trasparent.gif') repeat-x repeat-y; min-width: 218px; height: 64px; float: left; position: relative; z-index: 1; } div#widget_minishopcart > div.content > div.info { position: absolute; top: 17px; left: 45px; color: #4d4d4d; min-width: 163px; } div#widget_minishopcart > div.content > div.info > .subtotal { line-height: 16px; font-size: 13px; font-style: italic; } div#widget_minishopcart > div.content > div.info > .cart { line-height: 16px; font-size: 12px; font-style: italic; } div#widget_minishopcart > div.content > div.cart_icon { position: absolute; top: 12px; left: 7px; width: 28px; height: 28px; background: url('../images/colors/color1/widget_minishopcart/minishopcart_carticon.png') no-repeat; } div#widget_minishopcart > div.content > div.arrow { width: 7px; height: 7px; background: url('../images/colors/color1/widget_minishopcart/minishopcart_arrow.png') no-repeat; position: absolute; right: -2px; bottom: 4px; } div#widget_minishopcart > div.left_border { width: 5px; height: 64px; background: url('../images/colors/color1/widget_minishopcart/minishopcart_left_border.png') no-repeat; float: left; } div#widget_minishopcart > div.right_border { width: 5px; height: 64px; background: url('../images/colors/color1/widget_minishopcart/minishopcart_right_border.png') no-repeat; float: left; } /* -----------------------------------------------------------------------------*/ /* 4.1.5 MiniShoppingCart Widget Popup /* -----------------------------------------------------------------------------*/ div#widget_minishopcart_popup, div#widget_minishopcart_popup_1 { cursor: pointer; } div#widget_minishopcart_popup > #cartDropdown > .content > .products > .product, div#widget_minishopcart_popup_1 > #cartDropdown > .content > .products > .product { min-height: 94px; border-bottom: 1px solid #edeff0; position: relative; padding: 5px 11px 5px 92px; } div#widget_minishopcart_popup > #cartDropdown > .content > .products > .product > .product_image, div#widget_minishopcart_popup_1 > #cartDropdown > .content > .products > .product > .product_image { width: 82px; height: 94px; position: absolute; top: 0px; left: 0px; padding: 5px 10px 5px 0; overflow: hidden; /*Dev*/ } div#widget_minishopcart_popup > #cartDropdown > .content > .products > .product > .product_name, div#widget_minishopcart_popup_1 > #cartDropdown > .content > .products > .product > .product_name { font-size: 16px; color: #666666; } /* DevStart - productname color was displayed as blue in IE7. */ div#widget_minishopcart_popup > #cartDropdown > .content > .products > .product > .product_name a, div#widget_minishopcart_popup_1 > #cartDropdown > .content > .products > .product > .product_name a { color: #666666; } /*DevEnd*/ /* DevStart: text underline effect on mouse over for product name in minishopcart */ div#widget_minishopcart_popup > #cartDropdown > .content > .products > .product a, div#widget_minishopcart_popup_1 > #cartDropdown > .content > .products > .product a { text-decoration: none; } div#widget_minishopcart_popup > #cartDropdown > .content > .products > .product a:hover, div#widget_minishopcart_popup_1 > #cartDropdown > .content > .products > .product a:hover { text-decoration: underline; } div#widget_minishopcart_popup > #cartDropdown > .content > .products > .product > .product_image a, div#widget_minishopcart_popup_1 > #cartDropdown > .content > .products > .product > .product_image a { display: block; } /* DevEnd */ div#widget_minishopcart_popup > #cartDropdown > .content > .products > .product > .product_quantity, div#widget_minishopcart_popup_1 > #cartDropdown > .content > .products > .product > .product_quantity { font-size: 13px; color: #666666; margin-right: 14px; } div#widget_minishopcart_popup > #cartDropdown > .content > .products > .product > .product_part_number, div#widget_minishopcart_popup_1 > #cartDropdown > .content > .products > .product > .product_part_number { font-size: 13px; color: #4d4d4d; } div#widget_minishopcart_popup > #cartDropdown > .content > .products > .product > .product_price, div#widget_minishopcart_popup_1 > #cartDropdown > .content > .products > .product > .product_price { font-size: 13px; color: #4d4d4d; line-height: 26px; float: right; } div#widget_minishopcart_popup > #cartDropdown > .content > .products > .product > .product_color, div#widget_minishopcart_popup_1 > #cartDropdown > .content > .products > .product > .product_color { font-size: 12px; line-height: 16px; color: #808080; } div#widget_minishopcart_popup > #cartDropdown > .content > .products > .product > .product_size, div#widget_minishopcart_popup_1 > #cartDropdown > .content > .products > .product > .product_size { font-size: 12px; line-height: 16px; color: #808080; } div#widget_minishopcart_popup > #cartDropdown > .content > .subtotal, div#widget_minishopcart_popup_1 > #cartDropdown > .content > .subtotal { border-bottom: 1px solid #EDEFF0; padding: 8px 11px; position: relative; } div#widget_minishopcart_popup > #cartDropdown > .content > .subtotal > .product_price, div#widget_minishopcart_popup_1 > #cartDropdown > .content > .subtotal > .product_price { color: #ca4200; line-height: 22px; font-weight: bold; float: right; } div#widget_minishopcart_popup > #cartDropdown > .content > .adjustment_price > .product_price, div#widget_minishopcart_popup_1 > #cartDropdown > .content > .adjustment_price > .product_price { color: #4d4d4d; } div#widget_minishopcart_popup > #cartDropdown > .content > .view_more, div#widget_minishopcart_popup_1 > #cartDropdown > .content > .view_more { border-bottom: 1px solid #EDEFF0; padding: 5px 11px; position: relative; } div#widget_minishopcart_popup > #cartDropdown > .content > .view_more > .view_more_items, div#widget_minishopcart_popup_1 > #cartDropdown > .content > .view_more > .view_more_items { color: #006ECC; font-size: 12px; cursor: pointer; } div#widget_minishopcart_popup > #cartDropdown > .content > .view_more > .view_more_items:hover, div#widget_minishopcart_popup_1 > #cartDropdown > .content > .view_more > .view_more_items:hover { text-decoration: underline; } div#widget_minishopcart_popup > #cartDropdown > .content > .go_to_cart, div#widget_minishopcart_popup_1 > #cartDropdown > .content > .go_to_cart { height: 35px; padding: 6px 11px; overflow: hidden; } div#widget_minishopcart_popup > #cartDropdown > .content > .go_to_cart > .button_primary, div#widget_minishopcart_popup_1 > #cartDropdown > .content > .go_to_cart > .button_primary { float: right; margin-top: 5px; } /* Added Product */ div#widget_minishopcart_popup > #cartDropdown > .content > .added > .product, div#widget_minishopcart_popup_1 > #cartDropdown > .content > .added > .product { min-height: 112px; border-bottom: 1px solid #edeff0; position: relative; padding: 5px 11px 5px 126px; } div#widget_minishopcart_popup > #cartDropdown > .content > .added > .product:last-child, div#widget_minishopcart_popup_1 > #cartDropdown > .content > .added > .product:last-child { border-bottom: none; } div#widget_minishopcart_popup > #cartDropdown > .content > .added > .product > .product_image, div#widget_minishopcart_popup_1 > #cartDropdown > .content > .added > .product > .product_image { width: 110px; height: 114px; position: absolute; top: 0px; left: 0px; } div#widget_minishopcart_popup > #cartDropdown > .content > .empty, div#widget_minishopcart_popup_1 > #cartDropdown > .content > .empty { font-size: 13px; padding: 15px 7px; border-bottom: 1px solid #EDEFF0; } div#widget_minishopcart_popup > .bottom, div#widget_minishopcart_popup_1 > .bottom { width: 360px; overflow: hidden; } div#widget_minishopcart_popup > .bottom > .left_border, div#widget_minishopcart_popup_1 > .bottom > .left_border { float: left; width: 3px; height: 3px; background-color: #a3a3a3; } div#widget_minishopcart_popup > .bottom > .middle_tile, div#widget_minishopcart_popup_1 > .bottom > .middle_tile { float: left; width: 354px; height: 3px; background-color: #a3a3a3; } div#widget_minishopcart_popup > .bottom > .right_border, div#widget_minishopcart_popup_1 > .bottom > .right_border { float: left; width: 3px; height: 3px; background-color: #a3a3a3; } /* -----------------------------------------------------------------------------*/ /* 4.1.6 Masthead Links Widget /* -----------------------------------------------------------------------------*/ div.widget_masthead_links_position { position: absolute; right: 263px; top: 19px; } div#widget_masthead_links { position: relative; width: 450px; height: 38px; } div#widget_masthead_links div.masthead_links { position: absolute; right: 0px; top: 0px; } div#widget_masthead_links div.masthead_links span.masthead_links_container { float: right; font-size: 12px; color: #d9dedf; line-height: 14px; } div#widget_masthead_links div.masthead_links span.masthead_links_container span.masthead_links_item { display: inline; color: #4D4D4D; } div#widget_masthead_links div.masthead_links span.masthead_links_container span.masthead_links_item a { text-decoration: none; color: #4d4d4d; } div#widget_masthead_links div.masthead_links span.masthead_links_container span.masthead_links_item a:hover { text-decoration: underline; } div#widget_masthead_links div.masthead_links span.masthead_links_container span.special { text-decoration: none; color: #4D4D4D; } div#widget_masthead_links div.masthead_links span.masthead_links_container span.special a, div#widget_masthead_links div.masthead_links span.masthead_links_container span.special a:visited { text-decoration: none; color: #000000; } div#widget_masthead_links div.masthead_social { position: absolute; right: 0px; top: 20px; } div#widget_masthead_links div.masthead_social span.masthead_links_container { float: right; font-size: 12px; color: #d9dedf; line-height: 14px; list-style-type: none; } div#widget_masthead_links div.masthead_social span.masthead_links_container span.masthead_links_item { display: inline; color: #4d4d4d; } div#widget_masthead_links div.masthead_social span.masthead_links_container span.masthead_links_item a { color: #4d4d4d; text-decoration: none; } div#widget_masthead_links div.masthead_social span.masthead_links_container span.masthead_links_item a:hover { text-decoration: underline; } div#widget_masthead_links div.masthead_social span.masthead_links_container span.masthead_links_item span.icon { width: 16px; display: inline-block; vertical-align: middle; cursor: pointer; margin-top: -2px; } div#widget_masthead_links div.masthead_social span.masthead_links_container span.masthead_links_item span.face_icon { background: url('../images/colors/color1/widget_masthead_social/social_face_icon.png') no-repeat; height: 16px; } div#widget_masthead_links div.masthead_social span.masthead_links_container span.masthead_links_item span.face_icon:hover { background-position: 0 -16px; } div#widget_masthead_links div.masthead_social span.masthead_links_container span.masthead_links_item span.plus_icon { background: url('../images/colors/color1/widget_masthead_social/social_plus_icon.png') no-repeat; } div#widget_masthead_links div.masthead_social span.masthead_links_container span.masthead_links_item span.yelp_icon { background: url('../images/colors/color1/widget_masthead_social/social_yelp_icon.png') no-repeat; } div#widget_masthead_links div.masthead_social span.masthead_links_container span.special { text-decoration: none; color: #4D4D4D; } div#widget_masthead_links div.masthead_social span.masthead_links_container span.special a, div#widget_masthead_links div.masthead_social span.masthead_links_container span.special a:visited { text-decoration: none; color: #000000; } /* -----------------------------------------------------------------------------*/ /* 4.2. Footer - moved to styles.css /* -----------------------------------------------------------------------------*/ /* -----------------------------------------------------------------------------*/ /* 4.2.3 Footer Email Notifications Widget Inherits some styles from the footer list for formatting /* -----------------------------------------------------------------------------*/ div.widget_footer_emailnotifications_position { } div#widget_footer_emailnotifications div.input_wrapper { width: 175px; height: 23px; overflow: hidden; display: inline; } div#widget_footer_emailnotifications div.input_wrapper > div.left_border { width: 5px; height: 23px; background: url('../images/colors/color1/widget_footer_emailnotifications/input_left_border.png') no-repeat; float: left; } div#widget_footer_emailnotifications div.input_wrapper > div.right_border { width: 5px; height: 23px; background: url('../images/colors/color1/widget_footer_emailnotifications/input_right_border.png') no-repeat; float: left; } div#widget_footer_emailnotifications div.input_wrapper > div.middle { height: 23px; background: url('../images/colors/color1/widget_footer_emailnotifications/input_tile_bg.png') repeat-x; float: left; } div#widget_footer_emailnotifications div.input_wrapper > div.middle input.email_input { width: 165px; height: 23px; background: none; border: 0; } div#widget_footer_emailnotifications input.submit_button { width: 22px; height: 22px; background: url('../images/colors/color1/widget_footer_emailnotifications/submit.png') no-repeat; border: 0; margin-left: 7px; cursor: pointer; } /* -----------------------------------------------------------------------------*/ /* 4.3. Product Details Widgets /* -----------------------------------------------------------------------------*/ /* -----------------------------------------------------------------------------*/ /* 4.3.1 Product image Viewer Widget /* -----------------------------------------------------------------------------*/ div.widget_product_image_viewer h1 { font-size: 13px; margin-bottom: 5px; } div.widget_product_image_viewer > div.left_border > .right_border > .content { padding-right: 10px; background-color: #FFFFFF; } /* DevStart: To fit the product main image into the container */ div.widget_product_image_viewer > div.left_border > .right_border > .content > .image_container > .product_main_image { width: 100%; } /* DevEnd */ div.widget_product_image_viewer > div.left_border > .right_border > .content > .image_container > .hover_text { position: absolute; bottom: 0px; } div.widget_product_image_viewer > div.left_border > .right_border > .content > .image_container > .hover_text > h2 { font-size: 12px; color: #777777; padding-left: 24px; line-height: 30px; } div.widget_product_image_viewer > div.left_border > .right_border > .content > div.other_views { background-color: #f5f5f5; height: 115px; width: 399px; padding-left: 24px; padding-right: 24px; padding-top: 5px; } div.widget_product_image_viewer > div.left_border > .right_border > .content > div.other_views > ul li { list-style: none; float: left; border: 3px solid #e5e5e5; margin-right: 8px; height: 70px; width: 70px; } div.widget_product_image_viewer > div.left_border > .right_border > .content > div.other_views > ul li:hover { border: 3px solid #fac549; } div.widget_product_image_viewer > div.left_border > .right_border > .content > div.other_views > ul li.selected { border: 3px solid #fac549; } /* Bundle and product pages - image viewer has been modified */ .container_product_details_bundle_package div.widget_product_image_viewer { width: 340px; } .container_product_details_bundle_package div.widget_product_image_viewer > div.top { width: 340px; } .container_product_details_bundle_package div.widget_product_image_viewer > div.top > div.left_border { width: 5px; } .container_product_details_bundle_package div.widget_product_image_viewer > div.top > div.middle { width: 330px; } .container_product_details_bundle_package div.widget_product_image_viewer > div.top > div.right_border { width: 5px; } .container_product_details_bundle_package div.widget_product_image_viewer > div.left_border { width: 335px; } .container_product_details_bundle_package div.widget_product_image_viewer > div.left_border > .right_border { width: 330px; } .container_product_details_bundle_package div.widget_product_image_viewer > div.left_border > .right_border > .content > .image_container { height: 330px; } /* DevStart: To fit the bundle/package main image into the container */ .container_product_details_bundle_package div.widget_product_image_viewer > div.left_border > .right_border > .content > .image_container > .product_main_image { width: 330px; } /* DevEnd */ .container_product_details_bundle_package div.widget_product_image_viewer > div.bottom { width: 340px; } .container_product_details_bundle_package div.widget_product_image_viewer > div.bottom > div.left_border { width: 5px; } .container_product_details_bundle_package div.widget_product_image_viewer > div.bottom > div.middle { min-width: 330px; } .container_product_details_bundle_package div.widget_product_image_viewer > div.bottom > div.right_border { width: 5px; } /* -----------------------------------------------------------------------------*/ /* 4.3.2 Product Information Widget /* -----------------------------------------------------------------------------*/ .quantity_input { height: 19px; width: 40px; background-color: #ffffff; font-style: normal; font-size: 14px; padding: 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #4d4d4d; text-align: center; } .compare_button { height: 18px; width: 114px; background-color: #ffffff; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; border-left: none; padding: 1px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; color: #006ecc; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-left: 10px; line-height: 18px; } .wishlist_dropdown { height: 22px; width: 126px; background-color: #ffffff; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; border-left: none; padding: 1px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; color: #006ecc; font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-size: 12px; padding-left: 10px; line-height: 18px; margin-bottom: 6px; } .my_account_wishlist .product_listing_container .grid_mode > .row { background-image: none; } /* DevStart: to remove the bottom margin from the last swatch */ div.product_listing_container .list_mode .product > .product_info > .product_color_swatches > .color_swatch_list ul li.last_swatch { margin-bottom: 0px; } /* DevEnd: to remove the bottom margin from the last swatch */ .size_list ul li { display: block; float: left; margin-right: 10px; } .size_list ul li a .size { height: 24px; min-width: 24px; background-repeat: none; background-position: 0 0; } .size_list ul li a .disabled { background-position: 0 -48px !important; cursor: default; } .size_list ul li a .selected { background-position: 0 -24px !important; } .size_list ul li a .size_xs { background-image: url('../images/colors/color1/sizes/size_xs.png'); } .size_list ul li a .size_s { background-image: url('../images/colors/color1/sizes/size_s.png'); } .size_list ul li a .size_m { background-image: url('../images/colors/color1/sizes/size_m.png'); } .size_list ul li a .size_l { background-image: url('../images/colors/color1/sizes/size_l.png'); } .size_list ul li a .size_xl { background-image: url('../images/colors/color1/sizes/size_xl.png'); } .size_list ul li a .size_xxl { background-image: url('../images/colors/color1/sizes/size_xxl.png'); width: 30px; } .size_list ul li a .size_xxxl { background-image: url('../images/colors/color1/sizes/size_xxxl.png'); width: 36px; } .size_list ul li a .size_xs:hover, .size_list ul li a .size_s:hover, .size_list ul li a .size_m:hover, .size_list ul li a .size_l:hover, .size_list ul li a .size_xl:hover, .size_list ul li a .size_xxl:hover, .size_list ul li a .size_xxxl:hover { background-position: 0 -24px; } .size_list .header { font-size: 12px; } /* Modifications for bundle and product pages */ .container_product_details_bundle_package .widget_product_info_viewer { width: 575px; } .container_product_details_bundle_package .widget_product_info_viewer > .product_text { border-bottom: none; } .container_product_details_bundle_package .widget_product_info_viewer > .product_text ul { margin-top: 10px; margin-left: 10px; } /* -----------------------------------------------------------------------------*/ /* 4.3.3 Sidebar Container Widget (Recently Viewed, Recommendations) /* -----------------------------------------------------------------------------*/ div.widget_sidebar_container h1 { font-weight: normal; font-size: 13px; float: left; } div.widget_sidebar_container div.divider { height: 2px; border-bottom: solid 1px #e5e5e5; } div.widget_sidebar_container > div.top { display: none; } div.widget_sidebar_container > .left_border > .right_border > .content { border: 3px solid #e5e5e5; background-color: #ffffff; padding: 6px 9px 0 9px; } div.widget_sidebar_container > .left_border > .right_border > .content > div.header_content { line-height: 16px; border-bottom: 1px solid #e5e5e5; position: relative; padding-bottom: 4px; min-height: 30px; } div.widget_sidebar_container > .left_border > .right_border > .content > div.header_content > .right { float: right; line-height: 22px; } div.widget_sidebar_container > .left_border > .right_border > .content > div.header_content > .right span { font-size: 11px; color: #777777; } div.widget_sidebar_container > .left_border > .right_border > .content > div.header_content > div.rssFeedVertical { float: right; margin: 5px 0px 0px 30px; } div.widget_sidebar_container > .left_border > .right_border > .content > div.header_content .right .left_arrow_disabled { height: 12px; margin-right: 12px; margin-top: 14px; margin-bottom: -1px; width: 7px; } div.widget_sidebar_container > .left_border > .right_border > .content > div.header_content .right .left_arrow_enabled { height: 12px; margin-right: 12px; margin-top: 14px; margin-bottom: -1px; width: 7px; } div.widget_sidebar_container > .left_border > .right_border > .content > div.header_content .right .right_arrow_enabled { height: 12px; margin-left: 12px; margin-top: 14px; margin-bottom: -1px; width: 7px; } div.widget_sidebar_container > .left_border > .right_border > .content > div.header_content .right .right_arrow_disabled { height: 12px; margin-left: 12px; margin-top: 14px; margin-bottom: -1px; width: 7px; } div.widget_sidebar_container > .left_border > .right_border > .content div.item { /*width: 213px;*/ padding: 12px 0 10px 0; } div.widget_sidebar_container > .left_border > .right_border > .content div.item .button_secondary .button_text { width: 120px; } div.widget_sidebar_container > .left_border > .right_border > .content div.item > div.left_column { width: 70px; float: left; position: relative; height: 70px; cursor: pointer; } div.widget_sidebar_container > .left_border > .right_border > .content div.item > div.left_column > .quick_info_toggle { background: url("../images/colors/color1/sidebar_containers/bg_80percent_transparent_grey.png") repeat scroll 0 0 transparent; bottom: 0px; height: 22px; left: 0; line-height: 22px; margin: 0; padding: 0 0 4px; position: absolute; text-align: center; visibility: hidden; width: 70px; } div.widget_sidebar_container > .left_border > .right_border > .content div.item > div.left_column:hover > .quick_info_toggle { visibility: visible; } div.widget_sidebar_container > .left_border > .right_border > .content div.item > div.left_column > .quick_info_toggle a { color: #ffffff; font-size: 10px; text-decoration: none; display: block; } div.widget_sidebar_container > .left_border > .right_border > .content div.item > div.left_column > .quick_info_toggle a:hover { text-decoration: underline; } div.widget_sidebar_container > .left_border > .right_border > .content div.item > div.right_column { width: 110px; float: right; line-height: 12px; } div.widget_sidebar_container > .left_border > .right_border > .content div.item > div.right_column > div.item_name { font-size: 11px; cursor: pointer; text-decoration: none; display: inline; } /* DevStart - productname color was displayed as blue in IE7. */ div.widget_sidebar_container > .left_border > .right_border > .content div.item > div.right_column > div.item_name a { color: #666666; } /* DevEnd */ div.widget_sidebar_container > .left_border > .right_border > .content div.item > div.right_column > div.item_name:hover { text-decoration: underline; } div.widget_sidebar_container > .left_border > .right_border > .content div.item > div.right_column > div.item_price { margin-top: 10px; font-size: 15px; font-weight: bold; color: #CA4200; } /* DevStart: striking out the list price in sidebar container espots and changing the color to match the other displayed prices */ div.widget_sidebar_container > .left_border > .right_border > .content div.item > div.right_column > div.item_price > .old_price { color: #777777; font-weight: normal; text-decoration: line-through; margin-right: 4px; /* Dev: provides space after list price and before offer price */ } div.widget_sidebar_container > .left_border > .right_border > .content div.item > div.right_column > div.item_price > .price { color: #CA4200; } /* DevEnd */ div.widget_sidebar_container > .left_border > .right_border > .content div.item > div.right_column .view_details { margin-top: 10px; font-size: 12px; color: #006ecc; text-decoration: none; } div.widget_sidebar_container > .left_border > .right_border > .content div.item > div.right_column .view_details:hover { text-decoration: underline; } div.widget_sidebar_container > div.bottom { display: none; } div.widget_sidebar_container > div.bottom > div.left_border { background-color: #e5e5e5; width: 3px; height: 3px; float: left; } div.widget_sidebar_container > div.bottom > div.middle { min-width: 206px; background-color: #e5e5e5; height: 3px; float: left; } div.widget_sidebar_container > div.bottom > div.right_border { background-color: #e5e5e5; width: 3px; height: 3px; float: right; } /* -----------------------------------------------------------------------------*/ /* 4.4. Tab Container Widget /* -----------------------------------------------------------------------------*/ div.widget_tab_container > div.header ul { list-style: none outside none; margin: 0; padding: 0; } div.widget_tab_container > div.header li { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #e5e5e5; border-style: solid; border-width: 1px 1px 0; float: left; margin: 0 2px 0 0; font-size: 14px; background: #f8f8f8; } div.widget_tab_container > div.header li:hover { background: #e5e5e5; } div.widget_tab_container > div.header a { display: block; padding: 0 1em; font-size: 14px; height: 35px; line-height: 2.2em; text-decoration: none; color: #666666; } div.widget_tab_container > div.header li.first_tab { margin-left: 0.8em; } div.widget_tab_container > div.header li.selected { background-color: #ffffff; background: none repeat scroll 0 0 white; border-bottom: 1px solid white; margin-bottom: -1px; } div.widget_tab_container > div.header li.selected a { color: #666666; } div.widget_tab_container > div.content { border-top: 1px solid #e5e5e5; clear: both; min-height: 300px; font-size: 12px; line-height: 15px; padding-top: 20px; padding-left: 17px; color: #4D4D4D; } /* DevStart: altering the class hierarchy */ div.widget_tab_container > div.content .header { font-size: 14px; border-bottom: 1px solid #E5E5E5; padding-bottom: 4px; color: #666666; } div.widget_tab_container > .padding_sides { padding-right: 15px; padding-left: 15px; } div.widget_tab_container > div.content ul { padding-top: 2px; padding-left: 25px; } /* DevStart: css for list view under Other Custmers Also Purchased */ div.widget_tab_container > div.content div.color_swatch_list > ul { padding-top: 0px; padding-left: 0px; } /* DevEnd: css for list view under Other Custmers Also Purchased */ div.widget_tab_container > div.content .attachment { margin-top: 5px; } div.widget_tab_container > div.content .attachment > .icon { width: 22px; height: 22px; float: left; margin-right: 12px; } div.widget_tab_container > div.content .attachment > .description { float: left; } div.widget_tab_container > div.content .attachment > .description a { color: #006ECC; text-decoration: none; } div.widget_tab_container > div.content .attachment > .description a:hover { text-decoration: underline; } div.widget_tab_container > div.content .attachment > .description span.size { font-size: 11px; } #tab1_content p { padding-bottom: 10px; } /* DevEnd */ /* DevStart: altering the class hierarchy */ div.widget_tab_container > div.content .details_table > .color_first { background-color: #f8f8f8; height: 26px; line-height: 26px; padding-left: 11px; } div.widget_tab_container > div.content .details_table > .color_second { background-color: #FFFFFF; height: 26px; line-height: 26px; padding-left: 11px; } div.widget_tab_container > div.content .details_table > .header { font-size: 12px; font-weight: bold; border-bottom: 1px solid #aaaaaa; } div.widget_tab_container > div.content .details_table .item_name { float: left; width: 235px; } div.widget_tab_container > div.content .details_table .item_description { float: left; width: 405px; } div.widget_tab_container > div.content .details_table > .dotted_divider { background-image: url('../images/colors/color1/dotted_line_bg2.png'); background-repeat: repeat-x; line-height: 0.1em; height: 1px; } /* DevEnd: altering the class hierarchy */ /* DevStart: css for list view under Other Custmers Also Purchased */ div.widget_tab_container > div.content .product_listing_container .list_mode .product { width: 470px; border-bottom: 1px solid #e5e5e5; border-top: 0px; } /* DevEnd: css for list view under Other Custmers Also Purchased */ div.widget_tab_container .dijitTabContent { display: none; } div.widget_tab_container .dijitHidden { display: none; } /* -----------------------------------------------------------------------------*/ /* 4.5. Breadcrumb Widget /* -----------------------------------------------------------------------------*/ /* div#widget_breadcrumb { height: 14px; line-height: 12px; } div#widget_breadcrumb > ul { list-style-type: none; } */ /* div#widget_breadcrumb > ul li { display: inline; color: #CA4200; font-size: 12px; margin:0; } */ /* div#widget_breadcrumb > ul li a{ text-decoration: none; color: #CA4200; } div#widget_breadcrumb > ul li:hover a{ text-decoration: underline; } div#widget_breadcrumb > ul li.current { color:#777777; } div#widget_breadcrumb > ul span.divider, div#widget_breadcrumb > ul li.divider { margin: 0 6px; color: #dedede; font-size: 12px; } */ /* -----------------------------------------------------------------------------*/ /* 4.6. Full Width Widget /* -----------------------------------------------------------------------------*/ .widget_fullwidth_container { width: 935px; padding-bottom: 25px; } .widget_fullwidth_container h1 { font-size: 14px; font-weight: normal; } .widget_fullwidth_container .spacer_18px { height: 18px; min-height: 18px; >> } /*--------------- Stylings for right nav section ---------------*/ div.widget_fullwidth_container > div.content > div.middle > div.header_content > .right span { font-size: 11px; color: #777777; } div.widget_fullwidth_container > div.content > div.middle > div.header_content .right .left_arrow_disabled { margin-top: 6px; margin-right: 9px; height: 12px; width: 3px; width: 13px; background-position: center; background-repeat: no-repeat; background-image: url('../images/colors/color1/sidebar_containers/left_arrow_disabled.png'); } /* DevStart: added classes for left arrow enabled and right arrow disabled */ div.widget_fullwidth_container > div.content > div.middle > div.header_content .right .left_arrow_enabled { margin-top: 6px; margin-right: 9px; height: 12px; width: 13px; background-position: center; background-repeat: no-repeat; background-image: url('../images/colors/color1/sidebar_containers/left_arrow_enabled.png'); } div.widget_fullwidth_container > div.content > div.middle > div.header_content .right .right_arrow_disabled { margin-top: 6px; margin-left: 9px; height: 12px; width: 13px; background-position: center; background-repeat: no-repeat; background-image: url('../images/colors/color1/sidebar_containers/right_arrow_disabled.png'); } /* DevEnd */ div.widget_fullwidth_container > div.content > div.middle > div.header_content .right .right_arrow_enabled { margin-top: 6px; margin-left: 9px; height: 12px; width: 13px; background-position: center; background-repeat: no-repeat; background-image: url('../images/colors/color1/sidebar_containers/right_arrow_disabled.png'); } div.widget_fullwidth_container > div.content > div.middle > div.header_content .right .right_arrow_enabled:hover { background-image: url('../images/colors/color1/sidebar_containers/right_arrow_enabled.png'); } /*--------------- Stylings for individual columns ---------------*/ .widget_fullwidth_container .content .middle .column { /*width: 181px;*/ width: 225px; float: left; border-right: 1px solid #e5e5e5; text-align: center; } .widget_fullwidth_container .content .middle .column_last { /*width: 180px;*/ width: 225px; float: left; text-align: center; } /*--------------- Stylings for column content ---------------*/ .widget_fullwidth_container > .content > .middle > .column span.item_name { padding-top: 8px; font-size: 11px; line-height: 20px; display: block; } .widget_fullwidth_container > .content > .middle > .column span.item_price { font-size: 15px; font-weight: bold; color: #CA4200; } .widget_fullwidth_container > .content > .middle > .column span.item_old_price { color: #d9d9d9; text-decoration: line-through; margin-right: 4px; /* Dev: provides space after list price and before offer price */ } .widget_fullwidth_container > .content > .middle > .column span.item_special_price { color: #CA4200; } /*--------------- Stylings for LAST column content (no right border) ---------------*/ .widget_fullwidth_container > .content > .middle > .column_last span.item_name { padding-top: 8px; font-size: 11px; line-height: 20px; display: block; } .widget_fullwidth_container > .content > .middle > .column_last span.item_price { font-size: 15px; font-weight: bold; color: #CA4200; } .widget_fullwidth_container > .content > .middle > .column_last span.item_old_price { color: #d9d9d9; text-decoration: line-through; margin-right: 4px; /* Dev: provides space after list price and before offer price */ } .widget_fullwidth_container > .content > .middle > .column_last span.item_special_price { color: #CA4200; } /*--------------- Stylings for top border ---------------*/ .widget_fullwidth_container .top .left_border { background: url(); background-color: #e5e5e5; width: 1px; height: 1px; float: left; } .widget_fullwidth_container .top .middle { min-width: 933px; background-color: #e5e5e5; height: 1px; float: left; } .widget_fullwidth_container .top .right_border { background: url(); background-color: #e5e5e5; width: 1px; height: 1px; float: left; } /*--------------- Stylings for content section ---------------*/ .widget_fullwidth_container .content .left_border { width: 1px; height: 247px; background-color: #ffffff; float: left; } .widget_fullwidth_container .content .middle { float: left; padding-left: 25px; padding-top: 6px; padding-bottom: 6px; width: 908px; } .widget_fullwidth_container .content .right_border { width: 1px; height: 247px; background-color: #ffffff; float: right; } .widget_fullwidth_container .content .middle .header_content { height: 24px; width: 908px; /* border-bottom: 1px solid #e5e5e5; */ } /*--------------- Stylings for bottom border ---------------*/ .widget_fullwidth_container .bottom .left_border { margin-top: 8px; background: url(); background-color: #e5e5e5; width: 1px; height: 1px; float: left; } .widget_fullwidth_container .bottom .middle { margin-top: 8px; min-width: 933px; background-color: #e5e5e5; height: 1px; float: left; } .widget_fullwidth_container .bottom .right_border { margin-top: 8px; background: url(); background-color: #e5e5e5; width: 1px; height: 1px; float: left; } /* -----------------------------------------------------------------------------*/ /* 4.7. Coordinate Widget /* -----------------------------------------------------------------------------*/ div.widget_coordinate_position { /*position: relative; top: -12px;*/ position: inherit; top: inherit; left: inherit; } div#widget_coordinate { width: 685px; min-height: 10px; overflow: hidden; background-color: #ffffff; } div#widget_coordinate > .top { display: none; overflow: hidden; } div#widget_coordinate > .top > .left_border { width: 0px; height: 0px; float: left; } div#widget_coordinate > .top > .middle_border { width: 0px; height: 0px; float: left; } div#widget_coordinate > .top > .right_border { width: 0px; height: 0px; float: left; } div#widget_coordinate > .middle { width: 685px; } div#widget_coordinate > .middle > .left_border { width: 0px; float: left; } div#widget_coordinate > .middle > .content { width: 647px; padding: 0px 8px 40px 30px; float: left; position: relative; } div#widget_coordinate > .middle > .content > .up_arrow { position: absolute; top: 13px; left: 239px; width: 20px; height: 10px; cursor: pointer; visibility: hidden; /* Dev: hide the up arrow, if no more items to be shown */ } div#widget_coordinate > .middle > .content > .up_active { visibility: visible; /* Dev: show the up arrow, if there are items to be shown */ } div#widget_coordinate > .middle > .content > .down_arrow { width: 20px; height: 10px; position: absolute; /*bottom: 20px;*/ top: 160px; left: 239px; cursor: pointer; visibility: hidden; /* Dev: hide the down arrow, if no more items to be shown */ } div#widget_coordinate > .middle > .content > .down_active { visibility: visible; /* Dev: show the down arrow, if there are items to be shown */ } div#widget_coordinate > .middle > .content > .coordinate_body > .left_column > .product { width: 105px; height: 105px; padding: 4px; background-color: #e5e5e5; float: left; position: relative; } div#widget_coordinate > .middle > .content > .coordinate_body > .left_column > .product > .quick_info_toggle { position: absolute; bottom: 0px; left: 0px; width: 113px; height: 22px; text-align: center; line-height: 22px; background: url('../images/colors/color1/widget_product_listing/bg_80percent_transparent_grey.png'); visibility: hidden; padding: 0; } div#widget_coordinate > .middle > .content > .coordinate_body > .left_column > .product:hover > .quick_info_toggle { visibility: visible; } div#widget_coordinate > .middle > .content > .coordinate_body > .left_column > .product > .quick_info_toggle a { text-decoration: none; color: #ffffff; font-size: 12px; display: block; } div#widget_coordinate > .middle > .content > .coordinate_body > .left_column > .product > .quick_info_toggle a:hover { text-decoration: underline; color: #ffffff; font-size: 12px; } div#widget_coordinate > .middle > .content > .coordinate_body > .left_column > .product img { width: 105px; height: 105px; } div#widget_coordinate > .middle > .content > .coordinate_body > .left_column { float: left; width: 273px; } div#widget_coordinate > .middle > .content > .coordinate_body > .right_column { float: left; margin-left: 16px; width: 358px; } div#widget_coordinate > .middle > .content > .coordinate_body > .left_column > .cross_image { width: 47px; height: 114px; float: left; position: relative; } div#widget_coordinate > .middle > .content > .coordinate_body > .left_column > .cross_image .cross { width: 17px; height: 17px; position: absolute; top: 50%; left: 50%; margin: -8px 0 0 -8px; } div#widget_coordinate > .middle > .content > .coordinate_body > .right_column > .info { margin-left: 16px; float: left; } div#widget_coordinate > .middle > .content > .coordinate_body > .right_column > .info > .combined_total { font-size: 12px; margin-top: 2px; } div#widget_coordinate > .middle > .content > .coordinate_body > .right_column > .info > .combined_total > .list_value { color: #777777; font-size: 14px; font-weight: bold; text-decoration: line-through; margin-right: 4px; /* Dev: provides space after list price and before offer price */ } div#widget_coordinate > .middle > .content > .coordinate_body > .right_column > .info > .combined_total > .value { font-size: 14px; color: #CA4200; } div#widget_coordinate > .middle > .content > .coordinate_body > .right_column > .info > .button { margin-top: 10px; } div#widget_coordinate > .middle > .right_border { width: 0px; float: left; } div#widget_coordinate > .bottom { display: none; } div#widget_coordinate > .bottom > .left_border { width: 0px; height: 0px; float: left; } div#widget_coordinate > .bottom > .middle_border { width: 0px; height: 0px; float: left; } div#widget_coordinate > .bottom > .right_border { width: 0px; height: 0px; float: left; } /* -----------------------------------------------------------------------------*/ /* 0.BUTTON CLASSES /* -----------------------------------------------------------------------------*/ /* -----------------------------------------------------------------------------*/ /* 5.1. Primary Button /* -----------------------------------------------------------------------------*/ /* .button_primary { display: inline-block; position: relative; background-image: -webkit-gradient(linear, left top, left bottom, from(#fbbb0b), to(#ffb123)); background-image: linear-gradient(#fbbb0b, #ffb123); -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fbbb0b', endColorStr='#ffb123')"; border: 1px solid #bfbfbf; border-radius: 4px; border-spacing: 0; vertical-align: middle; } .button_primary:hover { background-image: -webkit-gradient(linear, left top, left bottom, from(#fed60c), to(#f8af06)); background-image: linear-gradient(#fed60c, #f8af06); -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fed60c', endColorStr='#f8af06')"; } */.button_primary > .button_text { display: table-cell; height: 24px; margin: 0; padding: 0 20px; border: 1px solid #fdd466; border-radius: 3px; font-size: 11px; line-height: normal; text-align: center; vertical-align: middle; } .button_primary > .left_border, .button_primary > .right_border { display: none; } .button_primary > .button_primary { display: block; border: 0 none; } /* -----------------------------------------------------------------------------*/ /* 5.1. Secondary Button /* -----------------------------------------------------------------------------*/ /*.button_secondary { display: inline-block; position: relative; background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f9f9), to(#e5e8e9)); background-image: linear-gradient(#f7f9f9, #e5e8e9); -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#f7f9f9', endColorStr='#e5e8e9')"; border: 1px solid #bfbfbf; border-radius: 4px; border-spacing: 0; vertical-align: middle; } .button_secondary:hover { background-image: linear-gradient(#f7f9f9, #ced2d3); background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f9f9), to(#ced2d3)); -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#f7f9f9', endColorStr='#ced2d3')"; } .button_secondary > .button_text { display: table-cell; height: 24px; padding: 0 20px; border: 1px solid #f1f3f3; border-radius: 3px; font-size: 11px; line-height: normal; text-align: center; vertical-align: middle; } .button_secondary > .left_border, .button_secondary > .right_border { display: none; } */ /*Disabled Button for compare button, add "disabled" class to secondary_button's or primary_button's parent div */ .disabled .button_secondary, .disabled .button_primary { cursor: default; } .disabled .button_secondary > .button_text, .disabled .button_primary > .button_text { color: #777777; } /* -----------------------------------------------------------------------------*/ /* 4.10. Product Grid/List /* -----------------------------------------------------------------------------*/ .widget_product_listing_position { } .intelligentOffer_preview_padding { padding-top: 30px; } .widget_product_listing { background-color: #ffffff; } .widget_product_listing > .top { width: 718px; height: 1px; overflow: none; } .widget_product_listing > .top > .left_border { width: 1px; height: 1px; float: left; background-color: #e5e5e5; } .widget_product_listing > .top > .middle_tile { width: 716px; height: 1px; float: left; background-color: #e5e5e5; } .widget_product_listing > .top > .right_border { width: 1px; height: 1px; float: left; background-color: #e5e5e5; } .widget_product_listing > .middle { overflow: none; width: 718px; } .widget_product_listing > .middle > .left_border { width: 717px; padding-left: 1px; background-color: #e5e5e5; } .widget_product_listing > .middle > .left_border > .right_border { width: 716px; padding-right: 1px; background-color: #e5e5e5; } .widget_product_listing > .middle > .left_border > .right_border > .content { width: 716px; padding: 0; min-height: 300px; background-color: #fff; } .widget_product_listing > .middle > .left_border > .right_border > .texture_background { background-image: url('../images/colors/color1/widget_texture_bg.png'); background-repeat: repeat; } .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar { width: 100%; position: relative; min-height: 90px !important; } .widget_product_listing > .middle > .left_border > .right_border > .content > .simple_bar { min-height: 40px !important; } .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar.simple_bar > .paging_controls { top: 10px; } .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar.simple_bar > .paging_controls.top30px { top: 30px; } .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar.simple_bar > .paging_controls.bottom0px { bottom: -5px; top: auto; } .widget_product_listing > .middle > .left_border > .right_border > .content .divider { /*height: 1px; background-color: #e5e5e5;*/ width: 1px; background-color: #e5e5e5; } .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .title { padding-top: 7px; padding-left: 9px; font-size: 16px; color: #666666; } .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .titleItems > .title { padding-left: 9px; padding-top: 7px; } .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .title > .num_products { font-size: 12px; } .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .compare_controls { position: absolute; top: 32px; left: 9px; overflow: hidden; } .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .compare_controls > .button_secondary .button_text { padding-left: 6px; padding-right: 6px; } .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls { position: absolute; top: 8px; right: 9px; } .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls > .paging { font-size: 11px; } .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls > .num_showing { float: left; color: #4d4d4d; margin-right: 6px; } .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls .left_arrow_disabled { height: 12px; margin-right: 12px; margin-top: 2px; width: 7px; } .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls .left_arrow_enabled { height: 12px; margin-right: 12px; margin-top: 2px; width: 7px; } .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls .right_arrow_disabled { height: 12px; margin-left: 12px; margin-top: 2px; width: 7px; } .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls .right_arrow_enabled { height: 12px; margin-left: 12px; margin-top: 2px; width: 7px; } .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .subscribe_share_controls { position: absolute; top: 8px; right: 9px; color: #777777; font-size: 11px; line-height: 15px; height: 18px; overflow: hidden; cursor: pointer; } .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .subscribe_share_controls > .text { text-decoration: none; line-height: 15px; float: right; color: #777777; margin-left: 4px; /* Dev: add spacing between share and subscribe */ } .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .subscribe_share_controls > .icon { float: right; margin-left: 4px; } /*Dev : Hover should only appear on text */ .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .subscribe_share_controls > .text:hover { text-decoration: underline; } .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls { position: absolute; top: 35px; right: 9px; color: #777777; font-size: 12px; height: 17px; line-height: 17px; overflow: visible; } .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls .divider { width: 1px; height: 17px; background-color: #bfbfbf; margin: 0 12px; float: left; } .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls .grid_icon { width: 17px; height: 17px; margin: 0 12px 0 0; float: left; } .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls .list_icon { width: 17px; height: 17px; margin: 0 3px 0 0; float: left; } .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls .left_arrow { margin: 2px 0 0; float: left; } .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls .right_arrow { margin: 2px 0 0; float: left; } .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls > .pages { line-height: 17px; float: left; } .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls > .pages > ul { list-style-type: none; overflow: hidden; } .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls > .pages > ul > li { display: block; float: left; padding: 0 2px; min-width: 14px; cursor: pointer; text-align: center; color: #4d4d4d; margin: 0 2px; } .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls > .pages > ul.desktop > li:hover { color: #fff; background-color: #CA4200; } .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls > .pages > ul > li.truncated:hover { background-color: #fff; color: #4d4d4d; } /* DevStart - productname color was displayed as blue in IE7. */ .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls > .pages > ul.desktop > li a { color: #4d4d4d; } .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls > .pages > ul.desktop > li:hover a { color: #fff; } /*DevEnd*/ .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls > .view_all { margin-left: 6px; line-height: 17px; float: left; } .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls > .view_all > a { color: #4d4d4d; text-decoration: none; } .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls > .view_all > a:hover { color: #CA4200; text-decoration: underline; } .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .sorting_controls { position: absolute; right: 9px; top: 32px; color: #4d4d4d; font-size: 11px; height: 18px; padding: 0; margin: 25px 0 20px; } .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .sorting_controls > .sort_by { line-height: 18px; } .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .sorting_controls > select { height: 18px; font-size: 11px; border: 1px solid #666666; min-width: 114px; color: #4d4d4d; } /* The following two lines need to be defined after grid_icon, list_icon, left_arrow and right_arrow as they set the positioning */ .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls .active { background-position: left top; cursor: pointer; background-color: #CA4200; color: #ffffff !important; } .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls .inactive { background-position: left bottom; color: #ffffff !important; background-color: #bfbfbf; } .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls .hoverover { background-position: left bottom; cursor: pointer; } .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls .desktop .hoverover:hover { background-position: left top; background-color: #CA4200; color: #ffffff !important; } .widget_product_listing > .bottom { width: 718px; height: 1px; overflow: hidden; } .widget_product_listing > .bottom > .left_border { width: 1px; height: 1px; float: left; background-color: #e5e5e5; } .widget_product_listing > .bottom > .middle_tile { width: 716px; height: 1px; float: left; background-color: #e5e5e5; } .widget_product_listing > .bottom > .right_border { width: 1px; height: 1px; float: left; background-color: #e5e5e5; } /*For the product list widget */ .product_listing_container { } /* DevStart: css for list view under Other Custmers Also Purchased */ .product_listing_container .list_mode .product { padding: 15px 15px 15px 190px; position: relative; } .product_listing_container .list_mode .product .divider { display: none; } .product_listing_container .list_mode .product > .product_image { position: absolute; left: 0; top: 0; width: 160px; height: auto; margin: 15px; } @media (max-width:420px) { .product_listing_container .list_mode .product { padding-left: 150px; } .product_listing_container .list_mode .product > .product_image { width: 120px; } } .product_listing_container .list_mode .product .product_info form select { width: 112px; } /* DevEnd: css for list view under Other Custmers Also Purchased */ .product_listing_container .list_mode .product > .product_info > .product_name { color: #666666; font-size: 17px; } .product_listing_container .list_mode .product > .product_info > .product_name a:hover { text-decoration: underline; } .product_listing_container .list_mode .product > .product_info > .attr { font-size: 14px; } .product_listing_container .list_mode .product > .product_info > .def_attr { display: block; } .product_listing_container .list_mode .product > .product_info > .product_price { color: #CA4200; font-size: 14px; } .product_listing_container .list_mode .product > .product_info > .product_price .old_price { color: #777777; text-decoration: line-through; margin-right: 4px; /* Dev: provides space after list price and before offer price */ } .product_listing_container .list_mode .product > .product_info > .not_available { color: #4D4D4D; font-style: italic; line-height: 14px; font-size: 13px; margin-top: 2px; } .product_listing_container .list_mode .product > .product_info > .product_description { font-size: 13px; line-height: 16px; margin-top: 12px; padding-right: 15px; } .product_listing_container .list_mode .product > .product_info > .product_description a { color: #006ECC; margin-top: 4px; display: inline-block; text-decoration: none; float: left; /* Dev: To avoid wide outline when focussed, also added a clear_float div in the page */ } .product_listing_container .list_mode .product > .product_info > .product_description a:hover { text-decoration: underline; } .product_listing_container .list_mode .product > .product_info > .product_color_swatches { clear: left; overflow: hidden; } .product_listing_container .list_mode .product > .product_info > .product_color_swatches > .color_swatch_list { float: left; } .product_listing_container .list_mode .product > .product_info > .product_color_swatches > .color_name { font-size: 13px; float: left; line-height: 32px; } .product_listing_container .list_mode .product > .product_info > .product_sizes { margin-top: 2px; } .product_listing_container .list_mode .product > .product_info > .product_sizes .available_size_list ul { overflow: hidden; } .product_listing_container .list_mode .product > .product_info > .product_quantity_addtolist { line-height: 22px; } .product_listing_container .list_mode .product > .product_info > .product_quantity_addtolist > .product_quantity .quantity_section .header, #widget_package_summary > .left_border > .right_border > .content > .item > .product_quantity_addtolist > .product_quantity .quantity_section .header { font-size: 13px; position: relative; bottom: 2px; } .product_listing_container .list_mode .product > .product_info > .product_quantity_addtolist > .product_addtolist select { margin-left: 24px; height: 22px; } .product_listing_container .list_mode .product > .product_info > .product_option { margin-top: 7px; } .product_listing_container .list_mode .product > .product_info > .searchAssocAssets { padding: 20px 0 20px 0; font-size: 12px; line-height: 16px; } .product_listing_container .list_mode .product > .product_info > .searchAssocAssets > .product_attachment > .details { float: left; } .product_listing_container .list_mode .product > .product_info > .searchAssocAssets > .product_attachment > .details a { color: #006ECC; text-decoration: none; } .product_listing_container .list_mode .product > .product_info > .searchAssocAssets > .product_attachment > .details a:hover { text-decoration: underline; } /* -----------------------------------------------------------------------------*/ /* 4.11. SearchLanding Carousel /* -----------------------------------------------------------------------------*/ div.widget_searchlanding_carousel { margin: 8px 0; width: 935px; position: relative; } div.widget_searchlanding_carousel > .top, div.widget_searchlanding_carousel > .bottom, div.widget_searchlanding_carousel > .middle { overflow: hidden; } div.widget_searchlanding_carousel > .top > .left_border, div.widget_searchlanding_carousel > .top > .right_border, div.widget_searchlanding_carousel > .bottom > .left_border, div.widget_searchlanding_carousel > .bottom > .right_border { width: 1px; height: 1px; background-color: #e6e6e6; float: left; } div.widget_searchlanding_carousel > .top > .middle, div.widget_searchlanding_carousel > .bottom > .middle { width: 933px; height: 1px; background-color: #e6e6e6; float: left; } div.widget_searchlanding_carousel > .middle > .left_border { width: 934px; padding-left: 1px; background-color: #e6e6e6; } div.widget_searchlanding_carousel > .middle > .left_border > .right_border { width: 933px; padding-right: 1px; background-color: #e6e6e6; } div.widget_searchlanding_carousel > .middle > .left_border > .right_border > .content { width: 933px; background-color: #ffffff; } div.widget_searchlanding_carousel .content .title { width: 895px; padding: 5px 19px; position: relative; font-size: 14px; } div.widget_searchlanding_carousel .content .style_mode > .carousel, div.widget_searchlanding_carousel .content .brand_mode > .carousel { width: 851px; padding: 0 41px; position: relative; overflow: hidden; } /* DevStart: to overwrite the height and the class hierarchy */ div.widget_searchlanding_carousel .content .style_mode > .carousel { height: 222px; } div.widget_searchlanding_carousel .content .brand_mode > .carousel { height: 191px; } div.widget_searchlanding_carousel .content .style_mode > .carousel .item { margin-bottom: 42px; margin-top: 20px; } div.widget_searchlanding_carousel .content .brand_mode > .carousel .item { margin-bottom: 21px; margin-top: 10px; } div.widget_searchlanding_carousel .content .carousel .item { width: 160px; height: 160px; background-color: #cccccc; padding: 0; float: left; margin: 0 5px; position: relative; } div.widget_searchlanding_carousel .content .style_mode > .carousel .item > .description { width: 130px; height: 30px; position: absolute; bottom: 0px; left: 0px; background: url('../images/colors/color1/widget_searchlanding_carousel/item_transparent_bg.png'); padding: 0 15px; line-height: 30px; color: #fff; font-size: 12px; } /*DevStart: To give underline effect*/ div.widget_searchlanding_carousel .content .style_mode > .carousel .item > .description:hover { text-decoration: underline; } /*DevEnd: To give underline effect*/ div.widget_searchlanding_carousel .content .brand_mode > .carousel .item > .description { display: none; } /* DevEnd: to overwrite the height and the class hierarchy */ div.widget_searchlanding_carousel .carousel .left_arrow, div.widget_searchlanding_carousel .carousel .right_arrow { height: 42px; width: 21px; position: absolute; top: 50%; margin-top: -21px; } div.widget_searchlanding_carousel .carousel .left_arrow { left: 10px; } div.widget_searchlanding_carousel .carousel .right_arrow { right: 10px; } div.widget_searchlanding_carousel .carousel > .left_arrow { background-image: url('../images/colors/color1/widget_carousel/left_arrow_sprite.png'); background-repeat: no-repeat; cursor: pointer; } div.widget_searchlanding_carousel .carousel > .right_arrow { background-image: url('../images/colors/color1/widget_carousel/right_arrow_sprite.png'); background-repeat: no-repeat; background-position: 0 -42px; cursor: pointer } div.widget_searchlanding_carousel .carousel > .right_arrow:hover { background-position: 0 -84px; } div.widget_searchlanding_carousel > div.right_border { border-right: 1px solid #e5e5e5; } /* -----------------------------------------------------------------------------*/ /* 4.12. Search Results Tab Widget /* -----------------------------------------------------------------------------*/ div.widget_search_tab_wrapper .tab_header .tab_container { height: 36px; line-height: 35px; padding: 0 7px; font-size: 15px; font-weight: bold; float: left; } div.widget_search_tab_wrapper .tab_header .active_tab { border-left: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #FFFFFF; } div.widget_search_tab_wrapper .tab_header .inactive_tab { border-top: 1px solid #E5E5E5; border-left: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5; cursor: pointer; background: #FBFBFB; } div.widget_search_tab_wrapper .tab_header .focused_tab { border: 1px dotted; } div.widget_search_tab_wrapper .tab_header .inactive_tab:hover { background: -webkit-gradient(linear, left top, left bottom, from(#E9E9E9), to(#FBFBFB)); box-shadow: inset 0 1px 1px #d9e8eb; } /*Container with one tab */ div.widget_search_tab_wrapper .tab_header_single .tab_container { width: 100%; } div.widget_search_tab_wrapper .tab_header_single .tab_spacer { width: 0%; } /*Container with two tabs */ div.widget_search_tab_wrapper .tab_header_double .tab_container { width: 46.0%; } div.widget_search_tab_wrapper .tab_header_double .tab_spacer { width: 1%; } /*Container with three tabs */ div.widget_search_tab_wrapper .tab_header_triple .tab_container { width: 29.5%; } div.widget_search_tab_wrapper .tab_header_triple .tab_spacer { width: 1.25%; } div.widget_search_tab_wrapper .tab_header .tab_spacer { height: 37px; float: left; } div.widget_search_tab_wrapper .tab_header .tab_end { border-bottom: 1px solid #E5E5E5; height: 37px; } /* Avoid rendering the top container margin and border in order to seamlessly connect to the tab container */ .tabbed_content .container_margin_5px { margin: 0; } .tabbed_content .top .middle_tile, .tabbed_content .top .middle { background: none !important; } #contentsSearchBasedNavigationWidget { display: none; } /* -----------------------------------------------------------------------------*/ /* 4.13. Activity Feed Widget /* -----------------------------------------------------------------------------*/ .widget_activity_feed { width: 212px; float: right; } .widget_activity_feed > .top > .left_border, .widget_activity_feed > .bottom > .left_border { background-color: #E5E5E5; float: left; height: 5px; width: 5px; } .widget_activity_feed > .top > .middle, .widget_activity_feed > .bottom > .middle { background-color: #E5E5E5; float: left; height: 5px; width: 202px; } .widget_activity_feed > .top > .right_border, .widget_activity_feed > .bottom > .right_border { background-color: #E5E5E5; float: right; height: 5px; width: 5px; } .widget_activity_feed > .content_left_border { width: 207px; background-color: #e5e5e5; padding-left: 5px; } .widget_activity_feed > .content_left_border > .content_right_border { width: 202px; background-color: #e5e5e5; padding-right: 5px; } .widget_activity_feed > .content_left_border > .content_right_border > .content { width: 202px; background-color: #FFFFFF; height: 387px; position: relative; } .widget_activity_feed > .content_left_border > .content_right_border > .content > .logo_like { height: 30px; border-bottom: 1px solid #f1f1f1; padding-top: 8px; padding-left: 12px; padding-right: 12px; } .widget_activity_feed > .content_left_border > .content_right_border > .content > .logo_like > .logo { width: 34px; height: 34px; margin-left: 12px; margin-right: 12px; float: left; } .widget_activity_feed > .content_left_border > .content_right_border > .content > .logo_like > .facebook_like { height: 34px; float: left; } .widget_activity_feed > .content_left_border > .content_right_border > .content > .header { height: 34px; border-bottom: 1px solid #f1f1f1; line-height: 34px; text-transform: uppercase; color: #666666; font-size: 11px; padding-left: 12px; padding-right: 12px; } .widget_activity_feed > .content_left_border > .content_right_border > .content > .feed_item { margin-left: 12px; margin-right: 12px; padding-top: 0px; padding-bottom: 11px; } .widget_activity_feed > .content_left_border > .content_right_border > .content > .feed_item > .avatar { height: 35px; width: 35px; float: left; margin-right: 6px; } .widget_activity_feed > .content_left_border > .content_right_border > .content > .feed_item > .feed { float: left; width: 137px; font-size: 11px; line-height: 13px; } .widget_activity_feed > .content_left_border > .content_right_border > .content > .feed_item > .feed a { color: #3b5998; text-decoration: none; } .widget_activity_feed > .content_left_border > .content_right_border > .content > .feed_item > .feed a:hover { text-decoration: underline; cursor: pointer; } .widget_activity_feed > .content_left_border > .content_right_border > .content > .feed_item > .feed .time { font-size: 9px; } .widget_activity_feed > .content_left_border > .content_right_border > .content > .social_plugin { border-top: 1px solid #cccccc; height: 14px; margin-left: 12px; margin-right: 12px; position: absolute; bottom: 14px; left: 0; right: 0; } .widget_activity_feed > .content_left_border > .content_right_border > .content > .social_plugin > .icon { height: 14px; width: 14px; float: left; margin-right: 4px; margin-top: 2px; } .widget_activity_feed > .content_left_border > .content_right_border > .content > .social_plugin > .text { float: left; font-size: 11px; } /* -----------------------------------------------------------------------------*/ /* 5.2. Product Info Add To Cart Button /* -----------------------------------------------------------------------------*/ /* DevStart: Add to cart button was changed to anchor tag for keyboard navigation and accessibility */ .button_add_to_cart { height: 29px; overflow: hidden; cursor: pointer; display: block; text-decoration: none; min-width: 164px; float: left; clear: both; } /* DevEnd */ .button_add_to_cart > .left_border { width: 2px; height: 29px; float: left; background: url('../images/colors/color1/buttons/add_to_cart_sprite.png') top left no-repeat; } .button_add_to_cart > .right_border { width: 2px; height: 29px; float: left; background: url('../images/colors/color1/buttons/add_to_cart_sprite.png') top right no-repeat; } .button_add_to_cart > .button_text { min-width: 120px; height: 25px; padding: 2px 20px; float: left; background: url('../images/colors/color1/buttons/add_to_cart_sprite.png') bottom repeat-x; line-height: 28px; color: #333333; text-align: center; font-size: 11px; font-family: arial; font-size: 14px; } .button_add_to_cart:hover > .left_border { background: url('../images/colors/color1/buttons/add_to_cart_hover_sprite.png') top left no-repeat; } .button_add_to_cart:hover > .right_border { background: url('../images/colors/color1/buttons/add_to_cart_hover_sprite.png') top right no-repeat; } .button_add_to_cart:hover > .button_text { background: url('../images/colors/color1/buttons/add_to_cart_hover_sprite.png') bottom repeat-x; color: #4d4d4d; } .nodisplay { display: none; } .autoSuggestSelected { background-color: #d9e9f7 !important; } .button_add_to_cart_disabled { height: 25px; padding: 2px 45px; border: 2px solid #e5e5e5; color: #777777; float: left; font-size: 12px; line-height: 25px; cursor: default; } /* -----------------------------------------------------------------------------*/ /* 6.MISC /* -----------------------------------------------------------------------------*/ /* -----------------------------------------------------------------------------*/ /* 6.1. Package/Bundle Page extras /* -----------------------------------------------------------------------------*/ .widget_bundle_package_list .widget_product_listing { width: 711px; } .widget_bundle_package_list .widget_product_listing > .top { width: 711px; height: 0px; display: none; } .widget_bundle_package_list .widget_product_listing > .top > .left_border { width: 0px; } .widget_bundle_package_list .widget_product_listing > .top > .middle_tile { width: 711px; } .widget_bundle_package_list .widget_product_listing > .top > .right_border { width: 0px; } .widget_bundle_package_list .widget_product_listing > .middle { width: 711px; } .widget_bundle_package_list .widget_product_listing > .middle > .left_border { width: 711px; padding-left: 0px; } .widget_bundle_package_list .widget_product_listing > .middle > .left_border > .right_border { width: 711px; padding-right: 0px; } .widget_bundle_package_list .widget_product_listing > .middle > .left_border > .right_border > .content { width: 711px; padding: 0; min-height: 300px; background-color: #fff; } .widget_bundle_package_list .widget_product_listing > .bottom { display: none; } .widget_bundle_package_list .product_listing_container > .list_mode .product { width: 508px; padding: 12px 12px 12px 191px; min-height: 160px; position: relative; border-top: 1px solid #e5e5e5; margin-bottom: 20px; color: #777777; } .widget_bundle_package_list .product_listing_container .list_mode .product > .product_image { margin-top: 0px; } .widget_bundle_package_list .product_listing_container .bundle_mode .product { background: url('../images/colors/color1/bundle_product_bg.png') repeat-y; } .widget_bundle_package_list .product_listing_container > .bundle_mode .product .product_info { width: 300px; } .widget_bundle_package_list .product_listing_container > .list_mode .product .product_info .product_sizes .heading { font-size: 13px; } /* DevStart: inventory availability component is reused, hence using a common class .available instead of .product_availability */ .widget_bundle_package_list .product_listing_container > .bundle_mode .product .available { width: 190px; /* Dev: to accommodate select attribute text */ padding-left: 12px; } /* DevEnd */ #widget_bundle_summary > .left_border > .right_border > .content > .header_content > .price, #widget_package_summary > .left_border > .right_border > .content > .header_content > .price { color: #CA4200; font-weight: bold; font-size: 12px; float: none; } /* DevStart: A div was added to position the dropdown as parent to .dropdown_primary, hence .dropdown_primary not immediate child of .item */ #widget_bundle_summary > .left_border > .right_border > .content > .item .dropdown_primary > .button > .content, #widget_package_summary > .left_border > .right_border > .content > .item .dropdown_primary > .button > .content { min-width: 127px; } /* DevEnd */ /* -----------------------------------------------------------------------------*/ /* 6.2. Product Compare /* -----------------------------------------------------------------------------*/ .widget_product_compare { color: #404040; } .widget_product_compare a { color: #006ECC; text-decoration: none; } .widget_product_compare a:hover { text-decoration: underline; } .widget_product_compare .row a { color: #404040; } .widget_product_compare .compare_heading { font-size: 20px; color: #777777; } .widget_product_compare .compare_back { font-size: 14px; margin-bottom: 5px; } .widget_product_compare > .top, .widget_product_compare > .bottom { overflow: hidden; } .widget_product_compare > .top > .left_border, .widget_product_compare > .bottom > .left_border, .widget_product_compare > .top > .right_border, .widget_product_compare > .bottom > .right_border { width: 1px; height: 1px; background-color: #e5e5e5; float: left; } .widget_product_compare > .top > .middle, .widget_product_compare > .bottom > .middle { width: 100%; height: 1px; background-color: #e5e5e5; float: left; } .widget_product_compare > .middle > .left_border { padding-left: 1px; background-color: #e5e5e5; } .widget_product_compare > .middle > .left_border > .right_border { padding-right: 1px; background-color: #e5e5e5; } .widget_product_compare > .middle > .left_border > .right_border > .content { background-color: #ffffff; min-height: 100px; } .widget_product_compare > .middle > .left_border > .right_border > .content > .heading { padding: 0 8px; line-height: 32px; font-size: 14px; color: #777777; border-bottom: 1px solid #e5e5e5; } /* DevStart: to display compare zone empty message */ .widget_product_compare > .middle > .left_border > .right_border > .content > .message { padding: 0 8px; line-height: 32px; font-size: 14px; color: #777777; } /* DevEnd: to display compare zone empty message */ .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row_border { border-bottom: 1px solid #e5e5e5; } .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row { overflow: hidden; font-size: 12px; min-height: 30px; } .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .height_spacing_top { padding-top: 10px; } .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .height_spacing_bottom { padding-bottom: 10px; } .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .reduce_margins { margin-top: -8px; } .widget_product_compare > .middle > .left_border > .right_border > .content .zebra { background-color: rgb(245, 245, 245); } .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .heading { float: left; color: #777777; font-weight: bold; padding: 6px 1%; line-height: 16px; } .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row a:hover { text-decoration: underline; } .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row .remove { width: 7px; height: 7px; display: inline-block; vertical-align: middle; margin-bottom: 3px; margin-right: 3px; } .dj_ie7 .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row .remove { margin-bottom: -1px; } .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .item { float: right; padding: 6px 1%; line-height: 16px; } .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row:first-child > .item > a > img { max-width: 100%; } /* DevStart: to dynamically select the class based on the number of products to compare */ .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .heading { width: 18%; } .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_4 .row > .item { width: 20%; } .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_3 .row > .item { width: 25%; } .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_2 .row > .item { width: 40%; } .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_1 .row > .item { width: 80%; } .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .item > .price { color: #000; font-weight: bold; font-family: "UniversLTW02-57Condense 723821", "Arial Narrow", Arial, sans-serif; font-size: 14px; } .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .item > .old_price { color: #777777; font-weight: normal; text-decoration: line-through; margin-right: 4px; /* Dev: provides space after list price and before offer price */ } .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .item > .heading_mobile, .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main:nth-child(3) { display: none; } @media (max-width:600px) { .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main { overflow: hidden; } .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main:nth-child(3) { display: inherit; } .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_4{ width: 200%; } .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_3{ width:150%; } .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_2, .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_1 { width: 100%; } .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_4 .row > .item { width: 24% !important; } .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_3 .row > .item { width: 31% !important; } .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_2 .row > .item { width: 48% !important; } .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_1 .row > .item { width: 98% !important; } .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .heading { display: none; } .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .item > .heading_mobile { display: inherit; font-weight: bold; } } /* DevEnd: to dynamically select the class based on the number of products to compare */ /* -----------------------------------------------------------------------------*/ /* 6.3. Static Pages content /* -----------------------------------------------------------------------------*/ .static_page img { display: block; max-width: 100%; margin: 0 auto; } .static_page .header { font-size: 24px; color: #666666; line-height: 26px; margin: 12px 10px; } .static_page .sku { font-size: 10px; color: #666666; margin-left: 10px; margin-bottom: 12px; line-height: 10px; margin-top: -12px; } .static_page .divider { height: 1px; background-color: #e5e5e5; } .static_page .header_description { font-size: 12px; line-height: 14px; margin-left: 10px; margin-bottom: 15px; } .static_page > .content_body { margin-top: 25px; margin-bottom: 25px; } .static_page > .content_body > .text { font-size: 12px; line-height: 14px; } .static_page > .content_body > .left_margin { margin-left: 20px; } .static_page > .content_body > .text .header { font-size: 16px; line-height: 18px; margin-bottom: 4px; margin-left: 0px; margin-right: 0px; margin-top: 0px; } .static_page > .content_body > .text ul { margin-top: 15px; margin-bottom: 15px; margin-left: 25px; } .static_page > .content_body > .image { width: 160px; } .static_page > .recipe_container { border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; border-top: 2px solid #f8ad05; } .static_page > .recipe_container > .header { font-size: 17px; padding-bottom: 4px; padding-top: 4px; margin-left: 10px; margin-right: 10px; line-height: 19px; border-bottom: 1px solid #e5e5e5; } .static_page > .recipe_container > .column { width: 45%; margin-left: 10px; float: left; } .static_page > .recipe_container .subheader { font-weight: bold; font-size: 12px; } .static_page > .recipe_container ul { margin-left: 25px; } .static_page > .recipe_container ul li { font-size: 12px; line-height: 16px; } .static_page > .recipe_container p { font-size: 12px; margin-left: 10px; margin-right: 10px; line-height: 14px; margin-bottom: 12px; } .static_page > .three_column_content > .column { width: 33%; float: left; } .static_page > .three_column_content > .border { border-left: 1px solid #e5e5e5; } .static_page > .three_column_content > .column .column_header { font-size: 17px; float: left; } .static_page > .three_column_content > .column .indent { margin-left: 29px; margin-right: 10px; } .static_page > .three_column_content > .column .indent p { font-size: 12px; line-height: 14px; padding-bottom: 10px; } .static_page > .three_column_content > .column > .text_holder { margin-left: 10px; margin-right: 10px; overflow: hidden; } .static_page > .three_column_content > .column > .espot { max-width: 239px; margin: 0 auto !important; } .static_page .three_column_content .imagelink { position: absolute; background-color: #ef5305; line-height: 16px; padding-left: 12px; padding-right: 12px; padding-top: 6px; padding-bottom: 8px; color: #FFFFFF; text-align: center; cursor: pointer; } .static_page .productlink { position: absolute; line-height: 12px; font-size: 12px; padding: 0px; margin: 0px; line-height: 14px; color: #624131; } .static_page .productlink > .header { color: #CA4200; font-size: 14px; padding: 0px; margin: 0px; line-height: 14px; } .static_page .productlink:hover > .header { text-decoration: underline; } .static_page > .three_column_content > .column > .text_holder .number { margin-right: 10px; float: left } .static_page > .three_column_content > .column > .quote { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; margin-left: 12px; margin-right: 12px; font-family: Georgia; font-style: italic; color: #666666; font-size: 24px; line-height: 26px; padding-top: 8px; padding-bottom: 8px; } .static_page > .three_column_content > .column > .text_holder > .header { font-size: 24px; font-family: Arial; color: #666666; margin-left: 0px; } .static_page > .three_column_content > .column > .text_holder > p { font-size: 14px; color: #4d4d4d; line-height: 15px; margin-bottom: 20px; } .static_page > .three_column_content > .column > .text_holder > .no_margin { margin-bottom: none; } .static_page > .style_guide { max-width: 719px; margin: 0 auto; } .static_page > .style_guide > .left_image { float: left; width: 50%; } .static_page > .style_guide > .right_content { float: left; width: 50%; } @media (max-width:920px) { .static_page > .style_guide > .left_image { width: 100%; } .static_page > .style_guide > .right_content { width: 100%; } } .static_page > .style_guide > .right_content > ul { padding: 0; } .static_page > .style_guide > .right_content p, .static_page > .style_guide > .right_content > ul li { font-size: 12px; color: #666666; line-height: 14px; margin: 0 10px; } .static_page > .style_guide > .right_content > ul li { margin-left: 25px; } .static_page > .style_guide > .right_content > .attachment { margin-left: 10px; } .static_page > .style_guide > .right_content > .attachment > .icon { float: left; } .static_page > .style_guide > .right_content > .attachment > .details { float: left; } .static_page > .style_guide > .right_content > .attachment > .details a { color: #006ECC; text-decoration: none; } .static_page > .style_guide > .right_content > .attachment > .details a:hover { cursor: pointer; text-decoration: underline; } .static_page > .video_container { position: relative; max-width: 718px; margin: 0 auto; } .static_page > .video_container:before { content: ""; display: block; position: relative; padding-bottom: 57.4%; } .static_page > .video_container object { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } @media (max-width:920px) { .static_page > .three_column_content > .column { width: 100%; } .static_page > .three_column_content > .border { border: 0 none; } } /* -----------------------------------------------------------------------------*/ /* 6.4. Progress Bar /* -----------------------------------------------------------------------------*/ /* For the element containing the actual progress bar */ #progress_bar { position: absolute; z-index: 9999; display: none; } /* For the dialog containing the progress bar element */ #progress_bar_dialog { position: absolute; z-index: 9999; /* DevStart: outline was coming for progress bar. * display:none; moved to inline css otherwise dialog.show() won't display the progress bar */ outline: 0; /* DevEnd */ } /* Progress bar dialog background */ .dijitDialogUnderlay { display: none; } .dijitDialogUnderlayWrapper { position: absolute; } #confirmationPopup_underlay { display: block; background-color: #fff; opacity: 0.4; filter: alpha(opacity=40); } #loading_popup { width: 59px; } #loading_popup .top_left { background-image: url('../images/colors/color1/popup_topleft.png'); background-repeat: no-repeat; background-position: top; height: 7px; width: 8px; float: left; } #loading_popup .top_right { background-image: url('../images/colors/color1/popup_topright.png'); background-repeat: no-repeat; background-position: right top; height: 7px; width: 51px; float: left; } #loading_popup .header { background-image: url('../images/colors/color1/popup_center_tile_mini.png'); background-repeat: repeat-y; text-align: right; clear: left; } #loading_popup .close { padding: 5px 15px 2px 0px; color: #666666; } #loading_popup .close .icon { padding: 2px 0 0 4px; float: right; } #loading_popup .bodycontent { background-color: transparent; background-image: url('../images/colors/color1/popup_center_tile_mini.png'); background-repeat: repeat-y; background-position: right; padding: 0 5px 0 5px; margin: 0; } #loading_popup .bodycontent h2 { font-size: 14px; font-weight: bold; } #loading_popup .bodycontent p { margin: 3px 0 10px 2px; } #loading_popup .bodycontent div.form_2column { padding: 0; } #loading_popup .bodycontent_short { padding: 12px 17px 12px 15px; margin: 0px 1px 0px 1px; } #loading_popup .footer { text-align: right; height: 20px; width: 59px; } #loading_popup .footer .bot_left { background-image: url('../images/colors/color1/popup_botleft.png'); background-repeat: no-repeat; background-position: bottom; height: 11px; width: 8px; float: left; } #loading_popup .footer .bot_right { background-image: url('../images/colors/color1/popup_botright.png'); background-repeat: no-repeat; background-position: right bottom; height: 11px; width: 51px; float: left; } /* -----------------------------------------------------------------------------*/ /* 6.5. Punchout Payment /* -----------------------------------------------------------------------------*/ div.punchout_pay_button_div { margin-top: 10px; } /* -----------------------------------------------------------------------------*/ /* 6.6. Popups /* -----------------------------------------------------------------------------*/ div .error_icon { float: left; } /* -----------------------------------------------------------------------------*/ /* 6.7. IE6 Unsupported Browser Page /* -----------------------------------------------------------------------------*/ .ie6_Background { background-color: #FFFFFF; height: 100%; position: fixed; width: 100%; } .ie6_Position { position: relative; width: 100%; } .ie6_Content { background-color: #FFFFFF; margin-left: auto; margin-right: auto; padding-bottom: 50px; text-align: center; } .ie6_Header { color: #A1A1A1; font-family: verdana, arial; font-size: 20px; padding-bottom: 12px; padding-top: 38px; text-align: center; } .ie6_Message { color: #444444; font-family: verdana, arial; font-size: 13px; line-height: 16px; padding-bottom: 40px; padding-left: 12px; padding-right: 12px; text-align: center; } .ie6_Banner { background: url("../images/colors/color1/unsupported_browser_bg.png") repeat-x scroll 0 0 white; border-bottom: 1px solid #C6D0DC; height: 42px; padding-top: 5px; } .ie6_AuroraLogo { position: relative; } .orderExpandArea { border-top: 1px solid #e0e0e0; padding: 5px 0px; } .orderExpandArea a p { display: inline; vertical-align: top; } a.remove_product:before, a.remove-all-cart:before, a.remove_product_qo:before { content: ''; background-image: url('../images/sprite.png'); background-position: -2px -100px; background-repeat: no-repeat; overflow: hidden; display: inline-block; width: 10px; height: 10px; } a.remove-all-cart { font-size: 12px; margin-left: 11px; } a.remove-all-cart:before { margin-right: 5px; } #orderExpandAreaBottom { border-bottom: 1px solid #e0e0e0; } .validated_image { background-repeat: no-repeat !important; overflow: hidden !important; background-image: url('../images/UserName_Password_Active.jpg') !important; background-position: 99.6% !important; } .catfinancehead1 { width:150px; border-right:1px solid #333; float:left; height:300px; padding-right:10PX; } .catfinancehead2 { width:100px; float:left; height:300px; padding-right:10PX; padding-top:10PX; } .catfinancecircle { width: 25px; height: 25px; border-radius: 50%; font-size: 10px; color: #fff; line-height: 25px; text-align: center; background: #000; float:center; } .catfinancetext{ padding-lef:20px; } .catfinanceInfoLink { background-position: -2px -556px; background-repeat: no-repeat; overflow: hidden; display: inline-block; width: 16px; height: 16px; content: ''; background-image: url('../images/sprite.png'); vertical-align: middle; } .tooltipIconContainer { display: inline-block; vertical-align: top; margin-right: 5px; } .catFinanceTooltip { margin-top: 0px; margin-bottom: 0px; margin-left: 1px; width: 400px; z-index: 99999; text-align: left !important; } .catFinanceTooltipClose { background-position: -2px -146px; background-repeat: no-repeat; overflow: hidden; display: inline-block; width: 16px; height: 16px; content: ''; background-image: url('../images/sprite.png'); vertical-align: middle; float: right; margin-top: -16px !important; margin-right: -15px; } .button_primary_disable { opacity: 0.3; filter: alpha(opacity=30); pointer-events: none; cursor: default; } .product-list-container .facetContainer .spanacce, .search-result-container .facetContainer .spanacce { height: 1px; width: 1px; position: absolute; overflow: hidden; top: -1px; } /*** CSS added for no dealer info popup **/ .catHomePageModalContent { z-index: 999; background: white; position: relative; margin-bottom: 20px; border: 1px solid black; padding: 20px 20px 20px 20px; width: 33%; } .homePageModalPopup{ float:right; padding-left:33%; display:none;position:absolute; padding-top:20px; z-index: 9999; } @media only screen and (max-width: 1920px),(min-device-width: 768px) and (max-device-width: 1920px) { .homePageModalPopup{ float:right; margin-left:auto; display:none;position:absolute; padding-top:20px; } } @media only screen and (max-width: 760px),(min-device-width: 768px) and (max-device-width: 1024px) { .homePageModalPopup{ float:right; padding-left:30%; display:none;position:absolute; padding-top:20px; } } @media only screen and (max-width: 1280px),(min-device-width: 768px) and (max-device-width: 1280px) { .homePageModalPopup{ float:right; padding-left:36%; display:none;position:absolute; padding-top:20px; } } @media all and (max-width:450px){ .homePageModalPopup{ padding-left:2%;padding-right:2%;display:none; } } @media only screen and (max-width:768px){ div#page { overflow-x: hidden; } } .dontshow { display: none; } .show { display: block; } /*---- START: BCPC-2096: Tool tip missing in attachment PDP ----*/ #addToCartButtonPCCSection{ position:reltive; } #addToCartButtonPCCSection a.button.check-price{ width:96%; } #addToCartButtonPCCSection .tooltipIconContainer{ position:absolute; right:10px; top:11px; } /*---- END: BCPC-2096: Tool tip missing in attachment PDP ----*/ /*---- START: BCPC-2270 : Information icon should sit outside of the width of the button. ----*/ #addToCartButtonPCCSection a.button.check-price{ width:100%; } /*---- END: BCPC-2270 : Information icon should sit outside of the width of the button. ----*/ #prop65WarningLink { text-transform: uppercase; } #catProp65WarningTitle { font-weight: bold; }