/* =reset
--------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	border: 0;
}

/* =html
--------------------------------------------------------------------*/


body {
	text-align: center;
	background: #eed url(/i/bgs/bg.png) repeat-x;
	font: 11px/150% 'lucida grande', lucida, verdana, arial helvetica, sans-serif;
	color: #420;
}

body.plain {
	background: #fff;
	margin: 10px;
}

p, ul, ol, address, hr {
	margin: .2em 0 1.5em 0;
}

hr {
	border-top: 1px solid #bdd;
	clear: both;
}


ul {
	padding-left: 2em;
	list-style-type: square;
}

ul.downloads {
	list-style: none;
}
ul.downloads li {
	margin-bottom: .2em;
}


/*---- headers ----*/

h1, h2, h3, h4 {
	color: #6aa;
	margin-bottom: .2em;
	font-weight: normal;	
	line-height: 120%;
}

h1 {
	font-size: 24px;
}
h2 {
	font-size: 18px;
}
h3 {
	font-size: 14px;
	line-height: 150%;
 	color: #876;
}

h4 {
	font-size: 12px;
/* 	color: #876; */
}

h2, h4 {
	color: #7bb;
}




/*--- links ----*/

a {
	color: #599;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #7bb;
	text-decoration: underline;
}


h1 a, h2 a, h3 a, h4 a {
	font-weight: normal;
}


/*--- basic layout ---*/

#wrapper, #footer {
	margin: 0 auto;
	position: relative;
	width: 900px;
}

#head {
	width: 100%;
 	background: url(/i/bgs/bg-head.gif) repeat-x;
 	height: 150px;
	clear: both;
	text-align: center;
	border-bottom: 1px solid #eec;
}

#wrapper {
	background: url(/i/bgs/bg-wrap.gif) 50% 0 repeat-y; 
	text-align: left;
	padding-bottom: 10px;
}

#footer { 
	background: url(/i/bgs/bg-foot.png) center bottom no-repeat; 
	text-align: left;
	clear: both;
	line-height: 120%;
	font-size: 10px;
	color: #987;
	padding: 10px 0 30px 0;
	margin-bottom: 30px;
}



#main {
	float: left;
	width: 900px;
	padding: 0 0 10px 0;
}

#nav, #content, #sidebar {
	float: left;
	display: inline;
}


#nav, #content {
	width: 820px;
	margin: 0 40px 20px 40px;
}

#content {
	margin-bottom: 0;
	margin-right: 15px;
}


#sidebar {
	width: 193px;
	margin-top: 20px;
}


.pad {
	padding: 0 40px;
	float: left;

}

/*--- nav-specific ---*/

#nav {
	width: 886px;
	margin: 0 7px 20px 7px;
	background: #553311 url(/i/bgs/bg-nav.png) 50% 0 repeat-x;
	padding: 14px 0 16px 0;
	text-align: center;
	list-style: none;
}

.mainnav ul {
	padding: 0;
}


.mainnav li {
	margin: 0 6px;
	padding: 8px 0;
/* 	width: 140px;
	float: left; */
	overflow: hidden;
	display: inline;
}


.mainnav a {
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size: 12px;
	text-align: center;
	padding: 8px 5px;
	color: #ccb;
}

.mainnav li#holiday a {
}

.mainnav a.new {
	padding-left: 26px;
	background: url(/i/new_sm.png) 0 40% no-repeat;
}


.mainnav a.current {
	color: #eed;
	font-weight: bold;
	text-shadow: 1px 1px 3px #000;
	}

.mainnav a:hover, .mainnav a:active {
	color: #fff;
	text-decoration: none;
}


#footer p, #footer ul {
	line-height: 13px;
}

#footer ul {
	margin-bottom: 1em;
	list-style: none;
	padding: 0;
}

#footer li {
/*  	display: inline; */
	margin: 0 0 3px 0;
	padding: 0;
}


ul.subnav {
	margin: 0 0 20px 10px;
	float: left;
	font-size: 10px;
	line-height: 130%;
	width: 120px !important;
}
ul.subnav li {
	width: 120px;
}
.mainnav li .subnav a {
	overflow: visible;
	height: auto !important;
	width: auto;
	padding: 0 !important;
	background-image: none !important;
	font-weight: normal;
	color: #864;
}

.mainnav .subnav a:hover, .mainnav .subnav a.current {
	color: #599;
}

.mainnav .subnav a.current {
	font-weight: bold;
}



/*--- header-specific ---*/


img#flowerbug {
	position: absolute;
	right: -63px;
	top: -74px;
	z-index: 1001;
}
img#bottombug {
	position: absolute;
	left: -43px;
	bottom: -74px;
	z-index: 1002;
}


/*---multi-column layout ---*/

.col, div#products_page_container {
	float: left;
	display: inline;
	margin: 0 15px 16px 0;
}

.first {
	margin-left: 0;
}

.last { 
	margin-right: 0;
}

.col img {
/* 	display: block;
	border: 0; */
/* 	border-bottom: 1px solid #420;
	margin: 0 -2px 4px -6px; */
/* 	float: left; */
}


.full, #content.full {
	width: 820px;
}

.half {
	width: 402px;
}

.twothird, .productcart.twothird {
	width: 540px;
}

.threefourth, #content.threefourth {
	width: 610px;
}

#content.twothird, #content.narrowcolumn {
	width: 540px;
}

.third {
	width: 262px;
}

.fourth {
	width: 193px;
}

.fifth {
	width: 150px;
}

.sixth {
	width: 123px;
}

.half img {
	max-width: 398px;
}

.eighth {
	width: 88px;
}

.centered {
	margin-left: 137px;
	margin-right: 138px;
}



.fourth #shoppingcartcontents {
	font-size: 9px;
	line-height: 130%;
}



.wrap {
	margin-right: 0 !important;
}


 a.caption {
	border: 1px solid #eec;
	text-align: left;
	display: block;
	margin: 0;
	background: #fff;
	color: #ab2;
	font-size: 9px;
/* 	font-weight: normal; */
	text-decoration: none;
/* 	text-indent: 5px; */
	padding: 2px 2px 3px 2px;
}

a.caption img {
	opacity: 0.85;
	-moz-opacity: 0.85;
	padding: 0;
	margin: 0;
	margin-bottom: 5px;
}
a.caption:hover {
	color: #9a1;
	background: #f8f8e7;
	border-color: #987;
}
a.caption:hover img {
	opacity: 1.0;
	-moz-opacity: 1.0;
}





/* =collection page. quick n dirty.
--------------------------------------------------------------------*/

.collthumbs {
}

	

.collthumbs h3 {
	padding-bottom: 2px;
	border-bottom: 1px solid #dfdfbb;
	margin-bottom: 6px;
}

.collthumbs h3 a {
	display: block;
}

.collthumbs a img {
	border: 2px solid #a5c5c5;
}

.collthumbs a:hover img {
	border-color: #bedede;
}


/*--project pges ---*/

.portpar {
	text-align: center;
}

img#portimg, img.lgimg {
	border: 1px solid #420;
	padding: 1px;
	margin-bottom: 1em;
	width: 97%;
}

img#portimg {
	width: auto;
	max-width: 97%;
}

/*--- thumnbnail navigation ---*/

.thumbs {
	float: left;
}

.thumbs a {
	border: 2px solid #599;
	margin: 0 3px 3px 0;
	padding: 0;
	height: auto;
	float: left;
	display: inline;
}

.thumbs a:visited {
	border-color: #420;
	opacity: 0.5;
	-moz-opacity: 0.5;
	}


.thumbs a:hover {
	border-color: #de5;
	opacity: 0.99;
}

.thumbs img {
	margin: 0;
	padding: 0;
	width: 47px;
}

/*--- forms -----*/

input, textarea, label, select {
	width: 240px;
	display: block;
	margin-bottom: 1em;
	padding: 4px;
/* 	color: #751; */	
	border: 2px solid #ccc;
	border-right-color: #aaa;
	border-bottom-color: #aaa;
}

textarea {
	width: 75%;
}

.fourth input, .fourth select, 
#sidebar input, #sidebar select, 
.textcol input, .textcol select, 
.product_form input {
	width: 170px;
}

label {
	margin-bottom: .2em;
	padding: 0;
	border: 0;
}

.check, .loose {
	width: auto;
	float: left;
	margin: 0 .5em 0 0;
}

.wauto {
	width: auto;
}

input.ccexp {
	display: inline;
	width: auto;
	margin: 0 .5em 0 0;
}

input[name="expiry[year]"] {
	margin-left: .5em;
}

.but, #searchform #searchsubmit, 
input#submit,
#quantity {
	width: auto;
	display: inline-table;
	margin-bottom: 1em;
}

#change_country select {
	width: auto;
	display: inline-table;
	margin-right: 10px;
}

form.adjustform input {
	margin-bottom: 0;
}

input:focus, input:active, textarea:focus, select:focus {
	background: #ffc;
}

input[type="hidden"] {
	visibility: hidden;
	padding: 0;
	margin: 0;
	width: 0;
	height: 0;
}

.required {
	color: #c00;
}

/*--- retailer listings -----*/
.orig, .wed, .wed2, .hol {
	font-weight: bold;
}

.orig {
	color: #467;
}
.wed {
	color: #743;
}
.wed2 {
	color: #b71;
}
.cwed {
	color: #7b1;
}
.hol {
	color: #684;
}


/*--- misc ---*/

.r{
	float: right;
}
img.r {
	margin: 2px 0 10px 10px;
	padding: 1px;
	border: 1px solid #975;
}

.col.r {
	margin-left: 10px;
}

.dl {
	padding: .1em 0 .1em 15px;
	background-position: 0 50%;
	background-repeat: no-repeat;
}

a.pdf {
	background-image: url(/i/icons/pdf.gif);
}

a.opts {
	background-image: url(/i/icons/swatches.png);
}

a.fb {
	background-image: url(/i/icons/fb.gif);
}

a.list {
	background-image: url(/i/icons/mail.gif);
}

a.grp {
	background-image: url(/i/icons/group.png);
}
.secure {
	background-image: url(/i/icons/security.png);
}

#footer .secure {
	background-image: url(/i/icons/security-sm.png);
}

h4.dl {
	padding: .2em 0 .2em 19px;
}


img.bare {
	border: 0;
}

.c {
	text-align: center;
}

a.newbox {
	background: #ffd;
	color: #420;
	text-align: center;
	border-top: 1px solid #bdd;
	border-bottom: 1px solid #bdd;
	display: block;
	padding: 10px;
	font-size: 1.2em;
}
a.newbox:hover {
	background: #bdd;
	color: #420;
	text-decoration: none;	
}


.b1 {
	padding: 1px;
	border: 1px solid #cee;
	margin: 6px 0;
}


.ghost, .clr {
	border: 0;
}

.ghost {
	margin: 0;
	size: 0;
	visibility: hidden;
}

hr.clr {
	border: 2px;
	clear: both;
	width: 1px;
}

.smaller {
	font-size: 90%;
}


/* =social media icons
--------------------------------------------------------------------*/


.sociallinks a {
	display: block;
	overflow: hidden;
	float: left;
/* 	display: inline; */
	width: 100px;
	padding-top: 30px;
	height: 0px !important;
	height /**/:30px; /*for IE5/Win only */
	background-image: url(/i/social_icons.gif);
	background-repeat: no-repeat;
}

a#twit {
	margin-right: 10px;
	background-position: 0 0; 
}
a#twit:hover {
	background-position: 0 -30px;
}

a#fb {
	background-position: -100px 0;
}
a#fb:hover {
	background-position: -100px -30px;
}




/* =blog-specific
--------------------------------------------------------------------*/
.post {
	margin: 0 0 20px 0;
	border-bottom: 3px double #BBDDDD;
}

.post img {
	border: 1px solid #ddb;
	padding: 1px;
}

.post, .entry {
	width: 100%;
	float: left;
}

/* =shop-specific
--------------------------------------------------------------------*/

.wrap {
	float: left;
/* 	width: 100%; */
/* background: #eee; */
}
 
 
input.wpsc_buy_button, input.make_purchase {
 float: left;
 width: auto;
 background: #b6d6d6;
 border-radius: 12px;
 -webkit-border-radius: 12px;
 -moz-border-radius: 12px;
 -khtml-border-radius: 12px;
 border-color: #ddb;
 padding: 4px 8px 6px 8px;
 color: #654;
 }
 
input.wpsc_buy_button:active {
	color: #fff;
	background: #94b4b4;
}

/* =color swatches
--------------------------------------------------------------------*/

.swatch {
	display: block;
	padding: 2em 0;
	text-align: center;
	float: left;
	display: inline;
	margin: 5px;
	width: 110px;
}

.richred {
	background-color: #98162e;
	color: #edc;
}
.rhubarb {
	background-color: #b54050;
	color: #edc;
}
.papaya {
	background-color: #e59684;
}
.goldenseal {
	background-color: #e8a93b;
}
.blossom {
	background-color: #efc3c3;
}
.magnolia {
	background-color: #fbe8e1;
}
.beet {
	background-color: #7d227b;
	color: #edc;
}
.grape {
	background-color: #72669f;
	color: #edc;
}
.wind {
	background-color: #93a0bb;
}
.lake {
	background-color: #005889;
	color: #edc;
}
.bluebell {
	background-color: #bcd9e7;
}
.pool {
	background-color: #bfe0db;
}
.spearmint {
	background-color: #d8eadd;
}
.aspen {
	background-color: #f0f6dc;
}
.balsamfir {
	background-color: #d1db90;
}
.leaf {
	background-color: #a7bf93;
}
.jackpine {
	background-color: #798b41;
	color: #edc;
}
.chartreuse {
	background-color: #bac53b;
}
.curry {
	background-color: #f9e163;
}
.cottonwood {
	background-color: #f9e295;
}
.beech {
	background: #bcab85 url(/i/bgs/bg-beech.jpg) 0 0 repeat;
}
.white {
	background-color: #fff;
}
.ivory {
	background-color: #fbf8e2;
}
.cranetextured {
	background: #fffef9;
}

.chocolate {
	background: #40250f;
	color: #eca;
}
.ash {
	background: #4f504f;
	color: #ccc;
}
.cobalt {
	background: #002b4b;
	color: #ade;
}

/* =special links
--------------------------------------------------------------------*/

.iconlink, .remove_button {
	display: block;
	padding: 3px 0 3px 21px;	
}

.cartlink {
	background: url(/i/icons/cart2.png) 3px 50% no-repeat;
	padding: 3px 0 3px 27px;
}

.emptycart, .remove_button {
	background: url(/i/icons/x.png) 3px 50% no-repeat;
}

.ckout {
	background: url(/i/icons/dollar.png) 3px 50% no-repeat;
}

.imgshadow {
	background: url(/i/thumb-shadow.png) right bottom no-repeat;
	padding: 0 6px 6px 0;
	float: left;
	margin: 0 0 10px 0;
}

.imgshadow img {
	border: 1px solid #eed !important;
	float: left;
}


.single_product_display .imagecol .imgshadow img {
	width: 400px !important;
}


/* =emma overrides
--------------------------------------------------------------------*/
.e2ma_signup_form_row {
	border: 0 !important;
}

.e2ma_signup_form_button_row input {
	display: inline !important;
}
