/****************** Import menu stylesheet **********************/

@import url(layout.css);
@import url(menu.css );
@import url(shared.css );
@import url(form.css );
@import url(common.css);
@import url(inktomi.css );
@import url(ppv.css); /*amend if site with coloured background */

/****************** End Import Menu Stylesheet *****************/

/* Search and replace the following colors ON ALL OF THE ABOVE CSS */

/* BLACK - used for BODY, P, TD, LI, FOOTER TEXT, FORMS */
/* PURPLE - used for TITLE, H1-H6, TABLE SUB HEADINGS, HR */

/* #75B4E3 - LINK:ACTIVE, FOOTER:LINK, PPV-FOOTER:LINK:ACTIVE */
/* #75B4E3 - used for LINKS:VISITED, FOOTER:VISITED, PPV-FOOTER:VISITED */
/* #75B4E3 - used for LINKS:HOVER, FOOTER:HOVER, PPV-FOOTER:HOVER */

/* #FFFFFF - used for (ppv/search)COLUMNONE(bgcolor), TABLELINES, (ppv/search)COLUMNTHREE(bgcolor), bgColorContent - NOTE; Please ensure that bgLeft, bgRight and bgBottom images are edited to match the color chosen for this class!! */

/* #FFF - used for (ppv/search)COL-1-MAINTITLE BGCOLOR, (ppv/search)COL-3-MAINTITLE BGCOLOR, (ppv/search)COL-1-SUBTITLE BGCOLOR, (ppv/search)COL-3-SUBTITLE BGCOLOR, BUTTON(all colors) */
/* #34698F - used for (ppv/search)COL-1-MAINTITLE FONT, BGTOP, (ppv/search)COL-3-MAINTITLE FONT, (ppv/search)COL-1-SUBTITLE FONT, (ppv/search)COL-3-SUBTITLE FONT, BUTTON FONT */



body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
	font-size:.75em;
	color:#686868;
	margin:0;
}

h1, h2, h3, h6 {
	font-weight: bold;
	color: #34698F;
	margin: 0.5em 0;
}

h1 { font-size: 1.45em; }
h2 { font-size: 1.25em; }
h3 { font-size: 1.1em; }
h6 { font-size: 1em; }

hr	{
	color: PURPLE;
	height: 1px;
}


/********** LIST ITEMS *************/

ul {
	list-style-image: url(../../images/list-icon.gif)
}

li { 
	color: #9E9D9D; 
}

li.err-msg {
	font-weight: bold;
	color: RED;
}

.redtext { 
	color: #F42A41; 
}


/************* LINKS **************/

a img { 
	border: none; 
}

a {
	color: #75B4E3;
	text-decoration: underline;
}

a:visited {
	color: #75B4E3;
}

a:hover {
	color: #75B4E3;
	text-decoration: none;
}

/*navigation links which are not footer links*/

a.subnav {
	font-size: .8em;
	font-weight: bold;
	text-decoration: none;
}

a.subnav:hover {
	text-decoration: underline;
	}

/*smallinks - used in PPV*/

a.smalllink  {
	font-size: .95em;
	font-weight: bold;
}

.smalltext {
	font-size: .95em;
	color: BLACK;
}

.smalltextbold {
	font-size: .95em;
	font-weight: bold;
	color: BLACK;
}

/* Footer Links */

#footer a {	
	font-size: .95em; 
}


/***** INDEX PAGE STYLES ******/

#welcome {
}

#bullseye {
	background:url(../../images/bullseye.jpg) top left no-repeat;
	height:158px;
	width:573px;
	border: 1px solid #FFF;
}

#bullseye #more {
	position: absolute;
	Top: 240px;
	right: 60px;
	display: block;
	background:url(../../images/moreBeige.gif) top left no-repeat;
	width: 55px;
	height: 21px;
	float: right;
	margin: 0;
	}

h1#strapline {
	display: block;
	width: 370px;
    overflow: hidden;
    height: 0px !important;
    padding: 111px 0 0 0;
    background: url(../../images/strapline-home.gif ) no-repeat top left; 
    margin: 30px 0 0 185px;
    }


#businessNews {
}

#businessNews th { 
	display:none; 
}

.callout1 {
	float:left;
	width:180px;
	min-height:250px;
	margin:20px 5px;
	background:url(../../images/clientcare.jpg) top center no-repeat;
	
}

.callout1 p, .callout2 p, .callout3 p {
	margin-top:125px;
	margin-left:5px;
	min-height: 130px;
	line-height: 1.3em;
}

.callout2 {
	float:left;
	width:180px;
	min-height:250px;
	margin:20px 5px;
	background:url(../../images/paintpots.jpg) top center no-repeat;
}

.callout3 {
	float:left;
	width:180px;
	min-height:250px;
	margin:20px 5px;
	background:url(../../images/telephone.jpg) top center no-repeat;
}

.callout1 ul, .callout2 ul, .callout3 ul { /* Positions and styles the main nav list */
	width:131px;/* Keeps the nav vertical, remove if you want horizontal */
	padding:0;/* removes the indent */
	margin:0;/* removes the indent */
	list-style:none;/* removes the list style icon */
}

.callout1 li, .callout2 li, .callout3 li { /* all list items */
	float:left; /* needed for vertical navs to remove the 1px gap under the subMenu class. Also makes vertical list go horizontal */
	margin:0 0 0 60px !important;
	margin: 0 0 0 38px;
	padding:0;
	width:43px;/* for uneven navigation elements, remove these a put at bottom*/

}

.callout1 a.more, .callout2 a.more, .callout3 a.more { /* Styles main anchor/nav links */
	display:block; /* Makes the anchor behave like a button, hyperlinks an area rather than just the text */
	padding:19px 0 0 0;
	overflow:hidden;
	height:0px !important; 
	height /**/:19px; /* for IE5/Win only */
	text-decoration:none;
	margin:0;
}

a.more {
	background: url(../../images/more.gif) top left no-repeat;
}

a.more:hover, a.more:active, a.more:focus {
	background-position: 0 -19px;
}

/*********** OURSERVICES STYLES ******************/

#ourservices {
	padding:0;
	margin:0;
}

#ourservices_nav ul{
	margin:10px 0 0 20px;
	padding:0;
}

#ourservices_nav h3 {
	margin: 6px;
}

/*** PLEASE CHOOSE THE APPROPRIATE OUR SERVICES TEMPLATE FROM BELOW ***/

/*** 2 COL FIXED ***/

#ourservices_content {
	width:425px;
}

#ourservices_nav {
	float:right;
	width:165px;
	border-left: 1px solid #F6F4F0;
	padding-left:15px;
}

/************ TABLES SHARED CONTENT ******************/

.tablelines { 
	background-color: #EEECE7; 
}
/*color of the narrow line deviding up the table cells*/

/*Not on all tables, only present if table has an extra heading*/

.tablehead {
	font-size: 1em;
	font-weight: bold;
	background-color: #FFF; 
}
/*Contains headings of table rows or columns.*/

.tablebody {
	font-size: .9em;
	background-color: #FFF; 
	}

.tabletotal {
	font-size: .9em;
	font-weight: bold;
	background-color: #FFF; 
}
/*Contains total, or highlighted areas.*/

.tableSubHeading {
	font-weight: bold;
	color: #75B4E3;
}

/* styles to make round cornered boxes, can also be square depending on images used*/
.bgTop {
	background-image: url(/images/stylesheets/bg_top.gif);
	font-size: 1.25em;
	font-weight: bold;
	text-align:left;
	color: #34698F;
}

.bgColorContent {
	font-size: 1em;
	background-color: #FFFFFF;
}

.cornerTopLeft {
	background-image: url(/images/stylesheets/corner_top_lft.gif);
}

.cornerTopRight {
	background-image: url(/images/stylesheets/corner_top_rgt.gif);
}

.cornerBottomLeft {
	background-image: url(/images/stylesheets/corner_bottom_lft.gif);
}

.cornerBottomRight {
	background-image: url(/images/stylesheets/corner_bottom_rgt.gif);
}

.bgLeft {
	background-image: url(/images/stylesheets/bg_lft.gif);
}

.bgRight {
	background-image: url(/images/stylesheets/bg_rgt.gif);
}

.bgBottom {
	background-image: url(/images/stylesheets/bg_bottom.gif);
}

/* styles to make borders/dotted lines*/ 
.borderhorizontal {
	background-image: url(/images/stylesheets/borderhorizontal.gif);
}

.bordervertical {
	background-image: url(/images/stylesheets/bordervertical.gif);
}

/*Start Business News Page Styles*/

#businessNewsPage th {
	display:none;
}

#qbeTable th {
	display:none;
}

#push, #pushIndex {
	clear: both;
	width: 100%;
	height: 40px;
	display: block;
	}
	
#pushIndex {
	height: 100px;}

/*span {
	margin-left: -999px;
	}*/

.lightBlueBorder {
	border: 4px solid #76ABD2; }