body {
    background-color: #FFF;
    color: #000;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
    font-size: 100%;
    margin-left: 0; 
    margin-top: 0; 
    margin-right: 0; 
    padding: 0;
    min-width: 760px; 
}

body.bkg {
    background-image: url(../images/beige_bg.gif);
    background-repeat: repeat-y;
}

img {
    vertical-align: middle;
}

body a:link:hover,
body a:visited:hover {
    color: #7CA648;
}

a:link {
    color: #4682B4;
}

a:visited {
    color: #4682B4;
}

.attention {
    color : Red;
    font-weight : bold;
}

.error {
    color: Red;
    font-weight: bold;
}
.formError {
    background-color: #FFCCCC;      
}

#message {
    color: #000000;
    font-weight: bold;
    border: 2px ridge;
    text-align: left;
    vertical-align: middle;
    min-height: 54px;
    padding: 20px;
    padding-left: 90px;
    margin-bottom: 15px;
    background-image: url(../images/icons/message.gif);
    background-repeat: no-repeat;
    background-position: 15px 50%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 45%;
}


#recycleMessage {
    color: #000000;
    font-weight: bold;
    border: 2px ridge;
    text-align: left;
    vertical-align: middle;
    min-height: 54px;
    padding: 20px;
    padding-left: 90px;
    margin-bottom: 15px;
    background-image: url(/images/treeLogo.jpg);
    background-repeat: no-repeat;
    background-position: 15px 50%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 45%;
}

.small, #slogan {
    font-size: 0.8em
}

/*input[type=submit], input[type=button], input[type=reset] {
    border: 1px solid gray; 
}*/

#header {
    background: #ddfaad;
    border-bottom: 8px solid #75b40c;
    margin: 0;  
    height: 57px;
}

#header img {
    border: none;
}

#slogan {
    z-index: 100;
    position: absolute;
    left: 100px;
    top: 8px;
    margin: 0;
    width: 300px;
    height: 40px;
    color: #000000; 
    line-height: 1.5;
    text-align: right;
}

#topNav {   
    background: #94e30f;
    overflow: hidden;
    position: absolute; 
    top: 65px;
    left: 0;    
    height: 12px;
    width: 100%;
    min-width: 760px; 
    margin: 0;
    padding: 10px 0;
    list-style: none;
    font-size: 0.8em;
	display: block;
}

#topNav li {
    list-style: none;
    float: left;
	height: 36px;
}

#topNav a {
    text-align: center;
    text-decoration: none;
    color: #000000;
    font-size: 0.85em;
	height: 22px;
	float: left;
}

#topNav a:hover {
    background-color: #ddfaad;  
}

#topNav a.topNavActive {
    background-color: #ffffff;
    font-weight: bold;  
}

#topNav a span {
	display: block;
	padding-top: 4px;
	margin-right: 10px;
	margin-left: 10px;
}

#home a {
    background-position: 0 0;
}

#home {
    margin-left: 90px;
} 

html>body #home {
    margin-left: 180px;
}

#itemdescription a {
    background-position: 0 0;
}

#discrepancyDetails {
    margin-left: 90px;
}

html>body #discrepancyDetails {
    margin-left: 180px;
}

#invoicedescription a{
}

#workflowDetails a{
}

#invoice a{
}

#discrepancyDetails a{
}

#itemcontent {  
    float: left; 
    width: 98%;
    margin: 35px 0 35px 10px;
    font-size: .8em;
} 

#priceGuide a {        
}

#workflow a {       
}

#bulkitem a {       
}

#admin a{   
}

#preferences a{
}

#paymentAdmin a{
}

#inventoryAdmin a{
}

#userInfo {
    z-index: 100;
    position: absolute;
    right: 15px;
    top: 100px;
    margin: 0;  
    height: 40px;
    color: #000000;
    font-size: 0.65em;
    line-height: 1.5;
}

.trOver {
    cursor: pointer;
}

#content {  
    float: left; 
    width: 73%;
    margin: 115px 0 0 103px;
    font-size: .8em;
} 

html>body #content { 
    margin: 140px -203px 0 203px;   
}

#moduleHeader {
    position: absolute;
    top: 115px;
    left: 200px;
}

#submoduleHeader {
    position: relative; 
    top: -20px;
    text-align:center;
    font-size: 1.8em;
    color: #FF9A31; 
    font-weight: bold;
    display: block;
}

th {
    background-color: #FEFF79;  
    height: 20px; 
    vertical-align: middle;
    font-weight: bold; 
    padding-top: 3px;
}

#ebayLogo {
    clear: both;
    padding-top: 4em;
    padding-bottom: 2em;
    position: relative;
    text-align: center;
    display: none;  
}

#content h3 {
    margin: 0 0 0;
    color: #636563;
    font-size: 1.3em;
}

#news {
    width:83%;
}

#news .content {
    margin: 0.6em 0 1.6em 0;    
}

#rightSection { 
    position: absolute;
    right: 6px; 
    top: 125px;
    width: 160px;   
    z-index:100;
}

#rightSection .section {    
    border: 1px solid #4682B4;
    margin-bottom: 10px;
    background-color: #fff;
}

#rightSection .header {
    background-color:#4682B4;
    color:white;
    font-weight:bold;
    height:20px;
    padding-top:6px;
    padding-left:10px;
    padding-right:10px;
    font-size:0.85em    
}

#rightSection ul.noList {
    list-style: none;
    padding:0;
    margin: 0 0 10px 0;
    font-size:0.8em;    
}

#rightSection li {
    padding-top:6px;
    padding-left:10px;
    padding-right:10px;
}

#rightSection .header a {
    font-weight:normal;
    color:white;    
    font-size: 0.9em;
    text-decoration:none;
    padding-left: 30px;
}

#rightSection .header a:hover {
    text-decoration:underline;
}

#leftNav {
    position: absolute;
    top: 125px;
    width: 165px;
    left: 6px;      
}

#leftNav li {
    background-image:url(../images/icons/ball.gif); 
    background-repeat:no-repeat;
    background-position: 5px;
    background-color:white;
	border-bottom: 1px solid #fff;
}

#leftNav li a {           
    overflow/**/: hidden;       
    display: block;     
    text-decoration: none;
	padding: 5px 10px 5px 30px;
}

#leftNav li.over, .trOver {
    background-color:   #e6e6e6;
}

#leftNav a.item {
    color: #000000; 
}

#leftNav a.item:hover {
    text-decoration: underline;
    color: #000000;
}

#leftNav .header {
    background: #B1B385;
    border-bottom: 1px solid #fff;
    font-weight: bold;color: #fff;
    padding-left: 10px;
    padding-top: 6px;
	padding-bottom: 6px;
}

.lowpriorityalert {
    color: Red;
    margin: 1em 40em 0em 0em;
}

.menuGroup {
    list-style: none;
    width: 100%;
    background: #ffffff;    
    margin: 0 0 10px 0;
    padding: 0; 
    border: 1px solid #b1b385;
    font-size: 0.7em;
}

#leftNav #help {
    background-image:url(../images/icons/help.gif); 
}

#leftNav #orderSupplies {
    background-image:url(../images/icons/supplies.gif); 
}
#leftNav #schedulePickup {
    background-image:url(../images/icons/supplies.gif);
}   
#leftNav #schedulePickupInstructions {
    background-image:url(../images/icons/clock.gif);    
}

#leftNav #contactUs {
    background-image:url(../images/icons/contactUs.gif);    
}

#leftNav #logout {
    background-image:url(../images/icons/logout.gif);   
}

#companyTree {
    overflow:scroll;
    position:absolute;
    text-align:left;
    width:600px;
    height:400px;
    padding:5px 5px 5px 5px;
    z-index:400;
    background-color:white;
    border: 1px solid Silver;
    left:50%;
    font-size: 1.2em;
}

.companyTree {
    overflow:scroll;
    position:absolute;
    text-align:left;
    width:600px;
    height:400px;
    padding:5px 5px 5px 5px;
    z-index:400;
    background-color:white;
    border: 1px solid Silver;
    left:50%;
    font-size: 1.2em;
}

.important {
    font-weight: bold;
}

.modelDetails {
    line-height: 1.6em;
    padding:5px;
    border: 1px solid #000;
    background-color: #fffff0;
    font-size: 1.2em;
    margin-top: 75px;
}

.modelDetails .price {
    color: #8b0000;
}

.questionHelp {
    display: none;
    position: absolute; 
    border: 1px solid #000000;
    background-color: #f5fffa;
    text-align: left;
    width: 25em;
    z-index: 1005;  
    padding: 5px;
}

#questionIntro {
    border: 1px solid #bdb76b;
    padding: 15px 0 0 90px;
    font-weight: bold;  
    font-size: 1.2em;   
    line-height: 1.3em;
    background: #fffff0 url(../images/icons/largeHelp.gif) no-repeat 10px 10px;
}

#itemAlert {
    border: 1px solid #bdb76b;
    padding: 15px 0 0 90px;
    font-weight: bold;  
    font-size: 1.2em;   
    line-height: 1.3em;
    background: #fffff0 url(../images/icons/exclamation.gif) no-repeat 10px 10px;
}
#disclosure {
    padding-top: 10px;
    text-align: justify;
    font-weight: bold;
}

.company-inactve {
    color: #BEBEBE;
}

.printOnly {
  display:none;
}

#questionRequired {
    font-size: 0.8em;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

#chatIntro {
    padding: 5px;
    font-size: 0.9em;
}

#chatImg {
    text-align:center;
    padding: 10px 0 10px 0;
}

#chatAvailability {
    font-size: 0.8em;
    text-align:center;
    padding-bottom: 10px;
}

#modelSearch {
    position: absolute; 
    right: 50px; 
    top: 5px; 
    border: 1px solid #000; 
    padding: 5px; 
    font-size: 0.7em; 
    background-color: #eee;
    font-weight: bold;
}

.note {
    position: relative; 
    font-size: 0.9em; 
    background-color: #FFFFA4;
}

#modelSearch form {
    margin: 0;
}

#getStartedSearch {
    margin: 0 auto;
    text-align: center;
    border: 1px solid #000;
    padding: 8px;
    margin-bottom: 30px;
    background-color: #eee;
    font-weight: bold;
    width: 400px;
}

#messageTable {
    cellspacing: 0px;
    cellpadding: 0px;
    padding: 5px;
    border: 1px solid;
    width: 450px;
    background-color: #E7E7E7;
}

#messageTable P{
    font-size: 1.0em;
    font-weight: bold;
}

#startTradingMessage {
    font-weight: bold;
    font-size: 1.4em;
    text-align: center;
    padding: 7px;
}
    
.colorMap {
    border: 1px solid #000; 
    border-collapse: collapse; 
    empty-cells: show; 
}

.colorMap tr th{
    border: 1px solid #000; 
}

.colorMap tr th div{
    text-align: center; 
    font-weight: bold;
    color: #000;
    border: 1px;
}

.colorMap tr{
     height: 30px;
}

.colorMap td{
    text-align: left;
    vertical-align: middle; 
}

.colorMap div{
    margin: 0pt 25pt 0pt 25pt; 
    text-align: center; 
    font-weight: bold;
    color: #FFF;
}

#textSubHeader {	
	color: #666;
	font-size: 2.2em;
	text-decoration: underline;	
	font-family: Helvetica, Arial, sans-serif;
	display: inline;	
	margin: 10px 0 0 5px;	
}