﻿html
{
    overflow:-moz-scrollbars-vertical;
}

body 
{
    margin:0;
    padding:0 0 30px 0;
    background:#5E6A51;
    font-family:Verdana, Arial;
    font-size:12px;
    color:#505050;
    height: 100%;
}

a.wt
{

color: White;

}

a
{
    color:#505050;
    cursor:pointer;
}

img
{
    border:none;
    vertical-align:middle;
}

h1, h2, h3
{
    margin:0 0 10px 0;
    
}

h1
{
	color:#99c700;
	font-size:24px;
}

h2
{
	color:#99c700;
}

h2
{
	font-size:14px;
}

h3
{
	font-size:14px;
}

th
{
    text-align:left;
}

#container 
{
    width:930px;
    margin:auto;
    background:White url(../../_Img/Container-Background.gif) no-repeat left bottom;
    padding:5px 30px 30px 30px;
}

#topBanner
{
    height:100px;
}

#topBanner a
{
    display:block;
    float:right;
}

#logo
{
    position:absolute;
    display:block;
    width:175px;
    height:160px;
    background:url(../../_Img/GreenList-Logo.gif) no-repeat center center;
    margin-left:-14px;
}

#searchBar
{
    height:60px;
    background:#99C700 url(../../_Img/Search-Bar.gif) no-repeat right top;
    color:White;
    font-size:14px;
}        

#search
{
    padding:10px 0 0 230px;
}

#search td
{
    vertical-align:middle;
}

#searchBar select,
#searchBar .textBox
{
    width:175px;
    margin-left:10px;
}

#go
{
    margin:5px 0 0 10px;
    cursor:pointer;
}

#region
{
    margin-top:-5px;
    padding:0 0 0 380px;
}

#xoo,
#oox
{
    background:white;
    width:160px;
    float:left;
}

#oxo
{
    background:white;
    width:560px;
    padding:0 25px 0 25px;
    float:left;
}

#x-xx,
#x-xx #xoo
{
    min-height:400px;
    background:white url(../../_Img/XOO-Background.gif) repeat-y top left;
}

#oxx
{
    background:white;
    width:745px;
    padding:0 0 0 25px;
    float:left;    
}

.clear
{
    clear:both;
    float:none !important;
}

#ecobobSbnPlug
{
    height:27px;
    background:url(../../_Img/Plug-Ecobob-SBN.gif) no-repeat left 5px;
    text-align:right; 
    padding-right:5px;
    padding-top:3px;
}

.sidePanelHeader
{
    background:url(../../_Img/SidePanel-Header.gif) no-repeat left top;
    width:160px;
    height:34px;
    text-align:center;
}

.sidePanelHeaderNoTitle
{
    background:url(../../_Img/SidePanel-Header2.gif) no-repeat left top;
    width:160px;
    height:6px;
    font-size:6px;
    text-align:center;
}

.sidePanelHeader img
{
    padding-top:10px;
}

.sidePanelBody
{
    border:solid 1px #99C700;
    border-top:none;
    border-bottom:none;
    padding:5px 5px 2px 5px;
}

.sidePanelFooter
{
    background:url(../../_Img/SidePanel-Footer.gif) no-repeat left top;
    width:160px;
    height:6px;            
}

.categoryTable
{
    width:100%;
    margin-bottom:2px;
}

.categoryTable a
{
    display:block;
    font-size:14px;
    padding-left:10px;
    background:url(../../_Img/Bullet.gif) no-repeat left 7px;
}

.channelTable
{
    width:100%;
    margin-bottom:10px;
}

.channelTable a
{
    display:block;
    font-size:14px;
    padding-left:10px;    
    background:url(../../_Img/Bullet.gif) no-repeat left 7px;
    
}

.infoBlock
{
    border-top:solid 1px #99C700;
    border-bottom:solid 1px #99C700;
    padding:5px 0 5px 0;
}

h1.browseForSustainableProductsOrServices
{
    height:34px;
    background:url(../../_Img/Browse-For-Sustainable-Products-Or-Services.gif) no-repeat left top;
}

h1.imageHeading span,
h2.imageHeading span
{
    display:block;
    width:0;
    height:0;
    overflow:hidden;
}

.subHeading
{
    height:37px;
    background:url(../../_Img/Sub-Heading-Background.gif) repeat-x left top;
}

h2.featuredProducts
{
    height:100%;
    background:url(../../_Img/Featured-Products.gif) no-repeat 15px center;
}

.listing
{
    width:100%;
    margin:10px 0 10px 0;
}

.listing td
{
    vertical-align:top;
}

.listing td.image
{
    text-align:center;
    width:130px;
}

.listing td.icons
{
    width:241px;
}

.listing td.info
{
    width:210px;
}

.listing h3
{
    font-size:14px;
    margin:0 0 10px 0;
}

.listing h3 a
{
    color:#537706;
}

.listing .info div
{
    margin:0 0 10px 0;
}

.listing .criteria div
{
    width:31px;
    height:31px;
    margin-right:11px;
    float:left;
    cursor:pointer;
    background-image:url(../../_Img/Criteria-Icons.gif);
    background-repeat:no-repeat;
}


.cyclic0
{
    background-position:-93px -124px;
}

.cyclic50
{
    background-position:-62px -124px;
}

.cyclic75
{
    background-position:-31px -124px;
}

.cyclic100
{
    background-position:0 -124px;
}

.renewable0
{
    background-position:-93px -31px;
}

.renewable50
{
    background-position:-62px -31px;
}

.renewable75
{
    background-position:-31px -31px;
}

.renewable100
{
    background-position:0 -31px;
}

.efficient0
{
    background-position:-93px 0;
}

.efficient50
{
    background-position:-62px 0;
}

.efficient75
{
    background-position:-31px 0;
}

.efficient100
{
    background-position:0 0;
}

.social0
{
    background-position:-93px -93px;
}

.social50
{
    background-position:-62px -93px;
}

.social75
{
    background-position:-31px -93px;
}

.social100
{
    background-position:0 -93px;
}

.safe0
{
    background-position:-93px -62px;
}

.safe50
{
    background-position:-62px -62px;
}

.safe75
{
    background-position:-31px -62px;
}

.safe100
{
    background-position:0 -62px;
}

.certified0
{
    background-position:-93px -155px;
    margin-right:0 !important;
}

.certified100
{
    background-position:0 -155px;
    margin-right:0 !important;
}


.listings
{
    min-height:10px;
}

.listings .clear
{
    border-top:solid 1px #99C700;
}

.sidePanelBody .listing
{
    text-align:center;
}

.sidePanelBody .listing h3
{
    font-size:12px;
}

a.listYourProductUp,
a.listYourProductOver,
a.registerUp,
a.registerOver
{
    cursor:pointer;
    display:block;
    height:0;
    height:28px;
    background:url(../../_Img/Register-Add-Listing-Buttons.gif) no-repeat left -56px;
}

a.listYourProductOver
{
    background:url(../../_Img/Register-Add-Listing-Buttons.gif) no-repeat left -84px;
}

a.registerUp
{
    background:url(../../_Img/Register-Add-Listing-Buttons.gif) no-repeat left top;
}

a.registerOver
{
    background:url(../../_Img/Register-Add-Listing-Buttons.gif) no-repeat left -28px;
}

#divLoginSmall
{
    display:none;    
    height:auto;
    overflow:visible;
}

#divLoginSmall .inner
{
    padding:5px;
    background:#F2F6E6;
}

.mt1 
{
    margin-top:30px;
}

.mt2
{
    margin-top:10px;
}

.mt3
{
    margin-top:5px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.mb1
{
    margin-bottom:30px;
}

.mb2
{
    margin-bottom:10px;
}

.mb3
{
    margin-bottom:5px;
}

.floatRight
{
    float:right;
}

.listingDetails
{
	width: 100%;
}

.listingDetails td
{
    vertical-align:top;
}

.listingDetails td.image
{
    text-align:center;
    width:225px;
}

td
{
    vertical-align:top;
}

.linkButton,
.linkButtonBox {
	text-decoration:none;
	padding-right:5px;
	font-weight:bold;
	font-size:12px;
	white-space:nowrap;
	color: #99c700; /*#779c2c;*/
	
}


.linkButton img,
.linkButtonBox img
{
    padding-right:2px;
    vertical-align:middle;
}


.linkButton:hover {
    color: #779c2c;
}

.linkButtonBox,
.linkButtonBox:hover,
.linkButton,
.linkButton:hover
{
    text-decoration:none;
}

.linkButton2 {
	text-decoration:underline;
	font-size:12px;
	white-space:nowrap;
	/*color:#779c2c;*/
	color: #99c700;
}

.linkButton2:hover {
    color: #779c2c;
}

.formTable
{
    width:100%;
    margin-top:10px;
}

.formTable td
{
    padding-top:5px;
}

.formTable .value
{
    vertical-align:top;
}

.formTable .label
{
    line-height:20px;
    width:175px;    
    color:#666666;
    font-weight:bold;
}

.formTable .validation span
{
    display:block;
    position:absolute;
    white-space:nowrap;
    padding:0 10px 0 20px;
    margin:0 0 0 -250px;
    line-height:20px;
    background:white url(../../_Img/Validation-Arrow.gif) no-repeat left center;
    font-size:14px;
}

.formTable .noPosition span
{
    margin:0;
}

#x-x-x .validation span
{
    margin:0 0 0 -100px;
}

#x-x-x .validationTextArea span
{
    margin:0 0 0 0;
}

.formTable .validationTextArea span
{
    margin:0 0 0 -120px;
}

.formField
{
    font-weight:bold;
}

.textbox
{
    width:250px;
}

.textboxMultiline
{
    width:400px;
    height:100px;
    font-family:Verdana, Arial;
    font-size:12px;
}

.dividerTable
{
    width:100%;
    border-top:dotted 1px #99c700;
    margin-bottom: 10px;
}

.wizardButtonTable
{
    width:100%;
    border:none;
    padding:0;   
    background:#99C700;
}

.wizardButtonTable .previous
{   
    width:50%;
}

.wizardButtonTable .next
{
    width:50%;
    text-align:right;
}

.wizardButtonTable .option3
{
    text-align:right;
    padding-left:10px;
    background-color:White;
}

.wizardButtonTable .next a
{
    float:right;
    width:157px;
    height:27px;
    display:block;
    background:#629511 url(../../_Img/Next-Background.gif) no-repeat right center;
    padding:6px 25px 0 0;
}

.wizardButtonTable .previous a
{
    width:157px;
    height:27px;
    display:block;
    background:#629511 url(../../_Img/Previous-Background.gif) no-repeat left center;
    padding:6px 0 0 25px;
}

.wizardButtonTable .option3 a
{
    width:177px;
    height:27px;
    padding-top:6px;
    display:block;
    background:url(../../_Img/No-Step-Background.gif) no-repeat left center;
    text-align:center;
}

.help
{
    padding-left:7px; 	
}
 
.pager
{
    font-size:16px;
    text-align:center;
}
 
.pagerLink,
.pagerCurrentPage
{
    font-size:16px;
    margin-left:5px;
}

.pagerCurrentPage
{
    font-weight:bold;
}

.pagerJump
{
}

.pagerSummary
{
    margin:30px 0 10px 0;
    text-align:center;
}

.inlineBlock
{
    padding-left:20px;
    display:inline-block;
    display:-moz-inline-block;
}

.compare
{
    background:url(../../_Img/Icons/Compare.gif) no-repeat left center;
    font-size: 10px;
}

.comment
{
    background:url(../../_Img/Icons/Comment.gif) no-repeat left center;
}

.delete
{
    background:url(../../_Img/Icons/Delete.gif) no-repeat left center;
}

.ajaxLoading
{
    width:32px;
    height:32px;
    background:url(../../_Img/Ajax-Loading.gif) no-repeat center center;
}


.wizardSteps
{
    margin-top:10px;
}

.wizardSteps .step
{
    background:url(../../_Img/Edit-Step.gif) no-repeat center center;
    height:20px;
    width:20px;
    text-align:center;
    font-size:12px;
    font-weight:bold;
    color:White;
}

.wizardSteps td
{
    font-size:12px;
    vertical-align:middle;
}

.currentStep
{
    display:block;
    position:absolute;
    background:url(../../_Img/Current-Step.png) no-repeat center center;
    width:18px;
    height:16px;
    margin-left:125px;
}

.disabled,
.disabled a
{
    color:#BCBCBC;
    cursor:default;
}

a.disabled
{
    text-decoration:underline;
}

textarea.disabled
{
    background:#ECECEC;
    border:solid 1px #BCBCBC;
    padding:1px;
}

#footer
{
	width:100%;
	text-align: center;
	margin:10px auto 0 auto;
	color: White;
}

#footer a
{
	color: White;	
}

.error
{
	color: Red;
}

.alert
{
	
	margin:5px 0 5px 0; 
    padding:5px 5px 5px 30px; 
    border:dotted 1px #ff0000;
    color:#ff0000;
    display:block;
    min-height:20px;
}

.fadeInImage
{
    position:absolute;
    opacity:1;
    filter:alpha(opacity=100);
}

#aIconsCycle
{
    display:block;
    height:118px;
}

#aIconsCycle img
{
    margin-left:30px;
}

.divChangeRegion
{
    visibility:hidden;
    padding:5px;
    position:absolute;
    margin:1px 0 0 500px;
    width:190px;
    min-height:190px;
    background:White;
    border:solid 1px #7B9E44;
    font-size:10px;
}

.divChangeRegion td
{
    width:50%;
    padding-top:5px;
}

.infoBox
{
	border: 1px dotted #99c700; 
	padding-left: 15px; 
	padding-right: 15px; 
	padding-top: 10px;
}


.moI
{    
    padding:5px;
    width:190px;
    background:White;
    border:solid 1px #7B9E44;
    visibility: hidden;
    position:absolute;
}

.moIS
{
	Color: #629511;
}

#criteriaInfo
{
    visibility:hidden;
    position:absolute;
    width:250px;
    min-height:100px;
    padding:5px;
    border:solid 1px #99C700;
    background:White;
    font-size:10px;
    text-align:left;
    background:white url(../../_Img/Ajax-Loading.gif) no-repeat center center;
}

#criteriaInfo div
{
    float:right;
    margin-right:10px;
    text-align:center;
    cursor: pointer;
}

#criteriaInfo b
{
    font-size:12px;
    display:block;
    margin-bottom:10px;
}

#criteriaInfo2 div
{
    float:right;
    margin-right:10px;
    text-align:center;
    cursor: pointer;
}

#criteriaInfo2 b,
.moI b
{
    font-size:12px;
    display:block;
    margin-bottom:10px;    
}

.center
{
    text-align:center;
}

.right
{
    text-align:right;
}

.bordered
{
	padding-top: 5px; padding-bottom: 5px; border-top: solid 1px #99C700; border-bottom: solid 1px #99C700;
}

.bold
{
    font-weight:bold;
}

.termsAndConditionsTable td
{	
	padding-bottom: 10px;
}

.ico
{
    color:#99c700;
    display:-moz-inline-block;
    display:inline-block;
    padding-left:18px;
    text-decoration:none;
    font-weight:bold;
}

.ico:hover
{
    color:#789D3D;
}

.add
{
    background:url(../../_Img/Icons/Add.gif) no-repeat left center;    
}

.edit
{
    background:url(../../_Img/Icons/Write-Small.gif) no-repeat left center;    
}

.delete
{
    background:url(../../_Img/Icons/Delete.gif) no-repeat left center;    
}

.pay
{
    background:url(../../_Img/Icons/Pay.gif) no-repeat left center;  
}
