#webGL {
    height: 600px;
}
#webGL .price {
    position: absolute;
    display: none;
    width: 140px;
    padding: 2px;
    background-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .12);
    text-align: center;
    z-index: 2;
}
#webGL .price p {
    font: 700 1rem 'Poppins', 'Century Gothic', Helvetica, Arial, sans-serif;
    color: #b9241a;
}
#webGL .price p + p {
    font: 400 0.63rem 'Poppins', 'Century Gothic', Helvetica, Arial, sans-serif;
    color: #000;
}
#renderWindow {
    overflow: hidden;
    height: 600px;
}
#controls {
    background: url('loading.gif') no-repeat center;
    height: 600px;
    overflow: hidden;
}
/* Rig Designer: Accordion */
#accordion {
    display: none;
}
#accordion br {
    clear: both;
}
#accordion hr {
    border-bottom: 1px solid #fff;
    margin-bottom: 2px;
}
#accordion hr.divider {
    border-bottom: 3px solid #fff;
    clear: both;
    margin: 6px 0px;
}
#accordion label {
    display: block;
    vertical-align: middle;
    padding: 0;
    margin: 0;
    font: 400 0.83rem 'Poppins', 'Century Gothic', Helvetica, Arial, sans-serif;
    color: #fff;
}
#accordion label.red {
    color: #b9241a !important;
}
#accordion input {
    margin-bottom: 2px;
    color: #b9241a;
}
#accordion input[type=checkbox] {
    margin-bottom: 2px;
    border: 1px solid #333;
    border-collapse: collapse;
    color: #b9241a;
}
#accordion input[type=text] {
    margin-bottom: 4px;
    padding: 3px;
    border: 1px solid #000;
    border-collapse: collapse;
    font: 400 0.83em/0.6rem 'Roboto', 'Century Gothic', Helvetica, Arial, sans-serif;
    color: #b9241a;
}
#accordion select {
    margin-bottom: 4px;
    padding: 3px;
    border: 1px solid #000;
    border-collapse: collapse;
    font-size: 0.83rem;
    color: #b9241a;
}
#accordion textarea {
    margin-bottom: 4px;
    padding: 2px;
    border: 1px solid #333;
    border-collapse: collapse;
    color: #b9241a;
}
.ui-accordion .ui-accordion-header {
    min-height: 0; /* support: IE7 */
    padding: 5px;
    padding-left: 1.5rem;
    color: #b9241a;
    border: 1px solid #000;
    font: 700 0.83em/0.6rem 'Roboto', 'Century Gothic', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    cursor: pointer;
}
.ui-accordion .ui-accordion-content {
    background: #696969;
    border: none;
    color: #fff;
}
/* Rig Designer UI: Global */
form.designer {
    height: 600px;
}
form.designer p {
    margin: 0px;
    padding: 0px;
}
form.designer span {
    font: 400 0.63em/0.6rem 'Roboto', 'Century Gothic', Helvetica, Arial, sans-serif;
}
#step_1, #step_2, #step_3, #step_4, #step_5 {
    overflow-x: hidden;
}
.section {
    clear: both;
}
.section_spacer {
    clear: both;
    display: block;
    min-height: 8px;
    height: 8px;
}
.border {
    padding: 5px;
    border: 1px solid #bbb;
}
/* Rig Designer UI: Step 1 & 2 */
#step_1 div.colors h4, #step_2 div.colors h4 {
    text-transform: uppercase;
    margin-bottom: 4px;
}
#step_1 div.colors div.buttons button, #step_2 div.colors div.buttons button {
    height: 32px;
    width: 32px;
    margin: 2px;
    border: 2px solid black;
    border-radius: 50%;
    color: bbb;
    cursor: pointer;
}
#step_1 div.colors div.buttons button.selected, #step_2 div.colors div.buttons button.selected {
    border-color: #b9241a;
}
#step_1 div.parts .party_stripe {
    display: none;
}
#step_1 div.parts .x_out {
    display: none;
}
#step_1 div.parts .ui-button {
    float: left;
    height: 22px;
    width: 110px;
    margin: 0 2px 2px 0;
    border: 0;
}
#step_2 div.parts .ui-button {
    float: left;
    height: 30px;
    width: 175px;
    margin: 0 2px 2px 0;
    border: 0;
    border-radius: 3px;
}
#step_2 .fw {
    width: 100%
}
#step_2 div.parts .riser_cover_mag_warn {
    display: none;
}
#step_1 div.parts .ui-button:hover, #step_2 div.parts .ui-button:hover {
    background: #b9241a;
    border: 0;
    color: #fff;
}
#step_1 div.parts .ui-button-text-only .ui-button-text, #step_2 div.parts .ui-button-text-only .ui-button-text {
    margin: 0px;
    padding: 0px;
    border: 0;
    font: 400 0.83rem 'Roboto', 'Century Gothic', Helvetica, Arial, sans-serif;
}
#step_1 div.parts .ui-button-text-only .ui-button-text:hover, #step_2 div.parts .ui-button-text-only .ui-button-text:hover {
    color: #fff;
}
/* Rig Designer UI: Step 3 */
#step_3 .main_pc div.handle_color div.color_1 {
    float: left;
    margin-right: 5px;
    display: none;
}
#step_3 .main_pc div.handle_color div.color_2 {
    float: left;
    display: none;
}
#step_3 .reserve_deployment div.pillow_color {
    display: none;
}
#step_3 .main_pc .hackey_tab {
    display: none;
}
#step_3 .fw {
    width: 100%;
}
/* Rig Designer UI: Step 4 */
#step_4 .contact_information input[type=text], #step_4 .contact_measurements div.section input[type=text] {
    width: 100%;
}
#step_4 .contact_information select, #step_4 .contact_measurements div.section select {
    width: 75%;
}
#step_4 #measurement_box, #step_4 #student_box {
    display: none;
}
#step_4 #shipping_information {}
#step_4 #shipping_information div, #step_4 .contact_measurements div.section div {
    float: left;
    width: 40%;
    padding-right: 15px;
}
#step_4 .contact_measurements div.section div.gender {
    float: none;
}
#step_4 .contact_measurements div.section div.gender input[type=radio], #step_4 .contact_measurements div.section input[type=checkbox] {
    width: auto;
}
#step_4 .contact_canopies select.wa {
    width: auto;
}
#step_4 .contact_canopies div.section input[type=text] {
    width: 100%;
}
#step_4 .contact_canopies div.section input[type=text].wa {
    width: auto;
}
/* Rig Designer UI: Step 6 */
#step_5 .ui-button {
    height: 25px;
    width: 140px;
    margin: 10px 0;
    border: 0;
    border-radius: 2;
}
#step_5 .ui-button-text-only .ui-button-text {
    margin: 0px;
    padding: 0px;
    border: 0;
    font: 700 0.83rem 'Roboto', 'Century Gothic', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
}
#step_5 .fw {
    width: 100%
}
#step_5 div.option {
    margin-bottom: 6px;
}
#step_5 div.option h3 {
    border-bottom: 1px solid #fff;
    margin-bottom: 4px;
}
#step_5 div.option div.button {
    text-align: right;
}
#step_5 div.submit div.email div.sending {
    background: url('sending.gif') no-repeat right;
    display: none;
    height: 66px;
}
#step_5 div.submit div.email div.complete {
    background: url('checked.png') no-repeat right;
    color: #b9241a;
    cursor: pointer;
    display: none;
    height: 66px;
}
/* Color Palette*/
.Amethyst {
    background-color: #512b63;
}
.Black {
    background-color: #000000;
}
.BlueViolet {
    background-color: #6340c2;
}
.Brown {
    background-color: #3b1f0b;
}
.Burgundy {
    background-color: #5c0a25;
}
.Charcoal {
    background-color: #635a4e;
}
.ForestGreen {
    background-color: #2c470b;
}
.Fuchsia {
    background-color: #A80F47;
}
.Gold {
    background-color: #f2a51f;
}
.Jade {
    background-color: #0A6943;
}
.Turquoise {
    background-color: #0A6943;
}
.KellyGreen {
    background-color: #2e7010;
}
.Magenta {
    background-color: #821543;
}
.NavyBlue {
    background-color: #030f29;
}
.NeonBlue {
    background-color: #188c94;
}
.NeonGreen {
    background-color: #8fe83c;
}
.NeonOrange {
    background-color: #f02f22;
}
.NeonPink {
    background-color: #ff2970;
}
.NeonYellow {
    background-color: #f3f315;
}
.OliveDrab {
    background-color: #4F4906;
}
.Orange {
    background-color: #ff5900;
}
.Purple {
    background-color: #4f1061;
}
.Red {
    background-color: #b31010;
}
.RoyalBlue {
    background-color: #193063;
}
.Silver {
    background-color: #9c9983;
}
.Tan {
    background-color: #CFA770;
}
.Coyote {
    background-color: #8c7446;
}
.White {
    background-color: #ffffff;
}
.Yellow {
    background-color: #f2df11;
}
.None {
    background: url('swatches/none.jpg') no-repeat center;
}
.ACU {
    background: url('swatches/ACU.jpg') no-repeat center;
}
.ATACS {
    background: url('swatches/ATACS.jpg') no-repeat center;
}
.Desert {
    background: url('swatches/Desert.jpg') no-repeat center;
}
.DesertDigital {
    background: url('swatches/DesertDigital.jpg') no-repeat center;
}
.Multicam {
    background: url('swatches/Multicam.jpg') no-repeat center;
}
.MulticamBlack {
    background: url('swatches/MulticamBlack.jpg') no-repeat center;
}
.Universal {
    background: url('swatches/Universal.jpg') no-repeat center;
}
.Woodland {
    background: url('swatches/Woodland.jpg') no-repeat center;
}
.WoodlandDigital {
    background: url('swatches/WoodlandDigital.jpg') no-repeat center;
}
.Kryptek {
    background: url('swatches/Kryptek.jpg') no-repeat center;
}
/* Random */
.float {
    float: left;
}
.w-75 {
    width: 75%;
}
input[type="text"]:disabled {
    background: #666;
    font: 400 0.83rem 'Roboto', 'Century Gothic', Helvetica, Arial, sans-serif;
    color: #bbb;
}
::-webkit-input-placeholder {
    font: 400 0.83rem 'Roboto', 'Century Gothic', Helvetica, Arial, sans-serif;
}
div.modal {
    background-image: url('bg_black_60.png');
    display: block;
    height: 100%;
    left: 0px;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 30;
}
div.modal div.window {
    background: #efefef;
    border: 1px solid #999999;
    border-radius: 8px;
    margin: 0 auto;
    margin-top: 156px;
    width: 640px;
}
div.modal div.window h2 {
    border-bottom: 1px solid #999999;
    color: #b9241a;
    margin: 8px;
    text-align: left;
}
div.modal div.window ul.errors {
    border: 1px solid #999999;
    max-height: 504px;
    margin: 8px;
    min-height: 100px;
    overflow-y: scroll;
    padding: 4px;
    text-align: left;
    width: 614px;
}
div.modal div.window ul.errors li {
    color: #b9241a;
    clear: both;
    list-style: none;
    font-weight: bold;
}
div.modal div.window ul.errors li p {
    color: #b9241a;
    float: left;
}
div.modal div.window ul.errors li p + p {
    color: #333333;
    margin-left: 4px;
}
div.modal div.window div.buttons {
    border-top: 1px solid #999999;
    height: 30px;
    margin: 0px auto;
    padding-top: 6px;
    text-align: center;
    width: 624px;
}
div.modal div.window div.buttons button {
    border: 1px solid #999999;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
    padding: 2px 4px;
    width: 60px;
}
div.modal div.window div.buttons button:hover {
    border-color: #b9241a;
    color: #b9241a;
}