@import url("reset.css");

body { background:#c0c8cd; font-family:Helvetica, Arial, sans-serif;}

strong { font-weight:bold; }
em, i  { font-style:italic; }

div#main-container {

	width:960px;
	min-height:600px;
	margin:50px auto -50px auto;

}

#main-container:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


div#top-nav {

	position:absolute;
	top:0;
	left:0; right:0;
	height:30px;
	background:url("../images/top-nav-bg.png") repeat-x; 

}

	div#top-nav ul { display:block; width:960px; margin:0 auto; height:30px; }
	div#top-nav ul li { float:right; margin:0 1px 0 0; display:block; }
	div#top-nav ul li a { display:block; font-size:11px; color:#fff; line-height:30px; text-decoration:none; padding:0 5px; text-transform:lowercase; }
	div#top-nav ul li a:hover, div#top-nav ul.top-nav li a.active { background:url("../images/top-nav-active.png") repeat-x; padding:0 4px; border-left:1px #fff solid; border-right:1px #fff solid; }

div#main-container div#top {

	width:960px;
	float:left;
	height:90px;
	background:url("../images/top-bg.png"); 

}

	div#top img { display:block; float:right; margin:0 20px 0 0; }

div#main-container div#main-nav {

	height:90px;
	width:960px;
	float:left;
	position:relative;
	background:#fff;
	z-index:1000;

}

	div#main-nav div#nav-curl-left {
	
		position:absolute;
		top:0; left:-10px;
		background:url("../images/nav-curl-left.png") no-repeat;
		width:10px;
		height:110px;
	
	}
	
	div#main-nav div#nav-curl-right {
	
		position:absolute;
		top:0; right:-10px;
		background:url("../images/nav-curl-right.png") no-repeat;
		width:10px;
		height:110px;
	
	}
	
	div#main-nav ul { display:block; float:left; position:relative; margin:10px 0 0 0px;}
		div#main-nav ul > li { position:relative; display:block; float:left; height:70px; width:239px; background:url("../images/feature-nav-off.png") repeat-x; border-right:1px #fff solid; z-index:1000;}
		div#main-nav ul li a { color:#fff; text-decoration:none; }
		div#main-nav ul li a:hover { color:#ccc; }
		div#main-nav ul li:hover { background:url("../images/feature-nav-hover.png") repeat-x; }
		div#main-nav ul li:active { background:url("../images/feature-nav-active.png") repeat-x; }
		div#main-nav ul li.last { border:none; }
		
		div#main-nav ul li img { display:block; float:left; padding:0 15px 0 0; position:relative; top:5px; }
		div#main-nav ul li > a { display:block; font-size:16px; color:#fff; text-decoration:none; line-height:18px; padding:16px; font-weight:bold; }
	
		div#main-nav ul li div.sub-nav { display:none; position:absolute; top:70px; left:0px; width:207px; min-height:200px; padding:15px; background:#35424d; border:1px #72848f solid; border-top:none; z-index:9999;}
		div#main-nav ul li div.sub-nav > ul { width:200px; float:left; position:relative; z-index:9999; }
		div#main-nav ul li ul li { background:none; font-size:12px; height:auto; border:none; color:#fff; font-weight:bold; margin:0 0 0px 0; line-height:14px; width:200px; list-style-position:inside; position:relative; z-index:9999;}
			div#main-nav ul li ul ul li { font-size:11px; color:#fff; line-height:14px; margin:0 0 5px 0; font-weight:normal; padding:0 0 0px 10px; }
			div#main-nav ul li ul ul li a { font-size:11px; color:#fff; line-height:14px; font-weight:normal; display:inline; padding:0px; margin:none; height:auto}
			div#main-nav ul li ul li:hover { background:none; }
			div#main-nav ul li ul ul li a:hover { text-decoration:underline; }
	
	
	
div#main-container div#features {

	width:960px;
	height:250px;
	float:left;
	overflow:hidden;
	
}

	div#features div.slide { position:relative; z-index:-1 !important; }

div#main-container div.belt { width:100%; height:30px; background:url("../images/grey-belt.png") repeat-x; float:left; }

div#main-container div#main-content {

	width:960px;
	float:left;
	position:relative;
	min-height:400px;
	background:#262626;
	padding:0 0 25px 0;

}

body.inside div#main-container div#main-content { background: url("../images/faux-column.png") top left repeat-y #262626; min-height:520px;}

	div#main-content div#sidebar {
	
		position:absolute;
		top:0;
		bottom:0;
		left:0;
		width:190px;
		padding:25px;
		background:url("../images/sidebar-bg.png") no-repeat top left #d97116; 
	
	}
	
		div#sidebar h2 { 
		
			font-size:20px;
			font-weight:bold;
			color:#fff;
			line-height:36px;
			margin:0 0 15px 0;
			
		}
		
		div#sidebar img.icon { float:left; padding:0 10px 0 0; }
		div#sidebar p { font-size:12px; color:#fff; margin:0 0 12px 0; line-height:16px; }
		div#sidebar a { color:#e5d5bd; text-decoration:none; }
		div#sidebar a:hover { color:#fff; }
	
	
	div#main-content div#sidenav {
	
		float:left;
		width:250px;
		background:#35424d;
		min-height:400px;

	
	}
	
		div#sidenav div#inside-menu { 
			background:url("../images/inside-menu-bg.png") repeat-y top left #fff; 
			width:260px;
			position:relative;
			left:-10px;
			float:left;
			min-height:200px;
			padding:0 0 10px 0;
		}
		
			div#inside-menu ul.top-level { width:240px; margin:15px 10px; background:#d97116; float:left; }
				ul.top-level li.top-level { min-height:40px; display:block; float:left; width:240px; background:url("../images/inside-menu-nav-off.png") repeat-x top left; cursor:pointer;}
				ul.top-level li.top-level a { color:#fff; text-decoration:none; }
				ul.top-level li.top-level a:hover { color:#ccc; }
				ul.top-level li.top-level:hover { background:url("../images/inside-menu-nav-hover.png") repeat-x top left; cursor:pointer; }
				ul.top-level li.top-level:active, ul.top-level li.top-level.active { background:url("../images/inside-menu-nav-active.png") repeat-x top left #d97116; }
				ul.top-level li.top-level > a { float:left; display:block; width:220px; height:40px; line-height:40px; padding:0 10px; color:#fff; text-decoration:none; font-size:12px; text-transform:lowercase;}
				ul.top-level li.top-level > a img.icon { display:block; float:left; margin:10px 8px 0 0;}
	
					div#inside-menu ul.top-level li.top-level li.foldable { display:none; float:left; width:200px; font-size:12px; font-weight:bold; padding:10px; line-height:18px;}
					div#inside-menu ul.top-level li.top-level.active li.foldable { display:block; }
					/*div#inside-menu ul.top-level li.top-level li.foldable > span:before { color:#f0c6a2; content:"+"; padding:0 5px 0 0; }
					div#inside-menu ul.top-level li.top-level li.foldable.open > span:before { color:#f0c6a2; content:"-"; padding:0 5px 0 0; }*/
					
					div#inside-menu ul.top-level li.top-level li.foldable > span { color:#fff; text-decoration:none; }
					div#inside-menu ul.top-level li li ul.tree-menu { float:left; padding:5px 20px; width:180px; }
					div#inside-menu ul.top-level li.top-level li.foldable ul.tree-menu {  }
						ul.tree-menu li { list-style-type:disc; color:#f0c6a2; }
						ul.tree-menu li a { font-size:11px; color:#fff; }
						ul.tree-menu li a:hover { color:#ccc; }
						ul.tree-menu li a.active { color:#333; }
			
			div#inside-menu div#inside-curl-top { height:10px; width:260px; background:url("../images/inside-nav-curl-top.png") no-repeat top left; position:absolute; top:0;}
			div#inside-menu div#inside-curl-bottom { height:30px; width:260px; background:url("../images/inside-nav-curl-bottom.png") no-repeat top left; position:absolute; bottom:0; }
	
			div.active li.foldable { display:block !important; }
	
	div#main-content div#text-content.home {
	
		width:670px;
		min-height:300px;
		float:right;
		padding:25px;
		background:url("../images/text-content-bg.png") no-repeat #262626;
	
	}
	
		div#text-content.inside div.belt { position:absolute; top:0; left:0;}
		div#text-content.inside div.bookmark { position:absolute; top:40px; right:10px; height:20px; width:130px; }
		div#text-content.inside div.bookmark a { font-size:12px; color:#72848f; text-decoration:none; line-height:20px; }
		div#text-content.inside div.bookmark a img { float:right; margin:0 0 0 5px; }
		div#text-content.inside div.bookmark a:hover { color:#fff; }
	
	div#main-content div#text-content.inside {
	
		width:660px;
		padding:65px 25px 20px 25px;
		background:url("../images/inside-text-content-bg.png") repeat-x 0px 30px #262626;
		float:right;
		overflow:auto;
		min-height:340px;
		position:relative !important;
	
	}
	
		div#text-content h2, span.homeHeader, span.subPageSection { color:#a1ae21; font-size:24px; line-height:28px; margin:0 0 15px 0; font-weight:bold; }
		div#text-content h3, .bodyCopyBold { color:#d97116; font-size:14px; font-weight:bold; line-height:22px; margin:0 0 8px 0; }
		div#text-content h4 { color:#a1ae21; font-size:12px; font-weight:bold; line-height:20px; }
		div#text-content div.entry, div#text-content p, div#text-content .bodyCopy { color:#fff; font-size:14px; line-height:20px; margin:0 0 12px 0; }
		div#text-content.home p { font-size:16px; line-height:24px; width:70%; margin:0 0 15px 0;}
		div#text-content img.inset { display:block; background:#000; padding:5px; border:1px #35424d solid; }
		div#text-content img.inset.right, div#text-content img[align=right] { float:right; margin:10px 0 15px 15px; }
		div#text-content img.inset.left, div#text-content img[align=left] { float:left; margin:0 15px 15px 0; }
		div#text-content a { color:#d97116; }
		div#text-content a:hover { color:#fff; }
		div#text-content ul, div#text-content ol, div#text-content dl { clear:both; margin:10px 25px; }	
		div#text-content ul > li, div#text-content dl > dd { font-size:13px; line-height:18px; margin:0 0 4px 0; list-style-type:disc; color:#fff; }
		div#text-content ul ul li { list-style-type:circle; }
		div#text-content ol >li { list-style-type:decimal ;font-size:13px; line-height:18px; margin:0 0 4px 0; color:#fff; }
		div#text-content ol ol li { list-style-type:lower-latin !important; }
		div#text-content sup { font-size:11px; position:relative; top:-4px; }
		div#text-content blockquote { float:left; margin:10px 0; color:#fff; font-size:14px; width:620px; background:#000; padding:15px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
		div#text-content ul ul, div#text-content ol ol { margin:0 15px; padding:0; }
		div#text-content p.entry-footer { font-size:12px; color:#72848F; float:left; clear:both; margin:15px 0 0 0; padding:20px 0 20px 0;}
		div#text-content p.entry-footer a.comments-link { padding:5px; background:#000; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0 0 0 10px; text-decoration:none; }
		div#text-content p.entry-footer span { color:#D97116; }
		div#text-content p.post-date { color:#fff }
		div#text-content div.entry { padding:0 0 25px 0; margin:0 0 55px 0; background:url(../images/entry-bg.png) no-repeat bottom; float:left;}
		div#text-content div.entry img { padding:5px; background:#333; }
		div#text-content div.entry b, div#text-content div.entry strong { color:#a1ae21; font-size:18px; font-weight:bold; line-height:22px; margin:0 0 6px 0; }
		div#text-content a { text-decoration:none !important; border:none !important; }
		div.blogger-post-footer { display:none; /* hide the blogger.com tracker img */ }
		
		div.product { position:relative !important; overflow:hidden; float:left; width:100%; height:126px; vertical-align:middle;}
		div.overlay { position:absolute; bottom:0; left:0; background:rgba(0,0,0,0.5); z-index:1000; }
		
		.dl-link { float:left; clear:both; padding:2px 0; margin:0 0 2px 0; text-transform: uppercase; }
		.dl-link img { position:relative; top:3px; padding:0 3px 0 0; }
		div.rfq { margin:0 0 10px 0; }
		
		/* <<<<<<<<<<<FORMS<<<<<<<<<<< */
		
		form { display:block; clear:both; }
		label, input { clear:both; }
		label { display:block; font-size:12px; color:#fff; padding:4px; cursor:pointer; width:200px; line-height:18px;}
		label:hover { background:#111; }
		input[type=text] { display:block; font-size:12px; padding:2px 1px; width:200px; line-height:18px;}
		input[type=submit] { clear:both; text-align:center; margin:10px 0 10px 0; }
		textarea { display:block; height:100px; width:210px; margin:0 0 10px 0; }
		form div.formcol { float:left; margin:0 20px 0 0; }
		

		
	
	div#main-content div#corners {
	
		width:960px;
		height:10px;
		clear:both;
		bottom:0px;
		position:relative;
		top:-5px;
		background:url("../images/main-content-bottom.png") no-repeat bottom left;
		z-index:0;
	
	}
	
	div#main-content div#corners.inside {
	
		background:url("../images/inside-bottom.jpg") no-repeat bottom left; 
	
	}
	
	
div#footer {

	clear:both;
	width:960px;
	margin:0 auto;
	font-size:11px;
	color:#35424d;
	padding:0px 0 40px 0;

}	

	div#footer div#footer-bg { border-top:1px #8e9da5 solid; background:#72848f; width:960px; height:20px; padding:15px 0 4px 0; text-align:center;}

	div#footer a { color:#35424d; text-decoration:none; }
	div#footer a:hover { color:#000; }
	
	div#footer div.col { float:left; width:25%; padding:10px 0; font-size:11px; line-height:14px;}
	div#footer div.col ul li { font-weight:bold; }
	div#footer div.col ul ul { margin:5px 10px 10px 10px; }
	div#footer div.col ul ul li { margin:0 0 2px 0; font-weight:normal; }
	
	hr { display:block; clear:both; height:1px; border:none; border-top:1px #e5d5bd solid; margin:15px 0;}
	
	table { border-collapse:collapse; }
	table td, table span.homeHeader { font-size:12px; color:#fff; line-height:18px; vertical-align:top;}
	table td { padding:2px; }
	table.specsheet { margin:0 0 15px 0; }
	table.specsheet td, table.specsheet th { font-size:13px; vertical-align:middle; border:1px #666 solid; padding:3px;}
	table.specsheet td.bodyCopyBold { font-weight:bold; color:#a1ae21; }
	table.specsheet th { color:#a1ae21; background:#000; }
	table.specsheet tr.even td { background:#000; }
	table.specsheet tr.odd td { background:#444; }
	table.specsheet tr:hover td { background:#666; }	
	table.general-data { border-collapse:collapse; }
	table.general-data td { font-size:12px; color:#fff; line-height:18px; vertical-align:middle; padding:5px; border-bottom:1px #333 solid; border-collapse:collapse; }
	
	div#output {
	
		width:500px;
		padding:10px;
		margin:10px 0;
		background:#333;
		color:#fff;
		font-size:13px;
		line-height:18px;
		clear:both;
		display:none;
	
	}