/******************************************************************/
/******************* GUTTERS **************************************/
/******************************************************************/
body
{
	background: url('../img/gutter_left.gif') repeat-y top left;
}

#gutters {
	background: url('../img/gutter_right.gif') repeat-y top right;
	position: relative;
	min-width: 873px;
	min-height: 100%;
	height: 1850px;	
}

#gutter_lefttop {
	position: absolute;
	top: 0px;
	left: 0px;
	background: url("../img/gutter_lefttop_image.gif") no-repeat top left;
	height: 307px;
	width: 24px;
}

#gutter_righttop {
	position: absolute;
	top: 0px;
	right: 0px;
	background: url("../img/gutter_righttop_image.gif") no-repeat top right;
	height: 307px;
	width: 24px;
}

* html #gutters {
	height: 100%;
}

#pageWrapper
{
	margin-left: 24px;
	margin-right: 24px;
	min-width: 825px; /* min-width=gutters min-width -(left margin+right margin) */
					  /* IE doens't understand this property */
	width: auto;
}


html {
	overflow-y: scroll;
}

body {
	height: 100%;
}

html {
	height: 100%;
}
body
{
	margin: 0;
}

#gutters {
	min-height: 100%;
}

#pageWrapper
{
	min-width: 873px; /* IE doens't understand this property */
	width: auto;
}

* html #pageWrapper
{
	word-wrap: break-word;	/* invalid CSS but keeps IE from breaking 
				   horribly under narrow viewports */
}
#masthead
{
	background-image: url('../img/header_right_endcap.gif');
	background-position: top right;
	background-repeat: no-repeat;
	border-style: solid;
	border-width: 0 0 0px 0;
	color:#FFFFFF;
}

.access 
{
left:-3000px;
position:absolute;
width:500px;
}

#header {
	background:transparent url(../img/header_tile.gif) repeat-x scroll 0%;
	height:30px;
	padding-right:2px;
}

#header-links {
	float:right;
	height:100%;
	padding-right:6px;
}

#site-title {
	background-image:url(../img/logo.gif);
	background-repeat:repeat-x;
	height:41px;
}

#header-links a {
	color:#FFFFFF;
}

#header-links td {
	color:#FFFFFF;
	font-size:11px;
}


/******************************************************************************/
/*************************  FOOTER STYLES *************************************/
/******************************************************************************/

.footer-left {
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0 0 10px 10px;	
}

.footer-right {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0 10px 10px 0;
}

.footer-center {
}

.footer-center table {
	margin: 0 auto;
	height: 50px;
}

.footer-center td {
	text-align: center;
	font-size: 11px;
	color: #666;
	height: 20px;
	vertical-align: bottom;
	padding-bottom: 11px;
}

#footer {
	margin-left:24px;
	margin-right:24px;
	height:50px;
	margin:-50px 0pt 0pt;
	position:relative;
}

#foot{
	float: left;
	display: block;
	text-align: left;
	margin: 5pt 0pt 0pt 34px;
	padding: 0pt;
	width: 100%;	
}


/******************** Transparent Image Style for Accessbility Label ********/
.transparentImage {
	max-width: 0px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}


/************************************************************************/
/****************** GLOBAL STYLES **************************************/
/************************************************************************/
.shortComment	{
	color:#000;
	font-family:tahoma, verdana, arial, sans-serif;
	font-size: 11px;
}

h5	{
	color:#000;
	font-family:tahoma, verdana, arial, sans-serif;
	font-size: 11px;
}

h4	{
	color:#000;
	font-family:tahoma, verdana, arial, sans-serif;
	font-size: 11px;
}

h3	{
	color:#000;
	font-family:tahoma, verdana, arial, sans-serif;
	font-size: 11px;
}

.h2	{
	color:#000;
	font-family:tahoma, verdana, arial, sans-serif;
	font-size: 11px;
}

h2	{
	color:#000;
	font-family:tahoma, verdana, arial, sans-serif;
	font-size: 11px;
}

h1	{
	color:#000;
	font-family:tahoma, verdana, arial, sans-serif;
	font-size: 11px;
}

select	{
	color:#000;
	font-family:tahoma, verdana, arial, sans-serif;
	font-size: 11px;
}

option	{
	color:#000;
	font-family:tahoma, verdana, arial, sans-serif;
	font-size: 11px;
}

textarea	{
	color:#000;
	font-family:tahoma, verdana, arial, sans-serif;
	font-size: 11px;
}

input	{
	color:#000;
	font-family:tahoma, verdana, arial, sans-serif;
	font-size: 11px;
}

blockquote	{
	color:#000;
	font-family:tahoma, verdana, arial, sans-serif;
	font-size: 11px;
}

dt	{
	color:#000;
	font-family:tahoma, verdana, arial, sans-serif;
	font-size: 11px;
}

dl	{
	color:#000;
	font-family:tahoma, verdana, arial, sans-serif;
	font-size: 11px;
}

caption {
	color: #00738A;
	font-weight: bold;
	font-size: 14px;
	margin-top: 5px;
}

th	{
	color:#000;
	font-family:tahoma, verdana, arial, sans-serif;
	font-size: 11px;
	text-align:center;
}

td	{
	color:#000;
	font-family:tahoma, verdana, arial, sans-serif;
	font-size: 11px;
}

li	{
	color:#000;
	font-family:tahoma, verdana, arial, sans-serif;
	font-size: 11px;
}

ol	{
	color:#000;
	font-family:tahoma, verdana, arial, sans-serif;
	font-size: 11px;
}

ul	{
	color:#000;
	font-family:tahoma, verdana, arial, sans-serif;
	font-size: 11px;
}

p	{
	color:#000;
	font-family:tahoma, verdana, arial, sans-serif;
	font-size: 11px;
}

body	{
	color:#000;
	font-family:tahoma, verdana, arial, sans-serif;
	font-size: 11px;
}

html	{
	color:#000;
	font-family:tahoma, verdana, arial, sans-serif;
	font-size: 11px;
}

a:visited {
	color: #316ac5;
	text-decoration: none;
}

a {
	color: #316ac5;
	text-decoration: none;
}
/* hover has to be define after visited for hover to take precendent 
when link is visited and hover*/
a:hover {
	color: #c3a754;
	text-decoration: underline;
}

/* ------- header treatments ------- */
h6 {margin:0; padding:0;}
h5 {margin:0; padding:0;}
h4 {margin:0; padding:0;}
h3 {margin:0; padding:0;}
.h2 {margin:0; padding:0;}
h2 {margin:0; padding:0;}
h1 {margin:0; padding:0;}
h1	{font-size:15px; font-weight: bold; margin-bottom: 7px;}
h1 {
	color:#58907d;
}
.h1Color {
	color:#58907d;
}
#breadcrumbs h1 {
	display: inline;
	margin-bottom: 0px;
	padding-top: 2px;
}
.h2	{font-size:14px; font-weight: bold; margin-bottom: 7px;}
h2	{font-size:14px; font-weight: bold; margin-bottom: 7px;}
h2 {
	color: #00738A;
}

.h2 {
	color: #00738A;
}

h6 {
	color:#666;
}

h5 {
	color:#666;
}

h4 {
	color:#666;
}

.titlePrefix {
	color: #838184;
}


h1.label {
	color: #838184;
}


/***************************************
*** Begin displayTable styles
*** displayTable is used throughout product
*** (Search results, artifacts, metrics)
****************************************/
table.displayTable {
	border: 1px solid #9bb0b9;
}



/* Style for HR replacement */
span.hr {
	height: 1px;
	max-height: 1px;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 5px;
	margin-bottom: 5px;
}


div.hr {
	height: 1px;
	max-height: 1px;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 5px;
	margin-bottom: 5px;
}


/******************************************************************/
/******************* Navigation ***********************************/
/******************************************************************/
#navigation {
	background-image:url(../img/tab-nav-bg.gif);
	background-position:left top;
	background-repeat:repeat-x;
	border:medium none;
	position:relative;
	z-index:200;
}

#navigation ul.level1 li.active {
	background:transparent url(../img/tab-nav-active-right.gif) no-repeat scroll right top;
	border:medium none;
	font-weight:bold;
}
#navigation ul.level1 li {
	float:left;
	margin:0px;
	padding:4px 10px 5px;
	white-space:nowrap;
}
#navigation ul.level1 li {
	background:transparent url(../img/tab-nav-separator.gif) no-repeat scroll right center;
}
#navigation ul {
	font-size:11px;
	line-height:16px;
	list-style-type:none;
}
#navigation a {
	color:#000000;
	font-size:11px;
	text-decoration:none;
}

/******************************************************************/
/******************* Globals **************************************/
/******************************************************************/

#logodiv {
	display: block; 
	float: left; 
	margin:6pt 34pt 0pt 34px;
	position:relative;	
}

#logodiv td {
	font-size:small;
}

.genDetailsHeader {
	color: #00738A;
	font-size: 16px;
	font-weight:bold;
	
}

.content {
	position: relative;
	float: left;
	display: block;
	text-align: left;
	margin: 400px 0px 0px -150px;
}


/******************************************************************/
/******************* Product **************************************/
/******************************************************************/
#products {
	float:left;	
	display:block;
	text-align:left;	
	margin:20px 0px 0px 0px;
	
}

.custProduct {
	float: right;
	border: 1px solid #CCCCCC;
	display: block;
	text-align: left;
	margin-top: 5pt;
	padding: 0pt;
	width: 350px;	
}

.custProduct-detail {	
	width:200px;
	padding:5px;
	float:right;
	margin: 0;
}

.custProduct-purchase {
	padding:10px;
	width:320px;
	float:left;
	margin:0;
}


.product {
	float: left;
	border: 1px solid #CCCCCC;
	display: block;
	text-align: left;
	margin: 5pt 0pt 0pt 34px;
	padding: 0pt;
	width: 600px;	
}

.product-detail {	
	width:260px;
	padding:10px;
	float:left;
	margin: 0;
}

.product-purchase {
	padding:10px;
	width:260px;
	float:left;
	margin:0;
}

.custom {
	clip: rect(auto, auto, auto, auto);
	left: 150px;
	top: 50px;
	right: 20px;
	z-index: 0;
	float: right;
	padding:30px;
}



/******************************************************************/
/******************* Product **************************************/
/******************************************************************/

.contactc {
	position: relative; 
	float: right; 
	display: block; 
	margin-right: 40px; 
	font-style: italic; 
	margin-top: 100px;	
}

.contactc th {
	border-bottom-style: solid; 
	border-bottom-width: thin; 
	font-size: large;
	height: 46px;
	color: #666;
}
.contactc td {	
	font-size: small;
	color: #666;
}

/******************************************************************/
/******************* General **************************************/
/******************************************************************/