@import url(reset.css);




@font-face {
    font-family: "MB Empire Heavy W01 Heavy";
    src: url("/fonts/0b8e859d4325433913ccac690809ea53.eot"); /* IE9*/
    src: url("/fonts/0b8e859d4325433913ccac690809ea53.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/fonts/0b8e859d4325433913ccac690809ea53.woff2") format("woff2"), /* chrome、firefox */
    url("/fonts/0b8e859d4325433913ccac690809ea53.woff") format("woff"), /* chrome、firefox */
    url("/fonts/0b8e859d4325433913ccac690809ea53.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url("/fonts/0b8e859d4325433913ccac690809ea53.svg#MB Empire Heavy W01 Heavy") format("svg"); /* iOS 4.1- */
}

@font-face {
    font-family: "MB Empire Medium W01 Medium";
    src: url("/fonts/68127e5b5bc4e3c1d023d077b042209a.eot"); /* IE9*/
    src: url("/fonts/68127e5b5bc4e3c1d023d077b042209a.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/fonts/68127e5b5bc4e3c1d023d077b042209a.woff2") format("woff2"), /* chrome、firefox */
    url("/fonts/68127e5b5bc4e3c1d023d077b042209a.woff") format("woff"), /* chrome、firefox */
    url("/fonts/68127e5b5bc4e3c1d023d077b042209a.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url("/fonts/68127e5b5bc4e3c1d023d077b042209a.svg#MB Empire Medium W01 Medium") format("svg"); /* iOS 4.1- */
}


@font-face {
    font-family: "MB Empire W01 Book";
    src: url("/fonts/226a82726daf37dcc08ce928742767b3.eot"); /* IE9*/
    src: url("/fonts/226a82726daf37dcc08ce928742767b3.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/fonts/226a82726daf37dcc08ce928742767b3.woff2") format("woff2"), /* chrome、firefox */
    url("/fonts/226a82726daf37dcc08ce928742767b3.woff") format("woff"), /* chrome、firefox */
    url("/fonts/226a82726daf37dcc08ce928742767b3.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url("/fonts/226a82726daf37dcc08ce928742767b3.svg#MB Empire W01 Book") format("svg"); /* iOS 4.1- */
}

@font-face {
    font-family: "MB Empire W01 Book Italic";
    src: url("298980f182b77beaaed0f13e2cd42bca.eot"); /* IE9*/
    src: url("/fonts/298980f182b77beaaed0f13e2cd42bca.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/fonts/298980f182b77beaaed0f13e2cd42bca.woff2") format("woff2"), /* chrome、firefox */
    url("/fonts/298980f182b77beaaed0f13e2cd42bca.woff") format("woff"), /* chrome、firefox */
    url("/fonts/298980f182b77beaaed0f13e2cd42bca.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url("/fonts/298980f182b77beaaed0f13e2cd42bca.svg#MB Empire W01 Book Italic") format("svg"); /* iOS 4.1- */
}


html {
    background: url('../images/RPpatternweb-13.jpg') repeat;
    box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

body
{
	
}

/*#contentouter
{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	overflow:auto;
	z-index:1;
}*/
/*#bg
{
	width:100%;
	height:100%;
	z-index:0;	
	
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
}
*/

.outer {
    margin: 325px 0 0;
}

#contentouter {
    margin: 0 20px;
}

.contentwrapper {
    width: 80%;
    float: left;
    clear: none;
}

.no-sidebar .contentwrapper {
    width: 100%;

}

#contentholder
{
	position: relative;
	max-width: 1200px;
	margin: 40px auto 0;
	//padding-top: 15px;
    width: 100%;
}

#contentholder:after
{
	content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 20%;
    background-color: #ECF6F6;
    z-index: 10;
}

#contentholder.no-sidebar:after
{
    display: none;
}

.pagerow {
    position: relative;
}

.pagerow:before,
.pagerow:after {
    content: " ";
    display: table;
}

.pagerow:after {
    clear: both;
}

#footer {
	position: relative;
	width: 960px;
	margin: 0 auto 30px;
	padding: 30px 0 20px;
	text-align: center;
	font-size: 1.2em;
	color: #461E6F;
	font-weight: bold;
    max-width: 100%;
}


#maincontent
{
	//background:url(../images/mainbg.png) repeat-y;
    background-size: 100%;
	padding: 0;
    background: #ffffff;
	color: #412e22;
    width: 100%;
    box-sizing: border-box;
}

#header {
    height: auto;
    background: #461E6F;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 200;
    text-align: center;
}

#header.resize h1 {
    width: 180px;
	height: 117px;
    margin: 15px auto 5px;
}

#header p
{
	line-height:1em;
	margin:0;
}
#header p a
{
	border-bottom:none;
}
#header h1, #header p a
{
	position: relative;
	display: inline-block;
	font-size: 0;
	overflow: hidden;
	text-indent: -100000px;
	background: url(../images/logo.png) no-repeat center center;
    background-size: 100%;
	width: 260px;
	height: 140px;
    margin: 15px auto;

    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

#header ul a:hover
{
	text-decoration:underline;
	
}
.topnav
{
	display: inline-block;
    padding: 10px;
    position: absolute;
    top: 0;
    left: 0;
}

.topnav li,.basketlinks li
{
	margin-right:10px;
	float:left;
}

.topnav li a,.basketlinks li a
{
	color:#fff;
	text-decoration:none;
	font-size:1.2em;
}

/*.basketlinks li
{
	font-weight:bold;
}*/

.basketlinks
{
	display: inline-block;
    padding: 10px;
    position: absolute;
    top: 0;
    right: 0;
}

h2
{
	font-size:2em;
	color:#29085a;
	font-family: Georgia, Times New Roman, Times, Serif;
	margin-bottom:10px;
	line-height:1.3em;
    text-transform: none;
    font-family: 'MB Empire Medium W01 Medium'!important;
}

h2 a
{
	color:#29085a;
	text-decoration:none;
}

#content h1
{
	font-size:2.5em;
	color:#29085a;
	font-family:Georgia, Times New Roman, Times, Serif;
	margin-bottom:10px;
	margin-top:10px;
	line-height:1.5em;
}

h3
{
	font-size:1.2em;
	font-weight:bold;
	color:#29085a;
}

h3 a
{
	color:#29085a;
	text-decoration:none;
}

h3 a:hover
{
	text-decoration:underline;
}

p
{
	font-size:1.3em;
	line-height:1.6em;
	margin-bottom:1.6em;
}

p.smallprint
{
	font-size:1em;
}

p em
{
	font-family: "MB Empire Medium Italic1408900";
}

#navigation
{
    //margin: 5px 0;
    //background:#B29F84;
    //height: 62px;
    position:relative;
    width: 100%;
}

/*#navigation > ul {
    margin-top: 5px;
}*/

#navigation li
{
	//float:left;
	display: inline-block;
    position: relative;
	//border-right:solid 1px #fff;
}

/*#navigation li:after
{
	content: "|";
    position: absolute;
    top: 9px;
    right: 0;
    color: #ECF6F6;
}*/

#navigation li.last:after
{
	display: none;
}
    #navigation li a {
        margin: 0 2px 4px;
        padding: 8px 6px;
        white-space: nowrap;
        display: block;
        background: #704B97;
        color: #ffffff;
        text-decoration: none;
        font-size: 1.3em;
        text-align: center;
        line-height: 18px;
        font-family: 'MB Empire Medium W01 Medium';
    }

@media only screen and (max-width : 1023px) {
    #navigation li a {
        margin: 0;
        padding: 12px 10px;
    }
}

    #menu-button {
        padding: 12px 10px;
        white-space: nowrap;
        display: block;
        background: #704B97;
        color: #ffffff;
        text-decoration: none;
        font-size: 1.1em;
        text-align: center;
        line-height: 18px;
        font-family: 'MB Empire Heavy W01 Heavy';
    }

    /*#navigation li:last-child a
{
	padding-right:25px;

}
#navigation li:last-child
{
    border-right:none;
}*/

    #navigation li a:hover, #navigation li a.open {
        background: #342254;
        text-decoration: none;
    }


    #navigation li ul {
        position: absolute;
        display: none;
        z-index: 10;
        padding-left: 0;
    }

        #navigation li ul li {
            float: none;
            border-right: none;
        }

        #navigation li ul a {
            float: none;
            font-size: 1.2em;
            font-weight: normal;
            padding: 4px 12px;
            text-align: left;
            color: #fff;
            background: url(../images/dropdownbg.png);
        }

    #navigation ul ul li a:hover {
        background: #342254;
        text-decoration: none;
    }

    #delivery-timer, #_alertbar {
        background: #704B97;
        color: #ffffff;
        text-align: center;
        width: 100%;
        text-align: center;
        z-index: 200;
    }

#_alertbar {
    background: #FF0000;
}

        #delivery-timer .text, #_alertbar .text {
            max-width: 1200px;
            display: inline-block;
        }

            #delivery-timer p, #_alertbar p {
                font-family: 'MB Empire Heavy W01 Heavy';
                text-transform: uppercase;
                font-size: 1.6em;
                color: #ffffff;
                margin-bottom: 10px;
                line-height: 1.2em;
                padding: 10px 30px;
                margin: 0;
            }

            #delivery-timer p span, #_alertbar p span {
                font-family: 'MB Empire Medium W01 Medium' !important;
            }


    #promosection {
        //width:593px;
        //height:364px;
        width: 100%;
        height: 500px;
        position: relative;
        overflow: hidden;
        margin-bottom: 6px;
        margin-top: -40px;
        background: url(../images/rp-homepage-new-hr2.jpg) no-repeat center;
        background-size: cover;
        text-align: center;
    }

        #promosection .content {
            text-align: center;
        }

        #promosection .text {
            position: absolute;
            width: 90%;
            left: 50%;
            top: 50%;
            text-align: center;
            max-width: 1200px;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

        #promosection p {
            text-align: left;
        }

        #promosection .strapline {
            font-family: 'MB Empire Heavy W01 Heavy';
            text-transform: uppercase;
            font-size: 5.5em;
            color: #ffffff;
            margin-bottom: 10px;
            line-height: 1em;
            text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
            padding: 10px 25% 10px 0;
        }

            #promosection .strapline span {
                font-family: 'MB Empire Medium W01 Medium';
                text-transform: none;
                display: block;
                font-size: 0.6em;
                letter-spacing: 0em;
                color: #ffffff;
                margin-top: 10px;
                line-height: 1.5em;
                text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
            }


        #promosection a.button.startshopping {
            position: relative;
            margin: 0 auto;
        }

        #promosection div.page {
            width: 593px;
            height: 364px;
            position: absolute;
            top: 0;
        }

    #promoinner {
        overflow: hidden;
        position: relative;
        width: 593px;
        height: 364px;
    }


    #promonav {
        position: absolute;
        left: 10px;
        bottom: 10px;
    }

        #promonav div {
            width: 20px;
            height: 20px;
            cursor: pointer;
            background: #FFFFFF;
            float: left;
            margin-right: 5px;
            margin-top: 3px;
            color: #29085a;
            text-align: center;
            font-size: 1.2em;
            font-weight: normal;
            padding-top: 3px;
        }

            #promonav div.selected {
                background: #29085a;
                width: 23px;
                height: 21px;
                margin-top: 0;
                color: #ecd9ba;
                padding-top: 5px;
            }

    .thincol {
        float: right;
        height: auto;
        width: 50%;
        padding: 30px 30px 20px 30px;
        margin-bottom: 6px;
    }

        .thincol.section1 {
            float: left;
        }

    ul.coffeebullet, .section1 ul {
        margin: 20px 15px 15px 0;
        font-size: 1.1em;
    }

        ul.coffeebullet li, .section1 li {
            padding-bottom: 15px;
            line-height: 1.4em;
            background: url(../images/bullet.png) no-repeat 0 0;
            padding-left: 27px;
            font-weight: bold;
        }

    .section1 li {
        padding-bottom: 10px;
    }

    /*.categoryintro ul {
	margin-bottom: 1.5em;
}*/

    /*.categoryintro li {
	background: url(../images/bullet.png) no-repeat 0 0;
	padding-left: 27px;
	font-size: 1.2em;
	min-height: 30px;
}*/

    .pagecontent p {
        max-width: 85ch;
    }

    .pagecontent ul {
        margin-bottom: 1.5em;
    }

    .pagecontent li {
        background: url(../images/bullet.png) no-repeat 0 0;
        padding-left: 27px;
        font-size: 1.2em;
        min-height: 30px;
    }

    .categoryintro.wide {
        width: 75.49234135667396%;
    }

    #buyarea textarea {
        display: block;
    }

    .pagecontent td {
        font-size: 1.2em;
        padding: 6px 15px 6px 10px;
        margin: 1px;
    }

    .pagecontent th {
        font-size: 1.2em;
        font-weight: bold;
        padding: 10px 15px 10px 10px;
    }

    .pagecontent table {
        margin-bottom: 15px;
        background: #ECF6F6;
        border-color: #bfe2e5;
        border-top-width: 0px;
        border-right-width: 0px;
        border-bottom-width: 0px;
        border-left-width: 0px;
    }

    .pagecontent li a, .pagecontent td a {
        border-bottom: 1px dotted #bfe2e5;
        color: #333;
        text-decoration: none;
    }

        .pagecontent li a:hover, .pagecontent td a:hover {
            border-bottom: 1px solid #bfe2e5;
        }

    .widecol {
        width: 40%;
        padding: 15px;
    }

    .fullcol {
        width: 100%;
        padding: 30px;
        margin-bottom: 7px;
    }

    .tallcol {
        height: 264px;
        margin-bottom: 7px;
    }

    .shortcol {
        height: 125px;
        margin-bottom: 7px;
    }

    .endshortcol {
        height: 102px;
        margin-bottom: 7px;
    }

    .leftcol {
        float: left;
    }

    .rightcol {
        float: right;
    }

    .section2, .sectiongift {
        padding: 30px;
        height: auto;
        width: 50%;
    }

        ul.cols, .section2 ul {
            font-size: 1.2em;
            line-height: 1.8em;
        }

            ul.cols li, .section2 ul li {
                display: block;
                width: 170px;
                float: left;
            }

                ul.cols a, p a, ul.coffeebullet a, .section1 ul a, .section2 ul li a {
                    text-decoration: none;
                    border-bottom: dotted 1px #412E22;
                    color: #412E22;
                }

                    ul.cols a:hover, p a:hover, ul.coffeebullet a:hover, .section1 ul a:hover, .section2 ul a:hover {
                        border-bottom: solid 1px #412E22;
                    }

    .newslettersignup {
        width: 100%;
        padding: 30px;
        height: auto;
        text-align: center;
        background: #ECF6F6;
        color: #29085a;
    }

        .newslettersignup h2 {
            color: #29085a;
        }

        .newslettersignup p {
            margin-bottom: 15px;
        }

    .subpic {
        float: right;
    }

    .colinfo {
        width: 33.3333333%;
        padding-right: 30px;
        margin-bottom: 25px;
        float: left;
    }

        /*.colinfo:nth-child(3n+4)
{
	clear: left;
}*/

        .colinfo h3 {
            margin-bottom: 10px;
        }

        .colinfo p {
            font-size: 1.1em;
            line-height: 1.4em;
            margin-bottom: 0.5em;
        }

    .quicklinks {
        width: 100%;
        margin: 0;
        background: #461E6F;
        padding: 30px;
        position: relative;
        z-index: 999;
    }

        .quicklinks:after {
            content: "";
            display: table;
            clear: both;
        }

        .quicklinks div {
            float: left;
            width: 25%;
            padding-right: 30px;
        }

        .quicklinks h3 {
            color: #FFFFFF;
            margin-bottom: 10px;
        }

            .quicklinks h3 a {
                color: #FFFFFF;
            }

        .quicklinks ulh {
            margin: 5px 0 15px 0;
            font-size: 1.1em;
        }

        .quicklinks p, .quicklinks p a {
            font-size: 1.1em;
            color: #FFFFFF;
        }

        .quicklinks li a {
            color: #FFFFFF;
            text-decoration: none;
            font-size: 1.2em;
            line-height: 1.5;
        }

            .quicklinks li a:hover {
                text-decoration: underline;
            }

        .quicklinks li:last-of-type {
            margin-bottom: 20px;
        }

    .coffeestain {
        position: relative;
        overflow: hidden;
        margin-bottom: 0;
        /*background-image: url(../images/circular-pattern-14.png);
	background-repeat: no-repeat;
	background-position: center center;
    background-size: 100%;*/
    }

    #coffeepattern {
        background-image: url(../images/circular-pattern-18.png);
        background-repeat: no-repeat;
        background-position: left top;
        position: absolute;
        bottom: -80px;
        right: -80px;
        width: 650px;
        height: 550px;
        background-size: 200%;
        opacity: 0.2;
    }

    .categoryhead {
        position: relative;
        background: #FFFFFF;
        padding: 0 30px;
        width: 100%;
        float: left;
        box-sizing: border-box;
        background-size: cover;
        background-position: center center;
        height: 300px;
    }

        .categoryhead.noimages {
            height: auto;
            background-image: none !important;
        }

    .checkoutcontents {
        padding: 20px 55px 105px;
        background: #FFFFFF;
        margin-bottom: 7px;
    }

    .textpage {
        background: #FFFFFF;
        margin-bottom: 7px;
        padding: 15px 35px 30px 15px;
    }

        .textpage ul {
            margin: 0 20px;
        }

        .textpage li {
            background: url("../images/bullet.png") no-repeat scroll 0 0 transparent;
            line-height: 1.4em;
            padding-bottom: 15px;
            font-size: 1.2em;
            padding-left: 32px;
        }

    .breadcrumbs {
        position: absolute;
        margin-top: -25px;
        top: 0;
    }

@media (max-width: 800px) {
    .breadcrumbs {
        margin-top: -35px;
    }
}

    .breadcrumbs li {
        font-size: 1.1em;
        color: #29085a;
        display: block;
        font-weight: bold;
        float: left;
        margin-right: 5px;
    }

        .breadcrumbs li a {
            font-weight: normal;
            text-decoration: none;
            color: #29085a;
            display: block;
            background: url(../images/slash.png) no-repeat right center;
            padding-right: 10px;
        }

            .breadcrumbs li a:hover {
                text-decoration: underline;
            }

    .section-intro-text {
        width: 100%;
        float: left;
        padding: 20px 0 0 0;
        font-size: 1.2em;
        font-family: "MB Empire W01 Book";
    }

    .catouter {
        float: left;
        clear: none;
        width: 100%;
        box-sizing: border-box;
        padding: 20px 30px;
        /*min-height: 720px;*/
    }

    .pagecontent {
        position: relative;
        background: #FFFFFF;
        padding: 30px 30px;
        width: 100%;
        float: left;
        box-sizing: border-box;
    }

    .categorynav {
        padding: 0;
        /*float: left;*/
        width: 100%;
        text-align: left;
    }

        .categorynav li {
            line-height: 1.5em;
            font-size: 1em;
            color: #fff;
            font-weight: bold;
            display: inline-block;
            text-transform: uppercase;
            letter-spacing: 0.2em;
            text-shadow: 0px 1px 2px #333;
        }

    .tertiaryCatNav {
        float: left;
        display: block;
        width: 100%;
        background-color: #ECF6F6;
        padding: 15px 30px;
    }

        .tertiaryCatNav li {
            line-height: 1.5em;
            font-size: 0.8em;
            color: #461E6F;
            font-weight: bold;
            display: inline-block;
            text-transform: uppercase;
            letter-spacing: 0.2em;
        }

            .tertiaryCatNav li a {
                text-decoration: none;
                color: #461E6F;
            }

    .noimages .categoryintro {
        padding: 15px 0 0;
        position: relative;
    }

    .categorynav li a {
        font-weight: normal;
        color: #fff;
        text-decoration: none;
    }

    .noimages .categorynav li, .noimages .categorynav li a {
        color: #333;
        text-shadow: none;
    }

    .categorynav li:after, .tertiaryCatNav li:after {
        content: '/';
        display: inline-block;
        margin: 0px 5px;
    }

    .categorynav li:last-of-type:after, .tertiaryCatNav li:last-of-type:after {
        content: '';
        display: inline-block;
        margin: 0px 5px;
    }

    .categorynav li li {
        font-size: 0.9em;
        line-height: 1.3em;
        margin-bottom: 3px;
    }

    .categorynav li ul {
        margin-left: 15px;
        margin-bottom: 15px;
    }

    .categorynav li a:hover {
        text-decoration: underline;
    }

    .categorynav li.selected a {
        font-weight: bold;
    }

    .categorynav li a:hover {
        text-decoration: underline;
    }

    .categoryintro {
        float: left;
        padding: 20px 0 20px 30px;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        box-sizing: border-box;
    }

        .categoryintro img {
            float: right;
            margin: 0 0 15px 15px;
        }

    #content .categoryintro h1 {
        color: #fff;
        text-shadow: 0px -1px 3px #333;
        letter-spacing: 0.1em;
        line-height: 1.2;
    }

    .productlistings {
        padding: 20px 0;
        width: 100%;
        background: #FFFFFF;
        margin-bottom: 25px;
        position: relative;
        float: left;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    #PageContent_Listings__strengthFlavour {
        display: none;
    }

    .productlistings .product {
        width: 49%;
        background: #FFFFFF;
        padding: 30px 30px 30px 30px;
        margin-bottom: 25px;
        position: relative;
        background-color: #ECF6F6;
        /* display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: initial;  */
    }

    .sidebar {
        /*background: #ECF6F6;
    float: right;
    width: 20%;
    clear: none;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    bottom: 375px;
    right: 0;
    padding-top: 20px;*/
        background: #ECF6F6;
        float: right;
        width: 20%;
        clear: none;
        box-sizing: border-box;
        position: relative;
        /*margin-top: -300px;*/
        padding-top: 20px;
        z-index: 20;
    }

    /*.sidebar:after {
  content: "";
  display: table;
  clear: both;
}*/

    .infobox {
        background: #ECF6F6;
        padding: 10px 30px;
        float: left;
    }

    #PageContent__packSizes, #PageContent__deliveryOuter {
        width: 100%;
    }

    #PageContent__discounts {
        width: 100%;
    }

    .catouter .infobox {
        margin-bottom: 0;
    }

    .infobox p {
        font-size: 1.3em;
        line-height: 1.6em;
    }

    .infobox li {
        font-size: 1.2em;
        font-family: 'MB Empire Heavy W01 Heavy' !important;
        margin-bottom: 8px;
    }

    .infobox ul {
        margin-bottom: 15px;
    }

        .infobox ul.strength-key li {
            font-family: 'MB Empire Medium W01 Medium' !important;
        }

            .infobox ul.strength-key li img:last-of-type {
                margin-right: 5px;
            }

    .productlistings:after, .catouter:after {
        content: "";
        display: table;
        clear: both;
    }

    .productlistings h2 {
        margin-bottom: 10px;
        width: 100%;
        display: block;
        align-self: flex-start;
    }

    .product {
        padding: 0 10px 15px 10px;
        position: relative;
        //border-bottom: dotted 1px #CEB693;
        margin-bottom: 0;
    }

        .product:after {
            content: "";
            display: table;
            clear: both;
        }

    .price {
        line-height: 3em;
        float: left;
        margin-right: 15px;
    }

        .price span {
            display: block;
            font-size: 1.9em;
            color: #29085a;
        }

            .price span span {
                font-size: 0.8em;
                display: inline;
                margin-left: 5px;
            }

    #hidden {
        display: none !important;
    }

    .product p {
        margin-bottom: 10px;
    }

    .moredetails {
        white-space: nowrap;
    }

    .addrow {
        clear: left;
        width: auto;
        display: block;
    }

    a.button.addbutton {
        margin-bottom: 15px;
        font-size: 1.1em;
        width: 100%;
        text-align: center;
        /*align-self: flex-end;*/
        position: absolute;
        box-sizing: border-box;
        left: 0;
        bottom: -20px;
    }

    /*.product dt, .product .whats-this-link
{
	display:none;
}*/

    .strength-flavour {
        margin-bottom: 10px;
    }

        /*.strength-flavour .strength {
    margin-left: 2px;
}*/

        .strength-flavour .strength img {
            display: inline-block;
            width: 12px;
            margin-left: 5px;
            margin-bottom: -2px;
            float: left;
        }

            .strength-flavour .strength img:nth-child(1) {
                margin-left: 0;
            }

    .strength-level {
        margin-bottom: 5px;
    }

    .flavour-level .flavour {
        text-transform: uppercase;
        font-size: 11px !important;
        font-family: 'MB Empire Medium W01 Medium';
        color: #461E6F;
    }

    .strength-flavour dt, .strength-flavour dd {
        display: inline-block;
        font-size: 11px;
    }

    .strength-flavour dt {
        color: #461E6F;
        width: 120px;
        text-transform: uppercase;
        font-family: 'MB Empire Heavy W01 Heavy' !important;
    }

    .strength-flavour dd {
        font-family: 'MB Empire Medium W01 Medium';
    }

        .strength-flavour dd a, .strength-flavour dt a {
            text-decoration: none;
        }

    .whats-this-link {
        display: none;
    }

    .product dd, .strengthflavourguide li {
        position: relative;
        color: #461E6F;
        text-align: left;
    }

    .product dd {
        font-size: 1.4em;
    }

    .strengthflavourguide li {
        top: 15px;
    }

    .strengthflavourguide span {
        display: none;
        font-size: 1.1em;
    }

    .strengthflavourguide a {
        color: #29085a;
        text-decoration: none;
        font-size: 1em;
    }

    /*dd.strength { right:48px; }
dd.flavour { right:0; }
li.strength { right:68px; }
li.flavour { right: 25px; }*/

    .addrow .button {
        margin-top: 10px;
    }


    .checkoutlink {
        margin-top: 15px;
        padding: 0 10px;
        float: right;
        width: 20%;
        z-index: 100;
        position: relative;
        text-align: center;
        box-sizing: border-box;
    }

        .checkoutlink p {
            margin: 0 0 10px 0;
            display: inline-block;
        }

        .checkoutlink a {
            margin: 0;
            font-size: 1.2em;
            font-weight: bold;
        }

            .checkoutlink a.button {
                padding: 12px 1px;
                display: block;
            }


    .productouter {
        background: #FFFFFF;
        padding: 0 25px 20px 20px;
        float: right;
        width: 570px;
    }


    div.productinfo {
        /*width:375px;*/
    }

        div.productinfo div {
            height: 80px;
            position: relative;
            font-size: 1.2em;
        }

        div.productinfo select, div.productinfo input, div.productinfo span {
            position: absolute;
            left: 100px;
        }

            div.productinfo span.qtyPrompt, div.productinfo span select, div.productinfo span.ajaxIndicator {
                position: relative;
                left: auto;
            }

            div.productinfo span.qtyPrompt {
                margin-top: 10px;
                display: block;
            }

                div.productinfo span.qtyPrompt.hidden {
                    display: none;
                }

            div.productinfo span.ajaxIndicator {
                margin-left: 10px;
            }

    .ajaxIndicator img {
        vertical-align: bottom;
    }

    div.productinfo input.extraquantity {
        position: relative;
        left: auto;
        margin-left: 10px;
        width: 50px;
        text-align: right;
    }

    div.productinfo .grind span {
        /* left: 240px; */
        margin-top: 35px;
    }

    div.productinfo div.startPrice {
        font-size: 2em;
        height: auto;
    }

    div.productinfo .startPrice span {
        position: relative;
        left: auto;
    }

    .productform {
        width: 65.229008%;
        float: left;
        height: auto;
        margin-bottom: 20px;
    }

    .addform:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    #priceSummary {
        display: block;
        position: relative;
        left: auto;
        width: 100%;
        text-align: left;
    }

        #priceSummary #addbasket {
            position: relative;
            left: auto;
        }

    .extrainfo {
        width: 29.00763358778626%;
        float: right;
        margin-left: 20px;
        margin-bottom: 20px;
    }

        .extrainfo img.prod-pack-img {
            margin: 0 auto 20px;
            width: 100%;
            display: block;
        }

        .extrainfo #map_canvas {
            width: 100%;
        }

        .extrainfo #PageContent_SectionHeader__strength {
            margin-bottom: 10px;
        }

    .coffeeattribute {
        margin-left: 20px;
        float: left;
        width: 70px;
        text-align: center;
    }

        .coffeeattribute h2 {
            font-size: 1.2em;
        }

        .coffeeattribute div {
            background: #2C126B;
            font-size: 1.5em;
            color: #fff;
            padding: 15px;
            width: 10px;
            height: 15px;
            text-align: center;
            margin-left: 15px;
        }

    #map_canvas {
        width: 190px;
        height: 190px;
        margin-bottom: 20px;
    }

    .infoarea {
        clear: left;
        margin-left: -7px;
        /*padding-top:40px;*/
    }

    .related {
        margin-top: 30px;
    }

        .related li a {
            color: #29085a;
            text-decoration: none;
            font-size: 1.2em;
            line-height: 1.5em;
            border-bottom: 1px dotted #412E22;
        }

            .related li a:hover {
                border-bottom: 1px solid #412e22;
            }

    .product .productinfo {
        display: none;
    }

    #overlay {
        position: absolute;
        top: 0;
        left: 0;
        background: none repeat scroll 0 0 #FFFFFF;
        z-index: 100;
    }

    #categoryform {
        position: absolute;
        z-index: 1000;
        background: #fff;
        border: solid 1px #461E6F;
        -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
        box-shadow: 0 1px 3px rgba(0,0,0,0.5);
        padding: 30px;
        width: 85%;
        height: auto !important;
        max-width: 500px;
    }


    @media (max-width: 800px) {
        #categoryform {
            position: absolute;
            z-index: 1000;
            background: #fff;
            border: solid 1px #461E6F;
            -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
            -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
            box-shadow: 0 1px 3px rgba(0,0,0,0.5);
            padding: 30px;
            width: 100%;
            height: auto !important;
            max-width: 500px;
        }
    }

    #formokay .button {
        margin: 5px;
    }

    #closeadd {
        cursor: pointer;
        float: right;
        font-size: 1.1em;
    }

    .basketinfo {
        border: solid 1px #342254;
        padding: 15px 15px 15px;
        background: #ECF6F6;
        margin-bottom: 10px;
    }

        .basketinfo p {
            margin: 5px 0;
        }

.basketmin {
    border: solid 1px #FF0000;
    padding: 15px 15px 15px;
    background: #ECF6F6;
    margin-bottom: 10px;
}

    .basketmin p {
        margin: 5px 0;
        color: #FF0000;
    }


    .checkouthead {
        height: 50px;
        background: #ECF6F6;
        padding: 5px 20px 0px 35px;
        overflow: hidden;
        margin-bottom: 6px;
    }

@media (max-width: 600px) {
    .checkouthead {
        height: auto;
        padding: 5px 20px 5px 35px;
    }
}


    .checkoutstage {
        list-style-type: none;
        margin: 5px 0 0 0;
    }

        .checkoutstage li {
            display: block;
            float: left;
            margin-right: 15px;
            font-size: 1.3em;
            color: #967c55;
            height: 30px;
            background: url(../images/checkout_arrow_inactive.png) no-repeat;
            padding: 8px 0 0 35px;
        }

            .checkoutstage li.complete {
                font-weight: normal;
                color: #574183;
                background: url(../images/checkoutarrow_active.png) no-repeat;
            }

            .checkoutstage li.current {
                font-weight: bold;
                color: #29085a;
                background: url(../images/checkoutarrow_active.png) no-repeat;
            }

            .checkoutstage li.first, .checkoutstage li.first.current, .checkoutstage li.first.complete {
                background: none;
                padding-left: 0;
            }

    .right {
        float: right;
    }

    a.button.checkout, input.button.checkout, button.button.checkout {
        font-size: 1.2em;
        padding: 12px 15px;
    }

        a.button.checkout.paypal, button.button.checkout.paypal {
            vertical-align: middle;
            padding: 10px 15px 9px;
        }

            a.button.checkout.paypal img, button.button.checkout.paypal img {
                vertical-align: middle;
            }

    input.qty {
        width: 80px;
        text-align: right;
    }


    table.basket, table.orders {
        width: 100%;
    }

        table.basket td.price span {
            display: inline;
            font-size: 1.1em;
        }

    p.hidden {
        display: none !important;
    }

    table.basket, table.orders {
        margin: 20px 0;
        border-collapse: collapse;
    }

        table.basket th, table.orders th {
            background: #29085a;
            color: #fff;
            padding: 7px 5px;
            border-bottom: solid 1px #29085a;
            font-size: 1.2em;
        }

        table.basket td, table.orders td {
            background: #F6F3FF;
            font-size: 1.2em;
            padding: 7px 5px;
            border-bottom: solid 1px #29085a;
            color: #412E22;
        }

            table.basket td span, table.orders td span {
                display: block;
            }

    table th.price, table td.price {
        text-align: right;
        float: none;
        margin-right: 0;
    }

    strong {
        font-weight: bold;
    }



    .buttonLinks {
        list-style-type: none;
    }

        .buttonLinks li {
            font-size: 1.2em;
            float: left;
            padding-right: 20px;
        }

        .buttonLinks a {
            display: block;
            min-width: 200px;
            text-align: center;
        }

    fieldset {
        background: none repeat scroll 0 0 #ECF6F6;
        border: medium none;
        margin-bottom: 10px;
        padding: 10px;
    }


        fieldset div {
            position: relative;
            font-size: 12px;
        }

    #buyarea fieldset div.error p {
        background: url(../images/err_back.png) no-repeat scroll 0 bottom #FFE0E0;
        color: #FF0000;
        display: block;
        padding: 5px 3px 5px 25px;
        left: 415px;
        position: absolute;
        bottom: 14px;
        font-size: 0.9em;
        margin-bottom: 0;
        width: 210px;
        line-height: 1.2em;
    }

    fieldset div input, fieldset div select {
        position: absolute;
        top: 0;
        left: 180px;
        width: 220px;
        padding: 4px;
    }

    fieldset div.paypalhide {
        margin-top: 10px;
    }


    fieldset div label {
        display: block;
        position: relative;
        padding-top: 4px;
        padding-bottom: 13px;
    }


    fieldset div.error input, fieldset div.error select {
        border: solid 1px #f00;
    }

        fieldset div.error input:focus, fieldset div.error select:focus {
            background: #FFE0E0;
        }

    fieldset div span {
        position: absolute;
        left: 415px;
        font-size: 0.9em;
    }

    fieldset div.error span {
        display: none;
    }

    fieldset div input.checkbox {
        width: auto;
        left: auto;
        position: static;
    }

    #buyarea p {
        font-size: 1.2em;
    }

    div.errorheader {
        font-size: 1.2em;
        margin: 0 0 10px 0;
        color: #f00;
        font-weight: bold;
        padding: 15px;
        border: solid 1px #f00;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background: #ffdfdf;
    }



    #section_addresslist {
        margin-bottom: 15px;
    }

    .addressItem {
        background: #ECF6F6;
        display: block;
        font-size: 1.2em;
        padding: 5px 10px 8px 10px;
        margin-bottom: 5px;
        color: #412E22;
        cursor: pointer;
    }

        .addressItem strong {
            display: block;
        }

        .addressItem:hover {
            background: #897762;
            color: #fff;
        }




    .deliverto, .billto {
        background: #F0E4EA;
        padding: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        color: #440825;
        width: 45%;
        font-size: 1.1em;
        min-height: 90px;
    }

    .deliverto {
        float: left;
    }

    .billto {
        float: right;
    }

    fieldset div span.dropdowns {
        left: 180px;
        display: block;
        width: 300px;
        top: 0;
    }

    fieldset div span select {
        left: auto;
        margin-right: 5px;
        position: relative;
        width: auto;
    }

    fieldset div input.short {
        width: 80px;
    }

    fieldset div span.short {
        left: 330px;
        width: 200px;
    }


    #threedinfo img {
        float: right;
        margin: 0 0 20px 20px;
    }

    input.button.placeorder {
        font-size: 1.6em;
        padding: 10px 30px;
    }

    .checkoutcontents ul {
        margin-bottom: 20px;
    }

    .checkoutcontents li a {
        font-size: 1.1em;
        color: #fff;
    }

    .checkoutcontents dl {
        font-size: 1.2em;
    }

    .checkoutcontents dt {
        font-weight: bold;
        clear: left;
        float: left;
    }

    .checkoutcontents dd {
        padding-bottom: 15px;
        margin-left: 140px;
    }

    #discountlist {
        display: block;
        font-size: 0.9em;
    }

    .checkoutcontents .youraccount li a {
        color: #29085a;
        font-size: 1.2em;
        line-height: 1.8em;
    }

    div.info {
        font-size: 1.2em;
        font-weight: bold;
        margin-bottom: 15px;
        color: #29085a;
    }

    .strengthflavourguide p {
        float: right;
        font-size: 0.9em;
        width: 90px;
        text-align: center;
    }

    caption {
        font-weight: bold;
        font-size: 1.2em;
        margin: 0 0 10px 0;
        color: #29085a;
    }

    .summary {
        font-size: 1.2em;
        margin-bottom: 10px;
    }

        .summary strong {
            display: block;
        }

    fieldset div.tall {
        height: 150px;
    }

    fieldset div input.checkboxinline {
        position: relative;
        left: auto;
        width: auto;
    }

#PageContent_PageContent_checkbox_div {
    padding-left: 30px;
}

fieldset div input.checkboxinline-subscribe {
    position: absolute;
    left: 0;
    top: 10px;
    width: auto;
}

    .rightmarg {
        margin-right: 100px;
    }

    .product img {
        position: relative;
        margin-left: 10px;
        float: right;
    }

    .product .imglink {
        width: 25%;
        float: right;
        display: block;
    }

        .product .imglink img {
            max-width: 100%;
            height: auto;
        }

    .product .productcontent {
        margin-bottom: 10px;
        padding-bottom: 25px;
        align-self: flex-end;
        /* display: flex;
    flex-wrap: wrap;
    align-items:stretch;
    justify-content: center; */
    }

        .product .productcontent + dl {
            padding-top: 10px;
        }

    .checkoutform p.error {
        color: #f00;
        font-weight: bold;
    }

    .newsticker {
        float: left;
        display: inline-block;
        padding: 20px;
        background: #461E6F;
        //margin-top: 6px;
        width: 100%;
        text-align: center;
        height: auto;
    }

        .newsticker p {
            margin-bottom: 5px;
            color: #ffffff;
        }

        .newsticker h2 {
            color: #ffffff;
        }

    .offersection {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        width: 50%;
        background: url(../images/special-offers.jpg) no-repeat center;
        background-size: cover;
    }

        .offersection img {
            width: 100%;
            height: auto;
        }

        /*.offersection a {
    font-family: 'MB Empire Heavy W01 Heavy';
    text-transform: uppercase;
    font-size: 2.6em;
    color: #ffffff;
    line-height: 1.3em;
    text-align: center;
    text-decoration: none;
    width: 100%;
    height: 100%;
    display: block;
}*/

        .offersection > div {
            background: url(../images/special-offers.jpg) no-repeat center;
            background-size: cover;
            font-family: 'MB Empire Heavy W01 Heavy';
            width: 100%;
            height: 50%;
            display: block;
        }

        .offersection .offersection__news {
            background: url(../images/rp-news.jpg) no-repeat center;
            background-size: cover;
        }

    .offersection__shadow {
        display: block;
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: -moz-linear-gradient(-45deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(-45deg, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(135deg, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    }

    .offersection a {
        text-decoration: none;
        z-index: 10;
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
        padding: 30px 20px 20px;
    }

        .offersection a p {
            font-size: 2.5em;
            color: #ffffff;
            line-height: 1.3em;
            width: 70%;
            font-family: 'MB Empire W01 Book Italic';
            text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
        }

        .offersection a span {
            color: white;
            padding: 10px;
            position: absolute;
            right: 20px;
            bottom: 20px;
            background: #461E6F;
            font-family: 'MB Empire Heavy W01 Heavy';
            white-space: nowrap;
            text-transform: uppercase;
            color: #FFFFFF;
            font-size: 12px !important;
            line-height: 14px;
            padding: 12px 30px;
            text-decoration: none;
            cursor: pointer;
            -webkit-appearance: none;
            appearance: none;
            -moz-transition: all .5s ease;
            -ms-transition: all .5s ease;
            -o-transition: all .5s ease;
            -webkit-transition: all .5s ease;
            transition: all .5s ease;
            border: none;
        }

            .offersection a span:hover {
                background: #704B97;
            }

        .offersection a p.offer-type {
            font-family: 'MB Empire W01 Book';
            font-size: 2em;
            line-height: 1.3em;
            margin-bottom: 10px;
        }

    .searchbox {
        position: absolute;
        right: 0;
        top: 30px;
        padding: 15px;
    }

        .searchbox input {
            display: inline-block;
        }

        .searchbox .button {
            background: #704B97;
        }



    .newsletterbox {
        position: absolute;
        left: 0;
        top: 30px;
        padding: 15px;
    }

        .newsletterbox input {
            display: inline-block;
        }

        .newsletterbox .button {
            background: #704B97;
        }




    .home-hero-block {
        width: 30.333%;
        margin: 20px 1.5%;
        min-height: 400px;
        position: relative;
        text-align: left;
        margin-bottom: 0px;
        padding: 0;
        /*text-shadow: 0px 0px 10px black;*/
    }

    .home-hero-block__image {
        height: auto;
        padding-bottom: 65%;
        width: 100%;
        background-size: cover;
    }

    .home-hero-block--one .home-hero-block__image {
        background-image: url(../images/home-hero-coffee.jpg);
        background-position: center;
    }

    .home-hero-block--two .home-hero-block__image {
        background-image: url(../images/home-hero-gift.jpg);
        background-position: right top;
    }

    .home-hero-block--three .home-hero-block__image {
        background-image: url(../images/Trade-customers2.jpg);
        background-position: center top;
    }

    .home-hero-block--one {
        margin: 20px 0.5% 20px 2%;
    }

    .home-hero-block--three {
        margin: 20px 2% 20px 0.5%;
    }

    .home-hero-block__text {
        background-color: white;
        padding: 20px 0px;
        position: relative;
        width: 100%;
    }

    /*.home-hero-block--four:before, .home-hero-block--three:before {
    content: '';
    display: block;
    position: absolute;
    background-color: rgba(70,30,111,0.8);
    top: 30px;
    bottom: 30px;
        left: 30px;
    right: 55%;
    z-index: 3;
    mix-blend-mode: multiply;
}*/

    /*.home-hero-block--four h2, .home-hero-block--three h2 {
    font-size: 3em;
}*/

    /*.home-hero-block--four a, .home-hero-block--three a {
    font-family: 'MB Empire Heavy W01 Heavy';
}*/

    .home-hero-block--four a, .home-hero-block--four p, .home-hero-block--three a, .home-hero-block--three p {
        /*color: white;*/
        position: relative;
        z-index: 100;
    }

    /*
@media only screen 
and (max-device-width : 480px) {
/* Styles */
    /*
	#bg
	{
		display:none;
	}	
	#contentouter
	{
		height:auto;
		width:100%;
		
	}
	
	#contentholder
	{
		background:none;
		width:auto;
		margin:0;
		padding:0;
	}
	
	#maincontent
	{
		background:none;
		padding:0 0 20px;
	}
	
	#header
	{
		height:auto;
		padding:5px 0;
	}
	
	#header .topnav,#header .basketlinks,#header .searchbox
	{
		position:relative;
		left:auto;
		right:auto;
		top:auto;
		bottom:auto;
	}
	
	#header h1,#header p a
	{
		position:relative;
		top:auto;
		left:auto;
		background:url(../images/realcoffee-header-mobile.png) no-repeat;
		width:250px;
		height:37px;
		margin:0 auto 5px;
	}
	
	#navigation
	{
		width:auto;
	}
	#navigation li
	{
		width:100%;
		border-bottom:solid 1px #2C126A;
	}
	
	#navigation li a
	{
		font-size:17px;
	}
	
	.skipnav
	{
		display:block;
		text-align:center;
		font-size:17px;
		color:#fff;
		padding:3px;
	}
	
	.newsticker
	{
		width:auto;
	}
	
	.thincol
	{
		width:100%;
		float:none;
		padding:15px;
		height:auto;
	}
	
	.leftcol,.rightcol,.shortcol,.tallcol,.endshortcol
	{
		float:none;
		height:auto;
	}
	.widecol,.fullcol
	{
		width:100%;
	}
	
	#promosection
	{
		display:none;
	}
	
	.section2 ul li 
	{
		float:none;
	}
	
	.section2 ul li a
	{
		font-size:14px;
		padding:4px;
	}
	
	.colinfo
	{
		width:100%;
		float:none;
		height:auto;
	}
	
	
#footer
{
	background:none;
}

.categoryintro
{
	float:none;
	width:100%;
}

.categoryintro.wide
{
	width:100%;
}

.categoryintro img
{
	display:block;
	float:none;
	margin:5px 0;
}

.productlistings
{
	float:none;
	width:100%;
}

.checkoutlink
{
	float:none;
	text-align:left;
	margin-bottom:15px;
}

.categoryintro
{
	clear:left;
}
.infoarea
{
	padding:0;
	margin:0;
}
.infobox
{
	width:100%;
}

#categoryform
{
	width:250px;
}

}*/

    .friendsform table {
        background: #ECF6F6;
    }

    p.error {
        color: #f00;
    }

    tr.errorrow input {
        background: #f3dddd;
    }

    .offer {
        width: 48%;
        padding: 20px;
        margin: 0 2% 20px 0;
        float: left;
        min-height: 360px;
        background: #ECF6F6;
        box-sizing: border-box;
    }

    .introduceafriend {
        padding: 15px;
        margin: 10px 0;
        background: #f7e5cb;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

    p.small {
        font-size: 0.9em;
        line-height: 1.1em;
        margin-top: 0.5em;
    }


    #bgouter {
        display: block;
        position: relative;
        height: 100%;
        z-index: 0;
    }

    #supersize {
        position: relative;
        top: 0;
        left: 0;
        z-index: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

        #supersize img, #supersize a {
            min-height: 100%;
            min-width: 100%;
            display: inline;
            position: absolute;
            left: 0;
            bottom: 0;
        }

    .individualprice {
        display: block;
        clear: both;
        font-size: 1.2em;
        font-family: 'MB Empire Medium Italic1408900';
        padding: 3px 0;
    }

    #upsellList {
        font-size: 1.2em;
    }

        #upsellList li label {
            display: block;
            padding: 7px 3px;
            background: #ECF6F6;
            margin-bottom: 2px;
        }

    .sagepayiframe {
        border: none;
        width: 100%;
        height: 600px;
    }

    .paymentselector {
        font-size: 12px;
        line-height: 18px;
    }

        .paymentselector input {
            vertical-align: middle;
            margin-right: 10px;
        }

    .offer:nth-child(2n+3) {
        clear: right;
    }

    .promo input {
        width: auto;
    }

    .discountcode {
        border: solid 1px #2B0C68;
        background: #e5e0ee;
    }

    .checkoutcontents .buttonLinks .button {
        margin: 5px 0;
        max-width: 100%;
    }

    .quicklinks a img {
        width: auto !important;
        height: 40px;
        margin-right: 10px;
    }

    .discountMobile {
        display: none;
    }

    @media only screen and (min-width : 1024px) and (max-width : 1218px) {

        /*This is only there as a quick workaround for when the nav breaks before full responsive styles. Will need to change if the nav content changes*/

        .outer {
            margin: 307px 0 0;
        }
    }

    @media only screen and (min-width : 1024px) {

        #menu-button, .subnav-link {
            display: none !important;
        }
    }

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


        .home-hero-block {
            width: 100%;
            margin: 0;
            padding: 10px 20px;
            min-height: 0;
        }

        .home-hero-block__image {
            height: auto;
            padding-bottom: 32%;
            width: 50%;
            display: inline-block;
            background-size: cover;
            float: left;
        }

        .home-hero-block__text {
            width: 50%;
            display: inline-block;
            float: left;
            padding-left: 20px;
        }

        .outer {
            margin: 0;
        }

        div {
            box-sizing: border-box;
        }

        input, textarea, fieldset {
            width: 100%;
            box-sizing: border-box;
        }

        .newslettersignup .button {
            width: auto;
        }

        #navigation {
            height: auto;
            overflow: hidden;
        }

            #navigation ul li {
                width: 100%;
                float: none;
                background: #704B97;
            }

                #navigation ul li a {
                    text-align: left;
                    background: #704B97;
                    color: #ffffff !important;
                }

                #navigation ul li ul {
                    width: 100%;
                    position: relative;
                    max-height: 0;
                    transition: all 0.8s ease;
                }

            #navigation .page-link.active ul {
                width: 100%;
                visibility: visible !important;
                opacity: 1 !important;
                position: relative;
                top: auto !important;
                display: block !important;
                max-height: 200px;
            }

            #navigation ul li ul li a {
                padding: 6px 25px 6px 26px;
                width: 100%;
            }

            #navigation li a:hover, #navigation li a.open {
                background: #7E8CC4;
                text-decoration: none;
                color: #ffffff;
            }

        #menu-button {
            display: block;
        }

        #search, .submit, #email.signup {
            width: auto;
        }


        .dropdown {
            display: block;
            max-height: 0;
            transition: all 0.5s ease;
        }

            .dropdown.nav-visible {
                max-height: 1000px;
            }

        .page-link a {
            display: block;
            width: 85%;
            box-sizing: border-box;
            display: inline-block !important;
        }

        #navigation ul li a.subnav-link {
            padding: 11px 26px 10px 0;
            width: 15%;
            box-sizing: border-box;
            text-align: right;
            opacity: 1 !important;
        }

        #navigation ul li ul li a {
            background: #704B97;
        }

        #navigation ul li a.subnav-link:after {
            content: "\f067";
            display: block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            padding: 5px 0;
        }

        #navigation ul li a.subnav-link.active:after {
            content: "\f068";
        }

        .chevron:before {
            content: "\f078";
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            padding: 3px 5px;
        }

        .nav-open .chevron::before {
            content: "\f077";
        }

        #header {
            height: auto;
            padding: 0;
        }

        .searchbox {
            margin-bottom: 5px;
        }

        .newsletterbox {
            margin-bottom: 5px;
        }

        .topnav, .basketlinks, .searchbox, .newsletterbox {
            position: relative;
            right: auto;
            top: auto;
            bottom: auto;
            padding: 5px 0;
            text-align: center;
        }

            .topnav li, .basketlinks li {
                display: inline-block;
                float: none;
            }

        #header {
            position: relative;
            padding: 10px 0 0;
        }

            #header h1, #header p a {
                position: relative;
                display: block;
                margin: 0 auto 10px;
                max-width: 100%;
                width: 220px;
                height: 117px;
            }

            #header.resize h1 {
                width: 220px;
                height: 117px;
                margin: 0 auto 10px;
            }

        #contentholder:after {
            display: none;
        }

        .contentwrapper {
            width: 100%;
        }

        .newsticker {
            width: 100%;
            box-sizing: border-box;
            height: auto;
            margin-top: 0;
            margin-bottom: 6px;
            margin-left: 0;
        }

        .offersection {
            width: 100%;
            margin-left: 0;
            height: auto;
            position: relative;
            /*height: 250px;*/
            float: left;
        }

            .offersection img {
                width: 100%;
                height: auto;
            }

        .thincol.section1 {
            width: 100%;
            height: auto;
            box-sizing: border-box;
        }

        #delivery-timer p {
            font-size: 1.4em;
        }

        #promosection {
            width: 100%;
            height: auto;
            min-height: 500px;
            margin-top: 0;
        }

            #promosection .strapline {
                font-size: 4em;
            }

        #promoinner {
            display: block;
        }

        #promosection div.page {
            width: 593px;
            height: 364px;
            position: relative;
            max-width: 100%;
        }

        .section2, .newslettersignup, .endshortcol, .fullcol {
            width: 100%;
            height: auto;
            box-sizing: border-box;
        }

        .colinfo, .quicklinks div {
            width: 48.5%;
            height: auto;
            margin-right: 3%;
            clear: none;
        }

            .colinfo:nth-child(2n + 2), .quicklinks div:nth-child(2n + 2) {
                margin-right: 0
            }

            .colinfo:nth-child(2n + 3), .quicklinks div:nth-child(2n + 3) {
                clear: right;
            }

            .quicklinks div a img {
                margin-bottom: 10px;
            }

        .catouter {
            width: 100%;
        }

        .categorynav {
            width: 100%;
        }

        .categoryhead {
            width: 100%;
        }

        .categoryintro, .categoryintro.wide {
            width: 100%;
        }

        #PageContent__packSizes, #PageContent__deliveryOuter, #PageContent__discounts, #_strengthGuide {
            width: 50%;
            float: left;
        }

        .infobox {
            width: 100%;
        }

        .productlistings {
            width: 100%;
        }

        .discountMobile {
            width: 100%;
            float: left;
            background-color: #ECF6F6;
            padding: 0;
            text-align: center;
            display: block;
        }

            .discountMobile > div {
                padding: 15px 30px;
            }

                .discountMobile > div:not(:first-of-type) {
                    width: 50%;
                    float: left;
                }

            .discountMobile p {
                color: #29085a;
                font-size: 1.3em;
                text-transform: uppercase;
                letter-spacing: 0.1em;
                margin-bottom: 5px;
                font-family: 'MB Empire Heavy W01 Heavy';
            }

            .discountMobile a {
                color: #29085a;
                font-size: 1.4em;
                cursor: pointer;
            }

        .sidebar {
            position: relative;
            display: flex;
            flex-flow: row wrap;
            margin-top: 0px;
        }

        .sidebar, .productlistings {
            width: 100% !important;
        }

        .product {
            padding: 0 10px 15px 10px;
        }

        .coffeeattribute div {
            width: 40px;
            height: 45px;
        }

        fieldset div span {
            position: relative;
            left: auto;
            padding: 10px 0;
            display: block;
        }

        .checkbox {
            width: auto;
        }

        .promocodes input, input.button.checkout {
            width: auto;
        }

        .widesize.right .button {
            width: auto;
        }

        th.price {
            line-height: 16px;
        }

        .checkoutlink {
            width: 100%;
            text-align: right;
            padding: 10px 30px 10px 0;
            margin: 10px 0 0;
        }

            .checkoutlink p {
                margin: 0 0 10px 0;
                display: inline-block;
            }

            .checkoutlink a {
                margin: 0;
                font-size: 1.2em;
                font-weight: bold;
            }

                .checkoutlink a.button {
                    padding: 12px 30px;
                    display: inline-block;
                }
    }

    @media only screen and (max-width : 800px) {
        .productlistings .product {
            width: 49%;
        }
    }

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

        .categorynav, .categoryintro, .categoryintro.wide {
            width: 100%;
        }

            .categoryintro.wide {
                padding: 20px 0px;
            }

        .categoryintro {
            padding: 20px 0 20px 0;
        }

        .categoryhead {
            text-align: center;
        }

        .categorynav {
            text-align: center;
        }

        .section-intro-text {
            float: none;
        }

        .discountMobile {
            float: none;
        }

            .discountMobile > div:not(:first-of-type) {
                width: 100%;
                float: none;
            }

        /*.catouter {
        padding-bottom: 140px;
        background: url(../images/beanborderhorz.jpg) repeat-x bottom center;
    }*/

        .rightmarg {
            margin-right: 0;
            width: 100%;
        }

        .offer {
            width: 100%;
            margin: 0 0 20px 0;
            min-height: 0;
        }

        fieldset div input, fieldset div select {
            position: relative;
            top: auto;
            left: auto;
            width: 100%;
            margin-top: 4px;
        }

        #PageContent__packSizes, #PageContent__deliveryOuter, #PageContent__discounts, #_strengthGuide {
            width: 100%;
        }

        #PageContent__discounts {
            padding-top: 0;
            padding-bottom: 0;
        }

        .home-hero-block {
            width: 100%;
            margin: 0;
            padding: 10px 20px;
            min-height: 0;
        }

        .home-hero-block__image {
            height: auto;
            padding-bottom: 65%;
            width: 100%;
            background-size: cover;
            float: left;
        }

        .home-hero-block__text {
            width: 100%;
            float: left;
            padding-left: 0px;
        }
    }

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

        /*#maincontent {
        padding: 0 12px 20px;
    }*/

        #header h1, #header p a {
            width: 180px;
            height: 96px;
        }

        #header.resize h1, #header.resize p a {
            width: 180px;
            height: 96px;
        }

        .categoryintro img {
            width: 100%;
            height: auto;
            display: block;
        }

        .ajaxIndicator img {
            width: auto;
        }

        .productlistings .product {
            width: 100%;
        }

        .product {
            padding: 0 10px 15px 10px;
        }

            .product dl {
                margin-top: 10px;
            }

            .product dt, .product dd, .product {
                display: inline-block;
            }

        .addrow {
            clear: left;
        }

        .product dd {
            position: relative;
            right: auto;
            top: auto;
            clear: left;
        }

        .productlistings {
            float: none;
        }

        .extrainfo, .productform {
            width: 100%;
        }

        .extrainfo {
            margin-top: 20px;
        }

        .checkoutlink {
            width: 100%;
            text-align: center;
            padding: 0 15px 15px;
        }

        .strengthflavourguide {
            display: none;
        }

        .product .productcontent, .product .imglink {
            width: 100%;
        }

            .product .imglink img {
                float: left;
                margin-left: 0;
            }

        .widesize.right {
            width: 100%;
            margin-bottom: 10px;
        }

        #buyarea .promo {
            margin-bottom: 10px;
        }

        .shop.basket tbody td {
            display: block;
            width: 100%;
            text-align: right;
            border-top: 0;
            box-sizing: border-box;
        }

        shop.basket tbody, shop.basket tfoot {
            display: block;
            width: 100%;
        }

        .shop.basket tbody tr {
            margin-bottom: 10px;
            display: block;
            width: 100%;
            box-sizing: border-box;
        }

        .shop.basket tbody td:before {
            display: block;
            float: left;
            text-align: left;
            margin-right: 20px;
            width: 30%;
            font-weight: bold;
            line-height: 16px;
        }

        .shop.basket tbody td:nth-child(1):before {
            content: "Product: ";
        }

        .shop.basket tbody td:nth-child(2):before {
            content: "Price Each: ";
        }

        .shop.basket tbody td:nth-child(3):before {
            content: "Price with Discounts: ";
        }

        .shop.basket tbody td:nth-child(4):before {
            content: "Qty: ";
        }

        .shop.basket tbody td:nth-child(5):before {
            content: "Line Price: ";
        }

        .shop.basket tfoot td {
            display: inline-block;
            width: 50%;
            box-sizing: border-box;
        }

            .shop.basket tfoot td:nth-child(1) {
                text-align: left;
            }

        .shop.basket tfoot tr {
            box-sizing: border-box;
        }

            .shop.basket tfoot tr:nth-child(2) td {
                height: 87px;
            }

        .shop.basket thead {
            display: none;
        }

        .button.checkout.right {
            float: none;
            margin-top: 20px;
            clear: right;
        }

        .deliverto, .billto {
            width: 100%;
        }

        .deliverto {
            margin-bottom: 20px;
        }

        #paymentline .button {
            margin: 5px;
        }

        #contentouter {
            margin: 0 15px;
        }

        #promosection {
            height: auto;
            padding-bottom: 0;
            min-height: 400px;
        }

        div.productinfo div {
            height: auto;
        }

        div.productinfo .grind span {
            display: block;
            margin-bottom: 10px;
            margin-top: 15px;
            position: relative;
            top: auto;
            margin-left: 100px;
            left: auto;
        }

        div.productinfo div.startPrice {
            margin-top: 30px;
        }

        div.productinfo div.packPrice {
            margin-bottom: 20px;
        }

        div.productinfo span.qtyPrompt {
            margin-left: 0;
            margin-top: 6px;
        }
    }

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

        .extrainfo {
            width: 100%;
        }

        #map_canvas {
            width: 100%;
        }

        .colinfo, .quicklinks div {
            width: 100%;
            margin-right: 0;
            clear: none;
        }

        .checkoutcontents {
            padding: 20px 20px 105px;
            background: #FFFFFF;
            margin-bottom: 7px;
        }

        .buttonLinks li {
            width: 90%;
        }

        .buttonLinks a {
            min-width: 0;
        }

        .newslettersignup .emailsignup, .newslettersignup .button {
            margin: 5px 0;
        }
    }

    .sitemove {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        background: #333;
        color: #fff;
        padding: 10px 0;
        /*font-weight:bold;*/
    }

    .header-inner {
        position: relative;
        /*margin-top:30px;*/
    }

    #footer p.small {
        font-weight: normal;
        font-size: 11px;
    }


    #popupbackground {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 9999;
        background: rgba(30,22,46,0.8);
        cursor: pointer;
    }

    #popup p {
        font-size: 1.3em;
    }

    #popupcontent {
        position: fixed;
        top: 50%;
        left: 50%;
        z-index: 10000;
        margin-left: -300px;
        width: 600px;
        margin-top: -200px;
        height: 400px;
        background: #fff;
        border: solid 1px #461E6F;
    }

    #popupcontentinner {
        padding: 20px;
        text-align: center;
    }

    #popupheader {
        background: #461E6F;
        text-align: center;
        padding: 20px;
    }

    @media(max-width:602px) {
        #popupcontent {
            width: 95%;
            left: 2.5%;
            right: 2.5%;
            margin-left: auto;
        }
    }

    @media screen and (min-width: 1024px) and ( max-height: 800px ) {
        .outer {
            margin: 0 0;
        }

        #header {
            position: relative;
        }

        .header-inner {
            margin-top: 0px;
        }

        .sitemove {
            position: relative;
        }

        #header h1 {
            width: 220px;
            height: 117px;
            margin: 15px auto;
        }
    }

    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) and (max-height: 1600px) {
        .outer {
            margin: 0 0;
        }

        #header {
            position: relative;
        }

        .header-inner {
            margin-top: 0px;
        }

        .sitemove {
            position: relative;
        }

        #header h1 {
            width: 220px;
            height: 117px;
            margin: 15px auto;
        }

        #popupcontent img {
            max-width: 100% !important;
            height: auto !important;
        }
    }

    .pcaautocomplete.pcatext {
        /* display: none; */
    }

    #PageContent_Content_address_country option {
        display: none;
    }

        #PageContent_Content_address_country option:first-child {
            display: block;
        }




    .payment-fail-alert-on-checkout {
        padding: 1em;
        background-color: #c80404;
        color: #FFFFFF;
    }



    .flavour-guide-flex {
        max-width: 75%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-around;
    }

    .cursor {
        cursor: pointer;
    }


        .cursor tr:hover {
            background-color: #EFEFEF;
        }

    @media (max-width: 800px) {
        .flavour-guide-flex {
            max-width: 100%;
        }
    }


    div.reviews {
        font-size: 1.5em;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }


        div.reviews > div {
            margin: 0 0 2em;
            width: 49%;
            background-color: #ECF6F6;
            padding: 1em;
            cursor: pointer;
        }

            div.reviews > div:hover {
                background-color: #EFEFEF;
            }

        div.reviews div div.stars {
            margin: 0 0 0.5em;
        }

        div.reviews div div.datewritten {
            display: block;
            font-style: italic;
            font-size: 0.6em;
            margin: 0.5em 0 0 0;
        }


    .fancybox-container .pagecontent p {
        width: auto;
        text-align: center;
        max-width: initial;
    }


    @media (max-width: 800px) {
        .fancybox-container table tr:first-child, table#tblWhichGrind tr:first-child {
            display: none;
        }

        .fancybox-container table tr td:first-child, table#tblWhichGrind tr td:first-child {
            font-weight: 700;
            border-top: 1px solid #000;
        }

        .fancybox-container table td, table#tblWhichGrind td {
            display: block;
        }

        #strengthtable th {
            display: block;
            text-align: center;
        }
    }