* {
	padding: 0;
	margin: 0;
}

html {
     overflow: -moz-scrollbars-vertical;
}

body { 
	font-size: 62.5%; /* Base Font Size of 10px */
	font-family: Tahoma, Verdana, sans-serif;
	background: #c6d79e url(../images/bkg.jpg) center top repeat-x;
	color: #5c5c5c;
}  

#wrapper {
	width: 980px;
	margin: 0 auto;
	padding-bottom: 30px;
}


/* COMMON ELEMENTS */

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}


h1 {
	font-size: 2.2em;
}

h2 {
	font-size: 1.6em;
	color: #4c931b;
}

h3 {
	font-size: 1.5em;
	color: #4c931b;
	font-weight: bold;
	margin: 12px 0;
}

h4 {
	font-size: 1.3em;
	color: #4c931b;
	font-weight: bold;
	margin-bottom: 8px;
}

p {
	font-size: 1.2em;
	margin-bottom: 8px;
}

a {
	color: #4c931b;
	text-decoration: underline;
}

	a:hover, a:focus, a:active {
		text-decoration: none;
	}
	
	a:focus, a:active {
		outline: none;
	}

img, a img {
	border: 0;
}

hr {
	border: 0;
	color: #dddfdf;
	background-color: #dddfdf;
	height: 1px;
}




/* LESS COMMON ELEMENTS */

small {
}

abbr, acronym {
}

blockquote {
}

cite {
}

em {
}

strong {
}

sup, sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
}

	sup { bottom: 1ex; }
	sub { top: .5ex; }


/* FORM ELEMENTS */

form {
}

fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

legend {
}

label {
}

input, textarea {
	margin: 10px 6px 10px 0;
	padding: 4px;
	border: 1px solid #7AC142;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

input.no-border {
	border: 0;
}

select {
	margin: 10px 6px 2px 0;
	padding: 2px;
}

option {
}


input:focus, textarea:focus {
	border: 1px solid #df8713;
}

.form-table p {
	padding-top: 5px;
}


/* BASE ID ELEMENTS */

#header {
	height: 164px;
	background: url(../images/hdr-bkg.png) center top no-repeat;
}

#logo {
	width: 200px;
	height: 124px;
	float: left;
	margin-left: 10px;
}

#content {
	background: url(../images/page-bkg.gif) center top repeat-y;
	padding: 0 38px 20px 38px;
}

#page {
	float: left;
}

	.shop-results #page, .landing #page, .sys-msg #page {
		width: 686px;
		margin-bottom: 20px;
	}

#sidebar {
}

#footer {
	background: url(../images/footer-bkg.png) center top no-repeat;
}



/* NAVIGATION */

#sub-nav {
	width: 700px;
	float: right;
	text-align: right;
	padding: 14px 6px 0 0;
}

	#sub-nav a {
		font-size: 1.1em;
		padding: 0 7px 2px 5px;
		border-right: 1px solid #4c931b;
	}
	
	#sub-nav ul {
		float: right;
	}
	
	#sub-nav li {
		display: inline;
		list-style-type: none;
		padding: 3px 0;
	}

	#sub-nav li.lock {
		background: url(../images/icon-lock.gif) left 2px no-repeat;
	}
	
	#sub-nav li.lock a {
		padding-left: 15px;
	}
	
	#sub-nav li.no-line a {
		border-right: none;
	}
	
	#sub-nav div.login { border-right: 1px solid #4c931b; padding: 0 8px 0 0; margin-right: 10px; float: right; }
	
	#sub-nav div.login a { border-right: none; padding: 0; }
	

#navigation {
	width: 700px;
	float: right;
}
	
	#navigation div.button {
		margin-top: 72px;
		float: left;
	}

		div.button img {
			border: 0;
		}
	
.cart-hdr {
	margin: -69px 15px 0 0;
	width: 68px;
	height: 42px;
	min-height: 42px;
	line-height: 1.1em;
	z-index: 10;
	float: right;
	text-align: right;
	font-size: 10px;
	color: white; /* REMOVE */
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.cart-hdr { margin-top: -65px; }
}

#shop-btn {
	padding: 0 0 0 77px;
}

#benefits-btn {
	padding: 0 0 0 90px;
}

#biz-btn {
	padding: 0 0 0 50px;
}

/* SHOPPING */

#shop-main-diff {
	width: 280px;
	min-height: 196px;
	background: url(../images/shop-main-difference-bkg.png) left top no-repeat;
	margin: 0 16px 0 -38px;
	padding: 55px 16px 0 16px;
	color: #fff;
	float: left;
}

#shop-main-choose {
	width: 522px;
	background: url(../images/shop-main-enter-bkg.png) center 145px no-repeat;
	text-align: center;
	padding: 0 45px;
	min-height: 244px;
	float: left;
}

#shop-main-choose #logos-home img {
	margin: 4px 0;
}

#shop-main-choose #logos-home ul { padding: 10px 0 4px 0; }

#cart-extras {
	width: 576px;
	float: left;
	padding-top: 20px;
}

#cart-extras td { padding: 5px; }

#cart-extras td.cart-titles {
	background-color: #f0f8da;
	text-align: right;
	color: #4c931b;
	
}

#cart-extras p, #cart-extras input { margin: 0; }

#cart-totals {
	float: left;
	padding-bottom: 20px;
}

#cart-totals td { border-bottom: 1px solid #dddfdf; }

#cart-totals strong { font-size: 14px; }

.cart-total-item { padding: 13px 0; }

p.cart-titles {
	color: #4c931b;
	font-size: 13px;
	text-align: right;
	margin: 0;
}

.chkout-titles {
	background-color: #f0f8da;
	padding: 11px 0 6px 15px;
}


.chkout div {
	padding: 8px 0 8px 15px;
}

.chkout div.inst {
	margin-left: 15px;
	border-left: 1px solid #dddfdf;
	border-top: 1px solid #dddfdf;
}

.chkout p {
	padding: 6px 0 8px 15px;
	margin: 0;
}

.chkout input {
	padding: 4px;
	font-size: 1.2em;
	color: #5c5c5c;
}

input.lrg, .chkout input.lrg {
	width: 190px;
}

input.med, .chkout input.med {
	width: 126px;
}

input.sml, .chkout input.sml {
	width: 20px;
}

input.name {
	width: 68px;
}

input.email {
	width: 152px;
	margin-top: 0px;
}

.chkout input.amount {
	border: 0;
	border: none;
	font-size: 1.4em;
	font-weight: bold;
}

.chkout select.drop { width: 200px; }

.chkout select.drop-sml { width: 66px; float: left; }

#cart-extras input { margin-right: 6px; }



/* SEARCH */

#search {
	width: 229px;
	height: 201px;
	background: url(../images/search-bkg.png) left top no-repeat;
	margin: 0 26px 50px -38px;
	float: left;
}

	#search select { margin-top: 0; }
	#search p { font-size: 1.1em; line-height: 1.2em; padding: 6px 0 1px 2px; }


#search-home {
	width: 312px;
	height: 244px;
	background: url(../images/search-bkg-home.png) left top no-repeat;
	margin: 0 14px 0 -38px;
	float: left;
}

#search #search-container {
	padding: 54px 15px 0 15px;
}

#search-container {
	padding: 60px 15px 0 15px;
}

	#search-container p { color: white; font-weight: bold; margin-bottom: 0; }
	
	#search-container input { float: left; margin-right: 0; }
	
#dropdown, #dropdown2 {	margin: 0; padding: 0; position: relative; z-index: 30; }
	 		 
	#dropdown li, #dropdown2 li {
		margin: 0;
		padding: 0;
		list-style: none;
		float: left;
	}
	
	#dropdown div {
		position: absolute;
		visibility: hidden;
		margin: 0;
		padding: 6px;
		background: #b2e888;
		border: 2px solid #7ac142;
		top: 0px;
		left: 177px;
	}
	
	#dropdown2 div {
		position: absolute;
		visibility: hidden;
		margin: 0;
		padding: 6px;
		background: #b2e888;
		border: 2px solid #7ac142;
		top: -18px;
		left: 165px;
	}
	
		#dropdown div a, #dropdown2 div a {
			position: relative;
			display: block;
			margin: 0;
			padding: 5px 30px 5px 10px;
			width: auto;
			white-space: nowrap;
			text-align: left;
			text-decoration: none;
			background: #fff;
			color: #358002;
			font: 12px tahoma;
			border-bottom: 1px solid #b2e888;
		}
	
		#dropdown div a:hover, #dropdown2 div a:hover {
			background: #e98a0d;
			color: #FFF;
		}
		
		#dropdown div a.btm, #dropdown2 div a.btm { border-bottom: none; }


#line {
	padding: 3px 0;
	background: url(../images/green-line.gif) left 8px repeat-x;  
}


/* FOOTER */

#social {
	width: 197px;
	padding: 25px 0 12px 0;
	text-align: center;
	float: left;
}

	#social img { border: 0; margin-right: 9px; }
	#social img.last { margin-right: 0; }

#gcd {
	width: 197px;
	padding: 12px 0 0 10px;
	float: left;
}

#footer-content {
	width: 743px;
	background-color: #7ac142;
	padding: 10px 15px;
	margin-top: 9px;
	float: right;
	color: #fff;
	text-align: center;
}

	#footer-content p {
		font-size: 1.0em;
		padding: 10px 10px 0 10px;
	}
	
	#footer-content li {
		display: inline;
		list-style-type: none;
		padding: 3px 0;
	}
	
	#footer-content a {
		font-size: 1.1em;
		color: #fff;
		padding: 0 7px 2px 5px;
		border-right: 1px solid #fff;
	}
	
	
	#footer-content li.no-line a {
		border-right: none;
	}


/* ACCOUNT PAGE */

#account {
	width: 229px;
	height: 201px;
	background: url(../images/my-acct-bkg.png) left top no-repeat;
	margin: 0 26px 50px -38px;
	float: left;
}

#account-container {
	padding: 60px 15px 0 15px;
}

	#account-container p, #account-container a { color: white; font-weight: normal; margin-bottom: 0; }
	
	#update { background: url(../images/icon-update-info.png) left 8px no-repeat; padding: 6px 0 6px 23px; }
	
	#logout { background: url(../images/icon-logout.png) left 8px no-repeat; padding: 6px 0 6px 23px; }
	

.account-orders td {
	padding: 6px 0;
	border-bottom: 1px solid #dddfdf;
	vertical-align: middle;
}

	.account-orders p { padding: 0; margin: 0; }
	.account-orders h4 { font-size: 1.3em; font-weight: bold; color: #4c931b; }
	
.invoice td {
	padding: 6px;
	font-size: 1.2em;
}


/* CONTACT PAGE & FORMS */


#contact {
	width: 229px;
	height: 201px;
	background: url(../images/sidebar-contact-bkg.png) left top no-repeat;
	margin: 0 26px 50px -38px;
	float: left;
}

#contact-container {
	padding: 60px 15px 0 15px;
}

	#contact-container p, #contact-container a { color: white; font-weight: normal; margin-bottom: 0; }

	#phone { background: url(../images/icon-phone.png) left 5px no-repeat; padding: 6px 0 6px 23px; }

	#email { background: url(../images/icon-mail.png) left 5px no-repeat; padding: 6px 0 6px 23px; }
	
.forms {
	width: 660px;
	background: url(../images/contact-form-bkg.png) left 43px no-repeat;
	margin-left: 20px;
	float: left;
}

.formsNav {
	float: left;
	width: 660px;
}

	ul.formsNav {
	    list-style: none;
	    margin: 0;
	    padding: 0;
	}
	
	ul.formsNav li {
	    display: inline;
	    text-align: center;
	}
	
	ul.formsNav li a {
	    color: #fff;
	    text-decoration: none;
	    text-align: center;
	    font-weight: bold;
	    font-size: 1.5em;
	    padding-top: 15px;
	    width: 149px;
	    height: 28px;
	    margin: 0 7px;
	    display: block;
	    float: left;
	}
	
	ul.formsNav li a:hover { text-decoration: underline; }
	
	ul.formsNav li#contacttab a {
	    background: url(../images/contact-nav-contactform-nm.png) left top no-repeat;
	}
	
	ul.formsNav li#contacttab a.selected {
	    background: url(../images/contact-nav-contactform-hv.png) left top no-repeat;
	}
	
	ul.formsNav li#rmatab a {
	    background: url(../images/contact-nav-rmaform-nm.png) left top no-repeat;
	}
	
	ul.formsNav li#rmatab a.selected {
	    background: url(../images/contact-nav-rmaform-hv.png) left top no-repeat;
	}
	
	ul.formsNav li#reqtab a {
	    background: url(../images/contact-nav-reqform-nm.png) left top no-repeat;
	}
	
	ul.formsNav li#reqtab a.selected {
	    background: url(../images/contact-nav-reqform-hv.png) left top no-repeat;
	}


/* SYSTEM MSG's */

.sys-msg h1 {
	font-weight: bold;
	color: #4c931b;
}

#sys-thanks {
	width: 440px;
	height: 243px;
	padding: 50px 0 0 240px;
	background: url(../images/icon-thanks.png) left top no-repeat;
}

#sys-fail {
	width: 440px;
	height: 243px;
	padding: 50px 0 0 240px;
	background: url(../images/icon-decline.png) left top no-repeat;
}

#sys-oops {
	width: 440px;
	height: 243px;
	padding: 50px 0 0 240px;
	background: url(../images/icon-mistake.png) left top no-repeat;
}

#sys-success {
	width: 440px;
	height: 243px;
	padding: 50px 0 0 240px;
	background: url(../images/icon-ok.png) left top no-repeat;
}

/* CUSTOM ID's & CLASSES */

#display-home {
	width: 612px;
	height: 232px;
	border: 1px solid #bfe1a5;
	float: left;
}

div#logos-home  { text-align: center; }

#logos-home p {
	font-weight: bold;
	color: #4c931b;
	font-size: 126%;
	margin-bottom: 0;
}

#logos-home ul { padding: 15px 0; }

#logos-home li {
	display: inline;
	list-style-type: none;
	padding: 2px 0;
}

#logos-home a {
	padding: 0 24px;
}

	#logos-home a.left { padding-left: 0; }
	#logos-home a.right { padding-right: 0; }


#center-row-home {
	padding: 20px 0 5px 0;
}

#charity, #cost-saving {
	height: 170px;
	float: left;
}

#newsletter {
	width: 193px;
	height: 120px;
	background: url(../images/home-newsletter-bkg.png) left top no-repeat;
	padding: 35px 0 0 15px;
	float: left;
}

#charity {
	width: 356px;
	background: url(../images/home-charity-bkg.png) left top no-repeat;
}

	#charity p {
		color: #fff;
		text-align: center;
		line-height: 1.1em;
	}
	
	#charity a { color: #fff }
	
	.donate-number {
		float: left;
		width: 130px;
		height: 80px;
		color: #fff;
		text-align: center;
		padding: 30px 0 0 3px;
	}
	
	.donate-number h1 { font-weight: bold; }
	

#cost-saving {
	width: 340px;
	
}

	#cost-saving p { 
		font-size: 1.2em;
		text-align: center;
		padding: 90px 30px 0 40px;
		line-height: 1.2em;	
	}


#btm-row-home {
	padding: 0 0 10px 0;
}

#remanufacture {
	width: 438px;
	background: url(../images/home-benefits-bkg.png) left top no-repeat;
	margin-right: 28px;
}		

#reduce {
	width: 438px;
	background: url(../images/home-reduce-bkg.png) left top no-repeat;
}

#remanufacture, #reduce {
	height: 92px;
	float: left;
}

#remanufacture p, #reduce p {
	padding: 3px 0 0 95px;
	line-height: 1.2em;
}


.ticker {
	margin: 0px;
	padding: 70px 12px 0 12px;
	overflow: hidden;
	text-align: center;
	font-size: 1.2em;
	width: 168px;
}
								
	.ticker, .ticker a { text-decoration:none; }
	.ticker span { display:none; } 
	.ticker .active_ticker { display:block; }

.landing { 
	width: 680px;
	float: left;
}

.landing-col {
	width: 226px;
	float: left;
	text-align: center;
	padding-bottom: 40px;
}

.landing-col h2 {
	font-size: 1.5em;
}

.landing p {
	font-size: 1.1em;
	padding: 6px 0 16px 0;
}

.landing-row {
	margin-top: 20px;
}

.page-title {
	padding-bottom: 14px;
	color: #4c931b;
}

.no-line, #cart-totals tr.no-line td { border: 0; }

#tooltip {
	position: absolute;
	z-index: 3000;
}

#tooltip.tip  {
	text-align: center;
	border: none;
	width: 178px;
	padding: 22px 18px 0 18px;
	height: 68px;
	opacity: 1;
	background: url('../images/help-balloon01.png') top center no-repeat;
}

#tooltip.tip h3 {
	font-size: 12px;
	color: #5c5c5c;
	font-weight: normal;
	margin: 0;
}

p.no-pad { padding-left: 0px; }

#button-ro {
	cursor: pointer;       /* Give it the hand cursor, like a link */
  	height: 27px;          /* Image has a height of 80px, only show the first half */
  	overflow: hidden;      /* Hide the overflow */
  	width: 200px;
  	padding: 0;
	margin: 0;
}

#button-ro input tabNav

#button-ro:hover input {
  	margin-top: -27px;    /* Negative height of half the sprite, to push the image up */
}

ul.list, ol.list { padding-left: 6px; padding-bottom: 15px; }

.list li {
	margin-left: 20px;
	font-size: 1.2em;
	line-height: 1.3em;
 }
 
#indent {
	padding-left: 26px;
}

p#indent {
	line-height: 1.6em;
}

p.large {
	font-size: 1.4em;
}

.pagetabs strong { color: #fffa79; }

#indent h4 { margin: 20px 0 8px -26px; }


/* PAGE TABS */

.pagetabs {
	width: 400px;
	background: url(../images/bkg-Panel.png) right bottom no-repeat;
	margin: 0 -38px 0 0;
	color: #fff;
	float: right;
}

.tabNav {
	float: left;
}

ul.tabNav {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.tabNav li {
    display: inline;
    text-align: center;
}

ul.tabNav li a {
    /* padding: 3px 5px; */
    background-color: #7ac142;
    color: #fff;
    font: bold 1.4em Tahoma;
    padding-top: 8px;
    text-decoration: none;
    width: 200px;
    height: 28px;
    display: block;
    float: left;
}

ul.tabNav li a:hover { text-decoration: underline; }

ul.tabNav li#lasertab a {
    background: #7ac142 url(../images/toner-tab-select.png) left top no-repeat;
}

ul.tabNav li#inktab a {
    background: #7ac142 url(../images/ink-tab-select.png) left top no-repeat;
}

ul.tabNav li#inktab a.selected, ul.tabNav li#lasertab a.selected {
    background: #7ac142 url(../images/blank.gif) left top no-repeat;
    color: #fffa79;
}

/* PANEL TITLES */               

.leftPanel {
	background: url(../images/bkg-leftPanel.png) left bottom no-repeat;
	margin: 20px 0 14px -38px;
	padding: 0 0 9px 38px;
}

.rightPanel {
	background: url(../images/bkg-rightPanel.png) right bottom no-repeat;
	margin: 0 -38px 0 0;
	padding: 0 38px 9px 0;
	
	
}

.rightPanel #insert {
	padding: 25px 0 20px 30px; 
	color: white; 
	background-color: #7ac142;
	float: right;
}

h3.block-title {
	color: white;
	padding: 11px 0 11px 0;
	margin: 0;
	background-color: #7ac142;
}

#side-panel { 
	float: right;
	width: 358px;
	margin: 18px -38px 0 0;
	padding: 20px; 
	background: url(../images/bkg-Panel.png) right bottom no-repeat;
}


/* BASE CLASSES */

.bold {
}

.italic {
}

.hidden {
}

.offset {
}

.highlight {
}

.tiny {
	font-size: 11px;
}

.error {
}

.abbr {
}

.strikethru {
	text-decoration: line-through;
}

/* FIX FOR CLEARING DIV's */

/* http://sonspring.com/journal/clearing-floats */

html body * span.clearall,
html body * div.clearall,
html body * li.clearall,
html body * dd.clearall
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */