/*-------------------------------------
	Basic Styles for Backyard
	!1 - General, Pagewide styles
	!2 - Header
	!3 - Content Styles
	!4 - Post-Content Styles
	!5 - Footer Styles
	!6 - Misc Styles
/*-------------------------------------
	!1 - General, Pagewide Styles
*/
body
{
    background: #fff url(../images/by-bg_gradient.png) repeat-x top left scroll;
    color: #2a2929;
    position: relative;
}
a, a:visited
{
    color: #3b5998;
    font-weight: bold;
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}

br.clear
{
    clear: both;
    display: block;
    width: 0;
    height: 0;
    line-height: 0;
}

.wrapper
{
    width: 950px;
    padding: 0;
    margin: 0 auto;
    position: relative;
}

strong
{
    font-weight: bold;
}

em
{
    font-style: italic;
}


/* new clearfix */
.clearfix:after
{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .clearfix
{
    zoom: 1;
}
/* IE6 */
*:first-child + html .clearfix
{
    zoom: 1;
}
/* IE7 */



/*-------------------------------------
	!2 - Header Styles
*/

#header
{
    height: 155px;
    position: relative;
}

#header h1#logo
{
    display: block;
    position: absolute;
    top: 18px;
    left: 10px;
    z-index: 10;
}

#header h1#logo .logo_mark
{
    height: 64px;
    width: 47px;
    display: block;
    text-indent: -9999em;
    background: transparent url(../images/by-logomark.png) no-repeat top left scroll;
}

#header h1#logo .logo_text
{
    height: 34px;
    width: 223px;
    position: absolute;
    top: -3px;
    left: 50px;
    display: block;
    text-indent: -9999em;
    background: transparent url(../images/by-logotype.png) no-repeat top left scroll;
}

#header h1#logo a
{
    height: 55px;
    width: 295px;
    display: block;
    text-indent: -9999em;
    background: transparent url(../images/by-header_logo.png) no-repeat top left scroll;
}

#header div.login
{
    position: absolute;
    width: 580px;
    right: 10px;
    top: 24px;
    height: 50px;
    text-align: right;
}

#header div.login p
{
    color: #414141;
    height: 16px;
    line-height: 16px;
    padding: 0;
}

#header div.login p a
{
    color: #1753b1;
    height: 16px;
    cursor: pointer;
    line-height: 16px;
    padding: 2px 0;
    font-weight: normal;
}

#header div.login p a.fb_login
{
    padding-left: 22px;
    background: transparent url(../images/by-fb_icon.png) no-repeat top left scroll;
}

.fb_login
{
    padding-left: 22px;
    background: transparent url(../images/by-fb_icon.png) no-repeat top left scroll;
}

#header div#search_now
{
    position: absolute;
    z-index: 5;
    top: 90px;
    left: 0;
    width: 950px;
    height: 74px;
    background: #21499e;
    border-bottom: 1px solid #0F285C;
}

#header div#search_now form
{
    position: relative;
}

#header div#search_now label
{
    position: absolute;
    top: 23px;
    right: 563px;
    text-align: right;
    font-weight: bold;
    color: #fff;
    font-size: 19px;
    line-height: 19px;
    text-shadow: -2px -1px 0 #0f285c;
    -moz-text-shadow: -2px -1px 0 #0f285c;
    -webkit-text-shadow: -2px -1px 0 #0f285c;
}

#header div#search_now label small
{
    display: block;
    text-shadow: 0 0 0 #061536;
    -moz-text-shadow: 0 0 0 #061536;
    -webkit-text-shadow: 0 0 0 #061536;
    color: #061536;
    font-weight: bold;
    font-size: 10px;
    line-height: 14px;
}


#header div#search_now input
{
    font-weight: normal;
}

#header div#search_now input.search
{
    position: absolute;
    top: 19px;
    left: 400px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-radius-topleft: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    border: 1px solid #fff;
    background: #fff;
    padding: 4px;
    height: 29px;
    width: 361px;
    font-size: 18px;
    line-height: 24px;
    color: #2A2929;
}


#header div#search_now input.search_submit
{
    position: absolute;
    top: 19px;
    left: 771px;
    border: none;
    cursor: pointer;
    font-family: Helvetica, Arial, sans-serif;
    height: 39px;
    width: 92px;
    text-indent: -9999em;
    background: transparent url(../images/by-search_button.png) no-repeat top right;
}


#header div#search_now input.search_for
{
    position: absolute;
    top: 19px;
    left: 168px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #fff;
    background: #fff;
    padding: 4px;
    height: 29px;
    width: 306px;
    font-size: 18px;
    line-height: 24px;
    color: #2A2929;
}

#header div#search_now label[for="search_for"]
{
    position: absolute;
    top: 23px;
    right: 794px;
}

#header div#search_now label[for="search_near"]
{
    position: absolute;
    top: 23px;
    right: 392px;
}

#header div#search_now input.search_near
{
    position: absolute;
    top: 19px;
    left: 567px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #fff;
    background: #fff;
    padding: 4px;
    height: 29px;
    width: 214px;
    font-size: 18px;
    line-height: 24px;
    color: #2A2929;
}

.tb_bar
{
    -webkit-border-top-left-radius: 5px;
    -khtml-border-radius-topleft: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -khtml-border-radius-topright: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
}

.tb_separator
{
    background: url(images/bar-div.png) no-repeat;
    height: 31px;
    width: 2px;
    float: left;
}

.tb_link
{
    float: left;
    color: White;
    font-size: 14px;
    font-weight: bold;
    margin: 7px 15px 0px 15px;
}
.tb_link:visited
{
    color: White;
}

/*-------------------------------------
	!3 - Content Styles
*/

/*		Home Page		*/

#content
{
    background: #fff;
    margin-top: 10px;
}


body.city div.wrapper #content
{
    padding: 0;
}
body.categories div.wrapper #content
{
    padding: 0;
}

#call_out
{
    height: 57px;
    padding: 30px;
    background: #fef8d6;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 10px;
}

#call_out h2
{
    display: block;
    text-indent: -9999em;
    background: transparent url(../images/by-callout-text.png) no-repeat top left scroll;
    padding-bottom: 10px;
    height: 32px;
    width: 732px;
}

#call_out h3
{
    font-size: 18px;
    line-height: 12px;
    color: #6c5c53;
    font-weight: bold;
}

#call_out h3 a
{
    color: #21499e;
}


.main_content_column
{
    margin-top: 30px;
    width: 590px;
    float: left;
    padding-left: 20px;
}

.secondary_content_column
{
    margin-top: 4px;
    width: 300px;
    float: right;
    padding-right: 20px;
}

.secondary_content_column img
{
    margin-bottom: 20px;
}

.secondary_content_column a.happy_hour
{
    display: block;
    position: relative;
    top: -2px;
    height: 59px;
    width: 300px;
    text-indent: -9999em;
    margin-bottom: 18px;
    background: transparent url(../images/by-happy_hour_ad.png) no-repeat top center scroll;
}

.secondary_content_column a.happy_hour:hover
{
    background: transparent url(../images/by-happy_hour_ad.png) no-repeat bottom center scroll;
}

body.home .secondary_content_column
{
    padding-top: 14px;
}


#live h3.header_text
{
    height: 35px;
    width: 206px;
    display: block;
    text-indent: -9999em;
    background: transparent url(../images/by-live_header.png) no-repeat top left scroll;
    padding-bottom: 0;
    position: relative;
    left: -12px;
}

#live ul
{
    border-top: 1px solid #E5E5E5;
}

#live ul li
{
    position: relative;
    min-height: 50px;
    padding: 12px 12px 0;
    margin-top: 6px;
    background: #EFEFEF;
    padding-left: 64px;
}

#live ul li:nth-child(even)
{
    background: #E7EbF3;
}

#live ul li:nth-child(odd)
{
    background: #EFEFEF;
}

#live ul li:hover, #live ul li:focus
{
    background: #F1F1F1;
}

#live ul li p
{
    padding-bottom: 4px;
}

#live ul li small
{
    display: block;
    padding-bottom: 3px;
}

#live ul li img
{
    top: 6px;
    left: 6px;
    position: absolute;
}


/*		City Page		*/

div.city_main
{
    padding: 20px 20px;
    margin-bottom: 15px;
}

div.city_main h2
{
    padding-bottom: 10px;
    color: #333;
    font-weight: bold;
    font-size: 21px;
    font-weight: 24px;
    vertical-align: top;
}

div.city_main h2 a
{
    padding-left: 12px;
    font-size: 11px;
    color: #3b5998;
}

div.map_wrapper
{
    border-top: 1px solid #D4D4D4;
    background: #F4F5F9;
    width: 300px;
    min-height: 300px;
    padding-left: 610px;
    position: relative;
}

div.map_wrapper iframe
{
    position: absolute;
    top: 1px;
    left: 0;
    width: 580px;
    height: 280px;
    padding: 7px 12px 10px 8px;
    background: transparent url(../images/by-map_bg.png);
}

div.map_wrapper h4
{
    width: 247px;
    height: 71px;
    display: block;
    text-indent: -9999em;
    padding-bottom: 10px;
    background: transparent url(../images/by-whats_hot_header.png) no-repeat top left scroll;
}


div.map_wrapper ol
{
    padding-left: 30px;
}

div.map_wrapper ol li
{
    list-style: decimal inside;
    font-weight: bold;
}

div.map_wrapper ol li a
{
    color: #3b5998;
    font-weight: normal;
    font-size: 15px;
    line-height: 21px;
}

div.map_wrapper_results
{
    width: 300px;
    height: 300px;
    position: relative;
}

div.map_wrapper_results iframe
{
    position: absolute;
    top: 1px;
    left: 0;
    width: 300px;
    height: 300px;
    padding: 7px 12px 10px 8px;
    background: transparent url(../images/by-map-shadow.png);
}

div.map_wrapper_results .inside
{
    position: absolute;
    top: 1px;
    left: 0;
    width: 300px;
    height: 300px;
    padding: 7px 12px 10px 8px;
    background: transparent url(../images/by-map-shadow.png);
}

div#bestof
{
    position: relative;
    border-top: 1px solid #E5E5E5;
    margin-top: 39px;
    padding-top: 20px;
    padding-left: 0;
    margin-left: 20px;
}

div#bestof h3.header_text
{
    position: absolute;
    top: -40px;
    left: 0;
    width: 154px;
    height: 49px;
    display: block;
    background: transparent url(../images/by-best_of_header.png) no-repeat top left scroll;
    text-indent: -9999em;
}

div#bestof ul li.best_of_section
{
    border: 1px solid #D4D4D4;
    width: 243px;
    display: block;
    float: left;
    padding: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: transparent url(../images/by-best_of_block_bg.png) bottom left repeat-x scroll;
    position: relative;
}

div#bestof ul li.best_of_section:nth-child(even)
{
    margin-right: 0;
}

div#bestof ul li.best_of_section h4
{
    border-bottom: 1px solid #CFCFCF;
    padding-bottom: 5px;
    margin-bottom: 20px;
}
div#bestof ul li.best_of_section h4 a
{
    font-size: 16px;
    line-height: 24px;
    color: #0e285c;
    position: relative;
}

div#bestof ul li.best_of_section .nightlife
{
    position: absolute;
    top: 0px;
    right: 10px;
}

div#bestof ul li.best_of_section .spas
{
    position: absolute;
    top: 0px;
    right: 10px;
}

div#bestof ul li.best_of_section .restaurants
{
    position: absolute;
    top: 0px;
    right: 10px;
}

div#bestof ul li.best_of_section .health
{
    position: absolute;
    top: 0px;
    right: 10px;
}

div#bestof ul li.best_of_section ol
{
    list-style: inside decimal;
}

div#bestof ul li.best_of_section table tr td
{
    font-weight: normal;
    color: #333;
    font-size: 13px;
    line-height: 23px;
}

div#bestof ul li.best_of_section table tr td a
{
    color: #3b5998;
    font-weight: normal;
}


div#top_categories table
{
    padding-left: 20px;
}

div#top_categories p
{
    margin-left: 13px;
}

div#top_categories table .topcat_icons
{
    background-color: #efefef;
}

div#top_categories table .topcat_icons td
{
    border-right: 1px solid white;
}

div#top_categories table .topcat_text
{
    height: 40px;
}

div#top_categories table .topcat_text td
{
    padding-top: 10px;
}

div#top_categories table tr td
{
    text-align: center;
}

div#top_categories table tr td a img
{
    margin-bottom: 4px;
}

div#top_categories table tr td a
{
    font-size: 12px;
    line-height: 12px;
    font-weight: bold;
}


/*		Results Page		*/


body.results .wrapper #content, body.listings .wrapper #content
{
    padding-top: 10px;
    padding-bottom: 50px;
}
body.listings .wrapper #content
{
    padding-bottom: 0;
}

body.results .main_content_column, body.listings .main_content_column
{
    margin-top: 0;
}

.breadcrumbs, .results_header, .main_col_ad
{
    border-bottom: 1px solid #E5E5E5;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.main_col_ad
{
    padding: 10px 0;
}

.main_col_ad .bottom_ad
{
    border-top: 1px solid #E5E5E5;    
    padding-top: 10px;
    margin-top: 40px;
}

.breadcrumbs p
{
    padding-bottom: 0;
}

.results_header
{
    position: relative;
    margin-top: 10px;
    margin-bottom: 0;
}

.results_header h3
{
    font-size: 30px;
    line-height: 30px;
    padding-bottom: 0;
    width: 420px;
}

.results_header p
{
    position: absolute;
    bottom: 10px;
    right: 0;
    line-height: 21px;
    text-align: right;
    padding: 0;
    margin-bottom: 0;
}

ul.listings
{
    margin-bottom: 20px;
}

ul.listings li
{
    border-bottom: 1px solid #E5E5E5;
    position: relative;
    padding: 10px 115px 10px 30px;
}

ul.listings .normal
{
    background: transparent url(../images/by-li_pin.png) no-repeat 0 10px scroll;
}

ul.listings .featured
{
    /*background: transparent url(../images/featured-red.png) no-repeat 0 10px scroll;*/
}

ul.listings .verified
{
    /*background: transparent url(../images/featured-grn.png) no-repeat 0 10px scroll;*/
}

ul.listings li:after
{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

ul.listings li .rating_img
{
    position: absolute;
    top: 10px;
    right: -3px;
}

ul.listings li .result_img
{
    position: absolute;
    top: 10px;
    right: 0;
}

ul.listings li h4 img
{
    position: relative;
    top: 5px;
    left: 0;
    margin-left: 10px;
}

ul.listings li p.categories
{
    width: 220px;
    float: left;
    margin-right: 20px;
}

ul.listings li p.contact_info
{
    width: 200px;
    float: left;
}


div.listing_footer
{
    position: relative;
    text-align: left;
}

div.listing_footer p
{
    font-weight: bold;
    font-size: 11px;
    line-height: 16px;
    width: 430px;
    padding-bottom: 0;
}


div.listing_footer p.prev_next
{
    text-transform: uppercase;
    position: absolute;
    top: 0;
    right: 0;
    width: 120px;
    text-align: right;
}

div.listing_footer p span
{
    font-weight: bold;
    padding: 3px;
}

div.listing_footer p a
{
    font-weight: bold;
    padding: 3px;
}


div.listing_footer p.prev_next a
{
    font-weight: bold;
    padding: 0 0 0 3px;
}

.secondary_content_column #live ul li
{
    margin-top: 3px;
    padding: 10px 10px 0 62px;
}

.secondary_content_column #live ul li small
{
    line-height: 13px;
}

.secondary_content_column #live ul li img
{
    top: 5px;
    left: 5px;
}

/*		Listings Page		*/

body.listings .main_content_column .breadcrumbs
{
    margin-bottom: 0;
}

div#result_listing
{
    margin-top: 20px;
    margin-bottom: 16px;
	position:relative;
	float:left;
	width:590px; 
	height:auto;
	clear:both;
}

div#result_listing h3
{
    font-size: 18px;
    line-height: 24px;
    font-weight: normal;
}

div#result_listing h2
{
    line-height: 24px; width:590px; font-size:36px; font-weight:700;
}

a.checkin, a.fan_this, a.add_review, a.photo_upload
{
    display: block;
    text-indent: -9999em;
    cursor: pointer;
}

a.checkin
{
    width: 98px;
    height: 25px;
    background: transparent url(../images/by-checkin_button.png) no-repeat top center scroll;
    float: left;
    margin-right: 10px;
}

a.fan_this
{
    width: 130px;
    height: 25px;
    background: transparent url(../images/by-fan_this_button.png) no-repeat top center scroll;
    float: left;
}

#result_listing .uploaded_img
{
    clear: both;
    display: block;
    position: relative;
    top: 5px;
    left: -4px;
    margin-bottom: 15px;
}

#result_listing p a
{
    font-weight: normal;
}

a.photo_upload
{
    background: transparent url(../images/by-upload_photo.png) no-repeat top center scroll;
    width: 200px;
    height: 42px;
    position: relative;
    top: -20px;
}

a.add_review
{
    background: transparent url(../images/by-add_review_button.png) no-repeat top center scroll;
    width: 200px;
    height: 42px;
    position: relative;
}

.select_rating
{
    width: 200px;
    height: 42px;
    position: relative;
}

div.listing_happy_hour h3.menu_header
{
    height: 50px;
    display: block;
    background: transparent url(../images/by-happy_hour_header.png) no-repeat top center scroll;
    text-indent: -9999em;
    padding: 0;
}

div.listing_happy_hour
{
    margin-top: 30px;
}

div.listing_happy_hour div
{
    border: 1px solid #FAD5A6;
    background: #FFFBF3;
    padding: 20px;
}

div.listing_happy_hour div p
{
    width: 274px;
    text-align: center;
    float: left;
    padding-bottom: 0;
}

/* OLD deals layout CSS classes for rollback if needed:

div.listing_deals h3.menu_header
{
    height: 50px;
    display: block;
    background: transparent url(../images/by-deals-header.png) no-repeat top center scroll;
    text-indent: -9999em;
    padding: 0;
}

div.listing_deals div
{
    border: 1px solid #6cb918;
    background: #dff8c4;
    padding: 20px;
}

div.listing_deals div p
{
    width: 274px;
    text-align: center;
    float: left;
    padding-bottom: 0;
}

.deal_title
{
    font-weight: bold;
}
*/


/*---------------------------------
	!4 - Footer Styles
*/

div#footer_nav
{
    border: none;
    position: relative;
    background: #fff;
    height: 20px;
    width: 850px;
    padding-top: 10px;
}

.footer_region
{
    height: 50px;
}

div#footer_nav div
{
    width: 890px;
    padding-left: 10px;
}

div#footer_nav div.hottest_cities
{
    float: left;
    width: 830px;
}

div#footer_nav div.states
{
    float: right;
}

div#footer_nav .hot_cities_icon
{
    background: transparent url(../images/hot-spots.png) no-repeat top left;
    position: absolute;
    top: -50px;
    left: 0px;
    height: 63px;
    width: 175px;
}

div#footer_nav div p
{
    padding: 0;
    font-size: 8pt;
    margin-left: -10px;
}


#footer
{
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
    padding: 22px 0 0px;
    margin: 0 0 0 0;
    width: 950px;
}

#footer p
{
    width: 300px;
    display: block;
    float: left;
    text-align: left;
}

#footer p span
{
    margin: 0 10px;
}

#footer ul.footer_subnav
{
    float: right;
    display: block;
    text-align: right;
}

#footer ul.footer_subnav li
{
    float: left;
    margin: 0 0 0 7px;
    padding: 0 7px 0 0;
    border-right: 1px solid #2a2828;
    height: 11px;
}

#footer ul.footer_subnav li:last-child
{
    padding-right: 0;
    border-right: none;
}

#footer ul.footer_subnav li a
{
    color: #2a2828;
    height: 11px;
    font-size: 11px;
    line-height: 11px;
    display: block;
}

.more_cat_table
{
    border: 1px solid #E5E5E5;
    margin: 20px 0px 40px 20px;
    background-color: #efefef; 
}

.more_cat_table .more_cat_header
{
    border-bottom: 1px solid #E5E5E5;
    padding: 5px;
    font-size: 10pt;
    font-weight: bold;
}

.more_cat_data table
{
    width: 880px;
    margin: 10px 0px 10px 30px;
    font-size: 8pt;
    font-weight: normal;    
}

.more_cat_data table tr
{
}

.more_cat_header
{
    border-bottom: 1px solid #E5E5E5;
}

.more_cat_list
{
    list-style-position: inside;
    list-style-image: url(../images/categories-bullet.png);
}

.more_cat_list a
{
    font-weight: normal;
}

/*---------------------------------
	!5 - Misc Styles
*/

.modal_wrapper
{
    display: none;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: fixed;
    top: 105px;
    left: 50%;
    margin-left: -300px;
    z-index: 50;
    width: 600px;
    height: 350px;
    padding: 20px;
    background: rgba(0,0,0,.36);
}

.modal_wrapper div.modal, .modal_wrapper div.modal_filter
{
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #fff;
    width: 600px;
    height: 350px;
    text-align: center;
}

.modal_wrapper div.modal h3
{
    height: 40px;
    padding: 0;
    text-indent: -9999em;
    -webkit-border-top-left-radius: 8px;
    -khtml-border-radius-topleft: 8px;
    -moz-border-radius-topleft: 8px;
    border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -khtml-border-radius-topright: 8px;
    -moz-border-radius-topright: 8px;
    border-top-right-radius: 8px;
    margin-bottom: 30px;
    background: #21499E url(../images/by-modal_header.png) no-repeat 8px 0px scroll;
}

.modal_wrapper div.modal_filter h3
{
    height: 40px;
    padding: 0;
    text-indent: -9999em;
    -webkit-border-top-left-radius: 8px;
    -khtml-border-radius-topleft: 8px;
    -moz-border-radius-topleft: 8px;
    border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -khtml-border-radius-topright: 8px;
    -moz-border-radius-topright: 8px;
    border-top-right-radius: 8px;
    margin-bottom: 30px;
    background: #21499E url(../images/by-search-header.png) no-repeat 8px 0px scroll;
}

.modal_wrapper div.modal h4, .modal_wrapper div.modal_filter h4
{
    font-size: 19px;
    font-weight: bold;
    color: #2a2929;
}

.modal_wrapper div.modal p a, .modal_wrapper div.modal_filter p a
{
    font-weight: normal;
}

.modal_wrapper div.modal p a img, .modal_wrapper div.modal_filter p a img
{
    margin: 18px 0;
}

.modal_wrapper div.modal_hh
{
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #E7EBF3;
    border: 1px solid #fff;
    width: 580px;
    height: 350px;
    text-align: center;
}

.modal_wrapper div.modal_hh h3
{
    height: 53px;
    padding: 0;
    text-indent: -9999em;
    -webkit-border-top-left-radius: 8px;
    -khtml-border-radius-topleft: 8px;
    -moz-border-radius-topleft: 8px;
    border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -khtml-border-radius-topright: 8px;
    -moz-border-radius-topright: 8px;
    border-top-right-radius: 8px;
    margin-bottom: 30px;
    background: url(../images/hh-header.png) no-repeat;
    background-attachment: scroll;
    background-position: top left;
}

.modal_wrapper div.modal_hh h4
{
    font-size: 19px;
    font-weight: bold;
    color: #2a2929;
}

.modal_wrapper div.modal_hh p a
{
    font-weight: normal;
}

.modal_wrapper div.modal_hh p a img
{
    margin: 18px 0;
}

.modal_wrapper div.modal_spa
{
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #E7EBF3;
    border: 1px solid #fff;
    width: 580px;
    height: 350px;
    text-align: center;
}

.modal_wrapper div.modal_spa h3
{
    height: 53px;
    padding: 0;
    text-indent: -9999em;
    -webkit-border-top-left-radius: 8px;
    -khtml-border-radius-topleft: 8px;
    -moz-border-radius-topleft: 8px;
    border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -khtml-border-radius-topright: 8px;
    -moz-border-radius-topright: 8px;
    border-top-right-radius: 8px;
    margin-bottom: 30px;
    background: url(../images/ds-header.png) no-repeat;
    background-attachment: scroll;
    background-position: top left;
}

.modal_wrapper div.modal_spa h4
{
    font-size: 19px;
    font-weight: bold;
    color: #2a2929;
}

.modal_wrapper div.modal_spa p a
{
    font-weight: normal;
}

.modal_wrapper div.modal_spa p a img
{
    margin: 18px 0;
}

.modal_wrapper div.modal_salon
{
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #E7EBF3;
    border: 1px solid #fff;
    width: 580px;
    height: 350px;
    text-align: center;
}

.modal_wrapper div.modal_salon h3
{
    height: 53px;
    padding: 0;
    text-indent: -9999em;
    -webkit-border-top-left-radius: 8px;
    -khtml-border-radius-topleft: 8px;
    -moz-border-radius-topleft: 8px;
    border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -khtml-border-radius-topright: 8px;
    -moz-border-radius-topright: 8px;
    border-top-right-radius: 8px;
    margin-bottom: 30px;
    background: url(../images/salon-header.png) no-repeat;
    background-attachment: scroll;
    background-position: top left;
}

.modal_wrapper div.modal_salon h4
{
    font-size: 19px;
    font-weight: bold;
    color: #2a2929;
}

.modal_wrapper div.modal_salon p a
{
    font-weight: normal;
}

.modal_wrapper div.modal_salon p a img
{
    margin: 18px 0;
}

.modal_wrapper div.modal_tanning
{
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #E7EBF3;
    border: 1px solid #fff;
    width: 580px;
    height: 350px;
    text-align: center;
}

.modal_wrapper div.modal_tanning h3
{
    height: 53px;
    padding: 0;
    text-indent: -9999em;
    -webkit-border-top-left-radius: 8px;
    -khtml-border-radius-topleft: 8px;
    -moz-border-radius-topleft: 8px;
    border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -khtml-border-radius-topright: 8px;
    -moz-border-radius-topright: 8px;
    border-top-right-radius: 8px;
    margin-bottom: 30px;
    background: url(../images/t-header.png) no-repeat;
    background-attachment: scroll;
    background-position: top left;
}

.modal_wrapper div.modal_tanning h4
{
    font-size: 19px;
    font-weight: bold;
    color: #2a2929;
}

.modal_wrapper div.modal_tanning p a
{
    font-weight: normal;
}

.modal_wrapper div.modal_tanning p a img
{
    margin: 18px 0;
}

#hh_search input.search
{
    position: absolute;
    top: 185px;
    left: 150px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-radius-topleft: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    border: 1px solid #fff;
    background: #fff;
    padding: 4px;
    height: 29px;
    width: 250px;
    font-size: 18px;
    line-height: 24px;
    color: #2A2929;
}


#hh_search input.search_submit
{
    position: absolute;
    top: 185px;
    left: 400px;
    border: none;
    cursor: pointer;
    font-family: Helvetica, Arial, sans-serif;
    height: 39px;
    width: 92px;
    text-indent: -9999em;
    background: transparent url(../images/by-search_button.png) no-repeat top right;
}

#hh_search label[for="search"]
{
    position: absolute;
    top: 188px;
    left: 80px;
    text-align: right;
    width: 65px;
}

/*		Splash Page		*/

body.splash div.wrapper div.splash
{
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    width: 830px;
    height: 470px;
    background: #21499e url(../images/by-splash_bg.png) no-repeat 122px 74px scroll;
    margin: 30px auto;
    position: relative;
    padding: 20px;
}

div.splash h1.logo
{
    width: 291px;
    height: 35px;
    display: block;
    text-indent: -9999em;
    position: absolute;
    left: 380px;
    top: 150px;
    background: transparent url(../images/by-splash_title.png) no-repeat top left scroll;
}

div.splash form
{
    background: rgba(255,255,255,.24);
    position: absolute;
    top: 194px;
    left: 322px;
    width: 356px;
    min-height: 88px;
    display: block;
    padding: 15px 20px 20px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

div.splash form label
{
    font-size: 17px;
    line-height: 17px;
    font-weight: bold;
    color: #fff;
    text-shadow: -1px -1px 0 #21499e;
    -moz-text-shadow: -1px -1px 0 #21499e;
    -webkit-text-shadow: -1px -1px 0 #21499e;
    margin-bottom: 10px;
    display: block;
}

div.splash form input#mailing_list
{
    position: absolute;
    top: 64px;
    left: 20px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-radius-topleft: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    border: 1px solid #fff;
    background: #fff;
    padding: 4px;
    height: 29px;
    width: 257px;
    font-size: 24px;
    line-height: 24px;
    color: #2A2929;
}

div.splash form input#mailing_list_submit
{
    position: absolute;
    top: 64px;
    right: 20px;
    border: none;
    cursor: pointer;
    font-family: Helvetica, Arial, sans-serif;
    height: 39px;
    width: 92px;
    text-indent: -9999em;
    background: transparent url(../images/by-splash_join_button.png) no-repeat top right;
}

div.splash form small
{
    display: block;
    position: absolute;
    bottom: -22px;
    left: 20px;
    text-align: left;
    color: #5386f2;
    font-weight: normal;
    font-size: 11px;
    line-height: 15px;
}

div.splash form small a
{
    color: #E5E5E5;
}

div#modal_addbus.modal_wrapper
{
    margin-left: -295px;
    width: 590px;
}


div#modal_addbus div.modal
{
    width: 590px;
}

div#modal_addbus div.modal div.addbus_modal
{
    margin-bottom: 20px;
}

div#modal_addbus div.modal div.addbus_modal h3.addbus_header
{
    display: block;
    height: 40px;
    position: relative;
    padding: 0;
    background: transparent url(../images/by-submit-business.png) no-repeat top center scroll;
    text-indent: -9999em;
    margin-bottom: 0px;
}

div#modal_addbus div.modal div.addbus_modal h3.addbus_header a
{
    color: #fff;
    font-size: 15px;
    line-height: 15px;
    position: absolute;
    display: block;
    right: 20px;
    top: 14px;
    text-align: right;
}

.add_business
{
    font-family: Arial;
    font-weight: bold;
    font-size: 10pt;
}

.add_bus_text
{
    font-size: 12pt;
}

div#modal_upload.modal_wrapper
{
    margin-left: -295px;
    width: 590px;
}


div#modal_upload div.modal
{
    width: 590px;
}

div#modal_upload div.modal div.photo_upload
{
    margin-bottom: 20px;
}

div#modal_upload div.modal div.photo_upload h3.upload_header
{
    display: block;
    height: 40px;
    position: relative;
    padding: 0;
    background: transparent url(../images/by-photo-upload-header.png) no-repeat top center scroll;
    text-indent: -9999em;
    margin-bottom: 0;
}

div#modal_upload div.modal div.photo_upload h3.upload_header a
{
    color: #fff;
    font-size: 15px;
    line-height: 15px;
    position: absolute;
    display: block;
    right: 20px;
    top: 14px;
    text-align: right;
}

.upload_form
{
    text-align: center;
}

.upload_text
{
    font-size: 16pt;
    font-family: Arial;
    font-weight: bold;
}

.upload_box
{
    width: 300px;    
    background-color: #efefef;
    padding: 10px 0px 10px 0px;
}

.upload_box input
{
    background-color: #efefef;
}

.upload_button
{
}

div#modal_menu.modal_wrapper
{
    margin-left: -295px;
    width: 590px;
}


div#modal_menu div.modal
{
    width: 590px;
}

div#modal_menu div.modal div.listing_menu_modal
{
    margin-bottom: 20px;
}

div#modal_menu div.modal div.listing_menu_modal h3.menu_header
{
    display: block;
    height: 40px;
    position: relative;
    padding: 0;
    background: transparent url(../images/by-modal_menu_header.png) no-repeat top center scroll;
    text-indent: -9999em;
    margin-bottom: 0;
}

div#modal_menu div.modal div.listing_menu_modal h3.menu_header_services
{
    display: block;
    height: 40px;
    position: relative;
    padding: 0;
    /*background: transparent url(../images/by-modal_menu_header.png) no-repeat top center scroll;*/
    text-indent: -9999em;
    margin-bottom: 0;
}

div#modal_menu div.modal div.listing_menu_modal h3.menu_header a, div#modal_menu div.modal div.listing_menu_modal h3.menu_header_services a
{
    color: #fff;
    font-size: 15px;
    line-height: 15px;
    position: absolute;
    display: block;
    right: 20px;
    top: 14px;
    text-align: right;
    text-shadow: -1px -1px 0 #ce0700;
}

div#modal_menu div.modal div.listing_menu_modal ul
{
    overflow-y: scroll;
    margin: 0 0 0 10px;
    height: 310px;
    -webkit-border-bottom-left-radius: 8px;
    -khtml-border-radius-bottomleft: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -khtml-border-radius-bottomright: 8px;
    -moz-border-radius-bottomright: 8px;
    border-bottom-right-radius: 8px;
}

div#modal_menu div.modal div.listing_menu_modal ul li
{
    border-bottom: 1px solid #E5E5E5;
    margin-right: 10px;
    padding: 10px 120px 5px 0;
    position: relative;
}

div#modal_menu div.modal div.listing_menu_modal ul li h3, div#modal_menu div.modal div.listing_menu ul li p
{
    padding-bottom: 3px;
    position: relative;
    text-align: left;
}

div#modal_menu div.modal div.listing_menu_modal ul li p a
{
    font-weight: bold;
}

div#modal_menu div.modal div.listing_menu_modal ul li h3
{
    padding-right: 50px;
    margin-bottom: 2px;
    height: auto;
    background: transparent none;
    text-indent: 0;
    text-align: left;
}

div#modal_menu div.modal div.listing_menu_modal ul li h3 span.price
{
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}


div#modal_menu div.modal div.listing_menu_modal ul li a.fan_this
{
    position: absolute;
    display: block;
    top: 20px;
    right: 0;
    text-align: right;
    background: none;
    width: 99px;
}

#listing_reviews .menu_header
{
    height: 40px;
    display: block;
    background: transparent url(../images/hdr-reviews.png) no-repeat top center scroll;
    text-indent: -9999em;
    padding: 0;
}

#listing_reviews .top_text
{
    width: 578px;
    border-right: 1px solid #E5E5E5;
    border-left: 1px solid #E5E5E5;
    vertical-align: middle;
    background-color: #F4F4F4;
    padding: 5px;
}

.listing_reviews
{
    width: 568px;
    height: auto;
    float: left;
    border: 1px solid #E5E5E5;
    background-color: #F4F4F4;
    padding: 10px;
}

.review
{
    width: 480px;
    height: auto;
    display: block;
    float: right;
}

.listing_avatar
{
    width: 75px;
    float: left;
}

.listing_reviews div.username
{
    clear: both;
    width: 500px;
    height: auto;
}

.listing_reviews #star_rating
{
    width: 100px;
    height: 15px;
    clear: both;
    margin: 5px 0 0;
}

.review .comment
{
    width: 450px;
    height: auto;
    clear: both;
    margin: 10px 0 0;
    word-wrap: break-word;
}

#add_review
{
    width: 568px;
    height: auto;
    border: 1px solid #E5E5E5;
    padding: 10px;
    background-color: #F4F4F4;
}

label.add_review
{
    float: left;
    clear: both;
    margin: 0 0 10px;
}

input.add_review
{
    width: 288px;
    height: 13px;
    float: left;
    clear: both;
    border: thin solid #bbb;
    border-width: 1px;
    margin: 0 0 10px;
    padding: 5px;
}

textarea.add_review
{
    width: 560px;
    height: 106px;
    clear: both;
    border: thin solid #bbb;
    border-width: 1px;
    margin: 0 0 10px;
}

.listing_stars 
{
    padding-left: 100px;
    float: right;
}

#captcha
{
    width: 428px;
    height: auto;
    float: left;
    clear: both;
    border: thin solid #bbb;
    border-width: 1px;
    margin: 0 0 10px;
    padding: 5px;
}

input.submit_review_btn
{
    background: url(../images/submit_review_btn.png) no-repeat;
    width: 118px;
    height: 22px;
    float: left;
    border: none;
    cursor: pointer;
    font-size: 0;
    text-decoration: none;
    text-indent: -9999px;
    margin: 0;
}

.upload_photos_btn
{
    background: url(../images/by-upload_photo.png) no-repeat;
    width: 200px;
    height: 42px;
    float: right;
    clear: both;
    border: none;
    cursor: pointer;
    font-size: 0;
    text-decoration: none;
    text-indent: -9999px;
    margin: 10px 3px 10px 0;    
}

#slider, #slider li
{
    width: 200px;
    height: 135px;
    overflow: hidden;
}
#slider li img
{
    padding-left: 15px;
    padding-top: 5px;
}

.fan_count
{
    color: #3B5998;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: bold;
}

.cities_states, .cities_states:visited
{
    color: #3b5998;
    font-weight: normal;
    font-size: 15px;
    line-height: 21px;
}

.region_name, .region_name:visited
{
    color: #000000;
    font-weight: bold;
}

/*AutoComplete flyout */

.autocomplete_completionListElement
{
    margin: 0px !important;
    background-color: inherit;
    color: windowtext;
    border: buttonshadow;
    border-width: 1px;
    border-style: solid;
    cursor: 'default';
    overflow: auto;
    height: 200px;
    text-align: left;
    list-style-type: none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
    background-color: #ffff99;
    color: black;
    padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem
{
    background-color: window;
    color: windowtext;
    padding: 1px;
}

/* Top Users on City page */
#live_city h3.header_text
{
    height: 35px;
    width: 206px;
    display: block;
    text-indent: -9999em;
    background: transparent url(../images/top.png) no-repeat top left scroll;
    padding-bottom: 0;
    position: relative;
    left: -5px;
    bottom: -2px;
}

#live_city ul
{
    border-top: 1px solid #E5E5E5;
}

#live_city ul li
{
    position: relative;
    padding: 12px 12px 0;
    margin-top: 6px;
    background: #EFEFEF;
    padding-left: 60px;
    min-height: 50px;
}

#live_city ul li:nth-child(even)
{
    background: #E7EbF3;
}

#live_city ul li:nth-child(odd)
{
    background: #EFEFEF;
}

#live_city ul li:hover, #live_city ul li:focus
{
    background: #F1F1F1;
}

#live_city ul li p
{
    padding-bottom: 4px;
}

#live_city ul li small
{
    display: block;
    padding-bottom: 3px;
}

#live_city ul li img
{
    top: 8px;
    left: 5px;
    position: absolute;
}

.vote-image_city
{
    /*position: absolute;     right: 5px;     top: 0px;*/
}


/* Profile Page image slider styles */

.rating_count
{
    font-size: 12px;
    font-weight: bold;
    position: absolute;
    top: 12px;
    left: 150px;
}

.img_rating
{
    vertical-align: bottom;
    position: relative;
    padding-top: 5px;
	margin-top:10px;
}

.vote-image
{
    float: left;
    clear: none;
    margin: 0px;
    padding-right: 3px;
    padding-bottom: 5px;
}

.vote-image12
{
    float: left;
    clear: none;
    margin: 0px;
    padding-right: 2px;
    padding-bottom: 0px;
}

.vote-image14
{
    float: left;
    clear: none;
    margin: 0px;
    padding-right: 2px;
    padding-bottom: 0px;
}

.vote-image19
{
    float: left;
    clear: none;
    margin: 0px;
    padding-right: 3px;
    padding-bottom: 5px;
}

.vote-image24
{
    float: left;
    clear: none;
    margin: 0px;
    padding-right: 3px;
    padding-bottom: 5px;
}

.bus_info
{
    float:left;
	width:360px;
}

.listing_images
{
    float:right; width:210px;
}

.image_wrapper
{
    padding: 6px -3px 0px 12px;
    background: transparent url(../images/polaroid.png) no-repeat top center scroll;
    position: relative;
    min-height: 180px;
    font-family: "Lucida Grande" , "Lucida Sans Unicode" , sans-serif;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    color: #000;
    font-size: 11px;
}

#slider
{
    position: absolute;
    top: 6px;
    left: 4px;
    margin-bottom: 8px;
    overflow: hidden;
    width: 175px;
    height: 125px;
}

.image_wrapper .image_nav
{
    width: 125px;
    padding: 0;
    position: absolute;
    bottom: 40px;
    left: 20px;
    overflow: hidden;
}

span#prevBtn
{
    width: 35px;
    padding: 0;
    text-align: right;
    background: transparent url(../images/by-left_arrow.png) no-repeat center left scroll;
    position: absolute;
    bottom: 25px;
    left: 20px;
}

span#nextBtn
{
    width: 35px;
    padding: 0;
    background: transparent url(../images/by-right_arrow.png) no-repeat center right scroll;
    position: absolute;
    bottom: 25px;
    right: 16px;
}

/*
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
}
#slider, #slider li{ 
	width:500px;
	height:200px;
	overflow:hidden; 
}
*/

#controls
{
    margin: 1em 0;
    padding: 100px 0 0 15px;
    height: 28px;
    position: absolute;
    bottom: -1px;
    left: 15px;
}
#controls li
{
    margin: 0 10px 0 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 15px;
    line-height: 15px;
}
#controls li a
{
    float: left;
    height: 15px;
    line-height: 15px; /*	border:1px solid #ccc; 	background:#DAF3F8; 	color:#555;*/
    padding: 0;
    text-decoration: none;
}
#controls li.current a
{
    /*	background:#5DC9E1; 	color:#fff;*/
}
#upload_photos ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus
{
    outline: none;
}

#slider_wrap
{
    width: 200px;
    height: 160px;
    overflow: hidden;
    float: left;
    clear: both;
    font-family: "Lucida Grande" , "Lucida Sans Unicode" , sans-serif;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    color: #000;
    font-size: 11px;
}

#slider ul, #slider li
{
    list-style: none;
    margin: 0;
    padding: 0;
}

.numbers
{
    float: left;
    height: 23px;
    line-height: 23px;
    padding: 0 0 0 10px;
}

/*span#prevBtn{background:url(../images/prev_btn.png) left no-repeat;width:32px;text-align:right;height:23px;line-height:23px;left:50px;position:relative;margin:0;padding:0}

span#nextBtn{background:url(../images/next_btn.png) right no-repeat;width:32px;height:23px;line-height:23px;float:right;margin:0 10px 0 0}

span#prevBtn a{text-align:right;font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif;font-style:normal;font-weight:400;text-decoration:none;color:#fff;font-size:11px;margin:0 0 0 7px}

span#nextBtn a{font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif;font-style:normal;font-weight:400;text-decoration:none;color:#fff;font-size:11px}*/

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


div#modal_video.modal_wrapper
{
    margin-left: -295px;
    width: 590px;
}


div#modal_video div.modal
{
    width: 590px;
}

div#modal_video div.modal div.watch_video
{
    margin-bottom: 20px;
}

div#modal_video div.modal div.watch_video h3.watch_header
{
    display: block;
    height: 40px;
    position: relative;
    padding: 0;
    background: transparent url(../images/by-videos-header.png) no-repeat top center scroll;
    text-indent: -9999em;
    margin-bottom: 0;
}

div#modal_video div.modal div.watch_video h3.watch_header a
{
    color: #fff;
    font-size: 15px;
    line-height: 15px;
    position: absolute;
    display: block;
    right: 20px;
    top: 14px;
    text-align: right;
}

.slider_handle {
    width: 13px;
    position:absolute;
    height:22px;
}

.inline-list {
	margin: 2em;
	width: 80%;
	padding: 5px;
	font-family: Verdana, sans-serif;
	font-size: smaller;
}

.inline-list p {
	display: inline;
}

.inline-list ul, .inline-list li {
	display: inline;
	margin: 0;
	padding: 10px;
    list-style-type: disc;
}

.inline-list li {
	display: inline;
	margin: 0;
	padding: 10px 10px 10px 15px;
	background: url(../images/remove-tag.png) left center no-repeat
}

.modal_filter_table tr td
{
    padding: 0px 20px 0px 20px;
}

.result_deals {
    background-color: #F4F4F4;
    font-size: small;
    padding: 3px 10px 3px 30px;
}
.result_deal_title {
    font-weight: bold;
}

/* new home page styles */
/* .....body styles ..... */

#header div.login .fb_connect {width:194px; height:26px;background: transparent url(../images/by-fb_connect.png) no-repeat top left scroll; float:right;text-indent: -9999em;}

body.home {margin:0 auto; padding:0; background:#efefef;width:100%; height:100%;position: relative;color: #2a2929;}   

.wrapper {background:none; width:950px; height:auto; padding:0; margin:0 auto; display:block;position: relative}

#header_boxes {width:910px; height:220px; background:url(../images/header_boxes.png) no-repeat; margin-left:20px;}

ul.categories {width:918px; height:auto; float:left; clear:both; display:inline-block; list-style:none;  background:#fff; margin:20px 0 10px 15px; padding:0 0 20px 0;border-bottom: 1px solid #E5E5E5;}

ul.categories li {width:222px; height:75px; float:left; background:none; margin:0 10px 0 0;}

ul.categories li:last-child {margin:0;}

.right_column {margin-top: 45px; width:445px;float: right; padding-right:20px; }

a.twitter_social {background: url(../images/twitter.png) no-repeat; width:215px; height:100px; float:left;text-indent: -9999em;} 

a.facebook_social {background: url(../images/facebook.png) no-repeat; width:215px; height:100px; float:right;text-indent: -9999em;} 

a.add_yo_biz {background: url(../images/add_yo_biz.png) no-repeat; width:445px; height:90px; float:right;text-indent: -9999em; margin:20px 0 0;} 

.left_column {margin-top: 10px; width:445px;float: left; padding-left: 20px;}
.left_column #live ul li {margin-top: 3px;padding: 10px 10px 0 62px;}

.left_column #live ul li small {line-height: 13px;}

.left_column #live ul li img {top: 5px;left: 5px;}
#live_fade {position:absolute;width:445px;height:25px;bottom:0;left:20px;z-index:10;background:url("../images/gradient.png") repeat-x bottom;_visibility:hidden;pointer-events:none;}

body.home {}

#home_header {}

#home_wrapper {}

#home_search {}
			
#home_content {}

h2.top-cities {}
	
h2.top-states {}
	


div#footer_nav_d { border: none; border-top: 1px solid #E5E5E5; padding: 20px 0px 0px 0px; margin: 20px 20px 0; position: relative; background: #fff; height: 120px; width: 910px; float:left; clear:both}

.footer_region { height: 50px;}

.left_cities { width:445px;float: left; padding-left:0;}

.right_cities { width:445px;float: right; padding-right:0; }

div#footer_nav_d div p { padding: 0;}



#footer_bg {background:#21499e; border-top:#000 thin solid;width:100%;height:auto;clear:both;float:left;display:block;padding:20px 0}

#footer_inner {background:none; width:950px; height:auto; padding:0; margin:0 auto; display:block; clear:both;}

#footer_home {width:950px; display:block; margin:0 auto; color:#fff;}

#footer_home p {width: 300px;display: block;float: left;text-align: left; color:#fff;}

#footer_home p span {margin: 0 10px; color:#fff;}

#footer_home ul.footer_subnav {float: right;display: block;text-align: right; list-style:none}

#footer_home ul.footer_subnav li {color: #fff;float: left;margin: 0 0 0 7px;padding: 0 7px 0 0;border-right: 1px solid #fff;height: 11px;}

#footer_home ul.footer_subnav li:last-child {padding-right: 0;border-right: none;}

#footer_home ul.footer_subnav li a {color: #fff;height: 11px;font-size: 11px;line-height: 11px;display: block;}

#call_out { height: 57px; padding: 30px; background: #fef8d6; border-bottom: 1px solid #e5e5e5; margin-bottom: 10px;}

#call_out h2 { display: block; text-indent: -9999em; background: transparent url(../images/by-callout-text.png) no-repeat top left scroll; padding-bottom: 10px; height: 32px; width: 732px;}

#call_out h3 { font-size: 18px; line-height: 12px; color: #6c5c53; font-weight: bold;}

#call_out h3 a { color: #21499e;}

.header_text	{ color: #000;}

.cities_states, .cities_states:visited {color: #3b5998; font-weight: normal; font-size: 15px; line-height: 21px; }

.region_name, .region_name:visited { color: #000000; font-weight: bold;}

/* ..... salon modal ..... */
#modal_salon_wrap
{
    display: none;
    width: 600px;
    padding: 20px;
    background: rgba(0,0,0,.36);
    top: 105px;
    left: 50%;
    margin-left: -300px;
    z-index: 150;
    position: fixed;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
}
#modal_salon_wrap div.modal_sal
{
    background: url(images/modal_1.png) top left no-repeat;
    border: 1px solid #fff;
    width: 598px;
    height: 250px;
    text-align: center;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
}
#modal_salon_wrap div.modal_sal div.select
{
    background: none;
    width: 310px;
    padding: 0px;
    height: auto;
    float: right;
    position: relative;
    margin: 125px 40px 20px 0;
}
a.salon_go
{
    padding: 0px;
    display: block;
    text-indent: -9999em;
    cursor: pointer;
    background: transparent url(images/modal_1_btn.png) no-repeat top center scroll;
    width: 310px;
    height: 46px;
    margin: 30px 0 15px 0;
    float: left;
    clear: both;
}
#modal_salon_wrap div.modal_sal p.nothanks, #modal_salon_wrap div.modal_sal p.nothanks a
{
    padding: 0px;
    font-weight: normal;
    color: #fff;
    font-size: 10px;
    text-align: left;
}

/* menu */
div.listing_menu
{
    margin-bottom: 20px;
    background-color: #F4F4F4;
    padding-top: 40px;
	clear:both;
	width:590px;
}

.topmenu_body
{
    border-left: solid 1px Red;
    border-bottom: solid 1px Red;
    border-right: solid 1px Red;
    padding: 5px 10px 0px 10px;
}

div.listing_menu h3.menu_header
{
    display: block;
    height: 40px;
    position: relative;
    padding: 0;
    background: transparent url(../images/by-menu_header.png) no-repeat top center scroll;
    text-indent: -9999em;
}

div.listing_menu h3.menu_header_services
{
    display: block;
    height: 40px;
    position: relative;
    padding: 0;
    /*background: transparent url(../images/by-menu_header.png) no-repeat top center scroll;*/
    text-indent: -9999em;
}

.menu_section
{
    height: 30px;
    position: relative;
    padding: 10px 0px 0px 10px;
    background-color: Gray;
}

.menu_section span
{
    color: White;
    font-size: 16pt;
    font-weight:bolder;
}

div.listing_menu h3.menu_header a, div.listing_menu h3.menu_header_services a
{
    color: #fff;
    font-size: 15px;
    line-height: 15px;
    position: absolute;
    display: block;
    right: 12px;
    top: 14px;
    text-align: right;
    text-shadow: -1px -1px 0 #ce0700;
}

div.listing_menu ul li
{
    border-bottom: 1px solid #E5E5E5;
    padding: 10px 0px 5px 0;
    position: relative;
}

div.listing_menu ul li h3, div.listing_menu ul li p
{
    padding-bottom: 3px;
    position: relative;
}

div.listing_menu ul li h3
{
    padding: 0px 150px 0px 5px;
    vertical-align: text-top;
    font-size: 13pt;
}

div.listing_menu ul li p
{
    padding: 10px 5px 5px 15px;
}

div.listing_menu ul li span.price
{
    display: block;
    position: absolute;
    right: 5px;
    top: 10px;
    font-size: 12pt;
}

/* services menu */
div.listing_services
{
	clear:both;
	width:590px;
	height:auto;
    background:url(../images/menu_coupon_top.jpg) top no-repeat;
    padding-top: 60px;
    padding-bottom: 20px;
}

.topservices_body
{
	background:url(../images/menu_coupon_btm.jpg) bottom no-repeat; width:590px;
    padding:0 0 80px;
}

.topservices_body ul {background:url(../images/menu_coupon_bg.jpg) repeat-y; padding:10px 50px 20px; width:490px;}

.topservices_body ul h2.section {color:#123067; margin:10px 0 0; height:40px; line-height:40px;  width:490px; font-size:24px;}

div.listing_services h3.menu_header
{
    display: block;
    height: 40px;
    position: relative;
    padding: 0;
    background: transparent url(../images/by-menu_header.png) no-repeat top center scroll;
    text-indent: -9999em;
}

div.listing_services h3.menu_header_services
{
    display: block;
    height: 40px;
    position: relative;
    padding: 0;
    /*background: transparent url(../images/by-menu_header.png) no-repeat top center scroll;*/
    text-indent: -9999em;
}

.menu_section
{
    height: 30px;
    position: relative;
    padding: 10px 0px 0px 10px;
    background-color: Gray;
}

.menu_section span
{
    color: White;
    font-size: 16pt;
    font-weight:bolder;
}

div.listing_services h3.menu_header a, div.listing_services h3.menu_header_services a
{
    color: #fff;
    font-size: 15px;
    line-height: 15px;
    position: absolute;
    display: block;
    right: 12px;
    top: 14px;
    text-align: right;
    text-shadow: -1px -1px 0 #ce0700;
}

div.listing_services ul li
{
    border-bottom: 1px solid #E5E5E5;
    padding: 10px 0px 10px 0;
    position: relative;
}

div.listing_services ul li h3, div.listing_services ul li p
{
    padding-bottom: 3px;
    position: relative;
}

div.listing_services ul li h3
{
    padding: 10px 150px 0px 5px;
    vertical-align: text-top;
    font-size: 13pt;
}

div.listing_services ul li p
{
    padding: 10px 5px 5px 15px;
}

div.listing_services ul li span.price
{
    display: block;
    position: absolute;
    right: 0px;
    top: 10px;
    font-size: 12pt;
}

div.listing_services ul li span.compare

{display: block;
    position: absolute;
    right: 0px;
    top: 10px;
    font-size: 12pt;
}

div.listing_services ul li span.compare img {border:none; float:right; margin:-5px 0 0 10px;}

/* NEW deals (slider) CSS styles */

div.listing_deals
{
    height: 175px;
    width: 591px;
    background: transparent url(../images/deal-bck.jpg) no-repeat top center scroll;
    position: relative;
}

.deal_title
{
    /*font-weight: bold;*/
    font-family: Franklin Gothic Demi Cond, Impact, Arial Narrow, Arial;
    font-size: 20pt;
    color: Black;
}

.deal_desc
{
    font-family: Helvetica, Trebuchet MS, Century Gothic, Arial;
    font-size: 8pt;
    color: Black;
}

.deal_time
{
    font-family: Helvetica, Trebuchet MS, Century Gothic, Arial;
    font-size: 8pt;
    font-weight: bold;
    color: Black;
    height: 20px;
    padding: 0px 50px 0px 0px;    
}

.deal_div_image
{
    position: absolute;
    top: 50px;
    left: 140px;
}

#deal_slider
{
    position: absolute;
    top: 30px;
    left: 140px;
    width: 420px;
    height: 300px;
    line-height: 10px;
    /*    overflow: hidden;*/    
}

.deal_div_text p
{
    width: 420px;
}

.deal_div_text_img p
{
    width: 320px;
}

#nextDeal
{
    position: absolute;
    bottom: 40px;
    right: 40px;
    font-size: 8pt;
}

#deals_trans_bg
{
    position: absolute;
    top: 35px;
    left: 140px;
    width: 400px;
    height: 1px;
    overflow: hidden;
}