@charset "utf-8";
.flexslider,
.footerinner {
    background: 0 0
}

.order-progress,
.product-reviews-page .clear {
    display: none
}

.adminlinks,
.footerinner ul {
    border-top: none
}



.emailCompareWrapper {
    margin-bottom: 0
}

.product-reviews-page input[type=checkbox]::before {
    content: url(/-989409309/Handler/CSSOverride/GetImage/3/h_unchecked.png)
}

.product-reviews-page input[type=checkbox]:checked:before {
    content: url(/-1885141756/Handler/CSSOverride/GetImage/3/h_checked.png)
}

.shadow_t {
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.shadow_b {
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .5)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5))
}

.currentCanvasSizeWrapper .canvasSize,
.currentCanvasSizeWrapper .canvasSizeTitle,
.currentCanvasSizeWrapper .current_prod_name,
.lhTabs_background,
.lhTabs_clipart,
.pageListInnerWrapper h5,
.previewButton,
.showAll,
.showLeft,
.showRight,
.textTabs_border,
.textTabs_shadow,
.ui-layout-toggler,
.viewButton.separator,
.zoomIn,
.zoomOut {
    display: none!important
}

.UR_button_title,
.lhTab .tab_Title {
    display: inline
}

.loadScreenStepIndicator {
    color: #fff
}

#dlgPopupInstruction,
#dlgPopupInstruction a,
.category-description .tt_home_cont {
    color: #191919
}

.ui-dialog .ui-dialog-buttonpane,
.ui-dialog .ui-dialog-content {
    background: url(/1350362368/Handler/CSSOverride/GetImage/3/chalkboard_tx2.jpg) center!important
}

#dlgPopupInstruction h2,
.cf_headerlinks_privatemessages,
.me_popup_vids .tt_popup_steps span {
    display: none
}

.TTDataGrid .script_data_table tr td:nth-child(1),
.TTDataGrid .script_data_table tr td:nth-child(2),
.TTDataGrid .script_data_table tr td:nth-child(3),
.TTDataGrid .script_data_table tr th:nth-child(1),
.TTDataGrid .script_data_table tr th:nth-child(2),
.TTDataGrid .script_data_table tr th:nth-child(3) {
    max-width: 90px
}

.buttonSetRow .rowlabel {
    color: #fff
}

@media only screen and (max-width:767px) {
    .topicpage-body div.left,
    .topicpage-body div.left.v-align,
    .topicpage-body div.right,
    .topicpage-body div.right.v-align {
        position: relative;
        height: auto
    }
    .topicpage-body div.left,
    .topicpage-body div.left.v-align,
    .topicpage-body div.right,
    .topicpage-body div.v-align {
        top: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none
    }
    .topicpage-body div.grey-background-section {
        background: #fff;
    }
    img.responsiveimage {
        width: 363px;
        padding-top: 30px
    }
    .topicpage-body div.grey-background-section div.right.v-align {
        left: 0;
        width: 100%;
        right: initial
    }
}


body {
    font-family: 'Rubik', sans-serif;
}

#logorow {
    margin: 0;
    width: 100%;
    background: url(/780050656/Handler/CSSOverride/GetImage/3/chalkboard_tx.png) no-repeat center center;
    background-size: cover;
    padding-bottom: 0;
    padding-top: 20px;
}

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

#logorow .logo {
    position: absolute;
    top: 10px
}

#sliderrow,
.headermenu,
ul.dropdown {
    position: relative
}

#logorow .logo img {
    width: 120px
}

.headermenu {
    float: right;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 25px;
}

ul.dropdown {
    z-index: 597;
    float: right;
    background-image: url(/-373224796/Handler/CSSOverride/GetImage/3/menu_bkg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    padding: 8px 30px
}

ul.dropdown li {
    background-color: transparent;
    margin-left: 10px;
    margin-right: 10px
}

ul.dropdown ul li {
    margin: 0
}

ul.dropdown ul {
    width: 170px;
    background-color: #F6F9FA;
    color: #191919;
    font-size: 11px;
    text-transform: none;
    filter: alpha(opacity=90);
    -moz-opacity: .9;
    KhtmlOpacity: .9;
    opacity: 1;
    margin-left: -42px;
    text-align: center
}

.search {
    background: #efefef;
    padding: 0
}

.adminlinks,
.flexslider {
    background: 0 0
}

ul.dropdown ul a:link,
ul.dropdown ul a:visited {
    color: #191919
}

ul.dropdown ul a:hover {
    color: #fff
}

.menuwrapper {
    border: none
}

#menurow {
    margin-bottom: 0
}

.header-links-wrapper {
    position: relative;
    float: right
}

#sliderrow {
    float: left;
    margin-top: -25px
}

.flex-control-thumbs {
    margin: 0;
    position: absolute;
    z-index: 2;
    bottom: 10px;
    width: 100%;
    text-align: center
}

.flex-control-thumbs li {
    overflow: hidden;
    border-radius: 6px;
    width: 12px;
    display: inline-block;
    float: none;
    margin: 5px
}

.adminlinks {
    padding: 5px
}

.adminlinks a {
    color: #FFF;
    font-size: 12px
}

.searchbox_wrapper {
    position: relative;
    float: right;
    background-image: url(/-1882522173/Handler/CSSOverride/GetImage/3/search_bkg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    padding: 2px;
    margin-left: 30px
}

.searchbox_wrapper .searchbox {
    background: 0 0;
    border: none;
    color: #fff;
    padding: 5px
}

.searchbutton {
    color: transparent;
    background: url(/-486484311/Handler/CSSOverride/GetImage/3/search_button.png) center no-repeat;
    border: none;
    background-size: 75% 75%;
    padding: 1px!important;
    width: 23px;
    height: 23px
}

footer {
    background-image: url(/780050656/Handler/CSSOverride/GetImage/3/chalkboard_tx.png);
    background-repeat: no-repeat;
    background-position: center;
    padding-bottom: 11px;
    background-size: cover;
    margin-top: 50px;
}

#footerrow,
.footerinner {
    background: 0 0
}

#footerrow {
    color: #fff;
    margin-top: 20px
}

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

.footerinner li {
    border-bottom: none;
    margin-bottom: 5px
}

.footerinner li a {
    color: #fff;
    display: block;
    padding: 0 0 0 2px
}

.footercopyright {
    float: none;
    padding: 5px;
    line-height: 34px
}

.footercopyrightinner .grid_8 {
    float: right;
    text-align: center;
    width: 100%
}

.tt_home_cont {
    margin: 5px auto;
    float: none;
    display: block;
}

.tt_home_cont .tt_home_box {
    position: relative;
    float: left;
    padding-bottom: 26.5%;
    box-sizing: border-box;
    margin-bottom: 50px;
}

.tt_home_cont .M1 {
    width: 50%
}

.tt_home_cont .M2 {
    width: 20%;
}

.tt_home_cont .tt_home_halfbox {
    position: relative;
    float: left;
    width: 100%;
    height: 50%
}

.tt_home_cont .tt_icon {
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    background: #191919;
    opacity: 1
}

.tt_home_cont .tt_icon:hover {
    opacity: .8
}

.tt_home_cont .tt_icon img {
    width: 100%;
    position: relative;
    float: left;
    min-height: 100%
}

.tt_home_cont .tt_icon .tt_title {
    position: absolute;
    top: 103%;
    left: 15px;
    right: 15px;
    font-size: 14px;
}

.tt_home_cont .tt_icon .tt_CW {
    color: #191919;
    font-weight: 900;
    font-size: 18px;
}

.tt_home_cont .tt_icon .tt_CB {
    color: #191919
}

.tt_home_cont .tt_home_title {
    text-align: center;
    position: relative;
    float: left;
    width: 100%;
    font-family: 'Kalam', cursive;
    font-size: 30px;
    margin-top: 20px;
    color: #191919;
    margin-bottom: 30px;
}

.tt_home_cont .tt_home_title img {
    width: 36px
}

.small-product-item img {
    max-height: none;
    max-width: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 102%
}

.product-item {
    position: relative;
    opacity: 1
}

.product-item:hover {
    position: relative;
    opacity: .8
}

.product-title {
    position: absolute;
    bottom: 0;
    left: 10px;
    right: 10px;
    padding: 10px;
    background-image: url(/-1167924553/Handler/CSSOverride/GetImage/3/chalkboard_tx.png);
    background-position: center;
    color: #fff;
    font-size: 14px;
    text-align: center
}

.product-title a {
    color: #fff
}

.bestsellers h3,
.featuredproducts h3 {
    margin: 0 0 20px;
    color: #191919;
    font-size: 20px;
    text-align: center
}

.small-product-item .picture {
    border: none;
    height: 385px
}

.allProductsCategoriesWrapper {
    background: 0 0;
    border: none
}

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

.product-grid .picture img {
    max-width: 100%;
    max-height: none
}

.listWrapper .item-box,
.search-results .item-box {
    border: none;
    padding: 0;
    margin-top: 0;
    height: auto;
    position: relative;
    background: #F9F9F9;
    overflow: hidden;
    border-radius: 5px
}

.product-grid .product-title {
    font-size: 13px;
    margin: 0;
    color: #FFF;
    background: #191919;
    top: 0;
    bottom: auto;
    padding: 1%;
    left: 0;
    right: 0
}

.product-grid .description {
    display: none
}

.product-grid .product-title a {
    color: #FFF
}

.product-grid .product-item {
    padding-top: 25px
}

.product-grid .add-info {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-bottom: 0
}

.product-grid .listItem.grid_3,
.sub-category-grid .listItem.grid_3 {
    width: 20%;
    box-sizing: border-box;
    margin: 0;
    padding: 5px;
    height: 350px;
    overflow: hidden;
    float: none;
    display: inline-block
}

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


.productvariantaddtocartbutton {
    background-color: #fff;
    color: #191919;
    height: 28px;
    font-weight: 700
}

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

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

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

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

.login-title,
.register-title,
.section-title {
    padding: 2px;
    color: #191919;
    font-size: 14px
}

.register-customer-wrapper {
    float: right
}

.register-customer-wrapper .table-container,
.returning-wrapper .table-container {
    border: none;
    margin-bottom: 10px;
    border-bottom: solid 15px #191919;
    border-top: solid 15px #191919;
    background: #191919;
    overflow: hidden;
    border-radius: 5px;
    box-sizing: border-box;
    border-right: solid 20px #191919
}

.register-customer-wrapper .table-container tr,
.returning-wrapper .table-container tr {
    border: none
}

.register-customer-wrapper table td,
.returning-wrapper table td {
    padding: 10px 8px;
    color: #FFF
}

.register-customer-wrapper a:link,
.register-customer-wrapper a:visited,
.returning-wrapper a:link,
.returning-wrapper a:visited {
    color: #FFF;
    text-decoration: none;
    outline: 0
}

.register-customer-wrapper .item-value input,
.register-customer-wrapper .item-value select,
.returning-wrapper .item-value input,
.returning-wrapper .item-value select {
    border: 1px solid #eee;
    margin: 0;
    padding: 7px;
    border-radius: 3px
}

.register-customer-wrapper .item-value .text-box,
.returning-wrapper .item-value .text-box {
    width: 96%
}

.register-customer-wrapper select.date_picker {
    width: 30.3%;
    margin-right: 3%
}

.loginbutton,
.registernextstepbutton {
    background: #eee;
    color: #191919;
    padding: 7px;
    width: 100px;
    height: 35px;
    font-size: 16px;
    font-family: 'Rubik', sans-serif;
}

.block-account-navigation,
.navigationmenu {
    color: #FFF;
    margin-bottom: 10px;
    background-image: url(/780050656/Handler/CSSOverride/GetImage/3/chalkboard_tx.png), url(/1277166624/Handler/CSSOverride/GetImage/3/top_tx_bkg.png);
    background-repeat: no-repeat, repeat;
    background-position: bottom center, bottom center;
    background-color: transparent;
    padding-bottom: 30px
}

.block-account-navigation li a:hover,
.navigationmenu li a:hover {
    background: #191919
}

.block-account-navigation li,
.navigationmenu li {
    border-bottom: none;
    padding: 0;
    margin: 0
}

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

.orders_v2 {
    position: relative;
    float: left;
    padding-left: 10px;
    display: block;
    font-family: Helvetica, Arial, sans-serif;
    width: 100%;
    box-sizing: border-box;
    margin-top: -14px
}

.orders_v2 .orders_page_title {
    background-color: #343434;
    color: #FFF
}

.orders_v2 .order_search {
    background-color: #343434
}

.orders_v2 .order_search .order_search_button {
    background-color: #191919;
    color: #fff
}

.orders_v2 .order_search .order_search_button:hover {
    background-color: #686969
}

.table-container tr {
    border-top: none
}

.table-container {
    border: 1px solid #F9F9F9;
    background: #F9F9F9;
    margin-bottom: 10px;
    border-top-width: 20px;
    border-bottom-width: 20px
}

.grid_9 .section-body {
    border-bottom: 2px solid #F9F9F9;
    padding: 9px 0 15px;
    margin-bottom: 15px
}

.item-value input,
.item-value select {
    border: 3px solid #eee;
    margin: 0;
    padding: 7px;
    box-sizing: border-box
}

.item-value .text-box {
    width: 95%
}

.section-body select {
    margin-bottom: 1%;
    padding: 7px;
    width: 95%
}

select.date_picker {
    width: 30.6%
}

.product-essential {
    margin: 0;
    width: 36%;
    float: left
}

.product-collateral {
    margin: 0;
    width: 63%;
    float: right
}

.product-collateral .overview h1 {
    background: #F0F0F0;
    padding: 20px 20px 2px;
    margin-bottom: 0
}

.product-collateral .overview .product-variant-list {
    background: #191919;
    color: #fff;
    padding-top: 15px;
    margin-top: 10px
}

.overview .shortdescription {
    display: none
}

.product-collateral .overview .acentcolour {
    color: #191919
}

.overview .price {
    font-size: 16px;
    margin: 0 20px 20px
}

.TT_R_home_title,
.page-title h1 {
    font-family: 'Kalam', cursive;
    font-size: 30px
}

.emailCompareWrapper,
.fulldescription,
.shareWrapper {
    margin-bottom: 0
}

.overview .add-info {
    padding: 20px;
    background: 0 0;
    border: none;
    margin-top: 5px
}

.product-details-page .grid_12 {
    float: right;
    width: 63%;
    margin: 0
}

.fulldescription {
    background: #F0F0F0;
    border: none;
    margin-top: 0;
    padding: 20px
}

.shareWrapper {
    border-bottom: none;
    padding-bottom: 0
}

.product-no-reviews,
.product-reviews-overview {
    margin-bottom: 0;
    box-sizing: border-box;
    padding-bottom: 10px;
    padding-top: 30px
}

.product-details-info .bigpicture {
    display: block;
    width: auto;
    padding: 10px;
    background: #F0F0F0
}

.TT_R_home_title,
.TT_R_products {
    width: 100%;
    position: relative;
    float: left
}

.product-details-info .thumbs {
    border-top: 1px solid #ccc;
    background: #F0F0F0
}

.product-details-info .picture {
    border: 0 solid #eee
}

.breadcrumb {
    background: 0 0;
    border: none;
    padding: 0;
    margin-bottom: 15px
}

.TT_R_home_title {
    text-align: center;
    margin-top: 20px;
    color: #191919
}

.TT_R_products {
    margin-bottom: 20px
}

.TT_R_product {
    position: relative;
    float: left;
    width: 16%;
    margin: .33%;
    opacity: 1
}

.TT_R_product:hover {
    opacity: .8
}

.TT_R_product img {
    width: 100%
}

.TT_R_product .TT_R_title {
    position: absolute;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    background: rgba(255, 255, 255, .5);
    color: #191919
}

.product-review-item,
.product-review-list,
.write-review {
    margin-bottom: 10px;
    position: relative;
    box-sizing: border-box
}

.shoppingcart__wrapper .cartTableWrapper .product__title a {
    pointer-events: none
}

.product-reviews-page input[type=checkbox]::before {
    content: url(/-989409309/Handler/CSSOverride/GetImage/3/h_unchecked.png)
}

.product-reviews-page input[type=checkbox]:checked:before {
    content: url(/-1885141756/Handler/CSSOverride/GetImage/3/h_checked.png)
}

.rating .ratingamount {
    background: #191919;
    display: block;
    padding: 5px;
    color: #fff
}

.order-progress,
.product-reviews-page .clear {
    display: none
}

.product-review-list,
.write-review {
    padding: 10px;
    background: #F9F9F9;
    border: 1px solid #EEE
}

.write-review {
    float: left;
    width: 40%
}

.product-review-list {
    width: 58%;
    float: right
}

.product-review-item {
    float: left;
    width: 100%;
    background: 0 0;
    border: none;
    padding: 0
}

#AddProductReview_Rating {
    margin-left: 19px;
    margin-right: 8px
}

.review-title,
.vote {
    color: #8B8383
}

.registered_img {
    width: 50%;
    margin: 50px 50px 50px 25%
}

.cart-header-row {
    background: #191919
}

.cart-header-row th {
    padding: 10px 8px;
    color: #FFF;
    font-weight: 700;
    text-align: left
}

.cart-item-row {
    border-bottom: solid 1px #eee;
    background: #F9F9F9
}

.cart-item-row td {
    padding: 5px;
    text-align: left
}

.cart-item-row .summaryShortDescription {
    color: #787777
}

.page-title h1 {
    padding-left: 5px;
    color: #191919;
    text-align: center;
    margin-bottom: 20px
}

.loadScreenStepIndicator,
.me_text {
    color: #fff
}

.checkoutright {
    width: 100%
}

.checkoutright .page-title h1 {
    margin: 0;
    padding-bottom: 10px;
    padding-top: 10px;
    text-shadow: rgba(0, 0, 0, .4) 1px 1px;
    color: #fff;
    display: none
}

.checkout-page .page-title {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0 solid #eee
}

.checkout-data-info {
    background-image: url(/314158351/Handler/CSSOverride/GetImage/3/order_nr.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 430px;
    float: right;
    margin-right: 200px;
    padding-top: 60px;
    padding-left: 36px;
    text-align: center;
    font-size: 16px;
    line-height: 14px
}

.orderprocessedcontinuebutton {
    background: #191919
}

.orderprocessedcontinuebutton:hover {
    background-color: #333;
    height: 32px
}

@media only screen and (min-width:1200px) {
    .returning-wrapper {
        width: 580px
    }
    .write-review input,
    .write-review textarea {
        padding: 7px;
        box-sizing: border-box
    }
}

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

    .small-product-item .picture {
        height: 310px
    }
    .product-grid .listItem.grid_3,
    .sub-category-grid .listItem.grid_3 {
        width: 25%;
        padding: 12px;
        height: 346px
    }
    .write-review input,
    .write-review textarea {
        padding: 7px;
        box-sizing: border-box;
        width: 281px!important
    }
    #AddProductReview_Rating {
        margin-left: 11px;
        margin-right: 8px;
        width: 10px!important
    }
}

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

    .small-product-item .picture {
        border: none;
        height: 239px
    }
    .product-grid .listItem.grid_3,
    .sub-category-grid .listItem.grid_3 {
        width: 25%;
        padding: 11px;
        height: 282px
    }
    .headermenu {
        margin-top: 50px
    }
    #logorow .logo {
        position: absolute;
        top: 30px
    }
    .write-review input,
    .write-review textarea {
        padding: 7px;
        box-sizing: border-box;
        width: 281px!important
    }
    #AddProductReview_Rating {
        margin-left: 11px;
        margin-right: 8px;
        width: 10px!important
    }
    .product-review-list,
    .write-review {
        width: 49%
    }
}

@media only screen and (max-width:767px) and (min-width:480px) {
    .searchbox_wrapper {
        position: relative;
        float: none;
        background-image: url(/1377101539/Handler/CSSOverride/GetImage/3/search_bkg.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;
        padding: 2px;
        margin: 0 auto 20px;
        width: 189px
    }
    #logorow .logo {
        position: relative;
        float: left;
        width: 100%;
        top: -20px;
        margin-bottom: 20px
    }
    nav .selectnavwrapper {
        padding: 4px;
        background: #383838
    }
    .tt_home_cont .M2 {
        width: 50%;
        padding-bottom: 65%;
    }
    .tt_home_cont .M1 {
        width: 100%
    }

    .listItem {
        width: 50%;
        box-sizing: border-box;
        padding: 5px
    }
    .small-product-item .picture {
        border: none;
        height: 294px
    }
    .product-grid .listItem.grid_3,
    .sub-category-grid .listItem.grid_3 {
        width: 50%;
        box-sizing: border-box;
        margin: 0;
        padding: 5px;
        height: 337px;
        overflow: hidden
    }
    .write-review input,
    .write-review textarea {
        padding: 7px;
        box-sizing: border-box;
        width: 305px!important
    }
    #AddProductReview_Rating {
        margin-left: 11px;
        margin-right: 8px;
        width: 10px!important
    }
    .product-review-list,
    .write-review {
        width: 100%
    }
    .registered_img {
        width: 80%;
        margin: 50px 50px 50px 10%
    }
}

@media only screen and (max-width:479px) {
    .searchbox_wrapper {
        position: relative;
        float: none;
        background-image: url(/1377101539/Handler/CSSOverride/GetImage/3/search_bkg.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;
        padding: 2px;
        margin: 0 auto 20px;
        width: 189px
    }
    #logorow .logo {
        position: relative;
        float: left;
        width: 100%;
        top: -20px;
        margin-bottom: 20px
    }
    nav .selectnavwrapper {
        padding: 4px;
        background: #383838
    }
    .tt_home_cont .M2 {
        width: 100%;
        padding-bottom: 129%;
    }
    .tt_home_cont .M1 {
        width: 200%
    }
/*    .tt_home_cont .tt_icon {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: hidden;
        background: #191919;
        opacity: 1
    }*/
    .tt_home_cont .tt_icon img {
        width: 100%;
        position: relative;
        float: left;
        min-height: 0
    }

    .listItem {
        width: 100%;
        box-sizing: border-box;
        padding: 5px
    }
    .small-product-item .picture {
        border: none;
        height: 294px
    }
    .product-grid .listItem.grid_3,
    .sub-category-grid .listItem.grid_3 {
        width: 100%;
        box-sizing: border-box;
        margin: 0;
        padding: 17px;
        height: 416px;
        overflow: hidden
    }
    .write-review input,
    .write-review textarea {
        padding: 7px;
        box-sizing: border-box;
        width: 200px!important
    }
    #AddProductReview_Rating {
        margin-left: 1px;
        margin-right: 1px;
        width: 10px!important
    }
    .product-review-list,
    .write-review {
        width: 100%
    }
    .registered_img {
        width: 100%;
        margin: 50px 50px 50px 0
    }
}


.shadow_b,
.shadow_t {
    left: 0;
    right: 0;
    height: 20px;
    position: absolute
}

.megaEditMainContainer .mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0
}

.megaEditMainContainer .mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px
}

.megaEditMainContainer .mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(255, 255, 255, .4)
}

.megaEditMainContainer .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(255, 255, 255, .75)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(255, 255, 255, .85)
}

.canvas-container {
    background: url(/2082370227/Handler/CSSOverride/GetImage/3/022.jpg) no-repeat;
    background-size: cover;
    -moz-box-shadow: inset 0 0 10px #191919;
    -webkit-box-shadow: inset 0 0 10px #191919;
    box-shadow: inset 0 0 10px #191919
}

.addtoBasketScreen,
.loadingScreen,
.me_quick_menu .q_menu_container,
.ui-layout-pane,
.ui-layout-resizer,
.ui-tabs .ui-tabs-panel {
    background: url(/1350362368/Handler/CSSOverride/GetImage/3/chalkboard_tx2.jpg) center #161616!important;
    background-size: cover!important;
    border: none
}

.shadow_t {
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    top: 0
}

.shadow_b {
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .5)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
    bottom: 0
}

.East-Pagelist .pageSelectorContainerScroller,
.galleryUploadItem,
.galleryWrapper {
    background: rgba(0, 0, 0, .5);
    margin-bottom: 5px;
    padding: 4px;
    border-top: solid 5px transparent;
    box-sizing: border-box
}

.pageSelectorItem.selectedPage .pageThumb {
    opacity: 1
}

.UR_button_title,
.lhTab .icon,
.lhTab .tab_Title {
    display: inline
}

.pageSelectorItem .pageLabel {
    position: absolute;
    width: 20%;
    margin-left: 36%;
    background: #191919;
    bottom: 3px
}

.me_branding {
    position: absolute;
    top: 5px;
    left: 44%;
    width: 14%;
    text-align: center
}

.me_branding img {
    width: 75px
}

.me_text {
    font-size: .9em
}

.me_quick_menu {
    width: 0!important
}

.me_quick_menu .q_menu_show_button {
    width: 120px!important;
    border-radius: 0 0 10px!important;
    background: #3B3C3E!important;
    height: 21px!important;
    padding-top: 1px!important
}

.me_quick_menu .q_menu_left,
.me_quick_menu .q_menu_right,
.me_quick_menu .qmenuadmin,
.me_quick_menu q_menu_right {
    background: rgba(0, 0, 0, .5)!important;
    border: 1px solid #020202!important
}

.me_quick_menu .adminbox {
    border-bottom-left-radius: 0!important
}

.btn-success,
.me_quick_menu .q_menu_hide_button,
.me_quick_menu ul li a {
    color: #040404!important;
    text-shadow: 0 -1px 0 rgba(255, 255, 255, .25)!important;
    background-color: #fff!important;
    background-image: -moz-linear-gradient(top, #FFF, #B4B4B4)!important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#B4B4B4))!important;
    background-image: -webkit-linear-gradient(top, #FFF, #B4B4B4)!important;
    background-image: -o-linear-gradient(top, #FFF, #B4B4B4)!important;
    background-image: linear-gradient(to bottom, #FFF, #B4B4B4)!important
}

.me_quick_menu .q_menu_hide_button:hover,
.me_quick_menu ul li a:hover {
    background-color: #fff!important
}

.me_quick_menu a:link,
.me_quick_menu a:visited {
    color: #09090A!important
}

.lhTab .icon {
    height: 28px;
    width: 25px;
    float: left;
    margin-right: 5px
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none;
    color: #fff;
    line-height: 27px
}

.galleryWrapper .galleryItem,
.galleryWrapper .spinnerimage {
    margin: 0;
    border: 1px solid #262627;
    background: #fff
}

.ui-tabs .ui-tabs-nav li {
    width: 50%;
    margin: 0;
    background: 0 0;
    border-top: solid 0 #757575
}

.ui-tabs .ui-tabs-nav li:hover {
    background: #191919
}

.editorLeft .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    background: url(/1350362368/Handler/CSSOverride/GetImage/3/chalkboard_tx2.jpg) top center!important;
    box-sizing: border-box;
    border-top: solid 1px #757575;
    border-bottom: solid 0 #757575;
    border-right: solid 1px #3E3E3E
}

.btn,
.ui-dialog .ui-dialog-buttonpane,
.ui-dialog .ui-dialog-content {
    background: url(/1350362368/Handler/CSSOverride/GetImage/3/chalkboard_tx2.jpg) center!important
}

.btn {
    border-color: #0C0C0D;
    border-radius: 0;
    color: #fff!important
}

.ImgPlugButton button:hover,
.btn:hover {
    border-color: #757575!important
}

.pageSelectorItem.selectedPage {
    background: url(/Catfish.Web/Scripts/ME2k/img/spinner_20x20.gif) center center no-repeat rgba(0, 0, 0, .5)
}

.ui-tabs .ui-tabs-panel {
    padding: 10px 10px 10px 8px;
    border-top: solid 1px #757575
}

.imageOptionsDialog .ui-tabs .ui-tabs-nav li {
    width: auto;
    margin: 0;
    border-bottom: 0
}

#imageTabs-effect {
    display: block;
    background-position: top!important;
    background-size: initial!important;
    border: none
}

.sliderRow {
    width: 96%
}

.UISetCol,
.sliderRow {
    background-color: #151515
}

.buttonSetRow .ui-button {
    background-color: #151515!important
}

.buttonSetRow .ui-button:hover {
    background-color: #191919!important
}

#imageTabs-photo {
    min-height: 280px
}

.imageOptionsDialog .ui-dialog-titlebar {
    background: url(/Catfish.Web/Scripts/ME2k/img/appbar.image.png) 0 -2px no-repeat #151515;
    background-size: 40px 40px
}

.ui-tabs,
.ui-widget-header {
    background: #272729
}

.loadingScreen .loadingLogo {
    background: url(/-2008591139/Handler/CSSOverride/GetImage/3/toptrumps_logo.png) center no-repeat!important;
    background-size: 200px!important
}

.loadingScreen .loadingLogo .loadingSpinner {
    margin-top: 62px!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 {
    opacity: 1!important
}

.btn-lg {
    font-size: 12px
}

.btn-lg .fa {
    margin-left: 7px
}

.buttonContainer.rightSide .buttonsContainer {
    width: 100%;
    overflow: hidden;
    text-align: center
}

.East-Pagelist .pageSelectorContainerScroller {
    bottom: 110px
}

.pageSelectorItem .pageMarker {
    background: #B8B8B8
}

.toggleCollapseTab {
    background: #0F0F10!important;
    display: none
}

.toggleCollapseTab:hover {
    background: #2A2A2C!important
}

#leftPane-gallery {
    padding-right: 0
}

.priceContainer {
    display: none
}

.modal-body {
    background: url(/-556626918/Handler/CSSOverride/GetImage/3/chalkboard_tx2.jpg) center #161616!important;
    background-size: initial!important;
    padding: 0
}

.modal-content {
    background: url(/-556626918/Handler/CSSOverride/GetImage/3/chalkboard_tx2.jpg) center #161616!important;
    background-size: initial!important
}

.meuiStackLayout .meuiTabHeaderItem,
.meuiTabHeaderItem {
    background-color: #525252!important
}

.meuiCurrentTabHeaderItem,
.meuiStackLayout .meuiCurrentTabHeaderItem,
.meuiStackLayout .meuiTabBodies,
.meuiTabBodies {
    background: 0 0;
    background-size: cover!important;
    background-position: center!important;
    border: none;
    color: #fff
}

.meuiStackLayout .meuiTabHeaderItem {
    opacity: .5
}

.meuiStackLayout .meuiCurrentTabHeaderItem {
    opacity: 1
}

.modal-footer {
    background: url(/-556626918/Handler/CSSOverride/GetImage/3/chalkboard_tx2.jpg) center #161616!important;
    background-size: cover!important
}

.script_data_table {
    background-color: #fff!important;
    border: 10px solid #fff!important
}

.modal .script_data_table {
    border: 4px solid #fff!important
}

.modal .script_data_table td,
.modal .script_data_table th {
    padding-left: 4px;
    padding-right: 0
}

.modal .script_data_table td .fa,
.modal .script_data_table th .fa {
    margin-right: 5px
}

.modal .script_data_table th span:first-child() {
    float: right
}

.modal-dialog {
    max-width: 80%!important;
    max-height: 80%!important;
    width: auto!important;
    height: auto!important;
    margin: 30px auto!important;
    position: relative!important;
    float: none!important;
    display: inline-block!important
}

@media only screen and (max-width:1200px) and (min-width:960px) {
    .modal-dialog {
        max-width: 90%!important;
        max-height: 90%!important;
        width: auto!important;
        height: auto!important;
        margin: 30px auto!important;
        position: relative!important;
        float: none!important;
        display: inline-block!important
    }
}

@media only screen and (max-width:959px) and (min-width:768px) {
    .modal-dialog {
        max-width: 95%!important;
        max-height: 95%!important;
        width: auto!important;
        height: auto!important;
        margin: 30px auto!important;
        position: relative!important;
        float: none!important;
        display: inline-block!important
    }
}

@media only screen and (max-width:767px) and (min-width:480px) {
    .modal-dialog {
        max-width: 100%!important;
        max-height: 100%!important;
        width: 100vw!important;
        height: auto!important;
        margin: 30px auto!important;
        position: relative!important;
        float: none!important;
        display: inline-block!important
    }
}

@media only screen and (max-width:479px) {
    .modal-dialog {
        max-width: 100%!important;
        max-height: 100%!important;
        width: 100vw!important;
        height: auto!important;
        margin: 30px auto!important;
        position: relative!important;
        float: none!important;
        display: inline-block!important
    }
}

p.me_text {
    color: #fff;
    font-size: .9em
}

.tier-prices {
    position: relative;
    display: block;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 10px
}

.meuiButton {
    background: #DFDEDE!important;
    border: 2px solid #191919;
    color: #191919!important
}

.instructions a {
    text-decoration: underline;
    color: #fff
}

.meuiStackLayout .meuiTabBodies,
.meuiTabBodies {
    overflow: auto;
    max-height: none!important
}

.modal-content {
    max-width: 100%
}

.meuiDataGrid {
    max-height: none;
    overflow-y: auto
}

.product-details-info .bigpicture {
    min-height: 405px
}

@media only screen and (max-width:1200px) and (min-width:960px) {
    .product-details-info .bigpicture {
        min-height: 383px
    }
    .product-details-info .bigpicture img {
        max-width: 100%
    }
}

@media only screen and (max-width:959px) and (min-width:768px) {
    .product-details-info .bigpicture {
        min-height: 333px
    }
    .product-details-info .bigpicture img {
        max-width: 100%;
        max-height: 100%
    }
}

@media only screen and (max-width:767px) and (min-width:480px) {
    .product-details-info .bigpicture {
        min-height: 383px
    }
    .product-collateral,
    .product-details-page .grid_12,
    .product-essential {
        width: 100%
    }
    .product-details-info .bigpicture img {
        max-width: 100%;
        max-height: 100%
    }
}

@media only screen and (max-width:479px) {
    .product-details-info .bigpicture img {
        max-width: 100%;
        max-height: 100%
    }
    .product-details-info .bigpicture {
        min-height: 383px
    }
    .product-collateral,
    .product-details-page .grid_12,
    .product-essential {
        width: 100%
    }
}

input.productvariantaddtocartbutton.dynamic_product_start {
    float: right
}

.tt_home_title h1,
.tt_home_title h2 {
    font-size: 2.5rem;
}

.tt_home_title p {
    color: #191919;
    font-size: 18px!important;
    line-height: 25px;
    font-family: 'Rubik', sans-serif;
    max-width: 700px;
    margin: 10px auto;
}

.acentcolour {
    color: #191919!important
}

#dlgPopupInstruction,
#dlgPopupInstruction a,
.category-description .tt_home_cont {
    color: #191919
}

h2 {
    margin: 0;
    font-size: 16px
}

.fulldescriptionTitle {
    display: none
}

.category-description .tt_home_cont h2 {
    position: relative;
    float: left;
    width: 100%;
    font-family: 'Kalam', cursive;
    font-size: 30px;
    margin: 20px 0 10px;
    color: #191919;
    line-height: 1.3;
}

.me_popup_branding {
    width: 50%;
    display: inline-block;
    text-align: center
}

#dlgPopupInstruction h2,
.cf_headerlinks_privatemessages,
.me_popup_vids .tt_popup_steps span {
    display: none
}

.me_popup_branding img {
    width: 230px;
    margin: 0 auto 10px;
    padding: 0 20% 0 65%
}

.me_popup_vids li {
    font-family: 'Rubik', sans-serif;
    color: #fff;
    font-size: 16px;
    margin-top: 10px;
    text-align: center
}

.tt_popup_steps_title {
    color: #fff;
    position: relative;
    width: 100%;
    font-family: 'Kalam', cursive;
    font-size: 30px;
    margin: 20px 0
}

.blog .page-title h1,
.me_popup_vids .tt_popup_steps {
    font-family: 'Rubik', sans-serif;
}

.me_popup_vids .tt_popup_steps {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    font-size: 14px;
    background: #fff;
    padding: 3px 15px 3px 13px;
    border-radius: 7px;
    border: 2px solid #dcdfe0;
    margin-top: 6px;
    color: #191919;
    text-align: left;
    cursor: pointer
}

.start_img {
    position: absolute;
    top: 12px;
    left: 130px
}

.fileinput-button {
    height: 35px
}

.fileinput-button span {
    position: absolute;
    left: 30px
}

.fileinput-button .glyphicon {
    position: absolute;
    left: 10px;
    top: 7px
}

.me_popup_vids {
    width: 600px;
    text-align: center;
    position: relative;
    float: left
}

.me_popup_vids img {
    width: 100px
}

.me_popup_vids ul {
    width: 36%;
    text-align: left;
    float: left
}

.me_popup_vids .tt_videos {
    width: 61%;
    float: right;
    height: 230px;
    margin-top: 10px;
    box-sizing: border-box;
    border-radius: 5px;
    background: url(/1561903987/Handler/CSSOverride/GetImage/3/TTstep-by-step.png) center no-repeat
}

.me_popup_vids .tt_videos iframe {
    width: 100%;
    height: 100%;
    border: 2px solid #fff;
    border-radius: 10px
}

.category-description img {
    width: 100%;
    border-radius: 6px
}

.listWrapper {
    text-align: center
}

.tt_home_cont {
    margin-bottom: 10px;
    text-align: center
}

.tt_home_cont p {
    line-height: 1.5;
}

.tt_instructionBreak,
.tt_instructionTitle {
    display: block;
    margin: 10px 0 0
}

.product-grid .picture {
    height: 288px;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    display: block;
    margin-bottom: -1px
}

.product-grid .product-item {
    padding-bottom: 0
}

@media only screen and (max-width:1200px) and (min-width:960px) {
    .product-grid .picture {
        height: 288px
    }
}

@media only screen and (max-width:959px) and (min-width:768px) {
    .product-grid .picture {
        height: 220px
    }
}

@media only screen and (max-width:767px) and (min-width:480px) {
    .product-grid .picture {
        height: 273px
    }
}

@media only screen and (max-width:479px) {
    .product-grid .picture {
        height: 356px
    }
}

.modal-body .meuiLabel {
    min-width: 60px!important
}

.fakeUploadTarget .instruction {
    position: absolute;
    top: 7px;
    left: 24%;
    font-size: 11px;
    color: #fff;
    text-align: center;
    width: 69%;
    line-height: 13px
}

.uploadButtonWrapper .fileinput-button {
    background: url(/-1310968366/Handler/CSSOverride/GetImage/3/upload_icons.png) right no-repeat, url(/1350362368/Handler/CSSOverride/GetImage/3/chalkboard_tx2.jpg) center no-repeat!important;
    background-size: 128px, auto!important
}

.editorTop.pane {
    overflow: hidden
}

.CustNext {
    position: absolute;
    bottom: 10px;
    width: 93%;
    background: #DFDEDE!important;
    height: 37px;
    font-size: 13px;
    border: 2px solid #191919;
    color: #191919!important;
    box-sizing: border-box;
    margin-left: -7px;
    line-height: 22px
}

.buttonSetRow .rowlabel,
.modal-body .meuiLabel,
.pageSelectorItem .pageLabel {
    color: #fff
}

.add_to_basket_from_preview,
.preview_close_button {
    font-size: 22px!important;
    border-bottom-left-radius: 10px!important
}

.ImgPlugButton,
.main-upload {
    border: 1px solid #fff;
    border-radius: 4px
}

.imageImportDlg {
    box-shadow: 5px 5px 12px #191919;
    border: 1px solid #fff!important;
    border-radius: 4px!important
}

#indirectUploadArea {
    border-bottom: solid 1px #fff!important
}

.product-review-links {
    position: relative;
    float: right
}

.product-no-reviews a,
.product-reviews-overview a {
    background: #191919;
    color: #fff;
    padding: 10px;
    display: inline-block
}

.product-reviews-overview .rating_stars {
    position: relative;
    float: left;
    padding: 7px;
    margin-bottom: 15px
}

.product-review-box {
    background: #eee;
    padding: 0;
    margin-bottom: 10px
}

.ratingtable .input_field {
    width: 75%
}

#imageImportDlg {
    padding: 10px 20px
}

.TTdialog .modal-content {
    max-width: 100%;
    width: 100%
}

.TTdialog .me_popup_vids .tt_videos {
    background-size: 75%
}

.TTCategoryTab,
.TTStartedTab {
    display: block;
    width: 700px
}

.TTCategoryTab .columnHeaders p {
    float: left;
    padding-bottom: 0;
    margin-bottom: 0;
    margin-top: 20px
}

.TTCategoryTab .columnHeaders p.header1 {
    margin-left: 23px;
}

.TTCategoryTab .columnHeaders p.header2 {
    margin-left: 97px;
    display: none;
}

.TTCategoryTab .columnHeaders p.header3 {
    margin-left: 71px;
}

.TTCategoryTab .meuiStacklayoutHorizontal:nth-child(1) input,
.TTCategoryTab .meuiStacklayoutHorizontal:nth-child(1) select {
    min-width: 130px;
    width: 170px
}

.TTCategoryTab .meuiStacklayoutHorizontal:nth-child(6) input,
.TTCategoryTab .meuiStacklayoutHorizontal:nth-child(6) select {
    width: 143px;
    min-width: 0;
    margin-left: 10px
}

.TTDataGrid .script_data_table tr td:nth-child(4),
.TTDataGrid .script_data_table tr th:nth-child(4) {
    max-width: 97px
}

.TTDataGrid .script_data_table tr td:nth-child(5),
.TTDataGrid .script_data_table tr td:nth-child(6),
.TTDataGrid .script_data_table tr td:nth-child(7),
.TTDataGrid .script_data_table tr td:nth-child(8),
.TTDataGrid .script_data_table tr td:nth-child(9),
.TTDataGrid .script_data_table tr th:nth-child(5),
.TTDataGrid .script_data_table tr th:nth-child(6),
.TTDataGrid .script_data_table tr th:nth-child(7),
.TTDataGrid .script_data_table tr th:nth-child(8),
.TTDataGrid .script_data_table tr th:nth-child(9) {
    max-width: 85px;
    text-align: center
}

.TTDataGrid .script_data_table tr th {
    text-overflow: initial!important
}

.TTDataGrid .script_data_table tr th span:nth-child(2) {
    display: block;
    text-align: center;
    vertical-align: bottom;
    position: relative
}

.TTAddNamesForm .editLabel {
    text-align: left;
    margin-left: 15px
}

.TTAddNamesForm .meuiLabel {
    width: 200px
}

.TTAddNamesForm {
    width: 430px;
    display: block
}

.TTAddNamesForm .meuiNumber {
    width: 65px
}

.saveProjectButton {
    position: absolute;
    bottom: 48px;
    left: 4px;
    right: 10px;
    width: 185px
}

.cc_main_cont {
    background-image: url(/1284284908/Handler/CSSOverride/GetImage/3/02.jpg)!important
}

.cc_main_cont.cc_loading {
    background-image: url(/-1567639458/Handler/CSSOverride/GetImage/3/tt_loading.gif), url(/1284284908/Handler/CSSOverride/GetImage/3/02.jpg)!important
}

#card figure {
    background-image: url(/958480336/Handler/CSSOverride/GetImage/3/loading_img.jpg)
}

.cc_rotate {
    background-image: url(/1060394636/Handler/CSSOverride/GetImage/3/rotate.png)
}

.cc_prev {
    background-image: url(/-1029878276/Handler/CSSOverride/GetImage/3/go_left.png)
}

.cc_next {
    background-image: url(/1020982801/Handler/CSSOverride/GetImage/3/go_right.png)
}

.cc_next:before,
.cc_prev:before,
.cc_rotate:before {
    display: none!important
}

.meuiStackLayout .meuiTabBodies,
.meuiTabBodies {
    border: none
}

#imageControlButtonset .ui-button:hover,
.btn-me:hover {
    background-color: #757575!important
}

.fakeUploadTarget {
    background-color: transparent
}

.GS_filters_container,
.GS_options_container {
    background: rgba(0, 0, 0, .5);
    border: 1px solid #191919;
    color: #ddd
}

.GS_filters_container .GS_titles .GS_filters_toggle,
.GS_options_container .GS_sort,
.GS_options_container .GS_thumbnail_sizes {
    background: #464648;
    color: #ddd;
    border: 1px solid #191919
}

.GS_filters_container .GS_filters .GS_filter .GS_filter_title {
    background: #464648;
    color: #F3F3F3
}

.GS_thumbnail_sizes input[type=radio]:checked+label {
    background-color: #ddd;
    color: #191919
}

.GS_filters_toggle input[type=checkbox]:checked+label {
    background-image: none;
    background-color: #ddd
}

.GS_filters_toggle input[type=checkbox]:checked+label .f_t_on {
    display: inline;
    color: #464648
}

.GS_filters_container .GS_filters .GS_filter .GS_filter_title:hover {
    background: #191919
}

.GS_filters_toggle input[type=checkbox]+label {
    padding: 1px 2px;
    background-color: #232324
}

.GS_thumbnail_sizes input[type=radio]+label {
    background-color: #242425
}

.GS_window_title {
    background: #232324
}

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

.ui-tabs .ui-tabs-nav li.ui-tabs-active .tab_Title {
    color: #fff
}

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

.meuiUploadButton:hover,
.modal-body button:hover {
    background: #09090a!important
}

.block-popular-blogtags {
    position: relative;
    float: left;
    width: 100%;
    padding: 10px;
    box-sizing: border-box
}

.blogposts img {
    max-width: 100%;
    padding: 1%;
    box-sizing: border-box;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    margin-top: 10px
}

.block-popular-blogtags .tags a,
.blogpost .tags a,
.post .tags a {
    color: #22a8e5
}

.blog .page-title h1 {
    padding-left: 1px;
    text-align: left;
    margin-bottom: 8px
}

.blog .blogposts .blogbody {
    color: #7c7c7c
}

.blog .blogposts .blogtitle {
    color: #191919
}

.blog .blogposts .blogdetails {
    background: #131313
}

ul.dropdown li a {
    padding-left: 5px;
    padding-right: 5px
}

.blog .page-title {
    display: none
}

.blogpost .postdate {
    left: 50%;
    width: 270px;
    text-align: center;
    margin-left: -135px
}

.blogpost h1,
.blogpost h2,
.blogpost h3 {
    text-align: center
}

.blogpost .blogcomments .newcomment .blogpostaddcommentbutton {
    background: #191919
}

.blogcomment .username {
    color: #909090
}

.TTdialog .script_data_table th {
    font-size: 11px;
    text-align: center;
    white-space: initial
}

.TTdialog .script_data_table input {
    width: auto!important;
    max-width: 100%!important;
    margin: 0
}

.TTdialog .script_data_table td,
.TTdialog .script_data_table th {
    padding-left: 4px;
    padding-right: 4px!important
}

.TTdialog .script_data_table td .fa,
.TTdialog .script_data_table th .fa {
    margin: 0
}

.TTdialog .script_data_table button {
    height: 31px;
    display: inline-block;
    vertical-align: baseline
}

.TTdialog .meuiDownloadButton,
.TTdialog .script_upload_button {
    background: #212C36!important;
    border: 0 solid #ccc!important;
    color: #FFF!important;
    box-shadow: none!important
}

.TTdialog .script_data_table thead {
    text-align: right
}

.TTdialog .script_data_table tbody tr:first-child td:first-child {
    position: relative;
    overflow: visible
}

.TTdialog .script_data_table tbody tr:first-child td:first-child:after {
    content: '';
    position: absolute;
    top: -13px;
    left: -4px;
    background: url(/1441456092/Handler/CSSOverride/GetImage/3/TopTrump-04.svg);
    background-size: cover;
    width: 24px;
    height: 24px
}

.megaEditMainContainer .addPageButton {
    display: none
}

.topicpage-body div.right.v-align {
    right: 0
}

.topicpage-body div.right {
    position: relative;
    float: right;
    width: 50%;
    padding-left: 20px;
    box-sizing: border-box
}

.topicpage-body div.left {
    position: relative;
    float: left;
    width: 50%;
    padding-right: 20px;
    margin-bottom: 20px;
    box-sizing: border-box
}

.topicpage-body div,
.topicpage-body li,
.topicpage-body p,
.topicpage-body ul {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 12px;
    font-size: 17px;
    line-height: 22px;
    text-align: left
}

.topicpage-body div.v-align {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.topicpage-body div.grey-background-section {
    background: #f1f1f1;
    box-sizing: border-box;
    width: 300%;
    padding-left: 100%;
    padding-right: 100%;
    padding-top: 40px;
    margin-left: -100%
}

.topicpage-body div.grey-background-section div.right.v-align {
    left: 50%;
    width: 16.6%;
    right: initial;
    box-sizing: border-box;
    padding-left: 80px;
    padding-right: 80px;
}

.topicpage-body div.first-time-row1 div.left.v-align {
    left: 0
}

.text-center,
.text-center h1,
.text-center h2,
.text-center h3,
.text-center p,
h4 {
    text-align: center
}

.landing-page-title h3 {
    text-align: center;
    position: relative;
    float: left;
    width: 100%;
    font-family: 'Kalam', cursive;
    font-size: 47px;
    margin-top: 20px;
    color: #191919;
    line-height: 55px;
    margin-bottom: 50px
}

.terms-and-conditions p {
    font-size: 12px;
    color: #969696;
    font-weight: 100;
    line-height: 16px
}

.topicpage-body div.first-time-row1 {
    height: 425px;
}

html body,
.generalPageWrapper {
    overflow-x: hidden;
}

.topicpage-body img {
    max-width: 100%;
}

#contentrow {
    margin-top: 20px;
}

.homebanners {
    display: none;
}

@media only screen and (max-width:767px) {
    #contentrow {
        overflow: visible;
    }
    .topicpage-body div.first-time-row1 div.left.v-align,
    .topicpage-body div.first-time-row1 div.left,
    .topicpage-body div.first-time-row1 div.right.v-align,
    .topicpage-body div.first-time-row1 div.right,
    .topicpage-body div.left,
    .topicpage-body div.right,
    .topicpage-body div.left.v-align,
    .topicpage-body div.right.v-align,
    .topicpage-body div.grey-background-section div.right.v-align,
    .topicpage-body div.grey-background-section div.left.v-align {
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
        position: relative;
        float: left;
        width: 100%;
        padding: 10px;
        margin: 0px;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }
    .topicpage-body div.first-time-row1 {
        height: auto;
    }
    img.responsiveimage {
        width: 100%;
        padding-top: 30px;
    }
    #logorow .grid_12:after {
        padding: 5%!important;
        padding-top: 0px!important;
        font-size: 20px!important;
        margin-bottom: 20px;
        margin-top: -20px;
    }
}

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

input.productvariantsavequotebutton {
    background-color: #fff;
    color: #000;
    height: 28px;
    font-weight: bold;

}


#BeforeMainContainer {
    width: 100%;
    max-width: 100%;
}

#BeforeMainContainer .grid_12 {
    width: 100%;
    margin: 0;
}

#BeforeMainContainer #sliderrow{
    width: 100%;
}

#BeforeMainContainer .flexslider .slides > li {
    position: relative;
    padding-bottom: 36%;
}

#BeforeMainContainer .flexslider .slides > li img{
    position: absolute;
    top: 50%;
    min-width: 100%;
    transform: translateY(-50%);
}

.layout--columnOne #contentrow {
    width: 100%;
}

.quote_slider__section{
    background: #f2f2f2;
    margin-top: 3rem;
    margin-bottom: 1rem;
    display: inline-block;
    width: 100%;
}

.quote_slider__section .flex-control-nav{
    display: none;
}

#quote_slider li {
    padding: 0 5%;
    box-sizing: border-box;
}

#quote_slider {
    position: relative;
    padding: 50px 17px;
    text-align: center;
    font-size: 16px;
    max-width: 90%;
    margin: 0 auto;
}

.quote_slider__section .grid_12{
    margin: 0 auto;
    float: none;
    display: block;
}

#quote_slider h3 {
    font-family: 'Kalam', cursive;
    font-size: 2rem;
    margin-bottom: 20px;
}

#quote_slider p {
    line-height: 1.5;
}

#quote_slider .flex-control-thumbs li{
    height: 12px;
    background: white;
}

#quote_slider .flex-control-thumbs li img {
    background: #333333;
    text-indent: -9999px;
    height: 12px;
}

.newsLetterSmallWrapper {
    width: 100%;
    background: url(/-692268793/Handler/Picture/GU/F/slider//newsletter-img.png);
    text-align: center;
    padding: 200px 0;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
}

.newsLetterSmallWrapper .newsLetterSmallInnerWrapper {
    max-width: 400px;
    margin: 0 auto;
}

.newsLetterSmallWrapper .newsLetterSmall .title {
    font-size: 1.4rem;
}

.newsLetterSmallWrapper .newsLetterSmall .formItems input[type=submit] {
    margin: 0;
    border: 0;
    background: 0;
    border-bottom: 1px solid black;
}

.newsLetterSmallWrapper .newsLetterSmall .formItems input#Email {
    border: 0;
    border-bottom: 1px solid black;
    width: 100%;
    text-align: left;
    margin: 0;
}

.newsLetterSmallWrapper .newsLetterSmall .formItems {
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.newsLetterSmallWrapper .newsLetterSmall {
    background: white;
    display: inline-block;
    margin: 0 auto;
    padding: 40px 0;
    border: 2px solid black;
    width: 55%;
}


.toppicks-quote {
    text-align: center;
}

.toppicks-quote .row {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 420px;
    margin-bottom: 70px;
    overflow: hidden;
    margin-top: 60px;
}

.toppicks-quote .grid_8 h2.top_picks__title {
    display: inline-block;
    position: absolute;
    top: 20px;
    width: 100%;
    left: 0;
    text-align: center;
    font-size: 1.6rem;
}

.toppicks-quote .grid_8 {
    background: #f1aba9;
    position: relative;
    height: 100%;
}

.toppicks-quote .grid_4 {
    background: url(/780050656/Handler/CSSOverride/GetImage/3/chalkboard_tx.png);
    height: 100%;
    display: block;
    background-size: 100% 120%;
    background-position: center center;
    background-repeat: no-repeat;
}

#quote--slider li {
    display: flex !important;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding: 30px;
    justify-content: flex-end;
    align-items: flex-end;
}

#quote--slider li img {
    width: 100%;
}

#quote--slider li span{
    color: white;
    font-weight: bold;
    font-size: 16px;
}


.toppicks-quote .grid_8 #top_picks {
    padding-top: 0;
    box-sizing: border-box;
    position: absolute;
    height: calc(100% - 60px);
    top: 60px;
    width: 80%;
    left: 10%;
}

.toppicks-quote .grid_8 #top_picks .flex-control-thumbs{
    display: none;
}

.toppicks-quote .grid_8 #top_picks .slides li {
    height: 100%;
    position: absolute !important;
    top: 0;
    left: 0;
    display: flex !important;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.toppicks-quote .grid_8 #top_picks .slides li img {
    max-height: 300px;
}

.toppicks-quote .grid_8 #top_picks .slides li p {
    width: 100%;
    font-weight: bold;
    font-size: 15px;
}


#quote_slider ul.flex-direction-nav,
.toppicks-quote .grid_8 #top_picks ul.flex-direction-nav {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    display: block;
    height: 100%;
    z-index: 0;
}

#quote_slider .flex-direction-nav .flex-prev,
.toppicks-quote .grid_8 #top_picks .flex-direction-nav .flex-prev {
    opacity: 1;
    background: none;
}


#quote_slider a.flex-prev:after,
.toppicks-quote .grid_8 #top_picks a.flex-prev:after {
    content: "";
    background: url("/421603080/Handler/CSSOverride/GetImage/3/Vector Smart Object copy 2.png");
    height: 40px;
    width: 30px;
    display: block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    top: 50%;
    transform: translateY(-50%);
}

#quote_slider .flex-direction-nav .flex-next,
.toppicks-quote .grid_8 #top_picks .flex-direction-nav .flex-next {
    opacity: 1;
    background: none;
}

#quote_slider a.flex-next:after,
.toppicks-quote .grid_8 #top_picks a.flex-next:after {
    content: "";
    background: url("/421603080/Handler/CSSOverride/GetImage/3/Vector Smart Object copy 2.png");
    height: 40px;
    width: 30px;
    display: block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
}


div#quote--slider .flex-direction-nav,
div#quote--slider .flex-control-nav,
.toppicks-quote .flex-control-nav {
    display: none;
}


.windowsize-mobile-popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    border: 2px solid;
    padding: 30px 40px;
    text-align: center;
    width: 60%;
    max-width: 400px;
    z-index: 999;
}

.windowsize-mobile-popup .close {
    position: absolute;
    top: 8px;
    right: 8px;
    display: block;
    color: #333333;
    font-size: 18px;
    cursor: pointer;
}

.em.footer.fa.fa-facebook {
	display:block!important;
	color: #ffffff;
}

.footer-social-icon-container {
	margin-left: 5px;
}