/*
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
*/

.ieprojectcardfix
{
    color: #FFFFFF;
    display: block;
    font-size: 17px !important;
    font-weight: bold;
    height: 34px;
    padding-top: 8px;
    text-align: right;

}

.template_right
{
	float:right;
	width: 410px;
}

.template_left
{
	float:left;
	width: 560px;
}

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;
}






/*
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: 1000px;
    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
{
    background-color: #00AEEF;
    background-repeat: no-repeat;
    height: 193px;
    margin: -5px 0 3px -5px;
    padding: 0;
    text-align: center;
    width: 1000px;
}

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: 1001px;
    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;
	height: 70px;
}

div#footer ul li
{
    float: left;
    color: #ffffff;
    width: 480px;
    text-align: center;
}

#footer-bar
{
	width: 100%;
	background-color: #15479E;
	height: 30px;
	margin: auto;
}

#footer-bar p {color: #FCD753; font-size: 12px; font-weight:normal; float:left; margin: 0px; padding:8px 0px 0px 15px;}
#footer-bar a {color: #FCD753; text-decoration:none;}
#footer-bar a:hover {color: #FCD753; text-decoration:underline;}

/*
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-title-desc-container
{
	float:left;
	width:390px;
	margin:15px 0px 0px 5px;
}

.product-small-container
{
	width:730px;
	height:190px;
	/*border:1px solid #000;*/
	background-image: url(/images/product-bg.png);
	background-repeat:no-repeat;
	margin: 10px auto 0px;
	text-align:left;
}

.product-small-img-container
{
	float:left;
	width:165px;
	text-align:center;
	margin: 18px 0px 0px 0px;
}

.product-small-img-container img
{
	max-width: 155px;
	max-height: 120px;
	border: solid 1px #004276;
}

.product-small-title
{
	padding:4px 0px 0px 0px;
	height: 30px;
}

.product-small-title p
{
	color:#14469D;
	font-size:18px;
	font-weight:bold;
	margin: 0px 0px 0px 0px;
}

.product-small-title a
{
	text-decoration: none;
	color: #14469D;
	padding:3px 0px 5px 3px;
	width: 385px;
	float:left;
}

.product-small-desc
{
	margin:10px 0px 0px 0px;
	width: 385px;
}

.product-small-desc p
{
	color:#000;
	font-size:14px;
	font-weight:normal;
	margin: 0px 0px 0px 0px;
	line-height:15px;
}

.product-small-desc a
{
	color:#fff;
	font-size:14px;
	font-weight:normal;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
}

.product-small-desc h3
{
	color:#FCD753;
	font-size:16px;
	font-weight:bold;
}

.product-small-price
{
	
}

.product-small-more
{
	margin:0px 0px 0px 10px;
	width:145px;
	float:left;
	height: 30px;
}

.product-small-availability
{
	margin:0px 0px 0px 10px;
	width:200px;
	float:left;
}

.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
{
	margin: 0px; padding:0px;
}

.product-small-more img
{
	border:0px;
}

.side-box-availability
{
	float:left;
	width:150px;
	margin:42px 0px 0px 0px;
}

.side-box-availability h3
{
	color:#FCD753;
	font-size:18px;
	font-weight:bold;
}

/* End Product Small */

/* Product Main */
 .product-small-catalogue-container {background-color: #15479E; border: solid 1px #000; margin: 20px 5px 0px 0px;}

#associations-container {}
#associated_products {}
#associated_products ul {list-style-type:none;}
#associated_products li {float:left; width: 220px; height: 240px; margin:0px 20px 0px 0px; text-align:center}

.product_small-associated {}
.product_small-associated {}

.picture_container-associated {height: 120px;}
.picture_container-associated a {}
.picture_container-associated img {border:solid 1px #15479E;max-height: 120px;}

.product-small-further-details {
    background-color: #15479E;
    border: 1px solid #000000;
    height: 50px;
    width: 215px;
}

.product-small-further-details p { margin: 0px; padding: 0px;}

.product-title-assoc {}
.product-title-assoc h3 {margin: 0px; padding: 3px 0px 10px 0px;}
.product-title-assoc a {color: #FCD753; text-decoration:none;}
.product-title-assoc a:hover {color: #FCD753; text-decoration:underline;}
.product-title-assoc p {}

.moreinfo {}
.moreinfo a {color: #FFF200; text-decoration:none;}
.product-title-assoc a:hover {color: #FCD753; text-decoration:underline;}
.moreinfo span {}


/* 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 */

/* Availability Table */
/* Tables */

#stdigital_content
{
	text-align:center;
}

table.availabilitytable 
{
	width: 700px;
	margin: 0px 0px 10px 0px;
	border-collapse: separate !important;
}

table.availabilitytable tr td
{
	border: 1px solid #000000 !important;
	background-color:#EBF3FC;
	padding: 5px !important;
	vertical-align: top;
	color: #000;
}

table.availabilitytable tr.tableheading
{
	background-color: #9594CD;
	color: #E13B28;
	font-weight: 700;
}

table.availabilitytable tr.tableheading td
{
	border: 1px solid #000000;
	color:#FCD753;
	background-color: #15479E;
	padding: 5px !important;
}

/* Availability Table */

  
 /* Menu Top */

.menu {background-color: #15479E; height: 37px;	position:relative; z-index:100; border-bottom: 3px #00ADEF solid;}
.menu ul {list-style-type: none; margin: 0px 0px 0px 0px; float:left; height: 35px;}
.menu ul li {float:left; margin: 0px;}
.menu ul li:hover {float:left; margin: 0px; height: 35px;}
.menu ul li p {margin: 0px; padding: 0px; color: #FCD753; line-height: 15px;}
.menu ul li a {color: #FCD753; padding: 0 5px; text-decoration: none;}
.menu ul li a:hover {color: #FCD753 !important; float:left; text-decoration: underline;}
.menu ul li a, .menu ul li a:visited {display:block;}
.menu ul li ul {clear: none; display: none; float: left; margin: 0; padding: 0;}

.menu ul li ul a {color:#FCD753 !important; text-decoration: none;}
.menu ul li ul a:hover {color:#FCD753 !important; text-decoration: underline;}
}
.menu ul li ul li{ clear: both; float: left; background-color: #15479E; border: 0px; width: 195px; margin: 0px;}
.menu ul li ul li a { padding: 0px 0px 0px 5px !important;}
.menu ul li:hover ul {display:block; position:relative; /*top:21px;*/ left:0; float:left;}


 
 


/* End Menu Top */
 
 

/* Tabbed News Item */

#news-title-accordion
{
	margin:auto;
	width:900px;
}

.news-content-div
{
	/*width:400px;*/
	background-color:#B0C707;
	color:#000;
	margin-bottom:20px;
	padding:10px 0px 0px 10px;
	/*height:auto !important;*/
}

.technical-info-content
{
	/*width:400px;*/
	background-color:#ccc;
	color:#000;
	margin-bottom:1px;
	padding:10px 0px 0px 10px;
	/*height:auto !important;*/
}

.span-footer
{
	background-color:#ccc;
	height:15px;
	margin-left:-10px;
	margin-top:20px;
	width:900px;
}

.news-content-div p
{
	padding:5px;
	color:#000;
}

#news-title-accordion h3
{
	/*width:400px;*/
	margin:0;
	padding:5px 0px 0px 10px;
	color:#fff;
	background-color:transparent;
	border-bottom:1px solid; 
	border-top:1px;
	background-image:url('../images/news-h3-header.png');
	background-repeat:no-repeat;
}

#news-title-accordion a
{
	color: #000;
}

#news-title-accordion a:hover
{
	color: #000;
	text-decoration: underline;
}

.news-img
{
	border:2px solid #6E8D02;
	float:right;
	margin:-5px 10px 0 0;
}

/* End Tabbed News Item */

 
 
 
 /* IE 6 Warning */

div#ie6warning {background:#F5F5C0;border-bottom:1px solid #6B6C6F;}
div#ie6warning div#ie6container {margin:0px auto;width:780px;padding-left:60px;background:url('/images/warning.jpg') top left no-repeat;}
div#ie6warning div#ie6container p {padding:4px;font-size:90%;font-weight:bold;}

/* End IE 6 Warning */
 
 
