
/* CSS Document */
/* definition of common property */
body{
background:url(../img/bg_part.jpg) repeat-x;
margin:0px;
padding:-0px;
}
p{
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:normal;
text-align:left;
line-height:normal;
}

.normal_font{
	font-size:12px;
}

.normal_Bold_font{
	font-weight:bold;
}

.normal_font_LP{
		font-size:12px;
		padding:0px 20px 2px 20px;
}
.normal_font_BLP{
		font-size:12px;
		padding:0px 20px 5px 50px;
}

.price_font{
	color:#F00;
	font-size:12px;
	font-weight:bold;
	padding:0px 20px 0px 20px;

}
.small_font{
	font-size:10px;
}
.small_bold_font{
	font-size:10px;
	font-weight:bold;
}
.align_middle{
	text-align:center;
}
.align_right{
	margin:0px;
	margin-left:150px;
}
.align_right2{

	margin-left:100px;
}
	
h4{
color:#000000;
font-family:Arial, Helvetica, sans-serif;
margin:0px;
padding:10px 5px;
font-size:14px;
color:#333;
}
.NP_h4{
margin:0px;
padding:10px 0px 5px 0px;
}
.small_h4{
	font-size:12px;
	padding:0px;
	color:#666666;
}
a{
color:#004488;
margin:0px;
text-decoration:none;
border:none;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}

a img{
 border:none;
}
a:hover{
color:#F99206;
}
/*
a:visited{
color:#888;
}*/

.hasD{
text-decoration:underline;
padding:0px;
}

ul{
margin: 0;
padding: 0;
font-family:Arial, Helvetica, sans-serif;
}


li{
	
}

dl{
font-family:Arial, Helvetica, sans-serif;
margin: 0px 10px 0px 10px;
padding: 0px;
}
dt{
 float: left;

}
dd{
	margin:5px 20px 5px 20px;
	padding:0px;
}

ol{
font-family:Arial, Helvetica, sans-serif;

}
table{
		
		padding:3px 3px 0px 20px ;
		width:100%;
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
		line-height:normal;
		text-align:left;
		background-color:#fff;

}
table tr td{
	vertical-align:top;
	padding:5px;
}

table .row1{
 	background-color: #ddd;
}

table .col1{
 	background-color: #ddd;
	width:90px;
}

hr{
	color:#eee;

}
/*layout*/

.container{
width:800px;
margin-left:auto;
margin-right:auto;
}

/* style for header */

#header{
width:800px;
padding:10px;
}
.logo{
float:left;
display:inline;
margin:0px;
padding:0px;
}

.logo img{
width:180px;
margin:0px;
padding:0px;
}
.blogAndMap{

width:150px;
margin-left:500px;
display:inline;
}

.blogAndMap a{
width: 120px; /*Width of top level menu link items*/
padding: 2px 8px;
font-weight:bold;

}
.horizontalcssmenu{
	position:relative;
	left: 30px;
	margin:0px;
}
.horizontalcssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.horizontalcssmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.horizontalcssmenu ul li a{
display: block;
width: 80px; /*Width of top level menu link items*/
//height:34px;
padding: 10px 8px;
font-weight:bold;
border:none ;
background:url(../img/header/menubg.gif) repeat-x;
border-left-width: 0;
color: black;
text-align:center;
}
	
.horizontalcssmenu ul li a:hover{
background:url(../img/header/menubgover.gif) repeat-x;
color:#000;
}
* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .horizontalcssmenu ul li { float: left; height: 1%; }
* html .horizontalcssmenu ul li a { height: 1%; }
/* End */
/*Banner*/
#image{
width:100%;
background:#none;
height:307px;
padding:0px;
margin:0px;
}
#image img {
	margin:0px;
	padding:0px;
	height:307px;
	border:#CCCCCC solid 1px;
}

/*Title*/

#title_frame{
width:800px;
}
#title_frame #myContent {
width:800px;
height: 33px;
}
/*
#title_frame #myContent ul{
margin: 0;
padding: 0;
list-style-type: none;
font-family:Arial, Helvetica, sans-serif;

}
*/

#title_frame #myContent ul li{

position: relative;
display: inline;
float: left;
padding-top:10px;
}

/*
#title_frame  a{
padding:0px 5px;
margin:0px;
}
*/
/*title*/
#right_title{
width:79%;
margin-left:20%;
background:none;

}
#right_title #myContent {
width:100%;
height: 20px;
background:none;

}
#right_title #myContent ul li{
position: relative;
display: inline;
float: left;
}
#right_title  a{
padding:0px 5px;
margin:0px;
}

#right_title #myContent p{
color:#999;
text-align:left;
padding:2px 5px;
margin:0px;
font-size:16px;
line-height:15px;
}

/* frame */

#us_frame{
width:31%;
height:300px;
background:#FFFFFF;
float:left;
margin:0px 0px;
margin-bottom:25px;

border:#CCCCCC solid 1px;
position:relative;
left: 0px;
}
#news_frame{
width:31%;
height:300px;
background:#FFFFFF;
margin:0px 25px;
margin-bottom:25px;

float:left;
border:#CCCCCC solid 1px;
}
#fProduct_frame{
width:31%;
height:300px;
background:#FFFFFF;
float:right;
margin:0px 0px;
margin-bottom:25px;
border:#CCCCCC solid 1px;
}
/*-------------*/

#news{
margin:0px;
padding:0px;
width:100%;
}


#us #title, #news #title, #fProduct #title {

display: block; 
background:url(../img/header/menubg2.gif) repeat-x;
//height: 33px;
margin:0px;
padding:0px;
width:100%;
}

#us #content, #news #content, #fProduct #content{
	height:220px;
	padding:10px;
}
#us #content p, #news #content p, #fProduct #content p{
margin:0;
height:220px;
display:inline;
}



#fProduct #content img{
		clear:both;

width:45%;
margin:10px;
margin-right:20px;
padding:0px;
float:right;
display:inline;
}

/* customer, keywords, footer frame css*/
#customer_frame{
width:780px;
height:150px;
background:#FFFFFF;
float:left;
margin-bottom:25px;
border:#CCCCCC solid 1px;
padding: 10px;
}

.Customers #cus_title{
width:780px;
border-bottom:#CCCCCC;
border-bottom-style:solid;
border-bottom-width:1px;

}

#cus_content img{
padding:25px 25px 0px 25px;
height:89px;

}
.Customers a{
text-align:center;
margin-left:700px;
line-height:25px;
}

/*keywords frame and content css*/
#keywords_frame{
width:780px;
background:#FFFFFF;
float:left;
margin-bottom:25px;
border:#CCCCCC solid 1px;
padding: 10px;

}
#keywords #title{
width:780px;
border-bottom:#CCCCCC;
border-bottom-style:solid;
border-bottom-width:1px;
}

.b1{ margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif;}
div { margin: 0px; }
h4 {margin-top: 0px;}
p { margin: 0px;}
.column-wrap { position: relative; background-color:#fff; }
.column-1 { margin-right: 80%;}
.column-2 { position: absolute; right: 60%; top: 0px; width: 20%;}
.column-3 { position: absolute; right: 40%; top: 0px; width: 20%;  }
.column-4 { position: absolute; right: 20%; top: 0px; width: 20%;}
.column-5 { position: absolute; right: 0px; top: 0px; width: 20%;  }

/* menu col */

/*menu cok*/
#menu_col{
float:left;
width:150px;
margin:0px;
}
div.sdmenu {
	width: 150px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding-bottom: 10px;
	background: url(../img/sdmenu/bottom.gif) no-repeat  right bottom;
	color: #fff;
}
div.sdmenu div {
	background: url(../img/sdmenu/title.gif) repeat-x;
	overflow: hidden;
}
div.sdmenu div:first-child {
	background: url(../img/sdmenu/toptitle.gif) no-repeat;
}
div.sdmenu div.collapsed {
	height: 25px;
}
div.sdmenu div span {
	display: block;
	padding: 5px 25px;
	font-weight: bold;
	color: white;
	background: url(../img/sdmenu/expanded.gif) no-repeat 10px center;
	cursor: default;
	border-bottom: 1px solid #ddd;
}
div.sdmenu div.collapsed span {
	background-image: url(../img/sdmenu/collapsed.gif);
}
div.sdmenu div a {
	padding: 5px 10px;
	background: #eee;
	display: block;
	border-bottom: 1px solid #ddd;
	color: #066;
}
div.sdmenu div a.current {
	background : #ccc;
}
div.sdmenu div a:hover {
	background : #066 url(../img/sdmenu/linkarrow.gif) no-repeat right center;
	color: #fff;
	text-decoration: none;
}

#insiderContainer{
width:73%;
margin-left:20%;
margin-bottom:25px;
background:#FFFFFF;
border:#CCCCCC solid 1px;
padding:0px 3%;
}
#insiderContainerForPurchase{
width:79%;
margin-left:20%;
margin-bottom:25px;
background:#FFFFFF;
border:#CCCCCC solid 1px;
padding:0px;
	}
#insiderContainerForBlog{
width:79%;
margin-left:20%;
margin-bottom:25px;
background:#FFFFFF;
border:#CCCCCC solid 1px;
padding:0px;
height:800px;
	}
/*Download Purchase Product List*/
.item{
width:100%;
margin-left:auto;
margin-right:auto;
}
.item .itemImage{
	width:25%;
	border:none;
	float:left;
	}
.item .itemImage img{
	width:100%;
	border:none;
	}
.item .itemD{
	width:69%;
	margin:1% 0% 5% 30%;
	padding:1% 0%
	}
.item .downloadBtn{
	width:30%;
	margin:0% 0% 0% 30%;
	padding:0% 0% 7% 40%;
	}
	
/* product content */

#Pdescription{
width:60%;
height:300px;
float:left;
padding:20px;
}
#productBox img
{
width:150px;
padding:5px;
margin: 10px;
display:inline;
}
 #productButtom1 img{
 border:none;
 margin-left:50px;
 
}
#productTab{
width:100%;
//height:400px;
//float:left;
margin-bottom:20px;
margin-left:0;
margin-right:0;
margin-top:40px;
padding:0px
}


#productButtom2{
	width:150px;
    margin-left:auto;
    margin-right:auto;

}
#productButtom2 img{
	margin:10px 0px 20px;
}
		
/* tab content css */

#video{
		float: right;
		margin:10px 10px;
		}
#demolink{
	margin:0px;
	padding-left:500px;
	
}
.ftable{
	margin:0px;
	padding:0px;
}
.ftable tr{
	margin:0px;
	padding:0px;
}
.ftable tb{
	margin:0px;
	padding:0px;
}
.fImage{
	
	width:250px;		
	margin:5px;
	padding:0px;
}

.fImage2{
	
	width:350px;		
	margin:5px;
	padding:0px;
}
/* Download content */

 #Dbox {
	float:left;
	width:180px;
}
 #Dbox img
{
width:150px;
padding:5px;
margin: 10px;
display:inline;
}

 #buttom1{
	
	width:96px;
	margin-left:auto;
	margin-right:auto;
}


 #buttom1 img{
 width:96px;
 border:none;
 
}


#downloadDescription{
width:60%;
height:300px;
float:left;
padding:20px;
}

#downloadDescription img{
	padding:5px 20px;
	border:none;
}

#Dnote{
	width:90%;
	margin:0%;
	margin-top:650px;
	padding:5%;
	color:#ccc;
	}


/* purchase content */


#Pbox {
	float:left;
	width:160px;
	height:350px;
	margin:5px 0px;
}
 #Pbox #box1{
	width:150px;
	padding:0px;
    margin: 5px 10px 5px 0px;
    display:inline;

}

#purchaseDescription{
width:50%;
height:350px;
float:left;
margin:15px 0px;


}


#imageCol{
float:right;
width:130px;
height:370px;
	margin:15px 0px;

	
}
#imageCol img{
	margin:5px 0px;
}



#note{
	width:89%;
	margin:0%;
	padding:10% 5%;
	}

#note table td{
	vertical-align:middle;
}

/*contact_us */
#contant_us_pic{
width:250px;
float:right;
padding:5px;
border:#999999 solid 1px;
margin: 10px;
display:inline;
}

#headOffice,#technical{
	margin:0px;
	margin-bottom:40px;
}

#marketing{
	padding:0px;
	padding-bottom: 50px;
	
	}
/* Ref. customers */

#insiderContainer .customersCell, #insiderContainer .manualCell{
	height:110px;
	
}
#insiderContainer .customersCell p, #insiderContainer .manualCell p{
	width:65%;
}
#insiderContainer .customersCell img {
	height:90px;
	float:right;
}
 #insiderContainer .manualCell img{
	height:90px;
	float:right;
	margin-right:10%;
}
#insiderContainer .manualCell a{
margin:0;
}

/*BLOG */


	
#insiderContainerForBlog iframe{
	width:100%;
	height:100%;
	padding:0px;
	border:none;
	margin:0px;
}
 


/*footer frame and content css*/
#footer_frame{
width:800px;
height:30px;
float:left;
}



#footer_frame p{
	
	text-align:center;

}
