/* * { border: 1px solid green; }*/
/*---[ Sizes ]----------------------*/
div#page
{   /* page content width */
	width: 900px;
}
div#pagetopleft, div#pagemiddleleft
{   /* left column width */
	width: /*180px;*/ 20%;
}
div#pagetopright, div#pagemiddleright
{   /* right column width */
	width: /*720px;*/ 80%;
}
div#maincontentscroll
{   /* right column content inset width */
	width: 92%;
}
a.navmenuitem
{   /* nav button external margin */
	margin: 4px 6px 0px 6px;
}
a.navmenuitem#nmiactive
{   /* nav button external margin */
	margin: 6px 0px 0px 6px;
}
span.sectiontitle
{   /* left column heading external margin */
	margin: 3px 6px 3px 6px;
}
a.newsmenuitem
{   /* left column heading external margin */
	margin: 0px 0px 0px 6px;
	padding-right: 6px;
}
a.newsmenuitem#newsmiactive
{   /* left column heading external margin */
	margin: 3px 0px 3px 6px;
	padding-right: 0px;
}
div#pagetop, div#pagetopleft, div#pagetopright
{   /* height of page top area */
	height: 635px;
}
div#maincontentscroll
{   /* height of page content area */
	height: 470px;
	/*overflow: auto;*/
}
a.producttab
{
   padding: 2px 6px 3px 6px;
   margin: 0px 2px 0px 0px;
}
div.maincontent
{
	padding: 20px 12px 12px 12px;
	overflow: auto;
}
iframe#maincontentframe
{
   margin: 0px 0px 0px 0px;
}
div#navmenu
{   /* space from top of page to top of nav menu */
	margin-top: 144px;
}
div#producttabbar
{   /* space from top of page to top of product tab menu */
	margin-top: 120px;
}
div#producttabbar
{
   margin-right: auto;
   margin-bottom: auto;
   margin-left: auto;
}
html, body
{   /* page margins */
	margin: 0;
	/*padding: 10px auto 50px auto;*/
}
span.rssurl
{
	padding-left: 6px;
}
div.rssitem, .rsstitle, div.rssstatus
{
	padding-left: 12px;
}
div.rssstatus
{
   padding-top: 6px;
}
div#maincontentscroll
{
	margin: 1px auto auto auto;
}
div.partnerbox
{
   margin: 8pt 8pt 8pt 8pt;
   padding: 8pt 8pt 8pt 8pt;
}
img.partnerlogo
{
   margin-right: 8pt;
   margin-bottom: 4pt;
}
span.contactbody
{
   display: block;
   margin-left: 12pt;
}
div.contacthead
{
   margin-top: 18pt;
}

/*---[ Colors ]----------------------*/
html, body, a.navmenuitem#nmiactive, div#pagebottom
{  /* page background color */
	background-color: #007EB1;
}
a.navmenuitem, a.producttab
{  /* nav button background color */
	background-color: #1c6f99;
}
a.navmenuitem#nmihighlight
{  /* nav button background color */
	background-color: #2c7fb9;
}
a.navmenuitem, a.newsmenuitem, span.rssurl, span.rssurl a,
div#maincontentscroll, a.producttab, div.partnerbox, span.partnerdesc
{   /* nav button text color */
	color: black;
}
div#page, a.navmenuitem, span.sectiontitle, div#maincontentscroll, a.producttab
{  /* default border color */
	border-color: black;
}
a.newsmenuitem#newsmiactive, div#pagemiddleright, div#pagemiddle,
 div#maincontentscroll, iframe#maincontentframe, div.maincontent,
 body.inner, html.inner, a.producttab#ptactive, span.prodname, span.prodprice
{  /* news item bg color */
	background-color: /*#cccc88*/ #cccc99;
}
div.rssitem#rssitemactive, div.rssitem#rssitemactive span.rssdesc
{  /* news item bg color */
	background-color: #ddddaa;
}
div#pagemiddleleft, a.producttab
{
   background-color: #aaaab0;
}
/*div.maincontent, #ptactive
{
	filter:alpha(opacity=85);
	opacity: 0.85;
	-moz-opacity:0.85;
} */
div.rssstatus
{
   color: Gray;
}
a.rssurl:hover, span.rssurl a:hover, a.navmenuitem#nmihighlight,
 a.newsmenuitem#newsmihighlight, a.rsstitle:hover, a.producttab#pthighlight,
 div.rssitem#rssitemhighlight
{
	color: white;
}
div.partnerbox
{
	background-color: white;
}

/*---[ Fonts ]----------------------*/
body, a.navmenuitem, a.rssurl, span.rssurl, span.rssurl a
{  /* default face */
	font-family: arial,helvetica,"sans serif";
}
a.navmenuitem, span.sectiontitle, a.newsmenuitem#newsmiactive,
 a.rssurl, span.rssurl, span.rssurl a, a.producttab, span.productname, div.contacthead
{  /* button label style */
	font-weight: bold;
}
a.navmenuitem, a.producttab, span.partnerdesc, span.contactbody
{  /* nav menu font size */
   font-size: smaller;
   /*line-height: 1;*/
}
div#pagebottom
{  /* copyright notice font size */
   font-size: 7pt;
}
a.rssurl, span.rssurl, span.rssurl a, a.rsstitle:hover,
 a.rssurl:hover, span.rssurl a:hover, a.producttab
{
	text-decoration: none;
}

/*---[ Borders ]----------------------*/
div#page, a.navmenuitem, div#maincontentscroll, a.producttab, div.partnerbox
{  /* thin border */
	border: 1px solid black;
}
div#pagetop, div#pagemiddle, div#pagemiddleleft
{  /* thin border, bottom only */
	border-bottom: 1px solid black;
}
span.dummy
{  /* thin border, left only */
	border-left: 1px solid black;
}
div.sectiontitle
{  /* thin border, right only */
	border-right: 1px solid black;
}
a.newsmenuitem#newsmiactive
{  /* thin border, 3 sides */
	border-left: 1px solid black;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}
a img.partnerlogo, span.contactbody img, img.feedicon
{
   border: none;
}

/*---[ Browser Hacks ]----------------------*/
.clear
{  /* In Firefox sometimes an enclosing <div> will
    * not stretch vertically to contain its children,
    * so put a <div class="clear"></div> at bottom of
    * the enclosing <div>. (maybe we just need to put margin-bottom:auto)
    */
   clear: both;
   height: 1px;
   overflow: hidden;
}
span.partnerdesc
{ /* Keeps text next to a float from disappearing inconsistently in IE.
     Isn't that special! */
   position: relative;
}

/*---[ Specific Items ]----------------------*/
/*div.bgdiv
{
   display: inline;
   border: 1px solid red;
   margin: auto auto auto auto;
}
div.bgdiv img
{
   display: inline;
   vertical-align: text-top;
}*/
body
{
	text-align: center;
}
div#page
{
	background-color: white;
	margin: 0px auto auto auto;
}
/*div#pagetopbg
{
    text-align: left;
	 background-repeat: no-repeat;
	 z-index: -1;
	 border: none;
	 margin: 0px 0px 0px 0px;
	 padding: 0px 0px 0px 0px;
	 overflow: hidden;
}*/
div#pagetop
{
	 background-repeat: no-repeat;
	 clear: both;
}
body.primary div div#pagetop
{
	 background-image: url("images/top_bg5a_900x635.jpg");
}
body.secondary div div#pagetop
{
	 background-image: url("images/top_bg5b_900x635.jpg");
}
div#pagetopleft
{
	float: left;
}
div#pagetopright
{
	text-align: center;
	float: right;
	height: auto;
}
div#maincontentscroll
{
   text-align: center;
   position: relative;
   z-index: 100;
}
a.producttab
{
   border-bottom: none;
   position: relative;
   z-index: 99;
}
a.producttab#ptactive
{
   cursor: default;
   z-index: 101;
}
div.maincontent
{
   /* Be careful about modifying these settings.
    * They are very finicky for getting the scrollbars
    * to appear and disappear properly in Firefox and IE.
    * Check any changes with items that both overflow and
    * don't overflow the containing iframe.
    */
   height: 100%;
   width: auto;
   margin-top: 0px;
   margin-right: auto;
   margin-left: auto;
   overflow: visible;
   text-align: left;
   /*column-count: 2;*/ /* CSS3 */
}
html.inner, body.inner
{
   /* Be careful about modifying these settings.
    * They are very finicky for getting the scrollbars
    * to appear and disappear properly in Firefox and IE.
    * Check any changes with items that both overflow and
    * don't overflow the containing iframe.
    */
   margin-top: 0px;
   width: auto;
   height: auto;
   overflow: auto;
}
div#pagemiddle
{
	text-align: left;
	clear: both;
}
div#pagemiddleleft
{
	float: left;
	text-align: right;
	/*z-index: 4;*/
}
div#pagemiddleright
{
   float: right;
	text-align: left;
	/*height: 100%;*/
	/*z-index: 5;*/
}
div#pagebottom
{
	text-align: center;
	clear: both;
}
div#navmenu, div#newsmenu
{
	text-align: left;
}
a.navmenuitem
{
	text-align: right;
	text-decoration: none;
	padding: 2px 8px 1px 8px;
	display: block;
}
a.navmenuitem#nmiactive
{
	cursor: default;
}
div.sectiontitle
{
   width: 100%;
	text-align: right;
}
a.newsmenuitem
{
	text-align: right;
	font-size: 70%;
	text-decoration: none;
	cursor: pointer;
	display: block;
}
div a.newsmenuitem#newsmiactive
{
	/*border-right: 3px solid white;*/
	cursor: default;
}
div.rssfeed
{
	border: 1px solid red;
	margin: 1px;
}
div.rssitem
{
	padding-left: 3px;
	cursor: pointer;
}
div.rssitem#rssitemhighlight span.rsstitle
{
   color:White;
}
div.rssstatus
{
	font-family: arial,helvetica,"sans serif";
	font-style: oblique;
	font-size: 70%;
}
a.rsstitle, span.rsstitle
{
	color: black;
	text-decoration: none;
	font-family: arial,helvetica,"sans serif";
	font-size: 70%;
	font-weight: bold;
	display: block;
}
div.rssitem#rssitemactive a.rsstitle, div.rssitem#rssitemactive span.rsstitle
{
   font-size: 90%;
}
span.rssdesc, span.rssdeschidden
{
	color: black;
	text-decoration: none;
	font-family: times,serif;
	font-size: 80%;
	font-style: italic;
	margin-bottom: 4pt;
	margin-left: 18pt;
	margin-right: auto;
	padding: 3pt 3pt 3pt 3pt;
	width: 95%;
}
div.rssitem span.rssdesc
{
   /*visibility: hidden;*/
   display: none;
}
div.rssitem#rssitemactive span.rssdesc
{
   /*visibility: hidden;*/
   display: block;
   /*background-color: #eeeeee;*/
   overflow:hidden;
}
.rssdate
{
}
a.rssurl, span.rssurl
{
	display: block;
}
div.productname
{
   /*display: inline;
   vertical-align: text-top;*/
   font-size: 150%;
   font-weight: bold;
}
div.productimages
{
   vertical-align: top;
   float: right;
   margin: 0px 0px 10px 10px;
   text-align: left;
}
a.imagelink
{
   text-decoration: none;
   border: none;
}
a.imagelink img
{
   text-decoration: none;
   border: 1px solid black;
}
img.borderedimage
{
   border: 1px solid black;
}
div.productlisthead
{
   padding-bottom: 3pt;
}
div.product
{
   display: block; /* needed to make width: 100% work in Firefox */
   width: 100%;
   margin: auto;
   background-image: url("new/images/red-dash.gif");
   background-repeat: repeat-x;
   background-position: bottom;
   font-size: 80%;
   /*position: relative;
   margin-right: 10px;
	border: 1px solid blue;*/
}
span.leader
{
   visibility: hidden;
   position: relative;
   border-bottom: 2px dotted gray;
   width: auto;
	border: 1px solid blue;
}
span.prodname
{
   position: relative;
   float: left;
   text-align: left;
   padding-right: 0.25em;
   padding-left: 2em;
	/*background-color: Lime;
	border: 1px solid red;*/
}
span.prodprice
{
   position: relative;
   float: right;
   text-align: left;
   padding-left: 0.25em;
	/*border: 1px solid red;
	background-color: Lime;*/
}
img.partnerlogo
{
   float: left;
}
div.contactitem
{
}
img#mapimg
{
   border: 1px solid black;
   margin: 2pt;
}
div.twocolumn
{
   text-align: center;
}
div.leftcolumn
{
   width: 45%;
   padding: 6pt 6pt 6pt 12pt;
   float: left;
   text-align: left;
}
div.rightcolumn
{
   width: 45%;
   padding: 6pt 6pt 6pt 6pt;
   float: right;
   text-align: left;
}
div.versiontitle
{
   color: Red;
}
ul.versionfeature
{
   margin-top: 0pt;
   margin-bottom: -12pt;
}
ul.versionfeature li
{
   font-size: smaller;
   margin-left: 18pt;
}
ul.nvversion 
{
   /*border: 1px solid red;*/
   margin-top: 0pt;
}
ul.nvversion li
{
   font-size: smaller;
   margin-left: -12pt;
   list-style-type: none;
}
ul.nvversion li a
{
   text-decoration: none;
}
div.nvversion a:hover
{
   color: White;
}
div.backtotop
{
   float: right;
   clear: right;
   padding: 1pt 2pt 1pt 2pt;
   border: 1px solid black;
   font-size: smaller;
}
div.backtotop a
{
   text-decoration: none;
}
div.backtotop a:hover
{
   color: Red;
}
img.feedicon
{
   margin-top: 2px;
   margin-left: 3pt;
}

div#pagemiddlexxx, div.maincontentxx, ulx, ulx li
{  /* debug border */
	border: 1px solid red;
}