/* IBOSS Official Website CSS Document */
/*main structure*/
body {
	background:url(../assets/page_botbg.jpg) bottom repeat-x;
	text-align:center;
	font: 75%/160% Arial, Helvetica, sans-serif;
}
#wrap-top {
	background:url(../assets/page_topbg.jpg) top repeat-x;
}
#header, #container, #footer {text-align:left; margin:0 auto;}
#header {
	width:962px;
	padding:30px 0 0 0;
	position:relative;
}
#navi {
	width:922px;
	height:30px;
	background:url(../assets/nav_bg.gif) no-repeat;
	margin:0 5px;
	padding:8px 15px 0 15px;
}
#container {
	width:960px;
	background:url(../assets/page_bodybg.gif) repeat-y;
	padding:15px 1px 0 1px;
	position:relative;
}
#footer {
	width:932px;
	height:43px;
	background:url(../assets/page_footbg.gif) no-repeat;
	padding:10px 15px;
}
/*header*/
#wrap-header {margin-bottom:23px;}
#header h1 {float:left; padding-left:15px}
#header h1 a {
	width:123px;
	height:49px;
	background:url(../assets/iboss_logo.gif) no-repeat;
	display:block;
	text-indent:-2000em;
}
#search {
	float:left;
	display:inline;
	margin:10px 0 0 516px;
	padding-right:15px
}
#qs_txt {
	width:254px;
	height:23px;
	background:url(../assets/search_ipn.gif) no-repeat;
	padding:7px 0 0 10px;
	border:none;
	font-size:90%;
}
#navi ul li {
	float:left;
	background:url(../assets/nav_delim.gif) right no-repeat;
	margin-right:15px;
	padding-right:15px;
	display:inline;
	font-weight:bold;
}
#navi ul li a {color:#333; text-decoration:none;}
#navi ul li a:hover {text-decoration:underline;}
#navi ul li.current a {color:#ce212b;}
#navi p {
	float:right;
	font-size:90%;
	color:#666;
	background:url(../assets/nav_delim.gif) left no-repeat;
	padding:0 0 0 15px!important;
	padding:3px 0 3px 15px;
}
#navi p img {margin:0 3px; vertical-align:middle;}
/*=======================================*/
/*Footer*/
.copyright {
	float:left;
	width:300px;
}
.copyright p {margin:0; padding:0; line-height:1.5em;}
.siteinfo {float:right; text-align:right;}
#footer .info {font-size:80%; color:#999;}
#footer p {font-size:90%;}
#footer a {color:#666; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
.siteinfo a {border-right:solid 1px #ccc; margin-right:5px; padding-right:7px;}
#footer .info a, .siteinfo a.last {border:none; margin:0; padding:0;}
#networks {
	background:url(../assets/networks_bg.gif) bottom no-repeat;
	height:153px;
}
#networks p {
	padding:125px 0 0 0;
	font-size:90%;
	font-weight:bold;
}
#networks a {
	color:#999;
	text-decoration:none;
	background:url(../assets/networks_delim.gif) right no-repeat;
	padding-right:10px;
	margin-right:10px;
}
#networks a:hover {color:#ce212b;}
#networks a.last {background:none; padding-right:0; margin-right:0;}
#networks select {
	margin:0 3px;
	border:solid 1px #ccc;
	padding:1px;
	font-size:90%;
	vertical-align:middle;
}
/*=======================================*/
/*common settings*/
a, a:visited {color:#ce212b; text-decoration:none;}
a:hover {color:#ff9900; text-decoration:underline;}
/*paging*/
.paging {
	clear:both;
	padding:10px 0;
	font-size:90%;
	text-align:right;
}
.paging a {
	background:#eee;
	padding:2px 6px;
	margin-right:2px;
	color:#333;
}
.paging a.current {background:#c32935; color:#fff;}
.cm_txt {
	background:url(../assets/form_txtbg.gif) repeat-x;
	height:16px;
	padding:3px 0 0 0;
	border:solid 1px #ccc;
	font-size:90%;
}
.asterik {font-weight:bold; color:#f60;}
.linkpref {font-size:90%; color:#fff; position:absolute; top:10px; right:20px;}
.linkpref label {margin-left:5px;}
strong {font-weight:bold;}
.align-center {text-align:center;}
.float-left {float:left; margin:2px 10px 10px 0;}
.float-right {float:right; margin:2px 0 10px 10px;}
/*=======================================*/
/*clear floated div - http://www.positioniseverything.net*/
.clearfix:after, #header:after, #navi:after, #container:after, #wrap-header:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, #header, #navi, #container, #wrap-header {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix, * html #header, * html #navi, * html #container, * html #wrap-header {height: 1%;}
.clearfix, #header, #navi, #container, #wrap-header {display: block;}
/* End hide from IE-mac */
/*=======================================*/
/*homepage*/
.homecontents {
	float:left;
	width:631px;
	display:inline;
	margin:0 0 0 14px;
}
.homecontents h2, .homecontents h3, .homecontents h4 {font-weight:bold; margin-bottom:5px; line-height:normal;}
.homecontents h2 {font-size:120%;}
.homecontents h3 {font-size:110%;}
.homecontents h4 {font-size:100%;}
#mainbanner {
	/*background:url(../assets/bannerbg.jpg) no-repeat;*/
	height:203px;
	position:relative;
	margin-bottom:10px;
}
body#en #mainbanner {
	background:url(../assets/bannerbg_en.jpg) no-repeat;
}
body#vn #mainbanner {
	background:url(../assets/bannerbg_vn.jpg) no-repeat;
}
.vision {
	position:absolute;
	top:20px; left:20px;
	width:290px;
}
.vision h2 {color:#fff;}
.vision p {font-size:90%;}
.featproject {
	position:absolute;
	top:15px; left:332px;
}
.featproject a, .featproject a:visited {color:#000; text-decoration:none;}
.featproject a:hover {text-decoration:underline;}
.featproject p {font-size:90%; font-weight:bold; margin-bottom:6px;}
#featproduct h2, #ourproducts h2 {border-bottom:solid 1px #ccc; padding-bottom:5px; margin-bottom:10px;}
#featproduct {
	float:left;
	width:300px;
	margin:0 20px 0 10px;
	display:inline;
}
#featproduct h3 {font-size:100%;} #featproduct h4 {font-size:90%;}
#featproduct p, #featproduct ul {font-size:90%; margin-bottom:5px;}
#featproduct .desc {margin-bottom:15px;}
#featproduct .pimg {
	margin:10px 0;
	text-align:center;
}
#featproduct ul li {background:url(../assets/icon_checked.gif) 0 5px no-repeat; padding-left:25px;}
#ourproducts {
	float:left;
	width:300px;
}
#ourproducts dl img {padding:2px; border:solid 2px #ffc600;}
#ourproducts dl {
	margin-bottom:10px;
}
#ourproducts dt {
	font-weight:bold;
	float:right;
	margin:0;
	width:230px;
}
#ourproducts dd.img {
	float:left;
	width:60px;
	margin:5px 10px 0 0;
	display:inline;
}
#ourproducts dd.desc {
	font-size:90%;
	float:left;
	width:230px;
}
#news {
	width:290px;
	float:left;
	border-right:solid 1px #ccc;
	margin:0 15px 0 0;
	padding:0 15px 0 0;
	display:inline;
}
#news h2 {margin-bottom:10px;}
#news h3 {font-size:90%;}
#news p {font-size:90%;}
#partners {
	width:280px;
	float:left;
}
/*highlight*/
#highlight {
	clear:both;
	height:172px;
	background:url(../assets/hightlight_bg.gif) top repeat-x;
	margin:20px 0 0 0;
	padding:15px 6px;
}
.h-col {
	width:296px;
	float:left;
	padding:0 10px;

	
}
.h-col h3 {font-size:100%; font-weight:bold;}
.h-col p {font-size:90%; margin:5px 0;}
.h-col img {
	float:right;
	margin:3px 0 10px 10px;
}
/*sidebar*/
#sidebar {
	width:285px;
	float:left;
	margin:0 0 0 15px;
	padding-bottom:30px;
	display:inline;
	background:url(../assets/sidebar_botbg.gif) bottom no-repeat;
}
#sidebar h2 {
	background:url(../assets/sidebar_topbg.gif) top no-repeat;
	padding:20px 20px 10px 20px;
	line-height:0;
	font-size:120%;
	font-weight:bold;
}
.sidebarbody {
	border:solid 1px #ccc;
	border-bottom:none; border-top:none;
}
.sidebarbody p {padding:0 20px;}
.shdr {
	clear:both;
	width:143px;
	height:37px;
	background:url(../assets/service_hdr.gif) no-repeat;
	margin:20px 0 0 0;
	padding:11px 0 0 20px;
	color:#fff;
	font-weight:bold;
}
.shdr a, .shdr a:visited {color:#fff; text-decoration:none;} .shdr a:hover {text-decoration:underline;}
.sinfo img {
	float:left;
/*	margin:5px 15px 50px 0;*/
	margin:5px 15px 0 0;
	padding:2px;
	border:solid 2px #ffc600;
}
/*misc elements*/
.lbox {
	background:url(../assets/lbox_bot.gif) bottom no-repeat;
	padding-bottom:5px;
	margin-top:10px;
	clear:both;
}
.lboxbody {
	background:url(../assets/lbox_top.gif) top no-repeat;
	padding:10px 15px;
}
.shortintro {margin:0 0 10px 0; font-size:90%; line-height:normal}
.float-left {float:left;} .float-right {float:right;}
.btext {font-weight:bold;}
.align-center {text-align:center;}
.backtotop {
	 position:absolute;
	 bottom:0; right:-24px;
}
.exlink {background:url(../assets/icon_greenarrow.gif) 0px 3px no-repeat; padding-left:20px; font-weight:bold;}
.navilink {
	margin:0 15px 10px 15px;
	padding:0 0 5px 0;
	border-bottom:solid 1px #ddd;
	font-size:90%;
}
.navilink a {font-weight:bold;}
/*subcontents*/
.subcontents h2, .subcontents h3, .subcontents h4 {font-weight:bold; margin-bottom:5px; line-height:normal;}
.subcontents h2 {font-size:140%;}
.subcontents h3 {font-size:120%;}
.subcontents h4 {font-size:100%;}
/*portfolio*/
#portfolio {
	padding:10px 20px;
}
.pageheader {
	padding:10px 20px;
}
.pageheader h2 {font-size:150%; font-weight:bold; margin-bottom:5px;}
.pagebody {
	background:url(../assets/block_divider.gif) top repeat-x #fff;
	padding:20px;
	min-height:400px;
}
.pagebody h3 {font-size:140%; font-weight:bold; margin:10px 0;}
.pagebody h4 {font-size:120%; font-weight:bold; margin:10px 0;}
.pagebody p {margin:10px 0;}
.pagebody ul {list-style:square; margin:10px 0 10px 30px;}
.pagebody ul li {list-style:square;}
.pagebody ol {list-style:decimal; margin:10px 0 10px 30px;}
.pagebody ol li {list-style:decimal;}
.pagebody dl {margin:10px 0;}
/*portfolio*/
#showcase {padding:0 10px;}
.portfolio {
	float:left;
	width:274px;
	height:305px;
	margin:15px 10px 15px 10px;
	background:url(../assets/portfolio_container.gif) top no-repeat;
	display:inline;
}
.portfolio .project-img {
	width:251px;
	margin:10px 0 15px 13px;
	line-height:0;
}
.portfolio .project-name {
	font-size:90%;
	color:#666;
	margin:5px 0 0 15px;
}
.portfolio .project-name a {color:#666;}
.portfolio .project-name h3 a {color:#ce212b;}
.portfolio .project-name h3 {font-size:100%; font-weight:bold; margin:0 0 3px 0; line-height:0} 
.portfolio .project-name p {margin:0; padding:0;}
.portfolio .project-explore {
	float:right;
	margin:-20px 15px 0 0;
}
/*contacts*/
.contact-info {
	width:450px;
	float:left;
	margin-right:20px;
}
.contact-info label {font-weight:bold;}
.contact-info dd {border-bottom:solid 1px #eee; margin-bottom:5px; padding-bottom:5px;}
.contact-form {
	width:400px;
	float:left;
}
#fldcontact {
	border:solid 1px #ccc;
	border-bottom:solid 2px #ccc;
	padding:20px 30px;
	margin:20px 0;
}
#fldcontact legend {font-size:120%; font-weight:bold;}
#fldcontact p {margin:10px 0;}
#fldcontact label {margin-bottom:5px; display:block;}
#fldcontact #txt_cusname {width:200px;}
#fldcontact #txt_cusemail {width:200px;}
#fldcontact #txt_cusphone {width:200px;}
#fldcontact #txt_cusmsg {width:350px; background:url(../assets/form_txtbg.gif) top repeat-x; border:solid 1px #ccc;}
#fldcontact h3 {font-size:120%; margin-bottom:5px; font-weight:bold;}

.map img {
	border:solid 2px #ccc; padding:2px;
}
.map a:hover img {border:solid 2px #47c4fa;}
.map {text-align:center;}

/*product detail*/
.phdr {}
.phdr .pimg {float:left; margin:0 20px 10px 0;}
.phdr a {font-weight:bold; margin-right:5px; padding-right:5px; border-right:solid 1px #ddd;}
.phdr a.last {margin:0; padding:0; border:none;}
.product-contents {
	width:650px;
	float:left;
	margin-right:20px;
}
.product-toolbar {
	width:220px;
	float:left;
	background:url(../assets/product_toolbar_bg.gif) left repeat-y;
	padding-left:30px;
}
.product-toolbar h3 {margin:0 0 10px 0;}
#product-features {background:url(../assets/product_feat_bg.gif) bottom center no-repeat; padding-bottom:10px; margin-bottom:10px;}
#product-features h3 {background:url(../assets/icon_p_features.gif) no-repeat; height:25px; padding:5px 0 0 40px}
#product-features ul {list-style:none; margin:10px 0; padding:0;}
#product-features ul li {
	list-style:none;
	font-size:90%;
	font-weight:bold;
	background:url(../assets/bullet_green.gif) 0 2px no-repeat;
	padding-left:20px;
	margin:3px 0;
}
#product-faq {margin-bottom:10px;}
#product-faq h3 {background:url(../assets/icon_p_info.gif) no-repeat; height:25px; padding:5px 0 0 40px}
#product-faq ul {list-style:none; margin:10px 0; padding:0;}
#product-faq ul li {
	list-style:none;
	font-size:90%;
	background:url(../assets/bullet_green.gif) 0 2px no-repeat;
	padding-left:20px;
	margin:3px 0;
}
#product-faq ul li a {color:#000;}
#product-others h3 {background:url(../assets/icon_p_other.gif) no-repeat; height:25px; padding:5px 0 0 40px}
#product-others dl img {padding:2px; border:solid 2px #ffc600;}
#product-others dl {
	margin-bottom:10px;
}
#product-others dt {
	font-weight:bold;
	float:right;
	margin:0;
	width:150px;
	font-size:90%;
}
#product-others dd.img {
	float:left;
	width:60px;
	margin:5px 10px 0 0;
	display:inline;
}
#product-others dd.desc {
	font-size:90%;
	float:left;
	width:150px;
}
/*product listing*/
.product-item {clear:both;}
.product-item h4 {font-size:120%; font-weight:bold; margin-bottom:10px;}
.product-item .p-img {float:left; margin:2px 20px 10px 0; border:solid 1px #ccc; padding:1px; line-height:0;}
/* form contact - huynx 11/05/2008 */
.asterik {font-weight:bold; color:#f60;}
.input_form span.error { 
color: #cc0000;
font-weight: 400;
}
.input_form select.error {
border: 1px solid #cc0000;
background-color: #ffffff;
}
.input_form input.error, textarea.error {
border: 1px solid #cc0000;
background-color: #ffffff;
}
.nodisplay {display:none;}