/* -------------------------------------------------------------- 
  
    default.css
    Includes styles for the default screen presentation of the 
    site. It is intended to be built on top of base.css.

    Content:
    01 - Global and page level styles
    02 - Header styles
    03 - Primary navigation styles
    04 - Body styles
        04.01 - Home page styles
        04.02 - About Neo-Trac page styles
            04.02.01 - Unipart page styles
            04.02.02 - Thatcham cat 5 page styles
        04.03 - Why Neo-Trac page styles
            04.03.01 - Your security page styles
            04.03.02 - Your safety page styles
            04.03.03 - Your vehicle page styles
        04.04 - How it Works page styles
            04.04.01 - Getting started page styles
            04.04.02 - What you get page styles
        04.05 - Buying your Neo-Trac page styles
        04.06 - What's new page styles
        04.07 - FAQs page styles
        04.08 - Contact us page styles
            04.08.01 - Feedback page styles
    05 - Footer styles

---------------------------------------------------------------*/

/*---------------------------------------------------------------
01 - Global and page level styles
---------------------------------------------------------------*/
body
{
    background: #ca005d url('../../images/layout/screen/default/body.jpg') 0 0 repeat-x;
}

div#page
{
    padding-bottom: 16px;
    background: transparent url('../../images/layout/screen/default/page.jpg') 0 0 repeat-x;
}

div#adminBar
{
    height: 3em;
    padding: 0 20px;
    background-color: #c3bcbf;
    overflow: hidden;
}

    div#adminBar p
    {
        float: left;
        width: 60%;
        line-height: 2.727;
    }
    
div#adminOptions
{
    float: right;
    width: 40%;
}
    
    div#adminOptions a
    {
        float: right;
        display: block;
        padding: 0 9px 0 0;
        font-size: 1.1em;
        line-height: 2.727;
    }
    
    div#adminOptions input.submit
    {
        float: right;
        display: block;
        height: 2em;
    }
    
p.highlight
{
    font-size: 1.3em;
    color: #e02771;
}


            
dl.sitemap
{
    font-size: 1.1em; /*11px*/
    line-height: 1.363; /*15px*/
}
            
    dl.sitemap dl
    {
        padding: 0 15px 0 0;
        margin: 0;
        font-size: 1em;
    }

    dl.sitemap dt,
    dl.sitemap dd
    {
        font-size: 1em;
    }

    dl.sitemap dt
    {
        clear: none;
        float: none;
        width: auto;
        padding: 0;
        margin: 0;
        font-weight: bold;
        text-transform: none;
    }

    dl.sitemap dd
    {
        clear: none;
        float: none;
        width: auto;
        padding: 0; 
        margin: 0;
    }
    
        dl.sitemap dd a
        {
            display: block;
            padding-bottom: 10px;
            text-decoration: none;
            color: #333;
        }
    
        dl.sitemap dd a:hover,
        dl.sitemap dd a:focus
        {
            text-decoration: underline;
        }
    
        dl.sitemap dt a
        {
            display: block;
            padding-bottom: 0;
            text-decoration: underline;
            color: #002C5F;
        }
    
        dl.sitemap dt a:hover,
        dl.sitemap dt a:focus
        {
            text-decoration: none;
        }

/*---------------------------------------------------------------
02 - Header styles
---------------------------------------------------------------*/
div#header
{
    clear: both;
    width: 850px;
    margin: 0 auto;
    padding-right: 50px;
    background: transparent url('../../images/layout/screen/default/header.gif') 100% 0 no-repeat;
}

div#topBanner
{
    position: relative;
    width: 800px;
    height: 103px;
    padding-left: 50px;
    background-color: #fff;
}

p#mainLogo
{
    position: absolute;
    left: 68px;
    top: 18px;
    width: 220px;
    height: 60px;
    margin: 0;
}

p#straplines
{
    position: absolute;
    right: 18px;
    top: 26px;
    width: 245px;
    height: 52px;
    margin: 0;
}

    p#straplines img.primary
    {
        position: absolute;
        left: 0;
        top: 30px;
        display: block;
        width: 245px;
        height: 22px;
    }

    p#straplines img.secondary
    {
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        width: 245px;
        height: 22px;
    }

/*---------------------------------------------------------------
03 - Primary navigation styles
---------------------------------------------------------------*/
div#primaryNavigation
{
    width: 800px;
    padding-left: 50px;
    background-color: #fff;
    overflow: hidden;
}

    div#primaryNavigation li
    {
        float: left;
        position: relative;
        z-index: 100;
        margin: 0;
        padding: 0;
        font-weight: bold;
        line-height: 2.727; /*30px*/
        text-transform: uppercase;
        text-indent: -9000px;
    }

        div#primaryNavigation li em
        {
            font-weight: normal;
        }

        div#primaryNavigation li a
        {
            position: relative;
            z-index: 200;
            display: block;
            height: 33px;
            font-size: 1em; /*11px*/
            line-height: 3; /*33px*/
            text-align: center;
            text-decoration: none;
            color: #fff;
        }

    div#primaryNavigation li.home,
    div#primaryNavigation li.aboutNeoTrac,
    div#primaryNavigation li.whyNeoTrac,
    div#primaryNavigation li.howItWorks,
    div#primaryNavigation li.buyingYourNeoTrac,
    div#primaryNavigation li.whatsNew,
    div#primaryNavigation li.faqs,
    div#primaryNavigation li.contactUs
    {
        height: 33px;
        line-height: 3; /*33px*/
    } 
    
    div#primaryNavigation li.home
    {
        width: 60px;
    }   
    
        div#primaryNavigation ul li.home a
        {
            background: transparent url('../../images/layout/screen/default/nav-home.gif') 0 0 no-repeat;
        }
    
        div#primaryNavigation li.home:hover a,
        div#primaryNavigation li.home a:hover,
        div#primaryNavigation li.home a:focus
        {
            background-image: url('../../images/layout/screen/default/nav-home-active.gif');
        }
    
        div#primaryNavigation li.selected.home a
        {
            background-image: url('../../images/layout/screen/default/nav-home-active.gif');
        }

    div#primaryNavigation li.aboutNeoTrac
    {
        width: 120px;
    }

        div#primaryNavigation ul li.aboutNeoTrac a
        {
            background: transparent url('../../images/layout/screen/default/nav-about-off.gif') 0 0 no-repeat;
        }
    
        div#primaryNavigation li.aboutNeoTrac:hover a,
        div#primaryNavigation li.aboutNeoTrac a:hover,
        div#primaryNavigation li.aboutNeoTrac a:focus
        {
            background-image: url('../../images/layout/screen/default/nav-about-on.gif');
        }
    
        div#primaryNavigation li.selected.aboutNeoTrac a,
        div#primaryNavigation li.childSelected.aboutNeoTrac a
        {
            background-image: url('../../images/layout/screen/default/nav-about-active.gif');
        }

    div#primaryNavigation li.whyNeoTrac
    {
        width: 108px;
    }

        div#primaryNavigation ul li.whyNeoTrac a
        {
            background: transparent url('../../images/layout/screen/default/nav-why-off.gif') 0 0 no-repeat;
        }
    
        div#primaryNavigation li.whyNeoTrac:hover a,
        div#primaryNavigation li.whyNeoTrac a:hover,
        div#primaryNavigation li.whyNeoTrac a:focus
        {
            background-image: url('../../images/layout/screen/default/nav-why-on.gif');
        }
    
        div#primaryNavigation li.selected.whyNeoTrac a,
        div#primaryNavigation li.childSelected.whyNeoTrac a
        {
            background-image: url('../../images/layout/screen/default/nav-why-active.gif');
        }

    div#primaryNavigation li.howItWorks
    {
        width: 108px;
    }

        div#primaryNavigation ul li.howItWorks a
        {
            background: transparent url('../../images/layout/screen/default/nav-how-off.gif') 0 0 no-repeat;
        }
    
        div#primaryNavigation li.howItWorks:hover a,
        div#primaryNavigation li.howItWorks a:hover,
        div#primaryNavigation li.howItWorks a:focus
        {
            background-image: url('../../images/layout/screen/default/nav-how-on.gif');
        }
    
        div#primaryNavigation li.selected.howItWorks a,
        div#primaryNavigation li.childSelected.howItWorks a
        {
            background-image: url('../../images/layout/screen/default/nav-how-active.gif');
        }

    div#primaryNavigation li.buyingYourNeoTrac
    {
        width: 158px;
    }

        div#primaryNavigation ul li.buyingYourNeoTrac a
        {
            background: transparent url('../../images/layout/screen/default/nav-buy-off.gif') 0 0 no-repeat;
        }
    
        div#primaryNavigation li.buyingYourNeoTrac:hover a,
        div#primaryNavigation li.buyingYourNeoTrac a:hover,
        div#primaryNavigation li.buyingYourNeoTrac a:focus
        {
            background-image: url('../../images/layout/screen/default/nav-buy-on.gif');
        }
    
        div#primaryNavigation li.selected.buyingYourNeoTrac a,
        div#primaryNavigation li.childSelected.buyingYourNeoTrac a
        {
            background-image: url('../../images/layout/screen/default/nav-buy-active.gif');
        }

    div#primaryNavigation li.whatsNew
    {
        width: 95px;
    }

        div#primaryNavigation ul li.whatsNew a
        {
            background: transparent url('../../images/layout/screen/default/nav-new-off.gif') 0 0 no-repeat;
        }
    
        div#primaryNavigation li.whatsNew:hover a,
        div#primaryNavigation li.whatsNew a:hover,
        div#primaryNavigation li.whatsNew a:focus
        {
            background-image: url('../../images/layout/screen/default/nav-new-on.gif');
        }
    
        div#primaryNavigation li.selected.whatsNew a,
        div#primaryNavigation li.childSelected.whatsNew a
        {
            background-image: url('../../images/layout/screen/default/nav-new-active.gif');
        }

    div#primaryNavigation li.faqs
    {
        width: 52px;
    }

        div#primaryNavigation ul li.faqs a
        {
            background: transparent url('../../images/layout/screen/default/nav-faq-off.gif') 0 0 no-repeat;
        }
    
        div#primaryNavigation li.faqs:hover a,
        div#primaryNavigation li.faqs a:hover,
        div#primaryNavigation li.faqs a:focus
        {
            background-image: url('../../images/layout/screen/default/nav-faq-on.gif');
        }
    
        div#primaryNavigation li.selected.faqs a,
        div#primaryNavigation li.childSelected.faqs a
        {
            background-image: url('../../images/layout/screen/default/nav-faq-active.gif');
        }

    div#primaryNavigation li.contactUs
    {
        width: 99px;
    }

        div#primaryNavigation ul li.contactUs a
        {
            background: transparent url('../../images/layout/screen/default/nav-contact-off.gif') 0 0 no-repeat;
        }
    
        div#primaryNavigation li.contactUs:hover a,
        div#primaryNavigation li.contactUs a:hover,
        div#primaryNavigation li.contactUs a:focus
        {
            background-image: url('../../images/layout/screen/default/nav-contact-on.gif');
        }
    
        div#primaryNavigation li.selected.contactUs a,
        div#primaryNavigation li.childSelected.contactUs a
        {
            background-image: url('../../images/layout/screen/default/nav-contact-active.gif');
        }

    div#primaryNavigation ul.menu.horizontal
    {
        float: left;
        width: 800px;
        margin: 0;
        padding-bottom: 3em;/*30px*/
        background: transparent url('../../images/layout/screen/default/primaryNavigation_ul.jpg') 0 0 no-repeat;
        list-style-type: none;
    }

        div#primaryNavigation ul.menu.horizontal li ul
        {
            float: left;
            position: absolute;
            left: -9000px;
            top: 33px;
            margin: 0;
            padding: 0;
            list-style-type: none;
        }

        div#primaryNavigation ul.menu.horizontal li:hover ul, 
        div#primaryNavigation ul.menu.horizontal li.selected ul,
        div#primaryNavigation ul.menu.horizontal li.childSelected ul
        {
            left: 0;
            direction: ltr;/*fixes broken hover behaviour for sub navs in IE*/
        }

            div#primaryNavigation li.aboutNeoTrac ul
            {
                width: 740px;
            }

            div#primaryNavigation li.whyNeoTrac ul
            {
                width: 620px;
            }

            div#primaryNavigation li.howItWorks ul
            {
                width: 512px;
            }

            div#primaryNavigation li ul li
            {
                padding-left: 16px;
                line-height: 2.727; /*30px*/
                text-indent: 0;
                color: #002c5f;
            }

            div#primaryNavigation li ul li a
            {
                height: auto;
                padding-left: 12px;
                line-height: 2.727; /*30px*/
                color: #002c5f;
                background-image: none;
            }

            div#primaryNavigation li.home ul li a,
            div#primaryNavigation li.aboutNeoTrac ul li a,    
            div#primaryNavigation li.aboutNeoTrac:hover ul li  a,
            div#primaryNavigation li.aboutNeoTrac:focus ul li  a,
            div#primaryNavigation li.selected.aboutNeoTrac ul li  a,
            div#primaryNavigation li.childSelected.aboutNeoTrac ul li  a,
            div#primaryNavigation li.whyNeoTrac ul li a,
            div#primaryNavigation li.whyNeoTrac:hover ul li  a,
            div#primaryNavigation li.whyNeoTrac:focus ul li  a,
            div#primaryNavigation li.selected.whyNeoTrac ul li  a,
            div#primaryNavigation li.childSelected.whyNeoTrac ul li  a,
            div#primaryNavigation li.howItWorks ul li a,
            div#primaryNavigation li.howItWorks:hover ul li  a,
            div#primaryNavigation li.howItWorks:focus ul li  a,
            div#primaryNavigation li.selected.howItWorks ul li  a,
            div#primaryNavigation li.childSelected.howItWorks ul li  a,
            div#primaryNavigation li.buyingYourNeoTrac ul li a,
            div#primaryNavigation li.whatsNew ul li a,
            div#primaryNavigation li.faqs ul li a,
            div#primaryNavigation li.contactUs ul li a
            {
                background-image: none;
            } 

                div#primaryNavigation li.home ul li a:hover,
                div#primaryNavigation li.home ul li a:focus,
                div#primaryNavigation li.aboutNeoTrac ul li a:hover,
                div#primaryNavigation li.aboutNeoTrac ul li a:focus,
                div#primaryNavigation li.whyNeoTrac ul li a:hover,
                div#primaryNavigation li.whyNeoTrac ul li a:focus,
                div#primaryNavigation li.howItWorks ul li a:hover,
                div#primaryNavigation li.howItWorks ul li a:focus,
                div#primaryNavigation li.buyingYourNeoTrac ul li a:hover,
                div#primaryNavigation li.buyingYourNeoTrac ul li a:focus,
                div#primaryNavigation li.whatsNew ul li a:hover,
                div#primaryNavigation li.whatsNew ul li a:focus,
                div#primaryNavigation li.faqs ul li a:hover,
                div#primaryNavigation li.faqs ul li a:focus,
                div#primaryNavigation li.contactUs ul li a:hover,
                div#primaryNavigation li.contactUs ul li a:focus
                {
                    background: transparent url('../../images/layout/screen/default/arrow.gif') 0 50% no-repeat;
                }

                div#primaryNavigation li.home ul li.selected a,
                div#primaryNavigation li.aboutNeoTrac ul li.selected a,
                div#primaryNavigation li.whyNeoTrac ul li.selected a,
                div#primaryNavigation li.howItWorks ul li.selected a,
                div#primaryNavigation li.buyingYourNeoTrac ul li.selected a,
                div#primaryNavigation li.whatsNew ul li.selected a,
                div#primaryNavigation li.faqs ul li.selected a,
                div#primaryNavigation li.contactUs ul li.selected a
                {
                    color: #ca005d;
                    background: transparent url('../../images/layout/screen/default/arrow-active.gif') 0 50% no-repeat;
                }

    div#primaryNavigation ul.menu.horizontal:hover li.selected ul,
    div#primaryNavigation ul.menu.horizontal:hover li.childSelected ul
    {
        display: none;
    }

    div#primaryNavigation ul.menu.horizontal li.selected:hover ul,
    div#primaryNavigation ul.menu.horizontal li.childSelected:hover ul
    {
        display: block;
    }

/*---------------------------------------------------------------
04 - Body styles
---------------------------------------------------------------*/
div#body
{
    clear: both;
    width: 800px;
    margin: 0 auto;
    padding: 0 50px;
    background: #fff url('../../images/layout/screen/default/page_body.jpg') 0 100% no-repeat;
}

    div#body.noSidebar
    {
        background-image: url('../../images/layout/screen/default/page_body-noSidebar.jpg');
    }

div#checkoutPipeline
{
    border-top: 1px solid #d0d0d0;
}

    div#checkoutPipeline ol
    {
        width: 798px;
        padding: 0 1px;
        margin: 0;
    }

    div#checkoutPipeline li
    {
        width: 133px;
        padding: 10px 0;
        margin: 0;
        text-align: center;
    }

    div#checkoutPipeline li.selected
    {
        background: #fff url('../../images/layout/screen/default/checkoutPipeline_li-selected.gif') 50% 100% no-repeat;
    }

div.message.warning,
div.message.error
{
    color: #e00;
}
    
a.button
{
    display: block;
    width: 97px;
    height: 25px;
    text-indent: -9000px;
    text-align: center;
    color: #fff;
    background-color: #002c5f;
}
    
    a.button.whyNeoTrac
    {
        background: #002c5f url('../../images/layout/screen/default/button_whyNeoTrac.gif') 0 0 no-repeat;
    }
    
    a.button.moreDetails
    {
        background: #002c5f url('../../images/layout/screen/default/button_moreDetails.gif') 0 0 no-repeat;
    }
    
    a.button.faqs
    {
        background: #002c5f url('../../images/layout/screen/default/button_faqs.gif') 0 0 no-repeat;
    }
    
p.buttonHolder
{
    overflow: hidden;
}
    
    p.buttonHolder a.button
    {
        float: right;
    }
    
p.footnote,
ol.footnote,
ul.footnote
{
    font-size: 0.9em;
    color: #666;
}

ul.sitemap,
ul.sitemap li,
ul.sitemap li ul
{
    margin: 0 0 1em;
    padding: 0;
    list-style-type: none;
}

    ul.sitemap li
    { margin-bottom: 0; }
    
a.highlightLink
{
    display: block;
    margin-bottom: 1.363em;
    padding-left: 12px;
    font-size: 1.09em;
    font-weight: bold;
    text-transform: uppercase;
    background: transparent url('../../images/layout/screen/default/arrow-active.gif') 0 50% no-repeat;
}
    
div.tabbed
{
    width: 518px;
    margin: 1.5em 28px 1.5em 15px;
    background: #ededed url('../../images/layout/screen/default/tabbed.gif') 0 100% no-repeat;
}
    
    div.tabbed ul.tabs
    {
        width: 498px;
        padding: 0 10px !important;
        margin: 0;
        background: #002964 url('../../images/layout/screen/default/tabbed_tabs.gif') 0 0 no-repeat;
    }
    
        div.tabbed ul.tabs li
        {
            width: 166px;
            padding: 0;
            margin: 0;
            font-size: 1.8em; /*18px*/
            font-weight: bold;
            line-height: 1.833; /*32px*/
        }
    
            div.tabbed ul.tabs li a
            {
                display: block;
                padding-left: 8px;
                color: #fff;
                text-transform: uppercase;
                text-decoration: none;
            }
    
                div.tabbed ul.tabs li a span
                {
                    display: block;
                    padding-left: 8px;
                    padding-right: 16px;
                }
            
            div.tabbed ul.tabs li a:hover,
            div.tabbed ul.tabs li a:focus
            {
                text-decoration: none;
                background: transparent url('../../images/layout/screen/default/tabbed_tabs_a.gif') 0 50% no-repeat;
            }
    
                div.tabbed ul.tabs li a:hover span,
                div.tabbed ul.tabs li a:focus span
                {
                    background: transparent url('../../images/layout/screen/default/tabbed_tabs_a_span.gif') 100% 50% no-repeat;
                }
    
            div.tabbed ul.tabs li.active a
            {            
                background: transparent url('../../images/layout/screen/default/tabbed_tabs_a.gif') 0 50% no-repeat;
            }
    
                div.tabbed ul.tabs li.active a span
                {            
                    background: transparent url('../../images/layout/screen/default/tabbed_tabs_li-active_a_span.gif') 100% 50% no-repeat;
                }
            
    div.tabbed div.content
    {
        padding: 18px 28px 0 18px;
    }
            
        div.tabbed div.content h2,            
        div.tabbed div.content p
        {
            padding: 0 !important;
        }
        
    div.tabbed p.stepLinkHolder
    {
        padding: 0 28px 0 18px;
        overflow: hidden;
    }
    
ul.faq
{
    margin: 0;
    list-style-type: none;
}
    
    ul.faq li
    {
        font-weight: bold;
        text-transform: uppercase;
    }
    
        ul.faq li a
        {
            width: 372px;
            display: block;
            text-decoration: none;
        }
    
        ul.faq li a:hover,
        ul.faq li a:focus
        { text-decoration: underline; }
    
        ul.faq li div.answer
        {
            position: relative;
            width: 328px;
            margin-left: 36px;
            padding-right: 167px;
            font-weight: normal;
            text-transform: none;
            color: #ca005d;
        }
    
            ul.faq li div.answer img.copyImage
            {
                position: absolute;
                width: 131px;
                right: 28px;
                top: 0;
            }
    
        ul.faq li p
        {
            font-size: 1em;
            margin-bottom: 0;
            padding-bottom: 1.5em;
        }
    
ul.orderedStatements
{
    margin: 0;
    list-style-type: none;
}
    
    ul.orderedStatements li
    {
        position: relative;
        padding-left: 3.5em;
        margin: 0 0 1.5em 0;
    }

        ul.orderedStatements li span
        {
            position: absolute;
            left: 0;
            top: 0;
            display: block;
            width: 3.5em;
            overflow: hidden;
        }
        
        ul.orderedStatements ul.orderedStatements
        {
            margin-top: 1.5em;
        }
        
        ul.orderedStatements ul.bullets li
        {
            position: static;
            padding-left: 0;
            margin: 0;
        }
        
dl.featureList
{
    width: 531px;
    height: 1%;
    overflow: hidden;
}
        
dl.featureList dt
{
    width: 30%;
    padding-right: 3%;
    text-transform: none;
    overflow: hidden;
}
        
dl.featureList dd
{
    clear: none;
    float: none;
    width: 66%;
    overflow: hidden;
}

div.productPackage
{
    margin-bottom: 3em;
}

div.packageDisplay
{
    width: 531px;
    padding-top: 34px;
    margin: 0 0 1.5em 15px;
    background: #fff url('../../images/layout/screen/default/packageDisplay.gif') 0 0 no-repeat;
}

    div.packageDisplay table
    {
        width: 531px;
        color: #002c5f;
        background: #e5e5e5 url('../../images/layout/screen/default/packageDisplay_table.gif') 0 100% no-repeat;
    }

    div.packageDisplay table tbody th,
    div.packageDisplay table tbody td,
    div.packageDisplay table tfoot th,
    div.packageDisplay table tfoot td
    {
        border: 0;
        margin: 0;
        padding: 5px 0;
        font-size: 1.4em;
        font-weight: bold;
    }

    div.packageDisplay table tbody th,
    div.packageDisplay table tfoot th
    {
        width: 369px;
        padding-left: 12px;
    }
    
    div.packageDisplay table tbody td,
    div.packageDisplay table tfoot td
    {
        width: 80px;
        padding-right: 70px;
        font-size: 1.8em;
        text-align: right;
    }

    div.packageDisplay table tfoot th,
    div.packageDisplay table tfoot td
    { font-size: 1.8em; }

    div.packageDisplay table tfoot th
    { text-transform: uppercase; }

    div.packageDisplay table tfoot tr.total th,
    div.packageDisplay table tfoot tr.total td
    { border-top: 1px solid #fff; }
    
    div.packageDisplay table tfoot tr.buyNow td
    { padding-top: 0; }
    
    div.packageDisplay table tfoot tr.buyNow td.buyNow
    {
        width: 110px;
        padding-right: 40px;
    }
    
div.article
{
}

    
    div.article p.date
    {
        font-weight: bold;
        text-transform: uppercase;
        color: #ca005d;
    }

div.article.outline
{
    position: relative;
    border-top: 1px solid #d0d0d0;
    padding: 6px 193px 10px 0;
    margin-left: 15px;
    overflow: hidden;
}

    div.article.outline h2.title,
    div.article.outline p.date,
    div.article.outline p.title,
    div.article.outline p.moreInfoLink,
    div.article.outline a.highlightLink
    {
        margin-bottom: 0;
    }
    
    div.article.outline h2.title
    {
        margin: 4px 0;
    }
    
        div.article.outline h2.title a
        { text-decoration: none; }
    
        div.article.outline h2.title a:hover,
        div.article.outline h2.title a:focus
        { text-decoration: underline; }

    div.article.outline p.thumbnailImage
    {
        position: absolute;
        left: 383px;
        top: 6px;
        width: 163px;
        height: 82px;
        margin-bottom: 0;
        overflow: hidden;
        z-index:5;
    }
    
    div.article.outline p.thumbnailImage img.overlay
    {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 163px;
        height: 82px;
        margin-bottom: 0;
        z-index: 10;
    }
    

    div.article.outline p.description
    {
        font-weight: bold;
        color: #ca005d;
    }

div.feature
{
    width: 220px;
    overflow: hidden;
}

    div.feature h2
    {
        margin: 0 0 6px;
        font-size: 1.2em; /*12px*/
        line-height: 2; /*24px*/
        text-transform: uppercase;
        color: #fff;
        overflow: hidden;
    }

    div.feature p
    {
        padding: 0 12px;
    }

        div.feature p a
        { text-decoration: none; }

        div.feature p a:hover,
        div.feature p a:focus
        { text-decoration: underline; }

    div.feature p.imageHolder
    {
        padding: 0 6px 12px;
        margin: 0;
    }
    
    div.feature a.button
    {
        float: right;
    }

div#primaryContent
{
    padding-top: 26px;
    border-top: 1px solid #d0d0d0;
    overflow: hidden;
}

div#main
{
    float: left;
    width: 561px;
    padding-right: 12px;
    overflow: hidden;
}

    div#body.noSidebar div#main
    {
        float: none;
        width: auto;
        padding-right: 0;
        overflow: hidden;
    }

    div#main h1,
    div#main h2,
    div#main h3,
    div#main h4,
    div#main p,
    div#main address,
    div#main ul,
    div#main ol,
    div#main dl,
    div#main fieldset
    {
        padding: 0 15px;
    }
    
        div#main p.headerImageHolder
        {
            padding: 0;
        }

        div#main p.medium
        {
            padding: 0 215px 0 15px;
        }
                
        div#main p.small
        {
            position: relative;
            padding: 0 318px 0 15px;
        }
            div#main p.small img.copyImage
            {
                position: absolute;
                right: 12px;
                top: 0;
            }

        div#main fieldset h1,
        div#main fieldset h2,
        div#main fieldset h3,
        div#main fieldset h4,
        div#main fieldset p,
        div#main fieldset address,
        div#main fieldset ul,
        div#main fieldset ol,
        div#main fieldset dl,
        div#main fieldset fieldset
        {
            padding: 0;
        }

        div#main div.article h1,
        div#main div.article h2,
        div#main div.article h3,
        div#main div.article h4,
        div#main div.article p,
        div#main div.article address,
        div#main div.article ul,
        div#main div.article ol,
        div#main div.article fieldset
        {
            padding: 0;
        }
        
        div#main blockquote.highlight
        {
            margin: 1.5em 0;
            padding: 15px 20px 15px 110px;
            border-width: 1px 0;
            border-style: solid;
            border-color: #d0d0d0;
            font-size: 1.4em; /*14px*/
            line-height: 1.571; /*22px*/
            font-weight: bold;
            font-style: normal;
            text-align: right;
            color: #002c5f;
            background: #fff url('../../images/layout/screen/default/blockquote.gif') 100% 0 no-repeat;
        }
        
            div#main blockquote.highlight p
            {
                margin: 0;
                padding: 0;
                font-size: 1em;
            }

    div#main div.feature h2
    {
        padding: 0;
    }

    div#main div.feature p
    {
        padding: 0 12px;
    }

        div#main div.feature p.imageHolder
        {
            padding: 0 6px 12px;
        }

    div#main div.highlight
    {
        width: 531px;
        margin: 0 15px 1.5em;
        background: #eee url('../../images/layout/screen/default/highlight.gif') 0 100% no-repeat;
        overflow: hidden;
    }

        div#main div.highlight h2
        {
            padding: 0.6em 15px;
            border-bottom: 1px solid #fff;
            background: #eee url('../../images/layout/screen/default/highlight_h2.gif') 0 0 no-repeat;
        }

        div#main div.highlight p
        {
            padding: 0 15px;
        }

        div#main div.highlight ul,
        div#main div.highlight ol
        {
            padding: 0 15px;
        }
    
    div#main fieldset table.packageDisplay
    {
        margin-left: 0;
    }

div#sidebar
{
    float: right;
    width: 220px;
    padding-left: 5px;
    overflow: hidden;
}
    
div#buyNowFeature
{
    padding-top: 12px;
    background: transparent url('../../images/layout/screen/default/buyNow.gif') 0 0 no-repeat;
}

    div#buyNowFeature p
    {
        color: #002c5f;
    }

    div#buyNowFeature p.buttonHolder
    {
        padding-right: 6px;
        text-align: right;
    }
    
div#faqsFeature
{
    padding-top: 12px;
    background: transparent url('../../images/layout/screen/default/faqs.gif') 0 0 no-repeat;
}

    div#faqsFeature p
    {
        margin-bottom: 2.727em;
        color: #002c5f;
    }

    div#faqsFeature p.buttonHolder
    {
        margin-bottom: 0;
    }

div#yourSafetyFeature
{
    background: transparent url('../../images/layout/screen/default/yourSafety.gif') 0 0 repeat-x;
}

    div#yourSafetyFeature h2
    {
        width: 220px;
        height: 25px;
        border-bottom: 1px solid #fff;
        text-indent: -9000px;
        background: #c3bcbf url('../../images/layout/screen/default/yourSafety_h2.gif') 0 0 no-repeat;
    }

    div#yourSafetyFeature h2 a
    { display: block; }

div#yourSecurityFeature
{
    background: transparent url('../../images/layout/screen/default/yourSecurity.gif') 0 0 repeat-x;
}

    div#yourSecurityFeature h2
    {
        width: 220px;
        height: 25px;
        border-bottom: 1px solid #fff;
        text-indent: -9000px;
        background: #c3bcbf url('../../images/layout/screen/default/yourSecurity_h2.gif') 0 0 no-repeat;
    }

    div#yourSecurityFeature h2 a
    { display: block; }

div#thatchamCat5Feature p
{
    margin: 0;
    padding: 0;
    overflow: hidden;
}

    div#thatchamCat5Feature p a
    {
        display: block;
        font-weight: bold;
        text-transform: uppercase;
        text-decoration: none;
        overflow: hidden;
    }
    
        div#thatchamCat5Feature p a big
        {
            float: left;
            display: block;
            width: 98px;
            padding-left: 22px;
            background: transparent url('../../images/layout/screen/default/arrow.gif') 10px 4px no-repeat;
        }

        div#thatchamCat5Feature p a small
        {
            position: relative;
            left: 4px;
            top: 32px;
            float: left;
            display: block;
            padding-left: 12px;
            background: transparent url('../../images/layout/screen/default/arrow.gif') 0 3px no-repeat;
        }

    div#thatchamCat5Feature p a img
    {
        float: left;
        vertical-align: top;
    }

    div#thatchamCat5Feature p a:hover,
    div#thatchamCat5Feature p a:focus
    {
        text-decoration: none;
    }

        div#thatchamCat5Feature p a:hover small,
        div#thatchamCat5Feature p a:focus small,
        div#thatchamCat5Feature p a:hover big,
        div#thatchamCat5Feature p a:focus big
        {
            text-decoration: underline;
        }
    
div#sidebar div#callbackFeature
{
    padding-top: 12px;
    background: transparent url('../../images/layout/screen/default/callbackFeature.gif') 0 0 no-repeat;
}

    div#sidebar div#callbackFeature p
    {
        margin-bottom: 0.444em;
        font-size: 1.8em;
        font-weight: bold;
        color: #fff;
    }

    div#sidebar div#callbackFeature p.buttonHolder
    {
        margin-bottom: 0;
        text-align: right;
    }
    
div#sidebar div#applyNowFeature
{
    padding-top: 12px;
    background: transparent url('../../images/layout/screen/default/applyNowFeature.gif') 0 0 no-repeat;
}

    div#sidebar div#applyNowFeature p
    {
        margin-bottom: 0.444em;
        font-size: 1.6em;
        font-weight: bold;
        color: #fff;
    }

    div#sidebar div#applyNowFeature p.buttonHolder
    {
        margin-bottom: 0;
        text-align: right;
    }

div#priceGuaranteeFeature
{
    background: transparent url('../../images/layout/screen/default/priceGuarantee.gif') 0 0 repeat-x;
}

    div#priceGuaranteeFeature h2
    {
        width: 220px;
        height: 25px;
        border-bottom: 1px solid #fff;
        text-indent: -9000px;
        background: #c3bcbf url('../../images/layout/screen/default/priceGuarantee_h2.gif') 0 0 no-repeat;
    }

    div#priceGuaranteeFeature p
    {
        font-size: 1.3em;
        color: #002c5f;
    }

div#productPackageFeature
{
    background: transparent url('../../images/layout/screen/default/productPackageFeature.gif') 0 0 no-repeat;
}

    div#productPackageFeature h2
    {
        padding-top: 8px;
        padding-left: 12px;
        margin: 0;
        font-size: 2.2em;
        line-height: 1.333;
        color: #002c5f;
    }

    div#productPackageFeature p
    {
        line-height: 1.666;
        font-weight: bold;
        color: #002c5f;
    }

    div#productPackageFeature p.buttonHolder
    { text-align: right; }
    
div#miniBasket
{
    width: 220px;
}

    div#miniBasket h2
    {
        padding: 0 12px 0 22px;
    }

    div#miniBasket p
    {
        padding-bottom: 1em;
    }
    
    div#miniBasket table
    {
        width: 200px;
        margin: 0 8px 1.5em 12px;
    }
        
        div#miniBasket table tbody th,
        div#miniBasket table tbody td
        {
            padding: 4px 0;
            border: 0;
            vertical-align: top;
        }
        
        div#miniBasket table tbody th
        { padding-right: 4px; }
        
        div#miniBasket table tbody td.price
        {
            padding-right: 4px;
            text-align: right;
        }
        
    div#miniBasket div.currentPackage
    {
        margin-bottom: 1.5em;
        background: transparent url('../../images/layout/screen/default/miniBasket_currentPackage.gif') 0 0 repeat-x;
    }
        
        div#miniBasket div.currentPackage h2
        {
            background: #c3bcbf url('../../images/layout/screen/default/miniBasket_currentPackage_h2.gif') 0 0 no-repeat;
        }
        
    div#miniBasket div.otherPackages
    {
        background: transparent url('../../images/layout/screen/default/miniBasket_otherPackages.gif') 0 0 repeat-x;
    }
        
        div#miniBasket div.otherPackages h2
        {
            background: #c3bcbf url('../../images/layout/screen/default/miniBasket_otherPackages_h2.gif') 0 0 no-repeat;
        }
        
        div#miniBasket div.otherPackages table tbody th,
        div#miniBasket div.otherPackages table tbody td
        {
            padding-top: 7px;
            padding-bottom: 0;
        }
        
        div#miniBasket div.otherPackages table tbody td.choice
        {
            padding: 4px 0 0 4px;
        }
        
div#sidebar div.featureContainer
{
    padding: 12px 0;
    border-top: 1px solid #d0d0d0;
}
        
div#sidebar div.featureContainer.first
{
    padding-top: 0;
    border-top: 0;
}

div#sidebar div.feature p.buttonHolder
{
    margin: 0;
}

/*---------------------------------------------------------------
04.01 - Home page styles
---------------------------------------------------------------*/
body.home h1
{
    margin: 0 0 0.576em; /*0 0 15px*/
    font-size: 2.6em; /*18px*/
    line-height: 1; /*24px*/
}

body.home h2
{
    margin: 0 0 0.625em;
    font-size: 1.6em;
    line-height: 1.5;
}

body.home div#body
{    
    position: relative;
}

body.home div#primaryContent
{
    padding-top: 249px;
}

body.home div#main div.firstColumn
{
    float: left;
    width: 341px;
}

body.home div#main div.firstColumn a
{
    text-decoration: underline;
    color: #e02771;
}

    body.home div#main div.firstColumn a:focus,
    body.home div#main div.firstColumn a:hover
    { text-decoration: none; }

body.home div#main div.secondColumn
{
    float: left;
    width: 220px;
}
    
body.home div#secondaryContent
{
    position: absolute;
    top: -1px;
    left: 50px;
    width: 800px;
    height: 223px;
    border-width: 1px 0;
    border-style: solid;
    border-color: #d0d0d0;
}

    body.home div#secondaryContent p
    {
        margin: 0;
    }

        body.home div#secondaryContent p img
        {
            z-index: 0 !important;
        }

    body.home div#secondaryContent p#buyNow
    {
        position: absolute;
        right: 10px;
        top: 172px;
        width: 133px;
        overflow: hidden;
    }

    body.home div#secondaryContent div#callbackFeature
    {
        position: absolute;
        right: 6px;
        top: 10px;
        width: 300px;
        overflow: hidden;
    }

        body.home div#secondaryContent div#callbackFeature p
        {
            padding: 0 4px 0 0;
            margin-bottom: 0.666em;
            font-size: 1.2em;
            font-weight: bold;
            text-align: right;
            color: #002c5f;
        }

        body.home div#secondaryContent div#callbackFeature p.buttonHolder
        { padding-right: 0; }

    body.home div#secondaryContent div#thatchamCat5Feature
    {
        position: absolute;
        left: 0;
        top: 172px;
        width: 300px;
        overflow: hidden;
    }
        
    body.home div#sidebar div.featureContainer
    {
        padding: 0;
        border-top: 0;
    }

    body.home div#sidebar div.feature p.buttonHolder
    {
        margin-bottom: 1.5em;
    }
    
body.landing h1
{
    margin: 0;
    font-size: 2.8em;
    line-height: 1.357;
}

body.landing p.subTitle
{
    margin: 0 0 0.833em;
    font-size: 1.8em;
    line-height: 1.333;
    font-weight: bold;
    color: #002c5f;
}

body.landing h2
{
    margin: 0 0 0.625em;
    font-size: 1.6em;
    line-height: 1.5;
}

/*---------------------------------------------------------------
04.02 - About Neo-Trac page styles
---------------------------------------------------------------*/
    
/*---------------------------------------------------------------
04.02.01 - Unipart page styles
---------------------------------------------------------------*/
body.unipart div#main
{
    background: transparent url('../../images/layout/screen/default/unipart_main.jpg') 161px 0 no-repeat;
}
    
/*---------------------------------------------------------------
04.02.02 - Thatcham cat 5 page styles
---------------------------------------------------------------*/

body.thatchamCat5 div#main div.highlight ol
{
    height: 1%; /*Curse you, Internet Explorer! The background image disappears if this is not applied*/
    margin-right: 0;
    padding-right: 151px;
    text-indent: 1em; /*Another IE rule to get the list markers to appear properly*/
    background: transparent url('../../images/layout/screen/default/thatchamCat5_highlight_ul.jpg') 370px 50% no-repeat;
}

/*---------------------------------------------------------------
04.03 - Why Neo-Trac page styles
---------------------------------------------------------------*/

/*---------------------------------------------------------------
04.03.01 - Your security page styles
---------------------------------------------------------------*/

/*---------------------------------------------------------------
04.03.02 - Your safety page styles
---------------------------------------------------------------*/

/*---------------------------------------------------------------
04.03.03 - Your vehicle page styles
---------------------------------------------------------------*/
body.yourVehicle div#main
{
    background: transparent url('../../images/layout/screen/default/yourVehicle_main.jpg') 161px 0 no-repeat;
} 

/*---------------------------------------------------------------
04.04 - How it works page styles
---------------------------------------------------------------*/

/*---------------------------------------------------------------
04.04.01 - Getting started page styles
---------------------------------------------------------------*/
body.gettingStarted div#main
{
    background: transparent url('../../images/layout/screen/default/gettingStarted_main.jpg') 161px 0 no-repeat;
}

/*---------------------------------------------------------------
04.04.02 - What you get styles
---------------------------------------------------------------*/
body.whatYouGet div#main
{
    background: transparent url('../../images/layout/screen/default/whatYouGet_main.jpg') 161px 0 no-repeat;
}

/*---------------------------------------------------------------
04.05 - Buying your Neo-Trac page styles
---------------------------------------------------------------*/
body.buyNow div#main
{
    background: transparent url('../../images/layout/screen/default/buyNow_main.jpg') 161px 0 no-repeat;
}

/*---------------------------------------------------------------
04.06 - What's new page styles
---------------------------------------------------------------*/
body.whatsNew div#main
{
    background: transparent url('../../images/layout/screen/default/whatsNew_main.jpg') 161px 0 no-repeat;
}

    body.whatsNew div#main h1
    {
        margin: 0 0 70px;
    }

/*---------------------------------------------------------------
04.07 - FAQs page styles
---------------------------------------------------------------*/
body.faqs div#main
{
    background: transparent url('../../images/layout/screen/default/faqs_main.jpg') 161px 0 no-repeat;
}

/*---------------------------------------------------------------
04.08 - Contact us page styles
---------------------------------------------------------------*/
body.contactUs div#main
{
    background: transparent url('../../images/layout/screen/default/contactUs_main.jpg') 161px 0 no-repeat;
}

/*---------------------------------------------------------------
04.08.01 - Feedback page styles
---------------------------------------------------------------*/

/*---------------------------------------------------------------
04 - Footer styles
---------------------------------------------------------------*/
div#footer
{
    clear: both;
    width: 800px;
    margin: 0 auto;
    padding: 0 50px 5px;
    background: #a1a1a1 url('../../images/layout/screen/default/footer.jpg') 0 0 repeat-x;
    overflow: hidden;
}

p#innovativeSolutions
{
    width: 800px;
    margin: 0;
    padding: 18px 0 6px;
    border-bottom: 1px solid #c6c6c6;
    text-align: right;
    color: #fff;
    overflow: hidden;
}

    p#innovativeSolutions small
    {
        float: left;
        display: block;
        width: 720px;
        margin-top: -0.272em;
        text-align: right;
        text-transform: lowercase;        
    }

    p#innovativeSolutions img
    {
        float: right;
        vertical-align: top;        
    }
    
div#moreInformation
{
    float: right;
    margin-top: 10px;
}
    
    div#moreInformation ul
    {
        margin: 0;
    }
    
    div#moreInformation li
    {
        border-color: #c6c6c6;
    }
    
    div#moreInformation li a
    {
        color: #fff;
        text-decoration: none;
    }
    
        div#moreInformation li a:hover,
        div#moreInformation li a:focus
        { text-decoration: underline; }
    
p#copyrightNotice
{
    float: right;
    margin: 10px 0 0;
    padding-left: 6px;
    border-left: 1px solid #c6c6c6;
    color: #fff;
    line-height: 1.6;
}