/* Begin:Login page */
.login_bg{background:#FFFFFF url('/images/color_images/bg_01.jpg') no-repeat scroll top center; width:1000px; height:900px;}
.login{padding-top:75px; }
.login_title{padding-left:50px;}
.login_title a{display:block;width:325px; height:40px;}
.login_form{padding-left:570px;padding-top:10px;}
.login_form p{padding-bottom:20px;}
.login_form p.confirm{text-align:right;padding-right:85px;}
.login_form input{background:transparent url('/images/color_images/login_input.jpg') no-repeat scroll top center;width:330px;height:30px;border:0;padding-left:20px;padding-top:10px;font-weight:bold;}
.login_form input.login_btn{background:transparent url('/images/color_images/login_btn.gif') no-repeat scroll right center;height:24px; width:140px;font-size:14px; font-weight:bold; text-align:right;color:#FFFFFF; padding:0 8px 2px 0; cursor:pointer;}

/* Begin:page_02 Contract page */
.contact_bg{background:#FFFFFF url('/images/color_images/bg_02.jpg') no-repeat scroll top center; width:1000px; height:900px;}
.contact_logo{cursor:pointer;width:200px;height:65px;float:left;}
.contact_logo a{}
.nav_contact{height:20px; padding:35px 10px 0 475px;}
.contact_title{font-size:16px; font-weight:bold; padding:15px 0 0 65px;}
.contact_pic{padding:35px 0 0 90px;width:202px; height:202px;float:left;background:transparent url(/images/color_images/contact_logo_bg.jpg) no-repeat scroll 85px 25px;}
.contact_form{width:550px; padding:25px 0 0 50px; float:left;}
.contact_form .contact_des{width:392px;font-size:14px;line-height:130%;margin-bottom:28px;}
.contact_form .list_form{}
.contact_form .list_form h5{font-size:14px;font-weight:bold;border-bottom:1px #CCCCCC solid;margin:10px 0px; padding-bottom:3px;}
.contact_form .list_form select{width:400px}

/* Begin:page_03 Salon */
.main_bg{background:#FFFFFF url('/images/color_images/bg_03.jpg') no-repeat scroll top center;min-height:900px;_height:900px;}
.topspace{padding-top:20px}
.content{width:876px;margin:0px 22px;border:1px #D43200 solid;background-color:#FFFFFF;}
.content h4{color:#826D47;font-size:18px; font-weight:bold; float:left; margin-left:30px;_margin-left:15px;margin-top:10px;border-bottom:1px #826D47 solid;}
.salon_box{float:left; width:400px;padding:10px 0px 20px 23px;}
.salon_box h5{color:#333333; font-size:14px; font-weight:bold;margin:0 auto;text-align:center;width:220px;margin-top: 10px;}
.salon_des{color:#333333; font-size:11px; padding:7px 0px 0px 0px;}
.salon_box .more{color:#FF0000;text-transform: uppercase;text-align:center;}
.salon_box .more a{color:#FF0000;}


/* Begin:page_04 Product view */
.border{background:#DACDBA;}
.font_bold{font-weight:bold}
.pro_view{padding-top:5px;}
.pro_pic{text-align:center;}
.original{text-align:center;}
.changed{text-align:center;}
.color_list{margin-top:10px;width:160px;padding:0 42px 0 30px;float:left;border-right:1px #CCCCCC solid;}
.color_list h5,
.pro_info h5{font-size:14px; font-weight:bold; color:#3333333;padding-bottom:12px;}
.color_list ul{width:170px; overflow:auto;}
.color_list li{font-size:14px; font-weight:bold; color:#3333333;margin-bottom:4px;}
.color_list li a{text-decoration:none; }
.color_list li:hover{background-color:#DACDA1; cursor:pointer}
.color_list img{margin-right:8px;vertical-align:middle;}
.pro_info{margin-top:10px; float:left;padding-left:20px; width:450px;}
.pro_info p{font-size:11px;padding-bottom:20px;}
.pro_info ul{border:1px #D43200 solid;height:88px; overflow-x:auto;}
.pro_info li{float:left; }
.pro_info li:hover{cursor:pointer }
.pro_info li img{float:left;padding-right:4px}
.pro_info li p{float:left;width:60px;font-size:11px;padding-top:10px;}
.pro_demo{float:right;margin-right:24px;_margin-right:12px;margin-top:10px;padding-top:12px; width:165px;text-align:center;}
.pro_demo p{font-size:11px;padding:10px 0;}
.pro_btn{clear:both;padding:10px 0px 20px 0px;}
.pro_btn input{float:right;border:0; background:transparent url(/images/color_images/pro_btn.jpg) no-repeat scroll center center; width:260px; height:24px;cursor:pointer;}

/* Begin:page_05 Product Class */
.class_page{}
.class_page .page_title{font-size:14px;font-weight:bold;padding:6px 0px 5px 35px;}
.class_page h4{border-bottom:1px #CCCCCC solid;margin:0px 40px 0px 35px;padding-bottom:4px;}
.class_page h4 img{vertical-align:middle;margin:0px 5px 0px 8px;}
.pro_box{}
.pro_box .picture{float:left;padding:0px 20px 0px 43px;}
.pro_box .info_list{float:left;}
.pro_box .info_list td{padding:5px}
.pro_box .info_list .lt{text-align:right;}
.pro_box .info_list .ld{}
.pro_box .c_list{float:left;width:575px;clear:both;padding:12px 0px 0px 45px;}/* update 20090309 */
.pro_box .c_list li{float:left;padding-right:10px;padding-bottom:5px;width:180px;}/* update 20090309 */
.pro_box .c_list img{vertical-align:top;margin-right:10px;float:left;}/* update 20090309 */
.pro_box .c_list_popup{float:left;width:700px;clear:both;padding:12px 0px 0px 45px;}
.pro_box .c_list_popup li{float:left;padding-right:10px;padding-bottom:5px;width:220px;}
.pro_box .c_list_popup img{vertical-align:top;margin-right:10px;float:left;}
.commder{padding:15px 30px 0 0;float:right;width:250px;}
.commder input{background:transparent url(/images/color_images/class_commder_btn.jpg) no-repeat scroll center center; width:240px; height:40px; border:0;cursor:pointer;}

.list_box{clear:both;padding:4px 30px;}
.list_box h5{color:#000000; font-weight:bold;padding:0px 0px 5px 5px;font-size:12px;border-bottom:1px solid #CCCCCC; }
.list_box .list_items{overflow-x:hidden;overflow-y:auto; margin-bottom: 20px;}
.list_box .odd,
.list_box .even{padding:5px 10px;}
.list_box .odd{background-color:#FFFFFF; margin-bottom:1px;}
.list_box .even{background-color:#CCCCCC;}
.list_items table{}
.list_items .col_title_01{text-align:center;width:115px;padding-right:5px;}
.list_items .col_01{text-align:center;width:110px;padding-right:5px;height:110px;}
.list_items .col_02{width:490px;vertical-align:top;text-align:left;}
.list_items .title{color:#170304;font-weight:bold;font-size:12px; padding-top:2px;}
.list_items .col_02 .detail{font-size:11px;}
.list_items .col_03{width:90px;padding-right:3px; text-align:right;}
.list_items .col_03 input{width:58px; text-align:center;font-weight:bold;}
.list_items .col_04{width:15px;}
.list_items .col_05{width:95px;text-align:center;color:#333333;font-weight:bold;}
.list_items .col_06{width:50px;text-align:center}

.list_items .odd .col_01{border-bottom:1px #CCCCCC solid;}
.list_items .odd .col_02{border-bottom:1px #CCCCCC solid;}
.list_items .odd .col_03{border-bottom:1px #CCCCCC solid;}
.list_items .odd .col_04{border-bottom:1px #CCCCCC solid;}
.list_items .odd .col_05{border-bottom:1px #CCCCCC solid;}
.list_items .odd .col_06{border-bottom:1px #CCCCCC solid;}

.list_items .even .col_01{border-top:1px #FFFFFF solid;}
.list_items .even .col_02{border-top:1px #FFFFFF solid;}
.list_items .even .col_03{border-top:1px #FFFFFF solid;}
.list_items .even .col_04{border-top:1px #FFFFFF solid;}
.list_items .even .col_05{border-top:1px #FFFFFF solid;}
.list_items .even .col_06{border-top:1px #FFFFFF solid;}

.op_btn{padding-right:30px;text-align:right;}
.op_btn input{cursor:pointer; border:0px;margin-right:10px;}
.op_btn .btn_01{background:transparent url(/images/color_images/add_cart_btn_01.jpg) no-repeat scroll center center;width:135px; height:24px;}
.op_btn .btn_02{background:transparent url(/images/color_images/add_cart_btn_02.jpg) no-repeat scroll center center;width:105px; height:24px;}

.btn_image_plus{ cursor:pointer }
.btn_image_reduce{ cursor:pointer }



/* Begin:Check out */
.checkout .page_title{font-size:14px;font-weight:bold;padding:15px 0px 5px 35px;}
.checkout .error_customer_info{ padding: 0 0 5px 35px }
.check_list{width:100%;}
.check_list th{background-color:#FFFFFF;color:#666666;font-weight:bold;border-top:1px #CCCCCC solid;border-bottom:1px #CCCCCC solid;height:35px;}
.check_list th.col_01{width:130px;}
.check_list th.col_02{width:330px;text-align:left;padding-left:10px;}
.check_list th.col_03{width:90px}
.check_list th.col_04{width:80px;text-align:right;}
.check_list th.col_05{width:15px}
.check_list th.col_06{width:40px}
.check_list th.col_07{width:100px}
.check_list th.col_08{width:120px}
.check_list .odd td{background-color:#E3E2E0;border-bottom:1px #CCCCCC solid;border-top:1px solid #FAF8F5;}
.check_list .odd.first td{border-top:0px;}
.check_list .even{margin-bottom:1px;}
.check_list .even td{border-bottom:1px #CCCCCC solid;margin-bottom:1px;}
.check_list td{padding:8px 0px;vertical-align:top;}
.check_list td.col_01{padding-left:4px;}
.check_list td.col_01 input{vertical-align:top; margin-right:4px;}
.check_list td.col_02{padding-left:5px;}
.check_list td.col_03{text-transform:uppercase;text-align:center;padding-top:12px;}
.check_list td.col_04{text-align:right;padding-top:12px;}
.check_list td.col_04 input{width:58px;font-weight:bold;text-align:center;}
.check_list td.col_05{text-align:center;padding-top:12px;}
.check_list td.col_06{text-align:center;padding-top:12px;}
.check_list td.col_07,
.check_list td.col_08{text-align:center; font-weight:bold;padding-top:12px;}
.check_list td.col_05 a{display:block;}
.check_list .title{color:#170304;font-weight:bold;font-size:12px;}
.check_list .detail{font-size:12px;}

.return{color:#AA8E5C;font-size:14px; font-weight:bold;text-decoration:underline;padding:25px 30px 0px 0px;text-align:right;}
.return a{color:#AA8E5C;}
.total{font-size:14px;font-weight:bold;padding:15px 30px 0px 0px;text-align:right;}
.total .tt{font-size:18px;text-transform:uppercase;}
.total .coin{font-size:11px;}
.r_btn{padding-left:15px;}
.r_btn input{background:transparent url(/images/color_images/return_btn.jpg) no-repeat scroll center center;width:182px; height:32px; border:0px;}
.com_btn{padding-right:30px;text-align:right;}
.com_btn input{background:transparent url(/images/color_images/check_btn.jpg) no-repeat scroll center center;width:110px; height:24px; border:0px;}



/* Begin:Buyer Info */
.info_form{text-align:center;background-color:#FFFFFF;padding:15px 0px}
.info_form p{padding:5px 0px;}
.info_form p select{width:404px;margin:0px 15px;}
.info_form p input{width:400px;margin:0px 15px;}
.info_review{}
.info_review .title{text-align:right;padding:15px 42px 5px;border-bottom:1px #CCCCCC solid;height:20px;}
.info_review .title h3{font-size:18px;font-weight:bold; float:left;}
.info_review .info_btn{float:right;padding-top:5px;}
.info_review .info_btn img{vertical-align:bottom;margin-left:10px;}
.info_review .info{padding:20px 42px 25px 75px;;}
.info_review .info table{font-size:14px; font-weight:bold;}
.info_review .info table .ll{text-align:right}
.info_review .info table .rr{}

.pro_list{width:100%;}
.pro_list th{background-color:#FFFFFF;color:#666666;font-weight:bold;border-top:1px #CCCCCC solid;border-bottom:1px #CCCCCC solid;height:30px;}
.pro_list th.col_02{padding-left:10px; text-align:left;}
.pro_list td{padding:10px 5px;}
.pro_list .odd td{background-color:#E3E2E0;border-bottom:1px #CCCCCC solid;border-top:1px #FAF8F5 solid;}
.pro_list .odd.first td{border-top:0px;}
.pro_list .even td{border-bottom:1px #CCCCCC solid;margin-bottom:1px;}
.pro_list td.col_01{text-align:center;}
.pro_list td.col_02{width:450px;}
.pro_list td.col_02 .title{color:#170304;font-weight:bold;font-size:12px;}
.pro_list td.col_02 .detail{font-size:12px;}
.pro_list td.col_03{text-align:center;}
.pro_list td.col_04,
.pro_list td.col_05,
.pro_list td.col_06{text-align:center;font-weight:bold;}

.count{border-bottom:1px solid #CCCCCC;padding-right:32px;padding-top:8px;}
.count table{font-weight:bold;float:right;}
.count table td{padding:2px 0px}
.count table span{font-weight:normal;}
.count .c_01{text-align:center;padding-right:5px;}
.count .c_02{text-align:right;}
.count .c_03{text-align:right;padding-left:30px;}
.recom_btn{padding:30px 28px 0 0;text-align:right;}
.recom_btn input{background:transparent url(../images/color_images/recommder_btn.jpg) no-repeat scroll center center;width:240px; height:24px; border:0px;}


/* page - print pdf */
#page-print {
	margin: auto;
	width:600px;
	font-size: 13px;
	font-weight: bold;
}

#page-print h2{
	font-size: 14px;
	padding: 5px;
	padding-left: 50px;
}

#page-print h3{
	font-size: 14px;
}

#page-print .border-bottom{
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

#page-print .border-shorter{
	width: 500px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

#page-print .header img{
	padding-bottom: 10px; padding-top: 20px;
}

#page-print .bottom{
	margin-bottom: 100px;
	margin-top: 20px;
}

#divOpenWinColor .popup-message{
	text-align: center;
	font-size: 14px;
	margin: 80px;
}
#divOpenWinColor .popup-message p{
	line-height: 20px;
}

.ie6_hover{
	background: #DACDA1;
}
.id7_out{
	background: #FAF8F5;
}