/*
 * Main stylesheet
 * Note all colour definitions can be found in the seperate "Colours.css", the actual filename
 * used for the "Colours.css" file can be overridden see WebSiteData.SetCssColoursFile() class in BasePageData.vb
 * The majority of these styles were inherited from the original .NET Bike site that was developed.
 */
body
{
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
}
/* 
 * Main container, defines the starting position for all content on the page and responsible
 * for ensuring header and content frames left-align correctly
 */
#container
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	left: 50px;
}

#frmMain
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	position:relative;
	padding:0 0 0 0;
	float:none;
	WIDTH: 640px;  
	margin:0;
}

#frmMain table.quoteForm, #frmMain table.formHeader {
	border-collapse:collapse;
	border:none;
	margin:0;
	padding:0;
	width:100% !important;
	width:99%;	/* IE */
}

#frmMain table.quoteForm input {
	display:inline;
}
#frmMain table.quoteForm div {
	display:inline;
	width:auto;
}
#frmMain table.quoteForm td {
	vertical-align:middle;
}
#frmMain table.quoteForm td.formInstruction {
	font-style:italic;
	padding:2px 0 2px 0;
}
#frmMain table.quoteForm td.formLabel {
	width:40%;
	height:28px;
}
#frmMain table.quoteForm td.formField {
	width:50%;
}
#frmMain table.quoteForm td.formHelp {
	width:10%;
}
#frmMain table.quoteForm td.formField input {
	display:inline;
}
#frmMain table.quoteForm td.formText 
{
	font-size:small;
	height:32px;
}
#frmMain table.quoteForm td.emphasis {
	padding:5px 0 5px 0;
	font-style:italic;
	font-weight:bolder;
}

#frmMain table.quoteForm td.formHelp img {
	display:inline;
}
#frmMain table.quoteForm, #frmMain table.formHeader, #frmMain table.ccFail {
	border-collapse:collapse;
	border:none;
	margin:0;
	padding:0;
	width:100% !important;
	width:99%;	/* IE */
	table-layout:fixed;
}
/* Sections */
div.hsBox {
	margin-bottom:2em;
	padding:0;
	margin-top:0;
	zoom:1;	/* fix rendering problems in IE. Do not remove */
}

div.sectionContent {
	padding:0;
	margin:0 0 1em 0;
}

div.sectionHeading {
    padding:2px 0 2px 5px;
}

div.sectionFooter {
	padding:4px 5px 2px 0;
	text-align: right;
	
}
div.sectionHeading h2 {
	display:inline;
	font-size: 11pt;
}

div.sectionContent {
	padding:5px 15px 5px 5px;
    margin:0;
}

#HeaderControl h1 {
	font-size: 16px;
	margin:0;
	padding:10px 0 4px 0;
}
#frmMain table.quoteForm td.addonText 
{
	font-size:medium;
}
#frmMain table.quoteForm td.addonLabel {
	width:40%;
}
#frmMain table.quoteForm td.addonField {
	width:50%;
}

/* defaultBody */
#defaultBody .hsBox 
{
	margin-bottom:2em;
	padding:0;
	margin-top:0;
	zoom:1;	/* fix rendering problems in IE. Do not remove */
	background-color:#9900FF;
}

#defaultBody .sectionContent {
	padding:0;
	margin:0 0 1em 0;
}

#defaultBody .sectionHeading {
    padding:2px 0 2px 5px;
}

#defaultBody .sectionFooter {
	padding:4px 5px 2px 0;
	text-align: right;
	
}

/* telebikesBody */
/*
P Bush
Date Modified: 29th May 2007
Comment:

BEGIN CHANGE
*/
#telebikesBody .hsBox 
{
	margin-bottom:2em;
	padding:0;
	margin-top:0;
	zoom:1;	/* fix rendering problems in IE. Do not remove */
	
}

#telebikesBody .sectionHeading
{
padding:2px 0 2px 5px;
background-color: #9c0f05;

}

#telebikesBody .sectionContent {
	padding:0;
	margin:0 0 1em 0;
	background-color:#ebd21d;
}


#telebikesBody .sectionFooter {
	padding:4px 5px 2px 0;
	text-align: right;
	background-color: #9c0f05;
	
}

#telebikesBody .ResultTable
{
	background-color: #d9af03;
	color: white;
}

#telebikesBody .RowOne
{
	background-color:  #9c0f05;
	color: white;
}

#telebikesBody .TableTelephoneNumber
{
	color:#9c0f05;
}


#telebikesBody .EnterDetails
{
	color:white;
}



/*

P Bush
Date Modified: 29th May 2007
Comment:Style added to BInsurance.aspx

BEGIN CHANGE
*/
#MotorInsuranceBody .BInsuranceQuote
{
border-right: #003333 thin solid;
border-top: #003333 thin solid; 
border-left: #003333 thin solid; 
border-bottom: #003333 thin solid;	
background-color:#7bc3fb;
}	

#MotorInsuranceBody .RowOne
{
background-color:  #3e448e;
	color: white;
	
}	


#MotorCyclesUnitedBody .BInsuranceQuote
{
border-right: #003333 thin solid;
border-top: #003333 thin solid; 
border-left: #003333 thin solid; 
border-bottom: #003333 thin solid;	
background-color:#a2a4a6;
}	

#MotorCyclesUnitedBody .RowOne
{
background-color: Black;
	color: white;
	
}	




#MotorCyclesUnitedBody .hsBox 
{
	margin-bottom:2em;
	padding:0;
	margin-top:0;
	zoom:1;	/* fix rendering problems in IE. Do not remove */
	
}

#MotorCyclesUnitedBody .sectionHeading
{
padding:2px 0 2px 5px;
background-color: black;
color: White;

}

#MotorCyclesUnitedBody .sectionContent {
	padding:0;
	margin:0 0 1em 0;
	background-color:white;
}


#MotorCyclesUnitedBody .sectionFooter {
	padding:4px 5px 2px 0;
	text-align: right;
	background-color: black;
   color : White;
	
}

#MotorInsuranceBody .hsBox 
{
	margin-bottom:2em;
	padding:0;
	margin-top:0;
	zoom:1;	/* fix rendering problems in IE. Do not remove */
	
}

#MotorInsuranceBody .sectionHeading
{
padding:2px 0 2px 5px;
background-color: #3e448e;
color: White;

}

#MotorInsuranceBody .sectionContent {
	padding:0;
	margin:0 0 1em 0;
	background-color:white;
}


#MotorInsuranceBody .sectionFooter {
	padding:4px 5px 2px 0;
	text-align: right;
	background-color: #3e448e;
   color : White;
	
}

/*END CHANGE*/


/* O800z start */

/* Using a numeric for the style id means the page elements cannot locate the style */
/* #8bc7dc : Pantone */

#OhEightHunZBody .BInsuranceQuote
{
    border-right: #003333 thin solid;
    border-top: #003333 thin solid; 
    border-left: #003333 thin solid; 
    border-bottom: #003333 thin solid;	
    background-color:#8bc7dc;
}

#OhEightHunZBody .RowOne
{
    background-color: white;
	color: white;
}

#OhEightHunZBody .hsBox 
{
	margin-bottom:2em;
	padding:0;
	margin-top:0;
	zoom:1;	/* fix rendering problems in IE. Do not remove */	
}

#OhEightHunZBody .sectionHeading
{
    padding:2px 0 2px 5px;
    background-color: #8bc7dc;
    color: White;
}


#OhEightHunZBody .sectionContent 
{
	padding:0;
	margin:0 0 1em 0;
	background-color:white;
}


#OhEightHunZBody .sectionFooter 
{
    padding:4px 5px 2px 0;
    text-align: right;
    background-color: #8bc7dc;
    color : White;	
}

#OhEightHunZBody .EnterDetails
{
    background-color :#8bc7dc;    
}

/* 0800z end */


#HeroBody .BInsuranceQuote
{
border-right: #003333 thin solid;
border-top: #003333 thin solid; 
border-left: #003333 thin solid; 
border-bottom: #003333 thin solid;	
background-color:#orange;
}	

#HeroBody .RowOne
{
background-color: white;
	color: white;
	
}	




#HeroBody .hsBox 
{
	margin-bottom:2em;
	padding:0;
	margin-top:0;
	zoom:1;	/* fix rendering problems in IE. Do not remove */
	
}

#HeroBody .sectionHeading
{
padding:2px 0 2px 5px;
background-color: orange;
color: White;

}

#HeroBody .sectionContent {
	padding:0;
	margin:0 0 1em 0;
	background-color:white;
}


#HeroBody .sectionFooter {
	padding:4px 5px 2px 0;
	text-align: right;
	background-color: orange;
   color : White;
	
}