/* basic elements */
html {
 margin: 0;
 padding: 0;
}

body { 
 background: url(body_top.gif) repeat-x #fff;
 margin: 0px;
 padding: 0px;
 height: 100%;
}

h3 { 
font: italic normal 12pt georgia, serif;
letter-spacing: 1px; 
margin-bottom: 0px; 
}
	
	
a:link { 
	font: bold 10pt Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #00e;
	}
a:visited {	
	font: bold 10pt Helvetica,Arial,sans-serif;
	text-decoration: none; 
	color: #004;
	}
a:hover, a:active { 
	font: bold 10pt Helvetica,Arial,sans-serif;
	text-decoration: underline; 
	color: #f00;
	}
acronym {
	border-bottom: none;
	}

/* City Ads Elements */
/* Heading - CityAds Logo */

#head
{
 height: 75px;
}

#head span{
display: none;
}


#head h1
{
 margin: 0;
 padding: 0;
 height: 75px;
 width: 440px;
 background: url(cityads_logo_b.gif) no-repeat top left;
}


/* container div holds all other divs*/
#container
{	
	position: absolute;
	padding: 0;
	width: 800px;
	left: 50%;
	margin-left: -400px;
	min-height: 100%;
}


#maintabs
{
	font: 14pt georgia, serif;
	font-weight: bold;
	position: absolute;
	margin: 0;
	padding: 0;
	top: 35px;
	left: 205px;
	width: 600px;
	background-color: transparent;
	text-transform: uppercase;
}

#maintabs li
{
  position: absolute;
	display: block;
	list-style-type: none;
	margin: 0px 5px 0px 5px;
	padding: 0px;
}

#maintabs a
{
  z-index:10;
}

#tfree
{
  width: 157px;
  height: 28px;
	left: 300px;
  background: url(freeads_off.gif) no-repeat left top;
	z-index: 1;
}

#tfree.selected
{
	background: url(freeads_on.gif) no-repeat left top;
}


#tfree a
{
 display: block;
 width: 157px;
 height: 28px;
 background: url(freeads_r.gif) no-repeat 0 -28px;
}

#tfree a:hover {
  background-position: 0 0;
}

#tdir
{
  width: 181px;
  height: 28px;
	left: 265px;
  background: url(directory_off.gif) no-repeat left top;
	z-index: 1;
}

#tdir.selected
{
	background: url(directory_on.gif) no-repeat left top;
}


#tdir a
{
 display: block;
 width: 181px;
 height: 28px;
 background: url(directory_r.gif) no-repeat 0 -28px;
}

#tdir a:hover {
  background-position: 0 0;
}

#tmyads
{
  width: 181px;
  height: 28px;
	left: 455px;
  background: url(myads_off.gif) no-repeat left top;
	z-index: 1;
}

#tmyads.selected
{
	background: url(myads_on.gif) no-repeat left top;
}


#tmyads a
{
 display: block;
 width: 181px;
 height: 28px;
 background: url(myads_r.gif) no-repeat 0 -28px;
}

#tmyads a:hover {
  background-position: 0 0;
}


#maintabs span {
  display:none;
}




/* specific divs */

#navlinks
{	
	margin: 0;
	padding: 0;	
	width: 798px;
	background-color: #000;
  border:1px solid #888;
	border-top: 1px solid #888;
}

#navlinks li
{
	font: bold 8pt Helvetica,Arial,sans-serif;
	display: inline;
	list-style-type: none;
	text-transform: uppercase;	
}

#navlinks a:link, #navlinks a:visited
{
	padding-left: 10px;
	padding-right: 10px;
	color: #fff;
	background-color: transparent;
	text-decoration: none;	
	border-right: 2px solid #ccc;
}

#navlinks a:hover, #navlinks a:active
{
	color: #fff;
	background-color: #888;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #888;
	margin-left: 0px;
	border-right: 2px solid #FFF;
}

#directories,#categories
{
	padding: 0;
	margin: 0 0 0 5px;
}

#categories
{
	background-color: #fff;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #555;
	border-bottom: 1px solid #000;
}

#directories
{
	background-color: #fee;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #f00;
	border-bottom: 1px solid #f00;
}

#pcat, #ncat{
	float: left;
	width: 20px;
	height: 20px;
	border-bottom: 1px solid #888;	
}

#ncat{
	background: URL("next.gif") no-repeat center;
	float: right;
	border-left: 1px solid #fff;
}

#pcat{
background: URL("prev.gif") no-repeat center;
border-right: 1px solid #ddd;
}

#pcat span,#ncat span {	
	display:none
}

#directories ul,#categories ul
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;

}

#categories div
{
	background-color: #ddd;
	color: #555;
}

#directories div
{
	background-color: #fbb;
	color: #e33;
}

#directories div, #categories div
{
	border: 1px solid #444;
	text-align: center;
	font-weight: bold;
	font-size: 80%;
	min-height: 35px;
}

/*IE 6 workaround for min-height*/
* html #categories div {
height: 30px;
}

/*IE 6 workaround for min-height*/
* html #directoies div {
height: 30px;
}


#directories .selected, #categories .selected
{	
	font-weight: bold;
}

#directories li, #categories li
{	
	display: block;
	list-style-type: none;
	padding: 0px 0px 0px 0px;	
	padding: 5px 0px 0px 5px;
	font-size: 70%;
	/*font-weight: bold;*/
}


#categories a:link, #categories a:visited 
{ 	
	text-decoration: none; 
	color: #55e;
}

#categories a:hover, #categories a:active
{ 	
	color: #f00;
}

#directories a:link, #directories a:visited 
{ 	
	text-decoration: none; 
	color: #f00;
}

#directories a:hover, #directories a:active
{ 	
	color: #0a0;
}



#content
{ 
	width: 798px;
	padding: 0;
	margin: 0;
	border: 0px solid #800;
	/*border-left: 1px solid #00b;
	border-right: 1px solid #00b;
	border-bottom: 1px solid #00b;*/
}
#content div {
	padding: 0px;	
	margin:  0px;
}

#content { background-color: #fff;}


#content-left {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 10px;
	width: 150px;
	float: left;
}


#content-main {
	float:left;
	margin: 0px 0px 10px 0px; 
	font: 9pt/17pt Arial, Helvetica, sans-serif;
	width: 520px;
}


#content-right {
	width: 125px;
	height: 100%;
	margin-top: 10px;
	margin-right: 5px;
	float: right;	
}

#content-bottom 
{
	clear:both;
}


#homelinks
{
	margin: 30px 0 0 20px;
	padding:0;
	border: none;
}


#homelinks img
{
	border: none;
}

#homelinks a
{	
	padding: 0;
	margin: 0;
	border: none;
}
/*
#homelinks a:link,#homelinks a:visited
{
	border: none;
}

#homelinks a:hover,#homelinks a:link
{
	border: none;
}*/


#homelinks li
{
	margin: 0 0 25px 0;
	padding:0;
	list-style-type: none;
	width: 474px;
	height: 154px;	
}
	
#footer {		
		margin-top:10px;
		margin-bottom:10px;
		padding:0px;
/*		border:1px solid #bbb;*/
		width:800px;
}

#content-bottom {
	border:1px solid #bbb;
	clear:both;
	text-align:right;
}

#button-ads 
{	
	margin: 5px 0px 0px 0px;
	padding: 0;
}

#button-ads li
{
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

.thumbnail
{
	float: left;
	height: 64px;
	width: 64px;
	margin: 5px;
}


#ads table, #directory table
{	
	background: #fff;
	padding: 0px;
	margin: 0px 0px 10px 25px;
	text-align: justify;
	width: 460px;
}
#ads table
{
	border: 1px solid #aaa;
}

#directory table
{
	border: 1px solid #aaa;
}

#ads td, #directory td
{	
	font: Normal 10pt Helvetica,Arial,sans-serif;
	padding: 0px;
	border: none;	
}

#ads th, #directory th
{
	border: none;
	text-align: center;
}

#ads th
{
	font: normal 10pt "Times New Roman", Times, serif;
	padding: 0;
	background: #fff;
}
	
#ads img {
	border: none;
}

#ads a
{	
	margin: 0px 0px 0px 0px;
}

.thl
{
	float: left;
}

.thr
{
	float: right;
}


#directory th
{
	font:  bold 14pt "Times New Roman", Times, serif;
	background: #fee;
	color: #000;
	text-align: left;
	padding: 0 0 0 0px;
	margin: 0px;	
}

#directory .details
{
	font: normal 9px Verdana,Arial,Helvetica,sans-serif;
}

#directory h3
{
	margin: 0;
	padding: 0;		
	font: bold 16pt Helvetica,Arial,sans-serif;	
}
/*
#directory a:link{ 
	font-weight: bold; 
	text-decoration: none; 
	color: #ff0;
}
	
#directory a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #cc0;
	}
#directory a:hover, #directory a:active { 
	text-decoration: underline; 
	color: #0f0;
	}
*/
.pop{
	position: absolute;
	background: #eee;
	border: 1px solid #888;
	font: normal 8pt Arial, Helvetica, sans-serif;
	cursor:pointer;
}



.iform
{
	border: 4px solid #55e;
	background: #eef;
	padding: 20px;
	margin: 0px;	
}

.error
{
	background: #ee8;
	width: 400px;
	border: 2px dashed #000;
	padding: 10px;
	margin: 10px;
	font-size: 150%;
	text-align:center;
}

.pages
{
	font: 8pt Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #555;
	height: 1.5em;
}

.pages span{
	color: #f00;
}


.pages a
{
	text-decoration: underline;
}

.pages .arrow
{
	text-decoration: none;
}

.pages a:link{
	color: #555;
}
	
.pages a:visited {
	color: #00f;
}

.pages a:hover, .pages a:active {
	color: #f00;
}

.qsearch{
	background: #000;
}
.qdsearch{
	background: #f00;
}

.qsearch,.qdsearch{
	width: 100%;
	height: 4em;
	/*background: #efe;*/	
	text-align:center;
}
.qsearch input, qdsearch input{
	margin: 0.3em;	
}

.qsearch select, qdsearch select{
	margin: 0.3em;
	width: 130px;
}


.userinfo{
 margin: 10px 20px;
}

.userinfo table{
	background: #fff;
	border: 2px solid #aaf;
	margin: 5px;
}

.userinfo th{
	background: #eee;
	text-align: right;
	padding: 2px 20px;
}

#about h1
{
	margin: 0 0 0 30px;
	padding: 10px 0 10px 0;	
}

#about p
{
	margin: 0 0 0 30px;
	padding: 5px 0px;	
}

#about table
{
	margin: 0 0 0 30px;	
}

#about-img
{
	margin: 15px 0 0 30px;
	border: 3px solid #00b;
	height: 600px;
	width: 600px;	
}

a.eml {
background: URL(mail.gif) left no-repeat;
padding: 0 0 0 20px;
}

.ph{
background: URL(phone.gif) left no-repeat;
padding: 0 0 0 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}


.login h1
{
	padding-top: 110px;
	text-align: center;
}

#regnow
{
  position: absolute;
  left: 195px;
  background: URL(regnow.gif) no-repeat;
	width: 442px;
	height: 83px;
	z-index: 1;
}

#regnow span
{
	display: none;
}

#regnow a
{
  position: absolute;
	width: 442px;
	height: 83px;
  z-index: 10;
  background: URL(regnow_r.gif) no-repeat 0px -83px;
}

#regnow a:hover {
 background-position: 0 0;
}

#forgotpass
{
  position: absolute;
  left: 310px;
  background: URL(forgotpass.gif) no-repeat;
	width: 200px;
	height: 30px;
	z-index: 1;
}

#forgotpass span
{
	display: none;
}

#forgotpass a
{
  position: absolute;
	width: 200px;
	height: 30px;
  z-index: 10;
  background: URL(forgotpass_r.gif) no-repeat 0px -30px;
}

#forgotpass a:hover {
 background-position: 0 0;
}

#company_page 
{
    margin: 0px;
    padding: 0px;
}

#company_page h1
{
  margin: 20px;
  padding: 10px;
  font: bold 36pt sans-serif;
  text-align: center;
  border-bottom: 1px solid #000;
}

#company_page p
{
  /*margin: 0px 20px 5px 20px;*/
    font: normal 10pt sans-serif;
  /*border: 1px dashed #00f;*/
}

#company_page .logo
{
    float: left;
    margin: 0px 20px 5px 20px;
    padding: 0px;
}

#company_page .details
{
  float: right;
  padding: 10px;
  font: normal 14pt sans-serif;
  margin: 0px 20px 5px 20px;
}

#company_page .full
{
  clear: both;
  border-top: 1px solid #000;
  margin: 0px 20px 5px 20px;
  padding-top: 20px;
}

#company_page .images
{
    margin: 0px 20px 5px 20px;
    padding: 0px;
}

#company_page img.images
{
  float: left;
}

#company_page full_image
{
}

#full_pic
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 50px;
}

.dirthumbnail
{
	float: left;
	height: 64px;
	width: 64px;
	margin: 5px;
}