.content-block {
box-sizing: border-box;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 80px;
}
.content-block > * {
width: 100%;
max-width: 1280px;
margin: 0 auto;
}
.content-block.no-gutter {
padding: 0;
}
.content-block .block-heading {
width: 100%;
text-align: center;
margin-top: 0;
margin-bottom: 40px;
}
.content-block ol {
margin-left: 0;
padding-left: 1.5em;
}
.content-block ul {
margin-left: 0;
list-style-type: unset;
padding-left: 2em;
}
.content-block.full-width > * {
padding: 0;
max-width: 100%;
margin-left: 0;
margin-right: 0;
}
div mark {
background: none;
color: inherit;
font: inherit;
padding: 0;
margin: 0;
}
figure {
margin: 0;
margin-inline-start: 0;
margin-inline-end: 0;
}
fieldset {
margin: 0;
padding: 0;
}
div label {
font-weight: normal;
font-size: 1em;
}
div input[type=text],
div input[type=checkbox],
div input[type=password],
div input[type=email],
div input[type=search],
div select,
div textarea {
width: 100%;
padding: 11px 15px;
border: 1px solid #ccc;
border-radius: 5px;
box-sizing: border-box;
margin-top: 6px;
margin-bottom: 20px;
resize: vertical;
font-size: 16px;
color: #576166;
vertical-align: middle;
}
div input[type=checkbox] {
padding: initial;
}
input[type=search]::-webkit-search-cancel-button {
display: none;
}
div button,
div input[type=submit]:not(.loading):hover ,
a.button:not(.loading):hover {
background:#A59156;
color: #fff;
}
div button,
div input[type=submit],
a.button {
transition: background 0.2s;
position: relative;
display: inline-block;
font: 15px 'Maven Pro', Arial, Sans-serif;
cursor: pointer;
background: #A59156;
color: #fff;
text-align: center;
text-transform: uppercase;
padding: 16px 30px;
border: none;
box-sizing: border-box;
}
a.button:visited {
color: #fff;
}
div button[disabled],
div a.button.disabled {
opacity: 0.5;
cursor: default;
}
.loading-spinner {
position: relative;
}
button.loading::before,
a.button.loading::before,
input[type=submit].loading::before,
.show-loading::before,
.loading-spinner {
content: '';
border: 3px solid #fff;
border-top: 3px solid #A59156;
border-radius: 50%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 20px;
height: 20px;
-webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite;
}
a.button:hover {
color: #fff;
}
.loading-spinner {
border-color: #A59156;
border-top-color: #fff;
}
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
a.button.loading,
button.loading,
input[type=submit].loading {
color: rgba(0, 0, 0, 0) !important;
}
div select,
select {
position: relative;
font: 15px 'Maven Pro', Arial, Sans-serif;
cursor:pointer;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
outline: none;
background: url('https://images.zeald.com/site/cooperscreek/images//basic_theme/ui_sprites.svg') no-repeat right -78px;
height: auto;
box-sizing: border-box;
padding-right: 45px;
}
div select:focus,
select:focus,
select:active,
button:focus,
button:active {
outline: 0;
-moz-outline-style: none;
}
.drop-select {
position: relative;
display: inline-block;
}
.drop-select button {
position: relative;
border: none;
width: 100%;
color: #000;
text-transform: uppercase;
border: solid 1px #666;
cursor: pointer;
transition: background .3s ease;
text-align: left;
padding: 8px 30px 8px 10px;
background: #fff;
}
.drop-select button::before {
content: '';
position: absolute;
right: 8px;
top: 0;
bottom: 0;
width: 20px;
height: 6px;
margin: auto;
background: url(https://images.zeald.com/site/cooperscreek/images/basic_theme/ui_sprites.svg) no-repeat 0 0;
}
.drop-select button:hover {
background-color: #f6f6f6;
transition: background .3s ease;
}
.drop-select ul {
visibility: hidden;
padding: 0;
list-style: none;
box-shadow: 0px 2px 6px 0 rgba(0,0,0,0.2);
background: #fff;
position: absolute;
left: 0;
margin-top: 2px;
top: calc(100% - 2px);
min-width: 100%;
max-height: 300px;
overflow: auto;
z-index: 99999;
}
.drop-select li {
background: #fff;
padding: 8px 15px 8px 15px;
box-sizing: border-box;
cursor: pointer;
transition: background .2s ease;
white-space: nowrap;
margin: 0;
}
.drop-select li:hover {
background: #f6f6f6;
transition: background .2s ease;
}
.overlays .pop-overlay {
display: none;
}
.overlays .pop-overlay-inner {
display: block !important;
width: 0;
display: none;
height: 100vh;
background: #fff;
position: fixed;
top: 0;
z-index: 2000;
overflow: hidden;
}
.overlays .pop-overlay-inner.pop-left {
left: 0;
transition: width 0.3s ease;
}
.overlays .pop-overlay-inner.pop-right {
right: 0;
transition: width 0.3s ease;
}
.overlays .pop-overlay-inner.pop-center {
opacity: 0;
transition: opacity 0.3s ease;
}
body.pop-overlay-left,
body.pop-overlay-right,
body.pop-overlay-center {
overflow: hidden;
}
body.pop-overlay .overlays .pop-overlay,
body.pop-overlay-left .overlays .pop-overlay,
body.pop-overlay-right .overlays .pop-overlay,
body.pop-overlay-center .overlays .pop-overlay {
display: block !important;
position: fixed;
top: 0;
left: 0;
width: 100vw;
min-height: 100vh;
padding: 0;
background: #000;
opacity: 0.7;
z-index: 1999;
}
body.pop-overlay-left .overlays .pop-overlay-inner.pop-left,
body.pop-overlay-right .overlays .pop-overlay-inner.pop-right {
transition: width 0.3s ease;
width: 90vw;
}
body.pop-overlay-center .overlays .pop-overlay-inner.pop-center {
transition: opacity 0.3s ease;
opacity: 1;
width: 50vw;
height: 50vw;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.overlays .pop-overlay-inner .close {
position: absolute;
top: 0px;
right: 0px;
display: block;
text-indent: -100vw;
overflow: hidden;
width: 30px;
height: 30px;
padding: 0;
background: none;
z-index: 3000;
}
.overlays .pop-overlay-inner .close::before {
content: '';
display: block;
width: 12px;
height: 12px;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
background: url('https://images.zeald.com/site/cooperscreek/images//basic_theme/ui_sprites.svg') no-repeat 0 -560px;
}
div .validation input:focus,
div .validation select:focus,
div .validation textarea:focus,
div .validation datalist:focus {
outline: unset;
}
div .validation input.error,
div .validation select.error,
div .validation textarea.error,
div .validation datalist.error,
div .validation div.error,
div .validation ul.error {
border: solid 1px #ff5023 !important;
margin-bottom: 20px !important;
}
.validation label {
display: block;
position: relative;
}
.validation input.error {
font-weight: initial;
color: initial;
}
div .validation aside.error,
div .validation aside.help {
position: absolute;
margin: 0px;
bottom: 4px;
left: 0px;
display: none;
font-size: 13px;
font-weight: normal;
line-height: 100%;
margin: 5px 1px 0px;
color: #888;
}
div .validation aside.help.error {
color: #ff5023;
}
.component_Membership_EditAccount .form .form_heading .fheading ,
.component_Membership_NewAccount .form .form_heading .fheading {
border-top: none;
padding: 0;
padding-bottom: 22px;
}
.component_Membership_EditAccount .form .flabel,
.component_Membership_NewAccount .form .flabel {
vertical-align: text-top;
width: 13%;
}
.component_Membership_EditAccount .form input[type=text],
.component_Membership_EditAccount .form select,
.component_Membership_EditAccount .form textarea,
.component_Membership_NewAccount .form input[type=password],
.component_Membership_NewAccount .form input[type=text],
.component_Membership_NewAccount .form select,
.component_Membership_NewAccount .form textarea {
margin-top: 2px;
margin-bottom: 10px;
max-width: 38%;
}
table#form_323_table table tbody tr>td:first-child,
table#form_322_table table tbody tr>td:first-child {
width: 20px;
}
table#form_323_table td input[type=checkbox] {
margin: 0;
}
table#form_322_table table tbody tr>td input{
margin: 0px;
}
td.left-td {
vertical-align: top;
padding-top: 17px;
}
td.right-td .help.error {
margin: 1px;
}
td.right-td input {
margin-bottom: 10px;
}
form.change-password > p {
margin: 0;
margin-bottom: 5px;
}
.change-password input[type=password] {
margin-bottom: 10px;
}
.crumbs, .crumbs a {
color: #8e8e93;
font-weight: 500;
}
.crumbs a + a::before {
content: " / ";
display: inline;
}
.crumbs a:last-child {
color: #555555;
}
button.add-favourite {
display: block;
text-indent: 100%;
white-space:nowrap;
overflow: hidden;
padding: 0;
border: none;
}
button.add-favourite::before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
display: block;
}
button.add-favourite {
width: 44px;
height: 44px;
background: #eee;
border-radius: 50%;
z-index: 10;
}
button.add-favourite::before {
width: 19px;
height: 16px;
background: url(https://images.zeald.com/site/cooperscreek/images/basic_theme/ui_sprites.svg) no-repeat 0 -440px;
}
button.add-favourite:hover::before,
button.add-favourite.selected::before {
background-position-y: -470px;
}
.catlist h2 {
font-size: 2em;
font-weight: initial;
}
.flush {
padding:0px !important;
}
.tablerow {
display:table;
width:100%;
height:100%;
}
.tablecell {
display:table-cell;
width:100%;
height:100%;
vertical-align:middle;
}
.nowrap {
white-space:nowrap;
}
.radio-inline {
color: #979797;
font-size: 16px;
line-height: 29px;
padding-left: 23px;
}
.radio-inline.lt {
margin-bottom: 20px;
}
.radio-inline+.radio-inline,
.radio-inline+.radio-inline {
margin-top: 0;
margin-left: 0px;
}
.radio-inline input[type="radio"] {
margin-left: -22px;
margin-top: 7px;
outline: none;
}
.radiofield {
-webkit-appearance: none;
background: none;
border: 1px solid #8E8E93;
width: 13px;
height: 13px;
position: relative;
outline: none;
border-radius: 50%;
}
.radiofield:before {
content: '';
background: none;
position: absolute;
top: 3px;
left: 3px;
width: 5px;
height: 5px;
outline: none;
border-radius: 50%;
}
.radiofield:checked:before {
background: #5C5C5C;
border-radius: 50%;
}
.input-group-btn>.btn {
padding: 0px;
width: 17px;
line-height: 39px;
border: 1px solid #C8C8CD;
border-radius: 3px !important;
display: inline-block;
vertical-align: middle;
}
.form-control.input-number {
padding: 0px;
width: 35px;
line-height: 41px;
height: 41px;
padding: 0px;
text-align: center;
border: 1px solid #C8C8CD;
border-radius: 3px !important;
display: inline-block;
vertical-align: middle;
margin: 0px 5px;
}
.btn-default:hover,
.btn-default:focus {
background: none;
}
.radio-inline {
color: #979797;
font-size: 16px;
line-height: 29px;
padding-left: 23px;
}
.btn-default:hover,
.btn-default:focus {
background: none;
}
body {
overflow-x: hidden;
}
@media screen and (max-width: 740px) {
body {
overflow-x: auto;
}
::-webkit-scrollbar {
width: 0px;
background: transparent; }
.form .flabel {
width: 100%;
}
}
@media screen and (max-width: 740px) {
body {
overflow-x: auto;
}
::-webkit-scrollbar {
width: 0px;
background: transparent; }
.component_Membership_EditAccount .form .flabel,
.component_Membership_NewAccount .form .flabel {
width: 100%;
}
.form .flabel {
width: 100%;
}
.component_Membership_EditAccount .form input[type=text],
.component_Membership_EditAccount .form select,
.component_Membership_EditAccount .form textarea,
.component_Membership_NewAccount .form input[type=password],
.component_Membership_NewAccount .form input[type=text],
.component_Membership_NewAccount .form select,
.component_Membership_NewAccount .form textarea {
max-width: 100%;
}
}
@media all {
option { padding-left:0.4em; } select { padding:1px; }
* html body * { overflow:visible; }
body {
font-size:100%;
background:#fff;
color:#000;
text-align:left; }
div:target { outline:0 none; }
article,aside,details,figcaption,figure,
footer,header,hgroup,nav,section {
display:block;
}
audio,
canvas,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
}
[hidden] {
display: none;
}
input[type="search"] {
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset, img { border:0 solid; }
ul, ol, dl { margin:0 0 1em 1em; } li {
line-height:1.5em;
margin-left:0.8em; }
dt { font-weight:bold; }
dd { margin:0 0 1em 0.8em; } blockquote { margin:0 0 1em 0.8em; } q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content:none }
.ym-clearfix:before {
content:"";
display:table;
}
.ym-clearfix:after {
clear:both;
content:".";
display:block;
font-size:0;
height:0;
visibility:hidden;
}
.ym-contain-dt { display:table; width: 100%; overflow: visible; }
.ym-contain-oh { overflow:hidden; width:100%; display:block; }
.ym-contain-fl { float:left; width:100%; }
.ym-skip,
.ym-hideme,
.ym-print {
position:absolute;
top:-32768px;
left:-32768px; }
.ym-skip:focus,
.ym-skip:active {
position:static;
top:0;
left:0;
}
.ym-skiplinks {
position:absolute;
top:0px;
left:-32768px;
z-index:1000;
width:100%;
margin:0;
padding:0;
list-style-type:none;
}
.ym-skiplinks .ym-skip:focus,
.ym-skiplinks .ym-skip:active {
left:32768px;
outline:0 none;
position:absolute;
width:100%;
}
}
@media screen, projection {
.ym-column { display:table; width:100%; }
.ym-col1 { float:left; width:20%; }
.ym-col2 { float:right; width:20%; }
.ym-col3 { width:auto; margin:0 20%; }
.ym-cbox { padding: 0 10px }
.ym-cbox-left { padding: 0 10px 0 0 }
.ym-cbox-right { padding: 0 0 0 10px }
.ym-ie-clearing { display:none; }
.ym-grid {
display:table;
width:100%;
table-layout:fixed;
list-style-type: none;
padding-left:0;
padding-right:0;
margin-left:0;
margin-right:0;
}
.ym-gl { float:left; margin: 0; }
.ym-gr { float:right; margin: 0 0 0 -5px; }
.ym-g20 { width:20%; }
.ym-g40 { width:40%; }
.ym-g60 { width:60%; }
.ym-g80 { width:80%; }
.ym-g25 { width:25%; }
.ym-g33 { width:33.333%; }
.ym-g50 { width:50%; }
.ym-g66 { width:66.666%; }
.ym-g75 { width:75%; }
.ym-g38 { width:38.2%; }
.ym-g62 { width:61.8%; }
.ym-gbox { padding: 0 10px }
.ym-gbox-left { padding: 0 10px 0 0 }
.ym-gbox-right { padding: 0 0 0 10px }
.ym-equalize > [class*="ym-g"] {
display:table-cell;
float:none;
margin:0;
vertical-align:top;
}
}
@media all {
.ym-form,
.ym-form fieldset { overflow:hidden; }
.ym-form div { position:relative; }
.ym-form label,
.ym-form .ym-message {
position:relative;
display:block; }
.ym-form .ym-fbox-check label {
display:inline;
}
.ym-form input,
.ym-form textarea { cursor:text; }
.ym-form input[type="checkbox"],
.ym-form input[type="radio"],
.ym-form select,
.ym-form label { cursor:pointer; }
.ym-form textarea { overflow: auto; }
.ym-form input[type=hidden] { display:none !important; }
.ym-form .ym-fbox-text:before,
.ym-form .ym-fbox-select:before,
.ym-form .ym-fbox-check:before,
.ym-form .ym-fbox-button:before {
content:"";
display:table;
}
.ym-form .ym-fbox-text:after,
.ym-form .ym-fbox-select:after,
.ym-form .ym-fbox-check:after,
.ym-form .ym-fbox-button:after {
clear:both;
content:".";
display:block;
font-size:0;
height:0;
visibility:hidden;
}
.ym-form select,
.ym-form input,
.ym-form textarea {
display:block;
position:relative;
width:58.5%;
}
.ym-form .ym-fbox-check input {
display: inline;
width: auto;
}
.ym-form .ym-fbox-button input {
display: inline;
overflow:visible; width:auto;
}
.ym-form .ym-fbox-check input:focus,
.ym-form .ym-fbox-check input:hover,
.ym-form .ym-fbox-check input:active {
border:0 none;
}
.ym-full .ym-fbox-select select,
.ym-full .ym-fbox-text input,
.ym-full .ym-fbox-text textarea {
width:94.2%;
margin-right: -3px;
}
.ym-columnar .ym-fbox-text label,
.ym-columnar .ym-fbox-select label {
display:inline;
float:left;
width:30%; }
.ym-columnar .ym-fbox-check {
position:relative;
}
.ym-label { display:block; }
.ym-columnar .ym-fbox-check .ym-label {
position:absolute;
top:0;
}
.ym-columnar .ym-fbox-check input,
.ym-columnar .ym-error .ym-message {
margin-left:30%;
}
.ym-columnar fieldset .ym-fbox-button,
fieldset.ym-columnar .ym-fbox-button {
padding-left:30%;
}
.ym-columnar .ym-fbox-select select,
.ym-columnar .ym-fbox-text input,
.ym-columnar .ym-fbox-text textarea {
float:left;
width:67.2%;
margin-right: -3px;
}
.ym-fbox-select select { width:60%; }
.ym-full .ym-fbox-select select { width:94.8%; }
.ym-columnar .ym-fbox-select select { width:68.8%; }
}
@media print {
.ym-grid > .ym-gl,
.ym-grid > .ym-gr {
overflow:visible;
display:table;
}
.ym-print {
position:static;
left:0;
}
.ym-noprint {
display:none !important;
}
}

p {
margin: 1em 0;
}
.col_left {
vertical-align:top;
width:220px;
padding:0; }
.col_right {
vertical-align:top;
width:220px;
padding:0; }
.document {
width: 100%;
text-align: left;
clear:both;
}
.ym-wrapper {
width: 100%px;
margin: auto;
}
.ym-gbox { padding: 10px; }
.ym-gz-l {
width: 100px;
}
@media screen and ( max-width: 740px ) { * {
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.table_layout > tr > td, .table_layout > tbody > tr > td {
display: block;
width: 100% !important;
}
[class*="ym-g"] {
display: block !important;
float: none;
padding: 0;
margin: 0;
width: 100% !important;
}
.document.ym-wrapper {
display: box !important;
display: -moz-box !important;
display: -webkit-box !important;
box-orient: vertical;
-moz-box-orient: vertical;
-webkit-box-orient: vertical;
text-align: left;
}
.content {
moz-box-ordinal-group: 1 !important; -webkit-box-ordinal-group:1 !important; box-ordinal-group:1 !important;
}
.col_right {
moz-box-ordinal-group: 2 !important; -webkit-box-ordinal-group:2 !important; box-ordinal-group:2 !important;
}
.col_left {
moz-box-ordinal-group:3 !important; -webkit-box-ordinal-group:3 !important; box-ordinal-group:3 !important;
}
.linearize-level-2,
.linearize-level-2 > [class*="ym-g"] {
display: block;
float: none;
padding: 0;
margin: 0;
width: 100% !important;
}
.linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"] {
overflow: hidden; padding: 0;
margin: 0;
}
}
@media screen and ( max-width: 1308px ) {
textarea, img, table, td, embed, object {
max-width: 99%;
height: auto !important;
}
.ym-wrapper, .header, .menu_bar, .prefooter, .footer {
width: 100% !important;
}
.wrapper, .innerwrap {
padding:0px !important;
width: 100% !important;
background: none !important;
color: #666 !important;
}
.linearize-level-1,
.linearize-level-1 > [class*="ym-g"] {
display: block;
float: none;
padding: 0;
margin: 0;
width: 100% !important;
}
.linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"] {
overflow: hidden; padding: 0;
margin: 0;
}
}
@media screen and ( max-width: 740px ) {
.linearize-level-2,
.linearize-level-2 > [class*="ym-g"] {
display: block;
float: none;
padding: 0;
margin: 0;
width: 100% !important;
}
.linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"] {
overflow: hidden; padding: 0;
margin: 0;
}
}
html {

}
body {
color: #222;
background: #FFFFFF ;
margin: 0; padding:0;
text-align:center; font-family: 'Maven Pro', Arial, Sans-serif;
font-size:15px;
line-height: 120%;
}
form {
margin: 0;
padding: 0;
}
p,td,div,h1,h2,h3,h4,h5,h6 {
font-family: 'Maven Pro', Arial, Sans-serif;
color: #222;
line-height: 120%;
}
p,td {
line-height: 120%;
}
p {
font: 1em 'Maven Pro', Arial, Sans-serif;
color: #222;
line-height: 120%;
}
th {
font-size:11px;
line-height: 120%;
}
h1 {
font: 50px 'Neoretrofill', Arial, Sans-serif;
color: #2D2A2A;
margin: 5px 0;
line-height: 120%;
}
h2 {
font: 40px 'Neoretrofill', Arial, Sans-serif;
color: #2D2A2A;
margin: 5px 0;
margin: 5px 0;
line-height: 120%;
}
h3 {
font: 35px 'Neoretrofill', Arial, Sans-serif;
color: #2D2A2A;
margin: 4px 0;
margin: 5px 0;
line-height: 120%;
}
h4 {
font: 28px 'Neoretrofill', Arial, Sans-serif;
color: #2D2A2A;
margin: 5px 0;
line-height: 120%;
}
h5 {
font: 26px 'Neoretrofill', Arial, Sans-serif;
color: #2D2A2A;
margin: 3px 0;
margin: 5px 0;
line-height: 120%;
}
h6 {
font: 17px 'Neoretrofill', Arial, Sans-serif;
color: #2D2A2A;
margin: 3px 0;
margin: 5px 0;
line-height: 120%;
}
a {
color:#A59156;
text-decoration: none;
}
a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6 {
text-decoration: none;
}
a:visited {
color: #b7a776;
}
a:active {
color: #A59156;
text-decoration: none;
}
a:hover {
color: #A59156;
text-decoration: none;
}
ul { list-style: square; padding-left: 20px; }
ul ul { padding-left:35px; }
a > img { border-style:none;}
a > img[border] { border-style:solid;}
hr, .hr {
clear:both;
display:block;
height:1px;
border:none;
border-top:solid 1px #E4E4E4;
margin:0.5em 0;
}
ul {
margin-left: 0;
}
input.zbtn, body input.zbtn {
border: none;	cursor:pointer; text-indent:-1000px;
}
input.btn, body div.wrapper a.btn, body div.wrapper a.btn:active, body div.wrapper a.btn:visited {

padding: 1px 10px;
text-transform: none;
text-decoration: none;
}
body div.wrapper a.btn {
padding-top: 2px;
padding-bottom: 2px;
}
input.btn:hover, body div.wrapper a.btn:hover {
text-decoration: none;
}
.component_ContentDisplay_Content ul li, .component_ProductDisplay_Product .full-description ul li, .component_ProductDisplay_ProductView ul li, .component_ProductDisplay_CatDesc ul li, .component_Misc_WebsiteTest ul li, .component_Membership_Login ul li, .plain_content ul li {
list-style-type: none;
background: url(/site/cooperscreek/images/basic_theme/bullet.png) no-repeat 0 0.6em;
padding-left: 14px;
}
.headerwrap {
width: 100%;
margin: 0 auto;
text-align:center;
}
.menuwrap {
width: 100%; text-align:center; }
.docwrap { width: 100%;
text-align:center;
}
.prefooterwrap {
width: 100%;
text-align:center;
}
.footerwrap {
width: 100%;
text-align:center;
}
.postmenuwrap {
width: 100%;
text-align:center;
}
.header {
width: 100%;
text-align: left;
margin: 0 auto;
}
.postmenu {
width: 100%;
text-align: left;
margin: 0 auto;
}
.menu_bar {
width: 100%;
margin-left: auto;
margin-right: auto;
text-align: left;
}
table.document {
width: 100%;
text-align: left;
margin: 0 auto;
clear:both;
}
div.prefooter {
clear:both;
width: 100%;
text-align: left;
margin-left: auto;
margin-right: auto;
}
div.prefooter b, div.prefooter p, div.prefooter td, div.prefooter div {
color:#FFFFFF;
}
div.prefooter h1,div.prefooter h2,div.prefooter h3,div.prefooter h4,div.prefooter h5,div.prefooter h6 {
color:#FFFFFF;
}
div.prefooter a {
color:#FFFFFF;
}
div.footer {
clear:both;
width: 100%;
text-align: left;
margin-left: auto;
margin-right: auto;
}
div.wrapper {
width: 100%;;
text-align:left; margin:0px auto;
}
.content_menubar {
display:block;
float:left;
clear:both;
width:100%;
}
.clear_both {
clear:both;
height:1px;
padding:0;
margin:0;
font-size:1px;
}
#extend_to_bottom {
clear:both;
height:1px;
padding:0;
margin:0;
font-size:1px;
}
div.content_left {
margin-right:px;
}
div.content_right{
margin-left: px;
}
td.col_left {
vertical-align:top;
width:220px;
padding:0; }
td.content {
vertical-align:top;
}
.content_leftonly {
vertical-align:top;
}
.content_noleft {
vertical-align:top;
padding:0;
margin:0;
}
td.col_right {
vertical-align:top;
width:220px;
padding:0; }
select, input {
font-size: 1em;
}
textarea {
font:11px Verdana, Arial, Sans-serif;
}
.error {
color: red;
font-weight: bold;
}
#pagetitle {
font-family:Verdana, Arial, Sans-serif;
font-size:1.5em;
font-weight:bold;
margin:0.67em 0 0.67em 0;
}
div.menu_bar .left {
float:left;
}
.break {
clear:both;
height:1px;
padding:0;
margin:0;
font-size:1px;
}
#main div.special{border-bottom:solid #8B4 1px;padding:10px 10px 20px;}
#main a.stitle{font-size:11px;font-weight:bold;color:#6A3;}
#special_img{width:130px;padding:5px;text-align:center;background:#FFF;}
#prod_img{float:left;}
#contentfoot{background:#FFF;}
input.txt,textarea.txt{border:solid #333 1px;padding:2px;}
.alr{text-align:right;}
h2 img, h2 span{vertical-align:middle;}
#submenu {
font-family:Verdana, Arial, Sans-serif;
background-color:#ffffff;
border:1px solid #cbbd8d;
padding:10px 10px 15px 10px;
margin-bottom:10px;
}
@media print {
.component_ContentDisplay_Content ul li, .component_ProductDisplay_ProductView ul li, .component_ProductDisplay_CatDesc ul li, .component_Misc_WebsiteTest ul li, .component_Membership_Login ul li, .plain_content ul li {
list-style-type: disc;
background: none;
}
div.header, table.menu_bar, td.col_left, div.content_left, td.col_right, div.footer {
display:none;
}
div.content_main {
width: 90% ;
}
.no-print {
display:none;
}
}
.messagebox {
background:#dff6ae;
padding:20px;
margin:5px 0px;
display:block;
white-space: normal;
text-align:left;
position:relative;
border-radius: 4px;
}
.warningbox, .notice_warning {
background:#FEF9CF;
padding:20px;
margin:5px 0;
display:block;
white-space: normal;
text-align:left;
position:relative;
border-radius: 4px;
}
.errorbox {
min-height:50px;
padding:20px 20px 20px 70px;
background:#FFD7D7 url('/interchange-5/en_US/ico_error.gif') no-repeat scroll 20px 50%;
margin:5px 0px;
display:block;
white-space: normal;
text-align:left;
position:relative;
border-radius: 4px;
}
.errorbox h1 { color: #DB0000;
}
.site-highlight {
background: #B09951;
color: #FFFFFF;
font-weight: bold;
}
.site-subdued {
background: #DBDBDB;
}
.component_Template_Site {
margin: 0; margin: 0; padding: 0px;  } ul {padding:0px; margin:0px;}
ul li{margin-left:0px;}
@media screen and ( max-width: 1308px ) {
.header td, .header table, .header img,
.menuwrap td, .menuwrap table, .menuwrap img,
.postmenu td, .postmenu table, .postmenu img,
.prefooter td, .prefooter table, .prefooter img,
.footer td, .footer table, .footer img,
.postmain td, .postmain table, .postmain img{
max-width:100%;
}
#c746 td.c2{width:auto!important;}
#c509>table{
width:auto!important;
}
}
@media screen and ( max-width: 932px ) {
.header img#logo{
padding-top: 66px;
padding-right:30px;
padding-left:30px;
}
}
@media screen and ( max-width: 740px ) {
#c509 .plain_content img{
margin:0 auto 4px!important;
display:block;
}
#c509 td.ltc{
padding:20px 0px!important;
text-align: center!important;
}
#c749{padding:20px 0!important;}
#c749 .plain_content img{
width:28px;
margin:0 15px!important;
}
#c746 td.c3{text-align:center!important;}
#c746 td.c1{
position:absolute;
width:50%!important;
top:12px;
left:0;
text-align:right;
}
#c746 td.c1 img{margin-right:12px;}
#c746 td.c2{
position:absolute;
width:50%!important;
top:12px;
right:0;
}
.header td.ltc{float:none!important;}
.header img#logo {
padding-top: 64px;
padding-bottom: 24px;
}
}
@media screen and ( max-width:740px ) {
div.catview div.item-cell div.image{width:100%!important;
height:auto!important;
} div.catview div.item-cell div.image img
{width:auto!important;}
#c61 div.catview div.item-cell > div,
#c519 div.catview div.item-cell > div,
#c426 div.catview div.item-cell > div
{width:100%!important;
text-align:center;
}
div.catview div.promotion
{
width:100%!important;
height:auto!important
}
div.catview .pagination a {
box-sizing: content-box;
}
.catview div.item-row, .catview div.item-cell
{border:0!important;}
#c273 div.topcart_items
{
position:absolute!important;
min-width:291px;
}
li.right > a > img {
min-width: 114px;
}
.footer div.menu {
float:none!important;
}
.footer div.menu ul {text-align:center;}
.footer div.menu li.menu
{
float:none!important; display:inline-block;
}
.footer .copyright {text-align:center!important;}
#c750 td.c2{text-align:center!important;}
#c750{padding-top: 4px!important;padding-bottom:18px!important;}
#c501 {
padding: 25px 24px 30px!important;
}
#c501 .c_space{
height:25px!important;
}
#c501 h6{
margin-bottom:10px!important;
}
#c429 td{
display:block!important;
width:100%!important;
}
}
@media screen and ( max-width: 400px ) {
.menuwrap .content_tabs li.tab {
width:50%;
border-right:solid 1px #7A7778!important;
border-bottom:solid 1px #7A7778!important;
padding: 0 !important;
line-height:120%!important;
height:52px!important;
float:left!important;
display:table!important;
margin:0px!important;
}
.menuwrap .content_tabs li.tab:nth-of-type(even){
border-right:0!important;
}
.content_tabs ul li.tab > a{padding: 0!important;
display:table-cell!important;
vertical-align:middle;
line-height: 120%;
font-size:12px!important;
}
.content_tabs ul li:nth-last-child(1):nth-child(odd){
width:100%!important;
border-right:0!important;
}
.content_tabs li.tab .ct_dropdown{
width: auto!important;
margin-top:50px!important;
}
.ct_dropdown_subcat{width:270px!important;}
}
#c72.component_Template_Site {
 } #c213 h1 ,#c91 h1,#c513 h1,
#c159 h1{
text-align:Center;
font-size:40px;
} .plain_content {
height: 100%;
}
.component_ContentDisplay_Content {
margin: 0; margin: 0; padding: 0px;  } #c429.component_ContentDisplay_Content {
 } #c429 td h6 {
font:20px Maven Pro;
margin:0 0 15px;;
}
#c429 td{line-height:131%;} #c502.component_ContentDisplay_Content {
 } #c502 {
padding:8px 0;
} #c512.component_ContentDisplay_Content {
padding: 8px 0px;  } #c513.component_ContentDisplay_Content {
 } #c544.component_ContentDisplay_Content {
 } .breadcrumb {
padding: 10px 14px 0 0;
}
.component_Navigation_BreadCrumb {
margin: 0; margin: 0; padding: 0px;padding-top: 0
;
padding-bottom: 0;
 } #c1119.component_Navigation_BreadCrumb {
padding-top: 0
;
padding-bottom: 0;
 } .ym-wrapper.document {
max-width: 1280px;
}
#group_list { list-style: none;}
#group_list li {padding: 5px;}
.component_CustomerService_EmailOptin {
margin: 0; margin: 0; padding: 0px;  } #c751.component_CustomerService_EmailOptin {
 } #c751{padding:10px 0 0;}
#c751 div.content_email_optin_form,
#c751 #_z_liveedit_region_email_optin_form
{
float:left;
}
#c751 #_z_liveedit_region_email_optin_form{width:70%;}
#c751 div.content_email_optin_form{width:70%;}
#c751 form >table
{
float: left;
width: auto; margin-left:6px;
}
#c751 td.flabel{display:none;}
#c751 td{vertical-align:middle;}
#c751 td ,
#c751 td.felement input
{
font:15px Maven Pro;
margin:0px;
}
#c751 td.felement input{padding:15px 1.5% 15px 2.5%;
width:100%; font:italic 15px georgia;
border:0px;
height:47px;
box-sizing:border-box;
background:#fff;
}
#c751 #c752{padding:0px;}
#c751 td.felement{padding:0px 0 0 0px;}
#c751:after{
content:"";
display:block;
clear:both;
}
@media screen and ( max-width: 1190px ) {
#c751 .table_layout{width:100%!important}
#c751 div.content_email_optin_form,
#c751 #_z_liveedit_region_email_optin_form
{
float:none!important; }
#c751 td{text-align:left;}
#c751 form >table
{
float:none!important; width: 100%!important;
padding-top:15px;
margin-left:0px!important;
} #c751 div.content_email_optin_form{width:auto!important;}
}
#c751 input.zbtn {
width: 145px !important;
height: 50px !important;
} #c1114.component_CustomerService_EmailOptin {
 } .header.ym-wrapper,
.footer.ym-wrapper {
max-width: 100%;
}
.__container {
width: 100%;
max-width: 1280px;
margin: 0 auto;
}
* {
padding: 0;
margin: 0;
box-sizing: border-box;
}
a {
text-decoration: none;
color: #A59156;
}
a:hover {
color: #B19F6A;
text-decoration: none;
}
a:hover h1,
a:hover h2,
a:hover h3,
a:hover h4,
a:hover h5,
a:hover h6 {
text-decoration: none;
}
ul {
list-style: none;
}
.section {
max-width: 100%;
width: 100%;
}
.component_Template_BasicTheme_OneColumn,
#c150 {
padding: 0 !important;
}
.has-sprites {
position: relative;
}
.has-sprites:before {
background-image: url("/site/cooperscreek/images/basic_theme/ui_sprites.svg");
background-repeat: no-repeat;
background-size: auto;
content: "";
width: 17px;
height: 17px;
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
}
.footerwrap {
text-align: left;
}
.component_Template_Primary {
padding: 0px !important;
}
.content_tabs li.tab a {
color: #000 !important;
text-align: left;
}
.component_ContentDisplay_Content ul li {
background-position: 0 0.5em;
}
.product-card header a {
background: #fff;
}
.product-card a img {
max-height: -webkit-fill-available !important;
}
.docwrap {
max-width: 1280px;
width: 100%;
margin: 0 auto;
padding: 20px 0;
}
.component_Misc_SiteMap>ul {
padding: 20px;
}
.section__nav--topbar {
height: 40px;
}
.section__nav--topbar .__container {
display: grid;
grid-template-columns: auto 1fr;
align-items: center;
}
.section__nav--topbar .__container div:nth-child(1) {
display: grid;
grid-template-columns: 1fr auto auto;
align-items: center;
height: 40px;
}
.section__nav--topbar .sprite-phone {
font-family: Heebo;
font-style: normal;
font-weight: bold;
line-height: normal;
font-size: 15px;
color: #999999;
padding: 0 15px 0 23px;
border-right: 2px solid #ddd;
}
.section__nav--topbar .sprite-facebook,
.section__nav--topbar .sprite-twitter {
padding: 0 20px;
}
.section__nav--topbar .sprite-phone:before {
background-position: 0 -1280px;
width: 12px;
height: 12px;
left: 0px;
}
.section__nav--topbar .sprite-facebook {
font-size: 0px;
}
.section__nav--topbar .sprite-facebook:before {
background-position: 0 -1310px;
width: 9px;
height: 16px;
top: -5px;
left: 15px;
}
.section__nav--topbar .sprite-twitter {
font-size: 0px;
}
.section__nav--topbar .sprite-twitter:before {
background-position: 0 -1340px;
width: 15px;
height: 13px;
top: -3px
}
.section__nav--topbar div {
justify-self: end;
}
.section__nav--topbar div .sprite-login {
font-family: Heebo;
font-style: normal;
font-weight: normal;
line-height: normal;
font-size: 13px;
color: #999999;
}
.section__nav--topbar div .sprite-login:before {
background-position: 0 -1370px;
height: 13px;
width: 13px;
left: -23px;
}
.section__nav--midbar {
height: 140px;
border-bottom: 1px solid #E6E6E6;
border-top: 1px solid #E6E6E6;
}
.section__nav--midbar .__container {
display: grid;
grid-template-columns: 1fr auto 1fr;
align-items: center;
height: 100%;
}
.section__nav--midbar .search-box {
width: 245px;
}
.section__nav--midbar input[type="search"] {
background: #eee;
}
.section__nav--midbar input[type="search"]::placeholder {
font-size: 13px;
}
.section__nav--midbar .search-box form input {
border-radius: 0px;
background: #eee;
border: none;
height: 45px;
}
.section__nav--midbar .search-form button[type=submit]::before,
.search-form button[type=reset] {
background: url(/site/cooperscreek2-dev/images//basic_theme/ui_sprites.svg) no-repeat 0 -1398px;
width: 20px;
height: 20px;
}
.section__nav--midbar .header-cart {
justify-self: end;
display: grid;
grid-template-columns: auto auto;
border: 1px solid #E6E6E6;
}
.section__nav--midbar .top-favourites {
text-indent: -1000vw;
width: 54px;
}
.section__nav--midbar .top-cart {
padding: 15px;
border-left: 1px solid #e6e6e6;
}
.section__nav--midbar .top-favourites:before {
background-position: 0 -440px;
width: 19px;
height: 19px;
left: 18px;
}
.section__nav--bottombar {
display: flex;
margin: 0 auto;
text-align: center;
border-bottom: 1px solid #E6E6E6;
}
.content_tabs ul {
text-align: center;
}
.content_tabs li.tab {
float: none !important;
display: inline-block;
padding: 0 28px !important;
}
.content_tabs .ct_dropdown a {
border-top: 3px solid transparent;
padding-top: 20px;
font-family: Heebo;
font-style: normal;
font-weight: 300;
font-size: 15px;
line-height: 35px;
color: #444444;
}
.section__nav--bottombar .content_tabs ul li.tab>a {
font-family: Heebo;
font-style: normal;
font-weight: bold;
line-height: normal;
font-size: 15px;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.1em;
color: #444444;
padding: 15px 0 0px;
border-top: 3px solid transparent;
}
#c1107>.content_tabs>nav>ul>li.tab.sel>a,
.content_tabs li.tab a:hover,
.content_tabs li.tab a:active,
.content_tabs li.tab a:focus {
border-top: 3px solid #A59156 !important;
color: #A59156 !important;
}
#c1107 .content_tabs .ct_dropdown_subcat .ct_dropdown_children .cat a,
#c1107 .content_tabs .ct_dropdown_subcat .ct_dropdown_children .content a {
font-weight: 400;
padding-left: 10px !important;
}
#c1107 .content_tabs .ct_dropdown_subcat a {
font-weight: 500;
padding: 0px !important;
}
#c1107 .content_tabs .ct_dropdown_subcat .content,
#c1107 .content_tabs .ct_dropdown_subcat .cat {
padding: 0px;
}
#c1107 .content_tabs .ct_dropdown_subcat .content a,
#c1107 .content_tabs .ct_dropdown_subcat .cat a {
border: none !important;
}
#c1107 .content_tabs .ct_dropdown_subcat .content a:hover,
#c1107 .content_tabs .ct_dropdown_subcat .content a:active,
#c1107 .content_tabs .ct_dropdown_subcat .content a:focus,
#c1107 .content_tabs .ct_dropdown_subcat .cat a:hover,
#c1107 .content_tabs .ct_dropdown_subcat .cat a:active,
#c1107 .content_tabs .ct_dropdown_subcat .cat a:focus {
border: none !important;
}
.ct_dropdown_subcat {
width: auto !important;
padding: 0 10px !important;
}
.ct_dropdown {
width: auto !important;
}
#mini-cart .c-count {
background: #000 !important;
}
.content_tabs .ct_dropdown a:hover {
color: #b09f6b !important;
padding-top: 20px;
}
.site-footer {
background: #222;
}
.site-footer .footer-top {
padding: 54px 0px 14px;
margin-top: 45px;
}
.header__footer--title {
padding-bottom: 30px;
}
.header__footer--title h2 {
font-family: NeoRetroFill;
line-height: normal;
font-size: 18px;
color: #FFFFFF;
margin: 0px;
}
.site-footer .footer-top .__container {
display: grid;
grid-template-columns: 30% auto auto auto auto;
column-gap: 85px;
}
.foot-col1 .flabel {
display: none;
}
.foot-col1 .component_CustomerService_EmailOptin {
padding: 0 !important;
}
.foot-col1 .form td {
padding: 0px !important;
}
.foot-col1 .form .fheading {
font-family: Heebo;
font-style: normal;
font-weight: 300;
line-height: 26px;
font-size: 15px;
color: #DDDDDD;
border: none !important;
padding: 25px 0 !important;
}
.foot-col1 .header__footer--title {
padding: 0;
}
.foot-col1 div input[type=text] {
border-radius: 0px;
margin-bottom: 0px;
margin-top: 5px;
}
.foot-col1 input.btn {
margin: 0px !important;
}
.foot-col1 div input[type=text]::placeholder {
font-family: Heebo;
font-style: normal;
font-weight: 300;
line-height: 19px;
font-size: 14px;
color: #444444;
}
#c752.component_Misc_Form {
padding: 5px 0 !important;
}
.pop-overlay-hamburger .hamburger-menu {
background: #fff;
}
.foot-col1 div input[type=submit] {
width: 100%;
}
.foot-col2 ul li a,
.foot-col3 ul li a {
font-family: Heebo;
font-style: normal;
font-weight: 300;
line-height: 35px;
font-size: 15px;
color: #DDDDDD;
}
.foot-col2 ul li a:hover,
.foot-col3 ul li a:hover {
color: #A59156;
}
.foot-col4 .footer-info-phone a {
font-family: Heebo;
font-style: normal;
font-weight: bold;
line-height: 36px;
font-size: 22px;
color: #DDDDDD;
display: block;
}
.foot-col4 .footer-info-phone a:nth-child(2) {
font-family: Heebo;
font-style: normal;
font-weight: 300;
line-height: 24px;
font-size: 15px;
color: #DDDDDD !important;
}
.foot-col4 .footer-info-phone:before {
width: 18px;
height: 18px;
background-position: 0 -1160px;
left: 0px;
margin: 9px 0px;
}
.foot-col4 .footer-info-address:before {
width: 18px;
height: 22px;
background-position: 0 -1250px;
left: 0px;
margin: 9px 0px;
}
.foot-col4 .footer-info-address a {
font-family: Heebo;
font-style: normal;
font-weight: 300;
line-height: 24px;
font-size: 15px;
color: #ddd;
margin: 3px 0px;
}
.foot-col4 .footer-info-address a:hover {
color: #A59156;
}
.foot-col4 .footer-info {
padding: 0 0 25px 35px;
}
.foot-col4 .footer-email:before {
width: 18px;
height: 13px;
background-position: 0 -1069px;
left: 0px;
margin: 5px 0;
}
.foot-col2 *,
.foot-col3 *,
.foot-col4 * {
color: #fff;
}
.foot-col5 .header__footer--title h2 {
margin-bottom: 30px;
}
.footer-social-fb,
.footer-social-twitter {
font-size: 0px;
padding-left: 30px;
}
.footer-social-fb:before {
background-position: 0 -1460px;
width: 15px;
height: 26px;
}
.footer-social-twitter:before {
background-position: 0 -1430px;
width: 26px;
height: 22px;
}
.footer-bar {
background: #fff;
}
.footer-bar .__container {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
padding: 15px 0px;
}
.footer-bar .__container nav {
padding-bottom: 10px;
}
.footer-bar .footer-nav a {
font-family: Heebo;
font-style: normal;
font-weight: bold;
line-height: 21px;
font-size: 13px;
text-transform: uppercase;
color: #999999;
padding-right: 20px;
}
.__container .footer-nav>aside {
font-family: Heebo;
font-style: normal;
font-weight: 300;
line-height: 23px;
font-size: 14px;
color: #999999;
}
.footer-bottom-pay-options span {
font-family: Heebo;
font-style: normal;
font-weight: 300;
line-height: 23px;
font-size: 14px;
text-align: right;
color: #666666;
}
.footer-bottom-pay-options {
align-self: center;
justify-self: end;
display: grid;
grid-template-columns: repeat(4, auto);
align-items: center;
}
.footer-bottom-pay-options a {
padding-left: 20px;
margin: auto 0px;
}
.foot-col1 div input[type=text]::placeholder {
font-family: Heebo;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 19px;
color: #444444;
}
.footer-bar .__container aside {
color: #999999;
}
.footer-info-address.footer-po-box:before {
display: none;
}
.product-card h4,
.product-card h4 a {
font-size: 18px !important;
font-weight: 500;
color: #444 !important;
text-decoration: none;
text-align: center;
}
.product-card .price,
.product-card .price {
font-size: 25px;
}
.submission button#add-cart {
padding: 13px 60px !important;
border: none !important
}
.filter-group .group-heading {
font-family: NeoRetroFill;
font-size: 18px;
line-height: normal;
color: #222222;
}
.filter-label {
font-family: Heebo;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 41px;
color: #444444;
}
.filter-group li input[type=checkbox] {
top: 9px !important;
}
.filter-group label aside {
font-family: Heebo;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 41px;
text-align: right;
color: #999999;
}
#c304.component_ProductDisplay_CrossSellHorizontal {
bottom: -45px;
}
.cross-sell {
width: 1280px;
margin: 0 auto;
}
#c304 h3 {
background: transparent !important;
font-family: NeoRetroFill;
font-size: 35px !important;
line-height: 34px;
color: #222222 !important;
padding-bottom: 30px !important;
}
.catview {
margin: 0 !important;
}
.btn-shop {
background: #A59156 !important;
color: #fff !important
}
.location {
margin: 0px !important;
}
.top-cart .popup-cart .thumb img {
max-height: -webkit-fill-available !important;
width: auto;
height: auto;
}
#catview-list .title h1 {
margin: 120px 0;
font-size: 80px;
}
z
#product .crumbs {
font-family: Heebo;
font-style: normal;
font-weight: 300;
font-size: 14px !important;
line-height: normal;
color: #A59156;
}
.breadcrumb {
padding: 20px 14px 20px 10px;
background: #fff;
display: none;
}
.select-options,
.product-card:hover .buy-now,
.product-card:hover .enquiry {
opacity: 1 !important;
}
.catview aside.no-filter+main .product-collection {
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
.mobile-visible {
display: none;
}
.desktop-visible {
display: block;
}
.mb__social {
display: none;
}
button.add-favourite {
background: #eee !important;
}
@media only screen and (max-width: 1300px) {
.__container,
.footer-bar {
padding: 0px 20px;
}
.docwrap {
padding: 20px;
}
.catview {
padding: 0 20px !important;
}
div .docwrap .ym-wrapper .product,
div .docwrap .ym-wrapper .full-description {
margin: 0px !important;
}
div .component_ProductDisplay_Product,
#c815.component_ProductDisplay_ProductDetailsComponents_ProductViewLayout { padding: 0 20px !important;
}
}
@media only screen and (max-width: 1200px) {
.site-footer .footer-top .__container {
grid-template-columns: 30% auto auto auto;
}
}
@media only screen and (max-width: 1080px) {
.section__nav--midbar .logo {
padding: 0px 20px;
}
}
@media only screen and (max-width: 1030px) {
.site-footer .footer-top .__container {
grid-template-columns: auto auto auto;
gap: 35px;
}
}
@media only screen and (max-width: 750px) {
.site-footer .footer-top .__container {
grid-template-columns: auto;
}
.form input,
.form textarea {
max-width: 100% !important;
}
.foot-col5 {
display: none;
}
.mb__social {
display: block;
}
.foot-col4 {
display: grid;
grid-template-columns: 1fr auto;
}
}
@media only screen and (max-width: 700px) {
.footer-bar .__container {
grid-template-columns: 1fr;
align-items: center;
justify-items: center;
text-align: center;
}
.footer-bottom-pay-options {
justify-self: center;
padding-top: 20px;
}
}
@media only screen and (max-width: 640px) {
.top-favourites {
display: none;
}
.section__nav--midbar .search-box form input {
display: none;
}
.section__nav--midbar .__container {
grid-template-columns: 0px auto 1fr;
justify-items: center;
}
.section__nav--midbar .header-cart,
.section__nav--midbar .top-cart {
border: none;
}
.hamburger {
display: block !important;
}
.desktop-visible {
display: none;
}
.mobile-visible {
display: block;
}
.section__nav--bottombar {
display: none;
}
.section__nav--midbar {
padding: 50px 0px;
}
.section__nav--midbar .logo {
display: grid;
grid-template-columns: 1fr auto 1fr;
align-items: center;
padding: 0;
}
.section__nav--topbar .__container div:nth-child(1) {
grid-template-columns: 14fr auto 1fr 0px;
}
.sprite-facebook:before {
left: 44px !important;
}
.sprite-twitter:before {
left: 25px;
}
.sprite-phone {
font-size: 0px !important;
border: none !important;
}
.section__nav--midbar .logo img {
padding: 0px 30px 0px 60px;
}
}
@media only screen and (max-width: 450px) {
.section__nav--midbar {
padding: 20px 0px;
}
}
.component_Template_Primary {
margin: 0; margin: 0; padding: 0px;  } #c1106.component_Template_Primary {
 } #c1108.component_Template_Primary {
 } .content_tabs li.tab a{
font-weight: normal;
}
.content_tabs {
width:100%;
float:Left;
background: url("https://images.zeald.com/site/cooperscreek/images/gui/TopLevelMenu.gif") bottom left repeat-x;
font:inherit;
font-size:1em;
line-height: 40px;
padding: inherit
}
.content_tabs li {
line-height: 40px;;
}
.content_tabs td {
line-height: 40px;
}
.content_tabs ul {
margin:0;
padding:0;
list-style:none;
}
.content_tabs li.tab {
float:left;
background: transparent url("https://images.zeald.com/site/cooperscreek/images/gui/TopLevelMenu.gif") 100% 0px no-repeat;
padding-right:10px;
}
.content_tabs ul a {
text-decoration:none;
display:block;
padding-left:18px;
padding-right:10px;
padding-top:0;
padding-bottom:0;
background: transparent url("https://images.zeald.com/site/cooperscreek/images/gui/TopLevelMenu.gif") 0% 0px no-repeat;
}
.content_tabs ul li.tabHover, .content_tabs ul li:hover {
background-position:100% -150px;
}
.content_tabs ul li.sel {
background-position:100% -300px;
}
.content_tabs ul li.tabHover a, .content_tabs ul li:hover a {
background-position: 0% -150px;
}
.content_tabs ul li.sel a {
background-position: 0% -300px;
}
.content_tabs li.sel a, .content_tabs li.sel a:hover, .content_tabs li.sel a:active, .content_tabs li.sel a:visited {
color:#FFFFFF;
}
.content_menubar a:active {color:#FFFFFF;}
.content_tabs li a, .content_tabs li a:active, .content_tabs li a:visited {
color:#FFFFFF;
}
.content_tabs li a:hover {
color:#FFFFFF;
}
.content_tabs .sep {
color: #FFFFFF;
float:left;
margin:0;
padding:0;
font-size:1.2em;
}
.content_tabs li.sel a{
font-weight:normal;
}
.content_tabs .ct_dropdown {
position:absolute;
}
.ct_hide {
left:-9999px; top: -9999px;
}
.ct_show {
left:0;
}
.content_tabs {
position:relative;
}
.ct_dropdown {
background: #fff;
border-top: 1px solid #bbb;
border-right: 1px solid #bbb;
border-bottom: 1px solid #bbb;
border-left: 1px solid #bbb;
padding: 5px; box-shadow:1px 1px 6px #666; z-index:1001;
width: 650px;
}	.ct_dropdown_subcat {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 200px;
padding: 0px 5px;
// -webkit-hyphens: auto;
// -moz-hyphens: auto;
// hyphens: auto;
white-space:pre-wrap;
}
.ct_dropdown_col {
float:left;
}
.content_tabs .ct_dropdown_open > a {
position: relative;
z-index: 20001; }
.content_tabs li.tab {
padding-right:0px;
border: 1px solid transparent;
}
.content_tabs ul li.tab > a {
padding-right:10px;
}
.ct_dropdown h3{	font: bold 16px Arial;
padding: 5px; margin: none;
}
.content_tabs .ct_dropdown ul, .content_tabs .ct_dropdown a, .content_tabs .ct_dropdown a,.content_tabs .ct_dropdown a:hover, .content_tabs .ct_dropdown li {
padding:0;
margin:0;
background: none;
}
.content_tabs .ct_dropdown li {
font: normal 14px Arial;
background:none;
padding: 5px; }
.ct_dropdown .clear {
clear:both;
}
.ct_dropdown .more {
text-align: right;
}
.ct_dropdown .product a {
font-size:0.8em;
}

.component_Navigation_ContentTabs {
margin: 0; margin: 0; padding: 0;  } #c1107.component_Navigation_ContentTabs {
margin: 0; padding: 0;  } .form table {
width: 100%;
border-spacing:0;
}
form td.felement table {
width: auto;
}
.form td {
padding:2px;
}
.form .fheading {
font-size: 1.4em;
border-top: solid 1px #ccc;
color: #333;
font-weight: bold;
padding:12px 0;
}
.form .req {
color: #222;
font-weight: normal;
}
.felement {
vertical-align: top;
width: 80%;
}
.flabel {
vertical-align: text-top;
width: 20%;
}
.form .fhelp {
color: #666;
}
.felement img {
vertical-align: middle;
}
@media screen and ( max-width: 740px ) {
.form td {
display:block;
float:left;
width:100%;
}
.form input, .form textarea{
width:100%;	max-width:350px;
}
.form td table, form td.felement table { display:table;
width:100%;
}
.form td table tr{ display:table-row;
}
.form td table td{ display:table-cell;
width:auto;
}
}
.component_Misc_Form {
margin: 0; margin: 0; padding: 8px 0px;  } #c752.component_Misc_Form {
padding: 8px 0px;  } #zealdlogo { float:left;
width:220px;
text-align:center;
}
.std_footer {
margin-top: 10px;
padding-left:1px;
}
.std_footer .txt {
color: #8D8B8C;
float: left;
}
.copyright {
clear:both;
color: #8D8B8C;
}
.copyright a {
color: #8D8B8C;
}
div.std_footer div.menu ul li.menu a.extra_links {
display: inline;
border: none;
margin: 0;
padding-left: 0;
}
.component_ContentDisplay_Footer {
margin: 0; margin: 0; padding: 0;  } .std_footer {margin:0px; padding:0px;} #c148.component_ContentDisplay_Footer {
color: #000; margin: 0; padding: 0;  } .std_footer {margin:0px; padding:0px;} div.menu ul {
margin:0;
padding:0;
list-style:none;
}
div.menu li {
float:left;
margin-bottom:6px;
}
div.menu li a {
padding:0 14px;
border-left: solid 1px #8D8B8C;
}
div.menu li a, div.menu li a:hover, div.menu li a:visited, div.menu li a:active {
color: #8D8B8C;
text-decoration: none;
}
div.menu li a.menu_first {
border-left: none;
}
.component_Navigation_Menu {
margin: 0; margin: 0; padding: 0;  } td.ltc {
padding: 0;
background: none;
text-align: left;
vertical-align: top;
border: none;
}
.component_Layout_Table {
margin: 0; margin: 0; padding: 0px;  } #c746.component_Layout_Table {
padding: 0;  } #c746 td.c3{text-align:right;}
#c747{
border-right:solid 1px #DDDDDD;
}
#c746 td.c2{
padding-left:14px;
}
div.header_inner .header_alt{
left:14px;
} .search_box {
display:inline;
margin:0;
padding:0;
}
.search_box form {
line-height:0px;
margin:0 7px 0 7px;
padding:0 0 0 0;
display:inline;
}
.search_box input {
margin:0;
vertical-align:middle;
}
.search_box input.search_button {
margin-left:4px;
}
.search_box .search_title {
margin:7px 7px 0 7px;
font-size:1em;
color:#000;
}
.search_box .search_criteria {
width:246px;
}
.search_box .cnr_btmleft {display:none;}
.component_Navigation_SearchBox {
margin: 0; margin: 0; padding: 0;  } .search_placeholder {
color: #ccc;
font-style: italic;
}
.search_box {
display: inline-block;
background: #fff;
border: 1px solid #E5E5E5;
padding: 1px 2px 2px 11px;
}
.search_box form{margin:0px;}
.search_criteria {
border: medium none;
background: transparent;
padding-left:30px;
box-sizing:border-box;
font:italic 14px Maven Pro;
color:#BEBEBE;
background:url('https://images.zeald.com/site/cooperscreek/images/basic_theme/img_search.gif') no-repeat 0 center;
}
.search_button {
margin: 0 !important;
padding: 0 !important;
color: transparent;
font-size: 0;
} #c200.component_Navigation_SearchBox {
margin: 0; padding: 0;  } .search_placeholder {
color: #ccc;
font-style: italic;
}
.search_box {
display: inline-block;
background: #fff;
border: 1px solid #E5E5E5;
padding: 1px 2px 2px 11px;
}
.search_box form{margin:0px;}
.search_criteria {
border: medium none;
background: transparent;
padding-left:30px;
box-sizing:border-box;
font:italic 14px Maven Pro;
color:#BEBEBE;
background:url('https://images.zeald.com/site/cooperscreek/images/basic_theme/img_search.gif') no-repeat 0 center;
}
.search_button {
margin: 0 !important;
padding: 0 !important;
color: transparent;
font-size: 0;
} #c272.component_Navigation_SearchBox {
margin: 0; padding: 0;  } .search_placeholder {
color: #ccc;
font-style: italic;
}
.search_box {
display: inline-block;
background: #fff;
border: 1px solid #E5E5E5;
padding: 1px 2px 2px 11px;
}
.search_box form{margin:0px;}
.search_criteria {
border: medium none;
background: transparent;
padding-left:30px;
box-sizing:border-box;
font:italic 14px Maven Pro;
color:#BEBEBE;
background:url('https://images.zeald.com/site/cooperscreek/images/basic_theme/img_search.gif') no-repeat 0 center;
}
.search_button {
margin: 0 !important;
padding: 0 !important;
color: transparent;
font-size: 0;
} #drop_menu {

}
#dropmenu div {

margin:0;
}
#dropmenu span {

margin:0;
}
#drop_menu li{
display:block;
cursor:pointer;
;

border:none;
margin:0;
}
#drop_menu img{
margin:0;

}
#drop_menu a{
margin:0;

}
#cmdt_0_0 ul{

display:none;
}
#cmdt_0_0{

border-top:none;
}
#drop_menu ul.dt_lvl0 li div a {
font-size:1em;
font-weight: normal;

}
#drop_menu ul.dt_lvl1 li div a {
font-size:1em;
font-weight: normal;

}
#drop_menu .dt_link, #drop_menu li div a{
display:block;
padding-left:14px;

}
#drop_menu div.dt_state1 .dt_link{
background: url('/site/cooperscreek/images/basic_theme/bullet.gif') no-repeat center left;

}
#drop_menu div.dt_state2 .dt_link{
background: url('/site/cooperscreek/images/basic_theme/bullet.gif') no-repeat center left;

}
#drop_menu li div a {
background: url('/site/cooperscreek/images/basic_theme/bullet.gif') no-repeat center left;

}
#drop_menu .dt_link a{
background: none;
padding-left:0;
display:inline;

}
#drop_menu li div{
padding:8px;
margin:0;

}
#drop_menu ul{
margin:0;
padding:0;
list-style:none;

}
#drop_menu .dt_lvl0 li {
border-top: 1px solid #E8E2D2;
background: none;

}
#drop_menu .dt_lvl1 li {
border-top: none;
background: none;

}
#drop_menu .dt_lvl2 li {
border-top: none;

}
#drop_menu li a { color: #333333; }#drop_menu li a:hover { color: #B28525; }#drop_menu li a:visited { color: #333333;}
#drop_menu li.sel li a { color: #333333; }
#drop_menu ul.dt_lvl1 li a { color: #333333; }#drop_menu ul.dt_lvl1 li a:hover { color: #B28525; }#drop_menu ul.dt_lvl1 li a:visited { color: #333333;}
#drop_menu li.sel .dt_lvl1 li a { color: #333333;

}
#drop_menu ul.dt_lvl0 li.sel a, #drop_menu ul.dt_lvl0 ul.dt_lvl1 li.sel a, #drop_menu ul.dt_lvl0 ul.dt_lvl1 ul.dt_lvl2 li.sel a {
color:#333333;
font-weight:normal;

}
#drop_menu ul.dt_lvl0 li.selected li a, #drop_menu ul.dt_lvl0 ul.dt_lvl1 li.selected li a, #drop_menu ul.dt_lvl0 ul.dt_lvl1 ul.dt_lvl2 li.selected li a {
color:#333333;
font-weight:normal;
}
#drop_menu div.dt_state2 .dt_link a {font-weight:normal;}
#drop_menu li a{
display:block;
text-decoration: none;

}
#drop_menu li a:hover{
text-decoration: none;

}
#drop_menu .dt_lvl1 li div{margin-left:15px;	}
#drop_menu .dt_lvl2 li div{margin-left:30px;	}
#drop_menu .dt_lvl3 li div{margin-left:45px;	}
#drop_menu .dt_lvl4 li div { margin-left: 55px;}#drop_menu .dt_lvl5 li div { margin-left: 60px;}#drop_menu .dt_lvl6 li div { margin-left: 65px;}#drop_menu .dt_lvl7 li div { margin-left: 70px;}#drop_menu .dt_lvl8 li div { margin-left: 75px;}#drop_menu .dt_lvl9 li div { margin-left: 80px;}#drop_menu .dt_lvl10 li div { margin-left: 85px;}
#drop_menu .drop_menu_title {
color:#000000;
background:none;
font-size:19px;
padding:0;
	border:1px solid none; }
#drop_menu .drop_menu_title h6 {
font-size:19px;
padding:0;
margin: 10px 10px 10px 10px;

color:#B38525;
font-weight:normal;
font-family:inherit;
}
#drop_menu .drop_menu_title_image {
font-size:19px;
font-weight: bold;
background:none;
padding: 10px 10px 10px 10px;

color:#B38525;
border:1px solid none; }
#drop_menu .cnr_btmleft {display:none;}
#drop_menu ul.dt_lvl1 div.dt_state1 .dt_link {background:transparent;}
#drop_menu ul.dt_lvl1 div.dt_state2 .dt_link {background:transparent;}
#drop_menu ul.dt_lvl1 li div a {background:transparent;}
#drop_menu ul.dt_lvl2 li div a {background:transparent;} #drop_menu ul li.selected a {
color:#333333;
font-weight:normal;
}
#drop_menu ul.dt_lvl0 li.selected li.sel a, #drop_menu ul.dt_lvl0 ul.dt_lvl1 li.selected li.sel a, #drop_menu ul.dt_lvl0 ul.dt_lvl1 ul.dt_lvl2 li.selected li.sel a {
color:#333333;
font-weight:normal;
}
#drop_menu ul.dt_lvl0 li.sel li a, #drop_menu ul.dt_lvl0 ul.dt_lvl1 li.sel li a, #drop_menu ul.dt_lvl0 ul.dt_lvl1 ul.dt_lvl2 li.sel li a {
color:#333333;
font-weight:normal;
}
#drop_menu li.selected {
border-top: 1px solid #E8E2D2;

}
#drop_menu li.sel {
border-top: 1px solid #E8E2D2;

}

.component_Navigation_ProductDropMenu {
margin: 0; margin: 0; padding: 0;  } #drop_menu ul.dt_lvl1 li.sel .dt_lvl2 li div a {color:#333333; font-weight:normal;}
#drop_menu ul.dt_lvl1 li.sel .dt_lvl2 li div a:hover {color:#B28525;}
#drop_menu .drop_menu_title h6 {background:none; margin:0px; padding:10px;}
#drop_menu .drop_menu_title {border:none;}
#drop_menu .dt_lvl1 div.dt_istate1 {padding:3px 8px;}
#drop_menu .dt_lvl0 li {padding:8px 0px;}
#drop_menu .dt_lvl0 li .dt_lvl1 li {padding:0px;}
#drop_menu a:hover {color:#B28525;} #c515.component_Navigation_ProductDropMenu {
background: #E1DAC6;
margin: 0; padding: 0;  } #c515.component_Navigation_ProductDropMenu a:hover { color: #B28525; } #drop_menu ul.dt_lvl1 li.sel .dt_lvl2 li div a {color:#333333; font-weight:normal;}
#drop_menu ul.dt_lvl1 li.sel .dt_lvl2 li div a:hover {color:#B28525;}
#drop_menu .drop_menu_title h6 {background:none; margin:0px; padding:10px;}
#drop_menu .drop_menu_title {border:none;}
#drop_menu .dt_lvl1 div.dt_istate1 {padding:3px 8px;}
#drop_menu .dt_lvl0 li {padding:8px 0px;}
#drop_menu .dt_lvl0 li .dt_lvl1 li {padding:0px;}
#drop_menu a:hover {color:#B28525;} .component_Template_BasicTheme_OneColumn {
margin: 0; margin: 0; padding: 0px;  }