﻿@charset "utf-8";
/* CSS Document */

*
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000;
}

html, body
{
  margin: 0px;
	padding: 0px;
	height: 100%;
	text-align: center;
}

body 
{

} 
	 
.body2 {
background: none;
}

.body3{
background: url(../pics/header4.jpg) no-repeat top center fixed;
}

.errormsg
{
  text-align:center;
  color:#FF0000;
  font-weight:bold;
  margin:15px auto;
}


/*---------- Section for Landing/Splash Page styles -----*/

#container
{
	margin:0px auto;
	width: 730px;
	height: 100%;
	text-align:left;
	border: 0px solid #ccc;
	background: url(../pics/footer1.png) no-repeat bottom center fixed !important;
	background: url(../pics/footer1b.jpg) no-repeat bottom center fixed;
}



#login1 {
height: 14;
color: #666;
float:right;
margin-right: 30px;
}

#login1 a, #login1 .loginlink {
color: #666;
}


.but-search {
position: relative;
left: 586px;
top: 125px;
width: 111px;
height: 41px;
background: url(../pics/but-search.png); 
border: none;	
cursor: pointer;
}

.field1 {
position: absolute;
margin-left: -50px;
margin-top: 129px;
padding-top: 5px;
height: 30px;
border: 0px solid black;
font-size: 19px; /*26px*/
width: 160px;
background: transparent;

}
.field2 {
position: absolute;
width: 250px;
margin-left: 192px;
margin-top: 129px;
padding-top: 5px;
height: 30px;
border: 0px solid black;
font-size: 19px; /*26px*/

background: transparent;
}




#homemain {
	position:absolute;
	top: 50%;
	left: 50%;
	width: 720px;
	height: 354px;
	margin-top: -177px; /*set to a negative number 1/2 of your height*/
	margin-left: -360px; /*set to a negative number 1/2 of your width*/
	border: 0px solid #ccc;
	background: url(../pics/homemain.jpg) no-repeat; 	
}


/*----------------------end splash/landing styles -----------*/







/*---------- Section for Search Results page styles -----*/

#container2
{
	margin:0px auto;
	width: 730px;
	height: 100%;
	text-align:left;
	border: 0px solid #ccc;
	background: none;
	
}

#header2{
width: 680px;
height: 91px;
background: url(../pics/header2b.jpg) no-repeat top; 
position:absolute;
top: 0;
left: 50%;
margin-top: 0px; /*set to a negative number 1/2 of your height*/
margin-left: -340px; /*set to a negative number 1/2 of your width*/
border: 0px solid #ccc;
}

#header2b {
width: 680px;
height: 100%;
background: url(../pics/footer1.png) no-repeat bottom center fixed;
position:absolute;
top: 91px;
left: 50%;
margin-top: 0px; /*set to a negative number 1/2 of your height*/
margin-left: -340px; /*set to a negative number 1/2 of your width*/
border: 1px solid #ccc;/*???????*/

}



.field3 {
position: absolute;
margin-left: 370px;
margin-top: 20px;
height: 15px;
border:0px solid black;
font-size: 12px;
width: 170px;
background: transparent;
text-align:left;
z-index:10;
}


.but-search2 {
position: relative;
left: 605px;
top: 18px;
width: 49px;
height: 23px;
border: none;
background: url(../pics/but-search2.png) no-repeat;
cursor:pointer;	
}

#searchtab{
position: relative;
height: 100%;
}

.searchtable{
width: 680px;
height: auto;
background: /*url(../pics/header2b.jpg) no-repeat top*/ none; 
position:absolute;
top: 91px;
left: 50%;
margin-top: 0px; /*set to a negative number 1/2 of your height*/
margin-left: -340px; /*set to a negative number 1/2 of your width*/
border: 0px solid #ccc;
text-align:left;
}
.searchtable1{
color: #999;
font-size: 14px;
height:175px;
}

.rightborder{
border-left: 1px dashed #999;
padding-left:10px;
}
.searchtable1 strong{
color: #999;
font-size: 14px;
}

.searchtable1 h1{
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
display:inline-block;
color: #999;
font-size: 16px;
font-weight: bold;
}

.searchtable1 h3{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display:inline-block;
color: #999;
font-size: 16px;
font-weight: bold;
}

.searchtable1 img{
float: left;

}

.searchtable1 hr {
float: left;
clear: right;
width: 100%;
color: white;
border: none;
border-bottom: 1px solid #E0EDFF;
}

.hrnone {
border: none;
border-bottom: 0px solid #E0EDFF;
}


#footer2 {
width: 730px;
height:60px;
color:#0066FF;
font-size:8pt;
padding-left: 0px;
padding-top: 15px;
background: url(../pics/footer2b.jpg) 0px 20px no-repeat;
}

#footer2 a {
color:#0066FF;
text-decoration: none;
font-size:8pt;
}

#footer2 a:hover {
color:#0066FF;
text-decoration: underline;
}

/*---------- Section for Search Results page styles -----*/


#header3{
width: 662px;
height: 80px;
background: url(../pics/header3.jpg) no-repeat top;  
/*position:absolute;
top: 0;
left: 50%;
margin-top: 0px; 
margin-left: -340px; 
border: 0px solid #ccc;*/
}


#footer3{
width: 662px;
height: 87px;
background: url(../pics/footer2.jpg) no-repeat; 
border: 0px solid #ccc;
color:#0066FF;
font-size:8pt;
padding: 50px 0 0 15px;
}

#footer3 a{
font-size:8pt;
color:#0066FF;

}

#content1{
width:662px;
height:227px;
border: 0px solid #ccc;
}

#content1a{
width: 245px;
height:235px;
overflow:hidden;
float: left;
text-align:center;
}

#content1a img, #content1a photo {
margin:5px 15px 5px 5px;
border: none;
}

#content1b{
width: 236px;
height:227px;
float: left;
}

#content1b .clientName, #content1b h1 {
color: #333;
font: bold 20pt/20pt arial;
padding:5px 0px;
margin: 0px;

}

#content1b .businessName, #content1b h2 {
color:#06F;
font: 16pt/16pt arial ;
padding:5px 0px;
margin: 0px;

}
#content1b .businessInfo, #content1b p {
color: #333;
font: 12pt/12pt arial ;
padding:5px 0px;
margin: 0px;
}

#content1b strong, #content1b .strong {
font: bold 12pt/12pt arial ;
padding: 5px 0px;
}

#content1b a {
color:#06F;
}




#content1c {
float:left;
width: 181px;
height: 227px;
/*background: url(../pics/nav1.jpg) no-repeat; */
}


#content2 {
font: 12pt/12pt "Times New Roman", Times, serif;
display: table;
width:620px;
height: auto;
border: 1px dashed silver;
margin: 12px 0;
padding: 20px;
color: #333;

}

#content2title {
position: relative;
display: table; 
color: #06F;
font: 16pt/16pt arial;
background: white;
width: 200px;
padding: 6px;
margin-left: -8px;
margin-top: -40px;
border: 0px dashed silver;
z-index: 50;

}

#content2 a {

color: #06f;
}

/*---------- Section for Business Side ID's and Classess -----*/
#container-biz
{
	margin:0px auto;
	width: 700px;
	height: 100%;
	text-align:left;
	border: 0px solid #ccc;
	background: none;
	
}

#header-biz{
width: 700px;
height: 91px;
background: url(../pics/header-biz.jpg) no-repeat top; 
position:absolute;
top: 0;
left: 50%;
margin-top: 0px; /*set to a negative number 1/2 of your height*/
margin-left: -340px; /*set to a negative number 1/2 of your width*/
border: 0px solid #ccc;

}

#contentholder-biz{
position: relative;
width:730px;
margin-left: 10px !important;
margin-left: 60px;
top: 80px;
border: 0px solid #ccc;
}

#content-biz1{
float: left;
width:360px;
}

#content-biz1b{
float: left;
width:20px;
}

#content-biz2{
float: left;
width:350px;
line-height: 20px;
}

#content-biz2 a{
color:#3183FF;
}

#content-biz2 a:hover{
color:#3183FF;
text-decoration:none;
}

#bluebox-biz {
width: 330px;
height: auto;
background: #E8F1FF;
padding: 15px;
}

.bizh1 {
font-family: "Times New Roman", Times, serif;
color:#3183FF;
font-size: 24px;
font-weight: bold;
}

.bizh2 {
font-family: "Times New Roman", Times, serif;
color:#3183FF;
font-size: 18px;
font-weight: bold;
}

#footer-biz {
clear:both;
position: relative;
text-align:center;
width: 730px;
height:30px;
color:#0066FF;
font-size:8pt;
padding-left: 0px;
padding-top: 15px;
background: url(../pics/footer2b.jpg) no-repeat ;
margin-left: 30px;
margin-top: 30px;
}

#footer-biz a {
color:#0066FF;
text-decoration: none;
font-size:8pt;

}

#footer-biz a:hover {
color:#0066FF;
text-decoration: underline;
}



/*---------- Section for redefined HTML tage styles -----*/
h1 {
font-size: 24px;
font-weight: bold;
}

#footer {
position:relative;
top: 96%;
left: 0;
color:#0066FF;
font-size:8pt;
margin-left: 25px;
}




/*---------- Section for AJAX -----*/
.autocomplete_flyout
{
  margin:0px;
  padding:0px;
  list-style: none;
}
.autocomplete_item, .autocomplete_itemhover
{
  list-style: none;
  height:24px;
  font-size:19px; /*22px*/
  padding:3px 0px 3px 2px;
  border:solid 1px #B2B2B2;
  cursor:pointer;
  cursor:hand;
}
.autocomplete_item
{
  color:#000000;
  background-color:#FFFFFF;
  overflow: visible;
  white-space: nowrap;
}
.autocomplete_itemhover
{
  color:#FF951F;
  background-color:#E9E9E9;
  overflow: visible;
  white-space: nowrap;
}
