@charset "utf-8";
/* CSS Document */

/***** Global Settings *****/
 
html, body {
border:0;
margin:0;
padding:0;
}
 
body {
font:100%/1.25 arial, helvetica, sans-serif;
}
 
/***** Common Formatting *****/
 
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}

h2 {
padding:0 0 6px 0;
color:#8CC63F;
}
 /*
h1 {
padding:30px 0 25px 0;
letter-spacing:-1px;
font:2em arial, helvetica, sans-serif;
}
 
h2 {
padding:20px 0;
letter-spacing:-1px;
font:1.5em arial, helvetica, sans-serif;
}
 
h3 {
font:1em arial, helvetica, sans-serif;
font-weight:bold;
}
 */
p, ul, ol {
margin:0;
padding:0 0 18px 0;
}
 
ul, ol {
list-style:none;
padding:0 0 18px 40px;
}
 
blockquote {
margin:22px 40px;
padding:0;
}
 
small {
font-size:0.85em;
}
 
img {
border:0;
}
 
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}
 
/***** Links *****/
 
a, a:visited {
text-decoration:none;
}
 
/***** Forms *****/
 
form {
margin:0;
padding:0;
display:inline;
}
 
input, select, textarea {
font:1em arial, helvetica, sans-serif;
}
 
textarea {
line-height:1.25;
}
 
label {
cursor:pointer;
}
 
/***** Tables *****/
 
table {
border:0;
margin:0 0 18px 0;
padding:0;
}
 
  table tr td {
  padding:2px;
  }
 
/***** Wrapper *****/
 
#wrap {
width:960px;
margin:0 auto;
}
 
/***** Global Classes *****/
 
.clear         { clear:both; }
 
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.wrap          { width:960px;margin:0 auto; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

@charset "utf-8";
body {
	font-family: Trebuchet MS, Arial;;
	background: #ffffff;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #a2a2a2;
}

a{color:#8CC63F;}
a:hover{color:#FFBF00;}

#mCenter {
	width: 730px;
	height: 340px;
	margin: 9% auto auto auto;
}
.oneColFixCtrHdr #mContainer {
	position:relative;
	width: 730px;
	height:340px;
	text-align: left;
	
}
.oneColFixCtrHdr #mainContent {
	width:410px;
	min-height:250px;
	height:250px;
	float:right;
}
.oneColFixCtrHdr[class] #mainContent {
	height:auto;
}

.oneColFixCtrHdr #mainContent h1{
	font-family:Arial, Helvetica, sans-serif;
	color:#FF7F00;
	font-weight:bold;
}
.oneColFixCtrHdr #mainContent .blurb {
	margin:0 0 0 8px;
	width: 365px;
}
.oneColFixCtrHdr #mainContent .text{
	font-size:.76em;
}
.oneColFixCtrHdr #flashContainer {
	position:absolute;
	top:0px;
	left:0px;
	width:300px;
	height:340px;
	
}
.oneColFixCtrHdr #mContainer #navBar {
	position:relative;
}
.oneColFixCtrHdr #mContainer #navBar #Bar {
	width:100%;
	height:32px;
	background-color:#aaa;
	-moz-opacity: .6;
	opacity: .6;
	filter: alpha(opacity=60);
}

.oneColFixCtrHdr #mContainer #footer #logoC{
	position:absolute;
	top:-5.8em;
	right:.7em;
}

#footer { position:relative; float:right; margin-top:.6em; font-family:Trebuchet MS, Arial; font-size:.7em; text-align:right; line-height:1.2em;}
#footer a:active {outline:none;}
#footer a:hover {background-color:#F7FFEC;}
#footer .footerText { color:#B2B2B2;}
#footer .email { color:#F58426;}
#footer .number { color:#8CC63F;}
#footer .copyright { color:#FFD200;}

#spaceR {position:relative;width:2em; height:8em;}


/* List O Matic */
#navlist
{
position:absolute;
top:0;
right:.9em;
font-size:.7em;
margin:0 4em 0 0;
color:#FFFFFF;
padding:0px;

}

#navlist ul, #navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#navlist a:link, #navlist a:visited
{
display:block;
float: left;
color: #ffffff;
padding:9px 5px;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
background:#8CC63F;
text-decoration: none;
}
#navlist a:hover {font-weight:bold;}

.zIndexOn { z-index:1}
.zIndexOff { z-index:0}


/* the pulp */
.oneColFixCtrHdr #mainContent .pulp h2{
	padding:.6em 0 0 0;
	font-size:1.5em;
	color:#FF7F00;
}

#pulpList {
margin:0px;
padding:0px;

}
#pulpList ul, #pulpList li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}
#pulpList .link1 a{
	background:url(wp-content/themes/citrus/images/how_we_work.png) 0 0 no-repeat;
}
#pulpList .link1 a:hover, #pulpList .link1 a:active{
	background-position:100% 0;
}
#pulpList .link2 a{
	background:url(wp-content/themes/citrus/images/who_we_work_with.png) 0 0 no-repeat;
}
#pulpList .link2 a:hover, #pulpList .link2 a:active{
	background-position:100% 0;
}
#pulpList .link3 a{
	background:url(wp-content/themes/citrus/images/why_it_works.png) 0 0 no-repeat;
}
#pulpList .link3 a:hover, #pulpList .link3 a:active{
	background-position:100% 0;
}

#pulpd {margin-top:1em;}

/* the juice */
.theJuiceImg { margin: -10px 0 0 20px; overflow:visible}

.juice li {font-size:1.2em; line-height:1.5em;}
.juice h3 {color:#8CC63F;}
.juice h2 {color:#F58426; padding:6px 0 0 0;}

#cat4 ul {margin-top:1em;}
#cat4 li {list-style-image:url(wp-content/themes/citrus/images/check.png); vertical-align:middle}

/* market */

.market h2 {

}

/* basket */

#cat7 p {padding:0; margin:0}
#cat7 ul {padding-left:2em}
#cat7 li {list-style-image:url(wp-content/themes/citrus/images/cat7b.png); }
#cat7 h3 {padding-bottom:0.1em; color:#F58426; font-size:1.1em; font-weight:bold}
#cat7 b,strong {color:#8CC63F}

/* the crew */
.crew {	margin:0 0 0 8px; width: 400px;}
#headshots {height:4.5em; margin-left:-2px; width:410px;}
#boxTC {float:left; width:48px; height:48px; overflow:hidden;border:#CCCCCC 1px solid;margin-left:1px;background:url(wp-content/themes/citrus/images/defaultbgsm.png) no-repeat top left;}
.crew a{font-size:1.1em; color:#8CC63F;}
.crew a:hover{color:#FFBF00;}

/* pickings */
.pick{ background:url(wp-content/themes/citrus/images/pickings.jpg) no-repeat bottom right; }
.pickings {	margin:0 0 0 8px; width: 400px;height:150px;}
.pickings ul{padding:0}
.pickings li a{font-size:1.4em; color:#8CC63F;}
.pickings li a:hover{color:#FFBF00}
.pickings ul .active {font-size:1.6em; color:#F58426;}
#pBox {height:4.5em; width:290px; margin-top:.6em;}
#boxP {float:left; width:68px; height:68px; overflow:hidden; border:#CCCCCC 1px solid;margin:0 0 2px 2px; background:url(wp-content/themes/citrus/images/defaultbgsm.png) no-repeat top left;}

.picki{ background:url(wp-content/themes/citrus/images/pickingsIn.jpg) no-repeat bottom right; }
.picki h1 {font-size:1.4em;}
#pickImage {width:300px; height:230px; background-color:#ccc; overflow:hidden;}
#pickImage img{margin:0; padding:5px 0 0 5px; width:290px; height:219px; overflow:hidden;}
#pickNav {height:2em}
.qt {clear:both; font-size:.7em;}
.qt img{vertical-align:middle}
.qt a{color:#aaa;}
.qt a:hover{color:#7AB7CA;}

#pickinS {width:410px;min-height:270px;height:270px;float:right;}
.oneColFixCtrHdr[class] #pickinS {height:auto;}
#pickinS h1{font-family:Arial, Helvetica, sans-serif;color:#FF7F00;font-weight:bold;}
#pickinS .blurb {margin:0 0 0 8px;width: 365px;}
#pickinS .text{font-size:.76em;}

.pickin ul {padding-left:2em}
.pickin li {list-style-image:url(wp-content/themes/citrus/images/cat7b.png); color:#FFBF00;}

.pickin .text img {display:none}
.pickin {}
.pickin a{font-size:.8em; color:#8CC63F;}
.pickin a:hover{color:#FFBF00;}

/* contact us */
#contactUs p{}
#contactUs .text{font-size:.76em; width:375px; margin:auto; padding:auto;}

/* the Crew ins*/
#cat6 {margin-top:1em}
#cat6 h1 {color:#F58426;}
#cat6 .text{font-size:.76em;  width:250px; margin:auto; padding:auto;}
#cat6 .textC6 {}
#cat6 a{font-size:.9em; color:#FFBF00;}
#cat6 a:hover{color:#FF7F00;}


#lightwindow_overlay {
	/* REQUIRED */
	display: none;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 500;
	/* REQUIRED */
}

#lightwindow {
	/* REQUIRED */
	/* Of Note - The height and width of this element are set to 0px */
	display: none;
	visibility: hidden;
	position: absolute;
	z-index: 999;
	line-height: 0px;
	/* REQUIRED */
}

	#lightwindow_container {
		/* REQUIRED */
		display: none;
		visibility: hidden;
		position: absolute;
		/* REQUIRED */
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}

	/* IE6 needs this or it messes with our positioning */
	* html #lightwindow_container {
		overflow: hidden;
	}

	#lightwindow_contents {
		overflow: hidden;
		z-index: 0;
		position: relative;
		border: 10px solid #ffffff;
		background-color: #ffffff;
	}		

#lightwindow_loading {
	/* REQUIRED */
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 9999;
	position: absolute;
	/* REQUIRED */
	background-color: #f0f0f0;
	padding: 10px;
}

	#lightwindow_loading_shim { 
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
	}

	#lightwindow_loading span {
    	font-size: 12px;
		line-height: 32px;
		color: #444444;
		float: left;
		padding: 0 10px 0 0;
	}

	#lightwindow_loading span a,
	#lightwindow_loading span a:link, 
	#lightwindow_loading span a:visited {
		color: #09F;
		text-decoration: none;
		cursor: pointer;
	}

	#lightwindow_loading span a:hover,
	#lightwindow_loading span a:active {
		text-decoration: underline;
	}


	#lightwindow_loading img {
   		float: left;
   		margin: 0 10px 0 0;
	}


/*-----------------------------------------------------------------------------------------------
	I liked the Navigation so much from http://www.huddletogether.com/projects/lightbox2/
	I mean let's face it, it works really well and is very easy to figure out.
-----------------------------------------------------------------------------------------------*/

#lightwindow_navigation {
	/* REQUIRED */
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	/* REQUIRED */
}
	/* We need to shim the navigation for IE, though its more of a sub-floor */
	#lightwindow_navigation_shim { 
		/* REQUIRED */
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
		/* REQUIRED */
	}

	#lightwindow_navigation a,
	#lightwindow_navigation a:link,
	#lightwindow_navigation a:visited,
	#lightwindow_navigation a:hover,
	#lightwindow_navigation a:active { 
		/* REQUIRED */
		outline: none;
		/* REQUIRED */
	}

	#lightwindow_previous, 
	#lightwindow_next {
		width: 49%;
		height: 100%;
		background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
		display: block;
	}
	
	#lightwindow_previous { 
		float: left;
		left: 0px;
	}

	#lightwindow_next { 
		float: right;
		right: 0px;
	}

	#lightwindow_previous:hover, 
	#lightwindow_previous:active { 
		background: url(../images/prevlabel.gif) left 15% no-repeat; 
	}

	#lightwindow_next:hover, 
	#lightwindow_next:active { 
		background: url(../images/nextlabel.gif) right 15% no-repeat; 
	}
	
	#lightwindow_previous_title,
	#lightwindow_next_title {
		display: none;
	}
	 	
#lightwindow_galleries {
	width: 100%;
	position: absolute;
	z-index: 50; 
	display: none;
	overflow: hidden;
	margin: 0 0 0 10px;
	bottom: 0px;
	left: 0px;
}

	#lightwindow_galleries_tab_container {
		width: 100%;
		height: 0px;
		overflow: hidden;
	}

	a#lightwindow_galleries_tab,		
	a:link#lightwindow_galleries_tab,
	a:visited#lightwindow_galleries_tab {
		display: block;
		height: 20px;
		width: 77px;
		float: right;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		font-size: 11px;
		color: #ffffbe;
		background: url(../images/black-70.png) repeat 0 0 transparent;
	}
	
	* html a#lightwindow_galleries_tab,		
	* html a:link#lightwindow_galleries_tab,
	* html a:visited#lightwindow_galleries_tab {	
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}

	a:hover#lightwindow_galleries_tab,
	a:active#lightwindow_galleries_tab {
		color: #ffffbe;

	}

	#lightwindow_galleries_tab_span {
		display: block;
		height: 20px;
		width: 63px;
		padding: 0 7px 0 7px;
	}
	
	#lightwindow_galleries_tab .up	{
		background: url(../images/arrow-up.gif) no-repeat 60px 5px transparent;
	}

	#lightwindow_galleries_tab .down {
		background: url(../images/arrow-down.gif) no-repeat 60px 6px transparent;
	}

	#lightwindow_galleries_list {
		background: url(../images/black-70.png) repeat 0 0 transparent;
		overflow: hidden;
		height: 0px;
	}

	* html #lightwindow_galleries_list {
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}	

	.lightwindow_galleries_list {
		width: 200px;
		float: left;
		margin: 0 0 10px 0;
		padding: 10px;
	}

	.lightwindow_galleries_list h1 {	
		color: #09F;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 10px 0 5px 0;
		font-size: 16px;
	}

	.lightwindow_galleries_list li {
		margin: 5px 0 5px 0;
		list-style-type: none;
	}

	.lightwindow_galleries_list a, 
	.lightwindow_galleries_list a:link, 
	.lightwindow_galleries_list a:visited {
		display: block;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 0 0 0 10px;
		font-size: 11px;
	}

	.lightwindow_galleries_list a:hover, 
	.lightwindow_galleries_list a:active {
		background: #000000;
		color: #ffffbe;
		border-left: 3px solid #ffffbe;
		padding: 0 0 0 7px;
	}
		
#lightwindow_data {
	/* REQUIRED */
	position: absolute;
	/* REQUIRED */
}

	#lightwindow_data_slide {
		/* REQUIRED */
		position: relative;
		/* REQUIRED */
	}

	#lightwindow_data_slide_inner {
		background-color: #ffffff;
		padding: 0 10px 10px 10px;
	}

	#lightwindow_data_caption {
		padding: 10px 0 0 0;
		color: #666666;
		line-height: 25px;
		background-color: #ffffff;
		clear: both;
	}

	#lightwindow_data_details {
		background-color: #f0f0f0;
		padding: 0 10px 0 10px;
		height: 20px;
	}
	
	#lightwindow_data_author_container {
		width: 40%;
		text-align: right;
		color: #666666;
	 	font-style: italic;
		font-size: 10px;
		line-height: 20px;
		float: right;
		overflow: hidden;
	}
	
	#lightwindow_data_gallery_container {
		font-size: 10px;
		width: 40%;
		text-align: left;
		color: #666666;
		line-height: 20px;
		float: left;
		overflow: hidden;
	}
	
#lightwindow_title_bar {
	height: 25px;
	overflow: hidden;		
}

	#lightwindow_title_bar_title {
		color: #ffffbe;
		font-size: 14px;
		line-height: 25px;
		text-align: left;
		float: left;
	}

	a#lightwindow_title_bar_close_link,	
	a:link#lightwindow_title_bar_close_link,
	a:visited#lightwindow_title_bar_close_link {
		float: right;
		text-align: right;		
		cursor: pointer;
		color: #ffffbe;
		line-height: 25px;
		padding: 0;
		margin: 0;
	}
	
	a:hover#lightwindow_title_bar_close_link,
	a:active#lightwindow_title_bar_close_link {
		color: #ffffff;
	}

/*-----------------------------------------------------------------------------------------------
	Theme styling stuff
-----------------------------------------------------------------------------------------------*/	

#lightwindow p {
	color: #000000;
	padding-right: 10px;
}




div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 400px; 
	overflow: hidden;
	}
	div.scroller div.section {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
		width:400px;
		overflow:hidden;
		float:left;		
		}
	div.scroller div.content {
		width: 10000px;
		}