/* global */
body {
  font: 12px arial;
  background-color: #c0c0c0;
  margin-top: 0px;
}

a:link {
  color: #0000CC;
}

a:visited {
  color: #551A8B;
}

a:active {
  color: #FF0000;
}

img {
  border-style: none;
}

td {
  font: 12px arial;
  text-align: left;
  vertical-align: middle;
}

form {
  margin-top: 0px;
  margin-bottom: 0px;
}

/* tabs */
#tabs {
  margin: 0;
  padding: 0;
  float: left;
  font-size: 11px;
  line-height: 2em;
  font-family: verdana, helvetica, sans-serif;
}

#tabs ul {
  margin: 0;
  padding: 0 0 0 20px;
  list-style: none;
}

#tabs li {
  margin: 0;
  padding: 0;
  display: inline;
}

#tabs a {
  margin: 0 0 0 0;
  padding: 0 0 0 4px;
  float: left;
  text-decoration: none;
  background-image: url(../images/tab_left.gif);
  background-repeat: no-repeat;
  background-position: top left;
}

#tabs a span {
  padding: 3px 5px 3px 1px;
  color: #ffffff;
  font-weight: bold;
  float: left;
  display: block;
  background-image: url(../images/tab_right.gif);
  background-repeat: no-repeat;
  background-position: top right;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {
  float: none;
}
/* End IE5-Mac hack */

#tabs a:hover span {
  color: #ffffff;
  font-weight: bold;
  cursor: pointer;
}

#tabs a:hover {
  background-position: 0% -59px;
  cursor: pointer;
}

#tabs a:hover span {
  background-position: 100% -59px;
  cursor: pointer;
}

/* selected tabs */
#sel a {
  color: #ffffff;
  font-weight: bold;
  background-position: 0% -59px;
}

#sel a span {
  color: #ffffff;
  font-weight: bold;
  background-position: 100% -59px;
}

/* text formatting */
.gray11 {
  color: #aaaaaa;
  font: 11px arial;
}

.gray14bold {
  color: #000000;
  font: 13px verdana;
  font-weight: normal;
}

.gray14bold td {
  color: #000000;
  font: 13px verdana;
  font-weight: normal;
}

.pricetxt {
  color: #ff9915;
  font: 12px arial;
}

.orangetxt {
  color: #ff9915;
  font: 12px arial;
}

.greentxt {
  color: green;
  font: 12px arial;
}

.headertxt {
  color: #ffffff;
  font: 18px arial;
  float: right;
  margin: 0px;
  padding: 0px;
}

h1 {
  color: #000000;
  font: bold 14px arial;
  margin: 0px;
  padding: 0px;
}

h1#homeh1 {
  color: #000000;
  font: bold 13px arial;
  display: inline;
}

.black18,h3 {
  color: #000000;
  font: 18px arial;
  margin: 0px;
}

.black11,h4 {
  color: #000000;
  font: 11px arial;
  margin: 0px;
  padding: 0px;
}

.copyright {
  font: 10px arial;
  color: #666666;
  text-decoration: none;
}

/* tables style */
.outertable {
  border: 39px;
  background-image: url(/images/table_shadow.gif);
  background-repeat: repeat-y;
  width: 838px;
}

.popcities td {
  border-bottom: 1px solid #e0e0e0;
  padding-top: 4px;
  padding-bottom: 3px;
  font: 13px arial;
  font-weight: bold;
}

.statecities td {
  padding-top: 5px;
  padding-bottom: 5px;
  font: 12px arial;
  vertical-align: top;
}

.right {
  text-align: right;
}

.left {
  text-align: left;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.clear,
.clearAfter:after {
    clear: both;
    visibility: hidden;
    display: block;
    overflow: hidden;
    width: 0;
    height: 0;
}		

    .clearAfter:after {
        content: " ";
        line-height: 0;
        font-size: 0;
    }
    
.clearAfter {
    zoom: 1; /* IE < 7 Only */
}

/* stats */
.stats td {
  border-bottom: 1px solid #aaaaaa;
  padding-top: 5px;
  padding-bottom: 5px;
}

.stats {
  width: 220px;
}

/* forms style */
.input {
  background-repeat: no-repeat;
  background-position: top left;
  border-left: 1px solid #4a4a4a;
  border-top: 1px solid #4a4a4a;
  border-right: 1px solid #b0b0b0;
  border-bottom: 1px solid #b0b0b0;
}

/* sets input text widths */
.biz {
  padding-left: 5px;
  width: 220px;
  background-color: #FFF !important;
}

.city {
  padding-left: 5px;
  width: 180px;
  background-color: #FFF !important;
}

.bizshort {
  padding-left: 5px;
  width: 200px;
  background-color: #FFF !important;
}

.cityshort {
  padding-left: 5px;
  width: 150px;
  background-color: #FFF !important;
}

.name {
  padding-left: 5px;
  width: 150px;
  background-color: #FFF !important;
}

.web {
  padding-left: 5px;
  width: 250px;
  background-color: #FFF !important;
}

select {
  background-color: #FFF !important;
}

.three {
  padding-left: 5px;
  width: 25px;
}

.four {
  padding-left: 5px;
  width: 35px;
}

.zip {
  padding-left: 5px;
  width: 45px;
}

.twotwenty {
  padding-left: 5px;
  width: 220px;
}

/* search */
.localsearch td,.othercities td {
  border-bottom: 1px solid #e0e0e0;
  padding-top: 5px;
  padding-bottom: 5px;
}

.searchformsubmit {
  margin-left: 15px;
  margin-top: 3px;
  border: none;
}

.searchform {
  margin: 0px;
  padding: 0px;
}

.resultsleft {
  text-align: left;
  margin-left: 70px;
  margin-right: 70px;
}

/* this helps divs from over floating */
.clearboth {
  clear: both;
  margin: 0px;
  padding: 0px;
  height: 1px;
}

/* header */
#HeaderHome {
  margin: 0;
  padding: 100px 0 0 0;
}

/* popular cities */
#PopCities {
  margin: 20px 0 0 20px;
  padding: 10px 0px 0 15px;
  width: 280px;
  text-align: left;
  float: left;
  /* border-left: 0.01em dotted #848388; */
  background: url(/images/bg-pop-cities.gif) no-repeat top left;
  vertical-align: top;
}

#PopCities h1 {
  margin: 0 0 5px 20px;
  padding: 0;
  font: bold 13px arial;
}

#PopCities ul {
  margin: 0;
  padding: 0 0 10px 20px;
  width: 73px;
  font-size: 11px;
  list-style: none;
  float: left;
}

#PopCities li {
  margin: 0;
  padding: 0 0 1px 0px;
  white-space: nowrap;
}

#PopCities h4 {
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 11px;
}

#PopCities h2 {
  margin: 0;
  padding: 0;
  font-weight: 100;
  font-size: 11px;
}

#PopCities a {
  color: #848388;
  text-decoration: none;
}

#PopCities a:hover {
  color: #000000;
  text-decoration: none;
}

/* states */
#States {
  margin: 20px 0 0 20px;
  padding: 10px 0px 0 0px;
  width: 400px;
  text-align: left;
  float: left;
  vertical-align: top;
}

#States h1 {
  margin: 0 0 5px 20px;
  padding: 0;
  font: bold 13px arial;
}

#States ul {
  margin: 0;
  padding: 0 0 10px 20px;
  width: 80px;
  font-size: 11px;
  list-style: none;
  float: left;
}

#States li {
  margin: 0;
  padding: 0 0 1px 0px;
  white-space: nowrap;
}

#States h4 {
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 11px;
}

#States h2 {
  margin: 0;
  padding: 0;
  font-weight: 100;
  font-size: 11px;
}

#States a {
  color: #848388;
  text-decoration: none;
}

#States a:hover {
  color: #000000;
  text-decoration: none;
}

#divsearch {
  width: 760px;
  border: 0px solid black;
  padding: 35px 12px 10px 12px;
  margin: 0px 0px 0px 0px;
}

html>body #divsearch {
  margin-left: 0px;
}

#divsearch table {
  width: 760px;
  font-weight: bold;
  font-family: arial, helvetica, sans-serif;
  font-size: 14px;
  color: black;
  /* border-top: 1px solid #FFCB01; */
  /* background: transparent url(/images/header_bar.gif) repeat-x top center; */
}

#divsearch input {
  width: 85%;
  border: 1px solid #7F9DB9;
  padding: 1px;
}

input#search-submit {
  width: 62px;
  height: 23px;
  padding: 25px 0px 0px 0px;
  margin: 8px 0px 0px 0px;
  border: 0px;
  background: transparent url(/images/search_btn.gif) no-repeat center top;
  overflow: hidden;
  cursor: pointer;
}

html>body input#search-submit:not([class="xxx"]) {
  text-indent: -1000em;
  height: 30px;
  padding: 0px 0px 5px 0px;
}

/* M$6 -- all browers can read this*/
div#divsearch {
  width: 760px;
  border: 0px solid red;
  padding: 35px 12px 10px 13px;
  margin: 0px 0px 0px 0px;
}

/* M$7 --- M$6 cannot read this*/
html>body div#divsearch {
  border: 0px solid blue;
  margin: 0px 0px 0px 0px;
}

/* FF --- M$6 or M$7 cannot read this */
html>body div#divsearch:not([class="xxx"]) {
  border: 0px solid green;
  margin: 0px 0px 0px 0px;
}


a.ovlinks {
  display: block;
  width: 730px;
  text-decoration: none;
  line-height: 1.4em;
}

span.ovlinks-name {
  color: #0000EE;
  font-size: 1.0em;
  font-weight: bold;
  text-decoration: underline;
  font-family: arial;
}

span.ovlinks-website {
  color: #FFA10F; /*#F7D304;*/
  font-size: 0.9em;
  font-weight: normal;
  text-decoration: none;
  font-family: arial;
}

span.ovlinks-summary {
  color: #666666;
  font-size: 0.9em;
  font-weight: normal;
  text-decoration: none;
  font-family: arial;
}

a.ovlinks:hover,
a.ovlinks:hover div,
a.ovlinks:hover span {
  background-color: #FFFA73;
}

#searchWeb-next {
  text-align: right;
  display: block;
  width: 730px;
}

/* Unified yellow page search box */
#yp-form {
    clear:      both;
    margin-top: 10px;
    position:   relative;
}
#yp-form input.text {
    width:      230px;
}
#yp-form input.submit {
    background-image:   url('/images/yb/search.gif');
    background-repeat:  no-repeat;
    width:              72px;
    height:             27px;
    border:             0px;
    margin-left:        162px;
    background-color:   transparent;
    cursor:             pointer;
    overflow:           hidden; /* Trick to hide the text so only the image shows */
    padding-top:        100px;
}
#yp-form dl,
#yp-form dt,
#yp-form dd {
    margin:     0px;
    padding:    0px;
}
#yp-form dt.category, #yp-form dd.category {
}
#yp-form dt.name, #yp-form dd.name {
    background-color:   transparent !important;
}
#yp-form dt.where, #yp-form dd.where {
}