/*** CSS Document Created By
Wes Smith (wessmith999@gmail.com) For
Red Bullet Web Design
Client - Bromley Flooring
March 2007 ***/

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
line-height:16px;
background:url(Images/bg.gif) repeat-x;
padding:0;
margin:0;
}

p {
padding:5px 0px 5px 0px;
margin:0;
}

h1 {
font-size:14px;
color:#52527C;
margin:0;
padding:5px 0px 5px 0px;
}

#wrapper {
width:800px;
height:auto;
background:#FFFFFF;
margin:0px auto 0px auto;
padding:5px;
}

#headerstrip {
position:relative;
width:800px;
height:100px;
}

#menu {
position:relative;
width:800px;
height:auto;
z-index:100;
}

#contentarea {
position:relative;
width:800px;
min-height:595px;
height:auto !important;
height:595px;
margin:5px 0px 5px 0px;
}

#contentarea a:link, #contentarea a:visited {
text-decoration:none;
color:#52527C;
}

#contentarea a:hover {
text-decoration:underline;
color:#52527C;
}

.leftcolumn {
float:left;
width:382px;
min-height:385px;
height:auto !important;
height:385px;
margin:0px 15px 0px 0px;
background:url(Images/leftcolumnbg.jpg) top no-repeat;
padding:205px 5px 5px 5px;
}

.rightcolumn {
float:left;
width:392px;
min-height:595px;
height:auto !important;
height:595px;
}

.floatimageleft {
float:left;
margin:0px 5px 5px 0px;
}

.floatimageright {
float:right;
margin:0px 0px 5px 5px;
}

#footer {
width:800px;
line-height:25px;
color:#FFFFFF;
text-align:center;
background:url(Images/menuabg.gif) repeat-x;
clear:both;
}

#footer a:link, #footer a:visited {
text-decoration:none;
color:#FFFFFF;
}

#footer a:hover {
text-decoration:underline;
color:#FFFFFF;
}

/*** Form Tags ***/
input.txt {
color: #52527C;
width: 170px;
}

textarea {
color: #52527C;
  }

form p {
clear: left;
margin: 0;
padding: 0;
padding-top: 5px;
}

form p label {
float: left;
width: 30%;
font: bold 0.9em Verdana, Arial, Helvetica, sans-serif;
}

fieldset {
border: 1px dotted #52527C;
margin-top: 16px;
padding: 10px;
}

legend {
font: 0.8em Verdana, Arial, Helvetica, sans-serif;
color: #52527C;
background-color: #FFFFFF;
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #52527C;
padding: 5px;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -50px;
left: -300px; /*position where enlarged image should offset horizontally */
}

.left {
float:left;
width:200px;
height:auto;
}

.right {
float:right;
width:500px;
height:auto;
}