@charset "utf-8";

/* giftome.com css sys */
/* author: zmz */
/* author mail: zmzart@gmail.com */
/* author web: www.yourthink.com */

/* body */

*{ margin:0; padding:0;}

html,body { height:100%;}

body {
	color:#908D80; 
	text-align:center;
	font-size:12px;
	font-family:"Trebuchet MS", Geneva, Arial, Verdana;
	margin:0; padding:0;
	background:#FFF;
}

div,form,img,ul,ol,li,dl,dt,dd,p {
	margin:0; 
	padding:0;
	border:0;
	font-size:12px;
	font-family:"Trebuchet MS", Geneva, Arial, Verdana;
}

ul,li { list-style:none;}

p { line-height:18px; }

input {
	border:1px;
	padding:0; margin:0;
	margin-right:10px;
	font-family:"Trebuchet MS", Geneva, Arial, Verdana;
	font-weight:normal;
}

h1,h2,h3,h4,h5,h6 { margin:0; padding:0;}

h1 { font-size:20px; }

h2 { font-size:14px; }

h3 { font-size:12px; }

h4 { font-size:10px; }

table,td,tr,th, font, input, textarea { font-size:12px; }

a {color: #908D80; text-decoration:underline;}
a:link	{color: #908D80; text-decoration:underline;}
a:visited {color: #908D80;text-decoration:underline;}
a:hover {color: #0097FF; text-decoration:none;}
a:active {color: #4A4840;}

/* layout */

.wrapper {
	width:880px;
	text-align:left;
	margin-right:auto;
	margin-left:auto;
}

.header {
	height:60px;
}

.logo_header { float:left;}
.logo_header a {
	display: block;
	width: 220px; height:60px;
	background: url(logo_header.gif) no-repeat 0 -20px;
	text-indent: -9999px;
}

.nav { display:block; height:30px; margin-bottom:2px; }
.nav li { display:block; height:30px; float:left; line-height:30px;}
.nav li a { padding-right:5px;}

.nav_login {
	width:146px;
	background:#FFF url(icon_user_sml.gif) no-repeat 0 0;
	padding-left:30px;
}
.nav_login:hover { background:#FFF url(icon_user_sml_b.gif) no-repeat 0 0;}

.nav_cart {
	width:146px;
	background:#FFF url(icon_cart_sml.gif) no-repeat 0 0;
	padding-left:30px;
}
.nav_cart:hover { background:#FFF url(icon_cart_sml_b.gif) no-repeat 0 0;}

.nav_fav {
	width:146px;
	background:#FFF url(icon_fav_sml.gif) no-repeat 0 0;
	padding-left:30px;
}
.nav_fav:hover { background:#FFF url(icon_fav_sml_b.gif) no-repeat 0 0; }

.nav_gbook {
	width:146px;
	background:#FFF  url(icon_gbook_sml.gif) no-repeat 0 0;
	padding-left:30px;
}
.nav_gbook:hover { background:#FFF  url(icon_gbook_sml_b.gif) no-repeat 0 0; }

.nav_search {
	width:146px;
	background:#FFF  url(icon_search_sml.gif) no-repeat 0 0;
	padding-left:30px;
}
.nav_search:hover { background:#FFF  url(icon_search_sml_b.gif) no-repeat 0 0; }
.nav_search input {
	color:#B4B1A2;
	padding:4px 0 0 0;
	border:0;
	width:130px; height:24px;
	background:transparent;
}

.menu {
	display:block;
	height:60px;
	background:#4A4840 url(bg_menu.gif);
	padding:0 20px;
	line-height:60px;
}
.menu a { color:#E0DCCA; padding-right:20px;}
.menu a:visited { color:#E0DCCA; }
.menu a:hover { color:#0097FF;text-decoration:none; }

a.menu_sel { color:#0097FF; text-decoration:none; padding-right:15px;}
a.menu_sel:visited { color:#0097FF; text-decoration:none;}

.herebar {
	float:left;
	width:860px; height:40px; line-height:40px; 
	margin-top:20px;
	padding-left:20px;
	border-bottom:2px #908D80 solid;
	background:url(logo_footer.gif) no-repeat 0 0;
}
.herebar a { color:#4A4840; padding:0 10px; }
.herebar a:visited { color:#4A4840; }
.herebar a:hover { color:#908D80; }

.pagetitle { height:40px; }
.pagetitle h2 { line-height:40px; color:#0097FF; }

.footer { display:block; float:left; width:880px; padding:15px 0 50px 0;}
.footer li { float:left; margin-right:30px;}
.footer div {
	text-align:right;
	float:right;
	font-size:10px;
	font-family:"Trebuchet MS", Geneva, Arial, Verdana;
}

/** menuse layout **/

.menuse { display:block; margin-bottom:20px;}
.menuse li {}

.menuse_o a, .menuse_n a {
	display:block;
	width:210px; height:30px; line-height:30px;
	padding-left:10px;
	text-decoration:none;
	border-bottom:1px solid #EFECDE;
}

.menuse_o a:link { color:#908D80; text-decoration:none; background-color: #fff; }
.menuse_o a:visited { color:#908D80; text-decoration:none; background-color: #fff; }
.menuse_o a:hover { color:#4A4840; background-color: #EFECDE; }
.menuse_o a.selected { color:#0097FF; background-color: #fff; font-weight:bolder;}
.menuse_o a:active { color:#4A4840; background-color: #EFECDE; }

.menuse_n a { width:210px; border-top:2px solid #0097FF; }
.menuse_n a:link { color:#0097FF; text-decoration:none; background-color: #fff; }
.menuse_n a:visited { color:#0097FF; text-decoration:none; background-color: #fff; }
.menuse_n a:hover { color:#4A4840; background-color: #EFECDE; }
.menuse_n a:active { color:#4A4840; background-color: #EFECDE; }

/** content layout **/

.content { float:left; width:880px;}

.leftside { float:left; width:640px;}

.rightside { float:right; width:220px; }

/** homepage layout **/

.kv {}
.kv a{
	display: block;
	width: 880px; height:250px;
	background: url(kv/kv_880x250_02.jpg) no-repeat 0 0;
	text-indent: -9999px;
	border-bottom: #4A4840 2px solid;
}

.whatnew { width:880px; height:160px; margin-bottom:10px;}
.whatnew div {
	color:#FFF; font-size:14px; font-weight:bolder; line-height:30px; text-align:center;
	position:absolute;
	background:#908D80;
	width:216px; height:30px;
	border:#FFF 2px solid;
	margin-left:660px; margin-top:63px;
}
.whatnew div a { color:#FFF; }
.whatnew div a:visited { color:#FFF; }
.whatnew div a:hover { color:#E0DCCA;text-decoration:none; }
	
.highlight { display:block; width:880px; height:80px; }
.highlight li { float:left;}

.hl1 a, .hl2 a, .hl3 a, .hl4 a {
	display: block;
	width: 220px; height: 80px;
	background-image: url(highlight.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
.hl1 a:link {background-position: 0 0}
.hl1 a:visited {background-position: 0 0}
.hl1 a:hover {background-position: 0 -80px}
.hl1 a:active {background-position: 0 -80px}

.hl2 a:link {background-position: -220px 0}
.hl2 a:visited {background-position: -220px 0}
.hl2 a:hover {background-position: -220px -80px}
.hl2 a:active {background-position: -220px -80px}

.hl3 a:link {background-position: -440px 0}
.hl3 a:visited {background-position: -440px 0}
.hl3 a:hover {background-position: -440px -80px}
.hl3 a:active {background-position: -440px -80px}

.hl4 a:link {background-position: -660px 0}
.hl4 a:visited {background-position: -660px 0}
.hl4 a:hover {background-position: -660px -80px}
.hl4 a:active {background-position: -660px -80px}

/** login, reg, forgot, gbook, user center, profile layout **/

.login, .forgot, .gbook, .pf_user {
	width:438px; height:340px;
	float:left;
	margin-right:2px;
	background:#EFEDE4;
}

.signup, .forgot_note, .gbook_note, .uc_note, .pf_pw {
	color:#3887BD;
	width:440px; height:340px;
	float:right;
	background:#CCEAFF; 
}

.login div,
.signup div{padding:15px;}

.forgot, .forgot_note { height:200px;}

.gbook ul{padding:10px;}
.gbook_note ul{padding:10px;}

.login li, .signup li, .forgot li, .gbook li { display:block; height:30px; line-height:30px;}

.forgot_note li, .gbook_note li { display:block; line-height:18px; margin-top:20px;}

.gbook { background:#F8F6D0; }

/** gbook list layout **/

.gbook_list { display:block; }
.gbook_list li { display:block; border-top:#E0DCCA 1px solid; padding:15px 0; } 
.gbook_list li a { padding:0 8px ; font-size:10px;}
.gbook_list li span { font-size:10px; color:#E0DCCA; padding:0 8px 0 30px;}
.gbook_list li font { color:#4A4840; font-weight:bolder;}
.gbook_list li p { display:block; line-height:20px; margin-top:10px;}

.gbook_reply { color:#3887BD; padding:20px 10px 10px 10px; background:#E3EFFF url(arrow_gbookreply.gif) no-repeat 0 0;}
.gbook_reply h3 { margin-bottom:8px;}

/** cart & fav layout **/

.cart_list_title { display:block; color:#4A4840; background:#E0DCCA; height:40px; width:640px;}
.cart_list_title li { display:block; float:left; line-height:30px; padding:5px;}

.cart_list { display:block; height:90px; width:640px; border-bottom:#E0DCCA 1px solid;}
.cart_list li { display:block; float:left; height:80px; padding:5px;}
.cart_list:hover { background:#EFF4F8; border-bottom:#0097FF 1px solid; }

.cart_item { width:80px;}
.cart_item img { width:80px; height:80px;} 

.cart_note { width:200px;}
.cart_note p { margin-top:30px; line-height:18px;}

.cart_status { width:40px; line-height:80px;}

.cart_price { width:60px; line-height:80px;}

.cart_qty { width:50px;}
.cart_qty input { margin-top:25px;}

.cart_total { width:60px; line-height:80px;}

.cart_del { width:30px; text-align:center;}
.cart_del img { margin-top:35px;}

.cart_fav { width:30px; text-align:right;}
.cart_fav img { margin-top:30px;}

.cashier {
	display:block;
	color:#DC8100;
	width:640px; height:160px;
	background:url(cart_cashier.gif) no-repeat;
	font-size:14px;
	font-weight:bolder;
}
.cashier li { display:block; float:left; height:40px; line-height:40px;}
.cashier input { margin-top:7px; margin-bottom:7px;}

.cashier_list1 { width:400px; padding-left:30px;}
.cashier_list2 { width:80px; }
.cashier_list3 { width:110px; }
.cashier_list4 { width:210px; }

.fav {
	display:block; float:left; 
	width:210px;
	background-color:#EFEDE4; padding:5px;
}

.fav li { display:block; float:left; padding:5px;}
.fav li img { width:40px; height:40px;}
.fav div { padding-left:12px;}

.fav_top, .fav_bottom { height:30px; float:left; padding:5px;}
.fav_top { background:#908D80 url(bg_fav_top.gif) no-repeat 100% 0;}
.fav_bottom { background:#908D80 url(bg_fav_bottom.gif) no-repeat 0 100%;}

/** detail layout **/

.detail { float:left; display:block; width:640px;}
.detail li { display:block; }

.detail_pic { float:right; width:410px;}

.detail_sidebar { float:left; padding-bottom:8px; background:url(bg_detailnote_bottom.gif) no-repeat 0 100%;}

.detail_item, .detail_desc, .detail_price1, .detail_price2, .detail_tags, .detail_btn { background-color:#E0DCCA; width:200px; padding:10px;}
.detail_item {
	color:#4A4840;
	font-family:Trebuchet MS, Geneva, Arial, Verdana;
	padding-top:8px;
	background-image:url(bg_detailnote_top.gif);
	background-repeat:no-repeat;
	background-position:100% 0;
}
.detail_item h2 { font-size:16px; }

.detail_desc { line-height:22px;}

.detail_tags { line-height:20px; background:#EFECDE; border-top:1px solid #FFF; border-bottom:1px solid #C8C3AF; }
.detail_tags a { padding-right:5px; }

.detail_btn {margin-bottom:0px;}

.detail_note { color:#FFF; line-height:20px; padding:30px 10px 5px 10px; width:200px; background:#908D80 url(arrow_detailnote.gif) no-repeat 0 0;}

.detail_price1, .detail_price2 { }
.detail_price1 span, .detail_price2 span { font-size:20px; margin-left:10px;}
.detail_price1 span { text-decoration:line-through;}
.detail_price2 span { color:#4A4840; }

.btncommon{
	width:66px;
	height:30px;
	color:#fff;
	border:0;
	padding:0;margin:0;
	cursor:pointer;
	background:url("btn_common.gif") no-repeat;
}

.prev_next { float:left; height:40px;}
.prev_next li { display:block; float:left; margin:8px 0;}
.prev_next a { text-decoration:none;}
.prev_next a:visited { text-decoration:none;}

.pro_prev a, .pro_next a {
	display:block;
	width:420px; height:24px;
	line-height:24px;
	background-image:url(arrow_prevnext.gif);
	background-repeat:no-repeat;
}
.pro_prev a { padding-left:20px; background-position:0 0; text-align:left;}
.pro_next a { padding-right:20px; background-position:100% 0; text-align:right;}

.pro_prev a:visited {background-position: 0 0}
.pro_prev a:hover {background-position: 0 100%}

.pro_next a:visited {background-position: 100% 0}
.pro_next a:hover {background-position: 100% 100%}

/** product list layout **/

.pro_list li { float:left; width:300px; height:100px; margin-right:20px;}
.pro_list li span { margin-top:5px; position:absolute;}
.pro_list li img { width:80px; height:80px; float:right; margin-top:8px;}
.pro_list li p { display:block; margin-top:28px; width:210px;}
.pro_list li h2 { display:block; margin-top:5px; width:210px;}
.pro_list li a {
	color:#4A4840;
	display:block;
	width:300px; height:100px;
	border-top:#EFECDE 2px solid;
	cursor:pointer;
	text-decoration:none;
}
.pro_list li a:visited { color:#4A4840; text-decoration:none;}
.pro_list li a:hover { color:#0097FF; border-top:#0097FF 2px solid; }

.pro_sel { float:left; width:610px; height:25px; background:#EFECDE; padding:10px;}
.pro_sel span { display:block; float:left; }
.pro_sel font { line-height:25px;}
.pro_sel div { float:right;}

/** order step, layout **/

.order_step li, .pf_edit li { display:block; height:30px; line-height:30px; }

.order_detail li { display:block; line-height:30px; padding-bottom:30px;}
.order_detail h3 { color:#4A4840; }
.order_detail span { display:block; float:right; }

.order_prolist ul { height:30px; border-bottom:#E0DCCA 1px solid;}
.order_prolist li { float:left; padding-bottom:0;}
.order_prolist div { text-align:right;}

.order_item, .order_price, .order_qty, .order_total { padding-left:5px; padding-right:5px;}
.order_item { width:420px;}
.order_price { width:60px;}
.order_qty { width:60px;}
.order_total { width:60px;}

/** order list layout **/

.order_list { border-bottom:#E0DCCA 1px solid;}

.order_list, .ol_menu { display:block; height:30px;}
.order_list li { display:block; float:left; height:30px; line-height:30px; padding:0 12px;}

.ol_menu a, .ol_menu_now {
	color:#FFF;
	background-color:#908D80;
	text-decoration:none;
	display:block; float:left; height:30px; line-height:30px; padding:0 12px;
}
.ol_menu a:visited { color:#FFF; background-color:#908D80; text-decoration:none;}
.ol_menu a:hover { color:#E0DCCA; background-color:#6C695E; }

.ol_menu_now { color:#4A4840; background-color:#E0DCCA; }

.ol_no, .ol_time, .ol_status { width:176px; }
.ol_qty, .ol_total { width:116px;}

/** user center layout **/

.uc_profile, .uc_order  { display:block; float:left; width:200px; height:350px; padding:15px 10px 15px 0;}

.uc_profile { margin-right:10px; border-right:#E0DCCA 1px solid;}
.uc_profile h2 { margin-bottom:10px;}
.uc_profile li { display:block; padding:2px 0;}

.uc_inte, .uc_remain {
	display:block;
	color:#FFF;
	line-height:30px;
	padding-left:10px;
	margin:10px 0 20px 0;
	height:30px; width:120px;
}
.uc_inte h1, .uc_remain h1 { font-size:18px; font-weight:normal; }

.uc_inte { background:#59BC00 url(box_inte_l.gif) no-repeat 0 0; }
.uc_inte h1 { background:url(box_inte_r.gif) no-repeat 100% 0;}

.uc_remain { background:#0097FF url(box_remain_l.gif) no-repeat 0 0; }
.uc_remain h1 { background:url(box_remain_r.gif) no-repeat 100% 0;}

.uc_order li { display:block; height:30px; line-height:30px; }

.uc_note { color:#908D80; height:350px;}
.uc_note ul{padding:15px;}
.uc_note li { display:block; width:205px; float:left; margin-bottom:20px; line-height:20px;}
.uc_note h2 { margin-bottom:10px;}

/** profile layout **/

.pf_user, .pf_pw { height:100px; background:#EFEDE4;}

.pf_user h1 { color:#4A4840; padding:20px 0 10px 0;}
.pf_user li { display:block; margin-left:30px;}

.pf_pw li { display:block; float:left; color:#908D80; height:30px; line-height:30px; margin:10px 0;}

.pf_edit { display:block; margin-top:20px;}

/** help layout **/

.help_list { height:120px; padding:10px 0; border-top:#E0DCCA 1px solid; border-bottom:#E0DCCA 1px solid;}
.help_list li { display:block; float:left; width:220px; height:30px; line-height:30px;}

.help_content { color:#4A4840; padding:20px 0; line-height:20px;}

/** welcome layout **/

.welcome {}
.welcome li {
	width:178px;
	height:160px;
	line-height:22px;
	display:block;
	float:left;
	padding:40px 20px 20px 20px;
	margin-right:2px;
	background-color:#CCEAFF;
}
.welcome h1 { margin-bottom:10px; font-family:"Trebuchet MS", Geneva, Arial, Verdana;}

/* sidebar object */

.tips, .shortcut, .notice, .related { display:block; margin-bottom:20px;}

.tips { background-color:#CCEAFF; padding-bottom:15px;}
.tips h2 { display:block; font-size:12px; color:#006DB9; background:#A2D9FF; padding:8px; }
.tips li { padding:10px; color:#3887BD; }

.shortcut { background-color:#C9F4A3;}
.shortcut li { padding:10px; color:#459200;}
.shortcut li a { color:#459200; text-decoration:none; }
.shortcut li a:visited { color:#459200; text-decoration:none; }
.shortcut li a:hover { color:#316700; }

.notice { border-top:#FF7400 2px solid; }
.notice h2 {
	display:block;
	font-size:12px;
	color:#FF7400;
	padding:8px 20px;
	background:url(icon_star.gif) no-repeat 0px 9px;
}
.notice li { color:#FF7400; padding:5px 0; border-bottom:#FFE3B2 1px solid; height:50px;}
.notice li img { float:right; margin-left:10px; text-align:right; width:40px; height:40px;}
.notice li span { font-size:10px; display:block;}
.notice li a { color:#CF5D00;}
.notice li a:visited { color:#CF5D00; }
.notice li a:hover { color:#FF7400; }

.related { border-top:#FF5782 2px solid; }
.related h2 {
	display:block;
	font-size:12px;
	color:#FF5782;
	padding:8px 20px;
	background:url(icon_related.gif) no-repeat 0px 9px;
}
.related li { color:#0097FF; padding:5px 0; border-bottom:#EFECDE 1px solid; height:80px;}
.related li img { float:right; margin-left:10px; text-align:right;}
.related li span { font-size:10px; display:block;}

/* common object */

.leaflet_b, .leaflet_g, .leaflet_y { background-repeat:no-repeat; background-position: 100% 100%; }

.leaflet_b { background-image:url(leaflet_blue.gif); }
.leaflet_g { background-image:url(leaflet_green.gif); }
.leaflet_y { background-image:url(leaflet_yellow.gif); }

.usercheck_y, .usercheck_n {
	width:160px; height:30px;
	line-height:30px;
	text-align:left;
	padding-left:25px;
	float:right;
}
.usercheck_y { color:#0097FF; background: url(icon_usercheck_y.gif) no-repeat 0 0;}
.usercheck_n { color:#908C80; background: url(icon_usercheck_n.gif) no-repeat 0 0;}

/*.img_pro_list { width:80px; height:80px; }*/

.page_index { float:left; width:630px; height:40px; line-height:40px; font-size:18px; text-align:center; margin-top:30px;}
.page_index span { padding:0 10px; color:#0097FF}
.page_index a { color:#4A4840; text-decoration:none;}
.page_index a:visited{ color:#4A4840; text-decoration:none;}
.page_index a:hover { color:#0097FF; }
.page_index a.selected{ color:#0097FF; text-decoration:none;}

/* common input */

.input_grey, .input_blue {
	color:#908D80;
	padding:5px;
	background:#FFF;
}
.input_grey { border:#E0DCCA 1px solid;}
.input_blue { border:#72C6FF 1px solid; }

.btn_grey1, .btn_blue1, .btn_orange, .btn_order, .btn_fav {
	text-align:left;
	width:90px;
	height:25px;
	border:0;
	padding:0 10px;
	line-height:25px;
	cursor:pointer;
}
.btn_grey1 { color:#E0DCCA;background:#4A4840; }
.btn_blue1 { color:#FFF; background:#0097FF; }
.btn_orange { color:#FFF; background:#FF7D11; }

.btn_order, .btn_fav { width:90px; color:#FFF; padding:0; padding-left:25px;}

.btn_order { background:#0097FF url(icon_cart_btn.gif) no-repeat 0 -3px;}

.btn_fav { margin:0; background:#908D80 url(icon_fav_btn.gif) no-repeat 0 -3px;}

/* common font color */

.bg_grey01 { background:#4A4840; }

.bg_grey02 { background:#908D80; }

.bg_grey03 { background:#E0DCCA; }

.co_grey01 { color:#4A4840; }

.co_blue { color:#0097FF; }

.co_orange { color:#FF7400; }

.co_sales { color:#F00000; }

.sale_red { color:#DE1118; }

.link_grey01 { color:#4A4840; }
.link_grey01 a { color:#4A4840;}
.link_grey01 a:visited  { color:#4A4840; }
.link_grey01 a:hover { color:#4A4840; }

.link_green { color:#4EA500; }
.link_green a { color:#4EA500;}
.link_green a:visited  { color:#4EA500; }
.link_green a:hover { color:#4EA500; }

.link_blue { color:#0097FF; }
.link_blue a { color:#0097FF;}
.link_blue a:visited  { color:#0097FF; }
.link_blue a:hover { color:#0097FF; }

.link_orange { color:#FF7400; }
.link_orange a { color:#FF7400;}
.link_orange a:visited  { color:#FF7400; }
.link_orange a:hover { color:#FF7400; }

/* common border color */

.linetop_grey1 { border-top:#4A4840 1px solid;}

.linetop_grey3 { border-top:#E0DCCA 1px solid;}

.tip_text{ padding-bottom:10px;}

/* ID */

#load {
	position:absolute;
	width:100%; height:100%;
	top:0; left:0;
	background:#999999 url(load_01.gif) no-repeat 50% 200px;
	margin:auto;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

/* fix */

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */ 

a,area { blr:expression(this.onFocus=this.blur()) }
:focus { -moz-outline-style: none; }

/* over */
/* author: zmz */