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

/* Global Classes */
* {padding: 0px; margin: 0px;}
.clear         { clear:both; }
.float-left    { float:left; margin: 0px 10px 10px 0px;}
.float-right   { float:right; margin: 0px 0px 10px 10px;}
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
.img-left      { float:left;margin:0px 10px 10px 0px;}
.img-right     { float:right;margin:0px 0px 10px 10px;}
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }
.error, .red {background:#FFEBE8 none repeat scroll 0%; border:1px solid #DD3C10; margin:0px 10px 10px; padding:10px; display: block;}
.correct, .green {background:#E6FCE6 none repeat scroll 0%; border:1px solid #84DB12; margin:0px 10px 10px; padding:10px; display: block;}
.info {background:#FBFCE6 none repeat scroll 0%; border:1px solid #D9B411; margin:0px 10px 10px; padding:10px; display: block;}
.required_fields {color:red;}
/* End Global Classes */

/* ----------------------------------------------------------- layout*/
body.editor {background-color: #FFF;}

body {
font-size: 62.5%;
font-family: "Arial", Helvetica, sans-serif;
background-color: #56575a;
}

#frame {
border: 1px solid #FFF;
width: 978px;
padding: 0px;
margin: 20px auto;
}

#content {
clear: both;
width: 978px;
background-color: #FFF;
border: 1px solid #FFF;
padding: 0px;
margin: 0px;
border: none;
}

/* Header Styles */
#header {
display: block;
width: 978px;
height: 138px;
margin: 0px;
padding: 0px;
background-color: #ed008c;
}

#header .logo {
float: left;
display: block;
width: 279px;
height: 138px;
margin: 0px;
}

#header .right {
float: right;
display: block;
width: 699px;
height: 138px;
}

#header .facebook {
margin: 0px;
}

#header .facebook a {
display: block;
width: 654px;
height: 20px;
padding: 5px 35px 5px 0px;
margin: 10px 10px 0px 0px;
color: #FFF;
text-decoration: none;
text-align: right;
background: url("../images/sce/facebook-small-icon.png") no-repeat right center;
}

#header .facebook a:hover {
color: #008bb0;
}

#header .contact_details {
float: right;
display: block;
height: 57px;
padding: 25px 5px 0px 15px;
margin: 16px 0px 0px 0px;
font-size: 10px;
color: #FFF;
background: url("../images/sce/contact-border.gif") no-repeat right bottom;
}

#header .contact_details strong {
display: block;
width: 200px;
font-size: 14px;
}

#header .contact_details#coleraine {
width: 180px;
}

#header .contact_details#portstewart {
width: 200px;
}

#header .contact_details#newtownabbey {
background: transparent;
width: 210px;
}

#header .contact-no-bg {
background: transparent;
width: 210px;
}
/* End Header Styles */

/*#search {height: 30px; padding: 10px 0 10px 0; display: block; text-align: right; color: #ffffff; font-size: 1.1em; font-weight: bold;}

#search form {display: inline;}

#search button {background: url(../images/sce/go-btn.gif) no-repeat; border: 0 none; font-weight: bold; color: #ffffff; padding: 2px 11px;}*/

/* Footer Styles */
#footer_container {
clear: both;
padding: 10px;
}

#footer ul {
display: block;
width: 958px;
text-align: center;
font-size: 12px;
}

#footer li {
list-style: none;
display: inline;
}

#footer ul a {
border-left: 1px solid #FFF;
padding: 0px 2px 0px 4px;
text-decoration: none;
}

#footer ul a.footer_first {
border-left: none;
}

#footer_container a {
color: #FFF;
}

#footer_container a:hover {
color: #ed068d;
}

#footer_container p {
display: block;
width: 958px;
margin: 10px 0px 0px 0px;
color: #FFF;
font-size: 12px;
}

#footer_container p a.right {
float: right;
}
/* End Footer Styles */

/* ----------------------------------------------------------- end layout*/

/* Menu Styles */
#menu {
clear: both;
width: 978px;
height: 31px;
margin: 0px;
padding: 0px;
font-size: 14px;
background-color: #008bb0;
border-top: 2px solid #FFF;
}

#menu ul {list-style: none; margin: 0; padding: 0;}

#menu ul li {float: left;}

#menu li {position: relative;}

#menu a {
display: block;
width: auto;
height: 15px;
line-height: 15px;
color: #fff;
text-decoration: none;
padding: 8px 11px;
margin: 0px;
background: url(../images/sce/arrow.gif) no-repeat left center;
}

#menu a#menu_link0 {margin-left: 10px;}

/*#menu a.main_current {color: #ed008c;}*/

#menu a:hover {color: #ed008c;}
/* End Menu Styles */

/* ----------------------------------------------------------- content*/

h1 {
font-size: 28px;
line-height: 32px;
color: #ed068d;
margin: 0px 0px 10px 0px;
}

h2 {
font-size: 24px;
line-height: 28px;
color: #ed068d;
margin: 10px 0px;
}

h3 {
font-size: 20px;
line-height: 24px;
color: #ed068d;
margin: 10px 0px;
}

h4, h5, h6 {
font-size: 16px;
line-height: 20px;
color: #ed068d;
margin: 10px 0px;
}

p {
color: #000;
font-size: 14px;
line-height: 18px;
margin: 0px 0px 10px 0px;
}

a {color: #ed068d;}

a:hover {color: #008bb0;}

/*a:visited {color: #e661b0;}

a:focus {color: #ffffff; background: #e661b0;}*/

.float-left {position: relative; float: left; padding: 0 5px 5px 0;}

.float-right {position: relative; float: right; padding: 0 0 5px 5px;}

#center_content {
width: 481px;
display: block;
position:relative;
float: left;
min-height: 300px;
padding: 10px 10px 0px 10px;
}

#center_content_wide {
width: 720px;
display: block;
position:relative;
float: left;
min-height: 300px;
padding: 10px 10px 0px 10px;
}

#property_content{
width: 720px;
display: block;
position:relative;
float: left;
min-height: 300px;
padding: 10px 10px 0px 10px;
}

#center_content_wide li {font-size: 1.3em; padding: 2px 0;}
/* ----------------------------------------------------------- content right*/

#right_content {
width: 238px;
display: block;
/*position:relative;*/
float: right;
margin: 1px 1px 1px 0px;
}

#latest_news span {
margin: 1px 0 0 0;
padding: 0 0 0 5px;
height: 27px;
display: block;
Color: #ffffff;
background: #56575a;
font-size: 1.1em;
font-weight: bold;
line-height: 27px;
}

#right_content span.news_date {color: #56575a; background: transparent; width: 206px; font-size: 10px; padding: 0px;}

#right_content div.box{
padding: 0 10px 10px 10px;
background: #ebebec;
border: 1px solid #c8c8c9;
clear: both;
display: block;
font-size: 1.1em;
margin: 1px 0px 2px 0px;
color: #56575a;
width: 216px;
}

#right_content a.news_title {color: #56575a; display: block; width: 216px; font-weight: bold;}

#right_content a:hover {color: #ed068d;}

#right_content .news_headline {line-height: 120%; display: block; width: 216px; position: relative;}

.news_date {display: block; float: left;}

.arrow {background: url(../images/sce/arrow-pink.gif) no-repeat left ; padding: 0 0 0 15px; display: block; color: #56575a; font-weight: bold;}

#latest_developments span {
margin: 1px 0 0 0;
padding: 0 0 0 5px;
height: 27px;
display: block;
Color: #ffffff;
background: #56575a;
font-size: 1.1em;
font-weight: bold;
line-height: 27px;
}

.newbox {
background: #ebebec;
border: 1px solid #c8c8c9;
clear: both;
display: block;
font-size: 1.2em;
line-height: 120%;
margin: 1px 0 0 0;
color: #56575a;
width: 238px;
}

.newbox td {padding: 2px;}

/* ----------------------------------------------------------- content left*/

#left_content {width: 238px; display: block; position:relative; float: left;}

/* ----------------------------------------------------------- Realestate manager*/



#property_search span span {
width: 70px;
height: 27px;
display: block;
float: right;
Color: #ffffff;
background: #ed068d;
margin: 0 0 0 0;
text-align: center;
}

#imageShow div {
width: 150px;
display: block;
float: right;
margin: 0 20px;
}

#imageShow div a{
margin: 9px 0 0 0;
display: block;
}

#ctl00_ctl01_MainContent_ContentPlaceHolder1_property_detail_propertyName {
display: block;
font-size:1.6em;
color: #ffffff;
background: #56575a;
padding: 0 5px 5px 5px;
margin: 0;
float: left;
width: 500px;
}

/*#ctl00_ctl01_MainContent_ContentPlaceHolder1_property_detail_address {
display: block;
font-size:1.1em;
color: #ffffff;
/*background: #ed068d;
background: #56575a;
padding: 5px;
margin: 0;
}*/

.prop .form_element {
padding: 0 5px;
margin: 1px 0 0 0;
display: block;
height: 27px;
background: #56575a;
color: #ffffff;
line-height: 27px;
font-size: 1.1em;
}

.prop .form_data {
margin: 1px 0 0 0;
display: block;
height: 27px;
background: #cccccc;
color:  #56575a;
line-height: 27px;
/*width: 622px;*/
width: 580px;
font-size: 1.1em;
text-indent: 5px;
}

#sub_cat div div a{
width: 32%;
margin: 3px;
display: block;
height: 27px;
border: 1px solid #ed068d;
float: left;
text-align: center;
font-weight: bold;
line-height: 27px;
}

#sub_cat div div a:hover{border: 1px solid #008bb0;}

#prop_search .form {display: block; margin: 10px;}

#prop_search .form .form_element{
font-size: 1.1em;
background: #ed068d;
color: #ffffff;
padding: 5px;
height: 40px;
}

#prop_search .form .form_data{
font-size: 1.1em;
background: #ff8ed1;
color: #ed068d;
padding: 5px;
display: block;
width: 580px;
height: 40px;
}

.property div {
width: 32%;
margin: 3px;
display: block;
clear: both;
border: 1px solid #ed068d;
float: left;
text-align: center;
font-weight: bold;
}

.property div a {position: relative; display: block; margin: 10px auto;}

.property div span {
display: block;
font-size: 1.1em;
background: #ed068d;
color: #ffffff;
padding: 0;
line-height: 27px;
margin: 0;
float: left;
width: 100%;
font-weight: normal;
}

#propertyListingsDiv div {margin: 5px;}

#propertyListingsDiv div .propertyListing {}

#propertyListingsDiv div .propertyListing img {}

#propertyListingsDiv div .propertyListing img a {}

#ctl00_ctl01_MainContent_ContentPlaceHolder1_feature_property_propertyListGrid_ctl00_propertyName{font-weight: bold;}

.propertyDetail div {font-size: 1.1em;}

.propertyDetail h3 {clear: both;}

.propertyDetail p {font-size: 1em;}

#imageShow a img {margin: 5px 3px 0 3px;}

.propertyDetail tr {background: #56575a;}

#ctl00_ctl01_MainContent_ContentPlaceHolder1_property_detail_property_information tr {background: #FFF;}
/* ----------------------------------------------------------- end Realestate manager*/

/* ----------------------------------------------------------- news manager*/
.news_main #ctl00_MainContent_ctl03_lblCatName {font-size: 1.4em; color: #ed068d; font-weight: bold;}

.news_main .news_manager {font-size: 1.1em;}

.news_main .cat_desc {background: #cccccc; display: block; margin: 0 5px 0 0; color: #56575a; padding: 5px;}

.news_main a.cat_name {display: block; margin: 0 5px 0 0; color: #ffffff; padding: 5px; background: #56575a;}

.news_main .news_headline {background: #cccccc; color: #56575a; padding: 5px; display: block; width: 658px; margin-bottom: 5px;}

.news_main .headline2 {background: #cccccc; color: #56575a; padding: 5px; display: block; width: 658px;}

.news_main .news_date {background: #ed068d; color: #ffffff; padding: 5px; display: block; width: 658px; font-size: 1.1em;}

.news_main a.news_title {color: #ffffff; background-color: #56575a; display: block; padding: 5px; width: 658px; font-size: 1.1em;}

.news_main .news_article {font-size: 1.1em; margin: 5px; display: block;}

span.news_title {color: #ed068d; display: block; padding: 5px 0; font-size: 1.6em; margin: 1px 0 5px 0; font-weight: bold;}

#latest_news .arrow {margin-top: 5px;}

.news_category_detail .headline2 {margin-bottom: 5px;}
/* ----------------------------------------------------------- end news manager*/

/*---------------Newsletter Signup---------------*/
#office-address {width: 230px; height: 120px; float: left;}

#newsletter-sign-up {padding-top: 10px;}

#newsletter-sign-up .form_element {padding: 5px 2px; font-weight: bold; color: #ffffff; background-color: #56575a;}

#newsletter-sign-up .form div {font-size: 13px;}
/*---------------End Newsletter Signup---------------*/

.new_footer {font-size: 1.1em; margin: 5px; display: block; border-top: 1px solid #cccccc;}

#ctl00_MainContent_ctl03_formpanel {font-size: 1.1em;}

#volApiGoogleMap h1 {text-align: left;}

#mailing-list, #property-valuation {
background: url(../images/sce/mailing-list.gif) no-repeat;
width: 238px;
height: 96px;
display: block;
float: left;
margin: 5px 0;
}

#mailing-list h6, #property-valuation h6 {color: #FFF; font-size: 1.3em; padding: 0 5px; margin: 2px 0;}

#mailing-list a, #property-valuation a {color: #000; text-decoration: none; padding: 0 5px; display: block; width: 160px; height: 50px;}

#mailing-list a:hover, #property-valuation a:hover {color: #ed068d;}

.propertyDetail div th {background: #FFF; text-align: left;}

.propertyDetail div td {background: #FFF;}

/* New Homepage Banners */
.property_search a {
margin: 2px 0 0 0;
background: url("../images/sce/property-search-banner-bg.jpg") #505154 no-repeat left bottom;
display: block;
width: 239px;
height: 100px;
padding: 7px 0 0 0;
color: #fff;
text-decoration: none;
}

.property_search a:hover {color: #ed068d;}

.property_search strong {
line-height: 125%;
color: #fff;
font-weight: bold;
margin: 0 15px 0 0;
text-align: right;
font-size: 2.1em;
display: block;
height: 62px;
}

.property_search em {
font-weight: normal;
font-style: normal;
}

.property_search span {
font-size: 1.2em;
padding-left: 35px;
font-weight: bold;
}

.commercial_property a {
margin: 2px 0 0 0;
background: url("../images/sce/commercial-banner-bg.jpg") #505154 no-repeat left bottom;
display: block;
width: 239px;
height: 100px;
padding: 7px 0 0 0;
color: #fff;
text-decoration: none;
}

.commercial_property a:hover {color: #ed068d;}

.commercial_property strong {
line-height: 125%;
color: #fff;
font-weight: bold;
margin: 0 15px 0 0;
text-align: right;
font-size: 2.1em;
display: block;
height: 62px;
}

.commercial_property em {
font-weight: normal;
font-style: normal;
}

.commercial_property span {
font-size: 1.2em;
padding-left: 35px;
font-weight: bold;
}

.property_rentals a {
margin: 2px 0 0 0;
background: url("../images/sce/property-rentals-banner-bg.jpg") #505154 no-repeat left bottom;
display: block;
width: 239px;
height: 100px;
padding: 7px 0 0 0;
color: #fff;
text-decoration: none;
}

.property_rentals a:hover {color: #ed068d;}

.property_rentals strong {
line-height: 125%;
color: #fff;
font-weight: bold;
margin: 0 15px 0 0;
text-align: right;
font-size: 2.1em;
display: block;
height: 62px;
}

.property_rentals em {
font-weight: normal;
font-style: normal;
}

.property_rentals span {
font-size: 1.2em;
padding-left: 35px;
font-weight: bold;
}

.property_auctions a {
display: block;
width: 239px;
height: 100px;
padding-top: 7px;
margin-top: 2px;
color: #FFF;
text-decoration: none;
background: url("../images/sce/property-auctions-bg.jpg") no-repeat left top;
}

.property_auctions a:hover {
color: #ed068d;
}

.property_auctions strong {
display: block;
width: 224px;
height: 62px;
font-size: 20px;
text-align: right;
color: #ed008c;
margin-right: 15px;
}

.property_auctions em {
font-weight: normal;
font-style: normal;
}

.property_auctions u {
font-size: 12px;
padding-left: 35px;
font-weight: bold;
text-decoration: none;
}

.valuation a {
margin: 2px 0 2px 0;
background: url("../images/sce/valuation-banner-bg.jpg") #505154 no-repeat left bottom;
display: block;
width: 239px;
height: 100px;
padding: 7px 0 0 0;
color: #fff;
text-decoration: none;
}

.valuation a:hover {color: #ed068d;}

.valuation strong {
line-height: 125%;
color: #008bb0;
font-weight: bold;
margin: 0 15px 0 0;
text-align: right;
font-size: 2.1em;
display: block;
height: 62px;
}

.valuation em {
font-weight: normal;
font-style: normal;
}

.valuation span {
font-size: 1.2em;
padding-left: 35px;
font-weight: bold;
}



.featured_blackrock a {
margin: 2px 0 0 0;
background: url("../images/sce/featured-blackrock-bg.jpg") #fff no-repeat left bottom;
display: block;
width: 453px;
height: 155px;
padding: 6px 0 0 0;
color: #56575a;
text-decoration: none;
line-height: 130%;
}

.featured_blackrock a:hover {color: #56575a;}

.featured_blackrock strong {
color: #ed008c;
font-weight: bold;
margin: 0 0 0 190px;
padding: 12px 0 0 0;
text-align: left;
font-size: 1.4em;
display: block;
}

.featured_blackrock span {
font-size: 1.2em;
padding-left: 190px;
color: #56575a;
display: block;
}

.featured_westbury a {
margin: 2px 0 0 0;
background: url("../images/sce/featured-westbury-bg.jpg") #fff no-repeat left bottom;
display: block;
width: 453px;
height: 155px;
padding: 6px 0 0 0;
color: #56575a;
text-decoration: none;
line-height: 130%;
}

.featured_westbury a:hover {color: #56575a;}

.featured_westbury strong {
color: #ed008c;
font-weight: bold;
margin: 0 0 0 190px;
padding: 12px 0 0 0;
text-align: left;
font-size: 1.4em;
display: block;
}

.featured_westbury span {
font-size: 1.2em;
padding-left: 190px;
color: #56575a;
display: block;
}


.featured_guide a {
margin: 2px 0 0 0;
background: url("../images/sce/featured-guide-bg.jpg") #fff no-repeat left bottom;
display: block;
width: 453px;
height: 155px;
padding: 6px 0 0 0;
color: #56575a;
text-decoration: none;
line-height: 130%;
}

.featured_guide a:hover {color: #56575a;}

.featured_guide strong {
color: #ed008c;
font-weight: bold;
margin: 0 0 0 190px;
padding: 12px 0 0 0;
text-align: left;
font-size: 1.4em;
display: block;
}

.featured_guide span {
font-size: 1.2em;
padding-left: 190px;
color: #56575a;
display: block;
}

/* Layout Styles */
.panel {display:block; float:left; margin:2px 0; width:45%; text-align:left; background:transparent; padding:0;}

.panel img {float:left;}

.clear {clear:both; font-size:1px; height:1px;}

form ul {list-style: none; margin: 0; padding: 0}

form li {margin: 0.5em 0;}

label {text-align:right; width:8em; margin-right:0.5em; float:left; display:block;}

table label {text-align:left; width:8em; margin-right:0.5em; float:none; display:inline;}

li.check label {text-align:left; width:auto; float:none; display:inline;}

li.check span {display:inline; padding-left:0em; }

li.check span.name {padding-left:0em; width:12em;margin-right:0.5em;text-align:right; }

li.submit input {margin-left:12.5em; border:1px solid; border-color:#ddf #003 #003 #ddf;}

/* make button looks like a like */
.linkbutton {cursor:hand; background:transparent; border:0; color:blue;}

.button {margin-left:20em;}

/* used to show/hide links that depends on javascript */
.posthidden {display:none} 

.postshown {display:inline}

ul.modulemenu {list-style: none;}

ul.modulemenu li {display: inline;}

ul.breadcrumbs {list-style: none;}

ul.breadcrumbs li {display: inline;}

.form div {margin-bottom: 0.1em; width: 100%;}

.form .indent {margin:10px 0px 10px 0px;}

.form .form_element {padding: 0px 10px 0px 0px; text-align:right; float: left; vertical-align: middle;}

.form .form_data {padding: 0px; text-align:left; float: left;}

.form .form_data label {display:inline; float:none;}
/* End Layout Styles */

/* Contact Form Styles */
#contactform {
width: 500px;
font-size: 14px;
}

#contactform .form_element {
float: left;
width: 150px;
padding: 5px 10px 0px 0px;
text-align: right;
font-weight: bold;
color: #000;
}

#contactform .form_data {
float: left;
text-align: left;
}

#contactform .separator {
clear: both;
font-size: 0px;
height: 5px;
}

#contactform input, #contactform textarea {
width: 200px;
padding: 5px;
}

#contactform select {
width: 212px;
height: 26px;
padding: 5px;
}

#contactform .indent input {
background-color: #008bb0;
border: 2px solid #008bb0;
color: #FFF;
width: 65px;
cursor: pointer;
font-weight: bold;
margin: 10px 0px 10px 170px;
}

#contactform .indent input:hover {
background-color: #ed068d;
}

#contactform table {
margin: 5px 0px 0px 0px;
}

#contactform table input {
width: 18px;
margin-right: 2px;
}

#contactform table label {
color: #000;
}
/* End Contact Form Styles */