@charset "utf-8";
/* *{vertical-align:top;}*/
body{margin:0; padding:0;}
body, input, textarea {font-family:Arial; font-size:10pt;}
a img {border:0}
p,h1,h2,h3 {margin-top:0;}
a:link,  a:visited{color:#666; text-decoration:none;}
a:hover, a:active {color:#000; text-decoration:underline; }
ul{padding-left:1em;}
ul li{padding-bottom:0.3em;}
h2{color:#F7941D; font-family:"Arial Black", Gadget, sans-serif; font-size:18px;}
/* ============ */

.clear {clear:both; float:none}
.red {color:#F00}
.linethrough {text-decoration:line-through}
.justify {text-align:justify}

/* ============ */

body {background:repeat-y top center url(../images/bg.gif);}
.outer-wrapper{ width:100%; background:repeat-y top center url(../images/bg.gif);}
.outer{width:100%; background:no-repeat top center url(../images/bg.jpg);}

.header-wrapper {width:852px; margin:0 auto; height:105px; display:block; overflow:hidden; padding:5px 0;}
.banner-wrapper {width:840px; margin:0 auto; height:280px; display:block; overflow:hidden;}
.menu-wrapper   {width:852px; margin:0 auto; height:59px; display:block; overflow:hidden;}
.content-wrapper{width:852px; margin:0 auto; display:block; overflow:hidden;}
   .content-header {width:100%; height:14px; display:block; overflow:hidden;}
   .content-body   {width:820px; padding:0 16px 30px 16px; display:block; overflow:hidden;}
      .sidebar-wrapper {width:225px; float:left; display:block; overflow:hidden;}
      .textarea-wrapper{width:580px; float:right; display:block; overflow:hidden; margin-left:10px; margin-right:5px;}
   .content-tail   {width:797px; height:35px; display:block; overflow:hidden; background-repeat:no-repeat; padding:0 30px 20px 25px;}
   /* 852-30-25=797 */

/* color theme */
.content-wrapper .content-header{background-image:url(../images/content/headbg0.gif);}
.content-wrapper .content-body  {background-image:url(../images/content/bodybg0.gif); background-repeat:repeat-y;}
.content-wrapper .content-tail  {background-image:url(../images/content/tailbg0.gif);}
.content-wrapper.color1 .content-header{background-image:url(../images/content/headbg1.gif);}
.content-wrapper.color1 .content-body  {background-image:url(../images/content/bodybg1.gif);}
.content-wrapper.color1 .content-tail  {background-image:url(../images/content/tailbg1.gif);}
.content-wrapper.color2 .content-header{background-image:url(../images/content/headbg2.gif);}
.content-wrapper.color2 .content-body  {background-image:url(../images/content/bodybg2.gif);}
.content-wrapper.color2 .content-tail  {background-image:url(../images/content/tailbg2.gif);}
.content-wrapper.color3 .content-header{background-image:url(../images/content/headbg3.gif);}
.content-wrapper.color3 .content-body  {background-image:url(../images/content/bodybg3.gif);}
.content-wrapper.color3 .content-tail  {background-image:url(../images/content/tailbg3.gif);}
.content-wrapper.color4 .content-header{background-image:url(../images/content/headbg4.gif);}
.content-wrapper.color4 .content-body  {background-image:url(../images/content/bodybg4.gif);}
.content-wrapper.color4 .content-tail  {background-image:url(../images/content/tailbg4.gif);}
.content-wrapper.color5 .content-header{background-image:url(../images/content/headbg5.gif);}
.content-wrapper.color5 .content-body  {background-image:url(../images/content/bodybg5.gif);}
.content-wrapper.color5 .content-tail  {background-image:url(../images/content/tailbg5.gif);}
.content-wrapper.color6 .content-header{background-image:url(../images/content/headbg6.gif);}
.content-wrapper.color6 .content-body  {background-image:url(../images/content/bodybg6.gif);}
.content-wrapper.color6 .content-tail  {background-image:url(../images/content/tailbg6.gif);}
.content-wrapper.color7 .content-header{background-image:url(../images/content/headbg7.gif);}
.content-wrapper.color7 .content-body  {background-image:url(../images/content/bodybg7.gif);}
.content-wrapper.color7 .content-tail  {background-image:url(../images/content/tailbg7.gif);}
.content-wrapper.color8 .content-header{background-image:url(../images/content/headbg8.gif);}
.content-wrapper.color8 .content-body  {background-image:url(../images/content/bodybg8.gif);}
.content-wrapper.color8 .content-tail  {background-image:url(../images/content/tailbg8.gif);}
/* header */
div.line  {margin-bottom:6px; display:block; overflow:hidden;}
div.line2 {margin-top:6px; display:block; overflow:hidden;}
.logo     {height:105px; float:left;}
.userinfo {height:105px; float:left; padding:60px 0 0 30px; color:#464646}
.userinfo .customername, .userinfo .customername a{color:#999}

.searchbar {height:105px; float:right; text-align:right;}
.searchbar, .searchbar a, .searchbar select, .searchbar input{ font-size:9pt; color:#999;}
.searchbar .currency {width:70px; margin:6px 10px 0 0;}
.searchbar .searchinputbg {background-image:url(../images/form/searchinputbg.gif); display:block; overflow:hidden; width:100px; height:20px; float:left;
padding: 5px 0 0 30px; margin-right:10px;
border-right:#CCC solid 1px; border-bottom:#CCC solid 1px; text-align:left;}
.searchbar .searchinputbg input {border:none; background:none; }
.searchbar .btn_search {float:left}

.cart {height:105px; float:right; text-align:right; margin:33px 10px 0 0;}
.cart .icon {float:right}
.cart .text {float:right; margin-left:5px; padding-top:10px}

/* menu */
ul.navlinks, ul.navlinks li{margin:0; padding:0;}
ul.navlinks li {float:left; list-style:none;}
ul.navlinks li a              {height:59px; display:block; overflow:hidden; background-image:url(../images/menu.jpg); text-indent:-5000px;}
.lang-hk ul.navlinks li a     {background-image:url(../images/menu_hk.png);}
ul.navlinks li a.menu_home    {width: 97px; background-position:   0px   0px;}
ul.navlinks li a.menu_aboutus {width:106px; background-position: -97px   0px;}
ul.navlinks li a.menu_products{width:107px; background-position:-203px   0px;}
ul.navlinks li a.menu_safety  {width:105px; background-position:-310px   0px;}
ul.navlinks li a.menu_news    {width:106px; background-position:-415px   0px;}
ul.navlinks li a.menu_orders  {width:106px; background-position:-521px   0px;}
ul.navlinks li a.menu_faq     {width:105px; background-position:-627px   0px;}
ul.navlinks li a.menu_contact {width:120px; background-position:-732px   0px;}

ul.navlinks li a.menu_home.hover,    ul.navlinks li a.menu_home:hover    {background-position:   0px -59px;}
ul.navlinks li a.menu_aboutus.hover, ul.navlinks li a.menu_aboutus:hover {background-position: -97px -59px;}
ul.navlinks li a.menu_products.hover,ul.navlinks li a.menu_products:hover{background-position:-203px -59px;}
ul.navlinks li a.menu_safety.hover,  ul.navlinks li a.menu_safety:hover  {background-position:-310px -59px;}
ul.navlinks li a.menu_news.hover,    ul.navlinks li a.menu_news:hover    {background-position:-415px -59px;}
ul.navlinks li a.menu_orders.hover,   ul.navlinks li a.menu_orders:hover   {background-position:-521px -59px;}
ul.navlinks li a.menu_faq.hover,     ul.navlinks li a.menu_faq:hover     {background-position:-627px -59px;}
ul.navlinks li a.menu_contact.hover, ul.navlinks li a.menu_contact:hover {background-position:-732px -59px;}

/* sidebar */
ul.productlist {list-style:none; margin:0; padding:0; display:block; overflow:hidden; width:210px;}
ul.productlist li {list-style:none; font-size:9pt; font-weight:bold; padding:4px 15px; border-bottom:#81B333 dashed 1px; background-color:#DAFBA6;}
ul.productlist li.last { border:0px none; padding-bottom:2px; background-color:#DAFBA6}
ul.productlist li.listhead {margin:0; padding:0; border:none; background:url(../images/sidebar/product_head.gif) top no-repeat; height:31px; display:block; overflow:hidden; text-indent:-5000px;}
.lang-hk ul.productlist li.listhead {background:url(../images/sidebar/product_head_hk.png) top no-repeat;}
ul.productlist li.listtail {margin:0; padding:0; border:none; background:url(../images/sidebar/product_tail.gif) top no-repeat; height:7px; display:block; overflow:hidden;}
ul.productlist li a:link,  ul.productlist li a:visited{color:#81B333; text-decoration:none;}
ul.productlist li a:hover, ul.productlist li a:active {color:#537421; text-decoration:underline; }
ul.productlist li.current a:link,  ul.productlist li.current a:visited{color:#005826; text-decoration:none;}

ul.parental {list-style:none; margin:0; padding:0; display:block; overflow:hidden; width:210px;}
ul.parental li {list-style:none; font-size:9pt; font-weight:bold; padding:6px 15px; border-bottom:#00AEEF dashed 1px; background-color:#C8E9EF;}
ul.parental li.last { border:none; padding-bottom:2px;}
ul.parental li.listhead {margin:0; padding:0; border:none; background:url(../images/sidebar/parental_head.gif) top no-repeat; height:31px; display:block; overflow:hidden; text-indent:-5000px;}
.lang-hk ul.parental li.listhead {background:url(../images/sidebar/parental_head_hk.gif) top no-repeat;}
ul.parental li.listtail {margin:0; padding:0; border:none; background:url(../images/sidebar/parental_tail.gif) top no-repeat; height:7px; display:block; overflow:hidden;}
ul.parental li a:link,  ul.parental li a:visited{color:#00AEEF; text-decoration:none;}
ul.parental li a:hover, ul.parental li a:active {color:#0078A6; text-decoration:underline; }
ul.parental li.current {color:#003D57}


div.loginbox-wrapper{display:block; overflow:hidden; padding:55px 10px 0 14px; width:185px; height:72px; font-size:8pt;}
div.loginbox-wrapper.gen{background-image:url(../images/sidebar/logingen.gif); color:#003D57;}
.lang-hk div.loginbox-wrapper.gen{background-image:url(../images/sidebar/logingen_hk.gif);}
div.loginbox-wrapper.sch{background-image:url(../images/sidebar/loginsch.gif); color:#502C07;}
.lang-hk div.loginbox-wrapper.sch{background-image:url(../images/sidebar/loginsch_hk.gif);}
div.loginbox-wrapper label {width:60px; float:left;}
div.loginbox-wrapper input {font-size:11px; background:url(../images/form/inputbg.gif); border:none; padding:3px; width:115px;}
div.loginbox-wrapper div {margin-bottom:3px;}
div.loginbox-wrapper .btn {width:130px}
div.loginbox-wrapper a.lostpw{font-size:10px; margin:0; padding:0; line-height:95%;}
div.loginbox-wrapper a.lostpw:link, div.loginbox-wrapper a.lostpw:visited{color:#000; text-decoration:none;}
div.loginbox-wrapper a.lostpw:hover,div.loginbox-wrapper a.lostpw:active {color:#000; text-decoration:underline;}

div.loginbox-wrapper.gen a.lostpw:link, div.loginbox-wrapper.gen a.lostpw:visited {color:#006EBC}
div.loginbox-wrapper.sch a.lostpw:link, div.loginbox-wrapper.sch a.lostpw:visited {color:#ED1C24}

div.loginbox-wrapper .signinbtn{
background:url(/images/Btn.PNG) no-repeat; cursor:pointer;  border: none;
}

div.loginbox-wrapper .linkwidth {width:112px}
div.loginbox-wrapper a.signin{width:55px;height:16px; display:block; overflow:hidden; text-indent:-5000px;}
div.loginbox-wrapper a.signinblue { background:url(../images/sidebar/signin1.gif) no-repeat;}
div.loginbox-wrapper a.signinpink { background:url(../images/sidebar/signin2.gif) no-repeat;}
div.loginbox-wrapper a.signin:link,
div.loginbox-wrapper a.signin:visited{color:#FFF; text-decoration:none;}
div.loginbox-wrapper a.signin:hover,
div.loginbox-wrapper a.signin:active {color:#FFF; text-decoration:underline;}

/* page title */
.textarea-wrapper h1 {display:block;overflow:hidden; border-bottom:#CCC 2px dotted; text-indent:-5000px}

.textarea-wrapper h1.h1_0_0 {height:55px;background:url(../images/title/0_0.gif) no-repeat;}
.lang-hk .textarea-wrapper h1.h1_0_0 {height:55px;background:url(../images/title/0_0_hk.gif) no-repeat;}
.textarea-wrapper h1.h1_0_1 {height:55px;background:url(../images/title/0_1.gif) no-repeat;}
.lang-hk .textarea-wrapper h1.h1_0_1 {height:55px;background:url(../images/title/0_1_hk.gif) no-repeat;}
.textarea-wrapper h1.h1_0_2 {height:55px;background:url(../images/title/0_2.gif) no-repeat;}
.lang-hk .textarea-wrapper h1.h1_0_2 {height:55px;background:url(../images/title/0_2_hk.gif) no-repeat;}
.textarea-wrapper h1.h1_0_3 {height:55px;background:url(../images/title/0_3.gif) no-repeat;}
.lang-hk .textarea-wrapper h1.h1_0_3 {height:55px;background:url(../images/title/0_3_hk.gif) no-repeat;}
.textarea-wrapper h1.h1_0_4 {height:55px;background:url(../images/title/0_4.gif) no-repeat;}
.lang-hk .textarea-wrapper h1.h1_0_4 {height:55px;background:url(../images/title/0_4_hk.gif) no-repeat;}
.textarea-wrapper h1.h1_0_5 {height:55px;background:url(../images/title/0_5.gif) no-repeat;}
.lang-hk .textarea-wrapper h1.h1_0_5 {height:55px;background:url(../images/title/0_5_hk.gif) no-repeat;}
.textarea-wrapper h1.h1_0_6 {height:55px;background:url(../images/title/0_6.gif) no-repeat;}
.lang-hk .textarea-wrapper h1.h1_0_6 {height:55px;background:url(../images/title/0_6_hk.gif) no-repeat;}
.textarea-wrapper h1.h1_0_7 {height:55px;background:url(../images/title/0_7.gif) no-repeat;}
.textarea-wrapper h1.h1_0_8 {height:55px;background:url(../images/title/0_8.gif) no-repeat;}
.textarea-wrapper h1.h1_2_1 {height:100px;background:url(../images/title/2_1.gif) no-repeat;}
.lang-hk .textarea-wrapper h1.h1_2_1 {height:100px;background:url(../images/title/2_1_hk.gif) no-repeat;}
.textarea-wrapper h1.h1_3_1 {height:55px; background:url(../images/title/3_1.gif) no-repeat;}
.lang-hk .textarea-wrapper h1.h1_3_1 {height:55px; background:url(../images/title/3_1_hk.gif) no-repeat;}
.textarea-wrapper h1.h1_3_2 {height:55px; background:url(../images/title/3_2.gif) no-repeat;}
.lang-hk .textarea-wrapper h1.h1_3_2 {height:55px; background:url(../images/title/3_2_hk.gif) no-repeat;}
.textarea-wrapper h1.h1_3_3 {height:55px; background:url(../images/title/3_3.gif) no-repeat;}
.textarea-wrapper h1.h1_3_4 {height:55px; background:url(../images/title/3_4.gif) no-repeat;}
.textarea-wrapper h1.h1_3_5 {height:55px; background:url(../images/title/3_5.gif) no-repeat;}
.textarea-wrapper h1.h1_3_6 {height:55px; background:url(../images/title/3_6.gif) no-repeat;}
.textarea-wrapper h1.h1_3_7 {height:55px; background:url(../images/title/3_7.gif) no-repeat;}
.textarea-wrapper h1.h1_3_24{height:55px; background:url(../images/title/3_7.gif) no-repeat;}
.textarea-wrapper h1.h1_3_8 {height:55px; background:url(../images/title/3_8.gif) no-repeat;}
.textarea-wrapper h1.h1_5_1 {height:55px; background:url(../images/title/5_1.gif) no-repeat;}
.textarea-wrapper h1.h1_5_2 {height:55px; background:url(../images/title/5_2.gif) no-repeat;}
.textarea-wrapper h1.h1_5_3 {height:55px; background:url(../images/title/5_3.gif) no-repeat;}
.textarea-wrapper h1.h1_5_4 {height:55px; background:url(../images/title/5_4.gif) no-repeat;}
.lang-hk .textarea-wrapper h1.h1_5_4 {height:55px; background:url(../images/title/5_4_hk.gif) no-repeat;}
.textarea-wrapper h1.h1_5_5 {height:55px; background:url(../images/title/5_5.gif) no-repeat;}
.textarea-wrapper h1.h1_5_6 {height:55px; background:url(../images/title/5_6.gif) no-repeat;}
.lang-hk .textarea-wrapper h1.h1_5_6 {height:55px; background:url(../images/title/5_6_hk.gif) no-repeat;}
.textarea-wrapper h1.h1_5_7 {height:55px; text-indent:0px}
.textarea-wrapper h1.h1_6_1 {height:55px; background:url(../images/title/6_1.gif) no-repeat;}
.lang-hk .textarea-wrapper h1.h1_6_1 {height:55px; background:url(../images/title/6_1_hk.gif) no-repeat;}
.textarea-wrapper h1.h1_6_2 {height:55px; background:url(../images/title/6_2.gif) no-repeat;}
.lang-hk .textarea-wrapper h1.h1_6_2 {height:55px; background:url(../images/title/6_2_hk.gif) no-repeat;}
.textarea-wrapper h1.h1_6_3 {height:55px; background:url(../images/title/6_3.gif) no-repeat;}
.lang-hk .textarea-wrapper h1.h1_6_3 {height:55px; background:url(../images/title/6_3_hk.gif) no-repeat;}
.textarea-wrapper h1.h1_6_4 {height:55px; background:url(../images/title/6_4.gif) no-repeat;}
.lang-hk .textarea-wrapper h1.h1_6_4 {height:55px; background:url(../images/title/6_4_hk.gif) no-repeat;}
.textarea-wrapper h1.h1_7_1 {height:55px; text-indent:0px}
.textarea-wrapper h1.h1_8_1 {height:55px; background:url(../images/title/8_1.gif) no-repeat;}
.lang-hk .textarea-wrapper h1.h1_8_1 {height:55px; background:url(../images/title/8_1_hk.gif) no-repeat;}
.textarea-wrapper h1.h1_8_2 {height:55px; background:url(../images/title/8_2.gif) no-repeat;}
.lang-hk .textarea-wrapper h1.h1_8_2 {height:55px; background:url(../images/title/8_2_hk.gif) no-repeat;}
.textarea-wrapper h1.h1_9_1 {height:55px; background:url(../images/title/9_1.gif) no-repeat;}
.lang-hk .textarea-wrapper h1.h1_9_1 {height:55px; background:url(../images/title/9_1_hk.gif) no-repeat;}

/* Order Methods Download link */
#orderform a{float:right;}

.shareiconset {display:block;overflow:hidden; text-align:right; margin-top:-70px; margin-bottom:40px;}

/* content-tail */
.copyright {float:left;  font-family:Arial, Helvetica, sans-serif; font-size:7pt; margin-top:5px;}
.sitenote  {float:right; font-family:Arial, Helvetica, sans-serif; font-size:11pt; color:#FFF;}
.sitenote .ico-set{float:left; margin-right:12px}
.sitenote .ico-set a.ico {margin-right:10px}
.sitenote .text {float:left; padding-top:5px}
.sitenote .text a:link, .sitenote .text a:visited {color:#FFF; text-decoration:none;}
.sitenote .text a:hover,.sitenote .text a:active  {color:#FFF; text-decoration:underline;}

/* PAGE ELEMENT ============================================================================================================= */
.grayline {background-color:#D7D7D7; margin:10px 0; height:1px; display:block;overflow:hidden;}
.dotline {margin-top:10px; height:1px; display:block;overflow:hidden; border-bottom:#CCC 2px dotted;}

/* 0. Policy */
.policy {display:block;overflow:hidden; color:#555555;}

/* 0. Signup */
.signup {display:block;overflow:hidden; color:#555555;}
.signup dl dt {float:left; padding:5px 0; clear:both; width:200px}
.signup dl dd {padding:5px 0; vertical-align:top;}

/* 0. Edit Profile */
.editprofile {display:block;overflow:hidden; color:#555555;}
.editprofile dl dt {float:left; padding:5px 0; clear:both; width:200px}
.editprofile dl dd {padding:5px 0; vertical-align:top;}

/* 0. Order History Error */
.ordererror {display:block;overflow:hidden; color:#555555;}

/* 0. Prodject Ideas */
.ideas {display:block;overflow:hidden; color:#555555; line-height:1.5em}
.ideas .pagenavi {text-align:center; font-size:12px; font-weight:bold; height:30px; margin-top:5px}
.ideas .pagenavi .page   {padding:10px 8px; color:#CCC;    position:relative; top:-10px;}
.ideas .pagenavi .current{padding:10px 8px; color:#8dc63f; position:relative; top:-10px;}
.ideas .pagenavi .prev {margin-right:5px;}
.ideas .pagenavi .next {margin-left:5px;}
.ideas a {color:#81b333}

/* 1. home */
.home .col1 {width:390px; display:block;overflow:hidden; float:left;}
.home .col2 {width:180px; display:block;overflow:hidden; float:right;}

.home .table1head {width:390px; display:block;overflow:hidden; background:url(../images/1_home/table1head.gif) top    #DAFBA6 no-repeat;
height:5px;}
.home .table1tail {width:380px; display:block;overflow:hidden; background:url(../images/1_home/table1tail.gif) bottom #DAFBA6 no-repeat;
padding:0 5px 5px 5px;}
.home .table2head {width:187px; height:35px; display:table-cell;overflow:hidden; background:url(../images/1_home/table2head.gif) top #8DC63F no-repeat;
text-align:center; padding:3px 0; color:#FFF; font-size:12px; font-weight:bold; vertical-align:middle;}
.home .table2tail {width:167px; display:block;overflow:hidden; background:url(../images/1_home/table2tail.gif) bottom #FFF no-repeat;
padding:5px 10px}

.home .table2tail .txt {font-size:10px; height:85px; display:block;overflow:hidden;}
.home .table2tail .txt img.img {border:#82CA9C solid 2px; float:left; margin-right:10px}
.home .table2tail .morebar {text-align:right}


/* 2. about us */
.aboutus h2 {font-family:"Arial Black", Gadget, sans-serif; color:#F7941D; font-size:16px; text-transform:uppercase;}
.aboutus {color:#636363; line-height:1.6em;}
.aboutus .pagenavi {text-align:center; font-size:12px; font-weight:bold; height:30px; margin-top:5px}
.aboutus .pagenavi .page   {padding:10px 8px; color:#CCC;    position:relative; top:-10px;}
.aboutus .pagenavi .current{padding:10px 8px; color:#F7941D; position:relative; top:-10px;}
.aboutus .pagenavi .prev {margin-right:5px;}
.aboutus .pagenavi .next {margin-left:5px;}

/* 3. product */
.producticonview tr td{width:175px; text-align:center; vertical-align:top;}
.producticonview tr td table tr td.img{vertical-align:middle; width:175px; height:175px; border: 1px solid #EEE;}
.producticonview tr td table tr td.txt,
.producticonview tr td table tr td.txt a:link,
.producticonview tr td table tr td.txt a:visited{color:#F7941D; text-decoration:none; height:3em; vertical-align:middle}
.producticonview tr td table tr td.txt a:hover,
.producticonview tr td table tr td.txt a:active {color:#F7941D; text-decoration:underline;}
.producticonview .price{color:#555555; font-size:10px;}

.pagenumber td {color:#FCCD10; font-weight:bold; vertical-align:middle}
.pagenumber a:link, .pagenumber a:visited {color:#CCC; text-decoration:none;}
.pagenumber a:hover, .pagenumber a:active {color:#CCC; text-decoration:underline;}

.product-detail h2{color:#F7941D; font-family:"Arial Black", Gadget, sans-serif; font-size:18px;}
.product-detail ul{padding-left:15px; font-size:10px;}
.product-detail {font-size:11px;}
.product-detail .product-image{float:right; margin:0 0 10px 10px;}
.product-detail .smallimage{margin-right:2px;}
.product-detail .price {font-size:12px}
h3{font-size:13px; font-weight:bold; color:#F7941D;}

.productbannerbtn a b.on { background:url(../images/3_product/btn_on.gif) no-repeat; width:64px; height:25px; display:block; float:left; text-align:center;
padding-top:5px; color:#FFF;}
.productbannerbtn a {text-decoration:none;}
.productbannerbtn a b.off { background:url(../images/3_product/btn_off.gif) no-repeat; width:64px; height:25px; display:block; float:left; text-align:center;
padding-top:5px; color:#FFF; }

.relateproduct2 td{text-align:center;}
.relateproduct2 .title{color:#00AEEF; font-size:12px; font-family:"Arial Black", Gadget, sans-serif;}
.relateproduct2 .price{color:#555555; font-size:12px;}

.relateproduct td{text-align:center;}
.relateproduct .title{color:#FCCD10; font-size:12px; font-family:"Arial Black", Gadget, sans-serif;}
.relateproduct .title a {color:#FCCD10; font-size:12px; font-family:"Arial Black", Gadget, sans-serif;}
.relateproduct .price{color:#555555; font-size:10px;}

.relatepackage td{text-align:center;}
.relatepackage .title{color:#FCCD10; font-size:18px; font-family:"Arial Black", Gadget, sans-serif;}
.relatepackage .price{color:#555555; font-size:14px;}
.relatepackage a:link,  .relatepackage a:visited{color:#555; text-decoration:underline; font-size:12px;}
.relatepackage a:hover, .relatepackage a:active {color:#000; text-decoration:underline;}

/* 4. safety */
.safety {display:block;overflow:hidden; color:#555555;}
.safety .line{ background-color:#FCCD10; height:1px;}
.safety .tablehead {background: url(../images/4_safety/table1.gif) top no-repeat; display:block;overflow:hidden; width:580px; height:50px;}
.safety .tablebody {background: url(../images/4_safety/table2.gif);           display:block; width:540px; padding:0 20px; min-height:450px; }
.safety .tabletail {background: url(../images/4_safety/table3.gif) no-repeat; display:block;overflow:hidden; width:520px; padding:0 30px; height:40px;}

.safety dl {margin:0;}
.safety dl dt {float:left; padding:5px 0; clear:both}
.safety dl dd {padding:5px 0;}
.safety dl.loginbox dt {width:80px;}
.safety dl.downloadlist dt {width:450px;}
.safety a.lostpw1:link, .safety a.lostpw1:visited {color:#006EBC; font-size:11px; text-decoration:underline;}
.safety a.lostpw2:link, .safety a.lostpw2:visited {color:#EE2E2E; font-size:11px; text-decoration:underline;}


/* 5. News */
.news {color:#636363; line-height:1.6em;}
.news .subheading { font-family:"Arial Black", Gadget, sans-serif}
.news {color:#636363; line-height:1.6em;}
.news td { vertical-align:middle}
.news .pagenavi {text-align:center; font-size:12px; font-weight:bold; height:30px; margin-top:5px}
.news .pagenavi .page   {padding:10px 8px; color:#CCC;    position:relative; top:-10px;}
.news .pagenavi .current{padding:10px 8px; color:#00AEEF; position:relative; top:-10px;}
.news .pagenavi .prev {margin-right:5px;}
.news .pagenavi .next {margin-left:5px;}

.news .link .img {}
.news .link .txt {vertical-align:top}
.news .link .txt .title {color:#00AEEF; font-family:"Arial Black", Gadget, sans-serif;}

.news .photo {width:130px; display:block; overflow:hidden;}
.news .photo .img{width:130px; height:130px; text-align:center; vertical-align:middle; background: url(../images/5_news/graybox.gif) no-repeat;}
.news .photo .txt {height:50px; vertical-align:top;  text-align:center;}
.news .photo .txt,
.news .photo .txt a:link,
.news .photo .txt a:visited { color:#00AEEF}

/* 6. orders */
.orders {color:#636363; line-height:1.6em;}
.orders .title {font-family:"Arial Black", Gadget, sans-serif;}
.orders .title2 {color:#004099; text-decoration:underline}
.orders .remarks {font-size:11px;}
.orders .pagenavi {text-align:center; font-size:12px; font-weight:bold; height:30px; margin-top:5px}
.orders .pagenavi .page   {padding:10px 8px; color:#CCC;    position:relative; top:-10px;}
.orders .pagenavi .current{padding:10px 8px; color:#004099; position:relative; top:-10px;}
.orders .pagenavi .prev {margin-right:5px;}
.orders .pagenavi .next {margin-left:5px;}


/* 7. faq & tips */
.faq {color:#636363; line-height:1.6em;}

/*.faq .question {margin-top:10px;}*/
.faq .question .num {width:30px}
.faq .question .txt {}
.faq h3{color:#636363}
.faq h3.ui-state-active a{font-family:"Arial Black", Gadget, sans-serif; color:#A864A8; text-decoration:underline;}
.faq div p {color:#A864A8; margin-left:30px; line-height:2em;}

/* 8. contact us */
.contact {color:#636363; line-height:1.6em;}
.contact dl {margin:0;}
.contact dl dt {float:left; padding:5px 0; clear:both}
.contact dl dd {padding:5px 0;}
.contact dl.contact1 dt {width:80px;}
.contact dl.contact1 a:link, .contact dl.contact1 a:hover {color:#006EBC; text-decoration:underline; font-weight:bold;}
.contact .enquiry {margin-bottom:10px;}
.contact .enquiry .txt  {width:110px; vertical-align:top;}
.contact .enquiry .colan{width:10px;  vertical-align:top;}
.contact .enquiry .field{width:180px;}
.contact .option {font-size:10px}
.contact .checkcode{font-weight:bold; color:#F00; width:60px}

/* 9. checkout */
.shoppingcart {display:block;overflow:hidden; color:#555555;}
.shoppingcart .tablehead {background: url(../images/9_checkout/table1.gif) no-repeat; display:block;overflow:hidden; width:580px; height:30px;}
.shoppingcart .tablebody {background: url(../images/9_checkout/table2.gif);           display:block;overflow:hidden; width:550px; padding:0 15px; min-height:450px; }
.shoppingcart .tablebody2{background: url(../images/9_checkout/table2.gif);           display:block;overflow:hidden; width:550px; padding:0 15px;}
.shoppingcart .tabletail {background: url(../images/9_checkout/table3.gif) no-repeat; display:block;overflow:hidden; width:520px; padding:0 30px; height:30px;}

.nav {display:block;overflow:hidden;}
.nav .goleft {float:left;  width:250px;}
.nav .goright{float:right; width:250px; text-align:right;}

/* 9.1 */
.shoppingcart .table1 {margin:5px 0px 0px 0px;}
.shoppingcart .table1 .tab1 {width:90px; text-align:left; padding-left:10px}
.shoppingcart .table1 .tab2 {width:190px; text-align:center;}
.shoppingcart .table1 .tab3 {width:100px; text-align:center;}
.shoppingcart .table1 .tab4 {width:80px; text-align:center;}
.shoppingcart .table1 .tab4 input {text-align:center}
.shoppingcart .table1 .tab5 {text-align:right; padding-right:10px;}

.shoppingcart .line {background-color:#006EBC; margin:5px 0; height:1px;}

/* 9.2/3 */
.shoppingcart .remark {color:#EE2E2E; font-size:12px; font-weight:bold;}
.shoppingcart .smalloption {font-size:10px; margin-bottom:20px;}

.shoppingcart dl {margin:0;}
.shoppingcart dl dt {float:left; margin:2px 10px 0 0; padding:5px 0; clear:both}
.shoppingcart dl dt.doubleline, .shoppingcart dl dd.doubleline {height:3em;}
.shoppingcart dl dd {padding:5px 0;}

.shoppingcart dl.cotnactinfo dt {width:100px;}
.shoppingcart dl.address dt {width:160px;}

/* 9.4 */
.shoppingcart .tablecheckout {margin:5px 0px 0px 0px;}
.shoppingcart .tablecheckout .tab1 {width:330px;}
.shoppingcart .tablecheckout .tab2 {width:120px; text-align:right;}
.shoppingcart .tablecheckout .tab3 {text-align:right; padding-right:10px;}
.shoppingcart .tablecheckout .topline{border-top: #000 1px solid; font-weight:bold;}

/* SEARCH */
.search a {text-decoration:underline;}

/* sitemap */
ul.sitemap { padding-left:0;}
ul.sitemap li       {list-style:none; margin-bottom:20px; font-weight:bold; font-size:14px;}
ul.sitemap li a     {color:#333} /* 1st level */
ul.sitemap li ul    {margin-top:5px; padding-left:0;}
ul.sitemap li ul li {list-style:none; margin-bottom:3px; font-weight:normal; font-size:11px; }
ul.sitemap li ul li a {color:#666;}  /* 2nd level */
ul.sitemap li ul li ul {padding-left:15px;}
ul.sitemap li ul li ul li a {}  /* 3rd level */

.slides_container {width:840px; height:280px;}