@charset "utf-8";
/* CSS Document */

/* --------------------
		Reset Styles
-------------------- */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, em, img, q, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	font-weight: 400;
}

ol, ul {
	list-style: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

strong {
   font-weight: bold;
}

/* --------------------
		Main Styles
-------------------- */

html, body {
	width: 100%;
	height: 100%;
	background: #050606 url("/images/background.gif") top left repeat-x;
	font-family: 'Roboto', 'sans-serif';
   font-weight: 400;
   font-size: 14px;
   color: #e5e5e5;
}

#wrapp {
	width: 960px;
	height: auto;
	margin: 0 auto;
}

h1, h2, h3, h4, h5, h6 {
   font-family: 'Open Sans', 'sans-serif';
   font-weight: 700;
   margin: 0 0 5px 0;
   padding: 0;
}

h1 { font-size: 24px; color: #e5e5e5; }
h2 { font-size: 20px; color: #e5e5e5; }
h3 { font-size: 18px; color: #e5e5e5; }
h4 { font-size: 14px; color: #e5e5e5; }
h5 { font-size: 12px; color: #e5e5e5; }

em { font-style: italic; }
p { margin: 0 0 10px 0; }
ul {
   margin: 0 0 0 40px;
   list-style-type: square;
   list-style-position: outside;
}

.clear { clear: both; }
a:link, a:visited { color: #B9040C; text-decoration: none; }
a:hover { text-decoration: underline; }

.header { width: 960px; height: 92px; }

.header .contacts-top {
   width: 270px;
   height: 30px;
   background: transparent url("/images/contact-callout.png") top left no-repeat;
   float: right;
   margin-right: 25px;
   color: #C02124;
   font-family: 'Roboto', 'sans-serif';
   font-weight: 700;
   font-size: 20px;
   line-height: 24px;
   padding: 6px 0 0 45px;
}
.header .contacts-top span {
   display: block;
   float: left;
   color: #ffffff;
   font-size: 13px;
   line-height: 24px;
   margin-right: 20px;
}

.intro { width: 938px; height: 348px; padding: 0 0 13px 11px; }
.intro .homepage-slides {
   width: 489px;
   height: 335px;
   padding: 13px 0 0 11px;
   background: transparent url("/images/intro-back-1.gif") top left no-repeat;
   float: left;
}
.intro .homepage-slides .jquery-slideshow {
   width: 478px;
   height: 322px;
}
.intro .homepage-slides .jquery-slideshow img {
   margin: 0 auto;
}

.intro .quick-search {
   width: 385px;
   height: 336px;
   padding: 12px 20px 0 20px;
   background: transparent url("/images/search-bkg-logo.jpg") top left no-repeat;
   float: right;
   overflow: auto;
}

.intro .quick-search h2       { font-size: 20px; margin: 0; }

.intro .communities           { padding-bottom: 10px; font-size: 12px; }
.intro .communities ul        { float: left; margin-left: 20px; margin-right: 15px; }
.intro .communities a         { color: #ffffff; }
.intro .communities a:hover   { color: #B9040C; }

form.quick { padding-bottom: 12px; }
form.quick label {
   display: block;
   width: 100px;
   float: left;
   text-align: right;
   font-size: 14px;
   font-family: 'Roboto', 'sans-serif';
   font-weight: 400;
   padding: 0 10px 0 0;
   margin-bottom: 5px;
}
form.quick input, form.quick select { font-size: 12px; margin-bottom: 5px; }
form.quick input#filter-city-value { width: 213px; }

form.quick input.submit {
   width: 160px;
   height: 27px;
   background: transparent url("/images/button_search.gif") top left no-repeat;
   border: 0;
   cursor: pointer;
   margin-left: 110px;
}

form.mlssrch h2 { float: left; margin-right: 25px; }
form.mlssrch input { font-size: 12px; float: left; width: 75px; height: 20px; margin: 0 0 0 12px; }
form.mlssrch input.submitgo {
   width: 55px;
   height: 27px;
   background: transparent url("/images/button_go.gif") top left no-repeat;
   border: 0;
   cursor: pointer;
}

.homepage {
	width: 940px;
	height: auto;
	margin: 0 0 10px 10px;
   border-top: 8px solid #979797;
   padding-top: 10px;
}

.homepage h2 { margin: 0 0 3px 0; padding: 0; font-size: 20px; }
.homepage p  { margin: 0 0 10px 0; padding: 0; }

.homepage .left {
	width: 250px;
	padding: 0 20px 20px 0;
	height: auto;
	float: left;
   border-right: 1px solid #222222;
}

.homepage .left .profile-photo { text-align: center; font-size: 13px; font-style: italic; padding-bottom: 5px; }
.homepage .left p.sub-title { font-style: italic; margin: 0 0 10px 0; }
.homepage .left p.sub-title-red { color: #E81C25; }

.homepage .middle {
	width: 300px;
	padding: 0 20px 20px 20px;
	height: auto;
	float: left;
   border-right: 1px solid #222222;
}

.homepage .right {
   width: 308px;
   padding: 0 0 20px 20px;
   height: auto;
   float: left;
   background-color: #1A1A1A;
}

.all_testimonials .testimonial { width: 418px; margin: 5px; padding: 15px; border: 1px solid #333333; background-color: #222222;}
.all_testimonials .testimonial div { text-align: right; font-size: 13px; margin: 10px 20px 0 0; }

.wide-container {
   background: #1A1A1A;
   padding: 10px 10px 20px 10px;
   width: 920px;
   min-height: 300px;
   margin: 0 0 0 10px;
}

.split-container {
   width: 454px;
   margin: 10px 0 0 0;
   float: left;
}

.split-container-left {
   padding: 0 15px 0 10px;
   border-right: 1px solid #222222;
}

.split-container-right {
   padding: 0 0 0 15px;
}

.split-container .inner {
   background: #1A1A1A;
   padding: 10px 10px 20px 10px;
}

.container {
   width: 619px;
   background-color: #1A1A1A;
   padding: 10px 10px 20px 10px;
   margin: 0 0 0 10px;
   float: left;
}

.right-sidebar {
   float: left;
   width: 260px;
   margin: 0;
   padding: 10px 10px 20px 15px;
   border-left: 1px solid #222222;
}
.right-sidebar .block { padding: 0 0 25px 0; }

#agent-box-wrap .agent-box {
   width: 225px;
   padding: 8px 0;
   margin: 0 auto;
   background-color: #222222;
   -moz-box-shadow: 0 0 5px 2px #545454;
   -webkit-box-shadow: 0 0 5px 2px #545454;
   box-shadow: 0 0 5px 2px #545454;
   text-align: center;
   font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
   font-size: 16px;
}
#agent-box-wrap .agent-no-margin { margin-right: 0; }
#agent-box-wrap .agent-box img { border: 1px solid #545454; }
#agent-box-wrap .agent-box h4 { padding: 3px 0; margin: 0; font-size: 22px; font-weight: 400; }
#agent-box-wrap .agent-box .starry-button {
    clear: both;
    display: block;
    float: none;
    margin: 9px auto 0;
    padding: 0 8px;
    width: 100px;
}

.property-card             { text-align: center;}
.property-card img         { margin: 0 auto; border: 5px solid #333333; }
.property-card h4          { padding: 5px 0; margin: 0; text-align: center; font-weight: 700; font-size: 14px; }
.property-card h4 span     { font-weight: 400; font-size: 12px; }
.property-card .price      { color: #B9040C; font-size: 20px; font-weight: bold; padding: 2px 0; }
.property-card .info      { padding-bottom: 10px; }
.property-card .info .col { float: left; width: 120px; text-align: center; margin: 4px; padding: 5px 0; font-size: 16px; font-weight: bold; background-color: #222;}
.property-card .info h5   { font-weight: normal; font-size: 12px; color: #b9040c; margin: 0; padding: 0; }

.starry-suggestion-slides { text-align: center; }
.starry-suggestion-slides .jquery-slideshow {
   margin: 0 auto;
   width: 227px;
   height: 94px;
   background-color: #3a3a3a;
   border: 3px solid #4d4c4c;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px; /* future proofing */
   -khtml-border-radius: 5px; /* for old Konqueror browsers */
}

.resources-catlist {
   float: left;
   padding: 0 0 0 10px;
}
.resources-catlist ul { list-style: none; margin: 0; padding: 10px 0 0 0; }
.resources-catlist ul li a {
   display: block;
   width: 180px;
   padding: 8px 10px 8px 5px;
   color: #e5e5e5;
   text-decoration: none;
}
.resources-catlist ul li a:hover { background-color: #444444; }
.resources-catlist ul li a.currentSelection { background-color: #BE1B22; }

.resources-links { float: left; width: 290px; padding-left: 10px; border-left: 10px solid #be1b22; }
.resources-links h2 { color: #BE1B22; }

.greater-gb { margin-left: 80px; padding: 10px 0 40px 0; }
.greater-gb img { float: left; margin-right: 25px; }

.newsletter-heading { padding-top: 15px; clear: both; }
.newsletter-heading div {
   float: left;
   width: 325px;
   padding: 50px 0 0 50px;
   font-family: 'Open Sans', 'sans-serif';
   font-weight: 700;
   font-size: 30px;
   text-align: center;
}
.newsletter-heading img { float: right; padding-bottom: 40px; }
.newsletter-heading div img { float: none; padding: 0; }
.newsletter-subscribe {
   float: right;
   padding: 5px 15px 15px 15px;
   margin: 0 0 15px 15px;
   border-top: 1px dashed #ffffff;
   border-bottom: 1px dashed #ffffff;
   border-left: 1px dashed #ffffff;
}
.newsletter-subscribe input { margin-bottom: 10px; width: 155px; }
.newsletter-subscribe input.submit {
   width: 160px;
   height: 27px;
   margin-top: 5px;
   margin-bottom: 0;
   background: transparent url("/images/button_subscribe.gif") top left no-repeat;
   border: 0;
   cursor: pointer;
}
ul.newsletter-archives { float: left; margin-right: 40px; }

.pin_form { font-size: 24px; line-height: 24px; font-weight: bold; }
.pin_form input.submit {
   width: 160px;
   height: 27px;
   background: transparent url("/images/button_getrebate.gif") top left no-repeat;
   vertical-align: top;
   border: 0;
   cursor: pointer;
}
.pin_form input.pin_box {
   font-weight: bold;
   font-size: 18px;
   height: 23px;
   padding-left: 2px;
   vertical-align: top;
   width: 100px;
}

.rebate-table                 { padding: 25px 0; }
.table-rows-border            { margin: 0 auto; }
.table-rows-border th         { width: 150px; background-color: #BE1B23; text-align: left; }
.table-rows-border td         { border-bottom: 1px solid #ffffff; text-align: left; }
.rebate-call                  { font-size: 16px; font-weight: bold; }
.rebate-disclaimer            { font-size: 11px; }
.rebate-logo                  { padding-left: 25px; }
.rebate-testimonial           { font-size: 14px; text-align: center; }
.rebate-testimonial .charity  { font-family: serif; font-size: 28px; font-weight: bold; font-style: italic; }
.rebate-testimonial .cash     { color: #BE1B23; font-style: normal; }

.error-box { color: #ffffff; border: 2px solid #be1b23; background-color: #1a1a1a; padding: 10px; text-align: center; }

.white-links a { text-decoration: none; color: #FFFFFF; }
.white-links a:hover { text-decoration: underline; color: #E81C25; }

.func-footer {
   width: 894px;
   height: 200px;
   margin: 20px 0 0 8px;
   padding: 15px 25px;
   background: #222222 url('/images/faded-sign.png') top right no-repeat;
   font-family: 'Roboto', 'sans-serif';
   font-weight: 400;
   font-size: 14px;
}
.func-footer ul { color: #888; float: left; margin: 10px 40px 0 20px; list-style: square; }
.func-footer ul li { padding: 4px 0; }
.func-footer h2 { color: #888; }
.func-footer a { color: #888; text-decoration: none; }
.func-footer a:hover { color: #B9040C; text-decoration: underline; }

.footer {
   margin: 5px 0 0 8px;
   width: 944px;
   height: 50px;
   text-align: center;
   line-height: 50px;
   font-size: 11px;
   font-family: 'Roboto', 'sans-serif';
   font-weight: 400;
   color: #464646;
}
.footer img { margin: 20px 10px; }
.footer a { text-decoration: none; color: #464646; }
.footer a:hover { text-decoration: underline; color: #E81C25; }

#environment-notification {
   position: absolute;
   z-index: 900;
   font-weight: bold;
   border: 1px solid;
   top: 55px;
   left: 50%;
   margin-left: 70px;
   padding: 5px 10px 5px 40px;
   color: #D8000C;
   background-color: #FFBABA;
   background-repeat: no-repeat;
   background-position: 10px 5px;
   background-image: url('/images/warning.png');
}

.starry-button {
   background-color: #BE1B23;
   border: 1px solid #ffffff;
   text-align: center;
   font-family: 'Open Sans', 'sans-serif';
   font-weight: 400;
   font-size: 12px;
   padding: 2px 8px;
   color: #ffffff;
   cursor: pointer;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}
a.starry-button { color: #ffffff; text-decoration: none; }
a.starry-button:hover { color: #999999; border-color: #999999; background-color: #850000; text-decoration: none; }

/******************************************************************************************************************
 * Primary Navigation Drop-Down Menu
 ******************************************************************************************************************/

.nav {
   width: 960px;
   height: 44px;
   padding: 13px 0;
}

.nav .left {
   width: 9px;
   height: 44px;
   background: transparent url("/images/left-navigation.jpg") top left no-repeat;
   float: left;
}

.nav .right {
   width: 9px;
   height: 44px;
   background: transparent url("/images/right-navigation.jpg") top left no-repeat;
   float: left;
}

.nav .middle {
   width: 942px;
   height: 44px;
   background: transparent url("/images/middle-navigation.jpg") top left repeat-x;
   float: left;
}

#navigation { height: 44px; float: left; list-style: none; margin: 0; padding: 0; text-indent: 0; }
#navigation li { float: left; background: transparent url("/images/separator-nav.gif") left 22px no-repeat; }
#navigation li.first { background: none; }

#navigation li a:link,
#navigation li a:visited {
   font-size: 16px;
   color: #FFF;
   font-family: 'Roboto', 'sans-serif';
   font-weight: 400;
   text-decoration: none;
   margin: 0 20px;
   line-height: 44px;
}
#navigation li a.selected,
#navigation li a:hover { color: #E81C25; }

#navigation ul {
   background: none repeat scroll 0 0 #FFFFFF;
   background-color: #B9040C;
   border: medium none;
   display: none;
   list-style-type: none;
   margin: 0;
   padding: 10px 0 0 0;
   position: absolute;
   z-index: 200;
}
#navigation > ul {
    left: auto;
    top: auto;
}
#navigation li:hover > ul {
    display: block;
}
#navigation li.over ul {
    display: block;
}
#navigation ul li {
    background-image: none;
    display: inline;
    float: none;
    margin: 0;
    padding: 0;
    z-index: 220;
}
#navigation ul li a:link,
#navigation ul li a:visited {
   display: block;
   float: none;
   background-image: none;
   font-size: 14px;
   color: #FFFFFF;
   font-family: 'Roboto', 'sans-serif';
   font-weight: 400;
   text-decoration: none;
   line-height: 16px;
   margin: 0;
   padding: 0 10px 10px 10px;
   text-align: left;
   z-index: 300;
}
#navigation ul li a:hover,
#navigation ul li a:active {
   color: #000 !important;
}

form.dsform#send-mail-form fieldset { border: 1px solid #555; background-color: #222; }
form.dsform#send-mail-form fieldset legend {  border: 1px solid #555; background-color: #222; color: #fff; }

/******************************************************************************************************************
 * Notifications
 ******************************************************************************************************************/

.notification_box {
   margin: 10px 0px;
   float: left;
   clear: both;
}

.notification_close {
   text-align: center;
   font-weight: normal;
   font-size: 10px;
   float: right;
   clear: both;
   width: 100px;
   margin: 0;
   padding: 2px 15px 3px 0;
   background: #eeeeee url('/images/close.png') 96px center no-repeat;
   border-top: 1px solid #000;
   border-left: 1px solid #000;
   border-right: 1px solid #000;
}

.infoText, .successText, .warningText, .errorText {
   clear: both;
   float: left;
   font-weight: bold;
   border: 1px solid;
   margin: 0;
   padding: 10px 10px 10px 40px;
   background-repeat: no-repeat;
   background-position: 10px 10px;
}

.infoText ul, .successText ul, .warningText ul, .errorText ul {
   padding: 5px 5px 0 0;
   margin: 0;
}

.infoText li, .successText li, .warningText li, .errorText li {
   margin: 5px 0 5px 20px;
}

.infoText p, .successText p, .warningText p, .errorText p {
   padding: 0;
   margin: 0;
}

.infoText {
   color: #00529B;
   background-color: #BDE5F8;
   background-image: url('/images/info.png');
}

.successText {
   color: #4F8A10;
   background-color: #DFF2BF;
   background-image:url('/images/success.png');
}

.warningText {
   color: #9F6000;
   background-color: #FEEFB3;
   background-image: url('/images/warning.png');
}

.errorText {
   color: #D8000C;
   background-color: #FFBABA;
   background-image: url('/images/error.png');
}