html, body {
	font-family: Arial, Helvetica, sans-serif;
	background:#CCC;
	color:#333;
	margin:0px;
	padding:0px;
	font-size:90%;
	
}
body {text-align:center;}

/*** common ***/

a, span, div, p, h1, h2, h3, h4, td, li, input, select, option,th,table, label
{
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 1em;
	line-height: 1.2;
}

input, textarea, select
{
	border: 1px solid #cccccc;
	margin: 0px;
}
#loginBox 
{
	margin: 20px 0px 0px 120px;
}
#loginBox input[type=text]
{
	width: 150px;
}
#loginBox input[type=checkbox]
{
	margin-right: 4px;
}
img 
{
	border: none;
}

h1
{
	font-weight: bold;		
	margin: 0px 0px 5px 0px;
	font-size: 1.6em;
	color: #7295A4;
}

h2
{
	font-weight: bold;		
	margin: 0px 0px 5px 0px;
	font-size: 1.5em;
	color: #7295A4;
}

h3
{
	font-weight: bold;		
	margin: 0px 0px 5px 0px;
	font-size: 1.0em;
	color: #7295A4;
}

form {
	margin: 0;
	padding: 0;
}

p {
	margin: 0 0 1em 0;
}

/** common links **/
a, a:visited, a:active, a:link
{
	text-decoration: underline;
	color: #7295A4;
	font-weight: bold;
}
a:hover
{
	text-decoration: none;
	color: #7295A4;
	
}

.arrowLinks
{
	color: #023a81;
	font-size: 1.1em;
}
.bold
{
	font-weight: bold;
}

/** main body - logged on user body **/
#MainBody
{		
	background: url("../images/bg_bar.gif") top left repeat-y; 
	width: 1023px;
	margin:0px auto;	
	text-align: left;	
}

#header .headerLogin label
{
	font-weight: bold;		
	margin: 3px 0px 5px 0px;
	font-size: 1em;
	color: #fff;
	display: block;
}

#header .headerLogin input
{
	float: left;
	font-size: 0.9em;
	margin-right: 3px;
	~margin-right: 0px;
}
#header .headerLogin a
{
	color: #fff;
}

#header .headerLogin
{
	float: right;	
	margin: 3px 5px 0px 0px;
	width: 130px;/* safari needs this */
}
#header .headerContent:after
{
	clear: right;
}
#header .headerContent
{
	background-color: #7295A4; 
}

/** navigation **/

#icomply-nav {
	background: url("../images/bg_topNav.gif") repeat-x;
	clear:both;
	margin:0px;
	height: 24px;	 
}
#icomply-nav ul {
	margin:0px;
	padding:0px;
	height:1%;
	list-style: none;
}
#icomply-nav li {
	float:left;
	overflow:inherit;
	padding:2px 28px 0px 14px;
	white-space:nowrap;	
}
#icomply-nav li a {
	white-space:nowrap;
	display:block;
	padding:4px 0px;
}
#icomply-nav li:hover {
	
}

#icomply-nav a
{
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	/*font-size: 0.8em;*/
	font-size: 10px; /** navigation no need relative size **/
}

#content:after
{
	content: "";
	display: block;
	clear: both;
}

.clrBoth
{	
	clear: both;
}
#content
{
	background: url("../images/content_bar.gif") top left repeat-y;	
}
#header
{	
	margin: 0px 20px 0px 21px;	
	width: 982px;
}
#content
{	
	margin: 0px 20px 0px 21px;		
}

#content .homeContent
{
	background: url("../images/bg_content.gif") top left repeat-x;
	padding: 24px 18px 24px 18px;
	position: relative;
	background-color: #fff;
}
#homeRightPods
{
	position: absolute;
	right:15px;
	top:23px;
	~right:35px;
}
#intro
{
	width: 652px;
}

#latestNews
{
	border: solid 1px #CCCCCC;
	padding: 2px 2px 2px 2px;
	width: 260px;
}
#latestNews table th
{
	background-color: #7295A4;
	color: #fff;
}
#latestNews table td
{
	background-color: #DDEAEB
}
#latestNews table label
{
	color: #7295A4;
	display: block;
	font-weight: bold;
}
#landingPods
{
	border: solid 1px #CCCCCC;
	padding: 20px 3px 10px 0px;
}
#landingPods .podsContent
{
	width: 100%;
}
#landingPods .podsContent:after
{
	content: "";
	display: block;
	clear: both;
}
.podsContainer{
	font-size: 0.9em;
	width: 163px;
	float:left;
	padding-left:12px;

}
#landingInnerPods .podsContainer{ /*only apply for inner page */
	text-align: center;
	padding-bottom: 20px;
	~padding-bottom: 10px;
}

#landingPods .podsContainer label{
	color:#7295A4;
	display: block;
	text-align: left;
}
#landingPods .podsContainer img, #landingInnerPods .podsContainer img
{
	display: block;
	margin-bottom: 5px;
}

#landingProducts
{
	padding: 10px 3px 10px 0px;
}
#landingProducts .prodContent
{
	width: 100%;
}
#landingProducts .prodContent:after
{
	content: "";
	display: block;
	clear: both;
}
#landingProducts .prodContainer{
	font-size: 0.9em;
	width: 163px;
	float:left;
	padding-left:12px;
}

#landingProducts .prodContainer label{
	color:#7295A4;
	display: block;
}
#landingProducts .prodContainer img
{
	display: block;
}

img.homeImage{display: block}

.colLeft {
	width: 158px;
	float: left;			
	min-height: 100%;
	height:100%;
	background-color: #B8CBD1;
	margin: 0px;
	padding: 0px;
	
}
* html .colLeft {
  margin-right: -3px;
  }
 

.colRight {
	margin-left: 158px;
	float: none;
	
}
* html .colRight {
  height: 1%;
  margin-left: 0;
  }	

#midContent{padding: 23px;}

#midContent h1
{
	font-weight: bold;		
	margin: 0px 0px 10px 0px;
	font-size: 1.9em;
	color: #7295A4;
}
#privacyHeader label
{
	font-weight: bold;		
	font-size: 2.0em;
	color: #7295A4;
}
#privacyHeader span
{
	font-weight: normal;		
	font-size: 1.4em;
	color: #7295A4;
}
#midContent h2
{
	font-weight: bold;		
	margin: 0px 0px 13px 0px;
	font-size: 1.2em;
	color: #333;
	border-bottom: solid 1px #333;
}

#midContent h3
{
	font-weight: bold;		
	margin: 0px 0px 3px 0px;
	font-size: 1.0em;
	color: #333;
}

#midContent h4
{
	font-weight: bold;		
	margin: 0px 0px 2px 0px;
	font-size: 0.9em;
	color: #333;
}

#midContent label.intro
{
	font-weight: bold;		
	margin: 0px 0px 10px 0px;
	font-size: 1.0em;
	color: #333;
	display: block;
	font-style: italic;
}

#midContent label.intro span
{
	font-weight: normal;
}

#midContent ul{
	margin:0px;
	padding: 3px;
	list-style-type:none;
} 
#midContent li{
	background:url('../images/bullet.gif') left 5px no-repeat;
	padding: 0px 10px 10px 15px;
}
#midContent ul.custom{
	margin:0px;
	padding: 3px;
	list-style-type:none;
} 
#midContent ul.custom li{
	background:url('../images/bullet.gif') left 5px no-repeat !important;
	padding: 0px 10px 10px 15px;
}
#midContent ul.number{
	margin-left: 15px;
	padding: 3px;
	list-style-type: decimal;
	font-weight: bold;
} 
#midContent ul.number li{
	padding: 0px 10px 10px 15px;
	background: none;
}
#midContent ul.number li div.faqContent{
	font-weight: normal;
}

#midContent ul.shortList{
	margin:0px;
	padding: 3px;
	list-style-type:none;
} 
#midContent ul.shortList li{
	background:url('../images/bullet.gif') left 5px no-repeat !important;
	padding: 0px 10px 1px 15px;
}

.wrapImage
{
	float: left;
	margin: 3px 15px 3px 0px;
}

.smlInput
{
	width: 96px;
	height: 18px;
}

/** left menu navigation **/
#leftMenuNav {
	margin:0px;
	
}
#leftMenuNav ul {
	margin:0px;
	padding:0px;
	list-style: none;
}
#leftMenuNav li {	
	padding-bottom: 1px;
	border-bottom: solid 1px #D7EAF1;
}
#leftMenuNav li span{
	
	display: block;
	border-bottom: solid 1px #97AAB1;
}

#leftMenuNav li a {
	display:block;
	color: #333;
	padding: 4px 10px 4px 10px;
	font-weight: normal;
}
#leftMenuNav li a.sub
{
	padding: 4px 10px 4px 17px;	
	background-image: url('../images/hyphen.gif');
	background-repeat: no-repeat;
	background-position: 10px 10px;
}
#leftMenuNav li a.sub:hover, #leftMenuNav li.active a.sub {		
	background-image: url('../images/hyphen_hover.gif');
	background-repeat: no-repeat;
	background-position: 10px 10px;
}
#leftMenuNav a:hover, #leftMenuNav li a.sub:hover,#leftMenuNav li.active a
{
	background-color: #97AAB1;
}
#leftMenuNav li.active a
{
	font-weight: bold;
}
#leftMenuNav a
{
	text-decoration: none;
	/*font-size: 0.9em;*/
	font-size: 12px;
}

/** Footer **/
#footer
{
	background: url("../images/footer_bg.gif") bottom left no-repeat; 
	height:auto;
	padding: 0px 20px 12px 21px;	
}

#footer .footerContent
{
	padding: 5px 18px 5px 18px;
	background-color: #8E9294;
	font-size: 0.85em;	
}
#footer label, #footer label a
{	
	color: #fff;
	text-decoration: none;
}
#footer label.links
{
	float: right;
}

table.twoCols
{
	width: auto;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;	
}
table.twoCols td
{
	vertical-align: top;
	padding: 0px 20px 20px 0px;
}
table.tblCommon 
{	
	width: auto;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;	
	border: solid 1px #DDEAEB;
}

table.tblCommon th
{
	background-color: #DDEAEB;
	text-align: left;
	color: #496674;
}

table.tblCommon td
{
	background-color: #fff;
	border-top: solid 1px #DDEAEB;
	vertical-align: top;
}
table.tblCommon td.subheading
{
	border-right: solid 1px #DDEAEB;
	font-weight: bold;
}
table.tblCommon td, table.tblCommon th
{
	padding: 5px 5px;
}

.techSpecsPanel
{
	float:left;
	width: 350px;
	margin-right: 20px;
}
table.tblCommon td.footerCell
{
	font-weight: bold;
	background-color: #C8E6F9;
}

#newsListContainer
{
	background-color: #DDEAEB;
}
#newsListContainer .newsList
{
	padding: 10px;
}
#newsListContainer h1
{
	font-size: 1.4em;
}

