/** Shopify CDN: Minification failed

Line 1697:22 Expected ":"
Line 2322:21 Expected identifier but found "*"
Line 2333:69 Expected identifier but found "*"

**/
/** 
 * Leaf Supply & Services AB
 * Specialanpassat tema skapat av Fredric & Friends Leaf Supply 2012 
 * 
 * @version     1.3.9
 * @author      Fredric & Friends
 *
 */

/* @Responsive sheet cheat
   ========================================================================== */

/**
@media (min-width: 1200px) {

}
@media (max-width: 979px) {

}
@media (min-width: 768px) and (max-width: 979px) {

}
@media (max-width: 767px) {

}
@media (max-width: 480px) {

}
*/

/* ==========================================================================
   @Standard rules
   ========================================================================== */

.clear {
    clear: both;
}

ul, ol {
    padding: 0;
	margin: 0;
}

a {
	color: #000;
	
	-webkit-transition: color 150ms ;
	-moz-transition: color 150ms ;
	-ms-transition: color 150ms ;
	-o-transition: color 150ms ;
	transition: color 150ms ;
}

a:hover {
	color: #666;
	text-decoration: none;
	-webkit-transition: color 150ms ;
	-moz-transition: color 150ms ;
	-ms-transition: color 150ms ;
	-o-transition: color 150ms ;
	transition: color 150ms ;
}

a.active {
	color: #fff !important;
}

::selection {
    background: rgba(0, 0, 0, .6);
    color: #fff;
}

::-moz-selection {
    background: rgba(0, 0, 0, .6);
    color: #fff;
}

/* ==========================================================================
   @Body
   ========================================================================== */

html {
	height: 101%;
}

body {
  	background: #e3e3e3 url(/cdn/shop/t/15/assets/main-bg-grey.jpg?v=1365082376) repeat-x top;
	height: 101%;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
  
  	body {
	  	background: #e3e3e3 url(/cdn/shop/t/15/assets/main-bg-grey-2x.jpg?v=1365082376) repeat-x top;
		background-size: 20px 900px;
		height: 101%;
	}

}

/* @Container 
   ========================================================================== */

.container-wrapper {
	width: 940px;
	margin: 0 auto;
  	border-left: 1px solid #999;
  	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 0 10px 0 10px;
	
	background: #fff;	
}

@media (min-width: 1200px) {
	.container-wrapper {
    	width: 1170px;
	}
}

@media (max-width: 979px) {
	.container-wrapper {
    	width: auto;
	}	
}

@media (min-width: 768px) and (max-width: 979px) {
	.container-wrapper {
    	width: 724px;
	}	
}

@media (max-width: 767px) {
	.container-wrapper {
		width: auto;
	}
}

@media (max-width: 480px) {
	body {
		padding-left: 10px;
		padding-right: 10px;
	}
}

/* ==========================================================================
   @Header wrapper
   ========================================================================== */

.header {
	width: 920px;
	height: 168px;
	margin-left: 10px;
	background: url('header-920-2.jpg') 0 0 no-repeat;
	-moz-box-shadow: 0 0 4px #444;
	-webkit-box-shadow: 0 0 4px #444;
	box-shadow: 0 0 4px #444;
}

@media (min-width: 1200px) {
	.header {
		width: 1150px;
		background: url('header-1150-2.jpg') 0 0 no-repeat;
	}	
}
@media (max-width: 979px) {
	.header {
		width: 704px;
		
		background: url('header-704-2.jpg') 0 0 no-repeat;
	}
}

@media (min-width: 768px) and (max-width: 979px) {

}

@media (max-width: 767px) {
	.header {
		height: 95px;
		width: 100%;
		margin: 0;
		
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		
		background: none;
	}
}

@media (max-width: 767px) { 
	#logo {
		margin: 5px 0 0 0;
	}
}

/* @Header content 
   ========================================================================== */

/**
 * Header-left = logo area.
 * Header-right = site selector, language selector, phone & mail area.
 */

#header-left {
	position: relative;	
	float: left;
	
	padding: 36px 0 20px 33px;
}

#header-right {
	position: relative;
	float: right;
	
	margin: 22px 12px 0 0;
}

#logo {
	height: auto;
	width: 136px;
}

@media (max-width: 979px) {
	#header-left {
		padding: 48px 0 20px 22px;	
	}
	#header-left img {
		width: 100px;
	}
}
@media (max-width: 767px) {
	#header-left {
		padding: 8px 0 12px 0;
	}
	#header-left img {
		width: 120px;
	}
	#header-right {
		width: 100%;
		margin: 12px 12px 0 0;
	}
}

#header-right ul {
	float: right;
	margin: 0 0 10px 0;
	
	list-style: none;
}

#header-right li {
	float: left;
}

#header-left img:hover {
	border: none;
	text-decoration: none;
}

#header-left a {
	border: none;
	text-decoration: none;
}

#header-left a:hover {
	border: none;
	text-decoration: none;
}

#header-left img {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}

#header-left img:hover {
      opacity: 0.6;
}

#header-right .description {
	width: auto;
	padding: 0;
	margin: 1px 0 0 0;
	
	color: #555;
	font-size: 11px;
	font-style: italic;
}

@media (max-width: 979px) {
	#header-right .description {
		display: none;
	}
}
@media (max-width: 767px) {
	#header-left {
		clear: both;
		width: 100%;
	}
	#header-right {
		width: 98%;
		margin: 0 0 5px 5px;
	}
	#header-right ul{
		margin: 0 0 10px 0;
	}
	#header-right {
		float: left;
	}
	#header-right ul {
		float: left;
	}
	#header-right li {
		float: left;
	}
}

#header-right .value {
	padding: 1px 5px 1px 5px;
	margin: 0 5px 0 0;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 0 4px #444;
	-webkit-box-shadow: 0 0 4px #444;
	box-shadow: 0 0 4px #444;
	
	background: #651c35;
	color: #fff;
	font-size: 11px;
	text-shadow: #000 1px 1px 0px;
}


#header-right .language-selector li {
	padding: 0 5px 1px 5px;
	margin: 0 5px 0 0;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 0 4px #444;
	-webkit-box-shadow: 0 0 4px #444;
	box-shadow: 0 0 4px #444;
	
	background: #651c35;
	color: #fff;
	font-size: 11px;
	text-shadow: #000 1px 1px 0px;	
}

ul.language-selector img {
	float: left;
	vertical-align: top;
}

#header-right .language-selector .description {
		padding: 1px 5px 2px 5px;
		margin: 0 5px 0 0;

		-webkit-border-radius: none;
		-moz-border-radius: none;
		border-radius: none;
		-moz-box-shadow: none;
		-webkit-box-shadow:  none;
		box-shadow: none;

		background: none;
		color: #fff;
		font-size: 11px;
		text-shadow: none;	
		
		width: auto;
		padding: 0;
		margin: 1px 0 0 0;
		color: #555;
		font-size: 11px;
		font-style: italic;
	}	

.lang-flag {
	margin: 2px 0 1px 0;
}


#lang-txt {
	display: inline;
	float: left;
}

#header-right .language-selector li a {
	color: #fff;
}

#header-right .language-selector li a:hover {
	text-decoration: none;
	border: none;
}	
	

#header-right .language-selector .active a {
	color: #fff;
}

#header-right .language-selector #english {
	color: #fff;
}

#header-right .language-selector li a {
	
}

#header-right .value img {
	float: left;
	
	padding: 0;
	margin: 2px 5px 0 0;
}

#header-right .website-selector .description, #header-right .language-selector .description {
	margin: 2px 8px 0 0;
}

#header-right .phone .description, #header-right .mail .description {
	margin: 2px 3px 0 0;
}

#header-right ul.language-selector {
	list-style: none;
	margin: 0 0 8px 0;
	padding: 0;
}

#header-right ul.phone {
	margin: 4px 0 12px 0;
}

#header-right .phone .value, #header-right .mail .value {
	color: #fff;
	font-size: 22px;
	text-shadow: #000 1px 1px 0px;
}

#header-right .mail .value {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-moz-box-shadow: 0 0 0 #444;
	-webkit-box-shadow: 0 0 0 #444;
	box-shadow: 0 0 0 #444;
	
	background: none;
}

#header-right .phone .value {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-moz-box-shadow: 0 0 0 #444;
	-webkit-box-shadow: 0 0 0 #444;
	box-shadow: 0 0 0 #444;
	
	background: none;
}

#header-right .value a {
	color: #fff;
}

#header-right .value a:hover {
	color: #fff;
	text-decoration: none;
	border: none;
}

#header-right .active {
	color: #fff;
}

#header-right .not-active a {
	color: #999;
}

@media (max-width: 979px) {
	#header-right .phone .value, #header-right .mail .value {
		font-size: 18px;
	}
}
@media (max-width: 767px) { 
	#header-right ul.phone {
		margin: 2px 0 10px 0;
	}
	#header-right .phone .value, #header-right .mail .value {
		padding: 1px 5px 1px 5px;
		margin: 0 5px 0 0;

		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-moz-box-shadow: 0 0 4px #444;
		-webkit-box-shadow: 0 0 4px #444;
		box-shadow: 0 0 4px #444;

		background: #651c35;
		color: #fff;
		font-size: 11px;
		text-shadow: #000 1px 1px 0px;
	}
}

/* ==========================================================================
   @Navigation
   ========================================================================== */

nav.mainNavigation {
	height: 40px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 0 4px #444;
	-webkit-box-shadow: 0 0 4px #444;
	box-shadow: 0 0 4px #444;
	
	background: #651c35;
}

nav.mainNavigation ul {
	list-style: none;
	
	margin: 0 0 0 20px;
	
	background: #651c35;
}

nav.mainNavigation li {
	float: left;
	
	display: block;
	margin: 11px 0;
	padding: 0 10px 0 0;
	
	text-align: center;
}

nav.mainNavigation .sep-line {
	color: #999;
	text-shadow: #000 1px 1px 0px;
}

nav.mainNavigation li a {
	color: #999;
	text-shadow: #000 1px 1px 0px;
}

nav.mainNavigation li a:hover{
	color: #fff;
	text-decoration: none
}

nav.mainNavigation ul li {
	margin-right: 10px;
	padding: 0 10px 0 0;
	border-right: 1px solid #999;
}

nav.mainNavigation ul li:last-child {
	border: none;
}

@media (min-width: 768px) and (max-width: 979px) {
	nav.mainNavigation ul li {
		border: none;
		margin-right: 0;
		padding: 0 8px 0 0;
	}
}

@media (max-width: 767px) {
	nav.mainNavigation {
		height: auto;
		
		-webkit-border-radius: none;
		-moz-border-radius: none;
		border-radius: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		
		background: none;
	}
	nav.mainNavigation ul {
		margin: 0;
	}
	nav.mainNavigation ul li {
		float: left;
		
		display: block;
		width: auto;
		padding: 4px 6px 4px 6px;
		margin: 9px 5px 1px 4px;
	

		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-moz-box-shadow: 0 0 4px #444;
		-webkit-box-shadow: 0 0 4px #444;
		box-shadow: 0 0 2px #444;				
		
		background: #651c35;
		text-align: center;
	}
	nav.mainNavigation .sep-line {
		display: none;
	}
	nav.mainNavigation li a {
		font-size: 12px;
	}
	.mainNavigationWrapper {
		padding: 0 0 9px 0;
		margin: 4px 0 0 0;
		border-top: 1px solid #e3e3e3;
		border-bottom: 1px solid #e3e3e3;
	}
}

.site-toggler {
	float: right;
	margin-right: 15px;
	width: 120px;
	height: 40px;
	display: block;
	color: #651c35;
	text-align: center;
	font-size: 12px;
	text-shadow: 1px 1px 0 #e3e3e3;
	font-style: italic;
}
a.site-toggler  {
	font-weight: bold;
	line-height: 40px;
}

#info-site-btn {
	background: #ecdeb7; /* Old browsers */
	background: -moz-linear-gradient(top, #ecdeb7 0%, #b4a98b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ecdeb7), color-stop(100%,#b4a98b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ecdeb7 0%,#b4a98b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ecdeb7 0%,#b4a98b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ecdeb7 0%,#b4a98b 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ecdeb7 0%,#b4a98b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecdeb7', endColorstr='#b4a98b',GradientType=0 ); /* IE6-9 */
}

@media (min-width: 1200px) {
	.site-toggler {
		width: 151px;
		font-size: 14px;
	}	
}
@media (min-width: 768px) and (max-width: 979px) {
	.site-toggler {
		width: 83px;
		font-size: 9px;
	}	
}
@media (max-width: 767px) {
	a.site-toggler {
		line-height: 18px;
	}
	.site-toggler {
		height: 18px;
		float: left;
		display: block;
		width: auto;
		padding: 4px 6px 4px 6px;
		margin: 9px 5px 1px 4px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-moz-box-shadow: 0 0 4px #444;
		-webkit-box-shadow: 0 0 4px #444;
		box-shadow: 0 0 2px #444;
		background: 
		#651c35;
		text-align: center;
	}	
}





/* ==========================================================================
   @Breadcrumb
   ========================================================================== */

.breadcrumb {
	background: none;
	border: none;
	margin: 18px 0 0 0;
	color: #888;
}

.breadcrumb a{
	color: #888;
}

.breadcrumb a:hover{
	color: #111;
	text-decoration: none;
}

@media (max-width: 767px) {
	.breadcrumb {
		margin: 0;
		padding: 0px 0px 0 5px;
	}
}

/* ==========================================================================
   @Page
   ========================================================================== */

#page-header {
	margin-top: 12px;
	margin-bottom: 10px;
}

.page-header {
	font-size: 26px;
	text-decoration: none;
	border: none;
}

.page-subHeader {
	font-size: 12px;
	font-style: italic;
	color: #999;
}

#page-header h1 {
	font-weight: 400;
	line-height: 26px;
	font-size: 26px;
	font-family: 'FranklinGothic-Demi';
	font-size: 34px!important;
}
#page-header h2 {
	font-size: 12px;
	font-style: italic;
	color: #999;
	font-weight: 400;	
	line-height: 20px;
	display: none;
}

@media (max-width: 767px) {
	#page-header {
		margin: 18px 0 0 7px;	
	}
	.page-subHeader {
		margin: 0 0 0 2px;
	}
}

.product-header {
	margin: 12px 0 0 0;
}

.product-subheader {
	margin: 0 0 10px 0;
}

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

.content {
	padding: 12px 14px 12px 14px;
}

.content ul {
	margin: 0 0 0 16px;
}

h1 {
	font-family: 'FranklinGothic-Demi';
	line-height: 40px;
	font-weight: 400;
	font-size: 28px;
}

h1.title {
	margin: 12px 0 6px 0;
	font-size: 34px!important;	
}
/* aka. Page title */
.content h1.title {
	margin: 0 0 5px 0;
}

.content h1 {
	margin: 0 0 5px 0;
}

h2.subheader {
	margin: 4px 0 15px 0;
	font-family: 'FranklinGothic-DemiItalic', Arial, sans-serif;
	font-size: 14px!important;
	font-style: italic;	
	color: #666;	
	line-height: 20px;
}

h6 {
	font-size: 16px;	
	text-transform: none;
	color: #333;
	text-transform: normal;
	line-height: 1.4em;
}
h6#selectedproducts {
	text-align: center;
	margin: 0 0 15px 0;
}

.content p {
	margin: 0;
}

@media (max-width: 767px) {
	.content {
		padding: 14px 14px;
	}
}
/* ==========================================================================
   @Currency
   ========================================================================== */

.currencies {
	float: right;
	text-align: right;
	
	height: 50px;
	width: 112px;
	padding: 7px 10px 0px 12px;
	margin: 0 2px 0 0;
	
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	
	border: 1px solid #CCC;
	
	background: #fff;
}

.currencies label {
	display: inline;
	float: left;
	margin: 5px 0 0 0;
}

@media (min-width: 1200px) {
	.currencies label {
		display: none;
	}
}

.currencies select {
	display: inline;
	float: left;
	margin: 7px 0 0 0;
	width: 100%;
}

.currencies label{
	display: none;
}

@media (min-width: 1200px) {
	.currencies {
		width: 142px;
	}
}

@media (min-width: 768px) and (max-width: 979px) {
	.currencies {
		width: 76px;
	}
}

@media (max-width: 767px) {
	.currencies {
		display: none;
	}
}

/* ==========================================================================
   @Vat
   ========================================================================== */

.vat {
	float: right;
	text-align: right;
	margin: 0px 10px 0 0;
}

/* ==========================================================================
   @Search
   ========================================================================== */

.search-header {
	background: #651c35;
	height: 39px;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	-moz-box-shadow: 0 0 4px #444;
	-webkit-box-shadow: 0 0 4px #444;
	box-shadow: 0 0 4px #444;
	z-index: 100;
}

.search-header label {
	padding: 12px 0 0 10px;
	margin: 0;
	color: #fff;
	text-shadow: #000 1px 1px 0px;
	font-style: italic; 
}

#top-search-input {
	z-index: 10;
	width: 204px; 
	margin: 0 0 0 2px;
	padding: 7px 0 7px 10px;
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;	
}

.search #top-search-input {
	width: 902px;
}

@media (min-width: 1200px) {
	.search #top-search-input {
		width: 1132px;	
	}
}
@media (max-width: 979px) {
	.search #top-search-input {
		width: 686px;	
	}
}

@media (max-width: 767px) {
	.search .search-header, #top-search-input, #top-search-submit {
		display: block;
		width: 96%;
	}
	
	.mini-search-wrapper {
		display: none;
	}
}


#top-search-submit {
	margin: 0 6px 0 0;
	padding: 5px 0 5px 0;
	width: 100px;
	float: right;
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	color: #fff;
	text-shadow: #000 1px 1px 0px;
	border: none;
	-moz-box-shadow: 0 0 4px #444;
	-webkit-box-shadow: 0 0 4px #444;
	box-shadow: 0 0 4px #444;
	background: #888;
}

@media (min-width: 1200px) {
	#top-search-input {
		width: 253px;
	}
}

@media (min-width: 768px) and (max-width: 979px) {
	#top-search-input {
		width: 150px;
	}
}

@media (max-width: 767px) {
	.search-header,
	#top-search-input,
	#top-search-submit {
		display: none;
	}
	.searchform {
		display: none;
	}
	.product-wrapper {
		margin-top: 10px;
	}
	.product-list-wrapper {
		margin: 0 0 15px 0;
	}
}

.search #top-search-submit {
	width: 894px;
}
@media (min-width: 1200px) {
	.search #top-search-submit {
		width: 1122px;	
	}
}
@media (max-width: 979px) {
	.search #top-search-submit {
		width: 676px;	
	}
}

@media (max-width: 767px) {
	.search .search-header, #top-search-input, #top-search-submit {
		display: block;
		width: 96%;
	}
}

p.empty {
	font-size: 15px;
	font-style: italic;
	color: #651c35;
}

.search-excerpt h3 {
	font-weight: 400;
	margin: 10px 0 5px 0;
}
.search-excerpt h3 a:hover {
	color: #666;
	text-decoration: none;
	}
.search-excerpt {
	margin-bottom: 20px;
}
.thumbnail {
	text-align: center;
}

/* ==========================================================================
   @Product navigation
   ========================================================================== */

.productsbycat-header {
	background: #651c35;
	height: 39px;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	margin-top: 48px;
	-moz-box-shadow: 0 0 4px #444;
	-webkit-box-shadow: 0 0 4px #444;
	box-shadow: 0 0 4px #444;
}

.productsbycat + .productsbycat-header {
	margin: 18px 0 0 0;
}
.productsbycat-header label {
	padding: 12px 0 0 10px;
	margin: 0;
	color: #fff;
	text-shadow: #000 1px 1px 0px;
	font-style: italic; 
}

ul.productsbycat {
	width: 204px; 
	margin: 0 0 0 2px;
	padding: 7px 0 7px 10px;
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	border: 1px solid #CCC;
	list-style-type: none;
}

.productsbycat li {
	margin: 0;
	padding: 0 10px 0 0;
	margin: 5px 0 5px 0;

}

.productsbycat li a {
	color: #333;
	padding: 8px 8px 6px 8px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #e8e8e8;
	display: block;
}

.productsbycat li.sub a {
	color: #333;
	padding: 8px 8px 6px 9px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #fff;
	display: block;
}

li.subactive, li.sub {
	margin: 7px 0 0 8px;
}

.productsbycat li.subactive a {
	padding: 8px 8px 6px 9px;
	background: #651c35!important;
	color: #fff!important;
}

.productsbycat li.active a {
	background: #651c35!important;
	color: #fff!important;
}

.productsbycat li a:hover{
	color: #666;
	text-decoration: none;
}

@media (min-width: 1200px) {
	ul.productsbycat {
		width: 253px;
	}
}

@media (min-width: 768px) and (max-width: 979px) {
	ul.productsbycat {
		width: 148px;
	}
}

@media (max-width: 767px) {
	.productsbycat-header {
		margin-top: 0!important;
		display: none;
	}
	ul.productsbycat {
		width: 97%;
	}
	.productsbycat {
		display: none;
	}
}
@media (max-width: 480px) { 
	ul.productsbycat {
		width: 95%;
	}
}

.display {
	display: none!important;
}

@media (max-width: 767px) {
.display {
	display: block!important;
}
}

/* ==========================================================================
   @Slider
   ========================================================================== */

.slider {
	display: block;
	margin: 12px 0 15px 0; 
}

.slider img {
	max-width: 96%;
	border: 5px solid #fff;
	-moz-box-shadow: 0 0 4px #999;
	-webkit-box-shadow: 0 0 4px #999;
	box-shadow: 0 0 4px #999;
}

@media (max-width: 767px) {
	.slider img {
		max-width: 98%;
		margin: 10px 0 0 0;
	}
}

@media (max-width: 480px) {
	.slider img {
		width: 97%;
	}
}
/* ==========================================================================
   @Product on front page stuff
   ========================================================================== */

.product-list-big-wrapper {
	margin: 0;	
	float: left;
	display: block;
}

@media (max-width: 767px) {
	.product-list-big-wrapper {
		width: 98%;
	}	
}

.product-list-wrapper {
	float: left;
	width: 180px;
	margin: 0 0 10px 0;
}

.product-list {
	max-width: 145px;
	padding: 10px;
	margin: 0 0 0 5px;
	
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	
	border: 1px solid #CCC;
	text-align: center;
}

.product-sneak-peak-info {
	border-top: 1px solid #CCC;
	color: #000;
	padding: 6px 0 0 0;
	line-height: 1.25em;
	text-align: left;
}

.product-sneak-speak-name {
	width:144px;
	line-height: 1.6em;
	white-space:nowrap; 
	overflow:hidden; 
	text-overflow:ellipsis;
	border-bottom: 1px solid #CCC;
	padding-bottom: 6px;
	margin-bottom: 10px;
}

@media (min-width: 1200px) {
	.product-sneak-speak-name {
		width: 180px;
	}
}
@media (max-width: 979px) {
	.product-sneak-speak-name {
		width: 108px;
	}
}
@media (max-width: 767px) {
	.product-sneak-speak-name {
		text-overflow:none;
		width: auto;
	}
}
@media (max-width: 480px) {

}

.product-sneak-speak-money {
	font-size: 12px;
	font-style: italic;
	line-height: 1.6em;
}

.product-sneak-peak-buy-btn {
	width: 52px;
	float: left;
	margin: 0 0 0 10px;
	padding: 2px 0 5px 0;
	text-align:center;
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	border: none;
	-moz-box-shadow: 0 0 4px #444;
	-webkit-box-shadow: 0 0 4px #444;
	box-shadow: 0 0 4px #444;
	background: #651c35;
	height: 20px;
}

#purchase {
	background: none;
	border: none;
	color: #fff;
	text-shadow: #000 1px 1px 0px;
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: 0.1em;
	
	-webkit-transition: color 150ms ;
	-moz-transition: color 150ms ;
	-ms-transition: color 150ms ;
	-o-transition: color 150ms ;
	transition: color 150ms ;
}
#purchase:hover {
	color: #d3d3d3;
	
	border: none;
	-webkit-transition: color 150ms ;
	-moz-transition: color 150ms ;
	-ms-transition: color 150ms ;
	-o-transition: color 150ms ;
	transition: color 150ms ;
}

.product-wrapper form, 
.product-wrapper input{
	margin: 0;
	padding: 0;
}

.product-sneak-peak-buy-info {
	width: 100px;
	float: left;
	margin: 0 0 0 5px;
	padding: 4px 0 5px 0;
	text-align:center;
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	color: #fff;
	text-shadow: #000 1px 1px 0px;
	border: none;
	-moz-box-shadow: 0 0 4px #444;
	-webkit-box-shadow: 0 0 4px #444;
	box-shadow: 0 0 4px #444;
	background: #888;
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: 0.1em;	
}
.product-sneak-peak-buy-info-full {
	width: 158px;
	float: left;
	margin: 0 0 0 9px;
	padding: 4px 0 5px 0;
	text-align:center;
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	color: #fff;
	text-shadow: #000 1px 1px 0px;
	border: none;
	-moz-box-shadow: 0 0 4px #444;
	-webkit-box-shadow: 0 0 4px #444;
	box-shadow: 0 0 4px #444;
	background: #888;
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: 0.1em;
}

.product-sneak-peak-buy-info a, .product-sneak-peak-buy-info-full a{
	color: #fff;
}

.product-sneak-peak-buy-info a:hover, .product-sneak-peak-buy-info-full a:hover{
	color: #d3d3d3;
	text-decoration: none;
	border: none;
}


@media (min-width: 1200px) {
	.product-list-wrapper {	
		float: left;
		width: 223.333333px;
	}
	.product-list {
		max-width: 183px;
		margin: 0 0 0 8px;
	}	
	
	.product-sneak-peak-buy-btn {
		width: 73px;
	}
	.product-sneak-peak-buy-info {
		width: 118px;
	}
	.product-sneak-peak-buy-info-full {
		width: 189px;		
		margin: 0 0 0 16px;
	}
}

@media (min-width: 768px) and (max-width: 979px) {
	.product-list-wrapper {
		width: 138px;
	}
	.product-list {
		max-width: 108px;
	}
	.product-sneak-peak-buy-btn {
		width: 40px;
	}
	.product-sneak-peak-buy-info {
		width: 76px;
	}
	.product-sneak-peak-buy-info-full {
		width: 121px;		
	}
}

@media (max-width: 767px) {
	.product-list-wrapper {
		width: 100%;
	}
	.product-list {
		max-width: 100%;
	}
	.product-sneak-peak-buy-btn {
		width: 100px;
	}
	.product-sneak-peak-buy-info-full {
		width: 97%;
		margin: 0 9px 0 9px;
	}
}
@media (max-width: 480px) {
	.product-sneak-peak-buy-info-full {
		width: 95.5%;
	}
}

/* ==========================================================================
   @Cart
   ========================================================================== */

.cart-wrapper {
	position: fixed;
	top: none;
	right: none;
	width: 140px;
}



.cart-header {
	height: 39px;
	
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;	
	-moz-box-shadow: 0 0 4px #444;
	-webkit-box-shadow: 0 0 4px #444;
	box-shadow: 0 0 4px #444;
	
	background: #651c35;
}

.cart-header label {
	padding: 12px 0 0 10px;
	margin: 0;
	
	color: #fff;
	text-shadow: #000 1px 1px 0px;
	font-style: italic; 
}

.cart-stuff {
	height: 50px;
	width: 114px; 
	padding: 7px 10px 7px 10px;
	margin: 0 0 0 2px;
	
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	
	border: 1px solid #CCC;	
}

.cart-stuff table {
	width: 100%; 
}

.cart-stuff hr {
	margin: 5px 0 5px 0;
	padding: 0;
}
.cart-stuff a:hover {
	color: #888;
}

.checkout-btn {
	margin: 0 6px 0 0;
	padding: 5px 0 5px 0;
	width: 126px;
	float: right;
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	color: #fff;
	text-shadow: #000 1px 1px 0px;
	border: none;
	-moz-box-shadow: 0 0 4px #444;
	-webkit-box-shadow: 0 0 4px #444;
	box-shadow: 0 0 4px #444;
	background: #888;
	text-align: center;	
}

.checkout-btn a{
	text-align: center;
	color: #fff;
	text-shadow: #000 1px 1px 0px;
}
.checkout-btn a:hover{
	color: #d3d3d3;
}

@media (min-width: 1200px) {
	.cart-wrapper {
		width: 170px;
	}
	.cart-stuff {
		width: 144px;
	}
	.checkout-btn {
		width: 148px;
		margin: 0 10px 0 0;
	}
}

.cart-content {
	padding: 6px 0 12px 14px;	
}

#cartform table {
	width: 100%;
}

@media (min-width: 768px) and (max-width: 979px) {
	.cart-wrapper {
		width: 104px;
	}
	.cart-stuff {
		width: 90px;
		padding: 7px 4px 7px 4px;
	}
	.checkout-btn {
		width: 90px;
	}
}

@media (max-width: 767px) {
	.cart-wrapper {
		top: 0;
		right: 26px;
	}
	.cart-header {
		display: none;
	}
	#cart-sep-line {
		display: none;
	}
	#money-count {
		display: none;
	}
	.cart-stuff {
		height: auto;
		width: auto;
		padding: 2px 8px 5px 8px;
		
		color: #fff;
		text-shadow: black 1px 1px 0px;
		
		-webkit-border-radius: 0 0 3px 3px;
		-moz-border-radius: 0 0 3px 3px;
		border-radius: 0 0 3px 3px;
		
		-moz-box-shadow: 0 0 4px #444;
		-webkit-box-shadow: 0 0 4px #444;
		box-shadow: 0 0 4px #444;
		
		border: none;
		background: #bebebe;	
	}
	.cart-stuff td {
		padding: 0 4px 0 4px;
	}
	.checkout-btn {
		display: none;
	}
	.cart-stuff a {
		color: #fff;
	}
	.cart-stuff a:hover {
		color: #d3d3d3;
		border: none;
	}
	.product-sneak-peak-buy-btn {
		width: 48%;
		margin-left: 2%;
	}
	.product-sneak-peak-buy-info {
		width: 46%;
		margin: 0 2% 0 2%;
	}
}

.product-sneak-speak-money {
	font-size: 12px;
	font-style: italic;
	line-height: 1.6em;
	height: 36px;
}

@media (max-width: 979px) {
	.product-sneak-speak-money {
		height: 50px;
	}
}

.product-list .img-wrapper {
	height: 160px;
	width: 100%;
}

.img-wrapper img {
    
}


@media (max-width: 480px) {
	.cart-wrapper {
		right: 18px;
	}	
}

/* ==========================================================================
   @Product
   ========================================================================== */

.product-wrapper {
	-webkit-border-radius:;
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	border: 1px solid #CCC;
	padding: 15px;
	overflow: hidden;
}

.product-wrapper hr {
	margin: 0;
	padding: 0; 
}

.product-wrapper img {
	-webkit-border-radius;
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	border: 1px solid #CCC;
}

.product-images-wrapper {
	float: left;
}

.product-info-wrapper {
	float: left;
	width: 390px;
	padding: 10px 0 0 15px;
}
@media (max-width: 767px) {
	.product-info-wrapper {
		padding: 10px 0 0 10px;		
	}
}

.product-money-wrapper {
	float: left;
	margin: 15px 0 5px 0;
}

#product-money {
	font-size: 26px;
	letter-spacing: -0.06em;
}

#product-vat {
	font-size: 12px;
	color: #666;
	font-style: italic;
	margin: 6px 0;
	letter-spacing: 0px;
}

.product-buy-btn {
	float: right;
	margin: 21px 10px 0 0;
	padding: 2px 15px 5px 15px;
	text-align:center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: none;
	-moz-box-shadow: 0 0 4px #444;
	-webkit-box-shadow: 0 0 4px #444;
	box-shadow: 0 0 4px #444;
	background: #651c35;
}

.product-speecs {
	margin: 0 0 10px 0;
	line-height: 1.8em;
}

.product-description {
	margin: 15px 0 0 0;
}

.product-description .product-header {
	font-size: 14px;
	color: #333;
	font-style: italic;
	margin: 0 0 10px 0;
}

#first-image {
	margin-bottom: 10px;
	border: 1px solid #CCC;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
}

.product-images {
	margin: 0px 4px 8px 4px;
	border: 1px solid #CCC;
	float: left;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	width: 90px;
	display: block;
}
.product-images img {	
}

#first-image img{
	max-width: 230px;
}

#fancybox-close:hover {
	border: none;
}

.product-vendor, .product-type {
	color: #999;
}

.product-info-wrapper {
	width: 490px;
}

.product-images-wrapper {
	float: left;
	width: 100%;
	text-align: center;
}

.product-wrapper img {
	border: none;
}

@media (min-width: 1200px) {
	.product-info-wrapper {
		width: 380px;
	}
	.product-images-wrapper {
		width: 240px;
	}
}
@media (max-width: 979px) {
	.product-info-wrapper {
		width: 360px;
	}
	.product-description {
		margin: 15px 15px 0 0;
	}
}
@media (min-width: 768px) and (max-width: 979px) {

}
@media (max-width: 767px) {
	.product-info-wrapper {
		width: 96%;
	}
}
@media (max-width: 480px) {

}


/* ==========================================================================
   @Collections page stuff
   ========================================================================== */

.collection-sneak-peak-info {
	border-top: 1px solid #CCC;
	color: #000;
	padding: 6px 0 0 0;
	line-height: 1.25em;
	text-align: left;
}

.collection-sneak-speak-name {
	width:100%;
	line-height: 1.6em;
	white-space:nowrap; 
	overflow:hidden; 
	text-overflow:ellipsis;
	border-bottom: 0px solid #CCC;
	padding-bottom: 0;
	margin: 5px 0 0 0;
	font-family: 'FranklinGothic-DemiItalic';
	line-height: 30px;
	font-weight: 400;
	font-size: 16px;
	text-align: center;
}

#collection-description {
	padding: 0 0 10px 0;
}


/* ==========================================================================
   @Sidebar  stuff
   ========================================================================== */

aside.sidebar {
	margin: 20px 0 0 0;
}
/* ==========================================================================
   @Cart stuff
   ========================================================================== */

#cartform td {
	border-bottom: 1px solid #d3d3d3;
	padding-top: 10px;
	padding-bottom: 10px;
}

#cartform tr:first-child {
	border-top: 1px solid #d3d3d3;	
}

#cartform tr {
	-webkit-transition: background 150ms ease-out;
	-moz-transition: background 150ms ease-out;
	-ms-transition: background 150ms ease-out;
	-o-transition: background 150ms ease-out;
	transition: background 150ms ease-out;
}

#cartform tr:hover {
	background: #F0F0F0;
	-webkit-transition: background 150ms ease-in;
	-moz-transition: background 150ms ease-in;
	-ms-transition: background 150ms ease-in;
	-o-transition: background 150ms ease-in;
	transition: background 150ms ease-in;
}

#cartform tr a:hover {
	text-decoration: none;
	border: none;
	color: #999;
}

#cartform tr a:hover {
	text-decoration: none;
}

.images {
	width: 72px;
}

.images img {
	margin: 0 10px 0 10px;
	border: 1px solid #CCC;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
}

.description {
	width: 600px;
}

.item-title {
	font-size: 14px;
} 

.price {
	font-size: 14px;
	padding: 0 20px 0 10px;
}
del + .new-price {
	color: #651c35;
}

.quantity input {
	width: 40px;
	margin: 0 10px 0 0;
}

.total {
	padding: 0 10px 0 0;
}

.delete {
	padding: 0 10px 0 0;
}

#moneytot {
}

#update-cart {
}

#cart-submit {
}

#selectors {
	margin: 14px 0 10px 0;
}

#selectors h6 {
	margin: 0 0 14px 0;
}

.selector-wrapper  {
	margin: 6px 0 6px 0;
}

.selector-wrapper label {
	margin: 5px 10px 6px 0;
	font-style: italic;
}

#cart-btns {
	float: right;
	text-align: right;
	width: 120px;
	margin: 14px 12px 0 0;
}

#moneytot {
	font-weight: bold;
}

#cart-btns input {
	background: none; 
	float: center;
	width: 100%;
	color: #fff; 
	border: none;
	text-shadow: #000 1px 1px 0px;
	
	text-align: center;
	
	-webkit-transition: color 150ms ;
	-moz-transition: color 150ms ;
	-ms-transition: color 150ms ;
	-o-transition: color 150ms ;
	transition: color 150ms ;
}

#cart-btns input:hover {
	color: #999;

	-webkit-transition: color 150ms ;
	-moz-transition: color 150ms ;
	-ms-transition: color 150ms ;
	-o-transition: color 150ms ;
	transition: color 150ms ;
}

#cart-btns .update-btn {
	width: auto;
	float: right;
	margin: 14px 0 10px 0;
	padding: 2px 5px 5px 5px;
	text-align:center;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	border: none;
	-moz-box-shadow: 0 0 4px #444;
	-webkit-box-shadow: 0 0 4px #444;
	box-shadow: 0 0 4px #444;
	background: #888;
	height: 20px;
	text-shadow: #000 1px 1px 0px;
}

#cart-btns .buy-btn {
	width: auto;
	float: right;
	margin: 0 0 14px 0;
	padding: 2px 5px 5px 5px;
	text-align:center;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	border: none;
	-moz-box-shadow: 0 0 4px #444;
	-webkit-box-shadow: 0 0 4px #444;
	box-shadow: 0 0 4px #444;
	background: #651c35;
	height: 20px;
	text-shadow: #000 1px 1px 0px;
}

#update-cart {
	margin: 0;
}

.delete-txt-btn {
	display: block;
}

@media (max-width: 767px) {
	.quantity input {
		width: 20px;
	}
	#cartform .price {
		display: none;
	}
	#cartform .total {
		width: 80px;
		padding-right: 2px;
	}
	#cart-btns {
		margin: 14px 4px 0 0;
	}
	.delete {
		display: none;
	}
}

@media (min-width: 1200px) {
	.description {
		width: 855px;
	}
}

@media (min-width: 768px) and (max-width: 979px) { 
	.description {
		width: 410px;
	}	
}

@media (max-width: 767px) {
	.images {
		min-width: 72px;
	}
	

}

@media (max-width: 480px) {
	.quantity input {
		width: 15px;
	}
}

@media (max-width: 560px) {
	.quantity input {
		width: 15px;
	}
}
@media (max-width: 510px) {
	#cartform .description {
	 
	}
}
/* ==========================================================================
   @Footer stuff
   ========================================================================== */

#footer {	
	margin-top: 15px;
	
	background: #f0f0f0;
}

#footer .box {
	float: left;
	
	margin: 20px 30px 20px 30px;
	
	font-size: 12px;
	line-height: 1.7em;
}

#footer .box h6 {
	margin: 0 0 6px 0;
	
	font-size: 12px;
	color: #651C35;
}

#footer .box #logo {
	margin: 8px 0;
}

#footer .box a{
	color: #333;	
}

#footer .box a:hover {
	color: #999;
	text-decoration: none;	
}

#end-of-page {
	padding: 13px 0 15px 10px;
	
	font-size: 11px;
	font-style: italic;
	
	color: #999;
}

#end-of-page a {
	color: #999;
	
}

#end-of-page a:hover {
	color: #666;
	text-decoration: none;
}

@media (max-width: 979px) {
	#footer .box {
		margin: 20px 18px 20px 18px;
	}
}

@media (max-width: 767px) {
	#footerWrapper {
		margin: 10px 0 0 0;
		border-top: 1px solid #E3E3E3;
		border-bottom: 1px solid #E3E3E3;
	}
	#footer {
		margin-top: 0;
	}
	#footer .box {
		width: 100%;
		margin: 0 0 14px 8px;
	}
	#footer .box #logo {
		display: none;
	}
}

/*
.sliderfont {
	font: 16px/27px 'FranklinGothic-DemiItalic', Arial, sans-serif;
	color: 
	#651c35;
	width: 300px;
	position: relative;
	left: 50px;
	top: -135px;
}

@media (min-width: 1200px) {
	.sliderfont {
		font: 22px/27px 'FranklinGothic-DemiItalic', Arial, sans-serif;
		color: #651c35;
		width: 360px;
		position: relative;
		left: 60px;
		top: -155px;
	}
	#slider {
		height: 200px !important;
	}
}
@media (max-width: 979px) {
	.sliderfont {
	font: 14px/20px 'FranklinGothic-DemiItalic', Arial, sans-serif;
	color: 
	#651c35;
	width: 220px;
	position: relative;
	left: 40px;
	top: -105px;
	}
	#slider {
		height: 125px !important;
	}
}
@media (min-width: 768px) and (max-width: 979px) {
	.sliderfont {
	font: 14px/20px 'FranklinGothic-DemiItalic', Arial, sans-serif;
	color: 
	#651c35;
	width: 220px;
	position: relative;
	left: 40px;
	top: -105px;
	}
	#slider {
		height: 125px !important;
	}
}
@media (max-width: 767px) {

}
@media (max-width: 480px) {

}*/

/* ==========================================================================
   Flexislider
   ========================================================================== */

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease !important; -moz-transition: all 1s ease !important; transition: all 1s ease !important;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -56% 0 0; display: block; background: url(bg_direction_nav-white-2.png) no-repeat 0 0; position: absolute; top: 100%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease !important;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 8px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 8px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .0!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}



#slider, #slider-video {margin-bottom:15px !important;}
#slider {margin-top: 12px!important;}
#carousel li, #carousel-video li {margin-right: 5px;}
#carousel img, #carousel-video img {display: block; opacity: .7; cursor: pointer;}
#carousel img:hover, #carousel-video img:hover {opacity: 1;}
#carousel .flex-active-slide img, #carousel-video .flex-active-slide img {opacity: 1; cursor: default;}

#carousel img, #carousel-video img {
	-webkit-transition: all 400ms ;
	-moz-transition: all 400ms ;
	-ms-transition: all 400ms ;
	-o-transition: all 400ms ;
	transition: all 400ms ;
}
#carousel img:hover, #carousel-video img:hover {
	-webkit-transition: all 400ms ;
	-moz-transition: all 400ms ;
	-ms-transition: all 400ms ;
	-o-transition: all 400ms ;
	transition: all 400ms ;
}

/* ==========================================================================
   FlexSlider
   ========================================================================== */

#slider, .flex-viewport, #slider-video, .slides {
	margin: 0;
	padding: 0;
}

#carousel, #carousel-video {
	margin: 10px 0 20px 0;
}

.content .flexslider ul, .content .flexslider ol {
	margin: 0;
	padding: 0;
}

.flexslider {
	border: 5px solid #fff;
	-moz-box-shadow: 0 0 4px #999;
	-webkit-box-shadow: 0 0 4px #999;
	box-shadow: 0 0 4px #999;
}

#slider img,#slider-video img {
	margin: 0!important;
}

.flex-direction-nav a:hover {
	border: none;
	text-decoration: none;
}

.slides iframe {
	height: 295px;
	border: none;
}

.content #slider-video li {
	line-height: 0em;
}

.content iframe {
	height: 390px;	
} 
@media (min-width: 1200px) {
	.flexslider:hover .flex-next {opacity: 0.8; right: 14px;}
	.flexslider:hover .flex-prev {opacity: 0.8; left: 14px;}
}
@media (min-width: 768px) and (max-width: 979px) {
	.flexslider:hover .flex-next {opacity: 0.8; right: 2px;}
	.flexslider:hover .flex-prev {opacity: 0.8; left: 2px;}
}
@media (max-width: 767px) {
	.flexslider:hover .flex-next {opacity: 0.8; right: 10px;}
	.flexslider:hover .flex-prev {opacity: 0.8; left: 10px;}
}

@media (max-width: 767px) {
	.flexslider {
		width: 97%;
	}
}
@media (max-width: 480px) { 
	.flexslider {
		width: 90%;
		left: 4%;
	}
}

/* ==========================================================================
   IE Fun
   ========================================================================== */

.ie7 .cart-header {
	width: 141px;
}

.ie7 .cart-stuff {
	height: 70px;
}

.ie7 .checkout-btn {
	float: left;
	z-index: 9999999;
	margin-left: 8px;
}

/* ==========================================================================
   @Typo
   ========================================================================== */

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

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

.ie8 aside .sidebar {
	padding-top: 20px;
}

#ie8-logo {
	display: none;
}

.ie8 #ie8-logo {
	display: block;
}

.ie8 #logo {
	display: none
}
.ie8 article.content h1.title, .ie7 article.content h1.title {
	font-size: 28px!important;
	font-weight: 400;
}
.ie8 .content header h1, .ie7 .content header h1 {
	font-family: 'FranklinGothic-Demi';
	font-size: 28px!important;
}
.ie8 .flex-direction-nav, .ie7 .flex-direction-nav {
	display: none;
}
.ie8 li#menu-item-297, .ie7 li#menu-item-297 {
	display: none;
}

.ie7 #footer .box {
	padding-bottom: 18px;
}