/* Default CSS Stylesheet for a new Web Application project */
.showView   { display:block; }
.hideView   { display:none; }
.selectedPage  { color: #039; font-weight:bold; text-decoration: none; }
.selectedTab  { color: #039; }

/* General Elements */
body { background: #FFF; margin: 0; font: 11px Tahoma, Arial, sans-serif; color: #000; }
html>body { font-size: small; }
button, input, select, textarea { color: #000; font: 11px Tahoma, Arial, sans-serif; }
img { border: 0; }
p, td { color: #000; font: 11px Tahoma, Arial, sans-serif; }
form { padding: 0; }
a:link, a:visited { color: #009; text-decoration: none; }
a:hover { color: #C00; text-decoration: underline; }
h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; }
h1 { color: #C00; font: bold 16px Tahoma, Arial, sans-serif; padding: 0; }
h3 { font: bold 16px Tahoma, Arial, sans-serif; }
 
/*--------- Header Menu -----------*/
/*--------- 1st level menu --------*/
#header { margin: 0; margin-left: auto; margin-right: auto; padding: 0; text-align: center; width: 650px; } /*660 to be edited*/
#header ul { margin: 0; padding: 0; list-style: none; height: 33px; }
#header li { float:left; margin:0; padding:0 1px 0 0; }
#header a { float:left; display:block; border: 1px outset #C00; border-top: 0; padding: 4px 3px 4px 5px; text-decoration: none;
    font: 12pt "Arial Black", Arial, Helvetica, sans-serif; color: #FFF; white-space:nowrap; }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#header a {float:none;}
/* End IE5-Mac hack */
#header a:hover { color: #0A1B69; border: 1px inset #C00; }

/*------- End of 1st level menu ----*/
/*--------- 2nd level menu --------*/
#browseNewsContent, #browseHelpContent, #browseMobileTones, #browseMobileGraphics, #browseMobileGames, #browseMobileVideos {
	margin: 0; margin-left: auto; margin-right: auto; padding: 0; text-align: center; }
#browseMobileTones { width: 400px; /* to be edited */ }
#browseMobileGraphics { width: 560px; /* to be edited*/ }
#browseMobileGames { width: 800px; /* 890 to be edited*/ }
#browseNewsContent { width: 370px; /* to be edited*/ }
#browseMobileVideos { width: 400px; /* to be edited*/ }
#browseHelpContent { width: 200px; }
#browseNewsContent ul, #browseHelpContent ul, #browseMobileTones ul, #browseMobileGraphics ul, #browseMobileGames ul, #browseMobileVideos ul {
  margin:0; padding:0; list-style:none; /*height: 27px;*/ }
#browseNewsContent li, #browseHelpContent li, #browseMobileTones li, #browseMobileGraphics li, #browseMobileGames li, #browseMobileVideos li {
  float:left; margin:0; padding:0 2px 0 0; }
#browseNewsContent a, #browseHelpContent a, #browseMobileTones a, #browseMobileGraphics a, #browseMobileGames a, #browseMobileVideos a {
  float:left; display:block; padding:0px 1px 0 2px;  /* top right bottom left*/ text-decoration: underline; /*  color: #C00;*/
  white-space:nowrap; font-size: xx-small; font-family: Tahoma, Arial, sans-serif; }
#browseMobileGames a { padding:0px 1px 0 0; font-size: 6.5pt; }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#browseNewsContent a, #browseHelpContent a, #browseMobileTones a, #browseMobileGraphics a, #browseMobileGames a, #browseMobileVideos a {
	float:none; }
/* End IE5-Mac hack */
#browseNewsContent a:hover, #browseHelpContent a:hover, #browseMobileTones a:hover, #browseMobileGraphics a:hover, #browseMobileGames a:hover, #browseMobileVideos a:hover {
   text-decoration: none; }

/* ----------------------------------------------------- */
/* Other Elements */
#topHeader { background: #FFF; margin: 0; padding: 0; }
#secondLevelHeader { background: #009 url(../images/bluebar.jpg) repeat; }
#footerLink { height: 28px; text-align: center; background: #009 url(../images/bluebar.jpg) repeat-x; padding-top: 8px; color: #FFF; }
#footerLink a { color: #FFF; font-weight: normal; text-decoration: none; }
#footerLink a:hover { color: #FFF; text-decoration: underline; }
#footer { background: #0A1B69; border-top: 2px solid #C00; clear: both; font-size: 11px; color: #FFF; text-align: center; padding: 9px; }
#footer a { color: #FFF; }
.sideNavHead { background: #0A1B69; color: #FFF; font-weight: bold; padding: 5px; }
.sideNavSubHead, a.sideNavSubHead, a.sideNavSubHead:visited { border-top: 1px solid #C00; background: #E9E5E6; color: #C00; font-weight: bold;
    padding: 2px; }
.style3 { font-family: Tahoma, Arial, sans-serif; font-size: 12px; font-variant: small-caps; font-weight: bold; }
.trHeader { height: 30px; padding-left: 2px; }
.title { color: #FFF; background-color: #0A1B69; clear: both; font-size: 11px; font-weight: bold; height: 20px; padding: 2px; }
a.title:link, a.title:visited { color: #FFF; font-weight: normal; text-decoration: none; }
a.title:hover, a.title:active { color: #C00; text-decoration: underline; }
.titleDarker { background-color: #0A1B69; }
.product { background-color: #FAFAFA; font-size: 11px; margin-top: 2px; height: 20px; padding-left: 2px; }
.alternate { background-color: #FFF; font-size: 11px; margin-top: 2px; height: 20px; padding-left: 2px; }
.outline { margin: 2px; padding: 5px; border: 1px solid #0A1B69; }
a.outline { margin: 2px; padding: 2px; border: 1px solid #0A1B69; }
a.outline:hover { padding: 2px; border: 1px solid #C00; }
.feed { font-family: Tahoma, Arial, sans-serif; color: #E80000; font-size: 16px; font-weight: bold; }
.topMenu { height: 100px; }
.topLink { padding-top:10px; padding-right: 5px; }
a.topLink, a.topLink:visited { color: #FFF; font-weight: normal; text-decoration: none; }
a.topLink:hover { color: #FFF; text-decoration: underline; }
.thumbnail { float: left; margin: 5px; padding: 5px; text-align: center; font-size:80%; font-weight: bold; color: #FFF; }
.contentBg { background: #FFF; }
.borderLine { border: 1px solid #CCC; }
.rowTop { background: #0A1B69; }
.rowSubTop { background: #E9E9E9; }
.rowHead { background: #0A1B69; font-weight: bold; }
.rowBottom { background: #0A1B69; }
.sideLeftMenu { width: 165px; }
.sideRightMenu { width: 150px; }
.sideRowTop { background: #E9E5E6; color: #069; padding: 4px; }
a.sideRowTop:link, a.sideRowTop:visited { color: #069; font-weight: bold; text-decoration: none; }
a.sideRowTop:hover, a.title:active { color: #C00; text-decoration: underline; }
a.basket:link, a.basket:visited { font: 8pt Tahoma, Arial, sans-serif; text-align: center; display: block; margin: 0px; padding: 1px;
   text-decoration: none; color: #40476C; width: 80px; background: #F8F8F8; border: 1px solid #444; }
a.basket:hover { color: #C00; border: 1px solid #C00; }
.rowBg { background: #FAFAFA; }
.numbering { color: #000; font: bold 18px Tahoma, Arial, sans-serif; width:50px; text-align: center; }
a.view:link, a.view:visited { font: 8pt Tahoma, Arial, sans-serif; display: inline; margin: 0px; padding: 2px; text-decoration: none;
   color: #000; width: 80px; text-align: center; background: #F8F8F8; border: 1px solid #0A1B69; }
a.view:hover { border: 1px solid #C00; }
a.alphabetfixed:link, a.alphabetfixed:visited, a.alphabetfixed:hover { color: #FFF; font: 13pt Tahoma, Arial, sans-serif; display: inline;
   margin: 0px; padding: 2px; background-color: #366AB3; border: 1px solid #FFF; }
a.button:link, a.button:visited { font: 8pt Tahoma, Arial, sans-serif; display: inline; margin: 0px; padding: 2px; text-decoration: none;
   color: #630; width: 150px; text-align: center; background-color: #EEE; border: 1px solid #CCC; }
a.button:hover  { color: #C00; border: 1px solid #C00; }
.introText { color: #C00; font-weight: bold; }
#fpmaintones, #fpmaingames, #fpmaingraphics, #fpmainvideos { border: 1px solid #666; border-top: none; clear: both; background: #C00;
    color: #FFF; padding-top: 0.5em; }
#foot, #real, #poly, #sfx, #talk, #footg, #game, #game2, #game3, #graphics1, #graphicsHot, #graphics2, #graphics3, #videoSport, #videoHot, #videoSport2 {
    padding: 0.2em; background: #FDFDFD; /* min-height: 300px; */ }
#ringtonesHeader, #gamesHeader, #graphicsHeader, #videoHeader { position: relative; width: 100%; height: 1em;
    width: 100%; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */ }
#ringtonesHeader ul#primary, #gamesHeader ul#primary, #graphicsHeader ul#primary, #videoHeader ul#primary { margin: 0; padding: 0;
    bottom: -1px; width: 100%; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */ }
#ringtonesHeader ul#primary li, #gamesHeader ul#primary li, #graphicsHeader ul#primary li, #videoHeader ul#primary li { display: inline;
    list-style: none; }
#ringtonesHeader ul#primary a, #ringtonesHeader ul#primary span, #ringtonesHeader ul#primary a.current, #gamesHeader ul#primary a, #gamesHeader ul#primary span, #gamesHeader ul#primary a.current, #graphicsHeader ul#primary a, #graphicsHeader ul#primary span, #graphicsHeader ul#primary a.current, #videoHeader ul#primary a, #videoHeader ul#primary span, #videoHeader ul#primary a.current { width: 7.5em; display: block;
    float: left; padding: 4px 0; margin: 1px 3px 0 0; text-align: center; font-family: tahoma, verdana, sans-serif; font-size: 85%;
    text-decoration: none; color: #333; }
#graphicsHeader ul#primary a, #graphicsHeader ul#primary span, #graphicsHeader ul#primary a.current { width: 6em; display: block;
    float: left; padding: 4px 0; margin: 1px 3px 0 0; text-align: center; font-family: tahoma, verdana, sans-serif; font-size: 85%;
    text-decoration: none; color: #333; }
#ringtonesHeader ul#primary span, #ringtonesHeader ul#primary a.current, #ringtonesHeader ul#primary a.current:hover, #gamesHeader ul#primary span, #gamesHeader ul#primary a.current, #gamesHeader ul#primary a.current:hover, #graphicsHeader ul#primary span, #graphicsHeader ul#primary a.current, #graphicsHeader ul#primary a.current:hover, #videoHeader ul#primary span, #videoHeader ul#primary a.current, #videoHeader ul#primary a.current:hover {
    border-top: 1px solid #666; border-left: 1px solid #666; border-right: 1px solid #666; background: #C00; padding-bottom: 6px; margin-top: 0; }
#ringtonesHeader ul#primary a, #gamesHeader ul#primary a, #graphicsHeader ul#primary a, #videoHeader ul#primary a { background: #BCB6B8;
    border-top: 1px solid #AAA; border-left: 1px solid #AAA; border-right: 1px solid #AAA; }
#ringtonesHeader ul#primary a:hover, #gamesHeader ul#primary a:hover, #graphicsHeader ul#primary a:hover, #videoHeader ul#primary a:hover {
    margin-top: 0; border-color: #666; background: #BCB6B8; padding-bottom: 5px; }
#ringtonesHeader ul#primary a.current, #gamesHeader ul#primary a.current, #graphicsHeader ul#primary a.current, #videoHeader ul#primary a.current {
    color: #FFF; }
    
/* --------------- columns ------------- */
.columnID { width:50px; /* bmh */ voice-family: "\"}\""; voice-family:inherit; width: 49px; }
.columnDateTime { width:120px; /* bmh */ voice-family: "\"}\""; voice-family:inherit; width: 119px; }
.columnType { width: 90px; /* bmh */ voice-family: "\"}\""; voice-family:inherit; width: 89px; text-align:center; }
.columnReDownload { width:150px; /* bmh */ voice-family: "\"}\""; voice-family:inherit; width: 149px; }
.columnPosition { width: 20px; /* bmh */ voice-family: "\"}\""; voice-family:inherit; width: 19px; text-align: center; color: #000; }
.columnCover { width:50px; /* bmh */ voice-family: "\"}\""; voice-family:inherit; width: 49px; }
.columnPurchase { width: 90px; /* bmh */ voice-family: "\"}\""; voice-family:inherit; width: 89px; text-align: center; }
.columnCredits { width: 50px; /* bmh */ voice-family: "\"}\""; voice-family:inherit; width: 49px; text-align: right; padding-right: 10px; }
.columnAdd { width:40px; /* bmh */ voice-family: "\"}\""; voice-family:inherit; width: 39px; text-align: center; }
.columnBuyNow { width:70px; /* bmh */ voice-family: "\"}\""; voice-family:inherit; width: 69px; text-align: center; }
.columnPreview   { width:40px; /* bmh */ voice-family: "\"}\""; voice-family:inherit; width: 39px; text-align: center; }
.columnArtist { width: 250px; /* bmh */ voice-family: "\"}\""; voice-family:inherit; width: 249px; }
.columnDuration { width:50px; /* bmh */ voice-family: "\"}\""; voice-family:inherit; width: 49px; padding-right:10px; text-align:right; }
.columnPoints { width:150px; /* bmh */ voice-family: "\"}\""; voice-family:inherit; width: 149px; text-align:center; }
.columnCategory { width: 100px; /* bmh */ voice-family: "\"}\""; voice-family:inherit; width: 99px; text-align:center; }
.columnPlusPoints { color: #F60; width: 10px; /* bmh */ voice-family: "\"}\""; voice-family:inherit; width: 9px; }
/*--------------------------*/

.shoppingBasket { background:url(../images/shoppingbasket.gif) no-repeat; background-position: 0 5px; }
.shoppingBasketFull { background:url(../images/shoppingbasketfull.gif) no-repeat; }
a.letter:link, a.letter:visited { font: 8pt Tahoma, Verdana, Arial; display: inline; margin: 0; margin-top: 1px; margin-bottom: 1px;
   padding: 2px; text-decoration: none; color: #366AB3; width: 3px; background-color: #EEE; border: 1px solid #CCC; }
a.letter:hover { background-color: #009; border: 1px solid #000; }
a.letterfixed:link, a.letterfixed:visited, a.letterfixed:hover { color: #009; font: 8pt Tahoma, Verdana, Arial; margin: 0; width: 3px;
   display: inline; padding: 2px; background-color: #EBE7E8; border: 1px solid #009; }
a.login:link, a.login:visited { font: 8pt Tahoma, Verdana, Arial; display: inline; margin: 0; margin-top: 1px; margin-bottom: 1px;
   padding: 2px; text-decoration: none; color: #366AB3; width: 50px; background-color: #EEE; border: 1px solid #CCC; }
a.login:hover { background-color: #009; border: 1px solid #366AB3; }
a.download:link { text-decoration: none; color: #009; }
a.download:active { cursor:wait; }
a.download:visited { color: #000; text-decoration:none; }
.tableBorder { border: 0; }
.yougetPlusPoints { color: #333; font-size:16px; text-align:right; padding-right: 73px; }

/*-------------------TEXT---------------*/
.errorText { color: Red; }
.redText { color: #000; }
.redTextLarge { color: #000; font-size: 16px; }
.blueText { color: #009; }
.greenText { color: #0C3; }
.textBuy { color: #009; }
.textBuyNow { color: #C00; font-style: italic; }
.textBuyNowLarge { color: #C00; font-style: italic; font-size: 16px; }
.headerTitle { color: #C00; font: bold 16px Tahoma, Arial, sans-serif; }
.subHeaderTitle, a.subHeaderTitle, a.subHeaderTitle:visited { color: #FFF; font: bold 12px Tahoma, Arial, sans-serif; }
.moreText { border-top: 2px solid #0A1B69; }
a.moreText, a.moreText:visited { color: #0A1B69; font-weight: normal; }
.textOr { font-weight: bold; font-size: 14px; color: #C00; }
.textPlusPoints { color: #000; font-weight: bold; }

/*------------table border------------*/
.productBorder  { border:1px solid #FAFAFA; }
.line   { background-color: #9CCACD; height: 4px; }

/*--Footer Links--*/
#networklinks h2 { /*background-color:#990000; background-image:url(../Images/footerH2-bg.jpg); background-repeat:repeat-x;*/
	background: url(../images/left.gif) repeat; color:#F0F0F0; font-family:Arial,Helvetica,sans-serif; font-size:14px; padding:5px; }
#networklinks h2 a { color:#FFFFFF; }
#networklinks h3 { color:#000000; font-size:11px; font-weight:bold; line-height:14px; margin-left:5px; }
#networklinks p { color:#000000; line-height:16px; padding:1px 5px; }
/*#networklinks a { color:#990000; text-decoration:none; }
#networklinks a:hover { text-decoration:underline; }*/