﻿body {
    width: 1000px;
    margin: auto;
    font-size: 11pt;
    color: #231F20;
    font-family: Arial,Tahoma;
    background-color: #d5d5d5;
    background: url(/images/BgRepeat.png);
    background-repeat: repeat-x;
    position: relative;
}

pre {
    font-family: Arial,Tahoma;
    margin: 0;
}


body, html {
    background-color: #d5d5d5;
    position: relative !important;
}

form {
}


.TabbedGroup fieldset {
    border-style: inset;
    border-width: 1px;
}

/* Fonts */

.SmallFont {
    font-size: 0.8em !important;
}

.MediumFont {
    font-size: 0.9em !important;
}

.LargeFont {
    font-size: 1.2em;
}

.LargeBoldFont {
    font-size: 1.2em;
    font-weight: bolder;
}


.ClearRow {
    clear: both;
}

.ClearFix {
    float: left;
    clear: both;
    width: 100%;
}

.Hidden {
    display: none;
}

.FloatLeft {
    float: left;
}

.FloatRight {
    float: right;
}

.MainHolder {
    width: 1000px;
    border-left: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    background-color: #FFF;
    clear: both;
    float: left;
    display: inline-block;
    height: auto !important;
}

.BodyStructure {
    list-style: none;
    width: 100% !important;
    margin: 0;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
}

    .BodyStructure li {
        float: left;
        clear: both;
        /*margin-top:8px;*/
        width: 100%;
    }

.HeaderGraphic {
    float: none;
    margin: 0 auto;
    width: 980px;
}

.HomeContent {
    float: none;
    margin: 0 auto;
    width: 980px;
}

.PadFooter {
    padding: 10px;
}

.PadRow {
    padding: 10px;
}

.HeaderGraphic {
    padding: 0 !important;
    width: 980px;
    height: 121px;
}

    .HeaderGraphic a {
        display: inline-block;
        text-indent: -9000px;
        width: 980px;
        height: 121px;
    }


/* Navigation */

.Navigation {
    height: 35px;
}

.NavItem {
    margin-left: 8px;
    margin-right: 8px;
    padding: 8px;
    padding-right: 30px;
    border-right: 1px solid #00AEEF;
}

    .NavItem a {
        text-decoration: none;
        color: #FFF;
    }

.FirstNavItem {
    /* margin-left:110px;*/
    padding-left: 30px;
    border-left: 0;
}

.LastNavItem {
    margin-right: 0 !important;
    border-right: 0;
}

.CompanyDetailsTab {
    border-right: 1px solid #141760;
    padding-right: 25px;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 3px;
}

    .CompanyDetailsTab.Ratings {
        border-right: 0 !important;
    }

    .CompanyDetailsTab a {
        text-decoration: none;
        color: #FFF;
        padding-bottom: 2px;
    }

        .CompanyDetailsTab a.Selected {
            border-bottom: 2px solid #FFF;
        }

/* Search */

.SearchBoxTitle H1 {
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}


.SearchBox {
    background: rgba(0, 0, 0, 0) url("/images/SearchBG.jpg") repeat scroll 0 0;
    clear: both;
    color: #ffffff !important;
    float: left;
    font-weight: bolder;
    height: 360px;
    margin-bottom: 8px;
    padding: 25px 150px 0;
    width: 700px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.SearchBoxInner {
    overflow: auto;
    background: #141760;
    padding: 20px;
    width: 350px;
}

.SearchResults {
    border-bottom: 1px solid #d5d5d5;
    border-left: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    color: #000000;
    font-size: 0.7em;
    font-weight: lighter;
    margin-left: 1px;
    padding: 10px;
    position: absolute;
    top: 594px;
    width: 328px;
    /*opacity:0.9;*/
}

.Toggle {
    cursor: pointer;
    background-repeat: no-repeat;
    width: 350px;
    height: 26px;
    display: inline-block;
}

    .Toggle.Traders {
        background-image: url('/images/ToggleTraders.png');
    }

    .Toggle.Company {
        background-image: url('/images/ToggleCompany.png');
    }


.ReviewSearchResults {
    position: absolute;
    width: 288px;
    border-left: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    border-top: 1px solid #eaeaea !important;
    padding: 10px;
    color: #000;
    margin-top: -3px;
    margin-left: 12px;
    font-size: 0.7em;
    /*opacity:0.9;*/
    font-weight: lighter;
}

.BusinessSearchResult {
    width: 950px;
    margin-left: auto;
    margin-right: auto;
}

/* Columns */

.SearchColoumn {
    /*  width:500px;*/
    margin-right: 50px;
}


.PostcodeColoumn {
    width: 200px;
    margin-right: 40px;
}



.SearchButtonColoumn {
    width: 130px;
    font-size: 0.7em;
}

.BusinessInfoColoumn {
    width: 560px;
    height: 121px;
    overflow: hidden;
    padding-top: 0 !important;
	
}.BusinessInfoColoumn p {
    max-width: 560px;
	max-height:
}


.ViewColoumn {
    float: right;
    width: 130px;
    height: 61px;
    padding-top: 40px;
    margin-right: 10px;
}


.DetailsColumn {
    width: 700px;
	min-height:500px;
    height: auto;
    overflow-y: auto;
}

.ReviewContainer {
    width: 660px;
}

    .ReviewContainer .FloatLeft {
        width: 570px;
    }


.AdminSplitColoumn {
    width: 48%;
}


.SearchOptionsColomn {
    width: 390px;
}


.LeaveAReviewColomn {
    width: 660px;
    margin-left: 110px;
}

.LeaveAReviewTextColomn {
    width: 200px;
}

.LeaveAReviewScoreColomn {
    width: 40px;
}

.FooterColumn {
    width: 200px;
    height: 100px;
}

.FooterContents {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.TwitterColomn {
    width: 250px;
    height: 350px;
}

.HomeContentColumn {
    width: 700px;
}

.JoinFormColomn {
    width: 900px;
    margin-left: 20px;
}

.JoinFormInnerColomn {
    width: 430px;
}

    .JoinFormInnerColomn ul {
        height: 368px;
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .JoinFormInnerColomn li {
        clear: both;
        float: left;
        margin-top: 8px;
        width: 420px !important;
    }

.ContentBody {
    clear: both;
    float: left;
    width: 900px;
}

    .ContentBody li {
        width: auto !important;
        float: none;
        clear: both;
    }

/* Inputs */

.InputBoxes {
    border: 1px solid #5f5f5f;
    font-weight: lighter;
    width: 300px;
    padding: 5px;
    height: 28px;
    font-family: Arial,Tahoma !important;
}

    .InputBoxes.KeywordInput {
        padding: 5px;
        height: 20px;
        width: 190px;
    }

    .InputBoxes.Multiline {
        padding: 5px;
        height: 80px;
        width: 300px;
        font-size: 0.7em;
    }

    .InputBoxes:focus {
        background-color: #eaeaea;
    }

.ReviewBox {
    border: 1px solid #5f5f5f;
    font-weight: lighter;
    width: 510px;
    padding: 8px;
    height: 80px;
    font-family: Arial,Tahoma !important;
    font-size: 0.7em;
}

    .ReviewBox:focus {
        background-color: #eaeaea;
    }

.ErrorBox {
    border: 1px solid #d60000;
}

.ShortInput {
    width: 130px !important;
}

.PostcodeInputBox {
    width: 335px;
    height: 35px;
    padding-left: 10px;
    font-size: 1.1em;
}

.SearchInputBox {
    width: 335px;
    height: 35px;
    padding-left: 10px;
    font-size: 1.1em;
}

/* Headers */

h1 {
    padding: 0;
    margin: 0;
    font-size: 2em;
    color: #141760;
    font-weight: 600;
}

h2 {
    padding: 0;
    margin: 0;
    font-size: 1.8em;
    color: #141760;
    font-weight: 600;
}

h3 {
    padding: 0;
    margin: 0;
    font-size: 1.6em;
    color: #141760;
}

h4 {
    padding: 0;
    margin: 0;
    font-size: 1.3em;
    color: #141760;
}

.StandardTitle {
    font-weight: bold;
    font-size: 1.1em;
}

/* Tab */

.TabOption {
    min-width: 120px;
    padding: 10px;
    border-bottom: 1px solid #333;
    text-align: center;
    font-size: 0.8em;
    cursor: pointer;
    background-color: #D9F3FD;
    height: 20px;
    padding-top: 15px;
}

    .TabOption.Selected {
        background-color: #eaeaea;
    }

.TabbedGroup {
    width: 900px;
    float: left;
    clear: both;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

/* Colors */

.Grey {
    background-color: #eaeaea !important;
}

.LightSkyBlue {
    background-color: #D9F3FD !important;
}

.SkyBlue {
    background-color: #00AEEF !important;
}

.SkyBlueFont {
    color: #00AEEF !important;
}

.MediumSkyBlue {
    background-color: #0076A3 !important;
    color: #fff !important;
}

.MidnightBlue {
    background-color: #141760 !important;
    color: #fff !important;
}

.MidnightBlueFont {
    color: #141760 !important;
}

.FuschiaPink {
    background-color: #CB007A !important;
    color: #FFF !important;
}

.FuschiaPinkFont {
    color: #CB007A !important;
}

.SunshineOrange {
    background-color: #ED5913 !important;
}

.White {
    background-color: #FFFFFF !important;
}

.WhiteFont {
    color: #FFF !important;
}

.Black {
    background-color: #231F20 !important;
}

.RedFont {
    color: #a20404 !important;
}

/* Buttons */

.FormButton {
    border: 0;
    font-size: 0.7em;
    padding: 8px;
    cursor: pointer;
    color: #FFF;
    background-color: #333;
}

.FormButton {
}

.SearchButton {
    border: 1px solid #000000;
    cursor: pointer;
    font-size: 1.3em;
    font-weight: lighter;
    height: 45px;
    width: 353px;
}

.ViewButton {
    width: 130px;
    height: 40px;
    border: 0;
    font-size: 1.3em;
    font-weight: lighter;
    cursor: pointer;
    color: #FFF;
    display: inline-block;
    text-align: center;
}


.ReturnButton {
    width: 190px;
    height: 40px;
    border: 0;
    font-size: 1.0em;
    font-weight: lighter;
    cursor: pointer;
    display: inline-block;
    text-align: center;
}


.SearchTextButton {
    width: 190px;
    height: 30px;
    border: 0;
    font-size: 1.0em;
    font-weight: lighter;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 5px;
    text-decoration: none !important;
}



/* Align */

.CentreText {
    text-align: center;
}

.Centre {
    margin-left: auto;
    margin-right: auto;
}

/* Corners */

.RoundedCorners {
    /*border-radius:10px;*/
}
/*
.TopRoundedCorners 
{
border-top-left-radius: 10px;
border-top-right-radius: 10px; 
}*/
/*
.BottomRoundedCorners {border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}*/

/* Fancy bits */
.Shadow {
    -moz-box-shadow: 2px 2px 2px #333;
    -webkit-box-shadow: 2px 2px 2px #333;
    box-shadow: 2px 2px 2px #333;
}

.Clickable {
    cursor: pointer;
}


/* Margins */

.RowTopMargin {
    margin-top: 2px;
}

.SmallTopMargin {
    margin-top: 5px;
}

.MediumTopMargin {
    margin-top: 10px;
}

.LargeTopMargin {
    margin-top: 20px;
}

.KeywordTopMargin {
    margin-top: 8px;
}

.SmallBottomMargin {
    margin-bottom: 5px;
}

.MediumBottomMargin {
    margin-bottom: 10px;
}

.LargeBottomMargin {
    margin-bottom: 20px;
}

.BusinessImageTopMargin {
    margin-top: 70px;
}

.SmallLeftMargin {
    margin-left: 5px;
}

.MediumLeftMargin {
    margin-left: 10px;
}

.LargeLeftMargin {
    margin-left: 20px;
}


.SmallRightMargin {
    margin-right: 5px;
}

.MediumRightMargin {
    margin-right: 10px;
}

.LargeRightMargin {
    margin-right: 20px;
}

.KeywordMargin {
    margin: 3px;
}


/* Paddings */

.AdminImagePadding {
    padding: 2px;
}

.SmallPadding {
    padding: 10px;
}

.SmallLeftPadding {
    padding-left: 8px;
}

.SmallRightPadding {
    padding-right: 8px;
}

.SmallBottomPadding {
    padding-bottom: 8px;
}

.MediumPadding {
    padding: 20px;
}

.SmallTopPadding {
    padding-top: 8px;
}

.ReviewTopPadding {
    padding-top: 4px;
}

/* Borders */

.BlackBorder {
    border: 1px solid #5f5f5f;
}

.LeftBorder {
    border-left: 1px solid #141760;
}

.RightWhiteBorder {
    border-right: 2px solid #FFF;
}


/* Rows */

.Footer {
    width: 1000px;
    height: 140px;
    position: static !important;
}

.ResultRow {
    background-color: #eaeaea;
    padding: 2%;
    cursor: pointer;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #ccc;
    font-size: 1.3em;
    width: 98%;
    margin-top: 3px;
    font-weight: bold;
}

    .ResultRow:hover {
        background-color: #CB007A;
        color: #FFF;
        border-top-style: solid;
        border-top-width: 1px;
        border-top-color: #FFF;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: #FFF;
        border-left-style: solid;
        border-left-width: 1px;
        border-left-color: #FFF;
        border-right-style: solid;
        border-right-width: 1px;
        border-right-color: #FFF;
        border-radius: 5px;
    }

.ResultOptions {
    overflow: auto;
}

/* Pagination */

.Pagination {
    border: 1px solid #333;
    padding: 12px 20px 12px 20px;
    margin-bottom: 10px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    margin-right: 8px;
    width: 20px;
    display: inline-block;
}

    .Pagination:hover {
        background-color: #D9F3FD;
        color: #FFF !important;
    }

/* Sponsored links */

.SponsoredLinkBox {
    height: 135px;
    width: 980px;
    padding: 10px;
    margin: 0 auto;
    float: none;
}

.SponsoredLink {
    /* width:150px;*/
    height: 100px;
    border-right: 2px solid #67b7e6;
}

.SponsoredLinkImageContainer {
    height: 85px;
    width: 125px;
}

.SponsoredLink img {
    max-width: 125px !important;
    border: 0;
}

/* New Design Class and ID styling - Corey Chamberlain - 18/02/2016 */
.search-result-phone {
    display: none;
}

.search-result-address {
    display: none;
}

.AboutText {
    /*height: 68px;*/
    height: 106px;
    overflow: hidden;
}

.SponsoredLink .StandardTitle {
    max-width: 128px;
}

.SponsoredLinkBoxInner {
    height: 130px;
    overflow: hidden;
    border-left: 2px solid #67b7e6;
    margin-left: 20px;
    margin-bottom: 20px;
}

.SearchResultsText {
    margin: 0 auto;
    padding: 10px;
    width: 940px;
}

.LogonContainer {
    padding-left: 20px;
}

.PageEditorContainer {
    padding-left: 20px;
}

@media print {
    body {
        font-size: 20pt !important;
    }
}

.PageEditorContainer {
    overflow: auto;
    width: 96%;
}

/* Fix about us textarea size */
#AboutUsContainer textarea{
    width: 100%;
    height: 200px;
}