/*==================== index ====================*/
#container.container-index {
  width: 905px;
}
.container-index #left-pane {
  width: 200px;
}
.container-index #main-pane {
  margin: 0 15px 0 15px;
  width: 445px;
  text-align: left;
}
.container-index #right-pane {
  width: 230px;
}
.container-index .prompt_title {
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #467600;
}
.container-index .prompt_title a {
  font-size: 14px;
  font-weight: bold;
  color: #467600;
}
.container-index .prompt {
  padding: 0 10px 0 10px;
  text-align: left;
  color: #467600;
  line-height: 130%;
}
.container-index .prompt a {
  color: #467600;
  line-height: 130%;
}

.container-index .title-div {
  color: #467600;
}

input.button_mail_list {
  height: 20px;
  width: 53px;
  border: 0;
  background: url(images/btn_email_list_ok.gif) no-repeat;
}

ul.notice {
  height: 153px;
  overflow: hidden;
}

ul.notice li {
  background: url(images/icon_arrow1.gif) no-repeat;
  padding-left: 14px;
  color: #FF0000;
}

ul.notice li a {
  color: #FF0000;
}

.index_why li {
  margin-left: 5px;
  padding-left: 5px;
  text-align: left;
}
.index_why li.title {
  padding-left: 15px;
  background: url(images/icon_arrow1.gif) no-repeat 0 1px;
	font-weight: bold;
}
/*==================== main ====================*/
.container-main #left-pane {
  width: 0;
}
.container-main #main-pane {
  float: none;
  width: 650px;
  margin: 0 auto 0 auto;
}
.container-main #right-pane {
  width: 0;
}

/*==================== info ====================*/
.container-info #left-pane {
  width: 0;
}
.container-info #main-pane {
  width: 665px;
}
.container-info #right-pane {
  width: 280px;
  margin-left: 15px;
}

/*==================== user ====================*/
.container-user #left-pane {
  width: 165px;
  border-right: 1px solid black;
}
.container-user #main-pane {
  width: 780px;
}
.container-user .title-div {
  border:none;
  background: none;
  border-bottom: 1px solid black;
  font-weight: bold;
  font-size:14px;
  margin: 0px;
  padding:6px 0 4px 40px;
  height: auto;
}
.container-user .content-div {
  border:none;
  margin-left:5px;
  min-height: 300px;
}
.container-user #right-pane {
  width: 0;
}

ul.user_menu {
  margin-bottom: 20px;
  padding-bottom: 5px;
}
ul.user_menu li {
  letter-spacing: 1px;
  line-height: 100%;
}
ul.user_menu li.title {
  padding: 6px 0 5px 0;
  border-bottom: 1px solid #000;
  letter-spacing: 2px;
  text-align: right;
  font-weight: bold;
  font-size:20px;
  color: #7aa200;

}
ul.user_menu li.l1 {
  margin: 5px 0px 5px 15px;
  padding: 0px 25px 3px 0;
  text-align:right;
  background: url('images/btn_arrow_triple.gif') no-repeat right;
  font-size:14px;
  font-weight:bold;
}
ul.user_menu li.l2 {
  padding: 5px 5px 5px 50px;
  text-align:right;
}
ul.user_menu li.l2-selected {
  padding: 5px 5px 5px 50px;
  background: #9cce00;
  text-align:right;
}

ul.user_menu li.l2-selected a {
  color: white;
}
/*==================== article-hlk ====================*/
.container-article-hlk #left-pane {
  width: 200px;
}
.container-article-hlk #main-pane {
  width: 750px;
  margin-left: 10px;
  text-align: left;
}
.container-article-hlk #right-pane {
  width: 0;
}

/*==================== category ====================*/
.container-category #left-pane {
  width: 200px;
}
.container-category #main-pane {
  margin: 0 15px 0 15px;
  width: 530px;
  text-align: left;
}
.container-category #right-pane {
  width: 200px;
}

/*==================== category_package ====================*/
.container-category-package #left-pane {
  width: 200px;
}
.container-category-package #main-pane {
  margin-left: 15px;
  width: 745px;
  text-align: left;
}
.container-category-package #right-pane {
  width: 0;
}

/*==================== iexchange ====================*/
.container-iexchange #left-pane {
  width: 170px;
}
.container-iexchange #main-pane {
  margin: 0 15px 0 15px;
  width: 590px;
  text-align: left;
}
.container-iexchange #right-pane {
  width: 170px;
}

/*==================== goods ====================*/
.container-goods #left-pane {
  width: 200px;
}
.container-goods #main-pane {
  margin: 0 15px 0 15px;
  width: 530px;
  text-align: left;
}
.container-goods #right-pane {
  width: 200px;
}

/*==================== article ====================*/
.article-title {
  height: 37px;
  background: url(images/blue_arrow.gif) no-repeat;
  padding-top: 9px;
  padding-left: 37px;
  font-size: 14px;
  font-weight: bold;
}
.article-content {
  padding: 4px 30px 20px 20px;
  text-align: left;
}
.article-content p {
  padding-bottom: 1em;
  text-indent: 0em;
}
.article-content fieldset {
  margin-bottom: 18px;
  border: 1px solid #6E9D11;
  padding: 0 12px 0 12px;
  color: #6E9D11;
}
.article-content legend{
  margin-bottom: 8px;
  border: 1px solid #6E9D11;
  padding: 0 8px 0 8px;
  font-weight: normal;
  font-size: 12px;
}

/*==================== Recipe ====================*/
.container-recipe #left-pane {
  width: 200px;
}
.container-recipe #main-pane {
  margin: 0 15px 0 15px;
  width: 530px;
  text-align: left;
}
.container-recipe #right-pane {
  width: 200px;
}

.recipe_title {
  clear: both;
  font-size: 16px;
  font-weight: bold;
  color: #6E9D11;
  text-align: center;
}
.recipe_sub_title {
  clear: both;
  font-size: 14px;
  font-weight: bold;
  color: #6E9D11;
  text-align: center;
  padding: 3px;
}
.recipe_border {
  border: 1px solid #CCCCCC;
  padding: 8px;
  margin-bottom: 10px;
  clear: both;
}

/*==================== Vote ====================*/
.container-vote {
  width: 930px;
}

.container-vote div.title {
  clear: both;
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 3px;
}
.container-vote ul li{
  float: left;
  padding-right: 30px;
  width: auto;
  height: 24px;
}
.container-vote ul.list {
  float: left;
  padding-bottom: 20px;
}

/*==================== default rightpane ====================*/
.rightpane_why li {
  margin-left: 5px;
  padding-left: 17px;
}
.rightpane_why li.title {
  background: url(images/icon_arrow1.gif) no-repeat 0 1px;
	font-weight: bold;
}

.rightpane_faq li {
  margin-left: 5px;
  height: auto !important;
  height: 20px;
  background: url(images/icon_arrow1.gif) no-repeat;
  background-position: 0 1px;
  padding-left: 17px;
}

#pwd_lower, #pwd_middle, #pwd_high {
  border-bottom: 2px solid #DADADA;
}

/*==================== iexchange ====================*/
.container-iexchange #left-pane {
  width: 170px;
}
.container-iexchange #main-pane {
  margin: 0 15px 0 15px;
  width: 590px;
  text-align: left;
}
.container-iexchange #right-pane {
  width: 170px;
}

/*==================== service for package ====================*/
.package_nav {
  padding: 0 6px 0 16px;
}
.package_nav .category{
  font-size: 14px;
  font-weight: bold;
}
.package_nav .category_selected{
  font-size: 14px;
  font-weight: bold;
}
.package_nav .package{
  padding-left: 14px;
}
.package_nav .package_selected{
  background: url(images/icon_arrow1.gif) no-repeat;
  padding-left: 14px;
}
.package_nav a {
  color: #6E9D11;
  font-weight: bold;
}
.package_nav a:visited, .package_nav a:link {
  color: #6E9D11;
  font-weight: bold;
}

.package_main {
  padding: 0px 16px 0 16px;
}
.package_main .image_border {
  margin-right: 10px;
}
.package_handler {
  padding-left: 10px;
  padding-bottom: 3px;
}
.package_handler a {
  background: url(images/service_week_left.gif) no-repeat;
  background-position: 0 0px;
  padding: 0 0 0 25px;
}
.package_handler a span {
  background: url(images/service_week_right.gif) no-repeat;
  background-position: 100% 0px;
  padding: 8px 15px 5px 6px;
  font-weight: bold;
  color: #666;
}
.package_handler a.selected {
  background-position: 0% -27px;
}
.package_handler a.selected span {
  background-position: 100% -27px;
  font-weight: bold;
  color: #FFF;
}
.package_shipping_goods_select {
  background: url(images/icon_title.gif) no-repeat;
  padding: 10px;
}
.package_goods {
  padding: 10px;
}
.package_goods .image_border {
  margin-right: 10px;
}

/*==================== Order Step ====================*/
ul.step {
	margin: 0px !important; margin: 10px; padding: 10px !important; padding: 0px; clear: both; width: 640px; overflow: hidden;
}
ul.step li {
	float: left;
}
ul.step li img.ico_arrowhead {
	margin-top: 16px;
}
.ico_step {background: url(images/step.gif) no-repeat; border: 0px;}
.ico_step_01 {background-position: 0% -51px; width: 128px; height: 51px;}
.ico_step_01_selected {background-position: 0% 0px; width: 128px; height: 51px;}
.ico_step_02 {background-position: 0% -357px; width: 130px; height: 51px;}
.ico_step_02_selected {background-position: 0% -306px; width: 130px; height: 51px;}
.ico_step_03 {background-position: 0% -153px; width: 204px; height: 51px;}
.ico_step_03_selected {background-position: 0% -102px; width: 204px; height: 51px;}
.ico_step_04 {background-position: 0% -255px; width: 128px; height: 51px;}
.ico_step_04_selected {background-position: 0% -204px; width: 128px; height: 51px;}

/*==================== Custom ackage ====================*/
.div_number {
  width: 47px;
  height: 21px;
}
.input_number {
  float: left;
  width: 36px;
  text-align: right;
}
.btn_number_increase {
  clear: right;
  float: right;
  width: 9px;
  height: 9px;
  margin: 0px 0px 1px 0px;
  padding: 0px;
  border: 1px solid #356801;
  background: #9CCE00 url(images/btn_increase.gif) no-repeat;
}
.btn_number_decrease {
  clear: right;
  float: right;
  width: 9px;
  height: 9px;
  margin: 0px 0px 1px 0px;
  padding: 0px;
  border: 1px solid #356801;
  background: #9CCE00 url(images/btn_decrease.gif) no-repeat;
}

.package_goods td {
  padding: 0 4px 0 4px;
}

.package_goods_title td {
  padding: 2px 4px 2px 4px;
}

.text_center{
  text-align:center;
}
.green_text_big{
  padding: 0px 4px;
  color: #6E9D11;
  font-size: 14px;
  font-weight: bold;
}
.green_text_big a{
  color: #6E9D11;
}

.green_text, .green_text a{
  color: #6E9D11;
}

.grey_blue_bg{
  background: #e5e9e4;
}
.grey_blue_bg_dark{
 background: #d5d8d3;
}

.overlib_bg {
  border: solid 1px #66A537;
  background: #E7F6DC;
}
.overlib_ca {
  padding: 1px 4px 1px 8px;
  color: #007236;
  font-size: 12px;
}
.overlib_cl {
  padding-right: 8px;
  text-align: right;

}
.overlib_fg {
  background: #FFFFFF;
}
.overlib_t {
  padding: 4px 8px 4px 10px;
  font-size: 12px;
}
.padding-4{
  padding: 4px;
}
.dashed-line{
  border-top: 1px dashed #CCCCCC;
  margin-top: 10px;
  padding-bottom: 10px;
}

.goods_img {
  width: 200px;
  height: 200px;
}
.goods_thumb {
  width: 100px;
  height: 100px;
}
.article_recommend {
  width: 200px;
  height: 200px;
}
.article_thumb {
  width: 100px;
  height: 100px;
}

.product_item1 {
  font-weight: bold;
  padding-left: 5px;
}
.product_item1 a {
  background: url(images/arrow_3.gif) no-repeat scroll left center;
  padding-left:10px;
  padding-bottom:1px;
  margin: 3px 0 3px 0;
}

.product_item2 {
  float: left;
  background: transparent url(images/h4.gif) no-repeat scroll right center;
  display: inline;
  margin: 2px 0 3px 5px;
  padding: 0 5px 0 0;
  white-space: nowrap;
  line-height: 120%;
}

.product_item3 {
  float: left;
  margin: 2px 0 3px 5px;
  padding: 0 1px 0px 0;
  display: table;
  background: transparent url(images/btn_empty.gif) no-repeat scroll right center;
}

.product_item3_red {
  float: left;
  margin: 2px 0 3px 5px;
  padding: 0 1px 0px 0;
  display: table;
  background: transparent url(images/btn_empty_1.gif) no-repeat scroll right center;
}

.product_item3 a {
  display: table-cell !important;
  background: transparent url(images/btn_empty.gif) no-repeat scroll left center;
  display: block;
  padding: 0 5px 2px 7px;
  text-align:center;
  vertical-align:middle;
}
.product_item3_red a.red-btn {
  background: transparent url(images/btn_empty_1.gif) no-repeat scroll left center;
  display: block;
  padding: 0 5px 2px 7px;
  text-align:center;
  vertical-align:middle;
}
.product_item3_red a.red-btn {
  background: transparent url(images/btn_empty_2.gif) no-repeat scroll left center;
  display: block;
  padding: 0 5px 2px 7px;
  text-align:center;
  vertical-align:middle;
}

.no-display {
  display: none;
}
.pointer {
  cursor: pointer;
}