body { width: 800px; color: #000; font-size: 11pt; font-family: Arial, Helvetica, sans-serif; text-decoration: none }

address {margin-left: 2.5em;}
pre {margin-left: 2em;}
sup {font-size: 80%;}

h1 {font-size: 10pt;}
h2 {font-size: 9pt;}
h3 {font-size: 100%;}
h4 {font-size: 96%;}

#content {width: 790px; margin: 0 auto; background: #FFF;}
#shopContent {width: 740px; margin: 0px 25px}

DIV.fppromo {width: 730px; height: 210px; margin: 25px 0px 0px 5px; background: #FFF;}
DIV.fpbody {width: 730px; margin: 5px 0px 5px 5px; background: #FFF;}
DIV.fplogos {width: 730px; margin: 0px 0px 15px 5px; background: #FFF;}
DIV.fpcat {width: 140px; margin: 0; float: left;}

p.sitetag {font-size: 80%; text-align: right; padding: 0px; margin: 5px 0px; color: #666;}

.dwSC { font-variant: small-caps; }

.fpbody p {margin: 0 0 0.6em 0; text-align: justify;}
.fpbody h1 {margin: 0}
.fpbody h2.head {margin: 0.6em 0 0.2em 0; text-align: justify; font-weight: bold;}

.fpsection {font-weight: bold; margin: 2px 6px 0px 0px;}

.fplogos img {display: block; border: 0; margin: 0 5px 0 auto;}

p.fpstrap {margin: 0; text-align: justify; font-size: 80%;}

DIV.footer {width: 740px; height: 50px;}
DIV.footer p {font-size: 80%;}

br.pad {clear: both;}

DIV.imgright {clear: both;}
.imgright img {margin-left: 10px;}

a { color: #666; font-weight: 200; text-decoration: none }
a:link { color: #666; font-weight: 200; text-decoration: none }
a:hover { color: #d52728; }
a:active { color: #d52728; }

.fpImage {margin: 0; padding: 0; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000;}

.productprice {color: #000; font-weight: bold; font-size: 120%; font-family: Tahoma; text-decoration: none; text-align: right; }
.disclaimer {color: #666; font-size: 80%; margin-top: 2em;}

.Title {color: #000; font-family: Arial; font-size: 120%; font-weight: bolder}
.Title2 {color: #000; font-family: Arial; font-size: 120%; font-weight: bolder; border-bottom: 1px solid #333; padding: 0px 0px 2px 0px; margin: 0px 0px 6px 0px; text-align: right;}

.PageHead {font-family: Arial; font-size: 120%; color: #000; font-weight: bold; text-align: right;}
.PageHeadNoMenu {font-family: Arial; font-size: 120%; color: #000; font-weight: bold; text-align: right; border-bottom: 1px solid #333;}

.btn {width: 105px; height: 18px; font-family: Arial; line-height: 120%; text-align: center; margin-left: 5px; float: right; }
.btn a {display: block; height: 100%; width: 100%; font-weight: bold; color: #000; background: #DDD;}
.btn a:hover {font-weight: bold; color: #FFF; background: #000;}

.dlSectionHead {font-family: Tahoma; font-size: 120%; font-weight: bold; background: #666; color: #FFF; text-align: right; padding: 0px 6px 1px 0px; margin-bottom: 1em; }
.dlSectionDesc {padding-bottom: 1em;}
.dlItemDesc {padding: 5px 0px 0px 0px;}
.dlItemFurtherInfo {padding: 5px 0px 0px 0px; font-size: 80%; text-align: center;}
.dlItemInfo {padding: 5px 0px 5px 0px; font-size: 80%; color: #600; line-height: 13px;}
.dlItemTitle {padding: 0px 0px 2px 0px; font-weight: bolder; border-bottom: 1px solid #333;}

.info p { margin: 0 0 0.8em 0; text-align: justify; }
.info h2 { margin-top: 0; font-weight: bold; text-align: center; color: #FFF; background: #000; padding: 2px; }
.info p.feature { color: #600; text-align: center; }

.info ul {margin-left: 0; padding-left: 2.5em;}
.info li {margin-bottom: 0.3em;}

.info dt {margin-left: 0; margin-top: 0.5em; padding-left: 2.5em; font-weight: bold; font-style: oblique;}

.info table {width: 100%;} /* Make sure top level tables fill the space */
.info table.InfoList {margin-top: 2em;}
.info table.InfoListNM {margin-top: 0;}

.SectionHeadL {padding: 0px 0px 2px 5px; font-weight: bolder; color: #FFF; background: #000; text-align: left !important;}
.SectionHeadR {padding: 0px 5px 2px 0px; font-weight: bolder; color: #FFF; background: #000; text-align: right !important; border-bottom: 1px solid #000;}

.SectionDL {margin: 0 ! important; padding: 0px 0px 2px 0px; font-weight: bolder; border-bottom: 1px solid #333; text-align: left ! important;}

.product_header table,
.general_header table {width: 100%;}
.product_header div table,
.general_header div table {width: auto;} /* un break the product title growing too wide*/

.quotes dt {font-weight: normal;}
.quotes dd {font-weight: bolder;}

.mono {font-family: "Andale Mono","Courier New",courier,monospace;}

#imgmenu {width: 100%;}
#imgmenu img {display: block; border: 0; text-align: center; margin: 0 auto;}

#imgmenu .title {
	color: #000;
	font-family: Arial;
	border-bottom: 1px solid #d52728;
	padding: 0px 0px 2px 0px;
	margin: 0px 6px 6px 0px;
	text-align: right;
	}

#imgmenu a:link, #imgmenu a:visited {
	display: block;
	margin: 0 0 4px 0;
	text-decoration: none;
	text-align: center;
	color: #666;
	padding-top: 6px;
}

#imgmenu a.active:link, #imgmenu a.active:visited, #imgmenu a:hover {
	border-top: 4px solid #000;
	padding-top: 2px;
	color: #d52728;
}


/* ----------------- Main Menu -----------------  */
#mainmenu {
	color: #000;
	margin: 2px 0 0 0;
	padding: 1px 0 4px 0;
	border-bottom: 1px solid #000;
	text-align: right;
}

#mainmenu a:link, #mainmenu a:visited {
	margin: 0 5px;
	color: #000;
}

#mainmenu a.active:link, #mainmenu a.active:visited, #mainmenu a:hover {
	color: #d52728;
	border-bottom: 4px solid #000;
}

/* ----------------- Page Menu -----------------  */
/* Based on CSS Mini Tabs - http://www.simplebits.com/bits/minitabs.html */

#miniflex {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0px;
	border-top: 1px solid #333;
	}

#miniflex li {
	float: left;
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
	}

#miniflex a:link, #miniflex a:visited {
	float: left;
	margin: 0 5px;
	text-decoration: none;
	color: #666;
	padding-top: 6px;
	}

#miniflex a.active:link, #miniflex a.active:visited, #miniflex a:hover {
	border-top: 4px solid #d52728;
	padding-top: 2px;
	color: #d52728;
	}

#miniflex p {
	margin: 0 5px;
	text-decoration: none;
	padding-top: 7px;
	}


/* ----------------- Vertical Side Menu -----------------  */

#sidenav {
	width: 100%;
	margin: 0px;
	padding: 0px;
	}

#sidenav div.title {
	color: #000;
	font-family: Arial;
	border-bottom: 1px solid #d52728;
	padding: 12px 0px 2px 0px;
	margin: 0px 6px 6px 0px;
	text-align: right;
	}

#sidenav div.title_top {
	color: #000;
	font-family: Arial;
	border-bottom: 1px solid #d52728;
	padding: 0px 0px 2px 0px;
	margin: 0px 6px 6px 0px;
	text-align: right;
	}

#sidenav ul {
	width: 100%;
	margin: 0px;
	padding: 0px;
	}

#sidenav li {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
	}

#sidenav li.plain {
	padding-right: 6px;
	}

#sidenav li.licence {
	padding-right: 6px;
	margin-bottom: 0.8em;
	font-size: 80%;
	}

#sidenav a:link, #sidenav a:visited {
	line-height: 16px;
	text-decoration: none;
	padding-right: 6px;
	color: #666;
	}

#sidenav a.active:link, #sidenav a.active:visited, #sidenav a:hover {
	border-right: 4px solid #000;
	padding-right: 2px;
	color: #d52728;
	}