/* TABLE SORTING STYLES */

.sortcol {
	cursor: pointer;
	padding-right: 20px;
	background-repeat: no-repeat;
	background-position: right center;
}
.sortasc {
	background-color: #DDFFAC;
	background-image: url('up.gif');
}
.sortdesc {
	background-color: #B9DDFF;
	background-image: url('down.gif');
}
.nosort {
	cursor: default;
}



/* GENERAL STYLES */

* {
	font-family: verdana, helvetica, arial, sans-serif;
	color: black;
}

div.spacer { clear: left; height: 1px; }
	div.spacer * { height: 1px; font-size: 1px; }

body {
	margin: auto;
	padding: 0px;
	background-color: #023051; /* space blue */
	background-color: #1a1f23; /* dark gray */
	font-family: verdana, helvetica, arial, sans-serif;
	color: black;
}

a, a * {
	color: #ea1b23; /* red */
}

p, div {
	font-size: 11px;
}

h1 {
	margin-top: 0px;
	padding-top: 1em;
}

h1, h2 {
	font-family: trebuchet ms, trebuchet, verdana, helvetica, sans-serif;
	line-height: 120%;
}

	h2 .subtitle {
		font-size: 12px;
		font-weight: normal;
		font-style: italic;
	}

.hot {
	color: #ea1b23; /* red */
	font-style: italic;
}

.warm {
	font-style: italic;
}

.instrux {
	color: #666;
	font-style: italic;
	font-size: 11px;
}

.photocaption {
	font-style: italic;
	font-size: 11px;
}

.bigger { font-size: 20px; }

.specialnotice {
	clear: left;
	background-color: #c0e4f6; /* pale blue BG */
	border: 1px solid #1c526c;
	padding: 5px;
}

#pagewrap {
	width: 980px;
	background-color: white;
	margin-left: auto;
	margin-right: auto;
	margin-top: 12px;
	min-height: 400px;
}

#header {
	width: 980px;
	height: 100px;
	border-top: 2px solid #009baf; /* bonnie blue */
	border-bottom: 2px solid #06b8d4; /* brighter blue */
	background-color: #1c526c;
	background-image: url('../images/header.jpg');
	background-position: center -30px;
}

#contact_block {
	float: right;
	margin-right: 90px;
	padding: 5px;
	background-color: white;
	opacity: 0.85;
}

#content {
	width: 980px;
}

#fullcol {
	margin-left: 40px;
	margin-right: 30px;
	padding-bottom: 16px;
	min-height: 400px;
}

#fp_leftcol {
	margin-left: 40px;
	width: 540px;
	padding-bottom: 16px;
	min-height: 400px;
}

	#fp_intro {
		margin-bottom: 2em;
	}
	#fp_intro p {
		font-size: 14px;
		line-height: 160%;
		color: #666;
	}

#fp_rightcol {
	float: right;
	position: relative;
	width: 300px;
	margin-right: 30px;
	background-color: #c0c2ce;
	background-color: #d4d4d4;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 16px;
	min-height: 400px;
}

	#fp_rightcol hr {
		color: #06b8d4; /* brighter blue */
	}

#leftcol_nav {
	float: left;
	margin-top: 24px;
	width: 230px;
}

	#leftcol_nav ul#tertiary {
		list-style-type: none;
		padding-left: 0px;
		margin-left: 0px;
		width: 210px;
		margin-top: 1px;
		padding-right: 15px;
		padding-bottom: 30px;
		border-right: 1px solid #bbb;
	}
	
		#leftcol_nav ul#tertiary li {
			text-align: center;
			margin-bottom: 4px;
		}
		
			#leftcol_nav ul#tertiary li.active a {
				background-color: #666;
				color: white;
			}

		#leftcol_nav ul#tertiary ul.quaternary {
			list-style-type: none;
			margin-left: 15px;
			padding-left: 0px;
			width: 190px;
			margin-top: 8px;
			margin-bottom: 8px;
		}
		
			#leftcol_nav ul#tertiary ul.quaternary li {
				margin-bottom: 4px;
				text-align: center;
			}
				#leftcol_nav ul#tertiary ul.quaternary li a {
					background-color: gray;
				}
			#leftcol_nav ul#tertiary ul.quaternary li:hover a {
				background-color: #ccc;
				color: black;
			}
					
		#leftcol_nav ul#tertiary li a:hover {
			background-color: #ff6966;
			color: white;
		}
		
			#leftcol_nav ul#tertiary li a {
				text-decoration: none;
				color: white;
				height: 25px;
				display: block;
				line-height: 22px;
				background-color: #ea1b23; /* red */
			}
		
			#leftcol_nav ul#tertiary li a * {		
				text-decoration: none;
				color: white;
			}
			
	#leftcol_nav #tertprods {
		margin-top: 0px;
		margin-left: 0px;
		padding-left: 0px;
		list-style-type: none;	
	}
	
		#leftcol_nav #tertprods li {
			margin-bottom: 6px;
		}
		
			#leftcol_nav #tertprods .active a {
				font-weight: bold;
				color: black;
			}
			
			#leftcol_nav #tertprods li a {
				text-decoration: none;
			}
			
			#leftcol_nav #tertprods li a:hover {
				text-decoration: underline;
			}

#rightcol_main {
	margin-left: 250px;
	
}

#rightcol_full {

}

div.navcat {
	display: inline-block;
	height: 80px;
	width: 100px;
	border: 1px solid black;
	margin-right: 12px;
	vertical-align: top;
	font-size: 11px;
	text-align: center;
	padding-top: 40px;
	padding-left: 10px;
	padding-right: 10px;
}

tr.navbox td {
	border-bottom: 1px solid gray;
	padding-top: 10px;
}

tr.navbox td.navtext {
	font-size: 11px;
}

tr.navbox td.navtext a {
	font-size: 16px;
	text-decoration: none;
}
tr.navbox td.navtext a:hover {
	text-decoration: underline;
}

tr.navbox img {
	border: 1px solid black;
	margin-bottom: 1em;
	margin-right: 2em;
}

.navpic img {
	margin-left: 10px;
}

#main {
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	min-height: 380px;
}

#footer {
	clear: both;
	width: 980px;
	background-color: #1c526c; /* header blueish */
	background-color: #023051; /* space blue */
	background-color: #1a1f23; /* dark gray */
	border-top: 2px solid #06b8d4; /* brighter blue */
	color: #cfcfcf;
	text-align: center;
	padding-top: 13px;
	padding-bottom: 12px;
	font-size: 12px;
}
	#footer * {
		color: #cfcfcf;
		font-size: 12px;
	}

.products_table {
	margin-bottom: 12px;
}

table.products_table tr th {
	text-align: center;
}

table.products_table tr td {
	font-size: 10.5px;
	height: 30px; /* Interpreted as min-height for table cells. */
	text-align: center;
}

#prodfeatures {
	float: left;
	width: 59%;
	margin-top: 1em;
}

	#prodfeatures h3 {
		margin-top: 0px;
		margin-bottom: 0px;
		background-color: #ea1b23; /* red */
		background-color: #1c526c; /* header blueish */
		color: white;
		padding: 4px;
	}
	
	#prodfeatures ul {
		border: 1px solid #1c526c; /* header blueish */
		margin-top: 0px;
		padding-top: 1em;
		padding-bottom: 1em;
		padding-left: 30px;
		padding-right: 10px;
		margin-left: 0px;
	}

#prodapps {
	float: right;
	margin-top: 1em;
	width: 40%;
}

	#prodapps h3 {
		margin-top: 0px;
		margin-bottom: 0px;
		background-color: #ea1b23; /* red */
		background-color: #1c526c; /* header blueish */
		color: white;
		padding: 4px;
	}

	#prodapps ul {
		border: 1px solid #1c526c; /* header blueish */
		margin-top: 0px;
		margin-left: 0px;
		padding-top: 1em;
		padding-bottom: 1em;
		padding-left: 30px;
		padding-right: 10px;
	}
	
	#prodapps ul .plainpara {
		margin-top: 0px;
		margin-bottom: 0px;
		margin-left: -20px;
	}

table.specs tr td {
	padding-right: 2em;
	padding-bottom: 0.5em;
	vertical-align: top;
}

img.specsimage {
	max-width: 690px;
	margin-top: 2em;
}

div.drawing {
	padding: 12px;
	background-color: white;
	margin-top: 12px;
	margin-bottom: 12px;
	text-align: center;
}

	div.drawing img {
		border: 2px solid #333;	
	}

.form_params {
	border: 1px solid #888;
	padding: 10px;
}

#procquote_form #lastname_para {
	display: none; /* honeypot field */
}

/* NEWS styles */

.newsrow {
	margin-bottom: 1.5em;
}

.newstitle { font-size: 12px; }

.newsdate {
	color: #666;
	font-style: italic;
}

.splicer-cat-header {
	background-image: url(../images/arrow-right.gif);
	background-position: left 1px;
	background-repeat: no-repeat; 
	padding-left: 20px;
}

	.splicer-cat-header a {
		color: black;
		cursor: pointer; 
	}

.spaced li {
	margin-bottom: 10px;
}

.discrete li {
	clear: right;
}

.sw_package {
	position: relative;
	margin-bottom: 12px;
}

	.sw_package img {
		border: 1px solid black;
			float: left;
	}
	
	.sw_package .swtext {
		/*
		position: absolute;
		top: 0px;
		left: 250px;
		*/
			margin-left: 250px;
		font-size: 14px;
		padding-top: 28px;	
	}

#fiberPowerBullets li {
	font-size: 14px;
}

.quotenote {
	color: #ea1b23; /* red */
	font-style: italic;
}

.actfloat {
	float: right;
	clear: right;
	width: 190px;
	margin-left: 12px;
	margin-bottom: 24px;
}

.optotable {
	margin-top: 1em; 
	margin-bottom: 1em;
}

	.optotable td {
		text-align: center;
	}

.surplusbanner {
	border: 1px solid #888;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #fef0d8;
}

.surpluscat {
	margin-left: 3em;
	margin-bottom: 40px;
}
	
	.surpluscat h3 {
		margin-top: 2em;
		font-style: italic;
	}

	.surpluscat dl {
		margin-bottom: 30px;
	}
	
	.surpluscat dt {
		padding-bottom: 5px;
		border-bottom: 1px solid #e0e0e0;
		margin-bottom: 5px;
	}
	
.footnote {
	border-top: 1px solid #e0e0e0;
	padding-top: 4px;
	font-style: italic;
	margin-right: 140px;
	margin-bottom: 40px;
}