/* Links */
a {color: rgb(0, 0, 255); text-decoration: underline;}
a:link {text-decoration: underline;}
a:visited {text-decoration: underline;}
a:focus {color: rgb(255, 128, 50); text-decoration: underline;}
a:hover {color: rgb(255, 128, 50); text-decoration: underline;}
a.fakebutton {text-decoration: none;}
a.mainlogolink {color: rgb(190, 225, 190); text-decoration: none;}
a.mainlogolink:hover {color: rgb(190, 225, 190); text-decoration: none;}
a.basketlink {color: rgb(255, 255, 255);}
a.basketlink:hover {color: rgb(190, 225, 190);}
a.image {color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);}
a.headerlink {color: rgb(80, 140, 80); text-decoration: none;}
a.headerlink:hover {color: rgb(80, 140, 80); text-decoration: none;}
a.mobilemenulink {color: rgb(255, 255, 255); text-decoration: none;}
a.mobilemenulink:hover {color: rgb(255, 255, 255); text-decoration: none;}

/* Main full page styles */

html, body {padding: 0%;
	margin: 0%;
	font-family: Calibri, Segoe UI, Verdana, sans-serif;}

body {overflow: auto;
	background-color: rgb(255, 255, 255);
	color: rgb(0, 0, 0);
	text-align: center;}

.wrapper {margin-left: auto;
	margin-right: auto;
	text-align: justify;
	box-sizing: border-box;
	width: 100%!important;
	padding: 0!important;
	max-width: 100%!important;}

div {display: block;}
p {text-align: justify;}

h1, h2, h3 {color: rgb(80, 140, 80);/* Colour for all headings regardless of hierarchy */
	text-align: left;				/* All headings should be on the left, always */
	font-family: Segoe UI;			/* Default heading font */
	font-weight: bold;}				/* All headings should be bolded */

h1 {font-size: 150%;}				/* Size for primary headings on a given page */
h2 {font-size: 120%;				/* Size for secondary headings */
	line-height: 110%;}
h3 {font-size: 105%;}				/* Size for secondary headings */

input, textarea, select {margin: 2px 0px;
	padding: 3px 8px;
	background-color: rgb(230, 255, 230);
	border-radius: 3px;
	border: 1px solid rgb(160, 200, 200);
	text-decoration: none;}
	
input[type=button], input[type=submit], input[type=reset] {
	background-color: #5b5;
	border-radius: 12px;
	border: none;
	color: white;
	padding: 3px 8px;
	font-size: 105%;
	text-decoration: none;
	margin: 1px 2px;
	cursor: pointer;
	font-weight: bold;}

table {margin: 0%; padding: 0%;
	border-collapse: collapse;}
	
td {margin: 0%; padding: 0%;
	border-collapse: collapse;
	vertical-align: top;}

hr {border: none;
	height: 1px;
	background-color: rgb(160, 200, 200);
	width: 100%;
	color: rgb(160, 200, 200);}

object {margin: 5px 10px 5px 10px;}
img {max-width: 100%; margin: 10px; border: none;}

.alert {color: #f00; font-weight: bold;}

/* Primary layout styles, bars etc */

.fulltopbar {width: 100%;
	margin: 0em;
	padding: 0.5em 0em 0.5em 0em;
	background-color: rgb(40, 80, 40);}

.topbar {margin-right: auto;
	margin-left: auto;
	padding: 0em 0.2em;
	box-sizing: border-box;
	border-style: none;
	border-width: 0em;
	font-weight: bold;
	color: rgb(190, 225, 190);
	background-color: rgb(40, 80, 40);}

#mainLogo {letter-spacing: 0.04em;}

.fulltitlebar {margin: 0em;
	padding: 0.5em 0em 0.5em 0em;
	background-color: rgb(85, 116, 80);}

.titlebar {margin-right: auto;
	margin-left: auto;
	padding: 0.2em 0.2em;
	box-sizing: border-box;
	border-style: none;
	border-width: 0em;
	color: rgb(255, 255, 255);
	background-color: rgb(85, 116, 80);}

.content {margin-right: auto;
	margin-left: auto;
	margin-top: 0.5em;
	padding: 0em 0.2em;
	box-sizing: border-box;
	border-style: none;
	border-width: 0em;
	color: rgb(0, 0, 0);
	background-color: rgb(255, 255, 255);}

.footerbarwrapper {margin: 0em;
	padding: 0.2em 0em 0.2em 0em;
	background-color: rgb(40, 80, 40);}

.footerbar {margin-right: auto;
	margin-left: auto;
	padding: 0em 0.2em;
	box-sizing: border-box;
	border: none;
	text-align: center;
	font-family: Calibri, Verdana, Geneva, sans-serif;
	padding: 0.5em 0em 0.5em 0em;
	color: rgb(255, 255, 235);
	background-color: rgb(40, 80, 40);}

.footerbar a {color: rgb(255, 255, 235);
	background-color: rgb(40, 80, 40);
	font-weight: normal;
	text-decoration: none;}
	
.footerbar a:hover {text-decoration: underline;}

.footerwrapper {margin: 0em;
	padding: 0.5em 0em 0.5em 0em;
	background-color: rgb(255, 255, 255);}
	
.footer {margin-right: auto;
	margin-left: auto;
	padding: 0.2em 2em 0.2em 2.4em;
	box-sizing: border-box;
	border-style: none;
	border-width: 0em;
	text-align: center;
	font-family: Calibri, Verdana, Geneva, sans-serif;
	color: rgb(50, 60, 50);
	background-color: rgb(255, 255, 255);}

/* Styles for the individual product tab displays */

.producttabbar {margin: 1em 0em 0em 0em;
	padding: 0em;}

.producttabbaritem {padding: 8px 16px;
	float: left;
	width: auto;
	border: none;
	display: block;
	outline: 0;
	cursor: pointer;
	background-color: #eee;
	font-weight: bold;}

.tabwindow {padding: 0.2em 0em;
	margin: none;
	background-color: rgb(255, 255, 255);
	clear: both;}

/* Product feedback styles */

.feedbackheader {color: rgb(80, 140, 80);
	font-weight: bold;}

div.customerreview {margin: 5px 0px;
	padding: 5px 5px;
	background-color: rgb(245, 255, 245);
	border-radius: 6px;
	border: 1px solid rgb(160, 200, 200);
	text-decoration: none;}

button.videoButton {background-color: #5b5;
	border-radius: 12px;
	border: none;
	color: white;
	padding: 3px 8px;
	text-decoration: none;
	margin: 1px 2px;
	cursor: pointer;}

span.fakebutton {background-color: #5b5;
	border-radius: 12px;
	border: none;
	color: white;
	padding: 3px 8px;
	text-decoration: none;
	font-size: 110%;
	font-weight: bold;
	margin: 1px 2px;
	cursor: pointer;}

span.adminfakebutton {margin: 1px 0px;
	padding: 1px 3px;
	display: block;
	background-color: #5b5;
	border-radius: 2px;
	border: 1px solid #393;
	text-decoration: none;
	color: white;}

/* Image styles */

img.stocklisttick {border: none; padding: 0em 0.2em 0em 0em; margin: 0em;}
img.bordered {border: 1px solid #999;}
img.tight {margin: 0px;}
img.insetleft {float: left;}
img.insetleft-border {border: 1px solid #000; float: left;}
img.insetright {float: right;}
img.insetright-border {border: 1px solid #000; float: right;}

/* Misc styles */

div.generalinfobox {margin: 0px 0px 10px 10px;
	padding: 5px 5px;
	background-color: rgb(230, 255, 230);
	border-radius: 6px;
	border: 1px solid rgb(160, 200, 200);
	text-decoration: none;}
	
div.infobox {margin-left: 15px;
	margin-bottom: 8px;
	margin-top: 8px;
	background: #d5e6d5;
	padding: 10px;
	border: 1px solid #260;}

td.ordertracking {padding: 0.3em 0.1em;
	vertical-align: middle;
	border: black 1px solid;}

/* Main Styles for library articles */

table.mainlist {border: 1px solid #777; width: 100%;}
td.mainlistheader {font-weight: bold; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; padding: 3px; background-color: #9ea;}
td.mainlistbody1 {padding: 2px; background-color: #d9eeff;}
td.mainlistbody2 {padding: 2px; background-color: #e3f3ff;}

/* Style for general themed division tables - comparison table, ordering boxes etc */

.it {vertical-align: middle;
	border-bottom: thin solid #008080;
	border-left: thin solid #008080;
	border-right: thin solid #008080;
	text-align: center;
	padding: 2px 5px 2px 5px;}

.dh {vertical-align: middle;
	border: thin solid #008080;
	text-align: center;
	font-weight: bold;
	background-color: #acb;
	padding: 2px 5px 2px 5px;}

.lh {vertical-align: middle;
	border: thin solid #008080;
	text-align: center;
	font-weight: bold;
	background-color: #bdc;
	padding: 2px 5px 2px 5px;}

.lhla {vertical-align: middle;
	border: thin solid #008080;
	text-align: left;
	background-color: #bdc;
	padding: 2px 5px 2px 5px;}