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


	/* Basic structure --------------------------------------------------------------------------------------------------------------------------- */
	
		body {
			margin:20px 0 0 0;
			background:#a9d805;
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		}
		
			#container {
				margin:0 auto;
				padding:0;
				width:960px;
				overflow:hidden;
				background:white url(../../images/interface_background.gif) repeat-y;
				font-size:9pt;
				color:#555;
			}
			
				h1 {
					margin:0;
					padding:0;
					width:960px;
					height:121px;
					overflow:hidden;
					text-indent:-999px;
					background:url(../../images/interface_header.gif);
				}
				
				.padder { margin:0 7px 0 1px; }
		
			#footer {
				display:block;
				margin:10px auto;
				width:960px;
				text-align:center;
				font-size:12px;
				color:#666;
				height:150px;
			}
				#footer a { text-decoration:none; color:#444; }
					#footer a:hover { text-decoration:underline; }
					
			#footer_white { background:url(../../images/interface_footer.gif) top left; height:30px; display:block; overflow:hidden; }
				
			
	/* Menu --------------------------------------------------------------------------------------------------------------------------------------- */
			
			#menu {
				display:block;
				height:32px;
				width:100%;
				background:url(../../images/bg_menu.gif);
				clear:both;
				z-index:10000;
			}
				#menu ul {
					list-style-type:none;
					padding:0;
					margin:0;
					z-index:10000;
					
				}
					#menu ul li {
						padding:0;
						margin:0;
						display:inline;
					}
						#menu ul li a {
							display:block;

							float:left;
							padding:7px 10px 7px 10px;
							font-size:9pt;
							text-decoration:none;
							color:#777;
							background:url(../../images/bg_menu_sep.gif) no-repeat;
						}
						#menu ul li a:hover {	color:#000; }
						#menu ul li a.home  {	background:none; }
						
	ul#topnav li {
		float: left;
		margin: 0; padding: 0;
		position: relative;
		z-index:10000;
	}
	ul#topnav li a {
		float: left; 
	}
	 
	ul#topnav li .sub {
		position: absolute;	
		top: 32px; left: 0;
		background: #e7e7e7;
		padding: 20px 0px 10px 5px;
		float: left;
		border-left:#d0d0d0 thin solid;
		border-right:#d0d0d0 thin solid;
		border-bottom:#d0d0d0 thin solid;
		-webkit-box-shadow: 0px 2px 7px rgba(0,0,0,0.3);
		-moz-box-shadow: 0px 2px 7px rgba(0,0,0,0.3);
		box-shadow: 0px 2px 7px rgba(0,0,0,0.3);	
		-moz-border-radius-bottomright: 5px;
		-khtml-border-radius-bottomright: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-moz-border-radius-bottomleft: 5px;
		-khtml-border-radius-bottomleft: 5px;
		-webkit-border-bottom-left-radius: 5px;
		z-index:10000;
		display: none;
	}
	ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
	ul#topnav li .sub ul{
		list-style: none;
		margin: 0; padding: 0;
		width: 155px;
		padding-bottom:20px;
		float: left;
	}
	ul#topnav .sub ul li {
		width: 100%;
		color: #000;
	}
	ul#topnav .sub ul li h2 {
		padding: 0;  margin: 0;
		font-size: 12px;
		font-weight: bold;
		color:#666;
		padding-bottom:4px;
		padding-left:4px;
	}

	ul#topnav .sub ul li a {
		float: none; 
		text-indent: 0;
		height: auto;
		padding: 4px 0px 0px 4px;
		display: block;
		text-decoration: none;
		background: none;
		color: #83a805;
	}
	ul#topnav .sub ul li a:hover {color: #4d6300;}		
						
						
						
	
	
	/* Form styling ----------------------------------------------------------------------------------------------------------------------------------------- */
	
		form { margin:0; padding:0; }

		label.lhs { display:block; float:left; clear:both; margin-bottom:10px; width:80px; padding-top:2px; height:20px; }
		label.wider { width:120px; }

		input, textarea { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; }
		input.lhs, textarea.lhs { display:block; float:left; margin-bottom:10px; margin-right:0px; }
		input.rounded, textarea.rounded, select.rounded { border:1px solid #999; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; color:#777; padding:2px 5px; }
		
		input.large_margin_right { margin-right:180px; } /* issue with ie6 display on place order page */
		
		textarea { resize: none; }
		textarea.disabled, input.disabled { background:#ddd; }
		
		input.lhs:focus, textarea.lhs:focus, input.orange_select:focus, textarea.orange_select:focus, select.orange_select:focus { border:1px solid #ecb345; -moz-box-shadow: 0 0 4px #ecb345; -webkit-box-shadow: 0 0 4px #ecb345; box-shadow: 0 0 4px #ecb345; }
		
		.red_error { border:1px solid #ff0000; -moz-box-shadow: 0 0 4px #ff0000; -webkit-box-shadow: 0 0 4px #ff0000; box-shadow: 0 0 4px #ff0000; color:#ff0000; background:#ffeeee; }
	
	/* General styles --------------------------------------------------------------------------------------------------------------------------------------- */
	
		h2 {
			display:block;
			margin:0;
			font-family:"Century Gothic", Arial, Helvetica, sans-serif;
			font-weight:normal;
			font-size:24px;
		}
		p { text-align:justify; }
		a { color:#83a805; text-decoration:none; }
			a:hover { text-decoration:underline; }
		
		.dgrn { color:#83a805; }
		.lgrn { color:#a9d805; }
		.orange { color:#dca000; }
		.sml_gry { color:#888; font-size:10px; }
		
		.clearer { clear:both; height:0; overflow:hidden; }
		
		a.greenbut, a.orangebut { 
			display:inline-block;
			background:#dca000;
			color:white;
			font-weight:bold;
			padding:2px 5px;
			text-decoration:none;
			border:0;
				-moz-border-radius: 5px; 
				-webkit-border-radius: 5px; 
				border-radius:5px;
		}
			a.greenbut:hover, a.orangebut:hover { background:#a9d805; text-decoration:none; }
			a.greenbut:active, a.orangebut:active { position:relative; top:1px; left:1px; }
			
			a.greenbut { background:#a9d805; }
				a.greenbut:hover { background:#dca000; }
			
			/* useful for price list page where "order now" needs to pop up on hover */
			a.greenbut span.hidden_text, a.orangebut span.hidden_text { display:none; }
				a.greenbut:hover span.hidden_text,a.orangebut:hover span.hidden_text  { display:inline; color:#6a8311; }

		
		/* used for alternating dark and light blocks to separate content in longer pages */
			.dark_block { border-bottom:1px solid #CCC; background:#EEEEEE; }
			.white_block { border-bottom:1px solid #CCC; background:white; }
			.noborder { border:0; }
		
		/* use this for text blocks within the dark and white blocks */
			.text_padding, .text_padding_sml { padding:30px; }
			.text_padding_20 { padding:20px 30px; }
			.text_padding_place_order { padding:30px 25px; }
		/* use this if there's an image within the dark/white block and you want the text to float */
			.text_padding_sml { width:490px; float:left; overflow:hidden; }
			img.float_right { float:right; }
		/* use for captions on the rhs. use in combination with text_padding_sml */
			.caption_right { width:300px; float:left; padding:20px; border-left:1px solid #CCC; margin:20px 0; }

		.align_center { text-align:center; }
		
		/* error and success blocks */
			.error_red { display:block; padding:5px; color:#f00; background:#fee; border:1px solid #f00; text-align:center; margin:20px 0 0 0; }
		
		.green_note {
			display:inline-block;
			-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px;
			color:#6a8311;
			border:1px solid #6a8311;
			background:#eeffee;
			margin:20px 0 0 0;
			padding:2px 5px;
		}
		
		table.neat_pricing_table {
			border-collapse:collapse;
			border:0;
			width:100%;
			display:block;
		}
			table.neat_pricing_table tr td {
				padding:5px 20px;
				border:1px solid #ccc;
			}