/*
--=.._/(        FoodHub - Ecotrust GLOBAL STYLES      )\_..=--
    	  */
 
/* 
Will Moore, Chloe Weil, Devin Olsen - ISITE Design
 

--------- Notes -----------

* html {anything} addresses IE < 6 browser bugs or js generated .ie6
*+html {anything} addresses IE 7 browser bugs or js generated .ie7

------- typography ---------

font-sizes are set in em for resizable goodness.  Here's a basic guide for the stylesheet.
font-size: .75em; 	= 9px
font-size: 0.835em; = 10px
font-size: .9175em; = 11px
font-size: 1em; 	= 12px
font-size: 1.085em; = 13px 
font-size: 1.165em; = 14px
font-size: 1.25em;  = 15px
font-size: 1.335em; = 16px
font-size: 1.415em; = 17px
font-size: 1.5em;	= 18px
font-size: 1.585em; = 19px
font-size: 1.665em; = 20px
font-size: 1.75em; = 21px
font-size: 1.835em; = 22px
font-size: 1.915em; = 23px
font-size: 2em; = 24px

font colors:
	base body color: #333333;
		
link colors:
	main content a: #0000ff;
	main content hover: #999999;

*/
/* Basic browser reset  */
body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dd,dt,blockquote,button,fieldset,legend,label,input,textarea,form { margin: 0; padding: 0; border: 0; }

html,input,textarea,select { /*keep ie happy*/ font-size: 100%; }

body 	{
	background: #fff url(../img/css/bg-texture-tile.jpg) center 0 repeat;
	color: #58595B;
	font: 82%/1.335 Helvetica, Arial, sans-serif;
	min-width: 960px;
}

h1, h2, h3, h4, h5, h6	{ font-weight: normal; margin: 0 0 .25em 0; }
h1	{ font-size: 1.83em; /* 24px */ letter-spacing: .03em; }
h2	{ font-size: 1.372em; /* 16px */ color: #4f3424; }
h3	{ font-size: 1.25em; /* 17px */ color: #58595B; }
h4	{ /* 15px */ font-size: 1.25em; }
h5	{ font-size: 1em; /* 12px; */ font-weight: bold; }
h6	{ font-size: .9175em; /* 11px; */ font-weight: bold; }
p	{ margin-bottom: 1em; }
ul, ol 	{ margin: 0 0 1em 3em; }
table	{ border-collapse: collapse; }
td		{ border: 1px solid #ccc; padding: .5em; }
tr 		{ background-color: #FFFFFF; }

/*----------------------------------- Site Structure --------------------*/
html{ background-color: #cfddb6; }

#wrapper {
	background: transparent url(../img/css/bg-page.jpg) center 0 repeat-x;
	color: #3d3d3d;
	float: left;
	position: relative;
	width: 100%;
}

#header {
	background: transparent url(../img/css/bg-header.jpg) center top no-repeat;
	height: 97px;
	margin-bottom: 5.1em;
}

#footer {
	background: #cfddb6 url(../img/css/bg-footer.gif) center 0 repeat-x;
	clear: both;
	padding: 41px 10px 21px 21px;
	overflow: hidden;
}

/* two col, secondary on right */
#content { position: relative; width: 960px; }
	#content, 
	#header-content, 
	#footer-content{ margin: 0 auto; position: relative; width: 960px; }

	#header-content { z-index: 100; }

	#decorator-crab {
		background: url("../img/css/crab.png") no-repeat scroll 0 0 transparent;
		height: 35px;
		left: 166px;
		position: absolute;
		top: 73px;
		width: 76px;
		z-index: 2;
	}

	#primary {
		border-right: none;
		float: left;
		padding: 0 21px 20px 21px;
		width: 678px;
	}
	
		#primary p.intro {
		background: url("../img/css/bg-h1.gif") repeat-x scroll left bottom transparent;
		margin: 0 0 21px;
		padding: 0 0 12px;
	}

	#primary h1 { background: none; margin: 0; padding: 0; }
	.profile-page #primary h1 { line-height: 1.2; }

#secondary {
	float: left;
	padding: 7px 30px 0 20px;
	width: 188px; /* 249 w/o border left*/
}

	/* two col, secondary on left.  should be dp_leftcol */
	.leftcol #primary{
		border-right: none;
		margin-left: 281px;
		padding-left: 0;
		width: 660px;
	}

	.leftcol #secondary{
		border-left: none;
		border-right: 1px solid #ccc;
		margin-left: -960px;
		width: 188px;
	}
		.partner-page.leftcol #primary{
			margin-left: 241px;
			padding-right: 0;
			width: 720px;
		}
		.partner-page.leftcol #secondary {
			border-right: 0 none;
		}

	.dp_fullwidth #primary 			{ width: 939px; padding-right: 0; border: none; }
	.dp_fullwidth #primary .col		{ width: 29.2%; }
	.dp_fullwidth #secondary 		{ clear: both; border: none; }

	.product-landing-page #primary		{ margin-top: 1px; position: relative; z-index: 10; }
	.product-landing-page #secondary 	{ padding-top: 0; /* push up to align with tabs	*/ }
	.product-landing-page #secondary a 	{ text-decoration: none; }

		/* three col, secondary on left*/
	.threecol #primary {
		margin-left: 240px;
		padding: 0;
		width: 575px;
	}
	.threecol-wide #primary {
		margin-left: 235px;
		padding: 0;
		width: 500px;
	}
		.threecol h1 {
			margin-left: 0;
			overflow: hidden;
		}
			.threecol.results-page h1 strong {
				float: left;
				font-weight: normal;
				margin-right: .25em;
			}

	.threecol #secondary {
		border: medium none;
		margin-left: -815px;
		padding: 0;
		width: 225px;
	}

	.threecol-wide #secondary {
		border: medium none;
		margin-left: -710px;
		padding: 0;
		width: 195px;
	}
	
	.threecol #tertiary {
		float: right;
		width: 145px;
	}
	.threecol-wide #tertiary {
		float: right;
		width: 210px;
	}

/*----------------------------------- Type, Links and Lists----------*/
a, a:visited		{ color: #009FDB; }
a:hover, a:focus, a:active 	{ color: #006F9A; outline: none; }
a img 				{ border: none; }

#secondary .cta {
	display: block;
	float: none;
	margin: 0 0 1em 0;
	text-align: center;
}

.primary-action {
	background-image: url('../img/css/primary-action-bg.png');
	background-repeat: repeat-x;
	background-position: left top;
	border:1px #fdd3ab solid !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:#be6625 !important;
	display:inline-block;
	font-weight:bold;
	font-size:14px;
	height:37px;
	line-height: 41px;
	overflow:hidden;
	margin:0;
	padding:0 15px;
	text-align:center;
	-moz-text-shadow: 0px 1px #fff;
	-webkit-text-shadow: 0px 1px #fff;
	text-shadow: 0px 1px #fff;
	text-transform:uppercase;
	text-decoration:none;
}
	button.primary-action{ line-height: 36px;}
	.primary-action:hover {
		background-position: left -40px;
	}
		
		.ie7 .primary-action {
			line-height:normal;
		}

	
.secondary-action,
.secondary-action:hover
,.secondary-action:active {
	background:url('../img/css/secondary-action.png') top left repeat-x;
	border:3px #fff solid !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 2px 2px 2px #ccc;
	-moz-box-shadow: 2px 2px 2px #ccc;
	box-shadow: 2px 2px 2px #ccc;	
	color:#fff;
	display:inline-block;
	overflow:hidden;
	margin:0 4px 0 0;
	padding:5px 10px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	text-transform: uppercase;
	text-decoration:none;
}


.tertiary-action {
    background-image: url("../img/css/bg-button.png") !important;
    background-repeat: repeat-x;
    background-position:left top;
    background-color:#00A2E3;
    border: 2px solid #fff !important;
    color: #fff !important;
    display: inline-block;
    font-weight:normal;
    outline: 1px solid #ccc;
    padding: 5px 6px !important;
    text-decoration:none;
}
	.tertiary-action:hover,
	.tertiary-action:active {
		background-color: #008AC1 !important;
		background-image: none !important;
		border: 2px solid #fff !important;
		color:#fff !important;
		outline: 1px solid #ccc;
	}

a#brand {
	background: transparent url('../img/css/logo.jpg') 0 0 no-repeat;
	background: transparent url('../img/css/logo.png') 0 0 no-repeat;
	display: block;
	overflow: hidden;
	text-indent: -9999em;
	position: absolute;
	top: 2px;
	left: 52px;
	height: 132px;
	width: 195px;
	z-index: 3;
}

.close, .close-window {
	background: transparent url('../img/css/famicons/cross.png') 0 0 no-repeat;
	height: 16px;
	overflow: hidden;
	position: absolute;
	right: 7px;
	width: 16px;
	text-indent: -9999em;
	top: 13px;
	z-index: 51;
}

.tabs{ display: none; }

	.js-on .tabs{
		margin: 0;
		padding: 0;
		list-style-type: none;
		display: block;
	}

	.tabs li { width: auto; /*ie6/7*/ float: left; }

a.cta, a.button, .tabs a {
	background-color: #fff;
	border: 1px solid #cccccc;
	color: #fff;
	float: right;
	font-size: 1.3em;
	margin: -2.3em 0 1em 0;
	padding: 2px;
	width: auto;
	text-decoration: none;
}

	/*Begin Tabbed Content*/
	.tabs a{
		float: left;
		font-size: 1em;
		margin: 0;
		border: none;
		padding: 0;
	}

	.nav-tabbed-container{
		clear: both;
		float: left;
		height: 40px;
		position: relative;
		width: 100%;
		z-index: 30;
	}

	.home-page .nav-tabbed-container { margin: 10px 0 0; }

	.ie7 #marketplace-header { margin: 0 0 -5px; }

				
	.nav-tabbed-container li { float: left; margin: 0 0 0 0.45em; }

	.nav-tabbed-container li:first-child { margin: 0 0 0 -1px; }

		ul.marketplace-nav { padding: 0 0 0 3px; }

		ul.marketplace-nav.marketplace-dashboard { padding: 0; }

		ul.marketplace-nav.marketplace-dashboard li { bottom: -2px; }

		#marketplace-header ul.marketplace-landing { margin: 0 0 0 3px; }

		.nav-tabbed li { background-position: left -73px; position: relative; }

			.nav-tabbed a {
				background-position: right -73px;
				color: #fff;
				font-size: 1.3em;
				height: 39px;
				line-height: 40px;
				padding: 0 1em;
				position: relative;
				right: -3px;
				text-decoration: none;
			}

			.nav-tabbed li.active a { background-position: right top; color: #444; }

				.home-page li.active,
				.home-page li.active a { height: 40px; }

			.nav-tabbed li,
			.nav-tabbed a {
				background-image: url('/_resources/img/css/bg-tabs.png');
			}
	
			.nav-tabbed li.active,
			.marketplace-landing li.active:first-child { background-position: left top; bottom: 0; }

			.nav-tabbed li.tab-settings,
			.nav-tabbed .tab-settings a {
				background: transparent;
				color: #009FDB;
				font-size: 1em;
			}

	/*All Button Types*/
	a.button{ float: left; font-size: 1em; margin-right: 10px; margin-top:0 !important; }
	a.cta span, a.button span{
		background: #00A2E3 url('../img/css/bg-button.png') left top repeat-x;
		color: #fff;
		display: block;
		padding: 10px;
	}
	a.button span{ padding: 3px 5px; }
	a.button:hover span{ background-color: #008AC1; background-image: none; }

.btn-plus {
	border: 2px solid #fff;
	font-size: .915em;
	padding: 0;
	text-transform: uppercase;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, .4);
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, .25);
	-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, .25);
	box-shadow: 2px 2px 3px rgba(0, 0, 0, .25);
	margin-bottom: .35em; /* prevent drop shadow clipping */
}

	.btn-plus span {
	padding: 6px 9px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

	a.btn-download span {
	background-image: url(../img/css/bg-button-download.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 25px;
}

	a.btn-download:hover span, a.btn-download:focus span {
	background-image: url(../img/css/bg-button-download.png);
	background-position: -300px center;
}

	a.btn-play span {
	background-image: url(../img/css/bg-button-play.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 25px;
}

	a.btn-play:hover span, a.btn-play:focus span {
	background-image: url(../img/css/bg-button-play.png);
	background-position: -300px center;
}

/* IE doesn't have the CSS support */
.ie .member-type .button, .ie .btn-plus { border: 1px solid #ccc; padding: 2px; }

#footer ul { list-style-type: none; margin: 0; padding: 0; }

	#footer .nav{ float: left; padding-right: 15px; width: 167px; }
	*+html #footer li{ position: relative; zoom: 1; margin: 0; padding: 0; }
	#footer .about { float: left; margin-top: -.6em; width: 360px; }
		#footer .about li { padding: 2px 20px 2px 0; }

	#footer h5, #footer legend{
	color: #4f3424;
	font-size: 1.07em;
	font-weight: normal;
	margin-bottom: .5em;
}

	#footer .nav a{ padding: .3em 0 0 0; text-decoration: none; }
	#footer li.ecotrust a {
		background: url('../img/css/logo-ecotrust.gif') no-repeat;
		display: block;
		overflow: hidden;
		height: 42px;
		text-indent: -9999px;
		width: 185px;
	}

	#footer .social { float: left; width: 222px; }
		.summary .social { margin: 10px 0 0; }
		.social h4 {
			float: left;
			margin: 10px 0 0 5px;
			text-align: left;
			width: 65px;
		}

		.social h5 { float: left; text-align: left; width: 222px; }
		.social > a { float: left; margin: 5px 0 0 15px; }
		.social ul { clear: both; width: 222px; }

			.inner-sidebar .social ul {
				clear: none;
				float: right;
				margin: 5px 5px 0 0;
				width: 135px;
			}

		.social li{
			display: block;
			float:left;
			width: 44px;
		}

		.social li a{
			background: url('../img/css/fh-sprite.png') no-repeat top left;
			display: block;
			height: 32px;
			overflow:hidden;
			text-indent: -9999px;
			width: 32px;
		}

			li.soc-twitter a { background-position: -44px 0; }
			li.soc-youtube a { background-position: -88px 0; }

		#footer form{ clear: both; float: left; margin-top: 2em; }

			#footer input {
				color: #979796;
				float: left;
				margin-right: 3px;
				padding: 6px 5px;
				width: 132px;
			}

				#footer button{ float: left; }

				.ie7 #footer fieldset{ width: 222px; }
				.ie7 #footer input{ padding: 3px; }
				.ie7 #footer button span{ padding: 2px; }

h1 {
	background: transparent url('../img/css/bg-h1.gif') left bottom repeat-x;
	color: #4F3424;
	margin: 0 0 21px 21px;
	padding: 0 0 12px 3px;
}

	h1 a { font-size: 0.6em; text-decoration: none; }
	h1 a.learn-more-search{
		background-image: url("../img/css/search-icons.png");
		background-position: right -43px;
		background-repeat: no-repeat;
		float: right;
		letter-spacing: 0;
	    margin-top: 0.59em;
	    padding-bottom: 3px;
	    padding-right: 30px;
	}
	h1 a.learn-more-search:hover{text-decoration: underline;}
	h1 p,
	h1 .subtitle{
		color: #333;
		display: inline;
		font-size: 0.67em;
		margin: .7em 0 0 1em;
		letter-spacing: 0;
		font-weight: normal;
	}

	
	h1 span, h2 span {
		font-weight: bold;
		/* the search term, farm name...*/
		color: #4d3322;
	}

	div.lead{ margin: -.4em 0 2em 21px; clear: both; }

h2.alert, h3.alert{ font-size: 1.2em; color: #800; }

h2.info{
	border: 1px solid #CCCCCC;
	color: #222;
	font-size: 1em;
	margin-bottom: 1em;
	padding: 5px;
	text-align: center;
}

h3+p 	{ margin-top: -.4em; margin-bottom: 1.5em; }

h2+h3 	{ margin-top: -.3em; margin-bottom: .4em; }

ol{ margin: 1em .2em 1em 3em; }
ul.linked{ margin-left: 1.5em; }

.press-page #primary ul{ list-style-type: none; margin: 0 0 2em 0; }

	.press-page #primary li		{ margin-bottom: .75em; }
	.press-page #primary .pub 	{ font-style: italic; }
	.press-page #primary li a	{ text-decoration: none; }

dl.faq	{ margin-bottom: 3.5em; }

	dl.faq dt{ cursor: pointer; font-weight: bold; margin-top: 1em; }

	dl.faq dd{ display: block; margin-left: 1.1em; }

	a.toggle{
	display: block;
	float: left;
	font-weight: normal;
	margin-top: -4px;
	padding: 4px;
	text-decoration: none;
	width: .5em;
}

	.about-page dl.faq 	{ margin-bottom: 1em; }
	.about-page h3 		{ margin-bottom: 0.5em; }

	.about-page .attribution { padding-left: 2em; }
	.about-page .attribution a, .about-page a.full-story { display: block; }
	.about-page .anchor 	{ color: #333; cursor: auto; }
	.about-page h2 .anchor 	{ color: #4F3424; }

		
	.jqmWindow.video-help { margin-left: -350px; min-width: 640px; }

.partners{
	padding: 1em 0 4em 0;
}
	.partners h2{
		border-bottom: 1px solid #BCC3C1;
		font-size: 1.5em;
		margin-bottom: 1em;
	}
	.partners ul{
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
		.partners li {
			display: inline-block;
			margin-right: 30px;
			margin-bottom: 2em;
		}



/*How It Works page*/
dl.how	{ margin-bottom: 3.5em; }
	dl.how dt{ cursor: pointer; font-weight: bold; margin-top: 1em; }
	dl.how dd{ display: block; margin-left: 1.1em; }

ol.alpha-terms { list-style-type: upper-alpha; }

	h2 a,
	h2 a:visited,
	h2 a:hover { color: #4F3424; }

	#proxy
	{
		background-color: #F59B5B;
		font-size: 0.85em;
		font-weight: bold;
		padding: 5px;
		text-transform: uppercase;
		width: 100%;
	}

	#message-wrap{
		border-bottom: 8px solid #dd6;
		background-color: #ffff99;
		-moz-box-shadow: 	0 5px 1px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 5px 1px rgba(0,0,0,.2);
		box-shadow: 		0 5px 1px rgba(0,0,0,.2);
		
		padding-top: 7px; /* animated back down to 7px with js. */
		position: absolute;
		left: 0;
		top: 136px;
		width: 100%;
		z-index: 100;
	}

	#message-wrap.success{ border-bottom-color: #1C8E48; font-weight: normal; border-bottom-width: 4px;	 }
	#message-wrap.error{ border-bottom-color: #D23F41; }


	div#message-wrap div.message{
		/* on page alerts */
		background-color: #ff9;
		color: #222;
		font-size: 1.1em;
		margin: 0 auto;
		padding: 8px;
		position: relative;
		/* text-align: right;*/
		width: 960px;
		max-width: 931px;
		z-index: 31;
	}

		div#message-wrap div.long { /* on page alerts */ text-align: left; }
		
		#message-wrap .long ul, #message-wrap .long ol{
			margin: 1em;
		}	
			#message-wrap ul, #message-wrap ol{
				margin-top: 1em;
				list-style-position: inside;
			}	
		
		.bottom-bar {
			background-color: #FFFFFF;
			border-top: 3px solid #7AAB42;
			bottom: 0;
			-moz-box-shadow: 		-1px 0 4px rgba(1, 1, 1, 0.24);
			-webkit-box-shadow: 	-1px 0 4px rgba(1, 1, 1, 0.24);
			box-shadow: 			-1px 0 4px rgba(1, 1, 1, 0.24);
			height: 3em;
			padding: 1.2em;
			position: fixed;
			width: 100%;
			z-index: 11111;
		}
			.bottom-bar p{
				font-size: 1.5em;
				line-height: 2.5em;
			}

		.admin-user {
			background-color: #D4EDF8;
			color: #000;
			padding: 2px 7px;
		}

		#user-bar {
			position: absolute;
			right: 0;
			text-align: right;
			top: .5em;
			font-size: 1.1em;
			color: #422915;
			width: 100%;
			z-index: 9999;
		}

			#user-bar a	{ font-weight: bold; text-decoration: none; }
			#user-bar a.forgot-password {
				font-weight: normal;
				line-height: 2.5;
				text-decoration: underline;
			}
			body > .forgot-password {
				display:none;
			}
				
			#user-bar .nav-msg-count { font-weight: bold; color: #CC0000; }

		#user-bar .divider { color: #a6a6a3; }

	#saved-searches-toggle {
		display: block;
		float: left;
		/* margin-top: -1px;*/
		text-align: right;
		width: 194px;
		text-decoration: none;
		position: relative;
		z-index: 100;
	}
		#saved-searches .content{
			background-color: #362110;
			display: none;
			padding: 0 9px 16px 9px;
			width: 185px;
			position: absolute;
			z-index: 33;
			margin-left: 50px;
			margin-top: -1px;
		}
	
		#saved-searches h2{ 
			font-size: 1em;
			margin: 0 0 0 50px; 
			padding: 0; 
		}
			#secondary 	#saved-searches.on h2{
				display: block;
				font-size: 1.065em; 
				margin-left: 0;
			}
	#saved-searches.on {
		background-color: #362110;
		position: relative;
		/* left: 200px;*/
		/* width: 190px; works for sidebar, not header. need to section them off.*/
	}
		#secondary 	#saved-searches.on {
			left: 152px;
			position: absolute;
			top: 0;
			width: 190px;
	}

		#secondary #saved-searches.on .content{margin: 0}
	
		#header #saved-searches.on .content a { color: #009FDB; font-size: .9em; }
		#saved-searches.on #saved-searches-toggle, #saved-searches-toggle:hover { background-color: #362110; color: #fff; }
		#saved-searches ul { list-style-type: none; margin: 27px 0 0 0; padding: 0; }
		#secondary #saved-searches ul {margin-top: 20px;}


		#saved-searches.on .content{ display: block; }
		#saved-searches ul li{ margin: 0; position: relative; }
		#saved-searches ul a{
			background: #fff url('../img/css/bg-saved-searches.png') left bottom no-repeat;
			display: block;
			text-decoration: none;
			padding: 13px 24px 13px 12px;
			text-align: left;
		}
		
		#saved-searches ul a.delete{
			background: transparent url('../img/css/fh-sprite.png') 0 -35px no-repeat;
			display: block;
			overflow: hidden;
			height: 29px;
			padding: 0;
			text-indent: -9999px;
			width: 29px;
			border-width: 0;
			position: absolute;
			right: 0;
			top: 50%;
			margin-top: -15px;
		}

/* 
	View Profile Page
------------------------------------------------- */
	.vcard .country-name 	{ position: absolute; left: -9999em; }
	#user-data				{ overflow: hidden; }
	#user-data,.summary { 
		padding-bottom: 1em; 
		border-bottom: 1px solid #ccc; 
	}
		.summary.products { width: 100%; }
		.summary.no-products { border-bottom: 0;}
	#user-data dl 			{ overflow: visible; }
	#user-data dl dt		{ float: left; font-weight: normal; }

	#user-data .adr, 
	#user-data .contact	{ margin-bottom: 1em; }
	.profile-page .breadcrumbs	{
		list-style-type: none;
		overflow: hidden;
		margin: 0 0 1em 0;
	}
	
	.profile-page .breadcrumbs  li	{ float: left; margin-right: .5em; }
	.profile-page .breadcrumbs li:after { content: '>'; margin-left: .5em; }
	.profile-page .breadcrumbs li.last:after { content: ''; }
	/*Hides the last separator in the breadcrumbs for ie7, which is generated by JS because ie7 doesn't do :after*/
	*+html .last .separator { display: none; }
	
	.profile-page h1					{ background: none; padding: 0; margin: 0 0 0 21px; }
	.profile-page .editable h1 { display:block; width:425px;}
	.profile-page h1 span			{ font-weight: normal; display: none; }
	.profile-page .member-type {
		background-image: url("../img/css/profile-type-icons.png");
		background-repeat: no-repeat;
		border: medium none;
		color: #4F3424;
		font-weight: bold;
		height: 20px;
		margin: 0;
		padding: 0;
		position: absolute;
		right: 0;
		top: 0;
		text-align: right;
		width: 155px;
	}
		.profile-page .all-access { background-position: 0 0; }
		.profile-page .advantage { background-position: 0 -22px; }
		.profile-page .free { background-position: 0 -44px; }
	.profile-recommend { margin: 15px 0; }

	.profile-page .contact { clear: both; float: left; width: 300px; }
	.profile-pictures {
		/* border-bottom: 1px #ccc solid; */
		float: right;
		padding: 0 0 10px;
		width: 353px;
	}

	.profile-pictures .edit-images { float: right; }
		/* .profile-pictures .large {
			background: #fff;
			height: 262px;
			padding: 10px 0 0;
			text-align: center;
			width: 100%;
		} */
		.profile-pictures .large{
			height: 262px;
			text-align: right;
			width: 100%;
		}
		.profile-pictures .large img {
			border: 4px solid #fff;
			/* height: 262px; */
			/* padding: 10px 0 0;
					text-align: center;
					width: 100%; */
		  max-width: 345px;
		}
		.profile-pictures ul {
			border-bottom: 1px #ccc solid;
			height: 70px;
			list-style: none outside none;
			margin: 5px 0 15px;
			overflow: hidden;
			padding: 0 35px;
			position: relative;
		}

			.profile-pictures ul li {
				/* display: inline-block;*/
			    height: 70px;
			    max-width: 89px;
				overflow: hidden;

				display: block;
				float: left;
				
			}

			.profile-pictures ul li a {
				background: #fff;
				border: 4px solid #fff;
				display: inline-block;
				float: left;
				line-height: .5;
				margin: 0 3px;
				max-width: 78px;
				overflow: hidden;
				/* padding: 4px; */
			}
		.profile-pictures li a{
			max-width: 100%;
		}

		.profile-pictures .prev,
		.profile-pictures .next {
			background: none;
			margin: 0;
			padding: 0;
			position: absolute;
			top: 20px;
		}

		.profile-pictures .prev { left: 0; }
		.profile-pictures .next { right: 0; }

			.profile-pictures .prev a,
			.profile-pictures .next a {
				background-image: url("../img/css/filmstrip-arrows.png");
				background-repeat: no-repeat;
				border: none;
				display: block;
				height: 30px;
				text-indent: -9999em;
				width: 30px;
				margin: 0;
				padding: 0;
			}

			.profile-pictures .prev a { background-position: left top; }
			.profile-pictures .next a { background-position: left bottom; }
				.profile-pictures .prev a:hover { background-position: right top; }
				.profile-pictures .next a:hover { background-position: right bottom; }
			.profile-pictures a{
				overflow: hidden;
				max-width: 80px;
			}
			/* when there are < 3 images, things shift a bit. */
			.profile-pictures .under-three{
				border-bottom: none;
				padding: 0;
			}
				.profile-pictures .under-three li {
					display: block;
					float: right;
				}
				.profile-pictures .under-three .prev,
				.profile-pictures .under-three .next{
					display: none;
				}


	.profile-page .member-videos { width: 400px; float: right; }

	
		.member-videos ul {
			float: right;
			list-style: none outside none;
			margin: 10px 0;
			text-align: right;
		}

			.member-videos li { color: #4F3424; font-weight: bold; position: relative; }
				.member-videos a { font-weight: normal; }
					.member-videos .video-details { position: absolute; }

		.member-videos.upsell {
			background: #F7F5ED;
			clear: right;
			float: right;
			margin: 10px 0 0;
			padding: 20px;
			width: 180px;
		}

	.summary .editable,
	.summary #about-us,
	.summary #how-to-do-business { 
		float: left; 
		width: 400px; 
	}

	.summary.products .editable { float: none; }
	
	.profile-page .inner-sidebar { 
		float: right; 
		margin: 20px 0 0; 
		width: 220px; 
	}
		.inner-sidebar .more-information,
		.inner-sidebar .references,
		.inner-sidebar .business-specs { background: #f7f5ed; padding: 20px; }
		.inner-sidebar .references { padding-bottom: 10px; }
		.inner-sizebar h4 { margin: 2px 0; }
			.inner-sidebar h4.downloads { margin-top: 10px; }
		.inner-sidebar ul { margin: 0; }
			.inner-sidebar li{ list-style: none; }
			.references li { margin-bottom: 15px; }
		.business-specs li { font-weight: bold; }
	.organic-icon {
		background-image: url("../img/css/organic-icon.png");
		background-repeat: no-repeat;
	}
	.cross-reference{
		clear: both;
		width: 100%;
	}
		.cross-reference .cols{
			background-image: none;
			min-height: 0;
		}
		.cross-reference .col{
			background-color: transparent;
			min-height: 0;
		}
			.cross-reference .col ul{
				list-style-type: none;
				margin: 0;
				padding: 0;
			}
				.cross-reference ul.loading{
					background-position: 20px bottom;
					text-align: left;
					padding-bottom: 40px;
				    width: auto;
				}
	#cross-reference-edit table{ width: 95%;}
		#cross-reference-edit thead{ border: none;}	
		#cross-reference-edit thead th{
			background: #e6e6e6;
			border: 1px solid #fff;
			border-top: 1px solid #CCCCCC;
			font-size: 1em;
			font-weight: normal;
			vertical-align: middle;
		}
		#cross-reference-edit thead th span{
			background-image: none;
		}
		#cross-reference-edit .xref-status-header span, #cross-reference-edit .xref-status-header a{
			display: inline-block;
		}
			#cross-reference-edit tbody th {
				border: 1px solid #cccccc;
				text-align: center;
				width: 1.8em;
			}	
			
				#cross-reference-edit tbody th span {
					background-color: #D9DDDC;
					background-image: none;
					color: #333333;
					font-size: .8em;
					min-height: 1em;
					text-align: right;
				}
		#cross-reference-edit .xref-filter td, #cross-reference-edit .xref-filter{
			background-color: transparent;
			border: none;
			padding: 0;
		}
			#cross-reference-edit select, .xref-filter label {display: inline-block;}
				
		#cross-reference-edit .tertiary-action{
			margin-right: 5px;
		}
			#cross-reference-edit tbody .tertiary-action{
				font-size: .9em;
				padding: 2px 6px !important; /* existing !important on 266*/
			}
		#cross-reference-edit input {
			display: block;
			margin:-1px auto 0 auto ;
			width: 1em;
		}	
		#cross-reference-edit tfoot td{
			border-top: 3px solid #000000;
		    -moz-box-shadow: 		0 5px 7px -5px rgba(0, 0, 0, 0.55) inset;
		    -webkit-box-shadow: 	0 5px 7px -5px rgba(0, 0, 0, 0.55) inset;
		    box-shadow: 			0 5px 7px -5px rgba(0, 0, 0, 0.55) inset;
		    
		    padding: 14px;
		}
	/*Product Table*/
	.product-table {
		background-color: #fff;
		clear: both;
		font-size: 1.075em;
		width: 678px;
	}

	.product-table thead th {
		background: url("../img/css/product-table-head.png") repeat-x scroll left bottom #e6e6e6;
		border-right: 1px solid #ccc;
		color: #333;
		
		font-size: 1em;
		font-weight: normal;
		height: 30px;
	}

		.product-table .table-header { 
			font-size: 1.33em; 
			text-align: left; 
			width: 10px; 
		}
		.product-table .table-header span { top: 0; width:100px; }
			.product-table .table-header span.sorter { top: 0.7em; }

		.product-table thead th span { 
			cursor:pointer; 
			padding: 4px 16px 4px 3px; top: 4px; 
			width:21px; 
		}	
		
		.product-table thead th.table-header span{
			cursor:default;
			background-image:none !important;
		}
		
		.product-table thead th.up span,
		.product-table thead th.down span {
			background-image:url(../img/css/table-sort-arrows.png);
			background-repeat:no-repeat;
		}
		.product-table thead th.up span { 
			background-position:32px 10px;
		}
		
		.product-table thead th.down span{
			background-position:32px -46px;
		}	
			
	.product-table tbody th {
		border: 1px solid #CCCCCC;
		color: #000000;
		font-size: 1em;
		text-align: left;
		padding: 0 5px 0 20px;
	}
		.product-table tbody th span { 
			background: none; 
			display: block; 
			padding: 4px 8px 4px 25px;
    		text-indent: 0; 
    	}

	.product-table tbody td,
	.product-table tbody td {
		height: 45px;
		padding: 0;
		text-align: center;
		width: 50px;
	}
		.product-table tr.product-types th {
			text-indent:10px;
		}
	
	tbody.closed .category th,
	tbody.opened .category th {
		background-image: url("../img/css/table-arrows.png");
		background-position: left 10px;
		background-repeat: no-repeat;
	}

		tbody.closed .category th { background-position: 5px 0; }
		tbody.opened .category th {
			background-position: 5px -48px;
			border-left: 1px #ccc solid;
			border-right: 1px #ccc solid;
		}

			tbody.opened tr.product-types { display: table-row; }
			tbody.closed tr.product-types { display: none; }
				tbody.opened .category th,
				tbody.closed .category th { cursor: pointer; }

			tbody.opened .category td { border: none; }
			tbody.opened .category { border-right: 1px #ccc solid; }

			tr.product-types th,
			tr.product-types td { 
				background-color: #f7f7f7; 
				font-weight: normal; 
			}

			tr.product-types.sublisting {
				background-image: url("../img/css/product-table-subhead.png");
				background-position: left top;
				background-repeat: repeat-x;
			}

				tr.sublisting th,tr.sublisting td { background: none; }
				tr.product-types th{ padding: 0; }

				tr.product-types.organic th {
					background-image: url("../img/css/organic-icon.png");
					background-position: 5px 15px;
					background-repeat: no-repeat;
				}

			tbody.opened .empty { text-align: center; }

	.recommend-list h2 {
		background-image: url("../img/css/heading-arrows.png");
		background-repeat: no-repeat;
		background-position: left 10px;
		cursor: pointer;
		margin: 20px 0;
		text-indent: 15px;
		padding-left: .75em;
	}

		.recommend-list.closed h2 { background-position: left -57px; }
		.recommend-list.closed > ul,
		.recommend-list.closed > a { display: none; }
		
	.recommend-list ul { margin: 0; }
		.recommend-list li { list-style: none; overflow: hidden; padding: 20px; }
		.recommend-list li.odd { background: #fff; }

			.recommend-list h5 { margin-right: 10px; }

		.rateings li:first-child { margin-left: 0; }
		.rateings li {
			display: inline;
			float: left;
			margin-left: 30px;
			padding: 0;
		}

	a.more-recommendations {
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	float: left;
	margin: 20px 0;
	padding: 15px 0;
	width: 100%;
}
	
	.my-recommendations ul { margin: 0; padding: 0; }
		.my-recommendations li { list-style: none; }

	.recommendation-criteria label { width: 620px; }

	.profile-page .profile-recommendation-wrap.section { float: none; }
	
	/*Boo, IDs are in here to override things*/ 
	.profile-page #primary			{ line-height: 1.5; }
	.profile-page #primary h2		{ font-size: 1.853em; margin-top: 1em; }
	.profile-page #primary .widget h2	{ margin-top: 0; }

	.profile-page #primary h3		{ font-size: 1.372em; color: #4F3424; }
	.profile-page #primary h4		{ font-weight: bold; font-size: 1em; }

	.profile-page #secondary			{ width: 240px; margin-top: 49px; padding: 0; }
		.profile-page #secondary .profile-views { margin-top: 34px; }
		.profile-page #map_view {
			margin-left: 10px;
			border: 7px solid white;
			width: 205px;
			height: 148px;
			position: relative;
		}

		.profile-page #percent-complete + #map_view { top: -100px; }

	.profile-page img.map,
	.profile-page img.profile	{ border: 7px solid #fff; margin: 0 0 1em 10px; }
	.profile-page img.profile	{ max-width: 353px; float: right; }

	.profile-page a.edit	{
		font-size: 1.5em;
		margin-left: .5em;
		text-decoration: none;
	}
	
	a.edit { font-size: 1em; }

	
	.editable { margin: 1em 0 .5em 0; }
		.editable.no-margin { margin: 0; min-width: 680px; position: relative; }

		.editable h2,
		.editable h1	{ display: inline; margin: 0; }

		.profile-page .organic-icon {
			background-position: 0 0;
			float: right;
			font-size: 1em;
			font-weight: bold;
			/*margin: 30px 0 0;*/
			margin: 0;
			padding-left: 20px;
		}

	.profile-page .section { float: left; width: 440px; margin-right: 1em; }
	.profile-page .summary	{ overflow: hidden; }

	.profile-page h2.toggle {
		background-image: url("../img/css/heading-arrows.png");
		background-repeat: no-repeat;
		background-position: left 10px;
		cursor: pointer;
		margin: 20px 0;
		text-indent: 15px;
		padding-left: .75em;
	}
	
		.editable h2.closed { background-position: left -57px; }

	.profile-page .donate-status {
		background: url("../img/css/efa-badge.png") top left no-repeat;
		border-top: 1px #ccc solid;
		border-bottom: 1px #ccc solid;
		float: left;
		font-weight: bold;
		height: 127px;
		margin: 15px 0;
		padding: 0 0 0 115px;
	}
	
		.donate-status p { float: right; margin: 15px 15px 0 0; }

	/* floats next to paragraphs, which are wrapped in .summary */
	.profile-page .aside	 { float: right; width: 219px; }
		.aside li:last-child	{ margin-bottom: 0; }

	/*Buttons in sidebar */
	.profile-page #secondary .cta { margin-bottom: .7em; }

	a.cta.send-a-message,
	a.cta.add-to-contacts,
	a.cta.send-a-message span,
	a.cta.add-to-contacts span {
		background-color: transparent;
		background-image: url(../img/css/bg-button-profile-new.png);
		border: 0;
		padding: 0;
		position: relative;
		width: 224px;
	}

	
	
	a.cta.send-a-message,
	a.cta.add-to-contacts {
		background-position: 0 0;
		left: 5px;
		padding-top: 5px;
		position: relative;
	}

		a.cta.send-a-message span {
			background-position: left bottom;
			bottom: -5px;
			padding: 0 12px 10px;
			position: relative;
			width: 200px;
		}

		a.cta.add-to-contacts span {
			background-position: left bottom;
			bottom: -5px;
			padding: 0 12px 10px;
			position: relative;
			width: 200px;
		}

		#secondary .cta span.plus-icon {
			background: url("../img/css/plus-icon.png") no-repeat scroll left top transparent;
			height: 30px;
			left: -5px;
			margin: 0;
			padding: 0;
			position: absolute;
			top: -5px;
			width: 30px;
		}

	a.close-ajax,a.close-jqm{
		background: url("../img/css/fh-sprite.png") no-repeat scroll 0 -276px transparent;
		border: medium none;
		display: none;
		height: 37px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		right: -13px;
		text-indent: -9999px;
		top: -8px;
		width: 41px;
		z-index: 3001;
	}
	
/*End Profile View section */	
dl.events { margin: 1em 0; }
.community-events ul{
	list-style-type: none;
	margin: 0;
	padding:0;
}
	.community-events li{
		margin-bottom: 1.5em;
		padding: 5px;
	}
	.community-events h2, .community-events h3{ display: inline; padding-right: .6em; }
	.community-events p{ display: block; margin: 0;}
.loading{
	background: transparent url(/_resources/img/css/ajax-loader.gif) center center no-repeat;
	color: #444;
	margin: 2em auto;
	padding: 40px 0 0 0;
	text-align: center;
	width: 150px;
}
	.search-loading {padding-top: 90px;}

#primary div.loading { left: 0; position: absolute; top: 250px; width: 100%; }

/*	-------------------------------------- PRODUCT REQUESTS/MARKETPLACE ---- */			
.request-page a { text-decoration: none; }

.request-page h1 span { display: none; }

.request-page h1 {
	background: none repeat scroll 0 0 transparent;
	margin: 0 0 0 21px;
	padding: 0;
}

.request-page .return { font-size: 1.075em; }

.request-page .share { margin: 1em 0; }

.request-page #primary p,
.request-page .share { font-size: 1.075em; overflow: hidden; }

.request-page #secondary {
	font-size: 1.075em;
	padding: 36px 0 0 20px;
	width: 220px;
}

.request-page #secondary a { text-decoration: none; }

.request-page  h3 { font-size: 1.39em; color: #4f3424; }

.request-page .advertise-title {
	text-transform: lowercase;
	text-align: right;
	color: #777;
	font-size: 11px;
	margin-top: 1em;
}

.request-page .social ul { margin-left: 0; overflow: hidden; }

.request-page .url {
	display: block;
	padding-top: 0.5em;
	-moz-word-wrap: break-word;
	-webkit-word-wrap: break-word;
	-o-word-wrap: break-word;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

.request-page .edit-post {
	font-size: 1.075em;
	margin-left: 0.25em;
	position: relative;
	top: -2px;
}

p.respond { margin-bottom: 0; clear: both; }

p.respond span { display: block; margin-top: 10px; }

	.request-body {
		border: 1px solid #ddd;
		background-color: #fafafa;
		margin: 1em 0;
		overflow-x: auto;
		padding: 1em;
		width: 95%;
	}

.my-marketplace div.lead { margin: -0.4em 0 0 0; }

	.my-marketplace #column-wrap{
		background: none repeat scroll 0 0 #FFFFFF;
		border: 1px solid #CCCCCC;
		margin-left: 20px;
		margin-top: -2px;
		overflow: hidden;
	}

		*+html .my-marketplace #column-wrap{ margin-top: 3px; }

	.my-marketplace .pagination { margin: 0 30px 0 0; }

.my-marketplace #footer-layout,
.page-marketplace #footer-layout { margin-left: 20px; margin-top: 1em; }

	
.my-marketplace #marketplace-header { width: 939px; }
	#marketplace-header .primary-action {
		height:32px;
		line-height:35px;
	}

.page-marketplace #column-wrap {
	background-color: #fff;
	border: 1px solid #ccc;
	margin-left: 23px;
	overflow: hidden;
	padding: 1em;
	position: relative;
	top: -2px;
	z-index: 10;
}

	*+html .page-marketplace #column-wrap { top: 3px; }

	.page-marketplace .lead { margin: 0; padding-right: 0; }

	.page-marketplace.leftcol #primary {
		background: #fff url('/_resources/img/css/vert-border-fade.gif') top left no-repeat;
		margin-left: 210px;
		min-height: 600px; /*dbg*/
		padding: 0;
		width: 700px;
	}

	.page-marketplace.leftcol #secondary {
		margin-left: -920px;
		margin-top: -1px;
		padding: 0 21px 0 0;
	}

	.page-marketplace h1 { float: left; width: 935px; }

	.page-marketplace .marketplace .featured { background-color: #dfeece; }

		.page-marketplace tr.advertisement td { padding-left: 0; padding-right: 0; }

			tr.advertisement td img { left: 0 !important; }

		.advertisement span { float: right; }

	#marketplace-header div.add-product-button-wrap {
		float: right;
		margin: 0; /* different on this page because of the position of the link below it. */
		width: 140px;
	}


	/*Sorting Controls*/
	.result-controls {
		border-bottom: 1px solid #CCCCCC;
		margin: 20px;
		padding: 0 0 8px;
	}

	.result-controls a { text-decoration: none; font-weight: bold; }
		li.sort-type {
			border-left: 1px solid #000000;
			margin: 0 0 0 6px;
			padding: 0 0 0 5px;
		}

		li.view-type,
		li.sort-type,
		li.result-type{ float: left; list-style: none; }

			li.view-type strong,
			li.sort-type strong { color: #000; font-size: 1.1em; }

			li.view-type a.active,
			li.sort-type a.active {
				color: #000;
				cursor: default;
				text-decoration: none;
				font-weight: normal;
			}
	
.dashboard2-page .list td.type { width: 26px; }
	#marketplace-search-label{ font-weight: bold; font-size: 1em; margin-bottom: .5em; }
		#radio-toggle a.help { top: 8px; right: 10px; }

		.tab-settings a.help, .help-icon{
			background-image: url("../img/css/search-icons.png");
			background-position: -2px -43px;
			background-repeat: no-repeat;
			height: 10px;
			right: -3.25em;
		}
		a.help-icon {
			display: block;
			height: 23px;
			line-height: 1.8;
			text-indent: -999em;
			width: 23px;
		}
			th .help-icon{
				margin-bottom: -4px;
			}
		a.help:hover { background-position: -2px -68px; }
#new-users ul{
	list-style-type: none;
	margin: 0 0 1.5em 0;
	padding: 0;
}
/* MARKETPLACE EDIT POST */
#marketplace-dashboard-edit ol		{ list-style-type: none; margin-left: 0; }
	.edit-marketplace li 			{ list-style:none; overflow:visible; }
	#marketplace-dashboard-edit li 			{ margin-bottom: 2px; }
	#marketplace-dashboard-edit .checkradio label { font-weight: normal; }

#marketplace-dashboard-edit .form-header + .help,
.edit-marketplace .form-header + .help {
	border-bottom: 1px solid #ccc;
	padding-bottom: 1em;
	color: #333;
}

#marketplace-dashboard-edit .dependent { margin-left: 2em; }

.post-actions	{
	background-color: #ffedda;
	margin: 0 -28px 15px -13px;
	padding: 1em 2em;
	width: 645px;
}

.post-actions label { font-weight: normal; }

.post-actions legend { font-weight: bold; }

.post-actions p { clear: both; }

.post-actions .checkbox input { margin-right: 4px; }

.post-actions .checkradio .radio input { margin-top: 0; }

.request-page #secondary #map_view { border: 7px solid white; height: 148px; width: 205px; }

#marketplace-dashboard-edit ol.post-options { margin-left: 2em; }

#marketplace-dashboard-edit .checkbox input { margin-right: 4px; }

.no-js #marketplace-dashboard-edit .select-all { display: none; }

.post-options li{ clear: both; }

#UserEditMarketplaceEmailFollowupSuccessForm + * {
	display:none;
}

/*---------------------------------- Navigation --------------------*/
ul#nav, ul.nav, ul.action, ul.actions, ul.admin-functions, .admin-page #secondary ul { list-style-type: none; margin: 0; padding: 0; }
	ul.nav li a	{ display: block; }

#nav-wrap {
	position: absolute;
	top: 97px;
	left: 0;
	width: 100%;
	min-width: 960px;
	z-index: 1000;
}

	#nav-wrap #nav{ float: right; }
	#nav-admin { margin-right: 20px; }

		#nav a, #nav li, #nav span, #nav-admin a, #nav-admin li {
		color: #fff;
		display: block;
		float: left;
		padding: 0;
		text-decoration: none;
		width: auto;
	}

	#nav li { position: relative; }

	#nav li, #nav-admin li{
		background-image: -moz-linear-gradient(top, #4b301a, #35200f); /* FF3.6 */
		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #4b301a),color-stop(1, #35200f)); /* Saf4+, Chrome */
	}

		 #nav-admin li{ background-color: #4b301a; }
		 #nav-admin ul ul li { background-color: #fff; }

	#nav a, #nav span, #nav-admin a{
		background: transparent url('../img/css/nav-divider.png') right top no-repeat;
		color: #fff;
		font-size: 1.3em;
		height: 37px;
		line-height: 2em;
		padding: 2px 18px 0;
	}

		#nav a.login-link { color: #937d6f; }

	#nav .subnav {
		background: #00b4e7;
		border-bottom: 1px solid #008aaf;
		margin-left: 0;
		padding: .5em 1.75em 1.75em 1.75em;
		position: absolute;
		top: 39px;
		width: 185px;
		z-index: 9999;
		left: -999em;
	}

	
		#nav .subnav li	{ float: none; background: #00b4e7; }
		#nav .subnav a	{
			background: #00b4e7;
			border-bottom: 1px dashed #4fccfa;
			padding: 0;
			width: 100%;
		}

	#nav > li:hover,
	.home-page #nav .nav-home:hover,                  	
	.dashboard2-page #nav .nav-dashboard:hover,                  	
	.dashboard-page #nav .nav-dashboard:hover,                  	
	.messages-page #nav .nav-messages:hover, 
	.products-page #nav .nav-manage-products:hover, 
	.requests-page #nav .nav-product-requests:hover, 
	.resources-page #nav .nav-knowledgebase:hover,
	.browse-page #nav .nav-browse:hover,
	.blog #nav .nav-blog	{ background: #00b4e7; }
	
		#nav li:hover .subnav	{ left: 0; }

	#nav li:hover > a { background: #00b4e7 !important; color: #fff; }
	#nav li li a:hover {  color: #eee; }
	
	/*Active states*/	
	.home-page #nav .nav-home,                  	
	.dashboard2-page #nav .nav-dashboard,                  	
	.dashboard-page #nav .nav-dashboard,                  	
	.messages-page #nav .nav-messages, 
	.products-page #nav .nav-manage-products, 
	.requests-page #nav .nav-product-requests, 
	.resources-page #nav .nav-knowledgebase,
	.browse-page #nav .nav-browse,
	.member-directory-page #nav .nav-member-directory,
	.blog #nav .nav-blog { background-color: #100a05; }

	/*Active states mit hover - lovely selectors */
	#nav > li:first-child{
		background: transparent url('../img/css/nav-divider.png') left top no-repeat;
		padding-left: 1px;
	}

	#nav  li:hover,
	#nav li:first-child:hover{ background: none repeat scroll 0 0 #00b4e7 !important; }

	
	#nav-wrap .nav-messages .nav-msg-count {
		background-color: #DB3416;
		border: 2px solid #FFFFFF;
		color: #FFFFFF;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		-khtml-border-radius: 15px;
		border-radius: 15px;
		padding: 2px 8px;
		margin-left: 5px;
		margin-right: 3px;
	}

	#nav-wrap .nav-messages-with-count{ padding: 1px 9px 0 3px; }

	#footer .nav-admin{ display: block; padding-top: 10px; }

	#nav-admin { float: right; position: absolute; right: 0; top: -10px; }

	#nav-admin ul ul a{ color: #371E0A; }

		#nav-admin li { position: relative; }

		#nav-admin li:last-child a, #nav-admin li li a{ background-image: none; }

		#nav-admin li ul {
			background-color: #fff;
			border: 1px solid #ddd;
			position: absolute;
			top: 2.5em;
			right: 0;
			list-style-type: none;
			margin: 0;
			padding: 0;
			display: none;
			z-index: 51000;
		}

		#nav-admin li ul li{ display: block; float: none; width: 200px; }

		#nav-admin li li a{
			display: block;
			font-size: 1.1em;
			height: auto;
			line-height: 1;
			text-transform: none;
			padding: 6px 6px;
			width: 188px;
		}

		#nav-admin li a:hover{ background-color: #371e0a; color: #fff; }

		#nav-admin li:hover ul { display: block; }

	
/* some default styles for collections of 'buttons' */
ul.actions{ overflow: hidden; clear: left; }

	ul.actions li{
		float: left;
		margin: 3px 3px 3px 0;
		padding: 0;
		width: auto;
	}
	
	ul.actions li button, 
	a.action, 
	.confirm a,
	#colorbox .window a{
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		border: 1px solid #ccc;
		color: #009FDB;
		padding: 3px 8px;
		width: auto;
		text-decoration: none;
	}

		ul.actions li a
		{
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			border: 1px solid #CCC;
			color: #009FDB;
			padding: 3px 8px;
			width: auto;
			text-decoration: none;		
		}
	
	.ff2 ul.actions li a, 
	.ff2 ul.actions li button, 
	.ff2 a.action, 
	.ff2 .confirm a,
	#colorbox .window a{ -moz-border-radius: 0; }

	.actions a, ul.actions li button, a.action{
		background: transparent url('../img/css/famicons/add.png') 0 0 no-repeat;
		background: #fbfefd url('../img/css/bg-action-button.gif') left bottom repeat-x;
		display: block;
		float: left;
		margin-right: 4px;
		overflow: hidden;
	}

	ul.actions li button{ padding: 4px 8px; }
	.actions li.active, .actions li a:hover, a.action { color: #000; }
	a.action:hover{ color: #333 !important; }

	.widget ul.actions li 	{ border: none; font-size: .9em; }
	.widget ul.actions a	{ padding: 3px 6px; }
	.widget .action			{ font-size: .9em; }
	.widget .actions .action{ font-size: 100%; }

	.messages-page ul.actions a { float: none; }

	.confirm a,
	#colorbox .window a {
		float: left;
		font-size: 1.2em;
		height:auto;
		line-height:normal;
		margin-right: 15px;
		text-align: center;
		width: 6em;
	}
		.confirm p 	{ clear: both; width: 100%; }
		.confirm p a{
			background-color: transparent;
			border: 0;
			clear: both;
			display: inline;
			float: none;
			padding: 0;
			text-decoration: underline;
		}

	#secondary ul.actions { margin: 0 0 2em 0; }
	#secondary ul.actions li{ float: none; margin: .4em 0; width: 60%; }

 .edit-page #content fieldset {
	background-color: #FFF;
	border: 1px solid #ccc;
	clear: both;
	margin-bottom: 3em;
	padding: 0 1em 1em 1em;
}

	.products-page h1 {
		background: transparent;
		float: left;
		margin-right: 1em;
		margin-bottom: 0;
	}

	.add-product-landing h1 { padding-bottom: 0; }

	.products-page .lead { margin: 0; padding-right: 0; }

	.products-page #secondary .product-list .actions a{
		background-color: transparent;
		border: 0 none;
		height: 16px;
		padding: 0;
		width: 16px;
		text-indent: -9999em;
	}

	.add-products-page #secondary li ul.actions { margin: 0 4px 0 0; display: block; }

	.add-products-page #secondary .actions li{ float: left; margin: 0; padding: 0; width: 16px;}

	.add-products-page #secondary .actions .edit		{
	background-image: url('../img/css/famicons/cog_edit.png');
}

	.add-products-page #secondary .actions .delete		{
	background-image: url('../img/css/famicons/delete.png');
}

	.add-products-page #secondary .actions .add-fresh	{ background-image: url('../img/css/famicons/add.png'); }

	.add-products-page #form-product-attributes button { float: left; margin-right: .5em; }

	.product-list-wrap {
		border-top: 1px solid #ccc;
		margin-top: -3px;
		overflow: hidden;
		position: relative;
		z-index: 20;
	}

	.products-page .user-cancel { margin-top: 19px; }
	#cboxContent .user-cancel { margin-top: 0; }
	
	#primary > #learn-more,
	#content > #learn-more,
	#secondary > #learn-more,
	#primary > #learn-more-about,
	#primary > #learn-more-hot-sheet {
		position:absolute;
		left:-9999em;
	}
		#colorbox #learn-more,
		#colorbox #learn-more-about,
		#colorbox #learn-more-hot-sheet {padding:25px;}

/*----------------------------------- Tables -------------------------*/
td{ padding-left: 8px; }

th{
	background-color: #fff;
	border-right: 1px solid #666;
	color: #fff;
	font-size: 1.3em;
	padding: 2px;
	text-decoration: none;
}

.page-marketplace th { font-size: 1.1em; }

	th span{
		background: #e6e6e6 url('../img/css/bg-header-widget-gray.gif') 0 100% repeat-x;
		color: #333;
		display: block;
		padding: 4px 8px;
		position: relative;
	}
	
	th span a, th span a:visited{ color: #fff; text-decoration: none; }
	th a, th a:visited { color: #fff; }
	th.header{ cursor: pointer; }

thead	{ border: 1px solid #ccc; }

tr.altrow td, .altrow 	{ background-color: #f4f4f4; }

th span span { padding: 0; }

th.header a, .page-marketplace thead a{ padding-right: 5px; }

thead th span.sorter {
	background: transparent url('../img/css/arrow_down.png') 5px 5px no-repeat;
	display: block;
	position: absolute;
	right: 2px;
	top: .4em;
	height: 16px;
	padding: 0;
	width: 16px;
	opacity: 0.3;
	-moz-opacity: 0.3;
	filter: alpha(opacity=30);
}

th.headerSortUp span.sorter, th.headerSortDown span.sorter {
	background: transparent url('../img/css/arrow_up.png') 5px 5px no-repeat;
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

	th.headerSortDown span.sorter {
		background: transparent url('../img/css/arrow_down.png') 5px 5px no-repeat;
		filter: alpha(opacity=100);
	}

	
.widget table{ width: 98%; }

	.widget th{
		border: medium none;
		color: #666666;
		font-size: 1em;
		padding-left: 0.5em;
		text-align: left;
	}

	.widget thead{ border: none; }

	.widget td { border-width: 1px 0; }

table.my-marketplace { margin: 20px 0 0; width: 900px; }

	.marketplace{
		clear: both;
		background: #fff;
		margin: 1em;
		position: relative;
		table-layout: fixed;
		width: 675px;
		z-index: 99;
	}

	.marketplace tr.toggle { height: 60px; }

		.ie7 .marketplace tr.toggle { height: 40px; }
	
	table.marketplace thead { border: none; }

	
	table.marketplace th {
		border: none;
		font-size: 1.1em;
		font-weight: normal;
		text-align: left;
		padding: 0;
	}

		table.marketplace th a { color: #333; }

	table.marketplace td{
		border-bottom: none;
		border-left: none;
		border-right: none;
		padding: .75em;
		margin: 1em;
		word-wrap: break-word;
	}

		table.marketplace-dashboard td.see-all{ padding: 0; }
			td.see-all a {
				display:block;
				width:200px;
			}
	table.marketplace td strong:hover { cursor: pointer; }

	table.marketplace .full-text td { border-top-width: 0; border-bottom-width: 0px; }

	table.marketplace .preview {
		cursor: pointer;
		float: left;
		height: 19px;
		width: 13px;
	}

	table.marketplace-dashboard thead,
	table.marketplace-dashboard th	{ border-width: 0; }

	table.marketplace-dashboard th span {
		background: none repeat scroll 0 0 #FFFFFF;
		color: #4F3424;
		font-size: 1.225em;
		padding: 0;
	}

	table.marketplace-dashboard tr td:first-child { padding-right: 1em; }

		.marketplace-dashboard .tab-settings a.help {
			float: right;
			height: 22px;
			left: 4em;
			margin-top: -2.3em;
			text-indent: -999em;
			width: 32px;
		}

	
	table.marketplace-dashboard tfoot span { position: relative; top: 0.5em; }

	table.marketplace a { text-decoration: none; }
		table.marketplace .tertiary-action {
			margin:0 0 0 15px;
		}
	.toggle .title a, .title strong {
		color: #333;
		display: block;
		font-size: 0.9em;
		font-weight: bold;
		margin-left: 13px;
		padding: 0;
	}

	table.marketplace a.primary-action {
		float: right;
		height: 30px;
		line-height: 30px;
		padding: 0 10px;
	}
	table.marketplace .advertisement li { overflow: visible; }

	table.marketplace .advertisement li img{ position: relative; left: 12px; }

	.po td, .po th { border: 1px solid #ccc; }
	.po th{ text-align: left; font-size: 1.1em; color: #444; }
	.po tfoot th { text-align: right; }
	
/* 
	For login box
------------------------------------------------- */
#login-wrap {
	background-color: #fafafa;
	color: #636363;
	font-size: .9em;
	position: relative;
	right: 12em;
	text-align: left;
	top: 1.5em;
	width: 240px;
	z-index: 500;
}

	.js-on #login-wrap{ position: absolute; }

	#login-wrap #form-login/*, #login-wrap #form-sign-in*/ { z-index: 501; }

	
	#login-wrap fieldset{ border: 5px solid #00B2E5; padding: 10px; }

	#login-wrap input { padding: 3px 1px; width: 98%; }

	#login-wrap a.button, #login-wrap button,
	#login-box a.button, #login-box button { float: left; font-weight: normal; margin: 0 6px 0 0; }

	h3.success {
	background-color: #7AAB42;
	border: 5px solid #fff;
	color: #fff;
	padding: 10px;
}

/* 
	Home Page
------------------------------------------------- */
.home-page h1{
	background-image: none;
	float: left;
	padding-top: 20px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	left: -9999em;
	position: absolute;
	text-indent: -9999em;
	width: 550px;	
}

	.home-page #primary{ 
		border: none; 
		float; left;
		width: 100%; 
	}
	.home-page #tab-wrap{
		background: transparent url('../img/css/bg-home-spinner-banner.jpg') left bottom no-repeat;
		overflow: hidden;
		padding: 13px 3px 19px 13px;
		position: relative;
		width: 928px;
	}

	.home-page .tab {
		background: transparent url(../img/css/bg-home-banner-inner.gif) left bottom repeat-x;
		margin: 0;
		min-height: 316px;
		overflow: hidden;
		padding: 5px 11px 0;
		width: 901px;
	}

		.home-page .tab img { display: block; float: right; margin: 0; padding: 0; }
		.home-page .tab .content {
			float: left;
			margin-left: 32px;
			padding-bottom: 40px;
			width: 360px;
			font-size: 1.07em;
		}

		.home-page .tab .content ul { margin-left: 1em; }
		
		.home-page .tab .learn-more {
			background-image: none;
			color: #4f3424;
			font-size: 1.38em;
			padding-top: 0.5em;
		}

		.home-page .tab .nav-tabbed li { background-position: left top; bottom: 0; }

		.home-page .tab .nav-tabbed a {
			background-position: right top;
			color: #00b1e5;
			font-size: 1.38em;
		}

			.home-page .tab .active a { color: #333; }

		.home-page .tab h2{ color: #422915; font-size: 2.13em; line-height: 1.1; }

		.home-page .tab h3 { color: #422915; font-size: 1.07em; font-weight: bold; }

		.home-page .learn-more-wrap { overflow: hidden; width: 999em; }

		.home-page .close-learn-more {
			background: url("../img/css/fh-sprite.png") no-repeat scroll 0 -412px transparent;
			display: none;
			float: right;
			height: 24px;
			text-indent: -999em;
			width: 24px;
		}

		.js-on .home-page .close-learn-more {
			display: block;
			left: -3px;
			position: relative;
			top: 5px;
		}

		
		.js-on .home-page .learn-more-container {
			background-color: #fff;
			border-bottom: 1px solid #c5bcb7;
			float: left;
			font-size: 1.075em;
			overflow: hidden;
			width: 922px;
		}

			.showed { border-top: 1px solid #c5bcb7; margin-top: -1px; }

			.home-page .learn-more-container .section {
				border-right: 1px solid #ccc;
				float: left;
				margin: 38px 14px 20px;
				padding: 0 12px 0 0;
				width: 556px;
			}

				.learn-more-container h3, .how-it-works h3 { margin-bottom: .5em; }

			.home-page .section.how-it-works {
				margin-top: 1em;
				padding: 0;
				width: 285px;
				border: none;
			}

			.learn-more-container h3 { color: #4f3424; font-size: 1.25em; }

			.learn-more-container .highlight-image {
				float: left;
				margin-right: 1em;
				border: 5px solid #bfb9a1;
			}

			.learn-more-container ul { position: relative; left: 1em; padding-right: 1em; }

			#how-it-works { list-style: none; margin: 0; left: 0; }

			#how-it-works a { text-decoration: none; }

			#how-it-works li {
				background-image: url('../img/css/icons-join-foohub-sprite.png');
				background-repeat: no-repeat;
				padding-left: 24px;
				margin-bottom: .5em;
			}

			#how-it-works .quick-tour { background-position: 0 -1px; }
			#how-it-works .video { background-position: 0 -41px; }
			#how-it-works .story { background-position: 0 -82px; }
			#how-it-works .testimonial { background-position: 0 -123px; }

	.video-js-box { margin: 0 0 1em 0; }

		.profile-page .video-view { text-align: center; }
		.profile-page .video-container { overflow: hidden; }

	.home-page .tab .video-js-box { margin-top: 0; }
	.home-page .join-as-buyer { text-transform: uppercase; width: 156px; margin-top:15px; }
	.home-page .join-as-seller { text-transform: uppercase; width: 170px; margin-top:15px; }
	.home-page .join-as-distributor { text-transform: uppercase; width: 215px; margin-top:15px; }
	.home-page .join-as-associate{ text-transform: uppercase; width: 200px; margin-top:15px; }



		a.join-now:hover{ background-position: bottom left; }
		.home-page .content .join-now { margin-top: 1em; }

	.home-page button.join {
		float: left;
		height:30px;
		line-height:20px;
		margin:0 0 0 4px;
		padding:0 10px;
		width: 55px;
	}
	
	.lower{
		border-bottom: 1px solid #c5bcb7;
		margin: 0 auto 2em auto;
		overflow: hidden;
		width: 948px;
	}

	.lower .section { width: 436px; }

	.lower .section h2 { margin-bottom: 16px; }

	.lower.two-col {
		background: transparent url('../img/css/divider-sections-two.gif') left bottom no-repeat;
		border: none;
	}

		.lower  .items {
			list-style: none;
			margin: 0;
			padding: 0;
			overflow: hidden;
			font-size: 1.075em;
		}

		.lower p.footer {
			clear: both;
			font-size: 1.07em;
			line-height: 1.5;
			padding-top: 1em;
		}

		.lower p.footer a { text-decoration: none; }

		.home-page .section{ float: left; padding: 18px 25px; }

		#section-stats				{ padding-left: 0; }

			#section-stats img 	{ float: left; }

			#section-stats .content{ float: left; margin-left: 16px; width: 169px; }

			.stats-dl dd {
				color: #df9248;
				width: 2em;
				font-size: 2.5em;
				text-align: right;
				float: left;
				clear: left;
				margin-right: .2em;
			}

			.stats-dl dt{
				font-size: 1.1em;
				font-weight: bold;
				clear: right;
				line-height: 4em;
			}

			.stats-dl a { text-decoration: none; }

			.stats-header { overflow: hidden; }

			.stats-header dd { width: 3em; font-size: 3.2em; }

			.stats-header dt	{
				color: #333;
				font-size: 1.225em;
				font-weight: bold;
				line-height: 1em;
				padding-top: 1.75em;
			}

			#section-connect		{ padding-left: 21px; }
				#section-connect h3	{ font-weight: bold; font-size: 1.14em; }

				#section-connect ul { line-height: 1.5; }
					#section-connect li { overflow: hidden; margin-bottom: 1.2em; }
					#section-connect a { text-decoration: none; }

					#section-connect .image-wrap { float: left; width: 160px; }

					#section-connect .content-wrap { float: right; width: 264px; }

					#section-connect .image-wrap img { display: block; }

					#section-connect .caption { display: block; margin-top: .25em; text-align: center; }

			#section-awards { padding-left: 0; }
			#section-awards li { float: left; margin-left: 2em; }

				#section-awards li:first-child { margin-left: 0; }

				.join { margin-top: 2em; }
					.join p{ color: #638a36; font-weight: bold; }
					
			#section-testimonials blockquote { font-weight: bold; color: #506e47; }

			#section-testimonials p { margin-top: .3em; }

	#ways-to-join { border-bottom: none; }
	#ways-to-join .items p { min-height: 140px; }
	#ways-to-join h2 { font-size: 1.825em; }

	#ways-to-join .member-type {
		background-image: url('../img/css/profile-type-icons.png');
		background-repeat: no-repeat;
		border: none;
		color: #4F3424;
		height: 24px;
		margin-bottom: .75em;
		padding: 0 0 0 30px;
		white-space: nowrap;
		min-width: 17em;
	}

		#ways-to-join .fast-start { background-position: 0 -41px; padding-left: 20px; }

		#ways-to-join .all-access { background-position: 0 2px; }

			#ways-to-join .all-access span { color: #636363; font-weight: bold; font-size: .8em; }

		#ways-to-join .advantage { background-position: 0 -20px; }

	#ways-to-join li { float: left; width: 28%; margin-left: 3em; }

		#ways-to-join li:first-child { margin-left: 0; }

	#ways-to-join select { float: left; margin-right: .25em; margin-bottom: 0; }

	.home-page div.join p a { color: #DF9248; }
	
	#primary > #img-marketplace,
	#primary > #img-profile,
	#primary > #img-fresh-sheet {
		display:none;
	}
	
/*Lightbox quick tours*/
.jqmWindow.quicktour-container{
	border: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	margin-left: -445px;
	padding: 0;
	top: 35px;
	width: 920px;
}

	.quicktour-container .close-ajax { display: inline; }

	.tour-wrap { overflow-y: scroll; overflow-x: hidden; padding: 15px; }

.tour-wrap h1 {
	border-bottom: 1px solid #CCCCCC;
	display: block;
	float: none;
	margin: 0 0 1em;
	padding: 0 0 0.2em;
	text-align: center;
	width: 100%;
}

.quicktour-content { font-size: 1.075em; }

.quicktour-content h2 { margin-bottom: 1em; }

	.quicktour-content .account-selection { position: relative; }

	.quicktour-content img.account-selection { top: -43px; }

.quicktour-content blockquote { color: #506e47; font-size: 1.4em; font-weight: bold; }

.quicktour-content .cite { font-style: italic; margin: .5em 0 1.5em; }

.quicktour-content .call-to-action { color: #4f3424; font-size: 1.25em; }

.quicktour-content .call-to-action a { color: #0393c2; text-decoration: none; }

.footer-quicktour {
	border-top: 1px solid #CCCCCC;
	float: left;
	padding-top: 2em;
	width: 100%;
}

.quicktour-progress {
	float: right;
	margin-top: 5px;
	overflow: hidden;
	width: 209px;
}

.quicktour-progress a {
	background: transparent url('/_resources/img/css/icons-quicktour.png') 0 -215px no-repeat;
	display: block;
	float: left;
	height: 20px;
	padding-left: 8px;
	text-indent: -9999em;
	width: 10px;
}

	.quicktour-progress a.active { background-position: 0 -188px; cursor: auto; }

.quicktour-progress a.prev,
.quicktour-progress a.next { height: 30px; width: 32px; padding-top: 0; }

.quicktour-progress a.prev { background-position: 0 -100px; }

	.quicktour-progress a.prev.disabled { background-position: 0 -4px; cursor: auto; }

.quicktour-progress a.next { background-position: 0 -142px; }

	.quicktour-progress a.next.disabled { background-position: 0 -49px; cursor: auto; }

/* 
	Dashboard
------------------------------------------------- */
		
	.profile-views {
		background: transparent url('../img/css/bg-profile-views.png') 0 0 no-repeat;
		height: 89px;
		position: relative;
		margin: 1em 0 0 0;
		line-height: 1;
		z-index: 10;
		font-size: 1.1em;
	}

	
	.profile-views .views-badge	{
		color: #b0d28a;
		float: left;
		padding: .25em .35em;
		text-align: center;
		font-weight: bold;
		text-transform: uppercase;
		width: 74px;
	}

	.profile-views .times-viewed { color: #fff; font-size: 3.15em; }

	.profile-views p 			{
		float: left;
		margin-left: .75em;
		width: 125px;
		line-height: 1.25;
	}
		/* too few. hide it for now. */
		.profile-views-under-threshold .profile-views{
			background-image: none;
			height:1px;
		}
		.profile-views-under-threshold .profile-views p, .profile-views-under-threshold  .views-badge,
		.profile-views-under-threshold  .times-viewed {display: none;}
		#secondary .profile-views-under-threshold #percent-complete{
			margin-bottom: 1em;
			padding: 0 .5em;
			top: 0;
		}
		.profile-views-under-threshold #percent-complete h3 {
			border:none;
		}
	#secondary #percent-complete { width: 188px; }
	
	#percent-complete {
		position: relative;
		z-index: 1;
		padding: 89px .5em .5em .5em;
		font-size: 1.1em;
		top: -104px;
		margin-left: 10px;
	}

	#percent-complete h3	{
		clear: left;
		color: #636363;
		border-top: 1px solid #eaeaea;
		font-size: .98em;
		padding: 1em 0 0 0;
	}

	#percent-complete p 	{ margin-top: 4px; padding: 0; }

	#completed-bar{
		background-color: #ccc;
		display: block;
		margin: 1em 0;
		width: 100%;
	}

	#completed-bar span{
		background: #6D9A3B url(../img/css/bg-blue-gradient.png) left bottom repeat-x;
		color: #fff;
		display: block;
		margin-right: 8px;
		font-size: .8em;
		padding: 3px 0;
		text-align: right;
		text-indent: -1em;
		width: 1%;
	}

		/*Completions <15% are too narrow to display the numbers. We need to hide the number.*/
			#completed-bar .complete-bar-5,
			#completed-bar .complete-bar-10,
			#completed-bar .complete-bar-15 { text-indent: -9999em; text-align: left; }

	#primary #dashboard .widget li:last-child { border: none; }

	.dashboard2-page #primary 				{ float: left; margin-left: 218px; width: 480px; }

	.dashboard2-page #primary .wide 		{ width: 459px; }

	.dashboard2-page .ui-widget-content a 	{ color: #222244; }

		.dashboard2-page .tab-settings 		{ width: 8em; }

	.dashboard2-page #secondary { float: left; margin-left: -768px; width: 220px; }

		.dashboard2-page #secondary .callout{ margin-left: 10px; }

		.dashboard2-page #percent-complete 	{ margin-bottom: -80px; }

	.dashboard2-page #tertiary { float: left; width: 220px; font-size: 1.075em; }

	.dashboard2-page  a { text-decoration: none; }

	.dashboard2-page h1 { float: left; width: 100%; }

	.dashboard2-page .marketplace-container {
		background-color: #fff;
		overflow: hidden;
		clear: both;
		padding: 1em;
		border: 1px solid #ccc;
		margin: 2px 0 0 -1px;
		position: relative;
		z-index: 20;
	}

		.ie7 .dashboard2-page .marketplace-container{ margin: 5px 0 0 -1px; }

		.marketplace-container h3 { margin-top: 35px; }

	.dashboard2-page #questions {
		padding-top: 25px;
		background: transparent url('../img/css/divider-narrow-fade.png') right top no-repeat;
		font-size: 1.075em; 
		margin-left: 10px;	
	}

	.dashboard2-page #connections .advertise-title { padding-right: 15px; text-transform: lowercase; }

	.dashboard2-page #questions div{ width: 105px; float: left; margin-bottom: 1em; }

	.dashboard2-page .questions-footer {
		margin: 1em 0 1em 10px;
		font-size: 1.075em;
		clear: both;
	}

	.dashboard2-page #questions img,
	.dashboard2-page #questions span { display: block; clear: both; float: none; }
	.dashboard2-page #questions a { text-decoration: none; }

	.dashboard2-page .callout {
		background: url("../img/css/divider-narrow-fade.png") no-repeat scroll right top transparent;
		padding: 10px 0 30px 0;
		float: none;
		width: 100%;
	}
		.dashboard2-page .callout:first-child{	background-image: none; } /* if it's the first box due to 0 member spotlights, no divider image */
		.dashboard2-page .member-spotlight {margin-bottom: 2em;}
	.dashboard2-page .vcard { clear: both; font-size: 1.075em; margin-left: 10px; }

	.dashboard2-page .vcard p { margin-bottom: 0; }

	.dashboard2-page .list { margin-bottom: 1em; }

	.dashboard2-page .list table { width: 100%; }

	.dashboard2-page .list table,
	.dashboard2-page .list tbody,
	.dashboard2-page .list thead,
	.dashboard2-page .list tfoot,
	.dashboard2-page .list tr,
	.dashboard2-page .list th { color: #4F3424; margin: 0px; }

	.dashboard2-page .list th {
		vertical-align: bottom;
		font-weight: normal;
		font-size: 1.125em;
		padding-bottom: 15px;
	}

	.dashboard2-page p.postmetadata { margin-bottom: 1em; }

	.dashboard2-page .list td { border: none; font-size: 1.125em; padding: 10px 0; }

		.dashboard2-page td span { display: block; width: 90px; }

	.dashboard2-page .list .toggle td { border-top: 1px solid #DBD4C6; }

		.dashboard2-page .list tbody tr.open { border-top: none; }

	.dashboard2-page .list a { text-decoration: none; }

	.dashboard2-page ul.actions-add{ margin-left: 0em; }

	.dashboard2-page .actions-add li { margin: 0; padding: 0px; list-style-type: none; }

	#new-recommendation { margin: 0 0 2em 10px; width: 196px; } 
	#new-recommendation ul { margin-bottom: 1em; }

	.dashboard2-page .blog{
		margin-top: 3em;
	}
		.dashboard2-page .blog h2 {
		    line-height: 1.2;
			margin-top: 1em;
		}
	
	
/* 
	..Resources..
------------------------------------------------- */	
.resources-page h1 { margin: 16px 0 16px 21px; }

.resources-page #primary .col {
	background-color: transparent;
	float: left;
	min-height: 2em;
	margin-right: 20px;
	padding: 0;
	width: 220px;
}

.resources-page #primary .wide { margin: 0; width: 699px; }

.campaign-primary {
	float: left; /* wrap floats without clipping overflow */
	margin: 0 0 22px 0;
}

	.main { float: left; margin: 0 24px 1em 0; width: 518px; }

	.callout { float: left; width: 188px; }
		.callout img { border: 5px solid #fff; margin: 0 0 12px 0; }

	.resources-page .callout { width: 154px; }
	.results-page #primary .advertising{
		clear: both;
	}
	.advertise-title {
		color: #777;
		font-size: 11px;
		font-weight: normal;
		margin: 0 0 5px;
		text-align: right;
		text-transform: lowercase;
	}

		.advertise-title.wide { position: relative; left: 98px; }

		.advertise-title.wide-right { float: right; position: relative; left: -74px; }

	.advertisements { clear: both; margin: 0; padding: 0; }

	.messages-page ol.advertisements { float: left; margin: 0 0 0 192px; width: 676px; }

		.advertisements li {
			list-style: none outside none;
			margin: 0 0 18px;
			overflow: hidden;
			text-align: right;
		}

			.advertisements li img { display: block; float: right; }

.cols {
	background: transparent url(../img/css/divider-fade-vertical.png) center top no-repeat;
	clear: both;
	margin: 22px 0;
	min-height: 275px;
	overflow: hidden;
}

.feedback {
	background: transparent url(../img/css/divider-fade-center.png) center top no-repeat;
	margin: 0;
	min-height: 100px;
	padding: 24px 0 0 0;
}

.campaign-secondary, 
.resources-page #primary .feedback .col { float: left; width: 47%; }
.resources-page #primary .feedback .col { margin-right: 0; }

	.campaign-secondary:first-child,
	.resources-page #primary .feedback .col:first-child { margin-right: 5.8%; }

.feedback label { display: none; }
.feedback textarea { height: 120px; margin: 6px 0; width: 98%; }
.feedback button { float: right; margin-right: 4px; }

.rating label { padding: 3px 1px; }

.categories ul.toggle { margin-top: .5em; }

.toggle-categories { border: 1px solid #d7d7d7; }
.toggle-categories h3 {
	background: #e4decf url(../img/css/bg-sub-toggle.png) left bottom repeat-x;
	color: #4f3424;
	font-size: 1.375em;
	margin: 2px 0 0 0;
	padding: 4px 6px;
}

	.toggle-categories .indicator {
		background: transparent url(../img/css/icon-arrows-toggle.png) 3px center no-repeat;
		display: block;
		float: left;
		height: 1.5em;
		width: 16px;
	}

	.toggle-categories .open .indicator { background-position: -1814px center; }

.js-on .toggle-categories h3 { cursor: pointer; }

	.toggle-categories h3:first-child { margin-top: 0; }

	.toggle-categories h3.open {
		background: #50341e url(../img/css/bg-sub-toggle-open.png) left bottom repeat-x;
		color: #fff;
	}

ul.toggle { list-style: none; margin: 1em 0; }

	.toggle-categories ul.toggle { margin: 0; }

	.toggle li { overflow: hidden; }

	.wide .toggle li {
		border-bottom: 1px solid #cac4b8;
		margin-bottom: .35em;
		padding: 3px 0 6px 0;
	}

		.toggle .preview {
			background: transparent url(../img/css/icon-arrows-toggle.png) 3px 3px no-repeat;
			overflow: hidden;
			padding: 0;
		}

		.toggle .open .preview { background-position: -902px 3px; }

			.toggle .preview h5 { cursor: pointer; padding-left: 16px; }

			.toggle .rating-text	{ display: block; }

			
		tr.full-text { display: none; }

			tr.full-text.open{ padding: 0 135px 20px 30px; }

		
		.wide .toggle h5 { float: left; width: 50%; }

		.wide .toggle .rating { margin: 0px 0 0 0; }

.toggle-content h4 {
	background: #fff;
	border-bottom: 1px solid #CAC4B8;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
	padding: 0.3em 26px;
	text-indent: -16px;
}

.toggle-content .toggle li {
	margin: 0;
	padding-left: 26px;
	padding-right: 26px;
	padding-top: 6px;
}

.toggle-content { background: #fff; }

div.rating { float: right; width: 130px; }

div.rating div.rating { float: none; }

.rating { text-align: right; }

.resource-video { overflow: hidden; width: 100%; }

.video-trigger {
	border: 4px solid #fff;
	display: block;
	float: left;
	margin: 0 14px 14px 0;
}

	.video-trigger img { display: block; }

.share { overflow: hidden; padding: 6px 0 12px 0; }

	.share span { float: left; margin-right: 0px; }

	
/* 
	..Message Center..
------------------------------------------------- */
.message-list { width: 100%; float: left; }

	.message-list td 				{ padding: 6px 8px; }

	.message-list tbody tr:hover td { background-color: #ccc; cursor: pointer; }

	.message-list tfoot td 			{ background-color: #BBC4C1; border: none; }

	.message-list tfoot p 			{ float: right; margin: 0 10px 0 0; padding: 6px 0 0 0; }

	.message-list tfoot .actions 	{ float: right; padding-top: 2px; }

	.message-list th 				{ text-align: left; }

		.message-list th a { color: #999 !important; }

	.message-list th.check 			{ width: 30px; }

	#messages-form .bottom	{
		/* bottom buttons */
		float: left;
		font-size: 0.9em;
		margin-top: -2.7em;
		width: 50%;
	}

	#messages-form .bottom li{ overflow: visible; }

	.ie7 #messages-form .bottom button{ padding: 2px; }

	.message-list th.check span { text-indent: -999em; width: auto; }

	.ie6 .message-list th.check span		{ zoom: 1; display: block; position: relative; }

	.ie7 .message-list th.check	{ width: 35px; }

	.message-list label { position: absolute; left: -9999em; }

	.message-list input { margin: 0 auto; padding: 0; width: 10px; }

	tr.height-hack{ height: 190px; }

	.message-list tr.height-hack:hover td{ background-color: #fff !important; cursor: default; }

	#messages .message-list .message-select input { border: none; width: 13px; }

	.message-navigation {
		clear: left;
		float: left;
		margin-top: 3em;
		margin-right: 14px;
		width: 100px;
	}

		.message-navigation .actions li{
			display: block;
			float: none;
			padding-right: 15px;
			width: 100%;
		}

		.message-navigation .actions a{
			background: transparent none;
			border-width: 0 0 1px 0;
			font-size: 1em;
			line-height: 1.4;
			padding-left: 6%;
			width: 90%;
		}

		.Inbox-page .msg-inbox, 
		.Sent-page .msg-sent, 
		.Drafts-page .msg-drafts{ color: #000; }
	
	div.compose, div.contact-list, div#message {
		background-color: #eee;
		border: 1px solid #999;
		clear: both;
		height: 95.35%;
		left: 0;
		overflow: hidden;
		padding: 1em;
		position: relative;
		top: 0;
		width: 95%;
	}

	div.contact-list div.contact-list {
		border: 0;
		/* ajax loads the div.contact-list inside another div.contact-list . */
		width: 100%;
	}

	
	.messages-index-page div.compose, 
	.messages-index-page div.contact-list, 
	.messages-index-page div#message{ position: absolute; width: 97%; }

	.messages-index-page .main { margin: 0; }

		div.compose legend { font-size: 1.5em; padding-bottom: 1em; }

		div.compose textarea { height: 200px; }
		
		/* for ajaxy compose */
		.main div.compose	{ height: 34.45em; z-index: 60; }

		#MessageComposeForm { position: relative; }

		#message dl{ font-size: 1.2em; }

		#message dt {
			clear: left;
			float: left;
			font-weight: bold;
			margin-right: .3em;
			text-align: right;
			width: 6em;
		}

		#message dd { margin-left: 6em; }

		#message .message-content{
			clear: both;
			background-color: #fff;
			border-left: 1px solid #ccc;
			border-right: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
			border-top: 1px solid #333;
			margin: 1em 0 0 0;
			overflow: auto;
			padding: 1% 2%;
			width: 95%;
		}

		#message .actions{ float: right; width: 50%; }

		#message .actions li{
			/*reply, archive, delete*/
			float: right;
			margin-right: 10px;
			text-align: center;
			width: 6em;
		}

	div#contact-list { background-color: #eee; z-index: 90; }

		.contact-list .contacts-wrap{ height: 92%; overflow: auto; width: 97%; }

		div.contact-list ul { list-style-type: none; margin: 0; padding: 0; }
	
		div.contact-list li{ position: relative; }

			div.contact-list .contact-actions { position: absolute; bottom: 3px; right: -2px; }

		.contact-list li.contact {
			background-color: #fff;
			border: 1px solid #ccc;
			float: left;
			height: 7em;
			margin: 0 1% 1% 0;
			padding: 1%;
			width: 30%;
		}

		.ie7 .contact-list li.contact { width: 29%; }

		li.contact .name{ font-size: 1.3em; }

		li.contact .image{ float: left; margin: 0 5px 5px 0; }

		div.contact-list .actions {
			clear: none;
			display: block;
			float: left;
			overflow: visible;
		}

		div.contact-list .actions li{ border: none; font-size: 90%; padding: 0; }

	#messages{
		clear: both;
		overflow: hidden;
		position: relative;
		min-height: 410px; /* the new and contact list windows are set to a height of this window so we have to make room. */
	}

	#messages .main{
		background-color: #BBC4C1;
		float: left;
		margin-bottom: 2em;
		min-height: 250px;
		padding: 4px;
		position: relative;
		width: 811px;
	}

	.control-panel {
		margin: 0 0 .5em 114px;
		overflow: hidden;
		position: relative;
	}

	.control-panel ul.actions{ overflow: visible; }

	.compose-toggle		{ position: relative; }

.compose a.action {
	background-color: #ccc;
	background-position: 2px center;
	color: #333;
	float: left;
	margin-left: 10px;
	text-align: center;
	text-indent: 0;
	width: 60px;
}

	.message-to-wrap a.action	{ width: 5.5em; }

/* contact list toggle*/
	.compose a.action:hover	{ background-color: #fff; }

	.compose button				{ float: left; }

	.compose #send-btn			{ position: absolute; top: 3.4em; left: 0; }
	.compose #send-btn span		{ padding: 9px 11px; }
		
	.compose .actions			{ clear: none; float: left; /* save + cancel*/ margin: 0; }
	.compose .actions li		{ margin-top: 0; }

	.compose button span		{ padding: 3px 21px; }

	.compose label				{
		font-weight: bold;
		float: left;
		text-align: right;
		width: 20%;
	}

	.compose input, #messages textarea{ float: left; width: 88%; }
	
	.compose .message-to-wrap input		{ width: 60%; }

	.compose .rte-wrap label			{ position: absolute; left: -999em; }

	.compose .rte-standalone { margin: 0 0 1em 0; }

	/* ajaxy compose */
	#messages #compose input { width: 55%; }

	#messages #compose label { width: 20%; }

/* generic block.  mostly on the dashboard and sidebars*/
.widget {
	background: #FFFFFF url('../img/css/widget-bg.png') left bottom repeat-x;
	border: 9px solid #FFFFFF;
	clear: both;
	margin: 0 0 1em 0;
	overflow: hidden;
	padding: 3px 3px 14px 3px;
	position: relative;
}

	
	* html .widget { zoom: 1; }

 	#secondary .widget { padding-bottom: 3px; }

	.widget h2{
		background: #689136 url('../img/css/bg-header-widget-green.gif') 0 0 repeat-x;
		color: #fff;
		font-size: 1.3em;
		margin: 0 0 .5em 0;
		padding: 6px 8px;
	}
	.widget input#keep-logged-in {
		width:15px;
	}
	.widget ul{ list-style-type: none; margin: 0; }
	.widget ul, .widget form, .widget p, .widget h3 { padding: 0 4px; } /*0 8px*/
	.widget ul.actions 	{ margin-top: 1em; }

	.widget a			{ text-decoration: none; }
	.widget h3			{ color: #000; padding-top: .5em; }
	.widget li			{ padding: .3em 0; line-height: 1.2; }

	.widget #products h3		{ padding-top: 0; clear: both; }

	.widget #products div 		{ overflow: hidden; padding-bottom: 1em; }

	/* resources-page widget to accomodate divider line without negative margins */
	.full { padding: 0; }

	.widget-selection h4 { font-size: 1.07em; padding: .3em 10px 0 10px; }

	.full ul { margin: 0 0 8px 0; padding: 0; }

	.widget-selection ul { font-size: 1.225em; line-height: 1.1; }
		.widget-selection li { padding: .3em 10px; }

		.widget-selection li.divide {
			border-top: 1px solid #e9e9e9;
			margin-top: .5em;
			padding-top: .7em;
		}

	div#whats-fresh h4 {
		color: #638A36;
		font-size: 1em;
		font-weight: bold;
		margin-bottom: 0;
		padding: 0 4px;
	}
		#whats-fresh ul { margin-bottom: 1em;}
		#whats-fresh li { padding: 0;}
		#whats-fresh  a.help {
			background-image: url("../img/css/search-icons.png");
			background-position: -2px -94px;
			background-repeat: no-repeat;
			display: block;
			height: 22px;
			position: absolute;
			right: 8px;
			text-indent: -9999em;
			top: 8px;
			width: 23px;
		}
		
		#whats-fresh  a.help:hover { background-position: -2px -121px; }

/* PRODUCT MANAGEMENT */
	.product-list-wrap h2 { color: #333; }

	.js-on .product-list-wrap h2{ display: none; }

	.products-page .products-nav { margin: 0 0 0 1px; }

	.products-page .product-list,
	.products-page .list-footer,
	.products-page .no-products{
		background-color: #fff;
		border: 1px solid #ccc;
		border-top-width: 0;
		border-bottom-width: 0;
		list-style-type: none;
		margin: 0;
		padding: 0;
		clear: left;
	}

	.products-page ul { margin: 0; }

	.products-page .list-footer {
		background: #f2f2f2 url(../img/css/bg-list-footer.png) 0 0 repeat-x;
		border-left-width: 0;
		border-right-width: 0;
		border-bottom-width: 1px;
		padding: 12px 15px;
	}
		.products-page .list-footer .are-you-sure{
			line-height: 2; 
			padding: 3px;
			font-size: 1.4em;
		}
		.are-you-sure .sure-title{	
			-moz-animation-duration: 1.2s;  
			-moz-animation-name: alertFade; 
			-webkit-animation-duration: 1.6s;
			-webkit-animation-name:alertFade;
		}

			@-moz-keyframes alertFade {  
				from {  color: #cc0000; background-color: #FFFF99;}  
				to	 {  color: #3D3D3D; background-color: #F2F2F2; }  
			}  
			@-webkit-keyframes alertFade {  
				from {  color: #ff0000;background-color: #fff;}  
				to	 {  color: #3D3D3D;background-color: #F2F2F2; }  
			}  
		
		.are-you-sure a{
			background-color: rgba(255, 255, 255, 0.5);
		    -moz-border-radius: 4px;
		    -webkit-border-radius: 4px;
		    border-radius: 4px;
			border: 1px solid #ccc;
		    -moz-box-shadow: 		1px 1px 1px rgba(111, 111, 111, 0.1);
		    -webkit-box-shadow: 	1px 1px 1px rgba(111, 111, 111, 0.1);
		    box-shadow: 			1px 1px 1px rgba(111, 111, 111, 0.1);
		    
		    display: inline-block;
			margin-left: 4px;
		    padding: 1px 8px 0 8px;
		    text-decoration: none;
		}
		
		
	.products-page .no-products {
		color: #333;
		font-size: 1.075em;
		line-height: 1.5;
		padding: 12px 15px;
	}

	.products-page .product-list { margin-bottom: 2em; }

	.products-page .product-list h3 {
		background-color: #ebebeb;
		border-bottom: 1px solid #ccc;
		border-top-width: 0;
		margin-bottom: 0;
		padding: 12px 15px;
	}

	.products-page .product-list h3 span { font-weight: bold; }

			
	/*Not even kidding here*/
	*+html .product-list label { overflow: hidden; }
	*+html .product-list label input { float: left; }
	*+html .product-list label a{ float: right; margin-left: -540px; }

	.product-list ul { list-style: none; margin: 0 1em; }

	.products-page .product-list button { font-size: 1.2em; }

	.products-page .product-list li{
		border-bottom: 1px solid #ccc;
		display: block;
		list-style-type: none;
		margin: 0;
		overflow: hidden;
		padding: 12px 15px;
		position: relative;
	}

			.products-page .product-list li.edit-all { text-align: right; border-bottom-width: 0; }

			.products-page .product-list input		{ margin-right: 4px; }

			.products-page .product-list label a,
			.edit-all a { text-decoration: none; font-size: 1.075em; }

		.product-list a.organic {
			background: url("../img/css/icon-organic.png") no-repeat scroll right top transparent;
			padding-right: 2em;
		}

		.products-page .product-list .actions li{
			border-width: 0;
			margin-right: 7px;
			margin-top: 0.75em;
			padding: 0;
		}

		.products-page .actions li a{
			color: #222;
			font-size: 1em;
			padding: 1px 12px;
			text-indent: 0;
		}

		.products-page .actions li a.edit {
			text-indent: -9999px;
			overflow: hidden;
			background: url('../img/css/fh-sprite.png') 0px -370px no-repeat;
			width: 24px;
			height: 27px;
			display: block;
			border: none;
			padding: 0;
		}

			.products-page .actions li a.edit:hover { background-position: 0 -446px; }

		.products-page .actions li a.delete,
		.products-page .actions li a.deleteGeneric {
			text-indent: -9999px;
			overflow: hidden;
			background: url('../img/css/fh-sprite.png') 0px -411px no-repeat;
			width: 27px;
			height: 27px;
			display: block;
			border: none;
			padding: 0;
		}

			.products-page .actions li a.delete:hover,
			.products-page .actions li a.deleteGeneric:hover { background-position: 0 -480px; }

	.products-page #secondary .actions		{ margin-bottom: 0; display: none; }

	.js-on .products-page #secondary .actions{ display: block; }

	.products-page #secondary .actions li	{ width: 95%; }

	.products-page #secondary .actions li a {
		margin-bottom: 4px;
		width: 95%;
		padding: 4px;
		text-align: center;
	}

	.products-page .product-list .actions 	{ float: right; margin: 0; }

	.products-page #secondary .product-list	{ margin-bottom: 1em; border: 0; }

	.products-page #secondary .product-list li{
		border-bottom: 1px solid #ccc;
		font-size: 1em;
		list-style-type: none;
		padding: 5px 40px 2px 8px;
		position: relative;
		margin: 0;
		overflow: hidden;
	}

	.products-page #secondary .product-list .actions li{
		border-bottom: 0;
		margin-right: 3px;
		padding: 0;
		width: 16px;
	}

	#wrapper .product-list .actions	{
		margin-bottom: 0;
		margin-top: 0;
		padding: 0;
		position: absolute;
		right: -4px;
		top: 3px;
	}

		/* this one isn't really a button so we don't want the normal hover */
		.products-page #secondary .primary-action:hover span {
			background: #00A2E3 url(../img/css/bg-button.png) repeat-x left top;
			cursor: default;
		}

	#products-header .organic {
		color: #333;
		float: left;
		font-weight: bold;
		margin: 1em 0 -1em 235px;
		min-width: 11.75em;
	}

		#products-header .organic dt{
			background: transparent url(../img/css/fh-sprite.png) 0 -333px no-repeat;
			text-indent: -9999em;
			float: left;
			width: 32px;
			height: 32px;
		}

	.product-actions {
		background-color: #fff;
		clear: both;
		text-align: right;
		overflow: hidden;
		border: 1px solid #ccc;
		border-bottom-width: 0;
		border-top-width: 0;
		padding: 12px 15px;
	}
		
		.product-actions .add-category { float: right; }
		.products-page .actions-container {
			clear:both;
		}
		.add-category .primary-action,
		.products-page .lead .primary-action {
			height:27px;
			line-height:27px;
			margin-left:5px;
		}
			*+html .add-category .primary-action,
			*+html .products-page .lead .primary-action {
				line-height:16px !important;
				height:22px !important;
			}
			.add-category { overflow: hidden; padding:5px 0; }
			.add-category label,
			.add-category select,
			.add-category button { float: left; }
			.add-category label { margin-right: 1em; }

	.buy-actions { display: none; }

	
	.add-product-button-wrap {
		position: relative;
		float: left;
		z-index: 10;
		margin-bottom: 1em;
		width: 188px;
	}

		h3 a.add{
			/* little add new product link next to titles in secondary product list. */
			font-size: .7em;
			text-decoration: none;
		}

	#add-product-find{ font-size: 130%; }
	#add-product-find input, 
	#add-product-find button{ float: left; margin-right: 5px; }
	#add-product-find input { color: #888888; }
	#add-product-find input:focus, #add-product-find input.focus 	{ color: #222; }
	#add-product-find button { font-size: 80%; }

	#add-product-find h2 { font-size: 1.1em; }
	#form-product-attributes fieldset fieldset{
		background-color: #f7f7f7;
		border: 1px solid #ccc;
		clear: both;
		margin-bottom: 1em;
		padding: 6px;
	}

		*+html #form-product-attributes fieldset fieldset {
			background-color: #fff;
			border: 2px solid #7AAA42;
			padding-bottom: 1em;
		}

	#form-product-attributes fieldset fieldset legend{ font-size: 1.8em; }

	#form-product-attributes fieldset fieldset fieldset legend{ font-size: 1.3em; }

	#form-product-attributes .check-radio-wrap .other input{ display: block; margin-top: -2px; width: 90%; }
	
	#form-no-attribute ol { margin: 0; overflow: hidden; }
	
	#product-title{
		color: #463120;
		font-size: 1.3em;
		margin: 9px 0 0 0;
		padding: 0 0 12px 3px;
	}

	#product-title span.product-name{ font-weight: bold; font-size: 100%; display: inline; }

	/* attribute copy select box and loading message */
	#attributes-copy 	{ float: left; }

	.temp-message		{
		float: left;
		color: #633;
		margin-left: 10px;
		font-style: italic;
	}

	.copy-atts-help		{ float: left; padding: 4px 0 0 4px; }

/*----------------------------------- Forms -------------------------*/
form .small { width: 90px; }

form .medium { width: 180px; }

form .large { width: 275px; }

form .full { width: 100%; }

	form .small,
	form .medium,
	form .large,
	form .full { float: left; }

form ul { list-style-type: none; margin: 0; }

.widget form ul { margin: 0; padding: 0; }

form li { margin-bottom: 1em; overflow: hidden; }

div.input { clear: both; }

input, select, textarea, label, button {
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	border-color: #ccc;
	padding: 3px 2px;
}

input[type="submit"]		{ cursor: pointer; width: auto; }

input, textarea{
	border: 1px solid #ccc; 
	color: #636363;
	width: 50%;
	font: 1em arial, san-serif;
	margin-bottom: 1em;
}

.register-page input#ProfilePhone { margin: 0 5px 0 0; width: 100px; }

*+html input[type="radio"] { border: none; }

input:focus, textarea:focus	{ border: 1px solid #7CAB43; color: #636363; }

select { margin-bottom: 1em; }

textarea { width: 75%; }

label	{ clear: left; }

	*+html label.charactersremaining { margin-top: 0; position: relative; top: -1.1em; }

	label abbr, 
	legend abbr{ border: none; padding-right: .25em; }

		.registration-form label abbr:after { display: none; }

	li input, li textarea { margin-bottom: 0; }

	#secondary input, .widget input, #messages input, #messages textarea { width: 90%; }

	#messages input, #messages textarea{ width: 80%; }
	#MessageComposeForm #MessageMessage {width: 792px;}

label span.help, p.help {
	display: block;
	color: #777;
	font-style: italic;
	font-weight: normal;
}

	p.help { font-style: normal; }
	p.disclaimer { border-top: 1px solid #ccc; padding-top: 1em; }

	button, form a.button{
		background-color: #fff;
		border: 1px solid #ccc;
		color: #fff;
		cursor: pointer;
		font-size: 1em;
		padding: 2px;
	}
	.ie7 button {filter:chroma(color=#000000);}
	button:hover,
	button:active {border: 1px solid #ccc !important; outline:none;}

	button::-moz-focus-inner { padding: 0; border: none; }

	button span, form a.button span, input[type="submit"] {
		background: #00A2E3 url('../img/css/bg-button.png') left top repeat-x;
		display: block;
		padding: 4px;
		position: relative;
		text-align: center;
		color: #fff;
		white-space: nowrap;
	}

		form a.button		{ padding: 2px; }
		form a.button span	{ margin: 0; padding: 3px; }

	*+html button  			{ padding: 1px 1px 0 1px; line-height: 1.2; }
	
	button:hover span, /*button.over span,*/ form a.button:hover span{ background-color: #008AC1; background-image: none; }

	
#wrapper input[type=hidden] {
	/* hide from FF */
	border: none;
	position: absolute;
	left: -9999em;
}

.search input { float: left; font-size: 1.3em; margin-right: 10px; }

	.ie7 #message-wrap #form-paypal-subscribe{ margin-right: 4em; }

#update-hot-sheet 					{ background-color: #fff; border: 1px solid #ccc; padding: 1em; }

	#update-hot-sheet label 		{ width: 45%; float: left; clear: none; margin: 0; }
	#update-hot-sheet input			{ margin-bottom: .3em; }
	#update-hot-sheet legend		{ font-size: 1.5em; margin-bottom: .5em; }
	#update-hot-sheet button 		{ float: left; margin-right: .5em; padding:6px 6px !important }
	#update-hot-sheet button span	{ padding: 3px 21px; }
	#update-hot-sheet a.cancel		{ float: right; margin-top: 6px;}
	#update-hot-sheet .learn-more-hot-sheet { float: right; margin-top: -2.3em; }
	.ie #update-hot-sheet button	{ clear: both; }

input[type=checkbox]{ border: none; }

.checkradio input, .check-radio-wrap input, #login-wrap .checkradio input {
	border: none;
	display: inline;
	margin-right: 3px;
	width: 13px;
	/*height + padding is for opera 9.*/
	height: 13px;
	padding: 0;
}

	.checkradio .radio input, .checkradio .radio label{ float: left; margin-top: 10px; }
		.checkradio .radio label{ clear: none; padding: 0; width: 5em; }
		.checkradio.label-full .radio label { width: 95%; }

.field-wrap { overflow: hidden; }
	.field-wrap .input { float: left; clear: none; margin-right: 1em; }
	
li.inline label { display: inline; }
li.checkradio legend { font-size: 1em; }

.check-radio-wrap label{ float: left; margin: 0 2% 1em 0; width: 47%; }

	.checkradio div.checkbox{ float: left; width: 33%; }

	#form-product-attributes .check-radio-wrap label, 
	#form-product-attributes .check-radio-wrap .other,
	#form-product-attributes .check-radio-wrap li {
		clear: none;
		float: left;
		margin: 0 1% 1em 0;
		padding: 0;
		width: 23.8%;
	}

	#form-product-attributes .check-radio-wrap input{ margin-bottom: 0; }

		.checkbox label{ clear: none; float: left; width: 90%; }
		.checkbox input{
			clear: left;
			float: left;
			margin-top: 1px; /* set to 1 for profile form. input wrapped in label*/
			width: 13px;
		}

	form dt {
		background-color: #ddd;
		font-weight: bold;
		margin-top: .4em;
		padding: 1px 4px;
	}

	form dd {
		margin-bottom: 1em;
		background-color: #eee;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		border-top: none;
		padding: 4px;
	}

#header-search{
	background-color: #80b149;
	height: 46px;
	position: absolute;
	right: 0;
	top: 31px;
	padding: 10px;
	width: 323px;
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 0 5px #6c7a80;
	box-shadow: 0 0 5px #6c7a80;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	z-index: 1001;
}

	.js-on #header-search { margin-top: 0; }

	#header-search input {
		border-color: #ccc;
		color: #888;
		float: left;
		font-size: 1.065em;
		margin-right: 7px;
		margin-bottom: 0;
		padding: 6px 2px 6px 6px;
		width: 250px;
		width: 17.5em;
	}

	#header-search input:focus { color: #222; }

	#header-search button{ font-size: 1em; width: 4.5em; margin-top: 1px; }

	#header .search-wrap {
		font-size: 1.1em;
		color: #bacba5;
		text-align: right;
		margin-top: .25em;
	}

	#header .search-wrap a{ 
		color: #fff; 
		text-decoration: none;
	}
		#header .search-wrap a:hover{ 
			text-decoration: underline;
		}

		#header .search-wrap h2 a:hover{ 
			text-decoration: none;
		}
	#saved-searches.on h2 a{ margin-top: 1px; }
	#secondary #saved-searches.on h2 a{ margin-top: 2px; }

/* auto complete list */	
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}
	.ac_results ul {
		width: 100%;
		list-style-position: outside;
		list-style: none;
		padding: 0;
		margin: 0;
	}

	.ac_results li {
		margin: 0px;
		padding: 2px 5px;
		cursor: default;
		display: block;
		font-size: 12px;
		line-height: 16px;
		overflow: hidden;
	}

	.ac_loading { background: #fff url(/_resources/img/css/ajax-loader-sm.gif) 50% 50% no-repeat; }
	.ac_odd 	{ background-color: #eee; }
	.ac_over 	{ background-color: #0A246A; color: #fff; }

	
	/* help in the box. */	
	.ac_results p.help{
		background-color: #888;
		color: #eee;
		margin: 0;
		padding: 10px;
	}

/* registration	*/
#primary > #advantage-info,
#primary > #allaccess-info {position:absolute; left:-9999em;}

#advantage-info,#allaccess-info {padding:15px;}

.registration-form { clear: left; }

	#LocationZip, #ProfileMailingZip { width: 6em; }
	
	#tos-wrap {
		border: 1px solid #ccc;
		height: 300px;
		margin-bottom: 1em;
		overflow-y: scroll;
		padding: 10px;
		background-color: #FFFFFF;
	}
		#registration-form #tos-wrap ul{
			list-style-type: upper-roman;
			margin-left: 1em;
		}
		#registration-form #tos-wrap li{
			list-style-type: upper-roman;
			overflow: visible;
		}
		#registration-form #tos-wrap h4{
			margin-top: 1.3em;
			margin-bottom: 0;
		}
		#registration-form #tos-wrap p{
			margin: 0 0 1.3em 0;
		}
	fieldset.associations { margin: 2em 0; }
	fieldset.associations legend{ font-size: 1.3em; }
	fieldset.associations .checkbox { float: left; width: 45%; margin-left: 10px; }
		fieldset.associations .checkbox label { width: 100%; font-weight: normal; margin: 0;}

	
	/* honey pot */
	#jj993j2f2j3l, #jj993j2f2j3l-label{ display: none; }
	.register-page legend, .register-page h3{
		color: #000;
		display: block;
		font-size: 1.5em;
		padding-top: 10px;
	}

	.register-page h3 { margin-left: 0; }

#registration-form ol { margin: 0; overflow: hidden; }
	#registration-form li { list-style: none; margin-bottom: 0.2em; }
	
	.business-types select { width: 345px; }
	form#credit-card {
		padding:15px;
	}
	#credit-card ol { margin: 0; }
	#credit-card li { list-style: none; }

	.card-information { position: relative; }
		.card-information > legend {
			font-size:1.3em;
			font-weight:bold;
			margin:0 0 10px;
		}
		.card-information ol,
		.card-information li { margin: 0; list-style: none; }

			.card-information li.long { margin-bottom: 5px; }
			.card-information li.long input { width: 340px; }
				
	.card-information .city { width: 160px; }
		.card-information .city input { width: 150px; }

	.card-information .location { margin-bottom: 30px; }
	
	.card-information .state,
	.card-information .zip { width: 95px; }

		#LocationStateId { margin-bottom: 0; }

		.card-information .state input,
		.card-information .zip input { width: 85px; }

		.card-information .city,
		.card-information .state,
		.card-information .zip { float: left; }

	li.card-number,
	li.card-security { float: left; }

		.card-information li.card-number { width: 250px; }
		.card-information li.card-security { width: 100px; }

		li.card-number input { width: 240px; }
		li.card-number img { margin-top: 10px; }
		li.card-security input { width: 90px; }
		li.card-expires { clear: both; }
		li.card-expires ol { width: 370px; }
			li.card-expires li { float: left; margin-top: 27px; }
			li.card-expires li:first-child { margin: 0 10px 0 0; }
				li.card-expires li:first-child select { width: 235px; }

	.account-type-info {
		background: none repeat scroll 0 0 #FFFFFF;
		border: 1px solid #CCCCCC;
		float: right;
		padding: 1.2em;
		position: absolute;
		right: 0;
		top: 0;
		width: 220px;
	}
	
		#registration-form  ul {
			list-style: disc outside none;
			margin: 15px 0 0;
			padding-left: 16px;
		}

			#registration-form .account-type-info li { list-style: disc outside none; overflow: visible; }
			.ssl-seal {
				float: right;
				width: 130px;
			}
	#credit-card .submit button { float: left; margin-right: 25px; width: 150px; }
	#credit-card .submit a { float: left; margin-top: 10px; }
	.lead-text { font-size: 1.075em; margin-left: -1em; }
	fieldset.checkradio label { margin: 10px 0; }
	#registration-form .submit p { margin: 10px 0 0 0; }
	.callout-members li { margin: 0; padding-bottom: .5em; }
	.register-page #secondary { padding: 27px 0 0 30px; width: 208px; }

	#UserFirstName { width: 125px; }
	#UserLastName { width: 204px; }
	#LocationCity { width: 138px; }
	#UserEmail, #UserPassword, #UserPasswordConfirm { width: 200px; }

.form-stay-connected, .form-stay-connected form { overflow: hidden; }
	.form-stay-connected .input { clear: none; float: left; }

		.form-stay-connected #IndividualEmail {
			margin-right: 6px;
			padding: 4px 4px 6px 4px;
			width: 240px;
		}

		.form-stay-connected .input label { display: none; }
		.form-stay-connected button { margin: 0 0 0 12px; }

/* 	..Free Registration..
------------------------------------------------- */
.no-header #content { padding-top: 36px; }

.member-type {
	border-bottom: 1px solid #bdc3c1;
	clear: both;
	margin: 0 0 2em 0;
	overflow: hidden;
	padding: 0 48px .6em 100px;
}
	#join-lightbox .member-type {
		padding-left: 0;
	}
	#join-lightbox .member-type a.primary-action {
	    float: left;
	    margin-right: 5px;
	    text-align: center;
	    width: 13em;
	}
	#join-lightbox .description{
		overflow: hidden;
	}
.callout-members h3 { color: #eb6821; font-size: 1.25em; line-height: 1.1; }

.callout-members ul { font-size: 1.1em; margin-left: 1.4em; }

.listing { padding: 0 24px 1em 80px; }

	.form-stay-connected {	background: transparent url(/_resources/img/registration/email.png) 14px 2px no-repeat; }
	.learn-about {	background: transparent url(/_resources/img/registration/learn.png) 14px 2px no-repeat; }
	.get-involved { background: transparent url(/_resources/img/registration/involved.png) 14px 2px no-repeat; }
	.support { background: transparent url(/_resources/img/registration/support.png) 14px 2px no-repeat; }

/* email confirmation */
.instructions {
	background-color: #e6e2d6;
	margin: 20px 0;
	padding: 20px;
}
.success { color: #7aa836; font-weight: bold; font-size: 1.125em; }
#message-wrap.success { font-size: 1em; }

.signup-page #primary h2{
	margin-top: 1.5em;
}	
	.signup-page #secondary .widget, .signup-page #secondary form, .signup-page #secondary form li{
		padding: 0 2px 2px 2px;
	}
	.signup-page #secondary .forgot-password{
		padding: 5px 0;
	}
/*
	profile editing form
*/
#view-taxonomy { padding: 1em 0 1em 1em; }

.height form.edit-profile,
.height form.edit-marketplace { overflow: hidden; }

form.edit-profile{ color: #636363; font-size: 1.075em; }

	.edit-profile label { font-weight: bold; }

	.edit-profile fieldset legend ,
	.info-phone label	{
		font-size: 1.33em;
		color: #4f3424;
		margin-bottom: .25em;
		font-weight: normal;
	}
	.edit-profile fieldset 	{ clear: both; padding: 0; margin: 0; position: relative; }

	.edit-profile .label { font-weight: bold; }

	#primary .edit-profile fieldset h2	{ font-size: 1.66em; margin-top: 0; }

	fieldset.edit-profile-wrap,
	fieldset.edit-wrap{
		background: url(../img/css/bg-profile-edit.png) repeat-x scroll left bottom #fff;
		border: .5em solid #fff;
		float: left;
		height: auto;
		margin: 0;
		overflow: hidden;
		padding: 1em;
		width: 662px;
	}

	.narrow fieldset.edit-profile-wrap { width: 405px; }
	.edit-profile-wrap li{margin-bottom: 2px;}
	fieldset.date-available { display: none; }
	fieldset.date-available  div.select { clear: both; float: left; }
		
	.edit-profile .section {
		border: none;
		margin: 1em 0;
		padding: 0;
		width: 100%;
	}
	#ProfileMinimumOrder{
	    display: inline;
	    width: 5em;
	}
	#production-capacity div.text, #production-capacity .text input { display: inline; }
		#production-capacity .unit {padding-left: 5px;}
	.profile-image-wrap.section { width: 650px; }

	.dependent { clear: both; }

	/*Distributors, Farmers Markets*/
	.associations-wrap	{ width: 100%; height: 320px; overflow-y: scroll; }

	.associations .associations-wrap .checkbox { float: none; width: 97%; }

	/*Level 1 - list of states*/
	fieldset.associations .dependent legend {
		background: url(../img/css/icon-arrows-toggle.png) no-repeat 2px 18px transparent;
		border-bottom: 1px solid #eaeaea;
		color: #0393c2;
		cursor: pointer;
		font-size: 1em;
		font-weight: bold;
		padding: 1em 1em 1em 20px;
		width: 100%;
	}

		fieldset.associations .dependent .open > legend { border-width: 0; background-position: 80% 18px; }
		fieldset.associations .dependent legend.instruction {
			background: transparent;
			color: #636363;
			cursor: default;
			padding-left: 0;
		}

		*+html fieldset.associations .dependent fieldset .open legend { background-position: 76% 5px; }

	.contact-wrap input,
	.info-phone input,
	.address-wrap input,
	.address-wrap #LocationCity { width: 95%; }

	.info-phone .input-tel { float: left; margin-right: 1em; width: 30%; }
	.name-wrap	{ overflow: hidden; }
	.name-wrap .input { float: left; width: 46%; clear: none; }
	.name-wrap .input:first-child { margin-right: 1em; }

	.contact-wrap			{ overflow: hidden; clear: both; }
	.contact-wrap .section	{ float: left; width: 45%; clear: none; }
		.contact-wrap #primary-contact {
			border-right: 1px solid #ccc;
			padding: 0 2em 0 0;
			margin-right: 2em;
		}
	.address-wrap	{ overflow: hidden; width: 100%; }
	.address-wrap .input	{ float: left; clear: none; margin-right: 1em; }
		.address-wrap .input:first-child{ width: 51%; }
	
	.mailing-wrap { overflow: hidden; }
	.mailing-wrap .input { float: left; clear: none; margin-right: 1em; }
	.mailing-wrap #ProfileMailingCity{ width: 92px; }

	
	*+html .unit { position: relative; top: -1em; }

		input.time { display: inline; width: 25px; }

	#profile-change-password h2,
	#profile-acct-info h2	{
	border-bottom: 1px solid #eaeaea;
	margin: 0 0 .5em 0;
	padding: 0 0 .5em 0;
}

	#profile-change-password label .help { font-style: normal; display: inline; }
	#input-phone div			{ float: left; }

	/*Buttons*/
	.user-edit{
		background: url(../img/css/bg-button-profile-edit.png) top right transparent;
		clear: left;
		margin-right: 1em;
		padding: 0;
		border: 0;
		text-transform: uppercase;
		font-weight: 600;
		height: 36px;
	}

		*+html .user-edit { height: 37px; outline: 0; width: 184px; }

		.user-edit span,
		.user-edit:hover span{
			background: url(../img/css/bg-button-profile-edit.png) top left transparent;
			margin-right: 1em;
			padding: 8px .5em 12px 1.25em;
		}
				
	.user-cancel { padding-top: 9px; display: inline-block; }
	.user-cancel a { margin-left: 0.4em; text-decoration: none; }
	.user-edit, .user-cancel { 
		display: inline-block;
		height: 28px;
		line-height: 28px;
		padding: 0;
	}

/*
	marketplace editing form
*/
.edit-marketplace { color: #333; position: relative; }

legend.section-title,
a.edit-previous-form { display: inline; }

.edit-marketplace abbr[title="required"] { color: #cc0000; }

.edit-marketplace ol.dependent { float: left; margin: 10px 0 0 40px; }

	form.choose-type ol.dependent { margin: 0; }

	.edit-marketplace ol.dependent .checkbox { margin: 20px 0 0; }

.edit-marketplace ol { margin: 0; }

.form-header	{
	color: #4F3424;
	float: left;
	font-size: 1.53em;
	width: 100%;
}

.form-header + .help {
	border-bottom: 1px solid #ccc;
	padding-bottom: 1em;
	color: #333;
}

.edit-marketplace label { font-weight: bold; }

.edit-marketplace .checkradio.label-full { margin-bottom: 2em; padding: 5px; }

.edit-marketplace .checkradio.label-full .radio label { width: 96%; }

.edit-marketplace .radio label { font-weight: normal; }

.edit-marketplace .radio legend { font-weight: bold; }

.edit-marketplace select { margin-left: 5px; width: 295px; }
 .edit-marketplace select#align {
		width:auto;
	}
.edit-marketplace li.select-category { margin-bottom: 0; }

	/*Form Steps*/
	ol.dependent > * { display: none; }

	.marketplace-availability .radio input { margin: 0 5px 0 0; }

	.edit-marketplace fieldset.edit-wrap 	{ height: auto; }
	.edit-marketplace .field-wrap .input	{ width: 28%;	}
	.edit-marketplace .date-available .select{ width: 28%; clear: none;	}
		.edit-marketplace .date-available select{ width: 80%;	}
	.edit-marketplace .field-wrap input		{ width: 100%;	}
	
.edit-marketplace .user-skip { display: inline-block; margin-top: 9px; }
.edit-marketplace .user-skip a { text-decoration: none; }

#marketplace-post iframe,
#edit-posting iframe { border: none; height: 90px; width: 665px; }

/*Advertise Pages*/
 div.sponsored-screenshot { float: right; margin: 0 25px 10px 0; }
 	div.sponsored-screenshot img { float: left; }
 	div.sponsored-screenshot p {
		font-size: 0.9em;
		font-weight: bold;
		text-align: center;
		width: 100%;
	}

	.advertising-highlights { margin: 0; }
		.advertising-highlights > li {
			list-style: none outside none;
			padding: 0 10px 30px 150px;
			position: relative;
		}
			.advertising-highlights ul { margin: 0 0 0 20px; }
				.advertising-highlights ul li { list-style: disc; }

			.advertising-highlights li img {
				border: 5px solid #bdb7a6;
				float: left;
				left: 0;
				margin-top: 6px;
				position: absolute;
				top: 0;
				width: 125px;
			}

		.digital-specs { margin: 15px 0; }
		.digital-specs ul	{ display: none;margin: 0; }
			.digital-specs li { list-style: none outside none; }
				.digital-specs > li {
					background: url("../img/css/table-arrows.png") no-repeat scroll left -14px transparent;
					cursor: pointer;
					padding-left: 15px;
				}
				.digital-specs.open > li {
					background: url("../img/css/table-arrows.png") no-repeat scroll left -62px transparent;
				}
					.digital-specs.open ul { display: block; }

/*Ad Pacement Forms*/
table.advertise-specs { margin-bottom: 10px; }

	table.advertise-specs tr:first-child td {
		background-color: #eee;
		font-weight: bold;
		padding: 4px 5px;
	}

	table.advertise-specs td { padding: 3px 5px; }
	table.advertise-specs .odd { background: #eee; }
	table.advertise-specs + a { display: block; margin: 0 0 15px; width: 100%; }

.advertising-form{
	background: none repeat scroll 0 0 #FFFFFF;
	margin: 0 0 15px;
	overflow: hidden;
	padding: 15px;
	width: 445px;
}

	.advertising-form .title { font-size: 1em; font-weight: bold; }
	.advertising-form > fieldset > legend { font-size: 1.3em; }

		.advertising-form ol { margin: 0; list-style:none; }
		li.add-placements {
			border-bottom:1px #ccc solid;
			padding-bottom:10px;
		}
			li.add-placements ol { border-top:1px #ccc solid; overflow: hidden; padding-top:10px; }
				li.add-placements legend {margin-bottom:10px;}
				li.add-placements li { float: left; margin: 0 15px 0 0; width: 220px; }
				li.add-placements select { width: 205px; }
					a.add-placement { clear: both; float: left; width: 100%; }

			li.contact-info li {
				float: left;
				list-style: none;
				margin-left: 0;
				width: 190px;
			}

				li.contact-info li input { float: left; width: 170px; }
				li.contact-info li:first-child { margin-left: 0; width: 225px; }
				li.contact-info li:first-child select { width: 207px; }
				li.contact-time li { float: left; margin: 0 25px 0 0; }
					li.contact-time label { width: 115px; }
					li.contact-time input {
						border: none;
						float: left;
						margin: 0 5px 0 0;
						width: 15px;
					}
	
/*----------------- Member Tiers ------------------------------*/
.member-nav,
.weekly-placements { margin: 0; padding: 0; }

	.member-nav li { border-bottom: 1px #ccc solid; list-style: none; }
		.member-nav a { padding: 10px 0; text-decoration: none; }

		.member-nav li,
		.member-nav a { float: left; width: 100%; }
		.member-nav a.active { color: #333; font-weight: bold; }

#tertiary .inner,
#secondary .inner { background: #fff; overflow: hidden; }

	#tertiary .sidebar,
	#secondary .members-sidebar {
		background: -moz-linear-gradient(top, #ffffff 0%, #f6f5f1 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f6f5f1)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #ffffff 0%,#f6f5f1 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #ffffff 0%,#f6f5f1 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, #ffffff 0%,#f6f5f1 100%); /* IE10+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#f6f5f1',GradientType=0 ); /* IE6-9 */
		background: linear-gradient(top, #ffffff 0%,#f6f5f1 100%); /* W3C */
		margin: 10px;
		padding: 10px;
	}

		#tertiary .sidebar h3 { font-weight: bold; margin: 0; }
			#tertiary .sidebar h3.price { font-size: 2.5em; }

		#tertiary .sidebar p { margin: 0 0 10px; }
		#tertiary .sidebar ul {
			border-bottom: 1px solid #CCCCCC;
			margin: 0 0 10px;
			padding: 0 0 10px 15px;
		}

		#tertiary .sidebar strong { display: block; font-size: 1.1em; margin: 0 0 5px; }

.weekly-placements { margin-bottom: 20px; overflow: hidden; }

	.weekly-placements li {
		float: left;
		list-style: none outside none;
		width: 220px;
	}

	.weekly-placements li:first-child { margin-right: 20px; }

		.weekly-placements a {
			clear: both;
			float: left;
			padding-bottom: 10px;
			position: relative;
			text-align: left;
			text-decoration: none;
			text-indent: 25px;
		}

			.weekly-placements .zoom-thumb {
				background: url("../img/css/magnifying-icon.png") no-repeat scroll right top transparent;
				cursor: pointer;
				height: 25px;
				left: 188px;
				position: absolute;
				top: 5px;
				width: 27px;
				z-index: 100;
			}

			.weekly-placements .placement-thumbs {
				border: 5px #ccc solid;
				float: left;
				margin-bottom: 5px;
			}

			.weekly-placements ul { margin: 0 0 0 15px; }
			.weekly-placements li li { list-style: disc; width: 175px; }

a.single-placement {
	display: block;
	float: right;
	margin: 0 20px 0 25px;
	text-align: center;
	text-decoration: none;
	width: 210px;
}
		
.inner-left,
.inner-right { float: left; width: 465px; }

	.inner-left .section,
	.inner-right .section {
		background: none repeat scroll 0 0 #fff;
		margin: 10px;
		padding: 15px;
	}

	.inner-left .section ul {
		border-bottom: 1px #ccc solid;
		margin: 0 0 10px;
		overflow: hidden;
		padding: 0 0 10px;
	}

		.section.communication ul { border: medium none; padding: 0 0 0 20px; }
			.inner-left .section.communication li { list-style: disc; }

		.inner-left .section li { float: left; list-style: none; }
			.inner-left .section li strong { clear: both; float: left; width: 210px; }
			.inner-left .section .upgrade {margin: 1em 0;}
			.inner-left .section ul ul {
				border-bottom: none;
				float: left;
				margin-bottom: 0;
				padding-bottom: 0;
				overflow: visible; 
			}
	.account-select { margin: 30px 0 0; }

	table .fast,
	table .advantage,
	table .allaccess,
	.allaccess .badge,
	a.print-accounts {
		background-image: url("../img/css/account-select-sprite.png");
	}

	a.print-accounts {
		background-position: -499px -38px;
		background-repeat: no-repeat;
		float: right;
		font-weight: bold;
		margin: 0 0 0 20px;
		padding: 0 0 0 18px;
		text-decoration: none;
	}

	table .fast,
	table .advantage,
	table .allaccess {
		height: 40px;
		padding: 0;
		text-indent: -9999em;
		width: 135px;
	}

	table .fast { background-position: 0 0; }
	table .fast.disabled { background-position: 0 -41px; }

	table .advantage { background-position: -135px 0; }
	table .advantage.disabled { background-position: -135px -41px; }
	
	table .allaccess { background-position: -271px 0; }

		.allaccess .badge {
			background-position: 0 -81px;
			background-repeat: no-repeat;
			display: block;
			height: 75px;
			margin: -95px -10px 0 55px;
			position: relative;
			width: 76px;
		}

	.account-select thead { border: none; }
		.account-select thead tr { background: none; }
			.account-select thead td { border: none; }

	.account-select .divided {
		background: #ebebeb;
		padding: 10px 0 10px 10px;
		font-size: 1.38em;
		color: #4f3424;
	}

	.account-select tbody td { padding: 10px 15px 10px 12px; vertical-align: top; }
		.account-select td .primary-action {
			float: none;
			margin: auto;
			display: block;
			margin-top: 5px;
			width: 60px;
		}
		.account-select td.checked,
		.account-select td.unlimited,
		.account-select td.five{
			background: url("../img/css/account-select-sprite.png") no-repeat;
		}
		.account-select td.checked {
			text-indent:-9999em;
		}

		.account-select td.checked { background-position: -180px -95px; }
			td.checked.disabled { background-position: -180px -222px; }

		.account-select td.five { background-position: -315px -92px; }
			td.five.disabled { background-position: -315px -220px; }

		.account-select td.unlimited { background-position: -180px -158px; }
		.account-select .disabled h3{ color: #ccc; }
		.account-select h3 { font-size: 1.8em; text-align: center; }

			.account-select h3 strong {
				clear: both;
				display: block;
				font-size: 0.6em;
				font-weight: normal;
			}

.memberships { margin: 0 0 30px 0; padding: 0; }

.memberships li {
	border-bottom: 1px #ccc solid;
	list-style: none;
	padding: 15px 0 15px 100px;
}

	.memberships li.buyers,
	.memberships li.sellers,
	.memberships li.distributors,
	.memberships li.associates {
		background-repeat: no-repeat;
		background-position: 0 20px;
	}

	.memberships li.buyers {
		background-image: url("../img/content/buyer-thumb.png");
	}

	.memberships li.sellers {
		background-image: url("../img/content/seller-thumb.png");
	}

	.memberships li.distributors{
		background-image: url("../img/content/distributor-thumb.png");
	}

	.memberships li.associates {
		background-image: url("../img/content/associate-thumb.png");
	}

		p.individual-support {
			background: none repeat scroll 0 0 #FFFFFF;
			border: 1px solid #CCCCCC;
			float: left;
			height: 60px;
			padding: 20px 0 0 115px;
			position: relative;
			width: 563px;
		}
			p.individual-support img {
				float: left;
				left: 25px;
				position: absolute;
				top: -14px;
			}

.members-sidebar h3 { color: #4f3424; font-weight: bold; font-size: 1.15em; }
	.members-sidebar ul { margin: 0; padding: 0; }
		.members-sidebar li { list-style: none; margin: 0 0 10px; }
			.members-sidebar li strong { clear: both; display: block; }





/**
 * Blog Stuff
 */

.blog h1 span{
	font-size: 60%;
	font-weight: normal;
}
.blog #primary{
   background-color: rgba(255, 255, 255, 0.3);
}
.blog #secondary { padding-right: 10px; width: 208px; }
	.blog #sidebar ul { list-style-type: none; margin: 0 0 1em 0; }
	.blog #sidebar ul ul { margin-left: .3em; }
	.blog #sidebar h2{ font-size: 1.25em; }

	.blog #searchform { overflow: hidden; clear: both; }
		.blog #searchform input{ float: left; }
		.blog #searchform input#s{ font-size: 1em; margin-right: 6px; padding: 5px 2px 7px 2px; width: 63%; }

.search-results .blog ol{ list-style-type: decimal; padding: 1em 0; clear: both; }
	.blog .search-results li{ margin-bottom: 1em;}
	

h3#comments {
	background: transparent url(../img/css/bg-h1.gif) left bottom repeat-x;
	padding-bottom: 10px;
}

.blog .post{
	margin-bottom: 3.5em;
}
	.blog .post h2, .blog .post-title	{ font-size: 1.665em; font-weight: bold; }
		.blog .post h2 a{ color: #4F3424; text-decoration: none; }
		.blog .post h2 a:hover, .blog .post-title a:hover{ color: #000; text-decoration: underline;}
		.blog .entry h2 { padding-top: 1em;}
	.blog p.postmetadata {
		background: transparent url('../img/css/divider-wide-fade.png') right top no-repeat;
		clear: both;
		font-size: .9em;
		margin-bottom: 0;
		padding-top: 4px;
		top: 10px;
	}
		.blog .postmetadata a{
			color: #888899;
		}
	.entry { 
		margin: 1em 0; 
		overflow: hidden;
	}
		.entry img, #primary .entry a img { float: left; margin: 0 15px 0 0; }
		.entry p img{ margin: 1em 0;}
		.entry h2{ clear: both;}
.blog .widget ul, .blog .widget form, .blog .widget p, .blog .widget h3 {
	padding: 0;
}
.blog small { display: block; }
	
.blog .single h2{ padding-top: 0;}
.blog .single .entry{ margin-top: 0;}
figure {
	border: 1px solid #ccc;
	background-color: #fff;
	display: block;
	float: left;
	margin: 0 10px 0 0;
	padding: 5px;
	width: 200px;
}
figcaption {clear: both; padding-top: 5px;}



#respond{}
	#respond h3{margin-bottom: 1em;}	
	#respond p{margin-bottom: 0;}
	#respond small{font-size: 1.2em; margin-bottom: 1em; display: block;}
	#respond input{ margin: 0; }
	.blog .navigation .alignleft, .blog .navigation .alignright { 
		float: left;
		margin-top: 1em;
		width: 50%; 
	}
	.blog .navigation .alignright{
		text-align: right;
	}
	
.dashboard2-page .blog .listactions { float: right; }








/*--------------------Advertise Styles ---------------------*/
/*Keyword Requesting Form*/
#keywords-form { background: #fff; margin: 0 0 10px; width: 460px; }

	#keywords-form ol { margin: 0; padding: 0; }
	#keywords-form > fieldset { padding: 15px; }

		legend.title { font-size: 1.8em; margin-top: 5px; }
		ol.keywords li { float: left; width: 50%; }
			ol.keywords select { float: right; margin: 0 5px 0 0; width: 95%; }
			ol.keywords li:first-child select { float: left; margin: 0 0 0 5px; }

	#keywords-form fieldset > ol > li { float: left; }
	#keywords-form ol li { list-style: none; }
	#keywords-form li.calendar {
		float: left;
		margin: 0;
		padding: 0 0 5px 0;
		width: 345px;
	}
		li.calendar table { width: 100%; }
			li.calendar thead th { background: #eee; color: #333; font-size: 1em; }
			li.calendar caption {
				font-size: 1.1em;
				font-weight: bold;
				line-height: 0.8em;
				margin-bottom: 2px;
			}

				li.calendar .month {
					margin: auto auto 8px;
					position: relative;
					width: 225px;
				}

				table caption a.prev,
				table caption a.next {
					background-image: url("../img/css/blue-arrows.png");
					background-repeat: no-repeat;
					display: block;
					height: 19px;
					position: absolute;
					text-indent: -9999em;
					top: 0;
					width: 9px;
				}

				table caption a.prev { background-position: top left; float: left; left: 0; }
				table caption a.next { background-position: top right; float: right; right: 0; }

			li.calendar td {
				height: 40px;
				margin: 0;
				padding: 0;
				text-align: left;
				vertical-align: top;
				width: 50px;
			}

				td.own,td.sold,td.available {
					background-image: url('../img/css/available-type.png');
					background-repeat: no-repeat;
				}
				td.own { background-position: left bottom; }
				td.sold { background-position: left -15px; }
				td.available { background-position: left -65px; }

			li.calendar button { margin: 35px 0 0; }

	#keywords-form li.week-selectors { float: right; margin-left: 2px; width: 80px; }

		li.week-selectors li,
		li.week-selectors ol { width: 120px; }

		#keywords-form li.week-selectors ol {
			display: block;
			float: left;
			height: 230px;
			margin: 55px 0 0;
			overflow: hidden;
		}

		li.week-selectors li {
			display: block;
			float: left;
			height: 40px;
			margin: 0;
			width: 100%;
		}

				li.week-selectors input { float: left; margin: 0 5px; width: auto; }

					*+html li.week-selectors input { margin: 0 2px 0 -1px; }
	
	#keywords-form li.week-selection {
		border-top: 1px solid #CCCCCC;
		padding-top: 10px;
		width: 100%;
	}

		li.week-selection legend { font-size: 1.5em; margin-bottom: 5px; }

		#keywords-form li.week-selection ol { margin: 0 0 10px 5px; }

			li.week-selection li { float: left; margin: 5px 0 0; padding: 0; width: 100%; }
		
		#keywords-form li.submit button {
			width: 155px;
		}

/*----------------------------------- Randoms/dev utility styles ---*/
.right {float:right;}
.clear {clear:both; display:block;}

#get-a-new-browser{
	background-color: #FFFF99;
	border: 1px solid #fff;
	border-top-width: 0;
	color: #111;
	padding: .2em 3%;
}

body a#fdbk_tab{ background-color: #7AAB42 !important; top: 220px; }

a#fdbk_tab {
	background-image: url(../img/css/feedback_trans_tab.png);
	color: white;
	cursor: pointer;
	height: 102px;
	left: 0px;
	margin-left: -7px;
	position: fixed;
	text-indent: -100000px;
	top: 25%;
	width: 42px;
	z-index: 100000;
}

.accessibility {
	height: 0;
	left: -9999em;
	line-height: 0;
	position: absolute;
	text-indent: -9999em;
}

 div.col {
	width: 46%;
	margin-right: 1%;
	padding: .7em 1.5% 0 1.5%;
	float: left;
	background-color: #E3E3E3;
	min-height: 2em;
}

#product-listing { margin: 0 0 0 25px; clear: both; }

	#product-listing ul,
	#product-listing li{ list-style: none; margin: 0; }
	
		#primary #product-listing h2 { font-size: 1em; font-weight: bold; }
		#product-listing li { padding: 2px 0 2px 18px; }
		
		#product-listing li.open,
		#product-listing li.closed {
			background-image: url("../img/css/table-arrows.png");
			background-repeat: no-repeat;
			cursor: pointer;
		}

		#product-listing li.open { background-position: 1px -59px; }
		
		#product-listing li.closed { background-position: 2px -10px; }
			#product-listing li.organic {
				background: url("../img/css/organic-icon.png") no-repeat scroll left 5px transparent;
			}

	.lead{ margin: 0 0 1.5em 0; overflow: hidden; padding: 0 21px; }

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}

	#tooltip h3, #tooltip div { margin: 0; }
	#tooltip h3 { font-size: .9em; }

.help-tooltip,
#tooltip.help-tooltip .body {
	background-image: url("../img/css/help-tooltip.png");
	background-repeat: no-repeat;
}

.help-tooltip.right,
#tooltip.help-tooltip.right .body {
	background-image: url("../img/css/help-tooltip-right.png");
	background-repeat: no-repeat;
	z-index: 10 !important;
}

.help-tooltip {
	background-position: 0 -22px;
	border: none;
	display: none;
	position: absolute;
	width: 358px;
}
		
#tooltip.help-tooltip {
	background-color: transparent;
	background-position: 0 0;
	border: medium none;
	margin-bottom: 20px;
	opacity: 1;
	overflow: visible;
	padding: 44px 0 0;
	width: 371px;
}
	.ie7 #tooltip.help-tooltip {
		padding: 55px 0 0;
	}
	
	#tooltip.help-tooltip .body {
		background-position: 0 bottom;
		margin-bottom: -22px;
		margin-left: 0;
		padding: 1px 10px 14px 30px;
		position: relative;
		z-index: 1000;
	}
	
	#tooltip.help-tooltip.right .body { padding: 1px 25px 14px 15px; }
	#tooltip.help-tooltip p { margin: -30px 0 0; }

	#atable thead th[title]{
		cursor: help;
	}
	#tooltip.help-tooltip-table-header h3{
		font-size: 1.2em;
	    font-weight: bold;
	    margin-top: -30px;
	    padding: 0 25px 8px 30px;	
	}

.left 			{ float: left; margin: 10px 5px 10px 0; }
.error, .red , .info-phone .error	{ color: #CC0000; }
.small 			{ width: 25%; }
.medium 		{ width: 48%; }
.large 			{ width: 90%; }

/* jqModal base Styling courtesy of;
        Brice Burgess <bhb@iceburg.net> */
/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
        the Window's z-index value will be set to 3000 by default (via jqModal.js). */
       
.jqmWindow, .confirm {
	display: none;
	position: fixed;
	top: 17%;
	left: 50%;
	margin-left: -200px;
	width: 400px;
	background-color: #fff;
	color: #333;
	border: 3px solid #7CAB43;
	padding: 12px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	z-index: 9999;
}

#colorbox .window {
	display: block;
	background-color: #fff;
	color: #333;
	border: 3px solid #7CAB43;
	overflow:hidden;
	padding:15px 35px 15px 15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	z-index: 9999;
}


	.edit-profile .confirm a { width: 25%; }

	
/*Profile edit lightbox*/
.edit-modal{
	padding: 0;
	border: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.edit-modal.narrow{ width: 470px; }

.edit-modal.wide{ width: 730px; margin-left: -350px; }

.edit-modal.height { top: 3%; }

#primary .video-view { margin-left:-99999em; visibility:hidden; padding: 24px 24px; width: 640px; position:absolute; }

	.video-view .video-js-box,
	#primary .video-js-box { margin: 0; }

	.video-close { display: none; }

	.video-view .video-close 	{ display: block; top: 5px; right: 5px; }

.confirm-message{ font-size: 1.4em; }

.jqmOverlay { background-color: #0a0700; }

.jqmWindow .jqm-wrap { overflow-x: hidden; overflow-y: scroll; }

.treeview, .treeview ul { padding: 0; margin: 0; list-style: none; }

.treeview ul { background-color: white; margin-top: 4px; }

.treeview .hitarea {
	background: url(../img/treeview/treeview-default.gif) -64px -23px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}

.treeview li {
	background: url(../img/treeview/treeview-default-line.gif) 0 0 no-repeat; 
	margin: 0; 
	padding: 3px 0pt 3px 16px; 
}

.add-products-page .treeview li{ font-size: 1em; }

.treeview a.selected { background-color: #eee; }
#treecontrol { margin: 1em 0; display: none; }
.treeview .hover { color: #009FDB; cursor: pointer; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }
.treeview .expandable-hitarea { background-position: -80px -1px; }
.treeview li.last { background-position: 0 -1766px; }
.treeview li.lastCollapsable, 
.treeview li.lastExpandable { background-image: url(../img/treeview/treeview-default.gif); }
.treeview li.lastCollapsable { background-position: 0 -111px; }
.treeview li.lastExpandable { background-position: -32px -67px; }
.treeview div.lastCollapsable-hitarea, 
.treeview div.lastExpandable-hitarea { background-position: 0; }
.treeview-red li { background-image: url(../img/treeview/treeview-red-line.gif); }
.treeview-red .hitarea, 
.treeview-red li.lastCollapsable, 
.treeview-red li.lastExpandable { background-image: url(../img/treeview/treeview-red.gif); }
.treeview-black li { background-image: url(../img/treeview/treeview-black-line.gif); }
.treeview-black .hitarea, 
.treeview-black li.lastCollapsable, 
.treeview-black li.lastExpandable { background-image: url(../img/treeview/treeview-black.gif); }
.treeview-gray li { background-image: url(../img/treeview/treeview-gray-line.gif); }
.treeview-gray .hitarea, 
.treeview-gray li.lastCollapsable, 
.treeview-gray li.lastExpandable { background-image: url(../img/treeview/treeview-gray.gif); }
.treeview-famfamfam li { background-image: url(../img/treeview/treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea, 
.treeview-famfamfam li.lastCollapsable, 
.treeview-famfamfam li.lastExpandable { background-image: url(../img/treeview/treeview-famfamfam.gif); }

 
.filetree li { padding: 3px 0 2px 16px; }

.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }

.filetree span.folder {
	background: url(../img/treeview/folder.gif) 0 0 no-repeat;
}

.filetree li.expandable span.folder {
	background: url(../img/treeview/folder-closed.gif) 0 0 no-repeat;
}

.filetree span.file {
	background: url(../img/treeview/file.gif) 0 0 no-repeat;
}

 
.nicEdit-Content { background: #fff; width: 100%; }

#MessageComposeForm .nicEdit-Content { width: auto; }

.nicEdit-main { min-height:70px !important; width: 98% !important; background-color: #fff;}

#compose .rte-standalone .nicEdit-panelContain { width: 792px !important; }
#compose .rte-standalone .textarea { width: 792px !important; }

/*quick rte css fixes*/
.rte-standalone ul,
.rte-standalone ol{ 
	list-style-type: disc;
	margin: 0 0.4em 1em 1em; 
	padding-left: 1em;
}
	.rte-standalone li{
		/* padding-left: .5em; */
		overflow: visible;
	}
	.rte-standalone ol li{
		list-style-type: decimal;
	}
	body .nicEdit-panel, body .nicEdit-panelContain {
		height:24px;
		overflow:visible !important;
	}
	.nicEdit-buttonContain {
		position:relative !important;
	}


#compose .nicEdit-main {
	height: 200px !important;
	overflow: auto !important;
	width: 784px !important;
}

.edit-profile .nicEdit-Content li { overflow: visible; }
.edit-profile .nicEdit-Content ul { 
	margin-left: 2em; 
	list-style-type: disc; 
}

/* readable debugging messages */
body>pre, #CakeStackTrace1, .debug{ background-color: #fff; }

		
/*jquery ui help*/
.ui-slider {
	background: url("/_resources/img/css/slider-ruler.png") repeat scroll left top transparent;
	border: medium none;
	position: relative;
	text-align: left;
}

.ui-slider .ui-slider-handle {
	background: url("/_resources/img/css/slider-arrow.png");
	border: none;
	cursor: default;
	height: 20px;
	position: absolute;
	width: 15px;
	z-index: 2;
}

.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
}

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { 
	margin-left: -.6em; 
	top: -.3em; 
}
.ui-slider-horizontal .ui-slider-range { 
	background: none; 
	top: 0; 
	height: 100%; 
}
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.edit-marketplace .ui-slider { height: 15px; margin: 0 0 0 10px; width: 155px; }

/*************************************
	New Product Addition UI
*************************************/
.product-page-interior #column-wrap {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	margin-left: 20px;
	margin-top: -3px;
	overflow: hidden;
	width: 916px;
}

.add-product-page-v2 #primary {
	padding-top: 30px;
	position: relative;
	z-index: 1;
	top: -1px;
	width: 666px;
}

	.add-product-page-v2 #secondary {
		padding: 30px 0 0;
		position: relative;
		top: -1px;
		width: 196px;
		z-index: 1;
		padding-right: 12px;
	}

	.product-page-interior #footer-layout .disclaimer { margin-left: 20px; border: none; }

	/*should probably have a class in common*/
	#secondary #learn-more-search,
	#secondary #learn-more-directory {position:absolute; left:-9999em;}	
		#learn-more-search, #learn-more-directory { padding: 25px; }


/* attribute tables */
.add-product-page-v2 #atable { clear: left; overflow: auto; }

.add-product-page-v2 #atable table{
	border: 5px solid #bac1be;
	margin-bottom: 2em;
	width: 97%;
}

	.add-product-page-v2 #atable td{ border-color: #bac1be; }

.add-product-page-v2 #atable thead th{
	background: #e6e6e6;
	border: 1px solid #fff;
	border-top: 1px solid #CCCCCC;
	font-size: 1em;
	font-weight: normal;
	vertical-align: bottom;
}

.add-product-page-v2 #atable tbody th {
	border: 1px solid #cccccc;
	max-width: 15%;
	font-weight: normal;
}

.add-product-page-v2 #atable tbody th span {
	background-color: #D9DDDC;
	background-image: none;
	color: #333333;
	font-size: .8em;
	min-height: 1em;
	text-align: right;
}

	.add-product-page-v2 #atable tbody .check-all th span { background-color: #fff; }

.add-product-page-v2 #atable tbody td { 
	background: url(/_resources/img/css/icon-checkbox-off.png) 50% 50% no-repeat; 	text-align: center; 
}

	.js-on .add-product-page-v2 #atable tbody td { cursor: pointer; }

.add-product-page-v2 #atable tbody td input{ 
	cursor: pointer; 
	padding: 0; 
	margin: 0 auto; 
}

	.add-product-page-v2 #atable tbody td.checked{
		background: url(/_resources/img/css/icon-checkbox-on.png) 50% 50% no-repeat;
	}

	
	.add-product-page-v2 #atable tbody td.checked:hover{
		background: url(/_resources/img/css/icon-checkbox-on-hover.png) 50% 50% no-repeat;
	}

	.add-product-page-v2 #atable tbody td:hover{
		background: url(/_resources/img/css/icon-checkbox-off-hover.png) 50% 50% no-repeat;
	}

/* borderless upper corner overrides*/
.add-product-page-v2 #atable thead { border: none; }

.product-page-interior .actions-container { border-top: 1px solid #ccc; width: 646px; }
.product-page-interior .no-attribute-wrap { overflow: hidden; margin-bottom: 1em; }
.product-page-interior .no-attribute-wrap button { float: left; }
.add-product-page-v2 button.continue{ clear: both; font-size: 1.3em; }


/* add products Tree */
#add-products-checks-wrap { clear: both; }

#add-products-checks-wrap h2 {
	text-transform: capitalize;
	float: left;
	margin-right: .5em;
}

.toggler{
	background: transparent url(/_resources/img/css/icon-arrows-left-down.png) 0px 3px no-repeat;
	cursor: pointer;
	display: block;
	float: left;
	height: 16px;
	margin-right: 2px;
	width: 16px;
	text-indent: -999em;
}
	.show{
		background: transparent url(/_resources/img/css/icon-arrows-left-down.png) -887px 3px no-repeat;
	}

.add-proto-add-products { margin-bottom: 2em; padding-bottom: 2em; }
	.add-proto-add-products ul ul { margin-left: 1em; }
	.add-proto-add-products li{ margin-bottom: 0; overflow: visible; }
	.add-proto-add-products  .check-radio-wrap label{ margin-bottom: 0; padding-left: 0; }

	.add-proto-add-products .col,
	.add-product-landing .col,
	.product-page-interior .col{
		background-color: transparent;
		margin-right: 8%;
		padding: 0;
		width: 17%;
	}

	.product-page-interior .col { width: 100%; }

	.add-proto-add-products .check-radio-wrap label { width: 100%; }

	.primary{
		float: left;
		margin-right: 20px;
		padding: 0 0 20px 0;
		width: 678px;
	}

	.secondary { float: left; padding: 0; width: 188px; }

div.confirm a.button,
div.confirm a.button span, div.confirm a.confirm-cancel span{ margin: 0 10px; padding: 3px; }

div#sql-dump { margin: 20px 30px; }

div#sql-dump table thead th{ background-color: #362110; color: #FFFFFF; }