/* **************** RESETS **************** */
html {color:#000;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset, img {border:0;}
address, caption, cite, code, dfn, th, var {font-style:normal; font-weight:normal;}
li {list-style:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal; font-family: Arial, sans-serif;}
q:before, q:after {content:'';}
abbr, acronym {border:0; font-variant:normal;}
sup {font-size: 70%;}
sub {vertical-align:text-bottom;}
input, textarea, select {font-family:inherit; font-size:inherit; font-weight:inherit;}
input, textarea, select {font-size:100%;}
legend {color:#000;}
body {font:62.5% Arial, sans-serif;}
select, input, button, textarea {font:99% arial, helvetica, clean, sans-serif;}
table {font-size:inherit; font:100%;}
a:focus, input:focus, a:focus strong, a:active, a:active strong {outline:none;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix {zoom: 1;}

.clear {clear: both;}

/* Fonts */
@font-face {
    font-family: 'Josefin Slab';
    font-style: normal;
    font-weight: normal;
    src: url('/fonts/josefinslab-semibold-webfont.eot');
    src: url('/fonts/josefinslab-semibold-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/josefinslab-semibold-webfont.woff2') format('woff2'),
    url('/fonts/josefinslab-semibold-webfont.woff') format('woff'),
    url('/fonts/josefinslab-semibold-webfont.ttf') format('truetype'),
    url('/fonts/josefinslab-semibold-webfont.svg#josefin_slabsemibold') format('svg');
}

/* jQuery overrides */
.ui-widget {font-size: 1em;}
.ui-tabs .ui-tabs-nav li a {font-size: 1.2em;}
.ui-widget :active {outline:medium none;}
.ui-widget select {font-size: 1.2em; padding: 3px; margin: 2px;}
.ui-widget-overlay {background: #666666 url(/images/layout/ui-bg_flat_0_666666_40x100.gif) 50% 50% repeat-x;}
.ui-dialog .swc_Table {font-size: 1.2em;}
.ui-dialog .swc_Table label {font-size: 1em; font-weight: normal;}
.ui-dialog .swc_Table input {padding: 3px;}
.ui-dialog .ui-button-text {vertical-align: bottom; cursor: pointer; font-size: 1.4em; font-weight: bold; padding: 4px 10px; color: #fff !important; background: #ED2092; border: 0; text-shadow: 0 1px 0 #BE1A75; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0px 1px 0px #D3D3D3; -moz-box-shadow: 0px 1px 0px #D3D3D3; -webkit-box-shadow: 0px 1px 0px #D3D3D3;}
.ui-dialog .ui-dialog-titlebar {padding: 1em;}
.ui-dialog .ui-dialog-title {font-size: 1.4em;}
.ui-dialog .ui-widget-header {color: #fff; background: #666; border: 0;}
.ui-widget-content .ui-dialog-buttonset .ui-state-active,
.ui-widget-content .ui-dialog-buttonset .ui-state-hover,
.ui-widget-content .ui-dialog-buttonset .ui-state-default {background: #fff !important; border: 0 !important;}
.ui-dialog .ui-widget-header .ui-dialog-titlebar-close .ui-icon {background-image: url("https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/themes/flick/images/ui-icons_ffffff_256x240.png");}
.ui-accordion .ui-accordion-content {padding: 15px 10px;}
.ui-accordion .ui-state-active {border: 1px solid #666; background: #666; font-weight: bold; color: #fff;}
.ui-accordion .ui-state-active a {color: #fff; text-decoration: none;}
.ui-accordion .ui-state-active .ui-icon {background-image: url(https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/themes/flick/images/ui-icons_ffffff_256x240.png);}
.no-close .ui-dialog-titlebar-close {display: none }

/* Corner radius */
.ui-corner-tl {-moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px;}
.ui-corner-tr {-moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px;}
.ui-corner-bl {-moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px;}
.ui-corner-br {-moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px;}
.ui-corner-top {-moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px;}
.ui-corner-bottom {-moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px;}
.ui-corner-right {-moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px;}
.ui-corner-left {-moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px;}
.ui-corner-all {-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;}
.ui-menu-item {font-size: 12px; font-weight: bold;}

/* Vertical Tabs */
.ui-tabs-vertical {width: 694px; margin: 20px 0 0; padding: 0; border: 0;}
.ui-tabs-vertical .ui-tabs-nav {float: left; width: 150px; padding: 20px 0 0; background: none; border: 0;}
.ui-tabs-vertical .ui-tabs-nav li {clear: left; width: 130px; border: 0 !important; margin: 5px 0;}
.ui-tabs-vertical .ui-tabs-nav li a {display:block; padding: 5px 10px; float: none; color: #4A4A4C; background: #C6C7C9; font-size: 1.4em;}
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected {margin-bottom: 5px; padding-bottom: 0;}
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected a {background: #fff; box-shadow: 0 0 5px #A0A2A5; -moz-box-shadow: 0 0 5px #A0A2A5; -webkit-box-shadow: 0 0 5px #A0A2A5;}
.ui-tabs-vertical .ui-tabs-nav .ui-state-hover {background: none;}
.ui-tabs-vertical .ui-tabs-panel {position: relative; z-index: 10; float: right; width: 504px; min-height: 350px; padding: 10px 20px; background: #fff; box-shadow: 0 0 10px #B6B5B5; -moz-box-shadow: 0 0 10px #B6B5B5; -webkit-box-shadow: 0 0 10px #B6B5B5;}
.ie7 .ui-tabs-vertical .ui-tabs-panel,
.ie8 .ui-tabs-vertical .ui-tabs-panel {padding: 10px 19px; border: 1px solid #ddd;}
.ie7 .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected a,
.ie8 .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected a {border: 1px solid #ddd; border-right: 0; padding-left: 9px;}

/* ====== Page Head, Body, and Foot ====== */
body {background: #F5F5F5; color:#333333;}
body#zero {background: #f5f5f5;}
.wrapper {padding: 15px 0 0 0; position: relative; z-index: 10;}
.page {margin: 0 auto; width: 944px;}

.page.product-list-wrapper {
    width: 1024px;
}

/* ====== Columns ====== */
.col1 {width:160px;}
.three-column .column {float: left; width: 282px;}
.three-column .column.last {width: 302px;}
.three-column .column .dpp-pods {float: none; width: auto;}
.two-column .main-column {float: left; width:680px ;/* 610px*/}
.two-column .main-column.no-padding {float: left; width:704px; /* 634px */}
.two-column .main-column .dpp-pods.full {float: none; width: auto;}
.two-column .side-column {float: right; width: 220px;   /* 290px;*/}
.two-column .side-column .dpp-pods {float: none; width: auto; min-height: 20px; margin: 10px 0 20px;}
.two-column .side-column .dpp-pods .pdc-bottom-button a { font-size: 13px; }


.two-column.left .side-column {float: left; width: 220px;}
.two-column.left .main-column.no-padding {float: right; margin-left: 10px; width: 760px;}
/* **************** GRIDS ****************** */
.pod {float:left;}
.podSide {width:300px; float:right; clear:right;}
.podBody {width:634px;}
.last {padding-right:0px;}

/* **************** TYPOGRAPHY ****************** */
/* headings */
h1, h2, h3, h4, h5, h6, ul, ol,dl, p,blockquote {padding:0;}
h1, .h1 {padding-bottom:8px; font-size:2.6em; font-weight:bold; font-style: normal; color:#666;}
h2, .h2 {padding-bottom:8px; font-size:1.8em; font-weight:bold; font-style: normal; color:#666;}
h2.feature {color:#ed2092;}
h2.reg {font-weight:normal; font-style: normal; color:#666;}
h2.reg2 {color:#1BA7E3;}
h3, .h3 {font-size:1.3em; font-weight:bold; font-style:normal; line-height:1.5em; color:#5f5f5f;}
p {font-size:1.2em; line-height:1.5em; padding-bottom:10px;}
p.feature {font-size:1.5em; line-height:1.5em; padding-bottom:10px;}
.prod h3 {padding-left:15px; color:#ffffff;}
.pod p {color:#5f5f5f;}
.register {font-size:1.3em; color:#ffffff;}
.pink {color:#ed2092;}
.justify { text-align: justify;}
.center-text {  text-align: center;  }
/* font styles */
.bold {font-weight:bold;}
.italic {font-style:italic;}
/* links */
a, .ui-widget-content a {color: #ed2092; text-decoration:none;}
a:focus, a:hover {text-decoration:underline;}
.register a {color:#ffffff;}
a.pdf {display:inline-block; padding-left:30px; line-height:27px; background:transparent url(/images/content/icon-pdf.gif) center left no-repeat;}
/* buttons */
a.download { background:transparent url(/images/layout/download.png) 0 0 no-repeat; padding:  0 0 0 20px; }
a.btn {color:#ffffff;}
a#PagesInfo, a#LeavesInfo {display: inline-block; font-size: 11px; margin-bottom: -15px; cursor: pointer;}
.openPopUp {cursor: pointer;}
/* lists */
.bullet-list {padding-bottom:10px; font-size:1.3em; line-height:1.5em; list-style: circle;}
.bullet-list li {padding-left:24px; padding-bottom:6px; color: #5F5F5F; list-style-type:disc; list-style:disc; list-style-position:inside; text-indent:-18px;}
.scroll-list {max-height: 200px; overflow: auto; margin: 0 0 10px;}
.scroll-list li {font-size: 1.2em; padding: 3px 5px;}
.normal-list {margin: 0 0 10px; width: 90%;}
.normal-list li {  list-style: disc outside none; margin: 0 0 0 15px; padding-bottom: 5px; list-style: disc outside none!important;}

.printed-grey {color:#666666;}

p.pdf-guideline-download { margin-top: 22px;}

/* **************** LAYOUT ****************** */
/* header */
.header {background: #fff; position: relative; z-index: 101; box-shadow: 0 2px 1px #EEEEEE;}
.header .content {width: 1024px; min-height: 95px; margin: 0 auto; position: relative; padding-bottom: 15px;}
.header .logo {padding-top:20px; float:left;}
.header .right-side-header { float: right; }
.header .basket {position: relative; float: right;}
.header .menu {padding: 10px 0 0;}
.header .menu li {position: relative; float: left; padding-left: 25px; font-size: 1.3em; padding-bottom: 10px;}
.header .menu li a {display: block; font-weight: bold; color: #575759; text-decoration: none; background: url('/images/layout/sprite-general-icons.gif') no-repeat; padding: 3px 0 7px 27px;}

    /* Icon set */
    .header .menu li.menu-signin a {background-position: -3px  -107px; padding-left: 23px;}
    .header .menu li.menu-signout a {background-position: -3px  -142px; padding-left: 23px;}
    .header .menu li.menu-register a {background-position: -3px  -242px; padding-left: 29px;}
    .header .menu li.menu-account a {background-position: -3px  -209px;}
    .header .menu li.menu-admin a {background-position: -3px  -175px;}
    .header .menu li.menu-basket a {background-position:-3px -278px;}

.header .basket_contents {background: #fff; display: none; position:absolute; right:-18px; top:32px; width:276px; z-index: 100; border: 1px solid #F1F1F1; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 0 4px #cbcbcb; -moz-box-shadow: 0 0 4px #cbcbcb; -webkit-box-shadow: 0 0 4px #cbcbcb;}
.header .basket_contents.hover { display:block;}
.header .basket_contents.accounts {width: 134px; }
.header .basket_contents.accounts .basket-arrow-up {margin: -16px 0 0 105px;}

.header .menu .menu-basket,
.header .menu .menu-account { background:url('/images/layout/bg_basket-down.gif') no-repeat 100% 30%; padding-right: 18px;}

.header .menu .menu-signin {background:url('/images/layout/bg_basket-down.gif') no-repeat 100% 30%;}
.header .menu .menu-signin a {padding-right: 18px;}

.header .basket_contents.accounts ul {border-top:none!important; padding: 5px 0px;}
.header .basket_contents.accounts ul li { padding: 0px!important;}
.header .basket_contents.accounts ul li a { color: #666666; font-size: 1.2em; font-weight: bold; padding: 7px 0 7px 10px; width: 113px; margin-left: -5px; display: inline-block; text-decoration: none!important; }
.header .basket_contents.accounts ul li a:hover { background-color: #f32f9e; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #FFF; text-decoration: none!important;}
.header .basket_contents.accounts ul li.log-out { border-bottom: none!important; color:#ed2092; background: url("/images/layout/sprite-general-icons.gif") no-repeat scroll 94px -138px transparent}
.header .basket_contents.accounts ul li.log-out a {color:#ed2092;}
.header .basket_contents.accounts ul li.log-out a:hover { text-decoration: underline!important; background:none;}
.down-arrow {display: inline-block; margin-left: 6px; margin-top: 4px;}
.register {float:right; margin-right:20px; padding:2px 10px 0px 10px; background-color:#ed2092;}
.navigation {height:22px; font-size: 14px; font-family: Tahoma, Arial, sans-serif; letter-spacing: 1px; text-align: center; padding: 0px; list-style: none outside;}
.navigation li {display:inline; padding: 0 20px;}
.navigation li a {color: #666;}
.navigation li a:hover, .navigation li a:focus, .navigation li a:active {color: #ED2092; text-decoration: none;}

/* breadcrumbs */
.breadcrumbs {position: relative; z-index: 1; height: 32px; overflow: hidden; background: #FCFCFC; box-shadow: 0 3px 2px 0 rgba(0,0,0,0.1); background:#FCFCFC url("/images/layout/sprite-general-icons.gif") 0 50px no-repeat;}
.breadcrumbs .content {width: 1024px; margin: 0 auto; background:url("/images/layout/sprite-general-icons.gif") -11px -68px no-repeat}
.breadcrumbs a, .breadcrumbs span {float: left; height: 32px; padding: 0 20px 0 30px; font-size: 1.2em; line-height: 32px; color: #666; background: url("/images/layout/sprite-general-icons.gif") -5px -35px no-repeat;}
.breadcrumbs span a {float: none; padding: 0; font-size: 1em; background: none;}
.breadcrumbs a {color: #666; text-decoration: underline;}
.breadcrumbs a.home {float: left; display: block; width: 19px; height: 32px; padding: 0 18px 0 21px; text-indent: -999em; background-position: 19px 9px; }
.breadcrumbs span.separator {display:none;}

/* footer */
.footer {border-top: 1px solid #E2E2E2; width: 1024px; margin: 35px auto 0; clear: both;}
.footer .content {
    border-top: 1px solid #FCFCFC;
    color: #666666;
    padding: 10px 0 20px;
}
.footer .logos {float:right;}
.footer p {padding: 5px 0 10px;}
.footer .sociallogo li {float: left; margin-right: 10px;}

.footer .sociallogo a {
    display: block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
}

.footer .sociallogo .fa-inverse,
.footer .sociallogo a.blog {
    color: #f5f5f5;
    background: #999999;
    font-size: 20px;
    transition: background 0.3s ease;
}

.footer .sociallogo .fa-inverse:hover,
.footer .sociallogo a.blog:hover {
    background: #ed2092;
}

.footer .sociallogo a.blog img {
    margin-top: 6px;
    margin-left: 10px;
}

.footer .credit-card-info-img {
    margin: -6px auto;
}

.sitemap-wrapper {
    background: #f5f5f5;
    padding: 20px 0 0;
}

.fa.icon-amazon {
    position: static;
}

@-moz-document url-prefix() {
     .fa-instagram:before {
        margin-left: 2px;
    }
}

/* images */
.largeImage {float:right; padding-left:30px;}
.contentImage {float:right; margin-left:15px;}
.border img {border:1px solid #a8a8a8;}
.long-banner { margin-left: -8px;}
p.mini img {border:0px; padding:5px 10px 10px 0px;}


/* forms */
label {padding-top:3px; font-size:1.3em; font-weight:bold; color:#5f5f5f;}
input.input-text, textarea {padding:2px; font-size:1.3em; color:#5f5f5f;}
input.input-text {width:230px;}
input.input-text.small {width:140px;}
input.input-text.large {width:312px;}
fieldset {margin:10px 0px;}

/* **************** BLOCK STRUCTURES ***************** */
/* buttons */
.btn {text-decoration:none !important; padding-right:10px; display:inline-block; line-height:25px; height:25px; color:#ffffff; font-size:1.2em; font-weight:bold;}
p .btn {font-size: 1.3em;}
p.more {font-size: 1.3em;}
p.more .btn {
    font-size: 1.7em;
    line-height: 25px;
}
p.more2 {font-size: 1.3em; position: absolute; right: 0; bottom: 10px;}
p.more2 .btn {font-size: 1.7em;}

.btn span {line-height:25px; height:25px; display:inline-block;}
.btn span span {background:transparent; padding:0;}
/* general pod layout */
.block {margin: 0 0 10px 0;}
.block .top {height:7px;}
.block .bottom {height:14px; margin-top:-14px;}
.block .br,.prod .bl {margin-top:0px;}
.block .inner {padding:0 7px;}
.block .ft {padding: 10px 0px 14px 0px;}
.block .ft h3 {padding-left:15px;}
.button-grey, .button-pink, .button-blue, .button-green {
    border: 0 none;
    border-radius: 5px;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    margin: 5px 0;
    padding: 10px 18px;
    text-align: center;
    text-decoration: none !important;
    width: 125px;
}
.button-pink {
    background: none repeat scroll 0 0 #ED2092;
    text-shadow: 0 1px 0 #BE1A75;
}
/* ====== Block headers and footers ====== */
.hd h1, .hd h2, .hd h3, .hd h4, .hd h5, .hd h6 {padding: 5px 0px;}

/* Products */
#catalogue_browse_item {position: relative; z-index: 2; margin: 0 0 10px;}
#catalogue_browse_item h1 {margin: 0 0 110px; padding: 15px 0 0;}
.catalogue_browse_item_desc {position: relative; z-index: 3; width: 584px; margin-left:360px;}
.catalogue_browse_item_thumb {z-index: 1; position: absolute; top: 0; right: 0; float: right; width: 950px; height: 243px; margin: 0; background-position: center center; background-repeat: no-repeat; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0px 0px 0px #ccc; -moz-box-shadow: 0px 0px 0px #ccc; -webkit-box-shadow: 0px 0px 0px #ccc; z-index:2;}
.catalogue_browse_item_thumb a {position: absolute; left: 0; top: 0; width: 350px; height: 250px; text-indent: -9999px; overflow: hidden;}
#products-page .line {margin: 20px 0;}



.product-landing-page a {text-decoration: underline;}
#product-landing-page {margin: 20px 0 0px;}
#product-landing-page .image {float: left; margin: 0 70px 0 0;}
#product-landing-page .introduction {color: #666;}
#product-landing-page .introduction h1 {font-size: 2.6em; padding: 10px 0 10px 20px;}
#product-landing-page .introduction p {font-size: 1.8em; line-height: 1.5em; margin: 1em 0;}
#product-landing-page .introduction p span {color: #ED2092;}
.product-landing-page table.price-list {font-size: 1.4em; border-collapse: separate;}
.product-landing-page .price-list th {text-align: left; font-weight: bold; padding: 8px; color: #444444; background: #b8b8b8;}
.product-landing-page .price-list td {text-align: left; padding: 8px; background: #e8e9eb; border-top: 1px solid #b8b8b8; color: #444444;}
.product-landing-page .price-list td.price {background: #e8e9eb;}
.product-landing-page .order label {display: block; margin: 15px 0;}
.product-landing-page .order label.total {color: #ED2092; font-size: 1.56em;}
.product-landing-page .order label span {display: inline-block; width: 150px; margin: 0 10px 0 0; text-align: right; font-size: 1.2em;}
.product-landing-page .order label.total span {font-size: 1em;}
.product-landing-page .order label span#totalcost {width: auto; text-align: left;}
.product-landing-page .order .submit {margin: 20px 0; text-align: right;}

/* Login page */
#pdc-login-wrapper .left_col {width: 400px; float: left;}
#pdc-login-wrapper .right_col {width: 400px; float: right;}
#pdc-login-wrapper p.notice {margin: 10px 0 30px; padding: 0 135px; font-size: 1.4em;}
#pdc-login-wrapper table {font-size: 1em; margin-bottom: 30px;}
#pdc-login-wrapper table td {padding: 5px;}
#pdc-login-wrapper table td a {font-size: 1.2em; color: #666; text-decoration: underline; white-space: nowrap;}
#pdc-login-wrapper table .label {text-align: right; vertical-align: text-top; padding-top: 10px;}
#pdc-login-wrapper table .note {text-align: left;}
#pdc-login-wrapper table label {font-size: 1.4em;}
#pdc-login-wrapper table .dpp_textbox {width: 244px;}
#pdc-login-wrapper table .dpp_textbox.postcode {width: 120px; margin-right: 3px;}
#pdc-login-wrapper table .dpp_button {font-size: 1.3em;}
#pdc-login-wrapper table .dpp_button.large {margin-top: 15px; font-size: 1.8em; padding: 8px 24px; text-decoration: none;}
#pdc-login-wrapper.reset_password table p {margin-top: 0px; font-size: 1.2em; padding: 0;}

/* Popup Basket */
.basket_contents h5 {font-weight: bold; font-size: 1.2em; padding: 10px 15px 10px 11px;}
.basket_contents p {padding: 0 15px 10px; margin: 0;}
.basket_contents .shopping_cart_lines ul {border-top: 1px solid #DEDEDE; margin: 0 10px;}
.basket_contents .shopping_cart_lines ul li {border-bottom: 1px solid #DEDEDE; padding: 5px 30px 5px 6px; color: #666; position:relative; margin: 0px; }
.basket_contents .shopping_cart_lines ul li a {text-decoration: underline; word-wrap: break-word;}
.basket_contents .shopping_cart_lines ul li p {padding: 0; margin: 0;}
.basket_contents .shopping_cart_lines ul li p.price {float: right; font-weight: bold;}
.basket_contents .shopping_cart_checkout {text-align: right; padding: 10px;}
.basket_contents h5 {font-weight: bold; font-size: 0.9em; padding: 10px 15px 10px 11px;}
.basket_contents p {padding: 0 15px 10px; margin: 0; font-size: 0.9em;}
.basket_contents .shopping_cart_lines .ul {border-top: 1px solid #DEDEDE; margin: 0 10px; display: block}
.basket_contents #shopping_cart_lines .ul {border-top: 1px solid #DEDEDE; margin: 0 10px; display: block;}
.basket_contents .shopping_cart_lines .ul .li {border-bottom: 1px solid #DEDEDE; padding: 5px 30px 5px 6px; color: #666; width: 100%; position:relative; margin: 0px; font-size: 1em; float: none; display: inline-block; }
.basket_contents .shopping_cart_lines .ul .li a {text-decoration: underline; word-wrap: break-word;}
.basket_contents .shopping_cart_lines .ul .li p {padding: 0; margin: 0;}
.basket_contents .shopping_cart_lines .ul .li p.price {float: right; font-weight: bold;}
.basket_contents .shopping_cart_checkout {text-align: right; padding: 10px;}
.basket_contents .shopping_cart_checkout .dpp_button{ background: none repeat scroll 0 0 #ED2092; border: 0 none; border-radius: 5px 5px 5px 5px; color: #FFFFFF !important; cursor: pointer; display: inline-block; font-size: 14px; font-weight: bold; line-height: 19px; padding: 4px 10px; text-shadow: 0 1px 0 #BE1A75; vertical-align: bottom; }
.basket_contents .shopping_cart_lines .close-button a { background: url("/images/layout/sprite-general-icons.gif") no-repeat scroll 0 -338px transparent; cursor: pointer; display: inline-block; height: 20px; position: absolute; right: 5px; text-decoration: none !important; top: 2px; width: 20px; padding: 0px;}
.menu li.menu-basket .basket_contents .shopping_cart_lines .close-button a { background: url("/images/layout/sprite-general-icons.gif") no-repeat scroll 0 -338px transparent; cursor: pointer; display: inline-block; height: 20px; position: absolute; right: 5px; text-decoration: none !important; top: 2px; width: 20px; padding: 0px;}
.header .basket_contents.accounts .ul {border-top:none!important; padding: 5px 0px;}
.header .basket_contents.accounts .ul .li { padding: 0px!important; font-size: 1em; width: 98%!important;}
.header .basket_contents.accounts .ul .li a { color: #666666; background: none; font-size: 0.9em;  font-weight: bold; padding: 7px 0 7px 10px; width: 113px; margin-left: -5px; display: inline-block; text-decoration: none!important; }
.header .basket_contents.accounts .ul .li a:hover { background-color: #f32f9e; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #FFF; text-decoration: none!important;}
.header .basket_contents.accounts .ul .li.log-out { border-bottom: none!important; color:#ed2092; background: url("/images/layout/sprite-general-icons.gif") no-repeat scroll 94px -138px transparent}
.header .basket_contents.accounts .ul .li.log-out a {color:#ed2092;}
.header .basket_contents.accounts .ul .li.log-out a:hover { text-decoration: underline!important; background:none;}
/* Business Card Holder */
.card-holder .dpp-pods.transparent  {
	width: 140px;

}
.card-holder .dpp-pods.triple.transparent  {
	width: 595px;
	font-weight: normal;
	background: url("/images/checkout/thankyou-man-v2.gif") no-repeat scroll 0 0px transparent;
    height: 91px;
    margin: 26px 0 10px 0;
    padding: 20px 0 0 187px;
}
.card-holder .dpp-pods.triple.transparent p {
	padding: 0 10px 10px 0;
	font-size: 1.6em;
}
.card-holder .dpp-pods.triple.transparent p strong span {
	color:#008ACB;
	font-weight: normal;
}
.card-holder .dpp-pods.transparent input,
.card-holder .dpp-pods.transparent a.refactored-checkout-button {
	margin:80px 0 0 0px;

}
.card-holder .product-list {
 	margin: 0 auto;
    width: 944px;
    float: left;
}
.card-holder .product-list h2 {
	margin: 0 0 10px 0;
	font-size: 2.1em;
}
.card-holder .product-list .pod {position: relative; width: 259px; margin: 0 45px 19px 0; text-align: left; min-height: 510px; background: #fff; padding:16px 12px; box-shadow: 0 0 5px #ccc; -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.card-holder .product-list .pod.last { margin-right: 0px;}
.card-holder .product-list .pod h3 {
	color: #ea2992;
	font-size: 1.6em;
    text-align: left;
    margin: 0 0 15px 0;
}
.card-holder .product-list .pod h4 {
	color: #ea2992;
	font-size: 1.6em;
    text-align: left;
    margin: 20px 0 20px 0;
    font-weight: bold;
    padding: 0px;
}

.card-holder .product-list .pod .picker {
    position: absolute;
    top: 21px;
    right: 0px;
    width: 80px;
    z-index: 11;
}
.card-holder .product-list .pod .picker p {
    padding-bottom: 4px;
}
.card-clear, .card-blue, .card-pink {
    border:1px solid #bebcbc;
    display: inline-block;
    width: 15px;
    height: 17px;
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
    cursor: pointer;
    position: relative;

}
.card-clear { background: #fff; margin-left: 18px;}
.card-blue { background: #1b8ed7; border-color: #1B8ED7; }
.card-pink { background: #d6066d; border-color: #D6066D; }


.colour-selected {
	width: 14px;
	height: 11px;
	display: inline-block;
	background: url('/images/products/business-card-holders/selected-colour.png') no-repeat scroll 0 0px transparent;
	left: 0;
    position: absolute;
    top: 2px;
    display: none;
}
.card-clear.active .colour-selected  , .card-blue.active .colour-selected , .card-pink.active .colour-selected  { display: block;}

.card-blue .colour-selected, .card-pink .colour-selected  {
	background-position: -19px 0;
}
.plastic-image-holder.group-card .clear-cards, .plastic-image-holder.group-card .blue-cards,  .plastic-image-holder.group-card .pink-cards { display: none!important;}
.plastic-image-holder.clear-card .group-cards, .plastic-image-holder.clear-card .blue-cards,  .plastic-image-holder.clear-card .pink-cards { display: none!important;}
.plastic-image-holder.pink-card  .clear-cards, .plastic-image-holder.pink-card .blue-cards,  .plastic-image-holder.pink-card .group-cards { display: none!important;}
.plastic-image-holder.blue-card  .clear-cards, .plastic-image-holder.blue-card .pink-cards,  .plastic-image-holder.blue-card .group-cards { display: none!important;}



.show-cards { display: inline-block!important;}
.hide-cards { display: none!important;}

.card-holder .product-list .pod .main-image-holder {
	margin:0 0 10px 15px;
	background: url('/images/ajax-loader.gif') center center no-repeat;
	width: 226px;
	height: 145px;
	z-index: 9;
	position: relative;
	display: inline-block;
}
.card-holder .product-list .pod .main-image-holder img {
	z-index: 10;
	position: relative;
}
.card-holder .product-list .pod .prod-thumbs img {
	float: left;
	border:1px solid #d6d6d6;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 5px 13px;
	-webkit-box-shadow: -1px 2px 2px rgba(160, 160, 160, 0.1);
	-moz-box-shadow: -1px 2px 2px rgba(160, 160, 160, 0.1);
	box-shadow: -1px 2px 2px rgba(160, 160, 160, 0.1);
	margin:0 8px 10px 15px;
}
.card-holder .product-list .pod .prod-thumbs p {
	margin: 10px 0;
	text-align: center;
	display: inline-block;
	width: 100%;
}
.card-holder .product-list .pod .quantity p {
	font-size: 1.3em;
	width: 88px;
	display: inline-block;
	padding: 0px;

}
.card-holder .product-list .pod .quantity input {
	padding: 7px;
	color: #5F5F5F;
	font-size: 1.2em;
	width: 48px;
}
.card-holder .product-list .pod .quantity input.pdc-button {
	margin: 0 0 0 15px;
	width: auto;
}
.grey-pan {
	background: #f1f1f1;
	margin: 0 0 -16px -12px;
	padding: 15px 0;
	width: 283px;
	position: absolute;
	bottom: 16px;
	border-radius:0 0 5px 5px; -moz-border-radius:  0 5px 5px; -webkit-border-radius:  0 5px 5px;


}
.grey-pan .tooltip-container {
	margin-top: 6px;
}
.grey-pan .tooltip-container .tooltip {
	 left: -65px;
}
.grey-pan .tooltip-container .tooltip-link {
	font-size: 1.3em;
}
.grey-pan .pdc-button {
	margin-left: 63px;
}
.right-panel  {
  clear: both;
    float: left;
    width: 100%;
}
.right-panel .pdc-button{
	  clear: both;
    float: right;
}
.right-panel .pdc-button, .right-panel p {
	float:right;
	clear: right;
	margin: 10px 30px 10px 0;
}

/* Quick orders */
.quick-order { padding-top: 60px;}
.quick-order .dpp-pods.full {  min-height: auto; }
.quick-order.two-column .main-column.no-padding { width: 658px;	position: relative;}
.quick-order.two-column .main-column .col1 {width:360px;}
.quick-order.two-column .main-column h2 { font-family: Bad Script, Arial, sans-serif; font-size: 2.5em; color: #008acb; margin: 20px 0 10px 0; }

.quick-order.two-column .side-column {width: 240px; }
.quick-order.two-column .side-column .printed-promise { background: url("/images/products/category-page/printed-promise.gif") repeat scroll 0 0 transparent; height: 101px; margin: 10px 0 15px; overflow: hidden; text-indent: -999em; }
.dpp-pods.white.rewards { background: url("/images/products/category-page/icon-rewards.gif") no-repeat scroll 180px 10px #FFFFFF !important;}
#order-quick-error { font-size: 1.4em; padding-bottom: 20px; font-weight: bold;}

.quick-order .social-media .facebook { float: left; margin-right: 10px;}
.quick-order .social-media .gplus { float: left; margin-right: 10px; width: 61px;}
.quick-order .social-media .twitter { float: left; margin-right: 10px;}
.quick-order .main-image { position: absolute; top:-28px; right: 10px;}
.form-pod {background-color:#e4e4e4; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px 10px 10px 15px; float: left; margin: 0 0 15px 0;}
.form-pod.lighter {background-color:#f1f1f1;}
.form-pod.lft { width: 280px; margin-right: 10px;}
.form-pod.rgt { width: 220px; margin-left:20px; }
.form-pod.full { width: 608px;}
.form-pod label {font-size: 1.4em; color: #666666; font-weight: normal; line-height: 1.2em;}
.form-pod.lft label { width: 100px; display: inline-block;padding-right: 8px;}
.form-pod.rgt label {width: 110px; display: inline-block;}
.form-pod.full label { width: 275px;  display: inline-block;}
.form-pod.full label span { font-size: 0.8em;}
.form-pod.full input { width: 308px;  border:1px solid #d8d8d8; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 8px 8px 8px 5px; font-size: 1.5em; color: #666666;}


.form-pod select { border:1px solid #d8d8d8; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 8px 8px 8px 5px; font-size: 1.4em; color: #666666; vertical-align: top;  vertical-align: top; }
.form-pod.lft select {width:165px;}
.form-pod.rgt select {width:105px;}
.order-quick-reset { border:none; color:#ed2092; font-size: 1.2em; float: right; background:url('/images/layout/sprite-general-icons.gif') 0 -472px no-repeat; padding: 10px 10px 10px 23px;margin-top: -10px; cursor: pointer; }
.total-order { width: 100%; float: left; clear: left;}
.dpp-pods.total-order { width: auto; float: none; clear: left; margin-left: 0; min-height: 20px; padding: 12px;}
.total-order strong { font-size: 1.8em;}
.total-order .price { font-size: 3em; color: #ed2092; font-weight: bold;}
.total-order .inc-vat { font-size: 1.2em;}
.total-order .dpp_button { float: right;}
.smaller { font-size: 1.2em; padding-top: 7px;}

/* Growler */
#jGrowl .header {background: transparent; height: auto; min-height: 10px;}
div.jGrowl div.jGrowl-notification, div.jGrowl .ui-state-error, div.jGrowl div.jGrowl-closer {background: #000 !important;}
div.jGrowl .ui-state-error, div.jGrowl {color: #fff !important;}

/* Error pages */
.breadcrumbs .error {font-weight: bold; text-transform: uppercase; color: #ED2092;}
.error-text {font-size: 1.6em; margin-top: 10px;}

/* Aside menu */
.dpp-pods.menu .click-nav {margin:15px 10px 0 10px; width: 91%;}
.dpp-pods.menu .click-nav li h3{ background: #e7e8e9;  display: inline-block; width: 90%; margin-bottom: 0px; font-weight: bold; padding:9px 10px; color: #666666; text-decoration: none!important;}
.dpp-pods.menu .click-nav li h3.ui-state-active, .dpp-pods.menu .click-nav li h3.ui-state-active.ui-state-focus { border:1px  solid #ec008c; background: #ec008c; color:#fff; }
.dpp-pods.menu .click-nav li h3.ui-state-active.ui-state-hover, .dpp-pods.menu .click-nav li h3.ui-state-active.ui-state-hover.ui-state-focus {border:1px  solid #ec008c; background: #ec008c; color:#fff; }
.dpp-pods.menu .click-nav li{margin:  0 0 10px 0; border:none; width: 99%; display: inline-block; margin-bottom: 10px;}
.dpp-pods.menu .click-nav li ul { border-radius: 0 0 5px 5px ; -moz-border-radius: 0 0 5px 5px ; -webkit-border-radius: 0 0 5px 5px ; margin: -5px 0 0 0; padding: 10px 0;}
.dpp-pods.menu .click-nav li ul li { border:none; font-size: 1em; margin: 0 0 0 0;}
.dpp-pods.menu .click-nav li ul li a { font-weight: normal; background: none;}
.dpp-pods.menu .click-nav.templates li ul li a { padding: 4px 15px 4px 15px; }
.dpp-pods.menu .click-nav li ul li a:hover { background: url('/images/layout/pod_menu_arrow.gif') no-repeat -203px 7px;}
.dpp-pods.menu .click-nav li h3.ui-state-active span, .dpp-pods.menu .click-nav li h3.ui-state-active.ui-state-focus span  {background: #e7e8e9 url('/images/layout/nav-bg.gif')  -32px -9px no-repeat; height: 25px; width: 25px;  left: 86%;}
.dpp-pods.menu .click-nav li h3.ui-state-active.ui-state-hover span {background: #e7e8e9 url('/images/layout/nav-bg.gif')  -32px -9px no-repeat; height: 25px; width: 25px;  left: 86%;}
.dpp-pods.menu .click-nav li h3 span {background: #e7e8e9 url('/images/layout/nav-bg.gif')  -32px -51px no-repeat; height: 25px; width: 25px;  left: 86%;}
.dpp-pods.menu .click-nav li .ui-accordion-content {padding:0px; width: 198px;}
.dpp-pods.menu .click-nav li h3.ui-state-hover, .dpp-pods.menu .click-nav li h3.ui-state-focus {border: 1px solid #DDDDDD; background: #d4d4d4;}
.dpp-pods.menu .click-nav li h3.ui-state-hover span, .dpp-pods.menu .click-nav li h3.ui-state-focus span  {background: #d4d4d4 url('/images/layout/nav-bg.gif') -32px -98px no-repeat;}
.dpp-pods.menu .click-nav .ui-accordion .ui-accordion-header { margin: 0px;}

.left .dpp-pods.menu .click-nav li h3 {font-size: 1em;}
/* Address finder */
#dpp_admin_postcode_anywhere_selector {width: 650px; border: 1px solid #666; background: #F5F5F5; padding: 10px; margin: 0 0 20px;}
#dpp_admin_postcode_anywhere_selector li {clear: left; padding: 10px 0 0; line-height: 18px;}
.tickbox {display: block; float: left; margin: -2px 5px 0 0; width: 18px; height: 18px; text-indent: -999px; overflow: hidden; background-image: url('/images/layout/sprite_icons_bg.gif'); background-repeat: no-repeat; background-position: -37px 0px;}
.tickbox:hover {background-position: -134px -1px;}

/* PODS: Wrapper */
.dpp-pods {float: left; width: 197px; min-height: 175px; margin: 10px 0 10px 20px; padding: 12px 12px 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; box-shadow: 0 0 5px #ccc; -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc;}
.dpp-pods.row {margin-left: 0; clear: left;}
.dpp-pods.white.rewards { background: url("/images/products/category-page/icon-rewards.gif") no-repeat scroll 180px 10px #FFFFFF !important;}
.dpp-pods.white.leaves-pages { background: url("/images/wizard/pages_leaves_icon.gif") no-repeat scroll 7px 16px #FFFFFF !important; width: 237px; text-align: left; padding:12px 12px 12px 70px; min-height: 10px;  position: absolute;z-index: 100; right: -2px; top: -41px; display: none;}
.dpp-pods.noShadow {box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
.dpp-pods.white.popUpInfo { display: none; min-height: 10px; padding: 12px; position: absolute; right: 12px; top: 252px; width: 215px;}
.dpp-pods.white.app-pod { background: url('/images/delivery/app-bg.gif') top left no-repeat; padding-bottom: 0px;}


/* PODS: Sizing */
.dpp-pods.padded {padding: 12px;}
.dpp-pods.feature {width: 277px; min-height: 235px;}
.dpp-pods.nbsp {width: 917px; min-height: 235px;}
.dpp-pods.feature.slider {padding: 0; width: 301px; min-height: 247px;}
.dpp-pods.full {clear: both; float: none; width: 920px; min-height: 125px;}
.dpp-pods.full.noheight {min-height: 50px; padding:11px;}
.dpp-pods.double {width: 438px;}
.dpp-pods.double.border {width: 434px; min-height: 161px;}
.dpp-pods.triple {width: 679px;}
.dpp-pods.triple.border {width: 675px; min-height: 161px;}
.dpp-pods.triple p {padding: 0 10px 10px; font-size: 1.3em;}
.dpp-pods.transparent {width: 221px; min-height: 177px; padding: 0;}
.dpp-pods.tabs {width: 221px; min-height: 177px; padding: 0;}
.dpp-pods.video {width: 211px; min-height: 163px; padding: 5px; overflow: hidden;}
.dpp-pods.slimmer {
    width: 191px;
}
.dpp-pods.social-media {min-height: 20px; padding: 12px;}
.dpp-pods.social-media .facebook {float: left; width: 72px; overflow: hidden;  margin-right: 10px;}
.dpp-pods.social-media .twitter {float: left; width: 59px;}
.dpp-pods.social-media .gplus {float: left; width: 33px; overflow: hidden; margin-right: 10px;}

.dpp-pods-inner { clear: both; float: left; border:1px solid #cccccc; margin: 10px 0 10px 0px; padding: 12px 12px 0; width: 96%;}
/* PODS: Colour */
.dpp-pods.blue {color: #fff; background: #00ADEF;}
.dpp-pods.blue a {color: #fff; text-decoration: underline;}
.dpp-pods.pink {color: #fff; background: #ed2092;}
.dpp-pods.pink a {color: #fff; text-decoration: underline;}
.dpp-pods.transparent {font-weight: bold; color: #666; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
.dpp-pods.transparent a {color: #EC008C; text-decoration: underline;}
.dpp-pods.white {color: #666; background: #fff;}
.dpp-pods.border {border: 0px solid #9C9DA0;}
.dpp-pods.grey {color: #666; background: #c0c0c0;}
.dpp-pods.grey a {color: #666; text-decoration: underline;}
/* PODS: Typography */
.dpp-pods h2 {font-size: 1.6em; margin: 0 0 1em; padding: 0;}
.dpp-pods.blue h2 {color: #fff;}
.dpp-pods.pink h2 {color: #fff;}
.dpp-pods.grey h2 {color: #EC008C; background: #ddd; margin: -12px -12px 1em; padding: 6px 12px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.dpp-pods.feature h2 {color: #ED2092; font-size: 2em;}
.dpp-pods.rewards h2 { color: #008ACB; }
.dpp-pods.feature p.note {font-size: 1em; margin: 20px 0 0;}
.dpp-pods.wide {font-size: 1.5em;}
.dpp-pods p.link {font-size: 1.2em;}
.dpp-pods p.body {font-size: 1.5em;}
.dpp-pods .emphasis {color: #EC008C;}
.dpp-pods.video p {padding: 7px 0 0;}
.dpp-pods.video a {color: #999;}
.dpp-pods.social-media h3 {margin-bottom: 12px;}
.dpp-pods.white.leaves-pages p { padding: 0px 0 15px 0;}
.dpp-pods.white.app-pod h2  {font-size: 1.32em; margin-bottom: 10px; margin-top: 10px; padding-left: 35px;}
/* Pods: Slides */
.dpp-pods.slider {position: relative; overflow: hidden;}

/* Testimonials */
.dpp-pods .testimonials {list-style: none outside; margin: 0; padding: 0 0 10px; font-size: 1.2em; line-height: 1.6em;}
.dpp-pods .testimonials li {float: left; width: 270px; min-height: 105px; margin-left: 25px; padding-left: 25px; border-left: 4px solid #EC008C;}
.dpp-pods .testimonials li.first {border-left: 0; margin-left: 0; padding-left: 0;}

/* Tabs */
.dpp-pods.tabs .ui-widget-content {background: none; border: 0; color: #666;}

/* Fancy Form Controls */
.has-js .label_check,
.has-js .label_radio    {position: relative; padding-left: 34px; padding-bottom: 3px;}
.has-js .label_check    {background: url('/images/layout/radio-off.gif') no-repeat;}
.has-js .label_radio    {background: url('/images/layout/radio-off.gif') no-repeat;}
.has-js label.c_on      {background: url('/images/layout/radio-on.gif') no-repeat;}
.has-js label.r_on      {background: url('/images/layout/radio-on.gif') no-repeat;}
.has-js .label_check input,
.has-js .label_radio input  {position: absolute; left: -9999px;}

#dlyes { display: none;}

/* Landing pages */
.landing-wrapper {margin: 5px;}
.landing-wrapper .grid-item {position: relative; float: left; width: 407px; margin: 0 0 15px 50px; padding: 20px 15px 40px 20px; overflow: hidden; color: #666; background: #fff;}
.landing-wrapper .grid-item.row {clear: both; margin-left: 0;}
.landing-wrapper .grid-item h2 {font-size: 2.6em; line-height: 1em; margin: 0; padding: 0; color: #ED2092;}
.landing-wrapper .grid-item p {font-weight: bold; margin: 0; padding: 10px 0 0;}
.landing-wrapper .grid-item .content {position: relative; z-index: 3; width: 275px;}
.landing-wrapper .grid-item .subhead {margin: 0; padding: 5px 0 0; font-size: 1.9em; line-height: 1em;}
.landing-wrapper .grid-item .feature {color: #00ADF2;}
.landing-wrapper .grid-item .featurecal {color: #00ADF2; font-size: 1.6em;}
.landing-wrapper .grid-item .link {z-index: 2; position: absolute; right: 10px; bottom: 15px; font-size: 1.7em; line-height: 1em;}
.landing-wrapper .grid-item .link a {text-decoration: underline; padding-right: 18px; background: url('/images/layout/pod_pink_arrow.gif') center right no-repeat;}
.landing-wrapper .grid-item .linkcal {z-index: 2; position: absolute; right: 10px; bottom: 15px; font-size: 1.4em; line-height: 1em;}
.landing-wrapper .grid-item .linkcal a {padding-right: 18px;}
.landing-wrapper .grid-item .image {position: absolute; right: 0; top: 0; z-index: 1;}

.landing-wrapper .pod-wrapper {margin: 40px 0 20px;}
.landing-wrapper .pod-wrapper .pod {width: 188px; height: 157px; padding: 10px; margin-left: 25px; text-align: center; color: #fff; background: #A7A9AC;}
.landing-wrapper .pod-wrapper .pod.row {margin-left: 0;}
.landing-wrapper .pod-wrapper .pod h3 {color: #fff;}
.landing-wrapper .pod-wrapper .pod p {color: #fff;}
.landing-wrapper .pod-wrapper .pod a {color: #fff; text-decoration: underline;}
.landing-wrapper .pod-wrapper .pod.white {background: #fff; width: 200px; text-align: left;}
.landing-wrapper .pod-wrapper .pod.white h3 {color: #666; font-size: 1.5em; margin: 0 0 10px;}
.landing-wrapper .pod-wrapper .pod.white p {color: #666;}
.landing-wrapper .pod-wrapper .pod.white p.emphasis {font-weight: bold; color: #ED2092;}
.landing-wrapper .pod-wrapper .pod.white a {color: #666; font-weight: bold; text-decoration: underline;}
.landing-wrapper .pod-wrapper .pod.white li {color: #666; font-size: 1.2em; font-weight: bold; padding: 2px 0;}
.landing-wrapper .pod-wrapper .pod.border {border: 1px solid #c1c1c1; box-shadow: 0 0 5px #CCCCCC; -moz-box-shadow: 0 0 5px #CCCCCC; -webkit-box-shadow: 0 0 5px #CCCCCC;}
.landing-wrapper .pod-wrapper .pod.blue {background: #00ADF2;}
.landing-wrapper .pod-wrapper .size_chart {width: 420px; height: 153px; margin: 0 24px 0 0; text-align: left; color: #666; background: none; border: 2px solid #A7A9AC;}
.landing-wrapper .pod-wrapper .size_chart .image {float: left; margin-right: 10px;}
.landing-wrapper .pod-wrapper .size_chart .content {float: left; width: 95px; font-size: 1.2em;}
.landing-wrapper .pod-wrapper .size_chart h3 {color: #666; font-size: 1em; padding: 5px 0; margin: 0;}
.landing-wrapper .pod-wrapper .size_chart li {padding: 3px 0;}
.landing-wrapper .pod-wrapper .information {width: 440px; margin: 0 24px 0 0; padding: 0; text-align: left; color: #666; background: none;}
.landing-wrapper .pod-wrapper .information h3 {margin: 0 0 18px; font-size: 1.7em; color: #666;}
.landing-wrapper .pod-wrapper .information p {color: #666; margin: 0 0 18px; padding: 0;}
.landing-wrapper .pod-wrapper .contact h3 {margin: 0; padding: 5px 0 0; font-size: 1.6em;}
.landing-wrapper .pod-wrapper .contact p {margin: 0; padding: 8px 0 0; font-size: 1.4em;}
.landing-wrapper .pod-wrapper .contact strong {display: block; padding: 5px 0 0; font-size: 1.4em;}
.landing-wrapper .pod-wrapper .contact p span {display: block; font-size: 0.7em;}
.landing-wrapper .pod-wrapper .tips h3 {margin: 0; padding: 5px 0 0; font-size: 1.6em;}
.landing-wrapper .pod-wrapper .tips li {margin: 0; padding: 8px 0 0; font-size: 1.4em;}
.landing-wrapper .pod-wrapper .artwork img {float: right; margin: 10px 10px 0 0;}
.landing-wrapper .pod-wrapper .artwork ul {float: left;}

/* Landing pages without boxes - extends landing pages */
.landing-wrapper .no-boxes .grid-item {background: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
.landing-wrapper .no-boxes .grid-item .subhead {font-size: 1.5em; line-height: 1em;}
.landing-wrapper .no-boxes .grid-item p {font-weight: normal;}

/* Poster specific classes - extends landing page */
#posters.landing-wrapper .grid-item {margin: 0 0 0 30px; width: 402px;}
#posters.landing-wrapper .grid-item.row {width: 420px; margin: 0;}
#posters.landing-wrapper .grid-item .image {right: 10px;}
#posters.landing-wrapper .grid-item.row .image {right: 0;}
#posters.landing-wrapper .grid-item.size_chart {width: 442px; height: 153px; margin: 0 -11px 0 0; padding: 10px; text-align: left; color: #666; background: none; border: 2px solid #A7A9AC; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;}
#posters.landing-wrapper .grid-item.size_chart .image {position: relative; right: auto; top: auto; float: left; margin-right: 10px;}
#posters.landing-wrapper .grid-item.size_chart .content {float: left; width: 95px; font-size: 1.2em;}
#posters.landing-wrapper .grid-item.size_chart h3 {color: #666; font-size: 1em; padding: 5px 0; margin: 0;}
#posters.landing-wrapper .grid-item.size_chart li {padding: 3px 0;}

/* 404 page - extends landing page */
#landing-page.pdc-error-404 {margin: 0; padding: 15px 0 0; background: #F5F5F5;}
.pdc-error-404 .page {width: 944px; background:url("/images/error-pages/down-curve-arrow-left.gif") no-repeat scroll  688px 218px transparent;}
.pdc-error-404 .page .pod-wrapper { margin: 0px; position: relative;}
.pdc-error-404 .page .pod-wrapper h1 { color: #666666; font-size: 6.3em; padding: 100px 0 0 53px;}
.pdc-error-404 .page .pod-wrapper p {font-size: 1.8em; color:#666666; padding: 10px 0 70px 370px;}
.pdc-error-404 .page .pod-wrapper .paintdrops { position: absolute;  left: 0; top: 2px;}
.icon-home-pink { display: inline-block; width: 63px; height: 24px; background:url("/images/error-pages/404-error-links.gif") no-repeat scroll 8px 0; margin: 23px 0 0 -16px; padding: 57px 0 0 18px; text-decoration: none; }
.icon-contact-pink { display: inline-block; width: 103px; height: 24px; background:url("/images/error-pages/404-error-links.gif") no-repeat scroll -72px 0; text-decoration: none; padding: 57px 0 0 22px;}
.icon-sitemap-pink { display: inline-block; width: 82px; height: 24px; background:url("/images/error-pages/404-error-links.gif") no-repeat scroll -191px 0; text-decoration: none; padding: 57px 0 0 26px;}
.icon-home-pink:hover, .icon-contact-pink:hover, .icon-sitemap-pink:hover {text-decoration: none;}

/* Landing pages */
#landing-page h1.indented {padding: 5px 5px 23px;}
#landing-page h1.seo {display: none;}

/* Landing pages with carousel - extends landing pages */
#landing-page .introductionBody {float: left; width: 450px;}
#landing-page .introductionCarousel {float: right; width: 462px; height: 210px; margin: 10px 0; overflow: hidden; border: 3px solid #ffffff;}
#landing-page .introductionCarousel .slides_container {height: 210px;}
#landing-page .introductionCarousel .slide {width: 462px; height: 210px;}



.search-content { background: none repeat scroll 0 0 #FFFFFF; position: relative; float: left; margin: 0 0 20px; padding: 10px; width: 905px;}
.search-content h1 { float: left; width: 540px; color: #666666; font-size:2.2em; padding: 8px 0  0px 0;}
.search-content h1 span { font-weight: normal; font-size: 0.6em;}
#frmUserSearch.search-page {  position: relative; height:31px; border:solid 1px #cfcfcf; -moz-box-shadow:inset 0 1px 3px 0px #CDCDCD; -webkit-box-shadow:inset 0 1px 3px 0px #CDCDCD; box-shadow:inset 0 1px 3px 0px #CDCDCD;}
#frmUserSearch.search-page input { border:none; background: none; padding: 8px; width: 267px; color: #666666; font-size: 1.2em;}
#frmUserSearch.search-page input.search-button { background: url('/images/layout/sprite-general-icons.gif') no-repeat scroll -3px -304px transparent; cursor: pointer; display: inline-block; width:25px; height: 25px; position: absolute; right: 3px; top: 4px; }
.search-results {border-top:1px solid #d9d7d7; margin-top: 14px; padding:20px 0 0 0;}
.search-results h2 {font-size: 2em; padding-bottom: 0px;}
.search-results h3 { color: #666666; font-size: 1.6em; padding-bottom: 4px;}
.search-item { padding-top: 38px; color: #666666;}
.search-item.first { border-top: 0 none;}
.fontItem { font-size: 10px; }
.search-item a.dpp_button {font-size: 1.4em;}
.search-item .product-ratings { padding-top: 5px;}
.search-item .product-ratings  a {margin-left: 10px;}
.search-item .product-reviews {font-size: 1.2em; line-height: 1.5em;}
.search-item .star-rating {background: url("/images/products/landing/star-ratings-small.gif") no-repeat scroll 0 0 transparent; display: inline-block; height: 11px; overflow: hidden; text-indent: -999em; width: 60px;}
.search-item .star-rating.stars-1 {background-position: 0 -13px;}
.search-item .star-rating.stars-2 {background-position: 0 -26px;}
.search-item .star-rating.stars-3 {background-position: 0 -39px;}
.search-item .star-rating.stars-4 {background-position: 0 -52px;}
.search-item .star-rating.stars-5 {background-position: 0 -65px;}

.related-search { background: none repeat scroll 0 0 #f5f5f5; margin-top:70px; position: relative; float: left; margin: 70px 0 20px; padding: 10px; width:885px;}
.related-search h2 { font-size: 1.6em;}
.related-search .search-item { float: left; padding:10px 40px 0 0; width: 390px;}

/* Site map */
.site-map-page h1 {padding-bottom: 0;}
.site-map-page h2 {display: block; margin: 20px 0 0; padding: 10px; font-size: 1.6em; text-align: center; color: #ed2092; background-color: #d5d5d5; float: left; width: 97.5%;}
.site-map-page h2 a {color: #ed2092; text-decoration: none;}
.site-map-page .col1 { float: left; width: 300px; margin: 20px 0 0 0;}
.site-map-page .col2 { float: left; width: 300px; margin: 20px 0 0 20px;}
.site-map-page .col3 { float: left; width: 300px; margin: 20px 0 0 20px;}
.site-map-page .link-holder {float: left; width: 280px; margin: 20px 0 0 0; padding: 10px; font-size: 1.2em; color: #666; background: #fff;}
.site-map-page .link-holder.row {margin-left: 0; margin-top: 0px; clear: left;}
.site-map-page h3 {font-size: 1.2em; font-weight: bold; color: #666;}
.site-map-page .link-holder  a {color: #666; display: inline-block; }
.site-map-page .link-holder ul li {float: none; width: auto; margin: 0; padding: 10px 0 10px 25px; font-size: 1em; font-weight: normal; background: url('/images/layout/sitemap_arrow.gif') 5px 12px no-repeat;}



/* sign out  page */
.sign-out h2 {font-weight: normal;}
.sign-out h3 {font-family: Bad Script, Arial, sans-serif; font-size: 2.3em; color: #666666; margin: 30px 0px 0; text-align: center; font-weight: normal; }
.sign-out .col3 .dpp-pods a { height: 215px; width:235px; padding-top: 70px; display:inline-block; text-align: left;}
.sign-out .col3 .dpp-pods a:hover { text-decoration: none;}
.sign-out .col3 .dpp-pods .para { padding: 0px; text-align: left; font-size: 1.2em; line-height: 1.5em; color:#666666; display: inline-block; margin: 0 10px 0 10px;}
.sign-out .col3 .dpp-pods .para .link {color: #ED2092;}
.sign-out .col3 {float: left; width: 235px; margin: 0 0 0 60px;}
.sign-out .col3  .dpp-pods { height: 285px; width: 235px; padding: 0px 0 0 0; margin-left: 0px;}
.sign-out .col3 .blog {background:#fff url('/images/sign-out/signed-out-lastest-blog.gif') 0 4px no-repeat;}
.sign-out .col3 .video {background:#fff url('/images/sign-out/signed-out-lastest-video.gif') 0 5px no-repeat;}
.sign-out .col3 .mailshot {background:#fff url('/images/sign-out/signed-out-latest-product.gif') 0 4px no-repeat;}
.sign-out .col3 .img-holder { width: 100%; height: 130px; line-height: 130px; text-align: center; display: inline-block;}
.sign-out .col3 .img-holder img { margin:auto; vertical-align: middle;}
.sign-out .col3 .video p span {color: #ED2092; }
.sign-out .col3 .video img { max-height: 121px;}

/* calendar section */
.imagecalendar {margin: 20px 20px 20px 20px;}

/* delivery section */
.delivery p { color:#666666;}
.delivery .dpp-pods.main-column { background: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; padding: 0px;}
.delivery .click-nav {margin:0px; width: 680px;}
.delivery .click-nav h3{  z-index: 10; background: #e7e8e9;  display: inline-block; width: 660px; margin-bottom: 10px; font-weight: bold; padding:9px 10px; color: #666666; text-decoration: none!important; font-size: 1.3em;}

.delivery .click-nav h3.ui-state-active, .delivery .click-nav h3.ui-state-active.ui-state-focus { border:1px  solid #ec008c; background: #ec008c; color:#fff; }
.delivery .click-nav h3.ui-state-active.ui-state-hover, .delivery .click-nav h3.ui-state-active.ui-state-hover.ui-state-focus {border:1px  solid #ec008c; background: #ec008c; color:#fff; }
.delivery .click-nav li{margin:  0 0 10px 0; border:none; width: 99%; display: inline-block; margin-bottom: 10px;}
.delivery .click-nav ul { margin: -5px 0 0 0; padding: 10px 0;}
.delivery .click-nav ul { border:none; font-size: 1em; margin: 0 0 0 0;}
.delivery .click-nav ul a { font-weight: normal; background: none;}
.delivery .click-nav ul a:hover { background: url('/images/layout/pod_menu_arrow.gif') no-repeat -203px 7px;}
.delivery .click-nav h3.ui-state-active span, .delivery .click-nav h3.ui-state-active.ui-state-focus span  {background: #e7e8e9 url('/images/layout/nav-bg.gif')  -32px -9px no-repeat; height: 25px; width: 25px;  left: 96%;}
.delivery .click-nav h3.ui-state-active.ui-state-hover span {background: #e7e8e9 url('/images/layout/nav-bg.gif')  -32px -9px no-repeat; height: 25px; width: 25px;  left: 96%;}
.delivery .click-nav h3 span {background: #e7e8e9 url('/images/layout/nav-bg.gif')  -32px -51px no-repeat; height: 25px; width: 25px;  left: 96%!important;}
.delivery .click-nav .ui-accordion-content {padding:0px; width: 650px; margin: -15px 0 10px 0; padding: 20px 15px 15px 15px; }
.delivery .click-nav h3.ui-state-hover, .delivery .click-nav h3.ui-state-focus {border: 1px solid #DDDDDD; background: #d4d4d4;}
.delivery .click-nav h3.ui-state-hover span, .delivery .click-nav h3.ui-state-focus span  {background: #d4d4d4 url('/images/layout/nav-bg.gif') -32px -98px no-repeat;}
.delivery .click-nav .ui-accordion .ui-accordion-header { margin: 0px;}

.delivery .click-nav div .accordion-content { background: #f7f7f7; padding: 20px;}
.delivery .click-nav div .accordion-content h4 {font-size: 1.4em; margin: 0 0 1em; padding: 0; color: #666666; font-style: normal; font-weight: bold;}
.delivery .click-nav div .accordion-content .dpp-pods.white  { width: 585px; margin: 30px 0 0 3px; background: #ffffff url('/images/delivery/printed-p.gif') 552px 11px no-repeat;}
.delivery .click-nav div .accordion-content .dpp-pods.white .col1 { float: left; width: 272px;}
.delivery .click-nav div .accordion-content .dpp-pods.white .col1 img {margin-top: -25px;}
.delivery .click-nav div .accordion-content .dpp-pods.white .col2 { float: right; width: 310px;}
.delivery .click-nav div .accordion-content .tick-list {padding:0 0 10px 0; font-size:1.3em; line-height:1.5em; }
.delivery .click-nav div .accordion-content .tick-list li {padding-left:24px; padding-bottom:3px; color: #5F5F5F; list-style: none; margin-bottom: 0px; background: url('/images/layout/list-arrow.jpg') 0 1px no-repeat;}
.delivery .click-nav div .accordion-content p.app-support { height: 42px; line-height: 42px; vertical-align: middle;}
.delivery .click-nav div .accordion-content p.app-support img {display: inline-block; vertical-align: middle;}

.delivery .click-nav div .row {float: left; clear: left; width:650px; background:#f7f7f7; text-align: center; font-size: 1.2em;}
.delivery .click-nav div .row.top { background:#d4d6d7; font-weight: bold; font-size: 1.3em;}
.delivery .click-nav div .row.even {background:#e7e8e9;}
.delivery .click-nav div .td-cell.first-cell {text-align: left; width: 80px; padding-left: 10px;}
.delivery .click-nav div .td-cell.second-cell {width: 100px;}
.delivery .click-nav div .td-cell.third-cell {width: 257px;}
.delivery .click-nav div .td-cell { float: left; width:129px; padding: 10px 10px; text-align: center; vertical-align: middle; border-left: 1px solid #fbfbfb; font-size: 1em;}
.delivery .click-nav div .td-cell .sml-text {font-size: 0.9em;}
.delivery .international-pan { background: #f7f7f7 url('/images/delivery/international-pan.gif') -1px -1px no-repeat; border: 1px solid #cfcece;  width: 565px;  float: left; margin: 15px 0 20px; padding: 12px 0 0 86px;}
.delivery .normal-list { padding-left: 15px; margin: -10px 0 0 15px!important;}
.delivery .normal-list li {background: url("/images/layout/li-dot.png") no-repeat scroll 6px 2px; font-size: 1.2em; color: #666; margin-bottom: 8px!important;  list-style: none outside none; margin-bottom: 0; padding-bottom: 3px; padding-left: 24px;}



/* Form controls */
.ui-widget input.dpp_button {font-size: 1.3em;}
.ui-widget .dpp_admin_table tr td input.dpp_button {font-size: 1.2em;}
table .dpp_button,
table .pdc-button {font-size: 1em;}
.dpp_textbox, .pdc-textbox,
.dpp_textbox_small {font-size: 1.2em; padding: 4px;}
.dpp_textbox_error, .pdc-textbox-error {border: 1px solid #0073EA !important;}
.dpp_custbox, .pdc-custbox,
.dpp_dropdown, .pdc-dropdown {font-size: 1.2em; padding: 4px;}
input.dpp_button, .left input.dpp_button, .right input.dpp_button, table input.dpp_button {_width: 50px; *overflow: visible;}
span.errortext {background: inherit; color: #f00; display: block; font-size: 1.2em; font-weight: bold;}
.dpp_button.floatright {float:right;}

/* ZFDebug */
#ZFDebug img {display: inline;}

/* Registration success */
#pdc-register-success {margin: 20px 0 150px; padding: 40px 0 0 240px; min-height: 150px; background: url('/images/account/registration-wait.gif') 0 0 no-repeat;}
#pdc-register-success p {font-size: 1.6em; font-weight: bold; color: #ed2092;}
#pdc-register-success .hint-box {position: relative; width: 220px; padding: 10px 20px; margin: 20px 0 0; text-align: left; background: #fff; box-shadow: 0 0 5px #ccc; -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#pdc-register-success .hint-box .information {display: block; position: absolute; right: -10px; top: -10px; width: 27px; height: 28px; text-indent: -999em; overflow: hidden; background: url('/images/layout/icon_information.gif') 0 0 no-repeat;}
#pdc-register-success .hint-box p {margin: 0; padding: 0; font-size: 1.2em; font-weight: normal; color: #666;}
#pdc-register-success .hint-box a {color: #666; text-decoration: underline;}

/* Generic Tables */
.pdc-table {font-size: 1.2em; margin: 0 0 20px; width: 100%;}
.pdc-table th {padding: 5px 3px; background: #ddd; font-weight: bold; text-align: left;}
.pdc-table td {padding: 5px 3px; border-bottom: 1px solid #ddd; vertical-align: middle;}
.pdc-table label {font-size: 1em; font-weight: normal;}
.pdc-table .foot td {border-bottom: 0;}

/* Tooltips */
.tooltip-container {position: relative; float: left; margin: 0 0 0 10px; z-index: 10;}
.tooltip-container .tooltip-link {width: 18px; height: 18px; position: relative;}
.tooltip-container .tooltip {position: absolute; left: -220px; top: 15px; z-index: 15; width: 365px; padding: 10px; font-size: 1.2em; background: #fff; box-shadow: 0 0 5px #ccc; -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.tooltip-container .tooltip p {font-size: 1em; margin: 0; color: #666;}
.tooltip-container .tooltip .tooltip_button {margin: 1em 0 0; text-align: right;}
.tooltip-container .tooltip .dpp_button {font-size: 0.8em; }

/* Sign in popup */
#signin-popup {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 20px;
    position: absolute;
    right: 141px;
    top: 30px;
    z-index: 1000;
}

#signin-popup label {display: block; font-weight: normal; color: #666; padding: 0 0 5px;}
#signin-popup .pdc-textbox {width: 250px; height: 40px; margin: 0 0 10px; border: 1px solid #eee}
#signin-popup .submit {display: flex; flex-direction: column}
#signin-popup .submit a {display: block; padding: 5px 0 0; font-size: 14px; color: #ed2092; font-family: 'open sans';}

/* Top Search */

.search-page.top-search {
    box-shadow: none !important;
    clear: both;
    float: right;
    padding: 0;
}

#frmUserSearch.search-page input {
        margin-bottom: -5px;
    margin-left: -1px;
    padding-bottom: 3px;
    padding-right: 9px;
}

.top-search-auto .ui-state-hover {
    background: none repeat scroll 0 0 #EC008C !important;
    border: 1px solid #EC008C !important;
    color: #FFFFFF !important;
}

#frmUserSearch.top-search input.search-button {
    background: url("/images/products/thumbs/mag-glass.gif") no-repeat scroll 8px 3px rgba(0, 0, 0, 0);
}

/* Site notification */
.siteNotifications {
    background: none repeat scroll 0 0 #999;
    border-radius: 0px 0px 5px 5px;
    /*box-shadow: 0 0 5px #CCCCCC;*/
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    height: 31px;
    line-height: 31px;
    margin: 0 auto;
    text-align: center;
    width: 690px;
    position: relative;
    z-index: 1000;
    top: -1px;
}

.pdc-common-notifications-close {
   position: absolute;
   right: 7px;
   bottom: 7px;
}

/* Social Logins */

.social-login .connect-using {
  float: left;
  line-height: 30px;
  margin-right: 10px;
}

.social-login.social-register {
  margin-top: 25px;
}

.order-instagram-73-choose-images .social-login.social-register,
.order-instagram-73-choose-images .social-div-line {
  margin-top: 0;
}

.social-login a {
  display: block;
  height: 33px;
  overflow: hidden;
  width: 33px;
  float: left;
  margin-right: 5px;
  background: #999;
  transition: background 0.3s ease;
}

.social-login a:hover {
  background: #ed2092;
}

.social-login a:hover, .fa-facebook-square.connected {
  color: #214285;
}

.social-login a:hover.pdc-login-twitter, .fa-twitter-square.connected {
 color: #2BA7DF;
}

.social-login a:hover.pdc-login-google, .fa-google-plus-square.connected {
 color: #D3492C;
}

.social-login a:hover.pdc-login-instagram, .fa-instagram.connected{
  color: #517FA4;
}

.social-login a:hover.pdc-login-linkedin, .fa-linkedin-square.connected {
  color: #007BB6;
}

.social-login a:hover.pdc-login-amazon, .fa-amazon-square.connected {
  color: #F49833;
}

#signin-popup .fa,
.social-login.social-register .fa {
  line-height: 32px;
  font-size: 20px;
}

.social-div-line {
  clear: both;
  display: block;
  margin: 17px 0 -18px;
  padding-top: 10px;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 20;
}

.social-div-line span {
  background-color: #fff;
  padding: 0 10px;
}

.hr {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border-bottom: 1px solid #BBBBBB;
  margin-bottom: 20px;
}

/* Account section */
.pdc-account-social {
    clear: both;
    font-size: 12px;
    line-height: 36px;
    margin-top: 10px;
    min-height: 25px;
    overflow: hidden;
}

.pdc-account-social .connect-social-account,
.pdc-account-social .disconnect-social-account,
.pdc-account-social .reconnect-social-account {
    float: right;
    margin-top: 3px;
    padding-top: 6px;
    text-align: center;
    width: 100px;
}

/* TPN Notification */

.pn-notification {
    background: none repeat scroll 0 0 #F5F5F5;
    border-radius: 5px;
    margin: 0 0 20px 29px;
    padding: 10px;
    width: 870px;
}

/* Delivery page update */

.delivery .click-nav div .td-cell.third-cell-2-col-first {
    width:117px;
    padding: 10px 0px;
}

.delivery .click-nav div .td-cell.third-cell-2-col {
    width: 159px;
    padding: 10px 0;
}

.third-col-cell {
    height: 20px;
}

.row.even.second .td-cell.first-cell,
.row.even.second .td-cell.second-cell,
.row.even.second .td-cell.third-cell,
.row.even.second .td-cell.third-cell-2-col-first,
.row.even.second .td-cell.third-cell-2-col,
.row.even.second .td-cell.last-cell
{
    height: 110px !important;
}

/* Delivery page - Islands table */

.table.islands .td-cell {
    width:141px !important;
}

.islands {
    position: relative;
    display: block;
    float: left;
    margin-top: 25px;
}

/*  Delivery page - Islands table pop up */

#bubble-printed-sides-info-delivery h3 {
    background: none;
}

div#bubble-printed-sides-info-delivery {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 0 5px #CCCCCC;
    border-radius: 5px;
    min-height: 140px;
    position: absolute;
    bottom: 525px;
    left: 17px;
    z-index: 1;
    width: 625px;
    padding: 10px;
}

img.bubble-printed-sides.info-icon.close-bubble {
    right: 11px;
    top: -25px;
}

img.close-bubble-pop-up {
    top: -15px;
    position: absolute;
    left: -15px;
    z-index: 10;
}

img.arrow-popup {
    position: absolute;
    right: 10px;
    bottom: -11px;
}

/* Hide product navigation span, for product tabs with only one option */
.click-nav .no-expand span {
    display: none !important;
}

/* Printed promise sprite */

.righty.printers-promise p {
    padding-left: 100px;
    line-height: 4.7em;
    height: 5.5em;
}

.telephone {
    background: url('/images/content/customer-charter/charter-sprite.jpg') no-repeat 0 -98px;
}
.problems {
    background: url('/images/content/customer-charter/charter-sprite.jpg') no-repeat 0 -219px;
}
.refund {
    background: url('/images/content/customer-charter/charter-sprite.jpg') no-repeat 0 -622px;
}

/* Blue button */

.pdc-blue-button {
    background: none repeat scroll 0 0 #00A8B0;
    text-shadow: none;
    line-height: 40px;
    padding: 0 20px;
    text-align: center;
}

.how-things-work-pod {
    text-align: center;
}


.how-things-work-pod .pdc-button {
    width: 150px;
    margin-top: 15px;
    margin-bottom: 10px;
    font-weight: normal;
    font-size: 14px;
    text-shadow: none;
}

.delivery-table-heading {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 10px;
}

.delivery-table  {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.delivery-table.islands-table {
    margin-top: 25px;
}

.delivery-table td {
    font-size:12px;
    padding:10px 5px;
    border: 1px solid white;
    overflow:hidden;
    word-break:normal;
}

.delivery-table .delivery-table-header {
    font-family:Arial, sans-serif;
    font-size:13px;
    font-weight: bold;
    padding:10px 5px;
    border: 1px solid white;
    overflow:hidden;
    word-break:normal;
}

.delivery-table .delivery-table-row {
    background-color:#f7f7f7;
    text-align:center;
}

.delivery-table .delivery-table-row-alt {
    background-color:#666666;
    color:#ffffff;
    text-align:center;
}

.delivery-table .delivery-table-header {
    background-color:#d4d6d7;
    text-align:center;
}

.delivery-table .small-text {
    font-size: 10px;
    font-weight: normal;
    display: block;
}

.delivery-table .fa-check {
    color: green;
}

.delivery-table .fa-times {
    color: red;
}

.delivery-tooltip {
    cursor: pointer;
}

.delivery-tooltip-cont {
    position: absolute;
    top: -5px;
    right: 0;
}

.delivery-popup {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 0 5px #CCCCCC;
    border-radius: 5px;
    position: absolute;
    bottom: 40px;
    left: 32px;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    z-index: 1;
    width: 625px;
    padding: 10px;
}

.delivery-popup h3 {
    width: auto !important;
    padding: 0 !important;
    background: none !important;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}
/* info box*/
.extra-info-box,
.same-day-banner {
    border: 1px solid #CCCCCC;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    float: left;
    width: 97%;
    margin: 10px 0 20px;
    position: relative;
}

.same-day-banner {
    margin-top: 0;
}

.extra-info-box.next-day h3.extra-info-box-text,
.same-day-banner h3 {
    background: url('/assets/images/products/next-day/thats-vantastic.gif') no-repeat 0 2px;
    display: inline-block;
    padding:10px 0 10px 70px!important;
    margin-bottom: 0!important;
    font-weight: normal!important;
}

.same-day-banner h3 {
    background: url("/assets/images/products/product-main/same-day-delivery.png") no-repeat 0 center;
    padding-left: 55px !important;
}

.extra-info-box.next-day h3.extra-info-box-text span {
    font-weight: bold!important;
    color: #008ACB!important;
}
.extra-info-box.next-day .extra-info-icon {
    width: 20px;
    cursor: pointer;
    position: absolute;
    top: 6px;
    right: 6px;
}

/* info bubble */

.bubble-extra-info-icon {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    margin: 5px 0 0;
    padding: 15px;
    bottom: 195px;
    border: 1px solid #F1F2F2;
    box-shadow: 0 0 5px #CCCCCC;
    min-height: 85px;
    right: 0;
    z-index: 10;
    position: absolute;
    width: 190px;
}

.bubble-extra-info-icon.two-banners {
    bottom: initial;
}

.close-bubble-pop-up-extra-info {
    position: absolute;
    top: -11px;
    left: -8px;
    cursor: pointer;
}

.error-box {
    background-color: rgba(255, 0, 0, 0.3);
    border: 1px solid #ff0000;
    padding: 10px;
    border-radius: 5px;
    margin: 10px 0;
}

.success-box {
     background-color: rgba(49, 190, 89, 0.3);
     border: 1px solid #31be59;
     padding: 10px;
     border-radius: 5px;
     margin: 10px 0;
 }
.promo-banner-blue{
    background: url("/assets/images/content/static/promotions/blue-ribbon.png") center no-repeat;
    color: #fff;
    font-size: 20px;
    text-align: center;
    position: absolute!important;
    top: 333px;
    left: 37px;
    width: 954px!important;
    height: 43px;
    line-height: 43px;
}

.promo-banner-container {
    text-align: center;
    position: absolute;
    top: 345px;
    left: 0;
}

.promo-starburst {
    position: absolute!important;
    top: 20px;
    left: 60px;
}

.promo-banner-within-content {
    background: url("/assets/images/content/static/promotions/blue-ribbon.png") center no-repeat;
    color: #fff;
    font-size: 20px;
    text-align: center;
    position: relative;
    width: 100%;
    height: 43px;
    line-height: 43px;
    margin: 30px auto;
}

.promo-banner-blue.promo-easter-banner {
    margin: 0 auto;
    top: 348px;
    left: 0;
    bottom: 0;
    right: 0;
}

/* ----------------------------- */
/* Slick carousel custom styling */
/* ----------------------------- */

.slick-initialized .slick-list:before,
.slick-initialized .slick-list:after {
    content: '';
    width: 60px;
    height: calc(100% - 35px);
    position: absolute;
    top: 0;
    z-index: 2;
}

.slick-list:before {
    background-image: linear-gradient(to right,rgba(0,0,0,.5),transparent);
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),transparent);
    left: 0;
}

.slick-list:after {
    background-image: linear-gradient(to left,rgba(0,0,0,.5),transparent);
    background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),transparent);
    right: 0;
}

.slick-arrow {
    -webkit-appearance: none;
    background: transparent;
    color: #ffffff;
    border: 0;
    font-size: 25px;
    cursor: pointer;
    position: absolute;
    top: calc(50% - 17px);
    transform: translate(0, -50%);
    z-index: 1;
}

.slick-arrow:focus {
    outline: 0;
}

.slick-arrow.slick-prev {
    left: 5px;
}

.slick-arrow.slick-next {
    right: 5px;
}

.slick-slide {
    cursor: pointer;
}

.slick-slide img {
    max-width: 100%;
}

.slick-slide:focus {
    outline: 0;
}

.slick-initialized .slick-slide {
    padding: 0 10px;
}

/* Paper carousel */
.paper-slider-cont {
    background: #ffffff;
    padding: 30px 0 35px;
}

.paper-slider-cont h2 {
    padding-bottom: 30px;
    font-size: 18px;
}

.paper-slider .paper {
    position: relative;
    padding-bottom: 35px;
}

.paper-slider .paper span {
    position: absolute;
    top: 135px;
    left: 10px;
    display: block;
    width: calc(100% - 20px);
    text-align: center;
    font-weight: bold;
    font-size: 13px;
}

/* Form styling */
.label-cont {
    display: flex;
    margin-bottom: 12px;
}

.label-cont label {
    align-self: center;
    padding: 0;
}

input.tall, select.tall {
    padding: 12px;
    font-size: 13px;
    background: #ffffff;
    border: 1px solid #eeeeee;
    outline: 0;
}

select.tall {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 12px;
    background: url('/assets/images/icons/forms/dropdown-arrow.png') right 20px center/15px no-repeat #ffffff;
}

/* Hide IE dropdown arrow when we have a custom arrow */
select.tall::-ms-expand {
    display: none;
}

/* Sample pack form */
#sample-pack-form {
    width: 700px;
    margin-bottom: 35px;
}

#sample-pack-form .label-cont label {
    flex: 0 0 145px;
}

#sample-pack-form .label-cont input,
#sample-pack-form .label-cont select {
    flex: 2 0 auto;
}