/** Shopify CDN: Minification failed

Line 223:0 Unexpected "#"
Line 225:0 Expected identifier but found "#"
Line 228:0 Comments in CSS use "/* ... */" instead of "//"
Line 229:0 Expected identifier but found "#"
Line 231:0 Unexpected "#"
Line 235:0 Expected identifier but found "#"
Line 237:0 Expected identifier but found "#"

**/
/* ------ NOTES ---------------------------------------------------------------

Tellus theme for Shopify, made by Jimmy Nordlund (http://www.digitalvenues.se).

Comes in a few different colour variations (see section 8).


--------- CONTENTS      ------------------------------------------------------------
  
1: BODY AND UNIVERSAL RESET
 2: PAGE STRUCTURE
	a) Containers
	b) Header
 	c) Sidebar
	d) Footer
3: ARTICLES
4: PRODUCTS
5: CART
6: GLOBALS
	a) Links
	b) Typography
7: MISC
8: COLOUR VARIATIONS
	a) Lime Green
	b) Strawberry Pink
	c) Sunset Orange

---------------------------------------------------------------------------- */



/* 1: BODY AND UNIVERSAL RESET
============================================================================ */

body {
	margin: 0;
  	padding: 0;
        margin-bottom:50px;
  	background-color: #eee;
	font: 12px/160% "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	}
	
/* Set margin and padding to 0 for all elements */
 
* {margin: 0; padding: 0;}


/* 2. PAGE STRUCTURE
============================================================================ */

/* a) Containers */
a.img {border: none; background: none;}
a {

}

#container {
	width:100%;
	margin: 0 auto;

	}

#main {
	width:818px;

	/*height: 398px;*/
	background-color:#fff;
	margin:0;
	padding:0;
	}

#main2 {
	color: #fff;
	margin:0;
	padding:0;
height:100%
	}
.main3{
		background: url(bg-main2.gif) left repeat-y;
	color: #fff;
	margin:0;
	padding:0;
height:100%

}


.menu2body{
width: 100%;
height:100%
padding-right:5px;

}

	
/* b) Header */

#header {
	width:818px;
	height:268px;
	background: url(banner.jpg) no-repeat;
	}
		

/* c) Sidebars */

.leftsidebar {
  	background: url(leftshadow.jpg) right repeat-y;
  	background-color: #eeeeee;
	}

.rightsidebar {
  	background: url(rightshadow.jpg) left repeat-y;
  	background-color: #eeeeee;
	}

/* d) Top menu */

#topmenubackground {
	width:818px;
	height:28px;
  	background: url(topmenubackground.jpg) repeat-x;
  	background-color: #eee;
	margin: 0;
	padding: 0;
	}
	

	
#topmenuend {
	margin: 0;
	padding: 0;
	height:28px;
	width:32px;
	float: left;
	background: url(topmenuend.jpg) left top no-repeat;
	}

	
/* d) Footer */

#footer {
	width:818px;
	height:45px;
	background: url(middlefooter.jpg) repeat-x;
	}
	
#footerleftsidebar {
  	background: url(leftfooter.jpg) right repeat-y;
  	background-color: #eeeeee;
	}

#footerrightsidebar {
  	background: url(rightfooter.jpg) left repeat-y;
  	background-color: #eeeeee;
	}
	
#footer ul {
	list-style: none;
	margin: 0 63px;
	padding-top: 10px;
	border-top: 1px solid #ddd;
	}
#footer li {display: inline; margin: 0 5px;}
#footer a {border-color: #bbb; color: #333;}
#footer a:hover {border-color: #333; background: #333; color: #fff;}


.pricelist{
font-family: "Myriad Pro", Myriad, Helvetica, Arial, Verdana, sans-serif;
color: #c00;
font-size: 14px;
font-weight: normal;
padding-right:50px;
padding-bottom:10px;
}







/* 2b: FRONTPAGE
============================================================================ */


#frontpagewelcome{

}

#peter {
	position: absolute;
	height:544px;
	width:448px;
	margin-left:-54px;
	margin-top:-193px;
background: none;
	}

#newbanner{
	position: absolute;

	margin-left:695px;
	margin-top:77px;
background: none;
	}




#
.element{
#
/* Mozilla ignores crazy MS image filters, so it will skip the following */
#
//filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='peter.png');
#
}
#
/* IE ignores styles with [attributes], so it will skip the following. */
#
.element[class]{
#
background: url(peter.png) no-repeat center center;
#
}


/* 3: ARTICLES
============================================================================ */
#indeximg{
	padding-right:10px;	
	}
	
#indeximg img{
	padding-right:10px;
	
}

.article{
	margin:0;
	padding:0;
	
        font-family: "Times New Roman", Georgia, serif;
	padding-top:20px;
	text-align:left;
}
.article .pbody {padding-left: 10px;}
.article h3 {	margin:0;color: #444;background: #f5f5f5;
	padding:0;margin-bottom: 25px;font-size:16px;  	border-top: 1px solid #ddd;
  	border-bottom: 1px solid #ddd;}

h2#page-title {margin-bottom: 5px;}
div#page-title {margin-bottom: 5px;}
p.posted {padding: 0 30px 1em; color: #35718f; font-size: 11px;}
.articles{
width:100%;
}
.article-body {


padding: 0 30px;
font-size:16px;
font-family: "Times New Roman", Georgia, serif;
}

.article-body p{


}
.maddddd{
padding: 0 0px;
padding-top:10px;
padding-bottom:10px;
padding-right:20px;
text-indent:20px;
}
.article-body h3 {	
border: none;
margin:0;
background: #fff;
color: #35718f;
	padding:0;
padding-bottom: 0.7em;
font-size:18px;
}

/* 4: PRODUCTS
============================================================================ */







#products {width: 100%;}
#products h3 {
	margin: 0.5em 0;
	padding: 0;
	font-size: 13px;
	font-weight: bold;
	font-family: "Lucida Grande", Arial, Verdana, sans-serif;
color:#CC6600;
	}
h3 a{
color:#CC6600;
}


#products td {
  	text-align: center;
  	border-left: 1px solid #ddd;
  	border-bottom: 1px solid #ddd;
  	padding: 30px 10px;
	}
#products td.col1 {border-left: 0;}


ul.attributes {
  	color: #555;
  	list-style: none;
  	line-height: 150%;
	}
ul.attributes li {font-weight: bold;}
ul.attributes li span.money {
	color: #c00;
	font-size: 16px;
	font-weight: normal;
	}

/* List one product per row in an unordered list */

#productsv {list-style: none; padding: 0px 30px 10px;}
	
li.productv {padding: 20 0 30px;}
li.productv .thumb {float: left; width: 25%; text-align: center;}
li.productv .thumb .money {
	margin-top: 0.7em;
	color: #c00;
	font-size: 17px;
	}
li.productv .pbody {margin-left: 28%;}
li.productv .pbody h3 {
	margin-bottom: 0.5em;
	padding: 0;
	font-size: 20px;
	}
li.productv .pbody ul.attributes li {
  	display: inline;
  	margin-right: 10px;
  	padding-top: 20px !important;
	}
li.productv ul.buttons {list-style: none; margin: 10px 0;}
li.productv ul.buttons li {display: inline;}
li.productv ul.buttons li a {
  	display: block;
  	float: left;
  	margin-right: 5px;
  	padding: 2px 4px;
  	border: 1px solid #7ab8da;
  	background: #f5f5f5;
	color: #7ab8da;
	}
li.productv ul.buttons li a:hover {
  	background: #7ab8da;
  	color: #fff;
	}

/* b) Main (single) product page */

#product h3 {
	margin-top: 40px;
	padding: 0 0 1em;
	font-weight: normal;
	font-size: 18px;
	font-family: "Myriad Pro", Myriad, Helvetica, Arial, Verdana, sans-serif;
	}
	 
.pimage {
  	float: right;

padding:10px 10px 10px 10px;
  	text-align: center;
margin: 20px 25px 20px 2px;
	}

.pimage a {
  border: none;
  background: none;
}

#pimage-select {
  float: right;
  clear: right;
  width: 240px;
  text-align: center;
}

#description {margin: 0 30% 0 30px;}

#price {
	padding: 30px 0 10px 30px;
	color: #c00;
	font-size: 26px;
	}

ul#details {font-size: 11px; padding: 10px 0 0 30px;}
ul#details li {margin-right: 5px;}

#variants {list-style: none; margin: 0 0 30px 10px;}
#variants li {margin-bottom: 8px;}
#variants span.variant-price {color: #c00;}
#variants span.soldout {background: #ffd; color: #c00;}

input#add {margin-bottom: 40px;}


/* 5: CART
============================================================================ */



#cart {margin: 30px 0;}
#cart .money {color: #c00; font-size: 16px;}
#cart h3.small {
	margin: 0;
  	padding: 5px 30px;
	border-bottom: 1px solid #ccc;
  	color: #c60;
	font-size: 12px;
	font-weight: normal;
	font-family: "Lucida Grande", Arial, Verdana, sans-serif;
  	text-align: right;
	}
#cart .right {
  	position: absolute;
  	top: 10px;
  	right: 30px;
  	text-align: right;
	}

#cartform {margin: 30px 0;}

#line-items {list-style: none; margin: 5px 0;}
#line-items li {
	position: relative;
  	padding: 10px 30px;
  	margin-bottom: 2px;
  	border-bottom: 1px solid #ccc;
	}
#line-items h3 {padding: 5px 0 0; font-size: 18px;}

.c-thumb {
  	float: left;
  	width: 50px;
  	margin-right: 5px;
  	padding: 2px;
  	text-align: center;
	}

li#total {
	margin: 30px 0 60px;
	border: 1px solid #c60;
  	border-width: 1px 0;
  	background: #ffd;
  	color: #444;
	font-size: 14px;
  	font-weight: bold;
  	text-align: right;
	}
li#total .money {font-size: 20px;}

#update-cart {float: left;}

/* Cart status box */

#in-cart {
	display: inline;
	float: right;
	height: 28px;
	margin: 7px 255px 13px;
  	padding: 5px 14px 0;
  	color: #000;
	}

#cart-count {
	float: left;
  	margin-left: 10px;
	padding-right: 20px;
  	font-size: 11px;
	}
#cart-count a {border-color: #fff; color: #fff;}
#cart-count a:hover {border: none; background: none;}


/* 6: GLOBALS
============================================================================ */



/* a) Links */




/* b) Typography */

div#page-title {
	        
padding: 10px 30px;
	border: 1px solid #ddd;
	border-width: 1px 0;
	background: #f5f5f5;
	color: #444;
	font-weight: normal;
	font-size: 25px;
	font-family: "Myriad Pro", Myriad, Helvetica, Arial, Verdana, sans-serif;
font-family: "Times New Roman", Georgia, serif;
	text-shadow: -3px 3px #fff;
padding-right:0px;margin-right:0px;
clear:both;
	}
div#page-title div{
clear:right;
	}

div#page-title span{
	        
margin-top:-8px;

	color: #444;
	font-weight: normal;
	font-size: 12px;
float:right;
        font-family: "Times New Roman", Georgia, serif;
        padding-right:0px;margin-right:0px;
}


h2 {
	        
padding: 10px 30px;
	border: 1px solid #ddd;
	border-width: 1px 0;
	background: #f5f5f5;
	color: #444;
	font-weight: normal;
	font-size: 25px;
	font-family: "Myriad Pro", Myriad, Helvetica, Arial, Verdana, sans-serif;
font-family: "Times New Roman", Georgia, serif;
	text-shadow: -3px 3px #fff;
padding-right:0px;margin-right:0px;
	}

h3 {
	padding: 30px 30px 0.1em;
	color: #35718f;
	font-weight: normal;
	font-size: 20px;
	font-family: "Myriad Pro", Myriad, Helvetica, Arial, Verdana, sans-serif;
	}

/* c) Misc */

img {border: 0;}

.money {font-family: Georgia, "Times New Roman", serif;}

ul.hlist {list-style: none;}
.hlist li {display: inline;}

#shopify {
	text-align: right;
	font: 10px Arial, Verdana, sans-serif;
	margin-bottom: 5px;
	margin-right: 5px;
	font-style: italic;
}

#shopify a{
  	color: #07609f;
  	text-decoration: none;
	font-style: italic;
	border: none;
}

#copyright {
	text-align: right;
	font: 11px Arial, Verdana, sans-serif;
	margin-top: 5px;
	margin-right: 5px;
}

#copyright a{
  	color: #07609f;
  	text-decoration: none;
font-family: sans-serif;
letter-spacing: 0.1ex;
	border: none;
}

.fpage{
float:right;
padding-top:0px;
padding-bottom:9px;
border:1px solid #ddd;
padding-right:7px;
padding-left:9px;
margin-right:23px;
}

.bag{
	position: absolute;

	margin-left:0px;
	margin-top:-117px;
background: none;
	}







/* 7: HACKS AND FIXES
============================================================================ */

/* Clear floats */

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

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* A few special rules for the stupid one */
* html .newbanner{margin-left:695px;}
* html .fpage{margin-right:11px;}
* html #sidebar22 {width: 210px;height:100%}
* html #sidebar h3 {}
* html #sidebar .vlink-list {}
* html #sidebar .vlink-list a {
	width: 210px;

	}
* html ul.colpag li{height:200px;}
* html .bag{margin-top:-137px;}
* html .pimage{margin-right:15px;}



* html #in-cart {padding: 3px 14px 0;}


/* c) Sidebar */

#sidebar22 {
  	width: 100px;
        height:100%;
background: #eee;
background: url(bg-main2.gif) left repeat-y;
	}


#sidebar {
padding:0px;
margin:0px;
        width: 100%;
        height:100%;
  	background: url(bg-sidebar.gif) top left no-repeat;
border:none;

	}



#sidebar h3 {

	padding: 20px 0px 0px 15px;
	color: #333;
	font-size: 13px;
	font-weight: bold;
	font-family: "Lucida Grande", Arial, Verdana, sans-serif;
	text-shadow: -3px 3px #fff;
	}
.vlink-list {
	list-style: none;
	padding-bottom: 1px;
	background: url(sidebar-devider.gif) bottom left no-repeat;
	}


.vlink-list li{
background: url(sidebar-menu.jpg) left top no-repeat;
}



.vlink-list a {
  	display: block;
	width: 210px;
	padding: 9px 0 9px 15px;
  	color: #206a93;
  	text-decoration: none;
	border: none;
	
	}
.vlink-list a:hover {
	color: #35718f;
        background: url(sidebar-menu.jpg) left -120px no-repeat;
	}





a#vlink-list2{
  	display: block;
	width: 210px;
	padding: 9px 0 9px 15px;

  	text-decoration: none;
	border: none;
	color: #35718f;
        background: url(sidebar-menu.jpg) left -120px no-repeat;
	}



ul.section2{
	padding:5px 0;
	margin:30px 0 20px 0;
}

ul.featured-products2 li{
        border:1px solid #eee;
	float:left;
	width:120px;
	padding:0 14px;
	margin:0 0 15px 40px;
	display:inline;
	background:#fff;
}
ul.featured-products2 li{
	margin-left:30px;
}
ul.products2 li.first{
	margin-left:0;
	clear:left;
}
.products2 .image{

	padding:6px 0;
	height:100px;
	text-align:center;
background:#fff;
}
ul.products2 h4{
border:1px solid #eee;
text-align:center;
	font-size:11px;
	margin:0;
}
ul.products2 h4 a{
	color:#CC6600;
}
ul.products2 .info{

	padding:10px 0;

}
ul.products2 .price{
	font-size:10px;
}
ul.collection2{
	padding-top:20px;
}


/* Right content Area */

ul.tags {
	padding: 0;
	margin: 0;
margin-left:30px;
	}
	
ul.tags li {
	list-style: none;
	float: left;
	position: relative;
	display: block;
	padding: 0;
	margin: 2px;
	font-size: 12px;
	line-height: 12px;
	
	}
	
ul.tags li a {
	padding: 3px;
	color: #b96200;
	margin: 0;
	text-decoration: none;
	font-size: inherit;
	position: relative;
	line-height: 24px;
	}
.atags {
	padding: 3px;
	color: #b96200;
	margin: 0;
	text-decoration: none;
	font-size: inherit;
	position: relative;
	line-height: 24px;
	}
span.active  {
	background: #bebfa0;
	padding: 3px;
	color: #FFFFFF;
	}
ul.tags li a:hover {
	background: #bebfa0;
	}
	
.atags a {
	width: 10px!important;
}

.deco {
        background: #bebfa0;
        padding: 3px;
	color: #FFFFFF;
}

.hlink-list {
	margin: 0;
	padding: 0;
	list-style: none;
	float:right;
        height:28px;
	}
	
.hlink-list li{
	margin: 0;
	padding: 0;
	height:28px;
	width:99px;
	text-align:center;
	float: left;
background: url(topmenuitem.jpg) left top no-repeat;
	}
.hlink-list a {
padding-left:7px;
	padding-top:4px;
  	color: #fff;
  	text-decoration: none;
	border: none;
	font: 15px Arial, Verdana, sans-serif;
	font-weight:bold;
        float: left;
	height:24px;
	width:92px;
	text-align:middle;
	
	display: block;
	}
li.first{
	clear:left;
}


span.current {
	background: #bebfa0;
	padding: 3px;
	color: #FFFFFF;
	}