/* © 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: 5px 0px 5px 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 0px;
color: #000000;
float: left;
display: block;
width: 200px;
text-align: left;
}

#pack-table {
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-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, #termsinfo {
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;
}

.addclear {
	width: 100%;
	float: left;
	clear: both;
	padding: 0 0 10px 0;
}
#addresscol1 {
font: 70%/1em Arial, Helvetica, sans-serif;
padding: 0px 8px 0px 0px;
color: #000000;
float: left;
display: block;
width: 30%;
text-align: left;
}

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

#addresscol3 {
font: 70%/1em Arial, Helvetica, sans-serif;
padding: 0px 8px 0px 0px;
float: left;
display: block;
width: 30%;
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;
}

#orangebox, #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;
}
#orangebox {
background: #fcdc45 url("/images/orangebox.gif") no-repeat top left;
}
#greenbox {
background: #fcdc45 url("/images/greenbox.gif") no-repeat top left;
}

#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: 265px;
text-align: left;
display: block;
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}


.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;
}

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

.bedfordlink {
	font-weight: normal;
}

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

#doorstepimage {
position: relative;
top: -15px;
}

#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;
clear: both;
}

* 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: #e9f1f5;
/*background: #60adff url("/images/clouds.jpg") no-repeat top center;*/
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;
}

.productstable {
	width: 405px;
}

.tabletitle {
	border-bottom: 1px solid #333333;
	font: 170%/1.4em Arial, Helvetica, sans-serif;
	color: #2c71b1;
	width: 225px;
}

.tabletop {
	border-bottom: 1px solid #333333;
	background-color: #fbface;
	color: #2c71b1;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	width:45px;
}

.tableleft {
	border-bottom: 1px solid #333333;
	width: 225px;
	color: #333333;
}

.tableright {
	border-bottom: 1px solid #333333;
	background-color: #fbface;
	width: 45px;
	color: #333333;
	text-align: center;
	padding: 0px;
}

.tablespace {
	background-color: #FFFFFF;
	width: 5px;
}

.tableblank {
	background-color: #FFFFFF;
	width: 45px;
}
.paymentBadge {
	border: none;
}


#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;
}

/**** home page news scroller ***/
#newsticker {
	float: left;
	clear: both;
	width: 136px;
	background: #e9f1f5;
	position: relative;
	margin: 10px 8px;
	padding: 10px 5px;
	font-size: 140%;
	min-height: 5em;
	height: auto !important;
	height: 5em;
	display: inline;
}
#newsticker .lnheader {
	width: 100%;
	float: left;
	clear: both;
	color: #333;
	padding: 0 0 8px 0;
	font-weight: bold;
}
#newsticker ul {
	list-style: none;
	padding: 0;
	margin: 0;
	color: #0065a7;
}
* html #newsticker ul {
	overflow: visible;
}
#newsticker li.error {
	color: #f00;
}
#newsticker #togglenewsticker {
	display: none;
}