/* IE flicker fix */

html {
	filter: expression(document.execCommand("BackgroundImageCache", false, true)); 
}


/* basic fonts */

body {
	background-color: #09c;
	background-image: url(/gui/background-blue.gif);
	margin: 0; padding: 0;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 0.75em;
	line-height: 160%;
	color: #fff;
}

input, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 100%;
}

td {
	font-size: 1em;
	vertical-align: top;
	margin: 0; padding: 0;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
img {
	border: none;
}
label {
	color: #fff;
}
.formColumn label,
.tour label {
	color: #000;
}





table.contentTable {
	width: 100%;
}

td.navigationColumn {
	width: 225px;
}

td.sidebarColumn {
	width: auto;
}

td.formColumn,
td.productColumn,
td.contentColumn {
	width: 740px;
	background: #fff url(/gui/navbar-left-whiteonblue.gif) top left no-repeat;
	color: #000;
	font-size: 1em;
}
td.formColumn div,
td.productColumn div,
td.contentColumn div {
	background: url(/gui/navbar-right-whiteonblue.gif) top right no-repeat;
	padding: 20px 30px;
}
td.formColumn div div,
td.productColumn div div,
td.contentColumn div div {
	background: none;
	padding: 0;
	width: auto;
	max-width: 100%;
	min-width: 0%;
}

.tour td.contentColumn {
	width: auto;
	background: #fff;
}
.tour td.contentColumn div {
	padding: 0;
	background: none;
}

td.contentColumn p {
	margin: 1em 0;
}

td.contentColumn h1 {
	font-size: 1.1em;
	margin: 0.2em 0 -0.7em;
}
td.contentColumn h2 {
	font-size: 1.1em;
	margin: 1.5em 0 -0.9em;
}
td.contentColumn h3 {
	font-size: 1.1em;
	margin: 2em 0 -1em;
}
td.contentColumn h4 {
	font-size: 1em;
	margin: 2em 0 -2em;
}
td.contentColumn form h4 {
	margin: 1em 0;
}
td.contentColumn p.Inleiding {
	font-weight: bold;
	font-size: 1em;
	line-height: 180%;
	margin-top: 0;
}
td.contentColumn p.Inleiding strong {
	display: block;
	font-size: 1.5em;
	color: #09c;
	margin: 0 0 0.3em;
}
td.contentColumn p.Foutmelding {
	color: #f60;
	font-weight: bold;
	font-size: 1.05em;
	line-height: 180%;
}
td.contentColumn ul {
	margin: 1em 0;
	padding: 0 0 0 1.6em;
}

td.contentColumn ul li {
	margin: 0; 
	padding: 0;
}

td.formColumn a,
td.contentColumn a,
td.productColumn a {
	color: #069;
	text-decoration: underline;
}


td.contentColumn textarea {
	vertical-align: top;
}


td.sidebarColumn {
	padding: 12px;
}

td.sidebarColumn h2 {
	font-size: 1em;
}

td.sidebarColumn ul.screenshots {
	list-style-type: none;
	margin: 0; padding: 0;
}

td.sidebarColumn ul.screenshots li {
	margin: 0; padding: 0;
}

td.sidebarColumn ul.screenshots li a img {
	border: none;
	margin: 0 20px 20px 0;
}




td.contentColumn form.simple {
	padding-top: 4px;
}

td.contentColumn form.simple label {
	float: left;
	display: block;
	border-top: 1px solid #ccc;
	width: 130px;
	clear: left;
	color: #000;
}

td.contentColumn form.simple p {
	clear: left;
}
td.contentColumn form.simple p span {
	clear: left;
	display: block;
	margin: 2px 0 4px 130px;
	padding: 2px 0 2px 20px;
	font-weight: bold;
	color: #f60;
	background-image: url(/gui/error_on_blue.gif);
	background-position: 0 4px;
	background-repeat: no-repeat;
}
td.contentColumn form.simple p.button {
	background-image: url(/gui/button-white-right.gif);
	background-position: top right;
	background-repeat: no-repeat;
	width: 180px;
	height: 26px;
	padding: 0;
	margin: 3em 0;
}

td.contentColumn form.simple p.button a {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 1.0em;
	display: block;
	background-color: transparent;
	background-image: url(/gui/button-white-left.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 180px;
	height: 26px;
	line-height: 26px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
}

td.contentColumn form.simple p.button input {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 1.0em;
	border: none;
	background-color: transparent;
	background-image: url(/gui/button-white-left.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 180px;
	height: 26px;
	line-height: 26px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	
	cursor: pointer;
}


td.contentColumn form.simple input {
	float: left;
	margin-right: 6px;
}
td.contentColumn form.simple select {
	float: left;
	margin-right: 6px;
}
td.contentColumn form.simple table {
	border-collapse: collapse;
}
td.contentColumn form.simple table th,
td.contentColumn form.simple table td {
	border: 1px solid #24adda;
	text-align: left;
	padding: 0.3em;
}
td.contentColumn form.simple table td {
	vertical-align: top;
}
td.contentColumn form.simple table th {
	vertical-align: bottom;
}


td.contentColumn ol li {
	margin: 0.6em;
	line-height: 140%;
}
td.contentColumn ol li img {
	margin: 8px 0 0;
}



/***************************** PRODUCT MATRIX *************/

div.matrix {
	margin-top: -16px;
	padding-top: 0;
	width: 100%;
}

table.matrix {
	text-align: center;
	margin-left: 210px;
}

table.matrix td {
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	width: 	120px;
	
}

table.matrix td a {
	font-weight: bold;
	font-size: 110%;
	color: #fff;
	border: none;
	text-decoration: none;
}
table.matrix td img {
	border: none;
	margin-bottom: 4px;
}


div.matrix {
	position: relative;
}
div.matrix h3 {
	padding-left: 18px;
	margin-left: 210px;
}
ul.matrix {
	list-style-type: none;
	overflow: hidden;
	
	margin: 0 0 20px 0;
	padding: 0;
	border-right: 1px solid #1BAFDF;
	margin-left: 210px;
	margin-right: 300px;
	zoom: 1;
}

ul.matrix li {
	float: left;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

ul.matrix li a {
	font-weight: bold;
	font-size: 110%;
	color: #fff;
	border: none;
	text-decoration: none;
}
ul.matrix li img {
	border: none;
	margin-bottom: 4px;
}


div.online {
	position: absolute;
	right: 70px;
}
div.online h3 {
	margin: 0 0 0 12px;
	padding: 0;
}
div.online div.box {
	background: url(/gui/ul-ob-bottom-right.gif) bottom right no-repeat;
}
div.online div.box div {
	background: url(/gui/ul-ob-bottom-left.gif) bottom left no-repeat;
}
div.online div.box div div {
	background: url(/gui/ul-ob-top-right.gif) top right no-repeat;
}
div.online div.box div div div {
	background: url(/gui/ul-ob-top-left.gif) top left no-repeat;
	padding: 30px 30px 15px 30px;
}


div.online ul {
	margin: 0 0 1em 0;
	padding: 0;
	list-style-type: none;
}
div.online ul il {
	margin: 0;
	padding: 0;
}
div.online ul li a {
	color: #fff;
	font-weight: bold;
}


/****************************** MODIFICATION ****************/

div.modification {
	font-size: 0.85em;
	margin: 20px 0 20px 210px;
}

/****************************** QUOTE ****************/

div.quote {
	text-align: left;
	padding-right: 12px;
	padding-left: 20px;
}

div.quote p {
	font-weight: bold;
}

div.quote blockquote {
	margin-left: 0;
	padding-left: 0;
	margin-right: 0;
	padding-right: 0;
	
	font-style: italic;
}


/****************************** PROMOBANNER ****************/

div.promobanner {
	position: relative;
/*	top: -2em;
	left: 670px;
	_left: 445px; */
}

div.promobanner img {
	position: absolute;
	top: -45px;
	left: 746px;
/*	border: none;
	position: absolute;
	top: -25px; */
}

/******************* @HEADER **********************/

table.header {
	width: 100%;
	height: 82px;
	padding: 0px;
	background-color: white;
}

table.header td {
	padding: 0;
}

table.header td.logo {
	width: 228px;
}

table.header td.logo img {
	border: 0px;
}

table.header td.options {
	height: 27px;
	vertical-align: top;
}

table.header table.options {
	float: right;
	padding: 0;
	margin: 0;
	line-height: 220%;
}

table.header table.options td.links {
	color: #339;
	font-weight: bold;
	padding-right: 15px;
}

table.header table.options td.links a {
	color: #09c;
}

table.header table.options td.languages {
	background-color: #f60;
	background-image: url(gui/flagbar-left-orange.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-left: 10px;
	padding-right: 10px;
}

table.header table.options td.languages a {
	color: white;
	font-weight: bold;
}

table.header table.options td.languages a.selected {
	text-decoration: underline;
}

table.header td.options {
	height: 34px;
}

table.header td.nav {
	height: 21px;
	vertical-align: bottom;
	padding: 0px;
}

div.nav, ul.nav {
	background-color: #09c; 
	padding: 0; margin: 0;
	list-style-type: none;
	height: 2em;
	line-height: 2em;
}

ul.nav li {
	float: left;
	display: block;
	
	border-right: 1px solid #fff;
}

ul.nav li.first {
	background-image: url(gui/navbar-left-combo.gif); 
	background-repeat: no-repeat;
	background-position: 0 0;
}

ul.nav li.selected {
	background-color: #f60;
	background-position: 0 -60px;
}

ul.nav li a {
	padding: 4px 12px;
	color: #fff;
	font-weight: bold;
}

ul.nav li.first a {
	padding-left: 18px;
}



/******************* @BODYFRAME ****************/

table.bodyframe {
	width: 100%;
	height: 100%;
	border: none;
}

table.bodyframe td,
table.bodyframe th {
	padding: 0px 0px 0px 0px;
	vertical-align: top;
}

table.bodyframe td.subnav {
	width: 225px;
}

table.bodyframe td.contents {
	color: #000000;
	background-color: #FFFFFF;
	background-image: url(gui/pricelist-round.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 24px;
	padding-top: 24px;
}

table.bodyframe td.contents td {
	color: #000000;
}

table.bodyframe td.orderbar {
	background-color: #FFFFFF;
	width: 165px;
	text-align: right;
}


/******************* @CONTENTFRAME ****************/

table.contentframe {
	border: none;
}

table.contentframe td,
table.contentframe th {
	padding: 0px 0px 0px 0px;
	vertical-align: top;
}

table.contentframe td.left {
	width: 89%;
}

table.contentframe td.right {
	width: 11%;
}

table.contentframe h2 {
	font-size: 100%;
	color: #FF6600;
}

table.contentframe h3 {
	font-size: 120%;
	margin-bottom: 0px;
	color: #003399;
}

table.contentframe p {
	margin-top: 0px;
}

table.contentframe a {
	color: #003399;
}



/******************* @FOOTER ****************/

td.footer {
	background-color: #FFFFFF;
}
td.footer img {
	float: right;
	border: none;
	margin-bottom: 20px;
}

div.keywords {
	display: none;
}

/******************* @PRODUCTTITLE ****************/

div.maintitle {
	position: relative;
	padding-left: 225px;
	border-right: 1px solid #09c; 
}

div.maintitle h1 {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 24px;
	padding-bottom: 1em;

	width: 450px;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.9em;
	line-height: 140%;
}
div.maintitle h2 {
	margin-top: -1em;
	font-size: 1.3em;
	margin-bottom: 1.5em;
	font-weight: bold;
}

div.producttitle {
	padding-left: 225px;
	border-right: 1px solid #09c; 
}

div.producttitle h2 {
	margin: 1.1em 0;
	font-weight: bold;
	font-size: 1.4em;
}

div.producttitle h1 {
	position: absolute;
	top: 0; left: 225px;
	color: #09c;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	line-height: 140%;
	margin: 18px 0 0;
	padding: 0;
}


/******************* @SUBNAV **********************/

ul.steps {
	border-top: 1px solid #24ADDA;
}

ul.subnav {
	float: left;
	width: 195px;
	margin: 0 30px 0 0; 
	-margin: 0;
	padding: 0;
	border-top: 1px solid #24ADDA;
}

ul.subnav li {
	list-style-type: none;
	padding-left: 16px;
	border-bottom: 1px solid #24ADDA;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: bold;
	color: #24ADDA;
}

ul.subnav li.selected {
	background: #f60;;
	border-bottom: 1px solid #f60;
}

ul.subnav li.spacer {
	margin-top: 18px;
}

ul.subnav li a {
	color: #fff;
}

div.product img {
	margin-top: 16px;
}




td.navigationColumn div.testimonial {
	width: 180px;
	margin: 0 0 30px 0;
}

td.navigationColumn div.testimonial p.quote {
	margin-bottom: 0px;
	padding-left: 16px;
	padding-bottom: 3px;
	border-bottom: 1px solid #24ADDA;
	font-weight: bold;
}

td.navigationColumn div.testimonial p.attribution {
	margin-top: 0px;
	padding-top: 4px;
	padding-left: 16px;
	text-align: right;
}


td.navigationColumn div.testimonial a {
	color: #fff;
}

td.contentColumn div.testimonial {
	margin: 1em 0 2em;
}

td.contentColumn div.testimonial a {
	color: #fff;
}
td.contentColumn div.testimonial p {
	margin: 0;
	padding: 0 32px 8px 0;
	border-bottom: 1px solid #24ADDA;
}

td.contentColumn div.testimonial p.auteur {
	margin: 0;
	padding: 6px 0 0 0;
	border: none;
	font-style: italic;
	text-align: right;
}

td.contentColumn div.testimonial img {
	float: right;
	margin-left: 1em;
}



/******************* @ORDERBAR **********************/


div.tour {
	background-image: url(gui/ub-ob-bottom-left.gif); 
	background-repeat: no-repeat;
	background-position: left bottom;
	
	width: 145px;
	padding-top: 5px;
	padding-bottom: 5px;
	
	text-align: left;
}
div.tour a {
	background-image: url(gui/flagbar-left-orange.gif);
	color: #FFFFFF;
	font-weight: bold;
	margin-left: 10px;
}

div.orderbar {
/*	float: right;  */
	margin-top: 6px;
	margin-bottom: 30px;
	
	background-image: url(gui/product-white-blue-divide.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom: 19px;
	font-size: 0.95em;
}
div.orderbar h3,
div.orderbar p,
div.orderbar a {
	font-family: Arial, Helvetica, sans-serif;
}

div.orderbar img {
	border: none;
}

div.orderbar h3 {
	margin-bottom: 0;
	font-size: 11px;
	font-weight: bold;
	color: #003399;
	margin-left: 10px;
	margin-right: 10px;
}

div.orderbar div.demo {
	padding: 0 0 0 20px;
}

div.orderbar div.demo a {
	display: block;
	background-color: #f60;
	color: #fff;
	padding: 0 10px 10px;
	font-weight: bold;
	font-style: italic;
	font-size: 1.1em;
}

div.orderbar p {
	margin-bottom: 0;
	margin-top: 0;
	margin-left: 10px;
	margin-right: 10px;
}

div.orderbar div.pricelist {
	width: 145px;
	background-color: white;
	background-image: url(gui/product-orange-white-divide.gif);
	background-repeat: no-repeat;
	
	padding-top: 20px;
	text-align: left;
	margin-left: 20px;
}

div.orderbar div.pricelist h3 {
	border-bottom: 1px solid #f60;
}

div.orderbar div.pricelist p a {
	color: #f60;
}

div.orderbar div.pricelist p.price {
	text-align: right;
	border-bottom: 1px solid #f60;
}

div.orderbar div.pricelist p.price span {
	display: block;
}
div.orderbar div.pricelist p.quote {
	font-size: 1em;
	font-style: italic;
	font-weight: bold;
	line-height: 140%;
	
	padding: 0.3em 0 1em;
}
div.orderbar div.dollar #euro,
div.orderbar div.dollar #pound,
div.orderbar div.euro #dollar,
div.orderbar div.euro #pound,
div.orderbar div.pound #dollar,
div.orderbar div.pound #euro {
	display: none;
}

div.orderbar div.pricelist p.price a {
	font-weight: bold;
	font-size: 14px;
}

div.orderbar div.compatible {
	width: 145px;
	background-color: white;

	padding-top: 5px;
	padding-left: 0px;
	text-align: left;
	margin-left: 20px;
}

div.orderbar div.compatible img {
	margin-left: 4px;
	margin-bottom: 4px;
}

div.orderbar div.currency {
	width: 145px;
	background-color: white;

	padding-top: 1px;
	text-align: left;
	margin-left: 20px;
}

div.orderbar div.currency p a {
	font-weight: bold;
	color: #0099CC;
}

div.orderbar div.paymentmethods {
	width: 145px;
	background-color: white;

	padding-top: 20px;
	text-align: left;
	margin-left: 20px;
}

div.orderbar div.paymentmethods img {
	margin-right: 10px;
	margin-bottom: 10px;
}

/******************* @SUBSCRIBE *************************/

div.subscribe {
	margin: 30px 0 0;
	padding: 0;
	width: 180px;
	background-color: transparent; 
	background-image: url(gui/uf-wb-bottom-right.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}

div.subscribe div.head {
	margin: 0;
	padding: 0;
	text-align: left;	
	background-color: transparent; 
	background-image: url(gui/uf-ob-top-right.gif);
	background-repeat: no-repeat;
	background-position: top right;
	border: none;
}

div.subscribe div.head h3 {
	margin: 0;
	padding: 5px 16px 5px;
	color: white; 
	border: none;
	font-size: 1em;
}

div.subscribe div.body {
	margin: 0;
	padding: 8px 16px 5px;
	border: none;
	color: black;
}

div.subscribe div.body a {
	margin-top: 8px;
	font-style: italic;
	color: #003399;
	font-size: 80%;
}

div.subscribe div.body input.text {
	width: 138px;
}

div.subscribe div.body input.button {
	margin: 8px 0 -16px;
	
	display: block;
	background: #09c url(/gui/button-blue-white-120.gif) no-repeat top left;
	color: #fff;
	width: 120px;
	height: 26px;
	text-align: center;
	line-height: 26px;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
	border: none;
	cursor: pointer;
	
/*	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11pt; 
	font-weight: bold; 
	color: #FFFFFF; 
	background-color: #0099CC; 
	border-left: #00CCFF 1pt solid; 
	border-top: #00CCFF 1pt solid; 
	border-bottom: #006699 1pt solid; 
	border-right: #006699 1pt solid;
	*/
}


/******************* @REGISTRATION **********************/

table.registration {
	width: 100%;
	height: 100%;
	border: none;
}

table.registration td {
	padding: 0px 0px 0px 0px;
	border: none;
	vertical-align: top;
}

table.registration td.steps {
	width: 225px;
}

table.registration td.form {
	background-color: white;
	background-image: url(gui/pricelist-round.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 24px;
	padding-top: 24px;
}

table.registration td.form p {
	color: black;
	width: 525px;
}

table.registration td.form hr {
	border-top: 1px solid #24ADDA;
	border-bottom: 1px solid white; 
	width: 525px;
	text-align: left;
}

table.form {
	width: 525px;
}

table.form td {
	color: black;
	vertical-align: top;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 6px;
	padding-bottom: 6px;
}

table.form td a {
	color: navy;
}

table.form td.label {
	padding-right: 20px;
	width: 120px;
}

table.form td p.error {
	width: auto;
	margin-top: 4px;
	margin-bottom: 0px;

	background-image: url(gui/error.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 16px;

	color: #FF6600;
	font-weight: bold;
}

table.form td p.info {
	width: auto;
	margin-top: 4px;
	margin-bottom: 0px;

	font-style: italic;
}




/***********************************************************************/
/* NEWSLETTER                                                     */
/***********************************************************************/
table.letter {
	width: 680px;
}
table.letter td {
}	
table.letter tr.main td {
	vertical-align: top;
}
table.letter tr.main td.content h2 {
	margin: 0; 
	padding: 0;
	font-size: 1.5em;
	color: #09c;
}
table.letter tr.main td.content p {
	font-size: 90%;
	margin-bottom: 1.5em;
}
table.letter tr.main td.content ul {
	margin: -12px 0 36px;
	padding: 0 0 12px;
	color: #f60;
	border-bottom: 1px solid #ddd;
}
table.letter tr.main td.content ul li {
	display: inline;
	padding-left: 10px;
	border-left: 2px solid #f60;
	border-right: 10px solid #fff;
	color: #f60;
	-zoom:1;
}
table.letter tr.main td.content ul li a {
	font-weight: bold;
	font-size: 100%;
	text-decoration: none;
	-zoom:1;
}
table.letter td.common h2 {
	padding: 0;
	margin: 0 0 10px 16px;
	font-size: 120%;
	color: #09c;
	clear: both;
}
table.letter td.common h2 img {
	margin: 0 4px 0 -16px;
}
table.letter td.common p {
	margin: 0 0 24px;
	padding: 0;
	font-size: 90%;
}
table.letter td.common ul {
/*	margin: -24px 0 24px; */
}
table.letter td.common li {
	font-size: 90%;
}
table.letter tr.main td.box {
	width: 250px;
}
table.letter div.box {
	margin-top: 0px;
	margin-left: 20px;
	width: 230px;
	background: url(gui/sw-br.gif) no-repeat bottom right;
	font-size: 90%;
}
table.letter div.box div.head {
	margin: 0;
	padding: 0;
	text-align: left;	
	background: url(gui/sw-tr.gif) no-repeat top right;
	border: none;
}
table.letter div.box div.head h3 {
	background: url(gui/sw-tl.gif) no-repeat top left;
	margin: 0;
	padding: 14px 24px 3px;
	color: white; 
	border: none;
	font-size: 12px;
}
table.letter div.box div.head h3 img {
	margin-right: 4px;
}
table.letter div.box div.body {
	background: url(gui/sw-bl.gif) no-repeat bottom left;
	margin: 0;
	padding: 10px 24px 22px;
	border: none;
	color: black;
}
table.letter div.box ul {
	padding: 0;
	margin: 0;
}
table.letter div.box ul li {
	margin: 0 0 0 12px;
	padding: 0;
	list-style-type: square;
	color: #f60;
}
table.letter label {
	display: block;
	margin-left: 24px;
}
table.letter input {
	margin-top: 8px;
}
table.letter textarea {
	width: 174px;
	height: 60px;
}
table.letter label input {
	margin-left: -24px;
	margin-top: 0px;
	margin-right: 10px;
	width: 14px;
}
table.letter input.text {
	margin-top: 0px;
	margin-bottom: 8px;
	width: 174px;
}
table.letter input.button {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 1.0em;
	border: none;
	background-color: transparent;
	background-image: url(/gui/button-white-120.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 120px;
	height: 26px;
	line-height: 26px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	
	cursor: pointer;
}
table.letter form {
	margin-top: 8px;
	margin-bottom: 0px;
	overflow: hidden;
}
table.letter div.package {
	float: right;
	margin-top: -36px;
	margin-right: -10px;

	width: 100px;
	height: 111px;

	background: url(/gui/box-trans.png) top left no-repeat;
	
	-background: none;
	-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gui/box-trans.png');
}



/***********************************************************************/
/* VIRTUAL TOUR                                                        */
/***********************************************************************/

body.tour {
	background-color: white;
	background-image: none;
}

body.tour td {
	background-color: white;
	color: black;
}

body.tour a {
	color: #003399;
}

body.tour table.tour {
	width: 100%;
}
body.tour table.header {
	height: 60px;
}
body.tour table.header td.logo {
	width: 220px;
}
body.tour table.header td.logo img {
	margin-top: 6px;
	margin-left: 10px;
	margin-bottom: 6px;
}
body.tour table.header td.navigation {
	background-image: url(gui/newsletter-white.gif);
	background-position: bottom left;
	vertical-align: middle; 
}
body.tour table.header td.navigation h2 {
	margin-left: 30px;
	font-size: 1.2em;
}
body.tour table.header td.navigation h2 span {
	color: #09c;
}
body.tour table.header td.navigation ul {
	float: right;
	white-space: nowrap;
}

body.tour table.header td.navigation ul li {
	display: inline;
	margin-right: 15px;
}

body.tour table.header td.navigation ul li {
	font-weight: bold;
	font-size: 110%;
	color: #BBBBBB;
}

body.tour table.header td.navigation ul li a {
	font-size: 100%;
	color: #003399;
}

body.tour table.tour tr.main td {
	vertical-align: top;
	padding-top: 10px;
}

body.tour table.tour tr.main td.navigation {
	width: 210px;
	padding-top: 0;
}

body.tour table.tour tr.main td.content {
	border-left: 24px solid #fff;
}
body.tour table.tour tr.main td.content h2 {
	padding-top: 0px;
	margin-top: 0px;
	font-size: 130%;
	color: #FF6600;
	margin-left: 16px;
}
body.tour table.tour tr.main td.content h2 img {
	margin-left: -16px;
	margin-right: 4px;
}
body.tour table.tour tr.main td.content img.thumb {
	float: right;
	margin-left: 20px;
	border: none;
}


td.formColumn div {
}

td.formColumn form table,
body.tour form table {
	margin: 0 0 0;
	padding: 0;
	border-top: 1px solid #09c;
	border-bottom: 1px solid #09c; 
	width: 100%;
}
body.tour form table {
	width: 50em;
}

td.formColumn form table td,
td.formColumn form table th {
	vertical-align: top;
	padding: 0.7em 8px 0.6em 0;
	border-top: 1px solid #eee; 
	text-align: left;
	font-weight: normal;
	font-size: 0.95em;
}

body.tour table.tour tr.main td form table td,
body.tour table.tour tr.main td form table th {
	vertical-align: top;
	padding: 0;
}

td.formColumn form table tr.line td,
td.formColumn form table tr.line th {
	border-top: 1px solid #09c;
	padding-top: 1.5em;
}

body.tour table.tour tr.main td form table tr.line td,
body.tour table.tour tr.main td form table tr.line th {
	border-top: 1px solid #ddd; 
	padding-top: 0.7em;
}

td.formColumn form table tr.first th,
td.formColumn form table tr.first td {
	padding-top: 0.5em;
}

body.tour table.tour tr.main td form table tr.first td,
body.tour table.tour tr.main td form table tr.first th {
	padding-top: 0.5em;
}

body.tour table.tour tr.main td form table th {
	text-align: left;
	width: 10em;
	padding: 0.2em 2em 0.3em 0;
	font-weight: normal; 
	font-size: 0.95em;
}

body.tour table.tour tr.main td form table td {
	padding: 0 0 0.2em 0;
}
td.formColumn form table input,
td.formColumn form table select,
body.tour form table input,
body.tour form table select {
	margin-bottom: 3px;
	font-size: 0.95em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
td.formColumn form table td label,
body.tour form table td label {
	font-size: 0.95em;
}
td.formColumn form table td label input,
body.tour form table td label input {
	position: relative;
	top: 4px;
	left: -3px;
}
td.formColumn form table td span,
body.tour form table td span {
	display: block;
	margin: 0;
	padding: 2px 0 3px 20px;
	color: #f60;
	font-weight: bold;
	
	background-image: url(/gui/error_on_blue.gif);
	background-position: 0 4px;
	background-repeat: no-repeat;
}
td.formColumn form table td em,
body.tour form table td em {
	display: block;
	margin: 0;
	padding: 2px 0 3px 0;
	color: #000;
	font-size: 0.95em;
}
td.formColumn form p,
td.formColumn form ol,
td.formColumn form ul,
body.tour table.tour tr.main td form p,
body.tour table.tour tr.main td form ol,
body.tour table.tour tr.main td form ul {
	font-size: 0.95em;
}
body.tour table.tour tr.main td form p {
	width: 50em; 
}
body.tour table.tour tr.main td form.simple p {
	width: auto; 
}
body.tour table.tour tr.main td form p.button {
	padding: 0;
	width: 50em;
}
body.tour table.tour tr.main td form.simple p.button {
	padding: 0;
	width: 180px;
}
td.formColumn p.warning,
body.tour table.tour tr.main td form p.warning {
	color: #f60;
}

td.formColumn div.required,
body.tour table.tour tr.main td span.required {
	font-size: 0.8em;
	float: right;
}
body.tour form table tr td div.inline {
	display: inline;
	margin: 0 0 0 16px;
}
body.tour form table tr td div.inline label {
	position: relative;
	top: -6px;
	margin: 0 4px 0 0;
}

td.formColumn form p.button input {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 1.05em;
	border: none;
	background-color: transparent;
	background-image: url(/gui/button-white-120.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 120px;
	height: 26px;
	line-height: 26px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	
	cursor: pointer;
}
td.formColumn form p.button input.wide {
	background-image: url(/gui/button-orange-white-200.gif);
	width: 200px;
}



ul.blue-white {
	margin-top: 0px;
	margin-left: 6px;
	margin-right: 0;
	padding-left: 0px;
}
ul.blue-white li {
	padding-left: 0px;
	margin-left: 0px;
	list-style-type: none;
}
ul.blue-white li div {
	_width: 150px;
}
ul.blue-white li div div.right
{
	background-image: url(gui/ul-bw-right.gif);
	background-position: right;
	background-repeat: repeat-y;
}
ul.blue-white li div.top div.right
{
	background-image: url(gui/ul-bw-top-right.gif);
	background-position: top right;
	background-repeat: no-repeat;
}
ul.blue-white li div.bottom div.right
{
	background-image: url(gui/ul-bw-bottom-right.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}
ul.blue-white li div div.left {
	padding-left: 24px;
	padding-right: 24px;
	padding-top: 4px;
	padding-bottom: 4px;
	background-image: url(gui/ul-bw-left.gif);
	background-repeat: repeat-y;
	background-position: top left;
}
ul.blue-white li div.top div.left {
	padding-top: 16px;
	background-image: url(gui/ul-bw-top-left.gif);
	background-repeat: no-repeat;
}
ul.blue-white li div.bottom div.left {
	padding-bottom: 16px;
	background-image: url(gui/ul-bw-bottom-left.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}
ul.blue-white li.selected div div.right {
	background-image: url(gui/ul-lw-right.gif);
}
ul.blue-white li.selected div.top div.right {
	background-image: url(gui/ul-lw-top-right.gif);
}
ul.blue-white li.selected div.bottom div.right {
	background-image: url(gui/ul-lw-bottom-right.gif);
}
ul.blue-white li.selected div div.left {
	background-image: url(gui/ul-lw-left.gif);
}
ul.blue-white li.selected div.top div.left {
	background-image: url(gui/ul-lw-top-left.gif);
}
ul.blue-white li.selected div.bottom div.left {
	background-image: url(gui/ul-lw-bottom-left.gif);
}
ul.blue-white li a {
	line-height: 135%;
	color: white;
	font-weight: bold;
}
ul.blue-white li.selected a {
	color: white;
}
ul.blue-white li span {
	line-height: 135%;
	color: #7fcce5;
	font-weight: bold;
}


body.tour h3 {
	font-size: 110%;
	font-weight: bold;
	color: #003399;
}

dl {
	margin-left: 2em;
	margin-bottom: 4em;
}
dl dt {
	color: #0099CC;
	font-style: italic;
}
dl dd {
	margin-bottom: 3px;
}
ol {
	margin-bottom: 3em;
}
ol ol {
	margin-top: 1em;
	margin-bottom: 0px;
}
ol li {
	margin-bottom: 1em;
}

p.legal {
	font-weight: bold;
	color: #FF6600;
	margin-bottom: 24px;
}
p.legal a {
	font-weight: bold;
	color: #003399;
}



/****************** STYLE PARSER DEFS ********************/
img.alignLeft {
	float: left;
	margin-right:20px;
	margin-bottom:10px;
	clear: left;
}
img.alignRight {
	float: right;
	margin-left:20px;
	margin-bottom:10px;
	clear: right;
}
ul.listRondje {
	margin-left: 1.5em;
	padding-left: 0px;
}
ul.listRondje li {
	margin-left: 0px;
	padding-left: 0px;
}

body.orderform {
	background-color: white;
	background-image: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}



/**************************** MISC *************************/

.tourBtn img {
	border: none;
	margin-left: -5px;
	margin-top: 5px;
	margin-bottom: 5px;
}
a.screenshot {
	float: right;
	display: block;
	padding: 0 0 12px 24px;
}	
a.screenshot img {
	border: 1px solid #AAA;
}


ul.breadcrumbs {
	padding: 0; margin: 1.1em 0;
	position: relative;
	z-index: 10;
}

ul.breadcrumbs li {
	padding: 0 8px 0 16px; margin: 0;
	display: inline;
	
	background-image: url(/gui/bread.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	_background-position: left 4px;
}

ul.breadcrumbs li.first {
	padding: 0 8px 0 0;
	background-image: none;
}

ul.breadcrumbs li a,
ul.breadcrumbs li span {
	color: #fff;
	font-size: 0.9em;
}
ul.breadcrumbs li span {
	text-decoration: underline;
}	


div.circular {
	clear: both;
	position: absolute;
	margin: -32px 0 20px 255px;
	height: 2em;
}
div.circular a.prev {
	padding: 0 0 0 14px;
	background-image: url(/gui/pageprev.gif);
	background-position: left 2px;
}
div.circular a.next {
	padding: 0 14px 0 0;
	background-image: url(/gui/pagenext.gif);
	background-position: right 2px;
}
div.circular a {
	color: #09c;
	font-weight: bold;
	background-repeat: no-repeat;
}

div.footer {
	clear: both;
	position: relative;
	margin: 0;
	padding: 20px;
	background: #1bafdf;
}

div.reference {
	font-size: 0.9em;
	color: #fff;
	font-weight: bold;
}

div.reference a {
	color: #fff;
	font-weight: normal;
}

div.lastchange {
	font-size: 0.85em;
}

div.up {
	position: absolute;
	top: 20px;
	right: 0;
}

div.up a {
	outline: none;
}


div.links {
	position: relative;
	margin-top: 2em;
}

div.links div.left {
	width: 48%;
	float: left;
	clear: none;
}

div.links div.right {
	width: 48%;
	float: right;
	clear: none;
}

div.clear {
	clear: both;
}

div.links div.folder {
	padding: 0;
	margin: 0 0 1.5em;
	border: 1px solid #069;
}

div.links div.folder h2 {
	margin: 0;
	background-color: #09c;
	color: #fff;
	font-size: 1em;
	padding: 0.2em 0.4em;
}

div.links div.folder ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
div.links div.folder ul li {
	margin: 0;
	padding: 0 0 0 22px;
	background-image: url(/gui/link.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
}

div.links div.folder ul li a {
	color: #069;
	font-size: 0.95em;
}


td.contentColumn form.search {
	display: block;
	position: relative;
	width: 240px;
	background: url(/gui/usp.jpg) bottom left no-repeat;
	margin: 0;
	padding: 8px;
	overflow: hidden;
}
td.contentColumn form.search h2 {
	display: inline;
	width: 300px;
}
td.contentColumn form.search label {
	width: 240px;
	border: none;
	color: #069;
}
td.contentColumn form.search p {
	display: inline;
	margin: 0;
}

td.contentColumn div {
	clear: both;
	padding-bottom: 48px;
}

td.contentColumn h3.divider {
	margin-top: 2em;
	border-top: 1px solid #24adda;
	padding-top: 2em;
}





ul.downloads {
	list-style-type: none;
	margin: 3em 0 0;
	padding: 0;
}

ul.downloads li {
	position: relative;
	border: 1px solid #069;
	margin: 0 0 1em;
	padding: 4px 8px;
	height: 3.5em;
	font-size: 0.95em;
	font-weight: bold;
}

ul.downloads li span {
	position: absolute;
	left: 80px;
	width: 220px;
	font-weight: normal;
}

ul.downloads li a {
	position: absolute;
	right: 6px;
	bottom: 8px;

	display: block;
	background-color: transparent;
	background-image: url(/gui/button-orange-white-150.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 150px;
	height: 26px;
	line-height: 26px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
}



table.files {
	border-left: 1px solid #069;
	border-top: 1px solid #069;
	border-spacing: 0px;
}

table.files td {
	border-right: 1px solid #069;
	border-bottom: 1px solid #069;
	font-size: 0.95em;
	padding: 0px 3px 0px 3px;
}

table.files td#title {
	border-right: 1px solid #069;
	border-bottom: 1px solid #069;
	font-size: 0.95em;
	font-weight: bold;
	padding: 0px 3px 0px 3px;
}





td.productColumn h3 {
	margin: 0;
	padding: 0;
	color: #09c;
	font-size: 1.5em;
}
td.productColumn h4 {
	font-size: 1.1em;
	margin: 0;
}
td.productColumn p {
	font-size: 0.95em;
}

td.productColumn ul.panel {
	margin: 0; padding: 0;
	list-style-type: none;
	width: 440px;
	
	/* IE HACK: force space between tabs and panel to disappear */
	_border-top: 1px solid white;
}

td.productColumn ul.panel li {
	float: left;
}

td.productColumn ul.panel li a {
	position: relative;
	top: 1px;
	
	display: block;
	padding: 3px 12px;

	background-color: #09c;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	border-right: 1px solid #fff;

	_width: 1%;
	white-space: nowrap;
}

td.productColumn ul.panel li.first a {
	padding-left: 16px;
	background-image: url(/gui/navbar-left-blue.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

td.productColumn ul.panel li.last a {
	padding-right: 16px;
	border-right: none;
	background-image: url(/gui/navbar-right-blue.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

td.productColumn ul.panel li a.selected {
	background-color: #f60;
}

td.productColumn ul.panel li.first a.selected {
	background-image: url(/gui/navbar-left-orange.gif);
}

td.productColumn ul.panel li.last a.selected {
	background-image: url(/gui/navbar-right-orange.gif);
}

td.productColumn div.panel {
	clear: both;
	border: 1px solid #09c;
	margin: 0 0 20px;
	padding: 14px 20px 0;
	font-size: 0.95em;

	/* IE hack: remove padding from top */
	_height: 0.1%
}

td.productColumn div.panel ul.products {
	list-style-type: none;
	margin: 0; padding: 0;
}
td.productColumn div.panel ul.products li {
	margin: 0 0 1em; padding: 0 0 1em;
/*	margin: 0 0 1.5em; padding: 0 0 1.5em;
	border-bottom: 1px solid #ddd; */
}
td.productColumn div.panel ul.products li form {
	margin: 0; padding: 0;
	position: relative;

	/* IE hack: remove padding from top */
	_height: 0.1%
}
td.productColumn div.panel ul.products li h4 {
	margin: 0; padding: 0;

	/* IE hack: pricetags appear outside of the panel */
	_height: 0.1%;
}
td.productColumn div.panel ul.products li h4 span {
	position: absolute;
	color: #069;
	font-size: 1.4em;
	right: 200px;
	bottom: 4px;
}
td.productColumn div.panel ul.products li p {
	margin: 0 7em 0 0; padding: 0 280px 0 0;
}
td.productColumn div.panel ul.products li p.button {
	margin: 0; padding: 0;
	position: absolute;
	right: 0px;
	bottom: 0px;
}

td.productColumn div.panel ul.products li p.button button {
	display: block;
	background: #f60 url(/gui/button-orange-white-180.gif) no-repeat top left;
	border: none;
	width: 180px;
	height: 26px;

	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	line-height: 26px;
}

td.productColumn ul.currency {
	list-style-type: none;
	margin: 0; padding: 0;
}
td.productColumn ul.currency li {
	margin: 0; padding: 0;
	display: inline;
}
td.productColumn ul.currency li a {
	color: #09c;
	font-weight: bold;
}


div#header {
/*	position: relative; */
}
div.customer {
	margin: -20px 0 0;
	height: 0;
	position: relative;
	bottom: -20px;
}
/* IE 7 hack */
*:first-child+html div.customer {
	padding-bottom: 20px;
	margin-bottom: 2em;
} 
ul.customer {
	list-style-type: none;
	margin: 0 2em 0 0; 
	padding: 0 0 20px 0;
}
ul.customer li {
	margin: 0; padding: 0;
	float: left;
	border-bottom: 20px solid #fff;
}
ul.customer li a {
	display: block;
	background-color: #1bafdf;
	background-repeat: no-repeat;
	color: #fff;
	font-weight: bold;
	padding: 0 14px;
	
	line-height: 2em;
}
ul.customer li#private a {
	background-position: top left;
	background-image: url(/gui/navbar-left-blueonblue.gif);
}
ul.customer li#clubs a {
	background-position: top right;
	background-image: url(/gui/navbar-right-blueonblue.gif);
}
ul.customer li a.selected {
	background-color: #fff;
	color: #f60; 
}
ul.customer li#private a.selected {
	background-image: url(/gui/navbar-left-whiteonblue.gif);
}
ul.customer li#clubs a.selected {
	background-image: url(/gui/navbar-right-whiteonblue.gif);
}


td.contentColumn form.simple ul.checkbox {
	list-style-type: none;
	margin: 0 0 2.5em 0; padding: 0.8em 0;
	border-top: 1px solid #24adda;
}

td.contentColumn form.simple ul.checkbox li {
	clear: both;
	margin: 0; padding: 0.2em 0;
}

td.contentColumn form.simple ul.checkbox li label {
	width: auto;
	border: none;
	margin-left: 0px;
}


ol.order {
	margin: 0; padding: 0;
	list-style-type: none;
	width: 50em;
}
ol.order li#step1 {
	padding-left: 48px;
	background-image: url(/gui/store/step1-small.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
ol.order li#step2 {
	padding-left: 48px;
	background-image: url(/gui/store/step3-small.gif);
	background-position: top left;
	background-repeat: no-repeat;
}


div#store {
	width: 45em;	
	font-size: 0.95em;
	margin-bottom: 2em;
}

div#store p.serial {
	font-size: 2em;
	font-weight: bold;
	background: #f6f6f6;
	border: 1px solid #aaa;
	color: #444;
	padding: 0.3em;
}

div#store p.Introductie {
	font-weight: bold;
	font-size: 1.1em;
}

div#store ol li {
	margin: 0.3em 0;
}
div#store ol li img {
	margin-top: 8px;
}
div#store table {
	border-collapse: collapse;
}

div#store table th,
div#store table td {
	border: 1px solid #aaa;
	text-align: left;
	padding: 0.3em;
}

div#store table td {
	vertical-align: top;
}

div#store table th {
	vertical-align: bottom;
}
div#store p.button a {
	display: block;
	background: #f60 url(/gui/button-white-120.gif) no-repeat top left;
	color: #fff;
	width: 120px;
	height: 26px;
	text-align: center;
	line-height: 26px;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
}
div#store p.button {
	padding: 2em 0 1em;
}

td.productColumn p.button a {
	display: block;
	background: #f60 url(/gui/button-orange-white-150.gif) no-repeat top left;
	color: #fff;
	width: 150px;
	height: 26px;
	text-align: center;
	line-height: 26px;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
}



ul.manual {
	list-style-type: none;
	margin: 0; padding: 0;
}
ul.manual li {
	position: relative;
	margin: 0; padding: 0 0 0 24px;
}
ul.manual li img {
	position: absolute;
	top: 2px;
	left: 0px;
}



div.downloadBox {
	position: relative;
	left: -10px;
	top: 12px;
	background: #fff url(gui/ul-wb-bottom-right.gif) bottom right no-repeat;
	width: 540px;
}
div.downloadBox div {
	position: relative;
	width: 540px;
	padding: 0;
	margin: 0;
}

div.downloadBox div {
	background: transparent url(gui/ul-wb-bottom-left.gif) bottom left no-repeat;
}
div.downloadBox div div {
	background: transparent url(gui/ul-wb-top-right.gif) top right no-repeat;
}
div.downloadBox div div div {
	background: transparent url(gui/ul-wb-top-left.gif) top left no-repeat;
	padding: 24px;
	width: 492px;
}
div.downloadBox div div div div {
	background-image: none;
	border: none;
	padding: 0;
	margin: 0;
}

div.downloadBox input {
	font-size: 1.6em;
	color: #f60;
	background: #fff;
	border: none;
	text-decoration: underline;
	
	padding: 0 0 0 44px;
	
	height: 38px;
	line-height: 38px;
	background: #fff url(gui/downloadBig.gif) top left no-repeat;
	margin: 0 0 12px 0;
	cursor: pointer;
	text-align: left;
}
div.downloadBox div.downloadOther {
	width: 454px;
	margin: 0;	
	_margin: 16px 0 0 0;
	padding: 18px;
	background: #fff url(gui/downloadBoxBackground.gif) top left repeat-x;
}
div.downloadBox div.downloadOther p {
	color: #039;
	margin: 0;
	font-size: 1.1em;
}
div.downloadBox div.downloadOther p.manual {
	margin: 1em 0;
}
div.downloadBox div.downloadOther p.manual a {
	display: block;
	background: transparent url(gui/downloadSmall.gif) top left no-repeat;
	padding: 0 0 0 28px;
	height: 20px;
	line-height: 20px;
}
div.downloadBox div.downloadOther p.extra {
	color: #09c;
}
div.downloadBox div.downloadOther a {
	color: #f60;
	text-decoration: underline;
}

p.privacy {
	text-align: left;
	padding-right: 20px;
}

ul.sitemap {
}


div.captcha {
	margin: 3em 0 5em;
}

div.captcha p {
	margin: 0.3em 0;
}




td.contentColumn div.download {
	position: relative;
	background: #fff url(gui/download-background.jpg) top left no-repeat;
	min-height: 140px;
	-height: 140px;
}
td.contentColumn div.prototype {
	background-image: url(gui/prototype-background.gif);
	min-height: 80px;
	-height: 80px;
}

div.download dl {
	background: url(gui/download-background-right.jpg) right 12px no-repeat;
	padding: 28px 0 0 160px;
	margin: 0;
}

div.prototype dl {
	padding: 28px 0 0 16px;
}

div.download dl dt {
	margin: 0;
	padding: 0;
}

div.download dl dt a {
	display: block;
	padding: 0 60px 0 48px;

	background: url(gui/downloadBig.gif) no-repeat scroll left top;
	color: #f60;

	font-size: 1.5em;
	font-style: normal;
	font-weight: bold;
	line-height: 38px;
	
	/* IE bug... we need layout */
	zoom: 1;
}

div.download dl dt a em {
	font-size: 1.2em;
	font-style: normal;
}

div.download dl dd {
	margin: 0;
	padding: 0 0 0 48px;
}

div.download dl dd small {
	color: #888;
	font-size: 0.85em;
}

div.download div.buy {
	/* padding: 4px 120px 0 48px; */
	/* margin: 8px 20px 0 148px; */
	/* border-top: 1px solid #ccc; */
	
	position: relative;
	top: -16px;
	right: 12px;
}

div.download div.buy small {
	display: block;
	color: #888;
	font-size: 0.85em;
}

div.download div.from {
	position: absolute;
	top: 6px;
	right: 0px;

	width: 120px;
	height: 64px;
	
	background: #069 url(/gui/oval-blue.png) top left no-repeat;
	
	text-align: center;
	text-transform: lowercase;
	
	padding: 16px 0 0;
	
	overflow: hidden;
}
div.download div.from a {
	text-decoration: none;
	color: #fff;
}
div.download div.from strong {
	font-size: 1.8em;
	line-height: 140%;
}
div.download div.from small {
	padding: 0 20px;
	line-height: 100%;
}


div.download div.info {
	padding: 4px 100px 0 48px;	
	margin: 8px 20px 0 148px;
	position: relative;
	height: 60px;
}
div.download div.more {
	position: absolute;
	top: 6px;
	right: 0px;

	width: 120px;
	height: 68px;
	
	background: #069 url(/gui/oval-blue.png) top left no-repeat;
	
	text-align: center;
	text-transform: lowercase;
	
	padding: 12px 0 0;
	
	overflow: hidden;
}
div.download div.more a {
	font-size: 1.2em;
	line-height: 110%;
	text-decoration: none;
	color: #fff;
}


div.download div.currency {
	position: absolute;
	top: 18px;
	right: 140px;
	width: 120px;
	text-align: right;
	font-size: 0.75em;
	line-height: 120%;
	color: #888;
}

div.download div.currency ul {
	display: block;
	margin: 6px 0 0;
	padding: 0;
	list-style-type: none;
}
div.download div.currency ul li {
	display: inline;
	margin: 0;
	padding: 0 0.3em 0 0;
}

div.download div.currency ul li a {
	background: #eee;
	border: 1px solid #aaa;
	color: #555;
	text-decoration: none;
	padding: 1px 4px;
}


div.pageoptions ul {
	text-align: right;
	margin: 2.5em 0 0;
	padding: 0;
	list-style-type: none;
}
div.pageoptions ul li {
	display: inline;
	margin: 0 1em 0 0;
	padding: 0;
}
div.pageoptions a {
	font-size: 0.9em;
	color: #000;
}

div.pageoptions a#mailafriend {
	background: url(/gui/mail.png) center left no-repeat;
	padding: 4px 0 4px 20px;
}

div.pageoptions a#printpage {
	background: url(/gui/print.png) center left no-repeat;
	padding: 4px 0 4px 20px;
}

body.tour div.pageoptions ul {
	margin: 0;
}

td.contentColumn div div.productScreenshots {
	float: right;
	margin: 20px 0 20px 20px;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 0 0 0 20px;
}

td.contentColumn div div.productScreenshots ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
td.contentColumn div div.productScreenshots ul li {
	margin: 0 0 20px; 
}
td.contentColumn div div.productScreenshots ul li a.screenshot {
	position: relative;
	display: block;
	float: none;
	padding: 0;
	
	/* Force haslayout on IE */
	-width: 1%;
}
td.contentColumn div div.productScreenshots ul li div.magnifier {
	position: absolute;
	bottom: 8px;
	right: 8px;
	
	width: 20px;
	height: 20px;
	background: url(/gui/zoom.png) top left no-repeat;
}

td.contentColumn div div.more {
	float: right;
	width: 120px;
	height: 68px;
	background: #069 url(/gui/oval-blue.png) top left no-repeat;
	
	text-align: center;
	text-transform: lowercase;
	
	padding: 12px 0 0;
	
	overflow: hidden;
}
td.contentColumn div div.more a {
	font-size: 1.2em;
	line-height: 110%;
	text-decoration: none;
	color: #fff;
}

td.contentColumn div div.usp {
	float: left;
	width: 240px;
	margin: 0 20px 10px 0;
	background: url(/gui/usp.jpg) bottom left no-repeat;
	clear: none;
}


td.contentColumn div div.usp ul {
	margin: 22px 0 12px 32px;
	padding: 0;

	font-size: 0.95em;
	font-weight: bold;
	color: #069;
	line-height: 160%;
}
td.contentColumn div div.usp ul li {
	margin: 0;
	padding: 0;
}
td.contentColumn div div.usp p {
	border-top: 1px solid #ddd;
	margin: 0px 16px 12px 16px;
	padding: 4px 0 0 0;

	font-size: 0.85em;
	font-weight: bold;
	color: #888;
	line-height: 160%;
}


#macinfo {
	position: absolute;
	z-index: 10;
	top: 30px;
	left: 270px;
		
	border: 2px solid #f60;
	background: #ffe6d6;
	padding: 16px;
	width: 400px;
	overflow: hidden;

	font-size: 0.9em;
}
#macinfo h4,
#macinfo p {
	margin: 0; padding: 0;
}
#macclose {
	position: absolute;
	top: 4px;
	right: 4px;
	width: 20px;
	height: 20px;
	background: url(/gui/cross.png) center center no-repeat;
	cursor: pointer;
}



#discount {
	display: block;
	position: absolute;
	top: 126px;
	left: 20px;
	width: 150px;
		
	font-size: 0.8em;
	font-weight: bold;
	text-decoration: none;
	line-height: 140%;
	
	padding: 4px 6px;
	background: url(/gui/block-orange.gif) top left no-repeat;
	color: #fff;
}
#discountinfo {
	position: absolute;
	z-index: 10;
	top: 100px;
	left: -80px;
		
	border: 2px solid #f60;
	background: #ffe6d6;
	padding: 16px;
	width: 400px;
	overflow: hidden;

	font-size: 0.9em;
}
#discountinfo h4,
#discountinfo p {
	margin: 0; padding: 0;
}
#discountclose {
	position: absolute;
	top: 4px;
	right: 4px;
	width: 20px;
	height: 20px;
	background: url(/gui/cross.png) center center no-repeat;
	cursor: pointer;
}



table.pricing {
	margin: 1em 0;
	border-collapse: collapse;
}
table.pricing th,
table.pricing td {
	border: 1px solid #ddd;
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 95%;
}
table.pricing th {
	font-weight: bold;
	text-align: left;
	background: #eee;
}

td.contentColumn div div.pricinginfo {
	position: absolute;
	z-index: 10;
		
	border: 2px solid #f60;
	background: #ffe6d6;
	padding: 16px;
	width: 400px;
	overflow: hidden;

	font-size: 0.9em;
}
td.contentColumn div div.pricinginfo h4,
td.contentColumn div div.pricinginfo p {
	margin: 0; padding: 0;
}
td.contentColumn div div.pricingclose {
	position: absolute;
	top: 4px;
	right: 4px;
	width: 20px;
	height: 20px;
	background: url(/gui/cross.png) center center no-repeat;
	cursor: pointer;
}




.navigationColumn .calendar {
	margin: 30px 30px 30px 0;
	background: url(/gui/uf-bb-bottom-right.gif) bottom right no-repeat;
}
.navigationColumn .calendar div {
	background: url(/gui/uf-bb-top-right.gif) top right no-repeat;
	padding: 20px 16px 20px 20px;
}
.navigationColumn .calendar h3 {
	margin: 0 0 10px;
	padding: 0;
	font-size: 150%;
}
.navigationColumn .calendar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.navigationColumn .calendar ul li {
	margin: 0 0 8px;
	padding: 0;
}
.navigationColumn .calendar small {
	font-size: 0.85em;
	line-height: 140%;
}