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

CSS for Tile Superstores

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

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


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

body {
background:#fff url('../images/banner_bg.gif') repeat-x top center;
color:#64645e;
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: 1px solid #ccc;
padding: 4px;
}

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


/* Type of Tile
--------------------------------------------------------------------------------*/

.typerow {
width:800px;
margin: 0px auto; margin-left: 0px; margin-top: -220px;
float:left;
}

.homecontent > .typerow {
width:800px;
margin: 0px auto; margin-left: 0px; margin-top: -93px;
float:left;
}

.type {
width:133px;
background: url('../images/type_box_bg.gif') no-repeat;
height:168px;
margin:45px 0px 0px 0px;
float: left;;
}

.typerow > .type {
width:133px;
background: url('../images/type_box_bg.gif') no-repeat;
height:168px;
margin:99px 0px 0px 0px;
float: left;;
}

.type img {
margin:23px 0px 0px 19px;
}

.type h1 {
color:#64645e;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size:19px;
text-align:center;
margin:14px 0px 0px 5px;
}

.type a img {
filter: alpha(opacity=80);
opacity: .8;
border: 0px solid #999;
}

.type a:hover img {
filter: alpha(opacity=100);
opacity: 1;
border-color: #E2313A;
}


/* Tools
--------------------------------------------------------------------------------*/

#leftsitetools {
width: 220px;
padding: 0px;
float: left;
}


#sitetoolstop {
background: #FFFFFF url("../images/tools_top_bg.gif") no-repeat top left;
height: 200px;
margin-top:-5px
}

#sitetoolstop h1 {
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size:19px;
text-align:center;
margin-top:20px
}

.sitetoolslist { 
background: #FFFFFF url("../images/nav_base_bg.gif") no-repeat bottom left;
width: 205px;
margin: 0px 0px 15px 0px;
padding: 0px 0px 8px 0px;
float: left;
}


.sitetoolslistopentop {
background: #403A0C url("../images/nav_top_bg.gif") no-repeat top left;
width: 195px;
min-height: 29px;
height: auto !important;
height: 29px;
padding: 0px 0px 0px 10px;
overflow: visible;
float: left;
}

.sitetoolslistopentop h2, .hometoolslistopentop h2, .mygroupopentop h2, .introductionslisttitle h2 { /* v2 modification */
color: #fff;
padding: 5px 0px 0px 0px;
}

.sitetoolslistcontent {
background: transparent url("../images/sitetoolstexttop.gif") no-repeat top left;
width: 190px;
padding: 15px 15px 7px 15px;
clear: left;
font-size:12px;
}

.sitetoolslisttitle, .retoolslisttitle, .itoolslisttitle, .hometoolslisttitle { /* Modified v2 */
float: left;
}

.collapseexpand {
padding: 7px 10px 5px 0px;
float: right;
}

/* Homepage
--------------------------------------------------------------------------------*/

#homegreyarea {
margin: 0px 0px 0px 0px;
background:#fff url('../images/home_ad_bg.jpg') repeat-x ;
height:240px;
}

body  > #homegreyarea {
margin: 0px 0px 0px 0px;
background:#C80000 url('../images/home_ad_bg.jpg') repeat-x bottom center;
height:226px;
top:-2px;
}

#adverthomepage {
margin: 0px 0px 0px 0px;
background:#FAFAFA url('../images/home_advert.jpg') no-repeat bottom left;
height:200px;
top:-2px;
}

#homepanel {
width: 800px;
float: right;
margin: auto;
}

.homecontent {
width: 800px;
padding: 0px 0px 0px 0px;
float: right;
}

.homecontentleft {
width: 300px;
float: left;
padding: 0px 0px 0px 0px;
}

.homecontentright { 
width: 320px;
float: right;
}






/* Left Panel
--------------------------------------------------------------------------------*/

#homeleftpanel h1{ 
padding: 0px 0px 0px 10px;
font-size:2.4em;
font-weight:bold;
margin:0px;
color:#fff
}

#homeleftpanel h2 {
padding:0px 0px 0px 0px;
margin:0px;
color:#D95604;
}

#homeleftpanel h3 {
font-size:1.3em;
font-weight:bold;
padding:4px 0px 0px 10px;
margin:0px;
color:#FFE1E1

}
#homeleftpanel h4{ 
font-size:2.2em;
font-weight:bold;
padding: 0px 0px 0px 0px;
margin:0px;
}

#homeleftpanel {
width: 800px;
height: auto !important;
height: 250px;
margin: 10px 0px 0px 0px;
}


/* Main Page
--------------------------------------------------------------------------------*/

#content { 
width:800px;
min-height:470px;
margin: 10px 0px 0px 0px;
}

.wrapper > #content { 
width:800px;
min-height:410px;
margin: 25px 0px 20px 0px;
}

#rightmaincontent { 
float:right;
width:580px;
}

#endproperty h2 { 
font-size: 1.7em;
color:#F5821F;
margin:10px 0px 10px 0px;
}

#endproperty h3 { 
font-size: 1.5em;
color:#F5821F;
margin:15px 0px 10px 0px;
font-weight:bold;
}

#endproperty p { 
font-size: 1.3em;
}

#endproperty ul {
list-style: square;
padding: 0px;
margin: 10px 0px 0px 20px;

}

#endproperty li {
font-size: 1.6em;
padding-bottom: .2em
}

.propertyimage { 
padding:1px 1px 1px 1px; 
border-width: 1px;
border-style:solid;
border-color:#ccc;
}


#registerbg {
background: #FFFFFF url("../images/register_bg.gif") no-repeat bottom left;
width: 580px;
margin: 0px 0px 20px 0px;
float: right;
}

.registerinfo{
background: transparent url("../images/register_bg_top.gif") top left no-repeat;
margin: 0px 0px 10px 0px;
padding: 17px 20px;
width: 540px;
clear: both;
}

.searchinfo{
background: transparent url("../images/register_bg_top.gif") top left no-repeat;
margin: 0px 0px 10px 0px;
padding: 17px 20px;
width: 540px;
clear: both;
}

input {
font-size: 1.0em;
}

select {
font-size: 1.2em;
}


.inputdata {
padding: 0px 10px 0px 0px;
float: left;
}

.inputdataid {
padding: 0px 10px 0px 0px;
float: left;
width: 100px;
}

.addmarketlarge {
width: 100px;
}


.dropdwon {
font-size:1.9em;
font-weight:bold;
}

.row {
clear: both;
width: auto;
padding: 5px 0px;
}

.label {
width: 200px;
float: left;
}

.labelthin {
font-size:12px;
font-weight:normal}

.labelid {
width: 30px;
float: left;
}

.registerinfo p {
font-size: 1.8em;
font-weight: bold;
}
.registerinfo h2 {
font-size: 2.2em;
font-weight: bold;
color:#F5821F;
margin: 0px 0px 10px 0px
}

.registerinfo h3 {
font-size: 1.3em;
font-weight: normal;
color:#000;
}


.searchinfo p {
font-size: 1.8em;
font-weight: bold;
}
.searchinfo h2 {
font-size: 2.2em;
font-weight: bold;
color:#F5821F;
margin: 0px 0px 10px 0px
}

.searchinfo h3 {
font-size: 1.3em;
font-weight: normal;
color:#000;
}



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

h1 {
font-size: 2.4em;
font-weight: bold;
margin-bottom: 17px;
padding: 0px;
}

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: #F5821F;
text-decoration: none;
}

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

a:hover, h1 a:hover, h2 a:hover, h3 a:hover {
font-weight: bold;
color: #1E3946;
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;
}