/* Ex. 1 - Your journey */
        div.stepTitle
        {
            font-weight: bold;
            height: 20px;
            padding-top: 0px;
            padding-bottom: 0px;
        }

        div.stepTitle a
        {
            font-weight: normal;
            color: #BF3030
        }

        div.stepTitle a:hover
        {
            font-weight: normal;
            color: #e00;
        }

/* The input section for each step */
        div.stepInput
        {
            padding-bottom: 15px;
        }

        div.input
        {
            height: 22px;
        }

        div.input div
        {
            float: left;
            width: 60px;
            padding-top: 2px;
        }

        input.location
        {
            width: 150px;
            height: 15px;
        }

        select.carSelect
        {
            width: 200px;
            height: 20px;
            margin-bottom: 3px;
        }

/* My car isn't listed link */
        div.buttonLink a
        {
            font-size: 14px;
            color: #BF3030;
            padding-left: 40px;
        }

        div.buttonLink a:hover
        {
            font-size: 14px;
            color: #E00;
        }
        
/* town auto complete stuff */
.hintsHoriz, .hintsCont, .hintsVert, .hintsMain
        {
          margin: 0px;
          border-collapse: collapse;
          background: #000;
        }

        .hintsHoriz
        {
          height: 1px;
        }

        .hintsVert
        {
          width: 1px;
        }

/* details is the panel of trip info including cost */

        #details
        {
            width: 275px;
            height: 200px;
            position: absolute;
            z-index: 3;
            visibility: hidden;
            background: url("../images/results_bg.jpg") repeat-x bottom #eee;
            border: solid 3px #e00;
            overflow: auto;
            font-size: 14px;
            padding: 10px;
        }

        #detailsTitle
        {
            text-align: center;
            font-size: 18px;
            font-weight: bold;
            padding-bottom: 3px;
        }


/* detailsTab Table created in javascript results function to display the trip details */
        #detailsTab
        {
            border-collapse: collapse;
            margin: auto
        }

        #detailsTab td
        {
            padding-left: 10px;
            padding-right: 10px;
        }

        #costRow td
        {
            color: #c00;
            font-size: 20px;
            padding-bottom: 5px;
        }

        #costRow td span
        {
            font-weight: bold;
        }

        .detailsRow td
        {
            color: #000;
            font-size: 14px;
        }

        #tipRow td
        {
            border: solid 1px #999;
            background: #eee;
            padding: 5px;
            width: 240px;
        }

        #tipRow div
        {
            font-weight: bold;
            text-align: center;
            padding-bottom: 3px;
            text-indent: 0px;
        }

        #tipRow a
        {
            font-weight: normal;
        }


        #tipRow div.maxSaving
        {
            padding-top: 5px;
            font-weight: normal;
            color: green;
        }

        #tipRow div.maxSaving span
        {
            font-weight: bold;
        }

        /* other details heading */
        #othersTitle td
        {
            padding-top: 7px;
            padding-bottom: 3px;
            font-weight: bold;
        }