#container {
  width: 728px;
  margin: 0 auto;
  line-height:14px;
}

#about {
  margin: 10px 0;
  line-height: 17px;
}

/* popular */
#shippers,
#providers {
  float: left;
  width: 353px;
  height: 255px;
  margin: 0 0 10px 0;
  _margin: 0; /* ie6 */
}
	#shippers h1,
	#providers h1 {
	  height: 24px;
	  margin: 0;
	  padding: 0 5px;
	  color: #fff;
	  font: bold 14px/20px;
	}
	#shippers .inner,
	#providers .inner {
	  padding: 10px;
	}
	#shippers span a,
	#providers span a {
	  color: #000;
	  text-decoration: none;
	  font-weight: bold;
	}
	#shippers ul,
	#providers ul {
	  margin: 0 0 0 30px;
	  padding: 0;
	  list-style-type: none;
	}
#shippers {
  margin-right: 10px;
  border: 3px solid #63a7ca;
  background: url('/images/tips/tips_boxes.gif') no-repeat center center;
}
	#shippers h1 {
	  background-color: #63a7ca;
	}
#providers {
  border: 3px solid #58ac48;
  background: url('/images/tips/tips_truck.gif') no-repeat center center;
}
	#providers h1 {
	  background-color: #58ac48;
	}

/* categories */
#cats {
  clear: both;
  margin: 10px 0 -10px 0; /* -10px is there for ie6/ie7 fix, dont know why it doesnt affect ff */
  padding: 0;
  list-style-type: none;
}
#cats li {
  float: left;
  height: 75px;
  width: 72px;
  margin-right: 10px;
}
#cats li#cat9 {
  margin-right: 0;
}
#cat1 { background: url('/images/tips/cat1_hover.gif') no-repeat; }
#cat2 { background: url('/images/tips/cat2_hover.gif') no-repeat; }
#cat3 { background: url('/images/tips/cat3_hover.gif') no-repeat; }
#cat4 { background: url('/images/tips/cat4_hover.gif') no-repeat; }
#cat5 { background: url('/images/tips/cat5_hover.gif') no-repeat; }
#cat6 { background: url('/images/tips/cat6_hover.gif') no-repeat; }
#cat7 { background: url('/images/tips/cat7_hover.gif') no-repeat; }
#cat8 { background: url('/images/tips/cat8_hover.gif') no-repeat; }
#cat9 { background: url('/images/tips/cat9_hover.gif') no-repeat; }
#cats li.selected {
  background-position: 0 -75px;
}
#cats img {
  border-width: 0;
  _margin-bottom: -3px; /* ie6 */
}

/* tips */
#tips {
  clear: both;
  width: 728px;
  height: 262px;
  margin-bottom: 10px;
}
#tipHeader {
	margin: 0;
	padding: 10px;
	font: bold 14px;
}
.cat1 { background: url('/images/tips/cat1_hover.gif') -72px 0 no-repeat; }
.cat2 { background: url('/images/tips/cat2_hover.gif') -72px 0 no-repeat; }
.cat3 { background: url('/images/tips/cat3_hover.gif') -72px 0 no-repeat; }
.cat4 { background: url('/images/tips/cat4_hover.gif') -72px 0 no-repeat; }
.cat5 { background: url('/images/tips/cat5_hover.gif') -72px 0 no-repeat; }
.cat6 { background: url('/images/tips/cat6_hover.gif') -72px 0 no-repeat; }
.cat7 { background: url('/images/tips/cat7_hover.gif') -72px 0 no-repeat; }
.cat8 { background: url('/images/tips/cat8_hover.gif') -72px 0 no-repeat; }
.cat9 { background: url('/images/tips/cat9_hover.gif') -72px 0 no-repeat; }
#tips span a,
#tips span a {
  color: #000;
  text-decoration: none;
  font-weight: bold;
}
#tips ul,
#tips ul {
  margin: 0 0 0 25px;
  padding: 0;
  list-style-type: none;
}
#tips .lcol,
#tips .rcol {
  float: left;
  width: 50%;
}
#lcol,
#rcol {
  margin: 0 10px 10px 30px;
}

/* suggest */
#suggest {
  clear: both;
  text-align: center;
}
#suggest img {
  width: 462px;
  height: 54px;
  border-width: 0;
}

/* tip data */
div.hidden {
  display: none;
}