﻿
/* -------------------------------- */
/* RESET                            */
/* -------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body
{
    line-height: 1;
}
ol, ul
{
    list-style: none;
}
blockquote, q
{
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after
{
    content: '';
    content: none;
}

/* -------------------------------- */
/* Structure                        */
/* -------------------------------- */

body
{
    font-family: arial, sans-serif;
    background: #ccc;
    font-size: 62.5%;
}
#divWrapper
{
    width: 943px;
    margin: 10px auto 10px;
}
#divTopCurve
{
    width: 943px;
    height: 10px;
    background: url("../images/topCurve.gif") 0px 0px no-repeat;
}
#divInnerWrapper
{
    width: 923px;
    padding: 0px 10px 0px 10px;
    background: transparent url("../images/middleBg.gif") 0px 0px repeat-y;
    float: left;
}
* html #divInnerWrapper
{
    margin: -1px 0px 0px 0px;
    width: 926px; /* 3 pixels wider */
}
#divHeader
{
    position: relative;
    width: 923px;
    height: 113px;
    background: url("../images/headerBg.jpg") 0px 0px no-repeat;
}
#divNav
{
    border: 1px solid green;
}
#divBanner
{
    margin: 12px 0px 25px 0px;
    float: left;
    width: 582px;
    height: 321px;
    background: #175491 url("../images/fleetBanner.jpg") 92% 51% no-repeat;
}

/* -------------------------------- */
/* Banner Images                    */
/* -------------------------------- */

.div_panel_car
{
    margin: 12px 0px 25px 0px;
    float: left;
    width: 582px;
    height: 321px;    
    background: #175491 url("../images/fleetBanner.jpg") 92% 51% no-repeat;
}
.div_panel_van
{
    margin: 12px 0px 25px 0px;
    float: left;
    width: 582px;
    height: 321px;
    background: #175491 url("../images/vanBanner4.jpg") 92% 51% no-repeat;
}
.div_panel_motorbike
{
    margin: 12px 0px 25px 0px;
    float: left;
    width: 582px;
    height: 321px;
    background: #175491 url("../images/motorbikeBanner.jpg") 92% 51% no-repeat;
}
.div_panel_motorhome
{
    margin: 12px 0px 25px 0px;
    float: left;
    width: 582px;
    height: 321px;
    background: #175491 url("../images/motorhomeBanner.jpg") 92% 51% no-repeat;
}
.div_panel_cherished
{
    margin: 12px 0px 25px 0px;
    float: left;
    width: 582px;
    height: 321px;
    background: #175491 url("../images/cherishedBanner.jpg") 92% 51% no-repeat;
}
.div_panel_australian
{
    margin: 12px 0px 25px 0px;
    float: left;
    width: 582px;
    height: 321px;
    background: #175491 url("../images/australianBanner.jpg") 92% 51% no-repeat;
}
.div_panel_imported
{
    margin: 12px 0px 25px 0px;
    float: left;
    width: 582px;
    height: 321px;
    background: #175491 url("../images/importedBanner.jpg") 92% 51% no-repeat;
}

/* -------------------------------- */
/* Login                            */
/* -------------------------------- */

#divLoginContainer
{
    float: left;
    margin: 13px 0px 25px 12px;
}
#divLoginTopCurve
{
    width: 326px;
    height: 12px;
    background: transparent url("../images/loginTopCurve.jpg") 0% 0% no-repeat;
}
#divLogin
{
    width: 296px;
    padding: 0px 15px 0px 15px;
    background: transparent url("../images/loginBg.gif") 0% 0% repeat-y;
    overflow: hidden;
}
#divLoginBottomCurve
{
    width: 326px;
    height: 12px;
    background: transparent url("../images/loginBottomCurve.jpg") 0% 0% no-repeat;
}
.divLoginWrapper
{
    padding: 3px 3px 3px 3px;
    margin: 0px 0px 0px 0px;
    height: 20px;
}
.divLoginWrapper label
{
    width: 70px;
    color: #036;
    display: block;
    font-size: 1.3em;
    float: left;
    padding: 2px 0px 0px 15px;
    vertical-align: bottom;
    height: 20px;
}
.divLoginWrapper input
{
    width: 198px;
    height: 17px;
    border: 1px solid #aac9d7;
    float: left;
}
#divLogin img
{
    width: 61px;
    height: 56px;
    float: left;
    padding: 19px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    display: block;
}

/* -------------------------------- */
/* Product Row                      */
/* -------------------------------- */

#divProductRow
{
    clear: both;
    margin: 0px 0px 30px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    width: 923px;
}
.divProductWrapper
{
    width: 213px;
    float: left;
    margin: 0px 23px 0px 0px;
}
.divProductWrapperLast
{
    width: 213px;
    float: left;
    margin: 0px 0px 0px 0px;
}
#divProdOne, #divProdTwo, #divProdThree, #divProdFour
{
    float: left;
    width: 213px;
    height: 162px;
}
#divProdOne
{
    background: transparent url("../images/carInsurance.jpg") 0% 0% no-repeat;
}
#divProdTwo
{
    background: transparent url("../images/vanInsurance.jpg") 0% 0% no-repeat;
}
#divProdThree
{
    background: transparent url("../images/motorbikeInsurance.jpg") 0% 0% no-repeat;
}
#divProdFour
{
    background: transparent url("../images/motorhomeInsurance.jpg") 0% 0% no-repeat;
}


/*************************/
/* Account Adminstration */
/*************************/
.h2AccountAdmin
{
    margin-top: 20px;
}
#divAccAdminWrapper h3
{
    padding: 0px 0px 5px 30px;    
}

#divAccAdminWrapper
{    
    float: left;
}

.divAccAdminTopCurve
{
    width: 832px;
    height: 11px;
    background: #fff url("../images/accAdminTopCurve.gif") no-repeat 0% 0%;
}

.divAccAdminRow
{
    width: 792px;    
    height: 94px;
    padding-left: 40px;    
    background: url("../images/accAdminBg.gif") 0% 0%;
}

.divAccAdminBotCurve
{
    width: 832px;
    height: 11px;
    background: url("../images/accAdminBotCurve.gif") no-repeat 0% 0%;
    margin: 0px 0px 20px 0px;
}

.divAccAdminRow div
{    
    float: left;     
    margin: 0px 50px 0px 0px;    
}

.divAccAdminRow img
{
    display: block;    
    width: 68px;
    height: 57px;    
}

.aAccAdminName:link, .aAccAdminName:visited, .aAccAdminName:hover, .aAccAdminName:active
{
    padding: 0px 0px 0px 0px;    
    margin: 4px 0px 0px 0px;
    width: 68px;
    float: left;
    clear: both;    
    text-align: center;
    font-size: 1.1em;
    line-height: 1.1em;
    color: #444;
    text-decoration: none;
}


/* -------------------------------- */
/* Main Content                     */
/* -------------------------------- */

#divContent
{
    float: left;
    width: 575px;
    padding: 0px 0px 30px 10px;
}

#divFindDealerContent
{
    float: left;
    width: 905px;
    padding: 0px 0px 30px 10px;    
}

#divMyAccountContent
{
    float: left;
    width: 570px;
    padding: 30px 0px 30px 10px;
}

/* -------------------------------- */
/* Narrow Column                    */
/* -------------------------------- */

#divNarrowCol
{
    float: left;
    padding: 10px 0px 0px 0px;
    margin: 0px 0px 0px 25px;
    width: 316px;
}
#divSubNavCol
{
    float: left;
    padding: 10px 0px 0px 0px;
    margin: 0px 0px 0px 45px;
    width: 296px;
}
#divMyAccountSubNavCol
{
    float: left;
    padding: 67px 0px 0px 0px;
    margin: 0px 0px 0px 95px;
    width: 246px;
}

/* -------------------------------- */
/* Info Boxes                       */
/* -------------------------------- */

#divInfoWrapper
{
    padding: 5px 0px 0px 0px;
    margin: 12px 0px 0px 0px;
    width: 318px;
    float: left;
    background: transparent url("../images/infoGradBg.gif") 100% 0% no-repeat;
}
.divInfoContainer
{
    clear: both;
    float: left;
    width: 303px;
    margin: 0px 0px 25px 0px;
}
.divInfo
{
    float: left;
    width: 140px;
}
.divImage
{
    float: left;
    width: 146px;
    height: 112px;
    margin: 0px 0px 0px 12px;
    padding: 5px 0px 0px 0px;
}
.divImage img
{
    border: 1px solid #555;
}

/* -------------------------------- */
/* Footer                           */
/* -------------------------------- */

/*#divFooter
{
    float: left;
    padding: 20px 50px 20px 50px;
    background: #c3dbe7;
    width: 823px;
}*/

#divFooter
{
    float: left;
    padding: 20px 50px 116px 50px;
    background: #c3dbe7;
    width: 823px;
    position: relative;
}

.pFooterContact
{
    position: absolute;
    right: 48px;
    bottom: 19px;
    font-size: 1.4em;
    padding: 0px 0px 0px 0px;    
}
.pFooterContactEmail
{
    position: absolute;
    right: 27px;
    bottom: 43px;
    font-size: 1.4em;
    padding: 0px 0px 0px 0px;    
}
.pFooterContact span,
.pFooterContactEmail span
{
    font-weight: bold;
    color: #036;    
    padding: 5px 33px 0px 2px;
    background: transparent url("../images/speechBubble.jpg") 100% 50% no-repeat;
}
.pFooterContactEmail span
{    
    background: none;
}


#divEmailAddRemoveWrapper
{
    margin-top: 10px;
}
.selectEmailInvoice
{
    border: 1px solid #ccc;    
    width: 560px;
    height: 200px;
}



#divBottomCurve
{
    clear: both;
    width: 943px;
    height: 12px;
    background: url("../images/bottomCurve.gif") 0px 0px no-repeat;
}
* html #divBottomCurve
{
    clear: both;
    width: 943px;
    height: 12px;
    background: url("../images/bottomCurve.gif") 0px 0px no-repeat;
}

/* -------------------------------- */
/* Links                            */
/* -------------------------------- */

a:link, a:visited, a:hover, a:active
{
    font-family: arial, sans-serif;
    color: #036;
    text-decoration: underline;
}
.aSmallArrow
{
    padding: 0px 8px 0px 0px;
    font-size: 1.1em;
    background: transparent url("../images/standardArrow.gif") 100% 60% no-repeat;
}
.aShowMore:link, .aShowMore:visited, .aShowMore:hover, .aShowMore:active
{
    display: block;
    text-decoration: none;
    font-weight: normal;
    font-size: 1.2em;
    padding: 0px 27px 0px 0px;
    height: 40px;
    color: #333;
    background: transparent url("../images/expand.jpg") 100% 15% no-repeat;
}
.aShowLess:link, .aShowLess:visited, .aShowLess:hover, .aShowLess:active
{
    display: block;
    text-decoration: none;
    font-weight: normal;
    font-size: 1.2em;
    padding: 0px 27px 0px 0px;
    height: 40px;
    color: #333;
    background: transparent url("../images/contract.jpg") 100% 15% no-repeat;
}

/* -------------------------------- */
/* Layout                           */
/* -------------------------------- */

p
{
    font-size: 1.2em;
    padding: 0px 0px 15px 0px;
    line-height: 1.8em;
    color: #555;
}
.pEnterNamePW
{
    color: #333;
    padding: 5px 0px 20px 0px;
}
div_certificate p
{
    line-height: 2em;
}
.pTrademark
{
    line-height: 1.4em;
    font-size: 1.1em;
    color: #000;
    margin-top: 5px;
    padding: 0px 0px 0px 20px;    
}
.pClear
{
    clear: both;
}
.pShowMore
{
    padding: 0px 0px 0px 0px;
    float: left;
    margin: 0px 0px 10px 0px;
}
.divInfoContainer p
{
    line-height: 1.3em;
}
.pForgottenPW
{
    clear: both;
    text-align: right;
    font-size: 1.1em;
    padding: 16px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 100%;
}
.pGuidance, .pNotFound
{
    font-size: 1em;
    padding: 5px;
    margin: 5px 0px 0px 0px;
    line-height: 1.4em;
    color: #036; /*width: 280px;    */
}
.pNotFound
{
    color: #f00;
    margin: 0px 0px 0px 0px;
    line-height: 1.6em;
    background: #f6f6f6;
    width: auto;
    padding: 10px 0px 10px 15px;
}
.pConfirmation
{
    font-weight: bold;
}
h1
{
    height: 113px;
    position: relative;
    text-indent: -9999px;
}
h2
{
    font-size: 1.8em;
    /*line-height: 1.8em;*/
    font-weight: bold;
    padding: 0px 0px 0px 0px;
    color: #036;
}
.h2Banner
{
    margin-left: 348px;
    font-size: 2.4em;
    line-height: 1.4em;
    font-weight: bold;
    color: #fff;
    padding: 40px 0px 0px 0px;
}
/* start deviate - banner text positioning (motorbike and motorhome) */
.div_panel_motorbike .h2Banner
{
    margin-left: 320px;
}
.div_panel_motorhome .h2Banner
{
    margin-left: 310px;
}
.div_panel_australian .h2Banner
{
    margin-left: 270px;
    color: #333;
}

/* end */
.h2BannerSecondary
{
    margin-left: 348px;
    font-size: 1.4em;
    line-height: 1.7em;
    font-weight: bold;
    color: #fff;
    padding: 15px 0px 0px 0px;
}
/* start deviate - banner text positioning (motorbike and motorhome) */
.div_panel_motorbike .h2BannerSecondary
{
    margin-left: 320px;
}
.div_panel_motorhome .h2BannerSecondary
{
    margin-left: 310px;
}
.div_panel_australian .h2BannerSecondary
{
    margin-left: 270px;
    color: #036;
}

/* end */
.h2Login
{
    font-size: 1.7em;
    font-weight: normal;
    color: #036;
    background: transparent url("../images/loginUnderline.jpg") 110px 8px no-repeat;
    padding: 0px 0px 5px 0px;
}
.h2MyAccount
{
    font-size: 1.8em;
    line-height: 1.8em;
    font-weight: bold;
    padding: 0px 0px 0px 0px;
    color: #036;
    padding: 0px 0px 10px 0px;
}
.h2QuoteRef
{
    font-size: 1.6em;
    line-height: 1.4em;
    font-weight: bold;
    padding: 0px 0px 10px 0px;
    color: #6796aa;
}
h3
{
    font-size: 1.6em;
    padding: 0px 0px 25px 0px;
    padding: 0px 0px 15px 0px;
    line-height: 1.4em;
    color: #6796aa;
}
.h3MyAccount
{
    font-size: 1.5em;
    line-height: 1.4em;
    font-weight: bold;
    padding: 0px 0px 10px 0px;
    color: #036;
}
.h3ToExpand
{
    font-size: 1.6em;
    padding: 7px 0px 25px 0px;
    line-height: 1.4em;
    color: #6796aa;
    clear: both;
    border-top: 1px solid #6796aa;
}
.h3ToExpandTop
{
    font-size: 1.6em;
    padding: 7px 0px 25px 0px;
    line-height: 1.4em;
    color: #6796aa;
    clear: both;
    border-top: none;
    cursor: pointer;
}
.h3AccountBox
{
    font-size: 1.4em;
    padding: 0px 0px 10px 5px;
    line-height: 1.4em;
    color: #6796aa;
}
#divProductRow h3
{
    text-decoration: arial-black, arial, sans-serif;
    width: 203px;
    color: #036;
    font-size: 1.6em;
    font-weight: bold;
    padding: 0px 0px 5px 10px;
}
h4
{
    font-size: 1.5em;
    line-height: 1.4em;
    padding: 0px 0px 10px 0px;
    color: #6796AA; /*#036;*/
}
.h4MoreInfoTitle
{
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 20px 0px 0px;
    background: transparent url("../images/baseArrowDarkBlue.gif") 100% 50% no-repeat;
}
/* targeting h4 on my account and change details pg, IE8 - because won't collapse like FF */
h4#ctl00_ContentPlaceHolder1_h4_NewInsurancePolicy, h4.hide
{
    display: none;
}
/* targeting h4 on my account and change details pg, IE6 ONLY */
* html h4#ctl00_ContentPlaceHolder1_h4_NewInsurancePolicy, * html h4.hide
{
    display: none;
}
.h4MoreInfoSub
{
    font-size: 1.4em;
    line-height: 1.2em;
    padding: 0px 0px 10px 0px;
}
.h4ToExpand
{
    font-size: 1.2em;
    line-height: 1.4em;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
    color: #036;
    clear: both;
}
.h4ToExpand:hover
{
    cursor: pointer;
}
.divSitemapContent h4
{
    font-size: 1.5em;
    line-height: 1.4em;
    padding: 0px 0px 10px 10px;
    color: #036;
}
.spanQuoteRef
{
    font-size: 1em;
    line-height: 1.4em;
    font-weight: bold;
    padding: 0px 0px 10px 96px;
    color: #6796aa;
}
h1 img
{
    position: absolute;
    left: 17px;
    bottom: 8px;
}

/* -------------------------------- */
/* Lists                            */
/* -------------------------------- */

ul.ulStandard, ul.ulStandardBg
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 20px 40px;
    list-style-type: disc;
    color: #555;
}
ul.ulStandard li, ul.ulStandardBg li
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 1.2em;
    line-height: 1.6em;
}
ol.olStandard, ol.olStandardBg
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 20px 0px;
    list-style-type: none;
    color: #555;
}
ol.olStandard li, ol.olStandardBg li
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 10px 0px;
    font-size: 1.2em;
    line-height: 1.8em;
}
ol.olAlpha
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 20px 40px;
    list-style-type: lower-alpha;
    color: #555;
}
ol.olAlpha li
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 10px 0px;
    font-size: 1.2em;
    line-height: 1.8em;
}
/* nested list */
ul.ulStandard ul.ulStandard, ol.olStandard ol.olStandard
{
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 10px 40px;
    list-style-type: circle;
    color: #555;
}
ul.ulStandard li ul.ulStandard li, ol.olStandard li ol.olStandard li
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    line-height: 1.6em;
    font-size: 100%;
}
ul#ulBannerNav
{
    font-family: arial, sans-serif;
    position: absolute;
    color: #fff;
    top: 21px;
    right: 14px;
    padding: 0px;
    width: 200px;
}
ul#ulBannerNav li
{
    font-size: 1.1em;
    float: left;
}
ul#ulBannerNav li a
{
    color: #2287BD;
    padding: 0px 4px 0px 4px;
    text-decoration: underline;
}

/*ul#ulNav
{
    width: 923px;
    font-family: arial, sans-serif;
    background: #ccc;
}
ul#ulNav li
{
    float: left;
}
ul#ulNav li a
{
    font-size: 1.5em;
    display: block;
    border-left: 1px solid #fff;
    color: #036;
    height: 26px;
    padding: 13px 0px 0px 0px;
    text-align: left;
    text-decoration: none;
    background: url("../images/navBg.jpg") 0px 0px repeat-x;
}
ul#ulNav li a.aGetAQuote
{
    width: 199px; /*130px;*/
ul#ulNav li a.aGetAQuote
{
    width: 199px; 
    border-left: 0px;
    font-weight: bold;
    padding: 13px 25px 0px 0px;
    background: #036 url("../images/largeButtonArrow.png") 92% 51% no-repeat;
    color: #fff;
} 

ul#ulNav
{
    width: 923px;
    font-family: arial, sans-serif;
    background: #ccc;
}
ul#ulNav li
{
    float: left;
}
ul#ulNav li a
{
    font-size: 1.5em;
    display: block;
    border-left: 1px solid #fff;
    color: #036;
    height: 26px;
    padding: 13px 0px 0px 0px;
    text-align: center;
    text-decoration: none;
    background: url("../images/navBg.jpg") 0px 0px repeat-x;
}
ul#ulNav li a.aGetAQuote
{
    width: 199px;
    border-left: 0px;
    font-weight: bold;
    padding: 13px 25px 0px 30px;
    text-align: left;
    background: #036 url("../images/largeButtonArrow.png") 92% 51% no-repeat;
    color: #fff;
}

ul#ulNav li a.aBlank
{
    width: 668px;    
    cursor: default;    
}

ul#ulNav li a.aQuickQuote
{
    width: 133px;
    font-weight: bold;
    padding: 13px 25px 0px 0px;
    background: #175491 url("../images/largeButtonArrow.png") 92% 51% no-repeat;
    color: #fff;
}
ul#ulNav li a.aNav
{
    width: 923px;
}
#ulSubNav, #ulMyAccountSubNav, #ulNewQuote
{
    list-style-type: none;
    padding: 0px 0px 20px 0px;
    margin: 15px 0px 0px 0px;
    float: left;
    width: 297px;
    cursor: pointer;
}
/*  Fix horizontal scrolling 
    on account area pages only  */
#divMyAccountSubNavCol ul#ulSubNav, #divMyAccountSubNavCol ul#ulNewQuote
{
    width: 247px;
}
#ulMyAccountSubNav, #ulNewQuote
{
    padding: 0px 0px 20px 0px;
    width: 247px;
}
#ulSubNav li, #ulMyAccountSubNav, #ulNewQuote li
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border-bottom: 1px solid #eaeaea;
    width: 243px;
}
#ulSubNav li.active
{
    background: #f6f6f6;
}
#ulSubNav li a, #ulMyAccountSubNav li a, #ulNewQuote li a
{
    text-decoration: none;
    padding: 0px 0px 0px 10px;
    margin: 0px 0px 0px 0px;
    color: #036;
    font-weight: bold;
    font-size: 1.3em;
    line-height: 2.4em;
    display: block;
    background: transparent url("../images/standardArrow.gif") 0% 50% no-repeat;
    height: 1%;
}
#ulMyAccountSubNav li a
{
    display: inline;
}
#ulSubNav li a:hover, #ulMyAccountSubNav li a:hover, #ulNewQuote li a:hover
{
    text-decoration: underline;
}
#ulBannerLinks
{
    margin: 53px 26px 0px 0px;
    float: right;
    display: inline;
}
/* start deviate - change to banner link buttons (motorhome) */
.div_panel_motorhome #ulBannerLinks
{
    margin: 53px 36px 0px 0px;
}
/* end */
/* start deviate - change to banner link buttons (cherished) */
.div_panel_cherished #ulBannerLinks
{
    margin: 39px 26px 0px 0px;
}
/* end */
/* start deviate - change to banner link buttons (australian) */
.div_panel_australian #ulBannerLinks
{
    margin: 53px 36px 0px 0px;
}
/* end */
#ulBannerLinks li
{
    height: 40px;
    margin: 0px 0px 6px 0px;
    padding: 0px 0px 0px 14px;
    background: transparent url("../images/leftBannerButton.png") 0% 0% no-repeat;
}
* html #ulBannerLinks li
{
    width: 0%;
    background: transparent url("../images/leftBannerButton.png") 0% 0% no-repeat;
}
#ulBannerLinks li a
{
    height: 29px;
    text-decoration: none;
    padding: 11px 53px 0px 0px;
    color: #fff;
    font-weight: bold;
    font-size: 1.8em;
    display: block;
    background: transparent url("../images/rightBannerButtonArrow.png") 100% 50% no-repeat;
    width: 6.9em;
    margin-right: -4px;
}
* html #ulBannerLinks li a
{
    height: 29px;
    padding: 11px 53px 0px 0px;
    display: block;
    background: transparent url("../images/rightBannerButtonArrow.png") 100% 50% no-repeat;
    width: 6.9em;
    margin: 0px 0px 0px 0px;
}
#ulBreadcrumb
{
    margin: -10px 0px 20px -15px;
    padding: 7px 0px 0px 10px;
    list-style-type: none;
    color: #555;
    width: 570px;
    height: 2em;
}
#ulBreadcrumb li
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    font-size: 1.1em;
}
#ulBreadcrumb li a
{
    padding: 0px 15px 0px 10px;
    margin: 0px 0px 0px 0px;
}
#ulBreadcrumb li a.first
{
    padding: 0px 10px 0px 0px;
}
.spanBreadcrumb
{
    padding: 0px 2px 0px 2px;
}
#ulLogin
{
    float: left;
    margin: 22px 0px 0px 87px;
    width: 210px;
    display: inline;
}
* html #ulLogin
{
    margin: 17px 0px 0px 87px;
}
#ulLogin li
{
    height: 29px;
    padding: 0px 0px 0px 12px;
    float: left;
    margin-right: 10px;
    background: transparent url("../images/leftButton.png") 0% 0% no-repeat;
}
* html #ulLogin li
{
    width: 0%;
}
#ulLogin li a
{
    height: 20px;
    text-decoration: none;
    padding: 9px 30px 0px 0px;
    color: #036;
    font-weight: bold;
    font-size: 1.4em;
    display: block;
    background: transparent url("../images/rightButtonArrow.png") 100% 50% no-repeat;
}
#ulLoginList
{
    font-family: arial, sans-serif;
    color: #036;
    padding: 0px 0px 0px 0px;
    margin: 18px 0px 0px 80px;
}
#ulLoginList li
{
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.5em;
    padding: 0px 0px 0px 5px;
    margin: 0px 0px 0px 20px;
    list-style-image: url("../images/loginBullet.gif");
}
.ulProdButtons
{
    float: left;
    margin: 20px 0px 0px 8px;
    width: 205px;
    display: block;
}
* html .ulProdButtons
{
    display: inline;
}
.ulProdButtons li
{
    height: 29px;
    padding: 0px 0px 0px 6px;
    float: left;
    margin-right: 6px;
    background: transparent url("../images/leftProdButton.gif") 0% 0% no-repeat;
    display: inline;
}
.ulProdButtons li a:link, .ulProdButtons li a:visited, .ulProdButtons li a:hover, .ulProdButtons li a:active
{
    height: 20px;
    text-decoration: none;
    padding: 9px 27px 0px 0px;
    color: #fff;
    font-weight: bold;
    font-size: 1.2em;
    display: block;
    background: transparent url("../images/rightProdButtonArrow.gif") 100% 50% no-repeat;
}
* html .ulProdButtons li a
{
    float: left;
}
#ulContact, .ulTableRegister
{
    width: 550px;
    float: left;
    font-size: 1.2em;
    margin: 0px 0px 0px 0px;
    padding: 5px 5px 4px 5px;
    background: #fff;
    border: 1px solid #ccc;
}
#ulAffiliate
{
    width: 550px;
    float: left;
    font-size: 1.2em;
    margin: 0px 0px 0px 0px;
    padding: 5px 5px 4px 5px;
    background: #fff;
    border: 1px solid #ccc;
}
#ulQuickQuote
{
    width: 550px;
    float: left;
    font-size: 1.2em;
    margin: 0px 0px 0px 0px;
    padding: 5px 5px 4px 5px;
    background: #fff;
    border: 1px solid #ccc;
}
#ulPWError, #ulPersonalError
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style-type: none;
    color: red;
}
#ulPWError li, #ulPersonalError li
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 1em;
}

/* -------------------------------- */
/* FAQS                             */
/* -------------------------------- */

.divFAQsContent .h4ToExpand
{
    background: #f6f6f6;
    padding: 2px 0px 2px 0px;
}
.divFAQsContent #divFaqContainer h3
{
    padding: 0px 0px 20px 0px;
}
.divFAQBlock
{
    padding: 0px 0px 10px 0px;
}
#contact legend
{
    color: #036;
    font-weight: normal;
    font-size: 1.4em;
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 300px;
    text-indent: -99999px;
}

/* -------------------------------- */
/* Contact Form                     */
/* -------------------------------- */

*:first-child + html #contact legend
{
    margin: 0px 0px 0px -6px;
}
#ulContact li, .ulTableRegister li
{
    width: 100%;
    float: left;
    display: block;
    padding: 5px 0px 5px 0px;
    background: #f6f6f6;
    border-bottom: 1px solid #fff;
}
#ulContact li.liBg, .ulTableRegister li.liBg
{
    float: left;
    background: #f6f6f6;
}
#ulContact label, .ulTableRegister span
{
    clear: both;
    width: 160px;
    margin: 0px 0px 0px 0px;
    float: left;
    line-height: 1.4em;
    padding: 3px 10px 3px 15px;
    display: block;
    color: #036;
}
#ulContact input, .ulTableRegister input
{
    float: left;
    width: 260px;
    margin: 0px 0px 0px 0px;
    padding: 1px 0px 3px 0px;
    line-height: 1.4em;
}
#ulContact li.liSubmit input, .ulTableRegister li.liSubmit input
{
    float: left;
    width: 7em;
    margin: 0px 0px 0px 185px;
    padding: 0px 0px 0px 0px;
    font-family: arial, sans-serif;
    line-height: 1.2em;
    height: 26px;
}
#ulContact li.liForgotten input, .ulTableRegister li.liForgotten input
{
    float: left;
    width: 7em;
    margin: 0px 0px 0px 185px;
    padding: 0px 0px 0px 0px;
    line-height: 1em;
}
#ulContact textarea, .ulTableRegister textarea
{
    width: 257px;
    float: left;
}
input#submitContact
{
    margin: 15px 0px 0px 363px;
    width: 92px;
    padding: 1px 0px 0px 0px;
    line-height: normal;
}
#ctl00_ContentPlaceHolder1_div_success p
{
    width: 530px;
    font-size: 1.3em;
    font-weight: bold;
    color: #555;
    padding: 0px 10px 10px 0px;
    margin: 0px 0px 10px 0px;
    background: #fff;
}


/* -------------------------------- */
/* Affiliate Form                     */
/* -------------------------------- */

*:first-child + html #affiliate legend
{
    margin: 0px 0px 0px -6px;
}
#ulAffiliate li
{
    width: 100%;
    float: left;
    display: block;
    padding: 5px 0px 5px 0px;
    background: #f6f6f6;
    border-bottom: 1px solid #fff;
}
#ulAffiliate li.liBg
{
    float: left;
    background: #f6f6f6;
}
#ulAffiliate label
{
    clear: both;
    width: 160px;
    margin: 0px 0px 0px 0px;
    float: left;
    line-height: 1.4em;
    padding: 3px 10px 3px 15px;
    display: block;
    color: #036;
}
#ulAffiliate input
{
    float: left;
    width: 260px;
    margin: 0px 0px 0px 0px;
    padding: 1px 0px 3px 0px;
    line-height: 1.4em;
}
#ulAffiliate li.liSubmit input
{
    float: left;
    width: 7em;
    margin: 0px 0px 0px 185px;
    padding: 0px 0px 0px 0px;
    font-family: arial, sans-serif;
    line-height: 1.2em;
    height: 26px;
}
#ulAffiliate li.liForgotten input
{
    float: left;
    width: 7em;
    margin: 0px 0px 0px 185px;
    padding: 0px 0px 0px 0px;
    line-height: 1em;
}
#ulAffiliate textarea
{
    width: 257px;
    float: left;
}
input#submitAffiliate
{
    margin: 15px 0px 0px 363px;
    width: 92px;
    padding: 1px 0px 0px 0px;
    line-height: normal;
}

#ulAffiliate input.inputAffiliate
{
    float: left;
    font-family: arial,sans-serif;
    height: 26px;
    line-height: 1.2em;
    margin: 10px 0 0 185px;
    padding: 0;
    width: 12em;
}

/* -------------------------------- */
/* Quick Quote Form                  */
/* -------------------------------- */

*:first-child + html #quickQuote legend
{
    margin: 0px 0px 0px -6px;
}
#ulQuickQuote li
{
    width: 100%;
    float: left;
    display: block;
    padding: 5px 0px 5px 0px;
    background: #f6f6f6;
    border-bottom: 1px solid #fff;
}
#ulQuickQuote li.liSubmit
{
    padding: 15px 0px 15px 0px;
}
#ulQuickQuote li.liBg
{
    float: left;
    background: #f6f6f6;
}
#ulQuickQuote label
{
    clear: both;
    width: 160px;
    margin: 0px 0px 0px 0px;
    float: left;
    line-height: 1.4em;
    padding: 3px 10px 3px 15px;
    display: block;
    color: #036;
}
#ulQuickQuote input
{
    float: left;
    width: 260px;
    margin: 0px 0px 0px 0px;
    padding: 1px 0px 3px 0px;
    line-height: 1.4em;
}
#ulQuickQuote li.liSubmit input
{
    float: left;
    width: 10em;
    margin: 0px 0px 0px 185px;
    padding: 0px 0px 0px 0px;
    font-family: arial, sans-serif;
    line-height: 1.2em;
    height: 26px;
}
#ulQuickQuote li.liSubmit a
{
    float: left;
    text-decoration: none;
    padding: 8px 37px 0 0;
    margin: 0px 8px 0px 185px;
    font-size: 1.2em;
    font-family: arial, sans-serif;
    color: #fff;
    background: transparent url("../images/rightQuoteButtonArrow.gif") 100% 0% no-repeat;
}
#ulQuickQuote li.liSubmit a span
{
    float: left;
    padding: 0px 15px 0px 0px;
    display: block;
    margin: -8px 0px 0px 0px;
    height: 29px;
    background: transparent url("../images/leftQuoteButton.gif") 0% 0% no-repeat;
}
#ulQuickQuote li.liForgotten input
{
    float: left;
    width: 7em;
    margin: 0px 0px 0px 185px;
    padding: 0px 0px 0px 0px;
    line-height: 1em;
}
#ulQuickQuote textarea
{
    width: 257px;
    float: left;
}
input#submitQuickQuote
{
    margin: 15px 0px 0px 363px;
    width: 92px;
    padding: 1px 0px 0px 0px;
    line-height: normal;
}
#ulQuickQuote input.inputQuickQuote
{
    float: left;
    font-family: arial,sans-serif;
    height: 26px;
    line-height: 1.2em;
    margin: 10px 0 0 185px;
    padding: 0;
    width: 12em;
}

#ulQuickQuote .inputCheckbox input
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: auto;
}
#ctl00_ContentPlaceHolder1_SelectVehicle #ctl00_ContentPlaceHolder1_cboMake
{
    width: 260px;
    float: left; /*border: 1px solid red;*/
}
#ctl00_ContentPlaceHolder1_SelectVehicle #ctl00_ContentPlaceHolder1_cboModel
{
    width: 325px;
    float: left; /*border: 1px solid blue;*/
}

/* --------------------------------------------- */
/* Full Quote                                    */
/* --------------------------------------------- */

#ctl00_ContentPlaceHolder1_quote_table a
{
    float: left;
    text-decoration: none;
    padding: 1px 37px 0 0;
    margin: 0px 8px 0px 0px;
    font-size: 1.2em;
    font-family: arial, sans-serif;
    color: #fff;
    background: transparent url("../images/rightQuoteButtonArrow.gif") 100% 0% no-repeat;
}
#ctl00_ContentPlaceHolder1_quote_table a span
{
    float: left;
    padding: 0px 15px 0px 0px;
    display: block;
    margin: -1px 0px 0px 0px;
    height: 29px;
    background: transparent url("../images/leftQuoteButton.gif") 0% 0% no-repeat;
}
#ctl00_ContentPlaceHolder1_quote_table .tdRowContinue
{
    line-height: 2.4em;
    padding: 15px 0px 15px 190px;
    margin: 0px 0px 0px 10px;
    font-weight: normal;
    color: #036;
    background: #f6f6f6;
    border-bottom: 1px solid #f6f6f6;
}
#ctl00_ContentPlaceHolder1_quote_table .tdRowHeading
{
    width: 90px;
}
/* --------------------------------------------- */
/* Privacy Policy                                */
/* --------------------------------------------- */

.pAddress
{
    padding: 0px 0px 10px 0px;
}
.pAddress span
{
    width: 180px;
    display: block;
    margin: 0px;
    padding: 0px;
    float: left;
    clear: both;
}
address
{
    clear: both;
    margin-left: 180px;
    color: #555;
    font-size: 1.2em;
    line-height: 1.8em;
}

/* -------------------------------- */
/* Forgotten Password               */
/* -------------------------------- */

a.aForgotten
{
    border: 1px solid red;
    height: 2em;
    margin: 0px 0px 0px 240px;
}
.spnError
{
    width: 23px;
    height: 19px;
    float: left;
    margin: 0px 0px 0px 10px;
    padding: 2px 0px 0px 2px;
    display: block;
    background: transparent url("../images/smallFormError.png") 0% 0% no-repeat;
}
.pEnterNamePWForgotten
{
    font-size: 1.3em;
    border: 1px solid red;
    padding: 15px 10px 10px 80px;
    width: 470px;
    margin: 0px 0px 10px 0px;
    min-height: 50px;
    background: transparent url("../images/exclamation.gif") 3% 50% no-repeat;
}
.pEnterNamePWForgotten_Success
{
    background: #f6f6f6;
    font-size: 1.3em;
    border: 1px solid #ccc;
    padding: 15px 10px 15px 15px;
    width: 535px;
    margin: 0px 0px 10px 0px;
    color: #036;
}

#tblFilter
{
    margin-bottom: 10px;
    width: 910px;
}
#divFilterWrapper
{
   margin-bottom: 10px;
}
#tblFilter span
{
    padding-right: 20px;
}


/* -------------------------------- */
/* Footer                           */
/* -------------------------------- */

ul#ulFooterOne, ul#ulFooterTwo, ul#ulFooterThree
{
    width: 220px;
    margin: 0px 80px 0px 0px;
    float: left;
}
ul#ulFooterThree
{
    margin: 0px 0px 0px 0px;
}

ul#ulFooterOne li, ul#ulFooterTwo li, ul#ulFooterThree li
{
    font-size: 1.2em;
    line-height: 2em;
}
ul#ulFooterOne li a, ul#ulFooterTwo li a, ul#ulFooterThree li a
{
    text-decoration: none;
}
.liFooterTitle
{
    background: transparent url("../images/footerArrow.gif") 10.5em 5px no-repeat;
    padding: 0px 0px 10px 0px;
    font-weight: bold;
    font-size: 1.7em;
    color: #036;
}
.liFooterTitleTwo
{
    background: transparent url("../images/footerArrow.gif") 8.5em 5px no-repeat;
    padding: 0px 0px 10px 0px;
    font-weight: bold;
    font-size: 1.7em;
    color: #036;
}
.liFooterTitleThree
{
    background: transparent url("../images/footerArrow.gif") 8.5em 5px no-repeat;
    padding: 0px 0px 10px 0px;
    font-weight: bold;
    font-size: 1.7em;
    color: #036;
}

/* --------------------------------------------- */
/* Added: 04/08/2009 11:30 - JS                  */
/* This is for the MyAccount Display Quote       */
/* --------------------------------------------- */
.quote_details
{
    clear: both;
    margin-bottom: 15px;
    color: #555;
    display: table;
}
.quote_details h3
{
    margin: 0px;
    padding: 3px;
    cursor: help;    
}
.quote_details p
{
    margin: 35px;
    border: 1px solid black;
    padding: 10px;
    background-color: #c3dbe7;
    display: none;
    margin-top: 5px;
    color: black;
}
#divContentWide
{
    float: left;
    padding: 0px 0px 30px 10px;
    margin-right: 10px;
}
/* --------------------------------------------- */
/* End of update                                 */
/* --------------------------------------------- */


/* --------------------------------------------- */
/* My Account Area                               */
/* --------------------------------------------- */

.divMyAccount, .divYourPolicies, .divYourQuotes, .divRejectedQuotes, .divYourPassword, .divEditCustomer
{
    padding: 0px 0px 20px 0px;
}
.divMyAccount, .divDatesTimes, .divVehicleDetails, .divDriverDetails, .divCommissionDetails
{
    padding: 0px 0px 40px 0px;
}
.divMyAccount
{
    height: 350px;
}
.tableHeading
{
    font-size: 1.1em;
    font-weight: normal;
    padding: 2px 0px 0px 0px;
    margin: 0px 0px 5px 0px;
    background: #f6f6f6;
}
.divYourPolicies table span, .divYourQuotes table span, .divRejectedQuotes table span
{
    font-size: 1.2em;
    line-height: 1.6em;
    color: #555;
}
table .tableHeading span
{
    color: #036;
}
.divYourPolicies table a, .divYourQuotes table a, .divRejectedQuotes table a
{
    font-size: 1.2em;
    line-height: 1.2em;
    color: #036;
    padding: 0px 0px 0px 10px;
}
table#tableDatesTimes, table#tableVehicleDetails, table#tableDriverDetails, table#tablePersonalDetails, table#tableChangePassword, table#tableVehicleReg, table.quote_table, table#tableCommissionDetails
{
    font-size: 1.2em;
    line-height: 2em;
    color: #555;
    width: 570px;
}

.tdRowHeadingWhite
{
    line-height: 2.4em;
    padding: 0px 0px 0px 10px;
    margin: 0px 0px 0px 0px;
    width: 200px;
    font-weight: bold;
    font-size:9pt;
    color: #036;
    background: #fff;
    border-bottom: 1px solid #fff;
}
.tdColHeading
{
    width: 100px;
    font-size: 1em;
    padding: 0px 0px 0px 10px;
    font-weight: bold;
    color: #036;
    background: #f6f6f6;
}
.tdRow
{
    line-height: 2.4em;
    padding: 0px 0px 0px 10px;
    margin: 0px 0px 0px 10px;
    width: 200px;
    font-weight: normal;
    color: #036;
    background: #fff;
    border-bottom: 1px solid #f6f6f6;
}
.tdRow input
{
}
#ctl00_ContentPlaceHolder1_lblDocumentGenerationHTML, #ctl00_ContentPlaceHolder1_lblDocumentGenerationHTML_Firefox
{
    float: left;
    margin: 10px 0px 20px 0px;
}
table#tableVehicleReg td.tdError
{
    line-height: 2.4em;
    padding: 0px 0px 0px 10px;
    margin: 0px 0px 0px 10px;
    font-weight: normal;
    color: #036;
    background: #fff;
    border-bottom: 1px solid #f6f6f6;
}
/* to give more spacing in td height in tables in IE */
table tr td
{
    padding: 0px 0px 2px 0px;
}
/* Added: 13/08/2009 10:30 - JS */
.tdRow_checkbox
{
    line-height: 2.4em;
    padding: 0px 0px 0px 10px;
    margin: 0px 0px 0px 10px;
    width: 300px;
    font-weight: normal;
    color: #036;
    background: #fff;
    border-bottom: 1px solid #f6f6f6;
}
.tdRow_checkbox input
{
    width: 30px;
}
.tdRow input.inputSaveDetails, .tdRow input.inputSavePassword
{
    width: auto;
    margin: 10px 0px 0px 0px;
    font-family: arial, sans-serif;
}
.tdRow span.inputSex input
{
    width: auto;
}
table#tableDriverDetails td
{
    padding: 0px 0px 0px 10px;
}
#tableDriverDetails .trDriverDetailFirst
{
    margin: 10px 0px 0px 0px;
}
#tableVehicleDetails, #tableCommissionDetails
{
    padding: 0px 0px 0px 0px;
    margin: 20px 0px 30px 0px;
}

/* --------------------------------------------- */
/* My Account Page                               */
/* --------------------------------------------- */

#divAccountBoxWrapper
{
    margin: 30px 0px 0px 0px;
}
#divAccountBox1, #divAccountBox2
{
    float: left;
    width: 243px;
    margin: 0px 0px 0px 0px;
    padding: 0px 35px 0px 5px;
}
#divAccountBox1 img, #divAccountBox2 img
{
    width: 243px;
    height: 102px;
}
#divAccountBox1 p, #divAccountBox2 p
{
    padding: 10px;
}

/* --------------------------------------------- */
/* Change Details                                */
/* --------------------------------------------- */

#ctl00_ContentPlaceHolder1_divAddressDetails input
{
    margin: 0px 0px 4px 0px;
}
.cboDrivingLicence
{
    width: 204px;
}
#tableVehicleReg select
{
    width: 203px;
}

/* --------------------------------------------- */
/* Quick Quote                                   */
/* --------------------------------------------- */

/* Model Select */
#tableVehicleReg select#ctl00_ContentPlaceHolder1_cboModel
{
    width: 280px;
}

/* Email Select */
#tableVehicleReg input#ctl00_ContentPlaceHolder1_txtEmail
{
    width: 276px;
}


/* --------------------------------------------- */
/* Personal Details                              */
/* --------------------------------------------- */

.imgError
{
    width: 19px;
    height: 25px;
    padding: 0px 0px 0px 10px;
    margin: 0px 0px 0px 0px;
}
.tdDOBWrapper
{
    width: auto;
}
#ctl00_ContentPlaceHolder1_cboDOB_Day
{
    width: 55px;
    display: inline;
}

#ctl00_ContentPlaceHolder1_cboDOB_Month
{
    width: 65px;
    display: inline;
}

#ctl00_ContentPlaceHolder1_cboDOB_Year
{
    width: 78px;
    display: inline;
}

/* --------------------------------------------- */
/* Certificate of Motor Insurance                */
/* --------------------------------------------- */

.div_certificate
{
    float: left;
    margin: 10px 0px 20px 0px;
    padding: 5px 5px 10px 5px;
    width: 236px;
    background: #fff;
}
embed.embed
{
    width: 237px;
    height: 321px;
    display: block;
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
}
#ctl00_ContentPlaceHolder1_div_object_certificate
{
    margin: 45px 0px 15px 0px;
}

/* --------------------------------------------- */
/* Sitemap                                       */
/* --------------------------------------------- */

.divSitemapContent ul.ulStandard li, .divSitemapContent ul.ulStandardBg li
{
    text-decoration: none;
    list-style-type: none;
    padding: 0px 0px 0px 10px;
    margin: 0px 0px 0px 0px;
    color: #036;
    font-weight: bold;
    font-size: 1.3em;
    line-height: 2em;
    display: block;
    background: transparent url("../images/standardArrow.gif") 0% 50% no-repeat;
}

/* -------------------------------- */
/* MISC                             */
/* -------------------------------- */

.h2Error
{
    font-size: 1.5em;
    line-height: 1.8em;
    font-weight: normal;
    padding: 0px 0px 0px 0px;
    color: #f00;
    padding: 0px 0px 10px 0px;
}
.spanError
{
    font-size: 1em;
    line-height: 1.4em;
    font-weight: normal;
    margin: 0px 0px 0px 0px;
    color: #f00;
    padding: 15px 10px 10px 80px;
    display: block;
    margin: 0px 0px 10px 0px;
    min-height: 50px;
    border: 1px solid red;
    background: transparent url("../images/exclamation.gif") 3% 50% no-repeat;
}
a.aPDF
{
    padding: 0px 30px 0px 0px;
    color: #036;
    text-decoration: underline;
    cursor: pointer;
    background: transparent url("../images/pdf.png") 100% 50% no-repeat;
}
.aBack
{
    padding: 0px 0px 0px 10px;
    margin: 0px 0px 0px 0px; /*font-size: 1.2em;*/
    background: transparent url("../images/backArrow.gif") 0% 55% no-repeat;
    width: 100%;
    clear: both;
    float: left;
}
.spnBaseArrow
{
    width: 13px;
    height: 13px;
    display: block;
    background: transparent url("../images/baseArrowDarkBlue.gif") 0% 100% no-repeat;
    margin: 0px 0px 0px 4px;
    float: left;
}
.cursor
{
    cursor: pointer;
}
.divBgWrapper
{
    padding: 5px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
    background: #f6f6f6;
}
.aImageBox
{
    display: block;
    width: 213px;
    height: 162px;
}
.pDisplay, .pHide
{
    clear: both;
}
.pHide
{
    display: none;
}
.pExpand
{
    cursor: pointer;
    float: left;
    display: block;
    text-decoration: none;
    font-weight: normal;
    font-size: 1.4em;
    padding: 0px 27px 0px 0px;
    height: 40px;
    color: #333;
    background: transparent url("../images/expand.jpg") 100% 30% no-repeat;    
    cursor: pointer;
}
.pContract
{
    cursor: pointer;
    float: left;
    display: block;
    text-decoration: none;
    font-weight: normal;
    font-size: 1.4em;
    padding: 0px 27px 0px 0px;
    height: 40px;
    color: #333;
    background: transparent url("../images/contract.jpg") 100% 30% no-repeat;    
    cursor: pointer;
}
/*
    Added: 04/08/2009 8:22 - JS
    This is used to display general errors
*/
.div_error
{
    border: solid red 1px;
    padding: 10px 10px 10px 74px;
    margin-bottom: 10px;
    font-size: 1.3em;
    line-height: 1.6em;
    font-weight: normal;
    color: #f00;
    width: 476px;
    background: transparent url("../images/exclamation.gif") 12px 12px no-repeat;
    border: 1px solid red;
    min-height: 60px;
}
* html .div_error
{
    height: 60px;
}

.tdNoBorder
{
    border-bottom: 0px;
}

/* ------------------------------------- */
/* Added: 17/08/2009 11:05 - JS
/* ------------------------------------- */

.header_span
{
    font-weight: bold;
}
.aBackTop
{
    float: right;
    padding: 0px 15px 0px 0px;
    margin: 0px 10px 0px 0px;
    font-size: 1em;
    background: transparent url("../images/backTopArrow.gif") 100% 55% no-repeat;
}
.strongNote
{
    color: #036;
}
.spanAsterisk
{
    color: #f00;
}
select#ctl00_ContentPlaceHolder1_cboModel
{
    width: 340px;
}

#ctl00_ContentPlaceHolder1_quote_table
{
    float: left;
    clear: both;
    border: 1px solid #ccc;
    width: 562px;
}

#ctl00_ContentPlaceHolder1_h2_error
{
    float: left;
}

.liNewInsurancePolicy
{
    background: transparent url("../images/shoppingBasket.gif") 18em 50% no-repeat;
}
.liContinuePurchase
{
    background: transparent url("../images/shoppingBasket.gif") 19em 100% no-repeat;
}

#ulNewQuote .liNewInsurancePolicy a, #ulSubNav .liContinuePurchase a
{
    /*color: #fff;     background: none;*/
}


/* Abbreviation and Acronyms */
abbr
{
    border-bottom: 1px dashed #555;
}
acronym
{
    speak: normal;
}
abbr.initialism
{
    speak: spell-out;
}
/* such as CSS and HTML  */
abbr.truncation
{
    speak: normal;
}
/* such as info and eur */
#ulSubNav abbr, a abbr
{
    border-bottom: none;
}


/****************************************
	SECTIONS
****************************************/
.section_container
{
}
.section_container .header
{    
    text-align: left;
    color: #000;
    background-color: #c3dbe7;
    background: #fff;
    margin-top: 45px;

    padding: 5px ;
    /*border-top: solid 2px #0099FF;*/
}
.section_container .header h2
{
    font-size: 12pt;
    /*padding-left: 5px;*/
}
.section_container .content
{
}

.section_container .item
{
    clear: both;
    float: left;

    margin: 3px 0px 30px 0px; 
}

.section_container .item2
{
    clear: both;
	float:right; 
	margin: -16px 140px 20px 0px;	
}

.section_container .item .item_label
{
    clear: both;
    float: left;
    padding-top: 1px;
    padding-left: 0.25em;
    padding-right: 10px;
    width: 120px;
    font-weight: bold;
    text-align: left;
}
.section_container .item .item_labelonly
{
    float: left;
    padding-top: 1px;
    padding-left: 0.25em;
    padding-right: 10px;
    font-weight: bold;
    text-align: left;
}
.section_container .item .item_content
{
    float: left;
}
.section_container .item .item_content2
{
    float: left;
    padding: 2px 0 0 0;
    margin: 0 0 0 15px;
}

.section_container .content .clear
{
    height: 1px;
    clear: both;
}

/****************************************
	SECTIONS END
****************************************/

 ul.ulDefaultButton
    {
        margin: 0px 0px 0px 0px;
    }

ul.simpleButton, .ulSaveButton, .ulDefaultButton, .ulFilterButton
{
    padding: 10px 0 10px 0;
    margin: 0px 0px 0px 223px;
}

ul.ulFilterButton
{
    margin: 0px 0px 0px 174px;
}  

UL.simpleButton_nopadding
{
    padding: 0;
}
.simpleButton LI, .simpleButton_nopadding LI, .ulSaveButton li, .ulDefaultButton li, .ulFilterButton li
{
    height: 29px;
    padding: 0px 0px 0px 12px;
    float: left;
    margin-right: 10px;
    background: transparent url("../images/leftButton.png") 0% 0% no-repeat;
}
.simpleButton a, .simpleButton_nopadding a, .ulSaveButton a, .ulDefaultButton a, .ulFilterButton a
{
    height: 20px;
    text-decoration: none;
    padding: 9px 30px 0px 0px;
    color: #036;
    font-weight: bold;
    font-size: 9pt; /*1.4em;*/
    display: block;
    background: transparent url("../images/rightButtonArrow.png") 100% 50% no-repeat;
}
.simpleButton a:hover, .simpleButton_nopadding a:hover, .ulSaveButton a:hover, .ulDefaultButton a:hover, .ulFilterButton a:hover
{
    height: 20px;
    text-decoration: none;
    padding: 9px 30px 0px 0px;
    font-weight: bold;
    font-size: 9pt; /* 1.4em;*/
    display: block;
    background: transparent url("../images/rightButtonArrow.png") 100% 50% no-repeat;
    color: #2FA2FF;
       
}


ul.ulSearchButton
{
    padding: 3px;
}



.ulSearchButton li
{
    height: 29px;
    padding: 0px 0px 0px 12px;
    float: left;
    margin-right: 10px;
    background: transparent url("../images/leftButton.png") 0% 0% no-repeat;
}
.ulSearchButton a 
{
    height: 29px;
    line-height: 29px;
    text-decoration: none;
    padding: 0px 30px 0px 0px;
    color: #036;
    font-weight: bold;
    font-size: 9pt; /*1.4em;*/
    display: block;
    background: transparent url("../images/rightButtonArrow.png") 100% 50% no-repeat;
}
.ulSearchButton a:hover 
{
    height: 29px;
        line-height: 29px;
    text-decoration: none;
    padding: 0px 30px 0px 0px;
    font-weight: bold;
    font-size: 9pt; /* 1.4em;*/
    display: block;
    background: transparent url("../images/rightButtonArrow.png") 100% 50% no-repeat;
    color: #2FA2FF;
       
}


/************************************
    VALIDATION
*************************************/
.validation
{
    text-align: left;
    margin: 5px 0 5px 0;
    border: 1px solid #FF0000;
    padding: 5px;
}

.validation .icon
{
    float: left;
    background-image: url(../images/warning.gif);
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
}

.validation .title
{
    line-height: 14pt;
    float: left;
    font-size: 130%;
    color: #ff0000;
    padding: 5px;
}

.validation UL
{
    clear: both;
    margin: 0;
    padding: 0px 25px 5px 25px;
}

.validation UL LI
{
    line-height: 14pt;
    margin: 0 0 0 30px;
    padding: 0 5px 0 5px;
    list-style-position: outside;
    list-style-image: url(images/cross_16x16.gif);
}
/************************************
    VALIDATION
*************************************/

/************************************
    STATUS MESSAGE
*************************************/
.statusmessage
{
    clear: both;
    text-align: left;
    margin: 5px 0 5px 0;
}

.statusmessage .icon
{
    float: left;
    background-image: url(../images/tick.gif);
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
}


.statusmessage .statustext
{
    color: #008000;
    font-size: 10pt;
    line-height: 24px;
    margin: 0 0 0 10px;
    padding: 0 5px 0 5px;
}

/* -------------------------------- */
/* General Get A Quote Buttons      */
/* -------------------------------- */

.divGetAQuote, .divGetAQuickQuote, .divRegisterNow
{
    padding: 15px 0px;    
    width: 200px;
    float: right;    
}
.divRegisterNow
{
    padding: 0px 0px 25px;
    width: 100%;    
}
.divGetAQuote a, .divGetAQuickQuote a, .divRegisterNow a,
.divGetAQuote a:visited, .divGetAQuickQuote a:visited, .divRegisterNow a:visited,
.divGetAQuote a:hover, .divGetAQuickQuote a:hover, .divRegisterNow a:hover,
.divGetAQuote a:active, .divGetAQuickQuote a:active, .divRegisterNow a:active
{
    float: right;
    text-decoration: none;    
    padding: 8px 37px 0 0;
    margin: 0px 30px 0px 0px;        
    font-size: 1.2em;
    font-family: arial, sans-serif;
    color: #fff;
    background: transparent url("../images/rightQuoteButtonArrow.gif") 100% 0% no-repeat;    
}
.divGetAQuote a span, .divGetAQuickQuote a span, .divRegisterNow a span
{
    float: left;
    padding: 0px 15px 0px 0px;
    display: block;
    margin: -8px 0px 0px 0px;
    height: 29px;    
    color: #fff;
    background: transparent url("../images/leftQuoteButton.gif") 0% 0% no-repeat;    
}

UL.button 
{
    padding: 10px 0 10px 0;
}
UL.button_nopadding 
{
    padding: 0;
}
.button LI, .button_nopadding LI
{       
    height: 29px;
    padding: 0px 0px 0px 12px;
    float: left; 
    margin-right: 10px;   
    background: transparent url("../images/leftButton.png") 0% 0% no-repeat;           
}  
.button A, .button_nopadding A
{
    height: 20px;
    text-decoration: none;
    padding: 9px 30px 0px 0px;
    color: #036;
    font-weight: bold;
    font-size: 1.4em;
    display: block;
    background: transparent url("../images/rightButtonArrow.png") 100% 50% no-repeat;           
}
.button a:hover, .button_nopadding A:hover
{
    height: 20px;
    text-decoration: none;
    padding: 9px 30px 0px 0px;
    color: blue;
    font-weight: bold;
    font-size: 1.4em;
    display: block;
    background: transparent url("../images/rightButtonArrow.png") 100% 50% no-repeat;           
}

/* -------------------------------- */
/* General Get A Quote Buttons      */
/* -------------------------------- */




/************************************
    STATUS MESSAGE
*************************************/

TABLE.contenttable
{
    width: 923px;
    font-size: 0.9em; /*border: solid 1px #ccc;*/
}
TABLE.contenttable thead tr td
{
    background-color: #c3dbe7;
    line-height: 24px;
    text-align: left;
    padding-left: 1px;
    padding-right: 1px;
    color: #000;
}
TABLE.contenttable tbody tr
{
    /*color: #808080;*/
    color: #666;
    cursor: pointer;
    line-height: 14pt;
}
TABLE.contenttable tbody tr td
{
    padding-left: 2px;
    padding-right: 2px;
    border-bottom: solid 1px #ccc;
}
TABLE.contenttable tbody tr:hover td
{
    background-color: #99CCFF;
}
TABLE.contenttable tbody.rowHL tr.rowQV:hover td
{
}

TABLE.quickview
{
    border: none;
    background-color: #edf5ff;
}
TABLE.contenttable tbody tr:hover td TABLE.quickview tr td
{
    border: none;
}

.tdRowHeading
{
    line-height: 2.4em;
    padding: 0px 0px 0px 10px;
    margin: 0px 0px 0px 0px;
    width: 200px;
    font-weight: bold;
    color: #036;
    background: #f6f6f6;
    border-bottom: 1px solid #fff;
    font-size: 9pt;
    

}

.tdRow
{
    line-height: 2.3em;
    padding: 0px 0px 0px 10px;
    margin: 0px 0px 0px 10px;
    width: 700px;
    font-weight: normal;
    color: #036;
    background: #fff;
    border-bottom: 1px solid #f6f6f6;
    font-size: 12px;
}

.tdRowV2
{
    line-height: 2.3em;
    padding: 0px 0px 0px 10px;
    margin: 0px 0px 0px 10px;
    width: 900px;
    font-weight: normal;
    color: #036;
    background: #fff;
    border-bottom: 1px solid #f6f6f6;
    font-size: 11px;
}

.tdRowV3
{
    line-height: 2.3em;
    padding: 0px 0px 0px 10px;
    margin: 0px 0px 0px 10px;
    width: 120px;
    font-weight: normal;
    color: #036;
    background: #fff;
    border-bottom: 1px solid #f6f6f6;
    font-size: 12px;
}




TABLE.gridview
{
}

TABLE.gridview th
{
    height: 18px;
    text-align: left;
    color: #555;
    background-color: #c3dbe7;
    line-height: 18px;
    padding: 1px 5px 1px 5px;
    vertical-align:top;
}

TABLE.tblDealer th
{
    height: 18px;
    text-align: left;
    color: #555;
    background-color: #c3dbe7;
    line-height: 18px;
    padding: 1px 5px 1px 5px;
    border: 1px solid #ccc;
}

.tblDealer a 
{
    padding: 4px 19px 0px 0px;
    display: block;
    float: left;    
}

.tblDealer td 
{
    padding: 3px;
    /*border-top: 1px solid #ccc;   
    border-bottom: 1px solid #ccc;   
   border-left :  0 none;
   border-right : 0 none; */
}

.tblDealer tr 
{
     line-height: 18px; 
}

TABLE.gridview tr
{
    line-height: 18px;
}

TABLE.gridview td
{
    line-height: 18px;
    padding: 3px 3px 3px 3px;
    font-size: 8pt;
    font-weight: bold;
        border-top: 1px solid #ccc;   
    border-bottom: 1px solid #ccc;  
   border-left : 1px solid #fff;
   border-right : 1px solid #fff;
   vertical-align:top;
   
}

TABLE.gridview tr:hover
{
    background-color: #c3dbe7;
    cursor: pointer;
}

TABLE.gridview tr:hover td
{
    background-color: #c3dbe7;
    cursor: pointer;
            border-top: 1px solid #ccc;   
    border-bottom: 1px solid #ccc;  
   border-left : 1px solid  #c3dbe7;
   border-right : 1px solid  #c3dbe7;
}


#ctl00_ContentPlaceHolder1_grdData
{
    width: 500px;
    float: left;        
}
.tblDealer, .tblPolicies, .tblFindBrokers
{
    clear: both;
    margin: 10px 0px 10px 0px;
    /*border: 1px solid #ccc;*/
    font-size: 1.2em;

    
}
table.tblPolicies
{
    width: 500px;
}
table.tblDealer tr th, table.tblPolicies tr th, table.tblFindBrokers tr th
{
    padding: 3px 5px 4px 5px;
}



.button
{
    text-decoration: none;
    margin: 0px 0px 0px 619px;
    height: 29px;
    background-image: url("../images/leftProdButton2.gif");
    background-repeat: no-repeat;
}

.button:hover
{
    text-decoration: none;
    padding: 0px 30px -18px 0px;
    height: 29px;
    background-image: url("../images/leftProdButton2Hover.gif");
    background-repeat: no-repeat;
}

.filterTitle
{
    padding: 5px 795px 5px 5px;
    width: 923px;
    background-color: #c3dbe7;
    border-top: solid 2px #0099FF;
    font-size: 14px;
    font-weight: bold;
}


.filterCount
{
    font-size: 1.2em;
    font-weight: bold;
    color: #555;
}

.filterLabel
{
    text-align: left;
    line-height: 1.8em;
    padding: 0px 0px 0px 10px;
    margin: 0px 0px 0px 0px;
    width: 200px;
    font-weight: normal;
    color: #036;
    font-size: 12px;
    background: #f6f6f6;
    border-bottom: 1px solid #fff;
}

.filterTextbox
{
    width: 200px;
    font-weight: normal;
    color: #036;
    background: #fff;
    line-height: 0.9em;
}

.filterRadioButtonList
{
    vertical-align: middle;
    font-size: 8pt;
    line-height: 2.2em;
}

.LabelNote
{
    font-size: 11px;
}


/***************************/
/* Invoice Dealers Brokers */
/***************************/
h2.h2Invoices
{        
    margin-bottom: 10px;    
}
.dealerBrokerListbox
{
    clear: both;    
    margin-bottom: 10px;    
    }


#ulContact li, #ulForgottenPW li, .ulPassword li, #ulBrokers li, #ulContact2 li
{
    width: 100%;
    float: left;
    display: block;
    padding: 5px 0px 5px 0px;
    background: #f6f6f6;
    border-bottom: 1px solid #fff;
}
#ulContact li.liBg, #ulBrokers li.liBg, #ulContact2 li.liBg
{
    float: left;
    background: #f6f6f6;
}
#ulContact label, #ulForgottenPW label, .ulPassword label, #ulBrokers label, #ulContact2 label
{
    clear: both;
    width: 160px;
    margin: 0px 0px 0px 0px;
    float: left;
    line-height: 1.4em;
    padding: 3px 10px 3px 15px;
    display: block;
    color: #036;
}
#ulContact input, #ulForgottenPW input, .ulPassword input, #ulBrokers input, #ulContact2 input
{
    float: left;
    width: 260px;
    margin: 0px 0px 0px 0px;
    padding: 1px 0px 3px 0px;
    line-height: 1.4em;
}
#ulContact li.liSubmit input, #ulForgottenPW li.liSubmit input, .ulPassword li.liSubmit input, #ulBrokers li.liSubmit input,
#ulContact2 li.liSubmit input
{
    float: left;
    width: 7em;
    margin: 0px 0px 0px 185px;
    padding: 0px 0px 0px 0px;
    font-family: arial, sans-serif;
    line-height: 1.2em;
    height: 26px;
}
#ulContact li.liForgotten input, #ulForgottenPW li.liForgotten input, .ulPassword li.liForgotten input, #ulBrokers li.liForgotten input,
#ulContact2 li.liForgotten input
{
    float: left;
    width: 7em;
    margin: 0px 0px 0px 185px;
    padding: 0px 0px 0px 0px;
    line-height: 1em;
}
.ulPassword li.liForgotten input
{
    line-height: 1.2em;
    height: 26px;
}
#ulContact textarea, #ulBrokers textarea, #ulContact2 textarea
{
    width: 257px;
    float: left;
}

  #ulContact table#ctl00_ContentPlaceHolder1_radEmail tr td
    {
        /*background: orange;*/
    }
    #ulContact table#ctl00_ContentPlaceHolder1_radEmail tr td input
    {
        /*background: blue;*/
        /*padding: 10px;*/
        /*border: 1px solid red;*/
        width: 12px;
        display: block;
    }


#ulContact, .ulPassword, #ulBrokers, #ulContact2
{
    width: 550px;
    float: left;
    font-size: 1.2em;
    margin: 0px 0px 0px 0px;
    padding: 5px 5px 4px 5px;
    background: #fff;
    border: 1px solid #ccc;
}
    #ulContact2
    {
        margin: 0px 0px 20px 0px;
    }



#ulContact table.emailRadiolist input,
#ulContact2 table.emailRadiolist input
{
    float: left;
    line-height: 1.4em;
    margin: 0;
    padding: 1px 0 3px;
    width: 12px;
}
#ulContact table.emailRadiolist label,
#ulContact2 table.emailRadiolist label
{
    float: left;
    line-height: 1.4em;    
    clear: none;
    margin: 0px 0px 0px 10px;
    padding: 0px;
    width: 320px;
}

/* Error/Validation CSS */

#divInnerError
{
    background: url("../../../images/errorarrow32.png") no-repeat scroll 5px 5px transparent;
    display: inline-block;
}

#divInnerError span
{
    color: #FF0000;
    font-size: 8pt;
    font-weight: bold;
    padding: 0px 0px 0px 45px;
     margin-right:20px;
}

#divInnerError h3
{
    color: #000;
    padding: 0px 0px 0px 45px;
    font-size: 9pt;
    font-weight: bold;
    margin-right:50px;
}


.divInnerError
{
    background: url("../../../images/errorarrow32.png") no-repeat scroll 5px 5px transparent;
    display: inline-block;
}

.divInnerError span
{
    color: #FF0000;
    font-size: 8pt;
    font-weight: bold;
    padding: 0px 0px 0px 45px;
     margin-right:20px;
}

.divInnerError h3
{
    color: #000;
    padding: 0px 0px 0px 45px;
    font-size: 9pt;
    font-weight: bold;
    margin-right:50px;
}


.divMainError
{
    border: 2px solid tomato;
    background: #FFF3DF;
    padding: 10px;
   display: inline-block;
    margin-bottom:15px;
}

/* added because lblerror msg's are being used as success notices in some places */
.divMainErrorSuccess
{
    border: 2px solid #589500;
    background:#F1FFBF;
    padding: 10px;
   display: inline-block;
   margin-bottom:15px;
}

.divInnerErrorSuccess
{
    background: url("../../../images/processOK.png") no-repeat scroll 5px 5px transparent;
    display: inline-block;
}

.divInnerErrorSuccess span
{
    color: #589500;
    font-size: 8pt;
    font-weight: bold;
    padding: 0px 0px 0px 45px;
     margin-right:20px;
}

.divInnerErrorSuccess h3
{
    color: #000;
    padding: 0px 0px 0px 45px;
    font-size: 9pt;
    font-weight: bold;
    margin-right:50px;
}


/*small buttons */
ul.ulButton
{
    display: inline;
    float: left;
}
ul.ulButton li
{
    background: url("../../../images/thinbutton2.jpg") no-repeat scroll 0 0 transparent;
    float: left;
    height: 19px;
    margin: 5px;
    padding: 0 0 0 12px;
}
* html ul.ulButton li
{
    width: 0;
}
ul.ulButton li a
{
    background: url("../../../images/thinbutton2arrow.jpg") no-repeat scroll 100% 50% transparent;
    color: #013567;
    display: block;
    font-size: 0.9em;
    font-weight: bold;
    line-height: 19px;
    padding: 0 30px 0 0;
    text-decoration: none;
}
ul.ulButton li a:hover
{
    color: #03A7DD; /*#A5BDC6;*/
}


.searchBoxWrapper
{
  font-size:8pt;
  margin-left:49px;
}

.mGrid .pgr
{
   /* background: #424242 url(../Images/GridHeader.png) repeat-x top;*/
   background: #003366;
}

.mGrid .pgr table
{
    float: right;
    margin: 5px 0;
}

.mGrid .pgr td
{
    color: #fff;
    font-size: 9pt;
    font-weight: bold;
    border-width: 0;
    border-left: solid 1px #666;
   padding: 0px 3px 0px 3px;
}
.mGrid .pgr td a
{
    color: #03A7DD;
    text-decoration: none;
    padding: 0px 3px 0px 3px;
}

.mGrid .pgr a
{
    color: #CFCFCF; /*#03A7DD;*/
    text-decoration: none;
}

.mGrid .pgr a:hover
{
    color: #FFF47F;
    text-decoration: none;
}

.mGrid .pgr tr:hover
{
    background: transparent;
}

.mGrid tr.pgr:hover
{
  /*  background: #424242 url(../images/GridHeader.png) repeat-x top;*/
  background: #003366;
}

.mGrid table.gridview tr.pgr:hover
{
   /* background: #424242 url(../images/GridHeader.png) repeat-x top;*/
   background: #003366;
}

.mGrid table.gridview tr.pgr:hover td
{
   /* background: #424242 url(../images/GridHeader.png) repeat-x top;*/

background: #003366; 
    font-size: 9pt;
    font-weight: bold;
    border-width: 0;
    border-left: solid 1px #666;
 padding: 0px 3px 0px 3px;

}
