/*
##########
RESET
##########
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre, a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,
q,s,samp,small,strike,strong,sub,sup,tt, var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{ margin: 0; padding: 0; border: 0; /*outline: 0;*/ font-size: 100%; vertical-align: baseline; background: transparent; }

ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/*:focus { outline: 0; }*/
table { border-spacing: 0; }

a:active { outline: 0; }

input, button, select, textarea { font-size: 100%; }

input::-moz-focus-inner { border: 0; }

/*
##########
FONTS
##########
*/

@font-face {
    font-family: 'Roadgeek2005SeriesERegular';
    src: url('/Content/fonts/roadgeek_2005_series_e-webfont.eot');
    src: url('/Content/fonts/roadgeek_2005_series_e-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Content/fonts/roadgeek_2005_series_e-webfont.woff') format('woff'),
         url('/Content/fonts/roadgeek_2005_series_e-webfont.ttf') format('truetype'),
         url('/Content/fonts/roadgeek_2005_series_e-webfont.svg#Roadgeek2005SeriesERegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DirtyHeadlineRegular';
    src: url('/Content/fonts/dirtyheadline-webfont.eot');
    src: url('/Content/fonts/dirtyheadline-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Content/fonts/dirtyheadline-webfont.woff') format('woff'),
         url('/Content/fonts/dirtyheadline-webfont.ttf') format('truetype'),
         url('/Content/fonts/dirtyheadline-webfont.svg#DirtyHeadlineRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ArialRoundedMTBoldRegular';
    src: url('/Content/fonts/arial_rounded_bold-webfont.eot');
    src: url('/Content/fonts/arial_rounded_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Content/fonts/arial_rounded_bold-webfont.woff') format('woff'),
         url('/Content/fonts/arial_rounded_bold-webfont.ttf') format('truetype'),
         url('/Content/fonts/arial_rounded_bold-webfont.svg#ArialRoundedMTBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ChalkdusterRegular';
    src: url('/Content/fonts/chalkduster-webfont.eot');
    src: url('/Content/fonts/chalkduster-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Content/fonts/chalkduster-webfont.woff') format('woff'),
         url('/Content/fonts/chalkduster-webfont.ttf') format('truetype'),
         url('/Content/fonts/chalkduster-webfont.svg#') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*
##########
GLOBAL
##########
*/

td 
{
	padding: 5px;
	text-align: center;
}

th  
{
	text-align: center;
	padding: 5px; 
	
}
table { border-collapse:separate; border-spacing: 5px; } 
th, td { vertical-align: top; }
table  
{

	margin: 10px;
	float: left;
	clear: right;
	width: 100%;
}

html {
	width: 100%;
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px !important;
	font-size: 62.5%;
	color: #000;
	text-align: center;
	background: #fff url(/Content/images/content-top-bevel.gif) 0 31px repeat-x; /*3.1em */
}
acronym {
	cursor: help;
	border-bottom: 1px dotted #ccc;
}
#container {
	margin: 0 auto 0 auto;
	padding: 0 20px;
	width: 944px;
/*	background: #fff;*/
	text-align: left;
}
a {
	color: #0020c0;
}
a:visited {
    color: #581C90;
}
a:hover {
	color: #0f37ff;
}
a:active {
    outline: 0;
}
.clear {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}
.cf:after,
#header:after, #container:after, #container2:after, #container3:after, #containerSec:after, #content:after, #footer:after
{ content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }

.watermark {
	font-size: 1.2em;
	font-style: oblique;
	color: #999;
}
input.text {
	margin: 5px 0;
    border: 1px solid #1dab00;
    border-bottom-color: #8ed380;
	font-family: Arial, sans-serif;
	font-size: 1.2em;
	line-height: 2;
	background: #fff url(/Content/images/input-inner-shadow.png) 0 0 repeat-x;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
}
textarea {
	border-top: 1px solid #1d9900;
	border-right: 1px solid #2ce000;
	border-bottom: 1px solid #c0ffb1;
	border-left: 1px solid #2ce000;
	background: #fff url(/Content/images/input-inner-shadow.png) 0 0 repeat-x;
	font-family: Arial, sans-serif;
	font-size: 1.2em;
	line-height: 1.2em !important;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
}
h1 {
    font: bold 2.5em/1.5 Arial,sans-serif;
}

h2 {
    font: bold 1.5em/1.4 Arial,sans-serif;
}

h3 {
    font: bold 1.2em/1.2 Arial,sans-serif;
}

p.tick {
  background: url("/Content/images/icon-tick.png") no-repeat scroll 5px center transparent;
  margin: 15px 0px 0 204px;
  padding: 10px 10px 10px 40px;
}

/*
##########
CLIENT BAR
##########
*/

#clientsWrap {
	position: absolute;
	left: 0;
	top: 0;
	border-top: 1px solid #eeeded;
	width: 100%;
	height: 3em;
	background: url(../images/clients-bg.gif) left bottom repeat-x;
	z-index: 99;
}
#clients {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 920px;
	line-height: 3em;
	text-align: right;
/*	background: #f00;*/
}
#clients li {
	display: inline;
	margin-right: 20px;
	font-size: 1.2em;
}
#clients li a {
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}
#clients .browserUpgrade {
    float: left;
    padding: 2px 0 0 44px;
    color: #666;
    background: url(/Content/images/icon-warning.png) 20px center no-repeat
}
#clients .promoLink a {
	padding: 2px 0 3px 27px;
	color: #20a201;
	background: url(/Content/images/icon-advertise.png) left center no-repeat;
}
#clients .promoLink a:hover {
	color: #22b100;
	text-decoration: underline;
}
#clients .login a, 
#clients .adCentre a, 
#clients .welcome strong {
	padding: 2px 0 3px 23px;
	color: #5c5c5c;
	background: url(/Content/images/icon-login.png) left center no-repeat;
}
#clients .adCentre a {
    background: none;
}
#clients .login a:hover,
#clients .adCentre a:hover {
	color: #747474;
	text-decoration: underline;
}

/* Logged in users */
#clientsWrap ul#clients .welcome {
    float: left;
    padding-left: 20px;
}

#clientsWrap ul#clients .welcome strong {
    font-weight: bold;
    color: #434343;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
}

#clientsWrap ul#clients .welcome span {
    padding: 0 0 0 10px;
    text-transform: uppercase;
    color: #777;
}

#userBar .impersonating {
	font-size: 1.2em;
	margin: 8px 5px 0 3px;
}

#clientsWrap ul#clients .welcome span.impersonating {
	padding-left: 0px;
}

#clientsWrap ul#clients .welcome span.impersonating a,
#clientsWrap ul#clients .welcome span.impersonating a:visited {
	color: #0020C0;
	font-weight: normal;
	text-transform: none;
	text-decoration: underline;
}

/*
##########
HOME
##########
*/

#container.home {
	padding-top: 80px;
}
#brandingHome {
	position: relative;
}
#brandingHome h1 {
	position: absolute;
/*	left: 331px;*/
	left: 321px;
	top: 34px;
	width: 282px;
	height: 100px;
	text-indent: -9999em;
	background: url(/Content/images/13find-logo-home.png) 0 0 no-repeat;
}
#brandingHome #promo {
	position: absolute;
	width: 100%;
} 
#brandingHome #promo li.sms {
	position: absolute;
	left: 49px;
	top: -21px;
	width: 215px;
	height: 151px;
	text-indent: -9999em;
	background: url(/Content/images/13find-by-sms.png) 0 0 no-repeat;
}
#brandingHome #promo li.mobile {
	position: absolute;
	left: 49px;
	top: -19px;
	width: 239px;
	height: 152px;
	text-indent: -9999em;
	background: url(/Content/images/13find-mobile.png) 0 0 no-repeat;
}
#brandingHome #promo li.phone {
	position: absolute;
	right: 42px;
	top: -12px;
	width: 234px;
	height: 142px;
	text-indent: -9999em;
	background: url(/Content/images/13find-by-phone.png) 0 0 no-repeat;
}
#brandingHome #promo li.competition {
	position: absolute;
	left: 25px;
	top: 270px;
	width: 234px;
	height: 180px;
	text-indent: -9999em;
	background: url(/Content/images/13find-sign-competition-sms.png) 0 0 no-repeat;
}
#brandingHome #promo li.mobilePromo {
    position: absolute;
	left: 25px;
	top: 270px;
	width: 234px;
	height: 180px;
	text-indent: -9999em;
    background: url(/Content/images/13find-sign-mobile-app.png) 0 0 no-repeat;
}
#brandingHome #promo li a {
	display: block;
	height: 100%;
}
#brandingHome #promo li a:focus {
	outline: 0;
}

#searchHome {
	padding: 160px 0 0 105px;
	min-height: 155px;
	background: url(/Content/images/home-form-bg.png) 0 0 no-repeat;
}
#searchHome label {
	position: relative;
	float: left;
	width: 320px;
}
#searchHome span {
	display: block;
	font: normal 2.6em/1 "Roadgeek2005SeriesERegular", Arial, sans-serif;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}
#searchHome strong {
    position: absolute;
    right: 5px;
    top: 1em;
	font-size: 1.1em;
	font-weight: bold;
	font-style: italic;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}
#searchHome .text {
	padding: 6px 4px;
	width: 306px;
	font: normal 1.9em/1 Arial, sans-serif;
    box-shadow: 0 1px 0 rgba(255,255,255,0.5);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.5);
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.5);
    -o-box-shadow: 0 1px 0 rgba(255,255,255,0.5);
}
#searchHome .text:focus {
/*    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);*/
}
#searchHome em {
	display: block;
	font: normal 1.2em/1 Arial, sans-serif;
	color: #359e09;
}
#searchHome br {
	display: none;
}
#searchHome .btn.find {
	margin: 30px 0 0;
	padding: 0;
	border: 0;
	text-indent: -9999em;
}

#clayDude {
	margin-top: -50px;
	text-align: center;
}
#legal.home {
	margin-top: -17px;
}


/*
######################
PUBLIC BRANDING HEADER
######################
*/

#branding {
	position: relative;
	margin: 29px 0 0 0;
	height: 117px;
	background: url(/Content/images/search-bg.png) 0 0 no-repeat;
	z-index: 999;
}
#branding h1 {
	position: absolute;
	left: 30px;
	top: 23px;
	width: 189px;
	height: 67px;
	text-indent: -9708em; /* Having this at -9999em breaks Safari on iPad - because Steve Jobs' ghost is screwing with yo' device! */
	background: url(/Content/images/13find-logo-header.png) 0 0 no-repeat;
}
#branding h1 a {
	display: block;
	line-height: 67px;
}
#branding h1 a:focus {
    outline: 0;
}


/*
#############
SEARCH HEADER
#############
*/

#searchHeader {
	float: right;
	margin: 17px 0 0;
	width: 700px;
}
#searchHeader label {
	float: left;
	width: 290px;
}
#searchHeader span {
	display: block;
/*	font: normal 1.5em/1 "DirtyHeadlineRegular", Arial, sans-serif;*/
	font: normal 1.8em/1 "Roadgeek2005SeriesERegular", Arial, sans-serif;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}
#searchHeader .text {
    margin-top: 3px;
	padding: 5px 4px;
	width: 276px;
	font-size: 1.7em;
	height: 1.3em;
	line-height: 1.3em;
    box-shadow: 0 1px 0 rgba(255,255,255,0.5);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.5);
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.5);
    -o-box-shadow: 0 1px 0 rgba(255,255,255,0.5);
}
#searchHeader em {
	display: block;
	font: normal 1.1em/1 Arial, sans-serif;
	color: #359e09;
}
#searchHeader br {
	display: none;
}
#searchHeader .btn {
	margin: 19px 0 0;
}
/* DISAMBIGUATION */
#disambiguation, 
.directory .breadcrumb {
	padding: 15px 32px;
	font: normal 1.3em/1 Arial, sans-serif;
}
#disambiguation em {
	padding-left: 5px;
	font: normal 0.9em/1 Arial, sans-serif;
	color: #999;
}

/*
##############
SEARCH RESULTS
##############
*/

.searchResultsWrap {
    float: left;
}
#searchResults {
	float: left;
	width:  510px;
}
#searchResults.detailsWrap {
    margin-bottom: 20px;
}
#searchResults .vcard {
	padding: 17px 20px 20px 30px;
    background: url(/Content/images/hr-regular.png) center bottom no-repeat;
}
#searchResults h3 {
	position: relative;
	float: left;
	font-size: 1em; /* should do this in RESET */
    max-width: 340px;
}
#searchResults h3 strong {
	position: absolute;
	left: -40px;
	top: 0px;
	width: 29px;
	height: 36px;
	font: bold 1.6em/27px Arial, sans-serif;
	color: #fff;
	text-align: center;
	background: url(/Content/images/result-number-bg.png) 0 0 no-repeat;
	text-shadow: 0 1px 0 rgba(0,0,0,0.33);
}
#searchResults h3 a {
	font: bold 1.6em/1.2 Arial, sans-serif;
}
#searchResults .primaryPhone {
	float: right;
	margin: 2px 0 0;
	font: bold 1.6em/1 Arial, sans-serif;
}
#searchResults .tel .type {
	display:  none;
}
#searchResults .adr {
	clear: left;
	float: left;
	padding: 5px 0 0;
	max-width: 290px;
	font: normal 1.3em/1.2 Arial, sans-serif;
	color: #646464;
}
#searchResults .fbComments {
    margin: 20px 0 0 -30px;
}
/* ACTIONS */
#searchResults .actions {
	clear: right;
	float: right;
	padding: 6px 0 0;
	text-align: right;
}
#searchResults .actions li {
	display: inline;
	padding: 0 0 0 5px;
}
#searchResults .actions li a {
	font: normal 1.1em/1 Arial, sans-serif;
	color: #646464;
	text-decoration: none;
}
#searchResults .actions li a:hover {
	color: #000;
}
#searchResults .actions li.sms a,
#searchResults .actions li.thruConnect a {
	padding: 2px 0 2px 15px;
	background: url(/Content/images/icon-sms.png) 0 center no-repeat;
}
#searchResults .actions li.share .stButton {
    margin-right: 0 !important;
}
#searchResults .actions li.share .chicklets {
	padding: 2px 0 2px 18px !important;
	font: normal 1em/1 Arial, sans-serif !important;
	color: #646464 !important;
	background: url(/Content/images/icon-share.png) 0 center no-repeat !important;
}
#searchResults .actions li.review a {
	padding: 1px 0 2px 21px !important;
	color: #646464 !important;
	background: url(/Content/images/icon-review.png) 0 center no-repeat !important;
}
#searchResults .actions li.share .chicklets:hover {
	color: #000 !important;
	opacity: 1 !important;
}

.searchResultRating {
	float: right;
	Margin: 10px 0px 0px 0px;
}

/* PREMIUM */
#searchResults .premium {
	position: relative;
	margin-bottom: 10px;
	border: 1px solid #faf5ac;
	border-top-color: #fefcdc;
	border-bottom-color: #fbf26c;
	background-color: #fdf8b1;
    background-image: none;
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.19, rgb(254,250,198)),
        color-stop(0.74, rgb(253,248,177)),
        color-stop(0.91, rgb(252,245,150))
    );
    background-image: -moz-linear-gradient(
        center bottom,
        rgb(254,250,198) 19%,
        rgb(253,248,177) 74%,
        rgb(252,245,150) 91%
    );
    background-image: -o-linear-gradient(
        center bottom,
        rgb(254,250,198) 19%,
        rgb(253,248,177) 74%,
        rgb(252,245,150) 91%
    );
}
#searchResults .premiumFoot {
	position: absolute;
	left: -1px;
	bottom: -9px;
	width: 510px;
	height: 9px;
	background: url(/Content/images/result-premium-foot.png) 0 0 no-repeat;
}
#searchResults .premium h3 a {
	font-size: 1.8em;
	text-shadow: 0 1px 1px rgba(255,255,255,0.5);
}
#searchResults .premium .primaryPhone {
    margin: -11px -20px 0 0;
	padding: 2px 20px 0 0;
	min-width: 130px;
	font-size: 1.8em;
	line-height: 38px;
	text-align: right;
	background: url(/Content/images/result-premium-highlight.png) right center no-repeat;
	text-shadow: 0 1px 1px rgba(255,255,255,0.5);
}
#searchResults .premium .actions {
	margin: -7px 0 0;
}
#searchResults .premium .adr {
/*	margin-bottom: 8px;*/
	font-size: 1.4em;
	color: #404033;
}

#searchResults .slogan {
/*	border-top: 1px solid #f4eea8;
    background: url(/Content/images/hr-regular.png) center top no-repeat;
	padding: 10px 0 0 0;
	font: normal 1.2em/1.2 Arial, sans-serif;
*/
    font-size: 1.1em;
    font-weight: bold;
    font-style: normal;
    color: #8186b9;
    text-shadow: 0 1px 1px rgba(255,255,255,0.5);
}
.offer {
    float: left;
	margin: 5px 0 0 -40px;
	padding: 8px 0 0 40px;
	max-width: 300px;
	min-height: 23px;
	font: italic 1.3em/1 "ArialRoundedMTBoldRegular", Arial, sans-serif;
	color: #000;
	background: url(/Content/images/special-offer.png) 0 0 no-repeat;
	text-shadow: 0 1px 0px rgba(127,85,0,0.25);
}
#searchResults .photo {
	float: right;
	border: 0;
	margin: 5px 0 0 7px;
	padding: 5px;
	background: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25);
    -o-box-shadow: 0 1px 2px rgba(0,0,0,0.25);
}

.reportNewBusiness {
    background-color: #FEFAC6;
    border: 1px solid #F2F2F2;
    clear: both;
    font-size: 1.3em;
    margin: 20px 0;
    padding: 10px;
    text-align: center;
    width: 490px;
}

/*
################
BUSINESS DETAILS
################
*/

.details {
	margin-top: 10px;
	float: left;
	width: 390px;
}
.details li {
	float: left;
	width: 100%;
    margin-top: 5px;
}
.details li > span {
	padding: 0 0 0 5px;
}
.details .hours {
	padding: 0;
}
.details strong {
	float: left;
	padding: 0 5px 0 0;
	width: 100px;
	font: bold 1.3em/1.4 Arial, sans-serif;
	text-align: right;
}
.details span, 
.details .hours dl {
	float: left;
	font: normal 1.3em/1.4 Arial, sans-serif;
}
.details .hours dl dt {
	clear: both;
	float: left;
	padding: 0 0 0 5px;
	width: 2.8em;
/*	background: #f0f;*/
}
.details .hours dl dd {
	float: left;
	width: 12em;
/*	background: #0ff;*/
}
.details .hours dl .today {
	font-weight: bold;
	background: #faf0a8;
	-moz-box-shadow:
	    0 -1px 0 #ede49f,
	    0 1px 0 #fefbcb
	;
}
.details .hours dl dt.today {
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.details .hours dl dd.today {
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.photos {
	float: right;
	margin: 10px 0 0;
	padding: 0;
}
.photos li {
	margin: 0 0 10px;
	padding: 0;
}
.photos li a {
    display: inline-block;
    padding: 5px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
    -o-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
}

/*
.photos li img {
    border: 1px solid #ccc;
}
*/

.description {
	clear: both;
	padding: 10px 0;
	font-size: 1.2em;
}
.claim {
	clear: left;
	padding: 40px 20px 20px;
	text-align: center;
	font-size: 14px;
	padding-bottom: 26px;
}
.claim a {
	border: 2px solid #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 5px 10px;
	font: bold 1.1em/1 Arial, sans-serif;
    color: #595959;
    text-decoration: none;
	background: #DDDCDC;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	-o-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.claim a:hover {
    color: #303030;
}

.listingChangeLog {
    clear: left;
    margin: 20px 0 0;
    padding: 0 0 20px 30px;
    font-size: 1.1em;
    color: #777;
}

.listingChangeLog h3 {
    color: #777;
}

/* Claydude speech bubbles */
#claydudeBoard {
    background: url('/Content/images/blackboard-sml-350.png') no-repeat;
    clear: left;
    border: 1px transparent;
    width: 350px;
    height: 200px;
    margin-left: 100px;
}

.claysMessage {
    width: 200px;
    color: white;
    font-family: ChalkdusterRegular, Arial, Helvetica, sans-serif;
    font-size: 1.42em;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1.3em;
    float: left;
    margin: 20px 0 0 0;
}

.claysMessage a, .claysMessage a:visited {
    color: #aaa;
}

.claysMessage a:hover {
    color: #fff;
}

.clayPose {
    margin-top: 20px;
    height: 200px;
    float: left;
}

.streetview {
	
}

#reviews 
{
	float: left;
	width:  450px;
	margin: 10px 40px 0px 10px;
}

.review 
{
	min-height: 100px;
	margin: 15px 0px 10px 0px;
}

.reviewTextBox 
{
	border: 1px solid gray;
    height: 80px !important;
    padding: 10px;
    width: 265px !important;
}

.reviewHeader 
{
	font-size: 16px;
	font-weight: bold;
	margin-top: 10px;
}

.reviewWarning 
{
    float: right;
    font-size: 8px;
    margin-right: 10px;
}

.reviewerName 
{
	font-weight: bold;
	font-size: 12px;
}

.facebookLoginContainer 
{
	display: block;
}

.reviewerActions 
{
	margin-right:10px;
	float: right;
}

.facebookLogoutButton 
{
	margin: 10px;
	float: right;
}

#leaveStarReview
{
	margin: 5px;
	clear: left;
}

#reviewText 
{
	width: 300px;
	height: 100px;
	margin: 10px;
	float: right;
}

.blueButton{
    background:#6da952 url(/Content/images/btt-bg.png) no-repeat 0px -48px;
    border:1px solid #29447e;
    border-bottom-color:#1a356e;
    box-shadow:0 1px 0 rgba(0, 0, 0, .1);
    cursor:pointer;
    display:-moz-inline-box;
    display:inline-block;
    font-size: 11px;
    font-weight:bold;
    line-height:normal !important;
    padding:2px 6px;
    text-align:center;
    text-decoration:none;
    vertical-align:top;
    white-space:nowrap;
    color:#fff;
    height: 30px;
    margin-bottom: 20px;
}
.blueButton:active{
    background:#4f6aa3;
    border-bottom-color:#999;
}
.blueButton .blueButtonText,.blueButton input{
    background:none;
    border:0;
    color:#fff;
    cursor:pointer;
    display:-moz-inline-box;
    display:inline-block;
    font-family:'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
    font-size: 11px;
    font-weight:bold;
    margin:0;
    outline:none;
    padding:1px 0 2px;
    white-space:nowrap
}


.facebookAvatarList
{
	display: block;
	float: left;
	margin: 0px 19px 0px -5px;
	padding: 5px 5px 15px 5px;
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #FFFFFF;
	-moz-transform:rotate(3deg);
	-webkit-transform:rotate(3deg);
	-o-transform:rotate(3deg);
	-ms-transform:rotate(3deg);
	-moz-box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.3);
	box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.3);
}

.facebookAvatar
{
	display: block;
	float: left;
	margin: 10px 15px 15px 15px;
	padding: 5px 5px 15px 5px;
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #FFFFFF;
	-moz-transform:rotate(3deg);
	-webkit-transform:rotate(3deg);
	-o-transform:rotate(3deg);
	-ms-transform:rotate(3deg);
	-moz-box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.3);
	box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.3);
}

/*
####################################
MAP on SEARCH RESULTS & ADD BUSINESS
####################################
*/

#mapResultsWrap {
	float: right;
	margin: 0 2px 20px 0;
	background: #fff;
	padding: 2px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.25);
	-o-box-shadow: 0 2px 4px rgba(0,0,0,0.25);
}
#mapResults {
	width: 410px;
	height: 450px;
}

/*
##########
PAGINATION
##########
*/

#pagination {
	clear: left;
	padding: 20px 0 0;
	width: 510px;
/*	background: #ff9;*/
}
#pagination ul {
	margin: 0 auto;
/*	width: 330px; Defined using JQuery */
/*	background: #f9f;*/
}
#pagination ul li {
	float: left;
	margin-right: 5px;
	height: 20px;
	line-height: 20px;
}
#pagination ul li a {
	display: block;
/*	border-top: 1px solid rgba(255,255,255,0.65);*/
/*	border-bottom: 1px solid rgba(0,0,0,0.35);*/
	padding: 0 9px 2px;
	font-size: 1.2em;
	font-weight: bold;
/*	font-style: oblique;*/
	color: #fec457;
	text-decoration: none;
	text-align: center;
/*	text-shadow: 0 1px 0 rgba(0,0,0,0.33);*/
	background: #000 url(/Content/images/pagination-btn-bg.png) 0 0 repeat-x;
	border: 1px solid #000;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	box-shadow: 0 2px 2px rgba(0,0,0,0.20);
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.20);
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.20);
	-o-box-shadow: 0 2px 2px rgba(0,0,0,0.20);
}
#pagination ul li a:hover {
/*	background: #25b701;*/
	color: #ffde00;
	background: #32260f url(/Content/images/pagination-btn-bg.png) 0 0 repeat-x;
}
#pagination ul li.current a, 
#pagination ul li a:active, 
#pagination ul li a:focus {
	color: #ffde00;
	margin-top: 1px;
	border-color: #574801;
	outline: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	background: #796d36 url(/Content/images/pagination-btn-bg.png) 0 0 repeat-x;
}
#pagination ul li.ellipsis {
	background: none;
}
#pagination ul li.first, 
#pagination ul li.last {
	font-size: 0.8em;
	line-height: 16px;
	margin-top: 4px;
}
#pagination ul li.last {
	margin-right: 0;
}
#pagination ul li.inactive a {
/*	border-bottom: 1px solid #bbb;*/
/*	background: #cdc;*/
	background: #aaa url(/Content/images/pagination-btn-bg.png) 0 0 repeat-x;
	color: #ddd;
	cursor: default;
	border: 1px solid #999;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
}

/*
##############
STATIC CONTENT
##############
*/

#content {
	float: left;
	padding: 20px 0 0;
	width: 70%;
}

#content h2 {
	margin: 0 0 10px;
	font: bold 2em/1.6 Arial, sans-serif;
}
#content h3 {
	margin: 0 0 10px;
	font: bold 1.8em/1.6 Arial, sans-serif;
}
#content h4 {
	margin: 0 0 10px;
	font: bold 1em/1.6 Arial, sans-serif;
}

#content p {
	margin: 0 0 10px;
	font: normal 1.2em/1.6 Arial, sans-serif;
}
#content > ul {
	margin: 0 0 10px;
	font: normal 1.2em/1.6 Arial, sans-serif;
}
#content ol {
	margin: 0 0 10px;
	padding: 0 0 0 40px;
	list-style: decimal;
	font: bold 1.6em/.6 Arial, sans-serif;
}
#content ol li {
	margin: 0 0 10px;
}
#content ol li p, 
#content ol ul, 
#content ol dl {
	font: normal 0.75em/1.6 Arial, sans-serif;
}
#content ol ul {
	padding: 0 0 0 40px;
	list-style: square;
}
#content ol ul em {
	font-weight: bold;
}
#content ol dl {
	margin: 0 0 10px;
}
#content ol dl dt {
	clear: both;
	float: left;
	margin: 0 0 10px;
	width: 25%;
	font-weight: bold;
}
#content ol dl dd {
	margin: 0 0 10px;
	float: left;
	width: 75%;
}

/*
#####################
SIDEBAR aka ALT LOGIN
#####################
*/

#sidebar {
	float: right;
	margin: 20px 0 0;
	padding: 0 10px 0 0 ;
	width: 28%;
/*	background: #9f9;*/
}
#sidebar .registerLink {
	margin: 0 0 10px 0;
	padding: 20px;
	border: 1px solid #999;
	background: #e6e6e6;
	text-align: center;
}
#sidebar .registerLink a {
	display: block;
/*	background: #6d9;*/
	font: bold 1.7em/1 Arial, sans-serif;
}
#sidebar #loginAltWrap {
	padding: 20px;
	border: 1px solid #999;
	background: #e6e6e6;
}
#sidebar #loginAltWrap .title {
	margin: 0 0 10px;
	font: bold 1.2em/1.2 Arial, sans-serif;
}
#sidebar #loginAltWrap br {
	display: none;
}
#sidebar #loginAltWrap .textWrap {
	position: relative;
	display: block;
}
#sidebar #loginAltWrap .text {
	margin: 0 0 10px;
	width: 95%;
	font-size: 1.4em;
	padding: 3px 2px;
	border: 1px solid #6e786e;
	font: normal 1.6em/1.4 Arial, sans-serif;
}
#sidebar #loginAltWrap .textWrap span {
	display: none;
/* Replaced with new watermark JQ code below
	position: absolute;
	left: 5px;
	top: 0;
	font: normal oblique 1.4em/1.6 Arial, sans-serif;
	color: #999;
	z-index: 999;
*/
}
#sidebar #loginAltWrap .watermark {
}
#sidebar #loginAltWrap .btn {
	float: left;
	margin: 0 10px 0 0;
}

#sidebar #loginAltWrap .rememberWrap {
	float: left;
	margin: 5px 0 0 0;
	font: normal 1.2em/1 Arial, sans-serif;
/*	background: #f00;*/
}
#sidebar #loginAltWrap .forgotLink {
	clear: left;
	float: left;
	margin: 8px 0 0 0;
}



/*
###########
STATIC MENU
###########
*/

.staticMenu {
    float: left;
    border-top: 1px solid #eee;
    margin: 30px 15px;
    width: 195px;
}
.staticMenu li {
    border-bottom: 1px solid #eee;
}
.staticMenu li a {
    display: block;
    border-top: 1px solid #fff;
    line-height: 2.5em;
    padding: 0 10px;
    font-size: 1.4em;
    font-weight: bold;
    text-decoration: none;
    color: #999;
}
.staticMenu li.current a {
    color: #000;
    background: #f5f5f5;
}
.staticMenu li a:hover {
    background: #f5f5f5;
}


/*
##################################
STATIC CONTENT, T&C PRIVACY POLICY
##################################
*/

#specialdeal,
#industrybodies
{
	background-color: transparent;
}

#specialdeal label.required span,
#industrybodies label.required span
{
	font-weight: normal;
}

.newStaticContentLeft li,
.newStaticContentLeft p
{
	font-size: 16px;
}

.newStaticContentLeft p
{
	padding-bottom: 5px;
}

.newStaticContentLeft 
{
	float:left;
	width: 650px;
	margin-top: 20px;
}

.newStaticContentLeft ul 
{
	list-style: disc;
	margin-left: 20px;
}

.newStaticContentRight 
{
	float:right;
	width:200px;
	margin-top:20px;
}

.newStaticContentRight li
{
	font-size: 12px;
}

.newStaticContentRight p
{
	font-size: 12px;
}

.newStaticContentRight h2
{
    margin: 10px 0 5px 0;
	font: normal 3em/1 "DirtyHeadlineRegular", Arial, sans-serif;
    font-weight: normal;
}

.newStaticContentLeft h2 {
    margin-top: 20px;
    margin-bottom: 10px;
	font: normal 2em/1 "DirtyHeadlineRegular", Arial, sans-serif;
    font-weight: normal;
}

.staticContent {
    position: relative;
}
.termsConditionsWrap, 
.privacyPolicyWrap, 
.faqWrap {
    float: right;
    margin: 30px 30px 30px 0;
    width: 670px;
}

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

.promo .faqWrap {
    margin: 0 30px 30px 0;
    width: 617px;
}
.staticContent h2 {
    margin: 0 0 30px;
	font: normal 3em/1 "DirtyHeadlineRegular", Arial, sans-serif;
    font-weight: normal;
}
.staticContent h2.headingAdditional {
    margin-top: 40px;
}
.staticContent h2 sup {
    font-size: 0.6em;
    vertical-align: super;
}
.staticContent h3 {
    border-bottom: 1px solid #eee;
    margin: 40px 0 10px;
    padding: 0 0 5px;
    font-size: 1.4em;
    font-weight: bold;
    color: #999;
}
.staticContent h4 {
    margin: 0 0 10px;
    font-size: 1.2em;
    font-weight: bold;
}
.staticContent h5 {
    margin: 0 0 10px;
    font-weight: bold;
}
.staticContent p {
    margin: 0 0 20px;
    font-size: 12px;
}
.staticContent ol {
    margin: 0 0 20px;
    padding: 0 0 0 20px;
}
.staticContent > ol {
    list-style-type: decimal;
}
.staticContent > ol > li > ol {
    list-style-type: lower-latin;
}
.staticContent > ol > li > ol > li > ol {
    list-style-type: lower-roman;
}
.staticContent > ol > li > ol > li > ol > li > ol {
    list-style-type: upper-latin;
}
.staticContent ol li {
    margin: 0 0 10px;
    font-size: 12px;
}
.staticContent ol ol ol li:first-child {
    padding: 10px 0 0 0;
}
.staticContent > ol ul {
    padding: 0 0 0 20px;
    list-style-type: disc;
}
.staticContent > ol ul li {
    margin: 0 0 10px;
}
.staticContent > ol ul li:first-child {
    padding: 10px 0 0;
}


/*
#####################
CONTACT US & REGISTER
#####################
*/

.registerWrap {
    padding-top: 30px;
}
.registerWrap h2 {
    padding: 0 0 0 207px;
}
.registerWrap .legal {
    clear: both;
    display: block;
    float: left;
    margin-left: 207px;
    width: 340px;
    color: #555;
}
.contactWrap h2 {
    padding: 10px 0 0 207px;
}
.competitionWrap {
    padding: 30px 25px 0;
}
.contactWrap.competitionWrap h2 {
    padding: 0;
}
.contactWrap.competitionWrap h3 {
    font: normal 3em/1 "DirtyHeadlineRegular", Arial, sans-serif;
    font-weight: normal;	
    color: #000;
    border-bottom: none;
    padding: 0;
    margin: 15px 0 5px 0;
}
.contactWrap.competitionWrap p {
    right: 12px;
    margin: 0 270px 10px 0;
}
.contactWrap.competitionWrap p.clayDude {
    margin-right: 0;
}
.contactWrap.competitionWrap label em {
    padding-left: 0px;
}
.contactWrap.competitionWrap ul {
    margin: 0 270px 0 20px;
}
.contactWrap.competitionWrap ul li {
  font-size: 1.4em;
  list-style-type: square;
  margin: 0 15px 7px;
}
.registerWrap .clientContent, 
.contactWrap .clientContent {
    padding: 0;
    background: none;
}
.contactWrap .clientContent,
.reportNewBusinessFormWrap .reportNewBusinessForm {
    max-width: 680px;
}
.registerWrap .clayDude, 
.contactWrap .clayDude, 
.clientContent > .clayDude {
    position: absolute;
    right: 52px;
    bottom: -58px;
    width: 256px;
    height: 175px;
}
.clientContent > .clayDude {
    bottom: -38px;
}
.competitionWrap .userForm p.required {
    right: -80px;
    top: 0;
}
.userForm label.required span {
  font-weight: bold;
}
.contactWrap #contact label > span {
}
.contactWrap .blah {
    padding: 25px 0 0;
    text-align: center;
    font-size: 1.8em;
    font-style: italic;
    color: #888;
    text-shadow: 0 1px 1px rgba(0,0,0,0.15);
}
.contactWrap .aside {
    position: absolute;
    right: 80px;
    top: 7.8em;
    padding: 0 0 0 30px;
    border-left: 1px solid #eee;
}
.contactWrap .aside h2 {
    margin: 0;
    padding: 30px 0 0;
}
.contactWrap .aside h2:first-child {
    padding: 0;
}
.contactWrap .aside p {
    margin: 10px 0 0;
    font-size: 1.2em;
}
.contactWrap .aside .tel {
    font-weight: bold;
}
.contactWrap .aside .phone em {
    font-style: normal;
}
.contactWrap .aside p.name a {
    color: #000;
    text-decoration: none;
    cursor: text;
}
.contactWrap .aside p.adr {
    margin: 0;
}

/*
#####################
Report New Business
#####################
*/
.reportNewBusinessFormWrap {
    min-height: 550px;
}

#contact.reportNewBusinessForm p {
    float: left;
    margin-top: 4px;
    text-align: right;
    width: 200px;
}

#contact.reportNewBusinessForm #notYourBusinessFields {
    clear:both; 
    display: none;
    float: left;
}

#contact.reportNewBusinessForm label.radioButton {
    margin-bottom: 5px;
    clear: none;
}

#contact.reportNewBusinessForm label.radioButton span {
    font-size: 12px;
    padding-right: 0;
    width: 30px;
}

#contact.reportNewBusinessForm label.radioButton input {
    margin-top: 4px;
}

#contact.reportNewBusinessForm label em {
    float: left;
}

/*
##########
FAQ
##########
*/

.faqWrap dt {
    border-top: 1px solid #f5f5f5;
    margin: 0 0 10px;
    padding: 10px 0 0;
}
.faqWrap dt:first-child {
    border: 0;
    padding: 0;
}
.faqWrap dd {
    margin: 0 0 20px;
    padding: 0 0 0 20px;
}
.faqWrap dt, 
.faqWrap dd {
    font-size: 1.2em;
}
.faqWrap dt a {
    font-weight: bold;
    cursor: pointer;
}
.faqWrap dd p {
    margin: 0 0 10px;
    line-height: 1.4em;
}
/* CATEGORY PRICING TABLE */
.faqWrap dd.client {
    font-size: 1em;
}
.faqWrap dd.client .userForm {
    padding: 0;
}
.faqWrap dd.client label {
    float: none;
}
.faqWrap dd.client label span {
    width: auto;
}
.faqWrap dd.client .addedList {
    float: none;
    padding-left: 75px;
}


/*
############
ABOUT & JOBS
############
*/

.aboutWrap, 
.jobsWrap {
    padding: 30px 32px 0;
}
.aboutWrap {
    padding-right: 3px;
}
.aboutWrap h2 {
    padding-left: 560px;
}
.aboutWrap p, 
.jobsWrap p,
.competitionWrap p {
    margin-bottom: 30px;
    font-size: 1.4em;
    line-height: 1.6;
}
.aboutWrap p {
    padding-left: 560px;
    margin-bottom: 10px;
}
.aboutWrap p.videoWrap {
    position: absolute;
    left: 3px;
    top: 32px;
    margin: 0;
    padding: 0;
    width: 560px;
    height: 310px;
}

 
/* Social Buttons */
 
 .homeSocialContainer
 {
 	float: right;
 	margin-top: -90px;
 	margin-right: -175px;
 }
 
.socialist li
{
	height: 25px;
	display: inline;
	list-style-type: none;
	overflow: hidden;
}


.socialcontainer
{
	float: right;
	margin-top: -20px;
	margin-right: -75px;
}
 
.socialcontainer .fb-like
{
	margin-top: 0px; 
	top: -4px;
}


/*
#############
SPECIAL OFFER
#############
*/

#specialOfferDetails {
	margin-top: 15px;
	width: 600px;
	float: left;
	overflow: hidden;
}

.offerPoint1{
	background-image: url(/Content/images/icon-tick.png);
	background-position: center left;
	background-repeat: no-repeat;
	padding-left: 40px;
	height: 35px;
	font-size :18px;
	margin-bottom: 10px;
	width: 560px;
	margin-bottom: 20px;
}

.offerPoint1Details{
	background-image: url(/Content/images/special-offer-advertiser-notif-bg.png);
	background-position: center;
	background-repeat: no-repeat;
	width: 565px;
	height: 140px;
	margin-bottom: 20px;
	margin-left: 35px;
}

.offerPoint2{
	background-image: url(/Content/images/special-offer.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	padding-left: 40px;
	height: 35px;
	font-size :18px;
	margin-bottom: 10px;
	width: 560px;
	margin-bottom: 20px;
	padding-top: 30px;
}

.offerPoint2Details{
	background-image: url(/Content/images/special-offer-advertiser-notif-bg.png);
	background-position: center;
	background-repeat: no-repeat;
	width: 565px;
	height: 140px;
	margin-bottom: 20px;
	margin-left: 35px;
}

.offerPoint2Details p{
	padding: 20px 20px 0px 20px;
	font-size: 14px;
	text-align: center;
}

.offerPoint2Details .listForFree	
{
	padding: 9px 20px 0px 20px;
 	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

#specialOfferCallToAction{
	margin-top: 15px;
	width: 175px;
	height: 500px;
	float: right;
	padding-right: 115px;
}

.offerIphoneSearchResults{
	margin-left: 30px;
	height: 375px;
	width: 212px;
	background-image: url(/Content/images/imgIphoneSearchResults.png);
	background-repeat: no-repeat;
}

.offerLargeRegisterButton{
	margin-top: 20px;
	display: block;
	width: 269px;
	height: 59px;
	background-image: url(/Content/images/btn-list-for-free.png);
	background-position: 0px -59px;
	background-repeat: no-repeat;
	text-indent: -9999em;
}

.offerLargeRegisterButton:hover {
	background-position: 0px 0px;
}

.offerContactPoints{
	display:inline;
	list-style-type: none;
}

.offerContactPoints li {
	float: left;
	background-repeat: no-repeat;
	padding-top: 70px;
	padding-left: 7px;
}

.offerContactPoints li p{
	display: inline-block;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	width: 130px;
}

.offerContactPoints li.monitor{
	background-image: url(/Content/images/monitor.png);
	background-position: 42px 10px;
}

.offerContactPoints li.phone{
	background-image: url(/Content/images/telephone.png);
	background-position: 42px 10px;
}

.offerContactPoints li.app{
	background-image: url(/Content/images/iphone-android.png);
	background-position: 35px 10px;
}

.offerContactPoints li.mobile{
	background-image: url(/Content/images/mobile-phone.png);	
	background-position: 50px 10px;
}

/*
##################
HOW TO USE 13 FIND
##################
*/

#howTo {
    padding: 26px 0 0;
    text-align: center;
}
#howTo .call, 
#howTo .SMS, 
#howTo .mobileApp, 
#howTo .mobileWeb 
{
	height: 300px;
	background-color: #f4f4f4;
    float: left;
    margin: 0 0 26px;
    width: 459px;
    text-align: left;
	border-top: 1px solid #f8f8f8;
    -moz-border-radius-bottomright: 7px;
	-moz-border-radius-bottomleft: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-moz-box-shadow: 0px 3px 5px #888888;
	-webkit-box-shadow: 0px 3px 5px #888888;
	box-shadow: 0px 3px 5px #888888;	
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;	
}
#howTo .call, 
#howTo .mobileApp {
    margin-right: 26px
}
#howTo .mobileApp, 
#howTo .mobileWeb {
    margin-bottom: 26px;
}
#howTo h2 {
    position: relative;
    margin: 0 0 15px;
    padding: 24px 20px 30px 30px;
    height: 30px;
    font: normal 3.6em/30px "Roadgeek2005SeriesERegular", Arial, sans-serif;
    letter-spacing: -0.02em;
    text-shadow: 0 1px 0 rgba(255,255,255,0.75);
    background-color: White;
}
#howTo h2 img {
    position: absolute;
    right: 25px;
    top: 15px;
}
#howTo .call h2 img, 
#howTo .SMS h2 img {
    top: 12px;
}
#howTo .mobileApp h2 img {
    top: 14px;
}
#howTo h2 sup {
    position: absolute;
    top: 52px;
    left: 137px;
    font-size: 0em;
    line-height: 0;
    letter-spacing: 0em;

    width: 79px;
    height: 22px;
    background: url(/Content/images/panel-sticker.png) center top no-repeat;
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(5deg);
	-ms-transform: rotate(5deg);
	transform: rotate(5deg);
}
#howTo .SMS h2 sup {
    left: 188px;
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	transform: rotate(-5deg);
}
#howTo div ul {
    padding: 0 30px;
}
#howTo div ul li {
    margin: 0 0 10px;
    font-size: 1.2em;
}
#howTo .badges {
    padding: 20px 30px 0;
    text-align: center;
}
#howTo .badges a {
	text-decoration: none;
}
#howTo .badges img {
    border: 0;
    margin: 0 10px;
}
/* OLD STYLES
#howTo .FAQLinkWrap {
    display: inline-block;
    clear: both;
    margin: 0 0 10px;
    padding: 10px 15px;
    font-family: "DirtyHeadlineRegular", Arial, Sans-Serif;
    font-size: 2em;
    text-align: center;
    color: #555;
    border: 5px solid #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    background: #f5f5f5;
    box-shadow: 0 1px 4px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.25);
    -o-box-shadow: 0 1px 4px rgba(0,0,0,0.25);
}
*/
#howTo .FAQLinkWrap {
    position: relative;
    clear: both;
}
#howTo .FAQLinkWrap a {
    position: absolute;
    right: 90px;
    top: -90px;
    padding: 23px 0 0;
    width: 283px;
    height: 62px;
    font-family: "DirtyHeadlineRegular", Arial, Sans-Serif;
    font-size: 3.5em;
    text-align: center;
    text-decoration: none;
    color: #000;
    background: url(/Content/images/faq-link-bg.png) center top no-repeat;
}
#howTo .FAQLinkWrap a:hover {
    color: #0020C0;
}
#howTo .clayWrap {
	position: relative;
    clear: both;
    height: 0px;
}
#howTo .clayWrap .clay {
	position: absolute;
	right: 0;
	top: -115px;
	z-index: 3;
}



/*
##################
Business Directory
##################
*/

/*
.directory h2 {
}
.directory div.head {
    height: 30px;
}
.directory p.breadcrumb {
    float: right;
    margin: 13px 0;
}
*/
.directory ul.index {
    clear: both;
	padding: 0 32px 20px;
}

.directory ul.index li {
    float: left;
    width: 3.846%;
    text-align: center;
}
.directory ul.index li a {
    display: block;
    border: 1px solid #ccc;
    border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    -o-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    margin: 0 10px 0 0;
    line-height: 1.5em;
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none;
    color: #999;
    background: #f5f5f5;
}
.directory ul.index li a:hover {
    border-color: #999;
    background: #fff;
    color: #777;
}
.directoryList {
    clear: both;
    margin: 0 32px 32px;
    padding: 20px 32px;
    border: 1px solid #ccc;
    border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    -o-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    background: #f5f5f5;
}
.directoryList li {
    margin: 0 0 5px 0;
    padding: 0 0 0 120px;
}
.directoryList li a {
    font-size: 1.2em;
}
.directoryList li.section {
    clear: both;
    float: left;
    margin: 0;
    padding: 0;
}
.directoryList li.section a {
    color: #777;
    font-size: 2.5em;
    font-weight: bold;
}
.directoryList li.section a.top {
    float: right;
    padding: 4px 0 0 10px;
    font-size: 1.0em;
    color: #999;
}
.directoryList.chooseState {
    padding: 20px 32px;
}
.directoryList.chooseState li {
    display: inline;
    padding: 0;
    margin: 0 20px 0 0;
}


/*
###########
ERROR PAGES
###########
*/

.errorPages {
    padding: 40px 300px 40px 100px;
}
.errorPages h2 {
	font: normal 3em/1.2 "Roadgeek2005SeriesERegular", Arial, sans-serif;
	margin: 0 0 20px;
}
.errorPages p {
	margin: 0 0 20px;
    font-size: 1.6em;
}
.errorPages ul {
	margin: 0 0 20px;
	padding: 0 0 0 40px;
	list-style-type: disc;
}
.errorPages ul li {
	margin: 0 0 10px;
}
.errorPages ul li a {
	font-size: 1.6em;
}
.errorPages .clay {
    position: relative;
    height: 0;
}
.errorPages .clay img {
    position: absolute;
    right: -300px;
    top: -102px;
}


/*
################
LEGAL aka FOOTER
################
*/

#legal {
	clear: both;
	margin: 20px 0 0;
	padding: 50px 0 20px;
	text-align: center;
	background: url(/Content/images/legal-bg.gif) 0 0 repeat-x;
	color: #666;
}
#legal li {
	display: inline;
	border-right: 1px solid #d7d7d7;
	padding: 0 10px;
}
#legal li.last {
	border: none;
}
#legal li a {
	font: normal 1.1em/1 Arial, sans-serif;
	text-decoration: none;
	color: #888;
}
#legal li a:hover {
	text-decoration: underline;
}
.copyright {
    padding: 0 0 30px;
    font-size: 1.1em;
	color: #bbb;
}

/*
#############
LOGIN OVERLAY
#############
*/

#overlay {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(/Content/images/overlay.png) 0 0 repeat;
	z-index: 9999;
}
.modalHead {
	position: absolute;
	left: 0;
	top: -20px;
	width: 418px;
	height: 20px;
	background: url(/Content/images/modal-head.png) 0 0 no-repeat;
}
.modalContent {
	position: relative;
/*	top: 50px;*/
	margin: 0 auto;
	padding: 20px 0 40px;
	width: 418px;
	min-height: 210px;
	text-align: left;
	background: url(/Content/images/modal-foot.png) left bottom no-repeat;
}
.modalContent .error,
.allowedStatesError {
	margin: 0 70px 20px 70px;
    padding: 10px 0 9px 38px;
	font: bold 12px/1.2 Arial, sans-serif;
	text-align: left;
	/*text-shadow: 0 0 5px rgba(250,0,0,0.5);*/
	color: #b00;
	background: url(/Content/images/icon-exclamation.png) left center no-repeat;
}

.allowedStatesError {
    margin: 15px 10px 10px;
}

.modalContent label {
	display: block;
	margin: 0 0 5px 70px;
	font: normal 2em/1 "Roadgeek2005SeriesERegular", Arial, sans-serif;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}
.modalContent .text {
	display: block;
	margin: 0 0 15px 70px;
	padding: 5px 2px;
	border-color: #777;
	border-bottom-color: #aaa;
	width: 270px;
	font: normal 1.6em/1.4 Arial, sans-serif;
	background: #fff url(/Content/images/input-inner-shadow.png) 0 0 repeat-x;
    box-shadow: 0 1px 0 rgba(255,255,255,0.5);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.5);
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.5);
    -o-box-shadow: 0 1px 0 rgba(255,255,255,0.5);
}

#downloadMobileApp p {
    font: normal 2em/1 "Roadgeek2005SeriesERegular", Arial, sans-serif;
    text-align: center;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}
#downloadMobileApp p.howto {
    float: left;
    font-size: 1.1em;
    margin: 40px 0 0 0;
    text-align: center;
    width: 100%;
}
#downloadMobileApp p.howto a:visited {
    color: #0020C0;
}
#downloadMobileApp ul {
    margin: 50px 0 0 20px;
}
#downloadMobileApp ul li {
    float: left;
    margin: 0  20px 0 0;
}
#downloadMobileApp ul li a {
    display: block;
    height: 62px;
    text-indent: -9999em;
    outline: none;
}
#downloadMobileApp a.iphone {
    background: url(/Content/images/badge-apple.png) no-repeat 0 0;
    width: 160px;
}
#downloadMobileApp a.android {
    background: url(/Content/images/badge-android.png) no-repeat 0 0;
    width: 195px;
}

#smsModal .text, 
#resetPassModal .text,  
#smsModal label, 
#resetPassModal label, 
#resetPassModal p {
    margin-left: 55px;
/*    margin-right: 55px;*/
}
#loginModal .btn, 
#loginModal .modalConfirmWrap {
	float: left;
	margin: 0 10px 10px 70px;
}
#smsModal .btn, 
#smsModal .modalConfirmWrap,
#resetPassModal .modalConfirmWrap,
#thruConnectToNumber .btn,
#thruConnectToNumber .modalConfirmWrap {
	float: left;
	margin: 0 10px 0 55px;
}
.modalContent .modalConfirmWrap {
    text-indent: 0 !important;
    background: none !important;
}
#resetPassModal .btn {
	float: left;
	margin: 0 10px 0 55px;
}
#loginModal .rememberWrap {
	float: left;
	font: normal 1.2em/1 Arial, sans-serif;
	margin: 10px 0 0;
/*	background: #f00;*/
}
#loginModal .forgotLink {
	clear: left;
	float: left;
	border-right: 1px solid #ccc;
	margin: 10px 10px 0 70px;
	padding: 0 10px 0 0;
	font-size: 1.1em;
	width: 90px;
}
#loginModal .registerLink {
	float: right;
	margin: 10px 55px 0 0;
	font-size: 1.1em;
	width: 180px;
}
#resetPassModal .info {
	clear: both;
	margin: 0 55px;
	padding: 10px 0 0;
	font-size: 1.1em;
}
.modalContent .closeLink, 
#lightbox .closeLink {
	position: absolute;
	right: -10px;
	top: -30px;
	margin: 0;
	width: 40px;
	height: 40px;
	text-indent: -9999em;
}
#lightbox .closeLink {
	right: -20px;
	top: -30px;
}
.modalContent .closeLink a, 
#lightbox .closeLink a {
	display: block;
	width: 40px;
	height: 40px;
	background-image: url(/Content/images/btns-public.png);
	background-position: right top;
	background-repeat: no-repeat;
}
.modalContent .closeLink a:hover, 
#lightbox .closeLink a:hover {
	background-position: right -40px;
}
.modalContent .closeLink a:focus, 
#lightbox .closeLink a:focus {
	background-position: right -80px;
	outline: none;
}
.modalContent .captcha {
    margin-bottom: 20px;
}
.modalContent .captcha img {
    display: block;
    margin: 0 0 10px 55px;
}


/* CLAIM BUSINESS & PURCHASE CREDIT WELCOME MODALS */
.infoModal {
	position: relative;
/*    top: 50px; */
	margin: 0 auto;
	padding: 30px;
	width: 440px;
	text-align: left;
	background: #fdf8b1;
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.19, rgb(254,250,198)),
        color-stop(0.74, rgb(253,248,177)),
        color-stop(0.91, rgb(252,245,150))
    );
    background-image: -moz-linear-gradient(
        center bottom,
        rgb(254,250,198) 19%,
        rgb(253,248,177) 74%,
        rgb(252,245,150) 91%
    );
    background-image: -o-linear-gradient(
        center bottom,
        rgb(254,250,198) 19%,
        rgb(253,248,177) 74%,
        rgb(252,245,150) 91%
    );
	border-top: 1px solid #fefcdc;
	border-bottom: 1px solid #fbf26c;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    box-shadow: 0 5px 5px rgba(0,0,0,0.33);
    -webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.33);
    -moz-box-shadow: 0 5px 5px rgba(0,0,0,0.33);
    -o-box-shadow: 0 5px 5px rgba(0,0,0,0.33);
}
.infoModal h3 {
    font-size: 2.1em;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
    text-shadow: 0 1px 1px #fff;
}
.infoModal h3.tick {
    background: url(/Content/images/icon-tick.png) 55px center no-repeat;
}
.infoModal hr {
    margin: 15px 0 0;
    height: 2px;
    line-height: 2px;
    border: none;
    background: url(/Content/images/info-hr.png) center center no-repeat;
}
.infoModal p {
    margin: 20px 0 0;
    font-size: 1.5em;
}
.infoModal .btnWrap {
    text-align: center;
}
.infoModal .btn {
    display: inline-block;
}
#lightbox {
	position: relative;
/*	top: 50px;*/
	margin: 0 auto;
    padding: 10px;
    max-width: 640px;
    background: #fff;
    box-shadow: 0 3px 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 3px 5px rgba(0,0,0,0.5);
    -o-box-shadow: 0 3px 5px rgba(0,0,0,0.5);

}


/*
#############
BUTTONS
#############
*/

.btn {
	border: none !important;
	padding: 0 !important;
    outline: 0 none !important;
	text-indent: -9999em;
	background: url(/Content/images/btns-public.png) 0 0 no-repeat;
	cursor: pointer;
}
/* Adding this for places where both main.css and client.css exist */
#loginSubmit {
    background: url(/Content/images/btns-public.png) 0 0 no-repeat;
    background-position: -89px 0;
}
#loginSubmit:focus,
#loginSubmit:active {
    background-position: -89px -80px;
}
#loginSubmit:hover {
    background-position: -89px -40px;
}
.btn.find {
    width: 89px;
    height: 40px;
}
.btn.find:hover {
	background-position: 0 -40px;
}
.btn.find:active, 
.btn.find:focus {
	background-position: 0 -80px;
}
.btn.login {
    width: 119px;
    height: 40px;
    background-position: -89px 0;
}
.btn.login:hover {
	background-position: -89px -40px;
}
.btn.login:active, 
.btn.login:focus {
	background-position: -89px -80px;
}
.btn.resetPassword {
    width: 202px;
    height: 40px;
    background-position: -208px 0;
}
.btn.resetPassword:hover {
	background-position: -208px -40px;
}
.btn.resetPassword:active, 
.btn.resetPassword:focus {
	background-position: -208px -80px;
}
.btn.sendSMS, 
.btn.send {
    width: 89px;
    height: 40px;
    background-position: -410px 0;
}
.btn.sendSMS:hover, 
.btn.send:hover {
	background-position: -410px -40px;
}
.btn.sendSMS:active, 
.btn.send:active, 
.btn.sendSMS:focus, 
.btn.send:focus {
	background-position: -410px -80px;
}
.btn.loginAlt {
    width: 91px;
    height: 31px;
    background-position: -499px 0;
}
.btn.loginAlt:hover {
	background-position: -499px -31px;
}
.btn.loginAlt:active, 
.btn.loginAlt:focus {
	background-position: -499px -62px;
}
.btn.ok {
    width: 93px;
    height: 31px;
	background-image: url(/Content/images/btns-public.png) !important;
    background-position: -590px 0;
}
.btn.ok:hover {
	background-position: -590px -31px;
}
.btn.ok:active, 
.btn.ok:focus {
	background-position: -590px -62px;
}

div.searchDebugInfo,
div.callOperatorSearch {
    margin: 20px 0 20px;
    padding: 10px;
    border: 1px solid #f2f2f2;
    background-color: #fefac6;    
}

div.callOperatorSearch a {
	font-weight: bold;
    font-size: 18px;
}
	
div.searchDebugInfo h2,
div.callOperatorSearch h2 {
    font-size: 1.7em;
    margin-bottom: 5px;
    margin-top: 10px;
}

div.searchDebugInfo ul,
div.callOperatorSearch ul {
    list-style: circle inside;
    padding-left: 15px;
}

div.callOperatorSearch li {
    font-size: 1.2em;
}

div.callOperatorSearch a,
div.callOperatorSearch a:visited {
    color: #0020C0;
}

div.callOperatorSearch a:hover {
    color: #0f37ff;
}

div.searchDebugInfo p.title {
    font-size: 1.3em;
    border-bottom: 1px solid #bbb;
    margin-bottom: 5px;
}

div.searchDebugInfo p.footer {
    margin-top: 20px;
    font-style: italic;
}