/* Header/footer stuff START */

#headerLinks {
float: right;
padding-bottom: 1.55em;
color:#219526;
font-size:14px;
margin-right:20px;
}
#headerLinks a{color:#333333;}

#headerLinks a.green{color:#219526; font-weight:bold;}

#headerLinks ul {margin:0 ; padding:0; float:right;}

#headerLinks ul li {list-style:none; float:left; padding: 8px 15px 5px; background:url(/imgs/separator.gif) top right no-repeat;}

#headerLinks img {vertical-align: top;}

#headerLinks img#headBag {margin-top:-10px; margin-right:5px;}

.green {color:#219526;}

#logo {
margin-top: -1.325em;
/*width: 48.3em;*/
}

#mainNav {
	
}

#header {
	/* For some reason the background-color in mainNav isn't good enough by 
		itself. Have to have it here too to get the oh-so-faint tan background
		behind mainNav. */
	background-color: #fff;
	padding-bottom: 0.55em;
}

#header h1, #header h2 {
float: left;
margin-bottom: 0;
line-height: 1em;
padding-bottom: 0;
padding-top: 0;
margin-top: 0;
vertical-align: bottom;
}

#header h1 {
font-size: 5em;
font-weight: normal;
}

#header h2 {
margin-left: .5em;
font-size: 1.4em;
margin-top: 3.2em;
}

#mainLinks {
margin: 0 12px;
font-size: 20px;
color:#fff;
}


#mainLinks ul {margin:0; padding:0; background:url(/imgs/nav_bg.jpg) 0 0 no-repeat #3c3c3c; width:976px; height:41px;}

#mainLinks ul li {list-style:none; float:left; padding: 8px 20px; border-right:1px solid #fff;}

#mainLinks  ul li a {color:#fff}

#mainLinks ul li.on {background:url(../imgs/bg_nav_on.jpg) repeat-x}

#searchForm {
margin: 0;
padding: 0;
}

#mainLinks ul li#searchArea {
float: right;
border-right:none;
font-size:16px;
font-weight:bold;
}

#searchArea input{
	color:#000000;
}

#searchArea strong, #searchArea select, #searchArea input, #searchArea>*, #searchArea>*>* {
vertical-align: middle;
}


#footer a {
color: #fff;
font-weight: normal;
text-decoration:underline;
}

#footer {
margin-top: 1em;
margin-bottom: 1em;
background:url(../imgs/footer_bg.jpg) 0 0 no-repeat; 
padding:42px 15px 0;
height:65px;
color: #fff;
font-size:12px;
}	
/* Header/footer stuff END */


/* Standard HTML elements, colors, and positioning BEGIN */

body {
margin: 0;
background-color: #FFFFFF;
font-family: Arial, sans-serif;
/*color: #676455;*/
font-size: 79%;
width: 100%;
color:#333333;
}

div#wrapper{
width: 1000px;
/*max-width: 80%;*/
margin: 0 auto;
}

div#content_wrapper{
	padding:0 16px 0 12px; min-height:400px; *padding:0 8px 0 6px;
}

a {
color: #333333; /* #375B62 #3D636D #3B6467 #219526 */
text-decoration: none;
}

a:hover {text-decoration:underline}


a img {
border: none;
}

hr {
}

h2, h3, h4, .gray, h3 a, .listHeader, .listHeader a {
color: #219526 !important; /* 4B4A37 #676455 */
}

input.numeric {
	text-align:right;
}

input.link {
color: #219526;
text-decoration: none;
font-weight: normal;
border:none;
background: transparent;
font-size: 1.1em;
}

input.link:hover {
	cursor:pointer;
}

.ltgray {
color: #9E9E9E !important;
}

.blue {
color: #125562;
}

h1 {font-size:20px; color:#333333; margin:0; padding:0; font-weight:normal;}
div#three h1 {margin:0 0 0 8px}

h3 {
margin-top: 0.5em;
margin-bottom: 0em;
}

h4 {
font-size: 1em;
margin-bottom: 0;
}

.flush {
margin: 0;
}

.left {
float: left;
}

.right {
float: right;
}

p.errorMessage {
	padding: 0.5em;
	border:1px solid red;
	color:red;
}

p.infoMessage {
	padding: 0.5em;
	border:1px solid blue;
}

div.clr {
display: block;
clear: both !important;
height: 0.0775em;
width: 0.31em;
float: none !important;
font-size:0; /* fixes IE6 bug */
}
br.clr {
	clear: both;
}

.hidden {
display: none;
}

 div.hr {
margin: 0.3875em 1.55em;
height: 1px;
background-color: #C3C3C1;
}
div.hr hr {
display: none;
}

th {
	text-align:left;
}

ol ol {
	list-style-type: lower-alpha;
}

/* Standard HTML elements, colors, and positioning END */



/* Custom elements BEGIN */

div.breadcrumb {
	border-bottom: 1px solid #ccc;
	font-size: 1.1em;
	padding: 0.3em 1.15em;
	margin: 0.4em 0em 1.1em 0em;
}
div.breadcrumb a {
	color: #219526;
}

div.pageTitle {
	background-color: #f6f6ec;
	color: #219526;
	font-size: 1.85em;
	padding-left: 0.65em;
	margin-bottom: 0.5em;
}

.listHeader {
font-weight: bold;
}

div.listHeader {
padding-top: 0.5em;
margin-bottom: 0em;
font-size: 1.17em;
font-weight: bold;
}


.tagCloud {
text-align: left;
}

ul.tagCloud {

list-style-type: none;
margin:0em;
padding:0 .8em;

height:205px;
overflow:hidden; }

.tagCloud li.biggest {
font-size: 2.1em;
}

.tagCloud li.big {
font-size: 1.8em;
}

.tagCloud li.medium {
font-size: 1.6em;
}

.tagCloud li.small {
font-size: 1.33em;
}

.tagCloud li.smallest {
font-size: 0.9em;
}

.tagCloud li {
display: inline;
list-style-type: none;
margin: 0 0.2em 0 0;
/*line-height: 1.2em;*/
}

div.seemorelink {

text-align: right;

}
div.seemorelink  a{
color:#333333;
}
.tagCloud li a {
vertical-align: middle;
color:#ff6600;
}

.tagDisplay {
	padding:0.5em;
}

.tagDisplay img{
	float:left;
	vertical-align:top;
	padding: 0 0.5em 0.25em 0;
}

.tagDisplay .listHeader{
	display:inline;
	padding-right:0.25em;
}

.tagDisplay a{
	color: #219526 !important;
}


table.imageGrid td {
padding: 0.3em 2.9em 0.3em 0.4em; *padding: 0.3em 1.4em 0.3em 0.2em;
width: 20%;
vertical-align: top;
}

div.product_box table.imageGrid td {padding: 5px 20px 5px 0;
*padding: 5px 10px 5px 0}

table.imageGrid td img {
width: 12em;
/*height: 9.69em;*/
border: 1px solid #ccc;
}

table.imageGrid td a.itemName {
display: block;
margin-top: 0.3em;
font-weight: bold;
color:#219526;
font-size:12px;
}

table.imageGrid td a.storeLink {

}

table.imageGrid td div.price {
color:#ff6600;
font-weight:bold;

}


table.itemList {
	border-collapse: collapse;
	width: 100%;
}
table.itemList td, table.itemList th {
	border-bottom: 1px solid #ccc;
}

table.dataTable {
	border-collapse:collapse;
	width: 100%;
}

table.dataTable td, table.dataTable th {
	border-bottom: 1px solid #ccc;
}

table.dataTable td, table.dataTable th, table.dataList td, table.dataList th {
	padding-left: 0.5em;
	padding-right: 0.5em;
}

table.dataList th, table.dataList td, table.dataList td img, table.dataList td textarea {
	vertical-align: text-top;
}

table.dataList th {
white-space: nowrap;
}

td.numeric, th.numeric {
	text-align:right;
}

table.dataTable td img {
	vertical-align: middle;
}

ul.vertLinkList {
list-style-type:none;
margin:0 0 0 .4em;
padding:0;
font-size: 1.23em;
font-weight: normal;
line-height: 1.5em;
}

ul.vertLinkList a {
color: #ff6600;
}


div.featItem {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 15px 0.8em 0; *padding:15px 0.4em 0;
}

div.sectionHeader {
	font-size: 18px;
	padding-top: 0.1em;
	padding-bottom: 0em;
	color:#333333;
	font-weight:bold;
}
#two div.sectionHeader {margin-left:0}

div.sectionHeader a{
	color:#219526;
}

.featItemImage {
margin-right: 0.5em;
}

.featItemImage img {
width: 12em;
height: 9.675em;
padding: 0em 0em;
border: 1px solid #999999;
margin: 0.3em;
}

.featItemInfo {
width: 45%; *width: 40%;
color: #666666;
font-size: 12px;
}


.featItem div.orangeHeader {
	font-size:20px;
	font-weight:bold;
	color:#ff6600;
}
.featItem div.storeName {
font-size: 18px;
font-weight: bold;
margin: 5px 0;

}
.featItem div.storeName a {
color: #333333 !important;
}
.featItem div.storeDesc {width:240px;}

.featItem  .price {
color: #333333;
font-weight: bold;
font-size: 12px;
}

.featItem .prodSub {
margin-bottom:0.2em;
color: #333333;
font-weight: bold;
font-size: 18px;

}

/* Columns */
div.cols {
	/* This lines up nicely on the RHS in FF2 and IE7 */
	width: 99%;
}

div.leftCol, div.rightCol, div.leftColBig, div.rightColSmall {
	float: left;
}
div.leftCol {
	width: 53.7%;
	/*margin-right: 2.5em;*/
	margin-right: 4%;
}
div.rightCol {
	width: 40.7%;

	/*width: 30.0em;*/
}
div.leftColBig {
	width: 65%;
	margin-right: 2.5em;
}
div.rightColSmall {
	width: 31%;
}
/* End Columns */


/* Begin rounded corners implementation */
/*div.rounded {
	border: 1px solid #ccc;
	padding: 0.6em 2em;
}*/

/* Rounded corners use code and image generated at:
http://spiffybox.com/index.php?w=1000&h=1000&r=9&fg=f6f6ec&bd=cccccc&bg=FFFFFF
*/
/* set the image to use and establish the lower-right position */
div.rounded, div.rounded_body, div.rounded_top, div.rounded_top div{
	background: transparent url(/imgs/corners.png) no-repeat bottom right}
div.rounded{
/* the gap on the right edge of the image (not content padding) */
	padding-right:15px; /* use to position the box */
	margin:0em auto 0px}

/* set the top-right image */
div.rounded_top{background-position:top right;
/* pull the right image over on top of border */
	margin-right:-15px; 
/* right-image-gap + right-inside padding */
	padding-right:40px;*padding-right:20px}

/* set the top-left image */
div.rounded_top div{
	background-position:top left;
	margin:0; /* reset main site styles*/ 
	border:0; /* ditto */
/* padding-left = image gap + interior padding ... no padding-right */
	padding:10px 0 0px 30px;
	height:auto !important;
	height:1%; /* IE Holly Hack */

	font-size: 0; /* Fixes height in IE more since it makes a div height the line height it seems */
	font-weight: normal;
}

/* set the lower-left corner image */
div.rounded_body{
	background-position:bottom left;
	margin-right:-5px; /* interior-padding right */ 
	padding:0px 0px 10px 1em; 
} /* mirror div.rounded_top right/left */
/* End rounded corners implementation */

/* Modifications to rounded corners for the tag display on search page */
/* Rounded corners use code and image generated at:
http://spiffybox.com/index.php?w=1000&h=1000&r=9&fg=fdfdf7&bd=cccccc&bg=FFFFFF
*/
div.tagRoundedDisplay div.rounded,
div.tagRoundedDisplay div.rounded_body,
div.tagRoundedDisplay div.rounded_top,
div.tagRoundedDisplay div.rounded_top div{
	background-image: url(/imgs/tag_corners.png);
}
	

div.listbox {
	background-color: #f6f6ec;
	margin-bottom: 1.5em;
	margin-right: 1.5em;
}

ul.horizList {
	margin: 0em;
	padding: 0em 2em 0.25em;
}

ul.horizList li.listHeader {
	display: block;
	font-size: 1.8em;
	font-weight: normal;
}

ul.horizList li {
	display: inline;
	font-size: 1.15em;
	line-height: 1.5em;
}
ul.horizList li a {
	color: #ff6600;
}

div.bodyText {
	padding: 0 1em 0.75em 1em;
	
}

.moreLink, ul.horizList li a.moreLink {
	color: #676455;
}

.flower {
background: url(../imgs/flower.jpg) 50% 3px no-repeat;
height:263px;
padding:5px 5px; *padding:5px 3px;

}

div.userSectionMainCol {
	width: 60em;
	float: right;
	margin-left: 1em;
}

div.storeMainCol {
	width: 760px;
	float: left;
	margin-right: 1em;*margin-right: 0;
}

div.storeMainCol div.storeDesc {
background-color: #f7f7ed;
border: 1px solid #eeede8;
padding: 0.5em 10px;
margin-top: 0.5em;
/*width: 58.2em;*/
width: 740px;
}

div.storeMainCol div.storeBanner img {
	width: 760px; 
}

div.storeMainCol div.tags {
padding: 0.5em 0.79em;
}

div.sidebar {
	width: 11.84em;
	float: left;
	padding-right: 0.5em;
	*padding: 0; ;
}

div.sidebarHeader, div.profileSidebarBox {
	width: 100%
}

div.sidebarHeader div.rounded_body {
	font-size: 1.4em;
	font-weight: normal;
	text-align: center;
}

div.sidebar a.sidebarLink {
	display: block;
	padding: .5em 0 0 2em;
	text-indent: -0.9em;
	font-size: 1.2em;
	color:#ff6600;
}

div.sidebar div.profileInfo div.storeName {
	font-size: 1.2em;
}

div.sidebar div.profileInfo div.profileHeader {
	font-size: 1.4em;
	font-weight: normal;
	text-align: center;
	color: #219526;
}

div.sidebar div.profileInfo div.profileSubHeader {
	font-size: 1.2em;
}

div.sidebar div.profileInfo div.imageBlock {
	margin: 1em 0;
}

div.sidebar div.profileInfo div.imageBlock img{
	margin: 0 0.5em 0 0;

	float:left;
}

div.profileInfo a.profileInfoLink {
	display: block;
	padding: .5em 0 0 1em;
	text-indent: -0.9em;
	font-size: 1.2em;
	color:#ff6600;
}

div.profilePageLargeText{
	margin-top:1.25em;
	font-size:1.2em;
}

div.profilePageHeader{
	color: #6C6457;
	font-size:2em;
	text-align:center;
}

div.profilePageContent{
	float:left;
	width: 45em;
}

div.profileSidebar{
	padding:2em 0;
	text-align:center;
	font-size:1.2em;
}

div.itemFullDisplay {

padding: 0em 0.79em;
margin: 0em;
}
div.itemFullDisplay img {
	margin-right: 0.5em;
}
div.itemFullDisplay .itemName {
	font-weight: bold;
	font-size:1.5em;
	margin-bottom: 0.5em;
}
div.itemFullDisplay .tags {
	margin-bottom: 0.5em;
}
div.itemFullDisplay #btn_addToBag {
	width: 11.4em;
}


div.pagerBar {
	width: 100%;
	background-color: #f6f6ec;
	margin: 0.5em 0em;
}
div.pagerBar div.pager {
	padding: 0.5em 1.5em;
	float:left;
	font-weight: bold;
}
div.pagerBar div.viewSwitch {
	padding: 0.5em 1.5em;
	float:right;
}
div.pager .numItems {
	margin-right: 0.8em;
}
div.pager .currentPage {
	color: #ff6600;
	padding: 0.1em;
}
div.pager a {
	padding: 0.1em;
}
div.pager .arrows {
	margin-left: 1em;
}
div.pager .arrows a {
	padding: 0em;
}

div.pager .arrows img {
	padding: 0.1em;
	vertical-align:-30%;
}

.airy, ul.airy {
	padding: 0em 2em 0.25em;
}

div.full {
/* intended total box width - padding-right(next) */
	width:100% !important; /* IE Win = width - padding */
	width:95%; 
}

div.half {
	width: 43%;
}

.nowrap {
	white-space: nowrap;
}

/* Custom elements END */



/* Home page stuff BEGIN */

div.showArea,
div.showAreaI1,
div.showAreaI2,
div.showAreaI3,
div.showAreaI4,
div.showAreaI5,
div.showAreaI6,
div.showAreaI7 {
width: 100%;
}

#home div.showArea {
background: transparent url(../imgs/home_bg.jpg) 0 0 no-repeat;
width:977px; height: 272px;
margin-top:.5em;
}

div.showArea {
background: transparent url(../imgs/mid_top_mid.gif) 0 0 repeat-x;
margin-top:.5em;
}

div.showAreaI1 {
background: transparent url(../imgs/mid_mid_side.gif) 100% 0 repeat-y;
}

div.showAreaI2 {
background: transparent url(../imgs/mid_mid_side.gif) 0 0 repeat-y;
}

div.showAreaI3 {
background: transparent url(../imgs/mid_top_rt.gif) 100% 0 no-repeat;
}

div.showAreaI4 {
background: transparent url(../imgs/mid_top_lt.gif) 0 0 no-repeat;
}

div.showAreaI5 {
background: transparent url(../imgs/mid_bot_mid.gif) 0 100% repeat-x;
}

div.showAreaI6 {
background: transparent url(../imgs/mid_bot_lt.gif) 0 100% no-repeat;
}

div.showAreaI7 {
background: transparent url(../imgs/mid_bot_rt.gif) 100% 100% no-repeat;
}


div#one {
width: 24%;
margin-top: 5px;
margin-left: 20px;
margin-right: 0px;
}
div#one h1{margin:0 0 5px 5px}

div#two {
width: 35%;
margin-top: 0.775em;
margin-bottom: 0.775em;
margin-right: 0.5em;
}

div#three {
width: 37%; *width: 35%;
margin: 0;
padding: 0;
height:272px;
overflow:hidden;
}

div.showArea div#one,
div.showArea div#two,
div.showArea div#three {
float: left;
}

#home div#one ul {margin:0; padding:0;}

#home div#one ul li {list-style:none; padding:10px 10px 10px 20px; margin:0; height:25px; width:193px; color:#fff; font-size:19px; border: none; }

#home div#one ul li a{color:#fff;}


#home div#one ul li.green {background: url(../imgs/bg_green.jpg) 0 0 no-repeat}

#home div#one ul li.ecochic {background: url(../imgs/bg_ecochic.jpg) 0 0 no-repeat}

#home div#one ul li.ecosafe {background: url(../imgs/bg_ecosafe.jpg) 0 0 no-repeat}

#home div#one ul li.humanitarian {background: url(../imgs/bg_humanitarian.jpg) 0 0 no-repeat}

#home div#one ul li.thrift {background: url(../imgs/bg_thrift.jpg) 0 0 no-repeat}

/* Spacing if we're using "rounded" style for container 

div#one {
width: 23%;
margin: 0.5em 1em 0em 0em;
}

div#two {
width: 33%;
margin: 0em;
}

div#three {
width: 38%;
background: url(../imgs/flower.gif) 50% 50% no-repeat;
margin: 0em 1em;
}

div#one,
div#two,
div#three {
float: left;
}
*/

/* Home page stuff END */

.columnContainer .line {
	float: left;
	width: 100%;
	display: block;
	position: relative;
	margin-bottom:1em;
}

.columnContainer .item {
	position: relative;
	float: left;
	left: 76em;
}

#searchPageColumnContainer .item .content{
	min-height: 12em;
	height:auto !important;
	height:12em;
}

#searchPageCausesColumn {
	margin-left: -76em;
	width: 19em;
}

#searchPageCategoryColumn {
	margin-left: -54.5em;
	width: 19em;
}

#searchPageCauseDescription{
	margin-left: -33em;
	/* This double width declaration fixes the width in IE6 */
	width: 31.75em !important;
	width: 33em;	
	*width: 28em;
}



div.rightCol div.showArea {margin-top:0}

div.prodSub a{float:left}

div.cause {background:url(../imgs/bg_cause.jpg); min-width:0px; width:auto !important; width:0px; height:13px; padding:2px 5px; float:left;margin-left:5px;}

div.cause a {font-size:10px;font-weight:bold; color:#fff !important}

div.product_box{float:left; width:680px;*width:670px; margin-left:10px;* margin-left:0px;}

div.category_box{float:left; width:236px; *width:230px;margin:25px 10px 0 20px; *margin:25px 0px 0 0px; }

div.category_box p {font-size:12px}

div.category_box div.content {padding: 0 10px}

div.category_box div.cause {margin-left:0; margin-top:10px}

div.category_box label {font-size:14px; font-weight:bold}

div.category_box div.more a {font-size:14px; font-weight:bold; color:#219526; margin-top:10px; font-style:italic; }

div.category_search{background:url(../imgs/bg_category.jpg) 0 0 no-repeat; color:#219526; font-size:20px; width:226px; height:56px; padding:10px 15px; *padding:10px 8px;*width:240px;  margin: 0 0 20px 0;}

div.category_search select{width:220px; margin-top:5px;}

div.title {color:#ff6600; font-size:14px; font-weight:bold; margin:20px 0;}
div.blogtitle {color:#ff6600; font-size:18px; font-weight:bold; margin:20px 0;}

#sell div.nav ul li {color:#219426; font-size:16px; padding:17px 30px; margin:0; border-bottom:1px dotted #333333; list-style:none;}

#sell div.nav ul li.on {background:url(../imgs/sell_nav_bg.jpg) bottom repeat-x }

#sell div.nav ul li a {color:#219426;}

#sell div.nav ul {margin:0; padding:0;  width:255px}

#sell div.nav {margin:20px 20px 0 10px; padding:0;  width:255px; float:left}

#sell h2 {font-weight:normal}

#sell div.toggle_content {padding:10px; display:none;}

#sell div.toggle_content#one {display:block}

.clear {clear:both}

#sell div.box {float:left; width:687px; }
#sell div.box div.top {background: url(../imgs/sell_box_top.jpg) top no-repeat; width:687px; height:10px; margin:0px; padding:0px; *margin-bottom:-6px}
		
#sell div.box div.left {background: url(../imgs/sell_box_left.jpg) top left repeat-y; width: 687px; margin:0px;}
#sell div.box div.right {background: url(../imgs/sell_box_right.jpg) top right repeat-y; width:687px; margin 0px;}
#sell div.box div.center {background: url(../imgs/sell_box_bg.jpg) bottom repeat-x; width: 633px; margin:0 7px; min-height:400px; padding:10px 20px;  }

#sell div.box div.bottom {background: url(../imgs/sell_box_bottom.jpg) no-repeat; width: 687px; height:10px}
		 	
#sell dt {font-size:35px; color:#ff6600; width:40px; float:left}

#sell dd {margin-bottom:30px; padding-top:2px}

#sell a {color:#219426 !important;}

#sell h3 {color:#ff6600 !important; font-size:14px; font-weight:bold; margin-bottom:5px;}

#sell div#three {height:auto}

#sell div#three h3 {margin-bottom:0px}

#sell div#three p {margin-top:0px}

#sell label {color:#ff6600; font-weight:bold;}

#sell.content {padding:0 40px;}

#sell div.title {font-size:14px; color:#333333; margin:5px 0 20px; }

#sell div.contact {background:url(../imgs/bg_cause.jpg) repeat-x; width:130px; height:13px; padding:2px 5px; float:left;margin:5px 5px 0 7px;text-align:center;}

#sell div.contact a {font-size:10px;font-weight:bold; color:#fff !important; text-align:center;}

div.bodyText a {color:#219426;}

div.category_box div.content a {color:#219426;}