/*--------------------------------------------------------------------------------

CSS for Tile Superstores

Version: 1.0
Author: John Godwin
Website: http://www.avenuegc.co.uk

--------------------------------------------------------------------------------*/


/* Layout
--------------------------------------------------------------------------------*/

body {
background:#ff0000;
color:#;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size:62.5%;
}

html, body, h1, h2, h3, h4, h5, h6, img, p, a, ul, ol, li, dl, dt, dd, form, blockquote { 
margin:0; padding:0; border:0;
}

#maincontent {
width: 800px;
height: auto;
padding: 0px;
margin: 0px;
clear: both;
}

div.wrapper {
margin-left:auto;
margin-right:auto;
width:800px;
}

.img_border {
border: 2px solid #ffffff;
padding: 4px;
}

.img_border_left {
float:left;
border: 1px solid #ccc;
padding: 4px;
margin:0px 5px 20px 0px;
}		
		








/* Standard Stuff
--------------------------------------------------------------------------------*/
p {
font-size: 1.2em;
line-height: 1.5em;
font-weight: normal;
padding: 0px;
margin: 0px;
color:#ffffff;
}

h1 {
color:#ffffff;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size:35px;
text-align:center;
margin:14px 0px 50px 5px;
}

h2 {
font-size: 1.4em;
font-weight: bold;
margin: 0px;
padding: 0px;
}

h3 { /* New v2 */
font-size: 1.2em; 
font-weight: normal;
padding: 0px;
margin: 0px;
}

h4 { /* New v2 */
font-size: 1.9em; 
font-weight: bold;
padding: 0px;
margin: 0px;
}

a:link, h1 a:link, h2 a:link, h3 a:link {
font-weight: bold;
color: #ffffff;
text-decoration: none;
}

a:visited, h1 a:visited, h2 a:visited, h3 a:visited { 
font-weight: bold;
color: #ffffff;
text-decoration: none;
}

a:hover, h1 a:hover, h2 a:hover, h3 a:hover {
font-weight: bold;
color: #000000;
text-decoration: none;
}

a:active, h1 a:active, h2 a:active, h3 a:active { 
font-weight: bold;
color: #D95604;
text-decoration: none;
}

ul {
list-style: none;
padding: 0px;
margin: 0px;
}

li {
font-size: 1.2em;
padding-bottom: .2em
}

/* Branding
--------------------------------------------------------------------------------*/

#tools {
float: right;
}

#login {
text-align: right;
margin: 20px 20px 35px 0px;
}

#login p{
font-size:24px;
font-weight:bold;
}

#logo {
float: left;
}

#logo a {
background: transparent url("../images/logo.gif") no-repeat;
margin:0px 0px 0px 0px;
width: 308px;
height: 126px;
display: block;
text-indent: -9999px;
z-index:-5;
}

#branding > #logo a {
background: transparent url("../images/logo.gif") no-repeat;
margin:0px 0px 0px 0px;
width: 308px;
height: 126px;
display: block;
text-indent: -9999px;
z-index: -5;
}

#search p {
font-weight: bold;
}

/* Navigation
--------------------------------------------------------------------------------*/

#navigation {
background: #fff url("../images/nav_bg.gif") bottom left no-repeat;
width: 530px;
min-height: 35px;
height: auto !important;
height: 35px;
margin: -35px 0px 0px 120px;
overflow: visible;
float: left;
z-index:10;
}

.wrapper > #navigation {
background: #fff url("../images/nav_bg.gif") bottom left no-repeat;
width: 530px;
min-height: 35px;
height: auto !important;
height: 35px;
margin: -36px 0px 0px 250px;
overflow: visible;
float: left;
z-index:10;
}

#navigation li { 
background: url("../images/nav_divider.gif") center right no-repeat;
font-size: 1.8em;
line-height: 2.0em;
font-weight: normal;
color: #FFFFFF;
margin: 0px;
padding: 0px 16px;
float: left;
}

#navigation li a:link { 
color: #FFCCCC;
text-decoration: none;
}

#navigation li a:visited {
color: #FFCCCC;
text-decoration: none;
}

#navigation li a:hover {
color: #FFFFFF;
text-decoration: none;
}

#navigation li a:active {
color: #fff;
text-decoration: none;
}

#navigation  #current {
color: #fff;
}


#navigation p a:link, #navigation p a:visited, #navigation p a:active {
background: url("../images/feedback_icon.gif") no-repeat center left;
padding: 0px 20px 0px 20px;
margin: 10px 0px 0px 0px;
float: right;
}

#navigation p a:hover {
color: #FFFFFF;
font-weight: bold;
background: url("../images/feedback_icon_on.gif") no-repeat center left;
padding: 0px 20px 0px 20px;
margin: 10px 0px 0px 0px;
float: right;
}

#navigation p a:link, #navigation p a:visited, #navigation p a:active {
color: #B8D4E2;
}

#navigation p a:hover {
color: #FFFFFF;
}

.clear {clear: both; 
font-size: 1px; 
float: none;
height:1px;
margin-top:-1px;
line-height: 1px;
}

/* Home Content including listings
--------------------------------------------------------------------------------*/

.homepagecontentright {
float:right;
width: 205px;
padding: 20px 0px 0 10px;
}

.homepagecontentright img {
padding: 10px 0px 0 0px;
}

.property { }

.propertycontent {
width: 580px;	
padding: 25px 0px 0 0px;
float:left;
}

.propertycontent h1 {
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size:22px;	
padding: 0px 0px 10px 0px;
}

.propertycontent h2 {
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size:18px;	
padding: 0px 0px 15px 0px;
color:#F5821F;
}

.propertycontent li.details {
padding: 2px 0 21px 23px;
margin:0px 0 0px 445px;
background:url("../images/listing_details.gif") no-repeat ;
font-size: 11px;
}

.property > .propertycontent li.details {
padding: 2px 0 21px 26px;
margin:0px 0 0px 46px;
background:url("../images/listing_details.gif") no-repeat ;
font-size: 11px;
}

.propertycontent li.reply {
margin:0px 0 0px 445px;
padding: 2px 0 21px 23px;
background:url("../images/listing_reply.gif") no-repeat ;
font-size: 11px;
}

.property > .propertycontent li.reply {
margin:0px 0 0px 46px;
padding: 2px 0 21px 26px;
background:url("../images/listing_reply.gif") no-repeat ;
font-size: 11px;
}

.propertycontent li.email {
margin:0px 0 0px 445px;
padding: 2px 0 2px 23px;
background:url("../images/listing_email.gif") no-repeat ;
font-size: 11px;
}

.property > .propertycontent li.email {
margin:0px 0 0px 46px;
padding: 2px 0 2px 26px;
background:url("../images/listing_email.gif") no-repeat ;
font-size: 11px;
}

h3.listhead {
clear: both;
padding: 11px 0 12px 0;
background: url("../images/property_bg_top.gif") no-repeat;
width: 580px;
font-size:15px;
color:#fff;	
}

h3.listhead a {
text-decoration: none;
}

h3.listhead a:hover {
color:#000;
}

.listcount {
padding: 0 8px 0 12px;
color: #000;
font-weight:bold;
font-size:15px;
}

.listing {
clear: both;
width: 580px;
height: 127px;
padding: 12px 0 0 12px;
background-image: url("../images/listing_bg.gif");
background-repeat: repeat-x;
voice-family: "\"}\"";
voice-family: inherit;
width: 568px;
}

.listing p {
margin: 0;
padding: 0 12px 0 0;
font-size: 11px;
color: #666;
}

.listing img {
float: left;
border-width: 1px;
border-style:solid;
border-color:#999;
margin: 0 12px 0 0;
}

.listingdetails {
float: left;
width: 400px;
}

.morehouses {
margin: 7px 0px 15px 0;

}

/* Footer
--------------------------------------------------------------------------------*/

#footer {
width: auto;
height: 95px;
padding: 10px 0px;
margin-top:0px;
clear: both;
clear:both;
background: #fff url("../images/footer_bg.gif") repeat-x bottom center;
}

#footer p {
font-weight:bold;
color:#fff;
font-family:Tahoma, Arial, sans-serif;
font-size:12px;
}

#footer a {
color:#FFE1E1;
}

#footer a:hover {
text-decoration: none;
color:#fff;
}


.avenue {
margin: 7px 12px 0 0;
}


/* Forms
--------------------------------------------------------------------------------*/




.sitesearch {
width: 150px;
}

.login {
width: 98px;
}



/* Layout specific
--------------------------------------------------------------------------------*/

#search input {
font-size: 0.8em;
}

#login input {
font-size: 0.8em;
}

#search select, .resortfilter select, .isortfilter select {
font-size: 1.0em;
}

.registerinfo input, .feedbackinfo input {
width: 300px;
font-size: 1.8em;
font-weight: bold;
}

.searchinfo input, .feedbackinfo input {
width: 60px;
font-size: 1.8em;
font-weight: bold;
}


.aboutmeinfo input {
margin: 0px;
padding: 0px;
}

.remLen { /* mario */
background:#FFFFFF;
border: 1px solid #FFFFFF;
}
#checkmark {
visibility:hidden;
}