@import url(http://fonts.googleapis.com/css?family=Engagement|Raleway:400,700|PT+Serif:400,700);

body { margin: 0; padding: 0; color: #555; text-align: center; background-color: #fff; font-size: .85em; }
a {	color: #DA0C00; text-decoration: underline; }
a:link, a:visited { color: #DA0C00; }
a:hover { color: #008AD1; text-decoration: underline; }
a:active, a:focus { color: #F00; text-decoration: none; }
hr	{ height: 0px; border: dotted #e5e5e5 0px; border-top-width: 1px; margin: 5px 0;}

/* FOR MENU TREE */
.suckerdiv h4, .left_menu h4 { font: bold 16px Raleway, sans-serif; padding: 5px 0 8px 5px; color: #0070aa; border: 0; margin: 0; font-style: italic; }
.suckerdiv ul{ margin: 0; padding: 0; list-style-type: none; width: 210px; border-bottom: 1px solid #e1e1e1; 
	background-color: #f5f5f5; box-shadow: 1px 3px 3px #eee; z-index: 99; }
.suckerdiv ul li { position: relative; }
.suckerdiv ul li ul { position: absolute; width: 225px; /*sub menu width*/ top: 0; visibility: hidden; background-color: #f9f3df; }
.suckerdiv ul li a { display: block; color: #d9271d; text-decoration: none; padding: 7px 8px; border: 1px solid #efe7cf; 
	border-bottom: 0; background: #f9f3df; overflow: auto; font: normal 13px Raleway, sans-serif; /*force hasLayout in IE7 */  }
.suckerdiv ul li a:visited { color: #d9271d; /* #014ede; */ background-color: #f9f3df; }
.suckerdiv ul li a:hover { color: #fff; background-color: #fe0000; }
.suckerdiv .subfolderstyle {  }

/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */

header { border-bottom: 0px solid #0070aa; /* background: url(/images/bg_01.jpg) center top repeat-x; */
	/* POPE background: url(/images/bg_2015_popefrancis.jpg) center top repeat-x; 
	background: url(/images/bg_2015_valentines.jpg) center repeat-x; 
	background: url(/images/bg_2015_chinesenwyr.jpg) center repeat-x; 
	background: url(/images/bg_2015_graduation.jpg) center -40px repeat-x; 
	background: url(/images/bg_2018_chinese_new_year.jpg) center bottom repeat-x; 
	background: url(/images/bg_2018_holyweek.jpg) center bottom repeat-x;
	background: url(/images/bg_2018_summer.jpg) center bottom repeat-x;  */
	background: url(/_img/bg_top_asianic.jpg) center bottom repeat-x;
	}	
footer { background: #0070aa; padding: 20px 0 40px; color: #ccc; font-family: sans-serif; }
.content_width { width: 970px; margin: 0 auto; text-align: left; }
.overflowauto { overflow: auto; }
#logo { width: 260px; /* background: url(/images/logo_01.png) center no-repeat; */ float: left; height: 175px;
	/* height: 140px; */ }
.logoimg { border:0; width: 260px; height: 100px;
	/* height: 120px; */  }
/* #slogan { width: 430px; float: left; font: 33px Engagement, serif; color: #ce150b; margin: 52px 0 0 200px; 
	text-shadow: 2px 2px 1px #fff; overflow: hidden; } */
/* POPE #slogan { width: 430px; float: left; font: 30px Engagement, serif; color: orange; margin: 95px 0 0 50px; 
	text-shadow: 1px 1px 4px #111; overflow: hidden; } */
#slogan { width: 430px; float: left; font: 30px Engagement, serif; color: #eee; margin: 25px 0 0 280px; 
	text-shadow: 1px 1px 4px #111; overflow: hidden; }
/* #slogan { width: 430px; float: left; font: 30px Engagement, serif; color: #eee; margin: 60px 0 0 60px; 
	text-shadow: 1px 1px 4px #111; overflow: hidden; } */
#hotlines { float: left; width: 210px; overflow: hidden; text-align: right; padding: 15px 15px 0 0; font-size: 12px; color: #777; }
#hotlines #numbers { font: normal 23px 'PT Serif', serif; color: #fff; letter-spacing: -1px; text-align: right;
	text-shadow: 1px 1px 2px #333;  }
#copyright { padding: 10px 10px; margin: 10px 0; border-top: 1px dotted #ccc; font-size: 12px; }

#topnav_bg { background: #d9271d; box-shadow: 0 0 10px #666; }
#topnav { margin: 0; padding: 0; overflow: hidden;  }
#topnav ul { margin: 0; padding: 0; }
#topnav li { display: inline; }
#topnav a { display: block; float: left; padding: 10px 24px 7px 24px; border-left: 1px solid #d37f7a;
	text-decoration: none; font: 13px Raleway, sans-serif;  color: #fff; font-weight: normal; }
#topnav a.last { border-right: 1px solid #d37f7a; }
#topnav a:hover { background: rgba(0,0,0,.2); color: #fff; }

#breakcrums_div { margin: 5px auto 0; padding: 8px 5px; border-bottom: 1px dotted #e7ba12; font-size: 11px; }
#datedisplay { float: right; color: #0070aa; font-size: 11px; }
#breakcrums_div a { text-decoration: none; }

#bottomnav { margin: 0; padding: 0; overflow: hidden;  }
#bottomnav ul { margin: 0; padding: 0; }
#bottomnav li { display: inline; }
#bottomnav a { display: block; float: left; padding: 1px 10px; border-right: 1px solid #bbb;
	text-decoration: none; font-size: 12px; color: #eee; font-weight: normal; }
#bottomnav a.last { border-right: 0; }
#bottomnav a:hover { color: #fff; }

.divleft  { text-align: left; float: left; width: 240px; margin: 15px 0 30px 0; }
.divmid   { text-align: left; float: left; width: 580px; margin: 0 0 30px 0; line-height: 1.35em; text-align: justify; }
.divright { text-align: left; float: left; width: 130px; margin: 15px 0 30px 20px; }
.div_right { text-align: center; float: right; width: 130px; margin: 20px 0 30px 20px; padding: 20px 0 40px 15px; border-left: 1px dotted #ccc;  }
.div_right2  { text-align: center; float: right; width: 130px; margin: 20px 0 30px 0; }

h1, h2, h3, h4, h4 { padding: 25px 0 15px; margin: 0; color: #d9271d; font-family: Raleway, sans-serif; font-weight: bold; 
	line-height: 1.2em; text-align: left; }
h1 { font-size: 24px; }
h2 { font-size: 19px; }
h3 { font-size: 16px; color: #0070aa; font-style: italic; }
h4 { font-size: 14px; color: #0070aa; }
h5 { font-size: 12px;  }

.clear { clear: both; }
.clearl { clear: left; }
.clearr { clear: right; }
.floatl { float: left; }
.floatr { float: right; }

.divmid ul li, .divmid ol li { padding: 2px 0; }

.prod_col1 { float: left; text-align: left; width: 60px; margin-right: 10px; /* border: 1px solid #f00; */ }
.prod_col2 { float: left; text-align: left; width: 500px; margin-right: 20px; /* border: 1px dotted #f0f; */ }
.prod_col3 { float: left; text-align: center; width: 110px; /* border: 1px dashed orange; */ }

.left_menu { margin: 20px 0; }
.left_menu ul { padding: 0; margin: 0 30px 0 0; }
.left_menu li { display:block; list-style: none; padding: 0; font-size: 12px; border: 0; border-top: 1px solid #eee;  }
.left_menu li a { margin: 0; padding: 8px 3px 8px 10px; display: inline-block; text-decoration: none; color: #0070aa; 
	background-color: #f8f8f8; font: normal 13px Raleway, sans-serif; }
.left_menu li a { display: block; }
.left_menu li.last { border-bottom: 1px solid #eee; } 
.left_menu li a:hover { color: #fff; background-color: #0070aa; }
.left_menu li a.active { color: #fff; font-weight: bold; }

.prod_container { overflow: hidden; padding: 13px 0 10px 10px; background-color: #f9f9f9; margin: 15px 0; 
	border: 1px solid #eee; border-radius: 3px; }
.productorder { padding: 10px; margin: 0; }
.productlist-promo { padding: 3px 0 0 0; margin: 0; color: #008AD1; 
	font: normal italic 11px/1.2 'Tahoma', Arial, Helvetica, sans-serif; }
.prodlist_desc { padding: 0; margin: 5px 0 7px; font-size: 11px; line-height: 1.2em }
.productlist_installment { color: #333; font: 11px/1.5 Arial, Helvetica, sans-serif; border-top: 1px dotted #ccc;
	padding: 3px 0; }
.productlist_price, .productdetail_price { font: bold 20px 'PT Serif', serif; color: #DA0C00; letter-spacing: -1px; }
.productlist_pricecash { font: bold 20px 'PT Serif', serif; color: #be01be; letter-spacing: -1px; }
.cashprice_txt { font: 8px Arial, Helvetica, sans-serif; color: #be01be; font-weight: normal; }
.cashonline_txt { font: 8px Arial, Helvetica, sans-serif; color: #03f; font-weight: normal; }
.productlist_priceonline { font: 11px/1.4 Verdana, Helvetica, sans-serif; color: #03f; font-weight: bold; }
.pesosign { font-weight: normal; }
.new_icon { position: absolute; margin: -20px 0 0 -20px; }
.posttitle { color: #999; }
.right_item { padding: 10px 0; }
.date_promo { font-weight: bold; color: #DA0C00; }
.h4_right_item { font-style: normal; background: #eee; margin: -20px 0 10px -15px; padding: 10px; }

.hl_div { background: #e6ffff; padding: 15px 0; border-radius: 10px; border: 1px solid #b3ffff; }
.hl_head { text-align: center; padding: 0; margin: 0; text-transform: uppercase; font-size: 18px; }
.hl_num { font: bold 18px 'PT Serif', sans-serif; color: #39f; padding-top: 10px; letter-spacing: -1px;  }
.hl_loc { padding: 0; font: 12px Arial, Helvetica, sans-serif; }

.bottom_prodlist_nav { padding: 15px 0; }
.bottom_prodlist_nav ul { margin: 0 0 0 15px; padding: 0; list-style: square; color: #7bc9f8; text-align: left; }
.bottom_prodlist_nav ul li { }
.bottom_prodlist_nav ul li a { font-size: 11px; text-decoration: none; color: #777; }
.bottom_prodlist_nav ul li a:hover { text-decoration: underline; color: #008AD1; }

.productlist_bargain { border: 1px dotted #FAD340; background-color: #FFFCB0; }
.productlist_promo { border: 1px dotted #A7BA08; background-color: #EFFE25; }
.productlist_volume { border: 1px dotted #F4D97E; background-color: #FAF1B0; }
.productlist_tradein { border: 1px dotted #AAA; background-color: transparent; }
.productlist_bundle { background-color: #ECFAFF; }

#fbdiv { margin: 20px 0; }
.shareicons { padding: 40px 0 25px; clear: both; }
#productdetail_html { line-height: 1.4em; width: 550px; overflow: visible; }
#productdetail_html_installment { overflow: hidden; border-radius: 5px; background: #f2f9fc; 
	border: 1px solid #e1f4fd; padding: 15px 10px; margin: 5px 0 20px;  }
.product_select { display: block; padding: 15px 0; font: 14px Raleway, sans-serif; }
.product_select select { background: #eee; padding: 4px 6px; font-size: 13px; margin: 0 0 0 15px; line-height: 1.5em;
   line-height: 1; border: 1px solid #ccc; border-radius: 0; }

.error_div { margin: 10px 0 20px 0; padding: 20px 20px 20px 30px; background: url("/images/error.png") 10px center no-repeat;
	background-color: #ffffcc; font: bold 9pt/1.2 Montserrat, Arial, Helvetica, sans-serif;
	color: #cf0000; border: 1px solid #ffcc00; }
.success_div { margin: 10px 0 20px 0; padding: 20px 20px 20px 30px; background: url("/images/success.png") 10px center no-repeat;
	background-color: #ffffcc; font: bold 9pt/1.2 Montserrat, Arial, Helvetica, sans-serif;
	color: #090; border: 1px solid #ffcc00; }
span.required { font: bold 18px/.6 'Verdana', sans-serif; color: #f00; }

/* search form 
-------------------------------------- */
.searchform {
	display: inline-block;
	zoom: 1; /* ie7 hack for display:inline-block */
	*display: inline;
	border: solid 1px #d2d2d2;
	padding: 3px 5px;
	
	-webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	box-shadow: 0 1px 0px rgba(0,0,0,.1);

	background: #f1f1f1;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie8 */
}
.searchform input {
	font: normal 12px/100% Arial, Helvetica, sans-serif;
}
.searchform .searchfield {
	background: #fff;
	padding: 6px 6px 6px 8px;
	width: 150px;
	border: solid 1px #bcbbbb;
	outline: none;
	color: #888;

	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
}
.searchform .searchbutton {
	color: #fff;
	border: solid 1px #494949;
	font-size: 11px;
	height: 27px;
	width: 27px;
	text-shadow: 0 1px 1px rgba(0,0,0,.6);

	background: #5f5f5f;
	background: -webkit-gradient(linear, left top, left bottom, from(#9e9e9e), to(#454545));
	background: -moz-linear-gradient(top,  #9e9e9e,  #454545);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie8 */
}

/* == OLD STYLES == */

div.productlist_bargain a, div.productlist_promo a, div.productlist_volume a, div.productlist_tradein a
	{ color: #DA0C00; font-weight: bold; text-align: left; }
div.productlist_bargain a:hover, div.productlist_promo a:hover, div.productlist_volume a:hover, div.productlist_tradein a:hover
	{ color: #008AD1 }

#prodlist { padding: 0; margin: 0; }
#prodlist table { border-collapse: collapse; border: 1px dotted #CCC;
	background-color: #F9F9F9; margin: 0 0 10px 0; width: 100%; }
p.proddesc { padding: 0; margin: 5px 0 0 0; font-size: 8pt; line-height: 120% }
.prodpromo { padding: 5px 0 0 0; margin: 0; color: #008AD1; border-top: 1px dotted #ccc;
	font: bold italic 11px/1.2 'Tahoma', Arial, Helvetica, sans-serif; }
p.zeropercent { padding: 3px 0 0 0; margin: 0; color: #f00; font: 8pt/1.2 Arial, Helvetica, sans-serif; }
p.zeropercent1 { padding: 3px 0 0 0; margin: 0; color: #f00; font: 13px/1.2 Arial, Helvetica, sans-serif; }
p.zeropercent2 { padding: 3px 0 0 0; margin: 0; color: #f00; font: 16px/1.2 Arial, Helvetica, sans-serif; }
p.zeropercent3 { padding: 3px 0 0 0; margin: 0; color: #666; font: 12px/1.2 Arial, Helvetica, sans-serif; }
p.zeropercent4 { padding: 3px 0 0 0; margin: 0; color: #666; font: 16px/1.2 Arial, Helvetica, sans-serif; }
ul.zeropercent-conditions { margin: 5px 0 0 15px; padding: 0; font: 11px Arial, Helvetica, sans-serif; text-align: left;
	list-style: square; color: #3a93dd; }
ul.zeropercent-conditions li { margin: 0; padding: 2px 0; }

p.promo_volume { padding: 5px 7px; margin: 0; color: #800000; 
	font: bold 12px/1.2 'Lucida Sans', sans-serif; }
#product_promovolume { padding: 8px; margin: 0; color: #800000; background-color: #FAF1B0;
	font: bold 8pt/1.2 'Comic Sans MS', Arial, Helvetica, sans-serif; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#product_tradein { padding: 10px; margin: 0; color: #0a73df; background-color: #FAF1B0;
	font: bold 12px/1.2 'Lucida Sans', sans-serif; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.prodstock { font: 9pt/1.2 Arial, Helvetica, sans-serif; font-weight: bold; color: #00F; font-variant: small-caps; }
#prodorder, #zero_percent_pix { border: 0; margin: 10px 0 0 0; }
#prodlist a { font: 11pt/1.2 Arial, Helvetica, sans-serif; color: #DA0C00; font-weight: bold;
	text-align: left; }
#prodlist a:hover { color: #008AD1 }
#prodlist td { padding: 7px; }
#prodlist td.price_td { font: 11pt/1.2 'Book Antiqua', Helvetica, sans-serif; color: #DA0C00; font-weight: bold;
	vertical-align: top; padding: 10px 10px 5px 20px; }
#prodlist td.spacer { padding: 4px 0 10px 30px; border: 0; }

.prodname { font: bold 15px/1.4 Raleway, sans-serif; color: #DA0C00; text-align: left; }
.prodname1 { font: 10pt/1.2 Arial, Helvetica, sans-serif; color: #0D90C2; font-weight: bold;
	text-align: left; }
a.viewallproducts { font: 8pt/1.2 Arial, Helvetica, sans-serif; font-weight: normal; }
#pl_last_update, #date_week, #date_group, #date_tradein, #date_bundle, #date_build, #date_bargain
	{ font: normal 7pt Arial, Helvetica, sans-serif; color: #777; margin: 0; 
	padding: 3px 0 7px; text-align: center; }

#productdetail_left { float: left; width: 270px; padding: 15px 0 15px 0; text-align: center; }
#productdetail_right { float: right; width: 420px; border-left: 1px dotted #ccc; 
	padding: 20px 0 0 20px; margin: 0 0 15px 0; }

#pl_table table { border-collapse: collapse; width: 95%; }
#pl_table tr { border-top: 1px dotted #CCC; border-bottom: 1px dotted #CCC; }
#pl_table td { padding: 10px 5px; text-align: left; }