﻿/* CSS Document */
html, body{
	background:#d6d5d5;
	color:#000000;
	margin:0px;
	padding:0px;
	font: 12px Arial, Helvetica, sans-serif;
	text-align:center;
}

/* All general links */
a:link { color:#000000; text-decoration: underline;}
a:visited { color:#000000; text-decoration: underline;}
a:active { color:#000000; text-decoration: underline;}
a:hover { color:#b24400; text-decoration: underline;}

a.hdrlinks:link { color:#000000; text-decoration: none;}
a.hdrlinks:visited { color:#000000; text-decoration: none;}
a.hdrlinks:active { color:#000000; text-decoration: none;}
a.hdrlinks:hover { color:#259001; text-decoration: none;}

a.mtlinks:link { color:#000000; text-decoration: none;}
a.mtlinks:visited { color:#000000; text-decoration: none;}
a.mtlinks:active { color:#000000; text-decoration: none;}
a.mtlinks:hover { color:#259001; text-decoration: none;}

/* Footer links */
a.ftlinks:link { color:#ffffff; text-decoration: none;}
a.ftlinks:visited { color:#ffffff; text-decoration: none;}
a.ftlinks:active { color:#ffffff; text-decoration: none;}
a.ftlinks:hover { color:#eaeaea; text-decoration: underline;}

/* Wraps all containers */
#wrapper{
        width:790px;
		margin: 0 auto;
        text-align:center;
        position:relative;
        background:#ffffff;
        border-right:1px solid #000;
        border-left:1px solid #000;
}

/* Container for header information */

#topPanel{
        clear:both;
        width:790px;
        height:137px;
        text-align:center;
        border:0px solid #000;
}

#headerTop{
        clear:both;
        width:790px;
        height:102px;
        text-align:center;
        border:0px solid #000;
}

#linkBar{
        clear:both;
        width:790px;
        height:21px;
        padding:0px;
		margin:0px;
        text-align:center;
        background-image: url(images/linkbar.png);
        border:0px solid #000;
}

.toplinkspace{
	padding:0px 25px 0px 25px;
	border:0px solid #000000;
}

#linkBar ul {
	padding-top:3px;
	margin:0px;
	border:0px solid #000000;
}

#linkBar li {
	display:inline;
	font-weight:bold;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
	border:0px solid #000000;
}

#headerBottom{
        clear:both;
        width:790px;
        height:14px;
        text-align:center;
        background-image: url(images/header_bottom.png);
        border:0px solid #000;
}


/* Container for left side links and info */
#leftPanel{
        width:210px;
        float:left;
        padding-top:20px;
        text-align:left;
        font-size: 1.1em;
        border:0px solid #000;
}

/* Links */
#blueblock{
	margin:0px 0 10px 0;
	padding: 2px 0 0 0;
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-size: .8em;
	color: #333;
	background-image: url(images/left_nav_background.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-position: top;
}

#blueblock h1 {
margin:6px 5px 5px 10px;
font-size: 1.1em;
padding:0;
}

* html #blueblock{ /*IE 6 only */
w\idth: 190px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

#blueblock ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#blueblock li {
border-bottom: 1px solid #999;
border-right: 1px solid #999;
margin: 0;
}

#blueblock li a{
display: block;
padding: 8px 5px 4px 20px;
color: #0c2b4a;
text-decoration: none;
width: 100%;
background-color: #e8e8e8;
}

html>body #blueblock li a{ /*Non IE6 width*/
width: auto;
}

#blueblock li a:hover  {
background-color: #1e4c77;
color: #fff;
}

#blueblock li #current {
background-color: #2586d7;
color: #fff;
}

/* Contains main body information */
#rightPanel{
        width:550px;
        float:right;
        padding-top:20px;
        margin-bottom:25px;
        border:0px solid #000;
}

#meter_cont{
	width:550px;
	text-align:left;
    float:left;
    margin-top:-1px;
    border:0px solid #000;
}

#meter_box_cont_main{
	width:530px;
	height:250px;
	text-align:left;
    float:left;
    background:#1e4c77;
    background-image: url(images/main_prod_bg.png);
    border:1px solid #ccc;
}

.meter_box_cont{
	width:532px;
	height:225px;
	text-align:left;
    float:left;
    margin-top:15px;
    border:0px solid #000;
}

.prodbox_cont{
	width:532px;
	text-align:left;
    float:left;
    margin-top:15px;
    border:0px solid #000;
}

.prodbox_cont_vert{
	width:532px;
	height:340px;
	text-align:left;
    float:left;
    margin-top:15px;
    border:0px solid #000;
}

#meter_pic{
	float:left;
	padding:18px 0px 0px 30px;
	border:0px solid #ccc;
}

#main_prod_info{
	width:315px;
	float:right;
	padding:33px 33px 0px 0px;
	text-align:left;
	color:#ffffff;
	border:0px solid #ccc;
}

#meterbox_top_left{
	width:245px;
	text-align:left;
	height:220px;
	padding:0px 5px 0px 5px;
    float:left;
    background-image: url(images/pro-1.png);
    border:1px solid #ccc;
}

.prodbox_left{
	width:250px;
	text-align:left;
	height:240px;
	padding:0px 5px 0px 5px;
    float:left;
    border:1px solid #ccc;
}

.prodbox_right{
	width:250px;
	text-align:left;
	height:240px;
	padding:0px 5px 0px 5px;
    float:right;
    border:1px solid #ccc;
}

.prodbox_left_vert{
	width:250px;
	height:337px;
	text-align:left;
	padding:0px 5px 0px 5px;
    float:left;
    border:1px solid #ccc;
}

.prodbox_right_vert{
	width:250px;
	height:337px;
	text-align:left;
	padding:0px 5px 0px 5px;
    float:right;
    border:1px solid #ccc;
}

.prod_header{
	text-align:left; 
	border-bottom:2px solid #1e4c77; 
	width:240px; 
	float:right; 
	margin-top:10px; 
	font-size:14px;
}

.prod_info{
	text-align:left; 
	float:right; 
	padding-top:10px; 
	width:120px; 
	margin-top:5px; 
	padding-right:10px;
}

#meterbox_top_right{
	width:245px;
	text-align:left;
	height:220px;
	padding:0px 5px 0px 5px;
    float:right;
    background-image: url(images/pro-2.png);
    border:1px solid #ccc;
}

#meterbox_bottom_left{
	width:245px;
	text-align:left;
	height:220px;
    float:left;
    padding:0px 5px 0px 5px;
    background-image: url(images/pro-3.png);
    border:1px solid #ccc;
}

#meterbox_bottom_right{
	width:245px;
	text-align:left;
	height:220px;
    float:right;
    padding:0px 5px 0px 5px;
    background-image: url(images/pro-4.png);
    border:1px solid #ccc;
}

#main_body_content{
	width:532px;
	text-align:left;
    float:left;
    border:0px solid #000;
}

/* padding for product images */
.border {
padding: 5px 10px 5px 5px;
float:left;
}

.p_sm_heading  {
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	padding-top: 5px;
	color: #333;
	}


#rightPanel h1  {
padding-top:0px;
margin-top:0px;
font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
font-size: 1.5em;
color:#0b2c64;
}

/* Contains all standard informative links */
#prefooter{
    clear:both;
    text-align: center;
	margin-right: auto;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	background: #ffffff;
}

/* Contains footer information */
#footer1 {
	width: 790px;
	height: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	background: #0c2b4a;
}

/* Controls links in footer */
#footerlinkcont{
	font-size: 11px;
	text-align: center;
	width:100%;
	border: 0px solid #fff;
	padding-top:5px;
	padding-bottom:5px;
	color:#ffffff;
}	
