* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif; font-size: 13px;
 background-color:#afafaf;
 background-image: url(../images/diagonal-stripe-background.jpg);
 background-position:left;
 text-align:center;}  /*makes sure wrapper centers in IE */
 
/*Links default - No underline */ 
a { color:#92C265; text-decoration:none;}
a:hover { color: #666; text-decoration:none;}
 
#wrapper { 
 margin: 0 auto; height:100%; width: 800px;
 background:#fff; 
 background-image:url(../images/backgroundnolines.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(../images/backgroundnolines.gif); /*same as above for this skin */
 background-repeat:repeat-y;
text-align:left;/*offests IE center makes all left justified */
}
#header {
 color: #333;
 width: 800px;
 float: left;
 padding: 0;
 height: 140px;
 margin:0;
 background: #fff url(../images/header_bkgd.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: 630px;
 display: inline;
 
}
#rightcolumn {color: #333; margin: 0; padding: 0 0 25px 0; height: 100%; width: 140px; float: right;}

#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: #92C265;}/*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_bkgd2.gif); background-color:#858585; display:block; border:1px solid #fff; height:23px; padding:6px 0 0 25px; text-decoration:none; color:#000;} 
a:hover.leftbutton {background-color:#92C265; 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.thumbnail {width:90px; padding-left:10px;}
table.ringtones td.thumbnail img {border:0px;}
table.ringtones td.desc {width:400px;}
table.ringtones td.spacer {width:20px;}
table.ringtones tr.gray {background:#efefef;}
table.ringtones td a {color:#92C265;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:620px; margin:5px 0 20px 15px; display:block;}
ul.hoverbox a { border:1px solid #ffffff; display:block; margin-bottom:2px;}
ul.hoverbox img { background: #fff; border:1px solid #fff; padding: 1px; vertical-align: top; } /*width: 95px; height: 121px;} */
ul.hoverbox li { display: inline; float: left; margin: 3px; padding: 2px; position: relative; text-align:center; width:130px; height:180px;}
ul.hoverbox a:hover { border:1px solid #92C265; height: 185px;}

#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: #92C265;}
#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:15px 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:#92C265; margin:0; padding: 0 10px 0 0; text-align:right;}
#search { height:20px; width:250px; position:absolute; top:110px; 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 {
	font-size:18px;
	border: #fff 1px solid;
	background: #ccc; 
	vertical-align:middle;
	height: auto;
}
#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;
}