whats wrong with this code Options

[laundryBAG]

i got some code for a premade page
i added in code to replace my "extended network" box <----working
then i found some code to replace my "contact me" box <---not working

can you see why the code for the contact box doesn't work

i made a "dummy" page and entered the code for only the contact box
and it worked so there must be something in the rest of the code that is stopping/over riding it


thanks

CODE

<Style type="text/css">
.r{}
Body{

    background-color:213042;
       background-image:      url("http://img507.imageshack.us/img507/8990/gyj0at.gif");
    background-attachment: fixed;
    background-position:   bottom left;
    background-repeat:     no-repeat;
       scrollbar-track-color:213042;
    scrollbar-face-color:213042;
    scrollbar-highlight-color:5b6a7c;
    scrollbar-base-color:213042;
    scrollbar-DarkShadow-color:213042;
    scrollbar-Shadow-color:5b6a7c;
    scrollbar-arrow-color:5b6a7c;
}

Table, Td{
    background-color:transparent;
    border-style:none;


table table td{
    width:100%;
}

table table table table td{
    width:auto;
}

table table table{
    width:100%;
    background-color:465262;
    border-color:5b6a7c;
    border-style:solid;
    border-width:1px;
    padding:4px;
}

table table table table{
    border-style:none;
}

.orangetext15, .5b6a7ctext8, .btext, .redtext, .redbtext{
    color:8796a6;
    font-size:8px;
    font-weight:bold;
    text-decoration:none;
    text-transform:uppercase;
    font-style:normal;
    font-family:Verdana,Arial,Tahoma,sans-serif;
}

.nametext, .blacktext8 {
 font-family: verdana;
 text-transform: uppercase;
 font-size: 9px;
 font-weight: bold;
 background-color: 5b6a7c;
 color: 5b6a7c;
 line-height: 9px;
 padding-left: 2px;
 padding-right: 2px;
 width: 100%;
 text-align: center;
 }

body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{
    color:213042;
    font-size:10px;
    font-weight:normal;
    text-decoration:none;
    font-style:bold;
    font-style:normal;
    font-family:Verdana,Arial,Tahoma,sans-serif;
}

.lightbluetext {
 font-family: verdana;
 text-transform: uppercase;
 font-size: 8px;
 color: 5b6a7c;
 background-color: 5b6a7c;
 font-weight: bold;
 text-align: left;
 width: 100%;
 }




a:link, a:link font, a:active, a:active font, a:visited, a:visited font, a.navbar:link, a.navbar:active, a.navbar:visited, a.redlink:link, a.redlink:active, a.redlink:visited {font-family: tahoma; font-size: 9px; color: 5b6a7c; text-transform: lowercase; text-decoration: none;}
a img {border-color:5b6a7c; border-style:dotted; border-width:0px;}
a:hover, a.navbar:hover, a.redlink:hover {font-family: tahoma; font-size: 9px; color: 5b6a7c; background-color: none; text-decoration: none; cursor:  crosshair;} a:hover img {filter:Gray;}




img { filter: Alpha(Opacity=50); }
a:link img { f filter: Alpha(Opacity=40);  }
a:hover img { filter: Alpha(Opacity=85); }
table {direction:rtl;}
table table table {direction:ltr;}
</style>

<style type="text/css">
 span.blacktext12 {
       visibility:visible !important;
       background-color:transparent;
       background-image:url("http://img507.imageshack.us/img507/9624/dadsxt5rr.gif");
       background-repeat:no-repeat;
       background-position:center center;
       font-size:0px; letter-spacing:-0.5px;
       font-color:f6c0c9;
       width:430px; height:88px; display:block !important; }
       span.blacktext12 img {display:none;}
</style>

<style type="text/css"> table table table td {vertical-align:top ! important;} span.blacktext12 { visibility:visible !important; background-color:transparent; background-image:url("http://img107.imageshack.us/img107/6999/showmineshowyours8em.gif"); background-repeat:no-repeat; background-position:center center; font-size:0px; letter-spacing:-0.5px; width:435px; height:75px; display:block !important; } span.blacktext12 img {display:none;}</style> </style>
</style>

<style type="text/css">
.contactTable {
width:300px !important; height:150px !important;
background-image:url("http://img368.imageshack.us/img368/5918/pinkstripper1ut.gif");
background-repeat:no-repeat; background-color:transparent;
background-attachment:scroll; background-position:bottom center;
padding:0px !important;}
.contactTable table, table.contactTable td {
background-color:transparent; background-image:none;
padding:0px !important;}

/* hide the old contact buttons */
.contactTable a img {visibility:hidden; border:0px !important;}
.contactTable .text {font-size:1px !important;}
</style>

[Heathasm]

CSS is probably the best way to position and style the look of your site this is probably the best place to learn about CSS, its really worth it

just take this:

CODE

table {direction:rtl;}
table table table {direction:ltr;}

out of your code and your tables will go back to normal