/*********************************************************/
/*                    GENERIC ELEMENTS                   */
/*********************************************************/

*{
margin: 0;
padding: 0;
}

html{
background-color: #333333; /*Dark Grey*/
}

body{
font: 12px Arial, Helvetica, sans-serif;
color: #FFFFFF;
}

a{
color: #B5DC10; /*Lime Green*/
}

.floatright{
float: right;
margin: 0 0 10px 20px;
padding: 0px;
border: 1px solid #000000;
}

.left{

margin: 0 0 10px 300px;
padding: 0px;
border: 1px solid #000000;
}

img.floatleft, img.floatright{
padding: 0px;
border: 1px solid #000000;
}

img.floatleft{
float: left;
margin: 0 20px 10px 0;
}

img.floatright{
float: right;
margin: 0 0 10px 20px;
}


/*********************************************************/
/*                 FONT-RELATED ELEMENTS                 */
/*********************************************************/

h2{
font-size: 20px;
padding-bottom: 20px;
font-weight: normal;
letter-spacing: 2px;
}

h3.green{
font-size: 15px;
color: #B5DC10; /*Lime Green*/
padding-bottom: 5px; 
}

h3.white{
font-size: 15px;
color: #FFFFFF;
padding-bottom: 6px; 
}

h3.form_title{
font-size: 15px;
font-weight: bold;
color: #B5DC10; /*Lime Green*/
padding: 30px 0 10px;
}

p.body_text{
padding-bottom: 10px;
text-align: left;
line-height: 150%;
}

/*********************************************************/
/*                    LAYOUT ELEMENTS                    */
/*********************************************************/
 
 /*Surrounds ALL content*/
#outer_container{
min-width: 773px; /*Prevents the page shrinking less than 800x600*/
min-height: 100%;
_height: 100%; /*IE only - Fills the page, where appropriate*/
_width: expression((documentElement.clientWidth < 780) ? "780px" : "auto" ); /*Minimum Width hack for Internet Explorer.*/
}

#header{
background: #000000 url("images/bridge_bg.jpg") no-repeat 145px 0px;
min-height: 145px;
height: 145px;
text-align: right;
}

#header_logo{
float: left;
min-height: 145px;
height: 145px;
min-width: 145px;
width: 145px;
}

#header_title{
display: inline;
text-align: right;
min-height: 145px;
}

/*Surrounds navigation and body content only*/
#inner_container {
background-color: #B5DC10;
min-height: 330px;
_height:330px;
}

#left_column{
float: left;
width: 145px;
background-color: #B5DC10;
_margin-right: -3px; /*Solves the IE 3px bug*/
}

/*********************************************************/
/*      LAYOUT ELEMENTS - LEFT COLUMN NAVIGATION         */
/*********************************************************/

ul{
padding: 0px;
padding-top: 14px;
margin: 0px;
font-weight: bold;
font-size: 11px;
}

ul li{
list-style: none;
margin: 0px;
text-align: left;
display: inline;
}

ul li a{
display: block;
text-decoration: none;
color: #000000;
padding: 6px 0px 6px 17px;
}

ul li a#current{
color: #FFFFFF;
background: #000000;
}

ul li a:hover{
color: #FFFFFF;
background: #000000;
}

/*********************************************************/
/*             CONTENT-SPECIFIC ELEMENTS                 */
/*********************************************************/

#content{
margin-left: 145px;
_margin-left: 142px; /*Solves the IE 3px bug*/
min-height: 330px;
_height:330px;
background-color: #000000;
padding: 20px 20px 0px 20px;
border: 1px solid #000000;
}

table{
padding-bottom: 10px;
}

td{
padding: 5px;
}

input{
margin-right: 10px;
}

.address{
/* hide from MacIE \*/
float:left;
/* end hide */
width:250px;
}

/*********************************************************/
/*                    FOOTER ELEMENTS                    */
/*********************************************************/

/*Surrounds the entire footer content*/
#footer {
background-color: #FFFFFF;
border-bottom: 1px solid #000000;
}

 /*Contains the left column footer information (address etc.)*/
#footer_left{
clear: both;
float: left;
width: 145px;
height: 265px;
background-color: #B5DC10;
line-height: 110%;
text-align: right;
font-weight: bold;
color: #000000;
_margin-right: -3px; /*Solves the IE 3px bug*/
margin-top:-265px;
}

#footer_right{
margin-left:145px;
height: 100px;
background: #000000 url("images/sg_footer_new.gif") no-repeat 50% bottom;
}

/*********************************************************/
/*                    PROPERTY SEARCH                    */
/*********************************************************/

form {margin: 0px!important;}

table.MainTable {width: 100%; text-align:left;}
table.MainTable tr td table{width: 100%; text-align:left;}
table.MainTable tr td form table {text-align: left;}
.SelectText {color: #fff; font: normal 12px Arial, Helvetica, sans-serif;}
.RefineText {color: #fff; font: normal 12px Arial, Helvetica, sans-serif;}
.ResultsText {color: #fff; font: normal 12px Arial, Helvetica, sans-serif;}
.BasketText {color: #fff; font: normal 12px Arial, Helvetica, sans-serif;}
.BasketRegister {color: #fff; font: normal 12px Arial, Helvetica, sans-serif;}
.RegisterText {color: #fff; font: normal 12px Arial, Helvetica, sans-serif;}
.RegisterInputText {color: #fff; font: normal 12px Arial, Helvetica, sans-serif;}

.SelectHeader,  .SelectRegionsHeader, .SelectInvestmentHeader, .SelectQualifierHeader
{font:bold 14px Arial, Helvetica, sans-serif;color: #FFFFFF;text-align:center !important;}

.SelectBarHeader, .SelectTypesHeader
{font:bold 14px Arial, Helvetica, sans-serif; background-color: #B5DC10; color: #000000;text-align:center !important;}

.ResultsHeader, .BasketHeader
{font:bold 14px Arial, Helvetica, sans-serif;color: #FFFFFF;}


.Selectrooms, .SelectAreas, .SelectPrices, .SelectCurrency, .SelectFrenchPrices,
.SelectAllBranch, .SelectTotals, .SelectQualifier, .SelectInvestment, .SelectJumper,
.SelectFrenchRegions, .SelectFrenchTypes
{font: 12px Arial, Helvetica, sans-serif;color : #000000;} 

.spanclick, .SelectTypes, .SelectRegions, .SelectNoProps
{font: 12px Arial, Helvetica, sans-serif;color : #FFFFFF;} 

.SelectNoProps {font-weight: bold;}

td.RefineBar, td.SelectBar, td.SelectBranchBar, TD.ResultsBar
{background-color: #B5DC10;}
td.SelectBar{text-align:center !important;}

.RefineCount, .RefineTowns, .ResultsFound
{color : #FFFFFF;font:12px Arial, Helvetica, sans-serif;}

.ResultsHouseType, .ResultsAddress, .ResultsArea, .ResultsCommArea, .ResultsCommType, .ResultsContact, .ResultsDescription,
.ResultsPrice, .ResultsInetref, .RentalHouseType, .RentalLocation, .Introduction, .Content
{color: #FFFFFF;font:12px Arial, Helvetica, sans-serif;}
.ResultsArea, .ResultsHouseType, .ResultsPrice {color:#000000}
.ResultsAddress, .ResultsContact, .ResultsPrice, .ResultsHouseType, .ResultsArea {font-weight : bold;}
.RentalPrice, .RegisterRequired, .Headline
{font:12px Arial, Helvetica, sans-serif;}

.RentalPrice, .RegisterRequired {color : #FFFFFF;}
.Headline{color: #C6411D;font-weight: bold;}

/* link styles */

.ResultsNav, a.ResultsNav, a.MoreLink {color : #FFFFFF;font: 12px Arial, Helvetica, sans-serif; font-weight: bold;}

a.ResultsNav:HOVER, a.MoreLink:HOVER 
{text-decoration: underline;color: #FFFFFF;}

a.ResultsNav:ACTIVE, a.ResultsNav:VISITED,
a.MoreLink:ACTIVE, a.MoreLink:VISITED
{color : #FFFFFF;}
.FooterText, .FooterText a:LINK, a.FooterText {color: #FFFFFF;font:10px  Arial, Helvetica, sans-serif; text-decoration: none; text-align:center !important;}
a.FooterText:ACTIVE, a.FooterText:VISITED {text-decoration: none;color: #FFFFFF;}
a.FooterText:HOVER {text-decoration: underline; color: #FFFFFF;}