/**************************** General Layout ****************************/

body {
  padding: 0;
  margin: 0;
  background: #000;
  color: #CCC;
  text-align: center;
  font: 12px arial;
}

.maincontent {
  width: 994px;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
  padding: 10px 0px;
}

.maincontent-dotted {
  border-top: 1px dotted #2D2D2D;
  width: 994px;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
  padding: 10px 0px;
  margin-top: 5px;
}



#footer .leftcontent-footer a, a:visited, a:link { color: #555; text-decoration: none; }
#footer .leftcontent-footer a:hover { color: #999; text-decoration: underline; }

a, a:visited, a:link { color: #0000FF; text-decoration: none; }
a:hover { color: #0000CC; text-decoration: underline; }

#trade-menu {
  float: left; 
  width: 140px;  
  text-align: left; 
  margin: 0; 
  padding: 0;
}


#trade-content {
      float: right; 
      width: 840px;
      font-size: 12px;
}

#faq-menu {
      float: left; 
      width: 270px;  
      text-align: left; 
      margin: 0; 
      padding: 0;
}

#faq-content {
      float: right; 
      width: 700px;
}

#recent-tile-history {
    width: 100%; 
    background: #000; 
    overflow: hidden; 
    width: 994px; 
    margin: 0 auto; 
    text-align: left; 
    color: #FFF; 
    padding: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#recent-tile-history img {
    border: 1px solid #999;
    margin-bottom: 5px;
}

.recent-tile-history-header {
    width: 994px;
  height: 31px;
  margin: 5px 0px 0px 0px;
  background: url(Images/bg_full_width.jpg) no-repeat;
  padding-top: 7px;
  padding-left: 7px;
  font-weight: bold;
  color: #FFF;
  text-align: left;
}

/**************************** Trade nav    ****************************/

#tradeNav {
                
	width: 140px;
	margin: 0;
	padding: 0;
	text-align: left;
}

#tradeNav li {  
	padding: 0;
	margin: 0;
	list-style-type: none;
	margin: 1px 1px 3px 0px;
}

#tradeNav ul {
      margin: 0;
      padding: 0;
}      

#tradeNav a {
	margin: 0px;
	padding: 0px;
	width:120px;
	background: #000 url(images/trade-nav.jpg) no-repeat top left;
	display: block;
	padding: 3px 8px;
	color: #FFF;
	text-align:left;
	line-height:24px;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
      font-weight: bold;
} 

#tradeNav a:hover {
	background: #000 url(images/trade-nav-hover.jpg) no-repeat top left;
	color:#000;
}   

#tradeNav a.selected {
	background: #000 url(images/trade-nav-hover.jpg) no-repeat top left;
	color:#000;
} 

select {
    padding: 2px;
    font-size: 12px;
    color: #222;
}

/**************************** FAQ nav    ****************************/

#faqNav {
                
	width: 270px;
	margin: 0;
	padding: 0;
	text-align: left;
}

#faqNav li {  
	padding: 0;
	margin: 0;
	list-style-type: none;
	margin: 1px 1px 3px 0px;
}

#faqNav ul {
      margin: 0;
      padding: 0;
}      

#faqNav a {
	margin: 0px;
	padding: 0px;
	width:240px;
	background: #4D4D4D url(Images/faq_nav.jpg) repeat-x top left;
	display: block;
	padding: 8px;
	color: #FFF;
	text-align:left;	
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
    font-weight: bold;
} 

#faqNav a:hover {
	background: #FF8E4A url(Images/faq_nav_hover.jpg) repeat-x top left;
	color:#000;
}   

#faqNav .selected {
	background: #FF8E4A url(Images/faq_nav_hover.jpg) repeat-x top left;
	color:#000;
} 

/**************************** Overall styles ****************************/

h1 {
      font-size: 14px;
      font-weight: bold;
}

.float-left {
  float: left;
  border: 0; 
}

.white {
  color: #FFF;
}

.noborder img {
  border: 0;
}

.nodecoration {
  text-decoration: none;
}

.nodecoration-grey {
  text-decoration: none;
  color: #333;
}

.nodecoration-black {
  text-decoration: none;
  color: #000;
}

.align-left {
  text-align: left;
}

.nodecoration-link {
  text-decoration: none;
  color: #286ea0;
}

select {
  font: 12px arial;
}

button {
  cursor: pointer;
  padding: 2px 12px 2px 12px;    
  height: 22px;
  text-decoration: none;
  text-align: center;
  background: url(Images/bg_btn.jpg) repeat-x bottom;
  color: #000;
  border: 1px solid #FF7036;
  font: 12px arial;
  font-weight: bold;      
}

a.linkbutton:link, a.linkbutton:visited {      
  margin: 0px 4px 0px 0px; 
  padding: 2px 12px 2px 12px;
  height: 8px;      
  text-decoration: none;
  text-align: center;
  background: url(Images/bg_btn.jpg) repeat-x bottom;
  color: #000;
  border: 1px solid #FF7036;
  font: 12px arial;
  font-weight: bold; 
}

.submit-button {
      margin: 0px 4px 0px 0px; 
      padding: 2px 12px 2px 12px;
      height: 22px;      
      text-decoration: none;
      text-align: center;
      background: url(Images/bg_btn.jpg) repeat-x bottom;
      color: #000;
      border: 1px solid #FF7036;
      font: 12px arial;
      font-weight: bold; 
}

.main-categories {
  height: 350px;
  width: 155px;
  text-decoration: none;
  padding-right: 8px;
  position: relative;
  font: 16px tahoma;
  text-decoration: none;
  text-align: left;
  color: #FFF;
  margin-top: 15px;
}

.main-categories-text {
  font: 16px tahoma;
  text-decoration: none;
  text-align: left;
  color: #000;
  position: absolute; 
  top: 0.25em; 
  left: 0.25em;
  display: block;
  margin: 5px 0px;
}

.category-img {
    margin: 10px 0px 0px 0px;
}

.main-categories a {
      text-decoration: none;
      color: #FFF;
}

.main-categories a:hover {
      text-decoration: none;
      color: #FFF;
}

/**************************** Top Menu Bar ****************************/

#topbar {
  width: 994px;
  height: 216px;
  margin: 0 auto;
  text-align: center;
  padding; 0;
}

.main-header {
    font-size: 29px; 
    font-weight: bold;
    color: #FFFF00; 
    margin: 0;
}

.main-address {
    font-size: 12px; 
    color: #FFF;
    margin: 0;
}

#topbar-text {
  width: 450px;
  padding: 25px 10px 18px 10px;
  float: left;
  text-align: left;
}

#topbar-login {
  margin-top: 55px;
  margin-right: 2px;
  float: right;
}

#topbar-menu {
  width: 995px;
  height: 53px;
  background: url(Images/bg_topmenu2.jpg) no-repeat top left;
  float: left;
  color: #fff;
  font: 12px arial;
  font-weight: bold;
}

#topbar-menu ul {
  padding: 0px;
  margin: 0px; 
  list-style-type: none;
}

#topbar-menu li {
	float:left;
	text-align:center;
	background: url(images/menu_divider.jpg) center right no-repeat;	
	
}

#topbar-menu a {
	color:#FFFFFF;
	text-align:center;
	line-height:53px;
	text-decoration:none;
	padding: 0 17px;
} 

#topbar-menu a:hover {
	color: #000;
	/*background: url(images/menu_hover.jpg) top left repeat-x;*/
	padding: 0px 17px;
}

#topbar-menu .selected {
	color: #F90;
}

/**************************** left and right divs ****************************/

.leftcontent {
  width: 488px;
  float: left;
  padding-right: 10px;
  text-align: left;
  padding: 4px;
}

*html .leftcontent { width: 478px; }

.leftcontent-header {
  width: 474px;
  height: 17px;
  background: url(Images/bg_left.jpg);
  padding: 7px;
  font-weight: bold;
  color: #FFF;
}

.leftcontent-text {
  margin: 4px;
  border-top: 1px dotted #2D2D2D;
  border-bottom: 1px dotted #2D2D2D;
  font: 11px arial;
  overflow: hidden;
  min-height: 170px;
}

.rightcontent {
  width: 488px;
  float: right;
  padding-left: 10px;
  text-align: left;
  padding: 4px;
}

*html .rightcontent { width: 478px; }

.rightcontent-header {
  width: 474px;
  height: 17px;
  background: url(Images/bg_right.jpg);
  padding: 7px;
  font-weight: bold;
  color: #FFF;
}

.rightcontent-text {
  margin: 4px;
  border-top: 1px dotted #2D2D2D;
  border-bottom: 1px dotted #2D2D2D;
  font: 11px arial;
  overflow: hidden;
  min-height: 170px;
}

.lrcontent-images {
  float: right;
  padding: 5px 0px 5px 5px;
}

/**************************** Bottom bar ****************************/

.bottombar {
  width: 990px;
  height: 310px;
  background: url(Images/bg_bottom.jpg) no-repeat;
  padding-bottom: 10px;
  margin-left: 3px;
}

.rounded-top-bar {
  width: 990px;
  height: 14px;
  background: url(Images/grey_bar_top.jpg) no-repeat;
  margin-left: 3px;
}

.rounded-bottom-bar {
  width: 990px;
  height: 14px;
  background: url(Images/grey_bar_bottom.jpg) no-repeat;
  margin-left: 3px;
}

.rounded-middle-bar {
  width: 990px;
  background: url(Images/grey_bar_middle.jpg) repeat-y;
  margin-left: 3px;
  overflow: hidden;
}

.short-grey-bar {
  width: 990px;
  height: 141px;
  background: url(Images/grey_bg_short.jpg) no-repeat;
  padding-bottom: 10px;
  margin-left: 3px;
}

.bottombar a {
      text-decoration: none;
      color: #286ea0;
}

.bottombar a:hover {
      text-decoration: underline;
      color: #286ea0;
}

.leftcontent-bottom {
  width: 470px;
  float: left;
  padding: 10px 0px 0px 10px;
  text-align: left;
  color: #333;
}

.leftcontent-bottom p {
  margin: 2px;
}

.rightcontent-bottom {
  width: 470px;
  float: right;
  padding: 10px 10px 0px 10px;
  text-align: left;
  color: #333;
}

.rightcontent-bottom p {
  margin: 2px;
}

/**************************** Bottom Trade bar ****************************/

.bottombar-trade {
  width: 990px;
  height: 214px;
  background: url(Images/bg_bottom_trade.jpg) no-repeat;
  padding: 6px 0px 10px 10px;
  margin-left: 3px;
  color: #000;
}

.bottombar-trade a {
      text-decoration: none;
      color: #286ea0;
}

.bottombar-trade a:hover {
      text-decoration: underline;
      color: #286ea0;
}

/**************************** view tiles page ****************************/

.filters {
  width: 990px;
  height: 44px;
  background: url(Images/bg_filters.jpg) no-repeat;
  padding: 5px;
  margin: 5px;
  text-align: left;
  color: #000;
}

.tilesummary {
  border-top: 1px dotted #2D2D2D;
  width: 490px;
}

.tiles {
  width: 990px;
  margin-left: 5px;
}

.tilesummaryheader {
  width: 490px;
  height: 31px;
  margin: 5px 0px 0px 0px;
  background: url(Images/bg_tileheader.jpg) no-repeat;
  padding-top: 7px;
  padding-left: 7px;
  font-weight: bold;
  color: #FFF;
  text-align: left;
}

.tilesummaryleft {
  width: 150px;
  height: 150px;
  float: left;
  text-align: center;
}

.tilesummaryleft img {
  border: 1px solid #6F747A;
}

.tilesummaryright {
  width: 330px;
  float: right;
  text-align: left;
}

.tilesummarybutton {
  width: 330px;
  height: 22px;
  float: right;
  text-align: left;
  padding: 3px 0px;
}

.tilesummarybutton linkbutton {
  margin: 0px 10px 0px 0px;
}

/**************************** view tile page ****************************/

.tilessimilar {
      width: 170px;
      background: #000 url(Images/bg_tilessimilar_middle.jpg) repeat-y top left;
      text-align: center;
      color: #000;
      float: left;
      margin: 0;
}

.tiles-similar-top {
      width: 170px;
      height: 13px;
      background: url(Images/bg_tilessimilar_top.jpg) no-repeat;
      float: left;
      margin: 0;
}

.tiles-similar-bottom {
      
      width: 170px;
      height: 13px;
      background: url(Images/bg_tilessimilar_bottom.jpg) bottom left no-repeat;
      float: left;
} 

.tiles-similar-main {
    padding: 5px;
    width: 160px;
}

.tilessimilarheader {
  padding: 7px 5px 15px 5px;
  font-weight: bold;
  color: #FFF;
}

.tilessimilar img {
  border: 1px solid #6F747A;
  margin: 10px 0px 5px 0px;
}

.tiledetails {
  width: 810px;
  float: right;
}

.tiledetailsheader {
  width: 810px;
  height: 31px;
  margin: 5px 0px 0px 0px;
  background: url(Images/bg_tiledetailsheader.jpg) no-repeat;
  padding-top: 7px;
  padding-left: 7px;
  font-weight: bold;
  color: #FFF;
  text-align: left;
}

.tiledetailsleft-main {
  width: 400px;
  padding: 5px 0px;
  float: left;
  text-align: center;
}

.tiledetailsleft-img {
  width: 400px;
  padding: 5px 0px;
  margin: 0 auto;
  text-align: center;
}

.tiledetailsleft-thumbs {
  text-align: left;
  border: 1px solid #222;
  background: #111;
  margin: 0 auto;
  width: 400px;
}

.tiledetailsright {
  width: 380px;
  float: right;
  text-align: left;
}

.tiledetailsleft-main img {
  border: 1px solid #6F747A;
}

.tiledetailsleft-thumbs img {
  border: 1px solid #6F747A;
  margin: 5px;
}

.tiledetailsleft-thumbs td {
  padding: 5px;
}

.tiledetailsbutton {
  width: 407px;
  height: 22px;
  float: right;
  text-align: left;
}

.tiledetailsbutton linkbutton {
  margin: 0px 10px 0px 0px;
}

/**************************** tables ****************************/

table.filterstable td.combo {
  padding: 5px 10px; 
  width: 120px;
}

table.filterstable td.caption {
  padding: 5px 10px; 
  width: 80px;
}

table.viewtiles {
  width: 990px;
  border: 0;
}

table.viewtiles td {
  width: 490px;
}

table.location {
  width: 994px;
  margin-bottom: 5px;
}

table.location td.addresses {
  width: 160px;
  text-align: left;
}

table.location td.addresses a {
      text-decoration: none;
      color: #286ea0;
}

table.location td.addresses a:hover {
      text-decoration: underline;
      color: #286ea0;
}

table.location td.addresses img {
    border: 1px solid #CCC;
}

table.location td.map {
  width: 950px;
  padding: 0;
}

table.recycle {
      border-spacing: 0px; 
      border-collapse: collapse;
}

table.recycle td {
      padding: 5px;
}

.accounts-table {
      border-spacing: 0px; 
      border-collapse: collapse; 
      width: 980px;
      margin: 0 auto;
}

.accounts-table-header {
       border: 1px solid #333; 
       background: #535353 url(images/table-header.jpg) repeat-x top left; 
       font-weight: bold; 
       font-size: 13px; 
       color: #FFF; 
       padding: 6px 3px;
}

.accounts-table-cell {
       border: 1px solid #333; 
       padding: 3px;
}

.search-input {
      padding: 3px;
      font-size: 11px;
}

table.search {
  color: #505050;
  font: 11px arial;
  text-align: left;
}

table.search input {
  width: 400px;
  color: #505050;
  font: 11px arial;
  padding: 2px 3px 2px 3px;
  margin-right: 10px;
}

table.trade-deliveries {
  width: 900px;
}

table.trade-deliveries td {
  vertical-align: top;
}

table.trade-deliveries td.header {
  font-weight: bold;
}

/**************************** footer ****************************/

#footer {
  width: 990px;
  height: 50px;
  padding-bottom: 10px;
  margin-left: 3px;
  border-top: 1px dotted #2D2D2D;
  margin: 0 auto;
  text-align: center;
}

.leftcontent-footer {
  width: 400px;
  float: left;
  padding: 10px 0px 0px 10px;
  text-align: left;
  color: #333;
  font: 11px arial;
}
.rightcontent-footer {
  width: 200px;
  float: right;
  padding: 10px 10px 0px 0px;
  text-align: right;
}

/**************************** Forms ****************************/

form#login {
  padding: 5px;  
  color: #505050;
  font: 11px arial;
  text-align: left;
}

form#login input {
  width: 147px;
  color: #505050;
  font: 11px arial;
  padding: 4px;
}

a.linkbutton:link, a.linkbutton:visited {      
  margin: 0px 4px 0px 0px; 
  padding: 2px 12px;
  height: 12px;      
  text-decoration: none;
  text-align: center;
  background: url(Images/bg_btn.jpg) repeat-x bottom;
  color: #000;
  border: 1px solid #FF7036;
  font: 12px arial;
  font-weight: bold; 
}


/**************************** Forms ****************************/

#infoDiv {
      position: absolute; 
      overflow: hidden; 
      visibility: hidden;
      z-index: 999; 
      width: 300px;       
      margin: 0;
      padding: 5px;
      color: #000;
      border: 1px solid #ccc; 
      text-align: justify;  
      background: #f5fafd;
}


/**************************** Slim Box ****************************/

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
	background: transparent url(images/prevlabel.gif) no-repeat 0 15%;
}

#lbPrevLink:hover {
	background: transparent url(images/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
	background: transparent url(images/nextlabel.gif) no-repeat 100% 15%;
}

#lbNextLink:hover {
	background: transparent url(images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}