body {
	background-color: #fff;
	color: #000;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}
a { color: #039; }
a:visited { color: #666; }
a:active { color: #039; }
img { border: 0; }
.center { text-align: center; }
.emphasised {
	color: red;
	text-decoration: underline;
}
.yellow-outer {
	display: inline-block;
	background: url(/gif/dtr.gif) no-repeat scroll right top rgb(255, 215, 0);
	margin: 1em auto;
}
.yellow-inner {
	display: block;
	position:relative;
	background: url(gif/dbl.gif) no-repeat scroll left bottom transparent;
	padding: 1ex;
	margin 0px;
}
#header {
	width: 100%;
	margin: 0em;
	padding: 0em;
	position: relative;
	vertical-align: middle;
}
#logo {
	display: inline-block;
	padding: 0em;
	margin: 0em;
	line-height: 0em;
	width: 14%;
	overflow: visible;
}
#logo img {
	padding: 0.5em;
}
#header * {
	vertical-align: middle;
}
#tools {
	display: inline-block;
	width: 83%;
	text-align: right;
	padding: 0em;
	vertical-align: middle;
	font-size: 77%;
	overflow: visible;
	white-space: nowrap;
}
#tools a { margin: 0 0.2em; }

#btn{
	background-color: #036;
	color: white;
	border: none;
	padding: 0.2em 0.4em;
	margin-right: 1em;
}
#btn:hover
{
	color: #79BAEC;
}

#q{
	color: #ccc;
	width: 15em;
}

#menu {
	display: block;
	margin: 0em;
	padding: 0em;
	width: 100%;
	font-size: 108%;
	font-weight: bold;
}
#menu li{
	display:inline-block;
	width: 14.1%;
	margin: 0em;
	padding: 0em;
	padding-left: 1px;
	text-align: center;
}

#menu a {
	display: inline-block;
	background: #036;
	color: white;
	width: 100%;
	text-decoration: none;
	line-height: 1.5em;
	color: white;
	text-align: center;
}

#menu a:hover {
	text-decoration: underline;
	color: #79BAEC;
	text-align:center;
}
#middle {
	margin-left:0em;
	margin-top: 1px;
	position: relative;
	font-size: 93%;
}
#content {
	display: block;
	padding: 0.2em;
	margin: 0em;
	width: 85%;
	float: right;
}

#submenu {
	display: block;
	background: #E2EFFF;
	width: 14.1%;
	text-align: center;
	float: left;
	margin-left: 1px;
	padding-top: 0.5em;
	font-size: 93%;
	font-weight: bold;
}
#submenuinner { margin: auto; display: inline-block; text-align: left; width: 80%;}
#submenu h3 { margin: 5px 0 3px 0; }
#submenu p { margin: 2px; }
#submenu * { vertical-align: middle; text-decoration: none; }
#submenu a:hover { text-decoration: underline; }
#submenu a img { margin-right: 0.3em; }
#submenu ul li a img, #submenu div a img { display: block; margin: 0 auto; max-width: 100%; margin-bottom: 0.5em; }
#brands  { background: white; }
#brands h3 { text-align: center; border-bottom: solid 0.2em #E2EFFF; margin-bottom: 1em; padding: 0.5em; }
#submenu ul {
	margin: 2px 2px 1.5em 2px;
	padding-left: 1em;
}
#submenu li { margin: 2px; }
#submenu li img {
	display: block;
	margin: 0.5em 0 0.5em -0.5em;
}

#footer {
	background-color: #fc0;
	font-size: 77%;
	padding: 1ex;
	clear: both;
}

#content dt { font-weight: bold; }

table.boxed { border: solid black 1px; border-collapse: collapse; }
table.boxed th, table.boxed td { border: solid black 1px; }

h1, .centre, .center { text-align: center; }
@media print {
	#content { width: 100%; float: none; }
	#header, #submenu, #footer { display: none; }
	.newpage { page-break-before: always; }
	table { page-break-inside: avoid; }
	h1, h2, h3, h4, h5, h6 { page-break-after: avoid; }
}
.r90 {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}