body
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #333;
    font-size: 12px;
    background-color:#FFF;
    margin:0;
    padding:0;
}
#NavContent
{
    /* position: relative; */
    /* display: table-cell; */
    /* width: 776px; */
    /* height: inherit; */
}
#MainContainer
{
    margin-left: auto;
    margin-right: auto;
    background-image:url(../images/tif_background.jpg);
    background-repeat:no-repeat;
    width: 802px;
    padding:20px 0 0 21px;
}
#Header
{
    position: relative;
    width: 760px;
    margin:0;
    *z-index:1000; /* IE hack to correct starburst display  */
}
#Footer
{
    position: relative;
    width: 716px;
    height: 30px;
    font-size:18px;
    font-weight: bold;
    color:#FF0000;
    padding-left: 60px
}
#SideBar
{
    position: relative;
    width: 0px;
    height: 0px;
}
#CoreQuote
{
    position: relative;
    /*background-color: #ffffff;*/
    width: 736px;
    padding:0;
    margin:0 0 0 20px;
}
#CoreQuoteB
{
    position: relative;
    width: 0px;
    height: 0px
}
.ToolTip
{
    position: absolute;
    top: 2px;
    left: 10px;
    text-decoration: none
}
.Label
{
    position: absolute;
    top: 3px;
    left: 40px;
    width: 290px
}
.LabelRec
{
    position: absolute;
    top: 3px;
    left: 40px;
    width: 290px
}
.LabelVehicle
{
    position: absolute;
    top: 3px;
    left: 40px;
    width: 310px
}
.Field
{
    position: absolute;
    top: 2px;
    left: 340px;
}
.FieldPM
{
    position: absolute;
    top: 2px;
    left: 270px;
}
.FieldVehCT
{
    position: absolute;
    top: 2px;
    width: 160px;
    left: 340px
}
.FieldMonth
{
    position: absolute;
    top: 2px;
    left: 370px
}
.FieldYear
{
    position: absolute;
    top: 2px;
    left: 400px
}
.FieldUnit
{
    position: absolute;
    left: 390px;
    top: 2px;
}
.FieldRecord
{
    position: absolute;
    top: 2px;
    left: 340px
}
.FieldRecMonth
{
    position: absolute;
    top: 2px;
    left: 370px
}
.FieldRecYear
{
    position: absolute;
    top: 2px;
    left: 400px
}
.FieldRecUnit
{
    position: absolute;
    left: 495px;
    top: 2px;
}
.FieldVehicle
{
    position: absolute;
    top: 2px;
    left: 340px
}
.FieldVehiclePM
{

    position: absolute;
    top: 2px;
    left: 340px;
    width:250px;
}
.FieldVehMonth
{
    position: absolute;
    top: 2px;
    left: 370px
}
.FieldVehYear
{
    position: absolute;
    top: 2px;
    left: 400px
}

.SubText
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #666;
    position: absolute;
    left: 50px;
    top: 17px
}
.Back
{
    position: absolute;
    top: 20px;
    left: 10px;
    width: 134px;
    height: 41px;
    background:url(../images/tif_back_button.jpg) no-repeat center;
    border:0px;
    font-size:0px;
    color:#C9C9C9;
    cursor: pointer;
}
.Next
{
    position: absolute;
    top: 20px;
    left: 370px;
    width: 134px;
    height: 41px;
    background:url(../images/tif_next_button.jpg) no-repeat center;
    border:0px;
    font-size:0px;
    color:#A62223;
    cursor: pointer;
}
.MnuStd
{
    border-style: solid;
    border-color: #a5acb2;
    border-width: 1px;
    font-size: 11px;
    font-weight: bold
}
.TxtFld
{
    border-style: solid;
    border-width: 1px;
    border-color: #a5acb2;
    font-size: 11px;
    font-weight: bold
}
.PanelStyle
{
    position: relative;
    width: 776px
}
.PanelStylePC
{
    position: relative;
    height: 30px;
    width: 776px
}
.PanelStyleNav
{
    margin:50px 0 100px 0;
    position: relative;
    height: 50px;

}
.PanelStyleBC
{
    position: relative;
    height: 105px;
    width: 760px;
    padding: 0;
    margin:0 0 0 -20px;
}
.PanelIntroText
{
    position: relative;
    width: 630px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 17px
}
.TermsConditions
{
    position: relative;
    width: 736px;
    height: 300px;
    padding: 10px
}
.TCAgree
{
    position: relative;
    width: 756px;
    height: 150px
}
.TCText
{
    width: 736px;
    height: 280px;
    overflow:auto
}
.HeadingText
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    letter-spacing: -1px;
    font-weight: bold;
    color: #333
}
.HeadingDiv
{
    width: 500px;
    padding-left: 10px;
    padding-bottom: 17px;
    *padding-bottom: 0;
    padding-top: 15px
}
.QuoteText
{
    font-size: 12px;
    color: #000;
    font-weight: bold
}
.QuoteTextBold
{
    font-size: 12px;
    font-weight: bold;
    color: #A62223;
}
.QuoteNav
{
    left:530px;
    position:absolute;
    top:0;
    width:173px;
}
.RefText
{
    font-size: 16px;
    font-weight: bold;
    color: #A62223
}
.Mandatory
{
    position: absolute;
    top: 23px;
    left: 220px
}

/* * Payment Specific * */

.PaymentLbl {
    left: 330px;
    top: 3px;
    position: absolute;
    font-size: 10px
}
.FieldPM
{
    position: absolute;
    top: 2px;
    left: 220px;
}
.PanelPM {
    width: 750px;
    height: 250px;
    margin: 10px 0px 15px 0px
}

/* * Get Address * */

.GetAddress{
    position:absolute;
    left:420px;
    top:2px;
}
.Address {
    border-style: solid;
    border-color: #A5ACB2;
    border-width: 1px;
    background-color: silver;
    width: 223px;
    height: 14px;
    padding-top: 2px;
    padding-left: 2px
}
.AddressList {
    display:none;
    height:96px;
    left:300px;
    position:absolute;
    width:300px;
    z-index:100;
}
.AddressListOTSProperty {
    height: 96px;
    width: 328px;
    display: none;
    position: absolute;
    left: 370px;
    top: 150px;
    z-index: 100
}
.AddressListOTSAdditionalDetails{
    height: 96px;
    width: 328px;
    display: none;
    position: absolute;
    left: 370px;
    top: 718px;
    z-index: 100
}
.AddressListCardDetail{
    height: 96px;
    width: 328px;
    display: none;
    position: absolute;
    left: 270px;
    z-index: 100
}
/* * Get Vehicle * */

.GetVehicle{
    position:absolute;
    left:418px;
    top:1px;
}

.VehicleNotFound{
    position:absolute;
    left:520px;
    top:1px;
}

.DVLALabel{
    border-style: solid;
    border-color: #A5ACB2;
    border-width: 1px;
    background-color: silver;
    width: 214px;
    height: 14px;
    padding-top: 2px;
    padding-left: 2px
}

.DVLALabelPM {
    background-color:silver;
    border:1px solid #A5ACB2;
    height:14px;
    max-width:417px;
    min-width:212px;
    overflow:hidden;
    padding:2px 2px 0;
    width:auto;
}

/* Toggle Options */

.TogglePanel {
    width: 600px;
    height: 200px
}
.ToggleLabel {
    position: absolute;
    top: 2px;
    left: 10px;
    width: 240px;
    display: none;
}
.ToggleTxt {
    padding: 10px 0px 13px 10px;
    width: 460px;
    height: 30px;
    display: none;
}
.ToggleSubmit {
    position:absolute;
    height: 41px;
    width: 134px;
    top: 5px;
    left: 30px;
    border: none;
    color:#FFFFFF;
    /* hide submit button label */
    text-transform:uppercase;
    text-indent: -1000em;
    background:url(../images/tif_recalculate_off.gif) no-repeat center;
}

/* Link definitions */
A:link
{
    color: #333;
    text-decoration: none;
    background-color: transparent;
}
A:visited
{
    color: #333;
    text-decoration: none;
    background-color: transparent;
}
A:hover
{
    color: #e92526;
    text-decoration: none;
    background-color: transparent;
}
A:active
{
    color: #e92526;
    text-decoration: none;
    background-color: transparent;
}
A.norm:link
{

}
/* text formatting */
h1
{
    font-size: 18px;
    margin-top: 0px;
    margin-bottom: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FF0000;
    letter-spacing: -1px
}
h2
{
    font-size: 16px;
    margin-top: 0px;
    margin-bottom: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FF0000;
    letter-spacing: -1px
}
h3
{
    font-size: 14px;
    margin-top: 0px;
    margin-bottom: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FF0000;
    letter-spacing: -1px
}
h4
{
    font-size: 12px;
    margin-top: 0px;
    margin-bottom: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FF0000;
    letter-spacing: -1px
}
h5
{
    font-size: 10px;
    margin-top: 0px;
    margin-bottom: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FF0000;
    letter-spacing: -1px
}
h6
{
    font-size: 9px;
    margin-top: 0px;
    margin-bottom: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FF0000;
    letter-spacing: -1px
}
frame
{
    border-right: 0px;
    border-top: 0px;
    border-left: 0px;
    border-bottom: 0px
}
frameset
{
    border-right: 0px;
    border-top: 0px;
    border-left: 0px;
    border-bottom: 0px
}
table
{
    border-right: 0px;
    border-top: 0px;
    border-left: 0px;
    border-bottom: 0px
}
img
{
    border: 0px;
    text-decoration: none;
    vertical-align:text-top;
}
td
{
    padding-right: 7px;
    padding-left: 7px;
    vertical-align: top
}
th
{
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
p
{
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #333;
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 0px
}
ol
{
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
ul
{
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
li
{
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.white
{
    color: #ffffff
}
.red
{
    color: #CC0000;
}
.justify
{
    text-align: justify
}
.center
{
    text-align: center
}
.right
{
    text-align: right
}
.left
{
    text-align: left
}
.aligncenter
{
    margin-left: auto;
    margin-right: auto
}
.alignright
{
    float: right
}
.alignleft
{
    float: left
}
.nodecoration
{
    text-decoration: none
}
.overline
{
    text-decoration: overline
}
.lowercase
{
    text-transform: lowercase
}
.italic
{
    font-style: italic
}
.bold
{
    font-weight: bold
}
.smallcaps
{
    font-variant: small-caps
}
.tiny
{
    font-size: xx-small
}
.small
{
    font-size: xx-small
}
.x-small
{
    font-size: small
}
.huge
{
    font-size: x-large
}
.big
{
    font-size: small
}
.x-big
{
    font-size: large
}
.nospace
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    line-height: 0.7em;
    padding-top: 0px
}
.almostnospace
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    line-height: 0.8em;
    padding-top: 0px
}
.nowrap
{
    white-space: nowrap
}
.absmiddle
{
    vertical-align: middle
}
.gone
{
    visibility: hidden
}
/* Style rules to make data tables look better */

.list-header {
    background-color: #eeeeee;
    font-size: larger;
    font-weight: bold;
}

.list-paging-header {
    background-color: white;
}

.list-paging-footer {
    background-color: white;
}

.list-row-even { 
}

.list-row-odd { 
    background-color: #eeeeee;
}

/* Style rules for message severity levels */

.infoMessage {
    color: black;
}

.warnMessage {
    color: orange;
    font-weight: bold;
}

.errorMessage {
    color: #CC0000;
    font-weight: bold;
    margin:-90px 0 0 -36px;
    *margin:-70px 0 0 -36px;
    position:absolute;
}

.fatalMessage {
    color: #CC0000;
    font-style: italic;
    font-weight: bold;
}

/* Pop-up specific */

.clHelpCont 
{
    position:absolute;
    width:180px;
    visibility:hidden;
    layer-background-color:#FFFFFF;
    z-index:200;
}
.clHelp     
{
    width:180px;
    left:0px;
    top:0px;
    z-index:3;
    font-family: arial,helvetica,sans-serif;
    color:#333333;
    overflow:hidden;
    border: 1px solid #333;
    padding:3px;
    font-size:11px;
    background-color:#FFFFFF;
    layer-background-color:#FFFFFF;
}
/* clip:rect(0px 200px 15px 0px); */
.clHeading        
{
    text-align:center;
    position: relative;
    margin-bottom: 3px;
    width:100%;
    height:15px;
    z-index:3; font-size:11px;
    font-family: arial,helvetica,sans-serif;
    color:#FFFFFF;
    background-color:#e92526;
    layer-background-color:#e92526;
}

/* --- OccType BusType PopUp style --- */
#acOuterContainer
{
    position:absolute;
    z-index:50000;
    left:522px;
    width:200px;
    display:table-cell;
    color:#000000;
    background-color:#FFFFFF;
}
#acIframe
{
    position:absolute;
    top:0px;
    left:0px;
    z-index:50001;
    border:none;
    height:0px;
    width:0px;
    background-color:#FFFFFF;
}
#acMainContainer
{
    position:absolute;
    z-index:50002;
    top:0px;
    left:0px;
    width:200px;
    border:1px solid #000000;
    padding:3px;
    background-color:#FFFFFF;
}
.acListItem
{
    display:block;
    color:#000000;
    background-color:#FFFFCC;
}

#acOpts a:hover{
    background-color:#CCCCFF;
    color:#000000;
}

#acOpts a{

    color:#000000;
}

.acListFocus
{
    background-color : #CCCCFF;
    color:#000000;
    display:block;
}
.acListBlur
{
    background-color : #FFFFCC;
    color:#000000;
    display:block;
}

.FieldMarStat,.Field_fullpart ,.FieldMotOrg{
    left:340px;
    position:absolute;
    top:2px;

}
.FieldMS,.FieldAS,.FieldSI,.FieldPH,.FieldSU{
    left:370px;
    position:absolute;
    top:2px;
    width:185px;
}
.FieldVehicleUse{
    left:340px;
    position:absolute;
    top:2px;
    width:185px;
}
.VehicleOverNightPostCode{
    left:340px;
    position:absolute;
    top:2px;
}
.QuotePanel{
    margin-left:7px;
    margin-top:15px;
}
.BannerText {
    display:none;
}
.FieldVehicleOwnKeep{
    left:340px;
    position:absolute;
    top:2px;
    width:185px;
}
.PanelStylePR{
    height:370px;
}
.FieldSecFitted{
    left:340px;
    position:absolute;
    top:2px;
    width:200px;
}
.FieldImmobMake {
    left:340px;
    position:absolute;
    top:2px;
    width:170px;
}
.FieldTrackerMake {
    left:340px;
    position:absolute;
    top:2px;
    width:200px;
}
.FieldRecordNCBAff{
    left:340px;
    position:absolute;
    top:2px;
}
.QuotePageHeading {
    font-size:14px;
    font-weight:bold;
    color:#e92526;
}
.QuoteErrorText {
    color:#e92526;
}
#QuoteTable{
    width: 550px;
    background:url(../images/tif_summary_bg.jpg) no-repeat top left;
    padding:6px 5px 0 5px;
}
#QuoteTable td {
    padding:6px 4px;
    border-right:1px solid #FFF;
    border-bottom:1px solid #FFF;
    border-left:0;
    border-top:0;
}

.topleft{
    background:url(../images/tif_topleft.gif) no-repeat top left;
}
.topright{
    background:url(../images/tif_topright.gif) no-repeat top right;
}
.bottomleft{
    background:url(../images/tif_bottomleft.gif) no-repeat bottom left;
}
.bottomright{
    background:url(../images/tif_bottomright.gif) no-repeat bottom right;
}
.pdficon {
    margin:0 10px 0 0;
    border:0;
    vertical-align:middle;
}

.pdficon_nav {
    margin:-2px 7px 0 0;
    border:0;
    vertical-align:middle;
    float:left;
}

.PayRespPanel {
    margin:-15px 0 0 10px;
}
.cardlogos {
    margin:0 0 0 4px;
    height:250px;
}

#priceOptions table {
    background-image:url(../images/tif_quote_bg.jpg);
}
#priceOptions td {
    margin:0;
    padding:0;
    text-align:center;
    color:#E32527;
    font-size:30px;
    font-weight:bold;
    letter-spacing:-1px;
    padding:15px 0 0;
}
#priceOptions p {
    margin:5px 0;
    color:#777;
}
.anually {
    background-image:url(../images/tif_annual_bg.jpg);
    background-position:top center;
    background-repeat:no-repeat;
}
.monthly {
    background-image:url(../images/tif_monthly_bg.jpg);
    background-position:top center;
    background-repeat:no-repeat;
}
#priceOptions a:link, #priceOptions a:visited {
    color:#E32527;
    display:block;
    padding:48px 0 10px;
}
#priceOptions a:hover, #priceOptions a:active {
    color:#E32527;
    display:block;
    background-image:url(../images/tif_price_on.gif);
    background-position:top center;
    background-repeat:no-repeat;
    padding:48px 0 10px;
}
#QuoteTable_heading {
    padding:49px 0 10px;
}
#QuoteTable_heading td {
    padding:0;
}
#QuoteTable_heading .leftCol {
    background:none;
    padding:0 0 0 2px;
    color:#333333;
    font-size:16px;
    font-weight:bold;
    letter-spacing:-1px;
    vertical-align:middle;
}
#QuoteTable_heading .rightCol {
    text-align:right;
    background:url(../images/tif_refDisp_end.jpg) no-repeat top right;
    padding:6px 10px 0 0;
    height:30px;
}
.refDisp {
    background:url(../images/tif_refDisp_bg.jpg) no-repeat top left;
    font-size:14px;
    font-weight:bold;
    letter-spacing:-1px;
    color:#E32527;
    height:9px;
    padding:6px 3px 7px 11px;
}
#callUs table {
    background:url(../images/tif_quote_bg.jpg) no-repeat top left;
}
#callUs td {
    margin:0;
    padding:0;
    color:#E32527;
    font-weight:bold;
    padding:12px 12px 0;
}
#callUs p {
    margin:0 5px 10px;
    color:#333;
    font-size:14px;
    letter-spacing:-1px;
}
.number {
    text-align:right;
}
.redText {
    color:#E32527;
}
.naDisp {
    display:block;
    font-size:18px;
    line-height:17px;
    padding:55px 0 0;
}
.leftCol, .leftCol01 {
    color: #FFF;
}

.leftCol_truck {
    color: #000;
}

.rightCol {
    color: #000;
}

.rightCol_truck {
    color: #FFF;
}

#form1\3A cbo_2_3_0_Broker_PublicLiability {
    width: 68px !important;
}

#form1\3A cbo_2_3_0_Broker_Referral {
    width: 185px !important;
}

#form1\3A cbo_2_3_0_Broker_SignWritten {
    width: 68px !important;
}
.priceDisp {
    color:#E32527;
    display:block;
    padding:48px 0 10px;
}

#form1\3A pnlAlarm {
    width: 700px;
}

#form1\3A pnlImmob {
    width: 700px;
}

#form1\3A pnlTracker {
    width: 700px;
}

#form1\3A pnlLogos {
    height: 300px;
}
#form1\3A lblPlan1Initial {
    top:51px !important;
}
#form1\3A lblPlan1Installment {
    top:74px !important;
}

#starburst {
    left:595px;
    position:absolute;
    z-index:999;
    top:-16px;
    /* IE8 Standards mode hack */
    top /*\**/: -11px\9
}
/* IE7 hack */
*+html #starburst {  top: -16px; }
/* IE6 hack */
* html #starburst {  top: -16px; }

#termsTable {
    margin:10px 0 0 0;
}
#termsTable td {
    font-size:11px;
    padding:5px 0;
}

#lblErrorQuestion {
    display:block;
    margin:0 0 0 8px;
}
#chkTerms {
    margin:2px 5px 0 1px;
    padding:0;
    *overflow:hidden;       /*  ie positioning hacks  */
    *width:13px;
    *height:13px;
    *vertical-align:bottom;
    *top:0 !important;
    *margin:0 5px 0 1px;
}
#lblError {
    display:block;
    margin:-5px 0 0 9px;
}

#form1\3A pnlUnlistedVehicle {
    display: none !important;
}

#tableFooter img {
    vertical-align: top;
}

.WorldPayButton
{
    position: absolute;
    left: 25px;
    top: 105px;
    z-index :50000 ;
}

#iftSideBar {
    float:right;
    position:relative;
}
#iftSideBar .innerPanel {
    position:absolute;
    left:-180px;
    top:120px;
    z-index:500;
}
#iftSideBar .innerPanel img {
    display:block;
}
#iftSideBar .innerPanel a {outline:none;}
.FieldDriverStatus {left:340px;}
#form1\3A cboOtherVehInsurer {width:230px;}
