/* CSS document for tupperware website */ body { font: 12px Verdana, Arial, Helvetica, sans-serif; color: #62656a; line-height: 1.6em; margin: 0; padding: 0; } /* global styles*/ p a { color:#d52780; text-decoration: none; } p a:hover { color: #d85598; text-decoration: none; } .solusi { clear: both; height: 80px; margin: 0; padding: 0; } .solusi img { margin: 0; padding: 0; } /* basic styles */ .font { color: #c23300; font-size: 12px; } .font1 { color: #FF0000; font-size: 18px; } .font2 { color: #333; font-size: 18px; } .font3 { color: #fff;} .fontlink { font: 12px Verdana, Arial, Helvetica, sans-serif; color: #d52780; text-decoration: none; } .fontlink:hover { color: #d85598 ; text-decoration: none; } .fontlink1 { font: 12px Verdana, Arial, Helvetica, sans-serif; color: #7BB72A; text-decoration: none; } .fontlink1:hover { color: #fff ; text-decoration: none; } .fontlink2 { font: 20px Verdana, Arial, Helvetica, sans-serif; color: #32a1ff; text-decoration: none; } .fontlink2:hover { color: #026bc5 ; text-decoration: none; } .fontlink3 { color: #62656a; text-decoration: none; } .fontlink3:hover { color: #d52780 ; text-decoration: none; } .fontlink4 { font: 11px Verdana, Arial, Helvetica, sans-serif; color: #d52780; text-decoration: none; } .fontlink4:hover { color: #d85598 ; text-decoration: none; } .fontlink5 { font: 12px Verdana, Arial, Helvetica, sans-serif; color: #FF6600; font-weight: bold; text-decoration: none; } .fontlink5:hover { color: #FF6600; text-decoration: none; } .fontlink5 { font: 12px Verdana, Arial, Helvetica, sans-serif; color: #FF6600; font-weight: bold; text-decoration: none; } .fontlink5:hover { color: #FF6600; text-decoration: none; } .fontlink6 { font: 12px Verdana, Arial, Helvetica, sans-serif; color: #ff0000; font-weight: bold; text-decoration: none; } .fontlink7 { font: 12px Verdana, Arial, Helvetica, sans-serif; color: #d52780; font-weight: bold; text-decoration: none; } .fontlink8 { font: 12px Verdana, Arial, Helvetica, sans-serif; color: #01830b; text-decoration: none; } .fontlink8:hover { color: #039a0f ; text-decoration: none; } .fontlink9 { font: 12px Verdana, Arial, Helvetica, sans-serif; color: #0072ac; text-decoration: none; } .fontlink9:hover { color: #00A8F9 ; text-decoration: none; } /* CSS layout */ p { margin: 0; padding-bottom: 5px } #wrapper { width: 920px; margin: 0 auto;} #newsticker { clear: both; height: 25px; font: 12px Verdana, Arial, Helvetica, sans-serif; color: #fff; padding: 10px 0 0 0;} #newsticker a { font: 12px Verdana, Arial, Helvetica, sans-serif; color: #fff; text-decoration: underline;} #newsticker a:hover {font: 12px Verdana, Arial, Helvetica, sans-serif ; color: #fff; text-decoration: underline;} #topcontent { clear: both; } #topmenu { background-color:#35B3F5; padding: 0 0 4px 0; clear: both; margin: 0 0 8px 0; } #topmenu ul { text-align: right; margin: 0; padding: 2px 0 0 0; } #topmenu ul li{ display: inline; list-style-type: none; margin: 0; padding: 0;} #topmenu li a{ color: #fff; text-decoration: none; padding: 5px 7px; margin: 0;} #topmenu li a:hover{ background-color: #67cbff; color: #fff; text-decoration: none; padding: 5px 7px; margin: 0;} #topmenu li .statetopmn {background-color: #67cbff; color: #fff; text-decoration: none; padding: 5px 7px; margin: 0; } /* header logo */ #logo { float: left; height: 55px; width: 624px;} #logo h1 { background: url(../images/logo.gif) no-repeat 0 0px; display: block; font: 16px Verdana, Arial, Helvetica, sans-serif; color:#333; text-indent: -9000px; width: 235px; height: 55px; margin: 0; padding: 0; } #logo h1 a { display: block; width: 235px; height: 55px; text-decoration: none; color:#333; } #logo h1 a:hover { display: block; width: 235px; height: 55px; text-decoration: none; color:#d72480; } /* form search */ #search { float: left; width: 236px; margin: 0; padding: 15px 0 0 60px; height: 30px;} #search form { margin: 0; padding: 0; } #search input {float: left; margin: 0 1px 0 0; padding: 0; height: 14px; width: 158px; border: 3px solid #f88153; color: #333; } #search .btnsearch { float: left; display: block; background:url(../images/btn_search.gif) no-repeat ; text-indent: -9000px; width: 63px; height: 20px; margin: 0; padding: 0; } #search .btnsearch a { display: block; background:url(../images/btn_search.gif) no-repeat; text-decoration: none; text-indent: -9000px; width: 63px; height: 28px; } #search .btnsearch:hover { background:url(../images/btn_search_on.gif) no-repeat; text-decoration: none; } /* header menu */ #firstmenu {clear: both; margin: 0 0 2px 0; border-bottom: 1px solid #62656a; } #firstmenu ul { text-align: right; margin: 0; padding: 0 0 6px 0; } #firstmenu ul li { display: inline; list-style-type: none; border-right: 1px solid #62656a; margin: 0 3px 0 3px; padding: 0 4px 0 0; } #firstmenu li a { font: 12px Verdana, Arial, Helvetica, sans-serif; color: #333; text-decoration: none; } #firstmenu li a:hover { color: #d52780; text-decoration: none;} #firstmenu .borderfirstmn { border: none; } /*flashheader */ #header { clear: both; width: 920px; height: 255px; border-top: 1px solid #d52780; padding: 2px 0 0 0; margin: 0; } #header_tipsandresep { background:url(../images/header_resep.jpg) no-repeat top; clear: both; width: 920px; height:78px; border-top: 1px solid #d52780; padding: 2px 0 0 0; margin: 0; } #header_home { background: url(../images/header_home.jpg) no-repeat top; clear: both; width: 920px; height:78px; border-top: 1px solid #d52780; padding: 2px 0 0 0; margin: 0; } #header_produk { background:url(../images/header_produk.jpg) no-repeat top; clear: both; width: 920px; height:78px; border-top: 1px solid #d52780; padding: 2px 0 0 0; margin: 0; } #header_party{ background:url(../images/header_party.jpg) no-repeat top; clear: both; width: 920px; height:78px; border-top: 1px solid #d52780; padding: 2px 0 0 0; margin: 0; } #header_carapembelian { background:url(../images/header_carapembelian.jpg) no-repeat top; clear: both; width: 920px; height:78px; border-top: 1px solid #d52780; padding: 2px 0 0 0; margin: 0; } #header_ttgkami { background:url(../images/header_ttgkami.jpg) no-repeat top; clear: both; width: 920px; height:78px; border-top: 1px solid #d52780; padding: 2px 0 0 0; margin: 0; } #header_peluangkarir { background:url(../images/header_peluangkarir.jpg) no-repeat top; clear: both; width: 920px; height:78px; border-top: 1px solid #d52780; padding: 2px 0 0 0; margin: 0; } #header_faq { background:url(../images/header_faq.jpg) no-repeat top; clear: both; width: 920px; height:78px; border-top: 1px solid #d52780; padding: 2px 0 0 0; margin: 0; } #header_contactus { background:url(../images/header_contactus.jpg) no-repeat top; clear: both; width: 920px; height:78px; border-top: 1px solid #d52780; padding: 2px 0 0 0; margin: 0; } #header_berita { background:url(../images/header_berita.jpg) no-repeat top; clear: both; width: 920px; height:78px; border-top: 1px solid #d52780; padding: 2px 0 0 0; margin: 0; } #header_ezyliving { background:url(../images/header_ezyliving.jpg) no-repeat top; clear: both; width: 920px; height:78px; border-top: 1px solid #d52780; padding: 2px 0 0 0; margin: 0; } #header_distributor { background:url(../images/header_distributor.jpg) no-repeat top; clear: both; width: 920px; height:78px; border-top: 1px solid #d52780; padding: 2px 0 0 0; margin: 0; } #header_csr{ background:url(../images/header_csr.jpg) no-repeat top; clear: both; width: 920px; height:78px; border-top: 1px solid #d52780; padding: 2px 0 0 0; margin: 0; } #header_kitchenset { background:url(../images/header_kitchenset.jpg) no-repeat top; clear: both; width: 920px; height:78px; border-top: 1px solid #d52780; padding: 2px 0 0 0; margin: 0; } /* content */ #content { width: 920px; margin: 10px 0 0 0; } .leftcategory { float: left; width: 600px; padding: 0 0 0 0; margin: 0 ; border-right: 1px dotted #333; } #rightcategory { float: left; width: 300px; padding: 0; margin: 0 0 0 10px;} #rightcategory h3 { font: bold 14px Verdana, Arial, Helvetica, sans-serif; margin: 0; padding:0 0 5px 0; color: #62656a; } #rightcategory h3.titleresep { background:url(../images/title_resep.gif) no-repeat; height: 27px; text-indent: -9000px; font: bold 14px Verdana, Arial, Helvetica, sans-serif; margin: 0 0 5px 0; padding:0; color: #fff; border-bottom: 1px solid #62656a; } .leftcategory { min-height: 130px; height: 130px; } div[class] .leftcategory { height:auto; } /* #kategori h3.titleCSR { background:url(../images/title_CSR.gif) no-repeat; height: 27px; text-indent: -9000px; font: bold 14px Verdana, Arial, Helvetica, sans-serif; margin: 0 0 5px 0; padding:0; color: #fff; border-bottom: 1px solid #62656a; } #kategori h3.titletips { background:url(../images/title_tips.gif) no-repeat; height: 27px; text-indent: -9000px; font: bold 14px Verdana, Arial, Helvetica, sans-serif; margin: 0 0 5px 0; padding:0; color: #fff; border-bottom: 1px solid #62656a; } #kategori h3.titlesolusi { background:url(../images/title_solusi.gif) no-repeat; height: 27px; text-indent: -9000px; font: bold 14px Verdana, Arial, Helvetica, sans-serif; margin: 0 0 5px 0; padding:0; color: #fff; border-bottom: 1px solid #62656a; } */ .leftcategory p, #rightcategory p { margin: 0; padding: 0; } .border { border-top: 1px dotted #666; clear: both; margin: 15px 0; height: 1px;} .leftcategory img, #rightcategory img { float: left; display: block; border: none; margin: 5px 10px 0 0; padding: 0; } #boxcontent { float: left; width: 290px; margin: 0 10px 0 0; } #boxcontent-right { float: left; width: 290px; margin: 0; } #boxcontent h3{ background:url(../images/title_news.gif) no-repeat; height: 27px; text-indent: -9000px; font: bold 12px Verdana, Arial, Helvetica, sans-serif; margin: 0 0 5px 0; padding:0; color: #fff; border-bottom: 1px solid #62656a; } #boxcontent-right h3 { background:url(../images/title_CSR.gif) no-repeat; height: 27px; text-indent: -9000px; font: bold 12px Verdana, Arial, Helvetica, sans-serif; margin: 0 0 5px 0; padding:0; color: #fff; border-bottom: 1px solid #62656a; } #boxcontent p, #boxcontent-right p { margin: 0; padding: 0 0 4px 0; } #boxcontent h2, #boxcontent-right h2 { font: bold 12px Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; color: #d52780; } #boxcontent h2 a, #boxcontent-right h2 a { color: #0079b2; text-decoration: none; } #boxcontent h2 a:hover, #boxcontent-right h2 a:hover { color: #005f8b; text-decoration: none; } #boxcontent img, #boxcontent-right img { float: left; display: block; border: none; margin: 0 5px 5px 0; padding: 0; } .clear { clear: both; } .border-index { border-bottom: 1px dotted #666; clear: both; padding: 5px 0 5px 0; height: 1px;} /*three bottom mnu */ #bg-bottommenu { clear:both; background:url(../Images/bgbottom-menu.jpg) no-repeat !important; height: 170px; margin: 10px 0 0 0; padding: 15px 0 0 2px; } #bg-bottommenu img { margin: 0 0 0 7px; padding: 0; border: 0;} /* three horz. title */ .title-sr { width: 229px; height: 25px; float: left; padding: 0 0 1px 22px; } .title-sr h3 { background: url(../images/title-sr.gif) no-repeat; margin: 0; padding: 0; display: block; width: 229px; height: 25px; text-indent: -9000px;} .title-tp { width: 229px; height: 25px; float: left; padding: 0 0 1px 70px; } .title-tp h3 { background: url(../images/title-tp.gif) no-repeat; margin: 0; padding: 0; display: block; width: 229px; height: 25px; text-indent: -9000px;} .title-vk { width: 229px; height: 25px; float: left; padding: 0 0 1px 68px; } .title-vk h3 { background: url(../images/title-vk.gif) no-repeat; margin: 0; padding: 0; display: block; width: 229px; height: 25px; text-indent: -9000px;} /*------- .title-sr1 { width: 278px; height: 29px; float: left; padding: 0 0 1px 20px; } .title-sr1 h3 { background: url(../images/title-sr1.gif) no-repeat; margin: 0; padding: 0; display: block; width: 278px; height: 29px; text-indent: -9000px;} .title-tp1 { width: 278px; height: 29px; float: left; padding: 0 0 1px 20px; } .title-tp1 h3 { background: url(../images/title-tp1.gif) no-repeat; margin: 0; padding: 0; display: block; width: 278px; height: 29px; text-indent: -9000px;} .title-vk1 { width: 278px; height: 29px; float: left; padding: 0 0 1px 20px; } .title-vk1 h3 { background: url(../images/title-vk1.gif) no-repeat; margin: 0; padding: 0; display: block; width: 278px; height: 29px; text-indent: -9000px;} */ /* alternative */ .middlecontent { float: left; background-color: #62656a; width: 449px; border-right: 1px solid #fff; margin: 10px 0 0 0; padding: 0 10px 10px 0;} .index_box { min-height:120px; height:120px; } div[class] .index_box { height:auto; } .gallery_pbox { min-height: 190px; min-width: 144px ; width: 144px; height: 190px; } div[class] .gallery_pbox { height:auto; width: auto; } .gallery_pbox2 { min-height: 190px; min-width: 144px ; width: 144px; height: 190px; float:left; margin-left:10px} div[class] .gallery_pbox { height:auto; width: auto; } .box_milist { min-height:280px; height:280px; } div[class] .box_milist { height:auto; } .box_cont { min-height:600px; height:600px; } div[class] .box_cont { height:auto; } .box_cont { float:right; width:1px; overflow:hidden;} .clear_cont { clear:both; height:1px; overflow:hidden; } .min { height:500px; } .middlecontent h3.peluangkair { background:url(../images/title_kisahsukses.gif) no-repeat; height: 27px; text-indent: -9000px; font: bold 14px Verdana, Arial, Helvetica, sans-serif; margin: 0 0 15px 0; padding:0; color: #fff; border-bottom: 1px solid #62656a; } .middlecontent h3.tupperwareparty { background:url(../images/title_tupperwareparty.gif) no-repeat; height: 27px; text-indent: -9000px; font: bold 14px Verdana, Arial, Helvetica, sans-serif; margin: 0 0 15px 0; padding:0; color: #fff; border-bottom: 1px solid #62656a; } .middlecontent p { float: left; width: 340px; color: #fff; margin: 0; padding: 0; } .middlecontent h2 { font: 14px Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0 0 10px 0; color: #fff; font-weight: bold;} .middlecontent h2 a { color: #fff; text-decoration: none; } .middlecontent h2 a:hover { color: #7BB72A; text-decoration: none; } .borderwidth { clear:both; border-bottom: 1px dotted #666; padding: 10px 0 0 0; margin: 0 0 10px 0;} .middlecontent img { float: left; display: block; width: 84px; height: 96px; border: none; margin: 5px 10px 0 0; padding: 0 0 0 10px; } #mailinglist { float: left; width: 292px; background-color: #ebebeb; margin: 20px 0 0 0; padding: 0;} .contentmilist { height: 290px;min-height: 290px; height: auto !important; } .contentmilist h3 { background: url(../images/bg_polling.gif) repeat-x; font: bold 16px Verdana, Arial, Helvetica, sans-serif; height: 30px; color: #fff; margin: 0; padding: 3px 0 10px 10px; } .contentmilist form { margin: 0; padding: 0; } .contentmilist p { clear: both; margin: 0; padding: 0 10px 15px 10px; color: #62656a; } .contentmilist input { float: left; margin: 0 1px 5px 0; width: 190px; padding: 0; height: 14px; border: 3px solid #f88153;} .contentmilist label { float: left; font-weight: bold; color: #666; margin: 0; padding: 4px 0 0 0; width: 50px; } .contentmilist select { float: left; margin: 0 1px 0 0; padding: 0; border: 3px solid #f88153; width: 204px; } .btnsubmit { clear: both; display: block; background:url(../images/btn_submit.gif) no-repeat bottom; text-indent: -9000px; width: 79px; height: 118px; margin: 0 0 0 200px; padding: 0; } .btnsubmit a { display: block; background:url(../images/btn_submit.gif) no-repeat bottom; text-decoration: none; text-indent: -9000px; width: 79px; height: 118px; margin: 0 0 0 200px; padding: 0; } .btnsubmit:hover { display: block; background:url(../images/btn_submit_on.gif) no-repeat bottom; text-decoration: none; width: 79px; height: 118px; } /* adding menu */ #add_menu { clear:both; } #add_menu ul{ margin: 0; padding: 0;} #add_menu ul li{list-style-type: none; margin: 0; padding: 0;} #add_menu li a{ display: block; height: 20px;color: #333; text-decoration: none; margin: 0; padding: 0 0 0 5px;} #add_menu li a:hover { display: block; height: 20px;color: #fff; background-color: #D52780; text-decoration: none; margin: 0; padding: 0 0 0 5px;} #joinmailinglist { float: left; width: 260px; padding: 0 0 0 10px ; margin: 10px 0 0 0; height:200px; min-height: 200px; height: auto !important;} #joinmailinglist_secondlvl { float: left; width: 214px; padding: 0 ; margin: 20px 0 0 0; height: 200px; min-height: 200px; height: auto !important;} #joinmailinglist h3, #joinmailinglist_secondlvl h3 { background:url(../images/btn_joinmailinglist.gif) no-repeat; text-indent: -9000px; width: 191px; height: 34px; margin: 0; padding: 0; } #joinmailinglist p, #joinmailinglist_secondlvl p { clear: both; margin: 0; padding: 5px 0 0 0; } #joinmailinglist form, #joinmailinglist_secondlvl form { margin: 0; padding: 0; } #joinmailinglist input { float: left; margin: 0 1px 0 0; width: 202px; padding: 0; height: 14px; border: 3px solid #f88153; } #joinmailinglist_secondlvl input { float: left; margin: 0 1px 0 0; width: 145px; padding: 0; height: 14px; border: 3px solid #f88153; } #joinmailinglist select { float: left; margin: 0 1px 0 0; padding: 0; border: 3px solid #f88153; width: 215px; } #joinmailinglist_secondlvl select { float: left; margin: 0 1px 0 0; padding: 0; border: 3px solid #f88153; width: 146px; } #joinmailinglist label, #joinmailinglist_secondlvl label { float: left; font-weight: bold; color: #666; margin: 0; padding: 4px 0 0 0; width: 50px; } #joinmailinglist .btnsubmit_millist { clear: both; display: block; text-indent: -9000px; background:url(../images/btn_submit2.gif) no-repeat ; width: 70px; height: 20px; margin: 0 0 0 190px; padding: 0 0 20px 0; } #joinmailinglist .btnsubmit_millist a { display: block; text-indent: -9000px; background:url(../images/btn_submit2.gif) no-repeat 20px 8px ; text-decoration: none; width: 70px; height: 20px; } #joinmailinglist .btnsubmit_millist:hover { background:url(../images/btn_submit2_on.gif) no-repeat 20px 8px; width: 70px; height: 20px; text-indent: -9000px;} #joinmailinglist_secondlvl .btnsubmit_millist { text-indent: -9000px; clear: both; display: block; background:url(../images/btn_submit2.gif) no-repeat 20px 8px; width: 70px; height: 20px; margin: 0 0 0 140px; } #joinmailinglist_secondlvl .btnsubmit_millist a { text-indent: -9000px; display: block; background:url(../images/btn_submit2.gif) no-repeat 20px 8px ; text-decoration: none; width: 70px; height: 20px; } #joinmailinglist_secondlvl .btnsubmit_millist:hover { background:url(../images/btn_submit2_on.gif) no-repeat 20px 8px; width: 70px; height: 20px;} #box_content .btnsubmit_global { text-indent: -9000px; float: left; display: block; background:url(../images/btn_submit2.gif) no-repeat 0 8px; width: 70px; height: 20px; padding: 0 0 20px 0; } #box_content .btnsubmit_global a { text-indent: -9000px; display: block; background:url(../images/btn_submit2.gif) no-repeat 0 8px ; text-decoration: none; width: 70px; height: 20px; } #box_content .btnsubmit_global:hover { background:url(../images/btn_submit2_on.gif) no-repeat 0 8px; width: 70px; height: 20px;} #rightcontent .btnsubmit_global { text-indent: -9000px; float: left; display: block; background:url(../images/btn_submit2.gif) no-repeat 0 8px; width: 70px; height: 20px; padding: 0 0 20px 0; } #rightcontent .btnsubmit_global a { text-indent: -9000px; display: block; background:url(../images/btn_submit2.gif) no-repeat 0 8px ; text-decoration: none; width: 70px; height: 20px; } #rightcontent .btnsubmit_global:hover { background:url(../images/btn_submit2_on.gif) no-repeat 0 8px; width: 70px; height: 20px;} #box_content .btnremove_global { text-indent: -9000px; float: left; display: block; background:url(../images/btn_remove.gif) no-repeat 0 8px; width: 75px; height: 20px; padding: 0 0 20px 0; } #box_content .btnremove_global a { text-indent: -9000px; display: block; background:url(../images/btn_remove_on.gif) no-repeat 0 8px ; text-decoration: none; width: 75px; height: 20px; } #box_content .btnremove_global:hover { background:url(../images/btn_remove_on.gif) no-repeat 0 8px; width: 75px; height: 20px;} #box_content .btnback_global { text-indent: -9000px; float: left; display: block; background:url(../images/btn_back.gif) no-repeat 0 8px; width: 57px; height: 20px; padding: 0 0 20px 0; } #box_content .btnback_global a { text-indent: -9000px; display: block; background:url(../images/btn_back_on.gif) no-repeat 0 8px ; text-decoration: none; width: 57px; height: 20px; } #box_content .btnback_global:hover { background:url(../images/btn_back_on.gif) no-repeat 0 8px; width: 57px; height: 20px;} #joinmailinglist .bordersel { background:url(../images/bg_select.gif) top no-repeat; display: block; border: none;} #joinmailinglist .bordersel select{ border: none; } */ /* cent-content #centercontent { float: left; width: 303px; height: 288px; min-height: 288px; height: auto !important; padding: 0 10px 0 10px; margin: 10px 0 0 0; border-right: 1px #333 dotted;} #centercontent h2 { font: 18px Verdana, Arial, Helvetica, sans-serif ; color: #32a1ff ; margin: 0; padding: 0;} #centercontent h2 a { text-decoration: none; color: #32a1ff ; } #centercontenth2 a:hover { text-decoration: none; color: #0080E8; } #centercontent h3.kisahsukses { background:url(../images/btn_kisahsukses.gif) no-repeat; text-indent: -9000px; width: 191px; height: 34px; margin: 0; padding: 0 0 4px 0; } #centercontent h3.tupperwareparty { background:url(../images/btn_tupperwareparty.gif) no-repeat; text-indent: -9000px; width: 230px; height: 34px; margin: 0; padding: 0 0 4px 0; } #centercontent p { margin: 0; padding: 0 0 5px 0; } #centercontent img { float: right; margin: 0; padding: 0 0 0 5px; } */ #botttombox { width: 920px; clear: both; height: 78px; } .bottomright { float: right; height: 78px; width: 440px; padding: 10px 0 0 20px; text-decoration: none; border-left: 1px solid #ccc; } .bottomleft { float: left; height: 78px; width: 445px; padding: 10px 0 0 0; text-decoration: none; } .borderrsel select { border: none; margin: 0; padding: 0; } /* left content */ #leftcontent { float: left; width: 214px; padding: 0 10px 0 0; } #leftmenu h3 { background: url(../images/title_bg.gif) no-repeat; height: 30px; color: #fff; font-weight: bold; font-size: 12px; margin: 0; padding: 3px 0 0 20px; } #leftmenu ul { margin: 0; padding: 0; } #leftmenu ul li { list-style-type: none ; border-bottom: 1px solid #ccc; padding: 2px 0 4px 8px; } #leftmenu li a { text-decoration: none; color: #d52780; font-size: 14px; } #leftmenu li a:hover { text-decoration: none; color: #636469; } #leftmenu li.borderleftmn { border: none; } #leftmenu li.submn a { text-decoration: none; display: block; color: #333; font-size: 11px; padding: 2px 0 0 12px; } #leftmenu li.submn a:hover { text-decoration: none; color: #636469; } /* Resep menu */ #resep { background: #fcfb8b url(../images/bg-resep.gif) no-repeat bottom; width: 210px; margin: 20px 0 0 0; height: auto; padding: 0 0 20px 0 } #resep h3 { font: bold 16px Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 8px 0 2px 10px; color: #666; } #resep ul { margin: 0; padding: 0; } #resep ul li{ list-style-type: none; margin: 0 0 0 10px; padding: 0 10px 0 0; } #resep li a { text-decoration: none; color: #333; } #resep li a:hover { text-decoration: underline; color: #3c3c3c; } /* second search column */ #search_secondlvl { width: 214px; background: url(../images/bg_linesearch.gif) repeat-x top; border-top: 1px solid #a1a2a5; margin: 22px 0 0 0; padding: 10px 0 5px 0; } #search_secondlvl form { margin: 0; padding: 0; } #search_secondlvl input { clear: both; margin: 0 0 10px 20px; padding: 0 0 0 0 ; height: 14px; width: 158px; border: 3px solid #f88153; color: #333; } #search_secondlvl label { margin: 0; padding: 0 0 0 10px; } #search_secondlvl select { margin: 5px 1px 0 10px; padding: 0; border: 3px solid #f88153; width: 160px; } #search_secondlvl .btnsearch_2nd { padding: 0 0 0 145px; } #search_secondlvl .btnsearch_2nd { text-decoration: none; color: #5b5b5d; margin: 0 0 22px; } #search_secondlvl .btnsearch_2nd:hover { text-decoration: none; color: #d52780; } /* tupperware login */ #log_tupperware { width: 214px; padding: 0 ; padding: 20px 0 0 0; height: 100px; min-height: 100px; height: auto !important;} #log_tupperware h3 { background:url(../images/btn_daftartupperware.gif) no-repeat; text-indent: -9000px; width: 191px; height: 34px; margin: 0; padding: 0; } #log_tupperware h4 { font: bold 14px Verdana, Arial, Helvetica, sans-serif; background-color: #d52780; margin: 0 ; padding: 5px 0 8px 6px ; color: #fff;} #log_tupperware h4 a { font: bold 14px Verdana, Arial, Helvetica, sans-serif; margin: 0 ; padding: 5px 0 8px 0 ; color: #fff; text-decoration: none;} #log_tupperware h4 a:hover { color: #fff600; text-decoration: none;} #log_tupperware img { margin: 5px; padding: 3px; border: 3px solid #479fdb; } #log_tupperware p { margin: 0; padding: 4px 0 0 0; } #log_tupperware a { color: #479fdb; text-decoration: none; } #log_tupperware a:hover { color: #1F699A; text-decoration: none; } /* rightcontent, */ #rightcontent { float: left; width: 650px; padding: 0 0 0 10px; margin: 0 0 0 5px; border-left: 1px #62656a dotted; height: auto !important; min-height: 548px; min-height: 548px;} #rightcontent h2 { font: bold 24px Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 5px 0 5px 0; color: #D52780;} #rightcontent h3 { font: bold 24px Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 5px 0 5px 0; color: #01830b;} #rightcontent h4 { font: bold 14px Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0 0 2px 0; color: #d52780;} #rightcontent h3.produkreguler { font: bold 24px Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 5px 0 5px 0; color:#d52780;} #rightcontent h3.produkbaru { font: bold 24px Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 5px 0 5px 0; color:#838C2F;} #rightcontent img.padd_img { float: left; margin: 4px 0 0 0; padding: 4px 20px 4px 0; } #rightcontent img { float: left; margin: 4px 0 0 0; padding: 4px 30px 4px 0; } #rightcontent img a { border: none; text-decoration: none; } /*kitchen layout */ #content-ks { clear: both; width: 920px; } #kitchen { background: url(../images/kitchenBG.jpg) no-repeat; position: relative; width: 880px; height: 465px; padding: 0; margin: 10px 0 5px 20px;} /* class name of KS*/ #KITCHENORGANIZERS { position: absolute; top: 86px; left: 500px; width: 25px; height: 25px; } #KITCHENORGANIZERS a { display:block; width: 25px; height: 25px; text-decoration: none; } #KITCHENORGANIZERS a:hover { text-decoration: none;} #FRIDGECOLLECTION { position: absolute; top: 213px; left: 408px; width: 25px; height: 25px; } #FRIDGECOLLECTION a { display:block; width: 25px; height: 25px; text-decoration: none; } #FRIDGECOLLECTION a:hover { text-decoration: none;} #SIMPLYREHEAT { position: absolute; top: 240px; left: 145px; width: 25px; height: 25px; } #SIMPLYREHEAT a { display:block; width: 25px; height: 25px; text-decoration: none; } #SIMPLYREHEAT a:hover { text-decoration: none;} #PREPARATIONCOLLECTION { position: absolute; top: 221px; left: 612px; width: 25px; height: 25px; } #PREPARATIONCOLLECTION a { display:block; width: 25px; height: 25px; text-decoration: none; } #PREPARATIONCOLLECTION a:hover { text-decoration: none;} #STORAGECOLLECTION { position: absolute; top: 219px; left: 667px; width: 25px; height: 25px; } #STORAGECOLLECTION a { display:block; width: 25px; height: 25px; text-decoration: none; } #STORAGECOLLECTION a:hover { text-decoration: none;} #SERVINGCOLLECTION { position: absolute; top: 317px; left: 698px; width: 25px; height: 25px; } #SERVINGCOLLECTION a { display:block; width: 25px; height: 25px; text-decoration: none; } #SERVINGCOLLECTION a:hover { text-decoration: none;} #KIDSCOLLECTION { position: absolute; top: 290px; left: 843px; width: 25px; height: 25px; } #KIDSCOLLECTION a { display:block; width: 25px; height: 25px; text-decoration: none; } #KIDSCOLLECTION a:hover { text-decoration: none;} #breadcrumb { height: 25px; border-bottom: 1px #62656a dotted; font-size: 11px; margin: 0 0 15px 0;} #breadcrumb a { font-size: 11px; color:#d52780; text-decoration: none; } #breadcrumb a:hover { color: #62656a; text-decoration: none; } #rightcontent p { margin: 0; padding: 4px 0 0 0; } #rightcontent ul, ol { margin: 5px 0 5px 30px; padding: 0 ; } #rightcontent h2.titlecover { float: left; font: 26px Verdana, Arial, Helvetica, sans-serif; color:#d52780; margin: 0; padding: 0;} #rightcontent img.imgcover { float: left; padding: 0; margin: 0 10px 0 0; } #rightcontent table { text-align: left; margin: 0; padding: 0; } #rightcontent table img { margin: 0; padding: 0; } #rightcontent tr, td { margin: 0; padding: 3px; } #rightcontent thead { margin: 0; padding: 3px; font-weight: bold; } #rightcontent .bg_text { clear: both; background-color: #F3BAD7; color: #333; padding: 6px; margin: 4px 0 5px 0; } #rightcontent .bg_text img { float: left; margin: 0 10px 5px 0; padding: 0; } #rightcontent .bg_text2 { clear: both; background-color: #b6c348; color: #333; padding: 6px; margin: 4px 0 5px 0; } #rightcontent .bg_text a, .bg_text2 a { color: #333; text-decoration: none; } #rightcontent .bg_text a:hover, .bg_text2 a:hover { color: #000; text-decoration: underline; } #rightcontent .bg_text p, .bg_text2 p { margin: 0; padding: 2px 0; font-size: 12px; font-weight: bold; } /* gallery produk */ #rightcontent .produk_thumbnail { float: left; width: 160px; text-align: center; margin: 10px 45px 10px 0; padding:0 0 3px 0; } #rightcontent .produkbaru_thumbnail { float: left; width: 295px; text-align: center; margin: 10px 8px 8px 0; padding:0 0 6px 0; } #rightcontent .produk_thumbnail_right { float: left; width: 160px; text-align: center; border: 4px solid #fff; margin: 10px 0 10px 0; padding:0 0 3px 0; } #rightcontent .produk_thumbnail img, .produk_thumbnail_right img, .produkbaru_thumbnail img { clear: both; margin: 5px; padding: 0; border: 4px solid #fff; } #rightcontent .produk_thumbnail img a, .produk_thumbnail_right img a, .produkbaru_thumbnail img a { clear: both; margin: 5px; padding: 0; border: 4px solid #fff ; text-decoration: none; } #rightcontent .produk_thumbnail img:hover, .produk_thumbnail_right img:hover, .produkbaru_thumbnail img:hover { clear: both; margin: 5px; padding: 0; border: 4px solid #d52780 ; text-decoration: none;} #rightcontent .produk_thumbnail p, .produk_thumbnail_right p { float: left; margin: 0 ; text-align: center; width: 160px; } .produkbaru_thumbnail p { float: center; padding: 0 0 0 50px; text-align: center; } #rightcontent form { margin: 0; padding: 7px 0;} #rightcontent label { clear: both; font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #333; margin: 0 ; padding: 0 ;} #rightcontent select {font: 12px Verdana, Arial, Helvetica, sans-serif; background-color: #EAEAEA; border: 1px solid #ccc; margin: 5px 0 0 0;padding: 0; height: 20px} #rightcontent input.subdistributor { font: 12px Verdana, Arial, Helvetica, sans-serif; border: 1px solid #ccc; height: 22px; background-color: #fff; margin: 2px 0 0 0; padding: 3px 4px 5px 4px; } .toppage { margin: 0; color: #333; } .toppage a{ font-size:11px; font-weight: bold; margin: 0; font-weight:bold; color:#333; text-decoration: none; } .toppage a:hover{ margin: 0; color: #666; font-weight:bold; text-decoration: none;} /* news content */ #box_content, #box_content2 { clear: both; padding: 20px 0 10px 0; height: 100px; min-height: 100px; height: auto !important; } .clear_border { clear: both; border-bottom: 1px #62656a dotted; padding: 4px 0;} #box_content p { margin: 0; padding: 0 0 5px 0; } #box_content h2 { font-size: 24px; color: #d52780; margin: 0; padding: 0 0 8px 0; line-height: 1em; } #box_content h2 a { font-size: 24px; color: #d52780; margin: 0; text-decoration: none; } #box_content h2 a:hover { color: #d85598; text-decoration: none; } #box_content2 h2 { font-size: 24px; color: #01830b; margin: 0; padding: 0 0 8px 0; line-height: 1em; } #box_content2 h2 a { font-size: 24px; color: #01830b; margin: 0; text-decoration: none; } #box_content2 h2 a:hover { color: #039a0f; text-decoration: none; } #box_content2 h4.header_ks { font-size: 18px; color: #0072ac; margin: 0; padding: 0 0 8px 0; line-height: 1em; } #box_content img { float: right; display:block; margin: 0 0 5px 0; padding: 0 0 0 5px; } #box_content2 img { float: left; display:block; margin: 0 0 5px 0; padding: 0 5px 0 0 ; } #box_content2 .img_border { float: left; display:block; margin: 0 5px 5px 0; padding: 3px; border: 1px solid #ccc; } #box_content ol li, ul li { margin: 0; padding: 0; } /*lifetitme */ .separate_col { float: left; background: #E1F8FF; width: 300px; padding: 4px; margin: 10px 0 0 8px; height: 100px; min-height: 100px; height: auto !important; } /*pagingpage */ #paging { float: left; height: 40px; } #paging a { height: 20px; color: #62656a; padding: 5px 2px 5px 2px; text-decoration: none; } #paging a:hover { background-color: #d52780; color: #fff; padding: 5px 2px 5px 2px; text-decoration: none; } #btn_control { float: left; width: 30px; height: 20px; } #btn_control img { margin: 5px 0 0 0; padding: 0; } #btn_control img a { text-decoration: none; border: 0; } #btn_control img a:hover { text-decoration: none; border: 0; } #paging_produk { text-align: right; height: 20px; clear: both; } #paging_produk a { height: 20px; color: #62656a; padding: 5px 2px 5px 2px; text-decoration: none; } #paging_produk a:hover { background-color: #d52780; color: #fff; padding: 5px 2px 5px 2px; text-decoration: none; } .bg_paragraph { background-color: #606060 ; padding: 20px; color: #fff; margin: 10px; height: 25px; } .bg_paragraph a { color: #fff; text-decoration: none; } .bg_paragraph a:hover { color: #fff; text-decoration: underline; } #usermenu { clear: both; text-align: right;} #usermenu a {color: #62656a; text-decoration: none; margin: 0 10px 3px 0; padding: 2px; } #usermenu a:hover {color: #62656a; border-bottom: 1px #666 dotted; padding: 2px; margin: 0 10px 3px 0;} #usermenu img { float: none; margin: 0; padding: 0; } /* kirim resep -------------------- */ #box_content form { margin: 0; padding: 7px 0;} #box_content form label { font: 11px Verdana, Arial, Helvetica, sans-serif; color: #333; margin: 0 ; padding: 0 ;} #box_content input { font: 12px Verdana, Arial, Helvetica, sans-serif; background-color: #EAEAEA; border: 1px solid #ccc; height: 20px;margin: 5px 5px 0 0;padding: 0; } #box_content input:focus{font: 12px Verdana, Arial, Helvetica, sans-serif; background-color: #636469; color: #fff; border: 1px solid #636469; height: 20px;margin: 5px 5px 0 0; padding: 0; } #box_content input.radiobutton { float: left;clear: both;background-color: #fff;border: none;margin: 0 4px -3px 0 ; padding: 0;} #box_content label { margin: 0;padding: 0;} #box_content textarea { font: 12px Verdana, Arial, Helvetica, sans-serif; background-color: #EAEAEA; border: 1px solid #ccc; margin: 5px 5px 0 0; padding: 0;} #box_content textarea:focus { font: 12px Verdana, Arial, Helvetica, sans-serif; color: #fff; background-color: #636469; border: 1px solid #636469; margin: 5px 5px 0 0;padding: 0;} #box_content select {font: 12px Verdana, Arial, Helvetica, sans-serif; background-color: #EAEAEA; border: 1px solid #ccc; margin: 5px 0 0 0;padding: 0; height: 20px} #box_content legend {padding: 10px 6px 10px 6px;font-weight:bold;color: #333;} #box_content fieldset{ border: 1px solid #ccc; padding: 2px 10px;} #box_content form input.btnsubmit { background-color: #F3C25C; width: 62px; height: 15px;} #box_content .form p { margin: 0; padding: 0 0 5px 0;} #box_content .standarbtn { width: 50px; height: 20px; background:url(../images/btn_submit2.gif); display:block;} #box_content .standarbtn:hover { width: 50px; height: 20px; background:url(../images/btn_submit2_on.gif); display:block;} #bgdistributor { height: 40px; background-color: #E1E1E1; padding: 0 0 0 5px;} #bgdistributor form { margin: 0; padding: 7px 0;} #bgdistributor label { float: left; font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #333; margin: 0 ; padding:6px 10px 0 10px;} #bgdistributor select { font: 12px Verdana, Arial, Helvetica, sans-serif; background-color: #EAEAEA; border: 1px solid #ccc; margin: 5px 04px 0 0; padding: 0; } #bgdistributor p { float: left; margin: 0; padding: 0;} #bgdistributor input { float: left; font: 12px Verdana, Arial, Helvetica, sans-serif; border: 1px solid #ccc; height: 22px; background-color: #fff; margin: 4px 0 2px 0; padding: 3px 4px 5px 4px; } /* Newsletter */ #newsletter {clear: both; width: 920px; margin:10px 0 0 0; height: 26px; } #newsletter p { display: block; color: #fff; float:left; margin: 0; padding: 0 10px 0 180px; } #newsletter form {float: left; margin: 0; padding: 0; } #newsletter input {float: left; font-size: 12px; margin: 0 2px 0 3px; background-color: #fff ; padding: 3px; height: 14px; width: 130px; border:none; color: #333; } #newsletter input:focus {float: left; font-size: 12px; margin: 0 2px 0 3px; background-color: #B3F1FF; padding: 3px; height: 14px; width: 130px; border:none; color: #333; } #newsletter .btnnewsletter { float: left; display: block; background:url(../images/btn_newsletter.gif) no-repeat ; text-indent: -9000px; width: 63px; height: 20px; margin: 0; padding: 0; } #newsletter .btnnewsletter a { display: block; background:url(../images/btn_newsletter.gif) no-repeat; text-decoration: none; text-indent: -9000px; width: 63px; height: 28px; } #newsletter .btnnewsletter:hover { background:url(../images/btn_newsletter_on.gif) no-repeat; text-decoration: none; } /* footer menu */ #footer { clear: both; height: 80px; border-top: 1px #333 dotted; padding: 10px 0 0 0; } #footerleft { float: left; background:url(../images/bg_bottom.gif) no-repeat top left ; padding: 3px 0 0 30px; height: 40px; } #footerleft ul { margin: 0; padding: 0; } #footerleft ul li { list-style-type: none; display: inline; margin: 0 ; padding: 0 8px 0 8px; } #footerleft li a { font-size: 14px; color: #62656a; text-decoration: none; } #footerleft li a:hover{ color: #d52780; text-decoration: none; } .footer_clear { clear: both; height: 10px; } #powered { float: right; width: 260px; text-align: right; } #powered img { border: none; margin: 0; padding: 0; } #powered p { margin: 0; padding: 0; } #powered a { color: #D52780; text-decoration: none; } #powered a:hover { color:#62656A; text-decoration: none; } #rightcontent #bg-products { background: url(../images/header-valueofluxurious.jpg) no-repeat; position: relative; width: 640px; height: 385px; padding: 0; margin:0; } #rightcontent #bg-casserole { background: url(../images/header-casserole.jpg) no-repeat; position: relative; width: 640px; height: 470px; padding: 0; margin:0; } #rightcontent #bg-frypan { background: url(../images/header-frypan.jpg) no-repeat; position: relative; width: 640px; height: 470px; padding: 0; margin:0; } #rightcontent #bg-saucepan { background: url(../images/header-saucepan.jpg) no-repeat; position: relative; width: 640px; height: 470px; padding: 0; margin:0; } #rightcontent #bg-workpan { background: url(../images/header-workpan.jpg) no-repeat; position: relative; width: 640px; height: 470px; padding: 0; margin:0; } #casserole { position: absolute; top: 311px; left: 109px; width: 109px; height: 25px; } #casserole a { display:block; width: 109px; height: 25px; text-decoration: none; } #casserole a:hover { text-decoration: none;} #frypan { position: absolute; top: 279px; left: 494px; width: 116px; height: 25px; } #frypan a { display:block; width: 116px; height: 25px; text-decoration: none; } #frypan a:hover { text-decoration: none;} #workpan { position: absolute; top: 38px; left: 456px; width: 123px; height: 25px; } #workpan a { display:block; width: 123px; height: 25px; text-decoration: none; } #workpan a:hover { text-decoration: none;} #saucepan { position: absolute; top: 24px; left: 132px; width: 133px; height: 25px; } #saucepan a { display:block; width: 133px; height: 25px; text-decoration: none; } #saucepan a:hover { text-decoration: none;} /* casserole detail */ #casserole-detail1 { position: absolute; top: 419px; left: 70px; width: 136px; height: 25px; } #casserole-detail1 a { display:block; width: 136px; height: 25px; text-decoration: none; } #casserole-detail1 a:hover { text-decoration: none;} #casserole-detail2 { position: absolute; top: 435px; left: 221px; width: 156px; height: 25px; } #casserole-detail2 a { display:block; width: 156px; height: 25px; text-decoration: none; } #casserole-detail2 a:hover { text-decoration: none;} #casserole-detail3 { position: absolute; top: 427px; left: 391px; width: 123px; height: 25px; } #casserole-detail3 a { display:block; width: 123px; height: 25px; text-decoration: none; } #casserole-detail3 a:hover { text-decoration: none;} #casserole-detail4 { position: absolute; top: 385px; left: 473px; width: 148px; height: 25px; } #casserole-detail4 a { display:block; width: 148px; height: 25px; text-decoration: none; } #casserole-detail4 a:hover { text-decoration: none;} #casserole-detail5 { position: absolute; top: 312px; left: 488px; width: 148px; height: 28px; } #casserole-detail5 a { display:block; width: 148px; height: 25px; text-decoration: none; } #casserole-detail5 a:hover { text-decoration: none;} #casserole-detail6 { position: absolute; top: 213px; left: 489px; width: 148px; height: 28px; } #casserole-detail6 a { display:block; width: 148px; height: 25px; text-decoration: none; } #casserole-detail6 a:hover { text-decoration: none;} #casserole-detail7 { position: absolute; top: 34px; left: 415px; width: 85px; height: 29px; } #casserole-detail7 a { display:block; width: 85px; height: 25px; text-decoration: none; } #casserole-detail7 a:hover { text-decoration: none;} /* Fry Ppan detail */ #frypan-detail1 { position: absolute; top: 386px; left: 43px; width: 148px; height: 25px; } #frypan-detail1 a { display:block; width: 148px; height: 25px; text-decoration: none; } #frypan-detail1 a:hover { text-decoration: none;} #frypan-detail2 { position: absolute; top: 390px; left: 238px; width: 128px; height: 25px; } #frypan-detail2 a { display:block; width: 128px; height: 25px; text-decoration: none; } #frypan-detail2 a:hover { text-decoration: none;} #frypan-detail3 { position: absolute; top: 374px; left: 428px; width: 102px; height: 25px; } #frypan-detail3 a { display:block; width: 102px; height: 25px; text-decoration: none; } #frypan-detail3 a:hover { text-decoration: none;} #frypan-detail4 { position: absolute; top: 231px; left: 473px; width: 148px; height: 25px; } #frypan-detail4 a { display:block; width: 148px; height: 25px; text-decoration: none; } #frypan-detail4 a:hover { text-decoration: none;} #frypan-detail5 { position: absolute; top: 39px; left: 406px; width: 117px; height: 28px; } #frypan-detail5 a { display:block; width: 148px; height: 25px; text-decoration: none; } #frypan-detail5 a:hover { text-decoration: none;} #frypan-detail6 { position: absolute; top: 36px; left: 214px; width: 78px; height: 28px; } #frypan-detail6 a { display:block; width: 78px; height: 25px; text-decoration: none; } #frypan-detail6 a:hover { text-decoration: none;} #frypan-detail7 { position: absolute; top: 64px; left: 28px; width: 150px; height: 29px; } #frypan-detail7 a { display:block; width: 150px; height: 25px; text-decoration: none; } #frypan-detail7 a:hover { text-decoration: none;} /* Sauce Pan detail */ #saucepan-detail1 { position: absolute; top: 355px; left: 33px; width: 147px; height: 25px; } #saucepan-detail1 a { display:block; width: 148px; height: 25px; text-decoration: none; } #saucepan-detail1 a:hover { text-decoration: none;} #saucepan-detail2 { position: absolute; top: 400px; left: 165px; width: 128px; height: 25px; } #saucepan-detail2 a { display:block; width: 128px; height: 25px; text-decoration: none; } #saucepan-detail2 a:hover { text-decoration: none;} #saucepan-detail3 { position: absolute; top: 116px; left: 498px; width: 88px; height: 20px; } #saucepan-detail3 a { display:block; width: 88px; height: 25px; text-decoration: none; } #saucepan-detail3 a:hover { text-decoration: none;} #saucepan-detail4 { position: absolute; top: 17px; left: 424px; width: 90px; height: 25px; } #saucepan-detail4 a { display:block; width: 90px; height: 25px; text-decoration: none; } #saucepan-detail4 a:hover { text-decoration: none;} #saucepan-detail5 { position: absolute; top: 11px; left: 253px; width: 142px; height: 20px; } #saucepan-detail5 a { display:block; width: 142px; height: 25px; text-decoration: none; } #saucepan-detail5 a:hover { text-decoration: none;} #saucepan-detail6 { position: absolute; top: 41px; left: 131px; width: 133px; height: 21px; } #saucepan-detail6 a { display:block; width: 133px; height: 25px; text-decoration: none; } #saucepan-detail6 a:hover { text-decoration: none;} #saucepan-detail7 { position: absolute; top: 6px; left: 12px; width: 153px; height: 29px; } #saucepan-detail7 a { display:block; width: 153px; height: 25px; text-decoration: none; } #saucepan-detail7 a:hover { text-decoration: none;} /* Work Pan detail */ #workpan-detail1 { position: absolute; top: 397px; left: 57px; width: 129px; height: 25px; } #workpan-detail1 a { display:block; width: 129px; height: 25px; text-decoration: none; } #workpan-detail1 a:hover { text-decoration: none;} #workpan-detail2 { position: absolute; top: 398px; left: 222px; width: 153px; height: 25px; } #workpan-detail2 a { display:block; width: 153px; height: 25px; text-decoration: none; } #workpan-detail2 a:hover { text-decoration: none;} #workpan-detail3 { position: absolute; top: 377px; left: 426px; width: 116px; height: 20px; } #workpan-detail3 a { display:block; width: 116px; height: 25px; text-decoration: none; } #workpan-detail3 a:hover { text-decoration: none;} #workpan-detail4 { position: absolute; top: 227px; left: 511px; width: 90px; height: 25px; } #workpan-detail4 a { display:block; width: 90px; height: 25px; text-decoration: none; } #workpan-detail4 a:hover { text-decoration: none;} #workpan-detail5 { position: absolute; top: 46px; left: 440px; width: 93px; height: 20px; } #workpan-detail5 a { display:block; width: 93px; height: 25px; text-decoration: none; } #workpan-detail5 a:hover { text-decoration: none;} #workpan-detail6 { position: absolute; top: 31px; left: 242px; width: 147px; height: 21px; } #workpan-detail6 a { display:block; width: 147px; height: 25px; text-decoration: none; } #workpan-detail6 a:hover { text-decoration: none;} #workpan-detail7 { position: absolute; top: 36px; left: 34px; width: 139px; height: 29px; } #workpan-detail7 a { display:block; width: 139px; height: 25px; text-decoration: none; } #workpan-detail7 a:hover { text-decoration: none;}