/* ================================
    CSS STYLES FOR THE ORGANIC GURU
   ================================
*/

/*--------------Global--------------*/
*
{
	margin:0; padding:0;
	font-family:  Verdana, times;
	font-size:9pt;
}

/*--------------LogoVance-------------*/
.logoVance
{
	position: relative;
	top: 7px;
}

/*------------------ReadingLabels-----------*/
.ReadingLabels
{
	background-image: url("/images/og/read_labels.gif");
	background-repeat: no-repeat;
	height: 84px;
	margin-bottom: 10px;
}

.ReadingLabels .Head
{
	font-family:georgia,times;
	font-size: 12pt;
	font-weight: bold;
	color:#e2eebc;
	display: block;
	padding: 0;
	margin: 0;
	position: relative;
	top: 24px;
	left: 85px;
}

.ReadingLabels a
{
	font-size: 8pt;
	color: #e2eebc;
	text-decoration: none;
	position: relative;
	top: 26px;
	left: 85px;
}

.ReadingLabels a:hover
{
	text-decoration: underline;
}

/*-------------------vTopNav------------------*/
.vTopNav
{
	margin:0;
	padding:0;
	text-align:left;
	width:100%;
	display:block;
	height:23px;
}


.vTopNav ul 
{
	list-style-type:none;
	display:block;
	background-image:url(/images/og/ORGANIC_MENUBAR.gif);
	background-repeat:no-repeat;
	margin:0;
	line-height:22px;
	height:23px;
	
}

.vTopNav ul li
{
	list-style-type:none;
	display:inline;
	margin-left:13px;
	padding:0;
	margin-top:5px;
}

.vTopNav ul .liGreen
{
	margin-top:5px;
	color:#A6C93B;
	font-weight:bold;
	text-decoration:none;
}

.vTopNav ul .liBlack
{
	margin-top:5px;
	color:#656567;
	font-weight:bold;
	text-decoration:none;
}

.vTopNav ul .liGreen:hover
{
	text-decoration:underline;
	color:#A6C93B;
}

.vTopNav ul .liBlack:hover
{
	text-decoration:underline;
	color:#656567;
}


/*-------------------vBottomNav------------------*/
.vBottomNav
{
	margin:0;
	padding:0;
	text-align:left;
	width:100%;
	display:block;
	height:23px;	
}

.vBottomNav ul 
{
	margin: 0;
	list-style-type:none;
	display:block;
	background-image:url(/images/og/ORGANIC_MENUBAR_BOTTOM.gif);
	background-repeat:no-repeat;
	margin-top:0px;
	line-height:22px;
	height:23px;
	text-align: center;
	padding-left: 6px;
}

.vBottomNav ul li
{
	margin: 0;
	list-style-type:none;
	display:inline;	
	padding:0;
	margin-right: 6px;
	margin-top:5px;
	
}

.vBottomNav ul .liGreen
{
	margin: 0;
	margin-top:5px;
	color:#A6C93B;
	font-weight:bold;
	text-decoration:none;
}

.vBottomNav ul .liBlack
{
	margin: 0;
	margin-top:5px;
	color:#656567;
	font-weight:bold;
	text-decoration:none;
}

.vBottomNav ul .liGreen:hover
{
	text-decoration:underline;
	color:#A6C93B;
}

.vBottomNav ul .liBlack:hover
{
	text-decoration:underline;
	color:#656567;
}



/*-------------------MoreNews------------------*/
.MoreNews
{
	margin-top:10px;
	margin-bottom:10px;
}

.MoreNews a
{
	font-size:9pt;
	padding-left:10px;
	color:#656567;
	text-decoration:none;
}

.MoreNews a:hover
{
	color:#656567;
	text-decoration:underline;
}


/*-------------------vCopyright------------------*/
.vCopyright 
{
	margin:0px;
	padding:0;
	text-align:center;
}

.vCopyright ul
{	
	display:block;
	margin:0;
	padding:0;
	text-align:center;
}

.vCopyright ul li
{
	display:inline;
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:center;
	
}

.vCopyright ul li a
{
	color:#656567;
	text-decoration:none;
	text-align:center;
}

.vCopyright ul li a:hover
{
	color:#656567;
	text-decoration:underline;
}



/*---------------------YBHover-----------------------*/
.YBHover 
{
        margin:0px;
        padding:0px;
        background-color:#F2FECE;
        border:solid 1px #000;
}
 
.YBHover h1 
{
	background-color:#94BF00;
        margin:0px;
        padding:2px;
        text-align:center;
        color:#FFF;
        font-size:14px;
        font-weight:bold;
        border-bottom:solid 1px #000;
}
 
.YBHover p 
{
        padding:2px;
        margin:0;
        margin-bottom:6px;
        color:#656567;
}
 
.YBHover .left 
{
        border-top:1px dotted #000;
        margin:0;
        padding-top:0;
        padding-bottom:0;
        color:#656567;
}
 
.YBHover .right 
{
        margin:0;
        padding-top:0;
        color:#656567;
}


/*---------------------CostCompare-----------------------*/
.CostCompareWrapper
{
	margin:0;
	padding:0;
	margin-top: 10px;
}

.CostCompare
{
	margin:0;
	padding:0;
	border:solid 2px #A6C93B;
}

.CostCompare .tableHead
{	
	font-family:georgia,times;
	font-size:12pt;
	font-weight:bold;
	color:#A6C93B;
	margin:0;
	padding:5px;
}	

.CostCompare .tableTitles, .CostCompare .tableTitles td
{
	color:#656567;
	text-transform:uppercase;
	background-color:#DEF5FB;
	font-weight:bold;
	font-size:9pt;
	height:25px;
	padding:5px;
	
}

.CostCompare .RowWhite, .CostCompare .RowWhite td
{
	color:#656567;
	background-color:#FFF;
	font-size:9pt;
	height:25px;
	padding:5px;
}

.CostCompare .RowBlue, .CostCompare .RowBlue td
{
	color:#656567;
	background-color:#DEF5FB;
	font-size:9pt;
	padding:5px;
}

/*---------------------------------*/
.caption
{
	font-size: 8pt;
}

.requiredPrompt
{
	text-decoration: underline;
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 10pt;
	font-weight: bold;
	color: Red;
}

.required
{
	font-weight: bold;
	color: Red;
}

.clear
{
	clear: both;
}


.sideAds .ad
{	
	width:125px;
	margin-bottom: 10px;

}

.sideAds 
{	
	width:125px;
	margin-top:10px;
	margin-left:5px;
}

.logoSection
{
	width: 100%;
	margin:0;
	padding:0;
}

.logoSection .logo
{
	float: left;
	
}

.logoSection .bannerAd
{
	float: right;
	margin-top: 16px;	
}

.Head
{
	display: block;	
	margin-bottom: 5px;
	font-family:georgia,times;
	font-size:12pt;
	font-weight:bold;
	color:#A6C93B;
}

p.ybxNewsPage
{
	margin-left: 5px;
	padding-bottom: 10px;
}

ul
{
	margin-left: 15px;
	margin-bottom: 10px;
}

ul li
{
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 10px;
}

p
{
	margin-bottom:10px;
	font-size:9pt;
	color:#656567;
	padding:0px 5px 5px 0px;
}

a
{
	color: #A6C93B;	
}

a:hover
{
	color: #656567;	
}

/*------------------------eButton----------------------*/

.eButton
{
	background-image:url(/images/og/165x75_organic_main_enewsletter.gif);
	background-repeat:no-repeat;
	height:70px;
	width:165px;
	margin: 0;
	padding: 0;
	margin-top: 10px;
	margin-left: 5px;
}

.eButton span
{
	font-weight: bold;
	color: #ffffff;
	display: block;	
	margin-bottom: 5px;
	margin-left: 5px;
	padding-top: 5px;
}

.eButton a
{
	margin: 0;
	padding: 0;
	font-size:8pt;	
	margin-left: 5px;
	color:#111600;
	text-decoration:none;
	width:150px;
	display:block;
}

.eButton a:hover
{
	color:#656567;
	text-decoration:underline;
}

/*-------------------LeftNav------------------*/
.LeftNav
{	
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	background-color:#FFF;
	width:175px;
	padding-bottom: 100px;
	border-right:solid 2px #DAFF40;	
}

.LeftNav .Head
{
	margin:0;
	display:none;
}

.LeftNav ul
{
	margin:0;
	padding:0;
}

.LeftNav li
{
	list-style-type:none;
	margin:0;
	padding:10px 0px 10px 0px;
	border-bottom:solid 1px #A6C93B;
	width:175px;
	text-indent:10px;
}

.LeftNav li a
{
	font-family:georgia,times;
	font-size:9pt;
	font-weight:bold;
	color:#A6C93B;
	text-decoration:none;
}


.LeftNav li a:hover
{
	text-decoration:underline;
	color:#656567;
}


/*--------------------YellowBrix Story--------*/
.storyDisplay
{		
	margin-left: 5px;
	margin-right: 10px;
}

.storyDisplay h2
{	
	margin-bottom: 5px;
	font-family: georgia,times;
	font-size: 10pt;
	font-weight: bold;
	color: #656567;
}


/*-------------------------vFeedback------------*/
#vFeedback
{
	padding-top: 20px;
	border-top: solid 2px #DAFF40;	
	text-align: center;
	margin-left: 50px;
	margin-right: 50px;
}

#vFeedback .topForm label
{
	float: left;
}

#vFeedback .topForm input
{
	float: right;
	width: 320px;
	margin-bottom: 10px;
}

#vFeedback br
{
	clear: both;
}

#vFeedback label
{
	float: left;
}

#vFeedback textarea
{
	float: left;
	margin-top: 5px;
	margin-bottom: 10px;	
}

/*-------------Product Gatherer---------------*/
.productIntro p
{
	margin: 0;
	margin-top: 5px;
}

.productIntro ul
{
	display: block;
	text-align: center;
}

.productIntro li
{
	list-style-type: disc;
}

.productCategories p
{
	margin: 0;
	margin-bottom: 5px;
}

.productCategories .leftSide
{
	float: left;
}

.productCategories dt
{
	color: #656567;
	font-weight: bold;
}

.productCategories .rightSide
{
	float: right;
	margin-right: 150px;
}

.productCategories li
{
	list-style-type: circle;
}

.ProductInfoForm
{
	border-top: solid 2px #DAFF40;		
	padding-top: 10px;
}

.ProductInfoForm .labelText
{	
	margin: 0;
	padding: 0;
}

.ProductInfoForm .labelText label
{
	margin: 0;
	padding: 0;
	float: left;
	margin-top: 10px;
}

.ProductInfoForm .labelText input
{
	margin: 0;
	padding: 0;
	float: right;
	width: 280px;
	margin-top: 10px;
}

.ProductInfoForm .labelText .multiPart
{
	margin-top: 2px;
}

.ProductInfoForm br
{
	clear: both;
}

.ProductInfoForm .cityStateZip
{
	width: 100%;
	padding-top: 10px;	
}

.ProductInfoForm .cityStateZip input
{
	margin-left: 5px;
	margin-right: 5px;
}

.ProductInfoForm .cityStateZip .city
{
	width: 140px;
}

.ProductInfoForm .cityStateZip .state
{
	width: 70px;
}

.ProductInfoForm .cityStateZip .zip
{
	width: 80px;
	margin-right: 0;
}

.ProductInfoForm .descriptionPrompt
{
	padding-top: 10px;
	width: 100%;
}

.ProductInfoForm .descriptionPrompt label
{
	display: block;
	margin-bottom: 5px;
}

.ProductInfoForm .descriptionPrompt textarea
{
	float: right;
}

.ProductInfoForm .whereSection
{
	margin-top: 10px;
}

.ProductInfoForm .whereSection .lblWhere
{
	display: block;
}

.ProductInfoForm .whereSection .firstTD, .ProductInfoForm .whereSection .secondTD
{
	padding: 0;
	margin: 0;
	padding-right: 10px;
	vertical-align: bottom;
}

.ProductInfoForm .whereSection td input
{
	margin: 0;
	padding: 0;
	margin-top: 5px;
	margin-right: 5px;
}

.ProductInfoForm .categorySection .lblCategory
{
	display: block;
}

.ProductInfoForm .categorySection td, .ProductInfoForm .categorySection tr, .ProductInfoForm .categorySection table
{
	margin: 0;
	padding: 0;
}

.ProductInfoForm .categorySection td
{	
	padding-right: 10px;
	padding-top: 5px;
}

.ProductInfoForm .categorySection td input
{
	margin: 0;
	padding: 0;
	margin-right: 5px;
}

.ProductInfoForm .submitSection 
{
	padding-top: 10px;
	text-align: center;
}

.productThankYou
{
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-top: solid 2px #DAFF40;
	border-bottom: solid 2px #DAFF40;
}

/*--------LinkList-------------*/
.linkList
{
	margin-bottom: 20px;
}

.linkList dl
{
	margin-bottom: 10px;
}