@import "../base.css";

#categmenu .menuitem, #sitemenu .menuitem {
  margin: 0px 0px 0px 0px;
}

#categmenu .menuitem .menugroup, #sitemenu .menuitem .menugroup {
  margin: 0px 0px 0px 5px;
}

#categmenu, #sitemenu {
  margin-bottom: 2px;
  padding: 0px;
  border: solid 1px #999999;
  clear:both;
}

#categmenu h2 {
  text-align: left;
  margin: 0px 0px 0px 0px;
  padding: 2px 0px 2px 30px;
  background: #dddddd url(images/menu-os-categ.png) no-repeat;
  border-bottom: solid 1px #999999;
  height: 18px;
}

#categmenu .menuitem_all_product {
  margin: 0px 0px 5px 0px;
}

#sitemenu h2 {
  text-align: left;
  margin: 0px 0px 0px 0px;
  padding: 2px 0px 2px 30px;
  background: #dddddd url(images/menu-os-site.png) no-repeat;
  border-bottom: solid 1px #999999;
  height: 18px;
}


#store_content {
  margin-left: 5px;
  margin-right: 5px;
}

#store_content h1 {
  padding-bottom: 5px;
  border-bottom: solid 1px #999999;  
}

#store_content h2 {
  margin: 0px 0px 5px 0px;
  padding: 10px 0px 5px 0px;
  border-bottom: solid 1px #ddddff;  
}
.msgok {
  color: #000099;
  font-weight: bold;
  margin-bottom: 10px;
}

.msgerr {
  color: #dd0000;
  font-weight: bold;
  margin-bottom: 10px;
}

.fielderr {
  color: #dd0000;
  font-style: italic;  
  padding: 2px 0px 0px 20px;
  margin: 5px 0px 0px 0px;
  background: url(../images/warning.png) no-repeat;
}

#cat_detail {
  float: left;
  width: 380px;
  margin: 0px 5px 0px 0px;
}

#side_bar {
  width: 160px;
  float: left;
  margin: 0px 0px 0px 3px;
}

/* -- detail description --*/
.fieldimg {
  text-align: center;
  margin: 10px 0px 5px 0px;
}

.fieldimg_na {
  margin: 0px 0px 0px 80px;
  padding: 30px 0px 0px 0px;
  width: 200px;
  height: 120px;
  font-size: 2em;
  background: #dddddd;
  color: #ffffff;
}

#cat_detail h2 {
  border-bottom: none;  
}

.textcontent {
  margin: 0px 0px 0px 10px;
}

.price_val {
  font-size: 1.4em;
  font-weight: bold;
}
.price_ori {
  text-decoration: line-through;
}

.dimension_entry {
  padding: 3px 0px 0px 0px;
  clear: both;
}


.dimension_type {
  float: left;
  width: 80px;
}

.dimension_value {
  float: left;
  width: 100px;
}

a.action_cart, a.action_cart:active, a.action_cart:visited  {
  padding: 3px 0px 3px 25px;
  background: url(images/cart.jpg) no-repeat; 
}

.fieldtext_group {
  clear: both;
}

.fieldaction {
  clear: both;
  text-align:right;
  padding: 10px 10px 0px 0px;
}

a.action_cart_del, a.action_cart_del:active, a.action_cart_del:visited  {
  padding: 3px 0px 3px 25px;
  background: url(images/cartx.jpg) no-repeat; 
}

.input_itemcount {
  position:relative;
  font-size: 1em;
  top: -2px;
  border:1px solid #999999;
  width: 30px;  
  margin: 0px 5px 0px 5px;
  padding: 0px 4px 0px 4px;
}
.itemcount {
  margin: 0px 5px 0px 5px;
}

#bid_area {
  clear: both;
}

#bid_area h2 {
}

.bid_price_win {
  font-size: 1.4em;
  font-weight: bold;
}

.price_min_price {
  font-size: 1.2em;
  font-weight: bold;
}

#input_bid_my_price {
  border: 1px solid #000099;
  background: #eeeeff;
  padding: 0px 3px 0px 3px;
  margin: 5px 5px 0px 0px;
  font-size: 1.5em;
  width: 120px;
}

#place_bid_area .lit_bid_my_price {
   padding: 0px 0px 5px 0px;
}

#bid_place {
  width : 120px;
  margin: 0px 0px 2px 0px;
}

#textcontent_require_login {
  margin: 10px 0px 0px 10px;
  font-weight: bold;
}

#bid_agreement {
  text-align : center;
  font-style : italic;
  margin: 20px 0px 10px 0px;
}

#bid_list {
  margin: 10px 0px 0px 10px;
  border-bottom: solid 1px #bbbbbb;
}

#bid_list_header {
  background: #eeeeee;
}

#header_ts    { padding: 3px 0px 3px 20px; float: left; width: 105px; background: #eeeeee; border-bottom: solid 1px #bbbbbb;}
#header_name  { padding: 3px 0px 3px 0px; float: left; width: 150px; background: #eeeeee; border-bottom: solid 1px #bbbbbb;}
#header_price { padding: 3px 5px 3px 0px; float: left; width:  85px; background: #eeeeee; border-bottom: solid 1px #bbbbbb;}

#bid_list_items {
  margin: 10px 0px 0px 0px;
  clear: both;
}

#bid_list_no_item {
  padding: 3px 0px 3px 0px;
  text-align: center;
}

.bid_items   {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none;}
.bid_item, .bid_item_new, .bid_item_apv, .bid_item_win  {clear: both;}
.item_status {float: left; margin:2px 0px 0px 0px; width: 20px; height: 20px;}
.item_ts     {float: left; margin:2px 0px 0px 0px; width: 105px;}
.item_name   {float: left; margin:2px 0px 0px 0px; width: 150px;}
.item_price  {float: left; margin:2px 0px 0px 0px; width: 85px; }
                            
.bid_item_new .item_status, 
.bid_item_new .item_ts, 
.bid_item_new .item_name,
.bid_item_new .item_price {
  color: #888888;
}

.bid_item_win .item_status, 
.bid_item_win .item_ts, 
.bid_item_win .item_name,
.bid_item_win .item_price {
  color: #0000ff;
  background: #ddddff;
}

.bid_item_apv .item_status, 
.bid_item_apv .item_ts, 
.bid_item_apv .item_name,
.bid_item_apv .item_price {
  color: #000000;
  background: #ffffff;
}


.bid_item_new .item_status {
  background: url(images/bid-new.jpg) top left no-repeat;
}

.bid_item_win .item_status {
  background: url(images/bid-win.jpg) top left no-repeat;
}

.bid_item_apv .item_status {
  background: url(images/bid-apv.jpg) top left no-repeat;
}

#legend {clear: both; margin: 0px 0px 0px 10px; }

#legend_new { margin: 0px 0px 0px 0px;  padding: 0px 0px 0px 20px; background: url(images/bid-new.jpg) top left no-repeat;}
#legend_win { margin: 0px 0px 0px 20px; padding: 0px 0px 0px 20px; background: url(images/bid-win.jpg) top left no-repeat;}
#legend_apv { margin: 0px 0px 0px 20px; padding: 0px 0px 0px 20px; background: url(images/bid-apv.jpg) top left no-repeat;}


/*---- rotated product */
#idxrotated {
  clear: both;
  margin: 10px 0px 0px 0px;
}

.idxrotated_list {
   list-style: none;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 5px 10px;
}

.idxrotated_item {
  background: transparent url(../images/bullet-center.gif) no-repeat left top;
	list-style-type: none; 
	padding: 0px 0px 2px 15px;
}

.idxrotated_item_title a, .idxrotated_item_title a:active, .idxrotated_item_title a:visited {
  color: #0000ff;
  font-weight: bold;
}

#nav_back {
  clear: both;
}

#catbookmark {
  clear: both;
  margin: 15px 0px 5px 0px;
}

#side_ads {
  width: 160px;
  border: 1px solid #aaaaaa;
  margin: 0px 0px 0px 0px;
}

#side_ads h2 {
  text-align: center;
  background: #eeeeee;
  padding: 3px 0px 3px 0px;
  margin: 0px 0px 0px 0px;
  border-bottom: 1px solid #aaaaaa;
}

.advertize_here {
  width: 150px;
  height: 70px;
  background: url(images/advertise-here.jpg) no-repeat center center;
  font-size: 0em;
  color:#ffffff;
  text-decoration: none;
  cursor: hand;
}

#side_ads .ads_action_top, #side_ads .ads_action_bottom {
  text-align: center;
  font-size: 0.8em;
  margin: 5px 5px 0px 5px;
}

#side_ads ul {
  list-style: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#side_ads .ads_text {
  font-size: 0.9em;
  margin: 10px 5px 15px 5px;
}

#side_ads .ads_text_title {
  font-size: 1em;
  font-weight: bold;
  margin: 0px 0px 3px 0px;
}

#side_ads .ads_text_text {
  font-size: 1em;
  margin: 0px 0px 3px 0px;
}

#side_ads .ads_text_url {
  font-size: 0.9em;
}

#side_ads .ads_img {
  font-size: 0.9em;
  margin: 10px 5px 15px 5px;
}

#side_ads .ads_img img {
  border: none;
}

#side_ads .side_ads_sponsored {
  margin: 10px 5px 15px 5px;
}#siteinfo {
  width: 160px;
  margin: 0px 0px 2px 0px;
  padding: 0px 0px 0px 0px;
  border: solid 1px #999999;
  clear:both;
}

#siteinfo h2 {
  text-align: center;
  background: #eeeeee;
  padding: 3px 0px 3px 0px;
  margin: 0px 0px 0px 0px;
}

#siteinfo p {
  font-size:1em;
  text-align : left;
  margin: 0px 0px 5px 10px;
}

#siteinfo_value {
  padding: 5px 5px 5px 5px;
}
#siteinfo_value .shortname {
  font-size: 0.9em;
  text-align: center;
  font-weight: bold;
}

#siteinfo_value .title {
  font-size: 0.8em;
  text-align: center;
  margin: 0px 0px 5px 0px;
}

#siteinfo_value .join {
  font-size: 0.8em;
  text-align: left;
}

.siteinfo_v_0 .rating{font-size:0.8em; text-align: left; padding: 0px 0px 0px 0px; background: url(images/rating-x-s.jpg) center right no-repeat;}
.siteinfo_v_1 .rating{font-size:0.8em; text-align: left; padding: 0px 0px 0px 0px; background: url(images/rating-0-s.jpg) center right no-repeat;}
.siteinfo_v_5 .rating{font-size:0.8em; text-align: left; padding: 0px 0px 0px 0px; background: url(images/rating-1-s.jpg) center right no-repeat;}
.siteinfo_v_6 .rating{font-size:0.8em; text-align: left; padding: 0px 0px 0px 0px; background: url(images/rating-2-s.jpg) center right no-repeat;}
.siteinfo_v_7 .rating{font-size:0.8em; text-align: left; padding: 0px 0px 0px 0px; background: url(images/rating-3-s.jpg) center right no-repeat;}
.siteinfo_v_8 .rating{font-size:0.8em; text-align: left; padding: 0px 0px 0px 0px; background: url(images/rating-4-s.jpg) center right no-repeat;}
.siteinfo_v_9 .rating{font-size:0.8em; text-align: left; padding: 0px 0px 0px 0px; background: url(images/rating-5-s.jpg) center right no-repeat;}