@charset "utf-8";
/* CSS Document */

*{
	margin:0px;
	padding:0px;
}
a,a:visited{color:#666666; text-decoration:none;}
a:hover{color:#1d83bc; text-decoration:underline;}
a img{border:none;}
.clr{clear:both;}
ul,li
{
	list-style-type:none;
	list-style-position:outside;
	list-style-image:none;
}
li{float:left;}
.main-navigation{width:980px;height:93px;background:transparent url(../img/layout/bg-search.png) repeat-x scroll 0 100%;margin-bottom:0px;}
.navigation{height:40px;float:left;margin-top:8px;}
#nav-right
{
	height:40px; 
	width:205px;
	background-image:url(../img/layout/bg-tab2.png);
	background-position:100% 0;
	background-repeat:no-repeat;
	height:40px;
	position:absolute;
}
#nav
{
	width:980px;
	float:left;
}
#nav li
{
	background:transparent none repeat scroll 0 0 !important;
	float:left;
	margin:0px;
	padding:0px;
	text-indent:0px;
}
#nav li a
{
	height:40px;
	display:block;
	background-image: url(../img/layout/bg-tab.png);
	background-repeat:no-repeat;		
	width:121px;
	padding:0px;
	text-indent:-9999px;
	line-height:40px;
	overflow:hidden;
}
li#nav-home a:hover{background-position:0px !important;}
li#nav-home a.selected{background-position:0px -82px !important;}

li#nav-intro a{width:115px;background-position:-122px 0px !important;}
li#nav-intro a:hover{background-position:-122px -41px !important;}
li#nav-intro a.selected{background-position:-122px -82px !important;}

li#nav-news a{width:115px;background-position:-238px 0px !important;}
li#nav-news a:hover{background-position:-238px -41px !important;}
li#nav-news a.selected{background-position:-238px -82px !important;}

li#nav-product a{width:189px;background-position:-354px 0px !important;}
li#nav-product a:hover{background-position:-354px -41px !important;}
li#nav-product a.selected{background-position:-354px -82px !important;}

li#nav-job a{width:115px;background-position:-544px 0px !important;}
li#nav-job a:hover{background-position:-544px -41px !important;}
li#nav-job a.selected{background-position:-544px -82px !important;}

li#nav-contact a{width:120px;background-position:-660px 0px !important;}
li#nav-contact a:hover{background-position:-660px -41px !important;}
li#nav-contact a.selected{background-position:-660px -82px !important;}

li#nav-rt a{width:205px;background-position:-775px 0px !important;}
li#nav-rt a:hover{background-position:-775px -41px !important;}
li#nav-rt a.selected{background-position:-775px -82px !important;}

body
{
	color:#666666;padding:0px;margin:0px;text-align:center;
	background-color:#f7f7f7;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
}
#container{margin:0px auto;text-align:left;width:980px;height:auto;}
#wrapper{float:left;}
#header{float:left;}
#header #header-content{height:98px; width:980px;}
#header #header-content #logo{float:left; padding-top:20px;}
#header #header-content #banner{float:left; padding-top:20px;margin-left:132px;}
#content{float:left;}

#footer{float:left;margin-top:20px;;margin-bottom:2px; width:980px; border-top:solid 1px #eff1f2;}
#footer .bt{float:left;width:100%;background:transparent url(../img/layout/footer-border-bottom.png) no-repeat scroll right bottom; }
#footer .bt .c{float:left;background:transparent url(../img/layout/footer-bg.png) repeat-x scroll 0 0;width:100%;padding-bottom:5px; height:116px;}
#footer #copyright{float:left; width:202px; height:26px; padding-top:90px;padding-left:10px;}
#footer #copyright span{color:white; font-size:14px;}
#footer #footer-info{float:left; width:752px;}
#footer #footer-info #footer-link{float:left; margin-top:5px;}
#footer #footer-info #footer-link li a{background:transparent url(../img/layout/link-splitter.png) no-repeat scroll 100% 50% !important;float:left; display:block; padding:0px 16px 0px 16px;}
#footer #footer-info #footer-contact{float:left; margin-top:25px;padding-left:16px; font-size:13px; color:white; width:736px;}
#footer #footer-info #footer-contact li{width:100%; padding-top:3px;}
#footer #footer-info #footer-contact li.company{font-size:18px;}

#sidebar{float:left;width:220px;}
#main{float:left;width:752px;padding-left:8px;}

#breadcrumb{list-style-image:none;list-style-position:outside;list-style-type:none;float:left;}
#breadcrumb li{height:22px;padding-top:6px;padding-right:16px;padding-left:8px;margin-top:1px;background:transparent url(../img/chevron.png) no-repeat scroll 100% 50% !important;}
#breadcrumb li a{margin-top:1px;padding-left:8px;display:block;height:22px;float:left;}

#home-flash{float:left; margin-top:8px; width:100%; height:332px;}
#product-special{float:left;width:100%; margin-top:8px;}
#product-special #special-0{float:left;}
#product-special #special-1{float:left;margin-left:19px;}
#product-special #special-2{float:left;margin-left:19px;}

.box-special{float:left;width:238px;}
.box-special .bt{float:left;width:100%;background:transparent url(../img/box/box-special-product-border-bottom.png) no-repeat scroll right bottom;}
.box-special .bt .t{float:left;width:100%;padding-bottom:5px;background:transparent url(../img/box/box-special-product-border-top.png) repeat-x scroll 0 0;}
.box-special .bt .t .c{background:transparent url(../img/box/box-special-product-bg.png) repeat-x scroll 0 100%;border-left:solid 1px #cccccc;border-right:solid 1px #cccccc;margin:3px 0px 0px 0px;width:236px;float:left;}
.box-special .bt .t .c .body{float:left;height:190px;text-align:center;width:100%;}
.box-special .bt .t .c .body .product-image{width:100%;margin-top:8px;}
.box-special .bt .t .c .body .product-name{width:100%;margin-top:20px;}
#product-best{float:left;width:100%;margin-top:8px;}

.box-main-grey{width:752px;float:left;}
.box-main-grey .bt{background:transparent url(../img/box/box-main-border-bottom.png) no-repeat scroll right bottom;float:left;width:100%;}
.box-main-grey .bt .t{background:transparent url(../img/box/box-main-border-top.png) repeat-x scroll 0 0;float:left;width:100%;padding-bottom:5px;}
.box-main-grey .bt .t .c{background:white;border-left:solid 1px #cccccc;border-right:solid 1px #cccccc;margin:3px 0px 0px 0px;width:750px;float:left;}
.box-main-grey .breadcrumb{height:28px;width:740px;padding-left:10px;padding-top:0px;background:transparent url(../img/box/bg-top.png) repeat-x scroll 0 0; float:left;overflow:hidden;}

.box-main{width:752px;float:left;}
.box-main .bt{background:transparent url(../img/box/box-main-border-bottom-white.png) no-repeat scroll right bottom;float:left;width:100%;}
.box-main .bt .t{background:transparent url(../img/box/box-main-border-top.png) repeat-x scroll 0 0;float:left;width:100%;padding-bottom:5px;}
.box-main .bt .t .c{background:white;border-left:solid 1px #cccccc;border-right:solid 1px #cccccc;margin:3px 0px 0px 0px;width:750px;float:left;}

.box-main .title-blue{height:28px;width:740px;padding-left:10px;padding-top:3px;background:transparent url(../img/box/bg-top-blue.png) repeat-x scroll 0 0; float:left;}
.box-main .body{float:left;width:750px;background-color:white;overflow:hidden;}
.box-main .body .content{float:left;width:750px;}
.box-main .bottom{float:left;width:100%;height:10px;}

.box-normal{width:220px;float:left;}
.box-normal .bt{background:transparent url(../img/box/border-bottom.png) no-repeat scroll right bottom;float:left;width:100%;}
.box-normal .bt .t{background:transparent url(../img/box/border-top.png) repeat-x scroll 0 0;float:left;width:100%;padding-bottom:5px;}
.box-normal .bt .t .c{background:transparent url(../img/box/bg-body.png) repeat-x scroll 0 100%;border-left:solid 1px #cccccc;border-right:solid 1px #cccccc;margin:3px 0px 0px 0px;width:218px;float:left;}
.box-normal .title{height:26px;width:208px;padding-left:10px;padding-top:5px;background:transparent url(../img/box/bg-top.png) repeat-x scroll 0 0; float:left;}
.box-normal .title-blue{height:26px;width:208px;padding-left:10px;padding-top:5px;background:transparent url(../img/box/bg-top-blue.png) repeat-x scroll 0 0; float:left;}
.box-normal .title-yellow{height:26px;width:208px;padding-left:10px;padding-top:5px;background:transparent url(../img/box/bg-top-yellow.png) repeat-x scroll 0 0; float:left;}
.box-normal .body{float:left;width:198px;padding:0px 10px 0px 10px}

.title h4{font-size:14px;font-weight:bold;}
.title a:hover{text-decoration:none;}

.title-blue h4{font-size:14px;font-weight:bold;}
.title-blue a:hover{text-decoration:none;}

.title-yellow h4{font-size:14px;font-weight:bold;}
.title-yellow a:hover{text-decoration:none;}

#box-product-category{float:left; width:220px;}
#box-latest-news{float:left; width:220px;margin-top:8px;}
#box-latest-product{float:left; width:220px;margin-top:8px;}
#box-contact{float:left; width:220px;margin-top:8px;}

/*box-product-category*/
div.product
{
	width:740px;		
	float:left;
	padding:5px;	
}
div.product div.product-items{
	float:left;
	width:100%;
}
div.product div.product-items div.items
{	
	width:360px;
	padding:5px;
	float:left;
}

div.product div.product-items div.items div.item
{
	float:left;
	background:transparent url(../img/img_bg_product_category.jpg) repeat-x scroll left top;	
	width:358px;
	border:solid 1px #cccccc;
}

div.product div.product-items .paging{float:left;width:100%;}
/*
*
*	class paging
*
*/
div.paging
{
	float:left;
	border-top:solid 1px #f7f7f7;	
	text-align:right;
	margin-top:10px; 
	padding-top:0px;
}
div.paging div.pagination
{
	width:740px;
	clear:both;	
}

div.paging div.pagination ul
{
	list-style-type:none;	
	margin: 0px;padding: 7px;
	clear:both;
	float:right;
}
div.paging div.pagination li
{
	border:0 none;
	float:left;
	font-size:10px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 2px 0 0;
	padding:0;	
}
div.paging div.pagination li span.go-page
{
	float:left;
	padding:3px 0px 0px 20px;
	margin-right:5px;
}
div.paging div.pagination li select
{
	width:40px;
}
div.paging div.pagination a
{
	border:1px solid #CCCCCC;
	margin-right:2px;
	padding-top:2px;
	color:#1D83BC;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
	text-decoration:none;
	height:16px;
}

div.paging div.pagination a:link,div.paging div.pagination a:visited
{
	display:block;
	float:left;
	padding:2px 6px;
	text-decoration:none;	
}
div.paging div.pagination a:hover
{
	border: solid 1px #666; background: #666; color: #fff;	
}

div.paging div.pagination .next a, div.paging div.pagination .previous a
{
	font-weight:bold;	
}

div.paging div.pagination .active
{
	background:#CCCCCC none repeat scroll 0 0;
	color:#333333;
	display:block;
	float:left;
	font-weight:bold;
	padding:1px 6px;	
}

div.paging div.pagination li.active
{
	background:#CCCCCC none repeat scroll 0 0;
	color:#333333;
	display:block;
	float:left;
	font-weight:bold;
	padding:3px 6px;
	height:16px;
}

div.paging div.pagination li.current
{
	background:#5aa9e0 none repeat scroll 0 0;
	color:white;
	display:block;
	float:left;
	font-weight:bold;
	padding:3px 6px;
	height:16px;
	font-weight:bold;
	font-size:12px;
}

ol.info
{
	float:left;
	padding:10px 5px 5px 5px;
	width:348px;	
}

ol.info li.thumbnail
{
	margin-right:10px;
}

ol.info li.thumbnail a,ol.info li.thumbnail a:hover
{
	display:block;
	width:128px;
	height:96px;
	border:none;
	text-decoration:none;
}
ol.info li.thumbnail a img
{
	border:solid 1px #cccccc;
	width:128px;
	height:96px;
}

ol.info li.detail{width:206px;}
ol.info li.detail a{color:#1d83bc; text-decoration:none; font-weight:bold;}
ol.info li.detail a:hover{color:#1d83bc; text-decoration:underline;}

ol.info li.detail li.name{width:100%;}
ol.info li.detail li.attrib{width:100%;}

ol.info li.detail li.attrib li.attrib-name
{
	background:#F5F5F5 none repeat scroll 0 0;
	border:1px solid #E4E4E4;
	float:left;
	padding:2px;
	width:90px;
}
ol.info li.detail li.attrib li.attrib-value
{
	background:#F5F5F5 none repeat scroll 0 0;
	border:1px solid #E4E4E4;
	float:left;
	padding:2px;
	width:104px;
}

ol.info li.more{width:338px; padding:5px; text-align:right;}
ol.info li.more a{color:#1d83bc;}

ol#sidebar-news{float:left;width:100%;}
ol#sidebar-news li{width:100%;}
ol#sidebar-news li a{display:block; height:52px;font-size:11px;padding-top:5px; border-bottom:solid 1px #e5e5e5;}
ol#sidebar-news li a img{width:52px;float:left; margin:0px 5px 0px 5px;border:solid 1px #cccccc;}
ol#sidebar-news li.more{text-align:right;}
ol#sidebar-news li.more a{height:18px;}

#sidebar-product{height:263px;}
#sidebar-product .latest-product{float:left;width:198px;}
#sidebar-product .latest-product a{height:80px;font-size:11px;display:block;padding-top:5px; border-bottom:solid 1px #e5e5e5;}
#sidebar-product .latest-product a img{width:78px; height:70px;float:left; margin-right:5px;}

#news{float:left;width:100%;margin-top:8px;}
#news a{color:#1d83bc;}
#news a:hover{text-decoration:underline;}
.grid{float:left;width:720px;padding:10px 10px 0px 20px;}
.grid .cols{float:left;width:720px;border-bottom:solid 1px #cccccc;padding-bottom:10px;}
.grid .cols .rows{float:left;width:100%;}
.grid .cols .rows .rows-header{float:left;width:100%;}
.grid .cols .rows .rows-content{float:left;width:100%;margin-top:10px;}
.cols-lf{float:left; width:432px;}
.cols-lf .row{float:left;width:100%;margin-top:10px;}
.cols-lf .row .row-content{float:left;width:100%;}
.cols-lf .row .row-content ol{float:left;width:100%;}
.cols-lf .row .row-content ol li{float:left;width:100%;}
.cols-lf .row .row-content ol li.news-title{float:left;width:100%;margin-bottom:5px;}
.cols-lf .row .row-content ol li.news-detail a{float:left;display:block; height:78px;}
.cols-lf .row .row-content ol li.news-detail a img{float:left;width:104px; margin-right:10px;border:solid 1px #cccccc;}
.cols-lf .row .row-detail{float:left;width:100%; text-align:right;}

.cols-rt{float:left; width:278px;margin-top:10px; margin-left:10px;}
.cols-rt .news-other{float:left;width:100%; }
.cols-rt .news-other ul{float:none;width:223px;padding:10px 10px 10px 35px;}
.cols-rt .news-other ul li{float:none;width:100%;margin-bottom:8px;}
ul.icons-list{float:none;width:100%;}
ul.icons-list li{list-style-image:url(../img/list_icon_other.gif);list-style-position:outside;list-style-type: circle;}
ul.icons-list li a:hover{text-decoration:underline}

#news #news-detail{float:left;width:720px;padding:20px 10px 20px 20px;}
#news #news-detail .row-header{float:left;width:100%;padding-bottom:10px;}
#news #news-detail .row-content{float:left;width:100%;}
#news #news-detail .row-content .row-news-detail{float:left;width:100%;}
#news #news-detail .row-content ol.row-news-detail li{float:left;width:100%;}
#news #news-detail .row-content ol.row-news-detail li.news-detail-intro a img{float:left;width:200px;height:150px;margin-right:10px;}

#news #news-detail .row-content .row-news-bookmark{float:left;width:670px;background:#F8F8F8 none repeat scroll 0 0;
border:1px solid #CCCCCC;margin-top:10px;padding:20px;}
#news #news-detail .row-content ol.row-news-bookmark li{float:left;text-align:center;width:30%;}
#news #news-detail .row-content ol.row-news-bookmark li a img{margin-right:3px;}

#news #news-detail .row-content .row-news-other{float:left;width:670px;background:#F8F8F8 none repeat scroll 0 0;
border:1px solid #CCCCCC;margin-top:10px;padding:20px;}
#news #news-detail .row-content ol.row-news-other li{float:left;width:100%;}
#news #news-detail .row-content ol.row-news-other li.news-other-title{border-bottom:1px solid #CCCCCC;}

#news #news-detail .row-content ol.row-news-other li ul.news-other{float:none;width:630px;padding-left:40px;}
#news #news-detail .row-content ol.row-news-other li ul.news-other li{float:none;width:100%;}

#intro{float:left;width:100%;margin-top:8px;}
#intro #intro-content{float:left;width:640px;padding:40px;}

.category{margin-top:8px;float:left;width:100%;}
.category .category-child{float:left;width:750px;}
.category .category-child .category-child-items{float:left;width:100%;}
.category .category-child .items{float:left;width:180px;border:none;margin-left:3px;margin-top:20px;}
.category .category-child .items .item{float:left;width:100%;}
.category-child ol.item-info{float:left;width:180px;text-align:center;padding:0px;}
.category-child ol.item-info li{float:left;width:180px;text-align:center;}
.category-child ol.item-info li a img{border:solid 1px #cccccc;width:128px;height:96px;}

.category-child .view-all{float:left;width:730px;text-align:right; border-top:solid 1px #f7f7f7; padding:5px 20px 5px 0px;margin-top:20px;}
.category-child .view-all a{}
.category-child .no-item{float:left;padding:10px;}

.category-product{margin-top:8px;float:left;width:100%;}

#product-detail{float:left;width:100%;margin-top:8px;}
#product-detail .product-detail-info{float:left;width:710px;padding:20px;}
#product-detail .product-detail-info .product-image{float:left;width:200px;margin-right:10px;text-align:center;}
#product-detail .product-detail-info .product-image .image-thumbnail{float:left;width:100%;}
#product-detail .product-detail-info .product-image .image-thumbnail a img{margin-bottom:5px;border:solid 1px #cccccc;}
#product-detail .product-detail-info .product-image .image-name{float:left;width:100%;}
#product-detail .product-detail-info .product-info{float:left;width:490px;}
#product-detail .product-detail-info .product-info .name{float:left;width:490px;border-bottom:1px solid #E4E4E4;color:#1D83BC;font-weight:bold;padding-bottom:5px;}
#product-detail .product-detail-info .product-info .property{float:left;width:490px;border-bottom:1px solid #E4E4E4;border-left:1px solid #E4E4E4;border-right:1px solid #E4E4E4;}
#product-detail .product-detail-info .product-info .property .property-name{float:left;width:150px;background:#f5f5f5;padding:5px 0 5px 10px;}
#product-detail .product-detail-info .product-info .property .property-value{float:left;width:320px;padding:5px 0 5px 10px;}
#product-detail .product-detail-info .product-info .description{float:left;width:490px;margin-top:10px;}
#product-detail .product-detail-info .product-info .description .desc-name{float:left;width:100%;border-bottom:1px solid #E4E4E4;font-weight:bold;padding-bottom:5px;}
#product-detail .product-detail-info .product-info .description .desc-detail{float:left;width:470px;padding:10px;background:#f5f5f5;}


#contact{float:left;width:100%;margin-top:8px;}
#contact #contact-detail{float:left;width:690px;padding:20px 20px 20px 40px;}
#contact #contact-detail #contact-detail-address{float:left;width:100%;}
ol#contact-address{float:left;width:100%;}
ol#contact-address li.contact-address-title{float:left;width:100%;border-bottom:solid 1px #cccccc;font-weight:bold;color:#1D83BC;}
ol#contact-address li.contact-address-detail h2{font-size:18px;}
ol#contact-address li.contact-address-detail{float:left;width:670px;padding:5px 0px 5px 20px;}
ol#contact-address li.contact-address-by-form{float:left;width:100%;border-bottom:solid 1px #cccccc;font-weight:bold;margin-top:20px;color:#1D83BC;}
#contact #contact-detail #contact-detail-form{float:left;width:100%;margin-top:10px;}

#jobs{float:left;width:100%;margin-top:8px;}
#jobs #jobs-content{float:left;padding:40px;width:670px;}
#jobs #jobs-content #jobs-adv{float:left;width:100%;}
#jobs #jobs-content #jobs-faq{float:left;width:100%;margin-top:20px;}
#jobs ol{float:none;clear:both;padding-left:20px;}
#jobs ol li{padding:5px 0px 5px 5px;float:none;list-style-type:decimal;}
#jobs ol li a{color:#1D83BC;}

#jobs #jobs-detail #jobs-detail-title{width:100%; color:#1D83BC;}
#jobs #jobs-detail #jobs-detail-content{width:100%; margin-top:30px;}
#jobs #jobs-detail #jobs-detail-content ul{float:none;}
#jobs #jobs-detail #jobs-detail-content li{float:none;}
#jobs #jobs-other{width:630px;background:#f8f8f8;border:1px solid #CCCCCC;padding:10px;margin-top:20px;}
#jobs #jobs-other #jobs-other-title{width:100%;border-bottom:1px solid #CCCCCC;}


/*tooltip - product*/
.product-tips
{
	width:200px;
	
}
.product-tips .title
{	
	width:100%;	
	font-weight:bold;
}
.product-tips .img
{
	width:100%;
	text-align:center;
}
.product-tips .description
{
	width:100%;
	text-align:left;
}
/* form style*/

ul.form_elements
{
	list-style-type:none;
}

ul.form_elements li
{
	float:left;	
	width:20%;
	margin-bottom:10px;		
	padding:0px 0px 0px 0px;
}

ul.form_elements li label
{
	float:left;
	padding-top:5px;
}


ul.form_elements li.frmField
{
	float:left;
	width:80%;	
}
ul.form_elements li.frmField input,textarea,select
{
	float:left;
	margin-right:5px;
	border:solid 1px #666666;
	padding-top:3px;
}
ul.form_elements li.frmField input
{
	width:260px;
	height:20px;
}
ul.form_elements li.frmField p
{
	float:left;	
}
ul.form_elements li.frmField label
{
	float:left;
	margin-right:10px;	
}
ul.errors
{
	float:left;
	width:100%;
	list-style-type:none;
	color:red;
}
ul.errors li
{
	float:left;
	width:100%;	
}
ul.form_elements li.formButtons
{
	width:100%;
}
.button
{
	border:solid 1px #a7d8eb;
	/*background:#666666;*/
	background:url(../img/layout/img_bg_main_menu.png) repeat-x scroll 100% 100%;
	color:black;
	padding:2px 10px;
	cursor:pointer;
}
.search-button
{
	color:#2490DB;
	border:none;
	background:white;	
	font-weight:bold;
	padding:2px 10px 2px 10px;
	margin-top:1px;
}
.search-input
{
	float:left;	
	padding-top:3px;
}
p.success
{
	color:red;
	font-weight:bold;
}