/* These are the main color codes used in the site */

.primary-1 { background-color: #0000FF }
.primary-2 { background-color: #404080 }
.primary-3 { background-color: #00004D }
.primary-4 { background-color: #8080FF }
.primary-5 { background-color: #E6E6FF }

.complement-1 { background-color: #FFBF00 }
.complement-2 { background-color: #807040 }
.complement-3 { background-color: #4D3900 }
.complement-4 { background-color: #FFDF80 }
.complement-5 { background-color: #FFF9E6 }

.gray-1 { background-color: #404040 }
.gray-2 { background-color: #808080 }
.gray-3 { background-color: #E6E6E6 }
.gray-4 { background-color: #F0F0F0 }

.text_white { color: white; }


/* Center the content in the web page*/
body
{
   position: relative;
   text-align: center;
   font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}


#content_wrapper h1
{
   font-size: 24px;
   font-variant: small-caps;
   font-weight: bold;
   margin-top: 10px;
}


#content_wrapper a
{
   color: #00004D;
   text-decoration: underline;
}
#content_wrapper a:link
{
   color: #00004D;
   text-decoration: underline;
}
#content_wrapper a:visited
{
   color: #00004D;
   text-decoration: underline;
}
#content_wrapper a:hover
{
   color: #404080;
   text-decoration: underline;
   cursor: pointer;
}
#content_wrapper a:active
{
   color: #404080;
   text-decoration: underline;
   cursor: pointer;
}


.white_link:link
{
   color: #FFFFFF;
   text-decoration: underline;
}
.white_link:visited
{
   color: #F0F0F0;
   text-decoration: underline;
}
.white_link:hover
{
   color: #E6E6E6;
   text-decoration: underline;
}
.white_link:active
{
   color: #E6E6E6;
   text-decoration: underline;
}



#content_wrapper
{
	position: relative;
   margin: 0 auto;
   width: 980px;
   text-align: left;
}

#navbar
{
	width: 980px;
   height: 32px;
   background-image: url('../images/nav_back.png');
   z-index: 500;
}
#navbar li.top_level
{
	position: relative;
	display: block;
	float: left;
	width: 162px;
   height: 32px;
	text-align: center;
	border-left: 1px solid #9090A0;
	font-weight: bold;
	font-size: 14px;
	line-height: 29px;
}
#navbar li.top_level a
{
   font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 14px;
	line-height: 29px;
	text-decoration: none;
}
#navbar li.top_level a:hover
{
   background-color: transparent;
}
#navbar li.no_border
{
	border: 0px solid #9090A0;
}

.submenu
{
	position: absolute;
	left: 0px;
	top: 28px;
	background-color: #D0D0D0;
	width: 400px;
   z-index: 600;
   line-height: normal;
	border: 1px solid black;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-khtml-border-radius-bottomleft:5px;
	-khtml-border-radius-bottomright:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	border-top: none;
	padding: 8px;
}
.submenu td
{
	padding: 12px;
}
.submenu td.product
{
	text-align: right;
	padding-right: 6px;
	display: block;
}
.submenu td.description 
{
	padding-left: 6px;
	font-weight: normal;
	font-size: 11px;
	text-align: left;
}
.highlight
{
	background-color: #909090;
	color: white;
   cursor: pointer;
}



#main_wrapper
{
	width: 980px;
   height: 640px;
   background-image: url('../images/main_back.jpg');
   position: relative;
}
#request_wrapper
{
	width: 980px;
   height: 640px;
   background-image: url('../images/request_back.jpg');
   position: relative;
}
#logo
{
	position: absolute;
	right: 30px;
	top: -30px;
}


#products tr
{
	height: 88px;
}
.product_title
{
	width: 208px;
	margin-top: 4px;
	margin-right: 12px;
	height: 30px;
	text-align: right;
	font-weight: bold;
	font-size: 20px;
   background-image: url('../images/product_back.png');
   background-repeat:no-repeat;
   background-position: top right;
}
.product_title a
{
	position: relative;
	top: 2px;
	margin-right: 10px;
}
.product_desc
{
	padding-left: 100px;
	font-size: 14px;
}

#request_title_text
{
	position: relative;
	left: 24px;
	width: 454px;
	padding-right: 450px;
	font-weight: bold;
	font-size: 12px;
}

.request_table
{
	background-color: white;
	width: 406px;
	border: 1px solid black;
	-webkit-border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-khtml-border-radius-topleft:8px;
	-khtml-border-radius-topright:8px;
	-khtml-border-radius-bottomleft:8px;
	-khtml-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
}
input.no_border
{
	border: 0px solid #000000;
}
#comment_area
{
	border: 0px solid #000000;
	width: 100%;
}

#textbar
{
	width: 980px;
   height: 26px;
   background-image: url('../images/textbar_back.png');
   position: relative;
}
#textbar table
{
	width: 980px;
   height: 26px;
   padding: 0px;
   margin: 0px;
}
#textbar tr
{
	width: 980px;
   padding: 0px;
   margin: 0px;
}
#textbar td
{
   margin: 0px;
   padding: 0px;
   padding-right: 20px;
   padding-left: 20px;
	border-left: 1px solid #404080;
}
#textbar td.header
{
	font-weight: bold;
	font-size: 14px;
	width: 287px;
	border-style: none;
	text-align: right;
}
#textbar_text
{
	font-size: 14px;
}

#pdf_down
{
	position: absolute;
	left: 20px;
	top: -30px;
}


.hplc
{
	width: 236px;
	height: 148px;
   background-image: url('../images/hplc_back.png');
   float: left;
   margin-right: 12px;
   z-index: 1;
}
.nomargin
{
	margin: 0px;
}
.hplc_title
{
	font-weight: bold;
	font-size: 14px;
	width: 236px;
	text-align: center;
	margin-top: 12px;
}
.hplc_desc
{
	width: 200px;
	font-size: 11px;
	text-align: center;
	margin-top: 12px;
   margin-left: 18px;
}


#request
{
	border-top: 1px solid #404080;
	border-bottom: 1px solid #404080;
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 8px;
	height: 48px;
	font-size: 10px;
}
#request ul
{
	font-weight: normal;
	margin-top: 4px;
}
#request li
{
	display: inline;
	float: left;
	margin-left: 14px;
	padding-left: 14px;
	border-left: 1px solid #404080;
}
#request li.first
{
	margin-left: 0;
	padding-left: 0;
	border-left: 0;
}



#copyright
{
	font-size: 10px;
	text-align: center;
}