﻿/*************************************
                Reset
*************************************/

html {
    margin: 0;
    padding: 0;
    outline: 0;
    vertical-align: baseline;
    overflow-y: scroll;
}

body {
    /*overflow-x:hidden;*/
}

ol, ul {
    list-style: none;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

* {
    padding: 0;
    margin: 0;
}

/*************************************
        GENERAL DECLARATIONS
*************************************/

body {
    font-size: 100.01%;
    font-family: Tahoma,times,serif;
    background: #e7e6e6 url(../images/bg_rpt.jpg) repeat-x top center;
}

a {
    text-decoration: none;
    color: #006cb9;
}

    a:hover {
        text-decoration: none;
        color: #ffffff;
        background: #006cb9;
    }

    a:active {
        outline: none;
    }

    a:focus {
        -moz-outline-style: none;
    }

.clear {
    clear: both;
}

.stdColor {
    color: #666666;
}

.contactAIM {
    cursor: pointer;
}

.floatRight {
    float: right;
    width: 100%;
    text-align: right;
}

.floatLeft {
    float: left;
    width: 100%;
    padding: 0 0 17px 0;
    position: relative;
}

    .floatLeft .buttonL {
        position: absolute;
        left: 0;
    }

    .floatLeft .buttonR {
        position: absolute;
        right: 0;
    }

.floatLeftP {
    float: left;
    width: 100%;
    position: relative;
    padding: 0 0 10px 0;
}

.floatLeft .r {
    right: 0px;
}

img {
    border: 0px;
}

.input {
    padding: 1px 3px;
    background: #fdfdee;
    border: solid 1px #e2e3ea;
}

.red {
    color: #ff0000;
}

.selectedVeh {
    color: #006cb9;
    font-weight: bold;
    font-size: 1.1em;
}

.linkClean {
    color: #333333;
    text-decoration: underline;
}

#tooltip {
    position: absolute;
    border: 1px solid #333;
    background: #ffffff;
    padding: 5px 7px;
    color: #333;
    display: none;
    font-size: 0.85em;
    line-height: 1em;
}

.hide {
    display: none;
}

.show {
    display: block;
}

.imgRight {
    float: right;
    padding: 0 0 15px 15px;
}

.imgLeft {
    float: left;
    padding: 0 15px 15px 0;
}

#wrapper {
    width: 990px;
    margin: 0 auto;
    padding: 0;
}

#header {
    float: left;
    width: 990px;
    height: 112px;
    position: relative;
}

    #header .logo, #header .logo:hover {
        position: absolute;
        top: 46px;
        left: 14px;
        background: transparent;
    }

    #header .contact {
        position: absolute;
        top: 4px;
        right: 147px;
        height: 21px;
        color: #666666;
        font-size: 0.8em;
        text-align: right;
    }

    #header .tabF {
        position: absolute;
        top: 4px;
        right: 385px;
        width: 15px;
        height: 21px;
        background: #006cb9 url(../images/bg_topTab.jpg) no-repeat 0 0;
    }

    #header .tab {
        position: absolute;
        top: 4px;
        right: 15px;
        width: 370px;
        height: 21px;
        margin: 0;
        padding: 0;
        background: #006cb9;
        color: #ffffff;
        font-size: 0.9em;
        text-align: center;
    }

    #header .tabE {
        position: absolute;
        top: 4px;
        right: 0px;
        width: 15px;
        height: 21px;
        background: #006cb9 url(../images/bg_topTab.jpg) no-repeat -115px 0;
    }

    #header .tab a, #header .tab a:hover {
        color: #ffffff;
        background: transparent;
    }

.pageBanner {
    float: left;
    width: 990px;
    height: 286px;
    background: transparent url(../images/bg_pageBanner.jpg) no-repeat 0 0;
    position: relative;
}

    .pageBanner .cont {
        position: relative;
        top: 16px;
        left: 15px;
        width: 960px;
        height: 240px;
        background: #ffffff;
    }

.pageHeader {
    float: left;
    width: 990px;
    height: 95px;
    position: relative;
    /*background: transparent url(../images/bg_pgHeader.jpg) no-repeat 0 0;*/
}

    .pageHeader .title {
        position: absolute;
        top: 18px;
        left: 15px;
        width: 985px;
        height: 30px;
        font-size: 1.8em;
        font-weight: bold;
        color: #ffffff;
        text-transform: uppercase;
    }

    .pageHeader .contact {
        position: absolute;
        top: 12px;
        right: 15px;
        font-size: 0.85em;
        color: #ffffff;
        text-align: right;
        line-height: 1.2em;
    }

    .pageHeader .breadcrumb {
        position: absolute;
        top: 59px;
        left: 15px;
        width: 600px;
        height: 20px;
        font-size: 0.85em;
        color: #666666;
    }

        .pageHeader .breadcrumb a {
            color: #666666;
        }

            .pageHeader .breadcrumb a:hover {
                color: #666666;
                background: transparent;
                text-decoration: underline;
            }

    .pageHeader .extra {
        position: absolute;
        top: 53px;
        right: 0px;
    }

        .pageHeader .extra a, .pageHeader .extra a:hover {
            color: #666666;
            background: transparent;
        }

        .pageHeader .extra li {
            float: left;
            height: 23px;
            padding: 4px 13px 0 15px;
            background: transparent url(../images/bg_pgHeaderSep.jpg) no-repeat 0 0;
            font-size: 0.85em;
            color: #666666;
        }

            .pageHeader .extra li:hover {
                cursor: pointer;
            }

            .pageHeader .extra li.cart {
                padding: 4px 35px 0 15px;
                background: transparent url(../images/bg_cart.jpg) no-repeat 0 0;
            }

.footer {
    float: left;
    width: 950px;
    margin: 0 0 3px 0;
    padding: 0;
    color: #888888;
    position: relative;
}

    .footer .tab {
        position: absolute;
        bottom: -14px;
        right: -33px;
    }

    .footer .container {
        float: left;
        width: 988px;
        border-left: solid 1px #e0e0e0;
        border-right: solid 1px #e0e0e0;
        background: #eeeded url(../images/bg_ftrHdr.jpg) no-repeat 0 0;
        font-size: 0.85em;
        padding: 0 0 20px 0;
    }

        .footer .container .column {
            float: left;
            width: 126px;
            padding: 15px 0 4px 15px;
        }

            .footer .container .column li.hdr {
                font-weight: bold;
                font-size: 1.0em;
                height: 19px;
            }

            .footer .container .column li {
                height: 19px;
            }

                .footer .container .column li a {
                    color: #888888;
                    background: transparent;
                }

                    .footer .container .column li a:hover {
                        text-decoration: underline;
                    }

    .footer .containerBtm {
        float: left;
        width: 990px;
        height: 10px;
        background: #eeeded url(../images/bg_ftrBtm.jpg) no-repeat 0 0;
    }

.containerBtm {
    float: left;
    width: 990px;
    height: 10px;
    background: #eeeded url(../images/bg_ftrBtm.jpg) no-repeat 0 0;
}

#copyright {
    float: left;
    width: 990px;
    margin: 0 0 0 0;
    padding: 0 0 100px 0;
    text-align: center;
    font-size: 0.85em;
    color: #a2a1a1;
}

    #copyright a, #copyright a:hover {
        color: #a2a1a1;
        background: transparent;
    }

    #copyright ul.nav {
        float: left;
        width: 990px;
        padding: 5px 0 2px 0;
        text-align: center;
    }

        #copyright ul.nav li {
            display: inline;
            font-size: 1.05em;
            padding: 0px 7px 0px 7px;
            border-right: 1px solid #cdcccc;
            text-transform: uppercase;
        }

    #copyright ul li.last {
        display: inline;
        font-size: 1.05em;
        padding: 0px 7px 0px 7px;
        border: 0;
    }

/*************************************
             CONTAINERS
*************************************/

.contMainTopHdr {
    float: left;
    width: 975px;
    height: 41px;
    margin: 0;
    padding: 0 0 0 15px;
    background: transparent url(../images/bg_contHdrTopMain.jpg) no-repeat 0 0;
}

    .contMainTopHdr .text {
        float: left;
        height: 29px;
        margin: 0;
        padding: 12px 35px 0 0;
        background: transparent url(../images/hdr_arrBlack.jpg) no-repeat top right;
        color: #ffffff;
    }

    .contMainTopHdr .r {
        float: right;
        padding: 12px 15px 0 0;
        font-size: 0.85em;
        color: #cccccc;
    }

        .contMainTopHdr .r a {
            color: #cccccc;
            background: transparent;
        }

            .contMainTopHdr .r a:hover {
                color: #cccccc;
                background: transparent;
                text-decoration: underline;
            }

.contMainTop {
    float: left;
    width: 979px;
    padding: 0 0 30px 10px;
    min-height: 250px;
    border-left: solid 1px #e2e1e1;
    border-right: solid 1px #e2e1e1;
    background: #ffffff;
}

.contMainTopPad {
    float: left;
    width: 960px;
    padding: 15px 14px 30px 14px;
    min-height: 250px;
    border-left: solid 1px #e2e1e1;
    border-right: solid 1px #e2e1e1;
    background: #ffffff;
}

.contMainTop .sidebar {
    float: left;
    width: 212px;
}

    .contMainTop .sidebar .boxTop {
        float: left;
        width: 212px;
        margin: 0 0 10px 0;
        position: relative;
    }

        .contMainTop .sidebar .boxTop .hdr {
            float: left;
            width: 197px;
            height: 29px;
            padding: 12px 0 0 15px;
            background: transparent url(../images/bg_contLftTopHeader.jpg) no-repeat 0 0;
            color: #ffffff;
            font-size: 1.1em;
            font-weight: bold;
            position: absolute;
            top: -25px;
            left: 0px;
        }

        .contMainTop .sidebar .boxTop .xtra {
            font-size: 0.65em;
            position: absolute;
            top: 11px;
            right: 10px;
        }

            .contMainTop .sidebar .boxTop .xtra a {
                color: #ffffff;
            }

        .contMainTop .sidebar .boxTop .cont {
            float: left;
            width: 212px;
            border-left: solid 1px #e9e8e8;
            border-right: solid 1px #e9e8e8;
            padding: 30px 0 15px 0;
            background: #f5f5f5 url(../images/bg_contLftFooter.jpg) no-repeat left bottom;
        }

    .contMainTop .sidebar .box {
        float: left;
        width: 212px;
        margin: 0 0 10px 0;
        position: relative;
    }

        .contMainTop .sidebar .box .hdr {
            float: left;
            width: 197px;
            height: 14px;
            padding: 12px 0 15px 15px;
            background: transparent url(../images/bg_contLftHeader.jpg) no-repeat 0 0;
            color: #ffffff;
            font-size: 1.1em;
            font-weight: bold;
            overflow: hidden;
        }

        .contMainTop .sidebar .box .hdrSml {
            float: left;
            width: 212px;
            height: 5px;
            padding: 0px 0 0px 15px;
            background: transparent url(../images/bg_contLftHeaderSml.jpg) no-repeat 0 0;
            color: #ffffff;
            font-size: 1.1em;
            font-weight: bold;
            overflow: hidden;
        }

        .contMainTop .sidebar .box .hdr a {
            color: #fff;
        }

        .contMainTop .sidebar .box .hdr .r {
            position: absolute;
            top: 12px;
            right: 10px;
            font-size: 0.7em;
            color: #ffffff;
        }

            .contMainTop .sidebar .box .hdr .r a {
                color: #ffffff;
                background: transparent;
            }

                .contMainTop .sidebar .box .hdr .r a:hover {
                    color: #ffffff;
                    background: transparent;
                    text-decoration: underline;
                }

        .contMainTop .sidebar .box .cont {
            float: left;
            width: 212px;
            /*
    border-left: solid 1px #e9e8e8;
    border-right: solid 1px #e9e8e8;
	*/
            padding: 0 0 15px 0;
            background: #f5f5f5 url(../images/bg_contLftFooter.jpg) no-repeat left bottom;
        }

        .contMainTop .sidebar .box .contWht {
            float: left;
            width: 210px;
            border-left: solid 1px #e9e8e8;
            border-right: solid 1px #e9e8e8;
            padding: 2px 0 10px 0;
            background: #ffffff url(../images/bg_contLftFooterWht.jpg) no-repeat left bottom;
            position: relative;
        }

.contMainTop .main {
    float: right;
    width: 733px;
    margin: 15px 15px 0 0;
    position: relative;
}

    .contMainTop .main .box {
        float: left;
        width: 733px;
        margin: 0 0 10px 0;
        position: relative;
    }

        .contMainTop .main .box .hdr {
            float: left;
            width: 718px;
            height: 23px;
            padding: 7px 0 0 15px;
            background: transparent url(../images/bg_contRghtHeader.jpg) no-repeat 0 0;
            position: relative;
            font-weight: bold;
            color: #333333;
        }

        .contMainTop .main .box .hdrSml {
            float: left;
            width: 718px;
            height: 5px;
            padding: 0 0 0 15px;
            background: transparent url(../images/bg_contRghtHeaderSml.jpg) no-repeat 0 0;
            position: relative;
        }

        .contMainTop .main .box .hdrStag {
            float: left;
            width: 718px;
            height: 23px;
            padding: 7px 0 0 15px;
            background: transparent url(../images/bg_contRghtHeaderStag.jpg) no-repeat 0 0;
            position: relative;
            color: #ffffff;
            font-weight: bold;
        }

        .contMainTop .main .box .hdr .sort {
            position: absolute;
            top: 5px;
            left: 73px;
            font-size: 0.9em;
        }

        .contMainTop .main .box .hdr .r, .contMainTop .main .box .hdrStag .r {
            position: absolute;
            top: 7px;
            right: 15px;
            font-size: 0.85em;
        }

        .contMainTop .main .box .hdr .rWheelTire, .contMainTop .main .box .hdrStag .rWheelTire {
            position: absolute;
            top: -11px;
            right: 17px;
            font-size: 0.85em;
        }

            .contMainTop .main .box .hdr .rWheelTire a:hover, .contMainTop .main .box .hdrStag .rWheelTire a:hover {
                background: transparent;
            }

        .contMainTop .main .box .hdr .r a {
            color: #333333;
        }

            .contMainTop .main .box .hdr .r a:hover {
                color: #ffffff;
            }

        .contMainTop .main .box .hdrStag .r a {
            color: #ffffff;
        }

        .contMainTop .main .box .hdr .grid {
            position: absolute;
            bottom: -1px;
            right: 15px;
            width: 97px;
            height: 25px;
            background: transparent url(../images/bg_grid.jpg) no-repeat 0 0;
        }

            .contMainTop .main .box .hdr .grid a {
                float: left;
                width: 32px;
                height: 25px;
            }

                .contMainTop .main .box .hdr .grid a:hover {
                    background: transparent;
                }

        .contMainTop .main .box .contPad {
            float: left;
            width: 701px;
            border-left: solid 1px #e9e8e8;
            border-right: solid 1px #e9e8e8;
            padding: 15px 15px 25px 15px;
            background: #ffffff url(../images/bg_contRghtFooter.jpg) no-repeat left bottom;
        }

        .contMainTop .main .box .cont {
            float: left;
            width: 731px;
            border-left: solid 1px #e9e8e8;
            border-right: solid 1px #e9e8e8;
            padding: 15px 0 15px 0;
            background: #ffffff url(../images/bg_contRghtFooter.jpg) no-repeat left bottom;
        }

.contMainTopPad .boxFull {
    float: left;
    width: 960px;
    margin: 0 0 10px 0;
    position: relative;
}

    .contMainTopPad .boxFull .hdr {
        float: left;
        width: 945px;
        height: 23px;
        padding: 7px 0 0 15px;
        background: transparent url(../images/bg_contRghtHeaderFull.jpg) no-repeat 0 0;
        position: relative;
        font-weight: bold;
    }

    .contMainTopPad .boxFull .cont {
        float: left;
        width: 928px;
        border-left: solid 1px #e9e8e8;
        border-right: solid 1px #e9e8e8;
        padding: 12px 15px 20px 15px;
        background: #ffffff url(../images/bg_contRghtFooterFull.jpg) no-repeat left bottom;
        position: relative;
    }

.contMainTopPad .boxLeft {
    float: left;
    width: 472px;
    margin: 0 0 10px 0;
    position: relative;
}

.contMainTopPad .boxRight {
    float: Right;
    width: 472px;
    margin: 0 0 10px 0;
    position: relative;
}

    .contMainTopPad .boxLeft .hdr, .contMainTopPad .boxRight .hdr {
        float: left;
        width: 457px;
        height: 23px;
        padding: 7px 0 0 15px;
        background: transparent url(../images/bg_contHeader50.jpg) no-repeat 0 0;
        position: relative;
        font-weight: bold;
        color: #333333;
    }

    .contMainTopPad .boxLeft .cont, .contMainTopPad .boxRight .cont {
        float: left;
        width: 440px;
        border-left: solid 1px #e9e8e8;
        border-right: solid 1px #e9e8e8;
        padding: 12px 15px 15px 15px;
        background: #ffffff url(../images/bg_contFooter50.jpg) no-repeat left bottom;
        position: relative;
    }

.contMainTopFtr {
    float: left;
    width: 990px;
    height: 10px;
    margin: 0 0 10px 0;
    background: #eeeded url(../images/bg_contFtrMain.jpg) no-repeat 0 0;
}

.contMainHdr {
    float: left;
    width: 975px;
    height: 41px;
    margin: 0;
    padding: 0 0 0 15px;
    background: transparent url(../images/bg_contHdrMain.jpg) no-repeat 0 0;
}

    .contMainHdr .text {
        float: left;
        height: 30px;
        margin: 0;
        padding: 11px 35px 0 0;
        background: transparent url(../images/hdr_arrBlack.jpg) no-repeat top right;
        font-size: 1.3em;
        font-weight: bold;
        color: #ffffff;
    }

    .contMainHdr .r {
        float: right;
        padding: 12px 15px 0 0;
        font-size: 0.85em;
        color: #cccccc;
    }

        .contMainHdr .r a {
            color: #cccccc;
            background: transparent;
        }

            .contMainHdr .r a:hover {
                color: #cccccc;
                background: transparent;
                text-decoration: underline;
            }

.contMainHdrSml {
    float: left;
    width: 975px;
    height: 5px;
    padding: 0 0 0 15px;
    background: transparent url(../images/bg_contHdrMainSml.jpg) no-repeat 0 0;
}

.contMain {
    float: left;
    width: 988px;
    border-left: solid 1px #e2e1e1;
    border-right: solid 1px #e2e1e1;
    background: #ffffff;
    padding: 0 0 10px 0;
}

.contMainShop {
    float: left;
    width: 990px;
    height: 274px;
    padding: 0 0 0 0;
    background: transparent url(../images/bg_startShopping.jpg) no-repeat 0 0;
    position: relative;
}

    .contMainShop .vehFilter {
        position: absolute;
        top: 75px;
    }

    .contMainShop .wheels, .contMainShop .wheels:hover {
        position: absolute;
        top: 0px;
        left: 248px;
        width: 248px;
        height: 259px;
        background: transparent;
    }

    .contMainShop .tires, .contMainShop .tires:hover {
        position: absolute;
        top: 0px;
        left: 496px;
        width: 248px;
        height: 259px;
        background: transparent;
    }

    .contMainShop .wheeltire, .contMainShop .wheeltire:hover {
        position: absolute;
        top: 0px;
        left: 744px;
        width: 248px;
        height: 259px;
        background: transparent;
    }

.contMainInfo {
    float: left;
    width: 990px;
    height: 175px;
    padding: 0 0 0 0;
    position: relative;
}

    .contMainInfo .f {
        position: absolute;
        top: 22px;
        left: 263px;
        width: 113px;
        height: 131px;
        background: transparent;
    }

    .contMainInfo .e {
        position: absolute;
        top: 99px;
        left: 391px;
        width: 93px;
        height: 57px;
        background: transparent;
    }

.contMainGrad {
    float: left;
    width: 988px;
    border-left: solid 1px #e2e1e1;
    border-right: solid 1px #e2e1e1;
    background: #efedee url(../images/bg_contMainGrad.jpg) repeat-x 0 0;
    padding: 0 0 10px 0;
}

.contMain .sidebar {
    float: left;
    width: 212px;
    margin: 15px 0 0 0;
}

.contMain .main {
    float: right;
    width: 733px;
    margin: 15px 15px 0 0;
}

.contMainFtr {
    float: left;
    width: 990px;
    height: 10px;
    margin: 0 0 10px 0;
    background: #eeeded url(../images/bg_contFtrMain.jpg) no-repeat 0 0;
}

.contMainFtrDrk {
    float: left;
    width: 990px;
    height: 10px;
    margin: 0 0 10px 0;
    background: #eeeded url(../images/bg_ftrBtm.jpg) no-repeat 0 0;
}

.secureCheckout {
    /* height: 123px; */
    position: relative;
    /* background: transparent url(../images/bg_secure.jpg) no-repeat; */
}

    .secureCheckout .seal {
        position: absolute;
        top: 31px;
        left: 8px;
    }

        .secureCheckout .seal a:hover {
            background: transparent;
        }

/*************************************
             TYPOGRAPHY
*************************************/

body {
    font: .8em Arial, Helvetica, sans-serif;
    line-height: 1.3em;
    color: #666666;
}
/* IE */
h1, h2, h3, h4, h5, h6 {
    font-family: Tahoma;
    clear: both;
}

h1 {
    font-size: 1.6em;
    font-weight: normal;
}

h2 {
    font-size: 1.2em;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

h3 {
    font-size: 1.0em;
    line-height: 1.0em;
    font-weight: normal;
}

h4 {
    font-size: 0.85em;
    line-height: 1.0;
    font-weight: normal;
}

h5 {
    font-size: 1em;
    font-weight: bold;
}

h6 {
    font-size: 2.1em;
    line-height: 1.0em;
    font-weight: bolder;
    font-family: Helvetica, Arial, sans-serif;
    letter-spacing: -0.04em;
}

p {
    margin: 0px 0px 13px 0px;
}

.small {
    font-size: 0.85em;
    line-height: 1.0;
    font-weight: normal;
}

.lightGray, .lightGray a {
    color: #a09e9e;
}

/*************************************
             MESSAGE BOXES
*************************************/

.errormsg {
    float: left;
    width: 918px;
    margin: 0 0 15px 0;
    padding: 20px 20px 15px 20px;
    background-color: #eed4cb;
    border: solid 1px #fc0101;
}

    .errormsg ul, .successmsg ul {
        padding: 8px 0 0 20px;
    }

    .errormsg li, .successmsg li {
        list-style-type: disc;
        font-weight: normal;
    }

.successmsg {
    float: left;
    width: 918px;
    margin: 0 0 15px 0;
    padding: 20px 20px 15px 20px;
    background-color: #d4efc6;
    border: solid 1px #4acf02;
}

.errormsgRght {
    float: left;
    width: 690px;
    margin: 0 0 15px 0;
    padding: 20px 20px 20px 20px;
    background-color: #eed4cb;
    border: solid 1px #fc0101;
}

    .errormsgRght ul, .successmsgRght ul {
        padding: 8px 0 0 20px;
    }

    .errormsgRght li, .successmsgRght li {
        list-style-type: disc;
        font-weight: normal;
    }

.successmsgRght {
    float: left;
    width: 690px;
    margin: 0 0 15px 0;
    padding: 20px 20px 15px 20px;
    background-color: #d4efc6;
    border: solid 1px #4acf02;
}

.cont .item {
    float: left;
    width: 145px;
    height: 27px;
    font-weight: bold;
}

.cont .field {
    float: right;
    width: 555px;
    height: 27px;
}

/*************************************
             NAVIGATION
*************************************/

ul#navmenu li a span .h {
    display: none;
}

ul#navmenu {
    width: 576px;
    height: 27px;
    margin: 0;
    padding: 0 0 0 0;
    list-style: none;
    position: absolute;
    top: 62px;
    right: 0;
}

    ul#navmenu li {
        float: left;
    }

        ul#navmenu li a {
            background: url(../images/nav_sprite.jpg) no-repeat scroll bottom left;
            display: block;
            height: 27px;
            position: relative;
        }

            ul#navmenu li a.navHome {
                width: 63px;
                background-position: 0px -27px;
            }

            ul#navmenu li a.navWheels {
                width: 77px;
                background-position: -63px -27px;
            }

            ul#navmenu li a.navTires {
                width: 59px;
                background-position: -140px -27px;
            }

            ul#navmenu li a.navPackage {
                width: 189px;
                background-position: -199px -27px;
            }

            ul#navmenu li a.navAboutUs {
                width: 89px;
                background-position: -388px -27px;
            }

            ul#navmenu li a.navContactUs {
                width: 99px;
                background-position: -477px -27px;
            }

            ul#navmenu li a span {
                background: url(../images/nav_sprite.jpg) no-repeat scroll bottom left;
                display: block;
                position: absolute;
                top: 0;
                left: 0px;
                height: 27px;
                width: 100%;
                z-index: 200;
            }

            ul#navmenu li a.navHome span {
                background-position: 0px 0px;
                cursor: hand;
            }

            ul#navmenu li a.navWheels span {
                background-position: -63px 0px;
                cursor: hand;
            }

            ul#navmenu li a.navTires span {
                background-position: -140px 0px;
                cursor: hand;
            }

            ul#navmenu li a.navPackage span {
                background-position: -199px 0px;
                cursor: hand;
            }

            ul#navmenu li a.navAboutUs span {
                background-position: -388px 0px;
                cursor: hand;
            }

            ul#navmenu li a.navContactUs span {
                background-position: -477px 0px;
                cursor: hand;
            }

/*************************************
             PAGING
*************************************/

.contPagingTop {
    float: left;
    width: 725px;
    height: 30px;
    margin: 0;
    padding: 0 0 25px 0;
    text-align: center;
}

.contPagingBtm {
    float: left;
    width: 725px;
    height: 30px;
    margin: 0;
    padding: 25px 0 0 0;
    text-align: center;
}

.paging {
    float: left;
    padding: 6px 0 6px 0;
    height: 100%;
    width: 100%;
    font-size: 0.9em;
    font-weight: bolder;
    text-decoration: none;
    color: #dddddd;
}

    .paging a {
        padding: 4px;
        margin: 0 1px;
        border: solid 1px #d6d5d5;
        background: #f5f4f4;
        text-decoration: none;
        color: #838282;
    }

        .paging a:visited {
            padding: 4px;
            margin: 0 1px;
            border: solid 1px #d6d5d5;
            background: #f5f4f4;
            text-decoration: none;
            color: #838282;
        }

        .paging a:link {
            padding: 4px;
            margin: 0 1px;
            border: solid 1px #d6d5d5;
            background: #f5f4f4;
            text-decoration: none;
            color: #838282;
        }

        .paging a:hover {
            color: #333333;
            background: #f5f4f4;
            border-color: #016cbe;
            text-decoration: none;
        }

.pagingcurrent {
    color: #ffffff;
    padding: 4px;
    margin: 0 1px;
    border: solid 1px #d6d5d5;
    background: #016cbe;
}

/*************************************
             LOGIN
*************************************/

.login_return .field {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0 0 0 0;
}

.login_new .button, .login_return .button {
    position: absolute;
    top: 185px;
    right: 15px;
}

/*************************************
           FORGOT PASSWORD
*************************************/

.cont_forgotPassword {
    float: left;
    width: 100%;
    height: 195px;
    position: relative;
}

    .cont_forgotPassword .buttonR {
        position: absolute;
        top: 170px;
        right: 0px;
    }

    .cont_forgotPassword .buttonL {
        position: absolute;
        top: 170px;
        left: 0px;
    }

/*************************************
           SHOPPING CART
*************************************/

.shoppingCart {
    float: left;
    width: 700px;
}

    .shoppingCart .header {
        float: left;
        width: 700px;
        padding: 0 0 5px 0;
        font-weight: bold;
        color: #666666;
    }

        .shoppingCart .header .action {
            float: left;
            width: 50px;
            text-align: center;
        }

        .shoppingCart .header .product {
            float: left;
            width: 454px;
            padding: 0 0 0 15px;
            text-align: left;
        }

        .shoppingCart .header .qty {
            float: left;
            width: 60px;
            text-align: center;
        }

        .shoppingCart .header .price {
            float: right;
            width: 120px;
            text-align: right;
        }

    .shoppingCart .container {
        float: left;
        width: 700px;
        margin: 5px 0 5px 0;
        padding: 0 0 15px 0;
        border-bottom: solid 1px #f2f2f2;
    }

        .shoppingCart .container .action {
            float: left;
            width: 50px;
            text-align: center;
        }

        .shoppingCart .container .product {
            float: left;
            width: 454px;
            text-align: left;
            padding: 0 10px 0 0;
        }

            .shoppingCart .container .product .img {
                float: left;
                width: 130px;
                padding: 0 0 0 15px;
                text-align: left;
            }

                .shoppingCart .container .product .img img {
                    width: 120px;
                }

            .shoppingCart .container .product .text {
                float: right;
                width: 308px;
                text-align: left;
                line-height: 1.2em;
            }

                .shoppingCart .container .product .text .options {
                    font-size: 0.8em;
                    font-style: italic;
                    line-height: 1.2em;
                }

        .shoppingCart .container .qty {
            float: left;
            width: 60px;
            text-align: center;
        }

        .shoppingCart .container .price {
            float: right;
            width: 110px;
            text-align: right;
            padding: 0 0 0 10px;
        }

    .shoppingCart .subTotal {
        float: left;
        width: 700px;
        text-align: right;
        font-weight: bold;
        padding: 10px 0 10px 0;
    }

.orderTotal1 {
    float: left;
    width: 100%;
    font-weight: bold;
    text-align: right;
}

.orderTotal2 {
    float: left;
    width: 100%;
    padding: 1px 0 0 0;
    font-size: 2.3em;
    line-height: 1em;
    font-weight: bold;
    color: #006cb9;
    text-align: right;
}

.orderTotal3 {
    float: left;
    width: 100%;
    padding: 20px 0 0 0;
    font-size: 0.8em;
    line-height: 1em;
    color: #999999;
    text-align: right;
}

.contContShopping a {
    color: #666666;
    text-decoration: underline;
    font-size: 0.85em;
    line-height: 1.5em;
}

.contAccountInfo .buttonR {
    position: absolute;
    top: 18px;
    right: 0px;
}

.contAccountInfo .buttonL {
    position: absolute;
    top: 18px;
    left: 0px;
}

/*************************************
           CHECKOUT SHIPPING
*************************************/

.checkoutStatus {
    float: left;
    width: 100%;
}

    .checkoutStatus a {
        color: #333333;
    }

        .checkoutStatus a:hover {
            color: #ffffff;
        }

.cont_shippingPrice {
    float: left;
    width: 680px;
    margin: 3px 0 0 0;
    padding: 5px 10px;
    position: relative;
    background: #f2f1f1;
}

    .cont_shippingPrice .right {
        position: absolute;
        top: 5px;
        right: 10px;
    }

.checkoutProgress {
    float: left;
    margin: 20px 0 5px 0;
    padding: 0;
    width: 700px;
    height: 20px;
    background: #f2f1f1;
    position: relative;
}

    .checkoutProgress .arrow {
        position: absolute;
        top: 0px;
        left: 0px;
        height: 20px;
        background: #999999 url(../images/progress_arrow.jpg) no-repeat top right;
    }

.checkoutPaymentProd {
    float: left;
    width: 548px;
    margin: 5px 0 0 0;
}

    .checkoutPaymentProd .options {
        font-size: 0.8em;
        font-style: italic;
        line-height: 1.2em;
    }

.checkoutPaymentPrice {
    float: right;
    width: 148px;
    text-align: right;
    margin: 5px 0 0 0;
}

.checkoutPaymentTotals {
    float: left;
    width: 598px;
    margin: 5px 0 0 0;
    text-align: right;
}

.checkoutPaymentPriceTotals {
    float: right;
    width: 98px;
    text-align: right;
    margin: 5px 0 0 0;
}

/*************************************
           ACCOUNT ADDRESS
*************************************/

.accountAdd {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
}

    .accountAdd .c34 {
        float: left;
        width: 450px;
    }

    .accountAdd .c14 {
        float: right;
        width: 150px;
        text-align: right;
    }

/*************************************
           PRODUCT LISTING
*************************************/

.contProd {
    float: left;
    width: 145px;
    text-align: center;
}

    .contProd .contImg {
        width: 145px;
        height: 130px;
        overflow: hidden;
    }

        .contProd .contImg a:hover {
            background: transparent;
        }

    .contProd img {
        width: 132px;
    }

    .contProd .contTxt {
        width: 130px;
        height: 60px;
        margin: 0 auto 0 auto;
        padding: 5px 5px 0 5px;
        line-height: 1.0em;
        font-size: 0.9em;
        text-align: left;
        overflow: hidden;
    }

    .contProd .contTxtTire {
        width: 130px;
        height: 28px;
        margin: 0 auto 0 auto;
        padding: 5px 5px 0 5px;
        line-height: 1.0em;
        font-size: 0.9em;
        text-align: left;
        overflow: hidden;
    }

    .contProd .contTxtPrice {
        width: 134px;
        height: 17px;
        margin: 0 auto 15px auto;
        padding: 0 3px;
        font-size: 0.9em;
        overflow: hidden;
        text-align: left;
    }

        .contProd .contTxtPrice .price {
            float: left;
            width: 100%;
            margin: 0;
        }

            .contProd .contTxtPrice .price b {
                font-weight: bold;
                color: #006cb9;
            }

    .contProd .contTxt a, .contProd .contTxtTire a {
        color: #333333;
    }

        .contProd .contTxt a:hover, .contProd .contTxtTire a:hover {
            color: #ffffff;
        }

.contProdDesc1Main {
    float: left;
    width: 349px;
    height: 191px;
    margin: 0 0 9px 0;
    padding: 0 10px 0 5px;
    overflow: hidden;
}

.contProdDesc1 {
    float: left;
    width: 349px;
    height: 189px;
    margin: 0;
    padding: 0 10px 0 5px;
    overflow: hidden;
}

.sepContDesec1 {
    float: left;
    width: 349px;
    height: 1px;
    margin: 0;
    padding: 0 10px 0 5px;
}

.contProdDesc1 .contImg {
    float: left;
    width: 132px;
    height: 132px;
    overflow: hidden;
    padding: 0 10px 0 0;
}

.contProdDesc1 img {
    width: 132px;
}

.contProdDesc1 a {
    color: #006cb9;
    font-weight: bold;
}

    .contProdDesc1 a:hover {
        color: #ffffff;
    }

.sepContDesec1 .sep {
    float: left;
    width: 100%;
    border-bottom: 1px solid #e9e8e8;
}

.contProdDesc2Main {
    float: left;
    width: 705px;
    margin: 0 0 9px 0;
    padding: 0 10px 0 5px;
    overflow: hidden;
}

.contProdDesc2 {
    float: left;
    width: 705px;
    margin: 0;
    padding: 0 10px 0 5px;
    overflow: hidden;
}

.sepContDesec2 {
    float: left;
    width: 705px;
    height: 1px;
    margin: 0;
    padding: 0 10px 0 5px;
}

.contProdDesc2 .contImg {
    float: left;
    width: 150px;
    height: 150px;
    overflow: hidden;
    padding: 0 10px 0 0;
}

.contProdDesc2 img {
    width: 150px;
}

.contProdDesc2 a {
    color: #006cb9;
    font-weight: bold;
}

    .contProdDesc2 a:hover {
        color: #ffffff;
    }

.sepContDesec2 .sep {
    float: left;
    width: 100%;
    border-bottom: 1px solid #e9e8e8;
}

.tabProdGrid1 {
    display: block;
}

.tabProdGrid2, .tabProdGrid3 {
    display: block;
}

.tabProdGrid1Link, .tabProdGrid2Link, .tabProdGrid3Link {
    cursor: pointer;
    text-decoration: none;
}

a.tabProdGrid1Link:hover, a.tabProdGrid2Link:hover, a.tabProdGrid3Link:hover {
    cursor: pointer;
    text-decoration: none;
}

/*************************************
       PRODUCT LISTING SIDEBAR
*************************************/

.sidecontProd {
    float: left;
    width: 200px;
    text-align: center;
}

    .sidecontProd .contImg {
        width: 200px;
        height: 160px;
        overflow: hidden;
        text-align: center;
    }

        .sidecontProd .contImg a:hover {
            background: transparent;
        }

    .sidecontProd img {
        width: 160px;
    }

    .sidecontProd .contTxt {
        width: 190px;
        height: 55px;
        margin: 0 auto 15px auto;
        padding: 5px 0 0 0;
        line-height: 1.0em;
        font-size: 0.9em;
        text-align: left;
        overflow: hidden;
    }

        .sidecontProd .contTxt .price {
            float: left;
            width: 100%;
            margin: 5px 0 0 0;
        }

            .sidecontProd .contTxt .price b {
                font-weight: bold;
                color: #006cb9;
            }

        .sidecontProd .contTxt a {
            color: #333333;
        }

            .sidecontProd .contTxt a:hover {
                color: #ffffff;
            }

/*************************************
           PRODUCT LISTING
*************************************/

.menu_list {
    float: left;
    width: 212px;
    margin: 16px 0 15px 0;
    background: #c7c6c6;
}

.menu_head {
    padding: 5px 15px;
    cursor: pointer;
    position: relative;
    margin: 0 0 1px 0;
    font-weight: bold;
    font-size: 0.9em;
    background: #ccc;
    color: #303030;
}

    .menu_head .extra {
        position: absolute;
        top: 5px;
        right: 10px;
        font-size: 0.9em;
        font-weight: normal;
    }

        .menu_head .extra a, .menu_head .extra:hover {
            color: #ffffff;
        }

.menu_body {
    display: none;
}

    .menu_body a {
        width: 182px;
        height: 19px;
        display: block;
        color: #303030;
        /*background: transparent url(../images/bg_leftNav.jpg) no-repeat 0 0;*/
        padding: 5px 15px;
        font-size: 11px;
        text-decoration: none;
        background-color: #fff;
    }

        .menu_body a:hover {
            color: #000;
            background-color: #eee;
            /*background: transparent url(../images/bg_leftNav.jpg) no-repeat 0 -28px;*/
        }

        .menu_body a.selected {
            width: 182px;
            height: 19px;
            display: block;
            padding: 5px 15px;
            font-size: 11px;
            text-decoration: none;
            color: #000;
            background-color: #eee;
            /*background-color: #0000ff;*/
            /*background: transparent url(../images/bg_leftNav.jpg) no-repeat 0 -28px;*/
        }

        .menu_body a.not_selected {
            display: none;
        }

.menu_headtire, .menu_headtireStag {
    cursor: pointer;
}

.menu_bodytire, .menu_bodytireStag {
    display: none;
}


/*************************************
           PRODUCT
*************************************/

.prodTitle {
    float: right;
    width: 508px;
    margin: 0 0 5px 0;
    color: #016cbe;
}

.prodPreviewImgHolder {
    float: left;
    width: 225px;
    height: 250px;
    z-index: 0;
}

.prodPreviewImg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 225px;
    height: 250px;
    background: transparent url(../images/img_footer.jpg) no-repeat 28px 225px;
}

.prodImgZoom {
    position: absolute;
    top: 217px;
    left: 0;
    width: 212px;
    text-align: center;
    z-index: 100;
    font-size: 0.85em;
}

    .prodImgZoom a {
        color: #333333;
    }

        .prodImgZoom a:hover {
            color: #ffffff;
        }

.prodPreviewImg img {
    width: 212px;
}

.prodExtra {
    float: left;
    width: 508px;
    margin: 15px 0 0 0;
    color: #8d8d8d;
    font-size: 0.85em;
}

.prodAppRowHdr {
    float: left;
    width: 731px;
    height: 28px;
    background: #a1a1a1;
    font-weight: bold;
    color: #ffffff;
}

.prodAppRow {
    float: left;
    width: 731px;
    height: 28px;
    background: #f5f5f5;
}

.prodAppRowTires {
    float: left;
    width: 731px;
    background: #ffffff url(../images/bg_contRowShad.jpg) no-repeat center 0;
    border-bottom: solid 1px #ffffff;
    padding: 10px 0 0 0;
}

.prodAppRowStag {
    float: left;
    width: 731px;
    height: 28px;
    background: #f5f5f5;
    border-bottom: solid 1px #f5f5f5;
    position: relative;
}

.rowSpacer {
    float: left;
    width: 100%;
    height: 5px;
}

.prodAppRowHdr .c1, .prodAppRow .c1, .prodAppRowStag .c1 {
    float: left;
    width: 100px;
    height: 23px;
    padding: 6px 0 0 15px;
}

.prodAppRowHdr .c2, .prodAppRow .c2, .prodAppRowStag .c2 {
    float: left;
    width: 130px;
    height: 23px;
    padding: 6px 0 0 15px;
}

.prodAppRowHdr .c3, .prodAppRow .c3, .prodAppRowStag .c3 {
    float: left;
    width: 100px;
    height: 23px;
    padding: 6px 0 0 15px;
}

.prodAppRowHdr .c4, .prodAppRow .c4, .prodAppRowStag .c4 {
    float: left;
    width: 100px;
    height: 23px;
    padding: 6px 0 0 15px;
}

.prodAppRow .c4, .prodAppRowStag .c4 {
    color: #006cb9;
}

.prodAppRowHdr .c5, .prodAppRow .c5, .prodAppRowStag .c5 {
    float: left;
    width: 100px;
    height: 24px;
    padding: 4px 0 0 15px;
}

.prodAppRowHdr .c6, .prodAppRow .c6 {
    float: right;
    width: 100px;
    height: 25px;
    padding: 4px 15px 0 0;
    text-align: right;
    z-index: 100;
}

    .prodAppRow .c6 img {
        cursor: pointer;
    }

.prodAppRowTiresCont {
    width: 701px;
    margin: 0 auto 0 auto;
    padding: 10px 0 10px 0;
    height: 90px;
    border-bottom: solid 1px #f5f5f5;
}

    .prodAppRowTiresCont .c1 {
        float: left;
        width: 105px;
    }

        .prodAppRowTiresCont .c1 img {
            height: 90px;
        }

    .prodAppRowTiresCont .c2 {
        float: left;
        width: 215px;
    }

    .prodAppRowTiresCont .c3 {
        float: left;
        width: 115px;
    }

    .prodAppRowTiresCont .c4 {
        float: left;
        width: 145px;
        color: #006cb9;
    }

    .prodAppRowTiresCont .c5 {
        float: left;
        width: 110px;
        text-align: right;
    }

.prodAppRowStag .c6 {
    position: absolute;
    top: 5px;
    right: 0px;
    width: 100px;
    height: 15px;
    padding: 14px 15px 0 0;
    text-align: right;
}

/*************************************
           ZOOM
*************************************/

div.jqZoomTitle {
    z-index: 10000;
    text-align: center;
    font-size: 11px;
    font-family: Tahoma;
    height: 16px;
    padding-top: 2px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    color: #FFF;
    background: #999;
}

.jqZoomPup {
    overflow: hidden;
    background-color: #FFF;
    -moz-opacity: 0.5;
    opacity: 0.5;
    filter: alpha(opacity = 50);
    z-index: 10;
    border-color: #c4c4c4;
    border-style: solid;
    cursor: crosshair;
}

    .jqZoomPup img {
        border: 0px;
    }

.preload {
    -moz-opacity: 0.8;
    opacity: 0.8;
    filter: alpha(opacity = 80);
    color: #333;
    font-size: 12px;
    font-family: Tahoma;
    text-decoration: none;
    border: 1px solid #CCC;
    background-color: white;
    padding: 8px;
    text-align: center;
    background-image: url(../images/zoomloader.gif);
    background-repeat: no-repeat;
    background-position: 43px 30px;
    width: 90px;
    height: 43px;
    z-index: 10;
    position: absolute;
    top: 3px;
    left: 3px;
}

* html .preload {
    width: 90px;
    height: 43px;
}

.jqZoomWindow {
    border: 1px solid #999;
    background-color: #FFF;
}

.zoom_ieframe {
}

/*************************************
            VEHICLE FILTER
*************************************/

.vehFilter {
    float: left;
    width: 180px;
    padding: 10px 15px 5px 15px;
}

    .vehFilter .ddl {
        width: 180px;
        margin: 0 0 4px 0;
    }

/*************************************
               SPECIALS
*************************************/
.stepcarouselPadding {
    float: left;
    width: 7px;
    height: 185px;
}

.stepcarousel {
    position: relative; /*leave this value alone*/
    border: 0;
    overflow: hidden; /*leave this value alone*/
    width: 978px; /*Width of Carousel Viewer itself*/
    height: 185px; /*Height should enough to fit largest content's height*/
    margin: 0;
}

    .stepcarousel .belt {
        position: absolute; /*leave this value alone*/
        left: 0;
        top: 0;
    }

    .stepcarousel .panel {
        float: left; /*leave this value alone*/
        margin: 0; /*margin around each panel*/
        padding: 8px 0px 13px 2px;
        width: 162px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
        height: 185px;
        position: relative;
    }

.specCont {
    float: left;
    width: 311px;
    height: 146px;
    margin: 0 0 5px 0;
    padding: 13px 0px 13px 15px;
    overflow: hidden;
    line-height: 1.2em;
}

    .specCont img {
        float: left;
        padding: 0 12px 5px 0;
        width: 100px;
    }

    .specCont .title {
        margin: 0 0 5px 0;
    }

        .specCont .title a {
            color: #006cb9;
            font-size: 1.2em;
            font-weight: bold;
        }

            .specCont .title a:hover {
                color: #ffffff;
            }

.specContainerSmlNext {
    float: right;
    width: 25px;
}

.specContSml {
    float: left;
    width: 150px;
    height: 158px;
    margin: 0 0 0 0;
    padding: 0 0px 13px 2px;
    overflow: hidden;
    line-height: 1.2em;
    text-align: center;
}

    .specContSml .img {
        float: left;
        height: 142px;
        padding: 0 0 0 0;
        overflow: hidden;
    }

    .specContSml img {
        float: left;
        width: 145px;
    }

    .specContSml .title {
        float: left;
        width: 145px;
        margin: 0 0 5px 0;
    }

        .specContSml .title a {
            color: #006cb9;
            font-size: 0.85em;
        }

            .specContSml .title a:hover {
                color: #ffffff;
            }

/*************************************
               DEFAULT
*************************************/

.defSpecialHdr {
    float: left;
    width: 960px;
    padding: 10px 15px 5px 15px;
    font-size: 1.8em;
    font-weight: bold;
    color: #ff0000;
}

.defSpecialCont {
    float: left;
    width: 960px;
    padding: 10px 15px 5px 15px;
}

    .defSpecialCont .contProd {
        float: left;
        width: 160px;
        text-align: center;
    }

        .defSpecialCont .contProd .contImg {
            width: 160px;
            height: 143px;
            overflow: hidden;
        }

            .defSpecialCont .contProd .contImg a:hover {
                background: transparent;
            }

        .defSpecialCont .contProd img {
            width: 143px;
        }

        .defSpecialCont .contProd .contTxt {
            width: 144px;
            height: 50px;
            margin: 0 auto 0 auto;
            padding: 5px 0 0 0;
            line-height: 1.0em;
            font-size: 0.9em;
            overflow: hidden;
        }

        .defSpecialCont .contProd .contTxtPrice {
            width: 144px;
            height: 15px;
            margin: 0 auto 15px auto;
            padding: 0;
            line-height: 1.0em;
            font-size: 0.9em;
            overflow: hidden;
        }

        .defSpecialCont .contProd .contTxt .price {
            float: left;
            width: 144px;
            margin: 5px 0 0 0;
        }

            .defSpecialCont .contProd .contTxt .price b {
                font-weight: bold;
                color: #006cb9;
            }

        .defSpecialCont .contProd .contTxt a {
            color: #333333;
        }

            .defSpecialCont .contProd .contTxt a:hover {
                color: #ffffff;
            }

/*************************************
                ORDER STATUS
*************************************/

.orderStatus {
    float: left;
    width: 100%;
    margin: 0 0 5px 0;
}

    .orderStatus .c1 {
        float: left;
        width: 160px;
    }

    .orderStatus .c2 {
        float: left;
        width: 150px;
    }

    .orderStatus .c3 {
        float: left;
        width: 385px;
    }

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    z-index: 10000;
}

.vehicle_na_txt {
    display: none;
}