@import url("reset.css");

/*---------- GENERAL RULES -------*/
h1, h2 				{text-transform:capitalize; font-size:0.8em; padding-bottom:5px; margin-bottom:5px; font-family:Arial, Helvetica, sans-serif; color:#f1f1f1;}
h1.large			{font-size:2.5em; padding-bottom:10px; margin:0px; border:none; text-transform:capitalize;}
h1 a, h2 a			{color:#f1f1f1; text-decoration:none;}

h1, h2.realtones, h2.smstones, h2.funnytones, h2.rudetones, h2.generic, h2.wallpapers, h2.animation { background:none; height:34px; text-transform:uppercase; }

h1.realtones, h2.realtones 	{ background:url(../images/real_header.gif) no-repeat 0px 9px; }
h1.smstones, h2.smstones 	{ background:url(../images/sms_header.gif) no-repeat 0px 9px;}
h1.funnytones, h2.funnytones   { background:url(../images/funny_header.gif) no-repeat 0px 9px;}
h1.rudetones, h2.rudetones 	{ background:url(../images/rude_header.gif) no-repeat 0px 9px;}
h1.wallpapers, h2.wallpapers 	{ color:#0099FF;}
h1.animation, h2.animation 	{ color:#FFFF00;}


h3					{font-family:Arial, Helvetica, sans-serif; color:#015424; background:url('../images/icons/arrows.gif') no-repeat right;}
h3.heading			{text-transform:uppercase; font-size:1.2em; border-bottom:1px dotted #aaa; padding-bottom:5px; margin-bottom:10px; font-family:"Trebuchet MS"; color:#015424; clear:both; display:block;}
.topright_link      { background:url('../images/icons/arrows.gif') no-repeat right 3px; padding:7px 20px 0px 0px; font-size:0.7em; float:right; height:20px; margin-top:-34px;}
p					{line-height:1.3em;}
a					{color:#f1f1f1;}
a:hover				{text-decoration:none;}
ul					{}
ul li				{}
dl					{}
dl dt				{}
dl dd				{line-height:1.5em;}

strong				{font-weight:bold;}
em					{font-style:italic;}
b					{font-weight:normal;} /* For highlighting "keywords" - sets weight to normal */
small				{font-size:90%;}
abbr				{cursor:help;}
select				{font-family:Verdana, Arial, Helvetica, sans-serif;}


body 		{ background-color:#010101; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#f1f1f1; }
#wrapper 		{ width:980px; padding:0px 10px 0px 10px; margin:0px auto; position:relative; display:block; }
#header 		{ height:89px; width:976px; position:absolute; z-index:20; top:27px; left:10px; background: url("../images/header_bg.gif") repeat-x; background-position:0px 0px; overflow:hidden; border:solid 2px #0e3146; }

#wrapper #eyebrow { display:block; font-size:0.7em; padding: 4px 8px 4px 8px; overflow: hidden; height:22px; position:absolute; top:0px; right:5px; }

#wrapper #eyebrow #login_1	{ float: right; list-style: none; height:18px; padding-top:5px; }
#wrapper #eyebrow #login_1 li { display: inline; text-transform:uppercase; }
#wrapper #eyebrow #login_1 li a { color: #f1f1f1; background: url('../images/ul_splitters.gif') no-repeat right 4px; padding:0px 10px 0px 2px; text-decoration:none; font-size:0.9em; }
#wrapper #eyebrow #login_1 li a.last { background:none;}
#wrapper #eyebrow #login_1 li a:hover { text-decoration:underline;}



#header p#logo		{display:block; width:313px; height:35px; z-index:23;  float:left; position:absolute; left:11px; top:14px; margin-right:10px; cursor:hand; }
#header p#logo a	{background: url('../images/singmyring.png') no-repeat; height:35px; display:block; width:313px; text-indent:-9000px;}	
#header #SearchHeader_container { display:none; height:65px; width:468px; margin:0px 7px 0px 0px; padding:6px 10px 0px 10px; position:relative; clear:both; margin:3px auto 0px auto; }
#header #SearchHeader_container #SearchHeader	{ height:65px; width:380px; float:right; margin:0px 7px 0px 0px; padding:22px 0px 0px 10px; position:absolute; top:17px; left:310px; }
#header #SearchHeader_container #SearchHeader #title { background: url('../images/header_bg.png') no-repeat; height:34px; width:200px; position:absolute; top:-3px; left:4px;}
#header #SearchHeader_container #SearchHeader form { width:360px; padding-left:10px;}
#header #SearchHeader_container #SearchHeader form input{ border:none; padding-left:0px; width:260px; margin-right:10px; float:left; height:17px; }
#header #SearchHeader_container #SearchHeader form input.button { height:19px; width:70px; float:left; margin-top:0px;}

.basic_Search #SearchHeader_container {height:106px; margin:0px 7px 0px 0px; padding:55px 0px 0px 10px; position:relative; clear:both; }
.basic_Search #SearchHeader_container #SearchHeader	{background: url('../images/header_bg.png') no-repeat; height:65px; width:380px; float:right; margin:0px 7px 0px 0px; padding:22px 0px 0px 10px; position:absolute; top:10px; left:30px; }
.basic_SearchSUSPENDED#SearchHeader_container #SearchHeader #title { background: url('../images/header_seach_title.png') no-repeat; height:34px; width:200px; position:absolute; top:-3px; left:4px;}
.basic_SearchSUSPENDED #SearchHeader_container #SearchHeader #name_title { background: url('../images/enter_your_name.png') no-repeat; height:34px; width:220px; position:absolute; top:-3px; left:10px;}

.basic_Search #SearchHeader_container #SearchHeader form { width:360px; padding-left:10px;}
.basic_Search #SearchHeader_container #SearchHeader form input{ border:none; padding-left:0px; width:260px; margin-right:10px; float:left; }
.basic_Search #SearchHeader_container #SearchHeader form input.button { height:19px; width:70px; float:left; margin-top:0px;}

div.basic_search {}
div#SearchHeader_container {}
div#SearchHeader_container form { margin:0px auto; width:400px;}
div#SearchHeader_container input { font-size:1.3em; float:left; display:block; margin-right:10px; height:30px;}
div#SearchHeader_container input.button {height:36px; width:72px; }

#header #nav_container {clear:both; float:left; width:100%; height:47px; position:relative; padding-top:57px;}
#header #nav_container ul { font-size:0.6em; font-weight:bold; color:#f1f1f1; background:url('../images/nav_bg.gif') repeat-x; float:left; width:100%; height:33px; background-position:0px 1px;}
#header #nav_container ul li { text-align:center; display:block; float:left; height:7px; padding:13px 11px;}
#header #nav_container ul li a { color:#fff; text-decoration:none; text-transform:uppercase; }
#header #nav_container ul li a:hover  { color:#f59c38;}

#header #nav_container ul li a.realtones:hover 	{ color:#00FFFF; }
#header #nav_container ul li a.wallpapers:hover { color:#0099FF; }
#header #nav_container ul li a.animations:hover { color:#FFFF00; }
#header #nav_container ul li a.nametones:hover 	{ color:#FF0000; }
#header #nav_container ul li a.smstones:hover 	{ color:#00CC00; }
#header #nav_container ul li a.funnytones:hover { color:#f59c38; }
#header #nav_container ul li a.rudetones:hover 	{ color:#FF00FF; }
#header #nav_container ul li a.freetones:hover	{ color:#6600FF; }
#header #nav_container ul li a.silenttones:hover { color:#666666; }

.header_seperator { display:none;clear: both; width: 980px; height: 3px; background:url(../images/header_seperator.jpg) no-repeat bottom #fff; }


/* ---------- Content ---------- */

#content { float:left; width:100%; overflow:visible; margin-top:125px; padding-top:5px; padding-bottom:10px; }

/* ---------- Footer ----------*/

#footer { clear: both; background: url(../images/footerBG.jpg); background-repeat: no-repeat; background-position: bottom; padding-top: 15px; height: 388px; position: relative; border:solid 2px #0e3146; }

#footer .advertCont	{ width: 468px; height: 60px; background: #6e6e6e; position: absolute; top: 25px; left: 330px; }
div.advertCont div { margin:0 auto;}
div.advertCont p {padding-bottom:2px; text-align:center;}
div.advertCont p small {font-size:0.7em;}


#footer-left { float: left; width: 320px; height: 270px; background: url(../images/breaker.gif) repeat-y right; color: #fff;  }
#footer-left img	{ width: 318px; height: 270px; }
#footer-centre { position: absolute; top: 110px; right: 0px; width: 640px; padding: 35px 0px 5px 0px; overflow: hidden; color: #ccc; margin: 0px 10px 0px 10px; border-top: 1px solid #001525;  }
#footer-centre h3 { font-size: 1.4em; color: #f1f1f1; line-height: 1.1em; padding-bottom: 5px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:normal;}
#footer-centre #big-quote { float: left; width: 300px; margin: 0 2px; font-size: 1.2em; margin-bottom: 20px; }
#footer-centre #big-quote { float: left; width: 300px; margin: 0 2px; font-size: 1.2em; margin-bottom: 20px; }
#footer-centre #big-quote h4 { font-family: Georgia, "Times New Roman" , Times, serif; font-size: 1.8em; line-height: 1.3em; font-style: italic; font-weight: normal; line-height: 1.2em; padding-bottom: 15px; text-align: left; }
#footer-centre #big-quote h4 a { text-decoration: underline; color: #fff; }
#footer-centre #big-quote h4 a:hover { text-decoration: none; }
#footer-centre #big-quote p a { color: #ccc; }
#footer-centre #big-quote p a:hover { color: #fff; }
#footer-centre a {color:#fff;}
#footer-centre ul { float: left; }
#footer-centre ul li {padding-left: 25px; font-size: 1.2em; padding-bottom: 6px; line-height: 1.3em; }
#footer-centre ul li a { color: #f1f1f1; text-decoration: underline; }
#footer-centre ul li a:hover { text-decoration: none; color: #fff; }
#footer-base { position: absolute; top: 310px; left: 5px; width: 980px; padding: 10px 0px 0px 10px; }
#footer-base p.singmyring { clear: both; background: url(../images/singmyringfooter.gif) 10px 0px no-repeat; height: 44px; width: 280px; text-indent: -9000px; }
#footer-base p.copyright { text-align: center; clear: both; color:White; }
#footer-base a { color: #f1f1f1; }
#footer-base ul { color: #fff; overflow: hidden; padding-bottom: 5px; padding-left:17px; }
#footer-base ul li { display: inline; margin-right: 3px; font-size:0.7em; }
#footer-base ul li a { margin-right: 3px; }
#footer-base div#footLinks { float: left; width: 310px; position: relative; top: 1px; z-index: 2; }
#footer-base div#footContent { float: left; width: 630px; color: #ccc; text-align: justify; padding: 15px 20px 0px 10px; font-size:0.7em;; }
#footer-teaser { height: 215px; width: 318px; }

#footer-facebook { width: 147px; height: 37px; background: url(../images/facebookIcon.jpg) no-repeat; position: absolute;  top: 14px; right: 13px; }
#footer-facebook a { display: block; width: 230px; height: 40px; text-decoration: none; }
#footer-facebook a:hover { text-decoration: none; }
#footer-twitter { width: 147px; height: 37px; background: url(../images/twitterIcon.jpg) no-repeat; position: absolute; top: 61px; right: 13px;}
#footer-twitter a { display: block; width: 230px; height: 40px; text-decoration: none; }
#footer-twitter a:hover { text-decoration: none; }



#wrapper #footerOLD {clear:both; background-color:#000;  padding-top:10px;} 
#wrapper #footerOLD p { padding:10px; font-size:0.75em; color:#F1F1F1;}
#wrapper #footerOLD p a {color:#f1f1f1; text-decoration:underline;}

#wrapper #footerOLD #pagebase { width:964px; display:block; background-color:#eee; font-size:0.7em; padding: 7px 8px 7px 8px; overflow: hidden; height:32px; margin-top:-2px; }
#wrapper #footerOLD #pagebase p { width:300px; float:left;}
#wrapper #footerOLD #pagebase p.footerlogo { float:right; background: url(../images/footer_logo.gif) no-repeat; width:185px; height:33px; margin-top:0px;} 




/* ---------- Content - Layout One ----------*/

#column1, #column2, #column3, .column_span { float:left;}

/* - 1column Layout - */

#content.layout1 #column1 { width:980px; float:left; margin:0px 0px 0px 0px; display:inline;}

/* - 2column Layout - */

#content.layout2 #column1 { width:320px; margin:0px 10px 0px 0px; float:left; display:inline;}
#content.layout2 #column1A		{}
#content.layout2 #column1B		{}

#content.layout2 #column2   {width:650px; float:left; display:inline;}
#content.layout2 #column2A  {width:320px; float:left; }
#content.layout2 #column2B  {width:320px; float:left; margin-left:10px; display:inline;}
#content.layout2 #column3	{width:155px;}
#content.layout2 .column_span {}


/* - 3column Layout - */ 

#content.layout3 #column1   {width:650px; margin:0px 0px 0px 0px; float:left; display:inline; }
#content.layout3 #column1A  {width:320px; float:left; margin-right:10px;}
#content.layout3 #column1B  {width:320px; margin:0px 0px; float:left; display:inline;}

#content.layout3 #column2  {width:320px; float:left; margin-left:10px; padding:0px;}
#content.layout3 #column2A {width:155px; float:left;}
#content.layout3 #column2B {width:155px; float:left;}

#content.layout4 #column1   {width:320px; margin:0px 0px 0px 5px; float:left; display:inline;}
#content.layout4 #column2   {width:320px; margin:0px 0px 0px 5px; float:left; display:inline;}
#content.layout4 #column3   {width:320px; margin:0px 0px 0px 5px; float:left; display:inline;}
#content.layout4 #column_span { width:970px; float:left; margin:7px 0px 7px 5px; display:inline; }

#content.layout3 #column_span { width:980px; float:left; margin:0px 0px 7px 0px; }
#content.layout3 #column_spanA { width:320px; float:left; margin:0px 5px 0px 5px; display:block; display:inline; }
#content.layout3 #column_spanB { width:650px; float:left; }

#content.promo { background-color:#000000; background-image:none;}
#content.promo #overlay { position:absolute; top:499px; width:980px; height:322px; background:url(../images/overlay.png) repeat; z-index:1000;}
#content.promo .panel {width:970px; min-height:100px; background-color:#000000;}
#content.promo .panel p {padding:10px 85px;}
#content.promo .panel #infobox { padding:45px 210px; width:550px}

#content.promo .panel #infobox h2 {float:left; font-size:1.6em;}
#content.promo .panel #infobox input { float:left; position:relative; top:5px;}

/* - Content - */ 

#wrapper #content .hr { height: 1px; padding: 5px 0px 0px 0px; margin: 0px; background: url('../images/heading_splitter.gif') repeat-x 0px 5px; width: 100%; }
#wrapper #content .hr hr { display: none; }
#wrapper #content p { font-size:0.7em; margin-bottom:7px; }


/* ---------- Panel Construct ---------- */

#content.layout3 #column1A .panel, #content.layout3 #column1B .panel, #content.layout2 #column1 .panel  { margin-bottom:7px;}
#content.layout2 #column2A .panel, #content.layout2 #column2B .panel  { width:315px; background:#00263A;}
#content.layout2 #column2A h2.rudetones, #content.layout2 #column2B h2.rudetones, #content.layout2 #column2A h2.smstones, #content.layout2 #column2B h2.smstones, #content.layout2 #column2A h2.funnytones, #content.layout2 #column2B h2.funnytones, #content.layout2 #column2A h2.generic, #content.layout2 #column2B h2.generic  { width:305px;}



.panel { background:url("../images/content_box_header.gif") repeat-x #00263a; clear: both; float: left; padding:0px; border:solid 2px #0e3146;}
.panel .top { height:34px; background:url("../images/splitter_horz.gif") repeat-x bottom;}
.panel h1, .panel h2 { padding:10px 0px 0px 5px;}

.layout2 #column2 .panel h2 { padding:10px 0px 0px 5px; width:641px;}
.layout1 #column1 .panel h1, .layout1 #column1 .panel h2 { padding:10px 0px 0px 5px; width:955px;}
.layout1 #column1 .panel .content { width:960px;}

.panel_span { width:970px; background:#00263a; clear: both; float: left; padding:5px; margin-bottom:7px;}
.panel .content { margin-top:5px; padding:8px;}
.panel h3 { background:none; clear:both; font-size:0.7em; height:15px; padding:6px 5px 3px 5px; display:block; width:300px;}
.panel h3 a:hover {color:#ffa801;}
.panel .content h4 { padding: 2px 5px 0px 5px; margin: 0px 7px 0px 7px; font-size: 1em; position: relative; clear:both; height:auto; font-weight:normal; letter-spacing:0px; }
.panel .content h5 { padding: 2px 5px 0px 5px; margin: 0px 7px 0px 7px; font-size: 1em; position: relative; height:auto; font-weight:normal; letter-spacing:0px;}
.panel .content .waiting_bar { margin:auto; clear:both;}
.panel .content p {}
.panel .content input.textbox   { float: left; margin: 0px 14px 0px 0px; width: 213px; }
.panel .content input.button  { float: left; padding: 0px 24px 0px 0px; margin: 0px; }

.panel .content .thumbsdetail{ margin:3px auto; padding:0px; display:block; }
.panel .content .buy{ margin:5px 0px 0px 0px;}
.panel .content .buy img { margin-left:10px;}
.panel .content .buy p { text-transform:capitalize;}


.panel .content  img.selectionChoice {float:left; display:block; margin:0px 10px 10px 0px;}

.panel_Direction { background: #00263a; clear: both; float: right; margin: 10px 0px 0px 0px; padding:0px 0px; }
.panel_Direction ul { margin:0px 0px 0px 0px; float:left; }
.panel_Direction ul li { margin:0px 0px; padding: 0px; list-style: none; float: left; display:block; text-align:center; }
.panel_Direction ul li a { float:left; text-decoration: none; color: #f1f1f1; font-weight: bold; text-align: center; display: inline; padding: 0px; height: 12px; clear:none;  }
.panel_Direction ul li a:hover { text-decoration:underline; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-weight:bold; }
.panel_Direction ul li p.direction { }
.panel_Direction ul li p.direction a { font-weight:bold; float:left; padding:10px; text-decoration:none; width:130px; margin-left:10px;}
.panel_Direction ul li p.direction a:hover { text-decoration:underline; margin-left:10px;}

.panel div.content_linkbox  { float:left; }
#overlay { background:none; margin:5px 0px; width:646px;}
ul.content_linkbox { margin: 0px ; padding: 0px; }
ul.content_linkbox li { margin: 0px; padding: 4px 0px 0px 0px; list-style: none; float: left; position: relative; text-align:center; width:316px; background:url(../images/splitter_horz.gif) repeat-x;  }
ul.content_linkbox li h3 { width:300px;}
ul.content_linkbox li a { text-decoration: none; color: #f1f1f1; font-weight: bold; width: 300px; text-align: center; display: block; padding: 0px; height: 12px; text-transform:uppercase; }
ul.content_linkbox li a:hover { text-decoration:underline;} 

ul.content_linkbox li a.funny:hover, ul.content_linkbox li a.sms:hover, ul.content_linkbox li a.real:hover, ul.content_linkbox li a.rude:hover, ul.content_linkbox li a.animation:hover { color:#f1f1f1; height:24px; width:310px; margin:-6px 0px 0px -5px; padding:6px 0px 0px 0px; font-weight:bold;}

ul.content_linkbox li a.funny:hover { background: none ; }
ul.content_linkbox li a.sms:hover { background: none; }
ul.content_linkbox li a.real:hover { background: none ; }
ul.content_linkbox li a.rude:hover { background: none ; }
ul.content_linkbox li a.animation:hover { background: none ; }

ul.content_linkbox li p { margin: 0px; padding: 0px; color: #c30000; font-size: 0.65em; font-weight: bold; position: absolute; bottom: 3px; left: 7px; }
ul.content_linkbox li p span { color: #f1f1f1; font-size: 1.1em; }


#content .search_wrapper 				{ float:right; margin:0px;}
#content .search_Box					{ width:300px; float: left; background:none; padding: 8px; margin-top: 5px; }
#content .search_Box span				{ font-size: 0.7em; font-weight: bold; float: left; padding: 2px 10px 0px 7px; }
#content .search_Box input.textbox		{ float: left; margin: 0px 10px 0px 0px; width: 200px; }
#content .search_Box a					{ float: right; margin: 0px 15px 0px 0px }
#content .search_Box #ctl00_Header1_ImageButton1 { float: right; margin-right: 5px }
#content .search_Box ul li a			{ float: left; margin: 0px 0px 0px 0px }

/* ---------- SEARCH AGAIN PANEL ---------- */

#panel_SearchAgain {background: #ffffff; clear: both; float: left; margin: 14px 0px 7px 0px; width: 100%;}
#panel_SearchAgain .top { background:url(../images/panel_top.gif) repeat-x; height:67px; margin:0px; padding:5px 0px 0px 0px;}
#panel_SearchAgain h2 { padding: 5px 0px 0px 7px; margin: 0px 5px 0px 5px; font-size: 1em; float: left; position: relative; display:inline; }
#panel_SearchAgain h3 { padding: 0px 5px 0px 20px; margin: 18px 7px 0px 7px; font-size: 0.8em; float: left; position: relative; clear:both; background:url(../images/bullet.gif) no-repeat; background-position:7px 3px; display:inline; width:270px; font-weight:bold; }
#panel_SearchAgain .content { margin:5px; padding:0px; background-color:#FFFFFF; font-size:0.8em; border:solid 1px #ffffff; }
#panel_SearchAgain .content p { margin:0px 0px 0px 0px; padding:0px 0px 5px 0px;}
#panel_SearchAgain .content table {}
#panel_SearchAgain .content input.textbox   { float: left; margin: 0px 14px 0px 20px; width: 170px; }
#panel_SearchAgain .content input.button  { float: left; padding: 0px 24px 0px 0px; margin: 0px; }

/* ---------- SUBSCRIBE PANEL ---------- */

#panel_Subscribe { background:url(../images/subscribebox.jpg) no-repeat #fff; padding:5px;clear: both; height:255px; background-position:center; position:relative; }
#panel_Subscribe #positionedbox { position:absolute; bottom:80px; left:220px; }



/* ---------- General Bulleted List ----------------- */

.content .bulleted_List ul { margin: 0px; padding: 7px;}
.content .bulleted_List ul li { margin: 0px 0px 0px 0px; padding: 1px 0px 1px 15px; list-style: none; background: url(../images/bullet.gif) no-repeat 0px 2px; }
.content .bulleted_List ul li a { color: #f1f1f1; font-size:1.3em; font-weight:normal; display:block;}
.content .bulleted_List ul li span { margin: 0px; padding: 0px; }
.content .bulleted_List ul li span.small_text { font-size:10px;}


/* ---------- End Panel Construct ---------- */

/* ---------- HOMEPAGE  ---------- */

#flash_homepage { float:left; background-color:#fff; padding:5px;}

ul#wallpapers { margin:0px; padding:0px;}
ul#wallpapers li { float:left; display:block; list-style:none; margin:5px 10px 5px 10px;}

ul.generic_tones_list { margin:0px; padding:0px;}
ul.generic_tones_list li_white{ float:left; display:block; list-style:none; height:38px; border-top: solid 1px #cccccc; background-color:#ffffff;}
ul.generic_tones_list li_grey{ float:left; display:block; list-style:none; height:38px; border-top: solid 1px #ffffff; background-color:#cccccc;}
ul.generic_tones_list li p { margin:0px; padding:0px; color:#FF0000;}


dl.homepage_real_tonelist { float:left; margin:5px 0px 3px 0px;  }
dl.homepage_real_tonelist dt { list-style:none; float:left; width:300px; border-bottom:1px dotted #025783; padding:5px 0px; position:relative; height:50px; }

dl.homepage_real_tonelist div.tones1, dl.homepage_real_tonelist div.tones2, dl.homepage_real_tonelist div.tones3, dl.homepage_real_tonelist div.tones4, dl.homepage_real_tonelist div.tones5, dl.homepage_real_tonelist div.tones6, dl.homepage_real_tonelist div.tones7, dl.homepage_real_tonelist div.tones8, dl.homepage_real_tonelist div.tones9, dl.homepage_real_tonelist div.tones10 {height:50px; width:50px; float:right;}

dl.homepage_real_tonelist div.tones1 { background:url(../images/chart/1.gif) no-repeat right; }
dl.homepage_real_tonelist div.tones2 { background:url(../images/chart/2.gif) no-repeat right; }
dl.homepage_real_tonelist div.tones3 { background:url(../images/chart/3.gif) no-repeat right; }
dl.homepage_real_tonelist div.tones4 { background:url(../images/chart/4.gif) no-repeat right; }
dl.homepage_real_tonelist div.tones5 { background:url(../images/chart/5.gif) no-repeat right; }
dl.homepage_real_tonelist div.tones6 { background:url(../images/chart/6.gif) no-repeat right; }
dl.homepage_real_tonelist div.tones7 { background:url(../images/chart/7.gif) no-repeat right; }
dl.homepage_real_tonelist div.tones8 { background:url(../images/chart/8.gif) no-repeat right; }
dl.homepage_real_tonelist div.tones9 { background:url(../images/chart/9.gif) no-repeat right; }
dl.homepage_real_tonelist div.tones10 { background:url(../images/chart/10.gif) no-repeat right; }

dl.homepage_real_tonelist dt p { float:left; display:block; width:180px; overflow:hidden;}
dl.homepage_real_tonelist dt img { float:left; margin-right:10px; margin-bottom:5px; width:50px; height:50px;}
dl.homepage_real_tonelist dt ul { float:left; position:absolute; bottom:5px; left:60px; margin:0px; padding:0px; height:14px; }

dl.homepage_real_tonelist dt ul li { display:inline; width:100px; margin:0px 6px; }
dl.homepage_real_tonelist dt ul li img { width:46px; height:11px;}
dl.homepage_real_tonelist dt ul li img.tweet { width:80px; height:15px;}

dl.homepage_real_tonelist dt dd { float:left; }
dl.homepage_real_tonelist dt dd img { float:left; width:46px; height:11px;}
dl.homepage_real_tonelist dt a { text-decoration: none; cursor:hand; }

dl.generic_tonelist {float:left; margin:5px 0px 3px 0px; padding:0px 5px 5px 5px; clear:both;}
dl.generic_tonelist dt { list-style:none; float:left; width:300px; border-bottom:dotted 1px #025783; padding:5px 0px 3px 0px; height:20px; display:block; clear:both;}
dl.generic_tonelist dt p { float:left; display:block; width:170px; padding-top:2px; overflow:hidden;}
dl.generic_tonelist dt ul { float:right; display:block; clear:none; margin-left:1px; width:107px;}
dl.generic_tonelist dt ul li { float:left;}
dl.generic_tonelist dt ul li img { width:46px; height:11px; margin-left:5px;} 

dl.generic_tonelist_inline { background-color:none; float:left; margin:5px 0px 3px 0px; padding:0px 5px 5px 5px; clear:both;}
dl.generic_tonelist_inline dt { list-style:none; float:left; width:310px; border-bottom:dotted 1px #1a2b32; padding:5px 0px 3px 0px; height:20px; display:inline;  }
dl.generic_tonelist_inline dt p { float:left; display:block; width:180px; padding-top:2px; overflow:hidden;}
dl.generic_tonelist_inline dt ul { float:left;}
dl.generic_tonelist_inline dt ul li { display:inline; width:100px; margin:0px 6px;}
dl.generic_tonelist_inline dt ul li img {height:11px; width:46px;}


dl.generic_real_tonelist { background-color:#e3e7ea; float:left; margin:5px 0px 3px 0px; padding:0px 5px 5px 5px; }
dl.generic_real_tonelist dt { list-style:none; float:left; width:300px; border-bottom:dotted 1px #1a2b32; padding:5px 0px; position:relative; height:50px; }
dl.generic_real_tonelist dt p { float:left; display:block; width:480px;}
dl.generic_real_tonelist dt img { float:left; margin-right:10px; margin-bottom:5px; }
dl.generic_real_tonelist dt ul { float:left; position:absolute; bottom:5px; left:60px; margin:0px; padding:0px; height:20px; }
dl.generic_real_tonelist dt ul li { display:inline; width:200px; }

ul.generic_list { font-size:0.7em; width:100%; padding-bottom:5px; float:left; display:block;}
ul.generic_list li { display:block; width:150px; margin:2px 0px; float:left; padding-bottom:2px;}

/* ---------- END HOMEPAGE -------------*/

/* ---------- GENERIC PANEL BACKGROUNDS ---------- */

#panel_search { background:url(../images/waitingbox.jpg); background-repeat:no-repeat; clear: both; float: left; margin: 8px 0px 0px 0px; width: 100%; height:255px; position:relative; }
#panel_search #heading{ position:absolute;  bottom:0px; left:0px; font-size:0.75em; padding:10px 0px 3px 0px;
background-color:#0e0c0c; width:100%; height:35px; filter:alpha(opacity=67); -moz-opacity:.67; opacity:.67; border-top:solid 1px #414141; }
#panel_search #heading p { color:#f1f1f1; font-size:1.8em; margin:-5px 0px 4px 10px; padding:0px 0px 0px 0px; font-weight:bold;}
#panel_search #heading span { padding:0px 0px 0px 0px; margin:4px 0px 0px 10px; color:#f1f1f1; font-size:1.6em;}
#panel_search #loader { position:absolute; bottom:85px; left:270px; z-index:1000; width:220px; height:20px; }

/* ---------- END GENERIC PANEL BACKGROUNDS ---------- */

/* ---------- GENERIC TABLE STYLING -------------*/

table.tones   { background-color:#ffffff; font-size: 0.8em; font-weight:bold; margin: -4px 0px 0px 0px; width: 100%; padding:0px; }

table.tones tr.headings td             { height:20px; font-weight:bold; padding:5px 10px 5px 10px;}
table.tones tr.white              { background-color:#ffffff; }
table.tones tr.white td              { padding:0px 7px 5px 7px; vertical-align: middle }
table.tones tr.white td.setwidth     { width:400px;}
table.tones tr.white td img            { padding:0px 0px 0px 0px; margin:5px 0px 0px 0px; vertical-align: middle }

table.tones tr.grey             { background-color:#efefef;}
table.tones tr.grey td           { padding:0px 7px 5px 7px; vertical-align: middle  }
table.tones tr.grey td img         { padding:0px 0px 0px 0px; margin:5px 0px 0px 0px; vertical-align: middle }

table.tones td.table_tab div       { float: left; }
table.tones td.table_tab img       { margin: 5px 0px 0px 1px; }
table.tones td.blank           { background: #ff0000; }
table.tones a               { color:#CCCCCC;}

table.tones tr.white_last         { background-color:#ffffff; }
table.tones tr.white_last td       { padding:3px 10px 3px 10px;}

table.tones td.orange       { background-color:#ff7e00; border:none; text-align:center; width:85px; }
table.tones td.purple       { background-color:#ea00ff; border:none; text-align:center; width:85px;}
table.tones td.blue         { background-color:#0883d3; border:none; text-align:center; width:85px;}
table.tones td.green       { background-color:#65e30a; border:none; text-align:center; width:85px;}
table.tones td.cyan         { background-color:#48c6ed; border:none; text-align:center; width:85px;}

ul.generic_tonelist { background-color:#e3e7ea; float:left; padding:5px; margin:5px 0px 3px 0px;}
ul.generic_tonelist li { background:url(../images/content_splitter.gif) repeat-x bottom; display:block; float:left; font-size:0.8em; clear:both;}
ul.generic_tonelist span.play {float:left; margin-right:5px; }
ul.generic_tonelist span.purchase {float:left;}


/* ---------- END GENERIC TABLE STYLING -------------*/

/* --------- WALLPAPER STYLING  ------------------*/

ul#list_Wallpapers       { float:left; background:#e3e7ea; margin:5px 0px 0px 0px; padding:0px 5px; clear:both; display:block; width:620px;}
ul#list_Wallpapers li     { margin: 7px 6px 7px 6px; padding: 7px 7px; list-style: none; background: #ccc;  width: 125px; height: 175px; float: left; position: relative; display:block; }
ul#list_Wallpapers li a img { float: left; margin-bottom: 4px;border: 1px solid #ffffff; }
ul#list_Wallpapers li a   { text-decoration: none; color: #f1f1f1; font-size: 0.85em; font-weight: bold; width: 100%; text-align: center; display: block; }
ul#list_Wallpapers li p   { margin: 0px; padding: 0px; color: #c30000; font-size: 0.85em; font-weight: bold; position: absolute; bottom: 15px; left: 7px; }
ul#list_Wallpapers li p span { color: #f1f1f1; font-size: 1.1em; }
ul#list_Wallpapers li p.section { position: absolute; bottom: 5px; right: 6px; width: 130px; height: 20px; color:#414141; text-align:center; font-size:1em; background-color:#CCCCCC; padding:5px 0px 0px 0px; filter:alpha(opacity=75); -moz-opacity:.75; opacity:.75; }




/* --------- ANIMATION STYLING  ------------------*/

ul#list_Animations      { margin: 0px; padding: 3px; }
ul#list_Animations li     { margin: 5px 9px 5px 9px; padding: 7px 7px 7px 7px; list-style: none; background: #ccc;  width: 93px; height: 125px; float: left; position: relative; }
ul#list_Animations li a img { float: left; margin-bottom: 4px;border: 1px solid #ffffff; }
ul#list_Animations li a   { text-decoration: none; color: #f1f1f1; font-size: 0.85em; font-weight: bold; width: 100%; text-align: center; display: block; }
ul#list_Animations li p   { margin: 0px; padding: 0px; color: #c30000; font-size: 0.85em; font-weight: bold; position: absolute; bottom: 15px; left: 7px; }
ul#list_Animations li p span { color: #f1f1f1; font-size: 1.1em; }
ul#list_Animations li p.section { position: absolute; bottom: 5px; right: 6px; width: 100px; height: 20px; color:#414141; text-align:center; font-size:1em; background-color:#CCCCCC; padding:5px 0px 0px 0px; filter:alpha(opacity=75); -moz-opacity:.75; opacity:.75; }


/* --------- SUBSCRIBE STYLING  ------------------*/

.panel .content p.subscribe_text {font-size:1.5em; font-weight:bold; padding: 10px 5px 0px 7px; margin: 10px 7px 20px 7px; position:relative; bottom: 0px;}

/* --------- FORM STYLING  ------------------*/


div.form					{clear:both; position:relative; font-size:1.1em;}
div.form h4					{clear:both; color:#0569a8; font-size:1.3em; font-weight:bold; border-bottom:1px solid #0569a8; padding:2px 0px 5px 0px; margin:5px 0px 20px 0px;}
div.form p sup				{color:#0569a8; margin-left:3px; position:relative; top:-4px;}
div.form p sup.textarea		{position:relative; top:-175px;}
div.form p					{color:#f1f1f1; clear:both; overflow:hidden;  padding-top:2px; padding-right:35px;}
div.form p.extra			{padding-left:210px;}
div.form p.requiredInfo		{position:relative; top:-35px; width:130px; padding:0px;}
div.form p em				{ color:#666;}
div.form p em strong		{color:#666;}
div.form p input			{border:1px solid #ddd; padding:2px; color:#333; width:235px; position:relative; top:-2px; }
div.form p input.checkbox	{width:auto; border:none; float:left; margin-bottom:20px;}
div.form p input.furtherInfo{display:block; float:left; margin-right:5px; }				
div.form p input.title		{width:30px;}
div.form p input.submit		{width:auto; cursor:pointer; padding:1px 3px; color:#333; background-color:#eee; border:1px solid #ccc;}
div.form p input.submit:hover{background-color:#dfe7ef; border:1px solid #FF9900; color:#333;}
div.form p textarea			{width:200px; height:180px; position:relative; top:-2px; border:1px solid #ddd; font-family:Arial, Helvetica, sans-serif; padding:3px; font-size:1.1em;}
html>body div.form p textarea			{width:235px; height:180px; position:relative; top:-2px; border:1px solid #ddd; font-family:Arial, Helvetica, sans-serif; padding:3px; font-size:1.1em;}
div.form p span.checkBox		{float:left; display:block; width:20px}
div.form p span.checkBox input	{width:auto; border:none; float:left; position:static;}
div.form p span.block			{display:block; float:left; width:250px; padding-right:0px; font-size:90%;}
div.form p span.formError	{clear:both; display:block; padding-left:150px;}
div.form label				{clear:both; display:block; padding-right:10px; padding-bottom:10px; width:200px; text-align:right; float:left; }
div.form label.extraPad		{padding-bottom:30px; }
div.form label.hide			{display:none; background-color:#3300FF;}
div.form label.invisible	{visibility:hidden;}
div.form #codeSnippet		{border:1px solid #ddd; width:310px; background-color:#eee; padding:5px; margin-left:150px;}
div.form #codeSnippet code	{font-size:1.1em;}

div.content form label {width:110px; float:left; display:block;}

div#application { min-height:500px;}
div#application ul { display:block;position:relative; list-style:none; margin:0px; padding:0px;}
div#application ul li.first {width:250px; float:left; display:block; margin-right:30px; }
div#application ul li.second { width:150px; margin-right:20px; float:left; margin-bottom:10px;}

p#scodeB {color:#000;}
p.white {color:#f1f1f1;}

/* --------- JAVA MENU STYLING  ------------------*/

ul#deluxeMenu ul{display:none}
ul#deluxeMenu li:hover>*{display:block}
ul#deluxeMenu li:hover{position:relative;}
ul#deluxeMenu ul{
	position: absolute;left:-1px;top:98%;}
ul#deluxeMenu ul ul{
	position: absolute;left:98%;top:-2px;}
ul#deluxeMenu,ul#deluxeMenu ul{
	margin:0px;list-style:none;padding:0px;background-color:#353535;border-width:0px;border-style:none;border-color:#C0AF62;}
ul#deluxeMenu {
	display:block;font-size:0;zoom:1;float: left;}
ul#deluxeMenu ul{
	//width:143px;padding:0;}
ul#deluxeMenu li{
	display:block;zoom:1;margin:0;font-size:0;float:left;}
ul#deluxeMenu a:active, ul#deluxeMenu a:focus {outline-style:none}
ul#deluxeMenu a,ul#deluxeMenu li.dis a:hover{
	display:block;vertical-align:middle;background-color:#353535;background-image:url(blank.gif);border-width:1px 0px 1px 0px;border-style:solid;border-color:#3F3F3F #333333 #292929 #333333;text-align:center;text-decoration:none;padding:10px 12px 10px 10px;font:normal 13px calibri,arial,tahoma;color: #FFFFFF;text-decoration:none;cursor:pointer;}
ul#deluxeMenu ul li {float:none;}
ul#deluxeMenu ul a,ul#deluxeMenu ul li.dis a:hover{
	text-align:left;white-space:nowrap;}
ul#deluxeMenu li:hover>a{
	background-image:url(back-over.gif);border-color:#3F3F3F #333333 #292929 #333333;border-style:solid;font:normal 13px calibri,arial,tahoma;color: #FFFFFF;text-decoration:none;}
ul#deluxeMenu li.dis a{color: #AAAAAA !important;}
ul#deluxeMenu img{
	border: none;vertical-align: middle;margin-right:20px;}
ul#deluxeMenu img.over{display:none}
ul#deluxeMenu li.dis a:hover img.over{display:none !important}
ul#deluxeMenu li.dis a:hover img.def {display:inline !important}
ul#deluxeMenu li:hover > a img.def  {display:none}
ul#deluxeMenu li:hover > a img.over {display:inline}
ul#deluxeMenu ul span{background-image:none;padding-right:20px;}