/* ============================================================
============ Header ============

- Header Container - header module 1 column
- Header Right -
- Header Left - header logo, account links

- Nav Left - top menu
- Nav Right - search box
- Nav Lower -

============ Footer ===========

============ Misc ============

- Before Main Cont -
- After Main Cont -

============ Selected Layouts / Page Type ============

- Homepage -
- Category -
- My Account -
- FAQs -
- Topic Page
- News Article -
- Product Landing Page - 1 Column C
- Basket - 1 Column E
- OPC -
- Login - 1 Column A
- News -
- Search - 1 Column D

============================================================ */

/** Key **/

/** Anything with one forward slash and two stars is an important feature within the style sheet.
/** Media Queries are at the bottom, search for "/** Media " to find them.

/* ======================= Styling ========================== */

/** Header **/

.menu.grid_8_inner {
    padding-top: 5px;
}

.searchbox_wrapper {
    margin-top: 0px;
}

/** Footer **/
footer.catfish-footer {
    padding-top: 6rem;
}

/** Misc **/
body {
    padding: 0 !important;
}
#menurow {
    margin: 0px;
}

/* reset */

input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"] {
    max-width: 100%;
}

.layout--columnsOneA .attribute-datepicker__container {
    width: 100%;
}

.layout--columnsOneA .attribute-datepicker__container .attribute-datepicker {
    width: calc(100% - 33px);
}

/* Typography */

h3 {
    line-height: 22px !important;
    font-weight: 800;
    letter-spacing: 2px !important;
    font-size: 14px !important;
}

/* Default Buttons */

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
    background-color: #477286;
    color: #fff;
    height: auto;
    margin-left: 2px;
    margin: 0;
    padding: 0 10px;
    -o-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: none;
    width: auto;
}

/* Default inputs */

#BillingNewAddress_CountryId,
#BillingNewAddress_StateProvinceId,
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
    height: 38px;
    padding: 6px 12px;
    background-color: #fff;
    border-style: solid;
    border-width: 1px;
    border-color: #353e49;
    border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box;
    width: 100%;
}

/* Table Default */

td.item-name {
    width: 30%;
}

/** Main Styling **/

/** Homepage **/
.layout--columnOne .flex-direction-nav {
    display: none;
}
.homeFeaturedCategoriesWrapper .small-product-item .category-item .picture {
    height: 75%;
}

.homeFeaturedCategoriesWrapper
.small-product-item
.category-item
.product-title {
    height: 27%;
}

/** Catgeory page **/
.layout--columnsTwoCat .listWrapper.clearfix {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.layout--columnsTwoCat .add-info .buttons {
    text-align: center;
    margin-top: 10px;
    position: absolute;
    bottom: 11px;
    width: 100%;
    left: 0;
}
.addtocart {
    text-align: center;
    margin-top: 10px;
    position: absolute;
    bottom: 55px;
    width: 100%;
    left: 0;
}
.layout--columnsTwoCat
.category-productingrid
.allProductsCategoriesWrapper
.listItem
.product-title,
.layout--columnsTwoCat .description,
.layout--columnsTwoCat .prices {
    text-align: center;
}

.layout--columnsTwoCat
.category-productingrid
.allProductsCategoriesWrapper
.listItem {
    position: relative;
    padding-bottom: 100px;
}
.layout--columnsTwoCat .add-info.clearfix {
    width: 100%;
}

/** Product page **/

.layout--columnsOneC .product-details-page .attributeHeader {
    padding-left: 9px;
    height: 100%;
    width: 30%;
    position: absolute;
    top: 10px;
    left: 0px;
}

.layout--columnsOneC .product-details-page .attribute .textBox,
.layout--columnsOneC .product-details-page .attribute .textArea,
.layout--columnsOneC select,
.layout--columnsOneC .attribute-datepicker__container,
.layout--columnsOneC input[type="text"] {
    width: 68% !important;
}

.layout--columnsOneC .product-details-page .attribute .textBox,
.layout--columnsOneC .product-details-page .attribute .textArea,
.layout--columnsOneC select,
.layout--columnsOneC input[type="text"] {
    border: 1px solid #000;
    border-radius: 7px;
}

.layout--columnsOneC .attribute-datepicker__container .attribute-datepicker {
    width: calc(100% - 33px) !important;
}

.layout--columnsOneC .product-details-page .attribute label {
    margin-left: 5px;
}

.layout--columnsOneC .product-details-page .attribute label,
.layout--columnsOneC .product-details-page .attribute input[type="checkbox"],
.layout--columnsOneC .product-details-page .attribute input[type="radio"] {
    display: inline;
}

.layout--columnsOneC .product-details-page .attribute input[type="checkbox"],
.layout--columnsOneC .product-details-page .attribute input[type="radio"] {
    margin-left: 15px;
    margin-top: 5px;
}

.layout--columnsOneC .fileupload-buttonbar .btn,
.layout--columnsOneC .fileupload-buttonbar .toggle {
    width: 69%;
}

.layout--columnsOneC .product-details-page .fileUpload {
    width: 100%;
    background: #477286;
}

.layout--columnsOneC .producttags-box {
    display: none;
}

.layout--columnsOneC .attributeHeader br {
    display: none;
}

.layout--columnsOneC .attribute.Size {
    display: none;
}

.layout--columnsOneC .product-details-page .attribute {
    position: relative;
    float: left;
    width: 100%;
    padding-left: 30%;
}

.layout--columnsOneC .related-products-grid .listItem.grid_3 {
    width: auto;
}

.layout--columnsOneC .price {
    position: relative;
    bottom: -10px;
    display: inline-block;
}

/** Search Results **/

.layout--columnsOneD .search-results {
    margin-top: 30px;
}

.layout--columnsOneD .search-panel .listItem.grid_3 {
    min-height: 520px;
}

.layout--columnsOneD .search-panel .listItem .add-info {
    min-height: 90px;
}

/** Basket **/

.layout--columnsOneA
.grid_12.cartTableWrapper
tr.cart-item-row
td.cart--actions
div
input[type="button"] {
    margin-top: 15px;
}

.layout--columnsOneA .orderSummaryWrapper .cartTableWrapper {
    padding: 19px 19px 19px;
}

.layout--columnsOneA select#checkout_attribute_1 {
    width: 30%;
    margin-bottom: 15px;
}

.layout--columnsOneA input#discountcouponcode {
    margin-bottom: 15px;
}

/* Checkout */

.layout--columnsOneA .checkout-data li.section.active {
    display: block !important;
    border: 0px;
}

.layout--columnsOneA .checkout-data li.section {
    display: none;
}

.layout--columnsOneA .sectionheader .number {
    display: none;
}

.layout--columnsOneA .checkout-data .opc .section .step-title {
    padding: 1% 0 1% 0;
    float: none;
    border-bottom: 1px solid #ccc;
}

.layout--columnsOneA .checkout-data .opc .section .sectionheader {
    text-align: center;
    background: #ffffff;
}

.layout--columnsOneA .checkout-data .opc .section .step-title h2 {
    font-size: 30px;
}
.layout--columnsOneA .checkout-data .opc .section .shipping-option-item span {
    color: #000;
    position: relative;
}
/** Account page **/

.layout--accountPage .attribute-datepicker__container {
    width: 100%;
}

.layout--accountPage input#attribute-datepicker_DateOfBirthYear {
    width: calc(100% - 33px);
}

.layout--accountPage .account-page input[type="button"] {
    float: right;
    margin-left: 5px;
    width: 100%;
    margin-bottom: 10px;
}

.layout--accountPage #uploadControl #fileupload {
    display: inline-flex;
}

.layout--accountPage input#searchValue {
    margin-bottom: 15px;
}

.layout--accountPage .saved-projects-list {
    margin-top: 15px;
}

/** Mega Edit **/

.loadingArea .loadingLogo,
.loadingScreen .loadingLogo {
    width: 100%;
    height: 100%;
    background: url(/1044605207/Handler/CSSOverride/GetImage/3/Burble-loading-screen.png)
    no-repeat center center transparent;
}

.ME_loading_hints ul li {
    width: 100%;
    box-sizing: border-box;
    color: #fff;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    border: solid 1px #ced82a;
    margin-top: 20px;
    font-size: 14px;
    letter-spacing: 0.5px;
}

#consoleSwitch .consoleSwitchButton {
    width: 20px;
    height: 20px;
    display: block;
    border: 0 solid;
    overflow: hidden;
    text-indent: -9999px;
    background: url(/371706139/Handler/Static/Catfish.Web/Scripts/ME2k/img/svg_dark/appbar.cog.svg)
    #ced82a center center;
    background-size: 30px 30px;
}

#imageControlButtonset .ui-button:hover,
.btn-me:hover {
    background-color: #ced82a !important;
    border: solid 0 #ccc !important;
    color: #fff !important;
    box-shadow: none !important;
}

#dlgEditorSettings .SnapOptions input:checked + label.snap_to_grid {
    background-color: #477286;
    border-bottom: solid 1px #477286;
}

.ui-slider-horizontal .ui-slider-handle,
.ui-slider-vertical .ui-slider-handle {
    background: #477286 !important;
}

#dlgEditorSettings .SnapOptions input:checked + label {
    background-color: #477286;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 0 solid #d3d3d3;
    font-weight: normal;
    color: #fff;
}

#imageControlButtonset .ui-button:hover,
.btn-me:hover,
#imageControlButtonset .ui-button:hover,
.btn-me:hover,
#imageControlButtonset .ui-button:hover,
.btn-me:hover {
    background-color: #477286 !important;
    border: solid 0 #ccc !important;
    color: #fff !important;
    box-shadow: none !important;
}

.btn-primary,
.btn-success {
    color: #fff;
    background: #477286;
    border-radius: 0;
    box-shadow: none;
    border: 0;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-success:hover,
#imageControlButtonset .ui-button.ui-state-hover {
    background-color: #325160 !important;
}

button.nextStepButton.btn.btn-success.btn-lg {
    height: 47px;
    margin-bottom: 10px;
}

.btn-lg {
    padding: 2px 20px;
    font-size: 14;
    line-height: 16px;
    border-radius: 0;
    letter-spacing: 0.5px;
}

.btn-primary,
.btn-success {
    color: #fff;
    background: #325160;
    border-radius: 0;
    box-shadow: none;
    border: 0;
}

.btn-success:hover,
.btn-success:focus {
    background-color: #325160 !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 0 solid #d3d3d3;
    font-weight: normal;
    color: #fff;
}

.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-state-focus {
    background-color: #325160 !important;
}

/** Media Queries **/

@media only screen and (max-width: 1440px) {
}

@media only screen and (max-width: 1280px) {
}

@media only screen and (max-width: 1024px) {
    .layout--columnsTwoCat
    .category-productingrid
    .allProductsCategoriesWrapper
    .listItem {
        margin: 2px !important;
    }
}
@media only screen and (max-width: 959px) {
}

@media only screen and (max-width: 768px) {
    /** Product **/
    .layout--columnsOneC .product-details-page .attribute {
        padding-left: 5px;
    }
    .layout--columnsOneC .product-details-page .attributeHeader {
        width: 100%;
        position: relative;
        top: 0;
        left: 0px;
    }
    .layout--columnsOneC .product-details-page .attribute input[type="checkbox"],
    .layout--columnsOneC .product-details-page .attribute input[type="radio"] {
        display: inline-block;
        float: left;
        text-align: left;
        width: 10%;
    }
    .layout--columnsOneC .product-details-page .attribute label {
        display: block;
        width: 90%;
        text-align: left;
    }
    .layout--columnsTwoCat
    .category-productingrid
    .allProductsCategoriesWrapper
    .listItem {
        width: 49%;
    }
    .layout--columnsOneC .product-details-page .attribute input[type="radio"] {
        margin-top: 0px;
    }
}

@media only screen and (max-width: 479px) {
    .layout--columnsTwoCat
    .category-productingrid
    .allProductsCategoriesWrapper
    .listItem {
        width: 100%;
    }
}

/** mulitpart upload editor **/
.mainUITableContainer.multipartUploadContainer.multipartUploadContainerWithAttributes {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
}
.multipartUploadContainer #showPreview {
    position:relative;
    top:0px;
    left:0px;
    bottom:0px;
    right:0px;
    width:150px!important;
    margin-right:50px!important;
    margin-left:10px!important;

}
.mainUITableContainer.multipartUploadContainer.multipartUploadContainerWithAttributes .buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.mainUIParent .multiPartButton.addtobasket {
    position: relative;
    height: 35px;
    top: 0px;
    right: 0px;
    width:150px!important;
    max-width:none!important;
}

/** mulitpart upload editor
.multipart-product {
  padding-top: 3rem;
}

.multipart-product .multipart-product__inner .column.is-4,
.multipart-product .multipart-product__inner .column.is-8 {
  width: 100%;
  position: relative;
  display: inline-block;
}

.multipart-product .upload span,
.multipart-product .ImgPlugPaging span {
  background: #477286;
}

.multipart-product
  .multipartUploadContainer
  .multiPartContainer
  .multiPartList
  .multiPartItem,
.multipart-product
  .multipartUploadContainer.multipartUploadContainerWithAttributes {
  width: 100%;
  margin: 0px;
}

.multipart-product
  .multipartUploadContainer
  .multiPartContainer
  .multiPartList
  .multiPartItem
  .fileDelete {
  top: -25px;
}

.multipart-product .mainUIParent #showPreview,
.mainUIParent #previewAreaContainer .addtobasket.multiPartButton,
.mainUIParent #previewAreaContainer .gobackButton.multiPartButton {
  background: #477286;
  color: white;
}

.multipart-product .mainUIParent .gobackButton.multiPartButton {
  left: 0px;
}

.multipart-product .mainUIParent .addtobasket.multiPartButton {
  right: 0px;
}

.multipart-product .multiPartProductAttributes {
  width: 100%;
}
.multipart-product .WorkingFolderInfo {
  padding-top: 3rem;
}

.multipart-product .multipartUploadContainer #showPreview {
  margin-left: 0px !important;
  transform: translateX(-50%);
}
**/

#album .photoalbum__header--right .photoalbum__options .album__options__popup {
    left: 0;
    right: unset;
    transform: translateX(-100%);
}

.albumManagementContainer > .label {
    color: black;
}