/* CSS Document */
html, body{margin:0; padding:0;font-family:Arial,Tahoma;font-size:12px;color:#000; background:url(../image/bg/background.gif) repeat-x;}
body {width:expression(document.body.clientwidth < 800? "800px" : document.body.clientwidth > 1024? "1024px" : "auto");}
form, table, p{margin:0;padding:0;}
div, p {line-height:16px;}
p{margin:0px; padding:0px;}
a{text-decoration:none; color:#003253;}
a:hover {text-decoration:underline;color:#a73a04;}
.fl, .left{float:left}
.fr, .right{float:right}
.clearboth{	clear:both;}
.header{width:100%; height:auto;}
.footer{width:100%; height:auto;}
.content{width:1000px; height:auto; text-align:left; background:#fff;}
.note{color:#f00; font-size:11px;}
.infor{color:#999; font-size:10px;}
.btn_button{border:1px solid #848c94; background:#aaaaaa;padding:0 5px 0 5px; text-align:center; color:#000; cursor:pointer;}
.btn_button:hover{border:1px solid #848c94; background:#888787;padding:0 5px 0 5px; text-align:center; color:#000; cursor:pointer;}
/*------------------------ container ---------------------------*/
.main-frame { width:100%; height:auto; text-align:center; }
.main-content { width:100%; height:auto; display:inline; border:0; text-align:left; }
.content-left { display:block; width:19.3%; height:auto; position:relative; top:0px; left:0%; }
.content-container { display:block; width:80.7%; *width:80.7%; _width:80.7%; height:auto; position:relative; top:0px; left:0; }
.content-right { display:block; width:25%; height:auto; position:relative; top:0px; left:0%; }
.center-content { display:block; width:72%; height:auto; position:relative; top:0px; left:1.5%; }
/*------------------content right -------------------*/
.content-left .left_group, .content-right .right_group {width:100%; height:27px;}
.content-left .left_group {background:url(../image/body/left_group_bg.gif) repeat-x;}
.content-right .right_group {background:url(../image/body/right_group_bg.gif) repeat-x;}
.content-left .folder, .content-right .folder {color:#fff; font-weight:600; padding-top:6px; font-size:13px; text-align:center; width:60%;}
.content-left .folder-title, .content-left .folder-title a, 
.content-right .folder-title, .content-right .folder-title a {font-weight:600; font-size:13px; text-decoration:none;}
.content-left .folder-title, .content-left .folder-title a {color:#fff}
.content-right .folder-title, .content-right .folder-title a {color:#fff}
.content-left .folder-title a:hover
.content-right .folder-title a:hover {color:#1d354b;text-decoration:none}
.content-left .body, .content-right .body {margin-bottom:5px; border:1px solid #bdbdbd; background:#fff; }
.content-left .left_subgroup {width:100%;height:27px;}

@media screen and (-webkit-min-device-pixel-ratio:0) { /* fix for Safarit & Chrome */
body:first-of-type .content-right .body {width:100%;}
body:first-of-type .content-left .body {width:99.5%;}
}
.main-cat {width:100%; height:auto; padding:8px 0px 8px 0; font-weight:600; background:url(../image/body/product_category_bg.gif) no-repeat; margin-top:5px;}
.sub-cat{width:auto; height:auto; padding:5px 0 5px 5px; margin:3px 0; background:#ccf; text-align:left;}
.cat-active {color:#ffe400; text-decoration:none;}
.cat-deactive {color:#fff; text-decoration:none;}
.sub-cat .cat-active {color:#f00; text-decoration:none;}
.sub-cat .cat-deactive {color:#006; text-decoration:none;}
/*------------------------ right menu -----------------------------*/
.right-menu-cat, .right-menu-subcat {padding:5px 0; margin-left:10px}
.right-menu-cat a, .right-menu-subcat a {font-weight:600; text-decoration:none; color:#fff;}
.right-menu-cat a:hover, .right-menu-subcat a:hover {font-weight:600; text-decoration:none; color:#ffe400;}
.right-menu-subcat {margin-right:10px;}
/*------------------------ container -----------------------------*/
.content_top {width:100%; height:6px; background: #f2f2f0 url(../image/body/content_top_bg.html) repeat-x; margin-top:5px;}
.content_content {width:99.7%; text-align:center; background:#fff;}
.content_bottom {width:100%; height:6px; background: #f2f2f0 url(../image/body/content_bottom_bg.html) repeat-x; margin-bottom:5px;}
.content_group{width:100%; height:26px; margin-bottom:5px; background:url(../image/body/center_group_bg.gif) repeat-x;}
.content_folder { width:auto; height:26px; text-align:left; background:url(../image/body/center_group_text.gif) repeat-x; }
.content_folder .folder-title {color:#fff; font-weight:600; font-size:11px;}
.content_body .folder-title, .folder-title a {color:#fff; font-weight:600; font-size:11px;text-decoration:none;}
.content_body .folder-title, .folder-title a:hover {color:#1d354b; text-decoration:none}
.content_folder .folder-subtitle {color:#fff; font-weight:600; padding:4px 0 0 10px;}
.content_folder .folder-subtitle a {color:#fff; text-decoration:none}
.content_folder .folder-subtitle a:hover {color:#1d354b; ext-decoration:underline}
.content_body {width:100%; text-align:center; background:#fff}
.content_body .body-row {width:100%; height:auto; border:0;text-align:left;margin-left:5px;}
.content_body .body-item {display:inline-block; width:27%; height:auto; margin-top:5px; padding:5px;}
.content_body .body-homeitem {display:block;width:23%; height:auto; margin-top:20px;border:0}
.content_body .view-detail {text-align:right;margin-right:50px;}
.content_body .body-row-sep {width:100%;border:0;}
/*----------------- home ---------------------------*/
.home-box-item {display:block; width:33%; height:auto; min-height:212px; border: 0px solid #afafaf; }
.home-box-title {width:auto; height:auto; font-size:16px; color:#fff; font-weight:600; margin:15px 0 15px 20px;}
/*----------------- product ---------------------------*/
.content_body .product-title {padding:5px 0; color:#000; font-weight:600;}
.content_body .product-price {padding:5px 0; color:#036;}
.product-detail a{color:#036;}
.product-title a {color:#036;text-decoration:none; font-weight:600;}
.product-title a:hover {color:#f00;text-decoration:none;}
.content_body .subcateory-item {display:block; width:27%; height:auto; border:0; padding:5px 0;}
.subcateory-item a {color:#1e73c8;}
.product-attribute { padding:2px 0; }
#sub-category a { color:#000; text-transform:uppercase; font-weight:600;}
/*----------------- clip ---------------------------*/
.content_body .clip-title {line-height:25px; color:#000; font-weight:600;}
.content_body .clip-item {display:block; width:40%; margin-bottom:20px; border:0;}
.content_body .clip-item-list {width:29%; height:auto; margin-bottom:20px; border:0;}
/*----------------- gallery ---------------------------*/
.content_body .gallery-item {display:block; width:39%; height:auto; margin-top:20px;border: 1px solid #aeb5bc; padding:5px; background:#e9eef2; }
/*----------------- news ---------------------------*/
.content_body .news-title {padding:5px 0; color:#000; font-weight:600; font-size:16px;}
.content_body .news-title a {padding:5px 0; color:#666; font-weight:600; font-size:16px;}
.neo-emailprintback { background: url(../image/icon/neo-emailprintback.png) no-repeat right top; height: 28px; line-height: 28px; text-align:right}
.neo-emailprintback a {color: #999999;margin-right: 15px;}
.neo-emailprintback a:hover {color: #6495ed}
.ss-email {background: url(../image/icon/neo-email.png) no-repeat center left; padding: 0 0 0 22px; }
.ss-print {background: url(../image/icon/neo-print.png) no-repeat center left; padding: 0 0 0 19px; }
.ss-respond {background: url(../image/icon/neo-respond.png) no-repeat center left; padding: 0 0 0 20px; }
/*------------------ news other --------------------*/
.newshot-date{font-weight:600}
.newshot-title a{color:#565656;text-decoration:none;}
.newshot-title a:hover{color:#a73a04;text-decoration:underline;}
.content_body .other-title {line-height:25px;font-size:13px;text-decoration:underline;font-weight:600;color:#ff6000}
/*----------------- comment ---------------------------*/
.content_body .comment-title {line-height:20px;font-size:11px;font-weight:600;color:#000}
/*----------------- custommer ---------------------------*/
.content_body .custommer-title {line-height:25px;color:#646464;}
/*------------------------ footer ---------------------------*/
.footer .content { display:inline-block; background:#fff url(../image/footer/footer_bg.gif) repeat-x;}
.footer-body { width:100%; color:#fff; }
.footer-body a{color:#646464;text-decoration:none;}
.footer-body a:hover{color:#eebe00;text-decoration:none;}
.footer_group{width:100%;margin-top:20px;}
.footer_group .folder {font-size:16px;color:#fff;font-weight:600;}
.footer-body .untilities a {color:#fff;text-decoration:none;}
.footer-body .untilities a:hover {color:#ff0000;text-decoration:none;}
/*--------------------header menu -------------------------*/
.header-top a {color:#fff;}
.header .body {width:100%; height:auto;}
.navtop {width:100%; height:61px;}
.menu { width:100%; height:61px; display:table; }
.content-menu { width:100%; height:auto; display:inline-block;margin:auto;}
.menu ul, .menu li {list-style:none; padding:0; margin:0; width:auto; height:auto;}
#tabs { width:90%; height:auto; font-size:11px; line-height:normal; padding:0; margin:0; }
	#tabs ul { margin:0; padding:0; list-style:none; height:auto; }
/*-------------------- menu footer --------------------*/
.deactive-footer { float:left; height:25px; padding:0 5px 0 5px; color:#fff; text-align:center; }
.deactive-footer a { color:#fff; line-height:25px;}
.deactive-footer a span { color:#fff; height:25px; display:block; }
.active-footer { float:left; height:25px; padding:0 5px 0 5px; color:#fff000; text-align:center; }
.active-footer a { color:#fff000; line-height:25px;}
.active-footer a span { color:#ff6d01; height:25px; display:block; }
.footer-sep { width:30px; line-height:25px; text-align:center; color:#fff; }

.counter{ height:20px; color:#000;}
/*------------------------- contact -----------------------------*/
div.contact_row {width:100%; height:auto; display:inline-table; margin-top:1px; margin-top:2px !important;}
span.text_contact { width:20%; text-align:right; margin-right:1.5%; }
span.contact { width:auto; }
.contact_input {color: #ddd; background-color: #444; border: solid 1px #555; }

.button{border:0px;}
#select{ position:absolute; display:none; z-index:1000; border:1px solid #a1b1be; top:24px; left:0px; background:#fff; }
.option{ text-align:left; padding:5px 0px 5px 5px; }
.search-center {width:95%; height:auto; text-align:left;}
.search-category, .search-input{width:150x; border:1px solid #5a6f83; padding:2px 0 2px 2px; background:#fff;}
.search-category {width:162px; height:23px;}
.btn_search {background:url(../image/icon/btn_search.gif) no-repeat; width:80px; height:20px; border:0;}
/*------------------------- login form -----------------------------*/
.box-text-login {width:auto; height:25px; padding:5px;}
/*------------------------- untilities -----------------------------*/
.tbl-weather {width:90%;}
.td-weather-title {width:40px;background-color:#ffffff;}
.td-weather-data {background-color:#ffffff;}
.txtr {text-align:right;}
.forex-rate {height:59px; overflow:scroll; overflow-x:hidden;}
.gold-price {margin:2px 0px; padding:0px; width:100%;} 
.forex-rate {margin:5px 0px; padding:0px; width:100%;}