/* original images slider {{{ */
.slider {
    width : 950px;
    height : 510px;
    margin-bottom : 2em;
    overflow : scroll;
    overflow-x : scroll;
    overflow-y : hidden;
}
.slider ul {
    width : 4100px;
    max-width : 4100px !important;
}
.slider li {
    list-style : none;
    padding-right : 1em;
    display : inline;
}
.slider li img {
    display : inline;
}
/* }}} */
/* car color table {{{ */
.car-colors table {
    width : 100%;
}
.car-colors thead th {
    text-align : center;
    vertical-align : bottom;
    width : 3em;
}
.car-colors tbody th {
    text-align : right;
    white-space : nowrap;
    padding-right : .5em;
}
.car-colors td {
    text-align : right;
    padding-left : 0;
    padding-right : .5em;
    border-bottom : 1px solid #ddd;
}
.car-colors .key {
    display : none;
}
.car-colors caption {
    width : 800px;
}
/* }}} */
/* plain {{{ */
.car-colors.plain td {
    width : auto !important; /* to override the inline width */
}
.car-colors.plain td abbr {
    border : none;
}
.car-colors.plain .s_korea th,
.car-colors.plain .s_korea td {
    padding-bottom : .3em;
    border-bottom : 1px solid #666;
}
.car-colors.plain .world th,
.car-colors.plain .world td {
    padding-top : .3em;
    border-bottom : none;
}
/* }}} */
/* graph {{{ */
.car-colors.graph {
    padding-bottom : 4em;
}
.car-colors.graph table,
.car-colors.graph tbody {
    font-family : "Helvetica Neue", Tahoma, Helvetica, Arial, sans-serif;
    padding : 1px;
    background : #fff;
    display : block;
}
.car-colors.graph tbody {
    cursor : crosshair;
}
.car-colors.graph caption {
    margin-left : -100px;
}
.car-colors.graph thead tr {
    display : none;
}
.car-colors.graph tr {
    height : 2em;
    display : block;
    clear : both;
}
.car-colors.graph tbody th {
    color : #000;
    font-size : .9em;
    line-height : 2.4;
    font-weight : normal;
    text-align : left;
    padding : 0 0 0 .4em;
    border : 0;
    width : 0;
    height : 0;
    display : block;
}
.car-colors.graph td {
    font-size : .8em;
    line-height : 2;
    padding : 0;
    overflow : hidden;
    display : block;
    right : 10px;
    float : left;
}
.car-colors.graph td abbr {
    margin-top : .4em;
    border : none;
    margin-right : .5em;
    display : block;
}
/* hover effects */
.car-colors.graph abbr {
    -ms-filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter : progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity : .0;
}
.car-colors.graph.hover abbr,
.car-colors.graph:hover abbr {
    -ms-filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter : progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity : 1;
}
.car-colors.graph.dim td {
    -ms-filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter : progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
    opacity : .2;
}
.car-colors.graph td.highlight,
.car-colors.graph td.highlight abbr {
    -ms-filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
    filter : progid:DXImageTransform.Microsoft.Alpha(Opacity=100) !important;
    opacity : 1 !important;
}
.car-colors.graph tr.highlight {
    background : transparent;
}
/* world & outliers (top & bottom rows)*/
.car-colors td {
    text-align : right;
    padding-left : 0;
    padding-right : .5em;
    border-bottom : 1px solid #ddd;
}
.car-colors.graph tr:first-child td {
    border-top : 1px solid #ddd;
}
.car-colors.graph tr:last-child {
    margin-top : 1em;
}
.car-colors.graph tr:last-child td {
    border-top : 1px solid #ddd;
}
/* key */
.car-colors.graph .key {
    line-height : 2em;
    padding : 1em 1em 0 0;
    display : block;
    float : right;
}
.car-colors.graph .key em {
    text-indent : -5000px;
    background : transparent url(45-angle-hatch.png) no-repeat;
    border : 1px solid #000;
    margin-right : .5em;
    width : 25px;
    height : 25px;
    display : block;
    float : left;
}
/* flipped */
.car-colors.graph.flipped table {
    width : 800px;
    margin-left : 100px;
}
.car-colors.graph.flipped table tbody th {
    margin-left : -100px;
    margin-right : 100px;
}
/* }}} */
/* graph, colors {{{ */
.car-colors.graph td.black abbr,
.car-colors.graph td.gray abbr,
.car-colors.graph td.orange abbr,
.car-colors.graph td.brown abbr,
.car-colors.graph td.green abbr,
.car-colors.graph td.blue abbr,
.car-colors.graph td.red abbr {
    color : #fff;
}
.car-colors.graph td.silver {
    background-color : #cbcbcb;
}
.car-colors.graph td.black {
    background-color : #222;
}
.car-colors.graph td.gray {
    background-color : #797979;
}
.car-colors.graph td.white {
    background-color : #fff;
}
.car-colors.graph td.orange {
    background-color : #fa8100;
}
.car-colors.graph td.other {
    background : transparent url(45-angle-hatch.png) no-repeat 50% 50%;
}
.car-colors.graph td.brown {
    background-color : #b28641;
}
.car-colors.graph td.yellow {
    background-color : #eee43d;
}
.car-colors.graph td.green {
    background-color : #1ea63a;
}
.car-colors.graph td.blue {
    background-color : #146dbd;
}
.car-colors.graph td.red {
    background-color : #e22025;
}
/* }}} */
/* chooser {{{ */
#chooser {
    font-family : "Helvetica Neue", Arial, Helvetica, sans-serif;
    padding : 0 1em;
    margin : 0;
    height : 30px;
    position : relative;
    z-index : 9;
}
#chooser li {
    display : inline;
}
#chooser a {
    text-decoration : none;
    padding : 4px 1em;
    background : #ddd;
    border : 1px solid #ddd;
    border-bottom : 0;
    margin-top : 2px;
    -moz-border-radius-topleft : 3px;
    -webkit-border-top-left-radius : 3px;
    -moz-border-radius-topright : 3px;
    -webkit-border-top-right-radius : 3px;
    height : 20px;
    float : left;
    display : block;
    cursor : pointer;
}
#chooser .active a,
#chooser a:hover {
    margin-top : 0;
    height : 22px;
}
#chooser .active a {
    background : #fff;
}
/* }}} */
/* crippled {{{ */
.graph.crippled .key {
    display : none;
}
.graph.crippled thead,
.graph.crippled tbody {
    display : none;
}
.graph.crippled .old-browser {
    font-family : Georgia,"Times New Roman",Times,serif;
    font-size : 1.4em;
    line-height : 1.4em;
    margin : 1em 0 0 1em;
    display : block;
}
/* }}} */
/* misc {{{ */
.deception div {
    float : left;
}
.deception img {
    margin : .5em 0 2em 0;
}
.deception .original img {
    margin-left : 3em;
    margin-right : 3em;
}
.deception h6 {
    text-align : center;
}
/* }}} */