@charset "utf-8";

body {
	background-color:#415968;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
}

h1 {
	font-size: 24px;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 15px;
	padding:0px;
}

h2 {
	font-size: 18px;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 15px;
}

a{   /* common link styles */
	text-decoration: underline;
}

/* THE ABOVE STYLES can be placed into a 'container' style which all module content would be wrapped in, if they conflict with other global styles. */

/* #################################### generic styles #################################### */

.text_primary {   /* primary denotes white for text/backgrounds/borders on Peet Corporate */
	color: #415968;	
}

.text_primary a{   /* primary colour link styles.. */
	color: #415968;
}

.text_secondary {		/* secondary denotes 'PEET Blue' for text/backgrounds/borders on Peet Corporate */
	color: #FFF;
}
.text_secondary h1{		
	color: #FFF;
}

.text_secondary a{ /* secondary colour link styles.. */
	color: #FFF;
}

.primary_rule{  /* div to create horizontal rule on primary modules. width is set with width classes or 'manually' */
	background-color: #415968;
	height: 1px;
	line-height: 1px;
	margin-bottom: 20px;
}

.secondary_rule{	/* div to create horizontal rule on secondary modules. width is set with width classes or 'manually' */
	background-color: #83929c;
	height: 1px;
	line-height: 1px;
	margin-bottom: 20px;
}

.cnr{		/* The cnr class sets common 10x10 size for all corner cells */
	width: 10px; 
	height: 10px; 
}

.button_img{
	border:0px;
}

.thumbnail {
	width: 70px;
	height: 70px;
	float: left;
	margin-right: 21px;
	margin-bottom: 21px;
	background-color: #fff;
	background-position: center;
	background-repeat: no-repeat;
}

.thumb_clear{
	width: 70px;
	height: 70px;
}	

.row_end{  /* for thumbnails at the end of a row */
	float: right; 
	margin-right: 0px;
}

.tn_bottom{ /* clears margin at bottom */
	margin-bottom: 0px;
}

.right{
	float: right; 
}

.left {
	float: left;
}

/* ######################## Primary Module Classes ###################### */

.primary_tl{
	background-image:url(/images/cnr_primary_tl.gif);
}

.primary_tr{
	background-image:url(/images/cnr_primary_tr.gif);
}

.primary_bl{
	background-image:url(/images/cnr_primary_bl.gif)
}

.primary_br{ 
	background-image:url(/images/cnr_primary_br.gif);
}

.top_primary{
	height: 10px; 
	background-image:url(/images/tile_top_primary.gif) ;
}

.base_primary{
	height: 10px; 
	background-image:url(/images/tile_base_primary.gif) ;
}

.left_primary{
	width: 10px; 
	background-image:url(/images/tile_left_primary.gif);
}

.right_primary{
	width: 10px; 
	background-image:url(/images/tile_right_primary.gif);
}

.content_primary {
	background-color: #fff; 
	padding-left: 20px; 
	padding-right: 20px; 
	padding-top: 15px; 
	padding-bottom: 15px; 
	background-image: url(/images/grad_mid_primary.gif); 
	background-position: bottom; 
	background-repeat: repeat-x;
}



/* ######################## Secondary Module Classes ###################### */

.secondary_tl{
	background-image:url(/images/cnr_secondary_tl.gif);
}

.secondary_tr{
	background-image:url(/images/cnr_secondary_tr.gif);
}

.secondary_bl{
	background-image:url(/images/cnr_secondary_bl.gif); /* NOT USED for peet corporate but in place for estate sites*/
}

.secondary_br{ 
	background-image:url(/images/cnr_secondary_br.gif); /* NOT USED for peet corporate but in place for estate sites*/
}

.top_secondary{
	height: 10px; 
	background-image:url(/images/tile_top_secondary.gif) ;
}

.base_secondary{
	height: 10px; 
	background-image:url(/images/tile_base_secondary.gif);  /* NOT USED for peet corporate but in place for estate sites*/
}

.left_secondary{
	width: 10px; 
	background-image:url(/images/tile_left_secondary.gif);
}

.right_secondary{
	width: 10px; 
	background-image:url(/images/tile_right_secondary.gif);
}

.content_secondary {
	background-color: #415968; 
	padding-left: 20px; 
	padding-right: 20px; 
	padding-top: 15px; 
	padding-bottom: 15px; 
	background-image: url(/images/grad_mid_secondary.gif); 
	background-position: top; 
	background-repeat: repeat-x;
}


/* ########### Estate Locator Classes (PEET CORPORATE) ############### */

.sq7{
	width: 7px; height: 7px;
}

.el_tl{
	background-image:url('../images/el_tl.gif'); 
}

.el_tr{
	background-image:url('../images/el_tr.gif'); 
}

.el_bl{
	background-image:url('../images/el_bl.gif'); 
}

.el_br{
	background-image:url('../images/el_br.gif'); 
}

.estate_list td {
	background-color: #475E6D;
}

.el_thumbnail {
	width:90px; 
	height: 65px; 
	background-color: #FFF; 
	float: left;
	background-position: center;
	background-repeat: no-repeat;
}

.el_description {
	float: right; 
	color: #fff; 
	width: 170px; 
	padding-left: 10px;
}

.estate_list img {
	width: 90px; 
	height: 65px;
}

/* ######## MODULE WIDTH CLASSES ############## */
/* These classes set internal content cell widths depending on desired overall module width. 
Modules which require non-standard internal cell widths will not use these. */

.standard_982{
	width: 922px;
}

.standard_586{
	width: 526px;
}

.standard_386{
	width: 326px;
}

.caption_386{
	width: 235px;
}

.caption_586{
	width: 435px;
}

/* #################################Module specific classes#################################*/

.news_inner{
	padding-left: 15px; 
	padding-bottom: 15px;
}

.gallerypic{
	margin-bottom: 5px;
}

.news_586{
	padding:0px;
}
.news_586_vertical_inner{
	padding-left:20px;
	padding-right:20px;
	padding-top: 15px; 
	padding-bottom: 15px;
}

.news_586_side td{
	padding-top: 25px;
	padding-bottom: 25px;
}

.news-left{
	padding-right: 10px;
}

.news_right {
	padding-left: 10px;
}

.news_586_horiz{
	margin-top: 100px;
}

.news_586_horiz td{
	padding-top: 10px;
	padding-bottom: 10px;
}


/* ############multicontent styles ################### */


.MCAccordionTitle{
	cursor: pointer;
	background-image: url(/images/multi_bg_closed.gif); 
	width: 356px; 
	height: 38px;
	padding-left: 30px;
	padding-top: 15px;
}

.MCAccordionTitleActive{
	cursor: pointer;
	background-image: url(/images/multi_bg_open.gif); 
	width: 356px; 
	height: 38px;
	padding-left: 30px;
	padding-top: 15px;
}

.MCAccordionContent
{
	height:0px;
	width: 378px;
	display:none; 	
	overflow:auto;
}


.MCContentText{
	width:316px;
	padding:10px;
	padding-left: 30px;
	padding-right: 8px;	
	color:#ffffff;
}

.MC5AccordionTitle{
	cursor: pointer;
	background-image: url(/images/multi_bg_closed586.gif); 
	width: 556px; 
	height: 38px;
	padding-left: 30px;
	padding-top: 15px;
}

.MC5AccordionTitleActive{
	cursor: pointer;
	background-image: url(/images/multi_bg_open586.gif); 
	width: 556px; 
	height: 38px;
	padding-left: 30px;
	padding-top: 15px;
}

.MC5AccordionContent
{
	height:0px;
	width: 578px;
	display:none; 
	overflow:auto;
}

.MC5ContentText{
	width:516px;
	padding:10px;
	padding-left: 30px;
	padding-right: 8px;
	color:#ffffff;
}


