/* anabale.com site 11/11/2025 */

:root {
--page-width: 1000px;
}

/* .................... INIT .................... */

/* RESET */

body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	font-size: 100%;
	font: inherit;
}

*:focus {
    outline: none;
}

.yui-skin-sam, #YUIConnectionSwf {
	position: absolute;
	bottom: 0;
	left: -9999px;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}

body {
color: #242424;
background-color: #ffffff;
background-repeat: repeat;
background-position: 0 0;
font-weight: normal;
font-size: 14px;
font-family: Open Sans;
line-height: 18px;
position: relative;
}

a 						{color: #330066}
a:visited				{color: #660099}
b, strong				{font-weight: bold;}
blockquote				{margin: 1em;}
dd						{margin: 0 0 0 10px;}
dl						{margin: 5px 0;}
em, i					{font-style: italic;}
img						{max-width: 100%; height: auto; vertical-align: middle;}
li						{margin: 0;}
ol, ul					{list-style: disc outside;}
dl						{margin: 5px 0;}
dd						{margin: 0 0 0 10px;}
p						{margin: 10px 0;}
th, caption				{font-weight: bold;}
table					{border-collapse: collapse;}
tr, td					{vertical-align: top;}
td						{font-size: 14px ; color: #000000; padding: 0; margin: 0;}
option					{padding-right: 15px;}
input,
select,
textarea				{margin: auto; color: #000000; font-weight: normal; font-size: 11px; font-family:Verdana, Tahoma, Helvetica, sans-serif;}
input					{}
textarea				{overflow: auto;}

/* fixes */

body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
	background: #fff;
}
html {
    min-height: 100.05%;
    width: 100%;
    margin: 0;
    padding: 0;
}

/* CLASSES */

/* force float wrap */

.clear {clear:both; display:block; font-size:1px; height:1px; line-height:-1;}

.enclose:after,
/*#footer:after,*/
#top-nav-bar:after,
#infoarea:after,
.caption:after {clear:both; content:"."; display:block; height:0; visibility:hidden;}

input.text {padding: 1px;}

/*
input.button,
input.submit {}
*/

/* form items */

/*
.form-item {}
.form-item.option {}
.form-item.monogram {}
.form-item.inscription {}
.form-item.select {}
.form-item.checkbox {}
.form-item.radio {}
.form-item .value {}
.availability {}
.outofstock {}
*/

.form-item .label {margin-right: 7px;}

.code {font-style: normal;}

.aprice {
	font-weight: normal;
	display: inline-block;
	padding: 0 10px;
}
.sale-price span {
	font-weight: bold !important;
}

/*
.aprice .label {}
.aprice .value {}
*/

.sale-price,
.save-price {color: #f72459;}
.sale-price .save {font-style: italic;}
.regular-price .value {text-decoration: line-through;}

.regular-price .value span {
display: inline-block;
color: #7e7e7e;
text-decoration: line-through;
font-weight: normal;
}

/* form buttons */

.addtocart-submit {padding: 4px 7px; border: 0; border-radius: 4px; color: #ffffff; background: #f72459; text-align: center; cursor: pointer; font-weight: bold; font-size: 14px;}

.addtocart-image {}

/* quantity box */

.quantity {}
.quantity-label {margin-right: 3px; vertical-align: middle;}
.quantity-input {width: 2.2em; margin-right: 10px; text-align: center; vertical-align: middle;}

.form-item.quantity-and-submit {}

.form-item.quantity-and-submit .addtocart-submit,
.form-item.quantity-and-submit .addtocart-image {vertical-align: middle;}

/* caption */

/*
.caption {}
.caption.left {}
.caption.right {}
.caption.center {}
.caption-text {}
.caption-image {}
.caption-image span {}
.caption-image a {}
.caption-image img {}
*/

/* caption left (default) */

.caption-image {
float: left;
margin: 0 10px 10px 0;
}

#section-caption .caption-image img {
	max-width: 100%;
}

/* caption right */

.caption.right .caption-image {float: right; margin: 0 0 10px 15px;}

/* caption center */

.caption.center .caption-image {display: block; float: none; text-align: center;}

/* / INIT */  

/* .................... MAIN BLOCKS .................... */

/***** WIDTHS *****/

/*body {
min-width: var(--page-width);
}*/

.wrap {
width: var(--page-width);
margin: 0 auto;
} 

/*
#site-content {}
*/

/*
#superbar {width: var(--page-width); margin: 0 auto;}
*/

/*#container {
position: relative;
z-index: 1;
margin: 0 auto;
background-color: #ffffff;
}*/

#top-nav-bar:hover {
  z-index: 3;
}
#top-nav-bar {
position: relative;
z-index: 1;
}

/*#bodyshell {
position: relative;
z-index: 1;
background-color: #ffffff;
border-left-style: solid;
border-left-color: #000000;
}*/

#site-content {
position: relative;
z-index: 1;
}

.contentarea {
position: relative;
z-index: 1;
margin: 0 0 10px 0;
clear: both;
}

#nav-product {
position: relative;
z-index: 2;
float: left;
overflow: visible;
}

/* / MAIN BLOCKS */

/* .................... MISC .................... */

#introtext {margin: 15px 20px;}

#finaltext {margin: 15px 20px; padding: 8px 0 0; border-top: 1px solid #000000;}

.infotype #introtext,
.infotype #finaltext {margin-left: 30px; margin-right: 30px;}

#badge {margin: 15px auto;}

#breadcrumbs {
	margin: 10px 0;
	font-size: 10px;
	text-transform: uppercase;
	font-family: Montserrat;
}

.breadcrumbs {margin: 1px 0;}
.breadcrumbs .separator {margin: 0 4px;}
.breadcrumbs a,
.breadcrumbs a:hover {color: #000000;}

.marquee0 img {
padding: 0 35px;
}

/* / MISC */

/* .................... LEFT NAVIGATION .................... */

.left-nav-heading {
margin: 0 0 6px;
padding: 5px 2px;
color: #000000;
background-color: #ffffff;
text-align: center;
font-weight: bold;
font-size: 13px;
}

.left-nav {
margin: 10px 0;
padding: 0 10px;
list-style: none;
}

.left-nav li {
position: relative;
margin: 0;
}

.left-nav li a {
display: block;
padding: 2px 5px;
border-bottom: 1px solid #ffffff;
color: #ffffff;
background-color: #000000;
text-decoration: none;
font-weight: bold;
font-size: 12px;
}

.left-nav li a:hover {
color: #ffffff;
background-color: #660000;
text-decoration: none;
}

.left-nav ul {
position: absolute;
visibility: hidden;
top: 0;
left: 220px;
width: 240px;
border: 1px solid ;
}

.left-nav ul li {
display: block;
}

.left-nav ul li a {
height: auto;
padding: 1px 8px;
border-left: 0;
}

.left-nav li:hover ul {
visibility: visible;
}

#htmltop,
#htmlbottom,
#htmltop a,
#htmlbottom a {color: #ffffff;}

/* / LEFT NAVIGATION */

/* .................... TOP NAVIGATION .................... */
#top-nav-bar {
	background-color: transparent;
	clear: both;
	padding: 0;
	border-bottom: 2px solid #e8e8e8;
	width: 100%;
	margin: 0;
}

#top-nav {
	list-style: none;
	text-align: center;
}
#top-nav .no-link {
	cursor: default;
}

#top-nav li {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

#top-nav li a {
	padding: 10px 17px;
	display: block;
	height: 20px;
	color: #242424;
	text-decoration: none;
	font-weight: normal;
	font-size: 14px;
	font-family: Montserrat;
	line-height: 20px;
	text-transform: uppercase;
	position: relative;
	z-index: 3000;
}
.edit-link {
	display: block;
	font-size: 10px !important;
	color: red !important;
}
.edit-link:hover {
	color: #ffffff !important;
}
#top-nav li:first-child a {
	border-left: 0;
}

#top-nav li a:hover {
	color: #fff;
	background-color: #f72459;
	text-decoration: none;
}

#top-nav .first-nav {
	border-left: 0 !important;
}

#top-nav ul {
	display: block;
}

#top-nav ul ul {}

#top-nav ul ul li {
	width: 100%;
}

#top-nav .flop {
	right: 0;
	left: auto;
}

#top-nav ul li a {
	height: auto;
	padding: 1px 8px;
	border-left: 0;
	text-align: left;
	font-size: 13px;
	font-weight: normal;
	margin: 2px 10px;
}

#top-nav li a.mega-menu-heading {
	text-decoration: underline;
	font-size: 14px;
	margin: 5px 0;
	font-weight: normal;
}

#top-nav li:hover ul {
	visibility: visible;
}

#top-nav li:hover .nav-wrapper-2 {
    visibility: visible;
}

#top-nav .nav-wrapper-2 {
	float: left;
	visibility: hidden;
	position: absolute;
	z-index: 2000;
	top: 33px;
}

#top-nav > li:hover {
	box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.6);
}

#top-nav > li:hover > a {
	background-color: #fff;
	border-top: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	margin-top: 2px;
	z-index: 9999;
	color: #f72459;
	padding-top: 7px;
	display: inline-block;
	padding-bottom: 4px;
}

#top-nav .top-nav-tab-contents {
	background-color: #ffffff;
	border: 1px solid #d9d9d9;
	box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.6);
	left: 0;
	list-style: outside none none;
	padding: 10px 20px;
	position: relative;
	text-align: center;
	z-index: 2000;
}
.nav-item-brands ul.four-col {
	min-width: 900px !important;
}
.four-col ul {
	display: inline-block !important;
	width: 25%;
	vertical-align: top;
}

.fly-left {
  left: auto !important;
  right: 0 !important;
}

.fly-left-wrapper {
	float: right !important;
  right: 0 !important;
}

.one-col li {
	width: 100% !important;
}

.two-col li {
	width: 50% ;
}

.three-col li {
  width: 33% ;
}

.four-col li {
  width: 24% ;
}

.five-col li {
  width: 20% ;
}

.six-col li {
  width: 16% ;
}

ul.one-col {
  min-width: 200px;
}

ul.two-col {
  min-width: 425px;
}

ul.three-col {
  min-width: 650px;
}

ul.four-col {
  min-width: 700px;
}

ul.five-col {
  min-width: 800px;
}

ul.six-col {
  min-width: 960px;
}

/* .................... TOP NAVIGATION end .................... */

/* .................... YAHOO CROSS-SELL .................... */

.ystore-cross-sell-table { width:100%; font-size:inherit; font:100%; }
.ystore-cross-sell-title { padding-bottom:6px; color: #000000; font-weight: bold; font-size: 14px; font-family: Tahoma, Geneva, Verdana, sans-serif; }
.ystore-cross-sell-table-vertical .ystore-cross-sell-cell { width:100%; }
.ystore-cross-sell-table-horizontal .ystore-cross-sell-cell { width:28%; padding-right:5%; }

.ystore-cross-sell-product-image-link { display:block; padding-bottom:8px; }
.ystore-cross-sell-product-caption { padding-bottom:16px; }
.ystore-cross-sell-product-caption p,
.ystore-cross-sell-product-caption h4 { margin:0 0 10px; font-size: 11px; }
.ystore-cross-sell-table .ys_promo { font-weight: bold; }

/* / YAHOO CROSS-SELL */

/* .................... CONTENTS .................... */

#contents {background-color: #ffffff;}

.infotype #contents {border-left-width: 30px; border-right-width: 30px;}

#contents-table {border-collapse:collapse; border-bottom: 10px solid #ffffff:}

.contents-table-row {}

.contents-table-cell {padding: 10px 20px; border: 1px solid transparent; background-color: #ffffff;}
.contents-table-cell.first  {border-left: 0;}
.contents-table-cell.last  {border-right: 0;}
.contents-table-cell.dummy {visibility: hidden; border: 0;}
.contents-table-cell.dummy * {display: none;}

.contents-table-row.first .contents-table-cell  {border-top: 0;}
.contents-table-row.last .contents-table-cell  {border-bottom: 0;}

#contents-table .image {display: table; width: 150px; height: 150px; height: 150px; margin: 0 auto;}

#contents-table .image a {display: table-cell; width: 150px; height: 150px; height: 150px; text-align: center; vertical-align: middle;}

#contents-table .name {min-height: 4em; margin: 8px 0 4px; font-weight: bold;}

#contents-table .name a:link, #contents-table .name a:visited {
	color: #242424;
	text-decoration: none;
	text-transform: uppercase;
	min-height: 4em;
}
#contents-table .name a:hover {color: #000000; text-decoration: underline;}

#contents-table .form-item {margin: 0 0 3px;}

#contents-table .itemform-name {margin: 5px 0; font-weight: bold;}

#contents-table .prices {margin: 20px 0;}

#contents-table .availability {margin: 10px 0 0;}

#contents-table .form-item.submit {margin: 10px 0 0;}
#contents-table .addtocart-submit {padding: 3px 6px; font-size: inherit;}

#contents-table .description {margin: 6px 0;}
#contents-table .description.caption {}
#contents-table .description.abstract {}

/* VERTICAL */
#contents-table.vertical .contents-table-cell {text-align: center;}

/* WRAP */
#contents-table.wrap {}
#contents-table.wrap .image {display: block; float: left; width: 150px; height: 150px; height: 150px; margin: 0 15px 0 0;}

/* ELL */
#contents-table.ell {}
.contents-table-ell-table {}
.contents-table-ell-row {}
.contents-table-ell-cell {padding-left: 15px;}
.contents-table-ell-cell.image {}

/*#contents-table .detail td {padding: 5px; border-bottom: 15px solid #E9E9E4;}
#contents-table .detail.last td {border-bottom: 0 solid;}
#contents-table .image td {padding-bottom:10px;}*/

/* BRANDS */

.page-brands #contents-table {
border-collapse: separate;
border-spacing: 10px;
border-bottom: 10px solid #fff;
}

.page-brands #contents-table .contents-table-cell {
padding: 0;
border: 1px solid #c0c0c0;
}

.page-brands #contents-table .name {
min-height: auto;
margin: 14px 5px;
font-weight: 600;
font-size: 16px;
font-family: serif;
letter-spacing: 0.6px;
}

/* / CONTENTS */

/* .................... HOME .................... */

/*
#homearea {}
#messagearea {}
#messagearea.left {}
#messagearea.right {}
#messagearea.center {}
*/

#messagetitle {
margin: 10px 20px;
padding: 1px 8px 3px; 
border-bottom: 1px solid #ffffff; 
color: #ffff00;
background: url('');
font-weight: bold;
font-size: 14px;
font-family: Tahoma, Geneva, Verdana, sans-serif;
}

#messagearea-caption {margin: 10px 20px;}

/*
#messagearea-caption .caption-text {}
#messagearea-caption .caption-image {}
*/

#messagearea.left #messagearea-caption .caption-image {float: left; margin: 0 20px 10px 0;}

#messagearea.center #messagearea-image {display: block; margin: 0 0 10px; text-align: center;}

ul.rslides.rslides1 {
list-style: none;
}

ul.rsliders li img {
max-width: 100%;
height: auto;
}

h2#best-sellers-title {
	text-align: center;
	margin: 0 auto 50px;
	text-transform: capitalize;
	font-size: 18px;
	background-image: url(/lib/yhst-138576686559311/line-background.gif);
	background-repeat: no-repeat;
	background-position: center;
	clear: both;
	font-family: Montserrat;
}

.best-seller {
display: inline-block;
float: left;
width: 28%;
margin: 10px 25px 15px;
text-align: center;
vertical-align: middle;
}

.best-seller img {
margin-bottom: 20px !important;
}
.best-seller .form-item {
	margin: 20px 0 !important;
}
a.name {
	color: #242424;
	font-weight: bold !important;
	text-decoration: none !important;
	font-size: 14px !important;
	text-transform: uppercase !important;
	min-height: 4em;
	display: inline-block;
}

.price-bold {
margin: 20px 15px 5px;
}

#specialsarea {
clear: both;
}

#specialstitle {
	margin: 10px 0 40px;
	font-family: Montserrat;
	text-align: center;
	background-image: url(/lib/yhst-138576686559311/line-background.gif);
	background-repeat: no-repeat;
	background-position: center;
	font-size: 18px;
	text-transform: uppercase;
}

#featured-brands-wrapper {
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
margin-bottom: 32px;
}

.home-promo {
	text-align: center;
	margin: 10px 0 40px;
}

/* CENTER */

#messagearea.center #messagetitle {text-align: center;}

/* RIGHT */

/* / HOME */

/* .................... SECTION PAGE .................... */

/*
#sectionarea {}
#sectionarea.left {}
#sectionarea.right {}
#sectionarea.center {}
*/

#section-contenttitle {
margin: 20px 0 10px;
padding: 10px;
color: #fff;
background-color: #242424;
font-weight: bold;
font-size: 18px;
font-family: Montserrat;
letter-spacing: 0.6px;
}

#section-caption {
margin: 0 0 40px;
line-height: 22px;
}

/*
#section-caption .caption-text {}
#section-caption .caption-image {}
*/

/* CENTER */

#sectionarea.center #section-contenttitle {text-align: center;}

/* RIGHT */

/* / SECTION */

/* .................... INFO PAGE .................... */

#infoarea {
	margin: 0 0px 15px;
	background-color: #fff;
	line-height: 21px;
}
#infoarea.left {}
#infoarea.right {}
#infoarea.center {}

#info-contenttitle  {
	margin: 20px 0 10px;
	padding: 10px;
	color: #fff;
	background-color: #242424;
	font-weight: bold;
	font-size: 18px;
	font-family: Montserrat;
        text-transform: uppercase;
}

#info-image {}
#info-image span {}
#info-image img {}

#info-yahoo-privacypolicy {}
#info-greeting {}
#info-address-phone {}
#info-info {}
#info-caption {}

#infoarea #contents-table {}

/* SITE MAP */

#sitemap {font-weight: bold;}

#sitemap,
#sitemap a {color: #000000; font-size: 13px;}

.sitemap-section {margin: 15px 0;}

#sitemap ul {list-style: none; margin-left: 15px;}
/*#sitemap li {margin: 0;}*/
#sitemap ul a {text-decoration: none;}

.sitemap-section ul					{margin-left: 10px;}
.sitemap-section ul ul					{margin-bottom: 10px;}
.sitemap-section li a					{}
.sitemap-section ul li a				{ font-size: 10pt; font-weight: bold; }
.sitemap-section ul ul li a				{ font-size: 9pt; font-weight: normal; text-decoration: underline; }
.sitemap-section ul ul ul li a			{font-size: 8pt; font-weight: normal; text-decoration: none; }
.sitemap-section ul ul ul li a:hover,
ul ul ul ul li a:active					{text-decoration: underline; }

.sitemap-section.info {}
.sitemap-section.info > ul > li > a {text-transform: capitalize;}

.sitemap-section.items {}
.sitemap-section.items > ul > li > a {display: block; margin-bottom: 5px;}

/* SITE MAP ACCORDIAN */

#sitemap,
#sitemap a {
color: #202020;
font-size: 15px;
}

.subsection.top > li > ul > li > ul > li {
margin: 6px 0;
}

.subsection:not(.top) > li {
display: none;
}

.subsection > li:not(.parent) > a {
margin-left: 25px;
}

.subsection > .parent > a::before {
display: inline-block;
width: 15px;
padding: 0px 9px 0 0px;
font-size: 11px;
font-weight: normal;
content: "\2795"; /* "+" */
}

.parent.open > .subsection > li {
display: block;
}

.subsection > .parent.open > a::before {
font-weight: bold;
font-size: 16px;
content: "\2212"; /* "-" */
}

/* / INFO PAGE */

/* .................... SEARCH PAGE .................... */

#ys_searchiframe #doc {
/*max-width: var(--page-width) !important;*/
width: auto !important;
}

#ys_searchiframe .side #sidebar {
width: 230px !important;
padding-right: 0 !important;
}

#ys_searchiframe .side #sidebar div.wrp {
width: 230px !important;
padding: 0 !important;
}

#ys_searchiframe #sidebar div.rf {
width: auto !important;
}

#ys_searchiframe #main {
width: calc(100% - 230px - 20px) !important;
padding-left: 0 !important;
padding-right: 0 !important;
}

#ys_searchiframe div#dsop {
margin-bottom: 20px;
}

#ys_searchiframe ul#results {
margin: 0 -10px -30px !important;
width: 784px !important;
}

#ys_searchiframe li.grd {
margin: 0 10px 30px !important;
}

#ys_searchiframe li form.btn-cart input.btn,
#ys_searchiframe li a.btn-cart {
border: 0 !important;
text-transform: uppercase;
}

#ys_searchiframe div.price span.new {
color: #000 !important;
}

#ys_searchiframe #pgt {
margin: 40px 0 20px !important;
}

/* / END SEARCH PAGE */

/* .................... ITEM PAGE .................... */

/*
#itemarea {}
#itemarea.image {}
#itemarea.left {}
#itemarea.left {}
#itemarea.center {}
*/

#item-wrapper1 {float: left;}
#item-wrapper2 {float: none; margin: 0 0 40px 340px;}

#item-contenttitle {
	margin: 20px 0;
	padding: 0;
	color: #242424;
	border-bottom: 1px solid #ffffff;
	font-weight: bold;
	font-size: 23px;
	line-height: 27px;
}

#item-image {width: 300px; margin: 0 20px 15px;}
#item-image a {}
#item-image img {}

#item-insets {width: 300px; margin: 0;}
.item-inset {float: left; margin: 0 10px 10px 0;}

.cte-img {
	margin: 0 0 5px 0;
	float: left;
}

.htz-img {
	float: right;
	margin: 0 0 5px 0;
}

#item-caption {margin: 15px 20px 15px 0;}
#item-caption .caption-text {}
#item-caption .caption-image {}

/*The Left/Right Padding is smaller because the Caption Title needs to be nested within the Caption on Item pages, but not on Section pages */
#item-captiontitle {
	background: none;
	color: #242424;
	font-size: 18px;
	font-family: Montserrat;
	margin: 0;
	padding: 20px 0;
	text-transform: uppercase;
	text-align: center;
	background-image: url(/lib/yhst-138576686559311/line-background.gif);
	background-repeat: no-repeat;
	background-position: center;
}

#item-order {margin: 0 20px 15px 0;}

#item-order-title {margin: 0 0 12px; font-weight: bold; font-size: 1.2em;}

#item-order .form-item {
	margin: 10px 0;
	padding: 0 20px 0 0;
	font-size: 16px;
}
#item-order .form-item.submit,
#item-order .form-item.quantity-and-submit {margin: 20px 0 0;}
#item-order .itemavailable {color:#000000; font-weight:bold; margin:8px 0;}
#item-order .itemavailable em {color:#f72459; font-style:normal; font-weight:bold; margin:8px 0 8px 4px;}

/* CONTENTS */

#accessorytitle {
	background: none;
	color: #242424;
	font-size: 18px;
	font-family: Montserrat;
	margin: 0;
	padding: 20px 0;
	text-transform: uppercase;
	text-align: center;
	background-image: url(/lib/yhst-138576686559311/line-background.gif);
	background-repeat: no-repeat;
	background-position: center;
}
.shop-all-link {
	display: block;
	text-align: center;
	padding-top: 20px;
}
.shop-all-link:link span, .shop-all-link:visited span {
	color: #F62459;
	text-align: center;
	margin: 0 auto;
	display: inline-block;
	font-size: 18px;
	font-family: Montserrat;
	text-decoration: none;
	border: 2px solid #F62459;
	padding: 10px 40px;
}

.shop-all-link span:hover {
	background-color: #F62459;
        color: #ffffff;
}

#itemarea #contents .detail td {padding-bottom:10px;}

#contents.accessory * {text-align:left;}
#contents.accessory .details {background-color:#fff; margin:2px 10px; padding:10px;}
#contents.accessory .details a {color:#000; font-size:1em;} /* COLOR:LINK, FONTSIZE:NAME */
#contents.accessory .details h3 {font-size:1em;}
#contents.accessory .details .sale-price {margin-bottom:10px;}

/* IMAGE RIGHT */

#itemarea.right #item-wrapper1 {float: right;}
#itemarea.right #item-wrapper2 {margin-left: 0; margin-right: 340px;}
#itemarea.right #item-order {margin-left: 20px; margin-right: 0;}
#itemarea.right #item-caption {margin-left: 20px; margin-right: 0;}

/* IMAGE CENTER */

#itemarea.center #item-wrapper1 {float: none; text-align: center;}
#itemarea.center #item-wrapper2 {float: none; clear: both; margin-left: 0;}
#itemarea.center #item-image {width: auto; text-align: center;}
#itemarea.center #item-order {float: right; width: 325px; margin-top: 15px;}
#itemarea.center #item-caption {float: left; width: 300px; margin-left: 20px;}

.add-this {
	display: inline-block;
	width: 100%;
}

@media only screen and (max-width: 760px) {

	#item-wrapper1 {
	float: none;
	}

	#item-wrapper2 {
	float: none;
	margin: 50px 0;
	}

}

/* / ITEM PAGE */

/* ................................................ */
/* .................... FOOTER .................... */
/* ................................................ */

#site-footer {
clear: both;
margin: 0;
padding: 0 10px;
border: 1px solid #000000;
overflow: hidden;
color: #ffffff;
background: #000000 url('/lib/yhst-138576686559311/footer-bg.jpg');
text-transform: uppercase;
font-size: 11px;
font-family: 'Montserrat', sans-serif;
}

/*
#site-footer > .wrap {}
*/

/* ..... FOOTER MAIN ..... */

#footer-main {
height: 240px;
margin-top: 10px;
}

/* FOOTER NAV */

/*#bottom-nav {}*/

#footer-navs {
width: 192px;
float: left;
height: 232px;
padding-left: 6px;
}

#footer-navs2 #footer-nav {
margin: 15px 0;
list-style: none;
text-align: left;
width: 170px;
float: right;
height: 
}

#footer-navs2 {
border-right: 1px solid #ffffff;
width: 140px;
height: 232px;
float: left;
}

.footer-nav {
margin: 6px 0 15px 0;
list-style: none;
text-align: left;
width: 170px;
float: left;
height: 
}

.footer-nav li {
display: inline-block;
float: left;
width: 180px;
margin: 0;
}

.footer-nav li a {
display: block;
padding: 7px 15px;
color: #ffffff;
text-decoration: none;
font-weight: bold;
font-size: 12px;
}

.footer-nav li a:hover {
color: #ffffff;
text-decoration: none;
}

/* FOOTER SOCIAL */

#footer-social {
width: 330px;
float: left;
border-right: 1px solid #ffffff;
height: 220px;
padding-top: 12px;
}

/* FOOTER BADGES */

#footer-badges-title {
font-size: 16px;
text-align: left;
}

#footer-badges {
width: 310px;
float: left;
padding-left: 20px;
}

#footer-badges {
margin: 8px 0 15px;
text-align: center;
}

.goog-te-gadget {
font-family: arial;
font-size: 11px;
color: #666;
white-space: nowrap;
text-transform: none;
float: left;
margin: 12px 0 15px;
}

.goog-te-gadget img {
margin: 0 !important;
}

img#footer-payment-methods {
margin: 15px 0;
}

/* ..... FOOTER BOTTOM ..... */

/*
#footer-bottom {}
*/

#copyright {
margin: 8px;
color: #fff;
text-align: center;
font-family: 'Open Sans',sans-serif;
font-size: 11px;
text-transform: none;
}

#copyright a {
color: #fff;
text-decoration: none;
}

#copyright span {
padding: 0 5px;
}

@media only screen and (max-width: 1060px) {

	#site-footer {
	padding: 0;
	background-image: none;
	}

	#footer-main {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	height: auto;
	margin: 0;
	}

	#footer-social {
	width: 310px;
	height: auto;
	margin-top: 20px;
	border-right: 0;
	}

	.footer-nav {
  	width: auto;
	margin: 0;
	}

	.footer-nav li {
	display: block;
	float: none;
	width: auto;
	}

	.footer-nav li a {
	padding-left: 0;
	}

	#footer-navs,
	#footer-navs2 {
  	width: 310px;
  	height: auto;
	padding: 0;
	border: 0;
	}

	#footer-badges {
	width: 310px;
	margin: 0 0 10px;
	padding: 0;
	text-align: left;
	}

	/*
	img#footer-payment-methods {}
	*/

}

/* / FOOTER */

/* .................... RESPONSIVE .................... */

/* 1000 + 30 + 30 */
@media only screen and (max-width: 1060px) {

	.wrap {
	width: auto;
	margin-left: 30px;
	margin-right: 30px;
	}

}

/* SUB TABLET LANDSCAPE */
@media only screen and (max-width: 1020px) {

	.wrap {
	margin-left: 20px;
	margin-right: 20px;
	}

}

/* SUB TABLET PORTRAIT */
@media only screen and (max-width: 760px) {

	.wrap {
	margin-left: 15px;
	margin-right: 15px;
	}

}

/* ................................................ */
/* .................... HEADER .................... */
/* ................................................ */

/* HEADER CONTROLS */

.header-control {
display: inline-block;
position: relative;
box-sizing: border-box;
line-height: 1;
}

.header-control * {
display: block;
margin: 0;
padding: 0;
border: 0;
}

.header-control,
a.header-control {
cursor: pointer;
text-decoration: none;
text-transform: none;
}

.header-control-wrapper {
display: flex;
align-items: center;
position: relative;
}

.header-control-label {
color: #fff;
white-space: nowrap;
text-transform: uppercase;
font-family: Montserrat,sans-serif;
font-size: 12px;
}

/*
.header-control-icon {}
*/

.header-control-icon img {
max-width: 100%;
height: auto;
}

.header-control,
a.header-control {
color: #000;
color: #000000;
}

/* MENU CONTROL */

#menu-control {
display: none;
}

/*
#menu-control .header-control-label {}
*/

#menu-control .header-control-icon {
width: 35px;
height: 35px;
}

/* CART CONTROL */

/*
#cart-control {}
*/

#cart-control .header-control-wrapper {
display: flex;
flex-direction: row-reverse;
align-items: center;
gap: 10px;
}

#menu-control .header-control-icon {
width: 50px;
height: 26px;
}

#cart-control img.desktop {
display: block;
}

#cart-control img.mobile {
display: none;
}

/*
#cart-control .header-control-icon {}
*/

/*#header-cart {
display: flex;
align-items: center;
gap: 5px 10px;
white-space: nowrap;
}
#header-cart a {
display: inline-block;
color: #fff;
text-decoration: none;
text-transform: uppercase;
font-family: Montserrat,sans-serif;
font-size: 12px;
}
#header-cart img {
vertical-align: middle;
}*/

/*
#header-cart-link {}
#header-cart-icon {}
*/

/* ..... ANNOUNCE ..... */

#announce {
background-color: #f72459;
}

#announce > .wrap {
box-sizing: border-box;
padding: 12px 10px;
color: #fff;
text-align: center;
font-size: 19px;
line-height: 1.2em;
font-family: Open Sans;
}

/* ..... PROMO ..... */

#promo {
margin-top: 15px;
margin-bottom: 5px;
}

#promo > .wrap {
box-sizing: border-box;
padding: 10px;
text-align: center;
color: #fff;
background-color: #f72459;
text-transform: uppercase;
font-weight: bold;
font-size: 21px;
font-family: Open Sans;
letter-spacing: 4px;
line-height: 1.2;
}

/* ..... HEADER ..... */

/*#header-top .wrap {
min-height: 75px;
}*/

/* ..... HEADER TOP ..... */

#header-top {
padding: 10px 0;
background-color: #000;
}

#header-top .wrap {
display: flex;
justify-content: space-between;
align-items: center;
}

/* TAGLINE */

#header-tagline {
display: block;
color: #fff;
text-align: left;
font-size: 14px;
font-family: 'Montserrat', sans-serif;;
}

#header-tagline span {
color: #f62459;
}

#header-tagline span {
color: #f62459;
}

/* HEADER NAV */

#nav-general {
display: block;
list-style: none;
}

#nav-general > li {
display: block;
float: right;
margin: 0;
font-family: 'Montserrat', sans-serif;
}

#nav-general > li > a,
#nav-general > li > div,
#nav-general > li > span {
display: inline;
padding: 0 11px;
border-right: 1px solid #ffffff;
color: #fff;
text-align: center;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
font-size: 11px;
}

#nav-general > li:first-child > a,
#nav-general > li:first-child > div,
#nav-general > li:first-child > span {
border-right: 0;
}

#nav-general a:hover {
text-decoration: none;
}

#nav-general > li a.linkcheckout {
padding-right: 35px;
background: transparent url('https://turbifycdn.com/ca/I/yhst-138576686559311_2501_135124915') 90% 0 no-repeat;
}

/* ..... HEADER MAIN ..... */

#header-main {
position: relative;
z-index: 1;
/*height: 102px;*/
padding: 20px 0;
background-color: #242424;
background-repeat: repeat-x;
background-color: #000;
background-image: url('/lib/yhst-138576686559311/header-bg.jpg');
}

#header-main .wrap {
display: flex;
justify-content: space-between;
align-items: center;
}

/* LOGO */

#header-logo {
width: 232px;
height: 64px;
}

#header-logo a {
display: block;
color: #fff;
text-decoration: none;
font-size: 56px;
font-family: 'Handlee', cursive;
line-height: 63px;
}

#header-logo a img {
display: block;
}

/* SEARCH BOX */

#header-search {
width: 390px;
margin: 0 30px;
}

#searcharea {
position: relative;
display: block;
height: 26px;
border: 1px solid #ebe8df;
margin: 0;
padding: 0;
background: #ebe8df;
}

#searcharea select,
#searcharea [name="section"],
#searcharea .labelfield span {
display: none;
}

#searcharea fieldset,
#searcharea .labelfield,
#searcharea .buttonlabel {
position: static;
}

#searcharea #query {
position: absolute;
top: 0;
left: 0;
width: calc(100% - 30px - 10px);
height: 26px;
padding: 0 5px;
border: 0;
color: #303030;
background-color: #ebe8df;
font: 15px helvetica,arial,sans-serif;
line-height: 26px;
}

#searcharea #searchsubmit {
position: absolute;
top: 0;
right: 0;
width: 29px;
height: 26px;
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
color: #242424;
background-color: #ebe8df;
background-image: url('/lib/yhst-138576686559311/header-search-icon.png');
background-repeat: no-repeat;
background-position: center right;
background-size: contain;
cursor: pointer;
text-indent: -999px;
font: bold 11px helvetica,arial,sans-serif;
}

/* page width + 60 */
/* top nav -> menu control */
@media only screen and (max-width: 1060px) {

	#header-main .wrap {
	display: grid;
	grid-template-areas:
		"menu-control logo   cart-control" 
		"search       search search      ";
	}

	#top-nav-bar {
	display: none;
	}

	#menu-control {
	grid-area: menu-control;
	display: block;
	}

	#cart-control {
	grid-area: cart-control;
	}

	#menu-control .header-control-icon {
	width: 35px;
	height: 35px;
	}

	#cart-control img.desktop {
	display: none;
	}

	#cart-control img.mobile {
	display: block;
	}

	#cart-control .header-control-label {
	display: none;
	}

	#header-logo {
	grid-area: logo;
	width: 232px;
	height: 64px;
	margin: 0 auto;
	text-align: center;
	}	

	#header-search {
	grid-area: search;
	width: 390px;
	margin: 10px auto 0;
	}

}

/* SUB TABLET LANDSCAPE */
@media only screen and (max-width: 1020px) {

	#promo > .wrap {
	margin-left: 0;
	margin-right: 0;
	}

}

@media only screen and (max-width: 600px) {

	#header-top {
	padding-top: 7px;
	padding-bottom: 7px;
	}

	#header-top .wrap {
	flex-direction: column;
	gap: 7px;
	}

	#header-tagline {
	text-align: center;
	}

}

@media only screen and (max-width: 430px) {

	#header-search {
	width: 100%;
	}

}

/* .......... / .......... */