/* Website: http://rayamart.co.id/ */ #menu {z-index:8;float:left;width:180px;position:relative} .cs_mega_menu_cat{position:relative;display:block;padding:0 16px;} #left_column_home .cs_mega_menu_cat{padding:0} .cs_mega_menu_cat span.shop_by{color:#fff;background:url(http://rayamart.co.id/modules/csmegamenu/img/bg-shopy.png) no-repeat right 22px;font:700 14px/46px 'Roboto';text-transform:capitalize;height:46px;display:block;cursor:pointer} .ie8 .cs_mega_menu_cat span.shop_by,.ie7 .cs_mega_menu_cat span.shop_by{font-size:13px;} #menu .cs_mega_menu_cat .cs_ul_mega_menu ul {list-style: none;margin:0;padding:9px 0 15px;} #menu .cs_mega_menu_cat .cs_ul_mega_menu ul ul{padding:0} .cs_ul_mega_menu{text-align:left;position:absolute;z-index:100;top:43px;left:0;border-radius:0 0 5px 5px;-moz-border-radius:5px;display:none;border:2px solid #f00107;border-top:1px solid #bf1306;background:#fff;margin-top:0px;width:98%} #index .cs_ul_mega_menu{border-top:3px solid #bf1306} #menu .cs_mega_menu_cat .cs_ul_mega_menu ul li.menu_item{width:auto;float:none;display:block;margin:0;padding:7px 14px;transition: all 0.5s ease-in-out 0s;} #menu .cs_mega_menu_cat .cs_ul_mega_menu ul li.menu_item a{} #menu .cs_ul_mega_menu li.menu_item a.title_menu_parent{padding:0;color:#303030;display:block;vertical-align:middle;line-height:16px;} #menu .cs_ul_mega_menu li.menu_item a.title_menu_parent:hover{color:#fe0107} #menu .cs_mega_menu_cat .cs_ul_mega_menu ul li.parent{background:url(http://rayamart.co.id/modules/csmegamenu/img/icon/i-menu-show.png) no-repeat right center;} #menu .cs_mega_menu_cat .cs_ul_mega_menu ul li.parent:hover{background:url(http://rayamart.co.id/modules/csmegamenu/img/icon/i-menu-show_hover.png) no-repeat right center;} .cs_ul_mega_menu ul li.menu_item span.icon_menu img{vertical-align:middle;border:1px solid #e6e6e6;margin-right:5px;max-width:20px;} #menu .cs_mega_menu_cat .cs_ul_mega_menu > ul li > div.options_list,#menu .cs_mega_menu_cat .cs_ul_mega_menu > ul li > div.sub_menu, #cs_megamenu_more .more-menu{ display: none;top:10px;border:1px solid #bababa; margin:0;background:#fff; position: absolute; z-index:100;left:99%;border-radius:3px;-moz-border-radius:3px; padding:18px 0;text-align:left; } #menu .cs_mega_menu_cat .cs_ul_mega_menu > ul li > div.sub_menu{width:100%!important;left:100%;} #menu .cs_mega_menu_cat .cs_ul_mega_menu > ul > li > div { display: none;} #menu .cs_mega_menu_cat .cs_ul_mega_menu > ul > li:hover > div {display: block;} #menu .cs_mega_menu_cat .cs_ul_mega_menu ul ul > li.parent:hover div.sub_menu{top:-21px;z-index:100;} #menu .cs_mega_menu_cat .cs_ul_mega_menu > ul li.menu_item > div a{ color:#525252; text-decoration:none;text-transform:none; display: block; padding:0; margin:0; z-index:20;height:auto; position: relative;font:400 12px/1.35 arial;} #menu .cs_mega_menu_cat .cs_ul_mega_menu > ul li.menu_item > div a:hover{transition: all 0.5s ease 0s;color:#191919;} #menu .cs_mega_menu_cat .cs_ul_mega_menu > ul > li > div > ul { display: table-cell; } #menu .cs_mega_menu_cat .cs_ul_mega_menu ul li#cs_megamenu_more div ul{display:block} #menu .cs_mega_menu_cat .cs_ul_mega_menu > ul > li .options_list ul{float:left} #menu .cs_mega_menu_cat .cs_ul_mega_menu > ul > li div a.cat_parent{padding:7px 0 0;display:block;} #menu .cs_mega_menu_cat .cs_ul_mega_menu > ul > li div a.cat_parent img{display:block;margin-bottom:10px;max-width:100%} #menu .cs_mega_menu_cat .cs_ul_mega_menu > ul > li div a:hover, #menu .cs_mega_menu_cat .cs_ul_mega_menu > ul li.menu_item > div a:hover,#menu .cs_mega_menu_cat .cs_ul_mega_menu ul li .product_item a:hover { color:#d11111;transition: all 0.5s ease 0s;font-weight:700; } #menu .cs_mega_menu_cat .cs_ul_mega_menu > ul > li > div > ul > li > a { color: #FFFFFF; } #menu .cs_mega_menu_cat .cs_ul_mega_menu .option ul li {position: relative} #menu .cs_mega_menu_cat .cs_ul_mega_menu ul li ul li{position:relative;padding:5px 22px} #menu .cs_mega_menu_cat .cs_ul_mega_menu ul li ul li:hover > div.sub_menu{display:block} #menu .cs_mega_menu_cat .cs_ul_mega_menu ul li .div_static{margin:0;color:#787878;padding:3px 22px} #menu .cs_mega_menu_cat .cs_ul_mega_menu ul li .div_static .static_menu_6{margin-bottom:10px;} #menu .cs_mega_menu_cat .cs_ul_mega_menu ul li .div_static a{text-align:center;display:block;padding-bottom:10px} #menu .cs_mega_menu_cat .cs_ul_mega_menu ul li .div_static a img{max-width:100%} #menu .cs_mega_menu_cat .cs_ul_mega_menu ul li .div_static h3{padding-bottom:15px;padding-top:15px;font-size:12px;text-transform:uppercase} #menu .cs_mega_menu_cat .cs_ul_mega_menu ul li .div_static h3.title_2{margin-top:10px;border-top:1px dotted #c8c8c8;} #menu .cs_mega_menu_cat .cs_ul_mega_menu .column.product li.product_item p{color:#fff;padding-left:12px;} #menu .cs_mega_menu_cat .cs_ul_mega_menu ul li div.out_cat_parent{display:block;padding:3px 22px;text-align:left} #menu .cs_mega_menu_cat .cs_ul_mega_menu ul li div.out_cat_parent a, #menu .cs_mega_menu_cat .cs_ul_mega_menu ul li .div_static h5{color:#303030;font:700 16px/16px 'Roboto';text-transform:none;padding-bottom:5px;} #menu .cs_mega_menu_cat .cs_ul_mega_menu > ul > li .out_cat_parent a.cat_parent + a{} #menu .cs_mega_menu_cat .cs_ul_mega_menu > ul > li .out_cat_parent a{padding:0;display:block;text-align:left} #menu .cs_mega_menu_cat .cs_ul_mega_menu ul li.cs_m_manufacter div.options_list{padding:20px 20px 0 0} #menu .cs_mega_menu_cat .cs_ul_mega_menu ul li .manufacture .product_item{width:auto;float:left;padding:0;margin:5px 0 19px} #menu .cs_mega_menu_cat .cs_ul_mega_menu ul li .manufacture .product_item a{padding:2px;border:1px solid #c7c7c7;border-radius:3px;-moz-border-radius:3px;display:block;margin:0 10px;} #menu .cs_mega_menu_cat .cs_ul_mega_menu ul li .manufacture .product_item a{display:block;text-align:center;margin:0 22px;} #menu .cs_mega_menu_cat .cs_ul_mega_menu ul li .manufacture .product_item a img{max-width:100%;vertical-align:top} #menu .cs_mega_menu_cat .cs_ul_mega_menu ul li .ajax_block_product{padding:0 20px!important;overflow:hidden;text-align:center} #menu .cs_mega_menu_cat .cs_ul_mega_menu ul li .ajax_block_product + .ajax_block_product{margin-top:20px;} #menu .cs_mega_menu_cat .cs_ul_mega_menu ul li .ajax_block_product,#menu .cs_mega_menu_cat .cs_ul_mega_menu ul li .ajax_block_product a {} #menu .cs_mega_menu_cat .cs_ul_mega_menu ul li .ajax_block_product .image{display:block;margin-bottom:10px;} #menu .cs_mega_menu_cat .cs_ul_mega_menu ul li .ajax_block_product .product_image_menu{display:block} #menu .cs_mega_menu_cat .cs_ul_mega_menu ul li .ajax_block_product .product_image_menu img{max-width:100%} #menu .cs_mega_menu_cat .cs_ul_mega_menu ul li .ajax_block_product h3{line-height:15px;padding-bottom:14px;} #menu .cs_mega_menu_cat .cs_ul_mega_menu ul li .ajax_block_product h3 a{color:#1c1c1c;font:400 14px/15px 'Roboto';text-transform:none;display:inline;#display:inline} #menu .cs_mega_menu_cat .cs_ul_mega_menu #cs_megamenu_more li .name_product{clear:both;display:block} #menu .cs_mega_menu_cat .cs_ul_mega_menu ul li a.product_image{text-align:center} #menu .cs_mega_menu_cat .cs_ul_mega_menu ul li .ajax_block_product a:hover{text-decoration:none} #menu .cs_mega_menu_cat .cs_ul_mega_menu ul li .ajax_block_product p{margin:0 0 5px} #menu .cs_mega_menu_cat .cs_ul_mega_menu ul li .ajax_block_product .exclusive{width:auto;padding:0 15px;text-transform:uppercase!important;display:inline-block!important;min-width:50px} .cs_hide_p .name_product,.cs_hide_p .price{display:none} #menu .cs_mega_menu_cat .cs_ul_mega_menu ul li.cs_hide_p .ajax_block_product .image{float:none;padding:0;margin-bottom:10px;} #menu .cs_mega_menu_cat .cs_ul_mega_menu ul li .ajax_block_product .exclusive:hover{color:#fff;text-decoration:none} #menu .price{font:700 14px Arial} .cs_st_img {text-align:center;margin-bottom:10px;} .cs_st_img img{max-width:100%} .div_static h2{color:#303030;font:700 15px/18px 'Roboto';padding-bottom:6px;padding-top:3px;} .div_static p{padding-bottom:12px;} /* Responsive Menu */ #megamenu-responsive{ width:100%;position:relative;z-index:98;clear:both; line-height:17px;display:none;text-align:left } .menu-toggle > p{ background: url("http://rayamart.co.id/modules/csmegamenu/img/menu.png") no-repeat scroll 50% center transparent; display: block; float: left; height: 30px; left: 5px; margin: 0; position: absolute; top: 3px; width: 30px; } .menu-toggle{ padding:0px 0 0 46px; margin:0; background:url("http://rayamart.co.id/modules/csmegamenu/img/bg-menumobile.jpg") repeat-x; color:#fff; font:700 16px/45px Arial;min-height:45px; cursor:pointer; text-align:left;position:relative; border-radius:3px; -moz-border-radius:3px; } #megamenu-responsive .root li { border-top: 1px solid #e7e7e7; padding: 0; } #megamenu-responsive-root li.root{padding:0} #megamenu-responsive-root > li.root{padding:0;display:block; background:#fff;border-top:1px solid #e7e7e7;} #megamenu-responsive-root > li.root.open{border:2px solid #f00107; border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px;padding:6px 0;margin-top:-2px;} #megamenu-responsive-root > li a{padding:8px 10px;display:block;color:#303030;text-align:left;font:400 14px/16px arial; } #megamenu-responsive-root li.root > ul{display:none;} #megamenu-responsive-root li.root.open > ul{display:block;} #megamenu-responsive-root li.parent > ul{display:none;} #megamenu-responsive li.parent {clear:both} #megamenu-responsive .root li a:hover{color:#f00107;} #megamenu-responsive li.parent ul{clear:both;} #megamenu-responsive .root li ul{padding:0;overflow:hidden} #megamenu-responsive a{display:block;} #megamenu-responsive li.parent > a span{display:block;} #megamenu-responsive li.parent > p{ display:block; float:right; padding:0 10px; width:10px;height:18px;line-height:19px; text-align:center; cursor:default; font-weight:700; font-size:16px; color:#303030; margin-top:8px; } #megamenu-responsive li.parent ul li{padding-left:12px;} a.product_image img{max-width :100%;} #cs_megamenu_more .more-menu{right:0;width:180px!important;} #menu .cs_mega_menu_cat .cs_ul_mega_menu #cs_megamenu_more ul li.menu_item {padding:5px 20px;width:140px;} #cs_megamenu_more .more-menu div.options_list{top:0} /* Media Queries */ @media only screen and (min-width:1024px) and (max-width: 1279px) { #menu .cs_mega_menu_cat .cs_ul_mega_menu > ul > li div a.cat_parent img{width:100%} } @media only screen and (max-width: 1023px) { #menu .cs_mega_menu_cat .cs_ul_mega_menu ul li.menu_item a{min-width:auto;padding:0 10px} #menu .cs_mega_menu_cat .cs_ul_mega_menu > ul > li div a.cat_parent img{width:100%} #menu .cs_mega_menu_cat .cs_ul_mega_menu > ul > li .options_list ul{width:100%!important;margin-bottom:15px} } @media only screen and (max-width: 767px) { #menu .cs_mega_menu_cat .cs_ul_mega_menu{display:none!important;} #megamenu-responsive{display:block;} .cs_mega_menu_cat span.shop_by{display:none} } /* ipad */ #cs_megamenu_more .more-menu li:hover div.options_list{display:block;left:auto;right:100%;} #cs_megamenu_more .more-menu li:hover div ul li div.options_list{display:none;} #cs_megamenu_more .more-menu li:hover div ul li:hover div.options_list{display:block;} #menu .cs_mega_menu_cat .cs_ul_mega_menu #cs_megamenu_more .more-menu li a.title_menu_parent{color:#646464} #menu .cs_mega_menu_cat .cs_ul_mega_menu #cs_megamenu_more .more-menu li:hover a.title_menu_parent{color:#fff} /*.spanOption,.spanColumn{display:none}*/ /* ipad hover */ .spanColumn,.spanOption{display:none} .cs_mega_menu_home{width:180px;float:left} #index .cs_ul_mega_menu{display:block!important;position:static;} /* FILE ARCHIVED ON 05:16:08 Mar 27, 2016 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 04:01:28 Jul 21, 2025. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.521 exclusion.robots: 0.033 exclusion.robots.policy: 0.025 esindex: 0.01 cdx.remote: 5.294 LoadShardBlock: 456.028 (3) PetaboxLoader3.resolve: 218.137 (4) PetaboxLoader3.datanode: 204.42 (4) load_resource: 166.584 */