* 
{
	margin-left: 0;
	margin-top: 0;
}

/* SECTION BELOW DEALS WITH THE DIVS THAT MAKE UP THE BODY OF THE WEB PAGE */
body 
{
	height: 750px;
	border: none;
	text-align: center;
}

h1
{
	font-family: Arial;
	color: #074FA2;
	font-size: 24px;
}

h2
{
	font-family: Arial;
	color: #074FA2;
	font-size: 18px;
}

div#container
{
	width: 1000px !important;
	height: 750px;
	background-color: Transparent;
	border: none; /* was solid 1px #AEB6DC; /* pale powder-blue */
}

div#header
{
	float: left;
	width: 1000px;
	height: 98px;
	border-bottom: 1px solid #074FA2;
	background-color: transparent;
	background-image: url('../images/logo.gif'); background-repeat: no-repeat; background-position: 308px 10px;
}

div#menu
{
	float: left;
	width: 198px;
	border-right: 1px solid #074FA2;
	height: 590px;
	background-color: Transparent;
}

div#bodyContent
{
	float: left;
	width: 800px;
	height: 550px;
	background-color: Transparent;
	padding: 10px;
}

div#pageContent
{	
	position:relative;
	left: 0px; 
	top: 0px;
	float: left;
	width: 780px;
	height: 580px;
	background-color: Transparent; /*#DFDFEF; /* to be reset to 'Transparent' after work is complete */
	padding: 10px 10px 0px 10px;
}

div#topFooter
{
	position: relative;
	float: left;
	width: 1000px;
	height: 0px;
	background-color: Transparent;
}

div#bottomFooter
{
	float: left;
	width: 1000px;
	height: 45px; 
	background-color: #92DB00;
	text-align: center;
	font-family: Arial;
	font-size: 12px;
	color: #FFFFFF;
	padding-top: 5px;
	border: none;
}

div#bottomFooter.IE6
{
	margin-top: -19px;
}

/* special styles for the bottom of the Contact page */
/* Note capital B in "Bottom" here and below */

div#BottomFooter
{
	float: left;
	height: 45px; 
	background-color: #92DB00;
	text-align: center;
	font-family: Arial;
	font-size: 12px;
	color: #FFFFFF;
	padding-top: 5px;
	border: none;
	position: relative; 
	left: -211px; 	
	width: 1002px;
}
div#BottomFooter.ContactBottomFooterIE6 
{ 
	top: -33px; 
}

div#BottomFooter.ContactBottomFooterFirefox
{
	top: -4px; 
}

div#BottomFooter.ContactBottomFooterExplorer
{
	top: -7px; 
}

/* END OF SECTION */

div#pageContent p, div#pageContent ul li
{
	 font-family: Arial;
	 font-size: 14px;
	 color: #074FA2; /* French Blue */
	 padding-left: 20px;
	 padding-right: 10px;
	 text-align: justify;
}

div#pageContent p.Green
{
	color: #92DB00;
}

div#pageContent ul li /* this code needed to compress some pages' text to fit page e.g. personal -> cars */ 
{
	margin-top: -1px;
	margin-bottom: -1px;
}

div#menu table tr td
{
	 text-align: left;
	 height: 70px;
}

div#menu table tr td a, div#pageContent table tr td a
{
	 font-family: Arial Rounded MT Bold;
	 font-size: 18px;
	 text-decoration: none;
	 color: #808080; /* was pale powder-blue, now a darker grey */
}

div#pageContent table tr td /* this is affecting the table in the "Other" insurance page */
{
	 font-family: Arial Rounded MT Bold;
	 font-size: 14px;
	 text-decoration: none;
	 color: #074FA2; /* pantone Blue 072 */	
}

div#pageContent table tr td a
{
	font-size: 14px;
}

table.OtherTable
{
	margin-left: 15px;
	font-family: Arial;
}

div#pageContent table.OtherTable tr td.Bordered
{
	padding: 10px;
	border: solid blue 1px;
}

div#menu table tr td a img, div#pageContent table tr td a img
{
	 border-style: none;
}
div#menu table tr td a:hover, div#pageContent table tr td a:hover
{
	color: #074FA2; /* pantone blue 072 */
}

/* highlight the SELECTED left hand menu option */
div#menu.Home a#Home, 
div#menu.AboutUs a#AboutUs,
div#menu.Personal a#Personal,
div#menu.Commercial a#Commercial,
div#menu.FAQs a#FAQs,
div#menu.Links a#Links,
div#menu.Contact a#Contact
{
	color: #074FA2; /* French Blue */
}

/* highlight the selected Personal Insurance top menu option */
div#pageContent.Car table tr td a#Car,
div#pageContent.Motorcycle table tr td a#Motorcycle,
div#pageContent.Van table tr td a#Van,
div#pageContent.Household table tr td a#Household,
div#pageContent.Travel table tr td a#Travel,
div#pageContent.Other table tr td a#Other
{
	color: #074FA2; /* pantone Blue 072 */	
}

/* stuff to do with the horizontal menu in the "Commercial" section */
table#Commercial
{
	width: 720px;
	border: none;
	font-family: Arial;
}
/* ensure that the table is balanced and cell sizes are equal */
table#Commercial tr td
{
	width: 120px;
	border: none; /* solid red 1px;*/
}

table#LinkTable
{
	width: 600px; 
	border: none;
}
table#LinkTable tr td 
{
	width: 300px;
	vertical-align: top;
	text-align: center;
	height: 40px !important;
}
table#LinkTable tr td p
{
	width: 300px;
	text-align: center;
	font-family: Arial;
	font-size: 11px;
	color: Red;
}

/* highlight the chosen Commercial top menu option text */
div#pageContent.Fleet table tr td a#Fleet,
div#pageContent.MotorTrade table tr td a#MotorTrade,
div#pageContent.Contractors table tr td a#Contractors,
div#pageContent.Liability table tr td a#Liability,
div#pageContent.Shops table tr td a#Shops,
div#pageContent.Hotel table tr td a#Hotel,
div#pageContent.Manufacturing table tr td a#Manufacturing,
div#pageContent.Wholesalers table tr td a#Wholesalers,
div#pageContent.Restaurants table tr td a#Restaurants,
div#pageContent.Residential table tr td a#Residential,
div#pageContent.Leisure table tr td a#Leisure

{
	/*font-weight: bold; */
	color: #074FA2; /* French Blue */
}

/* SPECIFIC PAGES - "OTHER" */
/* small page to page navigation menu/bar for "Other" */
div#pageContent p#Other /* set position */
{
	position: absolute; 
	top: 570px;
	left: 630px;
}
div#pageContent p#Other a
{
	font-size: 16px;
	color: #909090; /*#AEB6DC; /* normal text colour: light grey */
}
div#pageContent p#Other a:hover
{
	color: #074FA2; /* French Blue */
}
/* make selected link bold */
div#pageContent p#Other.other1 a#other1,
div#pageContent p#Other.other2 a#other2,
div#pageContent p#Other.other3 a#other3,
div#pageContent p#Other.other4 a#other4,
div#pageContent p#Other.other5 a#other5,
div#pageContent p#Other.other6 a#other6,
div#pageContent p#Other.other7 a#other7
{
	color: #074FA2; /* French Blue */
	font-weight: bold;
}

/* BELOW: various tags used throughout */

/* various styles to be applied to the text within the pages. These classes can be combined */

label
{
	font-family: Arial;
	font-size: 18px;
}

span.bold
{
	font-weight: bold;
}

span.black
{
	color: #000000;
}

span.header
{
	font-size: 18px;
}

span.underline
{	
	text-decoration: underline;
}

/* FAQ Stuff */

ul.faqIE6 li
{
	list-style-type: none;
	margin-left: 20px;
}

ul.subFaqIE6 li
{
	font-size: 13px !important;
	margin-left: 55px;
}

ul.faqExplorer li
{
	list-style-type: none;
	margin-left: 10px;
}

ul.faqFirefox li
{
	list-style-type: none;
	margin-left: -25px;
}

ul.subFaqExplorer li
{
	font-size: 13px;
	margin-left: 50px;
}

ul.subFaqFirefox li
{
	font-size: 13px;
	margin-left: 10px;
}
/*
ul.personal li 
{
	margin-left: 35px;
}
*/
ul.commercial li
{
	margin-left: 35px;
}

div.QuestionDiv, div.QuestionDivIE6 
{
	border: none;
	text-align: justify;
}
/* tweak the text in the answers */
div.QuestionDiv p, div.QuestionDiv ul li
{
	/*font-style: oblique;*/
}
/* as above but for IE6 as 14px pushes div down too far..? */
div.QuestionDivIE6 p
{
	font-size: 12px !important;
}

a.faqHeader
{
	color: #808080; /* mid to light grey */
}
a.faqHeader:hover
{
	color: #074FA2;
}
a.faq
{
	color: #92DB00;
	text-decoration: none;
}
a.faq:hover
{
	color:#074FA2;
}

/* enquiry forms &c. */

table#Enquiry tr td
{
	text-align: left;
}