@charset "utf-8";
/* CSS Document */

body{
	background: #BCBCBC url(../images/bg2.jpg) repeat-x;
	margin:0;
	padding:0;
}


html {
     overflow: -moz-scrollbars-vertical;
	 overflow-y: scroll;
	 margin:0;
	padding:0;
}

.container{
	background: #FFF;
}

/* Chilli's Reset */
img{
	line-height: 0;
	font-size: 0;
}
:focus{
	outline: none;
}

/* Layout and Styling */

/* Header */

#index_header{
/*	background: url(../images/banner.jpg);	/* Banner Image */*/
	height: 500px;

}
	
#flashbanner {
padding:0;
margin:0;
position:absolute;
top:0px;
z-index:5;



}

#index_bottom_container {
background: url(../images/bottom_bg.jpg);	/* Banner Image */
	width: 950px;
	height: 195px; 

padding:0;
margin:0;
position:absolute;
top:330px;
z-index:1;


}

/* ul.left_list li a{
	text-decoration: none;
	}
	
 ul.left_list li a:hover{
	text-decoration: underline;
}
*/



ul.left_list {
	list-style: none;
	margin: 0; padding:0;
}
ul.left_list li{
	list-style: none;
	margin: 0;
	padding-left: 20px;
	background-image:url(../images/arrow.gif);
    background-repeat:no-repeat;
    background-position : left; 
	
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform: none;
	font-variant:normal;
	font-style:normal;
	color:#ffffff;

	margin-left:48px;
	margin-top:5px;
	padding-left: 15px;
	padding-bottom:5px;
	_padding-bottom:0;
	width:150px;
	height:10px;

	position:relative;
	top:110px;

	
	
}


ul.left_list2 {
	list-style: none;
	margin: 0; padding:0;
}
ul.left_list2 li{
	list-style: none;
	margin: 0;
	padding-left: 20px;
	background-image:url(../images/arrow.gif);
    background-repeat:no-repeat;
    background-position : left; 
	
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform: none;
	font-variant:normal;
	font-style:normal;
	color:#ffffff;

	margin-left:48px;
	margin-top:5px;
	padding-left: 15px;
	padding-bottom:5px;
	_padding-bottom:0;
	width:200px;
	height:10px;

	position:relative;
	top:30px;
	
	left:317px;

	
	
}

ul.left_list3 {
	list-style: none;
	margin: 0; padding:0;
}
ul.left_list3 li{
	list-style: none;
	margin: 0;
	padding-left: 20px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform: none;
	font-variant:normal;
	font-style:normal;
	color:#ffffff;

	margin-left:48px;
	margin-top:5px;
	padding-left: 15px;
	padding-bottom:5px;
	width:200px;
	height:10px;

	position:relative;
	top:30px;
	left:617px;

	
	
}



#header{
	background: url(../images/banner.jpg);	/* Banner Image */
	height: 235px; 
	}
#header_contact{
	background: url(../images/banner2.jpg);	/* Banner Image */
	height: 235px; 

	}
	
#header_news{
	background: url(../images/banner3.jpg);	/* Banner Image */
	height: 235px; 

	}	
	
#header_products{
	background: url(../images/banner4.jpg);	/* Banner Image */
	height: 235px; 

	}	
	
#header_partners{
	background: url(../images/banner5.jpg);	/* Banner Image */
	height: 235px; 

	}	

#header_solutions{
	background: url(../images/banner6.jpg);	/* Banner Image */
	height: 235px; 

	}
	
#header_search{
	background: url(../images/banner7.jpg);	/* Banner Image */
	height: 235px; 

	}		

	#top_header{
		background: url(../images/header_background.png);	/* Top Menu Background */
		width:950px;
		height: 87px;
		position: absolute;
	z-index:999;
		
		}
		#logo{
			background: url(../images/logo.gif) no-repeat;
			height: 65px;
			width: 200px;
			text-indent: -9999px;
			margin: 0;
			padding: 0;
			float: left;
		}
		
		#top_header .right-col{
			float: left;
			display: inline;
			width: 708px;
			text-align: right;
			margin-left: 18px;
			
		}
		#top_header #searchbox{
			display:none;
			margin-top: 7px;
			margin-bottom: 4px;
			background-image: url(../images/search_box_background.gif); /* Search box with magnifier */
			background-position: top left;
			background-repeat: no-repeat;
			height: 25px;
			width: 182px;
			float:right;
		
		}
		input#q{
			margin: 0;
			border: 0;
			height: 19px;
			width: 156px;
			padding: 3px 3px 0;
			background: transparent;
		}
		input.defaulttext{
			color: #999;
			font-style: italic;
		}
		input#magnifier{
			width: 20px;
			height: 19px;
			margin: 0;
			padding: 0;
			vertical-align: middle;
		}

/* Main Container */
#maincontainer{
	/*background: #FFF url(../images/maincontainer_bg.gif) no-repeat center bottom; /* Bottom grey line */
	background: url(../images/bg_border.gif) repeat-y #FFF;
	padding-bottom: 30px;
	*height:100%;
	}
	#floating-box-container{
		position: relative;
	}
	#sidebar{
		float: left;
		width: 260px;
		}
		#sidebar .container{
			width: 212px;
			/*border-right: 1px dashed #8b8b8b;*/
			padding-right:20px;
			margin: 0 auto;
			}
		#sidebar_products_detail{
		float: left;
		width: 260px;
		}
		#sidebar_products_detail .container{
			width: 212px;
			/*border-right: 1px dashed #8b8b8b;*/
			padding-right:20px;
			margin: 0 auto;
			}
			#accordion{
				list-style: none;
				margin: 0;
				padding: 0;
				width: 212px;
				background: url(../images/submenu_bg.gif) left bottom repeat-x; /* White to Grey Gradient */
				
			}
			#accordion div{
				background: #f7f6f6 url(../images/submenu_item_bg.png) top repeat-y;/* Grey lines on two side and bottom */	
			}
			#accordion div .title{
				height:35px;
				
			}
			#accordion div .title  a{
					display: block;		
					text-indent: 15px;
					text-decoration: none;
					color: #5e7187;
					font-weight: bold;
					height:35px;
					text-align:justify;
					padding-top:7px;
			}
			#accordion div .titleword{
				width:172px;
				margin-left:20px;
				background: #f7f6f6;	/* Grey lines on two side and bottom */
				word-wrap:break-word; 
				overflow:hidden;
				padding-left: 10px;
				padding-top: 3px;
			}
			#accordion div .title a.active, #accordion div .title a:hover{
					background: #f7f6f6 url(../images/submenu_item_bg_active.png);	/* Grey lines with Arrow */
					color: #676767;
					text-decoration: none;
			}
			#accordion div .titlelast a{
					background: #f7f6f6 url(../images/submenu_item_bg_last.png) top repeat-y;	/* Gray lines on two side only */
					
			}
			#accordion div .titletitle a{
					background: #f7f6f6 url(../images/submenu_item_bg.png);	/* Gray lines on two side only */
					
			}
			#accordion div .titlelast a.active, #accordion div .titlelast a:hover{	
				background:  #f7f6f6 url(../images/submenu_item_bg_last_active.png); /* Gray lines on two side with arrow */
				padding-top:7px;
			}
			ul#submenu{
				list-style: none;
				margin: 0;
				padding: 0;
				width: 212px;
				background: url(../images/submenu_bg.gif) left bottom repeat-x; /* White to Grey Gradient */
			}
				ul#submenu li{
					height:35px;
					
				}
				ul#submenu li a{
					display: block;
					background: url(../images/submenu_item_bg.png);	/* Grey lines on two side and bottom */
					text-indent: 15px;
					text-decoration: none;
					color: #5e7187;
					font-weight: bold;
					height:35px;
					text-align:justify;
					padding-top:7px;
				}
				
				ul#submenu li a.active, ul#submenu li a:hover{
					background: url(../images/submenu_item_bg_active.png) ;	/* Grey lines with Arrow */
					color: #676767;
					text-decoration: none;
				}
				ul#submenu li.last a{
					background: url(../images/submenu_item_bg_last.png) bottom;	/* Gray lines on two side only */
				}
				ul#submenu li.last a.active, ul#submenu li.last a:hover{
					background: url(../images/submenu_item_bg_last_active.png); /* Gray lines on two side with arrow */
					padding-top:7px;
				}
				
				
/*--------------- submenu_product -----------------*/			

        #submenu_title {
		background-image:url(../images/arrow2.gif);
		background-repeat:no-repeat;
		background-position:left;
		
		padding-left:20px;
		text-decoration: none;
		color: #233f76;
		font-weight: bold;
		
		margin-bottom:10px;
		
		border-bottom:1px #CCCCCC dotted ;
		
		}
		
       a.linka{
	   color: #0066ff; 
	   text-decoration:none;
	   }
	   
       a.linka:hover {color: #333333;}

		
		
		.submenu_sub {
		margin-left: 20px;
		text-decoration: none;
		color: #5588d3;
		
		}
		
		.submenu_sub a{
		text-decoration: none;
		color: #5588d3;
		
		}
		
		.submenu_sub a:hover{
		text-decoration: none;
		color: #666666;
		
		}
		
		
		
		.submenu_sub_sub {
		margin-top:5px;
		margin-left: 10px;
		text-decoration: none;
		color: #5e7187;
		padding-left:10px;
		font-size:10px;
		width:170px;
		}
		.submenu_sub_sub a{
		color: #585757;
		text-decoration: none;
		font-size:10px;
		padding-left:10px;
		width:170px;
		display:block;
		}
		.submenu_sub_sub a:hover{
		color: #233f76;
		text-decoration: none;
		font-size:10px;
		padding-left:10px;
		width:170px;
		background-color:#E6E6E6;
		display:block;
		
		}
		

		

        #submenu_sub_content {
		margin-left: 10px;
		text-decoration: none;
		color: #5e7187;
		
		}
		
		#submenu_sub_float {
		float:left;
		position:relative;
		margin-left: 13px;
		margin-right:20px;
		text-decoration: none;
		color: #5e7187;
		width:250px;
		
		}




				
				
		#sidebar .box{
			background: url(../images/box_bg.gif); /* Gray lines on two side */
			padding: 0;
			color: #8499b2;
			font-size: 11px;
			}
			#sidebar .box .container{
				width: auto;
				padding: 10px 10px 0px 10px;
				background: none;
				border:none;
			}
			#sidebar .box .container .contact_box td {
			padding:0px 0px 0px 0px;
			}
			#sidebar h3{
				color: #233f76;
				font-weight: normal;
				font-size: 12px;
			}
	
	#sidebar_products_detail .box{
			background: url(../images/box_bg.gif); /* Gray lines on two side */
			padding: 0;
			color: #8499b2;
			font-size: 11px;
			}
			#sidebar_products_detail .box .container{
				width: auto;
				padding: 10px;
				background: none;
				border:none;
			}
			#sidebar_products_detail h3{
				color: #233f76;
				font-weight: normal;
				font-size: 12px;
			}
					
			
	#indexcontent{
		margin-left: 0px;
		/*border-left: 1px dashed #8b8b8b;*/
		min-height: 500px;
		color: #595959;
		zoom: 1;
		}
		
		#indexcontent .container{
			width: 580px;
			margin-left: 5px;
			}
			

	#maincontent{
		margin-left: 260px;
		/*border-left: 1px dashed #8b8b8b;*/
		min-height: 500px;
		color: #595959;
		zoom: 1;
		}
		
	#maincontent .container{
		width: 580px;
		margin-left: 23px;
		}
		
	#maincontent_products_detail{
		margin-left: 260px;
		/*border-left: 1px dashed #8b8b8b;*/
		min-height: 500px;
		color: #595959;
		zoom: 1;
		}
		
	#maincontent_products_detail .container{
		width: 580px;
		margin-left: 23px;
		}		
			
/*--------------- products -----------------*/					
		.jquery-tabs ul{
			padding:0;
			margin:0;
			padding-left:5px;
		}
			
	    #item{
		
			width: 570px;
			background-color:#f5f5f5;
			
			}
			
         #smallpic{
/*		 float:left;*/
		 width: 100%;
			
			}
			
	     #right_content{
		 text-align:right;
			position:relative;
			width:100%;
			
			}
		
		#right_content li{
			border-bottom:0px;
			padding: 0 0 0 0;
			margin: 0 0 0 0;
			list-style-position: outside;
			}
			
	    #maincontent .sub{
		font-weight: normal;
		font-size: 10px;
			padding-left:20px;
			}
			 
			
/*--------------- products end-----------------*/				
			
			a.more{
				font-size: 11px;
				color: #003399;
				text-decoration: none;
			}
			a.more:hover{
				color: #5e7187;
			}
			#breadcrumb, #breadcrumb a{
				font-size: 11px;
				color: #003399;
				text-decoration: none;
			}
			#breadcrumb a.active{
				color: #0066ff;
				font-weight:bold;
			}
			#maincontent h3{
				color: #7189a6;
				font-weight: bold;
				font-size: 24px;
				margin-bottom: 12px;
			}
			
			#maincontent h4{
				color: #7189a6;
				font-weight: bold;
				font-size: 16px;
				margin-bottom: 12px;
			}
			
			
       .contact_title{
			color: #7189a6;
			font-weight: none;
			font-size: 14px;
			margin-bottom: 2px;
			}

/* Footer */
#footer, #footer a{
	background: #FFF;
	color: #7189a6;
	font-size: 11px;
	}
	#footer .container{
		background: #FFF url(../images/maincontainer_bg.gif) no-repeat center top; /* Bottom grey line */
		width: 850px;
		margin: 0 auto;
		padding: 15px 0;
		}
		ul#nav{
			list-style: none;
			margin: 0 0 10px;
			padding: 0;
			}
			ul#nav li{
				display: inline;
				}
				ul#nav li a{
					padding-right: 15px;
					text-decoration: none;
				}
				ul#nav li a:hover{
					text-decoration: underline;
				}
		#copyright{
			margin: 0;
			float: left;
			width: 300px;
		}
		#site_by_avantbiz{
			margin: 0;
			text-align: right;
		}


/* coda-slider-content */

.coda_title {
border:1px #CCCCCC dotted;
padding-bottom:0;
}

.coda_content {
border-top:1px #CCCCCC dotted;
background-color: #EAEFF4;
padding:10px;

}

.coda_content_B {
border-top:1px #CCCCCC dotted;
background-color: #ffffff;
padding:10px;


}
span.listitle{
				width:10px;

				word-wrap:break-word; 
				overflow:hidden;

}
/* product_detail link*/
a.submenu_sub_link:link {text-decoration: none; color: #454343;}
a.submenu_sub_link:visited {text-decoration: none; color: #454343;}

a.submenu_sub_link:hover {text-decoration: underline; color: #0088cc; } 

/* index left list link*/
a.left_list_link:link {text-decoration: none; color: #ffffff;}
a.left_list_link:visited {text-decoration: none; color: #ffffff;}
a.left_list_link:hover {text-decoration: underline; color: #ffffff; } 

a.sub_detail_link:link {text-decoration: none; color: #7189A6;}
a.sub_detail_link:visited {text-decoration: none; color: #7189A6;}
a.sub_detail_link:hover {text-decoration: underline; color: #7189A6; } 
#submenu_title a:link{text-decoration: none; color: #7189A6;}
#submenu_title a:visited{text-decoration: none; color: #7189A6;}
#submenu_title a:hover{text-decoration: underline; color: #7189A6;}