#ModelWindow
{
    position: absolute;
    background-color: #404040;
    z-index: 100;
    left: 0;
    top: 0;
    padding: 0;
    margin: 0;
    display: none;
    width: 100%;
}

#MakeContainer
{
    width: 800px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

div.MakeColumn
{
    float: left;
    text-align: left;
    vertical-align: top;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 14pt;
    font-family: sans-serif;
    font-variant: small-caps;
    color: white;
    border-width: 0 2px;
    border-style: solid;
    border-color: black #202020 black #606060;
}

img.Flag
{
    border-width: 1px;
    border-style: solid;
    border-color: black;
    position: relative; /* needed by IE6/7 to center the image, for some reason */
    margin: 0 0 8px 0;
}

div.MakeMenuEntry
{
    background-color: transparent;
    cursor: pointer;
    text-align: left;
    margin: 0;
    padding: 0 6px 0 2px;
    line-height: 2em;
    border-width: 1px;
    border-color: transparent;
    border-style: solid;
}

div.MakeMenuEntry:hover
{
    border-color: #FFD040 #806000 #806000 #FFD040;
    background-color: #C0A000;
}

.Bold
{
    font-weight: bold;
}

#ModelContainer
{
    width: 700px;
    font-size: 8pt;
    margin: 0 auto;
    padding: 0;
    position: relative;
    overflow: auto;
}

#ModelCategoryBar
{
    float: left;
    z-index: 2;
    position: relative;
}

#ModelListPanel
{
    position: absolute;
    border-width: 1px;
    border-style: solid;
    border-color: #A0A0A0 #202020 #202020 #A0A0A0;
    background-color: #606060;
    z-index: 1;
}

#ModelCategories
{
    border-style: solid;
    border-color: black;
    border-width: 1px;
    padding: 0;
    width: 135px;
}

div.ModelThumbnail
{
    display: inline-block;
    border-color: transparent;
    border-style: solid;
    border-width: 1px;
    margin: 0 2px 2px 0;
    padding: 6px 6px 1px 6px;
    text-align: center;
    vertical-align: bottom;
    font-size: 12pt;
    font-weight: bold;
    font-family: sans-serif;
    color: white;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;

    /* These two are needed for IE6 and IE7 which do not support
       inline-block for block elements like div tags. */
    zoom: 1;
    *display: inline;
    /* end IE6/7 hack */
}

div.ModelThumbnail_hover
{
    display: inline-block;
    border-color: #FFD040 #806000 #806000 #FFD040;
    border-style: solid;
    border-width: 1px;
    margin: 0 2px 2px 0;
    padding: 6px 6px 1px 6px;
    text-align: center;
    vertical-align: bottom;
    font-size: 12pt;
    font-weight: bold;
    font-family: sans-serif;
    color: white;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    background-color: #C0A000;

    /* These two are needed for IE6 and IE7 which do not support
       inline-block for block elements like div tags. */
    zoom: 1;
    *display: inline;
    /* end IE6/7 hack */
}

div.ModelThumbnail div.ModelListImage
{
    display: inline-block;
    padding: 0;
    margin: 0;
    text-align: center;
    border-width: 2px;
    border-style: solid;
    border-color: black #808080 #808080 black;
    vertical-align: bottom;

    /* These two are needed for IE6 and IE7 which do not support
       inline-block for block elements like div tags. */
    zoom: 1;
    *display: inline;
    /* end IE6/7 hack */
}

div.ModelThumbnail_hover div.ModelListImage
{
    display: inline-block;
    padding: 0;
    margin: 0;
    text-align: center;
    border-width: 2px;
    border-style: solid;
    border-color: #806000 #FFD040 #FFD040 #806000;
    vertical-align: bottom;

    /* These two are needed for IE6 and IE7 which do not support
       inline-block for block elements like div tags. */
    zoom: 1;
    *display: inline;
    /* end IE6/7 hack */
}

#ModelList
{
    width: 100%;
    vertical-align: bottom;
    margin: 0;
    padding: 0;
}

span.ModelListDate
{
    font-style: italic;
    font-size: 10pt;
    font-weight: normal;
}

div.ClassButton_spacer
{
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    background-color: transparent;
    font-family: sans-serif;
    font-size: 12pt;
    font-weight: bold;
    margin: 0 0 0 4px;
    padding: 8px 16px 8px 2px;
    cursor: default;
    text-align: right;
}

div.ClassButton
{
    border-width: 1px;
    border-style: solid;
    border-color: #808080 #A0A0A0 black #808080;
    background-color: #404040;
    color: #E0E0E0;
    font-family: sans-serif;
    font-size: 12pt;
    font-weight: bold;
    margin: 0 0 0 4px;
    padding: 8px 16px;
    cursor: pointer;
    text-align: right;
}

div.ClassButton_hover
{
    border-width: 1px;
    border-style: solid;
    border-color: #FFD040 #806000 #806000 #FFD040;
    background-color: #C0A000;
    color: white;
    font-family: sans-serif;
    font-size: 12pt;
    font-weight: bold;
    margin: 0 0 0 4px;
    padding: 8px 16px;
    cursor: pointer;
    text-align: right;
}

div.ClassButton_active
{
    border-width: 1px;
    border-style: solid;
    border-color: #A0A0A0 #606060 #202020 #A0A0A0;
    background-color: #606060;
    color: white;
    font-family: sans-serif;
    font-size: 12pt;
    font-weight: bold;
    margin: 0 0 0 4px;
    padding: 8px 16px;
    cursor: default;
    text-align: right;
}

span.ClassCount
{
    font-size: 10pt;
    font-weight: normal;
}

div.ClassButtonText
{
}

div.SpecialClassButtonText
{
    font-style: italic;
    color: yellow;
}

input.ModelSearch
{
    border-style: solid;
    border-width: 1px;
    border-color: black;
    background-color: #E0E0E0;
    color: black;
    font-family: sans-serif;
    font-size: 10pt;
    width: 128px;
    margin: 0;
    padding: 2px;
}

input.ModelSearch:hover
{
    background-color: white;
    border-color: black;
}

div.ModelThumbnail div.ModelNameWrapper,
div.ModelThumbnail_hover div.ModelNameWrapper
{
    position: relative;
    margin: 0 auto;
    color: transparent;
    text-align: center;
}

div.ModelThumbnail div.ModelNameText,
div.ModelThumbnail_hover div.ModelNameText
{
    position: absolute;
    color: white;
    width: 100%;
    z-index: 100;
    left: 0;
    top: 0;
    text-align: center;
}

div.ModelThumbnail div.ModelNameShadow,
div.ModelThumbnail_hover div.ModelNameShadow
{
    position: absolute;
    width: 100%;
    left: 1px;
    top: 1px;
    color: black;
    text-align: center;
}

div.ChooseMake
{
    font-family: sans-serif;
    font-size: 20pt;
    font-weight: bold;
    font-variant: small-caps;
    color: white;
    width: 100%;
    text-align: center;
    margin: 0 0 8px 0;
}

#ChooseModel
{
    font-family: sans-serif;
    font-size: 20pt;
    font-weight: bold;
    font-variant: small-caps;
    color: white;
    width: 800px;
    text-align: center;
    margin: 0 0 8px 0;
}

div.MakeTab
{
    color: white;
    background-color: #404040;
    border-width: 1px 0 1px 1px;
    border-style: solid;
    border-color: black;
    padding: 2px 8px 2px 8px;
    cursor: pointer;
    margin: 0 16px 0 4px;
}

div.MakeTab_hover
{
    color: white;
    background-color: #C0A000;
    border-width: 1px 0 1px 1px;
    border-style: solid;
    border-color: #FFD040 #806000 #806000 #FFD040;
    padding: 2px 8px 2px 8px;
    cursor: pointer;
    margin: 0 16px 0 4px;
}

div.MakeTab_active
{
    color: yellow;
    background-color: #404040;
    border-width: 1px 0 1px 1px;
    border-style: solid;
    border-color: #808080 black black #808080;
    padding: 2px 8px 2px 8px;
    cursor: pointer;
    margin: 0 4px 0 4px;
}
div.BackButton
{
    position: absolute;
    background-color: #404040;
    border-width: 1px;
    border-style: solid;
    border-color: #808080 black black #808080;
    color: white;
    font-family: sans-serif;
    font-size: 14pt;
    line-height: 20pt;
    padding: 0 8px 0 8px;
    cursor: pointer;
}

div.BackButton_hover
{
    position: absolute;
    background-color: #C0A000;
    border-width: 1px;
    border-style: solid;
    border-color: #FFD040 #806000 #806000 #FFD040;
    color: white;
    font-family: sans-serif;
    font-size: 14pt;
    line-height: 20pt;
    padding: 0 8px 0 8px;
    cursor: pointer;
}

div.ModelButton
{
    color: white;
    font-family: sans-serif;
    font-size: 10pt;
    font-weight: bold;
    padding: 8px 16px;
    cursor: pointer;
    margin: 8px;
    padding: 4px;
    display: inline-block;

    /* These two are needed for IE6 and IE7 which do not support
       inline-block for block elements like div tags. */
    zoom: 1;
    *display: inline;
    /* end IE6/7 hack */
}

div.ModelButton_hover
{
    color: white;
    font-family: sans-serif;
    font-size: 10pt;
    font-weight: bold;
    padding: 8px 16px;
    cursor: pointer;
    margin: 8px;
    padding: 4px;
    display: inline-block;

    /* These two are needed for IE6 and IE7 which do not support
       inline-block for block elements like div tags. */
    zoom: 1;
    *display: inline;
    /* end IE6/7 hack */
}

img.SmallFlag
{
    vertical-align: text-top;
}

div.ModelListItem
{
    font-family: sans-serif;
    font-size: 10pt;
    font-weight: bold;
    white-space: nowrap;
    padding: 2px 4px;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    cursor: pointer;
}

div.ModelListItem_hover
{
    font-family: sans-serif;
    font-size: 10pt;
    font-weight: bold;
    white-space: nowrap;
    padding: 2px 4px;
    border-width: 1px;
    border-style: solid;
    border-color: #FFD040 #806000 #806000 #FFD040;
    background-color: #C0A000;
    cursor: pointer;
}

div.ModelListItem div.ModelNameWrapper,
div.ModelListItem_hover div.ModelNameWrapper
{
    display: inline-block;
    position: relative;
    width: 258px;
    padding: 0 0 0 4px;

    /* These two are needed for IE6 and IE7 which do not support
       inline-block for block elements like div tags. */
    zoom: 1;
    *display: inline;
    /* end IE6/7 hack */
}

div.ModelListItem div.LongModelNameWrapper,
div.ModelListItem_hover div.LongModelNameWrapper
{
    display: inline-block;
    position: relative;
    width: 350px;
    padding: 0 0 0 4px;

    /* These two are needed for IE6 and IE7 which do not support
       inline-block for block elements like div tags. */
    zoom: 1;
    *display: inline;
    /* end IE6/7 hack */
}

div.ModelListItem div.ModelNameWrapper div.ModelNameText,
div.ModelListItem_hover div.ModelNameWrapper div.ModelNameText,
div.ModelListItem div.LongModelNameWrapper div.ModelNameText,
div.ModelListItem_hover div.LongModelNameWrapper div.ModelNameText
{
    display: block;
    position: absolute;
    z-index: 100;
    color: white;
}

div.ModelListItem div.ModelNameWrapper div.ModelNameShadow,
div.ModelListItem_hover div.ModelNameWrapper div.ModelNameShadow,
div.ModelListItem div.LongModelNameWrapper div.ModelNameShadow,
div.ModelListItem_hover div.LongModelNameWrapper div.ModelNameShadow
{
    display: block;
    position: absolute;
    left: 5px;
    top: 1px;
    color: black;
}

div.ModelListDate
{
    font-style: italic;
    font-size: 10pt;
    font-weight: normal;
    text-align: right;
    width: 86px;
    padding: 0 4px 0 0;
    display: inline-block;

    /* These two are needed for IE6 and IE7 which do not support
       inline-block for block elements like div tags. */
    zoom: 1;
    *display: inline;
    /* end IE6/7 hack */
}

div.ModelListMake
{
    width: 150px;
    padding: 0 4px 0 4px;
    display: inline-block;

    /* These two are needed for IE6 and IE7 which do not support
       inline-block for block elements like div tags. */
    zoom: 1;
    *display: inline;
    /* end IE6/7 hack */
}

div.ModelListDateAdded
{
    width: 132px;
    padding: 0 0 0 8px;
    display: inline-block;

    /* These two are needed for IE6 and IE7 which do not support
       inline-block for block elements like div tags. */
    zoom: 1;
    *display: inline;
    /* end IE6/7 hack */
}

div.ModelListViewCount
{
    width: 132px;
    padding: 0 0 0 8px;
    display: inline-block;

    /* These two are needed for IE6 and IE7 which do not support
       inline-block for block elements like div tags. */
    zoom: 1;
    *display: inline;
    /* end IE6/7 hack */
}

div.ModelResultsHeader
{
    text-align: left;
    padding: 0 0 0 4px;
    font-family: sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: white;
}

div.ModelButton div.Checkbox
{
    border-color: black #808080 #808080 black;
    color: #606060;
}

div.ModelButton div.Checkbox_checked
{
    border-color: black #808080 #808080 black;
}

div.ModelButton_hover div.Checkbox
{
    border-color: #806000 #FFD040 #FFD040 #806000;
    background-color: #C0A000;
    color: #C0A000;
}

div.ModelButton_hover div.Checkbox_checked
{
    border-color: #806000 #FFD040 #FFD040 #806000;
    background-color: #C0A000;
}

div.ModelYearHeader
{
    width: 80px;
    padding: 2px 2px 2px 8px;
    border-width: 2px;
    border-style: solid;
    border-color: #C0A090 #402010 #402010 #C0A090;
    background-color: #806050;
    color: yellow;
    font-family: sans-serif;
    font-size: 10pt;
    font-weight: bold;
    text-align: right;
    display: inline-block;
    cursor: pointer;

    /* These two are needed for IE6 and IE7 which do not support
       inline-block for block elements like div tags. */
    zoom: 1;
    *display: inline;
    /* end IE6/7 hack */
}

div.ModelNameHeader
{
    width: 250px;
    padding: 2px 2px 2px 8px;
    border-width: 2px;
    border-style: solid;
    border-color: #C0A090 #402010 #402010 #C0A090;
    background-color: #806050;
    color: yellow;
    font-family: sans-serif;
    font-size: 10pt;
    font-weight: bold;
    text-align: left;
    display: inline-block;
    cursor: pointer;

    /* These two are needed for IE6 and IE7 which do not support
       inline-block for block elements like div tags. */
    zoom: 1;
    *display: inline;
    /* end IE6/7 hack */
}

div.LongModelNameHeader
{
    width: 350px;
    padding: 2px 2px 2px 8px;
    border-width: 2px;
    border-style: solid;
    border-color: #C0A090 #402010 #402010 #C0A090;
    background-color: #806050;
    color: yellow;
    font-family: sans-serif;
    font-size: 10pt;
    font-weight: bold;
    text-align: left;
    display: inline-block;
    cursor: pointer;

    /* These two are needed for IE6 and IE7 which do not support
       inline-block for block elements like div tags. */
    zoom: 1;
    *display: inline;
    /* end IE6/7 hack */
}

div.ModelMakeHeader
{
    width: 150px;
    padding: 2px 2px 2px 8px;
    border-width: 2px;
    border-style: solid;
    border-color: #C0A090 #402010 #402010 #C0A090;
    background-color: #806050;
    color: yellow;
    font-family: sans-serif;
    font-size: 10pt;
    font-weight: bold;
    text-align: left;
    display: inline-block;
    cursor: pointer;

    /* These two are needed for IE6 and IE7 which do not support
       inline-block for block elements like div tags. */
    zoom: 1;
    *display: inline;
    /* end IE6/7 hack */
}

div.ModelRecentHeader
{
    width: 140px;
    padding: 2px 2px 2px 8px;
    border-width: 2px;
    border-style: solid;
    border-color: #C0A090 #402010 #402010 #C0A090;
    background-color: #806050;
    color: yellow;
    font-family: sans-serif;
    font-size: 10pt;
    font-weight: bold;
    text-align: left;
    display: inline-block;
    cursor: pointer;

    /* These two are needed for IE6 and IE7 which do not support
       inline-block for block elements like div tags. */
    zoom: 1;
    *display: inline;
    /* end IE6/7 hack */
}

div.ModelPopularHeader
{
    width: 140px;
    padding: 2px 2px 2px 8px;
    border-width: 2px;
    border-style: solid;
    border-color: #C0A090 #402010 #402010 #C0A090;
    background-color: #806050;
    color: yellow;
    font-family: sans-serif;
    font-size: 10pt;
    font-weight: bold;
    text-align: left;
    display: inline-block;
    cursor: pointer;

    /* These two are needed for IE6 and IE7 which do not support
       inline-block for block elements like div tags. */
    zoom: 1;
    *display: inline;
    /* end IE6/7 hack */
}

div.ModelYearHeader_hover
{
    width: 80px;
    padding: 2px 2px 2px 8px;
    border-width: 2px;
    border-style: solid;
    border-color: #FFD040 #806000 #806000 #FFD040;
    background-color: #C0A000;
    color: yellow;
    font-family: sans-serif;
    font-size: 10pt;
    font-weight: bold;
    text-align: right;
    display: inline-block;
    cursor: pointer;

    /* These two are needed for IE6 and IE7 which do not support
       inline-block for block elements like div tags. */
    zoom: 1;
    *display: inline;
    /* end IE6/7 hack */
}

div.ModelNameHeader_hover
{
    width: 250px;
    padding: 2px 2px 2px 8px;
    border-width: 2px;
    border-style: solid;
    border-color: #FFD040 #806000 #806000 #FFD040;
    background-color: #C0A000;
    color: yellow;
    font-family: sans-serif;
    font-size: 10pt;
    font-weight: bold;
    text-align: left;
    display: inline-block;
    cursor: pointer;

    /* These two are needed for IE6 and IE7 which do not support
       inline-block for block elements like div tags. */
    zoom: 1;
    *display: inline;
    /* end IE6/7 hack */
}

div.LongModelNameHeader_hover
{
    width: 350px;
    padding: 2px 2px 2px 8px;
    border-width: 2px;
    border-style: solid;
    border-color: #FFD040 #806000 #806000 #FFD040;
    background-color: #C0A000;
    color: yellow;
    font-family: sans-serif;
    font-size: 10pt;
    font-weight: bold;
    text-align: left;
    display: inline-block;
    cursor: pointer;

    /* These two are needed for IE6 and IE7 which do not support
       inline-block for block elements like div tags. */
    zoom: 1;
    *display: inline;
    /* end IE6/7 hack */
}

div.ModelMakeHeader_hover
{
    width: 150px;
    padding: 2px 2px 2px 8px;
    border-width: 2px;
    border-style: solid;
    border-color: #FFD040 #806000 #806000 #FFD040;
    background-color: #C0A000;
    color: yellow;
    font-family: sans-serif;
    font-size: 10pt;
    font-weight: bold;
    text-align: left;
    display: inline-block;
    cursor: pointer;

    /* These two are needed for IE6 and IE7 which do not support
       inline-block for block elements like div tags. */
    zoom: 1;
    *display: inline;
    /* end IE6/7 hack */
}

div.ModelRecentHeader_hover
{
    width: 140px;
    padding: 2px 2px 2px 8px;
    border-width: 2px;
    border-style: solid;
    border-color: #FFD040 #806000 #806000 #FFD040;
    background-color: #C0A000;
    color: yellow;
    font-family: sans-serif;
    font-size: 10pt;
    font-weight: bold;
    text-align: left;
    display: inline-block;
    cursor: pointer;

    /* These two are needed for IE6 and IE7 which do not support
       inline-block for block elements like div tags. */
    zoom: 1;
    *display: inline;
    /* end IE6/7 hack */
}

div.ModelPopularHeader_hover
{
    width: 140px;
    padding: 2px 2px 2px 8px;
    border-width: 2px;
    border-style: solid;
    border-color: #FFD040 #806000 #806000 #FFD040;
    background-color: #C0A000;
    color: yellow;
    font-family: sans-serif;
    font-size: 10pt;
    font-weight: bold;
    text-align: left;
    display: inline-block;
    cursor: pointer;

    /* These two are needed for IE6 and IE7 which do not support
       inline-block for block elements like div tags. */
    zoom: 1;
    *display: inline;
    /* end IE6/7 hack */
}

div.ModelTabBar
{
    background-color: #202020;
    padding: 0 5px 0 5px;
    margin: 0 auto 8px auto;
    border-width: 0 0 2px 0;
    border-style: solid;
    border-color: #808080;
    text-align: center;
}

#ModelListResults
{
    font-family: sans-serif;
    font-size: 10pt;
    color: white;
}

div.BrowseModelsTab
{
    position: relative;
    color: #FFE080;
    padding: 8px 5px;
    margin: 3px 2px 0 2px;
    border-width: 2px 2px 0 2px;
    border-style: solid;
    border-color: #808080 black #808080 #808080;
    background-color: #404040;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    font-family: sans-serif;
    font-size: 12pt;
    font-weight: bold;

    /* These two are needed for IE6 and IE7 which do not support
       inline-block for block elements like div tags. */
    zoom: 1;
    *display: inline;
    /* end IE6/7 hack */
}

div.BrowseModelsTab_hover
{
    position: relative;
    color: #FFE080;
    padding: 8px 5px;
    margin: 3px 2px 0 2px;
    border-width: 2px 2px 0 2px;
    border-style: solid;
    border-color: #FFD040 #806000 #806000 #FFD040;
    background-color: #C0A000;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    font-family: sans-serif;
    font-size: 12pt;
    font-weight: bold;

    /* These two are needed for IE6 and IE7 which do not support
       inline-block for block elements like div tags. */
    zoom: 1;
    *display: inline;
    /* end IE6/7 hack */
}

div.BrowseModelsTab_active
{
    position: relative;
    color: white;
    padding: 8px 5px;
    margin: 3px 2px 0 2px;
    border-width: 2px 2px 0 2px;
    border-style: solid;
    border-color: #C0C0C0 #404040 #808080 #C0C0C0;
    background-color: #808080;
    display: inline-block;
    vertical-align: top;
    cursor: default;
    font-family: sans-serif;
    font-size: 12pt;
    font-weight: bold;

    /* These two are needed for IE6 and IE7 which do not support
       inline-block for block elements like div tags. */
    zoom: 1;
    *display: inline;
    /* end IE6/7 hack */
}