/* --------------------------------------------*/
/* ---------->>> elements.css <<<--------------*/
/*                                             */
/* This file contains styles for the juicecms  */
/* Item Templates ONLY.                        */ 
/* --------------------------------------------*/

/* 
=======
COLORS 
=======

#d7d3ca - gray
#c3bdb2 - selected gray
#6d6e71 - font color


#cdd0d6 - gray border
#35455D - darker blue
#e8ddcb - font colour on dark blue

*/



/* -----------------------------------*/
/* ---------->>> Logo <<<-----------*/
/* -----------------------------------*/

.logo
{
	float:left;
	background-image:url(../../Image/logo.jpg);
    background-repeat:no-repeat;
	width:239px;
	height:161px;
}

/* -----------------------------------*/
/* ---------->>> Banner <<<-----------*/
/* -----------------------------------*/


.banner
{
	float:left;
	height:161px;	
}

/* -----------------------------------*/
/* ---------->>> Search <<<-----------*/
/* -----------------------------------*/


.search
{
	width:710px;
	height:33px;
	background-color: #d7d3ca;
	font-family:Arial;
	font-size: 14px;
	margin-top:-2px;
}

/* -----------------------------------*/
/* ---------->>> PageCollectionPager -----------*/
/* -----------------------------------*/

.pageCollection
{
    border: solid 0px green;
}

.PageCollectionPager
{	
	float: right;
	
	margin: 0px 10px 10px 0px;
	font-family: arial;
    font-size: 12px;
    
    border: solid 0px red;
    
}

.PageCollectionPager a
{
	font-family: arial;
    font-size: 12px;
    text-decoration: none;
}

.PageCollectionPager a:hover
{
    text-decoration: underline;
}

.previous
{
	padding-left: 4px;
}



/* -----------------------------------*/
/* ---------->>> TopSearch<<<-----------*/
/* -----------------------------------*/


.Topsearch
{
	margin: 0 0 0 510px;
	background-color: #d7d3ca;
	 margin-bottom:-11px;
}

.TextBoxBG
{
	background-color:#d7d3ca;
	border:solid 1px #c3bdb2;
}

/* -----------------------------------*/
/* ---------->>> SearchBox <<<-----------*/
/* -----------------------------------*/


.SearchBox
{
	margin: 7px 0 0 9px;
	padding: 10px 0 10px 0px;
	font-family: arial;
	font-size: 12px;
}

.SearchBox a
{
	font-family: arial;
	font-size: 12px;
}



/* -----------------------------------*/
/* ---------->>> FlashImage <<<-----------*/
/* -----------------------------------*/


.FlashImage
{
	float:left;
	margin: 7px 0px 0px 0px;
	width:710px;
	height:121px; 
}

/* -----------------------------------*/
/* ---------->>> TableSearch <<<-----------*/
/* -----------------------------------*/


.TableSearch
{
	
	border: solid 4px red;
	margin: 0 0 80px 0 ;
}


/* ---------------------------------------*/
/* ---------->>> Breadcrumb <<<-----------*/
/* ---------------------------------------*/

#breadcrumb
{	
    color: #6d6e71;
    height:16px;    
	margin: 0 0 0 20px;	
}

#breadcrumb a
{
    
    font-family: arial;
    font-size: 11px;
    text-decoration: none;
}

#breadcrumb a:hover
{
    text-decoration: underline;
}

/* ---------------------------------------*/
/* ---------->>> Overview <<<-----------*/
/* ---------------------------------------*/

.overview-box
{ 
   border: solid 1px #cdd0d6;
}


.overview 
{ 
   font-family: arial;
   font-size: 12px;
   margin: -1px 0px 7px 6px;
}	

.overviewText
{   
	margin: 15px;
	list-style-type:square;
	font-family: arial;
    font-size: 11px;
    line-height: 1.6em;
}

.overviewText li
{
	margin:0 0 0 14px; 
	list-style-type:square;
}

.overview h3
{
    color:#6d6e71;
	padding-left:7px;
	font-family: Arial;
	font-size:12px;
	font-weight:bold;
}

.fieldname{	border:solid 1px #c3bdb2;}

.overview th
{
    width: 103px; 
    width: 50px; 
    height: 28px; 
    color: #35455d; 
    font-weight: normal;
    text-align: left;
    padding: 5px 20px;
    background-color: #aeb5be;
    font-size: 11px;
}

.overview td
{   
    height: 28px;     
    padding: 5px 0 5px 7px; 
    color: #6d6e71;   
    background-color: #fff; 
    font-size: 11px;
}

.overview .dotleft
{
    background-color: #aeb5be;
    height:5px;padding: 0 0 0 10px;
}

.overview .dotright
{
    height:5px;padding: 0 10px 0 0;
}

.dotbreak
{
    border-bottom: dotted 1px #5e5e5e;
}

/* ---------------------------------------*/
/* ---------->>> PageTitle  <<<-----------*/
/* ---------------------------------------*/

h1#pageTitle
{
	font-family: arial;
	font-size: 18px;
	height:20px;
	color:#00476c;
	margin: 0px 7px 0px 15px;
	padding-left:3px;
}

/* ---------------------------------------*/
/* ---------->>> serachResult  <<<-----------*/
/* ---------------------------------------*/

.searchResult
{
	margin: 7px 0 0 9px;
	padding: 10px 0 10px 0px;
	font-family: arial;
	font-size: 12px;
}


/* ---------------------------------------*/
/* ---------->>> TextTemplate <<<-----------*/
/* ---------------------------------------*/

.textTemplate
{
    color: #6d6e71;
	padding: 10px 0 0px 0px;
	font-family: arial;
	font-size: 12px;
	list-style-type:square;
	margin: 0px 7px 0 7px;
}
.textDescription {padding-top:10px;padding-right:4px;}	
.textTemplate li{margin:0 0 0 14px;	list-style-type:square;}
.textTemplate a{font-family: arial;	font-size: 12px;}
/* ---------------------------------------*/
/* ---------->>> HomeNews  <<<-----------*/
/* ---------------------------------------*/

.homeNews
{
    color: #6d6e71;
	font-family: arial;
	font-size: 12px;
	margin: 7px 0 0 7px;
	border-bottom-style:dotted; 
    border-bottom-color:#d7d3ca; 
    border-bottom-width:thin;
    height: 5em;
}

/* ---------------------------------------*/
/* ---------->>> HomeTitle  <<<-----------*/
/* ---------------------------------------*/

.homeTitle
{
    color:#00476c;
	font-family: arial;
	font-size: 18px;
	padding: 0px 0px 10px 10px;
}

/* ---------------------------------------*/
/* ---------->>> NewsletterMenu <<<-----------*/
/* ---------------------------------------*/

.newsletterMenu
{
    color: #6d6e71;
	font-family: arial;
	font-size: 12px;
	border-bottom-style:dotted; 
    border-bottom-color:#d7d3ca; 
    border-bottom-width:thin;
}

.newsletterMenu a
{
	font-family: arial;
	font-size: 12px;
	text-decoration: none;
}

.newsletterMenu a:hover
{
	text-decoration: underline;
}


/* ---------------------------------------*/
/* ---------->>> Contacts <<<-----------*/
/* ---------------------------------------*/

.contacts
{
    border-bottom-style:dotted; 
    border-bottom-color:#d7d3ca; 
    border-bottom-width:thin;    
    color: #41535d;
	font-family: arial;
	font-size: 12px;
	margin: 7px 7px 7px 7px;
}

.contacts-table td
{
    padding: 3px 0;
}

.contacts-table a, .contacts-table a:hover
{
    font-size: 10px;
}

/* ---------------------------------------*/
/* ---------->>> ProjectHome <<<-----------*/
/* ---------------------------------------*/

.projectHome
{
    width222:961px;
    height:278px;
    font-family: arial;
	font-size: 12px;
	margin: 8px 0 0 0;
}

.rightProject
{
    width: 715px;
	height: 274px;
	background-color: #00476c;
	color:white;
	float:left;	
}

.leftProject
{
	width: 231px;
	height: 274px;	
	float:left;
	border-left: solid 1px #d2d4da;
	border-top: solid 1px #d2d4da;
	border-bottom: solid 1px #d2d4da;	   
}

.leftProject ul
{
    margin: 15px 10px 0 10px; 
    padding:0px;    
}

.leftProject li
{
	padding: 0px 0px 0 10px; 
	list-style:none;
	margin: 10px 0px 0 0px;
	height:	28px;
	border-bottom:dotted 1px white; 
	border-bottom:dotted 1px #688692; 
}

.leftProject li.selected
{
	background-color: purple;
	color: #00476c;
	font-size:12px;
}

.leftProject a
{
	font-family:arial;
	font-size:11px;
	font-weight: normal;
	list-style:none;
	display: block;
	text-decoration: none;
	
}

.leftProject a:hover
{
    font-weight: bold;
    text-decoration: none;
}

h2.title
{
	color:#00476c;
	font-size:14px;
	font-weight:bold;
	text-transform: uppercase;
	padding: 15px 0 10px 20px; 
	background: url(../../static/image/backgrounds/h2_bg.gif) repeat-x;
	height: 30px;
}

/* ---------------------------------------*/
/* ---------->>> Project <<<-----------*/
/* ---------------------------------------*/

.project
{
    border-bottom-style:dotted; 
    border-bottom-color:#d7d3ca; 
    border-bottom-width:thin;   
	font-family: arial;
	font-size: 12px;
	margin:0px 0px 7px 0px; 
}

/* ---------------------------------------*/
/* ---------->>> LeftProjectBox <<<-----------*/
/* ---------------------------------------*/

.leftProjectBox
{
   width:353px;
   height:139px;
   background-color:#00476c;
   color:White;
   margin:7px 7px 7px 7px;
   font-family: arial;
   font-size: 10px; 	
}

/* ---------------------------------------*/
/* ---------->>> RightProjectBox <<<-----------*/
/* ---------------------------------------*/

.rightProjectBox
{
   width:353px;
   height:139px;
   background-color:#00476c;
   color:White;
   margin: 7px 7px 7px 0px;
   font-family: arial;
   font-size: 10px;
}
/* ---------------------------------------*/
/* ---------->>> NewsMedia <<<-----------*/
/* ---------------------------------------*/

.newsMedia
{
    border-bottom-style:dotted; 
    border-bottom-color:#d7d3ca; 
    border-bottom-width:thin;   
	font-family: arial;
	font-size: 12px;
	margin: 0 7px 7px 7px;
}

.newsMedia li{ 	margin:0 0 0 14px;	list-style-type:square;}

/* ---------------------------------------*/
/* ---------->>> Newsletter <<<-----------*/
/* ---------------------------------------*/

.newsletter
{
    border:solid 4px #d7d3ca;
    background-color:White;
	margin: -1px 0px 0px 0px;
}
/* ---------------------------------------*/
/* ---------->>> News <<<-----------*/
/* ---------------------------------------*/

.lastnews
{
    border:solid 4px #d7d3ca;
    width:208px;
    background-color:White;
	font-family: arial;
    font-size: 12px;
    height:316px;
	margin: 0px 0px 7px 0px;
}

/* ---------------------------------------*/
/* ---------->>> Last Newsletter <<<-----------*/
/* ---------------------------------------*/

.news-graphic
{
    background-image: url(../../image/latest_news_graphic.gif);
    background-repeat: no-repeat;
    float: right;
    position: relative;
    top: -6px;
    left: -15px;
    z-index: 9999;    
    width: 50px;
    height: 60px;
    display: none;
}

.lastnewsletter
{ 
    background-color:White; 
    margin: 0;
    border: solid 1px #d2d4da;
}

.lastnewsletter ul
{ 
    list-style: none;
}

.latestnews
{
    background-color:White; 
    margin: 0;
    border: solid 1px #d2d4da;    
}

.latestnews h2.title
{
    height2: 50px;
}


/* ---------------------------------------*/
/* ---------->>> Containers <<<-----------*/
/* ---------------------------------------*/

.contentbox
{
    width: 464px;
}
.contentbox .content
{
    background-image: url(../../image/containers/container_background.jpg);
}

.contentbox .inner
{
    padding: 3px 9px;
	font: normal 1em arial;
	list-style:circle;
}

.contentbox .footer
{
    background-image: url(../../image/containers/container_footer.jpg);
    height: 12px;
}

.contentbox-header
{
    background-image: url(../../image/containers/container_header.gif);
    height: 14px;    
}

/* -------------------------------------*/
/* ---------->>> Info Box <<<-----------*/
/* -------------------------------------*/

.info-box
{
    border: solid 1px #cdd0d6;
    margin: 10px 0;
    font-size: 11px;
}

.property-info-box
{
    border: solid 1px #cdd0d6;
    margin: 0;
    font-size: 11px;
}

.info-box-content
{
    padding: 15px;
}


/* -------------------------------------*/
/* ---------->>> Milestone <<<-----------*/
/* -------------------------------------*/

.milestone
{
   background-color:#f1f0ed; 
   margin: 0px 7px 7px 7px;
   font-family: arial;
   font-size: 12px;
   padding: 0px 4px 0px 4px;
}

/* -------------------------------------*/
/* ---------->>> Lozenges <<<-----------*/
/* -------------------------------------*/

.lozenge
{
    float: left;
    width: 226px;
    margin-right: 3px;
}
.lozenge .content
{
    width: 226px;    
    background-image: url(../../image/lozenges/lozenge_background.gif);
    height:220px;
}

.lozenge .inner{padding: 0 9px;}

/* ------------------------------------*/
/* ---------->>> Sidebar <<<-----------*/
/* ------------------------------------*/

/* search box */

.sidebarbox {width: 224px; margin-bottom: 5px;}
.sidebarbox .header
{
    background-image: url(../../image/sidebar/sidebar_top.gif);
    height: 5px;
}

.sidebarbox .content
{
    background-image: url(../../image/sidebar/sidebar_background.gif);
    padding-bottom: 10px;
}
.sidebarbox .inner{padding: 2px 2px 0px 15px;}
.sidebarbox .title{ padding: 15px 2px 15px 15px;}

/* --------------------------------------------*/
/* ---------->>> Refer this site <<<-----------*/
/* --------------------------------------------*/

.refersite{width: 464px;}
.refersite .header
{
    background-image: url(../../image/containers/container_title_enterdetails.gif);
    height: 45px;    
    text-indent: -9999px;
}
.refersite .content
{
    background-image: url(../../image/containers/container_background.jpg);
}
.refersite .inner{ padding: 2px 2px 0px 15px;}

/* ------------------------------------------*/
/* ---------->>> ImageWithText <<<-----------*/
/* ------------------------------------------*/

.imagewithtext{width: 446px; margin-bottom: 10px;}
.imagewithtext img
{
    float: left;
    width: 92px;
    padding: 0 10px; 
}

.imagewithtext .inner
{
    float: left;
    padding: 0 10px;
    border: solid 0px blue;
    background-color: #f3f5fe;
    font: normal 1em arial;
}

/* ----------------------------------*/
/* ---------->>> Photo <<<-----------*/
/* ----------------------------------*/

.photo
{
    width: 446px;
    margin-bottom: 10px;
}

.photo img
{
    float: left;
    width: 92px;
    
}

.photo .inner
{
    float: left;
    width: 330px;
    padding: 0 10px;
    border: solid 0px blue;
    background-color: #f3f5fe;
    font: normal 1em arial;
}

/* --------------------------------------------*/
/* ---------->>> HomePage header <<<-----------*/
/* --------------------------------------------*/

.home_title
{
    color: #fa5a91;
    font-family: bold;
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 10px;
}

.home_title span
{
    padding-right: 10px;
}

.spaced { line-height: 1.4em; } 
.spaced SUB, .spaced SUP { line-height: 0; } 

/* Image alignment for overview pages */
div #backtoindex
{
	background-color:White;
	text-align:right; 
	float:right;
	clear:right;
	margin:10px 7px 7px 0px;
	padding-right:0px;
}

#OverviewFirstTopimage
{
	background-color:#deebec;
	color:#6d6e71;
	font-weight:bold;
	font-size:14px;
	margin:0px 7px 0px 0px;
	padding:0px 7px 0px 0px;
	width:710px;
	float:right;
	clear:right;
	display:inline;
}

.bullet
{
    text-align: right;
    margin: 0 10px
}

.bullet li
{
    line-height: 2em;
    list-style: none;
    height: 30px;
}


.bullet li a
{
    background-image: url(../../static/image/btn.gif);
    background-position: right;
    background-repeat: no-repeat;
    padding: 0 30px 0 0;
}

.bullet li a:hover
{
    background-image: url(../../static/image/btn_over.gif);
    background-position: right;
    background-repeat: no-repeat;    
    padding: 0 30px 0 0;
    
}

/* -----------------------------------------------------------*/
/* ---------->>> propertyResult (Links Template <<<-----------*/
/* -----------------------------------------------------------*/


div #dottedline
{
	border-bottom-style:dotted; 
    border-bottom-color:#d7d3ca; 
    border-bottom-width:thin;  
    margin-bottom:7px; 
    padding-bottom:0px;
}

.propertyResult .thumbnail
{
    float: left;
    text-align:left;
    padding: 0 0;
    margin:0px;
}

.propertyResult
{
    width: 710px;
    margin-bottom: 10px;
}

.propertyResult .thumbnail
{
    float:left; 
    vertical-align:top; 
    width:192px; 
    height:139px; 
    padding-right:7px; 
    padding-bottom:7px;
    padding-left:7px; 
    text-align:center;
    overflow: hidden;
}

.propertyResult .info
{
    width:502px; /* 516px; */
    float:right; 
    clear:right; 
    padding: 0 0 10px 0;
    border: solid 1px #cdd0d6;    
    background-position: left right bottom;
}

.toolbar
{
	background-color:#35455d;
	color:#6d6e71;
	font-weight:bold;
	font-size:14px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:502px;
	height:40px;
}

.toolbar .title
{
    float: left;
    width:320px; /* 345px */
    padding:7px 7px 0px 17px; 
    font-family:Arial;
    font-weight:normal;
    color: #e8ddcb;
}

.toolbar .i_photo
{
    float: right;
    width: 33px;
}

.toolbar .i_map
{
    float: right;
    width: 31px;
}

.toolbar .i_website
{
    float: right;
    width: 38px;
}

.toolbar .i_print
{
    float: right;
    width: 35px;
}

.propertyResult .shortdesc
{
    clear: both;
    padding: 17px 0 0 17px;  
    height:61px;
}

.propertyResult .shortdesc p
{
    font-size:11px; 
    font-family:Arial;
}

.propertyResult .moreLink
{
    text-align:right;
    height:20px; 
    padding-right:7px;
}

/* -----------------------------------------------*/
/* ---------->>> Property Top Menu  <<<-----------*/
/* -----------------------------------------------*/


.property-topmenu
{
    margin: 0 0 10px 0;
}

/* -----------------------------------------------*/
/* ---------->>> Property Sub Menu  <<<-----------*/
/* -----------------------------------------------*/

.property-submenu
{
    width: 457px;
}

/* --------------------------------------------*/
/* ---------->>> Our Team Label  <<<-----------*/
/* --------------------------------------------*/

.ourteam-label
{
    width: 98%;
    background-color: #35455D;
    margin: 7px 7px 7px 7px;
    padding: 5px;
}

.ourteam-label span
{   
    font-weight: bold; 
    font-size: 14px; 
    font-family: Arial;     
    color: #e8ddcb;
}