/*{padding:0; margin:0; font-family:Arial; font-size:12px; color:#333; font-weight:normal; text-decoration:none; line-height: 20px;}*/
* { font-size:12px; font-family:Tahoma, Arial; }
.job_icon * { font-weight:normal; font-size:12px; font-family:Tahoma, Arial; }
body{text-align:center; vertical-align:top; background:#fff;}
table,tr,td {vertical-align:top; text-align:left;}
strong {font-weight:bold;}
img { border:0;}
input {vertical-align:middle;}
ul,li { list-style:none; text-align:left; vertical-align:top;}
/*do not make any change here to prevent design brake!!!*/
.dt { display:table; width:100%;}
.dr { display:table-row; width:100%; height:100%;}
.dc { display:table-cell; text-align:left; vertical-align:top; width:100%; height:100%;}


.main {width:800px; text-align:center; margin:auto; border-left: solid 1px #999; border-right: solid 1px #999;}
.main_c1 {width:290px;}
.main_c2 { padding:2px 2px 0px 2px;}
.main_c21 { padding: 0px 5px 0px 0px;}
.main_c22 { width:140px; padding:1px;}
.content {padding:5px 2px 0px 2px; background:#fff;}
.c1 {width:190px;padding:2px 2px 0px 2px;}
.c2 {padding:2px 2px 0px 2px;}
.c211 {width:267px;}
.c212 {padding:0px 2px 0px 2px;}
.c221 {padding:0px 2px 0px 2px;}
.c222 {width:140px; padding:1px;}

#banner {height:110px; vertical-align:inherit}
.i_banner_top {background:url(../images/i-banner-top.jpg) no-repeat 10px 5px; padding:0px 0px 0px 25px;}

#footer { background:#970000;}
#footer .txt_footer {color:#fff; font-size:11px;} 
/*login*/
#login {}
#login .left_login {background:url(../images/left-login.jpg) no-repeat 0px 0px; height:49px;}
#login .body_login {padding: 0px 0px 0px 40px;}
#login .txt_user {
	width:125px; 
	height:16px;
	border-top:solid 0px #b40609;
	border-right:solid 0px #b40609;
	border-bottom:solid 1px #b40609;
	border-left:solid 0px #b40609;
}
#login .txt_pw{
	width:125px; 
	height:16px;
	border-top:solid 0px #b40609;
	border-right:solid 0px #b40609;
	border-bottom:solid 1px #b40609;
	border-left:solid 0px #b40609;
}

/*search*/
#search {padding:20px 0px 0px 10px}
#search .txt_search {width:320px; height:20px;}
#search .list_catalog {width:150px; height:20px; padding:0px 0px 0px 10px;}
#search .list_opt {width:150px; height:20px; padding:0px 0px 0px 10px;}

/*left menu 
#l_menu li {background:url(../images/l-menu-bg.jpg) repeat-x; padding:0px 0px 0px 5px;}
#l_menu .l_menu_r {background:url(../images/l-menu-right.jpg) no-repeat top right; height:24px;}

#l_menu li a:hover {color:#000; text-decoration:none; font-weight:bold;}

#l_menu li a {color:#fff; text-decoration:none; font-weight:bold;}*/
/*online support*/
#ol_support {}
#ol_support .support_bg1 {background:url(../images/support-bg1.jpg) no-repeat top right; height:20px;}
#ol_support .support_bg2 {background:url(../images/support-bg2.jpg) no-repeat top right; height:25px;}
#ol_support .support_bg3 {background:url(../images/support-bg3.jpg) no-repeat top right; height:60px;}
#ol_support .support_txt { font-weight:bold; color:#000;}
#ol_support a {color:#000; text-decoration:none; font-weight:bold}
#ol_support a:hover {color:#000; text-decoration:underline; font-weight:bold}

/*idc job*/
#job {}
#job .job_icon {background:url(../images/i-arrow.jpg) no-repeat 0px 3px; padding-left:15px;}
#job li {background:url(../images/i-line.jpg) repeat-x bottom; padding:0px 0px 5px 0px}
#job li a {color:#6a1f0d; text-decoration:underline; font-weight:bold;}
#job li a:hover {color:#0a6395; text-decoration:none; font-weight:bold;}

/*welcome*/
#welcome {height:25px; border-top:solid 2px #c4272e; border-bottom: solid 2px #c4272e;}
#welcome .txt_welcome { font-weight:bold; text-transform:uppercase;}

/*tittle*/
#tittle_main {background:url(../images/tittle-main-bg.jpg) repeat-x;}
#tittle_main .left_tittle {background:url(../images/tittle-main-left.jpg) no-repeat top left;}
#tittle_main .right_tittle {background:url(../images/tittle-main-right.jpg) no-repeat top right; height:17px;}
#tittle_main .right2_tittle {background:url(../images/tittle-main-right2.jpg) repeat-x top; height:17px;}
#tittle_main .body_tittle {padding:0px 0px 3px 5px; color:#fff; font-weight:bold; height:17px;}

#tittle01 { background:url(../images/tittle-main.jpg) no-repeat left;}
#tittle01 .body_tittle01 {padding:0px 0px 3px 5px; color:#fff; font-weight:bold;}

#tittle02 { background:url(../images/tittle-right-bg.jpg) repeat-x;}
#tittle02 .body_tittle02 {padding:0px 0px 3px 5px; color:#fff; font-weight:bold;}

/*box*/
#box { padding:0px 2px 2px 2px;}
#box .box_top {background:url(../images/box-b.jpg) repeat-x top;}
#box .box_top_left {background:url(../images/box-top-left.jpg) no-repeat top left;}
#box .box_top_right {background:url(../images/box-top-right.jpg) no-repeat top right;}
#box .box_left {background:url(../images/box-b.jpg) repeat-y left;}
#box .box_right {background: url(../images/box-right.jpg) repeat-y right;}
#box .box_bottom {background:url(../images/box-bottom.jpg) repeat-x bottom;}
#box .box_bottom_left {background:url(../images/box-bottom-left.jpg) no-repeat bottom left;}
#box .box_bottom_right {background:url(../images/box-bottom-right.jpg) no-repeat bottom right;}
#box .box_body {padding:2px 10px 10px 2px;}

/*images*/
.clr{clear:both; height:0px; margin:0; padding:0; line-height:0px;}
.img_product {padding:5px; border:solid 1px #095e90; background:#fff;}
.img_product img { width:60px; }
.img_product_detail {padding:0px 5px 0px 5px;}
.img_news {width:120px;}
.img {width:70px; padding:5px;background:#fff;}
.img_adv {width:135px; padding:1px;}

.small_view {padding:1px; border:solid 1px #ccc; background:#fff;}
.small_view_detail {padding:0px 5px 0px 5px;}

#pages {background:#fbebca;}
#pages .i_pages {background:url(../images/i-pages.jpg) no-repeat 10px 7px; padding-left:25px;}
#pages a { color:#095e90; font-weight:bold; text-decoration:none;}
#pages a:hover { color:#095e90; font-weight:bold; text-decoration:underline;}

.b_red {
	border-top:solid 1px #b40609;
	border-right:solid 1px #b40609;
	border-bottom:solid 1px #b40609;
	border-left:solid 1px #b40609;
}
.b_666{
	border-top:solid 1px #666;
	border-right:solid 1px #666;
	border-bottom:solid 1px #666;
	border-left:solid 1px #666;
}
.b_white {
	border-top:solid 3px #fff;
	border-right:solid 3px #ff;
	border-bottom:solid 3px #fff;
	border-left:solid 3px #fff;
}
.b_ccc {
	border-top:solid 1px #ccc;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	border-left:solid 1px #ccc;
}

.line_blue {border-bottom:solid 1px #095e90;}
.line_white { border-bottom:solid 1px #fff;}

.p1{padding:3px 1px 1px 2px;}
.p3{padding:3px 3px 3px 3px;}
.m_t5{margin:5px 0px 0px 0px;}
.p_t5{padding:5px 0px 0px 0px;}
.p_t10{padding:10px 0px 0px 0px;}
.p_tl2 { padding:2px 0px 0px 2px;}
.p_l5 {padding: 0px 0px 0px 5px;}
.p_l7 {padding:0px 0px 0px 8px;}
.p_r15{padding:0px 15px 0px 0px;}
.a_c { text-align:center;}
.a_r { text-align:right;}
.a_l {text-align:left;}
.a_j {text-align:justify}

.b {background:#fff;}
.b1 {background:#fbebca;}

.txt_search { width:175px; height:18px;}
.txt_login { width:120px; height:16px;
	background:#f2f2f2;
	border-top:solid 0px #666;
	border-right:solid 0px #666;
	border-bottom:solid 1px #666;
	border-left:solid 0px #666;
}

.botton_search {width:60px; height:22px;}

.txt_frm{width:150px; height:16px; padding:3px 0px 0px 0px;}
.txt_area{width:250px; height:150px;}
.txt_pf{width:100px;}

table.nopcart { border:solid 1px #000; padding:5px; width:100%; }
.nopcart td { border:solid 1px #000; margin:5px; }
.cartTitle { font-weight:bold; font-size:13px; }