/* *----------------------------------------------------------------- * 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"); /** SF-10104 : review-Widget-v2 **/ @import url("review-Widget-v2.css"); /** 360 Blue Theme **/ /*--------------fonts------------------*/ @import url("font.css"); @import url("font-awesome.min.css"); @import url("threesixty.css"); /*--------------fonts------------------*/ /*--------------core------------------*/ @import url("base.css"); @import url("styles.css"); @import url("aurora-header-footer-new-style-v2.css"); /*--------------core------------------*/ /*--------------Heder+Footer------------------*/ /*@import url("360-header-footer-style.css");*/ /*--------------Heder+Footer------------------*/ /*--------------template-D------------------*/ /*@import url("base-360.css");*/ /*--------------template-D------------------*/ /*--------------Catalog-------------------*/ /*@import url("base-360-catalog.css");*/ /*--------------Catalog-------------------*/ /* 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%; } #at3win iframe {display: block;} /* chat link on vaned store is overlaped with cart quantity icon */ .five9-chat-button{box-sizing: border-box;} @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: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; z-index: 1000000; min-width: 270px; max-width: 550px; 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: 18px; position: relative; width: 18px; } .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: 12px; color: #4D4D4D; line-height: 16px; margin-left: 25px; } .store_message .AlertMessageClose{cursor:pointer; position:absolute; top:8px; right:8px; } .store_message .AlertMessageClose a{ display:block; color:#aaa; width:30px; height:30px; background:rgba(0,0,0,0) url('//www.360training.com/wcsstore/AuroraStorefrontAssetStore/images/close.svg') no-repeat 0 0; background-size:contain; } .msgOverlay {display:none; width:100%; height:100%; position:absolute; left:0; top:0; z-index:100000; background-color: #fff; background-color: rgba(255,255,255,0.9); display:none; } /*------------------------------- */ 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; } 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; } h1.threeSixtySearchSummaryResultHeading { line-height:45px !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 { width: 69%; /*685*/ margin-right: 1%; float: left; padding: 0; } .container_content_rightsidebar.shop_cart > .left_column { width: 79%; } @media screen and (max-width: 968px) { #order_details div.img:first-child { width: 50% !important; } .container_content_rightsidebar.shop_cart > .left_column {width: 100%;} } @media screen and (max-width: 768px) { .nonRWDPage #quickLinksBar {top : 5px!important} .nonRWDPage .MobNavTrig { display: none;} .PeopleAlsoBoughtWrapper.PeopleSuggestionShopping span.price_span { width: auto!important;} .PeopleAlsoBoughtWrapper.PeopleSuggestionShopping span.PeopleAlsoBoughtProducttitle { width: auto!important; display: initial!important;} .button_primary { float: right} #order_details .th_align_left_normal .itemspecs {width: 220px!important;} } .container_content_rightsidebar > .left_column_5px{ width: 29%; /*685*/ margin-right: 1%; } .container_content_rightsidebar > .right_column { width: 30%; /*237*/ 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; word-wrap: break-word; } /*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; display:block; word-wrap: break-word; } 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; } .spanacce { height: 1px; width: 1px; position: absolute; overflow: hidden; top: -1px; } .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: left; 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: 18%; } .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_3 .row > .item { width: 24%; } .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_2 .row > .item { width: 37%; } .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_1 .row > .item { width: 78%; } .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .item > .price{ color: #CA4200; font-weight: bold; } .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, .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_3 { width: 200%; } .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: 23% !important; } .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_3 .row > .item { width: 23% !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; } #orderExpandAreaBottom { border-bottom: 1px solid #e0e0e0; } /*BLUE MAIN Aurora-style */ html { background: #FFF; } body { margin: 0; padding: 0; color: #4d4d4d; font-family: "Open Sans", sans-serif; font-size:13px; line-height: 1.4; } table { border-collapse: collapse; border-spacing: 0; } p { margin:0; } img { border: 0; } ul, ol { margin-bottom: 10px; margin-top: 0; } caption, th { text-align: left; } h1 { font-size: 40px; font-weight: 300; } h2 { font-size: 26px; font-weight: 300; } h3 { font-size: 20px; font-weight: 300; } h1, h2, h3 { margin-top: 0; } a, a:hover, a:focus { color: #333333; outline: medium none; text-decoration: none; } sup { vertical-align: text-top; } sub { vertical-align: text-bottom; } input, input[type="text"], input[type="select"],input[type="password"], select, textarea { background-color: #ffffff; border: 1px solid #e5e5e5; border-radius: 0; box-shadow: none; color: #333333; font-size: 14px; font-weight: normal; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; padding: 6px 12px; } input:focus { border-color: #999999; outline: 0; -webkit-box-shadow: none; box-shadow: none; } textarea:focus { border-color: #999999; outline: 0; -webkit-box-shadow: none; box-shadow: none; } select:focus { border-color: #999999; outline: 0; -webkit-box-shadow: none; box-shadow: none; } /*ICON Classes START*/ .fa { color:#999; font-size:14px; } .mode-icon-edit { } .mode-icon-plus { } .mode-icon-close { } .mode-icon-check-square { color:#35aa47; } /*ICON Classes END*/ .pt5 { padding-top:5px; } .pt10 { padding-top:10px; } .pt15 { padding-top:15px; } .pt20 { padding-top:20px; } .pr5 { padding-right:5px; } .pr10 { padding-right:10px; } .pr15 { padding-right:15px; } .pr20 { padding-right:20px; } .pb5 { padding-bottom:5px; } .pb10 { padding-bottom:10px; } .pb15 { padding-bottom:15px; } .pb20 { padding-bottom:20px; } .pl5 { padding-left:5px; } .pl10 { padding-left:10px; } .pl15 { padding-left:15px; } .pl20 { padding-left:20px; } .mt5 { margin-top:5px; } .mt10 { margin-top:10px; } .mt15 { margin-top:15px; } .mt20 { margin-top:20px; } .mr5 { margin-right:5px; } .mr10 { margin-right:10px; } .mr15 { margin-right:15px; } .mr20 { margin-right:20px; } .mb5 { margin-bottom:5px; } .mb10 { margin-bottom:10px; } .mb15 { margin-bottom:15px; } .mb20 { margin-bottom:20px; } .ml5 { margin-left:5px; } .ml10 { margin-left:10px; } .ml15 { margin-left:15px; } .ml20 { margin-left:20px; } /* Main div wraper */ .rowContainerWraper{ width:85%; margin: 0 auto;} /* Main div wraper */ /* 5.1. Primary Button /* -----------------------------------------------------------------------------*/ .button_primary { display: inline-block; position: relative; background:#4d90fe; vertical-align: middle; border-radius: 0px !important; border: 0px solid #4d90fe; cursor: pointer; line-height: 1.42857143; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .button_primary:hover, .button_primary:focus { background: #0362FD !important; outline:0px; } .button_primary > .button_text { display: table-cell; height: 24px; margin: 0; padding: 5px 30px; /*This is fixed for All blue buttons */ white-space: nowrap; border: 1px solid #4d90fe; border-radius: 0px !important; font-size: 14px !important; font-weight: 400; line-height: normal; text-align: center; vertical-align: middle; color:#fff; } .button_primary.extpadding > .button_text{ padding: 5px 30px; } .button_primary > .button_text.atc { padding: 5px 31.5px; } @media screen and (-webkit-min-device-pixel-ratio:0){ .button_primary > .button_text.atc { padding: 5px 32px !important;} } .button_primary > .button_text.lm { padding: 5px 30px; } .button_primary > .left_border, .button_primary > .right_border { display: none; } .button_primary > .button_primary { display: block; border: 0 none; } .button_align { } /* -----------------------------------------------------------------------------*/ /* 5.1. Secondary Button /* -----------------------------------------------------------------------------*/ .button_secondary { display: inline-block; position: relative; background:#e5e5e5; vertical-align: middle; border-radius: 0px !important; border: 0px solid #4d90fe; cursor: pointer; line-height: 1.42857143; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .button_secondary:hover, .button_secondary:focus { background: #d8d8d8 !important; outline:0px; } .button_secondary > .button_text { display: table-cell; height: 24px; margin: 0; padding: 5px 30px; border: 1px solid transparent; border-radius: 0px !important; font-size: 14px !important; font-weight: 400; line-height: normal; text-align: center; vertical-align: middle; color:#333; } .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; } /* Left navigation col */ div.widget_left_nav > div.content_left_border { border: 0px solid #e5e5e5; */ border-right: 3px solid #e5e5e5 !important; } .content_right_border { border-right: 1px solid #e5e5e5 !important; } div.widget_left_nav div.bottom_border_5px { border-bottom: 5px solid #e5e5e5; } /* ### simple### div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.header{ height: 35px; background-color: #f2f2f2; padding-left: 10px; padding-right: 10px; vertical-align:middle; }*/ div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.header { height: 35px; background: /*url(../../StoreAssets/images/divot.png) no-repeat right center*/ #f2f2f2; padding-left: 10px; padding-right: 10px; vertical-align:middle; } 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; font:-size:14px; } 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: none; color:#428bca; } 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 { font-size:14px; } div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.header span.header_title { font-size:14px; font-weight:normal; color:#333; } .ico-my-wish-list:before { content:"\f022"; font-family:'FontAwesome'; font-style:normal; color:#999; padding:0 7px 0 0; } .ico-my-settings:before { content:"\f013"; font-family:'FontAwesome'; font-style:normal; color:#999; padding:0 7px 0 0; } .ico-my-order:before { content:"\f217"; font-family:'FontAwesome'; font-style:normal; color:#999; padding:0 7px 0 0; font-size:18px; } .ico-my-coupons:before { content:"\f02b"; font-family:'FontAwesome'; font-style:normal; color:#999; padding:0 7px 0 0; } /* -----------------------------------------------------------------------------*/ /* FROM LEAGCY CSS */ /*------------------------------------------------------------------------------*/ #checkout_crumb .crumb a { color:#999; } a, a:hover, a:focus { outline:medium none; } .step_on { color:#999; } .sign_in_registration .align { padding:15px 5px 0px 15px; border:solid 1px #e5e5e5; min-height:300px; height:auto; } /* Newly added from MDS for My Account pages */ /*NU.myaccount_header { background-color: #fff; border:0; color: #777777; font-size: 16px; padding: 8px; }NU for no header*/ .myaccount_header { background-color: #F5F5F5; border-color: #e5e5e5 #e5e5e5 #e5e5e5; border-style: solid; border-width: 1px 1px 0px; color: #777; font-size: 16px; padding: 8px; } .myaccount_header:after { content: ""; display: block; clear: both; } .myaccount_header.bottom_line { background-color: #F5F5F5; border-bottom: 1px solid #E5E5E5; } .myaccount_header.no_side_lines { border-right: none; border-left: none; } .myaccount_content { border:solid 1px #e5e5e5; margin:0px 0px 0px 0px; padding:0px 8px 0px 8px; display:block; } .myaccount_content.margin_below { margin-bottom: 8px; } .myaccount_desc_title { padding: 10px 0; color: #666666; font-weight: bold; font-size: 12px; } .myaccount .bopis_link { color: #006ECC; } .myaccount_section_header { background: none repeat scroll 0 0 ##e9e9e9; border-bottom: 1px solid #E5E5E5; height: 33px; margin: 0 auto; } .myaccount_subheader, .checkout_subheader { background: none repeat scroll 0 0 #FBFBFB; border: 1px solid #E5E5E5; /* min-height: 33px; */ margin: 0 auto; padding: 0px 8px; } .myaccount_subheader:after, .checkout_subheader:after { content: ""; display: block; clear: both; } .checkout_subheader_content { display: inline-block; vertical-align: middle; } .myaccount_section_header.around_border { border: 1px solid #E5E5E5; } .my_account .header { height:33px; line-height:33px; margin:0px; padding:0px; font-size: 12px; padding-left:8px; color: #333333; } .my_account .header { font-size: 16px; color: #666666; } .my_account div.left .form_2column .align fieldset label{display:inline-block;} /* UserRegistrationAddForm.jsp */ .sign_in_registration .form .content .align { padding:5px 15px; border-left:solid 1px #e5e5e5; border-right:solid 1px #e5e5e5; height:auto; } .sign_in_registration .header_registration { background: url('../images/colors/color1/registration_header.png'); background-repeat:no-repeat; width:773px; height:44px; } .sign_in_registration .heading { padding:17px 5px 0px 59px; } .registration_header { /*NUfont-size:26px;NU*/ font-weight:300; } .sign_in_registration .title h1 { font-size:26px; font-weight:300; } .checkbox_label { /* remove this so that the string is wrapped when it is really long. float:left; */ padding-left:20px; padding-top:6px; vertical-align:middle; } label.checkbox_label { } div#WC_UserRegistrationUpdateForm_div_25.input_label { padding: 15px 5px; } .checkbox_label_registration { /* remove this so that the string is wrapped when it is really long. float:left; */ padding-left: 20px; padding-top: 6px; vertical-align:middle; } .sign_in_registration #resendActivationLink { margin: 10px 0px; } .checkbox_registration { float:left; } .checkbox { padding-bottom:3px; margin-top:3px; margin-right:4px; width:13px !important; height:13px; border:none; vertical-align:middle; line-height:0px; } /* For my account related pages */ .my_account .form_2column .column input { margin:10px 0 5px 0; padding: 9px 5px; width:92.5%; } .my_account .form_2column .column input { margin:10px 0 5px 0; padding: 9px 5px; width:92.5%; } /* For Registration related pages */ .sign_in_registration .content .align .form_2column .column input { margin:10px 0 5px 0; padding: 9px 5px; width:92.5%; } .sign_in_registration div.header_return .content form#Logon .input_label label{display:inline-block;} .sign_in_registration div.header_return .content form#Logon .input_label label span{} /* For Quick Profile related pages */ div.right_column .my_account .body .shipping_billing_content input.form_input { margin: 10px 0 5px; width:92.5%; } div.right_column div#box .my_account .body.dijitContentPane span.highlight .left .form_2column .column input { margin: 10px 0 5px; width:92.5%; } /*div.right_column div#box .my_account .body.dijitContentPane span.highlight .left .form_2column .column{margin-right:20px;}*/ #Register input { margin:0/*NU*/ 0 5px 0; padding: 9px 5px; /*width:92.5%;*/ border-radius:0; } /*NU*/.inputField{border-radius:0 none; border: 1px solid #bfbfbf !important; padding:8px !important;} input#WC_PersonalInfoExtension_mobile_div_mobileCountryCode.inputField{border-radius:0 none; border: 1px solid #bfbfbf !important; padding:5px 5px 7px !important;} #Register .provideInfo{font-weight:600;} /*NU*/ #WC_AccountForm_div_9 input { margin:10px 0 5px 0; /*width:92.5%;*/ } #my_account_billing input { margin:10px 0 5px 0; /*width:92.5%;*/ } #shipAddr input { margin:10px 0 5px 0; /*width:92.5%;*/ } /*.form_2column .column > input{ height:30px;}*/ .my_account > .form_2column .column > input { padding:10px 5px; } .sign_in_registration { color:#666; } .sign_in_registration ul { list-style:inside disc none; } .sign_in_registration li { padding:0 10px; } .sign_in_registration .content input, .sign_in_registration .align input { width:84.5%; border:1px solid #e5e5e5; padding:10px 5px; margin:10px 0; } .sign_in_registration .align input { padding:6px 12px 6px 10px; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } @media screen and (-webkit-min-device-pixel-ratio:0) { .sign_in_registration .align input { line-height:18px; } } .sign_in_registration .align input:focus { border-color: #999999; outline: 0; -webkit-box-shadow: none !important; box-shadow: none !important; } .sign_in_registration .forgot_password_link_padding { padding-bottom: 6px; padding-top: 30px; } .sign_in_registration .content .column select { margin:10px 0; } .column select { width:95.5% !important; } .form_2column .column select { height:40px; margin: 10px 0 5px; } .sign_in_registration .content { font-size:14px; padding:5px 0; line-height:1.4em; color:#666; } .drop_down_country { height:34px; border:1px solid #e5e5e5; width:98%; } .drop_down { height:34px; border:1px solid #e5e5e5; } .birthdayColumn > .drop_down { height:34px; border:1px solid #e5e5e5;; margin-right:5px; } #breadcrumb .title h1 { font-size:40px; font-weight:300; } #WC_MyAccountDisplay_div_1 .myaccount_title .landingpage_link { font-size:40px; font-weight:300; color:#666; } .drop_down_checkout { height:34px; margin:10px 0; border: 1px solid #e5e5e5; width:98%; } #my_account_shipping { border-left: 1px solid #e5e5e5; float: right; padding-left: 2%; width: 48%; } /*CART PAGE */ #total_breakdown { } #box.shopping_cart_box { font-size:14px; } #breadcrumb span.on > span { font-size:40px; font-weight:300; color:#666; } #breadcrumb .on{color:#666;}/*NU*/ #total_breakdown #promotions .button_text { padding: 0px 5px; font-size:12px; } #total_breakdown .promotion_input input { margin-top:-2px;/*NU*/ } h2.myaccount_header { background-color: #f5f5f5; border: 1px solid #ddd; color: #666; font-size: 18px; font-weight:400; padding: 8px; } .drop_down_payment_method { height:34px; width:98%; } .form_input { height:30px; } .myaccount_subheader, .checkout_subheader .button_text { padding:5px 10px; } #box .main_header { background-color:#f5f5f5; background-image:none; width:100%; overflow:hidden; } #box .main_header .left_corner, #box .main_header .right_corner, #box .main_header .left_corner_straight, #box .main_header .right_corner_straight { background-color:#f5f5f5; background-image:none; } .drop_down_shipping, .drop_down_billing, .drop_down_address_book { height:34px; } #box .my_account .body { font-size:14px; color:#999; } #my_account_shipping h1 { font-size:14px; padding:0 0 10px 10px; } #my_account_billing h1 { font-size:14px; padding:0 0 10px 10px; } /*PRODUCt */ .price { .order_status_table span.price { padding: 0 5px; } font-family: "Open Sans", sans-serif !important; } span.price { font-family: "Open Sans", sans-serif !important; } .product_info > .product_price { color: #35aa47; font-size: 24px; font-weight: 300; padding: 0 0 5px; } .breadcrumb_current { color: #35aa47; } /* ICONS */ .input-icon { position: relative; } .input-icon i { color: #ccc; display: block; position: absolute; margin: 17px 2px 4px 10px; width: 16px; height: 16px; font-size: 16px; text-align: center; } .icon-user-signin-register { color: #ccc; display: block; position: absolute; margin: 20px 2px 4px 10px; width: 16px; height: 16px; font-size: 16px; text-align: center; font-style:normal !important; } .icon-user-signin-register:before { content: "\f007"; font-family:'FontAwesome'; } .icon-lock { } .icon-lock:before { content: "\f023"; font-family:'FontAwesome'; font-style:normal !important; } .icon-shopping-cart { } .icon-shopping-cart:before { font-size:16px; content:"\f07a"; } .fa-shopping-cart:before { font-size:16px; padding:0 5px 0 0; } /*BLUE MAIN Aurora Style */ /*BLUE REGISTER USER STYLE*/ /*Resets*/ .bg-white{background:#fff;} .border-none{} /*Resets*/ /* Sign In, Register page */ .container_full_width div#box .sign_in_registration .forgot_password_container .myaccount_header {/*NUbackground:#fff; border:0 none;NU*/} .container_full_width div#box .sign_in_registration .forgot_password_container .forgot_password_content {font-size:14px; font-weight:200px; color:#666; line-height:1.4em;} div.container_full_width div#box .sign_in_registration .form .myaccount_header{background:#fff; border:0 none;} @media screen and (-webkit-min-device-pixel-ratio:0){ ::i-block-chrome,.sign_in_registration .form .content .align .form_2column .column select.drop_down, ::i-block-chrome,.sign_in_registration .form .content .align .form_2column .column select.drop_down_country, ::i-block-chrome, select.drop_down_country, ::i-block-chrome, select.drop_down { line-height:32px; } } /* LOGIN WITH SOCIAL BUTTONS */ .joinin-container .JoinButton, .signin-container .JoinButton, .recipient-container .JoinButton{background-color:#0280d4; font-family:"Open Sans",sans-serif; font-size:15px; font-weight:700; color:#fff; line-height:13px; text-align:center; border:1px solid #bac2c7; width:100%; min-height:23px; margin-top:12px; padding:18px 12px 8px 12px; display:block; -webkit-transition-duration:0.5s; -webkit-transition-delay:0s; -webkit-transition-timing-function:ease; transition-duration:1s; transition-delay:0s; transition-timing-function:ease} .joinin-container .JoinButton:hover, .signin-container .JoinButton:hover, .recipient-container .JoinButton:hover{background-color:#0a5891; color:#fff} .joinin-container .FbButton, .signin-container .FbButton, .recipient-container .FbButton{background-color:#365081; font-family:"Open Sans",sans-serif; font-size:15px; font-weight:700; color:#fff; line-height:13px; text-align:left; border:1px solid #bac2c7; width:232px; margin-left:25px; margin-top:12px; min-height:23px; padding:18px 12px 8px 12px; display:block; -webkit-transition-duration:1s; -webkit-transition-delay:1s; -webkit-transition-timing-function:ease; transition-duration:1s; transition-delay:0s; transition-timing-function:ease} .joinin-container .FbButton i, .signin-container .FbButton i, .recipient-container .FbButton i{background:url(../images/social-5.svg) 0 0 no-repeat;margin-top:-4px; background-size:contain; display:inline-block; width:20px; height:20px; color:#fff; vertical-align:middle; margin-left:5px; padding-right:20px} .joinin-container .FbButton:hover, .signin-container .FbButton:hover, .recipient-container .FbButton:hover{background-color:#0a5891; color:#fff} .joinin-container .LIButton i, .signin-container .LIButton i, .recipient-container .LIButton i{background:url(../images/social-6.svg) 0 0 no-repeat;margin-top:-4px; background-size:contain; display:inline-block; width:20px; height:20px; color:#fff; vertical-align:middle; margin-left:5px; padding-right:20px} .joinin-container .LIButton:hover, .signin-container .LIButton:hover, .recipient-container .LIButton:hover{background-color:#0a5891; color:#fff} .signin-container{width:85%; margin:0 auto} .signin-container .leftpart{float:left} .signin-container .leftpart a.JoinButton{width:169px} .signin-container .right{float:right} .signin-container .right a.FbButton{width:185px; padding:18px 5px 8px; margin-left:0px} .signin-container .right a.FbButton i{padding-right:4px} .signin-container .right a.LIButton{width:185px; padding:18px 5px 8px; margin-left:0px} .signin-container .right a.LIButton i{padding-right:4px} .recipient-container{ width:92%; margin-bottom: 10px;} .recipient-container .leftpart{ width: 100%;} .recipient-container .leftpart .JoinButton{margin-left:0px; width:auto; } .recipient-container .right {width: 100%} .recipient-container .right .FbButton{ width:auto; margin-left:0px; text-align: center; } .recipient-container .right .LIButton{ width:auto; margin-left:0px; text-align: center; } .forgot_password_link_padding { padding-top: 15px!important} .chebox-center{margin:10px auto; width:160px} @media screen and (max-width:600px){ .JoinButton{width:auto} .FbButton{margin-left:0px; width:auto; text-align:center} .LIButton{margin-left:0px; width:auto; text-align:center} .signin-container{width:87%} .signin-container .leftpart{float:left; width:100%} .signin-container .leftpart a.JoinButton{width:auto} .signin-container .right{float:right; width:100%} .signin-container .right a.FbButton{margin-left:0; text-align:center; width:auto} .signin-container .right a.LIButton{margin-left:0; text-align:center; width:auto} .joinin-container a.JoinButton{width:auto} .joinin-container a.FbButton{margin-left:0; text-align:center; width:auto} .joinin-container a.LIButton{margin-left:0; text-align:center; width:auto} .title-bottom-row {width:101%!important} } @media screen and (max-width:966px){ .JoininPopFrom { padding-right: 12px; margin-right: 10px;} } /* EmailActivation page*/ .container_full_width div#box .sign_in_registration .forgot_password_container .forgot_password_content .align div.input-icon input.resend_activation_form{width:42%;} .container_full_width div#box .sign_in_registration .forgot_password_container .forgot_password_content .align div.input-icon input.reset_Password_form{width:42%;} /* EmailActivation page*/ /* Sign In, Register page */ /*Shopping Cart Page ShoppingCart.html */ /*CUSTOMER NEW OR RETURNING*/ #customers_new_or_returning h2{font-size: 26px;font-weight: 300;} #customers_new_or_returning .returning{width: 260px;} #customers_new_or_returning .new{width: 260px;} /*CUSTOMER NEW OR RETURNING*/ #box.shopping_cart_box{font:14px "Open Sans", Sans-Serif;} #order_details th{} div.container_content_leftsidebar div.left_column span.highlight div.widget_left_nav_position div.widget_left_nav div.content_left_border{border: 1px solid #e5e5e5;} div.container_content_leftsidebar div.left_column span.highlight div.widget_left_nav_position div.widget_left_nav div.content_left_border div.content_right_border{border-right:0 none !important;} div.container_content_leftsidebar div.left_column span.highlight .widget_left_nav_position div.widget_left_nav div.content_left_border div.content_right_border div.content div.content_section div.header{border-top: 1px solid #ddd;} div.container_content_leftsidebar div.left_column span.highlight .widget_left_nav_position div.widget_left_nav div.content_left_border div.content_right_border div.content div.content_section div.header.bottom_border{border-bottom: 1px solid #ddd; margin-top:-1px;} table#order_details tbody tr.nested th.align_left span{ border-right: 0 none none !important;} div.container_content_rightsidebar div.left_column .dijitContentPane span.highlight .shopping_cart_box .body{border-top:1px solid #e5e5e5;} div#promotions span.highlight .promotion_input .input{padding:1px 5px; text-align:center;} div#promotions span.highlight .promotion_input .input:focus{border-color: #999999; box-shadow: none; outline: 0 none;} .shopping_cart_box .body span.highlight td.QTY p.item-quantity input{width:16px; height:16px; text-align:center;} div.main_content div.container_content_rightsidebar div.left_column .dijitContentPane div#box.shopping_cart_box .myaccount_header{background:#f1f1f1; border:1px solid #e5e5e5;} /* Related product Navigation */ .controlBar .pageControl.number > a { color:#428bca; background:#fff; border-color:#ddd; border-right:0; border-radius: 0; margin:0;} .controlBar .pageControl.number > a:hover, .controlBar .pageControl.number > a.selected{background:#eee; color:#333; border-color:#ddd;} .controlBar > .prevPageButton{border: 1px solid #ddd; border-right:0;display: inline-block;height: 26px;overflow: hidden;padding: 6px;position: relative;vertical-align: middle;width: 26px; margin:0 -5px;} .controlBar > .nextPageButton{ border: 1px solid #ddd;display: inline-block;height: 26px;overflow: hidden;padding: 6px;position: relative;vertical-align: middle;width: 26px; margin:0 -5px;} .controlBar > .prevPageButton:before{font-family:"FontAwesome"; font-size:18px; color:#428bca; content:"\f104"; display:block; position: absolute;top: -1px;} .controlBar > .prevPageButton:before, .controlBar > .prevPageButton:hover:before, .controlBar > .prevPageButton:active:before{left:13px;} .controlBar > .nextPageButton:before{font-family:"FontAwesome";content:"\f105"; font-size:18px; color:#428bca; display:block; position: absolute;top: -1px;} .controlBar > .nextPageButton:before, .controlBar > .nextPageButton:hover:before, .controlBar > .nextPageButton:active:before{left:16px;} /* Related product Navigation */ /*Shopping Cart Page ShoppingCart.html */ /*Order Page OrderConfirmation.html */ div#box .order_print_signup .button_right_side_message span{line-height:32px;} div.container_full_width div#box .main_header{border:1px solid #e5e5e5;} /*Order Page OrderConfirmation.html */ /* Shipping billing */ div.free_gifts_block span.highlight div.free_gift_container{padding:10px 0;} div#box span.highlight .checkout_subheader .left span.content_text span {padding:20px; float:left;} div.container_full_width div#mainContents div#box span.highlight .body.left div#shipping{font-size:13px; color:#666;} div#shipping .dijitContentPane.shipping_billing_img_padding span.highlight table#order_details tbody tr.nested th.align_left span{font-weight:600;} div#shipping .dijitContentPane.shipping_billing_img_padding span.highlight table#order_details tbody tr.nested th.align_center span{font-weight:600;} div#shipping .dijitContentPane.shipping_billing_img_padding span.highlight table#order_details tbody tr.nested th.align_right span{font-weight:600;} .dijitContentPane span.highlight div.widget_site_popup div.middle div.content_left_border div.content_right_border div.content div.footer{ height: 55px;} /*div.container_full_width div#box .myaccount_header{background:#f1f1f1; border:1px solid #e5e5e5;}*/ div.container_full_width div#box .myaccount_header.bg-white{background:#fff; border: none;} div.container_full_width div#editAddressContents .dijitContentPane span.highlight div#box_1 .contentgrad_header{border-bottom:1px solid #e5e5e5;} div.container_full_width div#editAddressContents .dijitContentPane span.highlight div#box_1 #centered_single_column_form {font-size:14px;} div.container_full_width div#editAddressContents .dijitContentPane span.highlight div#box_1 #centered_single_column_form .label_spacer {padding:5px 0; font-size:14px;} div.container_full_width div#editAddressContents .dijitContentPane span.highlight div#box_1 #centered_single_column_form h1 { font-size: 26px;font-weight: 200;padding: 10px 0;} div.container_full_width div#editAddressContents .dijitContentPane span.highlight div#box_1 #centered_single_column_form .form_input {padding:5px auto; font-size:13px; width:100%;} div.container_full_width div#editAddressContents .dijitContentPane span.highlight div#box_1 #centered_single_column_form .drop_down_country {padding:5px auto; font-size:13px; width:100%;} div.container_full_width div#box .contentgrad_header{border:1px solid #e5e5e5; background-color: #f5f5f5; border-top:0; } .main_content div.container_full_width div#box .body{padding:5px;} .main_content div.container_full_width div#box .body label{} .main_content div.container_full_width div#box .body input.checkbox{} /* Shipping billing */ /* My Account RecurringOrders.html,Subscriptions.html */ div.main_content span.highlight div#breadcrumb .title h1.myaccount_title .myaccount_breadcrumb a.current_breadcrumb {color:#333; font-size:16px; font-weight:200; position:relative; top:-5px;} div.main_content span.highlight div#breadcrumb .title h1.myaccount_title .myaccount_breadcrumb a.sub_breadcrumb {color:#999; font-size:16px; font-weight:200; position:relative; top:-5px;} div.main_content span.highlight div#breadcrumb .title h1.myaccount_title .myaccount_breadcrumb a.current_breadcrumb span{color:#999; } div.main_content span.highlight div#breadcrumb .title h1.myaccount_title .myaccount_breadcrumb a:hover.current_breadcrumb span{color:#999;} div.main_content span.highlight div#breadcrumb .title h1.myaccount_title .myaccount_breadcrumb a:hover.current_breadcrumb{color:#999;} div.main_content span.highlight div#breadcrumb .title h1.myaccount_title .myaccount_breadcrumb a:hover.sub_breadcrumb{color:#333;} .body .button_footer_line .button_right_side_message{padding:10px;} .couponWallet_NoCouponsMessage{font-size:13px;} div.main_content div.container_content_leftsidebar div.right_column div#box .my_account .myaccount_header {border:1px solid #e5e5e5; background:#f1f1f1;} /*NU*/div#content_wrapper_border div#box.my_account.generic_error_container .content{border-top:1px solid #e5e5e5;}/*NU*/ div.container_content_leftsidebar div.right_column div#box .my_account .body .shipping_billing_content .label_spacer .checkbox {margin-top:0px;} div.container_content_leftsidebar div.right_column div#box .dijitContentPane div.my_account_wishlist select.drop_down_language_select{margin-bottom:10px;} /* Wish List Wishlist.html */ div.container_content_leftsidebar div.right_column div#box div#right_nav div#wishlist{border:1px solid #e5e5e5; color:#333;} div.container_content_leftsidebar div.right_column div#box div#right_nav div#wishlist .header{border:1px solid #e5e5e5; background:#F5F5F5; border-top: 0 none;} div.container_content_leftsidebar div.right_column div#box div#right_nav div#wishlist .header h2 span{font:normal 14px "Open Sans"; color:#333;} div.container_content_leftsidebar div.right_column div#box div#right_nav div#wishlist .contents .wishlist_side_space textarea {border:1px solid #e5e5e5; padding:5px; width:92%;} div.container_content_leftsidebar div.right_column div#box div#right_nav div#wishlist .contents .wishlist_side_space input {border:1px solid #e5e5e5; width:85%; margin:5px 0;} div.container_content_leftsidebar div.right_column div#box div#right_nav div#wishlist .contents .wishlist_side_space label {padding:5px; line-height:25px;} /* Wish List Wishlist.html */ /* TAB STYLE for Account pages */ .tab_container_base { background-image: none;border-bottom: 1px solid #e5e5e5;height: 10px; padding: 0;width: 100%;} .tab_container_base .tab_container_left{display:none;} .tab_container_base .tab_container_right{display:none;} .tab_container_top .tab_active_left{display:none;} .tab_container_top .tab_inactive_left{display:none;} .tab_container_top .tab_active_right{display:none;} .tab_container_top .tab_inactive_active{display:none;} .tab_container_top .tab_active_inactive{display:none;} .tab_container_top .tab_clear{display:none;} .tab_container_top .tab_active_middle{background-image:none; background-color:#fff; border:1px solid #e5e5e5; height: 25px; margin: 2px 5px 0 0; padding: 5px 10px; border-bottom:0 none;} .tab_container_top .tab_inactive_right{display:none;} .tab_container_top .tab_inactive_middle{background-image:none; background-color:#eee; border:1px solid #e5e5e5; height: 25px; margin: 2px 5px 0 0; padding: 5px 10px; border-bottom:0 none;} .tab_container_top .tab_inactive_middle:hover{background-color:#eee;} /* TAB STYLE for Account pages */ /* My Account RecurringOrders.html,Subscriptions.html */ /* For QuickOrderView.html*/ #quick_order{font-size:14px;} div.container_content_rightsidebar div.left_column div#box .body div#quick_order .input_form div.input {width:315px; } div.container_content_rightsidebar div.left_column div#box .body div#quick_order .input_form .headers .SKU {width:215px; border-bottom: 1px solid #ccc; padding-bottom:5px;} div.container_content_rightsidebar div.left_column div#box .body div#quick_order .input_form .headers .SKU span {padding:0 0 10px 10px;} div.container_content_rightsidebar div.left_column div#box .body div#quick_order .input_form .headers .QTY {width:55px; border-bottom: 1px solid #ccc; padding-bottom:5px;} div.container_content_rightsidebar div.left_column div#box .body div#quick_order .input_form .headers .QTY span {padding:0 0 10px 5px;} /* For QuickOrderView.html*/ /*Custom Drop Down */ /*NU*/ .inputField.dijitSelect .dijitArrowButtonContainer:before{width: 15px !important;margin-top: -2px !important;overflow: hidden;height: 15px !important;content: "\f078";font-family: FontAwesome;float: right !important;margin-right: 10px !important; position: inherit !important;} .dijitSelect span{padding:0 10px !important; font-size:14px;} #Register .inputField.dijitSelect{ height: 37px;width: 85.5%; } #AddressForm .inputField.dijitSelect{} #addressId.inputField.dijitSelect{} .wcSelectMenu table tr.dijitSelectSelectedOption, #pay_expire_month_dropdown.dijitMenuPopup > .dijitSelectMenu table tr.dijitSelectSelectedOption, #pay_expire_year_dropdown.dijitMenuPopup > .dijitSelectMenu table tr.dijitSelectSelectedOption, #payMethodId_dropdown.dijitMenuPopup > .dijitSelectMenu table tr.dijitSelectSelectedOption, #addressId_dropdown.dijitMenuPopup > .dijitSelectMenu table tr.dijitSelectSelectedOption{border: 1px solid #E0E0E0;background: #FFFFFF;box-shadow: none;z-index: 20;font-size: 12px;} #pay_expire_month_dropdown.dijitMenuPopup > .dijitSelectMenu, #pay_expire_year_dropdown.dijitMenuPopup > .dijitSelectMenu, #payMethodId_dropdown.dijitMenuPopup > .dijitSelectMenu, #addressId_dropdown.dijitMenuPopup > .dijitSelectMenu, .wcSelectMenu{box-shadow: none;} .card_info .col1 span input{font-family: inherit;font-size: inherit;padding: 7px 5px !important;} div#courseSlider.PeopleAlsoBoughtWrapper{} div#courseSlider.PeopleAlsoBoughtWrapper h3{} div#courseSlider.PeopleAlsoBoughtWrapper span{font-size:18px; font-weight:600;} div#courseSlider.PeopleAlsoBoughtWrapper p.SingleItemWrapper{} div#courseSlider.PeopleAlsoBoughtWrapper span.ProdThumb{} div#courseSlider.PeopleAlsoBoughtWrapper span.PeopleAlsoBoughtProducttitle{font-size:14px; font-weight:600;} /*NU*/ div#courseSlider.PeopleAlsoBoughtWrapper.PeopleSuggestionShopping h3 { font-weight:600; margin-bottom:10px; } div#courseSlider.PeopleAlsoBoughtWrapper.PeopleSuggestionShopping .SingleItemWrapper { margin-bottom:10px; } div#courseSlider.PeopleAlsoBoughtWrapper.PeopleSuggestionShopping span.ProdThumb { width:42px; height:35px; display:inline-block; margin-right:5px } div#courseSlider.PeopleAlsoBoughtWrapper.PeopleSuggestionShopping span.ProdThumb img { vertical-align:middle; } div#courseSlider.PeopleAlsoBoughtWrapper.PeopleSuggestionShopping span.PeopleAlsoBoughtProducttitle { width:445px !important; display:inline-block; line-height:inherit !important; margin-right:10px; vertical-align:middle; font-size:13px; } div#courseSlider.PeopleAlsoBoughtWrapper.PeopleSuggestionShopping span.price_span { width:100px; display:inline-block; margin-right:10px; text-align:right; font-size:13px; } /*Custom Drop Down */ /*Custom Drop Down */ /* SEARCH PAGE */ /*PRODUCT IMAGE */ div.productListingWidget div.product_listing_container .grid_mode .product {max-width: 250px;padding: 10px;margin: 0 auto;line-height: normal;} div.productListingWidget div.product_listing_container .grid_mode .product .product_image {text-align: center;overflow:hidden;} div.productListingWidget div.product_listing_container .grid_mode .product .product > .product_image {overflow:visible;} div.productListingWidget div.product_listing_container .grid_mode .product > .product_image > a {display: inline-block;max-width: 100%;} div.productListingWidget div.product_listing_container .grid_mode .product > .product_image > a > img {display: block;margin: auto;} div.productListingWidget div.product_listing_container .grid_mode .product > .product_image .image {position: relative;width:86px;height:86px; margin:0 5px;} div.productListingWidget div.product_listing_container .grid_mode .product .product_name{padding-left:5px;} /* List Mode */ div.productListingWidget div.product_listing_container .list_mode .product > .product_image{width:86px; height:86px;} div.productListingWidget div.product_listing_container .list_mode .product > .product_image img{width:86px; height:86px;} div.productListingWidget div.product_listing_container .list_mode .product > div.product_info div.product_description h1{font-size:13px; font-weight:300;} div.productListingWidget div.product_listing_container .list_mode .product > div.product_info div.product_description p{font-size:13px; font-weight:300;} /* List Mode */ /*PRODUCT IMAGE */ /* Buttons */ div.productListingWidget div.product_listing_container .list_mode .product .button.primary, div.productListingWidget div.product_listing_container .list_mode .product .button.secondary { display: inline-block;background-image: none; background-image: none;-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(enabled=false)"; background:#4d90fe;border-radius: 0;min-width: 200px;max-width: 100%;line-height: 29px;min-height: 29px;text-align:center;border: 0;color: #fff; font-size:14px;} div.productListingWidget div.product_listing_container .list_mode .product .button.primary:hover, div.productListingWidget div.product_listing_container .list_mode .product .button.secondary:hover { background-image: none;background-image: none;-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(enabled=false)"; background:#0362fd;} /* Buttons */ div.productListingWidget div.product_listing_container .list_mode .product .quantity_section > .quantity_input{ border-radius:0; } div.productListingWidget div.product_listing_container .list_mode .product > .product_info > .product_price{ color:#35AA47;font-size:24px;} /*Paging*/ div.productListingWidget .controlBar .pageControl.number > a{ border-right:1px solid #eee;} /*TABS */ div.tabButtonContainer div.tab_header.tab_header_double div#tab1.tab_container.tab_container{ border-left: 1px solid #e9e9e9;border-radius: 0;border-right: 1px solid #e9e9e9;border-top: 1px solid #e9e9e9; color: #4D90FE;} div.tabButtonContainer div.tab_header.tab_header_double div#tab1.tab_container.active_tab,div.tabButtonContainer div.tab_header.tab_header_double div.tab_container.active_tab{border-left: 1px solid #e9e9e9; border-radius: 0;border-right: 1px solid #e9e9e9;border-top: 1px solid #e9e9e9 !important;color: #4D90FE;} div.tabButtonContainer div.tab_header.tab_header_double div#tab1.tab_container.tab_container.active_tab{border-left: 1px solid #e9e9e9;border-radius: 0; border-right: 1px solid #e9e9e9;border-top: 1px solid #e9e9e9;color: #4D90FE;} div.tabButtonContainer div.tab_header.tab_header_double div#tab1.tab_container.tab_container:hover { cursor: pointer;} div.tabButtonContainer div.tab_header.tab_header_double div.tab_container.inactive_tab,div.tabButtonContainer div.tab_header.tab_header_double div#tab1.tab_container.inactive_tab { background-image:none;background-color:#f1f1f1;border-bottom: 1px solid #e9e9e9;border-top: 1px solid #e9e9e9;color: #686868; } /*TABS */ /* SEARCH PAGE */ /* SEARCH PAGE */ /* Grid Mode */ div.productListingWidget div.product_listing_container .grid_mode li .product {max-width: 250px;padding: 10px;margin: 0 auto;line-height: normal;} div.productListingWidget div.product_listing_container .grid_mode .product .product_image {text-align: center;overflow:hidden;} div.productListingWidget div.product_listing_container .grid_mode .product .product > .product_image {overflow:visible;} div.productListingWidget div.product_listing_container .grid_mode .product > .product_image > a {display: inline-block;max-width: 100%;} div.productListingWidget div.product_listing_container .grid_mode .product > .product_image > a > img {display: block;margin: auto;} div.productListingWidget div.product_listing_container .grid_mode .product > .product_image .image {position: relative;width:86px;height:86px; margin:0 5px;} div.productListingWidget div.product_listing_container .grid_mode .product .product_name{padding-left:5px;} /* Grid Mode */ /* List Mode */ div.productListingWidget div.product_listing_container .list_mode li .product {padding-left:140px;} div.productListingWidget div.product_listing_container .list_mode .product > .product_image{width:86px; height:86px;} div.productListingWidget div.product_listing_container .list_mode .product > .product_image img{width:86px; height:86px;} div.productListingWidget div.product_listing_container .list_mode .product > div.product_info div.product_description h1{font-size:13px; font-weight:300;} div.productListingWidget div.product_listing_container .list_mode .product > div.product_info div.product_description p{font-size:13px; font-weight:300;} /* List Mode */ /* Buttons */ div.productListingWidget div.product_listing_container .list_mode .product .button.primary, div.productListingWidget div.product_listing_container .list_mode .product .button.secondary{ display: inline-block;background-image: none; background-image: none;-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(enabled=false)"; background:#4d90fe;border-radius: 0; min-width: 180px;max-width: 100%;line-height: 29px;min-height: 29px;text-align:center;border: 0;color: #fff; font-size:14px;} div.productListingWidget div.product_listing_container .grid_mode .product .button.primary, div.productListingWidget div.product_listing_container .grid_mode .product .button.secondary { display: inline-block;background-image: none; background-image: none;-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(enabled=false)"; background:#4d90fe;border-radius: 0; min-width: 140px;max-width: 100%;line-height: 29px;min-height: 29px;text-align:center;border: 0;color: #fff; font-size:14px;} div.productListingWidget div.product_listing_container .list_mode .product .button.primary i, div.productListingWidget div.product_listing_container .grid_mode .product .button.primary i {font-size:18px; color:#fff;} div.productListingWidget div.product_listing_container .list_mode .product .button.primary:hover, div.productListingWidget div.product_listing_container .list_mode .product .button.secondary:hover { background-image: none;background-image: none;-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(enabled=false)"; background:#0362fd;} /* Buttons */ /* Check box */ div.productListingWidget div.product_listing_container .list_mode .product .quantity_section > .quantity_input{ border-radius:0; } /* Price */ div.productListingWidget div.product_listing_container .list_mode .product > .product_info > .product_price{ color:#35AA47;font-size:24px;} /*Paging*/ div.productListingWidget .controlBar .pageControl.number > a{ border-right:1px solid #eee;} /*Paging*/ /*TABS */ div.tabButtonContainer div.tab_header.tab_header_double div#tab1.tab_container.tab_container{ border-left: 1px solid #e9e9e9;border-radius: 0;border-right: 1px solid #e9e9e9;border-top: 1px solid #e9e9e9; color: #4D90FE;} div.tabButtonContainer div.tab_header.tab_header_double div#tab1.tab_container.active_tab,div.tabButtonContainer div.tab_header.tab_header_double div.tab_container.active_tab{border-left: 1px solid #e9e9e9; border-radius: 0;border-right: 1px solid #e9e9e9;border-top: 1px solid #e9e9e9 !important;color: #4D90FE;} div.tabButtonContainer div.tab_header.tab_header_double div#tab1.tab_container.tab_container.active_tab{border-left: 1px solid #e9e9e9;border-radius: 0; border-right: 1px solid #e9e9e9;border-top: 1px solid #e9e9e9;color: #4D90FE;} div.tabButtonContainer div.tab_header.tab_header_double div#tab1.tab_container.tab_container:hover { cursor: pointer;} div.tabButtonContainer div.tab_header.tab_header_double div.tab_container.inactive_tab,div.tabButtonContainer div.tab_header.tab_header_double div#tab1.tab_container.inactive_tab { background-image:none;background-color:#f1f1f1;border-bottom: 1px solid #e9e9e9;border-top: 1px solid #e9e9e9;color: #686868; } /*TABS */ /* Search Results Page*/ .productListingWidget .product_info > .product_name > a { text-decoration:underline; } .productListingWidget .product_info > .product_name > a:hover { text-decoration:none; } /* SEARCH PAGE */ /* Advanced Search */ .priceRangeContainer div { margin-top:18px; } .priceRangeContainer div.range { position:relative; margin-top:0; } .priceRangeContainer div.rangeSep { margin-left: -5px; margin-right: 3px; } .priceRangeContainer span.label { position:absolute; top:20px; left:12px; display:none; } .priceRangeContainer span.inputbox { padding-left: 0; } .priceRangeContainer .inputbox input { /*padding:9px 5px 9px 18px !important; width:89.5% !important;*/ } /* Forgot Password */ .PasswordResetWrapper{ overflow:hidden; max-width:330px; padding-top:60px; margin:0 auto;} .PasswordResetWrapper .align{ border:0px;} .PasswordResetWrapper img.Logo360{ max-width:100%; margin:20px 0;} .PasswordResetWrapper .forgot_password_container,.PasswordResetWrapper .forgot_password_content{ width:100%;} .PasswordResetWrapper h2{ font-size:26px; line-height:45px;} .PasswordResetWrapper p.FormIns{ font-size:13px; color:#aaa; margin:5px 0;} .PasswordResetWrapper .PasswordResetForm{} .PasswordResetWrapper .PasswordResetForm .FieldWrap{ position:relative;} .PasswordResetWrapper .PasswordResetForm input[type="radio"]{ width:20px; float:left; line-height:35px; margin:6px 5px 0 0;} .PasswordResetWrapper .PasswordResetForm input[type="text"]{ width:84%; padding:6px 12px 6px 35px; margin:0px;} .PasswordResetWrapper .PasswordResetForm label{ display:block; width:100%; margin:12px 0; overflow:hidden;} .PasswordResetWrapper .PasswordResetForm .LabelTxt{ display:inline-block; float:left; width:280px; line-height:21px;} .PasswordResetWrapper .PasswordResetForm .asterisk{ color:#f00; font-style:normal; } .PasswordResetWrapper .PasswordResetForm .FieldIcon{ position:absolute; bottom:9px; left:10px; color:#ccc; font-size:16px; width:16px;} .PasswordResetWrapper .PasswordResetForm .ErroMsg{ color:#f00; display:none;} .PasswordResetWrapper .PasswordResetForm .UserSelect2, .PasswordResetWrapper .PasswordResetForm .UserSelect3{ display:none;} .PasswordResetWrapper .PasswordResetForm .UserSelect2 .EmailAddress{ display:none;} .PasswordResetWrapper .PasswordResetForm .UserSelect2 .fa-envelope.FieldIcon{ display:none;} .PasswordResetWrapper .button_primary > .button_text{ padding:5px 15px;} .PasswordResetWrapper .button_secondary > .button_text{ padding:5px 20px;} @media screen and (max-width:330px){ .PasswordResetWrapper{ max-width:300px; } .PasswordResetWrapper .PasswordResetForm input[type="text"]{width:82%;} } .PasswordResetWrapper{ overflow:hidden; max-width:500px; padding-top:60px; margin:0 auto;} /* Forgot Password */ /*BLUE REGISTER USER STYLE*/ /*Order status table fix*/ .order_status_table tr.ul th.li { float:none; } .order_status_table tr.ul td.li { float:none;} .order_status_table tr.ul td.option_1 { width:inherit; } /* AUTHOR REPORT */ .divAuthorReportMainLayout { z-index: 999; width: 100% !important; height: 100% !important; /*top: 0; left: 0; display: none; position: absolute; background-color: #cccccc; color: #aaaaaa;*/ /*opacity: 0.95; filter: alpha(opacity = 95);*/ } #iFrameAuthorReport { width: 100% !important; min-height: 650px !important; /*position: absolute; color: #666; background-color: #f5f5f5;*/ /*top: 55%; left: 50%; margin-top: -400px; margin-left: -570px;*/ display: block !important; float:left; /*height: 100% !important;*/ } #divAuthorReportSubTopBar { float:left; width: 100% !important; height: 100% !important; /*position: absolute; color: #666; background-color: #f5f5f5;*/ /* To align popup window at the center of screen*/ /*top: 50%; left: 50%; margin-top: -400px; margin-left: -550px;*/ display: block !important; } /*Course Sales Performance -- START*/ .CSPwrap .my_account .body{ overflow:hidden;} .ShortDesc{ padding:20px 0 5px 0;} .SalesInfo{padding:15px 0 10px 0 !important;} .SalesInfo .portlet-caption h3{ font-size:16px !important; color:#777777; font-weight:400;} .SecHr{ height:2px; background-color:#DDDDDD; border:0px;} .CSPForm{ margin:30px 0 10px 0; overflow:hidden;} .CSPForm .FrmRow100{ width:100%; margin:0 0 15px 0; clear:both; position:relative;} .CSPForm .FrmRow50{ width:48%; float:left; margin:0 25px 15px 0; position:relative;} .CSPForm .ui-datepicker-trigger{ right:10px; bottom:10px; position:absolute;} .CSPForm .FrmRow50.RFld{ margin:0 0 15px 0;} .CSPForm label{ width:100%;} .CSPForm label span{ color:#F00;} .CSPForm select{ width:100%;} .CSPForm input{ width:96%; padding:6px !important;} /*Course Sales Performance -- END*/ /* SF-11176 -- START*/ #total_breakdown .promotion_used { padding-top:10px; } .more_info_icon .info_off, .more_info_icon:hover .info_on { width:20px; margin-top:2px; } /*SF-11176 -- END*/ @media screen and (max-width: 968px) { #order_details div.img:first-child { width: 30% !important; } .container_content_rightsidebar.shop_cart > .left_column {width: 100%;} } @media screen and (max-width: 700px) { /*#quickLinksBar { display: none;}*/ div#courseSlider.PeopleAlsoBoughtWrapper.PeopleSuggestionShopping span.PeopleAlsoBoughtProducttitle { width: auto!important} div#courseSlider.PeopleAlsoBoughtWrapper.PeopleSuggestionShopping span.price_span { width: auto!important;} .button_primary { float: right} } /*@media screen and (max-width: 600px) { .button_primary { float: left} }*/ @media (max-width: 991px) { /*Course Sales Performance*/ .CSPForm .FrmRow50{ width:100%; margin:0 0 15px 0; clear:both;} .CSPForm input{ width:97.5%; padding:6px 1% !important;} } @media screen and (max-width: 640px) { .button_footer_line #singleOrderSummary { float:none; } } @media (max-width:360px){ /*Course Sales Performance*/ .CSPForm input{ width:97%;} } /* Dashboard new implementation */ .subscriptions_responsive .order_status_table .order_number_column_1 { width:38%; } .subscriptions_responsive .order_status_table .order_number_column_1 .subscription_title { width:50%; float:left; } .subscriptions_responsive .order_status_table .order_number_column_1 .subscription_title span { padding:0 5px 0 0; font-weight:600; color:#666; } .subscriptions_responsive .order_status_table .order_number_column_1 .subscription_detail_btn { width:40%; float:right; } .subscriptions_responsive .order_status_table.scheduled_orders .options_column .button_primary { background:none; } .subscriptions_responsive .order_status_table.scheduled_orders .options_column .button_primary:hover { background:none !important; color:#666; } .subscriptions_responsive .order_status_table .button_text_option {position:relative; padding:8px 7px 7px 0; text-decoration:underline;} .subscriptions_responsive .order_status_table .order_number_column_1 .subscription_detail_btn .button_primary { margin:0 15px 0 0; display:block; } .subscriptions_responsive .order_status_table .order_number_column_1 .subscription_detail_btn .button_primary > .button_text { font-size:13px; display:block; padding:3px 5px 0; } .subscriptions_responsive .order_status_table .next_order_column_1 { width:19%; color:#666; } .subscriptions_responsive .order_status_table .order_status_column_1 { width:10%; text-align:center; color:#666; } .subscriptions_responsive .order_status_table .total_price_column_1 { width:11%; color:#666; } .subscriptions_responsive .order_status_table.scheduled_orders .options_column { width:10%; color:#666; } .subscriptions_responsive .order_status_table .order_number_column_1 .subscription_detail_btn .button_primary > .button_text i.s_hidden { font-style:normal; } @media (max-width: 960px){ .subscriptions_responsive .button_primary.subscription_button_primary > .button_text { padding:2px 10px; text-align:center; } .subscriptions_responsive .button_primary.subscription_button_primary { width:100px; } .subscriptions_responsive .order_status_table .column_heading { font-weight:600; } .subscriptions_responsive .order_status_table .order_number_column_1 { width:48%; } .subscriptions_responsive .order_status_table .order_number_column_1 .subscription_detail_btn .button_primary > .button_text { padding:5px 15px; } } @media (max-width: 910px){ .subscriptions_responsive .order_status_table .order_number_column_1 .subscription_detail_btn .button_primary > .button_text { padding:5px } } @media (max-width: 800px){ .subscriptions_responsive .order_status_table .order_number_column_1 .subscription_detail_btn .button_primary > .button_text { padding:5px } .subscriptions_responsive .order_status_table .order_number_column_1 { font-size:13px; width:40%; } .subscriptions_responsive .order_status_table .order_number_column_1 .subscription_title { width:100%; float:none; } .subscriptions_responsive .order_status_table .order_number_column_1 .subscription_detail_btn { width:100%; float:none; margin-top:5px; } .subscriptions_responsive .order_status_table .next_order_column_1 { font-size:13px; width:18%; } .subscriptions_responsive .order_status_table .order_status_column_1 { font-size:13px; width:12%; } .subscriptions_responsive .order_status_table .total_price_column_1 { font-size:13px; width:16%; } .subscriptions_responsive .order_status_table .option_button { } .subscriptions_responsive .order_status_table.scheduled_orders .options_column { width:14%; } .subscriptions_responsive .order_status_table .button_text_option { font-size:13px; } .detail_close_holder {margin-bottom:5px; } } @media (max-width: 767px){ .subscriptions_responsive .order_status_table .order_number_column_1 { font-size:13px; width:40%; } .subscriptions_responsive .order_status_table .order_number_column_1 .subscription_title { width:100%; float:none; } .subscriptions_responsive .order_status_table .order_number_column_1 .subscription_detail_btn { width:100%; float:none; margin-top:5px; } .subscriptions_responsive .order_status_table .next_order_column_1 { font-size:13px; width:18%; } .subscriptions_responsive .order_status_table .order_status_column_1 { font-size:13px; width:12%; } .subscriptions_responsive .order_status_table .total_price_column_1 { font-size:13px; width:16%; } .subscriptions_responsive .order_status_table .option_button { } .subscriptions_responsive .order_status_table.scheduled_orders .options_column { width:14%; } .detail_close_holder {margin-bottom:5px; } div.widget_left_nav_position { min-height:auto; } } @media (max-width: 725px){ .subscriptions_responsive .order_status_table .order_number_column_1 { font-size:13px; width:35%; } .subscriptions_responsive .order_status_table .next_order_column_1 { font-size:13px; width:18%; } .subscriptions_responsive .order_status_table .order_status_column_1 { font-size:13px; width:12%; } .subscriptions_responsive .order_status_table .total_price_column_1 { font-size:13px; width:19%; } .subscriptions_responsive .order_status_table.scheduled_orders .options_column { width:16%; } } @media (max-width: 480px){ .subscriptions_responsive .order_status_table .order_number_column_1 .subscription_detail_btn .button_primary > .button_text { font-size:12px !important; height:18px; padding:5px; } } @media (max-width: 450px){ .subscriptions_responsive .order_status_table .order_number_column_1 { font-size:12px; width:33%; } .subscriptions_responsive .order_status_table .next_order_column_1 { font-size:12px; width:18%; } .subscriptions_responsive .order_status_table .order_status_column_1 { font-size:12px; width:12%; } .subscriptions_responsive .order_status_table .total_price_column_1 { font-size:12px; width:19%; } .subscriptions_responsive .order_status_table.scheduled_orders .options_column { width:16%; } } @media (max-width: 400px){ .subscriptions_responsive .order_status_table .order_number_column_1 { font-size:12px; width:33%; } .subscriptions_responsive .order_status_table .next_order_column_1 { font-size:12px; width:15%; } .subscriptions_responsive .order_status_table .order_status_column_1 { font-size:12px; width:12%; } .subscriptions_responsive .order_status_table .total_price_column_1 { font-size:12px; width:19%; text-align:center; } .subscriptions_responsive .order_status_table.scheduled_orders .options_column { width:19%; } } @media (max-width: 375px){ .subscriptions_responsive .order_status_table .button_text_option { font-size:12px; } .subscriptions_responsive .order_status_table .order_number_column_1 .subscription_detail_btn .button_primary > .button_text .s_hidden { display:none; } } @media only screen and (min-width : 360px) and (max-width: 376px){ .fancybox-opened { width:320px !important; margin:0 auto !important; left:0 !important; right:0; } } @media (max-width: 360px){ .subscriptions_responsive .order_status_table .order_number_column_1 { font-size:12px; width:33%; } .subscriptions_responsive .order_status_table .next_order_column_1 { font-size:12px; width:18%; } .subscriptions_responsive .order_status_table .order_status_column_1 { font-size:12px; width:12%; } .subscriptions_responsive .order_status_table .total_price_column_1 { font-size:12px; width:19%; } .subscriptions_responsive .order_status_table.scheduled_orders .options_column { width:16%; } .subscriptions_responsive .order_status_table .button_text_option { font-size:12px; } .subscriptions_responsive .order_status_table .order_number_column_1 .subscription_detail_btn .button_primary > .button_text .s_hidden { display:none; } .subscriptions_responsive .order_status_table .order_number_column_1 .subscription_detail_btn .button_primary { margin:0; } } @media (max-width: 320px){ .subscriptions_responsive .order_status_table .order_number_column_1 { font-size:12px; width:31%; } .subscriptions_responsive .order_status_table.scheduled_orders .options_column { width:20%; } .subscriptions_responsive .order_status_table .button_text_option { font-size:12px; } .subscriptions_responsive .order_status_table .order_number_column_1 .subscription_detail_btn .button_primary > .button_text { font-size:11px !important; height:18px; padding:5px 2px; } .subscriptions_responsive .order_status_table .order_number_column_1 { font-size:11px;} .subscriptions_responsive .order_status_table .next_order_column_1 { font-size:11px;} .subscriptions_responsive .order_status_table .order_status_column_1 { font-size:11px;} .subscriptions_responsive .order_status_table .total_price_column_1 { font-size:11px;} .subscriptions_responsive .order_status_table.scheduled_orders .options_column {} } /* Dashboard new implementation */ /* SF-11257 */ .dis_text { display: block; float: left; text-align: left; padding: 0; } /* SF-11250 */ a.editPos { z-index: 10; position: relative; } /* focus inputs on tabbing on cart Register page */ #Register input.inputField { border: 1px solid #e5e5e5 !important; } #Register input.inputField:focus { border-color: #999999 !important; outline: 0; -webkit-box-shadow: none; box-shadow: none; } #Register .inputField.dijitSelect { outline: 0 !important; border: 1px solid #e5e5e5 !important; } #Register .inputField.dijitSelect.inputField:focus { border: 1px solid #999999 !important; outline: 0; -webkit-box-shadow: none; box-shadow: none; } a.button_primary.focus_style_a:focus { outline: 1px dotted; } a.button_secondary.focus_style_a:focus { outline: 1px dotted; } /* focus inputs on tabbing on cart pages end */ #customers_new_or_returning .new.newadj { padding: 10px 20px 40px 20px; min-height:225px } #customers_new_or_returning .new.newadj h2 { margin-bottom:10px; } #customers_new_or_returning .new.newadj p { margin-bottom:10px; } #customers_new_or_returning .returning.returningadj { min-height: 225px; padding:10px 0 40px 20px; } @media only screen and (min-width : 599px) and (max-width: 600px){ .fancybox-opened { width:525px !important; margin:0 auto !important; left:0 !important; right:0; } } /* Media queries SF-11680, SF-11681 and SF-11469 */ @media only screen and (min-width : 600px) and (max-width: 768px){ #customers_new_or_returning .new { float: left; margin: 0 0 0 10px; width: 243px;} #customers_new_or_returning .returning { width: 253px;border-top: none; border-left: 2px dotted #e5e5e5; padding: 0 0 0 15px;} #customers_new_or_returning .returning .button_primary { float: left; margin-top: -1px} .new_returning_button .button_primary { float: left; } #customers_new_or_returning .new.newadj {padding: 29px 0 40px 3px;} #customers_new_or_returning .returning.returningadj { padding: 10px 0 40px 10px;}} #WC_OrderShippingBillingConfirmationPage_Print_Link.button_primary { margin: 0 0 0 6px;} } @media only screen and (min-width : 355px) and (max-width: 380px){ #WC_OrderShippingBillingConfirmationPage_Print_Link.button_primary { margin: 0 0 0 6px;} } @media only screen and (min-width : 663px) and (max-width: 669px){ #WC_OrderShippingBillingConfirmationPage_Print_Link.button_primary { margin: 0 0 0 6px;} } /* NEW VAR PAGE THEME STYLING */ /*easing*/ #MobileLeftMenuWrapper{transition-duration:1s;-webkit-transition-duration:1s;-o-transition-duration:1s;} #headerRow2 #searchBar{transition-duration:.5s;-webkit-transition-duration:.5s;-o-transition-duration:.5s;} /*Basic*/ h1{ font-size:50px; color:#333} h2{ font-size:26px; color:#333; font-weight: 300; padding:10px 0; border-bottom:solid 1px #9C9DA1; margin:0 0 10px 0;} h3{ font-size:20px; color:#333; font-weight: 400; padding:10px 0;} body.ActiveLeftNav{ overflow:hidden;} /*Header*/ .TopBarMenu{ z-index:100;} .TopBarMenu .LeftColumn, .TopBarMenu .RightColumn{ width:50%;} .TopBarMenu{ background-color:#fff !important; color:#333 !important; border-bottom: 1px solid #f0f1f3 !important;} .TopBarMenu .LeftUl li, .TopBarMenu .LeftUl li a{ font-family:"Open Sans",sans-serif; color:#333 !important;} .TopBarMenu .LeftUl li i.fa{ margin:1px 6px 0 0; color:#666; float:left; font-size:16px;} .TopBarMenu .RightUl li, .TopBarMenu .RightUl li a, .TopBarMenu .RightUl li.ShoppingCartItems span.ShopCartTxt{ color:#333 !important; font-size:13px !important; font-family:"Open Sans",sans-serif;} .TopBarMenu .RightUl li a strong{ font-weight:400;} .TopBarMenu .RightUl li i.fa{ margin:1px 6px 0 0; color:#666; float:left; font-size:15px;} .TopBarMenu .RightUl li.ShoppingCartItems span.ShopCartTxt{ text-align:center;} .TopBarMenu .RightUl li.ShoppingCartItems span.ShopCartTxt:hover{ background:none!important;} .TopBarMenu .RightUl li a:hover {background:none!important;} .TopBarMenu .RightUl li.BoxStyleLi, .TopBarMenu .RightUl li.BoxStyleLi:hover{ background:none; border:0px; padding:8px 10px; font-size:13px !important;} .TopBarMenu .RightUl li:after, .TopBarMenu .RightUl li.BoxStyleLi:after, .TopBarMenu .RightUl li.ShoppingCartItems:after{ content:"";} .TopBarMenu .RightUl li.BoxStyleLi .BoxStyleLisingup, .TopBarMenu .RightUl li.BoxStyleLi a{ padding:0 !important;} .TopBarMenu .RightUl li.BoxStyleLi a:hover{ color:#333 !important;} #MiniShoppingCart{ display:inline-block;} #contentWrapper{ border-bottom: 0 solid #bac2c7;} #headerRow2{ width:100%; height:auto; float:none;} #headerRow2 #departmentsMenu{ float:right;} #headerRow2 .departmentButton > span{ padding:0 5px !important;} #headerRow2 .departmentButton > span:hover{ /*border-bottom:1px solid #0055A8;*/} #headerRow2 #SearchTriggerIcon i.icon{ margin-bottom:6px; display:block; min-width:22px;} #headerRow2 #SearchTriggerIcon i.icon:after{ font-size:20px; color:#666; font-family: FontAwesome; content:"\f002"; font-style:normal;} #headerRow2 #SearchTriggerIcon.SearhBarVisible i.icon:after{ content:"\f00d";} #headerRow2 #searchBar{ position:absolute !important; top:42px; visibility:hidden; width: 340px !important; padding:10px; border-radius:0 0 3px 3px; -webkit-box-shadow: 0px 4px 8px rgba(50, 50, 50, 0.2);-moz-box-shadow: 0px 4px 8px rgba(50, 50, 50, 0.2);box-shadow: 0px 4px 8px rgba(50, 50, 50, 0.2); opacity:0;} #headerRow2 #searchBar.SearhBarVisible{ visibility:visible; opacity:1; top:52px;} #headerRow2 #searchBar #searchBox{ border-width:2px;} #minishopcart_total{display:block;} #minishopcart_total{ background-color:#0280d4 !important; left:-15px; top:-5px!important; right:initial !important; right:inherit\0 !important; color:#fff !important; z-index:1;} .TopBarMenu .droptxt{ padding:6px;} /*Sub Navigation*/ #departmentsMenu > li{ position:relative;} .SubCatNavLevel{ width:290px !important; min-height:initial; min-height:inherit\0; background-image:none; padding:0px; top:54px !important; right:initial !important; right:inherit\0 !important;} .SubCatNavLevel ul{ padding:0px; margin:0px; list-style:none;} .SubCatNavLevel ul li{ padding:8px 13px;} .SubCatNavLevel ul li:hover{ background-color:#333; } .SubCatNavLevel ul li:hover a{ color:#fff; text-decoration:none;} .SubCatNavLevel ul li a{ display:block; text-decoration:none; font-size:14px; color:#606972;} .SubCatNavLevel ul li a span{ margin-right:10px;} .SubCatNavLevel ul li a span img{ width:14px;} /*extra for all industry*/ .SubCatNavLevel.allIndusdiv ul li { padding:8px 13px 8px 40px; position:relative; } .SubCatNavLevel.allIndusdiv ul li a span { position:absolute; top:8px; left:13px; } .SubCatNavLevel.FullWidthListSet{ width:648px !important; right:0px !important; left:initial !important; left:inherit\0 !important;} .SubCatNavLevel.FullWidthListSet .TwoColListSet{} .SubCatNavLevel.FullWidthListSet .TwoColListSet > div{width:50%; float:left;} .SubCatNavLevel.FullWidthListSet .ThreeColListSet{} .SubCatNavLevel.FullWidthListSet .ThreeColListSet > div{width:33%; float:left;} .SubCatNavLevel.FullWidthListSet .ThreeColListSet > div:last-child{ width:34%;} .MobLeftNavTrig{ display:none; position:absolute; top:18%; right:1px; text-transform:uppercase; z-index:100;} .MobLeftNavTrig a i{ } .MobLeftNavTrig a i:after{ font-size:35px; color:#606972; font-family: FontAwesome; content:"\f0c9"; font-style:normal;} .MobLeftNavTrig.LeftNavActive a i:after{ content:"\f00d";} #MobileLeftMenuWrapper{ display:none; margin-left:-275px;} /*Content*/ #VarHomePageV2{ } #VarHomePageV2 #HomeBannerWrapper{ min-height:546px; position:relative;} #VarHomePageV2 #HomeBannerWrapper .BannerContentWrapper{ width:60%; margin:0 auto; position:absolute; left:0px; right:0px; bottom:70px; text-align:center;} #VarHomePageV2 #HomeBannerWrapper .BannerContentWrapper h1 {color: #fff;font-size: 50px !important;font-weight: bold !important;margin: 0 !important;} #VarHomePageV2 #HomeBannerWrapper .BannerContentWrapper p{ font-size:24px; color:#fff;} #VarHomePageV2 #ContentAndFormWrapper{ background-color:#fff; overflow:hidden; padding:40px 0; } #VarHomePageV2 #ContentAndFormWrapper .LeftCol{ float:left; width:56%} #VarHomePageV2 #ContentAndFormWrapper .LeftCol h3{ overflow:hidden; margin:10px 0 20px 0; font-size:27px; font-weight:400;} #VarHomePageV2 #ContentAndFormWrapper .LeftCol h3 span{ color:#0280D4;} #VarHomePageV2 #ContentAndFormWrapper .LeftCol h3 img{ float:left; margin:0 20px 0 0;} #VarHomePageV2 #ContentAndFormWrapper .LeftCol p{ padding:0 0 20px 0;} #VarHomePageV2 #ContentAndFormWrapper .RightCol{ float:right; width:40%} #VarHomePageV2 #ContentAndFormWrapper .RightCol .VarFormWraper { box-shadow: 0 0 8px rgba(143, 143, 143, 0.82); overflow:hidden; padding:30px 20px;} #VarHomePageV2 #ContentAndFormWrapper .RightCol .VarFormWraper .MktFormMsg{ display:block; margin-bottom:25px; border-bottom: 1px solid #bac2c7; color: #0280d4 !important; font-family: "__Roboto_5" !important; font-size: 16px; font-weight: 300; letter-spacing: 0; line-height: 26px; padding: 0; text-align: center; } .departmentButton > span{max-width: 256px !important;} #VarHomePageV2 #ContactInfoWrapper{ padding:50px 0; background-color:#F0F1F3;} #VarHomePageV2 #ContactInfoInnerWrapper{ height:215px; background-color:#AAAAAA; padding:25px;} #VarHomePageV2 #ContactInfoInnerWrapper .ContactCol{ width:33%; float:left;} #VarHomePageV2 #ContactInfoInnerWrapper .ContactCol:last-child{ width:34%;} #VarHomePageV2 #ContactInfoInnerWrapper .ContactCol .ContactBoxStyle{background-color:rgba(34.9%, 51%, 65.1%,0.8); color:#fff; min-height:155px; padding:25px 30px; margin:0 15px;} #VarHomePageV2 #ContactInfoInnerWrapper .ContactCol:first-child .ContactBoxStyle{ margin-left:0px;} #VarHomePageV2 #ContactInfoInnerWrapper .ContactCol:last-child .ContactBoxStyle{ margin-right:0px;} #VarHomePageV2 #ContactInfoInnerWrapper .ContactCol .ContactBoxStyle .BoxLabel{ display:block; font-size:28px; font-weight:400; margin:0px 0 15px 0;} #VarHomePageV2 #ContactInfoInnerWrapper .ContactCol .ContactBoxStyle p{ font-size:16px; margin:0px 0 15px 0;} #VarHomePageV2 #ContactInfoInnerWrapper .ContactCol .ContactBoxStyle .BoxAnchor{ display:block; font-size:18px; font-weight:600;} #VarHomePageV2 #ContactInfoInnerWrapper .ContactCol .ContactBoxStyle .BoxAnchor a{ color:#fff;} #VarHomePageV2 #ContactInfoInnerWrapper .ContactCol .ContactBoxStyle .BoxAnchor a i.fa{ font-size:22px; color:#fff; margin-right:10px;} /*Footer*/ #footer{ background-color:#4D4D4D; color:#fff;} #footer .LeftCol{ float:left; width:49%; margin:0px; text-align:left;} #footer .RightCol{ float:right; width:49%; margin:0px; text-align:right;} #footer .RightCol i.fa{ color:#fff; padding:0 5px;} @media screen and (max-width:1040px){ /*Basic*/ h1{ line-height:55px;} /*Header*/ #headerRow2 #departmentsMenu{ float:left;} /*Content*/ #VarHomePageV2 #HomeBannerWrapper .BannerContentWrapper { bottom:40px; width:80%;} #VarHomePageV2 #HomeBannerWrapper .BannerContentWrapper p{ margin:15px 0;} #VarHomePageV2 #ContactInfoInnerWrapper{ height:auto;} #VarHomePageV2 #ContactInfoInnerWrapper .ContactCol{ width:100%; float:none; margin:35px 0;} #VarHomePageV2 #ContactInfoInnerWrapper .ContactCol:first-child{ width:100%; float:none; margin-top:10px;} #VarHomePageV2 #ContactInfoInnerWrapper .ContactCol:last-child{ width:100%; float:none; margin-bottom:10px;} #VarHomePageV2 #ContactInfoInnerWrapper .ContactCol .ContactBoxStyle{ min-height:auto; margin:0px;} } @media screen and (max-width:1098px){ #headerRow2 .departmentButton > span{ padding: 0 1px !important;} } @media screen and (max-width:1020px){ #headerRow2 .departmentButton > span { padding: 0 4px !important; } } @media screen and (max-width:980px){ /*Header*/ .TopBarMenu .LeftColumn{width:44%;} .TopBarMenu .RightColumn{ width:53%;} .TopBarMenu .RightUl li:nth-of-type(1), .TopBarMenu .RightUl li:nth-of-type(2), .TopBarMenu .RightUl li:nth-of-type(3){ display:block;} .TopBarMenu .LeftUl li:nth-of-type(1){ display:none;} .TopBarMenu .LeftUl #devider_alt{ display:none;} #headerRow2 .departmentButton > span {font-size: 15px;} } @media screen and (max-width:768px){ /*Content*/ #VarHomePageV2 #ContentAndFormWrapper{ padding:20px 0;} #VarHomePageV2 #ContentAndFormWrapper .LeftCol, #VarHomePageV2 #ContentAndFormWrapper .RightCol{ width:100%; margin-bottom:20px;} .TopBarMenu .LeftColumn{ display:none;} #headerRow2 .departmentButton > span { font-size: 14px !important; } } @media screen and (max-width:748px){ /*Header*/ .TopBarMenu .LeftUl li:nth-of-type(2){ display:none;} #headerRow2 .departmentButton > span { padding: 0 !important; } } @media screen and (max-width:670px){ /*Header*/ #headerRow2 .departmentButton > span { padding: 0 3px !important;} .TopBarMenu .RightUl li, .TopBarMenu .RightUl li.BoxStyleLi{ padding:8px 6px;} } @media screen and (max-width:960px){ /*Basic*/ h1{ font-size:40px; line-height:50px;} h2{ font-size:23px; text-align:center;} /*Header*/ #headerRow2{ display:none;} /*Sub Navigation*/ .MobLeftNavTrig{ display:block;} #MobileLeftMenuWrapper{ display:block !important; width:250px; height:100vh; padding:10px; position:fixed; top:0px; left:0px; background-color: #fff; z-index:1000; -webkit-box-shadow: 0px 4px 8px rgba(50, 50, 50, 0.2);-moz-box-shadow: 0px 4px 8px rgba(50, 50, 50, 0.2);box-shadow: 0px 4px 8px rgba(50, 50, 50, 0.2); overflow:auto;} #MobileLeftMenuWrapper.ActiveLeftNav{ margin-left:0px;} #MobileLeftMenuWrapper .LeftNavLogo{ display:block; margin:10px 0 15px 0;} #MobileLeftMenuWrapper ul{ margin:0px; padding:0px; list-style:none;} #MobileLeftMenuWrapper ul > li{ padding: 8px 0px; background-color:#333; margin:0 0 5px 0;} #MobileLeftMenuWrapper ul > li.ActiveNav{ padding:0px;} #MobileLeftMenuWrapper ul > li.ActiveNav > a{ padding:8px 13px; background-color:#333; color:#fff;} #MobileLeftMenuWrapper ul > li.ActiveNav:hover > a{ background-color:#333;} #MobileLeftMenuWrapper ul > li:hover{ background-color:#333; } #MobileLeftMenuWrapper ul > li > a { color: #fff; display: block; font-size: 12px; text-decoration: none; padding:0 8px;} #MobileLeftMenuWrapper ul > li:hover > a{ color:#fff; text-decoration:none;} #MobileLeftMenuWrapper ul > li:hover > a:after{ color:#fff;} #MobileLeftMenuWrapper ul > li > a span {display:inline-block;} #MobileLeftMenuWrapper ul > li > a:after{ font-size:23px; margin-top: -5px; color:#fff; font-family: FontAwesome; content:"\f107"; font-style:normal; float:right;} #MobileLeftMenuWrapper ul > li.ActiveNav > a:after{ content:"\f106";} #MobileLeftMenuWrapper ul > li ul{} #MobileLeftMenuWrapper ul > li ul li { background-color:#fff; margin:0px; padding-left:10px;} #MobileLeftMenuWrapper ul > li ul li a { color:#333;} #MobileLeftMenuWrapper ul > li ul li a:after{ content:"";} #MobileLeftMenuWrapper ul > li ul li a span{ display: inline-block; float: left; margin:-2px 7px 5px 0; width: 24px; } #MobileLeftMenuWrapper ul > li > div{ display:none; width:100%;} /*Content*/ #VarHomePageV2 #HomeBannerWrapper .BannerContentWrapper{ width:90%; bottom:20px;} #VarHomePageV2 #HomeBannerWrapper .BannerContentWrapper p{ font-size:20px;} #VarHomePageV2 #ContentAndFormWrapper .LeftCol h3{ font-size:24px; text-align:center;} #VarHomePageV2 #ContentAndFormWrapper .LeftCol h3 img{ display:block; margin:20px auto; float:none;} #VarHomePageV2 #ContentAndFormWrapper .LeftCol p{ text-align:center;} #VarHomePageV2 #ContactInfoInnerWrapper .ContactCol .ContactBoxStyle{ padding:25px;} #VarHomePageV2 #ContactInfoInnerWrapper .ContactCol .ContactBoxStyle .BoxLabel{ font-size:24px;} #VarHomePageV2 #ContactInfoInnerWrapper .ContactCol .ContactBoxStyle .BoxAnchor{ font-size:16px;} /*Footer*/ #footer .LeftCol{ float:none; width:100%; text-align:center; margin:5px 0 10px 0;} #footer .RightCol{ float:none; width:100%; text-align:center; margin:5px 0 10px 0;} } @media screen and (max-width:568px){ /*Header*/ .TopBarMenu .LeftColumn{ display:none;} .TopBarMenu .RightColumn{ width:100%;} /*#minishopcart_total{ left:15px;}*/ #headerRow1 #logo { margin-top: 15px; } } @media screen and (max-width:390px){ /*Header*/ .TopBarMenu .RightUl li, .TopBarMenu .RightUl li a, .TopBarMenu .RightUl li.ShoppingCartItems span.ShopCartTxt{ font-size:11px !important;} .TopBarMenu .RightUl li i.fa:before{ padding:0px;} .TopBarMenu .RightUl li.ShoppingCartItems #minishopcart_total{ left:-11px!important;} #quick_cart_container, #MiniShopCartProductAdded { width:auto!important; } } @media screen and (max-width:360px){ /*Header*/ .TopBarMenu .RightUl li i.fa{ margin:1px 4px 0 0;} .TopBarMenu .RightUl li{ padding:8px 2px !important;} } /* Combined CSS */ #header:before { height: 0px; background-image: none;} #headerRow2 { background: #fff none repeat scroll 0 0; border: 0 none;} #widget_minishopcart::before {background-image: none!important; clip: inherit!important;color: #999!important;content: ""!important;font-family: "FontAwesome"!important;font-size: 28px!important;left: 0!important;top: 3px!important;} #widget_minishopcart:hover {background:none;} #widget_minishopcart { height: 20px!important;width: 88px!important;border: 0 none!important; background-image: none; } #headerRow1 { width:100%; min-height: 95px; float:none; } #minishopcart_total { border-radius: 100%;} .TopBarMenu { border-bottom:1px solid #f0f1f3 !important;} .TopBarMenu .RightUl li.ShoppingCartItems #minishopcart_total { line-height: 15px;} .TopBarMenu .LeftUl li {font-weight: 300;} #departmentsMenu { margin: 3px 0 10px!important; } #departmentsMenu > li { position: relative; } #headerRow2 #SearchTriggerIcon i.icon { padding: 0; } #SearchTriggerIcon.departmentButton span i {margin: 6px 0;} #footer { background-image : none;} .departmentMenu {border-color: -moz-use-text-color #c9cece #c9cece;border-radius: 0;border-top: 0 none;border-width: 0 1px 1px;box-shadow: 0 4px 8px rgba(50, 50, 50, 0.2); margin: 2px 0 0 -5px;width: auto;} #departmentsMenu .departmentButton { background-image: none; border: none;} #LanguageCurrencyChangeLink {display:none;} #headerRow2 .departmentButton > span {font-size:15px;} .departmentButton > span{max-width:285px;} @media screen and (max-width: 960px) { #headerRow1 #logo{ margin-top:15px;} #logo .contentRecommendationWidget, #logo .contentRecommendationWidget > .left_espot, #logo .contentRecommendationWidget > .left_espot > a, #logo .contentRecommendationWidget > .left_espot > a > img, #logo .genericESpot{ max-height: 70px !important; } #MobileLeftMenuWrapper .left_espot a img{ max-width: 90%;} } @media screen and (max-width: 600px) { #headerRow1{ min-height: 80px; } #headerRow1 #logo{ margin-top:20px;} } /* Mini Cart */ #cartDropdown{ -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #ffffff; border-color: #1482d1; border-image: none; border-radius: 0 0 4px 4px; border-style: solid; border-width: 3px 1px 1px; font-size: 12px; position: relative; } #widget_minishopcart_popup #GotoCartButton1 { background-color: #1482d1; border: 1px solid #bac2c7; border-radius: 1px; color: #fff !important; height: 35px; width: 150px; } .basicButton { border: 1px solid #bfbfbf; border-radius: 4px; border-spacing: 0; color: #fff; display: inline-block; position: relative; vertical-align: middle; } #cartDropdown > h3 { background-color: #f0f1f3; border-bottom: 1px solid #edeff0; font-size: 14px; font-weight: inherit; margin: 0; padding: 15px; } div#widget_minishopcart_popup > #cartDropdown > .content > .subtotal, div#widget_minishopcart_popup_1 > #cartDropdown > .content > .subtotal { border-bottom: 1px solid #edeff0; padding: 7px 10px; position: relative; } #cartDropdown > .content { padding: 15px 15px 4px; } #cartDropdown > .footer { padding: 18px 21px; text-align: right; } div#widget_minishopcart_popup > #cartDropdown > .content > .subtotal > .product_price, div#widget_minishopcart_popup_1 > #cartDropdown > .content > .subtotal > .product_price { color: #333; float: right; font-weight: bold; line-height: 22px; } #quick_cart_container {z-index:9999!important; } #widget_minishopcart_popup #GotoCartButton1 { background-color: #4d90fe; border:none; border-radius: 0px;} .basicButton > span { border :none; border-radius : none;} #widget_minishopcart_popup #GotoCartButton1 > span {color : #fff;} .basicButton { background-image: none; } #widget_minishopcart_popup #GotoCartButton1:hover { background-color: #0a5891!important} .basicButton:hover { background-image: none; background-color: #4d90fe } #cartDropdown { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #ffffff; border: 1px solid #ccc; border-image: none; border-radius: 0px } /* VAR logo dimension fix*/ #headerRow1 #logo .left_espot img { max-width: 100%;} #headerRow1 #logo {height:auto; } /* currency button */ .TopBarMenu .applybutton { border: 1px solid #ccc; background-color: #0280d4; color: #fff; border-radius:0px!important; -webkit-transition-duration:0.5s; -webkit-transition-delay:0s; -webkit-transition-timing-function:ease; transition-duration:0.5s; transition-delay:0s; transition-timing-function:ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .TopBarMenu .applybutton:hover { background-color: #0a5891;} .TopBarMenu .LeftUl li div > a { color:#fff!important;} /* cart pages */ #authorCoursesReport { display : none;} .newbtn_v1 { margin-top:15px; } .newbtn_v1 .ActionBtn{ display:block; width:155px; min-height:17px; line-height:20px; border:solid 1px #bac2c7; background-color:#bac2c7;} .newbtn_v1 .ActionBtn:hover, .newbtn_v1 .ActionBtn:focus{ background-color: #0A5891;} .newbtn_v1 .ActionBtn a{ display:block; padding:6px; text-align:center; font-weight:700; color:#fff;} img#sharescript_img, img#gtmHasOffer {display:none!important; visibility : hidden!important;} #headerRow1 #logo {margin: 9px 0 12px!important;} .icon {font-size: inherit!important;} #logo .contentRecommendationWidget, #logo .contentRecommendationWidget > .left_espot, #logo .contentRecommendationWidget > .left_espot > a, #logo .contentRecommendationWidget > .left_espot > a > img, #logo .genericESpot { display:block !important; max-height: 90px;} #box.myAccountMarginRight.myAccountMarginRight-mb { margin-bottom: 70px; } .TopBarMenu .RightUl li.BoxStyleLi.BoxStyleLiSep { padding: 8px 0; } .TopBarMenu .RightUl li.BoxStyleLi a.storeSLinline, .TopBarMenu .RightUl li.BoxStyleLi span.storeSLinline { display:inline-block; float:left; } .TopBarMenu .RightUl li.BoxStyleLi span.loginSignupSeprator { padding-right: 15px; width: 1px; } /*Cancellation & refund policy*/ .RefundPolicyContainer{ margin: 0 0 10px; overflow: hidden;} .RefundPolicyContainer a{ font-size:13px; color:#0280d4; font-weight:300; text-decoration:underline;} .RefundPolicyContainer a:hover{ text-decoration:none;} /*Misc Pop Up Style*/ .MiscPopupScreen { display:none; position:fixed; z-index:55555; left:0; top:0; width:100%; height:100%; background:rgba(255, 255, 255, 0.9);} .content_MiscPopup { display:none; position:inherit; z-index:99999; top:inherit; left:inherit; right:inherit; margin:0 auto; background-color:transparent; width:auto; padding:0; text-align:left; } .content_MiscPopup_container { position:absolute; z-index:999991; top:100px; left:0; right:0; margin:0 auto; background-color:#fff; width:675px; padding:20px; text-align:left; border:1px solid #f0f1f3; box-shadow: 0 0 8px rgba(0, 0, 0, 0.45); } .content_MiscPopup_container .content_MiscPopup_inner { padding-top:20px; } .content_MiscPopup_container a.close_btn { background:url('../images/delete.svg') 0 0 no-repeat; cursor:pointer; width:30px; height:30px; position:absolute; top:9px; right:8px; z-index:8040; background-size:contain; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); overflow:hidden; text-indent:-999em; } .content_MiscPopup_container .agreement_logo { margin:0 0 10px; text-align:center; } .content_MiscPopup_container .popup_title { font-size:24px; font-weight:600; color:#666; line-height:24px; margin-bottom:15px; } .content_MiscPopup_container .popup_content { overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; height: 348px; padding-right:20px; } .content_MiscPopup_container .popup_content p { font-size:13px; font-weight:500; color:#333; line-height:18px; margin:0 0 10px; } .content_MiscPopup_container .popup_content h3 { margin-bottom:10px; font-weight:600; } .content_MiscPopup_container .popup_content strong { font-weight:600; } .content_MiscPopup_container .popup_content p a { text-decoration:underline; color:#ff6600; } .content_MiscPopup_container .popup_content p a:hover { text-decoration:none; } .content_MiscPopup_container .placeorderbutton .button_footer_line.button_footer_line_place_order {float:none; text-align:center; padding:18px 0 0 0;} .content_MiscPopup_container .placeorderbutton .button_primary { border-radius: 5px !important; } .content_MiscPopup_container .placeorderbutton .button_text{ font-size: 16px !important; padding: 8px 50px;} .CDL-txt-course-checkbox, .CDL-txt-course-checkbox input[type="checkbox"] { -moz-appearance: checkbox !important; } @media screen and (min-width: 1200px) { .subscriptions_responsive .order_status_table th, .subscriptions_responsive .order_status_table td{ font-size:13px; } .subscriptions_responsive .order_status_table .order_number_column_1 { width:25% } .subscriptions_responsive .order_status_table .next_order_column_1:nth-child(2) { width: 18%; } .subscriptions_responsive .order_status_table .next_order_column_1:nth-child(4) { width: 10%; } .subscriptions_responsive .order_status_table th.total_price_column_1:nth-child(6) { width: 20% !important; } .subscriptions_responsive .order_status_table td:nth-child(3).li.next_order_column_1, .subscriptions_responsive .order_status_table td:nth-child(5).li.next_order_column_1{ width:17%; } .subscriptions_responsive .order_status_table td.total_price_column_1 { width: 20% !important; padding-right: 10px; } .subscriptions_responsive .order_status_table .order_status_column_1 { width: 8%; } .order_status_table .column_heading th.li{ padding-right: 10px; } }