/*
Custom vertical accordian css
@author Alex Fraundorf - AlexFraundorf.com - SnapProgramming.com custom written for
@copyright 5 happiness webmaster - 5happy.com
@version 11/03/2015
@since 05/11/2014
*/


html {
    height: 101%;
    -webkit-text-size-adjust: 100%;
}


.va-slice h2 {
    margin:0 auto;
    padding-top: 5px;
    font-weight: normal;
    min-height: 47px;
}


/* prevent default link colors */
a:link, a:visited, a:hover {
    color: inherit;
}


.error {
    text-align: center;
    font-size: 16px;
    color: #000000;
    font-weight: bold;
}

/*
Content wrapper
*/
#one-page-shopping-cart-wrapper {
    min-height: 750px;
}

/*
Main accordian wrapper
*/
#vert-accordion {
    max-width: 900px;
    margin: 0 auto;
    padding: 0;
    margin-bottom: 3em;
    font-family: NeoTech;
    /* use a negative top margin to counteract the padding in .GeneralContainer */
    margin-top: -15px;
}

/*
Accordian slices
*/
.va-slice {
    margin: 20px 0 0 0;
    padding: 0;
    min-height: 30px;
    text-align: center;
    border-radius: 15px;
}

/*
Hide accordian content by default
*/
.va-slice .va-content {
    display: none;
}

/*
Disabled slices
*/
.disabled {
    /*
    background-color: #D8D8D8;
    */
    opacity: 0.6;
    /* So the user knows they can click it */
    cursor: pointer;
    /* added these styles 08/26/2014 */
    border-bottom: rgb(147, 149, 152) solid 1px;
    border-radius: 0;
    width: 100%;
}

/*
Horizontal menus
*/
ul.horizontal-menu li {
    text-decoration: none;
    display: inline-block;
    margin: 0 auto;
    overflow: hidden;
}

#va-slice-1 .horizontal-menu li {
    width: 30%;
    min-width: 200px;
    height: 129px;
}

#va-slice-2 .horizontal-menu li {
    width: 19%;
    min-width: 104px;
    height: 138px;
}

.step-2-image-wrapper {
    display: inline-block;
    height: 104px;
    width: 100%;
    min-width: 150px;
    vertical-align: bottom;
}

#va-slice-3 .horizontal-menu li {
    width: 23%;
    min-width: 205px;
    height: 150px;
}

.step-3-image-wrapper {
    display: inline-block;
    height: 104px;
    width: 100%;
    min-width: 190px;
    overflow: hidden;
}

.step-3-image {
    max-width: 188px;
    max-height: 104px;
}


/*
Step 4 (Item Details) Header
*/
#step-4-header img {
    margin: 0 10% 10px 0;
    text-align: center;
    max-width: 30%;
    max-height: 300px;    
}

#step-4-header .image-wrapper img {
    margin: 0 auto;
    max-width: 95%;
    max-height: 350px;
}

#step-4-header div {
    text-align: left;
    display: inline-block;
    width: 34%;
}
/*
Step 4 form check boxes
*/
.item-wrapper {
    max-width: 650px;
    border: #aeaeae solid 1px;
    border-radius: 15px;
    padding: 15px 35px 35px 35px;
    margin: 0 auto;
    margin-bottom: 10px;
    text-align: left;
}
h4.service-checkbox {
    margin: 0;
    text-align: left;
    padding: 0 0 5px 0;
    cursor: pointer;
}
h4.service-checkbox span:hover {
    background-color: #FFFFC0;
}
.item-wrapper .item-details {
    text-align: left;
    padding: 10px;
    display: none;
}
#available-services {
    margin-bottom: 35px;
}
.item-wrapper ul {
    margin: -18px 0 -18px 50px;
}
.item-wrapper ul li {
    text-align: left;
}
.item-wrapper ul br {
    display: none;
}
.item-wrapper h3 {
    
    border-bottom: 1px solid #CCC;
}

/*
Step 5 (Service Details) Products
*/
.product-wrapper h4 {
    margin: 35px 0 -5px 0;
    color: #D02128;
}

.product-inner-wrapper {
    border: #aeaeae 1px solid;
    border-radius: 10px;
    padding: 25px;
    margin: 5px auto;
    text-align: left;
}

.product-inner-wrapper div {
    margin-bottom: 15px;
}

h3.service-title {
    margin: 25px 0 0 0;
}


/*
Expand step 1 by default - starting point
*/
#va-slice-1 .va-content {
    display: block;
}


/*
Hide future slices initially
*/
.initial-hide {
    display: none;
}


/*
Buttons
*/   
.section-footer {
    display: inline-table;
    margin: 0 auto;
}

.button2 {
    display: table-cell;
    padding: 0 10px 0 10px;
    height: 48px;
    vertical-align: top;
}

/*
.section-footer .button {
    display: inline-block;    
    margin: 0px 10px 0px 10px;
    position: relative;
    top: 0;
    float: left;
    height: 48px;
}
*/

.section-footer a {
    display: inline-block;
}

/*
Button background images
*/
.background-button {
    display: inline-block;
    width: 144px;
    height: 48px;
    margin: 0;
    padding: 0;
    color: #626260;
    text-align: center;
    font-size: 12px;
    overflow: hidden; /* to prevent content from breaking line and dropping height of element */
}

.back-button {
    background-image: url('../images/button_go_back.png');
}

.view-cart-button {
    background-image: url('../images/button_view_cart.png');
}

.view-cart-button span {
    display: inline-block;
    margin: 3px 0 0 75px; /* to position text overlay */
    color: #65AB2D;
    font-size: 20px;
    font-weight: 900;
    background-color: rgba(255, 255, 255, .6);
    padding: 0px 5px 2px 5px;
    border-radius: 12px;
}

.check-out-button {
    background-image: url('../images/button_check_out.png');
}

/*
Wrapper for cart buttons on early steps - hide by default - show if going back and cart is not empty
*/
.cart-buttons {
    display: none;
}

/*
Loader gif
*/
/*
#loader {
    text-align: center;
    display: none;
}
*/

/*
Added to cart message dialog
*/
.dialog-content h5 {
    margin: 0;
    padding: 0;
    font-size: medium;
    font-weight: bold;
}
.dialog-content p {
    margin: 0;
    padding: 0;
    text-align: left;
}


/*
UI for dialog overlay close controls
*/
.close-dialog {
    cursor: pointer;
}


/*
No text wrap support
*/
.no-wrap {
    white-space: nowrap;
}


/*
UI for remove item controls
*/
.remove-item {
    cursor: pointer;
}


/*
Parts - Step 4
*/

.part-wrapper {
    display: table;
    width: 95%;
    margin: 15px 3% 10px 3%;
    padding: 20px 10px 10px 10px;
    border-top: rgb(147, 149, 152) solid 1px;
    vertical-align: top;
    font-size: 14px;
}


.part-inner-wrapper {
    display: table-row;
    width: 100%;
}

.part-image-wrapper {
    display: table-cell;
    max-width: 145px;
    margin: 0 10px 0 7px;
}

.part-image-wrapper img {
    max-width: 140px;
    vertical-align: top;
}

.part-large-image-wrapper {
    display: table-cell;
    max-width: 500px;
    width: 500px;
    margin: 0 10px 0 7px;
}

.part-large-image-wrapper img {
    max-width: 495px;
    width: 495px;
    vertical-align: top;
}

.part-wrapper .main-part-wrapper-wrapper {
    display: table-cell;
    padding: 0;
    vertical-align: top;
}

.part-wrapper .main-part-wrapper {
    display: table;
    width: 100%;
}

.part-wrapper .row-wrapper {
    display: table-row;
}

.part-wrapper .left-main-part-wrapper {
    display: table-cell;
}

.part-wrapper .right-main-part-wrapper {
    display: table-cell;
}

.part-wrapper .part-details-wrapper {
    display: block;
}

.part-product-name {
    font-size: 15px;
    margin: 3px 0 3px 0;
    text-align: left;
}

.part-part-number {
    font-size: small;
    text-align: left;
}

.part-price {
    font-size: 15px;
    font-weight: bold;
}

.part-quantity-wrapper {
    display: inline-block;
    text-align: center;
    vertical-align: top;
}

img.add-part-to-cart {
    display: inline-block;
    max-width: 95px;
    margin: 0 5px 0 10px;
}

.part-details {
    display: none;
}

.part-no-details {
    font-size: small;
}

/*
Cart Controls
*/

.edit-qty {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0;
    border: 0;
    margin-left: 20%;
    cursor: pointer;
}

.save-qty {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0;
    border: 0;
    margin-left: 5%;
    cursor: pointer;
}

.remove-item {
    width: 16px;
    height: 16px;
    margin: 0;
    border: 0;
    cursor: pointer;
}

.limited_qty {
    font-size: small;
    color: #CC0000;
}

.step4-model-blurb {
    vertical-align: top;
}

.success {
    text-align: center;
    color: #009900;
}

.clear {
    clear: both;
}