/*
Theme Name: Wings+Horns
*/



/** 
* Reset 
*/
html, body, div, span, object, iframe, p, blockquote, pre,
abbr, address, cite, code, del, dfn, img, ins, kbd, q, samp,
small, sub, sup, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

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

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }

body {  } 
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

html { overflow-y: scroll; }
ol { list-style-type: decimal; }
p { margin: 0 0 1em 0; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }

sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }
select{ max-width: 99%; /* for ff */ }

.clearfix { clear:both; margin:0; padding:0; }

@font-face{  
  font-family:'AmericanTypeWriterRegular';  
  src: url('fonts/americantypewriter-webfont.eot'); /* IE */  
  src: local("American Typewriter"), url('fonts/americantypewriter-webfont.ttf') format("truetype"); /* non-IE */  
} 

/** 
* Base Content Styles 
*/ 
body { 
  color: #232323;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
  -webkit-text-size-adjust: none;
}

h1, h2, h3, h4, h5, h6 { 
  font-family: 'AmericanTypwrterITCW01- 731031';
  font-size: 17px;
  line-height: 18px;
  font-weight: normal;
}
h1{
  font-family: 'AmericanTypwrterITCW01- 731031';
  font-size: 17px;
  line-height: 18px;
  font-weight: normal;
  padding-bottom: 7px;
  margin-bottom: 3px;
  border-bottom: 1px solid #ededed;
}
h2{ 
  font-family: 'AmericanTypwrterITCW01- 731031';
  font-size: 17px;
  line-height: 18px;
  font-weight: normal;
}

a {
  color: #a5a5a5;
  text-decoration: none;
  outline: 0;
  transition: color .2s ease-in;
  -moz-transition: color .2s ease-in;
  -webkit-transition: color .2s ease-in;
  -o-transition: color .2s ease-in;
}
a:hover { color: #232323; }

blockquote{
  font: italic 13px/1.5 georgia, sans-serif;
  margin: 0 0 1.5em 1.25em;
}

ul, ol{ margin: 0 0 1.5em 1.3em; }
li{ margin: 0 0 0.25em 0; }  

input, textarea{
  border: solid 1px #ededed; 
  padding: 0 4px;
  color: #333;  
  line-height: 20px;
  height: 20px;
  outline:none;
}
input[type="image"]{ border: none; }
input::-webkit-input-placeholder{
  color: #cecece;
  line-height: 20px;
}
input::-moz-placeholder{
  color: #cecece;
  line-height: 20px;
}

button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

table{
  width: 100%;
  margin: 0 0 1.5em 0;
  border-collapse: collapse;
}
table th{
  padding: 4px 8px;
  font-weight: normal;
  border: solid 1px #ededed;
  text-align: center;
  font-size: 11px;
  line-height: 18px;
}
table td{ 
  padding: 5px;
  border: solid 1px #ededed;
  text-align: center;
}
tfoot th{ background: transparent; }


/** 
* Structure 
*/

html,body { height: 100%; }
html.fs { overflow:hidden; }
body { text-align: center; }
body.no-scroll, .fs body { overflow: hidden; }

.wrapper{ 
  width: 100%;
  margin: 0 auto;
  text-align: left;
  min-height: 100%;
}
.ie6 .wrapper{ height: 100%; }  

.content-wrapper{
  width: 1000px;
  min-width: 1000px;
  margin: 0 auto;
}
.page-template-landing-php .content-wrapper,
.page-template-about-php .content-wrapper{
  width: 100%;
  margin: auto;
}
.page-template-landing-php .content-wrapper,
.page-template-collection-php .content-wrapper { margin-top:100%; }
.page-template-about-php .content-wrapper { height:100%; position:relative; }

#col-main{
  float: left;
  width: 1000px;
  min-width: 1000px;
  position: relative;
  z-index: 1;
}
.page-template-collection-php #col-main,
.page-template-about-php #col-main{
  position:static;
}
.page-template-landing-php #col-main,
.page-template-about-php #col-main{
  width: 100%;
}
.page-template-three-column-php #col-main,
.page-template-default #col-main{
  padding-bottom:80px;
}
#col-main.content{
  width: 700px;
}
#col-main.full{
  width: auto;
  float: none;
}  

#col-widgets{
  float: right;
  width: 215px;
}  

#content h1{
  float: left;
  width: 100%;
  margin: 0px 0 23px;
}

/** 
* Header 
*/ 

#top{
  min-width: 864px;
  padding: 53px 68px 20px 68px;
  margin: 0 auto 30px auto;
  border-bottom: 1px solid #ededed;
  position: relative;
  z-index: 2;
}
.page-template-landing-php #top,
.page-template-about-php #top{
  margin-bottom: 0;
}

#site-title{
  font-family: 'AmericanTypwrterITCW01- 731031';
  text-align: center;
  margin: 0;
  padding: 0;
  border: none;
}
#site-title a{
  text-decoration: none;
  width: 208px;
  height: 28px;
  display: inline-block;
  background:url(images/logo.png) top left no-repeat;
  text-indent: -9000px;
  overflow: hidden;
} 
#site-title a:hover{
} 



/** 
* Top Menu 
*/ 

#top-menu{
  padding: 13px 0 0 0;
  margin: 0;
}
#top-menu ul{
  text-align:center;
}
#top-menu li{ 
  display: inline; 
}
#top-menu a{
  padding: 6px 10px 9px;
  text-decoration: none;
}
#top-menu .current-menu-parent > a,
#top-menu .current-menu-item > a,
#top-menu .current_page_parent > a,
#top-menu a:hover,
#top-menu .active > a{
  color: #232323;
} 
#top-menu .active > a{
  background: #fff;
  background: rgba(255, 255, 255, .85);
  -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);  
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

#top-menu .current-menu-parent > a .nav-arrow,
#top-menu .current-menu-item > a .nav-arrow,
#top-menu .current_page_parent > a .nav-arrow,
#top-menu .active > a .nav-arrow,
#top-menu a:hover .nav-arrow{
  border-top-color: #232323;
}

/* dropdown menus */
#top-menu .has-dropdown{
  position: relative;
  display: inline;
}
.js #top-menu .has-dropdown a{
  padding-right: 21px;
}

.js #top-menu .nav-arrow{
  position: absolute;
  top: 6px;
  right: 9px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #a5a5a5;  
  display: block;
  transition:border-color .2s ease-in;
  -moz-transition:border-color .2s ease-in;
  -webkit-transition:border-color .2s ease-in;
  -o-transition:border-color .2s ease-in;
}
.ie7 #top-menu .nav-arrow { top:12px; }
.ie9 #top-menu .nav-arrow { top:4px; }

#top-menu ul ul{
  clear: none;
  position: absolute;
  z-index: 30;
  background: #fff;
  background: rgba(255,255,255,0.85);
  top: 23px;
  left: 0px;
  /*left: -1px;*/
  padding: 5px 0;
  display: none;
  width: 200px;
  text-align: left;
  -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;  
}
.ie9 #top-menu ul ul{ top: 22px; }
#top-menu ul ul a{
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;  
}
.ie6 #top-menu ul ul,
.ie7 #top-menu ul ul,   
.ie8 #top-menu ul ul{
  border-width: 0 1px;
}
#top-menu ul .first ul{
  left: 0;
} 

#top-menu ul ul li{
  float: none;
  display: block;
  padding: 0 10px;
} 
#top-menu ul ul a{
  margin: 0; padding: 0;
  display: block;
  border: none;
}

/** 
* Shopping Cart at the Top 
*/ 

#breadcrumbs{
  position: absolute;
  top: 0;
  left: 68px;
  font-size: 11px;
  line-height: 24px;
  text-transform: lowercase;
}

#breadcrumbs ul{
  margin: 0;
  padding: 0;
  list-style: none;
}
#breadcrumbs li{
  float: left;
  padding: 0;
} 
#breadcrumbs a{ color: #a2a2a2; }
#breadcrumbs a:hover { color:#232323; }
#breadcrumbs li .separator { 
  float: left;
  width: 17px;
  height: 24px;
  display: block;
  background: url(images/separator.png) top left no-repeat;
}

#umbrella{
  position: absolute;
  top: 0;
  right: 68px;
  font-size: 11px;
  line-height: 24px;
}

#umbrella ul{
  margin: 0;
  padding: 0;
  list-style: none;
}
#umbrella li{
  float: left;
  padding: 0 9px;
} 
#umbrella li.cart-total{
  display:none;
  background: #e7e7e7;
  margin-right: 1px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
} 
#umbrella li.cart-link{
  background: #e7e7e7;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
} 
#umbrella li.cart-total a,
#umbrella li.cart-link a{
  transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: none;
}
#umbrella p{
  margin: 0;
}

#umbrella .num-items-in-cart .icon{
  display: block;
  padding: 0 17px 0 0;
  background: url(images/cart-rollover.png) right 0 no-repeat;
}
#umbrella .num-items-in-cart:hover .icon{
  background-position: right -24px;
}

#umbrella .checkout-link{
  padding: 0;
  margin-right: 0;
  border: none;
}
#umbrella .checkout-link a{  }
#umbrella .checkout-link a:hover{  }  



/** 
* Sections 
*/ 

.heading{
  width: 320px;
  margin: 0 auto 60px auto;
  text-align: center;
  font-size: 13px;
}
.heading h1{ 
  font-family: 'AmericanTypwrterITCW01- 731031';
  font-size: 17px;
  line-height: 18px;
  font-weight: normal;
  padding-bottom: 7px;
  margin-bottom: 3px;
  border-bottom: 1px solid #ededed;
  text-align: center;
}

.section-details{
  margin: 0 0 10px 0;  
}
.section-details a{
  text-decoration: none;
}
.section-details .view-more{
  float: right;
  line-height: 32px;
}

.section-title{
  float: left;
  margin: 0;
} 

#page-title{
  font-size: 22px;
  padding: 0 0 15px 0;
  margin: 0 0 20px 0;
}

/**
* Landing
*/

#landing-feature { position:relative; float:left; width:100%; height:100%; display:block; background:url(images/ajax-loader.gif) no-repeat center center; overflow:hidden; }
#landing-feature .image { position:absolute; top:0px; left:0px; width:100%; height:100%; display:block; background-repeat:no-repeat; background-size:cover; -ms-behavior:url(/wp-content/themes/wingsandhorns/js/backgroundsize.min.htc); opacity:0; filter:alpha(opacity=0); }
.ie8 #landing-feature .image { background-position:center center; }
a#down-tab{
  position: absolute;
  bottom: 0px;
  left: 50%;
  margin-left: -62px;
  height: 25px;
  width: 125px;
  display: block;
  background: url(images/down-tab-rollover.png) 0 0 no-repeat;
  z-index:2;
}
a#down-tab:hover{ background-position:0 -25px; }

.supersized { display:block; position:absolute; left:0; top:136px; margin:0; overflow:hidden; z-index:-999; height:100%; width:100%; min-width:1000px; background:#fff; opacity:0; filter:alpha(opacity = 0); }
.fs .supersized { position:fixed; top:0px; min-height:100% !important; z-index:2; }
.supersized img { position:absolute; width:auto; height:auto; display:none; outline:none; border:none; }
/* anchor images to bottom */
.page-template-landing-php .supersized img { top:auto !important; bottom:0px !important; }
.supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
.supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
.supersized li { display:block; list-style:none; z-index:-30; position:absolute; overflow:hidden; top:0; left:0; width:100%; min-width:1000px; height:100%; background:#fff; }
.fs .supersized li { position:fixed; }
.supersized a { width:100%; height:100%; display:block; }
.supersized li.prevslide { z-index:-20; }
.supersized li.activeslide { z-index:-10; }
.supersized li.image-loading { /*background:url(images/ajax-loader.gif) center center no-repeat;*/ width:100%; height:100%; }
.supersized li.image-loading img{ visibility:hidden; }
.supersized li.prevslide img, .supersized li.activeslide img{ display:inline; }
#supersized-loader { position:absolute; top:50%; left:50%; display:none; z-index:0; width:24px; height:24px; margin:-12px 0 0 -12px; text-indent:-999em; background:url(images/ajax-loader.gif) no-repeat center center; }
body.page-template-collection-php #supersized-loader { display:block; }
#slide-list{
  float: left;
  height: 9px;
  width: auto;
  margin: -25px 0 0 16px;
  display: block;
  list-style: none;
}
#slide-list li{
  float: left;
  width: 9px;
  height: 9px;
  margin-right: 4px;
  display: block;
}
#slide-list li a{
  float: left;
  width: 9px;
  height: 9px;
  display: block;
  background: #d3d4cd;
  text-indent: -9000px;
  overflow: hidden;
  cursor: pointer;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  transition:background .2s ease-in;
  -moz-transition:background .2s ease-in;
  -webkit-transition:background .2s ease-in;
  -o-transition:background .2s ease-in;
}
#slide-list li a:hover,
#slide-list li.current-slide a{
  background: #414141;
}
a#prev{
  position: absolute;
  top: 136px;
  left: 0px;
  width: 25%;
  height: 100%;
  display: block;
  background: url(images/prev.png) left center no-repeat;
  opacity: 0;
  filter: alpha(opacity = 0);
  transition: opacity .3s ease-in;
  -moz-transition: opacity .3s ease-in;
  -webkit-transition: opacity .3s ease-in;
  -o-transition: opacity .3s ease-in;
  z-index:1;
}
a#next{
  position: absolute;
  top: 136px;
  right: 0px;
  width: 25%;
  height: 100%;
  display: block;
  background: url(images/next.png) right center no-repeat;
  opacity: 0;
  filter: alpha(opacity = 0);
  transition: opacity .3s ease-in;
  -moz-transition: opacity .3s ease-in;
  -webkit-transition: opacity .3s ease-in;
  -o-transition: opacity .3s ease-in;
  z-index:1;
}
a#prev:hover,
a#next:hover{ opacity:1; filter: alpha(opacity = 100); cursor:pointer; }
.fs a#prev,
.fs a#next{ top:0px; height:100% !important; z-index:3; }

#landing-callouts{
  width: 100%;
  margin: 0 auto;
}
.ie8 #landing-callouts { width:1000px; margin:0 auto; }
.landing-col{
  position: relative;
  float: left;
  width: 25%;
  height: auto;
  min-height: 252px;
  padding: 14px;
  display: block;
  border-left: 1px solid #ededed;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.landing-col.first{ border-left:none; }
.landing-col.extra { display:none; }
@media only screen and (min-width:1323px) {
  .landing-col.extra { display:block; }
}
.landing-col img{
  position:relative;
  float: left;
  width: 100%;
  height:auto;
}
.landing-col a{
  position: relative;
  float: left;
  height: auto;
  width: 100%;
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index:1;
}
.landing-col a > span {
  position: absolute;
  bottom: 14px;
  left: 0;
  height: auto;
  padding: 8px 0 5px; 
  width: 100%;
  display: block;
  background: #fff;
  background: rgba(255,255,255,.95);
  text-align: center;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 1;
  transition: opacity .2s ease-in;
  -moz-transition: opacity .2s ease-in;
  -webkit-transition: opacity .2s ease-in;
  -o-transition: opacity .2s ease-in;
}
.landing-col a > span .title{
  float: left;
  width: 100%;
  padding-top: 1px;
  margin-top: 2px;
  display: block;
  background: url(images/landing-col-div.jpg) top center no-repeat;
  color: #414141;
  font-size: 14px;
  line-height: 24px;
  font-family: 'AmericanTypwrterITCW01- 731031';
}
.landing-col a:hover > span {
  opacity: 1;
  filter: alpha(opacity=100);
}

/**
* Two Column Layout (Journal)
*/
#content h1.archive { text-transform:lowercase; margin-top:2px; }
#primary.post #content { float:left; width:635px; padding-right:128px; min-height:600px; }
#primary.post article .entry-header { float:left; width:100%; }
#primary.post article h1 a { font-size:17px; color:#393939; }
#primary.post article h1 a:hover { font-size:17px; color:#232323; }
#primary.post article h1 .post-date { font-family:Arial; font-size:12px; color:#a2a2a2; text-transform:lowercase; }
#primary.post article .entry-content { float:left; width:100%; margin-bottom:48px; }
#primary.post article .entry-content span a.more-link { margin-left:75%; background:url(images/more-link-rollover-right.png) top right #e7e7e7 no-repeat; color:#a2a2a2; display:block; width:139px; height:24px; float:right; padding:8px 0 0 10px; text-align:left; -webkit-border-radius:3px; border-radius:3px; transition:none; -moz-transition:none; -webkit-transition:none; -o-transition:none; }
#primary.post article .entry-content span a.more-link:hover { color:#000; background-position:right -32px; }
#primary.post article .entry-summary span a.more-link { background:url(images/more-link-rollover-right.png) top right #e7e7e7 no-repeat; color:#a2a2a2; display:block; width:139px; height:24px; margin-bottom:48px; float:right; padding:8px 0 0 10px; text-align:left; -webkit-border-radius:3px; border-radius:3px; }
#primary.post article .entry-summary span a.more-link:hover { color:#000; background-position:right -32px; }
#primary.post .nav-below { float:left; width:100%; height:auto; display:block; margin-bottom:25px; height:auto; border-top:1px solid #ededed; padding:25px 0 60px 0; }
#primary.post .nav-below .nav-next a { background:url(images/more-link-rollover-right.png) top right #e7e7e7 no-repeat; color:#a2a2a2; display:block; width:139px; height:24px; float:right; padding:8px 0 0 10px; text-align:left; text-transform:lowercase; -webkit-border-radius:3px; border-radius:3px; transition:none; -moz-transition:none; -webkit-transition:none; -o-transition:none; }
#primary.post .nav-below .nav-next:hover a { background-position:right -32px; }
#primary.post .nav-below .nav-previous a { background:url(images/more-link-rollover-left.png) top left #e7e7e7 no-repeat; color:#a2a2a2; display:block; width:94px; height:24px; float:left; padding:8px 10px 0 45px; text-align:right; text-transform:lowercase; -webkit-border-radius:3px; border-radius:3px; transition:none; -moz-transition:none; -webkit-transition:none; -o-transition:none; }
#primary.post .nav-below .nav-previous:hover a { background-position:left -32px; }
#primary.post .nav-below span:hover a { color:#232323; }
.page-template-template-customer-service-php article,
.page-template-default article { width:635px; }

/**
* Collection
*/
#content.collection p { display: none; }
.collection-info{
  position:absolute;
  top:174px;
  left:68px;
  height:auto;
  width:auto;
  display:block;
}
.fs .collection-info{ position:fixed; top:7px; z-index:4; }
.collection-info h1{
  float: left;
  padding: 0;
  margin: 0 0 7px !important;
  border: none;
}
.collection-info .counter{
  float:left;
  font-size:11px;
}
.collection-info #fs-toggle{
  float: left;
  width: 38px;
  height: 38px;
  display: block;
  background: #fff url(images/fs-toggle-rollover.png) 0px 0px no-repeat;
  cursor: pointer;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; 
}
.collection-info #fs-toggle:hover{ background-position: 0px -38px; }
.fs .collection-info #fs-toggle{ background-position: 0px -76px; }
.fs .collection-info #fs-toggle:hover{ background-position: 0px -114px; }
.collection-copy{
  position:absolute;
  top: 244px;
  left: 68px;
  height: auto;
  width: 270px;
  display: none;
  font-size:11px;
  line-height:12px;
}
#content.collection .collection-copy p{ margin-bottom: 12px; display: block; }
.page-template-collection-php .supersized{ top: 170px; }
.page-template-collection-php a#next, 
.page-template-collection-php a#prev { background:none; opacity:1; filter: alpha(opacity = 100); }
.page-template-collection-php a#next span, 
.page-template-collection-php a#prev span{
  position:absolute;
  top:50%;
  height:51px;
  width:51px;
  margin-top:-93px;
  display:block;
  background:#fff 0 0 no-repeat;
  transition: background-color .3s ease-in;
  -moz-transition: background-color .3s ease-in;
  -webkit-transition: background-color .3s ease-in;
  -o-transition: background-color .3s ease-in;
}
.page-template-collection-php a#next:hover span, 
.page-template-collection-php a#prev:hover span{ background-color:#888; }
.page-template-collection-php a#next span{
  right: 0;
  background-image:url(images/next.png);
}
.page-template-collection-php a#prev span{
  left: 0;
  background-image:url(images/prev.png);
}

/**
* Company
*/

.page-template-about-php .about-copy {
  position: absolute;
  top: 50%;
  left: 50%;
  height: auto;
  width: 428px;
  padding: 15px 15px 0 15px;
  margin-left:-229px;
  display: block;
  background: #fff;
  background: rgba(255,255,255,.9);
  z-index: 1;

}
.page-template-about-php .about-copy h2{ margin: 0 0 7px 0; }

/* Customer Service */
#accordion {
  float:left;
  width:100%;
  margin-top:20px;
}
#accordion h2{
  padding-bottom: 7px;
  margin: 0 0 9px 0;
  border-bottom: 1px solid #ededed;
  color: #a5a5a5;
  background: url(http://cdn.shopify.com/s/files/1/0161/7586/t/2/assets/accordion-rollover.png?2588) right -13px no-repeat;
  cursor: pointer;
}
#accordion h2:hover,
#accordion h2.current{
  background-position: right -48px;
  color: #232323;
}
#accordion h2.current { /*cursor: default;*/ }
#accordion div { padding-top:14px; display:none; }

/**
* Three Column Template (Retailers, Contact)
*/
#content.three-column h1 { margin-top:20px; }
#content.three-column ul{
  float: left;
  width: 330px;
  height: auto;
  margin: 0 0 20px 0;
  display: block;
  list-style: none;
}
#content.three-column ul li{
  float: left;
  width: 100%;
  margin: 0;
  line-height: 17px;
}

/**
* Stockists
*/
.stockists {
  height:620px;
}
.stockists .Tab > li {
  display:none;
}
.stockists .Tab > .show {
  display:block;
}

.stockists * {
  padding:0;
  margin:0;
}
.stockists .TabNav {
  float:left;
  width:100%;
  height:50px;
  line-height:50px;
  border-bottom: 1px solid #ededed;
}
.stockists .TabNav li {
  cursor:pointer;
  display:block;
  height:100%;
  float:left;
  padding:0;
  margin:0 20px 0 0;
  border-bottom: 1px solid transparent;
}
.stockists .TabNav li.active {
  border-bottom: 1px solid #000;
  cursor:default;
}
.stockists .TabNav li h1 {
  text-transform: lowercase;
  display: block;
  margin: 0 !important;
  padding: 0;
  font-size: 18px;
  float: left;
  width: 100%;
  color:#a5a5a5;
  line-height:inherit;
  height:100%;
}
.stockists .TabNav li.active h1 {
  color:#000;
  border-bottom:1px solid #000;
}

.Tab {
  float:left;
  width:100%;
  margin:40px 0;
}
.Tab .content {
  -webkit-column-count: 3; /* Chrome, Safari, Opera */
  -moz-column-count: 3; /* Firefox */
  column-count: 3;
}
.Tab .group {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
.Tab ul {
  list-style-type:none;
  padding:0 0 30px 0;
}
.Tab h3 {
  color: #232323;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  line-height: 18px;
  padding:0 0 5px 0;
}

/** 
* Product and Collection Grid 
*/

.product-grid{
  list-style: none;
  margin: 0;
}
.product-grid li{
  width: 228px;
  height: 261px;
  float: left;
  display: none;
  padding: 14px;
  margin: 0;
  position: relative;
  border-right:1px solid #ededed;
  border-bottom:1px solid #ededed;
}
.product-grid li.first, .product-grid li.last{
  padding:14px 0;
}
.product-grid li.last{
  border-right:none;
}

.product-grid .product-link{
  display: block;
  position: relative;
  z-index: 1;
  text-decoration: none;
  margin: 0;
  height: 261px;
  width: 228px;
  background: 0 0 no-repeat;
} 
.product-grid .product-link span{
  position: absolute;
  bottom: 14px;
  left: 0;
  height: auto;
  width: 188px;
  padding: 10px 20px;
  display: none;
  background: #fff;
  background: rgba(255,255,255,0.90);
  color: #232323;
  font-size: 14px;
  line-height: 18px;
  font-family: 'AmericanTypwrterITCW01- 731031';
  text-align: center;
} 
.product-grid .product-link:hover{
  background-position: 0 -261px;
}
.product-grid .product-link:hover span{
  display:block;
}

.product-photo{
  max-width: 177px; 
}
.ie6 .product-grid{ 
  overflow: hidden; 
}

.product-information{
  padding: 10px;
  position: relative;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px; 
}
.product-information h3{
  margin: 5px 0 10px 0;
}
.product-information p{
  line-height: 1.4em;
  margin: 0 0 .75em 0;
}

.product-price{
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: auto;
  padding: 4px 8px;
  text-align: right;
  font-weight: bold;
  opacity: .85; 
  filter: alpha(opacity = 85);
  -webkit-border-radius: 4px 0 0 0;
  -moz-border-radius: 4px 0 0 0;
  border-radius: 4px 0 0 0; 
}

#featured-grid li{
  width: 240px;  
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;  
}
#featured-grid .product-photo{ 
  max-width: 240px; 
}
#featured-grid .product-price{
  top: -30px;
  right: 0;
  bottom: auto;
  padding: 3px 8px;
  font-size: 14px;
  line-height: 24px;
}



/** 
* Single Product 
*/ 
#product{
  width: 1000px;
  margin: 0 auto;
}
#product-information{ 
  float: right;
  width: 329px;
}

#product-top{
  float: left;
  width: 100%;
  margin-top: 10px;
}
#product-top .navigate, #product-top .social{
  float: left;
  width: 50%;
  height: 14px;
  display: block;
}
.social .email{
  float: right;
  width: 14px;
  height: 14px;
  margin-left: 5px;
  display: block;
  /*background: url({{ 'email-rollover.png' | asset_url }}) 0 0 no-repeat;*/
  text-indent: -9000px;
  overflow: hidden;
}
.social .email:hover{
  background-position: 0 -14px;
}
/*
.social .facebook{
float: right;
width: 14px;
height: 14px;
margin-left: 5px;
display: block;
background: url({{ 'facebook-rollover.png' | asset_url }}) 0 0 no-repeat;
text-indent: -9000px;
overflow: hidden;
}
.social .facebook:hover{
background-position: 0 -14px;
}
.social .twitter{
float: right;
width: 14px;
height: 14px;
margin-left: 5px;
display: block;
background: url({{ 'twitter-rollover.png' | asset_url }}) 0 0 no-repeat;
text-indent: -9000px;
overflow: hidden;
}
.social .twitter:hover{
background-position: 0 -14px;
}
*/
#purchase{
  float: left;
  width: 163px;
  height: auto;
  display: block;
}
.sold-out #purchase{
  float: none;
  text-align: left;
}
#purchase a{
  font-size: 11px;
  line-height: 12px;
}
#add-to-cart{
  float: left;
  height: 32px;
  width: 163px;
  padding: 0 48px 0 10px;
  display: block;
  /*background:#e7e7e7 url({{ 'add-to-cart-rollover.png' | asset_url }}) right 0 no-repeat;*/
  border: none;
  color: #a2a2a2;
  text-align: left;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#add-to-cart:hover{
  background-position: right -32px;
  color: #232323;
}
#add-to-cart.disabled{
  background-position: right 0 !important;
  color: #fafafa;
  cursor: default;
}

#product-header{
  margin: 0 0 20px 0;
}
#product-header #product-header-title{ 
  float: left;
  width: 100%;
  margin: 14px 0 36px 0;
}
#product-title{
  margin: 0 0 5px 0;
}
.price{
  float: left;
  font-size: 17px;
  line-height: 18px;
  font-family: 'AmericanTypwrterITCW01- 731031';
}
.price span{
  float: right;
  margin-left: 10px;
  font-size: 11px;
  line-height: 18px;
  font-family: Arial, Helvetica, sans-serif;
  vertical-align: top;
  text-transform: lowercase;
}

#product-actions select{
  padding: 3px;
}
#product-actions .price{
  font-size: 18px;
  margin: 0;
  font-weight: bold;
  text-align: right;
}
#product-actions .compare_at_price{
  font-size: 12px;
  display: block;
}

.description h2{
  padding-top: 15px;
  margin: 0 0 13px 0;
  border-top: 1px solid #ededed;
  color: #a5a5a5;
  /*background: url({{ 'accordion-rollover.png' | asset_url }}) right 0 no-repeat;*/
  cursor: pointer;
}
.description h2:hover,
.description h2.current{
  background-position: right -35px;
  color: #232323;
}
.description h2.current { cursor: default; }

.options{
  float: left;
  width: 100%;
  height: auto;
  padding-top: 14px;
  margin-bottom: 16px;
  display: block;
  border-top: 1px solid #ededed;
}
.variants-wrapper{
  float: left;
  width: 158px;
  height: auto;
  margin-right: 8px;
  display: block;
}
.selector-wrapper{
  float: left;
  width: 100%;
  margin: 0 0 8px 0 ;  
}
.selector-wrapper select{
  width: 100%;
}
.selector-wrapper label{
  margin: 0 5px 0 0;
  text-align: right;
}

/* styled dropdown menu */
.ui-selectmenu{
  position: relative;
  float: left;
  width: 158px;
  height: 32px;
  margin-bottom: 8px;
  display: block;
  font-size: 13px;
  line-height: 18px;
  outline: none;
  overflow: hidden;
}
.ui-selectmenu .ui-selectmenu-status{
  padding: 7px 0 7px 10px;
  display: block;
  background-color: #e7e7e7;
  color: #a2a2a2;
  line-height: 18px;
  outline: none;
  text-decoration: none;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.ui-selectmenu.ui-state-active .ui-selectmenu-status{
  -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ui-selectmenu:hover .ui-selectmenu-status { color:#232323; }
.ui-selectmenu.ui-state-active { overflow:visible; }
.ui-selectmenu.ui-state-active:hover .ui-selectmenu-status { color:#232323; }
.ui-selectmenu .ui-selectmenu-icon{
  position: absolute;
  right: 0px;
  top: 0px;
  width: 31px;
  height: 32px;
  /*background: url({{ 'select-button-rollover.png' | asset_url }}) 0 0 no-repeat;*/
}
.ui-selectmenu.ui-state-active .ui-selectmenu-icon{
  background-position: 0 0;
}
.ui-selectmenu.ui-state-active:hover .ui-selectmenu-icon,
.ui-selectmenu:hover .ui-selectmenu-icon{
  background-position: 0 -32px;
}
.ui-selectmenu-menu{
  position: absolute;
  top: 0;
  padding: 0;
  margin: 0;
  background: #e7e7e7;
  text-align: left;
  visibility: hidden;
  overflow: auto;
  z-index: 2;
  -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.ui-selectmenu-menu.ui-selectmenu-open { visibility:visible; }
.ui-selectmenu-menu ul{
  margin: 0;
  list-style: none;
}
.ui-selectmenu-menu ul li { margin: 0; }
.ui-selectmenu-menu li a{
  padding: 7px 0 7px 10px;
  display:block;
  outline:none;
}



#add-to-cart-msg{
  padding: 10px;
  display: none;
  margin: 0;
}    

#product-information #sharing{
  margin: 16px 0 0 0;
  padding: 16px 0 0 0;
  list-style: none;
}
#product-information #sharing li{
  margin: 0;
  float: left;
}  

.back{
  float: left;
  width: auto;
  height: 12px;
  padding-left: 19px;
  margin: -20px 0 8px;
  display: block;
  /*background: url({{ 'back-rollover.png' | asset_url }}) 0 0 no-repeat;*/
  font-size: 11px;
  line-height: 12px;
}
.back:hover{
  background-position: 0 -12px;
}

#product-gallery{
  width: 655px;
}

#active-wrapper{
  position: relative;
  float: left;
  width: 550px;
  min-height: 50px; 
  overflow: hidden; 
}
#active-wrapper img{
  display: block;
  width: auto;
  max-width: 550px;
}
#active-wrapper #zoom{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
}
#active-wrapper #zoom span{
  position: absolute;
  top: 0;
  right: 0;
  height: 45px;
  width: 84px;
  display: block;
  /*background: url({{ 'zoom-rollover.png' | asset_url }}) 0 0 no-repeat;*/
}
#active-wrapper #zoom:hover span{
  background-position: 0 -45px;
}

.thumbs{
  float: left;
  width: 100px;
  margin: 0;
  list-style: none;
}
.thumbs li{
  float: left;
  margin: 0 1px 1px 0;
  width: 100px;
  height: 100px;   
  background-color: #fff;
  text-align: center; 
}  
.thumbs a {
  float: left;
  width: 100px;
  height: 100px;
  display: block;
  background: left center no-repeat;
  background-size: cover;
  opacity: 1;
  filter: alpha(opacity = 100);
}  
.thumbs a:hover{
  opacity: .2;
  filter: alpha(opacity = 20);
} 
.thumbs a.active{
  opacity: .2;
  filter: alpha(opacity = 20);
}

/* zoom overlay */
#overlay{
  height: 100%;
  width: 100%;
  display: none;
  background: #fff;
  overflow: hidden;
  z-index: 9999;
}
#overlay .close{
  position: absolute;
  top: 24px;
  right: 24px;
  height: 33px;
  width: 33px;
  display: block;
  /*background: url({{ 'close-rollover.png' | asset_url }}) 0 0 no-repeat;*/
  text-indent: -9000px;
  overflow: hidden;
  cursor: pointer;
  z-index: 2;
}
#overlay .close:hover{
  background-position: 0 -33px;
}
#overlay #zoomed-image{
  position:relative;
  height: 100%;
  text-align: center;
}
#overlay #zoomed-image img{
  float: left;
  width: 100%;
}
#overlay .thumbs{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

h1#shop-this-look{
  margin: 37px 0 0 0;
  padding-bottom: 13px;
  border-bottom: 1px solid #ededed;
  text-align: center;
}

#content #nav-below .nav-previous { margin-bottom:25px; }


/** 
* Footer 
*/ 

#bottom{ 
  min-width: 864px;
  padding: 17px 68px 9px;
  margin: 0 0 50px 0;
  border-top: 1px solid #ededed;
  font-size: 11px;
  line-height: 12px;
  clear: both; 
  overflow: hidden;
  height: 1%;
}
.templateIndex #bottom, .templateCollection #bottom, .templateListCollections #bottom, .templateProduct #bottom { border: none; }
#footer-left{ 
  width: 324px;
  float: left;
}
#footer-right{
  width: 540px;
  float: right;
}

#bottom ul{
  list-style: none;
  margin: 0 0 10px 0
} 
#bottom li{
  float: left;
  margin: 0 0 0 10px;
  padding: 0 0 0 10px;
}
#bottom li.current-menu-item a{ color:#232323; }
#bottom p{ line-height: 1.5em }

#bottom .copy{ float:left; }
#bottom .menu-footer-left-container{ float:left; }
#footer-nav{
  margin: 14px 0 0 0; 
}
#footer-nav li{
  border-left: solid 1px #a2a2a2;
}

#footer-right-nav{
  float:right;
  margin: 14px 0 0 0; 
}
#footer-right-nav li{
  border-left: solid 1px #a2a2a2;
}
#bottom .mailing-list{
  float: right;
  width: 52px;
  height: 27px;
  margin-top: -5px;
  color: #a5a5a5;
  overflow: hidden;
}
#bottom .mailing-list .inner { float:left; width:260px; }
#bottom .mailing-list a{
  float: left;
  margin-top: 5px;
}
#bottom .mailing-list a span { display:none; }
#bottom .mailing-list.expanded a span { display:inline; }
#bottom .mailing-list #mce-EMAIL{
  float: left;
  height: 20px;
  width: 160px;
  margin: 0 0 0 7px;
  padding: 0 6px;
  line-height: 20px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#bottom .mailing-list #mc-embedded-subscribe{
  float: left;
  height: 22px;
  width: 22px;
  padding: 0;
  display: block;
  background: #ededed url(images/subscribe-rollover.png) 0 0 no-repeat;
  border: none;
  text-indent: -9000px;
  overflow: hidden;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#bottom .mailing-list #mc-embedded-subscribe:hover{
  background-position:0 -23px;
}

/**
* Sidebar Custom Styles
**/

#secondary { display: none; }
#secondary { float:left; width:237px; }
#secondary #searchsubmit { float:left; background:url(images/search-rollover.png) -2px -2px no-repeat; display:block; width:24px; height:24px; border-right:1px solid #ededed; border-left:none; }
#secondary #searchsubmit:hover { background-position:-2px -26px; }
#secondary input { float:left; height:22px; width:204px; border-right:none; }

#secondary .widget-title { border-bottom:1px solid #ededed; padding-bottom:6px; margin:0px 0px 10px; font-size:14px; line-height:18px; }
#secondary aside { float:left; width:100%; margin-bottom:17px; }

#secondary.widget-area aside#search-2 { height:30px; }

#secondary.widget-area { padding-top:45px; }
#secondary.widget-area .social { float:left; width:100%; margin-bottom:5px; }
#secondary.widget-area .social a { margin-right:10px; }
#secondary.widget-area .social .facebook { float:left; background:url('images/facebook-rollover.png') 0 0 no-repeat; width:14px; height:14px; display:block; }
#secondary.widget-area .social .facebook:hover { background-position:0 -14px; }
#secondary.widget-area .social .twitter { float:left; background:url('images/twitter-rollover.png') 0 0 no-repeat; width:14px; height:14px; display:block; }
#secondary.widget-area .social .twitter:hover { background-position:0 -14px; }
#secondary.widget-area .social .instagram { float:left; background:url('images/instagram-rollover.png') 0 0 no-repeat; width:14px; height:14px; display:block; }
#secondary.widget-area .social .instagram:hover { background-position:0 -14px; }

#secondary ul { margin:0; padding:0; }
#secondary ul li { list-style-type:none; margin:0; padding:0; }
#secondary ul li a { text-transform:lowercase; }

/**
* Ten Year
**/
body.single-ten-year-products,
body.page-template-template-ten-year-php { background:#000; color:#fff; }

body.page-template-template-ten-year-php .content-wrapper,
body.single-ten-year-products .content-wrapper { width:100%; margin:auto; }

body.page-template-template-ten-year-php #col-main,
body.single-ten-year-products #col-main { width:100%; }

body.page-template-template-ten-year-php #top,
body.single-ten-year-products #top { margin-bottom:0px; border-color:#232323; }

body.page-template-template-ten-year-php #site-title a,
body.single-ten-year-products #site-title a { background-image:url(images/ten-year/ty-logo.png); }

body.page-template-template-ten-year-php a:hover,
body.single-ten-year-products a:hover { color:#fff; }
body.page-template-template-ten-year-php #breadcrumbs a:hover,
body.single-ten-year-products #breadcrumbs a:hover { color:#fff; }
body.page-template-template-ten-year-php #top-menu ul ul,
body.single-ten-year-products #top-menu ul ul { background:#232323; background:rgba(35,35,35,0.85); }
body.page-template-template-ten-year-php #top-menu .active > a,
body.single-ten-year-products #top-menu .active > a { background:#232323; background:rgba(35,35,35,0.85); }
body.page-template-template-ten-year-php #top-menu .current-menu-parent > a .nav-arrow,
body.single-ten-year-products #top-menu .current-menu-parent > a .nav-arrow,
body.page-template-template-ten-year-php #top-menu .current-menu-item > a .nav-arrow,
body.single-ten-year-products #top-menu .current-menu-item > a .nav-arrow,
body.page-template-template-ten-year-php #top-menu .current_page_parent > a .nav-arrow,
body.single-ten-year-products #top-menu .current_page_parent > a .nav-arrow,
body.page-template-template-ten-year-php #top-menu .active > a .nav-arrow,
body.single-ten-year-products #top-menu .active > a .nav-arrow,
body.page-template-template-ten-year-php #top-menu a:hover .nav-arrow,
body.single-ten-year-products #top-menu a:hover .nav-arrow { border-top-color:#fff; }
body.page-template-template-ten-year-php #top-menu .current-menu-parent > a,
body.single-ten-year-products #top-menu .current-menu-parent > a,
body.page-template-template-ten-year-php #top-menu .current-menu-item > a,
body.single-ten-year-products #top-menu .current-menu-item > a,
body.page-template-template-ten-year-php #top-menu .current_page_parent > a,
body.single-ten-year-products #top-menu .current_page_parent > a,
body.page-template-template-ten-year-php #top-menu a:hover,
body.single-ten-year-products #top-menu a:hover,
body.page-template-template-ten-year-php #top-menu .active > a,
body.single-ten-year-products #top-menu .active > a { color:#fff; }
body.single-ten-year-products #top-menu li.ten-year > a { color:#fff; }
body.single-ten-year-products #top-menu .current_page_parent > a { color:#a5a5a5; }
body.single-ten-year-products #top-menu .current_page_parent > a:hover { color:#fff; }
body.page-template-template-ten-year-php #umbrella li.cart-total,
body.single-ten-year-products #umbrella li.cart-total { background:#232323; background:rgba(35,35,35,0.85); }
body.page-template-template-ten-year-php #umbrella li.cart-link,
body.single-ten-year-products #umbrella li.cart-link { background:#232323; background:rgba(35,35,35,0.85); }
body.page-template-template-ten-year-php  #umbrella .num-items-in-cart .icon,
body.single-ten-year-products #umbrella .num-items-in-cart .icon { background-image:url(images/ten-year/ty-cart-rollover.png); }

.ten-year-grid { list-style:none; margin:0px; }
.ten-year-grid li { width:228px; height:261px; float:left; display:none; padding:14px; margin:0px; position:relative; border-right:1px solid #232323; border-bottom:1px solid #232323; }
.ten-year-grid li .ten-year-content { position:absolute; top:0px; left:0px; width:513px; height:100%; padding:0px 98px 0px 98px; display:block; background:#000; color:#949494; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.ten-year-grid li .ten-year-content h2 { margin:0 0 7px 0; color:#fff; }
.ten-year-grid li .ten-year-content .copy { float:left; width:100%; height:auto; display:block; opacity:0; filter:alpha(opacity=0); }
.ten-year-grid li .ten-year-content strong { color:#fff; font-weight:normal; }
.ten-year-grid li .count { position:absolute; top:13px; left:20px; display:none; color:#a5a5a5; font-size:12px; line-height:18px; opacity:0.35; filter:alpha(opacity=35); z-index:2; }
.ten-year-grid li .product-grid-item { height:100%; }
.ten-year-grid li .product-grid-item > span { padding-top:121px; display:block; color:#b9b9b9; text-align:center; opacity:0.35; filter:alpha(opacity=35); }
.ten-year-grid li.first,
.ten-year-grid li.last { padding:14px 0px; }
.ten-year-grid li.last { border-right:none; }
.ten-year-grid .product-link { display:block; position:relative; z-index:1; text-decoration:none; margin:0px; height:261px; width:228px; background:center center; background-size:261px auto; } 
.ten-year-grid .product-link .title { position:absolute; bottom:14px; left:0px; height:auto; width:188px; padding:10px 20px; display:block; background:#000; background:rgba(0,0,0,0.9); color:#fff; font-size:14px; line-height:18px; font-family:'AmericanTypwrterITCW01- 731031'; text-align:center; z-index:1; opacity:0; filter:alpha(opacity=0); }
/*.ten-year-grid .product-link .title { position:absolute; top:0px; left:0px; height:100%; width:100%; display:block; background:#000; background:rgba(0,0,0,0.45); color:#fff; font-size:17px; line-height:24px; font-family:'AmericanTypwrterITCW01- 731031'; text-align:center; z-index:1; opacity:1; filter:alpha(opacity=100); }
.ten-year-grid .product-link .title .collaborators { float:left; width:100%; height:auto; display:block; color:#b9b9b9; font-size:12px; line-height:24px; font-family:Arial, Helvetica, sans-serif; }
.ten-year-grid .product-link .title .collaborators span { float:left; width:100%; display:block; }
.ten-year-grid .product-link .title .collaborators .divider { width:100%; height:18px; background:url(images/ten-year/divider.png) center center no-repeat; }
.ten-year-grid .product-link .title .product-name { position:absolute; bottom:15px; left:0px; width:100%; height:auto; display:block; font-size:15px; }*/
.ten-year-grid .product-link:hover .title { opacity:1; filter:alpha(opacity=100); }
.ten-year-grid .product-link .image { position:absolute; top:0px; left:0px; height:100%; width:100%; display:block; background:center center; background-size:261px auto; z-index:2; opacity:1; filter:alpha(opacity=100); transition:opacity .2s ease-in; -moz-transition:opacity .2s ease-in; -webkit-transition:opacity .2s ease-in; -o-transition:opacity .2s ease-in; }
.ten-year-grid .product-link:hover .image { opacity:0; filter:alpha(opacity=0); }

body.single-ten-year-products #landing-feature { background-image:url(images/ten-year/ty-ajax-loader.gif); }
body.single-ten-year-products #landing-feature .title { position:absolute; top:50%; left:0px; height:auto; width:100%; margin-top:-26px; display:none; color:#fff; font-size:30px; line-height:30px; font-family:'AmericanTypwrterITCW01- 731031'; text-align:center; z-index:1; }
.no-js body.single-ten-year-products #landing-feature .title { display:block; }
body.single-ten-year-products #landing-feature .title .collaborators { float:left; width:100%; height:auto; display:block; color:#b9b9b9; font-size:12px; line-height:24px; font-family:Arial, Helvetica, sans-serif; }
body.single-ten-year-products #landing-feature .title .collaborators .divider { width:23px; height:24px; display:inline-block; background:url(images/ten-year/divider.png) center center no-repeat; }
body.single-ten-year-products #landing-feature .title .product-name { float:left; width:100%; height:auto; margin-top:-2px; display:block; }
body.single-ten-year-products a#next { background-image:url(images/ten-year/ty-next.png); z-index:2; }
body.single-ten-year-products a#prev { background-image:url(images/ten-year/ty-prev.png); z-index:2; }
body.single-ten-year-products a#down-tab { width:111px; height:29px; padding-top:7px; background:#000 url(images/ten-year/ty-down-tab-rollover.png) center 17px no-repeat; border-top-left-radius:3px; border-top-right-radius:3px; color:#a5a5a5; font-size:13px; text-align:center; transition:none; }
body.single-ten-year-products a#down-tab:hover { background-position:center -19px; color:#fff; }
body.single-ten-year-products .landing-col { border-color:#232323; }
body.single-ten-year-products .landing-col a > span { background:#000; background:rgba(0,0,0,0.70); }
body.single-ten-year-products .landing-col a > span .title { color:#fff; }

body.page-template-template-ten-year-php #bottom { border:none; }
body.single-ten-year-products #bottom { border-color:#232323; }
body.page-template-template-ten-year-php #bottom .mailing-list #mce-EMAIL,
body.single-ten-year-products #bottom .mailing-list #mce-EMAIL { background-color:#000; border-color:#232323; color:#fff; }
body.page-template-template-ten-year-php #bottom .mailing-list #mc-embedded-subscribe,
body.single-ten-year-products #bottom .mailing-list #mc-embedded-subscribe { background-color:#232323; background-image:url(images/ten-year/ty-subscribe-rollover.png); border-color:#232323; }

/* blog updates */
.blog .content-wrapper, 
.single-post .content-wrapper,
.category .content-wrapper{
  width: 100%;
  position: relative;
}

.blog .nav-below { margin-top: -1px;}

.blog .content-wrapper,
.category .content-wrapper {top: -30px;}

.blog #col-main,
.category #col-main {
  width: 100%;
}

.single-post #col-main {
  margin: 0 auto;
  float: none;
}
.blog #primary.post #content, 
.category #primary.post #content, 
.single-post #primary.post #content {
  float: none;
  width: 100%;
  padding-right: 0;
}
.blog article, .category article {
  width:25%;
  float:left;
  overflow: hidden;
  height:auto;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  border-right:1px solid #ededed;
  border-bottom:1px solid #ededed;
  padding:14px;
  position: relative;
}

.relatedposts article {
  width:33% !important;
  float:left;
  overflow: hidden;
  height:auto;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  border-right:1px solid #ededed;
  padding:14px;
  position: relative;
}

.relatedposts .entry-title a { color: #393939; }

.blog #primary.post article .entry-header,
.category #primary.post article .entry-header,
.relatedposts article .entry-header {
  position: absolute;
  bottom: 30px;
  background: rgba(255, 255, 255, 0.9);
  text-align: center;
  padding: 20px 0;
  left: 0;
  opacity:0; filter:alpha(opacity=0);
  -webkit-transition: opacity 0.2s; 
  transition: opacity 0.2s;
  width: 100%;
}

.blog .nav-previous { margin-left: 20px; display: block;}
.blog .nav-next { margin-right: 20px; display: block;}

.touch .blog #primary.post article .entry-header,
.touch .category #primary.post article .entry-header,
.touch .category #primary.post article .entry-header,
.touch .relatedposts article .entry-header {
  opacity:1; filter:alpha(opacity=100);
}

.blog #primary.post article:hover .entry-header,
.category #primary.post article:hover .entry-header,
.relatedposts article:hover .entry-header { 
  opacity:1; filter:alpha(opacity=100);
}

.single-post #primary.post article .entry-header {
  text-align: center;
  padding: 30px 0;
}
.single-post #primary.post article .entry-title {
  border: 0;
  background: url(images/landing-col-div.jpg) top center no-repeat;
  padding: 5px 0;
  font-size: 18px;
}

.blog #primary.post article .entry-title,
.relatedposts article .entry-title,
.category #primary.post article .entry-title {
  margin: 0 24px;
  border-bottom: 0;
  padding: 0;
  float: none;
  width: auto;
  background: url(images/landing-col-div.jpg) top center no-repeat;
  padding: 5px 0;
}

.blog #primary.post article .entry-title a,
.blog #primary.post article .entry-title a:hover,
.relatedposts article .entry-title a,
.relatedposts article .entry-title a:hover,
.category #primary.post article .entry-title a,
.category #primary.post article .entry-title a:hover {
  font-size: 14px;
}

.blog .entry-date,
.relaedposts .entry-date, 
.category .entry-date {
  padding: 4px 0;
  display: block;
}

.single-post .entry-date {
  padding: 7px 0;
  display: block;
}

.single-post #primary.post article .entry-title {
  padding: 10px 0;
}


.blog .cover img,
.category .cover img,
.relatedposts .cover img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

.single-post .entry-content { 
  text-align: center; 
}
.single-post article { 
  width: 1000px; 
  margin: 0 auto; 
}
.single-post p.fullwidth { 
  width: 100%; 
  text-align: center; 
  text-align: center;
}
.single-post article p { 
  width: 635px; 
  display: block; 
  margin: 0 auto; 
  margin-bottom: 30px; 
  text-align: left; 
  font-size: inherit;
  line-height: 24px;
}
.single-post article p.wp-caption-text { 
  font-size: 11px;
  line-height: 18px;
}
.single-post article img {
  max-width: 100%;
  height: auto;
}
.relatedposts-wrapper { 
  text-align: center; 
}
.relatedposts { 
  border-top: 1px solid #ededed; 
  margin-top: 30px; 
}
.relatedposts .inner {
  margin: 0 auto;
  position: relative;
  max-width: 1000px;
  border-left: 1px solid #ededed;
  overflow: hidden;
}

.single-ten-year-products .relatedposts-wrapper { 
  display: none; 
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.single-post .nav-below { border: 0 !important; padding-bottom: 25px !important; }

@media only screen and (max-width : 1322px) {
  .blog article, .category article {
    width:33%;
  }
}

.col2 {
  box-sizing: border-box;
  width: 50% !important;
  padding: 10px;
  float: left;
}
.col2 .col2,
.col2 img {
  width: 100% !important;
  display: block;
}
.col2 p {
  width: 100% !important;
  box-sizing: border-box;
  padding: 10px;
  display: block;
}