/*---------------------------------------------------------------------------------------------------------------------------------- */ /* */ /* !!! PREVIOUS LAYOUT CSS !!! */ /* */ /*---------------------------------------------------------------------------------------------------------------------------------- */ body{ font-family: Arial, Helvetica, sans-serif, "Hiragino Sans GB", "Microsoft Yahei" , Hei; min-width:320px; margin-left:0px; margin-right:0px; font-size:11.5px; line-height:1.3; position:relative; background-color:white; } /*---- test thumbnail image height---- */ /* .enlarge-img-cursor {height:112px;width:auto;} */ a { color: #495995; text-decoration:none; } select { appearance:normal; -moz-appearance:menulist; -webkit-appearance:menulist; } .product-nd { display: ''; } .enclosing-footer { text-align:center; width:100%; position:absolute; bottom:0px; } .neo_page_inner { width:100%; margin:1px 2px 80px 1px; } .neo_page_full_div { width:100%; } #words-navi-aid-div {font-weight:normal;font-size:95%;color:#666666;letter-spacing:2px;text-transform:uppercase;background-color:white;text-align:left;overflow-y:hidden;height:16px;line-height:16px;} /* enclosing div will have different media query*/ #words-navi-aid-div font {border-bottom:1px #DDDDDD dotted;} #words-navi-aid-print-friendly {font-weight:normal;text-decoraton:none; font-size:95%;color:#665588;text-align:right;letter-spacing:1px;white-space:nowrap;text-transform:uppercase;letter-spacing:2px;vertical-align:top} #words-navi-aid-thumb-size {font-weight:normal;text-decoraton:#AAAAAA; font-size:92%;color:black;text-align:right;letter-spacing:1px;white-space:nowrap;text-transform:uppercase;letter-spacing:2px;vertical-align:middle;padding-right:20px;} .words-navi-aid-divider { padding: 0px 15px 0px 15px; } .words-navi-aid-word-outer { padding: 0px 5px 0px 5px; } .words-navi-aid-word-outer span {border-bottom:1px #DDDDDD dotted;} .zh-spacing-wide {letter-spacing:4px;} .headline1_en { font-weight:normal; font-size:180%;text-transform: uppercase;} .headline1_zh { font-weight:normal;font-size:200%;letter-spacing:5px;} #menu_billboard_overall_stat { text-align:center;color:#AAAAAA;font-weight:normal;white-space:normal;background-color:white;margin:0 0 0 0;;width:100%;letter-spacing:1px; } .search_bar_input_outer { padding: 2px 6px 2px 6px; border:1px #EEEEEE solid;vertical-align:middle;text-align:center;white-space:nowrap;display:inline-block !important;float:none !important;display:block; float:left;clear:none;} /* display:inline-block !important;float:none !important;display:block; float:left;clear:none; */ #autocomplete { width:200px; height:22px; } #wonder-button-shop-menu{ white-space:nowrap; border:1px black solid; padding: 5px 20px 5px 20px; } .footer-links-line{ vertical-align:bottom;text-align:left;line-height:24px; margin-bottom:20px;vertical-align:bottom;clear:both;width:100%; } .footer-links-line span{ } .footer-anchor { color:#333333;font-weight:bold; margin-top:0px; white-space:nowrap;} .footer-anchor-inactive { color:#CCCCCC;font-weight:bold; margin-top:0px; white-space:nowrap;} .footer-separator { color:#999999;font-size:70%;font-weight:bold;;padding: 0px 15px 0px 15px; } .footer-anchors-div { text-align:left; white-space:normal; } .tiptop-navi-hamberger-td { min-width: 35px; width:35px; } .tiptop-navi-td { padding:0px; min-width: 35px; text-align:center; white-space:nowrap; border-left: 1px #CCCCCC solid; border-right: 1px #CCCCCC solid; vertical-align:middle; } .city-round-corner { border-radius:6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; } /* previous color : #CCCCCC */ .top-city-button-zh2 { width:40px;line-height:12px;font-size:12px;color:white;font-weight:bold;border:1px white solid;text-decoration:none;background-color:#CCCCCC;margin:0px; margin-top:4px;padding:3px 1px 3px 1px } .top-city-button-zh2:hover { border:1px #6F6F6F solid; } .top-city-button-en2 { width:40px;line-height:11px;font-size:11px;color:white;font-weight:bold;border:1px white solid;text-decoration:none;background-color:#CCCCCC;margin:0px; margin-top:4px;padding:3px 1px 3px 1px } .top-city-button-en2:hover { border:1px #6F6F6F solid; } .top-city-button-selected-zh2 { width:40px;line-height:12px;font-size:12px;color:white;font-weight:bold;border-left:1px white solid;border-right:1px white solid;text-decoration:none;background-color:#6F6F6F;margin:0px; padding:5px 1px 5px 1px;margin-top:0px; } .top-city-button-selected-en2 { width:40px;line-height:11px;font-size:11px;color:white;font-weight:bold;border-left:1px white solid;border-right:1px white solid;text-decoration:none;background-color:#6F6F6F;margin:0px; padding:3px 1px 3px 1px;margin-top:0px; } @media all and (min-width: 10px) and (max-width: 999px) { .screen-with-max { width:100%; } #second_menu { vertical-align:middle;width:100%;margin-bottom:5px;text-align:center;} .second_menu_div { vertical-align:middle; float:left;clear:both;height:40px;width:100%; border:1px #666666 solid;text-align:center; font-size::110%;} .second_menu_separator_div {display:none; } .second_menu_separator_div img { margin-top:10px; } .second_menu_text_link { font-weight:bold; padding: 5px 10px 5px 10px; margin-top:3px;} .second_menu_text_link a { color: #333333;} } @media all and (min-width: 10px) and (max-width: 599px) { .mobile_show { display:''; } .mobile_hide { display:none; } #menu_billboard { width:100%; } . .left_half_full_div { width:99%; } .neo_page_big_header {font-size:180%;color:#333333;margin-bottom:10px;white-space:normal;font-weight:bold; } #footer_left_div { float:left;clear:both;width:100%;text-align:left;clear:both; padding:bottom:20px; } #footer_right_div { text-align:center;float:left;clear:both;width:100%; padding-top:20px;border-top:1px #CCCCCC solid; } #footer_right_div div{ text-align:center;float:left;clear:both;width:100%; margin-bottom:15px; } .footer-category-div {max-width:90px;width:90px;white-space:nowrap;} .footer-category {white-space:nowrap;border:1px #333333 solid;color:black;padding:1px 10px 1px 10px;width:80px;} #banner-div { width:100%; } /* need 98% to leave space for shadow, otherwise screen width is affected */ #banner-div img { width:98%; } #hugh-logo-div { display:none; } #inner-hugh-logo-div { width:100%;display:block;margin-bottom:10px; } #hugh-logo-div-since { font-size:115%;font-weight:bold;color:#999999;padding-bottom:3px;display:block; } #hugh-logo-div-new-homes-links { display:block; margin-top:-24px;opacity:0.8 } /* #hugh-logo-img { width:100%;display:''; } */ #hugh-logo-img { max-width:80px; height:auto; } #hugh-logo-div-shop-name { font-size:150%;font-weight:bold;border-top:1px #AAAAAA solid;white-space:nowrap; } #hugh-logo-div-slogan { margin-top:3px;margin-bottom:8px; color:olivedrab;font-style:italic;height:14px;white-space:nowrap; } #mobile-pop-menu { width:280px; position:absolute; z-index:1000; top:-42px; left:33px; background-color:white; border:1px #AAAAAA solid; opacity:0.98; filter: alpha(opacity=98); } .wonder-popup-container-inner { width:100%;clear:both;padding: 15px 10px 10px 10px ;margin-top:-20px;} #words-navi-aid-enclosing-div {display:none;} } @media all and (min-width: 600px) and (max-width: 999px) { .tablet_show { display:''; } .tablet_hide { display:none; } #menu_billboard { width:560px; } .tiptop-navi-td { padding:0px; text-align:center; white-space:nowrap; } #footer_left_div{ float:left;clear:both;width:100%;text-align:left; padding:bottom:20px; } #footer_right_div{ text-align:center;float:left;clear:both;width:100%; padding-top:20px;border-top:1px #CCCCCC solid; } #footer_right_div div{ text-align:center;float:left;clear:both;width:100%; margin-bottom:15px; } #mobile-pop-menu { width:580px; position:absolute; z-index:1000; top:-42px; left:33px; background-color:white; border:1px #AAAAAA solid; opacity:0.98; filter: alpha(opacity=98); } } @media all and (min-width: 600px) { #hugh-logo-div { width:22%; max-width:256; max-height:200px; display:''; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; } #hugh-logo-div-since { font-size:115%;font-weight:bold;color:#999999;padding-bottom:3px;display:none; } #hugh-logo-div-new-homes-links { display:none; } #hugh-logo-img { width:100%; } #hugh-logo-div-shop-name{ font-size:150%;font-weight:bold;border-top:1px #AAAAAA solid;overflow-x:show; white-space:normal;height:20px;overflow-y:hidden; } #hugh-logo-div-slogan { margin-top:3px;margin-bottom:8px; color:olivedrab;font-style:italic;white-space:normal;height:14px;overflow-y:hidden; ;text-overflow:ellipsis; } .neo_page_big_header {font-size:220%;color:#333333;margin-bottom:20px;white-space:normal;font-weight:bold; } #banner-div { width:88%; max-width:920px; } /* need 98% to leave space for shadow, otherwise screen width is affected */ #banner-div img { width:99%; } .wonder-popup-container-inner { width:100%;clear:both;padding: 20px 20px 20px 20px ;margin-top:-20px;} .pp_product_text_div { min-width:300px; } .pp_large_product_img { max-width:100%; padding:5px; border:1px #F3F3F3 solid;} #words-navi-aid-enclosing-div {display:block;} .footer-category-div {max-width:120px; width:120px;white-space:nowrap;} .footer-category {border:1px #333333 solid;color:black;padding:1px 10px 1px 10px;width:80px;} .left_half_full_div { width:48%; display: inline-block !important; display: block; float: none !important;float:left;} } @media all and (min-width: 1000px) { .screen-with-max { max-width:1230px; width:100% !important ; width: 1230px; } #hugh-logo-div-since {display:block;} #hugh-logo-div-new-homes-links {display:block; margin-top:1px;} #footer_left_div{ float:left;clear:none;width:73%;text-align:left; } #footer_right_div{ text-align:right;float:left;clear:none;width:24%; } #footer_right_div div { width:100%; float:right; clear:both; margin-bottom:24px;} #mobile-pop-menu { width:1060px; position:absolute; z-index:1000; top:-42px; background-color:white; border:1px #AAAAAA solid; opacity:0.98; filter: alpha(opacity=98); overflow:hidden; padding:0px; } .full_show { display:''; } .full_hide { display:none; } #second_menu { vertical-align:middle;height:30px;margin-bottom:5px;text-align:center; } .second_menu_div { vertical-align:middle; height:30px; float:left;clear:none; } .second_menu_separator_div { vertical-align:middle;padding: 0px 25px 0px 25px;text-align:center;height:30px; float:left;clear:none; } .second_menu_separator_div img { margin-top:10px;display:''; } .second_menu_text_link { font-weight:bold; padding: 5px 10px 5px 10px; margin-top:3px;} .second_menu_text_link a { color: #333333;} #second_menu_inner {text-align:justify } #second_menu_inner > div {display:inline-block;float:none !important; float:left;clear:none;} .tiptop-navi-hamberger-td { width:35px; border-left: 1px #EEEEEE solid; border-right: 1px #EEEEEE solid; } .tiptop-navi-td { padding:0px; min-width: 140px;text-align:center;vertical-align:middle;; border-left: 1px #EEEEEE solid; border-right: 1px #EEEEEE solid;white-space:nowrap; } .city-round-corner { border-radius:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; } .top-city-button-zh2 { width:74px;line-height:12px;font-size:12px;color:white;font-weight:bold;border:2px white solid;text-decoration:none;background-color:#CCCCCC;margin:0px; margin-top:0px;padding:6px 4px 6px 4px; } .top-city-button-zh2:hover { border:2px #6F6F6F solid; } .top-city-button-en2 { width:74px;line-height:11px;font-size:11px;color:white;font-weight:bold;border:2px white solid;text-decoration:none;background-color:#CCCCCC;margin:0px; margin-top:0px; padding:1px 4px 0px 4px; } .top-city-button-en2:hover { border:2px #6F6F6F solid; } .top-city-button-selected-zh2 { width:74px;line-height:12px;font-size:12px;color:white;font-weight:bold;border-left:2px white solid;border-right:2px white solid;text-decoration:none;background-color:#6F6F6F;margin:0px; padding:7px 4px 7px 4px; } .top-city-button-selected-en2 { width:74px;line-height:11px;font-size:11px;color:white;font-weight:bold;border-left:2px white solid;border-right:2px white solid;text-decoration:none;background-color:#6F6F6F;margin:0px; padding:2px 4px 2px 4px; } } TD, TR, Table { border-collapse:collapse; vertical-align: top; text-align:left; } img { border:0px; } .neo-link-button-large-gray { padding: 10px 20px 10px 20px; background-color: #F1F1F1; border:1px #EEEEEE solid; font-weight:bold; color:#666666; } .mobile_menu1_navi { background-color:white;border:1px #666666 solid;color:#333333;margin:0px;width:260px; padding:5px 10px 5px 10px;text-align:left; } .mobile_menu1_title { font-weight:bold;font-size:18px; } .layout-wide { padding:0px; margin:0px; clear:both; width:100%; max-width:1230px; border:0px; border-collapse:collapse; /* width:1230px; min-width:1230px; */ } /* #layout-footer { width: 1230px; } */ .hover_pointer:hover { cursor:pointer; } .hover_arrow:hover { cursor:default; } /* .fixed_top_enclosing_top { position: fixed; top: 0; z-index: 100; } */ #lean-spacer-image { border:0px; margin:0px; padding:0px; } #footer-top-hb-td { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border:0px; background-image: url("/images/normal/shop/layout/footer-top-hb.gif"); } .layout-product-text-loader-img { /* padding-top:220px; padding-left:130px; */ } .js_date_div { white-space:nowrap;float:left; margin:0px; } .js_clock_div { white-space:nowrap;float:left;padding-left:5px; margin:0px; } .top-city-button-en { position:relative;z-index:30;margin-top:-27px; line-height:11px;font-size:11px;color:white;font-weight:bold;border:0px;text-decoration:none; } .top-city-button-zh { position:relative;z-index:30;margin-top:-23px; color:white;font-weight:bold;font-size:12px;border:0px;text-decoration:none; } .shadow-b-img { border: 3px white solid; -moz-box-shadow: 3px 3px 2px #999999; -webkit-box-shadow: 3px 3px 2px #999999; box-shadow: 3px 3px 2px #999999; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999'); } .shadow-light { border: 1px white solid; -moz-box-shadow: 2px 2px 1px #999999; -webkit-box-shadow: 2px 2px 1px #999999; box-shadow: 2px 2px 1px #999999; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#999999')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#999999'); } .corner-small { border-radius:3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; } @media print { .np, .np * { display:none !important; } } /* ##### Start LEFT MENU ###### */ .layout-left-menu5-cell , .layout-left-menu5-cell-long { border: 1px #CCCCCC solid; width:50%;vertical-align:top; } .layout-left-menu5-cell:hover { background-color: #EEEEEE; cursor: pointer; } .layout-left-menu5-cell-long:hover { background-color: #EEEEEE; cursor: pointer; } .layout-left-menu5-cell a , .layout-left-menu5-cell-long a{ text-decoration: none; display: block; padding:3px; padding-bottom:0px; padding-right:1px; vertical-align:top; color:#666666; } .layout-left-menu5-cell img { border: 0px; padding:0px; vertical-align:middle;float:right; clear:none;width:25px;height:25px;padding-bottom:3px;padding-left:3px; } .layout-left-menu5-cell-long img { border: 0px; padding:0px; vertical-align:middle;float:right; clear:none;width:70px;height:25px;padding-bottom:3px;padding-left:3px; } .img_low_opacity { zoom: 1; filter: alpha(opacity=50); opacity: 0.5; } .divider-top { display: block; height: 1px; border: 0px; border-top: 1px #EEEEEE solid; margin: 1em 0; padding: 0; margin:8px 10px 8px 10px; } .small-round-corner { border-radius:3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; } .medium-round-corner { border-radius:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; } .complete-circle { border-radius:50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; } .center-middle-text { vertical-align: middle; text-align:center; } .center-middle-text span { vertical-align: middle; text-align:center; } #page_description_tab2_wrap { width:100%;} #page_description_tab2 { background-color:#F3F3F3;width:95%;text-align:left;align:left;max-width:960px;padding:8px;color: #999999;*background-color:white; height:150px;max-height:200px;overflow-y:auto;height:auto !important;} #page_description_tab2 h1 { padding-bottom:4px;margin-bottom:4px; font-size:100%; color: #666666; float:none; clear:both; width:100%;*color:#EEEEEE;} #page_description_tab2 p {} /* ##### End LEFT MENU ###### */ /* #### put some misc page stuff here */ .misc-table-outer-responsive1 { width:98%;} .misc_page_subheader1 {width:98%; font-weight:bold; text-align:left;margin-bottom:10px;font-size:110%;} .media_top_summary_div {padding-right:2px;white-space:nowrap;text-align:center;margin-bottom:10px;vertical-align:top;} .safe-inline-block {display:inline-block !important;float:none !important;display:block; float:left;clear:none;vertical-align:top;text-align:left;} .safe-inline-block-placeholder {width:100%;height:0;} .safe-inline-block-encloser {text-align:justify;} .safe-inline-block-encloser:after {content: ""; display: inline-block;width:100%;} .img-with-max {max-width:98%;} /* DarkGoldenRod */ .frontend_flash_note {width:88%; text-align:center; color: #755507; border:2px DarkGoldenRod dotted;font-size: 120%;padding:20px 5% 20px 5%;} .fancy-appear { opacity: 0;} /* ########### burger animation ##### */ #burger-nav-icon4 { width: 18px; height: 14px; margin: 0 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; z-index:20001;position:fixed;margin-left:6px;top:7px; background: white; } #burger-nav-icon4 span { display: block; position: absolute; height: 3px; width: 100%; border-radius: 3px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } #burger-nav-icon4 span:nth-child(1) { top: 0px; /* background: #f05c79; */ background: #ff99aa; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } #burger-nav-icon4 span:nth-child(2) { top: 6px; background: olivedrab; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } #burger-nav-icon4 span:nth-child(3) { top: 12px; background: #999999; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } #burger-nav-icon4.open span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -1px; left: 3px; background: crimson; height: 4px; border-radius: 4px; } #burger-nav-icon4.open span:nth-child(2) { width: 0%; opacity: 0; } #burger-nav-icon4.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 11px; left: 3px; background: olivedrab; height: 4px; border-radius: 4px; } .ggb_pagination { background: white; cursor: default; /* self-clearing method: */ } .ggb_pagination a, .ggb_pagination span, .ggb_pagination em { padding: 0.2em 0.5em; display: block; float: left; margin-right: 8px; } .ggb_pagination .disabled { color: #999999; border: 1px solid #dddddd; } .ggb_pagination .current { font-style: normal; font-weight: bold; /* background: #2e6ab1; */ background: #666666; color: white; border: 1px solid #2e6ab1; } .ggb_pagination a { text-decoration: none; color: #105cb6; border: 1px solid #9aafe5; } .ggb_pagination a:hover, .ggb_pagination a:focus { color: #000033; border-color: #000033; } .ggb_pagination .page_info { background: #2e6ab1; color: white; padding: 0.4em 0.6em; width: 22em; margin-bottom: 0.3em; text-align: center; } .ggb_pagination .page_info b { color: #000033; background: #6aa6ed; padding: 0.1em 0.25em; } .ggb_pagination:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .ggb_pagination { height: 1%; } *:first-child + html .ggb_pagination { overflow: hidden; } .all_icon{ display: inline-block; width: 27px; height: 25px; background-repeat: no-repeat; background-image: url('/images/common/icons-sprites8.png'); } .lang_icon-en_now{ background-position: 0 -261px; } .lang_icon-zh_now{ background-position: 0 -1014px; } .lang_icon-zh-hans_now{ background-position: 0 -983px; } .lang_icon-en{ width: 25px; background-position: 0 -1044px; } .lang_icon-zh{ width: 25px; background-position: 1px -298px; } .lang_icon-zh-hans{ width: 25px; background-position: 0 -337px; } .con_icon{ width: 16px; height: 16px; } .phone_icon{ background-position: -5px -61px; } .love_icon{ background-position: -5px -613px; } .cart_icon{ background-position: -5px -759px; } .person_icon{ background-position: -5px -936px; } /* */ .burger_icon{ width: 29px; height: 25px; border: 0px; margin: 0px; padding: 0px; z-index: 20000; position: fixed; top: 3px; background-position: 3px -484px; } /* */ .search_icon{ vertical-align: middle; background-position: -5px -95px; } .home_icon{ vertical-align: middle; background-position: -5px -960px; } .weather_icon{ width: 30px; height: 30px; vertical-align: middle; background-position: 0px -870px; } /* */ .about_icon{ vertical-align: middle; background-position: -5px 0px; } .delivery_icon{ vertical-align: middle; background-position: 0px -904px; } .rush_order_icon{ background-position: 0px -577px; } /* */ .flower_icon{ vertical-align: middle; background-position: -5px -165px; } .gift_icon{ vertical-align: middle; background-position: -5px -221px; } /* */ .print_icon{ width: 12px; height: 12px; vertical-align: middle; background-position: -7px -523px; } .phone_menu_icon{ width: 29px; height: 32px; background-position: -5px -790px; } .email_icon{ width: 29px; height: 20px; background-position: 0px -726px; } .whatsapp_icon{ width: 25px; background-position: -2px -1075px; } .clock_b_icon{ width: 25px; background-position: 0 -1104px; } .love_b_icon{ width: 30px; height: 30px; background-position: 0 -1135px; } .cart_top_icon{ width: 30px; height: 22px; background-position: 0px -693px; } .login_icon{ width: 25px; vertical-align: bottom; background-position: 0px -414px; } .logout_icon{ width: 25px; vertical-align: bottom; background-position: 0px -445px; } .large_active_icon{ background-position: -4px -372px; } .large_inactive_icon{ background-position: -4px -394px; } .small_active_icon{ background-position: -5px -637px; } .small_inactive_icon{ background-position: -5px -664px } .facebook_icon{ width: 25px; background-position: 0 -1167px; vertical-align: bottom; } .twitter_icon{ width: 25px; background-position: 0 -1224px; vertical-align: bottom; } .instagram_icon{ width: 25px; background-position: 0 -1194px; vertical-align: bottom; } .weibo_icon{ width: 25px; background-position: -3px -1254px; vertical-align: bottom; } .pinterest_icon{ width: 25px; background-position: 0 -1283px; vertical-align: bottom; } .misc_icon{ width: 4px; height: 11px; background-position: -11px -1316px; margin-top: 6px; } .close_icon{ width: 20px; height: 20px; background-position: -3px -28px; } .placebo_icon{ width: 25px; height: 25px; background-position: -7px -536px; } .top_hb_icon{ vertical-align: middle; background-position: -5px -136px; } /*---------------------------------------------------------------------------------------------------------------------------------- */ /* */ /* !!! PREVIOUS PRODUCT CSS !!! */ /* */ /*---------------------------------------------------------------------------------------------------------------------------------- */ .pp_product_enlarge_msg { width:100%; height:20px;line-height:18px;white-space:nowrap;overflow-x:hidden;color:white; background-color:black;opacity:0.4;filter: alpha(opacity=40); font-weight:normal;margin-top:-20px;max-width:640px;} .pp_headline_small1 { width:100%; border-bottom: 1px #CCCCCC solid; letter-spacing:1px;max-width:640px;text-align:left; } .pp_headline_small1 span { font-size:95%; padding: 2px 5px 3px 10px;} .pp_headline_small1 font { font-size:95%; border-bottom: 1px #CCCCCC solid; } /* pp_product_name_div details is in media query */ #pp_product_code_div { float:right:clear:none;text-align:right;letter-spacing:1px; } #pp_product_availability_div {float:left;clear:none;letter-spacing:1px;text-align:left; } #pp_product_availability_div span { padding-right:20px; text-transform: uppercase; font-size:100%;} /* pp_product_thumbnails_div details is in media query */ #pp_product_thumbnails_div {width:100%;max-width:640px;vertical-align:bottom; } .pp_product_thumbnails_div_img { float:left;clear:none; } .pp_product_full_video_outer {width:100%;max-width:640px;vertical-align:middle; text-align: center; } .pp_content_div {width:100%;max-width:640px;padding:5px;} #pp_additional_info ul { margin-left:5px;padding-left:10px;margin-bottom:0px;padding-bottom:0px;margin-top:0px;padding-top:0px;} #pp_additional_info li { } .pp_buy_now_button {padding:5px 30px 5px 30px;font-size:130%;font-weight:bold;background-color:#666666;color:white;} @media all and (min-width: 10px) and (max-width: 799px) { #pp_product_main_div { width:100%; } #pp_product_left_div { width:96%; float:left;clear:both;margin:5px; } #pp_product_right_div { width:96%; float:left;clear:both;margin:5px; } .pp_product_img_outer { max-width:640px; overflow: hidden; margin: auto; height:auto !important; height:480px;width:auto; } .pp_product_img_inner { line-height: 0; transition-duration: 0.3s; height:auto !important; height:480px; width:auto;} /* .pp_product_img_inner img { cursor: all-scroll; transition-duration: 0.3s; transition-property: transform; border:1px #EEEEEE solid;width:100% !important; height:auto !important; height:480px;width:auto;} */ .pp_product_img_inner img { cursor: all-scroll; transition-duration: 0.3s; transition-property: transform; border:1px #EEEEEE solid;max-width:100%; height:auto; } .pp_thumb_selected {border:1px #333333 solid;max-height:80px;margin:8px;height:auto !important; height:80px;} .pp_thumb_unselected {border:1px #CCCCCC solid;opacity:0.7;filter: alpha(opacity=70);max-height:70px;margin:18px 8px 8px 8px;height:auto !important; height:70px;} .pp_thumb_unselected_hover {border:1px #333333 solid;opacity:1;max-height:70px;margin:18px 8px 8px 8px;} #pp_product_headline_thumbnails {margin-top:10px;} #pp_product_name_div { font-size:300%;border-bottom: 1px #999999 solid;color:black;width:100%;margin-bottom:10px;} } @media all and (min-width: 800px) { #pp_product_main_div { max-width:1150px; width:100% !important; width:1150px; } #pp_product_left_div { width:58%; float:left;clear:none; text-align:center; } #pp_product_right_div { width:38%; float:left;clear:none; margin-left:1%; margin-right:1%; } .pp_product_img_outer { max-width:640px; overflow: hidden; margin: auto;height:auto !important; width:auto; height:480px; } .pp_product_img_inner { line-height: 0; transition-duration: 0.3s;height:auto !important; height:480px; width:auto; } /* .pp_product_img_inner img { cursor: all-scroll; transition-duration: 0.3s; transition-property: transform; border:1px #EEEEEE solid;width:100% !important; height:auto !important; width:auto; height:480px;} */ .pp_product_img_inner img { cursor: all-scroll; transition-duration: 0.3s; transition-property: transform; border:1px #EEEEEE solid;max-width:100%; height:auto; width:auto; } .pp_thumb_selected {border:1px #333333 solid;max-height:120px;margin:8px;height:auto !important; height:120px;} .pp_thumb_unselected {border:1px #CCCCCC solid;opacity:0.7;alpha(opacity=70);max-height:110px;margin:18px 8px 8px 8px;height:auto !important; height:110px;} .pp_thumb_unselected_hover {border:1px #333333 solid;opacity:1;max-height:110px;margin:18px 8px 8px 8px;} #pp_product_headline_thumbnails {margin-top:40px;} #pp_product_name_div { font-size:300%;border-bottom: 1px #999999 solid;color:black;width:100%;} } .main-product-info-table { margin-top:15px; margin-bottom: 15px; } .main-product-info-header-td-en { font-weight:normal; font-size:100%; color:black; width:100px; padding-left:5px; padding-top:5px; padding-bottom:5px; border-top: 1px #CCCCCC solid; border-bottom: 1px #CCCCCC solid; } .main-product-info-header-td-zh { font-weight:normal; font-size:120%; color:black; width:100px; padding-left:5px; padding-top:5px; padding-bottom:5px; border-top: 1px #CCCCCC solid; border-bottom: 1px #CCCCCC solid; } .main-product-detail-name-code-zh { margin-top:15px;margin-left:3px;font-weight:bold;font-size:140% } .main-product-detail-name-code-en { margin-top:15px;margin-left:3px;font-weight:bold;font-size:130%; color: #999999; } .main-product-info-value-td { padding-left:20px; vertical-align: middle; padding-top:5px; padding-bottom:5px; border-top: 1px #CCCCCC solid; border-bottom: 1px #CCCCCC solid; padding-right:5px; } /*---------------------------------------------------------------------------------------------------------------------------------- */ /* */ /* !!! PREVIOUS CATALOG CSS !!! */ /* */ /*---------------------------------------------------------------------------------------------------------------------------------- */ .enlargeit-img-anchor {} .enlargeit-img {border:0px;} .catalog_plist_summary_top_pic {} .catalog_plist_summary_bottom_img_related { height:30px;padding:0px 8px 0px 8px;} .catalog_plist_summary_bottom_img_main { height:30px;padding:0px 5px 0px 5px;} /* .catalog_summary_show_button {background-color:#999999;padding:10px;color:white;font-weight:bold;font-size:130%;max-width:200px;} */ .product_img_plus_sign_top_div {border:0px;margin:0px;border:0px;border-collapse:collapse;} /* in thumbnail_product_name media query */ /* these two lines are also in html style, as safari has paralell loading problem */ .thumbnail_product_name_full {width:100px; margin-top:3px;text-align:center;height:16px;line-height:14px;} .thumbnail_product_name_full_a {color:#AAAAAA;white-space:nowrap;height:16px;line-height:14px;display:inline-block; } /* .thumbnail_product_name_concat_outer {width:100px;text-align:left;margin-top:-16px;z-index:300;background-color:transparent; } .thumbnail_product_name_concat {white-space:nowrap;text-overflow:ellipsis;height:16px;line-height:14px;overflow:hidden;width:50px; background-color:transparent; } .thumbnail_product_name_concat_a {color:#AAAAAA;background-color:white;padding-right:0px;margin-right:0px; } */ .thumbnail-product-price { color:#333333; font-size:95%; } .thumbnail-product-special-note { color:green; font-size:95%; } .thumbnail-product-out-of-stock { color:lightcoral; font-size:95%; } .top-catalog-summary {color:#AAAAAA;font-size:12px;font-weight:normal; padding: 2px 5px 0px 5px; border-top: 1px solid black;display:inline-block;} .top-catalog-summary-main-products-count {} .top-catalog-summary-main-cats-count {background-color:black;color:white;padding:1px 3px 1px 3px;font-weight:bold;} .top-catalog-summary-related-cats-count {background-color:#999999;color:white;padding:1px 3px 1px 3px;font-weight:bold;} .catalog_summary_type_with_ordinal {margin-top:2px;margin-bottom:10px;} .catalog_summary_type_with_ordinal_main {background-color:black;color:white;padding:3px 20px 3px 20px;font-weight:bold;} /* .catalog_summary_type_with_ordinal_related {background-color:#999999;color:white;padding:3px 20px 3px 20px;font-weight:bold;} */ .catalog_summary_type_with_ordinal_related {border:1px #828282 solid;color:#888888;padding:3px 20px 3px 20px;font-weight:bold;background-color:#EEEEEE;} .catalog_thumbnail_divs_wrapper{margin-top:5px;text-align:justify;width:100%;border:0px;margin:0px;padding:0px;} .catalog_thumbnail_divs_wrapper_break {width:100%; height:0;} .catalog_thumbnail_divs_wrapper:after {content: ''; display:inline-block;width:100%;} .catalog_thumbnails_outer_div {width:100%;padding:0px;margin:0px;border:0px;border-collapse:collapse;} .french-title {padding-bottom:15px; width:100%;background-color:white;float:left;clear:both;} /* .snippet-container-summary {} .snippet-container-main {} */ .snippet_howto2_table_outer {border-collapse:collapse;width:100%; border:1px #F3F3F3 solid;width:100%;} .snippet_howto2_header {text-align:center;height:40px;vertical-align:middle;font-size:200%;color:#888888;border-bottom:1px #666666 solid;} .snippet_howto2_content {padding:10px;text-align:left;color:#666666;} .snippet_howto2_header2 {text-align:center;height:30px;vertical-align:middle;font-size:130%;font-weight:bold;color:#888888;border-bottom:1px #AAAAAA solid;} .thumbnail_product_photo_outer_div{ padding:0px;margin:0px;width:100px;text-align:center;border:1px #F6F6F6 solid; } /* .thumbnail_product_div {width:19.5%;;float:left;clear:none;height:155px;overflow:hidden;margin-bottom:5px;} */ /* need right margin to be negative one to display 3 images in mobile */ /* */ /* .thumbnail_product_div {;overflow:hidden;margin:0 -1px 5px 0;padding:0px;border:0px;display: inline-block !important; float: none !important; float:left;clear:none;display:block;min-width:19.5%;vertical-align:top;width:auto !important; width:170px;} */ .thumbnail_product_div { overflow: hidden; margin: 0 -1px 5px 0; padding: 0px; border: 0px; display: inline-block; float: none !important; float: left; clear: none; min-width: 19.5%; vertical-align: top; width: auto !important; width: 170px; } /* simply justify with last line does not work */ /* @media all and (min-width: 10px) and (max-width: 549px) { .thumbnail_product_div_adjust_width { width:33.3% } } @media all and (min-width: 550px) and (max-width: 600px) { .thumbnail_product_div_adjust_width { width:25% } } @media all and (min-width: 601px) and (max-width: 767px) { .thumbnail_product_div_adjust_width { width:20% } } @media all and (min-width: 768px) and (max-width: 860px) { .thumbnail_product_div_adjust_width { width:25% } } @media all and (min-width: 861px) { .thumbnail_product_div_adjust_width { width:20% } } */ @media all and (min-width: 10px) and (max-width: 599px) { .catalog-plist-french-titles-showhide {display:block;} .catalog_thumbnails_summary_div {width:98%;;border-top:1px #666666 solid;border-bottom:1px #666666 solid;border-left:1px #666666 solid;border-right:1px #BBBBBB solid;margin: 20px 2px 20px 2px; -moz-box-shadow: 3px 3px 2px #999999; -webkit-box-shadow: 3px 3px 2px #999999; box-shadow: 3px 3px 2px #999999; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');} .catalog_thumbnails_summary_div_toggled {width:98%;;border-top:1px #666666 solid;border-bottom:1px #666666 solid;border-left:1px #666666 solid;border-right:1px #BBBBBB solid;margin: 22px 0px 18px 4px; -moz-box-shadow: 1px 1px 1px #999999; -webkit-box-shadow: 1px 1px 1px #999999; box-shadow: 1px 1px 1px #999999; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#999999')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#999999');} .catalog_plist_summary_top_pic {width:100%;margin-top:5px;} .catalog_plist_summary_header {font-size:110%;color:#333333;padding:3px;width:100%;font-weight:bold;text-align:center;white-space:normal} .catalog_plist_summary_subheader {color:#AAAAAA;} .catalog_plist_summary_stat {padding:3px;} .catalog_plist_summary_stat div {} .catalog_plist_summary_description {border-top:1px #666666 solid;padding:10px;} .catalog_plist_summary_bottom_imgs_div {} .catalog_plist_summary_expand_button_div {} .catalog_plist_summary_link_button {margin:5px;} .catalog_plist_summary_link_button a {display:block;border:1px #AAAAAA solid; padding: 5px 10px 5px 10px; background-color: #F1F1F1; border:1px #EEEEEE solid; font-weight:bold; color: #495995;} .mobile_slideable {display:none;} .snippet_top_indicator {width:100%;text-align:center;background-color:#FFFFFF;color:#333333;font-size:230% !important; font-size:130%} .catalog_summary_show_button { width:100%; height:20px;line-height:18px;white-space:nowrap;overflow-x:hidden;color:white; background-color:#AAAAAA; font-weight:normal; text-align:center;} .snippet-container-outer {float:left;width:99%;clear:none;padding: 0px ; background-color:white;text-align:center;margin: 0px 2px 25px 2px;border-bottom:1px black solid;} .snippet-container-inner {width:100%; ;border-top:1px black solid;max-height:160px;overflow:hidden;} } @media all and (min-width: 600px) { .catalog-plist-french-titles-showhide {display:none;} .catalog_thumbnails_summary_div {width:100%;} .catalog_thumbnails_summary_div_align_inner {text-align:left;} .catalog_plist_summary_top_pic {display:none;} .catalog_plist_summary_header {font-size:110%;color:#333333;font-weight:bold;text-align:left;display:inline;white-space:normal;height:100%;vertical-align:bottom;} .catalog_plist_summary_subheader {display:inline;color:#AAAAAA;height:100%;vertical-align:bottom;} .catalog_plist_summary_stat {display:inline;height:100%;vertical-align:bottom;} .catalog_plist_summary_stat div {display:inline;height:100%;vertical-align:bottom;} .catalog_plist_summary_description {display:block;color:#AAAAAA;height:100%;vertical-align:bottom;} .catalog_plist_summary_bottom_imgs_div {display:none;} .catalog_plist_summary_expand_button_div {display:none;} .catalog_plist_summary_link_button {float:right;clear:none;height:100%;vertical-align:bottom;} .catalog_plist_summary_link_button a {color: #495995; text-decoration:none; border:0px #384980 solid; padding:2px; background-color:#F3F3F3; font-weight:bold;vertical-align:bottom;} .mobile_slideable {display:block;} .snippet_top_indicator {width:100%;text-align:center;background-color:white;color:#333333;font-size:230% !important; font-size:130%} } /* @media all and (min-width: 10px) and (max-width: 459px) { } @media all and (min-width: 460px) and (max-width: 599px) {} */ @media all and (min-width: 600px) and (max-width: 767px) { .snippet-container-outer {float:left;width:48%;clear:none;padding: 0px ; background-color:white;text-align:center;margin:5px;margin-bottom:25px;border-bottom:1px black solid;} .snippet-container-inner {width:100%;border-top:1px black solid;max-height:160px;overflow:hidden;} } @media all and (min-width: 10px) and (max-width: 767px) { .catalog_page_full_width {display:block;margin:0px;padding:0px;border:0px;} .catalog_page_left_pane {margin:0px 0px 50px 0px;padding:0px;width:100%;border:0px;} .catalog_page_right_pane {background-color:white;margin:15px 1px 0px 1px; padding:15px 0 15px 0;width:99%;text-align:left;} .snippet_expand_summary_msg { width:100%; height:20px;line-height:18px;white-space:nowrap;overflow-x:hidden;color:white; background-color:black;filter: alpha(opacity=40);opacity:0.4; font-weight:normal;margin-top:-15px; z-index:15} .bottom_snippet_hide {display:none } } @media all and (min-width: 768px) { .catalog_page_full_width {display:table-row; width:auto !important ; width:1230px;} .catalog_page_left_pane {padding-right:10px;clear:none;max-width:920px;display:table-cell;vertical-align:top;width:auto !important; width:900px;background-color:white;float:none !important;float:left;} .catalog_page_right_pane { width:300px;display:table-cell;text-align:left;clear:none;vertical-align:top;background-color:white;float:none !important;float:left; margin-top:0px; padding-top:0px;} .snippet-container-outer {background-color:white;text-align:center;margin:10px 10px 40px 10px;border-bottom:1px black solid;} .snippet-container-inner {width:100%;border-top:1px black solid;} .snippet_expand_summary_msg {display:none;} .catalog_thumbnails_div {display:block } } @media all and (min-width: 10px) and (max-width: 1000px) { .enlarge-img-cursor { cursor: pointer; } } @media all and (min-width: 1000px) { .enlarge-img-cursor { cursor: url(/images/normal/shop/layout/cursor-enlarge.gif), url(/images/normal/shop/layout/cursor-enlarge.ani), auto; border:0px; } } /* ######### OLD STUFF STARTS HERE ############### */ .products-list-subcat-header-link { text-align:right; padding-right:5px;} .products-list-subcat-header-link a{ color: #495995; text-decoration:none; border:0px #384980 solid; padding:2px; background-color:#F3F3F3; font-weight:bold; } #page_description_tab2 h2 { font-size:95%; font-weight: normal; clear:none; float:left; color: #999999;margin:0px;padding:0px;*color:#EEEEEE; } #page_description_tab2 h3 { font-size:95%;font-weight: normal; clear:none; float:left; color: #999999;margin:0px;padding:0px;*color:#EEEEEE; } #page_description_tab2 p { font-size:95%; clear:right; margin:0px;padding:0px; margin-bottom:10px; color: #999999;*color:#EEEEEE; } .detail-product-name { font-weight:normal; font-size:100%; color:#666666; margin-top:3px; } /* .detail-product-name a{ font-weight:normal; font-size:100%; color:#666666; text-decoration: none; } */ .detail-product-price { color:#333333; font-size:95%; } .detail-product-special-note { color:green; font-size:95%; } /* should be for catalog log page secions arrows */ .products-categories-name-arrow { padding-left:3px; padding-right:10px; padding-top:4px; vertical-align:top; } .catalog-topmost-header-td { padding-top:5px;padding-bottom:5px; font-size:200%; font-weight:bold; } .products-list-left-pane { } .products-list-right-pane { width:280px; /* padding-top:20px; */ } .products-list-product-td { width:25%; text-align:center; padding-bottom:50px; } .products-list-subcat-header { margin-bottom: 20px; margin-top:20px; } .products-list-subcat-description { float:left; margin-left:20px; padding-top:2px; color: #666666; } .products-list-subcat-header-img{ float:left; clear:none; font-weight:bold; font-size:110%; } .home-product-name { font-weight:bold; font-size:100%; color:#555555; margin-top:3px; } .home-product-name a{ font-weight:normal; font-size:100%; color: #555555; text-decoration: none; border-bottom: 1px #EEEEEE solid; } .home-product-name a:hover{ color: #444444; border-bottom: 1px #CCCCCC solid; } /*---------------------------------------------------------------------------------------------------------------------------------- */ /* */ /* !!! PREVIOUS HOME CSS !!! */ /* */ /*---------------------------------------------------------------------------------------------------------------------------------- */ .main-middle-separator-td { width: 6px; margin: 0px; padding: 0px; border:0px; background-image: url("/images/normal/shop/layout/main-separator-vertical.gif"); } .main-middle-blank-td{ padding:0px; margin:0px; } .main-horizontal-separator-td { margin: 0px; padding: 0px; background-image: url("/images/normal/shop/layout/main-separator-horizontal.gif"); } .home-advantage-title-td { padding-left:0px;padding-top:0px;text-align:left;font-size:135%;font-weight:bold;width:360px;color:#333333; vertical-align:middle; } .home-advantage-num-td{ padding-top:0px; width:40px; } .home-advantage-p-td { color: #AAAAAA; } .home-advantage-p-td em{ color:black; text-decoration: none; font-weight: normal; font-style: normal; } .home-advantage-hor-sep-td { text-align:center; } /* aboutus points */ .aboutus_condensed_outer {width:100%;} .aboutus_condensed_inner {display:inline-block !important;margin:15px 5px 5px 5px;;text-align:center;vertical-align:top;padding:5px;border:1px #EEEEEE solid;float:none; width:auto;min-width:272px; border-radius:5%; -moz-border-radius: 5%; -webkit-border-radius: 5%; -khtml-border-radius: 5%;} .aboutus_condensed_point_number {font-size:200%;} .aboutus_condensed_word_odd {width:60px;height:60px;border:1px black solid;margin:2px;;font-size:110%;font-weight:bold;margin-bottom:10px;line-height:20px;} .aboutus_condensed_word_even {width:60px;height:60px;background-color:black;color:white;margin:2px;;font-size:110%;font-weight:bold;margin-bottom:10px;line-height:20px;} .aboutus_condensed_content {min-height:100px; overflow-y:hidden;width:100%;color:#AAAAAA;max-width:272px;} .aboutus_condensed_content em{color:black;font-style:normal;} /* below all home page calendar related */ .calendar_page_calendar_outer { display:inline-block;margin:5px 1px 5px 0px; border-right: 1px #F3F3F3 solid; float:none !important;clear : none !important; clear:none;float:left;} .calendar_page_calendar_right_listing {width:130px;padding-left:10px;padding-top:2px;} .calendar_page_calendar_listing_date {font-size:120%;color:#666666;} .calendar_page_calendar_listing_name {margin-bottom:15px;font-size:110%;color:black;} .calendar_right_snippet_simple_inner_table {} .calendar_right_snippet_simple_inner_table th {padding:5px 0 5px 0;padding-right:15px;} .calendar_right_snippet_simple_inner_table td {padding:5px 0 5px 0;} .mycalendar_table { font-family: Verdana, Helvetica,sans-serif; color: #999999; border: 1px #CCCCCC solid; font-size: 10px; width:170px } .mycalendar_table td{ text-align:center; } /* background-color: #F0F0F0; */ .mycalendar_month { background-color: #F3F3F3; padding: 2px; font-size:110%; color: #666666; /* border-bottom: 1px #ffebea solid; */ } .mycalendar_day_of_week { padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:1px; margin:0px; font-weight:normal; } .mycalendar_weekday { border: 1px #CCCCCC solid; padding: 3px; color:#333333; } .mycalendar_satsun { border: 1px #CCCCCC solid; padding: 3px; color: #A52A2A; } .mycalendar_blank_day { border: 1px #CCCCCC solid; padding: 3px; } .mycalendar_overlay { z-index:10; left:0px; top:0px; width:1px; height:1px; margin-right: -10px; } .mycalendar_today { border: 2px #666666 dotted; /* background-color: #F0F0F0; */ background-color: #666666; color:white; font-weight:bold; } .mycalendar_infobar { color:gray; margin-top:2px; font-size:95%; background-color:white; border:1px #999999 solid; float:left; } .mycalendar_infobar_today_tag { float:left; vertial-align:top; background-color:#666666; color:white; font-weight:bold; padding:1px; } .mycalendar_infobar_today_date { float:left; padding-right:4px; border-right:1px solid black; margin-top:1px; margin-left:2px; } .mycalendar_infobar_holiday { margin-left:5px; padding-right:2px; float:left; color:#999999; font-weight:normal; margin-top:1px; } /*---------------------------------------------------------------------------------------------------------------------------------- */ /* */ /* !!! PREVIOUS ASIDE CSS !!! */ /* */ /*---------------------------------------------------------------------------------------------------------------------------------- */ .catalog-related-link-pane-td { border: 0px black dotted; padding:5px; } .catalog-related-link-pane-td li { margin-top:10px; } .catalog-related-link-pane-td a { color: #495995; text-decoration:none; padding:2px; background-color:#F3F3F3; font-weight:bold; } .catalog-cousin-categories-header { background-color:#EEEEEE; padding-bottom:15px; padding-top:15px; padding-left:25px; font-size:130%; color:black; } .products-catergories-table { width:100%; } .products-categories-td { padding-left: 20px; border-top: 1px #CCCCCC solid; border-bottom: 1px #CCCCCC solid; padding-top:10px; padding-bottom:10px; } .products-categories-name { } .products-categories-name a { text-decoration:none;color:black;font-weight:bold;font-size:110%; } .products-categories-name img{ border:0px; } .products-categories-header{ background-color:#EEEEEE; padding-bottom:15px; padding-top:15px; padding-left:25px; font-size:130%; color:black; } .catalog-popularity-rank-header { font-weight:bold;font-size:120%; padding-left:5px;margin-bottom:10px; } .catalog-popularity-rank-header font { font-size:80%;font-weight:normal; } .catalog-popularity-rank-table { width:100%; } .category-popularity-rank-crown-td{ padding-left:20px; border-top: 1px #CCCCCC solid; border-bottom: 1px #CCCCCC solid; padding-top:10px; padding-bottom:10px; } .rank-detail-product-name { width:60px; } .category-popularity-rank-desc-td{ padding-left:20px;padding-right:20px; border-top: 1px #CCCCCC solid; border-bottom: 1px #CCCCCC solid; padding-top:10px; padding-bottom:10px; } .category-popularity-rank-pic-td{ padding-right:20px; border-top: 1px #CCCCCC solid; border-bottom: 1px #CCCCCC solid; padding-top:10px; padding-bottom:10px; } /*---------------------------------------------------------------------------------------------------------------------------------- */ /* */ /* !!! PREVIOUS ARTICLE2 CSS !!! */ /* */ /*---------------------------------------------------------------------------------------------------------------------------------- */ .misc-page-sub-content-td { width:100%; vertical-align:top; padding-bottom:50px; /* padding-left:20px; padding-right: 40px; */ font-size:115%; font-color: #666666; } .misc-page-inquiry-info-table { width:98%; border-collapse: separate; border-spacing:3px; /* margin-right:50px; */ } .misc-page-inquiry-th { width:100px; padding:20px; color:black; background-color: #CCCCCC; border: 1px #CCCCCC solid; font-weight: bold; color: #333333; } .misc-page-inquiry-td { width:500px; padding-left:20px; padding-right:20px; padding-top:15px; padding-bottom:15px; border: 1px #CCCCCC solid; } .misc-page-inquiry-sub-table { width:100%; } .misc-page-inquiry-sub-th { width:90px; padding:0px 0px 3px 0px; } .misc-page-inquiry-sub-td { padding:0px 0px 3px 0px; } .misc-page-caring-pane { width: 300px; } .misc-page-caring-env-pane { margin-top:20px; width:100%; } .misc-page-caring-env-td { color: #77c761; text-align:justify; } .misc-page-caring-charity-pane { margin-top:20px; width:100%; } .misc-page-caring-charity-td { color: #f46465; text-align:justify; } .misc-page-order-flow-title { font-size:115%; background-color: #EEEEEE; padding:3px; } .misc-page-order-flow-desc{ color: #666666; padding-left:3px; padding-right:3px; margin-bottom:10px; border: 1px #DDDDDD solid; } .how-to-table { width:100%;margin-top:20px;color:#333333;font-size:110% } .how-to-table th { border: 1px #666666 solid; padding:10px; font-weight:bold; } .how-to-table ol { margin-left:15px; padding-left:8px; } .how-to-table ul { margin-left:8px; padding-left:8px; list-style: disc; } .how-to-table b { color: green; font-weight:bold; } .how-to-table td { padding:10px; border: 1px #DDDDDD solid; } .how-to-th-inside th { padding:0px; font-weight:bold; border: 0px; } @media all and (min-width: 10px) and (max-width: 599px) { #blog_left_section {display:block;width:100%;float:left;clear:both;white-space:nowrap;margin:-20px 0 10px 0;} #blog_middle_section {display:block;width:100%;float:left;clear:both;vertical-align:top;text-align:left;} #blog-emblem-div {width:30%;margin-right:2%;text-align:center;color:black;font-size:150%;font-style:italic;display:block;float:left;clear:none;text-align:center;} #blog-emblem-div img {height:80px;width:98%;} #blog-key-tags-div {width:65%; padding:0 1% 0 1%;display:block;float:left;clear:none;} .primary_blog_tag_div1 { width:96%; display:inline-block; font-weight:normal; border-bottom: 1px #BBBBBB solid ; padding-bottom:2px;overflow:hidden;;text-overflow:ellipsis;white-space:nowrap;} .primary_blog_tag_div1_anchor {color:#999999;display:block;width:45%;margin-right:3%;clear:none;float:left;text-align:center;margin-top:8px;} } @media all and (min-width: 600px) { #blog_left_section {display:inline-block;width:23%;margin-right:5%;white-space:nowrap;} #blog_middle_section {display:inline-block;width:70%;vertical-align:top;text-align:left;} #blog-emblem-div {width:100%;text-align:center;color:black;font-size:150%;margin-bottom:20px;font-style:italic;display:block;} #blog-emblem-div img {width:98%;height:auto;} #blog-key-tags-div {width:100%; padding:5px;display:block;text-align:center;} .primary_blog_tag_div1 { width:92%;display:inline-block; clear:both; font-weight:normal; border-bottom: 1px #BBBBBB solid ; margin-top:15px; padding-bottom:2px;overflow:hidden;;text-overflow:ellipsis;white-space:nowrap;} .primary_blog_tag_div1_anchor {color:#999999;display:block;width:100%;text-align:center;} } .primary_blog_tag_div1_anchor:hover {color:black;} .blogpost_content_div img {max-width:95%;height:auto;} /*---------------------------------------------------------------------------------------------------------------------------------- */ /* */ /* !!! PREVIOUS CART CSS !!! */ /* */ /*---------------------------------------------------------------------------------------------------------------------------------- */ @media all and (min-width: 10px) and (max-width: 599px) { /* .cart_popup_district_select_outer {position:absolute;width:320px;margin-top:-10px;z-index:1200;margin-left:-90px;height:360px;} */ #on_page_district_div {max-height:height:360px;} .cart_popup_district_select_inner {width:300px;} #cart_table_outer {background-color: white; border: 1px gray solid; border-bottom:0px; width:98%;border-collapse:collapse;border-spacing:0px;margin-bottom:30px;} .cart_table_each_row {width:100%;float:left;clear:both;border-collapse:collapse;border-spacing:0px;border-bottom:1px #666666 solid;} .cart_table_each_row div {float:left;clear:none;vertical-align:middle;} #cart_th_left_group {width:49%;} #cart_th_left_group div {vertical-align:middle;text-align:center;font-weight:bold;height:100%;padding:3px 0 3px 0;} /* #cart_th_left_category {diplay:none;} */ #cart_th_left_photo {width:98%;border-right:1px #666666 solid;} #cart_th_left_name {display:none;} #cart_th_right_group {width:49%;} #cart_th_right_group div {vertical-align:middle;text-align:center;font-weight:bold;height:100%;padding:3px 0 3px 0;} #cart_th_right_unit_price {display:none;} #cart_th_right_quantity {display:none;} #cart_th_right_subtotal {width:98%;} #saved_th_right_actions {width:98%;} .cart_td_left_group {width:50%;} .cart_td_left_group div {padding:5px 0 5px 0;float:left;clear:both;} /* .cart_td_left_category {width:98%;text-align:center;} */ .cart_td_left_photo {width:98%;text-align:center;} .cart_td_left_photo center {} .cart_td_left_name {width:98%;text-align:center;} .cart_td_right_group {width:49%;} .cart_td_right_group div {padding:5px 0 0 0;float:left;clear:both;} .cart_td_right_unit_price {width:98%;text-align:center;} .cart_td_right_quantity {width:98%;text-align:center;} .cart_td_right_quantity center {margin-bottom:20px;} .cart_td_right_subtotal {width:98%;text-align:center;font-size:120%;padding-top:5px;font-weight:bold;} .saved_td_right_updates {width:98%;text-align:center;} /* #cart_shipping_td_left_group {width:98%; } #cart_shipping_td_left_group div {padding:5px 0 5px 0;text-align:center;} #cart_shipping_td_right_group { display:none; } */ .cart_td_shipping_text {display:none} .cart_td_shipping_district_select {padding:10px 0 10px 0;width:98%} .cart_td_shipping_subtotal {display:none;} #cart_total_line_left_text {float:right:clear:noe;font-size:150%;font-weight:bold;background-color:#DDDDD;text-align:right;width:48%;border-right:1px #666666; padding:8px 12px 8px 0;} #cart_total_line_right_total {float:right;clear:none;font-size:150%;font-weight:bold;background-color:#CCCCCC;text-align:center;width:48%; padding:8px 0 8px 0;} } @media all and (min-width: 600px) { /* .cart_popup_district_select_outer {position:absolute;width:520px;margin-top:-10px;z-index:1200;margin-left:-150px;height:360px;} */ #on_page_district_div {max-height:height:360px;} .cart_popup_district_select_inner {width:500px;} #cart_table_outer {background-color: white; border: 1px gray solid; border-bottom:0px; max-width:1100px;width:98%;border-collapse:collapse;border-spacing:0px;margin-bottom:30px;} .cart_table_each_row {width:100%;float:left;clear:both;border-collapse:collapse;border-spacing:0px;border-bottom:1px #666666 solid;} .cart_table_each_row div {float:left;clear:none;vertical-align:middle;} #cart_th_left_group {width:63%;} #cart_th_left_group div {vertical-align:middle;text-align:center;font-weight:bold;height:100%;padding:3px 0 3px 0;} /* #cart_th_left_category {width:15%;border-right:1px #666666 solid;} */ #cart_th_left_photo {width:35%;border-right:1px #666666 solid;} #cart_th_left_name {width:62%;border-right:1px #666666 solid;} #cart_th_right_group {width:36%;} #cart_th_right_group div {vertical-align:middle;text-align:center;font-weight:bold;height:100%;padding:3px 0 3px 0;} #cart_th_right_unit_price {width:20%;border-right:1px #666666 solid;} #cart_th_right_quantity {width:50%;border-right:1px #666666 solid;} #cart_th_right_subtotal {width:27%;} #saved_th_right_actions {width:77%;} .cart_td_left_group {width:63%;} .cart_td_left_group div {padding:5px 0 5px 0;} /*.cart_td_left_category {width:15%;text-align:center;} */ .cart_td_left_photo {width:35%; text-align:center;} .cart_td_left_photo center {} .cart_td_left_name {width:62%;text-align:center;} .cart_td_right_group {width:36%;} .cart_td_right_group div {padding:5px 0 5px 0;} .cart_td_right_unit_price {width:20%;text-align:center;} .cart_td_right_quantity {width:50%;text-align:center;} .cart_td_right_quantity center {} .cart_td_right_subtotal {width:27%;text-align:center;} .saved_td_right_updates {width:77%;text-align:center;} /* #cart_shipping_td_left_group {width:85%; } #cart_shipping_td_left_group div {padding:5px 0 5px 0;} #cart_td_left_district_select {} #cart_shipping_td_right_group { width:12%; } #cart_shipping_td_right_group div {padding:5px 0 5px 0;} */ .cart_td_shipping_text {padding:10px 0 10px 0;width:23%;text-align:center;} .cart_td_shipping_district_select {padding:10px 0 10px 0;width:64%;text-align:center;} .cart_td_shipping_subtotal {padding:10px 0 10px 0;width:11%;text-align:center;} #cart_total_line_left_text {float:right:clear:noe;font-size:150%;font-weight:bold;background-color:#DDDDD;text-align:right;width:80%;border-right:1px #666666; padding:8px 12px 8px 0;} #cart_total_line_right_total {float:right;clear:none;font-size:150%;font-weight:bold;background-color:#CCCCCC;text-align:center;width:15%; padding:8px 0 8px 0;white-space:nowrap;} } .shipping-table1 { width:100%; margin-right:20px; border-collapse: collapse; } .shipping-table1-top-td { padding-left: 10px; padding-right:10px; padding-top: 5px; padding-bottom:5px; font-weight: normal; font-size:10pt; border: 1px #AAAAAA solid; text-align: center; } .shipping-table2-top-td { padding: 3px; font-weight: normal; font-size:10pt; border: 1px #AAAAAA solid; background-color: #666666; text-align: center; color:white; font-weight:bold; } .shipping-table1-district-td { padding-left: 10px; padding-right:10px; padding-top: 5px; padding-bottom:5px; font-weight: bold; font-size:10pt; border: 1px #DDDDDD dotted; white-space: nowrap; width:100px; } .shipping-table1-details-td { padding-left: 10px; padding-right:10px; padding-top: 5px; padding-bottom:5px; color: #666666; font-size:10pt; border: 1px #DDDDDD dotted; } .shipping-table1-price-td { padding-left: 10px; padding-right:10px; padding-top: 5px; padding-bottom:5px; color: #666666; font-size:10pt; border: 1px #DDDDDD dotted; width:30px; } .shipping-odd-row { background-color: #F3F3F3; } /* CLEAN FORM /////////////////////////////*/ /* General */ .cleanform { font-size:1em; /* width:40em; */ color:#1b1b1b; text-align:left; /* margin:1em auto */ } /* Elements */ .cleanform label,.cleanform legend{ padding:0; margin:0.3em 0 } .cleanform fieldset{ padding:0.7em; border:1px solid #ddd; margin:0 0 0.5em 0 } .cleanform label { font-weight:bold } .cleanform fieldset input { width:80%; line-height:1.5em; padding:0.15em } /* , .cleanform .checkbox input */ .cleanform .radio input { width:auto; border:none; margin:0 1.5em 0 0 } .cleanform input, .cleanform textarea, .cleanform select { display:block; margin-bottom:1em; font-size:1em; border:1px solid #bbb; padding:0.15em; margin-right:1em } /* .cleanform .checkbox label, .cleanform .checkbox input */ .cleanform .radio label, .cleanform .radio input { display:inline; margin:0 1.5em 0 0 } /* , .cleanform .checkbox input */ .cleanform .radio input { margin:0 0.3em 0 0 } /* Button */ .cleanform button { margin:0.3em 0; border:1px solid #ccc; background-color:#eee; font-size:1em; cursor:pointer; padding:0.5em } .cleanform button:hover { background-color:#e6efc2; border:1px solid #c6d880; color:#529214 } .cleanform button:active { background-color:#333; color:white; border:1px solid #000 } /* information */ .cleanform .formInfo { margin-bottom:1em; padding-bottom:0.5em; border-bottom:0.1em solid #ddd } .cleanform .formInfo h2 { color:#00889e; font-weight:bold; font-size:1.2em; margin-bottom:1em } .cleanform .formInfo p{ text-align:justify } .cleanform .required { color:#ff3838; font-weight:bold; font-size:0.8em } .main-form-date-select { float:left; } .cleanform-button { border:1px solid #ccc; background-color:#eee; cursor:pointer; padding:3px; } .checkout-button { font-size:120%; font-weight:bold; padding-left:30px; padding-right:30px; } .cart-form-english-label { font-size:90%; color: gray; font-weight: normal; padding-left:5px; } @media (min-width:1000px){ #mobile-pop-menu{ width: 945px; } #menu_billboard_overall_stat{ padding-top: 8px; } #mobile-pop-menu .addon-top-navi{ width: 123px !important; } #mobile-pop-menu .addon-top-navi .layout-left-menu5-cell{ display: block !important; margin-bottom: 4px !important; } #mobile-pop-menu .addon-top-navi .unreleased-menus{ display: none !important; } } /* Add-on Items fade in color */ #mobile-pop-menu .addon-top-navi tr:first-child div{ background-color:#848484 !important; } /* 2023/5/24 */ @media all and (min-width: 10px) and (max-width: 599px) { /* 1. cart and checkout */ #cart_toppest_div table{ table-layout:fixed; } #cart_toppest_div .cart_popup_district_select_inner{ width:auto; } #check-out-main-pane{ padding-right:5px; } #cart_table_outer div,#check-out-main-pane div{ white-space:normal !important; } /* 2. footer */ center.np{ padding: 5px 0 !important; } /* 3. catalog */ .catalog_thumbnail_divs_wrapper{ text-align: center; } .catalog_thumbnail_divs_wrapper>.thumbnail_product_div{ min-width: 48% !important; } } /* end */