@charset "utf-8";
/* CSS Document */

body { margin:0px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; }
img {padding:0px; margin:0px; border:0px none; }
img.btn { cursor:pointer;}
a { text-decoration:none; color:#000000;}
.ahover:hover { text-decoration:underline;}

.border01 { border:1px solid #999999; padding:1px; margin:1px;}

/* form element */
form {padding:0px; margin:0px; border:0px none; }
input.inputText01 { height:16px; width:160px; border:0px none; background-color:#cccccc; font-size:10px;}
select.inputText01 { height:20px; width:160px; border:0px none; background-color:#cccccc; font-size:10px;}

/* text */
.txtDarkGrey10 { font-size:10px; color:#333333;}
.txtDarkGrey12 { font-size:12px; color:#333333;}
.txtDarkGrey13 { font-size:13px; color:#333333;}
.txtDark2Grey13 { font-size:13px; color:#666666;}
.txtLightGrey10 { color:#999999; font-size:10px;}
.txtLightGrey11 { color:#999999; font-size:11px;}
.txtLightGrey9 { color:#999999; font-size:9px;}
.txtGreen_11 { color:#669999; font-size:11px;}
.txtBlk11 { color:#000000; font-size:11px;}

/* body layer */
#topLogo { _width: expression(((document.body.clientWidth)) < 999? "996px": "100%" ); min-width:996px; height:60px; position:relative; background-image:url(../images/header/topbanner.jpg); background-position:right; background-color:#fff2ae;}
div.toplogo { float:left; width:413px; height:60px;}

#topMenu { _width: expression(((document.body.clientWidth)) < 999? "996px": "100%" ); min-width:996px; height:43px; position:relative; background-image:url(../images/header/topmenu_bg.jpg); color:#e8e9e7; z-index:10;}
div.top-menu-left { float:left; width:8px; height:43px;}
div.btn-menu-home { float:left; width:92px; height:43px;}
div.btn-menu-about { float:left; width:140px; height:43px;}
div.btn-menu-product { float:left; width:111px; height:43px;}
div.btn-menu-contacts { float:left; width:117px; height:43px;}
div.btn-menu-enquiry { float:left; width:113px; height:43px;}
div.btn-menu-account { float:left; width:127px; height:43px;}
div.top-menu-searcharea { float:right; width:200px; height:43px; position:relative;}
div.searchfield { float:left; width:125px; height:19px; line-height:19px; background-image:url(../images/header/searchfield_bg.jpg); background-repeat:no-repeat;}
div.btn-search { float:left; width:19px; height:19px; margin-left:10px;}
div.top-menu-right { float:right; width:12px; height:43px;}
#advSearchArea { background:url(../images/adv_search_bg.jpg) repeat-x #ffffff top; border:1px solid #d0d0cf; padding:10px; width:470px; height:auto; position:absolute; top:10px; left:-300px; margin-left:auto; margin-right:20px; z-index:10; display:none;}

#langMenu {color: #000; font-family: Arial, Helvetica, sans-serif; text-align:right; margin:2px 3px auto auto;}
#langMenu a { font-size:13px; text-decoration:none; color:#666;}
#langMenu a:hover { text-decoration:underline;}

#cookiesPath { z-index:0; _width: expression(((document.body.clientWidth)) < 999? "996px": "100%" ); min-width:996px; height:42px; position:relative; color:#000000; background-image:url(../images/header/cookiepath_bg.jpg); overflow:hidden;}
div.cookiesPath-left { float:left; width:9px; height:42px; margin:0px; padding:0px;}
div.cookiesPath-center { height:42px; margin:0px 10px 0px auto; position:relative;}
div.cookiesPath-right { float:right; width:9px; height:42px; margin:0px; padding:0px;}

#routePath { z-index:0; _width: expression(((document.body.clientWidth)) < 999? "996px": "100%" ); min-width:996px; height:27px; position:relative; background-image:url(../images/header/routepath_right.jpg); background-position:right; background-repeat:no-repeat; color:#333333; margin-top:5px;;}
#routePath div { height:27px;line-height:27px; font-weight:bold;}
#routePath div.arrow { height:27px;line-height:27px; width:12px; padding-left:3px; padding-right:3px;}
#routePath div.routePath-keyword { position:absolute; top:0px; left:0px; width:100%; margin:0px auto 0px auto; color:#494a45; height:27px;line-height:27px; font-weight:bold;}

#pageTitle { z-index:0; _width: expression(((document.body.clientWidth)) < 999? "996px": "100%" ); min-width:996px; height:46px; position:relative; color:#000000; background-image:url(../images/header/pagetitle_bg.jpg); margin-top:5px;}
div.pageTitle-left { float:left; width:42px; height:46px; margin:0px; padding:0px;}
div.pageTitle-center { position:absolute; top:0px; left:0px; width:100%; height:46px; margin:0px auto 0px auto; color:#494a45; font-size:16px;}
div.pageTitle-right { float:right; height:46px; margin:0px; padding:0px; color:#494a45; font-size:16px;}

.page { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; font-weight:bold;}
.page a { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; font-weight:bold;}
.page .o { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#7CA69C; font-weight:bold;}

#leftMenu_body { width:274px; padding:0px; margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; margin-bottom:10px;}
.leftmenu_top { width:274px; height:6px; padding:0px; margin:0px; }
.leftmenu_main { width:274px; padding:0px; margin:0px; background-image:url(../images/leftbox/leftmenu_bg.jpg); background-repeat:repeat-y; position:relative;}
.leftmenu_main a { text-decoration:none; color:#000000;}
.leftmenu_main .cat { cursor:pointer; line-height:23px; background:url(../images/leftbox/leftmenu_catbg.jpg) repeat-y; padding-left:18px;}
.leftmenu_main .cat_o { cursor:pointer; line-height:23px; background:url(../images/leftbox/leftmenu_catbg_o.jpg) repeat-y; padding-left:18px; font-weight:bold;}
.leftmenu_main .sub { cursor:pointer; width:188px; line-height:23px; background:url(../images/leftbox/leftmenu_subbg.jpg) repeat-y #BED3CE; padding-left:28px; padding-right:20px; font-size:9px;}
.leftmenu_main .sub_o { cursor:pointer; width:188px; line-height:23px; background:url(../images/leftbox/leftmenu_subbg_o.jpg) no-repeat #F2F6F5; padding-left:28px; padding-right:20px; font-size:9px; color:#78A497;}
.leftmenu_main .sub_o a { color:#78A497; margin:0px; padding:0px;}
.leftmenu_main .sub_o2 { cursor:pointer; width:188px; line-height:23px; background:url(../images/leftbox/leftmenu_subbg_o2.jpg) no-repeat #F2F6F5; padding-left:28px; padding-right:20px; font-size:9px; color:#78A497;}
.leftmenu_main .sub_o2 a { color:#78A497; margin:0px; padding:0px;}
.leftmenu_main #floatMenu {cursor:pointer; position:absolute; top:0px; left:235px; width:180px; display:none; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; z-index:10;}
.leftmenu_main #floatMenu .floatMenu { line-height:23px; background:#8dc1b4; margin:0px; padding:0px; padding-left:28px; font-size:9px;}
.leftmenu_main #floatMenu .floatMenu_o { line-height:23px; background:#ffff66; margin:0px; padding:0px; padding-left:28px; font-size:9px; color:#78A497;}
.leftmenu_bottom { width:274px; height:8px; padding:0px; margin:0px; }

#leftMemberLogin { width:271px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom:10px;}
.leftmemberlogin_top { width:271px;	height:10px;}
.leftmemberlogin_center { width:271px; background-image:url(../images/leftbox/leftbox_bg.jpg); background-repeat:repeat-y; padding-top:5px; padding-bottom:10px;}
.leftmemberlogin_title { height:14px; margin:5px; margin-left:8px; color:#666666; font-weight:bold; font-size:13px; }
.leftmemberlogin_maintop { width:252px;	height:5px; margin-left:5px;}
.leftmemberlogin_maincenter { width:258px; margin-left:5px; background-image:url(../images/leftbox/leftbox_inside_bg.jpg); background-repeat:repeat-y; font-size:10px;}
.leftmemberlogin_mainbottom { width:252px; height:5px; margin-left:5px;}
.leftmemberlogin_bottom { width:273px; height:8px;}

#leftboxNews { width:271px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom:10px;}
.leftboxNews_top { width:271px;	height:10px;}
.leftboxNews_center { width:271px; background-image:url(../images/leftbox/leftbox_bg.jpg); background-repeat:repeat-y; padding-top:5px; padding-bottom:10px;}
.leftboxNews_title { height:14px; margin:5px; margin-left:8px; color:#666666; font-weight:bold; font-size:13px; }
.leftboxNews_maintop { width:252px;	height:5px; margin-left:5px;}
.leftboxNews_maincenter { width:258px; margin-left:5px; background-image:url(../images/leftbox/leftbox_inside_bg.jpg); background-repeat:repeat-y; font-size:10px;}
.leftboxNews_mainbottom { width:252px; height:5px; margin-left:5px;}
.leftboxNews_bottom { width:273px; height:8px;}

div.#mainframe { _width: expression(((document.body.clientWidth)) < 999? "996px": "100%" ); min-width:996px; margin-top:10px;}
table.mainframe { width:100%; min-width:996px; margin-top:10px;}
#leftmain { width:285px; z-index:1;}
#rightmain {width:auto; z-index:-1;}

#byFamily { text-align:left; }
div.byFamily { width:211px; height:245px; min-height:245px; float:left; margin:10px; margin-top:0px; margin-bottom:35px; background-image:url(../images/products/byfamily_titlebg.jpg) no-repeat;}
div.byfamily_top { width:211px; height:12px;}
div.byfamily_photo { width:211px; background-image:url(../images/products/byfamily_centerbg.jpg); background-repeat:repeat-y; padding-top:10px; padding-bottom:10px; text-align:center;}
div.byfamily_titletop { width:211px; height:6px;}
div.byfamily_title { width:211px; background-image:url(../images/products/byfamily_titlebg.jpg); background-repeat:repeat-y; color:#666666; text-align:left;}
div.byfamily_title a { color:#666666;}
div.byfamily_bottom { width:211px; height:6px;}

#aboutusText { width:100%; min-width:725px;}
#newsContent { width:100%; min-width:725px; margin-top:10px;}

table.prodlist { margin-bottom:20px; width:100%; min-width:725px;}
.prodlist_photo {background-image:url(../images/products/prodlist_imgbg.jpg); background-repeat:no-repeat; width:164px; height:164px; margin:2px 10px; padding-top:10px;}
.prodlist_right {background-image:url(../images/products/prodlist_right.jpg); background-repeat:repeat-y;}
.prodlist_bottom_left { background-image:url(../images/products/prodlist_bottom_l_bg.jpg); background-repeat:repeat-x;}

#prodDetails { width:100%; min-width:725px;}
#prodDetails .prodName { font-size:16px; color:#669999; font-weight:bold;}
#prodDetails .prodItemNo {font-size:13px; color:#666666; font-weight:bold; margin-top:5px;}
#prodDetails .prodPrice {float:right;width:300px; line-height:32px; font-size:16px; color:#669999; font-weight:bold;}
#prodDetails .title { color:#669999; font-weight:bold; font-size:12px; letter-spacing:-1px;}
#prodDetails #topArea { float:left;}
#prodDetails .topRightArea { float:right; width:300px; margin-top:20px;}
#prodDetails .relatedProd { width:300px; margin-top:10px;}
#prodDetails #purchaseQty { margin:10px; }
#prodDetails #specification { background:#f9fbf9; margin-top:20px;}
#prodDetails #specification .item1 { float:left; width:165px; margin:10px;}
#prodDetails #specification .item2 { float:left; width:105px; margin:10px;}
#prodDetails #specification .sep { float:left; width:1px; background:url(../images/products/img_separator.jpg) repeat-y; height:50px; margin-top:10px;}
#prodDetails #price { background:#f9fbf9; margin-top:20px;}
#prodDetails .rowOdd { background:#f9fbf9; height:30px;}
#prodDetails .rowEven { background:#f2f3f3; height:30px;}
#prodDetails #downloadInformation { background:#f4f4f4; margin-top:20px;}
#prodDetails #downloadInformation .items { float:left; margin:10px; line-height:16px; padding-top:3px;}
#prodDetails #downloadInformation .items_inact { float:left; margin:10px; line-height:16px; padding-top:3px; color:#CCCCCC;}
#prodDetails #downloadInformation .itemList { width:100%; position:relative;}
#prodDetails #relatedProducts { background:#f4f4f4; margin-top:10px; margin-bottom:20px;}
#prodDetails #relatedProducts .itemList { vertical-align:baseline; min-height:80px;}
#prodDetails #relatedProducts .items { float:left; margin:2px;}

.cartlistitem { margin:10px 0px 5px 0px; width:100%; min-width:650px; min-height:150px; position:relative;}
.cartlisthbar { width:100%; position:relative; height:1px; background:#cccccc; overflow:hidden;}

table.fullWidth { width:100%;}

#footer { _width: expression(((document.body.clientWidth)) < 999? "996px": "100%" ); min-width:996px; color:#999999; font-size:10px; font-family:Arial, Helvetica, sans-serif; margin-top:30px; }
#footer table {width:100%; padding:0px 10px 0px 10px;}
#footer .horibar { background-image:url(../images/footer/footer_horibar.jpg); height:12px;}
#footer #sitemap { background-image:url(../images/footer/footer_bg.jpg); background-repeat:repeat-x; background-position:bottom;}
#footer #sitemap td { padding-bottom:15px;}
#footer #sitemap .prodcatlist { width:auto; float:left; margin-right:50px; margin-bottom:10px;}
#footer #sitemap .prodcatlist a { color:#999999;}
#footer #sitemap .prodcatlist a:hover { color:#000000;}

.indexNews_clickable { color:#333333;cursor:pointer;}
.indexNews_clickable:hover { color:#B70000;cursor:pointer;}
.indexNews { color:#333333;}
.indexNews:hover { color:#B70000;}
.mooSlide {	font-family: Arial, Helvetica, sans-serif; line-height: 16px; color: #FFFFFF; font-size: 11px; z-index:10; width:100%;}
#slideBG { filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; background:#000000; width:100%; height:600px; margin:0px; padding:0px; position:absolute; left:0px; top:0px; z-index:-10; display:none;}

#overlay{ position: absolute; top: 0px; left: 0px; z-index: 90; width: 100%; height: 100%; background-color: #000000; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
#lightbox{ position: absolute; top: 0px; left: 0px; width: 100%; height:100%; z-index: 100; text-align: center; vertical-align:middle;}