﻿/* -------------------------------- */
/* 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: 12px;
    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;
    margin: -2px 0px 0px 0px;
}
#divNav
{
    border: 1px solid green;
}
#divBanner
{
    margin: 12px 0px 25px 0px;
    float: left;
    width: 582px;
    height: 321px;
    background: #175491 url("../images/carBanner3.jpg") 92% 51% no-repeat;
}

/* -------------------------------- */
/* Banner Images                    */
/* -------------------------------- */

.div_panel_car
{
    margin: 12px 0px 25px 0px;
    float: left;
    width: 923px;
    height: 321px;
    background: #175491 url("../images/brokerBanner.jpg") 92% 51% no-repeat;
    background: #175491 url("../images/brokerBanner2.jpg") 92% 51% no-repeat;
}
.div_panel_car_login
{
    margin: 12px 0px 25px 0px;
    float: left;
    width: 582px;
    height: 321px;
    background: #175491 url("../images/carBanner3.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;
}
/*Remember to change on Login below*/
.divBulletWrapper
{
    clear: both;
    float: left;
    width: 296px;
    margin-top: 74px;
}
/*on login template*/
.divBulletWrapperLogin
{
    clear: both;
    float: left;
    width: 296px;
    margin-top: 34px;
}
.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;
}

/* -------------------------------- */
/* Main Content                     */
/* -------------------------------- */

#divContent
{
    float: left;
    width: 570px;
    padding: 0px 0px 30px 10px;
}
#divFindBrokerContent
{
    float: left;
    width: 905px;
    padding: 0px 0px 30px 10px;
}
#divAccountAdminContent
{
    float: left;
    width: 740px;
    padding: 0px 0px 30px 10px;
}
#divBrokerContent
{
    float: left;
    width: 910px;
    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 116px 50px;
    background: #c3dbe7;
    width: 823px;
    position: relative;
}
#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: 370px;
    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: 370px;
    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") 98px 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;
}
.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: #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;
    cursor: pointer;
}
.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: 0px;
    bottom: 15px;
}

/* -------------------------------- */
/* 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: 244px;
}
ul#ulBannerNav li
{
    font-size: 1.1em;
    float: left;
}
ul#ulBannerNav li a
{
    color: #fff;
    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: 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: normal;
    padding: 10px 30px 3px 25px;
    text-align: left;
    background: #036 url("../images/largeButtonArrow.png") 92% 51% no-repeat;
    color: #fff;
    font-size: 1.8em;
}
ul#ulNav li a.aCar
{
    width: 150px;
}
ul#ulNav li a.aVan
{
    width: 165px;
}
ul#ulNav li a.aMotorbike
{
    width: 175px;
}
ul#ulNav li a.aMotorhome
{
    border-left: none;
    width: 176px;
}
#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, #ulBrokerBannerLinks, #ulInfoBrokerBannerLinks
{
    margin: 53px 26px 0px 0px;
    float: right;
    display: inline;
}
#ulBrokerBannerLinks
{
    margin: 48px 26px 0 288px;
    float: left;
}
#ulInfoBrokerBannerLinks
{
    /*margin: 48px 26px 0 288px;         float: left;*/
    position: absolute;
    right: 136px;
    bottom: 30px;
}

/* 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, #ulBrokerBannerLinks li, #ulInfoBrokerBannerLinks li
{
    height: 40px;
    margin: 0px 0px 6px 0px;
    padding: 0px 0px 0px 14px;
    background: transparent url("../images/leftBannerButton.png") 0% 0% no-repeat;
}
#ulInfoBrokerBannerLinks li
{
    background: transparent url("../images/leftInfoButton.png") 0% 0% no-repeat;
}
#ulBrokerBannerLinks li
{
    float: left;
    margin-right: 12px;
}

* html #ulBannerLinks li, * html #ulBrokerBannerLinks li
{
    width: 0%;
    background: transparent url("../images/leftBannerButton.png") 0% 0% no-repeat;
}
* html #ulInfoBrokerBannerLinks li
{
    background: transparent url("../images/leftInfoButton.png") 0% 0% no-repeat;
}

#ulBannerLinks li a, #ulBrokerBannerLinks 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;
}
#ulBrokerBannerLinks li a, #ulInfoBrokerBannerLinks li a
{
    width: 4.2em;
}
#ulInfoBrokerBannerLinks li a
{
    height: 27px;
    text-decoration: none;
    padding: 10px 36px 0px 0px;
    color: #fff;
    font-weight: bold;
    font-size: 1.8em;
    display: block;
    background: transparent url("../images/rightInfoButton.png") 100% 50% no-repeat;
    width: 6.9em;
    margin-right: -9px;
}
* html #ulBannerLinks li a, * html #ulBrokerBannerLinks 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;
}
* html #ulBrokerBannerLinks li a
{
    width: 4.2em;
}
* html #ulInfoBrokerBannerLinks li a
{
    height: 29px;
    padding: 11px 53px 0px 0px;
    display: block;
    background: transparent url("../images/rightInfoButton.png") 100% 50% no-repeat;
    width: 4.2em;
    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, .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;
}
#ulBrokers
{
    width: 650px;
    margin: 0px 0px 10px 0px;
}
#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 and Forgotten Password */
/* ----------------------------------- */

*:first-child + html #contact legend
{
    margin: 0px 0px 0px -6px;
}
#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.liSubmit input.inputRegisterNew
{
    width: 10em;
}
#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;
}
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;*/
}

/* Change Details */

#ulChangeDetails
{
    font-size: 1.2em;
    background: #fff;
    border: 1px solid #ccc;
    float: left;
    width: 560px;
    margin: 0px 0px 20px 0px;
    padding: 5px 5px 4px;
    line-height: 1.4em;
}
#ulChangeDetails li
{
    width: 100%;
    float: left;
    display: block;
    padding: 5px 0px 5px 0px;
    background: #f6f6f6;
    border-bottom: 1px solid #fff;
}
#ulChangeDetails input
{
    width: 200px;
}
#ulChangeDetails span.inputSex input
{
    width: auto;
}
#ulChangeDetails li.liBg
{
    float: left;
    background: #f6f6f6;
}
#ulChangeDetails 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;
}
#ulChangeDetails span.inputSex
{
    padding: 3px 10px 3px 0px;
    display: inline;
    float: none;
    clear: none;
}
#ulChangeDetails 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;
}
#ctl00_ContentPlaceHolder1_divAddressDetails input.inputAddress
{
    clear: both;
    float: left;
    display: block;
    margin-left: 185px;
}
* html #ctl00_ContentPlaceHolder1_divAddressDetails input.inputAddress
{
    display: inline;
    margin-left: 188px;
}
#ulChangeDetails .inputSaveDetails
{
    width: auto;
    margin-left: 185px;
}
#ulChangeDetails li img
{
    width: 19px;
    padding: 0px 0px 0px 6px;
    margin: 0px 0px 0px 0px;
}

/* Change Password */

#ulChangePassword
{
    font-size: 1.2em;
    background: #fff;
    border: 1px solid #ccc;
    float: left;
    width: 560px;
    margin: 0px 0px 20px 0px;
    padding: 5px 5px 4px;
    line-height: 1.4em;
}
#ulChangePassword li
{
    width: 100%;
    float: left;
    display: block;
    padding: 5px 0px 5px 0px;
    background: #f6f6f6;
    border-bottom: 1px solid #fff;
}
#ulChangePassword input
{
    width: 200px;
}
#ulChangePassword span.inputSex input
{
    width: auto;
}
#ulChangePassword li.liBg
{
    float: left;
    background: #f6f6f6;
}
#ulChangePassword 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;
}
#ulChangePassword 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;
}
#ulChangePassword .inputSavePassword
{
    width: auto;
    margin-left: 185px;
}
#ulChangePassword li img
{
    width: 19px;
    padding: 0px 0px 0px 6px;
    margin: 0px 0px 0px 0px;
}

/* --------------------------------------------- */
/* 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.gif") 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;
    padding: 15px 10px 15px 15px;
    width: 535px;
    margin: 0px 0px 10px 0px;
    color: #036;
}
/* -------------------------------- */
/* Find brokers                     */
/* -------------------------------- */
#tblFilter
{
    margin-bottom: 10px;
    width: 910px;
}
#divFilterWrapper
{
    margin-bottom: 55px;
}
#tblFilter span
{
    padding-right: 20px;
}
.tblFindBrokers a
{
    padding: 4px 19px 0px 0px;
    display: block;
    float: left;
}

#tblFilter .tdFilter
{
    background: #F6F6F6 none repeat scroll 0 0;
    border-bottom: 1px solid #FFFFFF;
    color: #003366;
    font-size: 12px;
    font-weight: normal;
    line-height: 2.4em;
    margin: 0;
    padding: 0 0 0 10px;
    width: 500px;
}
#tblFilter .tdFilter #ctl00_ContentPlaceHolder1_FindBrokers1_Label4
{
    float: left;
}
#tblFilter .tdFilter #ctl00_ContentPlaceHolder1_FindBrokers1_txtFilter
{
    float: left;
    margin-top: 5px;
}

/* -------------------------------- */
/* 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") 11em 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;
}
.pFooterContact
{
    position: absolute;
    right: 48px;
    bottom: 169px;
    font-size: 1.4em;
    padding: 0px 0px 0px 0px;
}
.divFooterLoggedIn
{
    padding-top: 106px;
}
.pFooterContactEmail
{
    position: absolute;
    right: 27px;
    bottom: 193px;
    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;
}
/* --------------------------------------------- */
/* 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
{
    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#tableVehicleReg, table.quote_table
{
    font-size: 1.2em;
    line-height: 2em;
    color: #555;
    width: 570px;
}
.tdRowHeading
{
    line-height: 2.4em;
    padding: 0px 0px 0px 10px;
    margin: 0px 0px 0px 0px;
    width: 200px;
    font-weight: normal;
    color: #036;
    background: #f6f6f6;
    border-bottom: 1px solid #fff;
}
.tdRowHeadingWhite
{
    line-height: 2.4em;
    padding: 0px 0px 0px 10px;
    margin: 0px 0px 0px 0px;
    width: 200px;
    font-weight: normal;
    color: #036;
    background: #fff;
    border-bottom: 1px solid #fff;
}
.tdColHeading
{
    width: 100px;
    font-size: 1em;
    padding: 0px 0px 0px 10px;
    font-weight: normal;
    color: #036;
    background: #f6f6f6;
}
.tdRow
{
    line-height: 2.4em;
    padding: 0px 0px 0px 10px;
    margin: 0px 0px 0px 10px;
    width: 350px;
    font-weight: normal;
    color: #036;
    background: #fff;
    border-bottom: 1px solid #f6f6f6;
    text-align: left;
}
.tdRow input
{
    width: 200px;
}
#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;
}

#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;
}

/* 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;
    text-align: left;
}
.tdRow_checkbox input
{
    width: 30px;
}

/* --------------------------------------------- */
/* Personal Details                              */
/* --------------------------------------------- */

#ctl00_ContentPlaceHolder1_cboDOB_Day
{
    width: 55px;
    display: inline;
}
#ctl00_ContentPlaceHolder1_cboDOB_Month
{
    width: 65px;
    display: inline;
}
#ctl00_ContentPlaceHolder1_cboDOB_Year
{
    width: 78px;
    display: inline;
}
#ctl00_ContentPlaceHolder1_divAddressDetails input
{
    margin: 0px 0px 4px 0px;
}
.cboDrivingLicence
{
    width: 204px;
}
#tableVehicleReg select
{
    width: 203px;
}
.tdRow input.inputSavePassword
{
    width: auto;
    margin: 10px 0px 0px 0px;
    font-family: arial, sans-serif;
}
/* licence type dropdown */
.tdRow span.inputSex input
{
    width: auto;
}
table#tableDriverDetails td
{
    padding: 0px 0px 0px 10px;
    color: #036;
}
#tableDriverDetails .trDriverDetailFirst
{
    margin: 10px 0px 0px 0px;
}
#tableVehicleDetails
{
    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;
}

/* --------------------------------------------- */
/* Quick Quote                                   */
/* --------------------------------------------- */

/* Model Select */
#tableVehicleReg select#ctl00_ContentPlaceHolder1_cboModel
{
    width: 280px;
}

/* Email Select */
#tableVehicleReg input#ctl00_ContentPlaceHolder1_txtEmail
{
    width: 276px;
}

/* --------------------------------------------- */
/* 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;
    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;
}
.pSmall
{
    font-size: 1em;
}
.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: help;
}
.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: help;
}
/*
    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");     background-repeat:no-repeat;     background-attachment:fixed;     background-position: left center;*/
    min-height: 60px;
}
* html .div_error
{
    height: 60px;
}
.divError
{
    border: 1px solid #ccc;
    padding: 10px 10px 10px 15px;
    margin-bottom: 20px;
    font-size: 1.2em;
    line-height: 1.6em;
    font-weight: bold;
    width: 610px;
    min-height: 30px;
    color: #560;
}
#divError.divError
{
    /*border: 1px solid #ccc;     padding: 10px 10px 10px 15px;     margin-bottom: 20px;     font-size: 1.2em;     line-height: 1.6em;     font-weight: bold;         width: 610px;         min-height: 30px;     color: #560;*/
}
.spanErrorMessage
{
    border: 1px solid #f00;
    color: #f00;
    display: block;
    margin-bottom: 20px;
    padding: 10px 10px 10px 74px;
    background: transparent url("../images/exclamation.gif") 12px 12px no-repeat;
    min-height: 60px;
    font-size: 1.3em;
    line-height: 1.6em;
    width: 576px;
}
.spanSuccessMessage
{
    border: 1px solid #ccc;
    color: #555;
    display: block;
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 20px;
    padding: 10px;
    width: 640px;
}

.divYourPassword .div_error
{
    clear: both;
}
.tdNoBorder
{
    border-bottom: 0px;
}
#ctl00_ContentPlaceHolder1_lblBookingStatus
{
    font-weight: bold;
}
.searchBoxWrapper label
{
    padding: 0px 0px 0px 10px;
}

/* ------------------------------------- */
/* 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;
}
#ulNewQuote .liNewInsurancePolicy a
{
    color: #c00;
}
#ulSubNav .liContinuePurchase a
{
    color: #c00;
}
/* -------------------------------- */
/* General Get A Quote Buttons      */
/* -------------------------------- */

.divGetAQuote, .divGetAQuickQuote
{
    padding: 15px 0px;
    width: 200px;
    float: right;
}
.divGetAQuote a, .divGetAQuickQuote a, .divGetAQuote a:visited, .divGetAQuickQuote a:visited .divGetAQuote a:hover, .divGetAQuickQuote a:hover, .divGetAQuote a:active, .divGetAQuickQuote 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
{
    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;
}

/* -------------------------------- */
/* 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;
}


.divPurchaseYourQuote
{
    float: right;
    margin: 42px 0px 0px 95px;
    padding: 0px;
    background: transparent url("../images/purchaseQuoteBg.gif") 0% 0% no-repeat;
    width: 248px;
    min-height: 136px;
}
* html .divPurchaseYourQuote
{
    height: 136px;
}
.divPurchaseYourQuote a
{
    font-size: 1.8em;
    line-height: 1.7em;
    font-weight: bold;
    text-decoration: none;
    display: block;
    padding: 36px 0px 0px 20px;
    margin: 0px;
    width: 228px;
    float: left;
}
.divPurchaseYourQuote a img
{
    width: 24px;
    height: 16px;
    margin: 0px;
    padding: 0px;
    position: relative;
    left: 8px;
    top: 2px;
}
.divPurchaseNewInsurance
{
    float: right;
    margin: 42px 0px 0px 95px;
    padding: 0px;
    background: transparent url("../images/purchaseNewBg.gif") 0% 0% no-repeat;
    width: 248px;
    min-height: 136px;
}
* html .divPurchaseNewInsurance
{
    height: 136px;
}
.divPurchaseNewInsurance a
{
    font-size: 1.8em;
    line-height: 1.7em;
    font-weight: bold;
    text-decoration: none;
    display: block;
    padding: 36px 0px 0px 20px;
    margin: 0px;
    width: 228px;
}
.divPurchaseNewInsurance span
{
    font-size: 1.2em;
    color: #c00;
}

.tdRowHeading
{
    line-height: 2.4em;
    padding: 0px 0px 0px 10px;
    margin: 0px 0px 0px 0px;
    width: 200px;
    font-weight: normal;
    color: #036;
    background: #f6f6f6;
    border-bottom: 1px solid #fff;
    font-size: 12px;
}

.tdRow
{
    line-height: 2.3em;
    padding: 0px 0px 0px 10px;
    margin: 0px 0px 0px 10px;
    font-weight: normal;
    color: #036;
    background: #fff;
    border-bottom: 1px solid #f6f6f6;
    font-size: 12px;
    text-align: left; /* removed for commission pg */ /*width: 700px;*/
}

.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;
    text-align: left;
}

.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;
    text-align: left;
}

TABLE.gridview
{
}

TABLE.gridview th
{
    height: 18px;
    text-align: left;
    color: #555;
    background-color: #c3dbe7;
    line-height: 18px;
    padding: 1px 5px 1px 5px;
}
/* Dealer Table */
#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;
}
/*checkbox*/
input#ctl00_ContentPlaceHolder1_FindBrokers1_chkExcluded
{
    width: auto;
    margin: 8px 0px 0px 18px;
}
*:first-child + html input#ctl00_ContentPlaceHolder1_FindBrokers1_chkExcluded
{
    margin: 0px 0px 0px 18px;
}
input#ctl00_ContentPlaceHolder1_FindBrokers1_chkExcluded + label
{
    display: inline;
    float: none;
    line-height: 2em;
}
*:first-child + html input#ctl00_ContentPlaceHolder1_FindBrokers1_chkExcluded + label
{
    clear: none;
    line-height: 2.4em;
}

TABLE.gridview tr
{
    line-height: 18px;
}

TABLE.gridview td
{
    line-height: 18px;
    padding: 3px 3px 3px 3px;
}
table.tblPolicies td
{
    line-height: 18px;
    padding: 3px 0px 3px 3px;
}
table.tblFindBrokers td
{
    line-height: 18px;
    padding: 0px 0px 3px 3px;
}

table.tblFindBrokers td.tdInvoiceIcons
{
    padding: 0 0 3px 8px;
}

TABLE.gridview tr:hover
{
    background-color: #c3dbe7;
    cursor: pointer;
}

.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 823px 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: 12px;
    line-height: 2.2em;
}

.LabelNote
{
    font-size: 11px;
}

ul.simpleButton, .ulSaveButton, .ulDefaultButton, .ulFilterButton
{
    padding: 10px 0 10px 0;
    margin: 0px 0px 0px 223px;
}
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: 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: 1.4em;
    display: block;
    background: transparent url("../images/rightButtonArrow.png") 100% 50% no-repeat;
}

/* Comission Table */

.tableCommission
{
    margin: 0px 0px 30px 0px;
}
.tableCommission table input
{
    width: auto;
    margin: 0px 10px 0px 0px;
}
.tableCommission table label
{
    width: auto;
    margin: 0px 20px 0px 0px;
}
.clearBoth
{
    clear: both;
}
/* Support Table */
#tableSupport .tdRow input
{
    margin: 0px 10px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: auto;
}

a.miniButton
{
    text-decoration: none;
    font-size: 18px;
    border: solid 1px #0099ff;
    text-align: center;
    padding: 4px 9px 8px 8px;
    background-color: #c3dbe7;
}

a.updateButton
{
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 0px 0px 0px;
    background-image: url(../Images/button.gif);
    background-repeat: no-repeat;
    width: 100px;
    height: 24px;
}

a.updateButton:hover
{
    text-decoration: underline;
}

.errorLabel
{
    color: #FF0000;
    font-size: 12px;
}

.popupMain
{
    background-color: #FFFFFF;
}

.label
{
    font-size: 12px;
    text-align: left;
    padding: 7px 0px 0px 5px;
    border-bottom: solid 1px #F6F6F6;
    border-right: solid 1px #F6F6F6;
}

a.basicButton
{
    font-size: 15px;
    color: #537598;
    background-image: url(../Images/small_button.jpg);
    background-repeat: no-repeat;
    text-align: left;
    text-decoration: none;
    padding: 6px 0px 0px 6px;
    margin: 0px 0px 0px 5px;
}

a.basicButton:hover
{
    font-size: 15px;
    color: #537598;
    background-image: url(../Images/small_button_hover.jpg);
    background-repeat: no-repeat;
    text-align: left;
    text-decoration: underline;
    padding: 6px 0px 0px 6px;
    margin: 0px 0px 0px 5px;
}

/********************/
/* CALENDAR			*/
/********************/
.calendar .ajax__calendar_container
{
    padding: 4px;
    cursor: default;
    width: 254px;
    font-size: 12px;
    text-align: center;
    font-family: Arial;
}
.calendar .ajax__calendar_body
{
    height: 230px;
    width: 254px;
    position: relative;
    overflow: hidden;
    margin: auto;
    font-size: 12px;
}
.calendar .ajax__calendar_days .ajax__calendar_months .ajax__calendar_years
{
    top: 0px;
    left: 0px;
    height: 139px;
    width: 170px;
    position: absolute;
    text-align: center;
    margin: auto;
    font-size: 12px;
}
.calendar .ajax__calendar_container TABLE
{
    padding: 0px;
    margin: 0px;
    font-size: 12px;
}
.calendar .ajax__calendar_container TD
{
    padding: 5px;
    margin: 0px;
    font-size: 12px;
}
.calendar .ajax__calendar_header
{
    height: 20px;
    width: 100%;
}
.calendar .ajax__calendar_prev
{
    cursor: pointer;
    width: 15px;
    height: 15px;
    float: left;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(<%=WebResource("AjaxControlToolkit.Calendar.arrow-left.gif")%>);
}
.calendar .ajax__calendar_next
{
    cursor: pointer;
    width: 15px;
    height: 15px;
    float: right;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(<%=WebResource("AjaxControlToolkit.Calendar.arrow-right.gif")%>);
}
.calendar .ajax__calendar_title
{
    cursor: pointer;
    font-weight: bold;
    margin-left: 15px;
    margin-right: 15px;
}
.calendar .ajax__calendar_footer
{
    height: 15px;
}
.calendar .ajax__calendar_today
{
    cursor: pointer;
    padding-top: 3px;
}
.calendar .ajax__calendar_dayname
{
    height: 17px;
    width: 17px;
    text-align: right;
    padding: 2px 2px 0px 0px;
}
.calendar .ajax__calendar_day
{
    height: 17px;
    width: 18px;
    text-align: right;
    padding: 0 2px;
    cursor: pointer;
}
.calendar .ajax__calendar_month
{
    height: 44px;
    width: 40px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
}
.calendar .ajax__calendar_year
{
    height: 44px;
    width: 40px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
}

.calendar .ajax__calendar_container
{
    border: 1px solid #646464;
    background-color: #C3DBE7;
    color: #003399;
}
.calendar .ajax__calendar_body
{
    background-color: #F6F6F6;
}

.calendar .ajax__calendar_footer
{
    border-top: 1px solid #003399;
}
.calendar .ajax__calendar_dayname
{
    color: #F6F6F6;
    background-color: #003399;
    margin: -5px 0px -4px -10px;
    padding: 12px 10px 6px 10px;
}
.calendar .ajax__calendar_day
{
    border: 1px solid #F6F6F6;
    text-align: center;
    padding: 4px 0px 0px 0px;
}
.calendar .ajax__calendar_month
{
    border: 1px solid #F6F6F6;
}
.calendar .ajax__calendar_year
{
    border: 1px solid #F6F6F6;
}

.calendar .ajax__calendar_active .ajax__calendar_day
{
    background-color: #edf9ff;
    border-color: #0066cc;
    color: #0066cc;
    text-align: center;
    padding: 4px 0px 0px 0px;
}
.calendar .ajax__calendar_active .ajax__calendar_month
{
    background-color: #edf9ff;
    border-color: #0066cc;
    color: #0066cc;
    text-align: center;
    padding: 4px 0px 0px 0px;
}
.calendar .ajax__calendar_active .ajax__calendar_year
{
    background-color: #edf9ff;
    border-color: #0066cc;
    color: #0066cc;
    text-align: center;
    padding: 4px 0px 0px 0px;
}

.calendar .ajax__calendar_other .ajax__calendar_day
{
    background-color: #F6F6F6;
    border-color: #F6F6F6;
    color: #646464;
    text-align: center;
    padding: 4px 0px 0px 0px;
}
.calendar .ajax__calendar_other .ajax__calendar_year
{
    background-color: #F6F6F6;
    border-color: #F6F6F6;
    color: #646464;
    text-align: center;
    padding: 4px 0px 0px 0px;
}

.calendar .ajax__calendar_hover .ajax__calendar_day
{
    background-color: #C3DBE7;
    border-color: #C3DBE7;
    color: #003399;
    text-align: center;
    padding: 4px 0px 0px 0px;
}
.calendar .ajax__calendar_hover .ajax__calendar_month
{
    background-color: #edf9ff;
    border-color: #daf2fc;
    color: #0066cc;
    text-align: center;
    padding: 4px 0px 0px 0px;
}
.calendar .ajax__calendar_hover .ajax__calendar_year
{
    background-color: #edf9ff;
    border-color: #daf2fc;
    color: #0066cc;
    text-align: center;
    padding: 4px 0px 0px 0px;
}

.calendar .ajax__calendar_hover .ajax__calendar_title
{
    color: #0066cc;
}
.calendar .ajax__calendar_hover .ajax__calendar_today
{
    color: #0066cc;
}
.collapsePanel
{
    clear: both; /*width: 600px;*/
}
.CollapsePanelHeader
{
    width: 640px;
    height: 35px;
    font-weight: bold;
    float: left;
    padding: 5px;
    cursor: pointer;
}
.CollapsePanelHeader img
{
    margin-bottom: 10px;
}
#ctl00_ContentPlaceHolder1_Commission1_pnlContent
{
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    width: 610px;
    clear: both;
    float: left; /*background: #f2f2f2;*/
}

.h2Info_main
{
    text-decoration: underline;
    font-size: 13px;
    padding: 10px 0px 0px 15px;
}

.h2Info
{
    font-size: 12px;
    padding: 10px 0px 0px 15px;
}

ul.ulInfo, ul.ulInfoBg
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 28px;
    color: #036;
}
ul.ulInfo li, ul.ulInfoBg li
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 11px;
    line-height: 1.6em;
}

a.infoButton
{
    color: #036;
    background-image: url(../Images/small_button.jpg);
    background-repeat: no-repeat;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
    padding: 8px 0px 0px 6px;
    margin: 0px 0px 0px 420px;
}

a.infoButton:hover
{
    color: #036;
    background-image: url(../Images/small_button_hover.jpg);
    background-repeat: no-repeat;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    text-decoration: underline;
    padding: 8px 0px 0px 6px;
    margin: 0px 0px 0px 420px;
}

#ulInfo_buttons
{
    width: 400px;
    display: inline;
    float: left;
    margin: -25px 0px 0px 390px;
}
* html #ulInfo_buttons
{
    margin: 17px 0px 0px 390px;
}
#ulInfo_buttons li
{
    background: transparent url("../images/leftButton.png") 0% 0% no-repeat;
    height: 29px;
    float: left;
    padding: 0px 0px 0px 12px;
    margin: 0px 0px 0px 10px;
}
* html #ulInfo_buttons li
{
    width: 0%;
}
#ulInfo_buttons li a
{
    color: #036;
    background: transparent url("../images/rightButtonArrow.png") 100% 50% no-repeat;
    height: 20px;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.4em;
    display: block;
    padding: 9px 30px 0px 0px;
}

#ulInfo_buttons_v2
{
    width: 400px;
    display: inline;
    float: left;
    margin: 0px 0px 0px 366px;
}
* html #ulInfo_buttons_v2
{
    margin: 17px 0px 0px 366px;
}
#ulInfo_buttons_v2 li
{
    background: transparent url("../images/leftButton.png") 0% 0% no-repeat;
    height: 29px;
    float: left;
    padding: 0px 0px 0px 12px;
    margin: 0px 0px 0px 10px;
}
* html #ulInfo_buttons_v2 li
{
    width: 0%;
}
#ulInfo_buttons_v2 li a
{
    color: #036;
    background: transparent url("../images/rightButtonArrow.png") 100% 50% no-repeat;
    height: 20px;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.4em;
    display: block;
    padding: 9px 30px 0px 0px;
}

.checkbox
{
    color: #036;
    font-size: 12px;
}

.dimmed
{
    margin: 12px 0px 25px 0px;
    float: left;
    width: 582px;
    height: 321px;
    background-image: url(../Images/carBanner4.jpg);
    background-repeat: 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;
}

ul#ulNav li a.aBlank
{
    width: 668px;
    cursor: default;
}


/*************************/
/* Commission Setup      */
/*************************/
#divCommission
{
    width: 700px;
    padding-left: 10px;
}
#tblCommision
{
    width: 660px;
}
#tblCommision .tdRow
{
    line-height: 2.3em;
    padding: 0px 0px 0px 10px;
    margin: 0px 0px 0px 10px;
    font-weight: normal;
    color: #036;
    background: #fff;
    border-bottom: 1px solid #f6f6f6;
    font-size: 12px;
    text-align: left;
    width: 100px;
}
#tblCommision .tdRow span
{
    padding: 0px 0px 0px 18px;
}
ul.ulSaveButton, .ulDefaultButton, .ulFilterButton
{
    padding: 10px 0 10px 0;
    margin: 0px 0px 0px 550px;
}
ul.ulDefaultButton
{
    margin: 0px 0px 0px 0px;
}
ul.ulFilterButton
{
    margin: 0px 0px 0px 174px;
}
ul.ulSaveButton
{
    margin: 0px 0px 0px 568px;
}
.collapsePanel img
{
    margin-bottom: 20px;
}

/******* || Added 03/02/2010 || Craig F || *******/
.pHelp
{
    color: #036;
    font-weight: bold;
    padding-left: 5px;
    font-size: 1.3em;
    padding: 0px 0px 0px 26px;
    text-decoration: underline;
    display: none;
}
.imgHelp
{
    float: left;
}
.imgHelp:hover
{
    cursor: pointer;
}
.spnHelp
{
    display: none;
    color: #222;
    padding: 0px 10px;
}


/*************************/
/* Email your Invoices   */
/*************************/
#divEmailAddRemoveWrapper
{
    margin-top: 10px;
}
.selectEmailInvoice
{
    border: 1px solid #ccc;
    width: 560px;
    height: 200px;
}

/*************************/
/* New Broker            */
/*************************/
.divConfirmationWrapper
{
    padding: 0px;
    width: 560px;
}
.divConfirmationWrapper p
{
    color: #555;
    font-weight: bold;
    font-size: 1.3em;
}
/***************************/
/* Invoice Dealers Brokers */
/***************************/
h2.h2Invoices
{
    margin-bottom: 10px;
}
.dealerBrokerListbox
{
    /*clear: both;    */
    margin-bottom: 10px;
    width: 340px;
    height: 120px;
}

#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;
}

/***************************/
/* NEW Broker Banner       */
/***************************/
.div_panel_car, .div_panel_car_login
{
    position: relative;
}
.h2BrokerBanner
{
    color: #003366;
    font-size: 2.6em;
    font-weight: bold;
    line-height: 1.2em;
    padding: 25px 0px 10px 27px;
    margin: 0px 0px 0px 0px;
}
.h3BrokerBanner
{
    color: #036;
    font-size: 1.8em;
    line-height: 1.4em;
    padding: 0px 0px 15px 27px;
    margin: 0px 0px 0px 0px;
}
.div_panel_car p
{
    color: #555;
    font-size: 1.2em;
    line-height: 1.8em;
    padding: 0px 0px 10px 45px;
    margin: 0px 0px 0px 244px;
    width: 370px;
}

.div_panel_car .pFirst
{
    margin: -29px 0px 0px 244px;
    padding: 0px 0px 10px 45px;
    font-weight: bold;
}
p.pBrokerNote
{
    color: #807f7f;
    font-size: 1.1em;
    position: absolute;
    left: 0px;
    bottom: 98px;
}
/***************************/
/* Register                */
/***************************/
#ulContact.ulBrokerForm
{
    margin-bottom: 20px;
}
.registerCheckbox
{
    color: #036;
    font-size: 12px;
    float: left;
}

#ulContact label span.registerCheckbox
{
    border: 1px solid red;
}
#ulContact label span.registerCheckbox input
{
    float: left;
    line-height: 1.4em;
    margin: 0;
    padding: 1px 0 3px;
    width: 60px;
}

#ulContact li label.labelShort
{
    width: 150px;
}
#ulContact li label.labelShort span
{
    width: 120px;
}
#ulContact label span.registerCheckbox label
{
    clear: both;
    color: #003366;
    display: block;
    float: left;
    line-height: 1.4em;
    margin: 0;
    padding: 3px 10px 3px 15px;
    width: 160px;
}
#ulContact .registerCheckbox input
{
    margin-top: 7px;
    width: 50px;
}
.divBrandShot
{
    float: left;
    margin: 0px 50px 20px 0px;
    clear: none;
}

/***************************/
/* Sales and Commissions   */
/***************************/
.tblDateRange
{
    margin: 0px 0px 20px 0px;
}

.tblDateRange label
{
    font-size: 1.2em;
    width: 100px;
}

/*
#SalesbyDayForBrandDiv
{    
    clear: left;
    border: 1px solid red;
    width: 280px;
    height: 200px;
    float: left;
}

#SalesbyDayForBrokerDiv
{
    clear: right;
    border: 1px solid blue;
    width: 280px;
    height: 200px;    
    float: right;

}
*/


#SalesbyDayForBrandDiv
{
    border: 1px dotted #C3DBE7;
}

#SalesbyDayForBrokerDiv
{
    border: 1px dotted #C3DBE7;
}


.itemValueLabel tr td
{
    font-size: 8pt;
    padding-right: 15px;
    width: 150px;
    height: 16px;
}

.rptButtonSpan
{
    background: url("../images/leftButton.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 29px;
    margin-right: 10px;
    padding: 0 0 0 12px;
}

.runReport
{
    background: url("../images/rightButtonArrow.png") no-repeat scroll 100% 50% transparent;
    color: #003366;
    display: block;
    font-size: 1.4em;
    font-weight: bold;
    height: 20px;
    padding: 9px 30px 0 0;
    text-decoration: none;
}

.trOFF
{
    background: #fff;
}


.trON
{
    background: #CEFF45;
}

table.setup td
{
    padding: 3px;
    white-space: nowrap;
    text-align: left;
    border-right: 1px dotted #000;
}

table.setup th
{
    padding: 3px;
    white-space: nowrap;
    text-align: left;
    background-color: #BBD7E3;
}

div.fullscreen
{
    display: block; /*set the div in the top-left corner of the screen*/
    position: fixed;
    top: 0;
    left: 0; /*set the width and height to 100% of the screen*/
    width: 100%;
    height: 100%;
    background-color: #fff;
    filter: alpha(opacity=65);
    -moz-opacity: 0.65;
    opacity: 0.65;
    text-align: center; /* min-height:2000px;     overflow:scroll;*/
    z-index: 1000;
}
div.fullscreen img
{
    position: absolute;
    top: 50%;
    left: 40%;
}

div.fullscreen span
{
    position: absolute;
    top: 48%;
    left: 48%;
    font-size: 12pt;
    font-weight: bold;
    color: #ffffff;
}

#divGraphWrapper
{
    clear: both;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    width: 900px;
    border: 1px dotted #C3DBE7;
}


#divWrapRepeater
{
    width: 920px;
    height: 450px;
    overflow: auto;
    /*margin-top: 25px;*/
}

.information
{
    text-align: left;
    margin: 5px 0 5px 0;
    border-bottom: 3px solid #5CABFE;
    padding: 5px;
}

.information .icon
{
    float: left;
    background-image: url(../images/info.gif);
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
}

.information .title
{
    line-height: 14pt;
    float: left;
    font-size: 12pt;
    font-weight: bold;
    color: #5CABFE;
    padding: 5px;
}

.information UL
{
    clear: both;
    margin: 0;
    padding: 0px 25px 5px 25px;
}

label.regFail
{
    font-size: 8pt;
    font-weight: bold;
    color: Red;
}

label.regWarn
{
    font-size: 8pt;
    font-weight: bold;
    color: Orange;
}

label.regSuccess
{
    font-size: 8pt;
    font-weight: bold;
    color: Green;
}

.CapitalTextBox
{
    text-transform:uppercase;
}