@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

html, body {
  height: 100%;
  font-size: 100%;
}

body {
	margin: 0;
	color: #404040;
	background: #ffffff;
	list-style-position: inside;
	font-family: Inter, Helvetica, Arial, sans-serif;
    -webkit-text-size-adjust: 100%;
}

h1, h2, h3, h4 ,h5, h6
{
	font-family: Inter, Helvetica, Arial, sans-serif; 
	color: #03406f; font-weight: 300;
	margin: 1em auto;
	text-align: center;
	line-height: 1.3em;
}

h1 { font-size: 42px; }
h2 { font-size: 36px; } 
h3 { font-size: 24px; }
h4 { font-size: 22px; }
h5 { font-size: 20px; }
h6 { font-size: 18px; }

blockquote {
	margin: 0 0 1.5em 65px;
	font-size: 20px;
	line-height: 30px;
	font-style: italic;
	color: #939393;
	border-left: 5px solid #ddd;
	padding: 0 0 0 21px;
	position: relative;
}

blockquote::before {
	content: "";
}

blockquote::after {
	background: url(/images/bg-quote.png) no-repeat;
	width: 48px;
	height: 36px;
	position: absolute;
	top: 0;
	left: -69px;
	content: '';
}

.terms h2, .privacy h2, .privacy h3, .privacy h4 { text-align: left; }
.privacy ol { padding-top: 0 !important; }
.privacy h3 { display: inline !important; padding-top: 0 !important; margin-top: 0 !important; }

.house { color: #03406f !important; }
.secondary { color: #7ea122 !important; }

.white { color: #ffffff !important; }
.black { color: #000000 !important; }
.grey { color: #6f7271 !important; }
.darkgrey { color: #333333 !important; }
.red { color: #dd0000 !important; }

.housebg { background-color: #03406f !important; }
.secondarybg { background-color: #7ea122 !important; }
.whitebg { background-color: #ffffff !important; }
.greenbg { background-color: #7ea122 !important; }
.blackbg { background-color: #000000 !important; }
.greybg { background-color: #9DC3E0 !important; }
.redbg { background-color: #dd0000 !important; }
.darkgreybg { background-color: #808080 !important; }
.magentabg { background-color: #DB0057 !important; }
.orangebg { background-color: #ECB030 !important; }

.housebg-light { background: #EEF0F6; }
.secondarybg-light { background: #EAF3E7; }

.shaded, .shadedgrey {background: #ECEDEE;}
.shaded-darkest { background: #6f7271; }
.shaded-darker { background: #888b8d; }
.shaded-mid, .shadedmid { background: #C3C3C3; }
.shaded-light, .shadedlight, .shadedlightgrey { background: #DCDCDC; }
.shaded-lightest, .shadedlightest { background: #F5F5F5; }

.alert { background: #F7F7F7 url('/images/alert_150.png') 16px 8px no-repeat; min-height: 125px; padding-left: 175px !important; }

.enquiryform { background: #F3F6FB; padding: 5px; border-radius: 5px; }

.white-opacity-bg { background: rgba(255,255,255,0.6); }

.bold { font-weight: 800 !important; }
.strong, strong { font-weight: 800 !important; }
.notbold { font-weight: 200 !important; }
.transparent { color: transparent !important; background:  transparent !important; }
.hidden { display: none; }

.titlecase { text-transform: capitalize; }

sup { vertical-align: top; font-size: 0.7em; }

.sortable>div { cursor: n-resize; border: 2px solid transparent; }
.sortable>div:hover { border: 2px dashed #00C9CC; border-radius: 3px; }
.sortable.choices>div:hover { border: 2px dashed #E8EEF6; border-radius: 3px; }

.leftquote { vertical-align: super; margin-right: 6px; }
.rightquote { vertical-align: sub; margin-left: 6px; }

.valignmiddle { vertical-align: middle; }

.corner {
    transform: rotate(-45deg);
    color: #ffffff;
    background-color: #03406f;
    position: absolute;
    top: -20px !important;
    left: -60px !important;
    padding: 25px 0 5px 0;
    width: 160px;
    font-family: sans-serif;
    font-size: 48px;
    border-radius: 0;
    z-index: 1;
}

.row { width: 100%; }

.container, .containermedium, .containernarrow, .containersmall { clear: both; max-width: 1500px; width: 100%; margin: 0 auto; padding: 0; box-sizing: border-box; }

.containermedium { max-width: 1000px; }
.containernarrow { max-width: 768px; }
.containersmall { max-width: 450px; }

.container.wide { max-width: 1900px; margin: 0 auto; box-sizing: border-box; }

.wrapper-1280 { max-width: 1280px; margin: 0 auto;  box-sizing: border-box; }
.wrapper-1200 { max-width: 1200px; margin: 0 auto;  box-sizing: border-box; }
.wrapper-1150 { max-width: 1150px; margin: 0 auto;  box-sizing: border-box; }
.wrapper-1100, .inner-wrap, .site-header .inner-wrap { max-width: 1100px; margin: 0 auto; }

#message-header { position: relative; display: none; padding: 7px 45px 7px 15px; }
#message-header-close { position: absolute; top: 0; right: 0; z-index: 300; font-size: 1.3em; padding: 5px; cursor: pointer; }
#message-header-close:hover { color: #ee0000; }

/* main navigation: */

#menuhide { width: 100% !important; margin: 0; padding: 6px !important; font-size: 1.2em; color: #ffffff; text-decoration: none; text-align: center; }
#menuhide:hover { text-decoration: none; }

#main-navigation { position: absolute; top: 0; left: 0; z-index: 300; width: 100%; color: #03406f; background: #ffffff; border-bottom: 2px solid #7ea122; margin: 0; padding: 0; text-align: center; }

#mainmenu { position: relative; display: none; width: 100%; max-width: 1280px; margin: 0 auto; }

#mainmenu>ul  { width: 100%; padding: 0; margin: 0; box-sizing: border-box; }
#mainmenu>ul>li { display: block; text-align: left; box-sizing: border-box; }

#mainmenu ul>li>span
{
	color: #03406f;
	background: transparent;
	display: block;
    padding: 0;
    border-bottom: 0 none;
	text-decoration: none;
	box-sizing: border-box;
	transition: 0.3s;
}

#mainmenu ul>li>span:hover
{ 
	color: #ffffff;
	background: #7ea122;
}

#mainmenu ul>li a,
#mainmenu ul>li>a,
#mainmenu ul>li>a:link,
#mainmenu ul>li>a:visited,
#mainmenu ul>li>a:focus,
#mainmenu ul>li>a:active
{
	color: #ffffff;
	background: transparent;
	text-decoration: none;
	display: block;
    padding: 15px 9px;
    border-bottom: 0 none;
	box-sizing: border-box;
}

#mainmenu ul>li a {
	color: #03406f;
}

#mainmenu ul>li span:hover a,
#mainmenu ul>li>span:hover a,
#mainmenu ul>li a:hover,
#mainmenu ul>li>a:hover
{ 
	color: #ffffff;
	background: transparent;
	text-decoration: none;
}

#mainmenu ul>li span { padding-left: 2%; padding-right: 2%; }

.drop { }
.drop a { padding: 15px 40px 15px 9px !important; }
.dropper { position: relative; }

.showsub { position: absolute; top: 0; right: 0; z-index: 2; font-size: 1.6em; height: 100%; width: 75px; padding: 10px 10px 10px 35px !important; box-sizing: border-box; cursor: pointer; background: transparent !important; }
.showsub:hover { background: transparent !important; }
.showsub.dropped i { transform: rotate(180deg); }

.submenu { display: none; width: auto; min-width: 100%; padding: 0; background: #7ea122; box-sizing: border-box; }
.submenu li { display: block; float: none; padding-left: 2%; padding-right: 2%; background: transparent; transition: 0.3s; box-sizing: border-box; }
.submenu li:hover { background: transparent; }
.submenu li a { color: #ffffff; background: transparent; }
.submenu li a:hover { color: #ffffff; font-weight: bold; background: transparent; }

.showsubsub { position: absolute; top: 0; right: 0; z-index: 2; color: #ffffff !important; font-size: 1.6em; height: 50px; width: 75px; padding: 10px 10px 10px 35px !important; box-sizing: border-box; cursor: pointer; background: transparent !important; }
.showsubsub:hover { background: transparent !important; }
.showsubsub.dropped i { transform: rotate(180deg); color: #404040 !important; }

.subsubmenu { display: none; width: 100%; padding: 5px; text-align: left !important; margin: 0; box-sizing: border-box; }
.subsubmenu li { padding-left: 2%; padding-right: 2%; background: transparent; box-sizing: border-box; }
.subsubmenu li:hover { background: transparent; }
.subsubmenu li a { color: #ffffff; background: transparent; }
.subsubmenu li a:hover { color: #ffffff; font-weight: bold; background: transparent; }

.submenushowing { clear: both; width: 100% !important; background: #bfd091 !important; color: #03406f !important; }
.submenushowing a, .submenushowing a:hover, .submenushowing subsubmenu li a, .submenushowing subsubmenu li a:hover { color: #03406f !important; }

/* /main navigation */

/* customer menu */

#customermenutoggle { display: block; padding: 9px 0; min-height: 40px; box-sizing: border-box; }
#customermenushow, #customermenuhide { margin: 0; padding: 6px; border-radius: 6px; font-size: 1.2em; color: #03406f; text-decoration: none; text-align: center; }
#customermenushow:hover, #customermenuhide:hover { color: #ffffff; background: #7ea122; text-decoration: none; }
#customermenushow { display: inline; }
#customermenuhide { display: none; }

#customermenu  { width: 100%; padding: 0; margin: 0; box-sizing: border-box; display: none; }
#customermenu >li { display: block; text-align: left; box-sizing: border-box; }

#customermenu li span
{
	background: transparent;
	display: block;
	width: 100%;
	height: 100%;
    padding: 12px 18px;
    border-bottom: 1px solid #eaeaea;
	text-decoration: none;
	box-sizing: border-box;
}

#customermenu li a
{
	color: #03406f;
	background: transparent;
	display: block;
	width: 100%;
	height: 100%;
    padding: 12px 18px;
    border-bottom: 1px solid #eaeaea;
	text-decoration: none;
	box-sizing: border-box;
	transition: 0.3s;
}

#customermenu li a:hover
{ 
	color: #03406f;
	background: #f1f1f1;
	text-decoration: none;
}

#customermenu li a i
{ 
	width: 30px;
}

/* /customer menu */

.cycleslidescontainer { width: 100%; height: auto; display: block; margin: 0; padding: 0; background: #ffffff; position: relative; }

.slider-panels { width: 80%; margin: 15px auto; }
.slider-panels.flexbox h3 { width: 100%; background: #03406f; color: #ffffff; border-radius: 6px 6px 0 0; margin: 0 !important; padding: 5px; box-sizing: border-box; }

.cycleslides { width: 100%; margin: 0; padding: 0;}
.cycleslide { width: 100%; margin: 0; padding: 0; display: none; }
.firstslide { display: block; }
.cycleslide img { width: 100%; }
.cyclecontent { width: 90%; max-width: 1300px; text-align: center; border: 0 none; border-radius: 9px; padding: 9px; box-sizing: border-box; position: absolute; top: 50%; left: 50%; transform: translate(-50%, 0); } /*  transform: translate(-50%, -50%); */
.cyclecontent h3 { color: #ffffff !important; margin: 0.35em auto; font-size: 24px; text-shadow: 1px 1px 1px #404040; }
.cyclecontent p { display: none; color: #ffffff !important; margin: 0.5em auto; font-size: 16px; text-shadow: 1px 1px 1px #404040; }
.cyclecontent a, .cyclecontent .cta { display: none; color: #ffffff; background: #404040; padding: 3px 9px; text-decoration: none; text-align: center; white-space: nowrap; cursor: pointer; border: 1px solid #ffffff; }
.cyclecontent a:hover, .cyclecontent .cta:hover { color: #404040; background: #ffffff; text-decoration: none; }

.cyclecontent.alignleft h3, .cyclecontent.alignleft p { text-align: left; }
.cyclecontent.alignright h3, .cyclecontent.alignright p { text-align: right; }

.cyclecontent.light { background: transparent; } /* background: rgba(0,0,0,0.25); */
.cyclecontent.dark { background: transparent; } /* background: rgba(255,255,255,0.25); */
.cyclecontent.dark h3, .cyclecontent.dark p { color: #000000 !important; text-shadow: none; }

#cycleleftarrow {display: none; position: absolute; z-index: 100; bottom: 50%; transform: translateY(50%); left: 10px; margin: 0; padding: 0; font-size: 3em; color: #888b8d; background: transparent; cursor: pointer; }
#cyclerightarrow {display: none; position: absolute; z-index: 100; bottom: 50%; transform: translateY(50%); right: 10px; margin: 0; padding: 0; font-size: 3em; color: #888b8d; background: transparent; cursor: pointer; }
#cycleleftarrow:hover, #cyclerightarrow:hover { color: #6f7271; }

.cyclepager {position: absolute; z-index: 125; bottom: 50px; left: 50%; margin-left: -60px; display: block; } /* 4 dots = 47px; 5 dots = -60px; 6 dots = -67px; 8 dots = -92px */
.cyclepager span, .slideshowpager span { font-size: 2%; margin: 6px; text-decoration: none !important; text-align: center; color: transparent; display: inline-block; width: 10px; height: 10px; background-color: #7ea122; border: 1px solid #7ea122; border-radius: 50%; }
.cyclepager span:hover, .slideshowpager span:hover { cursor: pointer; background-color: #ffffff; border: 1px solid #7ea122; }
.cyclepager span.cycle-pager-active, .slideshowpager span.cycle-pager-active { background-color: #ffffff; border: 1px solid #ffffff; cursor: auto; }

.zoomContainer { z-index: 101; } /* elevatezoom */

.featurecontainer { width: 100%; height: auto; display: block; margin: 0; padding: 0; background: #ffffff; position: relative; }
.featureimage { width: 100%; margin: 0; padding: 0;}
.featureimage img { width: 100%; }
.featurecontent { width: 90%; border: 2px ridge #ffffff; text-align: center; background: rgba(0,0,0,0.05); padding: 9px; box-sizing: border-box; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.featurecontent h2 { color: #ffffff !important; margin: 0.25em auto; font-size: 18px; text-shadow: 1px 1px 1px #000000; }

.product-image { position: relative; }
.product-image .zoom-icon { display: block; position: absolute; top: 15px; right: 15px; z-index: 110; color: #6f7271; background: rgba(255,255,255,0.5); padding: 7px 8px 5px 8px; border-radius: 50%; }
#product-images .no-zoom { display: none; position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - 100px); z-index: 100; background: transparent; }

.product-image .carousel-prev {position: absolute; z-index: 102; bottom: 50%; transform: translateY(50%); left: 10px; margin: 0; padding: 0; font-size: 4em; color: #888b8d; background: transparent; cursor: pointer; }
.product-image .carousel-next {position: absolute; z-index: 102; bottom: 50%; transform: translateY(50%); right: 10px; margin: 0; padding: 0; font-size: 4em; color: #888b8d; background: transparent; cursor: pointer; }
.product-image .carousel-prev:hover, .product-image .carousel-next:hover { color: #6f7271; }

.product-image .carousel-prev, .product-image .carousel-next { font-size: 4.33em; color: #888b8d; }

#choice-img { display: none; position: absolute; top: 0; left: 0; z-index: 200; width: 100%; height: 100%; overflow: hidden; background: #ffffff; background-position: center center; background-size: contain; background-repeat: no-repeat; cursor: url('/images/cursor-close.png'), auto; }
#choice-close { display: none; position: absolute; top: 15px; right: 15px; z-index: 201; color: #dd0000; background: rgba(255,255,255,0.5); padding: 7px 8px 5px 8px; border-radius: 50%; }
#choice-caption { display: none; position: absolute; z-index: 202; bottom: 2px; left: 50%; width: 100%; transform: translateX(-50%); text-align: center; padding: 3px 9px; background: rgba(255,255,255,0.5); box-sizing: border-box; }

.slider-heading { font-size: 1.4em; margin-bottom: 50px; }
.slider { position: relative; }
.slide { background: transparent; }
.slide-image { margin: 0 4% 0 0; border-radius: 12px; }
.slide-title { height: 1em; overflow: hidden; font-size: 0.9em; font-weight: 800; white-space: normal; margin: 0 4% 0 0; padding: 5px 0; }
.slide-body { position: relative; max-height: 60px; overflow: hidden; font-size: 0.9em; white-space: normal; margin: 0 4% 0 0; padding: 5px 0; }
.slide-body:before {
  content: '';
  width: 100%;
  height: 100%;    
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(transparent 80%, #D1DEF1);
}
.slide-button { padding: 9px 0 0 9px; }
.slide-datestamp { font-size: 0.9em; color: #999999; font-style: italic; margin: 0; padding: 5px 0; }
.slide-pager { position: absolute; top: -40px; right: 2%; z-index: 5; }
.slide-pager span { color: transparent; font-size: 12px; margin: 2px; text-decoration: none !important; text-align: center; padding: 9px 12px; background: transparent url('../images/slidenavbg.png') center -32px no-repeat; }
.slide-pager span:hover { background-position: center top; cursor: pointer; }
.slide-pager span.cycle-pager-active { background-position: center top !important; }
.slide-pager span.cycle-pager-active:hover { background-position: center top !important; }

.slider { position: relative; }

.button_small,
.button,
.button_large,
.button_secondary,
.button_secondary_small,
.button_orange_small,
.button_orange,
.button_red,
.button_red_small,
.button_small_grey,
.button_white_small,
.button_red_large,
.button_submit,
.button_listing,
.edit_button,
#apply-button,
.checkout-button,
.quote-button,
.update-button,
.basket-button
{
	color: #ffffff !important;
	background-color: #03406f;
	text-decoration: none !important;
	text-align: center;
	display: inline-block;
	border: 2px solid #03406f;
	border-radius: 3px;
	cursor: pointer;
	margin: 6px 0;
	font-family: Inter,Helvetica,Arial,sans-serif;
}

.button_small:hover, 
.button:hover,
.button_secondary:hover,
.button_secondary_small:hover,
.button_large:hover, 
.button_orange:hover,
.button_orange_small:hover,
.button_red:hover, 
.button_red_small:hover,
.button_small_grey:hover,
.button_white_small:hover,
.button_red_large:hover,
.button_submit:hover,
.button_listing:hover,
.edit_button:hover
{
	color: #ffffff !important;
	background-color: #7ea122;
	border: 2px solid #7ea122;
	text-decoration: none;
}

.button_small {font-size: 0.9em; padding: 5px 10px; }
.button {font-size: 1em; padding: 9px 18px; }
.button_listing {font-size: 1.3em; padding: 10px 15px; }
.button_large {font-size: 1.4em; padding: 10px 20px; }
.button_submit {font-size: 1.5em; padding: 12px 24px; }

.button_orange {font-size: 1em; padding: 7px; background: #ff6600; border-color: #ff6600; }
.button_orange_small {font-size: 0.9em; padding: 5px 10px; background: #ff6600; border-color: #ff6600; }

.button_secondary {font-size: 1em; padding: 9px 18px; background: #7ea122; border-color: #7ea122; }
.button_secondary_small {font-size: 0.9em; padding: 5px 10px; background: #7ea122; border-color: #7ea122; }
.button_red {font-size: 1em; padding: 9px 18px; background: #ee0000; border-color: #ee0000; }
.button_red_small {font-size: 0.9em; padding: 5px 10px; background: #ee0000; border-color: #ee0000; }
.button_red_large {font-size: 1.4em; padding: 10px; background: #ee0000; border-color: #ee0000; }
.button_secondary:hover, .button_red:hover, .button_red_small:hover, .button_red_large:hover { background: #03406f; border-color: #03406f; }

.button_small_grey {font-size: 0.9em; border: 0 none; padding: 5px 10px; background: #aaaaaa; border-color: #aaaaaa; }
.button_small_grey:hover {font-size: 0.9em; border: 0 none; padding: 5px 10px; background: #999999; border-color: #999999; }

.button_white_small {font-size: 0.8em; border: 0 none; padding: 3px 9px; color: #03406f !important; background: #ffffff; border-color: #ffffff; }
.button_white_small:hover {font-size: 0.8em; border: 0 none; padding: 3px 9px; background: #ffffff; border-color: #ffffff;}

.button:disabled, .button_large:disabled, .button_submit:disabled { background: #aaaaaa; border-color: #999999; }

.pointer-up { padding-right: 30px; background-image: url('../images/pointer-up.png'); background-position: right 5px; background-repeat: no-repeat; }
.pointer-right { padding-right: 30px; background-image: url('../images/pointer-right.png'); background-position: right 5px; background-repeat: no-repeat; }
.pointer-down { padding-right: 30px; background-image: url('../images/pointer-down.png'); background-position: right 5px; background-repeat: no-repeat; }
.pointer-left { padding-left: 30px; background-image: url('../images/pointer-left.png'); background-position: left 5px; background-repeat: no-repeat; }

.edit_button {font-size: 0.9em; margin: 2px; padding: 3px; }

a.button_small:link, a.button_small_grey:link, a.button:link, a.button_large:link, a.button_red:link, a.button_home_slider:link, a.button_submit:link, a.button_listing:link, a.edit_button:link {color: #ffffff; text-decoration: none;}
a.button_small:visited, a.button_small_grey:visited, a.button:visited, a.button_large:visited, a.button_red:visited, a.button_home_slider:visited, a.button_submit:visited, a.button_listing:visited, a.edit_button:visited {color: #ffffff; text-decoration: none;}
a.button_small:hover, a.button_small_grey:hover, a.button:hover, a.button_large:hover, a.button_red:hover, a.button_home_slider:hover, a.button_submit:hover, a.button_listing:visited, a.edit_button:hover {color: #ffffff; text-decoration: none;}
a.button_small:active, a.button_small_grey:active, a.button:active, a.button_large:active, a.button_red:active, a.button_home_slider:active, a.button_submit:active, a.button_listing:visited, a.edit_button:active {color: #ffffff; text-decoration: none;}

.notecell { max-height: 60px; position: relative; overflow: hidden; }
.noteexpand { display: block; position: absolute; top: -3px; right: 0; }
.notecollapse { display: none; position: absolute; top: -3px; right: 0; }

input[type="text"], input[type="email"], input[type="url"], input[type="number"], input[type="tel"], input[type="password"] { font-size: 1.2em; margin: 2px 0; padding: 6px 3px; border: 1px solid #cccccc; border-radius: 3px; width: 100%; box-sizing: border-box; appearance: none; }
input[type="checkbox"] { width: 26px; height: 26px; -moz-transform: scale(1.5); padding: 6px 3px; margin: 0 6px; border: 1px solid #cccccc; border-radius: 12px; vertical-align: middle; }

input::placeholder, textarea::placeholder { font-size: 16px; }

.dateinput { width: 75% !important; }

.required {}
.required-warning { border-color: #dd0000 !important; }

.plaintextbox { background: transparent; border: 1px solid transparent !important; }
.smalltextbox { max-width: 160px !important; }

.noscreen {display: none;}

.product-share { display: block; float: right; width: 34px; height: 34px; margin: 15px 12px; background: transparent url('/images/share-white_34.png') center center no-repeat; }
.product-print { display: block; float: right; width: 34px; height: 34px; margin: 15px 12px; background: transparent url('/images/print-white_34.png') center center no-repeat; cursor: pointer; }

.crumbtrail { color: #333333; font-size: 0.9em; font-weight: 200; padding: 12px 6px 6px 6px; }
.crumbtrail a {	color: #333333; font-weight: 200; text-decoration: none; }
.crumbtrail a:hover { color: #03406f; text-decoration: underline; }

.viewbasket {float: right; text-align: right; margin: 0 0 0 10px;}
.calltoaction { margin: 15px auto; text-align: center;}
.eurodisplay {color: #03406f;}
.cartshade {margin: 5px; padding: 5px; background: #e6edf4; border: 0 none;}
.cartright {text-align: right; margin-right: 20px;}
.catbrowse {font-size: 1.1em; }
.removex {vertical-align: middle; background: transparent url('../../images/cross_16.png') center top no-repeat; vertical-align: middle;}
.removex:hover {background-position: center -16px;}

.number {font-weight: 800; margin: 5px 0 0 0;}
.counter {width: 50px; float: left; text-align: right; font-weight: 800;}
.prodlist {width: 650px; float: right; text-align: left;}
.prodcode {}
.prodsummary {margin: 5px 5px 5px 50px;}

.floatcheck {width: 33%; float: left;}

.checkoutlabel {display: inline; float: left; width: 140px;}

.paymentlogos { padding: 0; color: #ffffff; }
.paymentlogos img { margin: 3px; }

.social-links { margin: 20px 0;}
.social-links span { margin: 20px 5px; font-size: 1.5em; color: #03406f; }
.social-links span:hover { color: #7ea122; text-decoration: none; }

.site-footer .social-links { text-align: center; margin: 40px 0;}
.site-footer .social-links span { color: #03406f; }
.site-footer .social-links span:hover { color: #333333; text-decoration: none; }

.site-footer { border-top: 2px solid #7ea122; color: #03406f; }

.site-footer a:link, .site-footer a:visited, .site-footer a:active { color: #03406f; text-decoration: none; }
.site-footer a:hover { color: #333333; text-decoration: underline; }

.companyinfo { padding: 36px 9px 18px 9px; }
.companyinfo ul { list-style: none; margin: 0; padding: 0; }
.companyinfo ul li { margin: 0 0 1em 0; }
.companyinfo ul li span { padding: 18px; }

.copyright { width: 100%; margin: 0; padding: 16px 0 60px 0; color: #ffffff; background: #000000; box-sizing: border-box; }

.copyright a:link, .copyright a:visited, .copyright a:active { color: #ffffff; text-decoration: none; }
.copyright a:hover { color: #ffffff; text-decoration: underline; }


img {border: 0 none; }
figure { margin: 0; padding: 0; }

ul.bullets-red li { list-style-image: url('../../images/bullet-red.png'); padding: 3px 0; }

.clear {clear: both;}
.clearright {clear: right;}

.separator {clear: both; height: 0; font-size: 0; margin: 0; padding: 0; background: transparent;}

.smallspacer {clear: both; height: 3px; margin: 0; padding: 0; background: transparent;}

.thinspacer {clear: both; height: 5px; font-size: 0.1em; margin: 0; padding: 0; background: transparent;}

.spacer {clear: both; height: 10px; font-size: 0.1em; margin: 0; padding: 0; background: transparent;}

.bigspacer {clear: both; height: 25px; font-size: 0.1em; margin: 0; padding: 0; background: transparent;}

.spacer-grey {clear: both; height: 35px; font-size: 0.1em; margin: 0; padding: 0; background: #E6E6E6;}

.floatedboxes {float: left; margin: 0 0 0 0;}

.tight {margin: 0; padding: 0;}

.righttext {text-align: right;}

.righttextsmall {font-size: 0.85em; text-align: right; margin: 0 5px;}

.smaller { font-size: 0.9em; }

.larger { font-size: 1.2em; }

.verylarge { font-size: 2em; }

.caption { font-size: 0.8em; }

.tooltip { cursor: help; }

.plaintext {border: 0 none; background: transparent;}
.plaintexteuro {border: 0 none; color: #03406f;}

.indented { margin-left: 15px; }
.licon { padding-left: 45px !important; text-indent: -20px !important; box-sizing: border-box; }
.licon i { width: 20px; }

.righttextsmall {text-align: right; margin: 0; padding: 0;}

.warningtext {color: #03406f; font-size: 0.6em; text-align: center;}

.button {cursor: pointer;}

.smallbutton {font-size: 0.9em; cursor: pointer;}

.submit {font-weight: 800; cursor: pointer;}

.nav_button {font-size: 0.9em; cursor: pointer; width: 150px; margin: 2px 0px 3px 0px;}

.boldbutton {font-weight: 800; margin: 5px; cursor: pointer;}

.field_normal { background: #ffffff; border: #C2C8D4 solid 1px; }
.field_focus { background: #fff6e5; border: #425968 solid 1px; }
.field_updated { background: #efffef; border: #425968 solid 1px; }

.highlighted {font-weight: 600; color: #03406f;}

.notice { border-radius: 4px; padding: 4px; }

.success { color: #004000; background: #E5FFE5; border-radius: 4px; padding: 4px; }

.warning { color: #800000; background: #ffefef; border-radius: 4px; padding: 4px; }

.error {color: #ffffff; background: #dd0000; border-radius: 4px; padding: 4px; }

.unread {color: #000000; background: #FFC5B1; border-radius: 4px; padding: 4px; }

.subtitle {font-size: 1.2em; color:#cc0000;}

.pricestyle {font-size: 1.2em;}

.pricebox { color: #555555; background: transparent; font-size: 1em !important; border: 0 none !important; padding: 0 !important; margin: 0 !important; text-align: center; max-width: 75px !important; }

.vatexnote { padding: 18px; }
.crashnote { padding: 18px; }

.fullcol {width: 925px; margin: 0 0 25px 35px;}

.shippingtablecontainer {margin: 0 15px 0 0;}

.leftcolcart {width: 70%; float: left;}
.leftcolcart p {text-indent: -25px; margin-left: 25px;}
.rightcolcart {width: 150px; float: right;}

hr {clear: both; height: 1px; background: #cccccc; border: 0 none;}

hr.dashed {clear: both; height: 16px; background: transparent url('../images/mainheadbg.png') top center repeat-x; margin: 10px 0; padding: 0; display: block; border: 0 none;}

.underlined {text-decoration: underline;}

a {color: #03406f; text-decoration: underline;}
a:visited{text-decoration: underline;}
a:hover{text-decoration: none;}
a:active{text-decoration: underline;}

a.antilink{color: #03406f; text-decoration: none;} 
a.antilink:visited{color: #000000; text-decoration: none;} 
a.antilink:hover{color: #000000; text-decoration: underline;}
a.antilink:active{color: #000000; text-decoration: none;}

a.plainlink{text-decoration: none;} 
a.plainlink:visited{text-decoration: none;} 
a.plainlink:hover{text-decoration: none;}
a.plainlink:active{text-decoration: none;}

a.whitelink{color: #ffffff; text-decoration: none;} 
a.whitelink:visited{color: #ffffff; text-decoration: none;} 
a.whitelink:hover{color: #ffffff; text-decoration: underline;}
a.whitelink:active{color: #ffffff; text-decoration: none;}

a.blacklink{color: #000000; text-decoration: none;} 
a.blacklink:visited{color: #000000; text-decoration: none;} 
a.blacklink:hover{color: #000000; text-decoration: underline;}
a.blacklink:active{color: #000000; text-decoration: none;}

a.greylink{color: #656565; text-decoration: none;} 
a.greylink:visited{color: #656565; text-decoration: none;} 
a.greylink:hover{color: #03406f; text-decoration: underline;}
a.greylink:active{color: #656565; text-decoration: none;}

.underscore-red {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #E21013;
	display: inline-block;
}

.maincontent ul li {list-style-position: outside;}

ol li 
{
    margin: 0;
    padding: 6px 0;
    text-indent: -1.1em;
    margin-left: 1.1em;
}

.nobull { list-style-type: none; padding: 0; }

li.house {list-style-type: none; background: transparent url('../images/bm_38.png') left top no-repeat; min-height: 38px; margin: 6px 0; padding: 3px 0 0 43px; }
li.pdf {list-style-type: none; background: transparent url('../images/pdf_rounded_38.png') left top no-repeat; min-height: 38px; margin: 9px 0; padding: 6px 0 0 43px;}
li.ppt {list-style-type: none; background: transparent url('../images/ppt_rounded_38.png') left top no-repeat; min-height: 38px; margin: 9px 0; padding: 6px 0 0 43px; }
li.xls {list-style-type: none; background: transparent url('../images/xls_rounded_38.png') left top no-repeat; min-height: 38px; margin: 9px 0; padding: 6px 0 0 43px; }
li.doc {list-style-type: none; background: transparent url('../images/doc_rounded_38.png') left top no-repeat; min-height: 38px; margin: 9px 0; padding: 6px 0 0 43px; }
li.web {list-style-type: none; background: transparent url('../images/web_rounded_38.png') left top no-repeat; min-height: 38px; margin: 9px 0; padding: 6px 0 0 43px; }
li.wp {list-style-type: none; background: transparent url('../images/wordpress_38.png') left top no-repeat; min-height: 38px; margin: 9px 0; padding: 6px 0 0 43px; }
li.email {list-style-type: none; background: transparent url('../images/e-mail_38.png') left top no-repeat; min-height: 38px; margin: 9px 0; padding: 6px 0 0 43px; }
li.tick, #features_and_benefits li {list-style-type: none; background: transparent url('../images/green_tick_20.png') left top no-repeat; margin: 3px 0; padding: 6px 0 0 30px; }

.menuheading {padding: 0 0 5px 0; border-bottom: solid 1px #03406f; color: #03406f; font-weight: 800;}

a.boxlink{color: #03406f; text-decoration: none; font-weight: 800; font-size: 1.4em; text-transform: capitalize;}
a.boxlink:visited{text-decoration: none;}
a.boxlink:hover{text-decoration: underline;}
a.boxlink:active{text-decoration: none;}

a.smallboxlink{color: #03406f; text-decoration: none; font-weight: 800; font-size: 1.1em; text-transform: capitalize;}
a.smallboxlink:visited{text-decoration: none;}
a.smallboxlink:hover{text-decoration: underline;}
a.smallboxlink:active{text-decoration: none;}

.printfooter { display: none; }

.newsdark {padding: 5px; margin: 5px 0; border: 1px solid #e6edf4; background: #fefefe url('../images/lightbg.gif') bottom left repeat-x;}
.newslight {padding: 5px; margin: 5px 0; background: #ffffff;}

/* 2013 Styles:  */

a:active, a:focus {outline: none;}

.catmap {margin: 0px; padding: 0;}
.catmapgroupdiv {float: left; margin: 0 5px 5px 0; color: #818181; width: 220px; height: 250px; overflow: visible;}
.catmapgroupheading {position: relative; height: 55px;}
.catmapgroupheading h3 {position: absolute; left: 0; bottom: 0; font-size: 1.3em; margin: 0; font-weight: 200;}
.catmapgroupimage {width: 214px; height: 100px; margin: 0 0 5px 0;}
.catmapgroupimage img {margin: 5px 0 0 0;}
.catmapgroupimage img:hover {opacity:0.75; -khtml-opacity: 0.75; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; border-radius: 5px;}
.catmapgroupbody {width: 220px; height: 120px; overflow: auto;}
.catmapsubtext {margin: 0 0 0 20px; text-indent: -10px; padding: 0; color: #666667;}
.catmapsubsubtext {margin: 0 0 0 30px; text-indent: -10px; padding: 0; color: #666667;}
.catmapsubul {margin: 0; padding: 0 0 0 12px;}
.catmapsubli {color: #666667;}

a.catmaplink {color: #03406f;}
a.catmaplink {color: #03406f; text-decoration: none;}
a.catmaplink:visited {color: #03406f; text-decoration: none;}
a.catmaplink:hover {color: #03406f; text-decoration: none;}
a.catmaplink:active {color: #03406f; text-decoration: none;}

a.catmapsublink {color: #666667;}
a.catmapsublink:link {text-decoration: none; color: #666667;}
a.catmapsublink:visited {text-decoration: none; color: #666667;}
a.catmapsublink:hover {text-decoration: underline; color: #03406f;}
a.catmapsublink:active {text-decoration: none; color: #666667;}

.subnavtext {margin: 0 0 0 20px; text-indent: -10px; color: #03406f;}
.subsubnavtext {margin: 0 0 0 20px; text-indent: -10px; color: #03406f;}

.quicklinkspanel { width: 100%; margin: 0; padding: 25px 0; color: #ffffff; background: #03406f; border-top: 30px solid #7ea122; }

.quicklinks { max-width: 1400px; margin: 0 auto; padding: 0 10px; box-sizing: border-box; }

.quicklinks h5 { color: #ffffff; font-size: 2em; font-weight: 800; padding: 0; margin: 15px 0 0 0; }
.quicklinkstoggle i { float: right; margin: 3px 14px 3px 2px; cursor: pointer; color: #ffffff; font-size: 0.8em; display: none; }
.quicklinkstoggle i:hover { color: #ffffff; }
.quicklinkscontent { margin-top: 10px; } /* display: none; */
.quicklinks p { color: #ffffff; font-size: 1.2em; padding: 0; margin: 3px 0 20px 0; }
.quicklinks ul { margin: 6px 0; padding: 0; list-style-type: none; }
.quicklinks li { color: #ffffff; font-size: 1.2em; margin: 9px 0; padding: 0; list-style-type: none; }

a.quicklink:link {color: #ffffff; text-decoration:none;} 
a.quicklink:visited {color: #ffffff; text-decoration:none;} 
a.quicklink:hover {color: #ffffff; text-decoration:underline;}
a.quicklink:active {color: #ffffff; text-decoration:none;}

a.quickheadinglink:link {color: #03406f; text-decoration:none;} 
a.quickheadinglink:visited {color: #03406f; text-decoration:none;} 
a.quickheadinglink:hover {color: #7ea122; text-decoration:none;}
a.quickheadinglink:active {color: #03406f; text-decoration:none;}

#quicklinkscompany, #quicklinksresources, #quicklinksinformation, #quicklinkspayments { width: 100%; }

#quicklinksbrands { background: #7ea122; }
#quicklinksbrands ul { margin: 0 9px; padding: 0; list-style-type: none; }
#quicklinksbrands ul li { margin: 0; padding: 6px 1% 6px 0; width: 48%; float: left; }
#quicklinksbrands .accordprefix { color: #ffffff; font-weight: 800; }

.di_panel { float: left; margin: 0 15px 10px 0; padding: 0; width: 45%; }
.di_logo { float: right; margin: 10px; }

.nowrap { white-space: nowrap; }
.nowrap-div { overflow: hidden; }

.homecontainer { background: #BEDEDC !important; }

.twtr-hd { display: none; }
.twtr-tweet-text { color: #818181; font-family: Inter, Helvetica, Arial, sans-serif; font-size: 1.1em; }

#sthoverbuttons { margin-top: 15%; }

.ordertable { font-size: 0.85em; }
.orderpop { position: absolute; bottom: 5px; left: 70px; z-index: 10; width: 500px; background: #f1f1f1; border: 1px dotted #999999; padding: 5px; }

/* NEW PRODUCT PAGE LAYOUT */

.product_panel { clear: both; margin: 0; padding: 0; }

.product_navigation { width: 100%; margin: 0; padding: 0; border-bottom: 3px solid #7ea122; }

#product-details {}
#product-details .itemcontent { max-width: 100%; overflow-y: auto; }

#product-descriptions ul li { list-style-position: outside; }
#product-descriptions ol li { list-style-position: inside; }
#product-descriptions img, #product-descriptions iframe { display: block; margin: 15px auto; max-width: 100%; }

#product-descriptions #description { padding: 18px 2.5% 18px 2.5%; }

#product-details table {
  border: 0 none;
  border-radius: 6px;
  border-collapse: collapse;
  background: #ffffff;  /* was #f3f3f3 */
  margin: 15px auto;
  width: 98%;
  max-width: 800px;
  font-size: 0.9em;
}
#product-details table td, #product-details table th {
  border: 1px solid #03406f;
  background: transparent;
}
#product-details table tr:first-child th,
#product-details table tr:first-child td {
  border-top: 0;
}
#product-details table tr:last-child th,
#product-details table tr:last-child td {
  border-bottom: 0;
}
#product-details table tr td:first-child,
#product-details table tr th:first-child {
  border-left: 0;
}
#product-details table tr td:last-child,
#product-details table tr th:last-child {
  border-right: 0;
}

#product-details table a:link { color: #000000; text-decoration: none; }
#product-details table a:visited { color: #000000; text-decoration: none; }
#product-details table a:hover { color: #000000; text-decoration: underline; }
#product-details table a:active { color: #000000; text-decoration: none; }

#product-buy-panel { padding: 0 1.5%; box-sizing: border-box; }
#product-images { padding: 0 1.5%; box-sizing: border-box; }

.cycle-slideshow { position: relative; max-height: 400px; margin: 0; background: #ffffff; }
.cycle-slideshow > .cycle-slide > div { position: absolute; bottom: 2px; left: 50%; transform: translateX(-50%); text-align: center; padding: 3px 9px; background: rgba(255,255,255,0.5); border-radius: 5px; }

#slideshow-1 { width: 100%; max-width: 700px; margin: 0 auto; }
#slideshow-2 { width: 100%; margin: 0; }

#slideshow-1 img { border-radius: 9px; }

#cycle-1 { position: relative; width: 100%; height: 0; padding-bottom: 66.6%; border-radius: 3px; }
#cycle-1.square { padding-bottom: 100%; }
#cycle-1.portrait { padding-bottom: 126%; }
#cycle-1>div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 3px; background-position: center center; background-repeat: no-repeat; background-size: contain; }

#cycle-2 .cycle-slide { margin-right: 2px; height: 78px; }
#cycle-2 .cycle-slide img { height: 75px; border-radius: 0; border-bottom: 3px solid transparent; }
#cycle-2 .cycle-slide img:hover { cursor: pointer; border-bottom: 3px solid #C3C3C3; }
#cycle-2 .cycle-slide-active img { border-bottom: 3px solid #C3C3C3; }

#modal-slideshow { padding: 10px; }
#modal-slideshow .modal-close { z-index: 1050; }
#slideshow-3 { width: calc( calc(100vh - 20px) * 1.49 ); max-width: 100%;  margin: 0 auto; overflow: hidden; }
#cycle-3 { position: relative; width: 100%; height: 0; padding-bottom: 66.6%; }
/*	height: 0; padding-bottom: 100%; insert this above to force square slider */
/* 	height: 0; padding-bottom: 66.6%; 600:400 */
#cycle-3>div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center top; background-repeat: no-repeat; background-size: contain; }
.cycle-3-slideshow { position: relative; max-height: 1000px; margin: 0; background: #ffffff; }
.cycle-3-slideshow > .cycle-slide > div { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; display: none; }
#slideshow-3>.cycleleftarrow {position: absolute; z-index: 100; bottom: 50%; transform: translateY(50%); left: 10px; margin: 0; padding: 0; font-size: 4em; color: #888b8d; background: transparent; cursor: pointer; }
#slideshow-3>.cyclerightarrow {position: absolute; z-index: 100; bottom: 50%; transform: translateY(50%); right: 10px; margin: 0; padding: 0; font-size: 4em; color: #888b8d; background: transparent; cursor: pointer; }
#slideshow-3 .cycleleftarrow:hover, #slideshow-3 .cyclerightarrow:hover { color: #6f7271; }

.carousel-container { width: 100%; max-width: 704px; margin: 0 auto; }
.carousel { width: 100%; max-width: 704px; }
/* width: calc(90% + 16px); */

.carousel-thumbnails { width: calc(100% - 156px); float: left; }
.carousel-thumbnails .cycle-carousel-wrap { margin-left: calc(50% - 39px) !important; }
.carousel-cycle-button { width: 78px; height: 78px; float: left; border-radius: 6px; }
#slideshow-2 .carousel-prev { display: inline-block; cursor: pointer; width: 100%; height: 100%; background: #C3C3C3 url('/images/chevron_left_78.png') center center no-repeat; background-size: contain; border-radius: 8px; }
#slideshow-2 .carousel-next { display: inline-block; cursor: pointer; width: 100%; height: 100%; background: #C3C3C3 url('/images/chevron_right_78.png') center center no-repeat; background-size: contain; border-radius: 8px; }
#slideshow-2 .carousel-prev:hover, #slideshow-2 .carousel-next:hover { background-color: #6f7271; }

.product-image { display: inline-block; width: auto; max-width: 700px; margin: 0 auto; border-radius: 3px; position: relative; }
/* border-radius: 9px; border: 2px solid #C3C3C3;  */
#product-img { max-width: 100%; margin: 0 auto; text-align: center; }
#product-img img, .full-image { max-width: 100%; margin: 0 auto; display: block; }

.swatches { }
.swatch { position: relative; text-align: center !important; }
.swatch img { width: 45px; margin: 6px 24px; }
.swatch div { text-align: center !important; }

/* END OF NEW PRODUCT PAGE LAYOUT */

/* begin accordion styling */

.expandcollapse { float: right; margin: 9px 6px; }
.itemcontainer { background: #DAE3F0; padding: 9px; margin: 12px 0; border-radius: 9px; }
.itemheader { cursor: pointer; }
.itemheader h3 {
	padding-top: 6px;
	font-size: 1.8em;
	font-weight: 200;
	color: #333333;
	margin: 0.3em 0 0.4em 0;
}
.itemheader h4 { padding-top: 9px; font-weight: 200; }
.toggleimg {float: right; margin: 6px 0;}
.openanswer {color: #0076BE;}
.closedanswer {color: #0076BE;}
.itemcontent {}

/* end accordion styling */

#site-map .infolinks { font-size: 0.9em; }

#message-box { position: relative; display: none; }
#message-box-close { position: absolute; top: 0; right: 0; z-index: 300; cursor: pointer; width: 50px; height: 60px; background: transparent url('../images/message-box-hide.png') right top no-repeat; }
#message-box-close:hover { background-position: right -60px; }
#message-box-open { position: absolute; display: none; top: 0; right: 0; z-index: 300; cursor: pointer; width: 50px; height: 60px; background: transparent url('../images/message-box-show.png') right -60px no-repeat; }
#message-box-open:hover { background-position: right top; }

.floatright {float: none;}
.floatleft {float: none;}
.floatrightimg {float: right; margin: 3px 0 3px 10px;}
.floatleftimg {float: left; margin: 3px 10px 10px 0;}

.no-overflow {overflow: hidden;}
.alignright {text-align: right !important;}
.alignleft {text-align: left !important;}
.aligncenter {text-align: center;}
.centered {text-align: center; margin: 0 auto; }
img.centered {display: block; margin-left: auto !important; margin-right: auto !important;}

.valignmiddle {}

.valignmiddle:before {    		/* create a full-height inline block pseudo=element */
    content: '';
    display: inline-block;
    vertical-align: middle;  	/* vertical alignment of the inline element */
    height: 100%;
    width: 0.1%;
    overflow: hidden;
}

.valignmiddle > div:first-of-type {
	display: inline-block;
    vertical-align: middle;  	/* vertical alignment of the inline element */
    width: 90%;
}

.relative { position: relative; }
.inline {display: inline;}
.inline-block {display: inline-block;}

img {border: 0 none; }
image {border: 0 none; }

img.responsive,
image.responsive
{
	max-width: 100% !important;
	width: auto !important;
	height: auto !important;
	box-sizing: border-box;
}

.rounded {border-radius: 3px;}
.rounder {border-radius: 6px;}
.radiused {border-radius: 9px;}
.curved {border-radius: 12px;}
.morecurved {border-radius: 18px;}
.bigcurved {border-radius: 25px;}
.bordered {border: 3px solid #DAE3F0;}
.padded {padding: 5px; box-sizing: border-box; }
.paddedpanel {padding: 10px; box-sizing: border-box;}
.bigpadded {padding: 25px; box-sizing: border-box; }
.paddedpercent {padding: 5px 5%; box-sizing: border-box;}
.bigpaddedpercent {padding: 15px 10%; box-sizing: border-box;}
.spaced {margin: 9px;}
.bigspaced {margin: 18px;}
.gradientdown { background: #DAE3F0; background: linear-gradient(to bottom, #DAE3F0 0%, #ffffff 100%); }
.shadowed { box-shadow: 2px 2px 6px 3px rgba(204,204,204,0.63); }
.plain {border: 0 none; box-shadow: none; }

.greypanel {background: #F6F6F6;}
.narrowpanel {width: 80%; margin: 10px auto;}
.borderedpanel {border: 1px solid #cccccc; border-radius: 7px; padding: 5px;}
.greybordered {background: #F6F6F6; border: 1px solid #cccccc; border-radius: 7px;}

.adminwelcome  {margin: 5px 0 0 0; padding: 5px; background: #e6edf4; font-size: 0.8em;}

.shaded-admin { color: #454545; background: #f1e566; padding: 3px 9px; margin: 0; box-sizing: border-box; }
.shaded-admin ul {display: table; width: 100%;}
.shaded-admin li {display: table-cell; float: left; padding: 5px;}

.loggedin_menus { position: fixed; z-index: 999999; width: 100%; }

#adminmenu { background: rgba(1,125,195,0.85) url('../../images/annwebcom_device_26.png') 4px 2px no-repeat; color: #ffffff; font-size: 0.9em; box-shadow: 0px 3px 5px 0px rgba(66,66,66,0.5);}

#adminmenu ul {margin: 5px; padding: 0; list-style: none;}
#adminmenuright li {float: right; margin: 0; padding: 0; border-left: 1px solid #ffffff;}
#adminmenuleft li {float: left; margin: 0; padding: 0; border-right: 1px solid #ffffff;}
#adminmenuleft li:first-child a:hover {background: transparent;}

#adminmenu li span {padding: 2px 5px; display: block;}

#adminmenu a {color: #ffffff; text-decoration: none; padding: 2px 5px; display: block;}
#adminmenu a:hover {background: #02356A;}

.underlined {text-decoration: underline;}
.indented {margin-left: 25px;}

.smaller {font-size: 0.9em;}
.smallest, small {font-size: 0.8em;}
.large {font-size: 1.1em;}
.larger {font-size: 1.2em;}
.largest {font-size: 1.5em;}
.bold {font-weight: 800;}

.table-container { max-width: 100%; clear: both; overflow-y: auto; }

.table { width: 100%; display: table; }
.table-cell { display: table-cell; }

.datapresentationtable { background: #efefef; border: 2px solid #dcddde; }
.datapresentationtable th { border: 2px solid #ffffff; border-collapse: collapse; font-weight: 800; text-align: left; color: #666666; background: #dcddde; }
.datapresentationtable td { border: 2px solid #ffffff; border-collapse: collapse; }

.documentstable { width: 100%; background: #efefef; border: 2px solid #dcddde; }
.documentstable th { border: 2px solid #ffffff; border-collapse: collapse; font-weight: 800; text-align: left; color: #666666; background: #dcddde; }
.documentstable td { border: 2px solid #ffffff; border-collapse: collapse; }

.listingtable { width: 100%; background: #ffffff; border: 0 none; }
.listingtable td { vertical-align: top; padding: 3px; }
.listingtable tr { border-bottom: 0 none; background: #ffffff; }
.listingtable tr:nth-child(odd) { background: #E9E9E9; }
.listingtable tr:nth-child(even) { background: #F6F6F6; }

#loading_bar { height: 5px; width: 0; margin: 5px 0; background: #30653A; }

.nowrap {white-space: nowrap;}
.underlined {text-decoration: underline;}
.line-through {text-decoration: line-through; }
.clickable {cursor: pointer;}
.clicktozoom { cursor: zoom-in; }
.uppercase {text-transform: uppercase;}
.capitalize {text-transform: capitalize;}
.italic {font-style: italic;}
.scroll { overflow-y: scroll !important; }

.tight {margin: 0; padding: 0;}

.toggledown { width: 38px !important; height: 38px !important; margin: 0 !important; padding: 0 !important; border: 0 none !important; color: transparent; text-align: center; text-decoration: none; background: transparent url('../images/pointer-down.png') center top no-repeat; cursor: pointer;}
.toggleup { width: 38px !important; height: 38px !important; margin: 0 !important; padding: 0 !important; border: 0 none !important; color: transparent; text-align: center; text-decoration: none; background: transparent url('../images/pointer-up.png') center top no-repeat; cursor: pointer;}

.reveal {display: none;}
.revealed {display: block;}

.floatedbox-brands {display: inline-block; width: 100%; height: 150px; margin: 0 0 6px 0; color: #76899a; text-align: center; overflow: hidden;}
.floatedbox-brands img, .brandimg {border: 2px solid #DEDFE1; border-radius: 5px;}

/* tinybox modal */

.pane-modal { min-height: 550px; }

.tcontent { width: 100%; min-width: 340px; }  /* modal content wrapper */
.tbox { position: absolute; display: none; padding: 14px 17px; z-index:900; border-radius: 9px; max-width: 95%; }
.tinner { padding: 0; border-radius: 5px; background: rgba(255,255,255,0.9) url('../images/preload.gif') no-repeat 50% 50%; max-width: 100%; }

.tmask { position: absolute; display: none; top: 0px; left: 0px; height: 100%; width: 100%; background: #000000; z-index:800; }

.tclose { position: absolute; top: 0; left: 0; width: 30px; height: 30px; cursor:pointer; background: url("../images/close.png") no-repeat; }
.tclose:hover { background-position: 0 -30px}

#error { background:#ff6969; color:#fff; text-shadow:1px 1px #cf5454; border-right: 1px solid #000; border-bottom: 1px solid #000; padding:0; }
#error .tcontent { padding: 10px 14px 11px; border: 1px solid #ffb8b8; border-radius: 5px; }
#success { background: #2ea125; color: #ffffff; text-shadow: 1px 1px #1b6116; border-right: 1px solid #000; border-bottom: 1px solid #000; padding: 10px; border-radius: 0; }
#tmask { background: #333333; }
#frameless { padding: 0; }
#frameless .tclose { left: 6px; }

/* /tinybox modal */

/* Cookies Warning Styles */

#cookiesWarning {
	z-index: 999999;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0;
	margin: 0;
	background: #000000;
	box-shadow: 0px -5px 6px -0 rgba(66,66,66,0.5);
	font-size: 1em;
}

#cookiesWarningActive {
	color: #ffffff;
	background: transparent;
	margin: 0 auto;
	padding: 15px 5px;
	border: none;
	max-width: 1250px;
	font-weight: 200;
	text-align: left;
}

#cookiesWarningActiveNotTicked {
	color: #ffffff;
	background: #ee0000;
	margin: 5px 0;
	padding: 5px;
	border: none;
	font-weight: 200;
	text-align: left;
}

#readMoreURL {
	width: 30%;
	float: right;
	font-weight: 200;
	text-align: right;
}

#cookiesText {
	width: 65%;
	float: left;
	text-align: left;
}

#cookiesText h5 {
	color: #ffffff;
	margin: 0;
	padding: 3px 0;
	font-weight: 200;
	font-size: 1.5em;
}


#acceptWarning {
}

#cookiesDisabled {
}

.cookiesAcceptance {
	padding: 5px;
}

#cookieForm {
	clear: both;
	padding: 5px 0;
	text-align: right;
}

#agreed {
	font-size: 1.6em;
	padding: 5px;
}

#cookieForm label {
	margin: 0 9px;
}
 

/* / Cookies Warning Styles */

/* mobile styles */

.max100 {max-width: 100%;}

.notmobile { display: none; }
.notsmallscreen {display: none;}
.smallscreen {display: block;}
.notmediumscreen {display: none;}
.mediumscreen {display: block;}

.displayinline {display: inline;}

.samples-table { font-size: 0.8em; }
.samples-desc { max-width: 100px !important; }
/* overflow: hidden; text-overflow: ellipsis; white-space: nowrap; */

.scroll-tip { display: inline-block; float: right; text-align: right;}

iframe {border: 0 none; margin: 0; padding: 0; overflow: auto;}

.panel-box-rwd  {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0;
	height: 0;
}

.rwd-first-div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.feedbackcontainer { background: #03406f; }
#feedback-img { position: relative; height: 135px; }
#feedback-img img { position: absolute; top: -47px; left: 50%; margin-left: -112px; z-index: 100; width: 224px; height: 224px; }
.feedback-panel { width: 100%; }
#feedback h5 { padding-top: 5px; color: #ffffff; font-size: 1.4em; font-weight: 800; margin: 0; }
.feedback-button
{
	color: #ffffff;
	border: 2px solid #ffffff;
	border-radius: 3px;
	background-color: #E94141;
	font-size: 1.1em;
	font-weight: 800;
	text-decoration: none !important;
	text-align: center;
	white-space: nowrap;
	display: inline-block;
	cursor: pointer;
	margin: 15px auto;
	padding: 13px 30px;
}
.feedback-button:hover
{
	color: #E94141!important;
	background-color: #ffffff;
	border: 2px solid #E94141;
}

.contactcontainer { margin: 0; padding: 0; }
.contact-panel { width: 100%; margin: 0; padding: 15px 0; }
.contact-panel h3 { padding: 5px 5px 15px 5px; }

.contact-pane { width: 100%; padding: 10px 0; text-align: left; }

.smm-pane, .payment-logos-pane { width: 100%; padding: 10px 0; text-align: left; }
#smmbuttons-wrapper, #payment-logos-wrapper { display: block; clear: both; margin: 0; padding: 0; text-align: center; }
#smmbuttons-wrapper img { width: 16%; margin: 5px; border-radius: 50%; }

.accountmanagerscontainer { margin: 0; padding: 0; background: #ffffff; }
.account-managers-panel { width: 100%; margin: 0; padding: 15px 0; background: #E0EFF0; }

.twittercontainer { }
.twitter-panel { width: 100%; }
#twitter-img { position: relative; height: 160px; }
#twitter-img img { position: absolute; top: -30px; left: 50%; margin-left: -110px; z-index: 100; width: 220px; height: 220px; border-radius: 50%; }
#twitter-panel-img { display: none; border-radius: 50%; margin: 3px; }
#twitter { height: 125px; margin: 5px 0; overflow: hidden; }
#twitter iframe { width: 100%; margin: 0 !important; }

#blogger { max-width: 515px;}
#blogger-img { position: relative; height: 160px; }
#blogger-img img { position: absolute; top: -30px; left: 50%; margin-left: -110px; z-index: 100; width: 220px; height: 220px; border-radius: 50%; }
#blog-panel-img img { border-radius: 50%; }
#blogger{ height: 125px; margin: 5px 0; background: #b2cce4; overflow: auto; }


.article { border-bottom: 1px solid #cccccc; padding-bottom: 4px; margin-bottom: 4px; }
.article a{ text-decoration: none; }
.article a:hover { text-decoration: underline; }
.articletitle { margin-left: 40px; text-indent: -40px; font-size: 1.1em; font-weight: 200; }
.articledate { margin-left: 40px; font-style: italic; }

.avatar { width: 32px; height: 32px; border-radius: 4px; display: inline-block; vertical-align: middle; margin: 0 4px; }

.follow-button
{
	color: #ffffff;
	border: 2px solid #ffffff;
	border-radius: 3px;
	background-color: #7ea122;
	background-image: url('../../images/twitter-trans-25x60.png');
	background-position: right 10px;
	background-repeat: no-repeat;
	font-size: 1.1em;
	font-weight: 800;
	text-decoration: none !important;
	text-align: center;
	white-space: nowrap;
	display: inline-block;
	cursor: pointer;
	margin: 15px auto;
	padding: 13px 62px 13px 36px;
}
.follow-button:hover
{
	border: 2px solid #7ea122;
	color: #7ea122!important;
	background-color: #ffffff;
}

.videowrapper {
	position: relative;
	padding-bottom: 56.25%; 	/* 16:9 */
	padding-top: 0;
	height: 0 !important;
}
.gallerywrapper {
	position: relative;
	padding-bottom: 125%; 		/* 4:5 */
	padding-top: 0;
	height: 0;
}
.square-wrapper-rwd {
	position: relative;
	padding-bottom: 100%; 		/* 1:1 */
	padding-top: 0;
	height: 0;
}
.twothirds-wrapper-rwd, .image-rwd {
	position: relative;
	padding-bottom: 66.66%;		/* 3:2 */
	padding-top: 0;
	height: 0;
}
.half-wrapper-rwd {
	position: relative;
	padding-bottom: 50%; 		/* 2:1 */
	padding-top: 0;
	height: 0;
}
.onethird-wrapper-rwd {
	position: relative;
	padding-bottom: 33.33%; 	/* 1:3 */
	padding-top: 0;
	height: 0;
}

.videowrapper iframe,
.image-rwd div,
.gallerywrapper iframe,
.square-wrapper-rwd iframe,
.square-wrapper-rwd > div:first-of-type,
.twothirds-wrapper-rwd > div:first-of-type,
.half-wrapper-rwd > div:first-of-type,
.onethird-wrapper-rwd > div:first-of-type
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.image-contain-v img { max-height: 100%; }

.productbox .image-contain-h { max-width: 100%; }
/*	.productbox .image-contain-h img { display: block; width: 100%; height: 100%; } NOW USING RWD CHILD DIV */

.categorybox .image-contain-h { max-width: 100%; }
.categorybox .image-contain-h img { display: block; width: 100%; height: 100%; }

.field_normal { background: #ffffff; }
.field_focus { background: #fff6e5; }
.field_updated { background: #efffef; }

#options-panel { }

#optionspane { text-align: left; }
#optionspane select { display: block; }

#optionssummary { width: 100%; }
#optionssummary .pricestext{ line-height: 1em; padding: 0 12px; margin-bottom: 0; font-size: 1.2em; font-weight: bold; }

#optionscta { width: 100%; }
#optionscta a, #optionscta .button {
    font-size: 2.4em;
    font-weight: 800;
    padding: 4px 30px 1px 30px;
    border-radius: 15px;
	margin-left: 12px;
}

#thePriceIncVattext, #thePriceExVattext { font-size: 1.2em; font-weight: bold; }
#options { overflow: hidden; position: relative; }

#options .option-group-header { font-size: 1.2em; background: #ffffff; border-radius: 18px 18px 0 0; padding: 9px 18px; margin-top: 30px; cursor: pointer; }
.header-closed { border-radius: 18px !important; }
.option-group-header-text { font-size: 1.3em; }
#options .option-group-toggle { display: inline-block; }
#options .option-group-toggle i { padding: 0 20px; }
#options .option-group-toggle>span>span { font-size: 1em; font-weight: 200; color: #A8A8A8; }
#options .option-group { background: #ffffff; border-radius: 0 0 18px 18px; padding: 9px 18px; }
#options .option-group select { border: 2px solid #D8DEE6 !important; padding: 2px 3px !important; }
/* #options .option-wrapper { padding: 18px; } */

/*  #options .option_label { width: 100%; min-height: 55px; font-size: 1.3em; padding: 5px; box-sizing: border-box; position: relative; }
	#options .option_label label { display: block; padding-left: 65px; }
 ** no option_icon so different option_label styling for this site:
*/
#options .option_label { width: 100%; font-size: 1.1em; padding: 5px; box-sizing: border-box; position: relative; text-align: left;}
#options .option_label label { display: block; }

#options .option_icon { width: 60px; position: absolute; top: 0; left: 0; }
#options .option_icon img { max-width: 100%; }

#options .option_selector, #options .date_selector { clear: both; width: 100%; padding: 5px; float: left; box-sizing: border-box; }
/* #options .option_selector  select, #options .date_selector select { width: 100%; max-width: calc(100% - 55px); margin-top: 3px; float: left; border-radius: 9px; background: #ffffff; border: 0 none; } */
#options .option_selector select, #options .date_selector select { width: 100%; max-width: none !important; margin: 0 !important; padding: 4px 3px !important; border-radius: 9px; background: #ffffff; border: 2px solid #888b8d; appearance: none; background-image: url('../images/select-pointer.png'); background-repeat: no-repeat; background-position: right center; }

#options .date_date {}
#options .date_info { text-align: left; font-size: 0.9em; }

#options .option_tick { width: 55px; padding-left: 5px; box-sizing: border-box; float: left; }
#options .option_tick img { max-width: 100%; }

#options .option_note { text-align: left; padding: 6px; }

.option_checkboxes { clear: both; text-align: left; padding: 5px; }
.options_checkbox_container { font-size: 1.25m; padding: 5px; }
.options_checkbox_container>input[type="checkbox"] { width: auto; height: auto; -moz-transform: none; padding: initial; margin: 3px 3px 3px 4px !important; border: initial; border-radius: 0; }

.option_personalisation { clear: both; text-align: left; padding: 5px; }
.option_personalisation .option_input, #options .option_input { width: 98%; max-width: 98% !important; margin: 0 !important; padding: 4px 3px !important; border-radius: 9px; background: #ffffff; border: 2px solid #888b8d; }

#options .date_input { width: auto !important; margin: 6px auto !important; text-align: center; }

textarea { font-size: 1.2em; padding: 3px 0; border: 1px solid #cccccc; border-radius: 3px; width: 98%; }
select { font-size: 1.2em; margin: 2px 0; padding: 6px 36px 6px 11px; border: 1px solid #cccccc; background-color: #ffffff; border-radius: 3px; max-width: 98%; box-sizing: border-box; appearance: none; background-image: url('../images/select-pointer.png'); background-repeat: no-repeat; background-position: right center; }
input[type="button"], input[type="submit"] { appearance: none; }
input[type="checkbox"] { width: 26px; height: 26px; -moz-transform: scale(1.5); padding: 6px 3px; margin: 0 6px; border: 1px solid #cccccc; border-radius: 12px; vertical-align: middle; }

select[multiple] { background-image: none; }

.options_checkbox_container>input[type="checkbox"] { width: auto; height: auto; -moz-transform: none; padding: initial; margin: 3px 3px 3px 4px !important; border: initial; border-radius: 0; }

 /* Custom options checkboxes: */
 /* Customize the label (the container) */
.options_checkbox_container {
	display: inline-block;
	position: relative;
	font-size: 1.1em;
/*	padding: 9px 55px 3px 70px; */
	padding: 9px 0 3px 55px;
	margin-bottom: 12px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default checkbox */
.options_checkbox_container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
.options_checkbox_container .checkmark {
	position: absolute;
	top: 0;
/*	right: 0; */
	left: 0;
	height: 36px;
	width: 36px;
	border: 2px solid #888b8d;
	border-radius: 9px;
	background-color: #ffffff;
}

#options .option-group .options_checkbox_container .checkmark {
	border: 2px solid #888b8d !important;
	height: 36px;
	width: 36px;
}

/* On mouse-over, add a grey background color */
.options_checkbox_container:hover input ~ .checkmark {
	background-color: #eeeeee;
}

/* When the checkbox is checked, add a blue background */
.options_checkbox_container input:checked ~ .checkmark {
	background-color: #ffffff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.options_checkbox_container .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.options_checkbox_container input:checked ~ .checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.options_checkbox_container .checkmark:after {
	left: 11px;
	top: 2px;
	width: 8px;
	height: 18px;
	border: solid #7ea122;
	border-width: 0 7px 7px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
} 

#options .option-group .options_checkbox_container .checkmark:after {
	left: 10px;
	top: 3px !important;
}

/* / Custom options checkboxes */

#reveal-options { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,69,124,0.8); color: #ffffff; font-size: 2.5em; font-weight: bold; text-align: center; padding: 18px 0; border-radius: 0 0 25px 25px; cursor: pointer; }

#configurables { padding: 0 12px; }
#configurables h3 { font-size: 3em; margin: 0; padding: 0; }

/* #price-panel { margin-bottom: 30px; } */

.savings-pane { width: 100%; color: #ffffff; background: #ee0000; padding: 11px 0; text-align: center; box-sizing: border-box; font-size: 1.8em; font-weight: 800; }
.header-pane { width: 100%; color: #ffffff; background: #03406f; padding: 9px 0; text-align: center; box-sizing: border-box; }

.pricestext { line-height: 1.6em; padding: 15px 3px; font-size: 1.4em; font-weight: bold; }
.optionpricetext { padding: 12px 3px; }

.hiretext { font-weight: 800; color: #E83475; padding: 9px 3px; }
.normallytext { padding: 9px 3px; }
.savingstext { padding: 9px 3px; }
.saving { color: #ffffff; background: #ee0000; padding: 6px 3px; margin: 3px auto; text-align: center; box-sizing: border-box; border-radius: 3px; }
.productcodetext { padding: 9px 3px; }
.stocktext { padding: 9px 3px; }
.deliverytext { padding: 9px 3px; }

.productcta { margin: 9px 0; }
.productcta a, .productcta .button { width: 100%; font-size: 1.2em; font-weight: 800; margin: 0; padding: 9px 3px; border-radius: 12px; box-sizing: border-box; }

.quantitytext { margin: 0 0 9px 0; padding: 3px 0; }
.qtybox { text-align: center; max-width: 40px !important; padding: 3px 0 !important; border-radius: 3px !important; -moz-appearance:textfield !important; }
.qtybox::-webkit-outer-spin-button,
.qtybox::-webkit-inner-spin-button {
    appearance: none;
    margin: 0;
}

#supplier-panel p { margin: 9px 0; padding: 6px; }

.pdf-over { position: absolute; z-index: 10; top: 3px; right: 3px; width: 38px; height: 38px; background: url('../images/pdf_38.png') center center no-repeat; }

.share { text-align: left; }

.at-icon-wrapper { border-radius: 50% !important; }

.panel-genre { clear: both; margin: 20px 0; padding: 6px 6px 6px 18px; border-radius: 5px; font-size: 0.9em; }
.panel-genre h4 { color: #ffffff; margin: 0; font-size: 2em; padding: 0; font-weight: 800; }

.column-10, .column-20, .column-25, .column-30, .column-33, .column-40, .column-45, .column-50, .column-55, .column-60, .column-66, .column-75, .column-80, .column-checkout, .column-grid { width: 100%; box-sizing: border-box; }

.column-16 { width: 50%; margin: 0; padding: 0; float: left; }

.col20 {width: 20%; float: left; box-sizing: border-box; }
.col30 {width: 30%; float: left; box-sizing: border-box; }
.col50 {width: 50%; float: left; box-sizing: border-box; }
.col70 {width: 70%; float: left; box-sizing: border-box; }
.col80 {width: 80%; float: left; box-sizing: border-box; }

.column-checkout { margin-bottom: 5px !important; }
.column-checkout h2 { margin: 0 !important; padding: 0 !important; }
.column-checkout input[type="text"], .column-checkout select { width: 96% !important; padding: 5px 1%; font-size: 1.2em; }

.checkout-wide { width: 100%; margin: 0; padding: 0; }

.deliverylocationselect { padding: 5px 1%; font-size: 1.2em; }

form {margin: 0; padding: 0;}

.formfield { clear: both; margin: 10px 0; }

.formlabel, .formlabel30, .formlabel50, .formlabel60, .formlabel75, .formlabelwide, .rightformlabel, .form-textarea-container 
{ width: 100%; float: left; margin: 0; }

.verification_box { width: 75px !important; height: 38px !important; overflow: hidden; float: left; margin-right: 5px; }
#verification { width: 150px !important; max-width: none !important;}

#issuuwrapper {}
.issuuembed { width: 100%; max-width: 100%; margin: 0; padding: 0; background: #DBE5E5; background: url('../images/loading.gif') no-repeat center center, linear-gradient(to bottom, #EFEFFF 0%, #FFFFFF 50%, #EFEFFF 100%); box-shadow: 0px 3px 5px 0px rgba(66,66,66,0.5); }

.framecontainer { position: relative; clear: both; width: 100%; height: 600px; margin: 0; padding: 0; background: #DBE5E5; background: url('../images/loading.gif') no-repeat center center, linear-gradient(to bottom, #DAE3F0 0%, #EFEFFF 50%, #DAE3F0 100%); box-shadow: 0px 3px 5px 0px rgba(66,66,66,0.5); }
.framecontainer iframe { width: 100%;  height: 100%; }

.mapcontainer { position: relative; clear: both; width: 100%; height: 300px; margin: 0; padding: 0; background: #DBE5E5; background: url('../images/loading.gif') no-repeat center center, linear-gradient(to bottom, #DAE3F0 0%, #EFEFFF 50%, #DAE3F0 100%); box-shadow: 0px 3px 5px 0px rgba(66,66,66,0.5); }
.mapcontainer iframe { width: 100%;  height: 100%; }

.page-scroll-reserve {position: absolute; z-index: 10; top: 15%; right: 1%; height: 55%; width: 7%; background: rgba(0,0,0,0.1); border-radius: 9px;}

.directionscontainer { position: absolute; z-index: 20; bottom: 0; left: 0; width: 80%; margin: 0 10% 50px 10%; padding: 0; text-align: center; }
.directionspanel { display: inline-block; margin: 0 auto; padding: 9px; background: rgba(255,255,255,0.5); border-radius: 9px; }
.directionspanel .button { margin-left: 3px; margin-right: 3px; }

.newmapwindow { position: absolute; bottom: 0; left: 0; z-index: 20; width: 80%; margin: 0 10% 5px 10%; padding: 0; text-align: center;}

.ui-resizable-helper { position: absolute; bottom: 0; left: 0; z-index: 20; margin-bottom: -25px; height: 50px; width: 100%; background: url('../images/resize-v.png') center center no-repeat; display:none; }

/* product lists, search, product details, basket and checkout */

.cataloguecontainer .itemheader { border-top: 0 none !important; }
.cataloguecontainer .ddtoggle, .cataloguecontainer .ddtoggled { font-size: 3.5em; font-weight: 200 !important; }

#prod_count { font-size: 27px; font-weight: 200; color: #6f7271; text-align: center; margin: 16px auto; }
#items_per_page { text-align: center; display: none; }
#sort_order { text-align: center; }

.button_catalog,
.button_showcase 
{
	color: #ffffff !important;
	background: #7ea122 !important;
	text-decoration: none !important;
	text-align: center;
	border: 0 none;
	border-radius: 9px;
	appearance: none;
	cursor: pointer;
	font-size: 20px;
	font-weight: 200;
	padding: 6px 11px;
}

.button_catalog:hover,
.button_showcase:hover 
{
	color: #ffffff !important;
	background: #03406f !important;
	text-decoration: none !important;
}

.button_catalog_rev,
.button_showcase_rev 
{
	color: #ffffff !important;
	background: #D9D9D9 !important;
	text-decoration: none !important;
	text-align: center;
	border: 0 none;
	border-radius: 9px;
	appearance: none;
	cursor: pointer;
	font-size: 20px;
	font-weight: 200;
	padding: 6px 11px;
}

.button_catalog_rev:hover,
.button_showcase_rev:hover 
{
	color: #ffffff !important;
	background: #03406f !important;
	text-decoration: none !important;
}

.button_showcase { font-weight: 800; }

.select_catalog {
	font-size: 22px;
	font-weight: 200;
	line-height: 1.3;
	padding: 6px 36px 6px 11px;
	width: auto;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0;
	color: #6f7271;
	background-color: #ffffff;
	border: 2px solid #888b8d;
	box-shadow: none;
	border-radius: 6px;
	appearance: none;
	background-image: url('../images/select-pointer.png');
	background-repeat: no-repeat;
	background-position: right center;
}
.select-css::-ms-expand {
	display: none;
}
.select-css:hover {
	border-color: #888b8d;
}
.select-css:focus {
	border-color: #888b8d;
	box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
	box-shadow: 0 0 0 3px -moz-mac-focusring;
	color: #6f7271;
	outline: none;
}
.select-css option {
	font-weight: 200;
}

#filterable { display: block; background: #F7F7F7; padding: 5px; border-radius: 9px; font-weight: 800; text-align: center; margin-bottom: 28px; }
#filtered { display: none; background: #03406f; color: #ffffff; padding: 5px; border-radius: 9px; font-weight: 800; text-align: center; margin-bottom: 28px; }
#filtersadjusted { display: none; background: #E11D1D; color: #ffffff; padding: 5px; border-radius: 9px; font-weight: 800; text-align: center; margin-bottom: 28px; }

.filters { background: #F7F7F7; border-radius: 9px; padding: 5px 12px; margin-bottom: 28px; box-sizing: border-box; }

#filtersshow, #filtershide { display: block; width: 100%; margin: 0; padding: 10px 0; font-size: 1.3em; color: #ffffff !important; text-decoration: none !important; text-align: center; border-radius: 6px; }
#filtersshow { display: block; background: #03406f; }
#filtershide { display: none; background: #7ea122; }
#filtersshow:hover { background: #7ea122; }
#filtershide:hover { background: #03406f; }

#filters-reset { padding: 20px 0; text-align: center; }
#filtersreset { background: #D9D9D9 !important; }
#filtersreset:hover { background: #D9D9D9 !important; }
#filtersreset.active { background: #03406f !important; }
#filtersreset.active:hover { background: #7ea122 !important; }

.filters-pane { }
#filterspane { display: none; }

.filters-control { display: block; margin-bottom: 16px; }

.filter-pane { width: 100%; float: none; box-sizing: border-box; }
.filterheader { padding-top: 23px; text-align: center; }

.filterheader img { cursor: pointer; }

.filtercontent { margin-bottom: 32px; }

#brandsshow, #brandshide { display: block; width: 100%; margin: 0; padding: 15px 0; box-sizing: border-box; font-size: 1.8em; font-weight: 800; color: #ffffff !important; background: #7ea122; text-decoration: none !important; text-align: center; }
#brandsshow:hover, #brandshide:hover { background: #03406f; }
#brandsshow { display: block; }
#brandshide { display: none; }
#brandspane { display: none; }

.input-slider-container { padding: 3px 16px 10px 16px; overflow: hidden; position: relative; }

.filtertitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; font-size: 1.35em; color: #7ea122; padding: 4px 0; }
.filterfrom { margin: 0; float: left; font-size: 1.35em; color: #7ea122; padding: 4px 0 4px 16px; }
.filterto { margin: 0; float: right; font-size: 1.35em; color: #7ea122; padding: 4px 16px 4px 0; }
.filterbutton { margin: 0 auto; padding: 0; text-align: center; }

.filteractive .filtertitle { color: #808080 !important; }
.filteractive .filterfrom { color: #03406f !important; }
.filteractive .filterto { color: #03406f !important; }
.filteractive .filterbutton .button_catalog { background: #03406f !important; }
.filteractive .filterbutton .button_catalog:hover { background: #7ea122 !important; }

.setparams { margin: 10px 0; padding: 5px; border-top: 0 solid #8A8A8A; }

.prodcount { font-size: 0.9em; padding: 9px 0; }

.sortorderform { text-align: right; margin: 0 0 0 15px; }
.sortcontrol { display: block; }
.sortorderselect { margin: 0 3px; background: #dcdcdc; border: 1px solid #808080; font-size: 0.9em; }

.currencyform { text-align: right; margin: 0 15px 0 0; display: block; }
.currencyselect { margin: 0 3px 4px 3px; background: #dcdcdc; border: 1px solid #808080; font-size: 0.9em; }

.prevnext { padding: 9px; text-align: center; line-height: 2.5em; }
.itemsperpage { padding: 9px; text-align: center; line-height: 2.5em; }

a.pagenumber, a.pagelink {padding: 3px 11px; font-size: 22px; font-weight: 200; white-space: nowrap; border: 2px solid #888b8d; border-radius: 9px; }
a.pagenumber:link, a.pagelink:link {color: #888b8d; background: #ffffff; text-decoration:none; } 
a.pagenumber:visited, a.pagelink:visited {color: #888b8d; background: #ffffff; text-decoration:none; } 
a.pagenumber:hover, a.pagelink:hover {color: #ffffff; background: #888b8d; text-decoration:none; }
a.pagenumber:active, a.pagelink:active {color: #888b8d; background: #ffffff; text-decoration:none; }

.thispage { color: #ffffff; background: #888b8d; padding: 3px 11px; font-size: 22px; font-weight: 800; white-space: nowrap; border: 2px solid #888b8d; border-radius: 9px; }

.button_grid {width: 25px; height: 25px; margin: -1px 0 1px 0; padding: 0; border: 0 none; color: transparent; font-size: 0.5em; background: transparent url('../../products/icons/view_sprite.png') 0 top no-repeat; cursor: pointer; overflow: hidden; text-decoration: none; display: inline; vertical-align: middle;}
.button_grid:hover {background-position: 0 -25px;}

.button_list {width: 25px; height: 25px; margin: -1px 0 1px 0; padding: 0; border: 0 none; color: transparent; font-size: 0.5em; background: transparent url('../../products/icons/view_sprite.png') -25px top no-repeat; cursor: pointer; overflow: hidden; text-decoration: none; display: inline; vertical-align: middle;}
.button_list:hover {background-position: right -25px;}

.catalogbox {margin: 10px 0; color: #222222; text-align: left; font-size: 0.9em; border-bottom: 1px solid #999999;}
.subsectiontitle {font-weight: 800;}
a.subsectiontitle:link {color: #222222; text-decoration:none; font-weight: 800;} 
a.subsectiontitle:visited {color: #222222; text-decoration:none; font-weight: 800;} 
a.subsectiontitle:hover {color: #222222; text-decoration:underline; font-weight: 800;}
a.subsectiontitle:active {color: #222222; text-decoration:none; font-weight: 800;}

.setcategoryform {margin: 5px 15px 0 10px;}
.catheading {border-top: 1px solid #007BC6; margin: 5px 15px 0 10px;}

.resultmessage {margin: 0 10px;}

#search-form { margin: 9px auto; }

.catinfo { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px dotted #dddddd; }

.listfulldesc { padding-bottom: 5px; margin-bottom: 5px; } 

.setparams { float: left; }

.paging { float: right; font-size: 0.9em; }

.button-toggle-view-grid
{ 
	font-size: 0.9em;
	padding: 5px 10px;
	border-radius: 3px;
	color: transparent !important;
	background: #173056;
	background: url('../../images/view-grid.png') no-repeat center center, linear-gradient(to bottom, #1B72A1 0%, #1B72A1 50%, #173056 100%);
	text-decoration: none !important;
	text-align: center;
	white-space: nowrap;
	display: inline-block;
	border: 0 none;
	box-shadow: 0px 3px 5px 0px rgba(66,66,66,0.5);
	margin: 5px 0;
	cursor: pointer;
}
.button-toggle-view-grid:hover
{
	color: transparent !important;
	background: url('../../images/view-grid.png') no-repeat center center, linear-gradient(to bottom, #173056 0%, #1B72A1 50%, #1B72A1 100%);
}

.button-toggle-view-list
{ 
	font-size: 0.9em;
	padding: 5px 10px;
	border-radius: 3px;
	color: transparent !important;
	background: #173056;
	background: url('../../images/view-list.png') no-repeat center center, linear-gradient(to bottom, #1B72A1 0%, #1B72A1 50%, #173056 100%);
	text-decoration: none !important;
	text-align: center;
	white-space: nowrap;
	display: inline-block;
	border: 0 none;
	box-shadow: 0px 3px 5px 0px rgba(66,66,66,0.5);
	margin: 5px 0;
	cursor: pointer;
}
.button-toggle-view-list:hover
{
	color: transparent !important;
	background: url('../../images/view-list.png') no-repeat center center, linear-gradient(to bottom, #173056 0%, #1B72A1 50%, #1B72A1 100%);
}

#cartmessage { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 999999; }
#cartmessagecontents { position: relative; max-width: 1280px; margin: 5px auto 25px auto; padding: 10px; border: 2.5px #db8300 solid; color: #454545; background: #f1e566; background: url('../images/basket_bg.png') right center no-repeat, radial-gradient(ellipse at center, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%); cursor: pointer; }
#cartmessagecontents a { color: #ffffff !important; }

.cart-button { position: absolute; top: 0; right: 0; z-index: 20; height: 38px; width: 48px; }

.couponbox { text-align: center; max-width: 180px !important; padding: 3px !important; font-size: 1.15em !important; }

.cartrow { padding: 2px 0.5%; }
.cartrow:nth-child(odd) { background: #ffffff; }

.leftcolcart {width: 100%; }
.rightcolcart {width: 100%; }

.basket_delete {float: left; width: 32px; margin: 0 3px 0 0; height: 100%; }

.rightcolcart .qtybox {float: left; }

.add_to_basket { }
.add_to_basket_plus { width: 30px; height: 25px; display: block; background: transparent url('../images/add_item_to_basket.png') center top no-repeat; cursor: pointer; }
.add_to_basket_text { width: 124px; height: 25px; display: block; background: transparent url('../images/add_item_to_basket_text.png') center top no-repeat; cursor: pointer; }
.add_to_basket_text:hover { background-position: center -25px; }

.show-basket-button { width: 300px; max-width: 100%; margin: 25px auto; }
#product-buy-panel .show-basket-button { width: 100%; margin: 0; }

.shopping_basket {}
.delivery_costs {}
.promocode {margin: 0 5px; padding: 5px;}

.label40 {width: 40%; float: left; margin: 0 5px 0 0;}  /* this label container is not responsive */
.label50 {width: 50%; float: left; margin: 0 5px 0 0;}  /* this label container is not responsive */
.label60 {width: 60%; float: left; margin: 0 5px 0 0;}  /* this label container is not responsive */

/* /product lists, search, product details, basket and checkout */

.header-image-wrap {
    margin: 0; padding: 0;
}

.inner-wrap {
    width: 100%;
}

.site-header {
	color: #03406f;
	background: #ffffff;
	width: 100%;
	margin: 0;
	box-shadow: 0px 3px 3px 0px rgba(204,204,204,0.33);
}

.site-branding {
	clear: both;
	width: 100%;
    text-align: center;
}

.site-branding a {
	text-decoration: none !important;
}

.site-branding img {
	max-width: 100%;
}

.header-right {
    color: #03406f;
	font-family: Inter, Helvetica, Arial, sans-serif;
	font-weight: 400;
}

.header-right>ul {
	display: table; margin: 0 auto; padding: 0; list-style-type: none; position: relative; border-collapse: separate;
}
.header-right>ul>li {
	display: table-cell; text-align: center; height: 42px; min-width: 36px; vertical-align: middle; padding: 0;
}

.header-strap { 
	color: #7ea122 !important;
    font-family: Inter, Helvetica, Arial, sans-serif !important;
    font-weight: 400 !important;
    font-size: 1.25em !important;
    line-height: 0.8em;
    text-transform: uppercase;
	display: none;
}

#menushow i { transform: translateY(-1px); }

.header-right ul li { color: #03406f; border-radius: 6px; }
.header-right ul li a { color: #03406f; text-decoration: none !important; font-weight: 200; font-size: 1.2em; display: block; padding: 0; }
.header-right ul li a i:hover { color: #7ea122; }

.header-phone { white-space: nowrap; }
.header-phone img { display: inline !important; vertical-align: middle; }
.header-phone span { display: none; }

.search-label {}
.search-input {}

li.header-account { cursor: pointer; }
.header-account i { color: #03406f; background: transparent; margin: 0; padding: 3px 6px; text-decoration: none !important; border: 0 none !important; border-radius: 3px; font-size: 1.1em; }
.header-account i:hover { color: #ffffff !important; background: #7ea122 !important; }

.header-account.loggedin i { color: #03406f !important; background: transparent !important; }
.header-account.loggedin i:hover { color: #ffffff !important; background: #7ea122 !important; }

.header-search .search-label, .in-page-search .search-label { display: none; }

/* .header-search .search-input { margin: 0 0 6px 0; padding: 3px 9px; border-radius: 6px; font-size: 0.9em; color: #404040; background: #F5F5F5; border: solid 2px  #F5F5F5; width: 180px !important; } */

.header-search .search-input { margin: 0; padding: 4px 9px; border-radius: 4px; font-size: 0.9em; color: #6f7271; background-color: #ffffff; border: 2px solid #03406f; width: 180px !important; transform: translateY(-2px)}

.in-page-search .search-input { color: #888b8d; width: 325px; max-width: calc(100% - 50px); color: #6f7271; background-color: #ffffff; border: 2px solid #888b8d; }
.header-search .search-input:focus { color: #404040; background: #ffffff; border: 2px solid #888b8d; }
.header-search .search-button { color: #03406f !important; background: transparent !important; margin: 0; padding: 3px 6px; text-decoration: none; border: 0 none !important; border-radius: 3px; font-size: 1.2em; cursor: pointer; }
.in-page-search .search-button{ color: #7ea122 !important; background: transparent !important; margin: 0; padding: 3px 6px; text-decoration: none; border: 0 none !important; border-radius: 3px; font-size: 1.2em; cursor: pointer; }
.header-search .search-button:hover, .in-page-search .search-button:hover { color: #ffffff !important; background: #7ea122 !important; }

#show_search {}
#advanced-search-panel { position: absolute; width: 100%; top: 0; right: 0; z-index: 998; min-height: 52px; padding: 5px; background: #ffffff; color: #333333; text-align: left; border: 3px #888b8d solid; box-sizing: border-box; display: none;}
#advanced-search-close { position: absolute; top: 3px; right: 3px; z-index: 300; cursor: pointer; width: 32px; height: 32px; background: transparent url('../images/basket_close_cross-wht.png') right top no-repeat; }
#advanced-search-close:hover { background-position: right -32px; }
#advanced-search-top { font-weight: 800; color: #333333; }
#advanced-search-top p { margin: 0; padding: 6px 0; }
#search-type {}
#search-discounted { }
#search-fulldesc {}
#search-brand {}

#header-basket {}
.header-basket {}
li.header-basket { cursor: pointer; }
.header-basket i { color: #03406f; background: transparent; margin: 0; padding: 3px 6px; text-decoration: none !important; border: 0 none !important; border-radius: 3px; font-size: 1.2em; }
.header-basket i:hover { color: #ffffff !important; background: #7ea122 !important; }

#basket-count, #customer-count { position: absolute; bottom: 50%; left: 50%; margin: 0 0 3px 6px; z-index: 2; background: #ff6600; color: #ffffff; border-radius: 50%; padding: 2px 5px; font-size: 10px; font-family: sans-serif; display: none; }
#basket-count { background: #7ea122; }
#order-count, #care-count { position: absolute; bottom: 50%; left: 0; margin: 0 0 3px 30px; z-index: 2; background: #ff6600; color: #ffffff; border-radius: 50%; padding: 2px 5px; font-size: 10px; font-family: sans-serif; display: none; }

li.header-admin { cursor: pointer; }
.header-admin i { color: #03406f; background: transparent; margin: 0; padding: 3px; text-decoration: none !important; border: 0 none !important; border-radius: 3px; font-size: 1.1em; }
.header-admin i:hover { color: #ffffff !important; background: #7ea122 !important; }


.unread-mark { position: absolute; top: 0; right: 0; margin: -9px -9px 0 0; z-index: 2; background: #ff6600; color: #ffffff; border-radius: 50%; padding: 2px 5px; font-size: 10px; font-family: sans-serif; }

.to-top { position: fixed; bottom: 10px !important; right: 10px !important; color: #ffffff; background: #000000; font-size: 1.5em; width: 48px; height: 48px; text-align: center; border-radius: 40px; padding-top: 10px; box-sizing: border-box; }
.to-top:hover { color: #ffffff; background: rgba(128,128,128,0.75); }

/* in-page slider */

.slideshow { margin: 10px auto; padding: 0; max-width: 100%; }
.slideshow-li { max-width: 100%; margin-top: 0 !important; padding: 0; display: none; }

.slideshow-image { position: relative; overflow: hidden; }
.slideshow-image img { display: block; width: 100%; border-radius: 9px; }

/* /in-page slider */

.justify-center { justify-content: center; }

.swatches,
.flexbox
{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
	flex-direction: row;
	align-items: stretch;
    justify-content: space-between;
}

.swatches
{
	justify-content: center;
}

.flexbox.flex-start { justify-content: flex-start; }

.flexbox h2 { padding: 0; margin: 0.75em 1.5em !important; text-align: center; font-size: 1.6em; }
.flexbox h3 { padding: 0; margin: 0.75em 1.5em !important; text-align: center; font-size: 1.5em; }
.flexbox h4 { padding: 0; margin: 0.75em 1.5em !important; text-align: center; font-size: 1.4em; }
.flexbox h5 { padding: 0; margin: 0.75em 1.5em !important; text-align: center; font-size: 1.3em; }
.flexbox p { padding: 0; margin: 0.75em 1.5em; font-size: 1em; }
.flexbox ul, .flexbox ol { text-align: left !important; }
.flexbox a { font-size: 1em; }
.flexbox img { width: 100%; border-radius: 0 !important; }

.flexbox-item,
.flexbox-item-2, .flexbox-wide-item-2,
.flexbox-item-3,
.flexbox-item-4,
.flexbox-item-5
{
	display: flex;
	flex: 1 1 96%;
	flex-direction: column;
	align-items: stretch;
	padding: 0 !important;
	margin: 18px 2%;
	box-sizing: border-box;
}

.swatch
{
	display: flex;
	flex-direction: column;
	padding: 0 !important;
	margin: 18px 2%;
	box-sizing: border-box;
}

.flexbox-item-5
{
	flex: 0 1 46%;
}

.swatch span,
.flexbox-cta {
	display: flex; /* set the context */
	flex: 1; /* flex an equal amount of space */
	align-items: flex-end; /* pin to bottom */
}
.flexbox-cta .button {
	background: #7ea122;
	border-color: #7ea122;
}
.flexbox-cta .button:hover {
	background: #03406f;
	border-color: #03406f;
}
.flexbox-cta .button, .flexbox-cta .button_secondary, .flexbox-cta .button_red {
	margin: 15px 5px !important;
}

.add_to_cart.button {
	background: #7ea122;
	border-color: #7ea122;
}
.add_to_cart.button:hover {
	background: #03406f;
	border-color: #03406f;
}

/* modal basket and streamlined checkout 2021: */

.modal {
    display: none;
    position: absolute;
	z-index: 5000;
	top: 0;
	left: 50%;
	width: 90%;
    max-width: 1200px;
    height: auto;
    min-height: calc(100vh - 100px);
    transform: translate(-50%, 50px);
	background: #E9E9E9;
    border-radius: 6px;
    padding: 0;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
	box-sizing: border-box;
}
.modal-close {
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 2;
    font-size: 2em;
    cursor: pointer;
    color: #dd0000;
}
.modal-overlay, .modal-slideshow {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: rgba(0, 0, 0, 0.5);
}

#basket-button { display: block; font-size: 1.2em; font-weight: 800; margin: 0; padding: 9px 3px; color: #ffffff; background-color: #7ea122; border: 0 none; border-radius: 12px; box-sizing: border-box; }
#basket-button:hover { background-color: #03406f; }
#basket-button.disabled { cursor: not-allowed; color: #B3B3B3 !important; background-color: #E6E6E6 !important; }

#basket { color: #404040; } 

#basket_top { font-size: 1.6em; font-weight: 800; color: #000000; padding: 30px; box-sizing: border-box; }
#basket_top i { transform: translateY(4px); margin-right: 20px; }

#vat-exemption { text-align: right; padding: 0 25px 0 0; box-sizing: border-box; }
.tax-exempt div { text-align: right; margin: 5px 75px 0 0; font-size: 1.3em; font-weight: 800; color: #000000; }
.tax-exempt div span { font-size: 0.7em; font-weight: 200; color: #555555; }
.tax-exempt.checked { display: block; width: 100%; height: 60px; background: transparent url('../../products/icons/checked_60.png') right center no-repeat; border: 0 none; cursor: pointer; transform: translateY(-15px); }
.tax-exempt.unchecked { display: block; width: 100%; height: 60px; background: transparent url('../../products/icons/unchecked_60.png') right center no-repeat; border: 0 none; cursor: pointer; transform: translateY(-15px); }

.basket-container { width: 100%; clear: both; background: #F5F5F5; margin: 0; padding: 0;}
.basket-item { width: 96%; clear: both; color: #000000; margin: 0 2%; padding: 30px 0 10px 0; box-sizing: border-box; }
.basket-item p { margin: 0; padding: 0; }
.basket-heading { font-size: 0.9em !important; font-weight: 800 !important; color: #CCCCCC !important; }
.basket-item-delete { width: 85px; text-align: center; float: left; color: #808080; cursor: pointer; }
.basket-item-image { width: 115px; text-align: left; float: left; margin-right: 3px; }
.basket-item-image img { transform: translateY(-20px); max-width: 100%; border-radius: 9px; margin: 0 auto;}
.basket-item-description { width: calc(100% - 203px); float: left; }
.basket-item-name { font-size: 1.5em; color: #000000; }
.basket-item-name a { color: #000000; text-decoration: none; }
.basket-item-code { font-size: 0.9em; color: #808080; margin: 0; padding: 0; }
.basket-item-options { font-size: 1em; color: #808080; max-height: 55px; position: relative; overflow: hidden; }
.basket-item-options .showmoreoptions { display: block; font-size: 0.9em; border: 0 none; margin: 3px; padding: 5px 10px; color: #ffffff; background: #aaaaaa; border-radius: 3px; cursor: pointer; position: absolute; top: -3px; right: 0; z-index: 10; }
.basket-item-options .hidemoreoptions { display: none; font-size: 0.9em; border: 0 none; margin: 3px; padding: 5px 10px; color: #ffffff; background: #aaaaaa; border-radius: 3px; cursor: pointer; position: absolute; top: -3px; right: 0; z-index: 5;}
.basket-item-options .showmoreoptions:hover, .basket-item-options .hidemoreoptions:hover { background: #999999; }
.basket-item-quantity { width: 25%; text-align: center; font-size: 1.25em; float: left; }
.basket-item-quantity .update-item.dec { width: 15%; float: left; text-align: right; color: #808080; cursor: pointer; }
.basket-item-quantity .update-item.inc { width: 15%; float: left; text-align: left; color: #808080; cursor: pointer; }
.basket-item-quantity .input-field { transform: translateY(-6px); width: 70%; float: left; text-align: center; }
.basket-item-net { width: 25%; text-align: right; float: left; font-size: 1.25em; color: #808080; }
.basket-item-vat { width: 25%; text-align: right; float: left; font-size: 1.25em; color: #808080; }
.basket-item-gross { width: 25%; text-align: right; float: left; font-size: 1.35em; color: #000000; }
.basket-item-total { width: 25%; text-align: right; font-size: 1.25em; float: left; color: #808080; }
.basket-item-end { width: calc(100% - 85px); float: right; height: 1px; background: #cccccc;  }

.basket-totals { width: 96%; clear: both; color: #000000; margin: 0 2%; padding: 10px 0; box-sizing: border-box; }
.discount-description { text-align: right; font-size: 1.25em; color: #808080; }

.coupon-panel { width: 96%; clear: both; color: #000000; font-size: 1.3em; margin: 0 2%; padding: 10px 0; text-align: right; box-sizing: border-box; }
.coupon-panel label { display: none; }

#coupon_code {
    text-align: center;
	font-size: 1em !important;
	width: 300px; 
    max-width: calc(100% - 100px) !important;
    border: 0 none !important;
    padding: 9px 0 !important;
	margin: 6px !important;
    border-radius: 9px !important;
}

#apply-button { font-size: 1em; font-weight: 800; margin: 0; padding: 6px 9px; color: #ffffff !important; background-color: #7ea122 !important; border: 0 none; border-radius: 9px; box-sizing: border-box; cursor: pointer; }

#remove-button { font-size: 1em; font-weight: 800; margin: 0; padding: 6px 9px; color: #ffffff !important; background-color: #FF002A !important; border: 0 none; border-radius: 9px; box-sizing: border-box; cursor: pointer; }

.qtybox {
    text-align: center;
	font-size: 1em !important;
    max-width: 80px !important;
    padding: 3px 0 !important;
    border-radius: 6px !important;
	border: 2px solid #888b8d !important;
}

.basket-buttons { width: 100%; padding: 9px 2%; box-sizing: border-box; }

#update-button, #update-button:hover { display: block; font-size: 1.6em; font-weight: 800; margin: 20px 0; padding: 9px 3px; color: #ffffff !important; background-color: #03406f !important; border: 0 none; border-radius: 12px; box-sizing: border-box; text-align: center; cursor: pointer; appearance: none; width: 100%; }
#update-button.disabled { cursor: not-allowed; color: #B3B3B3 !important; background-color: #cccccc !important; }

#checkout-button { display: block; font-size: 1.8em; font-weight: 800; margin: 10px 0 30px 0; padding: 12px 3px; color: #ffffff; background-color: #7ea122; border: 0 none; border-radius: 12px; box-sizing: border-box; text-align: center; text-decoration: none; width: 100%; }
#checkout-button:hover { background-color: #03406f; }
#checkout-button.disabled { cursor: not-allowed; color: #B3B3B3 !important; background-color: #cccccc !important; }

#cartmessagecontents {
    position: relative;
    max-width: 1280px;
    margin: 0 auto 100px auto;
    padding: 9px 3px; 
    border: 0 none;
    color: #ffffff;
    background: #7ea122;
    cursor: pointer;
	border-radius: 12px;
	font-size: 1.6em;
	font-weight: 800; 
	text-align: center;
}

.emptycartmessage { background: #FF002A !important; }
.form-error { background: #FF002A !important; }

.empty-basket {
    padding: 9px 3px; 
    color: #ffffff;
    background: #FF002A;
	font-size: 1.6em;
	font-weight: 800; 
	text-align: center;
    cursor: pointer;
}

#set_same { min-height: 60px; }
#set_same div { float: left; text-align: right; width: calc(100% - 60px); padding-right: 15px; margin: 0; font-size: 1.3em; line-height: 1.2em; font-weight: 800; color: #000000; box-sizing: border-box; }
.same_bill.checked{ float: right; width: 60px; height: 60px; background: transparent url('../../products/icons/checked_60.png') center center no-repeat; border: 0 none; cursor: pointer; transform: translateY(0); }
.same_bill.unchecked { float: right; width: 60px; height: 60px; background: transparent url('../../products/icons/unchecked_60.png') center center no-repeat; border: 0 none; cursor: pointer; transform: translateY(0); }

.cataloguecontainer {}
.catalogue-panel { width: 100%; background: #EBEBEB; }
.catalogue-panel .fullwidth { max-width: 1350px; }
.catalogue-panel-padding { padding: 25px 5% 10px 5%; }

.formfield.checkbox { width: 98%; margin-right: 2%; text-align: right; }
.formfield.checkbox label, .label-checkbox { display: inline-block; float: left; font-size: 1.4em; font-weight: bold; width: calc(100% - 60px); }
.formfield.checkbox input[type="checkbox"] { margin: 5px 0; }

#contact-form { width: 100%; border-radius: 0 0 9px 9px;}

#contact-submit { background: url('../images/loading.gif') no-repeat center center; min-height: 62px;}

.checkout-panel, #enquiry-form { width: 100%; border-radius: 9px; background: #F5F5F5; padding: 0 0 15px 0; margin: 15px 0 40px 0; }
.checkout-top, .enquiry-form-top { color: #6f7271; background: #E7E7E7; font-weight: 800; font-size: 2.3em; padding: 30px 5% 20px 5%; border-radius: 9px 9px 0 0; box-sizing: border-box; }
.checkout-panel label, #enquiry-form label { color: #000000; font-size: 1.2em; padding: 3px 0; }
.checkout-panel input[type="text"], .checkout-panel select, .checkout-panel textarea,
#enquiry-form input[type="text"], #enquiry-form select, #enquiry-form textarea  { width: 100% !important; border-radius: 15px; font-size: 1.2em; padding: 12px 9px; box-sizing: border-box; }
#enquiry-form .verification_box { width: 75px !important; height: 38px !important; overflow: hidden; float: left; margin-right: 5px; }
#enquiry-form #verification { width: 150px !important; max-width: none !important;}

.checkout-basket-container {}
.checkout-basket-container .basket-item { border-bottom: 1px solid #cccccc; width: 100%; margin: 0 0 7px 0; padding: 22px 0; }
.checkout-basket-container .basket-item .basket-item-image img { transform: none; }
.checkout-basket-container .basket-item .basket-item-name { font-size: 1.3em; line-height: 1em; }
.checkout-basket-container .basket-item .basket-item-code { padding: 0 0 3px 0; }
.checkout-basket-container .basket-item .basket-item-options { margin: 0; padding: 0; }
.checkout-basket-container .basket-item .basket-item-gross { width: 100%; float: none; text-align: left; font-size: 1.2em; color: #000000; }
.checkout-basket-container .basket-item .exemption-tick { float: right; color: #555555 !important; font-size: 0.9em; margin: 5px; }
.checkout-basket-container .basket-item-description { width: calc(100% - 118px); float: left; }

.checkout-basket-container .basket-totals { width: 100%; margin: 0; padding: 25px 0; }
.checkout-basket-container .basket-totals .basket-totals-label { width: 60%; float: left; text-align: right; font-size: 1em; font-weight: 800; color: #A8A8A8; padding: 0 5px 0 0; box-sizing: border-box; }

.basket-discount { width: 100%; }
.checkout-basket-container .basket-totals .discount-description { display: inline-block; white-space: nowrap; width: 60%; max-width: 100%; text-align: right; font-size: 1em; font-weight: 200; color: #A8A8A8; padding: 0 5px 0 0; box-sizing: border-box; }

.checkout-basket-container .basket-totals .basket-item-net, 
.checkout-basket-container .basket-totals .basket-item-vat, 
.checkout-basket-container .basket-totals .basket-item-gross, 
.checkout-basket-container .basket-totals .basket-item-total { width: 40%; float: left; text-align: right; font-size: 1.2em; font-weight: 200; color: #A8A8A8; box-sizing: border-box; }

.checkout-basket-container .shipping-info { border-bottom: 1px solid #cccccc; width: 100%; margin: 0; padding: 25px 0; }
.checkout-basket-container .shipping-region { margin: 0; }

.delivery_region_label { font-size: 1.4em; font-weight: bold; padding: 2px 0 0 0; }
.delivery_region select { font-size: 1.4em; border-radius: 12px; border: 0 none; padding: 6px; margin: 0; }
.delivery_region input[type="text"] { font-size: 1.4em; border-radius: 12px; border: 0 none; padding: 6px; margin: 0; }
.delivery_notes { color: #333333; padding: 0; margin: 0; }
.delivery_notes p { padding: 3px 0; margin: 0; }
.delivery_notes p:first-of-type { margin-top: 20px; }
.shipping_explanation { }
.shipping_explanation p { }

.order-totals { border-top: 1px solid #cccccc; width: 100%; font-size: 1.6em; font-weight: 800; color: #000000; margin: 20px 0 0 0; padding: 30px 0 0 0; box-sizing: border-box; }
.order-total-label { float: left; }
.order-total { float: right; }

.cardsaccepted-label { text-align: center; margin: 9px 6px; color: #000000; font-size: 1.8em; font-weight: 800; }
.cardsaccepted { display: inline-block; margin: 0 auto; }
.cardsaccepted img { float: left; margin: 6px; }

.checkout-cta { margin: 15px 0 40px 0; width: 100%; max-width: 100%; text-align: center; }
.quote-button { display: block; font-size: 1.6em; font-weight: 800; margin: 10px 0; padding: 12px 3px; color: #ffffff !important; background-color: #03406f !important; border: 0 none; border-radius: 12px; box-sizing: border-box; text-align: center; text-decoration: none; width: 100%; cursor: pointer; }
.checkout-button { display: block; font-size: 1.8em; font-weight: 800; margin: 10px 0; padding: 12px 3px; color: #ffffff !important; background-color: #7ea122 !important; border: 0 none; border-radius: 12px; box-sizing: border-box; text-align: center; text-decoration: none; width: 100%; cursor: pointer; }

.basket-error { display: block; font-size: 1.6em; font-weight: 800; margin: 10px 0; padding: 12px 3px; color: #ffffff !important; background-color: #FF002A !important; border: 0 none; border-radius: 12px; box-sizing: border-box; text-align: center; text-decoration: none; width: 100%; }

.validate-error { position: relative; top: 6px; width: 100%; box-sizing: border-box; min-height: 30px !important; border: 1px solid #999999; border-radius: 3px; padding: 3px 3px 3px 30px; background: #ffffff url('/images/validate-error.png') left center no-repeat; box-shadow: 5px 5px 3px 0px rgba(204,204,204,0.7); cursor: pointer; }

.validate-error:after, 
.validate-error:before {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
}
.validate-error:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 10px;
    left: 20%;
    margin-left: -10px;
}
.validate-error:before {
    border-color: rgba(113, 158, 206, 0);
    border-bottom-color: #999999;
    border-width: 11px;
    left: 20%;
    margin-left: -11px;
}

.validate-error p { text-align: left; padding: 6px 0 !important; margin: 0 !important; color: #999999 !important; text-shadow: none !important; }

.validate-first-error-box { border-color: #ff9c00 !important; }
.validate-second-error-box { border-color: #ff9c00 !important; border-width: 2px !important;}

.validate-first-error-box:focus { outline-style:none; box-shadow:none; border-color:transparent; }
.validate-second-error-box:focus { outline-style:none; box-shadow:none; border-color:transparent; }

.payment-redirect {
	max-width: 600px;
	margin: 40px auto !important;
	padding: 32px 32px 64px 32px ;
	text-align: center;
	background-image: url('/images/ajax-loader.gif');
	background-position: center bottom 16px;
	background-repeat: no-repeat;
	box-sizing: border-box;
}

.button_checkout_view, .button_checkout_continue
{
	color: #ffffff;
	background: #03406f;
	text-decoration: none;
	text-align: center;
	font-size: 36px;
	font-weight: 800;
	padding: 9px 18px;
	border: 0 none;
	border-radius: 12px;
	appearance: none;
	cursor: pointer;
}

.button_checkout_continue
{
	background: #7ea122;
}

.button_checkout_view:hover, .button_checkout_continue:hover
{
	background: #7ea122;	
}

/* /modal basket and streamlined checkout 2021 */

/* customer area */

#customer-actions { padding: 9px; }
#customer-actions h2 { font-size: 24px; margin-top: 0px; }
#customer-actions label { display: block; padding: 5px; width: 100%; text-align: left; box-sizing: border-box; }
#customer-actions input { display: block; width: 100%; box-sizing: border-box; }
#customer-actions #viewpw { }

#care-request .formfield { padding: 9px; }

/* /customer area */

/* responsive styles: */

@media all and ( max-width: 1250px ) { }

@media all and ( max-width: 1024px ) {
	.availablefor img { width: 60px; height: 60px; margin: 0 3px; }
	h1, h2, h3, h4 ,h5, h6
	{
		margin: 0.66em auto;
	}
}

@media all and ( max-width: 815px ) {

	.availablefor img { width: 45px; height: 45px; }
	.basket-item-end { width: 100%; }
	.basket-item-quantity, .basket-item-net, .basket-item-vat, .basket-item-gross, .basket-item-total { font-size: 1em; }
	.basket-item-quantity .input-field { transform: translateY(-3px); }
	.qtybox { max-width: 60px !important; }
	.basket-totals { padding: 0; }
	.discount-description { text-align: left; font-size: 1em; }
	.coupon-panel { font-size: 1em; text-align: left; }
	#cartmessagecontents { margin: 0 auto 50px auto; }

	.product-image .zoom-icon { display: none; }
	#product-images .no-zoom { display: block; }
	.zoomContainer { display: none; }
	.clicktozoom { cursor: default; }

	h1, h2, h3, h4 ,h5, h6
	{
		margin: 0.5em auto;
	}
}

@media all and ( max-width: 600px ) {
	.corner { font-size: 36px; }
	.availablefor img { width: 60px; height: 60px; }
	.columns-2 li { width: auto; float: none; }
	.columns-3 li { width: 50%; float: left; }
	h1, h2, h3, h4 ,h5, h6
	{
		margin: 0.33em auto;
	}
	h1 { font-size: 28px; }
	h2 { font-size: 24px; } 
	h3 { font-size: 20px; }
	h4 { font-size: 18px; }
	h5 { font-size: 16px; }
	h6 { font-size: 14px; }

	.cyclecontent { transform: translate(-50%, -50%); }
}

@media all and ( max-width: 480px ) {
	.availablefor img { width: 45px; height: 45px; }
	.corner { font-size: 16px; }
}

@media all and ( max-width: 360px ) {
	.availablefor img { width: 40px; height: 40px; margin: 0; }
}

@media all and ( max-width: 330px ) {
	.g-recaptcha
	{
	    max-width: 250px;
	}
	.button_submit, .button_large, .button_listing, .button_red_large { font-size: 1.2em; padding: 10px; }
}

@media all and ( min-width: 400px ) {
	.notmobile { display: block; }
	tr .notmobile { display: table-cell; }
}

@media all and ( min-width: 600px ){

	#cycleleftarrow, #cyclerightarrow { display: inline; }
	.cyclecontent.light { background: rgba(0,0,0,0); }
	.cyclecontent.dark { background: rgba(255,255,255,0); }
	.cyclecontent h3, .featurecontent h2 { margin: 0.5em auto; font-size: 32px; margin: 0.5em auto; }

	.slider-panels { position: absolute; z-index: 101; top: 15px; left: 50%; width: 80%; margin: 0 auto; transform: translate(-50%, 0); }
	.slider-panels p, .slider-panels h3 { display: none; }

	.verylarge { font-size: 3.0em; }

	.header-right>ul { border-spacing: 5px 0; }
	.header-phone { padding: 0 6px !important; }
	.header-phone span { display: inline-block; font-size: 21px; margin: 0 6px; font-weight: 800; }

	.scroll-tip { display: none; }

	.companyinfo ul li { display: inline; margin: 0 0 1em 0; }

	.smallscreen {display: none;}
	.notsmallscreen {display: block;}
	tr .notsmallscreen { display: table-cell; }

	.column-10 {width: 10%;}
	.column-16 {width: 33%;}
	.column-20 {width: 50%;}
	.column-25 {width: 50%;}
	.column-30 {width: 50%;}

	.columns-3 li { width: 33%; float: left; box-sizing: border-box; }

	#optionspane { text-align: right; padding: 5px 18px; }
	#optionspane select { display: inline; }

	.productstable, .certificatestable { font-size: 0.9em; }

	.column-grid {width: 50%;}

	.floatright {float: right;}
	.floatleft {float: left;}

	.slide-title { height: 2.3em; font-size: 1.1em; }

	.leftcolcart {width: 66%; float: left;}
	.rightcolcart {width: 33%; float: right; text-align: left;}

	input[type="text"], input[type="email"], input[type="url"], input[type="number"], input[type="tel"], input[type="password"] { width: auto; max-width: 98%;  }

	.checkout-panel input[type="text"], .checkout-panel select, .checkout-panel textarea,
	#enquiry-form input[type="text"], #enquiry-form select, #enquiry-form textarea { width: 100%; max-width: 100%; }
	#enquiry-form #verification { width: 150px !important; max-width: none !important;}

	.formlabel {width: 30%; float: left; padding: 0 10px 0 0; box-sizing: border-box;}
	.formlabel30 {width: 30%; float: left; padding: 0 10px 0 0; box-sizing: border-box;}
	.formlabel50 {width: 50%; float: left; padding: 0 10px 0 0; box-sizing: border-box;}
	.formlabel60 {width: 60%; float: left; padding: 0 10px 0 0; box-sizing: border-box;}
	.formlabel75 {width: 75%; float: left; padding: 0 10px 0 0; box-sizing: border-box;}
	.formlabelwide {width: 90%; float: left; padding: 0 10px 0 0; box-sizing: border-box;}
	.rightformlabel {width: 35%; float: left; font-weight: 800; padding: 0 5px 0 5px; text-align: right; box-sizing: border-box;}
	.form-textarea-container { width: 70%; }

	#catmap>ul { columns: 2; -webkit-columns: 2; -moz-columns: 2; }
	#site-map>ul { columns: 2; -webkit-columns: 2; -moz-columns: 2; }

	.header-scroll 	{ display: inline; height: 50px; }

	#contactbuttons { margin: 0; }

	.button_basket {font-size: 1.0em; padding: 9px 15px 9px 45px; }
	.button_display {font-size: 1.0em; padding: 9px 15px 9px 45px; }

	.searchinput { float: left; min-height: 80px; white-space: nowrap; }

	.flexbox-item-2,
	.flexbox-item-4 
	{
		flex: 0 1 46%;
	}
	.flexbox-item-5
	{
		flex: 0 1 29%;
	}

	#set_same div { margin: 15px 0 0 0; }

	.cardsaccepted-label { display: inline-block; float:left; margin: 9px 6px; color: #000000; font-size: 1.8em; font-weight: 800; }
	.cardsaccepted { display: inline-block; margin: 0 auto; }
	.cardsaccepted img { float: left; margin: 6px; }

}

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

	.cyclecontent h3  { margin: 0.75em auto; }
	.cyclecontent p { margin: 0.75em auto; font-size: 22px; text-shadow: 1px 1px 1px #000000; display: block; }
	.cyclecontent a, .cyclecontent .cta { font-size: 1.3em; padding: 6px 15px; }

	/*	for this site, options are always in a narrow container so retain mobile styles:
		#options .option_label { width: auto; max-width: 50%; float: left; padding-top: 14px;  }
		#options .option_selector, #options .date_selector { clear: none; width: auto; max-width: 50%; float: left; } 
		#options .option_selector select, #options .date_selector select { margin-top: 4px; }
		#options .option_tick { margin-top: 0; }
	*/
	.flexbox-item-3
	{
		flex: 0 1 29%;
	}
	.flexbox-item-5
	{
		flex: 0 1 21%;
	}

	.quicklinkstoggle i { display: none; cursor: auto; }
	.quicklinkscontent { display: block; }
	#quicklinkscompany { width: 50%; float: left; }
	#quicklinksresources { width: 50%; float: left; }
	#quicklinksinformation { width: 50%; float: left; }
	#quicklinkspayments { width: 50%; float: left; }

	.home-testimonials .testimonial { padding: 45px 90px 15px 90px; }
	.home-testimonials .customercomment { height: 264px; font-size: 1.28em; }
	.home-testimonials .prevtestimonial, .home-testimonials .nexttestimonial { display: inline; }
}

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

	.site-branding { text-align: left; }
	.site-branding img { margin: 10px 0; }

	.header-right { padding-top: 21px; }
	
	.slider-panels h3 { display: inline; }

	/* main navigation: */
	#menushow, #menuhide, #menuhideli { display: none !important; }
	#main-navigation { position: relative; }
	#mainmenu { display: block !important; }
	.drop a { padding: 15px 40px !important; }
	#mainmenu>ul { display: table; width: 100%; margin: 0 auto; padding: 0; }
	#mainmenu>ul>li { display: table-cell; float: none; width: auto; text-align: center; margin: 0; }
	#mainmenu>ul li span { padding-left: 0; padding-right: 0; }
	.submenu { position: absolute; top: 100%; left: 0; padding: 20px 0; }
	.submenu li { clear: right; width: 50%; float: left; padding-left: 0; padding-right: 0; text-align: center !important; margin: 0;  }
	.showsub { width: 50px; padding: 10px !important }
	/* /main navigation */
	
	#customermenutoggle, #customermenushow, #customermenuhide { display: none !important; }
	#customermenu { display: block !important; text-align: center; }

	#home-header {
		position: absolute;
		width: 100%;
		top: 0;
		left: 0;
		z-index: 999;
		background: transparent;
		border-bottom: 0 none;
	}

	.home-header {
		border-bottom: 0;
	}

	.notmediumscreen {display: block;}
	.mediumscreen {display: none;}

	.slide-title { font-size: 1.2em; }
	.ordertable { font-size: 1em; }

	.twitter-panel { height: 160px; border-top: #ffffff solid 35px; border-bottom: #D1DEF1 solid 35px;}
	.follow-button { margin: 45px auto; }

	.column-10 {width: 10%;}
	.column-20 {width: 20%;}
	.column-25 {width: 25%;}
	.column-30 {width: 30%;}
	.column-33 {width: 33.33%;}
	.column-40 {width: 40%;}
	.column-45 {width: 45%;}
	.column-50 {width: 50%;}
	.column-55 {width: 55%;}
	.column-60 {width: 60%;}
	.column-66 {width: 66.66%;}
	.column-75 {width: 75%;}
	.column-80 {width: 80%;}

	.columns-2 li { width: 50%; float: left; box-sizing: border-box; }

	#items_per_page { text-align: left; display: block; }
	#prod_count { text-align: center; margin: 0 auto; }
	#sort_order { text-align: right; }

/*	#featured .image-contain-h img { height: 150px; } */

	.column-grid {width: 33.3%;}

	.column-checkout { width: 48%; margin-right: 1%; }

	.checkout-wide { width: 99%;  margin-right: 1%; }

	.filtercontrol {display: inline;}
	.sortcontrol {display: inline;}

	#cycleleftarrow, #cyclerightarrow { display: inline; }

	.header-scroll 	{ height: 60px; }

	.tbl { width: 100%; }

	.thr { display: table-cell; width: auto; font-weight: 800; }
	.tdr { display: table-cell; width: auto; }

	.tableheader { display: table-row; }
	.tabledesc { background: transparent; border-radius: 0; text-align: left; }
	.row-spacer { display: none; }

	.show-basket-button { float: right; width: 300px; max-width: 100%; }
	#product-buy-panel .show-basket-button { float: none; width: 100%; margin: 0; }

	#basket_top { font-size: 2.6em; }
	.modal-close { font-size: 3em; }

	#vat-exemption { padding: 50px 25px 0 0; }
	.tax-exempt	div { margin: 0 75px 0 0; font-size: 1.6em; }

	#set_same div { margin: 0; font-size: 1.6em; }

	.order-totals { font-size: 1.5em; }
}

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

	.site-branding {
		clear: none;
		float: left;
		width: 50%;
	}

	.header-right {
		clear: none;
		float: right;
		width: 50%;
	}

	.header-right>ul {
		float: right;
	}
	
	.header-smm { margin-right: 6px !important; }

	.header-strap {
		padding: 18px 3px 9px 0;
		text-align: right;
		display: block;
	}

	.column-16 {width: 16%;}

	#product-buy-panel { width: 40%; float: left; }
	#product-images { width: 60%; float: left; }
	.product-image, #product-img, #slideshow-1, .carousel-container { margin: 0; }
}

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

	.header-strap {}

	/* main navigation: */
	.submenu li { width: 33.33%; }
	/* /main navigation */

	#cycleleftarrow, #cyclerightarrow { font-size: 4em; }
	.cyclecontent h3, .featurecontent h2 { font-size: 44px; }
	.cyclecontent p { font-size: 28px; }
	.cyclecontent .cta { } /* display: inline-block;  */
	
	.slider-panels p { display: inline; }

	/* .cyclecontent.alignleft>div, .cyclecontent.alignleft>div { max-width: 33%; } */

	.flexbox-item-4
	{
		flex: 0 1 21%;
	}
	.flexbox-item-5
	{
		flex: 0 1 18%;
		margin: 18px 1%;
	}

	.order-totals { font-size: 1.7em; }
}

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

	#basket_top { font-size: 3em; }
	.modal-close { font-size: 4em; }

}

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

	.inner-wrap {
    	margin: 0 auto;
    	max-width: 1280px;
	}

	.product-image .carousel-prev, .product-image .carousel-next { margin-left: 2px; margin-right: 2px; }

	.order-totals { font-size: 1.9em; }

	#set_same div { margin: 15px 0 0 0; font-size: 1.6em; }

	.copyright { padding: 16px 60px; }

}

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

	#cycleleftarrow { margin-left: calc(50vw - 840px); }
	#cyclerightarrow { margin-right: calc(50vw - 840px); }

}
@media print {

	body {background: #ffffff}

	.noprint {display:none !important;}
	.noscreen {display:inline !important;}

	.crumbtrail {display:none;}

	.columns-2 li { width: auto; float: none; }

	.button,
	.button_smallest,
	.button_small,
	.button_red,
	.button_small_red,
	.button_large,
	.submit_small,
	.submit_large,
	#main-navigation { display:none; }
	
	#CookiebotWidget {display:none;}
}