html {
background:#000;
}
p {
font-family:Arial, Helvetica, sans-serif;
color:#fff;
font-size:0.75em;
}
a {
color:#fff;
}
a:hover {
color: #CCCCCC;
}
h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
color: #fff;
margin:0 0 20px 0;
padding:10px 0 0 0;
}
h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:0.75em;
color:#88C342;
}
h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:0.75em;
color:#9D0000;
}
h4 {
font-size:0.75em;
font-family:Arial, Helvetica, sans-serif;
padding:3px 7px;
background-color:#DFE6ED;
color: #0B336F;
}
.green {
color:#88C342;
}
#page ul {
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
}
#page li {
margin:7px 0 0 0;
}
#container {
width:850px;
margin:0 auto 0 auto;
}
#mainContent {
width:100%;
float:right;
}
#page {
padding:20px 15px 30px 30px;
min-height:450px;
}
#page p {
line-height:1.4em;
}
#header {
width:100%;
height:100px;
}
#logo {
width:320px;
float:left;
margin:0 0 0 20px;
}
#number {
width:320px;
float:right;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#fff;
text-align:right;
padding:55px 45px 0 0;
}
#numberPages {
width:320px;
float:right;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#fff;
text-align:right;
padding:35px 0 0 0;
}
.number {
font-size:1.5em;
}
.tel {
font-size:1.1em;
}
#headerStrip {
height:45px;
width:100%;
}
/* Menu */
#menu {
width:160px;
height:234px;
float:left;
background: url(../images/menuBg.png) top left no-repeat;
}
#siteNav {
}
#siteNav ul {
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#siteNav ul li {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
display:inline;
font-weight:normal;
}
#siteNav ul li.button1 a{
padding:10px 30px 10px 7px;
}
#siteNav ul li.button1 a:hover {
background: url(../images/button1hover.png) right no-repeat;
}
#siteNav ul li.button2 a:hover {
background: url(../images/button2hover.png) right no-repeat;
}
#siteNav ul li.button3 a:hover {
background: url(../images/button3hover.png) right no-repeat;
}
#siteNav ul li.button4 a:hover {
background: url(../images/button4hover.png) right no-repeat;
}
#siteNav ul li.button5 a:hover {
background: url(../images/button5hover.png) right no-repeat;
}
#siteNav ul li.button6 a:hover {
background: url(../images/button6hover.png) right no-repeat;
}
#siteNav ul li a {
font-size: 0.7em;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
display: block;
color: #FFFFFF;
text-decoration: none;
padding:11px 30px 10px 7px;
margin:0px 0px 2px 0px;
}
#siteNav ul li a:visited {
text-decoration: none;
}
#siteNav ul li a:hover {
color:#fff;
background: #E7D9AA;
}
#leftPanel {
width:203px;
margin:0 20px 0 10px;
float:left;
}
#contactPanel {
margin:5px 0 30px 10px;
}
#quickSearchContainer {
background: url(../images/quickSearchBg.png) top no-repeat;
padding:0 0 14px 0;
}
#quicksearch {
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
color:#fff;
padding:0 0 10px 22px;
width:75%;
}
#quickSearchHeader {
height:45px;
background: url(../images/quickSearchHeader.png) top center no-repeat;
}
#quicksearch a {
color:#FFFFFF;
font-weight:bold;
text-align:left;
}
.quicksearchLink {
text-align:left;
float:left;
width:90px;
font-size:0.8em;
margin:15px 0 5px 0;
}
#quicksearch a:hover {
color: #E5E5E5;
}
#quicksearch form a img {
border: none;
}
#quicksearch form {
padding: 0 0 0 0;
margin:0 0 0 0;
}
#quicksearch label {
width: 25%;
}
.labelQuicksearch {
text-align:left;
float:left;
}
.buttonBox {
width:70px;
text-align:right;
float:right;
}
.buttonBox input {
margin:15px 0 0 0;
}
ol {
font-family:Arial, Helvetica, sans-serif;
font-size:0.75em;
}
ol li {
margin:0 0 20px 0;
}
.label {
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
}
#quicksearch form select, #quicksearch form input {
font-size: 1em;
}
#quicksearch .searchField {
padding: 6px 0 0 6px;
text-align:right;
}
#area {
font-size:1em;
width:140px;
margin:4px 0 0 0;
}
.radios {
margin:0 0 0 6px;
}
.clearer {
clear:both;
height:1px;
font-size:0.2em;
}
/* Home */
#home {
background:url(../images/homeBg.png) no-repeat top left;
min-height:730px;
}
#flash {
width:690px;
height:235px;
float:left;
text-align:right;
}
#homeText {
width:557px;
padding:5px 0 0 5px;
margin:0 0 10px 234px;
text-align:justify;
}
#homeText p {
margin:15px 0 15px 0;
padding:0 0 0 0;
}
#homeText h1 {
color:#fff;
font-size:1em;
}
.limeList {
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#fff;
}
.limeList li {
margin-bottom:5px;
}
/* Lime Life */
.heading {
text-align:left;
width:150px;
float:left;
margin:0 0 0 10px;
padding:3px 0 3px 0;
color:#FFFFFF;
font-size:0.8em;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}
.showHide {
width:70px;
padding-top:3px;
padding-right:10px;
text-align:right;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
font-weight:bold;
float:right;
}
.red {
color:#990000;
}
.excluding {
font-size:0.7em;
margin:10px 0 0 0;
padding:10px 0 0 0;
text-align:right;
color: #666666;
font-family:Arial, Helvetica, sans-serif;
}
.limeLife a{
color:#88C342;
}
.limeLife a:hover {
color: #CCCCCC;
}
#boxesLeft {
width:257px;
float:left;
}
.linksBoxHeader {
height:22px;
padding:0 0 0 15px;
background:url(../images/limeLifeLinksHeader.png) no-repeat top left;
}
/* Restaurants */
#restaurantsBoxWrapper {
margin:10px 0 0 0;
float:left;
}
#restaurantsBoxLinks {
background:url(../images/limeLifeLinks.png) no-repeat top left;
padding: 0 0 0 17px;
}
/* Beauty */
#beautyBoxWrapper {
margin:10px 0 0 0;
float:left;
}
#beautyBoxLinks {
background:url(../images/limeLifeLinks.png) no-repeat top left;;
padding: 0 0 0 17px;
}
/* Leisure */
#leisureBoxWrapper {
margin:10px 0 0 0;
float:left;
}
#leisureBoxLinks {
background:url(../images/limeLifeLinks.png) no-repeat top left;;
padding: 0 0 0 17px;
}
/* Lifestyle */
#lifestyleBoxWrapper {
margin:10px 0 0 0;
float:left;
}
#lifestyleBoxLinks {
background:url(../images/limeLifeLinks.png) no-repeat top left;;
padding: 0 0 0 17px;
}
/* Shopping */
#shoppingBoxWrapper {
margin:10px 0 0 0;
float:left;
}
#shoppingBoxLinks {
background:url(../images/limeLifeLinks.png) no-repeat top left;
padding: 0 0 0 17px;
}
#issue {
width:242px;
margin:0 0 0 0;
float:right;
height:200px;
}
.item {
font-size:0.8em;
font-family:Arial, Helvetica, sans-serif;
}
.itemTop {
min-height:30px;
font-size:0.8em;
font-family:Arial, Helvetica, sans-serif;
}
.itemBottom1 {
height:65px;
font-size:0.8em;
font-family:Arial, Helvetica, sans-serif;
}
.itemBottom2 {
font-size:0.8em;
font-family:Arial, Helvetica, sans-serif;
}
.itemBottom3 {
font-size:0.8em;
font-family:Arial, Helvetica, sans-serif;
}
.itemBottom4 {
font-size:0.8em;
font-family:Arial, Helvetica, sans-serif;
}
.itemBottom5 {
font-size:0.8em;
font-family:Arial, Helvetica, sans-serif;
}
.itemLeft {
float:left;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
padding:7px 0 7px 10px;
width:50%;
color:#fff;
}
.itemRight {
float:right;
text-align:right;
padding:7px 10px 7px 0;
width:40%;
color:#71B90D;
}
/* Featured properties */
#featured {
text-align:left;
width:550px;
margin:10px 0 0 240px;
}
#featured h2 {
font-size:0.8em;
padding-bottom:7px;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
border-bottom:1px dotted #fff;
}
.featuredProperty {
margin:0 30px 0 0;
font-size:0.75em;
width:25%;
float:left;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}
.featuredProperty a:hover {
color:#CCCCCC;
}
.featuredProperty h4 {
background-color:#FFFFFF;
margin:0 0 0 0;
padding:0 20px 0 0;
font-size:1em;
}
.featuredProperty img {
margin:3px;
}
.featuredAddress {
font-family: Arial, Helvetica, sans-serif;
}
.noFeatured {
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
color: #fff;
font-weight:bold;
}
.priceFeatured {
margin:0 0 0 0;
padding:0 0 0 0;
font-weight:bold;
}
.priceFeatured a {
color:#7DBB2C;
}
.townFeatured {
font-weight:bold;
margin:0 0 4px 0;
padding:0 0 0 0;
}
.townFeatured a {
color:#fff;
text-decoration:none;
}
.typeFeatured {
margin:0 0 4px 0;
padding:0 0 0 0;
}
.typeFeatured a {
color:#fff;
text-decoration:none;
}
/* Search results */
#searchResults {
font-size:0.8em;
width:820px;
font-family:Arial, Helvetica, sans-serif;
margin:0 0 0 0;
padding:0 0 10px 0;
min-height:450px;
}
.searchOptions {
width:200px;
float:right;
}
#searchResults a {
}
#searchResults a:hover {
}
#searchResults h3 {
font-size:0.9em;
color:#fff;
margin:10px 0 0 16px;
}
#searchResults h1 {
font-size:1.3em;
font-weight: bold;
margin:0 210px 0 15px;
padding:0 0 0 0;
}
.pageList {
font-weight: bold;
text-align: right;
font-size:0.85em;
color:#fff;
}
.currentPage {
border: solid 1px #fff;
padding:0 2px 0 2px;
}
.bedrooms, .propertyType, .propertyPrice, .propertyStatus {
font-size:0.9em;
color:#FFFFFF;
}
.pageList a, .pageList a:visited {
text-decoration:none;
color: #fff;
border: solid 1px #000;
padding:0 2px 0 2px;
}
.pageList a:hover {
border: solid 1px #fff;
color: #fff;
}
.pageList a#next, .pageList a#previous {
border: solid 1px #fff;
padding:2px;
}
.pageList a#next {
padding:2px;
}
.pageList a#previous {
padding:2px;
}
.searchNav {
font-weight: bold;
color:#fff;
padding: 10px;
font-size:0.85em;
margin:10px 0 0 0;
}
table.list {
padding: 0;
border-collapse: collapse;
margin:0 15px 0 0;
}
table.list td {
padding: 5px;
}
.thumbnail img {
margin: 10px 15px 10px 10px;
border: solid 1px #666666;
}
.thumbnail a:hover img {
border: solid 1px #999999;
}
.thumbnail {
}
.description {
font-size:0.9em;
color:#fff;
}
.propertyAddress {
font-size: 0.9em;
font-family: Arial, Helvetica, sans-serif;
background-color:#E3F1D1;
font-weight:bold;
padding:7px 5px 7px 10px;
}
.propertyAddress a {
color: #1B5300;
}
.propertyAddress a:visited {
color: #216600;
}
.propertyAddress a:hover {
color:#287D00;
}
#more {
color:#5C1743;
font-size:1.1em;
float:right;
padding-right:10px;
margin-bottom:5px;
text-decoration:underline;
}
#more a, #more a:link, #more a:visited {
text-decoration:underline;
color: #333333;
}
#more a:hover {
color: #666666;
}
tr.odd {
}
.available {
font-weight: bold;
background-color:#8CC542;
color:#FFFFFF;
padding:2px 4px 2px 4px;
}
.notAvailable {
font-weight: bold;
color:#990000;
}
/* Search bar */
#searchBar {
margin:0 0 0 0;
background: #333333;
padding:10px 10px 5px 10px;
color:#FFFFFF;
}
#hidden {
height:30px;
background:#333;
color:#FFFFFF;
}
#searchBar form {
margin:0 0 0 0;
padding:0 0 0 0;
}
#searchBar a {
color:#FFFFFF;
}
#searchBar a:hover {
color:#CCCCCC;
}
#searchBar select {
font-size:0.95em;
}
.searchFieldRooms {
float:left;
width:130px;
}
.searchFieldPrice {
float:left;
width:170px;
margin:0 15px 5 0;
}
.searchFieldRooms select {
font-size:1em;
}
.radiosMap {
margin:0px 12px 6px 5px;
padding:0px 0px;
float:left;
}
#advanced {
height:30px;
background:#593A74;
width:740px;
color:#FFFFFF;
}
#buyMinMap {
margin:0 0 0 4px;
}
.minField {
margin:0 0 5px 0;
}
.searchFieldType {
float:left;
margin:0 15px 0 15px;
}
.searchFieldType select {
font-size:1em;
}
.searchFieldArea input {
font-size:1em;
}
.searchBarList {
font-size:0.95em;
margin:15px 0 25px 0;
}
/*Particulars */
.socialMediaButton {
margin:20px 0 0 0;
width:65px;
float:left;
}
#pageParticulars {
padding:0 0 0 20px;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
width:780px;
}
#particularsContainer {
background:url(../images/searchResultsBg.png) no-repeat top left;
width:820px;
}
#pageParticulars p {
font-size:1em;
}
#pageParticulars a {
color:#fff;
}
#pageParticulars a:hover {
color: #CCCCCC;
}
#pageParticulars h2 {
font-family: Arial, Helvetica, sans-serif;
font-size:1em;
background-color:#E3F1D1;
color: #1B5300;
padding:3px 5px;
}
#pageParticulars h3 {
font-size:1em;
font-family: Arial, Helvetica, sans-serif;
background-color:#E8E8E8;
color:#333333;
}
.additional {
margin-top:0px;
}
#pageParticulars h4 {
font-family: Arial, Helvetica, sans-serif;
font-size:1em;
color:#87C038;
background:none;
padding:3px 0 7px 0px;
margin:0px;
}
#particularsTopBar {
width:100%;
height:40px;
}
#propertyPriceParticulars {
font-size:1.6em;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
color: #fff;
padding:5px 0 10px 0;
}
#propertyTypeParticulars {
font-size:1em;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
color: #fff;
padding:11px 0 0 0;
float:left;
}
#particularsContainer img {
border:0px;
}
#roomName {
margin:0px;
padding:0px;
}
.roomName {
color:#fff;
font-size:1em;
font-weight:bold;
}
.roomDescription {
margin:5px 0 14px 0px;
padding:0px;
}
.featureList {
width:100%;
margin:30px 0 20px 0;
background:#5D5D5D;
}
.featureList ul {
padding:10px 0 10px 20px;
font-size:0.9em;
font-weight:bold;
list-style-image: url(/site/custom/limeProperty/images/bulletParticulars.gif);
margin:0 0 0 15px;
}
.featureList li {
color: #fff;
margin:0 0 0 0;
padding:1px 0 1px 10px;
vertical-align:middle;
}
.floorplan {
border:1px solid #666;
}
.floorplan a{
border:1px solid #666;
}
.floorplan a: hover {
border:1px solid #666666;
}
.center {
text-align:center;
}
#mainImage {
float:left;
width:376px;
}
#mainImage img {
border:1px solid #333;
}
#thumbnails {
width:209px;
float:right;
margin:0 0 3px 0;
}
#thumbnails a img {
border:1px solid #333;
text-decoration:none;
}
#thumbnails a {
color:#FFFFFF;
}
#thumbnails a:hover {
color:#FFFFFF;
}
#thumbnails a:visited {
color:#FFFFFF;
}
#photoGallery {
margin: 20px 0 0 0;
}
#photoGallery a img {
border:none;
}
#photoCaption {
width:500px;
margin:10px 0 0 0;
}
#caption {
float:left;
width:100px;
}
#slideShowLink {
float:right;
width:200px;
margin-bottom:30px;
}
#environmental {
text-align:left;
font-family: Arial, Helvetica, sans-serif;
font-size:1em;
color:#991111;
margin:0 0 30px 15px;
}
#environmental a {
color: #fff;
font-size:0.9em;
}
#environmental a:hover {
color: #CCCCCC;
}
/* Tables */
.buttonBox input, #formContainer .buttonBox input { float: none; }
.buyingField {
padding: 6px 0;
clear: both;
width: 60%;
}
.areaField {
padding: 6px 0;
clear: both;
width: 100%;
}
.areaFieldHeading {
margin-top:10px;
padding: 6px 0;
clear: both;
width: 100%;
}
.registerField {
font-size:1.3em;
margin:30px 0 20px 0;
}
div.buyingField label {
width: 55%;
float: left;
}
.buyingField input {
width: 55%;
float: left;
}
.mapCheckbox {
width: 30px;
float: left;
text-align:left;
}
.radios {
padding: 6px 0;
}
fieldset {
margin: 5px 15px 15px 15px;
padding: 10px;
border:none;
}
.area {
width: 33%;
float: left;
}
.area input {
width: 8%;
float: left;
}
.area label {
float: left;
width: auto;
}
.editRegistration a {
font-size:0.8em;
color:#CC0000;
}
.editRegistration a:hover {
color:#417D2D;
}
.searchForm {
padding:0px;
margin:0px;
}
/* Valuation */
#valuationText {
width:500px;
padding:5px 0 0 5px;
margin:0 0 30px 234px;
color:#FFFFFF;
}
#valuationText h4 {
background-color:#E3F1D1;
color: #216600;
font-size:0.8em;
padding:3px 5px;
}
/* Register */
#registerText {
width:560px;
padding:5px 0 0 5px;
margin:0 0 30px 234px;
}
fieldset {
margin-bottom: 25px;
margin-right:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
margin-left:0px;
padding:0 0 0 0;
color:#fff;
}
legend {
font-size: 1em;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
color: #fff;
}
#regForm .buttonBox {
background: none;
}
#regForm H4 {
font-size:0.9em;
padding:3px 5px;
background-color:#E3F1D1;
color: #216600;
}
.buttonBoxRegister {
text-align:center;
}
#regForm .searchField {
padding: 0.3%;
clear: both;
width: 98%;
}
#regForm a {
color:#fff;
}
#regForm a:hover {
color: #CCCCCC;
}
#regForm form .searchField {
width: 190px;
padding: 4px 8px;
margin:5px 0 5px 0;
}
.searchFieldAreas {
padding:20px 10px 0 0;
}
#regForm .searchField label {
width: 38%;
float: left;
}
#regForm .searchField input {
width: 30%;
float: left;
font-size: 1em;
}
#regForm .searchField select {
font-size: 0.95em;
}
#rLabel {
width: 40%;
float: left;
font-size: 0.95em;
padding-left: 0px;
margin: 0;
}
.rButtons {
float: left;
width: 50%;
}
.rButtons input, .rButtons label {
width: auto;
font-size: 0.95em;
}
.required {
color:#CC0000;
}
.error {
font-size:0.8em;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
}
/* Contact us */
#contactText {
width:520px;
float:left;
padding:5px 0 0 0;
margin:0 0 30px 10px;
}
.branchdetails {
padding-bottom: 25px;
width: 98%;
}
.branchdetails h2 {
padding-bottom: 5px;
}
.detailLabel {
margin: 0;
width: 15%;
float: left;
font-weight: bold;
}
.details {
width: 400px;
float: left;
margin:0 0 10px 0;
}
.detailfield {
width: 100%;
margin:0 0 10px 0;
clear: both;
}
.contactContainer {
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
margin:0 0 0 0;
color:#FFFFFF;
}
.contactContainer a {
color:#fff;
}
.contactContainer a:hover {
color: #CCCCCC;
}
.contactContainer h2{
font-family:Arial, Helvetica, sans-serif;
padding:3px 5px;
color:#1B5300;
font-size:0.9em;
background-color:#E3F1D1;
}
#powered {
text-align:center;
margin:35px 0 20px 0;
}
#poweredFooter {
text-align:right;
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
margin:5px 3px 0 0;
}
#christmas {
margin:30px auto 0 auto;
width:550px;
}
/* About us page */
/*
Author: Darren Paul Azzopardi
email: darrenpaulazzopardi@hotmail.com
*/
div#homeText{
}
/*Resize content for this page only*/
div#homeTextWrapper {
width:14em;
float:left;
}
div#video_frame{
float:right;
width:320px;
height:265px;
margin-bottom:20px;
}
div#timeLime {
height:21.5em;
width:35em;
float:left;
overflow:auto;
margin-bottom:2em;
position:relative;
margin-top:0.5em;
border-top:4px solid #89C443;
}
div#timeLime img {
border:none;
}
/*links shared styles*/
div#timeLime #website,
div#timeLime #branding,
div#timeLime #first_let,
div#timeLime #landlords,
div#timeLime #marketing,
div#timeLime #sublime,
div#timeLime #rugby,
div#timeLime #cards,
div#timeLime #discount_cards,
div#timeLime #lime_life,
div#timeLime #birthday,
div#timeLime #comic_relief,
div#timeLime #vote,
div#timeLime #tenants,
div#timeLime #sales,
div#timeLime #sold,
div#timeLime #relocate,
div#timeLime #million,
div#timeLime #pride,
div#timeLime #home_opened {
position:absolute;
display:block;
background: url(/site/custom/limeProperty/images/magnifier-zoom.png) no-repeat -3em 0;
text-indent:-9999px;
}
/*links positioned over image*/
div#timeLime #website{
top:4em;
left:4em;
height:4em;
width:4em;
}
div#timeLime #branding{
top:13em;
left:5em;
height:6em;
width:7em;
}
div#timeLime #first_let{
top:5em;
left:9em;
height:4em;
width:6em;
}
div#timeLime #landlords{
top:3em;
left:17em;
height:4em;
width:4em;
}
div#timeLime #marketing{
top:12em;
left:16.5em;
height:6em;
width:5em;
}
div#timeLime #sublime{
top:10em;
left:23.5em;
height:6em;
width:4em;
}
div#timeLime #rugby{
top:1.5em;
left:28em;
height:6em;
width:4em;
}
div#timeLime #cards{
top:11em;
left:33em;
height:6em;
width:5em;
}
div#timeLime #discount_cards{
top:1.5em;
left:36.5em;
height:6em;
width:5em;
}
div#timeLime #lime_life{
top:11em;
left:40.5em;
height:8em;
width:6em;
}
div#timeLime #birthday{
top:2.5em;
left:45.2em;
height:6em;
width:7em;
display:block;
}
div#timeLime #comic_relief{
top:11.5em;
left:48.5em;
height:7em;
width:5em;
}
div#timeLime #vote{
top:2.5em;
left:55em;
height:6em;
width:7em;
}
div#timeLime #tenants{
top:9em;
left:55em;
height:6em;
width:7em;
}
div#timeLime #sales{
top:11em;
left:55.9em;
height:8em;
width:6em;
}
div#timeLime #sold{
top:3em;
left:66em;
height:5em;
width:7em;
}
div#timeLime #pride{
top:11em;
left:66em;
height:7em;
width:7em;
}
div#timeLime #relocate{
top:3em;
left:77em;
height:6em;
width:8em;
}
div#timeLime #million{
top:12em;
left:76em;
height:6em;
width:7em;
}
div#timeLime #home_opened{
top:11em;
left:86.4em;
height:7em;
width:6em;
}
/*HOVER STYLE FOR TIME LINE LINKS*/
div#timeLime #website:hover,
div#timeLime #home_opened:hover,
div#timeLime #million:hover,
div#timeLime #pride:hover,
div#timeLime #branding:hover,
div#timeLime #sold:hover,
div#timeLime #sales:hover,
div#timeLime #vote:hover,
div#timeLime #comic_relief:hover,
div#timeLime #birthday:hover,
div#timeLime #lime_life:hover,
div#timeLime #discount_cards:hover,
div#timeLime #rugby:hover,
div#timeLime #sublime:hover,
div#timeLime #marketing:hover,
div#timeLime #landlords:hover,
div#timeLime #first_let:hover,
div#timeLime #relocate:hover,
div#timeLime #cards:hover{
background: url(/site/custom/limeProperty/images/tick_48.png) no-repeat 0 0;
}
/*basic reseting*/
ol, ol li {padding:0;margin:0;}
ol {clear:both;}
ol li{
color:#FFF;
margin-left:2.5em;
background-color:#424242;
margin-bottom:0.2em;
padding:0.5em
}
li.alt {background-color:#1F1F1F;}
ol li em {
text-decoration:none;
font-style:italic;
color:#ACFF3F;
text-align:right;
padding:0;
margin:0;
}
ol li a {text-decoration:none;}
ol li a:hover {text-decoration:underline;}
p.instructions {clear:both;position:relative;right:-10em;}
/*Lightbox */
#lightbox{
background-color:#eee;
padding: 10px;
border-bottom: 2px solid #666;
border-right: 2px solid #666;
}
#lightboxDetails{
font-family:Arial, Helvetica, sans-serif;
color:#000;
font-size:0.75em;
padding-top: 0.4em;
}
#lightboxDetails a {color:#000;}
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }
#lightbox img{ border: none; clear: both;}
#overlay img{ border: none; }
#overlay{ background-image: url(../img/overlay.png);z-index:99;}
* html #overlay{
background-color: #333;
back\ground-color: transparent;
background-image: url(../img/blank.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/site/custom/limeProperty/images/overlay.png", sizingMethod="scale");
}
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */
/*DO NOT REMOVE YET*/
/*--------------------------------------------------
REQUIRED to hide the non-active tab content.
But do not hide them in the print stylesheet!
--------------------------------------------------*/
.tabberlive .tabbertabhide {
display:none;
}
/*--------------------------------------------------
.tabber = before the tabber interface is set up
.tabberlive = after the tabber interface is set up
--------------------------------------------------*/
.tabber {
}
.tabberlive {
margin-top:1em;
}
/*--------------------------------------------------
ul.tabbernav = the tab navigation list
li.tabberactive = the active tab
--------------------------------------------------*/
ul.tabbernav
{
margin:0;
padding: 3px 0;
font: bold 12px Verdana, sans-serif;
}
ul.tabbernav li
{
list-style: none;
margin: 0;
display: inline;
}
ul.tabbernav li a
{
padding: 3px 0.5em;
margin-left: 3px;
border-bottom: none;
text-decoration: none;
}
ul.tabbernav li a:link { color: #FFF; }
ul.tabbernav li a:visited { color: #667; }
ul.tabbernav li a:hover
{
background-color:#3F3F3F;
color:#89C443;
}
ul.tabbernav li.tabberactive a
{
background-color:#6F6F6F;
border-bottom: 1px solid #89C443;
color:#A4EF4A;
}
ul.tabbernav li.tabberactive a:hover
{
border-bottom: 1px solid #89C443;
}
/*--------------------------------------------------
.tabbertab = the tab content
Add style only after the tabber interface is set up (.tabberlive)
--------------------------------------------------*/
.tabberlive .tabbertab {
padding:5px;
border-top:0;
/* If you don't want the tab size changing whenever a tab is changed
you can set a fixed height */
/* height:200px; */
/* If you set a fix height set overflow to auto and you will get a
scrollbar when necessary */
/* overflow:auto; */
}
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
display:none;
}
.tabberlive .tabbertab h3 {
display:none;
}
/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
height:200px;
overflow:auto;
}