/*
This Style Sheet is used across the entire website:
homepage
templated pages
tradeonline section
about us section
public sector section
landing pages
sub sites
control centre
*/



/* main site styles */

body {
	background-color: #FFFFFF;
	background-image: url(http://images.uk-plc.net/imagesuk/background.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	font: 100% Arial, Helvetica, sans-serif;
	text-align:center;
	color: #000066;
	}

a {color: #000066;}
a:visited {color: #40408C;}
a:hover {text-decoration: underline;}

p {
	/*margin: 0;
	padding: 0;*/
	color: #000066;
	line-height:1.3em;
	}
	
h1 {
	font-size: 1.5em;
	margin: 0;
	padding: 0;
	}
	
h2 {
	font-size: 1.2em;
	padding: 0;
	margin: 0;
	}
	
h3 {
	font-size: 1.1em;
	padding: 0;
	margin:8px 0 2px 0;
	}

.alert
	{
	color: #FF0033;
	}

.smallprint 
	{
	font-size: 0.8em;
	position: relative ;
	}

.breadcrumb
	{
	/*text-transform: uppercase; moved to another ss*/
	/*font-weight: bold;*/
	font-size: 0.9em;
	color: #7F7FB2;
	}
	
.breadcrumb ul {margin:0; padding:0; }

.breadcrumb ul li {list-style:none;
	white-space:nowrap; /*prevent text wrapping*/
	float:left; /*keep them inline*/
	background:url(http://images.uk-plc.net/imagesuk/arosGrey.gif) 0.5em 50% no-repeat; 
	padding-left:1.3em}

.breadcrumb a {
	color: #40408C;	
}


/* site form */

form {
	/*padding: 0;*/
	/*margin: 0;*/
	line-height:1.3em;
}
	
form p {
	padding: 0;
	margin: 1px 0 ;
	clear: left;
	/*position: relative; -- messes form up */ 
	z-index:5;
	line-height:1.3em;
	border-top:1px solid #e5e5e5;
	}
	
form p label {
	padding: 0;
	margin: 0;
	clear: right;
	float: left;
	width: 45%;
	z-index: 5;
	color:#40408c;
	}
	
input.txt {
	border: 1px solid;
	width: 45%;
	padding: 1px 2px;
	}

fieldset {border: 0.2em solid #000066; margin: 2em 0; width:90%; display: block; text-align: left; padding: 1.2em;}
legend {font-weight: bold; color: #000066;}

fieldset .radioDiv {margin-left:250px; width:50%;}
.radioDiv input {border:none;}

input.submit {
	height:23px;
	/*background: url(http://images.uk-plc.net/imagesuk/buttonBg.gif) 0 0 repeat-x;*/
	border: 1px solid #7F7FB2;
	white-space:nowrap;
	/*clear: both;   creates weirdness*/
	color: #000066;
	text-decoration:none;
	text-transform:uppercase;
	background:url(http://images.uk-plc.net/imagesuk/buttonSubmitBg.gif) 0 0 no-repeat #FFFFFF; 
	padding: 0 0 2px 0;
	padding-left:12px; /*allow for arrow in image*/
	cursor:hand; /*wont work in FF*/
	/*text-align:left; looks rubbish on long text*/
	/*width:auto;*/
	font: 1em Arial, Helvetica, sans-serif;
	font-size:small; /*corrects inconsistencies*/
	font-weight: bold;
	}

input.submitSml {
	z-index: 10;
	border-color: #FFFFFF;
	font-size: 0.9em;
	font-weight: bold;
	height: 20px;
	/*width: 50px;*/
	background: url(http://images.uk-plc.net/imagesuk/buttonBg.gif) repeat-x;
	color: #000066;
	text-transform:uppercase;
	margin: 0 0.5em;
	cursor:hand; /*wont work in FF*/
	}
		
.bigButt {/*float:left;*/
	height:16px;
	display: inline;
	background: url(http://images.uk-plc.net/imagesuk/buttonBg.gif) 0 0 repeat-x;
	border: 1px solid #7F7FB2;
	margin: 2px 10px 2px 0;
	padding: 2px 0 3px 0;
	white-space:nowrap;
	/*clear: both;   creates weirdness*/
	color: #000066;
	text-transform:uppercase;
	font-weight: bold;
	text-decoration:none;
	font-size: small;
	}
	
.bigButt span {
background:url(http://images.uk-plc.net/imagesuk/aros.gif) 4px 50% no-repeat;
padding: 0px 5px ; 
padding-left:17px;}

.bigButt a {text-decoration: none; padding: 0px 5px 0 5px;}

input.submit:hover, input.submitSml:hover, .bigButt:hover {border: 1px solid #C0C0C0; color:#808080; }
.bigButt a:hover {text-decoration: none;color:#808080;}

.footer, footer ul li a 
{ 
	clear:both;
	padding: 5px;
	/*width: 100%; produces gap on right*/
	text-align: center;
	font-size: 0.7em;
	color: #000066;
	white-space:nowrap;
	}

/*.footer a {color: #000066; }*/
.footer ul {margin:1em 0 0; padding:0; list-style:none; white-space:nowrap;}
.footer ul li {display:inline; padding:0 0.7em 0 1em; border-left/**/:1px solid #000066}
.footer ul li.firstlink {border:0}

.footer ul.footerproduct {
margin-top:0.5em;
}

.spacerColumn
	{ 
	width:1%;
	height: 100%;
	float: left;
	}

.subheading {
	color: #9BA3C2;
	font-weight: bold;
	margin: 0.5em 0 1em 0;
}


/*menu boxes*/

.MenuBox {	
	float: left;
	margin: 0.5em;
	padding: 0;
	color: #000066;
	background: top left no-repeat;
  } 

.MenuBox h2 {
	margin: 0;
	padding: 0.1em;
	font-size: 1em;
	line-height: 1.3em;
	background: top right no-repeat;
  }

.MenuBox p a {color:#000066; /*font-size: 1.1em; */font-weight:bold;}
	
.MenuBox form {	padding-top:0.4em;}

.MenuBoxBody {
	margin:0;
	padding:0;
	font-size: 0.9em;
	font-weight: normal;
	background: top right repeat-y;
	width:100%;
  }
  
.MenuBoxBody p {
  	/*font-size:0.9em;*/
	line-height:2em;
padding: 0 0.5em;
	}
  
.MenuBoxBody.input.txt {
	border: 1px solid;
	width: 45%;
	padding: 1px 0px 0px 0px;
	}
  
.MenuBoxFooter {
	/*z-index: 10px; */
	background: bottom left no-repeat;
	height: 0.8em;
	font-size: 0.8em;
  }
  
.MenuBoxFooter p {
	height: 0.8em;
	margin:0;
	padding:0;
	background: bottom right no-repeat;
  }

/*.MenuBoxFooter p a {
	color: #000000;}*/
	

.MenuBox ul {
	padding:0;
	margin:0;
}

.MenuBox ul li {
	/*list-style: none;*/
	padding: 2px 4px;
	margin: 1px 2px 1px 2px;
	font-size: 0.9em;
	text-align: left;
	background: bottom left repeat-x;
}

.MenuBox ul li a {	
color: #000066;
text-decoration: none;
} 

.MenuBox ul li a img {	
text-decoration: none;
}

.MenuBox ul li a:hover {	
text-decoration: underline;
} 

.MenuBox ul li:hover{
background: url(http://images.uk-plc.net/imagesuk/spacer.gif) bottom left repeat-x #FFFFFF;
}

/*rounded box using images*/

.RoundedBox {
	margin: 0em;
	padding: 0.5em;	
	/*width: 130px;*/
	color:#FFFFFF;
	font-weight:bold;
	font-size:1.3em;
	line-height:1.3em;
	}
	
.RoundedBoxTL {	background: top left no-repeat;} 
.RoundedBoxTR {	background: top right no-repeat;}
.RoundedBoxBL {	background: bottom left no-repeat;}
.RoundedBoxBR { background: bottom right no-repeat;}

.RWpricebox .RoundedBoxTL {background-image: url(http://images.uk-plc.net/imagesuk/RWpriceboxTLCorner.gif);
background-color: #CC0000;} 
.RWpricebox .RoundedBoxTR {background-image: url(http://images.uk-plc.net/imagesuk/RWpriceboxTRCorner.gif);}
.RWpricebox .RoundedBoxBL {background-image: url(http://images.uk-plc.net/imagesuk/RWpriceboxBLCorner.gif);}
.RWpricebox .RoundedBoxBR {background-image: url(http://images.uk-plc.net/imagesuk/RWpriceboxBRCorner.gif);}

.RWpricebox .RoundedBoxTL {margin-left:10px}/*for IE*/

.RYpricebox .RoundedBoxTL {background-image: url(http://images.uk-plc.net/imagesuk/RYpriceboxTLCorner.gif);
background-color: #CC0000;} 
.RYpricebox .RoundedBoxTR {background-image: url(http://images.uk-plc.net/imagesuk/RYpriceboxTRCorner.gif);}
.RYpricebox .RoundedBoxBL {background-image: url(http://images.uk-plc.net/imagesuk/RYpriceboxBLCorner.gif);}
.RYpricebox .RoundedBoxBR {background-image: url(http://images.uk-plc.net/imagesuk/RYpriceboxBRCorner.gif);}

/*rounded box border*/
	
.roundedBoxBorder {
	margin: 0em;
	padding: 0.5em;	
	/*width: 130px;*/
	font-weight:bold;
}

/*.roundedBoxBorder p {margin: 0; padding: 0;}*/

.tl {background: top left no-repeat;}
.tr {background: top right no-repeat;}
.bl {background: bottom left no-repeat;}
.br {background: bottom right no-repeat;}
.t {background: top left repeat-x;}
.r {background: top right repeat-y;}
.b {background: bottom left repeat-x;}
.l {background: top left repeat-y;}


.dottedLineLB {width:100%; height:20px; background: url(http://images.uk-plc.net/imagesuk/bulletLB.gif) repeat-x;}


/* option navigation */

#optionNav {/*clear:both; breaks it in template pages*/
float:left; width:100%; background-color:#FFFFFF; margin:0; padding:0; white-space:nowrap; margin-bottom:10px;
/*line-height:2em; height:2em; min-height:1.3em;*/ }
 
#optionNav ul {margin:0 auto; padding:0; list-style:none;}
#optionNav li {
	list-style:none;
	white-space:nowrap; /*prevent text wrapping*/
	float:left; /*keep them inline*/
	margin:2px 0; /*acts as line height*/
	padding:0;
	border-right:1px solid;
	border-right-color: #C0C0C0;
}
#optionNav li a {text-align:left; display:block; color:#808080; padding: 2px 10px; }
#optionNav li a:hover {color:#000066;}