/* html5doctor.com/html-5-reset-stylesheet/ */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video { margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; } 
body { line-height:1; }
ol,ul { list-style:none; }
blockquote,q { quotes:none; }
blockquote:before,blockquote:after,q:before,q:after { content:'';content:none; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse;border-spacing:0; }
article,aside,figure,footer,header,hgroup,nav,section { display:block; }

/*-
	SELF-CLEARING FLOATS
*/
.mod:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.ie .mod {
	zoom: 1;
}

.bbb0 {border:0.02em solid black;}
.bbb20 {border:0.02em solid red;}

.product {
/* border:1px solid #770000; */
}
.sansed {
margin-left:auto;
margin-right:auto;
/* border:0.2em solid black; */
}
.spacer {
clear: both;
}

p {
/* margin-left:7em; */
/* white-space: pre-line; */
}

.brands  {
font-size: 0.85rem;
font-family: proxima-nova, "Proxima Nova Regular", verdana, arial, sans-serif;
}

.ads {
float:left;
width:100%;
border:0.02em solid white;
}

.pageNS {
font-size:1.4em;
text-decoration:underline;
}

.alpha {
margin-left:auto;
margin-right:auto;
width:90%;
/* float: left; */
text-align:center;
/* border:0.02em solid black; */
justify-content: center;
margin-bottom:0.5em;
clear:both;
}
.firstLetter {
display:inline-block; vertical-align:middle;
width:1em;
height:1em;
text-align:center;
text-transform: uppercase;
padding:0.2em;
margin-top:0.5em;
margin-bottom:0.5em;
/* background: #000000; */
border:0.02em solid black; 
border-radius: 25px;
margin-left:0.5em;
margin-right:0.5em;
/* float:left; */
}
.firstLetterSelected {
width:1em;
height:1em;
border:0.1em solid black; 
border-radius: 25px;
display:inline-block;
text-align:center;
text-transform: uppercase;
padding:0.1em;
margin-top:0.5em;
margin-bottom:0.5em;
margin-left:1em;
margin-right:1em;
/* font-size: 1.5em; */
/* float:left; */
/* border:0.2em solid black; */
		transform: scale(2,2);
		-ms-transform: scale(2,2);
		-moz-transform:scale(2,2);
		-webkit-transform: scale(2,2);
		-o-transform: scale(2,2);
}

.letter
{
text-align:center;
vertical-align: middle;
width:1em;
height:1em;
background-color:red;
border:0.2em solid black;
float:left;
}
.logo {
text-align:center;
vertical-align: middle;
}
@keyframes infinitize {
	0%,100% {
		padding:0.1em;
		transform: scale(1,1);
		-ms-transform: scale(1,1);
		-moz-transform:scale(1,1);
		-webkit-transform: scale(1,1);
		-o-transform: scale(1,1);
	}
	50% {
		transform: scale(2,2);
		-ms-transform: scale(2,2);
		-moz-transform:scale(2,2);
		-webkit-transform: scale(2,2);
		-o-transform: scale(2,2);
	}
}
@-webkit-keyframes infinitize {
	0%,100% {
		padding:0.1em;
		transform: scale(1,1);
		-ms-transform: scale(1,1);
		-moz-transform:scale(1,1);
		-webkit-transform: scale(1,1);
		-o-transform: scale(1,1);
	}
	50% {
		transform: scale(2,2);
		-ms-transform: scale(2,2);
		-moz-transform:scale(2,2);
		-webkit-transform: scale(2,2);
		-o-transform: scale(2,2);
	}
}
.infinity {
	display: inline-block;
	position:relative;
	-webkit-animation: infinitize 3s linear infinite;
	-moz-animation: infinitize 3s linear infinite;
	-ms-animation: infinitize 3s linear infinite;
	-o-animation: infinitize 3s linear infinite;
	animation: infinitize 3s linear infinite;
	overflow:hidden;
}

@keyframes infinitizeEven {
	0%,100% {
		padding:0.1em;
		transform: scale(2,2);
		-ms-transform: scale(2,2);
		-moz-transform:scale(2,2);
		-webkit-transform: scale(2,2);
		-o-transform: scale(2,2);
	}
	  50% {
		transform: scale(1,1);
		-ms-transform: scale(1,1);
		-moz-transform:scale(1,1);
		-webkit-transform: scale(1,1);
		-o-transform: scale(1,1);
	}
}
@-webkit-keyframes infinitizeEven {
	0%,100% {
		padding:0.1em;
		transform: scale(2,2);
		-ms-transform: scale(2,2);
		-moz-transform:scale(2,2);
		-webkit-transform: scale(2,2);
		-o-transform: scale(2,2);
	}
	  50% {
		transform: scale(1,1);
		-ms-transform: scale(1,1);
		-moz-transform:scale(1,1);
		-webkit-transform: scale(1,1);
		-o-transform: scale(1,1);
	}
}
.infinityEven {
	display: inline-block;
	-webkit-animation: infinitizeEven 3s linear infinite;
	-moz-animation: infinitizeEven 3s linear infinite;
	-ms-animation: infinitizeEven 3s linear infinite;
	-o-animation: infinitizeEven 3s linear infinite;
	animation: infinitizeEven 3s linear infinite;
	overflow:hidden;
}



/*-
	Base styles
*/
body {
font-size: 14px;
	background: #FFF;
	background: hsl(0, 0, 100);
	color: #202020;
	color: hsl(0, 0, 13);
	/* font: normal 100%/1.5 Aff-meta-serif-web-pro, Cambria, Georgia, Times, serif; */
}

select,
input,
textarea {
	font: 99% sans-serif;
}
hr {
	display: none;
}


a {
	/* color: #A96048; */
	color: #000000;
	color: hsl(15, 57, 65);
	-moz-transition: all 0.15s linear;
	-ms-transition: all 0.15s linear;
	-o-transition: all 0.15s linear;
	-webkit-transition: all 0.15s linear;
	transition: all 0.15s linear;
	text-decoration: none;
	font-size:1.1em;
}
a:hover,
a:focus {
	color: #d0d6d9;
	color: hsl(15, 57, 85);
	text-decoration: none;
}

input.text,
input[type=text],
input[type=search],
textarea {
	-moz-appearance: textfield;
	-webkit-appearance: textfield;
	border: 1px solid #909090;
	border-color: #909090 #CECECE #E3E3E3;
	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2);
	font-family: inherit;
	line-height: inherit;
	padding: 0.2em 0.2em 0;
	-moz-transition: border-color 0.15s linear;
	-ms-transition: border-color 0.15s linear;
	-o-transition: border-color 0.15s linear;
	-webkit-transition: border-color 0.15s linear;
	transition: border-color 0.15s linear;
}
input.text:focus,
input[type=text]:focus,
input[type=search]:focus,
textarea:focus {
	border-color: #E3E3E3 #CECECE #909090;
}
ol,
ul {
	margin: 1em 0;
}
p {
	text-indent: 0em;
}
p:first-child,
.author-bio p:first-of-type,
.hed + p,
blockquote + p,
.figure p,
ul + p,
ol + p,
.note + p,
.flush {
	text-indent: 0;
}


img {
	max-width: 100%;
}
.comment-list time,
.sect,
.top {
	color: #999;
	color: hsl(0, 0, 60);
	font: normal 12px/1 proxima-nova, "Proxima Nova", verdana, arial, sans-serif;
	font-size: 0.75em;		/* 12/16 */
	text-transform: uppercase;
	letter-spacing: 0.12em;		/* (100 / 1000) * 12 */
}


.cm-page {
	margin: 0 auto;
	padding-top: 2em;
	position: relative;
	max-width: 72em;
	width: 90%;
}

/*
	Mast
*/

.item02 {
/* border: 1px solid #909090; */
position: relative;
/* clear:both; */
}
.item03 {
/* border: 1px solid #909090; */
	font: normal 12px/1 proxima-nova, "Proxima Nova Regular", verdana, arial, sans-serif;
	font-size: 0.85rem;		/* 12/16 */
	letter-spacing: 0.4em;	/* (200 / 1000) * 12 */
	margin: 0;
	/*text-transform: uppercase;*/
	font-variant:small-caps;

position:relative; bottom:0;
clear:both;
}
.image01 {
clear:both;
}
.image02 {
width:100%;
	-moz-transition: all 0.15s linear;
	-ms-transition: all 0.15s linear;
	-o-transition: all 0.15s linear;
	-webkit-transition: all 0.15s linear;
	transition: all 0.15s linear;
}
.image04 {
/* clear:both; */
float:left;
}
.image02:hover{
	opacity: .5;
    transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
}

.image03d {
max-height:300px;
}
.image03 {
max-height:300px;
/* width:100%; */
	-moz-transition: all 0.15s linear;
	-ms-transition: all 0.15s linear;
	-o-transition: all 0.15s linear;
	-webkit-transition: all 0.15s linear;
	transition: all 0.15s linear;
}

.image03:hover{
	opacity: .5;
    transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
}

.add2cart {
position: relative; 
margin-top:1em;
margin-bottom:1em;
/* bottom: -5em; */
/* clear:both; */
}
.name {
font-variant:small-caps;
font-size: 1.1em;
letter-spacing: 0.15em;
line-height:1.3em;
/* clear:left; */
}
.small {
font-size: 0.65rem;
font-family: proxima-nova, "Proxima Nova Regular", verdana, arial, sans-serif;
}

.mast {
	padding-bottom: 1em;
	border-bottom: 3px solid #000;
	margin-bottom: 2em;
	position: relative;
	width: 100%;
}
.go-nav {
	border-radius: 0 0 6px 6px;
	position: absolute;
	left: 0;
	top: -4em;
	width: 100%;
	background: #000;
	text-indent: 0;
	text-align: right;
}
.go-nav a {
	color: #FFF;
	font: normal 12px/1 proxima-nova, "Proxima Nova Regular", verdana, arial, sans-serif;
	font-size: 0.75rem;		/* 12/16 */
	letter-spacing: 0.24em;	/* (200 / 1000) * 12 */
	display: block;
	padding: 1em;
	text-transform: uppercase;
	text-decoration: none;
}
.go-nav b {
	padding-right: 1.25em;
	font-weight: normal;
}
.cm-logo {
	background:  50% 0;
	margin: 2em auto;
	width: 50%;
}
.cm-logo span {
	position: absolute;
	left: -1000em;
}
.cm-logo img {
	margin-bottom: -3.79746835%;
	opacity: 0;
}
.cm-search {
	background: #202020;
	text-align: center;
	clear: both;
	padding: 0.25em 0;
}
.cm-search p {
	background: #FFF;
	border-radius: 4px;
	font-size: 14px;
	width: 50%;
	margin: 1em auto;
	overflow: auto;
	position: relative;
}
.cm-search input {
	border: none;
	box-shadow: none;
	font-size: 12px;
	font-size: 0.75rem;			/* 12/16 */
	line-height: 1;
	padding: 0.2em 0;
	vertical-align: middle;
}
.cm-search input.text {
	background: #FFF;
	border: none;
	display: block;
	line-height: 1.5;
	margin: 0;
	padding: 0.2em 2%;
	width: 66%;
}
.cm-search label {
	position: absolute;
	left: -1000em;
}
.cm-search input.submit {
	-webkit-appearance: none;
	background: #909090;
	color: #FFF;
	float: right;
	font-family: proxima-nova, "Proxima Nova Regular", verdana, arial, sans-serif;
	height: 100%;
	padding: 0.4em 2%;
	position: absolute;
	right: 0;
	text-transform: uppercase;
	top: 0;
	width: 26%;
}
.nav {
	font: normal 12px/1 proxima-nova, "Proxima Nova Regular", verdana, arial, sans-serif;
	font-size: 0.75rem;		/* 12/16 */
	letter-spacing: 0.24em;	/* (200 / 1000) * 12 */
	margin: 0;
	/*text-transform: uppercase;*/
	font-variant:small-caps;
	float: left;
	width: 100%;
}
.nav li {
	display: block;
	float: left;
	width: 50%;
	text-align: center;
}

.row  li{
width:100%;
}
.row {
/* text-align:justify; */
}

.nav a {
	color: inherit;
	text-decoration: none;
	white-space: nowrap;
}
.nav-primary {
	border: 2px solid #202020;
	border-width: 3px 0;
	padding: 1.25em 0;
	margin: 0;
	text-align: center;
}
.nav-primary a {
	display: block;
	padding: 1.25em 0;
	line-height: 1.25;
}



.main {
	position: relative;
	width:100%;
	/* border:0.02em solid black; */
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	clear:both;
}


/*
	Home
*/
.highlights,
.mag-intro {
	font-size: 18px;
	/* font-size: 1.125rem; */
	margin: 0 auto 4em;
	width: 85%;
}


.footer {
	clear: both;
	line-height: 1.5;
	padding: 0em;		/* 78/960 */
	text-align: center;
	width:100%;

}
.footer p {
	text-indent: 0;
}
.footer .main {
	margin-bottom: 2em;
}


.footer h1 {
	margin: 0 auto 1em;
	width: 50%;
}
.site-license {
	font-size: 14px;
	font-size: 0.875rem;
	margin-bottom: 3em;
	text-transform: none;
	letter-spacing: 0;
}
.top {
	clear: both;
	margin: 2em 0;
}
.top a {
	color: #202020;
	font-weight: bold;
	text-decoration: none;
}

.row {
	float:left;
	width:100%;
}
.featured-view .floatleft {float:left;}


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

.columns {
line-height:1.6em;
}

.product, .product2 {width: 100%;}
.sansed {width:100%;}
@media (min-width: 15em)
{
	/* .product {width: 100%;} */
	/* .product2 {width: 100%;} */
	.featuredProductImage {
		width: 100%;
	}
}

@media (min-width: 25em)
{
	.product, .product2 {width: 46%; padding: 1%;}
	.product, .product2 {
	min-height:320px;
	max-height:320px;
	margin-bottom:2em;
}
	.featuredProductImage {
		width: 100%;
	}
	
.columns {
/* border:1px solid #770000; */
outline-style:solid;
text-align:center;
line-height:1.6em;
width:100%;
-webkit-column-count: 2; /* Chrome, Safari, Opera */
-moz-column-count: 2; /* Firefox */
column-count: 2;
column-gap:0px;
-moz-column-gap:0px; /* Firefox */
-webkit-column-gap:0px; /* Safari and Chrome */
}
}

/* Disable iOS/WinMobile font size changes */
@media screen and (max-device-width: 480px) {
	html {
		-ms-text-size-adjust: none;
		-webkit-text-size-adjust: none;
	}
.product, .product2 {
	min-height:320px;
	max-height:320px;
	margin-bottom:2em;
}

.columns {
/* border:1px solid #770000; */
outline-style:solid;
text-align:center;
line-height:1.3em;
width:100%;
-webkit-column-count: 4; /* Chrome, Safari, Opera */
-moz-column-count: 4; /* Firefox */
column-count: 4;
column-gap:0px;
-moz-column-gap:0px; /* Firefox */
-webkit-column-gap:0px; /* Safari and Chrome */
}

}

@media screen and (min-width: 37.5em) {

.imageblock {
float:left;
width:301px;
margin: 0 1em 1em 0;
}
.a300x250 {
height:251px;
}
.b300x250 {
float:left;
max-width:301px;
clear:right;
/* height:251px; */
}

.logo {
text-align:center;
vertical-align: middle;
}


	.mag-intro {
		width: 47.5%;			/* 456/960 */
	}
.columns {
/* border:1px solid #770000; */
outline-style:solid;
text-align:center;
line-height:1.3em;
width:100%;
-webkit-column-count: 3; /* Chrome, Safari, Opera */
-moz-column-count: 3; /* Firefox */
column-count: 3;
column-gap:0px;
-moz-column-gap:0px; /* Firefox */
-webkit-column-gap:0px; /* Safari and Chrome */
}
}
@media screen and (min-width: 48em) {
.logo {
text-align:left;
text-transform:uppercase;
vertical-align: middle;
}

	.mast {
		margin-bottom: 5em;
		padding-bottom: 0;
		border-bottom: none;
	}
	.cm-page {
		width: 80%;
		/* border:0.2em solid black; */
	}
	.cm-logo {
		background: none;
		height: auto;
		margin: 0 0 0 3.75%;		/* 36/960 */
		width: 26.6666667%;		/* 256/960 */
	}
	.cm-logo img {
		margin-bottom: -3.79746835%;
		opacity: 1;
	}
	.go-nav {
		left: -1000em;
	}
	
	#site-nav-top {
display: block;
/* 		position: absolute;
		top: -5em; */
		width: 100%;
		z-index: 5;
	}	
	#site-nav {
	display:none;
		position: absolute;
		top: -5em;
		width: 100%;
		z-index: 5;
	}
	.cm-search {
		background: #FFF;
		border-bottom: 1px solid #CECECE;
		clear: none;
		margin-top: -0.25em;
		padding: 0;
		position: absolute;
		right: 0;
		top: -2em;
		width: 26.25%;				/* 252/960 */
		z-index: 100;
	}
	.cm-search p {
		background: inherit;
		border-radius: 0;
		font-size: 1em;
		width: auto;
		margin: 0;
		overflow: visible;
	}
	.cm-search input {
		background: none;
		border: none;
		display: block;
	}
	.cm-search input.text {
		font-size: 14px;
		font-size: 0.875rem;		/* 14/16 */
	}


	.nav,
	.nav li,
	.nav a {
		float: none;
	}
	.nav li,
	.nav a {
		display: inline;
	}
	.nav {
		width: auto;
	}
	.nav li:after {
		content: "\20\00B7\20";
	}
	.nav li:last-child:after {
		content: "";
	}
	.nav a {
		text-align: center;
	}
	.nav-primary,
	.nav-primary a {
		padding: 0;
	}
	.nav-primary {
		border: none;
		line-height: 1;
		margin-top:1em;
		<!-- margin-left: 13.125%;	/* 126/960 */ -->
		position: static;
		text-align: center;
	}


	/* Author's avatar replaces the number label on comments */

	/* Replies */

	.footer {
	width:100%;
		/* border-top: 10px solid #202020; */
	}
.footer .main {
background: #000000;
width:100%;
text-align:right;
}
.copyright {
font-size: 0.6em;
color:#FFF;
margin-right:0.4em;
}
	.top {
		margin-top: 0;
	}
	
	
.columns {
/* border:1px solid #770000; */
outline-style:solid;
text-align:center;
line-height:1.3em;
width:100%;
-webkit-column-count: 4; /* Chrome, Safari, Opera */
-moz-column-count: 4; /* Firefox */
column-count: 4;
column-gap:0px;
-moz-column-gap:0px; /* Firefox */
-webkit-column-gap:0px; /* Safari and Chrome */
}

}
@media screen and (min-width: 60em) {

}
@media screen and (min-width: 65em) {

}
@media screen and (min-width: 85em) {

}



body {
	font-size: 100%;
	margin:0px auto;
line-height: 1.15em;
}

.featured-view {
padding-top:0;
}

.floatleft {float:left;}


.featured-view .floatleft {float:left;}
.featuredProductImage {
	opacity: 1;
	transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
}
.featuredProductImage:hover {
	opacity: .5;
    transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
}
/*.product-name a {text-decoration: none; color: #333; font-size: 1.4em;}*/
div h3 {
	color: rgb(102, 102, 102);
}
h3.heading { font-family: NewsGothicW01-BoldObliq; text-transform: uppercase; }


.product {
	position: relative;
	overflow:hidden;
}

.product-name a{
	/*font: normal 12px/1 proxima-nova, "Proxima Nova Regular", verdana, arial, sans-serif;*/
	/*font-family: "News Gothic W01";*/
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	letter-spacing: 0.06em;
	text-decoration: none;
	font-size: 0.7em;
	color: rgb(30, 30, 30);
	position: relative;
	bottom: 0.4em;
	margin-left: 0.7em;
	margin-right: 0.7em;
	font-variant:small-caps;
	text-align:center;
	
	/* vertical-align:bottom; */
}





@media (min-width: 37.5em)
{
.sansed {
width:301px;
height:251px;
margin-left:auto;
margin-right:auto;
}
	.product {width: 32.3%; padding: .5%;}
	.product2 {width: 64.6%; padding: .5%;height:300px;}
	.featuredProductImage {
		width: 100%;
	}
.image01 {
float:left;
}
.image02 {
max-width:250px;
margin-right:1em;
/* margin-bottom:2em; */
float:left;
}
.image03 {
max-width:301px;
margin-right:1em;
/* margin-bottom:2em; */
float:left;
}
}

@media (min-width: 60em)
{
	body {width: 1030px;}
	.product {width: 24%; padding: 0.5%;}
	.product2 {width: 48%; padding: 0.5%;}
	.featuredProductImage {
		width: 100%;
	}
}


.cat {

}

.item02 {
width:100%;
	font-family: 'Oswald', sans-serif;
	font-weight:400;
/* 	letter-spacing: 0.06em;
	text-decoration: none;
	font-size: 0.7em; */
}
.description {
padding:1em;
text-align:justify;
line-height:1.3em;
/* clear:both; */
}

.pn {
font-size: 1.4em;
}
.oneItem {
clear:both;
margin-bottom:1em;
}