/* === Planar === */

/* General Business Unit color overwrites */

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

#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: #094d73;
	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: #094d73;
}

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: #094d73;
	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: #004165;
}

/* 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: #004165;	
}

.sidebar h5 {
	padding:5px 0px 5px 0px;
}


/* 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 */

img.thumbnail {
	float: left;
	padding: 3px;
	margin: 0 7px 0 0;
	border: 1px solid #aaa
}

.evloc {
	font-style: italic;
}

table.eventtable td {
	padding-bottom: 10px;
}

table.eventtable p {
	padding:0;
	margin:0;
}

.alt {
	background-color: #eee;
}

table.productspecs {
	width: 100%;
}
 
table.productspecs th {
	width: 40%;
	font-weight: bold;
	font-size: inherit;
	color: #777;
} 

table.comparison {
	width: 100%;
}
 
table.comparison th {
	font-weight: bold;
	font-size: inherit;
	color: #777;
}

/* style for support tables added back in*/
div.supportgrid td {
padding-bottom: 10px;
}
div.supportgrid th {
    color:#ffffff;
    background-color: #7c98ae;
padding: 3px 0px 3px 4px;
}

#content-container a.buy-new:link,  
#content-container a.buy-new:visited { 
	color: #004b6c; 
	font-weight: bold; 
	font-size: 1.1em; 
	line-height: 2em; 
	text-align: center; 
	width: 219px; 
	height: 28px; 
	border: 0px; 
	display: block; 
	background: url("../corp-images/grey-bl-button.gif") 0 0 no-repeat; 
	text-decoration: none; 
	padding-top: 5px; 
} 
  
#content-container  a.buy-new:hover, 
#content-container  a.buy-new:active { 
	background-position: 0 -33px; 
	color: #ffffff; 
}

/* Call to Action Small Button */

#content-container  a.buy-small:link,  
#content-container  a.buy-small:visited { 
	color: #004b6c; 
	font-weight: bold; 
	font-size: .8em; 
	line-height: 1.2; 
	text-align: center; 
	width: 144px; 
	height: 30px; 
	border: 0px; 
	display: block; 
	background: url("../corp-images/grey-bl-but144.gif") 0 0 no-repeat; 
	text-decoration: none; 
	padding: 2px 0px 0px 0px; 
} 

#content-container  a.buy-small:hover, 
#content-container  a.buy-small:active { 
	background-position: 0 -33px; 
	color: #ffffff; 
}

img.thumbnailNoBorder {
   float: left;
   padding: 3px;
   margin: 0pt 7px 0pt 0pt;
}

#content-container ul.content-list {
	padding-left: 8px;
}

#content-container ul.content-list li .subnote {
	line-height: 1.2em;
	font-size: .8em;
	font-style: italic;
	padding-left: 10px; 
	display: block;
}

/* Simple icon and description layout toolset - RO 20100113 */
#content-container .productlist p.icon { clear: both; font-weight: bold; padding-top: 1em; }
#content-container .productlist p.icon img { margin-bottom: 7em; margin-right: 2em; }
#content-container .productlist div.producttext { margin-left: 10em; }

/* code from reseller site for Small More Info button */
#content-container-landing  a.buttonlinksm:link,  
#content-container-landing  a.buttonlinksm:visited { 
 /*  color: #004b6c;   */
	color: #ffffff;
	font-weight: bold; 
	font-size: 1.0em;  
	text-align: center;
	line-height: 1.9em;
	width: 80px; 
	height: 28px; 
	border: 0px; 
	display: block; 
	background: url("../images/pt-landing-small.gif") 0 0 no-repeat;
	text-decoration: none; 
	padding-top: 4px; 
 } 
  
#content-container-landing  a.buttonlinksm:hover, 
#content-container-landing  a.buttonlinksm:active { 
 background-position: 0 -32px; 
 color: #ffffff; 
}

/*  ADDED by Johnny to help the rebranding of apps.planar.com */
body.on2DriversSoftware h2 {
	font-size:1.8em;
	font-weight: bold;
}
body.on2DriversSoftware h5 span.item {
	font-size:.8em;
	font-weight: normal;
}
body.on2DriversSoftware div#main-column-container div.column-1large-container div.column-1large div { 
	padding-left: 15px; 
	margin-bottom: 20px; 
}

body.on2DriversSoftware div#main-column-container div.column-1large-container div.column-1large div br {
	display: none;
}

.on2DriversSoftware table.tableborderzero {
font-size: 1em;
width: 98%;
}
.on2DriversSoftware table.tableborderzero th {
color: #666;
border-bottom: 2px solid #80a1b6;
padding: 20px 5px 3px 5px;
font-size: 1em;
}
.on2DriversSoftware table.tableborderzero td {
padding: 3px;
margin: 0;
}

/* Product Detail buttons */

#content-container a.productdetail:link, 
#content-container a.productdetail:visited,
#content-container a.productdetail:hover,
#content-container a.productdetail:active {
	width: 82px;
	height: 25px;
	text-indent: -9999px;
	display: block;
	background: url("../corp-images/product-details.gif") 0 0 no-repeat;
	text-decoration: none;
	margin: 13px 0 0 0;
	border: 0;
}

#content-container a.productdetail:hover,
#content-container a.productdetail:active {
	background-position: 0 -25px;	
	
}