/**
* Magento
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE_AFL.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@magentocommerce.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade Magento to newer
* versions in the future. If you wish to customize Magento for your
* needs please refer to http://www.magentocommerce.com for more information.
*
* @copyright Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com)
* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)
*/
/******************************************/
/***********[ Mage_CSS_A Reset ]***********/
/******************************************/
@font-face {
font-family: 'VAG Rounded Bold';
src: url('https://www.packingboxes.co.uk/skin/frontend/packing/default/fonts/vag_rounded_bold.eot');
src: url('https://www.packingboxes.co.uk/skin/frontend/packing/default/fonts/vag_rounded_bold.eot?#iefix') format('embedded-opentype'),
url('https://www.packingboxes.co.uk/skin/frontend/packing/default/fonts/vag_rounded_bold.woff2') format('woff2'),
url('https://www.packingboxes.co.uk/skin/frontend/packing/default/fonts/vag_rounded_bold.woff') format('woff'),
url('https://www.packingboxes.co.uk/skin/frontend/packing/default/fonts/vag_rounded_bold.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'romyregular';
src: url('https://www.packingboxes.co.uk/skin/frontend/packing/default/fonts/romy-webfont.eot');
src: url('https://www.packingboxes.co.uk/skin/frontend/packing/default/fonts/romy-webfont.eot?#iefix') format('embedded-opentype'),
url('https://www.packingboxes.co.uk/skin/frontend/packing/default/fonts/romy-webfont.woff') format('woff'),
url('https://www.packingboxes.co.uk/skin/frontend/packing/default/fonts/romy-webfont.ttf') format('truetype'),
url('https://www.packingboxes.co.uk/skin/frontend/packing/default/fonts/romy-webfont.svg#romyregular') format('svg');
font-weight: normal;
font-style: normal;
}
* { margin:0; padding:0; }
body { /*background:#939ba1 url(https://www.packingboxes.co.uk/skin/frontend/packing/default/images/body_bg.gif); background-repeat:repeat-x;*/
background-image: url(https://www.packingboxes.co.uk/skin/frontend/packing/default/images/site_bg2.jpg);
background-color: #ba8e60;
background-repeat: repeat;
color:#444; font:12px/1.55em arial, helvetica, sans-serif; text-align:center; }
a { color:#444; text-decoration:none; }
a:hover { color:#306921; text-decoration:underline; }
a img { border:0;}
:focus { outline:0; }
/* Heading */
h1 { font-size:2em; line-height:1.17em; margin: 0.4em 0em; }
h2 { margin-bottom:.4em; font-size:1.5em; line-height:1.2em; color:#306921;}
h2 a { color:#306921;}
h3 { margin-bottom:.4em; font-size:1.35em; line-height:1.2em; }
h4 { margin-bottom:.4em; font-size:1.05em; line-height:1.35em; }
h5 { margin-bottom:.4em; font-size:1.05em; line-height:1.35em; }
h6 { margin-bottom:.1em; font-size:1em; line-height:1.35em; }
/* Table */
th { vertical-align:top; font-weight:normal; text-align:left; }
td { vertical-align:top; }
/* Paragraph */
p { margin-bottom:.9em; }
address { margin-bottom:.4em; font-style:normal; line-height:1.4em; }
cite { font-style:normal; font-size:10px;}
q:before,
q:after { content:'';}
/* Form */
form { display:inline;}
fieldset { border:none; }
legend { display:none;}
label { color:#555; font-weight:bold; }
input,
select,
button { vertical-align:middle; }
/* Lists */
dt { display:block; font-weight:bold; }
ul,ol { list-style:none; }
/* Size */
small { font-size:.85em; }
big { font-size:1.15em; }
hr { height:0; margin:8px 0; overflow:hidden; visibility:hidden; }
/* Magento
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE_AFL.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@magentocommerce.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade Magento to newer
* versions in the future. If you wish to customize Magento for your
* needs please refer to http://www.magentocommerce.com for more information.
*
* @copyright Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com)
* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)
*/
/****************************************************/
/***********[ Mage_CSS_B Common Elements ]***********/
/****************************************************/
body {
background: url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/site_bg.png) repeat fixed #b69462;
}
.mobile-only {
display: none;
}
@media only screen and (max-width: 619px) {
.mobile-only {
display: block;
}
.mobile-hide {
display: none !important;
}
body {
background-image: none;
background-color: White;
}
}
h1, h2, h3,
h1 strong, h2 strong, h3 strong {
font-family: 'VAG Rounded Bold', 'arial rounded bold', 'VAG Rounded', 'arial rounded', 'arial rounded mt bold', 'Arial Rounded MT', arial, helvetica, sans-serif;
font-weight: normal;
}
h3 {
font-size: 18px;
}
/********************** Columns */
/* All */
.col2-set, .col3-set, .col4-set, .col5-set { clear:both; }
/* Col2 */
.col2-set .col-1, .col2-set .col-2 { width:48.5%; }
.col2-set .col-1 { float:left; }
.col2-set .col-2 { float:right; }
/* Col2-alt */
.col2-alt-set .col-1 { float:left; width:32%; }
.col2-alt-set .col-2 { float:right; width:65%; }
/* Col3 */
.col3-set .col-1, .col3-set .col-2, .col3-set .col-3 { float:left; width:31.3%; }
.col3-set .col-1, .col3-set .col-2 { margin-right:3%; }
/* Col4 */
.col4-set .col-1, .col4-set .col-2, .col4-set .col-3, .col4-set .col-4 { float:left; width:22%; }
.col4-set .col-1, .col4-set .col-2, .col4-set .col-3 { margin-right:4%; }
/* Table Columns */
table .col-1, table .col-2, table .col-3, table .col-4 { float:none !important; margin:0 !important; }
.col3-set td.spacer { width:3%; }
.col4-set td.spacer { width:4%; }
/********************** Form */
/* Form Elements */
input.input-text,
select,
textarea { border:1px solid #b6b6b6; font:12px arial, helvetica, sans-serif; }
select option { padding-right:10px; }
option, optgroup { font:12px arial, helvetica, sans-serif; }
optgroup { font-weight:bold; }
input.input-text,
textarea { padding:2px; }
textarea { overflow:auto; }
input.radio { margin-right:3px; }
input.checkbox { margin-right:3px; }
.v-fix { float:left; }
.v-fix .validation-advice { display:block; margin-right:-12em; width:12em; position:relative; }
input.qty { width:2.5em; height: 1em; text-align: center; background-color: White; }
.group-select label,
.form-list label,
.payment-methods label { font-weight:bold; }
.button-set { /* Container for form buttons*/
clear:both;
margin-top:4em;
border-top:1px solid #e4e4e4;
padding-top:8px;
text-align:right;
}
.strong-box .button-set {
margin-top: 0;
border-style: none;
padding-top: 0;
text-align: left;
}
.button-top-set { margin-top:0; border-top:0; padding-top:0; padding-bottom:8px; }
/* Form lists */
.form-list { margin-bottom:10px; }
.form-list li { margin-bottom:6px; }
.affiliateplusplus-account-shop .banner-share #affiliate-link,
.form-list li .input-box .input-text,
.form-list li .input-box textarea { width:250px; }
.form-list li .input-box select { width:256px; }
.form-list li.addElement { border-top:1px solid #DDD; padding-top:10px; }
.form-list .fields .field { margin-bottom: 10px; }
.group-select li { margin:0 8px 10px 0; padding-left:8px; }
.strong-box .group-select li { margin-right: 0; padding-left: 0; }
.group-select li .input-box { float:left; width:275px; }
.strong-box .group-select li .input-box { width: 100%; }
.group-select li .input-text,
.group-select li select,
.group-select li textarea { width:525px; }
.group-select li .input-box .input-text,
.group-select li .input-box textarea{ width:250px; }
.group-select li .input-box select { width:256px; }
.strong-box input.input-text,
.strong-box select,
.strong-box textarea,
.strong-box input.input-text,
.strong-box .form-list li .input-box .input-text,
.strong-box.form-list li .input-box select,
.strong-box .form-list li .input-box textarea,
.strong-box .group-select li .input-text,
.strong-box .group-select li select,
.strong-box .group-select li textarea,
.strong-box .group-select li .input-box .input-text,
.strong-box .group-select li .input-box textarea,
.strong-box .group-select li .input-box select { width: 98%; margin: 2px 0; background-color: White; }
.medium-button {
display: block; display: inline-block;
height: 27px;
padding: 2px 6px 0;
overflow: hidden; border: none;
border: 2px solid #ccc;
-webkit-borderradius: 3px; -moz-border-radius: 3px; border-radius: 3px;
color: #444 !important;
font-weight: normal;
font-size: 13px;
line-height: 24px;
/*font: normal 16px/36px 'VAG Rounded Bold', 'arial rounded bold', 'VAG Rounded', 'arial rounded', 'arial rounded mt bold', 'Arial Rounded MT', arial, helvetica, sans-serif; */
text-align: center;
text-decoration: none !important; text-indent: 0;
background-image: none; background-color: #a3abb1;
background-color: #eee;
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #FFFFFF),
color-stop(1, #EEEEEE)
);
background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #EEEEEE 100%);
background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #EEEEEE 100%);
background-image: -webkit-linear-gradient(to bottom, #FFFFFF 0%, #EEEEEE 100%);
background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #EEEEEE 100%);
background-image: linear-gradient(to bottom, #FFFFFF 0%, #EEEEEE 100%);
}
.medium-button.last {
margin-right: 0 !important;
}
.medium-button:hover {
padding: 2px 6px 0;
background-color: White;
background-image: none;
border-color: #aaa;
border: 2px solid #ccc;
-webkit-borderradius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
/* Form Messages */
.validation-advice, .required { color:#EB340A; }
.validation-advice { clear:both; min-height:15px; margin-top:3px; background:url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/validation_advice_bg.gif) no-repeat 2px 4px; padding-left:13px; font-size:10px; font-weight:bold; line-height:1.25em; }
.validation-failed { border:1px solid #eb340a !important; background:#faebe7 !important; }
label.required { font-weight:bold; }
p.required { text-align:right; }
.strong-box .required { color: #444; }
.strong-box p.required { float: right; }
/********************** Messages */
.success { color:#3d6611; }
.error { color:#df280a; }
.notice {color:#e26703; }
.success, .error { font-weight:bold; }
.messages,
.messages ul { list-style:none !important; margin:0 !important; padding:0 !important; }
.messages { width:100%; margin:0 0 10px !important; overflow:hidden; }
.error-msg, .success-msg, .notice-msg, .note-msg {
margin-bottom:1em !important;
border-style:solid !important;
border-width:1px !important;
padding:4px 12px !important;
font-weight:bold !important;
}
.error-msg li, .success-msg li, .notice-msg li { margin-bottom:.2em; }
.error-msg {
border-color:#f16048;
color:#df280a;
background:#faebe7;
}
.success-msg {
border-color:#446423;
color:#3d6611;
background:#eff5ea;
}
.notice-msg, .note-msg {
border-color:#fcd344;
color:#3d6611;
background:#fafaec;
}
/********************** Tabs */
.tabhead{
border-bottom:2px solid #ddd;
}
.tabs { margin-bottom:15px; border-bottom:1px solid #666; background:url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/tabs_bg.gif) repeat-x 0 100% #f2f2f2; }
.tabs li { float:left; border-right:1px solid #a4a4a4; border-left:1px solid #fff; font-size:1.1em; line-height:1em; }
.tabs li.first { border-left:0; }
.tabs li.last { border-right:0; }
.tabs a { display:block; padding:6px 15px; color:#444; }
.tabs a:hover { background-color:#ddd; text-decoration:none; color:#444; }
.tabs li.active a,
.tabs li.active a:hover { background-color:#666; font-weight:bold; color:#fff; }
/********************** Headings */
.head,
.head-alt,
.head-alt2,
.head-alt3 { line-height:1.25em; text-align:right; }
.head .title,
.head-alt .title,
.head-alt2 .title,
.head-alt3 .title { margin:0; float:left; }
.head a,
.head-alt a,
.head-alt2 a,
.head-alt3 a { font-size:10px; text-transform:uppercase; }
/* Page heading */
.page-head { margin:0 0 16px 0; }
.page-head-alt { margin:0 0 12px 0; }
.page-head, .page-head-alt { text-align:right; }
.page-head h3, .page-head-alt h3 {
margin:0;
font-size:18px;
text-transform:none !important;
text-align:left;
color:#5F5958;
background:url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/bull1.jpg) no-repeat left center;
padding-left: 15px;
}
.button-level h3 { /* heading level with buttons */
float:left;
width:60%;
}
.head-alt { margin-bottom:5px; }
.head-alt .title { color:#3f6343; font-size:1.3em; }
.head-alt2 { margin-bottom:12px; /*background:#F8F5EC;*/ background:#444; color: #fff; padding:2px 10px; font-size:1.1em; }
.head-alt2 .title { font-size:1.1em; color: #fff !important; }
.head-alt3 { margin-bottom:8px; border-bottom:1px solid #ddd; }
/* Category heading */
.category-head {
margin-bottom:7px;
background: #fd771e;
color: #fff;
padding: 4px 9px 4px 9px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
.category-head h1 {
padding: 0px;
margin: 0px;
}
.category-head h2 {
background:url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/bull1.jpg) no-repeat left center;
padding:3px 0 4px 13px;
color:#5F5958;
font-size:15px;
font-family:Tahoma;
}
.category-image { display:block; width:705px; }
/********************* Tables */
td.label { font-weight:bold; }
/* Data Table */
.data-table { width:100%; border-spacing:0; border-collapse:collapse; }
.data-table tr { background:#fff; }
.data-table .odd { background:#fff }
.data-table .even { background:#eee; }
.data-table tr.last th,
.data-table tr.last td { border-bottom:0 !important; padding:2px 4px 2px 4px; }
.data-table th { padding:2px 8px; white-space:nowrap; font-size:10px; }
.data-table th.wrap { white-space:normal; }
.data-table th a,
.data-table th a:hover { color:#fff; }
.data-table td { padding:3px 5px; }
.product-info-box.product-type-grouped #super-product-table { float: right; }
#super-product-table.data-table td { vertical-align: middle; }
.data-table thead tr { background:#F8F5EC; }
.data-table tfoot { border-bottom:1px solid #d9dde3; }
.data-table tfoot tr.first {}
.data-table tfoot tr { background-color:#F8F5EC !important; }
.data-table tbody td { border-bottom:1px solid #F8F5EC; }
/* Bundle Product row */
.data-table tbody.odd tr { background:#fff; }
.data-table tbody.even tr { background:#fcfcfc; }
.data-table tbody.odd tr td,
.data-table tbody.even tr td { border-bottom:0; }
.data-table tbody.odd tr.border td,
.data-table tbody.even tr.border td { border-bottom:1px solid #d9dde3; }
.data-table tbody td h5.title { margin:0; padding:0; font-size:1em; font-weight:bold; color:#444; }
.data-table tbody td .option-label { font-weight:bold; font-style:italic; }
.data-table tbody td .option-value { padding-left:10px; }
.box-table td { padding:10px; }
.box-table tfoot td { padding-top:5px; padding-bottom:5px; }
.box-table select{ width:100%; }
.generic-table td { padding:2px 8px; border-collapse:collapse;}
.generic-table td.first { padding-left:0; }
/********************** Lists */
.disc { margin-bottom:10px; }
.disc li { margin-left:20px; list-style:disc; }
/* Bare List */
.bare-list { margin:5px 0; }
.bare-list li { margin:3px 0; }
/********************** Space Creators */
.no-display { display:none; }
.content { padding:12px 12px 12px 15px; } /* Sets default padding */
.actions { line-height:1.3em; }
.pipe,
.separator { padding:0 3px; font-size:.85em; }
.divider {
margin:10px 0;
height:1px;
background:#ccc;
font-size:1px;
line-height:1em;
overflow:hidden;
}
/********************** Pager */
table.pager select { margin:0 3px; background: none White; }
table.pager { width:100%; margin: 10px 0; background-color:#FCFAF5; border-spacing:0; border-collapse:collapse; }
table.pager td { /*width:33%;*/ border-top:1px solid #fff; padding:4px 8px; vertical-align:middle; }
table.pager td.pages { text-align: right; }
table.pager td.pages a { display: inline-block; width: 100%; }
table.pager .mode-switcher a {
display: inline-block;
width: 21px;
height: 18px;
line-height: 19px;
margin-right: 4px;
text-indent: -9999px;
}
table.pager .mode-switcher a.active {
cursor: default;
}
table.pager .mode-switcher a.list-button {
background:url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/list-icon.png) center center no-repeat;
}
table.pager .mode-switcher a.list-button.active {
background:url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/list-icon-light.png) center center no-repeat;
}
table.pager .mode-switcher a.grid-button {
background:url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/grid-icon.png) center center no-repeat;
}
table.pager .mode-switcher a.grid-button.active {
background:url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/grid-icon-light.png) center center no-repeat;
}
table.pager img { vertical-align:middle; }
table.pager td.pages img { vertical-align: middle; margin-top: -2px; }
table.pager label { text-transform:uppercase; margin-right: 4px; }
table.pager ol,
table.pager li { display:inline; }
table.pager li { padding:0 2px; }
table.pager .pages li { width: 18px; height: 18px; display: inline-block; margin: 0 3px; padding: 0; border: 1px solid White; border-radius: 3px; text-align: center; }
table.pager .pages li.over,
table.pager .pages li.active { border-color: #DDD; }
table.pager .pages li.active { background-color: #DDD; }
table.pager td.sort-by select { max-width: 150px; background: none White; }
table.pager td.sort-by .active,
table.pager td.sort-by .active:hover { color:#444; }
/************************************************************/
/********************[ Mage_CSS_C Layout]********************/
/************************************************************/
/********************** Base Layout */
/* Structure */
.container { width: 100%; min-width: 1009px; max-width:1011px; margin:0 auto; text-align:left;}
@media only screen and (max-width: 999px) {
.container {
min-width: 100%;
}
}
@media only screen and (max-width: 619px) {
.container {
overflow: hidden;
}
}
.header { height: 234px; margin-bottom:0px; z-index:999; text-align:left; }
@media only screen and (min-width: 1000px) {
.website-wannapack .header {
height: 273px;
}
}
@media only screen and (max-width: 759px) {
.header {
height: 193px;
}
}
.checkout-onepage-success .header,
.paypal-express-review .header,
.onestepcheckout-index-index .header,
.aitcheckout-checkout-index .header { height: 193px; }
@media only screen and (max-width: 619px) {
.checkout-onepage-success .header,
.paypal-express-review .header,
.onestepcheckout-index-index .header,
.aitcheckout-checkout-index .header,
.website-wannapack .header,
.header {
height: 108px;
}
.header.mobile-search-active {
height: 162px;
}
}
.middle { min-height:350px; padding:0px 0 50px 0; background-color:#ffffff; }
.layout-1column { padding:5px; }
.col-left { float:left; width:181px; padding-right:5px;padding-left:5px; margin-top:4px; }
.col-right { float:right; width:189px; margin-right:0px;margin-top:4px; }
.col-main { float:left; width:628px; margin-top:4px;}
.col-main-bg { background-color:#fff; margin: 0px 4px;}
.catalog-product-view .col-main-bg { margin: 0; }
/*.category-moving-boxes .col-main-bg { float:left;}*/
.category-moving-boxes .layered-nav { display:none;}
.lcolumn-bg { background-color:#fff; /*padding:5px;*/}
body.paypal-express-review .lcolumn-bg,
body.aitcheckout-checkout-index .lcolumn-bg,
body.checkout-onepage-success .lcolumn-bg {
box-sizing: border-box;
width: 100%;
max-width: 1000px;
}
body.paypal-express-review .lcolumn-bg,
body.aitcheckout-checkout-index .lcolumn-bg,
body.checkout-onepage-success .lcolumn-bg,
body.paypal-express-review .header-content,
body.aitcheckout-checkout-index .header-content,
body.checkout-onepage-success .header-content { padding: 5px 20px; }
@media only screen and (max-width: 999px) {
body.paypal-express-review .lcolumn-bg,
body.aitcheckout-checkout-index .lcolumn-bg,
body.checkout-onepage-success .lcolumn-bg,
body.paypal-express-review .header-content,
body.aitcheckout-checkout-index .header-content,
body.checkout-onepage-success .header-content {
padding: 5px 0;
}
}
/*.layout-3columns .col-main { float:left; width:592px; }*/
.layout-2columns .col-main { float: left; width: 818px; box-sizing: border-box; padding: 0 5px; background-color: #fff; }
@media only screen and (max-width: 999px) {
.col-right {
display: none;
}
.cms-index-index .col-left,
.catalog-category-view.category-moving-boxes .col-left,
.catalog-category-view.category-storage-boxes .col-left,
.catalog-category-view.category-trucks-and-trolleys .col-left,
.catalog-category-view.category-racking-and-shelving .col-left,
.catalog-category-view.category-gift-boxes .col-left,
.cms-special-offers .col-left {
float: left;
height: auto;
display: block;
}
.cms-index-index .col-left,
.catalog-category-view.category-moving-boxes .col-left,
.catalog-category-view.category-storage-boxes .col-left,
.catalog-category-view.category-trucks-and-trolleys .col-left,
.catalog-category-view.category-racking-and-shelving .col-left,
.catalog-category-view.category-gift-boxes .col-left,
.cms-special-offers .col-left {
display: block;
}
.catalog-category-view.category-moving-boxes .col-main,
.catalog-category-view.category-storage-boxes .col-main,
.catalog-category-view.category-trucks-and-trolleys .col-main,
.catalog-category-view.category-racking-and-shelving .col-main,
.catalog-category-view.category-gift-boxes .col-main,
.cms-special-offers .col-main {
/*width: 628px;
max-width: 628px;*/
}
.layout-2columns .col-left {
display: block;
}
.layout-3columns .col-main,
.layout-2columns .col-main {
width: 768px;
}
.catalogsearch-result-index.catalog-listing-type-list .layout-3columns .col-main,
.catalogsearch-result-index.catalog-listing-type-list .layout-2columns .col-main,
.catalog-category-view.catalog-listing-type-list .layout-3columns .col-main,
.catalog-category-view.catalog-listing-type-list .layout-2columns .col-main {
width: 100%;
}
.catalogsearch-result-index.catalog-listing-type-list .layout-3columns .col-left,
.catalogsearch-result-index.catalog-listing-type-list .layout-2columns .col-left,
.catalog-category-view.catalog-listing-type-list .layout-3columns .col-left,
.catalog-category-view.catalog-listing-type-list .layout-2columns .col-left {
display: none !important;
}
}
@media only screen and (max-width: 960px) {
.layout-3columns .col-main,
.cms-page-view .layout-2columns .col-main,
.cms-page-view .layout-3columns .col-main,
.cms-page-view .layout-2columns .col-main,
.customer-account-index .layout-2columns .col-main,
.customer-account-edit .layout-2columns .col-main,
.customer-address-index .layout-2columns .col-main,
.customer-address-form .layout-2columns .col-main,
.customer-account-edit .layout-2columns .col-main,
.sales-order-history .layout-2columns .col-main,
.sales-order-view .layout-2columns .col-main,
.sales-billing-agreement-index .layout-2columns .col-main,
.sales-recurring-profile-index .layout-2columns .col-main,
.review-customer-index .layout-2columns .col-main,
.wishlist-index-index .layout-2columns .col-main,
.downloadable-customer-products .layout-2columns .col-main,
.newsletter-manage-index .layout-2columns .col-main,
.monkey-customer-account-index .layout-2columns .col-main,
.giftvoucher-index-check .layout-2columns .col-main,
.affiliateplus-index-index .layout-2columns .col-main,
.affiliateplus-account-login .layout-2columns .col-main,
.affiliateplus-index-listtransaction .layout-2columns .col-main,
.affiliatepluslevel-index-listtiertransaction .layout-2columns .col-main,
.affiliatepluspayperlead-index-listleadtransaction .layout-2columns .col-main,
.affiliateplusprogram-index-index .layout-2columns .col-main,
.affiliateplusprogram-index-all .layout-2columns .col-main,
.affiliateplus-banner-list .layout-2columns .col-main,
.affiliatepluscoupon-index-index .layout-2columns .col-main,
.affiliateplus-refer-index .layout-2columns .col-main,
.affiliatepluspayperlead-leaddetails-index .layout-2columns .col-main,
.affiliatepluswidget-index-index .layout-2columns .col-main,
.affiliatepluslevel-index-listtier .layout-2columns .col-main,
.affiliateplus-index-payments .layout-2columns .col-main,
.affiliateplus-index-referrers .layout-2columns .col-main,
.affiliateplusstatistic-statistic-index .layout-2columns .col-main,
.affiliateplus-account-edit .layout-2columns .col-main,
.catalog-listing-type-grid.catalogsearch-result-index .layout-2columns .col-main,
.catalog-listing-type-grid.catalog-category-view .layout-2columns .col-main,
.catalog-product-view .layout-2columns .col-main {
width: 628px;
}
.cms-index-index .middle.layout-2columns .col-main {
width: 74%;
overflow-x: hidden;
}
}
@media only screen and (max-width: 850px) {
.col-left {
width: 24.7%;
box-sizing: border-box;
overflow-x: hidden;
}
.cms-index-index .col-left,
.catalog-category-view.category-moving-boxes .col-left,
.catalog-category-view.category-storage-boxes .col-left,
.catalog-category-view.category-trucks-and-trolleys .col-left,
.catalog-category-view.category-racking-and-shelving .col-left,
.catalog-category-view.category-gift-boxes .col-left,
.cms-special-offers .col-left {
}
.catalog-category-view .col-left .col-main {
}
.middle.layout-3columns .col-main,
.middle.layout-2columns .col-main,
.cms-index-index .col-main,
.catalog-category-view.category-moving-boxes .col-main,
.catalog-category-view.category-storage-boxes .col-main,
.catalog-category-view.category-trucks-and-trolleys .col-main,
.catalog-category-view.category-racking-and-shelving .col-main,
.catalog-category-view.category-gift-boxes .col-main,
.cms-special-offers .col-main,
.catalog-listing-type-grid.catalogsearch-result-index .layout-2columns .col-main,
.catalog-listing-type-grid.catalog-category-view .layout-2columns .col-main,
.catalog-product-view .layout-2columns .col-main {
width: 74%;
overflow-x: hidden;
}
}
@media only screen and (max-width: 759px) {
.col-left {
display: none;
}
.cms-index-index .col-left,
.catalog-category-view.category-moving-boxes .col-left,
.catalog-category-view.category-storage-boxes .col-left,
.catalog-category-view.category-trucks-and-trolleys .col-left,
.catalog-category-view.category-racking-and-shelving .col-left,
.catalog-category-view.category-gift-boxes .col-left,
.cms-special-offers .col-left,
.catalog-listing-type-grid.catalogsearch-result-index .layout-2columns .col-left,
.catalog-listing-type-grid.catalog-category-view .layout-2columns .col-left,
.catalogsearch-result-index .layout-2columns .col-left,
.catalog-category-view .layout-2columns .col-left,
.catalog-product-view .layout-2columns .col-left {
display: none !important;
}
.col-left > iframe,
.col-left > a {
display: none !important;
}
.layout-3columns .col-main,
.cms-index-index .col-main,
.cms-index-index .middle.layout-3columns .col-main,
.cms-index-index .middle.layout-2columns .col-main,
.cms-about-packing-boxes .middle.layout-3columns .col-main,
.cms-packing-guide .middle.layout-3columns .col-main,
.cms-supply-to-us .middle.layout-3columns .col-main,
.cms-press-enquires .middle.layout-3columns .col-main,
.cms-credit-account .middle.layout-2columns .col-main,
.catalog-category-view.category-moving-boxes .col-main,
.catalog-category-view.category-storage-boxes .col-main,
.catalog-category-view.category-trucks-and-trolleys .col-main,
.catalog-category-view.category-racking-and-shelving .col-main,
.catalog-category-view.category-gift-boxes .col-main,
.cms-special-offers .col-main,
.cms-special-offers .layout-3columns .col-main,
.catalogsearch-result-index .layout-2columns .col-main,
.catalog-category-view .layout-2columns .col-main,
.catalog-listing-type-grid.catalogsearch-result-index .layout-2columns .col-main,
.catalog-listing-type-grid.catalog-category-view .layout-2columns .col-main,
.catalog-product-view .layout-2columns .col-main {
width: 100%;
}
.cms-supply-to-us .button-set,
.cms-press-enquires .button-set,
.cms-credit-account .button-set {
margin: 1em 0;
}
.cms-supply-to-us .group-select li,
.cms-press-enquires .group-select li,
.cms-credit-account .group-select li {
margin-bottom: 0;
margin-right: 0;
padding-right: 8px;
}
.cms-supply-to-us .group-select li .input-box,
.cms-press-enquires .group-select li .input-box,
.cms-credit-account .group-select li .input-box {
margin-bottom: 10px;
}
}
@media only screen and (max-width: 650px) {
.cms-supply-to-us .group-select li,
.cms-press-enquires .group-select li,
.cms-credit-account .group-select li,
.cms-supply-to-us .group-select li .input-box,
.cms-press-enquires .group-select li .input-box,
.cms-credit-account .group-select li .input-box,
.cms-supply-to-us .group-select li .input-box .input-text,
.cms-press-enquires .group-select li .input-box .input-text,
.cms-credit-account #contactForm .group-select li .input-box .input-text,
.cms-supply-to-us .group-select li .input-box textarea,
.cms-press-enquires .group-select li .input-box textarea,
.cms-credit-account #contactForm .group-select li .input-box textarea,
.cms-credit-account #contactForm .group-select li .input-box select {
width: 100% !important;
box-sizing: border-box;
}
.popup-agreement.show {
top: 5% !important;
bottom: 5% !important;
left: 5% !important;
right: 5% !important;
box-sizing: border-box;
width: 90% !important;
height: 90% !important;
margin-left: 0 !important;
}
.popup-agreement.show .popup-text {
max-height: 80%;
}
}
@media only screen and (max-width: 620px) {
.affiliateplus-index-index .col-left,
.affiliateplus-account-register .col-left,
.affiliateplus-account-login .col-left,
.affiliateplus-index-listtransaction .col-left,
.affiliatepluslevel-index-listtiertransaction .col-left,
.affiliatepluspayperlead-index-listleadtransaction .col-left,
.affiliateplusprogram-index-index .col-left,
.affiliateplusprogram-index-all .col-left,
.affiliateplus-banner-list .col-left,
.affiliatepluscoupon-index-index .col-left,
.affiliateplus-refer-index .col-left,
.affiliatepluspayperlead-leaddetails-index .col-left,
.affiliatepluswidget-index-index .col-left,
.affiliatepluslevel-index-listtier .col-left,
.affiliateplus-index-payments .col-left,
.affiliateplus-index-referrers .col-left,
.affiliateplusstatistic-statistic-index .col-left,
.affiliateplus-account-edit .col-left,
.cms-page-view .col-left,
.cms-help .col-left {
width: 100%;
text-align: center;
}
.layout-3columns .col-left,
.affiliateplus-index-index .col-left .base-mini,
.affiliateplus-account-register .col-left .base-mini,
.affiliateplus-account-login .col-left .base-mini,
.affiliateplus-index-listtransaction .col-left .base-mini,
.affiliatepluslevel-index-listtiertransaction .col-left .base-mini,
.affiliatepluspayperlead-index-listleadtransaction .col-left .base-mini,
.affiliateplusprogram-index-index .col-left .base-mini,
.affiliateplusprogram-index-all .col-left .base-mini,
.affiliateplus-banner-list .col-left .base-mini,
.affiliatepluscoupon-index-index .col-left .base-mini,
.affiliateplus-refer-index .col-left .base-mini,
.affiliatepluspayperlead-leaddetails-index .col-left .base-mini,
.affiliatepluswidget-index-index .col-left .base-mini,
.affiliatepluslevel-index-listtier .col-left .base-mini,
.affiliateplus-index-payments .col-left .base-mini,
.affiliateplus-index-referrers .col-left .base-mini,
.affiliateplusstatistic-statistic-index .col-left .base-mini,
.affiliateplus-account-edit .col-left .base-mini,
.cms-page-view .col-left .base-mini,
.cms-help .col-left .base-mini {
display: inline-block;
max-width: 350px;
text-align: left;
}
.affiliateplus-index-index .middle.layout-2columns .col-main,
.affiliateplus-account-register .middle.layout-2columns .col-main,
.affiliateplus-account-login .middle.layout-2columns .col-main,
.affiliateplus-index-listtransaction .middle.layout-2columns .col-main,
.affiliatepluslevel-index-listtiertransaction .middle.layout-2columns .col-main,
.affiliatepluspayperlead-index-listleadtransaction .middle.layout-2columns .col-main,
.affiliateplusprogram-index-index .middle.layout-2columns .col-main,
.affiliateplusprogram-index-all .middle.layout-2columns .col-main,
.affiliateplus-banner-list .middle.layout-2columns .col-main,
.affiliatepluscoupon-index-index .middle.layout-2columns .col-main,
.affiliateplus-refer-index .middle.layout-2columns .col-main,
.affiliatepluspayperlead-leaddetails-index .middle.layout-2columns .col-main,
.affiliatepluswidget-index-index .middle.layout-2columns .col-main,
.affiliatepluslevel-index-listtier .middle.layout-2columns .col-main,
.affiliateplus-index-payments .middle.layout-2columns .col-main,
.affiliateplus-index-referrers .middle.layout-2columns .col-main,
.affiliateplusstatistic-statistic-index .middle.layout-2columns .col-main,
.affiliateplus-account-edit .middle.layout-2columns .col-main,
.cms-page-view .middle.layout-2columns .col-main,
.cms-help .middle.layout-2columns .col-main {
width: 100%;
}
}
/* Style */
.outline-creator { /*border:0px solid #bbb; border-bottom-color:#666; background:#fff;width:979px;*/ }
.col-main .padder{ padding-right:0px; }
.layout-3columns .padder { padding:0; }
/********************** Header */
/* Logo */
.header .delivery{ margin: 27px 0px 5px 26px; }
.header .logo {
position: absolute;
top: 14px;
width: 221px;
height: 163px;
padding: 8px;
z-index: 10;
background-color: White;
-moz-border-radius: 0px 0px 5px 5px; -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px;border-top-left-radius: 5px; border-top-right-radius: 5px;
text-align: center;
}
.header .logo,
.header .main-logo img {
width: 188px;
height: 139px;
}
.website-wannapack .header .logo,
.website-wannapack .header .main-logo img {
width: 221px;
height: 147px;
}
.header .wanna-company {
color: black;
font-size: 15px;
text-transform: uppercase;
letter-spacing: 0.16em;
text-align: center;
}
.website-wannapack .header .wanna-company {
display: none;
}
.header .wanna-company .trademark {
left: -10px;
}
@media only screen and (max-width: 619px) {
.header .logo,
.website-wannapack .header .logo,
.header .main-logo img {
width: 62px;
height: 46px;
}
.website-wannapack .header .main-logo img {
width: 62px;
height: 41px;
}
.header .main-logo {
top: 2px !important;
left: 5px;
z-index: 888;
transition: top .2s, width .2s, height .2s;
padding: 2px 5px 0;
text-align: center;
}
.header.mobile-search-active .main-logo {
top: 125px;
}
.header .wanna-company {
display: none;
}
}
.header .other-logo {
display: block;
top: 20px;
margin-left: 217px;
width: 96px;
height: 51px;
margin-top: 0;
overflow: hidden;
padding: 0;
height: 48px;
padding-top: 3px;
transition: top .1s, height .1s;
}
body.checkout-onepage-success .header .other-logo,
body.paypal-express-review .header .other-logo,
body.onestepcheckout-index-index .header .other-logo,
body.aitcheckout-checkout-index .header .other-logo {
display: none;
}
@media only screen and (max-width: 850px) {
.header .other-logo {
width: 47px;
}
}
@media only screen and (max-width: 650px) {
.header .other-logo {
display: none;
}
}
.header .other-logo:hover {
top: 17px;
height: 51px;
}
.header .gradient {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 12px;
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #FFFFFF),
color-stop(1, #000000)
);
background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #000000 100%);
background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #000000 100%);
background-image: -webkit-linear-gradient(to bottom, #FFFFFF 0%, #000000 100%);
background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #000000 100%);
background-image: linear-gradient(to bottom, #FFFFFF 0%, #000000 100%);
opacity: .22;
}
.affiliate-logo-link img { max-width: 200px; max-height: 100px; }
.header-callout {
margin: 10px 0px 2px 0px;
padding: 0px;
float: left;
width: 300px;
}
.side-logo-promo { float:left; margin:15px 10px 0 10px;display:none}
.page-popup h1#logo { display:none; }
/* .language-switcher { position:absolute; margin-left:524px; top:85px; display:none; }
.language-switcher select{ width:100px;}
*+html .language-switcher {margin-left:415px; }
*html .language-switcher {margin-left:415px; }
.language-switcher label{ color:#5b646a;font-family:Verdana;font-size:11px;}
.language-switcher .flag option { background-repeat:no-repeat; background-position:left center; padding-left:20px;margin-left:2px; } */
.toplinks-bar { color:#424c53; padding:0px; text-align:right; font-family:Verdana;font-size:10px; line-height: 10px; z-index:999; }
.toplinks-bar .top-links { padding-left:8px; }
.toplinks-bar .top-links,
.toplinks-bar .top-links li { display:inline; }
.toplinks-bar .top-links li { padding: 0 0 0 3px; }
.toplinks-bar .top-links a,
.toplinks-bar .top-links a:hover { color:#424c53;font-family:Verdana;font-size:10px; }
.toplinks-bar .top-links a { padding:0 7px 0 0; /*background:url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/links_separator.gif) no-repeat 100% 50%;*/ }
.toplinks-bar .top-links .my-wishlist a,
.toplinks-bar .top-links .last a { padding:0; background:none; }
@media only screen and (max-width: 619px) {
.toplinks-bar {
display: block;
position: absolute;
top: 53px !important;
z-index: 111;
transition: top .2s;
right: 10px;
}
.mobile-search-active .toplinks-bar {
top: 110px !important;
}
.toplinks-bar .top-links a {
padding:0 0 7px 0;
}
}
h4.toplinks-bar { color: #3f6343; }
/*welcome*/
.toplinks-bar strong { display: none; }
.advert-bar {
overflow: hidden;
width: 100%;
height: 40px;
padding-top: 5px;
line-height: 35px;
text-align: center;
font-weight: bold;
font-size: 14px;
background-color: #f7f5f6;
}
.advert-bar .advert-slide {
display: inline-block;
width: 100%;
}
.advert-bar .advert-slide img {
height: 20px;
vertical-align: text-bottom;
}
.phone-number {
margin: 10px 0px 2px 0px;
padding: 0px;
float: left;
width: 300px;
}
.phone-number p {
font-size: 1.3em;
font-weight: normal;
color: #3f6343;
margin: 4px 0px 0px;
}
.phone-number span{ color: #ff7800; }
.date {font-size: 1.1em; font-weight: bold; text-align: right; white-space: nowrap; }
.breadcrumbs { overflow:hidden; margin-bottom:4px; font-size:12px; }
.breadcrumbs li { display:inline; line-height:18px; font-size:12px !important; }
.breadcrumbs a { color:#444; font-size:12px !important; }
.breadcrumbs a:hover { color:#3f6343; }
@media only screen and (max-width: 619px) {
.breadcrumbs {
display: none;
}
}
/* Mini search */
.mini-search {
float: left;
width: 340px !important;
height: 34px;
margin: 11px 0;
position: relative;
left: 0;
}
.mini-search .input-text { width:250px; height: 36px; padding: 0px 5px 0px 5px; border:1px solid #ddd; -moz-border-radius-bottomleft: 5px; -moz-border-radius-topleft: 5px;}
@media only screen and (max-width: 619px) {
.mini-search {
position: absolute;
display: none;
top: -65px;
width: 100% !important;
}
.mobile-search-active .mini-search {
display: block;
}
.searchautocomplete {
width: 96% !important;;
padding: 10px 2% !important;
-webkit-border-radius: 0px 0px 0px 0px !important;
-moz-border-radius: 0px 0px 0px 0px !important;
border-radius: 0px 0px 0px 0px !important;
}
.searchautocomplete .nav-submit-button {
float: right;
}
}
.search-autocomplete { position:absolute; z-index: 999;/*left:45px !important; top:22px !important; width:216px!important;*/ }
.search-autocomplete ul { border:1px solid #999; background:#f9f5f0; }
.search-autocomplete li { border-bottom:1px solid #f4eee7; padding:2px 8px 1px 8px; }
.search-autocomplete li .amount { float:right; font-weight:bold; }
.search-autocomplete li.odd { background:#f6f6f6; }
.search-autocomplete li.selected { background:#ecf9ea; }
.searchautocomplete .nav { width: 330px !important; }
@media only screen and (max-width: 619px) {
.searchautocomplete .nav {
width: 87% !important;
max-width: 396px;
}
}
@media only screen and (max-width: 318px) {
.searchautocomplete .nav {
width: auto !important;
}
}
.searchautocomplete .searchautocomplete-placeholder { width: 334px !important; }
/********************** Sidebars */
.sidebar .box { margin-bottom:10px; }
.sidebar .content {
padding:4px 5px;
}
.sidebar h3 { font-size:1.05em; text-transform:uppercase; }
.sidebar h4 { color:#FFF; text-transform:uppercase; }
.sidebar .actions { text-align:right; }
.sidebar .actions a,
.sidebar .actions a:hover { text-decoration:underline; }
.widget-btn { float:right; font-size:11px; margin:0 0 2px 5px; }
.widget-btn, .widget-btn:hover { color:#646464; font-weight:bold; }
/* Currency Switcher */
.currency-switcher {
position:absolute;
top:92px;
margin-left:738px;
z-index:999;
}
*+html .currency-switcher { margin-left:-250px; }
*html .currency-switcher { margin-left:-250px; }
.currency-switcher h4 {
text-transform:none;
}
.currency-switcher select { width:100px; }
.standout {
background: #3c3434;
color: #fff;
padding: 8px 12px 8px 12px;
clear: both;
}
.standout h1{
text-transform: uppercase;
margin: 0;
}
.standout p{
margin: 0;
font-size: 1.1em;
}
/* BOXES */
.strong-box {
background-color: #F1F1F1;
border-radius: 8px 8px 8px 8px;
}
.strong-box-top {
border-radius: 8px 8px 0 0;
}
.strong-box-bottom {
border-radius: 0 0 8px 8px;
}
/* Base Mini */
.mini-cart-container {
}
.base-mini {
line-height:1.3em;
width:181px;
/*background:url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/boxbg.jpg) repeat-y center top;*/
border:1px solid #E1E1E1;
background-color:#fff;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
@media only screen and (max-width: 850px) {
.base-mini {
width: 100%;
}
}
.base-mini .head { border-bottom:0px solid #ddd;padding:2px 10px;
background-color: #3f6343;
/*-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;*/
height:25px;}
.recent-head,
.layered-head,
.compare-head, .reorder-head { border-bottom:0px solid #ddd;padding:2px 10px;
background-color: #3f6343;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
height:25px; color:#ffffff; font-weight: bold; text-transform:uppercase; font-family:arial; font-size:14px; line-height: 25px;
}
.cats-head { background-color: #0090ff;
border-bottom:0px solid #ddd;padding:2px 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
height:21px; color:#fff; font-weight: bold; text-transform:uppercase; font-family:arial; font-size:14px;line-height: 22px;
text-align: center;}
.current-cat-left-nav-head-375,
.pbcats-head { background-color: #4bb645;
border-bottom:0px solid #ddd;padding:2px 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
height:21px; color:#fff; font-weight: bold; text-transform:uppercase; font-family:arial; font-size:14px;line-height: 22px;
text-align: center;}
current-cat-left-nav-head-376,
.sbcats-head { background-color: #1c78f6;
border-bottom:0px solid #ddd;padding:2px 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
height:21px; color:#fff; font-weight: bold; text-transform:uppercase; font-family:arial; font-size:14px;line-height: 22px;
text-align: center;}
.pkgcats-head { background-color: #e38c3d;
border-bottom:0px solid #ddd;padding:2px 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
height:21px; color:#fff; font-weight: bold; text-transform:uppercase; font-family:arial; font-size:14px;line-height: 22px;
text-align: center;}
.current-cat-left-nav-head-393,
.gbcats-head { background-color: #c61df6;
border-bottom:0px solid #ddd;padding:2px 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
height:21px; color:#fff; font-weight: bold; text-transform:uppercase; font-family:arial; font-size:14px;line-height: 22px;
text-align: center;}
.current-cat-left-nav-head-421,
.rscats-head { background-color: #E38C3D;
border-bottom:0px solid #ddd;padding:2px 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
height:21px; color:#fff; font-weight: bold; text-transform:uppercase; font-family:arial; font-size:14px;line-height: 22px;
text-align: center;}
.current-cat-left-nav-head-481,
.trcats-head { background-color: #f7d700;
border-bottom:0px solid #ddd;padding:2px 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
height:21px; color:Black; font-weight: bold; text-transform:uppercase; font-family:arial; font-size:14px;line-height: 22px;
text-align: center;}
.website-wannapack .cats-head { background-color: #4BB645;
border-bottom:0px solid #ddd;padding:2px 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
height:21px; color:#fff; font-weight: bold; text-transform:uppercase; font-family:arial; font-size:14px;line-height: 22px;
text-align: center;}
.website-wannapack .left-nav-head-cardboard-boxes, .website-wannapack .category-head-cardboard-boxes { background-color: #96590b; }
.website-wannapack .left-nav-head-protection, .website-wannapack .category-head-head-protection,
.website-wannapack .left-nav-head-packaging-materials, .website-wannapack .category-head-packaging-materials { background-color: #E38C3D; }
.website-wannapack .left-nav-head-removal-supplies, .website-wannapack .category-head-removal-supplies { background-color: #4BB645; }
.website-wannapack .left-nav-head-strapping-sealing, .website-wannapack .category-head-strapping-sealing,
.website-wannapack .left-nav-head-storage-solutions, .website-wannapack .category-head-storage-solutions { background-color: #1C78F6; }
.website-wannapack .left-nav-head-retail-packaging, .website-wannapack .category-head-retail-packaging { background-color: #C61DF6; }
.website-wannapack .left-nav-head-handling-equipment, .website-wannapack .category-head-handling-equipment,
.website-wannapack .left-nav-head-packaging-equipment, .website-wannapack .category-head-packaging-equipment { background-color: #F7D700 !important; color: Black; }
.affiliateplus-block .block-title,
.popular-head { background-color: red;
border-bottom:0px solid #ddd;padding:2px 10px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
height:25px; color:#ffffff; font-weight: bold; text-transform:uppercase; font-family:arial; font-size:14px;line-height: 25px; }
.related-head { background-color: DarkGray;
border-bottom:0px solid #ddd;padding:2px 10px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
height:25px; color:#ffffff; font-weight: bold; text-transform:uppercase; font-family:arial; font-size:14px;line-height: 25px; }
.base-mini .head a { font-size:10px; text-transform:uppercase; }
.base-mini .head p { margin:4px; color:#ffffff; font-weight: bold; text-transform:uppercase; font-family:arial; font-size:14px; }
.base-mini .head p .count { text-transform:none; color:#2f2f2f; white-space:nowrap; font-weight:normal; font-size:.95em; }
.base-mini h5 { margin:0; font-size:10px; font-weight:normal; text-align:left; text-transform:uppercase; }
.base-mini .content ol li {
/*margin:5px 0px 5px 0px;*/
}
.base-mini .product-images { float:left; background: #fff;width:50px; height:50px; padding: 3px; margin-right: 12px; }
.base-mini .product-images a img { vertical-align:top; }
.base-mini .product-checkbox { float:left; width:10px; }
.base-mini .product-names { margin-left:18px; }
.base-mini .product-details { margin:0 0 0 68px; height:54px; }
.base-mini .product-details[class] { height:auto; min-height:54px;}
.base-mini .regular-price { color:#2f2f2f; font-size:11px; }
.base-mini .special-price { color:#2f2f2f; font-size:11px; }
.base-mini .minimal-price { font-size:11px; }
.base-mini .price-box { margin:1px 0; }
.sidebar .item { /*margin-bottom:5px; padding-bottom:5px;*/ }
.sidebar .last { margin-bottom:0; border-bottom:none; }
.sidebar .actions { margin-top:0; border-top:0px solid #ddd; padding-top:5px; }
/* Sidebar Blocks */
.mini-product-tags li { display:inline; padding-right:4px; line-height:1.5em; }
.mini-product-tags li:after { display:inline!important; }
.mini-product-tags .content a,
.mini-product-tags .content a:hover { color:#1b2d3b; }
.mini-newsletter { width:180px; margin:4px 0; float:right; font-size:12px; background-color: #ddd; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.mini-newsletter div { padding: 4px; }
.mini-newsletter .input-box { text-indent: 5px;float:left; width:172px; text-align:left; padding: 0px 4px 4px;}
.mini-newsletter .input-text { width:120px; margin-bottom:5px; float: left; }
.mini-newsletter p { margin-left: 5px; padding: 0px;}
.mini-cart { width: 130px; }
#mini_cart_div_id div .mini-cart { border-style: none !important; background-color: transparent; }
.mini-cart h5 { margin-bottom:10px; border-bottom:1px solid #ddd; padding-bottom:3px; }
.mini-cart .cart-count { height: 29px !important; min-height: 29px !important; margin-bottom: 6px; }
.mini-cart .cart-count #forqtyitems { width: 58px; padding-top: 11px; text-align: center; font-size: 16px; }
.mini-cart .cart-count #forqtyitems strong {
display: inline-block;
min-width: 30px;
background-color: White;
color: #444;
border-radius: 4px;
}
.mini-cart .subtotal{
float: right !important;
clear: none !important;
margin-bottom: 0;
margin-top: 0;
line-height: 13px !important;
}
.mini-poll td.label { font-weight:bold; padding-right:10px; }
.mini-poll td.item { white-space:nowrap; }
.mini-reorder h5 { border-bottom:1px solid #ddd; margin-bottom:10px; padding-bottom:2px; }
.mini-reorder .head{ color: #FFF!important; }
.recent-product-image {
float: left; margin:0px 5px 0px 0px;
}
.recently-viewed .content { padding:0; }
.recently-viewed ol li { margin-bottom:0 !important; padding:8px; position: relative; min-height: 60px; }
.hp-report { width:683px; margin:0 auto; padding:0 0 50px; }
.hp-report .head-alt { margin:10px 0 15px; }
.hp-report .product-name { font-size:1.1em; font-weight:normal; line-height:1.35; margin-bottom:5px; color:#444; }
.hp-report .product-name a { color:#444; text-decoration:underline; }
.hp-report .product-name a:hover { text-decoration:none; }
.hp-report .product-image img { border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
.hp-report .generic-product-grid td.last .product-image img { border-right:0; }
.customer-account-index .col-left > a,
.customer-account-index .zblocksleftmenupb-container,
.customer-account-edit .col-left > a,
.customer-account-edit .zblocksleftmenupb-container,
.customer-address-index .col-left > a,
.customer-address-index .zblocksleftmenupb-container,
.cms-page-view.cms-help .col-left > a,
.cms-page-view.cms-affiliates-help-desk .col-left > a,
.affiliateplus-index-index .zblocksleftmenupb-container,
.affiliateplus-index-index .recently-viewed,
.affiliateplus-index-index .col-left > a,
.affiliateplus-index-index .col-left iframe
.affiliateplus-account-login .zblocksleftmenupb-container,
.affiliateplus-index-listtransaction .zblocksleftmenupb-container,
.affiliatepluslevel-index-listtiertransaction .zblocksleftmenupb-container,
.affiliatepluspayperlead-index-listleadtransaction .zblocksleftmenupb-container,
.affiliateplusprogram-index-index .zblocksleftmenupb-container,
.affiliateplusprogram-index-all .zblocksleftmenupb-container,
.affiliateplus-banner-list .zblocksleftmenupb-container,
.affiliatepluscoupon-index-index .zblocksleftmenupb-container,
.affiliateplus-refer-index .zblocksleftmenupb-container,
.affiliatepluspayperlead-leaddetails-index .zblocksleftmenupb-container,
.affiliatepluswidget-index-index .zblocksleftmenupb-container,
.affiliatepluslevel-index-listtier .zblocksleftmenupb-container,
.affiliateplus-index-payments .zblocksleftmenupb-container,
.affiliateplus-index-referrers .zblocksleftmenupb-container,
.affiliateplusstatistic-statistic-index .zblocksleftmenupb-container,
.affiliateplus-account-edit .zblocksleftmenupb-container,
.affiliateplus-account-login .recently-viewed,
.affiliateplus-index-listtransaction .recently-viewed,
.affiliatepluslevel-index-listtiertransaction .recently-viewed,
.affiliatepluspayperlead-index-listleadtransaction .recently-viewed,
.affiliateplusprogram-index-index .recently-viewed,
.affiliateplusprogram-index-all .recently-viewed,
.affiliateplus-banner-list .recently-viewed,
.affiliatepluscoupon-index-index .recently-viewed,
.affiliateplus-refer-index .recently-viewed,
.affiliatepluspayperlead-leaddetails-index .recently-viewed,
.affiliatepluswidget-index-index .recently-viewed,
.affiliatepluslevel-index-listtier .recently-viewed,
.affiliateplus-index-payments .recently-viewed,
.affiliateplus-index-referrers .recently-viewed,
.affiliateplusstatistic-statistic-index .recently-viewed,
.affiliateplus-account-edit .recently-viewed,
.affiliateplus-account-login .col-left > a,
.affiliateplus-index-listtransaction .col-left > a,
.affiliatepluslevel-index-listtiertransaction .col-left > a,
.affiliatepluspayperlead-index-listleadtransaction .col-left > a,
.affiliateplusprogram-index-index .col-left > a,
.affiliateplusprogram-index-all .col-left > a,
.affiliateplus-banner-list .col-left > a,
.affiliatepluscoupon-index-index .col-left > a,
.affiliateplus-refer-index .col-left > a,
.affiliatepluspayperlead-leaddetails-index .col-left > a,
.affiliatepluswidget-index-index .col-left > a,
.affiliatepluslevel-index-listtier .col-left > a,
.affiliateplus-index-payments .col-left > a,
.affiliateplus-index-referrers .col-left > a,
.affiliateplusstatistic-statistic-index .col-left > a,
.affiliateplus-account-edit .col-left > a,
.affiliateplus-account-login .col-left iframe,
.affiliateplus-index-listtransaction .col-left iframe,
.affiliatepluslevel-index-listtiertransaction .col-left iframe,
.affiliatepluspayperlead-index-listleadtransaction .col-left iframe,
.affiliateplusprogram-index-index .col-left iframe,
.affiliateplusprogram-index-all .col-left iframe,
.affiliateplus-banner-list .col-left iframe,
.affiliatepluscoupon-index-index .col-left iframe,
.affiliateplus-refer-index .col-left iframe,
.affiliatepluspayperlead-leaddetails-index .col-left iframe,
.affiliatepluswidget-index-index .col-left iframe,
.affiliatepluslevel-index-listtier .col-left iframe,
.affiliateplus-index-payments .col-left iframe,
.affiliateplus-index-referrers .col-left iframe,
.affiliateplusstatistic-statistic-index .col-left iframe,
.affiliateplus-account-edit .col-left iframe { display:none !important; }
.affiliateplus-block.base-mini.block-account ul,
.affiliateplus-account-register .base-mini ul,
.affiliateplus-account-login .base-mini ul,
.affiliateplus-index-index .base-mini ul,
.affiliateplus-account-login ul,
.affiliateplus-index-listtransaction ul,
.affiliatepluslevel-index-listtiertransaction ul,
.affiliatepluspayperlead-index-listleadtransaction ul,
.affiliateplusprogram-index-index ul,
.affiliateplusprogram-index-all ul,
.affiliateplus-banner-list ul,
.affiliatepluscoupon-index-index ul,
.affiliateplus-refer-index ul,
.affiliatepluspayperlead-leaddetails-index ul,
.affiliatepluswidget-index-index ul,
.affiliatepluslevel-index-listtier ul,
.affiliateplus-index-payments ul,
.affiliateplus-index-referrers ul,
.affiliateplusstatistic-statistic-index ul,
.affiliateplus-account-edit ul
{
line-height:26px;
}
/* dddddddddddddddddddd */
/********************** Footer */
.footer{ margin-bottom: 36px; padding: 8px 8px 1px 8px; border-top: #CCC 1px dashed; text-align: center; }
@media only screen and (max-width: 799px) {
.footer {
margin-bottom: 0;
}
}
.footer-right { float:right; width:45%; text-align:right; }
.footer-left{ width: 50%; float: left; }
.footer .footer-callout { margin-top:-10px; }
.footer-left .footer-links { margin-bottom:10px; }
.footer-left .footer-links li.last a { padding-right:0; margin-right:0; background:none; }
.footer-left ul a { padding-right:5px; margin-right:3px; border-right: 1px solid #fff; color: #666; font-size: 1em; }
.footer-left ul,
.footer li { display:inline!important; float: left; }
.footer-left a,
.footer-left a:hover { color:#336705;font-size:1em;font-family:Arial, Helvetica, sans-serif; }
.footer-payment { background:#fff; height: 85px;
}
.footer-payment img { vertical-align:middle; padding: 6px 8px 6px 6px;
}
.footer-payment-right {float: right;}
.footer-payment-left {float: left;}
.footer-bottom {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
height: 34px;
border-top: 1px solid #666666;
text-align: center;
font-size: 16px;
background-color: #3C3434;
color: White;
z-index: 999;
/*-webkit-box-shadow: 3px -3px 2px rgba(0,0,0,0.5);
-moz-box-shadow: 3px -3px 2px rgba(0,0,0,0.5);
-o-box-shadow: 3px -3px 2px rgba(0,0,0,0.5);
box-shadow: 3px -3px 2px rgba(0,0,0,0.5);*/
}
@media only screen and (max-width: 799px) {
.footer-bottom {
display: none;
}
}
.footer-bottom-content {
width: 959px;
height: 29px;
padding: 4px 6px 0;
display: inline-block;
/*border: 1px solid #666666;
border-bottom: none;*/
text-align: left;
}
.footer-bottom .slogan,
.footer-bottom .footer-cart {
float: left;
}
.footer-bottom .slogan, .footer-bottom .slogan strong {
color: White !important;
font: normal 22px 'VAG Rounded Bold', 'arial rounded bold', 'VAG Rounded', 'arial rounded', 'arial rounded mt bold', 'Arial Rounded MT', arial, helvetica, sans-serif;
}
.footer-bottom .slogan strong {
font: normal 21px 'VAG Rounded Bold', 'arial rounded bold', 'VAG Rounded', 'arial rounded', 'arial rounded mt bold', 'Arial Rounded MT', arial, helvetica, sans-serif;
}
.footer-bottom .slogan a[href^=tel] {
text-decoration: inherit;
}
.footer-bottom .footer-cart {
padding-top: 4px;
margin-left: 162px;
width: 300px;
text-align: center;
}
.footer-bottom .footer-cart a, .footer-bottom .footer-cart a:hover {
display: inline-block;
padding-left: 40px;
background:url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/basket-icon.png) left no-repeat;
height: 28px;
line-height: 28px;
margin-top: -6px;
vertical-align: middle;
font-size: 12px;
font-weight: bold;
color: White;
}
.footer-bottom .footer-cart .price {
margin-left: 4px;
}
#zopim-placeholder {
position: static !important;
float: right;
}
/************************************************************/
/****************[ Mage_CSS_D Shop Elements]*****************/
/************************************************************/
.product-shop { float:left; }
.product-shop .form-button,
.product-shop .form-button-alt { margin-right:10px; }
.out-of-stock { padding:0 0 5px; margin:0; color:#D83820; font-weight:bold; }
.product-shop .short-description { width:100%; overflow:hidden; }
/********************** Rating */
.product-review-summary-container {
position: relative;
height: 30px;
text-align: center;
}
.product-review-summary-container .product-review-summary {
display: inline-block;
width: 196px;
height: 30px;
}
.product-info-box .product-review-summary-container .ratings {
position: inherit;
float: none;
padding-top: 0;
margin-top: 0;
border-top-style: none;
}
.ratings {
margin:7px 0;
line-height:1.8em;
}
.generic-product-grid .ratings {
margin: 0 auto;
width: 148px;
}
.rating-box {
float:left;
position:relative;
width:112px;
height:19px;
margin-right:5px;
background:url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/product_rating_blank_star.png) repeat-x;
}
.related-upsell-container .rating-box {
width:100px;
height:17px;
margin-right:3px;
background:url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/product_rating_blank_small_star.png) repeat-x;
}
.rating-box .rating {
position:absolute;
top:0;
left:0;
height:19px;
background:url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/product_rating_full_star.png) repeat-x;
}
.related-upsell-container .rating-box .rating {
height:17px;
background:url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/product_rating_full_small_star.png) repeat-x;
}
.ratings-list td {
padding:2px 0;
}
.ratings-list td.label {
padding-right:8px;
font-weight:bold;
}
.ratings small { font-size:11px; }
.product-review-summary .ratings, .product-review-summary .ratings-list {
float: right;
}
.product-review-summary .ratings-list {
margin-bottom:30px;
margin-top: 10px;
}
.ratings-list + br + a {
clear: both;
float: right;
margin-bottom: 10px;
}
.product-review-summary .rating-box,
.product-review-summary .rating-empty-box,
.product-review-summary .rating-number,
.product-review-summary .rating-add,
.product-review-summary .pipe {
float: left;
display: inline-block;
white-space: nowrap;
}
.product-review-summary .rating-empty-box {
margin-right: 4px;
}
.product-review-summary .pipe {
margin: 0 4px;
}
/************************* Prices */
.price { white-space:nowrap !important; }
.price-box { padding:2px 0 2px; }
.price-box .price { font-size:22px; font-weight:bold; color:#DE2121; }
#col-right .lowest-tier-price,
#upsell-product-table .lowest-tier-price,
.lowest-tier-price { display:none; }
/* Regular price */
.regular-price { /*color:#3f6343;*/ }
.regular-price .price { font-size:18px; font-weight:bold; color:#DE2121; }
.product-info-box .price-box .regular-price .price { font-size:24px; }
.catalogsearch-result-index .regular-price .price,
.catalog-category-view .regular-price .price { font-size:20px; }
.catalogsearch-result-index .price-box .price,
.catalog-category-view .price-box .price { font-size:20px; }
.product-info-box.product-type-configurable #priceqtychangescontainer .lowest-tier-price,
.product-info-box.product-type-simple #priceqtychangescontainer .lowest-tier-price,
.catalogsearch-result-index .lowest-tier-price,
.catalog-category-view .lowest-tier-price { display:block; white-space:nowrap; float:right; }
.product-info-box.product-type-configurable #priceqtychangescontainer .lowest-tier-price,
.product-info-box.product-type-simple #priceqtychangescontainer .lowest-tier-price {
float: none;
font-size: larger;
}
.product-info-box.product-type-configurable #priceqtychangescontainer .lowest-tier-price .price,
.product-info-box.product-type-simple #priceqtychangescontainer .lowest-tier-price .price,
.catalogsearch-result-index .lowest-tier-price .price,
.catalog-category-view .lowest-tier-price .price { font-size:larger; font-size: larger; font-weight: bold; padding-left: 2px; }
.product-info-box.product-type-configurable #priceqtychangescontainer .lowest-tier-price .price,
.product-info-box.product-type-simple #priceqtychangescontainer .lowest-tier-price .price { color: #444; }
.base-mini .regular-price .price{ font-size: 14px !important; }
.base-mini .special-price .price{ font-size: 14px !important; }
.base-mini .old-price, .base-mini .special-price .price-label{ display: block; text-indent: -9999px; height: 0px; font-size: 1px!important; }
#priceqtychangescontainer .regular-price .price { font-size:18px; }
#priceqtychangescontainer .regular-price .price #bigprice .price { font-size:22px; }
.catalog-product-view #priceqtychangescontainer .regular-price .price #bigprice .price { font-size:32px; }
.catalog-product-view #priceqtychangescontainer .regular-price .price #bigprice,
.catalog-product-view #priceqtychangescontainer .price-as-configured .price #bigprice .price {
padding-left: 8px;
font-size: 36px;
}
.catalog-product-view #innerpricecontainer {
padding-top: 6px;
padding-bottom: 6px;
}
.catalog-product-view #priceqtychangescontainer .price-as-configured {
margin-bottom: 7px;
}
.catalog-product-view #priceqtychangescontainer .price-as-configured .price #bigprice .price {
font-size: 38px;
}
#priceqtychangescontainer .free-delivery {
margin: 12px 0;
font-size: 16px;
text-align: center;
font-weight: bold;
}
@media only screen and (max-width: 462px) {
#priceqtychangescontainer .free-delivery {
font-size: 17px;
}
}
body.catalog-product-view #priceqtychangescontainer > .regular-price { display: none; }
.catalogsearch-result-index .regular-price .price,
.catalog-category-view .regular-price .price { font-size: 24px; }
/* Old price */
.old-price { margin:0; }
.product-info-box .price-as-configured .old-price { display: block; margin: -8px 0 2px; }
.old-price .price-label { font-size:13px; white-space:nowrap; }
.catalogsearch-result-index .price-box .old-price .price,
.catalogsearch-result-index .old-price .price,
.catalog-category-view .price-box .old-price .price,
.catalog-category-view .old-price .price,
.old-price .price { font-weight:bold; font-size:13px; color:#444; text-decoration:line-through; }
.product-info-box .old-price .price { text-decoration: none; }
/* Special price */
.special-price { margin:0; padding:3px 0; }
.special-price .price-label { font-size:14px; font-weight:bold; text-transform:uppercase; white-space:nowrap; display: block; text-indent: -9999px; }
.special-price .price { font-size:22px; font-weight:bold; color:#DE2121;}
.bundle-price { display:block; }
/* Minimal price (as low as) */
.minimal-price { margin:0; }
.minimal-price .price-label { font-size:12px; font-weight:bold; white-space:nowrap; }
a.minimal-price-link { display:block; font-size:12px; color:#444; }
a.minimal-price-link:hover { color:#444; }
a.minimal-price-link .label {}
a.minimal-price-link .price { font-weight:normal; color:#444; }
/* Including tax */
.price-including-tax { display:block; color:#888; }
.price-including-tax .label { font-size:10px; text-transform:uppercase; white-space:nowrap; color:#888; }
.price-including-tax .price { font-size:13px; font-weight:bold; color:#444; }
.vat-alt-caption { font-weight: normal; color: #444; }
.product-info-box .vat-alt-caption { font-size: 12px; }
/*.product-info-box .data-price .vat-alt-caption { display: none; }*/
/* Excluding tax */
.price-excluding-tax { display:block; color:#888; }
.price-excluding-tax .label { font-size:10px; text-transform:uppercase; white-space:nowrap; color:#888; }
.price-excluding-tax .price { font-size:12px; font-weight:normal; color:#396f00; }
/* Incl tax (for order tables) */
.price-incl-tax { display:block; }
.price-incl-tax .label { display:block; white-space:nowrap; }
.price-incl-tax .price { display:block; font-weight:bold; }
/* Excl tax (for order tables) */
.price-excl-tax { display:block; }
.price-excl-tax .label { display:block; white-space:nowrap; }
.price-excl-tax .price { display:block; font-weight:normal; }
/* Price range */
.price-from { margin:0; }
.price-from .price-label { font-size:12px; font-weight:bold; white-space:nowrap; }
.price-to { margin:0; }
.price-to .price-label { font-size:12px; font-weight:bold; white-space:nowrap; }
.catalogsearch-result-index .price-box .price-to .price,
.catalog-category-view .price-box .price-to .price { font-size:18px; }
/* Price notice next to the options */
.price-notice { padding-left:7px; }
.price-notice .price { font-weight:bold; }
.price-as-configured { margin:0; }
.price-as-configured .price-label { font-weight:bold; white-space:nowrap; }
.price-box-bundle { }
.price-box-bundle .price-box { margin:0 !important; padding:0 !important; }
.price-box-bundle .price { color:#222; }
.product-pricing-grouped li { padding:2px 0; }
.product-pricing-grouped li .price { font-weight:bold; color:#ee6b11/*#3f6343 #396f00*/; font-size: 14px; }
.conf-price { display: block; font-size: 16px; text-align: center; color: #F38C11; }
.conf-price .price { font-weight: bold; }
#innerpricecontainer {
}
.top-price-container {
position: relative;
margin-bottom: 2px;
overflow: hidden;
}
.top-price-container .middle-center.amlabel-table {
right: 10px;
top: 10px;
cursor: auto;
color: White;
text-align: center;
font-size: 14px;
font-weight: bold;
}
.top-price-container .middle-center.amlabel-table td {
height: 56px;
}
.top-price-container .middle-center.amlabel-table .save-amount,
.top-price-container .middle-center.amlabel-table .save-percent {
width: 56px;
}
.top-price-container .middle-center.amlabel-table .save-amount {
font-size: 16px;
}
.top-price-container .middle-center.amlabel-table .save-percent {
padding-top: 5px;
font: normal 21px/21px 'VAG Rounded Bold', 'arial rounded bold', 'VAG Rounded', 'arial rounded', 'arial rounded mt bold', 'Arial Rounded MT', arial, helvetica, sans-serif;
}
#tierprices-container {
margin-top: 10px;
}
.top-price-container #bigprice {
display: block;
margin: 3px 0 5px;
}
.mega-pallet-container {
clear: right;
float: right;
/*width: 224px;
margin-top: 50px;*/
text-align: left;
margin-bottom: 10px;
}
.listing-type-list .mega-pallet-container {
}
.listing-type-list .product-type-configurable .mega-pallet-container {
margin-top: 10px;
}
.mega-pallet-deals {
padding: 3px 3px 0 6px;
min-width: 210px;
border: 1px solid #ccc;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
background-color: White;
}
.product-info-box .mega-pallet-deals {
}
.related-upsell-container .mega-pallet-deals {
width: 133px;
min-width: 133px;
overflow: hidden;
padding-left: 3px;
padding-right: 2px;
margin-top: 288px;
border-top-style: none;
border-color: #ddd;
/*-webkit-box-shadow: 3px 3px 2px rgba(0,0,0,0.5);
-moz-box-shadow: 3px 3px 2px rgba(0,0,0,0.5);
-o-box-shadow: 3px 3px 2px rgba(0,0,0,0.5);
box-shadow: 3px 3px 2px rgba(0,0,0,0.5);*/
}
.mega-pallet-tabs {
width: 100%;
height: 30px;
}
.mega-pallet-deals h3 {
margin-bottom: 0;
}
.mega-pallet-tab {
box-sizing: border-box;
padding: 3px 5px 2px;
max-width: 111px;
height: 28px;
overflow: hidden;
margin-top: 3px;
border: 1px solid #ccc;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-bottom-style: none;
cursor: pointer;
}
.mega-tab {
float: left;
}
.mega-pallet-tab.over,
.mega-pallet-tab.active {
height: 30px;
margin-top: 0;
}
.mega-pallet-tab.active {
background-color: #de2121;
color: White;
}
.pallet-tab {
float: right;
}
.catalog-listing .pallet-deals h3 {
cursor: pointer;
}
.mega-pallet-deals .slide-button {
display: none;
}
.catalog-listing .mega-pallet-deals .slide-button {
display: block;
float: right;
margin-right: 8px;
}
.mega-pallet-deals .mega-pallet-item {
clear: both;
margin-top: 10px;
font-size: 13px;
/*white-space: nowrap;*/
}
.mega-pallet-deals .mega-pallet-item .mega-pallet-data {
float: left;
width: 175px;
min-height: 23px;
padding: 1px 0 6px;
line-height: 13px;
}
.mega-pallet-deals .mega-pallet-item em {
display: inline;
font-size: 11px;
font-weight: bold;
font-style: normal;
margin-right: 2px;
color: #f56b00;
text-transform: uppercase;
}
.mega-pallet-deals .mega-pallet-item strong {
/*font: normal 22px/28px romyregular, cursive;*/
font-size: 10px;
margin-right: 3px;
white-space: nowrap;
}
.mega-pallet-deals .mega-pallet-item small {
white-space: nowrap;
}
.mega-pallet-deals .mega-pallet-item strong .tearqty,
.mega-pallet-deals .mega-pallet-item strong .price {
font-size: 17px;
line-height: 20px;
}
.mega-pallet-deals .mega-pallet-item strong .price {
color: #de2121;
}
.mega-pallet-deals .clear {
height: 0;
}
/********************** Catalog Listing */
.catalog-listing h5 {
margin-bottom:.4em;
font-size:1.1em;
font-weight:normal;
/* In case product is extra really long */
padding-right:10px;
overflow:hidden; /* In case product is extra really long */
}
.catalog-listing h5 a{
color:#444;
text-decoration:none;
font-weight:bold;
}
.catalog-listing h5 a:hover {
color:#3f6343;
text-decoration:none;
}
.catalog-listing .add-to {
margin: .2em 0 1.2em;
line-height:1.3em;
}
.catalog-listing .ratings { line-height:1.5; }
.catalog-listing .ratings .rating-box { /*float:none; margin-bottom:3px; */}
.catalog-listing .ratings .pipe { display:none; }
.catalog-listing .ratings a { display:block; }
.catalog-listing .product-options-container { min-height: 44px; }
.catalog-listing .product-options { background-color: White; border-style: none; float: left; margin: 10px 0; }
.listing-type-list .product-options { float: left; width: 380px; }
.listing-type-full-grid .product-options { margin: 0 8px; }
.catalog-listing .product-options dt { display: none; }
.catalog-listing .product-options dd { padding: 0; border-style: none; }
.catalog-listing .conf-attr-container { width: 32px; height: 34px; float: left; margin-right: 10px; text-align: center; }
.listing-type-mobile-grid.catalog-listing .conf-attr-container { width: 30px; height: 32px; margin-right: 6px; }
.listing-type-full-grid.catalog-listing .conf-attr-container { width: 30px; height: 32px; margin-right: 6px; }
.catalog-listing.listing-type-list .conf-attr-container { margin-right: 10px; margin-left: 0; }
.catalog-listing .conf-attr-container.active { border-bottom: 2px solid #444; }
.catalog-listing .conf-attr-container img { width: 30px; height: 30px; }
.listing-type-mobile-grid.catalog-listing .conf-attr-container img { width: 25px; height: 25px; }
.listing-type-full-grid.catalog-listing .conf-attr-container img { width: 25px; height: 25px; }
.catalog-listing .conf-attr-container .validation-advice { margin-top: 10px; }
.add-to li { /*background:url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/add_to_bg.gif) no-repeat 0 50%;*/ padding-right:4px; line-height:1.25em; text-align:left; display: inline; list-style-type: none;
}
.add-to a,
.add-to a:hover { color:#444; }
.add-to-inline { clear:left; text-align:left; padding: 20px 0 5px; }
.add-to-inline li { display:inline; /*background:url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/add_to_bg.gif) no-repeat 0 50%;*/ /*padding-left:12px; margin-left:12px;*/ line-height:1.25em;
list-style-type: none;
padding-right: 4px;
text-align: left;
}
.add-to-inline li.last {
padding-right: 0;
}
.add-to-inline a {
background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #EEEEEE 400%);
background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #EEEEEE 400%);
background-image: -webkit-linear-gradient(to bottom, #FFFFFF 0%, #EEEEEE 400%);
background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #EEEEEE 400%);
background-image: linear-gradient(to bottom, #FFFFFF 0%, #EEEEEE 400%);
}
.add-to-inline a,
.add-to-inline a:hover {
display: inline-block;
min-width: 36px;
text-align: center;
color:#444;
border: 1px solid #CCCCCC;
border-radius: 5px 5px 5px 5px;
padding: 4px 9px;
white-space: nowrap;
}
.add-to-inline a:hover {
background-image: none;
border-color: #aaa;
}
.catalog-listing .ratings { margin-bottom:.6em; }
/* Generic Product Grid */
.generic-product-grid { width:100%; /* max-width: 808px; */ border-collapse:collapse;}
.listing-type-mobile-grid .generic-product-grid { max-width: 840px; margin-left: 1px; margin-top: 1px; }
.generic-product-grid .listing-item { position: relative; width:25%; height: 351px; box-sizing: border-box; text-align:center; border:1px solid #dddddd; padding: 5px 1px 0; }
.listing-type-mobile-grid .generic-product-grid .listing-item { float: left; width: 203px; min-width: 203px; height: 351px; overflow: hidden; margin-left: -1px; margin-top: -1px; }
.listing-type-mobile-grid .mobileactions { position: absolute; bottom: 0; left: 0; width: 100%; height: 41px; }
.generic-product-grid .listing-item.empty-product { /*border-right:0;*/ }
.generic-product-grid .over-block { display: none; padding: 2px 6px; text-align: left; }
.listing-type-full-grid .generic-product-grid .listing-item { padding: 0; }
.listing-type-full-grid .generic-product-grid .listing-item form { position: absolute; display: block; box-sizing: border-box; width: 201px; padding: 5px 1px 0; overflow: hidden; }
.listing-type-full-grid .generic-product-grid .listing-item form .listing-item-main-content { position: relative; box-sizing: border-box; padding-bottom: 42px; }
/* .special-offers-table .generic-product-grid form { width: 184px; height: 244px; } */
.generic-product-grid caption { color:#3f6343;
font-size: 1.8em; /*background-color: #699a28;*/ line-height: 25px; text-transform: uppercase; font-weight: bold; margin: 0px 5px; text-align: left; ;
}
.generic-product-grid h3 {
font: bold 15px arial, helvetica, sans-serif;
}
.listing-type-mobile-grid .generic-product-grid h3 {
clear: both;
/*height: 37px;*/
overflow: hidden;
}
.generic-product-grid h3 a{
padding: 0 2px;
}
.generic-product-grid .ratings-container {
height: 26px;
}
.listing-type-mobile-grid .generic-product-grid .ratings-container {
height: auto;
}
.listing-type-full-grid .generic-product-grid .over form {
z-index: 666;
background-color: White;
-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
-o-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
transition: box-shadow 0.25s ease 0s/*, min-height 0.35s ease 0s*/;
}
.generic-product-grid .over form {
height: auto !important;
transition: height 0.2s;
}
.generic-product-grid .over .over-block { display: block; }
@media only screen and (max-width: 999px) {
.category-products .view-sizes,
.quick-view {
display: none;
}
}
.catalog-listing-type-grid .listing-type-full-grid.listing-type-grid {
display: block !important;
}
.catalog-listing-type-grid .listing-type-list {
display: none;
}
@media only screen and (max-width: 960px) {
#fancybox-overlay, #fancybox-wrap, #fancybox-tmp, #fancybox-loading {
display: none !important;
}
.website-wannapack .header .free-next-day-delivery .slogan,
.header .free-next-day-delivery .slogan {
padding-left: 0;
background-image: none;
}
.listing-type-mobile-grid .generic-product-grid .listing-item {
width: 25%;
min-width: 152px;
height: 324px;
}
.listing-type-grid p.product-image {
margin-bottom: 5px;
min-height: 153px;
}
.listing-type-grid .product-image img {
width: 148px !important;
height: auto !important;
}
.catalog-listing-type-grid .listing-type-full-grid.listing-type-grid,
.catalog-listing-type-grid .generic-product-grid .listing-item.empty-product {
display: none !important;
}
.catalog-listing-type-grid .listing-type-mobile-grid {
display: block !important;
}
}
.catalog-listing-type-list .listing-type-grid,
.catalog-listing-type-list .listing-type-mobile-grid {
display: none;
}
.catalog-listing-type-list .listing-type-list {
display: block !important;
}
@media only screen and (max-width: 829px) {
.listing-type-mobile-grid .generic-product-grid .listing-item {
width: 33.3333%;
}
}
@media only screen and (max-width: 759px) {
.listing-type-list,
.catalog-listing-type-list .listing-type-list,
.catalog-listing-type-list .listing-type-grid,
.listing-type-grid,
.pager .mode-switcher,
.generic-product-grid .listing-item.empty-product {
display: none !important;
}
.listing-type-mobile-grid,
.catalog-listing-type-list .listing-type-mobile-grid {
display: block !important;
}
.listing-type-mobile-grid .generic-product-grid .listing-item {
width: 25%;
}
}
@media only screen and (max-width: 613px) {
.listing-type-mobile-grid .generic-product-grid .listing-item {
width: 33.3333%;
}
}
@media only screen and (max-width: 462px) {
.listing-type-mobile-grid .generic-product-grid .listing-item {
width: 50%;
}
}
@media only screen and (max-width: 311px) {
.listing-type-mobile-grid .generic-product-grid .listing-item {
width: 100%;
}
}
.special-offers-table .lowest-tier-price,
.generic-product-grid .lowest-tier-price { display:block; float: none; margin: 2px 0; }
.generic-product-grid .configurable--image-item .lowest-tier-price { display: none; }
.generic-product-grid .lowest-tier-price .price { }
/********************** Layered Navigation */
.layered-nav .head {
}
.layered-nav h3 { display:none; }
.layered-nav h4 {
margin:0;
padding:2px 10px;
color:#444;
font-size:1.1em;
}
.narrowed-category li {clear:both; }
.layered-nav .narrow-by dt { padding:4px 0px 4px 0px; margin: 3px 0px 3px 0px; text-indent: 4px;font-size:1.1em; background: #eee;}
.layered-nav .narrow-by dd { padding:3px 0px 3px 2px; margin:0px; }
.layered-nav .narrow-by a { color:#000; }
.layered-nav .narrow-by a:hover { background-color: #ddd; display: block; text-decoration:none; }
.layered-nav .widget-btn {
float:right;
margin:.1em 0 0 5px;
font-size:.95em;
}
.narrow-by dt {
margin:0;
font-size:1.1em;
}
.narrow-by dd li { line-height:1.3em; }
.narrow-by dd.last { background:none; }
.layered-nav .label { font-weight:bold; }
/********************* Tool Tips */
.tool-tip { border:2px solid #ddd; border-bottom-color:#666; background:#f6f6f6; position:absolute; }
.tool-tip .inline-content { padding:8px; }
.tool-tip .block-content { padding:15px 20px; }
.tool-tip .btn-close { display:block; position:absolute; right:6px; text-align:right; top:6px; }
/************************************************************/
/******************[ Mage_CSS_E Shop Pages]******************/
/************************************************************/
/********************** Search */
.advanced-search .group-select li label { width:150px;float:left; }
.advanced-search .group-select li input.input-text,
.advanced-search .group-select li textarea { width:250px; }
.advanced-search .group-select li select { width:258px; }
.advanced-search .range input.input-text { width:70px !important; }
.advanced-search .range select { width:90px; padding:1px; }
.advanced-search-nothing-found {
font-weight:bold;
color:#df280a;
margin-bottom:10px;
}
.advanced-search-found-amount {
margin-bottom:10px;
}
.advanced-search-summary-box {
padding:10px 10px 5px 10px;
background:#ecf9ea;
}
.advanced-search-summary-tip {
clear:both;
font-weight:bold;
}
.advanced-search-summary-box ul {
list-style:none;
float:left;
width:50%;
margin-top:0;
margin-bottom:7px;
}
.advanced-search-summary-box ul li span {
font-weight:bold;
color:#E17C24;
}
/* Catalog Listing
**********************************************/
/* Packaging Sub Category Grouped Product Page */
.packaging-subcat-product {
width: 182px; padding: 5px; float: left; border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center;
}
.pkg-cat-first {
border-left: 1px solid #ddd;
}
.pkg-cat-firstrow2 {
border-left: 1px solid #ddd; border-top: none;
}
/* List Type */
.listing-type-list .listing-item { border-top:1px solid #DDD; }
.listing-type-list .product-image { float:left; width: 23.5%; box-sizing: border-box; padding-right: 10px; }
.listing-type-list .product-image img { width: 100%; max-width: 180px; height: auto; }
.listing-type-list .product-shop { width: 76.4%; /* max-width: 618px; */ position: relative; }
.listing-type-list .col2-set .col-1 { width: auto; max-width: 386px; padding-bottom: 30px; }
.listing-type-list .col2-set .col-2 { width: 224px; }
.listing-type-list .product-shop .description { margin:.5em 0 1.2em 0; /*width: 254px; float: left;*/ clear: left; }
.listing-type-list .product-shop .price-box { float: right; max-width: 190px; }
.listing-type-list .product-shop .product-reviews { margin:15px 0; font-size:.95em; }
.listing-type-list .product-shop .product-reviews a, .listing-type-list .product-shop .product-reviews a:hover { color:#6e6969; }
.listing-type-list .listing-item .rating-box { margin-bottom:6px; }
.listing-type-list .listing-item .add-to { /*clear: left; float: left;*/ position: absolute; left: 0; bottom: 0; }
.listing-type-list .product-shop .add-to a {
padding: 4px 9px !important;
background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #EEEEEE 400%);
background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #EEEEEE 400%);
background-image: -webkit-linear-gradient(to bottom, #FFFFFF 0%, #EEEEEE 400%);
background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #EEEEEE 400%);
background-image: linear-gradient(to bottom, #FFFFFF 0%, #EEEEEE 400%);
}
.listing-type-list .product-shop .add-to a:hover {
background-image: none;
border-color: #aaa;
}
.listing-type-list .buy-container {
/*position: absolute;
float: right;
top: 0;
right: 0;*/
width: 224px;
text-align:right;
}
.listing-type-list .buy-container .regular-price { float: right; clear: right; }
.listing-type-list .buy-container .regular-price .price { font-size: 26px; }
.listing-type-list .buy-container .special-price { float: right; clear: right; }
.listing-type-list .buy-container .special-price .price { font-size: 26px; }
.listing-type-list .buy-container .old-price { float:right; clear: right; margin-top: 0; }
.listing-type-list .buy-container .lowest-tier-price { float: right; clear: right; min-width: 105px; }
.listing-type-list .buy-container .bundle-price { float: right; clear: right; }
.listing-type-list .buy-container .add-to-cart-box { /*margin-bottom: 0 !important; padding-bottom: 0; max-width: 181px; margin-bottom: 0 !important; text-align:right;*/ }
.listing-type-list .buy-container .add-to-cart-box .qty-box { float: left !important; clear: both;
bottom: 40px;
left: 0;
margin: 0;
position: absolute;
width: 90px;
}
.listing-type-list .minimal-price-link { float: right; clear: right; }
.listing-type-list .buy-container .actions { float: right; clear: right; margin-top: 8px; }
.listing-type-list .buy-container .add-to { float: right; clear: right; margin: 12px 0; }
.listing-type-list .view-sizes { /*float: right; clear: right;*/ }
.listing-type-list .buy-container .add-to li { padding-right: 0; }
.listing-type-list .out-of-stock { float: right; clear: right; }
.more-info { color: #4e8b1d; /*font-weight: bold;*/ /*font-size: 1.3em;*/}
.instock { /*font-weight: bold;*/}
.small-product-title {font-weight: bold;}
.listing-item #cartBTN{ margin-top: -11px; }
.listing-item .old-price{ margin-top: -11px; }
.buy-container .free-delivery {
float: right;
font-weight: bold;
margin-top: 4px;
font-size: 12px;
}
/* Grid Type */
.listing-type-grid .product-image img { border-left:0; }
.listing-type-grid tr.first .product-image img { border-top:none; }
.listing-type-grid .add-to-compare { display:block; margin:5px 0; background:url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/icon_add_to_compare.gif) no-repeat 0 50%; padding-left:22px; color:#6e6969; font-weight:bold; }
.listing-type-grid .rating-box { float:left; margin-left:0; margin-right:5px; }
.listing-type-grid .actions { position: absolute; left: 0; bottom: 0; width: 100%; height: 38px; margin: 4px 0; text-align:center; font-size: 0; /*line-height: 34px;*/ }
.listing-type-grid .view-sizes, .listing-type-grid .more-info { /*float: left; clear: right;*/ }
.category-description { margin-top:20px; }
@media only screen and (max-width: 619px) {
.category-description {
display: none;
}
}
/* Product View
**********************************************/
.middle.layout-2columns #productnamediv {
width: 580px;
margin-bottom: 4px;
}
#tabletproductnamediv h1,
#mobileproductnamediv h1,
#productnamediv, #productnamediv h1 {
padding: 0 !important;
background-color: transparent !important;
color: #444 !important;
font-family: 'VAG Rounded Bold', 'arial rounded bold', 'VAG Rounded', 'arial rounded', 'arial rounded mt bold', 'Arial Rounded MT', arial, helvetica, sans-serif;
}
.product-info-box #productnamediv {
margin-bottom: 10px;
}
#tabletproductnamediv,
#mobileproductnamediv {
display: none;
}
/* Main Product Image */
.product-img-box { float: left; width: 391px/*322px*/; }
.catalog-product-view .middle.layout-2columns .product-img-box { width: 322px; }
.catalog-product-view .catalog-product-view .middle.layout-2columns .product-img-box { width: 326px; }
/*.product-img-box .product-main-img { border: 1px solid #ddd; }*/
.catalog-product-view .middle.layout-2columns .product-img-box .product-main-img { max-width: 320px; max-height: 320px; }
.product-img-box .product-image { display:block; border:1px solid #cacaca; }
.product-img-box .product-image img { display:block; }
.product-img-box .product-image-zoom { position:relative; overflow:hidden; width:320px; height:320px; z-index:9; border:1px solid #eee; }
.product-img-box .product-image-zoom img { position:absolute; left:0; top:0; cursor:move; width:320px; height:320px;}
.image-zoom { position:relative; z-index:9; height:24px; margin:0 auto 13px auto; background:url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/slider_bg.gif) no-repeat 50% 50%; padding:0 28px 0 28px; cursor:pointer; }
#track { position:relative; height:24px; }
#handle { position:absolute; left:0; top:9px; width:16px; height:18px;background:url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/magnifier_handle.gif) no-repeat; }
.btn-zoom-out { position:absolute; left:10px; top:7px; }
.btn-zoom-in { position:absolute; right:10px; top:7px; }
.product-img-box .more-views h4 { border-bottom:1px solid #eee; margin-bottom:.8em; font-size:.95em; text-transform:uppercase; }
.product-img-box .more-views ul { float: left; }
.product-img-box .more-views li { float:left;
margin: 0 3px 3px 0;
height: 62px;
width: 62px;
overflow: hidden;
}
.product-img-box .more-views li img {
width: 60px;
height: 60px;
vertical-align:top; border: 1px solid #F0F0F0; cursor:pointer; transition: border-color .2s; }
.product-img-box .more-views li img.active { border-color: #F38C11; }
.product-img-box .more-views li img.hover { border-color: #F38C11; }
.product-img-box .more-views .catalogvideo-list li .play-icon {
position: relative;
top: -59px;
left: 0;
background:url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/play-icon.png) no-repeat;
background-size: contain;
height: 60px;
width: 60px;
cursor: pointer;
}
.product-img-box .more-views .catalogvideo-list li img {
position: relative;
top: 0;
left: 0;
height: 60px;
width: 60px;
}
#share-box.share { clear: both; width: 230px; /*min-height: 90px;*/ margin: 0 0 20px 0; padding: 5px; border: 1px solid #ddd; border-radius: 4px; }
#share-box.share .tabinfo { display: inline-block; }
#share-box.share h3 { color: #555; }
#share-box.share .add-to-inline a,
#share-box.share .add-to-inline a:hover {
padding-left: 4px;
padding-right: 4px;
}
/* Main Product Info Box */
.product-info-box { float:right; width:590px; }
.catalog-product-view .middle.layout-2columns .product-info-box { width: 477px; }
.product-info-box .col2-set .col-1 {
width: auto;
max-width: 358px;
overflow: hidden;
}
.middle.layout-2columns .product-info-box .col2-set .col-1 {
max-width: 250px;
}
.product-info-box .col2-set .col-2 {
width: 224px;
margin-top: -10px;
}
.middle.layout-2columns .product-info-box .col2-set .col-2 {
margin-top: -44px;
}
.product-info-box .product-name { margin-bottom:.3em; color:#3f6343; /*font-size:16px;*/ }
.product-info-box .top-price-container { text-align: center; }
.product-info-box .price-box { margin: 1px 0 4px; clear: right; text-align: center; }
.product-info-box .data-table .price-box { margin-bottom: 5px; padding:0; }
.product-info-box .ratings { position: absolute; left: 0; bottom: 0; width: auto; margin-left: 10px; padding-top: 7px; border-top: 1px dashed Gray; }
.product-info-box .ratings .rating-box { }
.product-info-box .button-set { margin-top: 10px; border-style: none; text-align: left; }
.product-info-box .medium-button { min-width: 75px; margin-right: 6px; }
.product-info-box .instock {
display: block;
clear: both;
width: 224px;
height: 66px;
}
.product-info-box .instock-grouped { margin-bottom: 2px; }
.product-info-box .instock .delivery-info {
display: table-cell;
height: 60px; /*line-height: 66px;*/
padding-left: 60px;
/*font-size: 32px;*/
text-align: left;
vertical-align: middle;
background: url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/packing-boxes-delivery.png) no-repeat left center;
background-size: 50px auto !important;
}
.product-info-box .instock .delivery-info #product-delivery-date-value strong {
color: #70a923;
}
.product-info-box .instock .delivery-info.delivery-2 { font-family: 'Arial Narrow', sans-serif}
.product-info-box .instock .delivery-info.out-of-stock {
display: inline-block;
width: 224px;
height: 71px;
padding: 0;
background-image: url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/product-page-out-of-stock-delivery-panel.png);
background-size: auto auto !important;
}
.product-info-box .product-in-stock {
display: inline-block;
box-sizing: border-box;
width: 100%;
height: 46px;
padding: 10px 30px;
background: url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/in-stock-icon-2011.gif) no-repeat left center;
font-size: 16px;
line-height: 26px;
text-align: left;
}
.listing-item .add-to-cart-box,
.product-info-box .add-to-cart-box,
.bq-product-view .add-to-cart-box { position: relative; width: 224px; height: 49px; margin-bottom: 8px !important; }
.product-info-box.product-type-grouped .add-to-cart-box { float: right; margin-top: 8px; }
.product-info-box .add-to-cart-box .qty-box {
float: right;
margin: 14px 2px;
}
.product-info-box .add-to-cart-box .qty-box .qty {
font-size: 22px;
margin-left: 3px;
margin-right: 3px;
width: 2em;
border-color: #CCC;
}
.add-to-boxes .add-to-cart-box { text-align:left; }
.product-pricing { margin:10px 0; padding:10px;}
.product-pricing .benefit { font-style:italic; font-weight:bold; }
.product-pricing .price { font-weight:bold; }
.border-head { color: #3f6343;}
#qtychangesMulti { clear: both; }
/* Attribute Specs */
.attribute-specs-block table { border-color:#d9DDE3; }
.attribute-specs-block .label { font-weight:bold; }
.attribute-specs-block .data { border-right:0; }
.attribute-specs-block td { padding-top:3px; padding-bottom:3px; line-height:1.25em; }
.product-options { float: left; clear: right; margin: 4px 0 10px; max-width: 355px; }
.middle.layout-2columns .product-options { max-width: 250px; }
.catalog-product-view .product-options a { display: none; }
.product-options .conf-price { display: none; }
.product-options .conf-attribute-label { display: none; text-align: center; font-weight: bold; }
.product-options dt { /*padding:10px 0 0;*/ font-weight:normal; }
.product-options dt .qty-holder { float:right; margin-right:15px; }
.product-options dt .qty-holder label { vertical-align:middle; }
.product-options dt .qty-disabled { background:none; border:0; padding:3px; color:#444; }
.product-options dd { padding:5px 0 15px; margin:0 0 5px; border-bottom:1px solid #ddd; }
.product-options dl.last dd.last { border-bottom:0; padding-bottom:5px; margin-bottom:0; }
.catalog-product-view .conf-attr-container { margin: 6px 6px 0 0; }
.catalog-product-view .conf-attr-container.active { border-bottom: 2px solid #444; }
.amconf-image, .amconf-image-selected { width: 54px; height: 54px; box-shadow: none !important; padding: 0 !important; border: 1px solid #ddd !important; cursor: pointer; }
.amconf-images-container { min-height: 70px; }
.conf-attr-container.over .amconf-image { border-color: Black; }
.opts-configurable .product-options > a{ float: right; }
.opts-configurable .product-options { margin-bottom: 15px; margin-top: 0; border-top-right-radius: 5px; border-top-left-radius: 5px; }
.opts-configurable .product-options dt { clear: both; padding: 0; font-weight:bold; /*background-color: #444; color: White;*/ border-top-right-radius: 5px; border-top-left-radius: 5px; }
.opts-configurable #product-options-wrapper dt label { color: #444!important; margin-right:0 !important; }
.opts-configurable .product-options dt .required { margin-left:5px; }
.opts-configurable .product-options dd { padding: 0; margin:0 0 5px; border-bottom:1px solid #ddd; }
.opts-configurable .product-options dd p { margin: 3px 0 2px; }
.opts-configurable .product-options dl.last dd.last { border-bottom:0; margin-bottom:0; padding-bottom:0; }
.opts-grouped { display:none; }
.product-options dd input.input-text { width:98%; }
.product-options dd textarea { width:98%; height:8em; }
.product-options dd select { width:99%; }
.product-options dd .multiselect option { border-bottom:1px dotted #d9e5ee; padding:2px 4px; }
.product-options ul.options-list { margin-right:5px; }
.opts-bundle .product-options ul.options-list { }
.product-options ul.options-list li { padding:2px 0; text-align: left; }
.product-options ul.options-list li.checkbox-tick { min-height: 18px; line-height: 18px; padding-left: 25px; background: url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/in-stock-icon-2011.gif) no-repeat left center; background-size: 13px; }
.product-options ul.options-list input.radio { float:left; margin-top:3px; }
.product-options ul.options-list input.checkbox { float:left; margin-top:3px; }
.product-options ul.options-list .label { display:block; }
.product-options ul.options-list label { font-weight:normal; }
.product-options ul.validation-failed { padding:0 7px; }
.product-options p.required { margin-bottom:0; padding:0px 0 0; }
.product-options-bottom { }
.product-options-bottom .product-pricing { margin:0; padding:0 0 10px; border:0; background:0; }
.product-options-bottom .product-pricing li {padding:2px 0; }
.product-options-bottom .product-pricing .price,
.product-options-bottom .product-pricing .benefit { color:#000; }
.product-options-bottom .price-box { float:left; margin:0; padding:0; }
.product-options-bottom .price-label { float:left; padding-right:5px; }
.product-options-bottom .price-tax { float:left; }
.product-options-bottom .add-to-cart-box { float:right; margin:0; padding:0; border:0; background:0; }
.product-info-box .product-options-bottom .price-box { float:none; }
.product-info-box .product-options-bottom .price-label { float:none; padding-right:0; }
.product-info-box .product-options-bottom .price-tax { float:none; }
.product-info-box .product-options-bottom .add-to-cart-box { clear:both; float:none; padding:2px 0 0; text-align:left; }
.short-description{ float: left; clear: left; margin-bottom: 30px; }
/* Product Options */
dl.item-options dt { font-weight:bold; font-style:italic; }
dl.item-options dd { padding-left:10px; font-size: 90%; }
/* gift voucher */
.giftvoucher-product-info { clear: both; margin-bottom: 20px; }
.truncated, .truncated-click { cursor:help; }
.truncated a.dots, .truncated-click a.dots { cursor:help; text-decoration:none !important; }
.truncated a.details, .truncated-click a.details { cursor:help; text-decoration:none !important; display:inline-block; border-bottom:1px dotted #4f8100; color: #444; }
.truncated .truncated_full_value, .truncated-click .truncated_full_value { position:fixed; z-index:999; }
.truncated .truncated_full_value, .truncated-click .truncated_full_value.checkout { position:absolute;}
.truncated .truncated_full_value dl, .truncated-click .truncated_full_value dl { position:absolute; top:-99999em; z-index:999; width:210px; padding:8px; border:2px solid #E5DBB8; border-bottom-color:#E5DBB8; background-color:#fff; right:0px;}
.truncated .truncated_full_value dt, .truncated-click .truncated_full_value dt { margin-top:0; }
.truncated .show dl, .truncated-click .show dl { top:16px; left:0; -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.5); -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.5); -o-box-shadow: 1px 1px 4px rgba(0,0,0,0.5); box-shadow: 1px 1px 4px rgba(0,0,0,0.5); }
.col-left .truncated .show dl { left:30px; top:10px; }
.col-right .truncated .show dl { left:-240px; top:10px; }
/* Special offers */
.special-offers-table-container {
padding: 0;
}
.special-offers-table-container .slick-prev, .special-offers-table-container .slick-next {
top: 52%;
}
.special-offers-table-container .slick-prev {
left: -5px;
}
.special-offers-table-container .slick-next {
right: -5px;
}
@media only screen and (max-width: 759px) {
.special-offers-table-container {
padding: 0;
}
.special-offers-table-container .slick-prev {
}
.special-offers-table-container .slick-next {
}
}
@media only screen and (max-width: 644px) {
.special-offers-table-container {
padding: 0;
}
.special-offers-table-container .slick-prev {
left: -4px;
}
.special-offers-table-container .slick-next {
right: -4px;
}
}
.special-offers-table,
.special-offers-table .special-offers-content,
.special-offers-table .special-offers-content .special-offers-panel { position: relative; height: 306px; }
.home-category-block .special-offers-table .special-offers-content .special-offers-panel { height: 341px; }
.special-offers-table,
.special-offers-table .special-offers-content { width: 100%; }
.special-offers-table { border-collapse: collapse; }
.special-offers-content { }
.special-offers-panel { float: left; width:155px; text-align:center; }
.home-category-block .special-offers-panel { width: 206px; }
.special-offers-panel .listing-item-content { position: absolute; left: 0; width: 100%; height: 306px; box-sizing: border-box; border:1px solid #DDD; box-sizing: border-box; }
.home-category-block .special-offers-panel .listing-item-content { height: 341px; }
.special-offers-block { box-sizing: border-box; padding: 4px 6px 44px; }
.special-offers-block.last { /*border-right:1px solid #DDDDDD;*/ }
.special-offers-block h3 { min-height: 36px; margin: 0; font: bold 12px/1.4em arial, helvetica, sans-serif; }
.special-offers-block .rating-box { height: 22px; margin-right: 2px; }
.special-offers-block .ratings { display: inline-block; padding-left: 1px; font-size:10px; line-height: 19px; }
.special-offers-block .price-box .price,
.special-offers-block .regular-price .price,
.special-offers-block .special-price .price { font-size: 18px; }
.special-offers-table .actions { position: absolute; left: 0; bottom: 0; width: 100%; height: 42px; }
/* Upsell */
.up-sell-block .generic-product-grid td { width:20%; padding:2px 0; }
.up-sell-block .generic-product-grid td.empty-product { background:none; border: none; }
.up-sell-block .catalog-listing img { }
.up-sell-block .catalog-listing h5 { /*font-size:1em;*/ padding:0 2px; }
.up-sell-block .price-box { margin-top:0; font-size:.9em; }
/* Upsell & Related */
.related-upsell-container {
float: left;
width: 100%;
margin-top: 16px;
padding: 10px 0 16px;
border-top: 1px solid #a1a1a1;
}
.related-upsell-container .up-sell-block { }
.related-upsell-container .cross-sell-block { float: left; margin-top: 0; }
.related-upsell-container .related-block { /*float: right;*/ }
.related-upsell-container h3 {
padding-left: 5px;
margin-bottom: 0.4em !important;
height: auto !important;
line-height: 1.2em !important;
text-indent: 0 !important;
background-color: transparent !important;
border-style: none !important;
}
.related-upsell-container .mega-pallet-deals .mega-pallet-item {
width: 133px;
}
.related-upsell-container .mega-pallet-deals .mega-pallet-item .mega-pallet-data {
width: 90px;
}
.related-upsell-container .cross-sell-block h3 {
padding-left: 35px;
}
.related-upsell-container .generic-product-grid,
.related-upsell-container .generic-product-grid-content,
.related-upsell-container .generic-product-grid .listing-item { height: 290px; }
.related-upsell-container .generic-product-grid { width: auto; }
.related-upsell-container .generic-product-grid { padding: 0 5px; }
.related-upsell-container .generic-product-grid-content { width: 100%; max-width: 980px; box-sizing: border-box; }
.related-upsell-container .cross-sell-block .generic-product-grid { margin-left: 30px; }
.related-upsell-container .related-block .generic-product-grid { }
.related-upsell-container .up-sell-block .generic-product-grid,
.related-upsell-container .up-sell-block .generic-product-grid-content { }
.related-upsell-container .up-sell-block .generic-product-grid { margin: 0 auto; }
.related-upsell-container .up-sell-block .generic-product-grid-content { }
.related-upsell-container .generic-product-grid .listing-item { float: left; position: relative; width: 140px; min-width: 140px; height: 290px; text-align: center; border-style: none; padding: 0; }
.related-upsell-container .product-image,
.related-upsell-container .catalog-listing .product-image img,
.related-upsell-container .generic-product-grid .ratings-container { width: 138px; }
.related-upsell-container .generic-product-grid .ratings { display: inline-block; width: auto; }
.related-upsell-container .generic-product-grid .listing-item.last { }
.related-upsell-container .generic-product-grid .listing-item.empty-product { background:none; border: none; }
.related-upsell-container .listing-item-content { position: absolute; box-sizing: border-box; left: 0; width: 100%; min-width: 140px; border: 1px solid #ddd; border-top-width: 2px; border-bottom-width: 2px; }
.related-upsell-container .listing-item-main-content { position: relative; width: 100%; height: 281px; padding-top: 5px; }
.related-upsell-container .over {
z-index: 666;
}
.related-upsell-container .over .listing-item-content {
-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
-o-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
transition: box-shadow 0.25s ease 0s/*, min-height 0.35s ease 0s*/;
height: 400px;
}
.related-upsell-container .over .listing-item-main-content {
border-bottom-style: none;/*height: auto; z-index: 666;*/
}
.related-upsell-container img.essential { position: absolute; left: -1px; top: -1px; z-index: 10; }
.related-upsell-container div.essential {
position: absolute;
box-sizing: border-box;
height: 18px;
padding: 1px 2px 0;
left: 0px;
right: 0px;
top: -1px;
z-index: 10;
font: normal 15px/17px 'VAG Rounded Bold', 'arial rounded bold', 'VAG Rounded', 'arial rounded', 'arial rounded mt bold', 'Arial Rounded MT', arial, helvetica, sans-serif;
letter-spacing: 1.7px;
text-transform: uppercase;
background-color: #ff780a;
color: White;
text-align: right;
}
.related-upsell-container .product-image { margin: 0 !important; width: 100%; margin: 0 !important; float: none !important; }
.related-upsell-container .catalog-listing .product-image img { height: 138px; }
.related-upsell-container .catalog-listing h5 { padding: 0 4px; height: 36px; overflow: hidden; }
.related-upsell-container .related-upsell-container .catalog-listing h5 a { font-size: 13px; }
.related-upsell-container .generic-product-grid .ratings-container { display: inline-block; float: right; width: 100%; height: 18px; padding: 2px 0 8px; }
.related-upsell-container .generic-product-grid .out-of-stock { float: right; width: 36px; }
.related-upsell-container .catalog-listing .ratings .rating-box { margin-left: 4px; }
.related-upsell-container .generic-product-grid .regular-price { margin: 0; }
.related-upsell-container .listing-item .old-price { display: none; margin: 5px 0 0; padding: 0; }
.related-upsell-container .price-box { margin-top:0; padding: 0; font-size:.9em; }
.related-upsell-container .lowest-tier-price,
.related-upsell-container .old-price { display: none; }
.related-upsell-container .price-box .price,
.related-upsell-container .regular-price .price,
.related-upsell-container .special-price .price { font-size: 18px; }
.related-upsell-container .listing-item-content .actions {
position: absolute;
left: 0;
bottom: 0;
box-sizing: border-box;
width: 100%;
padding: 7px 12px;
}
.related-upsell-container .mega-pallet-item .actions { padding: 0; }
.related-upsell-container .medium-button { display: block; margin: 0; }
.related-upsell-container .more-info { float: left; width: 40px; padding-left: 4px; padding-right: 4px; line-height: 26px; font-size: 14px; }
.related-upsell-container .product-type-configurable.saleable .more-info,
.related-upsell-container .product-type-grouped.saleable .more-info { float: none; margin: 0 auto; width: 100px; }
/*.relatedbtn{ float: right; width: 30px; height: 29px; padding: 0; overflow: hidden; }
.relatedbtn .cart-icon { width: 30px; height: 29px; background-image: url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/add-related-sprite.png); background-repeat: no-repeat; }
.relatedbtn:hover .cart-icon { background-position: 0 -29px; }
.relatedbtn.loader .cart-icon { background-image: url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/add-related-loader.gif); }
.relatedbtn.loader:hover .cart-icon { background-position: 0 0; }*/
/**/
.description-additional-container {
display: inline-block;
width: 100%;
padding: 10px 0;
border-top: 1px solid #a1a1a1;
box-sizing: border-box;
}
.description-container { float: left; width: 640px; }
.middle.layout-2columns .description-container { width: 462px; }
.additional-container { float: right; width: 340px; }
.description-additional-container h3 { font-size: 20px; }
#product_tabs_description_contents, #product_tabs_additional_contents { padding-bottom: 16px; }
#product_tabs_description, #product_tabs_description_contents { float: left; width: 640px; }
#product_tabs_additional, #product_tabs_additional_contents { float: right; width: 340px; }
/* Wishlist */
#wishlist-table.data-table tbody td,
#wishlist-table.data-table tr.last td {
padding: 10px;
}
/* Customer Reviews */
#customer-reviews {
float:left;
clear:both;
width: 100%;
padding-top: 10px;
border-top: 1px solid #a1a1a1;
}
#customer-reviews .pager { display: block; }
#customer-reviews dl + .pager { clear: both; }
#customer-reviews table.pager { margin-top: 10px; border-bottom:1px solid #ddd; }
#customer-reviews h2 { margin-bottom:10px; color: #444 !important; }
#customer-reviews dt { clear: both; margin-bottom: 8px; padding-top:10px; font-weight: normal; }
#customer-reviews dd + dt { border-top:1px solid #ddd; }
#customer-reviews dt .review-title { font-weight: bold; font-size: 14px; }
#customer-reviews dt .review-by { float: right; }
#customer-reviews dt .review-nickname { font-weight: bold; }
#customer-reviews .ratings-table { float: left; margin-right: 10px; }
#customer-reviews .ratings-table th { padding-right: 10px; }
#customer-reviews .review-detail { float: left; width: 60%; margin-left: 50px; }
#customer-reviews .date{ display: block; clear: left; float: left; width: 30%; margin-top: 6px; margin-bottom: 10px; text-align: left; }
#customer-reviews .review-footer { float: right; margin-top: 6px; margin-bottom: 10px; }
#customer-reviews li, #customer-reviews dd { margin-bottom:10px; }
#customer-reviews dt a, #customer-reviews dt small { }
#customer-reviews li p, #customer-reviews dd p { clear:both; }
.product-review-box { width:auto; margin:8px 0 13px 0; }
.product-review-box td,
.product-review-box th { text-align:center; }
.product-review-box td.label{width:100px; text-align:left; }
.dedicated-review-box h4 {
border-bottom: 2px solid #DDDDDD;
clear: left;
color: #3F6343;
float: left;
font-size: 1.3em;
padding-bottom: 4px;
text-align: left;
width: 100%;
}
.review-product-list .layout-2columns .col-left { display: none !important; }
.review-product-list .layout-2columns .col-main { width: 100% !important; }
.review-product-list .product-info-box p { clear: both; }
.review-product-list .product-info-box .col2-set .col-1 { float: left; width: auto; overflow: visible; }
.review-product-list .top-price-container { height: auto; background-image: none; text-align: right; }
.review-product-list .onetearprpagetable { float: none; }
.review-product-list #share-box.share { position: relative; }
.review-product-list .description-additional-container { display: none; }
.review-product-list .strong-box { height: 330px; }
.review-product-list #customer-reviews .review-detail { }
.review-product-list #review-form { clear: both; display: block; padding: 20px 0; }
.review-product-list #review-form .column { width: 48%; }
.review-product-list #review-form .column-left { float: left; }
.review-product-list #review-form .column-right { float: right; }
.review-product-list #review-form .column-left h4 { margin-top: 10px; }
.review-product-list #review-form .column table { margin: 10px 0 20px; }
.review-product-list #review-form .column table td.value,
.review-product-list #review-form .column table thead th { text-align: center; }
.review-product-list #review-form .input-box input, .review-product-list #review-form .input-box textarea { width: 360px; }
@media only screen and (max-width: 999px) {
.review-product-list .product-info-box .col2-set .col-1 {
clear: none;
}
.review-product-list .product-info-box .col2-set .col-2 {
padding-left: 0;
}
.review-product-list .product-info-box p {
clear: none;
}
}
@media only screen and (max-width: 850px) {
.review-product-list .product-info-box .col2-set .col-1 {
float: right;
clear: right;
}
.review-product-list .product-info-box .col2-set .col-1 p {
text-align: right;
}
}
@media only screen and (max-width: 759px) {
.review-product-list .strong-box {
height: auto;
}
.review-product-list #review-form .column {
float: none;
clear: none;
max-width: 391px;
width: 100%;
}
}
@media only screen and (max-width: 634px) {
.review-product-list .product-info-box .col2-set .col-1 {
float: left;
clear: none;
}
.review-product-list .product-info-box .col2-set .col-1 p {
text-align: left;
}
}
@media only screen and (max-width: 619px) {
.review-product-list #customer-reviews .pager div {
float: none !important;
display: inline-block;
white-space: nowrap;
}
}
@media only screen and (max-width: 462px) {
.review-product-list .product-info-box .col2-set .col-1 {
width: 100%;
}
.review-product-list .product-info-box .col2-set .col-2 {
margin-top: 10px;
}
}
@media only screen and (max-width: 419px) {
.review-product-list #review-form .input-box select,
.review-product-list #review-form .input-box input,
.review-product-list #review-form .input-box textarea {
box-sizing: border-box;
width: 100% !important;
}
.review-product-list #customer-reviews table.pager td {
border-top: 1px solid #fff;
display: inline-block;
padding: 4px 8px;
vertical-align: middle;
white-space: nowrap;
}
}
/* Product Tags */
.add-tag-box .input-box { float:left; width:302px; margin-right:8px; }
.add-tag-box .input-box .input-text { width:300px; }
.tags-list { margin-bottom:15px; }
.tags-list li { display:inline; background:url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/links_separator.gif) no-repeat 100% 50%; padding:0 8px 0 4px; }
.tags-list li.first { padding-left:0; }
.tags-list li.last { background:none; }
/*social*/
.share { }
.email-friend a {}
.tweet { float: left; width: 80px; height:20px; padding: 5px;
}
.pinit { float: left; width: 77px; height:20px; padding: 5px;
}
.fbShare { float: left; height: 20px; width: 78px; padding: 5px;}
#google-plusone { float: left !important; height: 20px !important; width: 70px !important; padding: 5px !important;}
.wishlist .compare { border: 1px solid #ddd; padding:2px 3px 2px 3px; }
.email-friend { }
@media only screen and (max-width: 999px) {
.catalog-product-view .middle.layout-2columns .product-info-box,
.product-info-box {
float: none;
width: auto;
}
.product-info-box .col2-set {
clear: none;
}
.product-info-box .col2-set .col-1,
.product-info-box .col2-set .col-2 {
padding-left: 10px;
}
.middle.layout-2columns .product-info-box .col2-set .col-1,
.product-info-box .col2-set .col-1 {
max-width: 300px;
}
.middle.layout-2columns .description-container,
.description-container {
width: 100%;
}
.catalog-product-view #super-product-table {
margin-top: 10px;
}
.additional-container {
width: 100%;
border-top: 1px solid #a1a1a1;
padding-top: 10px;
margin-top: 10px;
}
#product-attribute-specs-table {
max-width: 391px;
}
}
@media only screen and (max-width: 960px) {
.col2-set #productnamediv {
display: none;
}
#tabletproductnamediv {
display: block;
}
.catalog-product-view .middle.layout-2columns .product-info-box .col2-set .col-1,
.product-info-box .col2-set .col-1 {
clear: left;
position: relative;
width: 100%;
max-width: 100%;
min-height: 151px;
padding-top: 10px;
padding-left: 0;
box-sizing: border-box;
}
.middle.layout-2columns .product-info-box .col2-set .col-2,
.product-info-box .col2-set .col-2 {
margin-top: 4px;
}
.middle.layout-2columns .product-info-box .col2-set .col-2 {
padding-left: 0;
}
.short-description {
}
#share-box.share {
position: absolute;
right: 0;
top: 0;
width: 213px;
}
.add-to-inline .print-page {
display: none;
}
}
@media only screen and (max-width: 759px) {
.layout-1column,
.middle.layout-2columns {
padding-bottom: 0;
}
.catalog-product-view .middle.layout-2columns .product-img-box,
.middle.layout-2columns .product-img-box {
width: 391px;
}
.catalog-product-view .middle.layout-2columns .product-img-box .product-main-img {
max-width: 385px; max-height: 385px;
}
.middle.layout-2columns .product-info-box .col2-set .col-2 {
padding-left: 10px;
}
.product-info-box.product-type-grouped > div[style*="float:left"]:not([class]) {
float: right !important;
}
#main .tabhead:not(.tab-on-small-only) {
box-sizing: border-box;
min-height: 22px !important;
line-height: 22px !important;
padding: 10px 36px 10px 10px;
cursor: pointer;
background: #f5f5f7 url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/arrow-up-black.svg) no-repeat 97.8% center !important;
background-size: 21px 12px !important;
font-size: 17px !important;
}
#main .tabhead.closed:not(.tab-on-small-only) {
background: #f5f5f7 url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/arrow-down-black.svg) no-repeat 97.8% center !important;
background-size: 21px 12px !important;
margin: 0 !important;
}
.tabinfo {
padding-bottom: 10px !important;
}
#share-box.share .tabinfo {
padding-bottom: 0 !important;
}
.short-description {
margin: 0;
}
.related-upsell-container,
.description-additional-container,
.additional-container,
#customer-reviews {
margin: 0;
padding: 0;
display: block;
clear: both;
}
.related-upsell-container h3 {
padding: 0;
}
}
@media only screen and (max-width: 634px) {
.catalog-product-view .middle.layout-2columns .product-img-box,
.middle.layout-2columns .product-img-box,
.product-img-box {
float: none;
width: 100%;
margin: 0 auto;
}
.middle.layout-2columns .product-img-box .more-views.full-more-views,
.product-img-box .more-views.full-more-views {
display: none;
}
.middle.layout-2columns .product-img-box .more-views.mobile-more-views,
.product-img-box .more-views.mobile-more-views {
display: block !important;
}
.product-img-box .more-views.mobile-more-views ul {
width: 68px;
float: none;
display: inline-block;
}
.middle.layout-2columns .product-img-box .more-views,
.product-img-box .more-views {
float: left;
/*width: 65px;*/
width: 130px;
height: 284px;
overflow: hidden;
margin-left: 2px;
}
.product-img-box .more-views li {
width: 68px;
height: 68px;
margin: 0 0 3px 3px;
}
.product-img-box .more-views li img {
width: 66px;
height: 66px;
}
.product-img-box .product-main-img {
width: 100%;
height: auto;
}
.amlabel-div {
float: left;
width: 100%;
max-width: 279px;
}
.top-price-container.amlabel-div {
float: none;
width: 204px;
}
.product-info-box .col2-set .col-2 {
margin-top: 20px;
}
.catalog-product-view .middle.layout-2columns .product-info-box .col2-set .col-1,
.middle.layout-2columns .product-info-box .col2-set .col-1,
.product-info-box .col2-set .col-1 {
max-width: 306px;
}
.layout-2columns #share-box.share,
#share-box.share {
position: static;
}
.zoomtracker, .zoomstatus, .magnifyarea {
display: none !important;
}
.catalog-product-view #super-product-table {
font-size: 9px !important;
}
}
@media only screen and (max-width: 525px) {
.catalog-product-view .middle.layout-2columns .product-img-box,
.middle.layout-2columns .product-img-box,
.product-img-box {
}
.middle.layout-2columns .product-img-box .more-views,
.product-img-box .more-views {
}
.catalog-product-view #super-product-table.data-table th {
white-space: normal;
}
.catalog-product-view #super-product-table .regular-price .price {
font-size: 14px;
}
}
@media only screen and (max-width: 619px) {
#productnamediv, #tabletproductnamediv {
display: none;
}
#mobileproductnamediv {
display: block;
clear: both;
padding-top: 1px;
text-align: center;
}
#mobileproductnamediv h1 {
font-size: 22px;
}
.catalog-product-view .middle.layout-2columns .product-info-box .col2-set .col-1,
.middle.layout-2columns .product-info-box .col2-set .col-1,
.product-info-box .col2-set .col-1 {
max-width: 218px;
}
.product-info-box .col2-set .col-2 {
padding-left: 0;
}
#share-box.share {
max-width: 200px;
}
.mega-pallet-container {
display: none;
}
}
@media only screen and (max-width: 462px) {
.catalog-product-view .middle.layout-2columns .product-img-box,
.middle.layout-2columns .product-img-box,
.product-img-box {
width: 100%;
max-width: 280px;
margin: 0 auto;
float: none;
}
.catalog-product-view .middle.layout-2columns .product-img-box .product-main-img,
.middle.layout-2columns .product-img-box .product-main-img,
.product-img-box .product-main-img {
box-sizing: border-box;
width: 100%;
height: auto;
max-height: 280px;
max-width: 280px;
}
.middle.layout-2columns .product-img-box #img-for-zoom,
.product-img-box #img-for-zoom {
display: none;
max-width: 387px;
}
.review-product-list #img-for-zoom {
margin-bottom: 10px;
}
.middle.layout-2columns .product-img-box .more-views.mobile-more-views,
.product-img-box .more-views.mobile-more-views,
.middle.layout-2columns .product-img-box .more-views,
.product-img-box .more-views {
display: none !important;
float: left;
width: 100%;
height: auto;
}
.catalog-product-view .middle.layout-2columns .product-info-box .col2-set .col-1,
.middle.layout-2columns .product-info-box .col2-set .col-1,
.product-info-box .col2-set .col-1 {
max-width: 100%;
min-height: 0;
}
.product-info-box .col2-set .col-2 > div {
display: block;
width: 100%;
text-align: center;
}
#priceqtychangescontainer {
box-sizing: border-box;
width: 100%;
text-align: center !important;
}
.top-price-container {
display: inline-block;
text-align: left;
/* background: url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/price-panel-background-mobile.png) no-repeat center center; */
}
.onetearprpagetable {
display: inline-block !important;
float: none !important;
}
#addtoCartDiv .add-to-cart-box,
.product-info-box .instock/*,
.mega-pallet-container*/ {
display: inline-block;
float: none !important;
width: 100%;
max-width: 280px;
}
.mega-pallet-deals .mega-pallet-item .mega-pallet-data {
width: 82%;
}
.mega-pallet-deals .mega-pallet-item .actions {
width: 17%;
}
#addtoCartDiv .add-to-cart-box {
width: 100%;
max-width: 280px;
}
.catalog-product-view .product-info-box:not(.product-type-grouped) .add-to-cart-box .cartbtn {
width: 208px !important;
background-image: url("https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/product-page-add-to-basket-sprite-mobile.gif") !important;
}
.catalog-product-view .add-to-cart-box input.qty {
width: 24% !important;
}
.catalog-product-view .bq-product-view .add-to-cart-box input.qty {
/* width: 74px !important; */
}
.product-info-box .opts-bundle,
.product-info-box #opts.opts-configurable {
text-align: center;
}
.product-info-box .opts-bundle .product-options,
.product-info-box .opts-configurable .product-options {
float: none;
display: inline-block;
width: 100%;
max-width: 280px;
text-align: left;
}
.product-info-box .instock,
.product-info-box .instock .delivery-info {
box-sizing: border-box;
width: 100% /*280px*/;
max-width: 400px;
height: auto;
margin-top: 0;
}
.product-info-box .instock .delivery-info {
/*padding-left: 72%;
padding-top: 6%;*/
font-size: 18px;
line-height: 1.2em;
}
.product-info-box .instock .delivery-info.next-day-delivery {
}
.product-info-box .instock .delivery-info.out-of-stock {
}
.product-img-box .mobile-views {
/*display: block !important;*/
float: left;
width: 100%;
max-width: 452px;
height: auto;
max-height: 452px;
}
.product-img-box .mobile-views li {
float: left;
display: block;
width: 100%;
height: auto;
}
.middle.layout-2columns .product-info-box,
.product-info-box {
width: 100%;
}
.middle.layout-2columns .product-info-box .col2-set .col-1,
.middle.layout-2columns .product-info-box .col2-set .col-2,
.product-info-box .col2-set .col-1,
.product-info-box .col2-set .col-2 {
float: left;
clear: both;
box-sizing: border-box;
width: 100%;
max-width: 100%;
padding: 0;
margin: 0;
}
.product-info-box .col2-set .col-2 {
text-align: center;
}
.product-info-box .col2-set .col-2 > div {
display: inline-block;
}
#main .tabhead {
box-sizing: border-box;
min-height: 22px !important;
line-height: 22px !important;
padding: 10px 36px 10px 10px;
cursor: pointer;
background: #f5f5f7 url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/arrow-up-black.svg) no-repeat 97.8% center !important;
background-size: 21px 12px !important;
font-size: 17px !important;
}
#main .tabhead.closed {
background: #f5f5f7 url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/arrow-down-black.svg) no-repeat 97.8% center !important;
background-size: 21px 12px !important;
margin: 0 !important;
}
.short-description {
width: 100%;
border-top: 1px solid #a1a1a1;
}
.price-excluding-tax {
display: none;
}
#share-box.share {
display: none;
width: 100%;
max-width: 100%;
padding: 0;
margin: 0;
border-style: none;
border-top: 1px solid #a1a1a1;
border-radius: 0;
}
#share-box.share h3 {
color: #444;
}
#share-box.share .tabinfo {
padding-bottom: 10px !important;
}
.description-container {
}
.additional-container {
}
#customer-reviews .review-detail {
width: 100%;
margin: 0;
}
.related-upsell-container h3,
.related-upsell-container .generic-product-grid {
padding: 0;
}
.mobile-views .slick-prev {
left: -15px;
}
.mobile-views .slick-next {
right: -15px;
}
.related-upsell-container .slick-prev {
left: -5px;
}
.related-upsell-container .slick-next {
right: -5px;
}
.catalog-product-view #super-product-table.data-table td {
padding: 1px;
}
#super-product-table td .qty-box {
display: inline-block;
width: 36px;
white-space: normal;
}
#super-product-table td .qty-box > * {
margin: 1px 0 !important;
display: inline-block;
}
#super-product-table td .qty-box > span {
height: 18px;
}
.catalog-product-view #super-product-table .product-pricing-grouped li .price {
font-size: 10px;
}
}
@media only screen and (max-width: 299px) {
.mobile-views .slick-prev {
left: -5px;
}
.mobile-views .slick-next {
right: -5px;
}
.catalog-product-view .add-to-cart-box .cartbtn {
width: 145px !important;
background-image: url("https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/product-page-add-to-basket-sprite.gif") !important;
}
.catalog-product-view .product-info-box:not(.product-type-grouped) .add-to-cart-box .cartbtn {
width: 145px !important;
background-image: url("https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/product-page-add-to-basket-sprite.gif") !important;
}
#addtoCartDiv .add-to-cart-box {
width: 224px !important;
}
.catalog-product-view .add-to-cart-box input.qty {
width: 74px !important;
}
.product-info-box .instock .delivery-info {
padding-top: 7%;
font-size: 32px;
}
}
/* Bestsellers sidebar, Affiliate widget */
.mini-topten-items { border:0px!important;}
.mini-topten-items .content { padding:0; }
.mini-topten-items .pream { /*padding:8px 8px 0 8px; */}
.mini-topten-items .checkbox-container { float:right; width:15px; }
.mini-topten-items .product-details { margin:0; }
.mini-topten-items ol { list-style-type: none;}
#affiliatepluswidget_outer_body img,
.mini-topten-items img {
margin-right: 4px;
}
#affiliatepluswidget_outer_body li,
.mini-topten-items ol li { /*margin-bottom:0 !important;*/ background: #F5F5F7; margin: 3px 0px 3px 0px;
position: relative;
border: 1px solid #ddd; }
.mini-topten-items ol li { min-height: 90px; height: 90px; border-style: none; }
#affiliatepluswidget_outer_body li a,
.mini-topten-items ol li a {
font-weight: bold; color: #111; display: block;
border: 1px solid #ddd;
}
.mini-topten-items ol li a {
height: 90px;
}
#affiliatepluswidget_outer_body li a:hover,
.mini-topten-items ol li a:hover { display: block; background: White; text-decoration: none; color: darkorange; }
.mini-topten-items ol li a:hover { height: 90px; border-color: #f38c11; }
#affiliatepluswidget_outer_body li.first,
.mini-topten-items ol li.first { /*padding-top:8px; border-top:0;*/ }
/* Product Detail sidebar */
.mini-related-items {border:0px!important;}
.mini-related-items .content { padding:0; }
.mini-related-items img {
margin-right: 4px; float: left;
}
.mini-related-items .pream { /*padding:8px 8px 0 8px;*/ }
.mini-related-items .checkbox-container { float:right; width:15px; }
.mini-related-items .product-details { margin:0; }
.mini-related-items ol li { background: #F5F5F7; margin: 3px 0px 3px 0px;
position: relative; min-height: 90px; height: 90px;
border: 1px solid #ddd; }
.mini-related-items ol li a {
font-weight: bold; color: #111;
}
.mini-related-items ol li a:hover { /*display: block;background: #ddd; */text-decoration: none; /*height: px;*/ color: darkorange; }
.mini-related-items ol li.first { /*padding-top:8px; *//*border-top:0;*/ }
#affiliatepluswidget_outer_body { border-radius: 5px; border-style: none; padding: 10px 0; text-align: left; line-height: 1em; }
#affiliatepluswidget_outer_body .product-name { font-size: 11px; }
#affiliatepluswidget_outer_body .desc { font-size: 9px; }
#affiliatepluswidget_outer_body .affiliatepluswidget_ratings { display: inline-block; }
#affiliatepluswidget_outer_body #affiliatepluswidget_footer { margin-top: 10px; }
#affiliatepluswidget_outer_body .affiliatepluswidget_price_box { }
/* Checkout
**********************************************/
select.address-select {width:630px}
.shipment-methods dd { margin-bottom:13px; }
.payment-methods dt { margin-bottom:5px; }
/*.payment-methods dd { padding:5px 20px; }*/
/* Shopping Cart */
.carthead {
float: right;
height: 16px !important;
white-space: nowrap;
text-align: center;
text-transform: uppercase;
}
.carttitle {
margin-bottom: 0;
}
.orderflow {
width: 100%;
}
.removeitembasket {
font-weight: normal; font-size: 12px!important;
}
.itemimagebasket { padding: 5px!important;
}
.mobile-product-image { display: none; }
.carthead a {font-weight: bold; text-transform: uppercase;}
.cart-collateral { padding:10px 12px; width:375px; }
.cart-collateral .divider { margin:12px 0; background:#F8F5EC; }
.cart-collateral h4 { float:left; color:#3f6343; font-size:1.3em; font-weight:bold; }
.cross-sell-block { float:left; margin-bottom:0; padding:0px; margin-top: 30px; }
.cross-sell-block li { padding-bottom:5px; padding:2px; float: left; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; min-height: 200px; height: 230px; text-align: center;
}
.cross-sell-block li.last { padding:2px; border:none; margin:0; border: 1px solid #ddd;}
.cross-sell-block .product-image { float:left; width:125px; margin-left: 10px;
}
.cross-sell-block .product-shop { width:154px; clear: left; }
.cross-sell-block .price-box { margin:0 0 6px 0; font-size:.8em; }
.cross-sell-blank { display:inline; float:left; width:220px; border:0; padding:0; background:none; }
.cross-sell-block h3 { width: 100%; background: #ddd; height: 30px; margin: 0px; line-height: 30px; text-indent: 8px;
}
.cross-sell-block li {
position: relative;
}
.checkout-cart-index .cross-sell-block .product-shop > a {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
}
.cart-collateral-block { float:right; width:685px; }
.shopping-cart { margin-bottom:0; width: 100%; border-collapse:collapse;}
.shopping-cart th, .shopping-cart td{ padding-left:13px; padding-right:13px; border: 1px solid #aaa; border-collapse:collapse; background: #aaa; color: #fff!important; font-weight: bold; font-size: 1.2em;
}
.shopping-cart td {background: #fff; color: #222!important; }
.shopping-cart td input.qty { margin-top:-9px; }
.shopping-cart td.attributes-col .title img {
margin-right: 4px;
margin-bottom: 5px;
vertical-align: middle;
}
.shopping-cart tbody.even tr { background:#fff!important; }
.shopping-cart tr.error { background:#FDE6E0 !important; }
.shopping-cart .tax-flag {font-size:0.9em; text-transform:lowercase; font-weight:normal; display:block; }
.shopping-cart .continue-shopping { float:left; }
.shopping-cart-item-message { margin-bottom:5px}
#checkout-review-table.data-table { margin-left:26px; width:299px; }
td.attributes-col { line-height:1.4em; }
td.attributes-col ul { margin:5px 0; font-size:1em; }
td.attributes-col dt { margin-top:.5em; font-weight:bold; }
td.attributes-col dd ul { margin:0 0 5px 0; }
td.attributes-col dd ul li { margin-left:15px; list-style:disc; }
td.attributes-col .delivery-icon { float:left; margin: 0 4px 0 -30px; }
td.attributes-col h4.title { float:left; box-sizing: border-box; padding:0; margin:0; font-size:1em; color:#444; width:100%; overflow:hidden; }
td.attributes-col h4.title a { font-weight:bold; }
td.attributes-col h4.title.open,
td.attributes-col h4.title.closed {
cursor: pointer;
padding-right: 32px;
background: transparent url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/arrow-down-black.svg) no-repeat right center !important;
background-size: 21px 12px !important;
}
td.attributes-col h4.title.open {
background: transparent url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/arrow-up-black.svg) no-repeat right center !important;
background-size: 21px 12px !important;
}
td.attributes-col .item-option-tabhead-main { display: none; }
.onestepcheckout-custom-options .option-value b.fabrication { font-weight: normal; }
.cart-totals { padding:12px 0; text-align:right; float:right; width:245px; padding-right:10px; }
.cart-totals table { float:right; margin-bottom:8px; line-height:20px; }
.cart-totals td { padding-left:15px; font-size:1.3em; }
.cart-totals tfoot td { color:#e02f00; font-size:1.5em; }
.checkout-types {
margin:10px 0;
padding: 10px 12px;
}
.checkout-types li { float: left; margin-bottom:5px; }
.paypal-or { margin: 15px;
}
.cart-shipping-block h4 { margin:0; float:none; }
.cart-collateral .input-text { width:264px; }
.cart-collateral select { width:270px; vertical-align:top; }
.grand_total {
width:auto;
margin-top:15px;
border:1px solid #BEBCB7;
background:#DEE5E8;
font-size:1.3em !important;
font-weight:bold;
text-align:right;
}
tr.grand_total td, p.grand_total { padding-top:5px; padding-bottom:5px; }
.cart-collateral-block h2 {
margin-top: 10px;
}
@media only screen and (max-width: 400px) {
.mini-cart {
width: auto;
}
.mini-cart .subtotal,
.carthead {
display: none;
}
.header #mini_cart_div_id {
width: 58px !important;
}
}
@media only screen and (max-width: 960px) {
.checkout-cart-index .cross-sell-block {
display: none;
}
}
@media only screen and (max-width: 759px) {
.cart-collateral-block {
width: 100%;
}
#discount-coupon-form label {
display: block;
}
#discount-coupon-form .input-text {
box-sizing: border-box;
width: 50%;
}
}
@media only screen and (max-width: 650px) {
.cart-collateral-block h2 {
clear: both;
}
}
@media only screen and (max-width: 525px) {
.shopping-cart td {
vertical-align: middle;
}
.shopping-cart .itemimagebasket {
display: none;
}
.shopping-cart .mobile-product-image {
display: block;
float: left;
margin-right: 10px;
}
.shopping-cart .removeitembasket {
float: right;
}
.shopping-cart .item-options {
clear: both;
}
.shopping-cart .attributes-col {
width: 276px;
}
}
@media only screen and (max-width: 462px) {
.shopping-cart th, .shopping-cart td {
padding: 5px 3px;
}
.shopping-cart .subtotals-col,
.shopping-cart .prices-col {
width: 50px;
}
.shopping-cart .qty-col {
width: 27px;
}
.shopping-cart td.attributes-col .title img {
display: block;
}
td.attributes-col .item-option-tabhead-main {
display: block;
}
td.attributes-col .item-option-tabhead {
cursor: pointer;
padding: 3px 30px 3px 3px;
background: #f5f5f7 url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/arrow-up-black.svg) no-repeat 97.8% center !important;
background-size: 21px 12px !important;
}
td.attributes-col dt.closed {
background: #f5f5f7 url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/arrow-down-black.svg) no-repeat 97.8% center !important;
background-size: 21px 12px !important;
}
td.attributes-col dt.closed:after {
content: "...";
}
.shopping-cart td .qtysignimm,
.shopping-cart td .qtysignimp,
.shopping-cart td .qtysignimm img,
.shopping-cart td .qtysignimp img {
display: block;
margin: 0;
width: 27px;
height: 27px;
}
.shopping-cart td input.qty {
box-sizing: border-box;
width: 27px;
height: 27px;
margin: 3px 0;
}
.cart-collateral {
clear: both;
box-sizing: border-box;
width: 100%;
}
.cart-collateral h4 {
margin: 10px 0 0;
}
#discount-coupon-form .input-text {
margin-right: 5px;
}
#discount-coupon-form input {
display: block;
float: left;
}
}
@media only screen and (max-width: 400px) {
.checkout-types li {
float: none;
text-align: center;
}
.paypal-or {
margin-top: 0;
}
.cart-collateral-block h2 {
margin-top: 20px;
text-align: center;
}
.cart-totals,
.cart-collateral,
.checkout-types {
clear: both;
box-sizing: border-box;
width: 100%;
padding: 0;
}
.checkout-types .strong-button {
width: 100%;
min-width: auto !important;
}
}
/* Tax details */
.tax-total { cursor:pointer; }
.tax-total td { line-height:13px; padding-top:5px; padding-bottom:5px; }
.tax-total .tax-collapse { float:right; padding-left:20px; background:url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/bg_collapse.gif) 0 2px no-repeat; text-align:right; cursor:pointer; }
.show-details .tax-collapse { background-position:0 -55px; }
.tax-details td { font-size:0.91em; color:#626465; background-color:#dae1e4; }
.tax-details-first td { border-top:1px solid #d2d8db; }
/* Shopping cart tax info */
.cart-tax-info, .cart-price { /*padding-right:20px;*/ }
.cart-tax-total { cursor:pointer; }
.cart-tax-total { padding-right:20px; background:url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/bg_collapse.gif) 100% 5px no-repeat; cursor:pointer; }
.cart-tax-total-expanded { background-position:100% -52px; }
/* One-Page checkout */
ol#checkoutSteps{ display: block; }
.one-page-checkout .box {
border:1px solid #f5f5f7;
border-top:0;
padding:15px 20px;
background:#fbfbfb;
display: block;
}
.one-page-checkout .head {
padding:4px 8px 6px 8px;
border-width:1px 1px 0 1px;
border-style:solid;
border-color:#fff #F7F4EA #F7F4EA #F7F4EA;
background:#F7F4EA;
}
.one-page-checkout .head a { display:none; } /* Hide Edit button in step header */
.one-page-checkout h3 { float:left; margin:0; color:#999; font-size:1.05em; }
.one-page-checkout h4 { border-bottom:1px solid #E4E4E4; padding-bottom:2px; }
.one-page-checkout h4.title { border-bottom:0; text-transform:none; }
.one-page-checkout .step-count { padding:0 4px; background:#fff; color:#444; font-size:.9em; line-height:1em; }
.one-page-checkout .content { padding:10px 20px; display: block; }
.one-page-checkout label.label { font-size:1.05em; color:#2f2f2f; }
.one-page-checkout .allow .head { background:#455564; border-color:#455564 #455564 #fff #455564; border-width:1px; cursor:pointer; }
.one-page-checkout .active .head { border:1px solid #3f6343; background:#3f6343; cursor:default; }
.one-page-checkout .allow .head a { display:block; color:#fff; } /* Display Edit button in active selection */
.one-page-checkout .active .head a { display:none; }
.one-page-checkout .group-select { margin-top:0; margin-right:0; border:0; background:none; padding:0; }
.one-page-checkout .allow h3 { color:#fff; }
.one-page-checkout .active h3 { color:#fff; }
.one-page-checkout .active .box { display:block; border-color:#eee; background:#fff; }
.one-page-checkout dd .form-list ul { margin:5px 17px 15px 17px; }
.one-page-checkout .checkmo-mailing-address { padding-left:20px; }
.one-page-checkout-progress .page-head { margin-bottom:1em; }
.one-page-checkout-progress li { margin-bottom:6px; }
.one-page-checkout-progress h4 { margin:0; border:1px solid #eee; padding:8px 8px; background:#fff; color:#444; font-size:11px; font-weight:bold; text-transform:uppercase; }
.one-page-checkout-progress h4 a { text-transform:none; }
.one-page-checkout-progress .content { }
.one-page-checkout-progress{ height: 640px; }
#opc-login .button-set { border-top:0; }
#opc-review .box { border:0; padding:0; }
#opc-review .content { border:1px solid #D9DDE3; border-top:0; }
.opc-please-wait { padding-right:7px; }
.one-page-checkout .payment-methods dd { padding:0; }
.one-page-checkout .button-set { margin-top:0; padding-top:2em; }
.one-page-checkout .box-no-padding .inner-box {
padding:0px 20px;
}
.progress-head{
padding-top:4px;
background:none !important;
border:none;
font-size:11px !important;
text-align:left;
color: #FFF;
}
/* Multiple Addresses checkout */
.checkout-progress { margin:0 auto 1.5em auto; }
.checkout-progress td {
float:left;
margin-right:3px;
border-top:6px solid #455564;
padding:4px 20px;
color:#455564;
font-weight:bold;
}
.checkout-progress td.active {
border-top-color:#3f6343;
color:#3f6343;
}
.multi-address-checkout-description {
margin-top:-10px;
margin-bottom:10px;
}
.multi-address-checkout-box .box {
position:relative;
margin-top:15px;
margin-bottom:25px;
border:1px solid #ddd;
background:#fff;
}
.multi-address-checkout-box .content {
padding:10px 20px 20px 20px;
}
.multi-address-checkout-box .count-head {
border-bottom:1px solid #3f6343;
background:#3f6343;
padding:2px 10px;
}
.shipment-count {
background:#fff;
padding:2px 5px;
color:#fff;
font-size:.95em;
line-height:1em;
}
.multi-address-checkout-box .count-head h4 { margin:0; color:#fff; }
.multi-address-checkout-box .head { margin-bottom:4px; }
.multi-address-checkout-box .head a { font-weight:normal; }
.multi-address-checkout-box .checkmo-mailing-address { display:block; padding-left:20px; }
.shipping-method-pointer { border:1px solid #eee; padding:13px; background:#fff; }
.place-order-box { float:right; height:71px; overflow:hidden; }
.place-order-box .left-radius { width:21px; background:url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/place_order_container_bg.gif) no-repeat; }
.place-order-box .main-radius{ background:url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/place_order_bg.gif) no-repeat 100% 0; padding-right:21px; vertical-align:middle; }
.place-order-box .grand-total { color:#e26703; font-size:1.5em; font-weight:bold; }
.place-order-box input { margin-left:15px; }
.one-page-checkout .box .default-box { border:1px solid #ddd; }
/* Checkout Agreements */
.checkout-agreements li { margin:20px 0; }
.checkout-agreements .agreement-content { overflow:auto; height:10em; padding:10px; background-color:#fbfaf6; border:1px solid #f3f3f3; }
.checkout-agreements .agree { margin:0; padding:10px 0 10px 11px; }
.one-page-checkout .checkout-agreements { border:1px solid #ddd; border-width:0 1px; padding:5px 20px; }
.one-page-checkout .checkout-agreements li { margin:20px 0 0; }
.one-page-checkout .checkout-agreements .agreement-content { background-color:#fff; border-color:#e4e4e4; padding:5px; }
.one-page-checkout .checkout-agreements .agree { padding-left:6px; }
.one-page-checkout-progress address{ padding-left:6px;}
/********************** Gift Messages */
.giftmessages .gift-header {
font-size:12px;
font-weight:bold;
color:#e87403;
}
.giftmessages .input-checkbox {
padding-bottom:15px;
}
.giftmessages textarea {
height:100px;
}
.giftmessages .input-checkbox input {
margin-right:5px;
}
.giftmessages .input-checkbox label {
font-weight:normal;
color:#8e8d8b;
}
.one-page-checkout .box-no-padding {
border:1px solid #ddd;
border-top:0;
padding:15px 0;
background:#fff;
}
.giftmessages .gift-box {
background-color:#f4f4f4;
border-top:1px solid #ddd;
border-bottom:1px solid #e9e4de;
padding:22px 16px 22px 22px;
}
.giftmessages .gift-box .scroll-box {
overflow:auto;
height:500px;
}
.giftmessages .product-image {
border:1px solid #d2d1cd;
}
.no-border {
border-top:none;
border-left:none;
border-right:none;
border-bottom:none;
}
.giftmessages .giftmessage-product-info {
padding-left:10px;
}
.giftmessages .numeration
{
font-weight:bold;
color:#8a8987;
}
.giftmessages .gift-box label { color:#918d8e; }
.giftmessages .group-select li .input-box { float:left; width:260px; }
.giftmessages .group-select li .input-text, .group-select li select, .group-select li textarea { width:495px; }
.giftmessages .group-select li .input-box .input-text, .group-select li .input-box textarea { width:235px; }
.giftmessages .group-select li .input-box select { width:256px; }
/********************** Customer */
/* Customer Name */
.customer-name-prefix .name-prefix { }
.customer-name-prefix .name-prefix input { }
.customer-name-prefix .name-prefix select { }
.customer-name-prefix .name-firstname { }
.customer-name-prefix .name-firstname input { }
.customer-name-middlename .name-firstname { width:215px !important; }
.customer-name-middlename .name-firstname input { width:200px !important; }
.customer-name-middlename .name-middlename { width:60px !important; }
.customer-name-middlename .name-middlename input { width:35px !important; }
.customer-name-suffix .name-lastname { width:205px !important; }
.customer-name-suffix .name-lastname input { width:190px !important; }
.customer-name-suffix .name-suffix { width:60px !important; }
.customer-name-suffix .name-suffix input { width:45px !important; }
.customer-name-suffix .name-suffix select { width:51px !important; }
.customer-name-prefix-middlename .name-prefix { width:60px !important; }
.customer-name-prefix-middlename .name-prefix input { width:45px !important; }
.customer-name-prefix-middlename .name-prefix select { width:51px !important; }
.customer-name-prefix-middlename .name-firstname { width:215px !important; }
.customer-name-prefix-middlename .name-firstname input { width:190px !important; }
.customer-name-prefix-middlename .name-middlename { width:50px !important; }
.customer-name-prefix-middlename .name-middlename input { width:35px !important; }
.customer-name-prefix-middlename .name-lastname { width:200px !important; }
.customer-name-prefix-middlename .name-lastname input { width:200px !important; }
.customer-name-prefix-suffix .name-prefix { width:60px !important; }
.customer-name-prefix-suffix .name-prefix input { width:45px !important; }
.customer-name-prefix-suffix .name-prefix select { width:51px !important; }
.customer-name-prefix-suffix .name-firstname { width:215px !important; }
.customer-name-prefix-suffix .name-firstname input { width:190px !important; }
.customer-name-prefix-suffix .name-lastname { width:205px !important; }
.customer-name-prefix-suffix .name-lastname input { width:190px !important; }
.customer-name-prefix-suffix .name-suffix { width:60px !important; }
.customer-name-prefix-suffix .name-suffix input { width:45px !important; }
.customer-name-prefix-suffix .name-suffix select { width:51px !important; }
.customer-name-middlename-suffix .name-firstname { width:215px !important; }
.customer-name-middlename-suffix .name-firstname input { width:200px !important; }
.customer-name-middlename-suffix .name-middlename { width:60px !important; }
.customer-name-middlename-suffix .name-middlename input { width:35px !important; }
.customer-name-middlename-suffix .name-lastname { width:205px !important; }
.customer-name-middlename-suffix .name-lastname input { width:190px !important; }
.customer-name-middlename-suffix .name-suffix { width:60px !important; }
.customer-name-middlename-suffix .name-suffix input { width:45px !important; }
.customer-name-middlename-suffix .name-suffix select { width:51px !important; }
.customer-name-prefix-middlename-suffix .name-prefix { width:60px !important; }
.customer-name-prefix-middlename-suffix .name-prefix input { width:45px !important; }
.customer-name-prefix-middlename-suffix .name-prefix select { width:51px !important; }
.customer-name-prefix-middlename-suffix .name-firstname { width:155px !important; }
.customer-name-prefix-middlename-suffix .name-firstname input { width:140px !important; }
.customer-name-prefix-middlename-suffix .name-middlename { width:60px !important; }
.customer-name-prefix-middlename-suffix .name-middlename input { width:35px !important; }
.customer-name-prefix-middlename-suffix .name-lastname { width:205px !important; }
.customer-name-prefix-middlename-suffix .name-lastname input { width:190px !important; }
.customer-name-prefix-middlename-suffix .name-suffix { width:60px !important; }
.customer-name-prefix-middlename-suffix .name-suffix input { width:45px !important; }
.customer-name-prefix-middlename-suffix .name-suffix select { width:51px !important; }
.customer-dob .input-box { float:left; width:60px !important; }
.customer-dob input { width:50px !important; }
.customer-dob label.label-dob { font-weight:normal; color:#888; font-size:10px; }
.name-group { display:none; }
body.customer-account-create .name-group { display:block; }
/*body.customer-account-create #form-validate li { float:left; width:300px; }*/
/* My Account navigation */
.account-nav .head { }
.account-nav .head .title { }
.account-nav li a, .account-nav li.on { padding:3px 0; }
.account-nav li a { display:block; }
.account-nav li a { color:#444; text-decoration:none; }
.account-nav li a:hover { color:#3f6343; text-decoration:none; }
.account-nav li.on { font-weight:bold; }
.account-nav li.on a { border:none; padding:0; }
.account-nav li.on a, .account-nav li.on a:hover { color:#3f6343; }
.account-nav li.last, .account-nav li.last a { border-bottom:0; }
/* Login */
.login-box .content { min-height:180px; padding:0; }
.aitcheckout-checkout-index #aitcheckout_login .buttons-set,
.customer-account-login #login-form .buttons-set { position: absolute; left: 0; bottom: 0; padding: 0 15px; }
.aitcheckout-checkout-index #aitcheckout_login .buttons-set button,
.customer-account-login #login-form .buttons-set button { margin-bottom: 15px; }
.aitcheckout-checkout-index #aitcheckout_login .col2-set .col-1,
.aitcheckout-checkout-index #aitcheckout_login .col2-set .col-2,
.customer-account-login #login-form .col2-set .col-1,
.customer-account-login #login-form .col2-set .col-2 { position: relative; min-width: 230px; min-height: 284px; margin-bottom: 10px; }
.aitcheckout-checkout-index #aitcheckout_login .col2-set .col-1,
.aitcheckout-checkout-index #aitcheckout_login .col2-set .col-2 { min-height: 333px; }
.customer.customer-account-login #login-form .col-1 { margin-right: 10px; }
.customer.customer-account-login #login-form .col-2 { width: 49%; }
.aitcheckout-checkout-index #aitcheckout_login .strong-box-top,
.customer-account-login #login-form .strong-box-top { height: 210px; overflow: hidden; }
.aitcheckout-checkout-index #aitcheckout_login .strong-box-bottom,
.customer-account-login #login-form .strong-box-bottom { height: 52px; }
.aitcheckout-checkout-index #aitcheckout_login .content { padding-bottom: 70px; }
.customer-account-login #login-form .content { padding-bottom: 110px; }
.aitcheckout-checkout-index #aitcheckout_login .content .input-text,
.customer-account-login #login-form .content .input-text { }
.aitcheckout-checkout-index #aitcheckout_login .content .input-text { box-sizing: border-box; height: 40px; padding: 4px; }
.aitcheckout-checkout-index #aitcheckout_login .new-users .content ul,
.customer-account-login #login-form .new-users .content ul { padding-left: 20px; }
.aitcheckout-checkout-index #aitcheckout_login .new-users dt,
.customer-account-login #login-form .new-users dt { margin: 8px 0 }
.aitcheckout-checkout-index #aitcheckout_login .new-users li,
.customer-account-login #login-form .new-users li { margin: 6px 0 }
@media only screen and (max-width: 650px) {
.aitcheckout-checkout-index #aitcheckout_login .content .input-text {
font-size: 16px;
height: 48px;
}
}
.aitcheckout-checkout-index #aitcheckout_login .buttons-set .strong-button {
height: 40px;
background-image: url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/button-sprite-40.gif);
background-position: top center;
}
.aitcheckout-checkout-index #aitcheckout_login .buttons-set .strong-button:hover {
background-position: center;
}
.aitcheckout-checkout-index #aitcheckout_login .buttons-set .strong-button.loader {
background-position: bottom center;
text-indent: -9999px;
font-size: 0 !important;
}
.next-step-button button.loader {
background-color: #85ba02 !important;
background-image: url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/button-sprite-40.gif) !important;
background-position: bottom center !important;
background-size: auto !important;
text-indent: -9999px;
}
@media only screen and (max-width: 759px) {
.aitcheckout-checkout-index #aitcheckout_login .buttons-set .strong-button {
height: 48px;
background-image: url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/button-sprite-48.gif);
background-position: top center;
}
.aitcheckout-checkout-index #aitcheckout_login .buttons-set .strong-button:hover {
background-position: center;
}
.aitcheckout-checkout-index #aitcheckout_login .buttons-set .strong-button.loader {
background-position: bottom center;
text-indent: -9999px;
font-size: 0 !important;
}
.next-step-button button.loader {
background-image: url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/button-sprite-48.gif) !important;
}
}
@media only screen and (max-width: 525px) {
.aitcheckout-checkout-index #aitcheckout_login .col2-set .col-1,
.aitcheckout-checkout-index #aitcheckout_login .col2-set .col-2,
.customer-account-login #login-form .col2-set .col-1,
.customer-account-login #login-form .col2-set .col-2 {
float: left;
width: 100%;
margin-right: 0;
}
.aitcheckout-checkout-index .strong-box {
/*border-radius: 0;*/
}
.aitcheckout-checkout-index #aitcheckout-login {
width: 100%;
overflow: hidden;
}
.aitcheckout-checkout-index #aitcheckout_login #registered-users-form {
display: none;
}
.aitcheckout-checkout-index #aitcheckout_login #registered-users-form.active {
display: block;
min-height: 370px;
}
.aitcheckout-checkout-index #aitcheckout_login #registered-users-link-form,
.aitcheckout-checkout-index #aitcheckout_login .col2-set .col-2 {
min-height: 60px;
}
.aitcheckout-checkout-index .strong-box.new-users .content {
display: none;
}
.aitcheckout-checkout-index #aitcheckout_login .content .input-box {
position: relative;
}
.aitcheckout-checkout-index .toggle-password {
display: block !important;
position: absolute;
top: 5px;
right: 8px;
width: 55px;
height: 26px;
line-height: 1em;
padding-top: 0;
}
.aitcheckout-checkout-index #aitcheckout_login .buttons-set,
.aitcheckout-checkout-index #aitcheckout_login .buttons-set .strong-button {
box-sizing: border-box;
width: 100%;
}
.aitcheckout-checkout-index #login-backtocheckout {
display: block !important;
box-sizing: content-box;
}
}
/* Create account */
.customer-account-create .account-create form { display: block; /*text-align: center;*/ }
.customer-account-create .account-create .strong-box { display: inline-block; box-sizing: border-box; width: 100%; max-width: 530px; padding: 12px; margin-bottom: 10px; text-align: left; }
.customer-account-create .account-create .input-box { margin-top: 3px; }
.customer-account-create .account-create .input-text,
.customer-account-create .account-create select { padding: 2px; }
.customer-account-create .account-create .input-text { width: 100% !important; box-sizing: border-box; }
.customer-account-create .account-create select { width: 100% !important; box-sizing: border-box; }
.customer-account-create .account-create .control { margin-top: 10px; }
.customer-account-create .account-create #is_subscribed { }
.customer-account-create .account-create .fieldset + .fieldset { margin-top: 15px; }
.customer-account-create .account-create .strong-button { margin-top: 15px; }
/* Forgotten password */
.customer-account-forgotpassword #main form { display: block; text-align: center; }
.customer-account-forgotpassword #main .strong-box {
display: inline-block;
box-sizing: border-box;
width: 50%;
max-width: 500px;
text-align: left;
}
.customer-account-forgotpassword .input-box label { float: left; width: 100px; margin-top: 9px; }
.customer-account-forgotpassword #email_address { float: left; width: 290px; max-width: 60%; margin-top: 8px; }
@media only screen and (max-width: 400px) {
.customer-account-forgotpassword #email_address {
width: 260px;
}
}
.customer-account-forgotpassword .buttons-set { }
.customer-account-forgotpassword .strong-button,
.customer-account-forgotpassword .strong-button:hover { clear: left; float: left; margin-top: 15px; }
.customer-account-forgotpassword .required { display: none; }
/* Reset forgotten password */
.customer-account-resetpassword #main form { display: block; text-align: center; }
.customer-account-resetpassword #main .strong-box { display: inline-block; width: 50%; text-align: left; }
.customer-account-resetpassword #main .field { margin-top: 3px; }
.customer-account-resetpassword .input-box label { float: left; width: 100px; margin-top: 9px; }
.customer-account-resetpassword .required { margin-top: 10px; }
/* User account panel */
@media only screen and (max-width: 850px) {
.customer-account-index .col-left > iframe,
.customer-account-index .col-left > a,
.customer-account-index .col-left > div,
.customer-account-edit .col-left > iframe,
.customer-account-edit .col-left > a,
.customer-account-edit .col-left > div,
.customer-address-index .col-left > iframe,
.customer-address-index .col-left > a,
.customer-address-index .col-left > div,
.customer-address-form .col-left > iframe,
.customer-address-form .col-left > a,
.customer-address-form .col-left > div,
.customer-account-edit .col-left > iframe,
.customer-account-edit .col-left > a,
.customer-account-edit .col-left > div,
.sales-order-history .col-left > iframe,
.sales-order-history .col-left > a,
.sales-order-history .col-left > div,
.sales-order-view .col-left > iframe,
.sales-order-view .col-left > a,
.sales-order-view .col-left > div,
.sales-billing-agreement-index .col-left > iframe,
.sales-billing-agreement-index .col-left > a,
.sales-billing-agreement-index .col-left > div,
.sales-recurring-profile-index .col-left > iframe,
.sales-recurring-profile-index .col-left > a,
.sales-recurring-profile-index .col-left > div,
.review-customer-index .col-left > iframe,
.review-customer-index .col-left > a,
.review-customer-index .col-left > div,
.wishlist-index-index .col-left > iframe,
.wishlist-index-index .col-left > a,
.wishlist-index-index .col-left > div,
.downloadable-customer-products .col-left > iframe,
.downloadable-customer-products .col-left > a,
.downloadable-customer-products .col-left > div,
.newsletter-manage-index .col-left > iframe,
.newsletter-manage-index .col-left > a,
.newsletter-manage-index .col-left > div,
.monkey-customer-account-index .col-left > iframe,
.monkey-customer-account-index .col-left > a,
.monkey-customer-account-index .col-left > div,
.giftvoucher-index-check .col-left > iframe,
.giftvoucher-index-check .col-left > a,
.giftvoucher-index-check .col-left > div {
display: none !important;
}
.customer-account-index .col-left > div.account-nav,
.customer-account-edit .col-left > div.account-nav,
.customer-address-index .col-left > div.account-nav,
.customer-address-form .col-left > div.account-nav,
.customer-account-edit .col-left > div.account-nav,
.sales-order-history .col-left > div.account-nav,
.sales-order-view .col-left > div.account-nav,
.sales-billing-agreement-index .col-left > div.account-nav,
.sales-recurring-profile-index .col-left > div.account-nav,
.review-customer-index .col-left > div.account-nav,
.wishlist-index-index .col-left > div.account-nav,
.downloadable-customer-products .col-left > div.account-nav,
.newsletter-manage-index .col-left > div.account-nav,
.monkey-customer-account-index .col-left > div.account-nav,
.giftvoucher-index-check .col-left > div.account-nav {
display: block !important;
}
}
/* Dashboard */
.account-main .account-box li { padding:5px 0; }
.account-box ol .count {
float:left;
margin-top:3px;
background-color:#666;
padding:1px 3px;
font-size:9px;
font-weight:bold;
color:#fff;
line-height:1em;
display:none;
}
.account-box ol .content { padding:0; }
.account-box ol.recent-reviews small {
float:left;
margin-right:3px;
font-weight:bold;
}
.account-box .product-images { width:65px; }
.account-box .product-images img { border:1px solid #ccc; }
.account-box .product-details { margin:0 0 10px 70px; }
.account-box .content { padding:0; }
.account-side .actions { border-top:1px solid #ccc; padding-top:4px; }
.account-side .actions .form-button { float:right; }
.edit-password { display:block; height:20px; background:url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/icon_lock.gif) no-repeat 0 2px; padding-left:20px; }
.dashboard-welcome { margin-right:96px; margin-bottom:1.5em; }
.customer-address-form .group-select li .input-box#findAddrBtnDiv {
clear: none;
max-width: 120px;
}
#my-orders-table h3 {
font: bold 12px arial, helvetica, sans-serif;
}
@media only screen and (max-width: 799px) {
.customer-address-form .group-select li .input-box,
.customer-account-edit .form-list .input-box {
clear: left;
margin-bottom: 10px;
}
.dashboard-welcome {
margin-right: 0;
}
.customer-address-form .group-select li .input-box,
.customer-address-form .group-select li .input-box .input-text,
.customer-address-form .group-select li .input-box textarea,
.customer-address-form .group-select li .input-box select,
.customer-address-form .group-select li .input-text,
.customer-address-form .group-select li select,
.customer-address-form .group-select li textarea,
.customer-account-edit .group-select li .input-box,
.customer-account-edit .group-select li .input-box .input-text {
box-sizing: border-box;
width: 100% !important;
}
.customer-address-form .group-select li .input-box#zipDiv{
width: 60% !important;
}
.customer-address-form .button-set,
.customer-account-edit .button-set,
.customer-account-edit .buttons-set,
.wishlist-index-index .button-set {
margin-top: 0;
margin-bottom: 2em;
}
.wishlist-index-index .button-set a,
.wishlist-index-index .button-set input {
display: inline-block;
margin-bottom: 10px;
vertical-align: middle;
}
}
@media only screen and (max-width: 619px) {
.account-box .col2-set .col-1,
.account-box .col2-set .col-2,
.customer-address-index .col2-set .col-1,
.customer-address-index .col2-set .col-2 {
float: left;
width: 100%;
}
.wishlist-comment {
display: none;
}
}
@media only screen and (max-width: 525px) {
.sales-order-history .layout-2columns .col-left,
.sales-order-history .layout-2columns .col-main,
.sales-order-view .layout-2columns .col-left,
.sales-order-view .layout-2columns .col-main {
width: 100%;
}
}
@media only screen and (max-width: 462px) {
.customer-account-index .layout-2columns .col-left,
.customer-account-index .layout-2columns .col-main,
.customer-account-edit .layout-2columns .col-left,
.customer-account-edit .layout-2columns .col-main,
.customer-address-index .layout-2columns .col-left,
.customer-address-index .layout-2columns .col-main,
.customer-address-form .layout-2columns .col-left,
.customer-address-form .layout-2columns .col-main,
.sales-billing-agreement-index .layout-2columns .col-left,
.sales-billing-agreement-index .layout-2columns .col-main,
.sales-recurring-profile-index .layout-2columns .col-left,
.sales-recurring-profile-index .layout-2columns .col-main,
.review-customer-index .layout-2columns .col-left,
.review-customer-index .layout-2columns .col-main,
.wishlist-index-index .layout-2columns .col-left,
.wishlist-index-index .layout-2columns .col-main,
.downloadable-customer-products .layout-2columns .col-left,
.downloadable-customer-products .layout-2columns .col-main,
.newsletter-manage-index .layout-2columns .col-left,
.newsletter-manage-index .layout-2columns .col-main,
.monkey-customer-account-index .layout-2columns .col-left,
.monkey-customer-account-index .layout-2columns .col-main,
.giftvoucher-index-check .layout-2columns .col-left,
.giftvoucher-index-check .layout-2columns .col-main,
.affiliateplus-index-index .layout-2columns .col-left,
.affiliateplus-index-index .layout-2columns .col-main {
width: 100%;
}
}
@media only screen and (max-width: 400px) {
.order-info-box.col2-set .col-1,
.order-info-box.col2-set .col-2 {
float: left;
width: 100%;
}
#my-orders-table .nobr {
white-space: normal !important;
}
#my-orders-table td {
font-size: smaller !important;
}
#my-orders-table h3 {
font-size: smaller !important;
}
#wishlist-table div img {
width: 56px;
height: auto;
}
}
/* Account Addressbook */
.primary-address-list li { margin-bottom:14px; }
.primary-address-list li .head { margin:0; }
.address-list li { margin-bottom:1em; }
.address-list .actions { float:right; margin:0 0 10px 10px; }
/* Account Order History */
.sales-order-view .checkmo-mailing-address { display:block; padding-left:20px; }
/* Contacts */
.contacts-index-index #contactForm { width: 49%; margin-bottom: 10px; float: left; }
.contacts-index-index .contact-form-info { width: 49%; margin-bottom: 10px; float: right; }
.contacts-index-index #contactForm .strong-button { margin-top: 15px; }
.contacts-index-index #contactForm label .note { float: right; margin-left: 5px; margin-right: 5px; }
.contacts-index-index .contact-form-info address { margin: 10px 0; }
#contactForm #recaptcha_widget_div { float: left;}
@media only screen and (max-width: 340px) {
#contactForm #recaptcha_widget_div { margin-left: -10px; }
}
@media only screen and (max-width: 330px) {
#contactForm #recaptcha_widget_div { margin-left: -20px; }
}
@media only screen and (max-width: 400px) {
.contacts-index-index #contactForm,
.contacts-index-index .contact-form-info {
float: left;
width: 100%;
}
}
/* Compare Products */
.compare-products { margin:30px 0 50px 0; }
.compare-products table { width:auto; border:0; }
.compare-products td { width:170px; text-align:left; }
.compare-products tbody td { border-color:#ccc; }
.compare-products tbody tr.first td { border-top:1px solid #D9DDE3; text-align:center; }
.compare-products tbody td.last { border-right:1px solid #D9DDE3; }
.compare-products tbody.attribute-cart td { background:#fffada !important; text-align:center; border-bottom:1px solid #D9DDE3; }
.compare-products tbody td.label {
width:auto;
border-bottom:1px solid #ccc;
border-left:1px solid #BEBCB7;
background:#e9e9e9 !important;
text-align:left;
}
.compare-products tbody.remove-buttons tr { background:#fff; }
.compare-products tbody.remove-buttons td {
border:none !important;
padding:0;
text-align:right;
font-size:0;
line-height:0;
}
.compare-products tbody.remove-buttons td img { float:right; }
/* Reviews */
.my-review-detail .product-image { float:left; width:135px; }
.my-review-detail .product-image p { margin-bottom:0; }
.my-review-detail .product-image p img { vertical-align:top; }
.my-review-detail .details { float:right; width:550px; }
.my-review-detail .ratings-list { margin-bottom:.8em; }
.my-review-detail .ratings { line-height:1.55; }
.my-review-detail .ratings .rating-box { float:none; margin-bottom:3px; }
.my-review-detail .ratings .pipe { display:none; }
.my-review-detail .ratings a { display:block; }
/* Gift Messages */
.giftmessage { padding:10px 0 0 0; }
.giftmessage-preview-link { font-size:11px; padding-right:7px; background-repeat:no-repeat; background-position:right 5px; }
.giftmessage-row { background-color:#f2efe9; }
.giftmessage-content { float:left; margin-right:10px; }
.giftmessage-close { float:right; }
.expand { background-image:url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/gift-message-expand.gif); }
.collapse { background-image:url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/gift-message-collapse.gif); }
/********************** Print pages */
table.print .giftmessage-preview-link { display:none !important; }
table.print .price-excl-tax { white-space:nowrap; }
table.print .price-incl-tax { white-space:nowrap; }
table.print .price-excl-tax .label,
table.print .price-excl-tax .price,
table.print .price-incl-tax .label,
table.print .price-incl-tax .price { display:inline; }
/********************** Pop up pages */
.page-popup { background:#fff; margin:25px 30px; text-align:left; }
.page-popup .print-head { margin:0 0 15px; }
.page-popup .print-head img { float:left; }
.page-popup .print-head address { float:left; margin-left:15px; }
.product-gallery-nav { padding:0 5px; }
.cms-home .middle { margin-top:0px; padding:0; position:relative;background-color:#f5f5f7 }
/************************************************************/
/******************[ Mage_CSS_F Overrides]*******************/
/************************************************************/
/* Alignment */
.v-top { vertical-align:top !important; }
.v-middle { vertical-align:middle !important; }
.v-bottom { vertical-align:bottom !important; }
.a-left { text-align:left !important; }
.a-center { text-align:center !important; }
.a-right { text-align:right !important; }
.left,
.f-left { float:left !important; }
.right,
.f-right { float:right !important; }
.accent { color:#E76200 !important; font-weight:bold !important; }
.nobr,
.nowrap { white-space:nowrap !important; }
.normal-weight { font-weight:normal !important; }
.no-border { border:none !important; }
.no-padding { padding:0 !important; }
.no-margin { margin:0 !important; }
.auto-width { width:auto !important; }
/* Link highlights */
.link-print { background:url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/icon_printer.gif) no-repeat 0 2px; padding-left:23px; line-height:18px; }
.link-feed { background:url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/icon_feed.gif) 0 50% no-repeat !important; padding-left:18px; line-height:1.15; }
.link-base { color:#444; }
/* Noscript Notice */
.noscript { border:1px solid #bbb; border-width:0 0 1px; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#444; }
.noscript .noscript-inner { width:960px; margin:0 auto; padding:12px 0 12px; background:url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/i_notice.gif) 20px 50% no-repeat; }
.noscript p { margin:0; }
/* For Demo store only */
.demo-notice { margin:0; background-color:#d75f07; padding:5px 10px 6px 10px; color:#fff; line-height:1; text-align:center; }
.demo-notice a { color:#fff; text-decoration:underline; }
.demo-notice a:hover { text-decoration:none; }
/* Class: std - styles for admin-controlled content */
.std ul,
.std ol,
.std dl,
.std p,
.std address,
.std blockquote { margin:0 0 1em; padding:0; }
.std ul { list-style:disc outside; padding-left:1.5em; }
.std ol { list-style:decimal outside; padding-left:1.5em; }
.std ul ul { list-style-type:circle; }
.std ul ul,
.std ol ol,
.std ul ol,
.std ol ul { margin:.5em 0; }
.std dt { font-weight:bold; }
.std dd { padding:0 0 0 1.5em; }
.std blockquote { font-style:italic; padding:0 0 0 1.5em; }
.std address { font-style:normal; }
.std b,
.std strong { font-weight:bold; }
.std i,
.std em { font-style:italic; }
.std .a-top { text-align:right; }
.header-banner{
float:left;
}
.shopping-bag{
position:absolute;
background:url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/cartbag.jpg) no-repeat left center;
margin-left:840px;
top:50px;
padding-left:20px;
height:19px;
}
/*home page styles*/
.home-page-info{
border: 1px solid #ddd ;
float: left;
width: 186px;
margin: 2px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
}
.home-page-info-header{
background-color: #f57614;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
}
.home-page-info h2{
color: #fff;
text-align: center;
font-size: 1.2em;
text-transform: uppercase;
line-height: 28px;
}
.home-page-info p{
margin: 4px;
}
.topcat-nav-container,
.home-nav-container {
display: none;
}
.category-nav-container ul {
display: none;
}
.category-nav-container .browse-all-cats {
box-sizing: border-box;
width: 100%;
min-height: 32px;
padding: 4px 8px;
color: White;
cursor: pointer;
background: url("https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/sub-menu-icon.png") no-repeat 97% center #363636;
background: url("https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/sub-menu-icon.svg") no-repeat 97% center #363636;
background-position: calc(100% - 8px) center;
background-size: 33px 29px;
transition: background-image .2s;
}
.category-nav-container .browse-all-cats strong {
box-sizing: border-box;
display: inline-block;
width: 100%;
padding: 2px 33px 0 0;
font: normal 19px/21px 'VAG Rounded Bold', 'arial rounded bold', 'VAG Rounded', 'arial rounded', 'arial rounded mt bold', 'Arial Rounded MT', arial, helvetica, sans-serif;
text-transform: uppercase;
}
.category-nav-container ul li {
height: 0;
transition: height .2s;
}
.category-nav-container.open .browse-all-cats {
color: #f86b00;
background: url("https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/sub-menu-icon-active.png") no-repeat 97% center #363636;
background: url("https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/sub-menu-icon-active.svg") no-repeat 97% center #363636;
background-position: calc(100% - 8px) center;
background-size: 33px 29px;
}
.category-nav-container.open .browse-all-cats strong {
}
.category-nav-container.open ul {
display: block;
height: auto;
}
.category-nav-container.open ul li {
height: auto;
}
@media only screen and (max-width: 759px) {
.cms-index-index .col-main-bg > .standout,
.catalogsearch-result-index .col-main-bg > .standout,
.catalog-category-view .col-main-bg > .standout {
display: none;
}
.topcat-nav-container,
.home-nav-container {
display: block !important;
}
}
.topcat-nav-container,
.home-nav-container {
clear: both;
float: left;
width: 100%;
padding-top: 10px;
margin-bottom: 10px;
}
.topcat-nav-container .category-container,
.home-nav-container .category-container {
margin-top: -1px;
float: left;
box-sizing: border-box;
position: relative;
width: 50%;
padding: 5px;
overflow: hidden;
border: 1px solid #DDD;
/*border-bottom-style: none;*/
}
.topcat-nav-container .category-container.last,
.home-nav-container .category-container.last {
}
@media only screen and (max-width: 619px) {
.topcat-nav-container .category-container,
.home-nav-container .category-container {
width: 100%;
max-height: 104px;
}
}
.topcat-nav-container .category-container .category-content,
.home-nav-container .category-container .category-content {
}
.topcat-nav-container .category-container .category-content a,
.home-nav-container .category-container .category-content a {
float: left;
width: 100%;
background: url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/arrow-right-black.svg) no-repeat 99% center;
background-size: 15px 25px;
}
.topcat-nav-container .category-name,
.home-nav-container .category-name {
position: absolute;
left: 30%;
top: 50%;
margin-top: -8px;
padding-left: 20px;
padding-right: 26px;
font-size: 18px;
}
.topcat-nav-container .category-name {
font-size: 16px;
font-weight: normal;
}
.topcat-nav-container .category-image,
.home-nav-container .category-image {
position: relative;
float: left;
width: 30%;
min-width: 60px;
max-width: 92px;
min-height: 60px;
max-height: 92px;
margin: 0;
line-height: 0;
background-color: White;
}
.topcat-nav-container .category-image img,
.home-nav-container .category-image img {
width: 90%;
margin: 0;
}
/* */
ul.products li{ clear: both; display: block; padding: 10px 0px 10px; border-bottom: #CCC 1px dashed; height: 25px; }
ul.products img{ float: left; margin-right: 8px; height: auto; }
ul.products span{ padding: 5px 0px 0px 18px; display: block; font-weight:bold; }
#cartBTN{ background-image: url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/btn_add_to_cart.gif); height: 38px; width: 72px; display: block; text-indent: -9999px; border: none; }
#cartBTN:hover{ background-image: url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/btn_add_to_cart_over.gif); height: 38px; width: 72px; display: block; text-indent: -9999px; }
#test #cartBTN{ margin-right: 11px!important; display: block; }
/*.view-sizes{ background-image: url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/view-sprite.gif); height: 34px; width: 84px; display: block; text-indent: -9999px; overflow: hidden; border: none; }
.view-sizes:hover{ background-position: 0 -34px; }*/
.listing-type-list.category-products .view-sizes,
.category-products #mobile-product-list-table .view-sizes {
width: 138px;
height: 32px;
line-height: 32px;
font-size: 16px;
}
.category-products #mobile-product-list-table .view-sizes {
}
.listing-type-full-grid.category-products .quick-view.view-sizes,
.listing-type-full-grid .more-info,
.special-offers-table .view-sizes {
width: 41px;
}
.listing-type-full-grid.category-products .quick-view.view-sizes,
.listing-type-full-grid.category-products .view-sizes, .category-products .more-info,
.special-offers-table .view-sizes {
/*width: 41px; */
margin-right: 5px;
padding: 2px 0 3px;
font-size: 12px;
line-height: 14px;
}
.category-products .quick-view.view-sizes:hover,
.category-products .view-sizes:hover, .category-products .more-info:hover,
.special-offers-table .view-sizes:hover {
}
.listing-type-full-grid.category-products .quick-view.view-sizes {
padding-left: 71px;
padding-right: 71px;
margin-right: 0;
}
@media only screen and (max-width: 999px) {
.category-products .view-sizes {
padding: 0;
display: block;
display: inline-block;
overflow: hidden;
}
.listing-type-full-grid.category-products .quick-view.view-sizes {
padding-left: 48px;
padding-right: 48px;
}
}
@media only screen and (max-width: 759px) {
.category-products #mobile-product-list-table .view-sizes {
padding: 0;
display: block;
display: inline-block;
overflow: hidden;
}
}
.special-offers-table .view-sizes {
padding-left: 47px;
padding-right: 47px;
margin: 0 auto;
}
.price-box + .view-sizes,
.minimal-price-link + .view-sizes,
.regular-price + .view-sizes,
.lowest-tier-price + .view-sizes { margin-top:10px; }
.cartbtn{
width: 100%; height: 47px; line-height: 47px; display: block;
overflow: hidden;
background-image: url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/product-add-basket-sprite.gif);
background-color: #7fba23;
background-repeat: no-repeat;
border: 1px solid #7ab51e;
-webkit-borderradius: 3px; -moz-border-radius: 3px; border-radius: 3px;
color: White !important;
font: normal 22px/49px 'VAG Rounded Bold', 'arial rounded bold', 'VAG Rounded', 'arial rounded', 'arial rounded mt bold', 'Arial Rounded MT', arial, helvetica, sans-serif; text-align: center;
/* font: bold 22px/49px arial, helvetica, sans-serif; text-align: center; */
text-decoration: none !important;
cursor: pointer;
}
.cartbtn:hover { background-color: #8bd742 !important; background-position: 0 -49px; /*text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.666);*/ }
.category-products.listing-type-list .buy-container .add-to-cart-box .cartbtn,
.quickshop-index-view .add-to-cart-box .cartbtn,
.catalog-product-view .add-to-cart-box .cartbtn {
position: absolute;
right: 0;
top: 0;
width: 145px;
height: 49px;
padding-left: 8px;
border: 0 none;
background-color: transparent !important;
background-image: url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/product-page-add-to-basket-sprite.gif);
text-indent: -9999px; font-size: 0 !important;
}
.category-products.listing-type-list .buy-container .add-to-cart-box .cartbtn-disabled,
.quickshop-index-view .add-to-cart-box .cartbtn-disabled,
.catalog-product-view .add-to-cart-box .cartbtn-disabled {
font: normal 18px/49px 'VAG Rounded Bold', 'arial rounded bold', 'VAG Rounded', 'arial rounded', 'arial rounded mt bold', 'Arial Rounded MT', arial, helvetica, sans-serif !important;
text-indent: 0;
background-image: url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/product-page-add-to-basket-disabled-sprite.gif);
}
.category-products.listing-type-list .buy-container .add-to-cart-box .cartbtn {
height: 43px;
font: normal 18px/43px 'VAG Rounded Bold', 'arial rounded bold', 'VAG Rounded', 'arial rounded', 'arial rounded mt bold', 'Arial Rounded MT', arial, helvetica, sans-serif !important;
background-image: url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/category-page-add-to-basket-sprite.gif);
}
.category-products.listing-type-list .buy-container .add-to-cart-box .cartbtn-disabled {
background-image: url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/category-page-add-to-basket-disabled-sprite.gif);
}
.category-products.listing-type-list .buy-container .add-to-cart-box .cartbtn:hover { background-position: 0 -43px; }
.cartbtn-disabled { cursor: default; color: #DDD !important; }
.cartbtn-disabled:hover { color: White !important; }
.listing-item .add-to-cart-box input.qty,
.quickshop-index-view .add-to-cart-box input.qty,
.catalog-product-view .add-to-cart-box input.qty {
position: absolute;
left: 0;
top: 2px;
width: 74px;
height: 39px;
padding-right: 3px;
margin: 0 !important;
border-color: #666;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-right-style: none;
font-size: 30px;
color: #444;
}
.cartbtn.loader, .cartbtn.loader:hover{ background-position: 0 -98px !important; text-indent: -9999px; font-size: 0 !important; }
.category-products.listing-type-list .buy-container .add-to-cart-box .cartbtn.loader,
.category-products.listing-type-list .buy-container .add-to-cart-box .cartbtn.loader:hover { background-position: 0 -86px !important; }
.product-type-giftvoucher .add-to-cart-box .cartbtn,
.product-type-grouped .add-to-cart-box .cartbtn/*,
.bq-product-view .add-to-cart .cartbtn*/ {
border: 1px solid #7ab51e;
text-indent: 0;
}
.product-type-giftvoucher .add-to-cart-box .cartbtn.loader,
.product-type-grouped .add-to-cart-box .cartbtn.loader/*,
.bq-product-view .add-to-cart .cartbtn.loader*/ {
font-size: 0 !important;
background-position: 0 -72px !important; background-color: transparent !important;
}
.product-type-giftvoucher .add-to-cart-box .cartbtn,
.product-type-grouped .add-to-cart-box .cartbtn,
/*.bq-product-view .add-to-cart .cartbtn,*/
.category-products.listing-type-grid .cartbtn, .special-offers-table .cartbtn {
width: 138px; height: 34px; line-height: 34px; display: block; display: inline-block; overflow: hidden;
padding: 0;
background-image: url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/cat-add-basket-sprite.gif);
font-size: 16px !important;
}
.product-type-giftvoucher .add-to-cart-box .cartbtn:hover,
.product-type-grouped .add-to-cart-box .cartbtn:hover,
/*.bq-product-view .add-to-cart .cartbtn:hover,*/
.category-products.listing-type-grid .cartbtn:hover,
.special-offers-table .cartbtn:hover {
background-position: 0 -36px; background-color: transparent !important;
}
.product-type-giftvoucher .add-to-cart-box .cartbtn.loader:hover,
.product-type-grouped .add-to-cart-box .cartbtn.loader:hover,
/*.bq-product-view .add-to-cart .cartbtn.loader:hover,*/
.category-products.listing-type-grid .cartbtn.loader, .category-products.listing-type-grid .cartbtn.loader:hover,
.special-offers-table .cartbtn.loader, .special-offers-table .cartbtn.loader:hover {
background-position: 0 -72px !important; background-color: transparent !important;
}
/*.bq-product-view .add-to-cart .cartbtn span {
display: block;
height: 32px;
margin: 0 auto;
}*/
.relatedbtn.cartbtn,
.related-upsell-container .mega-pallet-item .relatedbtn.cartbtn {
width: 36px;
height: 22px;
line-height: 22px;
padding: 0;
font-size: 13px !important;
background: url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/add-mega-pallet-sprite.gif) no-repeat top center #7fba23 !important;
}
.relatedbtn.cartbtn:hover,
.category-products .mega-pallet-deals .cartbtn:hover,
.related-upsell-container .mega-pallet-item .relatedbtn.cartbtn:hover { background-color: #8bd742 !important; }
.relatedbtn.cartbtn.loader,
.relatedbtn.cartbtn.loader:hover,
.category-products .relatedbtn.cartbtn.loader:hover,
.related-upsell-container .mega-pallet-item .relatedbtn.cartbtn.loader,
.related-upsell-container .mega-pallet-item .relatedbtn.cartbtn.loader:hover {
font-size: 0;
text-indent: -9999px;
background-position: center -22px !important;
background-color: #7fba23 !important;
}
.related-upsell-container .relatedbtn.cartbtn {
float: right;
width: 40px;
height: 29px;
padding: 2px 4px 0;
line-height: 29px;
font-size: 14px;
background: url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/add-related-upsell-sprite.gif) no-repeat top center #7fba23 !important;
}
.related-upsell-container .relatedbtn.cartbtn:hover { background-color: #8bd742 !important; }
.related-upsell-container .relatedbtn.cartbtn.loader,
.related-upsell-container .relatedbtn.cartbtn.loader:hover {
background-position: center -31px !important;
background-color: #7fba23 !important;
}
@media only screen and (max-width: 999px) {
.related-upsell-container .quick-view {
display: none;
}
.related-upsell-container .relatedbtn.cartbtn {
float: none;
width: 100px;
margin: 0 auto;
}
}
.checkoutbtn{ background-image: url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/checkout-sprite.png); height: 37px; width: 82px; display: block; text-indent: -9999px; overflow: hidden; border: none; float: right;}
.checkoutbtn:hover{ background-position: 0 -37px; }
.specialoffers{ font-size: 2em; margin: 0px; padding: 12px 10px 10px 8px; }
.special-offers-head { clear: both; background: #fd771e; padding: 5px 10px 1px 10px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
@media only screen and (max-width: 759px) {
.special-offers-head {}
}
@media only screen and (max-width: 619px) {
.special-offers-head {
padding-left: 5px;
padding-right: 5px;
}
}
.special-offers-head h2,.special-offers-head a {
color: #fff;
}
.special-offers-head h2 {
margin-top: 2px;
margin-bottom: 4px;
}
@media only screen and (max-width: 619px) {
.special-offers-head h2 {
font-size: 14px;
line-height: 17px;
height: 17px;
overflow: hidden;
}
}
/* Easy Slider */
#slider{ width:580px; height:248px; overflow:hidden!important; margin-left: 8px; }
#slider ul, #slider li { margin:0; padding:0; list-style:none; }
#slider li{ width:580px; height:248px; overflow:hidden; }
#prevBtn, #nextBtn { display:block; width:30px; height:77px; position:absolute; left:-30px; top:71px; z-index:1000; }
#nextBtn{ left:592px; }
#prevBtn a, #nextBtn a{ display:block; position:relative; width:30px; height:77px; background:url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/btn_prev.gif) no-repeat 0 0; }
#nextBtn a{ background:url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/btn_next.gif) no-repeat 0 0; }
/* numeric controls */
ol#controls { margin:1em 0; padding:0; height:28px; }
ol#controls li { margin:0 10px 0 0; padding:0; float:left; list-style:none; height:28px; line-height:28px; }
ol#controls li a { float:left; height:28px; line-height:28px; border:1px solid #ccc; background:#DAF3F8; color:#555; padding:0 10px; text-decoration:none; }
ol#controls li.current a { background:#5DC9E1; color:#fff; }
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus { outline:none; }
/* // Easy Slider */
#footer-info{ clear:both; background-color: #f5f5f7; margin-bottom: 10px; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
@media only screen and (max-width: 799px) {
#footer-info {
margin-bottom: 0;
}
}
#footer-info .column{ width: 150px; float: left; padding: 20px; }
#footer-info .newletter-column{ width: 178px; padding-right: 0; }
#footer-info .column ul{ margin-bottom: 8px; }
#footer-info .column a img{ vertical-align: text-top; }
@media only screen and (max-width: 759px) {
#footer-info .column {
width: 100%;
padding: 6px 0;
border-top: 1px solid Gray;
}
#footer-info .column > strong,
#footer-info .column > ul {
padding: 0 5%;
margin: 0;
font-size: 13px;
}
#footer-info .column > strong {
display: block;
width: 90%;
height: 30px;
line-height: 30px;
cursor: pointer;
background: url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/arrow-up-black.svg) no-repeat 97% center;
background-size: 21px 12px;
}
#footer-info .column > strong.closed {
background: url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/arrow-down-black.svg) no-repeat 97% center;
background-size: 21px 12px;
}
#footer-info .column ul li,
#footer-info .column ul a {
display: block;
height: 30px;
line-height: 30px;
}
#footer-info .column.user-account ul li,
#footer-info .column.user-account ul a {
height: auto;
line-height: normal;
text-align: center;
}
#footer-info .column.user-account ul a {
display: inline-block;
margin: 6px;
width: 100px;
max-width: 100%
}
#footer-info .column .newletterbg {
width: 100%;
text-align: center;
}
#footer-info .column .newletterbg form {
display: inline-block;
}
.footer-payment {
height: auto;
border-top: 1px solid Gray;
}
.footer-payment-left,
.footer-payment-right {
width: 100%;
text-align: center;
background-color: White;
}
.footer-payment-left img {
max-width: 19%;
height: auto;
}
.footer-payment-right img {
width: 100%;
max-width: 352px;
height: auto;
padding-left: 0;
padding-right: 0;
margin-bottom: 10px;
}
}
#footer-info .user-account { display: none; }
@media only screen and (max-width: 619px) {
#footer-info .user-account {
display: block;
}
}
.clear{ clear: both; }
.listing-item .special-price .price-label { height: 2px!important; }
.listing-item .old-price {
display: inline-block;
margin-top: -22px;
}
.listing-item .add-to-cart-box input.qty { height: 33px; }
.minimal-price-link{ display: none!important; }
.leftmenu-image{
margin-right: 5px;
vertical-align:middle;
height: 35px;
width: 35px;
}
.leftmenu-items {
line-height: 40px;
}
#cart-sidebar-slider
{
position:absolute;
/*width:230px;
-moz-border-radius: 10px;
padding:15px;
border: 1px solid #666666;
*/
margin-left: /*-177*/-78px !important;
border:1px solid #E1E1E1;
border-top: 0px;
width: 181px;
background-color:white;
color: #444;
-webkit-box-shadow: 3px 3px 2px rgba(0,0,0,0.5);
-moz-box-shadow: 3px 3px 2px rgba(0,0,0,0.5);
-o-box-shadow: 3px 3px 2px rgba(0,0,0,0.5);
box-shadow: 3px 3px 2px rgba(0,0,0,0.5);
z-index:999;
}
@media only screen and (max-width: 759px) {
#cart-sidebar-slider {
margin-left: -168px !important;
}
}
@media only screen and (max-width: 400px) {
#cart-sidebar-slider {
position: absolute;
left: 0;
width: 100% !important;
box-sizing: border-box;
margin-left: -0 !important;
}
}
#cart-sidebar-link
{
text-decoration: underline;
font-size:100%;
margin-right:10px;
background: url("https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/checkout/open-arrow.png") no-repeat scroll right 5px transparent;
padding-right:8px;
}
#cart-sidebar-slider #cart-sidebar-slider-header
{
background-color:#444444;
-moz-border-radius: 10px;
}
#cart-sidebar-slider .truncated-click { width: 75px; }
.paypal3col {
width: 33%;
float: left;
}
.continueshopping {
border: 1px solid #CCCCCC;
border-radius: 5px 5px 5px 5px;
padding: 7px 9px;
line-height: 40px;
text-decoration: none;
}
a.continueshopping :hover{
text-decoration: none;
}
.light-button,
button,
.popup-agreement-close a {
border: 1px solid #CCCCCC;
border-radius: 5px 5px 5px 5px;
padding: 7px 9px;
background-color: #fff;
cursor: pointer;
}
.light-button:hover,
button:hover,
.popup-agreement-close a:hover {
border: 1px solid #CCCCCC;
border-radius: 5px 5px 5px 5px;
padding: 7px 9px;
background-color: #eee;
cursor: pointer;
}
.light-button,
.strong-button,
.strong-button:hover,
.slick-prev, .slick-next,
.slick-prev:hover, .slick-next:hover,
#checkoutSteps #giftvoucher_add,
.aitcheckout-checkout-index .form-button-alt,
#checkoutSteps #giftvoucher_add:hover,
.aitcheckout-checkout-index .form-button-alt:hover {
border-radius: 5px 5px 5px 5px;
cursor: pointer;
text-decoration: none !important;
white-space: nowrap;
}
.light-button:hover,
.strong-button:hover {
}
.strong-button,
.strong-button:hover,
.slick-prev, .slick-next,
.slick-prev:hover, .slick-next:hover,
#checkoutSteps #giftvoucher_add,
.aitcheckout-checkout-index .form-button-alt,
#checkoutSteps #giftvoucher_add:hover,
.aitcheckout-checkout-index .form-button-alt:hover {
background-color: #6faa10;
color: White;
border-style: none;
padding: 7px 9px;
font-weight: bold;
text-transform: uppercase;
}
.strong-button:hover,
.slick-prev:hover, .slick-next:hover,
#checkoutSteps #giftvoucher_add:hover,
.aitcheckout-checkout-index .form-button-alt:hover {
background-color: #6fb810;
}
#checkoutSteps #giftvoucher_add,
.aitcheckout-checkout-index .form-button-alt,
#checkoutSteps #giftvoucher_add:hover,
.aitcheckout-checkout-index .form-button-alt:hover {
font-weight: normal;
text-transform: none;
}
.checkout-types .strong-button {
display: block;
padding: 14px 0;
min-width: 354px;
font-size: 16px;
text-align: center;
background-image: url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/arrow-right-white.svg);
background-repeat: no-repeat;
background-position: 95% center;
background-size: 10px 17px;
}
.checkout-types .strong-button.loader {
background-color: #85ba02 !important;
background-image: url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/button-sprite-48.gif) !important;
background-position: bottom center !important;
background-size: auto !important;
text-indent: -9999px;
}
.checkout-types .paypal-button {
background-image: url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/arrow-right-black.svg);
height: 46px;
padding: 13px 3px 10px;
background-color: #ffc439;
color: Black;
text-transform: none;
}
.checkout-types .paypal-button.loader:hover,
.checkout-types .paypal-button.loader {
background-color: #ffcf49 !important;
background-image: url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/button-sprite-48.gif) !important;
background-position: 50% 75% !important;
}
.checkout-types .paypal-button:hover {
background-color: #ffcf49;
}
.checkout-types .paypal-button img {
vertical-align: middle;
margin-top: -2px;
margin-left: 10px;
}
.light-button {
padding: 6px 8px;
color: Gray;
}
.light-button:hover {
}
.basketdel-img{
height: 18px;
vertical-align: middle;
width: 13px;
}
.trustepanel {
border-radius: 5px;
border: 1px solid #ddd;
padding: 5px;
width: 98%;
}
.cluboct {
background: #ddd;
}
.header-content {
position: absolute;
top: 71px;
width: 100%; max-width: 1011px;
max-height: 166px;
border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;
background-color: White;
}
@media only screen and (min-width: 1000px) {
.website-wannapack .header-content {
max-height: 202px;
}
}
@media only screen and (max-width: 619px) {
.header-content {
top: 50px;
transition: top .2s;
border-top-right-radius: 0; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0;
}
.mobile-search-active .header-content {
top: 104px;
}
}
body.paypal-express-review .header-content,
body.aitcheckout-checkout-index .header-content,
body.checkout-onepage-success .header-content {
width: 971px;
}
@media only screen and (max-width: 999px) {
body.paypal-express-review .header-content,
body.aitcheckout-checkout-index .header-content,
body.checkout-onepage-success .header-content {
width: 100%;
}
}
.header .column.col-center {
float: left;
width: 380px;
min-height: 111px;
padding-left: 270px;
padding-top: 14px;
}
@media only screen and (max-width: 850px) {
.header .column.col-center {
padding-left: 250px;
}
}
@media only screen and (max-width: 619px) {
.header .column.col-center {
padding-left: 10px;
width: auto;
min-height: 0;
}
.header .column.col-center .welcome {
display: block;
min-height: 8px;
}
.header .column.col-center .welcome {
display: none;
}
}
.header #search_mini_form, .header #search_mini_form fieldset {
width: 373px
}
.header .slogan {
float: left;
line-height: 1em;
}
.header .slogan, .header .slogan strong {
font: normal 21px 'VAG Rounded Bold', 'arial rounded bold', 'VAG Rounded', 'arial rounded', 'arial rounded mt bold', 'Arial Rounded MT', arial, helvetica, sans-serif;
}
.header .free-next-day-delivery .slogan, .header .free-next-day-delivery .slogan strong {
font-size: 23px;
line-height: 30px;
}
.header .slogan strong {
color: #f56b00;
}
@media only screen and (max-width: 619px) {
.header .order-online-or-call {
display: none;
}
}
.header .order-online-or-call .slogan {
letter-spacing: 0.66px;
}
.header .order-online-or-call .slogan strong {
white-space: nowrap;
}
.header .free-next-day-delivery {
float: right;
height: 125px;
margin-right: 10px;
}
@media only screen and (max-width: 850px) {
.header .free-next-day-delivery {
margin-right: 5px;
}
}
@media only screen and (max-width: 759px) {
.header .free-next-day-delivery {
display: none;
}
}
.header .free-next-day-delivery img {
display: inline-block;
float: left;
}
.header .free-next-day-delivery .slogan {
height: 101px;
padding-left: 160px;
margin-top: 10px;
background:url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/packing-boxes-delivery-small.png) no-repeat left top;
background:url("https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/packing-boxes-delivery.png") no-repeat scroll left top / contain rgba(0, 0, 0, 0);
text-align: right;
}
.website-wannapack .header .free-next-day-delivery .slogan {
height: 101px;
padding-left: 160px;
margin-top: 10px;
background:url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/wanna-delivery-van-small.png) no-repeat left top;
background:url("https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/wanna-delivery-van.png") no-repeat scroll left top / contain rgba(0, 0, 0, 0);
text-align: right;
}
@media only screen and (max-width: 999px) {
.website-wannapack .header .free-next-day-delivery .slogan,
.header .free-next-day-delivery .slogan {
padding-left: 0;
background-image: none;
}
}
@media only screen and (max-width: 799px) {
.header .free-next-day-delivery .slogan, .header .free-next-day-delivery .slogan strong {
font-size: 20px;
line-height: 22px !important;
}
.website-wannapack .header .free-next-day-delivery .slogan,
.header .free-next-day-delivery .slogan {
padding-top: 18px;
max-width: 120px;
}
}
.top-buttons {
float: right;
width: 480px;
height: 50px;
background-color: #363636;
-moz-border-radius: 0px 0px 5px 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px;border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;
}
body.paypal-express-review .top-buttons,
body.checkout-onepage-success .top-buttons,
body.aitcheckout-checkout-index .top-buttons {
display: none;
}
@media only screen and (max-width: 799px) {
.top-buttons {
width: 440px;
}
}
@media only screen and (max-width: 759px) {
.top-buttons {
width: 346px;
}
}
@media only screen and (max-width: 619px) {
.top-buttons {
position: absolute;
left: 0;
top: 0;
z-index: 666;
width: 100% !important;
-moz-border-radius: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0;
}
body.paypal-express-review .top-buttons,
body.checkout-onepage-success .top-buttons,
body.onestepcheckout-index-index .top-buttons,
body.aitcheckout-checkout-index .top-buttons {
display: block;
}
}
.top-buttons,
.top-buttons a {
color: White;
text-decoration: none !important;
}
#cart-sidebar-slider a,
#account-sidebar-slider a {
color: #444;
}
#cart-sidebar-slider a:hover,
#account-sidebar-slider a:hover {
color:#ff6600;
}
.header .track-order,
.header .user-account,
.header .show-btn {
float: right;
height: 32px;
margin: 3px 20px 0 0;
padding: 8px 0 7px 38px;
line-height: 15px;
text-transform: uppercase;
font-weight: bold;
cursor: pointer;
}
@media only screen and (max-width: 619px) {
.header .track-order,
.header .user-account,
.header .show-btn {
}
}
.header .show-btn {
display: none;
float: left;
width: 32px;
padding-left: 0;
margin-left: 20px;
margin-right: 0;
transition: margin-left .2s;
}
@media only screen and (max-width: 759px) {
.header .show-menu {
display: block;
margin-left: 10px;
background: url("https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/sub-menu-icon.png") no-repeat left center transparent;
background: url("https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/sub-menu-icon.svg") no-repeat left center transparent;
background-size: 33px 29px;
transition: background-image .2s;
}
.header.mobile-menu-active .show-menu {
background: url("https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/sub-menu-icon-active.png") no-repeat left center transparent;
background: url("https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/sub-menu-icon-active.svg") no-repeat left center transparent;
background-size: 33px 29px;
}
#main-nav {
display: none;
transition: top .2s;
}
.mobile-menu-active #main-nav {
display: block;
position: absolute;
top: 2px;
z-index: 777;
box-sizing: border-box;
width: 100%;
height: 32px;
padding: 0 10px;
}
.mobile-menu-active .top-menu {
position: relative;
}
}
@media only screen and (max-width: 619px) {
.header .show-menu {
margin-left: 90px;
}
.header .show-search {
display: block;
background: url("https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/btn-show-search.png") no-repeat left center transparent;
background-size: 33px 29px;
transition: background-image .2s;
}
.header.mobile-search-active .show-search {
background: url("https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/btn-show-search-active.png") no-repeat left center transparent;
background-size: 33px 29px;
}
.header .user-account {
display: none;
}
}
@media only screen and (max-width: 245px) {
.header .show-search {
display: none;
}
}
.chat-phone-btn,
.chat-phone-btn strong,
.chat-btn,
.chat-btn strong,
.phone-btn,
.phone-btn strong {
display: none;
float: right;
margin-right: 20px;
cursor: pointer;
}
.chat-phone-btn a,
.chat-btn a,
.phone-btn a {
display: inline-block;
padding: 3px 0 15px;
width: 39px;
height: 32px;
background: url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/btn-phone.svg) no-repeat center center;
background-size: 36px 26px;
}
.chat-phone-btn,
.chat-btn {
width: 29px;
height: 29px;
font-size: 29px;
line-height: 29px;
content: '';
}
.chat-phone-btn a,
.chat-btn a {
background: url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/btn-speech-bubble.svg) no-repeat center center;
background-size: 29px 29px;
}
.header.mobile-chat-phone-active .chat-phone-btn a {
background: url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/btn-speech-bubble-active.svg) no-repeat center center;
background-size: 28px 29px;
}
@media only screen and (max-width: 619px) {
/*.chat-btn,*/
.phone-btn {
display: block;
}
}
@media only screen and (max-width: 462px) {
.chat-btn/*,
.phone-btn*/ {
display: none;
}
/*.chat-phone-btn {
display: block;
}*/
}
@media only screen and (max-width: 311px) {
.chat-phone-btn,
.phone-btn {
display: none;
}
}
.header .track-order {
width:50px;
background: url("https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/track-order-icon.png") no-repeat left center transparent;
}
@media only screen and (max-width: 799px) {
.header .track-order {
width: 0;
}
.header .track-order a {
display: none;
}
}
@media only screen and (max-width: 759px) {
.header .track-order {
display: none;
}
}
.header .user-account {
width:64px;
background: url("https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/account-icon.png") no-repeat left center transparent;
}
@media only screen and (max-width: 419px) {
.header .user-account {
display: none;
}
}
.header .user-account a#yourAcHref {
text-decoration: none !important;
}
.header .checkoutbtn-container {
float: right;
padding: 6px;
}
@media only screen and (max-width: 759px) {
.header .checkoutbtn-container {
display: none;
}
}
.header #mini_cart_div_id {
float: right;
width:133px;
height:28px;
/*margin: 50px 6px 0 0;*/
margin-right: 10px;
margin-top: 10px;
padding-top: 1px;
line-height: 1.3em;
background: url("https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/wide-basket-icon.png") no-repeat 10px center transparent;
background: url("https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/wide-basket-icon.svg") no-repeat 10px center transparent;
background-size: 38px 29px !important;
}
@media only screen and (max-width: 619px) {
.header #mini_cart_div_id {
}
}
#account-sidebar-slider {
position: relative !important;
left: -40px !important;
top: 5px !important;
width: 100px !important;
margin-top: 0 !important;
border: 1px solid #d1e8b0 !important;
-webkit-box-shadow: 3px 3px 2px rgba(0,0,0,0.5);
-moz-box-shadow: 3px 3px 2px rgba(0,0,0,0.5);
-o-box-shadow: 3px 3px 2px rgba(0,0,0,0.5);
box-shadow: 3px 3px 2px rgba(0,0,0,0.5);
}
.sliderEl {
cursor: pointer;
height: 30px;
line-height: 30px;
padding: 4px 0 4px 14px;
}
/* hide mini cart on checkout */
.paypal-express-review .header .checkoutbtn-container,
/*.onestepcheckout-index-index .header .checkoutbtn-container,*/
.checkout-onepage-success .header .checkoutbtn-container,
.aitcheckout-checkout-index .header .checkoutbtn-container,
.paypal-express-review .header #mini_cart_div_id,
.checkout-onepage-success .header #mini_cart_div_id,
.onestepcheckout-index-index .header #mini_cart_div_id
.aitcheckout-checkout-index .header #mini_cart_div_id
{
display:none;
}
.onestepcheckout-index-index .top-buttons {
width: 244px;
}
@media only screen and (max-width: 759px) {
.onestepcheckout-index-index .top-buttons {
width: 150px;
}
}
.onestepcheckout-index-index .header .show-menu,
.aitcheckout-checkout-index .header .show-menu {
display:none;
}
.header #cartvatsw { margin-top: 14px; text-align: right; float: right; }
.header div#cartvatsw .links { padding-right: 8px !important; background-color: transparent !important; }
td .qty-box {
white-space: nowrap;
}
td .qty-box input {
margin-top: -9px;
}
#super-product-table td .qty-box input {
margin-top: -14px;
}
a#agreement-anchor-business-credit-account,
a.cvvss-what-is-this, a.cvv-what-is-this, a#agreement-anchor-2 { color: #1155CC; }
.paypal-express-review .opc .control, .paypal-express-review .opc #register-customer-password { /*display:none !important;*/ margin-bottom:20px; }
.paypal-express-review .opc #register-customer-password { margin-bottom:40px; }
.mini-related-items .price {font-size:15px !important;}
/* product zoom */
.magnifyarea {
z-index: 999;
border-color: #ddd !important;
}
#mixed-delivery-msg .delivery-icon { vertical-align: bottom; }
.affiliateplus-banner-list h1 { margin: 0 0 20px; }
div.affiliate-get-link h2,
.affiliateplus-banner-list .page-title h2,
div.affiliates-help-desk h2,
body.cms-affiliates-help-desk h2,
body.cms-help h2 { background-color: DarkGray; color: White !important; padding: 5px; }
body.cms-help h2 {
cursor: pointer;
background: #ddd url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/arrow-up-black.svg) no-repeat 97.8% center !important;
background-size: 21px 12px !important;
color: #444 !important;
}
body.cms-help h2.closed {
background: #ddd url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/arrow-down-black.svg) no-repeat 97.8% center !important;
background-size: 21px 12px !important;
}
div.affiliates-help-desk { margin-top: 30px; padding-top: 30px; border-top:1px solid #e4e4e4; }
.checkout-onepage-success .social-buttons h3 { margin-bottom:15px; }
.checkout-onepage-success #___plus_0, .checkout-onepage-success #___plus_0 iframe { height:186px !important; }
.cms-credit-account .terms .input-box {
padding-left: 8px;
}
.cms-credit-account #contactForm #mail-submit.disabled {
cursor: default;
opacity: .5;
}
.cms-credit-account #contactForm li { margin-bottom:0; }
.cms-credit-account #contactForm li .input-box { width:248px; }
.cms-credit-account #contactForm li .input-box .input-text,
.cms-credit-account #contactForm li .input-box select { width:229px; }
.cms-credit-account #contactForm li #findAddrBtnDiv button { float:right; margin:5px 11px 0; }
.cms-credit-account #contactForm li #crafty_postcode_result_display { display:block !important; margin-top:-23px; }
.cms-credit-account #contactForm li #crafty_postcode_result_display select { width: 483px !important; }
#col-left .wp-sidebar + .wp-sidebar { display:none }
/* ======================================================================================= */
.bq-product-view #productnamediv,
.bq-product-view #productnamediv h1 {
box-sizing: border-box;
width: 100% !important;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
color: White !important;
background-color: #4bb645 !important;
margin-bottom: 0 !important;
}
.bq-product-view #productnamediv {
padding: 4px 9px 4px 9px !important;
}
.bq-product-view .product-shop .product-name,
.bq-product-view .product-shop .price-box,
.bq-product-view .product-shop .regular-price,
.bq-product-view .product-shop .short-description { display:none; }
.bq-product-view .product-shop .short-description { margin:0; }
.bq-product-view .product-essential h2 { font:normal 40px/1.25 Impact, Arial, Helvetica, sans-serif; color:#4BB645; margin-bottom:0; }
.bq-product-view .product-options { clear:left; box-sizing: border-box; width: 100%; max-width: 770px !important; max-width: initial !important; margin: 0; padding: 6px 15px 10px; background-color:#f4f9ea; border:1px solid #ddd; border-bottom-style: none; }
.bq-product-view .product-options p.required,
.bq-product-view .product-options dt label.required em { display:none; }
.bq-product-view .product-options dd.box-design-options,
.bq-product-view .product-options dd.board-type-options,
.bq-product-view .product-options dd.delivery-options { padding-left: 3px; padding-right: 0; }
.bq-product-view .product-options .box-design-options li,
.bq-product-view .product-options .board-style-options li,
.bq-product-view .product-options .board-type-options li,
.bq-product-view .product-options .delivery-options li { display:inline-block; padding-top:125px; padding-left:20px; margin-right:100px; background-color:White; -webkit-borderradius: 5px; -moz-border-radius: 5px; -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.5); -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.5); -o-box-shadow: 1px 1px 4px rgba(0,0,0,0.5); box-shadow: 1px 1px 4px rgba(0,0,0,0.5); border-radius: 5px; vertical-align:middle; cursor:pointer; }
.bq-product-view .product-options .board-style-options li { height:0px; width:102px; padding-top:125px; padding-left:20px; margin-right:100px; margin-bottom: 20px; }
.bq-product-view .product-options .delivery-options li { text-transform: uppercase; font-weight: bold; }
.bq-product-view .product-options .delivery-options li.disabled { opacity: .666; cursor: auto; }
/*.bq-product-view .product-options .box-design-options li { padding-left:50px; margin-right:60px; }
.bq-product-view .product-options .box-design-options li.option-0201 { background:url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/design-0201.png) left no-repeat; }
.bq-product-view .product-options .box-design-options li.option-0203 { background:url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/design-0203.png) left no-repeat; }
.bq-product-view .product-options .board-style-options li.option-single-walled { background:url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/style-single.jpg) left no-repeat; }
.bq-product-view .product-options .board-style-options li.option-double-walled { background:url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/style-double.jpg) left no-repeat; }*/
.bq-product-view .product-options .box-design-options li,
.bq-product-view .product-options .board-type-options li,
.bq-product-view .product-options .delivery-options li { height:254px; width:168px; padding:4px 3px; margin-right:0; margin-left:6px; margin-bottom: 6px; text-align:center; }
.bq-product-view .product-options .delivery-options li { height: 115px; }
.bq-product-view .product-options .box-design-options li { }
.bq-product-view .product-options .box-design-options li h5,
.bq-product-view .product-options .board-style-options li h5,
.bq-product-view .product-options .board-type-options li h5 { font-size:larger; }
.bq-product-view .product-options .delivery-options li h5 { margin-bottom: 0; background-color: #f38c11; color: White; border: 1px solid #e1e1e1; border-bottom-style: none; border-top-right-radius: 5px; border-top-left-radius: 5px; }
.bq-product-view .product-options .box-design-options li .option-icon,
.bq-product-view .product-options .board-type-options li .option-icon { background:url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/style-double.jpg) center center no-repeat; height:118px; margin:10px 0 6px; }
.bq-product-view .product-options .board-type-options li.option-val-single-walled .option-icon { background-image:url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/style-single.jpg); }
.bq-product-view .product-options .delivery-options li strong { display: block; height: 60px; line-height: 60px; font-size: 60px; font-weight: normal; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; background-color: White; }
.bq-product-view .product-options .box-design-options li .option-description { min-height:56px; }
.bq-product-view .product-options .delivery-options li .option-description { background-color: White; border: 1px solid #e1e1e1; border-top-style: none; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.bq-product-view .product-options .box-design-options input.radio,
.bq-product-view .product-options .board-type-options input.radio,
.bq-product-view .product-options .delivery-options input.radio { float:none; }
.bq-product-view .product-options .box-design-options li.active,
.bq-product-view .product-options .board-type-options li.active,
.bq-product-view .product-options .delivery-options li.active { background-color:#caffc7; }
.bq-product-view .product-options .delivery-options li.active { background-color: #6faa10; }
.bq-product-view .product-options .box-design-options li.over,
.bq-product-view .product-options .board-type-options li.over,
.bq-product-view .product-options .delivery-options li.over { color:#ff6600; }
.bq-product-view .product-options .length-options,
.bq-product-view .product-options .width-options,
.bq-product-view .product-options .height-options,
.bq-product-view .product-options .measurement-options {
display:inline-block;
width: auto;
height: 38px;
line-height: 38px;
min-height: 38px;
clear:none; margin:-60px 0 0; vertical-align: top; border-bottom-style: none; padding: 5px 5px 15px; }
.bq-product-view .product-options dd.length-options,
.bq-product-view .product-options dd.width-options,
.bq-product-view .product-options dd.height-options,
.bq-product-view .product-options dd.measurement-options { max-width: 90px; margin-right: 10px; }
.bq-product-view .product-options dd input.input-text { width: 50px; text-align: center; }
.bq-product-view .product-options dd input.qty { width: 50px !important; margin-top: 0 !important; margin-left: 8px; }
.bq-product-view .product-options dd.length-options .validation-advice,
.bq-product-view .product-options dd.width-options .validation-advice,
.bq-product-view .product-options dd.height-options .validation-advice { max-width:48px; }
.bq-product-view .product-options dt.delivery-options,
.bq-product-view .product-options dt.glued-or-stitched-options { clear:both; border-top: 1px solid #ddd }
.bq-product-view .product-options .glued-or-stitched-options li,
.bq-product-view .product-options .delivery-options li,
.bq-product-view .product-options .tolerance-options li { display:inline-block; width: 100px; margin-right:40px; vertical-align:middle; }
.bq-product-view .product-options dd.reference-options { border-bottom-style:none; }
.bq-product-view .product-options dt.reference-options { padding-top: 0; }
.bq-product-view .product-options dd.reference-options input.input-text { width: 98%; }
.bq-product-view .product-options dt.comment-options { clear:both; border-top:1px solid #ddd; }
.bq-product-view .product-options dd.tolerance-options,
.bq-product-view .product-options dt.tolerance-options { display:none; }
.bq-product-view .product-options dd.board-type-options .price-notice { display:none; }
.bq-product-view .product-options dt.box-design-options label,
.bq-product-view .product-options dt.board-style-options label,
.bq-product-view .product-options dt.board-type-options label,
.bq-product-view .product-options dt.dimension-options label,
.bq-product-view .product-options dt.glued-or-stitched-options label,
.bq-product-view .product-options dt.delivery-options label,
.bq-product-view .product-options dt.qty-options label,
.bq-product-view .product-options dt.tolerance-options label,
.bq-product-view .product-options dt.info-options label { display:block; width:320px; height:44px; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; margin-bottom:10px; }
.bq-product-view .product-options dt.box-design-options label { background:url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/estimator-box-design.png) 0 0 no-repeat; }
.bq-product-view .product-options dt.board-style-options label { background:url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/estimator-board-style.png) 0 0 no-repeat; }
.bq-product-view .product-options dt.board-type-options label { background:url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/estimator-board-type.png) 0 0 no-repeat; }
.bq-product-view .product-options dt.dimension-options label { background:url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/estimator-dimension.png) 0 0 no-repeat; }
.bq-product-view .product-options dt.glued-or-stitched-options label { background:url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/estimator-glued-or-stitched.png) 0 0 no-repeat; }
.bq-product-view .product-options dt.delivery-options label { background:url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/estimator-delivery.png) 0 0 no-repeat; }
.bq-product-view .product-options dt.qty-options label { background:url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/estimator-quantity.png) 0 0 no-repeat; }
.bq-product-view .product-options dt.tolerance-options label { background:url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/estimator-tolerance.png) 0 0 no-repeat; }
.bq-product-view .product-options dt.info-options label { background:url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/estimator-info.png) 0 0 no-repeat; }
.bq-product-view .product-options #bq-qty-options { min-height:40px; margin-right: 0; width: 100%; }
.bq-product-view .product-options-bottom .product-pricing { display: none; }
.bq-product-view #total-sqm { margin-left:20px; margin-top:8px; font-size:12px; }
.bq-product-view #bq-qty-box,
.bq-product-view #total-sqm { float: right; display:inline-block; font-size:12px; }
.bq-product-view #total-sqm { display: none; }
.bq-product-view #tier-sqm-qty { }
.bq-product-view #mobile-tier-sqm-qty #qtychangesMulti,
.bq-product-view #tier-sqm-qty #qtychangesMulti { margin-left: 5px; }
.bq-product-view #mobile-tier-sqm-qty .tearqtytable,
.bq-product-view #tier-sqm-qty .tearqtytable { border-collapse: separate; max-width: 580px/*510px*/; }
.bq-product-view #mobile-tier-sqm-qty { display: none; }
.bq-product-view #mobile-tier-sqm-qty .tearqtytable td,
.bq-product-view #tier-sqm-qty td.odd { cursor: pointer; }
.bq-product-view .product-options dt.dimension-options .dimension-image { width:122px; height:118px; float:right; background:none center center no-repeat; }
.bq-product-view .product-options dt.dimension-options label { width:500px; float:left; }
.bq-product-view .product-options dd input.input-text,
.bq-product-view .product-options dd select,
.bq-product-view .product-options dd textarea {
background-color: White;
font-size: 16px
}
.bq-product-view .product-options dd input.input-text,
.bq-product-view .product-options dd select {
height: 2em;
}
.bq-product-view .product-options dd textarea {
height: 3em
}
.bq-product-view #product-options-wrapper dt label { font-size:12px; color: #555; margin-right: 0; float: left; }
.bq-product-view .product-options-bottom { /* background-color:#f6f6f6; */ padding:15px 20px; margin-top:0; border:1px solid #e4e4e4; border-top:0; }
.bq-product-view .product-options-bottom .price-box .regular-price { margin-right:5px; }
.bq-product-view .product-options-bottom .price-box { margin-bottom:10px; }
.bq-product-view .product-options-bottom .regular-price .price { font-size:32px; }
.bq-product-view .product-options-bottom .mass-price { display:none; /*display:block; font-size:12px;*/ }
.bq-product-view .product-options-bottom .reference-box { float:left; width:43%; }
.bq-product-view .product-options-bottom .comment-box { display: none; }
.bq-product-view .product-options-bottom .add-to-links { clear:none; margin:0; padding:0; }
.bq-product-view .product-options-bottom .add-to-links button.button,
.bq-product-view .product-options-bottom .add-to-cart button.button { /*margin-top:18px;*/ }
.bq-product-view .product-options-bottom .add-to-cart button.button { box-sizing: content-box; padding-top: 0; padding-bottom: 0; border-radius: 0 !important;/*margin-left:11px;*/ }
.bq-product-view .product-options-bottom .add-to-cart button.button.disabled { opacity: .666; cursor: auto; }
.bq-product-view .product-options-bottom .add-to-links button.button { margin-right:11px; }
.bq-product-view .product-options-bottom .add-to-links button.button span span,
.bq-product-view .product-options-bottom .add-to-cart button.button span span { width:120px; }
.bq-product-view .product-options-bottom button.button:hover span { color:White; }
.bq-product-view .product-options-bottom .add-to-links #add-to-wishlist-form { background-color:#f4f9ea; padding: 10px; width: 350px; height: 90px; border:1px solid #ddd; }
.bq-product-view .product-options-bottom .add-to-links #add-to-wishlist-form button.button { margin:0; }
.bq-product-view .product-options-bottom .add-to-links #add-to-wishlist-form .input-box { float: left; margin-right: 10px; width: 190px; }
.bq-product-view .product-options-bottom .add-to-links #add-to-wishlist-form textarea { width: 180px; margin-top: 4px; }
.bq-product-view .product-options-bottom .add-to-links #add-to-wishlist-form .validation-advice { text-align: left; }
.bq-product-view .add-to-cart-box { width: 255px; }
.catalog-product-view .bq-product-view .add-to-cart-box input.qty {
width: 96px !important;
}
.bq-product-view .add-to-cart-box .validation-advice { margin-top: 53px; }
.bq-product-view .product-info-box { width:100%; padding-top: 10px; display: none; }
.bq-product-view #share-box.share { float: right; margin-left: 10px; }
@media only screen and (max-width: 960px) {
.bq-product-view .product-options dt.dimension-options label {
width: 220px;
}
.bq-product-view .product-options dt.dimension-options .dimension-image {
margin-top: -5px;
margin-bottom: 60px;
}
}
@media only screen and (max-width: 619px) {
.bq-product-view .product-options .length-options,
.bq-product-view .product-options .width-options,
.bq-product-view .product-options .height-options,
.bq-product-view .product-options .measurement-options {
display: block;
float: left;
margin: 0;
}
.bq-product-view .product-options dt.measurement-options {
clear: left;
}
.bq-product-view .product-options dt.dimension-options {
width: 100%
}
.bq-product-view .product-options dt.dimension-options:after {
clear: none;
}
.bq-product-view .product-options dt.dimension-options label {
float: none;
}
.bq-product-view .product-options dt.length-options {
clear: left;
}
.bq-product-view .product-options .length-options,
.bq-product-view .product-options .width-options,
.bq-product-view .product-options .height-options,
.bq-product-view .product-options .measurement-options {
display: block;
float: left;
margin: 0;
line-height: 38px;
min-height: 38px;
}
.bq-product-view .product-options dt.length-options,
.bq-product-view .product-options dt.width-options,
.bq-product-view .product-options dt.height-options,
.bq-product-view .product-options dt.measurement-options {
clear: left;
width: 90px;
}
}
@media only screen and (max-width: 525px) {
.delivery-options .bq-product-view .product-options ul.options-list {
text-align: center;
}
.bq-product-view .product-options .delivery-options li {
margin-left: 20px !important;
margin-right: 20px;
}
.bq-product-view #tier-sqm-qty {
display: none;
}
.bq-product-view .product-options-bottom {
padding-left: 0;
padding-right: 0;
text-align: center;
}
.bq-product-view .add-to-cart-box {
display: inline-block;
float: none;
width: 100%;
max-width: 255px;
}
.bq-product-view #bq-qty-box {
width: 100%;
text-align: center;
}
.bq-product-view .product-options-bottom .add-to-cart button.button {
/* width: 231px !important;
background-image: url("https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/product-page-add-to-basket-sprite-mobile.gif") !important; */
}
.bq-product-view #mobile-tier-sqm-qty {
display: inline-block;
margin-top: 2em;
}
.bq-product-view #mobile-tier-sqm-qty table {
display: inline-block;
}
}
@media only screen and (max-width: 419px) {
.bq-product-view .product-options {
padding-left: 0;
padding-right: 0;
}
.bq-product-view .product-options dd.box-design-options,
.bq-product-view .product-options dd.board-type-options,
.bq-product-view .product-options dd.delivery-options {
padding-left: 0;
}
.bq-product-view .product-options .box-design-options li,
.bq-product-view .product-options .board-type-options li {
box-sizing: border-box;
/* width: 140px; */
width: 48%;
height: 301px;
margin-left: 2%;
}
.bq-product-view .product-options .board-type-options li {
height: 322px;
}
.bq-product-view .product-options .board-type-options li h5 {
min-height: 41px;
}
.bq-product-view .product-options .box-design-options li strong {
display: inline-block;
min-height: 37px;
}
.bq-product-view .product-options .box-design-options li .option-icon,
.bq-product-view .product-options .board-type-options li .option-icon {
background-size: contain;
}
.bq-product-view .product-options .box-design-options li .option-description {
min-height: 74px;
}
.bq-product-view .product-options dt.box-design-options label,
.bq-product-view .product-options dt.board-style-options label,
.bq-product-view .product-options dt.board-type-options label,
.bq-product-view .product-options dt.dimension-options label,
.bq-product-view .product-options dt.glued-or-stitched-options label,
.bq-product-view .product-options dt.delivery-options label,
.bq-product-view .product-options dt.qty-options label,
.bq-product-view .product-options dt.tolerance-options label,
.bq-product-view .product-options dt.info-options label {
width:100%;
height: 40px;
background-size: cover;
}
.bq-product-view .product-options dt.dimension-options label {
float: none;
}
.bq-product-view .product-options dt.dimension-options .dimension-image {
margin: 0;
}
}
@media only screen and (max-width: 311px) {
.bq-product-view .product-options .delivery-options li {
margin-left: 10px !important;
margin-right: 10px;
}
.bq-product-view .product-options dt.dimension-options .dimension-image {
float: left;
}
}
@media only screen and (max-width: 299px) {
.bq-product-view .product-options .delivery-options li {
margin-left: 1% !important;
margin-right: 0;
}
.bq-product-view .product-options .box-design-options li,
.bq-product-view .product-options .board-type-options li,
.bq-product-view .product-options .delivery-options li {
width: 99%;
margin-left: 1%;
}
.bq-product-view .product-options .box-design-options li,
.bq-product-view .product-options .board-type-options li {
height: 254px;
}
.bq-product-view .product-options .board-type-options li h5 {
min-height: 20px;
}
.bq-product-view .product-options .box-design-options li strong {
min-height: 19px;
}
.bq-product-view .product-options .box-design-options li .option-description {
min-height: 37px;
}
}
.litebox-overlay
{
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
width:100%;
height:100%;
z-index:700;
background-color:#000000;
opacity:.5;
filter:alpha(opacity=50);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
}
.undermenu-banner {
color: #000; margin:8px 5px; font-weight:bold; text-align: center; text-transform: uppercase;
}
@media only screen and (max-width: 999px) {
.undermenu-banner {
display: none;
}
}
.undermenu-banner a {
background-color:#ffcf03;
color: #000000;
padding: 6px 20px 3px 20px;
border-bottom:2px solid #ffc302;
display: block;
}
.undermenu-banner a:hover {
background-color:#ffdc03;
color: #000000;
padding: 6px 20px 3px 20px;
border-bottom:2px solid #ffc302;
text-decoration: none!important;
display: block;
}
.top-links li.mo-to-log-out a:link, .top-links li.mo-to-log-out a:hover, .top-links li.mo-to-log-out a:visited{
display: inline-block;
background: rgb(224, 0, 0);
padding: 10px;
border-radius: 5px;
color: #fff;
font-size: 13px;
font-weight: bold;
margin: 10px;
}
.top-links li.mo-to-log-out a:hover{
text-decoration: none;
background: rgb(239, 0, 0);
}
body.moto-index-index .top-buttons,
body.moto-index-index #footer-info,
body.moto-index-index .footer-cart { display: none; }
body.moto-index-index .header { height: 196px; }
.mo-to-customer-log-out {
width: 100%;
margin: 10px;
}
.mo-to-customer-log-out a {
display: inline-block;
background: #306921;
padding: 13px;
border-radius: 4px;
color: #fff;
font-size: 12px;
font-weight: bold;
margin: 0 10px;
text-align: center;
text-transform: uppercase;
}
/**
* Magento
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE_AFL.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@magentocommerce.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade Magento to newer
* versions in the future. If you wish to customize Magento for your
* needs please refer to http://www.magentocommerce.com for more information.
*
* @copyright Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com)
* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)
*/
.nav-container { position: relative; }
#nav { float:left; margin-top:0px; margin-left:4px; margin-bottom: 5px; /*font-size:13px; background-color: #444444;*/height:40px;width:970px; font-variant:normal; overflow: hidden!important; position:static; }
/************** ALL LEVELS *************/ /* Style consistent throughout all nav levels */
#nav li { position:static; text-transform:uppercase; /*text-align:left;*/ background:url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/spacer.gif) no-repeat right center; }
#nav li.nav-special-offers{ }
#nav li.nav-special-offers a{ color: #ffffff; }
#nav li.nav-special-offers a:hover{ color: #3f6343; text-decoration: underline; }
#nav li.nav-special-offers.active a{ color: #000!important; text-decoration: underline; }
#nav li.over { z-index:999; }
#nav a,
#nav a:hover { display:block; line-height:1.3em; text-decoration:none; }
#nav span { display:block; cursor:pointer; white-space:nowrap;font-family:Trebuchet MS;font-size:12px; }
#nav li ul span {white-space:normal; }
/************ 0 LEVEL ***************/
#nav li { float:left; padding:0 12px; }
#nav li.active a { color:#efe456; }
#nav a { float:left; color:#fff; font-weight:bold; }
#nav li.over a,
#nav a:hover { color:#efe456; }
#nav li.over,
#nav li.active { }
/************ 1ST LEVEL ************/
#nav ul li,
#nav ul li.active,
#nav ul li.over { float:none; border:none; background:none; margin:0; padding:0; padding-bottom:1px; text-transform:none; }
#nav ul li.parent { }
#nav ul li.last { padding-bottom:0; }
#nav ul li.active { margin:0; border:0; background:none; }
#nav ul a,
#nav ul a:hover { float:none; padding:0; background:none; }
#nav ul li a { font-weight:normal !important; }
/************ 2ND LEVEL ************/
#nav ul { position:absolute; width:15em; top:34px; left:-10000px; border:1px solid #8bc674; padding:3px 8px; /*background:#fff;*/ font-size:12px; }
/* Show menu */
#nav li.over > ul { left:-1px; }
/*#nav li.over > ul li.over > ul { left:100px; }*/
#nav li.over ul ul { left:-10000px; }
#nav ul li a { padding:3px 0; color:#444 !important; }
#nav ul li a:hover { padding:3px 0; color:#efe456 !important; }
/************ 3RD+ LEVEL ************/
#nav ul ul { top:5px; }
/* Magesupport side navigation CSS */
#side-nav { padding:0px; padding-top:0px;}
#side-nav li ul li a:link,
#side-nav li ul li a:visited,
#side-nav li ul li ul li a:link,
#side-nav li ul li ul li a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
text-decoration:none;
font-weight: normal;
}
#side-nav li a:link,
#side-nav li a:visited {
color: #444;
font-weight: bold;
}
#side-nav li a:hover,
#side-nav li.active a,
#side-nav li ul li a:hover,
#side-nav li ul li.active a,
#side-nav li ul li ul li a:hover,
#side-nav li ul li ul li.active a {
color:#ff6600;
text-decoration:none;
}
#side-nav li ul li a:link,
#side-nav li ul li a:visited,
#side-nav li ul li ul li a:link,
#side-nav li ul li ul li a:visited {
line-height:16px;
text-decoration:none;
border: 0;
}
#side-nav li a:link, #side-nav li a:visited { line-height:26px; white-space: nowrap; }
#side-nav li ul li a:hover, #side-nav li ul li ul li a:hover {text-decoration:none;}
#side-nav ul.level0 { padding-left:8px; }
#side-nav ul.level0 a{ background:url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/bull.jpg) no-repeat left center; padding-left:9px;}
#side-nav ul.level1 { padding-left:25px;}
#side-nav ul.level2 { list-style-type:circle;}
#side-nav ul.level3 { list-style-type:circle;}
#side-nav li ul {margin:0 0 0 0px;}
#side-nav li ul li.level0 span{
font-weight: bold;
border-bottom: 1px solid #333;
}
a.home{ background-image: url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/home.gif); width: 19px; height: 17px; display: block; text-indent: -9999px; }
a.home:hover{ background-image: url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/home-over2.gif); width: 19px; height: 17px; }
/* Subsection Tabs
--------------------*/
.main .subsection_tabs {
list-style: none;
margin: 0;
padding: 0;
clear: both;
height: 40px;
background: #3c3434;
-moz-border-radius:5px;
border-radius:5px;
-webkit-border-radius:5px;
}
.main .subsection_tabs td,
.main .subsection_tabs li {
float:left;
text-align:center;
border-right: solid 1px #666666;
border-left: solid 1px #222222;
overflow:hidden;
}
.main .subsection_tabs td.right,
.main .subsection_tabs li.right {
float: left;
text-align: center;
border-left: solid 2px white;
border-right: 0;
}
.main .subsection_tabs td.first,
.main .subsection_tabs li.first {
border-left: 0;
}
.main .subsection_tabs td.last,
.main .subsection_tabs li.last {
border-right: 0;
}
.main .subsection_tabs td.tab a,
.main .subsection_tabs li.tab a {
display: block;
height: 32px;
padding: 4px 0px;
/*background-color: white;*/
color: #fff;
font-weight: normal;
text-decoration: none;
margin: 0px;
text-transform: uppercase;
font: 15px/1.2em verdana,sans-serif;
}
.main .subsection_tabs td.tab a:hover,
.main .subsection_tabs li.tab a:hover {
}
.main .subsection_tabs td.tab a,
.main .subsection_tabs li.tab a {
}
.main .subsection_tabs td.tab a.active,
.main .subsection_tabs li.tab a.active {
color:#fff;
/*background: url("https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/css/img/menu_bg.png");
background-position: 50% -36px;*/
}
.main .subsection_tabs td {
float:none !important;
min-width:100px;
}
.main .subsection_tabs table {
margin: 0;
padding: 0;
height: 40px;
background: transparent;
border-collapse:collapse !important;
width: 100%;
}
.main .subsection_tabs li.source_code {
float:right;
}
.main a {
text-decoration: none;
font-weight: bold;
color: #444444;
}
.menuitem{
z-index: 9999;
position: absolute;
left: 0;
}
.menu-content{
width: 960px;
height: 280px;
display: block;
}
#n_home a {
width: 44px;
border: 0;
font-size: 10px;
background: #001722;
border-image: initial;
height: 18px;
display: block;
padding: 9px 0;
position: relative;
}
#n_home .lab {
width: 44px;
background-position: 50% 0;
}
.main .lab {
position: absolute;
top: 0;
left: 0;
height: 36px;
background: url("https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/css/img/en_01.png") no-repeat 50% 0;
z-index: 10;
}
#n_home .bg {
background-position: 0 0;
}
.main .bg {
position: absolute;
top: 0;
left: 0;
height: 36px;
width: 100%;
background: url("https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/css/img/bg.png") repeat-x 0 -36px;
z-index: 5;
}
.menu-footer{
display: block;
position: absolute;
bottom: 0;
background: #3c3434;
clear: both;
padding: 2px 0;
width: 100%;
font: 13px/1.2em verdana,sans-serif;
left:0;
z-index: 99999;
}
.menu-footer .footer-close {
float: right;
cursor: pointer;
margin-right: 6px;
background: url("https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/css/img/menu_close.png") no-repeat 100% 4px;
padding: 6px 25px;
}
.menu-footer .footer-title {
float: left;
margin-left: 10px;
padding: 6px 0px;
}
.tab span {
display: block;
font-size: 12px;
text-align: center;
white-space: nowrap;
text-transform: capitalize;
line-height: 12px;
font-family: arial;
/*font-style: italic;*/
}
/*explorer issues*/
.mainie {
background-color:#888!important;
font-weight:bold!important;
}
.mainie ul {
background-color: #888!important;
}
.cluboct {
background: #ddd;
}
/*explorer issues*/
#main .menu-footer a {
color : #fff;
font-weight: bold;
text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
}
#main .menu-footer a:hover {
text-decoration: underline;
}
#main .tl {
top: 0;
left: 0;
}
#main .tr {
top: 0;
right: 0;
background-position: 100% 0%;
}
#main .corner {
position: absolute;
width: 4px;
height: 4px;
z-index: 50;
background: url("https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/css/img/corners_4x.png") no-repeat 0 0;
}
#menu table {
border-collapse: collapse;
}
#menu table td, table th {
padding: 5px;
/*width: 25%; affects shopping cart*/
}
#menu h2.menu-content-header {
font-size: 21px;
font-weight: 400;
letter-spacing: -1px;
margin: 7px 0 3px 0;
padding-bottom: 5px;
border-bottom: 0;
width: 95%;
clear: both;
background: url("https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/css/img/menu_title_bg.png") no-repeat 0 100%;
display: block;
float: left;
}
/*.Packaging {
background-color: #e38c3d!important;
}
.packaging {
width: 150px;
overflow: hidden; border: none;
}
.packaging a:hover, .packaging a.active {
background: #e38c3d;
}
.packagingcontent {
background: #e38c3d;
}*/
.Moving.Boxes,
.Packing {
background-color: #4bb645!important;
}
.top-menu li.packingboxes {
width: 22%;
/*overflow: hidden;*/ border: none;
}
.packingboxes a:hover, .packingboxes a.active,
li.packingboxes.open a,
.menu-blue li.level1.packingboxes div.sub {
background: #4bb645;
border-top-left-radius:5px;
border-bottom-left-radius:5px;
}
.packingboxescontent {
background: #4bb645;
border-top-right-radius:3px;
}
.packingboxescontent .menu-footer{
background: #4bb645;
display: block;
position: absolute;
bottom: 0;
clear: both;
padding: 0;
width: 100%;
font: 13px/1.2em verdana,sans-serif;
left:0;
z-index: 99999;
}
.Storage {
background-color: #1c78f6!important;
}
.top-menu li.storageboxes {
width: 24%;
}
.storageboxes a:hover, .storageboxes a.active,
li.storageboxes.open a,
.menu-blue li.level1.storageboxes div.sub {
background: #1c78f6;
}
.storageboxescontent {
background: #1c78f6;
}
.top-menu li.spoffersmenutab {
width: 11%;
}
.spoffersmenutab a:hover, .spoffersmenutab a.active,
li.spoffersmenutab.open a,
.menu-blue li.level1.spoffersmenutab div.sub {
background: #cf1d00;
}
.special-offers-head.Truck,
.special-offers-head.Truck a,
.trucks a:hover, .trucks a.active,
li.trucks.open a,
.menu-blue li.level1.trucks div.sub,
.category-head.Trucks {
background: #f7d700;
color: Black !important;
text-shadow: none !important;
}
.truckscontent {
background: #f7d700;
}
.Gift {
background: #c61df6!important;
}
.top-menu li.giftboxes {
width: 15%;
/*overflow: hidden;*/ border: none;
}
.giftboxes a:hover, .giftboxes a.active,
li.giftboxes.open a,
.menu-blue li.level1.giftboxes div.sub {
background: #c61df6;
}
.giftboxescontent {
background: #e38c3d;
}
.top-menu li.standardmenutab {
width: 120px;
}
.standardmenutab a:hover{
background: #4d4545;
}
.endtab a:hover{
border-top-right-radius:5px;
border-bottom-right-radius:5px;
}
.top-menu li.racking {
width: 14%;
}
.racking a:hover, .racking a.active,
li.racking.open a,
.menu-blue li.level1.racking div.sub {
background: #e38c3d;
}
.rackingcontent {
background: #e38c3d;
}
.Racking {
background-color: #e38c3d!important;
}
.top-menu li.trucks {
width: 12%;
}
.website-wannapack .Boxes {
background-color: #96590b!important;
}
.website-wannapack .cardboard-boxes a:hover, .website-wannapack .cardboard-boxes a.active,
.website-wannapack .menu-blue li.level1.cardboard-boxes div.sub {
background: #96590b;
border-top-left-radius:5px;
border-bottom-left-radius:5px;
}
.website-wannapack .Protection,
.website-wannapack .packaging-materials a:hover, .website-wannapack .packaging-materials a.active,
.website-wannapack .menu-blue li.level1.packaging-materials div.sub {
background-color: #E38C3D!important;
}
.website-wannapack .Removals,
.website-wannapack .removals-packaging a:hover, .website-wannapack .removals-packaging a.active,
.website-wannapack .menu-blue li.level1.removals-packaging div.sub {
background-color: #4BB645!important;
}
.website-wannapack .Strapping,
.website-wannapack .storage-solutions a:hover, .website-wannapack .storage-solutions a.active,
.website-wannapack .menu-blue li.level1.storage-solutions div.sub {
background-color: #1C78F6!important;
}
.website-wannapack .Handling,
.special-offers-head.Handling a,
.website-wannapack .packaging-equipment a:hover, .website-wannapack .packaging-equipment a.active,
.website-wannapack .menu-blue li.level1.packaging-equipment div.sub {
background-color: #F7D700!important;
color: Black !important;
text-shadow: none !important;
}
@media only screen and (max-width: 999px) {
.top-menu {
padding: 0 5px
}
}
@media only screen and (max-width: 759px) {
.top-menu {
padding: 0
}
}
/**
* Magento
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE_AFL.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@magentocommerce.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade Magento to newer
* versions in the future. If you wish to customize Magento for your
* needs please refer to http://www.magentocommerce.com for more information.
*
* @copyright Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com)
* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)
*/
/****************************************************/
/****************[ Mage_CSS_B Clears ]***************/
/****************************************************/
.form-list li:after,
.narrowed-category li:after,
.page-head:after,
.page-head-alt:after,
.page-popup .print-head:after,
.clear:after,
.col2-set:after,
.col3-set:after,
.col4-set:after,
.col2-alt-set:after,
.header:after,
.head:after,
.head-alt:after,
.head-alt2:after,
.head-alt3:after,
.box:after,
#nav:after,
.middle:after,
.button-set:after,
.actions:after,
.legend:after,
.ratings:after,
.page-head:after,
.page-head-alt:after,
.search-bar:after,
.sidebar li.item:after,
.sidebar .content:after,
.group-select li:after,
.tabs:after,
.cross-sell-block:after,
.my-review-detail:after,
.search-autocomplete li:after,
.generic-product-list li:after,
.account-nav li:after,
.listing-type-list .listing-item:after,
.product-img-box .more-views ul:after,
.product-options dt:after,
.product-options dd ul.options-list li:after,
.product-options-bottom:after,
.advanced-search li:after { content:"."; display:block; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }
/* Browser Resets
*********************************/
.awis-container a:active,
.awislider a:active,
.awis-container a:focus,
.awislider a:focus {
outline: none;
}
.slides,
.awis-control-nav,
.awis-direction-nav {
margin: 0;
padding: 0;
list-style: none;
}
.awislider .slides {
margin-bottom: 0;
}
.awislider .slides li {
margin-left: 0;
}
/* awislider Necessary Styles
*********************************/
.awislider {
margin: 0;
padding: 0;
overflow: hidden;
}
.awislider .slides > li,
.awislider .slides > iframe {
-webkit-backface-visibility: hidden;
position: relative;
float: left;
margin-right: -100%;
display: block;
z-index: 1;
top: 0;
}
/* Hide the slides before the JS is loaded. Avoids image jumping */
.awislider .slides img {
max-width: 100%;
display: block;
}
.awis-pauseplay span {
text-transform: capitalize;
}
/* Clearfix for the .slides element */
html[xmlns] .slides {
display: block;
}
* html .slides {
height: 1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {
display: block;
}
/* awislider Default Theme
*********************************/
.awislider {
margin: 0 0 60px;
background: #fff;
border: 4px solid #fff;
position: relative;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
-o-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
zoom: 1;
}
.awis-viewport {
max-height: 2000px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.loading .awis-viewport {
max-height: 300px;
}
.awislider .slides {
zoom: 1;
max-width: 100%;
max-height: 100%;
}
.carousel li {
margin-right: 5px;
}
/* Direction Nav */
.awis-direction-nav {
*height: 0;
margin-bottom: 0 !important;
}
.awis-direction-nav li {
list-style-type: none;
}
.awis-direction-nav a {
text-decoration: none;
display: block;
width: 40px;
height: 40px;
margin: -20px 0 0;
position: absolute;
top: 50%;
z-index: 10;
overflow: hidden;
opacity: 0;
cursor: pointer;
color: rgba(0, 0, 0, 0.8);
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
}
.awis-direction-nav .awis-prev,
.awis-direction-nav .awis-next {
background: url("https://www.packingboxes.co.uk/skin/frontend/base/default/aw_islider/representations/default/images/sprite.png") no-repeat;
width: 31px;
height: 31px;
border: 0;
cursor: pointer;
}
.awis-direction-nav .awis-prev {
background-position: 0 0;
left: 10px;
opacity: 0.7;
}
.awis-direction-nav.auto-hide .awis-prev {
left: -50px;
}
.awis-direction-nav .awis-next {
text-align: right;
background-position: -45px 0;
right: 10px;
opacity: 0.7;
}
.awis-direction-nav.auto-hide .awis-next {
right: -50px;
}
.awislider:hover .awis-prev {
opacity: 0.7;
left: 10px;
}
.awislider:hover .awis-next {
opacity: 0.7;
right: 10px;
}
.awislider:hover .awis-next:hover, .awislider:hover .awis-prev:hover {
opacity: 1;
}
.awis-direction-nav .awis-disabled {
opacity: 0 !important;
filter: alpha(opacity=0);
cursor: default;
}
/* Pause/Play */
.awis-pauseplay a {
display: block;
width: 20px;
height: 20px;
position: absolute;
bottom: 5px;
left: 10px;
opacity: 0.8;
z-index: 10;
overflow: hidden;
cursor: pointer;
color: #000;
}
.awis-pauseplay a:hover {
opacity: 1;
}
/* Control Nav */
.awis-control-nav {
width: 100%;
position: absolute;
bottom: 10px;
text-align: center;
z-index: 5;
}
.awislider .awis-control-nav.auto-hide {
bottom: -40px;
}
.awislider:hover .awis-control-nav.auto-hide {
bottom: 10px;
}
.awis-control-nav li {
margin: 0 6px !important;
display: inline-block;
zoom: 1;
*display: inline;
}
.awis-control-paging li a {
display: block;
cursor: pointer;
text-indent: -9999px;
margin: 0 -2px;
width: 19px;
height: 19px;
background: url("https://www.packingboxes.co.uk/skin/frontend/base/default/aw_islider/representations/default/images/sprite.png") -40px -40px no-repeat;
}
.awis-control-paging li a:hover {
background-position: 0 -45px;
}
.awis-control-paging li a.awis-active {
background-position: 0 -45px;
}
.awis-control-nav.auto-hide {
opacity: 0;
}
.awislider:hover .awis-control-nav.auto-hide {
opacity: 1;
}
.awislider .awis-control-nav.auto-hide:hover {
opacity: 1;
}
.awis-control-thumbs {
margin: 5px 0 0;
position: static;
overflow: hidden;
}
.awis-control-thumbs li {
width: 25%;
float: left;
margin: 0;
}
.awis-control-thumbs img {
width: 100%;
display: block;
opacity: .7;
cursor: pointer;
}
.awis-control-thumbs img:hover {
opacity: 1;
}
.awis-control-thumbs .awis-active {
opacity: 1;
cursor: default;
}
@media screen and (max-width: 860px) {
.awis-direction-nav .awis-prev {
opacity: 1;
left: 10px;
}
.awis-direction-nav .awis-next {
opacity: 1;
right: 10px;
}
}
.awis-jalousie-slice {
position: absolute;
top: 0;
}
img.slide-left {
left: 100%;
position: absolute;
top: 0;
}
img.slide-right {
left: -100%;
position: absolute;
top: 0;
}
.awislider .slides li.blind {
display: block;
opacity: 1 !important;
z-index: 2;
}
.awislider {
overflow: visible;
margin: 0px;
border: 0 none White;
border-radius: 0;
/*max-width: 620px;
max-height: 297px;*/
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
@media only screen and (max-width: 619px) {
.catalog-category-view .col-main-bg .awislider {
display: none;
}
}
.awislider .slides {
height: auto !important;
}
.awislider .slides img {
min-height: 267px;
}
@media only screen and (max-width: 999px) {
.awislider .slides img {
min-height: 328px;
}
}
@media only screen and (max-width: 960px) {
.awislider .slides img {
min-height: 267px;
}
}
@media only screen and (max-width: 850px) {
.awislider .slides img {
min-height: 252px;
}
}
@media only screen and (max-width: 799px) {
.awislider .slides img {
min-height: 239px;
}
}
@media only screen and (max-width: 759px) {
.awislider .slides img {
min-height: 277px;
}
}
@media only screen and (max-width: 650px) {
.awislider .slides img {
min-height: 264px;
}
}
@media only screen and (max-width: 619px) {
.awislider .slides img {
min-height: 223px;
}
}
@media only screen and (max-width: 525px) {
.awislider .slides img {
min-height: 196px;
}
}
@media only screen and (max-width: 462px) {
.awislider .slides img {
min-height: 178px;
}
}
@media only screen and (max-width: 419px) {
.awislider .slides img {
min-height: 169px;
}
}
@media only screen and (max-width: 400px) {
.awislider .slides img {
min-height: 134px;
}
}
@media only screen and (max-width: 318px) {
.awislider .slides img {
min-height: 131px;
}
}
@media only screen and (max-width: 311px) {
.awislider .slides img {
min-height: 126px;
}
}
@media only screen and (max-width: 299px) {
.awislider .slides img {
min-height: 103px;
}
}
@media only screen and (max-width: 245px) {
.awislider .slides img {
min-height: auto;
}
}
.awis-direction-nav {
display: none;
}
.awis-c-center button {
margin-left: 0px;
padding: 0px;
}
.awis-block .awis-slides-controls .awis-c-center {
height: 22px;
}
.awis-block .awis-slides-controls .awis-c-right {
margin-right: 20px;
}
.awislider .slick-prev { left: -6px; }
.awislider .slick-next { right: -6px; }
@media only screen and (max-width: 850px) {
.awislider .slick-prev { left: -4px; }
.awislider .slick-next { right: -4px; }
}
/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: white url("https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/ajaxpro_loader_animation.gif") center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 28px; width: 28px; line-height: 0; font-size: 0; padding: 0 !important; cursor: pointer; top: 43%; padding: 0; outline: none; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; opacity: 1; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; padding: 0; }
.slick-prev.slick-disabled, .slick-next.slick-disabled,
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.4; }
.slick-prev:before, .slick-next:before { position: relative; height: 28px; width: 28px; line-height: 23px; padding: 0; font-size: 18px; color: White; }
.slick-prev { left: -10px; }
.slick-prev:before { content: "<"; }
.slick-next { right: -10px; }
.slick-next:before { content: ">"; }
/* Dots */
.product-img-box .slick-slider { /* margin-bottom: 30px; */ }
.slick-dots { position: absolute; bottom: 4%; list-style: none; display: block; text-align: center; padding: 0; width: 100%; height: 15px !important; line-height: 15px !important; }
.slick-dots li { position: relative; display: inline-block !important; height: 15px !important; line-height: 15px !important; width: 15px !important; margin: 0 8px !important; padding: 0 !important; cursor: pointer; float: none !important; }
.slick-dots li button { background: White; border: 1px solid Gray; border-radius: 50%; display: inline-block; height: 15px; width: 15px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; transition: .1s; }
.slick-dots li.slick-active button { background: #6faa10; border-color: #6faa10; }
.slick-dots li button:hover, .slick-dots li button:focus { background: #6fb810; outline: none; }
/* .slick-dots li button:hover:before, .slick-dots li button:focus:before { color: #6faa10; opacity: 1; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px; font-size: 6px; line-height: 20px; text-align: center; color: White; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { color: black; opacity: 0.75; } */
#addToBasketpopout-openModal.modalDialog {
color: #444;
position: fixed;
font-family: Arial, Helvetica, sans-serif;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.8);
z-index: 99999;
opacity: 1;
-webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
pointer-events: auto;
text-align: center;
}
#addToBasketpopout-openModal.modalDialog h2 {
margin: 10px 30px 20px 30px;
}
#addToBasketpopout-openModal.modalDialog h1 {
margin: 0;
font-size: 32px;
background-image: url(https://www.packingboxes.co.uk/skin/frontend/base/default/images/aitoc/aitcheckout/steps_title_bg_last.png);
background-position: left top 4px;
background-repeat: no-repeat;
padding-left: 35px;
margin-bottom: 20px;
color: #444;
}
#addToBasketpopout-openModal.modalDialog > div {
position: relative;
margin: 5% auto;
padding: 20px 20px 25px 20px;
border-radius: 10px;
background: #fff;
display: inline-block;
text-align: left;
width: 700px;
}
#addToBasketpopout-openModal.modalDialog > div .related .essential {
position: absolute;
box-sizing: border-box;
height: 18px;
padding: 1px 2px 0;
left: 0px;
right: 0px;
top: -1px;
z-index: 10;
font: normal 15px/17px 'VAG Rounded Bold', 'arial rounded bold', 'VAG Rounded', 'arial rounded', 'arial rounded mt bold', 'Arial Rounded MT', arial, helvetica, sans-serif;
letter-spacing: 1.7px;
text-transform: uppercase;
background-color: #ff780a;
color: White;
text-align: right;
}
#addToBasketpopout-openModal.modalDialog > div .related .generic-product-grid .listing-item {
height: 270px;
}
#addToBasketpopout-openModal.modalDialog > div .related a.cartbtn.relatedbtn,
#addToBasketpopout-openModal.modalDialog > div .related .quick-view.more-info.medium-button {
float: left;
width: 30%;
margin: 0 10%;
box-sizing: border-box;
height: 23px;
display: inline-block !important;
}
#addToBasketpopout-openModal.modalDialog > div .related .quick-view.more-info.medium-button {
line-height: 16px;
}
#addToBasketpopout-openModal.modalDialog > div .addToBasketpopout-container {
float: left;
width: 100%;
margin-bottom: 20px;
}
#addToBasketpopout-openModal.modalDialog > div .addToBasketpopout-container .left {
float: left;
width: 50%;
}
#addToBasketpopout-openModal.modalDialog > div .addToBasketpopout-container .left span.see-details {
color: #FF780A;
font-size: 13px;
cursor: pointer;
}
#addToBasketpopout-openModal.modalDialog > div .addToBasketpopout-container .left span.see-details:hover {
text-decoration: underline;
}
#addToBasketpopout-openModal.modalDialog > div .addToBasketpopout-container .left img {
width: 100%;
height: auto;
}
#addToBasketpopout-openModal.modalDialog > div .addToBasketpopout-container .left .addToBasketpopup-product .product-image {
float: left;
width: 80px;
margin-right: 10px;
}
#addToBasketpopout-openModal.modalDialog > div .addToBasketpopout-container .left .addToBasketpopup-product .product-details {
float: left;
width: 70%;
}
#addToBasketpopout-openModal.modalDialog > div .addToBasketpopout-container .left .addToBasketpopup-product .product-details .product-name {
float: left;
width: 100%;
}
#addToBasketpopout-openModal.modalDialog > div .addToBasketpopout-container .left .addToBasketpopup-product .product-details .product-name .price {
font-size: 18px;
float: right;
color: #444;
}
#addToBasketpopout-openModal.modalDialog > div .addToBasketpopout-container .left .addToBasketpopup-product .product-details .product-description {
float: left;
display: none;
}
#addToBasketpopout-openModal.modalDialog > div .addToBasketpopout-container .left .addToBasketpopup-product .product-details .product-description.show {
display: block;
}
#addToBasketpopout-openModal.modalDialog > div .addToBasketpopout-container .left h3 {
font-size: 18px;
float: left;
}
#addToBasketpopout-openModal.modalDialog > div .addToBasketpopout-container .right {
float: left;
width: 50%;
text-align: right;
height: 100px;
}
#addToBasketpopout-openModal.modalDialog > div .addToBasketpopout-container .right a {
color: #444;
}
#addToBasketpopout-openModal.modalDialog > div .addToBasketpopout-container .right a h2 {
font-family: Arial, Helvetica, sans-serif;
margin: 0;
font-weight: bold;
font-size: 22px;
color: #444;
}
#addToBasketpopout-openModal.modalDialog > div .addToBasketpopout-container .right a h2 .price {
color: #516133;
}
#addToBasketpopout-openModal.modalDialog .close {
background: #606061;
color: #FFFFFF;
line-height: 25px;
position: absolute;
right: -12px;
text-align: center;
top: -10px;
width: 24px;
text-decoration: none;
font-weight: bold;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
cursor: pointer;
font-size: 21px;
}
#addToBasketpopout-openModal.modalDialog .close:hover {
background: #050101;
}
#addToBasketpopout-openModal.modalDialog .button.popoutButton {
/* overflow: hidden; */
/* background-image: url(https://www.packingboxes.co.uk/skin/frontend/base/default/images/product-add-basket-sprite.gif); */
background-color: #7fba23;
border: 1px solid #7ab51e;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: White !important;
/* text-decoration: none !important; */
cursor: pointer;
width: 38%;
height: 33px;
float: left;
line-height: 33px;
/* padding: 0 10px; */
/* line-height: 9px; */
display: block;
/* float: left !important; */
overflow: hidden;
/* background-image: url(https://www.packingboxes.co.uk/skin/frontend/base/default/images/product-add-basket-sprite.gif); */
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font: normal 14px/17px 'VAG Rounded Bold', 'arial rounded bold', 'VAG Rounded', 'arial rounded', 'arial rounded mt bold', 'Arial Rounded MT', arial, helvetica, sans-serif;
text-align: center;
text-decoration: none !important;
margin: 1% 6%;
padding: 7px 10px;
text-transform: uppercase;
/* display: block; */
}
#addToBasketpopout-openModal.modalDialog .button.popoutButton:hover {
background-color: #90D22A;
}
#addToBasketpopout-openModal.modalDialog .button.popoutButton.gray {
background-color: #797979;
border: 1px solid #5A5A5A;
}
#addToBasketpopout-openModal.modalDialog .button.popoutButton.gray:hover {
background-color: #313131;
}
@media screen and (max-width: 760px) {
#addToBasketpopout-openModal {
overflow-y: scroll;
-webkit-backface-visibility: hidden;
background: #fff!important;
position: static;
}
#addToBasketpopout-openModal.modalDialog {
position: static;
background: white;
}
#addToBasketpopout-openModal.modalDialog .close {
display: none;
}
#addToBasketpopout-openModal.modalDialog > div {
width: 100%;
height: 100%;
margin: 0;
border-radius: 0;
padding: 0 0 10px 0!important;
}
}
@media screen and (max-width: 670px) {
#addToBasketpopout-openModal.modalDialog > div .addToBasketpopout-container h1 {
font-size: 28px;
}
}
@media screen and (max-width: 600px) {
#addToBasketpopout-openModal.modalDialog > div .related {
margin: 0 10px;
}
#addToBasketpopout-openModal.modalDialog > div .addToBasketpopout-container .right {
margin-bottom: 20px!important;
}
#addToBasketpopout-openModal.modalDialog > div .addToBasketpopout-container .left,
#addToBasketpopout-openModal.modalDialog > div .addToBasketpopout-container .right {
width: 94%!important;
float: left;
height: auto!important;
margin: 0 3%;
}
#addToBasketpopout-openModal.modalDialog > div .addToBasketpopout-container h1 {
text-align: center;
padding-left: 0;
}
#addToBasketpopout-openModal.modalDialog > div .addToBasketpopout-container a h2 {
text-align: center;
margin-bottom: 10px;
}
}
@media screen and (max-width: 340px) {
#addToBasketpopout-openModal.modalDialog > div h1 {
font-size: 26px;
}
}
@media screen and (max-width: 480px) {
#addToBasketpopout-openModal.modalDialog .button.popoutButton {
width: 94%;
margin: 3%;
}
}
.tearqtytable{
border:1px;
font-size:17px;
/*margin:1px 1px 20px 1px;*/
margin-bottom:20px;
border-collapse: collapse;
border: 1px solid #FFFFFF;
}
td .tearqtytable{
font-weight: bold;
text-align: center;
}
td .tearqtytable .odd{
padding-left:6px;
background:#888;
color: white;
padding:4px;
}
#tierprices-container .onetearprpagetable .tearqtytable {
cursor: pointer;
}
td .tearqtytable .odd.active{
background:#278832;
}
p.price-as-configured{
/*margin-bottom:15px;*/
}
td .tearqtytable .even{
background:#E9E9E9;
color:#E52422;
padding:5px;
}
td.active .tearqtytable .even,
td .tearqtytable .even.active{
background:#d1e8b0;
}
td .tearqtytable .third{
background:#E9E9E9;
padding:2px 4px 2px 3px;
font-size:12px;
color:#444444;
font-weight: 400;
}
td.active .tearqtytable .third,
td .tearqtytable .third.active{
background:#d1e8b0;
}
.onetearprpagetable{
border-spacing: 0px;
float:left;
}
.tierprice-box { padding:6px 0 2px; }
.qtysign{
background:#096BB4;
font-size:15px;
font-weight: bold;
padding-bottom: 3px;
padding-left: 7px;
padding-right: 6px;
color: white;
margin-top:5px;
margin-left:-3px;
cursor:pointer;
clear:right;
}
.instock{
width: 100%;
margin-top: 10px;
}
.instockwithouttier{
color:#3F6343;
margin-bottom: 30px;
font-weight: bold;
}
#priceqtychangescontainer{
/* float:right;*/
/* padding-bottom:-46px;
margin-bottom: -16px;*/
text-align: left;
/* width:225px;*/
}
#qtychangesMulti{
color:#595959;
margin-top:-5px;
margin-bottom:0;
}
#innerpricecontainer #qtychangesMulti{
font-size: 14px;
color: #444;
}
#opts {
/*margin-top: 10px;*/
}
#opts.opts-configurable {
text-align:left;
}
#opts dd {
}
#account-sidebar-slider {
background-color: white;
border-color: #E1E1E1;
border-right: 1px solid #E1E1E1;
border-style: none solid solid;
border-width: 0 1px 1px;
position: absolute;
width: 181px;
z-index: 999;
}
div#cart-sidebar-slider{
border: 1px solid #d1e8b0;
width:308px;
margin-left: -128px;
overflow: auto;
overflow-x: hidden;
}
#cart-sidebar-slider .content {
padding: 6px;
}
div.carthead{
height: 21px;
}
#qty, #qtycopy{
margin-top: -10px;
}
#qtyplus{
}
#qtyminus{
}
#qtyplus{
}
.qtysignimp{
margin-left: -2px;
}
.qtysignimm{
margin-right: -2px;
}
.sidebarqty{
margin-top: -11px;
}
.cartqtybox{
float:right;
margin-top: 5px;
width: 95px;
padding:0px;
}
#forqtyitems{
float:left;
}
#cartvatsw{
color:#000;
margin-left: 0px;
margin-right: 0px;
font-size: 12px;
font-weight: normal;
height:18px;
width:183px;
}
div .links {
background: #E1E1E1;
padding: 0px 0px 0px 4px;
}
#cartvatsw.exc{
color:#DC5958;
}
#cart-sidebar-slider hr{
color:#DFDFDF;
visibility: inherit;
}
#ashrt{
padding:2px 5px 5px;
/*border-top: 1px solid #DDDDDD;*/
}
#ashrb{
padding:5px;
border-bottom: 1px solid #DDDDDD;
}
#productnamediv{
/*background:#4bb645;
padding-left:7px;
padding: 2px 8px 2px 8px;*/
background: #fd771e;
color: #fff;
padding: 4px 9px 4px 9px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
#productnamediv h1{
color:#FFFFFF;
margin: 0px!important;
padding: 0px;
}
.tagline{
font-weight: bold;
margin: 4px 0px 0px 8px;
padding: 0px;
color: #e06a1c;
font-size: 1.3em;
width: 400px;
}
#bigprice .price{
font-size:26px;
color: #DE2121;
font-weight: bold;
}
div.add-to-boxes{
}
fieldset.add-to-cart-box{
margin-bottom: 30px;
}
.cartBTNprodPage#cartBTN{
margin-top: 30px;
background: url("https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/btn_add_to_cart.png") repeat scroll 0 0 transparent;
height:28px;
width:126px;
}
.cartBTNprodPage#cartBTN:hover{
margin-top: 30px;
background: url("https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/btn_add_to_cart_over.png") repeat scroll 0 0 transparent;
height:28px;
width:126px;
}
#savePrice{
font-size:13px;
color:#13468B;
height:20px;
margin-right:3px;
font-weight: 600;
}
#cart-sidebar li{
padding-bottom: 2px;
padding-top: 2px;
border-bottom: 1px solid #DDD;
}
*:first-child+html .cartqtybox .widget-btn{
float:none; /* for ie7 */
}
/* for top.links */
#account-sidebar-slider {
background-color: white;
border-color: #E1E1E1;
border-right: 1px solid #E1E1E1;
border-style: none solid solid;
border-width: 0 1px 1px;
width:80px;
/*margin-right:0px;
margin-left:auto;*/
margin-top:-3px;
z-index: 999;
display:none;
position: absolute;
left:886px;
}
#currency-sidebar-slider {
background-color: white;
border-color: #E1E1E1;
border-right: 1px solid #E1E1E1;
border-style: none solid solid;
border-width: 0 1px 1px;
width:175px;
/*margin-right:0px;
margin-left:auto;*/
margin-top:-3px;
z-index: 999;
display:none;
position: absolute;
left:440px;
}
.sliderEl{
text-align: left;
cursor:pointer;
}
.toplinks-bar .top-links .sliderEl a{
background:none;
}
/* for top.links end */
div .tabhead{
border: none;
}
div .tabhead h3{
color: #444;
font-size: 20px;
}
.excspan{
color: #3F6443;
width:70px;
height:18px;
margin-right:-1px;
}
.excspan input {
margin-right: 4px;
}
.incspan{
color: #3F6443;
}
.incspan input {
margin-right: 4px;
}
.activevat{
color: #DE2121;
}
div .mini-cart .cart-count{
text-align:left;
min-height: 36px;
}
div .mini-cart{
margin-bottom:0px;
border: 1px solid #278832!important;
}
#chButtonOncart{
float:right;
margin-top: -3px;
}
.secondtr{
border-bottom-color: #FFFFFF;
border-bottom-width: 2px;
border-bottom-style: solid;
border-top-color: #FFFFFF;
border-top-width: 2px;
border-top-style: solid;
}
.mini-cart .subtotal{
float: left;
clear: left;
margin-bottom: 0;
margin-top: 0;
line-height: 20px;
}
.phone{
margin: 8px 0 0 40px;
}
div .toplinks-bar {
top: -2px;
}
.header h1{
margin: 6px 0px 0px 0px;
}
a.logo {
margin-top: 6px;
}
h1 a.logo {
margin-top: 0px;
}
.product-pricing {
background-color: #FFFFFF;
clear: none;
float: none;
margin: 0px;
padding: 4px 0 0;
width: 0;
width: 100%;
}
.product-info-box .product-options-bottom .add-to-cart-box {
float:right;
clear: none;
}
.product-pricing .price-box {
margin: 10px 0;
}
.optPrice{
color:#FF0000;
font-weight: 600;
font-size:13px;
}
.product-options-bottom .product-pricing .price {
color: #DE2121;
}
.divForTiar .product-options{
float:left;
}
*:first-child+html .subtotal .price {display: block; clear:both;}
*:first-child+html #mini_cart_div_id{
z-index: 1000;
}
#product-options-wrapper .super-attribute-select{
margin-right:6px;
}
#product-options-wrapper dt label{
font-family: 'VAG Rounded Bold', 'arial rounded bold', 'VAG Rounded', 'arial rounded', 'arial rounded mt bold', 'Arial Rounded MT', arial, helvetica, sans-serif;
margin-right:6px;
font-weight: normal;
font-size: 18px;
}
.opts-configurable #product-options-wrapper dt label{
}
.product-options ul.options-list img.checkbox-tick {
}
.product-options ul.options-list .label .qty {
color: #F38C11;
font-weight: bold;
}
#addtoCartDiv .add-to-cart-box{
margin-bottom: 0px;
float: right;
}
#addtoCartDiv {
clear: both;
}
#addtoCartDiv .add-to-cart-box #cartBTN{
}
.add-to-cart-box .qty-box {
}
.product-info-box .price-box-bundle {
margin-left: 0;
margin-right: 0;
}
.product-info-box .col2-set .col-1 {
}
.product-info-box .col2-set .col-2 {
}
/* ------------- new styles ---------------- */
.listing-type-list .product-shop {
margin-top: 10px;
}
.listing-type-list .listing-item{
overflow:hidden;}
*+html .listing-type-list .listing-item .onsale-category-container-list{
float:left;
overflow:hidden;}
.listing-type-list .product-shop .add-to-cart-box .qty-box span{
display:block;
float:left;
width:18px;
/*margin-right:6px;*/}
.listing-type-list .product-shop .add-to-cart-box .qty-box{
float:right;
margin: 0px;
}
.listing-type-list .product-shop .more-info{
clear:both;}
.listing-type-list .product-shop .add-to a.more-info{
}
.listing-type-list .product-shop .add-to a.more-info:hover{
}
.listing-type-list .product-shop .add-to a{
/*background-image:url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/prod_li_bg.png);*/
background-position:left center;
background-repeat:no-repeat;
padding: 4px 9px;
border: 1px solid #ccc;
border-radius: 5px;
}
.listing-type-list .product-shop .title_description{
float:left;
width:430px;}
.listing-type-list .product-shop .price_add-to-cart{
float: right;
text-align: right;}
.product-shop .price_add-to-cart .price-box{
float:none;
text-align:right;
margin-right:5px;}
.product-shop .price_add-to-cart fieldset.add-to-cart-box{
margin-top:2px;
overflow:hidden;
}
.product-shop .price_add-to-cart .add-to-cart-box .qty-box{
margin-top:0;}
.product-shop .price_add-to-cart .add_to_basket_btn{
width:141px;
height:27px;
clear:right;
margin-top:8px;}
.product-shop .price_add-to-cart .add_to_basket_btn a{
display:block;
width:141px;
height:27px;
background-image:url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/add_to_basket_btn.png);
background-position:center center;
background-repeat:no-repeat;}
@font-face {
font-family: 'romyregular';
src: url('https://www.packingboxes.co.uk/skin/frontend/packing/default/fonts/romy-webfont.eot');
src: url('https://www.packingboxes.co.uk/skin/frontend/packing/default/fonts/romy-webfont.eot?#iefix') format('embedded-opentype'),
url('https://www.packingboxes.co.uk/skin/frontend/packing/default/fonts/romy-webfont.woff') format('woff'),
url('https://www.packingboxes.co.uk/skin/frontend/packing/default/fonts/romy-webfont.ttf') format('truetype'),
url('https://www.packingboxes.co.uk/skin/frontend/packing/default/fonts/romy-webfont.svg#romyregular') format('svg');
font-weight: normal;
font-style: normal;
}.amlabel-div {
position: relative;
}
.amlabel-div .amlabel-txt {
padding: 1px 3px 10px 1px;
line-height: .8em;
font-family: romyregular;
font-size: 20px;
/*font-weight: bold;*/
display: block;
letter-spacing:0.01px;
text-decoration: none;
color: #f4e700;
}
.amlabel-div .amlabel-txt small {
font-size: 75%;
}
.amlabel-div .amlabel-txt .price-cents {
/*display:none;*/
font-size: 50%;
}
.catalog-product-view .amlabel-div .amlabel-txt {
font-size: 36px;
}
.catalog-product-view .top-price-container.amlabel-div .amlabel-txt,
.catalog-product-view .related-upsell-container .amlabel-div .amlabel-txt {
font-size: 20px;
}
.amlabel-div .amlabel-txt .label-qty,
.amlabel-div .amlabel-txt .label-price,
.amlabel-div .amlabel-txt .save-amount,
.amlabel-div .amlabel-txt .save-percent {
line-height: .9em;
font-size: 130%;
}
.amlabel-div a {
text-decoration: none;
position: relative;
}
.amlabel-table {
position: absolute;
z-index: 10;
border-spacing: 0;
cursor: pointer;
}
.amlabel-table td {
float: none;
padding: 0;
vertical-align: middle;
text-align: center;
border: 0;
height: auto;
}
.catalog-product-view .amlabel-div .amlabel-table td {
}
.catalog-category-view .amlabel-div .amlabel-table td {
}
.top-center {
top: 0;
left: 50%;
}
.middle-left {
left: 0;
top: 50%;
}
.middle-right {
right: 0;
top: 50%;
}
.bottom-center {
bottom: 0;
right: 50%;
}
.middle-center {
top: 50%;
right: 50%;
}
.top-left {
top: 0;
left: 0;
}
.listing-type-grid .amlabel-div .top-left {
top: -8px;
}
.related-block .amlabel-div .top-left {
top: -8px;
left: 2px;
}
.top-right {
top: 0;
right: 0;
}
.bottom-left {
bottom: 0;
left: 0;
}
.bottom-right {
bottom: 0;
right: 0;
}
.amlabel-table.price_block {
top: -2px;
right: 8px;
cursor: auto;
}
.review-product-list .amlabel-table.price_block {
display: none;
}
.products-list .amlabel-div {
float:left;
}
* html .amlabel-div { float: left; }
* html .amlabel-div a { position: relative; }
/* simple mode */
.amlabel-simple {
display: inline-block;
min-width: 140px;
background-color: #cc1e1e;
text-align: center;
}
.amlabel-simple div {
display: inline;
}
.amlabel-div .amlabel-simple-txt {
padding-top: 3px;
padding-bottom: 1px;
font-size: 30px;
}
.amlabel-div .amlabel-simple-txt .label-qty,
.amlabel-div .amlabel-simple-txt .label-price,
.amlabel-div .amlabel-simple-txt .save-amount,
.amlabel-div .amlabel-simple-txt .save-percent {
font-size: 30px;
}
.amlabel-div .amlabel-simple-txt small {
padding-left: 4px;
padding-right: 5px;
}
.amlabel-div .amlabel-simple-txt .save-amount {
padding-left: 5px;
}
.amlabel-div .amlabel-simple-txt .price-cents {
display: inline;
}
div.amshopby-column {
float:left; width:83px;
}
select.amshopby-select {
width:170px;
}
.amshopby-logo{
padding: 0pt 10px 10px 0pt; float: left;
}
.amshopby-featured {
padding: 5px 5px 5px 5px;
}
.amshopby-link{
float:left;
padding-left:5px;
padding-top:5px;
}
.amshopby-clearer {
display:block;
clear:both;
overflow: hidden;
}
div.block-layered-nav dd a {padding:0px 5px 0px 0px; display:block; float: left;}
div.block-layered-nav dd a.amshopby-attr {padding-left:15px; background:transparent url(https://www.packingboxes.co.uk/skin/frontend/packing/default/images/amshopby-cb1.gif) no-repeat left center;}
div.block-layered-nav dd a.amshopby-attr-selected {font-weight: bold; padding-left:15px; background:transparent url(https://www.packingboxes.co.uk/skin/frontend/packing/default/images/amshopby-cb2.gif) no-repeat left center;}
div.block-layered-nav dd a img {padding: 0px 4px 2px; float:left; max-width: 15px;}
div.block-layered-nav dd li.amshopby-cat-level-2 {padding-left:10px;}
div.block-layered-nav dd li.amshopby-cat-level-3 {padding-left:20px;}
div.block-layered-nav dd a.amshopby-cat-selected {font-weight: bold;
color:black; text-decoration: none; cursor:text;}
div.block-layered-nav dd li span.amshopby-plusminus {float:left;
display:block; width:15px; height:15px; cursor:pointer;
background:transparent url(https://www.packingboxes.co.uk/skin/frontend/packing/default/images/amshopby-plus.gif) no-repeat;}
div.block-layered-nav dd li span.minus {background:transparent
url(https://www.packingboxes.co.uk/skin/frontend/packing/default/images/amshopby-minus.gif) no-repeat;}
div.block-layered-nav dd li:after {display:block; content:".";
clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }
div.block-layered-nav.amshopby-collapse-enabled dt {
cursor:pointer;
padding-left:15px;
background:#eee url(https://www.packingboxes.co.uk/skin/frontend/packing/default/images/amshopby-expanded.gif) center left no-repeat;
}
div.block-layered-nav.amshopby-collapse-enabled dt.amshopby-collapsed {background:#eee url(https://www.packingboxes.co.uk/skin/frontend/packing/default/images/amshopby-collapsed.gif) center left no-repeat}
div.block-layered-nav div.amshopby-slider {
position:relative; margin:10px auto 5px auto; z-index:9; height:18px; background: url(https://www.packingboxes.co.uk/skin/frontend/packing/default/images/amshopby-slider-bg.gif) repeat-x 0 50%; cursor:pointer;
}
div.block-layered-nav div.amshopby-slider div.handle {width:8px; top:3px; height:14px; background: transparent url(https://www.packingboxes.co.uk/skin/frontend/packing/default/images/amshopby-hadle.png) no-repeat; position: absolute; cursor:pointer; z-index: 2;}
/*
* Slider labels
*/
.amshopby-slider-price {
color: #798794;
}
.amshopby-slider-price-from {
float: left;
}
.amshopby-slider-price-to {
float: right;
}
.amshopby-slider-handle-right {
position: absolute;
top: 14px;
right: 0px;
}
.amshopby-slider-handle-left {
position: absolute;
top: 14px;
left: 0px;
}
.amshopby-tooltip {
padding:2px 5px;
background:#FEC;
border:1px solid #FAA819;
color:#1F5070;
text-align:left;
width:200px;
position:absolute;
}
.amshopby-slider-price-range
{
text-align: center;
font-size: 0.9em;
}
.amshopby-tooltip-img {
cursor:help;
}
div.block-layered-nav, div.amshopby-page-container, div.amshopby-filters-top {
position: relative;
}
div.amshopby-overlay {
background-color: #FFFFFF;
height: 100%;
left: 0;
opacity: 0.7;
filter: alpha(opacity = 70);
position: absolute;
top: 0;
width: 100%;
z-index: 555;
}
div.amshopby-overlay img {
top: 100px;
left: 45%;
display: block;
position: absolute;
}
div.amshopby-overlay div {
margin: 0 auto;
display: block;
width: 100%;
height: 100%;
min-width: 170px;
min-height: 200px;
background: url('https://www.packingboxes.co.uk/skin/frontend/packing/default/images/amshopby-overlay.gif') 50% 30% no-repeat;
}
/*
* Advanced Categories
*/
.amshopby-advanced li {
clear: both;
}
.amshopby-advanced li.level1 {
padding-left: 20px;
}
.amshopby-advanced li.level2 {
padding-left: 30px;
}
.amshopby-advanced li.level3 {
padding-left: 40px;
}
.amshopby-advanced li.level4 {
padding-left: 50px;
}
.amshopby-advanced li.active > a {
font-weight: bold;
}
/*
* Slider Bar
*/
.amshopby-slider-bar {
position:absolute;
background: #999;
height: 6px;
top: 6px;
z-index: 1;
}
/*
* Subcategores block
*/
.amshopby-subcategory-image {
overflow: auto;
}
.btn-remove-inline { background-image: url('https://www.packingboxes.co.uk/skin/frontend/packing/default/images/am_btn_remove.gif'); background-repeat: no-repeat; width:13px; height:12px; margin-left: 4px; }
.btn-remove-inline:hover { /* background-position: center bottom; */ }
.amshopby-hightlighted { background: yellow;}
.quickshop_img{ }
#id_qs_load{width: 621px;position: absolute;top: 30px; left: 50%;display: none;z-index: 1001;background: #fff;min-height: 300px;}
#output-div{}
a.close{width: 15px; height: 15px;text-indent: -999em;background: url(https://www.packingboxes.co.uk/skin/frontend/base/default/images/close.gif) center center no-repeat;display: inline-block;float: right;padding: 10px 10px 0 0;position: absolute;right: -3px;top: -22px;}
#shadow_box{width: 100%;display: none;position: absolute;left: 0; top: 0;z-index: 1001;background: #000;opacity:0.5;z-index: 1000;filter:alpha(opacity=50)}
#loadingmask{padding: 5px 0;position: absolute;top: 50%;left: 50%;margin: -30px 0 0 -15px;}
#loading-mask-loader span{display: block;padding-top: 10px;}
#loading-mask-loader img{padding-right: 10px;}
#em_quickshop_handler{position: absolute; display:block; }
/*
* FancyBox - jQuery Plugin
* Simple and fancy lightbox alternative
*
* Examples and documentation at: http://fancybox.net
*
* Copyright (c) 2008 - 2010 Janis Skarnelis
* That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
*
* Version: 1.3.4 (11/11/2010)
* Requires: jQuery v1.3+
*
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*/
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
cursor: pointer;
overflow: hidden;
z-index: 1104;
display: none;
}
#fancybox-loading div {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 480px;
background-image: url('https://www.packingboxes.co.uk/skin/frontend/base/default/images/fancybox/fancybox.png');
}
#fancybox-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1100;
display: none;
}
#fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
overflow: auto;
display: none;
}
#fancybox-wrap {
position: absolute;
top: 0;
left: 0;
padding: 20px;
z-index: 1101;
outline: none;
display: none;
}
#fancybox-outer {
position: relative;
width: 100%;
height: 100%;
background: #fff;
}
#fancybox-content {
width: 0;
height: 0;
padding: 0;
outline: none;
position: relative;
overflow: hidden;
z-index: 1102;
border: 0px solid #fff;
}
#fancybox-hide-sel-frame {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
z-index: 1101;
}
#fancybox-close {
position: absolute;
top: -15px;
right: -15px;
width: 30px;
height: 30px;
background: transparent url('https://www.packingboxes.co.uk/skin/frontend/base/default/images/fancybox/fancybox.png') -40px 0px;
cursor: pointer;
z-index: 1103;
display: none;
}
#fancybox-error {
color: #444;
font: normal 12px/20px Arial;
padding: 14px;
margin: 0;
}
#fancybox-img {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border: none;
outline: none;
line-height: 0;
vertical-align: top;
}
#fancybox-frame {
width: 100%;
height: 100%;
border: none;
display: block;
}
#fancybox-left, #fancybox-right {
position: absolute;
bottom: 0px;
height: 100%;
width: 35%;
cursor: pointer;
outline: none;
background: transparent url('https://www.packingboxes.co.uk/skin/frontend/base/default/css/blank.gif');
z-index: 1102;
display: none;
}
#fancybox-left {
left: 0px;
}
#fancybox-right {
right: 0px;
}
#fancybox-left-ico, #fancybox-right-ico {
position: absolute;
top: 50%;
left: -9999px;
width: 30px;
height: 30px;
margin-top: -15px;
cursor: pointer;
z-index: 1102;
display: block;
}
#fancybox-left-ico {
background-image: url('https://www.packingboxes.co.uk/skin/frontend/base/default/images/fancybox/fancybox.png');
background-position: -40px -30px;
}
#fancybox-right-ico {
background-image: url('https://www.packingboxes.co.uk/skin/frontend/base/default/images/fancybox/fancybox.png');
background-position: -40px -60px;
}
#fancybox-left:hover, #fancybox-right:hover {
visibility: visible; /* IE6 */
}
#fancybox-left:hover span {
left: 20px;
}
#fancybox-right:hover span {
left: auto;
right: 20px;
}
.fancybox-bg {
position: absolute;
padding: 0;
margin: 0;
border: 0;
width: 20px;
height: 20px;
z-index: 1001;
}
#fancybox-bg-n {
top: -20px;
left: 0;
width: 100%;
background-image: url('https://www.packingboxes.co.uk/skin/frontend/base/default/images/fancybox/fancybox-x.png');
}
#fancybox-bg-ne {
top: -20px;
right: -20px;
background-image: url('https://www.packingboxes.co.uk/skin/frontend/base/default/images/fancybox/fancybox.png');
background-position: -40px -162px;
}
#fancybox-bg-e {
top: 0;
right: -20px;
height: 100%;
background-image: url('https://www.packingboxes.co.uk/skin/frontend/base/default/images/fancybox/fancybox-y.png');
background-position: -20px 0px;
}
#fancybox-bg-se {
bottom: -20px;
right: -20px;
background-image: url('https://www.packingboxes.co.uk/skin/frontend/base/default/images/fancybox/fancybox.png');
background-position: -40px -182px;
}
#fancybox-bg-s {
bottom: -20px;
left: 0;
width: 100%;
background-image: url('https://www.packingboxes.co.uk/skin/frontend/base/default/images/fancybox/fancybox-x.png');
background-position: 0px -20px;
}
#fancybox-bg-sw {
bottom: -20px;
left: -20px;
background-image: url('https://www.packingboxes.co.uk/skin/frontend/base/default/images/fancybox/fancybox.png');
background-position: -40px -142px;
}
#fancybox-bg-w {
top: 0;
left: -20px;
height: 100%;
background-image: url('https://www.packingboxes.co.uk/skin/frontend/base/default/images/fancybox/fancybox-y.png');
}
#fancybox-bg-nw {
top: -20px;
left: -20px;
background-image: url('https://www.packingboxes.co.uk/skin/frontend/base/default/images/fancybox/fancybox.png');
background-position: -40px -122px;
}
#fancybox-title {
font-family: Helvetica;
font-size: 12px;
z-index: 1102;
}
.fancybox-title-inside {
padding-bottom: 10px;
text-align: center;
color: #333;
background: #fff;
position: relative;
}
.fancybox-title-outside {
padding-top: 10px;
color: #fff;
}
.fancybox-title-over {
position: absolute;
bottom: 0;
left: 0;
color: #FFF;
text-align: left;
}
#fancybox-title-over {
padding: 10px;
background-image: url('https://www.packingboxes.co.uk/skin/frontend/base/default/css/fancy_title_over.png');
display: block;
}
.fancybox-title-float {
position: absolute;
left: 0;
bottom: -20px;
height: 32px;
}
#fancybox-title-float-wrap {
border: none;
border-collapse: collapse;
width: auto;
}
#fancybox-title-float-wrap td {
border: none;
white-space: nowrap;
}
#fancybox-title-float-left {
padding: 0 0 0 15px;
background: url('https://www.packingboxes.co.uk/skin/frontend/base/default/images/fancybox/fancybox.png') -40px -90px no-repeat;
}
#fancybox-title-float-main {
color: #FFF;
line-height: 29px;
font-weight: bold;
padding: 0 0 3px 0;
background: url('https://www.packingboxes.co.uk/skin/frontend/base/default/images/fancybox/fancybox-x.png') 0px -40px;
}
#fancybox-title-float-right {
padding: 0 0 0 15px;
background: url('https://www.packingboxes.co.uk/skin/frontend/base/default/images/fancybox/fancybox.png') -55px -90px no-repeat;
}
/* IE6 */
.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancybox/fancy_close.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancybox/fancy_nav_right.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancybox/fancy_title_right.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
height: expression(this.parentNode.clientHeight + "px");
}
#fancybox-loading.fancybox-ie6 {
position: absolute; margin-top: 0;
top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}
#fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancybox/fancy_loading.png', sizingMethod='scale'); }
/* IE6, IE7, IE8 */
.fancybox-ie .fancybox-bg { background: transparent !important; }
.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }
/* Affiliateplus stylesheet */
.affiliate_message { margin: 10px 0px 0px 0px; }
/* Banner-Links */
#banner-view-list li.banner-view-item{ border-top: 2px solid #CCCCCC; margin-bottom: 45px; }
#banner-view-list li.banner-view-item .banner-image { margin-top: 10px; }
#banner-view-list li.banner-view-item span.share{ float: right; border-style: none; width: auto; }
/* Referer */
#referer_grid thead th a { color: #0A263C; }
#referer_grid thead th a:hover{ color: #0A263C; }
/* Miniform request money */
.affiliateplus_form_request { overflow: hidden; margin-bottom: 10px; }
/* Tiers */
#tiers_grid thead th a { color: #0A263C; }
#tiers_grid thead th a:hover{ color: #0A263C; }
/* Payment Method */
li.payment_method_form { margin-left: 21px; }
#affiliateplus_payment_request_form input.radio { float:left; margin: 3px 5px 0px 0px; }
/* Contact Group */
#group-table tr { cursor:pointer;}
#group-table tr:hover{ background-color:#FCF5DD}
/* Refer a Friend */
#affiliateplus-sidebar {
width: 345px;
}
#affiliateplus-sidebar .allow .step-title {
cursor: pointer;
border-bottom: 1px solid #BBAFA0;
}
#affiliateplus-sidebar .allow .step-title:hover{
background: #F9F3E3;
}
#affiliateplus-sidebar .allow .step-title:hover .number{
background: #F18200;
border-color: #F19900;
color: #FFF;
}
#affiliateplus-sidebar .allow .step-title:hover h2{
color: #F18200;
}
#affiliateplus-sidebar .step, #affiliateplus-sidebar p.box-content{
padding: 8px;
}
#affiliateplus-sidebar .form-list textarea{
width: 318px;
height: 100px;
}
#affiliateplus-sidebar .step-title span.logo{
width: 16px;
height: 16px;
margin-right: 4px;
border: none;
}
/* Personal */
#affiliateplus-sidebar #input-personal-url{
width: 219px;
float: right;
}
#affiliateplus-sidebar #input-personal-url #personal_url{
width: 215px;
}
#affiliateplus-sidebar #personal_affiliate_url{
width: 327px;
text-align: center;
}
/* Email */
#affiliateplus-sidebar .step-title span.email-logo{
background: url('https://www.packingboxes.co.uk/skin/frontend/packing/default/css/magestore/images/email-grayscale.png') no-repeat;
}
#affiliateplus-sidebar .active .step-title span.email-logo, #affiliate-opc-email .step-title:hover span.logo{
background: url('https://www.packingboxes.co.uk/skin/frontend/packing/default/css/magestore/images/email-color.png') no-repeat;
}
#affiliateplus-contact-list .form-list .input-box, #affiliateplus-contact-list .form-list .input-box select{
width: 100%;
}
#affiliateplus-contact-list .buttons-set{
padding-top: 7px;
border-top: 0px;
margin-top: 0px;
}
/* Google */
#affiliateplus-sidebar .step-title span.google-logo{
background: url('https://www.packingboxes.co.uk/skin/frontend/packing/default/css/magestore/images/gplus-grayscale.png') no-repeat;
}
#affiliateplus-sidebar .active .step-title span.google-logo, #affiliate-opc-google .step-title:hover span.logo{
background: url('https://www.packingboxes.co.uk/skin/frontend/packing/default/css/magestore/images/gplus-color.png') no-repeat;
}
/* Facebook */
#affiliateplus-sidebar .step-title span.facebook-logo{
background: url('https://www.packingboxes.co.uk/skin/frontend/packing/default/css/magestore/images/facebook-grayscale.png') no-repeat;
}
#affiliateplus-sidebar .active .step-title span.facebook-logo, #affiliate-opc-facebook .step-title:hover span.logo{
background: url('https://www.packingboxes.co.uk/skin/frontend/packing/default/css/magestore/images/facebook-color.png') no-repeat;
}
/* Tweeter */
#affiliateplus-sidebar .step-title span.twitter-logo{
background: url('https://www.packingboxes.co.uk/skin/frontend/packing/default/css/magestore/images/tweet.png') no-repeat 0px -17px;
}
#affiliateplus-sidebar .active .step-title span.twitter-logo, #affiliate-opc-twitter .step-title:hover span.logo{
background: url('https://www.packingboxes.co.uk/skin/frontend/packing/default/css/magestore/images/tweet.png') no-repeat 0px 3px;
}
#affiliateplus-sidebar .tweeter span.span{
-webkit-border-radius: 3px;
border: #CCC solid 1px;
padding: 2px;
-moz-border-radius: 3px; border-radius: 3px;
background-image: -moz-linear-gradient(top, white, #DEDEDE);
background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#DEDEDE));
background-image: -ms-linear-gradient(top, white, #DEDEDE);
background-image: linear-gradient(top, white, #DEDEDE);
background-image: -o-linear-gradient(top, white, #DEDEDE);
}
#affiliateplus-sidebar button.tweeter span.span span{
background: url('https://www.packingboxes.co.uk/skin/frontend/packing/default/css/magestore/images/tweet.png') no-repeat -26px 3px;
padding: 0px 3px 0px 24px;
color: #1E7EC8;
margin-left: 2px;
}
#affiliateplus-sidebar .buttons-set{
padding-top: 7px;
border-top: 0px;
margin-top: 0px;
}
#affiliateplus-sidebar .affiliateplus-opc li{
margin-bottom: 8px;
}
/* End Refer Friend */
/* Commissions */
ul.affiliate-commission-tab{
height: 27px;
font-weight: bold;
margin-top: 10px;
}
ul.affiliate-commission-tab li.affiliate-tab-item{
float: left;
height: 20px;
border: 1px solid #E2E2E2;
border-bottom: 0px;
margin: 1px 2px;
padding: 3px 6px;
background-color: #E2E2E2;
}
ul.affiliate-commission-tab li.active-tab{
font-size: 1.1em;
background-color: #FFF;
color: #DE5400;
}
ul.affiliate-commission-tab li a{
text-decoration: none;
color: #999;
}
/* End commissions */
#signup_affiliate_account_form #findAddrBtnDiv { margin-top: 10px; }
/*#signup_affiliate_account_form .field,
#signup_affiliate_account_form .input-box { width: 270px; }*/
/* End */
.data-table tr.affiliate-program-info-head {
color: White;
background-color:#3C3434;
}
.data-table tr.affiliate-program-info-head th {
font-size: 12px;
padding: 3px 5px;
}
.data-table tr.affiliate-program-info-1 {
color: White;
background-color:#4BB645;
}
.data-table tr.affiliate-program-info-2 {
color: White;
background-color:#1C78F6;
}
.data-table tr.affiliate-program-info-3 {
color: White;
background-color:#E38C3D;
}
.data-table tr.affiliate-program-info-4 {
color: White;
background-color:#C61DF6;
}
.affiliateplus-account-bottom button.button div {
width: 179px;
height: 53px;
padding-left: 17px;
padding-top: 10px;
text-align: left;
text-transform:uppercase;
font-size: 9px;
color: Gray;
}
.affiliateplus-account-bottom button.button div strong {
font-size: 25px;
}
.affiliateplus-account-bottom button.button div span {
font-weight:bold;
}
.affiliateplus-account-bottom button.login-button div strong {
color: #2b519a;
}
.affiliateplus-account-bottom button.register-button div strong {
color: #e67700;
}
.affiliateplus-account-bottom button.contacts-button div strong {
padding-top:7px;
display: inline-block;
}
.affiliateplus-account-register .back-link {
float: right;
}
@media only screen and (max-width: 759px) {
.statistic-transactions .right {
margin-right: 0 !important;
margin-left: 10px;
}
}
/* Affiliateplus Program Plugin stylesheet */
.affiliate-clear { min-height: 18px; clear: both; }
.affiliateplusprogram_total_commission { color: #ff0000; }
.affiliateplus-form-search .input-box .label { font-weight: bold; }
.affiliateplus-form-search .input-box .left input { margin-left: 10px; }
.clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
display: table;
content: "";
line-height: 0;
}
.clearfix:after {
clear: both;
}
.hide-text {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.input-block-level {
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.catalogvideo-list {
*zoom: 1;
position: relative;
}
.catalogvideo-list:before,
.catalogvideo-list:after {
display: table;
content: "";
line-height: 0;
}
.catalogvideo-list:after {
clear: both;
}
.catalogvideo-list .left-side {
width: 480px;
float: left;
}
.catalogvideo-list .left-side .description {
margin: 3px 0 0;
font-size: 11px;
}
.catalogvideo-list .right-side {
position: absolute;
width: 150px;
height: 360px;
left: 503px;
top: 62px;
overflow-y: auto;
overflow-x: hidden;
}
.catalogvideo-list .right-side .item {
margin-bottom: 10px;
cursor: pointer;
position: relative;
width: 130px;
height: 97px;
}
.catalogvideo-list .right-side .item:hover::after,
.catalogvideo-list .right-side .item.active::after {
content: '';
width: 120px;
height: 87px;
border: 5px solid #FF5300;
position: absolute;
top: 0px;
right: 0px;
}
.catalogvideo-list .right-side .item.active {
cursor: default;
}
.clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
display: table;
content: "";
line-height: 0;
}
.clearfix:after {
clear: both;
}
.hide-text {
font: normal 0px/0em a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.input-block-level {
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.menu-default#nav ul.level0 {
background: #ECF3F6;
}
.menu-default#nav ul.level0.rows {
width: auto;
}
.menu-default#nav ul.level0 li {
background: none;
}
.menu-default#nav ul.level0 li.parent a {
background: none;
}
.menu-default#nav ul.level0 li.parent a:hover {
background: #D5E4EB;
}
.menu-default#nav ul.level0 ul {
position: relative;
display: block;
left: auto;
top: auto;
margin-left: 10px;
border: none;
width: auto;
}
.menu-default#nav ul.level0 li.divider {
background: #ccc;
height: 1px;
padding: 0;
}
.menu-default#nav li.level0.open > ul {
left: 0;
display: block;
}
.menu-default#nav li.level0 > ul {
display: block;
left: 0;
display: none;
}
.menu-default#nav .columns {
*zoom: 1;
}
.menu-default#nav .columns:before,
.menu-default#nav .columns:after {
display: table;
content: "";
line-height: 0;
}
.menu-default#nav .columns:after {
clear: both;
}
.menu-default#nav .columns .column {
float: left;
position: relative;
width: 197px;
z-index: 100;
margin-right: 10px;
}
.menu-default#nav .columns .column > ul {
margin-left: 0px;
}
.menu-default#nav .columns.columns-2 {
width: 424px;
}
.menu-default#nav .columns.columns-2 > ul {
width: 424px;
*zoom: 1;
}
.menu-default#nav .columns.columns-2 > ul:before,
.menu-default#nav .columns.columns-2 > ul:after {
display: table;
content: "";
line-height: 0;
}
.menu-default#nav .columns.columns-2 > ul:after {
clear: both;
}
.menu-default#nav .columns.columns-3 {
width: 621px;
}
.menu-default#nav .columns.columns-3 > ul {
width: 631px;
*zoom: 1;
}
.menu-default#nav .columns.columns-3 > ul:before,
.menu-default#nav .columns.columns-3 > ul:after {
display: table;
content: "";
line-height: 0;
}
.menu-default#nav .columns.columns-3 > ul:after {
clear: both;
}
.menu-default#nav .columns.columns-4 {
width: 828px;
}
.menu-default#nav .columns.columns-4 > ul {
width: 838px;
*zoom: 1;
}
.menu-default#nav .columns.columns-4 > ul:before,
.menu-default#nav .columns.columns-4 > ul:after {
display: table;
content: "";
line-height: 0;
}
.menu-default#nav .columns.columns-4 > ul:after {
clear: both;
}
.menu-default#nav .columns.columns-5 {
width: 1035px;
}
.menu-default#nav .columns.columns-5 > ul {
width: 1045px;
*zoom: 1;
}
.menu-default#nav .columns.columns-5 > ul:before,
.menu-default#nav .columns.columns-5 > ul:after {
display: table;
content: "";
line-height: 0;
}
.menu-default#nav .columns.columns-5 > ul:after {
clear: both;
}
.menu-blue, #menu-top-fix-bg {
height: 40px;
background-color: #3C3434;
background-repeat: no-repeat;
*zoom: 1;
z-index: 1000;
}
#menu-top-fix-bg {
top: 0;
left: 0;
width: 100%;
height: 41px;
padding: 0 !important;
background-color: #3C3434;
/*border-bottom: 1px solid #666;*/
position: fixed;
/*-webkit-box-shadow: 3px 3px 2px rgba(0,0,0,0.5);
-moz-box-shadow: 3px 3px 2px rgba(0,0,0,0.5);
-o-box-shadow: 3px 3px 2px rgba(0,0,0,0.5);
box-shadow: 3px 3px 2px rgba(0,0,0,0.5); */
z-index: 1;
}
.menu-blue:before,
.menu-blue:after {
display: table;
content: "";
line-height: 0;
}
.menu-blue:after {
clear: both;
}
.menu-blue .h1 {
border-bottom: 1px solid #E8E8E8;
color: #3C3434;
font-size: 15px;
line-height: 15px;
margin-bottom: 5px;
padding: 5px 3px 5px 3px;
font-weight: bold;
text-transform: uppercase;
}
.menu-blue .h2 {
border-bottom: 1px solid #E8E8E8;
color: #3C3434;
font-size: 15px;
line-height: 15px;
margin-bottom: 5px;
padding: 5px 3px 5px 3px;
font-weight: bold;
text-transform: uppercase;
font-size: 14px;
line-height: 14px;
}
.menu-blue .h3 {
border-bottom: 1px solid #E8E8E8;
color: #3C3434;
font-size: 15px;
line-height: 15px;
margin-bottom: 5px;
padding: 5px 3px 5px 3px;
font-weight: bold;
text-transform: uppercase;
font-size: 13px;
line-height: 13px;
}
.menu-blue .h4 {
border-bottom: 1px solid #E8E8E8;
color: #3C3434;
font-size: 15px;
line-height: 15px;
margin-bottom: 5px;
padding: 5px 3px 5px 3px;
font-weight: bold;
text-transform: uppercase;
font-size: 12px;
line-height: 12px;
}
.menu-blue .h5 {
border-bottom: 1px solid #E8E8E8;
color: #3C3434;
font-size: 15px;
line-height: 15px;
margin-bottom: 5px;
padding: 5px 3px 5px 3px;
font-weight: bold;
text-transform: uppercase;
font-size: 11px;
line-height: 11px;
}
.menu-blue .h6 {
border-bottom: 1px solid #E8E8E8;
color: #3C3434;
font-size: 15px;
line-height: 15px;
margin-bottom: 5px;
padding: 5px 3px 5px 3px;
font-weight: bold;
text-transform: uppercase;
font-size: 10px;
line-height: 10px;
}
.menu-blue li {
position: relative;
}
.menu-sub-cat-container.menu-blue li,
.menu-blue li.level1 {
height: 40px;
border-right: solid 1px #666666;
border-left: solid 1px #222222;
}
.menu-blue li.level1 div.note {
font-size: 12px;
text-align: center;
white-space: nowrap;
text-transform: capitalize;
line-height: 12px;
font-family: arial;
}
.menu-sub-cat-container.menu-blue li > a,
.mobile-menu-active .menu-blue li a,
.menu-blue li.level1 > a {
height: 32px;
color: #ffffff;
display: block;
font: bold 15px/1.2em arial, helvetica, sans-serif;
margin: 0;
padding: 4px 10px 4px 10px;
position: relative;
text-decoration: none;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
text-transform: uppercase;
}
.menu-blue li.level1 > a.note {
padding: 4px 10px 4px 10px;
}
.menu-blue li.level1 > a div.note {
font-size: 12px;
text-align: center;
white-space: nowrap;
text-transform: capitalize;
line-height: 12px;
font-family: arial, helvetica, sans-serif;
}
.menu-sub-cat-container.menu-blue li.open > a,
.menu-blue li.level1.open > a {
/*background-color: #4BB645;*/
}
.menu-blue li.level1.open div.sub {
display: block;
}
.menu-blue li.level1 div.sub {
z-index: 1000;
position: absolute;
display: none;
background: #4bb645;
padding: 10px;
width: auto;
}
.menu-blue li.level1 div.sub .sub-container {
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
background: #ffffff;
border-top: 1px solid #ABAAAA;
}
.menu-blue li.level1 div.sub .sub-container > ul,
.menu-blue li.level1 div.sub .sub-container > div {
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
margin-left: 0px;
padding: 10px 0 10px 10px;
min-width: 70px;
}
.menu-blue li.level1 li {
display: block;
padding: 1px 0px;
position: relative;
text-align: left;
}
.menu-blue li.level1 li a {
color: #444 !important;
text-decoration: none;
font-size: 12px;
padding: 0px 3px 0px 3px;
display: block;
text-align: left;
background-color: transparent;
}
.menu-blue li.level1 li a:hover {
color: #f60 !important;
}
.menu-blue li.level1 li a.h1 {
border-bottom: 1px solid #E8E8E8;
color: #3C3434;
font-size: 15px;
line-height: 15px;
margin-bottom: 5px;
padding: 5px 3px 5px 3px;
font-weight: bold;
text-transform: uppercase;
}
.menu-blue li.level1 li a.h2 {
border-bottom: 1px solid #E8E8E8;
color: #3C3434;
font-size: 15px;
line-height: 15px;
margin-bottom: 5px;
padding: 5px 3px 5px 3px;
font-weight: bold;
text-transform: uppercase;
font-size: 14px;
line-height: 14px;
}
.menu-blue li.level1 li a.h3 {
border-bottom: 1px solid #E8E8E8;
color: #3C3434;
font-size: 15px;
line-height: 15px;
margin-bottom: 5px;
padding: 5px 3px 5px 3px;
font-weight: bold;
text-transform: uppercase;
font-size: 13px;
line-height: 13px;
}
.menu-blue li.level1 li a.h4 {
border-bottom: 1px solid #E8E8E8;
color: #3C3434;
font-size: 15px;
line-height: 15px;
margin-bottom: 5px;
padding: 5px 3px 5px 3px;
font-weight: bold;
text-transform: uppercase;
font-size: 12px;
line-height: 12px;
}
.menu-blue li.level1 li a.h5 {
border-bottom: 1px solid #E8E8E8;
color: #3C3434;
font-size: 15px;
line-height: 15px;
margin-bottom: 5px;
padding: 5px 3px 5px 3px;
font-weight: bold;
text-transform: uppercase;
font-size: 11px;
line-height: 11px;
}
.menu-blue li.level1 li a.h6 {
border-bottom: 1px solid #E8E8E8;
color: #3C3434;
font-size: 15px;
line-height: 15px;
margin-bottom: 5px;
padding: 5px 3px 5px 3px;
font-weight: bold;
text-transform: uppercase;
font-size: 10px;
line-height: 10px;
}
.menu-blue li.level1 li ul {
margin-left: 15px;
}
.menu-blue li.level1 li.divider {
padding: 0;
background: #e8e8e8;
border: none;
margin: 3px 0px;
height: 1px;
}
.menu-blue li.level1 li.text {
padding: 5px;
}
.menu-blue li.head {
border-bottom: 1px solid #E8E8E8;
color: #3C3434;
font-size: 15px;
line-height: 15px;
margin-bottom: 5px;
padding: 5px 3px 5px 3px;
font-weight: bold;
text-transform: uppercase;
font-size: 10px;
line-height: 10px;
}
.menu-blue li.head.h1 {
border-bottom: 1px solid #E8E8E8;
color: #3C3434;
font-size: 15px;
line-height: 15px;
margin-bottom: 5px;
padding: 5px 3px 5px 3px;
font-weight: bold;
text-transform: uppercase;
}
.menu-blue li.head.h2 {
border-bottom: 1px solid #E8E8E8;
color: #3C3434;
font-size: 15px;
line-height: 15px;
margin-bottom: 5px;
padding: 5px 3px 5px 3px;
font-weight: bold;
text-transform: uppercase;
font-size: 14px;
line-height: 14px;
}
.menu-blue li.head.h3 {
border-bottom: 1px solid #E8E8E8;
color: #3C3434;
font-size: 15px;
line-height: 15px;
margin-bottom: 5px;
padding: 5px 3px 5px 3px;
font-weight: bold;
text-transform: uppercase;
font-size: 13px;
line-height: 13px;
}
.menu-blue li.head.h4 {
border-bottom: 1px solid #E8E8E8;
color: #3C3434;
font-size: 15px;
line-height: 15px;
margin-bottom: 5px;
padding: 5px 3px 5px 3px;
font-weight: bold;
text-transform: uppercase;
font-size: 12px;
line-height: 12px;
}
.menu-blue li.head.h5 {
border-bottom: 1px solid #E8E8E8;
color: #3C3434;
font-size: 15px;
line-height: 15px;
margin-bottom: 5px;
padding: 5px 3px 5px 3px;
font-weight: bold;
text-transform: uppercase;
font-size: 11px;
line-height: 11px;
}
.menu-blue li li.active > a {
color: #f60 !important;
}
.menu-blue li.active.level1 > a {
/*background-color: #4BB645;*/
}
.menu-blue.menu-top {
margin: 0 auto 0 4px;
box-sizing: border-box;
width: 100%;
max-width: 1002px;
/*position: relative;*/
z-index: 888;
clear: both;
border-bottom: 1px solid #666;
-moz-border-radius:5px;
border-radius:5px;
-webkit-border-radius:5px;
}
.menu-blue.menu-top li.level1 {
float: left;
border-right: solid 1px #666666;
border-left: solid 1px #222222;
}
.website-wannapack .menu-blue.menu-top li.level1 {
min-width: 100px;
}
.website-wannapack .menu-blue.menu-top li.level1 {
width: 136px;
}
@media only screen and (max-width: 999px) {
.menu-sub-cat-container.menu-blue.menu-top li,
.menu-blue.menu-top li.level1 {
min-width: 0 !important;
}
}
.menu-blue.menu-top li.level1.first {
border-left-style: none;
}
.menu-blue.menu-top li.level1.last {
border-right-style: none;
}
.menu-top-fix.menu-blue.menu-top li.level1.first {
border-left: solid 1px #666666;
}
.menu-top-fix.menu-blue.menu-top li.level1.last {
border-right-style: solid;
}
.menu-blue.menu-top li.level1 > a {
text-align: center;
}
.menu-blue.menu-top li.level1 div.sub {
z-index: 201;
position: absolute;
top: 38px;
left: 0px;
-webkit-border-radius: 0px 0px 7px 7px;
-moz-border-radius: 0px 0px 7px 7px;
border-radius: 0px 0px 7px 7px;
-webkit-box-shadow: 3px 3px 2px rgba(0,0,0,0.5);
-moz-box-shadow: 3px 3px 2px rgba(0,0,0,0.5);
-o-box-shadow: 3px 3px 2px rgba(0,0,0,0.5);
box-shadow: 3px 3px 2px rgba(0,0,0,0.5);
}
.menu-blue.menu-top li.level1.first div.sub {
}
.menu-blue.menu-right,
.menu-blue.menu-left {
margin-bottom: 15px;
z-index: 100;
}
.menu-blue.menu-right li.level1,
.menu-blue.menu-left li.level1 {
border-color: #15416f #15416f #3b6692 #3b6692;
border-style: solid;
border-width: 1px 0px;
}
.menu-blue.menu-right li.level1 > a,
.menu-blue.menu-left li.level1 > a {
text-align: left;
}
.menu-blue.menu-right li.level1 div.sub,
.menu-blue.menu-left li.level1 div.sub {
z-index: 101;
position: absolute;
top: -1px;
}
.menu-blue.menu-right li.level1 div.sub {
right: 195px;
-webkit-border-radius: 7px 0px 7px 7px;
-moz-border-radius: 7px 0px 7px 7px;
border-radius: 7px 0px 7px 7px;
}
.menu-blue.menu-left li.level1 div.sub {
left: 195px;
-webkit-border-radius: 0px 7px 7px 7px;
-moz-border-radius: 0px 7px 7px 7px;
border-radius: 0px 7px 7px 7px;
}
.menu-blue .columns {
*zoom: 1;
}
.menu-blue .columns:before,
.menu-blue .columns:after {
display: table;
content: "";
line-height: 0;
}
.menu-blue .columns:after {
clear: both;
}
.menu-blue .columns .column {
float: left;
position: relative;
width: 177px;
z-index: 100;
margin-right: 10px;
}
.website-wannapack .menu-blue .columns .column {
width: 140px;
}
.menu-blue .columns .column.group-column-removal-kits {
width: 195px;
}
.category-moving-boxes .menu-blue .columns .column.group-column-boxes {
width: 167px;
}
.menu-blue .columns .column > ul {
margin-left: 0px;
}
.menu-blue .columns.columns-2 {
width: 377px;
}
.website-wannapack .menu-blue .nav-2 .columns.columns-1,
.website-wannapack .menu-blue .nav-3 .columns.columns-1,
.website-wannapack .menu-blue .columns.columns-2 {
width: 300px;
}
.menu-blue .columns.columns-3 {
width: 540px;
}
.website-wannapack .menu-blue .nav-2 .columns.columns-2,
.website-wannapack .menu-blue .nav-3 .columns.columns-2,
.website-wannapack .menu-blue .columns.columns-3 {
width: 460px;
}
.website-wannapack .menu-blue .nav-2 .columns.columns-3,
.website-wannapack .menu-blue .columns.columns-3 {
width: 620px;
}
.menu-blue .columns.columns-4 {
width: 748px;
}
.menu-blue .nav-1 .columns.columns-4 {
width: 774px;
}
.menu-blue .columns.columns-5 {
width: 972px;
}
.website-wannapack .menu-blue .columns.columns-4,
.website-wannapack .menu-blue .columns.columns-5 {
width: 770px;
}
.website-wannapack .menu-blue .nav-1 .columns.columns-5 {
width: 930px;
}
.menu-blue table tr td {
padding: 5px;
}
/**/
.menu-blue li.group-head {
border-bottom-style: none;
color: #F56B00;
/*margin-bottom: 5px;
padding: 5px 3px 5px 3px;
font-weight: bold;*/
text-transform: none;
font-size: 14px;
line-height: 14px;
}
.menu-blue .group-column-special-offers li.group-head {
display: none;
}
/**/
.menu-blue .columns .column.group-column-special-offers {
font-weight: bold;
float: right;
margin-top: 40px;
margin-right: 0;
}
/**/
.menu-blue li.level1 li .sub-nav ul {
margin-left: 0;
font-weight: bold;
}
.menu-blue li.level1 li .product-name {
font-weight: bold;
font-size: 14px;
}
.menu-blue li.level1 li div.note {
white-space: normal;
text-align: left;
}
.menu-blue li.level1 span.best-seller,
.menu-blue li.level1 .best-seller span {
display: block;
}
.menu-blue li.level1 .best-seller .viewbtn {
background-image: url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/view-related-sprite.gif); width: 40px; height: 20px; border: none; cursor: pointer; display: block; text-indent: -9999px; overflow: hidden; border: none; float: right; clear: both;
}
.menu-blue li.level1 a:hover .best-seller .viewbtn {
background-image: url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/view-related-sprite.gif); width: 40px; height: 20px; border: none; cursor: pointer; display: block; text-indent: -9999px; overflow: hidden; border: none; float: right; clear: both;
}
.menu-blue li.level1 li.top-nav-bq a {
background:url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/boxquote-banner.jpg) no-repeat 0 0;
width: 394px;
height: 78px;
margin-top: 10px;
text-indent: -9999px;
overflow: hidden;
}
/* mobile */
@media only screen and (max-width: 999px) {
.menu-blue.menu-top {
margin-left: 0;
}
}
@media only screen and (max-width: 759px) {
.menu-blue, #menu-top-fix-bg {
height: auto;
}
.mobile-menu-active .menu-blue.menu-top {
margin: 0;
position: absolute !important;
width: 100%;
max-width: 500px;
box-sizing: border-box;
overflow: hidden;
border: 2px solid #3C3434;
border-radius: 5px;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-box-shadow: 3px 3px 2px rgba(0,0,0,0.5);
-moz-box-shadow: 3px 3px 2px rgba(0,0,0,0.5);
-o-box-shadow: 3px 3px 2px rgba(0,0,0,0.5);
box-shadow: 3px 3px 2px rgba(0,0,0,0.5);
background-color: White;
}
.mobile-menu-active .menu-blue .full-menu-only {
display: none;
}
.mobile-menu-active .menu-blue .mobile-menu-only {
display: inline-block !important;
}
.mobile-menu-active .menu-blue.menu-top li > a {
text-shadow: none;
cursor: pointer;
}
.mobile-menu-active .menu-blue li.head {
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
margin-bottom: 0;
}
.mobile-menu-active .menu-blue.menu-top li,
.mobile-menu-active .menu-blue.menu-top li.level1 {
display: block;
float: none;
width: 100%;
padding: 0;
border-right: none;
border-left: none;
border-bottom-style: none;
border-top: solid 1px #222222;
}
.mobile-menu-active .menu-blue.menu-top li.first,
.mobile-menu-active .menu-blue.menu-top li.menu-back {
border-top-style: none;
}
.mobile-menu-active .menu-blue.menu-top li.subhead,
.mobile-menu-active .menu-blue.menu-top li.menu-back {
background-color: #5e5e5e;
}
.mobile-menu-active .menu-blue.menu-top li.subhead,
.mobile-menu-active .menu-blue.menu-top li.menu-back a,
.mobile-menu-active .menu-blue.menu-top.menu-sub-cat-container li.menu-back > a {
color: White;
font-weight: bold;
}
.mobile-menu-active .menu-blue.menu-top li.subhead {
height: 32px;
padding-left: 10px;
line-height: 32px;
font-size: 16px;
}
.mobile-menu-active .menu-blue.menu-top li.subhead,
.mobile-menu-active .menu-blue.menu-top li.otherstoremenutab {
display: block !important;
}
.mobile-menu-active .menu-blue li a,
.mobile-menu-active .menu-blue li > a div.note,
.mobile-menu-active .menu-blue li.level1 a,
.mobile-menu-active .menu-blue li.level1 > a div.note,
.mobile-menu-active .menu-blue li a:active,
.mobile-menu-active .menu-blue li > a:active div.note,
.mobile-menu-active .menu-blue li.level1 a:active,
.mobile-menu-active .menu-blue li.level1 > a:active div.note,
.mobile-menu-active .menu-blue li a:hover,
.mobile-menu-active .menu-blue li > a:hover div.note,
.mobile-menu-active .menu-blue li.level1 a:hover,
.mobile-menu-active .menu-blue li.level1 > a:hover div.note {
color: #444;
font-size: 18px;
font-weight: normal;
text-align: left;
white-space: nowrap;
text-transform: none;
line-height: 32px;
font-family: arial, helvetica, sans-serif;
}
.mobile-menu-active .menu-blue li > a div.note,
.mobile-menu-active .menu-blue li.level1 > a div.note {
display: inline;
}
.mobile-menu-active .menu-blue li.group-head a,
.mobile-menu-active .menu-blue li.level1 a {
background: url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/arrow-right-black.svg) no-repeat 98% center;
background-size: 11px 19px;
}
.mobile-menu-active .menu-blue li.menu-back a {
background-image: none;
text-align: center;
}
.mobile-menu-active .menu-blue li.menu-back a span {
display: inline-block;
height: 32px;
padding: 0 0 0 22px;
background: url(https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/arrow-left-white.svg) no-repeat left center;
background-size: 11px 19px;
text-align: center;
}
.mobile-menu-active .menu-blue li.level1.category-1 a,
.mobile-menu-active .menu-blue li.level1.spoffersmenutab a,
.mobile-menu-active .menu-blue li.level1.otherstoremenutab a {
background-image: none;
}
.mobile-menu-active .menu-blue li.level1.packingboxes > a div.note,
.mobile-menu-active .menu-blue li.level1.storageboxes > a div.note {
display: none;
}
.mobile-menu-active .menu-blue.menu-top li.first,
.mobile-menu-active .menu-blue.menu-top li.level1.first,
.mobile-menu-active li.packingboxes.open a {
border-top-style: none !important;
}
.mobile-menu-active .menu-blue li.last,
.mobile-menu-active .menu-blue li.last a,
.mobile-menu-active .menu-blue li.level1.last,
.mobile-menu-active .menu-blue li.level1.last a,
.mobile-menu-active .menu-blue li.level1.last a:hover,
.mobile-menu-active .menu-blue li.level1.last a.active {
border-bottom-style: none !important;
}
.mobile-menu-active .menu-blue li a img {
width: 32px !important;
height: 32px !important;
vertical-align: top !important;
}
.mobile-menu-active .menu-blue.menu-top li.level1 div.sub,
.mobile-menu-active .menu-blue li.level1.open div.sub {
display: none;
}
.mobile-menu-active .desktop-sub-cat {
display: none !important;
}
.mobile-menu-active .mobile-sub-cat {
display: block !important;
}
.mobile-menu-active .menu-blue.menu-top .mobile-sub-cat {
}
.mobile-menu-active .menu-blue.menu-top .mobile-sub-cat li > a {
text-shadow: none;
}
.mobile-menu-active .menu-blue li a.active,
.mobile-menu-active .menu-blue li.active a,
.mobile-menu-active .menu-blue li.level1 a.active,
.mobile-menu-active .menu-blue li.level1 > a.active div.note {
color: #F56B00 !important;
}
.mobile-menu-active .top-nav-bq {
}
}
.clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
display: table;
content: "";
line-height: 0;
}
.clearfix:after {
clear: both;
}
.hide-text {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.input-block-level {
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.menu-default#nav ul.level0 {
background: #ECF3F6;
}
.menu-default#nav ul.level0.rows {
width: auto;
}
.menu-default#nav ul.level0 li {
background: none;
}
.menu-default#nav ul.level0 li.parent a {
background: none;
}
.menu-default#nav ul.level0 li.parent a:hover {
background: #D5E4EB;
}
.menu-default#nav ul.level0 ul {
position: relative;
display: block;
left: auto;
top: auto;
margin-left: 10px;
border: none;
width: auto;
}
.menu-default#nav ul.level0 li.divider {
background: #ccc;
height: 1px;
padding: 0;
}
.menu-default#nav li.level0.open > ul {
left: 0;
display: block;
}
.menu-default#nav li.level0 > ul {
display: block;
left: 0;
display: none;
}
.menu-default#nav .columns {
*zoom: 1;
}
.menu-default#nav .columns:before,
.menu-default#nav .columns:after {
display: table;
content: "";
line-height: 0;
}
.menu-default#nav .columns:after {
clear: both;
}
.menu-default#nav .columns .column {
float: left;
position: relative;
width: 197px;
z-index: 100;
margin-right: 10px;
}
.menu-default#nav .columns .column > ul {
margin-left: 0px;
}
.menu-default#nav .columns.columns-2 {
width: 424px;
}
.menu-default#nav .columns.columns-2 > ul {
width: 424px;
*zoom: 1;
}
.menu-default#nav .columns.columns-2 > ul:before,
.menu-default#nav .columns.columns-2 > ul:after {
display: table;
content: "";
line-height: 0;
}
.menu-default#nav .columns.columns-2 > ul:after {
clear: both;
}
.menu-default#nav .columns.columns-3 {
width: 621px;
}
.menu-default#nav .columns.columns-3 > ul {
width: 631px;
*zoom: 1;
}
.menu-default#nav .columns.columns-3 > ul:before,
.menu-default#nav .columns.columns-3 > ul:after {
display: table;
content: "";
line-height: 0;
}
.menu-default#nav .columns.columns-3 > ul:after {
clear: both;
}
.menu-default#nav .columns.columns-4 {
width: 828px;
}
.menu-default#nav .columns.columns-4 > ul {
width: 838px;
*zoom: 1;
}
.menu-default#nav .columns.columns-4 > ul:before,
.menu-default#nav .columns.columns-4 > ul:after {
display: table;
content: "";
line-height: 0;
}
.menu-default#nav .columns.columns-4 > ul:after {
clear: both;
}
.menu-default#nav .columns.columns-5 {
width: 1035px;
}
.menu-default#nav .columns.columns-5 > ul {
width: 1045px;
*zoom: 1;
}
.menu-default#nav .columns.columns-5 > ul:before,
.menu-default#nav .columns.columns-5 > ul:after {
display: table;
content: "";
line-height: 0;
}
.menu-default#nav .columns.columns-5 > ul:after {
clear: both;
}
.menu-white {
*zoom: 1;
background: #fff;
font-family: "arial", "sans-serif";
position: relative;
z-index: 1000;
}
.menu-white:before,
.menu-white:after {
display: table;
content: "";
line-height: 0;
}
.menu-white:after {
clear: both;
}
.menu-white.menu-top {
margin: 0 auto;
padding: 0px 0px;
position: relative;
width: 950px;
z-index: 1000;
}
.menu-white.menu-top li {
position: relative;
}
.menu-white.menu-top li.level1 {
float: left;
min-width: auto;
width: auto;
}
.menu-white.menu-top li.level1 > a {
text-align: center;
}
.menu-white.menu-top li.level1 div.sub {
-webkit-border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
border-top: 3px solid #2e3741;
left: 0px;
position: absolute;
top: 40px;
z-index: 1000;
}
.menu-white.menu-right,
.menu-white.menu-left {
-webkit-border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
border-top: 3px solid #2e3741;
margin-bottom: 15px;
padding: 15px 0px 8px 15px;
z-index: 100;
}
.menu-white.menu-right li.level1,
.menu-white.menu-left li.level1 {
height: auto;
}
.menu-white.menu-right li.level1 > a,
.menu-white.menu-left li.level1 > a {
padding: 0 0 7px 0;
text-align: left;
font-weight: normal;
}
.menu-white.menu-right li.level1 > a.note,
.menu-white.menu-left li.level1 > a.note {
padding: 0 0 7px 0;
}
.menu-white.menu-right li.level1:hover > a,
.menu-white.menu-left li.level1:hover > a {
font-weight: bold;
}
.menu-white.menu-right li.level1 div.sub,
.menu-white.menu-left li.level1 div.sub {
z-index: 1000;
position: absolute;
border-top: 3px solid #2e3741;
top: -3px;
left: 190px;
}
.menu-white li {
display: block;
padding: 1px 0px;
}
.menu-white li a {
color: #333;
text-decoration: none;
text-align: left;
display: block;
}
.menu-white li a:hover {
color: #E47911;
text-decoration: none;
}
.menu-white li ul {
margin-left: 15px;
}
.menu-white li.level1 {
height: 38px;
}
.menu-white li.level1.pull-right {
float: right;
}
.menu-white li.level1 div.note {
color: #999;
font-size: 10px;
text-transform: none;
font-weight: normal;
text-shadow: none;
}
.menu-white li.level1 > a {
color: #333;
display: block;
line-height: 13px;
margin: 0;
padding: 12px 10px 14px 10px;
position: relative;
text-decoration: none;
z-index: 1100;
font-weight: bold;
}
.menu-white li.level1 > a.note {
padding: 6px 10px 14px 10px;
}
.menu-white li.level1 > a div.note {
color: #999999;
}
.menu-white li.level1 div.sub {
z-index: 1000;
position: absolute;
display: none;
background: #fff;
-webkit-border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.5);
}
.menu-white li.level1 div.sub .sub-container > ul,
.menu-white li.level1 div.sub .sub-container > div {
min-width: 205px;
}
.menu-white li.level1:hover {
background: none;
}
.menu-white li.level1:hover > a {
background: none;
color: #E47911;
}
.menu-white li.level1:hover div.sub {
display: block;
}
.menu-white li.divider {
border-top: 1px solid #EEE;
background: none;
padding: 0;
margin: 0px 0px 5px 0px;
}
.menu-white .columns {
*zoom: 1;
padding: 10px;
}
.menu-white .columns:before,
.menu-white .columns:after {
display: table;
content: "";
line-height: 0;
}
.menu-white .columns:after {
clear: both;
}
.menu-white .columns .column {
float: left;
position: relative;
width: 205px;
z-index: 100;
margin-right: 10px;
}
.menu-white .columns .column > ul {
margin-left: 0px;
}
.menu-white .columns.columns-2 {
width: 430px;
}
.menu-white .columns.columns-3 {
width: 645px;
}
.menu-white .columns.columns-4 {
width: 860px;
}
.menu-white .columns.columns-5 {
width: 1075px;
}
.menu-white .h1 {
font-size: 15px;
margin-bottom: 5px;
color: #E47911;
}
.menu-white .h2 > a {
font-size: 15px;
margin-bottom: 5px;
color: #E47911;
font-size: 14px;
}
.menu-white .h3 {
font-size: 15px;
margin-bottom: 5px;
color: #E47911;
font-size: 13px;
}
.menu-white .h3 > a {
font-size: 15px;
margin-bottom: 5px;
color: #E47911;
font-size: 13px;
}
.menu-white .h4 > a {
font-size: 15px;
margin-bottom: 5px;
color: #E47911;
font-size: 12px;
}
.menu-white .h5 > a {
font-size: 15px;
margin-bottom: 5px;
color: #E47911;
font-size: 11px;
}
.menu-white .h6 > a {
font-size: 15px;
margin-bottom: 5px;
color: #E47911;
font-size: 18px;
}
.menu-white .head {
font-size: 15px;
margin-bottom: 5px;
font-size: 18px;
color: #E47911;
}
.clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
display: table;
content: "";
line-height: 0;
}
.clearfix:after {
clear: both;
}
.hide-text {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.input-block-level {
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.searchautocomplete {
position: absolute;
top: 0;
right: 0px;
height: 34px;
width: 340px;
padding: 0;
-webkit-border-radius: 0px 0px 0px 5px;
-moz-border-radius: 0px 0px 0px 5px;
border-radius: 0px 0px 0px 5px;
background: #fff;
display: block;
}
.searchautocomplete .sprite {
background: url('https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/mirasvit/sprite.png');
}
.searchautocomplete > label {
/*float: left;
margin-right: 10px;
color: #333;
font-weight: bold;
margin-top: 8px;*/
display: none;
}
.searchautocomplete .nav {
background: url('https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/mirasvit/sprite.png');
float: left;
height: 34px;
position: relative;
width: 260px;
}
.searchautocomplete .nav .nav-search-in {
position: absolute;
top: 0px;
left: 0px;
z-index: 11;
}
.searchautocomplete .nav .nav-search-in .category {
opacity: 0;
filter: alpha(opacity=0);
background: white;
border: 1px solid #DDD;
color: black;
cursor: pointer;
height: 29px;
left: 5px;
margin: 0;
outline: 0;
padding: 0;
position: absolute;
top: 5px;
visibility: visible;
width: auto;
}
.searchautocomplete .nav .nav-search-in .category-fake {
-webkit-border-radius: 5px 0px 0px 5px;
-moz-border-radius: 5px 0px 0px 5px;
border-radius: 5px 0px 0px 5px;
background-color: #fcfcfc;
background-image: -moz-linear-gradient(top, #ffffff, #f7f7f7);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f7f7f7));
background-image: -webkit-linear-gradient(top, #ffffff, #f7f7f7);
background-image: -o-linear-gradient(top, #ffffff, #f7f7f7);
background-image: linear-gradient(to bottom, #ffffff, #f7f7f7);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff7f7f7', GradientType=0);
border-right: 1px solid #dddddd;
color: #777;
cursor: pointer;
float: left;
font-size: 11px;
height: 27px;
line-height: 27px;
margin: 4px 0px 0px 2px;
padding: 0px 25px 0px 10px;
text-align: center;
white-space: nowrap;
}
.searchautocomplete .nav .nav-search-in .nav-down-arrow {
background: url('https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/mirasvit/sprite.png');
width: 9px;
height: 5px;
background-position: -26px -34px;
display: block;
right: 10px;
top: 16px;
position: absolute;
}
.searchautocomplete .nav .nav-search-in:hover .category-fake {
background-color: #eeeeee;
background-image: -moz-linear-gradient(top, #f7f7f7, #e1e1e1);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f7f7f7), to(#e1e1e1));
background-image: -webkit-linear-gradient(top, #f7f7f7, #e1e1e1);
background-image: -o-linear-gradient(top, #f7f7f7, #e1e1e1);
background-image: linear-gradient(to bottom, #f7f7f7, #e1e1e1);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff7f7f7', endColorstr='#ffe1e1e1', GradientType=0);
}
.searchautocomplete .nav .nav-search-in:hover .nav-down-arrow {
background-position: -6px -34px;
}
.searchautocomplete .nav .nav-input {
*zoom: 1;
margin: 6px 0px 0px 10px;
padding: 0px 5px 0px 47px;
z-index: 12;
position: relative;
}
.searchautocomplete .nav .nav-input:before,
.searchautocomplete .nav .nav-input:after {
display: table;
content: "";
line-height: 0;
}
.searchautocomplete .nav .nav-input:after {
clear: both;
}
.searchautocomplete .nav .nav-input input {
z-index: 10;
padding: 0px;
height: 23px;
border: 0px;
font-family: arial, sans-serif;
font-size: 12px;
background: transparent;
color: black;
outline: 0px;
margin-left: 5px;
width: 100%;
}
.searchautocomplete .nav .nav-input input.suggest {
display: none;
color: #999;
z-index: 9;
}
.searchautocomplete .nav-submit-button {
background: url('https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/mirasvit/sprite.png');
background-position: 0px -34px;
background-repeat: no-repeat;
float: left;
height: 34px;
padding-left: 5px;
width: 1px;
}
.searchautocomplete .nav-submit-button .button {
width: 37px;
height: 37px;
padding: 0px;
border-radius: 0;
border-style: none;
cursor: pointer;
line-height: 37px;
background: url('https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/btn_go.gif') no-repeat;
text-indent: -9999px;
z-index: 14;
}
.searchautocomplete .nav-submit-button .button:hover {
}
.searchautocomplete .searchautocomplete-placeholder {
-webkit-border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
background: #FFF;
border: 1px solid #ccc;
border-top: none;
padding-top: 5px;
position: absolute;
/*right: 48px;*/
top: 35px;
width: 303px;
z-index: 1020;
-webkit-box-shadow: 3px 3px 2px rgba(0,0,0,0.5);
-moz-box-shadow: 3px 3px 2px rgba(0,0,0,0.5);
-o-box-shadow: 3px 3px 2px rgba(0,0,0,0.5);
box-shadow: 3px 3px 2px rgba(0,0,0,0.5);
}
.searchautocomplete .searchautocomplete-placeholder ul {
list-style: none;
padding: 0;
margin: 0;
}
.searchautocomplete .searchautocomplete-placeholder ul li {
*zoom: 1;
text-align: left;
padding: 5px 5px 2px;
border-bottom: 1px solid #ddd;
}
.searchautocomplete .searchautocomplete-placeholder ul li:before,
.searchautocomplete .searchautocomplete-placeholder ul li:after {
display: table;
content: "";
line-height: 0;
}
.searchautocomplete .searchautocomplete-placeholder ul li:after {
clear: both;
}
.searchautocomplete .searchautocomplete-placeholder ul li a {
text-decoration: none;
}
.searchautocomplete .searchautocomplete-placeholder ul li.active {
background-color: #eeeeee;
cursor: pointer;
}
.searchautocomplete .searchautocomplete-placeholder ul li.active a {
text-decoration: none;
}
.searchautocomplete .searchautocomplete-placeholder ul li .searchautocomlete-image {
float: left;
margin: 0px 10px 5px 0px;
}
.searchautocomplete .searchautocomplete-placeholder ul li .name {
font-size: 14px;
color: #3F6343;
}
.searchautocomplete .searchautocomplete-placeholder ul li .price-box {
color: #C76200;
float: right;
padding: 0;
}
.catalog-category-view .searchautocomplete .searchautocomplete-placeholder ul li .price-box,
.searchautocomplete .searchautocomplete-placeholder ul li .price-box .price {
font-weight: bold;
font-size: 14px;
}
.searchautocomplete .searchautocomplete-placeholder ul li .price-box .regular-price .price-label,
.searchautocomplete .searchautocomplete-placeholder ul li .price-box .old-price .price-label,
.searchautocomplete .searchautocomplete-placeholder ul li .price-box .special-price .price-label {
display: none;
}
.searchautocomplete .searchautocomplete-placeholder ul li .price-box .price-label {
font-weight: normal;
color: #999;
}
.searchautocomplete .searchautocomplete-placeholder ul li .price-box .old-price .price {
font-size: 0.9em;
color: #999;
}
.searchautocomplete .searchautocomplete-placeholder .index-title {
text-align: right;
color: #0A263C;
border-bottom: 1px solid #CCC;
padding: 2px 5px;
}
.searchautocomplete .searchautocomplete-placeholder .index-title span {
color: #666;
font-size: 0.9em;
}
.searchautocomplete .searchautocomplete-placeholder .all {
text-align: right;
margin: 10px 10px 5px 10px;
}
.searchautocomplete .searchautocomplete-loader {
position: absolute;
top: 11px;
right: 10px;
width: 16px;
height: 16px;
background: url('https://www.packingboxes.co.uk/skin/frontend/packing/packingboxes/images/mirasvit/loader.gif');
}
.searchautocomplete-widget {
position: relative;
top: auto;
left: auto;
bottom: auto;
right: auto;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.header .mini-search .slogan {
position: absolute;
top: 38px;
}
.clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
display: table;
content: "";
line-height: 0;
}
.clearfix:after {
clear: both;
}
.hide-text {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.input-block-level {
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.searchindex-results {
*zoom: 1;
margin-bottom: 10px;
border-bottom: 1px solid #a0b3c3;
}
.searchindex-results:before,
.searchindex-results:after {
display: table;
content: "";
line-height: 0;
}
.searchindex-results:after {
clear: both;
}
.searchindex-results li {
margin-bottom: -1px;
float: left;
*zoom: 1;
margin: 0px 2px;
}
.searchindex-results li:before,
.searchindex-results li:after {
display: table;
content: "";
line-height: 0;
}
.searchindex-results li:after {
clear: both;
}
.searchindex-results li a {
font-size: 12px;
font-weight: bold;
color: #333;
display: block;
cursor: pointer;
padding: 2px 5px 1px 5px;
line-height: 20px;
border: 1px solid transparent;
border-bottom: none;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
text-decoration: none;
}
.searchindex-results li a:hover {
background-color: #f1f1f1;
background-image: -moz-linear-gradient(top, #e8e8e8, #ffffff);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e8e8e8), to(#ffffff));
background-image: -webkit-linear-gradient(top, #e8e8e8, #ffffff);
background-image: -o-linear-gradient(top, #e8e8e8, #ffffff);
background-image: linear-gradient(to bottom, #e8e8e8, #ffffff);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#ffffffff', GradientType=0);
border: 1px solid #a0b3c3;
border-bottom: none;
}
.searchindex-results li a span {
font-weight: normal;
font-size: 0.9em;
}
.searchindex-results li.active a {
background-color: #f1f1f1;
background-image: -moz-linear-gradient(top, #e8e8e8, #ffffff);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e8e8e8), to(#ffffff));
background-image: -webkit-linear-gradient(top, #e8e8e8, #ffffff);
background-image: -o-linear-gradient(top, #e8e8e8, #ffffff);
background-image: linear-gradient(to bottom, #e8e8e8, #ffffff);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#ffffffff', GradientType=0);
cursor: default;
border: 1px solid #a0b3c3;
border-bottom: none;
}
.searchindex-result li {
padding: 5px;
}
.searchindex-result li .title a {
font-weight: bold;
color: #203548;
font-size: 13px;
}
.searchindex-result.searchindex-result-category {
margin-bottom: 20px;
}
.searchindex-result.searchindex-result-category li {
padding: 1px 0px;
}
.searchindex-result.searchindex-result-category li a {
font-weight: bold;
color: #203548;
}
/* Alert block */
.scommerce-gdpr-cookienotice{padding: 5px 0; font: 12px/18px Arial, Helvetica, sans-serif; text-align: center}
.scommerce-gdpr-cookienotice .message{max-width: 90%; margin: 0 auto;}
.scommerce-gdpr-cookienotice .message span.cookie-title{display: block; font-size: 16px; font-weight: bold; margin: 0.4em 0 0;}
.scommerce-gdpr-cookienotice .message a{color: #f90; text-decoration: underline;}
.scommerce-gdpr-cookienotice .message a:hover{text-decoration: none;}
.scommerce-gdpr-cookienotice .message .close a{font-size: 16px; text-decoration: none; font-weight: bold;}
.scommerce-gdpr-cookienotice .message .close a:hover{text-decoration: underline;}
/* Delete account attention block */
.scommerce-gdpr-attention-message {color: red;}
#ajaxpro-spinner {
/**/ background: #fff url(https://www.packingboxes.co.uk/skin/frontend/packing/default/images/ajaxpro_loader_animation.gif) no-repeat 50% 50%;
border: 1px solid #aaa;
position: absolute;
top:0;
left:0;
width:300px;
height:135px;
z-index:998;/**/
/* position:fixed;*/
}
.ajaxpro-message {
margin: 10px 0px 10px 0px;;
font-weight: bold;
}
.ajaxpro-or{
margin: 0px;
}
.ajaxpro-continue-button {text-decoration:none;}
.ajaxpro-continue-button:hover{text-decoration:none; background-color: #ddd;}
#ajaxpro-addtocart-form, #ajaxpro-addtocompare-form,
#ajaxpro-addtowishlist-form, #ajaxpro-notice-form {
background: #fff;
border: 1px solid #aaa;
top:0;
left:0;
width:300px;
height:135px;
z-index:999;
text-align:center;
/* position:fixed;*/
position: absolute;
padding: 10px;
border-radius:5px;
}
#ajaxpro-addcustomproduct-form {
background: #fff;
border: 1px solid #aaa;
top:0;
left:0;
width:360px;
/*height:125px;*/
z-index:999;
text-align:center;
/* position:fixed;*/
position: absolute;
padding: 10px;
}
#ajaxpro-addcustomproduct-form .product-view {
width: 340px;
padding: 10px;
border: none;
}
#ajaxpro-addcustomproduct-form .product-shop {
float:none;
}
.form-button, .form-button-alt {
}
.form-button span, .form-button-alt span {
}
.form-button-alt {
}
.ajaxpro-overlay {
width: 100%;
height: 100%;
background: black;
position: fixed;
/* position: absolute;*/
top: 0;
left: 0;
z-index: 99;
display: none;
}
#ajaxpro-scrolling-button {margin: 5px auto; text-align: center; display: block;}
#ajaxpro-scrolling-button span{padding: 5px auto;}
.ajaxpro-header-cart {
/*background: #F8F7F5;*/
width: 200px;
float: right;
}
#ajaxpro-header-cart-content {
background: #FFF;
border: 5px solid #ccc;
position: absolute;
right: 10px;
padding: 10px;
width: 200px;
}
#ajaxpro-header-cart-content .btn-remove,
#ajaxpro-header-cart-content .btn-edit{
float: right;
margin: 1px 0 2px 5px;
}
#ajaxpro-header-cart-content li {
float: left;
clear: both;
}
#ajaxpro-header-cart-content .product-name,
#ajaxpro-header-cart-content .product-details{
text-align: left;
}
#ajaxpro-content-toggler {
color: #1E7EC8;
}
.header-container .top-container .ajaxpro-header-cart a {
color: #1E7EC8;
}
table.pager td {width: auto !important;}
div.vat-switcher-wp {display: block; width: 119px; height: 54px; background: url("https://www.packingboxes.co.uk/skin/frontend/packing/default/images/vat-switch-wp.gif") no-repeat; float: right; margin: 38px 8px 0 0; overflow: hidden;}
div.vat-switcher-wp div.links {display: block; padding: 28px 1px 0 1px;}
div.vat-switcher-wp a {background: url("https://www.packingboxes.co.uk/skin/frontend/packing/default/images/vat-switch-wp.gif") no-repeat; text-indent: -10000px;}
div.vat-switcher-wp div.active {background: url("https://www.packingboxes.co.uk/skin/frontend/packing/default/images/vat-switch-wp.gif") no-repeat; text-indent: -10000px;}
div.vat-switcher-wp a.inc {width: 51px; height: 20px; background-position: 0 -56px; display: block; float: left;}
div.vat-switcher-wp a.inc:hover {background-position: 0 -76px;}
div.vat-switcher-wp div.inc {width: 51px; height: 20px; display: block; float: left; background-position: 0 -76px;}
div.vat-switcher-wp a.exc {width: 48px; height: 20px; background-position: -70px -76px; display: block; float: right;}
div.vat-switcher-wp a.exc:hover {background-position: -70px -56px;}
div.vat-switcher-wp div.exc {width: 48px; height: 20px; display: block; float: right; background-position: -70px -56px;}
div.orderonlinecall-wp {margin-left: 20px;}
.delivery-wp {margin-left: 10px;}
.aitwrap {white-space: nowrap;}