/* CSS Document for @UK PLC Design Team */

div,form,body,ul,li,h3 {
/*global whitespace setting*/
	padding:0;
	margin:0;
}

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
}

img{
	border:0;
}

.pageImage{float:right;}

/*sets the colour of the tabs on the pages*/
#designhome #navcontainer li.home a{background:url(http://images.uk-plc.net/templates/AtUKPLC2/images/navgreenleft.jpg) no-repeat #70b400; color:#FFFFFF;}
#designhome #navcontainer li.home a span{background:url(http://images.uk-plc.net/templates/AtUKPLC2/images/navgreenright.jpg) 100% 0 no-repeat;}

#web #navcontainer li.web a{background:url(http://images.uk-plc.net/templates/AtUKPLC2/images/navgreenleft.jpg) no-repeat #70b400; color:#FFFFFF;}
#web #navcontainer li.web a span{background:url(http://images.uk-plc.net/templates/AtUKPLC2/images/navgreenright.jpg) 100% 0 no-repeat;}

#print #navcontainer li.print a{background:url(http://images.uk-plc.net/templates/AtUKPLC2/images/navgreenleft.jpg) no-repeat #70b400; color:#FFFFFF;}
#print #navcontainer li.print a span{background:url(http://images.uk-plc.net/templates/AtUKPLC2/images/navgreenright.jpg) 100% 0 no-repeat;}

#graphics #navcontainer li.graphics a{background:url(http://images.uk-plc.net/templates/AtUKPLC2/images/navgreenleft.jpg) no-repeat #70b400; color:#FFFFFF;}
#graphics #navcontainer li.graphics a span{background:url(http://images.uk-plc.net/templates/AtUKPLC2/images/navgreenright.jpg) 100% 0 no-repeat;}

#marketing #navcontainer li.marketing a{background:url(http://images.uk-plc.net/templates/AtUKPLC2/images/navgreenleft.jpg) no-repeat #70b400; color:#FFFFFF;}
#marketing #navcontainer li.marketing a span{background:url(http://images.uk-plc.net/templates/AtUKPLC2/images/navgreenright.jpg) 100% 0 no-repeat;}

h1{
	font-size:1.4em;
	font-weight:bold;
	color:#70b400;
	margin:0 0 10px 0;
	border-bottom:2px solid #70b400;
}

h2{
	font-size:1.3em;
	font-weight:bold;
	color:#000066;
	margin-bottom:8px;
}

h3{
	font-size:1.2em;
	color:#70b400;
}

h4{
	font-size:1em;
	color:#000066;
	/*margin:5px 0;*/
}

a{
	color:#000066;
	/*text-decoration:underline;*/
}

a:visted{
	color:#C0C0C0;
	/*text-decoration:underline;*/
}

a:hover{
/*	background-color:#70b400;
	color:#FFFFFF;
	
	causes weirdness on homepage
	*/
}

a:active{
	color:#70b400;
}


/*required for the green menu box's, specificity rules*/
.MenuBox p a{
	color:#000066;
	text-decoration:underline;
}

.MenuBox p a:hover{
	background-color:#70b400;
	color:#FFFFFF;
}

.high{
	background-color:#FFFFFF;
	padding:2px 4px;
	/*margin:0;*/
	color:#70b400;
}

.highlight{
	font-weight:bold;
}

.orange{
	color:#FF9900;
}

.link{
	text-align:right;
}

hr{
	border:none;
	background-color:#CCCCCC;
	color:#CCCCCC;
	background:url(http://images.uk-plc.net/templates/AtUKPLC2/images/hr.gif) repeat-x;
	height:1px;
	margin:5px 0;
	/*padding:0;*/
}

.showcase{
	color:#70b400;
	font-size:1.1em;
	font-weight:bold;
}

.contacttitle{
	color:#6b6b6b;
	font-size:1.2em;
	margin-bottom:10px;
}

.button{
	float:right;
	margin:5px 0;
}

.buttonleft{
	float:left;
	width:24px;
	height:26px;
	background:url(http://images.uk-plc.net/templates/AtUKPLC2/images/buttonleft.gif) no-repeat;
}

.buttontext{
	height:22px;
	float:left;
	border-top:2px solid #70b400;
	border-bottom:2px solid #70b400;
	line-height:22px;
	padding:0 2px 0 3px;
}

.button a{
	color:#000000;
	text-decoration:none;
	cursor:pointer;
}

.button a:hover{
	color:#70b400;
}

.buttonright{
	float:left;
	width:14px;
	height:26px;
	background:url(http://images.uk-plc.net/templates/AtUKPLC2/images/buttonright.gif) no-repeat;
}

.dottedline{
	width:auto;
	clear:both;
	margin:10px 0;
	border-top:1px dashed #CCCCCC;
}

/*navigation bar code starts here*/

#navigation{
	width:100%;
	float:left;
	/*min-width:1024px;
	width:expression(documentElement.clientWidth < 1024? "1024px": "100%" );*/
}

#highnav{
	background-color:#000066;
	color:#FFFFFF;
	height:2.1em;
	clear:both;
	float:left;
	width:100%;
	font-size:0.9em;
}

#highnav ul{}

#highnav ul li{display:inline;}

#highnav ul li a{
	line-height:2.1em;
	padding:0 10px;
	color:#FFFFFF;
	text-decoration:none;	
	border-left:1px solid #6c7bb8;
	float:left
}

#highnav ul li a:hover{
	background-color:#70b400;
}

#navright{
	float:right;
}

#mainnav{
	clear:both;
	width:100%;
	/*border-bottom:10px solid #70b400;*/
	height:10px;
	font-size:10px;
	float:left;
	background-color:#70b400;
}

#logo{
	float:left;
	width:360px;
	height:60px;
	background:url(http://images.uk-plc.net/templates/AtUKPLC2/images/designteamlogo.jpg) no-repeat;
}

#logo img{
	/*padding:0;
	margin:0;*/
	border:none;
	width:360px;
	height:60px;
}

#logo a:hover {background:none;}


#logo a:hover img{
background:none;
width:360px;
	height:60px;
}

#navcontainer{ 
	float:left;
	/*height:25px;*/
	margin-top:35px;
	white-space:nowrap;
}

#navcontainer ul{
	clear:both;
	float:left;
	/*padding:0;
	margin:0;*/
}

#navcontainer li {
	list-style:none;
	text-align:center;
	white-space:nowrap; /*prevent text wrapping*/
	float:left; /*keep them inline*/
	margin:0 1px; 
	/*padding:0;*/
	background:url(http://images.uk-plc.net/templates/AtUKPLC2/images/navleft.jpg) no-repeat;
	background-color:#000066;
}

#navcontainer li a {
	position:relative;
	display:block; 
	text-decoration:none; 
	color:#FFFFFF; 
	/*padding:0;space them out*/
	height:25px;
	cursor:pointer;
	min-width:30px;
	width:100px;	
	background:url(http://images.uk-plc.net/templates/AtUKPLC2/images/navleft.jpg) no-repeat;
	background-color:#000066;
}

html>body #navcontainer li a{width:auto}

#navcontainer li a span{
	display:block; 
	background:url(http://images.uk-plc.net/templates/AtUKPLC2/images/navright.jpg) 100% 0 no-repeat; 
	padding:0px 20px;
	text-align:left;
	height:25px;
	line-height:25px;
	/*padding:0 20px 0 25px;*/
	text-align:center;
}

/*tab rollovers*/
#navcontainer li a:hover{
	background:url(http://images.uk-plc.net/templates/AtUKPLC2/images/navgreenleft.jpg) 0 0 no-repeat #70B400; 
	color:#FFFFFF;
}

#navcontainer li a:hover span{
	display:block; 
	background:url(http://images.uk-plc.net/templates/AtUKPLC2/images/navgreenright.jpg) 100% 0 no-repeat; 
}

#lownav{
	clear:both;
	background-color:#ededed;
	min-height:24px;
	float:left;
	width:100%;
	padding-left:5px;
}

#lownav ul{}

#lownav ul li{
	display:inline; padding-left:3px;
}

#lownav ul li a{
	padding:4px 10px 4px 15px;
	line-height:24px;
	text-decoration:none;
	color:#000000;
	background:url(http://images.uk-plc.net/templates/AtUKPLC2/images/lownavgrey.gif) no-repeat;
	border-right:1px solid #CCCCCC;
}

#lownav ul li a:hover{
	background:url(http://images.uk-plc.net/templates/AtUKPLC2/images/lownavgreen.jpg) no-repeat;
	text-decoration:underline;
}

/*main body of code starts here*/

#central{
	width:800px;
	margin:0 auto;
}

#container{
	width:800px;
	float:left;
}

#banner{
	width:800px;
	float:left;
	height:200px;
	clear:both;
	margin-top:7px;
	background:url(http://images.uk-plc.net/templates/AtUKPLC2/images/designbanner2.jpg) no-repeat;
}

.main{
	width:800px;
	float:left;
	clear:both;
}

.main ul{
	padding:10px 0 10px 25px;
	margin:10px 0;
}

.main ul li{
	list-style-image:url(http://images.uk-plc.net/templates/AtUKPLC2/images/listarrow.gif);
	padding-left:5px;
}

.main ol{
	padding:10px 10px 10px 25px;
}

.main ol li{
	margin:5px 5px 5px 0;
}

.homeleftcol{
	float:left;
	width:523px;
	padding-right:10px;
	margin-bottom:10px;
	border-right:1px dashed #CCCCCC;
}

.homeleftcol ul{
	padding:0 0 0 25px;
}

.homeleftcol ul li{
	list-style-image:url(http://images.uk-plc.net/templates/AtUKPLC2/images/listarrow.gif);
	padding-left:5px;
}

.homerightcol{
	float:left;
	width:265px;
}

.rctext{
	width:255px;
	padding-left:10px;
}

#strapline{
	width:800px;
	height:80px;
	border-top:1px dashed #CCCCCC;
	border-bottom:1px dashed #CCCCCC;
	padding:5px 0;
	margin:5px 0;
	float:left;
	clear:both;
}

.leftcol{
	float:left;
	width:578px;
	border-right:1px dashed #CCCCCC;
	padding:0 20px 0 0;
	margin:10px 10px 0 0;
}

.leftcol ul{
	padding-left:25px;
}

.leftcol ul li{
	list-style-image:url(http://images.uk-plc.net/templates/AtUKPLC2/images/listarrow.gif);
	padding-left:5px;
}

.rightcol{	
	width:180px;
	padding:0 10px 0 0;
	float:left;
	margin:10px 0;
}

.portfolio{
	width:800px;
	float:left;
	clear:both;
	/*margin:0;*/
}

#pleft{
	float:left;
	width:399px;
	clear:left;
}

#pright{
	float:left;
	width:400px;
	clear:right;
	text-align:right;
}

.portfoliocol{
	width:188px;
	border-right:1px dashed #CCCCCC;
	float:left;
	margin:10px 0;
	padding:0 5px;
}

.portfoliotitle{
	width:177px;
	padding:3px 5px;
	margin-bottom:5px;
	background-color:#70b400;
	float:left;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
}

.portfoliotitle h3{color:#FFFFFF; /*font-size:1.1em;*/}


/*.portfoliocol a img{border:3px solid #C0C0C0;margin-bottom:5px;}
.portfoliocol a:visited img{border:3px solid #E5E5E5;}
.portfoliocol a:hover img{border:3px solid #000066;}
.portfoliocol a:active img{}*/

.hoverlink {border:3px solid #C0C0C0; margin:0 0 5px 0;}
a:visited .hoverlink {border:3px solid #E5E5E5;}
a:hover .hoverlink {border:3px solid #000066;}

#contactbox{
	background-color:#F9F9F9;
	border:1px solid #6b6b6b;
	width:798px;
	float:left;
}

#contactboxmain{
	/*padding:0;*/
	width:798px;
	float:left;
}

#cbmleft{
	float:left;
	width:337px;
	padding:0 20px 0 0;
}

#cbmright{
	float:left;
	width:419px;
	padding:10px;
	background-color:#F9F9F9;
	border:1px dotted #6b6b6b;
}

#contactboxmain ul{
	list-style:none;
	/*padding:0;
	margin:0;*/
	float:left;
}

#contactboxmain li{
	margin:0 0 10px 0;
}

#contactboxmain label{
	width:100px;
	float:left;
	text-align:right;
	padding-right:10px;
}

#cbleft{
	width:186px;
	padding:10px;
	float:left;
}

#cbcenter{
	float:left;
	width:270px;
	padding:10px;
}

#cbright{
	float:left;
	width:572px;
	padding:10px;
}

.contactname{
	float:left;
	text-align:right;
	width:55px;
	padding-right:5px;
}

#contactbox ul{
	list-style:none;
	/*padding:0;
	margin:0;*/
	float:left;
}

#contactbox li{
	margin:0 0 5px 0;
}

#contactbox label{
	width:80px;
	float:left;
	text-align:right;
	padding-right:5px;
}

.submmit{
	font-size:1em;
	padding:2px 2px;
	margin-right:28px;
	float:right;
}

#footer{
	width:800px;
	float:left;
	clear:both;
	text-align:center;
	color:#999999;
	margin-top:10px;
	border-top:1px dashed #CCCCCC;
	padding:10px 0;
}

#footer a{color:#999999;}

#footer img {margin:5px 0 0 5px;}

#footer .W3Cxhtml {width:80px; height:15px; 
background:url(http://images.uk-plc.net/templates/AtUKPLC2/images/W3Cxhtml.gif) 0 0 no-repeat;}

#footer .W3Ccss {width:80px; height:15px; 
background:url(http://images.uk-plc.net/templates/AtUKPLC2/images/W3Ccss.gif) 0 0 no-repeat;}


/*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 h3 {
	/*margin: 0;*/
	padding: 0.1em;
	font-size: 1em;
	line-height: 1.3em;
	background: top right no-repeat;
	line-height:2.2em;
	font-size:1.2em;
	padding-left: 0.5em ;
	color:#000066;
  }
	
.MenuBox form {padding-top:0.4em;}

.MenuBoxBody{
	padding:8px 0;
	font-size: 0.9em;
	font-weight: normal;
	background: top right repeat-y;
	width:100%;
	font-size: 1em;
	background: none;
	/*margin:0;*/
  }
  
.MenuBoxBody p {
  	/*font-size:0.9em;*/
	padding:0 1em;
	/*margin:0;*/
	line-height:1.2em; /*reqd*/
	}
  
.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 ol {
	padding:0 0 0 15px;
	margin:0 0 10px 20px;
}	

.MenuBox ul {
	padding:0 0 0 15px;
	margin:10px 0 10px 20px;
}

.MenuBox ul li {
	list-style-image:url(http://images.uk-plc.net/templates/AtUKPLC2/images/listarrow.gif);	
}

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

/*menu boxes*/

.MenuBox {
	background-image: url(http://images.uk-plc.net/imagesuk/StartupTLCorner.jpg);	
  } 

.MenuBox a:visited {color:#000066;}

.MenuBox h3 {
	background-image: url(http://images.uk-plc.net/imagesuk/StartupTRCorner.gif);
  }

.MenuBoxBody {
	background-image: url(http://images.uk-plc.net/imagesuk/Startuprightborder.gif);
  }

.MenuBoxBody img{
	/*border:2px solid #70b400;*/
	/*padding:0;*/
	margin:5px 15px;
}
  
/*.MenuBox ul li {
	background: url(http://images.uk-plc.net/imagesuk/StartupStrip.gif)	bottom left repeat-x #F0F7E5;
}*/

.MenuBoxFooter {
	background-image: url(http://images.uk-plc.net/imagesuk/StartupBLCorner.gif);
	line-height:30px;
	font-size:30px;
}

.MenuBoxFooter p {
	background-image: url(http://images.uk-plc.net/imagesuk/StartupBRCorner.gif);
}

.FeatureBox .MenuBox {
	/*width:200px;*/
	background-image: url(http://images.uk-plc.net/imagesuk/startup/TLCorner.gif);	
  } 

.FeatureBox .MenuBox h3 {
	background-image: url(http://images.uk-plc.net/imagesuk/startup/TRCorner.gif);}

.FeatureBox .MenuBoxBody {
	background: url(http://images.uk-plc.net/imagesuk/startup/rightborder.gif) 100% 0 repeat-y;}
  
  .FeatureBox .MenuBoxBody p {}
  
/*.FeatureBox .MenuBoxBody img {
	padding: 0.5em 1em ;
  }*/
  
.FeatureBox .MenuBoxBody ul li {}

.FeatureBox .MenuBoxFooter {
	background-image: url(http://images.uk-plc.net/imagesuk/startup/BLCorner.gif);}

.FeatureBox .MenuBoxFooter p {
	background-image: url(http://images.uk-plc.net/imagesuk/startup/BRCorner.gif);}
	
	
	
/*old styles used in wysiwyg editor*/
.visible {
	background-color: #ffffff;
}

.hidden {
	background-color: #CCCCCC;

}
.hidden td {
	padding: 2px;
	/*margin: 0px;*/
	border: 1px solid #CCCCCC;
	line-height: 1.2;
}

.visible td {
	background-color: #FFFFFF;
	padding: 2px;
	margin: 0px;
	border: 1px solid #CCCCCC;
	line-height: 1.2;
}

.tableHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

.productTable{width:100%; clear:both;}
.productTableHeader{background-color: #e5e5e5;}
.productTableHeader td, .productTableRow td {padding:2px;}

.colHeadings {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #666666;
	background-color: #EEEEEE;
}

.colText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #888888;
}



.productPriceCell { font-weight: bold;}