div.profDesig, div.featuredHomes, div.agentDetailedData { background-color: #fff; }

/* The agent header styles */
div.nameHeader {
	width:600px;
}

div.agentHeader div.left {
	float: left;
	width: 325px;
}

div.agentHeader div.right {
	float: left;
}

div.agentHeader div.right a {
	line-height: 26px;
	padding: 0 0 5px 24px;
	background: transparent url(../images/twitter.png) no-repeat;
}

div.agentHeader h1 {
	margin: 0;
}

div.agentInfo {
	padding: 32px 15px 35px 15px;
	background-color: #BFD3EB;
}

div.agentInfo div.agentPhoto img {
	width: 100px;
}

div.agentInfo col.colLeft {
	/* Will provided a width here, else if the agent does not have office data
	   then the table will squash to the left */
	width:140px;
}

div.agentInfo div.mapLink {
	color:#316cb2;
	text-decoration:underline;
	cursor:pointer;
	margin-top:5px;
}

td.headerName {
	font-size:200%;
	margin-top:10px;
	color:#006DBA;
	padding-right:20px;
}

div.agentInfo td.summaryLinks a {
	margin-right:19px;
}

div.agentInfo td.summaryLinks img {
	margin-right:6px;
}

div.nameHeader div.twitter {
	bottom:0px;
	padding-right:15px;
}

div.nameHeader div.twitter img {
	padding-right:15px;
	float: left;
}

/* The detailed data styles */

div.agentDetailedData {
	width:600px;
	margin-bottom: 40px;
	clear:both;
}

div.agentDetailedData div.subHeading {
	padding-top:35px;
	padding-bottom:5px;
	font-size:120%;
	margin-weight:bold;
	color:#006DBA;
}

div.agentDetailedData a.returnToTop {
	font-size:11px;
}

/* CSS for other page elements */

div.agentInfoBox {
	border: 1px solid #ccc;
	padding: 0px;
	margin-top: 10px;
	clear:both;
	width:600px;
}

div.profDesig {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	float:left;
	padding: 0px;
	width: 600px;
	clear: both;
}

div.featuredHomes {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	float:left;
	padding: 0px;
	width: 600px;
	clear: both;
}

div.contactLeft {
	float:left;
	padding-left:20px;
}

div.agentPhoto {
	float:left;
}

div.profDesigTitle {
	padding: 10px 50px 10px 16px;
	float: left;
	width: 90px;
}

td.profDesigTitle {
	vertical-align:top;
}

div.profDesigs {
	padding: 10px 50px 10px 16px;
	text-align:center;
	float:left;
}

div.profDesigs div.profDesigElm{
	float:left;
	margin-left:21px;
	margin-right:21px;
	width:50px;
	height: 65px;
}

div.profDesigElm div.image{
	width:50px;
	height:50px;
}

div.profDesigElm img{
	width:50px;
}

div.profDesigElmLeft {
	padding: 30px 50px 30px 16px;
	float:left;
}

div.specialties {
	padding: 10px 50px 10px 16px;
	float:left;
	width:370px;
}

div.specialtiesElm {
	margin-right: 20px;
	margin-top: 3px;
	float:left;
}

div.agentsHeading {
	color:#FFFFFF;
	background-color: #7191C4;
	padding: 8px 15px;
	margin-top: 4px;
	width: 600px;
}

div.agentResults {
	width:600px;
}

div.agentResults img.agentPhoto{
	width:50px;
	height: 65px;
	float:left;
	padding:5px 5px 5px 5px;
}

div.agentResults div.agentDetails{
	float:left;
	padding:5px 5px 5px 5px;
}

div.agentResults div.agentProperties {
	padding-left:400px;
	padding-top: 5px;
}

div.agentResults div.agentProperties img{
	width:25px;
	height:25px;
}

div.agentResults div.agentProperties div.agentDesig{
	padding-right: 10px;
	float:left;
}

.gray {
	background-color: #EEEEEE;
}

.agentDetailPage .agentSidePanel {
	width:464px;
}

.officeAgentsHeader .agentResults,
.agentSearchForm .agentResults
{
	width: auto;
}

.officeAgentsHeader .agentResults .agentResult .agentResultPhoto img,
.agentSearchForm .agentResults .agentResult .agentResultPhoto img {
	height: auto;
	padding: 0;
	width: auto;
}

.officeAgentsHeader .agentResult .agentDetails,
.agentSearchForm .agentResult .agentDetails {
	padding: 0 0 0 10px;
}

.officeAgentsHeader .agentResults .agentResult,
.agentSearchForm .agentResults .agentResult {
	padding: 0;
}

.officeAgentsHeader .agentResults .agentProperties,
.agentSearchForm .agentResults .agentProperties {
	padding:0;
}

.officeAgentsHeader .agentResults .agentProperties img.agentDesignationImage,
.agentSearchForm .agentResults .agentProperties img.agentDesignationImage {
	height:40px;
	width:40px;
}

.officeContainer .officeDetails {
	width:495px;
}