/* CSS Document */

p {
line-height: 12px;
padding: 0 0 0 0;
margin: 0 0 5px 0;
}

h1 {
	font-size: 14px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
}

h2 {
	font-size: 12px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 
	0px;
	padding-bottom: 0;
	padding-left: 0px;
}

#container {
background: url(../img/container-bg.jpg);
width: 913px;
padding: 0 0 0 0;
margin: 0 auto 0 auto;
}


#left {
float: left;
width: 196px;
padding: 0 0 0 0;
margin: 0 0 0 0;

}

#left ul{
padding: 0 0 0 0;
margin: 24px 0 0 0;
}

#left li{
list-style: none;
padding: 0 0 0 0;
margin: 0 0 0 36px;
}

#left a{

}

#left a:hover{

}

#right {
float: right;
width: 714px;
padding: 0 0 20px 0;
margin: 0 0 0 0;
}

#right ul{
padding: 0 0 0 0;
margin: 0 0 0 0;
}

#right li{
list-style: none;
float: left;
padding: 0 0 0 0;
margin: 15px 0 0 15px;
}

#banner {
height: 176px;
width: 713px;
background: #DCDCDC;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

#banner p{
padding: 0 20px 0 321px;
margin: 0 0 10px 0;
}

img {
border: none;
}

.img-left {
float: left;
padding: 0 0 0 0;
margin: 0 10px 0 0;
}

.img-right {
float: right;
padding: 0 0 0 0;
margin: 0 0 0 10px;
}

.img-middle {
float: middle;
padding: 0 0 0 0;
margin: 0 0 0 10px;
}

#strapline {
text-align: right;
height: 31px;
background: url(images/strapline.jpg);
}

#special {
text-align: right;
height: 31px;
background: url(images/special-offer.jpg);
}

.center-bold {
padding: 0px 0 0px 0;
display: block;
font-weight: bold;
text-align: center;
}

.red {
display: block;
font-weight: bold;
color: #ff0000;
}

#content {
padding: 15px 25px 0 25px;
margin: 0 0 0 0;
}