/**************************************************************************************************/
/* -- START -- Styles created for Endsleigh.Products.Motor.Website -- */

/* Date added:	08/12/2006 */
/* Added by:	MORJ3 */
/**************************************************************************************************/

/*----------------------------------------- 	Elements 	---------------------------------------*/
/* Description: Horizontal Line used to break up pages */
/* Date & Websites: 08/12/2006 - Endsleigh.Products.Motor.Website */
hr
{
	color: #AEAEAE;
	background-color: #AEAEAE;
	height: 1px;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 5px;
	padding-top: 0px;
	border: 0;
}

/* Add margin for FF */
html > body hr {
	margin-top: 5px;
	margin-bottom: 10px;
}

/* Description:	Input Style for text boxes */
/* Date & Websites: 08/12/2006 - Endsleigh.Products.Motor.Website */
input.inputHighlight
{
  background-color: #FFFFFF;
  font-family: Arial;
  font-size: 1em;
}

/* Description:	Input Style used for input boxes within a summary box */
/* Date & Websites: 08/12/2006 - Endsleigh.Products.Motor.Website */
input.inputHighlightSummaryBox
{
  background-color: #FFFFFF;
  font-family: Arial;
  font-size: 1em;
  border-style:groove;
 }

/* Description:	Select Style for drop down lists */
/* Date & Websites: 08/12/2006 - Endsleigh.Products.Motor.Website */
select.selectHighlight
{
  background-color: #FFFFFF;
  font-family: Arial;
  font-size: 1em;
}

/* Description: Main Table Cell Styles */
/* Date & Websites: 08/12/2006 - Endsleigh.Products.Motor.Website */
td.mainColumn
{
  background-color:#FFFFFF;
  padding: 20px 20px 20px 10px;
  width: 560px;
  vertical-align: top;
}

td.mainColumnProgress
{
  background-color:#FFFFFF;
  padding: 0px 20px 0px 10px;
  width: 571px;
  vertical-align: top;
}

td.rightColumn
{
  background-color:#FFFFFF;
  padding: 20px 0px 20px 0px;
  width: 170px;
  vertical-align: top;
}

td.rightColumnProgress
{
  background-color:#FFFFFF;
  padding: 5px 0px 20px 0px;
  width: 170px;
  vertical-align: top;
}

/*----------------------------------------- 	Classes 	---------------------------------------*/
/* Description: Sets the display of an element that will slide into view.  */
/* Date & Websites: 13/09/2007 - Endsleigh.Products.Motor.Website */
.slidePanel 
{ 
  OVERFLOW: hidden; 
  display: none; 
  CLEAR: both; 
}

/* Description: Sets the display of an element that will slide into view.  */
/* Date & Websites: 13/09/2007 - Endsleigh.Products.Motor.Website */
.slideContent 
{ 
  display: none; 
}

/* Description: Sets the display of an element to inline and vertically aligns it */
/* Date & Websites: 15/05/2007 - Endsleigh.Products.Motor.Website */
.displayInlineVAlignMiddle {
  display: inline;
  vertical-align: middle;
}

/* Description: Sets the display of an element to none and vertically aligns it */
/* Date & Websites: 15/05/2007 - Endsleigh.Products.Motor.Website */
.displayNoneVAlignMiddle {
  display: none;
  vertical-align: middle;
}

/* Description: Sets the display of an element to none */
/* Date & Websites: 15/05/2007 - Endsleigh.Products.Motor.Website */
.displayNone {
  display: none;
}

/* Description: Style settings around agent images (e.g. the aggregator logo) */
/* Date & Websites: 08/12/2006 - Endsleigh.Products.Motor.Website */
.agentImage
{
  padding: 5px 0px 5px 0px;	
}


/* Description: Bold font */
/* Date & Websites: 13/12/2006 - Endsleigh.Products.Motor.Website */
.commonBold
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 1em;
}

/* Description: Used for any bit of text used as a heading or title of some sort */
/* Date & Websites: 08/12/2006 - Endsleigh.Products.Motor.Website */
.commonHeading, .commonHeadingAlternate
{
  vertical-align:top;
  color:#000033;	
}

/* Description: Just like common, just a bit smaller */
/* Date & Websites: 08/12/2006 - Endsleigh.Products.Motor.Website */
.commonSmall, .commonSmallAlternate
{
  font-size: 0.9em;
  vertical-align: top;
}

/* Description: Used for any text that displays help information in a different colour */
/* Date & Websites: 30/05/2007 - Endsleigh.Products.Motor.Website */
.commonHelpInfo
{
	display: inline;
	font-size: 1em;
	vertical-align: top;
	color: #999999;
}

/* Description: Floating Content */
/* Date & Websites: 08/12/2006 - Endsleigh.Products.Motor.Website */
.floatRight
{
	float: right;
	padding-left: 15px;
}

.floatLeft
{
	float: left;
}

.floatRightButtons {
	float: right;
	padding: 0;
	margin: 0;
}

/* Description: Used when displaying a message that includes the client's name/details */
/* Date & Websites: 08/12/2006 - Endsleigh.Products.Motor.Website */
.greeting 
{
  font-size: 1em;
  vertical-align:top;
  color:#000033;
}

/* Description: Padding around text e.g within summary box*/
/* Date & Websites: 08/12/2006 - Endsleigh.Products.Motor.Website */
.paddedText
{
  margin: 10px 10px 10px 10px;
}

/* Description:	Styles applied to the Endsleigh.Controls.Web.PopUp control */
/* Date & Websites: 13/12/2006 - Endsleigh.Products.Motor.Website & Endsleigh.PaymentNamespace.Website */
.popUp
{
  background-color: #FFFFFF;
  border: 3px solid #000066;
  padding: 10px;
}

/* Description:	Styles applied to the help pop ups. */
/* Date & Websites: 17/05/2007 - Endsleigh.Products.Motor.Website & Endsleigh.PaymentNamespace.Website */
.popUpHelp 
{
  display: none;
  background-color: #FFFFFF;
  border: 1px solid #000066;
  padding: 10px;
  z-index: 999;
  filter: alpha(opacity=0);
  opacity: 0;
}

/* Description:	Premium Display Style */
/* Date & Websites: 08/12/2006 - Endsleigh.Products.Motor.Website */
.pricePresentation
{
  background-color:#FF0000;	
  color:#FFFFFF;
  width: 100%;
  padding: 2px 2px 2px 2px;
  border: 0px;
  font-family: Arial;
  font-size: 11.5px;
  border: Solid 5px #FF0000;
  height: 100px;
}

/* Description:	"Contact Us" phone number style */
/* Date & Websites: 08/12/2006 - Endsleigh.Products.Motor.Website */
/* Date & Websites: 26/11/2006 - Endsleigh.Household.Web */
.smallPhoneNumber {
  font-size:11px;
  color:#000066;
  font-weight: bold;
  font-family: Verdana, Arial;
  vertical-align: top;
}

/* Description:	Solid header bar style */
/* Date & Websites: 18/05/2007 - Endsleigh.Products.Motor.Website.Quote */
.titleBar
{
	margin-top: 5px;
	padding: 4px 0 4px 4px;
	font-weight: bold;
	font-size: 1.1em;
	font-family: Arial, Verdana;
	width: 100%;
	color: #000066;
	background-color: #EAEAEA;
}

.title {
	font-family: Arial, Verdana;
	font-weight: bold;
	font-size: 1.1em;
	color: #000066;
	padding: 0;
	margin: 0 0 5px 0;
}

/* Description: Provides an alternate style for a title.  */
/* Date & Websites: 03/12/2007 - Endsleigh.Household.Web */
.titleAlternate
{
	font-family: Verdana, Arial;
	font-weight: 700;
	font-size: 1.0em;
	color:#3399CC;	
}

.titleLarge {
	font-family: Verdana, Arial;
	font-weight: bold;
	font-size: 1.1em;
	color: #000066;
	padding: 0;
	margin: 0 0 0px 0;
}

.progressBarContainer
{
	background-color: #FFFFFF;
	padding: 5px 0 0 0;
	margin: 0;
}

/* Description:	Styling for grouped input controls */
/* Date & Websites: 31/08/2007 - Endsleigh.Products.Motor.Website.Quote */
.inputSection {
	padding: 0;
	margin: 0;
}

/* Description:	Styles used by the Accidents, Thefts, Losses and Convictions page */
/* Date & Websites: 17/05/2007 - Endsleigh.Products.Motor.Website.Quote */
.titleBarSummary
{
	margin-top: 0;
	padding: 0;
	font-weight: bold;
	font-size: 1.1em;
	font-family: Arial, Verdana;
	width: 100%;
	color: #000066;
	background-color: #EAEAEA;
}

/* Description:	Style used for the content in pop ups */
/* Date & Websites: 05/06/2007 - Endsleigh.Products.Motor.Website.Quote */
.defaultFormPopUpContent
{
	background-color: #F0F2FF;
	padding: 5px 0 5px 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* Description:	Style used for the messages in pop up warning boxes. */
/* Date & Websites: 18/05/2007 - Endsleigh.Products.Motor.Website.Quote */
.warningFormPopUp
{
	background-color: #EAEAEA;
	padding: 10px 0 10px 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.incidentBox 
{
	background-color: #EAEAEA;
	padding: 5px 0 0 10px;
	margin-bottom: 5px;
	margin-top: 5px;
	width: 543px;
	height: 58px;
	clear: both;
}

.incidentBox div 
{
	padding: 0;
}

.incidentBoxPopUp
{
	background-color: #F0F2FF;
	padding: 5px 0 0 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 590px;
}

.incidentBoxPopUp div 
{
	padding: 2px 0 2px 0;
}

/* Description:	Summary box Styles */
/* Date & Websites: 08/12/2006 - Endsleigh.Products.Motor.Website */
.summaryBox, .summaryBoxHeader
{
  background-color:#EAEAEA;
  width: 100%;
}

.summaryBoxContent
{
  background-color:#FFFFFF;
  width: 100%;
}

.summaryBoxHeaderAmount
{
  color: #000033;
  float: right;
  font-size: 18px;
  text-align: right;
}

/*----------------------------------------- 	ID’s 		---------------------------------------*/
/* Description:	Style for setting page width in motor*/
/* Date & Websites: 13/10/2009 -  Endsleigh.Products.Motor.Website.Quote */

#parentTop
{
	background-color: white; 
	width: 770px; 
	float: none; 
	margin-left: auto; 
	clear: both; 
	margin-right: auto;
}


/**************************************************************************************************/
/* -- END -- Styles created for Endsleigh.Products.Motor.Website -- */ 
/**************************************************************************************************/

/**************************************************************************************************/
/* -- START -- Styles created for newly designed Progress Indicator animated imagery -- */

/* Date added:	13/02/2007	*/
/* Added by:	NEWC1 */
/**************************************************************************************************/

/* Description:	Styles used for different processing types */
/* Date & Websites: 16/02/2007 - All Endsleigh websites */
.cqProgress {
  text-align: center;
  width: 100%;
}

.ppProgress {
  text-align: center;
  width: 100%;
}

.rqProgress {
  text-align: center;
  width: 100%;
}

.gsProgress {
  text-align: center;
  width: 100%;
}

.cqProgressSmall {
  float: left;
  padding-left: 300px;
}

.ppProgressSmall {
  float: right;
}

.rqProgressSmall {
  float: left;
  padding-left: 220px;
}

.pqProgressSmall, .upProgressSmall {
  float: right;
}

/**************************************************************************************************/
/* -- END -- Styles created for newly designed Progress Indicator animated imagery -- */ 
/**************************************************************************************************/ 

/* --------- BODY --------- */

body {
  background-repeat: no-repeat;
  background-position: center center;
  background-color:#CCCCCC;
  margin:0px;
  text-decoration:none;
  font-family: arial;
  font-weight: normal;
  font-size:11px;
  color:#333333;
}

.small {
  font-size:10px;
  color:#999999;
}

.common, .commonAlternate {
  font-size:11px;
  vertical-align:top;
}

.commonError {
  font-size:11px;
  vertical-align:top;
  color:#FF0000;
}

.micro {
  font-size:10px;
  color:#999999;
}

.premuimPrice {
  font-size:28px;
  color:#FFFFFF;
  font-weight: bold;
}

.monthlyPrice {
  font-size:16px;
  color:#FFFFFF;
  font-weight: bold;
}

.phoneNumber {
  font-size:28px;
  color:#000033;
  font-weight: bold;
  vertical-align: top;
}

.salesPrompt {
  font-size:11px;
  color:#ffffff;
  font-weight: bold;
  vertical-align: top;
}

.commonOnYellow {
  font-size:11px;
  color:#FFFFFF;
  vertical-align: top;
}

.salesPrompt {
  font-size:11px;
  color:#000033;
  font-weight: bold;
  vertical-align: top;
}


h2{
  font-weight: bold;
  font-size:11px;
}

h1{
  font-weight: bold;
  font-size:13px;
}


.formHeader {
  font-size:11px;
  font-weight: bold;
}


h3{
  font-size:11px;
  font-weight: bold;
}

td.buttonContainer{
  text-align: right;
}



/*  ---------body links --------- */

a:link {
  font-size:11px;
  text-decoration:underline;
  color:#000000;
}

a:visited {
  font-size:11px;
  text-decoration:underline;
  color:#000000;
}

a:active {
  font-size:11px;
  text-decoration:underline;
  color:#000000;
}

a:hover {
  font-size:11px;
  text-decoration:underline;
  color:#FF9900;          /*link colour*/
}


input.inputBody {
  font-family: arial;
  font-weight: normal;
  font-size:11px;
  background-color: #ffffff;
  text-decoration:none;
  color:#666666;
  padding:1px;
  border:1px solid;
  border-color:#000000;
}

input.inputBodyFocus {
  font-family: arial;
  font-weight: normal;
  font-size:11px;
  background-color: #ffffff;
  text-decoration:none;
  color:#000000;
  padding:1px;
  border:1px solid;
  border-color:#000000;
}


select.selectBody {
  background-color: #ffffff;
  color:#000000;
  line-height:1;
  font-family: arial;
  font-size:11px;
  padding:2px;
  border:1px solid;
  border-color:#000000;
}




/* --------- PARENT STRUCTURE --------- */

#parentDiv{
  text-align:center;
}

#parentTable{
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

td.contentContainer{
  background-color:#ffffff;
  padding:5px;
}

TD.cellRowSpacer
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    HEIGHT: 1px;
    BACKGROUND-COLOR: #cccccc
}

/* --------- 2 COL STRUCTURE --------- */
td.quoteLeft{
  width: 510px;
  vertical-align: top;
  padding: 5px;
}

td.quoteRight{
  width: 260px;
  vertical-align: top;
  padding: 5px;
}

/*---------- TABLE CELL STRUCTURE ----------*/


TD.mainLeft
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    VERTICAL-ALIGN: top;
    WIDTH: 520px;
    PADDING-TOP: 0px
}
TD.mainRight
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    VERTICAL-ALIGN: top;
    WIDTH: 260px;
    PADDING-TOP: 0px
}
TD.ColLeft
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    VERTICAL-ALIGN: top;
    WIDTH: 260px;
    PADDING-TOP: 0px
}
TD.ColMiddle
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    VERTICAL-ALIGN: top;
    WIDTH: 260px;
    PADDING-TOP: 0px
}
TD.ColRight
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    VERTICAL-ALIGN: top;
    WIDTH: 260px;
    PADDING-TOP: 0px
}

TD.cellRowSpacer
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    HEIGHT: 1px;
    BACKGROUND-COLOR: #cccccc
}

TH.dataColOne
{
    WIDTH: 340px
}
TH.dataColTwo
{
    WIDTH: 80px;
    TEXT-ALIGN: left
}
TH
{
    TEXT-ALIGN: left
}
FORM
{
    MARGIN-TOP: 0px;
    MARGIN-BOTTOM: 0px
}
.homeQuotes
tamar structure

{
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    PADDING-BOTTOM: 3px;
    VERTICAL-ALIGN: top;
    PADDING-TOP: 3px;
    BACKGROUND-COLOR: #fff5cc;
    TEXT-ALIGN: right
}


/* --------- IMAGES --------- */
img {
  border:0px;
   display: block;
}

img.inline {
  border:0px;
  padding:2px;
  display: inline;
}

IMG.cross
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 2px;
    BORDER-TOP: 0px;
    DISPLAY: inline;
    PADDING-LEFT: 2px;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: 0px;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: 0px
}
IMG.chevron
{
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    DISPLAY: inline;
    BORDER-LEFT: 0px;
    BORDER-BOTTOM: 0px
}

/* --------- HELP DIVS --------- */

#layerContainer {
  position: relative;
  width:240px;
  padding: 3px;
  height: 220px;
}

.lyrs {
  position: absolute;
  visibility: hidden;
  top: 0px;
  left: 0px;
}

span.formError{
  visibility: hidden;
  padding: 3px;
}

span.formError_Show{
  visibility: visible;
  padding: 3px;
}


/*----------- END PAGE -------------*/


table.premiumDisplay{
  background-color:#F34043;
}

table.quoteFinalTable{
  background-color:#D7D7D7;
  color: #000033;
}


div.divider {
  height:1px;
  background-color: #CCCCCC;
  margin-top: 5px;
  margin-bottom: 5px;
}


div.dividerLarge {
  height:2px;
  background-color: #000000;
  margin-top: 8px;
  margin-bottom: 4px;
}
/*----------- New styles for Client Login -------------*/


td.QuotePolicySummary

{

    width:100px;
    font-size:11px;

}




td.AnnotationHeader 

{
    font-size:11px;
	
    font-weight: bold;

    vertical-align:bottom;
    padding-top :5px;
    padding-bottom:2px;

}


form
{
    margin-bottom : 0px;
}
/* --------- FSA --------- */
.FSAHeader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 16px
}
.FSAText
{
    FONT-STYLE: italic;
}

/*  ---------nav links --------- */

a.nav:link {
  font-size:11px;
  text-decoration:underline;
  color:#000033;
}

a.nav:visited {
  font-size:11px;
  text-decoration:underline;
  color:#000033;
}

a.nav:active {
  font-size:11px;
  text-decoration:underline;
  color:#000033;
}

a.nav:hover {
  font-size:11px;
  text-decoration:underline;
  color:#FF9900;          /*link colour*/
}
/*  ---------start: travel specific styles --------- */
.travelPremuimPrice {
  font-size:28px;
  color:#000066;
  background-color:#FEF5CA;
  font-weight: bold;
}

.travelMonthlyPrice {
  font-size:16px;
  color:#000033;
  background-color:#FEF5CA;
  font-weight: bold;
}

.travelCommonBold
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    background-color:#FEF5CA;
}

.quoteTitle {
  font-size:12px;
  color:#000033;
  font-weight: bold;
}

.holidayQuoteFinalTable{
  background-color:#FEF5CA;
  vertical-align: top;
}

.holidayCoverDetails {
  font-size:11px;
  color:#000066;
  background-color:#ffffff;
  vertical-align: middle;
}

A.holCoverDetails:link
{
    FONT-WEIGHT: normal;
    font-size:12px;
	  color:#000033;
    vertical-align: middle;
   
}

A.holCoverDetails:visited
{
    FONT-WEIGHT: normal;
    font-size:12px;
	  color:#000033;
	  vertical-align: middle;
   
}
A.holCoverDetails:active
{
    FONT-WEIGHT: normal;
    font-size:12px;
	  color:#000033;
	  vertical-align: middle;
    
}
A.holCoverDetails:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #FF9900;
    vertical-align: middle;
  
}
/*  ---------end: travel specific styles --------- */

/*---- Start of Price Presentation Redesign ---*/

#divAnnualPrice
{
	margin: 5px 5px 0px 5px;
	width: 302px;
	height: 100px;
	color: white;
	font-family: arial, Helvetica, sans-serif;
}

#divMonthlyPrice
{
	margin: 5px 5px 0px 5px;
	width: 302px;
	height: 100px;
	color: #102245;
	font-family: arial, Helvetica, sans-serif;
}

.AnnualPayment
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
}

#divTotalAnnualPrice
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: bold;
	height: 30px;
	margin-top: 8px;
	margin-left: 8px;
}

#divTotalAnnualPriceLoader
{
	display: None;
	height: 30px;
	margin-top: 8px;
	margin-left: 8px;
}

#divAnnualPadlock
{
	position: relative;
	left: 250px;
	width: 40px;
}

#divMonthlyPadlock
{
	position: relative;
	top: -20px;
	left: 250px;
	width: 40px;
}



.imgTick
{
	
}

#divTotalMonthlyPriceLoader
{
	display: None;
	height: 30px;
	margin-top: 8px;
	margin-left: 8px;
}

.MonthlyPayment
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	margin-left: 10px;
	font-weight: bold;
}

#divTotalMonthlyPrice
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: bold;
	height: 30px;	
	margin-top: 8px;
	margin-left: 8px;
}

#divTry12Month
{
	margin: 5px;
	width: 302px;
	float: left;
	height: 100px;
	color: #102245;
	clear: none;
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
}

#divPartnerImage
{
	margin: 5px;
}

#divBenefitsOuter
{
	border-bottom: #b3b3b3 1px solid;
	border-left: #b3b3b3 1px solid;
	margin: 5px 0px 5px 5px;
	width: 450px;
	min-height: 210px;
	float: left;
	clear: left;
	border-top: #b3b3b3 1px solid;
	border-right: #b3b3b3 1px solid;
	background-color: #F5F5F5;
	font-size: 12px;
}

#divBenefitsHeader
{
	width: 100%;
	float: none;
	height: 22px;
	clear: both;
	font-family: arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	color: #102245;
}

#divExcess
{
	background-color: #F5F5F5;
	border-bottom: #b3b3b3 1px solid;
	border-left: #b3b3b3 1px solid;
	border-top: #b3b3b3 1px solid;
	border-right: #b3b3b3 1px solid;
	margin: 5px 5px 5px 0px;
	width: 161px;
	float: left;
	clear: right;
	border-style: solid solid solid none;
	font-size: 12px;
}

#divExcessHeader
{
	font-family: arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	color: #102245;
	width: 100%;
	float: none;
	height: 22px;
	clear: both;
}

.divOptionsOuter
{
	
	margin: 5px 5px 10px 5px;
	width: 612px;
	float: left;
	clear: left;
	background-color: #F5F5F5;
	font-size: 12px;
}

#divOptionsHeader
{
	margin: 5px 5px 0px 5px;
	width: 615px;
	float: none;
	height: 25px;
	clear: both;
	font-size: 12px;
	font-family: arial, Helvetica, sans-serif;
	color: white;
}

#divOptionsInner
{
	width: 615px;
	float: none;
	clear: both;
}

#divRoadside
{
	background-color: #c89f11;
	width: 100%;
	float: none;
	height: 40px;
	clear: both;
	border-top: #b3b3b3 1px solid;
}

#divGreatOptionsOuter
{
	border-bottom: #b3b3b3 1px solid;
	border-left: #b3b3b3 1px solid;
	border-top: #b3b3b3 1px solid;
	border-right: #b3b3b3 1px solid;
	margin: 268px 5px 5px 5px;
	width: 128px;
	float: none;
	clear: both;
}

#divGreatOptionsHeader
{
	border-bottom: #b3b3b3 1px solid;
	border-left: #b3b3b3 1px solid;
	border-top: #b3b3b3 1px solid;
	border-right: #b3b3b3 1px solid;
	margin: 5px 5px 0px 5px;
	height: 22px;
	clear: both;
	font-family: arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	color: #102245;
}

#divGreatOptionsContent
{
	margin: 0px 5px 0px 5px;
	width: 128px;
	height: 190px;
	border-bottom: #b3b3b3 1px solid;
	border-left: #b3b3b3 1px solid;
	border-right: #b3b3b3 1px solid;
}

#divYourDetails
{
	border-right: #b3b3b3 1px solid;
	border-top: #b3b3b3 1px solid;
	width: 206px;
	float: left;
	height: 310px;
	clear: left;
	margin-left: 5px;
	margin-top: 5px;
}

#divYourCar
{
	border-top: #b3b3b3 1px solid;	
	width: 202px;
	float: left;
	height: 310px;
	clear: none;
	margin-top: 5px;
}

#divModsClaimsAccidents
{
	border-top: #b3b3b3 1px solid;
	border-left: #b3b3b3 1px solid;
	width: 204px;
	float: left;
	height: 310px;
	clear: none;
	margin-top: 5px;
}

#divPreferToCall
{
	border-bottom: #b3b3b3 1px solid;
	border-left: #b3b3b3 1px solid;
	border-top: #b3b3b3 1px solid;
	border-right: #b3b3b3 1px solid;
	margin: 5px 5px 5px 10px;
	width: 128px;
	float: left;
	clear: right;
}

.AddOnHeading
{
	cursor: pointer;
	font-weight: bold;
	color: #102245;
}

#divPreferToCallHeader
{
	width: 100%;
	float: none;
	height: 20px;
	clear: both;
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #102245;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #B3B3B3;
}

#tdPolicyLink
{
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #102245;
	text-align: right;
	padding-right: 10px;
}

#tdChangeQuote
{
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #102245;
	padding-left: 10px;
}

#tdCoverStartDate
{
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px 5px 15px 5px;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #b3b3b3;
}

#divQuoteReference
{
	font-size: 12px;
	margin-top: 8px;
	margin-left: 8px;
}

#divInstallments
{
	font-size: 11px;
	margin-top: 8px;
	margin-left: 8px;
}

#divBenefitsContent
{
	padding-left: 10px;
	float: left;
	clear: both;
	width: 440px;
}

#lblAnnualTotal
{
	font-size: 1.8em;
	font-weight: bold;
}

#tdOptionsHeader
{
	font-weight: bold;
	color: White;
	font-size: 12px;
	font-family: arial, Helvetica, sans-serif;
	height: 25px;
	width: 613px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-color: silver;
	border-right-color: silver;
	border-left-color: silver;
}

#tdOptionHeading
{
	border-style: solid;
	border-width: 1px;
	border-color: silver;
	height: 40px;
	font-size: 12px;
	font-family: arial, Helvetica, sans-serif;
	font-weight: bold;
}

#lblOptionsHeader
{
	margin-left: 5px;
}

.tdOptionItem
{
	height: 62px;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: silver;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: silver;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: silver;
}

.tblInnerOptionsTable
{
	margin-left: 5px;
}

.divRoadsideOptionItem
{
	border-width: 1px;
	border-color: silver;
	float: none;
	clear: both;
	height: 40px;
	border-top-style: solid;
	background-color: orange;
}

#divTotalPrice
{
	font-size: 1.8em;
	font-weight: bold;
	float: left;
	clear: none;
}

#divTotalPriceLoader
{
	font-size: 1.8em;
	font-weight: bold;
	float: left;
	clear: none;
	display: none;
}

#divSaveQuote
{
	margin: 15px;
	float: left;
	clear: left;	
	color: white;
}

#divBuyButton
{
	float: right;
	clear: none;
}

.OptionsDropdown
{
	width: 230px;
	font-family: arial, Helvetica, sans-serif;
	font-size: 11px;
}

.helpImageDiv
{
	margin: 5px;
	width: 25px;
	float: left;
	clear: left;
}

.descAndHeadingCheckboxDiv
{
	width: 400px;
	margin: 5px;
	float: left;
	clear: none;
	font-size: 12px;
}

.descAndHeadingDropdownDiv
{
	width: 300px;
	margin: 5px;	
	font-size: 12px;
}

.priceDiv
{
	margin: 25px 0px 8px 8px;
	width: 55px;
	float: left;
	clear: none;
	font-weight: bold;
	font-size: 12px;
}

.dropdownDiv
{

}

.addOptionDiv
{
	margin: 10px 5px 8px 5px;
	float: left;
	clear: right;
	color: red;
	width: 55px;
	font-weight: bold;
}

.imgCogCheckbox
{
	margin-left: 1px;
	margin-top: 1px;
}

.imgCogDropdown
{
	margin-left: 252px;
	margin-top: 1px;
}

.Subtitle
{
	font-size: 20px;
	font-family: arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #102245;
}

.AddOnModalProductNameDiv
{
	float: Left;
	clear: Left;
	margin: 10px;
	font-family: arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #102245;
}

.AddOnModalCloseDiv
{
	margin: 5px;
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	float: right;
}

.AddOnTagLineDiv
{
	float: Left;
	clear: both;
	width: 300px;
	margin: 10px;
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #102245;
}

.AddonUSPDiv
{
	width: 400px;
	float: left;
	margin: 5px;
	clear: both;
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
}

.AddonImageDiv
{
	float: right;
	margin: 5px;
	clear: none;
}

.ModalSmallText
{
	font-size: 11px;
}

#hypTry6MonthQuote
{
	cursor: pointer;
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
}

#divAutoOuter
{
	margin: 5px;
	border: 1px solid #B3B3B3;
	background-color: #F5F5F5;
}

#tdBenefitsHeader
{
	padding: 3px;
	font-family: arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #102245;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #B3B3B3;
	border-bottom-color: #B3B3B3;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	width: 430px;
}

#tdExcessHeader
{
	padding: 3px;
	font-family: arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #102245;
	border-bottom-color: #B3B3B3;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

#tdBenefitsContent
{
	padding: 3px 3px 10px 3px;
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #102245;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #b3b3b3;
}

#divExcessInfoHeader
{
	width: 162px;
	height: 22px;
	clear: none;
	float: left;
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #102245;
}

#divBenefits2
{
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #B3B3B3;
	width: 440px;
	height: auto;
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
}

#divExcess2
{
	float: left;
	clear: none;
	font-size: 12px;
	font-family: arial, Helvetica, sans-serif;
}

.popUpHelp2
{
	padding: 10px;
	color: white;
	background-color: #102245;
	font-family: arial, Helvetica, sans-serif;
	font-size: 11px;
	display: None;
	z-index: 999;
	filter: alpha(opacity=0);
	opacity: 0;
}

#divQuoteNumber
{
	margin: 10px;
}

#divSavedQuoteHeader
{
	border: 1px solid #b3b3b3;
	width: 500px;
	height: 40px;
	font-family: arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: white;
	float: left;
	clear: both;
}

#divSavedQuoteContent
{
	width: 500px;
	float: left;
	clear: both;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-color: #b3b3b3;
	border-bottom-color: #b3b3b3;
	border-left-color: #b3b3b3;
	background-color: #F5F5F5;
}

#divSavedQuoteText
{
	margin: 5px;
}

#divSavedQuoteBack
{
	margin: 5px;
	float: left;
	clear: both;
}

#divHaveQuestions
{
	width: 100%;
	float: none;
	height: 20px;
	clear: both;
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #102245;
	margin-top: 15px;	
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #B3B3B3;
}



/*---- End of Price Presentation Redesign ---*/