/* general table layout */

.cb { clear: both; }
.cf { clear: left; }
.cr { clear: right; }

/* specific table layout */

table.package {
	border-collapse: collapse;
	border: 1px solid #dce0e4;
}

table.package th {
	border-bottom: 1px solid #dce0e4;
	padding: 0.5em 0.5em;
	text-align: left;
	color: #fff;
	background-image: url(../images/featured_background_aluminum.png);

}

table.package th.cost {
	text-align: center;
	width: 80px;
}

table.package tr.free td {
	border-top: 1px solid #FB7A31;
	border-bottom: 1px solid #FB7A31;
	background: #FFC;
}

table.package td {
	border-bottom: 1px solid #dce0e4;
	padding: 0.7em 0.7em;
}

table.package td span.icon {
  margin-right: 0.7em;
}

table.package span.totalcost {
  padding: 0.9em 0.9em;
  font-size: 26px;
  font-weight: bold;
}

table.package td.total {
      text-align: right;
}

table.package td:first-child {
	
}

table.package td+td {
	border-left: 1px solid #dce0e4;
	text-align: center;
}

/* icons */

span.icon-consult {
  background-image: url(../images/icons/consult.png);
  background-position: top left;
  background-repeat: no-repeat;
  height: 32px;
  width: 32px;
  display: block;
  float: left;
}

span.icon-layout {
  background-image: url(../images/icons/layout.png);
  background-position: top left;
  background-repeat: no-repeat;
  height: 32px;
  width: 32px;
  display: block;
  float: left;
}

span.icon-static-page {
  background-image: url(../images/icons/static-page.png);
  background-position: top left;
  background-repeat: no-repeat;
  height: 32px;
  width: 32px;
  display: block;
  float: left;
}

span.icon-camera {
  background-image: url(../images/icons/camera.png);
  background-position: top left;
  background-repeat: no-repeat;
  height: 32px;
  width: 32px;
  display: block;
  float: left;
}

span.icon-email-book {
  background-image: url(../images/icons/email-book.png);
  background-position: top left;
  background-repeat: no-repeat;
  height: 32px;
  width: 32px;
  display: block;
  float: left;
}

span.icon-harddisk {
  background-image: url(../images/icons/harddisk.png);
  background-position: top left;
  background-repeat: no-repeat;
  height: 32px;
  width: 32px;
  display: block;
  float: left;
}

span.icon-counter {
  background-image: url(../images/icons/counter.png);
  background-position: top left;
  background-repeat: no-repeat;
  height: 32px;
  width: 32px;
  display: block;
  float: left;
}

span.icon-google {
  background-image: url(../images/icons/google.png);
  background-position: top left;
  background-repeat: no-repeat;
  height: 32px;
  width: 32px;
  display: block;
  float: left;
}

span.icon-seo-layout {
  background-image: url(../images/icons/seo-layout.png);
  background-position: top left;
  background-repeat: no-repeat;
  height: 32px;
  width: 32px;
  display: block;
  float: left;
}

span.icon-web-directory {
  background-image: url(../images/icons/web-directory.png);
  background-position: top left;
  background-repeat: no-repeat;
  height: 32px;
  width: 32px;
  display: block;
  float: left;
}

span.icon-cms {
  background-image: url(../images/icons/cms.png);
  background-position: top left;
  background-repeat: no-repeat;
  height: 32px;
  width: 32px;
  display: block;
  float: left;
}

span.icon-technical-support {
  background-image: url(../images/icons/technical-support.png);
  background-position: top left;
  background-repeat: no-repeat;
  height: 32px;
  width: 32px;
  display: block;
  float: left;
}

span.icon-time {
  background-image: url(../images/icons/time.png);
  background-position: top left;
  background-repeat: no-repeat;
  height: 32px;
  width: 32px;
  display: block;
  float: left;
}

span.icon-wordpress {
  background-image: url(../images/icons/wordpress.png);
  background-position: top left;
  background-repeat: no-repeat;
  height: 32px;
  width: 32px;
  display: block;
  float: left;
}

/* other */

.directory-links {
    display: block;
    clear: both;
}

div#topphone {
   color: #fff;
   float: right;
   text-align: right;
}

div#topphone .phone {
  color: #fff !important;
  font-size: 28px;
  font-weight: bold;
}

div#search {
      float: left; margin-top: 7px;
}