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

Stylesheet
for Shire Lift Services
Author:Roy Fox, www.royfox.co.uk
Date: May 2006

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


body
{
text-align:center; /*HACK for IE 5*/
background: #eee;
margin:10px;
padding:0;
}

p, a, h1, h2, h3, h4, h5, h6, ul, li, label
{
font-family: Verdana, Arial, sans-serif;
}

p, li, a
{
font-size:12px;
}

h1, h2, h3, h4, h5, h6
{
font-size:100%;
color: #003;
}

li
{
list-style-type:square;
}

a{
color: #00f;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

label
{
font-size:80%;
font-weight:bold;
}

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

Layout

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

#wrapper
{
margin-left:auto;
margin-right:auto;
position:relative;
border: 1px solid #000;
width:760px;
background: #fff url(images/column.jpg) repeat-y left top;
padding:0;
text-align:left;
}

#header
{
background: #fff url(images/header.jpg) no-repeat left top;
width:760px;
height: 220px;
margin:0;
padding:0;
}

#content
{
margin-top:-80px;
padding-left:210px;
padding-right:30px;
}

/*hide the main title*/
#header h1{
display:none;
}

/*remove browser list defaults*/
#navigation ul {
margin:0;
padding:0;
}

#top_content
{
  float:left;
  width:490px;
}

#bottom_content
{
  clear:both;
}

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

Navigation

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

#navigation
{
position:absolute;
top: 145px;
left: 76px;
}

#navigation li
{
list-style-type:none;
}

#navigation li a
{
color: #fff;
text-decoration:none;
font-family: Verdana, Arial, sans-serif;
font-size:13px;
font-weight:bold;
}

#navigation li a:hover
{
text-decoration:underline;
}

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

Element Specific

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

#floatimage
{
float:right;
border: 1px solid #000;
margin:10px;
}

#footer p
{
margin-top:50px;
margin-bottom:10px;
color:#ccc;
font-size:9px;
clear:both;
}

#footer a
{
color:#ccc;
font-size:9px;
}


div.product
{
border: 1px solid #000;
}

.productHeader h4
{
padding:2px 2px 2px 5px;
background-color:#036;
color:#eee;
margin: 10px 0px 10px 0px;
}


#content h3
{
padding:2px 2px 2px 5px;
margin: 10px 0px 10px 0px;
text-decoration:underline;
}

#floatme
{
float:right;
padding:10px;
}

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

Contact Us Page

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

#contactdetails li
{
font-weight:bold;
margin:0px 0px 0px 0px;
list-style-type:none;
padding-left:5px;
line-height:20px;
}

#telephone
{
list-style-image:url(images/phone.gif);
}

#mobile
{
list-style-image:url(images/mobile.gif);
}

#email
{
list-style-image:url(images/email.gif);
}

.floatright
{
float:right;
}

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

FAQ Page

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

p.question
{
font-weight:bold;
margin:0px;
padding-bottom:10px;
}

p.answer
{
margin:0px;
padding-bottom:10px;
}



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

Image Replacement Of Headings

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


#welcome
{
text-indent:-5000px;
background: url(images/welcome.jpg) no-repeat left top;
width: 140px;
height: 43px;
}

#products
{
text-indent:-5000px;
background: url(images/products.jpg) no-repeat left top;
width: 140px;
height: 43px;
}

#services
{
text-indent:-5000px;
background: url(images/services.jpg) no-repeat left top;
width: 140px;
height: 43px;
}

#contactus
{
text-indent:-5000px;
background: url(images/contactus.jpg) no-repeat left top;
width: 140px;
height: 43px;
}

#faq
{
text-indent:-5000px;
background: url(images/faq.jpg) no-repeat left top;
width: 140px;
height: 45px;
}

h3#newsls 
{
margin-top:30px;
text-indent:-5000px;
background: url(images/newsls.jpg) no-repeat center top;
width: 100%;
height: 33px;
}

h3#reconditioned
{
margin-top:30px;
text-indent:-5000px;
background: url(images/reconditioned.jpg) no-repeat center top;
width: 100%;
height: 33px;
}

h3#bathlift
{
margin-top:30px;
text-indent:-5000px;
background: url(images/bathlift.jpg) no-repeat center top;
width: 100%;
height: 33px;
}

.formField {
border:1px solid #030;
width:320px;
margin:0;
padding:1px;
background:#BCD6EF;
color:#030;
	}
	
.centerme
{
text-align:center;
}