/* CSS Document */
/* show scrollbars - in firefox */
html{
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
}


body {
	margin: 0;
	padding: 0 10px;
	background: url(../images/img_bg_pagr.gif) repeat;
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	}

	
	
/* *********************************************************************** */
/* ****************************    HEADER   ****************************** */
/* *********************************************************************** */	

/* naturally better header  */
h1 { text-align: right;	background-color: #E07900;	margin: 0;	padding: 20px;	display: block;	}
/* *NOTE* Because we have already set the img as a block element it means that we cannot use text align to float it right 
- this means we must convert it back to an inline  */
h1 img { display: inline!important;	}


h2 { text-align: center; display: block; background-color: #FFFFFF; padding: 80px 10px 10px 10px; margin:0; font-size: 140%;	}

/* absolute positioned logo  */
#logo {
	position: absolute;
	top: 15px;
	left: 30px;
	}
	
	
/* bnav section */
#bnav {
	display: block;
	text-align: right;
	padding: 10px 5px 80px;
	margin: 0;
	background-color: #FFFFFF;
	}
		

	
#body_section h2 {	margin: 10px 0;	padding: 0;	display: block; }	
#body_section h3 {	margin: 0 0 10px 0;	padding: 0;	display: block; font-size: 100%; text-transform: uppercase; color:#0C430C;	}
#body_section p {	margin: 0 0 10px 0;	padding: 0;	display: block;	}	
#body_section a { color: #448044; }
#body_section a:hover { color: #000; }

#body_list {	margin: 0 0 10px 0;	padding: 0 0 0 20px;	display: block; list-style: disc!important;	}
#body_list li {	margin: 0 0 5px 0;	padding: 0;	display: block;	}

		
/* product breakdown */	
.product_breakdown { width: 100%; padding: 0 0 20px; background-color: #FFFFFF; }
.product_breakdown th {	text-align: center;	font-weight: normal; font-size: 80%; color: #FFFFFF; background-color: #E07900;	border-right: 1px solid #E5ECE5; border-collapse: collapse;	padding: 3px;	}
.product_breakdown td {	text-align: center;	font-weight: normal; font-size: 85%; background-color: #FFFFFF;	border-right: 1px solid #E5ECE5; border-bottom: 1px solid #E5ECE5; border-collapse: collapse; padding: 3px; text-align: left; }
.prod_title {	width: 150px!important;	text-align: left!important;	font-size: 110%!Important; float: left;	}


.odd td { background-color: #F4FBF4; }	
	

	

	
/* *********************************************************************** */
/* *****************************  FOOTER   ******************************* */
/* *********************************************************************** */	
#footer {
	clear: both;
	background-color: #E07900;
	padding: 10px;
	color: #FFFFFF;
	font-size: 85%;
	}
	
#footer a { color: #FFFFFF; }
#contact { float: left; }
#phase { float: right; }