@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'HelveticaNeueLTStd-LtCn';
    src: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/2/HelveticaNeueLTStd-LtCn.eot?#iefix') format('embedded-opentype'),
    url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/2/HelveticaNeueLTStd-LtCn.otf') format('opentype'),
    url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/2/HelveticaNeueLTStd-LtCn.woff') format('woff'),
    url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/2/HelveticaNeueLTStd-LtCn.ttf') format('truetype'),
    url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/2/HelveticaNeueLTStd-LtCn.svg#HelveticaNeueLTStd-LtCn') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    background: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    line-height: 13pt;
    color: #333333;
    /*background-image:url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/2/rehau_bkg.jpg');*/
    background-size: 2810px;
    background-position: top center;
    background-repeat: no-repeat;
}

h1 {
    font-size: 26pt;
    line-height: 31pt;
    color: #B0356A;
    font-family: 'HelveticaNeueLTStd-LtCn';
}

h2 {
    font-size: 16pt;
    line-height: 14pt;
    color: #779665;
    font-family: 'HelveticaNeueLTStd-LtCn';
}

h3 {
    font-size: 13pt;
    line-height: 16pt;
    color: #333333;
    font-family: 'HelveticaNeueLTStd-LtCn';
}

p {
    font-size: 11pt;
    line-height: 13pt;
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
}

.row {
    background: #fff;
    border-left: solid 10px #fff;
    border-right: solid 10px #fff;
}

#toprow {
    z-index: 20;
    position: relative;
    background: #fff;
    height: 60px;
    border: none;
}

#logorow {
    margin-top: 0px;
    margin-bottom: 0px;
    background: #fff;
    border: none;
}

#logorow .grid_12,
#toprow .grid_8 {
    display: block;
    float: none;
    position: relative;
    margin: 0 auto;
    overflow: visible;
}

#logorow .grid_12,
#toprow .grid_8 {
    width: 1190px;
    padding-top: 15px;
}

@media only screen and (max-width: 1200px) and (min-width: 960px) {

    #logorow .grid_12,
    #toprow .grid_8 {
        width: 950px;
    }
}

@media only screen and (max-width: 959px) and (min-width: 768px) {

    #logorow .grid_12,
    #toprow .grid_8 {
        width: 758px;
    }
}

@media only screen and (max-width: 767px) and (min-width: 480px) {

    #logorow .grid_12,
    #toprow .grid_8 {
        width: 456px;
    }
}

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

    #logorow .grid_12,
    #toprow .grid_8 {
        width: 300px;
    }
}

/* Header */
.logo {
    position: relative;
    float: left;
}

.logo img {
    width: 150px;
    margin-top: 5px;
    margin-left: 20px;
}

.searchbox_wrapper {
    background: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/2/bt-search-png-data.png');
    position: relative;
    float: right;
    background-repeat: no-repeat;
    background-position: right;
    background-size: auto;
    width: 161px;
    overflow: hidden;
    height: 28px;
}

.searchbox_wrapper .searchbutton {
    opacity: 0;
    padding: 0px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    width: 29px;
}

.searchbox_wrapper .searchbox {
    position: absolute;
    padding: 0px;
    width: 127px;
    height: auto;
    top: 0px;
    left: 6px;
    bottom: 0px;
    font-size: 10pt;
    background: transparent;
    border: none;
    height: 27px;
    vertical-align: middle;
}

.header-links-wrapper {
    position: relative;
    float: right;
    font-family: 'HelveticaNeueLTStd-LtCn';
    margin-top: 6px;
}

.adminlinks {
    padding: 0px;
    border-top: none;
    background: none;
}

.adminmenu li {
    display: inline;
    padding: 0px;
    margin: 0;
}

.adminlinks a {
    color: #999999;
    margin-right: 20px;
    font-size: 11pt;
    text-transform: uppercase;
}

.adminlinks .cf_headerlinks_shoppngcart .ico-cart {
    margin-right: 0px
}

/* #logorow .navigationmenu h6 { display:none;}
#logorow .navigationmenu {
    position: relative;
    float: left;
    width: 100%;
    padding-left: 150px;
    box-sizing: border-box;
    overflow: visible;
	min-height: 0px;
	    background: none;
}
#logorow .navigationmenu ul {
    position:relative;
    float:left;
    width:100%;
    padding:0px;
    margin:0px;
	text-align:right;
	border:none;
}
#logorow .navigationmenu ul li {
    display: inline-block;
    text-align: left;
    border: none;
    color: #333333;
    height: auto;
    line-height: initial;
    margin-right: -3px;
}

#logorow .navigationmenu li a {
    color: #333333;
    display: inline-block;
    padding: 0px;
    font-family: 'HelveticaNeueLTStd-LtCn';
    font-size: 15pt;
    white-space: nowrap;
    max-width: 86px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    padding-top: 15px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 5px;
    border-left: solid 1px #dadada;
}
#logorow .navigationmenu li:first-child a { border:none;}
#logorow .navigationmenu li:hover a {} */

.static_top {
    position: relative;
    float: right;
}

.static_top ul {
    position: relative;
    float: left;
    margin-bottom: 0px;
}

.static_top ul li {
    position: relative;
    float: left;
}

.static_top ul li a,
#logorow .navigationmenu h6 {
    font-size: 14pt;
    color: #333;
    margin-right: 20px;
    font-family: 'HelveticaNeueLTStd-LtCn';
    padding: 12px;
    border-left: solid 1px #ccc;
    line-height: 18px;
    box-sizing: border-box;
    margin: 0px;
    display: inline-block;
    height: auto;
    text-decoration: none;
}

.static_top ul li:first-child a {
    border: none;
}

#logorow .clear {
    display: none;
}

#logorow .navigationmenu h6 {
    color: #D13D73;
}

#logorow .navigationmenu:hover h6 {
    color: #fff;
    background: #D13D73;
}

#logorow .navigationmenu {
    position: relative;
    float: right;
    min-height: 0px;
    height: 41px;
    font-family: 'HelveticaNeueLTStd-LtCn';
    background: none;
    margin-bottom: 0px;
    z-index: 10;
}

#logorow .navigationmenu ul {
    border: none;
    background: #fff;
    margin: 0px;
    margin-left: -118px;
    max-height: 0px;
    overflow: hidden;
    padding-bottom: 0px;
}

#logorow .navigationmenu:hover ul {
    max-height: 1000px;
    border: solid 1px #ccc;

}

#logorow .navigationmenu ul li {
    border: none;
}

#logorow .navigationmenu li a {
    text-align: right;
    color: #999999;
    font-size: 12pt;
}

#logorow .navigationmenu li:first-child a {}

#logorow .navigationmenu li:hover a,
.static_top ul li:hover a {
    color: #fff;
    background: #D13D73;
}

.row {
    background: #fff;
}

.menuwrapper {
    display: none;
}

#menurow {
    padding-bottom: 450px;
    background: none;
    border: none;
}

#sliderrow {
    margin-bottom: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
    padding: 0px;
    height: 660px;
    z-index: -1;
}

#sliderrow>.grid_12 {
    position: absolute;
    width: 100%;
    margin: 0px;
    padding: 0px;
    height: 100%;
    top: 0px;
    left: 0px;
}

#sliderrow .flexslider .slides>li {
    height: 660px;
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#sliderrow .flexslider .slides>li .grid_12 {
    height: 440px;
    margin-top: 110px;
    float: left;
    left: 50%;
    display: block;
    position: relative;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.bestsellers h3,
.featuredproducts h3 {
    font-size: 26pt;
    line-height: 31pt;
    color: #333;
    margin-bottom: 10px;
    margin-top: 10px;
}

.bestsellers h3 {
    padding-left: 8px;
}

.banner {
    margin-bottom: 4px;
}

.adminmenu li.cf_headerlinks_privatemessages {
    display: none;
}


/* Footer */

footer .row {
    background: #e8e8e8;
    border-color: #e8e8e8;
}

#footerrow {
    background: none;
    color: #333;
    margin-top: 0px;

}

.footercopyrightrow {
    background: none;
    color: #fff;
    border: none;
}

.footerinner {
    background: none;
}

/* homepage categories */
.homePageCategories {}

.listItem {
    box-sizing: border-box;
    margin-bottom: 20px;
    padding: 10px;
}

.listItem .product-title {
    font-family: 'HelveticaNeueLTStd-LtCn';
    font-size: 17pt;
    margin-bottom: 10px;
    line-height: 20pt;
}

.listItem .product-title a {
    color: #D13D73;
}

.homePageCategories .listItem .picture {}

.homePageCategories .listItem .category-short-description {
    display: block !important;
    color: #999999;
    height: 70px;
    font-size: 11pt;
    line-height: 15pt;
    margin-top: 10px;
}

.footercopyright {
    float: left;
    padding: 5px;
    line-height: 20px;
    color: #333;
    font-size: 9pt;
    margin-bottom: 20px;
    margin-top: 10px;
    font-family: sans-serif;
}

.footerinner h3 {
    font-size: 12pt;
    text-transform: uppercase;
    font-weight: bold;
}

.footerinner ul {
    border: none;
}

.footerinner li {
    padding-left: 3px;
    border: none;
    line-height: 14pt;
    color: #6d6d6d;
}

.footerinner li:before {
    font-family: FontAwesome;
    content: "\f0da";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
}

.footerinner li a {
    color: #6d6d6d;
    display: inline-block;
    padding-top: 1px;
    padding-right: 6px;
    padding-bottom: 1px;
    padding-left: 6px;
    font-size: 10pt;
}

.footerinner li a:hover {
    background: none;
    text-decoration: underline;
}

.social_links {
    margin-left: 10px;
}

.social_links img:hover {
    opacity: .7;
}

.footercopyrightinner .grid_8,
.footercopyrightinner .grid_4 {
    position: relative;
    float: left;
    width: 100%;
    margin: 0px;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
}

.footersmalllogo {
    padding: 0px;
}

.footercopyright h3 {
    margin-bottom: 3px;
    font-family: sans-serif;
    font-weight: bold;
    font-size: 14px;
}

/* Category Page */
.allProductsCategoriesWrapper .listItem {
    box-sizing: border-box;
    margin-bottom: 0px;
    padding: 0px;
}

.allProductsCategoriesWrapper .listItem .product-title a {
    color: #333;
    font-size: 14pt;
}

.allProductsCategoriesWrapper .listItem .product-title {
    font-family: 'HelveticaNeueLTStd-LtCn';
    font-size: 17pt;
    margin-bottom: 4px;
    margin-top: 10px;
    color: #333;
}

.FiltersWrapper {
    padding: 0px;
    background: none;
}

.allProductsCategoriesWrappe .listWrapper .item-box,
.search-results .item-box {
    border: none;
    background: #F9F9F9;
}

.allProductsCategoriesWrapper {
    background: #fff;
    border: none;
    margin-bottom: 20px;
}

.category-description {
    font-size: 14px;
    color: #333;
    font-weight: normal;
    margin-bottom: 0px;
}

.breadcrumb {
    background: none;
    border: none;
    padding: 3px;
    margin-bottom: 10px;
    margin-top: 10px;
}

#contentiInnerRow .navigationmenu,
.block-account-navigation {
    background: none;
    color: #333;
    margin-bottom: 10px;
}

#contentiInnerRow .navigationmenu li a,
.block-account-navigation li a {
    color: #333;
    display: inline-block;
    padding-top: 6px;
    padding-right: 6px;
    padding-bottom: 6px;
    padding-left: 2px;
    background: none;
    font-size: 11pt;
    overflow: hidden;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    max-width: 90%;
    font-family: sans-serif;
}

#contentiInnerRow .navigationmenu li,
.block-account-navigation li {
    border: none;
    padding-left: 7px;
}

#contentiInnerRow .navigationmenu li:hover,
.block-account-navigation li:hover,
#contentiInnerRow .navigationmenu li.active,
.block-account-navigation li.active {
    background: #D13D73;
    color: #fff;
}

#contentiInnerRow .navigationmenu li a:hover,
.block-account-navigation li a:hover,
#contentiInnerRow .navigationmenu li.active a,
.block-account-navigation li.active a,
#contentiInnerRow .navigationmenu li:hover a,
.block-account-navigation li:hover a {
    background: none;
    text-decoration: none;
    color: #fff;
}

#contentiInnerRow .navigationmenu li:before,
.block-account-navigation li:before {
    font-family: FontAwesome;
    content: "\f0da";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
}

#contentiInnerRow .navigationmenu h6,
.block-account-navigation .title {
    padding: 10px;
    margin: 0;
    font-size: 22px;
    font-family: 'HelveticaNeueLTStd-LtCn';
    color: #D13D73;
    margin-top: 5px;
}

#contentiInnerRow .navigationmenu ul,
.block-account-navigation ul {
    margin: 0px 10px 0 5px;
    padding-bottom: 10px;
    font-size: 12px;
    border-top: none;
}

.listWrapper .item-box,
.search-results .item-box {
    border: none;
}

.product-grid .add-info .prices,
.product-grid .add-info .productlistproductdetailbutton {
    padding: 6px;
    font-size: 11pt;
    font-family: sans-serif;
    box-sizing: border-box;
    height: auto;
    line-height: 12pt;
}

.product-grid .description {
    line-height: 13pt;
    color: #999;
}

.basketEditButton,
.editoractionbutton,
.saveCommentButton,
.downloadPDFProof,
.addnewfriendcomment,
#create-button,
.startYBPreview,
.bookoptions button,
.saveYearbookSettings,
.editBookUnitSave,
.saveSelectedTemplateAction,
.createBookUnitSave,
.addNewQuestion,
.createBookUnitAction,
.add-contributors-button,
.update-button,
#newAlbum,
#markerControls button,
.registerbutton,
.file-upload-button,
.facebookbutton,
.report-action,
.loginbutton,
.continueshoppingbutton,
.addaddressbutton,
.saveaddressbutton,
.changepasswordbutton,
.registernextstepbutton,
.productlistproductdetailbutton,
.productvariantaddtocartbutton,
.editaddressbutton,
.orderdetailsbutton,
.productwritereviewbutton,
.savecustomerinfobutton,
.product-grid .productlistaddtocartbutton,
.checkoutbutton,
.checkout-data .opc .section .newaddressnextstepbutton,
.checkout-data .opc .section .shippingmethodnextstepbutton,
.checkout-data .opc .section .paymentmethodnextstepbutton,
.checkout-data .opc .section .paymentinfonextstepbutton,
.checkout-data .opc .section .confirmordernextstepbutton,
.order-progress ul li a.active-step,
.checkout-data .opc .section .sectionheader .number,
.orderprocessedcontinuebutton,
#AddressSearch .searchButton,
.orders_v2 .order_container .order_show_details_but,
.orders_v2 .reorderbutton,
.orders_v2 .order_products_list .order_prod_total,
#order_details_v2 .od_order_total,
#order_details_v2 .od_reorder .od_reorder_button,
#order_details_v2 .od_products_container .od_product_box .od_product_total,
#order_details_v2 .od_print_button,
.orders_v2 .order_search .order_search_button {
    background-color: #D13D73;
}

/*Add your button color above*/


.addToBasket,
.saveChanges,
.printItem,
.emailItem,
#UploadButtonArea .button,
.pageListPageItem.highlight {
    background-color: #D13D73 !important;
}

/*Add your button color above*/


.basketEditButton:hover,
.editoractionbutton:hover,
.saveCommentButton:hover,
.downloadPDFProof:hover,
.addnewfriendcomment:hover,
#create-button:hover,
.startYBPreview:hover,
.bookoptions button:hover,
.saveYearbookSettings:hover,
.editBookUnitSave:hover,
.saveSelectedTemplateAction:hover,
.createBookUnitSave:hover,
.addNewQuestion:hover,
.createBookUnitAction:hover,
.add-contributors-button:hover,
.update-button:hover,
#newAlbum:hover,
#markerControls button:hover,
.registerbutton:hover,
.file-upload-button:hover,
.facebookbutton:hover,
.report-action:hover,
.loginbutton:hover,
.continueshoppingbutton:hover,
.addaddressbutton:hover,
.saveaddressbutton:hover,
.changepasswordbutton:hover,
.registernextstepbutton:hover,
.productlistproductdetailbutton:hover,
.productvariantaddtocartbutton:hover,
.editaddressbutton:hover,
.orderdetailsbutton:hover,
.productwritereviewbutton:hover,
.savecustomerinfobutton:hover,
.product-grid .productlistaddtocartbutton:hover,
.checkoutbutton:hover,
.checkout-data .opc .section .newaddressnextstepbutton:hover,
.checkout-data .opc .section .shippingmethodnextstepbutton:hover,
.checkout-data .opc .section .paymentmethodnextstepbutton:hover,
.checkout-data .opc .section .paymentinfonextstepbutton:hover,
.checkout-data .opc .section .confirmordernextstepbutton:hover,
.orderprocessedcontinuebutton:hover,
#AddressSearch .searchButton:hover,
.orders_v2 .order_container .order_show_details_but:hover,
.orders_v2 .reorderbutton:hover,
#order_details_v2 .od_reorder .od_reorder_button:hover,
#order_details_v2 .od_print_button:hover,
.orders_v2 .order_search .order_search_button:hover {
    background-color: #C76588;
}

/*Add your button hover color above*/


.addToBasket:hover,
.saveChanges:hover,
.printItem:hover,
.emailItem:hover,
#UploadButtonArea .button:hover,
.pageListPageItem.highlight:hover {
    background-color: #C76588 !important;
}

/*Add your button hover color above*/


.basketUpdatecartbutton,
.amendYBbutton,
.delete-button,
.delete-question-button,
.createBookUnitCancel,
.editBookUnitCancel,
.updatecartbutton,
.deleteaddressbutton,
.canceladdressbutton {
    background: #D13D73;
}

/*Add your important button color above*/
.basketUpdatecartbutton:hover,
.amendYBbutton:hover,
.delete-button:hover,
.delete-question-button:hover,
.createBookUnitCancel:hover,
.editBookUnitCancel:hover,
.updatecartbutton:hover,
.deleteaddressbutton:hover,
.canceladdressbutton:hover {
    background: #C76588;
}

/* Catfish editor override */
/* Tool titles */
.imageControlsTitle,
#scaleControls,
#rotateControls,
#translateControls {
    background: #333 !important;
    color: #fff !important;
}

/* Tools buttons */
#scaleButtons,
.rotatewrapper,
.pageZoomButtons,
.translationContainer .up,
.translationContainer .left,
.translationContainer .right,
.translationContainer .down,
.resetImage,
.clearImage,
.pageZoomReset button {
    background: #D13D73 !important;
    color: fff !important;
}

#scaleButtons,
.rotatewrapper,
.pageZoomButtons,
.resetImage,
.clearImage,
.pageZoomReset button,
.imageControlsTitle {
    border-radius: 0px !important;
}

.blockOverlay {
    opacity: 1 !important;
    background-color: rgb(255, 255, 255) !important;
    border-radius: 0px !important;
}

#scaleControls,
#rotateControls,
#translateControls {
    border-radius: 0px !important;
}

.pageListPageItem.highlight,
.addToBasket,
.saveChanges,
.printItem,
.emailItem,
#UploadButtonArea .button,
.editorbackbutton {
    background-color: #D13D73 !important;
    color: #fff !important;
}

.pageListPageItem.highlight:hover,
.addToBasket:hover,
.saveChanges:hover,
.printItem:hover,
.emailItem:hover,
#UploadButtonArea .button:hover,
.editorbackbutton:hover {
    background-color: #C76588 !important;
}

.blockOverlay {
    opacity: 1 !important;
    background-color: rgb(238, 238, 238) !important;
    border-radius: 5px;
}

.editorScaffolderDefault {
    border-radius: 0px !important;
    border: none !important;
    background: #FFF !important;
}

.editor_row {
    background: #F9F9F9 !important;
}

.pageTools button:hover {
    background-color: rgba(255, 255, 255, .1);
}

/* Product Landing page */

.product-essential {
    position: relative;
    float: left;
    width: 48%;
}

.product-essential .pageflip-container {
    padding-top: 0px;
}

.product-essential #pageflip-controls {
    position: absolute;
    bottom: 0px;
    padding: 8px 0 0px;
}

.product-collateral {
    position: relative;
    float: right;
    width: 50%;
    padding: 5px;
    box-sizing: border-box;
    padding-left: 0px;
    /* background-image:url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/2/360Performance Logo_RGB_50op.jpg'); */
    background-position: top left;
    background-size: 26%;
    background-repeat: no-repeat;
}

.overview .add-info {
    float: right;
}

.overview .price {
    margin: 10px;
    text-align: right;
    font-size: 18pt;
    margin-top: 40px;
}

#contentrow {
    margin-bottom: 0px;
}

.acentcolour {
    color: #D13D73;
}

.overview .shortdescription {
    margin-bottom: 10px;
    border-bottom: none;
    padding-bottom: 0px;
}

#contentiInnerRow {
    padding-bottom: 20px;
}

.order-progress {
    background: none;
    display: none;
}

.basketUpdatecartbutton,
.basketEditButton {
    margin: 0 0 5px 0;
    width: 70px;
}

.continueshoppingbutton,
.checkoutbutton {
    box-sizing: border-box;
    height: 33px;
}

.cart-item-row .end .productPrice {
    color: #D13D73;
}

.cart-total {
    border: none;
}


/*Account Page */
.register-title,
.login-title,
.section-title {
    padding: 2px;
    color: #D13D73;
    font-size: 14pt;
}

.orders_v2 .orders_page_title,
.orders_v2 .order_q_info .order_title,
.orders_v2 .order_q_info .order_info .o_data,
.orders_v2 .order_f_info .order_title,
.orders_v2 .order_products_list .order_prod_name,
#order_details_v2 .od_title,
#order_details_v2 .od_info_box .od_info_title,
#order_details_v2 .od_products_title,
#order_details_v2 .od_notes_title,
#order_details_v2 .od_product_box .od_field_title {
    color: #D13D73;
}


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

@media only screen and (max-width: 959px) {
    .adminlinks a {
        margin-right: 10px;
        font-size: 9pt;
    }

    #logorow {
        margin-top: -15px;
    }

    .logo img {
        width: 140px;
        margin-top: 0px;
    }

    .listItem {
        box-sizing: border-box;
        margin-bottom: 20px;
        padding: 36px;
        width: 33%;
        box-sizing: border-box;
        margin: 0px;
    }

    .bestsellers h3 {
        padding-left: 30px;
    }

    #menurow {
        padding-bottom: 410px;
    }

    body {
        background-size: 2500px;
    }
}

@media only screen and (max-width: 767px) {
    #logorow .navigationmenu {
        display: none;
    }

    #logorow .grid_12 {
        text-align: center;
    }

    .static_top {
        position: relative;
        float: none;
        display: inline-block;
        margin-bottom: -5px;
    }

    #logorow {
        margin-top: 0px;
    }

    #toprow {
        height: auto;
    }

    .header-links-wrapper {
        width: 100%;
    }

    .searchbox_wrapper {
        margin-top: 17px;
        margin-right: 10px;
    }

    .listItem {
        padding: 16px;
        width: 50%;
    }

    .bestsellers h3 {
        padding-left: 15px;
    }

    .footerinner .grid_3 {
        width: 50%;
    }

    #menurow {
        padding-bottom: 10px;
    }

    body {
        background: none;
    }
}

@media only screen and (max-width: 479px) {
    .logo {
        width: 90%;
    }

    .searchbox_wrapper {
        margin-top: 15px;
        margin-right: 68px;
        margin-bottom: 20px;
    }

    .header-links-wrapper {
        width: 90%;
        margin-right: 5%;
    }

    .static_top ul li {
        position: relative;
        float: left;
        width: 50%;
        box-sizing: border-box;
        border: solid 1px #eee;
        margin-top: -1px;
    }

    .static_top ul li a,
    #logorow .navigationmenu h6 {
        border-left: none;
    }

    .static_top {
        margin-bottom: 0px;
    }

    #menurow {
        padding-bottom: 0px;
        background: none;
        border: none;
    }

    .listItem {
        padding: 16px;
        width: 100%;
    }

    .footerinner .grid_3 {
        width: 100%;
    }
}

@charset "utf-8";

/* CSS Document */
.ui-layout-pane {
    background: #EAEAEA;
}

.ui-tabs .ui-tabs-panel {
    background: #445661;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    background: #445661;
}

.ui-widget-header {
    background: #445661;
}

.ui-tabs {
    background: #445661;
}

.ui-layout-resizer {
    background: #DEDEDE;
}

.ui-draggable .ui-dialog-titlebar {
    background-color: #1F1F1F !important;
}

a.btn {
    color: #343A41;
}

.btn-me {
    background: #445661;
    border: none;
    border-radius: 0px;
    color: #fff !important;
}

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

.undoRedoContainer {
    display: inline-block;
    vertical-align: baseline;
}

.ui-tabs .ui-tabs-nav li {
    background: #637682;
}

.drawing_settings_container {
    padding: 10px;
    background-color: #EAEAEA;
    border-top: solid 1px #DEDEDE;
    color: #000;
}

.drawing_line_width_container {
    margin-top: 3px;
    border-top: solid 1px #DEDEDE;
    padding-top: 5px;
}

.line_color_container {
    height: 25px;
    border-top: solid 1px #DEDEDE;
    padding-top: 5px;
}

.onoffswitchDrawing-inner:before {
    content: "Drawing on";
    padding-left: 10px;
    background-color: #D13D73;
    color: #FFF;
}

.onoffswitchDrawing-inner:after {
    content: "Drawing off";
    padding-right: 10px;
    background-color: #445661;
    color: #FFF;
    text-align: right;
}

.currentCanvasSizeWrapper .current_prod_name,
.currentCanvasSizeWrapper .canvasSizeTitle,
.currentCanvasSizeWrapper .canvasSize {
    background-color: #EAEAEA;
    border-color: #DEDEDE;
    color: #7F848C;
}

.me_branding {
    position: fixed;
    top: 40px;
    width: 200px;
    left: 50%;
    margin-left: -100px;
}

.loadingScreen .loadingLogo {
    width: 100%;
    height: 100%;
    background: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/2/logodesktop-png-data.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 150px;
}

.loadingScreen,
.addtoBasketScreen {
    background: #eaeaea;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.loadingScreen .loadingLogo .loadingSpinner {
    margin-top: 40px;
}

.me_quick_menu .q_menu_show_button,
.me_quick_menu .q_menu_hide_button {
    background: #DDDDDD !important;
    border-color: #CDCDCD !important;
    color: #7F848C !important;
    text-shadow: 0 -1px 0 rgba(255, 255, 255, 1) !important;
}

.ui-dialog {
    -webkit-box-shadow: 0 0 15px 0 rgba(50, 50, 50, 0.4);
    -moz-box-shadow: 0 0 15px 0 rgba(50, 50, 50, 0.4);
    box-shadow: 0 0 15px 0 rgba(50, 50, 50, 0.4);
    background: #445661 !important;
}

.dialogGeneralConfirm .ngConfirmDialog,
.dialogGeneralConfirm #dlgNewLayout,
#dlgFieldIssue,
#dlgHaveIssue {
    background: #445661;
    -webkit-box-shadow: inset 0 0 50px 0 rgba(0, 0, 0, 0.75);
    -moz-box-shadow: inset 0 0 50px 0 rgba(0, 0, 0, 0.75);
    box-shadow: inset 0 0 50px 0 rgba(0, 0, 0, 0.75);
}

.me_quick_menu .q_menu_container {
    background: #eaeaea !important;
}

.fakeUploadTarget {
    background: url("/Catfish.Web/Scripts/ME2k/img/svg_dark/appbar.image.multiple.svg") no-repeat 0 0 rgba(68, 86, 97, 1);
    background-size: 50px 50px;
}

.ui-tabs .ui-tabs-nav li.ui-state-hover {
    background: #D13D73;
}

.editorLeft .ui-tabs .ui-tabs-panel {
    background: #EAEAEA;
}

.editorLeft .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    background: #EAEAEA;
}

.lhTab.lhTabs_gallery.ui-tabs-active .icon {
    background: url("/Catfish.Web/Scripts/ME2k/img/svg/appbar.image.gallery.svg") no-repeat center center;
    background-size: 40px 40px;
}

.lhTab.lhTabs_layout.ui-tabs-active .icon {
    background: url("/Catfish.Web/Scripts/ME2k/img/svg/appbar.layout.svg") no-repeat center center;
    background-size: 40px 40px;
}

.lhTab.lhTabs_drawing.ui-tabs-active .icon {
    background: url("/Catfish.Web/Scripts/ME2k/img/svg/appbar.draw.pen.add.svg") no-repeat center center;
    background-size: 40px 40px;
}

.lhTab.lhTabs_background.ui-tabs-active .icon {
    background: url("/Catfish.Web/Scripts/ME2k/img/svg/appbar.opacity.svg") no-repeat center center;
    background-size: 40px 40px;
}

.lhTab.lhTabs_clipart.ui-tabs-active .icon {
    background: url("/Catfish.Web/Scripts/ME2k/img/svg/appbar.chess.rook.svg") no-repeat center center;
    background-size: 40px 40px;
}

.WorkflowNavigator {
    position: relative;
    float: left;
    background-color: #D13D73;
    margin-right: 10px;
}

.WorkflowNavigator:hover {
    background-color: #9E2D56;
}

.WorkflowNavigator a,
.WorkflowNavigator a:hover {
    color: #fff;
    padding: 10px;
    text-decoration: none;
    position: relative;
    float: left;
}

.section-header .title,
.saveButtonWrapper,
.yearbook-studententries-editor .title {
    background-repeat: repeat-x;
    border-bottom: 0 none;
    color: #445661;
    padding: 5px 10px;
    position: relative;
    font-size: 16px;
    margin-top: 10px;
}

.t-widget,
.t-input {
    border-width: 0;
    border-color: #EAEAEA;
    background: #fff;
}

.t-grid .t-header,
.t-grid .t-header .t-link {
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: .866em;
    line-height: 2.6em;
    color: #FFF;
    background: #445661;
}

#blockable {
    background-color: #F3F3F3;
}

.validation-summary-errors {
    border: #C02D3E solid 1px;
    padding: 5px;
    background: #fff;
    position: fixed;
    top: 10px;
}

.cf_imageView_container {
    width: 100%;
    min-height: 150px;
    text-align: center;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
}

.cf_imageViewer_image {
    display: block;
    vertical-align: middle;
    margin-top: 100px;
}

.messagesContainer {
    padding: 0px !important;
}

.buttonContainer.rightSide .priceHeader,
.buttonContainer.rightSide .price {
    color: #445661 !important;
}

.loadScreenStepIndicator.loadStepClass_0_6,
.loadScreenStepIndicator.loadStepClass_1_6,
.loadScreenStepIndicator.loadStepClass_2_6,
.loadScreenStepIndicator.loadStepClass_3_6,
.loadScreenStepIndicator.loadStepClass_4_6,
.loadScreenStepIndicator.loadStepClass_5_6,
.loadScreenStepIndicator.loadStepClass_6_6 {
    color: #858585 !important;
}

#frmComments {
    color: #fff;
}

.btn-me {
    background-color: #EAEAEA !important;
    border: solid 1px #ccc !important;
    color: #333 !important;
    box-shadow: none !important;
    -webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;
    text-shadow: none;
}

#imageControlButtonset .ui-button:hover,
.btn-me:hover {
    background-color: #D13D73 !important;
    border: solid 1px #9E2D56 !important;
    color: #fff !important;
    box-shadow: none !important;
}

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

.imageTab.imageTabs_photo.ui-tabs-active .icon {
    background: url("/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/2/editTabsImageMap.png") 0 0;
}

.imageTab.imageTabs_effect.ui-tabs-active .icon {
    background: url("/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/2/editTabsImageMap.png") -25px 0;
}

.textTab.textTabs_photo.ui-tabs-active .icon {
    background: url("/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/2/editTabsImageMap.png") 0 0;
}

.textTab.textTabs_advanced.ui-tabs-active .icon {
    background: url("/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/2/editTabsImageMap.png") -25px 0;
}

.imageTab.imageTabs_border.ui-tabs-active .icon,
.textTab.textTabs_borde.ui-tabs-activer .icon {
    background: url("/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/2/editTabsImageMap.png") -50px 0;
}

.imageTab.imageTabs_shadow.ui-tabs-active .icon,
.textTab.textTabs_shadow.ui-tabs-active .icon {
    background: url("/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/2/editTabsImageMap.png") 0 -25px;
}

.imageTab.imageTabs_details.ui-tabs-active .icon,
.textTab.textTabs_details.ui-tabs-active .icon {
    background: url("/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/2/appbar.monitor.identify.png") no-repeat center center;
    background-size: 40px 40px;
}

.ui-widget-header {
    background: #1F1F1F;
}

.ui-tabs .ui-tabs-nav li {
    background: #1F1F1F;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    background: #EAEAEA;
}

.ui-tabs .ui-tabs-nav li.ui-state-hover {
    background: #D13D73;
}

.ui-tabs .ui-tabs-panel {
    background: #EAEAEA;
    color: #333;
}

.UISetCol,
.sliderRow {
    background-color: #CBC8C8;
}

.ui-tabs {
    background: #EAEAEA;
}

#imageTabs-details .imageOptions,
#textTabs-details .textOptions {
    color: #FFFFFF;
    background: #1F1F1F;
}

.imageOptionsDialog.ui-dialog .ui-dialog-titlebar,
.textOptionsDialogOuter .ui-dialog-titlebar {
    padding: 5px;
    line-height: 22px;
}

.pageListInnerWrapper {
    background: rgb(222, 222, 222);
}

.pageSelectorItem,
.pagelist_title {
    color: #464646 !important;
}

.pageSelectorItem {
    box-shadow: 0 0 2px 2px rgba(50, 50, 50, 0.5);
}

.fakeUploadTarget {
    background: url("/Catfish.Web/Scripts/ME2k/img/svg_dark/appbar.image.multiple.svg") no-repeat 0 0 rgb(31, 31, 31);
    background-size: 50px 50px;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close,
.imageOptionsDialog .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-state-hover,
.textOptionsDialog .ui-dialog-titlebar .ui-dialog-titlebar-close,
.customFieldOptionsDialog .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-state-hover,
.effectRow input[type=checkbox]:not(old):checked+label,
.effectRow input[type=radio]:not(old):checked+label,
.effectRow label:hover,
.effectRow label:hover,
#sharpnessControlButtonset input[type=radio]:checked+label.ui-button,
#textTabs-advanced .fittoboxtextoptions-row input+label .op_on,
.onoffswitch-inner:before {
    background-color: #D13D73 !important;
}

.textOptionsDialog.ui-dialog-content {
    background: none repeat scroll 0 0 #EAEAEA;
}

#textTabs-advanced .fittoboxtextoptions-row input+label {
    color: #fff;
}

#textTabs-advanced .fittoboxoptions-row {
    background-color: #D7D2D2;
    margin-bottom: 10px;
}

#textTabs-advanced .font_size_limits input {
    border: solid 2px #D7D2D2;
}

.ui-dialog .ui-dialog-content {
    background: #FFFFFF;
    color: #444;
}

.ui-dialog {
    background: #1F1F1F !important;
}

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

.dialogGeneralConfirm .ngConfirmDialog,
.dialogGeneralConfirm #dlgNewLayout,
#dlgFieldIssue,
#dlgHaveIssue {
    box-shadow: none;
}

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

/* Album Management */
.albumManagement .album {
    background: #779665;
    color: #fff;
}

.albumManagement .currentSelectedAlbum {
    background: #D13D73;
}

.ui-dialog .ui-dialog-buttonpane {
    margin: 0px;
}

#NewAlbumDialog label {
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
}

#NewAlbumDialog input,
#NewAlbumDialog textarea {
    padding: 7px;
    border-radius: 0px;
    border: solid 2px #ccc;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 20px;
}

.ui-dialog .ui-dialog-title {
    color: #fff;
}

#uploadControl #fileupload {
    width: 280px;
    display: inline-block;
}

.t-grid .t-header,
.t-grid .t-header .t-link {
    background: #757474;
}

.t-grid td,
.t-grid th {
    border-color: #E8E8E8;
}

.t-toolbar,
.t-grouping-header,
.t-grid-pager,
.t-widget .t-status {
    border-color: #E8E8E8;
    background-color: #FFFFFF;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    background: #EAEAEA !important;
}

/* Tweaks */

.add-info #quantityBasedPricingSelector,
.add-info .productvariantaddtocartbutton {
    padding: 7px;
    box-sizing: border-box;
    height: 34px;
    line-height: 20px;
}

.small-product-item img {
    max-height: 100%;
    max-width: 100%;
    display: block;
    margin-right: auto;
    margin-left: auto;
    vertical-align: middle;
    display: inline-block;
}

.small-product-item .picture {
    height: 210px;
    width: 100%;
    border: 2px solid #eee;
    vertical-align: middle;
    display: block;
    line-height: 210px;
    text-align: center;
}

.homePageCategories .listItem .picture {
    height: auto;
    line-height: normal;
}

.product-essential .pageflipContainer .left-buttons {
    float: left;
    width: 104px;
    margin-left: 32px;
    opacity: 0;
    pointer-events: none;
}

.product-essential #b-zoomin,
.product-essential #b-zoomout,
.product-essential #b-fullscreen {
    display: none;
}

.pageflipContainer #b-zoomin,
.pageflipContainer #b-zoomout,
.pageflipContainer #b-fullscreen {
    display: block;
}

/*Landing page update*/
.product-variant-line .price .oldProductPriceWrapper {
    margin-bottom: 1rem;
}