@charset "UTF-8";
/* CSS Supermedia Template */

* {margin:0; padding:0;} /* REMOVES all padding & margin from EVERYTHING */
/**********************
Reset
**********************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/**********************
Misc. Classes
**********************/
.clear {
	clear:both;
}
.float-left {
	float:left;
}
.float-right {
	float:right;
}
.text-left {
	text-align:left;
}
.text-right {
	text-align:right;
}
.text-center {
	text-align:center;
}
.text-justify {
	text-align:justify;
}
.hide {
    display: none;
}
.hidden { display: none; }

.unhidden { display: block; }

span.smark
{
font-family: "Lucida Sans Unicode"; /* A rare sm-supporting font. */
line-height: 0; /* keep the leading consistent in a paragraph */
font-size:120%;
text-decoration:none;
}
sup {font-size:9px;}
/**********************
Global
**********************/
body {
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	border: 0px solid yellow;
}
body {
	text-align:-moz-center;
}

#owrapper {
	margin:0px auto;
	text-align:left;
	border: 1px solid white;
	background: url(/images/common/bg_content.jpg) top repeat-x;
	width:1002px;
}

#wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	border: 0px solid yellow;
}

a, a:visited {
	color: #333;
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
}

.lockup {
	margin-top: 47px;
	margin-bottom: 16px;
	width: 960px;
	height:84px;
	background: url(/images/homepage/sg_headerLockup472x64.jpg) top left no-repeat;
	text-indent: -9999px;
	border: 0px solid black;
}

.lockupWText {
	margin-top: 47px;
	margin-bottom: 16px;
	width: 960px;
	height:84px;
	/*background: url(/images/homepage/sg_headerLockup391x44.jpg) top left no-repeat;*/
	border: 0px solid black;
}

#headerImage {
	float:left;
	margin-top: -40px;
	Border:0px solid green;
}

#headerSubTitle {
	float:left;
	margin-left:-350px;
	margin-top: 4px;	
	font-weight:bold;
	font-size: 14px;
	color: #FEBB00;  /*#ffae00*/
	border: 0px solid blue;
}

.sign_in {
	width: 960px;
	float: left;
	margin-bottom: 40px;
	border: 0px solid blue;
}

#facebookAuth {
	background: url(/images/common/Facebook-Logo.gif) top left no-repeat; 
	background-position:top left;	
	padding-top: 8px;
	padding-left: 27px;
	color: #104E8B;	
	border: 0px solid orange;
}

.facebookPopup {
	background-color:#F6F6F6;
	border:3px solid #999999;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;	
	height:220px;
	margin:0;
	padding:0;
	color: #000000;
	width:400px;
}

#facebookSignIn {
	background: url(/images/common/Sign-In-Black-BG-logo.gif) top left no-repeat; 
	background-position:top left;
	margin-top:-10px;margin-right:-20px;
	padding-top: 5px;padding-bottom: 3px;
	padding-left: 28px;
	float:right; width:110px; 
	border:0px solid red;
}
#facebookSignIn a { 
	color: #238fcf;
	cursor:pointer;
}

#leftside_cta {
	background-image:url(/images/homepage/sg_shield183x203.jpg); background-repeat: no-repeat; 
}

#boldchat {
	text-align: right; 
	white-space: nowrap;
	float:left;
	margin-top: -30px;
	margin-left: 380px;
	border: 0px solid red;
}


/**********************
Navigation
**********************/

#main_nav {
	margin-top: 10px;
	margin-left: 167px;
	width: 590px;
	float: left;
	border: 0px solid green;
}

#main_nav ul li {
	display: inline;
}

#main_nav ul li a {
	height: 44px;
	padding-top: 8px;
	font-size: 12px;
	color: #666;
	text-align: center;
	float: left;
	display: block;
	border: 0px solid red;
}

#main_nav ul li a span {
	margin-left: 10px;
	font-size: 18px;
	font-weight: lighter;
	color: #ffae00;
	border: 0px solid red;
}

#main_nav ul li span {
	height: 44px;
	padding-top: 3px;
	text-align: right;
	float: left;
	display: block;	
	font-size: 18px;
	font-weight: lighter;
	color: #ffae00;
	border: 0px solid green;
}

#main_nav ul li a:hover {
	color: #000;
	text-decoration: underline;
}

#main_nav ul li#home a { width:55px /*51px*/; margin-left:10px; border: 0px solid yellow;}
#main_nav ul li#faq a { width:47px /*41px*/; border: 0px solid yellow;}
#main_nav ul li#sign_up a { width:48px /*56px*/; margin-top:-6px; border: 0px solid yellow;}
#main_nav ul li#my_account a { width: 68px /*76px*/; margin-top:-6px; border: 0px solid yellow;}
#main_nav ul li#commercials a { width: 98px /*106px*/; margin-top:-6px; border: 0px solid yellow;}
#main_nav ul li#covered a {width: 70px /*65px*/; margin-top:-6px; border: 0px solid yellow;}
#main_nav ul li#auto a { width: 110px /*105px*/; margin-top:-6px; border: 0px solid yellow;}

#main_nav ul li.selected a, 
#main_nav ul li.selected a:hover {
	color: #000;
	font-weight: bold;
	background: url(/images/homepage/select_arrow23x12.jpg) center 35px no-repeat;
}

#main_nav ul li.selected2 a,
#main_nav ul li.selected2 a:hover {
	color: #000;
	font-weight: bold;
	background: url(/images/homepage/select_arrow23x12.jpg) center 40px no-repeat;
}

#content {
	margin-top: 25px;
	border: 0px solid brown;
}

#leftside_cta {
	width: 190px;  /*223 */
	height: 331px;
/*	background: url(/images/homepage/sg_shield183x203.jpg) top left no-repeat; */
	margin-left: -10px;
	border: 0px solid aqua;
}

#home_swfmovie {
	float: left; height:180px; /* overflow:hidden; */
	margin-top: -220px; 
	margin-left: -8px;
	border: 0px solid yellow; 
}
/* to target only safari */
@media screen and (-webkit-min-device-pixel-ratio:0){
#home_swfmovie {
	margin-top: -218px;
	overflow:hidden;
}
}

#sgShield { margin-left:0px; }

#home_signUpBtn {
	float: left;
	position: absolute;
	margin-top: 190px; 
	margin-left:41px;  
}

#home_signUpBtnWText {
	float: left;  
	margin-top: -115px; 
	border: 0px solid orange; 
	color: white;
	text-align:center;
}
#home_maincontent h1 {
	font-size:18px;margin-top:-5px;
}
#home_mainImage {
	width:700px;margin-left:-200px;z-index:1000;position:absolute;
}

#left_bar{z-index:999;position:absolute;}

/**********************
Home Page
**********************/
.content_copy {
	margin-top:10px;
	margin-left:195px;
	width: 520px;  /* 525 */
	float: left;
	color: #fff;
	border: 0px solid yellow;
}

.content_copy h1{
	font-size: 28px;
}

.content_copy h2{
	font-size: 18px;
	margin-top: 10px;
}

.content_copy h5{
	font-size: 18px;
	margin-top: 1px;
}

.content_copy h4{
	font-size: 14px;
	margin-top: -7px;
}

.content_copy p{
	margin-bottom: 15px;
}

.content_copy p.plus {
	background: url(/images/common/bg_plus.jpg) 0px 8px no-repeat;
	padding-left: 16px;	
	}

.content_copy p.bg {
	background-color:white;
	color:black;
	
	padding-top:8px;
	padding-bottom:8px;
	padding-right:8px;
	padding-left:8px;
	}

.content_copy a.CallOutLink {
	color: #238fcf;
	text-decoration:underline;
}	

#search {
	margin-top: -331px;
	margin-left: 730px;
	padding-top: 30px;
	width: 251px;
	height: 400px;  /* 484 */
	background: url(/images/homepage/bg_searchBox251x414-trans.jpg) top left no-repeat;
	position: absolute;
	border: 0px solid orange;
}

#search p {
	margin-bottom: 60px;
	padding-left: 0;
	text-align: center;
	font-size: 15px;
	color: #2f2f2e;
}

#search p strong,
#search label strong {
	font-weight: bold;
}

#search p sup {
	font-size: 8px;
}

#search label {
	margin-left: 28px;
	font-weight: bold;
	color: #000;
}

#search input.input {
	margin-left: 28px;
	margin-bottom: 60px;
	width: 200px;
	color: #999;
}

h4.seach_sp_arrow {
	margin-top: -10px;
	margin-left: -47px;
	width: 782px;
	height: 99px;
    background: url(/images/homepage/searchSuperpagesArrow782x99-trans.png) top left no-repeat;
	text-indent: -99999px;
	position: absolute;
	border: 0px solid blue;
}

#portals {
	clear:both;
	margin-top: 100px; /* 35 */
	margin-left: 0px;
	border: 0px solid red;
}

#portals p {
	width: 193px;
	text-align: right;
	float: left;
	border: 0px solid blue;
}

#portals ul li {
	display: inline;
}

#portals a{
	height: 73px;
	display: block;
	text-indent: -99999px;
}

#portals span.portal_div {
	margin-top: -18px;
	margin-left: 7px;
	width: 2px;
	height: 73px;
	background:url(/images/common/vert_div2x73.jpg) top left no-repeat;
	float: left;
	border: 0px solid red;
}

#portals span.portal_div2 {
	margin-top: -18px;
	margin-left: 7px;
	width: 2px;
	height: 73px;
	background:url(/images/common/vert_div_solid2x73.gif) top left no-repeat;
	float: left;
	border: 0px solid black;
}

/*
#portals a#superyp {
	margin-top: -18px;
	margin-left: 300px;
	width: 202px;	
	background: url(/images/common/spyellowpagesLogo202x73.jpg) top left no-repeat;
	float: left;
}
*/

#portals span.superyp {
	margin-top: -18px;
	margin-left: 7px;
	width: 202px;	
	height: 73px; 
	background: url(/images/common/spyellowpagesLogo202x73.jpg) top left no-repeat;
	float: left;
	border: 0px solid yellow;	
}

#portals a#spcom {
	margin-top: -18px;
	margin-left: 7px;
	width: 107px;
	background: url(/images/common/superpages.com107x73.jpg) top left no-repeat;
	float: left;
	border: 0px solid blue;
}

#portals a#spdirect {
	margin-top: -18px;
	margin-left: 7px;
	width: 209px;
	background: url(/images/common/spdirectLogo209x73.jpg) top left no-repeat;
	float: left;
	border: 0px solid gray;
}

#portals a#ecl {
	margin-top: -25px;
	margin-left: 7px; 
	width: 145px;
	background: url(/images/common/ECL_image.gif) top left no-repeat;
	float: left;
	border: 0px solid yellow;
}

p#tandc {
	padding-top: 25px;
	font-size: 9px;
	border: 0px solid blue;
}

p#tandc a {
	font-size: 9px;
	color: #238fcf;
	text-decoration:underline;
}

#footer {
	margin-top: 40px;
	margin-left: 310px;
	border: 0px solid black;
}

#footer p {
	width: 397px;  /* 350px */
	font-size: 9px;
	color: #999;
	border: 0px solid yellow;	
}

#footer img {
	margin-right: 10px;	
	border: 0px solid green;
}


#social {
	margin-top: 30px;
	margin-left: 310px;
	width: 500px;
	height: 20px;
	border: 0px solid blue;	
}

#social span {
	text-align: left;
	font-size: 12px;
	color: #104E8B;
	border: 0px solid green;
	float:left;
}

#social a#facebook {
	margin-top: -10px;
	margin-left: 7px;
	width: 150px;	
	height: 40px;
	background: url(/images/common/facebook_icon.jpg) top left no-repeat;
	background-position:top right;	
    padding-top: 10px;
	float: left;
	font-size: 12px;
	color: #104E8B;	
	border: 0px solid orange;
}

#social a#twitter {
	margin-top: -10px;
	margin-left: 0px;
	width: 145px;	
	height: 40px;
	background: url(/images/common/twitter_icon_jpg.jpg) top left no-repeat;
	background-position:top right;	
    padding-top: 10px;
	float: left;
	font-size: 12px;
	color: #104E8B;	
	border: 0px solid orange;
}


/**********************
My Account
**********************/

.subcontent {
	width: 730px;
	margin-top: 80px;	
	margin-left: 10px;
	padding-left: 5px;
	border: 0px solid green;
}

.subcontent h4 {
	margin-top: 10px;
	margin-bottom: 15px;
	font-size: 18px;
	color: #ffae00;
	border: 0px solid green;
}

.subcontent a.CallOutLink {
	color: #238fcf;
	text-decoration:underline;
}

table#sg_list {
	width: 730px;	
}

table#sg_list th,
table#sg_list td {
	padding: 5px 15px;
}

table#sg_list tr th.leftcorner{
	-moz-border-radius-topleft: 10px;
    -webkit-border-top-right-radius: 10px;
}

table#sg_list tr th.rightcorner{
    -moz-border-radius-topright: 10px;
    -webkit-border-top-left-radius: 10px;
}

table#sg_list th{
	background: url(/images/homepage/bg_tableheader.jpg) top left repeat-x;
	height: 36px;
	border-collapse: separate;
    
}

table#sg_list td{
	background-color: #e5e4e5;
}

/**********************
Services Page
**********************/

.bullets {
	float:left;	
	padding-top:2px;
	padding-left:20px;
	margin-left: 0px;
	border:0px solid green;
}

.bullets ul {
	list-style-type:disc;	
}

.bullets ul li {
	padding-top:3px;
}


/**********************
Commercials Page
**********************/

#tv_ad { 
	border:0px dotted #fff;
	width:525px;
	height:245px; 
}

#tv_ad a#ad1 { 
	background:url(/images/homepage/mechanic_endImage_arrow2.jpg) top left no-repeat; 
	float: left;
	width:255px;
	height:145px;  /* 245 */
	margin-top:40px;   /* 2px */
	border:0px dotted #fff;
}

#spacer {
	width:10px;
	height:245px;
	float: left;
}

#tv_ad a#ad2 { 
	background:url(/images/homepage/electrician_endImage_arrow2.jpg) top left no-repeat; 
	float: left;
	width:255px;
	height:145px;  /* 245 */
	margin-top:40px;  /* 2px */
	border:0px dotted #fff;	
} 

/* use the following if there is only one add in the commercials JSP page */
#tv_ad a#ad { 
	background:url(/images/homepage/electrician_endImage_arrow.jpg) top left no-repeat; 
	float: left;
	width:255px;
	height:145px;  /* 245 */
	margin-top:40px;  /* 2px */
	margin-left:120px;
	border:0px dotted #fff;	
} 




/**********************
Sign in
**********************/

.signuplink1 {
	text-align:center;
	color: white;

}
.signuplink1 a{
	color:#238FCF;
	padding:1px
}
.signupheading1{
	font-size:14px;
}
.signupheading2{
	font-size:25px;
}
#signUpText {
	float: left;  
	margin-top: -75px; 
	margin-left: 0px; 
	border: 0px solid orange; 
	color: white;
	text-align:center;
}

.signedinbar{
	padding-top:40px;padding-left:50px
}

.bullets_div{
	height: 150px;
	width: 100px;
	position: fixed;
	_position: absolute;
	left: 420px;
	top: 120px;
	color: black;   
	z-index: 100;
}
.span_size{
	font-size:14px;
}
.bluelink{
	color: #238fcf;
}

.errordivbox{
	height:50px;width: 300px;position: fixed;_position: absolute;left: 420px;top: 230px; z-index: 100;
}
/*
.forgoterror{
	height: 50px;width: 300px;position: fixed;_position: absolute;left: 420px;top: 250px; z-index: 100;
}

.forgoterror1{
	height: 50px;width: 300px;position: fixed;_position: absolute;left: 420px;top: 250px; z-index: 100;
}
.registererror{
	height: 150px;width: 150px;position:absolute;top: 30%;z-index: 100;margin:auto;

}
*/


#facebookSignOut { color: #104E8B; }

#facebookDivider { font-size: 18px; font-weight: lighter; color: #ffae00; }

#fbAvatar { margin-bottom:-5px; border: 0px solid blue; }