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: #ddd;
    color: #6f6f71
}

#page_container {
    background-color: #fff;
    padding-top: 14px;
    width: 998px;
    margin: 0 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: 400;
    line-height: 39px
}

#search_form hr {
    width: 970px;
    height: 0;
    font-size: 0;
    background-color: #fff;
    display: block;
    border: none;
    padding: 14px 0 0;
    margin: 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 0;
    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: #fd0
}

#search_form .choice_button:hover {
    border-bottom: 2px solid #000
}

.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: 400;
    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: 0 -5px 12px -7px rgba(0, 0, 0, .34);
    -moz-box-shadow: 0 -5px 12px -7px rgba(0, 0, 0, .34);
    box-shadow: 0 -5px 12px -7px rgba(0, 0, 0, .34)
}

#configurator_tabs li span.active {
    background-color: #fff;
    color: #000;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    -webkit-box-shadow: 0 -5px 12px -7px rgba(0, 0, 0, .34);
    -moz-box-shadow: 0 -5px 12px -7px rgba(0, 0, 0, .34);
    box-shadow: 0 -5px 12px -7px rgba(0, 0, 0, .34)
}

#configurator {
    position: relative
}

#configurator>div {
    margin-bottom: 50px;
    border: 1px solid #e6e6e6;
    margin-top: -1px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 5px 12px -7px rgba(0, 0, 0, .34);
    -moz-box-shadow: 0 5px 12px -7px rgba(0, 0, 0, .34);
    box-shadow: 0 5px 12px -7px rgba(0, 0, 0, .34)
}

#product-options-wrapper {
    width: 610px
}

#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: 0 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;
    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: 400
}

dt,
dd {
    position: relative
}

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

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

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

dd {
    background-color: silver!important
}

dd .input-box {
    padding: 10px 20px
}

dd {
    height: 170px
}

.ui-accordion .ui-accordion-header {
    margin-top: 2px
}

.ui-accordion .ui-accordion-content {
    padding: 0;
    margin: 0
}

span.label {}

span.label.disabled label {
    color: #ccc
}

p.explain {
    margin-top: 10px;
    color: red
}

span.total-price {
    font-weight: 700;
    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: 400;
    font-family: helvetica w01 bold
}

span.total-price span.sub-total {
    display: block;
    text-align: left;
    font-size: 12px;
    font-weight: 400
}

.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: 400;
    margin-left: 20px;
    font-size: 14px;
    font-family: helvetica w01 roman
}

#configurator select {
    background: transparent;
    -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: 0;
    top: 0;
    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: #fff;
    font-family: helvetica w01 roman;
    font-size: 14px
}

section.buttons .nav_left:hover {
    background-color: #6f6f71;
    color: #fff
}

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 0;
    font-size: 14px;
    color: #464646
}

.inputdisabled {
    color: #ccc!important;
    border: #eee 1px solid!important
}