/** because we're floating every element in the 'nav' element the li elements will collapse as if it were empty **/
    /* For modern browsers */
    .cf:before,
    .cf:after {
        content: "";
        display: table;
    }

    .cf:after {
        clear: both;
    }

    /* For IE 6/7 (trigger hasLayout) */
    .cf {
        zoom: 1;
    }

    nav {
        clear: both;
        display: block;
        margin: 0 auto;
        width: 960px;
    }

        nav a {
            color: inherit;
            display: block;
            text-decoration: none;
        }

        .pp-main-nav > ul {
            list-style-type: none; 
            position: relative;
            background-color: #FFCB00;
	        width: 960px;
            font-size: 16px;
            font-weight: bold;
            height: 40px;
            line-height: 0;
            width: 100%;


            -moz-border-radius:12px 12px 0px 0px;
            -webkit-border-radius:12px 12px 0px 0px;
            border-radius:12px 12px 0px 0px;
            behavior: url(styles/frontend/base/ForIE/PIE.htc);
        }

        .primary-nav-sprite {
            background: url('https://381a46b44548ce929bc4-24c6b55086b737087f3157fe95d35090.ssl.cf2.rackcdn.com/primary-nav-sprite.png') no-repeat;
        }
            .primary-nav-sprite a {
                margin-right: 5px;
                margin-top: 0;
                height: 40px;
                width: 40px;
            }
        li.nav-border {
            background-position: -241px -406px;
            width: 6px;
	        height: 40px;
        }
        td.why-you-need {
            background-position: -1px 0;
            width: 40px;
	        height: 40px;
        }
        td.insurance-comparison {
            background-position: 0 -116px;
        }
        td.how-petplan-works {
            background-position: -1px -222px;
        }
        td.petplan-advantage {
            background-position: 0 -328px;
        }
        td.case-studies {
             background-position: 0 -438px
        }
        td.petplan-rewards {
            background-position: -61px -1px;
        }
        td.faq {
            background-position: -60px -117px;
        }
        td.dog-policies {
            background-position: -61px -223px;
        }
        td.dog-discounts,
        td.cat-discounts {
            background-position: -60px -329px;
        }
        td.cat-policies {
            background-position: -60px -439px;
        }
        td.file-claim {
            background-position: -121px 0;
        }
        td.handle-claims {
            background-position: -120px -117px;
        }
        td.find-a-vet {
            background-position: -121px -223px;
        }
        td.virtual-clinic {
            background-position: -120px -329px;
        }
        td.fetch-magazine {
            background-position: -181px -333px;
        }
        td.healthy-bytes {
            background-position: -180px -227px;
        }
        td.protect-your-pet {
            background-position: -181px 0;
        }

        nav ul li.first {
            margin-left: 10px;
        }

            nav ul li.first:hover a {
                color: #4c4c4c;
            }

    .pp-main-nav ul,
    .pp-main-nav li .pp-main-nav a {
        float: left;
    }

    .pp-main-nav a {
        display: block;
        line-height: 1;
        padding: 0;
        text-decoration: none;
    }

    /** only applys the top-most list-item span tags **/
    .pp-main-nav > ul > li > a > span {
        display: block;
        height: 41px;
        line-height: 41px;
        padding: 0 7px;
        vertical-align: middle;
    }

    .pp-main-nav ul li {
        position: relative;
        float: left;
    }

        .pp-main-nav ul li a {
            color: #4c4c4c;
            font-weight: bold;
        }

    .pp-main-nav > ul > li > ul {
        left: -999em;
        position: absolute;
        height: auto;
        background-color: #FFF;

        border-left: 3px solid #ffcb00;
        border-right: 3px solid #ffcb00;
        border-bottom: 3px solid #ffcb00;
        
        -moz-border-radius:0px 0px 12px 12px;
        -webkit-border-radius:0px 0px 12px 12px;
        border-radius:0px 0px 12px 12px;

        overflow: hidden;
        box-shadow: 4px 4px 5px #888888;
        
        padding-top: 10px;

        behavior: url(styles/frontend/base/ForIE/PIE.htc);
    }

    .nav-splitter {
        background: url("../images/v_spliter.gif" ) no-repeat top right;
        width: 6px;
        height: 40px;
        float: left;
        overflow: hidden;
    }

    /** top level hover states **/
    li#home:hover,
    li#home.current {
        background: url('/images/main_navigation/home.png') no-repeat !important; width: 71px;
    }

    li#what-is-pet-insurance:hover,
    li#what-is-pet-insurance.current {
        background: url('/images/main_navigation/what-is-pet-insurance.png') no-repeat;
    }

    li#why-petplan:hover,
    li#why-petplan.current {
        background: url('/images/main_navigation/why-petplan.png') no-repeat;
    }

    li#dog-insurance:hover,
    li#dog-insurance.current {
        background: url('/images/main_navigation/dog-insurance.png') no-repeat;
    }

    li#cat-insurance:hover,
    li#cat-insurance.current {
        background: url('/images/main_navigation/cat-insurance.png') no-repeat;
    }

    li#claims-center:hover,
    li#claims-center.current {
        background: url('/images/main_navigation/claims-center.png') no-repeat;
    }

    li#pet-health-safety:hover,
    li#pet-health-safety.current {
        background: url('/images/main_navigation/pet-health-safety.png') no-repeat;
    }

    nav ul li.nav-item:hover,
    nav ul li.nav-item:active,
    nav ul li.current {
        background: #fff;
        margin-top: -8px;
        height: 48px;
    }

        nav ul li.nav-item:hover a,
        nav ul li.nav-item:active a,
        nav ul li.current a {
            margin-top: 8px;
            color: #993300;
        }



    /** child sub menus **/
    nav ul li:hover > ul {
        position: absolute;
        z-index: 9999;
        left: 0;
        background-color: #FFF;
    }

    nav > ul > li > ul {
        background: #fff;
        left: -999em;
        position: absolute;
        top: 48px;
    }

    /** what is pet insurance sub nav  **/
    nav ul li#what-is-pet-insurance:hover > ul {
        width: 184px;
        height: 91px;
        left: -2px;
    }

    /** why petplan sub nav  **/
    nav ul li#why-petplan:hover > ul {
        width: 913px;
        height: 88px;
        left: -265px;
    }

    /** dog insurance sub nav  **/
    nav ul li#dog-insurance:hover > ul {
        width: 369px;
        height: 57px;
        left: -2px;
    }

    /** cat insurance sub nav  **/
    nav ul li#cat-insurance:hover > ul {
        width: 372px;
        height: 57px;
        left: -259px;
    }

    /** claims center sub nav  **/
    nav ul li#claims-center:hover > ul {
        width: 369px;
        height: 90px;
        left: -258px;
    }

    /** pet health + safety sub nav  **/
    nav ul li#pet-health-safety:hover > ul {
        width: 718px;
        height: 143px;
        left: -570px;
    }

    /** child sub menu wrapper */
    .nav-item ul li {
        border: 0 solid blue;
        float: left;
        list-style: none outside none;
        margin-right: 5px;
        overflow: hidden;
        text-align: left;
        width: 162px;
    }

    /* child nesting depth = 1 (sub menu - top level) */
    nav ul li ul {
        background: none;
    }

    nav ul li.nav-item:hover ul li a {
        font-size: 13px;
    }


    /* child nesting depth = 2 (the sub menu's menu links)*/
    .nav-item ul li ul li {
    }

    nav ul li.nav-item:hover ul li ul li a {
        color: #4c4c4c;
        font-weight: normal;
    }

    nav ul li ul,
    nav ul li ul li {
        float: left;
        display: block;
    }

    td.img {
        width: 40px; 
    }
        td.img img {
            margin: 0 5px 0 0;
        }
    td.link {
        float: left;
        overflow: hidden;
        width: 130px;
    }
.nav-item > ul > li {
    padding: 5px;
}
.nav-item ul {
    padding-top: 10px;
}
    .nav-item ul li:first-child {
        padding-left: 14px;
    }
    .nav-item ul li ul li {
    width: auto;
margin-right: 0;
background: url('/images/icons/red_dot.png') no-repeat scroll 0 10px transparent;
padding-left: 12px;
line-height: 1;
display: block;
clear: both;
padding: 5px 0 5px 0;
    }

    .nav-item ul li ul li {
    padding-left: 12px !important;
    }

        td.link a {
            margin: 0 !important;
        }
td.link ul li a {
display: inline;
line-height: 1.3;
}