/*---------------------------------------------------------------------------
MAIN
----------------------------------------------------------------------------*/
body {
  background:#DAE5e9 url(http://media00.yopi.co.th/image/backgrounds/bg_f.png) left -200px repeat-x;
  margin:0 0 0 0;
  z-index:0;
}

.main_wrap {
  /*
  background:transparent url(http://media00.yopi.co.th/image/backgrounds/bg_shopping.png) left 70px no-repeat;  
  */
  text-align:center;
}

#main_wrap_inner {
  background:#DAE5e9 url(http://media00.yopi.co.th/image/backgrounds/bg_f.png) left -210px repeat-x;
  padding:0 10px;
  width:980px;
  margin:auto;
  text-align:center;
  margin-top:10px;
}

table {
  border-spacing:0px;
  border-collapse:collapse;
}

td, form { 
  padding:0px;
  margin:0px; 
}


/*---------------------------------------------------------------------------
WIDTH's, BORDER's, SPACER's, ALIGN's
----------------------------------------------------------------------------*/
.clear {  font-size:0; line-height:0; width:0; height:0; clear:both; }
.spacer_1 { font-size: 0; line-height: 0; width: 1px; height: 1px; clear: both;	}
.spacer_5 { font-size: 0; line-height: 0; width: 5px; height: 5px; clear: both;	}
.spacer_10 { font-size: 0; line-height: 0; width: 10px; height: 10px; clear: both;	}
.spacer_20 { font-size: 0; line-height: 0; width: 20px; height: 20px; clear: both;	}
.spacer_30 { font-size: 0; line-height: 0; width: 30px; height: 30px; clear: both;	}
.spacer_40 { font-size: 0; line-height: 0; width: 40px; height: 40px; clear: both;	}
.left { float:left; }


/*---------------------------------------------------------------------------
MISC ELEMENTS
---------------------------------------------------------------------------*/
.hr {
	border-top: 1px #DCDCDC solid;
	height:1px; clear: both;
	font-size:0; line-height:0;
	margin:10px 0 10px 0;
}

.hr4, .hr4t {
  background-color:#EAEAEA;
  border-bottom:1px #DCDCDC solid;
  height:3px; clear: both;
  font-size:0; line-height:0;
  margin:5px 0 5px 0;
}

.hr4t {
   border-top:1px #DCDCDC solid;
   border-bottom:0;
}

.hrb {
  border-top: 3px #EAEAEA solid;
  height:1px; clear: both;
  font-size:0; line-height:0;
  margin:3px 0 3px 0;
}

.hrd {
	border-top: 1px #DCDCDC dotted;
	height:1px; clear: both;
	font-size:0; line-height:0;
	margin:10px 0 10px 0;
}

.brd4 {
   background:url(http://media00.yopi.co.th/image/backgrounds/border-4px.gif) repeat-y left top;
}

.gotop {
	clear:both;
	text-align:right;
	height:10px;
	vertical-align:bottom;
	margin-top:10px;
	margin-bottom:30px;
}

img.shoplogo, img.mfr_logo {
	border:1px #DCDCDC solid;
	float:left;
}

.mfr_logo_t, .bx .s .mfr_logo_t {
   border:1px #DCDCDC solid;
   background-color:#F7F7F7;
   margin:2px;
   width:74px;
   padding:3px;
   height:24px;
   float:left;
   clear:none;
   vertical-align:middle;
   text-align:center;
   overflow:hidden;
}

* html .mfr_logo_t {
   width:80px;
   height:30px;
}
.mfr_logo_t a {
   color:#115bb5;
}

.hand, .hand_o {
	cursor:pointer;
}

.hand_o .blue {
	color:#ff4500;
	text-decoration:underline;
}

i.sw {
	border-bottom:1px #A8DDA0 dotted;
	font-style:normal;
}
i.swo {
	font-style:normal;
}

.csub2 {
   padding:0px 20px 0px 0px;
   vertical-align:top;
   width:25%;
}

.plus {
   vertical-align:middle;
   margin:2px 5px 2px 2px;
   border:0;
}

.prd_img {
  border:1px #EAEAEA solid;
  padding:2px;
  display:inline-block;
}

.prd_img img {
  border:2px #FFFFFF solid;
}


/*---------------------------------------------------------------------------
TEXT
----------------------------------------------------------------------------*/
body, td, span, ul, li, input, textarea, select, .t {
	font-family:"lucida grande", "lucidia sans", Tahoma, sans-serif;
	font-size: 11px;
	color: #2e3436;
}

.green {
	color:#3a7404;
}

.red {
	color:#ff4500;
	font-size:11px;
}
.red_big {
	color:#ff4500;
	font-size:13px;
}
.red_huge {
	color:#ff4500;
	font-size:20px;
}
.red_small {
	color:#ff4500;
	font-size:10px;
}
.grey {
	color:#707070;
}
.grey_big {
	font-size:13px;
	color:#707070;
}
.grey_small {
	font-size:10px;
	color:#707070;
}
.grey_tiny {
	font-size: 9px;
	color:#707070;
}

.blue {
   color:#115bb5;
}

.blue_big {
	font-size:13px;
	color:#115bb5;
}

.blue_huge {
	font-size:20px;
	color:#115bb5;
}

.tiny { font-size: 9px; }
.small { font-size:10px; }
.std { font-size:11px; }
.big { font-size:13px; }
.large {
   font-size:14px;
 }
.huge {
   font-size:20px;
}

h1 {
  font-size:20px;
  color:#ff4500;
  margin:0 0 5px 0;
}

h3 {
  font-size:20px;
  margin:0 0 5px 0;
}


/*---------------------------------------------------------------------------
FORM
----------------------------------------------------------------------------*/
input.field, input.field_s {
	border-top:1px #babdb6 solid;
	border-left:1px #babdb6 solid;
	border-right:1px #DCDCDC solid;
	border-bottom:1px #DCDCDC solid;
}

input.field_s {
	font-size:10px;
}

.click_bt {
   font-size:11px;
   white-space:normal;
   width:170px;
}

/*---------------------------------------------------------------------------
HEADLINES
----------------------------------------------------------------------------*/
h2 {
	font-size:20px;
	font-weight:normal;
	margin:15px 0 5px 0;
	white-space:normal;
}


/*---------------------------------------------------------------------------
LINKS
---------------------------------------------------------------------------*/
a {
	color: #115bb5;
	text-decoration:none;
}
a.t {
	text-decoration:none;
}
a.friend, .friend {
	color:rgb(0,192,0);
	font-weight:bold;
}
a.blocked, .blocked {
	color:#2e3436;
}

a.black {
   color:#2e3436;
   text-decoration:none;
}

a:hover {
	color:#ff4500;
	text-decoration:underline;
}


a.ws {
   font-size:10px;
   color:#FFFFFF;
   text-decoration:none;
}
a.ws:hover {
   text-decoration:underline;
}


/*---------------------------------------------------------------------------
BUTTONS
---------------------------------------------------------------------------*/
.btt {
	background:url(http://media00.yopi.co.th/image/box/button_left.gif) no-repeat left top;
}

.bx .list .btt td {
	padding:7px 10px 8px 25px;
	background:url(http://media00.yopi.co.th/image/box/button_right.gif) no-repeat right top;
}

.btt a {
	font-size:11px;
	color: #FFFFFF;
	font-weight:bold;
	white-space:nowrap;
	text-decoration:none;
	margin:0;
}

.btt a:hover {
   text-decoration:underline;
   color:#FFFFFF;
}

img.media_bt {
  border:1px #DCDCDC solid;
  margin:0 3px 3px 0;
}

a:hover .media_bt, a:hover .media_bt_w {
  border-color:#babdb6;
}

.media_bt_w {
  border:1px white solid;
}

/*
.masked {
   opacity:.60;
}

* html .masked {
   filter: alpha(opacity=60);
}
*/
a:hover .masked {
   opacity:100;
}

* html a:hover .masked {
   filter: alpha(opacity=100);
}


.video_l, .video_l_2 {
  text-align:center;
  margin-top:2px;
  padding:2px;
  border-top:1px #EAEAEA solid;
  font-size: 9px;
  cursor:pointer;
  background-color:#FFFFFF;
}

.s_65 {
   width:59px;
   border-top:0;
}
.s_100 {
   width:94px;
}
.s_200 {
   width:194px;
}

.s_200.v_grid {
  margin:-20px auto auto auto;
  z-index:110;
  position:relative;
  background-color:#FFFFFF;
}

* html .s_65 {
   width:65px;
}
* html .s_100 {
   width:100px;
}
* html .s_200 {
   width:200px;
}


.bt_s_g {
  border:1px #babdb6 solid;
  padding:2px;
  background-color:#EAEAEA;
  width:15px;
  text-align:center;
}

.bt_s_g .tt {
  font-size: 9px;
  color:#ff4500;
  font-weight:bold;
  padding:1px;
  background-color:#FFFFFF;
}



/*---------------------------------------------------------------------------
TABLES
---------------------------------------------------------------------------*/
.std_3 td { padding:3px; }
.std_5 td, .std_5_brd td, .std_5_brd_tb td { padding:5px; }
.std_10 td, .std_10_brd td { padding:10px; }
.std_5_brd_tb td {
	border-bottom:1px #DCDCDC solid;
}
.std_5_brd_tb td.item {
	border-left:1px #DCDCDC solid;
}
.std_5_brd td, .std_10_brd td {
	border:1px #DCDCDC solid;
}
.std_2_brd_tb td {
	border-bottom:1px #DCDCDC solid;
	padding:2px 2px 2px 10px;
}



/*---------------------------------------------------------------------------
HEADER
----------------------------------------------------------------------------*/
/* header */

#all_content {
  /*
  background-color:#FFFFFF;
  */
  padding:0;
}

#head .white_wrap {
  padding:0;
  background-color:#fff;
  margin:0 0px 0 0px;
  position:relative;
  overflow:visible;
  min-height:70px;
}

* html .white_wrap {
  height:70px;
}

#head .white_wrap .search form {
  margin:0;
  padding:0;
}

#head .logo {
  float:left;
}

#head .slog {
  float:left;
}

#head h1, #head .slog {
  font-size:13px;
  font-weight:lighter;
  color:#2e3436;
  margin:0;
}

#head .welc {
  float:right;
  position:relative;
  z-index:101;
  color:#115bb5;
  vertical-align:middle;
  margin-top:10px;
}


#login_form, #menu_qlinks {
  color:#2e3436;
  position:absolute;
  z-index:102;
  right:0;
  top:19px;
  display:none;
}

.l_lay {
  border:1px #babdb6 solid;
  background-color:#EAEAEA;
  width:350px;
  padding:5px;
}  

#login_form div .c {
  float:left;
  padding-right:10px;
}

#login_form .close, #menu_qlinks .close {
  float:right;
}


/* primary navigation */
#prim_nav {
  clear:both;
  margin:5px 0 0 0px;
  padding:0 0 0 6px;
  background: transparent url(http://media00.yopi.co.th/image/backgrounds/prim_nav_bg.png) no-repeat 0 -59px;
}

#prim_nav .inner {
  background: transparent url(http://media00.yopi.co.th/image/backgrounds/prim_nav_bg.png) no-repeat right top;
  padding:0 6px 0 0;
  margin:0;
}

#prim_nav ul {
  margin:0;
  padding:0;
  height:38px;
  clear:both;
  background: transparent url(http://media00.yopi.co.th/image/backgrounds/prim_nav_bg.png) repeat-x 0 -147px;
}

#prim_nav li {
  display:inline-block;
  float:left;
  padding:0 20px 0 10px;
  margin:2px 10px 0 0;
  border-right:1px #FFFFFF solid;
  height:28px;
}

#prim_nav .last {
  background: transparent url(http://media00.yopi.co.th/image/backgrounds/corner.png) bottom right no-repeat;
}

#prim_nav a {
  padding-top:7px;
  display:block;
  font-size:11px;
  text-decoration:none;
  color:#FFFFFF;
}

#prim_nav a:hover {
  text-decoration:underline;
}


/* secondary navigation */
.u_r_here {
  font-size:11px;
  padding:0 0 5px 0;
  margin-bottom:10px;
}

#sub_nav {
   float:right;
   margin:5px 0 0 0;
   position:relative;
   z-index:1;
}
#sub_nav .opts {
   z-index:1;
   position:relative;
}


/*---------------------------------------------------------------------------
SEARCH
---------------------------------------------------------------------------*/
.search {
  float:right;
  width:790px;
}

.search_r {
  background:url(http://media00.yopi.co.th/image/backgrounds/search_bg_blue.png) right top no-repeat;
  padding:0 0 0 0;
  height:36px;
  width:415px;
  float:left;
}

.search_rr {
  width:260px;
  margin-left:3px;
}

.search_l {
  background:url(http://media00.yopi.co.th/image/backgrounds/search_bg_blue.png) left top no-repeat;
  padding:0 0 0 2px;
  height:36px;
}

.search_i {
  height:36px;
  padding:0 2px 0 2px;
  margin-right:2px;
  background:url(http://media00.yopi.co.th/image/backgrounds/search_bg_blue.png) left -37px repeat-x;
}

.search_ff {
  float:left;
  position:relative;
  z-index:99;
}

.search_f {
  font-size:20px;
  width:330px;
  height:27px;
  border:1px #787878 solid;
  border-bottom-color:#babdb6;
  border-right-color:#babdb6;
}

.search_s  {
  background: transparent url(http://media00.yopi.co.th/image/backgrounds/search_buttons_red_n.png) no-repeat 0px 0px;
  width:69px;
  height:27px;
  border:0;
  padding:0;
  margin-left:5px;
  cursor:pointer;
  float:left;
}

.search_s:hover {
  background-position:0px -50px;
}

.search_info {
  position:absolute; 
  left:4px; 
  top:8px;
  color:#707070;
  font-size:10px;
  z-index:100;
}

.search_fb {
  float:left;
  width:109px;
  margin-left:3px;
}

.bookmark {
  padding:10px 2px 0 2px; 
}


/*---------------------------------------------------------------------------
Addthis custom
---------------------------------------------------------------------------*/
.at300bs {
  background:none !important;
  margin-right:3px;
}
.atclear {
  font-size:0 !important;
  padding:0;
  height:0px;
  width:0px;
  float:none;
  clear:both;
}
.addthis_button_compact {
  background:transparent url(http://media00.yopi.co.th/image/buttons/addthis_icons.gif) left -118px no-repeat !important;
}
.addthis_button_print {
  background:transparent url(http://media00.yopi.co.th/image/buttons/addthis_icons.gif) left -28px no-repeat !important;
}
.addthis_button_email {
  background:transparent url(http://media00.yopi.co.th/image/buttons/addthis_icons.gif) left top no-repeat !important;
}
.addthis_button_favorites {
  background:transparent url(http://media00.yopi.co.th/image/buttons/addthis_icons.gif) left -149px no-repeat !important;
}
.addthis_button_googlebuzz {
  background:transparent url(http://media00.yopi.co.th/image/buttons/addthis_icons.gif) left -181px no-repeat !important;
}
.addthis_button_twitter {
  background:transparent url(http://media00.yopi.co.th/image/buttons/addthis_icons.gif) left -58px no-repeat !important;
}
.addthis_button_facebook {
  background:transparent url(http://media00.yopi.co.th/image/buttons/addthis_icons.gif) left -88px no-repeat !important;
}   
    


/*---------------------------------------------------------------------------
FOOTER
---------------------------------------------------------------------------*/
#fo {
  margin:10px 0 10px 0;
  padding:10px;
  text-align:center;
  font-size:10px;
  background: #FFFFFF url(http://media00.yopi.co.th/image/box/box_head_bg.png) top left repeat-x;
  border:1px #babdb6 solid;
}


/*---------------------------------------------------------------------------
PROD HEADER
----------------------------------------------------------------------------*/
#prod_nav {
  position:relative;
  clear:left;
  margin:0;
  padding:0;
}

#prod_nav ul {
  position:relative;
  margin:0;
  padding:0;
  height:26px;
  background: transparent url(http://media00.yopi.co.th/image/prd_nav/prod_nav_bg_.png) repeat-x top left;
}

#prod_nav li {
  position:relative;
  display:inline-block;
  float:left;
  height:26px;
  padding:0 15px 0 0;
  white-space:nowrap;
}

#prod_nav .high {
  background:transparent url(http://media00.yopi.co.th/image/prd_nav/prd_nav_arr.png) 40px -3px no-repeat;
}

#prod_nav a, #prod_nav span {
  display:block;
  padding-top:7px;
  float:left;
  font-size:11px;
  color:#FFFFFF;
}

#prod_nav .high a {
  color:#fff;
}

#prod_nav .off span {
  color:#707070;
}


#prod_nav .min_b, #prod_nav .min_b_o {
  color:#FFFFFF;
  font-size:  9px;
  margin:6px 0 0 5px;
  display:inline-block;
  float:left;
  padding:0 1px;
  border:1px #787878 solid;
  background-color:#4A4A4A;
}

#prod_nav .add_more {
  font-weight:normal;
  background:none;
  position:absolute;
  z-index:101;
  left:30px;
  top:-10px;
  padding:0px;
  background-color:transparent;
  padding:0 2px;
}

#prod_nav .add_more a {
  font-weight:normal;
  font-size: 9px;
  color:#115bb5;
  background:#fff;
  padding:0;
  margin:0;
}

#prod_nav .promo {
  background-color:#787878;
}
#prod_nav .add a {
  font-size: 13px;
}

#prod_nav.community li {
  padding-left:15px;
  padding-right:15px;
}

.add_button {
  background:transparent url(http://media00.yopi.co.th/image/prd_nav/ico_all.png) left -100px no-repeat;
  height:27px;
  vertical-align:middle;
  margin:5px 10px 5px 10px;
  padding:0 0 0 40px;
  line-height:27px;
  position:relative;
}

.x_bt {
   margin-top:-40px;
   float:right;
}

* html .x_bt {
   margin-top:-30px;
}



.on_this_page {
  padding:3px 10px 3px 0;
  font-size:11px;
  color:#707070;
}

.on_this_page .huge {
  color:#707070;
  font-size:14px;
}

/* icons */
.ico_info, .ico_price, .ico_offer, .ico_rev, .ico_media, .ico_add, .ico_top, .ico_video, .ico_misc, .ico_member, .ico_blog, .ico_pic {
  width:32px;
  height:32px;
  margin-right:7px;
  display:inline-block;
  clear:none;
  float:left;
  background:transparent url(http://media00.yopi.co.th/image/prd_nav/ico_all.png) left top no-repeat;
}

#prod_nav .ico_info, #prod_nav .ico_price, #prod_nav .ico_rev, #prod_nav .ico_offer, #prod_nav .ico_media, #prod_nav .ico_video, #prod_nav .ico_pic, #prod_nav .ico_top {
  width:16px;
  height:16px;
  display:inline-block;
  clear:none;
  float:left;
  margin:5px 5px 5px 10px;
  padding-right:5px;
  border-right:1px #787878 solid;
  background:transparent url(http://media00.yopi.co.th/image/prd_nav/ico_all_.png) left 8px no-repeat;
}

.ico_h {
  height:32px;
  margin:-8px 5px 0 -8px;
}
  
.ico_info {
  background-position:0 0;
}
#prod_nav .ico_info {
  background-position:-52px -17px;
}
#prod_nav .ico_info_off {
  background-position:-26px -17px;
}
#prod_nav .ico_info_on {
  background-position:-52px -17px;
}

.ico_price {
  background-position:0 -32px;
}
#prod_nav .ico_price {
  background-position:-52px -34px;
}
#prod_nav .ico_price_off {
  background-position:-26px -34px;
}
#prod_nav .ico_price_on {
  background-position:-52px -34px;
}

.ico_offer {
  background-position:0 -64px;
}
#prod_nav .ico_offer {
  background-position:-52px -51px;
}
#prod_nav .ico_offer_off {
  background-position:-26px -51px;
}
#prod_nav .ico_offer_on {
  background-position:-52px -51px;
}

.ico_rev {
  background-position:0 -128px;
}
#prod_nav .ico_rev {
  background-position:-52px 0;
}
#prod_nav .ico_rev_off {
  background-position:-26px 0;
}
#prod_nav .ico_rev_on {
  background-position:-52px 0;
}

.ico_media {
  background-position:0 -160px;
}
#prod_nav .ico_media {
  background-position:-52px -119px;
  border-bottom-width:2px;
  height:19px;
}

#prod_nav .ico_media_off {
  background-position:-26px -118px;
}

#prod_nav .ico_media_on {
  background-position:-52px -118px;
}

.ico_add {
  background-position:0 -96px;
  margin-left:10px;
}

#prod_nav .ico_add {
  background-position:0 -100px; 
}

.ico_top {
  background-position:0 -198px;   
}

#prod_nav .ico_top {
  background-position:-52px -68px;
} 

.ico_video {
  background-position:0 -226px;
}
#prod_nav .ico_video {
  background-position:-52px -102px;
}
#prod_nav .ico_video_on {
  background-position:-52px -102px;
}

.ico_misc {
  background-position:0 -258px;
}
.ico_member {
  background-position:0 -292px;
}
.ico_blog {
  background-position:0 -324px;
}

.ico_pic {
  background-position:0 -352px;
}
#prod_nav .ico_pic {
  background-position:-52px -86px;
}
#prod_nav .ico_pic_on {
  background-position:-52px -86px;
}

/* prod head */
#prod_head {
  position:relative;
  z-index:100;
  padding:0 1px 0 0;
  background: transparent url(http://media00.yopi.co.th/image/backgrounds/prod_head_bg.png) repeat-x bottom left;
  border-top:0;
  border-bottom:0;
}

#prod_head .prod_head_inner {
  background-color:#FFFFFF;
  padding:5px 10px 25px 3px;
}

#prod_head h1 {
  display:inline;
  color:#ff4500;
}

#prod_head .list td {
  color:#707070;
  padding:2px 8px 2px 0;
  vertical-align:top;
}

#prod_head .list .line div {
  border-bottom:1px #DCDCDC dotted;
  width:100%;
  margin-bottom:5px;
}

#prod_head .list td.hl {
  text-align:right;
  padding-right:10px;
  white-space:nowrap;
  width:100px;
}

#prod_head .list td.i {
   vertical-align:bottom;
}

#prod_head .list .h td {
   background:none;
}

#prod_head .list .ov, #prod_head .list .ou {
  cursor:pointer;
}

#prod_head .list .ov td {
   background-color:#F7F7F7;
}

#prod_head .list .ou td {
   background-color:#FFFFFF;
}

#prod_head img.mc {
  border-bottom:1px #fff solid;
}

#prod_head .media {
  border:1px #babdb6 solid;
  background-color:#EAEAEA;
  padding:3px;
  width:210px;
  position:relative;
}

#prod_head .media .m_others {
  float:left;
  padding:4px 4px 0 5px;
  height:206px;
  background-color:#FFFFFF;
}

#prod_head .media .m_others .media_bt {
  margin:0;
}

#prod_head .media .ppic {
  float:right;
  width:auto;
  border:5px white solid;
}

#prod_head .m_l {
  height:27px;
  background:url("http://media00.yopi.co.th/image/backgrounds/bigb.png") repeat scroll 0 0 transparent;
  position:absolute;
  width:210px;
  top:186px;
  right:3px;
}

#prod_head .m_l .m_b {
   width:40px;
   float:left;
}

#prod_head .w_m .m_l {
  width:262px;
}

#prod_head .m_v {
   float:right;
   height:22px;
   padding-top:5px;
   font-size:13px;
   width:160px;
}

* html #prod_head .m_v {
   height:27px;
}

#prod_head .w_m {
  width:262px;
}

* html #prod_head .w_m {
   width:266px;
}

#prod_head .list .ov img.mc {
   border-bottom:1px #115bb5 solid;
}

#prod_head .ops {
	padding:3px;
}

#prod_head .ops2 {
	border:1px #A8DDA0 dotted;
	background-color:#F3FFCD;
}

#prod_head .ops2 td {
	padding:5px;
}

#prod_head .userpic_p {
   position:relative;
   margin:-30px 0 -1px 5px;
   padding:0;
   border:0;
   z-index:100;
}

#prod_head .write_rev {
   background:url(http://media00.yopi.co.th/image/buttons/write_rev_l.gif) left top no-repeat;
   padding:0 0 0 25px;
   height:20px;
   width:150px;
   display:inline;
}

#prod_head .write_rev div {
   background:url(http://media00.yopi.co.th/image/buttons/write_rev_r.gif) right top no-repeat;
   height:20px;
   margin:0;
   vertical-align:middle;
   display:inline;
   padding:3px 5px 4px 3px;
   white-space:nowrap;
}


/*---------------------------------------------------------------------------
BOXES
---------------------------------------------------------------------------*/

/* textbox */
.textbox {
  border:1px #DCDCDC solid;
}

.textbox_inner {
  border:2px #EAEAEA solid;
  padding:10px;  
}

/* box head */
.bxh {
  margin:0;
  overflow:visible;
  padding:0 0 10px 0;
  border:1px #babdb6 solid;
  border-bottom:0;
  background: #FFFFFF url(http://media00.yopi.co.th/image/box/box_head_bg.png) top left repeat-x;
}

.bxh_f {
  padding:10px 10px 0 10px;
  font-size: 14px;
  color:#ff4500;
  font-weight:bolder;
}

.bxh_f h2, .bxh_f h1 {
  margin:0;
  padding:0;
  color:#ff4500;
  font-size: 14px;
  font-weight:bolder;
}

.bx_s {
  padding:0px 10px 0px 10px;
  margin-bottom:20px;
  background-color:#FFFFFF;
  border-bottom:1px #babdb6 solid;
}

.lpanel {
  width:190px;
  font-weight:bold;
  font-size:13px;
  margin:0;
}

.bx .paym, .bx .paym_o {
   overflow:visible;
   width:110px;
}

.bx .paym img {
  margin:5px 3px 0 0;
  opacity:0.7;
}

.bx .paym img:hover {
  opacity:1;
}

* html .bx .paym img {
  filter: alpha(opacity=70);
}

* html .bx .paym img:hover {
  filter: alpha(opacity=100);
}


/* body */
.bx {
  margin:0;
  padding:10px 10px 0 10px;
  border:1px #babdb6 solid;
  border-top:0;
  border-bottom:0;
  background-color:#FFFFFF;
}

* html .bx {
  width:100%;
}


/* extra information */
.bx_e {
  padding:0px 10px 10px 0px;
  font-size:11px;
  color:#707070;
}

.t {
   color:#000000;
}


/* box end navi line */
.bx_nav {
  padding:20px 10px 1px 10px;
  clear:both;
  border:1px #babdb6 solid;
  border-top:0;
  border-bottom:0;
  background: #FFFFFF url(http://media00.yopi.co.th/image/prd_nav/prd_nav_bg.png) repeat-x bottom left;
}

.bx_nav_n {
  clear:both;
}

.bx_nav .arrow, .arrow {
  margin:0 -9px;
  padding:5px 10px 5px 10px;
  border-left:3px #2e3436 solid;
}
   

/* box end */
.bx_end, .box_end {
  margin-bottom:20px;
  height:2px;
  border-top:1px #babdb6 solid;
}



/* box list tables */
.bx .list td {
	padding:2px 10px 2px 10px;
}

.bx .list .sx {
   padding:5px 0 5px 0px;
}

.bx .list .th td {
	color:#707070;
	border-bottom:1px #DCDCDC solid;
}

.bx .list .line  {
  padding:0;
  border-top:1px #DCDCDC solid;
}

.bx .list .first {
  padding-left:0px;
}

.bx .list td div {
   clear:left;
   font-size:10px;
   color:#707070;
}

.bx .list .std_3 td {
	padding:3px;
}

.bx .list .std_1 td {
	padding:1px;
}

.bx .list .small td {
   font-size:10px;
}

.bx .list .tl td {
	border:1px #DCDCDC solid;
}

.bx .list .compare {
	font-size:10px;
	text-align:center;
	width:5px;
	background:url(http://media00.yopi.co.th/image/backgrounds/compare_bg.gif) top center repeat-y;
}

.bx .list .grid  {
  /*
  background:url(http://media00.yopi.co.th/image/backgrounds/border-4px.gif) repeat-y right top;
  */
  border:1px #babdb6 solid;
  text-align:center;
  vertical-align:top;
  width:33%;
}

.bx .list .grid_l  {
  border:1px #babdb6 solid;
  border-right:0;
  text-align:center;
  vertical-align:top;
  width:33%;
}


.bx .list .grid_name {
  min-height:40px;
  margin-top:5px;
}

* html .bx .list .grid_name {
  height:40px;
}

.bx .list .grid_price {
  min-height:40px;
  font-size:20px;
  color:#2e3436;
}

* html .bx .list .grid_price {
  height:40px;
}

.bx .list .grid_desc {
  min-height:60px;
  text-align:left;
  padding:5px 0 5px 0;
  clear:both;
  height:auto;
}

* html .bx .list .grid_desc {
  height:60px;
}

.bx .list .grid_light  {
  text-align:center;
  vertical-align:top;
  width:20%;
  padding:5px 15px 5px 15px;
  border-right:1px #EAEAEA solid;
}

.bx .list .grid_light_f  {
 padding:5px 15px 5px 0;
	text-align:center;
	vertical-align:top;
	width:20%;
	border-right:1px #EAEAEA solid;
}

.bx .list .grid_light_l  {
 padding:5px 0 5px 15px;
	text-align:center;
	vertical-align:top;
	width:20%;
}


.bx .list .lh td, .bx .list .ll td {
  padding:3px 5px;
  border-bottom:1px #EAEAEA solid;
}

.bx .list .noline td {
  border-bottom:0;
  padding-bottom:0;
}

.bx .list .arrow_2 {
  vertical-align:middle;
  margin:0 -9px;
  padding:5px 10px 5px 10px;
  border-left:5px #ff4500 solid;
}


.bx .csub {
   float:left;
   width:38%;
   margin-right:20px;
}

.bx .csub .m {
  padding-left:75px;
  min-height:65px; 
}

* html .bx .csub .m {
  height:65px;
}

.bx .csub .g {
   margin-left:5px;
}

.bx .csub .g a {
   color:#707070;
}

/* fixed line heights */
.bx .list .n {
   display:none;
}

.bx .price {
  font-size:14px;
  color:#ff4500;
}

.bx .body {
   padding:10px;
}

.bx .userpic {
	margin:0;
}

.bx .userpic_r {
	margin:0 5px 10px 0px;
}

.bx .pic {
   margin:0 15px 10px 0;
}

.bx .pic_l {
   margin-right:10px;
}

.bx .listed_video {
   width:70px;
   height:70px;
   margin:0 10px 10px 0;
   float:left;
   vertical-align:top;
   padding:0;
   text-align:right;
}

.bx .user_item {
  width:60px;
  margin:0 5px 10px 0;
  float:left;
  overflow:hidden;
}
.bx .user_item .uil {
  width:55px;
  border:1px #EAEAEA solid;
  margin-bottom:3px;
}

.bx .user_item a {
  font-size:10px;
}


/* button, logo*/
.slogo {
  margin-bottom:3px;
  border:1px #DCDCDC solid;
  vertical-align:middle;
}


/* listings */
.bx .cat_list {
	list-style-type:none;
	padding:0;
	margin: 0 0 10px 0;
}

.bx .cat_list li {
	margin-left:6px;
	padding-bottom:1px;
	font-size:11px;
}

.bx .cat_list .main_item {
	margin:10px 0 0 0;
	font-size:13px;
}

.bx .cat_list .main_item2 {
	margin:3px 0 0 0;
	font-size:13px;
}

.bx ul.n {
	margin:20px;
	padding:0;
	list-style-type:circle;
}

.bx ul.nn {
   margin:0;
   padding:0;
   list-style-type:none;
}
.bx .big_list li {
   margin:20px;
   font-size:14px;
}


.bx .sim {
   margin:0;
   padding:0;
   list-style-type: none;
}

.bx .sim li.in {
   float: left;
   width: 170px;
   margin: 0;
   padding:4px 4px 3px 0;
}

.bx .sim li.pl {
   float: left;
   width: 30px;
   margin: 0; 
   padding:4px 0 4px 0;
   color:#707070;
}

.bx .sim li.out {
   float: left;
   width: 60px; 
   padding: 4px;
   margin:0;
   text-align:right;
   color:#707070;
}

.bx .sim .hi {
   font-weight:bold;
}

.bx .sim li.clr {
   display: inline;
   margin: 0;
   padding:0;
 }

.bx .sim br.clr {
   clear: left;
   width: 1px;
   font-size:1px;
   margin: 0;
   padding: 0;
   overflow:hidden;
}


/* package promotion */
.bx .list .prom td  {
  background-color:#FCDBD6;
  border-bottom:1px #ff4500 solid;
  border-top:1px #ff4500 solid;
}
.bx .list .prom td div {
  color:#2e3436;
}

.bx .list .prom .price {
  font-size:14px;
}


/*---------------------------------------------------------------------------
AD's
---------------------------------------------------------------------------*/
.ad_x {
  position:absolute;
  top: -1000px;
  left: -1000px;
  z-index:1000;
}

.ad_fullsize {
  padding:5px;
  text-align:center;
}

.ad_fs_c {
  margin:-10px 0 20px 0;
  border-bottom:5px #DAE5e9 solid;
}

.ad_fs_wp {
   text-align:right;
   position:absolute;
}

.ad_skyscraper {
  padding-top:170px;
  padding-left:10px;
}

.ad_sky_wp {
   padding-top:0;
   padding-left:0;
   vertical-align:top;
   position:absolute;
}

.ad_content_ad {
  padding:1px;
  padding-bottom:10px;
  z-index:100;
}


.ad_content_ad_review {
  text-align:right;
  padding:20px;
}

.ad_cat_list {
   border-top:1px #DCDCDC dotted;
   background-color:#F7F7F7;
   padding:10px 0 10px 0;
}

.ad_spl {
   font-size:11px;
   color:#707070;
}

.ad_spl div {
   margin-bottom:8px;
}

.ad_spl a, .in_cell a {
   color:#2e3436;
}

.ad_spl a:hover, .in_cell a:hover {
   text-decoration:none;
   color:#2e3436;
}

.ad_spl b, .in_cell b {
   color:#115bb5;
}

.ad_spl a:hover b, .in_cell a:hover b {
   text-decoration:underline;
}

.ad_spl em, .in_cell em {
   font-style:normal;
   color:#3a7404;
}

.ad_spl .sc, .in_cell .sc {
   float:left;
   vertical-align:top;
   text-align:right;
   border:1px #EAEAEA solid;
   margin-right:10px;
}


.bx .ad_spl {
   font-size:13px;
}

.bx .s .ad_spl {
   padding:10px;
   font-size:11px;
}

.bx .ad_spl div {
   margin-bottom:15px;
}

.bx .ad_spl .grid {
   float:left;
   width:47%;
   clear:none;
   margin:0 20px 0 0;
   padding:0;
   background:none;
   border:none;
   text-align:left;
}

.bx .ad_spl .grid b {
   font-size:14px;
   border-bottom:1px #115bb5 solid;
   line-height:20pt;
}

.bx .ad_spl .grid .x:hover {
   text-decoration:none;
   color:#ff4500;
   border-color:#ff4500;
}

 
.list .ad_spl div {
  font-size:13px;
}

.ad_splt {
  margin:10px 0;
  background-color:#DAE5e9;
}



/*---------------------------------------------------------------------------
LISTINGS
---------------------------------------------------------------------------*/
#filters td {
	vertical-align:top;
	font-size:13px;
	padding:5px 20px 5px 0px;
}

#filters .hide {
	display:none;
}

#filters .selected {
	background-color:#F3FFCD;
}

.bordered {
   border: 2px #ff4500 solid;
}


/*---------------------------------------------------------------------------
REVIEWS
---------------------------------------------------------------------------*/
ul.review_ratings {
	list-style-type:none;
	margin:0px;
	padding:0px;
	cursor:pointer;
}

.review_ratings li, .review_ratings li.off {
	padding:2px;
	margin-bottom:1px;
	border:1px #FFFFFF solid;
	border-bottom:1px #DCDCDC  dotted;
}


ul.review_ratings li.on {
	background-color:#E2F0FE;
	border:1px #91CAFF dotted;
}

.rpic, .rpic_h {
	width:200px;
	float:left;
	margin:0 40px 15px 0;
}

.rpic .t, .rpic_h .t {
	font-size:13px;
	padding:5px;
}

.rev_body_pic {
  width:150px;
  padding:5px;
  margin:5px;
  background-color:#EAEAEA;
}
.rev_body_pic div {
  line-height:normal;
}

.mv_m div {
   color:#707070;
   font-size:10px;
   padding:5px;
   background-color:#E2F0FE;
   border:1px #DCDCDC dotted;
}

.mv_m .on {
   border:1px #91CAFF solid;
}

.comment_1 {
   border:1px #DCDCDC dotted;
   border-right:0;
   padding:5px;
   background-color:#EAEAEA;
   line-height:20px;
}

.comment_2 {
   border:1px #DCDCDC dotted;
   border-left:0;
   padding:5px;
}   


/*---------------------------------------------------------------------------
SEARCH
---------------------------------------------------------------------------*/
#main #main_nav i, .arr i, #cats i {
	background:none;
}

#main_nav em.off {
	cursor:default;
	color:#707070;
	font-weight:normal;
}

div.hl {
	margin-top:5px;
	font-size:10px;
	color:#707070;
}
#hl_off, #hl_on {
	display:none;
}


#cats {
	padding:5px 5px 5px 10px;
	clear:both;
	border-bottom:1px #DCDCDC solid;
	background-color:#F7F7F7;
}


#cats .cat {
	width:24%;
	padding:2px 10px 2px 0;
	float:left;
	color:#707070;
}

#cats_path {
	background-color:#009FEA;
	color:#FFFFFF;
	padding:5px;
}

#cats_path a {
	color:#FFFFFF;
}

.res_foot td {
	padding:5px;
	background-color:#F7F7F7;
}

.results {
  border:1px #babdb6 solid;
  padding:3px;
  background-color:#EAEAEA;
}
.results .inner {
  background-color:#FFFFFF;
  padding:5px;
}

/*---------------------------------------------------------------------------
PAGINATION
---------------------------------------------------------------------------*/
.pagination {
  display:inline-block;
}

.pagination .t {
  display:inline-block;
  float:left;
  margin:3px 5px;
}

.pagination .i {
  display:inline-block;
  float:left;
  margin-right:5px;
  border:1px #babdb6 solid;
  padding:2px;
  background-color:#EAEAEA;
  clear:none;
}

.pagination .t .i {
  margin:0;
}

.bx .list td .pagination .t, .bx .list td .pagination .i {
  clear:none;
}

  
.pagination .i a, .pagination .i b {
  display:block;
  background-color:#FFFFFF;
  text-align:center;
  padding:1px 3px;
}

/*---------------------------------------------------------------------------
Product Magnifier
---------------------------------------------------------------------------*/
.magn_b {
  float:right;
  position:relative;
  margin-top:-16px;
}

.magn_b img, .magn_z img {
  border:0;
}

.magn_z {
  position:relative;
  bottom:1px;
  right:20px;
  z-index:300;
}

.magn_l {
  z-index:300;
  display:none;
  position:absolute;
  border:1px #babdb6 solid;
  background: transparent url(http://media00.yopi.co.th/image/backgrounds/layer_bg_2.png) repeat top left;
  padding:5px;
}

.magn_c {
  cursor:pointer;
}

.magn_l_200 {
  margin-top:-170px;
  margin-left:-10px;
  width:210px;
}

.magn_ll_200 {
  margin-top:-205px;
  margin-left:-10px;
  width:210px;
}

.magn_ll_500 {
  margin-top:-350px;
  margin-left:-10px;
  width:510px;
}

* html .magn_l_200 {
  margin-left:-50px;
}
* html .magn_ll_200 {
  margin-left:-50px;
}
* html .magn_ll_500 {
  margin-top:-400px;
}