/* CSS Document */ / * Clear Padding and Margin * / html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,caption{ margin: 0; padding: 0; } /** { margin:0;padding:0 }*/ html { } html { overflow: -moz-scrollbars-vertical; overflow-x: hidden; } body { } body { margin:0; padding:0;} img { } img { border:0;} a { } a {outline: none;} #wrapper{ } #wrapper{ width:900px; margin-right:auto; margin-left:auto; font-family:Arial, Helvetica, sans-serif;font-size:12px; color:#545454;font-weight:normal; } #main{ } #main { float:left; width:900px; padding:0 0 30px 0; margin:0;} #top { } /* logo, links, search */ #top { float:left; width:900px; } #top_logo { float:left; width:900px; padding:2px 0 0 0; margin:0; background:url(bg_top_line.gif) no-repeat;background-position:top; height:64px;} #top_logo span.logo { float:left; width:160px; } #top_logo span.right { float:left; width:740px; margin:11px 0 0 0px; text-align:right; } #top_logo span.right p.links { float:left; width:740px;margin:0; padding:0; margin:0 0 5px 0; height:15px; text-align:right;} #top_logo span.right p.links a { background:url(bg_arrow_01.gif) no-repeat; padding:0 0 0px 14px; margin:0 0px 0px 0px; font-size:10px; color:#565656; text-decoration: underline;} #top_logo span.right p.links img { margin:0 10px 0 13px; vertical-align:middle; } #top_logo span.right p.links a:hover { color:#0B8AAA; text-decoration: underline; } #top_logo span.right p.site_search { float:left; width:740px; text-align:right;margin:5px 0 0 0; padding:0;} span.right form#search input#search-string { width:110px; border:1px solid #D2D2D2; line-height:15px; height:15px; margin:0 5px 0 0; padding:0 0 0 2px; vertical-align:middle; font-size:11px; color:#565656; } span.right form#search input.search_button { margin:0; padding:0; height:17px; } /* top menu */ #top_menu { } #top_menu { float:left; width:900px; height:31px; margin:0; padding:3px 0 0 0; background:url(bg_top_menu.gif) repeat-x;} /* Main page flash */ #flash { } #flash { float:left; width:900px; height:300px; background:url(bg_flash_line.gif) no-repeat; background-position:bottom; padding:0 0 2px 0; } #flash img { float:left;} /* Main page Lineup area */ #lineup { } #lineup { float:left; width:900px; margin:0; padding:0;} #lineup dl { float:left; width:900px; margin:0; padding:0; background:url(bg_lineup_cat_line.gif) repeat-x; } #lineup dl dt { float:left; width:124px; } #lineup dl dt img { float:left;} #lineup dl dd { float:left; margin:0 10px 0 10px; padding:26px 0 0 6px; } #lineup dl dd img { float:left;} /* Main page news */ #first_news { } #first_news {float:left; width:900px; background:url(bg_first_news_EN.jpg) repeat-x; padding:21px 0 40px 0; margin:0;} /* Main page News */ #first_news span.news { float:left; width:570px; padding:20px 0 0 10px; margin:0;} #first_news span.news h2 { float:left; width:565px; background:url(bg_title_news_EN.jpg) no-repeat; height:0px; margin:0; padding:15px 0 0 0; overflow:hidden;} #first_news span.news dl { float:left; width:565px; margin:25px 0 0 0; padding:0; } #first_news span.news dl dd { float:left; margin:0 0 10px 0; padding:0; font-weight:bold; } #first_news span.news dl dd p { float:left; width:80px; margin:0; padding:0;} #first_news span.news dl dd a { float:left; width:405px; color:#545454; font-weight:normal; margin:0; padding:0 80px 0 0; } #first_news span.news dl dd a:hover { color:#0D87AC; } /* Product page News */ .prod_border_top { float: left; width:675px; height:22px; background:url(bg_first_news_EN.jpg) repeat-x; } #prod_news { } #prod_news {float:left; width:675px; padding:0px 0 30px 0; margin:0; } #prod_news span.news { float:left; width:675px; padding:0 0 0 0px; margin:0;} #prod_news span.news h2 { float:left; width:675px; background:url(bg_title_news_EN.jpg) no-repeat; height:0px; margin:0; padding:23px 0 0 0; overflow:hidden; border-bottom:1px solid #D2D2D2;} #prod_news span.news dl { float:left; width:675px; margin:25px 0 0 0; padding:0; } #prod_news span.news dl dd { float:left; margin:0 0 10px 0; padding:0; font-weight:bold; } #prod_news span.news dl dd p { float:left; width:80px; margin:0; padding:0;} #prod_news span.news dl dd a { float:left; width:520px; color:#545454; font-weight:normal; margin:0; padding:0 20px 0 0; } #prod_news span.news dl dd a:hover { color:#0D87AC; } #prod_whatsnew span.news { float:left; width:675px; padding:0 0 0 0px; margin:0;} #prod_whatsnew span.news h2 { float:left; width:565px; background:url(bg_title_news_EN.jpg) no-repeat; height:0px; margin:0; padding:15px 0 0 0; overflow:hidden;} #prod_whatsnew span.newslist { float:left; width:675px; padding:0 0 0 0px; margin:0;} #prod_whatsnew span.newslist dl { float:left; width:675px; margin:10px 0 0 0; padding:0; } #prod_whatsnew span.newslist dl dd { float:left; margin:0 0 10px 0; padding:0; font-weight:bold; } #prod_whatsnew span.newslist dl dd p { float:left; width:80px; margin:0; padding:0;} #prod_whatsnew span.newslist dl dd a { float:left; width:520px; color:#545454; font-weight:normal; margin:0; padding:0 20px 0 0; } #prod_whatsnew span.newslist dl dd a:hover { color:#0D87AC; } /* Main page Site Link Banners */ #first_news span.site_link { float:left; width:300px; background:url(bg_site_link.jpg) no-repeat; padding:0 0 0 20px; margin:0;} #first_news span.site_link h2 { float:left; width:300px; background:url(bg_title_sitelink_EN.jpg) no-repeat; height:0px; margin:20px 0 0 0px; padding:15px 0 0 0; overflow:hidden;} #first_news span.site_link dl.banner_01 { float:left; margin:8px 0 0 0; padding:0; width:300px; height:60px;} #first_news span.site_link dl.banner_01 dd { float:left; margin:0; padding:0; } #first_news span.site_link dl.banner_02 { float:left; margin:65px 0 0 0; padding:0; width:300px; height:60px;} #first_news span.site_link dl.banner_02 dd.left { float:left; width:145px; margin:0 0px 0 0; padding:0 9px 0 0;} #first_news span.site_link dl.banner_02 dd.right { float:left; width:145px; margin:0; padding:0;} #subpage { } /* SUB PAGE */ #subpage { float:left; width:900px; padding:0 0 25px 0;} /* Sitepath */ #sitepath { float:left; width:900px; color:#616161; background:url(bg_sitepath.gif) repeat-x; padding:7px 0 0 0; } #sitepath a { color:#616161; text-decoration:none; padding:0 0px 0 0; } #sitepath a:hover { text-decoration:underline; } #sitepath a.active { font-weight:bold; } #sitepath a.home { text-decoration:underline; } #sitepath_prod { float:left; width:900px; color:#616161; background:url(bg_sitepath.gif) repeat-x; padding:7px 0 0 0; } #sitepath_prod a { color:#616161; text-decoration:none; padding:0 0px 0 0; } #sitepath_prod a:hover { text-decoration:underline; } #sitepath_prod a.active { } /* content_wrapper */ #content_wrapper { float:left; width:900px;} /* content */ #content { float:left; width:675px;} #content h2 { float:left; width:630px; background:url(bg_content_h2.gif) no-repeat; font-weight:bold; font-size:12px; color:#333333; margin:5px 0 15px 0; padding:0 30px 0 15px; line-height:14px;} #content h3 { margin:0; padding:0; font-size:12px; font-weight:bold; margin:0px 0 3px 0; padding:0;} #content h4 { margin:0; padding:0; font-size:12px; font-weight:bold; margin:0px 0 3px 0; padding:0;} #content_title { float:left; width:675px; background:url(bg_section_title_hor.jpg) repeat-x; background-position: bottom; margin:17px 0 0 0; padding:0 0 10px 0; } #content_title h1 { float:left; width:660px; height:25px; color:#000000; font-size:22px; background:url(bg_section_title_ver.gif) no-repeat; font-weight:normal; padding:0 0 0px 15px; margin:0; } /* CONTENT -> TEXT */ #content_text { float:left; width:645px; margin:0; padding:0 30px 0 0; text-align:justify; line-height:19px; } #content_text h2 { float:left; width:600px; background:url(bg_content_h2.gif) no-repeat; font-weight:bold; font-size:12px; color:#333333; margin:5px 0 15px 0; padding:0 30px 0 15px; line-height:14px;} #content_text h3 { margin:0; padding:0; font-size:12px; font-weight:bold; margin:0px 0 3px 0; padding:0;} #content_text h4 { margin:0; padding:0; font-size:12px; font-weight:bold; margin:0px 0 3px 0; padding:0;} #content_text p { margin-top:0; padding:0; } /* CONTENT - > Q & A */ #content_text dl.faq_list { } #content_text dl.faq_list { float:left; margin:10px 0 0 0; padding:10px; width:630px; background-color:#EEEEEE;} #content_text dl.faq_list dd { float:left; margin:0 0 15px 0; padding:0 0 0 0px; width:630px; } #content_text dl.faq_list dd p { float:left; width:20px; font-weight:bold; color:#333333; text-decoration:none; margin:0; padding:0; text-align:right;} #content_text dl.faq_list dd a { float:left; width:585px; font-weight:bold; color:#333333; text-decoration:none; margin:0 0 0 5px; padding:0;} #content_text dl.faq_list dd a:hover { text-decoration: underline; color:#0B8AAA;} #content_text dl.faq_main { } #content_text dl.faq_main { float:left; margin:20px 0 0 0; padding:0; width:642px;} #content_text dl.faq_main dt { float:left; margin:0 0 5px 0; padding:0 0 0 27px; background:url(bg_qa_q_EN.jpg) no-repeat; width:615px;} #content_text dl.faq_main dd { float:left; margin:0 0 35px 0; padding:0 0 0 27px; background:url(bg_qa_a_EN.jpg) no-repeat; width:615px; } /* CONTENT - > SEARCH RESULT */ #content_search { float:left; width:645px; margin:0; padding:0 30px 0 0; text-align:justify; line-height:19px; } #content_search h2 { float:left; width:600px; background:url(bg_content_h2.gif) no-repeat; font-weight:bold; font-size:12px; color:#333333; margin:15px 0 0px 0; padding:0 30px 0 15px; line-height:14px;} #content_search p { float:left; margin:10px 0 10px 0; } #content_search p i b { color:#0D87AC;} #content_search ul.search_list { float:left; margin:5px 0 5px 15px; padding:0; } #content_search ul.search_list li { list-style:none; background:url(bg_bullet_sitemap2.gif) no-repeat; padding-left:15px; mar } #content_search ul.search_list li ul { margin:5px 0 5px 15px; padding:0; } #content_search li a { color:#333333; } #content_search li a:hover { color:#0D87AC; } /* CONTENT - > WARRANTY */ #content_text table.warranty { float:left; width:645px; } #product_main { } /* PRODUCT MAIN */ #product_main { float:left; width:675px; margin:0; padding:0 0 0 0;line-height:19px; } #product_main h2 { float:left; width:645px; background:url(bg_content_h2.gif) no-repeat; font-weight:bold; font-size:12px; color:#333333; margin:0px 0 20px 0; padding:0 30px 0 15px; line-height:14px;} #product_main h3 { margin:0; padding:0; font-size:12px; font-weight:bold;} #product_main h4 { margin:0; padding:0; font-size:12px; font-weight:bold; font-style:italic;} #product_main p { margin-top:0; } #product_main span.prod_flash { float:left; width:670px; height:295px; margin:12px 0 0 0; padding:1px; border-top:1px solid #CCCCCC;border-left:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;} /* MAIN PAGE Prod menu listing */ #product_main ul.prod_menu { float:left; width:675px; margin:0; padding:0; list-style:none; } #product_main ul.prod_menu li { float:left; margin:0; padding:5px 25px 0 20px; list-style:none; height:27px; background:url(bg_prod_menu_ver.jpg) no-repeat; } #product_main ul.prod_menu li a { float:left; background:url(bg_prod_menu_arrow_right.jpg) no-repeat; padding:1px 0 0 25px; text-decoration:none; color:#000000;} #product_main ul.prod_menu li a:hover { float:left; background:url(bg_prod_menu_arrow_down.jpg) no-repeat; text-decoration:underline;} /* SUB PAGES Prod menu listing */ #product_main ul.sub_prod_menu, #product_cat ul.sub_prod_menu { float:left; width:675px; margin:0; padding:0; list-style:none;} #product_main ul.sub_prod_menu li, #product_cat ul.sub_prod_menu li { float:left; margin:0; padding:2px 25px 0 20px; list-style:none; height:25px; background:url(bg_prod_menu_ver2.jpg) no-repeat; } #product_main ul.sub_prod_menu li a, #product_cat ul.sub_prod_menu li a { float:left; background:url(bg_prod_menu_arrow_right.jpg) no-repeat; padding:1px 0 0 25px; text-decoration:none; color:#000000;} #product_main ul.sub_prod_menu li a:hover, #product_cat ul.sub_prod_menu li a:hover { float:left; background:url(bg_prod_menu_arrow_down.jpg) no-repeat; text-decoration:underline;} /* Product main - What's New */ #product_main span.prod_news { float:left; width:675px; margin:0; padding:25px 0 0 0; background:url(bg_prod_whatsnew.jpg) repeat-x; } #product_main span.prod_news h2 { float:left; width:675px; background:url(bg_title_whatsnew_EN.jpg) no-repeat; height:0px; margin:0; padding:23px 0 0px 0; overflow:hidden; border-bottom:1px solid #D2D2D2; } #product_main span.prod_news dl { float:left; width:675px; margin:15px 0 0 0; padding:0; } #product_main span.prod_news dl dd { float:left; margin:0 0 10px 0; padding:0; font-weight:bold; } #product_main span.prod_news dl dd p { float:left; width:80px; margin:0; padding:0;} #product_main span.prod_news dl dd a { float:left; width:540px; color:#545454; font-weight:normal; margin:0; padding:0 15px 0 0; } #product_main span.prod_news dl dd a:hover { color:#0D87AC; } /* Product main - Thumbnails */ #product_main span.prod_newproducts { float:left; width:675px; margin:0; padding:10px 0 0 0; } #product_main span.prod_newproducts h2 { float:left; width:675px; background:url(bg_title_newproducts_EN.jpg) no-repeat; height:0px; margin:0; padding:23px 0 0px 0; overflow:hidden; border-bottom:1px solid #D2D2D2;} #product_main span.prod_newproducts dl { float:left; margin:15px 5px 0 2px; padding:0 0 0px 0; width:160px; background-color:#E7E7E7; } #product_main span.prod_newproducts dl.hr_break { float:left; width:675px; margin:0; padding:0; height:1px; background-color:#FFFFFF; } #product_main span.prod_newproducts dl.empty { float:left; margin:15px 0 0 0; padding:0; width:11px; background-color:#ffffff; height:177px; } #product_main span.prod_newproducts dl dd {float:left; margin:3px 22px 0 22px; padding:0 0 7px 0; display:inline; width:116px; height:25px; color:#000; text-align:center; line-height:13px; } #product_main span.prod_newproducts dl dd.thumb { float:left; width:116px; height:115px; display: inline; background:url(bg_prod_thumb.jpg) no-repeat; padding:3px 0px 0 0px; overflow:hidden; margin:20px 22px 0 22px; } #product_main span.prod_newproducts dl dd.thumb img { margin:15px 0 15px 0; width:80px; } #product_main span.prod_newproducts dl dd.thumb a.go { float:left; position:absolute; background:url(prod_btn_arrow.jpg) no-repeat; width:9px; height:9px; margin:95px 0 0 0px; } #product_main span.prod_newproducts dl dd.thumb a.new { float:left; position:absolute; background:url(bg_title_new_EN.jpg) no-repeat; width:39px; height:11px; margin:-15px 0 0 59px; background-position:right; } /* PRODUCT MAIN */ /* PRODUCT LIST */ #product_list { float:left; width:675px; margin:0; padding:0 0 0 0;line-height:19px; } #product_list h2 { float:left; width:645px; background:url(bg_content_h2.gif) no-repeat; font-weight:bold; font-size:12px; color:#333333; margin:0px 0 20px 0; padding:0 30px 0 15px; line-height:14px;} #product_list h3 { margin:0; padding:0; font-size:12px; font-weight:bold;} #product_list h4 { margin:0; padding:0; font-size:12px; font-weight:bold; font-style:italic;} #product_list p { margin-top:0; } #product_list span.prod_list_name { float:left; width:675px; margin:0; padding:25px 0 0 0; background:url(bg_prod_whatsnew.jpg) repeat-x; color:#333; } #product_list span.prod_list_name h2 { float:left; width:630px; background:url(bg_content_h2.gif) no-repeat; font-weight:bold; font-size:14px; color:#333333; margin:5px 0 20px 0; padding:0 30px 0 15px; line-height:16px; } #product_list span.prod_list_name h3 { float:left; width:675px; margin:10px 0 0 0; padding:0 0 0 10px; background:url(bg_content_h2.gif) no-repeat; font-size:12px; line-height:14px; color:#333;} #product_list ul.sub_prod_menu { float:left; width:675px; margin:0; padding:0; list-style:none; } #product_list ul.sub_prod_menu li { float:left; margin:0; padding:2px 25px 0 20px; list-style:none; height:25px; background:url(bg_prod_menu_ver2.jpg) no-repeat; } #product_list ul.sub_prod_menu li a { float:left; background:url(bg_prod_menu_arrow_right.jpg) no-repeat; padding:1px 0 0 25px; text-decoration:none; color:#000000;} #product_list ul.sub_prod_menu li a.active { float:left; background:url(bg_prod_menu_arrow_down.jpg) no-repeat; text-decoration:underline;} #product_list ul.sub_prod_menu li a:hover { float:left; background:url(bg_prod_menu_arrow_down.jpg) no-repeat; text-decoration:underline;} #product_list dl { float:left; width:675px; margin:5px 0 20px 0; padding:0; } #product_list dl dt { float:left; width:665px; margin:10px 0 15px 0; padding:0 0 0 10px; background:url(bg_content_h2.gif) no-repeat; font-size:12px; line-height:14px; color:#333; font-weight:bold; } #product_list dl dd.thumb { float:left; width:115px; height:115px; margin:0 10px 0 0px; padding:4px 0 0 4px; background:url(bg_prod_list_thumb.jpg) no-repeat; overflow:hidden;} #product_list dl dd p { padding:0; margin:0;} #product_list dl dd a.click { float:left; padding:0 0 0 10px; margin:10px 0 0 0; background:url(bg_arrow_04.gif) no-repeat; color:#56555A; line-height:15px; text-decoration: underline;} #product_list dl dd a.click:hover { color:#0D87AC; } #product_cat { float:left; width:675px; margin:0; padding:0 0 0 0;line-height:19px; } #product_cat span.prod_cat_name { float:left; width:675px; margin:0; padding:25px 0 0 0; background:url(bg_prod_whatsnew.jpg) repeat-x; color:#333; margin:0; } #product_cat span.prod_cat_name h2 { float:left; width:630px; background:url(bg_content_h2_on.gif) no-repeat; font-weight:bold; font-size:14px; color:#333333; margin:5px 0 0px 0; padding:0 30px 0 12px; line-height:16px; } #product_cat span.prod_category { float:left; width:675px; margin:10px 0 0 0; padding:0px 0 0 0; border-top:1px solid #D2D2D2; } #product_cat span.prod_category h2 { float:left; width:675px; background:url(bg_title_newproducts_EN.jpg) no-repeat; height:0px; margin:0; padding:10px 0 0px 0; overflow:hidden; border-bottom:1px solid #D2D2D2;} #product_cat span.prod_category dl.hr_break { float:left; width:675px; margin:0; padding:0; height:1px; background-color:#FFFFFF; } #product_cat span.prod_category dl { float:left; margin:15px 7px 0 1px; padding:0 0 7px 0; width:160px; background-color:#E7E7E7; } #product_cat span.prod_category dl.empty { float:left; margin:15px 0 0 0; padding:0; width:11px; background-color: #FF6699; height:177px; } #product_cat span.prod_category dl dd {float:left; margin:3px 22px 0 22px; padding:0; display:inline; width:116px; height:25px; color:#000; text-align:center; line-height:13px; } #product_cat span.prod_category dl dd.thumb { float:left; width:116px; height:115px; display: inline; background:url(bg_prod_thumb.jpg) no-repeat; padding:3px 0px 0 0px; overflow:hidden; margin:20px 22px 0 22px; } #product_cat span.prod_category dl dd.thumb a img { margin:15px 0 15px 0; } #product_cat span.prod_category dl dd.thumb a img { width:80px;} #product_cat span.prod_category dl dd.thumb a.go { float:left; position:absolute; background:url(prod_btn_arrow.jpg) no-repeat; width:9px; height:9px; margin:95px 0 0 0px; cursor: pointer; } #product_cat span.prod_category dl dd.thumb a.new { float:left; position:absolute; background:url(bg_title_new_EN.jpg) no-repeat; width:31px; height:11px; margin:-15px 0 0 67px; } /* PROMOTION */ #promotion { float:left; width:675px; margin:20px 0 0 0; padding:0; line-height:19px; } #promotion h2 { float:left; width:630px; background:url(bg_content_h2.gif) no-repeat; font-weight:bold; font-size:12px; color:#333333; margin:0px 0 20px 0; padding:0 30px 0 15px; line-height:14px;} #promotion dl { float:left; margin:0 0 40px 0; padding:0; width:675px;} #promotion dl dt { float:left; width:665px; background-color:#F1F1F1; padding:0 0 0 10px; font-weight:bold; } #promotion dl dd.thumb {width:115px; height:115px; margin:20px 25px 0 0px; padding:3px 0 0 3px; background:url(bg_prod_list_thumb.jpg) no-repeat; overflow:hidden;} #promotion dl dd { float:left; width:530px; margin:20px 0 0 0; } #promotion dl dd a { float:left; width:520px; padding:0 0 0 10px; margin:0px 0 12px 0; background:url(bg_arrow_04.gif) no-repeat; color:#56555A; line-height:15px; text-decoration: underline; } #promotion dl dd a:hover { color:#0D87AC; } #promotion { float:left; width:675px; margin:20px 0 0 0; padding:0; line-height:19px; } #promotion dl.listing { float:left; margin:0 0 40px 0; padding:0; width:675px;} #promotion dl.listing dt { float:left; width:665px; background-color:#F1F1F1; padding:0 0 0 10px; font-weight:bold; } #promotion dl.listing dd.thumb {width:115px; height:115px; margin:20px 25px 0 0px; padding:3px 0 0 3px; background:url(bg_prod_list_thumb.jpg) no-repeat; overflow:hidden;} #promotion dl.listing dd { float:left; width:650px; margin:10px 0 0 0; padding:0;} #promotion dl.listing dd p { float:left; width:75px; padding:0 0 0 0px; margin:0px 0 3px 0; color:#56555A; line-height:15px; font-weight:bold;} #promotion dl.listing dd a { float:left; width:575px; padding:0 0 0 0px; margin:0px 0 15px 0; color:#56555A; line-height:15px; text-decoration: underline; background:none; } #promotion dl.listing dd a:hover { color:#0D87AC; } /* ARTICLE DETAIL PAGE */ #promotion span.detail { float:left; width:675px; margin:0; padding:0;} #promotion span.detail h2 { float:left; width:675px; font-size:16px; font-weight:bold; line-height:18px; margin:0 0 5px 0; padding:0; background:none;} #promotion span.detail p.back a { float:left; width:520px; padding:0 0 0 10px; margin:0px 0 12px 0; background:url(bg_arrow_10.gif) no-repeat; color:#56555A; line-height:15px; text-decoration: underline; } #promotion span.detail p.back a:hover { color:#0D87AC; } /* PROMOTION -> ADVERTISING -> PRINT */ #gallery { float:left; width:675px; margin:0px 0 0 0; padding:0; line-height:19px;} #gallery h2 { float:left; width:630px; background:url(bg_content_h2.gif) no-repeat; font-weight:bold; font-size:12px; color:#333333; margin:5px 0 20px 0; padding:0 30px 0 15px; line-height:14px;} #gallery dl { float:left; margin:0 0 10px 0; padding:0 0 0 10px; width:665px;} #gallery dl dd.hr_break { float:left; width:665px; height:5px; padding:0; margin:10px 0 0 0;} #gallery dl dd { float:left; margin:0; padding:0; width:165px; } #gallery dl dd span { float:left; margin:0; padding:15px 0 0 15px; width:150px; height:185px; text-align:center; background:url(bg_gallery_print2.jpg) no-repeat; overflow:hidden; } #gallery dl dd span a { float:left; width:135px; height:170px; } #gallery dl dd p { float:left; width:150px; margin:0; padding:0 5px 0 10px; overflow:hidden;} div.paging { float:left;text-align:center;width:675px; margin:20px 0 0 0; padding:0; } div.paging ul { text-align:center;width:675px;list-style:none;padding:0;margin:0;} div.paging ul li {text-align:center; display:inline; margin:0 3px 0 3px; padding:0; } div.paging ul a { width:20px; padding:0 3px 0 3px; text-decoration: none; border:1px solid #DADBD6; color:#08899E; } div.paging ul li a { width:20px; padding:0 3px 0 3px; text-decoration: none; border:1px solid #DADBD6; color:#08899E; } div.paging ul li a.next { border:none; } div.paging ul li a.prev { border:none; } div.paging ul li a img { vertical-align: middle; } div.paging ul li span.active { width:20px; padding:0 3px 0 3px; text-decoration: none; background-color:#CCCCCC; color:#2E2E2E; } /* PROMOTION -> WHAT'S NEW */ div.article_paging { float:left;text-align:center;width:655px; margin:20px 0 0 10px; padding:0; } div.article_paging a { width:20px; padding:0 5px 0 5px; margin:0 3px 0 3px; text-decoration: none; border:1px solid #DADBD6; color:#0688AA;} div.article_paging span { width:20px; padding:0 5px 0 5px; margin:0 3px 0 3px; text-decoration: none; border:1px solid #DADBD6; color:#CCCCCC; } div.article_paging span.active { width:20px; padding:0 5px 0 5px; margin:0 3px 0 3px; text-decoration: none; background-color:#CCCCCC; color:#2E2E2E; } div.article_paging img { vertical-align:middle; margin:0 3px 0 3px;} div.article_paging a.prev { border:none; padding:0; margin:0 3px 0 3px;} div.article_paging a.next { border:none; padding:0; margin:0 3px 0 3px;} /* PRODUCT DETAILS */ #product_cat span.prod_name { float:left; width:675px; margin:0; padding:25px 0 0 0; background:url(bg_prod_whatsnew.jpg) repeat-x; color:#333; } #product_cat span.prod_name h2 { float:left; width:665px; background:url(bg_prod_detail_h2.gif) no-repeat; margin:0 0 5px 0; padding:0 0 0 10px; font-size:16px; line-height:18px; font-weight:bold; color:#333; } #product_cat span.prod_name h3 { float:left; width:665px; margin:0; padding:0 0 0 10px; color:#5B5B5B; font-size:12px; font-weight:bold;} #product_cat span.prod_info { float:left; width:675px; } #product_cat span.prod_info dl.photo { float:left; width:295px; margin:0 30px 0 0; padding:0; } #product_cat span.prod_info dl.photo dt.large { float:left; width:295px; height:365px; margin:0 0 0px 0; padding:0; } #product_cat span.prod_info dl.photo dt.large span { float:left; position:absolute; width:295px; height:365px; overflow:hidden; } #product_cat span.prod_info dl.photo dt.large span a img { width:295px; } #product_cat span.prod_info dl.photo dt.large img.zoom_photo { float:left; position:absolute; left:1; width:54px; height:15px; margin:335px 0 0 230px; padding:0; cursor:pointer; } #product_cat span.prod_info dl.photo dt.small span { float:left; width:295px; margin:0; padding:0; } #product_cat span.prod_info dl.photo dt.small span ul { float:left; width:295px; margin:0; padding:0; list-style:none; } #product_cat span.prod_info dl.photo dt.small span ul li { float:left; width:50px; height:50px; margin:4px 4px 0 0; padding:1px; border:1px solid #ccc; background-color: #ffffff;} #product_cat span.prod_info dl.photo dt.small span ul li:hover { float:left; width:50px; height:50px; margin:4px 4px 0 0; padding:1px; border:1px solid #33CCFF; background-color: #ffffff;} #product_cat span.prod_info dl.photo dt.small span ul li a img { width:50px; } #product_cat span.prod_info dl.desc { float:left; width:330px; margin:0 0 0 0px; padding:0; } #product_cat span.prod_info dl.desc dt.first { float:left; margin:0; padding:0; width:330px; font-weight:bold; border:none; } #product_cat span.prod_info dl.desc dt { float:left; margin:10px 0 0 0; padding:10px 0 0 0; width:330px; font-weight:bold; border-top:1px solid #dddddd; } /* ZOOM CONTENT */ #zoom_content { float:left; width:675px; margin:0; padding:0;} #zoom_content dl.logo { float:left; width:675px; margin:0; padding:0; border-bottom:1px solid #E5E5E5;} #zoom_content dl.title { float:left; width:635px; height:40px; margin:10px 0 10px 20px; padding:0; background:url(bg_zoom_title.jpg) no-repeat; background-position:bottom;} #zoom_content dl.title h1 { color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:22px; background:url(bg_section_title_ver.gif) no-repeat; font-weight:normal; padding:0 0 0px 15px; margin:0; } #zoom_content span.images { float:left; width:675px; margin:0; padding:0;} #zoom_content span.images dl.large { float:left; margin:0; padding:0 115px 0 75px; } #zoom_content span.images dl.large span { float:left; width:410px; height:450px; overflow:hidden; } #zoom_content span.images dl.large span img { border:0; } #zoom_content span.images dl.thumb { float:left; width:60px; margin:0; padding:0; } #zoom_content span.images dl.thumb dd { float:left; width:50px; height:50px; padding:1px; background-color:#FFFFFF; border:1px solid #ccc; margin:0 0 3px 0; padding:0; } #zoom_content span.images dl.thumb dd a { float:left; width:50px; height:50px; overflow:hidden; } #zoom_content span.images dl.thumb dd a img { width:50px; border:0; } #zoom_content span.images dl.thumb dd:hover { background-color:#45AAD8; border:1px solid #45AAD8; } #zoom_content dl.footer {float:left; display:inline; width:635px; height:25px; margin:30px 0 0 20px; padding:10px 0 0 0; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#4B4B4B; background:url(bg_zoom_footer.jpg); } /* General dd */ #product_cat span.prod_info dl.desc dd.material, #product_cat span.prod_info dl.desc dd.specification, #product_cat span.prod_info dl.desc dd.technology, #product_cat span.prod_info dl.desc dd.instruction { float:left; margin:0; padding:0; width:330px; } /* General ul */ #product_cat span.prod_info dl.desc dd.material ul, #product_cat span.prod_info dl.desc dd.specification ul, #product_cat span.prod_info dl.desc dd.technology ul, #product_cat span.prod_info dl.desc dd.instruction ul { float:left; width:330px;list-style:none; margin:0; padding:5px 0 0 0;} /* material */ #product_cat span.prod_info dl.desc dd.material ul li.label { float:left; width:120px; margin:0; padding:3px 10px 0 0;} #product_cat span.prod_info dl.desc dd.material ul li.detail { float:left; width:200px; margin:0; padding:3px 0px 0 0;} /* specification */ #product_cat span.prod_info dl.desc dd.specification ul li { float:left; width:330px;list-style:none; padding:3px 0px 0 10px; margin:0; background:url(bg_bullet_prod_desc.jpg) no-repeat; } /* technology */ #product_cat span.prod_info dl.desc dd.technology ul li { float:left; width:155px;list-style:none; padding:3px 0px 0 0px; margin:0; } #product_cat span.prod_info dl.desc dd.technology ul li a { background:url(bg_arrow_03.gif) no-repeat; padding:0 0 0 15px; color:#5B5B5B; } #product_cat span.prod_info dl.desc dd.technology ul li a:hover { color:#0D87AC; } /* instruction */ #product_cat span.prod_info dl.desc dd.instruction ul li { float:left; width:155px;list-style:none; padding:3px 0px 0 0px; margin:0; } #product_cat span.prod_info dl.desc dd.instruction ul li a { background:url(bg_arrow_03.gif) no-repeat; padding:0 0 0 15px; color:#5B5B5B; } #product_cat span.prod_info dl.desc dd.instruction ul li a:hover { color:#0D87AC; } /* Colors */ #product_cat span.prod_colors { float:left; width:675px; margin:20px 0 0 0; padding:0; overflow:hidden; } #product_cat span.prod_colors iframe { } /* IFRAME */ dl.iframe_colors { float:left;width:650px; margin:0; padding:0; background-color:#EEEEEE; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#5B5B5B; } dl.iframe_colors dt { font-weight:bold; height:17px; margin:0; padding:0 0 0 10px; border-bottom:1px solid #ffffff; line-height:15px; } dl.iframe_colors dd { float:left; width:84px; padding:0px; margin:10px 0 10px 10px; } dl.iframe_colors dd#hide_row { display:none; } dl.iframe_colors dd span { float:left; width:84px; height:84px; padding:0; margin:0px; background-color:#FFFFFF; line-height:15px; } dl.iframe_colors dd p { float:left; width:84px; padding:5px 0 0 0; margin:0px; background-color:#EEEEEE; text-align:center; } dl.iframe_colors dd span a { float:left; width:80px; height:80px; padding:0; margin:2px 0 0 2px; overflow:hidden;} dl.iframe_colors dd span:hover { background-color:#33CCFF; } dl.iframe_colors dd a.link { float:left; width:80px; padding:0; margin:5px 0 0 0; text-decoration:none; color:#656565; text-align:center; background-color:#EEEEEE; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; } #center_search { } #center_search { margin:35px 0 0 0; padding:0; } #center_search td h1 { font-size:12px; font-weight:bold; color:#333333; line-height:14px; padding:0; margin:0; } #center_search td h2 { padding:0; margin:15px 0 5px 0; background:none; color:#545454; height:18px; font-size:12px;} #center_search td.header { font-size:12px; font-weight:bold; color:#535353; padding:0; margin:0; background:none;} #center_search tr.sub_header { height:20px; background-color:#989898; color:#FFFFFF; font-weight:bold; padding:0;} #center_search tr.sub_header td { padding:0 0 0 5px; } #center_search tr.sub_item td { padding:3px 10px 3px 5px; } #center_search tr.sub_item2 td { padding:3px 10px 3px 5px; background-color:#EBE9EA; } #center_search tr.sub_item td a, #center_search tr.sub_item2 td a { text-decoration:none; color:#555555; } #cs_form { margin:0 0 20px 0; } #cs_form p { color:#545454; font-weight:bold; } #cs_form p span { float:left; width:70px;} #cs_form p select { width:155px; height:20px;} #cs_form p input { width:200px; height:16px; padding:0; } #cs_form p input.cs_submit { border:none; width:50px; height:20px; background-color:#959595; color:#FFFFFF; font-size:11px; cursor:pointer; vertical-align:top; } /* PRODUCT LINEUP SELECTED */ #right_nav { } /* RIGHT NAV */ #right_nav { float:left; width:225px; margin: 8px 0 0 0; padding:0; background:url(bg_right_nav_ul.jpg) repeat-y; vertical-align:top;} /* Right nav - Title */ #right_nav h2 { float:left; width:190px; height:23px; background:url(bg_right_nav_h2.gif) no-repeat; color:#FFFFFF; font-size:12px; font-weight:bold; margin:0; padding:10px 0 0 35px;} /* Right nav - Menu */ #right_nav ul {width:200px; float:left; margin:0 0 0 0px; padding:0 0 0 25px;} #right_nav ul li a:hover { text-decoration: none; } #right_nav ul li {margin:0px;padding:0px;list-style:none; } #right_nav ul li.m-level2, #right_nav ul li.m-level3, #right_nav ul li.m-level4 {width:200px; margin:0; padding:0;} #right_nav ul li.m-level2 { padding:0; margin:0; } #right_nav ul li.m-level3, #right_nav ul li.m-level4 { padding:0; margin:0; background-color:#ffffff;} a.menu-level2 { background: url(bullet-level2-off.gif) no-repeat; display:block; line-height:15px; text-decoration:none; color:#676767;padding:7px 0px 8px 19px; margin:0; border-bottom:2px solid #ffffff; } a.menu-level2:hover { background: url(bullet-level2-hover.gif) no-repeat; color:#0D87AC;} a.menu-level2-active { background: url(bullet-level2-active.gif) no-repeat; display:block; line-height:15px; text-decoration:none; color:#0D87AC; padding:7px 0px 8px 19px; margin:0; border-bottom:2px solid #ffffff;} a.menu-level2-active:hover { background: url(bullet-level2-hover.gif) no-repeat; color:#0D87AC;} a.menu-level3 { width:170px; background: url(bullet-level3-off.gif) no-repeat; display:block; line-height:15px; font-size:10px; text-decoration:none;color:#676767;padding:4px 0px 4px 15px; margin:0 0 0 15px;} a.menu-level3:hover { color:#0D87AC; text-decoration:underline;} a.menu-level3-active { width:170px; background: url(bullet-level3-off.gif) no-repeat; display:block;line-height:15px; font-size:10px;text-decoration:none;color:#0D87AC;padding:4px 0px 4px 15px; margin:0 0 0 15px;} a.menu-level3-active:hover {color:#0D87AC;} a.menu-level4 { width:158px; background: url(bullet-level3-off.gif) no-repeat; display:block; line-height:15px; font-size:10px; text-decoration:none;color:#676767;padding:4px 0px 4px 15px; margin:0 0 0 27px;} a.menu-level4:hover { color:#0D87AC; text-decoration:underline;} a.menu-level4-active { width:158px; background: url(bullet-level3-off.gif) no-repeat; display:block;line-height:15px; font-size:10px;text-decoration:none;color:#0D87AC;padding:4px 0px 4px 15px; margin:0 0 0 27px;} a.menu-level4-active:hover {color:#0D87AC;} /* product menu CSS */ #right_nav #product_menu { float:left; width:200px; margin:0; padding:0 0 0 25px;} #right_nav #product_menu li a { text-decoration:none; color:#565656;} #right_nav #product_menu ul { float:left; width:200px; margin:0; padding:0; list-style:none; } #right_nav #product_menu ul li { float:left; width:200px; padding:0; margin:0; list-style:none;} #right_nav #product_menu ul li a { float:left; width:180px; background: url(bullet_prod_level1_off.gif) no-repeat; line-height:17px; margin:0; padding:8px 0 8px 20px; border-bottom:2px solid #ffffff; } #right_nav #product_menu ul li a.active { float:left; width:180px; background: url(bullet_prod_level1_on.gif) no-repeat; line-height:17px; margin:0; padding:8px 0 8px 20px; border-bottom:2px solid #ffffff; } #right_nav #product_menu ul li a:hover { color:#0D87AC; background: url(bullet_prod_level1_on.gif) no-repeat;} #right_nav #product_menu ul li ul { float:left; width:200px; margin:0; padding:0 0 5px 0; list-style:none; background-color:#FFFFFF;} #right_nav #product_menu ul li ul li { float:left; width:200px; padding:0; margin:0; list-style:none; } #right_nav #product_menu ul li ul li a { width:170px; background: url(bullet_prod_level2_off.gif) no-repeat; padding:3px 0 3px 17px; margin:0 0 0 13px; border-bottom:none; font-size:11px; } #right_nav #product_menu ul li ul li a.active { width:170px; background: url(bullet_prod_level2_off.gif) no-repeat; padding:3px 0 3px 17px; margin:0 0 0 13px; border-bottom:none; color:#0D87AC; } #right_nav #product_menu ul li ul li a:hover { background: url(bullet_prod_level2_off.gif) no-repeat; background-color:#FFFFFF; color:#0D87AC; } #right_nav #product_menu ul li ul li ul { float:left; width:200px; margin:0; padding:0 0 5px 0; list-style:none; background-color:#FFFFFF; } #right_nav #product_menu ul li ul li ul li { float:left; width:200px; margin:0; padding:0; list-style:none;} #right_nav #product_menu ul li ul li ul li a { width:160px; background: url(bullet_prod_level2_off.gif) no-repeat; padding:3px 0 3px 15px; margin:0 0 0 25px; border-bottom:none; font-size:11px; } #right_nav #product_menu ul li ul li ul li a.active { width:160px; background: url(bullet_prod_level2_off.gif) no-repeat; padding:3px 0 3px 15px; margin:0 0 0 25px; border-bottom:none; color:#0D87AC; } #right_nav #product_menu ul li ul li ul li a:hover { background: url(bullet_prod_level2_off.gif) no-repeat; background-color:#FFFFFF; color:#0D87AC; } /* Right nav - Collection */ #right_nav span.collection { float:left; width:190px; margin:30px 0 50px 30px; padding:0;} #right_nav span.collection h3 { float:left; width:165px; height:20px; padding:0 0 0 25px; margin:0; background:url(bg_arrow_collection.gif) no-repeat; background-color:#C0C0C0; font-size:12px; line-height:20px; font-weight:bold; color:#ffffff; } #right_nav span.collection dl { float:left; margin:0; padding:0 0 20px 0; background-color:#FFFFFF;} #right_nav span.collection dl dd { float:left; width:95px; margin:25px 0 0 0; padding:0; text-align:center; } #right_nav span.collection dl dd a img { } /* Right nav - Page top */ #right_nav span.page_top { float:left; width:200px; height:20px; margin:0 0 0 25px; padding:0 0 0 0; background-color:#D7D7D7;} #right_nav span.page_top a { background:url(bg_arrow_pagetop.gif) no-repeat; float:left; color:#333333; text-decoration:none; padding:0 0 0 15px; font-size:10px; line-height:20px; margin:0 0 0 60px; } #footer { } /* Footer */ #footer { float:left; width:900px; padding:12px 0 0 0; margin:0 0 0 0; height:23px; background:url(bg_footer.jpg); } #footer span.links { float:left; width:550px; margin:0px 0 0 0; padding:0 0 0 0px; } #footer span.links a { float:left; background:url(bg_arrow_02.gif) no-repeat; padding:0 0 0 14px; font-size:9px; color:#4B4B4B; text-decoration:none; margin:0 0 0 20px;} #footer span.links a:hover { color:#45A9DB; text-decoration:underline; } #footer span.copy { float:left; width:340px; margin:0px 10px 0 0px; font-size:9px; color:#4B4B4B; text-decoration:none; text-align:right; } #content_text #site_tree { } #content_text #site_tree { float:left; width:645px; padding:0; margin:0;} #content_text #site_tree span { float:left; width:200px; margin:0 0px 0 0; padding:0;} #content_text #site_tree span.aboutus { margin:0 35px 0 0;} #content_text #site_tree span.products { margin:0 10px 0 0;} /* ul */ #content_text #site_tree span ul { float:left; padding:0; margin:0; background:none; list-style:none; } #content_text #site_tree span ul ul, #content_text #site_tree span ul li ul { float:left; padding:0; margin:0; background:none; list-style:none; } #content_text #site_tree span ul li ul li ul { padding:0; margin:0; background:none; float:left; list-style:none; } /* li */ #content_text #site_tree span ul li { float:left; padding:15px 0 0 0; margin:15px 0 0 0; width:200px; background: url(sitemap_div.jpg) no-repeat;} #content_text #site_tree span ul ul li, #content_text #site_tree span ul li ul li {float:left; padding:0; margin:0px 0 0 0; background:none; width:200px;} #content_text #site_tree span ul ul ul li { float:left; padding:0; margin:px 0 0 0px; background:none; width:200px;} #content_text #site_tree span ul ul ul ul li { float:left; padding:0; margin:0px 0 0 0px; background:none; width:200px;} /* a */ #content_text #site_tree span ul li a { background:url(bg_content_h2.gif) no-repeat; padding:0 0 0 10px; font-weight:bold; margin:0; color:#333333; text-decoration:none; text-align:left; } #content_text #site_tree span ul li a:hover {color:#0D87AC; text-decoration: underline; } #content_text #site_tree span ul ul li a { background:none; font-weight: normal; padding:0 0 0 10px; margin:0 0 0 0px; color:#333333; text-decoration: underline; text-align:left; } #content_text #site_tree span ul ul li a:hover {color:#0D87AC; text-decoration: underline; } #content_text #site_tree span ul ul ul li a { background:url(bg_bullet_sitemap2.gif) no-repeat; float:left; font-weight: normal; margin:0 0 0 12px; padding:0 0 0 10px; color:#333333; text-decoration:none; font-size:11px; text-align:left; } #content_text #site_tree span ul ul ul li a:hover {color:#0D87AC; text-decoration: underline; } #content_text #site_tree span ul ul ul ul li a { background:url(bg_bullet_sitemap2.gif) no-repeat; float:left; font-weight: normal; margin:0 0 0 22px; padding:0 0 0 10px; color:#333333; text-decoration:none; font-size:11px; text-align:left; } #content_text #site_tree span ul ul ul ul li a:hover {color:#0D87AC; text-decoration: underline; } /* #sitemap_tree { } #sitemap_tree { float:left; } #sitemap_tree ul { padding:0; margin:0; background:none; float:left; list-style:none; } #sitemap_tree ul ul, #sitemap_tree ul li ul { float:left; padding:0; margin:0; background:none; list-style:none; } #sitemap_tree ul li ul li ul { padding:0; margin:0; background:none; float:left; list-style:none; } #sitemap_tree ul li { float:left; padding:15px 0 0 0; margin:15px 0 0 0; width:450px; background: url(sitemap_div.jpg) no-repeat; } #sitemap_tree ul ul li, #sitemap_tree ul li ul li {float:left; padding:0; margin:10px 0 0 0; background:none; width:430px;} #sitemap_tree ul ul ul li { float:left; padding:0; margin:7px 0 0 0px; background:none; width:410px; } #sitemap_tree ul li a { background:url(bg_content_h2.gif) no-repeat; padding:0 0 0 10px; font-weight:bold; margin:0; color:#333333; text-decoration:none;} #sitemap_tree ul li a:hover {color:#0D87AC; text-decoration: underline; } #sitemap_tree ul ul li a { background:url(bg_bullet_sitemap.gif) no-repeat; font-weight: normal; padding:0 0 0 10px; margin:0 0 0 15px; color:#333333; text-decoration:none; } #sitemap_tree ul ul li a:hover {color:#0D87AC; text-decoration: underline; } #sitemap_tree ul ul ul li a { background:url(bg_bullet_sitemap2.gif) no-repeat; float:left; font-weight: normal; margin:0 0 0 35px; padding:0 0 0 10px; color:#333333; width:390px;text-decoration:none; } #sitemap_tree ul ul ul li a:hover {color:#0D87AC; text-decoration: underline; } */ #general { } .left_img_padding {margin:0 10px 10px 0;} .right_img_padding {margin:0 0 10px 10px;}