body {
    min-width: 984px
}
.grid_container {
    margin-left: auto;
    margin-right: auto;
    width: 984px
}
.grid_container .grid_1,
.grid_container .grid_2,
.grid_container .grid_3,
.grid_container .grid_4,
.grid_container .grid_5,
.grid_container .grid_6,
.grid_container .grid_7,
.grid_container .grid_8,
.grid_container .grid_9,
.grid_container .grid_10,
.grid_container .grid_11,
.grid_container .grid_12,
.grid_container .grid_13,
.grid_container .grid_14,
.grid_container .grid_15,
.grid_container .grid_16,
.grid_container .grid_17,
.grid_container .grid_18,
.grid_container .grid_19,
.grid_container .grid_20,
.grid_container .grid_21,
.grid_container .grid_22,
.grid_container .grid_23,
.grid_container .grid_24 {
    display: inline;
    float: left;
    position: relative;
    margin-left: 7px;
    margin-right: 7px;
    min-height: 14px
}
.grid_container .push_1,
.grid_container .pull_1,
.grid_container .push_2,
.grid_container .pull_2,
.grid_container .push_3,
.grid_container .pull_3,
.grid_container .push_4,
.grid_container .pull_4,
.grid_container .push_5,
.grid_container .pull_5,
.grid_container .push_6,
.grid_container .pull_6,
.grid_container .push_7,
.grid_container .pull_7,
.grid_container .push_8,
.grid_container .pull_8,
.grid_container .push_9,
.grid_container .pull_9,
.grid_container .push_10,
.grid_container .pull_10,
.grid_container .push_11,
.grid_container .pull_11,
.grid_container .push_12,
.grid_container .pull_12,
.grid_container .push_13,
.grid_container .pull_13,
.grid_container .push_14,
.grid_container .pull_14,
.grid_container .push_15,
.grid_container .pull_15,
.grid_container .push_16,
.grid_container .pull_16,
.grid_container .push_17,
.grid_container .pull_17,
.grid_container .push_18,
.grid_container .pull_18,
.grid_container .push_19,
.grid_container .pull_19,
.grid_container .push_20,
.grid_container .pull_20,
.grid_container .push_21,
.grid_container .pull_21,
.grid_container .push_22,
.grid_container .pull_22,
.grid_container .push_23,
.grid_container .pull_23,
.grid_container .push_24,
.grid_container .pull_24 {
    position: relative
}
.grid_container .alpha {
    margin-left: 0
}
.grid_container .omega {
    margin-right: 0
}
.grid_container .grid_1 {
    width: 27px
}
.grid_container .grid_2 {
    width: 68px
}
.grid_container .grid_3 {
    width: 109px
}
.grid_container .grid_4 {
    width: 150px
}
.grid_container .grid_5 {
    width: 191px
}
.grid_container .grid_6 {
    width: 232px
}
.grid_container .grid_7 {
    width: 273px
}
.grid_container .grid_8 {
    width: 314px
}
.grid_container .grid_9 {
    width: 355px
}
.grid_container .grid_10 {
    width: 396px
}
.grid_container .grid_11 {
    width: 437px
}
.grid_container .grid_12 {
    width: 478px
}
.grid_container .grid_13 {
    width: 519px
}
.grid_container .grid_14 {
    width: 560px
}
.grid_container .grid_15 {
    width: 601px
}
.grid_container .grid_16 {
    width: 642px
}
.grid_container .grid_17 {
    width: 683px
}
.grid_container .grid_18 {
    width: 724px
}
.grid_container .grid_19 {
    width: 765px
}
.grid_container .grid_20 {
    width: 806px
}
.grid_container .grid_21 {
    width: 847px
}
.grid_container .grid_22 {
    width: 888px
}
.grid_container .grid_23 {
    width: 929px
}
.grid_container .grid_24 {
    width: 970px
}
.grid_container .prefix_1 {
    padding-left: 41px
}
.grid_container .prefix_2 {
    padding-left: 82px
}
.grid_container .prefix_3 {
    padding-left: 123px
}
.grid_container .prefix_4 {
    padding-left: 164px
}
.grid_container .prefix_5 {
    padding-left: 205px
}
.grid_container .prefix_6 {
    padding-left: 246px
}
.grid_container .prefix_7 {
    padding-left: 287px
}
.grid_container .prefix_8 {
    padding-left: 328px
}
.grid_container .prefix_9 {
    padding-left: 369px
}
.grid_container .prefix_10 {
    padding-left: 410px
}
.grid_container .prefix_11 {
    padding-left: 451px
}
.grid_container .prefix_12 {
    padding-left: 492px
}
.grid_container .prefix_13 {
    padding-left: 533px
}
.grid_container .prefix_14 {
    padding-left: 574px
}
.grid_container .prefix_15 {
    padding-left: 615px
}
.grid_container .prefix_16 {
    padding-left: 656px
}
.grid_container .prefix_17 {
    padding-left: 697px
}
.grid_container .prefix_18 {
    padding-left: 738px
}
.grid_container .prefix_19 {
    padding-left: 779px
}
.grid_container .prefix_20 {
    padding-left: 820px
}
.grid_container .prefix_21 {
    padding-left: 861px
}
.grid_container .prefix_22 {
    padding-left: 902px
}
.grid_container .prefix_23 {
    padding-left: 943px
}
.grid_container .suffix_1 {
    padding-right: 41px
}
.grid_container .suffix_2 {
    padding-right: 82px
}
.grid_container .suffix_3 {
    padding-right: 123px
}
.grid_container .suffix_4 {
    padding-right: 164px
}
.grid_container .suffix_5 {
    padding-right: 205px
}
.grid_container .suffix_6 {
    padding-right: 246px
}
.grid_container .suffix_7 {
    padding-right: 287px
}
.grid_container .suffix_8 {
    padding-right: 328px
}
.grid_container .suffix_9 {
    padding-right: 369px
}
.grid_container .suffix_10 {
    padding-right: 410px
}
.grid_container .suffix_11 {
    padding-right: 451px
}
.grid_container .suffix_12 {
    padding-right: 492px
}
.grid_container .suffix_13 {
    padding-right: 533px
}
.grid_container .suffix_14 {
    padding-right: 574px
}
.grid_container .suffix_15 {
    padding-right: 615px
}
.grid_container .suffix_16 {
    padding-right: 656px
}
.grid_container .suffix_17 {
    padding-right: 697px
}
.grid_container .suffix_18 {
    padding-right: 738px
}
.grid_container .suffix_19 {
    padding-right: 779px
}
.grid_container .suffix_20 {
    padding-right: 820px
}
.grid_container .suffix_21 {
    padding-right: 861px
}
.grid_container .suffix_22 {
    padding-right: 902px
}
.grid_container .suffix_23 {
    padding-right: 943px
}
.grid_container .push_1 {
    left: 41px
}
.grid_container .push_2 {
    left: 82px
}
.grid_container .push_3 {
    left: 123px
}
.grid_container .push_4 {
    left: 164px
}
.grid_container .push_5 {
    left: 205px
}
.grid_container .push_6 {
    left: 246px
}
.grid_container .push_7 {
    left: 287px
}
.grid_container .push_8 {
    left: 328px
}
.grid_container .push_9 {
    left: 369px
}
.grid_container .push_10 {
    left: 410px
}
.grid_container .push_11 {
    left: 451px
}
.grid_container .push_12 {
    left: 492px
}
.grid_container .push_13 {
    left: 533px
}
.grid_container .push_14 {
    left: 574px
}
.grid_container .push_15 {
    left: 615px
}
.grid_container .push_16 {
    left: 656px
}
.grid_container .push_17 {
    left: 697px
}
.grid_container .push_18 {
    left: 738px
}
.grid_container .push_19 {
    left: 779px
}
.grid_container .push_20 {
    left: 820px
}
.grid_container .push_21 {
    left: 861px
}
.grid_container .push_22 {
    left: 902px
}
.grid_container .push_23 {
    left: 943px
}
.grid_container .pull_1 {
    left: -41px
}
.grid_container .pull_2 {
    left: -82px
}
.grid_container .pull_3 {
    left: -123px
}
.grid_container .pull_4 {
    left: -164px
}
.grid_container .pull_5 {
    left: -205px
}
.grid_container .pull_6 {
    left: -246px
}
.grid_container .pull_7 {
    left: -287px
}
.grid_container .pull_8 {
    left: -328px
}
.grid_container .pull_9 {
    left: -369px
}
.grid_container .pull_10 {
    left: -410px
}
.grid_container .pull_11 {
    left: -451px
}
.grid_container .pull_12 {
    left: -492px
}
.grid_container .pull_13 {
    left: -533px
}
.grid_container .pull_14 {
    left: -574px
}
.grid_container .pull_15 {
    left: -615px
}
.grid_container .pull_16 {
    left: -656px
}
.grid_container .pull_17 {
    left: -697px
}
.grid_container .pull_18 {
    left: -738px
}
.grid_container .pull_19 {
    left: -779px
}
.grid_container .pull_20 {
    left: -820px
}
.grid_container .pull_21 {
    left: -861px
}
.grid_container .pull_22 {
    left: -902px
}
.grid_container .pull_23 {
    left: -943px
}
/*.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 14px
}*/
.clearfix:before,
.clearfix:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}
.clearfix:after {
    clear: both
}
.clearfix {
    zoom: 1
}
body {
    font-family: 'Helvetica W01 Light';
    background-color: #dddddd;
    color: #6f6f71
}
#page_container {
    background-color: white;
    padding-top: 14px;
    width: 998px;
    margin: 0px auto;
    margin-top: 14px
}
#search_form h2 {
    display: block;
    font-family: 'Helvetica W01 Light';
    font-size: 32px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 39px
}
#search_form hr {
    width: 970px;
    height: 0px;
    font-size: 0;
    background-color: white;
    display: block;
    border: none;
    padding: 14px 0px 0px 0px;
    margin: 14px auto 14px auto;
    clear: both;
    border-bottom: 1px solid silver
}
#search_form p {
    font-size: 14px
}
#search_form .choice_button {
    font-family: 'Helvetica W01 Roman';
    cursor: pointer;
    border-bottom: 2px solid #70716F;
    font-size: 20px;
    color: #727371;
    display: inline-block;
    float: left;
    margin: 14px 14px 14px 0px;
    width: 200px;
    text-decoration: none;
    line-height: 40px;
    text-align: center;
    height: 40px;
    background-color: #B9BABC
}
#search_form .choice_button.active {
    border-bottom: 2px solid #E2C102;
    background-color: #FFDD00
}
#search_form .choice_button:hover {
    border-bottom: 2px solid black
}
.grid_container {
    width: 986px;
}
.choice_button.finish {
    background-color: #40d47e !Important;
    color: #FFF !important;
    font-family: 'Helvetica W01 Bold' !important;
    text-shadow: 0 1px 1px #28844E;
    width: 350px;
}

.choice_button.finish:hover {
    background-color: #95EFBB !important;
    color: #225A39 !important
    text-shadow: none !important;
}
#configurator_wrapper {
    padding-bottom: 30px;
}
#configurator_tabs {
    position: relative;
    z-index: 10;
    margin-left: 25px;
}
#configurator_tabs li {
    display: inline-block;
}
#configurator_tabs li span {
    display: inline-block;
    position: relative;
    padding: 20px 0;
    width: 180px;
    background-color: #444446;
    cursor: pointer;
    text-align: center;
    color: #FFF;
    font-family: "Helvetica W01 Bold";
    font-weight: normal;
    text-transform: uppercase;
    transition: all 150ms ease-out;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
}
#configurator_tabs li span:hover {
    background-color: #FFF;
    color: #000;
    border: 1px solid #E6E6E6;
    border-bottom: 0;
    -webkit-box-shadow: 0px -5px 12px -7px rgba(0, 0, 0, 0.34);
    -moz-box-shadow: 0px -5px 12px -7px rgba(0, 0, 0, 0.34);
    box-shadow: 0px -5px 12px -7px rgba(0, 0, 0, 0.34);
}
#configurator_tabs li span.active {
    background-color: #FFF;
    color: #000;
    border: 1px solid #E6E6E6;
    border-bottom: 0;
    -webkit-box-shadow: 0px -5px 12px -7px rgba(0, 0, 0, 0.34);
    -moz-box-shadow: 0px -5px 12px -7px rgba(0, 0, 0, 0.34);
    box-shadow: 0px -5px 12px -7px rgba(0, 0, 0, 0.34);
}
#configurator {
    position: relative;
}
#configurator>div {
    margin-bottom: 50px;
    border: 1px solid #E6E6E6;
    margin-top: -1px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #FFF;
    -webkit-box-shadow: 0px 5px 12px -7px rgba(0, 0, 0, 0.34);
    -moz-box-shadow: 0px 5px 12px -7px rgba(0, 0, 0, 0.34);
    box-shadow: 0px 5px 12px -7px rgba(0, 0, 0, 0.34);
}
#product-options-wrapper {
    width: 610px;
    border: 1px solid #f1f1f1;
    border-radius: 5px;
}
#configurator>div h2 {
    margin: 40px;
    text-transform: uppercase;
    font-family: "Helvetica W01 Light";
    text-align: center;
    color: #3A3A3A;
    font-size: 28px;
}
#configurator>div img {
    display: block;
    margin: 0px auto;
}
#detailsandprice .next_section {
    display: none;
}
span.price {
    display: table;
    text-align: center;
    margin: 30px auto;
    font-size: 28px;
}
span.price>span {
    display: block;
    font-size: 12px;
    text-align: left;
}
.choice_button {
    margin: 10px auto;
    font-family: 'Helvetica W01 Roman';
    cursor: pointer;
    color: #FFF;
    border-radius: 5px;
    font-size: 16px;
    display: block;
    width: 200px;
    text-decoration: none;
    text-align: center;
    padding: 15px 10px;
    background-color: #6f6f71;
    transition: all 150ms ease-out;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    text-transform: uppercase;
}
.choice_button.active {
}

.choice_button:hover {
    background-color: #A5A5A5;
}

.instructor_search_button {
    margin: 10px auto 0 auto;
    font-family: 'Helvetica W01 Roman';
    cursor: pointer;
    color: #2B2B2B;
    display: inline-block;
    text-decoration: none;
    line-height: 40px;
    text-align: center;
    height: 40px;
    background-color: #FFEB3B;
    padding: 0 75px;
    font-size: 14px;
    border-radius: 5px;
}

.instructor_search_button:hover {
    background-color: #FFEE7F;
}
b {
    font-family: 'Helvetica W01 Bold';
    font-weight: normal;
}
dt,
dd {
    position: relative;
}

dt .state {
    float: right;
    margin-right: 40px;
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
    margin-top: -2px;
}

dt .ok {
    background-image: url(https://www.apdiving.com/en/configurator/tick-icon.png); 
}

dt .ok::after {
    font-family: FontAwesome;
    content: "\f00c";
    font-size: inherit;
    color: #03A9F4;
    font-size: 0;
}

dt .missing {
     background-image: url(https://www.apdiving.com/en/configurator/cross-icon.png); 
}

dt .missing::after {
    font-family:FontAwesome;
    content:"\f00d";
    font-size:inherit;
    color:#bf2c2c;
    font-size: 0;
}

dd {
    background-color: silver !important;
}
dd .input-box {
    padding: 10px 20px;
}
dd {
    height: 170px
}
.ui-accordion .ui-accordion-header {
    margin-top:0px;
}
.ui-accordion .ui-accordion-content {
    padding: 0px;
    margin: 0px;
}
span.label {}
span.label.disabled label {
    color: #CCCCCC;
}
ul.options-list {
    margin-bottom: 0;
}
p.explain {
    font-family: helvetica w01 light;
    margin-top: 10px;
    color: red;
    font-size: 13px;
}
span.total-price {
    font-weight: bold;
    font-size: 40px;
    text-align: center;
    display: table;
    margin: 30px auto;
}
span.total-price span.total-caption {
    display: block;
    text-align: left;
    font-size: 14px;
    font-weight: normal;
    font-family: "Helvetica W01 bold";
}
span.total-price span.sub-total {
    display: block;
    text-align: left;
    font-size: 12px;
    font-weight: normal;
}
.checkbox {
    width: 20px;
    height: 20px;
    border: 1px #333 dashed;
}
span.notice {
    display: inline-block;
    margin-left: 30px;
}
.choice_base {
    
}

.choice_base.active {
    background-color: #FFEB3B;
    color: #333;
}

#configurator input[type=text], #configurator input[type=date] {
    border: 1px solid #DEDEDE;
    display: block;
    margin-bottom: 3px;
    width: 400px;
    padding: 10px 14px;
    color: #2D2D2D;
    font-weight: normal;
    margin-left: 20px;
    font-size: 14px;
    font-family: "Helvetica W01 Roman";
}
#configurator select {
    background: rgba(0, 0, 0, 0);
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    width: 400px !important;
    border: 1px solid #DEDEDE;
    display: block;
    margin-bottom: 3px;
    font-family: "Helvetica W01 Roman";
    font-size: 14px;
    width: 400px;
    padding: 10px 14px;
    color: #313131;
    margin-left: 20px;
    background: url(https://www.apdiving.com/en/wp-content/uploads/dropdown.png) no-repeat right 50%;
}
configurator input[type=text].placeholder {
    color: #A9AAAC;
}
.input-box {
    position: relative;
}
a.detail-img {
    position: absolute;
    right: 0px;
    top: 0px;
    display: block;
    width: 350px;
    height: 150px;
    background-image: url("https://www.apdiving.com/en/configurator/config-graphic-adv.jpg");
    background-size: 350px 150px;
    background-repeat: no-repeat;
    background-position: left top;
}
ul.options-list {
    position: relative;
    width: 100%;
}
section.buttons .nav_left {
    float: left;
    margin-left: 27px;
    background-color: #404040;
    color: #FFFFFF;
    font-family: 'Helvetica W01 Roman';
    font-size: 14px;
}
section.buttons .nav_left:hover {
    background-color: #6f6f71;
    color: white;
}
section.buttons .nav_right {
    float: right;
    margin-right: 34px;
    background-color: #FFEB3B;
    color: #3C3C3C;
    font-family: 'Helvetica W01 Roman';
    font-size: 14px;
}

.nav_right::after {
    font-family:FontAwesome;
    content"\f105";
    padding-left:10px;
    font-size:inherit;
    color:inherit;
}
section.buttons .nav_right:hover {
    text-decoration: none;
    background-color: #FFEE7F;
}
#skip-instructor-notice {
    margin: 0 -7px;
    background-color: #F3F3F3;
    padding: 18px 20px 8px;
    line-height: 22px;
}
#skip-instructor-notice strong {
    font-size: 22px;
    padding-bottom: 10px;
    display: block;
}
#skip-instructor-notice p {
    margin: 15px 0px;
    font-size: 14px;
    color: #464646;
}
.inputdisabled {
    color: #ccc !important;
    border: #eee 1px solid !important;
}

.product-options dt {
    padding: 10px!important;
    font-weight: normal;
    background-color: #A0A7AB;
    border-bottom: 2px solid #fff;
    position: relative;
}

.product-options dt label {
    font-size: 14px;
    color: #fff;
    font-family: Helvetica W01 Bold;
}

.product-options dt:after {
    color: #fff !important;
}

.product-options dt.ui-state-active {
    background-color: #6E7375;
    border-bottom: 2px solid #fff !important;
}

.product-options dt.ui-state-active:after {
    color: #fff !important;
}

.ui-accordion-content-active {
    background-color:#fdfdfd;
}

.ui-state-hover { border-bottom: 2px solid #fff !important; }

.product-options ul.options-list label {
    font-weight: normal;
    font-size: 14px;
    font-family: "Helvetica W01 Bold";
    color: #636363;
}