/*
         _    _ _  __  _____  _      _____ 
   ____ | |  | | |/ / |  __ \| |    / ____|
  / __ \| |  | | ' /  | |__) | |   | |     
 / / _` | |  | |  <   |  ___/| |   | |     
| | (_| | |__| | . \  | |    | |___| |____ 
 \ \__,_|\____/|_|\_\ |_|    |______\_____|
  \____/

Monday 6th April - Complete change of colour pallet and some background graphics added. Reworked the footer and some promo graphics.
Tuesday 7th April - Consolidation of CSS and some class name changes to more relevent and descriptive names. Some comments added as well.
Thursday 10th Dec - Template integration with Control Centre so changes according to that.
*/

/* CSS Begins */


body {
	font: 12px "Lucida Grande", Verdana, Arial, sans-serif;
	color: #666;
	padding: 0;
	margin: 0;
}

.wrapper {
	background: white url(http://images.uk-plc.net/templates/ATUKPLC3/images/wrapper_bg.jpg)  0 60px repeat-x;
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}

img {
	border: none; /* Removes any potential borders applied to images with links */
}

#header {
	background: url(http://images.uk-plc.net/templates/ATUKPLC3/images/header.jpg) no-repeat;
	height: 60px;
	width: 960px;
	margin: 0 auto;
}
	
a.skip {position: absolute; left: -1000em; width: 10em;}
a.skip:focus {position: absolute; left:650px; width: 10em; text-align:center; color:#FFFFFF; font-size:small; font-weight:bold; background:#140958;}	

#logo {
	float:left;
	margin: 10px 0 0px 10px;
}

#logo a span{
display:none;}

.companyName { 
	width:25%;
	margin-top:52px; 
	margin-left:72px;
	padding-top:3px; 
	padding-left:10px; 
	font-family:Georgia, "Times New Roman", Times, serif;	
	color:#000000;	
	font-size:small; 
	font-weight:bolder;
}

/* ================== */
/* ! NavBars Styling   */
/* ================== */

#navBar {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	background: black url(http://images.uk-plc.net/templates/ATUKPLC3/images/navbar_bg.jpg) repeat-x;
	clear: both;
	font-size: 1.1em;
	line-height: 20px;
	height: 40px;
	width: 100%;
	margin-bottom: 20px;
}

	#navBar ul {
		padding: 0;
		margin: 0;
		list-style: none;
	}

		#navBar li {
			background: url(http://images.uk-plc.net/templates/ATUKPLC3/images/navbar_dividers.jpg) 0 3px no-repeat;
			float: left;
		}

			#navBar .noDivider { /* this class removes the divider image from the first list item, common practise */
				background: none;
			}

				#navBar li a {
					float: left;
					padding: 10px;
					text-decoration: none;
					color: white;
				}

					#navBar li a:hover {
						color: red;
					}
					
					    /* Site Search */
    #navBar .marketplace {
        float: right;
        width: auto;
        height: 30px;
        margin:3px 10px 0 0;
        padding:0px;
    }


/* ================== */
/* ! NavBars Styling   */
/* ================== */

ul li.firstmenuborder{
border-left:0;
}

.content {
padding: 0px 0px 0px 0px;
margin-top: 5px;
}

/*ul.nestedNavMenu,ul.nestedNavMenu ul {
margin:0;padding:0;

}
ul.nestedNavMenu{

width:90%;
list-style-type:none;
margin:0;
padding-left:6px;
}

ul.nestedNavMenu li {
margin-bottom:4px;
}

ul.nestedNavMenu li a{
font-family:Arial;
font-size:75%;
color:#000000;
font-weight:bold;
text-decoration:none;
}

ul.nestedNavMenu li ul {
list-style-type:none;
padding:0 0 3px 0;
margin:6px 0 0 0;
font-size:small;
color:#666666;
font-weight:normal;

}

ul.nestedNavMenu li ul li {
padding-left:15px;
background:url(http://images.uk-plc.net/templates/basda/images/navarrow.gif) 0% 5px no-repeat;

}


ul.nestedNavMenu li ul li a{

color:#3399FF;
font-weight:normal;
text-decoration:underline;

}

ul.nestedNavMenu li ul li a:hover{
color:#140958;
}

ul.nestedNavMenu li ul li a:active{
color:#140958;
}*/

/*
ul.nestedNavMenu li ul li ul{

padding-left:12px;
padding-right:5px;
}*/



.leftcol {
	width: 220px;
	float: left;
	overflow: hidden;
	margin: 5px 5px 5px 7px;
}

/* ======================== */
/* ! Small Module Styling   */
/* ======================== */



.nestedNavMenu { /* Used for anything other than, Newsletter, Basket and Testimonial sections in the left and right content areas */
	background: #eee;
	width: 215px;
	overflow: hidden;
	margin-bottom: 20px;
	border-bottom: 2px solid #ddd;
}

	.nestedNavMenu h2 {
		border-bottom: 1px solid red;
		font: 22px Garamond, 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
		padding: 5px;
		margin: 0 0 5px 5px;
	}

		.nestedNavMenu h2 a {
			color: black;
		}

			.nestedNavMenu h4 {
				font-size: .9em;
				font-weight: normal;
				color: black;
				padding: 0 0 0 5px;
				margin: 0;
			}

				.nestedNavMenu a {
					color: black;
					text-decoration: none;
				}

					.nestedNavMenu a:hover {
						color: red;
					}

						.nestedNavMenu input {
							height: 20px;
							width: 190px;
							margin: 0  0 8px 8px;
						}

							.nestedNavMenu textarea {
								font: 1.3em "Lucida Grande", Verdana, Arial, sans-serif;
								color: #666;
								width: 190px;
								margin: 0  0 8px 11px;
							}

								.nestedNavMenu p {
									font-size: .9em;
									padding: 0 0 10px 5px;
									margin: 0;
								}

/* ======================== */
/* ! Small Module Styling   */
/* ======================== */


.rightcol {
width: 710px;
	float: left;
	border-left: 1px solid #bbb5a4;
	padding-left: 9px;
	margin-bottom: 30px;
	overflow: hidden;
}

/* ================= */
/* ! Stage Section   */
/* ================= */

#stage { /* Main holding div for Stage element, adds extra 50px to the bottom of .screen for rollover tabs */
	background: white url(http://images.uk-plc.net/templates/ATUKPLC3/images/stage/stage_bg.jpg) no-repeat;
	position: relative;
	width: 710px;
	height: 238px;
	margin-bottom: 20px;
}

.screen { /* Overall style, width and height for holding element */
	position: absolute;
	overflow: hidden;
	width: 710px;
	height: 200px;
}

#screen1 { /* have the choice of adding background images to the div or directly in the HTML */
	background: white url(http://images.uk-plc.net/templates/ATUKPLC3/images/stage/img1.jpg) no-repeat;
}

	#screen2 {
		background: white url(http://images.uk-plc.net/templates/ATUKPLC3/images/stage/img2.jpg) no-repeat;
	}

		#screen3 {
			background: white url(http://images.uk-plc.net/templates/ATUKPLC3/images/stage/img3.jpg) no-repeat;
		}

			#screen4 {
				background: white url(http://images.uk-plc.net/templates/ATUKPLC3/images/stage/img4.jpg) no-repeat;
			}

				#screen5 {
					background: white url(http://images.uk-plc.net/templates/ATUKPLC3/images/stage/img5.jpg) no-repeat;
				}

#stage ul {
	padding: 0 0 0 30px;
	margin: 0;
	list-style: none;
}

	#stage li a {
		color: #666;
		display: block;
		text-decoration: none;
	}

		#stage li a:hover {
			color: red;
			display: block;
		}

.tab { /* Tab class has a small divider background image applied rather than the "li" element */
	background: url(http://images.uk-plc.net/templates/ATUKPLC3/images/stage/stageDivider.jpg) 0 3px no-repeat;
	margin-top: 200px;
	font-size: 14px;
	width: 210px;
	height: 35px;
	line-height: 36px;
	display: block;
	float: left;
	cursor: pointer;
	text-align: center;
}

	#tab1 { /* Much like the navbar, the first background image is removed from the first "li". Done this way due to the tabs having a default class and ID applied for Mootools script to work. Not as straight forward as the navBar li's */
		background: none;
	}
	
.stageContent {
	width: 130px;
	text-align: left;
	float: right;
	padding-right: 10px;
}

		.stageContent h2 {
			font: 22px Garamond, 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
			font-weight: normal;
			padding: 10px 0 0 0;
			margin: 0;
			color: black;
		}

			.stageContent a {
				font-size: .9em;
				color: red;
				display: block;
				text-decoration: none;
				font-style: italic;
				font-weight: bold;
				margin-top: 15px;
			}

/* ================= */
/* ! Stage Section   */
/* ================= */

/* ================ */
/* ! Large module   */
/* ================ */

.pageContent { /* Large modules are for textual content in the middle section of the three column layout */
	background: white url(http://images.uk-plc.net/templates/ATUKPLC3/images/atsymbol_bg.jpg) bottom right no-repeat;
	text-align: justify;
	color: #666;
	width: 710px;
	overflow: hidden;
	border-bottom: 1px solid #bbb5a4;
	margin-bottom: 10px;
}

	.pageContent h1 {
		border-bottom: 1px solid red;
		font: 22px Garamond, 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
		color: black;
		margin-left: 5px;
	}
	
		.pageContent h2 {
			font-size: 12px;
		}
		
			.pageContent h3 {
				font-size: 12px;
			}

				.pageContent p {
					padding: 0 5px 5px 5px;
					font-size: .9em;
				}
		
					.pageContent a {
						color: red;
						text-decoration: none;
					}

						.pageContent a:hover {
						color: black;
						text-decoration: none;
					}

/* ================ */
/* ! Large module   */
/* ================ */


/* ============================= */
/* ! Footer Section and styles   */
/* ============================= */

#footer {
	background: black url(http://images.uk-plc.net/templates/ATUKPLC3/images/footer_bg.jpg) repeat-x;
	border-top: 4px solid #666;
	text-align: left;
	font-size: 9px;
	position: relative;
	color: #f6f2e7;
	width: 960px;
	overflow: auto;
	margin: 0 auto;
	padding: 5px 0 0px 0;
}

	#footer p {
		margin-left: 15px;
	}
	
		#footer a {
			color: white;
			text-decoration: none;
		}
		
			#footer a:hover {
				color: red;
			}
			
#footer .middle{
width:100%;
border-top:1px #999999 solid;
color:#FFFFFF;
}

	#footer div.middle ul{
		float:left;
		width:auto;
		color:#FFFFFF;
		line-height:16px;
		padding: 2px 0px 2px 10px;
		list-style:none;

    }
	
	#footer div.middle ul li{ 
	padding-right:7px;
	padding-left:7px;
	border-right:1px #999 solid;
	display:inline;
	}

			
#copyRight {
	clear: both;
	margin: 0 auto;
	padding: 5px 0 0 0;
	width: 960px;
	font-size: 8px;
	text-align: left;
	padding-left: 20px;
	color: black;
}

#copyRight a {
	color: black;
	text-decoration: none;
}

#copyRight a:hover {
	color: red;
}

/* ============================= */
/* ! Footer Section and styles   */
/* ============================= */

/* ================================= */
/* ! Classes for Repeated Elements   */
/* ================================= */

/* ================================= */
/* !Start For Index page   */
/* ================================= */
ul.defaultList ul.indexpage {
font-size:15px;
color:#000000;
list-style:inside square;
}

ul.defaultList ul.indexpage a{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:15px;
color:#000000;
font-weight:normal;
text-decoration:none;
}

ul.defaultList .indexpage a:hover{
color:#FF0000;}
/* ================================= */
/* ! End For Index page   */
/* ================================= */


ul.defaultList,ul.defaultList ul {
margin:0;padding:0;

}
ul.defaultList{

width:90%;
list-style-type:none;
margin:0;
padding-left:6px;
}

ul.defaultList li {
margin-top:4px;
margin-bottom:4px;
}

ul.defaultList li a{
font-family:Garamond,'Palatino Linotype','Book Antiqua',Palatino,serif;
font-size:22px;
color:#000000;
font-weight:normal;
text-decoration:none;
}

ul.defaultList li ul {
list-style-type:none;
padding:0 0 3px 0;
margin:6px 0 0 0;
font-size:small;
color:#666666;
font-weight:normal;
border-top:1px #FF0000 solid;
}

ul.defaultList li ul li {
padding-left:15px;
background:url(http://images.uk-plc.net/templates/ATUKPLC3/images/liDotted.gif) 0% 5px no-repeat;

}


ul.defaultList li ul li a{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-weight:bold;
text-decoration:none;
font-size:11px;

}

ul.defaultList li ul li a:hover{
color:#FF0000;
}

ul.defaultList li ul li a:active{
color:#FF0000;
}

ul.defaultList li ul li ul{
border-top:none;
}

ul.defaultList li ul li ul li a{
font-size:10px;
}
ul.defaultList li ul li ul li a:hover{
color:#FF0000;
}

			
.list li {
	font-size: 10px;
}

h4 {
	font-size: 12px;
}
						
.pdfDownload {
	margin-bottom: 10px;
	border: 1px solid #bbb;
}

	.pdfDownload td {
		background: #eee;
		padding: 5px;
	}

.moduleBtn { /* Button class used on any module sections within the page */
	float: left;
	margin: 0 0 10px 10px;
	cursor: pointer;
}

.calltos { /* Gives 20px margin to all call to action images used on pages */
	margin-bottom: 20px;
}

.clear { /* Always useful. probably won't use though */
	clear: both;
}

.italic {
	font-style: italic;
}

.directors {
	clear: both;
	padding-bottom: 5px;
}

.center {
	text-align: center;
}

.right {
	float: right;
	padding: 10px;
}

.left {
	float: left;
	padding: 10px;
}

.activeLink {
	color: red !important;
}

/* ================================= */
/* ! Classes for Repeated Elements   */
/* ================================= */

/* ======================= */
/* ! Zebra Table Styling   */
/* ======================= */

.zebra { /* Uses MooTools 1.2 to add fancy effects and styling to tables with the class "zebra" applied */
	margin-bottom: 30px;
	width: 100%;
}

.zebra th {
	width: 130px;
	padding: 5px;
	background: #ddd;
	text-align: left;
	font-weight: bold;
	color: black;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.zebra td {
	text-align: left;
	padding: 5px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.odd {
	background: #eee;
	color: black;
}
.name{
	font-weight:bold;
	color:#000;}

/* ======================= */
/* ! Zebra Table Styling   */
/* ======================= */


/* ====================================== */
/* ! Additional styles for all elements   */
/* ====================================== */

input:focus {
	background: lightyellow;
}

textarea:focus {
	background: lightyellow;
}

button {
	color: #5a2e42;
}

	button:hover {
		color: #ff9000;
	}

.bold { /* Class for applying font weight to stuff randomly */
	font-weight: bold;
	font-size: 13px;
}

/* ====================================== */
/* ! Additional styles for all elements   */
/* ====================================== */


/*Menu page trail*/
.trail {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #888888;
	margin-bottom: 6px;
}
.trail a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #888888;
}
/*Menu page category table */

.tblCatSubMenu {
	width:98%;
	border: 1px solid #CCCCCC;
	margin-top: 12px;
	border-collapse: collapse;

}

.tblCatSubMenuHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #888888;
	background-color: #EEEEEE;
}
.tblCatSubMenuCell {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #888888;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 2px;
	margin: 0px;
}

.tblCatSubMenuCell a {
	color: #888888;
}

/*Menu page product table */

.tblCatProduct {
	width:98%;
	border: 1px solid #CCCCCC;
	margin-top: 12px;
	border-collapse: collapse;
}
.tblCatProductHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #888888;
	background-color: #DDDDDD;
	font-weight: bold;
}
.tblCatProductCell {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #888888;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 3px;
}

.tblCatProductCell a {
	color: #888888;
}


/*list page table */

.listTable {
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	width:98%;
}

.listTableHeader {
	background-color: #CCCCCC;
	font-weight: bold;
	color: #888888;
}

.listTableRow {
	background-color: #FFFFFF;
}

.listTableRow td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #888888;
	padding: 2px;
	margin: 0px;
	border: 1px solid #CCCCCC;
}
.listTableRow td a {
	color: #888888;
}




/*product page table */

.productTable {
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	margin-top: 12px;
	width:98%;
	clear:right;
}

.productTableHeader {
	background-color: #DDDDDD;
	font-weight: bold;
	color: #888888;
}

.productTableSubHeader {
	background-color: #EEEEEE;
	color: #888888;
}
.productTableSubHeader td {
	background-color: #EEEEEE;
	padding: 2px;
	margin: 0px;
	border: 1px solid #CCCCCC;
}
.productTableSubHeader td A {
	color: #888888;
}

.productTableRow td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #888888;
	background-color: #FFFFFF;
	padding: 2px;
	/*margin: 0px;*/
	border: 1px solid #CCCCCC;
	line-height: 1.2;
}


.productImage
{
float:right;
margin: 0px 0px 5px 5px;
}

.productCell td form input {
	border: 1px solid #645F5F;
}


/*search results*/

.searchTableContainer {
	width:98%;
}

.searchResultsTable {
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	margin-top: 12px;
	width:98%;
}

.searchResultsSubheader {
	background-color: #EEEEEE;
	color: #888888;
	padding: 2px;
	margin: 0px;
	border: 1px solid #CCCCCC;
}
.searchResultsRow {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #888888;
	background-color: #FFFFFF;
	padding: 2px;
	margin: 0px;
	border: 1px solid #CCCCCC;
	line-height: 1.2;
}
.searchResultsRow a {
	color: #888888;
}
.searchResultsRow a:visited {
	color: #6C6A5D;
}
.searchResultsFooter {
	background-color: #EEEEEE;
	color: #888888;
	padding: 2px;
	margin: 0px;
	border: 1px solid #CCCCCC;
}


.contactCell
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #888888;
	background-color: #FFFFFF;
	line-height:1.2;
}
.contactCell a {
	color: #888888;
}
	
.pageTopBorder {
	background-color: #EEEEEE;
	width: 779px; 
	margin: 10px auto 0px auto;
	padding: 0px;
	overflow: hidden;
}

.pageBottomBorder {
	background-color: #EEEEEE;
	width: 779px; 
	margin: 0px auto 0px auto;
	padding: 0px;
	overflow: hidden;
}

.tblProdSearch {
	margin-left:10px;
	margin-right:10px;
	padding: 0px;
	border:solid 1px #CCCCCC;
}

.tblProdSearchHeader {
	text-align: center;
	border:solid 1px #CCCCCC;
	border-left:0;
	background-color:#EEEEEE;
	font-weight: bold;
}

.tblProdSearchCell {
	text-align: center;
	border:solid 1px #CCCCCC;
	border-top:0;
	border-left:0;
}



.ukplcAssets {
  clear:right;
  border:1px solid #cfcfcf;
  padding:3px;
  background-color: #efefef;
  margin:3px 0px 3px 0px;
  width:96%;
  font-size:80%;
    position:relative;
}

.ukplcAssets .assetItemFirst {
	width:100%;
	overflow:hidden;
}
.ukplcAssets .assetItem {
  width:100%;
  border-top:1px solid #cfcfcf;
  padding:2px;
  overflow:hidden;
}

.ukplcAssets .assetTitle {
  float:left;
  padding-right:12px;
  width:58%;
}
.ukplcAssets .assetLinkText {
  margin-left:60%;
  width:38%;
}


.ukplcAssets .assetClear {


}
.ukplcAssets .assetItemFirst {
  border-top:0px;
    padding:2px;
}

.ukplcAssets .assetLinkImageURL {
  display:none;
}

.ukplcAssets .assetSize {
  display:none;
}






/*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: medium;
	font-weight: bold;
	color: #FFFFFF;
}
.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;
}



/*NEWS STYLES*/
#newsNavWrapper { width:30%; background-color:#FFFFFF; float:right; border:0px solid #D5D5D5; font-size:x-small; margin-left:0px;}
.tWrapper-news {overflow:hidden; margin-bottom:0;}
.tl-news {background:url(http://images.uk-plc.net/templates/basda/images/topleftnews.gif) 0 0 no-repeat; padding-left:7px; margin-bottom:0;}
.tr-news {background:url(http://images.uk-plc.net/templates/basda/images/toprightnews.gif) 100% 0 no-repeat; padding-right:6px; margin-bottom:0;}
.t-news  {background:url(http://images.uk-plc.net/templates/basda/images/topmidnews.gif) 0 0 repeat-x; height:8px; font-size:7px;}
.l-news  {background:url(http://images.uk-plc.net/templates/basda/images/midleftnews.gif) #F4f4f4 0 0 repeat-y;  margin:0px; padding:0; overflow:hidden;}

.r-news  {background:url(http://images.uk-plc.net/templates/basda/images/midrightnews.gif) 100% 0 repeat-y;margin:0px; padding:0; overflow:hidden; }
.bWrapper-news {  margin:0; }
.bl-news {background:url(http://images.uk-plc.net/templates/basda/images/bottomleftnews.gif) 0 0 no-repeat;   margin:0; padding:0 0 0 7px;}
.br-news {background:url(http://images.uk-plc.net/templates/basda/images/bottomrightnews.gif) 100% 0 no-repeat;    padding:0 6px 0 0; }
.b-news  {background:url(http://images.uk-plc.net/templates/basda/images/bottommidnews.gif) 0 0 repeat-x; height:8px; padding:0; }

#newsNavWrapperIndexOnly {width:100%;float:none;}
#newsNavWrapperIndexOnly div.tWrapper-news {display:none;}
#newsNavWrapperIndexOnly div.bWrapper-news {display:none;}
#newsNavWrapperIndexOnly div.l-news {background:none;}
#newsNavWrapperIndexOnly div.r-news {background:none;}

#NewsIndexLink a { margin-bottom:6px; margin-left:6px; text-transform:uppercase; text-decoration:none;color: #3399ff;}

#newsNav ul { margin:6px 6px 6px 6px; padding:0; list-style-type:none;}
#newsNav ul li { margin-bottom:8px;}

#newsNav a,#newsNav a:link {color: #3399ff; text-decoration:none; font-weight:bold;}
#newsNav a:visited {	color: #3399ff;}
#newsNav a:hover,#newsNav a:active {	color:#140958;text-decoration:underline;}
#NewsNextLink a {font-weight:normal;}
#newsNav .newsDate {font-weight:bold; }
#newsNav ul li a,#newsNav ul li a:link {font-weight:normal}

#newsDate{ font-size:90%; margin-bottom:12px; border-bottom:1px dotted #CCCCCC; padding-bottom:2px; width:65%;}
#newsDateHeader{ font-weight:normal;display:inline;}

#newsNavWrapperIndexOnly #newsNav .newsDate {font-size:x-small;}
#newsNavWrapperIndexOnly #newsNav ul {margin-top:16px;}
#newsNavWrapperIndexOnly #newsNav ul li a {text-decoration:underline;}
#newsNavWrapperIndexOnly #newsNav ul li {margin-bottom:12px;}

#preNewsLinks,#postNewsLinks,#NewsPageNo,#NewsNextLink,#newsIndexLink{ display:inline; padding-right:4px; margin-left:3px; }
#postNewsIndexLink {display:block;}

#newsIndexLink {display:block;}

#postNewsLinks { display:block; padding:3px; text-align:center; border-top:1px dotted #CCCCCC; }


.footer {text-align:center;color:#AAAAAA; font-size:60%; margin-top:20px; }
.footer a, .footer a:hover, .footer a:visited, .footer a:active {color:#AAAAAA;}


/*misc content styles*/
ul.contentList { list-style-type:none;margin:0;padding:0;}
ul.contentList li { background: url(http://images.uk-plc.net/templates/basda/images/navarrow.gif) 0% 50% no-repeat; padding-left:12px;}

.contentBox {float:left; width:45%; margin-right:5px; padding:3px; border:1px solid #d5d5d5;}
.contentBoxHeader {background-color:#efefef; padding:6px 2px 2px 2px; font-weight:bold;}

a.basdaLink {  border:0; background:url(http://images.uk-plc.net/templates/basda/images/alinkbgright.gif) 100% 50% no-repeat;height:29px; line-height:29px; font-size:110%;}
a.basdaLink span { display:block;float:left;margin-right:14px; padding-left:14px; padding-right:3px; border:0; background:url(http://images.uk-plc.net/templates/basda/images/alinkbgleft.gif);height:29px; line-height:29px;}
a.basdaLink,a.basdaLink:link {color:#2e5b9e; text-decoration:none;}
a.basdaLink:visited{color:#4878c0;}
a.basdaLink:hover{ text-decoration:underline;}
a.basdaLink:active{}

/*HOMEPAGE Styles*/

.leftcolumn {
margin-top:5px;
margin-left:-12px;
margin-right:13px;
min-width:300px;
width:63%;
float:left;

}

.leftcolumn .imagequote {
width:100%;
margin-bottom:15px;
margin-right:10px;
float:left;
}

.leftcolumn  .leftimage {
width:60%;
background-color:#FFFFFF;
float:left;
}

.leftcolumn .quotes {
width:38%;
float:right;
}


.leftcolumn .righttext {
width:38%;
float:left;
margin-left:5px;
margin-bottom:15px;
vertical-align:top;
}

.leftcolumn .midimage {
margin-top:10px;
clear:left;
margin-right:10px;
}



.leftcolumn .midimage .padding{
margin-left:5px;
margin-right:5px;

}
.leftcolumn .bottomimages {
margin-top:15px;
margin-left:2px;
width:99%;
float:left;

}


.leftcolumn .bottomimages .img{
}

.leftcolumn .bottomimages .image1{
width:31%;
height:250px;
margin-left:0px;
margin-right:15px;
float:left;

}

.leftcolumn .bottomimages .image2{
width:31%;
margin-right:15px;
height:250px;
float:left;
}

.leftcolumn .bottomimages .image3{
width:31%;
height:250px;
float:left;
}

.leftcolumn .bottomimages .about{
margin-top:10px;padding:5px;
}
.leftcolumn .bottomimages .info{
margin-top:10px;padding:5px;
}
.leftcolumn .bottomimages .another{
margin-top:10px;padding:5px;
}

.leftcolumn .bottomimages .about a{
color:#3399FF; text-decoration:underline;
font-size:90%;
}
.leftcolumn .bottomimages .info a{
color:#3399FF; text-decoration:underline;
font-size:90%;
}
.leftcolumn .bottomimages .another a{
color:#3399FF; text-decoration:underline;
font-size:90%;
}

.searchbox {
text-align:center;
min-width:25%;
margin-right:-13px;
padding-top:1px;
width:37%;
float:right;
}
.searchbox .input {
	vertical-align:middle;
	height:15px;
	background:#CCCCCC;
	border:1px solid #000066;
	padding:0;
	margin-top:1px;
	margin-left:45px;
	margin-right:10px;
	float:left;
	}
	
.searchbox .submit{
vertical-align:middle;
  	color:#FFFFFF;
	font-size:11px;
	background:#000066;
	border:1px solid #ffffff;
	padding:0;
	margin:0;
	float:left;
	}
	
.searchbox p{
font-size:0px;
	}
.rightcolumn {
margin-top:5px;
min-width:25%;
margin-right:-13px;
width:37%;
float:right;
}

.rightcolumn .heading {
margin-left:10px;
margin-right:10px;
color:#140958;
font-size:medium;
font-weight:bold;
}


.rightcolumn .text {
margin-top:20px;
margin-left:20px;
margin-right:20px;

}
.rightcolumn .text ul{
list-style-position:outside;

}
.rightcolumn .text li{
text-indent:0px;

}
.rightcolumn .SIGhead{
margin-top:20px;
margin-left:10px;
margin-right:10px;
padding:10px;
font-size:medium;
font-weight:bold;
background-color:#140958;
color:#FFFFFF;
}
.rightcolumn .SIGtext {
margin-left:10px;
margin-bottom:10px;
margin-right:10px;
padding-bottom:10px;
padding-left:22px;
padding-right:10px;
background-color:#140958;
color:#FFFFFF;
}

.rightcolumn .SIGhead a{color:#FFFFFF; text-decoration:none;}
.rightcolumn .SIGhead a:hover{color:#CCCCCC;}
.rightcolumn .SIGtext a{color:#FFFFFF; text-decoration:underline;}
.rightcolumn .SIGtext a:hover{color:#3399FF; text-decoration:underline;}

.rightcolumn .SIGtext ul{
list-style-position:outside;
}

.rightcolumn .SIGtext li{
text-indent:0px;
}
.rightcolumn .textbottom a {
color:#140958;
font-size:medium;
font-weight:bold;
text-decoration:none;
margin-right:5px;
}

.rightcolumn .textbottom a:hover {
color:#000000;
}
.headerquotes {font:Verdana; color:#000066;font-size:10px;}
.headerquotessigs{font:Verdana; font-weight:bold;font-size:10px;color:#3399ff;}
.headerquotessmall{font-size:10px;color:#000066;}

#iconRollovers{
position:absolute; 
margin:0; 
padding:10px 0 0 0; 
top:80px; 
left:0px; 
height:40px; 
width:100%; 
z-index:60; 
text-align: right; 
}

#iconRollovers ul {
white-space:nowrap; 
margin:0 7px 0 0; 
padding:0; 
list-style:none;
height:40px;
}

#iconRollovers li {
margin:0 3px 0 0; /*space them out*/
padding:0;
list-style:none;
float:right; /*keep them inline*/
display:block;	
width:25px; height:40px;
}

#iconRollovers li a {
display:block; /*for FF and IE6*/
}

#iconRollovers ul li.iconLogin {
width:54px; 
}


#iconRollovers ul li img {/*height:35px; width:22px;*/ 
border:0; 
}

span.codedirection { 
unicode-bidi:bidi-override; direction: rtl; 
}

