﻿#bodycontent div.pagewrapper
{
    width:1008px;
    margin:0px auto;
    display:table;
}
#bodycontent
{
    min-width:1008px;
}
#bodycontent div.homepagesearch
{
    position:relative;
}
/*
#bodycontent div.homepagesearch::before
{
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(0,0,0,.2);
}
*/
#bodycontent img.homepagesearch-placeholder
{
    width:100%;
    height:auto;
    display:block;
}
#bodycontent img.homepagesearch-img
{
    position:absolute;
    top: 0px;
	left: 0px;
    width:100%;
    height:auto;
    transition: opacity 5s ease-in-out;
    display:block;
    z-index:-1;
}
#bodycontent div.homepagesearchcontent
{
    position:absolute;
    top:10%;
    top:calc(50% - 85px);
    left: 0px;
    text-align:center;
    width: 100%;
}
#bodycontent div.homepagesearchcontent h1
{
    color:white;
    font-size:200%;
    margin-bottom: 1%;
    text-shadow: -1px -1px 2px #666, 1px -1px 2px #666, -1px 1px 2px #666, 1px 1px 2px #666;
}
#bodycontent div.homepagesearchfilters 
{
    border: 2px solid #999;
    border-radius: 7px;
    display: inline-block;
    background-color:#fff;
    margin-bottom: 2%;
}
#LocSearch 
{
    height: 50px;
    width: 230px;
    border: 0px;
	outline: 0px;
    padding: 0px 10px;
    border-radius: 5px 0px 0px 5px;
    background-color: white;
    float: left;
    cursor:pointer;
}
#FoodtypeBtn,#FacilitiesBtn
{
	position:relative;
    width: 156px;
	height: 50px;
	cursor:pointer;
	text-align: left;
	background-color:white;
    float: left;
}
#FoodtypeBtn > span,#FacilitiesBtn > span
{
    line-height: 50px;
	padding-left:10px;
    color:#999;
}
#FoodtypeBtn::before,#FacilitiesBtn::before
{
	content:'';
    position: absolute;
    top:0px;
    left:0px;
    margin-top:12px;
	height: 30px;
	width: 1px;
	background-color: #999;
}
#FoodtypeBtn::after,#FacilitiesBtn::after
{
	content:'';
    position: absolute;
	width: 13px;
	height: 9px;
	right: 5px;
	top:21px;
	background: url(../images/DOSprite.png) -34px -90px;
}
#searchbtn
{
	position:relative;
	width:51px;
	height:50px;
    border-top:1px solid #50d7b5;
	border-radius: 0px 5px 5px 0px;
	/*background-color:#43b89b;*/
    background: #43b89b; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(0deg, #41a895, #46bd9f); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(0deg, #41a895, #46bd9f); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(0deg, #41a895, #46bd9f); /* For Firefox 3.6 to 15 */
    background: linear-gradient(0deg, #41a895, #46bd9f); /* Standard syntax */
	cursor:pointer;
    float: left;
}
#searchbtn::after
{
	content:'';
    position:absolute;
	top:14px;
	right:13px;
	width:24px;
	height:25px;
	background: url(../images/DOSprite.png) -48px -90px;
}
#SearchFoodtypesWrapper
{
	position:absolute;
	max-height:250px;
	top:0px;
	left:0px;
    min-width:156px;
	max-width:200px;
	text-align: left;
	overflow-y : auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	background-color:white;
	box-shadow: 3px 3px 8px #999; /*shadow for CSS3 capable browsers.*/
	-webkit-box-shadow: 3px 3px 8px #999;
	-moz-box-shadow: 3px 3px 8px #999;
	border-radius:0px 0px 5px 5px;
    z-index:10;
}
#SearchFoodtypesWrapper > div > input[type="radio"]
{
    display:none;
}
#SearchFoodtypesWrapper > div > input[type="radio"]:checked + label > span.label
{
	color:#46b79b;
	font-weight:bolder;
}
#SearchFoodtypesWrapper > div > label > span.label
{
	padding: 7px 5px 7px 10px;
	cursor: pointer;
    display:block;
}
#SearchFoodtypesWrapper > div:hover 
{
	background-color:#edeef2;
}
#SearchFiltersWrapper
{
	position:absolute;
	max-height:250px;
	top:0px;
	left:0px;
    width:613px;
	text-align: left;
	overflow-y : auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	background-color:white;
	box-shadow: 3px 3px 8px #999; /*shadow for CSS3 capable browsers.*/
	-webkit-box-shadow: 3px 3px 8px #999;
	-moz-box-shadow: 3px 3px 8px #999;
	border-radius:0px 0px 5px 5px;
    z-index:10;
}
#SearchFiltersWrapper > div
{
    width:25%;
    display:inline-block;
    float:left;
}
#SearchFiltersWrapper > div > input[type="checkbox"]
{
    display:none;
}
#SearchFiltersWrapper > div > input[type="checkbox"] + label > span.checkbox
{
    display:inline-block;
    width:15px;
    height:11px;
    cursor:pointer;
}
#SearchFiltersWrapper > div > input[type="checkbox"]:checked + label > span.checkbox
{
    background: #fff url(../images/DOSprite.png) -72px -91px no-repeat;
}
#SearchFiltersWrapper > div > input[type="checkbox"]:checked + label > span.label
{
	color:#46b79b;
	/*font-weight:bolder;*/
}
#SearchFiltersWrapper > div > label > span.checkbox
{
	border: 1px solid #999;
	border-radius: 2px;
	margin: 9px 0px 5px 5px;
	float:left;
}
#SearchFiltersWrapper > div > label > span.label
{
	padding: 7px 5px 7px 27px;
	cursor: pointer;
    display: block;
}
#SearchFiltersWrapper > div:hover
{
	background-color:#edeef2;
}
#bodycontent div.homepagespecialsfilter 
{
    display:inline-block;
    background-color:#43b89b;
    border-radius:26px;
    padding:11px 15px;
}
#bodycontent div.homepagespecialsfilter input[type="checkbox"]
{
    display:none;
}
#bodycontent div.homepagespecialsfilter label > span.checkbox
{
	border: 1px solid #999;
	border-radius: 2px;
	margin: 9px 0px 5px 5px;
    background-color: white;
	float:left;
    display: inline-block;
    width: 15px;
    height: 11px;
    cursor: pointer;
}
#bodycontent div.homepagespecialsfilter input[type="checkbox"]:checked + label > span.checkbox
{
    background: #fff url(../images/DOSprite.png) -72px -91px no-repeat;
}
#bodycontent div.homepagespecialsfilter label > span.label
{
	padding: 7px 5px 7px 40px;
	cursor: pointer;
    display: block;
    color:#fff;
}

#bodycontent div.listingswrapper
{
	float:left;
    display: table-cell;
	width:679px;
	vertical-align: top;
}
#bodycontent div.listingsheading 
{
    position: relative;
    display: block;
    width: 679px;
    height: 127px;
}
#bodycontent div.listingsheading h2
{
    padding-top: 60px;
    color:#424242;
    font-size: 140%;
}
#bodycontent div.listingsheading::after
{
    content:'';
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 679px;
    height: 22px;
    /*background-size: cover;*/
    background: url(../images/DOSprite.png) 0px -140px no-repeat;
}

#bodycontent div.rightcolumnwrapper
{
    float:right;
    display: table-cell;
	width:280px;
	vertical-align: top;
}
#bodycontent div.specialsheading 
{
    position: relative;
    display: block;
    width: 280px;
    height: 127px;
}
#bodycontent div.specialsheading::after
{
    content:'';
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 280px;
    height: 22px;
    margin-left: 15px;
    /*background-size: cover;*/
    background: url(../images/DOSprite.png) 0px -117px no-repeat;
}
#bodycontent div.specialsheading h2
{
    padding-top: 60px;
    padding-left:50px;
    color:#424242;
    font-size: 140%;
}
#bodycontent div.specialsheading h2::before
{
    content:'';
    width:32px;
    height:32px;
    background: url(../images/DOSprite.png) -182px 0px no-repeat;
    position:absolute;
    left: 0px;
    top: 55px;
}
#bodycontent div.resultwrapper
{
    display: table;
	width: 679px;
    border:1px solid #999;
    border-radius:5px;
    background-color:#fff;
    margin-bottom: 20px;
}
#bodycontent div.resultrowtop,#bodycontent div.resultrowbottom
{
    display:table;
    width: 679px;
}
#bodycontent div.resultrowtop
{
    border-bottom:1px solid #999;
    height: 200px;
}
#bodycontent div.resultwrapper div.resultdetail {
    display: table-cell;
    vertical-align:top;
    line-height: 200%;
    padding: 20px 20px 0px 20px;
}
#bodycontent div.resultwrapper div.resultdetailtopleft
{
    display: table-cell;
    vertical-align:top;
    width: 259px;
}
#bodycontent div.resultwrapper div.resultdetailtopright
{
    display: table-cell;
    vertical-align:top;
    width: 80px;
}
#bodycontent div.resultwrapper div.avgpricelabel {
    display: block;
    width: 80px;
    text-align: center;
    font-size:90%
}
#bodycontent div.resultwrapper div.avgpriceidx {
    display: block;
    width: 78px;
    line-height: 37px;
    text-align: center;
    border: 1px solid #999;
    border-radius: 19px;
}
#bodycontent div.resultwrapper a.memberName {
    display: block;
    text-decoration:none;
    max-width: 259px;
    color:#2b337b;
    font-size:120%;
    font-weight:bold;
}
#bodycontent div.resultwrapper a.memberLoc {
    /*display: block;*/
    text-decoration:none;
    max-width: 259px;
}

#bodycontent div.resultwrapper div.resultdetailbottom
{
    display: block;
    padding: 20px 20px 0px 20px;
}
#bodycontent div.resultwrapper div.memberFoodtypes {
    display:block;
    float:left;
    width: 234px;
    margin: 10px 0px;
}
#bodycontent div.resultwrapper div.memberFoodtypes span.mainfoodtype
{
    font-weight:bold;
}
#bodycontent div.resultwrapper div.memberFoodtypes span.otherfoodtypes
{
    font-weight:normal;
}
#bodycontent div.resultwrapper span.guestratings
{
    width:110px;
    display:inline-block;
}
#bodycontent div.resultwrapper span.starrating 
{
    position: relative;
    display: inline-block;
    width: 110px;
    height: 16px;
}
#bodycontent div.resultwrapper span.starrating span.greystar 
{
    position: absolute;
    top: 3px;
    left: 3px;
    height: 16px;
    width: 110px;
    background: url(../images/DOSprite.png) -180px -50px;
}
#bodycontent div.resultwrapper span.starrating span.greenstar {
    position: absolute;
    top: 3px;
    left: 3px;
    height: 16px;
    background: url(../images/DOSprite.png) -180px -34px;
}
#bodycontent div.resultwrapper div.viewmember
{
    float:right;
    margin:10px 10px 10px 0px;
    padding:9px 12px 10px 12px;
    color:#fff;
    /*background-color:#43b89b;*/
    border-top: 1px solid #8dfcdc;
    border-bottom: 1px solid #2e776a;
    background: #43b89b; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(0deg, #41a895, #46bd9f); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(0deg, #41a895, #46bd9f); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(0deg, #41a895, #46bd9f); /* For Firefox 3.6 to 15 */
    background: linear-gradient(0deg, #41a895, #46bd9f); /* Standard syntax */
    cursor:pointer;
    border-radius:5px;
    font-weight:bold;
}
#bodycontent div.resultwrapper div.memberfacilities
{
    float:left;
    max-width:442px;
    margin:18px 10px;
    overflow:hidden;
}
#bodycontent div.resultwrapper div.memberfacilities > span {
    margin-right: 7px;
}
#bodycontent div.resultwrapper div.resultpic 
{
    display: table-cell;
    position:relative;
    width: 300px;
    height: 200px;
    border-top-left-radius:5px;
    overflow:hidden;
    cursor:pointer;
}
#bodycontent div.resultwrapper div.resultpic > div
{
    width: 300px;
    height: 200px;
    background-repeat:no-repeat;
    display:block;
}
#bodycontent div.resultwrapper div.resultpic > img
{
    display:block;
    position: absolute;
    top: 100px;
    left: 150px;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
#bodycontent div.resultwrapper div.resultpic > img.fixwidth
{
    width:300px;
}
#bodycontent div.resultwrapper div.resultpic > img.fixheight
{
    height:200px;
}
#bodycontent div.resultwrapper div.resultpic > div.fixwidth
{
    background-size: 300px auto;
}
#bodycontent div.resultwrapper div.resultpic > div.fixheight
{
    background-size: auto 200px;
}
#bodycontent div.resultwrapper span.facilityiconspecials
{
    display: inline-block;
    width:20px;
    height:20px;
    background: url(../images/DOSprite.png) -656px -32px;
}
#bodycontent div.resultwrapper span.facilityiconliveentertainment
{
    display: inline-block;
    width:14px;
    height:24px;
    background: url(../images/DOSprite.png) -490px -0px;
}
#bodycontent div.resultwrapper span.facilityiconconference
{
    display: inline-block;
    width:19px;
    height:19px;
    background: url(../images/DOSprite.png) -636px -33px;
}
#bodycontent div.resultwrapper span.facilityicon21
{
    /*Markets*/
    display: inline-block;
    width:20px;
    height:20px;
    background: url(../images/DOSprite.png) -488px -62px;
}
#bodycontent div.resultwrapper span.facilityicon4
{
    /*Take out*/
    display: inline-block;
    width:19px;
    height:21px;
    background: url(../images/DOSprite.png) -522px -3px;
}
#bodycontent div.resultwrapper span.facilityicon9
{
    /*Secure Parking*/
    display: inline-block;
    width:18px;
    height:18px;
    background: url(../images/DOSprite.png) -543px -6px;
}
#bodycontent div.resultwrapper span.facilityicon18
{
    /*Child Friendly*/
    display: inline-block;
    width:20px;
    height:22px;
    background: url(../images/DOSprite.png) -562px -2px;
}
#bodycontent div.resultwrapper span.facilityicon5
{
    /*TV/Sports*/
    display: inline-block;
    width:20px;
    height:20px;
    background: url(../images/DOSprite.png) -583px -4px;
}
#bodycontent div.resultwrapper span.facilityicon10
{
    /*Outside Seating*/
    display: inline-block;
    width:18px;
    height:18px;
    background: url(../images/DOSprite.png) -605px -6px;
}
#bodycontent div.resultwrapper span.facilityicon8
{
    /*Fireplace*/
    display: inline-block;
    width:18px;
    height:23px;
    background: url(../images/DOSprite.png) -625px -1px;
}
#bodycontent div.resultwrapper span.facilityicon2
{
    /*Dancefloor*/
    display: inline-block;
    width:22px;
    height:21px;
    background: url(../images/DOSprite.png) -643px -3px;
}
#bodycontent div.resultwrapper span.facilityicon7
{
    /*Disabled*/
    display: inline-block;
    width:20px;
    height:21px;
    background: url(../images/DOSprite.png) -489px -31px;
}
#bodycontent div.resultwrapper span.facilityicon1
{
    /*Smoking Section*/
    display: inline-block;
    width:20px;
    height:19px;
    background: url(../images/DOSprite.png) -509px -33px;
}
#bodycontent div.resultwrapper span.facilityicon12
{
    /*Functions*/
    display: inline-block;
    width:23px;
    height:19px;
    background: url(../images/DOSprite.png) -529px -33px;
}
#bodycontent div.resultwrapper span.facilityicon19
{
    /*Wi-Fi*/
    display: inline-block;
    width:18px;
    height:14px;
    background: url(../images/DOSprite.png) -553px -38px;
}
#bodycontent div.resultwrapper span.facilityicon15
{
    /*Weddings*/
    display: inline-block;
    width:18px;
    height:19px;
    background: url(../images/DOSprite.png) -573px -33px;
}
#bodycontent div.resultwrapper span.facilityicon14
{
    /*Accommodation*/
    display: inline-block;
    width:22px;
    height:17px;
    background: url(../images/DOSprite.png) -593px -35px;
}
#bodycontent div.resultwrapper span.facilityicon17
{
    /*Outside Catering*/
    display: inline-block;
    width:21px;
    height:21px;
    background: url(../images/DOSprite.png) -615px -31px;
}
#bodycontent div.resultwrapper span.facilityicon20
{
    /*Load Shedding*/
    display: inline-block;
    width:12px;
    height:20px;
    background: url(../images/DOSprite.png) -509px -4px;
}
#bodycontent div.resultwrapper div.beenhere
{
    float:right;
    margin:20px 10px 20px 0px;
}
#bodycontent div.resultwrapper div.beenhere input[type="checkbox"] 
{
    display:none;
}
#bodycontent div.resultwrapper div.beenhere span.checkbox
{
	border: 1px solid #999;
	border-radius: 2px;
	float:left;
    display:inline-block;
    width:15px;
    height:11px;
    cursor:pointer;
    margin:1px 5px;
}
#bodycontent div.resultwrapper div.beenhere > input[type="checkbox"]:checked + label > span.checkbox
{
    background: #fff url(../images/DOSprite.png) -72px -91px no-repeat;
}
#SocialWrapper
{
	width:279px;
	clear:both;
	margin: 30px 0px 20px 0px;
}
#FBBtn,#TWBtn
{
	position:relative;
    float:left;
	width:50%;
	height:44px;
	background-color:#2b337b;
	cursor:pointer;
}
#FBBtn > span
{
	position:absolute;
	top:11px;
	left:62px;
	width:14px;
	height:22px;
	background: url(../images/DOSprite.png) -291px -2px;
}
div.selected#FBBtn
{
	background-color:white;
}
div.selected#FBBtn > span
{
	background: url(../images/DOSprite.png) -291px -31px;
}

#TWBtn > span
{
	position:absolute;
	top:13px;
	left:59px;
	width:19px;
	height:17px;
	background: url(../images/DOSprite.png) -333px -4px;
}
div.selected#TWBtn
{
	background-color:white;
}
div.selected#TWBtn > span
{
	background: url(../images/DOSprite.png) -333px -34px;
}
#facebookpage,twitterpage
{
    display:none;
}
#bodycontent div.SpecialWrapper
{
	border-bottom: 1px solid #e2e4e3;
	padding: 10px 0px;
	cursor:pointer;
}
#bodycontent div.SpecialWrapper > div
{
	font-weight:bolder;
	line-height: 150%;
	font-size:110%;
}
#bodycontent div.SpecialWrapper > a
{
	color:#46b79b;
	font-weight:bolder;
	line-height: 150%;
	font-size:100%;
	text-decoration:none;
}
#bodycontent div.viewall
{
	font-weight:bolder;
	line-height: 200%;
	text-align:right;
}
#bodycontent a.viewall
{
	text-decoration:none;
	color:#46b79b;
}
#bodycontent div.reviewsheading 
{
    position: relative;
    display: block;
    width: 280px;
    height: 127px;
}
#bodycontent div.reviewsheading::after
{
    content:'';
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 280px;
    height: 22px;
    margin-left: 15px;
    /*background-size: cover;*/
    background: url(../images/DOSprite.png) 0px -117px no-repeat;
}
#bodycontent div.reviewsheading h2
{
    padding-top: 40px;
    padding-left:50px;
    color:#424242;
    font-size: 140%;
}
#bodycontent div.reviewsheading h2::before
{
    content:'';
    width: 36px;
    height: 33px;
    background: url(../images/DOSprite.png) -229px 0px no-repeat;
    position:absolute;
    left: 0px;
    top: 35px;
}
#bodycontent div.regionreview {
    line-height: 150%;
    font-weight: bolder;
}

#bodycontent div.ReviewWrapper {
    border-bottom: 1px solid #e2e4e3;
    padding: 10px 0px;
}
#bodycontent div.ReviewWrapper > div,#bodycontent div.ReviewWrapper > a {
    clear: both;
    padding-top: 10px;
    line-height: 150%;
    text-decoration:none;
    display: block;
	max-width: 280px;
    overflow: hidden;
}
#bodycontent div.ReviewWrapper div.ReviewerPic {
    width: 50px;
    height: 50px;
    float: left;
    background-color: white !important;
    /* background-size: contain !important; */
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border-radius: 5px;
}
#bodycontent div.ReviewWrapper div.ReviewerDetail {
    width: 214px;
    padding-left: 15px;
    float: left;
}
#bodycontent div.ReviewWrapper div.ReviewerName {
    font-weight: bolder;
}
#bodycontent div.ReviewWrapper span.StarRating {
    position: relative;
    float: left;
    width: 80px;
    height: 16px;
    margin: 1px 2px;
}
#bodycontent div.ReviewWrapper span.greyStar {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 16px;
    width: 110px;
    background: url(../images/DOSprite.png) -180px -50px;
    zoom: 0.93;
    -moz-transform: scale(0.93);
    -moz-transform-origin: 0% 50%;
}
#bodycontent div.ReviewWrapper span.greenStar {
    position: absolute;
    top: 0px;
    left: 1px;
    height: 16px;
    background: url(../images/DOSprite.png) -180px -34px;
    zoom: 0.93;
    -moz-transform: scale(0.93);
    -moz-transform-origin: 0% 50%;
}
#bodycontent div.ReviewWrapper div.readfullreview {
    font-weight: bolder;
    text-align: left;
}
#bodycontent div.ReviewWrapper a.readfullreview {
    text-decoration: none;
    color: #46b79b;
}
#bodycontent div.popularinarea
{
    position:relative;
    width:100%;
    height:auto;
    display:table;
}
#bodycontent div.popularinareacontent
{
    position:absolute;
    left:0px;
    top: 10%;
    top: calc(50% - 121px);
    width:100%;
}
#bodycontent div.popularinarea div.background-img-blur
{
    position:absolute;
    top: 0px;
	left: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
    transition: opacity 5s ease-in-out;
    overflow:hidden;
}
#bodycontent div.popularinarea div.background-img-blur::before
{
    content:'';
    position:absolute;
    top: 0px;
	left: 0px;
    width:100%;
    height:100%;
    display:block;
    background-color: rgba(0,0,0,.4);
}
#bodycontent div.popularinarea div.spacer
{
    height:30px;
}
#bodycontent div.popularinarea div
{
    color:#fff;
}
#bodycontent div.popularinarea div.linecell
{
    display:table-cell;
    width:350px;
}
#bodycontent div.popularinarea div.popularinareaheading
{
    display:table-cell;
    width:304px;
    text-align:center;
    font-weight: bold;
}
#bodycontent div.popularinarea div.popularlocation
{
    display:table-cell;
    color:#fff;
    width:350px;
    vertical-align:top;
    padding-right: 49px;
}
#bodycontent div.popularinarea div.popularfoodtypes
{
    display:table-cell;
    color:#fff;
    width:304px;
    vertical-align:top;
}
#bodycontent div.popularinarea div.popularcollections
{
    display:table-cell;
    color:#fff;
    width:350px;
    vertical-align:top;
    padding-left: 49px;
}
#bodycontent div.popularinarea div.line 
{
    margin:4px 0px;
    width: 350px;
    height: 1px;
    background-color: white;
}
#bodycontent div.popularinarea div.heading
{
    padding: 10px 20px;
    line-height: 30px;
    width: 261px;
    border: 1px solid white;
    border-radius: 25px;
    color:#fff;
    font-weight: bold;
}
#bodycontent div.popularinarea div.popularinareadata
{
    width:146px;
    width: calc(50% - 5px);
    margin-right: 5px;
    margin-top: 20px;
    float: left;
}
#bodycontent div.popularinarea div.popularinareadata a
{
    color:#fff;
    text-decoration:none;
}
