/* @cache_version:1 */


/* =======================================================================
   template:      
*/
/*@==template==*/
ipc {display:inline-block;background-color:orange;padding:5px 10px;border:1px solid #bbb}
ipc > ipc {background-color:white;margin:2px;opacity:0.8}
ipc:before {content:"#"attr(name);display:inline-block}
.body-template {background-color:#FFFFFF}
_PH_, .template {font-family:Open Sans, Helvetica, Arial, sans-serif;font-size:16px;font-weight:normal;font-style:normal;color:#3B5459;line-height:1.4;background-color:#FFFFFF;position:relative;z-index:0}
input,textarea,select,button {font-family:Open Sans, Helvetica, Arial, sans-serif;font-size:16px}
#page-box {display:flex;min-height:100vh;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-overflow-scrolling:touch}
#browser-box {box-sizing:border-box}
.section-inner {margin-left:auto;margin-right:auto;width:100%;max-width:1600px;box-sizing:border-box}
#mobile-trolley-notification {position:absolute;top:100%;left:0px;right:0px;background-color:#fff;display:none}
#mobile-trolley-notification .detail {display:inline-block}
#mobile-trolley-notification .detail p {display:inline-block;padding:0 10px}
#mobile-trolley-notification .detail p.quantity {display:block}
#mobile-trolley-notification .detail p.price {display:none}
#header {-webkit-flex:none;-ms-flex:none;-moz-box-flex:none;-webkit-box-flex:none;flex:none}
#header-inner {height:47px;background-color:rgba(255,255,255,0)}
#header-box {padding-left:30px;padding-right:30px}
#h-nav {-webkit-flex:none;-ms-flex:none;-moz-box-flex:none;-webkit-box-flex:none;flex:none}
#h-nav-inner {height:63px}
#h-nav-box {padding-left:30px;padding-right:30px}
#body-header {-webkit-flex:none;-ms-flex:none;-moz-box-flex:none;-webkit-box-flex:none;flex:none}
#main-content {display:flex;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;-moz-box-flex:1 0 auto;-webkit-box-flex:1 0 auto;flex:1 0 auto}
#main-content-inner {clear:both;display:flex;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;-moz-box-flex:0 0 auto;-webkit-box-flex:0 0 auto;flex:0 0 auto;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
#main-content-box {padding-left:30px;padding-right:30px;padding-top:40px;padding-bottom:0px;display:flex;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;-moz-box-flex:1 0 auto;-webkit-box-flex:1 0 auto;flex:1 0 auto;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}
#main-content-box:after {content:'';display:table;clear:both}
.mceContentBody {clear:both}
#l-col {float:left;vertical-align:top;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;-moz-box-flex:0 0 auto;-webkit-box-flex:0 0 auto;flex:0 0 auto}
#l-col-box {border-width:0px;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;-moz-box-flex:1 1 auto;-webkit-box-flex:1 1 auto;flex:1 1 auto}
#r-col {box-sizing:border-box;float:right;vertical-align:top;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;-moz-box-flex:0 0 auto;-webkit-box-flex:0 0 auto;flex:0 0 auto}
#r-col-box {border-width:0px;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;-moz-box-flex:1 1 auto;-webkit-box-flex:1 1 auto;flex:1 1 auto}
#c-col {width:100%;min-width:0;float:left;background-image:url(/_data/site/249/templates/current/cb_bg.jpg);-webkit-flex:1 1 auto;-ms-flex:1 1 auto;-moz-box-flex:1 1 auto;-webkit-box-flex:1 1 auto;flex:1 1 auto}
#content-box {vertical-align:top}
#content-footer {clear:both}
*html #content-box {position:relative;z-index:1;width:100%}
#body-footer {background-color:#829499;-webkit-flex:none;-ms-flex:none;-moz-box-flex:none;-webkit-box-flex:none;flex:none}
#body-footer-inner {clear:both;background-color:#829499}
#body-footer-box {padding-left:30px;padding-right:30px}
#footer {background-color:#A6CCD1;-webkit-flex:none;-ms-flex:none;-moz-box-flex:none;-webkit-box-flex:none;flex:none}
#footer-inner {background-color:#A6CCD1}
#footer-box {padding-left:30px;padding-right:30px}
a {color:#FF9E57;font-weight:normal;text-decoration:none}
a:hover {color:#3B5459;text-decoration:none}
h1 {font-family:Open Sans, Helvetica, Arial, sans-serif;font-size:31px;font-weight:bold;font-style:normal;color:#3B5459;text-transform:uppercase}
h2 {font-family:Open Sans, Helvetica, Arial, sans-serif;font-size:24px;font-weight:normal;font-style:normal;color:#3B5459}
h3 {font-family:Open Sans, Helvetica, Arial, sans-serif;font-size:18px;font-weight:bold;font-style:normal;color:#3B5459;text-transform:uppercase;letter-spacing:1px}
h4 {font-family:Open Sans, Helvetica, Arial, sans-serif;font-size:18px;font-weight:normal;font-style:normal;color:#829499}
h5 {font-family:Open Sans, Helvetica, Arial, sans-serif;font-size:15px;font-weight:bold;font-style:normal;color:#829499;text-transform:uppercase;letter-spacing:1px}
h6 {font-family:Open Sans, Helvetica, Arial, sans-serif;font-size:14px;font-weight:normal;font-style:normal;color:#3B5459}
.desk-top-flex {display:flex}
#header-mob {display:none;position:relative;box-sizing:border-box}

/* LAYOUTS */
.layout-1836 .pg-title{text-align:left;padding:15% 0 10%;border-top:1px solid #e3e3e3}
.layout-1836 .pg-body p{line-height:2.1em}
.layout-1836 .section-inner .pg-body{padding-left:0px}


/* -- responsive -- */
@media only screen and (max-width: 767px ) {
#header {display:none}
#h-nav {display:none}
#main-content-box {display:block;-webkit-flex:none;-ms-flex:none;-moz-box-flex:none;-webkit-box-flex:none;flex:none}
#l-col, #r-col {float:none;vertical-align:top;-webkit-flex:none;-ms-flex:none;-moz-box-flex:none;-webkit-box-flex:none;flex:none;display:block;width:100%!important}
#l-col.myaccount-menu {display:none}
#l-col-box, #r-col-box {-webkit-flex:none;-ms-flex:none;-moz-box-flex:none;-webkit-box-flex:none;flex:none;margin:0px;padding:0px;width:100%!important;border:none}
#c-col {float:none;-webkit-flex:none;-ms-flex:none;-moz-box-flex:none;-webkit-box-flex:none;flex:none}
#main-content-inner {-webkit-flex:0 1 auto;-ms-flex:0 1 auto;-moz-box-flex:0 1 auto;-webkit-box-flex:0 1 auto;flex:0 1 auto}
#mobile-actions {position:absolute;top:50%;right:4%;margin-top:-41px}
#mobile-trolley {float:right;position:relative}
#mobile-trolley svg {height:45px;width:45px;fill:#515351}
#mobile-trolley-items {position:absolute;bottom:12px;width:100%;text-align:center;color:#515351;font-size:0.9em}
#mobile-favourites {float:right}
#mobile-favourites svg {height:45px;width:45px;fill:#515351}
#mobile-search-icon {height:39px;width:39px;fill:#515351;cursor:pointer;float:right;margin-top:6px}
#mobile-search {margin-top:112px;position:absolute;top:0px;left:0px;right:0px;display:none;padding:0px;box-sizing:border-box;background:white;border-bottom-style:solid;border-bottom-color:#ddd;border-bottom-width:1px}
#mobile-search.is-open {display:block}
#mobile-search input {width:100%;height:40px;border:none;padding:0 4% 0 calc(4% + 21px);box-shadow:none;background-color:#FFF}
#mobile-search #icon-search {position:absolute;display:block;top:13px;left:4%;height:16px;width:16px;fill:#bbb}
#mobile-search #close-search {position:absolute;display:block;cursor:pointer;right:4%;height:16px;width:16px;fill:#bbb;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.template-box {margin-top:112px;height:-webkit-calc(100% - 112px)}
#menu-icon-wrapper {position:absolute;top:50%;margin-top:-41px}
#header-mob-box, #main-content-box, #body-header-box, #body-footer-box, #footer-box {padding-left:4%;padding-right:4%}
#c-col, #c-col-inner {margin-right:0px!important}
.path {margin:10px 0}
.path a, .path img {display:none}
.path.no-back {border:none}
.path a.back {display:block;padding-left:15px;background-image:url(/media/icons/arrow_back.gif);background-repeat:no-repeat;background-position:left center}
.pg-gallery-image .slick-dots {display:none!important}
#main-content-box .pg-gallery-image .im-gallery.with-thumbs .slide-counter {display:block}
#main-content-box .pg-gallery-image .im-gallery.with-thumbs .slider-thumbs {display:none}
#main-content-box .pg-gallery-image .im-gallery.with-thumbs.no-main-img .slider-thumbs {display:block}
#main-content-box .pg-gallery-image .slick-arrow {display:none!important}
#main-content-box .pg-gallery-image .slider-thumbs.hasDots {margin-bottom:0px}
.folder-list li .folder-details {margin-top:15px;margin-left:0 !important;float:left}
#main-content-box .folder-product li .folder-details {display:none}
.fw-mobile {width:100%!important}
.align-center-mobile {text-align:center}
.desk-top-flex {display:block}
.headroom {-webkit-transition:-webkit-all .25s ease-in-out;-moz-transition:-moz-all .25s ease-in-out;transition:all .25s ease-in-out}
.headroom--unpinned {-webkit-transform:translateY(-80px);-moz-transform:translateY(-80px);-ms-transform:translateY(-80px);-o-transform:translateY(-80px);transform:translateY(-80px)}
.headroom--pinned {-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
.header--fixed {position:fixed;top:0px;left:0px;right:0px;z-index:10}
#header-mob {display:block;height:112px;background-color:##DED1C9}
#header-mob-logo {position:absolute;width:210px;height:92px;top:50%;left:50%;margin-top:-62px;margin-left:-85px;background-size:contain;background-image:url(/_data/site/249/templates/current/mobile_logo.png);background-repeat:no-repeat;background-position:center center}
}
@media (max-width: 1599px){
#page-box {width:100%}
.section-inner {margin:0px;width:100%}
#l-col-box {height:auto!important}
#r-col-box {height:auto!important}
#h-nav-box {height:auto}
#h-nav-box .sf-menu {margin-bottom:0px}
img {max-width:100%}
.dialog {width:100%;margin-top:112px}
}

/* -- responsive -- */
@media only screen and (min-width: 767px ) {
#main-content-box .folder-list.folder-tile li {width:100%}
#main-content-box .folder-list.folder-view .fg-row {display:flex}
#footer-box .folder-list.folder-view .fg-row {display:flex}
#main-content-box .folder-list .action-block {text-align:left}
.folder-list.folder-view li.img-inline .row-inline-image {display:block}
.folder-list.folder-view li.img-inline .fg-row .columns.column-image {display:none}
.folder-list.folder-view .caption  {display:none}
}

/*==@template==*/