.add-image-method.my-computer {
    display: none;
}

@media only screen and (max-width: 767px) {
    #page-sidebar, #page-content {
        display: block;
        position: relative;
        width: 100% !important;
        clear: both;
        top: 0;
        right: 0;
        overflow: visible;
    }

    #add-to-cart {
        display: block;
        width: 90%;
    }

    .columns .column.main {
        width: 100%;
        padding: 6px;
    }

    #page-content > div, #page-content {
        max-height: 300px;
    }

    section#page-sidebar::after {
        content: "";
        background: transparent;
        width: 100%;
        height: 400px;
        position: absolute;
    }

    .box.expando > header {
        background-position: 260px !important;
    }

    .styled-select {
        background-position: 240px !important;
    }

}

body {
    color: #00539F;
}

.resize-handle {
    display: none !important;
}

#page-sidebar {
    border: solid 1px #d5dbde;
    width: 305px;
}

#page-sidebar .box {
    border: none;
    border-bottom: solid 1px #d5dbde;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0 0 5px 0;
    margin: 15px;
}

#page-sidebar .box div.expando-in {
    color: #00539F;
}

#page-sidebar .box img.expando-in,
#page-sidebar .box img.expando-out {
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    padding-left: 24px;
    overflow: hidden;
    background: transparent url("images/up-small-icon.png") 50% 50% no-repeat scroll;
}

#page-sidebar .box img.expando-in {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.expando h1 a, .expando h1 a:visited {
    color: #00539F;
    text-align: left;
}

#add-image {
    background: transparent url("images/upload-photos.png") 50% 50% no-repeat scroll;
    width: 214px;
    height: 40px;
    background-size: auto;
    border: none;
}

#add-image > div {
    display: none;
}

#current-image-area-container > div.buttons {
    margin-bottom: 5px;
}

.controls button {
    width: 40px;
    height: 40px;
    border: none;
    background-size: auto;
}

.controls td {
    padding: 3px;
}

.controls button.zoom-in {
    background-image: url("images/plus-icon.png");
}

.controls button.zoom-out {
    background-image: url("images/minus-icon.png");
}

.controls button.reset {
    background: transparent url("images/cross-icon.png") 50% 50% no-repeat scroll;
    background-size: 33px;
    display: none;
}

.controls button.rotate-left {
    background-image: url("images/rotate.png");
}

.controls button.rotate-right {
    background-image: url("images/rotate.png");
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.controls button.move-up {
    background-image: url("images/up-icon.png");
}

.controls button.move-down {
    background-image: url("images/down-icon.png");
}

.controls button.move-left {
    background-image: url("images/left-icon.png");
}

.controls button.move-right {
    background-image: url("images/right-icon.png");
}

.controls button.reset-full {
    background-image: url("images/cross-icon.png");
}

input, select {
    height: 30px;
    vertical-align: middle;
}

.colour-panel {
    max-height: 200px;
}

.colour-box {
    width: 34px;
    height: 34px;
}

#page-sidebar #add-to-cart > header > h1 {
    width: 228px;
    height: 40px;
    background: transparent url("images/add-to-basket.png") 50% 50% no-repeat scroll;
    margin: 20px auto 10px auto;
}