body {
 background: #000030 url(/siteimages/fade-bg2.jpg);
 background-repeat: repeat-y;
 background-position: top center;
 font-size: 63%;
 font: 1em Verdana, sans-serif;
 margin: 0;
 padding: 0;
}

small {
 font-size: 84%;
 color: gray;
}

img {
 border: 0;
}

a {
 font-weight: bold;
 text-decoration: none;
}

a:hover {
 text-decoration: underline;
}

a.stealth {
 font-weight: normal;
 text-decoration: none;
 color: black;
}

small a {
 color: gray;
}

#advert, #advert2 {
 width: 700px;
 height: 70px;
 margin: auto;
 border: 1px solid #000030;
 border-top: none;
 background: #243A69;
 text-align: center;
}

#advert img, #advert2 img {
 border: 1px solid #000030;
 width: 468px;
 height: 60px;
 margin: 5px;
}

#header, #footer, #content {

 position: relative;
 border-style: solid;
 border-width: 0 1px;
 border-color: #000030;
 width: 700px;
 margin: 0 auto;
 padding: 0;

}

#header {
 background: white;
 /* height: 240px; */
 height: 15em;
 /* Note: if overall font size changes, this needs to be re-done! It's hacky, but it means the nav bar doesn't get lost at big font sizes.*/
}

#topimg {
 padding: 0;
 margin: 0;
}

#triangles {
 position: absolute;
 top: 92px;
 right: -38px;
}

#logocontainer {
 position: absolute;
 top: 160px;
 left: 0;
 height: 40px;
 width: 700px;
 background: #C0D4FF;
}

#header h1, #header h2, #news h3 {

 font-size: 1em;
 padding: 0;
 margin: 0;
 display: none;

}

#menu ul {
 margin: 0;
 padding: 0;
 padding-top: 2px;
}

#menu li {
 background: url(siteimages/bullet.gif) no-repeat left;
 display: inline;
 margin: 0;
 padding: 10px;
}

#menu li:before {
 padding-right: 4px;
}

#menu {
 position: absolute;
 top: 200px;
 left: 0;
 height: 1.3em;
 text-align: right;
 font-weight: bold;
 font-size: 0.7em;
}

#menu li a {
 text-decoration: none;
 color: #000030;
}

#menu li a:hover {
 text-decoration: underline;
}


#content {
 background: white;
 padding-bottom: 40px;
}

#content p {
 padding: 0 25px;
 font-size: 0.8em;
 margin: 1em 0;
}


#content h3 {
 padding: 0 25px;
 font-size: 1em;
 margin: 1em 0;
}

#content h4 {
 font-size: 0.9em;
}

h4.faqheader {
 padding: 0 25px;
 margin-top: 3em;
} 

#main h4, #widecontent h4 {
 padding: 0 25px;
}

#footer {
 bottom: 0;
 padding: 10px 0;
 background: #C0D4FF;
}

#footer p {
 margin: 0 25px;
 font-size: 0.7em;
}

#productbar, #sidebar, #littlebox {
 float: right; 
 width: 250px;
 font-size: 0.8em;
}

#productbarindex {
 font-size: 1em;
 width: 250px;
}



#prop {
 width: 700px;
 clear: both;
}

#news, #main {
 width: 400px;
 float: left;
}

#widecontent {
 width: 700px;
 float: left;
}

#news .first {
 font-weight: bold;
}

#news div, #seriesimagebox {
 width: 100px;
 float: left;
 margin-right: 15px;
 margin-left: 25px;
 padding: 0px;
}

#news div img {
 margin-bottom: 20px;
}

#seriesimagebox {
 float: right;
 clear: both;
 }

#seriesimagebox img {
 margin-top: 20px;
}

/* Fixes odd Firefox bug (which seems to have stopped o.O) Anyway, causes more problems than it solved...
#content p {
 float: left;
} */

#main li, #widecontent li {
 padding: 0 25px;
 font-size: 0.8em;
 margin: 1em 0;
}

#sidebar, #littlebox {
 background: #C0D4FF;
}

#sidebar h3 {
 font-size: 1em;
 padding: 0 25px;
 margin-bottom: 0;
 margin-top: 1em;
}

#sidebar input, #sidebar ul {
 padding: 0 25px;
 margin: 0;
}

#sidebar img {
 padding: 0 25px;
 margin: 0;
 margin-top: 10px;
 border: 0;
}



.products {
 margin-left: 10px;
}

.products th {
 font-size: 0.9em;
 text-align: left;
 padding-top: 2em;
}

.product {
 font-size: 0.8em;
 margin: 0;
 padding: 0;
}

.price {
 font-size: 0.8em;
 font-weight: bold;
 margin: 0;
 padding: 0;
}

.paybutton {
 width: 108px;
 margin: 0;
 padding: 0;
}

tr.odd {
 background: #FAFAFF;
}

tr.even {
 background: #E2EFFE;
}

form {
 padding: 0;
 margin: 0;
}

.screenshots, .coverage, .comments {
 margin-left: 25px;
 margin-bottom: 20px;
 background: #C0D4FF;
 width: 345px;
 padding: 5px;
}

.screenshots img {
 margin: 5px;
 padding: 0;
}

.screenshots h4, .coverage h4, .comments h4 {
 margin: 0;
 padding: 0;
 font-size: 0.8em;
 font-weight: bold;
}

#breadcrumbs {
 font-size: 84%;
 color: gray;
}

#productlogo {
 margin-left: 25px;
 border: 0;
}

#littlebox {
 margin-left: 10px;
}

#contactform td p {

 margin: 0;
 padding: 0;
 line-height: 1.3em;

}

.table1 {
 margin-left: 25px;
}

.mandantory { color: red; }

#linknav {
 float: left;
 align: left;
 width: 200px;
 margin: auto;
 border: 1px solid #000030;
 background: #FFFFFF;
 text-align: left;
 font-size: 0.9em;
}

#linknav ul {
 list-style-image: url(/siteimages/folderie.jpg); //
 margin: 0;
 padding: 0;
 padding-left: 28px; //
}

#linknav li {
 display: block;
 margin: 0;
 padding: 1px;
}

#linknav li:before {
 content: url(/siteimages/folderfox.jpg); //
 padding-right: 4px;
 vertical-align: -8px;
}


#linknav li a {
 text-decoration: none;
}

#linknav a:hover {
 text-decoration: underline;
}

#linknav li a:visited {
 color: #000030;
}

#linkmain {
 float: right;
 font-size: 0.7em;
 align: left;
 width: 450px;
 padding-top: 0px;
 background: #C0D4FF;
}

#linkmain li:before {
 content: url(/bulletblue.jpg);
}

#linktousmain {
 position: absolute;
 top: 20px;
 left: 20px;
 font-size: 0.7em;
 align: left;
 padding-top: 1px;
 background: #C0D4FF;
}

#whitelink a {
 font-size: 1.0em;
 color: white; 
}

#helpbox {
 float: left;
 align: left;
 width: 200px;
 position: relative;
 margin: auto;
 border: 1px solid #000030;
 background: #FFFFFF;
 text-align: left;
 font-size: 0.9em;
}

#quickfire p {
 border: 1px solid #000030;
 background-color: white;

}

#quickfire img {
 border: 0px solid #000030;
}

#quickfire ul {
 list-style-image: url(siteimages/ticked.gif);
 margin: 0;
 padding: 0;
 padding-left: 34px;
 border: 1px solid #000030;
 background-color: white;

}

#quickfire li {
 display: block;
 margin: 0;
 padding: 1px;
}

#quickfire li:before {
 padding-right: 4px;
 vertical-align: -8px;
 padding: 1px;
 content: url(siteimages/ticked.gif);
}