/* Browser reset styles */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}

:focus {
outline: 0;
}

body {
line-height: 1;
background: white;
color: black;
}

ol, ul {
list-style: none;
}

table {
border-collapse: separate;
border-spacing: 0;
}

th, td {
text-align: left;
font-weight: normal;
padding: 5px;
}

th {
font-weight: bold;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}

blockquote, q {
quotes: "" "";
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {
display: inline-block;
}

/* Site styles */

body {
font-family: arial, helvetica, sans-serif;
font-size: 62.5%;
}

#skipcontent {
position: absolute;
background: transparent;
text-indent: -9999em;
z-index: -1;
}

#skipcontent:focus, #skipcontent:hover, #skipcontent:active {
display: block;
width: 990px;
padding: 1em 0;
background: #ec008c;
color: #fff;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
font-weight: bold;
font-size: 1.4em;
text-indent: 1em;
z-index: 5;
}

#branding {
position: relative;
margin: 0 auto;
width: 990px;
height: 180px;
background: #000;
color: #fff;
}

    #branding h1 span {
    position: absolute;
    left: -999em;
    }
    
    #branding h1 a {
    position: absolute;
    top: 0;
    left: 13px;
    width: 226px;
    height: 180px;
    }

#container {
position: relative;
margin: 0 auto;
width: 990px;
background: url(template/container.gif) repeat-y bottom right;
font-size: 1.4em;
}

#navigation {
float: left;
width: 240px;
}

    #navigation ul li a {
    display: block;
    margin-right: 2px;
    margin-bottom: 1px;
    padding: 5px 8px;
    text-decoration: none;
    font-weight: normal;
    color: #000;
    }

    #navigation ul.enjoying li a {
    background: #e4dfd6;
    }

    #navigation ul.enjoying li a:hover {
    background: #d3cabc;
    }
    
    #navigation ul li#enjoying a {
    background: #d3cabc url(template/enjoying-bullet.gif) no-repeat left center;
    }

    #navigation ul li#enjoying a:hover, #navigation ul.enjoying li#enjoying a {
    background: #d3cabc url(template/enjoying-bullet-hover.gif) no-repeat left center;
    }

    #navigation ul.learning li a {
    background: #f4eaea;
    }

    #navigation ul.learning li a:hover {
    background: #e0c4c5;
    }
    
    #navigation ul li#learning a {
    background: #e0c4c5 url(template/learning-bullet.gif) no-repeat left center;
    }

    #navigation ul li#learning a:hover, #navigation ul.learning li#learning a {
    background: #e0c4c5 url(template/learning-bullet-hover.gif) no-repeat left center;
    }
    
    #navigation ul.living li a {
    background: #e7eaec;
    }

    #navigation ul.living li a:hover {
    background: #bdc7cb;
    }
    
    #navigation ul li#living a {
    background: #bdc7cb url(template/living-bullet.gif) no-repeat left center;
    }

    #navigation ul li#living a:hover, #navigation ul.living li#living a {
    background: #bdc7cb url(template/living-bullet-hover.gif) no-repeat left center;
    }

    #navigation ul.moving li a {
    background: #cbdccb;
    }

    #navigation ul.moving li a:hover {
    background: #a2c1a2;
    }
    
    #navigation ul li#moving a {
    background: #a2c1a2 url(template/moving-bullet.gif) no-repeat left center;
    }

    #navigation ul li#moving a:hover, #navigation ul.moving li#moving a {
    background: #a2c1a2 url(template/moving-bullet-hover.gif) no-repeat left center;
    }

    #navigation ul.healthy li a {
    background: #f3e8d7;
    }

    #navigation ul.healthy li a:hover {
    background: #e8d4b3;
    }
    
    #navigation ul li#healthy a {
    background: #e8d4b3 url(template/healthy-bullet.gif) no-repeat left center;
    }

    #navigation ul li#healthy a:hover, #navigation ul.healthy li#healthy a {
    background: #e8d4b3 url(template/healthy-bullet-hover.gif) no-repeat left center;
    }
    
    #navigation ul.working li a {
    background: #f0ece7;
    }

    #navigation ul.working li a:hover {
    background: #e1dad0;
    }

    #navigation ul li#working a {
    background: #e1dad0 url(template/working-bullet.gif) no-repeat left center;
    }

    #navigation ul li#working a:hover, #navigation ul.working li#working a {
    background: #e1dad0 url(template/working-bullet-hover.gif) no-repeat left center;
    }

    #navigation ul#home li a, #navigation ul li#enjoying a, #navigation ul li#learning a, #navigation ul li#living a, #navigation ul li#moving a, #navigation ul li#healthy a, #navigation ul li#working a {
    padding: 12px 12px 12px 66px;
    font-size: 1.2em;
    }

#content {
float: left;
padding-bottom: 3em;
width: 530px;
}

    #content ul {
    list-style: none;
    }

    #content ol {
    list-style: decimal;
    margin-left: 2em;
    }
    
    #content ul li {
    padding-left: 2em;
    background: url(template/bullet_1a.gif) left 3px no-repeat;
    line-height: 200%;
    }

#sitefunctions {
float: right;
width: 220px;
background: #333;
color: #fff;
border-top: 10px solid #ec008c;
}

    #searcharea {
    width: 80%;
    margin: 2em auto;
    padding: 8px;
    background: #ec008c;
    color: #fff;
    line-height: 150%;
    }

    #searcharea legend {
    display: none;
    }

    .searchinput {
    margin-right: 5px;
    width: 112px;
    border: 1px solid #333;
    font-family: arial, helvetica, sans-serif;
    font-size: 14px;
    }

    #searchbutton {
    padding: 0;
    border: 1px solid #333;
    background: #fff;
    color: #000;
    font-family: arial, helvetica, sans-serif;
    font-size: 14px;
    }

    #sitefunctions ul {
    width: 80%;
    margin: 0 auto;
    padding: 0;
    }

    #sitefunctions ul li {
    display: relative;
    padding: 1em 0;
    border-bottom: 1px solid #ec008c;
    }

    #sitefunctions ul li#travel {
    border-bottom: 0;
    }

    #sitefunctions ul li span, #travel {
    font-size: 1.4em;
    }

    #sitefunctions a {
    display: block;
    padding-left: 30px;
    background: url(template/arrow.gif) no-repeat left center;
    color: #fff;
    }

    #sitefunctions a:hover, #sitefunctions a:focus {
    padding: 0 0 0 30px;
    color: #ec008c;
    text-decoration: none;
    }

    #doitonline span, #news span, #emergency span {
    display: block;
    }

#siteinfo {
margin-top: 2em;
padding-bottom: 1em;
}

    #siteinfo p img {
    vertical-align: middle;
    margin: 0 5px;
    }

    #siteinfo ul li {
    display: inline;
    margin-right: 1em;
    padding-right: 1em;
    border-right: 1px solid #333;
    }

    #siteinfo ul li.last {
    border: none;
    }

#insalfordcom {
position: absolute;
right: 17px;
bottom: 36px;
width: 187px;
height: 24px;
background: url(template/insalfordcom.gif) no-repeat;
}

h2, p, ul, ol {
padding: 14px 14px 0 14px;
line-height: 130%;
}

h3 {
padding: 24px 14px 0 14px;
font-size: 120%;
font-weight: bold;
}

h2 {
font-size: 1.4em;
font-weight: bold;
}

li {
line-height: 140%;
}

a {
color: #ec008c;
font-weight: bold;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

a:focus {
padding: 4px 6px;
background: #fcc;
}

#branding h1 a:focus {
padding: 0;
background: none;
}

fieldset {
width: 90%;
margin: 15px 14px;
padding: 5px 10px 15px 10px;
border: 1px solid #333;
}

#searcharea fieldset {
margin: 0;
padding: 0;
width: 100%;
border: none;
}

strong {
font-weight: bold;
}

legend {
padding: 5px;
font-weight: bold;
border: 1px solid #333;
}

label {
font-weight: bold;
}

label:hover {
cursor: pointer;
}

.input {
padding: 5px;
font-family: arial, helvetica, sans-serif;
font-size: 14px;
border: 1px solid #333;
}

.input:focus, .searchinput:focus {
background: #fcc;
}

.button {
padding: 5px;
font-family: arial, helvetica, sans-serif;
border: 1px solid #333;
background: #ec008c;
color: #fff;
font-size: 14px;
font-weight: bold;
}

.largeField {
width: 439px;
}

sup {
position: relative;
top: -5px;
font-size: 0.7em;
}

#navigation ul {
padding-right: 0;
}

div.black_border {
clear: both;
width: 95%;
margin: 20px 0 20px 14px;
border: 1px #333 solid;
}

div.black_border p {
padding: 7px 10px 7px 10px;
}

div.black_border ul {
margin: 7px 10px 7px 35px;
}

#print {
display: none;
}

table.search {
width: 95%;
margin: 0 0 0 14px;
background: #e1dad0;
border: 1px #333 solid;
}

table.search tr td {
padding: 7px 10px 7px 10px;
width: 30%;
}

table.search tr td.centre {
width: 40%;
text-align: center;
}

.righttext {
text-align: right;
}

table.search a:focus {
padding: 0;
background: #fcc;
}

/* Your Salford styles */

#yoursalford-home {
margin: 0 0 10px 0;
padding: 4px 13px;
background: #e3e2e8 url(t/mysalford-bottom-corner.jpg) no-repeat bottom right;
}

#yoursalford-home p {
margin: 8px 0;
}

#yoursalford-side {
margin: 10px 5px;
padding-bottom: 5px;
background: #fff url(t/yoursalford-side-bottom-corner.jpg) no-repeat bottom right;
}

#yoursalford-side h2 {
margin: 0;
padding: 5px 0 5px 15px;
background: #ec008c url(t/yoursalford-side-corner.jpg) no-repeat top left;
color: #fff;
font-size: 95%;
border-bottom: 1px solid #e3e2e8;
}

#yoursalford-side p {
margin: 0 3px;
}

#loadingImage {
display: inline;
padding-left: 15px;
vertical-align: middle;
}

.scroll {
height: 500px;
overflow: auto;
}

#map, .map {
margin: 0 auto 15px auto;
width: 400px;
height: 300px;
border-top: 1px solid #999;
border-right: 1px solid #222;
border-bottom: 1px solid #222;
border-left: 1px solid #999;
}

#mapframe {
display: block;
margin: 15px auto 0 auto;
width: 420px;
height: 320px;
border: 0;
}

div.black_border ul#yoursalford-results {
margin: 10px;
padding: 0;
list-style: none;
width: 97%;
border-bottom: 1px solid #6b5f6d;
}

div.black_border ul#yoursalford-results li {
margin: 0;
padding: 0;
position: relative;
text-align: left;
}

div.black_border ul#yoursalford-results li a {
display: block;
text-decoration: none;
color: #000;
background: #e2e2e8;
margin: 0;
padding: 5px;
border: 1px solid #6b5f6d;
border-bottom: 0;
}

div.black_border ul#yoursalford-results li a:hover {
color: #fff;
background: #6b5f6d;
}

div.black_border ul#yoursalford-results li:hover ul, li.over ul {
display: block;
}

#detailContainer {
background: #eee url(t/mysalfordback.gif) repeat-y center top;
margin-bottom: 15px;
}

#detailContainer table {
margin: 10px;
border: 1px solid #6b5f6d;
}

#detailContainer table th, #detailContainer table td {
text-align: center;
}

#property tr.band {
background: #fde1ef;
}

#property tr.band th, #property tr.band td {
border-top: 1px solid #6b5f6d;
}

#property {
float: left;
width: 48%;
}

#amenities {
float: right;
width: 49%;
}

.yoursalford-input {
width: 90%;
}

.documentIcon {
vertical-align: bottom;
}

div.maphelp {
width: 400px;
margin: -10px auto 0 auto;
}

.yoursalford-left {
float: left;
width: 40%;
padding-right: 5px;
}

.yoursalford-right {
float: right;
width: 51%;
}

#detailContainer h3 {
padding-top: 10px;
padding-left: 10px;
}

#detailContainer ul {
list-style-type: disc;
margin-left: 1em;
padding-top: 0;
}

#detailContainer ul li {
padding-left: 0;
background: none;
line-height: 150%;
}

.information, .map-information {
display: none;
}