body { margin: 5px; color: #333; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
:root {overflow-y:scroll}
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%;}

TD { vertical-align: top; }
img {border: 0;}

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

DIV.fppromo {width: 790px; height: 120px; margin: 0px 0px 10px 0px;}
DIV.featurepromo {width: 790px; height: 140px; margin: 0px 0px 5px 0px;}
DIV.fpbody {width: 790px; margin: 0px 0px 0px 0px; background: #FFF;}
DIV.fpbodyGry {width: 790px; margin: 0px 0px 0px 0px; background: #efefef;}
DIV.fplogos {width: 790px; 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 5px 4px 2px; background: #FFF; margin: 0px 0px 0px 0px; color: #c0c0c0;}

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

.fpbody p {margin: 0 0 0.6em 0; text-align: justify; color:#333;}
.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%;}
p.fpstrapNews {margin: 2; text-align: justify; font-size: 90%; color:#333}

DIV.mainbody {width: 785px; height: 400px; margin: 5px 0px 5px 5px; background: #FFF url('../img/Sidebar_6.jpg') no-repeat top right;}
DIV.mainbody_menu {width: 785px; min-height: 400px; margin: 5px 0px 5px 5px; background: #FFF url('../img/Sidebar_Bottom_6.jpg') no-repeat bottom right;}
DIV.mainbody_flow {width: 785px; min-height: 400px; margin: 0px 0px 5px 5px; background: #FFF url('../img/Sidebar_Top_6.jpg') no-repeat bottom right;}
DIV.mainbody_flowmenu {width: 785px; min-height: 400px; margin: 0px 0px 5px 0px; background: #FFF}
DIV.appbody_flowmenu {width: 100%; margin: 0px 0px 5px 0px; background: #FFF}
DIV.info {margin-left: 5px; width: 610px; float: left;}
DIV.info2 {margin-left: 25px; width: 610px; float: left;}
DIV.info2min {margin-left: 25px; width: 610px; float: left; font-size:80%}
DIV.appinfo {margin-left: 5px; width: 100%; float: left; background: #FFF}
DIV.infoMid {margin-left: 50px; width: 54%; float: left;}
DIV.menu {width: 135px; margin-left: auto; float: right; padding-right:6px}
DIV.banner {width: 790px; height: 60px; margin-bottom: 2px;}
DIV.bannerNew {width: 790px; height: 75px; margin-bottom: 2px;}
DIV.bannerNewMin {width: 700px; height: 50px; margin-bottom: 0px;}
DIV.top_shader {width: 790px; height: 10px; margin: 0px 0px 0px 0px; background: #FFF url('../img/topGrad.png') repeat-x top left}
DIV.general_header {width: 790px; margin: -1px 5px 20px 0px; }
DIV.product_header {width: 790px; margin: -1px 5px 5px 0px;}
DIV.app_header {width: 100%; margin: -1px 5px 5px 0px;}
DIV.product_footer {width: 790px; height: 60px;}
DIV.footer {width: 790px; background: #990bf;}
DIV.footer p {font-size: 70%;}

br.pad {clear: both;}

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

a { color: #37729A; font-weight: 200; text-decoration: none }
a:link { color: #37729A; font-weight: 200; text-decoration: none }
a:hover { color: #000; text-decoration: underline }
a:active { color: #000; text-decoration: underline }

.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: 160%; color: #000; font-weight: bold; text-align: right; margin-right: 16px; margin-top: 8px; border-right: 8px solid #37729A; padding-right: 10px}
.PageHeadNoMenu {font-family: Arial; font-size: 120%; color: #000; font-weight: bold; text-align: right; border-bottom: 1px solid #333;}
.PageHeadLG {font-family: Arial; font-size: 140%; color: #000; font-weight: bold; text-align: right; margin-right: 15px; margin-top: 0px; margin-bottom: 4px}
.PageHeadLG2 {font-family: Arial; font-size: 140%; color: #000; font-weight: bold; text-align: left; margin-left: 120px; margin-top: 0px; margin-bottom: 4px}

.btn {width: 88px; height: 18px; font-family: Arial; line-height: 120%; text-align: left; margin-left: 15px; float: right; }
.btn a {display: block; height: 100%; width: 100%; font-weight: bold; color: #37729A; padding-right: 0px; padding-top:5px; background-image: url("/img/link_duo.png"); background-position: 70px 4px; background-repeat: no-repeat;}
.btn a:hover {background-position: 70px -28px; color:#000}
.slides {position:absolute; left: 25%; top:25%; visibility:hidden}

.btnMid {width: 95px; height: 18px; font-family: Arial; line-height: 120%; text-align: left; margin-left: 25px; float: right; }
.btnMid a {display: block; height: 100%; width: 100%; font-weight: bold; color: #37729A; padding-right: 0px; padding-top:5px; background-image: url("/img/link_duo.png"); background-position: 75px 4px; background-repeat: no-repeat;}
.btnMid a:hover {background-position: 75px -28px; color:#000}

.widebtn {width: 120px; height: 18px; font-family: Arial; line-height: 120%; text-align: left; margin-left: 5px; float: right; }
.widebtn a {display: block; height: 100%; width: 100%; font-weight: bold; color: #37729A; padding-right: 5px; padding-top:5px; background-image: url("/img/link_duo.png"); background-position: 102px 4px; background-repeat: no-repeat;}
.widebtn a:hover {background-position: 102px -28px; color:#000}

.OpusBtn {width: 220px; height: 48px; font-family: Arial; font-size: 110%; line-height: 120%; text-align: left; margin-left: 2px;  float: left;}
.OpusBtn a {display: block; height: 100%; width: 100%;  color: #37729A; padding-left: 65px; padding-top: 8px; background-image: url("/img/link_Pro2.png"); background-position: 0% 0%; background-repeat: no-repeat;}
.OpusBtn a:hover {color:#000; background-position: 0px -64px;}
.OpusBtn a:active {color:#000;}

.CreatorBtn {width: 220px; height: 48px; font-family: Arial; font-size: 110%; line-height: 120%; text-align: left; margin-left: 2px;  float: left;}
.CreatorBtn a {display: block; height: 100%; width: 100%;  color: #37729A; padding-left: 65px; padding-top: 8px; background-image: url("/img/link_CRT3.png"); background-position: 0% 0%; background-repeat: no-repeat;}
.CreatorBtn a:hover {color:#000; background-position: 0px -62px;}
.CreatorBtn a:active {color:#000;}


.dlSectionHead {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: #37729A; line-height: 13px;}
.dlItemTitle {padding: 5px 0px 2px 0px; font-weight: bolder; border-bottom: 1px solid #333;}

.info p { margin: 0 0 0.8em 0; text-align: justify; }
.info2 p.feature {text-align: center ! important; }
.info2 p { margin: 8px 0px; text-align: justify; font-size:0.9em; line-height:1.2em;}
.info h2 { margin-top: 0; font-weight: bold; text-align: center; color: #000; background: #FFF; padding: 2px; border-bottom: 1px solid #37729A}
.info2 h2 { margin-top: 0; font-weight: bold; text-align: center; color: #000; background: #FFF; padding: 2px; border-bottom: 1px solid #37729A}
.info2 h3 { margin-top: 5px; font-size:110%; font-weight: bold; text-align: center; color: #000; background: #FFF; padding: 2px; border-bottom: 1px solid #37729A}
.info2 p.feature { color: #333; 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: 8px;}
.info table.InfoListNM {margin-top: 0;}

.SectionHeadL {padding: 0px 0px 2px 0px; font-weight: bolder; color: #000; background: #FFF; text-align: left !important; border-bottom: 1px solid #37729A;}
.SectionHeadR {padding: 0px 0px 2px 0px; font-weight: bolder; color: #000; background: #FFF; text-align: right !important; border-bottom: 1px solid #37729A;}
.SectionHeadRnu {padding: 0px 0px 2px 0px; font-weight: bolder; color: #000; background: #FFF; text-align: right !important; border-bottom: 1px solid #FFF;}
.SectionHeadLG {font-size:110%; padding: 0px 0px 2px 0px; font-weight: bolder; color: #000; background: #FFF; text-align: left !important; border-bottom: 1px solid #37729A;}
.SectionHeadLGc {font-size:110%; padding: 0px 0px 0px 0px; font-weight: bolder; color: #000; background: #FFF; text-align: center !important; border-bottom: 1px solid #37729A;}

.SectionDL {margin: 0 ! important; padding: 0px 0px 2px 0px; font-weight: bolder; border-bottom: 1px solid #37729A; 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 {margin: 0px 15px 0px 20px; font-weight: normal; font-style: oblique; text-align: justify !important}
.quotes dd {margin: 0px 15px; font-weight: bolder; text-align: right !important}

.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: #666;
	font-family: Arial;
	border-bottom: 1px solid #37729A;
	padding: 0px 4px 2px 0px;
	margin: 0px 6px 6px 0px;
	text-align: right;
	}
#imgmenu .price {
	color: #666;
	font-family: Arial;
	padding: 1px 4px 0px 0px;
	margin: 0px 8px 0px 0px;
	text-align: center;
	}
#imgmenu a:link, #imgmenu a:visited {
	display: block;
	margin: 0 4px 4px 0;
	text-decoration: none;
	text-align: center;
	color: #37729A;
	padding: 0 4px 6px 0;
}
	
#imgmenu a.active:link, #imgmenu a.active:visited, #imgmenu a:hover {
	margin: 0 4px 4px 0;
	border-bottom: 4px solid #37729A;
	padding: 0 4px 2px 0;
	color: #000;
}

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

#imgmenu2 .title {
	color: #666;
	font-family: Arial;
	border-bottom: 1px solid #37729A;
	padding: 0px 4px 2px 0px;
	margin: 0px 6px 6px 0px;
	text-align: right;
	}
#imgmenu2 .price {
	color: #666;
	font-family: Arial;
	padding: 1px 4px 0px 0px;
	margin: 0px 12px 0px 0px;
	text-align: center;
	}
#imgmenu2 a:link, #imgmenu a:visited {
	display: block;
	margin: 0 4px 4px 0;
	text-decoration: none;
	text-align: center;
	color: #37729A;
	padding: 0 4px 6px 0;
	border-bottom: 0px;
}
	
#imgmenu2 a.active:link, #imgmenu a.active:visited, #imgmenu a:hover {
	margin: 0 4px 4px 0;
	padding: 0 4px 2px 0;
	color: #000;	
	border-bottom: 0px;
}

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

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

#mainmenu a.active:link, #mainmenu a.active:visited, #mainmenu a:hover {
	color: #37729A;
	text-decoration: none;
	border-bottom: 4px solid #444;
}

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

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

#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: #37729A;
	padding-top: 6px;
	}
#miniflex a.active:link,{
	border-top: 4px solid #37729A;
	padding-top: 2px;
	color: #000;
	}
#miniflex a.active:visited, #miniflex a:hover {
	border-top: 4px solid #37729A;
	padding-top: 2px;
	color: #444;
	}
#miniflex a.home:link, #miniflex a.home:visited {
	color: #444;
	}
#miniflex a.home:hover {
	border-top: 4px solid #37729A;
	padding-top: 2px;
	color: #000;
	}
#miniflex p {
	margin: 0 5px;
	text-decoration: none;
	padding-top: 6px;
	padding-left: 6px;
	color: #333;
	}

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

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

#sidenav div.title {
	color: #444;
	font-family: Arial;
	border-bottom: 1px solid #37729A;
	padding: 12px 0px 2px 0px;
	margin: 0px 6px 6px 0px;
	text-align: right;
	}
#sidenav div.title_down {
	color: #444;
	font-family: Arial;
	border-bottom: 1px solid #37729A;
	padding: 0px 0px 2px 0px;
	margin: 8px 6px 6px 0px;
	text-align: right;
	}
	
	#sidenav div.title_low {
	color: #444;
	font-family: Arial;
	border-bottom: 1px solid #37729A;
	padding: 0px 0px 2px 0px;
	margin: 170px 6px 6px 0px;
	text-align: right;
	}
	
#sidenav div.title_top {
	color: #444;
	font-family: Arial;
	border-bottom: 1px solid #37729A;
	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: #37729A;
	}
#sidenav a.imagelink:link, #sidenav a.imglink:visited, #sidenav a.imglink:hover {
	border-right: 0px;
	padding-right: 2px;
	color: #000;
	}
	
#sidenav a.active:link, #sidenav a.active:visited, #sidenav a:hover {
	border-right: 4px solid #37729A;
	padding-right: 2px;
	color: #000;
	}