/* -------------------------------------------------------------------------------- Basic Style Sheet version : 1.0 author : denny email : pongden@ji-net.com website : www.ricemild.com ---------------------------------------------------------------------------------*/ body{background-color:#FFFFFF; font-family: tahoma; font-size:12px; color: #333333; margin:0px; height:100%; width:100%;} #wrapper { WIDTH: 840px; MARGIN: 0px; padding: 0px; text-align:left; background-color:#FFFFFF;} #header { float:left; WIDTH: 840px; height:105px; MARGIN: 0px; padding: 0px; background-color:#FFFFFF;} #header_logo { float:left; WIDTH: 410px; height:105px; MARGIN: 0px; padding: 0px; background:transparent url(../images/head-logo.jpg); background-color:#FFFFFF none repeat scroll 0%;} #header_banner { float:left; WIDTH: 430px; height:105px; MARGIN: 0px; padding: 0px; background-color:#FFFFFF;} #topborder { float:left; WIDTH: 840px; height:15px; MARGIN: 0px; padding: 0px; background:transparent url(../images/head-belowLogo.jpg); background-color:#FFFFFF none repeat scroll 0%;} #linewelcome { float:left; WIDTH: 840px; height:190px; MARGIN: 0px; padding: 0px; background-color:#FFFFFF;} #leftborder { float:left; WIDTH: 25px; height:190px; MARGIN: 0px; padding: 0px; background:transparent url(../images/head-Limage.jpg); background-color:#FFFFFF none repeat scroll 0%;} #aboutus { float:left; WIDTH: 790px; height:190px; MARGIN: 0px; padding: 0px; background:transparent url(../images/head-img-aboutus2.jpg); background-color:#FFFFFF none repeat scroll 0%;} #product { float:left; WIDTH: 790px; height:190px; MARGIN: 0px; padding: 0px; background:transparent url(../images/head-img-product2.jpg); background-color:#FFFFFF none repeat scroll 0%;} #sitemap { float:left; WIDTH: 790px; height:190px; MARGIN: 0px; padding: 0px; background:transparent url(../images/head-img-sitemap.jpg); background-color:#FFFFFF none repeat scroll 0%;} #contacts { float:left; WIDTH: 790px; height:190px; MARGIN: 0px; padding: 0px; background:transparent url(../images/head-img-contacts.jpg); background-color:#FFFFFF none repeat scroll 0%;} #factory { float:left; WIDTH: 410px; height:190px; MARGIN: 0px; padding: 0px; background:transparent url(../images/head-image.jpg); background-color:#FFFFFF none repeat scroll 0%;} #welcome { float:left; WIDTH: 375px; height:190px; MARGIN: 0px; padding: 0px 0px 0px 5px; background-color:#FFFFFF;} #welcomepic { float:left; WIDTH: 375px; height:73px; MARGIN: 0px; padding: 0px; background:transparent url(../images/head-Welcome.jpg); background-color:#FFFFFF;} #welcometxt { float:left; WIDTH: 375px; height:117px; MARGIN: 0px; padding: 0px; background-color:#B4B4B3; none repeat scroll 0%;} #textwelcome { float:left; WIDTH: 350px; height:97px; MARGIN: 0px; padding: 10px 10px 10px 15px; color:#FFFFFF; background-color:#B4B4B3;} #linemenu { float:left; WIDTH: 100%; height:40px; MARGIN: 0px; padding: 0px; background-color:#333333;} #leftmenuborder { float:left; WIDTH: 25px; height:40px; MARGIN: 0px; padding: 0px; background:transparent url(../images/head-Lmenu.jpg); background-color:#FFFFFF none repeat scroll 0%;} #menucont { float:left; WIDTH: 790px; height:40px; MARGIN: 0px; padding: 0px; background-color:#F2DA63; none repeat scroll 0%;} #menutxt{ float:left; WIDTH: 146px; height:30px; MARGIN: 0px; padding-top: 10px; text-align:center; background-color:#F2DA63; none repeat scroll 0%;} #menutxt a:link { font-size: 14px; color: #FFFFFF; font-weight: bold; text-decoration:none; } #menutxt a:active { font-size: 14px; color: #FFFFFF; font-weight: bold; text-decoration:none;} #menutxt a:visited { font-size: 14px; color: #FFFFFF; font-weight: bold; text-decoration:none; } #menutxt a:hover { font-size: 14px; color: #FF0000; font-weight: bold; text-decoration:none; } #menusep { float:left; WIDTH: 15px; height:40px; MARGIN: 0px; padding: 0px; background:transparent url(../images/head-menu-line.jpg); background-color:#F2DA63 none repeat scroll 0%;} #rightmenuborder { float:right; WIDTH: 25px; height:40px; MARGIN: 0px; padding: 0px; background:transparent url(../images/head-Rmenu.jpg); background-color:#FFFFFF none repeat scroll 0%;} #contentbody { float:left; WIDTH: 840px; MARGIN: 0px; padding: 0px; background:transparent url(../images/bgcontent.jpg) repeat-y scroll 0%;} #linegray { float:left; WIDTH: 539px; height:15px; MARGIN: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background:transparent url(../images/bglinehead.jpg); background-color:#FFFFFF no-repeat;} #leftbodyborder { float:left; WIDTH: 25px; MARGIN: 0px; padding: 0px; background:transparent url(../images/leftbgbody.jpg); background-color:#FFFFFF repeat-y scroll 0%;} #leftbody { float:left; WIDTH: 410px; MARGIN: 0px; padding: 0px; background-color:#FFFFFF; none repeat scroll 0%;} #leftbodyheader { float:left; WIDTH: 410px; height:35px; MARGIN: 0px; padding: 0px; background:transparent url(../images/topic-new.jpg); background-color:#FFFFFF none repeat scroll 0%;} #leftmenu { float:left; WIDTH: 250px; MARGIN: 0px; padding-top: 5px; background-color:#FFFFFF; none repeat scroll 0%;} #leftmenuheader { float:left; WIDTH: 250px; height: 40px; MARGIN: 0px; padding: 0px; background:transparent url(../images/Lmenu_head.jpg); background-color:#FFFFFF none repeat scroll 0%;} #leftmenubody { float:left; WIDTH: 232px; MARGIN: 0px; padding: 0px; background-color:#F3F3F1; none repeat scroll 0%;} #leftmenubody ul { font-size: 12px; list-style-type: none; margin: 0; padding: 0; text-align: left; } #leftmenubody li { display: block; color: #FF3C00; padding:5px 10px 5px 10px;} #leftmenubody li a { text-decoration:none; color: #000000; font-weight:normal; padding:5px 10px 5px 10px;} #leftmenubody li a:hover { color: #FF0000; background: #F2DA63; } #leftmenubodyheader { float:left; WIDTH: 182px; MARGIN: 0px; color: red; padding: 5px 0px 5px 25px; font-weight:bold; background:transparent; none repeat scroll 0%; border-bottom: 1px #000000 dotted;} #newarrival { float:left; WIDTH: 410px; MARGIN: 0px; padding: 0px; background-color:#F9F9F9;} #newarrivalpic { float:left; WIDTH: 125px; HEIGHT:125px; MARGIN: 0px; background:transparent url(../images/newarr_border.jpg); background-color:#F9F9F9 none repeat scroll 0%;} #newarrivalpic img { padding-left:17px; padding-top:17px; WIDTH: 90px; HEIGHT:90px; border:0px;} #newarrivaltxt { float:left; WIDTH: 275px; HEIGHT:90px; MARGIN: 0px; padding: 10px 0px 10px 0px; background-color:#F9F9F9 none repeat scroll 0%;} #newarrivaltxttitle { float:left; WIDTH: 275px; MARGIN: 0px; padding: 2px 2px 2px 0px; background-color:#F9F9F9 none repeat scroll 0%;} #newarrivaltxttitle a {text-decoration:underline; color: blue; padding:2px 12px 2px 0px; font-size:13px;} #newarrivaltxttitle a:hover { color: #FF0000; background: #F2DA63; font-size:13px; } #newarrivaltxtdetail { float:left; WIDTH: 275px; HEIGHT:80px; MARGIN: 0px; padding: 0px; background-color:#F9F9F9 none repeat scroll 0%;} #newarrivaltxtdetail ul { font-size: 12px; list-style: none; margin: 0; padding: 0; } #newarrivalmore { float:left; WIDTH: 390px; HEIGHT:25px; MARGIN: 0px; padding-right: 10px; background-color:#F9F9F9 none repeat scroll 0%;} #newarrivalmore ul { font-size: 12px; list-style: none; margin: 0; padding: 0; text-align: right; } #newarrivalmore li { display: inline; padding-top:0px; padding-right:5px; padding-left:5px; color: #FF3C00;} #newarrivalmore li a { text-decoration:none; color: #FFFFFF; font-weight:bold; background: #F2DA63; padding:2px 12px 2px 12px;} #newarrivalmore li a:hover { color: #FF0000; background: #F2DA63; } #linedot { float:left; WIDTH: 410px; height:7px; MARGIN: 0px; padding: 0px; background:transparent url(../images/dot_for_line.jpg) repeat-x scroll 0%;} #leftbodytxt { float:left; WIDTH: 390px; MARGIN: 0px; padding 10px 10px 10px 10px; background-color:#F9F9F9; none repeat scroll 0%;} #rightbody { float:left; WIDTH: 375px; MARGIN: 0px; padding: 0px 0px 0px 5px; background-color:#FFFFFF;} #rightbodyheader { float:left; WIDTH: 375px; height:35px; MARGIN: 0px; padding: 0px; background:transparent url(../images/topic-product.jpg); background-color:#FFFFFF none repeat scroll 0%;} #rightbodybag { float:left; WIDTH: 375px; height:236px; MARGIN: 0px; padding: 0px; background:transparent url(../images/cate-packaging2.jpg); background-color:#FFFFFF none repeat scroll 0%;} #rightbodybaginner { float:left; WIDTH: 325px; height:176px; MARGIN: 0px; padding: 40px 0px 0px 50px; background:transparent ;} #rightbodypicandtxt { float:left; WIDTH: 300px; height:110px; MARGIN: 0px; padding: 0px; background:transparent ;} #rightbodyallbaglink { float:left; WIDTH: 300px; height:40px; MARGIN: 0px; padding: 0px; background:transparent ;} #rightbodybaginner1 { float:left; WIDTH: 100px; height:110px; MARGIN: 0px; padding: 0px; background:transparent url(../images/bag_border.jpg); background-color:#FFFFFF none repeat scroll 0%;} #rightbodybaginner1 img { WIDTH: 74px; HEIGHT:94px; border:0px; padding:12px 0px 0px 12px;} #rightbodybagtitle { float:left; WIDTH: 100px; height:20px; MARGIN: 0px; padding: 0px; background:transparent; text-align:center;} #rightbodybagtitle a { text-decoration:none; color: #FF0000;} #rightbodybagtitle a:hover { color: #FF0000; background: #F2DA63; } #rightbodybagall { float:left; WIDTH: 300px; height:15px; MARGIN: 0px; padding: 5px 0px 2px 0px; background:transparent ;} #rightbodybagall a { float:right; text-decoration:none; font-weight:bold; color: #FFFFFF; background: #F2DA63; padding:2px 12px 2px 12px;} #rightbodybagall a:hover { color: #FF0000; background: #F2DA63; padding:2px 12px 2px 12px;} #rightbodystationery { float:left; WIDTH: 375px; height:300px; MARGIN: 0px; padding: 0px; background:transparent url(../images/cate-stationery2.jpg); background-color:#FFFFFF none no-repeat scroll 0%;} #rightbodystationerypicandtxt { float:left; WIDTH: 270px; height:196px; MARGIN: 0px; padding: 0px; background:transparent ;} #rightbodystationeryinner { float:left; WIDTH: 300px; height:250px; MARGIN: 0px; padding: 35px 0px 0px 50px; background:transparent ;} #rightbodystationeryinner1 { float:left; WIDTH: 110px; height:62px; MARGIN: 0px; padding: 10px 0px 0px 15px; background:transparent url(../images/stationery_border.jpg); background-color:#FFFFFF none repeat scroll 0%;} #rightbodystationeryinner11 { float:right; WIDTH: 110px; height:62px; MARGIN: 0px; padding: 10px 0px 0px 15px; background:transparent url(../images/stationery_border.jpg); background-color:#FFFFFF none repeat scroll 0%;} #rightbodystationeryinner2 { float:left; WIDTH: 110px; height:28px; MARGIN: 0px; padding: 0px 0px 0px 15px; background-color:#FFFFFF; none repeat scroll 0%;} #rightbodystationeryinner22 { float:right; WIDTH: 110px; height:28px; MARGIN: 0px; padding: 0px 0px 0px 0px; background-color:#FFFFFF; none repeat scroll 0%;} #rightbodystationeryinner1 img { WIDTH: 99px; HEIGHT:58px; border:0px;} #rightbodystationeryinner11 img { WIDTH: 99px; HEIGHT:58px; border:0px;} #rightbodystationerytitle { float:left; WIDTH: 99px; height:28px; MARGIN: 0px; padding: 0px; background:transparent; text-align:center;} #rightbodystationerytitle a { text-decoration:none; color: #FF0000;} #rightbodystationerytitle a:hover { color: #FF0000; background: #F2DA63; } #rightbodystationerymore{ float:left; WIDTH: 300px; height:40px; MARGIN: 0px; padding: 20px 0px 6px 0px; background:transparent ;} #rightbodystationerymore a { float:right; text-decoration:none; font-weight:bold; color: #FFFFFF; background: #F2DA63; padding:2px 12px 2px 12px;} #rightbodystationerymore a:hover { color: #FF0000; background: #F2DA63; padding:2px 12px 2px 12px;} #rightcontent { float:left; WIDTH: 540px; MARGIN: 0px; padding-top: 5px; background-color:#FFFFFF;} #rightcontent p { float:left; font-size:12px; font-family:tahoma; text-indent:1cm; MARGIN: 0px; padding-top: 5px; padding-bottom:5px; background-color:#FFFFFF;} #rightcontent ul { float:left; margin: 0; padding-left: 90px; text-align: left; } #rightcontent ul li {list-style-position:inside; list-style-type:square; padding-top:0px; padding-right:5px; padding-left:5px; padding-top:5px; padding-bottom:5px; } #rightcontentproduct { float:left; WIDTH: 540px; MARGIN: 0px; text-align:middle; padding: 0px; background-color:#FFFFFF; none repeat scroll 0%;} #rightproduct_pic { float:left; WIDTH: 200px; MARGIN: 0px; padding-top: 5px; border-right: 1px solid #000000; background-color:#FFFFFF;} #rightproduct_detail { float:left; WIDTH: 339px; MARGIN: 0px; padding-top: 5px; background-color:#FFFFFF;} #contacts_addr {float:left; width:350px; padding-top:40px; padding-left:40px;} #contacts_addr ul { float:left; margin: 0; display:block; padding-left: 0px; text-align: left; } #contacts_addr ul li {list-style-position:none; list-style-type:none; padding-top:0px; padding-right:5px; padding-left:5px; padding-top:5px; padding-bottom:5px; } .left {float:left}; .bold {font-weight:bold;} .green {color:green;} .brown {color:#895656;} .padding_top5 {padding-top:10px;} .padding_left5 {padding-left:5px;} .padding_right5 {padding-right:5px;} .padding_bottom5 {padding-bottom:10px;} .width50 {width:100px;} .width200 {width:200px;} .width150 {width:150px;} .width332 {width:332px;} .width540 {width:540px;} .imgproduct {border:0px; width:75px; height:100px;} .imgproduct_detail {border:0px;} .padding_T8 {padding-top:8px;} .padding_B8 {padding-bottom:8px;} .padding_B6 {padding-bottom:6px;} .padding_L8 {padding-left:8px;} .padding_R8 {padding-right:8px;} .padding_L50 {padding-left:50px;} .graycolor {background-color:#F2DA63;} .forlistpage {background:#FFFBF3 none repeat scroll 0%;width:540px; text-align:right;} .imgproduct {border:0px; width:90px; height:90px;} .redlink {color:red; text-decoration:none;} #shortdetail ul {padding-left:5px; list-style: none; margin: 0; padding: 0;} #shortdetail ul li {list-style: none; margin: 0; padding: 2px 2px 2px 2px;} #rightcontentpageheader { float:left; WIDTH: 540px; MARGIN: 0px; text-align:middle; padding: 0px; background-color:#FFFFFF; none repeat scroll 0%;} #rightcontentpageheader_img {float:left; WIDTH: 35px; height:33px; border:0px; background:transparent url(../images/bullet-page2.jpg);} #pageheadertxt {float:left; font-size:25px; font-weight:bold; color:#EDA92C; width:300px; padding-left:5px;} .guidednav_contentbox {border-bottom:1px solid #FCB41E; padding:0px 0pt 10px; width:540px;} #rightbodyborder { float:left; WIDTH: 25px; MARGIN: 0px; padding: 0px; background:transparent url(../images/rightbgbody.jpg); background-color:#FFFFFF repeat-y scroll 0%;} #rightborder { float:right; WIDTH: 25px; height:190px; MARGIN: 0px; padding: 0px; background:transparent url(../images/head-RWelcome.jpg); background-color:#FFFFFF none repeat scroll 0%;} #footborder { float:left; WIDTH: 840px; height:25px; MARGIN: 0px; padding: 0px; background:transparent url(../images/bottom.jpg); background-color:#FFFFFF none repeat scroll 0%;} #footborder_inside { float:left; WIDTH: 840px; height:25px; MARGIN: 0px; padding: 0px; background:transparent url(../images/bottom_inside.jpg); background-color:#FFFFFF none repeat scroll 0%;} #footer { float:left; WIDTH: 840px; height:50px; MARGIN: 0px; padding: 0px; background-color:#FFFFFF; none repeat scroll 0%;} #leftfooter { float:left; WIDTH: 370px; height:20px; MARGIN: 0px; padding: 0px 0px 0px 50px; background-color:#FFFFFF none repeat scroll 0%;} #rightfooter { float:left; WIDTH: 420px; height:20px; MARGIN: 0px; padding: 0px; background-color:#FFFFFF none repeat scroll 0%; font-family:verdana; font-size:11px; color:#8292A6; text-align:center;} abbr, acronym{ border-bottom: 1px dashed; cursor: help; color:red;} #errortext { color: #FF0000 ; font-weight:bold; text-decoration:none;} #goodtext { color: #000099 ; font-weight:bold; text-decoration:none;} .clear-all {clear:both; height:0; line-height:0; font-size:0;} #fnav { font-size: 12px; list-style: none; margin: 0; padding: 0; text-align: left; } #fnav li { display: inline; padding:0px 5px 0px 5px; color: #FF3C00;} #fnav li a { padding: 2px 5px; color: #FF3C00;} #fnav li a:hover { color: #FF3C00; background: #F2DA63; } #contact_detail {float:left; padding: 5px 10px 5px 30px; width:100px;} #contact_email {float:left; padding: 5px 10px 5px 30px; width:100px;} #product_detail_div {float:left; padding:0px 0px 0px 0px; width:540px;} #product_detail_img {float:left; padding:0px 0px 0px 0px; width: 140px; border-right: 1px solid #9A9D49;} #product_detail_price {float:left; padding:35px 5px 5px 5px; width: 130px;} #product_detail_txt {float:left; padding:15px 0px 0px 10px; width: 375px;} #product_detail_img_inner {float:left; padding:0px 0px 0px 20px; width: 120px;} #product_detail_img_inner img {border:0px; width: 90px; height:90px;} #product_detail_txt ul {padding-left:5px; list-style: none; margin: 0; padding: 0;} #product_detail_txt ul li {list-style: none; margin: 0; padding: 2px 2px 2px 2px;} h1, h2, h3 h4 { margin: 0px; padding: 0px; } h4 { margin: 0px; padding: 0px; color: #3b5998;} input {background: #FBFAE5; border: 1px solid #9A9D49; color: #3e7373; padding: 2px; width: 170px; font-family: arial; font-size: 11px;} input:focus, input.focus {background: #FFFFFF; border: 1px solid #9A9D49; color: #3e7373; padding: 2px;} input:hover, input.hover {background: #FFFFFF; color: #3e7373; padding: 2px;} textarea {background: #FBFAE5; border: 1px solid #9A9D49; color: #3e7373; padding: 2px; width: 300px; font-family: arial; font-size: 11px; scrolling: no;} textarea:focus, textarea.focus {background: #ffffff; border: 1px solid #9A9D49; color: #3e7373; padding: 2px;} textarea:hover, textarea.hover {background: #ffffff; color: #3e7373; padding: 2px;} #submit {background: #AF9827; border: 1px solid #8bbbbb; color: #ffffff; padding: 2px; width: 50px; cursor: pointer;} #submit:focus {background: #AF9827; border: 1px solid #8bbbbb; color: #ffffff; padding: 2px; width: 50px;} #submit:hover {background: #AF9827; border: 1px solid #73a8a8; color: #ffffff; padding: 2px; width: 50px;} #submitsend {background: #AF9827; border: 1px solid #9A9D49; color: #ffffff; padding: 2px; width: 100px; cursor: pointer;} #submitsend:focus {background: #AF9827; border: 1px solid #9A9D49; color: #ffffff; padding: 2px; width: 100px;} #submitsend:hover {background: #AF9827; border: 1px solid #9A9D49; color: #ffffff; padding: 2px; width: 100px;}