Need help with my lists

[csa]

Hi,

I want to include two lists on my page.

http://www.chapmanstewart.com/store/...astleTEXT.html

However I've obviously done something wrong in either my cSS or html (or both) Please can someone point me in the right direction? The side links 'Self Storage' etc should be on the left next to the yellow bullets.

Code: Select all

/* CSS Document */
body{
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
background-color:#FFFFFF;
text-align:left;
background-image:url(images/mainbackground.gif);
background-repeat:repeat-x;
}
ul, li{
list-style-type: none;
padding: 0;
margin: 0;
text-align: right;
background-image: url(images/sidebullets.gif);
background-repeat: no-repeat;
padding-right: .5em;
}
li,#palletlist ul{ 
list-style-type: none;
background-image: url(images/bullet.gif); 
background-repeat: no-repeat; 
text-align: left;
} 
#palletlist{
width: 350px;
}
#palletbodylist{
width: 350px;
}
#palletlist li{ 
list-style-type: none;
text-align: left; 
padding-left: .5em; 
}
#container{
width:850px;
border: solid black 0px; 
}
#header{
width:100%;
height: 95px;
background-image:url(images/new2.gif);
background-repeat:repeat-x;
}
#topleft{
background-image:url(images/new1.gif);
background-repeat:no-repeat;
height: 95px;
width: 321px;
float:left;
}
#left{
width: 255px;
float:left;
background-image:url(images/palletside.jpg);
background-repeat:no-repeat;
height: 490px;
}
#left2{
width: 255px;
float:left;
background-image:url(images/palletside.jpg);
background-repeat:no-repeat;
height: 555px;
}
#left3{
width: 255px;
float:left;
background-image:url(images/palletside.jpg);
background-repeat:no-repeat;
height: 510px;
}
#center{
width: 300px;
float:right;
border-right: solid #E00032 3px; 
text-align:right;
padding-right: 15px;
padding-top: 30px;
background-position: top right;
}
#right{
width: 270px;
float:right;
margin-left: 5px;
background-image:url(images/personalpics.jpg);
background-repeat:no-repeat;
}
/*classes */
.headerimage{
background-image:url(images/pallet_stor.gif);
background-repeat:no-repeat;
font-size:12px;
}
.nav{
margin-top:58px;
float:left;
}
a.navigation{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:bold;
color:#000000;
}
a.navigation:hover{
color:#E00032;
text-decoration:underline;
font-weight:bold;
}
h1 {
font-size: 12px;
padding-top: 0px;
margin-top: 0;
margin-bottom: 0;
font-weight:normal;
padding-left: 85px;
}
#bottomlinks{
width: 400px;
font-size:10px;
color:#999999;
margin-left: 135px;
float:left;
padding-top: 25px;
}
a.bottomlinks{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
font-weight:bold;
color:#999;
}
a.bottomlinks:hover{
color:#E00032;
text-decoration:underline;
font-weight:bold;
}
h2 {
text-align: center;
font-size:10px;
color:#999999;
}
a.homelinks{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
font-weight:bold;
color:#000000;
}
a.homelinks:hover{
color:#E00032;
text-decoration:underline;
font-weight:bold;
}
.sideline{
border-bottom: solid #E00032 2px;
color:#000;
font-weight: bold;
padding-left: 0px;
font-size: 11px;
margin-left:85px;
}
.redlinks{
color:#E00032;
font-weight:bold;
}
.sidetext{
font-size: 11px;
padding-top: 0px;
margin-top: 0;
margin-bottom: 0;
font-weight:normal;
padding-left: 85px;
}
.leftsidetext{
width: 190px;
float:left;
padding-top: 205px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
font-weight:bold;
}
#centerfaq{
width: 550px;
float:right;
text-align:left;
padding-right: 15px;
padding-top: 30px;
background-position: top left;
}
#estimatorbedrooms{
width: 356px;
height: 82px;
}
#estimatorvehicles{
width: 315px;
height: 82px;
margin-top: 25px;
}
#estimatorvans{
width: 356px;
height: 82px;
}
#estimatorboxes{
width: 356px;
height: 82px;
}
#red{
color:#FF0000;
}
/*form */
div.row {
clear: both;
padding-top: 2px;
}
div.row span.label {
float: left;
width: 100px;
text-align: left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight: bold;
color:#000000;
}
div.row span.formw {
float: left;
width: 235px;
text-align: left;
margin-left: 15px;
}
submit{
margin-left: 50px;
}
a.navigationred{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:bold;
color:#E00032;
}
a.navigationred:hover{
color:#000000;
text-decoration:underline;
font-weight:bold;
}

[Rob]

CSA,
Please Edit the post above and put that mountain of CSS within [code][/code] tags, eg: [code]CSS code here[/code]