/*--------------------------------------------------------
 overal positioning for the page
---------------------------------------------------------*/
.pagecenter { vertical-align: top; text-align: center; margin: 0; margin-bottom: 0px;}

#divpagecenter {vertical-align: top; text-align: center; margin-left: auto; margin-right: auto;}

#footer {width: 100%; margin-left: auto; margin-right: auto; text-align: center; vertical-align: top; position: relative; float: left; clear: both; margin-top: 50px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; color: #ffffff; bottom: 10px; margin-bottom: 10px;}
    
    
/*--------------------------------------------------------
 content overall text plane style
---------------------------------------------------------*/

.generalheading { background: #ffffff; text-align:center; font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size: 12px; line-height: 18px; color: #ffffff;}
.generalsub { text-align:left; font-family: Arial, Helvetica, sans-serif; font-style:italic; font-size: 12px; line-height: 18px; color: #225992;}
.generalcopy { width:342px; text-align:justify; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; color: #000000;}

#general h1 { text-align:left; font-family: Arial, Helvetica, sans-serif; font-style:italic; font-size: 12px; line-height: 18px; color: #225992; }

body { background: #01164c; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; color: #333333; }
a {text-align:left; font-size:11px; font-family:Arial, Helvetica, sans-serif;cursor: auto}
a:link {color: #7ba7d3;}
a:visited {color:#c4c4c4;}
a:hover {text-decoration: none; color: #000000;}
a:active {color: #7ba7d3;text-decoration: none}

/*--------------------------------------------------------
 Top menu plane Rounded Corner Pannels
---------------------------------------------------------*/
.mainholder {position: relative; float: left; clear: both; width: 100%; height: 100%; margin-left: auto; margin-right: auto; text-align: center;}

.menurbroundbox { background:url('/images/corners/bnt.gif')  ; background-repeat: repeat; background-position: left top; position: relative; float: left; clear: both; width: 685px; height: 100%; margin: 10px 5px 0px 0px; text-align: center; left: 0px; top: 0px; }

.menurbtop div { background: url('/images/corners/btl.gif')  ; background-repeat: no-repeat; background-position: left top; vertical-align: top; height: 10px; text-align: center; }

.menurbtop { background: url('/images/corners/btr.gif')  ; background-repeat: no-repeat; background-position: right top; vertical-align: top; height: 10px; text-align: center; }

.menurbbot div { background: url('/images/corners/bbl.gif')  ; background-repeat: no-repeat; background-position: left bottom; }

.menurbbot { background: url('/images/corners/bbr.gif') ; background-repeat: no-repeat; background-position: right bottom; }

.menurbcontent { margin: 0 0px; }

/*--------------------------------------------------------
 Righthand active plane Rounded Corner Pannels
---------------------------------------------------------*/
.activerbroundbox { background: url('/images/corners/gnt.gif') ;background-repeat: repeat; vertical-align: top; position: relative; float: left; clear: right; width: 290px; height: 100%; margin-top: -321px; }

.activerbbot { background: url('/images/corners/gbr.gif') ; background-repeat: no-repeat; background-position: right bottom; }

.activerbcontent { margin: 0 0px; }

/*--------------------------------------------------------
 Content bottom plane Rounded Corner Pannel
---------------------------------------------------------*/
.contrbroundbox { background: url('/images/corners/nt.gif'); background-repeat: repeat; background-position: left bottom;}

.contrbbot div { background: url('/images/corners/bl.gif') ; background-repeat: no-repeat; background-position: left bottom; }

.contrbcontent { margin: 0 0px; background-color: #ffffff; position: relative; float: left; clear: both; width: 685px; margin-right: 6px;}


/*--------------------------------------------------------
 Product section 
---------------------------------------------------------*/
#credit {width: 172px; height: 278px; vertical-align: bottom; text-align: center; position: relative; float: left; clear: both; margin-top: 6px;}
.credit { background-position: left top; display: block; width: 172px; height: 278px; background: url('/images/product/credit.jpg') 0 0 no-repeat; text-decoration: none; }

#web {width: 171px; height: 278px; vertical-align: bottom; text-align: center; position: relative; float: left; clear: both; margin-top: -278px; margin-left: 172px;}
.web { background-position: left top; display: block; width: 171px; height: 278px; text-decoration: none; top: 0px; background-image: url('/images/product/web.jpg'); background-repeat: no-repeat;}

#passport {width: 170px; height: 278px; vertical-align: bottom; text-align: center; position: relative; float: left; clear: both; margin-top: -278px; margin-left: 343px;}
.passport { background-position: left top; display: block; width: 170px; height: 278px; background: url('/images/product/passport.jpg') ; background-repeat: no-repeat; text-decoration: none;}

#product {width: 172px; height: 278px; vertical-align: bottom; text-align: center; position: relative; float: left; clear: both; margin-top: -278px; margin-left: 513px;}
.product { background-position: left top; display: block; width: 172px; height: 278px; background: url('/images/product/product.jpg') ;background-repeat: no-repeat; text-decoration: none;}

.productheading { text-align: center; font-family: Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#ffe401;}

.productcopy { text-align: center; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff;}

.prodreadmore {  text-decoration:none; cursor:pointer; text-align:right; font-family: Arial, Helvetica, sans-serif, Sans-Serif; font-size:12px; color:#4e89cd;}

.prodreadmore:hover { cursor:pointer; text-align:right; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#ffe401;}

/*--------------------------------------------------------
 Footer copyright
---------------------------------------------------------*/

.tablecopyright { width:982px;}

.copyright { text-align: center; font-family: Arial, Helvetica, sans-serif; font-size:10px; color:#ffffff; padding-top: 10px; }

/*--------------------------------------------------------
 Active right column
---------------------------------------------------------*/

.activebgd { display: block; background: url('/images/corners/straightbar.gif') ;background-repeat: repeat; background-position: left top;}

/*--------------------------------------------------------
 Home Page Table layout for content
---------------------------------------------------------*/

#hor-minimalist-a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; background: #ffffff; padding: 0px 10px 0px 10px; border-collapse: collapse; text-align: justify; vertical-align:top; height: 150px;}
#hor-minimalist-a th {font-size: 12px; font-weight: bold; color: #6678b1; border-bottom: 2px solid #6678b1; text-align: left; vertical-align: top; top: 0px;}
#hor-minimalist-a td { vertical-align:top; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; width: 324px;}

#hor-minimalist-b { font-family: Arial, Helvetica, sans-serif; font-size: 11px; background: #fff; width: 670px; border-collapse: collapse; text-align: justify; padding-top:10px; }
#hor-minimalist-b th { font-size: 12px; font-weight: bold; color: #6678b1; padding: 5px 5px; border-bottom: 2px solid #6678b1; text-align: left; vertical-align: top;}
#hor-minimalist-b td { color: #000000; padding-top:10px; }

#hor-minimalist-c { font-family: Arial, Helvetica, sans-serif; font-size: 11px; background: #ffffff; padding: 0px 10px 0px 10px; border-collapse: collapse; text-align: justify; vertical-align:top; height: 150px;}
#hor-minimalist-c th { font-size: 12px; font-weight: bold; color: #6678b1; border-bottom: 2px solid #6678b1; text-align: left; vertical-align: top; top: 0px;}
#hor-minimalist-c td { vertical-align:top; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; width: 648px; }

#hor-minimalist-d { font-family: Arial, Helvetica, sans-serif; font-size: 11px; background: #ffffff; padding: 0px 10px 0px 10px; border-collapse: collapse; text-align: justify; vertical-align:top; height: 150px;}
#hor-minimalist-d th { font-size: 12px; font-weight: bold; color: #6678b1; border-bottom: 2px solid #6678b1; text-align: left; vertical-align: top; top: 0px;}
#hor-minimalist-d td { vertical-align:top; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; width: 316px; }

#hor-minimalist-e { font-family: Arial, Helvetica, sans-serif; font-size: 11px; background: #ffffff; border-collapse: collapse; text-align: left; vertical-align:top; height: 150px;}
#hor-minimalist-e th { font-size: 12px; font-weight: bold; color: #6678b1; border-bottom: 2px solid #6678b1; text-align: left; vertical-align: top;}
#hor-minimalist-e td {vertical-align:top; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; width: 324px; }

#hor-minimalist-f { font-family: Arial, Helvetica, sans-serif; font-size: 11px; background: #fff; border-collapse: collapse; text-align: left; vertical-align:top; width: 155px; }
#hor-minimalist-f th { font-size: 12px; font-weight: bold; color: #6678b1; border-bottom: 2px solid #6678b1; text-align: left; vertical-align: top;}
#hor-minimalist-f td { vertical-align:top; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; width: 155px; line-height: 27px;}

#hor-minimalist-g { font-family: Arial, Helvetica, sans-serif; font-size: 11px; background: #fff; border-collapse:collapse; vertical-align:top; width: 355px; height: 155px;}
#hor-minimalist-g th {font-size: 12px;font-weight: bold;color: #6678b1; text-align: left; vertical-align: top;}
#hor-minimalist-g td {vertical-align:top; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align:center; color: #000000;}

#hor-minimalist-h { font-family: Arial, Helvetica, sans-serif; font-size: 11px; background: #fff; border-collapse:collapse; vertical-align:top; width: 355px;}
#hor-minimalist-h th {font-size: 12px;font-weight: bold;color: #6678b1; }
#hor-minimalist-h td {font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align:left; color: #000000; width: 310px;}
	
.scroll {overflow:auto; width: 685px;height: 200px; margin-bottom: 0px; margin-right: 0px; }

/*--------------------------------------------------------
 News Rightside Table layout
---------------------------------------------------------*/

#hor-news-a { font-family: Arial, Helvetica, sans-serif;font-size: 11px;color:#000000;margin-top: 8px;padding: 5px 5px;width: 258px;border-left: 1px dashed #6678b1;border-collapse: collapse;}

#hor-news-a th { background-image:url(/images/headbgd.jpg); font-size: 12px; font-weight: bold; color: #ffffff; padding: 5px 5px;}

#hor-news-b { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#000000; padding: 5px 5px; width: 240px; text-align: justify; border-left: 1px dashed #6678b1;}

#hor-review-a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#000000; margin-top: 8px; padding: 5px 5px; width: 258px; text-align: left; border-left: 1px dashed #6678b1; border-collapse:collapse;}

#hor-review-a th { background-image:url(/images/headbgd.jpg); font-size: 12px; font-weight: bold; color: #ffffff; padding: 5px 5px;}

#hor-review-b { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#000000; padding: 5px 5px; width: 240px; text-align: left; border-left: 1px dashed #6678b1;}

.newsreadmore { cursor:pointer; color:#054874;}
.scrollnews {overflow:auto; width: 258px; height: 305px;}
.scrollnews th { text-align:center; font-size:12px; font-weight:bold; color:#054874;}



/*--------------------------------------------------------
 Product Pages scrolling and styling
---------------------------------------------------------*/

.productscroll  { overflow:auto; width: 685px; height: 342px; margin-bottom: 0px; margin-right: 0px; }

.navcontentscroll { overflow:auto; width: 685px; height: 343px; margin-bottom: 0px; margin-right: 0px;}

.technicalscroll { overflow:auto; width: 685px; height: 343px; margin-bottom: 0px;  margin-right: 0px;}

.purchasescroll { overflow:auto; width: 685px; height: 342px; margin-bottom: 0px; margin-right: 0px;}

.companyscroll { overflow:auto; width: 685px; height: 343px; margin-bottom: 0px; margin-right: 0px;}

.contactscroll { overflow:auto; width: 685px; height: 342px; margin-bottom: 0px; margin-right: 0px;}



.aokwebscroll { overflow:auto; width: 685px; height: 342px; margin-bottom: 0px; margin-right: 0px; }

.aokidscroll { overflow:auto; width: 685px; height: 342px; margin-bottom: 0px; margin-right: 0px; }

.aokproductscroll { overflow:auto; width: 685px; height: 342px; margin-bottom: 0px; margin-right: 0px;}

.formelement { width: 300px; height: 500px; background-color:#ffffff; line-height: 20px; border-style:none; border-collapse: collapse; margin-right: 38px;}



#formelement size { width:300px;}

#formelement th { width:100px; line-height: 10px; background-color:#ffffff}

#formelement td { width:100px; line-height: 10px; background-color:#ffffff}
    
/*--------------------------------------------------------
 Login screen
---------------------------------------------------------*/    
.login {  vertical-align:top; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; height:100px; width: 200px;}

/*--------------------------------------------------------
 Login Screen hyperlink
---------------------------------------------------------*/

.email {text-align:left; font-size:12px; font-family:Arial, Helvetica, sans-serif; cursor:auto}

.email:link {color: #000000;}
.email:visited {color:#c4c4c4;}
.email:hover {text-decoration: none; color: #7ba7d3;}
.email:active {color: #000000;text-decoration: none}