/* © Copyright Freshways Limited 2009* Design: newcenturydesign.co.uk */
/* Written by Leyton Edwards */

/*Main Menu */

.glossymenu{
list-style-type: none;
margin: 0px 0;
padding: 0;
width: 160px;
border-bottom-width: 0;
}

.glossymenu li a{
background: white url(../images/glossyback.gif) repeat-x bottom left;
font: 110%/1.4em Arial, Helvetica, sans-serif;
font-weight: bold;
color: #0065a7;
display: block;
width: auto;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 10px;
text-decoration: none;
list-style: none;
}


* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 150px;
}

.glossymenu li a:visited{
color: #0065a7;
}


.glossymenu li a:hover, .glossymenu li a:active{
background-image: url(../images/glossybackactive.gif);
}



.subnavigation
{
list-style-type: none;
margin: 0px 0;
padding: 0;
width: 160px;
}

.subnavigation li a{
background: white url(../images/yellowback.gif) repeat-x bottom left;
font: 110%/1.4em Arial, Helvetica, sans-serif;
font-weight: bold;
color: #0065a7;
display: block;
width: auto;
padding-top: 8px;
padding-left: 8px;
padding-bottom: 10px;
text-decoration: none;
list-style: none;
}



.subnavigation li a:visited, .subnavigation li a:active 
{
color: #0065a7;
}

.subnavigation li a:hover{
background-image: url(../images/yellowback2.gif);
}

/* New Menu End*/

#loginbutton
{
	margin: 0px 0px 0px 0px;
	padding: 0px 40px 0px 0px;
	display: block;
	float: right;
	font-size: 11px;
	font-weight: bold;
}

#loginform
{
	margin: 40px auto;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	padding: 20px 20px 20px 20px;
	display: block;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	width: 300px;

}

#loginbutton a:link {
	color: #fff;
	text-decoration: none;
}

#loginbutton a:visited {
	color: #fff;
	text-decoration: none;
}

#loginbutton a:hover {
	color: #fff;
	text-decoration: underline;
}

#loginbutton a:active {
color: #fff;
text-decoration: none;
}


#videoContent
{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	display: block;
	float: left;
}


#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
	text-align: right;
	font: bold 11px arial}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	color: #FFF;
	text-align: right;
	text-decoration: none}

#sddm li a:hover
{	text-decoration: underline;}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 2px 10px;
		border: solid 1px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #ffffff;
		color: #2875DE;
		font: 11px arial}

	#sddm div a:hover
	{	background: #49A3FF;
		color: #FFF}

#newscol {
font: 100%/1.4em Arial, Helvetica, sans-serif;
color: #0065a7;
float: left;
width: 150px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
display: block;
}

#newsarchive {
font: 100%/1.4em Arial, Helvetica, sans-serif;
width: 150px;
text-align: left;
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#newsarchive ul {
width: 150px;
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

li {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}


#newsarchive li {
padding: 5px 0px 5px 10px;
background: url(../images/blue-arrow-small.jpg) no-repeat 0px 9px;
border-bottom: dotted 1px #0065a7;
width: 140px;
margin: 0px 0px 0px 0px;
}

#newsarchive ul A {
margin: 0px 0px 0px 0px;
text-decoration: none;
display: block;
}

#newsarchive ul A:hover {
text-decoration: underline;
}

#newsDate {
font: 110%/1.4em Arial, Helvetica, sans-serif;
color: #0065a7;
padding: 10px 0px 0px 0px;
}


.blue {
font: 110%/1.4em Arial, Helvetica, sans-serif;
color: #0065a7;
}



#contactform {
font: 90%/1.4em Arial, Helvetica, sans-serif;
color: #000000;
margin: 0px 0px 0px 0px;
padding: 10px 20px 20px 10px;
float: left;
background-color: #eeeeee;
display: block;
width: 375px;
}


#productheading {
font: 110%/1.4em Arial, Helvetica, sans-serif;
color: #0065a7;
font-weight: bold;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float: left;
display: block;
width: 405px;
}

#product-table2 {
font: 90%/1.4em Arial, Helvetica, sans-serif;
padding: 5px 8px 0px 0px;
color: #000000;
float: left;
display: block;
width: 200px;
text-align: left;
}

#pack-table2 {
font: 90%/1.4em Arial, Helvetica, sans-serif;
padding: 5px 8px 5px 8px;
color: #000000;
background-color: #FFFFCC;
float: left;
display: block;
width: 90px;
text-align: center;
}

#code-table2 {
font: 90%/1.4em Arial, Helvetica, sans-serif;
padding: 5px 8px 0px 20px;
color: #000000;
float: left;
display: block;
width: 60px;
text-align: center;
}


.line {
border-top: solid 1px #CCCCCC;
margin: 1px 0px 1px 0px;
padding: 0px 0px 0px 0px;
}

.light-line {
border-top: solid 1px #e8e8e8;
margin: 1px 0px 1px 0px;
padding: 0px 0px 0px 0px;
}

#bottom-table {
font: 90%/1.4em Arial, Helvetica, sans-serif;
padding: 10px 8px 0px 0px;
color: #666666;
float: left;
display: block;
width: 390px;
}


#product-table {
font: 90%/1.4em Arial, Helvetica, sans-serif;
padding: 5px 8px 0px 5px;
color: #000000;
float: left;
display: block;
width: 30px;
text-align: center;
background-color: #FFFFCC;
line-height: 17px;
}

#pack-table {
font: 90%/1.4em Arial, Helvetica, sans-serif;
padding: 5px 8px 5px 9px;
color: #000000;
/*background-color: #FFFFCC;*/
float: left;
display: block;
width: 345px;
text-align: left;
line-height: 17px;

}

#code-table {
font: 90%/1.4em Arial, Helvetica, sans-serif;
padding: 5px 8px 0px 20px;
color: #000000;
float: left;
display: block;
width: 60px;
text-align: center;
}

#icon-table {
font: 90%/1.4em Arial, Helvetica, sans-serif;
padding: 5px 8px 0px 0px;
color: #000000;
float: left;
display: block;
width: 20px;
text-align: left;
}

#productinformation {
font: 90%/1.4em Arial, Helvetica, sans-serif;
padding: 5px 0px 5px 0px;
color: #000000;
float: left;
display: block;
width: 400px;
text-align: left;
}

#sitemap {
font: 90%/1.4em Arial, Helvetica, sans-serif;
padding: 0px 0px 5px 0px;
color: #000000;
float: left;
display: block;
width: 565px;
text-align: left;
}

#accessibilityinfo {
font: 90%/1.4em Arial, Helvetica, sans-serif;
padding: 5px 10px 5px 0px;
color: #000000;
float: left;
display: block;
width: 400px;
text-align: left;
border-right: solid 1px #CCCCCC;
}

#specification {
font: 90%/1.4em Arial, Helvetica, sans-serif;
padding: 5px 8px 0px 8px;
color: #000000;
float: left;
display: block;
width: 170px;
text-align: left;
}

#pagetitle {
margin: -20px 0px 0px 0px;
padding: 0px 0px 0px 580px;
color: #0065a7;
font-weight: bold;
float: left;
display: block;
width: 195px;
text-align: left;
}

#addresscol1 {
font: 90%/1.4em Arial, Helvetica, sans-serif;
padding: 0px 8px 0px 0px;
color: #000000;
float: left;
display: block;
width: 95px;
text-align: left;
}

#addresscol2 {
font: 90%/1.4em Arial, Helvetica, sans-serif;
padding: 0px 8px 0px 0px;
float: left;
display: block;
width: 95px;
text-align: left;
color: #000000;
}

#addresscol3 {
font: 90%/1.4em Arial, Helvetica, sans-serif;
padding: 0px 8px 0px 0px;
float: left;
display: block;
width: 95px;
text-align: left;
color: #000000;
}

#addresscol4 {
font: 90%/1.4em Arial, Helvetica, sans-serif;
padding: 0px 0px 0px 0px;
float: left;
display: block;
width: 95px;
text-align: left;
color: #000000;
}


#insertimage {
padding: 0px 2px 5px 2px;
margin: 0px 0px 0px 0px;
}

#addresshead {
font: 110%/1.3em Arial, Helvetica, sans-serif;
color: #1267aa;
font-weight: bold;
text-align: left;
padding: 0px 0px 3px 0px;
margin: 0px 0px 3px 0px;
border-bottom: solid 1px #1267aa;
}

#addressbox {
font: 90%/1.4em Arial, Helvetica, sans-serif;
width: 144px;
text-align: left;
background-color: #FFFFCC;
color: #000000;
float: left;
display: block;
margin: 40px 0px 0px 0px;
padding: 8px 8px 8px 8px;
}

#downloadsproductbox {
width: 160px;
background-color: #cbdfed;
height: 265px;
text-align: left;
display: block;
float: left;
padding: 0px 0px 0px 0px;
margin: 40px 0px 0px 0px;
}

#accessibility {
width: 160px;
background-color: #cbdfed;
height: 265px;
text-align: left;
display: block;
float: left;
padding: 0px 0px 0px 0px;
margin: 40px 0px 0px 0px;
}



#yellowhead {
font: 110%/1.3em Arial, Helvetica, sans-serif;
color: #1267aa;
font-weight: bold;
text-align: left;
padding: 0px 0px 3px 0px;
margin: 0px 0px 3px 0px;
border-bottom: solid 1px #1267aa;
}

#yellowbox {
font: 90%/1.4em Arial, Helvetica, sans-serif;
width: 144px;
text-align: left;
background-color: #FFFFCC;
color: #000000;
float: left;
display: block;
margin: 0px 0px 0px 0px;
padding: 8px 8px 8px 8px;
}

#yellowhead2 {
font: 110%/1.3em Arial, Helvetica, sans-serif;
color: #1267aa;
font-weight: bold;
text-align: left;
padding: 5px 0px 3px 0px;
margin: 0px 0px 3px 0px;
border-bottom: solid 1px #1267aa;
}

#yellowbox2 {
font: 90%/1.4em Arial, Helvetica, sans-serif;
width: 144px;
text-align: left;
background-color: #FFFFCC;
color: #000000;
float: left;
display: block;
padding: 8px 8px 8px 8px;
margin: 0px 0px 0px 0px;
}

#mapbox {
width: 160px;
text-align: left;
display: block;
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 5px 0px;
}


#mapbox2 {
width: 160px;
text-align: left;
display: block;
float: left;
padding: 0px 0px 0px 0px;
margin: 40px 0px 5px 0px;
}

#productbox {
width: 160px;
background-color: #cbdfed;
height: 280px;
text-align: left;
display: block;
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#greenbox {
font: 90%/1.4em Arial, Helvetica, sans-serif;
width: 144px;
text-align: left;
color: #000000;
float: left;
display: block;
padding: 8px 8px 8px 8px;
margin: 0px 0px 5px 0px;
background: #fcdc45 url("/images/greenbox.gif") no-repeat top left;
}

.regionallink {
font: 80%/1.3em Arial, Helvetica, sans-serif;
color: #1267aa;
text-align: left;
padding: 3px 0px 0px 3px;
margin: 0px 0px 0px 0px;
}

.regionalheadmap {
font: 110%/1.3em Arial, Helvetica, sans-serif;
font-weight: bold;
color: #000000;
background-color: #cbdfed;
width: 154px;
margin: 0px 0px 0px 0px;
padding: 3px 3px 0px 3px;
}


.regionalhead {
font: 110%/1.3em Arial, Helvetica, sans-serif;
font-weight: bold;
color: #000000;
background-color: #cbdfed;
width: 154px;
padding: 3px 3px 0px 3px;
}

#productllinks {
font: 80%/1.3em Arial, Helvetica, sans-serif;
font-weight: bold;
background-color: #cbdfed;
color: #1267aa;
text-align: left;
padding: 0;
margin: 0;
list-style-type: none;
}

#productllinks ul {
	list-style-type: none;
padding: 1px;
margin: 0px 0px 0px 0px;
}

#productllinks li a{
	background: white url(../images/glossyback.gif) repeat-x bottom left;
	font: 110%/1.4em Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #0065a7;
	display: block;
	width: auto;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 5px;
	text-decoration: none;
	list-style: none;
}

* html #productllinks li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 153px;
}

#productllinks li a:visited{
color: #0065a7;
}


#productllinks li a:hover, #productllinks li a:active
{
background-image: url(../images/glossyback2.gif);
}


#productllinks a {
color: #1267aa;
}

.blueregionalhead {
background: white url(../images/blueback.gif) repeat-x bottom left;
font: 80%/1.3em Arial, Helvetica, sans-serif;
font-weight: bold;
color: #FFFFFF;
background-color: #cbdfed;
width: 147px;
padding: 8px 3px 8px 10px;
}


.arrowbar {
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
}

#linkmap {
background: url(../images/linkmap.gif) no-repeat;
font: 100%/1.4em Arial, Helvetica, sans-serif;
background-color: #cbdfed;
float: left;
width: 160px;
height: 220px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align: left;
display: block;
}

#quicklinks {
width: 140px;
font: 85%/1.4em Arial, Helvetica, sans-serif;
background-color: #adcbe0;
margin: 10px 3px 3px 8px;
padding: 3px 3px 3px 3px;
color: #FFFFFF;
float: left;
display: block;
}

* html #quicklinks{ /*IE only. Actual menu width minus left padding of element (10px 3px 3px 8px) */
	margin: 0px 3px 3px 4px;
	padding: 3px 3px 3px 3px;
	width: 140px;
}

#links {
padding: 0px 0px 0px 0px;
width: 140px;
float: left;
display: block;
}

#newsklinks {
width: 178px;
font: 100%/1.4em Arial, Helvetica, sans-serif;
margin: 10px 3px 3px 4px;
padding: 3px 3px 3px 3px;
color: #FFFFFF;
float: left;
display: block;
}

#linksnews {
padding: 8px 5px 0px 8px;
width: 148px;
float: left;
display: block;
}

.newsfont {
color: #000000;
font: 115%/1.4em Arial, Helvetica, sans-serif;
padding: 10px 0px 0px 0px;
width: 178px;
}

#newsfontbold {
font: 135%/1.4em Arial, Helvetica, sans-serif;
color: #1267aa;
border-bottom: solid 1px #1267aa;
font-weight: bold;
width: 148px;
padding: 0px 0px 3px 0px;
margin: 0px 0px 3px 0px;
}


body {
background-color: #ecf4fa;
font: 80%/1.4em Arial, Helvetica, sans-serif;
color: #666666;
width: 750px;
margin: 0 auto;
}


tr {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

.quickfont {
color: #000000;
font: 105%/1.4em Arial, Helvetica, sans-serif;
}

.quickfontbold {
color: #000000;
font: 135%/1.4em Arial, Helvetica, sans-serif;
font-weight: bold;
}

.main {
background: url(../images/bg.gif) repeat-y;
margin: 0px;
width: 750px;
padding: 0px 0px 0px 0px;
float: left;
display: block;
}

#header {
background: url(../images/logo.jpg) no-repeat;
width: 750px;
height: 146px;
}

#headerXmas {
background: url(../images/logo-xmas.jpg) no-repeat;
width: 750px;
height: 166px;
}

h1 {
font: 170%/1.4em Arial, Helvetica, sans-serif;
color: #0065a7;
font-weight: bold;
border-bottom: solid 1px #1267aa;
margin: 5px 0px 5px 0px;
padding: 0px 0px 5px 0px;
}

h2 {
font: 125%/1.4em Arial, Helvetica, sans-serif;
color: #0065a7;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

h3 {
font: 110%/1.4em Arial, Helvetica, sans-serif;
color: #0065a7;
font-weight: bold;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

h4 {
font: 110%/1.4em Arial, Helvetica, sans-serif;
color: #0065a7;
font-weight: bold;
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
}

td {
padding: 0px 1px 1px 0px;
}



#leftcol {
font: 80%/1.4em Arial, Helvetica, sans-serif;
color: #0065a7;
float: left;
width: 170px;
padding: 0px 0px 0px 0px;
text-align: left;
}

#newsrightcol {
font: 100%/1.4em Arial, Helvetica, sans-serif;
color: #0065a7;
float: left;
width: 405px;
padding: 0px 5px 10px 0px;
text-align: left;
display: block;
}


#rightcol {
font: 100%/1.4em Arial, Helvetica, sans-serif;
color: #0065a7;
float: left;
width: 405px;
padding: 0px 5px 10px 0px;
text-align: left;
display: block;
}

#smallcol {
font: 100%/1.4em Arial, Helvetica, sans-serif;
color: #0065a7;
float: left;
width: 100px;
padding: 0px 0px 0px 0px;
text-align: left;
display: block;
}

#smallcol2 {
font: 90%/1.4em Arial, Helvetica, sans-serif;
color: #000000;
float: left;
width: 152px;
margin: 40px 0px 0px 0px;
padding: 10px 0px 0px 10px;
text-align: left;
display: block;
border-top: solid 1px #0065a7;
}

#footer {
margin: 0px 0px 0px 170px;
padding: 0px 0px 0px 0px;
}

#footerbluebox {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 750px;
background-color: #0065a7;
height: 10px;
display: block;
float: left;
}

#bottomleftfooter {
font: 75%/1.4em Arial, Helvetica, sans-serif;
color: #000000;
float: left;
width: 235px;
padding: 5px 0px 0px 0px;
text-align: left;
display: block;
}

#bottomrightfooter {
font: 75%/1.4em Arial, Helvetica, sans-serif;
color: #000000;
float: right;
width: 210px;
padding: 5px 20px 20px 0px;
text-align: right;
display: block;
}

#bottomlinks {
background: url(../images/footer.gif) no-repeat;
font: 85%/1.4em Arial, Helvetica, sans-serif;
float: left;
display: block;
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
width: 565px;
border-bottom: solid 1px #999999;
border-top: solid 1px #999999;
}


#footertext {
text-align: left;
font: 75%/1.4em Arial, Helvetica, sans-serif;
color: #000000;
width: 565px;
float: left;
margin: 5px 0px 20px 0px;
}

.blackfont {
color: #000000;
}

a:link, a:visited, a:active {
color: #0065a7;
text-decoration: none;
}

a:hover {
color: #0065a7;
text-decoration: underline;
}

.navigation {
font: 80%/1.6em Arial, Helvetica, sans-serif;
color: #ffffff;
text-decoration: none;
padding: 0px 0px 0px 0px;
margin: -145px 10px 0px 0px;
float: right;
text-align: right;
width: 740px;
}


#nav li {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}