body {
	font-family: Calibri, sans-serif;
}
/* Header ======================================================= */
header {
	/* Debug */
	/*border: 1px solid red; */
	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	/* Geometry */
	height: 3em;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 0.5em;
	margin-bottom: 1em;
	border-top-left-radius: 10px;
	border-top-right-radius: 1px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 20% 100%;
	/* Syle */
	background: #bbbabd; /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #bbbabd, #217ec2); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #bbbabd, #217ec2); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.headerlogo {
	height: 1.5em;
}

.headerlogo:hover {
	-webkit-animation: spin 5s infinite;
	animation: spin 5s infinite;
}

@-webkit-keyframes spin {
	from {
	-webkit-transform: rotateY(0deg);
	}
	to {
	-webkit-transform: rotateY(-360deg);
	}
}

@keyframes spin {
	from {
	-moz-transform:rotateY(0deg);
	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg);
	}
	to {
	-moz-transform: rotateY(-360deg);
	-ms-transform: rotateY(-360deg);
	transform: rotateY(-360deg);
	}
}

header .title {
	/* Geometry */
	font-family: Calibri, sans-serif;
	font-size: 1.2em;
	/* Style */
	text-transform: uppercase;
	text-decoration: none;
	color: white;
	font-weight: bold;
}

header .blank {
	/* Geometry */
	padding: 0.5em;
	margin-left: 12em;
}
/* Main ========================================================= */
table.productinfo {
	width: 80%;
	margin: auto;
	padding: 0.2em;
	table-layout: fixed;
}

table.productinfo tr:nth-child(odd) {
	background-color: rgb(220, 220, 220);
	border: 1px white;
}

section h1 {
	font-variant: small-caps;
	text-decoration: none;
}

section h1.hidden::before {
	font-family: Calibri, sans-serif;
	color: #217ec2;
	content: "\25B8";
	text-decoration: none;
	margin-right: 0.2em;
}

section h1.visable::before {
	font-family: Calibri, sans-serif;
	color: #217ec2;
	content: "\25BE";
	text-decoration: none;
	margin-right: 0.2em;
}

p.boxed {
	border: 1px solid black;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	font-variant: small-caps;
	padding: 0.2em;
	text-align: center;
}

p.uppercase {
	font-weight: bold;
	text-transform: uppercase;
}

li {
	list-style-type: none;
	position: relative;
	padding-left: 15px;	
}
        
li.supported_features {
	color: #217ec2;
	list-style-type: none;
	position: relative;
	padding-left: 15px;
}

li:before {
	content: "\25BA \0020";
	font-size: 6px;
	position: absolute;
	top: 5px;
	left: -10px;
}

img.productbox {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}

img.productbox {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 30%;
}

img.figure {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 75%;
	max-width: 50%;
	max-height: 20%;
}

img.figure:hover {
	-ms-transform: scale(1.5); /* IE 9 */
	-webkit-transform: scale(1.5); /* Safari 3-8 */
	transform: scale(1.5);
}

dl.supported_actions dt {
	font-weight: bold;
}

dt {
	margin-top: 0.75em;
	margin-bottom: 0.75em
}

th {
	text-align: left;
}
/* Footer ======================================================= */
footer {
	/* Debug */
	/* border: 1px solid blue; */
	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	/* Geometry */
	text-align: center;
	padding: 0.4em;
	margin-top: 1em;
	/* Style */
	background-color: rgb(216, 216, 216);
}

.footerlogo {
	height: 1.5em;
}

footer a {
	color: rgb(83, 83, 83);
	text-decoration: none;
}
}
}