Style.css help..

[eluser]Unknown[/eluser]
I am having a problem regarding my menu panel in my style.css codes.
Can someone tell me how to edit them? I am just a noobie when it comes to css.
My menu panel is set to left side and I want the product panel to be set on the right side. I am really confused. Can someone please help me? please?

here is the codes for it:

Code:

<style type = "text/css">

body{
background-image:url('style/images/BBY.JPG');
background-repeat:repeat;
background-position:center center;
}

p{
text-align:justify;
}
#whole{
color:white;
font-family:Verdana;
padding:5px;
margin:0px;
width:auto;
background:;
float:right;
font:20px Verdana;
}
li.navitem{
background-image:url('style/images/Navi.PNG');
background-repeat:repeat;
background-position:center center;
list-style: none;
background:;
width:1024px;
height:30px;
}

div.admin_c{
padding:50px;
}

div.admin_v{
padding:50px;
}


div.cat{

margin:10px;
font-size:19px;
}


div.shortdesc{

text-decoration:none;
}

div.price{
font-size:12px;
font-weight:bold;
}

div.name{
font-size:14px;
font-weight:bold;
}

a:link {
text-decoration:none;
COLOR:white;
}
a:visited {
text-decoration:none;
COLOR:white;
}
a:hover {
text-decoration:none;
COLOR: #FF0000;
}
a:active {
text-decoration:none;
COLOR: #00FF00;
}
p{
float:center;
}



#productsview
{
width:800px;
border:1px;
float:right;
}

#products{
padding:0px;
font-size: 10.4px;
text-align:center;

}
#products ul{
list-style-type:none;
margin: 0px;
padding:0px;
float:right;
border:3px solid;
}

#products li{

width:250px;
padding:4px;
margin:8px;
float:right;
}



ul.menu{
background-image:url('style/images/MENU.PNG');
text-align:right;
width:120px;
height:220px;
margin:12px;
list-style-type:none;
float:left;
padding:1px;

}


li.menu{
margin:8px;
border-bottom:3px solid;

}



#cart{
padding:4px;
margin: 2px;
float:right;
}

#cart table{

width:500px;
border-collapse: collapse;
text-align: right;
}

#cart th{
border-bottom:1px solid #aaa;
}

#cart caption{
font-size: 15px;
heigth: 30px;
text-align: center;
}

#cart .total{
heigth: 40px;
}

#cart .remove {
color: white;
}

td{
padding:15px;
font: 12px Verdana;
}

div.thumb{
padding: 0px;
}



</style>