/* === Planar Systems === */

/* 
	BU color / general text links: #004165
	General text: #222
	Accent text: #999, #666
*/

/* General Business Unit color overwrites */

body { background: #fff; }
h1, h2, h4, h5  { color: #004165; }
h3, h6, th, td.item, dt { color: #777; }
p, td, ol, ul, blockquote { color: #222; }
strong { color: #004165; }

#content-container a:link,
#content-container a:visited,
#content-container a:hover,
#content-container a:active,
#product-specs a:link,
#product-specs a:visited,
#product-specs a:hover,
#product-specs a:active {
	color: #004165;
	border-bottom: dotted #cba 1px;
}

#content-container a:link.more,
#content-container a:visited.more,
#content-container a:hover.more,
#content-container a:active.more,
#product-specs a:link.more,
#product-specs a:visited.more,
#product-specs a:hover.more,
#product-specs a:active.more {
	border-bottom: 0;
}

/*
NOTE: In most browsers <a> within headline tags will inherit the headline's color, not always so in older ie versions. The following is to ensure the correct color is rendered.
*/
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active,
h2 a:link, h2 a:visited, h2 a:hover, h2 a:active,
h4 a:link, h4 a:visited, h4 a:hover, h4 a:active, 
h5 a:link, h5 a:visited, h5 a:hover, h5 a:active {
	color: #004165;
}

h3 a:link, h3 a:visited, h3 a:hover, h3 a:active,
h6 a:link, h6 a:visited, h6 a:hover, h6 a:active {
	color: #777;
}

/* === Sidebar nav styles === */

/* level 1 */
.sidebar a:link, .sidebar a:visited,
.sidebar a:hover, .sidebar a:active {
	color: #004165;
	border-bottom: none;
}

/* level 2 */
.sidebar ul li ul li a:link, .sidebar ul li ul li a:visited,
.sidebar ul li ul li a:hover, .sidebar ul li ul li a:active {
	color: #224422;
}

/* level 3 */
.sidebar ul li ul li ul li a:link, .sidebar ul li ul li ul li a:visited,
.sidebar ul li ul li ul li a:hover, .sidebar ul li ul li ul li a:active {
	color: #666;
}

/* START Navigation Intelligence - Ross */
.depth3 { display: none; }

.on1home #nav1products {
	display: none;
}

.on2opensystems #nav3opensystems .depth3,
.on2integrated #nav3integrated .depth3 {
	display: block;
}
/* END Navigation Intelligence */

/* START Layout Tweaks by Johnny to compensate for small inital images at launch */
#product-overview-container .column-1-container { width: 380px; padding-bottom: 15px; }
#product-overview-container .column-1-container .column-1 img { float: right; padding-right: 50px; }
#product-overview-container .column-2-container { width: 400px; }
#product-overview-container .column-2-container .column-2 img { padding-left: 50px; }
/* END Layout Tweaks by Johnny */

/* START Layout Tweaks - Ross */
.single-product-container {
	border-top: none;
}

.sidebar .highlight {
	padding: .5em;
	border-top: 2px #e55300 solid;
        border-bottom: 2px #e55300 solid;
	margin-bottom: 2em;
	background-color: #fff;
}

/* END Layout Tweaks - Ross */

/* For Product Images on Home Page */
.pad10 { padding: 10px; }
/* End Product Images padding */

/* Start Table Style for Events by Judy */




table.comparison {
margin-top: 20px;
   width: 100%;
}
table.comparison th {
   font-weight: bold;
   font-size: 1.0em;
   color: #777;
}
table.comparison tr td{
font-size: 1.1em;
}
table.comparison tr.alt { 
background-color: #eee;
}


/* End Table Style for Events by Judy */