body {
	margin:0 auto;
	text-align:center;
	background:#000;
	color:#fff;
	font-size:0.75em;
	font-family:Verdana, Arial, sans-serif;
	}

address {

	line-height:1.8em;
	margin:0;
	padding:5px 40px 20px 40px;
	color:#666;
	}

p.telephone, p.email {
	margin:0 10px 0 0;
	letter-spacing:0.1em;
	color:#666;
	}


p.telephone {
	padding:10px 30px 4px 0;
	background:url('../images/telephoneicon.gif') bottom right no-repeat;
	}

p.email {
	padding:5px 30px 4px 0;
	background:url('../images/emailicon.gif') bottom right no-repeat;
	}

p.genemail {
	margin: 0 0 0 0;
	padding:5px 20px 4px 40px;
	background:url('../images/emailicon.gif') bottom right no-repeat;
	width:130px;
	color:#666;
	}

p.genphone {
	margin: 0 0 0 0;
	padding:5px 20px 4px 40px;
	background:url('../images/telephoneicon.gif') bottom right no-repeat;
	width:130px;
	color:#666;	
	}

p.topnav {
	margin:20px 10px 0 0;
	padding:5px 0 4px 0;
	color:#666;
	font-size:0.9em;
	}

p.topnav a.current {
	color:#22CDFE;
	}

p.cfstrap {
	margin:10px 20px;
	padding:0;
	font-size:1.4em;
	font-weight:bold;
	font-style:italic;					
	}

h2.text {
	font-size:1.1em;
	font-weight:normal;
	margin:0;
	padding:30px 40px 10px 40px;
	}

h3.pricelist {
	font-size:1.1em;
	font-weight:normal;
	margin:0;
	padding:30px 40px 10px 40px;
	}

p.text {
	line-height:1.8em;
	margin:0;
	padding:5px 40px 20px 40px;
	color:#666;
	}

h2.basebutton {
	font-size:0.8em;
	font-weight:normal;
	margin:5px 0 0 0;
	padding:0;
	}

p.basebuttona, p.basebuttonb {
	font-size:0.75em;
	margin:0 10px 5px 10px;
	padding:0;
	}

p.basebuttona {
	color:#fff;
	}

p.basebuttonb {
	color:#666;
	}

p.sm {
	font-size:0.8em;
	margin: 0 20px  0 20px;
	text-align:left;
	color:#99ff99;
}

p.price {
	margin:0 20px  0 20px;
	text-align:left;
	font-size:2.0em;
	color:#99ff99;
}

p.flags {
	font-size:0.8em;
	background:url('../images/footer_flags.gif') top left no-repeat;
	padding:4px 10px 0 70px;
	margin:0;
	}	

p.footer {
	font-size:0.8em;
	color:#404040;
	margin:5px 0;
	}

div.price	{
			margin:5px 20px 10px 5px; 
			height:50px;
			width:80px;
			float:left;
/*			background:url('../images/buynowsm.jpg') bottom right no-repeat; */
			}

div.pricebuy	{
			margin:5px 20px 10px 5px; 
			height:36px;
			width:80px;
			float:right;
/*			background:url('../images/buynowsm.jpg') bottom right no-repeat; */
			}

/* ================================================================================================== */ 
/* ======================================= HEADER STARTS HERE ======================================= */ 
/* ================================================================================================== */ 

#header {
	margin:20px auto;
	width:900px;
	text-align:center;
	}

	#headerlc {
		float:left;
		width:90px;
		text-align:left;
		}

		#headerlc img {
			margin:3px 0 0 0;
			border:0px solid white;
			}

	#headerrc {
		float:right;
		width:801px;
		text-align:right;
		}

		#headerstroke_top {
			background:url('../images/headerstroke_top.gif') top left no-repeat;
			width:801px;
			}

		#headerstroke_base {
			background:url('../images/headerstroke_base.gif') top left no-repeat;
			width:801px;
			height:9px;
			}

/* ================================================================================================== */ 
/* ==================================== BASE BUTTONS START HERE ===================================== */ 
/* ================================================================================================== */ 

p.product {
	color:#666;
	}

h2.product {
	font-size:2.1em;
	font-weight:normal;
	margin:0;
	padding:10px 40px 10px 40px;
	}


#products {
	width:900px;
	margin:20px auto;
	text-align:center;
	}

			#products ul {
				margin:10px 0 0 5px; 
				padding:0;
				list-style-type:none;
				font-size:1.0em;
				}

			#products li 	{
				display:block;
				margin:15px 0 0 2px;
				padding:0;
				background:url('../images/picoarrowsm.gif') top left no-repeat;
/*				background-position: 0 0; */	
				background-position:+2px 0;
				}

	#productbgtop {
		height:6px;
		background:url('../images/productbgtop.gif') top left no-repeat;
		}
		
	#productbgmiddle {
		background:url('../images/productbgmiddle.gif') top left repeat-y;
		text-align:center;
		}

		#productcol1 {
			width:210px;
			float:left;
			}

		#productspace1 {
			width:20px;
			float:left;
			}

		#productcol2 {
			width:210px;
			float:left;
			}

		#productspace2 {
			width:20px;
			float:left;
			}

		#productcol3 {
			width:210px;
			float:left;
			}

		#productcol4 {
			width:210px;
			float:right;
			}
				
			#productcol1 img, #productcol2 img, #productcol3 img, #productcol4 img {
				border:0px solid white;
				padding:0;
				}

			#productcol1 img, #productcol2 img, #productcol3 img, #productcol4 img  {
				margin:10px 0;
				}


				
	#productbgbase {
		height:6px;
		background:url('../images/productbgbase.gif') bottom left no-repeat;
		}






/* ================================================================================================== */ 
/* =================================== CROSSFADER STARTS HERE ======================================= */ 
/* ================================================================================================== */ 
#cfcontainer {
		width:900px;
		height:423px;
				margin:auto;
		padding:0;		
		text-align:left;
		}

#crossfader {
	width:900px;
	margin:20px auto;
	}

/* 'cfgreenerbg' will be duplicated and updated to suit the individual background image to be used for the crossfader. For example there will be 'cfsmallerbg'; 'cfefficentbg'; 'cfquieterbg'; and 'cfcoolerbg'. The HTML code would be adapted to suit this. */ 

	#cfgreenerbg {
		width:900px;
		height:423px;
		background:url('../images/greenerbg.jpg') top left no-repeat;
		}
		
	#cfefficentbg {
		width:900px;
		height:423px;
		background:url('../images/efficentbg.jpg') top left no-repeat;
		}

	#cfsmallerbg {
		width:900px;
		height:423px;
		background:url('../images/smallerbg.jpg') top left no-repeat;
		}
		
	#cfquieterbg {
		width:900px;
		height:423px;
		background:url('../images/quieterbg.jpg') top left no-repeat;
		}

	#cfcoolerbg {
		width:900px;
		height:423px;
		background:url('../images/coolerbg.jpg') top left no-repeat;
		}

		#cfleftcolumn {
			float:left;
			width:153px;
			text-align:left;
			}

			#cfleftcolumn ul {
				margin:50px 0 0 5px;
				padding:0;
				list-style-type:none;
				font-size:1.4em;
				font-weight:bold;
				}

			#cfleftcolumn li a	{
				display:block;
				margin:0;
				padding:0;
				background:url('../images/navbg.gif') top left no-repeat;
				}

			#cfleftcolumn li a:link, #cfleftcolumn li a:visited {
				color:#333;
				padding:8px 5px 15px 25px;				
				text-decoration: none;
				background-position:-306px 0;				
				}

			#cfleftcolumn li a:hover {
				color:#000;
				background-position:-153px 0;				
				}

			#cfleftcolumn li a.current {
				color:#000;
				font-size:1.1em;
				font-style:italic;
				background-position: 0 0;				
				}

		#cfrightcolumn {
			float:right;
			width:270px;
			text-align:right;
			}

			#cfrightcolumnt50 {
				width:270px;
				height:50px;
				}

			#cfrightcolumntop {
				width:270px;
				height:273px;
				}

			#cfrightcolumnbase {
				width:270px;
				}

				#cfrightcolumnbase img {
					border:0px solid white;
					margin:20px;					
					}

/* ================================================================================================== */ 
/* ======================================== TEXT STARTS HERE ======================================== */ 
/* ================================================================================================== */ 

#text {
	width:900px;
	margin:20px auto;
	}

	#texttop {
		height:9px;
		background:url('../images/textstroke_top.gif') top center no-repeat; 
		}

	#textmiddle {
		background:url('../images/textstroke_middle.gif') top center repeat-y;
		text-align:left;
		}
			
	#textbase {
		height:45px;
		background:url('../images/textstroke_base.gif') bottom center no-repeat;
		}		

/* ================================================================================================== */ 
/* ==================================== BASE BUTTONS START HERE ===================================== */ 
/* ================================================================================================== */ 

#basebuttons {
	width:900px;
	margin:20px auto;
	}

	#basebuttonbgtop {
		height:6px;
		background:url('../images/basebuttonbgtop.gif') top left no-repeat;
		}
		
	#basebuttonbgmiddle {
		background:url('../images/basebuttonbgmiddle.gif') top left repeat-y;
		text-align:center;
		}

		#basebuttoncol1 {
			width:210px;
			float:left;
			}

		#basebuttonspace1 {
			width:20px;
			float:left;
			}

		#basebuttoncol2 {
			width:210px;
			float:left;
			}

		#basebuttonspace2 {
			width:20px;
			float:left;
			}

		#basebuttoncol3 {
			width:210px;
			float:left;
			}

		#basebuttoncol4 {
			width:210px;
			float:right;
			}
				
			#basebuttoncol1 img, #basebuttoncol2 img, #basebuttoncol3 img, #basebuttoncol4 img {
				border:0px solid white;
				padding:0;
				}

			#basebuttoncol1 img, #basebuttoncol2 img, #basebuttoncol3 img {
				margin:10px 0;
				}

			#basebuttoncol4 img {
				margin:20px 0;
				}
				
	#basebuttonbgbase {
		height:6px;
		background:url('../images/basebuttonbgbase.gif') bottom left no-repeat;
		}
		
/* ================================================================================================== */ 
/* ======================================= FOOTER STARTS HERE ======================================= */ 
/* ================================================================================================== */ 

#footercontainer {
	margin:0px auto;
	width:900px;
	padding:30px 0;
	text-align:left;
	}

	#footerlc {
		float:left;
		width:650px;
		text-align:left;
		margin:0;
		padding:0;
		}

	#footerrc {
		float:right;
		width:245px;
		text-align:right;
		margin:0;
		padding:0;
		}

.clear {
	clear:both;
	}

/* ================================================================================================== */ 
/* =============================== GENERIC LINK STYLES START HERE =================================== */ 
/* ================================================================================================== */ 

a:link {
	text-decoration:none;
	color:#666;
	}

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

a:hover {
	text-decoration:none;
	color:#A3F995;
	}

a:active {
	text-decoration:none;
	color:#A3F995;
	}		


/*

Store stuff

*/
	#leftcontent {
		position: absolute;
		left:10px;
		top:20%;
		width:10%;
		height:62%;
		}

	#centercontent {
		position: absolute;
		overflow:scroll;
		float:middle;
		height:62%;
		left:12%;
		right:70%;
		top:20%;
		width:76%;
	/*	height:70%;*/

		}

	#rightcontent {
		position: absolute;
		right:10px;
		top:20%;
		width:10%;
		height:62%;

		}