html, body { color: #CCCCCC;
	height: 100%;
	background-color: #333333;
	font-family: Candara, Calibri, Optima, Arial, sans-serif; 
	margin: 0; padding: 0;
}

h1 {
	color: rgb(255,210,69);
	text-shadow: 2px 2px black;
}

h2 {
	color: rgb(255,210,69);
	text-shadow: 2px 2px black;
}

a.PageLink {
	color: #CCCCCC;
	text-decoration: none;
	font-weight: bold;
}

a:active {
	color: #FFFFFF;
}

a:link {
	color: #CCCCCC;
}

a:visited {
	color: #CCCCCC;
}

table.bottomicons a:link { color: black; }
table.bottomicons a:visited { color: black; }

span.VersionText {
 	font-family: Times New Roman;
	font-size: small;
	color: #FFFFFF;
	font-style: italic;
}

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;}

div.hdrbuttons {
	position: absolute;
	line-height: 4em;
	vertical-align: middle;
	height: 100%;
	white-space: nowrap;
	right: 0px;
}

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;}

p.licsubtext { font-size: 80%; font-style: italic; white-space: normal; }

div.faqtext {
	display: none; border: dashed 1px Yellow; margin: 1em 3%; width: 94%; padding: 0.2em 1em; 
	background-color: #555555;
}

ul.Features { font-weight: bold; font-family: Candara;}
ul.Features li { margin-top: 0.5em; }

#header {
	width: 100%; background: #DDD; display: block; position: relative;
	height: 4em; z-index:5;
	vertical-align: middle; overflow: visible;
	background-image: url('paper.png'); background-repeat: repeat;
   box-shadow: 0px 0.4em 0.4em rgba(128,128,128,0.5);
}

#footer {
	z-index: 5;
	position: absolute;
	color: #777777; font-style: italic;
	padding: 0; 
	width: 100%; display: block; height: 50px; background: #DDD; 
	background-image: url('paper.png'); background-repeat: repeat;
	text-align: right; vertical-align: middle;
	border-top: none;
   box-shadow: 0px -0.4em 0.4em rgba(128,128,128,0.5);
}
			
div.leftborder { position: absolute; top: 0; left: 0; width: 10%; height: 100%; border: dotted 2px green;}

div.wrapper { text-align: left; position: relative; overflow: hidden; min-height: 100%; margin: 0 auto -50px;}
div.main { margin: 0 2em 50px 4em; }
div.fullmain { padding: 1em; margin: 0 auto 50px; }

div.ExchangeButton img { padding: 2px; border: none; display: none; }
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 span {text-decoration: none; font-weight: bold; color: Yellow; line-height: 1.5em;}

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 { color: Black; 
				  padding-top: 100px; height: 90%; margin: 5% 0px;
				  vertical-align: top; 
    max-width: 25em;
    min-width: 15em;
}

td.LeftMenu a { color: Blue;}
td.LeftMenu>div {
	padding: 0.4em;
	background-color: #EEEEEE;
}

td.RightMenu { max-width: 25em; min-width: 200px; color: Black; 
				  padding: 100px 0.4em 0 0.4em; height: 90%; 
				  vertical-align: top; }

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: 1em 0;
	background-color: #404040;
}
div.buybox { width: 96%; }

div.SectionBox>a { font-size: 1.5em; text-shadow: 2px 2px black; color: rgb(255,210,69);}
div.SectionBox>p { font-size: 0.8em; margin-bottom: 0px;}
div.SectionBox>iframe { width: 96%; border: none; min-height: 10em; text-align: center; }

div.frontPageSections {
   text-align: center;
}
div.frontPageSections div.SectionBox {
   width: 40%;
   min-width: 18em;
   display: inline-block;
   margin: 1em;
}

div.faqBox
{
   border-color: Yellow;
   border-style: outset;
   border-width: thin;
   width: 90%;
   margin: 1em 5%;
   text-align: left;
   padding: 0 1em 1em;
   background-color: #404040;
}

div.faqBox span { cursor: pointer; }

div.ExchangeButton
{
	float:right;
	font-size: 66%;
	text-align:center;
}

img.dlIcon { width: 32px; height: 32px; vertical-align: middle; padding: 0.3em 1em;}

div.productleft {
	vertical-align: top; padding-right: 2em; line-height: 1.5em; margin-right: 32em;
	padding-bottom: 1em;
}

div.productright { vertical-align: top;
	width: 30em;
	position: absolute;
	padding: 2em;
	right: 2em;
	top: 7.5em;
	min-height: 40em;
}

ul.nodot { list-style-type: none; }

div.itembar { 
	position: absolute; 
	top: 100px;
	margin: 0px;
}

div.itembar div { 
	width: 8em; 
	height: 2em;
	background-color: rgb(255,210,69);
	box-shadow: -3px 3px 3px rgba(0,0,0,0.8);
	border: 2px ridge #DDD; 
	border-top: none;
	text-align: center;
	display:block;
	margin-bottom: 6.6em;
	margin-left: -3em;
	margin-top: 3.3em;
	padding-top: 0.3em;
	text-shadow: 0px 1px 1px #EEE;

	-webkit-transform: rotate(-90deg);	
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);

	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

div.selitemtab {
	font-weight: bold;
}

div.itembar a:active { 
	 color: #000000; text-decoration: none;
}
div.itembar a:link {
	 color: #000000; text-decoration: none;
}
div.itembar a:visited {
	 color: #000000; text-decoration: none;
}

div.selitemtab a:active { 
	 color: #32CD32; text-decoration: none;
}
div.selitemtab a:link {
	 color: #32CD32; text-decoration: none;
}
div.selitemtab a:visited {
	 color: #32CD32; text-decoration: none;
}
div.cart 
{
	 display: none;
	 background-color: #DDDDDD;
	 border: ridge 2px #DDD;
	 border-top: none;
	 color: #222;
	 font-size: 80%;
	 position: absolute;
	 right: 2em; top: 1em;
	 padding: 0.5em;
	 min-width: 15em;
	 background-image: url('paper.png'); background-repeat: repeat;
  	-webkit-border-radius: 1em;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
	 -moz-box-shadow: 0.25em 0.25em 0.5em #000;
	 -webkit-box-shadow: 0.25em 0.25em 0.5em #000;
	 box-shadow: 0.25em 0.25em 0.5em #000;
}

div.cart table 
{
	 min-width: 16em;
	line-height: 2em;
}
div.cart input 
{
	 font-size: 80%;
}

div.cart .cartmulti 
{
	 color: Red; font-style: italic; font-weight: bold;
	 text-align: center;
}

.cartcontainer {
	float: left; 
	position: relative;
	overflow: visible;
	line-height: normal;
	height: 100%;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes yellowBorderPulse {
    from {border-color: rgb(255,210,69);}
    to {border-color: rgb(96, 207, 235);}
}

/* Standard syntax */
@keyframes yellowBorderPulse {
    from {border-color: rgb(255,210,69);}
    to {border-color: rgb(96, 207, 235);}
}

.smallcart 
{
  	-webkit-border-radius: 0.6em;
	-webkit-border-radius: 0.6em;
	-moz-border-radius: 0.6em;
	-moz-border-radius: 0.6em;
	border-radius: 1em;
	border: ridge 2px #DDD;
	font-size: 80%;
	color: Blue;
	font-weight: bold;
	line-height: 2em;
	padding: 0.2em 1em;
	cursor: pointer;
	position: absolute;
	right: 2em; top: 1em;
	width: 6em;

    -webkit-animation: yellowBorderPulse 1s linear 0s infinite alternate; /* Chrome, Safari, Opera */
    animation: yellowBorderPulse 1s linear 0s infinite alternate;
}

.smallcart:hover 
{
	 border: ridge 2px rgb(255,210,69);
}

.smallcart2 {
	 width: 100%;
	 text-align: right;
	 color: Blue;
	 font-weight: bold;
	 line-height: 32px;
	 margin-top: -2px;
	 margin-right: 6px;
	 cursor: pointer;
}

table.dltable 
{
	 width: 80%; 
	 margin: 1em 10%; 
	 text-align: center;
	 font-weight: bold;
	 text-decoration: underline;
	 border: none;
}

table.dltable td 
{
	 cursor: pointer;
}

table.mainTable td
{
	vertical-align: top;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes yellowPulse {
    from {color: rgb(255,210,69);}
    to {color: rgb(255,254,167);}
}

/* Standard syntax */
@keyframes yellowPulse {
    from {color: rgb(255,210,69);}
    to {color: rgb(255,154,167);}
}

a.ThrobLink {
    -webkit-animation: yellowPulse 2s ease 0s infinite alternate; /* Chrome, Safari, Opera */
    animation: yellowPulse 2s ease 0s infinite alternate;
}

.buytable {
	margin: 0 auto;
}

.buytable th { 
	text-align: right;
	vertical-align: top;
	padding-right: 0.5em;
	color: rgb(255,210,69);
	text-shadow: 1px 1px black;
}

.buytable td { vertical-align: top; }

tr.pricerow > td, tr.pricerow > th {
   padding-top: 1em; padding-bottom: 1em;
   font-size: 1.3em;
}

.addcart
{
    background-image: url('paper.png'); background-repeat: repeat;
	background: #DDD;
   -webkit-border-radius: 0.6em;
   -webkit-border-radius: 0.6em;
   -moz-border-radius: 0.6em;
   -moz-border-radius: 0.6em;
   border-radius: 0.6em;
    border: outset 2px #DDD;
    margin: 1em auto;
    color: Blue;
    font-weight: bold;
    line-height: 32px;
    padding: 0.2em 1em;
    cursor: pointer;
    width: 10em;
}

.addcart:hover
{
    border: outset 2px Yellow;
}

div.livesupport {
	position: absolute; right: 1em; top: 5em;
}

span.otherprices { font-size: 0.75em; font-style: italic; }

span.freetrial { color: limegreen; }

img.sitelogo {
	border: none;
	position: absolute;
	z-index: 1;
	max-height: 90%;
	margin: 0.25em 0.5em;
}

.tinymobile { display: none; }
.mobileonly { display: none; }

/* Switch at 1024 pixels. iPads are nominally 1024. */
@media screen and (max-width: 1023px) {
	.nomobile { display: none; }

	div.main { margin: 0 0 50px 3em; }
	div.productright { position: relative; top: inherit; right: inherit; padding: 0; width: initial; }
	div.productleft { margin: 0; padding: 0; }
	span.otherprices { display: block; padding: 0 0.5em; font-size: 0.8em; }
	div.itembar { font-size: 0.75em; }
	td.RightMenu { padding: 0.4em; }
	td.LeftMenu { padding: inherit; }
}

/* Switch at 600 pixels. */
@media screen and (max-width: 599px) {
	.notinymobile { display: none; }
	.mobileonly { display: block; }
	td.LeftMenu { padding: inherit; }
}