<!--
@font-face {
    font-family: 'optimumiitalic';
    src: url('optimumi-webfont.woff2') format('woff2'),
         url('optimumi-webfont.woff') format('woff'),
	 url('optimumi.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.mathsprint {
	font-weight: 500;
	font-family:'optimumiitalic', Arial, Helvetica, sans-serif;
}


.NormalTextGrey {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 150%;
}
.BoldTextBlack {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 125%;
	font-weight: bold;
}


.style3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 24px;
	font-weight: normal;
}
.ItalicTextGrey {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #000000;
	line-height: 150%;
	padding-bottom: 15px;
}
.MediumHeadingBlue {font-family: Arial, Helvetica, sans-serif; color: #000066; font-size: 24px; font-weight: normal; }
.QuoteBoldItalic {
	color: #000000;
	line-height: 150%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
	padding-bottom: 15px;
}
.MediumHeadingBlueInline {
	font-family: Arial, Helvetica, sans-serif;
	color: #000099;
	font-size: 18px;
	font-weight: normal;
	display: inline;
}
.Topic {
	font-family: Arial, Helvetica, sans-serif;
	color: #000099;
	font-size: 20px;
	font-weight: bold;
	display: inline;
}
.SubTopic {
	font-family: Arial, Helvetica, sans-serif;
	color: #000099;
	font-size: 20px;
	font-weight: normal;
	display: inline;
}

@media screen and (max-width: 768px)
{
	   .MediumHeadingBlueInline
	   {
		   font-size: 18px;
	   }
	   .MediumHeadingBlue
	   {
		   font-size: 18px;
	   }
}


.wrapper {
	display: grid;
	grid-template-columns: 70px 100px;
	grid-template-rows: 30px 30px;
	align-items: center;
	grid-template-areas:
		"logo t"
		"logo r";
}

.paypalgrid {
	display: grid;
	grid-template-columns: 420px 80px;
	grid-template-rows: 36px 36px 36px 36px 36px 240px 60px;
	align-items: left;
	grid-template-areas:
		"product1 price1"
		"product2 price2"
		"product3 price3"
		"product4 price4"
		"product5 price5"
		"paypal paypal"
		"deliv deliv";
}

.paypalgridtutor {
	display: grid;
	grid-template-columns: 420px 80px;
	grid-template-rows: 36px 36px 36px 36px 240px 60px;
	align-items: left;
	grid-template-areas:
		"product1 price1"
		"product2 price2"
		"product3 price3"
		"product4 price4"
		"paypal paypal"
		"deliv deliv";
}

.paypalcell1 {
	font-size:100%;
	line-height:120%;
	color:white;
	background-color:#000066;
	padding:8px;
	border:thin solid white;
}

.paypalcell2 {
	font-size:100%;
	line-height:160%;
	color:white;
	background-color:#004400;
	padding:8px;
	border:thin solid white;
}

.ordertextbox {
	width:300px;
	padding: 1px 5px;
	margin: 0px 0px 10px 0px;
	border-radius:6px;
	background-color:#dfd;
}

.orderdropdown {
	padding: 5px;
	margin: 0px 0px 10px 0px;
	border-radius:6px;
	font-family:monospace;
	font-size:15px;
	background-color:#dfd;
}

.orderoption {
	font-family:monospace;
	font-size:15px;
}

.licencegreen {
	background-color:#efe;
	border-radius:6px;
	padding:5px;
}

.licencecyan {
	background-color:#eff;
	border-radius:6px;
	padding:5px;
}

.licenceblue {
	background-color:#eef;
	border-radius:6px;
	padding:5px;
	color:#0047e4;
}

.listspace {
	margin-bottom:12px;
}
-->