.dark_light_bg {
    background: black;
    color: #ddd;
    width: 100%;
    max-width: 100%;
    position: relative;
    margin-top: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    display: inline-block;
}

.dark_light_bg a:visited {
    color: #658299;
}

.dark_light_bg a.link_button {
    color: #dfb870;
}

.drawer_container {
    margin-bottom: 3.5em;
}

.lens_yellow {
    color: #cea862;
    font-weight: 500;
}

.lens_blue {
    color: #2182C7;
    font-weight: 500;
}

.lens_black {
    color: #111;
    font-weight: 500;
}

.lens_red {
    color: #FF593F;
    font-weight: 500;
}

.lens_gray {
    color: #777;
    font-weight: 500;
}

.lens_red .slider_left_gutter,
.lens_red .slider_right_gutter,
.lens_red .slider_knob {
    background: #FF593F;
}

.lens_yellow .slider_left_gutter,
.lens_yellow .slider_right_gutter,
.lens_yellow .slider_knob {
    background: #E8A938;
}

.lens_blue .slider_left_gutter,
.lens_blue .slider_right_gutter,
.lens_blue .slider_knob {
    background: #2182C7;
}

.lens_black .slider_left_gutter,
.lens_black .slider_right_gutter,
.lens_black .slider_knob {
    background: #333;
}

.dark_light_bg .lens_yellow .slider_left_gutter,
.dark_light_bg .lens_yellow .slider_right_gutter,
.dark_light_bg .lens_yellow .slider_knob {
    background: #af8028;
}

tr {
    border-bottom: solid #ddd;
    border: #ddd 1px solid;
    border-width: 1px 0;
    font-size: 1.1em;
}

tr:first-child {
    border-top: none;
}

tr:last-child {
    border-bottom: none;
}

td {
    padding: 0.4em;
}

.lens_list_item_material {
    padding-right: 3em;
}

.lens_long_drawer:after {
    padding-top: 50%;
}

.lens_very_long_drawer:after {
    padding-top: 40%;
}

#lens_simple {
    max-width: 400px;
}

#lens_snell {
    max-width: 400px;
}

#lens_subdiv_seg0 {
    max-width: 400px;
    margin: 0 auto;
}

#lens_f_seg0 .segmented_control_container {
    background: #111;
}

#lens_f_seg0 .segmented_control_on {
    background: #272727;
}

#lens_f_seg0 .segmented_control_off:hover {
    background: #2c2c2c;
}

#lens_f_seg0 .segmented_control_on {
    font-weight: 400;
}

#lens_f_seg0 .segmented_control_off {
    font-weight: 400;
}

#lens_f {
    max-width: 300px;
}

#lens_blades {
    max-width: 300px;
}

#lens_snell:after {
    padding-top: 100%;
}

.double_drawer:after {
    padding-top: 50%;
}

#lens_film_invert {
    max-width: 400px;
}

#lens_film_invert:after {
    padding-top: 100%;
}

#lens_box {
    max-width: 350px;
}
