/* HTML5 ✰ Boilerplate
 * ==|== normalize ==========================================================
 */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 12px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a { text-decoration: underline; color: #222; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 0; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* ==|== primary styles ===================================================== */

html, body {
	font-size: 11px;
	height: 100%;
}

body {

}

div#container {
	width: 100%;
	height: 100%;
}

div.site-width {
	width: 960px;
	margin: 0pt auto;
}

div.site-width.smaller {
	width: 960px;
}


@font-face {
    font-family: 'alte_haas_groteskregular';
    src: url('altehaasgroteskregular-webfont.eot');
    src: url('altehaasgroteskregular-webfont.eot?#iefix') format('embedded-opentype'),
         url('altehaasgroteskregular-webfont.woff') format('woff'),
         url('altehaasgroteskregular-webfont.ttf') format('truetype'),
         url('altehaasgroteskregular-webfont.svg#alte_haas_groteskregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'alte_haas_groteskbold';
    src: url('altehaasgroteskbold-webfont.eot');
    src: url('altehaasgroteskbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('altehaasgroteskbold-webfont.woff') format('woff'),
         url('altehaasgroteskbold-webfont.ttf') format('truetype'),
         url('altehaasgroteskbold-webfont.svg#alte_haas_groteskbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'neuzeits-bookbook';
    src: url('neuzeits-book-webfont.eot');
    src: url('neuzeits-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('neuzeits-book-webfont.woff') format('woff'),
         url('neuzeits-book-webfont.ttf') format('truetype'),
         url('neuzeits-book-webfont.svg#neuzeits-bookbook') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*----------------------------------------------------------
	Header
-----------------------------------------------------------*/

header {
	border-top: 5px solid #222222;
	font-family: 'neuzeits-bookbook', sans-serif ;
}

header div.site-width {
	position: relative;
	height: 100%;
}

header #logo {
	width: 300px;
	height: 84px;
	position: absolute;
	margin: 28px 0 0 320px;
	background: url(../img/images/percival-logo-lockup.png) no-repeat center top;
}

header #navigation {
	padding-top: 90px;
}

header #navigation ul {
	margin: 0; 
	text-align: center;
	width: 100%;
	border-top: 1px solid #222222;
	border-bottom: 1px solid #222222;
	padding: 10px 0;
}

header #navigation ul li {
	display: inline;
}


header #navigation ul li.edge {
	border: none;
}

header #navigation ul li a {
	text-transform: uppercase;
	text-decoration: none;
	color: #222222;
	letter-spacing: 3px;
	padding: 10px 15px;
	margin: 10px;
}

header #navigation ul li a:hover {
	/*background: url(../img/images/nav-selected.gif) no-repeat left 1px;*/
	background: #222;
	color: #fff;
}

header #navigation ul li#nav-shop a {
	padding: 0 18px 0 0;
	
}

header #navigation ul li#nav-shop a {
	background: url(../img/images/nav-selected.gif) no-repeat right 1px;
}

header .cart-preview {
	float: right;
	margin: 10px 0;
}

header .cart-preview a {
	color: #222222;
	text-align: center;
	margin-top: -10px;
	font-size: 11px;
	display: block;
	text-decoration: none;
}

header .cart-preview h3 {
	margin: 0; padding: 0;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 12px;
}

header .cart-preview p {
	font-size: 12px;
	margin: 0; padding: 0;
}

header #search {
	clear: right;
}

.form-search input.input-text {
	width: 180px;
	height: 20px;
	background: url(../img/images/search.png) no-repeat right 5px top 4px #fff;
}

.form-search button.button span {
	height: 25px;
	line-height: 25px;
}

header #account {
	float: right;
	clear: right;
}

header #account ul {
	list-style: none;
}

header #account ul li {
	border-left: 1px solid #222222;
	float:right;
	margin-top: 10px;
	padding: 0 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

header #account ul li.first {
	border-left: none;
}

header #account ul li.last {
	padding-right: 0;
}

header #account ul li a {
	color: #222222;
}

.page-title.About {
	background: url(../img/images/about-header.png) no-repeat;
	height: 450px;
}

.page-title.Contact {
	background: url(../img/images/contact-header.png) no-repeat;
	height: 450px;
}

.page-title.Delivery {
	background: url(../img/images/delivery-header.png) no-repeat;
	height: 450px;
}

.page-title.London {
	background: url(../img/images/london-store-header.png) no-repeat;
	height: 450px;
}

.page-title.Poster {
	background: url(../img/images/poster-hunt-header.png) no-repeat;
	height: 700px;
}

.page-title.blog-title.first-page {
	background: url(../img/images/journal-header.png) no-repeat;
	height: 350px;
}

.page-title h1 {
	background: #222222;
	border: none;
	height: 35px;
	text-align: center;
	margin: 50px auto 10px;
	color: #fff;
	width: 180px;
	letter-spacing: 1px;
}


.page-title.About.Percival h1, .page-title.Delivery h1, .page-title.Contact h1,.page-title.London.Store h1, .page-title.blog-title.first-page h1 {
	margin: 390px auto 0;
}

.page-title.Poster.Hunt h1 {
	margin: 750px auto 0;
}

div.title-line {
	background: url(/media/title-line.png) repeat-x 50%;
}

.page-title.result h1 {
	width: 480px;
}


/*----------------------------------------------------------
	Categories
-----------------------------------------------------------*/

#categories {
	margin-top: 35px;
	font-family: 'neuzeits-bookbook', sans-serif;
}

#category {
	height: 120px;
	margin-bottom: -20px;
	position: relative;
	z-index: 1000;
}

#category span.category-close {
	width: 18px;
	height: 18px;
	display: block;
	position: absolute;
	top: 6px; right: 10px;
	background: url(../img/images/category-close.png) no-repeat;
	cursor: pointer;
}

#category ul {
	padding: 0;
}

#category ul li {
	display: block;
	height: 80px;
	width: 120px;
	float: left;
}

#category ul li a {
	display: block;
	width: 100%;
	text-decoration: none;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
}

#category ul li a span {
	position: absolute;
	color: #fff;
	bottom: 0px;
	left: 0;
	display: block;
	width: 100%;
	text-align: center;
 	text-transform: uppercase;
	letter-spacing: 1px;
}

#category ul li a:hover span {
	text-decoration: underline;
}

#category-anchor {
	height: 42px;
	background: url(../img/images/cat-arrow.png) no-repeat center 32px;
	margin-top: -16px;
}

#category-anchor a {
	color: #fff;
	height: 33px;
	width: 193px;
	display: inline-block;
	text-decoration: none;
	text-transform: uppercase;
	margin-left: 386px;
	line-height: 33px;
	text-align: center;
}

#category-anchor a span.anchor-middle {
	display: inline-block;
	float: left;
	width: 180px;
	background: #222222;
	letter-spacing: 1px;
}

#category-anchor a span.anchor-left, #category-anchor a span.anchor-right {
	display: block;
	width: 6px;
	height: 33px;
	float: left;
}

#category-anchor a span.anchor-right {
	width: 5px;
}

#breadcrumbs {
	height: 17px;
	line-height: 17px;
	margin-bottom: 12px;
}

/*----------------------------------------------------------
	Body
-----------------------------------------------------------*/

#main {
	min-height: 500px;
	margin-bottom: 20px;
	font-family: 'alte_haas_groteskregular', sans-serif;
}

#main .product-preview {
	width: 308px;
	background: #fff;
	float: left;
	position: relative;
	margin: 0 18px 18px 0;
}

#main .product-preview img.roll {
	display: none;
}

#main .product-preview a:hover img.first {
	display: none;
}

#main .product-preview a:hover img.roll {
	display: block;
}

#main .product-preview span.exclusive {
	display: block;
	width: 75px;
	height: 35px;
	background:  url(../img/images/exclusive-ribbon.png) no-repeat;
	position: absolute;
	top: 26px;
	right: -6px;
}

#main .product-preview.last {
	margin-right: 0px;
}

#main .product-preview .inner {
	padding: 4px 4px;
}

#main .product-preview .inner .product-detail {
	height: 50px;
}

#main .product-preview .inner .product-detail h4 {
	padding: 0 0 8px 0;
	margin: 12px 0 0 0;
	font-weight: normal;
	border-bottom: 1px dotted #000;
}

#main .product-preview .inner a {
	text-decoration: none;
	color: #000;
}

#main .product-preview .inner a .product-detail h4 {
	text-decoration: none;
}

#main .product-preview .inner a:hover .product-detail h4 {
	text-decoration: underline;
}

#main .product-preview .inner .product-detail p {
	margin: 8px 0 0 0; padding: 0;
}

#main .product-single {
	width: 640px;
	height: 850px;
	position: relative;
	float: left;
	overflow: hidden;
	margin-left: -10px;
}

#main .product-single .product-image {
	width: 40000px;
	height: 100%;
	position: relative;
}

#main a.carousel {
	position: absolute;
	top: 320px;
	left: 0px;
	background: url(../img/images/carousel-prev.png) no-repeat;
	width: 18px; height: 18px;
}

#main a.carousel.next {
	position: absolute;
	top: 320px;
	left: auto;
	right: 0px;
	background: url(../img/images/carousel.png) no-repeat;
	width: 18px; height: 18px;
}

#main .product-single ul {
	margin: 0; padding: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

#main .product-single ul li {
	padding: 9px 20px 80px 20px;
	list-style: none;
	background: #fff;
	display: block;
	width: 580px;
	height: 770px;
	margin: 0 40px 0 10px;
	float: left;
}

#main .product-details {
	width: 278px;
	float: right;
}

#main .product-details h2 {
	text-transform: uppercase;
	margin-bottom: 15px;
	font-size: 14px;
}

#main .product-details .inner {
	padding: 6px 15px;
}

.product-options, .product-options-bottom {
	font-size: 12px;
}

.input-text.qty {
	display: none;
}

div.add-to-cart button.submit.button.btn-cart {
	border: 1px solid #222;
}

div.add-to-cart button.button span.button-border {
	padding: 0;
}

div.add-to-cart span.button-cart {
	background: #26B04A;
	height: 26px;
	padding: 0 15px;
	border: #fff solid 1px;
} 

label.required {
	padding-right: 5px;
}

#main .product-details .detail-inner {
	background: #fff;
	padding-bottom: 45px;
}

#main .product-tabs ul {
	margin: -8px 0 0 0; padding: 0;
}

#main .product-tabs ul li {
	display: block;
	float: left;
	border-right: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
}

#main .product-tabs ul li.first a {
	padding-left: 15px;
	padding-right: 21px;
}

#main .product-tabs ul li.middle a {
	padding-left: 18px;
	padding-right: 19px;
}

#main .product-tabs ul li.last a {
	padding: 15px 28px;
}

#main .product-tabs ul li.last {
	border-right: 1px solid #fff;
}

#main .product-tabs ul li a {
	display: block;
	width: 100%;
	height: 100%;
	color: #909090;
	padding: 15px 16px;
	text-decoration: none;
}

#main .product-tabs ul li.selected {
	border-bottom: 1px solid #fff;
}

#main .product-tabs ul li.selected a {
	color: #000;
}

#main .product-tabs div.content div {
	display: none;
	margin: 25px 15px 0 15px;
}

#main .product-tabs div.content div p {
	margin: 0;
}

#main .product-tabs div.content div.item-first {
	display: block;
}

/* Social */
#main .social .social-btn {
	width: 60px;
	margin: 20px 20px 0 0;
	float: left;
}

#main p.price {
	font-size: 16px;
	font-weight: bold;
	margin: 30px 0;
}

#main .product-details form label {
	width: 29px;
	float: left;
	margin: 0; padding: 0;
}

#main .product-details form select {
	width: 218px;
	float: right;
}

#main .product-details form p {
	clear: both;
	margin-bottom: 18px;
}

#main .product-details form input.qty {
	width: 35px;
	float: left;
	border: 1px solid #ccc;
}

#main .product-details form .submit {
	background: #333;
	border: none;
	color: #fff;
	line-height: 22px;
	padding: 0 9px;
	margin: -2px 0 0 9px;
	text-transform: uppercase;
}

#main .product-details hr {
	width: 277px;
	margin: 0 0 0 -13px;
}

#main .product-details ul.views {
	margin: 0 0 0 -8px; padding: 0;
	width: 278px;
	float: left;
}

#main .product-details ul.views  li {
	width: 70px;
	height: 70px;
	border: 1px solid #ccc;
	list-style: none;
	margin: 0 25px 28px 0; padding: 0;
	float: left;
}

div.more-views {
	float: left;
	width: 600px;
	background: #fff;
	padding: 0 10px 10px 10px;
}

div.more-views ul.views {
	padding: 0 50px;
}

div.more-views ul.views li{
	float: left;
	padding: 0 5px 10px;
}

#main .product-details ul.views li.last {
	margin-right: 0;
}

#checkoutSteps {
	padding-left: 0;
}

/* Static pages */

div.static-page-column {
	float: left;
	margin-right: 30px;
}

div.static-page-column.three {
	width: 300px;
}

div.static-page-column.two {
	width: 450px;
}

div.static-page-column.last {
	margin-right: 0;
}

div.static-page-column img {
	border: 4px solid #fff;
	margin-bottom: 20px;
}

div.static-page-column div.london-store {
	margin-top: 90px;
}

div.static-page-column div.london-store img {
	border: none;
}

div.static-page-column p {
	line-height: 20px;
	font-size: 13px;
}

div.static-page-column a {
	text-decoration: underline;
	color: #222;
}

/* Special product list */

div.product-list-special {
	height: 460px;
	width: 100%;
	overflow: hidden;
	position: relative;
}

div.product-list-special div.product-list-inner {
	width: 10000px;
	height: 460px;
	position: absolute;
	top: 0; left: 0;
}

div.product-list-special div.product-row {
	float: left;
	margin: 0; padding: 0;
}

div.product-list-special div.product-preview {
	position: relative;
	height: 450px;
}

div.product-list-special div.product-preview a, div.product-list-special div.product-preview a * {
	text-decoration: none;
}

#main div.product-list-special div.product-preview div.product-detail {
	position: absolute;
	top: 12px;
	left: 12px;
	height: 425px;
	z-index: 99;
	width: 290px;
}

#main div.product-list-special div.product-preview div.product-detail .detail-inner {
	position: absolute;
	padding: 20px;
	width: 250px;
	top: 130px;
	text-align: center;
}

#main div.product-list-special div.product-preview div.product-detail h4 {
	text-transform: uppercase;
	font-size: 13px;
	border-bottom: 1px solid #ccc;
	text-decoration: none;
}

div.product-list-special div.product-preview img {
	position: absolute;
	top: 12px;
	z-index: 100;
	left: 12px;
}

div.product-preview a {
	display: block;
	width: 100%;
	height: 100%;
}

#main .product-list-special-header {
	width: 100%;
	height: 33px;
	margin: 0 0 20px 0;
	clear: both;
	background: url(../img/images/title-line.png) repeat-x 50%;
}

#main .category-header {
	height: 33px;
	line-height: 33px;
	width: 180px;
	background: #222222;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	margin: 0pt auto;
}

#main div.product-list-special div.product-preview a:hover div.product-detail {
	background: url(../img/images/trans_black.png);
	z-index: 101;
	color: #fff;
}

#main div.product-list-special div.product-preview a:hover div.product-detail h4 {
	text-decoration: none;
}

/* Social */

/* Social */

#social {
  margin-bottom: 25px;
  padding: 50px 0;
}

#social label {
  width: 270px;
  margin-bottom: 7px; 
  padding: 0;
  text-transform: uppercase;
  float: left;
  letter-spacing: 1px;
}

#social .email-address {
  background: #fff;
  border: 1px solid #444;
  line-height: 20px;
  height: 20px;
  padding: 0 2px;
  margin-right: 5px;
  outline: none;
  width: 180px;
}

#social input.signup-btn {
  width: 80px;
  height: 20px;
  border: none;
  color: #fff;
  text-transform: uppercase;
}

/* HP Carousel */

.hp-carousel-cont {
	height: 350px;
	width: 100%;
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
}

#main .hp-carousel-cont a.carousel {
	z-index: 1000;
	left: 10px;
	top: 320px;
}

#main .hp-carousel-cont a.carousel.next {
	z-index: 1000;
	left: auto;
	right: 10px;
}

.hp-carousel-cont .hp-carousel-inner {
	width: 3000px;
	height: 100%;
	position: absolute;
	top: 0; left: 0;	
	z-index: 799;
}

.hp-carousel-cont .hp-carousel-inner .hp-carousel-image {
	width: 961px;
	height: 350px;
	float: left;
	background: #f2f2f2;
}

.hp-carousel-cont .hp-carousel-lockup {
	width: 330px;
	height: 207px;
	position: absolute;
	top: 31px; left: 35px;
	background: url(../img/images/STORE_PAGE_CAROSEL_LOCKUP.png) no-repeat;
	cursor: pointer;
	z-index: 800;
}

.hp-carousel-cont .hp-carousel-lockup a {
	display: block;
	width: 100%; height: 100%;
}

.hp-carousel-cont .hp-video {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	z-index: 801;
}

.round-control {
	display: block;
	width: 15px;
	height: 14px;
	background: url(../img/images/round-control-off.png) no-repeat;
	float: left;
	margin: 0 9px 0 0;
}

.round-control.on {
	display: block;
	background: url(../img/images/round-control-on.png) no-repeat;
}

.controls {
	width: 100%;
	/*border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;*/
	padding: 10px 0;
}

.control-cont {
	margin: 0 0 0 430px;
}

div.promo-row {
	float: left;
	margin-bottom: 50px;
}

div.promo-item {
	float: left;
	margin-right: 30px;
	background: #fff;
	position: relative
}

div.promo-item a {
	text-decoration: none;
	background-image:none!important;
}

div.post-list div.promo-item {
	margin: 0 10px 10px 2px;
}

div.promo-item div.promo-title {
	width: 280px;
	color: #000;
	text-align: center;
	background: #fff;
	padding: 10px;
	opacity: 0.8;
	margin-top: -62px;
}

div.promo-detail a {
	color: #000;
}

div.promo-item div.promo-title h4 {
    margin: 15px 0;	
}

div.promo-item a:hover {
    text-decoration: none;	
}

div.promo-item div.promo-detail {
	opacity:0;
	position: absolute; 
	bottom: 50%;
	left: 20%;
	width: 180px;
	color: #000;
	text-align: center;
}

div.product-list-inner div.promo-item div.promo-detail div.detail-inner h4 {
	border-bottom: 1px solid white;
	padding-bottom: 10px;
}

div.promo-item:hover img {
	opacity:0.2;
	filter:alpha(opacity=20);
	transition: opacity .2s ease;
	-moz-transition: opacity .2s ease;
	-webkit-transition: opacity .2s ease;
	-o-transition: opacity .2s ease;
}

div.promo-item:hover div.promo-detail { 
	opacity:1;
	filter:alpha(opacity=100);
	transition: opacity .3s ease;
	-moz-transition: opacity .3s ease;
	-webkit-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
}

div.promo-item.last {
	margin-right: 0;
}

/*----------------------------------------------------------
	Blog journal
-----------------------------------------------------------*/

div.post-view img {
	border: none;
	background: white;
}
  
div.featured-image {
	border: none;
}

div.featured-image img {
	background: white;
	padding: 6px;
}

span.post-skips a {
	color: #000;
}

span.post-skips a:hover {
	color: #000;
}

.post-entry {
	font-size: 120%;
}

a.to-journal {
	text-decoration: none;
	font-style: normal;
	margin-left: 20px;
	letter-spacing: .1em;
}

div.page-title.post-title {
	margin-bottom: -35px;
}

div.page-title.blog-title {
	margin-top: -20px;
}

/*----------------------------------------------------------
	Footer
-----------------------------------------------------------*/

footer {
	background: #222222;
	color: #fff;
	font-family: 'neuzeits-bookbook', sans-serif;
	margin-top: 50px;
}

footer .site-width {
  position: relative;
}

footer .key-icon {
  display: block;
  width: 39px;
  height: 31px;
  position: absolute;
  top: -17px;
  left: 50%;
  margin-left: -20px;
  background: url(../img/images/footer-key.png) no-repeat;
}

#links {
  padding: 0 10px;
  display: inline-block;
  width: 480px;
  vertical-align: top;
}

#links ul {
  margin: 0; padding: 0;
}

#links ul li {
  margin: 0; padding: 0;
  list-style: none;
  text-transform: uppercase;
  display: inline-block;
  margin: 3px 10px;
}

#links ul li:after {
  margin: 0 10px;
}

#links ul li.last:after {
  content: '';
}

#links ul li a {
  color: #fff;
  text-decoration: none;
}

.about-contact-divider {
  margin: 0 10px;
}

#social .social-left {
  display: inline-block;
}

#social-links {
	height: 35px;
	display: inline-block;
	vertical-align: top;
}

#social-links ul, #social-links li {
	margin: 0; padding: 0;
	list-style: none;
}

#social-links ul li {
	display: block;
	width: 36px;
	height: 35px;
	float: left;
	margin: 0 10px 0 0;
	position: relative;
	cursor: pointer;
}

#social-links ul li#instagram {
	background: url(../img/images/instagram-logo.png) no-repeat;
}

#social-links ul li#twitter {
	background: url(../img/images/twitter-logo.png) no-repeat;
}

#social-links ul li#fb {
	background: url(../img/images/fb-logo.png) no-repeat;
}

#social-links ul li#vimeo {
	background: url(../img/images/vimeo-logo.png) no-repeat;
	margin-right: 0;
}

#social-links ul li .social-roll {
	display: none;
	width: 119px;
	height: 59px;
	overflow: hidden;
	position: absolute;
	top: -53px;left: -10px;
	background: url(../img/images/social-roll-bg.png) no-repeat;
	z-index: 999;
}

#social-links ul li .social-roll div.inner {
	padding: 10px;
}

#social-links ul li:hover .social-roll {
	display: block;
}

#product_addtocart_form a {
	color: #222;
	text-decoration: underline;
}

.sale {
	color: #ed1c24;
}

a.bl {
	width: 100%;
	height: 100%;
	display: block;
}

.ribbon {
	position: absolute;
	top: 160px;
	left: 0px;
	height: 28px;
	line-height: 28px;
	color: #fff;
	padding: 0 10px 0 0;
	font-size: 12px;
	background: url(../img/images/page-banner-lh-flag.png) no-repeat top right;
}

.ribbon a {
	display: block;
	padding: 0 10px;
	background: url(../img/images/page-banner-middle.png) repeat-x;
	color: #fff;
	text-decoration: none;
}

.ribbon.right {
	left: auto;
	background: url(../img/images/page-banner-rh-flag.png) no-repeat top left;
	right: 0px;
	padding: 0 0 0 10px;
}

#cms-nav-wrapper
{
	text-align:center;
}

#cms-nav
{
clear:both;
	background:url(../img/images/pages-nav-bg.png);
	height:30px;
	margin-top:20px;
	text-align:center;
}

#cms-nav ul
{
	float:left;
	margin:0 auto 0 auto;
}

#cms-nav ul li
{
	margin-left:60px;
	margin-top:6px;
	padding-left:10px;
	font-size:14px;
	float:left;
	display:block;
	text-decoration:none;
	color:#FFF;
}

#cms-nav ul li.selected a
{
	background: url(../img/images/pages-nav-list-item.png) no-repeat;
	background-position:0px 4px;
	text-decoration:none;
}

#cms-nav ul li a:hover 
{
/*	background: url(../img/images/pages-nav-list-item.png) no-repeat;
	background-position:0px 4px; */
	font-weight: bold;
	text-decoration:none;
}

#cms-nav ul li a span
{
	margin-left:20px;
	text-decoration:none;
	color:#FFF;
}

#shopping-cart-table th
{
	background-color:#333;
	color:#FFF;
}

#shopping-cart-table th span
{
	color:#FFF;
}

#shopping-cart-totals-table td.a-right strong
{
	font-weight:bold;
	font-size:12px;
	color:#000000;
}

#shopping-cart-totals-table td.a-right
{
	font-weight:bold;
	font-size:12px;

}

.cart-collaterals .col2-set
{
	padding-top:10px;
	border-top:1px dashed #66645E;
	border-bottom:1px dashed #66645E;
}

.col-2 .shipping
{
	border:none;
}

.col-1 .discount
{
	border:none;
}

.item-options dt
{
	float:left;
}

.item-options dd
{
	float:left;
}

#shopping-cart-table
{
	font-size:12px;
}

#shopping-cart-table a
{
	color:#333;
}

.opc .step-title
{
	background-color:#333;
}

.buttons-set a 
{
	color:#333;
}

.sp-methods label
{
	font-weight:bold;
}

.sp-methods dt
{
	background-color:#fbfbfb;
	width:300px;
	padding: 0;
}

.sp-methods dd
{
	margin:0px;
	float: left;
	width: 300px;
}

.sp-methods dd li
{
	background-color:#fbfbfb;
	float: left;
	width: 300px;
	margin-bottom: 30px;
}

.sp-methods .form-list li {
	margin: 20px 0;
}

.buttons-set
{
	border:none;
}

.loupe {
	background: transparent;
	border: 1px solid #fff;
}

.vid {
	width: 640px;
	margin: 60px auto;
}

footer p a, footer p a:hover, footer p a:visited {
	color: #fff;
	text-decoration: none;
}

/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* ==|== media queries ====================================================== */

@media only screen and (min-width: 480px) {


}

@media only screen and (min-width: 768px) {

}



/* ==|== print styles ======================================================= */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}