* { 
    margin:0; 
	padding:0;
	-webkit-font-smoothing: antialiased;
}

body {
	margin: 0 auto;
	width: 960px;
	
	background: #ffffff;
	
	font-family: Helvetica Neue,"Arial",Helvetica,Verdana,sans-serif;
	font-size: 0.8em;
	color: #222222;
	padding: 7px 0;
}
body:before {content:""; position: fixed; top: -10px; left: 0; width: 100%; height: 10px; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8); box-shadow: 0px 0px 10px rgba(0,0,0,.8); z-index: 100;}

h1, h2, h3, h4, h5, h6 {padding: 10px 0; margin: 0; font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; color: #666666;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1.0em;}

form {margin: 15px 0;  padding: 10px 0;}
form legend {font-style:italic; padding-bottom:10px;}
form label {display: block; font-size: 0.9em; margin: 0 0 2px; font-weight: bold; color: #222222;}

a {color: #5f5f5f; text-decoration: none; outline: none;} 
a:hover {text-decoration: underline; color: #9b000c;}
a img {border: 0;}

p {margin: 0 0 7px; line-height: 1.6em;}

blockquote {
	margin-bottom: 10px;
	background: url(quote.png) no-repeat scroll 5px 5px transparent;
	min-height: 41px;
	padding: 5px;
	border: 1px solid #dedede;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

acronym {border-bottom: 1px dotted #dedede;}
sup,sub {height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; font-size:smaller;}
sup {bottom: 1ex;}
sub {top: .5ex;}
small {font-size: smaller}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }

.hidden {display:none}

/* Header */
#header {padding: 15px 0; margin: 10px 0; background: ; position: relative;}
h1#logo {padding: 0; margin: 0; float: left;}
h1#logo a {font-size: 3.5em; text-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); color: #666666;}

h1#logo a:hover {text-decoration: none; color: #222222;}
#logo-img {float:left;}

#eyebrow-menu {position:absolute; right:0; list-style: none;}
#eyebrow-menu li {float: left; padding: 0 10px; border-right: 1px solid #dedede; font-weight: bold; font-size: 0.8em;}
#eyebrow-menu li.last {border: 0 none; padding-right: 0;}
#eyebrow-menu a {text-transform: uppercase;}
#eyebrow-cart {background: transparent url(cart.png) no-repeat scroll left center; padding-left: 23px;height: 16px;}

#search-block {width: 300px; font-size: 0.8em; text-align: right; position:absolute; right:0; bottom:0}
#search-block form {margin: 5px 0 0;}
#search-block #search-input, .nfsearch {border: 1px solid #dedede; padding: 2px 3px; width: 164px; color: #000; vertical-align: top;}
#search-block #search-button {margin: 0 0 0 5px;}
* html #search-block #search-button {margin-top: 1px;}

/* Main Menu (see superfish.css.liquid for menu CSS) */
#main-menu {clear:both; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede;}

/* Breadcrumb */
#breadcrumb {font-size: 0.9em; text-transform: capitalize;}
#breadcrumb .collection_nav {float: right; text-align:right; width:600px;}
#breadcrumb .collection_nav .active {font-weight: bold;}

/* Banner */
#banner {height:300px; position:relative; margin-bottom:20px;}

#banner .images {
	height: 300px;
	width: 100%;

	
	background-color: #dedede;
	
}

#banner .images div {
	display:none;
	position:absolute;
	/* top: 0;
	left: 0; */

	
	border: 5px solid #dedede;
	
}

.banner_slide img {z-index: 0;}

#banner .tabs {
	position: absolute;
	bottom: 20px;
	right: 20px;
	border: 1px solid #dedede;
	padding: 3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: white;
	background: rgba(255, 255,255, 0.33);
}

/* single tab */
#banner .tabs a {
	width: 8px;
	height: 8px;
	float: left;
	margin: 3px;
	background: url(navigator.png) 0 0 no-repeat;
	display: block;
	font-size: 1px;		
}

/* mouseover state */
#banner .tabs a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
#banner .tabs a.current {
	background-position:0 -16px;     
}

#welcome {margin: 10px 0; padding: 10px 0; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede;}

.greybar {
	border-top: 20px solid #9b000c;
	padding-top: 10px;
}

#content {margin-top: 20px;}
#content ul, #content ol {
	margin: 0 0 7px 20px;
	list-style-position: outside;
	list-style-type: square;
	line-height: 1.6em;
}

.ellipsis {
	 overflow: hidden;
	 text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	 white-space: nowrap;
	 width: 100%;
}

/* Category Collections */
#category-banner{position: relative; padding-bottom: 10px;}
.section {position: relative; overflow: hidden; height: 266px; text-align: left; margin-bottom: 12px; background-color: #EEEEEE;}
.section h3 {padding: 10px 0 10px 12px;}
.section-items {float: left;}
.section-items li {float:left; width: 162px; height: 207px; text-align: center; padding: 0 0 0 12px;}
.section-items li .item-image {display: block; padding-top: 5px; border: 1px solid #ccc; height: 155px; background: #fff; text-align: center;}
.section-items li .item-image a {display: block; margin: auto; width: 146px; height: 146px; overflow: hidden;}
.section-items li h3 {padding: 5px 0 1px 0;}
.section-info {float: right; width: 160px; padding-right: 10px;}
.section-info p {padding-bottom: 12px;}
.section-info .description {min-height: 157px;}
.browse-link {float: right;}

/* Featured and other Collections */
.gallery {clear: both;}
.gallery .product {float:left; margin-top:15px; padding:0 12px; width:222px;}
.gallery .info {margin-top: 5px; text-align:center}
.gallery .product .title, .gallery .product .price {padding: 2px 0;}
.gallery .product .price del, #product-price del {color: #9b000c;}
.gallery .first_col {padding-left:0}
.gallery .last_col {padding-right:0}
.gallery a {font-weight: bold;text-transform: uppercase;}
.gallery .image {margin-bottom: 12px; border: 1px solid #dedede; overflow: hidden; text-align: center; height: 232px; width: 221px; background-color: #ffffff; padding: 5px;}
.gallery img.shadow_br {background:transparent url(shadow_br.gif) no-repeat scroll right bottom;padding:5px 10px 10px 5px;}
#index .info {text-align:center; margin-top: 5px;}

#collection-sidebar #breadcrumb {text-transform:none;}
#sidebar {float:left; width:226px; margin-top:15px}
#sidebar ul {margin: 0; list-style: none; }
#sidebar ul li {padding-bottom: 10px;}
#sidebar .active {font-weight:bold;}
#sidebar a {text-transform:uppercase;}
#collection-body {float:right; width:714px;}

#breadcrumb .dropdown {margin:0 10px 0 0; float:right;}
#breadcrumb .dropdown dd, .dropdown dt, .dropdown ul {margin:0px; padding:0px;}
#breadcrumb .dropdown dd {position:relative;}
#breadcrumb .dropdown a, .dropdown a:visited {text-decoration:none; outline:none;}
#breadcrumb .dropdown a:hover {color:#222;}
#breadcrumb .dropdown dt a:hover {color:#222; border: 1px solid #DDD;}
#breadcrumb .dropdown dt a {background:url(dropdown.jpg) no-repeat scroll right center transparent; display:block; padding-right:20px; border:1px solid  #dedede; width:184px; padding:2px;}
#breadcrumb .dropdown dt a span {cursor:pointer; display:block;}
#breadcrumb .dropdown dd ul {background-color:#FFF; border:1px solid #ddd; color:#C5C0B0; display:none; left:0px; padding:0; margin:0; position:absolute; top:2px; width:auto; min-width:189px; list-style:none;}
#breadcrumb .dropdown span.value {display:none;}
#breadcrumb .dropdown dd ul li a {padding:0 5px; display:block;}
#breadcrumb .dropdown dd ul li a:hover {background-color: #dedede;}

#breadcrumb .dropdown dt a {width:120px}
#breadcrumb .dropdown dd ul {width:auto; min-width:120px;}

/* Product */
.product-left {float: left; padding-top: 10px; max-width: 490px;}

#product-images .image {
	padding: 5px;
	border: 1px solid #dedede;
	margin: 0;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

#product-images .thumbnails {margin-bottom: 10px;}
#product-images .thumbnails img {
	background-color: #fff;
	padding: 5px;
	border: 1px solid #dedede;
	margin: 10px 5px 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#product-images .thumbnails img.first {margin-left: 0;}
#product-images .thumbnails img.last {margin-right: 0;}
#product-images .thumbnails a.active img {
	outline: 1px solid #000;
	z-index: 9999; /* show on top of the expose mask */
}

.product-right {float: right; margin: 0 0 0 10px; width: 450px;
	/* preload the loading image used in gallery overlay */
	background: url(loading.gif) no-repeat -9999px -9999px;
}

#product-description {}
#product-continue {border-top:1px solid #dedede; margin-top: 60px; clear:both;}
.product-meta {display: none;}
#product-description form {-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
#product-price {color: #222222; font-weight: bold; font-size: 1.6em; margin: 10px 0;}
div.selector-wrapper {overflow: hidden;	margin: 0 0 10px 0; width: 323px;}
div.selector-wrapper label:after {content: ": ";}
#product-qty-wrap {float:right; margin-top: 20px;}
#product-qty-wrap label {float: left; padding: 3px 0; width: 93px;}
#purchase-wrapper {float: right;}
#available-qty-wrap {margin: 10px 0; text-align:center;}
#related {display: none; clear:both;}
#related .scrollable {width: 878px;}

p.alert {
	margin: 24px 0;
	font-weight: bold;
	background: url('http://cdn.shopify.com/s/files/1/0130/0902/t/3/assets/info.gif') no-repeat top left;
	padding-left: 20px;
}

/* Pagination. */
#paginate {
	clear: both;
	margin: 12px 0;
	text-align: center;
}

#paginate .current {
	font-weight: bold;
}

/* Search */
.search-list li {
	padding: 10px;
	margin-bottom: 10px;
	list-style-type:none;
	clear:both;
}
.search-list li img {width: 100px; float:left; margin-right: 10px}
.stitle {margin:5px 0}

/* Footer */
#footer {
	clear: both;
	margin: 60px 0 20px;
	padding: 15px 0px;
	border-top: 20px solid #dedede;
	background: #ffffff;
}

#footer h4 {
	font-size:1.2em;
	font-weight:bold;
	padding: 0 0 6px;
}

#footer p {margin: 0}

#footer #widget1 {
	float: left;
	width: 310px;
	margin-right: 10px;
	margin-top: 5px;
}

#footer #widget2 {
	float: left;
	width: 310px;
	margin: 5px 5px 0;
}

#footer #widget3 {
	float: right;
	width: 310px;
	margin-left: 10px;
	margin-top: 5px;
}

#footer #widget3 input[type=submit] {margin-top: 5px;}


#footer ul.nav-links li {
	float: left;
	font-size: 0.9em;
	padding-right: 10px;
	width: 140px;
}

#footer ul.nav-links li a {
	border-bottom: 1px solid #dedede;
	color: #5f5f5f;
	display: block;
	padding: 5px 2px;
}

#footer ul.nav-links li a:hover {
	color: #9b000c;
}

#footer .latest-news {color: #5f5f5f;}
#footer .latest-news .post-article {margin-bottom: 10px;}
#footer .latest-news .post-title {padding: 5px 0; font-weight: bold;}
#footer .latest-news .post-snippet {font-size: 0.9em;}
#footer .rssfeed {float:left; margin-right:5px; width:16px; height:16px}

#footer .contact {color: #5f5f5f;}

#footer .contact .vcard {font-size:0.9em;}
#footer .contact .org {font-weight:bold;}
#footer .contact p {padding: 5px 0;}

#footer .sign-up form {margin-top: 0; text-align: right; padding: 0}
#footer .sign-up form label {float: left; width: 5px}
#footer .sign-up form input[type=text] {width: 250px}
#footer .testimonials .location {font-weight: bold}

#bottom {clear: both; text-align: center; font-size: 0.8em; position:relative}
#bottom ul.social {position:absolute; right:0; list-style:none outside none; margin-bottom:10px;}
#bottom ul.social li {float: left; padding-left: 15px}
#bottom ul.social li img {height: 32px; width: 32px}

/* Cart */
#cartform {border: 0 none; background: none;}
#cartform table {width:100%; border-bottom:1px solid #dedede;}
#cartform table th {font-weight:bold; text-align:left; border-bottom:1px solid #dedede; padding-bottom: 3px;}
#cartform table td {vertical-align: middle; padding: 5px;}
#cartform input[name="update"] {margin-right:30px}
#cartform a.cart-remove {position:relative;}
#cartform a.cart-remove img {height:16px; width:16px; position:absolute; bottom:0; right:0;}
#cartform h3 {margin-bottom: 5px; font-size:1.0em; padding-top: 0;}
.cart-images {margin-right: 10px; float: left;}
.cart-images img {padding:5px 0;}
.cart-desc {width: 435px; float: left;}
#cart-note {clear:both; padding:10px;}
#cart-note label {margin:0 0 5px;}
#cart-agree {clear:both; padding:10px;}
#cart-agree label[for=agree] {display:inline;}
#cart-agree input[type=checkbox] {float:left; margin-right:10px}
#cart-left {float: left; width: 300px; margin:10px 0 0 10px;}
#cart-right {text-align: right; float: right; margin:10px 10px 0 0;}
#cart-right a {padding: 7px 10px 8px; text-decoration:none;}
#cart-right h4 {font-weight: bold; padding: 5px 0 15px;}
.additional-checkout-buttons p {position: relative; right: 27px; margin-top: 10px;}
.additional-checkout-buttons input {margin: 10px 0 0 0;}
#shipping-calculator-container {margin-top: 20px; border-top: 1px solid #dedede;}
#shipping-calculator {float:left; width:480px}
#shipping-calculator label {float:left; width:100px}
#wrapper-response {float:right; width:480px; padding-top: 30px;}

/* Article */
.article .postmeta {border: none; margin: 0; padding: 0 0 10px;}
.postmeta .author {font-style: italic;}
.postmeta {padding: 5px; margin: 20px 0 15px; font-size: .9em; border: 1px solid #dedede; background: #ffffff; clear:both;}
.postmeta p {margin: 0;}
.postnav {padding: 5px; margin: 20px 0 15px; font-size: .9em; border: 1px solid #dedede; background: #ffffff; clear:both;}

#comments {margin-top: 20px; border-top: 1px solid #dedede;}
.comment-form {width: 475px; padding: 5px 10px 10px;}

.notice {
	font-size: 0.9em;
	margin: 15px 0;  
	border: 1px solid #eFeBd5;
	border-bottom: 1px solid #dFdBc5;
	border-right: 1px solid #dFdBc5;
	padding: 5px 15px;
	background: #FFFBE5;
	color: #6a9c30;
	text-align: center;
}
.error { color: #933; }
.input-error { background: #FFFBE5; }
.hint {
	float:right;
	font-style:italic;
	margin-top:7px;
}
.blog_thumbnail {float:left; text-align:center}


/* Gallery */

/* scrollable should not disable gallery navigation */
#gallery .disabled {
	visibility:visible !important;
}

#gallery .inactive {
	visibility:hidden !important;
}

.scrollable {
	/* this makes it possible to add next button beside scrollable */
	float:left;	

	/* required settings */
	position: relative;
	overflow: hidden;
	width: 402px;
	height: 120px;

	/* custom decorations */
	border:1px solid #dedede;
	background:url(h300.png) repeat-x;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	width: 20000em;
	position: absolute;
	clear: both;
}

/* single scrollable item */
.scrollable img {
	float: left;
	margin: 20px 5px 20px 21px;
	background-color: #ffffff;
	padding: 2px;
	border: 1px solid #dedede;
	cursor: pointer;
	height: 75px;
	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

/* active item */
.scrollable .active {
	border: 2px solid #9b000c;
	z-index: 9999;
	position: relative;
}

/* prev and next buttons */
a.browse {
	background:url(hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right { background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover { background-position:-30px -30px; }
a.right:active { background-position:-60px -30px; } 

/* left */
a.left	{ margin-left: 0px; } 
a.left:hover { background-position:-30px 0; }
a.left:active { background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover { background-position:-30px 0; }
a.up:active { background-position:-60px 0; }

/* down */
a.down { background-position: 0 -30px; }
a.down:hover { background-position:-30px -30px; }
a.down:active { background-position:-60px -30px; } 

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	

/* remove margins from the image */
.items img {
	margin:0;
	max-width:100px;
}

/* make A tags our floating scrollable items */
.items a {
	display:block;
	float:left;
	margin:20px 15px;
}

/* tooltip styling */
#tooltip {
	display: none;
	background: url(black_arrow.png);
	font-size: 1.0em;
	height: 70px;
	width: 160px;
	padding: 25px;
	color: #fff;
}

/* Popup Overlay */
.simple_overlay {
	/* must be initially hidden */
	display: none;
	
	/* place overlay on top of other elements */
	z-index: 10000;

	/* growing background image */ 
	/* background-image: url(white.png); */
	
	/* styling */
	background-color: #FFF;
	
	width: 250px;	
	min-height: 200px;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 3px 2px #dedede;
	-webkit-box-shadow: 0 0 2px #dedede;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image: url(close.png);
	position: absolute;
	right: -15px;
	top: -15px;
	cursor: pointer;
	height: 35px;
	width: 35px;
}

/* the large image. */
#img {
	border: 1px solid #dedede;
}

/* "next image" and "prev image" links */
#gallery .next, #gallery .prev {	
	/* absolute positioning relative to the overlay */
	position: absolute;
	top: 40%;	
	border: 1px solid #dedede;	
	cursor: pointer;
	display: block;
	padding: 10px 20px;
	color: #222222;
	
	/* upcoming CSS3 features */
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#gallery .prev {
	left: 0;
	border-left: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-bottomleft: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-top-left-radius: 0;
}

#gallery .next {
	right: 0;
	border-right: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-top-right-radius: 0;	
}

#gallery .next:hover, #gallery .prev:hover {
	text-decoration: underline;
	background-color: #000;
}

/* when there is no next or previous link available this class is added */
#gallery .disabled {
	visibility:hidden;		
}

/* the "information box" */
#gallery .info {
	position: absolute;
	bottom: 0;
	left: 0;	
	padding: 10px 15px;
	color: #222222;
	border-top: 1px solid #dedede;
}

#gallery .info strong {
	display:block;	
}

/* progress indicator (animated gif). should be initially hidden */
#gallery .progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}

#gallery .next, #gallery .prev, #gallery .info {
	background: #ffffff !important;
	background: rgba(0, 0, 0, 0.6) url(h80.png) repeat-x;
	font-weight: bold;	
}

/* awesome buttons */
.awesome, .awesome:visited {
	background: #333333 url(alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #ffffff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

.awesome:hover {background-color: #222222; color: #ffffff;}
.awesome:active {top: 1px;}
input[type=submit].awesome {border:0 none; margin:0; font-family:Helvetica Neue,"Arial",Helvetica,Verdana,sans-serif;}
.awesome.disabled {-moz-opacity:0.50;opacity:.50;filter:alpha(opacity=50);cursor:default;}


.awesome, .awesome:visited {font-size: 1.1em; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25);}
.medium.awesome, .medium.awesome:visited {font-size: 1.1em}
.small, .small:visited {padding: 3px 5px;}
.large, .large:visited {font-size: 1.5em; padding: 8px 14px 9px;}

.instructions {background-color:#FFF82A; color: #000; padding: 10px; font-size:9px;}
.instructions ul {list-style: disc inside;}
.instructions ol {list-style: decimal inside;}
.instructions ol ul {margin-left: 10px}

#vision label {display: inline;}

.wraptocenter {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: ...;
    height: ...;
}
.wraptocenter * {
    vertical-align: middle;
}
/*\*//*/
.wraptocenter {
    display: block;
}
.wraptocenter span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
/**/

div.wantbutton {
       margin: -40px 0px 0px 0px;
       display: block;
}