/* CSS Document 

/***************************************************************************************/
/*  MAIN OUTER PANELS
/***************************************************************************************/

#outer {
	background: 				#333333 url(../images/sidebar.gif) right top repeat-y;
	border-left: 				1px solid #5b5b5b;
	border-top: 				1px solid #5b5b5b;
	border-right: 				1px solid #282828;
	border-bottom: 			1px solid #282828;
	margin:						20px auto;
	position: 					relative;
	width:						965px;
}

/***************************************************************************************
/*  TOP BANNER 
/***************************************************************************************/

#banner {
	border:						0px;
	height:						210px;
	margin:						0px;
	position:					relative;
	width:						965px;
	z-index:						2;
}

#banner ul {
	margin:						0;
	padding:						0;
} 

#banner li {
	display:						inline;
	margin:						0px;
}

#banner a, #banner a:visited {
	background-position:		top left;		
	display: 					inline;
	float:						left;
	height:						210px;
	margin:						0px;
   padding:						0px;
}

#banner a:hover {
	background-position: 	bottom left;
}

#banner .w113		  { width:	113px; }
#banner .w142 		  { width:	142px; }

#banner a.home1	 	{ background-image: url(../images/banners/home1.jpg); }
#banner a.home2 		{ background-image: url(../images/banners/home2.jpg); }
#banner a.home3	 	{ background-image: url(../images/banners/home3.jpg); }
#banner a.home4 		{ background-image: url(../images/banners/home4.jpg); }
#banner a.home5	 	{ background-image: url(../images/banners/home5.jpg); }
#banner a.home6 		{ background-image: url(../images/banners/home6.jpg); }
#banner a.home7	 	{ background-image: url(../images/banners/home7.jpg); }

#banner a.about1 		{ background-image: url(../images/banners/about1.jpg); }
#banner a.about2	 	{ background-image: url(../images/banners/about2.jpg); }
#banner a.about3 		{ background-image: url(../images/banners/about3.jpg); }
#banner a.about4 		{ background-image: url(../images/banners/about4.jpg); }
#banner a.about5 		{ background-image: url(../images/banners/about5.jpg); }
#banner a.about6 		{ background-image: url(../images/banners/about6.jpg); }
#banner a.about7 		{ background-image: url(../images/banners/about7.jpg); }

#banner a.products1 	{ background-image: url(../images/banners/product1.jpg); }
#banner a.products2 	{ background-image: url(../images/banners/product2.jpg); }
#banner a.products3 	{ background-image: url(../images/banners/product3.jpg); }
#banner a.products4 	{ background-image: url(../images/banners/product4.jpg); }
#banner a.products5 	{ background-image: url(../images/banners/product5.jpg); }
#banner a.products6 	{ background-image: url(../images/banners/product6.jpg); }
#banner a.products7 	{ background-image: url(../images/banners/product7.jpg); }

#banner a.bedding1 	{ background-image: url(../images/banners/bedding1.jpg); }
#banner a.bedding2 	{ background-image: url(../images/banners/bedding2.jpg); }
#banner a.bedding3 	{ background-image: url(../images/banners/bedding3.jpg); }
#banner a.bedding4 	{ background-image: url(../images/banners/bedding4.jpg); }
#banner a.bedding5 	{ background-image: url(../images/banners/bedding5.jpg); }
#banner a.bedding6 	{ background-image: url(../images/banners/bedding6.jpg); }
#banner a.bedding7 	{ background-image: url(../images/banners/bedding7.jpg); }

#banner a.biomat1 	{ background-image: url(../images/banners/biomat1.jpg); }
#banner a.biomat2 	{ background-image: url(../images/banners/biomat2.jpg); }
#banner a.biomat3 	{ background-image: url(../images/banners/biomat3.jpg); }
#banner a.biomat4 	{ background-image: url(../images/banners/biomat4.jpg); }
#banner a.biomat5 	{ background-image: url(../images/banners/biomat5.jpg); }
#banner a.biomat6 	{ background-image: url(../images/banners/biomat6.jpg); }
#banner a.biomat7 	{ background-image: url(../images/banners/biomat7.jpg); }

#banner a.logs1 		{ background-image: url(../images/banners/logs1.jpg); }
#banner a.logs2 		{ background-image: url(../images/banners/logs2.jpg); }
#banner a.logs3 		{ background-image: url(../images/banners/logs3.jpg); }
#banner a.logs4 		{ background-image: url(../images/banners/logs4.jpg); }
#banner a.logs5 		{ background-image: url(../images/banners/logs5.jpg); }
#banner a.logs6 		{ background-image: url(../images/banners/logs6.jpg); }
#banner a.logs7 		{ background-image: url(../images/banners/logs7.jpg); }

#banner a.insulate1	{ background-image: url(../images/banners/insulate1.jpg); }
#banner a.insulate2	{ background-image: url(../images/banners/insulate2.jpg); }
#banner a.insulate3	{ background-image: url(../images/banners/insulate3.jpg); }
#banner a.insulate4	{ background-image: url(../images/banners/insulate4.jpg); }
#banner a.insulate5	{ background-image: url(../images/banners/insulate5.jpg); }
#banner a.insulate6	{ background-image: url(../images/banners/insulate6.jpg); }
#banner a.insulate7	{ background-image: url(../images/banners/insulate7.jpg); }

#banner a.hemcrete1	{ background-image: url(../images/banners/hemcrete1.jpg); }
#banner a.hemcrete2	{ background-image: url(../images/banners/hemcrete2.jpg); }
#banner a.hemcrete3	{ background-image: url(../images/banners/hemcrete3.jpg); }
#banner a.hemcrete4	{ background-image: url(../images/banners/hemcrete4.jpg); }
#banner a.hemcrete5	{ background-image: url(../images/banners/hemcrete5.jpg); }
#banner a.hemcrete6	{ background-image: url(../images/banners/hemcrete6.jpg); }
#banner a.hemcrete7	{ background-image: url(../images/banners/hemcrete7.jpg); }

#banner a.fibres1		{ background-image: url(../images/banners/fibres1.jpg); }
#banner a.fibres2		{ background-image: url(../images/banners/fibres2.jpg); }
#banner a.fibres3		{ background-image: url(../images/banners/fibres3.jpg); }
#banner a.fibres4		{ background-image: url(../images/banners/fibres4.jpg); }
#banner a.fibres5		{ background-image: url(../images/banners/fibres5.jpg); }
#banner a.fibres6		{ background-image: url(../images/banners/fibres6.jpg); }
#banner a.fibres7		{ background-image: url(../images/banners/fibres7.jpg); }

#banner a.rapport1	{ background-image: url(../images/banners/rapport1.jpg); }
#banner a.rapport2	{ background-image: url(../images/banners/rapport2.jpg); }
#banner a.rapport3	{ background-image: url(../images/banners/rapport3.jpg); }
#banner a.rapport4	{ background-image: url(../images/banners/rapport4.jpg); }
#banner a.rapport5	{ background-image: url(../images/banners/rapport5.jpg); }
#banner a.rapport6	{ background-image: url(../images/banners/rapport6.jpg); }
#banner a.rapport7	{ background-image: url(../images/banners/rapport7.jpg); }

#banner a.shiv1		{ background-image: url(../images/banners/shiv1.jpg); }
#banner a.shiv2		{ background-image: url(../images/banners/shiv2.jpg); }
#banner a.shiv3		{ background-image: url(../images/banners/shiv3.jpg); }
#banner a.shiv4		{ background-image: url(../images/banners/shiv4.jpg); }
#banner a.shiv5		{ background-image: url(../images/banners/shiv5.jpg); }
#banner a.shiv6		{ background-image: url(../images/banners/shiv6.jpg); }
#banner a.shiv7		{ background-image: url(../images/banners/shiv7.jpg); }

#banner a.seeds1		{ background-image: url(../images/banners/seeds1.jpg); }
#banner a.seeds2		{ background-image: url(../images/banners/seeds2.jpg); }
#banner a.seeds3		{ background-image: url(../images/banners/seeds3.jpg); }
#banner a.seeds4		{ background-image: url(../images/banners/seeds4.jpg); }
#banner a.seeds5		{ background-image: url(../images/banners/seeds5.jpg); }
#banner a.seeds6		{ background-image: url(../images/banners/seeds6.jpg); }
#banner a.seeds7		{ background-image: url(../images/banners/seeds7.jpg); }

#banner a.grower1 	{ background-image: url(../images/banners/grower1.jpg); }
#banner a.grower2 	{ background-image: url(../images/banners/grower2.jpg); }
#banner a.grower3 	{ background-image: url(../images/banners/grower3.jpg); }
#banner a.grower4 	{ background-image: url(../images/banners/grower4.jpg); }
#banner a.grower5 	{ background-image: url(../images/banners/grower5.jpg); }
#banner a.grower6 	{ background-image: url(../images/banners/grower6.jpg); }
#banner a.grower7 	{ background-image: url(../images/banners/grower7.jpg); }

#banner a.resources1 { background-image: url(../images/banners/resources1.jpg); }
#banner a.resources2 { background-image: url(../images/banners/resources2.jpg); }
#banner a.resources3 { background-image: url(../images/banners/resources3.jpg); }
#banner a.resources4 { background-image: url(../images/banners/resources4.jpg); }
#banner a.resources5 { background-image: url(../images/banners/resources5.jpg); }
#banner a.resources6 { background-image: url(../images/banners/resources6.jpg); }
#banner a.resources7 { background-image: url(../images/banners/resources7.jpg); }

#banner a.features1  { background-image: url(../images/banners/features1.jpg); }
#banner a.features2  { background-image: url(../images/banners/features2.jpg); }
#banner a.features3  { background-image: url(../images/banners/features3.jpg); }
#banner a.features4  { background-image: url(../images/banners/features4.jpg); }
#banner a.features5  { background-image: url(../images/banners/features5.jpg); }
#banner a.features6  { background-image: url(../images/banners/features6.jpg); }
#banner a.features7  { background-image: url(../images/banners/features7.jpg); }

#banner a.contact1  	{ background-image: url(../images/banners/contact1.jpg); }
#banner a.contact2  	{ background-image: url(../images/banners/contact2.jpg); }
#banner a.contact3  	{ background-image: url(../images/banners/contact3.jpg); }
#banner a.contact4  	{ background-image: url(../images/banners/contact4.jpg); }
#banner a.contact5  	{ background-image: url(../images/banners/contact5.jpg); }
#banner a.contact6  	{ background-image: url(../images/banners/contact6.jpg); }
#banner a.contact7  	{ background-image: url(../images/banners/contact7.jpg); }

/***************************************************************************************
/*  SIDEPANEL 
/***************************************************************************************/

#sidepanel {
	background-color: 		#58595b;
	padding:						30px 35px 20px 35px;
}

#sidepanel h2 {
	border-bottom: 			1px solid #999; 
	color:						#999999;
	font-family: 				Arial, Helvetica, sans-serif;
	font-size: 					18px;
	font-weight: 				normal;
	padding-top:				6px;
	margin-bottom:				18px;
	padding-bottom:			8px;
	text-transform: 			uppercase;
}

#sidepanel p {
	font-size: 					14px;
	line-height: 				20px;
	padding:						9px 0 9px 0;
}

#sidepanel p.more {
	line-height: 				1em;
	padding-top:				0px;
	text-align: 				right;
}

#sidepanel ul {
	color:						#999;
	margin:						0 0 0 15px;
	padding-left:				0px;
	list-style: 				square;
}

#sidepanel li {
	padding-top:				4px;
	padding-bottom:			4px;
}

#sidepanel input, #sidepanel textarea, #sidepanel select {
	background-color: 		#bcbec0;
	color:						white;
}


#sidepanel form.contact input, #sidepanel form.contact textarea {
	background-color: 		#bcbec0; 
	border:						0px none;
	color: 						white; 
	font-size:					13px;
	font-weight:				bold;
	padding:						5px;
	width:						240px;
}

#sidepanel form.contact input {
	height:						20px;
}

#sidepanel form input.trap {
	height:						1px;
	visibility: 				hidden;
	width:						1px;	
}

#sidepanel form.contact input.submit {
	background:					#58595b none;
	color:						White;
	text-align:					right;
	width:						60px;
}

#sidepanel form.contact textarea {
	height:						100px;
	overflow: 					hidden;
}

#sidepanel form.contact p {
	padding-top:				8px;
	padding-bottom:			0px;
}

#sidepanel form.distributors {
	background-color: 		#646568;  
	border-right: 				1px solid #555659;
	border-bottom:				1px solid #555659;
	padding:						15px 15px 15px 15px;
}

#sidepanel form.distributors label {
	float: 						left;
}

#sidepanel form.distributors input.dist,
#sidepanel form.distributors select,
#sidepanel form.distributors optgroup {
	background-color: #efefef;
	border: 						2px solid white;
	color: 						#3f3f3f; 
}

#sidepanel form.distributors p {
	padding:						4px 0 4px 0;
	text-align: 				right;
}

#sidepanel form.distributors p.spacer {
	font-size:					12px;
	font-style:					italic;
	padding-top:				5px;
	padding-bottom:			5px;
	text-align: 				center;
}

#sidepanel form.distributors p.submit {
	padding-top:				30px;
	text-align: 				center;
}

#sidepanel .error  {
	background-color: 		#eeeeee;
	margin:						12px 0 12px 0;
	padding:						5px 15px 5px 15px;
}

#sidepanel .error p  {
	color: 						#a52a2a;
	font-size:					13px;
}

#sidepanel form.distributors p.err {
	font-size:					11px;
}

#sidepanel .pt00			{ padding-top:  		0px; }
#sidepanel .pt06			{ padding-top:          6px; }
#sidepanel .pt09            { padding-top:          9px; }
#sidepanel .pt12            { padding-top:          12px; }
#sidepanel .pt18            { padding-top:          18px; }

#sidepanel .mt30  			{ margin-top: 			30px; }

/***************************************************************************************
/*  MAIN CONTENT 
/***************************************************************************************/

#content {
	float:						left;
	padding:						30px 35px 30px 35px;
}

#content p {
	text-align: 				left;
}

#content .more {
	font-size:					11px;
	text-align:					right;
}

#content ul.distributors {
	margin-top:					0px;
	margin-left:				10px;
	padding-left:				10px;
}

#content ul.distributors li {
	list-style:					square;
	margin:						0;
	padding-top:				18px;
}

#content ul.address {
	margin:						0 0 0 10px;
	padding:						0 0 0 10px;
}
#content ul.address li {
	list-style: 				none;
	line-height:				20px;
	margin:						0;
	padding:						0;
}

#content ul.address li.spacer {
	margin-top:					10px;
}

#content ol {
	margin-left:				25px;
	padding-left:				25px;

}

#content ol li {
	padding-top:				3px;
	padding-bottom:			3px;
}

#content ol li ol li {
	list-style: 				upper-alpha;
}

#content ul.alpha li {
	list-style: 				lower-alpha;
}

#content p.legend { 
	padding=top: 			3px;
	padding-bottom: 		18px;
	text-align: 			center;
	vertical-align: 		middle;
}
#content p.legend img { 
		vertical-align: 	middle; 
}

/***************************************************************************************/
/*  REGISTRATION FORM
/***************************************************************************************/

#content form.register {
	background-color: 		#646568;  
	border-right: 				1px solid #555659;
	border-bottom:				1px solid #555659;
	margin-top:					18px;
	padding:						20px 25px 20px 25px;
}

#content form.register label {
	float: 						left;
}

#content form.register input {
	font-size:					13px;
	width:						300px;
}

#content form.register p {
	padding:						4px 0 4px 0;
	text-align: 				right;
}

#content form.register p.submit {
	padding-top:				24px;
	text-align: 				center;
}

#content form.register input.submit {
	font-size:					13px;
	padding:						5px;
	width:						165px;
}

#content form input.trap {
	height:						1px;
	visibility: 				hidden;
	width:						1px;	
}

/***************************************************************************************/
/*  TABLES
/***************************************************************************************/

table {
	background: 				#d0d0d0;
	border:						3px double silver;
	margin-top:					18px;
	margin-bottom:				15px;
	width:						100%;
}	

table.breathe {
	text-align: 				center;
}

tr.bgb { 
	background: 				#c7c7c7 none; 
}

th {
	background: 				#b0b0b0;
	color:						#343536;
	font-size: 					11px;
	font-weight: 				bold;
}

td {
	color:						#353536;
	padding:						5px 8px 5px 8px;
}

table.gmargin td {
	font-size:					14px;
}

/***************************************************************************************/
/*  PAGE FOOTER
/***************************************************************************************/
	
#footer {
	background: 				#272123 none;
	padding:						6px 0 6px 0;
	text-align:					center;
	width:						965px;
}

#footer ul {
	margin:						0px;
	padding:						0px;
} 

#footer li {
	display:						inline;
	font-size:					13px;
	margin:						0px;
	padding-left:				34px;
	padding-right:				34px;
	text-transform: 			uppercase; 
}

/***************************************************************************************
/*  GOOGLE MAP 
/***************************************************************************************/

#map {
	background:					#58595b none;
	border:						3px double silver;
	height:						530px;
	margin-top:					18px;
	width:						569px;
}

#map .popup p {
	color: 						black;
	font-size:					12px;	
	line-height:				15px;
	padding-top:				9px;
	padding-bottom:			0px;
}

/***************************************************************************************
/*  MISCELLANEOUS
/***************************************************************************************/

.contact {
	background: 				#414142 url(../images/sidebar3.gif) repeat-y top right;
}

.distrib {
	background: 				#414142 url(../images/sidebar2.gif) repeat-y top left;
}

#banner1 {
	background-color: 		silver;
	border:						3px double black;
	margin-top:					18px;
	padding:						10px;
}

#banner1 p {
	color: #3d3d3d;
	text-align:					center;
}

#banner2 {
	background-color: 		#333333;
	border:						0px none;
	margin-top:					18px;
	padding:						0px;
}

#banner2 p {
	color: 						white;
	font-weight:				bold;
	line-height:				1em;
	margin:						0px;
	padding:						0px;
	text-align:					center;
}

#banner2 img {
	background: 				white;
	margin:						0px;
	padding:						15px;
}

p.seologo {
	border:						0px none;
	margin-top:					250px;
	text-align: 				center;
}

p.seologo img {
	border:						0px none;
	margin:						20px;
	vertical-align: 			middle;
}