﻿/* ==== Webpage Default ==== */
@media print {
    .noprint {
        display:none !important;
    }
    .noprintShadow {
        box-shadow:none !important;
    }
}
@media screen {
    .noscreen {
        display:none !important;
    }
}
html,body {
    margin:0;
    padding:0;
    height:100%;
    border:none;
    z-index:0;
}
body {
    display:inline-block;
    position:relative;
    min-width:100%;
    /*box-sizing:border-box;*/
    background-color:#eee;
    font-family:Arial, Helvetica, Sans-Serif;
    text-align:center;
}
a,
a:link,
a:visited {
    color:#602118;
	text-decoration:none;
}
a:hover {
    color:gray;
    text-decoration:none;
}
img {
	border-style:none;
}
h1, h2, h3, h4 {
    padding:0;
    margin:0;
    font-size:medium;
    font-weight:normal;
}
abbr, acronym {
    cursor:help;
    border:none;
    text-decoration:none;
}
.sup {
    font-size:x-small;
    text-decoration:underline;
    vertical-align:top;
}
input[type=text], textarea {
    border-radius:3px;
    padding: 1px 1px 1px 3px;
    margin: 3px 0;
    border: 1px solid gray;
}
input[type=text]:focus, textarea:focus {
    border: 1px solid #800;
    box-shadow: 0 0 5px #800;
}
select:hover, select:focus {
    border: 1px solid #800;
    box-shadow: 0 0 5px #800;
}
/* ==== Headers and Footers ==== */
.headshadow {
    position:absolute;
    top:0;
    height:67px;
    width:100%;
    box-shadow:0 6px 20px 1px rgba(0, 0, 0, 0.3);
}
.headbar {
    position:absolute;
    top:0;
    height:67px;
    width:100%;
    background-color:#602118;
    background-image:url('/image/logo/_crystektop.jpg');
    background-repeat:repeat-x;
    z-index:3;
}
/*.headbar::before {
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    box-shadow:6px 0 20px 1px rgba(0, 0, 0, 0.3), -6px 0 20px 1px rgba(0, 0, 0, 0.3);
    z-index:-1;
}*/
/*===Content*/
.contentarea {
    display:inline-block;
    position:relative;
    box-sizing:border-box;
    min-width:1000px;
    min-height:100%;
    padding:67px 0 70px;
    box-shadow:6px 0 20px 1px rgba(0, 0, 0, 0.3), -6px 0 20px 1px rgba(0, 0, 0, 0.3);
    background-color:#fff;
    background-image:url(/image/logo/MicrowaveBackground.jpg);
    background-position:center 180px;
    background-repeat:no-repeat;
    z-index:2;
    text-align:left;
}
.contentpage {
    position:relative;
    padding:2px 10px 0 10px;
}
.footer {
    position:absolute;
    display:block;
    bottom:0;
    height:70px;
    width:100%;
    background-color:#602118;
}
.footbar {
    position:relative;
    height:70px;
    width:100%;
    margin-top:-70px;
    background-color:#602118;
    z-index:1;
}
.footNote {
	color:#fff;
	padding:15px 10px 0 10px;
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:13px;
	line-height:1.5;
	font-weight:bold;
}
.footNote a:link,
.footNote a:visited,
.footNote a:hover {
    color:#fff;
}
/* ==== Other ==== */
.cb {
	clear:both;
}
.FloatLeft {
    float:left;
}
.CenterBlock {
    display:block;
    margin-left:auto;
    margin-right:auto;
}
.CenterMargin {
    margin-left:auto;
    margin-right:auto;
}
.CenterText {
    text-align: center;
}
.pgMarg {
    margin-top:10px;
    margin-left:15px;
    min-height:80px;
}
.pgCMarg {
    margin-top:10px;
    margin-left:15px;
    text-align:center;
}
.pgLBlock {
    display:inline-block;
    text-align:left;
}
.locNav {
    padding-left:15px;
    margin-bottom:20px;
}
/* ==== Featured Products Gridview ==== */
.fpGVSummary,
.fpGVDetail {
    width:650px;
}
.fpGVSummary > tbody > tr > td,
.fpGVDetail > tbody > tr > td {
    padding-left:2px;
    padding-right:3px;
}
.fpGVSummary H1, .fpGVSummary H2, .fpGVSummary H3, .fpGVSummary H4, .fpGVSummary H5, .fpGVSummary H6,
.fpGVDetail H1, .fpGVDetail H2, .fpGVDetail H3, .fpGVDetail H4, .fpGVDetail H5, .fpGVDetail H6 {
    margin-top:0;
    padding-top:0;
}
.fpGVSummary img {
    width:120px;
}
.fpGVSummary > tbody > tr > td,
.fpGVDetail > tbody > tr > td {
    vertical-align:top;
}
.fpGVSummary > tbody > tr > td:first-child,
.fpGVDetail > tbody > tr > td:first-child {
    text-align:center;
}
.fpGVDetail img {
    width:225px;
}
/* ==== News Publications - Bottom Links ==== */
.txtLnk {
    color:Silver;
    margin-top:2px;
    margin-bottom:2px;
}
.txtLnk li {
    display: inline;
    list-style-type: none;
    padding-right: 30px;
    padding-bottom:0;
    padding-top:0;
    /*margin-top:0;
    margin-bottom:0;*/
}
/* ==== Header Navigator ==== */
#topBanner {
    height:67px;
    background-color:#fff;
    background-image:url('/image/logo/_crystektop.jpg');
    background-repeat:repeat-x;
}
#topHeaderContainer {
	position:relative;
	width:1020px;
	overflow:hidden;
	background-color:#fff;
}
#topHeaderLeft {
	float:left;
}
#topHeaderLeft img {
    height:50px;
	padding:3px 30px;
}
#topHeaderRight {
    float:right;
	text-align:center;
	margin:0;
	padding:3px 30px 0 0;
}
#topHeaderRow {
	width:100%;
	color:#602118;	
}
#topHeaderRow a {
    color:#602118;
}
#topHeaderRow a:hover {
    color:Silver;
}
#topMenuContainer {
	width:800px;
	background-color:#602118;
}
#topMenuRow {
	width:100%;
}
#topRightNav {
	font-size:12px;
	margin:0;
	padding:15px 0 0 0;
	list-style:none;
	position:relative;
}
#topRightNav li {
	display:block;
	float:left;
	padding:5px 5px;
}
/* ==== Content Containers ==== */
#contentProdSel {
    position:relative;
}
#ccContent,
#cmContent,
#siContent {
    padding:10px 0 0 5px;
    width:190px;
}
#ccContent,
#cmContent {
    width:400px;
}
/* ==== Selector Guide on Front Page ==== */
.sGuide {
    font-family:Arial, Helvetica, Sans-Serif;
    font-size:14px;
    margin-bottom:10px;
    text-align:center;
    box-shadow: 0 3px 10px rgba(0,0,0,0.6);
}
.sGuide a:link, .sGuide span {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    text-decoration:none;
}
.sGuide > ul > li{
    border-radius:8px;
}
.sGuide ul {
    position:relative;
    padding:0;
    margin:0;
}
.sGuide li {
    position:relative;
    display:block;
}
.sGuide .sgH1 {
    z-index:3;
    position:relative;
    border-radius:5px 5px 0 0;
    background-color:#602118; /*maroonish*/
    color:white;
    font-weight:bold;
    box-shadow: 0 5px 10px rgba(0,0,0,0.3);
}
.sGuide .sgH2 {
    z-index:2;
    position:relative;    
    color:white;
    font-weight:normal;
    box-shadow: 0 5px 10px rgba(0,0,0,0.3);
}
.sGuide > ul > li > ul > li:nth-child(-n+2) .sgH2 { /*CRYSTALS*/
    background-color:#027abb; /*blueish*/
}
.sGuide > ul > li > ul > li:nth-child(n+3) .sgH2 { /*MICROWAVE*/
    background-color:#990000; /*redish*/
}
.sGuide > ul > li > ul > li > ul > li {
    background-color:#e5e5e5; /*lightgrayish*/
}
.sGuide > ul > li > ul > li:nth-child(-n+2) > ul > li,
.sGuide > ul > li > ul > li:nth-child(-n+2) > ul > li a:link,
.sGuide > ul > li > ul > li:nth-child(-n+2) > ul > li a:visited {
    color:#027abb; /*blueish*/
}
.sGuide > ul > li > ul > li:nth-child(n+3) > ul > li,
.sGuide > ul > li > ul > li:nth-child(n+3) > ul > li a:link,
.sGuide > ul > li > ul > li:nth-child(n+3) > ul > li a:visited {
    color:#990000; /*redish*/
}
.sGuide > ul > li > ul > li > ul > li a:hover {
    background-color:#c5c5c5; /*grayish*/
}
.sGuide, .sGuide span, .sGuide a:link {
    width:190px;
}
.sGuide a:link, .sGuide span {
    height:23px;
}
/* ==== Publication News on Front Page ==== */
#featureNews,
.featNews {
    /*background-color:#990000;*/ /* Light Redish */
    background-color:#e5e5e5; /*lightgrayish*/
    box-shadow: 0 3px 10px rgba(0,0,0,0.6);
}
#aboutUs {
    border:1px solid #602118;
}
#featureNews,
.featNews,
#aboutUs {    
    font-family:Arial, Helvetica, Sans-Serif;
    margin-bottom:10px;
}
.fBtn {
    border-radius:5px 5px 0 0;
    box-shadow: 0 5px 10px rgba(0,0,0,0.3);
    position:relative;
    z-index:2;
    padding:5px 5px 5px 5px;
    background-color:#602118;
    color:#fff;
    font-size:14px;
    font-weight:bold;
    text-align:center;
}
.fBtn a {
    color:#fff;
}
.featNews .fBtn {
    background-color:#990000; /* Light Redish */
}
.featNews .fTitle {
    /*background-image:url('/image/covid19/covid19-w.jpg');*/
    background-position:center;
    background-repeat:no-repeat;
    background-size:200px 200px;
}
.featNews .fTitle > div {
    background-color:rgba(255,255,255,0.65);
    text-align:justify;
}
.fTitle {
    position:relative;
}
.fTitle,
.fTitle a {
    padding:5px;
    color:#602118;
    font-size:14px;
    font-weight:bold;
    display:block;
}
.fTitle a:hover {
    color:Gray;
}
.fTopic {
    padding:0 5px 5px 5px;
    font-size:12px;
}
.fTopic img {
    /*width:75px;*/
    width:180px;
    /*padding-right:3px;*/
}
/* ==== Dropdown Menu ==== */
.navList {
	margin:0;	
	margin-left:5px;
	padding:0;
	padding-left:25px;
	display:block;
	position:relative;
	color:#000;
}
.navList a {
	color:#000;
	font-size:13px;
}
/* Setup the sub menu(s) */
.navList li:hover #cableSub,
.navList li:hover #vcxoSub,
.navList li:hover #clockSub,
.navList li:hover #filterSub {
	display:block;
	z-index:99;
}
#cableSub,
#filterSub,
#vcxoSub,
#clockSub {
    list-style:none;
    margin:0;
	padding:5px;
	position:absolute;
	float:none;
	border:1px solid gray;
	white-space:nowrap;
	display:none;
	background-color:#e5e5e5;
    box-shadow:3px 3px 3px rgba(50, 50, 50, 0.6);
}
#cableSub {
    left:70%;
    top:-100px;
}
#filterSub {
	left:50px;
}
#vcxoSub {
	left:50px;	
}
#clockSub {
	left:60px;
}
#vcoSub {
	list-style:none;
	margin:0 0 0 20px;
	padding:0;
	display:block;
}
#rfSourceSub {
	list-style:none;
	margin:0 0 0 20px;
	padding:0;
	display:block;
}
/* Cable Select */
.csSeparator {
	width:100%;
	border:2px solid #61281f;
	background-color:#970f01;
	padding:5px;
	color:#fff;
	font-size:1em;
	clear:both;
	margin:10px;
}
.csDivImg {
	width:170px;
	float:left;
}
.csDivTxt {
	float:left;
}
.csList {
    display:block;
    padding:0;
    margin:0 0 0 40px;
}
/* ==== Cable Loss Table ==== */
.cableLoss {
	background-color:#fff;
	font-size:small;
	border-collapse:collapse;
	border:1px solid #ccc;
	padding:0.6em;
}
.cableLoss th {
	background-color:#e6e6e6;
}
.cableLoss td {
	text-align:center;
	border:1px solid silver;
	padding:0.6em;
}
/* === New Product Buttons (on detail page === */
.npBtn {
    /* Spacing between buttons */
    margin-top:5px;
    margin-bottom:5px;
}
.npBtn ul {
    margin:0;
    padding:0;
}
.npBtn li {    
    list-style-type:none;
    width:130px;  /* Button Width */
    /* margin:20px;     Distance between buttons */
    margin-left:auto;  /* Center Buttons */
    margin-right:auto; /* Center Buttons */
    text-align:center; /* Center Button Text */
}
.npBtn li a {
    border-radius:15px;
    display:block;
    text-decoration:none;
    padding-top:5px;
    padding-bottom:5px;
    color:#ffe0b5;
    background-color:#900;/* for non-css3 browsers */    
    background-image:linear-gradient(180deg, #9f0b00, #590804);
}
.npBtn li a:hover,
.npBtn li a:active {
    color:#870000;
    background-color:#e0e0e0;/* for non-css3 browsers */
    background-image:linear-gradient(180deg, #dedede, #847f83);
}
/* ==== Distributors Table ==== */
.distTable {
    margin-top:15px;
    border-collapse:collapse;
    border:1px solid #000;
    border-width:1px;
    width:570px;
    border-color:#000;
    background-color:#fff;
}
.distTable > thead > tr > th {
    border:1px solid #000;
    color:#fff;
    background-color:#970f01;
    padding:10px;
}
.distTable > tbody > tr > td {
    border:1px solid silver;
    color:#000;
    background-color:#fff;
    padding:10px;
    text-align:center;
    font-family:Arial, Helvetica, Sans-Serif;
}
/*===Distributor Phone Number Table*/
.distTable > tbody > tr > td:nth-child(2) {
    text-align:center;
    white-space:nowrap;
    font-family:Consolas, Courier New, Courier, monospace;
}
.distTable > tbody > tr > td:nth-child(2) > table {
    border-collapse:collapse;
    margin:0 auto;
}
.distTable > tbody > tr > td:nth-child(2) > table > tbody > tr > td {
    border-width:0;
    white-space:nowrap;
    padding:1px;
    vertical-align:top;
    text-align:left;
}
/* ==== Image Popup for Product Lists ==== */
.listThumb {
	position:relative;
	text-align:center;
	height:20px;
}
.listThumb:hover,
.listThumb a:hover {
    cursor:default;
    cursor:url('/image/cursor/magnify.cur'), default;
}
.listThumb img {
    border-style:none;
    background-color:#fff;
    height:20px;
}
.listThumb img + img /* .lTImgB */
{
    visibility:hidden;
    opacity:0;
    transition:opacity 0.2s linear;
    position:absolute;
    border:2px silver solid;
    height:150px;
    left:-10000px;
    bottom:100%;
    margin-bottom:5px;
    margin-left:5px;
    z-index:50;
    box-shadow:3px 3px 3px rgba(50, 50, 50, 0.6);
    cursor:default;
}
.listThumb:hover img + img  /* .lTImgB */
{
	visibility:visible;
    opacity:1;
	left:100%;
}
/* ==== Image Popup for Product Lists ==== */
.prodThumb {
	position:relative;
	display:inline-block;
	height:100px;
}
.prodThumb:hover,
.prodThumb a:hover {
    cursor:default;
    cursor:url('/image/cursor/magnify.cur'), default;
}
.prodThumb img {
    border-style:none;
    height:100px;
}
.prodThumb img + img /* .ptImgB */
{
    visibility:hidden;
    opacity:0;
    transition:opacity 0.4s linear;
    position:absolute;
    border:2px solid silver;
    background-color:#fff;
    height:300px;
    top:30px;
    left:-10000px;
    z-index:50;
    box-shadow:3px 3px 3px rgba(50, 50, 50, 0.6);
    cursor:default;
}
.prodThumb:hover img + img  /* .ptImgB  */
{
    visibility:visible;
    opacity:1;
    left:130px;
}
/* === Inner Gridvew Tables ===*/
.tPh {
    border-collapse:collapse;
}
.tPh > tbody > tr > th {
    text-align:center;
    white-space:nowrap;
    font-weight:bold;
}
.tPh > tbody > tr > td:nth-child(1) {
    text-align:right;
    white-space:nowrap;
}
.tPh > tbody > tr > td:nth-child(2) {
    text-align:right;
}
.tPh > tbody > tr > td:nth-child(3) {
    text-align:right;
    white-space:nowrap;
}
.tPh > tbody > tr > td:nth-child(4) {
    text-align:Left;
    white-space:nowrap;
}
/*============= ABOUT US PAGE ==============*/
/*GENERAL*/
.sect {
    width:700px;
    margin-top:5px;
    font-size:14px;
}
.sect a {
    color:#2963a9; /*color:blue;*/
    font-weight:bold;
}
.sect a:hover {
    color:maroon;
}
.sect > div {
    padding:5px 0px 5px 5px;
    margin:5px 0px 10px -5px;
    border-radius:10px;
}
.sect > div > div {
    padding-top:10px;
}
.sect > div > h2 {
    font-weight:bold;
}
#PROD:target, #ENG:target, #CERT:target, #EMP:target {
    background:rgb(191, 215, 255);
    background:rgba(191, 215, 255, 0.8);
}
/* ==== GridView Formating No Image ==== */
.gvStd,
.gvStdCC,
.gvStdCM {
    border-collapse:separate !important;
    border-spacing:0;
    border-top-left-radius:8px;
	border-top-right-radius:8px;
	width:750px;
	font-size:14px;
    cursor:default;
}
.gvStdCC a:link,
.gvStdCC a:visited {
	color:#2963a9;	/*color:blue;*/
}
.gvStdCC a:hover {
	color:maroon;
}
.gvStd > tbody > tr > th,
.gvStdCC > tbody > tr > th,
.gvStdCM > tbody > tr > th {
	color:#fff;
	font-weight:bold;
    white-space:nowrap;
    padding:3px;
}
.gvStd > tbody > tr > th {
    background-color:#702d24;
}
.gvStdCC > tbody > tr > th {
    background-color:#027abb;
}
.gvStdCM > tbody > tr > th {
    background-color:#990000;
}
.gvStd > tbody > tr > th a,
.gvStd > tbody > tr > th a:active,
.gvStd > tbody > tr > th a:visited,
.gvStd > tbody > tr > th a:hover,
.gvStdCC > tbody > tr > th a,
.gvStdCC > tbody > tr > th a:active,
.gvStdCC > tbody > tr > th a:visited,
.gvStdCC > tbody > tr > th a:hover,
.gvStdCM > tbody > tr > th a,
.gvStdCM > tbody > tr > th a:active,
.gvStdCM > tbody > tr > th a:visited,
.gvStdCM > tbody > tr > th a:hover {
    color:#fff !important;
}
/* Ascending Table Headers */
.gvStd th.gvStdAs {
    background-color:#4e2019;
}
.gvStdCC th.gvStdAs {
    background-color:#015583;
}
.gvStdCM th.gvStdAs {
    background-color:#6b0000;
}
/* Decending Table Headers */
.gvStd th.gvStdDe {
    background-color:#C33;
}
.gvStdCC th.gvStdDe {
    background-color:#81d3ff;
}
.gvStdCM th.gvStdDe {
    background-color:#C33;
}
.gvStd > tbody > tr > td,
.gvStdCC > tbody > tr > td,
.gvStdCM > tbody > tr > td {
    border-bottom:1px solid #e0e0e0;
    color:#333;
    background-color:#fff;
    vertical-align:top;
    white-space:nowrap;
    padding:3px;
}
/* Alternating background colors */
.gvStd > tbody > tr:nth-child(2n+2) > td,
.gvStdCC > tbody > tr:nth-child(2n+2) > td,
.gvStdCM > tbody > tr:nth-child(2n+2) > td {
    background-color:#f7f6f3;
}
.gvStd > tBody > tr > td.gvStdImg,
.gvStdCC > tBody > tr > td.gvStdImg,
.gvStdCM > tBody > tr > td.gvStdImg {
    background-color:#fff !important;
}
 /* Ascending Rows */
.gvStd > tbody > tr > td.gvStdAs,
.gvStdCC > tbody > tr > td.gvStdAs,
.gvStdCM > tbody > tr > td.gvStdAs {
    background-color:#e9e7e2;
}
/* Decending Rows */
.gvStd > tbody > tr > td.gvStdDe,
.gvStdCC > tbody > tr > td.gvStdDe,
.gvStdCM > tbody > tr > td.gvStdDe {
    background-color:#fffdf8;
}
/* == */
.gvStd > tbody > tr:hover > td,
.gvStdCC > tbody > tr:hover > td,
.gvStdCM > tbody > tr:hover > td {
    background-color:#ddd;
}
.gvStd > tbody > tr:first-child > th:first-child,
.gvStdCC > tbody > tr:first-child > th:first-child,
.gvStdCM > tbody > tr:first-child > th:first-child {
    /* CSS for Upper Left TH */
    border-top-left-radius:8px;
}
.gvStd > tbody > tr:first-child > th:last-child,
.gvStdCC > tbody > tr:first-child > th:last-child,
.gvStdCM > tbody > tr:first-child > th:last-child {
    /* CSS for Upper Right TH */
    border-top-right-radius:8px;
}
/* GridView Pager Style */
.gvStdPgr {
    font-weight:bold;
}
.gvStdPgr table {
    margin-left:auto; 
    margin-right:auto;
}
.gvStdBtn {
    margin-bottom:3px;
}
/* DetailsView */
.dvStd,
.dvStdCC,
.dvStdCM {
    border-collapse:separate !important;
    border-spacing:0;
	width:400px;
	font-size:14px;
    border:1px solid gray;
    cursor:default;
}
.dvStd > tbody > tr > td,
.dvStdCC > tbody > tr > td,
.dvStdCM > tbody > tr > td {
    vertical-align:top;
    text-align:left;
    border:1px solid gray;
    white-space:nowrap;
    padding:3px;
}
.dvStdCC > tbody > tr > td a:link,
.dvStdCC > tbody > tr > td a:visited {
    color: #2963a9;
}
.dvStdCC a:hover {
	color:maroon;
}
.dvStd .LineR,
.dvStdCC .LineR,
.dvStdCM .LineR {
    text-align:right;
    display:inline-block;
}
.dvStd .LineC,
.dvStdCC .LineC,
.dvStdCM .LineC {
    text-align:center;
    display:inline-block;
}
.dvStdInst {
    margin-bottom:3px;
    font-size:14px;
}
/* ==== GridView Individual Row Styling ==== */
/* Product Standard */
.gvStdProd > tBody > tr > th:nth-child(1),
.gvStdProd > tBody > tr > th:nth-child(n+2),
.gvStdProd > tBody > tr > td:nth-child(1),
.gvStdProd > tBody > tr > td:nth-child(n+2) {
    text-align:center;
}
.gvStdProd > tbody > tr > td:nth-child(2),
.gvStdProd > tbody > tr > th:nth-child(2) {
    text-align:left;
}
/* Product Specific */
.gvStdNews {
    width:850px;
}
.gvStdNews > tbody > tr > td:first-child,
.gvStdNews > tbody > tr > td:first-child + td + td + td {
    text-align:center;
}
.gvStdNews > tBody > tr > td:first-child + td {
    text-align:left;
    white-space:normal;
}
.gvStdNews > tbody > tr > td:first-child + td + td,
.gvStdNews > tbody > tr > th:first-child + th,
.gvStdNews > tbody > tr > th:first-child + th + th {
    text-align:left;
    white-space:normal;
}
.gvStdConnector > tbody > tr > td:first-child + td + td,
.gvStdConnector > tbody > tr > td:first-child + td + td + td {
    text-align:left;
}
.gvStdVCXO > tbody > tr > td:first-child + td + td + td + td + td + td + td {
    text-align:right;
}
/* ==== Feature Lists ==== */
.gvStd .listFeat,
.gvStdCM .listFeat,
.gvStd .listEOL,
.gvStdCM .listEOL {
    color:#2963a9;
}
.gvStdCC .listFeat,
.gvStdCC .listEOL {
    color:Maroon;
}
.listFeat,
.listEOL {
    list-style:none;
    margin:0;
    padding:0;
}
.listFeat li,
.listEOL li {
    margin:0;
    padding:0;
}
/* ==== Homepage Tables ==== */
#cmLogo,
#ccLogo {
    height: 60px;
    display: block;
    margin: 0 auto 10px;
    border: 0;
}
.displaytable {
    border:1px solid #c0c0c0;
    width:395px;
    background-color:#fff;
}
#cmContent .displaytable {
    /*margin-bottom:34px;*/
}
#ccContent .displaytable {
    /*margin-bottom:52px;*/
    /*margin-bottom:46px;*/
}
.displayimg {
    padding:0;
    margin:0;
    float:left;
    width:120px;
    text-align:center;
    font-size:13px;
}
.displayimg img,
.displayimg div,
.displayimg span {
    width:120px;
}
#cmContent .displayimg {
    margin-top:20px;
}
#cmContent .displayimg a {
    color:#000;
}
#cmContent .displayimg a:hover {
    color:Gray;
}
#ccContent .displayimg {
    margin-top:0;
}
#ccContent .displayimg a {
    color:#000;
}
#ccContent .displayimg a:hover {
    color:Gray;
}
.displaytd {
  	padding:0 0 5px;
  	margin:0;
	width:270px;
	float:right;
	border-left:1px solid #c0c0c0;
	background-color:#e5e5e5;
	font-size:13px;
}
#cmContent .displaytd a:hover {
	color:Gray;
}
#cmContent .displaytd a
{
	color:#000;
}
#ccContent .displaytd a:hover {
	color:Gray;
}
#ccContent .displaytd a {
	color:#000;
}
.displaytitle {
    color:#fff;
    font-weight:bold;
    margin:0;
    padding:3px 10px 3px 10px;
}
#cmContent .displaytitle {
	border-top:3px solid #c00;
	border-right:3px solid #600;
	border-bottom:3px solid #600;
	border-left:3px solid #C00;
	background-color:#900;
}	
#ccContent .displaytitle {    
	border-top:3px solid #9cf;
	border-right:3px solid #006;
	border-bottom:3px solid #006;
	border-left:3px solid #9cf;
	background-color:#027ABB;
}
/* ==== RoHS Table ==== */
.rohsProd {
    width:96%;
    font-size:18px;
    font-weight:bold;
    color:#602118;
    padding-top:5px;
    padding-bottom:5px;
}
.rohsProd span {
    padding-left:5px;
}
.rohsTableCC,
.rohsTableCM {
    width:96%;
    border-top-left-radius:8px;
	border-top-right-radius:8px;
    border:1px solid #000;
    border-spacing:0;
    cursor:default;
}
.rohsTableCC tr:first-child th:first-child,
.rohsTableCM tr:first-child th:first-child {
    border-top-left-radius:8px;
}
.rohsTableCC tr:first-child th:last-child,
.rohsTableCM tr:first-child th:last-child {
	border-top-right-radius:8px;
}
.rohsTableCC th,
.rohsTableCM th {
    text-align:center;
    color:#fff;
    white-space:nowrap;
    font-size:16px;
}
.rohsTableCC th {    
    background-color:#027abb;
}
.rohsTableCM th {
    background-color:#900;
}
.rohsTableCC td,
.rohsTableCM td {
    text-align:center;
    padding-left:5px;
    padding-right:5px;
    color:#000;
    background-color:#fff;
    font-size:13px;
    border-bottom:1px solid #c0c0c0;
}
.rohsTableCC > tbody > tr:nth-child(2n+1) > td,
.rohsTableCM > tbody > tr:nth-child(2n+1) > td {
    background-color:#f7f6f3;
}
.rohsTableCC td:first-child,
.rohsTableCM td:first-child {
    text-align:left;
}
.rohsTableCC > tbody > tr:hover > td,
.rohsTableCM > tbody > tr:hover > td {
    background-color:#ddd;
}
/* ==== Cable Select ==== */
.csSeparator {
	width:90%;
	border:2px solid #61281f;
	background-color:#970f01;
	padding:5px;
	color:#fff;
	font-size:1em;
	clear:both;
	margin:10px;
}
.csDivImg {
    float:left;
	width:170px;
}
.csDivImg img {
    width:160px;
}
.csDivTxt {
	float:left;
	width:650px;
}
/* ==== Part List Pages ==== */
.filterTitle {
    margin:0 0 5px 10px;
}
.filterNavList {
    margin:0 0 10px 0;   
}
.filterHead {
}
.filterDesc {
    width:650px;
}
.filterPart {
    border-width:1px;
    border-color:#000;
    border-style:solid;
    width:860px;
    padding:5px;
}
.filterList {
    float:left;
    text-align:center;
    margin:5px;
}
.filterListTitle {
    text-align:center;
    margin-bottom:10px;   
}
.filterListGroup {
    float:left;
    margin:5px;
    padding:5px;
    border-width:1px;
    border-color:#000;
    border-style:solid;
    border-radius:15px;
}
.pgvCell {
    padding:0 10px;   
}
/* ==== Chipset Lists ==== */
.chipset {
    font-size:14px;
    width:600px;
}
.chipset ul {
    padding:10px 40px;
    margin:0 0;
}
.chipsetTitle {
    text-align:center;
    font-weight:bold;
    font-size:15px;
    margin: 20px 0 15px 0;
}
.chipsetList {
    border:1px solid Gray;
}
.chipsetList ul {
    width:215px;
    float:left;
}
.chipsetList ul:first-child {
    border-right:1px solid Gray;    
}
/* ==== Product Page Option Blocks ==== */
.pob {
    display:table;
    border-collapse:separate;
    border-spacing:5px 0;
    margin:0 0 5px;
}
.pobSub { /* Content SubBoxes */
    display:table-cell;
    white-space:nowrap;
    padding:10px;
    border-radius:8px;
    border:1px solid #c0c0c0;
}
.pobSubNB { /* No border */
    display:table-cell;
    white-space:nowrap;
    border-radius:8px;
}
.pobContact { /* Contact us information */
    display:table-cell;
    padding:10px;
    border-radius:8px;
    width:200px;
    font-size:0.8em;
    color:#000;
}
.pobSubIn { /* Seperate Inside Boxes */
    padding:10px;
    border-radius:8px;
    border:1px solid #c0c0c0;
}
.pobSubIn:nth-child(n+2) {
    margin-top:5px;
}
/*========= Home Page Content Rows =========*/
/*.dCont {
  display:table;
  border-spacing:0px;
  border-collapse:separate;
  height:480px;  
}
.dCont > div {
  display:table-row;
}
.dCont > div > div {
  display:table-cell;
  vertical-align:middle;
}
.dCont > div:first-child > div {
  vertical-align:top;
}
.dCont > div:last-child > div {
  vertical-align:bottom;
}*/
.dCont {
    display: flex;
    justify-content: space-between;
    flex-flow: column nowrap;
    height: 480px;
}