@import url(reset.css);

body {
	background-color: #2B2B2B;
	font-family: Arial, Trebuchet MS, Sans-serif;
	font-size: 12px;
	height: 100%;
	line-height: 16px;
	width: 100%;
	min-height: 600px;
	min-width: 960px;
	position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
}

a {
	color: #999999;
	text-decoration: none;
}

#container {
	height: 566px;
	margin: -283px 0 0 -475px;
	position: absolute;
		top: 50%;
		left: 50%;
	width: 950px;
}

#masthead {
	background-color: #191919;
	font-size: 10px;
	letter-spacing: 1px;
	line-height: 12px;
	position: absolute;
		left: 0;
		bottom: 0;
	height: 86px;
	width: 950px;
}

	#masthead a {
		color: #999999;
		display: block;
		width: 100%;
	}
	#masthead a:hover,
	#masthead a.selected {
		color: #FFFFFF;
	}

	#masthead h1 {
		background-color: #2B2B2B;
		float: left;
		padding-right: 10px;
		width: 86px;
	}

		#masthead h1 a {
			background: url(../img/sitelogo.gif) 0 0 no-repeat;
			height: 86px;
			text-indent: -9000px;
		}
		
	#masthead ul {
		position: absolute;
			top: 0;
			left: 106px;
		font-weight: bold;
		padding-top: 9px;
		text-transform: uppercase;
		width: 96px;
		z-index: 1000;
	}
	
		#masthead ul a {
			padding: 1px 0;
		}
	
		#masthead ul ul {
			display: none;
		}
		#masthead a.selected + ul {
			display: block;
			z-index: 900;
		}



#content {
	background-color: #000000;
	color: #FFFFFF;
	height: 470px;
}

	#content a {
		border-bottom: 1px solid #999999;
		color: #999999;
	}

	#content img {
		display: block;
		margin-bottom: 1em;
	}

	#content p {
		margin-bottom: 1em;
	}

	#content dl {
		margin-bottom: .75em;
	}

		#content dl dt {
			font-weight: bold;
			margin-bottom: .25em;
		}

		#content dl dd {
			margin-bottom: .25em;
		}

	#content dl.preview {
		min-height: 120px; /* ie6.css */
		padding-left: 150px;
		position: relative;
	}

		#content dl.preview dd {
			font-size: 12px;
		}

		#content dl.preview dd.icon {
			height: 110px;
			overflow: hidden;
			position: absolute;
				top: 0;
				left: 0;
			width: 110px;
		}

	#content ol,
	#content ul,
	#content li {
		margin-bottom: .5em;
	}



	.message
	{
		padding: 1em;
		font-style: italic;
	}
	.error
	{
		color: #CC3300;
		background: #FFEBEB;
	}

	.success
	{
		color: #69BA13;
		background: #EDFCDE;
	}


	dl.field {
		float: left;
		line-height: 1em;
		margin-bottom: 5px !important;
	}
	dl.field.left {
		display: inline;
		float: left;
		margin-right: 20px;
		width: 180px;
	}

		dl.field dt {
			font-size: 11px;
			font-weight: bold;
			line-height: 1em;
			margin-bottom: 0 !important;
			padding-bottom: 1px;
		}

		dl.field input.text,
		dl.field textarea,
		dl.field.full textarea {
			width: 390px;
		}
		dl.field.left input.text,
		dl.field.right input.text,
		dl.field.left textarea,
		dl.field.right textarea,
		dl.field.left select,
		dl.field.right select {
			width: 180px;
		}

		dl.field textarea {
			width: 385px;
		}



.col4,
.col3,
.col2,
.col1 {
	float: left;
	height: 470px;
	overflow: hidden;
	position: relative;
}
.col4 {
	width: 950px;
}
.col3 {
	width: 700px;
}
.col2 {
	width: 475px;
}
.col1 {
	width: 250px;
}



.module {
	float: left;
	font-size: 14px;
	height: 470px;
}
.col2 .module {
	padding: 40px;
	width: 395px;
}

.col2 .module #flash_left, .col2 .module #flash_right {
	margin: -40px 0 0 -40px;
	}

.module_overview {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.25em;
}

	.module_overview .content {
		position: absolute;
			top: 100%;
		width: 395px;
	}

.module_text {
	
}

	.module_text .content {
		position: absolute;
			top: 100%;
		width: 395px;
	}

.module_image {
	padding: 0 !important;
	height: 470px;
	width: 475px;
}

.module_contact {
	background: #888888;
	color: #000000;
}

.module_product_details {
	background: #FFFFFF;
	color: #000000;
}

	.module_product_details .detail {
		position: absolute;
			top: 100%;
		width: 395px;
	}
	
	.module_product_details #filler {
		font-size: 16px;
		font-weight: bold;
		line-height: 1.25em;
	}

.module_news {
	background: #FFFFFF;
	color: #000000;
}

.module_awards {
	background: #FFFFFF;
	color: #000000;
}

.module#paginated {
	
}
	
	.module#paginated .page {
		position: absolute;
			top: 100%;
		width: 395px;
	}
	
	.module#paginated #toggle_pages {
		line-height: 1em;
		position: absolute;
			left: 195px;
			bottom: 10px;
		text-align: center;
	}
	
		.module#paginated #toggle_pages a {
			margin-left: 12px;
		}
	
	.module#paginated .indicator {
		float: left;
		height: 12px;
		width: 60px;
	}
	
	.module#paginated .toggle {
		cursor: pointer;
		float: left;
		font-size: 1px;
		height: 12px;
		overflow: hidden;
		width: 12px;
		text-indent: -9000px;
	}
	
		.module#paginated .toggle#toggle_previous {
			background: url(../img/arrow_left.gif) 100% 0 no-repeat;
		}
		.module#paginated .toggle#toggle_next {
			background: url(../img/arrow_right.gif) 0 0 no-repeat;
		}

.module_publications {
	background: #FFFFFF;
	color: #000000;
}

.module_product_controller {
	padding: 0 !important;
	height: 470px;
	width: 475px;
}

.module_distributor_controls {
	background: #888888;
	color: #000000;
}

	.module_distributor_controls .content {
		position: absolute;
			top: 100%;
		width: 395px;
	}

	.module_distributor_controls select {
		width: 390px;
	}

.module_distributor_results {
	background: #FFFFFF;
	color: #000000;
}

	.module_distributor_results .content {
		font-size: 24px;
		padding-top: 1em;
		position: absolute;
			top: 100%;
		width: 395px;
	}

	.module_distributor_results .state {
		position: absolute;
			top: 100%;
		width: 395px;
	}



.module_feature {
	/*background-color: #2B2B2B;*/
	height: 470px;
	position: relative;
	width: 950px;
}
	
	.module_feature #module_feature_images {
		overflow: hidden;
	}
	
		.module_feature #module_feature_images img {
			position: absolute;
				top: 0;
				left: 0;
		}
	
	.module_feature #module_feature_callout {
		font-size: 60px;
		height: 400px;
		line-height: 1.25em;
		position: absolute;
			top: 40px;
			left: 40px;
		width: 500px;
	}
	
	.module_feature .features {
		height: 470px;
		/*opacity: .9;*/
		padding: 10px;
		position: absolute;
			right: 0;
			top: 0;
		width: 230px;
	}
	
		.module_feature .features dl {
			background-color: #191919;
			height: 123px;
			margin-bottom: 10px !important;
			overflow: hidden;
			padding: 10px;
			position: relative;
		}
		.module_feature .features dl.link:hover {
			background-color: #2B2B2B;
		}
		
			.module_feature .features dl a {
				border: none !important;
				display: block;
			}
			
			.module_feature .features dl dt a {
				color: #FFFFFF !important;
			}
			
			.module_feature .features dl dd {
				color: #999999;
				font-size: 12px;
			}
			
				.module_feature .features dl dd.link a {
					position: absolute;
						top: 0;
						right: 0;
						bottom: 0;
						left: 0;
					text-indent: -9000px;
				}


.content p {
	color:#cccccc; /*
	font-weight:normal;
	word-spacing:1px; */
	}
	
a.noUnderline, a.noUnderline:active, a.noUnderline:visited, a.noUnderline:hover {
	border-bottom:0 !important;
	text-decoration: none !important;
	}
	
a.noUnderline:hover {
	text-decoration:underline !important;
	}
	
	
.explore_modular {
	
}

.explore_modular span, .circle{
	background: transparent url(../img/circle.png) no-repeat;
	width: 50px;
	height: 50px;
	position: absolute;
	visibility: hidden;
}

.explore_modular a:hover span{
	visibility: visible;
}
	
	/*
	
	.form_item
	{
		font-size: 11px;
		margin: 0;
		padding: .5em 0 0 0;
		float: left;
		width: 185px;
	}
	
	.form_item.first
	{
		clear: both;
		margin-right: 10px;
	}
	
	.form_item.full
	{
		width: 390px;
	}

		.form_item label
		{
			font-weight: bold;
		}

		.form_item label.must_validate:after
		{
			content: '*';
		}

		.form_item .error
		{
			color: #CC3300;
		}

	.form_item .input
	{
		margin-bottom: .5em;
	}

		.form_item .input textarea, .form_item .input .text, .form_item .input select
		{
			font-family: Arial;
			font-size: 11px;

			widthx: 100%;

			padding: .3em;
			color: #4D4D4D;
			border: 1px solid #000000;

		}
*/

.dark {
	color: #0c0c0c!important;
}