/*
classes.css

This contains all the classes used by the website other than those defined in default.css
Typically this will include header and footer css as well as any styles required by any bespoke areas of the website
*/

html, body
{
    height: 100%;
    width: 100%;
}

body
{
    margin: 0px;
    padding: 0px;
    background-color: #fff;
}

/*div#contentbackground
{
    margin: auto;
    min-height: 100%;
    width: 780px;
    background-color: white;    
    background-image: url(../images/gr-contentbg.jpg);
    background-position: bottom right;
    background-repeat: repeat-y;
}*/

div#contentbackground
{
    margin: auto;
    min-height: 100%;
    width: 1049px;
    background-color: white;    
    background-image: url(../images/gr-contentbg.png);
	
    background-position: bottom right;
    background-repeat: repeat-y;
}

div#container
{
    margin: auto;
    width: 1001px;
    background: transparent;
    background-image: url(../images/gr-wrapperbg.jpg);
    background-position: left;
    background-repeat: repeat-y;
}

/*div#header
{
    top: 0px;
    padding: 0px;
    margin: 0px;
    background-image: url(../images/gr-header.jpg);
    height:  140px;
    z-index: 100;
    margin: auto;
}*/

div#header
{
    top: 0px;
    padding: 0px;
    margin: 0px;
    background-image: url(../images/gr-header-wide.jpg);
    height:  95px;
    z-index: 100;
    margin: auto;
}

div#header div#header_flash
{
    float: right;
    padding: 0px;
    margin-top: -5px;
}

div#header p
{
    margin: 0px;
    padding: 60px 0px 0px 235px;
    color: #FFF200;
    font-weight: 400;
    font-size: 28px;
}

div#contenttable
{
    display: table;
}

/*
main side menu
*/

div#menu
{
    position: relative;
    display: table-cell;
    width: 225px;
    left: 0px;
    top: 0px;
    background-image: url(../images/gr-wrapperbg-2.jpg);
}

div#menu ul
{
    width: 225px;
    display: block;
    color: #fff200;
    list-style: none;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    margin-top: 36px;
}

div#menu ul li
{
    display: block;
    color: #fff200;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

div#menu ul li a
{
    display: block;
    color: #fff200;
    text-decoration: none;
    font-size: 15px;
    padding: 5px 5px 5px 15px;
    margin: 0px;
}

div#menu ul li a:hover
{
    color: #fff200;
    background-color: #00aeef;
}

div#menu ul li.selected
{
    display: block;
    color: #ffd44f;
    background-color: #00aeef;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

div#menu ul li.selected ul
{
    background-color: #98a0b0;
    padding: 0px;
    margin: 0px ;
}

div#menu ul li.selected ul li
{
}

div#menu ul li.selected ul li a
{
    font-size: 11px;
    font-weight: 400;
    padding: 5px 5px 5px 30px;
    margin: 0px;    
}

div#menu ul li a ul li.selected
{
    color: #333333 !important;
    background-color: #dddddd !important;
}

/*
end main side menu
*/

/*
div#content
{
    display: block;
    background: transparent;
    width: 576px;
    vertical-align: top;
    top: 0px;
    padding: 5px;
    padding-bottom: 95px;
    margin-right: 5px;
    padding-right: 15px;
}
*/
div#content
{
    display: table-cell;
    background: transparent;
    width: 765px;
    vertical-align: top;
    top: 0px;
    padding: 5px;
    padding-bottom: 75px;
}


/*
div#content div
{
    padding: 0px 3px 0px 0px;
    margin: 0px 3px 0px 0px;
}
*/

div#content div#flashholder
{
    width: 593px;
    height: 146px;
    margin: -5px 0px 3px -5px;
    padding: 0px;
    background-image: url(../images/gr-flashholder.jpg);
    background-repeat: no-repeat;
}

div#content div#flashholder p
{
    cursor: pointer;
    padding-left: 100px;
    padding-top: 55px;
    display: block;
    font-size: 14px;
    color: #000000;
}
/*
end content wrapper
*/

/*
footer
*/

div#footer
{
    width: 1000px;
    margin: 0 auto;
    display: block;
    height: 75px;
    background-color: #ffffff;
    margin-top: -75px;
    position: relative;
    padding: 0px;
    clear: both;
}

div#footer ul
{
    margin: 0px;
    padding: 0px;
    list-style: none;
    width: 100%;
    padding-top: 5px;
}

div#footer ul li
{
    float: left;
    color: #ffffff;
    width: 245px;
    text-align: center;
}

/*
end footer
*/

/*
search page
*/
div#searchform
{
}

div#searchform p
{
}

div#searchform p label
{
    display: block;
    float: left;
    width: 150px;
}

/*
popups for search page
*/
div.locationpreview
{
    position: absolute;
    padding: 3px;
    background-color: #ffffff;
    border: 1px solid #6C7B90;
    z-index: 150;
}

div.locationpreview div.locationpreviewtitle
{
    border-bottom: 1px solid #6C7B90;
    background-color: #A7C6E5;
    padding: 2px;    
    color: #ffffff;
}

div.locationpreviewdescription
{
    padding: 2px;    
}

div.locationpreview_blue
{
    position: absolute;
    padding: 3px;
    background-color: #ffffff;
    border: 1px solid #6C7B90;
    z-index: 250;
}

div.locationpreview_blue div.locationpreviewtitle
{
    border-bottom: 1px solid #6C7B90;
    background-color: #A7C6E5;
    padding: 2px;    
    color: #ffffff;
}

div.locationpreview_blue div.locationpreviewdescription
{
    padding: 2px;    
}

div.locationpreview_blue div.closebutton
{
}

div.locationpreview_blue div.closebutton a
{
    cursor: pointer;
}

div.locationpreview_green
{
    position: absolute;
    padding: 3px;
    background-color: #ffffff;
    border: 1px solid #8EA33C;
    z-index: 250;
}

div.locationpreview_green div.locationpreviewtitle
{
    border-bottom: 1px solid #8EA33C;
    background-color: #B2B57C;
    padding: 2px;    
    color: #ffffff;
}

div.locationpreview_green div.locationpreviewdescription
{
    padding: 2px;    
}

div.locationpreview_green div.closebutton
{
    margin: 0px;
    padding: 0px;
}

div.locationpreview_green div.closebutton a
{
    color: #8EA33C;
    cursor: pointer;
}

div.locationpreview_green div a:hover
{
    color: #8EA33C;
}

/*
end popups for search page
*/

div#searchform
{
    float: right;
    width: 150px;
    text-align: right;
    padding: 10px;
}

div#searchform p
{
    text-align: right;
}

div#searchform label
{
    text-align: right;
}

div#searchform select
{
}

div#searchkey
{
    background-color: #f6f6f6;
    border: 1px solid #eeeeee;
    border-top: 1px solid #cccccc;
    width: 140px;
    padding: 2px;
    margin-right: 5px;
    
}

div#searchkey h3
{
    font-weight: 400;
}

div#searchkey p
{
    text-align: left;
    padding-left: 10px;
}

div#searchkey p img
{
    float: right;
}
/*
end search page
*/

/*
property search page
*/
div#propertysearch
{
    padding: 5px;
}


/*
search page
*/
div#propertysearch div#categories
{
    text-align: right;
    width: 250px;
    float: right;
}

div#propertysearch div.locationpreview
{
    position: absolute;
    padding: 3px;
    background-color: #ffffff;
    border: 1px solid #6C7B90;
}

div#propertysearch div.locationpreview div.locationpreviewtitle
{
    border-bottom: 1px solid #6C7B90;
    background-color: #A7C6E5;
    padding: 2px;    
    color: #ffffff;
}

div#propertysearch div.locationpreview div.locationpreviewdescription
{
    padding: 2px;    
}

/*
end search page
*/

/*
search results page
*/
div#propertysearch div#results_header
{
    
}

div#propertysearch div#results_header ul
{
    text-align: right;
    list-style: none;
}

div#propertysearch div#results_header ul li
{
    display: inline;
}

div#propertysearch div.search_result
{
    background-color: #f9f9f9;
    border: 1px solid #c9c9c9;
    margin-bottom: 10px;
}

div#propertysearch div.search_result h2
{
    display: block;
    padding: 3px;
    border-bottom: 1px dashed #c9c9c9;
}

div#propertysearch div.search_result h2
{
    display: block;
    padding: 3px;
    border-bottom: 1px dashed #c9c9c9;
}

div#propertysearch div.search_result div.property_image
{
    text-align: right;
    padding: 3px;
}

div#propertysearch div.search_result div.property_image img
{
    text-align: right;
    border: 1px solid #c9c9c9
}

div#propertysearch div.search_result p
{
    padding: 3px;
    float: left;
}

div#propertysearch div.search_result p.viewdetails
{
    float: none;
    text-align: right;
    padding-top: 5px;
    display: block;
    border-top: 1px dashed #c9c9c9;
}
/*
end search results page
*/

/*
end property search
*/

/*
property display page
*/
div#display_property
{
    
}

div#display_property p#backlink
{
    
}

div#display_property p#editlink
{
    text-align: right;    
}

div#display_property div#details
{
    position: relative;
    top: 0px;
    left: 0px;
    display: block;
    width: 300px;
}

div#display_property div#pictures
{
    text-align: center;
    position: relative;
    top: 0px;
    float: right;
    display: block;
    width: 250px;
}

div#display_property div#pictures ul
{
    list-style: none;    
    margin: 0px;
    padding: 0px;
    text-align: center;
}

div#display_property div#pictures ul li
{
    list-style: none;    
    display: inline;
    float: left;
    padding: 3px;
}

div#display_property div#pictures ul li a
{
    display: block;
    padding: 3px;
}

div#display_property div#files div#notloggedin
{
    padding: 10px;
}

div#display_property div#similar_properties ul
{
    list-style: none;    
    margin: 0px;
    padding: 0px;
    text-align: center;
}

div#display_property div#similar_properties ul li
{
    list-style: none;    
    display: inline;
    float: left;
    padding: 3px;
}

div#display_property div#similar_properties ul li a
{
    display: block;
    padding: 3px;
}
/*
end property display page
*/

/*
flash banner admin screens
*/
div#manageflashbanner
{
}

div#manageflashbanner ul#imagelist
{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

div#manageflashbanner ul#imagelist li
{
    list-style: none;
    margin: 0px;
    margin-bottom: 5px;
    padding: 0px;
    border: 1px solid #777674;
    display: block;
    clear: both;
    background-color: #D2CFCA; 
}

div#manageflashbanner ul#imagelist li p
{
    padding: 3px;
}

div#manageflashbanner ul#imagelist li p.bannertitle
{
}

div#manageflashbanner ul#imagelist li p.bannermenu
{
    float: right;
}
/*
end flash banner admin screens
*/


/* Product Small */

.product-small-container
{
	width:730px;
	height:auto;
	border:1px solid #000;
	margin: 0px 0px 10px 0px;
	text-align:left;
}

.product-small-img-container
{
	float:right;
	width:160px;
	text-align:center;
	margin: 10px 0px 0px 0px;
}

.product-small-img-container img
{
	max-width: 100px;
	max-height: 100px;
	border: solid 1px #004276;
}

.product-small-title
{

}

.product-small-title p
{
	color:#14469D;
	font-size:18px;
	font-weight:bold;
	text-shadow:5px 5px 3px #CCCCCC;
	margin: 0px 0px 0px 10px;
}

.product-small-title a
{
	text-decoration: none;
	color: #14469D;
}

.product-small-desc
{
	margin:10px 0px 0px 0px;
	width:530px;
}

.product-small-desc p
{
	color:#000;
	font-size:14px;
	font-weight:normal;
	margin: 0px 0px 0px 10px;
}

.product-small-desc a
{
	color:#000;
	font-size:14px;
	font-weight:normal;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
}

.product-small-price
{
	
}

.product-small-more
{
	margin:0px 0px 0px 10px;
	width:200px;
}

.product-small-more a
{
	width:110px;
	height:30px;
	margin-left: 0px;
	width:200px;
}

.product-small-more a:hover
{
	width:110px;
	height:30px;
	margin-left: 0px;
	width:200px;
}

.product-small-more p
{
	
}

.product-small-more img
{
	
}
/* End Product Small */

/* Product Main */


/* End Product Main */

/* News Box */

#news-pod-main
{
	background-image: url(/images/news-box-bg.png);
	width:730px;
	height:170px;
	background-repeat:no-repeat;
}

.news-pod
{
	float:left;
	width:240px;
}

.news-pod-image
{
	margin: 5px 0px 0px 20px;
}

.news-pod-image img
{
	max-width:115px;
	max-height:75px;
	border: 1px solid #004276;
}

.news-pod-title
{
	margin: 10px 0px 0px 10px;
}


.news-pod-title p
{
	margin:0px; padding: 0px;
	color:#14469D;
	font-size:18px;
	font-weight:bold;
	text-shadow:5px 5px 3px #CCCCCC;
	margin: 0px 0px 0px 10px;
}

.news-pod-desc
{
	margin:5px 0px 0px 20px;
	color:#14469D;
	font-size:12px;
	font-weight:normal;
	text-shadow:5px 5px 3px #CCCCCC;
}

.news-pod-desc p
{
	margin: 0px; padding: 0px;
}

/* End News Box */

/* Product Main Dev */

div#display_property div#details-dev
{
    position: relative;
    top: 0px;
    left: 0px;
    display: block;
    width: 700px;
}

div#display_property div#pictures-dev
{
    text-align: center;
    position: relative;
    top: 0px;
    float: right;
    display: block;
    width: 700px;
}


#similar_properties-dev
{

}

#similar_properties-dev ul
{
	list-style-type: none;
	margin:10px 0px 0px 0px;
	padding: 0px;
}

#similar_properties-dev li
{
	width:110px;
	text-align:center;	
}

#similar_properties-dev a
{
	color: #15479E;
	text-decoration: none;
}

#similar_properties-dev a:hover
{
	color: #15479E;
	text-decoration: underline;
}


.picture-gallery-link a
{
	color: #15479E;
	text-decoration: none;
}

.picture-gallery-link a:hover
{
	color: #15479E;
	text-decoration: underline;
}

#files-dev{}

#files-dev ul{ list-style-type: none;}

#files-dev li{height:40px;}

#files-dev a{color:#15479E; text-decoration:none;}
#files-dev a:hover{color:#15479E; text-decoration:underline;}
/* End Product Main Dev */