/*
Theme Name:		Levi's Made and Crafted Theme
Theme URI:		http://www.mayday-mayday-mayday.com/
Description: 	Based on the 2010 theme for HTML 5, this responsive, full-width theme features a clean design with custom web fonts and uses a black and white color palatte.
Version: 		1.0
Author:			Mayday Mayday Mayday
Author URI:		http://www.mayday-mayday-mayday.com/
*/

@import url("//hello.myfonts.net/count/25065e");


body {  
	font: 62.5% 'CenturyGothicStd', Arial, Helvetica, sans-serif;  /* This is about 10px */
	color: #666666; 
	position: relative;
	letter-spacing: 1px;
}

/* Removes native margin and padding from ALL elements */
* {
	padding: 0;
	margin: 0;
}

/* Font Declarations Go Here.  Remove if not needed */
@font-face {font-family: 'CenturyGothicStd';src: url('webfonts/25065E_9_0.eot');src: url('webfonts/25065E_9_0.eot?#iefix') format('embedded-opentype'),url('webfonts/25065E_9_0.woff') format('woff'),url('webfonts/25065E_9_0.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {font-family: 'CenturyGothicStd';src: url('webfonts/25065E_B_0.eot');src: url('webfonts/25065E_B_0.eot?#iefix') format('embedded-opentype'),url('webfonts/25065E_B_0.woff') format('woff'),url('webfonts/25065E_B_0.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

/* HTML5 elements need display: block */
header,
nav,
section,
article,
aside,
figure,
footer {
	display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: normal;
}

h2  {
	font: bold 2.571428em/1.0em 'CenturyGothicStd', Arial, Helvetica, sans-serif;
	color: #000;
	border-top: 6px solid #000;
	text-transform: uppercase;
	padding: 0.3611em 0 0;
}

h3  {
	font: bold 1.285714em/1.444em 'CenturyGothicStd', Arial, Helvetica, sans-serif;
	color: #000;
	text-transform: uppercase;	
	padding: 0 0 0.3888em;
}

header h1.fixed {
	font: bold 3.2em/1.0em 'CenturyGothicStd', Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #fff;
	width: 100%;
	text-align: center;
	padding: 0 0 1.52777em;
	position: absolute;
	z-index: 2;
	bottom: 1.0em;
}

header h1.fixed span {
	position: absolute;
	left: 50%;
	bottom: 0.58333em;
	margin-left: -0.222em;
	width: 0.444em;
	height: 0.5em;
}

header h1.fixed span:hover {
	cursor: pointer;
}


header h1.fixed span:before,
header h1.fixed span:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 0;	
	border-top: 9px solid #fff;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;		
}
header h1.fixed span:before {
	bottom: 0.25em;
}

.post-type-archive article h1 {
	font: bold 1.142857em/1.5em 'CenturyGothicStd', Arial, Helvetica, sans-serif;
	color: #000;
	text-transform: uppercase;
}

.post-type-archive article h1 a {
	color: #000;
	text-decoration: none;	
}

.single-product article h1 {
	font: bold 1.714285em/1.0em 'CenturyGothicStd', Arial, Helvetica, sans-serif;
	color: #000;
	text-transform: uppercase;
	padding: 2.625em 0 0;
}

.post-type-archive-product h2,
.tax-collection_type h2 {
	border-top: none;
	margin: 0 0 1.1666em;
	padding: 3.0em 0 0.666em;
	background: url(images/divider.png) no-repeat center bottom;
	text-align: center;
	letter-spacing: 2px;
	font-size: 1.714285em;
}

.post-type-archive-product h2:first-child,
.tax-collection_type h2:first-child {
	margin-top: 0;
	padding-top: 4.666em;
}

.single-product article h2 {
	font: bold 1.142857em/1.0em 'CenturyGothicStd', Arial, Helvetica, sans-serif;
	color: #000;
	text-transform: none;
	border: none;
	padding: 0 0 0.875em;
}

.post-type-archive-store h2  {
	width: 48.958333%;
	margin-top: 40px;
	font-size: 1.571428em;
}

.post-type-archive-store h2:first-child {
	margin-top: 3.636363em;
}

.post-type-archive-store h3  {
	width: 23.958333%;
	font: bold 1.428571em/1.0em 'CenturyGothicStd', Arial, Helvetica, sans-serif;
	color: #000;
	text-transform: uppercase;	
	margin: 1.40625em 0 0;
	padding: 0.1875em 0 0;
	border-top: 4px solid #000;
}

.post-type-archive-store h4  {
	display: inline-block;
	width: 178px;
	text-align: center;
	font: bold 1.142857em/1.0em 'CenturyGothicStd', Arial, Helvetica, sans-serif;
	color: #000;
	padding: 0.714285em 0.7857142em 0.89285714em;
	background: url(images/divider.png) no-repeat bottom center;
}

.post-type-archive-store h5  {
	display: block;
	width: 178px;
	text-align: center;
	font: bold 1.142857em/1.5em 'CenturyGothicStd', Arial, Helvetica, sans-serif;
	color: #000;
	padding: 1.0em 0.7857142em 0;
}

blockquote {
	quotes: none;
	font-style: italic;
	padding: 0 3.0em;
}

blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}

blockquote:before,
blockquote:after {
	content: '';
	content: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a img {
	border: none;
}

/* =Global Elements
-------------------------------------------------------------- */

/* Text elements */
p,
dd,
pre,
ul,
ol {
	padding-bottom: 1.0em;
}
p {
	letter-spacing: 0px;
}
ul,
ol {
	margin-left: 0;
}
ul.unbulleted {
	list-style: none;
}
ol ol {
	list-style: lower-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: decimal;
}
ul ul,
ol ul,
ol ol,
ul ol {
	padding-bottom: 0;
}
ul li,
ol li {
	padding: 0.5em 0;
}
.error404 #main ul {
	margin-left: 1.5em;
}
dl {
	margin: 0 0 2.0em 0;
}
dt {
	font-weight: bold;
}
strong {
	font-weight: bold;
}
cite,
em,
i {
	font-style: italic;
}
big,
.large {
	font-size: 1.3333em;
}
small,
.small {
	font-size: 0.75em;	
}
abbr,
acronym {
	border-bottom: 1px dotted #DEDEDE;
	cursor: help;
}

a {
	color: #36F;
}
a:hover {
	color: #F63;
}

/* Form Elements */

form {
	font-size: inherit;	
}

input,
textarea {
	width: 96%;
	padding: 0.5em 2.0%;
	border: 1px solid #545454;
	margin: -1px;
	font: 1.0em/1.0em 'CenturyGothicStd', Arial, Helvetica, sans-serif;
	color: #545454;
	-webkit-appearance: none;
	border-radius: 0;
}
input {
	height: 1.0em;
}
textarea {
	height: 8.0em;
	resize: none;
}

.formfield .fleft input {
	width: 94.32%;
	padding-left: 2.84%;
	padding-right: 2.84%;
}

.formfield .fright input {
	width: 82.94%;
	padding-left: 8.53%;
	padding-right: 8.53%;
}

input[type="checkbox"],
input[type="radio"] {
	width: auto;
	display: inline-block;
	vertical-align: middle;
}

select {
	width: 100%;
	border: 1px solid #DEDEDE;
	margin: -1px;
	font: 1.0em/1.0em 'CenturyGothicStd', Arial, Helvetica, sans-serif;
	color: #787878;
}

a.button {
	display: block;
	position: absolute;
	left: 50%;
	bottom: 65px;
	margin-left: -109px;
	text-decoration: none;
	text-align: center;
	width: 218px; 
	height: 39px;
	line-height: 39px;
}

input[type="submit"],
a.button {
	font-size: 1.0em;
	background: none;
	border: 1px solid #545454;
	color: #242424; 
	font-weight: bold;
	width: auto;
	min-width: 20%;
	height: auto;
	float: left;
	display: block;
}

input[type="submit"]:hover,
a.button:hover {
	background: #545454;
	color: #fff;
	cursor: pointer;
}

.panel-content.content-tabbed a.button {
	position: relative;
	bottom: auto;
	margin-top: -1.0em;
	margin-bottom: 2.0em;
	min-width: 160px;
	min-height: 40px;
	margin-left: -80px;
	display: inline-block;
	border: none;
	/*border: 1px solid #A8A9AD;*/
	/*background: #A8A9AD;*/
	background: url('images/STL-button.png') center center no-repeat;
	color: #fff;
	font-weight: normal;
	float: none;
	text-transform: uppercase;
}

.panel-content.content-tabbed a.button:hover {
	border: none;
	/*border: 1px solid #A8A9AD;
	background: #A8A9AD;*/
}

input:focus,
textarea:focus,
select:focus {
	outline: none;
}

/* Table Elements */
table {
	border: 1px solid #DEDEDE;
	margin: 0 -1px 2.0em 0;
	text-align: left;
	width: 100%;
}
th,
td {
	border-top: 1px solid #DEDEDE;
	border-left: 1px solid #DEDEDE;
	text-align: center;
	padding: 0.5em;
}

th.left,
td.left {
	text-align: left;
}

th.right,
td.right {
	text-align: right;
}

th {
	background: #ABABAB;
	padding: 0.75em 0.5em;
	color: #FFF;	
}

td {
	border-top: 1px solid #DEDEDE;
	border-left: 1px solid #DEDEDE;
	background: #FFF;
}

.odd td {
	background: #EFEFEF;
}


/* Text meant only for screen readers */
.screen-reader-text,
.offscreen,
.contactfield {
	position: absolute;
	left: -9999em;
}

/* =generic class definitions
-------------------------------------------------------------- */
.clear {
	clear: both;
}

.text_r {
	text-align: right;
}

.half-col {
	width: 48.7684%;
}

.fleft {
	float: left;
}

.fright {
	float: right;
}

#main .left {
	width: 48.958333%;
	float: left;
	clear: left;
}

.fleft-content,
.fright-content {
	width: 48.958333%;
}

.fleft-content {
	float: left;
	clear: left;
}

.fright-content {
	float: right;
	clear: right;
}

.fleft-content ul,
.fright-content ul {
	width: 93.61702127%;
	margin-left: 6.3829787%;
}

.alignright {
	float: right;
	padding: 1.7857142em 0;
}

.alignleft {
	float: left;
	padding: 1.7857142em 0;
}

.aligncenter{
	clear: both;
	display: block;
	margin: 0 auto;
	padding: 0.5em 0;
}

hr, 
.divider {
	clear: both;
	border: none;
	background: url(images/divider.png) no-repeat center bottom;
	height: 11px;
	padding: 2.857142em 0 0;
	margin: 0 0 3.571428em;
}

/* =generic form definitions
-------------------------------------------------------------- */
.sticky { }

.abstract {
	width: 64.58333%;
	max-width: 620px;
	margin: 0 auto;
	text-align: center;
	font-size: 1.142857em;
}

.abstract:first-child {
	padding-top: 5.75em;	
}

.required {
	color: #900;
}

#error {
	border: 1px solid #CC0000;
	color: #CC0000;
	padding: 1.0em 1.0em 0;
	margin: 1.5em 0;
	border-radius: 0.5em;
}

.error input[type="text"],
.error textarea {
	border: 1px solid #CC0000;
	box-shadow: 0 0 7px 1px rgba(204,0,0,.35);
}

.success {
	border: 1px solid #006600;
	color: #006600;
	padding: 1.0em 1.0em 0;
	margin: 1.5em 0;
	border-radius: 0.5em;
}

.formfield {
	padding: .5em 0 1.0em;
}

.formfield .fleft {
	width: 71.2125%;
}

.formfield .fright {
	width: 23.7375%;
}

label {
	font-weight: bold;
	display: block;
	line-height: 1.5em;
}

label.required:after {
	content: "*";	
}

input[type="checkbox"] + label,
input[type="radio"] + label {
	display: inline-block;	
	font-weight: normal;
	padding: 0.333em;
	line-height: 1.0em;
}

/* =Layout
-------------------------------------------------------------- */
#content {
	position: relative;
	width: 100%;
}

/* =Fonts
-------------------------------------------------------------- */
pre,
code,
#respond .form-allowed-tags {
	font-family: Courier, monospace;
}

/* =Structure
-------------------------------------------------------------- */

/* The main theme structure */
.wrapper {
	position: relative;
	width: 100%;
	min-width: 320px;
	max-width: 960px;
/*	background: orange;*/
	margin: 0 auto;
}

.panel-content.content-inline .wrapper,
.panel-content.content-tabbed .wrapper,
.panel-content.content-boxed .wrapper {
	position: relative;
	width: auto;
	min-width: 0;
	max-width: none;
	background: none;
}

.anythingSlider .panel-content.content-normal {
	background: #f5f5f5 url(images/slide-bg.jpg) repeat-x top center;
	color: #242424;
}

.post-type-archive-store #main .wrapper {
	padding-bottom: 6.571428em;	
}

/* =Overlay
-------------------------------------------------------------- */
#mailing-list-overlay-bg {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 150;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
}

#mailing-list-overlay {
	position: fixed;
	z-index: 151;
	top: 0;
	left: 50%;
	width: 600px;
	margin-left: -300px;
	padding: 3.285714em 0 1.9285714em;
	background: rgba(255,255,255,0.8);
	font-size: 1.4em;
	line-height: 2.0714285em;
	text-transform: uppercase;
	text-align: center;
}

.mail-overlay-close {
	position: absolute;
	top: 1.5em;
	right: 1.5em;
	width: 21px;
	height: 22px;
	background: url(images/overlay-close.png);
}

.mail-overlay-close.close-2 {
	position: relative;
	top: auto;
	right: auto;
	width: auto;
	height: auto;
	background: none;
	text-transform: none;
	color: #242424;
	margin-top: -3.625em;
	margin-right: 2.0em;
	text-align: right;
	display: none;
}

.mail-overlay-close span {
	position: absolute;
	left: -99999em;
}

.overlay-logo {
	display: block;
	margin: 0 auto;
	padding: 0 0 1.0em;
}

#mailing-list-overlay p {
	padding: 0 2.0em;
	letter-spacing: 0.05em;
}


#mailing-list-overlay .newsletterform {
	font-size: 1.0em;
	padding: 1.60714285em 2.0em 1.125em;
}

	#mailing-list-overlay .newsletterform label.screen-reader-text {
		position: absolute;
		left: -99999em;
	}

	#mailing-list-overlay .newsletterform input {
		width: 17.5em;
		padding: 0.6428571em;
		margin: 0 -1px;
		float: none;
		border-color: #b2b2b2;
	}

	#mailing-list-overlay .newsletterform #newslettersubmit {
		width: auto;
		min-width: 0;
		margin: 1.10714285em auto 0;
		text-transform: uppercase;
		border-color: #242424;
		background: #242424;
		color: #fff;
		padding: 0.571428em 1.75em;
	}

	#mailing-list-overlay .newsletterform #newslettersubmit:hover {
		background: #242424;
	}

/* =Header
-------------------------------------------------------------- */
header {
	position: relative;
	overflow-x: hidden;
}

.tax-collection_type header {
	overflow-x: visible;
}

.header-before{
	width: 100%;
	height: 100%; 
	position: fixed;
	top: 0;
	left: 0;	
	z-index: -5;
	background: url(images/bg.jpg) center top;
}

#masthead {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
	text-align: center;
}

#logo {
/*	padding: 2.0em 1.0em 0;*/
	z-index: 2;
	display: block;
	margin: 0 auto;
	position: relative;
	width: 21.7em;
	height: 6.5em;

	transition: width 0.25s;
}

#logo h1 {
	font-size: 1.0em;
}

.scrolled #logo {
/*	padding: 1.1em 1.0em 1.7em;*/
	width: 18.3em;

	transition: width 0.25s;
}

#logo a {
	margin: 2.0em 1.0em 0;
	width: 19.7em;
	display: inline-block;

	transition: width 0.25s;
}

.scrolled #logo a {
	margin: 1.1em 1.0em 1.7em;
	width: 16.3em;

	transition: width 0.25s;
}

#logo img {
	display: block;
	max-width: 100%;
}

/*header img.featured {
	width: 100%;
	max-width: none;
	height: auto;
	display: block;
}*/

/*header img.featured {
	position: absolute;
	z-index: 1;	
}*/

header #featured_holder {
	overflow-x: hidden;
	width: 100%;
	position: absolute;
	z-index: 1;
}

/* =Store Search Form
-------------------------------------------------------------- */

#store_location_search {
	width: 25.555em; 
	margin: 0 auto -1.8333em;
	padding: 5.6111em 0 0;
	font-size: 1.285714em;
}

#store_location_search input {
	border: none;
	text-align: center;
	padding: 0.666em 1.7777em;
	width: 22.777em;
	background: #fff url(images/icon-search.png) no-repeat 0.888em center;
}

.ui-autocomplete {
	width: 26.444em !important;
	font-size: 1.8em;
	text-align:center;
	z-index: 100;
}

.ui-menu-item {
	list-style: none;
	padding: 0;
}

.ui-menu-item a {
	position: relative;
	display: block;
	color: #d6d6d6;
	border-top: 3px solid #e9e9e9;
	padding: 0.555em 0;
	margin: 0 0.555em;
	z-index: 1;
}

.ui-menu-item:first-child a {
	margin: 0;
	padding: 0.555em;
}

.ui-menu-item a:hover,
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	background: #e5e4e2;
	color: #242424;
	cursor: pointer;
	border-bottom: 3px solid #e5e4e2;
	padding: 0.555em;
	margin: 0 0 -3px;
	z-index: 2;
}

/* =Newsletter Form
-------------------------------------------------------------- */

#newsletter {
	float: left;
	padding-left: 23px;
	background: url(images/icon-email.png) no-repeat left center;
	width: 20.0em;
}

.newsletterform { font-size: 0.8333em; }

	.newsletterform input {
		width: 15.8em;
		padding: 0.5em;
		margin: 0 -1px;
		float: left;
	}

	.newsletterform #newslettersubmit {
		width: auto;
		min-width: 0;
		margin-left: 0.5em;
	}

/* = General Menus
-------------------------------------------------------------- */
nav ul {
	margin: 0;
	padding: 0;
}

nav li {
	list-style: none;
	display: inline-block;
	position: relative;
}

/* = Header Menu
-------------------------------------------------------------- */
nav#topAccess {
	clear: both;
	background: rgba(234,233,232,0.75);
	width: 100%;
	text-align: left;
	padding: 0;
	margin: -7.8em 0 0;
	height: 7.1em;
	z-index: 1;
}

nav#topAccess:after {
	content: '';
	width: 0;
	height: 0;
	display: block;

	position: absolute;
	z-index:-1;
	left: 50%;
	margin-left: -126px;
	top: 5.8em;

	border-left: 126px solid transparent;
	border-right: 126px solid transparent;	
	border-top: 50px solid rgba(234,233,232,0.75);
	
	transition: border 0.25s;
}

.scrolled nav#topAccess:after {
	border-top: 0px solid rgba(234,233,232,0.75);

	transition: border 0.25s;	
}

nav #header-menu-left,
nav #header-menu-right {
	width: 49.75%;
	display: inline-block;
}

nav #header-menu-left {
	text-align: right;
}

nav #header-menu-right {
	text-align: left;
}

nav #header-menu-left li,
nav #header-menu-right li {
	padding: 0 3.0em;
	position: relative;
}

nav #header-menu-left li.spaced {
	margin-right: 10.0em;
}

nav #header-menu-right li.spaced {
	margin-left: 10.0em;
}

nav #header-menu-left a,
nav #header-menu-right a {
	color: #000;
	display: block;
	min-width: 55px;	
	font: bold 1.3em/2.769230em 'CenturyGothicStd', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color: #000;
	padding: 2.769230em 0 0;
	text-decoration: none;
	text-align: center;
}

nav ul.sub-menu {
	display: none;
	position: absolute;
	top: 7.1em;
	left: 0;
	float: left;
	width: 100%;
	z-index: 100;
	background: rgba(255,253,249,.8);
	border-top: 3px solid #aebdbc;
	padding-bottom: 1.4em;
}

nav #header-menu-left ul li,
nav #header-menu-right ul li {
	
}

nav #header-menu-left ul ul,
nav #header-menu-right ul ul {
	left: 100%;
	top: 0;
}

nav #header-menu-left .sub-menu li,
nav #header-menu-right .sub-menu li  {
	display: block;
	padding: 0 1.2em;
}

nav #header-menu-left .sub-menu li:after,
nav #header-menu-right .sub-menu li:after {
	content: '';
	display: block;
	width: 40px;
	height: 1px;
	background: #000;	
}

nav #header-menu-left .sub-menu a,
nav #header-menu-right .sub-menu a  {
	line-height: 1.0em;
	height: auto;
	font: 1.2em/1.0em 'CenturyGothicStd', Arial, Helvetica, sans-serif;
	padding: 15px 0 11px;
	text-align: left;
	color: #000;
}


nav #header-menu-left > li:hover > a,
nav #header-menu-right > li:hover > a {
	border-bottom: 3px solid #aebdbc;
	margin-bottom: -3px;
}

nav #header-menu-left .sub-menu li:hover:after,
nav #header-menu-right .sub-menu li:hover:after {
	background: #aebdbc;
}

nav #header-menu-left .sub-menu > li:hover > a,
nav #header-menu-right .sub-menu > li:hover > a {
	color: #aebdbc;
}

nav #header-menu-left > li:hover > a:after,
nav #header-menu-right > li:hover > a:after {
	content: '';
	width: 0;
	height: 0;

	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -8px;

	border-left: 8px solid transparent;
	border-right: 8px solid transparent;	
	border-bottom: 8px solid #aebdbc;
}

nav #header-menu-left li:hover ul,
nav #header-menu-right li:hover ul {
	display: block;
}

/* = Footer Menu
-------------------------------------------------------------- */
nav.footerAccess { float: left; }

nav #footer-menu li {
	padding: 0;
}

nav #footer-menu li:after {
	content: '|';
	padding: 0 1.3em 0 1.2em;
}

nav #footer-menu a {
	color: #545454;
	text-decoration: none;
}

nav #footer-menu a:hover { }

/* =Footer
-------------------------------------------------------------- */
/* Structure the footer area */
footer {
	clear: both;
	width: 100%;
	padding: 0;
	font: bold 1.0em/1.75em 'CenturyGothicStd', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	position: relative;
	z-index: 6;
	background: url(images/bg.jpg) center top;
}

.home footer {
	position: absolute;
	bottom: 0;
	padding: 0 0 2.0em;
}

.single-product footer {
	z-index: 4;
}

footer .wrapper {
	padding: 1.41666em 0 0;
	border-top: 1px solid #545454;	
}

footer address {
	float: right;
	color: #545454;
	font-style: normal;
}

footer address img {
	vertical-align: middle;
}

/* =Content
-------------------------------------------------------------- */

#main {
	clear: both;
	position: relative;
	padding: 0;
	font-size: 1.4em;
	line-height: 1.5em;
	color: #333;
	z-index: 5;
	background: url(images/bg.jpg) center bottom;
}

.error404 #main {
	padding-top: 9.0em;
}

.meta-info {
	padding: 1.0em 0;
	margin: 1.0em 0;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
}
.meta-details {
	padding: 1.0em 0;
	margin: 1.0em 0;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
}

.details-prep {
	display: inline;
	font-weight: bold;
}

.details-prep:after {
	content: ':';	
}

.meta-details ul {
	display: inline;
	padding: 0;
	margin: 0;
}

.meta-details li {
	display: inline;
}
.meta-details li:before {
	content: ', ';	
}
.meta-details li:first-child:before {
	content: '';
}

#meta-author-info {
	background: #f2f7fc;
	border-top: 4px solid #000;
	clear: both;
	font-size: 14px;
	line-height: 20px;
	margin: 24px 0;
	overflow: hidden;
	padding: 18px 20px;
}
#meta-author-info #author-avatar {
	background: #fff;
	border: 1px solid #e7e7e7;
	float: left;
	height: 60px;
	margin: 0 -104px 0 0;
	padding: 11px;
}
#meta-author-info #author-description {
	float: left;
	margin: 0 0 0 104px;
}
#meta-author-info h2 {
	color: #000;
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 0;
}
#main .video-player {
	padding: 0;
}

/* Archive Product Styles */
.post-type-archive-product #main article,
.tax-collection_type #main article {
	width: 22.91666%;
	padding: 0 1.041666%;
	display: inline-block;
	text-align: center;	
	vertical-align: top;
}

.post-type-archive-product #main article a,
.tax-collection_type #main article a {
	color: #242424;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}

.ccc_hover_image_views ul {
	padding-bottom: 0.3571428em;	
}

/* Single Product Styles */
.single-product article {
	width: 48.75%;
	margin-left: 51.25%;
	padding-top: 3.571428em;
}

.single-product article p {
	padding-bottom: 1.428571em;
	font-size: 0.857142em;
	line-height: 1.5em;
}

.ccc_color_list {
	padding: 0.285714em 0 1.0714285em;
}

.single-product .ccc_color_list {
	padding: 1.142857em 0 1.571428em;
}

.ccc_color_list li {
	list-style: none;
	display: inline-block;
	padding: 0 0.2142857em;
	max-width: 1.7857142em;
}

.single-product .ccc_color_list li {
	padding: 0 0.285714em;
	max-width: 2.857142em;
}

.ccc_color_list li a,
.ccc_color_list li a img {
	display: block;	
}

.ccc_color_list span,
.product-thumbnails span {
	display: none;
}

#ccc_image_views,
#ccc_image_details,
.button-holder {
	display: block;	
	border-top: 1px solid #242424;
	width: 47.435%;
	min-width: 222px;
	padding-top: 0.5em;
}


#ccc_image_views {
	margin-top: 1.2142857em;
	padding-bottom: 1.2142857em;
}

#ccc_image_details {
	padding-bottom: 1.2142857em;
}

.product-thumbnails {
	padding: 0;
	margin: -0.3571428em 0 1.7857142em;
}

.product-thumbnails li {
	list-style: none;
	display: inline-block;
	padding: 0 0 0 1.5em;
	max-width: 4.285714em;
}

.product-thumbnails li:first-child {
	padding: 0;
}

.product-thumbnails li a,
.product-thumbnails li a img {
	display: block;	
}

#at20mc { 
	display: none !important;
}

.ios #at20mc { 
	display: block !important
	top: auto !important;
	bottom: 0 !important;
	left: 20px !important;
}

.ios #at3lb,
.ios #at3win {
	display: none !important;
}

.shop-button,
.share-button {
	display: inline-block;
	margin-bottom: 1.285714em;
}

.shop-button,
.share-button {
	color: #fff;
	text-decoration: none;
	width: 6.7857142em;
	height: 2.857142em;
	line-height: 2.857142em;
	font-weight: normal;
	text-align: center;
	margin-right: 1.571428em;
	position: relative;
}

.shop-button,
.share-button {
	background: #242424;	
}

.share-button {
	background: #a7a9ac;
	margin-right: 0;	
}

.shop-button:hover,
.share-button:hover {
	color: #fff;
	font-weight: bold;
}

.shop-button:hover:before,
.share-button:hover:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -8px;
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 8px solid #e5e5e4;		
}

#enlarge_zoom_holder {
	position: absolute;
	top: 4.6428571em;
	left: 0;
	width: 47.91666%;
	padding-top: 3.571428em;	
}

#enlarge_zoom_caption {
	padding: 0.83333em 0 1.5em;
	font-size: 0.857142em;
	line-height: 1.5em;
}

/* Store Archive Styles */
ul.store-list {
	padding: 0.444em 2.777em 0;
	letter-spacing: 0px;
}

.store-list li {
	list-style: none;
	display: inline-block;
	width: 20%;
	text-align:center;
	padding: 0.2777em 2.5%;
}

.store-list a {
	color: #000;
}

.store-list a:hover {
	color: #9a744f;
}

/* Anchor Menus */
#location-nav,
#product-nav {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: #242424;
	z-index:10;
	padding-bottom: 0;
	text-align: center;
	text-transform: uppercase;
}

#location-nav li,
#product-nav li {
	list-style: none;
	display: inline-block;
	padding: 0.67857142em 3.9285714em;
}

#location-nav a,
#product-nav a {
	text-decoration: none;
	color: #fff;
	border-bottom: 1px solid #242424;
	font: bold 0.857142em/1.0em 'CenturyGothicStd', Arial, Helvetica, sans-serif;
	letter-spacing: 1px;

	transition: color 0.5s;	
	transition: border 0.5s;
}

#location-nav a:hover,
#product-nav a:hover {
	color: #aebcb8;
	border-bottom: 1px solid #aebcb8;

	transition: color 0.5s;	
	transition: border 0.5s;
}

.home .anythingSlider-default .anythingControls {
	bottom: 4.25em;
}

.home .anythingSlider .anythingControls ul li {
	height: 19px;
	margin: 0.25em;
}

.home .anythingSlider .anythingControls ul li a {
	border: none;
	width: 18px;
	height: 19px;
	border-radius: 0;
	background: url(images/triangle-down.png) no-repeat center center;
}

.home .anythingSlider .anythingControls ul li:nth-child(2n+1) a {
	background: url(images/triangle-up.png) no-repeat center center;
}

.home .anythingSlider .anythingControls ul li a.cur {
	background: url(images/triangle-down-cur.png) no-repeat center center;
}

.home .anythingSlider .anythingControls ul li:nth-child(2n+1) a.cur {
	background: url(images/triangle-up-cur.png) no-repeat center center;
}

.home .anythingSlider .anythingControls ul li a:hover {
	background: url(images/triangle-down-hover.png) no-repeat center center;
}

.home .anythingSlider .anythingControls ul li:nth-child(2n+1) a:hover {
	background: url(images/triangle-up-hover.png) no-repeat center center;
}

.anythingSlider-default .arrow {
	z-index: 4;
}

/* General Panel Styles */
.ccc_anchors a {
	font: bold 0.857142em/1.0em 'CenturyGothicStd', Arial, Helvetica, sans-serif !important;
	letter-spacing: 1px;
}

.ccc_anchors li {
	padding: 0.67857142em 3.9285714em;
}

.ccpanel {
	position: relative;	
}

.ccc_anchors + .ccpanel {
	padding-top: 2.857142em !important;
}

.abstract + .ccc_anchors + .ccpanel {
	padding-top: 0em;
}

.panel-content.content-inline,
.panel-content.content-boxed,
.panel-content.content-tabbed {
	position: absolute;
	bottom: 11%;
	left: 0;
	width: 100%;
	background: rgba(255,255,255,.85);	
	color: #000;
}

.portrait_thumbnail {
	top: 161px;
	bottom: auto;
}

/*#content .ccpanel img.featured {
	width: 100%;
	max-width: none;
	height: auto;
	display: block;
}*/

header img.featured,
#content .ccpanel img.featured,
header .ccpanel img.featured {
	width: auto !important;
	height: 100%;
	max-width: none !important;
	max-height: 100%;	
	margin: 0 auto;
	display: block;
	text-align: center;
}

header .anythingSlider {
	position: absolute;
	z-index: 1;
}

header .anythingSlider-default .arrow {
	z-index: 2;	
}

.panel-content.content-normal div.left,
#main .panel-content.content-normal div.left {
	clear: none;
	padding-left: 6.363636%;
	width: 56%;
}

.panel-content.content-normal div.right,
#main .panel-content.content-normal div.right {
	clear: none;
	padding-right: 6.363636%;
	width: 28.454545%;
}

.panel-content.content-normal h2.center {
	border-top: none;
	text-transform: none;
	text-align: center;
	font: bold 1.285714em/2.0em 'CenturyGothicStd', Arial, Helvetica, sans-serif;
	padding: 8.944em 0 0;
}

.panel-content.content-normal div.left h3,
.panel-content.content-normal div.right h3 {
	font: bold 1.142857em/1.5em 'CenturyGothicStd', Arial, Helvetica, sans-serif;
	padding: 0.9375em 0 0.5625em;
}

.panel-content.content-normal ul {
	
}

.panel-content.content-normal li {
	
}

/* Inline Panel Styles */
.panel-content.content-inline {
	background: rgba(36,36,36,.9);	
	color: #fff;
	font: 1.285714em/1.222em 'CenturyGothicStd', Arial, Helvetica, sans-serif;
	padding: 0.8333em 0 1.555em;
}

.panel-content.content-inline p,
.panel-content.content-inline p.one-col {
	width: 25.7272%;
	padding-right: 3.6364%;
	float: right;
	padding-bottom: 0;
}

.panel-content.content-inline p.two-col {
	width: 58.7272%;
}

.panel-content.content-inline p:before,
.panel-content.content-inline p.one-col:before {
	content: '';
	position: absolute;
	top: 4px;
	left: 0;
	width: 68.6364%;
	height: 5px;	
	background: #fff;
}

.panel-content.content-inline p.two-col:before {
	width: 35.6364%;
}

.panel-content.content-inline ul li {
	width: 25.7272%;
	padding: 0 3.6364%;
	display: inline-block;
	vertical-align: top;
}

/* Boxed Panel Styles */
.panel-content.content-boxed {
	position: absolute;
	bottom: 13.272727%;
	left: 32.363636%;
	width: 27.272727%;
	padding: 3%;
	background: rgba(255,255,255,.5);	
	color: #fff;
	text-transform: uppercase;
	font: bold 0.857142em/1.333em 'CenturyGothicStd', Arial, Helvetica, sans-serif;
	text-align: center;
	letter-spacing: 2px;
}

.panel-content.content-boxed p {
	letter-spacing: 2px;
}

.panel-content.content-boxed .larger {
	font: bold 1.333em/1.0em 'CenturyGothicStd', Arial, Helvetica, sans-serif;	
	padding-bottom: 0.125em;
}

.panel-content.content-boxed .largest {
	position: relative;
	font: bold 6.0em/0.9444em 'CenturyGothicStd', Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 0.3888em 0 0.6111em;
}

.panel-content.content-boxed .largest:before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -9px;
	width: 0;
	height: 0;
	border-top: 9px solid #fff;
	border-right: 9px solid transparent;
	border-left: 9px solid transparent;		
}

.panel-content.content-boxed img {
	margin: 0 auto;
}

.panel-content.content-boxed ul {
	list-style: none;
	font: bold 0.8333em/1.0em 'CenturyGothicStd', Arial, Helvetica, sans-serif;
	border-top: 1px solid #fff;
}

.panel-content.content-boxed li {
	float: left;
	width: 50%;
}

.panel-content.content-boxed li a {
	display: inline-block;
	text-decoration: none;
	position: relative;
	padding: 0.4em 0 0.4em 1.0em;
}

.panel-content.content-boxed li a:before {
	content: '';
	position: absolute;
	top: 4px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 6px solid #fff;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;		
}


.panel-content.content-boxed li a:hover {
	border-bottom: 1px solid #fff;
	margin-bottom: -1px;
}

/* Special Boxed Panel Styles */
.panel-content.special-boxed {
	width: 280px;
	padding: 50px;
	height: 395px;
	background: none;
	overflow: hidden;
	left: 50%;
	margin-left: -190px;
}

.panel-content.special-boxed a.inner-bg,
.panel-content.special-boxed img.inner-bg,
#content .panel-content.special-boxed img.inner-bg {
	position: absolute;
	top: 0;
	line-height: 0;
	left: -50px;
	top: -50px;
	z-index: 2;
}

.panel-content.special-boxed .inner-bg img,
#content .panel-content.special-boxed .inner-bg img,
.panel-content.special-boxed img.inner-bg,
#content .panel-content.special-boxed img.inner-bg {
	width: 380px;
	height: auto;
	max-width: 380px;
}

.panel-content.special-boxed .inner-bg ~ * {
	position: relative;
	z-index: 3;
}

/* Tabbed Panel Styles */
.panel-content.content-tabbed {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(36,36,36,.9);	
	color: #fff;
	z-index: 9;
}

.panel-tab {
	position: absolute;
	top: -2.6428571em;
	left: 50%;
	margin-left: -109px;
	width: 190px;
	background: rgba(229,229,228,.9);	
	padding: 0 14px;
	font: 1.0em/2.714285em 'CenturyGothicStd', Arial, Helvetica, sans-serif;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #000;
}

.panel-tab:hover,
.up .panel-tab {
	background: rgba(36,36,36,.9);	
	color: #fff;
}

.panel-tab:hover {
	cursor: pointer;
}

.products-callout {
	text-align:center;
}

.products-callout li {
	text-align: center;
	width: 140px;
	margin: 13px 10px 19px;
	display: inline-block;
	vertical-align: top;
}

.products-callout li a.padded {
	display: block;
	padding: 0.6428571em;
	background: #e5e5e4;
	margin-bottom: 0.2142857em;
}

.products-callout li img {
	display: block;
	margin: 0 auto;
}

.products-callout li a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 0.857142em;
	letter-spacing: 1px;
	color: #fff;
}

.panel-content.content-tabbed:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* =Gallery listing
-------------------------------------------------------------- */

.gallery {
	margin: 0 auto 1.0em;
}

.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}

.gallery .gallery-caption { }

.gallery img {
	border: 1px solid #DEDEDE;
	padding: 0.5em;
	margin: -1px;
	background: #EEEEEE;
}

.gallery br+br {
	display: none;
}

/* =Images
-------------------------------------------------------------- */

#content img {
	width: auto;
	max-width: 100%;
	height: auto;
}

#content .attachment img { }

#main .wp-smiley {
	margin: 0;
}

#main .attachment img { /* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}


/* =Navigation
-------------------------------------------------------------- */

.navigation { }
.navigation a {
	text-decoration: none;
}
.navigation a:hover {
	color: #3C3;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#nav-above {
	margin: 0 0 1.0em 0;
}
#nav-below {
	margin: 1.0em 0 0 0;
}


/* =Comments
-------------------------------------------------------------- */
#comments {
	clear: both;
}
#comments .navigation {
	padding: 0 0 1.5em 0;
}
.commentlist {
	list-style: none;
	margin: 2.0em 0;
}
.commentlist li.comment {
	margin: 2.0em 0 0 0;
	padding: 0;
	position: relative;
}
.commentlist li.comment.depth-1:first-child {
	border-top: 0;
	margin: 0;
}
.commentlist li:last-child {
	border-bottom: none;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 1.5em;
}
#comments .comment-body p:last-child {
	padding-bottom: 0;
}

.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 1.25em;
	left: 1.25em;
}
.comment-author {
/*	padding-top: 0.5em; only use if showing avatars*/
}
.comment-author,
.comment-meta {
/*	padding-left: 50px; only use if showing avatars*/
}
.comment-author cite {
	font-style: normal;
	color: #F63;
}
#comments .reply {
	font-size: 0.8em;
}
.comment-meta {
	font-size: 0.75em;
	padding-bottom: 1.25em;
}
.commentlist .children {
	list-style: none;
	margin-left: 3.5em;
}

.commentlist li > div[id*="comment"] {
	padding: 1.25em;
	background: #F3F3F3;
	border-top: 1px solid #DEDEDE;
	border-left: 1px solid #DEDEDE;	
	border-bottom: 1px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;	
	border-radius: 0.75em;
}

.nopassword,
.nocomments {
	display: none;
}

/* Comments form */
#respond {
	position: relative;
}

.commentlist li > div[id*="comment"] + #respond {
	margin-top: 2.0em;	
}

#respond #commentform {
	padding-bottom: 2.5em;	
}

.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 4.0em 0 0;
}
#comments-list #respond {
	margin: 0 0 1.5em 0;
}
#comments-list ul #respond {
	margin: 0;
}
#respond .form-allowed-tags {
	float: left;
	color: #666;
	font-size: 0.75em;
	line-height: 1.5em;
	width:65%;
	float:left;	
}

#respond .form-allowed-tags code {
	font-size: 1.0em;	
}

#respond input[type="submit"] {
	width: auto;
	float: right;
	padding-left: 1.0em;
	padding-right: 1.0em;	
}

/* =Widget Areas
-------------------------------------------------------------- */

.widget_search #s {/* This keeps the search inputs in line */
	width: 60%;
}

.widget_search label {
	display: none;
}

.widget-container {
	margin: 0 0 1.0em 0;
}

#wp_tag_cloud div {
	line-height: 1.6em;
}

#wp-calendar {
	width: 100%;
}

#wp-calendar caption {
	text-align: left;
}

#wp-calendar thead { }

#wp-calendar thead th { }

#wp-calendar tbody { }

#wp-calendar tbody td {
	background: #EEEEEE;
	border: 1px solid #DEDEDE;
	padding: 3px 0 2px;
	text-align: center;
}

#wp-calendar tbody .pad {
	background: none;
}

#wp-calendar tfoot #next {
	text-align: right;
}

.widget_rss .widget-title img {
	width: 11px;
	height: 11px;
}

/* =Responsive Styles
-------------------------------------------------------------- */
@media screen and (max-width: 960px) {
	.wrapper {  
/*		background: pink;*/
	}
}

@media screen and (max-width: 800px) {
	.wrapper {  
/*		background: yellow;*/
	}
}

@media screen and (max-width: 680px) {
	.wrapper {  
/*		background: lime;*/
	}
}


@media screen and (max-width: 560px) {
	.wrapper {  
/*		background: green;*/
	}

	.commentlist .children {
		margin-left: 1.5em;
	}	
}

@media screen and (max-width: 440px) {
	.wrapper {  
/*		background: blue;*/
	}
}

@media screen and (max-width: 320px) {
	.wrapper {  
/*		background: navy;*/
	}

	.commentlist .children {
		margin-left: 0.5em;
	}	
}

/* =Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */
/* Prevent these devices from automatically adjusting the text size */
body {
    -webkit-text-size-adjust: 100%;
}

/* =Print Style
-------------------------------------------------------------- */

@media print {
	body {
		background: none !important;
	}
	.wrapper {
		clear: both !important;
		display: block !important;
		float: none !important;
		position: relative !important;
	}
	header {
		display: none !important;
	}
	#site-title,
	#site-description {
		float: none;
		line-height: 1.4em;
		margin: 0;
		padding: 0;
	}
	#site-title {
		font-size: 13pt;
	}
	#respond,
	.comment-edit-link,
	.edit-link,
	.navigation,
	.page-link,
	.widget-area {
		display: none !important;
	}
	#content,
	.one-column #content {
		margin: 24pt 0 0;
		width: 100%;
	}
	.wp-caption p {
		font-size: 11pt;
	}
	#site-info,
	#site-generator {
		float: none;
		width: auto;
	}
	img#wpstats {
		display: none;
	}
	#site-generator a {
		margin: 0;
		padding: 0;
	}
	#main {
		display: inline;
	}
}

/* A message for users with JavaScript turned off */
noscript strong {
	display: block;
	font-size: 18px;
	line-height: 1.5em;
	padding: 5px 0;
	background-color: #ccc;
	color: #a00;
	text-align: center;
}

/****************************************/

/* Where we're reassigning div's to HTML5 elements we */
/* need to copy across their CSS styles like so... */

#content figure {
	border: 1px solid #DEDEDE;
	background: #EEEEEE;
	margin: -1px -1px 1.5em;
	padding: 0.5em;
	text-align: center;
}
#content figure img {
	margin: 0.5em 0.5em;
}
#content figure figcaption {
	margin: 0.5em;
}

ul:after,
ol:after,
form:after,
nav ul:after,
#main:after,
.wrapper:after,
nav.footerAccess:after,
footer:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}