/*TODO: 5 empty lines between sections? */
/* Our custom CSS Normalisation ############################################################################# */
a {
color : #006633;
text-decoration : none;
transition : color 0.2s ease;
}
.theme-orange a {
color : #c62;
}
a:hover {
color : #e69abd;
text-decoration : none;
}
.theme-orange a:hover {
color : #db4;
}
/* remove border around linked images in IE - no need for the ancient border="0" anymore */
a img {
border-width : 0;
}
body {
background-color : #fff;
color : #333;
font-family : Tahoma, Helvetica, Geneva, Arial, sans-serif;
font-size : 13px;
margin : 0px;
}
h1,
h2,
h3,
h4,
h5 {
color : #006633;
font-weight : normal;
line-height : 1.4;
margin : 0em 0em 0.5em 0em;
padding : 0px;
}
.theme-orange h1,
.theme-orange h2,
.theme-orange h3,
.theme-orange h4,
.theme-orange h5 {
color : #e84;
}
h1 {
font-size : 1.8em;
}
h2 {
font-size : 1.6em;
}
h3 {
font-size : 1.4em;
}
h4 {
font-size : 1.2em;
}
/*TODO: the default should be baseline.
But then all the little icons look too high.
Maybe changing the body line-height to unitless 1.4 will help. */
/* max-width should make sure the replaced content doesn't overflow the parent
like it happens sometimes in RHC or mobile product_info */
/*TODO: fix https://www.primrose.co.uk/-c-318_1376.html
- get rid of the wrapping table in RHC for screening_customer_photos_thumbnails_link.png
- it's causing a horizontal scrollbar */
img {
/*TODO: this is a good rule, but requires work on multiple places,
e.g. it collapses ![]() and we have no separators for columns;
on hold for now */
/* max-width : 100%; */
vertical-align : bottom;
}
/* Helper / Utility classes ################################################################################# */
.clearElements {
clear : both;
}
/* clearing floats without additional markup (no need for or similar)
* http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
content : " ";
display : table;
}
.clearfix:after {
clear : both;
}
.clearLeft {
clear : left;
}
.clearRight {
clear : right;
}
.floatLeft {
float : left;
}
.floatRight {
float : right;
}
/*TODO: I'm not too thrilled about this one. We should discuss what goes in here and why is it useful.
Definitely text and background colours should go here. I would like .ellipsis as we use that pretty often.
Paddings and margins are relatively common, too. But around 4 fixed lengths should be enough.
S, M, L, XL maybe. I would probably rename this to .ptL for brevity.
Alignment helpers make sense i guess. Maybe some responsive classes, too?
Some examples:
http://www.sitepoint.com/using-helper-classes-dry-scale-css/
http://www.w3schools.com/bootstrap/bootstrap_ref_css_helpers.asp*/
.marginBottom-10 {
margin-bottom : 10px;
}
.marginLeft-15 {
margin-left : 15px;
}
.paddingTopFifteen {
padding-top : 15px;
}
.text_vmiddle {
vertical-align : middle;
}
.text_vtop {
vertical-align : top;
}
.handwritten {
font-family : "Handlee", Arial, Helvetica, Tahoma, sans-serif;
z-index:-1;
color:#006633;
}
.rowSearch-NL{
height:22px;
text-align:center;
font-family:Lato,sans-serif;
font-size:16px;
color:#006633;
}
@media only screen and (max-width: 766px) {
.rowSearch-NL {
display:none;
}
}
/* Shared styles among stores ############################################################################### */
/* should be used as background of block headers */
/*TODO: i think this qualifies as helper class, if we rename this to .block-header--green.
Should we use BEM? Also, maybe it should define text colour as well? */
.navigationBackground {
background-color : #264;
background-image : -moz-linear-gradient( top, #385 0%, #153 100% );
background-image : -webkit-linear-gradient( top, #385 0%, #153 100% );
background-image : linear-gradient( to bottom, #385 0%, #153 100% );
}
.theme-orange .navigationBackground {
background-color : #eb6;
background-image : linear-gradient( to bottom, #e84 0%, #c62 100% );
}
.subnavBackground {
background-color : #eee; /* fallback */
background-image : -webkit-linear-gradient( top, #fff 20%, #ddd 80% ); /* Android 4.3-, Safari 6.1- */
background-image : linear-gradient( to bottom, #fff 20%, #ddd 80% ); /* W3C */
}
.warrantyBadge {
left : 140px;
position : absolute;
top : 40px;
}
/* Internal Customer Service box - also "Reset Session" button */
.cs_box {
background : repeating-linear-gradient(45deg, #ddd, #ddd 10px, #eee 10px, #eee 20px);
border : 1px solid #999;
color : #333;
display : inline-block;
margin : 1em 0px;
padding : 1em;
position : relative;
}
.cs_box > .cs_box_help {
border-bottom : 1em solid transparent;
border-right : 1em solid orange;
cursor : help;
height : 0px;
position : absolute;
right : 0px;
top : 0px;
width : 0px;
}
.cs_box > .cs_box_help > .cs_box_help_pop {
background-color : rgba( 0, 0, 0, 0.8 );
box-shadow : 0px 1px 3px rgba( 0, 0, 0, 0.2 );
color : #fff;
display : none;
margin-bottom : 10px;
position : absolute;
left : 1em;
padding : 0.3em;
text-align : center;
top : 0px;
width : 150px;
}
.cs_box > .cs_box_help > .cs_box_help_pop > hr {
border-color : rgba( 255, 255, 255, 0.5 );
border-style : dotted;
border-width : 1px 0px 0px 0px;
}
.cs_box > .cs_box_help:hover > .cs_box_help_pop {
display : block;
}
/* Site Header ############################################################################################## */
#siteHeader {
min-width : 0;
position : relative;
height:130px;
}
#siteHeader .rowBackground {
background-color : #fff;
background-image : url('/images/prim_header_bg_sprite.png?_=20160322');
background-repeat : no-repeat;
background-position : right 0px;
min-height : 62px;
}
.theme-orange #siteHeader .rowBackground {
background-image : none;
}
/* #siteHeader .rowBackground .iconsAndContact */
#HeaderTopRight {
float : right;
position : relative;
}
#HeaderTopRight #HeaderTopRight_contact {
float : right;
margin : 0px 0px 0px 5px;
position : relative;
}
#HeaderTopRight #HeaderTopRight_contact .top_mini_navlink {
color : #363636;
display : inline-block;
font-size : 0.9em;
margin-left : 4px;
}
#HeaderTopRight #HeaderTopRight_contact #header_phone_number {
color : #063;
display : block;
font-size : 25px;
margin-top : 6px;
text-align : right;
white-space : nowrap;
}
.theme-orange #HeaderTopRight #HeaderTopRight_contact #header_phone_number {
color : #e84;
}
#HeaderTopRight #HeaderTopRight_icons {
float : left;
position : relative;
width : 200px;
}
#HeaderTopRight #review_count_header {
background-position : 0px -152px;
display : block;
float : left;
height : 23px;
position : relative;
width : 114px;
}
#HeaderTopRight #review_count_header span {
color : #4e5665;
overflow : hidden;
position : absolute;
right : 7px;
text-align : center;
top : 3px;
width : 29px;
font-size : 13px;
}
#HeaderTopRight #facebook_header {
float : right;
width : 84px;
}
#HeaderTopRight .amazon_checkout_header {
background-position : -124px -150px;
cursor : pointer;
display : block;
float : left;
height : 27px;
width : 44px;
}
#HeaderTopRight #amazon_checkout_header_1 {
background-position : -124px -150px;
}
#HeaderTopRight #amazon_checkout_header_8 {
background-position : -415px -150px;
}
#HeaderTopRight #paypal_checkout_header {
background-position : -173px -148px;
display : block;
float : left;
height : 27px;
margin : 0 6px 0 6px;
width : 55px;
}
#HeaderTopRight #creditcard_checkout_header {
background-position : -232px -148px;
display : block;
float : left;
height : 27px;
width : 88px;
}
#HeaderTopRight .customerServicesContainer {
color : #333;
font-size : 10px;
text-align : right;
}
#HeaderTopRight .customerServicesContainer .cs_number {
color : #006633;
font-size : 22px;
padding-left : 4px;
padding-right : 4px;
}
/*TODO: universal selector is bad for performance */
#HeaderTopRight .chatlive,
#HeaderTopRight .chatlive * {
color : #e69abd;
font-size : 14px;
}
/* #siteHeader .rowBackground .iconsAndContact - My Primrose Account Links and Menu */
#myacc-dropdown {
float : left;
z-index : 2;
}
#myacc-dropdown ul.hover,
.file_menu li {
list-style : none;
margin : 0;
padding : 0;
}
.file_menu {
border : 1px solid #CCCCCC;
display : none;
padding : 0px;
width : 180px;
z-index : 100;
}
.file_menu li {
background-color : #FFFFFF;
padding : 0px;
}
.file_menu li:last-child a {
border-bottom : none;
}
.file_menu li a {
border-bottom : 1px solid #CCCCCC;
display : block;
margin : 0 5px;
padding : 10px 5px;
text-decoration : none;
}
#myacc-dropdown .hoverli {
position : relative;
}
.file_menu {
left : -10px;
position : absolute;
top : 100%;
}
#myacc-dropdown .hover ul {
display : none;
}
#myacc-dropdown .hover li:hover > ul {
display : block;
}
#myacc-dropdown .hover ul.parent_hover {
display : block;
}
/* #siteHeader .rowBackground .logoLink */
#siteHeader .rowBackground .logoLink {
height : 150px;
left : 15px;
position : absolute;
top : 10px;
width : 120px;
text-align : center;
z-index : 10;
}
#siteHeader .rowBackground .logoLink img {
height : auto;
width : 100%;
}
.theme-orange #siteHeader .rowBackground .logoLink {
left : 0px;
top : 30px;
width : 160px;
}
.theme-orange #siteHeader .rowBackground .logoLink img {
height : auto;
width : 100%;
}
#siteHeader .rowBackground .logoLink span {
white-space : nowrap
}
.theme-orange #siteHeader .rowBackground .logoLink span {
color : #c62;
}
/* #siteHeader .rowBackground .bannerWrap */
#siteHeader .rowBackground .bannerWrap {
padding-left : 180px;
overflow : hidden;
}
#siteHeader .rowBackground .bannerWrap > a {
display : inline-block;
vertical-align : middle;
}
#siteHeader .rowBackground .bannerWrap > a:first-child {
margin-right : 50px;
}
/* #siteHeader .rowSearch */
#siteHeader .rowSearch {
height : 32px;
z-index:-999;
}
/*TODO: this could have been just overflow: auto and fill the rest of the space.
Then set some max width on the form, so it doesn't get 1000px wide */
#siteHeader .rowSearch .searchFieldWrap {
-webkit-box-sizing : border-box;
-moz-box-sizing : border-box;
box-sizing : border-box;
float : left;
padding-left : 180px;
width : 50%; /* any more will probably cause issues on ipad landscape for IT */
}
#siteHeader .rowSearch #headingTopBarNavLinks {
float : right;
height : 24px;
overflow : hidden;
padding-top : 2px;
text-align : right;
width : auto;
}
#siteHeader .rowSearch #headingTopBarNavLinks a {
border-left : 1px solid #3E9167;
color : #fff;
display : inline-block;
padding : 5px 8px;
}
#siteHeader .rowSearch #headingTopBarNavLinks a:first-of-type {
border-left : 0px;
}
#review_count_header,
.amazon_checkout_header,
#paypal_checkout_header,
#creditcard_checkout_header {
background-image : url('/images/prim_header_bg_sprite.png?_=20160322');
background-repeat : no-repeat;
}
#view_basket_container {
display : block;
float : right;
margin : 1px 0 0;
padding-left : 10px;
}
#view_basket {
border-radius : 4px;
overflow : hidden;
position : relative;
}
#view_basket {
display : inline-block;
height : 17px;
padding : 5px 35px 5px 15px;
position : relative;
text-align : center;
z-index : 1;
}
#view_basket img {
border : none;
position : absolute;
right : 5px;
top : 4px;
}
#basket_count {
color : #005329;
font-size : 0.8em;
position : absolute;
right : 8px;
text-align : center;
text-align : center;
top : 2px;
width : 18px;
z-index : 10;
}
@media only screen and (max-width:767px) {
#view_basket_container {
padding : 0 2px;
}
#view_basket {
background : #E8A0C1 url('/images/mobile/mob_elements_sprite.png') -176px -58px no-repeat!important;
box-shadow : none;
height : 17px;
padding : 5px;
width : 30px;
}
#view_basket .basketText,
#basket_count,
#view_basket img {
display : none;
}
}
#headingTopTabsContainer {
margin : 0;
padding : 0px;
position : relative;
}
.subNav {
padding-left : 180px !important;
}
#breadcrumb_container {
line-height : 25px;
margin-bottom : 10px;
padding-left : 0px;
}
#breadcrumb_container a.back_to {
display : inline;
float : left;
line-height : 25px;
margin : 0 3px 0 0;
padding : 0 5px 0 5px;
}
#breadcrumb_container a.back_to_subtle {
border-right : 4px double #ccc;
padding-right : 10px;
margin-left: 110px;
display:none;
}
#breadcrumb_container #crumbs {
display : block;
list-style : none;
margin : 5px 0 0;
padding : 0px 10px 0 0;
}
#breadcrumb_container #crumbs li {
display : inline-block;
font-weight : bold;
padding-right : .75em;
}
#breadcrumb_container #crumbs li a,
#breadcrumb_container #crumbs li span {
color : #697;
display : block;
font-weight : normal;
padding : 0 15px 0 0;
text-decoration : none;
position : relative;
}
#breadcrumb_container #crumbs li a:hover,
#breadcrumb_container #crumbs li a:focus {
color : #e69abd;
}
#breadcrumb_container #crumbs li a img.home_button {
padding : 4px 0 4px 5px;
}
#breadcrumb_container #crumbs li .crumbs_current {
color:#333;
}
@media( max-width: 767px ) {
#breadcrumb_container {
display : none;
}
}
/*TODO: didn't have w3c - maybe unused? */
.infoButton {
background : linear-gradient(to bottom, #359768 0%, #0f462b 100%);
background-color : #39a46f;
border : 1px solid #008341;
border-radius : 4px 4px;
color : #e4e4e4;
cursor : pointer;
display : inline-block;
padding : 5px 15px;
text-shadow : 1px 1px 2px #333333;
vertical-align : bottom;
}
.infoButton:focus,
.infoButton:hover {
background : #e69abd;
background : -webkit-linear-gradient(top, #f7c0d9 0%, #e69abd 100%);
background : linear-gradient(to bottom, #f7c0d9 0%, #e69abd 100%);
border : 1px solid #999999;
color : #212121;
text-shadow : 1px 1px 2px #eeeeee;
}
.theme-orange .infoButton {
background-image : linear-gradient( to bottom, #ed6, #db4 );
color : #000;
text-shadow : 1px 1px 2px #eeeeee;
}
.theme-orange .infoButton:focus,
.theme-orange .infoButton:hover {
background-image : linear-gradient( to bottom, #ed6, #ed6 );
}
a.infoButton {
font-weight : normal;
}
/*TODO: didn't have w3c - maybe unused? */
.infoButtonPLC {
background : linear-gradient(to bottom, #0f462b, #359768);
background-color : #39a46f;
border : 1px solid #008341;
border-radius : 4px 4px;
color : black;
cursor : pointer;
display : inline-block;
padding : 5px 15px;
text-shadow : 1px 1px 2px #333333;
vertical-align : bottom;
}
.infoButtonPLC:hover,
span.infoButtonPLC:hover,
a.infoButtonPLC:hover {
color : #e69abd;
}
.infoButtonPLC a {
color : #e4e4e4;
}
.infoButtonPLC a:hover {
color : #e69abd;
}
.infoButtonDisabled {
background : rgb(207, 207, 207);
background : -webkit-linear-gradient(top, rgba(207, 207, 207, 1) 0%, rgba(163, 163, 163, 1) 100%);
background : linear-gradient(to bottom, rgba(207, 207, 207, 1) 0%, rgba(163, 163, 163, 1) 100%);
border : 1px solid #A3A3A3;
border-radius : 4px 4px;
box-shadow : 1px 1px 2px #a3a3a3;
color : #212121;
cursor : default;
display : inline-block;
padding : 5px 15px;
text-shadow : 1px 1px 2px #EEEEEE;
vertical-align : bottom;
}
.infoButtonDisabled:hover {
background-color : rgb(207, 207, 207);
}
ul#layout .infoButton {
margin-bottom : 0;
margin-top : 0;
}
.infoButtonDepressed {
background : #e69abd !important;
border : 1px solid #999 !important;
box-shadow : inset 1px 1px 6px 0px rgba(0, 0, 0, 0.75) !important;
color : #333 !important;
text-shadow : none !important;
}
.infoButtonDisabled:hover {
background : -moz-linear-gradient(center top, #A3A3A3, #CFCFCF) repeat scroll 0 0 #CFCFCF;
background-color : #A3A3A3;
border : 1px solid #A3A3A3;
color : #212121;
text-shadow : 1px 1px 2px #eeeeee;
}
.infoBackground {
background : #fff;
border-bottom : 2px solid #063;
color : #006633;
margin : 0;
overflow : visible;
padding : 2px;
}
.infoBackground:first-child {
border-top-left-radius: 4px;
}
.infoBackground:last-child {
border-top-right-radius: 4px;
}
/*TODO: i'm pretty sure this relative adressing doesn't work anymore. */
/*TODO: relative addressing probably is just lucky to work thanks to the inability to go higher than root */
.infoButtonSpecial {
background-image : url(../images/jqueryui_icos/ui-bg_highlight-soft-orange.png);
background-position : 75% 0%;
border-color : #8c55c0;
text-align : center;
width : 94px;
}
.infoButtonSpecial:hover {
background-image : url(../images/jqueryui_icos/ui-bg_highlight-soft-orange.png);
background-position : 75% 0%;
color : #e4e4e4;
text-shadow : -1px -1px #333333;
width : 94px;
}
#addToBasket,
#view_basket,
#addToBasketBtnMain,
#rhc_addtobasketbtn,
.infoButtonHighlight,
span.infoSearch:hover {
/** pink **/
background : #e69abd;
background : -webkit-linear-gradient(top, #ffddee 0%, #e69abd 100%);
background : linear-gradient(to bottom, #ffddee 0%, #e69abd 100%);
border : 1px solid #696969;
color : #000;
position : relative;
text-shadow : 1px 1px 3px #e9e9e9;
}
.theme-orange #addToBasket,
.theme-orange #view_basket,
.theme-orange #addToBasketBtnMain,
.theme-orange #rhc_addtobasketbtn,
.theme-orange .infoButtonHighlight {
background-image : linear-gradient( to bottom, #ed6, #db4 );
}
#addToBasket:focus,
#addToBasket:hover,
#addToBasketBtnMain:focus,
#addToBasketBtnMain:hover,
#rhc_addtobasketbtn:focus,
#rhc_addtobasketbtn:hover {
background : #edaac7;
background : -webkit-linear-gradient(top, #ffddee 0%, #edaac7 100%);
background : linear-gradient(to bottom, #ffddee 0%, #edaac7 100%);
border : 1px solid #999;
position : relative;
text-shadow : 1px 1px 3px #e9e9e9;
}
.theme-orange #addToBasket:focus,
.theme-orange #addToBasket:hover,
.theme-orange #addToBasketBtnMain:focus,
.theme-orange #addToBasketBtnMain:hover,
.theme-orange #rhc_addtobasketbtn:focus,
.theme-orange #rhc_addtobasketbtn:hover {
background-image : linear-gradient( to bottom, #ed6, #ed6 );
}
.infoSearch {
border-radius : 0 4px 4px 0;
margin : 1px 0 2px -6px;
padding : 3px 4px;
position : relative;
top : -1px;
}
/* styles for quoteBox generated by build_review_snippet() function */
blockquote.quoteBox {
background : #005179;
background-repeat : no-repeat;
background-position : left top, right bottom;
border-radius : 4px;
box-shadow : 0px 0px 9px #999;
color : #fff;
font-size : 1.2em;
margin : 10px auto;
max-width : 800px;
min-height : 80px;
padding : 20px 65px;
position : relative;
quotes : "\201c""\201d""\2018""\2019";
text-align : left;
}
blockquote.quoteBox:before,
blockquote.quoteBox:after {
font-size : 9em;
line-height : 1em;
opacity : 0.15;
position : absolute;
}
blockquote.quoteBox:before {
content : open-quote;
left : 6px;
top : 0px;
}
blockquote.quoteBox:after {
bottom : 0px;
content : close-quote;
line-height : 0em;
right : 6px;
}
blockquote.quoteBox span.quote_more {
cursor : pointer;
font-size : 12px;
font-weight : bold;
display : block;
margin-top : 12px;
text-align : right;
text-transform : lowercase;
}
/* back to top */
#scrollup {
font-weight : bold;
}
/* legacy osC box modules use these */
.infoBoxContents {
font-size : 10px;
}
.infoBoxNotice {
background : #FF8E90;
}
.infoBoxNoticeContents {
background : #FFE6E6;
font-size : 10px;
}
TD.infoBoxHeading {
background : #006633;
color : #FFFFFF;
font-size : 11px;
font-weight : bold;
}
tr td.infoBoxHeading:first-child,
tr td.infoBoxHeading:last-child {
display : none;
}
tr td.infoBoxHeading {
background : #005329 url(../images/jqueryui_icos/ui-bg_inset-soft_75_005329_1x100.png) repeat-x scroll 50% 50%;
border : 1px solid #006633;
border-radius : 25px 25px 0 0;
padding-left : 5px;
text-shadow : -1px -1px #333333;
}
TD.infoBox,
SPAN.infoBox {
font-size : 10px;
}
/*TODO: i'm pretty sure this is unused */
table.formArea {
background : #f1f9fe;
border-color : #7b9ebd;
border-style : solid;
border-width : 1px;
}
td.formAreaTitle {
font-size : 12px;
font-weight : bold;
}
span.productSpecialPrice.productSpecialPrice.productSpecialPrice {
color : #d1231e;
font-size : 1.4em;
}
span.errorText {
color : #d1231e;
}
/* TODO: move this to sitemap.php */
ul.sitemap {
color : #d1231e;
}
/* used on checkout success pages */
.checkoutBarFrom,
.checkoutBarTo {
color : #8c8c8c;
font-size : 10px;
}
.checkoutBarCurrent {
color : #000000;
font-size : 10px;
}
/* message stack output. Not sure what this is used for (see messageStack class in app_top) -TR */
.messageBox {
font-size : 10px;
}
.messageStackError,
.messageStackWarning {
background-color : #ffb3b5;
font-size : 10px;
}
.messageStackSuccess {
background-color : #99ff00;
font-size : 10px;
}
/* input requirement */
.inputRequirement {
color : #d1231e;
font-size : 10px;
}
/*TODO: I'd love to delete this of these but they're used on product pages across the site - TR*/
td#greenborder {
border : #006633 solid 1px;
}
.TextGrey {
color : #333;
}
.TextBlack {
color : #000;
}
.TextRed,
.RedBold,
a:hover.TextRed {
color : #d1231e;
}
.TextBlue,
.BlueBold {
color : #1446b9;
}
.TextGreen,
.GreenBold {
color : #063;
}
.TextPink,
.PinkBold,
a:hover h2 {
color : #e69abd;
}
.RedBold,
.BlueBold,
.GreenBold,
.PinkBold {
font-weight : bold;
}
/*mouse over tooltip */
a span.pop {
display : none;
text-decoration : none;
}
a:hover span.pop {
background-color : white;
border : 1px solid black;
color : #000000;
display : inline;
margin-left : -9px;
margin-top : -9px;
overflow : hidden;
padding : 3px;
position : absolute;
}
.style2 {
color : #FFFFFF;
font-size : 12px;
font-weight : bold;
}
.style6 {
color : #d1231e;
}
.style7 {
color : #000000;
}
a#main {
visibility : visible;
}
span#hidden {
visibility : hidden;
}
a#main:focus span#hidden {
visibility : visible;
}
/*TODO: still used by search? -TR */
.term i {
color : #FF9FCF;
font-style : normal;
}
.activeSuggest {
background-color : #328D5E;
color : white;
}
/*TODO: probably wrong class, had typo 'font-color' - unused? */
.term activeSuggest i {
color : #FFFFFF;
font-style : normal;
}
/*TODO: this effectively affects all | s.
Besides, overflow: visible is default.
And i think firefox doesn't support overflow on TDs anyway.
https://css-tricks.com/fixing-tables-long-strings/#li-comment-1583370
*/
table > tbody > tr > td {
overflow : visible;
}
/* LHC legacy category listing (Still used on EU stores but watch this space) */
ul.category_list {
font-size : 11px;
list-style : none;
margin : 0;
margin : 0 -17px 0 -5px;
padding : 18px 0 20px 0;
}
ul.category_list li {
background : url('images/cat_stripe_background.png');
border : 1px solid #adadad;
border-bottom : 0;
display : block;
padding : 0;
width : 155px;
}
ul.category_list li.selected {
background : #377956 url('images/shade_green.png') repeat-x;
padding : 0 0 0 3px;
width : 152px;
}
ul.category_list li.selected > a {
color : #fff !important;
}
ul.category_list li.selected li {
background : url('images/cat_stripe_background_selected_sub.png');
width : 152px;
}
ul.category_list li.selected li.selected {
background : #312664 url('images/shade_pink_gradient.jpg') repeat-x;
width : 149px;
}
ul.category_list li.selected li.selected li {
background : url('images/cat_stripe_background_selected_sub_sub.png');
width : 149px;
}
ul.category_list li:last-child {
border-bottom : 1px solid #adadad;
}
ul.category_list li a {
color : #000;
display : block;
padding : 4px 7px;
}
ul.category_list ul.sub_category,
ul.category_list ul.sub_category ul.sub_sub_cat {
list-style : none;
margin : 0;
padding : 0;
}
ul.category_list ul.sub_category li {
border-left : 0;
border-right : 0;
}
/** Homepage Styles ***************************************************************************************************/
.indexCatContainer {
margin : 0 auto;
width : 616px;
}
.indexCatLink {
border : 1px solid #008341;
display : inline-block;
margin : 2px 0px;
max-width : 150px;
overflow : hidden;
vertical-align : top;
width : 150px;
}
@media (max-width: 890px) {
.indexCatLink {
width: 32%;
}
}
.indexCatLink:hover {
border-color : #e69abd;
}
.indexCatLink div {
background : rgb(51, 134, 92);
background : -webkit-linear-gradient(top, rgba(51, 134, 92, 1) 0%, rgba(11, 102, 56, 1) 100%);
background : linear-gradient(to bottom, rgba(51, 134, 92, 1) 0%, rgba(11, 102, 56, 1) 100%);
color : #fff;
height : 25px;
line-height : 25px;
overflow : hidden;
text-align : center;
text-overflow : ellipsis;
white-space : nowrap;
}
.indexCatLink:hover div {
background : #e69abd;
}
.index_view_specials_link {
clear : both;
display : block;
font-size : 1.4em;
text-align : right;
}
.index_gifts_link {
float : right;
font-size : 16px;
margin-top : 10px;
}
.gift_content_container {
float : left;
padding-right : 5px;
padding-top : 5px;
}
/** Left / Right Column Styles ****************************************************************************************/
/*TODO: This is used probably only for screening LHC */
.leftCol_container {
border : 1px solid #AFAFAF;
color : #000;
height : 76px;
margin-bottom : 3px;
overflow : hidden;
position : relative;
text-align : center;
}
.leftCol_container a {
color : #333;
text-decoration : none;
}
.leftCol_container a:hover {
color : #006633;
}
.leftCol_container_textLink {
background : rgb(255, 255, 255);
background : -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(207, 207, 207, 1) 100%);
background : linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(207, 207, 207, 1) 100%);
bottom : 0px;
height : 30px;
left : 0px;
line-height : 15px;
position : absolute;
width : 100%;
}
.leftCol_container_index_textLink {
background : url('images/jqueryui_icos/left_col_lightGrey_fade.png') repeat-x;
bottom : 0px;
color : #333;
height : 30px;
left : 0px;
line-height : 15px;
position : absolute;
width : 100%;
}
.column_products_details_wrapper {
margin : 4px 0 10px;
}
.column_products_details_header {
color : #333;
display : block;
font-size : 1.2em;
margin : 1em 0em;
text-align : center;
}
.column_products_details_header > a {
display : block;
font-size : 0.75em;
padding-top : 2px;
text-align : right;
}
.column_products_details_header_green {
background-image : url('images/shade_green.png');
background-repeat : repeat-x;
line-height : 22px;
text-align : center;
}
.column_products_details_container {
margin : 0 auto;
overflow : auto;
padding : 0 2px 30px;
position : relative;
text-align : center;
}
.column_products_details_img {
margin-bottom : 4px;
}
.column_products_details_name {
margin-bottom : 4px;
}
.column_products_details_price {
font-size : 1.2em;
padding : 3px;
}
/** For the next day delivery RHC popup **/
#next_day_delivery_bubble,
#greenhouse_guarantee_bubble {
background-color : #fff;
border : 1px solid #333;
box-shadow : 2px 2px 10px #333;
color : #333;
display : none;
padding : 10px;
position : absolute;
right : 150px;
top : -42px;
width : 300px;
}
#greenhouse_guarantee_bubble {
top : 0px;
}
#greenhouse_guarantee_col {
cursor : default;
margin : 10px 0;
}
#next_day_delivery_col:hover #next_day_delivery_bubble,
#greenhouse_guarantee_col:hover #greenhouse_guarantee_bubble {
display : block;
z-index : 1000;
}
.greenhouseRHC-text {
color : black;
margin-left : 50px;
margin-top : 2px;
position : absolute;
width : 150px;
width : 80px;
}
.greenhouseRHC-right-arrow {
margin-left : 70px;
margin-top : 25px;
}
.greenhouseRHC-text-2 {
color : black;
margin-left : 50px;
margin-top : 10px;
position : absolute;
width : 150px;
width : 80px;
}
/** Category Page Styles **********************************************************************************************/
#Default-category-listing.custom_topcontent {
display: none;
}
.Category-container {
display : inline-block;
padding-bottom : 5px;
text-align : center;
width : 180px;
}
.Category-container img {
margin-bottom : 10px;
}
.Categories-Name {
display : block;
}
.From-text {
font-size : 0.8em;
}
.Categories-price {
font-size : 1.2em;
}
.seo_footer_text {
color : #666;
padding : 8px;
}
.product_model_long {
color : #063;
font-size : 0.8em;
margin-top : 2px;
}
@media only screen and (max-width:767px) {
/* show default listing, hide custom top content when screen is below min threshold */
.categoryTopContent_container {
display : none;
}
#Default-category-listing.custom_topcontent {
display : block;
}
.Category-container {
background-color : #efefef;
border : 1px solid #999;
clear : left;
height : 60px;
margin : 2px 0;
min-height : 0;
padding : 8px 2px;
text-align : center;
width : 95%;
}
.Category-container img {
float : left;
margin : 0px 2px;
max-height : 60px;
width : auto;
}
}
/** Sitewide Styles ***************************************************************************************************/
.navdiv {
border-bottom : 0px;
border-left : 0px;
border-right : 0px;
border-top : 1px dashed #e69abd;
}
.navdivGrey {
border-bottom : 0px;
border-left : 0px;
border-right : 0px;
border-top : 1px solid #dfdfdf;
}
/** Product Page Styles ***********************************************************************************************/
/* TODO Move these to includes/product.css -TR */
.mg_points {
margin : 12px 0;
min-height : 17px;
text-align : left;
}
.default_hide {
display : none;
}
td.expand_table_row {
background-color : #efefef;
color : #006633;
cursor : pointer;
}
.sizeTable .expand_table_row {
display: none;
}
.sizeTable .default_hide {
display: table-row;
}
.sizeTable .default_hide:nth-child(2) td {
border-top: 1px solid #dfdfdf;
}
.pop-parent {
position : relative;
}
.pop-parent .pop-child-left {
background-color : #fff;
border : 1px solid #333;
box-shadow : 2px 2px 10px #666;
color : #333;
display : none;
font-weight : normal;
padding : 10px;
position : absolute;
right : 300px;
top : 0px;
width : 200px;
}
.pop-parent:hover .pop-child-left {
display : block;
}
.new_badge {
background : #EDB400;
border-radius : 10px;
color : #333;
cursor : default;
display : block;
font-size : 1.2em;
font-weight : normal;
height : 18px;
max-width : 60px;
padding : 2px;
text-align : center;
}
/*NT 23/01/2013
* shared contact us page css
* TODO: Is this still used? If so, move to contact page itself as that's the only place it's needed - TR
*/
#main_content {
max-width : 900px;
min-width : 360px;
width : 65%;
}
#main_content h3 {
border-bottom : 1px solid green;
color : #006633;
font-weight : bold;
padding-left : 10px;
width : 230px;
}
.intro_message {
color : black;
font-weight : bold;
width : 110%;
}
/*TODO: weird font-family definition */
.cs_signature {
color : #999;
float : right;
font-family : "Lucida Handwriting", Arial, cursive;
font-size : 16px;
margin-right : -40px;
}
span.detail {
color : #666;
font-weight : bold;
margin-left : 10px;
text-align : left;
width : 235px;
}
.form_head {
border-bottom : 1px solid green;
font-weight : bold;
padding-left : 10px;
width : 230px;
}
#main_content.contact_form {
border-bottom : 1px solid green;
border-left : 1px solid green;
display : block;
font-weight : bold;
height : 193px;
margin-left : 30px;
margin-top : -204px;
position : absolute;
}
.defaultText {
width : 200px;
}
.defaultTextActive {
color : #a1a1a1;
font-style : italic;
}
.zend_form {
border-bottom : 1px solid #006633;
margin-top : -8px;
width : 240px;
}
.highlight_true {
background : #32CD32;
font-weight : bold;
margin-left : 5px;
}
.highlight_false {
background : #FF3030;
font-weight : bold;
margin-left : 5px;
}
#underline {
background-color : #fff;
border-bottom : 1px solid green;
border-left : 1px solid green;
display : block;
left : 65px;
padding : 10px;
position : relative;
top : -22px;
width : 100%;
}
#submit {
margin-bottom : 10px;
margin-left : 45px;
}
#textarea {
height : 200px;
}
/*End of contact us css*/
.twocol {
box-sizing : border-box;
display : inline-block;
max-width : 45%;
min-width : 300px;
padding : 0 1%;
}
.twocol img {
display : block;
margin : 0 auto;
}
@media (max-width : 767px) {
.twocol {
display : block;
max-width : none;
padding : 0em;
}
}
/*TODO: not just used in RHC... so yeah -TR*/
/* would love to know where. the function build_category_link() uses it... */
.rhc_category_link {
display : inline-block;
margin : 12px 0;
width : 115px;
padding : 6px;
text-align : center;
vertical-align : top;
}
.rhc_category_link_small {
padding : 2px;
}
.rhc_category_link img {
display : block;
margin : 0 auto 4px;
}
.rhc_category_link span {
display : inline-block;
overflow : hidden;
text-overflow : ellipsis;
width : 120px;
}
/* Product Star Rating
* Used in PLC */
.star_rating {
display : inline-block;
position : relative;
z-index : 0;
}
.star_rating img {
left : 0px;
position : absolute;
top : 0px;
z-index : 1;
}
.star_rating_bg {
background : #EFAE00;
left : 0px;
position : absolute;
top : 0px;
z-index : -1;
}
/* new-layout testing stuff #################################################################################
# # ####### # # # # # # ##### # # #######
## # # # # # # # # # # # # # # #
# # # # # # # # # # # # # # # # #
# # # ##### # # # # # # # # # # # #
# # # # # # # # ####### # # # # # #
# ## # # # # # # # # # # # # # #
# # ####### # # ####### # # # ##### ##### #
sorry about the banner. it looks good on the minimap feature in some editors... ############################# */
#siteHeader .logo_m {
display : none;
margin : 0 0 0 60px;
padding : 6px 0 0 0;
text-align : center;
width : auto;
}
.layout--tables .lhcSpacer {
height : 40px;
}
.layout--responsive .responsiveContainer {
margin : 0px auto;
position : relative;
width : auto;
padding : 0;
max-width : 1110px;
}
.layout--responsive #headingTopTabsContainer {
/*overflow : hidden;*/
}
.layout--responsive #central_content {
box-sizing : border-box;
padding : 1em;
}
.layout--responsive.layout--no-columns #central_content {
float : none;
width : auto;
}
.layout--responsive .primroseLHC {
border-right : 1px solid #ccc;
box-sizing : border-box;
float : left;
padding : 40px 2px;
width : 160px;
}
.layout--responsive .primroseRHC {
border-left : 1px solid #ccc;
box-sizing : border-box;
float : right;
padding : 20px 2px;
width : 160px;
display: : none;
}
.layout--responsive #siteHeader {
box-shadow : 0px 1px 4px rgba( 0, 0, 0, 0.5 );
min-width : 0;
z-index : 20; /* the accounts login button has 10 and causes
the menu to appear under other elements */
}
.layout--responsive #nav_menu {
background : rgba(255,255,255,0.5);
display : none;
float : left;
height : 54px;
position : relative;
width : 70px;
z-index : 20; /* the search field has 10 */
}
.layout--responsive #nav_menu.selected {
background : rgba(255,255,255,0.9);
}
.layout--responsive #nav_menu_btn {
cursor : pointer;
height : 34px;
margin : 0;
padding : 9px 10px;
-webkit-user-select : none;
-moz-user-select : none;
-ms-user-select : none;
user-select : none;
}
.layout--responsive #nav_menu_btn #burger_icon {
background-image: url('../images/mobile/mob_elements_sprite.png');
background-position: -56px -52px;
background-repeat: no-repeat;
height : 100%;
width : 100%;
}
.layout--responsive #nav_menu_drop {
border-bottom : 1px solid #697;
background-color : #fff;
display : none;
list-style-type : none;
width : 100%;
padding : 0px;
}
.layout--responsive #nav_menu_drop a {
display : list-item;
font-size : 1.3em;
line-height : 1em;
padding : 10px 20px;
position : relative;
}
.layout--responsive #nav_menu_drop a span {
font-size:0.7em;
color:#333;
}
.layout--responsive #nav_menu_drop a:last-of-type {
margin-bottom : 5px;
}
.layout--responsive #nav_menu_drop a.nav_menu_drop-login {
background : #697;
color :#fff;
}
.layout--responsive #nav_menu_drop a.nav_menu_everything {
font-size : 1.5em;
font-weight:bold;
border-top:solid 1px #697;
margin-top:10px;
padding-top:15px;
}
.layout--responsive #nav_menu_drop a.nav_menu_everything span {
color: #063;
margin-left:10px;
font-size:1em;
}
.layout--responsive #cols_content_container {
background-color : #fff;
box-shadow : 0px 5px 4px rgba( 0, 0, 0, 0.5 );
padding-bottom : 2em;
position : relative;
}
.layout--responsive .footer_container.footer_container {
min-width : 0;
}
@media( max-width : 1550px ) {
.layout--responsive .responsiveContainer {
max-width : 1100px;
}
}
@media( max-width : 1440px ) {
.layout--responsive #siteHeader .rowBackground .bannerWrap .bannerSameDayImageTogether {
display : none;
}
}
@media( max-width : 969px ) {
.layout--responsive #siteHeader .rowBackground .bannerWrap .bannerSameDayImageAlone {
display : none;
}
}
@media( max-width : 890px ) {
.layout--responsive .primroseLHC {
padding-top : 80px;
}
.layout--responsive .primroseRHC {
display : none;
}
.layout--responsive #siteHeader #headingTopTabsContainer {
display : none;
}
}
@media( max-width : 890px ) {
.layout--responsive #cols_content_container {
box-shadow : none;
}
.layout--responsive .responsiveContainer {
width : auto;
}
.layout--responsive #central_content {
float : none;
margin : 0px;
max-width : 100%;
width : auto;
}
.layout--responsive #siteHeader .rowSearch .searchFieldWrap {
width : 77%;
padding-left : 2%;
}
.layout--responsive #siteHeader .rowBackground .bannerWrap > a,
.layout--responsive #siteHeader .rowBackground .logoLink,
.layout--responsive #siteHeader #HeaderTopRight,
.layout--responsive #siteHeader .rowSearch #headingTopBarNavLinks {
display : none;
}
.layout--responsive #siteHeader #breadcrumb_container {
padding : 6px 2% 0;
}
.layout--responsive #siteHeader .logo_m,
.layout--responsive #nav_menu {
display : block;
}
}
@media ( max-width : 767px ) {
.layout--responsive .primroseLHC {
display : none;
}
}
/* heated-gloves overrides not from this file */
/*.theme-orange #searchLegacy input[type="submit"] {
background-image : linear-gradient( to bottom, #ed6, #db4 );
}
*/.theme-orange #scrollup {
color : #c62;
}
.theme-orange .footer_link_box ul a:hover {
color : #c62;
}
.primrose-content-management.primrose-content-management {
max-width: none;
width: 100%;
}
/** ####################################################################### **/
/** ####################################################################### **/
/** Old PCM overrides to be removed **/
/** ####################################################################### **/
/** ####################################################################### **/
/** ####################################################################### **/
/** ####################################################################### **/
/** ####################################################################### **/
.primrose-content-management{box-sizing:border-box}
body.theme-green .color.primary,
body:not(.theme-orange) .color.primary{color:#f299c1}
body.theme-green .color.secondary,
body:not(.theme-orange) .color.secondary{color:#697}
body.theme-green:after,
body:not(.theme-orange):after{content:"";opacity:.03;top:0;left:0;bottom:0;right:0;position:absolute;z-index:-1}
body.theme-green .primroseLHC,
body:not(.theme-orange) .primroseLHC{-webkit-box-flex:0;-ms-flex:0 0 210px;flex:0 0 210px;padding:0 8px 0 0;border:0!important}
body.theme-green .primroseLHC ul.main_menu,
body:not(.theme-orange) .primroseLHC ul.main_menu{width:auto;-webkit-box-flex:1;-ms-flex:1;flex:1}
body.theme-green .primroseLHC ul.main_menu li,
body:not(.theme-orange) .primroseLHC ul.main_menu li
{margin-bottom:.5em}
body.theme-green .primroseLHC ul.main_menu li a,
body:not(.theme-orange) .primroseLHC ul.main_menu li a
{border-radius:4px;padding:5px;color:#629272;font-size:14px;text-align:center;box-sizing:border-box;background:transparent;border:1px solid #697;-webkit-transition:all 0s;transition:all 0s}
body.theme-green .primroseLHC ul.main_menu li a:hover,
body:not(.theme-orange) .primroseLHC ul.main_menu li a:hover{background:#697;color:#fff;-webkit-transition:all .2s;transition:all .2s}
body.theme-green .primroseLHC .filter_box,
body:not(.theme-orange) .primroseLHC .filter_box
{width:auto!important;margin-bottom:8px!important;padding:0!important;border-radius:2px;color:#697}
body.theme-green .primroseLHC .filter_box .filter_box_header,
body:not(.theme-orange) .primroseLHC .filter_box .filter_box_header
{background-color:#697!important;color:#fff!important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-transform:uppercase;border:0!important;border-radius:2px 2px 0 0;font-size:15px;font-family:lato;font-weight:400;padding:4px;position:relative}
body.theme-green .primroseLHC .filter_box .filter_box_header img,
body:not(.theme-orange) .primroseLHC .filter_box .filter_box_header img{display:none}
body.theme-green .primroseLHC .filter_box .filter_box_content,
body:not(.theme-orange) .primroseLHC .filter_box .filter_box_content
{border:1px solid #85ad92;background-color:#fff;overflow:hidden!important;max-height:none!important;border-radius:0 0 2px 2px}
body.theme-green .primroseLHC .filter_box .filter_box_content li,
body:not(.theme-orange) .primroseLHC .filter_box .filter_box_content li{padding:4px;padding-left:24px;font-family:lato;font-size:12px;color:#333}
body.theme-green .primroseLHC .filter_box .filter_box_content li:hover,
body:not(.theme-orange) .primroseLHC .filter_box .filter_box_content li:hover{background-color:#c2d6c9}
body.theme-green #bifySearchResults .productContainer,
body:not(.theme-orange) #bifySearchResults .productContainer{background-color:#fff}
body.theme-green .dynamic-header,
body:not(.theme-orange) .dynamic-header{margin-bottom:16px!important;border:0!important;margin:0 auto;position:relative;width:auto;padding:8px;max-width:1132px;box-sizing:border-box}
body.theme-green #siteHeader,
body:not(.theme-orange) #siteHeader{z-index:300!important}
@media screen and (min-width:767px){
body.theme-green #siteHeader,
body:not(.theme-orange) #siteHeader{box-shadow:none}
}
body.theme-green #siteHeader .navigationBackground,
body:not(.theme-orange) #siteHeader .navigationBackground{background-image:none!important;background-color:#697}
body.theme-green #siteHeader .responsiveContainer,
body:not(.theme-orange) #siteHeader .responsiveContainer{display:block!important}
body.theme-green #siteHeader #searchForm,
body:not(.theme-orange) #siteHeader #searchForm{margin:2px 0;height:28px;max-width:1200px}
body.theme-green #siteHeader #searchForm input.submit,
body:not(.theme-orange) #siteHeader #searchForm input.submit
{height:inherit;margin:0;border-top:0;border-bottom:0;line-height:100%;padding-left:12px;padding-right:12px;font-family:lato;font-size:1em}
body.theme-green #siteHeader #searchForm .searchAndSuggest,
body:not(.theme-orange) #siteHeader #searchForm .searchAndSuggest{height:100%;position:static}
body.theme-green #siteHeader #searchForm .searchAndSuggest .chipAndInput,
body:not(.theme-orange) #siteHeader #searchForm .searchAndSuggest .chipAndInput{border:none!important;height:100%;margin:0}
body.theme-green #siteHeader #searchForm .searchAndSuggest .response,
body:not(.theme-orange) #siteHeader #searchForm .searchAndSuggest .response{position:absolute;z-index:100}
body.theme-green #siteHeader #headingTopBarNavLinks>a,
body:not(.theme-orange) #siteHeader #headingTopBarNavLinks>a{color:#fff!important}
body.theme-green #breadcrumb_container #crumbs a:after,
body:not(.theme-orange) #breadcrumb_container #crumbs a:after{content:"";width:8px;height:8px;display:block;position:absolute;right:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);border:1px solid #697;top:13px;border-bottom:0;border-left:0}
body.theme-green #wf_lh_col_wrapper,
body:not(.theme-orange) #wf_lh_col_wrapper{padding-top:0!important}
body.theme-green #wf_lh_col_wrapper .filter_button.filter_button,
body:not(.theme-orange) #wf_lh_col_wrapper .filter_button.filter_button{background-color:#697!important;font-family:lato;font-weight:300;color:#fff!important;font-size:16px;border:0;background-image:none!important;-webkit-transition:all .2s;transition:all .2s;box-shadow:0 1px 1px rgba(0,0,0,.2);border:0!important;font-weight:500;font-size:15px}
body.theme-green #wf_lh_col_wrapper .filter_button.filter_button:hover,
body:not(.theme-orange) #wf_lh_col_wrapper .filter_button.filter_button:hover{background-color:#527a5f!important;box-shadow:0 0 8px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.2)}
body.theme-green #wf_lh_col_wrapper .filter_button.filter_button.red,
body:not(.theme-orange) #wf_lh_col_wrapper .filter_button.filter_button.red{background-color:#d1231e!important;font-family:lato;font-weight:300;color:#fff!important;font-size:16px;border:0;background-image:none!important;-webkit-transition:all .2s;transition:all .2s;box-shadow:0 1px 1px rgba(0,0,0,.2);border:0!important}
body.theme-green #wf_lh_col_wrapper .filter_button.filter_button.red:hover,
body:not(.theme-orange) #wf_lh_col_wrapper .filter_button.filter_button.red:hover{background-color:#a41c18!important;box-shadow:0 0 8px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.2)}
body.theme-green #lhcol_custom,
body:not(.theme-orange) #lhcol_custom{background:#fff;border:1px solid #697;border-radius:4px}
body.theme-green #lhcol_custom>div,
body:not(.theme-orange) #lhcol_custom>div{width:100%!important;box-sizing:border-box!important}
body.theme-green #recent_wrapper,
body:not(.theme-orange) #recent_wrapper{margin-top:12px;background:#fff;border:1px solid #d4d4d5;padding:16px;border-radius:4px}
body.theme-green #central_content,
body:not(.theme-orange) #central_content{padding:0!important;margin:0;box-sizing:border-box;max-width:775px;width:775px}
@media only screen and (min-width:768px){
body.theme-green #central_content,
body:not(.theme-orange) #central_content{max-width:900px;width:auto;min-width:400px}
}
@media only screen and (max-width:767px){
body.theme-green #central_content,
body:not(.theme-orange) #central_content{max-width:100%;width:100%}
}
body.theme-green #central_content #homepage_container,
body:not(.theme-orange) #central_content #homepage_container{max-width:771px}
body.theme-green #central_content #homepage_container div.MainText,
body:not(.theme-orange) #central_content #homepage_container div.MainText{padding-left:8px;padding-right:8px}
body.theme-green #central_content #category_listing #Default-category-listing,
body:not(.theme-orange) #central_content #category_listing #Default-category-listing{background:#fff;border:1px solid #d4d4d5;border-radius:3px;padding:16px}
body.theme-green #central_content #view_ad_products img,
body:not(.theme-orange) #central_content #view_ad_products img{right:3px;top:34%}
body.theme-green #central_content .categoryTopContent_container,
body.theme-green #central_content .primrose-content-management,
body:not(.theme-orange) #central_content .categoryTopContent_container,
body:not(.theme-orange) #central_content .primrose-content-management{background-color:#fff;border-radius:4px;border:1px solid #d4d4d5;padding:12px}
@media only screen and (min-width:768px){
body.theme-green #central_content .content-gframe,
body:not(.theme-orange) #central_content .content-gframe{width:545px}
}
@media only screen and (min-width:1024px){
body.theme-green #central_content .content-gframe,
body:not(.theme-orange) #central_content .content-gframe{width:775px}
}
body.theme-green #central_content .card,
body:not(.theme-orange) #central_content .card{border-radius:4px;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
body.theme-green #central_content .card .attributesContainer,
body:not(.theme-orange) #central_content .card .attributesContainer{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;display:-webkit-box;display:-ms-flexbox;display:flex}
@media only screen and (min-width:1024px){
body.theme-green #central_content .card .attributesContainer,
body:not(.theme-orange) #central_content .card .attributesContainer{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}
}
body.theme-green #central_content .card .attributesContainer>*,
body:not(.theme-orange) #central_content .card .attributesContainer>*{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;width:auto}
body.theme-green #central_content .card .attributesContainer .quoteBox,
body:not(.theme-orange) #central_content .card .attributesContainer .quoteBox{max-width:1250px!important;min-width:200px;font-family:Handlee,cursive;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:transparent;color:#858671;box-shadow:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
@media only screen and (min-width:1024px){
body.theme-green #central_content .card .attributesContainer .quoteBox,
body:not(.theme-orange) #central_content .card .attributesContainer .quoteBox{max-width:200px!important}
}
body.theme-green #central_content .card .attributesContainer>:nth-child(2n),
body:not(.theme-orange) #central_content .card .attributesContainer>:nth-child(2n){margin-left:12px}
body.theme-green #central_content .card .attributes,
body:not(.theme-orange) #central_content .card .attributes{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;font-family:lato}
body.theme-green #central_content .card .attributes>.title,
body:not(.theme-orange) #central_content .card .attributes>.title{font-weight:400;text-transform:uppercase;letter-spacing:.05em;color:rgba(0,0,0,.85);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:1rem;display:table;white-space:nowrap;height:auto;line-height:1;text-align:center;color:#797979;padding-bottom:12px;margin-left:1px;margin-right:1px}
body.theme-green #central_content .card .attributes>.title:after,
body.theme-green #central_content .card .attributes>.title:before,
body:not(.theme-orange) #central_content .card .attributes>.title:after,
body:not(.theme-orange) #central_content .card .attributes>.title:before{content:"";display:table-cell;position:relative;top:50%;width:50%;background-repeat:no-repeat}
body.theme-green #central_content .card .attributes>.title:after,
body:not(.theme-orange) #central_content .card .attributes>.title:after{background-position:left 1em top 50%}
body.theme-green #central_content .card .attributes>.title:before,
body:not(.theme-orange) #central_content .card .attributes>.title:before{background-position:right 1em top 50%}
body.theme-green #central_content .card .attributes .labels,
body:not(.theme-orange) #central_content .card .attributes .labels{border:1px solid #85ae92;-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#fff;border-right:none}
body.theme-green #central_content .card .attributes .labels .label,
body:not(.theme-orange) #central_content .card .attributes .labels .label{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;color:#fff!important;width:auto!important;margin-top:0;margin-bottom:0;max-width:9999px;vertical-align:baseline;text-transform:capitalize;box-shadow:none;font-size:14px;font-weight:200;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:1px solid hsla(0,0%,100%,.2);border-right:1px solid #85ae92}
body.theme-green #central_content .card .attributes .labels .label .title,
body:not(.theme-orange) #central_content .card .attributes .labels .label .title{padding:4px;background:#85ae92;font-weight:400;color:#fff}
body.theme-green #central_content .card .attributes .labels .label>.detail,
body:not(.theme-orange) #central_content .card .attributes .labels .label>.detail{width:180px;margin:0;color:#292929;vertical-align:top;font-weight:400;padding:6px;opacity:.8;border-radius:0;text-transform:none;font-style:italic}
body.theme-green #central_content .card .attributes .labels .label>.detail span,
body:not(.theme-orange) #central_content .card .attributes .labels .label>.detail span{margin-left:4px}
body.theme-green #central_content .card .attributes .labels .label>.detail:last-child,
body:not(.theme-orange) #central_content .card .attributes .labels .label>.detail:last-child{border-radius:0 3px 3px 0;text-indent:5px}
body.theme-green #cols_content_container,
body:not(.theme-orange) #cols_content_container{background-color:transparent!important;box-shadow:none!important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;max-width:1132px;box-sizing:border-box;padding:0 8px}
body.theme-green #cols_content_container:after,
body:not(.theme-orange) #cols_content_container:after{content:"";opacity:.03;top:0;left:0;bottom:0;right:0;position:absolute;z-index:-1}
body.theme-green #cols_content_container .ui.rating,
body:not(.theme-orange) #cols_content_container .ui.rating{background-image:none}
body.theme-green #cols_content_container .ui.rating .icon,
body:not(.theme-orange) #cols_content_container .ui.rating .icon{line-height:1.7em!important}
body.theme-green #cols_content_container .new_badge,
body:not(.theme-orange) #cols_content_container .new_badge{height:1.35em!important}
body.theme-green #cols_content_container .recently-viewed-wrap .recent_element .recent_name,
body:not(.theme-orange) #cols_content_container .recently-viewed-wrap .recent_element .recent_name{line-height:1em!important}
body.theme-green #cols_content_container .recently-viewed-wrap .recent_element .recent_strikethrough_price,
body:not(.theme-orange) #cols_content_container .recently-viewed-wrap .recent_element .recent_strikethrough_price{color:#000!important}
body.theme-green #cols_content_container .recently-viewed-wrap .recent_element .new_badge,
body:not(.theme-orange) #cols_content_container .recently-viewed-wrap .recent_element .new_badge{line-height:1.21em!important}
body.theme-green #cart_quantity .card,
body:not(.theme-orange) #cart_quantity .card{background:#fff;border:1px solid #d4d4d5;box-shadow:0 2px 4px #adabab;padding:16px}
body.theme-green #colorbox,
body:not(.theme-orange) #colorbox{box-sizing:content-box}
body.theme-green #grid_wrapper,
body:not(.theme-orange) #grid_wrapper{padding:0!important;min-width:0!important}
body.theme-green #grid_wrapper .img,
body:not(.theme-orange) #grid_wrapper .img{max-width:100%!important}
body.theme-green #grid_wrapper ul,
body:not(.theme-orange) #grid_wrapper ul{margin-right:0!important}
@media only screen and (max-width:1024px){
body.theme-green #grid_wrapper ul,
body:not(.theme-orange) #grid_wrapper ul{max-width:100%;box-sizing:border-box;margin:6px auto!important}
}
@media only screen and (min-width:768px){
body.theme-green .cs_box,
body:not(.theme-orange) .cs_box{position:relative;background:#fbfbb8!important;opacity:.8
}
body.theme-green .cs_box:hover,
body:not(.theme-orange) .cs_box:hover{opacity:1}
body.theme-green .cs_box.resetSession,
body:not(.theme-orange) .cs_box.resetSession{bottom:20px;z-index:1000000;position:fixed;left:0;bottom:0}
body.theme-green .cs_box.stockInfo,
body:not(.theme-orange) .cs_box.stockInfo{z-index:1000000;position:fixed;right:0;bottom:0}}
body.theme-orange{font-family:Lato,sans-serif;font-size:14px}
body.theme-orange .color.primary{color:#ed6}body.theme-orange .color.secondary{color:#e84}
body.theme-orange:after{content:"";opacity:.03;top:0;left:0;bottom:0;right:0;position:absolute;z-index:-1}
body.theme-orange .primroseLHC{-webkit-box-flex:0;-ms-flex:0 0 210px;flex:0 0 210px;padding:0 8px 0 0;border:0!important}
body.theme-orange .primroseLHC ul.main_menu{width:auto;-webkit-box-flex:1;-ms-flex:1;flex:1}
body.theme-orange .primroseLHC ul.main_menu li{margin-bottom:.5em}
body.theme-orange .primroseLHC ul.main_menu li a{border-radius:4px;padding:5px;color:#629272;font-size:14px;text-align:center;box-sizing:border-box;background:transparent;border:1px solid #697;-webkit-transition:all 0s;transition:all 0s}
body.theme-orange .primroseLHC ul.main_menu li a:hover{background:#697;color:#fff;-webkit-transition:all .2s;transition:all .2s}body.theme-orange .primroseLHC .filter_box{width:auto!important;margin-bottom:8px!important;padding:0!important;border-radius:2px;color:#e84}body.theme-orange .primroseLHC .filter_box .filter_box_header{background-color:#e84!important;color:#fff!important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-transform:uppercase;border:0!important;border-radius:2px 2px 0 0;font-size:15px;font-family:lato;font-weight:400;padding:4px;position:relative}body.theme-orange .primroseLHC .filter_box .filter_box_header img{display:none}body.theme-orange .primroseLHC .filter_box .filter_box_content{border:1px solid #f2a673;background-color:#fff;overflow:hidden!important;max-height:none!important;border-radius:0 0 2px 2px}body.theme-orange .primroseLHC .filter_box .filter_box_content li{padding:4px;padding-left:24px;font-family:lato;font-size:12px}body.theme-orange .primroseLHC .filter_box .filter_box_content li:hover{background-color:#fbe1d0}body.theme-orange #bifySearchResults .productContainer{background-color:#fff}body.theme-orange .dynamic-header{margin-bottom:16px!important;border:0!important;margin:0 auto;position:relative;width:auto;padding:8px;max-width:1132px;box-sizing:border-box}body.theme-orange #siteHeader{z-index:300!important}@media screen and (min-width:767px){body.theme-orange #siteHeader{box-shadow:none}}body.theme-orange #siteHeader .navigationBackground{background-image:none!important;background-color:#e84}body.theme-orange #siteHeader .responsiveContainer{display:block!important}body.theme-orange #siteHeader #searchForm{margin:2px 0;height:28px}body.theme-orange #siteHeader #searchForm input.submit{height:inherit;margin:0;border-top:0;border-bottom:0;line-height:100%;padding-left:12px;padding-right:12px;font-family:lato;font-size:1em}body.theme-orange #siteHeader #searchForm .searchAndSuggest{height:100%;position:static}body.theme-orange #siteHeader #searchForm .searchAndSuggest .chipAndInput{border:none!important;height:100%;margin:0}body.theme-orange #siteHeader #searchForm .searchAndSuggest .response{position:absolute;z-index:100}body.theme-orange #siteHeader #headingTopBarNavLinks>a{color:#fff!important}
body.theme-orange #siteHeader #view_basket_container .infoButton .basketText{color:#000!important}@media (max-width:1024px){body.theme-orange #siteHeader .logoLink{font-size:.88em!important}body.theme-orange #siteHeader .logoLink .handwritten{display:none}}body.theme-orange #siteHeader .logoLink{height:6.4em!important;width:auto!important;font-size:1em;color:#e84;top:2px!important;left:0!important;padding-left:12px}body.theme-orange #siteHeader .logoLink a{display:block;height:inherit}body.theme-orange #siteHeader .logoLink a img{height:100%!important;width:auto!important}body.theme-orange #breadcrumb_container{background:hsla(0,0%,100%,.6);margin-bottom:8px;padding:0!important;border-bottom:1px solid #d4d4d5}body.theme-orange #breadcrumb_container a{color:#e84;padding-top:4px!important;padding-bottom:4px!important}body.theme-orange #breadcrumb_container a:hover{color:#ed6}body.theme-orange #breadcrumb_container #crumbs a{color:#e84;position:relative!important;background:none!important}body.theme-orange #breadcrumb_container #crumbs a:hover{color:#ed6}body.theme-orange #breadcrumb_container #crumbs a:after{content:"";width:8px;height:8px;display:block;position:absolute;right:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);border:1px solid #e84;top:13px;border-bottom:0;border-left:0}body.theme-orange #wf_lh_col_wrapper{padding-top:0!important}body.theme-orange #wf_lh_col_wrapper .filter_button.filter_button{background-color:#e84!important;font-family:lato;font-weight:300;color:#fff!important;font-size:16px;border:0;background-image:none!important;-webkit-transition:all .2s;transition:all .2s;box-shadow:0 1px 1px rgba(0,0,0,.2);border:0!important;font-weight:500;font-size:15px}body.theme-orange #wf_lh_col_wrapper .filter_button.filter_button:hover{background-color:#ea6a15!important;box-shadow:0 0 8px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.2)}body.theme-orange #wf_lh_col_wrapper .filter_button.filter_button.red{background-color:#d1231e!important;font-family:lato;font-weight:300;color:#fff!important;font-size:16px;border:0;background-image:none!important;-webkit-transition:all .2s;transition:all .2s;box-shadow:0 1px 1px rgba(0,0,0,.2);border:0!important}body.theme-orange #wf_lh_col_wrapper .filter_button.filter_button.red:hover{background-color:#a41c18!important;box-shadow:0 0 8px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.2)}body.theme-orange #lhcol_custom{background:#fff;border:1px solid #697;border-radius:4px}body.theme-orange #lhcol_custom>div{width:100%!important;box-sizing:border-box!important}body.theme-orange #recent_wrapper{margin-top:12px;background:#fff;border:1px solid #d4d4d5;padding:16px;border-radius:4px}body.theme-orange #central_content{padding:0!important;margin:0;box-sizing:border-box;max-width:775px;width:775px}@media only screen and (min-width:768px){body.theme-orange #central_content{max-width:900px;width:auto;min-width:400px}}@media only screen and (max-width:767px){body.theme-orange #central_content{max-width:100%;width:100%}}body.theme-orange #central_content #homepage_container{max-width:771px}body.theme-orange #central_content #homepage_container div.MainText{padding-left:8px;padding-right:8px}body.theme-orange #central_content #category_listing #Default-category-listing{background:#fff;border:1px solid #d4d4d5;border-radius:3px;padding:16px}body.theme-orange #central_content #view_ad_products img{right:3px;top:34%}body.theme-orange #central_content .categoryTopContent_container,body.theme-orange #central_content .primrose-content-management{background-color:#fff;border-radius:4px;border:1px solid #d4d4d5;padding:12px}@media only screen and (min-width:768px){body.theme-orange #central_content .content-gframe{width:545px}}@media only screen and (min-width:1024px){body.theme-orange #central_content .content-gframe{width:775px}}body.theme-orange #central_content .card{border-radius:4px;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}body.theme-orange #central_content .card .attributesContainer{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;display:-webkit-box;display:-ms-flexbox;display:flex}@media only screen and (min-width:1024px){body.theme-orange #central_content .card .attributesContainer{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}body.theme-orange #central_content .card .attributesContainer>*{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;width:auto}body.theme-orange #central_content .card .attributesContainer .quoteBox{max-width:1250px!important;min-width:200px;font-family:Handlee,cursive;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:transparent;color:#858671;box-shadow:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media only screen and (min-width:1024px){body.theme-orange #central_content .card .attributesContainer .quoteBox{max-width:200px!important}}body.theme-orange #central_content .card .attributesContainer>:nth-child(2n){margin-left:12px}body.theme-orange #central_content .card .attributes{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;font-family:lato}body.theme-orange #central_content .card .attributes>.title{font-weight:400;text-transform:uppercase;letter-spacing:.05em;color:rgba(0,0,0,.85);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:1rem;display:table;white-space:nowrap;height:auto;line-height:1;text-align:center;color:#797979;padding-bottom:12px;margin-left:1px;margin-right:1px}body.theme-orange #central_content .card .attributes>.title:after,body.theme-orange #central_content .card .attributes>.title:before{content:"";display:table-cell;position:relative;top:50%;width:50%;background-repeat:no-repeat;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC)}body.theme-orange #central_content .card .attributes>.title:after{background-position:left 1em top 50%}body.theme-orange #central_content .card .attributes>.title:before{background-position:right 1em top 50%}body.theme-orange #central_content .card .attributes .labels{border:1px solid #85ae92;-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#fff;border-right:none}body.theme-orange #central_content .card .attributes .labels .label{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;color:#fff!important;width:auto!important;margin-top:0;margin-bottom:0;max-width:9999px;vertical-align:baseline;text-transform:capitalize;box-shadow:none;font-size:14px;font-weight:200;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:1px solid hsla(0,0%,100%,.2);border-right:1px solid #85ae92}body.theme-orange #central_content .card .attributes .labels .label .title{padding:4px;background:#85ae92;font-weight:400;color:#fff}body.theme-orange #central_content .card .attributes .labels .label>.detail{width:180px;margin:0;color:#292929;vertical-align:top;font-weight:400;padding:6px;opacity:.8;border-radius:0;text-transform:none;font-style:italic}body.theme-orange #central_content .card .attributes .labels .label>.detail span{margin-left:4px}body.theme-orange #central_content .card .attributes .labels .label>.detail:last-child{border-radius:0 3px 3px 0;text-indent:5px}body.theme-orange #cols_content_container{background-color:transparent!important;box-shadow:none!important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto;-webkit-box-flex:1;-ms-flex:1;flex:1;width:auto;max-width:1132px;box-sizing:border-box;padding:0 8px}body.theme-orange #cols_content_container:after{content:"";opacity:.03;top:0;left:0;bottom:0;right:0;position:absolute;z-index:-1}body.theme-orange #cols_content_container .ui.rating{background-image:none}body.theme-orange #cols_content_container .ui.rating .icon{line-height:1.7em!important}body.theme-orange #cols_content_container .new_badge{height:1.35em!important}body.theme-orange #cols_content_container .recently-viewed-wrap .recent_element .recent_name{line-height:1em!important}body.theme-orange #cols_content_container .recently-viewed-wrap .recent_element .recent_strikethrough_price{color:#000!important}body.theme-orange #cols_content_container .recently-viewed-wrap .recent_element .new_badge{line-height:1.21em!important}body.theme-orange #cart_quantity .card{background:#fff;border:1px solid #d4d4d5;box-shadow:0 2px 4px #adabab;padding:16px}body.theme-orange #colorbox{box-sizing:content-box}body.theme-orange #grid_wrapper{padding:0!important;min-width:0!important}body.theme-orange #grid_wrapper .img{max-width:100%!important}body.theme-orange #grid_wrapper ul{margin-right:0!important}@media only screen and (max-width:1024px){body.theme-orange #grid_wrapper ul{max-width:100%;box-sizing:border-box;margin:6px auto!important}}@media only screen and (min-width:768px){body.theme-orange .cs_box{position:relative;background:#fbfbb8!important;opacity:.8}body.theme-orange .cs_box:hover{opacity:1}body.theme-orange .cs_box.resetSession{bottom:20px;z-index:1000000;position:fixed;left:0;bottom:0}body.theme-orange .cs_box.stockInfo{z-index:1000000;position:fixed;right:0;bottom:0}}body.theme-orange #siteHeader .logoLink{height:60px!important}body.theme-orange #siteHeader .logoLink span{color:#fff!important}
/** ################################################################# **/
/** ################################################################# **/
/** ################################################################# **/
/** ################################################################# **/
/** ################################################################# **/
/** ################################################################# **/
/** ################################################################# **/
/** ################################################################# **/
/** ################################################################# **/
/** GREG NEW HEADER & FOOTER **/
/** General **/
body, html {height:auto!important}
body {position:relative;background-color:#f6faf7!important;font-family:Lato,sans-serif;font-size:14px}
/** Head **/
#HeaderLogo {
float:left;
width:240px;
padding-top:5px;
}
#HeaderLogo a {
font-size:34px;
font-weight:bold;
letter-spacing: -1px;
}
#HeaderLogo a img {
width:50px;
margin-right:3px;
}
#HeaderLogo a span {
font-size:16px;
}
#HeaderSearch {
padding-top:13px;
float:right;
width: calc(100% - 700px);
}
.searchAndSuggest {
border:solid 1px #aaa;
border-right:none;
height:30px;
border-radius: 2px;
}
#searchForm .submit {
border:solid 1px #aaa !important;
border-left:none !important;
height:30px !important;
}
#HeaderRight {
padding-top:13px;
float:right;
width:420px;
}
#header_phone_number {
font-size:24px;
margin:0px 10px;
letter-spacing: -1px;
float:right;
}
#header_login {
margin:7px 0px 0px 10px;
float:right;
}
#header_chat_live {
margin:7px 0px 0px 0px;
float:right;
}
#addToBasket, #view_basket, #addToBasketBtnMain, #rhc_addtobasketbtn {
border:Solid 1px #f18ab7 !important;
}
/** Navigation **/
body:not(.theme-orange) #siteHeader #headingTopTabsContainer .navigation-category>li:first-child>a>span {
transform: rotate(90deg);
position:absolute;
width:30px;
}
.everythingSection:nth-child(6) {
display:none !important;
}
/** New bottom row **/
.belowNavBackground {
background:#fff;
height:25px;
padding:5px 0px;
border-bottom:solid 1px #dee4df;
clear: left;
position: absolute;
width: 100%;
}
#belowNavContainer #feefo,
#belowNavContainer #nextday {
float:left;
margin-right:15px;
}
#belowNavContainer #feefo i.icon,
#belowNavContainer #nextday i.icon {
background-image: url(/images/prim_header_bg_sprite.png?_=20160322);
display: inline-block;
height: 25px;
margin-right: .5em;
vertical-align: top;
float:left;
}
#belowNavContainer #feefo i.icon {
background-size: 370px;
background-position: -215px 29px;
width: 58px;
}
#belowNavContainer #nextday i.icon {
background-position: -183px -186px;
width: 32px;
}
#belowNavContainer #nextday a {
margin-top:2px;
float:left;
}
#belowNavContainer #nextday span {
float:left;
margin-right:10px;
}
#belowNavContainer #nextday span.flag-icon {
background-image : url('/images/nav-flags.png');
background-repeat: no-repeat;
width: 26px;
height: 18px;
margin-top:1px;
float:left;
}
.flag-icon.be {
background-position: -30px 0px;
}
.flag-icon.de {
background-position: -62px 0px;
}
.flag-icon.au {
background-position: -91px 0px;
}
.flag-icon.sw {
background-position: -120px 0px;
width: 18px;
}
.flag-icon.fr {
background-position: -146px 0px;
}
.flag-icon.lx {
background-position: -265px 0px;
}
.flag-icon.es {
background-position: -206px 0px;
}
.flag-icon.pt {
background-position: -235px 0px;
}
#review_count_header {
background-position: 0px -150px;
display: block;
float: left;
height: 23px;
position: relative;
width: 114px;
}
#review_count_header span {
color: #4e5665;
overflow: hidden;
position: absolute;
right: 7px;
text-align: center;
top: 3px;
width: 29px;
font-size: 13px;
}
#belowNavContainer #amazon_checkout_header_1 {
background-position: -124px -150px;
}
#belowNavContainer .amazon_checkout_header {
background-position: -124px -150px;
cursor: pointer;
display: block;
float: left;
height: 27px;
width: 44px;
}
#belowNavContainer #paypal_checkout_header {
background-position: -173px -148px;
display: block;
float: left;
height: 27px;
margin: 0 6px 0 6px;
width: 55px;
}
#belowNavContainer #creditcard_checkout_header {
background-position: -232px -148px;
display: block;
float: left;
height: 27px;
width: 88px;
}
#useful_links {
float:right;
}
#useful_links a {
margin:2px 10px 0px 0px;
float:left;
}
/** Responsive Break Points **/
@media (max-width: 1140px) {
#HeaderLogo,
#belowNavContainer #feefo {
margin-left:15px;
}
.navigation-category {
margin:0px 15px !important;
}
#HeaderRight,
#payment_options {
margin-right:15px;
}
#breadcrumb_container {
margin-left:15px;
}
}
@media (max-width: 1024px) {
#useful_links #delivery_returns,
#useful_links #media,
#header_chat_live
{
display:none;
}
}
@media (max-width: 890px) {
#siteHeader {
height:95px;
}
#belowNavContainer,
#header_phone_number,
#header_chat_live,
#header_login,
#myacc-dropdown {
display:none;
}
#nav_menu {
margin-right:110px;
}
#HeaderSearch {
clear:left;
width: calc(100% - 20px);
padding:5px 10px;
background:#697;
}
#HeaderRight {
width:180px;
margin-right:10px;
}
#HeaderLogo {
margin-left:0px;
width: calc(100% - 370px);
text-align:center;
}
.PromoBannerContainer {
float:left;
width:100%;
background:#fff;
height:35px;
border-bottom:solid 1px #dee4df;
}
}
@media only screen and (max-width: 767px) {
#nav_menu {
margin-right:0px;
}
#HeaderRight {
width:50px;
}
#HeaderLogo {
width: calc(100% - 140px);
}
#HeaderLogo a {
font-size:32px;
}
#HeaderLogo a img {
width:45px;
}
#HeaderLogo a span {
font-size:14px;
}
}
/**** List page ***/
body:not(.theme-orange) #breadcrumb_container #crumbs a:after {
top:9px;
}
#filterResults {
margin-top:-20px;
}
#filterResults table > tbody > tr > td {
background:none;
}
#filterResults table > tbody > tr:first-child {
display:none;
}
/*** Developing Mobile Nav - temp styles **/
#headingTopTabsContainer #nav_menu_drop {
display:none;
}
@media (max-width: 890px)
{
.layout--responsive #siteHeader #headingTopTabsContainer #nav_menu_drop {
display:block;
}
.layout--responsive #siteHeader #headingTopTabsContainer {
position:absolute;
width:100%;
top:54px;
z-index:10;
}
}
|