/*-=-=-=-=- GLOBAL -=-=-=-= */


* {margin:0;padding:0; }

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #333;
	margin: 0px;
	font-size:1em; /* equal to 16px*/
	text-align: center; /* for centering */
}

.container {
	margin: 0 auto;padding-bottom:60px;
	width: 960px;
	text-align: left;
	background-color: #fff;

  }
  
/* -=-=-=- HEADER -=-=-=- */  

.header {
	height:146px;
	position:relative;
	background-color: #58C0DB;
	background-image: url(../images/member_home-BG.jpg);
	background-repeat: no-repeat;
	background-position: -20px 0;
	padding:0 10px;
}



#nonMember .header {
	background-image: url(../images/non-member_home_headerBG.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}



/* logo */
.header img.logo {
	position:absolute;
	top:9px;
	left:20px;
}
#nonMember .header img.logo {position:absolute; top:13px; left:20px; }
 
/* login / search */ 
  
  #nonMember .header .right {position:absolute;top:28px;right:20px;}
  .header .right {
	text-align:right;
	position:absolute;
	top:18px;
	right:160px;
	width:auto;
}
  
  
  .header form {border:1px solid #aaa;width:226px;background:#FFF;position:absolute;top:20px; right:18px; }
  
 
  input.searchField  {width:186px;border:none;font-size:1em;height:24px; float:left;margin:3px 5px 0 5px;}
  .searchBtn {border-left:1px solid #aaa;float:right;}
  input.searchBtn  {padding:0;margin:0; }
 
 
 .userInfo {position:absolute;top:28px;right:30px;color:#036; font-size:13px;width:auto;text-align:right; }
 .userInfo a {color:#036;font-size:11px; }
 
 
/* nav */

.header ul#navlist {position:absolute; left:13px;top:84px;_top:80px;margin:0;padding:0;width:auto; }

#nonMember .header ul#navlist {position:absolute; left:13px;top:102px;_top:98px;margin:0;padding:0;width:auto; }
.header ul#navlist li
{
display: inline;
list-style-type: none;
padding: 5px 0;font-size:.875em;border-right:1px dotted #fff;_line-height:24px;
}
.header ul#navlist li.last {border:none;}
.header ul#navlist li a {margin:0 10px;padding:3px 5px; color:#fff; font-weight:bold; text-decoration:none; }
.header ul#navlist li a:hover, .header ul#navlist li.active a  {background:#0A5C8B;}
.header ul#navlist li a.first {margin-left:0;}
.header ul#navlist li a.first span {
	font-size:1.3em;
}

.header ul#navlist li.products {
	padding-right:10px;}


.header ul#navlist li.products a span { }

/* header landing pages */





  
/* -=-=-=- HOMEPAGE INTRO -=-=-=- */ 
  .intro {
	background-color: #58c0DB;
	background-image: url(../images/non-member_home_introBG.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	/*min-height:448px;
  	height:auto !important;
  	height:448px;*/
	padding:10px 20px;
	margin:0;
}

.intro .main {
	margin:0px 0 0 0;
	padding:0;
	min-height:400px;
	height:auto !important;
	height:400px;
	background-image: url(../images/non-member_home_introWhiteBoxBG.png);
	background-repeat: no-repeat;
	background-position: left top;
	/*ie6 hack*/
	_background-image: url(none);
	_background-color:#fff;position:relative;overflow:hidden;
}

.intro .main .left {width:570px;float:left; }
.intro .main .left h1 {margin:18px 45px 0 18px; font-size:1.688em; }
.intro .main .left p {margin:8px 45px 16px 18px; font-size:1.063em; color:#333;line-height:124%;}

.intro .main .left ul {margin:0;padding:0; font-size:0.938em; color:#333; }
.intro .main .left ul li {
	margin:0;padding:0;
	line-height:124%;
	list-style-type: none;
}
.intro .main .left ul li strong {font-size:1.133em; }

.intro .main .left ul li.leed, .intro .main .left ul li.suppliers, .intro .main .left ul li.discount  {
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:66px;margin:10px 45px 10px 18px;
	min-height:60px;
	height:auto !important;
	height:60px;
}
.intro .main .left ul li.leed  {
	background-image: url(../images/icon_recycleBin.png); 
	_background-image: url(../images/icon_recycleBin.gif); 
	}
.intro .main .left ul li.suppliers {
	background-image: url(../images/icon_clipBoard.png);
	_background-image: url(../images/icon_clipBoard.gif);
}
.intro .main .left ul li.discount {
	background-image: url(../images/icon_wallet.png);
	_background-image: url(../images/icon_wallet.gif);
	margin-bottom:8px;
}

.intro .main .left h1.sustainability {
	width: 522px; height: 28px;
	background: url("../images/introH1.gif") no-repeat;
	text-indent: -9999px;
}
.intro .main .left img.registerBtn {margin-left:18px; }


.intro .main .right {
	width:336px;
	position:absolute;top:0px; right:12px;
	
	margin-top:10px;
}

.intro .main .right div {padding:10px 20px 20px 20px;
background-image: url(../images/BG_memberSpotlight.png);
_background-image: url(../images/BG_memberSpotlight.jpg);

	background-repeat: no-repeat;
	background-position: left top; }
.intro .main .right div.btm {padding:0;height:10px;
background-image: url(../images/BG_memberSpotlight.png);
_background-image: url(../images/BG_memberSpotlight.jpg);
	background-repeat: no-repeat;
	background-position: left bottom; }
.intro .main .right h2.spotlight {
	width: 157px; height: 25px;
	background: url("../images/h1_memberSpotlight.gif") no-repeat;
	text-indent: -9999px;
}

.intro .main .right p {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:0.750em; color:#006699;line-height:136%;margin:15px 0;}
.intro .main .right p.credit {font-family:Arial, Helvetica, sans-serif;color:#036;line-height:120%;font-style:normal;margin-bottom:0;}
.intro .main .right p.credit strong {font-size:14px;}


.intro .mainBtm {background-image: url(../images/non-member_home_introWhiteBoxBG.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	/*ie6 hack*/
	_background-image: url(none);
	_background-color:#fff;
	height:6px;padding:0;margin:0; }
	
	
	
	
	
	
/* homepage products */
 
.products {_margin-bottom:30px; }
.products div.pad {padding:30px 6px 30px 18px;overflow:hidden; }

.products div h2.someProducts {
	width: 340px;
	height: 25px;
	text-indent: -9999px;
	background-image: url(../images/h2_someProducts.gif);
	background-repeat: no-repeat;
	margin-bottom:16px;
}

.products div.exampleProduct,
.products div.exampleProductLoggedIn 
{padding:0;width:280px;margin-right:20px;float:left;border:1px solid #ccc;text-align:center;height:220px; }

.products div.exampleProduct h2, 
.products div.exampleProductLoggedIn h2 
{color:#036;font-size:1em;margin:6px;}

.products div.exampleProduct h3,
.products div.exampleProductLoggedIn h3
 {font-size:1.125em;margin:6px;}
 
.products div.exampleProduct h3 span {display:block;font-size:0.688em;}
.products div.exampleProduct p {font-size:0.688em;}


.products div.exampleProductLoggedIn {height:280px; }

.products div.regTease {padding:0;width:220px;float:left; }
.products div.regTease h1.betterPurchasing {
	width: 200px;
	height: 38px;
	text-indent: -9999px;
	background-image: url(../images/h1_betterPurchasing.gif);
	background-repeat: no-repeat;
	margin-bottom:10px;
}
.products div.regTease p {font-size:12px; color:#333;line-height:150%;margin-bottom:16px;}


/*member home page */


.products div.filterContainer {width:200px;
	float:left;margin-right:20px; }


.products div.filters {
	margin:0 0px 8px 0;
	padding:0px;
	width:200px;
	/*float:left;*/
	border:1px solid #09619E;
	background-color:#2F9DC9;
	background-image: url(../images/filter_bg.png);
	background-repeat: no-repeat;
	background-position: 1px 1px;
	
}




.products div.filters div {padding:10px; }
.products div.filters div ul {
	list-style-type: none;
}

.products div.filters div ul li {border-top:1px dotted #fff;font-size:13px; font-weight:bold;color:#fff;padding:10px 0; }
.products div.filters div ul li.first {border-top:none; }
.products div.filters div ul li ul li {border:none;font-size:12px;font-weight:normal;padding:0;margin:6px 0 0 0;display:block; }
.products div.filters div ul li ul li.active {}
.products div.filters div ul li ul li a {color:#fff;padding:0;}
.products div.filters div ul li ul li.active a {
	padding-left:10px;
	background-image: url(../images/filter_marker.gif);
	background-repeat: no-repeat;
	background-position: 0 1px;
	text-decoration:none;
}
.products div.filters div ul li ul li.active a.reset {padding:0 0 0 4px;background:none; }


.products div.comments {
	margin:0 0px 8px 0;
	padding:0px;
	width:200px;
	/*float:left;*/
	border:1px solid #ccc;
	background-color:#fff;
	background-image: url(../images/comments_bg.gif);
	background-repeat: no-repeat;
	background-position: 1px 1px;
	
}
.products div.comments div {padding:20px 10px 10px 10px; }
.products div.comments div ul {
	list-style-type: none;
}
.products div.comments ul li {font-size:12px; color:#fff;padding:0;margin:0px 0 16px 0;display:block;background-image: url(../images/arrow_bullet.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:22px; }
.products div.comments ul li a {
	color:#009900;
	
}



.products div.listing { margin:0;padding:0;width:700px;float:left;}


.products div.listing h2.ourProducts {
	width: 200px;
	height: 28px;
	text-indent: -9999px;
	background-image: url(../images/h2_OurProducts.gif);
	background-repeat: no-repeat;
	margin-bottom:8px;float:left;
}

.products div.listing .view {
float:right;padding:0;margin:0;
}
.products div.listing .view span {
color:#666666;
float:left;
font-size:10px;
font-weight:bold;
line-height:22px;
margin-bottom:0;
margin-left:0;
margin-right:8px;
margin-top:0;
}

.products div.listing .view a {
float:left;
height:20px;
margin-bottom:0;
margin-left:0;
margin-right:5px;
margin-top:1px;
overflow-x:hidden;
overflow-y:hidden;
width:52px;
}

a.switch_thumb {
	width: 52px;
	height: 20px;
	line-height: 20px;
	padding: 0;
	margin: 10px 0;
	display: block;
	background: url(../images/switch2.gif) no-repeat;
	outline: none;
	text-indent: -9999px;
}




a.swap {
background-position:left bottom;
}


.products div.listing h3 {background:#efefef;font-size:1.125em;font-weight:normal;color:#666;padding:5px;clear:both;}
.products div.listing h3 span a {color:#009900;font-size:0.750em;margin-left:8px;}

.products div.listing div.item {margin:10px 0 30px 0;padding:0; width:700px;font-size:0.813em;overflow:hidden; }
.products div.listing div.item div {margin:0;padding:0;}
.products div.listing div.item div.productShot {float:left;width:160px; }
.products div.listing div.item div.productInfo {float:left;width:500px;margin-left:20px; }
.products div.listing div.clear {display:none;}


.item img {border:1px solid #999; }

.products div.listing div.item h4 {font-size:1.077em;padding-bottom:6px;}
.products div.listing div.item h4 a {color:#036;}
.products div.listing div.item .itemNum { color:#666; font-size:0.923em;margin:2px 0;}
.products div.listing div.item .price {margin:4px 0; font-weight:bold;font-size:1.154em;}
.products div.listing div.item .description {margin:8px 0; }


/* grid view */

div.grid-view div.productInfo .description, 
div.grid-view div.productInfo .itemNum  {display:none; }

.products div.listing div.grid-view div.item {margin:10px 15px 10px 0px;padding:0; width:160px;font-size:0.813em;float:left; }
.products div.listing div.grid-view div.item div.productInfo {width:148px;margin:0px;padding:6px;text-align:center; }
.products div.listing div.grid-view div.clear {clear:both;display:block;width:700px;font-size:1px;}
.products div.listing div.list-holder div.clear {clear:both;display:block;width:700px;font-size:1px;}

.products div.listing div.grid-view div.item h4 {font-size:0.923em;}
.products div.listing div.grid-view div.item .itemNum { color:#666; font-size:0.923em;margin:2px 0;}
.products div.listing div.grid-view div.item .stats {font-size:.846em;}



.general { width:700px;}
.full {width:940px; }
.general div.pad, .full div.pad {padding:30px 18px;overflow:hidden; }
.general div.pad div.items-list { padding:0;}
.general div.pad p {margin:16px 0;font-size:.875em;line-height:1.5em;}


.general div.pad h2.AboutUs {
	width: 200px;
	height: 28px;
	text-indent: -9999px;
	background-image: url(../images/h2_AboutUs.gif);
	background-repeat: no-repeat;
	margin-bottom:8px;
}


.general div.pad h2.AboutProject {
	width: 300px;
	height: 28px;
	text-indent: -9999px;
	background-image: url(../images/h2_AboutProject.gif);
	background-repeat: no-repeat;
	margin-bottom:8px;
}


.general div.pad h2.WhatLEED {
	width: 300px;
	height: 28px;
	text-indent: -9999px;
	background-image: url(../images/h2_WhatLEED.gif);
	background-repeat: no-repeat;
	margin-bottom:8px;
}

.products div.listing h2.OfficeSupplies {
	width: 300px;
	height: 28px;
	float:left;
	text-indent: -9999px;
	background-image: url(../images/h2_OfficeSupplies.gif);
	background-repeat: no-repeat;
	margin-bottom:8px;
}

.general div.pad h2.Register {
	width: 300px;
	height: 28px;
	text-indent: -9999px;
	background-image: url(../images/h2_Register.gif);
	background-repeat: no-repeat;
	margin-bottom:8px;
}
.general div.pad h2.Success {
	width: 300px;
	height: 28px;
	text-indent: -9999px;
	background-image: url(../images/h2_Success.gif);
	background-repeat: no-repeat;
	margin-bottom:8px;
}
.general div.pad h2.Contact {
	width: 300px;
	height: 28px;
	text-indent: -9999px;
	background-image: url(../images/h2_ContactUs.gif);
	background-repeat: no-repeat;
	margin-bottom:8px;
}

.general div.pad form.register {width:340px;float:left; }
.general div.pad form.register label {margin:18px 0px 3px 0px;padding:0;display:block;font-size:12px;font-weight:bold; }

.general div.pad form.register input.text
{margin:0px 0px 0px 0;display:block;border:3px double #999;font-size:16px;padding:4px;width:330px; }

.general div.pad form.register select
{margin:0px 0px 0px 0;display:block;font-size:14px;padding:4px;width:336px; }

.general div.pad form.register p {color:#000;font-size:12px;margin:16px 0px;display:block; }
.general div.pad form.register p.note {color:#666;font-size:11px;margin:3px 0px 18px 0px;display:block; }
.general div.pad form.register p a {color:#333; }

.general div.pad form.register a.cancel {font-size:12px;color:#666;font-weight:bold;padding:32px 0 0 20px;width:50px;float:left;}

.general div.pad form.register input.btn {margin:16px 0px;width:126px;float:left; }

.general div.pad .signUp {float:left;width:200px;margin-left:60px;margin-top:18px; }
.general div.pad .signUp h3 {
	width: 152px;
	height: 15px;
	text-indent: -9999px;
	background-image: url(../images/h3_signup.gif);
	background-repeat: no-repeat;
	margin-bottom:4px;
	}
.general div.pad .signUp p { font-size:12px;color:#333;margin:0;padding:0;}

.general div.pad ul.success {border-bottom:1px solid #ccc;padding-bottom:16px;margin-bottom:16px; }
.general div.pad ul.success li {
	list-style-type: none;color:#333;
	background-image: url(../images/arrow_bullet.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:22px; font-size:14px;margin:16px 0;
}

.general div.pad ul.success li span {background-color:#FFC; padding:3px; }


h4.joinUs {
	padding-left:66px;
	width:500px;
	background-image: url(../images/icon_env.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height:44px;margin:0;
}
.general div.pad p.instruction {padding-left:66px;margin:0; font-size:12px;width:500px;color:#333;}



/* -=-=-=- PRODUCT LANDING -=-=-=- */

.productLandingImage { border:1px solid #999;float:left;width:340px;}

.productLandingDescription {float:left;width:500px;margin-left:60px; }
.productLandingDescription h2 {font-size:21px;margin-bottom:3px; }
.productLandingDescription p.stats {font-size:14px;margin-bottom:3px; }
.productLandingDescription p.itemNum {font-size:12px;margin-bottom:10px; }

.productLandingDescription ul { }
.productLandingDescription ul.description li {
	list-style-type: none;color:#333;
	background-image: url(../images/arrow_bullet.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:22px; font-size:16px;font-weight:bold;margin:16px 0;
}

.productLandingDescription ul li ul li {list-style-type: disc;background:none;padding-left:0;font-size:12px;font-weight:normal;margin:4px 12px; }

.productLandingDescription .buyContact {border:1px solid #ff9900; background:#FF9;padding:10px 10px 20px 10px;overflow:hidden; }
.productLandingDescription .buyContact p {font-size:13px;margin:0 0 3px 5px;}
.productLandingDescription .buyContact a {font-size:13px;color:#FF6600;margin-left:5px;}
.productLandingDescription .buyContact img {margin-bottom:6px; }

.productLandingDescription .buyContact p.price {font-size:18px; font-weight:bold;margin-bottom:10px; }

.productLandingDescription .buyContact .clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

.productLandingDescription .buyContact a.button {
    background: transparent url('../images/buy_a.png') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 49px;
    margin-right: 6px;margin-left:0;
    padding-right: 23px; /* sliding doors padding */
    text-decoration: none;
}

.productLandingDescription .buyContact a.button span {
    background: transparent url('../images/buy_span.png') no-repeat;
    display: block;
    line-height: 39px;
    padding: 4px 0px 6px 115px;color:#fff;
} 

.productLandingDescription .buyContact p.instruction {margin:5px 0 0 5px; font-size:11px;color:#666;}

.productLandingDescription .buyContact .dot {
	background-image: url(../images/buyContact_divider.gif);
	background-repeat: repeat-x;
	background-position: left top;height:3px;margin:16px 0;
}

/* -=-=-=- FOOTER -=-=-=- */


.footer {margin:10px 18px 10px 18px;border-top:1px solid #ccc; border-bottom:1px solid #ccc;color:#666;clear:both; overflow:hidden;height:44px;  }
.footer img {float:left; width:80px; }
.footer ul { margin-top:10px;}
.footer ul li
{
display: inline; border-right:1px solid #ccc;
list-style-type: none;
padding: 0px 10px;font-size:0.688em;line-height:26px;margin-top:10px;
}
.footer ul li a {text-decoration:none;color:#757575; }
.footer ul li a:hover {text-decoration:underline;}
.footer ul li.last {border:none;margin-right:10px}


/*  pop up */

.popHead {background:#329ABD;height:70px;text-align:left;}
.popBody {text-align:left; }
.popBody form.loginForm a { font-size:12px;color:#757575;display:block;margin-top:6px;}
.popBody form.logIn label {margin:18px 0px 3px 18px;padding:0;display:block;font-size:12px;font-weight:bold; }

.popBody form.logIn input.text
{margin:0px 18px;display:block;border:3px double #999;font-size:16px;padding:4px;width:340px; }

.popBody form.logIn a {color:#666;font-size:11px;margin:3px 0px 16px 18px;display:block; }
.popBody form.logIn input.btn {margin:0px 18px; }

/* -=-=-=- ADMIN TABLES -=-=-=- */ 
.oddrow {background-color:#efefef;} 
.breadCrumb {padding:0px 0 12px 0;font-size:10px;display:block;color:#333; } 
.breadCrumb a {color:#454545;} 
#list .list table, .list table {border:1px solid #ccc;width:100%;border-bottom:none;margin:10px 0; } 
#list .list table tr, .list table tr {
	background-image: url(../images/bg_border.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	} 
#list .list table tr td, .list table tr td {padding:4px;font-size:12px} 
.list table tr th {font-size:12px;background:#ececec;line-height:150%; text-align:left;padding:4px }
#list .list table tr td a, .list table tr td a {margin-right:10px; color:#036 } 
.dialog table {border:1px solid #ccc;width:100%;border-bottom:none;margin:10px 0; } 
.dialog table tr {background-image: url(../images/bg_border.gif);
	background-repeat: repeat-x;
	background-position: left bottom; } 
.dialog table tr td {padding:4px;font-size:12px } 
.dialog table tr.prop td {border-top:1px solid #999;  } 

.dialog table tr.prop td.name {width:80px; }
.dialog table tr.prop td.name label {font-weight:bold;} 

.paginateButtons {font-size:12px;margin:16px 0;  }
.paginateButtons span {margin-right:5px; }
.paginateButtons a {margin-right:5px; }

.export {font-size:12px;background:#ececec; }
.export span {margin-left:10px; }

/* BUTTONS */ 
.buttons {margin-top:16px;padding:10px 0 0 0; } 
.buttons .button input {margin:0px 16px 0 0px; } 

/*contact */ 
form.contact label {margin:18px 0px 3px 0px;padding:0;display:block;font-size:12px;font-weight:bold; } 
form.contact label span, form.contact p span  {color:orange; } 
.general div.pad form.contact p  {margin:4px;font-size:12px;} 
form.contact input {margin:0px 0px;display:block;border:3px double #ccc;font-size:16px;padding:4px;width:340px; } 
form.contact select {margin:0px 0px;display:block;border:3px double #ccc;font-size:14px;padding:4px; } 
form.contact textarea {margin:0px 0px;display:block;border:3px double #ccc;font-size:16px;padding:4px;width:620px; } 
form.contact input.btn {border:none;width:98px;margin:20px 0 }

/* BUTTONS */ 
.buttons {margin-top:16px;padding:10px 0 0 0; } 
.buttons .button input {margin:0px 16px 0 0px; } 
/* return button */ 
.return { /* generic container (i.e. div) for floating buttons */    
overflow: hidden;    width: 100%;    margin-bottom:10px; } 
a.button {    background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right;    color: #444;    display: block;    float: left;    font: normal 12px arial, sans-serif;    height: 24px;    margin-right: 6px;    padding-right: 10px; /* sliding doors padding */    text-decoration: none; } 

a.button:hover { text-decoration:underline;} 
a.button span {    background: transparent url('../images/bg_button_span.gif') no-repeat;    display: block;    line-height: 14px;    padding: 5px 0 5px 20px; } a.button:active {    background-position: bottom right;    color: #000;    outline: none; /* hide dotted outline in Firefox */ } 
a.button:active span {    background-position: bottom left;    padding: 5px 0 5px 20px; /* push text down 1px */ } /* 

/success messages */ 
.error {    border:1px solid red;    background-color:#fcc;    padding:5px 5px 5px 25px;    color:#000;    font-size:12px;    margin-bottom:10px;    background-image: url(../images/exclamation.gif);    background-repeat: no-repeat;    background-position: 5px 5px; } 

.error ul {
	list-style-position: inside;
	list-style-type: none;
}
.success {    border:1px solid green;    background-color:#cfc;    padding:5px 5px 5px 25px;    color:#000;    font-size:12px;    margin-bottom:10px;    background-image: url(../images/accept.gif);    background-repeat: no-repeat;    background-position: 5px 5px; } 

.success ul {
	list-style-position: inside;
	list-style-type: none;	
	}

.ygtvcontent {
cursor:default;
font-size:12px;
font-weight:normal;
}

.supplierNotes{
    margin-left: 5px; margin-bottom:20px;
}

.supplierNotes ul{
    margin-left: 22px;
}
a, a:visited {
	color: #0060ff;
	text-decoration: none;
}
a:active,
a:hover {
	color: #076e1d;
}
h1 a, h2 a, h3 a {
	color: #000;
	text-decoration: none;
}
h1 a:hover, h2 a:hover, h3 a:hover {
	color: #009900;
}