/* Overall styles
---------------------------------- */
body {
  font: 11px/13px Arial, Verdana, sans-serif;
  color: #333;
  background: #fff;
}

#content {
  font-family: Verdana, sans-serif;
}


/* Legacy styles from old site
   (except where replaced with
    new styles)
---------------------------------- */
#content ul.arrow {
  list-style-image: url("/swapp/resources/images/legacy/arrow.gif");
}

#content a,
#content a:visited {
  color: #5385a5;
  text-decoration: none;
}

#content a:active,
#content a:hover {
  text-decoration: underline;
}

#content a.textlink,
#content a.textlink:visited,
#content a.textlinkbold,
#content a.textlinkbold:visited {
  font-weight: bold;
}

#content .boldlink,
#content a.boldlink,
#content a.boldlink:visited,
#content a.boldlink:active {
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #333;
}

#content .boldlarge {
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color: #333;
}

#content .boldlargered {
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color: red;
}

#content .bluebold,
#content a.bluebold:link,
#content a.bluebold:visited,
#content a.bluebold:hover,
#content a.bluebold:active {
  font: bold 12px Arial, Helvetica, sans-serif; 
  color: #003399;
  padding-top:3px;
}

#content div.indent {
  margin-left: 25px;
}

#content .white {
  color: #fff;
}

#content .red {
  color: red;
}

#content .bulletlrg {
  font-weight: bold;
}

#content h1,
#content .H1,
#content a.H1,
#content a.H1:link,
#content a.H1:visited,
#content a.H1:active {
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #333;
}

#content h2,
#content .H2,
#content a.H2:link,
#content a.H2:hover,
#content a.H2:visited,
#content a.H2:active {
  font: 10px Arial, Helvetica, sans-serif;
  color: #333;
  margin: 0 2px;
  line-height: 23px;
}

#content h3,
#content .H3,
#content a.H3:link,
#content a.H3:visited,
#content a.H3:active {
  font: bold 12px Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #056BB4;
  line-height: 19px;
}

#content .H4 {
  font: bold 16px Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #333;
  text-decoration: none;
  line-height: 40px;
}

#content .H5,
#content a.H5:link,
#content a.H5:visited,
#content a.H5:active {
  font: bold 16px Arial, Helvetica, sans-serif;
  color: #056BB4;
  line-height: 19px;
}

#content a.H5:hover {
  line-height: 19px;
}

#content #inline,
#content #inline2 {
  color: #5385a5;
  text-transform: uppercase;
  font-size: 10px;
}

#content b {
  font-weight: bold;
}

#content .small,
#content .smalltext,
#content #small {
  font-size: 10px;
}

#content a.smtextlink,
#content a.smtextlink:visited {
  font-size: 10px;
  font-weight: bold;
  color: #5385a5;
}

#content .hometext {
  color: #333;
  line-height: 14px;
}

#content .hometext2 {
  color: #333;
  line-height: 14px;
  padding-left: 4px;
  padding-right: 3px;
}

#content .sitemap,
#content a.sitemap:link,
#content a.sitemap:visited {
  color: #333;
}

#content #search input#s-box2 {
  display: block;
  float: left;
  background: #fff;
  margin: 0;
  padding: 0;
  width: 160px;
  font-size: 10px;
}

#content #search input#s-buttonside {
  display: block;
  margin: 0 0 0 2px;
  padding: 0;
  border: 0;
  background: #fff;
}

#content td.outline {
	background-color: #cbd2d7;
}

#content td.fill {
	background-color: #dedfe1;
}

#content td.content {
	background-color: #ffffff;
}


/* Globalnav styles
---------------------------------- */
#globalnav {
  margin: 0;
  padding: 0;
}

#globalnav li {
  float: left;
  margin: 5px 23px 0 0;
  padding: 0;
  list-style-type: none;
  text-transform: lowercase;
}

#globalnav li#searchform {
  margin: 0;
}

#globalnav li#searchform form {
  margin: 0;
  padding: 0;
}

#globalnav li#searchform label {
  color: #999;
  float: left;
  margin: 0 10px 0 0;
  padding: 5px 0 0;
  text-transform: lowercase;
}

#globalnav li#searchform input#search {
  float: left;
  margin: 0 7px 0 0;
  width: 124px;
}

#globalnav li#searchform input#search-submit {
  float: left;
  margin: 6px 0 0;
}

#globalnav li a {
  color: #999;
  text-decoration: none;
}

#globalnav li a:hover,
#globalnav li a:focus {
  color: #333;
}


/* Sitenav styles
---------------------------------- */
a#sitenav-homeowner,
a#sitenav-professional,
a#sitenav-about {
  display: block;
  width: 254px;
  height: 26px;
  text-indent: -9999px;
}

a#sitenav-homeowner {
  background: url("/swapp/resources/images/sitenav/homeowner.gif") 0 0 no-repeat;
}

a#sitenav-professional {
  background: url("/swapp/resources/images/sitenav/professional.gif") 0 0 no-repeat;
}

a#sitenav-about {
  background: url("/swapp/resources/images/sitenav/about.gif") 0 0 no-repeat;
}

a#sitenav-homeowner:hover,
a#sitenav-homeowner:focus,
a#sitenav-professional:hover,
a#sitenav-professional:focus,
a#sitenav-about:hover,
a#sitenav-about:focus {
  background-position: 0 -26px;
}

#homeowner a#sitenav-homeowner,
#pro a#sitenav-professional,
#about a#sitenav-about {
  background-position: 0 -26px;
}

/* Sectionnav and sidebar styles
---------------------------------- */
#sidebar {
  padding: 0 0 7px;
}

#sectionnav {
  border: 1px solid #d9d9d9;
  border-bottom: none;
  width: 188px;
}

#sectionnav h2 {
  margin: 0;
  padding: 0;
  height: 0;
  line-height: 0;
  text-indent: -9999px;
}

#sectionnav ul {
  margin: 0;
  padding: 0;
  font-family: Arial;
}

#sectionnav li {
  margin: 0;
  padding: 1px;
  border-bottom: 1px solid #d9d9d9;
  list-style-type: none;
}

#sectionnav li a {
  display: block;
  margin: 0;
  padding: 4px 15px 4px 7px;
  width: 164px;
  font-size: 10px;
  text-transform: uppercase;
  text-decoration: none;
  color: #666;
  background: #f5f5f5 url("/swapp/resources/images/bg/sectionnav.gif") 170px -59px no-repeat;
}

#sectionnav li.current a,
#sectionnav li a:hover,
#sectionnav li a:focus {
  color: #4581b3;
  background-position: 170px -6px;
}

#sectionnav li ul {
  margin: 0;
}

#sectionnav li ul li {
  padding: 0;
  margin: 0;
  border-top: 1px dotted #d9d9d9;
  border-bottom: none;
}

#sectionnav li ul li a,
#sectionnav li.current ul li a {
  padding: 3px 15px 3px 17px;
  width: 154px;
  font-size: 11px;
  text-transform: none;
  color: #666;
  background: transparent url("/swapp/resources/images/bullets/arrow.gif") 7px 50% no-repeat;
}

#sectionnav li ul li a:hover,
#sectionnav li ul li a:focus,
#sectionnav li.current ul li a:hover,
#sectionnav li.current ul li a:focus {
  color: #4581b3;
}

#sectionnav li.current ul li.current a {
  background: #f5f5f5;
}

#sectionnav li.current ul li ul li {
  padding: 1px 0;
}

#sectionnav li.current ul li ul li a {
  padding-left: 32px;
  width: 139px;
  font-size: 10px;
  background-image: none;
  color: #9a9892;
}

#sectionnav li.current ul li.current ul li a,
#sectionnav li.current ul li.current ul li.current a {
  background: transparent;
}

#sectionnav li.current ul li ul li ul li a {
  padding-left: 47px;
  width: 124px;
  color: #b2afa9;
}

#locator {
  padding: 1px 1px 10px;
  border: 1px solid #d9d9d9;
  border-top: none;
  border-bottom: none;
  width: 186px;
}

#locator h2,
#visualizer h2 {
  margin: 0 0 6px 0;
  padding: 5px 7px 7px 7px;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1;
  color: #fff;
  background: #76736c url("/swapp/resources/images/bg/h2.gif") 0 100% repeat-x;
}

#locator p,
#visualizer p {
  margin: 0 7px 6px;
  padding: 0;
  font-family: Arial;
  color: #999;
}

#locator a {
  color: #999;
}

#locator form {
  margin: 0 7px 7px;
}

#locator form label {
  display: block;
  color: #999;
  margin: 0 0 7px;
}

#locator form input#zip {
  width: 90px;
}

#visualizer {
  padding: 1px 1px 10px;
  border: 1px solid #d9d9d9;
  width: 186px;
}

#visualizer p {
  margin-right: 0;
}

#visualizer p a.cvlaunch {
  position: relative;
  left: -3px;
  display: block;
  width: 178px;
  height: 25px;
  text-indent: -9999px;
  background: url("/swapp/resources/images/bg/launch-cv.gif") no-repeat;
}

highlight {
  font-weight: bold;
}

.gutter-ad {
  padding: 5px 0;
  border-bottom: 1px solid #d9d9d9;
  width: 190px;
}

.gutter-ad img {
  display: block;
  margin: 0 auto;
  border: 0;
  padding: 0;
}

.gutter-ad h3 {
  margin: 5px 0;
  padding: 0 5px;
  font: 13px/16px Arial, Verdana, Helvetica, sans-serif;
  color: #4581B3;
}

.gutter-ad p {
  margin: 0 5px 5px;
  font-size: 10px;
  color: #999;
}

.gutter-ad a {
  color: #4581B3;
  text-decoration: none;
}

.gutter-ad a:hover,
.gutter-ad a:focus {
  text-decoration: underline;
}

.gutter-ad ul li {
  color: #999;
}


/* Footer styles
---------------------------------- */
#footer {
  padding: 5px 0 0 0;
  border-top: 1px solid #a2a9a9;
}

#footer h2 {
  margin: 0;
  padding: 0;
  height: 0;
  line-height: 0;
  text-indent: -9999px;
}

#footer ul {
  margin: 0 0 5px 0;
  padding: 0;
}

#footer li {
  display: inline;
  margin: 0 0 6px;
  padding: 0 8px 0 5px;
  list-style-type: none;
  background: url("/swapp/resources/images/bullets/separator.gif") 100% 50% no-repeat;
}

#footer li.last {
  background-image: none;
}

#footer li a {
  color: #999;
  text-decoration: none;
}

#footer li a:hover,
#footer li a:focus {
  color: #333;
}

#footer hr {
  display: none;
}


/* Hacks for IE/Win browsers
---------------------------------- */
* html #sitenav h2,
* html #sectionnav h2,
* html #footer h2 {
  overflow: hidden;
}

* html #main img,
* html #adspace img {
  display: block;
}

* html #footer li {
  padding-left: 8px;
}

* html #footer h2 {
  overflow: hidden;
}

* html #sectionnav {
  overflow: hidden;
}

* html div.gutter-ad {
  overflow: hidden;
}