body {background: #7fb4dc; text-align: center;}

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

.message {color: #c00;}
.inactive, #main .inactive a {color: #c00; font-weight: bold;}
.premium {color: #ed1c24; font-style:italic;}
h2.stats_header {font-size: 14px; border-bottom: 1px solid #000; margin-top: 2em;}
.form_table td {padding: 0 15px 5px 0;}
h1, h2, h3 {font-family: Trebuchet MS, Lucida, Arial, Helvetica, sans-serif; text-align: left;}
h1, h2, h3, h4, h5, h6 {margin-top: 0;}
.white_text {color: #fff;}
.text_normal {font-weight: normal;}
.red_text {color: #c9030b;}
.blue_text {color: #005596;}



/* Xinha styles, since it formats things weird - DO NOT REMOVE */
table {border: none;}
form {margin: 0; padding: 0;}



/* GENERAL WEBSITE STYLES */
#main {margin: 0 auto; width: 950px; text-align: left;}
#main1 {padding: 0 5px;}
#header {background: #005596; height: 86px; width: 940px; border-bottom: 1px solid #fff; position: relative;}
#header1 {border-bottom: #bdbdbd 1px solid;}
#left_header {margin: 0 10px 0 0; padding-top: 5px;}
#login {position:absolute; right: 10px; top: 7px; color:#fff;}
#login td {padding-bottom: 3px;}
#login a {color: #fff;}
#content_main {background: #fff;}
#content_main_table {width: 100%;}
#content_left {padding: 20px;}
#footer {text-align: center; padding: 20px 0 10px 0; background: #fff;}
#footer p {text-align: center; }
#footer a {color: #005596;}
#content_top {width:100%; background: #e5f1f9;}




/* NAV STYLES */
#nav {position: absolute; right: 0; top: 62px;}
#nav td {background: url(/images/nav_background.gif) repeat-x top;}
#nav {margin-top: 0;}
#nav td {padding-right: 20px; padding-top: 5px; line-height: 1em;}
#nav a {font-weight: bold; color: #fff; text-decoration: none;}
#nav a:hover {color: #ff6;}
#nav a {font-family: Trebuchet MS, Lucida, Arial, Helvetica, sans-serif;}
/* #nav {text-transform: uppercase;} */


/* MISC PAGE STYLES */
#contact_table td {padding: 0 8px 5px 0;}
table.contact_information {background: #F2F6F9; width: 100%; margin-bottom: 10px;}
.contact_information td {padding: 10px;}
.contact_information p {margin-top: 0;}


/* RIGHT COL STYLES */
#content_right {padding: 20px 20px 20px 0; width: 300px;}
table#search_box {border: none;}

#utility_connect {border: 1px #005596 solid; background: #fff; width: 300px; margin-bottom: 10px;}
#utility_connect th {background: #005596; padding: 4px 5px; color: #fff;}
#utility_connect td {padding: 10px 8px; text-align: left; line-height: 1.8em;}

#contact_hs {border: 1px #005596 solid; background: #fff; width: 300px; margin-bottom: 10px;}
#contact_hs th {background: #005596 url("/images/hs_small.gif") no-repeat right; padding: 4px 5px; color: #fff;}
#contact_hs td {background: url("/images/chat.jpg") no-repeat top right; padding: 10px 8px; text-align: left; line-height: 1.8em;}

#grouping_changes {border: 1px #005596 solid; background: #fff; width: 350px; margin-bottom: 10px;}
#grouping_changes th {background: #005596; padding: 4px 5px;}
#grouping_changes td {padding: 5px 8px; text-align: left; line-height: 1.8em;}

#contact_agent {border: 1px #005596 solid; background: #fff; width: 300px; margin-bottom: 10px;}
#contact_agent th {background: #005596; padding: 4px 5px; color: #fff;}
#contact_agent td {padding: 10px 8px; text-align: left; line-height: 1.8em;}

#map_box {border: 1px #005596 solid; background: #fff; width: 300px; margin-bottom: 10px;}
#map_box th {background: #005596; padding: 4px 5px; color: #fff;}
#map_box td {text-align: left; line-height: 1.5em; padding: 10px 8px;}
#map {background: url("/images/map.gif") no-repeat left top; height: 258px; width: 270px; position: relative;}
#map_box a {color: #fff; text-decoration: none; font-weight: bold;}
#map_box a:hover {color: #ff3; text-decoration: none; font-weight: bold;}
#prunw_link {position: absolute; top: 150px; left: 97px;}
#pnwrealty_link {position: absolute; top: 25px; left: 122px;}


/* HOMEPAGE STYLES */
#homepage_main {margin: 0;}
#new_vendors {width: 225px;}
#featured_vendor {width: 225px;}
a.view_hs_directory {background: url("/images/icons/view_large.gif") no-repeat 5px center; padding: 6px 6px 6px 26px; font-weight: bold; text-decoration: none; border: 1px solid #fff; line-height: 2.4em;}
a.view_hs_directory:hover {border-color: #999; background: #e7eff5 url("/images/icons/view_large.gif") no-repeat 5px center; border: 1px solid #005596;}

h3.homepage_title{border-bottom: #005596 1px solid;}
#vendor_directory_home ul, #vendor_directory_home li {margin: 0; padding: 0;}
#vendor_directory_home ul {margin: 15px 0 15px 15px;}
#welcome {padding: 20px 20px 0 20px;}
#services {text-align: center; padding-top: 10px;}
#services table {margin: 0 auto;}
#featured {border: solid 1px #666666;}



/* Utility Connect Page Styles */
.utilities_table {width: 100%;}
.utilities_table td {padding: 0 15px 5px 0; width: 50%;}
.utilities_table h3 {margin-bottom: 5px; margin-top: 10px;}
h2.location_header {font-size: 14px; border-bottom: 1px solid #005596; margin-top: 1em;}
.utilities_table .logo_table td {width: auto; padding: 0; padding: 0 10px 10px 0;}


/* VENDOR PAGE STYLES */
/* This prevents <font> tags from having a weird line-height.  Sadly, the HTML editor uses font tags, which is why this is necessary */
#ad_text {line-height: normal;}
.premium_vendor {border: #666 solid 1px; width: 450px; background: #e9f4ff; margin-bottom: 10px;}
.premium_vendor td {padding: 10px;}
table.featured_vendor {margin-bottom: 10px;}
.featured_vendor td {padding-right: 10px;}
.new_vendor {margin-bottom: 12px;}
.new_vendor img {margin-top: 3px;}



/* BLOG STYLES */
h1.blog_header a {text-decoration: none;}
h1.blog_header a:hover {color: #999;}
#menu {float: right; width: 200px;}

#menu form {
	margin: 0 0 0 13px;
}

#menu input#s {
	width: 80%;
	background: #eee;
	border: 1px solid #999;
	color: #000;
}

#menu ul {
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding-left: 3px;
}

#menu ul li {
	font-size: 110%;
  font-style: italic;
	margin-top: 10px;
	padding-bottom: 2px;
}

#menu ul ul {
	font-variant: normal;
	font-weight: normal;
	line-height: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

#menu ul ul li {
	border: 0;
	letter-spacing: 0;
	margin-top: 0;
	padding: 0;
	padding-left: 12px;
}






/* Icon Styles  */
.email {background: url(/images/icons/email.gif) no-repeat center left; padding: 3px 0 3px 20px;}
.phone {background: url(/images/icons/phone.gif) no-repeat; padding: 3px 0 3px 20px;}
.link {background: url(/images/icons/link.gif) no-repeat; padding: 3px 0 3px 20px;}
.view {background: url(/images/icons/view.gif) no-repeat; padding: 3px 0 3px 20px;}

/* search_form */

#search_container {border: 1px #005596 solid; background: #fff; width: 440px; margin-bottom: 10px;}
#search_container th {text-align: left; padding: 4px 5px; background: #005596; color: #fff;}
#search_container td {text-align: left;}
#search_container select {width: 175px;}
#search_container option {padding-right: 0;}

#search_form{
  padding:10px 20px;
}

#search_form label{
  display:none;
}

#search_form #search_box{
  float:left;
  padding:5px 0 0 0;
  height:35px;
  width:300px;
}

#search_form #search_btn{
  background:url(../images/button_search.gif) no-repeat;
  display:block !important;
  border:0;
  padding:0;
  float:right;
  height:45px;
  line-height:45px;
  overflow:hidden;
  text-align:left;
  text-indent:-9999px;
  width:92px;
}

#search_form .ui-autocomplete-input{
  float:left;
  padding:3px;
  height:18px;
  margin:0;
  width:260px;
}

#search_form button{
  height:26px;
  padding:0;
}

#search_form #search_box_directory{
  clear:both;
  display:block !important;
  text-align:center;
}

#search_form #search_box_directory a.view{
  display:inline-block;
  padding:0 0 0 20px;
}

ul.ui-autocomplete{
  max-height:300px;
  overflow:auto;
  text-align:left;
  overflow-x:hidden;
}

/* fix the right sidebar search width */
#content_right #search_container {width: 300px;}
#content_right #search_form #search_box{width:180px;}
#content_right #search_form .ui-autocomplete-input{width:146px;}
#content_right #search_form{padding:10px;}

/* slideshow */
#slideshow{
  overflow:hidden;
  width:420px;
  height:273px;
}

#new_vendors p.learn a{
  background:url(../images/button_learnmore.gif) no-repeat;
  display:block;
  width:122px;
  height:45px;
  margin:0 auto;
  overflow:hidden;
  text-indent:-9999px;
}