html, body { height: 100%; max-height: 100%; overflow:hidden; color: #CCCCCC;
             background-color: #333333; font-family: Candara, Calibri, Arial, sans-serif; margin: 0; padding: 0;
}

a.PageLink
{
    color: #CCCCCC;
    text-decoration: none;
    font-weight: bold;
}
a:active
{
    color: #FFFFFF;
}
a:link
{
    color: #CCCCCC;
}
a:visited
{
    color: #CCCCCC;
}

a.hdrlink { color: Green; font-family: Verdana; font-weight: bold; padding: 0.3em 0.7em; text-decoration: none;}
a.hdrlink:visited { color: Green; }
a.hdrlink:hover { color: #32CD32; }
a.cpage { z-index: 4; border-bottom: 1px solid green;}

.hdrshadow { color: #555555; font-family: Verdana; font-weight: bold; padding: 0.3em 0.7em; text-decoration: none;}

h2 { font-family: Candara; }

div.hdrbuttons { line-height: 50px;
                 padding: 7px 14px; margin: 15px; vertical-align: middle;
				 float: right; max-width: 75%; height: 50px; overflow: hidden;
}

img.thumb { }

img.screenshot { border: outset 2px gray; margin: 1em; max-width: 100%; }
span.pictitle { display: inline-block; width: 100%; font-variant: small-caps; text-align: center; margin-bottom: 1em;}
table.featuretab { width: 80%; background-color: #FFE4B5; border: groove 3px #CD853F;}
table.featuretab td { vertical-align: top; }

table.ccalc { border: none; width: 100%; }
table.ccalc th { text-align: right; font-variant: small-caps; vertical-align: top; padding-right: 0.5em;}
table.ccalc td { text-align: left; vertical-align: top;}

div.faqtext { display: none; border: dashed 1px Yellow; margin: 1em 3%; width: 94%; padding: 0.2em 1em; 
              background-color: #555555; white-space: pre-line;}

ul.Features { font-weight: bold; font-family: Candara;}
ul.Features li { margin-top: 0.5em; }
         
#header {position: fixed; top: 0; width: 100%; background: #DDD; display: block; 
         height: 100px; z-index:5; vertical-align: middle; overflow: visible;
         background-image: url('paper.png'); background-repeat: repeat;
         }

#footer {position: fixed; margin: 0; color: #777777; font-style: italic; padding-right: 1em;
         bottom: 0px; width: 100%; display: block; height: 3em; background: #DDD; 
         background-image: url('paper.png'); background-repeat: repeat;
         text-align: right; border-top: 1px solid Black; vertical-align: middle;}
         
div.leftborder { position: absolute; top: 0; left: 0; width: 10%; height: 100%; border: dotted 2px green;}

div.main { position: fixed; width: 80%; height: auto; top: 100px; bottom: 3em; overflow: auto;
           padding: 0 10%; text-align: left;}

div.indentlist p { margin-left: 2em; margin-right: 2em; }
a.flare { overflow: visible; padding: 50px; margin: -50px; 
                background-image: url('flare.png'); background-repeat: no-repeat;
                background-position: 13px 25px;}

div.faqarea a.flare {text-decoration: none; font-weight: bold; color: Yellow; }
div.faqarea a:visited {text-decoration: none; font-weight: bold; color: Yellow; }

ul.Features a:visited { text-decoration: none; }
ul.Features a:hover { text-decoration: underline; color: Black;}
ul.Features a { text-decoration: none; color: Black; }

table.bottomicons { }
table.bottomicons td { border: none; padding: 0 1em; max-height: 2.8em; }

td.LeftMenu { width: 25em; background-color: #EEEEEE; color: Black; 
              padding: 0.4em; height: 90%; margin: 5% 0px;
              vertical-align: top; }

td.LeftMenu a { color: Blue;}

div.SectionBox  
{
	border-color: Yellow;
	border-style: outset;
	border-width: thin;
	width: 50%;
	margin-top: 20pt; margin-bottom: 20pt;
	margin-left: auto; margin-right: auto;
	text-align: center;
	padding: 10pt;
	background-color: #404040;
}
div.ExchangeButton
{
	float:right;
	font-size: 66%;
	text-align:center;
}

img.dlIcon { width: 32px; height: 32px; vertical-align: middle; padding: 0.3em 1em;}
td.productleft { vertical-align: top; padding-right: 2em; }
ul.nodot { list-style-type: none; }
div.main_full { position: fixed; width: 100%; height: auto; top: 36px; bottom: 0px; overflow: auto;
           padding: 0; text-align: left; margin: 0;}
           
