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





a, body, td, div, pre, ul, ol, li, p, span, font { font-family: arial; font-size: 11px; line-height: 16px; color: #333333; }
body { background:url(image/btm_bg.jpg) repeat-x left bottom #3D4A4B; padding:0px; margin:0px; }






a { font-family: arial; color: #009999; text-decoration: none; }
a:link { text-decoration: underline; }
a:visited { text-decoration: underline; }
a:active { text-decoration: underline; }
a:hover { text-decoration: none; color: #009999; }

a.green { font-family: arial; color: #37605B; text-decoration: none; }
a.green:link { text-decoration: none; }
a.green:visited { text-decoration: none; }
a.green:active { text-decoration: none; }
a.green:hover { text-decoration: none; color: #000000; }

a.sub { font-family: arial; color: #33b9b3; text-decoration: none; }
a.sub:link { text-decoration: none; }
a.sub:visited { text-decoration: none; }
a.sub:active { text-decoration: none; }
a.sub:hover { text-decoration: none; color: #009999; }

a.subself { font-family: arial; color: #ff9900; text-decoration: none; }
a.subself:link { text-decoration: none; }
a.subself:visited { text-decoration: none; }
a.subself:active { text-decoration: none; }
a.subself:hover { text-decoration: none; color: #ff9900; }

a.subdis { font-family: arial; color: #666666; text-decoration: none; margin:4px; margin-left:0px; }
a.subdis:link { text-decoration: none; }
a.subdis:visited { text-decoration: none; }
a.subdis:active { text-decoration: none; }
a.subdis:hover { text-decoration: underline; color: #444444; }

a.subcoffee { font-family: arial; color: #ECBD66; text-decoration: none; }
a.subcoffee:link { text-decoration: none; }
a.subcoffee:visited { text-decoration: none; }
a.subcoffee:active { text-decoration: none; }
a.subcoffee:hover { text-decoration: none; color: #855B11; }

a.subgray { margin-left: 15px;  font-family: arial; color: #888888; text-decoration: none; }
a.subgray:link { text-decoration: none; }
a.subgray:visited { text-decoration: none; }
a.subgray:active { text-decoration: none; }
a.subgray:hover { text-decoration: none; color: #666666; }

a.subpurple { font-family: arial; color: #D1A3D1; text-decoration: none; }
a.subpurple:link { text-decoration: none; }
a.subpurple:visited { text-decoration: none; }
a.subpurple:active { text-decoration: none; }
a.subpurple:hover { text-decoration: none; color: #663366; }

a.whitesmall { font-family: arial;  font-size: 10px;  color: #ffffff; line-height: 14px; font-weight:bold; text-decoration: none; }
a.whitesmall:link { text-decoration: underline; }
a.whitesmall:visited { text-decoration: underline; }
a.whitesmall:active { text-decoration: underline; }
a.whitesmall:hover { text-decoration: none; color: #ffffff; }

a.whitelarge { font-family: arial;  font-size: 14px;  color: #ffffff; line-height: 24px; font-weight:bold; text-decoration: none; }
a.whitelarge:link { text-decoration: none; }
a.whitelarge:visited { text-decoration: underline; }
a.whitelarge:active { text-decoration: underline; }
a.whitelarge:hover { text-decoration: none; color: #ffffff; }



input, select, option { font-family: arial; font-size: 9pt; line-height: 11pt; height: 11pt;; padding: 1px; margin: 0px; background-color: white; border: 1px solid #acacac; border-bottom: 1px solid #ececec; border-right: 1px solid #eeeeee; }

input.basic1 { font-size: 9pt; background-color: white; width: 98px; height: 11pt; }
input.basic2 { font-size: 9pt; background-color: white; width: 20px; height: 11pt; }
input.basicCart { background-color: white; border: 1px solid #cccccc; color: #5c5c5c; width: 60px; height: 18px; }
input.basicCart2 { background-color: white; border: 1px solid #cccccc; color: #5c5c5c; width: 100px; height: 18px; }
input.quantity{ font-size: 9px; font-weight: bold; background-color: white; width: 20px; height: 16px; }
input.radio1 { background-color: none; border: none; }


ul { padding:0px; margin:5px; margin-left:20px; padding-left:5px; }
li { margin: 0px; padding:0px; }



.basicBold {  font-weight: bold;}
.basicBoldNum {  font-weight: bold; font-size:18px; color:#990000; line-height:24px; }
.basicBoldTitleBrown { font-weight: bold; font-size:16px; color:#855B11; line-height:20px; }
.basicBoldTitleRed { font-weight: bold; font-size:16px; color:#CC0000; line-height:20px;  }
.basicBoldTitleOrange { font-weight: bold; font-size:16px; color:#ECBD66; line-height:20px;  }
.basicBoldTitleWhite { font-weight: bold; font-size:14px; color:#ffffff; line-height:18px;  }
.basicWhite { color: #FFFFFF; }
.basicGreen { color: #009999;}
.basicCoffee { color: #855B11;}
.basicPurple { color: #663366;}
.basicSmall { font-size: 10px; line-height: 14px;  color: #999999; }
.basicSmallBlack { font-size: 10px; line-height: 14px;  color: #555555; }
.basicSmallWhite { font-size: 10px; line-height: 14px;  color: #FFFFFF; }
.basicSmallGreen { font-size: 10px; line-height: 14px;  color: #009999; }
.basicSmallGreen2 { font-size: 10px; line-height: 14px;  color: #009999; text-decoration:none; font-weight:bold; }
.basicSmallCoffee{ font-size: 10px; line-height: 14px;  color: #855B11; }
.basicSmallPurple{ font-size: 10px; line-height: 14px;  color: #663366; }
.basicGreenBold { font-family: arial; font-weight: bold; font-size: 11px; line-height: 18px; color: #009999; }
.basicGrayBold { font-family: arial; font-weight: bold; font-size: 11px; line-height: 18px; color: #5c5c5c; }
.basicRedBold { font-family: arial; font-weight: bold; font-size: 11px; line-height: 18px; color: #990000; }
.basicOrangeBold { font-family: arial; font-weight: bold; font-size: 11px; line-height: 18px; color: #ff9900; }
.basicBlueBold { font-family: arial; font-weight: bold; font-size: 11px; line-height: 18px; color: #006699; }
.basicWhiteBold { font-family: arial; font-weight: bold; font-size: 11px; line-height: 18px; color: #FFFFFF; }
.basicLine{ font-family: arial; font-size: 11px; line-height: 18px; text-decoration: line-through;  color: #333333; }
.basicUnderline{ text-decoration: underline; }


.subMenu { border-bottom: 1px solid #ececec;  color: #666666; }
.frameIndexRow { padding-top: 6px; }






@import url("footcare/oppo_footcare.css");





.mainbody { height:100%; }
.header { border:0px solid red; height:50px; }
.contentbody { height:100%; background:url(image/contentbodybg.gif);  }
.contentbody2 { height:100%; background:url(image/index_menu_bg2.gif);  }
.contentfooter { height:20px; }









/*************************************************/
/* NEW ADD */


.featureConCell { padding:33px; padding-right:32px; padding-bottom:30px; }
.featureConBox { border:1px solid #cccccc; background-color:white; padding:25px; }


.indicationCell { padding:45px; background:url(image/indicationTag_f01.gif) no-repeat;  }
.indicationCell2 { padding:5px; background:url(image/indicationTag_f01.gif) no-repeat;  }
.indicationCell3 { padding:5px; background:url(image/indicationTagWhite_f01.gif) no-repeat;  }
.stockingFeatureBg { width:545px; background:url(image/stockingFeatureBg.jpg) no-repeat 100% 100%; background-color:white; padding:40px;  }
.recommandCell { padding:45px;  background:url(image/recommendTag_f01.gif) no-repeat;  }
.seriesCell { padding:45px;  background:url(image/seriesTag_f01.gif) no-repeat;  }
.productInfoCell { padding:45px;  background:url(image/produtInfoTag_f01.gif) no-repeat;  background-color:white; }
.listCell { padding:45px;  background:url(image/listTag_f01.gif) no-repeat;  }
.newCell { padding:45px;  background:url(image/newTag_f01.gif) no-repeat;  }
.productCell { padding:25px; padding-top:45px; padding-bottom:0px; background:url(image/productTagHeader_f01.gif) no-repeat; background-color:white;  }
.partCell { padding:40px;  padding-right:25px; background:url(image/partTag_f01.gif) no-repeat;  }