/*
---------------------------------------------------------------------------------------- global
*/
html, body {
height: 100%;
min-height: 100%;
margin:0px 0 0 0;
padding:0px;
}
div.layout {
min-height: 100%;
}
* html div.layout { /*hack for IE5+*/
height: 100%
}

body {
	background-color:#E7E8E9;
	margin:0px 0px 0px 0px;
	padding: 0px 0 0 0;
	font-size: 62.54%;
	font-family: Arial, Helvetica, sans-serif;
	overflow-y:scroll;
}
div.layout {
	width: 860px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
}
.container{
	position:absolute;
	width:860px;
	background-color:#FFFFFF;
	background-image:url(curved_bg.jpg);
}
form {
	margin: 0;
}
img {
	border: none;
}
hr {
	border: solid 1px #E2E2E2;
	color: #E2E2E2;
	height: 2px;
}
hr.important {
	border: solid 1px #000000;
	color: #000000;
	height: 2px;
	width: 100%;
	margin: 15px 0 0 0;
}
div.scrollTerms {
	height: 100px;
	overflow: scroll;
	border: solid 1px #000000;
	margin: 5px 0 10px 0;
	padding: 5px;
	
}
span.required {
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1em;
	color: #FF0000;
}
div.error {
	font-size: 1.2em;
	color: #FF0000;
	font-weight: bold;
	margin: 20px 0 10px 0;
	padding: 5px 7px 5px 7px;
	background-color: #FFEAEA;
}
div.message {
	font-size: 1.2em;
	color: #0066CC;
	font-weight: bold;
	margin: 0 0 5px 0;
}
.hidden {
	display: none;
}
div.sessionDebug{
position:absolute;
top:10px;
left:5px;
width:400px;
z-index:2;
}
div.menu{
background-image:url(menu_bg.jpg);
background-position:bottom;
background-repeat:repeat-x;
margin:0px 0px 0px 0px;
width:840px;
position:absolute;
top:75px;
left:0px;
}



a img{
	border:none;
}
a div{
	cursor:pointer;
}
.mainStrip{
height:5px;
width:841px;
background-color:#7BC143;
}

.main{
background-image:url(main_bg.jpg);
background-position:bottom left;
background-repeat:no-repeat;
background-color:#7BC143;
width:841px;
height:140px;
margin:0px 0px 0px 0px;
padding:0px;
z-index:1;
border:none;
}
/*
---------------------------------------------------------------------------------------- abs pos for headings
*/
.main .headings{
position:absolute;
top:117px;
left:23px;
width:600px;
color:#FFFFFF;
}

.main h1{

font-size:48px;
color:#000000;
width:580px;
margin:0px;
font-weight:normal;
padding:0px;
height:60px;
z-index:20;
}

.main h2{

margin:0px 0px 0px 0px;
width:580px;
color:#979797;
font-size:18px;
font-weight:normal;
padding:0px;

}
.main p{

margin:20px 0px 0px 0px;
width:480px;
color:#FFFFFF;
font-size:12px;
font-weight:normal;
padding:0px;
}

/*
---------------------------------------------------------------------------------------- table.input
*/
table.input {
	border-collapse: collapse;
	border: none;
	padding: 0;
	margin: 0;
	font-size: 1.2em;
	width: 100%;
}
table.input th {
	text-align: left;
}
table.input tr {
	padding: 5px 5px 0 0;
}
table.input col.label {
	width: 30%;
}
table.input col.field {
	width: 70%;
}


/*
---------------------------------------------------------------------------------------- table.input
*/
div.right table.input col.label {
	width: 25%;
}
div.right table.input col.field {
	width: 75%;
}


/*
---------------------------------------------------------------------------------------- table.survey
*/
table.survey {
	border-collapse: collapse;
	border: none;
	padding: 0;
	margin: 0;
	font-size: 1.2em;
}
table.survey th {
	text-align: left;
}
table.survey tr {
	padding: 5px 5px 0 0;
}
table.survey col.label {
	width: 80%;
}
table.survey col.field {
	width: 20%;
}
/*
---------------------------------------------------------------------------------------- main logo
*/
div.mainLogo{
position:absolute;
left:665px;
top:82px;
z-index:1000;
}


/*
---------------------------------------------------------------------------------------- header
*/
div.header {
	width:100%;
	position:relative;
	background-image:url(curved_bg_top.jpg);
	background-repeat:no-repeat;
	z-index:1;
	height:100px;

}
div.header ul {
	list-style: none;
	height: 25px;
	margin: 0px 0px 0px 20px;
	padding: 0px;
}
div.header ul li {
	float: left;
	font-size: 14px;
	margin: 0 10px 0 0;
	padding: 0;
	font-weight:bold;
	display:inline;
}
div.header ul li a {
	text-decoration: none;
	color: #000;
	margin:0px;
	padding: 0px;
}
div.header img.logo {
	border: none;
	margin:20px 0px 0px 20px;
}
div.accUserDisplay {
	border: none;
	text-align:right;
	margin:10px 0px 0px 0px;
	float:right;
	padding:0px;
	display:inline;
}


/*
---------------------------------------------------------------------------------------- tabs
*/
div.header div.menu ul{

}

div.header div.menu ul li.selected {
	background: url(menuHomepageRight.gif) no-repeat right top;
	padding: 6px 0 3px 0;
}
div.header  div.menu ul li.selected a {
	color: #FFFFFF;
	background: url(menuHomepageLeft.gif) no-repeat left top;
	padding: 6px 10px 3px 10px;
}
div.header div.menu  ul li {
	background: url(menuNoneRight.gif) no-repeat right top;
	padding: 6px 0 3px 0;
}
div.header  div.menu ul li a {
	background: url(menuNoneLeft.gif) no-repeat left top;
	padding: 6px 10px 3px 10px;
}
div.header  div.menu ul li.members a {
	color: #595959;
}
div.header  div.menu ul li.home a {
	color: #568F07;
}
div.header  div.menu ul li.homeCont a {
	color: #568F07;
}
div.header  div.menu ul li.packaging a {
	color: #10335b;
}
div.header  div.menu ul li.weee a {
	color: #6e1b51;
}
div.header  div.menu ul li.rohs a {
	color: #0090a3;
}
div.header  div.menu ul li.batteries a {
	color: #000000;
}
/*
---------------------------------------------------------------------------------------- login panel
*/

div.login{
	display:none;
}

/*
---------------------------------------------------------------------------------------- sub menu
*/
div.sideMenu ul.subMenu  {
	
	padding: 0;
	margin: 0px 0 0 25px;
	list-style:none;
	font-size:20px;
	font-weight:bold;
}
div.sideMenu ul.subMenu li {
	background-image: none;
	padding: 0;
	margin: 5px 0px 0px 0px;
	
}
div.sideMenu ul.subMenu li a {
	color: #ffffff;
	background-image: none;
	padding: 0;
	margin: 0;
	font-size: .9em;
	font-weight: normal;
}
div.sideMenu ul.subMenu li.selected a {
	color:#000000;
}
div.sideMenu ul.subMenu li.sep {
	border-right: 1px solid #fff;
	margin: 7px 6px 0 3px;
	padding: 3px 0 0 0;
	font-size: 8px;
}
div.sideMenu{
	width:210px;
	float:left;
	height:300px;
	display:inline;
}


/*
---------------------------------------------------------------------------------------- SUB SUB menu
*/
div.sideMenu ul.subMenu ul.subMenu {
	
	padding: 0;
	margin: 0px 0 0 0px;
	list-style:none;
	font-size:18px;
	font-weight:normal;
}
div.sideMenu ul.subMenu ul.subMenu li {
	background-image:url(sub-submenu_bg.gif);
	background-position: left top;
	background-repeat:no-repeat;
	padding: 0 0 0 17px;
	margin: 5px 0px 0px 0px;
	
}
div.sideMenu ul.subMenu ul.subMenu li a {
	color: #ffffff;
	background-image: none;
	padding: 0;
	margin: 0;
	font-size: .8em;
	font-weight: normal;
}
div.sideMenu ul.subMenu ul.subMenu li.selected a {
	color:#000000;
}
div.sideMenu ul.subMenu ul.subMenu li.sep {
	border-right: 1px solid #fff;
	margin: 7px 6px 0 3px;
	padding: 3px 0 0 0;
	font-size: 8px;
}

/*
----------------------------- login/out panel
*/
div.loginPanel{
width:185px;
margin:20px 0px 0px 25px;
font-size:14px;
}
div.loginPanel span.siteName{
color:#FFFFFF;
font-weight:bold;
}
div.loginPanel a{
color:#FFFFFF;
}

/*
----------------------------- top menu
*/
.topMenu{
height:46px;
float:right;
margin:20px 30px 0px 0px;
font-size:13px;
color:#999999;
text-align:right;
}
.topMenu a{

}

/*
----------------------------- clients
*/
.panelClients{
float:left;
width:265px;
background-image:url(feature_box_clients.jpg);
margin:10px 0px 0px 10px;
height:140px;
display:inline;
}
.panelClients .panelContent{
margin:15px 20px 20px 20px;
}
.panelClients .panelContent img{
float:right;
margin:0px 0px 0px 0px;
border:none;
display:inline;
}
.panelClients .panelContent p{
margin:40px 0px 0px 0px;
padding:0px;
}



/*
------------------------------------------ members
*/
.panelMembers{
float:left;
width:265px;
background-image:url(feature_box_members.jpg);
margin:10px 0px 0px 10px;
height:140px;
display:inline;
}
.panelMembers .panelContent{
margin:40px 20px 20px 20px;
}

/*
--------------------------------------------------------------- login info panel
*/

div.loginInfoPanel{
width:220px;
font-size:1.3em;
color:#000000;
padding:0px;
margin:5px 0px 0px 0px;
overflow:visible;
}
div.loginInfoPanel span.prominent{
font-weight:bold;
}
div.loginInfoPanel UL{
margin:0px;
padding:0px;
list-style:none;

}
div.loginInfoPanel LI{
margin:2px;
padding:0px;
}
div.loginInfoPanel LI span.selected{
font-weight:bold;
}
div.loginInfoPanel table.input{
font-size:12px;
margin-top:15px;
}
/*
---------------------------------------------------------------------------------------- custom panel
*/
div.right div.panel{

float:left;
width:265px;
margin:20px 0px 0px 10px;
height:140px;
display:inline;
}
div.featurePanelContent{
top:30px;
left:13px;
height:140px;
padding:0px;
position:relative;
}
div.featurePanel{
width:200px;
float:right;
height:121px;
cursor:pointer;
display:inline;
}


/*
---------------------------------------------------------------------------------------- banner text
*/
div.header h1 {	
	position: absolute;
	top: 95px;
	margin: 0 0 0 33px;
	padding: 0;	
	color: #fff;
	font-size: 4em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
div.header h2 {
	position: absolute;
	top: 140px;
	margin: 0 0 0 35px;
	padding: 0;	
	color: #fff;
	font-size: 2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
/*
---------------------------------------------------------------------------------------- highlight
*/

div.header div.highlight1{
position:absolute;
right:19px;
top:52px;
width:333px;
height:20px;

}
div.header div.highlight2{
position:absolute;
right:19px;
top:90px;
width:333px;
height:20px;

}

/*
---------------------------------------------------------------------------------------- content
*/
div.content {
	z-index: 1;
	background-color: #FF0000;
	position: relative;
	top: 60px;
}
div.homeImageLeft {
	float: left;
	clear: none;
	width: 237px;
	padding: 20px 0 20px 0;
	margin: -30px 0 0 0;
	display:inline;
}
div.homeImageLeft p {
	float: left;
	width: 180px;
	position: absolute;
	top: 283px;
	left: 55px;
	clear: none;
	line-height: 13px;
	display:inline;
}
div.homeImageRight {
	float: left;
	width: 210px;
	clear: none;
	padding: 20px 0 20px 0;
	margin: -30px 0 0 0;
	display:inline;
}
div.homeImageRight p {
	float: left;
	width: 180px;
	position: absolute;
	top: 377px;
	left: 292px;
	clear: none;
	line-height: 13px;
	display:inline;
}
div.testimonialContainer {
	position: absolute;
	top: 563px;
	left: 40px;
	font-size: 11px;
	padding: 0 0 0 20px;
}
div.testimonial {
	float: left;
	clear: none;
	width: 135px;
	height: 100px;
	text-align: center;
	margin: 0 0px 0 0px;
	display:inline;
}
div.testimonial a {
	font-weight: bold;
}





/*
---------------------------------------------------------------------------------------- product download styles
*/
div.productPanelTabs{
display:block;
width:400px;
position:relative;
height:50px;
}

div.productPanelTabs div{
width:100px;
height:40px;
float:left;
text-align:center;
font-size:14px;
padding:10px 5px 0px 5px;
cursor:pointer;
font-weight:bold;
display:inline;
}

div.productPanelTabs div.selected2{
background-color:#EADBE9;
}
div.productPanelTabs div.selected1{
background-color:#DDE2E8;
}
div.productPanelTabs div.selected3{
background-color:#DBEFF2;
}
div.productPanelTabs div.selected6{
background-color:#FFF0DD;
}
div.productPanelTabs a{
color:#000000;
}

div.productPanel2{
background-image:url(panel_bg_weee.jpg);
background-position:top left;
background-repeat:repeat-x;
width:350px;
height:480px;
padding:10px 0px 0px 10px;
display:none;
overflow:visible;
margin:0px;
}
div.productPanel1{
background-image:url(panel_bg_packaging.jpg);
background-position:top left;
background-repeat:repeat-x;
width:350px;
height:480px;
padding:10px 0px 0px 10px;
display:none;
overflow:visible;
margin:0px;
}
div.productPanel3{
background-image:url(panel_bg_rohs.jpg);
background-position:top left;
background-repeat:repeat-x;
width:450px;
height:480px;
padding:10px 0px 0px 10px;
display:none;
overflow:visible;
margin:0px;
}
div.productPanel6{
background-image:url(panel_bg_batteries.jpg);
background-position:top left;
background-repeat:repeat-x;
width:400px;
height:480px;
padding:10px 0px 0px 10px;
display:none;
overflow:visible;
margin:0px;
}

div.productHost{
float:left;
margin:0px 1px 10px 10px;
color:#FFFFFF;
font-size:12px;
width:180px;
height:130px;
display:inline;
}
 div.productHost a, div.productHost a:visited{
 display:inline;
 padding:0px;
 margin:0px;
 color:#FFFFFF;
 }

 div.productHost div{
width:180px;
height:130px;
position:absolute;
background-position:top left;
background-repeat:no-repeat;

}
 div.productHost div img{
margin:11px 0px 0px 12px;
}
 div.productHost div div img{
margin:0px;
}
 div.productHost div div{
height:120px; 
width:168px;
 }
 div.productHost div h4{
bottom:17px;
left:20px;
color:#FFFFFF;
padding:0px;
font-size:12px;
font-weight:normal;
position:absolute;
margin:0px;
}
 div.productHost div.unitCost{
position:absolute;
width:70px;
height:70px;
right:0px;
top:0px;
}

div.productHost div  div.productSummary{
z-index:10;
display:none;
position:absolute;
top:0px;
left:0px;
width:140px;
height:115px;
padding:15px 20px 0px 20px;
font-size:12px;
}

 div.productHost div  div.productSummaryShow{
z-index:10;
display:block;
position:absolute;
top:0px;
left:0px;
width:140px;
height:115px;
padding:15px 20px 0px 20px;
font-size:12px;
color:#FFFFFF;
}




.product_2_bg{
background-image:url(products_weee_bg.png);

}
.product_2_summary{
background-image:url(products_weee_bg_summary.png);
}
.memberHeading2{
font-size:18px;
font-weight:bold;
clear:both;
border-bottom:1px solid #000000;
margin:0px 10px 10px 0px;
}

.product_1_bg{
background-image:url(products_packaging_bg.png);

}
.product_1_summary{
background-image:url(products_packaging_bg_summary.png);
}
.memberHeading1{
font-size:18px;
font-weight:bold;
clear:both;
border-bottom:1px solid #000000;
margin:0px 10px 10px 0px;
padding:0px;
}

.product_3_bg{
background-image:url(products_rohs_bg.png);

}
.product_3_summary{
background-image:url(products_rohs_bg_summary.png);
}
.memberHeading3{
font-size:18px;
font-weight:bold;
clear:both;
border-bottom:1px solid #000000;
margin:0px 10px 10px 0px;
}

.product_6_bg{
background-image:url(products_batteries_bg.png);


}
.product_6_summary{
background-image:url(products_batteries_bg_summary.png);
}
.memberHeading6{
font-size:18px;
font-weight:bold;
clear:both;
border-bottom:1px solid #000000;
margin:0px 10px 10px 0px;
padding:0px;
}


/*
---------------------------------------------------------------------------------------- left
*/
div.left {
	width: 410px;
	float: left;
	padding: 0 0 0 25px;
	margin: 5px 20px 0px 0;
	position: relative;
	z-index: 1;
	display:inline;
}
div.left h1 {
	font-size: 2em;
	margin: 0 0 10 0;
	padding: 0 0 0 0;
	color: #000000;
}
div.left h2 {
	font-size: 24px;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	color: #568F07;
	font-weight:normal;
}
div.left h3 {
	font-size: 1.5em;
	font-weight: bold;
	padding: 0;
	margin:  0 0 5px 0;
}
h3 a {
	color: #000000;
	text-decoration: none;
}
div.left p {
	font-size: 1.2em;
	margin: 0 0 0px 0;
	padding: 0;
	line-height:17px;
}
a {
	color: #568F07;
	text-decoration: none;
}
div.left  ul{
padding:0px;
margin:0px 0px 0px 15px;
}
div.left li {
	font-size: 1.2em;
	margin: 0;
	padding: 0 0 5px 5px;
}
div.left li li{
	font-size: 1em;
}
div.left p.quote{
float:right;
width:280px;
display:inline;
}
table.cols span.green{
color:#568F07;
font-weight:bold;
}
table.cols{
font-size:1.2em;
}
/*
---------------------------------------------------------------------------------------- right
*/


div.right {
	float: left;
	min-height:240px;
	position: relative;
	background-repeat: no-repeat;
	width: 166px;
	margin: 0px 5px 0px 10px;
	padding:0px;
	display:inline;
}
div.right h2 {
	color: #568F07;
	font-size: 1.7em;
	margin: 0 0 10px 0;
}
div.right h3 {
	font-size: 1.4em;
	font-weight: bold;
}
div.right p {
	font-size: 1.2em;
	margin: 0 0 25px 0;
}
div.right p.rss {
	
	position:absolute;
	top:115px;
	left:50px;
	
}
div.right div.didYouKnow{
	background-image:url(did_you_know_bg.png);
	width:166px;
	height:142px;
	float:left;
	margin:0px 0px 0px 0px;
	display:inline;
}
div.right div.didYouKnow p{
	margin:65px 10px 20px 15px;
	font-size:12px;
}
/*
------------------------------ news
*/
.panelNews{
float:left;
width:166px;
background-image:url(news_panel_bg.png);
margin:0px 0px 0px 0px;
height:142px;
display:inline;
}
.panelNews .panelContent{
margin:65px 10px 20px 15px;
}
.panelNews .panelContent a{
color:#000000;
}
.panelNews .panelContent p{
display:none;
margin:0px;
	font-size:12px;

}
/*
------------------------------ battery box panel
*/
div.right div.panelBatteryBox{
	background-image:url(battery_box_bg.png);
	width:166px;
	height:90px;
	float:left;
	margin:0px 0px 0px 0px;
	display:inline;
	cursor:pointer;
}
div.right div.panelBatteryBox p{
	margin:95px 10px 20px 15px;
	font-size:12px;
}
div.right div.panelBatteryBox a{
	color:#000000;
}
/*
------------------------------ map search panel
*/
div.right div.panelMapSearch{
	background-image:url(map_search_bg.png);
	width:166px;
	height:90px;
	float:left;
	margin:0px 0px 0px 0px;
	display:inline;
	pointer:cursor;
}
div.right div.panelMapSearch form{
	margin:56px 10px 20px 15px;
	font-size:12px;
}
div.right div.panelMapSearch input{
	height:18px;
	font-size:12px;
	padding:0px;
	margin:0px;
	border:0px;
}
/*
---------------------------------------------------------------------------------------- locator map
*/
#map { float:left; width:400px; height:400px;display:inline; }
#message { position:absolute; padding:10px; background:#555; color:#fff; width:75px; }

/*
---------------------------------------------------------------------------------------- join tabs
*/
ul.joinUsTabs{
width:563px;
height:125px;
position:absolute;
top:410px;
left:20px;
margin:0px;
padding:0px;
list-style:none;
list-style-type:none;
}
ul.joinUsTabs li{
height:125px;
width:190px;
margin:0px 0px 0px -20px;
padding:0px;
float:left;
display:inline;
}
ul.joinUsTabs li div{
width:190px;
height:125px;
}
ul.joinUsTabs li span.hide{
display:none;
}
ul.joinUsTabs li.tabUp0{
background-image:url(joinUsTabs0Up.png);
}
ul.joinUsTabs li.tabUp1{
background-image:url(joinUsTabs1Up.png);
}
ul.joinUsTabs li.tabUp2{
background-image:url(joinUsTabs2Up.png);
}

ul.joinUsTabs li.tabDown0{
background-image:url(joinUsTabs0Down.png);
}
ul.joinUsTabs li.tabDown1{
background-image:url(joinUsTabs1Down.png);
}
ul.joinUsTabs li.tabDown2{
background-image:url(joinUsTabs2Down.png);
}

/*
---------------------------------------------------------------------------------------- battery box ordering
*/
.clear{
clear:both;
}

.box{
width:195px;
height:195px;
margin:0px 0px 20px 0px;
display:inline;
/*
note that floating is handled at the element style level
*/
}
.box .qty{
margin:128px 20px 0px 0px;
height:30px;
width:110px;
text-align:right;
float:right;
color:#FFFFFF;
font-size:12px;
display:inline;
}
.box .qty select{
vertical-align:middle;
width:40px;
height:19px;
}
.box .price{
float:left;
width:42px;
color:#FFFFFF;
margin:130px 0px 0px 13px;
font-size:12px;
font-weight:bold;
display:inline;
}
.box .productName{
margin:10px 5px 0px 5px;
height:25px;
width:170px;
float:left;
color:#FFFFFF;
font-size:18px;
display:inline;
vertical-align:middle;
font-weight:bold;
}


.smallBox{
width:130px;
height:130px;
margin:0px 6px 20px 0px;
display:inline;
/*
note that floating is handled at the element style level
*/
}
.smallBox .productName{
margin:7px 0px 0px 5px;
height:25px;
width:125px;
float:left;
color:#FFFFFF;
font-size:12px;
display:inline;
vertical-align:middle;
font-weight:bold;
}
.smallBox .qty{
margin:74px 10px 0px 0px;
height:20px;
width:64px;
text-align:right;
float:right;
color:#FFFFFF;
font-size:12px;
display:inline;
vertical-align:middle;
}

.smallBox .qty select{
vertical-align:middle;
width:40px;
height:17px;
font-size:11px;
padding:0px;
}
.smallBox .qty select option{
font-size:11px;
padding:0px;
margin:0px;
}
.smallBox .price{
float:left;
width:48px;
color:#FFFFFF;
margin:75px 0px 0px 2px;
font-size:12px;
font-weight:bold;
display:inline;
}

.productTotal{
float:right;
clear:both;
font-size:14px;
font-weight:bold;
display:inline;
}
.calculating{
float:right;
clear:both;
font-size:14px;
font-weight:normal;
display:inline;
}
/*
---------------------------------------------------------------------------------------- footer
*/
div.footer {
/*	position: absolute;
	top: 100%;
	border-top: solid 3px #F3F3F3;
	padding: 0 0 0 0; */
	/*margin: -65px 0 0 35px;*/
/*	margin: -0 0 0 35px;
	color: #666666;
	clear: both; */
	/*z-index: 0;*/
	clear:both;
	margin:0px;
	padding:50px 0px 0px 0px;
	width:860px;
	background-image:url(curved_bg_bottom.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
}
.footer div{
	text-align:left;
	margin:0px 5px 0px 20px;
	height:60px;
	color:#666666;
}
.footer div p{
	margin:0px;
	font-size:11px;
}
.footer div a{
color:#666666;
}
.footer .logo{
	float:left;
	display:inline;
}
/*
---------------------------------------------------------------------------------------- accordion
*/


.AccordionPanel {
	margin: 0px;
	padding: 0px;
}


.AccordionPanelTab {
	background-color: #eee;
	border-top: none;
	border-bottom: none;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	font-size:12px;
	-moz-user-select: none;
	-khtml-user-select: none;
}


.AccordionPanelContent {
	overflow: auto;
	margin: 5px 0 0 0;
	padding: 0 0 0 5px;
	height: 200px;
}


.AccordionPanelOpen .AccordionPanelTab {
	background-color: #ccc;
	font-weight: bold;
}


.AccordionPanelTabHover {
	color: #555555;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #555555;
}

.AccordionFocused .AccordionPanelTab {
	background-color: #eee;
}

.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color: #ccc;
}
.AccordionPanelContent p {
	margin: 0;
	padding: 5px 5px 0 5px;
}
div.AccordionPanelContent img {
 	margin: 0 5px 0 0;
}
.Accordion {
	border-left: none;
	border-right: none;
	border-bottom: none;
	overflow: hidden;
	width: 450px;
}
/* 
--------------------------------------------------------  news ticker and menu
*/


.newsTicker{
clear:both;
float:left;
margin:10px 0px 0px 0px;
background-image:url(newsTicker_bg.jpg);
height:35px;
width:570px;
display:inline;
}
div.left ul.ticker{
margin:10px 10px 10px 120px;
padding:0px;
list-style:none;
width:440px;
}
div.left ul.ticker li{
list-style:none;
padding:0px;
margin:0px;
font-size:12px;
font-weight:bold;
overflow: hidden;
height:15px;
}
div.left ul.ticker li a{
color:#737373;
}
.newsMenu{
margin:0px 10px 0px 20px;
}
.newsMenu p a{
color:#FFFFFF;
font-size:12px;
}

/* 
--------------------------------------------------------  progressbar stlyes for schools data page 
*/
.progressbarHost .pbText{

font-size:24px;
width:65px;
text-align:right;
vertical-align:top;
}
.progressbarHost{
height:35px;
width:415px;
background: url(progressbar_bg.jpg) no-repeat left top;
clear:both;
}
.className{
font-size:16px;
margin:0px 0px 5px 0px;
clear:both;
}
.progressbarSeparator{
margin:10px 0px 10px 0px;
}
.progressbar{
display:block;
height:35px;
clear:both;
}
.schoolsBatteryDataForm{
margin:10px 0px 10px 0px;
}
.progressbarVerticalHost{
height:150px;
width:100px;
background: url(progressbar_vertical_bg.jpg) no-repeat left top;
clear:both;
margin:0px 0px 10px 50px;
}
.progressbarVerticalHost .pbText{
display:block;
font-size:26px;
float:left;
width:100px;
margin:0px 0px 0px 17px;
}
#pbVertical_pbImage{
float:left;
}
.previousBags{
margin:35px 10px 0px 40px;
font-size:14px;

}
h2.totalCollection{
margin:20px 10px 10px 25px;
} 
.collectMe{
clear:both;
margin:0px 0px 0px 65px;
height:20px;
padding:10px 0px 0px 0px;
}
.collectMe a{
color:#FFFFFF;
font-size:16px;
font-weight:bold;
}

/* 
--------------------------------------------------------  partner report table
*/



/* 
--------------------------------------------------------  FLASHREPLACE These are standard flashReplace styles... do not modify 
*/

.flashReplace-flash {
	visibility: visible !important;
	margin: 0;
}

.flashReplace-replaced {
	visibility: visible !important;
}

span.flashReplace-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.flashReplace-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the flashReplace text metrics since the flashReplace text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

div.flashReplace-hasFlash h1 {
	visibility: hidden;
	font-size: 40px;
	
}
div.flashReplace-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 20px;
}

div.flashReplace-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 24px;
}

div.flashReplace-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}


.flashReplace-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}
.noDisplay{
display:none;
}

/* 
--------------------------------------------------------  PRINT stylesheet
*/


@media print {
body {
	background-image: none;
	background-color: #FFFFFF;
}
div.layout {
	background-image: none;
	background-color: inhreit;
	left: 0;
	margin: 0;
}
div.header {
	top: 30px;
	background-position: left;
}
div.header div.accUserDisplay, div.header ul {
	display: none;
}
div.header img.logo {
	border: none;
	left: 0;
	top: -30px;
	
}
div.header h1 {	
	position: absolute;
	top: 95px;
	margin: 0 0 0 15px;
	padding: 0;	
}
div.header h2 {
	position: absolute;
	top: 140px;
	margin: 0 0 0 15px;
	padding: 0;	
}
div.left {
	top: 15px;
	position: relative;
	margin: 0;
	padding: 0 0 0 15px;
	float: left;
	height: 0;	
	display:inline;
}
div.right {
	top: 15px;
	clear: both;
	position: relative;
	margin: 10px 0 0 0;
	padding: 0 0 0 15px;
	background-image: none;
	background-color: inherit;
	float: none;
	height: 0;
	display:inline;
}
div.footer {
	/*top: 15px;*/
	clear: both;
	/*position: relative;*/
	margin: -120px 35px 0 35px;
	/*margin: 10px 0 0 0;*/
	padding: 10px 15px 0 15px;
	float: none;
	height: 0;
	border-top: solid 3px #F3F3F3;
	color: #666666;	
	display:inline;
}