/* MISC
============================================================================= */
* { padding: 0; margin: 0; }
body { background: #fff url(../themes/global_back.png) repeat-y top center; color: #000; font: 10px/12px Verdana, sans; text-align: center; }
img { border: 0; }
table { border-spacing: 0 !important; }
input { font: 10px/12px Verdana, sans; }
select { font: 10px/12px Verdana, sans; }
a:link, a:visited { color: #c00; text-decoration: none; }
a:hover, a:active { color: #f99; text-decoration: underline; }

/* HEAD
============================================================================= */
#top { padding: 0 10px 0 0; width: 750px; height: 71px; color: #666; background: url(../themes/global_top_back.png); text-align: right; }
#top a:link, #top a:visited { color: #666; }
#top a:hover, #top a:active { color: #aaa; }
#top ul { list-style: none; }
#top li { display: inline; }

#topLogos { display: none; }
#topLogos img { float: right; margin: 0 15px 0 auto; }

#heading { display: none; }

/* TOP NAV BAR
============================================================================= */
#topBar { width: 760px; height: 35px; background: #c00; }

#topContainer { position: relative; }

#topNavLeft { position: absolute; top: 0; left: 0; list-style: none; height: 35px; display: inline; overflow: hidden; width: 560px; }
#topNavLeft li { display: inline; list-style-type: none; }
#topNavLeft a { float: left; padding: 35px 0 0 0; overflow: hidden; height: 0 !important; }
#topNavLeft a:hover { background-position: 0 -35px; }
#topNavLeft a:active { background-position: 0 -70px; }
	
#tnHome a { width: 49px; background: url(../themes/nav/global/tnHome.gif) top left no-repeat; }
#tnTones a { width: 110px; background: url(../themes/nav/global/tnTones.gif) top left no-repeat; }
#tnImages a { width: 66px; background: url(../themes/nav/global/tnImages.gif) top left no-repeat; }
#tnGames a { width: 60px; background: url(../themes/nav/global/tnGames.gif) top left no-repeat; }
#tnPhone a { width: 110px; background: url(../themes/nav/global/tnPhone.gif) top left no-repeat; }
/* ===== white current body tab / change class name ===== */
#globalBody #tnHome a, #wallpaperBody #tnImages a, #gameBody #tnGames a, #ringtoneBody #tnTones a, #realtoneBody #tnTones a, #flixtoneBody #tnTones a, #soundeffectstoneBody #tnTones a, #voiceringerBody #tnTones a { background-position: 0 -70px; }

/* search stuff */
#topNavRight { position: absolute; top: 0; left: 560px; width: 200px; height: 35px; }

#searchform input.topInput { position: absolute; top: 7px; left: 0; width: 171px; height: 16px; font: 12px/12px Verdana, sans; color: #666; padding: 2px; border: 0; }
#searchform input.topGo { height: 19px; position: absolute; top: 7px; left: 175px; }

/* DIV's, TABLES & TD's
============================================================================= */
#container { margin: 0 auto; text-align: left; width: 760px !important; }

#wrapper { margin: 10px 0; width: 760px; }
#wrapper h1 { font: bold 17px/20px "Trebuchet MS", Verdana, sans; margin: 10px 0 3px 0; }
#wrapper h2 { font: bold 15px/20px "Trebuchet MS", Verdana, sans; margin: 5px 0 10px 0; }
#wrapper h3 { font: bold 12px/16px "Trebuchet MS", Verdana, sans; margin: 10px 0 10px 0; }
#wrapper h4 { font: bold 12px/12px "Trebuchet MS", Verdana, sans; margin: 10px 0 2px 0; color: #666; }
#wrapper p { margin: 5px 0 0 0; }
#wrapper span { color: #f00; }
#wrapper table.master { width: 760px; }
#wrapper table.master td.left3 { width: 120px; vertical-align: top; }
#wrapper table.master td.left3 a:link, #wrapper table.master td.left3 a:visited { color: #666; font-weight: bold; }
#wrapper table.master td.left3 a:hover, #wrapper table.master td.left3 a:active { color: #aaa; font-weight: bold; }
#wrapper table.master td.left3 p { text-align: left; margin: 2px 2px 5px 2px; }
#wrapper table.master td.left3 p a:link, #wrapper table.master td.left3 p a:visited { color: #c00; font-weight: bold; }
#wrapper table.master td.left3 p a:hover, #wrapper table.master td.left3 p a:active { color: #f99; font-weight: bold; }
#wrapper table.master td.left3 ul { margin: 0 0 10px 7px; padding: 0 0 0 0; list-style-type: none; }
#wrapper table.master td.left3 li { color: #900; font: bold 10px/12px Verdana, sans; margin: 0 0 0 -2px; padding: 0 0 0 9px; background: url("../themes/dot.gif") no-repeat 0 4px; }
#wrapper table.master td.left3 li ul { margin: 0 0 0 4px; }
#wrapper table.master td.center { width: 480px; vertical-align: top; }
#wrapper table.master td.right { width: 150px; vertical-align: top; }
#centerContent { top: 0; margin: 0 auto; width: 475px !important; }
#centerContent a { font-weight: bold; }
#centerContent table { border-collapse: collapse; width: 475px; border-left: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; margin: 0 0 10px 0; }
#centerContent caption { font: bold 15px/20px "Trebuchet MS", Verdana, sans; text-transform: uppercase; vertical-align: middle; text-align: left; color: #fff; background: url(../themes/global_head.gif) no-repeat 0% 0%; width: 475px; height: 20px; }
#centerContent caption a:link, #centerContent caption a:visited { color: #fff; }
#centerContent caption a:hover, #centerContent caption a:active { color: #ccc; text-decoration: none; }
#centerContent th { padding: 2px; border-right: 1px dotted #666; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; text-align: center; font: bold 11px/11px Verdana, sans; }
#centerContent td { border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; }
#centerContent td.pageNav1 { text-align: right; color: #fff; background: #c00; border: none; height: 16px; }
#centerContent td.pageNav1 a:link, #centerContent td.pageNav1 a:visited { color: #fff; text-decoration: underline; }
#centerContent td.pageNav1 a:hover, #centerContent td.pageNav1 a:active { color: #f99; }
#centerContent td.pageNav2 { text-align: right; color: #fff; background: #c00; border: none; height: 16px; }
#centerContent td.pageNav2 a:link, #centerContent td.pageNav2 a:visited { color: #fff; text-decoration: underline; }
#centerContent td.pageNav2 a:hover, #centerContent td.pageNav2 a:active { color: #f99; }
#centerContent .alertDescription a:link { color: #000; }
#centerContent .alertDescription a:hover { color: #c00; }

#contentDescription table td { padding: 10px; }

/* CHECK OUT STUFF
============================================================================= */
#checkoutSection { margin-bottom: 25px; border-collapse: collapse; width: 760px; }

#centerCheckout { top: 0; margin: 0 auto; text-align: left; width: 760px !important; min-height: 200px; }
#centerCheckout a { font-weight: bold; }
#centerCheckout table { border-collapse: collapse; width: 760px; } 
#centerCheckout caption { font: bold 15px/20px "Trebuchet MS", Verdana, sans; text-transform: uppercase; vertical-align: middle; text-align: left; color: #fff; background: url(../themes/global_head2.gif) repeat-x 0% 0%; width: 760px; height: 20px; }
#centerCheckout th { padding: 0 10px; border: none; text-align: left; font: bold 10px/12px Verdana, sans; }
#centerCheckout td { padding: 0 10px; border: none; text-align: left; vertical-align: top; }
#centerCheckout td h1 { padding: 0 0 10px 0; border: none; text-align: left; }

#selectPhoneInfo { width: 400px; }
#selectPhoneInfo table { padding: 3px; border-collapse: collapse; width: 400px; }

/* ENTER PASS / CONFIRM ORDER
============================================================================= */
#enterPass { width: 760px; margin: 0 auto; padding: 0; }
#enterPass h2 { margin: 10px 0 0 0; padding: 2px; }
#enterPass h3 { text-transform: uppercase; margin: 0 0 5px 0; }
#enterPass h4 { margin: 0 0 10px 0; }
#enterPass p { margin: 10px 0 0 0; padding: 5px; }

#enterPassLeft { float: left; width: 225px; }
#enterPassRight { float: left; width:530px; }

/* BODY CONTENT
============================================================================= */
#headerfeat { margin: 0 0 10px 0; }

#breadcrumb { width: 475px; height: 20px; background: #fff; }
#breadcrumb p { color: #666; vertical-align: middle; }
#breadcrumb p a:link, #breadcrumb p a:visited; { color: #333; }
#breadcrumb p a:hover, #breadcrumb p a:active; { color: #c00; }
#breadcrumb p span { color: #666; font-weight: bold; }

#defaultTone { width: 475px; }
#defaultTone th { padding: 2px; height: 29px; }
#defaultTone td { padding: 2px; height: 29px; border-left: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; }
#defaultTone td img { text-align: center; }
#defaultTone td a.artist { font-weight: bold; text-align: left; }

#contentList table { margin: 0 0 10px 0; }
#contentList td { padding: 2px; }
#contentList td img { text-align: center; }
#contentList caption { font: bold 15px/20px "Trebuchet MS", Verdana, sans; text-transform: uppercase; vertical-align: middle; text-align: left; color: #fff; background: url(../themes/global_head.gif) no-repeat 0% 0%; width: 475px; height: 20px; }
#contentList caption a:link, #contentList caption a:visited { color: #fff; }
#contentList caption a:hover, #contentList caption a:active { color: #ccc; }
#contentList .light { background-color: #f9f9f9; }
#contentList .dark { background-color: #fff; }
#contentList td.pageNav1 { text-align: right; color: #fff; background: #c00; border: none; height: 16px; }
#contentList td.pageNav1 a:link, #contentList td.pageNav1 a:visited { color: #fff; text-decoration: underline; }
#contentList td.pageNav1 a:hover, #contentList td.pageNav1 a:active { color: #f99; }
#contentList td.pageNav2 { text-align: right; color: #fff; background: #c00; border: none; height: 16px; }
#contentList td.pageNav2 a:link, #contentList td.pageNav2 a:visited { color: #fff; text-decoration: underline; }
#contentList td.pageNav2 a:hover, #contentList td.pageNav2 a:active { color: #f99; }

/* wallpaper default top 5 styles */
#defaultGraphic { width: 475px; }
#defaultGraphic td { vertical-align: top; text-align: center; padding: 2px; border-left: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; }
#defaultGraphic td img { width: 70px; height: 70px; text-align: center; }

/* informational stuff */
#info { width: 475px; }
#info th { padding: 2px; border: none; text-align: center; font: 11px/11px Verdana, sans; color: #c00; }
#info td { vertical-align: top; text-align: left; padding: 0 10px 10px 10px; border: none; }
#info td td { padding: 0; }
#info p { margin: 2px 0 5px 0; }
#info td.white { background: #fff; text-align: center; width: 235px; }
#info td.alert, #info td p.alert { color: #f00; margin: 5px 0 5px 0; }

#phoneimage { padding: 0 10px 0 0; }

/* compatibility chart */
#compatibility { width: 475px; }
#compatibility table { border-collapse: separate; border-spacing: 0; border: 0; empty-cells: show; width: 475px; border-left: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; margin-bottom: 10px; text-align: center; }
#compatibility th { padding: 2px; font: bold 10px/10px Verdana, sans; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; }
#compatibility td { padding: 2px; font: normal 10px/12px Verdana, sans; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; }
#compatibility td.h4 { color: #f00; text-align: left; }
#compatibility td.phoneModel { text-align: left; }

/* FAQ's */
/* ================================================================== */
#faq { width: 760px; }
#faq table { border-collapse: collapse; width: 760px; }
#faq td { padding: 2px; text-align: left; padding: 0 10px 10px 10px; }
#faq td.h1, #faq td a.h1 { font: bold 15px/20px "Trebuchet MS", Verdana, sans; text-transform: uppercase; }
#faq td.h2, #faq td a.h2 { font: bold 15px/15px "Trebuchet MS", sans; margin: 10px 0 0 0; display: block; }
#faq td.h3 b { font-weight: normal; }
#faq td.btext, #faq tr.btext {font: 10px/12px Verdana, sans; }
#faq td a.btext, #faq tr a.btext {font: 10px/12px Verdana, sans; }
#faq td.bselect { font: bold 10px/12px Verdana, sans; color: #000; background: #c00; }
#faq td a.link { }
#faq tr.btext p { display: none; }
#faq td span.h1 { font: bold 14px/18px "Trebuchet MS", Verdana, sans; text-transform: uppercase; }
#faq td span.h2 { font: bold 10px/12px Verdana, sans; color: #999; font-style: oblique; }
#faq td span.btext, #faq tr.btext { }
#faq td span.bselect { font: bold 10px/12px Verdana, sans; background: #c00; }

/* Right Nav */
/* ================================================================== */
#account { width: 150px; color: #333; }
#account p { vertical-align: top; }
#account p input { width: 110px; }
#account p input.go { width: 20px; height: 17px; }
#account h1 { font: bold 11px/11px Verdana, sans; color: #333; }
#account h2 { font: bold 10px/12px Verdana, sans; margin: 0 1px 4px 1px; color: #333; }
#account h2 a:link, #account h2 a:visited { }
#account h2 a:hover, #account h2 a:active { }

#cart p { width: 150px; text-align: center; }
#cart p iframe { width: 150px; height: 150px; }

#promo { width: 145px; margin: 10px 0 10px 2px; vertical-align: top; }

/* Footer */
/* ================================================================== */
#footer p { font: 10px/13px Verdana, sans; color: #999; background: #666; padding: 2px; text-align: center; width:756px; }
#footer p a:link, #footer p a:visited { color: #fff; }
#footer p a:hover, #footer p a:active { color: #999; }

/* LIST's
============================================================================= */
/* account info buttons */
#helpNav ul { position: absolute; width: 150px; list-style: none; }
#helpNav li { width: 150px; height: 25px; margin: 2px 0 0 0; list-style: none; }
#helpNav a { display: list-item; padding: 25px 0 0 0; overflow: hidden; height: 0 !important; height /**/:25px; /* for IE5/Win */ }
#helpNav a:hover { background-position: 0 -25px; }

#joinMob a { background: url(../themes/signup_btn.gif) top left no-repeat; }

#takeTour a { background: url(../themes/takeTour_btn.gif) top left no-repeat; }

/* PSMS
==============================================================================*/
#psmsBox { margin: 0 3px; padding: 1px; border: 1px dashed #c00; width: 114px; }
#psmsBox p { margin: 1px; padding: 2px; }
#psmsBox p input { width: 100px; }
#psmsBox h2 { margin: 1px; padding: 2px; }
#psmsBox p.alert { font: 10px/12px verdana, helvetica, sans; margin: 1px; padding: 2px; color: #c00; }

/* ALERTS
============================================================================= */
.mobAlerts { margin: 0 0 5px 0; padding: 2px; background: #fff; }
.alertAnimation { float: left; margin-right: 5px; }
.clearLeft { clear: left; height: 0; display: block; border: 0; background: transparent; }
.alertDescription { float:left; width: 90px; height: 135px; margin-right: 10px; }