thank you sooo much for all your help 
the thing is that IE, Chrome etc runs of the FF style sheet so when i changed it to red everything went red and FF still did not read it 
all of my styles are in this one style sheet and then obviously i make tweeks with the IE and IE 8 style sheet which is mostly alignment and slight margin changes etc.
I also created another style sheet on its own as you suggested with only the body tag and FF is still not picking it up
@charset "utf-8";
/* CSS Document */
html {
width:100%;
height:100%;
font-size:100%;
}
body {
background-color:#002FA3;
background-image:url(../images/BackgroundTop.jpg);
background-repeat:no-repeat;
background-position:top center;
font-family:Arial, Helvetica, sans-serif;
text-align:-moz-center;
text-align:-khtml-center;
margin:0 auto;
}
/*login*/
#logindiv {
background-image:url(../images/LoginBackground.jpg);
background-repeat:no-repeat;
width:990px;
height:719px;
}
#logintext {
width:780px;
padding-top:200px;
}
#logintext p {
color:#FFFFFF;
font-size:80%;
line-height:150%;
}
#logintext p a {
text-decoration:none;
color:#359EFD;
}
#logintext p a:link {
text-decoration:none;
color:#359EFD;
}
#logintext p a:hover {
text-decoration:none;
color:#CCFFFF;
}
#logintext p.header {
font-size:120%;
color:#FFFFFF;
}
#loginbottomtextdiv {
color:#B1BCD7;
font-size:60%;
font-family:Arial, Helvetica, sans-serif;
}
/*navigation*/
#nav {
width:100%;
background-color:#e50085;
bottom:0;
left:0;
position:fixed;
text-align:-moz-center;
text-align:-khtml-center;
}
#nav ul {
width:90%;
margin: 0;
padding: 0;
list-style: none;
}
#nav li {
position: relative;
float: left;
height:30px;
padding-bottom:5px;
background-color:#bf016d;
border-left:1px solid #8f0056;
border-right:1px solid #8f0056;
text-align:center;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:70%;
background-image:url(../Images/NavSlice.jpg);
background-repeat:repeat-x;
}
#nav li a {
text-decoration: none;
color:#FFFFFF;
}
#nav li ul {
position: absolute;
left: 0;
top:-140px;
margin-left:-999em;
border:none;
height:140px;
width:100%;
background-color:#d5007c;
/*opacity for IE5+*/
filter: alpha(opacity=90);
/*opacity for older Mozilla browsers*/
-moz-opacity: 0.9;
/*opacity for mozilla/safari*/
opacity: 0.9;
}
#nav li li{
height:auto;
border:none;
width:100%;
font-size:100%;
list-style: none;
}
#nav li li a{
color:#fff;
padding:5px 10px 5px 20px;
display:block;
}
#nav li:hover ul, #nav li.over ul {
margin-left:0;
}
#nav li:hover, #nav li.over, #nav li:hover a, #nav li.over a {
color:#8f0056
}
#nav li:hover li a, #nav li.over li a{
color:#FFFFFF;
}
#nav li li a:hover{
color:#00237E;
}
#nav li p {
padding:5px;
}
/*tables*/
.blanktable {
border:none;
border-collapse:collapse;
width:100%;
}
.contenttable {
border:none;
border-collapse:collapse;
width:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
color:#FFFFFF;
}
.contenttable td {
text-align:left;
}
.whitecontenttable {
border:none;
border-collapse:collapse;
width:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
color:#FFFFFF;
}
.whitecontenttable td {
text-align:left;
color:#00237E;
}
.whitecontenttable td p {
line-height:150%;
}
.modaltable {
border:none;
border-collapse:collapse;
width:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
color:#FFFFFF;
}
.modaltable td {
text-align:left;
}
.statstable {
width:100%;
text-align:left;
border:1px solid #666666;
border-collapse:collapse;
padding:3px;
font-size:90%;
color:#666666;
}
.statstable tr{
border:1px solid #666666;
border-collapse:collapse;
}
.statstable tr.highlight{
text-align:center;
border:1px solid #666666;
border-collapse:collapse;
background-color:#CCCCCC;
font-style:italic;
color:#D3005F;
padding:3px;
}
.statstable tr.total{
font-weight:bold;
text-align:center;
border:1px solid #666666;
border-collapse:collapse;
background-color:#CCCCCC;
color:#333333;
padding:5px;
}
.statstable th{
font-weight:bold;
text-align:center;
border:1px solid #666666;
border-collapse:collapse;
background-color:#999999;
font-size:85%;
color:#FFFFFF;
padding:5px;
}
.statstable td{
border:1px solid #666666;
border-collapse:collapse;
font-size:80%;
padding:3px;
padding-top:5px;
padding-bottom:5px;
}
#tabstable {
width:98%;
border:none;
border-collapse:collapse;
border-bottom:1px solid #359EFD;
}
#tabstable tr {
border-right:none;
border-collapse:collapse;
}
#tabstable td {
border:none;
border-collapse:collapse;
text-align:center;
vertical-align:middle;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:70%;
padding-left:5px;
padding-right:5px;
}
#tabstable td a {
color:#359EFD;
text-decoration:none;
}
#tabstable td a:link {
color:#359EFD;
text-decoration:none;
}
#tabstable td a:hover {
color:#FF0D68;
text-decoration:none;
}
#tabstable td a:selected {
color:#F67E00;
text-decoration:none;
}
/*divs*/
#wrapper {
width:100%;
padding-bottom:50px;
}
#header {
width:100%;
min-width:900px;
}
#wrappercontainer {
background-image:url(../images/WrapperBackground.png);
background-repeat:repeat-x;
background-color:#FFFFFF;
max-width:90%;
min-width:900px;
min-height:400px;
margin-top:100px;
}
#container {
max-width:90%;
min-width:950px;
}
#footer {
color:#B1BCD7;
font-size:60%;
font-family:Arial, Helvetica, sans-serif;
width:90%;
text-align:right;
}
#footer a {
color:#B1BCD7;
text-decoration:none;
}
#footer a:link {
color:#B1BCD7;
text-decoration:none;
}
#footer a:hover {
color:#F67E00;
text-decoration:none;
}
.floatrightnav {
float:right;
font-size:80%;
margin-right:20px;
color:#EBEBEB;
}
.floatrightnav a {
color:#359EFD;
text-decoration:none;
}
.floatrightnav a:link {
color:#359EFD;
text-decoration:none;
}
.floatrightnav a:hover {
color:#FFFFFF;
text-decoration:none;
}
.filterbreadcrumb {
font-size:70%;
font-style:italic;
color:#FF0D68;
text-align:left;
}
.filterbreadcrumbselect {
color:#359EFD;
}
.filterbreadcrumboption {
color:#00237E;
}
.topfilterbreadcrumboption {
color:#FFFFFF;
font-size:70%;
font-style:italic;
text-align:left;
}
.topfilterbreadcrumbselect {
color:#FF0D68;
font-size:70%;
font-style:italic;
text-align:left;
}
#optionsbelow {
width:100%;
margin-top:-220px;
text-align:left;
}
#optionsbelow p.heading {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#359EFD;
text-transform:uppercase;
font-weight:bold;
}
#optionsbelow p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
color:#359EFD;
line-height:100%;
}
.optionsbelowselected {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-style:italic;
}
#categorytabs {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
color:#359EFD;
text-align:left;
padding-left:10px;
text-transform:uppercase;
}
#blankoptionsdiv {
height:470px;
}
.options {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
color:#666666;
text-align:right;
}
.options a {
text-decoration:none;
color:#666666;
text-transform:uppercase;
}
.options a:link {
text-decoration:none;
color:#666666;
}
.options a:hover {
text-decoration:none;
color:#359EFD;
}
.optionsselected {
color:#FF0D68;
font-weight:bold;
}
.errornote {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
text-align:center;
width:95%;
min-height:50px;
max-height:100%;
background-color:#ECECEC;
border:1px solid #F67E00;
}
/*fonts*/
h1 {
text-align:left;
color:#00237E;
font-size:100%;
}
h2 {
text-align:left;
color:#FF0D68;
font-size:100%;
}
.naquestion {
color:#CCCCCC;
}
.orange {
color:#E46E27;
}
.pink {
color:#BF205B;
}
.lightblue {
color:#6877BA;
}
/*styles*/
.increase {
background-color:#009900;
color:#FFFFFF;
}
.decrease {
background-color:#CC0000;
color:#FFFFFF;
}
/*objects*/
.fixedtextbox {
font-family:Arial, Helvetica, sans-serif;
color:#00237E;
font-size:80%;
padding:3px;
border:1px solid #00237E;
width:200px;
}
.fixedtabletextbox {
font-family:Arial, Helvetica, sans-serif;
color:#00237E;
font-size:100%;
padding:3px;
border:1px solid #00237E;
width:200px;
}
.normaldropdown {
font-family:Arial, Helvetica, sans-serif;
color:#00237E;
font-size:70%;
padding-left:5px;
padding:3px;
height:20px;
border:1px solid #00237E;
min-width:50px;
max-width:300px;
}
.fixeddropdown {
font-family:Arial, Helvetica, sans-serif;
color:#00237E;
font-size:80%;
padding-left:5px;
height:20px;
border:1px solid #00237E;
width:150px;
}
.optionsdropdown {
font-family:Arial, Helvetica, sans-serif;
color:#FF0D68;
font-size:70%;
padding-left:5px;
height:20px;
border:1px solid #00237E;
min-width:50px;
max-width:300px;
font-weight:bold;
}
.topfilterdropdown {
font-family:Arial, Helvetica, sans-serif;
color:#FF0D68;
font-size:70%;
padding-left:5px;
padding:3px;
height:20px;
border:1px solid #00237E;
min-width:50px;
max-width:300px;
}
.filterdropdown {
font-family:Arial, Helvetica, sans-serif;
color:#FF0D68;
font-size:70%;
padding-left:5px;
height:20px;
border:1px solid #00237E;
width:350px;
font-weight:bold;
}
.tablefilterdropdown {
font-family:Arial, Helvetica, sans-serif;
color:#FF0D68;
font-size:90%;
padding-left:5px;
height:20px;
border:1px solid #00237E;
width:257px;
}
.tablebigtextbox {
font-family:Arial, Helvetica, sans-serif;
color:#FF0D68;
font-size:90%;
padding-left:5px;
height:80px;
border:1px solid #00237E;
width:250px;
}
.filtercheckboxlist {
font-family:Arial, Helvetica, sans-serif;
color:#FF0D68;
font-size:70%;
padding-left:5px;
height:100px;
width:350px;
font-weight:bold;
/*Modal Pop Up*/
.modalbackground {
background-color:#000000;
filter:alpha(opacity=60);
opacity:0.6;
}
.modalpanel {
text-align:center;
width:40%;
background-color:#FFFFFF;
border:2px solid #F67E00;
padding:20px;
}
.modalpanelfilters {
text-align:center;
width:55%;
background-color:#FFFFFF;
border:2px solid #F67E00;
padding:20px;
}
.modalpaneltopfilters {
text-align:center;
background-color:#0046BF;
background-image:url(../images/FilterBackground.jpg);
background-repeat:no-repeat;
border:2px solid #FF0D68;
padding:20px;
height:290px;
width:760px;
background-position:center;
}
.modalpanelcommunityfilters {
text-align:center;
background-color:#0046BF;
background-image:url(../images/FilterBackground.jpg);
background-repeat:no-repeat;
border:2px solid #FF0D68;
padding:20px;
height:290px;
width:500px;
background-position:center;
}
.modalpanelregionfilters {
text-align:center;
background-color:#0046BF;
background-image:url(../images/FilterBackground.jpg);
background-repeat:no-repeat;
border:2px solid #FF0D68;
padding:20px;
height:290px;
width:500px;
background-position:center;
}
.modalpanelbrandfilters {
text-align:center;
background-color:#0046BF;
background-image:url(../images/FilterBackground.jpg);
background-repeat:no-repeat;
border:2px solid #FF0D68;
padding:20px;
height:290px;
width:760px;
background-position:center;
}
.modalpanelfilter {
text-align:center;
background-color:#0046BF;
background-image:url(../images/FilterBackground.jpg);
background-repeat:no-repeat;
border:2px solid #FF0D68;
padding:20px;
height:300px;
width:400px;
background-position:center;
}
.modalpanelpopup {
text-align:center;
background-color:#0046BF;
background-image:url(../images/FilterBackground.jpg);
background-repeat:no-repeat;
border:2px solid #FF0D68;
padding:20px;
min-height:50px;
max-height:250px;
min-width:50px;
max-width:400px;
background-position:center;
}
.modalpanelcontact {
text-align:center;
background-color:#0046BF;
background-image:url(../images/FilterBackground.jpg);
background-repeat:no-repeat;
border:2px solid #FF0D68;
padding:20px;
min-height:50px;
max-height:200px;
min-width:200px;
max-width:400px;
background-position:center;
