﻿/********** Layout **********/
div#content
{
    background-color: Transparent !important;
    padding: 0;
    position: relative;
}

div.contentContainer
{
    min-height: 400px;
    _height: 400px;
}


/********** Headings **********/
h1
{
    font-size: 160%;
    margin-bottom: 0.5em;
}

h1 em
{
    color: #800;
    font-size: 100%;
    font-weight: bold;
    margin: 0.25em auto;
}

h2 a
{
    font-size: 100%;
}


/*********** Content **********/
div.contentTop
{
    background-image: url(../../Assets/Images/resultsTop.jpg);
    background-repeat: no-repeat;
    font-size: 0;
    height: 20px;
    margin: 0;
    padding: 0;
}

div.contentSides
{
    background-image: url(../../Assets/Images/resultsMiddle.jpg);
    background-repeat: repeat-y;
    margin: 0;
    padding: 0;
}

div.contentBottom
{
    background-image: url(../../Assets/Images/resultsBottom.jpg);
    background-repeat: no-repeat;
    font-size: 0;
    height: 20px;
    margin: 0;
    padding: 0;
}


/********** Results **********/
div#searchResults
{
    background-color: #FFF;
    margin-right: 12px;
    width: 717px;
}

div.searchResult
{
    background-repeat: repeat-x;
    background-position: bottom;
    clear: both;
    min-height: 15em;
    _height: 12em;
    margin: 0 0 1em 0;
    padding: 0.5em 1em;
    position: relative;
    overflow: auto;
    *overflow: inherit;
}

div.regular
{
    background-image: url(../../Assets/Images/resultGradient.jpg);
    border: solid 1px #DDD;
}

div.enhanced
{
    background-image: url(../../Assets/Images/resultEnhancedGradient.jpg);    
    border: solid 2px #FFCC1E;
}   

div.businessListingHeader
{
    float: left;
    width: 34.5em;
}

div.searchResult fieldset
{
    left: -4px;
    position: relative;
}

div.searchResult li
{
    font-weight: bold;
    list-style-type: none;
}

span.website a,
span.website email
{
    text-decoration: underline;
}

h5.categories
{
    color: #666;
    font-size: 80%;
}

/********** Ordering, Sizing and Paging **********/
div.orderingAndSizing, div.paging
{
    background-image: url(../../Assets/Images/resultsControlsGradient.jpg);
    background-position: bottom;
    background-repeat: repeat-x;
    border: solid 1px #AAA;
    padding: 0.5em 1em;
    margin: 1em 0;
}

div.orderingAndSizing h4
{
    display: inline;
    margin: 0 0 0 0.25em;
    padding: 0 0.25em 0 0;
    font-size: 100%;
}

div.orderingAndSizing ul
{
    display: inline;
    margin: 0;
    padding: 0;
}

div.orderingAndSizing ul li
{
    border-right: solid 1px #444;
    display: inline;
    list-style-type: none;
    padding: 0 0.45em 0 0.6em;
}

div.orderingAndSizing ul li.lastChild
{
    border-right: 0;
}

div.paging
{
    text-align: center;
}

div.paging span
{
    border: solid 1px #444;
    padding: 2px 0.25em;
    text-align: center;
}

div.paging span, div.paging a
{
    margin: 0 0.25em;
}



/********** Refinement Options **********/
div#refinementOptions
{
    position: absolute;
    right: 0;
    top: 0;
    width: 240px;
}

div.refinementOption
{
    background-color: #FFF;
    margin-bottom: 0.75em;
}

div.refinementOption h4
{
    background-color: #C8250A;
    color: white;
    padding: 0.5em 0.75em;
}

div.refinementOption fieldset
{
    padding: 1em 1.5em;
    _margin: 0;
}

div.refinementOption fieldset fieldset
{
    padding: 0;
}

div.refinementOption ul
{
    margin: 0;
    padding: 1em 1.5em;
}

div.refinementOption ul li
{
    display: inline;
}

div.refinementOption input
{
    display: inline-block;
    margin: 0.25em 0.5em;
}

div.refinementOption input.textInput
{
    display: inline-block;
    width: 8em;
}

div.refinementOption select
{
    font-weight: bold;
    min-width: 14em;
    margin: 0.25em 0.5em;
}

div.refinementOption label
{
    display: inline-block;
    min-width: 4em;
}

div.refinementOption input.submitInput
{
}



/********** Alternative Listings / Promotions **********/
div.alternativeListings div.spacer, div.promotionListings div.spacer
{
    height: 8px;
    font-size: 0;
    padding: 0;
    margin: 0;
}

div.alternativeListings div.image, div.alternativeListings div.textual, div.promotionListings div.image, div.promotionListings div.textual
{
}

div.alternativeListings div.image
{
    padding-right: 0.25em;
    text-align: center;
}

div.alternativeListings div.image img
{
}

div.alternativeListings div.textual
{
    background-color: #FFF;
    border: solid 1px #aaa;
    display: inline-block;
    margin-left: 27px;
    width: 180px;
}

div.promotionListings div.textual
{
	background-color: #FFF;
    border: solid 1px #CB0000;
    display: inline-block;
    margin-left: 27px;
    width: 180px;
	
}

div.textual span
{
    font-size: 8pt;
    margin: 5px;
    display: inline-block;
}

div.textual span.telephoneNumber
{
    color: #800;
    font-weight: bold;
    display: block;
    font-size: 10pt;
}

div.textual span.businessName
{
    color: #800;
    font-weight: bold;
    display: block;
    font-size: 10pt;
    clear: right;
}

div.textual span.promoTitle
{
    color: #800;
    font-weight: normal;
    display: block;
    font-size: 10pt;
    clear: left;
}

div.alternativeListings div.textual h5
{
    margin: 0;
    padding: 5px;
    background-color: #ddd;  
}

div.promotionListings div.textual h5
{
    margin: 0;
    padding: 5px;
    background-color: #CB0000;  
    color: #FFF;
}

div.textual h5 a
{
    color: #000;
    text-decoration: none;
}

span.weblink
{
}

span.weblink a
{
    text-decoration: none;
}

/********** Locality Refinement **********/
div.localityOptions
{
    background-color: #FFF;
    margin-bottom: 0.75em;
}

div.localityOptions h4
{
    background-color: #C8250A;
    color: white;
    padding: 0.5em 0.75em;
}

div.localityOptions ul
{
    margin: 0;
    padding: 1em 1.5em;
}

div.localityOptions ul li
{
    display: inline;
}



/********** Offers **********/
div.offersControl
{
    float: left;
    margin-bottom: 1em;
    position: relative;
    width: 100%;
}

div.first-offer
{
    border: solid 1px #d8dcdf ;
    width: 100%;
    padding: 10px 0 0 26px;
}

span.offer-name
{
    color: #800;
    display: block;
    font-size: 8pt;
    font-weight: bold;
}

span.offer-description
{
    display: block;
    font-size: 8pt;
    margin-bottom: 1em;
    padding-left: 1em;
    font-style: italic;
}



/********** Dish Matches **********/

div.dishMatchesControl
{
    float: left;
    margin-bottom: 1em;
    position: relative;
    width: 100%;
}

span.dish-match
{
    display: block;
    font-size: 8pt;
}

span.dish-match a
{
    font-size: 8pt;
}

/********** Accordians **********/
h5.ui-accordion-header
{
    font-size: 10pt;
    padding: 5px 0px 5px 25px;
    width: 100%;
    margin-top: 0px !important;
}

div.ui-accordion-content
{
    font-size: 8pt;
    padding-bottom: 0.25em !important;
    padding-top: 0em !important;
    overflow: hidden !important;
}

h5.ui-accordion-header.ui-state-default
{
    color: #800;
}

.ui-state-default-closed
{
    background-image: url(../../Assets/Images/ui-state-default-closed.jpg) !important;
    background-position: center;
}

h5.ui-accordion-header.ui-state-active
{
    color: #800;
}

.ui-state-default-open
{
    background-image: url(../../Assets/Images/ui-state-default-open.jpg) !important;
    background-position: center;
}



/********** Rating Summary **********/
div.ratingSummaryControl fieldset
{
    padding-bottom: 0 !important;
}



/********** Restaurant Attributes **********/
ul.restaurantAttributes 
{
    padding: 0px;
    margin: 0px;
    margin-bottom: 8px;
    *margin-bottom: 0px;
    height: 30px;
    float: right;
    width:185px;
}

ul.restaurantAttributes li
{
    font-weight: normal;
    background-repeat: no-repeat;
    background-position: left center;
    list-style: none;
    font-weight: normal;
    padding: 3px 0;
    margin-top: 5px;
    *margin-top: 0px;
    margin-left: 2px;
    display: inline-block;
    height: 30px;
    width: 35px;
    float: right;
}

ul.restaurantAttributes li.nonlink
{
    *margin-top: 2px;
}

ul.restaurantAttributes li a img,
ul.restaurantAttributes li img
{
    height: 30px;
    width: 35px
}

li.book
{
    background-image: url(../../Assets/Images/listingIcons/book_it.jpg);
}

li.menu
{
    background-image: url(../../Assets/Images/listingIcons/menu.jpg);
}

li.delivery
{
    background-image: url(../../Assets/Images/listingIcons/deliver.jpg);
}

li.pdf
{
    background-image: url(../../Assets/Images/listingIcons/pdf.jpg);
}

li.takeaway
{
    background-image: url(../../Assets/Images/listingIcons/takeaway.jpg);
}

li.extra-info
{
    background-image: url(../../Assets/Images/listingIcons/extra_info.jpg);
}

li.rate
{
    background-image: url(../../Assets/Images/listingIcons/rate.jpg);
}



/********** Listing Summary **********/
div.summary
{
    text-align: right;
}

div.summary div.cost,
div.summary div.ratelink
div.summary div.claimlink
{
    padding-top: 5px;
    *padding-top: 0px;
    clear: right;
}

div.summary span.star-rating-control
{
    float: right;
}

span.star-rating-control a
{
    text-align: left;
}

div.summary fieldset
{
    left: 0;
    padding: 0;
    margin: 0;
}