/* Epos CSS Document */

/* Main styles */
*{ margin:0px; padding: 0px;
}
p {
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
	text-align:left;
	font-size: .80em; 
	padding: 4px 0px 4px 0px ;
	display:block;
}
a{ text-decoration:none; color:#0067CE;}
a:hover{ text-decoration:none; color:orange;}

body {
	background: #eaeaea;
	margin: 10px 0px 20px 0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
}
/* Main styles // page design*/
#page{
	width:1007px;
	margin: 0 auto;
	background: url(../images/container_mid.jpg) repeat-y left top;
	}
#page_bgtop{
	width:1007px;
	height:6px;
	line-height:0px;
	background: url(../images/container_top.jpg) no-repeat left top;
}

#page_bg_bottom{
	width:1007px;
	height:6px;
	line-height:0px;
	background: url(../images/container_bottom.jpg) no-repeat left bottom;
	clear:both;	
}
h1, h2, h3 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #e78720;
}
h1 {
	font-size: 1.5em;
	padding-top:10px;
	font-weight:lighter;
}
h2 {
	font-size: 1.25em;
	color:#666666; font-weight:bold;
	padding:2px 0px 0px 0px;
}

h3{ 
	font-size:14px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	color: #666666;	
}

h4{ font-size: 1em; margin: 0; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-weight: bold; color: #666666;	}
img{ border:none;
}
/* Bullets*/
.bullets {clear:both; margin :0 0 10px 0; padding :0px; list-style : none; }
.bullets ul {margin :0px ; padding :0px; list-style : none; }
.bullets li {margin:0px 0px 0px 5px; 
padding : 5px 0px 0px 12px; 
list-style : none; line-height: 15px; 
font-family:Arial, Helvetica, sans-serif; 
font-size: .8em; 
color:#666666;
background: url(../images/dot.gif) no-repeat left 7px; clear:both;
}
/* Horizontal line*/
.hzline{ border-top: 1px solid #CCCCCC; display:block; 
height:1px; width:960px;  clear:both; float:left;
margin: 0px; padding:5px 0px 5px 0px; overflow:hidden; position:relative;}

.single_space{display:block; height:10px; margin:0; padding:0; overflow:hidden;}
.doublespacer {display:block; height:20px; margin:0; padding:0;}

/* Header start */
#header{ height:67px;}
#header a{ text-decoration:none; color:#0067CE;}
#header a:hover{ text-decoration:none; color:orange;}
#header #logo{ 
	margin: 15px 0px 0px 20px;
	_margin: 10px 0px 0px 10px;
	width: 300px;
	height:30px;
	line-height:30px;
	float: left;
	font:bold 25px 'Segoe Condensed','arial narrow','trebuchet ms';
	color:#000000;
}
#logo a, #logo a:hover {
	color:#000000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#header #head_contact {
float:right;
padding:20px 0 0 0;
width:320px;
}
#header #head_contact .text{
	float:left;
	font-size:12px;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
	padding-right:15px;
	border-right-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: #999999;
}
/* head nav */
#head-nav {
	width: 1000px;
	height: 30px;
	margin: 0 auto;
	background-image:url(../images/bg_header.jpg);
	background-repeat:repeat-x;
	font-family: Arial, Helvetica, sans-serif; 
padding:0px; 
font-size:12px; text-transform:uppercase;
}
#head-nav ul{
	margin: 0px;
	padding: 0px;
	text-align: left;
	list-style: none;
	line-height: normal;
}
#head-nav ul li{float: left;
width:85px;
line-height: 30px;
text-align:center; vertical-align:middle; 
}

#head-nav ul li a{	display: block;  text-decoration:none; 
color:#FFFFFF;
height: 25px; vertical-align:middle;
}
.select{display: block;  text-decoration:none; background:#000000;
color:#FFFFFF;
height: 30px;
}
#head-nav ul li a:hover{display: block;  text-decoration:none; background:#000000;
color:#FFFFFF; border-right:1px solid #FFFFFF; border-left:1px solid #FFFFFF;
height: 30px;
}
/* head nav end*/
#header-anim{
width:1000px;
margin:0 auto;
padding:0px;
}
/* Content page*/
#content{
	width:960px;
	margin: 0 auto;
	padding:0px;
	clear:both;
	}
#thumb, #sitemap{
	width:960px;
	margin: 0 auto;
	padding:0px;
	}
#thumb ul, #sitemap ul{
list-style:none;
clear:both;
float:left;
}
#thumb li{
list-style:none;
width: 290px;
float:left;
padding:10px 45px 0px 0px;
}
#sitemap li{ 
list-style:none;
width: 320px;
float:left;
padding:0px 0px 0px 0px;
}
#sitemap ul #products{ 
list-style:none;
float:left;
}
#sitemap #products li{ 
list-style:none;
width: 240px;
float:left;
padding:0px 0px 0px 0px;
}
#sitemap h4 {
margin:10px 0px 0px 0px;
font:bold 15px 'Trebuchet MS';
}
#sitemap h2 {
border-bottom:1px solid #dedede;
font:normal 18px 'Trebuchet MS';
}
#sitemap #products li a, #sitemap #products p a , #sitemap h4 a{ 
color:#555555;
}
#sitemap h2 a, #sitemap #products li h2 a, #sitemap #products p a:hover, #sitemap h4 a:hover  {
color:#0067ce;
}
#sitemap h2 a:hover, #sitemap #products h2 a:hover  {
color:#ffa500;
}


.more { 
width:100px;
background:url(../images/more.jpg) 100% 60% no-repeat;
display:inline;
padding:2px 12px 2px 2px;
}
a.more { text-decoration:none; color:#e78720;}
a:hover.more{  text-decoration:none; color:#e78720;}

/* Product page*/
#prouct {
border-bottom:1px solid #CCCCCC;
float:left;
padding:15px 15px 15px 0;
width:940px;
}
#prouct img {
display:block;
float:left;
padding-right:20px;
}
/* Partners page */
#partners{ padding: 15px 0px 5px 0px; margin:0px 0px 15px 0px; border-bottom:1px solid #CCCCCC;}
#partners img{ display:block; float:left; padding:0px 20px 5px 0px ; }

/* Case page */
#case{
	width:960px;
	margin:0px auto;
	padding:10px 0px 0px 0px;
	}
	
#case ul{ float:left; list-style:none; padding:5px 0px 0px 0px; clear:both; 
}
#case ul li{ float:left; list-style:none; margin:0px; padding:10px 20px 10px 0px;
}

#more_cases ul{ float:left; list-style:none; padding:8px 0px 10px 0px; clear:both; 
}
#more_cases li{ list-style:none; padding:0px 20px 0px 0px; width: 300px; float:left;}
#more_cases li p{ padding-top: 0px;}
#more_cases img{ display:block; border:0px; float:left; padding-right:10px;}
/* About us page*/





#part_a {
float:left;
margin:0;
padding:15px 0 0;
width:610px;
}
#part_b {
color:#666666;
float:right;
margin:0;
padding:15px 0px 0px 0px;
width:320px;
}
#part_b img{
padding: 10px 10px 0px 0px;
}
/* Product pages*/
/* head nav */
#product-nav{
width:960px;
height:110px; 
padding-top: 20px;
float:left;
}

#caption{
width:350px;
float:right;
padding-top: 10px;
padding-right:0px;
}

#left-images{
width:550px;
float:left;
padding-right: 20px;
}
#product-nav h2{ font-family:Arial, Helvetica, sans-serif; font-size:1.25em; font-weight:lighter; color:#666666; line-height:1.5em;}
#product-nav ul{
margin:0px;
padding: 0px;
list-style: none;
}
#product-nav li{
background: url(../images/product-nav-bg.jpg) no-repeat;
width:100px;
height:76px;
margin:0px 0px; 
float: left;
padding: 0px 10px 0px 0px; 
font-weight:bold;font-family:Arial, Helvetica, sans-serif; font-size:11px;
text-align:center; 
padding-top: 8px; display:block;
list-style: none;

}
#product-nav li:hover{
background: url(../images/product-nav-bg-hover.jpg) no-repeat; cursor:pointer;}
#product-nav li .selected{
background: url(../images/product-nav-bg-hover.jpg) no-repeat; 
}

#product-nav li img{ padding-top:5px;}

#caption .productdiv {
	width:350px;
	height:63px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 5px;
}

#caption .productdiv  .productnum {
	font:bold 25px 'arial narrow', 'Trebuchet MS';
	text-align:right;
	padding:0px 12px 0px 0px;
	float:left;
	margin:2px 0px 2px 0px;
	color:#666666;
	border-right:1px solid #959595;
	width:81px;
	height:59px;
	line-height:59px;
}

#caption  .productdiv  .prcaption {
	font:bold 14px arial;
	text-align:left;
	line-height:22px;
	padding:3px 0px 0px 5px;
	float:left;
	margin:0px 0px 0px 0px;
	color:#000000;
	width:240px;
}

#caption .productdiv .description {
	font:normal 12px arial;
	text-align:left;
	float:left;
	padding:2px 5px 0px 5px;
	margin:0px 0px 0px 0px;
	color:#000000;
	width:240px;
	line-height:16px;
}


/* buttons-nav */
#btn-nav{
	height:23px; 
	width:960px;
	padding:0px;
	margin: 0 auto;
	float:left;
	overflow:hidden;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;

}
#btn-nav h2{
font-size:1.2em; color:#333333; text-align:right; padding-right:270px; font-family:Arial, Helvetica, sans-serif;
}
#btn-nav ul{
margin:0px;
padding:0px;
list-style: none;
}
#btn-nav li{
margin:0px; 
float: left;
padding: 0px 5px 0px 0px;
list-style: none;
vertical-align:bottom;
}
/* product btn end */

/* Product content */
#alpha{
margin:0px;
width:600px;
padding: 10px 0px 10px 0px;
float:left;
}
#alpha img{ display:block;
	padding-top: 5px;
	padding-bottom: 5px;
}
#beeta{
margin:0px;
width:330px;
float:right;
padding: 25px 0px 0px 0px;
color:#666666;
}
.solution_case{float:right; display:block;  width:330px; padding-top:0px; padding-bottom:10px; clear:both;}
.solution_case img{ float:left; padding-right:10px; }

#gama{ width:960px; }
#gama img{ display:block; padding:0px 0px; margin:12px 0px; border:none;}
#gama ul{width:280px; list-style:none; padding:0px 0 0 0px; margin:0px; float:left;}
#gama ul li{ list-style:none; padding:0px 20px 0px 0px; margin:0px; float:left; clear:both;}
/*Specification start  */
#specific { width:935; margin:0 auto; padding:0px 0px 10px 25px;}
#specific img{ display:block; border:1px solid #cccccc; padding-bottom:0px;}
#specific ul{ list-style:none; margin:0px; padding:0px;}
#specific ul li{ list-style:none; margin:0px; padding:10px 30px 0px 0px; float:left; width:295px; }
.spin {margin:10px 30px 0px 0px; float:left; width:295px;}
.spin h3{ font-size:14px;}
.spin p, #alpha p, #beeta p, #gama p, .spin li, #alpha li, #beeta li, #gama li{ font-size:12px;}
#alpha h2, #beeta h2, #gama h2, { font-size:18px;}
 



/* Contact Page */
#demo { list-style:none;  margin:20px; width:300px; padding-left:150px; float:left; position:relative;}
#contact { list-style:none;  width:450px; padding-left:30px; float:left; position:relative;}
.labelcell {
color:#666666;
font-family: Arial, Helvetica, sans-serif;
font-size:12px; 

font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
}
.text { 
background-color:#FFFFFF;
border:1px solid #999999;
color:#666666;
font-family: Arial, Helvetica, sans-serif, Verdana;
font-size:12px;
font-size-adjust:none;


font-variant:normal;
font-weight:normal;
line-height:normal;

}
.fieldcell {

font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-size-adjust:none;
color:#666666;
font-variant:normal;
font-weight:normal;
line-height:normal;
width:248px;
}
select {
background-color:#ffffff;

border:1px solid #999999;
color:#666666;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;

font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
width:248px;
}
.buttons {
background-color:#F1F0F0;
border:1px solid #666666;
color:#333333;
font-family:Arial,Helvetica,sans-serif,Verdana;
font-size:12px;
margin-right:6px;
width:50px;
}
.red {
color:red;
}

/* Footer */
#footer {
	width: 990px;
	margin: 0 auto;
	height: 30px;
	padding-top:10px;
	text-align: left;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	clear:both;	
}
#footer .left{
	width: 500px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	float:left;
}
#footer .right{
	width: 490px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	float:right;
	}

#footer .right a { text-decoration:none;
color:#333333;
margin:0px 0px 0px 16px;
}
#footer .right a:hover { text-decoration:underline;}
#footer  a:hover { text-decoration:none;}
/*styles f or other solutions */
ul.solution-list{ 
	list-style:none;
	padding:0; margin:10px 0  18px 0;
	border-top:1px solid #c9c9c9;
	font:normal 12px arial;
}
ul.solution-list li{
	list-style:none; 
	padding:0 0 0 20px; 
	line-height:24px;
	margin:0;
	background:url(../images/dot.gif) no-repeat left center;
	border-bottom:1px solid #c9c9c9;
	display:block;
}
ul.solution-list li a{
	color:#0067CE;
	display:block;
	text-decoration:none;
}
ul.solution-list li a:hover, ul.ListStyle9 li a.linkActive{
	display:block;
	color:orange;
	text-decoration:none;
}
p.footernote {
	color:#777;
	font:normal 11px arial;
	line-height:14px;
}
.bottom-list {
	clear:both;
	font:normal 12px 'arial';
	border-top:2px solid  #ccc; 
	display:block;
	height:105px;
	width:960px;
	margin: 0px auto;
	padding:0px;
}
.bottom-list h2 {
	font:bold 21px 'Trebuchet MS';
	color:#666666;
	padding:8px 0px 4px 0px;
	margin:0px 0px;
}
.bottom-list a{
	color:#0067CE;
	display:block;
	width:210px;
	height:20px;
	line-height:20px;
	float:left;
	text-decoration:none;
	background:url(../images/dot.gif) no-repeat left center;
	padding-left:16px;
	margin:4px 0px 4px 0px;
}
.bottom-list  a:hover, .bottom-list a.active{
	color:orange;
	text-decoration:none;
}



#product-tabs {
	width:960px;
	height:26px;
	border-bottom:1px solid #cccccc;
	margin:0px 0px 6px 0px;
	padding:0px 0px;
	clear:both;
	
}
.ui-tabs-nav {
    font:normal 11px Arial;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
	text-align:left;
}
.ui-tabs-nav:after {
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0px 0px 0px 0px;
	padding:0px 0px;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a {
    float: left;
    display: block;
    padding: 0px 12px 0px 0px;
    background: url('../images/tab2.png') 100% -100px no-repeat;
    font:normal 11px Arial;
    margin: 0px 3px 0px 0px;
	color:#333333;
    line-height:26px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    outline: 0;
	height:26px;
	border-left:none;
}
.ui-tabs-nav a span {
    display: block;
    padding:6px 0px 0px 12px;
    background:#cccccc url('../images/tab2.png') 0 0 no-repeat;
    font:normal 11px Arial;
	line-height:25px;
    width: 64px;
    min-width: 64px;
    height: 25px;
	_padding-top:1px;
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color:#333333;
	font:normal 11px Arial;

}
*>.ui-tabs-nav a span {
    width: auto;
    height:20px;
    font:normal 11px Arial;

}
.ui-tabs-nav a:hover, .ui-tabs-nav .select {
    background-position: 100% -150px;
	cursor: pointer;
	color:#000000;
}
.ui-tabs-nav a:hover span, .ui-tabs-nav span.select2 {
    background-position: 0 -50px;
}
* html .ui-tabs-nav {
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  {
    display: inline-block;
}