/* CSS Document */
html ul li {
	list-style:none;
	margin:0;
	padding:0;
	}
body{
margin: 0px;
padding: 0px 0px 30px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
background-image:url(../gif/bg1.gif);
}
img{border:0px;}

#container{
padding: 0px 0px 0px 0px;
margin: 10px auto 10px auto;
background-color:#FFFFFF;
max-width:816px;
width:100%;
border:1px solid #D7D7D7;
}

#holder{
position:relative;
margin:20px;
margin-left:15px;
max-width:777px;
width:100%;
text-align:left;
}
#logo{
position:relative;
width:191px ;
height:43px ;
margin:7px 0px 4px 1px;
}
#tmenu{  
width:777px; 
height:26px; 
margin:9px 0px 2px 0px;
background: url(../gif/oc_topmenubg.gif) repeat-x left top;
color:#FFFFFF;
font-size:16px;
font-weight:bold;
font-family:arial;
}

#tmenu ul, #header_main ul li{
margin:0px;
padding:0px;
list-style-image: none;
list-style-type: none;
}
#tmenu ul {
padding-top:6px;
}

#tmenu ul li{
display:inline;

}
#tmenu ul li a{
color:#FFFFFF;
text-decoration:none;
}
#tmenu ul li a:hover{
color:#FF0000;
}

#tmenu #topmenu{float:left; margin-right:15px;}

#tmenu .searcharea{float:left; margin:0px; margin-top:3px;}

#tbanner{  max-width:779px;width:100%; min-height:199px;}

#index-news .rsslink a:hover{
text-decoration:underline;
}
#index-news .rsslink{
	position:absolute;
	right:10px;
	color:white;
	text-decoration:none;
	background-image: url(../gif/rss-3.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent:18px;
	top:6px;
	
}

#index-news{
	position:relative;
	width: 100%;
	color:white;
	text-align:left;
	background-color:#788696;
	margin:2px 0px 0px 0px;
	text-indent:8px;	
	height:26px;
}
#index-news span{
line-height:25px;
}
#index-news a:hover{
text-decoration: underline;
}
#index-news a{
color: white;
text-decoration: underline;
}
#index-news a:hover{
text-decoration: underline;
}
#index-news h1{
margin: 0px;padding: 0px;font-size:15px;font-weight: normal; display: inline;color:white;
}
#index-news h2{
margin: 0px;padding: 0px 2px 0px 2px;font-size:15px;display: inline;font-weight: normal;color:white;
}
#index-news h3{
margin: 12px 0px 0px 0px;padding: 0px 2px 0px 2px;font-size:15px;display: inline;font-weight: normal;
}
#index-news .news{
display: inline;
}
#colleft{
position:relative;
margin-top:10px; 
width:298px; 
height:404px;
float:left;
border:1px solid #BBD5E6;
background-color:#EAE6DC;
padding:10px 0px 10px 7px;
padding-top:5px;
}
#colleft h1{ 
font-family:Arial, Helvetica, sans-serif; 
font-size:15px; 
font-weight:bolder; 
color:#0060FF; 
margin:0px; margin-bottom:10px;
padding:0px;
}
#colleft p{ font-size:16px; padding:0px; margin:0px; }
#colleft h3{color:#2D87E2; font-size:13px; font-weight:bold;
margin:8px 0px 8px 0px;
padding:0px 0px 0px 14px;}

#colleft ul, #colleft ul li{
margin:0px;
padding:0px;
list-style-image:none;
list-style-type:none;

}
#colleft ul{
width:100%;
}

#colleft ul li{
background:url(../gif/greenbullet.gif) no-repeat 0px 3px;


padding-left:13px;

font-size:16px;
margin-bottom:10px;
color:#204F83;

margin-right:0px;
}
#colleft a{
color:#0060FF;
text-decoration:none;
}
#colleft a:link{
color:#0060FF;
text-decoration:none;
}
#colleft a:hover{
color:#0060FF;
text-decoration:underline;
}

#colleft a.roll{
color:#000000;
text-decoration:none;
}
#colleft a.roll:link{
color:#000000;
text-decoration:none;
}
#colleft a.roll:hover{
color:#0060FF;
text-decoration:underline;
}

#colright{ 
position:relative; 
padding:10px;
margin:10px 0px 0px;
border:1px solid #BBD5E6;
padding-top:5px;
padding-left:3px;
height:404px;
float:right;
width:450px;
margin-bottom:14px;
}
#colright h1{ 
font-family:Arial, Helvetica, sans-serif; 
font-size:15px; 
font-weight:bolder; 
color:#0060FF; 
margin:0px 0px 6px 0px;
padding:0px;
}

#colright h1.order{
margin:1px 0px 8px 0px;
padding:0px;
}

#colright p{
	margin:0px 0px 12px 0px ;
	padding:0px; 
	font-size:16px;
	line-height:14px;
	color:#204F83; 
	font-weight:normal;
}

#colrightorder { 
position:relative; 
padding:10px;
margin:10px 0px 0px;
border:1px solid #BBD5E6;
padding-top:5px;
padding-left:3px;
height:500px;
float:right;
width:762px;
margin-bottom:14px;
}
#colrightorder h1{ 
font-family:Arial, Helvetica, sans-serif; 
font-size:15px; 
font-weight:bolder; 
color:#0060FF; 
margin:0px 0px 6px 0px;
padding:0px;
}

#colrightorder h1.order{
margin:1px 0px 8px 0px;
padding:0px;
}

#colrightorder p{
	margin:0px 0px 12px 0px ;
	padding:0px; 
	font-size:16px;
	line-height:14px;
	color:#204F83; 
	font-weight:normal;
}


#footer{
border:1px solid #BBD5E6;
position:relative;
clear: both;
width: 756px;text-align: left;
padding:10px;
margin:0px; 
height:75px;
margin-bottom:50px;


}
#footer p{
text-align: left; color:#204F83; padding:0px; margin:6px 0px 6px 0px;font-size:16px;
}
div#footer.legal p{
text-align: left; color:#717171; padding:0px; margin:4px 0px 4px 0px;font-size:16px;font-size:15px;
}

div#footer.legal a, div#footer.legal a:active, div#footer.legal a:visited, div#footer.legal a:link{
text-decoration:none;
color:#717171;
}
div#footer.legal a:hover{
text-decoration:underline;
color:#717171;
}
div#footer.legal{
height:78px;
margin-bottom:5px;
}
img.round1tl{position:absolute;left:-1px;top:-1px;}
img.round1tr{position:absolute;right:-1px;top:-1px;}
img.round1bl{position:absolute;left:-1px;bottom:-1px;}
img.round1br{position:absolute;right:-1px;bottom:-1px;}

div#productbox
{
	background-image: url(../gif/oc_box_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	border:1px solid #BBD5E6;
	width: 420px;
	position:relative;
	margin-top:20px;
	background-color:#E7F3F7;
	margin:0px 0px 20px 0px;
	padding:0px;
	position:relative;
}

div#productbox ul{
	padding:14px 0px 14px 8px; 
	margin:0px; 
list-style-image:none;
list-style-type:none;
width:400px;
}
div#productbox ul li{
	padding:0px; 
	margin:0px; 
	font-size:16px;
	font-weight:bold; 
	color:#009AFF; 
list-style-image:none;
list-style-type:none;
background-image:url(../gif/greenbullet.gif);
background-repeat:no-repeat;
background-position:left 6px;
padding-bottom:10px;
padding-left:18px;
}

#features ul, #features ul li{
margin:0px;
padding:0px;
list-style-image:none;
list-style-type:none;
}
#features ul{
margin:0px 0px 5px 3px;
padding:0px;
width:400px;
}
#features ul li{
background-image:url(../gif/greenbullet.gif);
background-repeat:no-repeat;
background-position:left 4px;
line-height:16px;
padding-left:13px;
font-size:16px;
color:#204F83;
}


/*******************new20.03.2013*******************/
.tble-wrapper{
	width:100%;
	border: #cccccc 1px solid;
	padding:0 0 0px 0; 
	margin-bottom:20px;
	}
.handler_frst{
	width:32.5%; float:left; border-right:1px solid #CCCCCC;
	}	

.handler_frst h3{
	text-align:center;
	border-bottom:1px solid #CCCCCC;
	padding:8px 0;
	margin:0;
	}	
.handler_frst ul{
	list-style:none;
	padding:0px 0 10px 0;
	float:left;
	margin:0;
	}		
.handler_frst ul li{
	border-bottom:1px solid #CCCCCC;
	list-style:none;
	padding:10px 10px 10px  10px;
	width:93%;
	float:left;
	margin:0 0 0px 0;
	}			
.brd_nne{
	border-right:none !important;
	width:34%;
	}		
.learn_more{
	text-align:center;
	padding-bottom:15px;
	}	
.footer{
border:1px solid #BBD5E6;
position:relative;
clear: both;
max-width: 756px;
text-align: left;
padding:10px;
margin:0px; 
min-height:75px;
margin-bottom:20px;
}
.footer p{
text-align: left; color:#204F83; padding:0px; margin:6px 0px 6px 0px;font-size:16px;
}	
.certificate-handler{
	width:96%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	border:1px solid #CCCCCC;
	margin:10px 0 10px 0 ;
	padding:10px;
}
.certificate-handler label{
	 color: #0060FF;
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 6px;
    padding: 0 25px 0 0;
	}

@media screen and (max-width:767px){
	#colleft,#colright{    max-width: 100%;
    height: initial;
    width: 100%!important;
    padding: 22px;
    box-sizing: border-box;
    margin: 4px 0px;}
	#tbanner img{max-width:100%;}
	.handler_frst{width:100%!important;}
}