@charset "utf-8";
/* CSS Document */

html{
	/* overflow: hidden;*/
	overflow-x: hidden;
}

body {
	background-color:#99CCFF;
	background-image: url(../images/bg_repeat.jpg); 
	background-repeat: repeat-x;
	margin: 0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #999;
	line-height: 15px;
}



img{border:none;}

a { color: #FFF; text-decoration: underline; outline: none; }
a:hover {  text-decoration: underline;  color: #3366FF; }

.preloadImages{
	display: none;
}

h1, h2, h3{
  margin:0;
  padding:0;
}
  

#bodyContainer {
	position:absolute;
	height:6984px; 
	width: 3300px;
	margin: 0px 0px 0px -1690px;
	left: 50%;
	text-align: left;
	padding: 0px;
	overflow: hidden;
	z-index: 0;

	
	/*
	background-image:url(../images/ZZ_test_BG.jpg);
	background-repeat: no-repeat;
	*/
}

.contentGap{
	height: 200px; text-align: left;  width: 760px; margin:0 auto; margin-top: 140px; 
}

#bottom{
	position: absolute; 
	height: 10px; 
	width: 3300px; 
	left: 0px;
	bottom: 10px;
}

#home{
	height: 1000px;
	background-image: url(../images/bg_home.jpg); 
	background-position: bottom left; 
	background-repeat: no-repeat; 
	position: absolute; 
	width: 3300px; 
	left: 0px; 
	bottom: 0px; 
}

#products{
	background-image: url(../images/bg_products.jpg); 
	position: absolute;  
	width: 3300px; 
	left: 0px;  
	height: 1000px; 
	bottom: 1000px; 
	text-align: center; 
	margin-left: 40px;
}

#quality{
	background-image: url(../images/bg_quality.jpg); 
	position: absolute;  
	width: 3300px; left: 0px;  height: 1000px; bottom: 2000px; text-align: center; margin-left: 40px;
	color: #FFFFFF;
}

#environment{
	background-image: url(../images/bg_environment.jpg); 
	position: absolute;  width: 3300px; left: 0px;  height: 1000px; top: 3000px; text-align: center; margin-left: 40px;
}

#pricing{
	background-image: url(../images/bg_pricing.jpg); position: absolute;  width: 3300px; left: 0px;  height: 1000px; 
	top: 2000px; text-align: center; margin-left: 40px;
}

#faqs{
	background-image: url(../images/bg_faqs.jpg); position: absolute;  width: 3300px; left: 0px;  height: 1000px; top: 1000px; text-align: center; margin-left: 40px;
}

#contact{
	background-image: url(../images/bg_contact.jpg); position: absolute;  width: 3300px; left: 0px;  height: 1000px; top: 0px; text-align: center; margin-left: 40px;
}


#navContainer {
	position: fixed; 
	z-index: 1000;
	bottom: 0px; 	
	

	background-color: #D7D800; 
	height: 36px; 
	border-top: 1px #FFF solid; 

	width: 100%;
	text-align: center;
	color: #0000FF;
	background-image:url(../images/bg_nav.jpg);
	background-position: bottom;
	background-repeat: repeat-x;

}


#navContainerCenter{
	height: 36px; width: 720px; text-align: center;  margin:0 auto; 
}


/* -------- Fonts and Text ---------*/
.defaultTextBlue{
	color: #0099FF;
}

.defaultList ul{
	margin: 0;
	padding: 0;
	list-style: inside;
	margin-top: 10px;
}
.defaultList li{
	margin-bottom: 4px;
}

.defaultHeader{
	font-family:"Book Antiqua", Arial, Helvetica;
	font-size: 32px;
	height: 32px;
	line-height: 32px;
	color: #FFFFFF;
	font-style:italic;
	font-weight: bold;
	letter-spacing: 10px;
}



/* -------- Navigation ---------*/
#navItem
{
	display: block;
	float: left;
	height: 36px;
	cursor: pointer;
}

#navItem:hover
{ 
  background-position: 0 -36px;
  cursor: pointer;
}

#navItem span
{
  display: none;
}


.btnHome{
	background-image: url(../images/navHome.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 77px;
}

.btnProducts{
	background-image: url(../images/navProducts.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 116px;
}

.btnQuality{
	background-image: url(../images/navQuality.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 100px;
}

.btnEnvironment{
	background-image: url(../images/navEnvironment.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 150px;
}

.btnPricing{
	background-image: url(../images/navPricing.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 100px;
}

.btnFAQs{
	background-image: url(../images/navFAQs.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 70px;
}

.btnContact{
	background-image: url(../images/navContact.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 90px;
}



/* ---------- SCROLL PANES --------------*/
a.jScrollArrowUp {
	background: url(../images/btn_scroll_up.png) repeat-x 0 0;
}

a.jScrollArrowUp:hover {
	/*background-position: 0 -15px;*/
}

a.jScrollArrowDown {
	background: url(../images/btn_scroll_down.png) repeat-x 0 0;
}

a.jScrollArrowDown:hover {
	/*background-position: 0 -15px;*/
}

a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-position: 0 -30px;*/
}

.holder {
	margin-top: 10px;
	z-index:0;
}

.scroll-pane {
	overflow: auto;
	float: left;
	background-image:url(../images/bg_trans.png);
	padding-left: 10px;
	font-size: 12px;
	height: 360px;
	width: 730px;
	
}



/*-------- Quality Table ---------*/
table {
	border-collapse:collapse;
	padding: 0;
	margin: 0;
}

#styledTable .side {
	text-align:right;
	font-size: 13px;
	font-weight: bold;
}
#styledTable td {
	text-align:center;
	background:#aaa;
}

#styledTable th.side {
	background: transparent url(../images/i/bg_th_side.gif) no-repeat bottom right;
}
#styledTable td.side {
	text-align:left;
	background: transparent url(../images/i/bg_td_side.gif) no-repeat bottom right;
	width:120px;
	padding-left:8px;
}

#styledTable th {
	height:54px;
	vertical-align:bottom;
	color:#fff;
	font-size: 14px;
	letter-spacing: 1px;
	background:transparent url(../images/i/bg_th.gif) no-repeat bottom left;
	text-align: center;
}

	
#styledTable td {
	text-align:center;
	color:#fff;
	width:118px;
	height:26px;
	font-size: 14px;
}

#styledTable td.other {background:transparent url(../images/i/bg_td.gif) no-repeat bottom left;}

#styledTable td.on {
	background:transparent url(../images/i/bg_td_on.gif) no-repeat bottom left; 
	width:140px;
}
#styledTable th.on {
	background:transparent url(../images/i/bg_th_on.gif) no-repeat bottom left;
	padding-bottom:9px;
	width:140px;
}



#styledTable tfoot td {
	height:48px;
	vertical-align:top;
	padding-top:6px;
}

#styledTable tfoot td.other {
	background:transparent url(../images/i/bg_foot_td.gif) no-repeat top left;
}

#styledTable tfoot td.on {
	background:transparent url(../images/i/bg_foot_td_on.gif) no-repeat top left;
	padding-top:15px;
	font-size: 16px;
}
#styledTable tfoot td.side {background: transparent url(../images/i/bg_foot_td_side.gif) no-repeat top left;}


.inputField{
	width: 70px;
	font-size: 18px;
	padding: 5px;
}

.inputField_IE{
	width: 70px;
	font-size: 18px;
	padding: 1px;
	margin-bottom: 1px;
}

.totalField{
	width: 70px;
	font-size: 18px;
	background-color: transparent;
	border: none;
	color: #0066CC;
	text-align: right;
}

.totalField_IE{
	width: 70px;
	font-size: 18px;
	background-color: transparent;
	border: none;
	color: #0066CC;
}

.pricesTableIE6 {
	font-size: 13px;
	color: #0066CC;
}

.pricesTableIE6 th {
	height: 30px;
}