body {
	background: #0C446A url(/images/body-bg.jpg) top left repeat-x; 
	color: white;
	font: small/1.5 Tahoma, "Trebuchet MS", Arial, sans-serif;
}

a {
	color: #08446A;
	text-decoration: underline;
}

a:hover, a:active, a:focus {
	text-decoration: none;
	background: #08446A;
	color: white;
}

body, html {
	margin: 0;
	padding: 0;
}

html {
	padding-bottom: 30px;
}


/* ------------ LAYOUT ------------ */

#header {
	width: 930px;
	margin: 0 auto;
	height: 122px;
	background: transparent url(/images/top-bar.jpg) bottom left no-repeat;
	position: relative;
}

#wrap {
	width: 930px;
	margin: 0 auto;
	background: transparent url(/images/wrap-bg.png) top left repeat-y;
	padding-top: 1px; /* Ensures that the logo and the city don't overlap */
}


#inner-wrap {
	width: 917px;
	margin-left: 6px;
	background: white;
	color: #231F20;
	position: relative;
}

#city-title {
	margin-top: 2px;
}

#splatter {
	position: absolute;
	bottom: 0;
	right: 0;
}

* html #splatter {
	bottom: -1px;
	right: -1px;
}


#top-cities {
	position: absolute; 
	top: 10px;
	right: 10px;

}

#top-cities p {
	margin-top: 0;
}

body.signup #top-cities,
body.members #top-cities {
	display: none;
}

#cities {
	width: 930px;
	margin: 0 auto;
	padding-top: 25px;
	background: transparent url(/images/bottom-bar.png) top left no-repeat;
}

/* ------------ HEADER ------------ */

#logo {
	margin-top: 28px;
	margin-left: 2px;
}

a.logo-link:hover, a.logo-link:active, a.logo-link:focus { background: none; }

ul#header-nav {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 83px;
	right:  12px;
	font-size: 85%;
	color: #231F20;
	background: white;
}

ul#header-nav li {
	list-style: none;
	float: left;
}

ul#header-nav a {
	float: left;
	padding: 0 4px;
	color: #231F20;
	text-decoration: none;
}

ul#header-nav a:hover, ul#header-nav a:focus, ul#header-nav a:active, ul#header-nav a.header-member-link:hover, ul#header-nav a.header-member-link:focus, ul#header-nav a.header-member-link:active  {
	background: #08446A;
	color: white;
}

ul#header-nav a.header-member-link { color:#D41712; }



/* ------------ LEFT ------------ */

#left {
	width: 149px;
	float: left;
	margin-left: 11px;
	display: inline;
	position: relative;
	padding-bottom: 75px;
	margin-top: 15px;
}

#left h2 {
	font-size: 108%;
	font-weight: bold;
	text-align: left;
	border-bottom: 2px solid #DEEDEF;
	line-height: 1.5;
	margin: 0;
	padding: 0 0 0 1px;
	text-transform: uppercase;
}

#nav-wrap {
	width: 149px;
	background: transparent url(/images/side-menu-border.jpg) top left no-repeat;
	position: relative;
}

#menu-curve-bottom {
	position: absolute;
	bottom: -10px;
	left: 0;
}

ul#navlist {
	list-style: none;
	margin: 0 0 0 1px;
	padding: 0;
	width: 147px;
	font-size: 90%;

}

ul#navlist a {
	color: #231F20;
	text-decoration: none;
	width: 140px;
	display: block;
	background: white url(/images/dots.gif) bottom left repeat-x;
	padding: 2px 0 2px 7px;
}

ul#navlist li {
	border-bottom: 1px solid #DEEDEF;
}

ul#navlist a:hover, ul#navlist a:focus, ul#navlist a:active,
ul#navlist li#current a {
	background: #F2F8F9;
}
	
ul#navlist ul#subnavlist {
	background: #F2F8F9;
	margin: 0;
	padding: 0 0 5px 0;
}

ul#navlist ul#subnavlist li {
	list-style-type: none;
	border: none;
	margin-left: 8px;
	padding-left: 12px;
	width: 123px;
	background: transparent url(/images/sublist-bullet-blue.gif) left 8px no-repeat;
}

ul#navlist ul#subnavlist a {
	color: #231F20;
	text-decoration: none;
	width: 123px;
	background: transparent;
	display: block;
	padding: 2px 0 2px 0;
	font-size:90%;
}

ul#navlist ul#subnavlist a:hover,
ul#navlist ul#subnavlist li#subnav-current a { 
	color: #08577E;
}

#search-wrap {
	width: 149px;
	position: relative;
	margin-top: 30px;
}

#search-top {
	position: absolute;
	top: -10px;
	left: 0;
}

#search-bottom {
	position: absolute;
	bottom: -10px;
	left: 0;
}

#search {
	width: 131px;
	border-left: 1px solid #DEEDEF;
	border-right: 1px solid #DEEDEF;
	background: white;
	padding: 0 8px;
}

#search h2 {
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	border-bottom: 2px solid #DEEDEF;
	margin-bottom: 5px;
	text-transform: lowercase;
	margin-top: 0;
}

#search-input {
	background: white;
	border: 1px solid #DEEDEF;
	width: 87px;
}

#search-submit {
	background: #DEEDEF;
	border-left: 1px solid #DEEDEF;
	border-top: 1px solid #DEEDEF;
	border-right: 1px solid #658CA2;
	border-bottom: 1px solid #658CA2;
	width: 35px;
}

#search-input-faded {
	background: white;
	border: 1px solid #DEEDEF;
	width: 87px;
	height: 20px;
}

#search form, #search p {
	margin-top: 0;
	font-size: 85%;
}

#search form {
	margin-bottom: 10px;
}


#search table p {
	margin-bottom: 0;
}

.big-search {
	padding: 10px;
	border: 1px solid #EAF3F4;
	text-align: center;
}

.big-search #search-input {
	width: 350px;
}


/* ------------ SINGLE-COL ------------ */

#single-col {
margin-left: 50px;
margin-right: 50px;
margin-top: 35px;
padding-bottom: 75px;
}


/* ------------ CENTER ------------ */

#center {
	width: 530px;
	float: left;
	margin-left: 23px;
	margin-right: 19px;
	display: inline;
	position: relative;
	padding-bottom: 75px;
	margin-top: 15px;
}

.center-merge #center { width: 670px; }

#center h1, #single-col h1 {
	font-size: 108%;
	line-height: 1.5;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}


#center h2, #single-col h2 {
	font-size: 100%;
	font-weight: bold;
}

#center h3, #single-col h3 {
	font-size: 100%;
	font-weight: bold;
	background-color:#f3f9f9;
	padding:5px;
	margin:0px;
}

#center h4 {
	font-size: 100%;
	font-weight: bold;
	margin-top: 10px;
	padding-top: 10px;
	margin-bottom: 0px;
}

.business-photo {
	float: left;
	margin: 0 12px 12px 0;
}

#business-list td { padding-right: 20px; }

#business-list ul { padding-left: 0; margin-left: 18px; }

p.intro-listing { font-style: italic; }

#center hr { 
	margin-top: 20px; 
	margin-bottom: 20px;
	*margin-top: 12px;
	*margin-bottom: -8px;
}

/* ------------ RIGHT ------------ */

#right {
	width: 177px;
	float: left;
	margin-top: 15px;
	padding-bottom: 75px;
	display: inline;
	position: relative;
}

/* To move the sidebar back up, add margin-top: -25px; to #right */

/* OLD HEADER CODE

h2#spotlights-header,
h2#spotlights-header-member {
	font-weight: bold;
	font-size: 100%;
	text-align: right;
	line-height: 1.5;
	margin: 0 0 22px 0;
	padding: 0;
	color: #08577E;
	text-transform: uppercase;
	position: relative;
	width: 300px;
	right: 125px;
}

*/

/* OLD IE6 HEADER CODE 
h2#spotlights-header, h2#spotlights-header-member { width: auto; font-size: 90%; right: 3px; }
*/

/* NEW HEADER CODE */

h2#spotlights-header,
h2#spotlights-header-member {
	font-weight: bold;
	font-size: 100%;
	text-align: right;
	line-height: 1.5;
	margin: 0 0 22px 0;
	padding: 0;
	color: #08577E;
	text-transform: uppercase;
	position: relative;
	left: -25px;
	width: 200px;
}

* html h2#spotlights-header, * html h2#spotlights-header-member { width: auto; font-size: 90%; right: 0px; left: 0; }


h2#spotlights-header-member {
	color: #ccc;
}


#spotlights {
	background: #F2F8F9;
	border: 1px solid #DEEDEF;
	width: 175px;
	font-size: 85%;
	position: relative;
}

#spotlight-top {
	position: absolute;
	top: -10px;
	left: -1px;
}

#spotlight-bottom {
	position: absolute;
	bottom: -10px;
	left: -1px;
}

#spotlights p.right { margin-top: -5px; }

#spotlights hr {
	margin: 10px 8px;
}

#spotlights hr {
	*margin: -5px 8px 0px 8px; /* targets IE6 and 7 */
}

.business-spot {
	padding: 0 8px;
}

.business-spot h3 {
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	color: #D41712;
}

.business-spot p {
	margin: 5px 0 10px;
}


#all-today {
	background: #f2f8f9;
	border: 1px solid #DEEDEF;
	text-align: center;
	width: 175px;
	display: block;
	margin: 30px 0 10px 0;
	font-weight: bold;
	letter-spacing: 1px;
	position: relative;
}


#all-top {
	position: absolute;
	top: -10px;
	left: -1px;
}

#all-bottom {
	position: absolute;
	bottom: -10px;
	left: -1px;
}




/* ---------- FOOTER-LINKS -----------*/

#footer-links {
	background: #f2f2f2;
	font-size: 85%;
	padding: 10px 0 10px 10px;
}

#footer-links p { 
	margin: 0; 
	padding: 0;
	line-height: 1.5;
}

#footer-links a {
	color: #231F20;
	text-decoration: none;
	padding: 0 3px;
}

#footer-links a:hover, #footer-links a:focus, #footer-links a:active {
	color: white;
}

/* ------------ CITIES ------------ */

#cities p {
	margin-left: 19px;
	margin-top: 0;
}

#cities a {
	color: white;
	text-decoration: none;
	padding: 0 3px;
}

#cities a:hover, #cities a:focus, #cities a:active {
	background: white;
	color: #08577E;
}

#cities span {
	text-transform: lowercase;
	font-size: 130%;
}

/* FOOTER SOCIAL */

#cities p.footer-social {
	margin-left: 15px;
}

#cities a.footer-social-img:hover,
#cities a.footer-social-img:focus,
#cities a.footer-social-img:active {
	background: none;
}

#cities a.footer-social-img img {
	position: relative;
	top: 3px;
}

#cities a.footer-social-text {
	text-transform: none;
	padding: 0;
}


/* ------------ EXTRAS ------------ */

.social img {
	position: relative;
	left: -5px;
}


.social a.has-img:hover,
.social a.has-img:focus,
.social a.has-img:active {
	background: white;
}


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

.link-box-signup {
	background: #f2f8f9;
	border: 1px solid #DEEDEF;
	text-align: center;
	padding: 5px;
	font-weight: bold;
	font-size: 125%;
	display: block;
	width: 230px;
	margin: 30px 0;
}


.faded {
	opacity: .25;
	filter: alpha(opacity=25);
	-moz-opacity: 0.25;
}

.link-color { color: #08446A; }
.underline { text-decoration: underline; }
.smaller { font-size: 80%; }

.zoom-text {
	position: relative;
	top: -10px;
	left: -5px;
}

a.zoom-image:hover, a.zoom-image:active, a.zoom-image:active {
	background: none;
}

hr {
	color: white;
	background-color: white;
	height: 4px;
	border: 1px solid #EAF3F4;
}

.f-right {
	float: right;
	margin: 0 0 10px 10px;
}

.f-left {
	float: left;
	margin: 0 10px 10px 0;
}

.center { text-align: center; }
.right { text-align: right; }

.clear { clear: both; }

a img { border: none; }

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hide from IE Mac \*/
* html .clearfix { height: 1%; }
.clearfix {display: block;}
/* End hide from IE Mac */

/* ---------- IE6 -----------*/

* html img {
	behavior: url("/css/pngbehavior.htc");
}


/* commented backslash hack v2 \*/

* html #wrap {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/wrap-bg.png', sizingMethod='scale');
}

* html #cities {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bottom-bar.png', sizingMethod='crop');
}

/* end hack */

/* ---------- HOME STYLES -----------*/

#home #center {
	width: 716px;
	margin-right: 0;
	margin-top: 0;
	padding-top: 0;
}

#home-text { margin-right: 10px; }

p.first-para-home { margin-top: 17px; padding-top: 0; }

#home h1 {
	color: #00577D;
	font-weight: bold;
	font-size: 150%;
}

.home-box {
	width: 353px;
	float: left;
	display: inline;
	font-size: 85%;
	margin-bottom: 10px;
}

.home-box-left { margin-right: 10px; }
.home-box-right { margin-right: 0; }


.home-box-top {
	background: transparent url(/images/home-box-top.gif) top left no-repeat;
	height: 11px;
	overflow: hidden;
}

.home-box-mid {
	background: transparent url(/images/home-box-mid.gif) top left repeat-y;
	padding: 0 10px;
	min-height: 140px;
}

* html .home-box-mid { height: 140px; }

.home-box-mid img { display: block; }

.home-box-bot {
	background: transparent url(/images/home-box-bot.gif) top left no-repeat;
	height: 11px;
	overflow: hidden;
}

.home-box h2 {
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	padding: 0;
	color: #D41712;
}

.home-box p {
	margin: 0; 
	padding: 0;
}


.home-image-holder { padding-right: 10px; }

#home-more {
	width: 200px;
	height: 48px;
	background: #08577E url(/images/home-more-discounts-bg.gif) top left no-repeat;
	text-align: center;
	clear: both;
	margin-left: 516px;
	position: relative;
}

#home-more a {
	background: #08577E;
	color: white;
	font-weight: bold;
	position: absolute;
	top: 15px;
	left: 17px;
	line-height: 13px;
	font-size: 13px;
}


/* ---------- GEORGE -----------*/

.members_frame{margin:20px 0px; padding:10px; background-color:#f9fcfc; border:#deedef solid 1px;}
form.members{width:280px; text-align:right; margin:10px; padding:10px; border:#deedef solid 1px; margin:10px auto; background-color:#FFF;}
form.members input{width:150px; margin:2px 0px;}
form.members input.submit{ width: 120px;}
form.members input.cancel{ width: 80px;}
form.members input.radio{ width:14px; margin-left:10px;}
form textarea{ font-family:Verdana, Geneva, sans-serif; width:98%; height:50px;}
form.categories{ text-align:left; width:350px; margin:10px; padding:10px; border:#deedef solid 1px; margin:10px auto; background-color:#FFF;}
form input.checkbox{ margin-left:0px; width:14px;}
form input.full{ width:100%;}

#idSignUp_Process{ border-bottom:#3ca187 solid 1px; padding:2px 0px; margin:10px 0px 30px 0px;}
#idSignUp_Process p{ margin:0px; padding:0px; font-weight:bold; color:#CCC;}
#idSignUp_Process ul{ margin:0px 0px; padding:5px 0px 2px 0px; list-style-type:none; background-color:#f2f8f9; border:#deedef solid 1px; text-align:center; vertical-align:middle;}
#idSignUp_Process ul li{ margin:0px; padding:5px 6px 5px 4px; border-right:#3ca187 dashed 1px; display:inline; font-size:85%;}
#idSignUp_Process img{ vertical-align:middle; padding-right:5px; margin-bottom:2px;}
#idSignUp_Process ul li.on { font-weight:bold;}
#idSignUp_Process ul li.done { font-weight:bold; color:#999;}

#signup #check_code{ margin:0px 0px 20px 25px; font-size:65%; color:#3ca187;}
#signup #check_code input{ display:inline; width:100px; font-size:100%;}
td.review_box{ border:#deedef solid 1px; padding:5px; margin:5px;}

/* ---- George bringing inline styles here ---*/

.required {color:#06F; font-weight:bold;}

#header a#idCity{ text-transform:capitalize;} /* to capitalize city in main navigation / ex. "Pensacola Home" */
span.view_your_profile{ font-size:75%;}
span.alert{ color:red; }/* for all the emphasized text in members area */
div#idLogInAs{ text-align:right; padding-right:10px; color:#656565;}