body {
margin:0;
padding:0;
background-image:url(images/background_greycolumn.gif);
background-position:center;
background-color:#8b8b8b;
background-repeat:repeat-y;
}
td, a, p, h2, h3, .subnav, #updates, .inputbox{
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
margin:0px;
padding:0px;
text-decoration:none;
}

#wrapper{
width: 800px;
margin:0px auto 20px auto;
}

/* NEW CODE */#navigation{
margin: 5px 0px 26px 0px;
background: #999;
border-bottom: 3px solid #000;
position: relative;
padding:2px 0px 0px 0px;
height:22px;
}
/* NEW CODE */#navigation ul { 
height: 15px;
list-style: none;
margin: 0px;
padding: 0px;
border: 0px solid #000;
position:absolute;
left: 6px;
top: 4px;
}
/* NEW CODE */#navigation li {
font-size: 12px;
display: inline;
margin: 0px 4px 0px 0px;
padding: 1px;
height:15px;
position:relative;
top: 0px;
}
/* NEW CODE */ #navigation a, .submitbtn{
background: #333;
font-size: 12px;
font-weight:bold;
text-transform:uppercase;
color: #999;
text-decoration:none;
padding: 1px 4px;
margin: 0px;
}
#navigation a:hover, .submitbtn:hover{
background: #000;
color:#fff;
}

/* NEW CODE */ #updates{
border: 0px solid #000;
padding: 0px;
font-size:12px;
font-weight:bold;
height:15px;
position:absolute;
right: 10px;
top: 4px;
}
form {
margin: 0px;
padding: 0px;
}
/* NEW CODE */ #updates span{
height: 15px;
float: left;
}
/* NEW CODE */ .inputbox{
font-size:10px;
height:15px;
padding: 0px 0px 0px 3px;
margin: 0px 0px 0px 6px;
font-weight: normal;
border: 0px;
float: left;
}
/* NEW CODE */.submitbtn{
height:15px;
border: 0px;
border: none;
margin: 0px;
margin-left: 4px; 
padding: 0px;
cursor:pointer;
float: left;
}

/* RINGTONE CONTENT */
#ringtoneholder{
width: 563px;
float:left;
}
/* RINGTONE and WALLPAPER HEADERS*/
h2{
font-size:16px;
text-transform:uppercase;
color:#fff;
margin: 0px 0px 4px 0px;
}
td{
padding: 2px;
border-bottom: 2px solid #3e3e3e;
text-align:center;
}
/* table titlebar */
thead tr td{
background: #666;
color: #fff;
font-weight:bold;
border-bottom: 4px solid #000;
}
/* primary row color */
tr td{
background: #fff;
}
/* defines the first column for ringtone titles */
td.title{
text-align:left;
padding-left: 10px;
width: 330px;
}
/* alternating row color */
tr.alt td{
background:#c4c4c4;
}
td a{
color: #000;
font-weight:bold;
text-decoration:none;
padding: 0px 2px;
}
td a:hover{
color: #fff;
}
/* if ringtones that have two formats, this one goes first to eliminate the divider line */
tr.sub td{
border-bottom:0px;
padding-bottom:0px;
}

/* Wallpaper Content */
#wallpaperholder{
float:right;
width: 210px;
}
#wallpapers{
background: #fff;
padding: 10px 0px 0px 10px;
}
#wallpapers a img{
border:none;
margin: 0px 10px 10px 0px;
}

/* subnav is the next | prev pagination navigation below the content*/
.subnav, tr.subnav td {
text-align:left;
background: #666;
padding: 4px;
font-weight:bold;
color: #CCCCCC;
}
.subnav a, tr.subnav td a {

color: #fff;
font-weight:bold;
padding: 0px 2px;
}
.subnav a:hover, tr.subnav td a:hover {
background: #fff;
color: #000;
}