/*************************************************************

CSS Document 

Author: Ian Larner
email: ian@dezian.co.uk
website: www.dezian.co.uk
date: 18/5/07

Project: Millbank Hay-On-Wye Website

**************************************************************/


.mainWindow{
border:#CCCCCC 2px solid;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
padding: 20px;
width:900px;
height:auto;
margin:0 auto;
/*added*/
overflow:hidden;
}


.expanded{
width:100%;
height:100%;

/*Added to centre layout*/
position: relative;
}

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

/*Hides from IE-mac\*/
* html .expanded {height: 1%;}
.expanded {display:block;}
/*End Hide from IE-mac*/

#availabilityTable{

width:100%;
height:100%;
position:relative;
padding-top:20px;
padding-left:45px;
padding-bottom:20px;
}

table{
border:1px solid #999999;
}

th, td, tr{
border:1px solid #999999;
padding:3px;
background-color:#CCCCCC;
}

#available td, tr{
background-color:#FFFFFF;
}

#reserved td, tr{
background-color:#C1D8E8;
}

#sold td, tr{
background-color:#FFCCCC;
}

#notReleased td, tr{
background-color:#FFFF99;
}

.splash{
width:900px;
height:auto;
background-color:#FFFFFF;

/*Added to centre layout*/
/*position:relative;
color:#999999;
left: 50%;
margin-left: -470px;*/
/*margin-right:auto;
margin-left:auto;*/
/*margin:auto;*/
position:relative;
text-align:center;
}

.splash h2{
font-size:14px;
}

.splash a{
color:#999999;
}

#enlarge{
position:absolute;
margin-left:-60px;
margin-top:10px;
z-index:1;
color:#CCCCCC;
}

.navigationButton{
width:175px;
text-align:center;
float:left;

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin-left:2px;
margin-right:2px;
}

.navigationButton a{
display:block;
text-decoration:none;
color:#666666;
width:175px;
height:38px;
text-align:center;

background-image:url(../../images/butBgnd.gif);
background-repeat:no-repeat;
cursor:pointer;
padding-top:5px;

}

.navigationButton a:hover{
background-image:url(../../images/butBgndHover.gif);
}

#navigationButtonFlipped{
text-align:center;
float:left;

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;

margin-left:2px;
margin-right:2px;

display:block;
width:175px;
height:38px;

background-image:url(../../images/butBgndHover.gif);
background-repeat:no-repeat;
cursor:pointer;
padding-top:5px;
text-decoration:none;

}

#navigationButtonFlipped a{

text-decoration:none;
color:#666666;

}

.submenuButton{
width:175px;
text-align:center;
float:left;
padding-bottom:10px;
padding-top:2px;
margin-left:2px;
margin-right:2px;

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#999999;
cursor:pointer;
}

.submenuButton a{
text-decoration:none;
color:#999999;

}

.submenuButton a:hover{
color:#666666;

}


.subMenu{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#999999;
cursor:pointer;
}

.tableText{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
background-color:#C1D8E8;
padding:10px;
margin:2px;
margin-right:6px;



/*float:right;*/	/*changed from right*/
/*display:inline;*/ /*added*/
text-align:justify;
line-height:17px;
/*clear:none;*/
overflow:auto;

}

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


.tableText a{
color:#666666;
}

.tableText h1{
font-weight:bold;
font-size:14px;
color:#000033;
}

.tableText h2{
font-weight:bold;
font-size:12px;
color:#000033;
}

.tableText h3{
font-weight:bold;
font-size:10px;
color:#000033;
font-style:italic;
}

.quoteText {
font-style:italic;
font-size:12px;
}

#importantNotice{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8px;
color:#666666;
background-color:#CCCCCC;
padding:10px;
margin-top:2px;


width:430px;
text-align:justify;

}

.squareImage{
/*margin:2px;*/
float:left;
width:90px;
height:90px;
text-align:center;
vertical-align:middle;
margin-right:12px;
margin-bottom:12px;
margin-top:2px;

}


.squareImage a{
display:block;
text-decoration:none;
color:#FFFFFF;
width:100px;
height:95px;
padding-top:5px;

}

.squareImage a:hover{
background-color:#999999;

}

#pictureLeft
{
float:left;
display:inline;
margin:2px;
text-align:center;
/*new*/
width:auto;
margin-right:4px;
}


#copyrightInfo{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
width: 900px;
color:#CCCCCC;
text-decoration:none;
padding-left:20px;
padding-right:20px;
padding-top:7px;

/*Added to centre layout*/
position: relative;
left: 50%;
margin-left: -470px;
}

#copyrightInfo a{
text-decoration:none;
color:#CCCCCC;
}


#floatLeft
{
float:left;
width:auto;
}

#floatRight
{
float:right;
width:auto;
text-align:right;
}

#millbankLogo
{
width:auto;
padding-left:353px;
padding-bottom:15px;
position:relative;
}

#dimensionImage
{
width:auto;
padding-left:2px;
padding-top:15px;

}

#specificationPage{
background-color:#CCCCCC;
float:left;
width:450px;
margin:2px;
text-align:right;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:24px;
height:1383px;
margin-right:4px;
}

.specificationPicture{
width:309px;
margin:0 auto;
padding-top:10px;
text-align:center;
}

#formLayout{
float:left;
margin-right:5px;
}

#formMessage{
color:#FF0000;
}

#formComplete{
color:#00FF00;
}

#expandedNote{
font-size:10px;
text-align:center;
color:#666666;
margin-top:5px;
margin-bottom:2px;
}