/* ##################################################################################################### */
/* CSS that relates to the new design
/* ##################################################################################################### */




/*  redefine standard tags */

a { /* links (default appearance) */
	color: #009933;
	text-decoration: none;
	font-weight: bold;
}

a:hover { /* links onMouseOver */
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
}

body { /* page body */
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

body, input, select, td, textarea { /* default text definition */
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

embed, object { /* video and animation */
	z-index: 0;
}

h1 { /* page heading */
	color: #009933;
	font-size: 24px;
	margin-top: 0px;
	margin-bottom: 5px;
	text-align: right;
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

h2 { /* page heading */
	font-size: 13px;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
}

h3 { /* page heading */
	font-size: 13px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
}

p { /* full paragraphs */
	text-align: left;
}

img { /* images */
	border: 0;
}

/* define main table classes */

.inner_box td { /* rows for within boxes to prevent padding being carried over */
	padding: 0px;
}

.intro_box { /* intro text box for CMS pages */
	margin-bottom: 1px;
}

.intro_top { /* header of CMS intro box */
	background:url(/common_incs/main/images/header_green.jpg);
	color:#FFFFFF;
	font-size: 13px;
	text-align:left;
	height: 25px;
}

.intro_middle, .listing_middle { /* main panel of CMS intro box */
	padding: 5px;
	padding-bottom: 2px;
	text-align: left;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	background:url(/common_incs/main/images/bg_intro_middle.jpg) bottom repeat-x;
}

.intro_middle, .intro_middle td { /* main panel of CMS intro box */
	font-size: 12px;
}

.listing_middle, .listing_middle td { /* main panel of listing box */
	font-size: 12px;
}

.intro_middle_home { /* main panel of CMS intro box */
	font-size: 12px;
	padding: 5px;
	padding-bottom: 2px;
	text-align: left;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	background:url(/common_incs/main/images/bg_intro_middle.jpg) bottom repeat-x;
}


/* define text style classes */

.subtitle { /* article subtitles */
	color: #009933;
	font-size: 14px;
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.sub_date { /* default text definition */
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

/* ##################################################################################################### */
/* CSS that may or may not be used in the new design.
/* ##################################################################################################### */


/* ##################################################################################################### */

/* define main table classes */

.box { /* main text box used throughout site */
	background-color: #FFFFFF;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	margin-bottom: 5px;
}

.box th { /* header row for text boxes */
	color: FFFFFF;
	font-size: 13px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	text-align: left;
	font-weight: bold;
}

.box td { /* general rows for text boxes */
	background-color: #FFFFFF;
	font-size: 12px;
	padding: 5px;
}



.img_thumb td { /* UNKNOWN ... PLEASE ADD A DEFINITION IF YOU KNOW */
	padding: 0px;
}

/* ############################# LISTING TABS ########################## */

.header_tabs {
	background-color: #FFFFFF;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
}

.listings_tab_on td { /* listings TAB box */
	padding: 0px;
	background-color: #FFFFFF;
	background-image: url(/gif/listings/tab_on.jpg);
}
.listings_tab_off td { /* listings TAB box */
	padding: 0px;
	background-color: #DDDDDD;
	background-image: url(/gif/listings/tab_off.jpg);
	color: #FFFFFF;
	cursor:pointer;
	cursor:hand;
}

.listings_box { /* listings text box */
	padding: 0px;
	border: 1px solid #ccc;
}

.listings_box th { /* header row for listings text boxes */
	font-size: 12px;
	padding: 5px;
	font-weight: normal;	
	/* text-align: right; */
}

.listings_box td { /* general rows for listings text boxes */
	padding: 0px;
}

.listings_box2 { /* listings text box */
	padding: 0px;
}

.listings_box2 td { /* general rows for listings text boxes */
	padding: 2px;
}


.listings_box3 {
	background-color: #fff;
	margin-bottom: 5px;
}

.listings_box3 th { /* header row for text boxes */
	color: #FFFFFF;
	font-size: 14px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	text-align: left;
	font-weight: bold;
}
.listings_box3 td { /* general rows for text boxes */
	background-color: #FFFFFF;
	font-size: 12px;
	padding: 1px;
}



.list, .list td { /* style for lists and forms to stop them inheiriting box properties */
	padding: 2px;
}



.listings_div { /* listings text box */
	padding: 0px;
}
.listings_div th { /* header row for listings text boxes */
	padding: 0px;
    color: #FFFFFF;
}
.listings_div td { /* general rows for listings text boxes */
	padding: 0px;
}

DIV.divtabs {
	PADDING-LEFT: 0px;
	/* padding: 0px; */
}

.company_name{
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

#listings_view {
	padding-top: 10px;
	padding-bottom: 5px; 
	color: #CC0000;
	font-size: 14px;
	font-weight: bold;
}

.listings_head_txt{
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 14px;
	color: #cc0000;
}

.listings_sort_row{
	background: #ccc url("/gif/listings_sort_row_bg.png") left bottom repeat-x;		
}

.listings_sort_row td{
	font-size: 12px;
	color: #666666;
	padding: 5px; 
	border-top: 1px solid #D2D2D2;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #D2D2D2;
	border-right: 1px solid #999999;
}

.listings_sort_row a{
	color: #666666;
}

.listings_contact_btns, .listings_contact_btns2{
	position: relative;
	float: right;
	display: inline;
	right: -10px;
}

.listings_contact_btns2{
	right: -5px;
} 

.listings_more_options {	
	background: #333333 url("/gif/listings_sort_row_bg.png") left bottom repeat-x;
	border-left: 1px solid #cccccc; 
	border-right: 1px solid #cccccc; 
	padding: 0px;
}

a.listings_more_lnk, a.listings_more_lnk_on  {
	height: 25px;
	line-height: 25px;
	padding-left: 10px;	
	padding-right: 10px;	
	color: #666666;
	font-weight: normal;
	text-decoration: none;
}

a.listings_more_lnk_on  {
	font-weight: bold;	
}

a.listings_more_lnk:hover, a.listings_more_lnk_on:hover {
	font-weight: normal;
	text-decoration: underline;
	color: #666666;
}

a.listings_more_lnk_on:hover {
	font-weight: bold;
}

.listings_tel_btn{
	background: url("/gif/listings_tel_bg.png") left bottom no-repeat;
	width: 151px;
	line-height: 26px;
	vertical-align:middle;
	text-align: center;	
}

.listings_property_tbl {
	background:url(/common_incs/main/images/bg_intro_middle.jpg) bottom repeat-x;
	border: 1px solid #cccccc;	
}

.lisings_tbl_head { 
	background: #BBBBBB url("/common_incs/main/images/header_palegrey.jpg") left bottom repeat-x;
	font-size: 12px;
	color: #FFFFFF;
}

.listings_img_right {
	position: relative;
	float: right;
	display: inline;
}
    

/* Bubble pop-up */

.bubbleInfo {
    position: relative;
    display: inline;
    left: -131px;
    top: 5px;   
}

.popup {
	position: absolute;
	display: none;
	z-index: 50;
	border-collapse: collapse;
	margin:0px;
	padding: 0px;	
}

.popup td.middle {
	margin:0px;
	padding: 10px;
	background-color: #EEEEEE;
	border: 1px solid #ccc;
}

.popup td.corner {
	height: 15px;
	width: 19px;
	margin:0px;
	padding:0px;
}

.popup td#topleft { 
	background: url(/gif/bubble/bubble-1.png) no-repeat scroll top left;
	margin:0px;
	padding:0px;
	line-height:0px;
}
.popup td.top { 
	background: url(/gif/bubble/bubble-2.png); 
	height: 15px;
	margin:0px;
	padding:0px;
}
.popup td#topright { 
	background: url(/gif/bubble/bubble-3.png) no-repeat scroll top right; 
	margin:0px;
	padding:0px;
}
.popup td.left { 
	background: url(/gif/bubble/bubble-4.png); width: 15px;
	margin:0px;
	padding:0px;
}

.popup td.right { 
	background: url(/gif/bubble/bubble-5.png); 
	width: 15px;
	margin:0px;
	padding:0px;
}
.popup td#bottomleft { 
	background: url(/gif/bubble/bubble-6.png); 
	width: 15px;
	margin:0px;
	padding:0px;
}
.popup td.bottom { 
	background: url(/gif/bubble/bubble-7.png); 
	text-align: center; 
	height: 15px;
	margin:0px;
	padding:0px;
}
.popup td.bottom img { 
	display: block; 
	margin: 0 auto; 
	margin:0px;
	padding:0px;
}
.popup td#bottomright { 
	background: url(/gif/bubble/bubble-8.png); 
	width: 15px;
	margin:0px;
	padding:0px;
}

.popup table.popup-contents {
	font-size: 12px;
	line-height: 1.2em;
	background-color: #EEEEEE;
	color: #666;
	margin:0px;
	padding:0px;
}

table.popup-contents th {
	text-align: right;
	text-transform: lowercase;
	}

table.popup-contents td {
	text-align: left;
	margin:0px;
	padding:0px;
	}

/* ##################################################################################################### */

/* define table sub-classes */

.intro td { /* general rows for intro text box */
	font-size: 12px;
	text-align: left;
}

.intro th { /* header row for intro text box */
	text-align: right;
    padding-right: 5px;
}

.alternate, .alternate td { /* alternate colour used to make lists more readable */
	background-color: #E5F3EA;
}

.divide, .divide td { /* non-data row used for column names and to divide tables into sections */
	background: #BBBBBB url("/common_incs/main/images/header_palegrey.jpg") left bottom repeat-x;
	font-size: 12px;
	color: #FFFFFF;
}

.pale, .pale td { /* pale grey used to define some tables */
	background-color: #EEEEEE;
	font-size: 12px;
}

/* ##################################################################################################### */

/* define text style classes */

.b, .b { /* bold td */
	font-weight: bold;
}

.c, .c td { /* centre text */
	text-align: center;
}

.i, .i td { /* italic */
	font-style: italic;
}

.j, .j td { /* left text */
	text-align: left;
}

.l, .l td { /* left align text */
	text-align: left;
}

.r, .r td { /* right align text */
	text-align: right;
}

.small, .small td { /* small text */
	font-size: 10px;
}

.small_date { /* small text */
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}

.title { /* homepage and sidebar titles */
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
}

.small_subtitle, td.small_subtitle { /* small subtitles */
	font-size: 13px;
	font-weight: bold;
}

.more, .more:hover { /* "More ..." links */
	color: #CC0000;
	font-weight: bold;
}

.keyline { /* add a keyline around images */
	border: solid 1px #666677;
}

.white { /* white text */
	color: #FFFFFF;
}

/* ##################################################################################################### */

/* override style classes for weather */

.grastt, .grastt font { /* title */
	/*color: <?php echo("$page_colour"); ?>;*/ 
	font-size: 14px;
	font-weight: bold;
}

.chapo, .chapo font { /* day */
	/*color: <?php echo("$page_colour"); ?>;*/
	font-size: 12px;
	font-weight: bold;
}

.graspetit, .graspetit font { /* bold */
	color: #666666;
	font-size: 12px;
	font-weight: bold;
}

.txtpetit, .txtpetit font { /* text */
	color: #666666;
	font-size: 12px;
	font-weight: normal;
}

.weather_import, .weather_import td { /* overall layout */
	padding: 0px;
}

/*####################################################################################*/
/* new th */

/*
.boxtop th,
.boxtop_right th{
	padding-top: 3px;
    height: 20px;
    background: url(/common_incs/main/images/<?php
		// select correct background image based on colour
		switch ($nm_color) {
		case "CC0000":
		    echo("fade_red.jpg");
		    break;
		case "3366CC":
		    echo("fade_lblue.jpg");
		    break;
			case "6699CC":
		    echo("fade_lblue.jpg");
		    break;
		case "999965":
		    echo("fade_gold.jpg");
		    break;
		case "009999":
		    echo("fade_teal.jpg");
		    break;
		case "666677":
		    echo("fade_dgrey.jpg");
		    break;
		case "FF6600":
		    echo("fade_orange.jpg");
		    break;
		case "663399":
		    echo("fade_purple.jpg");
		    break;
		case "009933":
		    echo("fade_green.jpg");
		    break;
		case "000000":
		    echo("fade_black.jpg");
		    break;
		}
	?>);
}

.boxtop_big th,
.boxtop_big_right th{
    padding-top: 3px;
    height: 25px;
    background: url(/common_incs/main/images/<?php
		// select correct background image based on colour
		switch ($nm_color) {
		case "CC0000":
		    echo("fade_red_big.jpg");
		    break;
		case "3366CC":
		    echo("fade_lblue_big.jpg");
		    break;
		case "999965":
		    echo("fade_gold_big.jpg");
		    break;
		case "009999":
		    echo("fade_teal_big.jpg");
		    break;
		case "666677":
		    echo("fade_dgrey_big.jpg");
		    break;
		case "FF6600":
		    echo("fade_orange_big.jpg");
		    break;
		case "663399":
		    echo("fade_purple_big.jpg");
		    break;
		case "009933":
		    echo("fade_green_big.jpg");
		    break;
		case "000000":
		    echo("fade_black_big.jpg");
		    break;
		}
	?>);
}

.boxtop th,
.boxtop_right th,
.boxtop_big th,
.boxtop_big_right th{
	text-align: left;
    padding-left: 5px;
    font-weight: bold;
    color: #FFFFFF;
    font-size:13px;
}

.boxtop_right th,
.boxtop_big_right th{
    padding-right: 5px;
	text-align: right;
}

.box_title_right {
	text-align: right;
    padding-right: 5px;
    font-weight: bold;
    color: #FFFFFF;
    font-size:13px;
}
.box_title_left {
	text-align: left;
    padding-left: 5px;
    font-weight: bold;
    color: #FFFFFF;
    font-size:13px;
}

/*####################################################################################*/


.noFlashWarning {
	width: 100%;
	padding: 0.8em;
	margin: 0px;
	border: 1px solid red;
	text-align: center;
}

.confirm, .error, .alert { /* common elements of confirmation, alert and error text boxes */
	margin-bottom: 5px;
}
.confirm td, .error td, .alert td { /* common elements of confirmation, alert and error text box text */
	font-size: 12px;
	text-align: left;
	padding: 5px;
}
.confirm th { /* confirmation text box header */
	background-color: #00CC00;
	color: #FFFFFF;
	font-size: 12px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	text-align: center;
	font-weight: bold;
}
.confirm, .confirm td { /* confirmation text box */
	background-color: #00CC00;
	color: #FFFFFF;
	font-weight: bold;
}
.error, .error td { /* error text box */
	background-color: #990000;
	color: #FFFFFF;
	font-weight: bold;
}
.alert, .alert td { /* alert text box */
	background-color: #FFFF66;
	border: 1px solid #FFCC00;
	color: #333333;
}

/*###################################################################################*/