﻿html{
	margin:0;
	padding:0;
	height:100%;
}
body{
	margin:0;
	padding:0;
	height:100%;
	background-color:#FFFFFF;
	font-family:helvetica, arial, sans-serif;
	font-size:14px;
}
div.distributors div {
	margin-top:20px;
}
div.distributors div img {
	display:block;
}
h1{
	font-size:1.2em;
	margin:0;
}
form{
	margin:0;
	padding:0;
}
input.button{
	border-right:1px solid #848484;
	border-bottom:1px solid #848484;
	cursor:pointer;
}
table#wrapper{
	height:100%;
	/*width:1024px;*/
	background-color:#FFFFFF;
	border-collapse:collapse;
}
div.hp {    
	background-image:url("http://www.crystek.com/microwave/images/background_home.jpg");
	background-repeat:no-repeat;
}
table.hp {
    border-collapse:collapse;
    border:1px solid #ccc;
    margin:5px 0 10px 12px;
}
table.hp td {
    border:1px solid #ccc;    
}
table.hp td img {
    display:block;
}
/* ---------------------- */
/* Heading                */
/* ---------------------- */
.heading {
    width:360px;
    height:28px;
    background-image:url("http://www.crystek.com/microwave/images/red_background_home.jpg");
    background-repeat:no-repeat;
    color:white;
    font-weight:bold;
    padding-left:1em;
    margin:0em;
}
.heading a {
    color:white;
    font-weight:bold;
    text-decoration:none;
}
.heading a:hover {
    text-decoration:underline;
}
.headingDiv  {
	border-left: 3px solid #CC0000;
	border-top: 3px solid #CC0000;
	border-right: 3px solid #660000;
	border-bottom: 3px solid #660000;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin:0px;
	background-color:#990000;
	color: #FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
/* ---------------------- */
/* Description            */
/* ---------------------- */
table.hp td.description {
    background-color:#ededed;
    padding:0em;
    margin:0em;
    vertical-align:top;
}
.descText {
	margin:0em;
	padding:0em;
	padding-left:1em;
	width:360px;
}
/* ---------------------- */
ul#upper_left_navigation{
	margin:0;
	padding:20px 0 0 0;
	list-style:none;
}
ul#upper_left_navigation li{
	display:block;
	float:left;
	padding:10px 5px 10px 5px;
}
ul#upper_left_navigation li a:link,
ul#upper_left_navigation li a:visited{
	text-decoration:none;
	color:#000000;
}
ul#upper_left_navigation li a:hover{
	color:#970F01;
	display:block;
}
td#top_navigation_cell{
	background-color:#970F01;
	height:28px;
	margin:0;
	padding:0;
}
ul#top_navigation{
	margin:0;
	padding:0;
	list-style:none;
}
ul#top_navigation li{
	float:left;
}
ul#top_navigation li img{
	display:block;
}
td#left_column{
	width:170px;
	padding:5px;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	text-align:center;
}
td#right_column{
	padding:10px 0px 10px 10px;
	/* width:1000px; */
	vertical-align:top;
	border-right:1px solid #CCCCCC;
}
td#footer{
	font-size:.9em;
	text-align:center;
	padding:20px;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}
div#search{
	padding:5px 0;
}
div#search{
	line-height:1em !important;
	line-height:.6em;
}
div#select{
	margin-top:5px;
}
input.text{
	width:175px;
	margin-top:5px;
	border-top:1px solid #3C3C3C;
	border-left:1px solid #3C3C3C;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}
div.sidebar{
	text-align:center;
	border-top:1px solid #CCCCCC;
	padding:10px 0;
	width:200px;
	font-size:.8em;
	font-weight:bold;
}
table.info,
table.frequencies{
	width:75%;
	border:2px solid #CCCCCC;
	border-collapse:collapse;
}
table#news{
	border:none;
}
table.info th,
table.info td,
table.frequencies th,
table.frequencies td{
	font-size:.95em;
}
td#image{
	padding:10px 5px 10px 10px;
	vertical-align:top;
}
table#category td#image{
	width:112px;	
}
.description{
	padding:10px 10px 10px 5px;
	vertical-align:top;
}
.description a,
.description a:visited {
	text-decoration:none;
	color:maroon;
}
.description a:hover {
	text-decoration:none;
	color:gray;
}
.infobox a,
.infobox a:visited {
	text-decoration:none;
	color:#970F01;
}
.infobox a:hover {
	text-decoration:none;
	color:gray;
}
.infobox ul {
	margin-top:5px;
	margin-bottom:5px;
	padding-top:5px;
	padding-bottom:5px;
}
.infobox ul il {
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
}
div#category_name,
div#article_title{
	font-weight:bold;
}
div#category_files{
	margin:10 0px;
	width: 100px;
}
div#category_files ul{
	margin:0;
	padding:0;
	list-style:none;
}
table#form, table#products{
	margin-top:20px;
}
table#form th,
table#products th{
	vertical-align:top;
}
table#form td,
table#product td{
	vertical-align:bottom;
}
table#form th,
table#form td,
table#products th,
table#products td,
table.frequencies th,
table.frequencies td{
	border:2px solid #CCCCCC;
	text-align:center;
	padding:5px;
}
table.frequencies td{
	padding:1px;
}
a.download,
a.download:visited,
a.read_more,
a.read_more:visited{
	color:#970F01;
}
a.download:hover,
a.read_more:hover{
	color:#AAAAAA;
}
div.help{
	font-size:small;
	color:red;
	background-color:#F0F0F0;
	border:2px solid #CCCCCC;
	padding:20px;
	/*margin:10px 5px 5px 5px;*/
	margin:0 5px 5px 5px;
	display:none;
}
input#needle {
	margin:0;
}
div#frequencies_wrapper{
	overflow:auto;
	padding:10px 10px 50px 10px;
	width:720px;
	height:400px;
}
table.frequencies th,
table.frequenies td{
	padding:5px;
	font-size:.9em;
}
table.frequencies th{
	background-color:#999999;
	color:#FFFFFF;
	vertical-align:center;
}
table.frequencies td.range{
	cursor:pointer;
}
#popitmenu{
	position:absolute;
	background-color:#F0F0F0;
	border:2px solid white;
	font: bold 10px Verdana;
	line-height:18px;
	z-index:100;
	visibility:hidden;
	padding:5px;
}
#popitmenu a{
	text-decoration:none;
	color:black;
	display:block;
}
/*hover background color*/
#popitmenu a:hover{	
	background-color:#999999;
	color:#FFFFFF;
}
div.separator {
	width:100%;
	border:2px solid #61281F;
	background-color:#970F01;
	padding:5px;
	color:white;
	font-size:1em;
	clear:both;
	margin:10px;
}
img.overview{
	 margin-bottom:15px;
}
table {
	font-family:helvetica, arial, sans-serif;
	font-size:small;
	border-collapse:collapse;
}
table th {
	/*white-space: nowrap;*/
	font-family:helvetica, arial, sans-serif;
	font-size:small;
	vertical-align:top;
	text-align:center;
	/*background:silver;*/
	background:#E6E6E6;
	/*border:1px solid black;*/
	padding:8px;
}
.prodList {
	font-family:helvetica, arial, sans-serif;
	font-size:small;
	border-collapse:collapse;
	/*border:1px solid silver;*/
	border:1px solid #CCCCCC;
	/*text-align:center;*/
	padding:8px;
}
.prodList td {
	text-align:center;
	border:1px solid silver;
	padding:8px;
}
/* ----------------------- */
/* Cable Loss Table        */
/* ----------------------- */
.cableLoss {
	background-color:white;
	font-family:helvetica, arial, sans-serif;
	font-size:small;
	border-collapse:collapse;
	border:1px solid #CCCCCC;
	padding:0.6em;
}
.cableLoss th {
	background-color:#E6E6E6;
}
.cableLoss td {
	text-align:center;
	border:1px solid silver;
	padding:0.6em;
}
/* ----------------------- */
.prodPN {
	width:185px;
}
.prodType{
	width:50px;
}
/*
.prodSh{
	width:75px;
}
*/
.prodConn{
	width:100px;
}
.prodGen{
	width:95px;
}
.prodOri{
	width:130px;
}
.prodLen {
	width:40px;
}
/* ----------------------- */
.clsFixedHeaderTable {
	border-collapse:collapse;
	border:1px solid #CCCCCC;
}
/* ----------------------- */
/* Image for Side Menu     */
/* ----------------------- */
.prodImgSel {
	padding-top:1.5em;
	margin-top:0em;
	padding-bottom:1.5em;
	margin-bottom:0em;
}
/* ----------------------- */
.featureList {
	list-style:disk;
	margin-left:3em;
	padding-left:3em;
	display:block;
}
.featureList li {
	margin-left:9em;
}
/* ----------------------- */
/* Dropdown Menu           */
/* ----------------------- */
.navList {
	list-style:disk;
	margin-left:1em;
	padding-left:0em;
	display:block;
}
.navList a {
	color:maroon;
	text-decoration:none;
}
.navList a:hover {
	color:gray;
}
.navList li:hover #cableSub {
	display:block;
}
/* Setup the sub menu(s) */
#cableSub {
	color:maroon;
	list-style:none;
	margin:0em;
	padding:0.5em;
	position:absolute;
	left:7em;
	float:none;
	background-color:#ededed;
	border:1px solid gray;
	white-space:nowrap;
	/* width:18em; */
	display:none;
}
#cableSub a {
	color:maroon;
	text-decoration:none;
}
#cableSub a:hover {
	color:gray;
}
#vcoSub {
	color:maroon;
	list-style:none;
	margin-left:1em;
	padding-left:0em;
	display:block;
}
#vcoSub a {
	color:maroon;
	text-decoration:none;
}
#vcoSub a:hover {
	color:gray;
}
/* ----------------------- */
.GuideLink a,
.GuideLink a:active,
.GuideLink a:focus,
.GuideLink a:link,
.GuideLink a:visited {
	border-left: 4px solid #CC0000;
	border-top: 4px solid #CC0000;
	border-right: 4px solid #660000;
	border-bottom: 4px solid #660000;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color:#990000;
	color: #FFFFFF;
	text-decoration:none;
	font-size: 12pt;
	line-height: 35px;
	font-weight:bold;
}
.GuideLink a:hover {
	background-color:#E0E0E0;
	color: #990000;
}
.hiddenPreload {
	display:none;
}
/* -------------------------------------- */
/*Credits: Dynamic Drive CSS Library      */
/*URL: http://www.dynamicdrive.com/style/ */
/* -------------------------------------- */
.thumbnail{
	position: relative;
	z-index: 0;
}
.thumbnail:hover{
	background-color: transparent;
	z-index: 50;
}
.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: silver;
	padding: 2px;
	left: -1000px;
	border: 1px gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 0px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: 5px;
	left: 5px; /*position where enlarged image should offset horizontally */
}
/* ----------------------- */