/* -----------------------------------------------------------------------

                              Superpages.com 
                             -------------------
   filename             : sp_style.css
   version              : 11.09.2009
   copyright            : (c) 2009 Superpages.com
   author               : Tye Spain

----------------------------------------------------------------------- */

/*#header 
____________________________________________________________*/

body {
	margin:0;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	color:#333333;
	background: url("http://img.superpages.com/images-yp/sp/images/widget/images/hdrbg2.jpg") repeat-x #fff;}
a {
	color:#336699;
}
a:hover {
	color:#336699;
}
a:active {
	color:#336699;
}
a:visited {
	color:#336699;
}
img {
	border:none;
}

br {margin:0; padding:0; line-height:0;}	
div.header a {
	text-decoration:none;
}
div.header a:active {
	text-decoration:none;
}
div.header a:visited {
	text-decoration:none;
}

div.header {
	margin-left: auto; 
	margin-right: auto;
	width: 50em;
	width:950px;
	height:156px;}

div.header img.logo {
	float:left;
	display:inline;
	margin: 12px 0 0 25px; 
	width:220px;
	height:60px;
	border:0;}
	
.hdrnav {
	float:right;
	display:inline;
	width:695px;                       /*670px;*/
	color:#696969;
	height:22px;
	line-height:22px;
	margin:6px 10px 0 0;
	padding:0;}

.hdrnavtxt {
	margin:0;
	padding:0;
	text-align:right;}

.hdrnav li {
	display:inline;
	font-family:arial,helvetica,sans-serif;
	font-size:11px;}
	
.hdrnav img {margin:0 0 0 4px;}

.hdrnav a {
	color:#336699;
	margin:0pt;
	padding:0 4px;
	text-decoration:none;}

.hdrnav a:link, .hdrnav a:visited, .hdrnav a:active {
	color:#336699;
	text-decoration:none;}

.hdrnav a:hover {
	color:#336699;
	text-decoration:underline;}
	
	
/*#city 
____________________________________________________________*/	

div.city {
	float:right;
	display:inline;
	margin:-21px 0 1px 0; 
	width:346px;
	height:59px;
	background: url("/js/cityscape.php") no-repeat;
	background-position:200px 0px;}
	
div.change_city {
	margin: 42px 0 0 5px;
	font-family:arial,helvetica,sans-serif;
	font-size:11px;
	color:#333;
	font-weight:bold;
	text-align:right;
	line-height:17px;
	padding-right:5px;
	height:17px;}
	
div.change_city img {
	width:7px;
	height:5px;}

div.change_city a {
	color:#336699;
	margin:0 0 0 5px;
	padding:0;
	text-decoration:none;
	font-weight:normal;}
	
div.change_city a:link, div.change_city a:visited, div.change_city a:active {
	color:#336699;
	text-decoration:none;}

div.change_city a:hover {
	color:#336699;
	text-decoration:underline;}
	
/*#tabs 
____________________________________________________________*/

.tabs{
	overflow: hidden;
	width: 100%;
	font-size: 12px;
	margin-bottom:-1px;
	margin-top:-29px;
	width:550px;}


.tabs ul{
	list-style-type: none;
	margin: 0;
	padding: 0;}

.tabs li{
	float: left;
	margin: 0;
	padding: 0;}

.tabs a{
	float: left;
	position: relative;
	top: 5px;
	background: url(http://img.superpages.com/images-yp/sp/images/widget/images/tab-left.gif) no-repeat left top;
	margin: 0;
	margin-right: 0px;
	padding: 0 0 0 9px;
	text-decoration: none;}

.tabs a span{
	float: left;
	position: relative;
	display: block;
	background: url(http://img.superpages.com/images-yp/sp/images/widget/images/tab-right.gif) no-repeat right top;
	padding: 7px 21px 3px 13px;
	font-weight: bold;
	color: #333;}

.tabs a span {float:none;}

.tabs .selected a{
	background-position: 0 -125px;
	top: 0;}

.tabs .selected a span{
	background-position: 100% -125px;
	color: #333;
	font-size:14px;
	padding-bottom: 7px;
	top: 0;}

.tabs a:hover{
	color: #F8981D;}

.tabs a:hover span{
	text-decoration:underline;}

/*#formbar 
____________________________________________________________*/

div.form_bar {
	margin:0 0 0 0;
	padding:0 0 0 20px; 
	width:934px;
	height:49px;
	line-height:49px;
	/*background: url("http://img.superpages.com/images-yp/sp/images/widget/images/form_bar_bkg.png") no-repeat;*/
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:14px;
	font-weight:bold;}
	
div.form_bar span{
	float:left;
	display:inline;
	margin:0 0 0 15px;}
	
div.form_bar span.advanced{
	float:left;
	display:inline;
	margin:12px 10px 0 7px;
	font-size:11px;
	line-height:11px;
	font-weight:normal;}
	
div.form_bar span.advanced a, div.form_bar span.advanced a:visited{
	color:#336699;
	text-decoration:none;}
	
div.form_bar span.advanced a:hover{
	color:#336699;
	text-decoration:underline;}
	
div.form_bar .textlinks{
	padding:18px 0 0 0;
	margin:0 0 0 15px;
	font-size:12px;
	line-height:11px;
	font-weight:normal;}
	
div.form_bar .textlinks a, div.form_bar .textlinks a:visited{
	color:#336699;
	text-decoration:none;
	padding:0 5px;}	
	
div.form_bar .textlinks a:hover{
	color:#336699;
	text-decoration:underline;}

div.form_bar input.sfield{
	float:left;
	display:inline;
	width:117px;
	height:18px;
	border: 1px solid #ccc;
	line-height:18px;
	padding:4px;
	margin:10px;
	background: #fff url('http://img.superpages.com/images-yp/sp/images/widget/images/background-input.gif') no-repeat 0 0;}

div.form_bar input.newsfield{
	float:left;
	display:inline;
	width:217px;
	height:18px;
	border: 1px solid #ccc;
	line-height:18px;
	padding:4px;
	margin:10px;
	background: #fff url('http://img.superpages.com/images-yp/sp/images/widget/images/background-input.gif') no-repeat 0 0;}
	
div.form_bar input.sfield_OF{
	float:left;
	display:inline;
	width:505px;
	height:18px;
	border: 1px solid #ccc;
	line-height:18px;
	padding:4px;
	margin:10px;
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-color:#666666;
	font-size:14px;
	/*font-weight:bold;*/
	background: #fff url('http://img.superpages.com/images-yp/sp/images/widget/images/background-input.gif') no-repeat 0 0;}
		
	
div.form_bar input.shopfield{
	float:left;
	display:inline;
	width:350px;
	height:18px;
	border: 1px solid #ccc;
	line-height:18px;
	padding:4px;
	margin:10px;
	background: #fff url('http://img.superpages.com/images-yp/sp/images/widget/images/background-input.gif') no-repeat 0 0;}
	
div.form_bar input.smaller{
	float:left;
	display:inline;
	width:190px;
	height:18px;
	border: 1px solid #ccc;
	line-height:18px;
	padding:4px;
	margin:10px;
	background: #fff url('http://img.superpages.com/images-yp/sp/images/widget/images/background-input.gif') no-repeat 0 0;}
	
div.form_bar input.button{
	float:left;
	display:inline;
	width:102px;
	height:30px;
	border:0;
	line-height:30px;
	padding:0;
	margin:10px 0 10px 0px;
	background: none;}
	
div.form_bar select{
	float:left;
	display:inline;
	width:130px;
	border: 1px solid #ccc;
	height:24px;
	line-height: 24px;
	padding: 3px;
	margin:13px;
	background: #fff url('http://img.superpages.com/images-yp/sp/images/widget/images/background-input.gif') no-repeat 0 0;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:11px;
	font-weight:bold;}	

div.form_bar input.button:hover, div.form_bar input.button:focus {
	border: none;
	background-position: 0;}	
	
div.form_bar input:hover, div.form_bar select:hover,
div.form_bar input:focus, div.form_bar select:focus {
	border: 1px solid #aaa;
	background-position: 0 -400px;}


/*#footer 
____________________________________________________________*/	
	
div.footer {
	margin-left: auto; 
	margin-right: auto;
	margin-top:30px;
	width: 50em;
	width:954px;
	height:49px;}
	
div.footer div.form_bar {
	margin:0 0 0 0;
	padding:0 0 0 20px; 
	width:934px;
	height:49px;
	line-height:49px;
	background: url("http://img.superpages.com/images-yp/sp/images/widget/images/footer_bar_bkg.png") no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:14px;
	font-weight:bold;}
.spwrap {
	border:0px solid #000000;
	margin:0pt auto;
	padding:0pt;
	text-align:left;
	clear:both;
	width:953px;}
.hidden {
	display:none;}
	
.box {
font-family:arial,helvetica,sans-serif;
font-size:12px;
text-align:center;
}
#box {
display:none;
height:210px;
left:480px;
position:absolute;
top:24px;
width:375px;
z-index:200;
background-color:#F5F5F5;
border:1px solid #cccccc;
}
.title_sp {
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
text-decoration:none;
}
#box table td {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
/* ///////////////////////////////////// registration structure ////////////////////////////////////// */
#FBregistrationFlyoutWrapper{
position:absolute;
top:10px; 
left:375px; 
width:350px; 
height:135px; 
z-index:500;
display:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#FBregistrationFlyoutWrapper img {
border:none;
}

.registrationFlyoutTop {
background-image:url(http://img.superpages.com/images-yp/sp/images/widget/images/registration_flyout_top.png);
background-repeat:no-repeat; 
width:350px; 
height:12px;
_margin-bottom:-3px;
}

.registrationFlyoutClose {
position:absolute; 
top:20px;
left:324px; 
top:16px; 
width:11px; 
height:10px; 
-index:100;
}

#FBregistrationFlyoutBot { /* standard light gray bottom */
background-image:url(http://img.superpages.com/images-yp/sp/images/widget/images/registration_flyout_bot.png);
background-repeat:no-repeat; 
width:350px; 
height:12px;
z-index:500;
display:block;
}

#FBregistrationFlyoutBotFFF { /* white bottom */
background-image:url(http://img.superpages.com/images-yp/sp/images/widget/images/registration_flyout_botFFF.png);
background-repeat:no-repeat; 
width:350px; 
height:12px;
display:none;
z-index:500;
}

/* ///////////////////////////////////// registration titles ////////////////////////////////////// */

#FBregistrationFlyoutTitle { /*title container*/
width:327px; 
border-left:solid #999999 4px; 
border-right:solid #999999 4px; 
background-color:#ffffff;
padding-left:15px; 
padding-bottom:10px; 
font-weight:bold; 
font-size:18px;
color:#333333;
display:block;
}

#FBtitle_welcome { /*Welcome [Name]*/
display:block;
}

.FBnamecolor {
color:orange;
}

/* ///////////////////////////////////// registration error messages ////////////////////////////////////// */

#FBregistrationMessage_error { /* universal error container style for 1 error */
width:266px; 
border-left:solid #999999 4px; 
border-right:solid #999999 4px; 
background-color:#ffffff; 
padding-left:38px;
padding-right:38px;
display:block;
}

.redError { /* red color for error message */
color:#CC0000;
}

/* single error message */

.registrationError { /* single error message */
color:#CC0000;
font-weight:bold;
margin-top:-1px;
margin-bottom:-1px;
list-style:none;
padding-left:0px;
*margin-left:0px; /* for IE */
}

.errorSecondLine { /* single error, second line */
margin-left:0px;
padding-bottom:5px;
}

/* multiple error messages */

.registrationErrors { /* multiple errors */
color:#000000;
font-weight:bold;
margin-top:-1px;
margin-bottom:-1px;
padding-bottom:2px;
list-style-type:disc;
padding-left:20px;
*margin-left:0px; /* for IE */
}

.errorsSecondLine { /* multiple error, second line */
margin-left:20px;
padding-bottom:5px;
}

#FBerror_enteremail { /* Please enter an email address */
display:none;
}


#FBerror_zipnotvalid { /* Zip code is not valid */
display:none;
}

#FBerror_emailnotvalid{
display:none; 
}

#FBerror_enteremailzip { 
width:286px; 
border-left:solid #999999 4px; 
border-right:solid #999999 4px; 
background-color:#ffffff; 
padding-left:28px;
padding-right:28px;
display:none;
}

/* ///////////////////////////////////// registration forms ////////////////////////////////////// */

#FBreturnUserForm { /* Return User Form */
width:326px; 
border-top:solid #999999 1px; 
border-left:solid #999999 4px; 
border-right:solid #999999 4px; 
background-color:#f6f6f6;
padding:15px 0px 0px 16px;
display:block;
}

/* ///////////////////////////////////// form styles ////////////////////////////////////// */

.formfieldtitle {
padding-right:5px; 
font-weight:bold; 
font-size:11px; 
color:#333333;
text-align:right;
}

.forminputfield { /* standard white input field */
width:185px; 
height:18px; 
font-size:13px;
border:solid #999999 1px;
background-color:#FFFFFF;
}

/* Autocomplete */
.autocomplete-w1 { font-family:arial;font-weight:bold;color:#000;font-size: 12px; position:absolute; top:0px; left:0px; margin:6px 0 0 6px; /* IE6 fix: */ _background:none; _margin:1px 0 0 0; }
.autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left;  overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */   _margin:0; _overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; overflow:hidden; }
.autocomplete strong { font-weight:normal; color:#000; }
div.form_bar input.sfield{width: 400px;}