.left
{
	text-align:left;
}
.right
{
	text-align:right;
}
.center
{
	text-align:center;
}
.middle
{
	vertical-align:middle;
}
.top
{
	vertical-align:top;
}
.middle img, .top img
{
	vertical-align:inherit;
}

.box
{
	margin-bottom: 2px;
}
/*.box .content
{
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 10px;
}*/
.box .MenuProTop
{
	width: 225px;
	height: 7px;
}
.box .MenuProContent
{
	width: 225px;
}
.box .MenuProBottom
{
	width: 225px;
	height: 7px;
}
.box .bgCatePro
{
	/*width:212px;
	min-height: 22px;
	cursor: pointer;*/
}
.box h1
{
	font-weight: bold;
	font-size:10pt;
	margin: 0px;
	height: 22px;
}
.box h2
{
	font-size: 0.9em;
	font-weight: bold;
	padding-left:11px;
	text-transform: uppercase;
	margin: 0px;
	height: 22px;
}
.headerPage div
{
	padding-top: 5px;
}
.maxSizeImg
{
	/*max-width:73px; 
	max-height:82px;
	height:auto !important;
	width:auto !important;
	height:73px;
	width:82px;*/
}

.maxImgSearch
{
	max-width:100px;
	max-height:100px;
	height:auto !important;
	width:auto !important;
	height:100px;
	width:100px;
	border:0;
}
.maxSizeImgLarge
{
	max-width:290px; 
	max-height:290px;
	height:auto !important;
	width:auto !important;
	height:290px;
	width:290px;
}

.online
{
	padding-top: 5px;
	margin-right: 5px;
	padding-left:22px;
}

.online .label
{
	/*height:20px; 	display:block; 	width:120px; 	float:left;*/
}
.online .number
{
	height: 20px;
	display: block;
	float: right;
	text-align: right;
}

body {
}
.quantityBox
{
	font-family:Tahoma;
	font-weight:500;
	font-size:1em;
	width:80px;
	text-align:right;
}
.cartRow
{
	font-family:Tahoma;
	font-weight:500;
	font-size:1em;
}
.cartDetail
{
	font-family:Tahoma;
	font-weight:500;
	font-size:1em;
}
.cartRowAlternative
{
	font-family:Tahoma;
	font-weight:500;
	font-size:1em;
}
.fontBtn
{
	font-family:Tahoma;
	font-weight:500;
	font-size:1em;
	color:#005896;
}
body
{
	font-family: Arial;
	font-size: 9pt;
	margin: 0;
	background-color: white;
}
a
{
	text-decoration: none;
}

.contentPro a p
{
	text-decoration: none;
	color: #ff7b03;
	font-size: 0.8em;
	font-weight: 500;
}

#main
{
	text-align: center;
	width: 1015px;
	height: 100%;
	background-color: White;
}
#header
{
	height: 200px;
}
#menu
{
	width: 100%;
	margin-bottom: 2px;
}
#header #logo
{
	width: 200px;
	height: 200px;
	float: left;
}
#header img
{
	border: none;
}
.aboutus-name
{
	height:18px;
	border-bottom:solid 1px #0163a4;
}
#header #banner
{
	width: 800px;
	height: 200px;
	float: left;
}
.img-aboutus
{
	width:175px;
	height:132px;
	padding:5px;
	float:left;
	margin-right:10px;
}
.img-aboutus img
{
	max-width:175px;
	max-height:132px;
	width:auto !important;
	height:auto !important;
	width:175px;
	height:132px;
}
#content
{
	min-height:340px;
	float: left;
	width:100%;
}
#left
{
	width: 185px;
	text-align: center;
	height: 100%;
	float: left;
	margin-left: -997px;
}
#center
{
	margin: 10px 0px 0 0px;
}
#right
{
	margin-left:0px;
	float: left;
	width: 196px;
	margin-left: -196px;
}
#footer
{
	float:left;
	width:993px;
}



/************************************** MenuTop **************************************/
.menu-top02
{
	height: 21px;
	width: 313px;
	float: left;
}
.font-ht
{
	font-weight: 700;
	font-size: 10pt;
}
.syst-hn
{
	margin: 94px 0 0 97px;
	text-align: center;
	width: 210px;
}
.syst-hp
{
	margin: 46px 0 0 232px;
	text-align: center;
	width: 210px;
}
.syst-bh
{
	margin: 172px 0 0 223px;
	text-align: center;
	width: 220px;
}
.syst-ct
{
	margin: -2px 0 0 12px;
	text-align: center;
	width: 198px;
}
.syst-vt
{
	margin: 73px 0 0 282px;
	text-align: center;
	width: 230px;
}
.menu-left
{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
}
.bg-map
{
	height: 650px;
	width: 609px;
	float: left;
	margin-left: 93px;
}
.img-chat
{
	height: 11px;
	margin: 0 195px 0 69px;
}
.img-chat-cth
{
	height: 11px;
	margin: 0 6px 0 62px;
	width: 343px;
}
.img-chat-ctc
{
	height: 11px;
	margin: 0 6px 0 400px;
	width: 232px;
}
.img-chat-cdsl
{
	height: 8px;
	margin: 0 0 0 230px;
	width: 37px;
	float:left;
}
.bg-sdtc
{
	height:55px;
	width:776px;
}
.img-chat-ct
{
	height: 11px;
	margin: 0 0 0 108px;
	width: 4px;
	float:left;
}
.item-sd
{
	float: left;
	width: 155px;
	height: 34px;
	margin: 0 5px;
	padding: 9px 5px 5px 5px;
}
.item-sd-cdsl
{
	float: left;
	width: 93px;
	height: 75px;
	margin: 0 5px;
	padding: 20px 5px 5px 5px;
}
.item-sd-n
{
	width: 170px;
	height: 25px;
	margin: 0 36px;
	padding: 10px 6px 20px 6px;
	float: left;
}
.item-sda
{
	font-weight: 500;
	color: white;
}
.item-sdac
{
	font-weight: 700;
	color: Yellow;
}
.font-box-home
{
	font-size: 15pt;
	color: #007dba;
}
.font-depp-header
{
	color: Red;
	font-weight: 700;
}
#sidebar_container img
{
	border: none;
	float: left;
	margin-right: 5px;
}
#sidebar_container h5
{
	margin: 0;
}
#sidebar_container li
{
	list-style: none;
	margin: 10px 5px;
}
.home-b-
{
	float: left;
}
.bg-ttba-home, .bg-htpp-home
{
	width: 321px;
	height: 220px;
	margin-top: 5px;
}
.bg-forum-home
{
	width: 319px;
	height: 218px;
	border: solid 1px #d6d4d4;
	margin-top: 5px;
}
.item-faq
{
	margin-bottom: 10px;
}
.font-faq-name
{
	margin-bottom: 3px;
}
.font-faq-name a
{
	font-weight: 700;
	color: #096baa;
}
.font-faq-cate
{
	color: #096baa;
	text-transform: uppercase;
}
.bg-box-contact
{
	width: 216px;
	height: 315px;
}
.item-other-new-
{
	float: left;
	margin-bottom: 10px;
	width: 775px;
}
.item-news
{
	height: 75px;
	padding: 10px 5px 5px 10px;
}
.bg-header-cate
{
	height: 49px;
	width: 780px;
}
.bg-header-cate span
{
	font-weight: 700;
	color: #007dba;
	font-size: 11pt;
	font-weight:700;
}
.bg-header-cate a
{
	color: #007dba;
	font-size: 9pt;
	font-weight:700;
}
.item-library
{
	border: solid 1px #bacad1;
	width: 180px;
	height: 135px;
	padding: 3px;
	margin: 3px;
	float: left;
	text-align: center;
}
.item-library img
{
	max-width: 180px;
	max-height: 135px;
	width: auto !important;
	height: auto !important;
	width: 180px;
	height: 135px;
}
.item-menu-aboutus
{
	width: 193px;
	height: 25px;
	padding: 8px 0 0 10px;
	margin-left: 6px;
	margin-bottom: 5px;
}
.item-menu-aboutus-a
{
	font-weight: bold;
	color: #004165;
}
.item-menu-aboutus-current, .item-menu-aboutus a:hover
{
	font-weight: bold;
	color: red;
}
.font-category span
{
	font-size: 15pt;
	color: #007dba;
}
.bg-menuaboutus-top
{
	width: 216px;
	height: 6px;
}
.bg-menuaboutus-bottom
{
	width: 216px;
	height: 5px;
}
.bg-menuaboutus-content
{
	width: 216px;
}
.content-home
{
	width: 225px;
	height: 225px;
	padding: 0px 5px 5px 15px;
}
.bg-footer-left
{
	height: 88px;
	width: 665px;
	padding-top: 2px;
}
.bg-footer-b
{
	height: 80px;
	padding-top: 20px;
}
.content-home-video
{
	width: 239px;
	height: 225px;
	padding: 10px 5px 5px 0;
}
.font-supportcate-name
{
	font-size: 8pt;
	font-weight: 600;
	color: Yellow;
}
.header-news-home
{
	height: 70px;
	width: 223px;
	text-align: left;
	padding: 10px;
}
.item-lhome
{
	float: left;
	margin-right: 8px;
}
.header-news-home span
{
	color: #0080bd;
	font-weight: 700;
	font-size: 15pt;
	width: 111px;
	display: block;
}

.header-aboutus-home
{
	height: 70px;
	width: 223px;
	text-align: left;
	padding: 10px;
}
.header-aboutus-home span
{
	color: #0080bd;
	font-weight: 700;
	font-size: 15pt;
	width: 111px;
	display: block;
}
.item-lhome a, .item-lhome a:visited{color: #0080bd;}

.header-product-home
{
	height: 70px;
	width: 223px;
	text-align: left;
	padding: 10px;
}
.header-product-home span
{
	color: #0080bd;
	font-weight: 700;
	font-size: 15pt;
	width: 111px;
	display: block;
}

.header-video-home
{
	height: 70px;
	width: 223px;
	text-align: left;
	padding: 10px;
}
.header-video-home span
{
	color: #0080bd;
	font-weight: 700;
	font-size: 15pt;
	width: 111px;
	display: block;
}

.fm-td
{
	border: solid 1px gray;
	margin-bottom: 5px;
}
#chained_
{
	position: relative;
	overflow: hidden;
}
.font-viewall
{
	font-size: 8pt;
	text-transform: none;
	font-weight: 500;
	color: #31B004;
}
.marquee-item
{
	width: 20000em;
	position: absolute;
}
.item-subrecruitment
{
	margin-bottom: 3px;
}
.font-other-video a
{
	font-size: 9pt;
	color: #007dba;
}
.rate-items-lbl
{
	float: left;
	width: 32px;
	height: 30px;
	border-left: solid 1px gray;
	border-top: solid 1px gray;
	border-bottom: solid 1px gray;
	text-align: center;
	margin-left: 2px;
}
.rate-items-lbl1
{
	float: left;
	width: 74px;
	height: 30px;
	border-left: solid 1px gray;
	border-top: solid 1px gray;
	border-bottom: solid 1px gray;
	text-align: center;
	font-weight: 700;
}
.rate-items-lbl2
{
	float: left;
	width: 76px;
	height: 30px;
	border: solid 1px gray;
	text-align: center;
	font-weight: 700;
}
.rate-items-lbl span
{
	font-size: 8pt;
	font-weight: 600;
}
.rate-items-code
{
	float: left;
	margin-right: 5px;
	width: 25px;
	height: 20px;
}
.rate-items-code span
{
	font-size: 8pt;
	font-weight: 600;
}

.rate-items
{
	float: left;
	width: 74px;
	height: 20px;
	border-left: solid 1px gray;
	text-align: center;
}
.rate-items span
{
	font-size: 8pt;
}
.bg-rate-items
{
	/*background-color: #EDF7ED;*/
	height: 20px;
	float: left;
	margin-top: 2px;
	padding: 0px 2px 0 2px;
	border: solid 1px gray;
	margin-left: 2px;
}
.bg-rate-items-lbl
{
	background-color: #EDF7ED;
	height: 45px;
	float: left;
	margin-bottom: 2px;
	padding: 3px 2px 0 2px;
}
.menu-top01
{
	height: 48px;
	width: 31px;
	float: left;
}
.item-recruitment
{
	/*border: 1px dotted #34657D; 	float: left; 	width: 366px; 	height: 125px;*/
	margin: 5px;
	padding: 5px;
}
.btn-sent
{
	color: white;
	background-color: #0ea3d6;
	font-weight: 700;
	width: 50px;
	cursor: pointer;
	border: none;
	-moz-border-radius: 5px;
}
.font-note span
{
	color: Red;
}
.bg-contact
{
	height: 274px;
}
.font-note
{
	margin-left: 10px;
}
.border-input
{
	border: solid 1px #0288ae;
}
.font-error
{
	color: Red;
}
.lbl-
{
	float: left;
	width: 100px;
	text-align: right;
	margin-right: 5px;
}
.support-item
{
	width: 185px;
	float: left;
	margin-top: 7px;
	margin-left: 4px;
}
.font-span span
{
	font-size: 9pt;
	font-weight: 700;
	color: #4a4c4e;
}
.company-name
{
	font-size: 9pt;
	font-weight: 700;
	color: #007dba;
	text-transform: uppercase;
	line-height: 2;
}
.bold
{
	font-weight: 600;
}
.td-wi
{
	width: 23px;
	float: left;
}
.font-project-name
{
	cursor: pointer;
}
.info
{
}
.font-artribute
{
	font-size: 8pt;
}
.item-project
{
	float: left;
	height: 130px;
	width: 135px;
	margin: 5px;
	text-align: center;
}
.bg-logo
{
	height: 200px;
	margin-left: 1px;
	width: 781px;
}
.item-project img
{
	/*max-height:70px; 	max-width:135px; 	height:auto !important; 	width:auto !important;*/
	height: 100px;
	width: 135px;
	margin-bottom: 3px;
	cursor: pointer;
}

.menu-top
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	height: 39px;
	float: left;
	padding-right: 2px;
	width: 784px;
}
.float-art-name
{
	float: left;
	width: 163px;
}

.float-recrui-name
{
	float: left;
	width: 245px;
	color: #0f85bf;
}

.float-recrui-name a
{
	color: #007DBA;
}

.menu-top ul a:hover
{
}
.menu-top li
{
	float: left;
}
.menu-top li a
{
	padding-top: 11px;
	text-align: center;
	height: 26px;
	width: 85px;
	float: left;
	margin: 0 1px;
	color: White;
	font-size:13px;
	font-weight:700;
}
.menu-top #active a
{
	height: 29px;
	width: 85px;
	color: #0d3d54;
	font-weight: 700;
}
.menu-top #active span
{
	color: white;
}
.menu-top li img
{
	vertical-align: middle;
}
.menu-top li span
{
	font-weight: 600;
	font-size: 8pt;
	color: White;
	text-transform: uppercase;
}
.menu-top ul
{
	line-height: normal;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
}
.menutop-r
{
	height: 35px;
	width: 2px;
}
/*************************************** endMenuTop **********************************************/
/*************************************** MenuFooter **********************************************/
.menu-footer li span
{
	font-weight: 500;
	padding-left: 3px;
	font-size: 8pt;
	color: #0a79c0;
}
.menu-footer ul
{
	line-height: normal;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	float: left;
	margin: 8px 0 0 0;
	padding: 0;
	height: 20px;
}
.bg-footer-right
{
	width: 312px;
	height: 78px;
	float: left;
	padding: 12px 0 0 10px;
}
.menu-footer li
{
	float: left;
	padding: 4px 0px 0 3px;
	margin-left: 7px;
	height: 20px;
}
.menu-footer li a
{
	color: #0a79c0;
}
.menu-footer #active span
{
	padding: 4px 0px 0 3px;
	vertical-align: top;
	font-weight: 600;
}
.font-footer
{
	color: #363e45;
	font-size: 8pt;
}
/*************************************** EndMenuFooter *******************************************/
/********************************** Page ************************************************/
.bg-page01
{
	height: 14px;
	float: left;
	width: 1001px;
}
.bg-page02
{
	float: left; /*padding: 0 24px 0 25px;*/
}
.bg-page03
{
	height: 8px;
	float: left;
	width: 1001px;
}
.page-top
{
	float: left;
	width: 100%;
}
.item-aboutus
{
	height: 159px;
	padding: 10px;
}
.aboutus-name a
{
	font-size: 9pt;
	text-transform: uppercase;
	color: #096baa;
	font-weight: 700;
}
.box .header
{
	height: 26px;
	margin: 0;
	width: 600px;
	border-top: solid 1px #27576f;
	border-left: solid 1px #27576f;
	border-right: solid 1px #27576f;
}
.box .header div
{
	padding: 6px 0 5px 38px;
	font-size: 8pt;
	color: White;
	text-transform: uppercase;
	font-weight: 600;
}
.bg-other-pro
{
	float: left;
	width: 770px;
	height: 140px;
	background-color: #e6f1f7;
}
.content-page
{
	margin: 0 0 5px 0;
	float: left;
	width: 776px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-top: 10px;
}
.font-cate-name span
{
	font-size: 14pt;
	color: #0b78b9;
}
.font-article-name
{
	font-weight: 700;
	color: #087ab9;
}
.content-page-
{
	margin: 0 0 5px 0;
	float: left;
	width: 770px;
	padding: 5px;
	border: solid 1px #b8cbd1;
}
.footer-page
{
	width: 1001px;
}
.page-left
{
	float: left;
}
.page-right
{
	float: right;
}
.parent-name span
{
	color: #007dba;
	font-size: 15pt;
}
.parent-name
{
	margin-bottom: 5px;
}
.tranf-img
{
	float: left;
}
.item-parent-product
{
	float: left;
	margin-bottom: 10px;
}
.img-new
{
	width: 15px;
	height: 20px;
	position: absolute;
	margin: 0px 0 0 109px;
}
.contentPro
{
	width: 115px;
	height:110px;
	padding-top: 5px;
	margin: 10px 38px;
	float: left;
	text-align: center;
}
.contentPro-d
{
	width: 104px;
	height: 132px;
	padding-top: 5px;
	margin: 0px 30px;
	float: left;
	text-align: center;
}
.aricle-name
{
	color: #007dba;
	font-size: 9pt;
	font-weight:700;
}
.aricle-name-d
{
	color: #44494c;
	font-size: 9pt;
	font-weight: 700;
}
.item-home
{
	width: 100%;
	height: 55px;
	margin-top: 12px;
	float: left;
}
.font-news-home-name
{
	font-weight: 700;
	letter-spacing: 10;
	color: Black;
}
.bg-nb
{
	height: 270px;
}
.img-nb
{
	float: left;
	margin-right: 5px;
}
.img-nb img
{
	/*width: 235px;*/
	height: 176px;
}
.fontViewAll
{
	color: red;
	font-weight: 500;
	font-size: 0.9em;
	text-decoration: underline;
}
.float-leftsmall, .float-left-product-small, .float-leftsmall-home
{
	float: left;
	margin-right: 10px;
}
.float-leftsmall img
{
	width: 50px;
	height: 40px;
	border: solid 1px gray;
}

.float-leftsmall-home img
{
	width: 60px;
	height: 50px;
	border: solid 1px gray;
}
.float-leftsmall-home a {display:block; width:62px; border:1px solid #ccc; text-align:center}
.float-leftsmall-home img{border:none; width:auto}
.float-left-product-small img
{
	width: 90px;
	height: 53px;
	border: none;
}
.header a
{
	/*font-size: 8pt; 	color: white; 	font-weight: 600;*/
}
.maxSizeImgDetail
{
	width: 300px;
}
.bg-parent
{
	/*background-color: #002f47;*/
	float: left;
}
.bg-topright
{
	float: right;
}
.maxSizeDivLarge
{
	height: 347px;
	width: 408px;
}
.border-img
{
	width: 115px;
	padding-bottom:10px;
}
.border-img-d img
{
	width: 103px;
	height: 69px;
	border: solid 2px #d5d9dc;
}
.border-img-d
{
	height: 80px;
}
.border-img-detail
{
	max-width: 480px;
	max-height: 450px;
	width: auto !important;
	height: auto !important;
	width: 480px;
	height: 450px;
}
.font-otherimg
{
	font-size: 8pt;
	color: Gray;
}
.font-other-art
{
	font-weight: 600;
	color: #225a79;
	font-size: 8pt;
	text-transform: uppercase;
}
.maxSizeImgMedium
{
	width: 142px;
	height: 92px;
}
.div-Image
{
	float: left;
	width: 150px;
	height: 100px;
}
.font-article-detail
{
	font-size: 8pt;
	font-weight: 600;
}

.font-catename
{
	font-size: 10pt;
	color: #00527d;
	font-weight: 700;
}
.treeview a
{
	color: Gray;
}
.size-imgefu
{
	max-width: 500px;
	max-height: 500px;
	height: auto !important;
	width: auto !important;
	height: 500px;
	width: 500px;
}
.pricestrike
{
	text-decoration: line-through;
	color: gray;
	font-size: 9pt;
	font-weight: 600;
}
.price, .discount-price
{
	color: Red;
	font-size: 9pt;
	font-weight: 600;
}

.lbl-price
{
	color: black;
	font-size: 9pt;
	font-weight: 600;
}
.bg-detail
{
	background-color: #0094db;
	padding: 0px 5px 10px 8px;
	-moz-border-radius: 5px;
	width: 38px;
	height: 5px;
	font-size: 8pt;
}
.bg-detail span
{
	color: White;
}
.format-pro
{
	border-bottom: dotted 1px #34657D;
	padding: 10px 0 10px 0;
	width: 585px;
}
.size-img-partner
{
	width: 80px;
	height: 60px;
}
.float-footer
{
	float: left;
	margin-right: 14px;
}
.company
{
	font-size: 9pt;
	color: White;
	font-weight: 600;
}
.company-contact
{
	font-size: 9pt;
	color: #155472;
	font-weight: 600;
}
.float-article
{
	float: left;
	text-align: left;
	width: 150px;
}
.height-price
{
	height: 86px;
}
.float-left
{
	float: left;
	max-width: 300px;
	margin-right: 7px;
}

.min-height
{
	/*max-height: 105px; 	max-width: 135px; 	height:auto !important; 	width:auto !important;*/
	
	width: 100px;
}
.img-headerpage
{
	height: 26px;
	width: 35px;
	float: left;
}
.padding-top
{
	padding-top: 5px;
}
#gallery
{
	width: 760px;
}

.font-artname
{
	font-weight: 600;
	font-size: 11pt;
	color: #0280d4;
}
.font-artdesc
{
	text-align: justify;
	display: block;
}
.font-other-artname
{
	font-weight: 500;
	color: #0280d4;
}
.other-news-box
{
	padding-top: 10px;
	clear: both;
}
.lbl-search
{
	font-size: 8pt;
	text-transform: uppercase;
	color: White;
}
.font-art-title, .font-art-title p
{
	font-weight: 600;
	text-align: justify;
}
.font-lbl-lang
{
	font-size: 8pt;
	color: White;
}
.float-search
{
	float: right;
	padding: 5px 0 0 10px;
}
.bg-lang
{
	width: 60px;
	height: 30px;
	float: right;
	margin-right: 10px;
}
.bg-btn-search
{
	height: 19px;
	width: 29px;
	border: none;
	color: White;
	font-size: 8pt;
	font-weight: 600;
	cursor: pointer;
}
.designedby
{
	float: right;
	margin-right: 10px;
	margin-top: 50px;
}
.designedby a
{
	font-size: 8pt;
	font-weight: 500;
}
#product_Slide
{
	width: 569px;
	height: 202px;
	overflow: hidden;
}
.bg-menu-photo
{
	width: 569px;
	height: 202px;
}
.photo-name
{
	margin-left: 40px;
	padding-top: 11px;
}
.photo-name a
{
	font-size: 10pt;
	color: #06659b;
	font-weight: 600;
}
.photo-img
{
	padding-top: 10px;
	padding-left: 4px;
	float: left;
}
.photo-title
{
	margin-left: 40px;
	padding-top: 30px;
	float: left;
}
.photo-title a
{
	font-size: 10pt;
	color: #5c5c5c;
	font-weight: 600;
}
.txtSearch
{
	width: 160px;
	height: 15px;
	border: solid 1px gray;
}
.border-partner-
{
	width: 984px;
	height: 75px;
	float: left;
	border: solid 1px #34657D;
	margin: 0 0 3px 3px;
	padding: 4px;
	background-color: White;
}
.border-partner- img
{
	float: left;
	margin-right: 7px;
}
.item-search
{
	height: 100px;
	width: 378px;
	border-bottom: dotted 1px #007dba;
	float: left;
	padding: 20px 5px;
}
/********************************** endPage *********************************************/
/********************************** Left ************************************************/
.item-newproduct
{
	width: 100px;
	height: 100px;
	border: solid 1px Gray;
	margin-bottom: 10px;
}
.item-newproduct img
{
	border: none;
}
.item
{
	float: left;
}
.bg-parent-cate
{
	background-color: #007dba;
	height: 23px;
	width: 177px;
	padding: 7px 10px 0;
	text-align:center;
}
.bg-parent-cate span
{
	font-size: 10pt;
	font-weight: 700;
	color: White;
}
.bg-menuleft01
{
	height: 27px;
	width: 100%;
	float: left;
	text-align: center;
	padding-top: 10px;
}
.bg-menuleft01 span
{
	color: #007DBA;
	font-size: 15pt;
}
.bg-menuleft02
{
	padding: 0px 10px 0 10px;
}
.bg-menuleft03
{
	height: 6px;
}
.menu-left p
{
	font-size: 10pt;
	font-weight: 600;
	color: #26557a;
	margin: 0;
}
.padding-menupro
{
	padding: 5px 0 5px 10px;
	margin: 0;
}
.padding-menu
{
	padding-bottom: 5px;
}
.paddingtop-menu
{
	padding-top: 5px;
}
.bg-menunews
{
	height: 204px;
	width: 183px;
}
.font-mennews
{
	font-size: 8pt;
	color: white;
}
.font-detail
{
	color: #007fa6;
	font-size: 9pt;
	font-weight: 700;
	color:#C00 !important;
	margin-left:-10px;
}
.bg-menupromotion span
{
	font-weight: 600;
}
.bg-menupromotion
{
	height: 21px;
	border: solid 1px #34a7db;
	margin: 0px 2px 1px 0;
	padding-top: 5px;
}
/********************************** endLeft *********************************************/
/********************************** MenuArticle *****************************************/
.border-menu
{
	/*border: solid 1px #34657d;margin: 0;*/
	width: 216px;
}
.border-menu01
{
}
.border-menu01 p
{
	margin: 0px;
	padding-top: 5px;
	text-align: center;
}
.border-menu01 p span
{
	font-weight: 600;
	font-size: 10pt;
	color: black;
}
.border-menu p
{
	margin: 0px;
	padding-top: 8px;
	text-align: center;
}
.border-menu p span, .bg-menunews
{
	font-weight: 600;
	font-size: 8pt;
	color: white;
	text-transform: uppercase;
}
.font-current
{
	color: Red;
	font-size: 8pt;
}
.font-menu-article
{
	color: white;
	font-size: 9pt;
}
a:hover
{
}
.slide-procate, .slide-product
{
	margin: 0 0 3px 0;
}
/********************************** endMenuArticle **************************************/
/***************************************** sildeProduct *********************************/
.slide-product
{
	background-color: #f9f9f9;
	overflow: hidden;
	width: 197px;
	position: relative;
}
.slide-product
{
	width: 144px;
}
.slide-product
{
	padding-left: 20px;
}
.font-current-sub
{
	font-size: 8pt;
	color: red;
	font-weight: 500;
}
.font-menu-articlesub
{
	color: Gray;
	font-size: 8pt;
	font-weight: 500;
}
/*************************************** endSildeProduct ***********************************/
/*************************************** Search ********************************************/
.image
{
	float: left;
	padding-right: 5px;
}
.title
{
	font-size: 9pt;
	font-weight: 700;
	color: #007dba;
}
.content
{
	font-weight: 500;
	font-size: 8pt;
}
.hightlight
{
	font-size: 9pt;
	font-weight: 600;
	color: Blue;
}
.pager a
{
	margin-right: 5px;
	margin-left: 5px;
	color: #0081cd;
	font-size: 9pt;
}
hr
{
	color: #0081cd;
	height: 1px;
}
.message
{
	color: #0163a4;
	font-weight: 700;
	font-size: 11pt;
}
/*************************************** endSearch *****************************************/

.markermenu ul li a{
font-size:10pt;
font-weight:700
}
.newsGroup
{
	padding-left: 5px;
}
.newsGroup a, .newsGroup a:visited
{
	text-decoration: none;
}
.newsGroupTitle
{
	font-size: 0.9em;
	font-weight: bold;
	color: #400040;
	text-transform:uppercase;
}
.first
{
	height: 80px;
	color: #333333;
	line-height: 1.1em;
	clear: both;
}
.newsGroup .floatImage
{
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}
.newsGroup .newsTitle
{
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 1.1em;
	letter-spacing: normal;
	font-weight: bold;
}

.newsDetail
{
	text-align: justify;
	padding-right: 5px;
}
.title-news
{
	padding-bottom: 3px;
	letter-spacing: 0.01em;
	font-weight: bold;
	color:#0088d8;
}
.fontDateTime
{
	font-size: 8pt;
	font-weight: normal;
	color:Gray;
}
.otherNewsBox h1
{
	font-size: 0.9em;
	letter-spacing: 0.1em;
	font-weight: bold;
	padding: 0px;
}
.otherNewsBox a
{
	text-decoration: none;
}
.otherNewsBox ul
{
	list-style-position: inside;
	list-style-type: none;
}
.otherNewsBox .newsTitle
{
	font-size: 1.1em;
}


body {
}
.currentPage
{
	padding:0 5px 0 5px;
	border:solid 1px #c3d1e5;
	font-size:10pt;
	color:#ff5b00;
}
.font-pager a
{
	padding:5px;
	font-size:10pt;
	color:#005bc5;
}

.font-pager a:hover
{
	 text-decoration: underline;
}
.productGroup
{
}

.productGroup .title a
{
	font-weight: bold;
	text-transform:uppercase;
}

.productList
{
	display: block;
}

.productList .cell
{
	text-align: center;
	height: 150px;
	width: 140px;
	vertical-align: top;
	border: 1px solid #999999;
	padding-top: 5px;
	
}

.productList .item
{
	width: 140px;
	border: 1px dotted gray;
	margin: 2px;
	min-height: 150px;
	height: 150px;
}
.productList .item img
{
	border: none;
	height: 100px;
	width: 100px;
	margin: 2px;
	display: inline-block;
	clear: both;
}

.productDetail .productName
{
	font-weight: bold;
	color: #1e5cc1;
	margin: 0;
	padding-left: 0px;
}

.productDetail .floatImage img
{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	height: 200px;
}

body {
}

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 250px;
	height:60px;
	padding:3px 5px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	margin-right:7px;
	text-align:center;
}
/* single scrollable item */
.scrollable img {
	float:left;
	/*margin:20px 5px 20px 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	width:100px;
	height:75px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;*/
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}



/* this makes it possible to add next button besidescrollable */
.scrollable
{
	float: left;
}

/* prev, next, prevPage and nextPage buttons */
a.browse
{
	background: url(/Includes/scrollable/css/../img/icon_Right.gif) no-repeat;
	display: block;
	width: 9px;
	height: 67px;
	float: left;
	margin: 0px 3px;
	cursor: pointer;
	font-size: 1px;
}
a.browse-left
{
	background: url(/Includes/scrollable/css/../img/icon_Left.gif) no-repeat;
	display: block;
	width: 9px;
	height: 67px;
	float: left;
	margin: 0px 3px;
	cursor: pointer;
	font-size: 1px;
}
/* right */
a.right
{
	/*background-position: 0 -30px; 	clear: right;*/
}
a.right:hover
{
	/*background-position: -30px -30px;*/
}
a.right:active
{
	/*background-position: -60px -30px;*/
}


/* left */
a.left
{
	margin-left: 0px;
}
a.left:hover
{
	/*background-position: -30px 0;*/
}
a.left:active
{
	background-position: -60px 0;
}

/* up and down */
a.up, a.down
{
	background: url(/Includes/scrollable/css/../img/icon_Left.gif) no-repeat;
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover
{
	background-position: -30px 0;
}
a.up:active
{
	background-position: -60px 0;
}

/* down */
a.down
{
	background-position: 0 -30px;
}
a.down:hover
{
	background-position: -30px -30px;
}
a.down:active
{
	background-position: -60px -30px;
}


/* disabled navigational button */
a.disabled
{
	visibility: hidden !important;
}


/* position and dimensions of the navigator */
.navi {
	margin-left:328px;
	width:200px;
	height:20px;
}


/* items inside navigator */
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(/Includes/scrollable/css/../img/scrollable/arrow/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -16px;     
}

body {
}


