sFi* {
    margin:0;
    padding:0;
  }

/* basic elements */


body {
    /* This is for background color change*/
    background-color: #b4fd65;
    /* This is for background image change*/
    background-image: url('/images/bg_desktop.jpg');
    background-repeat: repeat-x;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    font-size:10px;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    /* This is for font color change*/
    color: #000000;
  }

/*
a {
    color : white;
    font-weight : bold;
    text-decoration : none;
  }*/
strong {
	font-weight: bold;
}

.price {
	/*font-size:130%;*/
	font-size:16px;
	font-weight:bold;
}

#termsprice
{
	font-size : 14px;
}


.submitbutton
{
	width:131px;
	height:43px;
	background: #7BBE3F;
	font-size:16px;
	font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #ffffff;
    position:realtive;
    left:0px;
}
.contimg {
    padding-left : 10px;
    padding-right : 10px;
    font-size:10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
  }

#err404 {
    margin-top:30px;
    margin-right: auto;
    margin-bottom:5px;
    margin-left: auto;
    padding:20px;
    width:400px;
    text-align:left;
    background-color: #000000;
    border:2px solid #4A0000;
    overflow: auto hidden;
  }
/*Main container values*/
#container {
    margin-top:3px;
    margin-right: auto;
    margin-bottom:5px;
    margin-left: auto;
    padding:0px;
    width:969px;
    text-align:left;
    background-color: #ffffff;
    border:0px solid #4A0000;
    overflow: auto hidden;
  }


#pageheader {
    clear: both;
    width: 969px;
    padding-bottom: 0px;
  }


#logo {
    clear:both;
    float : left;
    width: 232px;
    height: 233px;
    text-align: center;
  }


#headerright {
    float : left;
    width: 737px;
    height: 233px;
  }


#topbar {
    width: 737px;
    height: 25px;
  }


#topad {
    clear:both;
    width: 737px;
    height: 85px;
    float: left;
    margin-top:14px;
    border:0px;
    display: inline;
  }


#navbar {
    clear:both;
    width: 737px;
    height: 35px;
    padding-top:15px;
    overflow: auto hidden;
  }


#headbot {
    /*clear:both;*/
    width: 737px;
    height: 50px;
  }


#pagemain {
    clear:both;
    width: 969px;
  }


#featured {
    clear:both;
    float: left;
    width: 669px;
  }


#about {
    clear:both;
    float: left;
    width: 669px;
  }


#aboutxtbox {
    float : left;
    height : 140px;
    margin : 15px;
    text-align : center;
   	position:relative;
    z-index:0;
/*    padding : 10px;
    width : 615px; */
  }


.aboutwhite {
    color: white;
  }


.aboutblack {
    margin-left: 1px;
    margin-top: 1px;
    color: black;
  }


#fsubtitle2 {
    clear:both;
    float: left;
    background-color: #BCBBBA;
    width: 669px;
    height: 25px;
    line-height:25px;
    /* This is for subtitle background image change*/
    background-image: url(../images/sub_grad.jpg);
	background-repeat: repeat-x;
  }

#fsubtitle {
    clear:both;
    float: left;
    background-color: #BCBBBA;
    width: 659px;
    height: 25px;
    line-height:25px;
    /* This is for subtitle background image change*/
    background-image: url(../images/sub_grad.jpg);
	background-repeat: repeat-x;
  }

.ftable {
    float: left;
    width: 50%;
    margin-bottom: 5px;
    background-color: #DFDFDE
  }


.fartist {
    margin-left: 20px;
    margin-top: 5px;
    clear: both;
    width: 300px;
    height: 60px;
    background-color: #333333;
    padding-bottom: 10px;
  }


.fimg {
    margin: 7px;
    float: left;
    clear: both;
    width: 60px;
    height: 60px;
    text-align: center;
  }


.fname {
    margin: 10px;
    float: left;
    height: 30px;
    line-height:30px;
    vertical-align: middle;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: medium;
  }


.navitem {
    float:left;
    margin-right:5px;
    width:115px;
    height:25px;
    border:1px solid #990000;
    background-color: black;
    line-height:25px;
    vertical-align: middle;
    color: orange;
    text-align: center;
    text-transform: uppercase;
  }
/* Button Image styles and Layer Texts
added by Rafael*/

.not_available
{
	align:center;
}
A:link {color:#7D7979; font-family: verdana; font-size: 10px; text-decoration: none;}
A:visited {color:#7D7979; font-family: verdana; font-size: 10px; text-decoration: none;}
A:active {font-family: verdana; font-size: 10px; text-decoration: none}
A:hover {font-family: verdana; font-size: 10px; text-decoration: none; color: green;}


#navitbl A:link {color:#ffffff; font-family: verdana; font-size: 12px; text-decoration: none;}
#navitbl A:visited {color:#ffffff; font-family: verdana; font-size: 12px; text-decoration: none;}
#navitbl A:active {font-family: verdana; font-size: 12px; text-decoration: none}
#navitbl A:hover {font-family: verdana; font-size: 12px; text-decoration: none; color: white;}

.navi A:link {color:#ffffff; font-family: verdana; font-size: 12px; text-decoration: none;}
.navi A:visited {color:#ffffff; font-family: verdana; font-size: 12px; text-decoration: none;}
.navi A:active {font-family: verdana; font-size: 12px; text-decoration: none}
.navi A:hover {font-family: verdana; font-size: 12px; text-decoration: none; color: white;}

#navidroptbl A:link {color:#7D7979; font-family: verdana; font-size: 12px; text-decoration: none;}
#navidroptbl A:visited {color:#7D7979; font-family: verdana; font-size: 12px; text-decoration: none;}
#navidroptbl A:active {font-family: verdana; font-size: 12px; text-decoration: none}
#navidroptbl A:hover {font-family: verdana; font-size: 12px; text-decoration: none; color: green;}


.cuadrant A:link {color:#ffffff; font-family: verdana; font-size: 12px; text-decoration: none;}
.cuadrant A:visited {color:#ffffff; font-family: verdana; font-size: 12px; text-decoration: none;}
.cuadrant A:active {font-family: verdana; font-size: 12px; text-decoration: none}
.cuadrant A:hover {font-family: verdana; font-size: 12px; text-decoration: none;}

.linkpic:link
{
	 text-decoration: none;
}

/* adding header table background*/
.headerTableBkg
{
	background-image: url('/images/bg_header.jpg');
	background-repeat: repeat-x;
}
.inicioBtn
{
	background-image: url('/images/button_menu_02.gif');
	width: 60px;
	height: 26px;
	text-align: center;
}
.sonidosBtn
{
	background-image: url('/images/button_menu_02.gif');
	width:80px;
	height:26px;
	text-align: center;
}
.imagenesBtn
{
	background-image: url('/images/button_menu_02.gif');
	width:80px;
	height:26px;
	text-align: center;
}
.temasBtn
{
	background-image: url('/images/button_menu_02.gif');
	width:65px;
	height:26px;
	text-align: center;
}
.videosBtn
{
	background-image: url('/images/button_menu_02.gif');
	width:60px;
	height:26px;
	text-align: center;
}
.juegosBtn
{
	background-image: url('/images/button_menu_02.gif');
	width:98px;
	height:26px;
	text-align: center;
}
.textoBtn
{
	background-image: url('/images/button_menu_02.gif');
	width:50px;
	height:26px;
	text-align: center;
}
.otraBtn
{
	background-image: url('/images/button_menu_02.gif');
	width:50px;
	height:26px;
	text-align: center;
}
.clubBtn
{
	background-image: url('/images/button_menu_02.gif');
	width: 40px;
	height: 26px;
	text-align: center;
}


/*Input Text*/
.inputSearch
{
	border: 6px solid #928F8F;
	font-size: 10px;
	width: 103px;
}
.clubinputSearch
{
	border: 6px solid #928F8F;
	font-size: 10px;
	width: 63px;
}
/*submit button*/
.submitbtn
{
	background-image: url('/images/submit.gif');
	height:25px;
	width:70px;
	border:1px solid;
	border-color:#7E7D7D
	color:#FFFFFF;
	font:bold 100% "Verdana";

}


.submitbtnsubsmenu
{
	background-image: url('/images/submit.gif');
	height:25px;
	width:290px;
	border:1px solid;
	border-color:#7E7D7D
	color:#FFFFFF;
	font:bold 100% "Verdana";

}


.submitbtnSubs
{
	background-image: url('/images/submit.gif');
	height:25px;
	width:100px;
	border:1px solid;
	border-color:#7E7D7D
	color:#FFFFFF;
	font:bold 100% "Verdana";

}
.submitbtnSubsGreenBoxOK
{
	background-image: url('/images/submit.gif');
	height:15px;
	width:50px;
	border:1px solid;
	border-color:#7E7D7D
	color:#FFFFFF;
	font:bold 60% "Verdana";

}
.submitbtnSubsGreenBoxNotMbr
{
	background-image: url('/images/submit.gif');
	height:15px;
	width:105px;
	border:1px solid;
	border-color:#7E7D7D
	color:#FFFFFF;
	font:bold 60% "Verdana";

}

.submitbtnSubsPin
{
	background-image: url('/images/submit.gif');
	height:25px;
	width:150px;
	border:1px solid;
	border-color:#7E7D7D
	color:#FFFFFF;
	font:bold 100% "Verdana";

}
.tdMundoCoolPlay
{
	background-image: url('/images/mundo_cool/mc_button.gif');
	width:93px;
	height:13px;
	text-align: center;
}
.tdMundoCoolFaq
{
	background-image: url('/images/mundo_cool/mc_button2.gif');
	width:130px;
	height:13px;
	text-align: center;
}
.tdMundoCoolDoes
{
	background-image: url('/images/mundo_cool/mc_button.gif');
	width:93px;
	height:13px;
	text-align: center;
}
/*Flags Images*/
.imgflag
{
	/*width:30px;*/
	height:28px;
	border:1px solid #8F8E8D;
	margin-right: 6px

}
.operatorflag
{
	/*width:45px;*/
	height:28px;
	border:1px solid #8F8E8D;
	margin-right: 5px

}

/*Operator Text*/
.operatortext
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: black;
	position: relative;
	top: 11px;
	left: 6px;
}
.phonePic
{
	width:30px;
	height:50px;
	border:0px solid #4A0000;
	margin-left: 50px

}
.phonePicSelected
{
	/*width:61px;
	height:101px;*/
	border:0px solid #4A0000;
	margin-left: 0px

}
.manufacPic
{
	width:30px;
	height:50px;
	border:0px solid #4A0000;
	margin-left: 50px

}

/*operator Images*/
.imgoperator
{
	width:27px;
	height:25px;
	border:0px solid #4A0000;


}
.imgNoborder
{
	 border-style: none;
}


/*Both logos image*/
.imgbothlogos
{
	width:248px;
	height:41px;
	border:0px solid #4A0000;
	margin-left:480px;

}

.imghdrclub
{
	/*width:248px;
	height:41px;*/
	border:0px solid #4A0000;
	margin-left:440px;
	padding-top: 7px;

}


.flags {
    float:right;
    width:35px;
    height:25px;
    text-align: center;
    padding-top:5px;
    margin-right:10px;
  }


.divInstructions
{
	font-size:14px;
}

#content {
    float:left;
    width:669px;
  }


#ordercontainer {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-right: 15px;
    text-align: center;
  }


.opreview {
    float: left;
    width: 200px;
    text-align: right;
    padding-right: 20px;
  }

.jokes {
    float: right;
    width: 200px;
    text-align: right;
    padding-right: 100px;
  }
.love
{
    float: right;
    text-align: right;
    padding-right: 0px;
 }
.oinfo {
    float: left;
    width: 300px;
    text-align: left;
    padding-left: 10px;
  }


#sidecontent {
    float:left;
    clear:both;
  }


#sider {
    float:left;
    width: 299px:;
    background: #DFDFDE;
  }



#subsmenusider {
    float:left;
    width: 150px:;
    background: #DFDFDE;
  }


.subtitle {
    clear:both;
    float: left;
    background-color: #8F8E8D;
    width: 658px;
    height: 25px;
    line-height:25px;/*To move text in the content titles*/
    vertical-align: middle;
    /* This is for subtitle background image change*/
    background-image: url(../images/sub_grad.jpg);
    background-repeat: repeat-x;
    z-index:1000;
  }

.subtitleSignUp {
    clear:both;
    float: left;
    background-color: #8F8E8D;
    width: 970px;
    height: 25px;
    line-height:25px;/*To move text in the content titles*/
    vertical-align: middle;
    /* This is for subtitle background image change*/
    background-image: url(../images/sub_grad.jpg);
    background-repeat: repeat-x;
    z-index:1000;
  }

  .navBarText {
  	color: #FFFFFF

  }


.subtext {
    font-weight: bold;
    padding-left: 15px;
    font-size: small;
    text-left: right;
    text-transform: uppercase;
    vertical-align: middle;
    z-index:1000;
  }

.divsubtext {
    font-weight: bold;
    padding-left: 15px;
    font-size: small;
    text-left: right;
    text-transform: uppercase;
    vertical-align: middle;
    width: 659px;
    height: 25px;
      float: left;
  }


.catname {
    font-weight: bold;
    padding-right: 15px;
    font-size: small;
    text-align: right;
    text-transform: uppercase;
    vertical-align: middle;
  }


.contentitems {
    clear:both;
    width: 653px;
    padding-top: 10px;
    margin-left: 5px;
    background-color: #DFDFDE
    
    /* border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #4A0000;
    */
}

.contentitemsLatestDown {
    clear:both;
    width: 648px;
    height: 193px;
    padding-top: 10px;
    margin-left: 5px;
    background-color: #DFDFDE
    /* border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #4A0000;
    */
}

.signUpscreen {
    clear:both;
    width: 958px;
    padding-top: 10px;
    margin-left: 5px;
    background-color: #DFDFDE
    margin-top: -30px;
    /* border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #4A0000;
    */
}


.mtcontentitems {
    position:relative;
    float: left;
    width: 320px;/*300*/
    margin-left: 5px;
    background-color: #DFDFDE
  }


.mttbl {
    align : center;
    width : 326px;/*100%*/
  }


.relartists {
    position:relative;
    float: left;
    font-size: small;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px;
  }


#sidead {
    float: left;
    width: 300px;
    height: 250px;
    text-align: justify;
  }

#insidesidead
{
    float: left;
    width: 300px;
    height: 250px;
    text-align: justify;
 }

#pagefooter {
    clear:both;
    /*float: left;
    */width: 969px;
    line-height:25px;
    height:25px;
    background-color: #80D132
  }


#categories, #artists {
    width: 140px;
    padding:10px;
  }


#ordered {
    text-align: center;
    font-size : 14px;
    padding:20px;
  }

/* forms elements */
/*
#sm_form {
	text-align:center;
}
*/
select {
    margin-top:5px;
    background-color : #FF6600;
    font-size : 11px;
    color: white;
    padding-left: 5px;
    width: 90px;
    border: 1px dotted #990000;
  }


option {
    margin-top:5px;
    padding-left: 5px;
    overflow: auto hidden;
  }

.selectAdminSubsGndr
{
    margin-top:5px;
    background-color : #FF6600;
    font-size : 11px;
    color: white;
    padding-left: 5px;
    width: 50px;
    border: 1px dotted #990000;
  }


.selectDropDown {
    margin-top:0px;
    background-color : #FF6600;
    font-size : 11px;
    color: white;
    padding-left: 5px;
    width: 110px;
    border: 1px dotted #990000;
    position: relative;
    top:0px;
  }

.selectList {
    margin-top:2px;
    background-color : #FF6600;
    font-size : 11px;
    color: white;
    padding-left: 5px;
    width: 110px;
    height:85px;
    border: 1px dotted #990000;
  }

.selectCategories {
    margin-top:2px;
    background-color : #FF6600;
    font-size : 11px;
    color: white;
    padding-left: 5px;
    width: 280px;
    height:200px;
    border: 1px dotted #990000;
  }


#sm_msisdn, #text_pin {
    margin-top:5px;
    background-color: #4A0000;
    border: 1px dotted #990000;
    font-size : 11px;
    color: white;
    padding-left: 5px;
    width: 110px;
}

#agree {
    margin-top:5px;
    background-color: #4A0000;
    border: 1px dotted #990000;
    font-size : 11px;
    color: white;
    padding-left: 5px;
}

.submit {
    background-color : #4A0000;
    font-size : 11px;
    font-weight: bold;
    color: white;
    padding-left: 5px;
    width: 250px;
    height: auto;
    border: 1px solid #990000;
    margin-top: 5px;
  }


/* common classes */

.p_link_item {
    text-align:center;
  }


.catsub {
    font-size : 14px;
    font-weight : bold;
    text-transform : uppercase;
  }


.footertxt {
    font-size : 10px;
    font-weight : bold;
    text-align: center;
  }


.paging {
    /* border-right-color : #4A0000;
    border-right-style : solid;
    border-right-width : 1px;
    */ clear : both;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 14px;
    line-height : 30px;
    padding-top : 10px;
    text-align : center;
    vertical-align : middle;
  }


.error {
    background-color : #0033FF;
    border-color : #ffffff;
    border-style : dotted;
    color : #ffffff;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 16px;
    height : auto;
    line-height : auto;
    padding-bottom : 10px;
    padding-left : 20px;
    padding-right : 20px;
    padding-top : 10px;
    vertical-align : middle;
    width : 590px;
  }


.morelink {
    clear: both;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: right;
    padding-right:10px;
  }


.horizontal {/*space between the content divs*/
    clear: both;
    height:3px;
    /* This is for background tile color change*/
    background-color:#ffffff;
  }


.vertical {
    float: left;
    background-color : #4a0000;
    padding-bottom : 10px;
    padding-top : 10px;
    width : 2px;
    height: 100%;
    overflow: auto hidden;
  }


.suppq, .suppa, .p_list_link {
    margin-top:20px;
    font-size: 14px;
  }


hr, .pline {
    border-top-color : #4A0000;
    border-top-style : dashed;
    border-top-width : 1px;
    border-left-width : 0px;
    border-right-width : 0px;
    border-bottom-width : 0px;
    margin-bottom : 5px;
    margin-top : 5px;
    width : 80%;
  }

#hremotxt
{

}

.terms {
    font-size : 12px;
  }

/*drop shadow text */

.jointxt {
   color: white;
   text-align: left;
   font-size: 16px;
}

#abouttxt {
    position : relative;
    margin : auto;
    padding : 12px;
    text-align: left;
    color: white;
  }

/* absolutely position the shadow text Xpx from upper left, depending on shadow depth */



#abouttxt .atxt {
    position : absolute;
    font-size : 16px;
    color : #000;
    top : -1px;
    left : -1px;
  }

/* absolutely position the top text -Xpx from the shadow text, match the px size */



#abouttxt .atxt span {
    position : absolute;
    color : #FFF;
    top : 1px;
    left : 1px;
  }

/*
  this offset text is accessible yet hidden when styles are supported to help the
  replicated shadow text make more sense to non-CSS and screen reader users. For
  ethical SEO reasons, whatever the hidden statment is should be available on
  the same page somewhere else. Try to make it read well as this is important.
*/



#abouttxt .atxt span.offset {
    position : absolute;
    visibility: hidden;
  }

/*
  this goes in an If IE conditional comment. IE, including IE7, screws up padding and
  affects the text width and position so this will probably be needed.
*/



#cds {
    width : 30em;
  }

/* End dropshadow */

/* another drop shadow */


.shadow {
    position:relative;
    display:block;
    color:#000;
  }


.shadow span {
    position:absolute;
    display:block;
    top:0px;
  }


.shadow:before {
    display:block;
    padding:1px;
    color:#FFF;
  }

.pinmgmt {
    border: solid 1px #990000;
    width: 300px;
    height:120px;
    text-align: left;
    margin-left: 100px;
    padding:20px;
}

.notetext {

    font-size:1.1em;/*was 11px*/
    font-family: Arial,Verdana,Helvetica,sans-serif;
    /* This is for font color change*/
    color: #000000;
  }

  .cuadrant1 {
    position:relative;
    float: left;
    width: 150px;/*300*/


  }

.cuadrant2 {
    position:relative;
    float: left;
    width: 150px;/*300*/
    margin-left: -2px;

  }
  .cuadrant3 {
    position:relative;
    float: left;
    width: 150px;/*300*/

  }
  .cuadrant4 {
    position:relative;
    float: left;
    width: 150px;/*300*/
    margin-left: -2px;

  }

  .signuptbl
  {
    margin-top: -24px;


  }

.inputMsisdn
{
	border: 1px solid #928F8F;
	font-size: 10px;
	width: 150px;
}

/*DOWNLOADS TABLE CSS*/

#downtable
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 10px;
	background: #fff;
	margin: 0px;
	width: 630px;
	border-collapse: collapse;
	text-align: left;
}
#downtable th
{
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	padding: 10px 8px;
	border: 1px solid #DFDFDE; /*6678b1*/
}
#downtable td
{
	color: #000000;
	padding: 9px 8px 0px 8px;
	border: 1px solid #DFDFDE;
	
}