/* *** This is internal css for Open-Realty */
.field_caption{
	font-weight:bold;
}
.searchpage_field_caption {
font-weight:bold;
text-align:right;
}
.searchpage_field_caption_row {
font-weight:bold;
text-align:right;
}
.lat_long_header{font-size:12px;}
.view_image {
	text-align:center;
}

.image_caption {
	font-size:16px;
	font-weight:bold;
}
.view_user {
 padding-left:5px;
}
.view_user_user_name {
	font-size:14px;
	font-weight:bold;
}
.view_user_user_images {
	float:left;
}
.view_user_user_info {
	float:left;
	padding-left:10px;
}
.view_user_user_hitcount {
	clear:both;
}
.view_user_user_box {

}
.no_results { color:red; margin-top:10px;}
/* *** Generated by www.csscreator.com *** */
/* THIS IS SECTION IS FOR VERTICAL MENU */
html{
	margin:0px;
	padding:0px;
}
body{
	margin:0px;
	padding:0px;
	width:100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background-image:url(images/background2.gif);
	background-position:top left;
	background-repeat:repeat-x;
}
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
input, select, form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
img {
	border: 0px none;
}

#pagewidth{
	width:100%;
	min-width: 500px;
}
.search_results
{
	width:100%;
}
.result_row_0	{ background-color: #fefade; padding-bottom:10px;}
.result_row_1	{ background-color: #cec9dc; padding-bottom:10px;}

.result_row_0 tr:hover{
	background-color:#cec9dc;
}
.result_row_1 tr:hover{
	background-color:#fefade;
}
.result_row_0 img{ 
	padding:4px;
	padding-bottom:6px;
	background-image:url(images/platinm_realty_featured_listings_bg.gif);
	background-repeat:repeat-x;
	background-position:bottom left;
	background-color:#EEEEEE;
	border-bottom:#000000 1px solid;
	border-right:#000000 1px solid;
	border-top:#999999 1px solid;
	border-left:#999999 1px solid;}
.result_row_1 img{ 
	padding:4px;
	padding-bottom:6px;
	background-image:url(images/platinm_realty_featured_listings_bg.gif);
	background-repeat:repeat-x;
	background-position:bottom left;
	background-color:#EEEEEE;
	border-bottom:#000000 1px solid;
	border-right:#000000 1px solid;
	border-top:#999999 1px solid;
	border-left:#999999 1px solid;}


#header{
	height:136px;
	width:100%;
	background-color:#A8B4D0;
	background-image: url("{template_url}/images/header-bg.png");
}

.logo{
	background-image: url("{template_url}/images/{company_logo}");
	background-repeat: no-repeat;
	height: 100px;
}
.view_users { width:100%; }
.slogan {
	text-align:right;
	font-size: 12px;
	color:#42557b;
	padding-right: 10px;
}

.time_date {
	text-align:right;
	font-size: 11px;
	padding-right: 10px;
	height: 18px;
	color:#FFFFFF;
}


.logo h1{
	font-size: 44px;
	color:blue;
	float: right;
	vertical-align: text-bottom;
}

#leftcol{
	width:170px;
	float:left;
	position:relative;
	margin-left:-170px;
	margin-right:1px;
	background-image: url("{template_url}/images/col_line.png");
	background-repeat: repeat-y;
	background-position: top  right;
	text-align: left;
 }

#outer{
	border:solid white 0px;
	/*/*/ border-left-width: 170px ;  /* left column width. NN4 hack to hide borders */
	border-left-color: #FFFFFF;   /* left column colour */
	border-left-style: solid;
	background-color: #FFFFFF; /* center column colour */
	width: auto;
}

#footer{
height:70px;
	width:100%;
	background-color:#000000;
	background-repeat: repeat-x;
}

.powered_by {
	color: #FFFFFF;
	margin-top: 5px;
	float:left;
	width: 200px;
	padding-left: 100px;
}

.copyright {
	color: #FFFFFF;
	margin-top: 5px;
	float:right;
	width: 400px;
	padding-right: 75px;
}


#inner{
	margin:0;
	width:100%;
}

#maincol{
	float: left;
	width: 100%;
	position: relative;
	margin: 0px -8px 0px -2px;
}

#outer>#inner{
	border-bottom: 1px solid #FFFFFF;
}

.clr{
	clear:both;
}

.content{
	position:relative;
}

#header .content{
	padding-bottom:0;
}

 /*printer styles*/
@media print{
	/*hide the left column when printing*/
	#leftcol{display:none;}
	#outer{border-left:0;}
}


#navcontainer {
	width: 155px;
}

#navcontainer ul
{
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	font-size: 10px;
	font-weight: bold;
}


#navcontainer a,  #navlist a
{
	display: block;
	width: 155px;
	height: 42px;
	background-image: url("{template_url}/images/active_button.png");
	background-repeat: repeat-x;
	line-height: 5em;
}

#navlist a:visited
{
	color: #EEEEEE;
	text-decoration: none;
}

#navlist a:hover
{
	height: 42px;
	line-height: 5em;
	background-image: url("{template_url}/images/hoover_button.png");
	background-repeat: repeat-x;
	color: #336699;
}

/* THIS CONTROLS THE TABLES DISPLAYED BY PAGES GENERATED BY THE PAGE EDITOR */
table.page_display
{
	border: 3px;
	
}
td.page_display
{
	width: 100%;
	vertical-align: top;
}
/* THIS CONTROLS THE TABLES DISPLAYED IN THE ADMIN */
table.admin_main
{
	border: 3px;
	width: 100%;
}
td.admin_main
{
	width: 100%;
	vertical-align: top;
}
/* THIS CONTROLS THE ROW COLORS */
td.row1_0	{ background-color: #009900; }
td.row2_0	{ background-color: #CCFFCC; }
td.row3_0	{ background-color: #99CC99; }
.adminListingLeft_0 {
	color: #FFFFFF;
	background-color : transparent;
}
/* LISTING BROWSE PAGE NAVIGATION WIDGET 'next_prev()'display stuff  */
/*+++++++++++++++++++++++Rounded Corneres CSS++++++++++++++++++++++++*/
b.rtop, b.rbottom{display:block; background-color:#eeeeee;}
b.rtop *, b.rbottom *{display:block; height:1px; overflow:hidden; background-color:#fefade;}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.r4{margin: 0 1px; height:2px;}

.browse_tool_table {
	background-color: #fefade;
	width:100%;
	font-size: 11px;
	text-decoration: none;
	color: #333;
}
.browse_tool {
	background-color:#fefade;
	font-size: 10px;
	text-decoration: none;
	color: #333;
}
.browse_tool_num {
	color:#666666;
	font-size:8px;
	margin-right:25px;
}

.browse_tool_button A {
	background-color: #fefade;
	font-size: 10px;
	padding-bottom:5px;
	margin-right:3px;
	line-height: 10px;
	text-align: center;
	BORDER-COLOR: #666666;
   	BORDER-STYLE: outset;
 	BORDER-WIDTH: 1px;
	font-weight: bold;
	text-decoration: none;
	color: #666;
	width: 82px;
	height: 18px;
	display: block;
}

.browse_tool_button A:visited {
	color: #000000;
}

.browse_tool_button A:hover {
	color: #000000;
	background-color:#cec9dc;
	BORDER-STYLE: inset;
	width: 82px;
	height: 18px;
}

.browse_tool_ghost {
	font-size: 10px;
	line-height: 10px;
	color: #aaaaaa;
	text-decoration: none;
}


.browse_tool_curpage {
	BACKGROUND-COLOR: #cec9dc;
	border:#000000 solid 1px;
	color: #666;
	width: 24px;
	height: 20px;
	display: block;
	text-align: center;
}

.bt_pages {
	font-family: verdana, arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #D1DEE9;
	text-decoration:none;
	font-size: 10px;
	vertical-align: middle;
	color:	#666666;
}

bt_pages_ghost{
	color:#000000;
	text-decoration:none;
}

A.bt_pages{
	color:	#666666;
	width: 24px;
	height: 20px;
	display: block;
	text-align: center;
}

A.bt_pages:visited{
	color: #000000;
}

A.bt_pages:hover{
	color:#FFFFFF;
	background: #132975;
}
/* LISTING PAGE DETAILS 'listing_next_prev'  */
.next_prev_listing { margin: 2em 0 2em 3em;  border: 1px solid #a9a9a9; width: 40em; text-align: center; }
.next_prev_listing ul { margin: 1.5em auto; }
.next_prev_listing li { display: inline; padding: .5em 1em; list-style-type: none; }
.count, .listing_xy { width: 100%; background-color: #dcdcdc; clear: both; padding: .5em 0; }
/* css for tabbed pages */
.dynamic-tab-pane-control.tab-pane {
	position:	relative;
	width:		100%;		/* width needed weird IE bug */
	margin-right:	-2px;	/* to make room for the shadow */
}
.dynamic-tab-pane-control .tab-row .tab {
	width:				70px;
	height:				16px;
	background-image:	url( "{template_url}/images/tab.png" );
	position:		relative;
	top:			0;
	display:		inline;
	float:			left;
	overflow:		hidden;
	cursor:			Default;
	margin:			1px -1px 1px 2px;
	padding:		2px 0px 0px 0px;
	border:			0;
	z-index:		1;
	font:			11px Tahoma;
	white-space:	nowrap;
	text-align:		center;
}
.dynamic-tab-pane-control .tab-row .tab.selected {
	width:				74px !important;
	height:				18px !important;
	background-image:	url( "{template_url}/images/tab.active.png" ) !important;
	background-repeat:	no-repeat;
	border-bottom-width:	0;
	z-index:		3;
	padding:		2px 0 0px 0;
	margin:			1px -3px -3px 0px;
	top:			-2px;
	font:				11px Tahoma;
}
.dynamic-tab-pane-control .tab-row .tab a {
	font:				11px Tahoma;
	color:				Black;
	text-decoration:	none;
	cursor:				default;
}
.dynamic-tab-pane-control .tab-row .tab.hover {
	font:				11px Tahoma;
	width:				70px;
	height:				16px;
	background-image:	url( "{template_url}/images/tab.hover.png" );
	background-repeat:	no-repeat;
}
.dynamic-tab-pane-control .tab-page {
	clear:			both;
	border:			1px solid rgb( 145, 155, 156 );
	background:		#ffffff;
	z-index:		2;
	position:		relative;
	top:			-2px;
	font:				11px Tahoma;
	color:				Black;
	filter:			progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#fffcfcfe, EndColorStr=#fff4f3ee, GradientType=0)
					progid:DXImageTransform.Microsoft.Shadow(Color=#ff919899, Strength=2, Direction=135);
	/*244, 243, 238*/
	/* 145, 155, 156*/

	padding:		10px;
}
.dynamic-tab-pane-control .tab-row {
	z-index:		1;
	white-space:	nowrap;
}
.featured_position{
	padding-top:10px;
	margin-left:0px;
	
}
.featured_listings a{
	text-decoration:none;
	font-size: small;
	text-align:center;
}
.featured_listings{
text-align: center;
  font-family: verdana, arial, sans-serif;
  font-size: large;
  font-weight: normal;
  letter-spacing: 1.5px;
	font-variant:small-caps;
  color: #56b600;
 
}

.featured_listings h3{
	font-variant:small-caps;
	letter-spacing:1.5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #56b600;
	padding-left:10px;
	padding-right:10px;
}

.featured_hr{
	height:15px;
	width:100%;
	
	background-image:url(images/platinum_realty_featured_hr.png);
	background-position:top left;
	background-repeat:repeat-x;
}
.featured_listings img{
	padding:4px;
	padding-bottom:6px;
	background-image:url(images/platinm_realty_featured_listings_bg.gif);
	background-repeat:repeat-x;
	background-position:bottom left;
	background-color:#EEEEEE;
	border-bottom:#000000 1px solid;
	border-right:#000000 1px solid;
	border-top:#999999 1px solid;
	border-left:#999999 1px solid;
	

}

/***************************************************
     AUTHOR: Pat Heard ( FullAhead.org )
   TEMPLATE: Softened Cells
       DATE: 2005.08.26
        USE: Free use as long as this notice is
             kept in place.  If you would like 
             to remove it, please contact me at
             http://fullahead.org/contact.html.
 ***************************************************/


/* IMAGE borders for images within OR listings etc
img {
padding:4px;
background-color:#FFFFFF;
border-bottom:#000000 1px solid;
border-right:#000000 1px solid;
border-top:#999999 1px solid;
border-left:#999999 1px solid;
}*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 ++++++++++++++platinum realty and associates++++++++++++++++css
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



/***************************************************
   HTML Element Styles
 ***************************************************/

body {
  margin: 20px;
  text-align: center;
  font-family: verdana, arial, sans-serif;
  font-size: 0.62em;
  color: #666;
  background-color: #EEE;
}

h1 {
  clear: both;
  padding: 5px 0 12px 10px;
  margin: 0;  
  font-size: 2em;
  font-weight: normal;
  letter-spacing: -1.5px;
}

#text h1 {
  background: url(images/h1_bg.jpg) no-repeat bottom center;
}
#text p{
  font-size:12px;}

h2 {
  clear: both;
  padding: 0 0 0 5px;
  margin: 0 0 -10px 0;  
  font-size: 1.0em;
  font-weight: normal;
  text-transform: uppercase;
  color: #56B600;
}

p {
  line-height: 20px;
  padding: 8px 0 8px 5px;
  margin: 5px 0 5px 0;
}

p:first-letter {
  font-size: 1.5em;

}

#news p {
  padding: 8px;
}

a {
  color: #56B600;
}

a:hover {
  color: #326901;
  background-color: #DDD;
}

#news   a:hover,
#footer a:hover {
  background-color: #CCC;
}

ul, ol {  
  padding-bottom: 8px;
  line-height: 20px;
}

ul {
  list-style-image: url(images/li_bullet.gif);
}

acronym {
  border-bottom: 1px solid #BBB;
  cursor: help;
}




/***************************************************
   Site Layout Container:
   -------------------------------------------
   adjust width attribute if you would like to
   make the site wider, but make sure to also
   adjust either #news or #text widths as well.
 ***************************************************/

#siteBox {
  width: 688px;
/*  padding-left:145px;*/
 margin: 0px auto;
 margin-top:45px;
/*  margin-top:4.8em;
  _margin-top:45px;
	/*margin-left:165px;*/
  text-align: left;
}






/***************************************************
   Header Styles
   --------------------------------------------
   Change main header image with #header
   background attribute.
 ***************************************************/


#headz {
  height: 144px;
  background: url(images/hdr_house2.gif) no-repeat top left;

}

#headz .title {
  padding: 20px 0 0 400px;
  font-size: 2.5em;
  line-height: 0.9em;
  letter-spacing: -1.5px;
  color:#eee;
  
/*  background-color:#ab9fc3;*/
}

#headz  .subTitle {
  padding: 0 0 15px 400px;
  color:#eee;
  
/*  background-color:#ab9fc3; */
}

#headz .subTitle a {
  text-decoration: none;
  color: #EEE;
}

#headz .subTitle a:hover {
  color: #BBB;
  background-color: transparent;
}





/***************************************************
   Top Tabbed Menu Styles
 ***************************************************/
.icons{
	overflow:visible;
	margin-top:-3px;
	margin-bottom:0px;
}

.icons table{
	margin-left:28px;
	margin-top:0px;
}
.icons td a{
	text-decoration:none;
}

.icons td a:hover{
	background:none;}
	
.icons img:hover{

	background:none;
}

.icons a {
	text-decoration:none;

}


.icons td{
	text-align:center;
}
.highlight img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}
.highlight:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
-moz-opacity: .6;
}

/*add from old css */

#menu {
  text-align: center;
  margin-left:-100px;
 
}

#menu a {
  padding: 6px 20px 0 20px;
  text-decoration: none;
  text-transform: uppercase;
  color: #666;
  font-size:12px;
}

#menu a:hover, #menu a.active {
  background: url(images/menu_tab.jpg) no-repeat top center;
}


/***************************************************
   Left News Column
   -------------------------------------------
   1. Change to right side column by altering
      #news float attribute
   2. If you widen the #siteBox, also increase
      #news or #text width attribute
 ***************************************************/

#news {
  float: left;
  width: 175px;
  padding: 0 20px 0 0;
}

#news .block {
  margin-bottom: 20px;
  background: #CEC9DC url(images/block_top.png) no-repeat top center;
}

#news .block .bottom {
  height: 28px;
  background: #CEC9DC url(images/block_bottom.png) no-repeat bottom center;
}

#news .links {
  margin: 10px 0 10px 0;
}

#news .links a {
  display: block;
  padding: 6px 0 6px 20px;
  text-transform: uppercase;
  text-decoration: none;  
}

#news .links a:hover {
  background: #DDD url(images/link_news.gif) no-repeat center center;
}

/*#news a img {
  border: 0px;
}*/





/***************************************************
   Right Content Column
   -------------------------------------------
   1. Change to left side column by altering
      #text float attribute
   2. If you widen the #siteBox, also increase
      #news or #text width attribute
 ***************************************************/

#text {
  float: left;
  width: 375px;
}






/***************************************************
   Footer Styles
 ***************************************************/

#footer {
	height: 140px;
	clear:both;
	/*padding: 28px 3px 0 5px;*/
	margin: 20px 0 20px 0;
	background: url(images/footer.gif) no-repeat top right;
}

#footer p{
	padding-left:10px;
}
p#footer:first-letter {
  font-size: 1.5em;
  padding-left:10px;
}

#footer img.right {
  padding: 5px 2px 0 2px;
  border: 0px;
}



/***************************************************
   Large <ul> Link Styles
   --------------------------------------------
   Creates the large links blocks that can be
   used in the #text section
 ***************************************************/


ul.links {
  float: left;
  padding: 0px;
  margin: 0px;
}

ul.links li {
  float: left;
  list-style-type: none;
  list-style: none;
}

ul.links li a {
  float: left;
  width: 370px;
  padding-top: 5px;
  margin: 0px;  
  cursor: pointer;
  text-decoration: none;
}

ul.links li a:hover {
  background: #DDD url(images/link_top.gif) no-repeat top center;
}

ul.links li a span.title {
  display: block;
  margin-left: 11px;
  text-indent: 20px;  
  background: url(images/link_arrow.gif) no-repeat center left;
}

ul.links li a span.desc {
  float: left;
  width: 350px;
  padding-right: 3px;
  margin-left: 10px;
  color: #666
}

ul.links li a span.bottom {
  display: block;
  height: 18px;
  clear: both;
}

ul.links li a:hover span.bottom {
  background: #EEE url(images/link_bottom.gif) no-repeat top center;
}




/***************************************************
   Display Classes
 ***************************************************/

.date {
  display: block;
  text-transform: uppercase;
  color: #56B600;
}
form.quote{
 float: left;
  padding: 8px 0 0 8px;
  margin: 5px 0 20px 5px !important;
  margin: 5px 0 10px 3px;
  background: #FEFADE url(images/quote_top.gif) no-repeat top right;
  border-left: 2px solid #FEE456;
}
form.quote span.bottom{
  float: right;
  width: 20px;
  background: url(images/quote_bottom.gif) no-repeat bottom right;
   _display:none;
  _margin:0px;
  margin-right:-1px;
  margin-bottom:-8px;
}
p.quote {
  float: left;
  padding: 8px 0 0 8px;
  margin: 5px 0 20px 5px !important;
  margin: 5px 0 10px 3px;
  background: #FEFADE url(images/quote_top.gif) no-repeat top right;
  border-left: 2px solid #FEE456;
}

p.quote span.bottom {
  float: right;
  vertical-align:bottom;
  width: 20px;
  background: url(images/quote_bottom.gif) no-repeat bottom right;
}
p.quote img {
	padding:4px;
	padding-bottom:6px;
	background-image:url(images/platinm_realty_featured_listings_bg.gif);
	background-repeat:repeat-x;
	background-position:bottom left;
	background-color:#EEEEEE;
	border-bottom:#000000 1px solid;
	border-right:#000000 1px solid;
	border-top:#999999 1px solid;
	border-left:#999999 1px solid;
}

td.quote {
  float: left;
  /*padding: 8px 0 0 8px;*/
  margin: 5px 0 20px 5px !important;
  margin: 5px 0 10px 3px;
  background: #FEFADE url(images/quote_top.gif) no-repeat top right;
  border-left: 2px solid #FEE456;
  border-right:none;
  border-bottom:none;
}

td.quote span.bottom {
  float: right;
  width: 20px;
  background: #FEFADE url(images/quote_bottom.gif) no-repeat bottom right;
  _display:none;
  _margin:0px;
  margin-right:-1px;
  margin-bottom:-2px;

}

td.quote2 {
  float: left;
/*  padding: 8px 0 0 8px;*/
  margin: 5px 0 20px 5px !important;
  margin: 5px 0 10px 3px;
  background: #CEC9DC url(images/quote_top.gif) no-repeat top right;
  border-left: 2px solid #56b600;
	_padding-bottom:15px;
}

td.quote2 span.bottom {
  float: right;
  width: 20px;
  background: url(images/quote_bottom.gif) no-repeat bottom right;
  _display:none;
  _margin-bottom:12px;
    margin-right:-1px;
  margin-bottom:-2px;
}

td.quote_listing_detail_header{
  float: left;
  padding: 8px 0 0 8px;
  margin: 5px 0 20px 5px !important;
  margin: 5px 0 10px 3px;
  background: #FEFADE url(images/quote_top.gif) no-repeat top right;
  border-left: 2px solid #FEE456;
}
td.quote_listing_detail_header span.quote_bottom_listing_detail {
  float: right;
  width: 20px;
  background: url(images/quote_bottom.gif) no-repeat bottom right;
}
img.right {
  float: right;
  padding: 3px;
}

img.left {
  float: left;
  padding: 3px;
}

.grey {
  color: #AAA;
}

.kristall{
	padding-top:15px;
	padding-bottom:15px;
	padding-left:4px;

}

.kristall p{
	font-variant:small-caps;
}
.kristall p:first-letter{
	font-size:14px;
}
.kristall a{
	text-decoration:none;
	font-size:medium;
	font-weight:bold;
	}
.field_border{
	border-left:thin #CCCCCC dotted;
}	

.vendor_text{
	float:left;
}

.vendor_image{
	float:right;
}

.vendor_links{
	padding:0px;
	margin:0px;
}

/*********************************AGENTS BOXES*******************/
/* CSS Document */


#platinum {
  float: left;
  width: 354px;
  margin-left:10px;
  padding: 10px 0;
  border: 2px solid #C8CDD2; 
  background: url(images/back.jpg) no-repeat top left;
  font-family:Arial, Helvetica, sans-serif;
font-size: small;
  }
#platinum dl {
  float: left;
  width: 310px;
  margin: 10px 20px;
  padding: 0;
  display: inline; /* fixes IE/Win double margin bug */

  }

#platinum dt {
  float: right;
  width: 180px;
  margin: 0;
  padding: 0;
  font-size: 130%;
  letter-spacing: 1px;
  color: #627081;
  
  }
#platinum dd {
  margin: 0 0 0 130px;
  padding: 0;
  font-size: 13px;
  line-height: 1.5em;
  color: #666;
  }
 #platinum dl dd.img {
   margin: 0;
   }
 
  #platinum dd.img img {
  float: left;
  margin: 0 8px 0 0;
  padding: 4px;
  border: 1px solid #D9E0E6;
  border-bottom-color: #C8CDD2;
  border-right-color: #C8CDD2;
  background: #fff;

  }
/* reverse float */

#platinum .alt dt {
  float: left;
  }
#platinum .alt dd.img img {
  float: right;
  margin: 0 0 0 8px;
  }

#platinum .alt dd {
  margin: 0 98px 0 0;
  }
  
/****VENDOR LIST******/

/* CSS Document */

#vendor_list {
  float: left;
  width: 354px;

  border: 2px solid #C8CDD2; 
  background: url(images/back.jpg) no-repeat top left;
  font-family:Arial, Helvetica, sans-serif;
font-size: small;
  }
#vendor_list dl {
  float: left;
  width: 310px;
  margin-left:5px;
  margin-top:5px;
  margin-right:5px;
  padding: 0;
  display: inline; /* fixes IE/Win double margin bug */

  }

#vendor_list dt {
  float: right;
  width: 140px;
  margin: 0;
  padding: 0;
  font-size: 130%;
  letter-spacing: 1px;
  color: #627081;
  
  }
#vendor_list dd {
  margin: 0 0 0 0px;
  padding: 0;
  font-size: 13px;
  line-height: 1.5em;
  color: #666;
  }
 #vendor_list dl dd.img {
   margin: 0;
   }
 
  #vendor_list dd.img img {
  float: left;
  margin: 0 8px 0 0;
  padding: 4px;
  border: 1px solid #D9E0E6;
  border-bottom-color: #C8CDD2;
  border-right-color: #C8CDD2;
  background: #fff;

  }
/* reverse float */

#vendor_list .alt dt {
  float: left;
  }
#vendor_list .alt dd.img img {
  float: right;
  margin: 0 5px 0 5px;
  }

#vendor_list .alt dd {
  margin: 0 98px 0 0;
  }
#vendor_list .alt dl{
	margin-right:5px;
}
#vendor_sites{
	float:left;
	margin-left:5px;
	margin-right:0px;
	padding-right:0px;
	width:300px;
	clear:both;
}

ul.agent_list{
	font-size:small;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-left:25px;
}

.agent_list a{
  text-decoration:none;}
.agent_list a:hover{
  text-decoration:underline;}

ul.vendor_list{
	font-size:small;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-left:-1px;
}
.vendor_list li{
  margin-left:-14px;}
.vendor_list a{
  text-decoration:none;}
.vendor_list a:hover{
  text-decoration:underline;}

#agent_details{
	width:450px;
	clear:both;
}