/* Base Color 463232 */
/* Complementary Color ab0505 */

/* FONTS */
@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');
body, button, input, select, textarea {font-family:Raleway,Arial,sans-serif;}

/* BODY */
body {margin:0 auto; max-width:1408px;}

/* COLORS & HYPERLINKS */
.body, body {background:#fff;}
.text, body, button, input, select, textarea {color:#0d0909;}
.low, a.low, .low a, #menubar a:not(.title), #filter a:not(.title), #sortbar a:hover, #navbar a:hover, #locbar a:hover {color:#463c32;}
.link, a.link, a {color:#323c46;}
.color, a.color, h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .title, a.title {color:#463232;}
.high, a.high, .price, a.price, .price a, #sortbar a, #navbar a, #locbar a {color:#ab0505;}
.alert {color:#ab0505;}
a {text-decoration:none;}
a:not(#sortbar a):not(#navbar a):not(#locbar a):hover, a:hover i, input.hov:hover, .hover:hover {color:#ab0505;}

/* HEADINGS */
h1,h2,h3,h4,h5,h6 {margin-top:10px; margin-bottom:10px; line-height:110%;}
h1 {font-size:175%;}
@media screen and (min-width:640px), print and (min-width:512px) {
	h1 {font-size:225%;}
}
@media screen and (min-width:896px), print and (min-width:768px) {
	h1 {font-size:275%;}
}

/* TEXT */
p {margin-top:10px; margin-bottom:10px; line-height:150%;}
ul {margin:15px 0; padding-left:15px;}
li {margin:10px 0; padding-left:10px;}

/* BORDERS */
.bdr, input:not([type="image"]), textarea, select, button, .button, #menunav .block {border:1px solid #735252;}
.bdr-top {border-top:1px solid #735252;}
.bdr-rgt {border-right:1px solid #735252;}
.bdr-bot, .sel-bot {border-bottom:1px solid #735252;}
.bdr-lft {border-left:1px solid #735252;}
.bdr-2 {border:2px solid #735252;}
.unda a {border-bottom:1px solid currentColor;}
.unda a:hover {border:none;}

/* LINES */
.lin, .select {border:1px solid #d7c7c7;}
.lin-top, .sel-top, #recomms2 div.row:first-of-type, #footer .row:first-child, #footer .row-wide, .drop-block > .drop-text, #orders #vieworder article, .prod-text:not(:first-child), #relateds-sm .row:first-of-type {border-top:1px solid #d7c7c7;}
.lin-rgt {border-right:1px solid #d7c7c7;}
.lin-bot, #infotext > .row-nested:not(:last-of-type) > .drop-block > .drop-text {border-bottom:1px solid #d7c7c7;}
.lin-lft {border-left:1px solid #d7c7c7;}
.lin-2 {border:2px solid #d7c7c7;}

/* BORDER RADIUS */
#menunav .block, #menunav form, .select {border-radius:5px;}
input:not([type="image"]), textarea, select, button, .button {border-radius:3px; box-shadow:inset 0 0 0 0 #735252; background:#fff; color:#0d0909; padding:10px 5px;}

/* BUTTONS */
#header a.inb, #footer a.inb, #headcart a {padding:10px 5px;}
.text-button a {display:inline-block; padding:5px 10px;}
.button i, .text-button i {color:#735252 !important;}

/* FORMS */
.select {padding-left:5px; padding-right:5px;}
input:focus, textarea:focus, select:focus {outline-color:#463c32;}
input[type=submit], button, .button {padding-left:10px; padding-right:10px; color:#ab0505;}
input[type=submit]:hover, button:hover, .button:hover, #menunav .block:hover {outline:1.5px solid #463c32; color:#ab0505;}
@media screen and (min-width:640px), print and (min-width:512px) {
	.formset {margin-left:auto; margin-right:auto; max-width:768px;}
}
@media screen and (min-width:768px), print and (min-width:640px) {
	input:not([type="image"]), textarea, select, .select {padding-left:10px; padding-right:10px;}
}
::placeholder {color:#acacae;}

/* LOGO */
.logo {margin:9px auto 4px auto; max-width:75%;}
@media screen and (min-width:640px), print and (min-width:512px) {
	.logo {margin-left: 0; margin-right: 0; max-width:80%;}
}
@media screen and (min-width:768px), print and (min-width:640px) {
	.logo {margin-top:6px;}
}

/* HEADER */
#toplinks {font-size:80%;}
#headlinks, #headcart {text-align:center; font-size:90%;}
#headcart p {line-height:180%;}

/* MENU */
#menubar {padding-bottom:10px;}
#menunav .block {background:#fff; padding:5px 5px;}
#menunav form {background:#fff; padding:4px 5px;}
#menunav input:focus {outline:none;}
#menudrop {margin-top:5px;}
@media screen and (min-width:640px), print and (min-width:512px) {
	#headcart {text-align:right;}
	#menubar {margin-top:5px;}
	#menunav .block {padding:10px 5px;}
}

/* ADS RECOMMENDEDS */
#adsbar {margin-top:10px; padding-top:25px; padding-bottom:15px;}
#recomms {margin-top:30px;}
#recomms div.row:first-of-type {padding-top:15px;}

/* LOCATION FOOTER */
#navbar, #locbar {margin-top:25px;}
#navbar:not(#infopage > #navbar) .row {padding-top:10px; padding-bottom:10px;}
#locbar {padding-top:10px;}
#navbar, #locbar, #footer {font-size:80%; text-align:center;}
#footer {margin-top:15px; padding-bottom:15px;}
#footer .row:first-child, #footer .row-wide {padding-top:15px;}

/* HELP */
#infotext {max-width:1152px; margin:10px auto;}
#infotext2 .drop-head {max-width:512px; margin-left:auto; margin-right:auto;}
#infotext .drop-head > a i {float:right;}
#infotext .drop-text {margin-top:10px; margin-bottom:10px; padding-top:10px; padding-bottom:20px;}
#infotext h3:first-child, #infotext h4:first-child {margin-top:15px;}
#infotext h3:not(:first-child), #infotext h4:not(:first-child) {margin-top:25px;}

/* PRODUCTS */
/* #menubar .title, #filter .title {font-weight:600;} */
.title:not(#recomms .title), .item, #products .price, [id^='relateds-'] .price {font-weight:600;}
.prod-text {padding-top:10px; padding-bottom:20px;}
.prod-text h3, .prod-text h4 {margin-top:20px;}

/* RELATEDS */
#relateds-sm {margin-top:30px;}
#relateds-sm .row:first-of-type {padding-top:20px;}

/* BASKET ORDERS CHECKOUT */
#basket article {margin-top:5px; margin-bottom:20px;}
#basket article .select, #basket article .select p {margin-top:5px; margin-bottom:5px;}
#orders #vieworder {margin-top:20px;}
#orders #vieworder article > div {padding-top:10px; padding-bottom:10px;}
@media screen and (min-width:768px), print and (min-width:640px) {
	#basket article {margin-left:auto; margin-right:auto; margin-bottom:25px; max-width:896px;}
}