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

/* 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 */

/* DARKBLUE - LINKS:LINK:ACTIVE, FOOTER:LINK, PPV-FOOTER:LINK:ACTIVE */
/* GREEN - used for LINKS:VISITED, FOOTER:VISITED, PPV-FOOTER:VISITED */
/* BROWN - used for LINKS:HOVER, FOOTER:HOVER, PPV-FOOTER:HOVER */

/* GRAY - used for (ppv/search)COLUMNTWO(dividing line bgcolor), TABLE LINES */
/* SILVER - used for (ppv/search)COLUMNONE(bgcolor), (ppv/search)COLUMNTHREE(bgcolor), bgColorContent - NOTE; Please ensure that bgLeft, bgRight and bgBottom images are edited to match the color chosen for this class!! */

/* ORANGE - 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) */
/* YELLOW - 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: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:.75em;
	color:#444;
	margin:0;
	padding:0;
	background: url(../../images/background.gif) repeat-y top center;
}

h1 {
	font-size: 2em;
	font-weight: normal;
	color: #555555;
	margin: 0 0.5em 0.5em 0;
	letter-spacing : -1px;
}

h2 {
	font-size: 1.5em;
	font-weight: normal;
	color: #555555;
	margin: 0 0.5em 0.5em 0;
	letter-spacing : -1px;
}

h3 {
	font-size: 1.25em;
	font-weight: normal;
	color: #555555;
	margin-top: 0;
	margin-bottom: .1em;	
}

h6 {
	font-size: 1em;
	font-weight: normal;
	color: #555555;
	margin-top: 0;
	margin-bottom: .1em;
}

hr	{
	color: #555555;
	height: 1px;
}

/********** List items *************/
li {
	color: #444;
}

li.err-msg {
	font-weight: bold;
	color: RED;
}
/*used for form errors on Registration pages etc.*/

ul {
	list-style-type: circle;
}
/*list-style-image: url(../../images/stylesheets/list_icon.gif);*/

/*list image can be changed in the images folder or can be removed and list style type can 
be used (square, circle, disc).*/

/********** End List items *************/

.redtext {
	color: #F42A41;
}

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

a:active {
	color: #840026;
	text-decoration: underline;
}
a:link {
	color: #840026;
	text-decoration: underline;
}
a:visited {
	color: #555555;
	text-decoration: underline;
}
a:hover {
	color: #840026;
	text-decoration: none;
}
/*navigation links which are not footer links*/

a.subnav:active {
	font-size: .8em;
	font-weight: bold;
	color: #840026;
	text-decoration: none;
}
a.subnav:link {
	font-size: .8em;
	font-weight: bold;
	color: #840026;
	text-decoration: none;
}
a.subnav:visited  {
	font-size: .8em;
	font-weight: bold;
	color: #555555;
	text-decoration: none;
}
a.subnav:hover {
	font-size: .8em;
	font-weight: bold;
	color: #840026;
	text-decoration: none;
}
/*navigation links which are not footer end*/

/*smallinks - used in PPV*/

a.smalllink:active  {
	font-size: .95em;
	font-weight: bold;
	color: #840026;
	text-decoration: underline;
}

a.smalllink:link  {
	font-size: .95em;
	font-weight: bold;
	color: #840026;
	text-decoration: underline;
}
	
a.smalllink:visited  {
	font-size: .95em;
	font-weight: bold;
	color: #555555;
	text-decoration: underline;
}

a.smalllink:hover  {
	font-size: .95em;
	font-weight: bold;
	color: #840026;
	text-decoration: none;
}

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

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

/*********** Footer Links **********/

#footer a:active {
	font-size: .95em;
	color:#840026;
	text-decoration:none;
}

#footer a:link {
	font-size: .95em;
	color:#840026;
	text-decoration:underline;
}

#footer a:visited {
	font-size: .95em;
	color:#555555;
	text-decoration:underline;
}

#footer a:hover {
	font-size: .95em;
	color:#840026;
	text-decoration:none;
}

/*End Footer styles*/

/************ END LINKS ***************/



/************ TABLES ******************/

.tablelines {
}
/*color of the narrow line deviding up the table cells*/

.tabletitle {
	font-size: 1.25em;
	font-weight: bold;
	padding:0.25em;
	border-bottom: 1px solid #888;
}
/*Not on all tables, only present if table has an extra heading*/

.tablehead {
	padding:0.25em;
	font-weight: bold;
}
/*Contains headings of table rows or columns.*/

.tablebody {
	font-size: .9em;
	padding:0.25em;
}

.tabletotal {
	font-size: .9em;
	padding:0.25em;
	font-weight: bold;
}
/*Contains total, or highlighted areas.*/

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

/* styles to make round cornered boxes, can also be square depending on images used*/
.bgTop {
	font-size: 1.25em;
	font-weight: bold;
	border-bottom: 1px solid #888;
	padding-bottom: 5px;
}

.bgColorContent {
}

.cornerTopLeft {
}

.cornerTopRight {
}

.cornerBottomLeft {
}

.cornerBottomRight {
}

.bgLeft {
}

.bgRight {
}

.bgBottom {
}

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

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

/*************** END TABLES *******************/



/************** PLEASE ADD ANY SITE SPECIFIC STYLES BELOW ********************/


/***** Index page Styles ******/

#logo {
	float:left;
	margin: 10px 0 0px 13px !important;
	margin-left: 1%; /* Fix for IE */
	padding: 0;
}

#quotered {
	display: block;
	float:left;
	width: 567px;
	height: 144px;
	background: url(../../images/quotered.gif) no-repeat;
	text-indent: -9999px;
	margin: 10px 0px 0px 13px !important;
	margin-right: 1%; /* Fix for IE */
	padding: 0;
}

#hr1 {
	float:left;
	width: 716px;
	height: 5px;
	background: url(../../images/hr1.gif) no-repeat;
	margin: 0px 13px 13px 13px !important;
	margin: 0px 1% 0px 1%; /* Fix for IE */
	padding: 0;
}

#hr2 {
	float:left;
	width: 716px;
	height: 5px;
	background: url(../../images/hr2.gif) no-repeat;
	margin: 10px 13px 7px 13px !important;
	margin: 10px 1% 0 1%; /* Fix for IE */
	padding: 0;
}

#hr3 { /* Used to keep menu in place */
	float:left;
	width: 136px;
	height: 5px;
	background: url(../../images/hr3.gif) no-repeat;
	margin: 210px 0px 13px 0px !important;
	margin: 210px 0 3px 0; /* Fix for IE */
	padding: 0;
}

#utilityNav{
	float:left;
}


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

#welcome h1
{
    display: block;
    background: url( ../..../../images/home_h1.gif ) no-repeat top left;
    height: 0px !important;
    padding: 55px 0 0 0;
    overflow: hidden;
    margin: 0 0 0 6px;
}

#welcome h2
{
    display: none;
}

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

#iconMailaFriend {
	vertical-align : bottom;
}

#register {
	font-size:.9em;
	padding:10px;
}

#calcBox1 {
	font-size:.9em;
	padding:10px;
}

#promo {

}

#firmNews {

}

#firmNews th {
	display:none;
}

#businessNews {

}

#businessNews th {
	display:none;
}

.maroontext {
	color: #840026;
}

.greyBox254 {
	width: 254px;
	height: 315px;
	background: url(../../images/box254.gif) repeat-y top center;
	margin: 0;
	padding: 0;
	float:left;
	position: relative;
	left: 20px;
}

.greyBoxContent {
	margin: 0 11px 0 11px;
	padding: 0;
	position: relative;
	top/**/: 0px !important;
	font-size: 1.1em;
}

.greyBoxContent  h3 {
	font-weight:none;
	letter-spacing:-1px;
	padding: 5px 5px 0px 5px !important;
	padding: 3px 5px 0px 5px;
}

.greyBoxContent h3 a:link, .greyBoxContent h3 a:visited, .greyBoxContent h3 a:hover, .greyBoxContent h3 a:active {
	color: #840026;
}

.greyBoxContent a.show {
	color: #840026;
	padding: 0px 5px 0px 25px;
}

.greyBoxContent  p {
	padding: 0px 5px 0px 25px;
	margin-top: 12px;
	margin-bottom: 10px;
	font-size: 0.85em;
	line-height:1.2em
}

#greyBoxPara2 {
	float:left;
	position: relative;
	width:63%;
}

.greyBoxContent img {
	margin: 12px 0 0 0;
	border: 3px #555555 double;
}

.greyBox524 {
	width: 524px;
	height: 180px;
	background: url(../../images/box524.gif) no-repeat;
	margin: 0;
	padding: 0;
	float:left;
	position: relative;
	left: 20px;
}

.greyBoxContent524 {
	margin: 0 15px 0 15px;
	height: 180px
}

#greyBox1 {
	margin: 0 16px 0 0;	
	height: 315px;
}

#greyBox2 {
	height: 315px;	
}

#greyBox3 {
	padding-top:10px;
	height: 140px;
}

a:link.greyLink, a:visited.greyLink, a:active.greyLink {
	text-decoration: none;
	color: #555555;
}

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

/***** End Index Page Styles ******/


.clear {
	clear:both;
}

.left {
	float:left;
}

.right {
	float:right;
}

#printNews {
	margin:0 20px 20px 20px;
}

/*Start News Detail Styles*/
#newsOptions img {
	vertical-align:middle;
}
/*End News Detail Styles*/

/*Start Business News Page Styles*/

#businessNewsPage th {
	display:none;
}

#qbeTable th {
	display:none;
}
/*End Business News Page Styles*/

#contactsForm {
	margin:0 200px 0 0;
}




/*********** 2 column fixed **************/

#body {
	text-align:center;
}

#container {
	position:relative;
	width:742px;
	margin:0 auto;
	padding:0;
	text-align:left;
	background: url(../../images/contentbackground.gif) top no-repeat;
}

#header {
	height:176px;
	width:742px;
	margin: 0px;
	padding: 0px;
}

#searchBox {
	float:left;
}

#content {
	float: right;
	width:566px;
	margin: 0 12px 0 0 !important;
	margin: 0 5px 0 1%; /* Fix for IE */
	padding:0;
}

#nav {
	float:left;
	width:136px;
	margin: 0 0 0 13px !important;
	margin: 0 0 0 7px; /* Fix for IE */
	padding:0;
}

#footer {
	color: #535353;
	clear:both;
	padding: 20px 0 10px 0 !important;
	margin: 0;
	color:#840026;
	text-align:center;
	font-size:0.95em;
	width:742px;
}

#footer p {
	padding:0 12px
}

#utility {
	float:left
}

#copyright {
	float:right
}


/*********** End 2 column fixed ***********/

/*********** Extras ******************/


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

#ourservices_content {
	width:395px;
}

#ourservices_nav {
	float:right;
	width:158px;
	background:#E4E5E6 url( ../../images/osnav_bg.gif ) top left repeat-y;
	margin:0;
	padding:0 0 0 0;
}

#ourservices_nav div#os_top 
{
    height: 7px;
    font-size: 0px;
	background:#E4E5E6 url( ../../images/osnav_top.gif ) top left no-repeat;    
}

#ourservices_nav div#os_bottom 
{
    height: 7px;
	background:#E4E5E6 url( ../../images/osnav_bottom.gif ) bottom left no-repeat;    
}

#ourservices_nav ul{
	list-style-type:none;
	margin: 0 0 8px 10px;
	padding:0;
}

#ourservices_nav li {
	margin: 2px 0 3px 0;
	font-weight:bold
}

#ourservices_nav li li {
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:12px;
}

#left-col {
    float:left;
    width:425px}


#right-col {
    background-color:#E4E5E6;
    float:right;
    width:125px}
    
    #right-col ul {
        list-style-type:none;
        padding:5px;
        margin:0}
		
#register {display:none}