body { margin: 0; padding: 0; font-size: 100.01%; font-family: Arial, Helvetica, sans-serif;}

img { border: none; margin: 0; padding: 0;}

a img { border: none;}

div,form,p,h1,h2,h3,h4,h5,hr,ul,li,dl,dd,dt,ol,object,param
{ margin: 0; padding: 0;}

/******************************/
/****** MAIN STRUCTURE *******/
/****************************/
#container { width: 756px;}

#wrapper { background-image: url(bg.gif); background-repeat: repeat-y;}

sup	{
	line-height: 0.7em;
	font-size: 0.8em;
	margin: -0.2em 0 0 0;
	}

/* top nav
-------------------------------------- */
#top-nav { width: 756px; height: 22px; font-size: 65%;}

#top-nav ul { width: 756px; margin: 0; padding: 0; list-style-type: none;}

#top-nav li { color: #014A8E; float: left; border-right: 1px solid #014A8E; border-bottom: 1px solid #014A8E; padding: 5px 0 5px 0;}

#top-nav li a, #top-nav li a:visited { color: #014A8E; text-decoration: none; padding-right: 17px; padding-left: 16px; padding-bottom: 5px; padding-top: 5px; /*padding: 5px 8px 5px 8px;*/}
#top-nav li a:hover { color: #ffffff; text-decoration: none; background-color: #014A8E;}

#top-nav li.on { color: #ffffff; text-decoration: none; background-color: #014A8E; padding-right: 17px; padding-left: 16px; padding-bottom: 5px; padding-top: 5px; /*padding: 5px 8px 5px 8px;*/}


	
/* Styles for Nav width - 20-03-06 */
@media all {
.last a { margin-right: 7px;}	
}
html>body .last a { margin-right: 16px;}
/* Styles for Nav width - 20-03-06 */


/* header
-------------------------------------- */	

#header { width: 756px; padding: 0; margin: 0;}
	#top-img { float: right; position: relative; width: 609px;}
	#logo { float: left; position: relative; width: 147px;}
	
#mid-panel { display: block; width: 756px; height: 110px; padding: 0; margin: 0;}

#bott-panel-twocols { width: 347px; float: right; position: relative;}

#bott-panel-col2 { float: left; position: relative; width: 190px; padding: 0; margin: 0;}

	#latestnews { height: 186px;}
	/* Hide from IE-Mac \*/
	#latestnews { height: 196px;}
	/* End hide */
	#latestnews h1 { padding: 86px 0 5px 5px; font-size: 70%; font-weight: bold;}
	#latestnews p { font-size: 70%; padding: 0 5px 10px 5px;}
	#latestnews-contentbg { background-image:  url(images/bg-news.jpg); border-right: 1px solid #ffffff; background-position: top left; background-repeat: no-repeat;}
	
	#latestnews a, .latestnews a:visited { color: #000000; text-decoration: underline;}
	#latestnews a:hover { color: #000000; text-decoration: underline;}

	
#bott-panel-col3 { width: 157px; float: right; position: relative;}

	#latestoffers { height: 240px; background-color: #99B7D1; padding: 5px;}
	#latestoffers h1 { font-size: 70%; font-weight: bold;}
	#latestoffers p { font-size: 70%; padding-bottom: 15px;}
	
#bott-panel-col1 { float: left; position: relative; width: 409px; }

/*********************************/
/* other page layout styles */
/*********************************/
#twocols { width: 609px; float: right; position: relative;}

#leftcol { float: left; position: relative; width: 147px; padding: 0; margin: 0;}

#maincol { float: left; display: inline; position: relative; width: 452px; padding: 0; margin: 0;}
	#pageheader { width: 452px; height: 103px; background-color: #004A8D;}
	#pageheader h1 { font-size: 100%; color: #ffffff; padding: 75px 0 0 10px;}
	
#rightcol { float: right; position: relative; width: 157px; padding: 0; margin: 0;}
	#downloads { width: 157px; padding: 0; margin: 0; font-size: 70%; background-color: #99B7D1;}
	#downloads p { padding: 8px; border-bottom: 1px solid #ffffff;}
	#downloads p.header { padding: 5px; background-color: #014A8E; border-bottom: 1px solid #ffffff;color: #ffffff; font-weight:bold;}
	#downloads p.subheader { padding: 5px; background-color: #5E8CB7; border-bottom: 1px solid #ffffff;color: #ffffff;}
	#downloads a { color:#000000; text-decoration: none;}
	#downloads a:hover { color:#000000; text-decoration: underline; border: none;}
	#downloads img { vertical-align: middle; padding-right: 4px;}

#footer-hp { color: #004A8D; font-size: 70%; padding: 10px 0 0 15px;}
#footer-hp a, #footer-hp a:visited { color: #004A8D; text-decoration: none;}
#footer-hp a:hover { color: #004A8D; text-decoration: none;}

#footer { width: 756px; font-size: 70%;}
#footer p { color: #ffffff; padding: 3px 0 0 10px;}
#footer a, #footer a:visited { color: #ffffff; text-decoration: none;}
#footer a:hover { color: #ffffff; text-decoration: none;}

#footer-twocols { width: 609px; float: right; position: relative; clear: both; }
#footer-col1 { float: left; position: relative; width: 147px; height: 20px;}
#footer-col2 { float: left; display: inline; position: relative; width: 450px; height: 20px; background-color: #014A8E; border-left: 1px solid #fff; border-right: 1px solid #fff;}
#footer-col3 { float: right; position: relative; width: 157px; height: 20px;}

#content-box { width: 395px; height: 108px; padding-bottom: 20px;}
#boxcol1 { float: left; display: inline; width: 100px;}
#boxcol2 {float: right; width: 265px; height: 88px; background-color: #99B7D1; padding: 10px;}

/* CONTACT PAGE & NEWS STYLES*/
#contact-width {}
#contact-leftcol { float: left; width: 425px; margin:0; padding:0;}
#contact-maincol { float: right; width: 223px; margin:0;}
#contact-maincol img { padding-top: 20px;}
#logo { float: left; position: relative; width: 147px; height: 103px; background-color: #FFFFFF;}

.wrapper-news { width: 395px; padding-bottom: 20px;}
.news-list-col1 { float: left; width: 114px; margin: 0; padding-right: 2px;}
.news-list-col2 { float: right; display: inline; width: 269px; margin: 0; padding-right: 10px;}
/*********************************/
/* end - other page layout styles */
/*********************************/

/*****************************/
/****** LEFT NAVIGATION *******/
/*****************************/
#nav { width: 147px; color: #fff; background-color: #014A8E;}

#nav p { color: #fff; margin: 0; border-bottom: 1px solid #fff; font-size: 70%;}
#nav p.extend { background-color: #014A8E; color: #ffffff; }
	#nav p a { width: 142px; min-height: 18px; padding: 4px 0 2px 0; padding-left: 5px; text-decoration: none; color: #fff; display: block; background-color: #014A8E; margin: 0; }
	#nav p a:hover { padding: 4px 0 2px 0; padding-left: 5px; color: #fff; background-color: #99B7D1;}
	
	#nav .on { padding: 4px 0 2px 0; padding-left: 5px; min-height: 18px; color: #fff; background-color: #99B7D1;}

#nav ul { display: none; margin: 0; padding: 0; list-style: none; background-color: #5E8CB7;}
#nav ul li { border-bottom: 1px solid #fff;}

#nav ul li a { min-height: 18px; padding: 4px 0 2px 10px; text-decoration: none; color: #ffffff; display: block; font-size: 65%; margin: 0;}
#nav ul li a:hover { min-height: 18px; padding: 4px 0 2px 10px; text-decoration: none; color: #014A8E; display: block; font-size: 65%; margin: 0; background-image:  url(images/arrow.gif); background-position: 2px 7px; background-repeat: no-repeat;}
/***********************************/
/****** LEFT NAVIGATION - END *******/
/***********************************

/*****************************/
/****** PRODUCT OVERVIEW NAVIGATION *******/
/*****************************/



.pview { width: 142px; color: #fff; background-color: #014A8E; margin: 0; border-bottom: 1px solid #fff; font-size: 70%; min-height: 18px; padding: 4px 0 2px 5px;text-decoration: none; display: block; }

/*a.pview:active, a.pview:hover  { padding: 4px 0 2px 0; padding-left: 5px; color: #fff; background-color: #99B7D1;}*/

.highlighted{ width: 142px; color: #fff; background-color: #99B7D1; margin: 0; border-bottom: 1px solid #fff; font-size: 70%; min-height: 18px; padding: 4px 0 2px 5px;text-decoration: none; display: block;}

.hide{
 display: none;
 }
 
 .show{
 display: block;
 }

.submenu { width: 137px; min-height: 18px; padding: 4px 0 2px 10px; border-bottom: 1px solid #fff; text-decoration: none; display: block; color: #ffffff;background-color: #5E8CB7; font-size: 65%;}

a.submenu:active, a.submenu:hover { min-height: 18px; display: block; color: #014A8E; font-size: 65%;}


/***********************************/
/****** PRODUCT OVERVIEW - END *******/
/***********************************

/*********************************/
/**** HOMEPAGE CONTENT STYLES ****/
/*********************************/
#content { width: 412px; color: #000000; padding: 20px; overflow-y: scroll; overflow-x: hidden; height: 640px; }
	.content-otherpages p { padding-left: 50px; clear: both;}

#content p { font-size: 80%; line-height: 16px; padding-bottom: 10px;}
#content table.standard	{
	width: 400px;
	margin: 0.6em 0;
	border-collapse: collapse;
	}
#content table.standard td, #content table.standard th	{
	font-size: 80%;
	vertical-align: top;
	padding: 3px;
	border: 1px solid #ccc;
	}
#content table.standard th	{
	font-weight: bold;
	background-color: #efefef;
	}
	
#content p.bullet { font-size: 80%; line-height: 16px; padding-bottom: 0;}
#content-contact p { color: #000000; padding: 20px; font-size: 80%; line-height: 16px; padding-bottom: 10px;}
img.pad { padding-right: 10px; padding-bottom: 10px;}
img.pad-icon { padding-right: 5px;}
#content h1 { font-size: 90%; font-weight: bold; padding-bottom: 15px;}
#content h2 { font-size: 80%; font-weight: bold;}
#content ul { font-size: 80%; padding-left: 40px; padding-bottom: 10px;}
#content li { padding-bottom: 0; }
#content li.tb { font-size: 80%; padding:0 0 5px 0;}
html>body #content li { padding-bottom: 2px;}

#content a, .content a:visited { color: #009933; text-decoration: underline;}
#content a:hover { color: #009933; text-decoration: underline;}
/*#content img { padding-right: 10px; padding-bottom: 10px;}*/
/*#content img { float: right;}/


/***************************************/
/**** HOMEPAGE CONTENT STYLES - END ****/
/**************************************/

/*********************************/
/****** ADDITIONAL STYLES *******/
/*******************************/
.clearfix:after { content: "."; clear: both; height: 0; visibility: hidden; display: block;}

.clearfix { display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End hide from IE-mac */

.skip { display: none;}


/* PRINTER STYLES IF REQUIRED */
@media print{ 
/*hide the left column when printing*/ 
#idname { display: none;} 
}
/* PRINTER STYLES IF REQUIRED */
.search {
	float: left;
	margin-left: 5px;
	margin-top: 10px;
	margin-bottom: 15px;
	border-style: solid;
	border-width: 1px;
	border-color: #004a8d;
	font-family: arial;
	font-size: 12px;
	line-height: 20px;
	vertical-align: middle;	
}

.searchbutton {
	float: right;
	margin-top: 9px;
	margin-right: 5px;
	line-height: 20px;
	vertical-align: middle;
}
#contentn h1 { font-size: 90%; font-weight: bold; padding-bottom: 15px;}
#contentn h2 { font-size: 80%; font-weight: bold;}
/*#contentn h3 { font-size: 80%; font-weight: bold;}*/
#contentn { margin-top: -30px; color: #000000; padding: 20px; clear: both; }
#contentn p { font-size: 80%; line-height: 16px; padding-bottom: 10px;}
.news-list-col3 { float: left; width: 160px; margin: 0; padding-right: 10px;}
.news-list-col4 { float: right; width: 160px; margin: 0; padding-right: 10px;}

.onecol { float: left; width: 130px; margin-right: 5px; height: auto; clear: both; }
.twocol { float: left; width: 130px; margin-right: 5px; height: auto; }
.threecol { float: left; width: 130px; margin-bottom: 8px; height: auto; }
.rowof { width: 400px; height: auto; clear: both; }
.sitemap { color:#004a8c; margin-top: 9px; margin-right: 2px; font-size: 11px; text-decoration: none; text-align: right;}
.sitemap img {display: inline; vertical-align: middle;}
.sitemap a { color:#004a8c; margin-top: 9px; margin-right: 2px; font-size: 11px; text-decoration: none; text-align: left;}