/* -----------------------------------------------

	Name: MOBIFUNBOOK

	Author: Karlo Andrei R. Aguilar

	Version: 2.0 Valid CSS

------------------------------------------------- */



@import url("colors.css");

@import url("table.css");

@import url("secret.css");

@import url("top-modules.css"); 

@import url("top-cart-total.css"); 



* {margin:0;padding:0;}

* :focus { outline: 0; }



body {

	margin: 0px auto; 

	padding: 0px;

	font-family: "Segoe UI", Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #13191E;

	background-color: #255775;

	width:980px;

}

th{text-align:left;}

a img {border:0;}

#top-bar {

	height: 52px;

	background-image: url(/images/top_bar_bg.gif);

	background-repeat: repeat-x;

}

#top-bar h1 a{

	background: url(/images/logo.gif) no-repeat;

	width:175px;

	display:block;

	height:52px;

	float: left;

}

#top-bar h1 a span {display:none;}

#top-info {

	float: left;

	width: 80%;

	color: #222;

	height:22px;

	line-height:22px;

	margin-left: 5px;

}

#top-info .top-links {

	float: right;

	color: #CCCCCC;

}

#top-info .top-links a.quickstart{

	padding: 0px 5px;

	color:yellow;

	text-decoration:none;

	display:inline-block;

	margin:0;

	background:#222;

}

#top-info .top-links a{

	padding: 0px 5px;

	color:#222;

	text-decoration:none;

	display:inline-block;

	margin:0;

}

#top-info .top-links a:hover{

	background:#ddd;

	color: #000;

}

#mainmenu {

	float: left;

	width: 720px;

	background-color: #222222;

	height: 31px;

	margin-left: 5px;

	color: #FFFFFF;

}

#mainmenu ul li {

	margin: 0px;

	padding: 0px;

	list-style-type: none;	

	display:block;

	float:left;

	height:15px;

	padding:7px 0;

	_padding:5px 0;

}

#mainmenu ul li a{

	font-family:"Century Gothic", Arial, Helvetica, sans-serif;

	text-transform:uppercase;

	color:#ccc;

	text-decoration:none;

	padding:7px 14px;

}

#mainmenu ul li a:hover{

	color:#fff;

	padding:7px 14px;

	background: #111 url(/images/menu_hover_bg.gif) no-repeat bottom right;

}

#mainmenu ul li a.active{

	color:#fff;

	padding:7px 14px;

	background: #111 url(/images/menu_hover_bg.gif) no-repeat bottom right;

}

#mainmenu ul li a.adult{

	color:#fff;

	background: purple url(/images/menu_hover_bg.gif) no-repeat bottom right;

}

#mainmenu ul li a.adult:hover{

	color:#fff;

	background: purple url(/images/menu_hover_bg.gif) no-repeat bottom right;

}

#filter-container{border-top:5px solid #000;}

#filter {

	padding-top:7px;

	width:100%;

	float:left;

	color: #999999;

	padding-right: 2px;

	padding-left: 2px;

	padding-bottom:0px;

}

#filter strong{font-size:12px; font-weight:normal; color:#000}

#filter  form {margin:0;padding:0;}



#filter .search{

	margin-right:5px;

	float:left;

}

#filter .filter-search{

	color:#000;

	margin-right:5px;

	float:left;

	padding:2px;

	text-transform:uppercase;

	font-weight:bold;

}

#filter select{

	border:1px solid #BCCEFA;

	width:100px;

	float:left;

}

.filter-input{

	border:1px solid #BCCEFA;

	width:130px;

	height:20px;

	float:left;

}

.filter-btn{

	width:60px;

	float:left;

}

#filter .filter-text{

	font-size:1px;

	margin-bottom:3px;

}



#filter .btn{

	border: ridge;

	background-color: #999;

	margin-bottom: 10px;

	position: absolute;

	cursor: pointer;

	padding: 0 2px;

	top: 58px;

	font-weight: bold;

	color: #333;

}

#filter .btn:hover{

	background-color: #666;

	color: #999;

}

#sidebar {

	width: 100px;

	_width:85px;

	float: left;

	z-index: 100;

	visibility: visible;

	position: absolute;

	background:#111111;

}

#sidebar ul li {

	margin: 0px;

	padding: 0px;

	list-style-type: none;

	border-bottom:1px solid #333;

}

#sidebar ul li a{

	color:#fff;

	text-decoration:none;

	display: block;

	font-size: 11px;

	padding-top: 5px;

	padding-bottom: 5px;

	padding-left: 10px;

	padding-right: 10px;

}

#sidebar ul li a:hover{

	padding: 5px 10px;

	color:#fff;

	background:#222;

}

#sidebar ul li a.active{

	padding: 5px 10px;

	color:#222;

	background:#fff;

	text-decoration:none;

	display: block;

	font-size: 11px;

	font-weight: bold;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #333333;

}

#contents {

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 0;

}

#right-column {

	display:inline-block;

	width: 200px;

	float: right;

	z-index: 8;

	visibility: visible;

	right:0px;

	padding-bottom: 20px;

}





/*ADS*/

.overview-index {

	background: url(/images/front_items_bg.gif) center bottom repeat-x;

	float: right;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #eee;

	padding:15px 10px 20px 10px;

	width:550px;

}

.overview-index .main-title {font-size:16px;font-weight:bold;text-transform:uppercase;margin-bottom:5px;color:#333;}

.overview-index img {width:48px;height:48px;float:left;margin:2px;border:1px solid #d7d7d7;}

#overview, .overview {

	background-position: center bottom;

	background-color: #FFFFFF;

	float: right;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #666666;

	padding-right: 5px;

	padding-bottom: 5px;

	padding-left: 5px;

	width: 670px;

	_width:690px;

	_padding-right: 2px;

	_padding-bottom: 2px;

	_padding-left: 2px;

}

#pagination {

	margin-left: 5px;

	padding: 5px;

	margin-bottom: 5px;

	margin-right: 15px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #CCCCCC;

}

#bottom-pagination {

	margin-top: 10px;

	margin-left: 5px;

	margin-bottom: 10px;

	margin-right: 15px;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #CCCCCC;

	padding-right: 5px;

	padding-bottom: 10px;

	padding-left: 5px;

}

#contents #overview #pagination ul, #contents #overview #bottom-pagination ul{

	float:right;

}

#contents #overview #pagination ul li, #contents #overview #bottom-pagination ul li {

	list-style-type: none;

	margin: 0px;

	padding: 0px;

	display: inline;

}

#contents #overview #pagination ul li a{

	display: block;

	text-decoration: none;

	color: #000000;

	background-color: #d8d4c2;

	padding-right: 6px;

	padding-bottom: 2px;

	padding-left: 6px;

	border: 1px solid #cccccc;

	border-bottom:none;

	font-weight: normal;

	margin-right: 1px;

	margin-left: 1px;

	float: left;

	margin-top: 1px;

	font-size: 11px;

	padding-top: 3px;

}

#contents #overview #bottom-pagination ul li a{

	display: block;

	text-decoration: none;

	color: #000000;

	background-color: #d8d4c2;

	padding-right: 6px;

	padding-bottom: 2px;

	padding-left: 6px;

	border: 1px solid #cccccc;

	border-top:none;

	font-weight: normal;

	margin-right: 1px;

	margin-left: 1px;

	float: left;

	font-size: 11px;

	padding-top: 2px;

}

#contents #overview #pagination ul li a.selected{

	display: inline-block;

	text-decoration: none;

	color: #000000;

	background-color: #fff;

	padding-right: 12px;

	padding-bottom: 4px;

	padding-left: 12px;

	padding-top: 2px;

	border-top-width: 1px;

	border-right-width: 1px;

	border-left-width: 1px;

	border-top-style: solid;

	border-right-style: solid;

	border-left-style: solid;

	border-top-color: #cccccc;

	border-right-color: #cccccc;

	border-left-color: #cccccc;

	border-bottom-color: #cccccc;

	font-weight: bold;

	margin-right: 1px;

	margin-left: 1px;

}

#contents #overview #bottom-pagination ul li a.selected{

	display: inline-block;

	text-decoration: none;

	color: #000000;

	background-color: #fff;

	padding-right: 12px;

	padding-left: 12px;

	padding-bottom:3px;

	border: 1px solid #ccc;

	border-top:none;

	font-weight: bold;

	margin-right: 1px;

	margin-left: 1px;

	margin-top:-1px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

}





#overview .overview-list {

	width: 88px;

	height: 155px;

	float: left;

	margin: 8px 10px;


	padding:1px;

}
#overview .overview-list a img{
	width:88px;
	height:118px;
	margin:0;
}

#overview .overview-list img {

	width: 98px;

}

#overview .overview-list .checkbox {

	float: right;

	z-index: 2;

	visibility: inherit;

	display: block;

	position: absolute;

	margin-left: 82px;

	margin-top: 5px;

	padding: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

}

#overview .overview-list .item-title {

	font-size: 11px;

	padding-top: 2px;

	padding-bottom: 2px;

	cursor:pointer;

}

#overview .overview-list .item-title  img{

	width:14px;

	height:14px;

	vertical-align:middle;

}

.ad_720x90 {

	width:720px;

	height:90px;

	background:#ccc;

	margin-top: 10px;

	margin-left: 10px;

}

.clear {

	clear: both;

}

#footer {

	font-family:Verdana;

	font-size:10px;

	text-align:center;

	margin-bottom: 20px;

	clear: both;

	background-color: #131313;

	color:#ccc;

	padding: 10px;

}

#footer a{

	font-family:Verdana;

	font-size:10px;

	color: #ccc;

	text-decoration: none;

}

#footer a:hover{

	color: #666;

	text-decoration: none;

}

#rsvErrors {

	display: none;

	padding: 8px;

	background-color: #ffffcc;

	border: 1px solid #aa0000;

	line-height: 16px;

	margin-bottom: 12px;

	font-size: 11px;

	font-family: Verdana,Arial;

	margin:auto;

	margin-bottom: 10px;

	margin-right: 40px;

}



.errorField{

	background-color: #FFFFCC;

	color: #333;

}



.item-title a{

	text-decoration: none;

	color: #333;

	font-weight: bold;

}



.item-title a:hover{

	text-decoration: underline;

	color: #000;

}



.buttons{

	float:left;

	margin-right: 5px;	

}



.buttons input{

	background-color: #222;

	color: #999;

	padding: 5px;

	font-weight: bold;

	cursor: pointer;

	background: #131313; 

	margin:0;

	border:0; 

	color:#FFF; 

	font-family:Verdana; 

	font-size:10px;

	border-top:1px solid #F0F0F0;

}



.buttons input:hover{

	background: #F0F0F0;

	color: #000;

}



.remove-img{

	cursor: pointer;

}



.center{

	text-align: center;

}



.input input{

	width: 200px;

}



.input-btn, .contact-btn{

	padding: 2px;

	margin-top: 10px;

}

.view-cart{float:right;}



#search-container{width:100%; height:35px; background:#709d30;}

.total-item{

	width:220px; 

	height:22px; 

	background:#E6E6E6; 

	border:1px solid #B9B9B9; 

	font-size:12px; 

	font-weight:bold; 

	line-height:25px; 

	text-align:center; 

	margin-top:10px;

	float:left;

}

/*-- CART --*/

.cart-item-container{width:105px; float:left; margin-right:15px;}

.inside-cart{font-family:Arial; font-size:12px; font-weight:bold; margin-bottom:2px; padding-bottom:3px;}

.cart-item{font-family:Verdana; font-size:9px; width:28px; font-weight:bold;}

.cart-item-container ul{margin:0; list-style:none; border-bottom:1px solid #CCCCCC; padding-bottom:2px; margin-bottom:5px;}



/*LIGHTBOX CSS*/

.item-image{padding:7px; }

.item-rating-lightbox {width:31px;}

.item-rating-lightbox  img{width:78px; height:13px; margin-bottom:6px; margin-left:6px;}

.item-name-lightbox   {color:#fff; margin:5px 6px; background:#F302EB; padding:3px;}

.item-artist-lightbox   {margin: 6px;}

.item-category-lightbox   {margin: 6px;}

.item-content-lightbox   {border:2px solid #F302EB; margin: 6px; margin-top: -6px; padding: 5px; font-size: 16px;}

/*KARLO ADDED CSS*/

.add-to-cart{-moz-opacity: 0.7; opacity:0.7;filter:alpha(opacity=70);font-size:10px; line-height:15px; font-family:Verdana; color:#000;width:105px; //width:110px; height:68px; background:#F0F0F0; border:1px solid #DBDBDB; padding:8px; position:relative;position:fixed;margin-left:630px;z-index:50; }

.add-to-cart:hover{color:#1D96B8;-moz-opacity: 1.0;opacity:1.0;filter:alpha(opacity=100);}

.add-to-cart a{color:#000; text-decoration:none; //margin-left:9px;}

.add-to-cart a:hover{color:#1D96B8; text-decoration:none;}

.add-to-cart .txt-item{margin-bottom:5px; border-bottom:1px solid #DBDBDB; padding-bottom:3px; cursor:pointer;}

.add-to-cart img {vertical-align:middle; //margin:0; //padding:0; margin-right:2px; //margin-right:-4px;}

input#add-to-cart {font-size:10px; line-height:15px; font-family:Verdana; color:#000;border:0; cursor:pointer;background:none;}

input#add-to-cart:hover {color:#1D96B8;}

input#check-all {font-size:10px; line-height:15px; font-family:Verdana; color:#000;border:0; cursor:pointer;background:none;}

input#check-all:hover {color:#1D96B8;}



#signup, #help, #contact, #terms, #about, #policy  {padding:30px;}

#help {background:#fff;}

#help p, #about p{border-bottom:1px dashed #ccc; padding:8px;}

#help p:hover, #about p:hover{background:#EFEFEF;}

#help a, #about a{color:#666; text-decoration:none;}

#help a:hover,#about a:hover{color:#000; text-decoration:none;}

#help h2 a, #about h2 a, #policy h2 a{color:#666; text-decoration:none;}

#help h2 a:hover, #about h2 a:hover, #policy h2 a:hover{color:#000; text-decoration:none;}

#help blockquote,#about blockquote{background:#F302EB; padding:10px; color:#fff;}

#help .link-contact,#about .link-contact{color:#fff}







#overview .overview-list  .item-rating {width:49px;}

#overview .overview-list  .item-rating  img{width:49px;height:8px;}



#login {padding:0 50px 50px 50px;  background: #aeb0b1 url(/images/top_bar_bg.gif) top center repeat-x;}

#login-logo {background: url(/images/logo.gif) top center no-repeat; height:52px;margin-bottom:30px;}  

#login .label {font-size:15px;font-weight:bold;}

#login input#username, #login input#password  {font-size:16px;padding:5px;width:210px;color:#fe02f5;}

#login .input-btn   {font-size:16px;padding:5px;width:220px;font-weight:bold;}



/*MAIN-PAGE*/

#front-left-column {width:570px;background:white;float:left;}

#front-join {height:248px;background:url(/images/front_join_bg.jpg);}

#front-join  .count-all {font-size:20px;text-align:center;font-family:arial;font-weight:bold;color:#fff;margin-left:160px;}

#front-join  .count-all .count-numbers {font-size:90px;margin:0;padding:0;}

#front-join  .count-all .counting  {font-size:32px;margin:0;padding:0;}

#front-join  .count-all a#become-partner {text-indent:-9999px;width:250px;height:50px;display:block;margin:10px auto 0 auto; }



#front-right-column {width:410px;background:black;float:left;}

#front-right-column #guide {padding:30px 20px;color:#535353;}

#front-right-column #guide .subhead{color:#fff;font-size:20px;}

#front-right-column #guide .manual{width:130px;float:right;margin-left:20px;}



/*NEWS*/

#front-right-column #block-news {background:#131313;height:200px;}

#front-right-column #block-ringtones {background:#f302eb;height:367px;padding:20px;}

#covertones-panel, #fulltracks-panel {height:280px;padding:4px;width:168px;float:left}

#covertones-list, #fulltracks-list  { background:#fff;padding:4px;width:168px;float:left}



#covertones-list .covertone-title, #fulltracks-list .fulltracks-title  {font-weight:bold;color:#000;padding:10px 0; border-bottom:1px solid #c6c6c6;}

#covertones-list .covertone-artist, #fulltracks-list .fulltracks-artist {font-weight:normal;color:#8a8a8a; margin-bottom:5px;padding-bottom:5px;}





#block-ringtones h3{font-size:22px; margin-bottom: 10px; width:176px;}



.overview-index a.more {width:72px;height:19px;background:url(/images/btn_more.gif);float:right;display:block;text-indent:-9999px;margin-right:10px;}

.overview-index a.more:hover {background:url(/images/btn_more_hover.gif);}

a.right-read-more {padding:3px 8px;float:right;display:block;margin:8px; color:#ccc; text-decoration:none;}

a.right-read-more:hover{padding:3px 8px;float:right;display:block;margin:8px; color:#222; text-decoration:none;}



#covertones-list  a.play-now, #fulltracks-list  a.play-now{background:url(/images/btn_play.gif) no-repeat;padding:0;width:23px;height:23px;display:block;float:right;margin-right:5px;cursor:pointer;}

#covertones-list  a.play-now:hover, #fulltracks-list  a.play-now:hover{background:url(/images/btn_play_hover.gif);}



#preview_covertones{position: absolute; top: 500px;}



/*CART*/

#overview-cart{background:#fff; padding:0 5px; font-family:Verdana;}

#cart-list-item{background:#fff; padding:0 5px; font-family:Verdana; font-size:10px; height:540px; overflow:auto;}

#cart-list-item td{border-bottom:1px solid #F0F0F0; padding:0 5px; font-family:Verdana; font-size:10px;}

#cart-list-item a{color:#000; text-decoration:none;font-weight:bold; padding:5px;}

#cart-list-item a:hover{color:#F504ED; text-decoration:none; background:black;}

#overview-cart table tr.cart-hover:hover{background:#F0F0F0; color:#020202;}

#overview-cart table td{padding:5px;}

table tr.cart-title th{text-align:left; font-size:10px; font-weight:bold; height:30px; padding:5px; background:#020202; color:#fff;}

form.download-bottom{background:#f0f0f0;}

.cart-total-items{

	float:right;

	background-color: #222;

	color: #999;

	padding: 7px;

	font-weight: bold;

	background: #131313; 

	margin:0;

	border:0; 

	color:#FFF; 

	font-family:Verdana; 

	font-size:10px;

	border-top:1px solid #F0F0F0;

}



.no-items{padding: 20px; padding-top: 160px; font-size: 25px; height: 250px; text-align: center;}

.no-items p{padding: 20px 0;}

.no-items p img{cursor: pointer;}



/*-- FULL TRACKS --*/

#overview .overview-full-tracks-list input.checkbox {

	float: right;

	z-index: 2;

	visibility: inherit;

	margin-top: 2px;

	padding: 0px;

	margin-right: 2px;

	margin-bottom: 0px;

}

#overview .overview-full-tracks-list {

	width: 209px;

	height: 74px;

	float: left;

	margin: 4px 6px;

	border:1px solid #ccc;

	background:url(../images/fulltracks-bg-normal.gif) no-repeat;

}

#overview .overview-full-tracks-list:hover, #overview .overview-full-tracks-list.sfhover{

	background:url(../images/fulltracks-bg.gif) no-repeat;

}

#overview .overview-full-tracks-list img {

}

#overview .overview-full-tracks-list .fulltrack-title {

	margin-left:55px;

	margin-top:10px;

	font-weight:bold;

}

#overview .overview-full-tracks-list span.fulltrack-artist {

	font-weight:normal;

	font-size:11px;

	color:#666;

}

#overview .overview-full-tracks-list .fulltracks-play-btn{width:30px; height:30px; background:none; margin-left:11px; margin-top:12px; float:left; cursor:pointer;}

#overview .overview-full-tracks-list .item-rating img{margin-left:15px;}



/*-- PAYMENT- Donniecar --*/

#payment-container{

	padding:10px 10px 10px 30px;	

}

#payment-container input, #payment-container select{

	border:1px solid #CCC;

	height:18px;

	padding:3px;

}

#payment-container select{

	border:1px solid #CCC;

	height:22px;

	padding:2px;

}

#payment-container .input-btn{

	border:1px solid #CCC;

	height:30px;

	padding:5px;

	cursor:pointer;

	font-weight:bold;

}

#payment-container .input-btn:hover{

	background:#F209F8;

	color:#FFF;

}

#payment-container strong{

	font-size:14px;

}

#payment-container .payment-leftcol{

	width:250px;

	float:left;

}

#payment-container.payment-rightcol{

	width:250px;

	float:left;

}



input#payment-btn {

	background:url(/images/submit.gif);

	width:139px;

	height:48px;

	text-indent:-9999px;

	display:block;

	margin:10px 0;padding:0;

	border:none;

	cursor:pointer;

}

input#payment-btn:hover {

	background:url(/images/submit_hover.gif);

	}



/*-- ADULT- Donniecar --*/

#verify-page{

	Background:#000;

}

#verify-page .verify-text{	

	width:650px;

	padding:80px 10px;

	margin:0 auto;

	text-align:center;

	font-size:16px;

	color:#FFF;

}

#verify-page .verify-text span{	

	font-size:42px;

	font-weight:bold;

	color:#800080;

}

#verify-page .verify-text p{

	font-size:26px;

	font-weight:bold;

	color:#FFF;

}

#verify-page form{

	margin-top:20px;

}

#verify-page input{

	margin-right:30px;

	padding:5px 10px;

	font-weight:bold;

	font-size:30px;

	cursor:pointer;

	border:1px solid #4F004F;

}

#verify-page input:hover{

	background:#800080;

	color:#FFF;

}

#subscription{

	margin-top:5px;

}

.subscription-button{

	cursor:pointer;

	background:url(../images/subscribe-button.jpg);

	width:76px;

	height:19px;

	padding-top:1px;

	border:0px;

}

.subscription-input{

	color:#999999;

	font-size:12px;

	width:150px;

}