body{
background:url(../img/bg_part.jpg) repeat-x;
margin:0px;

}
.container{
width:800px;
margin-left:auto;
margin-right:auto;
}
a{
color:#666666;
margin:0px;
text-decoration:none;
}
a img{border:none;
}
a:hover{
color:#003366;
}

a:visited{
color:#003366;
}

p{
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
font-weight:normal;
text-align:left;
line-height:normal;

}
	

#header{
width:inherit;
padding:10px;
}
.logo{
float:left;
display:inline;
margin:0px;}

.logo img{
width:180px;
margin:0px;
}
.blogAndMap{

width:150px;

position:relative;
left:500px;;
margin:10px;
display:inline;
}

.blogAndMap a{
width: 120px; /*Width of top level menu link items*/
padding: 2px 8px;
border:none ;

border-left-width: 0;
text-decoration: none;
/*background: url(../menubg.gif) center center repeat-x;*/
color:#666;
font: bold 11px Arial;

}
.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;
border:none ;
background:url(../img/header/menubg.gif) repeat-x;

border-left-width: 0;
text-decoration: none;
color: black;
font: bold 13px Arial;
text-align:center;
}
	
/*Sub level menu*/
.horizontalcssmenu ul li ul{
left: 0;
top: 0;
border-top: 1px solid #202020;
position: absolute;
display: block;
visibility: hidden;
z-index: 100;
}

/*Sub level menu list items*/
.horizontalcssmenu ul li ul li{
display: inline;
float: none;
}


/* Sub level menu links style */
.horizontalcssmenu ul li ul li a{
width: 160px; /*width of sub menu levels*/
font-weight: normal;
background: #e3f1bd;
border-width: 0 1px 1px 1px;
color:#000;
}

.horizontalcssmenu ul li a:hover{
background:url(../img/header/menubgover.gif) repeat-x;
color:#000;
}

.horizontalcssmenu ul li ul li a:hover{
background:url(../img/header/menubgover.gif) repeat-x;
color:#000;

}

.horizontalcssmenu .arrowdiv{
position: absolute;
right: 0;
//background: transparent url(../menuarrow.gif) no-repeat center left;
}

* 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 */
/*   index css */
#image{
width:100%;
background:#none;
height:307px;
padding:0px;
margin:0px;
}
#image img {
	margin:0px;
	padding:0px;
	height:307px;
	border:#CCCCCC solid 1px;

	}
/*title frame and content css on the indexPage*/
#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;
font-size:12px;
}
#title_frame  a{
padding:0px 5px;
margin:0px;

}


#title_frame #myContent p{
color:#999;
text-align:left;
padding:0px 5px;
margin:0px;
font-size:16px;
line-height:15px;

}

/*title frame and content css on the otherPage*/
#right_title #myContent {
width:100%;
height: 20px;
background:none;

}
#right_title #myContent ul{
margin: 0;
padding: 0;
font-family:Arial, Helvetica, sans-serif;
list-style-type: none;
}
#right_title #myContent ul li{
position: relative;
display: inline;
float: left;
font-size:12px;
}
#right_title  a{
padding:0px 5px;
margin:0px;
}


#right_title #myContent p{
color:#999;

text-align:left;
padding:0px 5px;

margin:0px;
font-size:16px;
line-height:15px;
}

/* news, feature product, about us frame css*/
#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/menubg.gif) repeat-x;
height: 33px;
margin:0px;
padding:0px;
width:100%;
}
#us #title p, #news #title p,#fProduct #title p{
color:#333;
font-size:14px;
font-weight:bold;
text-align:left;
margin:0px;
padding:10px 0px 10px 10px;
width:215px;
}
#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;
}


#us  a, #news a, #fProduct a{
text-align:center;
margin-left:160px;
font-size:12px;
}
/*
#us  a:hover, #news a:hover, #fProduct a:hover{
color:#003366;
}
#us  a:visited, #news a:visited, #fProduct a:visited{
color:#003366;
}
*/

#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;
}
.Customers #cus_title p{
width:780px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#666666;
margin:1px;
}
#cus_content img{
padding:25px 25px 0px 25px;
height:89px;

}
.Customers a{
text-align:center;
margin-left:700px;
font-size:12px;
line-height:25px;
}

/*keywords frame and content css*/
#keywords_frame{
width:780px;
//height:200px;
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;
}
#keywords #title p{
width:780px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#666666;
margin:1px;
}

table{
		
		padding:3px 3px 0px 20px ;
		width:100%;
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
		line-height:normal;
		text-align:left;
		vertical-align:top;

}


#keywords table td{
	vertical-align:top;
	padding:5px 10px;
	background-color:#fff;

	}
	
#keywords table #row1{
 	background-color: #999
}
/*
#keywords table td a{
color:#666666;
margin:0px;
text-decoration:none;
}
#keywords table td a:hover{
color:#003366;
}
#keywords table td  a:visited{
color:#003366;
}
*/

/*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;
}
/*title frame and content css*/
#right_title{
width:79%;
margin-left:20%;
background:none;

}

/*contact us content*/
#contactUsContent{
width:79%;
margin-left:20%;
margin-bottom:25px;
background:#FFFFFF;
border:#CCCCCC solid 1px;

}

#insiderContainer{
width:73%;
margin-left:20%;
margin-bottom:25px;
background:#FFFFFF;
border:#CCCCCC solid 1px;
padding:0px 3%;
}

#insiderContainer table #title td{
background:#EEE;
font-weight:bold;
}

#insiderContainer table tr td{
background:#FFF;
}

#insiderContainer #newsLink a{
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
font-weight:normal;
text-align:left;
line-height:normal;
padding:5px 20px;
margin:0;
display:block;
	
}
#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:15%;
}
#insiderContainer .manualCell a{
padding:5px 20px;
margin:0;
font-size:12px;
}


#insiderContainer #customerReadMore a{
	padding-left:450px;
	line-height:50px;
}


#contactUsContent img{
width:250px;
float:right;
padding:5px;
border:#999999 solid 1px;
margin: 10px;
display:inline;}

#contactUsContent p, #insiderContainer p{
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
font-weight:normal;
text-align:left;
line-height:normal;
padding:5px 20px;
margin:0;



}

#insiderContainer #orderFAQ a{
color:#666666;
text-align:left;
margin:0px;
text-decoration:none;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
padding:5px 20px;
line-height:10px;
//font-weight:bold;
display:block;
}
#insiderContainer #orderFAQ #q1, 
#insiderContainer #orderFAQ #q2, 
#insiderContainer #orderFAQ #q3, 
#insiderContainer #orderFAQ #q4, 
#insiderContainer #orderFAQ #q5, 
#insiderContainer #orderFAQ #q6{
font-weight:bold;
}

#contactUsContent a, #insiderContainer a{
color:#666666;
text-align:center;
margin:0px;
text-decoration:none;
font-size:12px;
}

#contactUsContent a,  #insiderContainer #productFAQLink a{


margin-left:60px;

}

#contactUsContent h4, #insiderContainer h4{
color:#000000;
font-family:Arial, Helvetica, sans-serif;
margin:0px;
padding:10px 5px;
font-size:14px;
}


#headOffice,#technical{
margin-bottom:40px;;
margin-left:30px;
}

#marketing{
padding-bottom:50px;;
padding-left:30px;
	
	}
/*download list css*/
/*download list content*/
#downloadListContent{
width:79%;

margin-left:20%;
background:#FFFFFF;
border:#CCCCCC solid 1px;

margin-bottom:25px;

}

#downloadListContent p{
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
font-weight:normal;
text-align:left;
line-height:normal;
padding:5px 20px;
margin:0;



}
#downloadListContent a{
//color:#666666;
text-align:center;
//margin:0px;
margin-left:60px;
//text-decoration:none;
font-size:12px;
}

#downloadListContent hr {
	
	color:#CCC;
	
	width:90%;
	}
/*
#downloadListContent a:hover{
color:#003366;
}
#downloadListContent a:visited{
color:#003366;
}

#downloadListContent h4{
color:#000000;
font-family:Arial, Helvetica, sans-serif;
margin:0px;
padding:10px 5px;
font-size:14px;
}
*/
.item{
width:90%;
margin-left:auto;
margin-right:auto;
}
.item .itemImage{
	width:25%;
	border:none;
	float:left;
	}
.item .itemImage img{
	width:100%;
	border:none;
margin:1% 0% 0% 0%;
	}
.item .itemD{
	width:60%;
	margin:1% 0% 5% 30%;
	padding:1% 0%
	}
.item .downloadBtn{
	width:30%;
	margin:0% 0% 0% 30%;
	padding:0% 0% 7% 30%;
	}
.item .downloadBtn a Img{
	border:none;
}
#downloadListContent .item .downloadBtn p{
	color:#F00;
	font-weight:bold;
	margin-left:80px;
	padding:0px;
}
/* xxx Download css*/

/*contact us content*/
#productContent{
width:79%;
margin-left:20%;
margin-bottom:25px;
background:#FFFFFF;
border:#CCCCCC solid 1px;

}


#productContent p{
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:normal;
text-align:left;
line-height:normal;
margin:0;
font-size:12px;



}
#productContent a{
color:#666666;
text-align:center;
margin:0px;
text-align:center;
text-decoration:none;
font-size:12px;

}
#productContent a:hover{
color:#003366;



}
#productContent a:visited{
color:#003366;
}

#productContent h4{
color:#000000;
font-family:Arial, Helvetica, sans-serif;
margin:0px;
font-size:14px;

}

#productContent #box {
	float:left;
	width:180px;
}
#productContent #box img
{
width:150px;
padding:5px;
margin: 10px;
display:inline;
}

#productContent #buttom1{
	
	width:96px;
	margin-left:auto;
	margin-right:auto;
}
#productContent #buttom1 p{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	}

#productContent #buttom1 img{
 width:96px;
 border:none;
 
}


#downloadDescription{
width:60%;
height:300px;
float:left;
padding:20px;
font-size:12px;
}
#downloadDescription h4{
padding:10px 20px;
}
#downloadDescription p{
padding:10px 20px;
}
#downloadDescription img{
	padding:5px 20px;

	border:none;
}
table{
		
		padding:5px 5px 5px 20px ;
		width:100%;
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
		line-height:normal;
		text-align:left;
		vertical-align:top;

}

table tr .col1{
 width:35%;
 background:#DDD;
	}

table td{
	vertical-align:top;
	padding:5px 10px;
	background:#fff
	}


#note{
	width:90%;
	margin:0%;
	margin-top:650px;
	padding:5%;
	font-size:9px;
	color:#ccc;
	}
#note .boldWord{
	font-weight:bold;
	font-size:12px;
}
/* Purhcase css */

/*contact us content*/
#purchaseContent{
width:79%;
margin-left:20%;
margin-bottom:25px;
background:#FFFFFF;
border:#CCCCCC solid 1px;

}


#purchaseContent p{
color:#000000;
text-align:left;
line-height:normal;
margin:0;
font-size:12px;

}
#purchaseContent a{
color:#666666;
text-align:center;
margin:0px;
text-align:center;
text-decoration:none;
font-size:12px;

}
#purchaseContent a:hover{
color:#003366;



}
#purchaseContent a:visited{
color:#003366;
}

#purchaseContent h4{
color:#000000;
font-family:Arial, Helvetica, sans-serif;
margin:0px;
font-size:14px;

}

#purchaseContent #box {
	float:left;
	width:160px;
	height:350px;
}
#purchaseContent #box #box1{
	width:150px;
	padding:5px;
    margin: 5px;
    display:inline;

}
#purchaseContent #buttom1{
	
	width:96px;
	margin-left:auto;
	margin-right:auto;
}
#purchaseContent buttom1 p{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	}

#purchaseContent #buttom1 img{
 width:96px;
 border:none;
 
}


#purchaseContent #downloadDescription{
width:50%;
height:350px;
float:left;
padding:10px 0px;
font-size:12px;
}




 #purchaseContent #downloadDescription h4{
padding:10px 10px;
}
#purchaseContent #downloadDescription p{
padding:5px 10px;
text-indent:10px;
}
#purchaseContent #downloadDescription img{
	float:right;
	border:none;
}
#purchaseContent #imageCol{
float:right;
width:130px;
height:370px;
	
}
#purchaseContent #imageCol img{
	margin:5px 0px;
}
#purchaseContent table{
		
		padding:5px 5px 5px 20px ;
		width:100%;
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
		line-height:normal;
		text-align:left;

}

#purchaseContent table td .col1{
 width:70%;
	}
	
#purchaseContent table td .col1{
 width:15%;

	}
#purchaseContent table td{
	vertical-align:middle;
	padding:5px 10px;
	background:#FFF;
	color:#000;

	}


#purchaseContent #note{
	width:89%;
	margin:0%;
	padding:10% 5%;
	font-size:9px;
	}
#purchaseContent #note img {
	border:none;}
#purchaseContent #note .boldWord{
	font-weight:bold;
	font-size:12px;
}

/* 
xxx css




*/
#xxxContent{
width:79%;
margin-left:20%;
background:#FFFFFF;
border:#CCCCCC solid 1px;
border-bottom:none;

}


#xxxContent p{
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:normal;
text-align:left;
line-height:normal;
margin:0;
font-size:12px;



}
#xxxContent a{
color:#666666;
text-align:center;
margin:0px;
text-align:center;
text-decoration:none;
font-size:12px;

}
#xxxContent a:hover{
color:#003366;



}
#xxxContent a:visited{
color:#003366;
}

#xxxContent h4{
color:#000000;
font-family:Arial, Helvetica, sans-serif;
margin:0px;
font-size:14px;

}

#xxxContent #description{
width:60%;
height:300px;
float:left;
padding:20px;
font-size:12px;
}
#xxxContent #description h4{
padding:10px 20px;
}
#xxxContent #description p{
padding:10px 20px;
}
#xxxContent #box img
{
width:150px;
padding:5px;
margin: 10px;
display:inline;
}
#xxxContent #buttom1 p{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	}

#xxxContent #buttom1 img{
 border:none;
 margin-left:50px;
 
}
#xxxContent #buttom1 h4{
	text-align:center;}


#xxxContent #tab{
width:100%;
//height:400px;
//float:left;
margin-bottom:20px;
margin-left:0;
margin-right:0;
margin-top:40px;
padding:0px
}


#xxxContent #buttom2{
	width:150px;
    margin-left:auto;
    margin-right:auto;

}

#xxxContent #buttom2 img{
	margin:10px 0px 20px;
		}
		
/* tab content css */

#video{
		float: right;
		margin:10px 10px;
		}
#demolink{
	margin:0px;
	padding-left:500px;
	
}

/* Blog CSS*/

iframe{
	width:100%;
	height:800px;
	border:none;
	margin:0px;
	padding:0px;
}
/*footer frame and content css*/
#footer_frame{
width:800px;
height:30px;
float:left;
}

#footer #title{
display:none;
width:780px;
border:none;}
#footer #title p{
width:780px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#CCCCCC;
margin:1px;
border:none;
}
#footer #content p{
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#666666;
margin:10px;
border:none;
}