* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif; font-size: 13px;
 background: #C41035;
 background-repeat:repeat-x;
 background-position:top;
 background-image:url(bg.jpg);
 text-align:center;}  /*makes sure wrapper centers in IE */

 
/*Links default - No underline */ 
a { color:#fa0f6e; text-decoration:none;}
a:hover { color: #666; text-decoration:none;}
 
#wrapper { 
 margin: 0 auto; height:100%; width: 800px;
 background-color:#FFFFFF;
/* background-image:url(background_he.gif); change this graphic */
 background-repeat:repeat-y;
 
text-align:left;/*offests IE center makes all left justified */
}
/* SAME AS ABOVE but with the alternate background image - for use on pages without the left/right column */
#altwrapper { 
 margin: 0 auto; height:100%; width: 800px;
 background:#fff; 
/* background-image:url(blackbackground.jpg); change this graphic */
 background-repeat:repeat-y;
text-align:left;/*offests IE center makes all left justified */
}

#header {
 color: #333;
 width: 800px;
 float: left;
 padding: 0;
 height: 133px;
 margin:0;
 background: #fff url(header_bkgd_he4.jpg);/*change this graphic */

}
#leftcolumn { 
 color: #333;  /*text color */
 margin: 0;
 padding: 0;
 width: 140px;
 float: left;
 height:100%;
}
#content { 
 float: left;
 color: #333;  /*text color */
 margin:  0 0 0 20px;
 padding: 0;
 width: 480px;
 display: inline;
 background-color:#FFFFFF;
 
}
#rightcolumn {color: #333; margin: 0; padding: 0 0 25px 0; height: 100%; width: 140px; float: right;}

/* same as above, but not locked to the bottom. different pages 
  require one or the other... */
#footer { 
 width: 780px;
 clear: both;
 color: #333; /*text color */
 text-align:center;
 background: #fff;
 margin: 0px 0px 10px 0px;
 padding: 10px;
 border-top:1px solid #868686;
 font-size:10px;
}

/*Categoires List */

#leftcolumn img {border:0; margin:20px 10px;}
#leftcolumn ul{ list-style-type:none; list-style:none; margin:10px 0;}
#leftcolumn ul li{ margin:0; padding:0; font: 10px/11px Verdana, Arial, Helvetica, sans-serif; color:#000; }
#leftcolumn ul li a{ margin:0 0 0 20px; width:120px; text-decoration:none; color:#000000; display:block; text-decoration:none;}/*link color */
#leftcolumn ul li a:hover{color: #fa0f6e;}/*hover color */
#leftcolumn ul li.title {font-weight:bold; text-transform:uppercase; margin-left:20px;padding:bottom:3px; height:15px;}

.grayborder {border:1px solid #868686;}

/*Ringtone and Wallpaper buttons */
a.leftbutton {background-image:url(../images/left_nav_bkgd.gif); background-color:#fa0f6e; display:block; border:1px solid #fff; height:23px; padding:6px 0 0 25px; text-decoration:none; color:#000;} 
a:hover.leftbutton {background-color:#fa0f6e; color:#fff;}

/*Header Treatment in Content Area */

div.title { background:url(../images/title_bkgd.gif); border:1px solid #fff; color:#000; font: bold 12px/12px Verdana, Arial, Helvetica, sans-serif; height:28px;}
div.title img {margin:2px 5px 0 5px; float:left;}
div.title span {padding-top:6px; display:block;}

/*Table for displaying ringtone table */
table.ringtones {width:100%; border-top:1px solid #868686; border-collapse:collapse;margin-top:1px; padding-bottom:10px;}
table.ringtones td {height:20px; padding:3px 0 3px 0; margin:0; border-collapse:collapse; font-size:11px;}
table.ringtones td.button {width:56px; padding-right:5px;}
table.ringtones td.button img {border:0;}
table.ringtones td.name {width:180px; padding-left:35px;}
table.ringtones td.artist {width:135px;}
table.ringtones tr.gray {background:#efefef;}
table.ringtones td a {color:#fa0f6e;font:bold 11px/12px Verdana, Arial, Helvetica, sans-serif;}
table.ringtones td a:hover {color:#666666;}

#blockme {display:block;   border-top:1px solid #868686; height:250px;} /* change height to complete border around list */

/* List of Wallpaper thumbnails */
ul.hoverbox{ list-style: none; text-align:center; width:460px; margin:5px 0 20px 15px; display:block;}
ul.hoverbox a { border:3px solid #fa0f6e; display:block; margin-bottom:2px;}
ul.hoverbox img { background: #fff; border:1px solid #fff; padding: 1px; vertical-align: top; width: 70px; height: 70px;}
ul.hoverbox li { display: inline; float: left; margin: 3px; padding: 2px; position: relative; text-align:center; width:80px; height:110px;}
ul.hoverbox a:hover { border:3px solid #fa0f6e;}

#rightcolumn p, h2, h1 { margin:10px 0 0 10px; padding:0 10px 0 0;}
#rightcolumn  h2 {font: bold 11px/14px Verdana, Arial, Helvetica, sans-serif; color: #fa0f6e;}
#rightcolumn  p {font: normal 11px/14px Verdana, Arial, Helvetica, sans-serif;}
#rightcolumn img.banner {border:0; margin:20px 10px;}



/*Items positioned in the Headers */
#logo {width:400px; height:95px; position:absolute; top:6px; margin-left:0; }
#userinfo {width:223px; height:81px; float:right; margin:8px 10px 0 0; background-image:url(../images/login_bkgd.gif); background-repeat:no-repeat; padding:0;}
#userinfo h4 {font: bold 10px/11px Verdana, Arial, Helvetica, sans-serif;
	 color:#999; text-transform:uppercase; letter-spacing:.01em; text-align:right; padding:6px 10px 1px 0; margin:0;}

#userinfo  p {font: bold 14px/16px Verdana, Arial, Helvetica, sans-serif; color:#fa0f6e; margin:0; padding: 0 10px 0 0; text-align:right;}
#search { height:20px; width:250px; position:absolute; top:103px; text-align:right; margin-left:540px;}

input {
	color: black;
	background-color: silver;
 margin:0; padding:0; height:16px; line-height:14px; font-size:10px; margin:0; padding:0;
}

.fields {
	height: auto;
	font-size:16px;
	font-weight: bold;
	border: #fff 1px solid;
	background: #ccc; 
}

#style {position:absolute; top:115px; margin-left:10px;}
#style a {color:#fff; font-size:10px;}

.faq_categories {
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
}