/* css cotic table styles */
/* by Kelvin Owers - spittingcat.com */

/* bike specs chart */
.specs {background-color:#eeeeee; border: 1px solid #eeeeee; line-height: 1.3;}
.specs caption {
    /* font-family: "Trade Gothic", Verdana, "Andale Mono", "Andale Mono IPA", Consolas, "Bitstream Vera Sans Mono", "Courier New", monospace; font-size: 1.7em; */ font-weight: bold;
    padding: 0.7em; background-color: white; color: #1A1A1A;}
.specs.bronze caption {background-color: #BBA37D;}
.specs.silver caption {background-color: #BCC6CC;}
.specs.gold caption {background-color: #EDDA74;}
.specs.platinum caption {background-color: #e6e5e3;}
.specs.bronze {border-color: #BBA37D;}
.specs.silver {border-color: #BCC6CC;}
.specs.gold {border-color: #EDDA74;}
.specs.platinum {border-color: #e6e5e3;}

.specs th, .specs td {display: table-cell; height: 2.5em; padding: 0.2em 0.5em 0.2em 0.2em; text-align: left; font-size: 0.9em;}
.specs th {font-weight: bold; background-color: #eeeeee; color: #333333; white-space: nowrap; text-transform: capitalize;}
.specs td {font-weight: normal; background-color: #EEE9E9;}

/* @media only screen and (min-device-width : 667px) and (min-width: 840px) and (max-width: 1100px) {
    .specs caption {font-size: 1.4em}
}
@media only screen and (min-device-width : 667px) and (min-width: 840px) and (max-width: 1020px) {
    .specs caption {font-size: 1.5em}
}
@media only screen and (min-device-width : 667px) and (min-width: 840px) and (max-width: 900px) {
    .specs caption {font-size: 1.3em}
} */
.specs tr:hover td {background-color: #F2F2F2}
table.specs {border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
.specs tr.locked th {background: white url(decoration/select-box-locked.gif) no-repeat center right; padding-right: 10px;}
@media only screen and (max-device-width : 667px) {
    .specs tr.locked th {background-image: url(decoration/select-box-locked-x2.gif);}
}
@media only screen and (min-device-width : 667px) and (min-width: 840px) {
    .spec_tables a.button_4 {max-width: none !important;} 
}
@media only screen and (max-device-width : 667px) {
    .spec_tables a.button_4 {max-width: 400px; font-size: 2em;} 
}
/* end of bike specs chart */

/* bike specs controls */
ul.spec_controls li {}
ul.spec_controls li {background-image: url(/cotic_menu_05/decoration/square_grey.gif);}
ul.spec_controls li.current {color: #1A1A1A; background-image: url(/cotic_menu_05/decoration/square.gif);}
@media only screen and (max-device-width : 667px) {
    ul.spec_controls li {background-image: url(/cotic_menu_05/decoration/square_grey_big.gif) !important;}
    ul.spec_controls li.current {color: #1A1A1A; background-image: url(/cotic_menu_05/decoration/square_big.gif) !important;}
}
ul.spec_controls li > a {color: #666666; background: none;}
ul.spec_controls li > a:visited {color: #666666;}
ul.spec_controls li > a:hover {color: #1A1A1A; background: none;}
ul.spec_controls li.current > a {color: #1A1A1A;}
/* end of specs controls */

/* geometry chart */
.geom {background-color:#9F9F9F;}
.geom th {background-color: #969696;}
.geom td {background-color: #999999; color: #000000;}
.geom .sub {background-color: #A1A1A1; padding-top: 5px; color: #222222;}
/* end of geometry chart */

/* new single table geometry charts */
.single_table .geom {background-color:#eeeeee;}
.single_table .geom th {background-color: #eeeeee;}
.single_table .geom td {background-color: #EEE9E9; color: #000000;}
.single_table .geom tr:hover td {background-color: #F2F2F2}
.single_table .geom tr th:first-child {min-width: 220px;}
.single_table .geom tr td {min-width: 100px;}
.single_table.four_sizes .geom tr td {min-width: 130px;}
.single_table table.geom {border-radius: 3px;}
/* end of single table geometry charts */

/* new multi table geometry charts */
.size_controlled .geom {background-color:#eeeeee;}
.size_controlled .geom th {background-color: #eeeeee;}
.size_controlled .geom td {background-color: #EEE9E9; color: #000000;}
.size_controlled .geom tr:hover td {background-color: #F2F2F2}
.size_controlled .geom tr th:first-child {min-width: 220px;}
.size_controlled .geom tr td {min-width: 100px;}
.size_controlled.four_sizes .geom tr td {min-width: 110px;}
.size_controlled p {padding: 4px; margin: 0; font-weight: bold; text-align: center;-webkit-text-size-adjust: none;}
.size_controlled table.geom {border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
.size_controlled .smallprint {padding-left: 10px}
/* end of new multi table geometry charts */

/* controls for multi table geometry charts */
.size_controls ul {float: right;padding: 0;margin: 0;}
.size_controls ul:first-child {float: left; margin-right: 10px}
.size_controls ul li {background: none; display: inline-block; padding: 0; margin: 0;}
.size_controls ul li a {
    background: none;
    cursor: pointer;
    background-color: #ffffff;
    color: #000000;
    display: block;
    padding: 4px 10px 4px 10px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
    border-top: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
}
.size_controls ul li a:hover {background: none; background-color: #bbbbbb; color: #000000;}
.size_controls ul li.currentTab a {background-color: #eeeeee;}
/* mobile */
@media only screen 
    and (max-device-width : 667px) {
    .size_controls ul li a {
        font-size: 24pt;
        padding: 8px 20px 8px 20px;
        margin-right: 10px;
    }
}
/* end of controls for multi table geometry charts */

/* new finance example charts */
.finance table th {background-color: #eeeeee; text-align: center; border-radius: 3px; margin-right: 0px}
.finance table td {background-color: #EEE9E9; color: #000000; text-align: center}
.finance table tr td {min-width: 130px;}
/* end of finance example charts */

/* product chart */
.prod th {background-color: #969696;}
.prod td {text-align: center; background-color: #B1B1B1; color: #000000;}
.prod .sub {background-color: #A1A1A1; padding-top: 5px; color: #222222;}
/* end of product chart */

.pace {
background: #31313A url(../partners/interface/headers/pace_small.gif) 15px 0px repeat-x;
_background: #31313A;
padding-top: 38px;
}

.components {
/* width: 100%; */
width: 600px;
margin-bottom: 10px;
}
.bit .components {
/* width: 100%; */
width: 660px;
}
.components th {
font-size: 0.9em;
line-height: 1;
text-align: left;
font-weight: normal;
}
.components td {
font-size: 0.9em;
line-height: 1;
text-align: right;
}