/* Begin global styles */
body 
{
	background: #ffffff url(/images_new/background.jpg) repeat-x top left;
	color: #084868;
	font-family: Verdana,Arial,helvetica;
	font-size: .75em;
	line-height: 1.3em;
}

a, div, p, td, li, .doColor {color: #084868; text-decoration: none;}
a:hover {text-decoration: underline;}
sup {font-size: 65%; vertical-align: text-top;}

.doColorLight {color: #74bde1;}
.doColorDark {color: #084868;}
.doColorGray {color: #9ea6a9;}
.doError	{color: red;}

p	{margin-bottom: 1.5em;}

ul.inline li 
{
	display: -moz-inline-stack;
	display: inline-block;
	*display: inline;
	 }

h1
{	
	font-weight: normal;
	font-size: 2.7em;
	line-height: 100%;
	margin: 0 0 5px 0;
	}

h2	
{
	font-weight: bold;
	font-size: 1.2em;
	margin: 0 0 5px 0;
	}


.header h1 
{
	position: absolute;
	top: 123px;
	left: 24px;	
	}


.column {float: left;}	
.columnRight {float: right;}	
.newLine {clear: both;}
.centered {text-align: center;}
.showBorder {border: 1px solid red;}

input.btn, input.btnHover  
{
	padding: 3px;
	  color:#ffffff; 
	  font-size: .9em;
	  /*font: bold 84% 'trebuchet ms',helvetica,sans-serif; */
	  background-color:#084868; 
	  border: 1px solid; 
	  border-color: #084868; 
	  filter:progid:DXImageTransform.Microsoft.Gradient  (GradientType=0,StartColorStr='#084868',EndColorStr='#084868'); 
	} 
input.btnHover {cursor: hand; cursor: pointer; border-color: #ffffff;}	

.validationErrors
{
	border: 1px solid red;
	background-color: #f0f0f0;
	padding: 5px;
	margin: 10px auto;
	width: 70%;
	color: red;
	}
.validationErrors li
{
	color: red;}	

#mainContainer 
{
	/*width: 940px;*/
	width: 931px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	}
/* End global styles */

/* Logo & login area */
#mastHead
{
	width: 927px;
	margin: 20px 0;
	}


#globalLogin 
{
	margin: 10px 0 0 0;
	padding-right: 20px;
	font-size: .9em;
	line-height: 1.1em;	
	}
#globalLogin p {margin-bottom: 3px;}	

#loginFields 
{
	background-color: #bccfda;
	padding: 7px;
	}

#loginFields input
{
	border: none;	
	}
			
#loginFields #blkUserName
{
	background: url(/images_new/username_bg.png) no-repeat 0 0; 
	height: 28px; 
	width: 208px; 
	padding: 4px 0 0 5px;
	}
#loginFields #blkPassword
{
	background: url(/images_new/password_bg.png) no-repeat 0 0; 
	height: 28px; 
	width: 154px; 
	padding: 4px 0 0 5px;
	}	

/* Left navigation */

#leftPane 
{
	float: left;
	width: 224px;
	}
	
div.boxTop
{
	background: url(/images_new/sidebox_top.png) no-repeat 0 0;
	height: 20px;
	}
div.boxBody
{
	background: url(/images_new/sidebox_bg.png) repeat-y 0 0;
	padding: 12px 17px;
	color: #74bde1;
	font-size: .9em;
	height: 100%;	/* ie6 */
	}
div.boxBottom
{
	background: url(/images_new/sidebox_bottom.png) no-repeat 0 0;
	height: 20px;
	}	
.featureBox 
{
	margin: 0 0 15px 0;
	}
	
ul.leftNavLinks
{
	font-size: .9em;
	font-weight: bold;}	
ul.leftNavLinks li
{
	margin-bottom: 4px;
	}	
h4.subHead
{
	font-size: .85em;
	font-weight: bold;
	margin-bottom: 5px;
	}

.leftNavLinks a, .leftNavList li
{
	color: #74bde1;
	font-size: 1.2em;
	text-decoration: none;	
	}
.leftNavLinks a:hover
{
	text-decoration: underline;	
	}	

/* Main Content Styles */	
#bodyPane 
{
	float: left;
	/*width: 716px;*/
	width: 687px;
	margin: 0 0 0 20px;
	}
#bodyPane div.boxTop
{
	background: url(/images_new/mainbox_top.png) no-repeat 0 0;
	height: 20px;
	}
#bodyPane div.boxBodyPlain
{	
	background: url(/images_new/mainbox_bg.png) repeat-y 0 0;
	padding: 0;
	height: 100%;
	}

#bodyPane div.boxBody
{	
	background: url(/images_new/mainbox_bg.png) repeat-y 0 0;
	min-height: 600px;
	padding: 12px 0 12px 34px;
	font-size: .9em;
	
	}
#bodyPane div.boxBottom
{
	background: url(/images_new/mainbox_bottom.png) no-repeat 0 0;
	height: 20px;
	}

/* page header */
div.headerBar
{
	background: url(/images_new/header_bar_bg.jpg) repeat-x 15px 0px;
	width: 665px;
	height: 45px;
	color: #ffffff;
	font-weight: bold;
	text-align: right;
	padding: 12px 10px 0 0;
	margin: 0 0 0 6px;
	}

div.introParagraph .col1
{
	width: 370px
	}		
div.introParagraph .col2
{
	width: 250px
	}			
	
/* home page product list */	
ul.productList
{
	width: 320px;	
	}	

ul.productList li
{
	background: url(/images_new/corner_graphic.png) no-repeat 0 0;
	padding: 21px 0 0 0;	
	height: 140px;
	}
.productList .column
{
	float: left;
	display: block;
	width: 155px;
	/*border: 1px solid green;*/
	}	
.productList .productImage
{
	text-align: center;
	}					
.productList .productText
{
	padding: 0 10px 0 0;
	}
.productList a {position: relative; text-decoration: none;}	

/* Product Page */
.productInfo {margin: 10px 0 0 8px; line-height: 1.6em;}
.productInfo .header {margin: 0 0 30px 0;}
.productInfo .introText {width: 570px;}
.productInfo .col1 
{
	width: 152px;}
.productInfo .col2 
{
	width: 420px;
	margin-left: 33px;}

/* Footer area */		
.footer
{
	margin: 20px 0 0 0;
	font-family: Arial,helvetica;
	text-decoration: none;
	width: 670px;
	text-align: center;
	font-size: .95em;
	line-height: 1.1em;
	}
.copyright 
{
	margin: 10px 0 0 0;
	}		

/* Forms */
.form label 
{
	clear: both; 
	float: left;
	width: 150px; 
	text-align: right;
	margin: 0 5px 0 0;
	}
.form label.req {font-weight: bold; } 
.form input, .formTextArea {float: left; margin: 0 0 5px 0; width: 345px;}
.form .shortField {width: 40px; margin: 0 10px 5px 0;}

#loginForm input {float: left; margin: 0 0 5px 0; width: 150px;}