body {

	margin: 0px;

	padding: 0px;

	margin-left: 0px;

	margin-top: 7em;

	margin-right: 0px;

	margin-bottom: 0px;

	}

	



	

#menu {	

	padding-left:15px;

	background-image: url(../images/menu-bg.jpg);

	background-repeat: repeat-y;

	font-weight:bold;

	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; 

	font-size:12px; color: #333333; }

	

#menu a:link {text-decoration: none; color : #333333;}   

#menu a:visited {  text-decoration: none; color : #333333;  }

#menu a:hover {  text-decoration: none; color : #429E52; }

	

	

	

	

#footer {

	background-position:center;

	background-image: url(../images/footer-bg.jpg);

	background-repeat: no-repeat;

	}





#inner-tb{

	border: solid 1px #6F7F8C;

 	background-color:#FFFFFF;

	margin-top:4px;

	margin-bottom:2px;

 	padding: 4px ;

}	



#inner-tb .one-td {

	background:#5E6F7B;

	border-bottom: solid 1px #FFF;

	padding-top:3px;

	padding-bottom:3px;

}



#inner-tb .two-td {

	background:#F1F3F7;

	border-bottom: solid 1px #FFF;

	padding-top:6px;

	padding-bottom:6px;

}







#tb{

	border-left: solid 1px #CFD9DF;

	border-right: solid 1px #CFD9DF;

  	border-bottom: solid 1px #CFD9DF;

  	border-top: solid 1px #CFD9DF;

	padding-top:2px;

	padding-bottom:2px;

  }

 





}



#frame img {

	background-color:#5E6F7B;

	border: 1px solid #D8DFE4;

	padding: 3px ;

	margin-top: 5px;

	margin-left: 0px;

	margin-right: 0px;

		

}





#inn-frame img {

	background-color:#FFFFFF;

	border: 1px solid #9B9B9B;

	padding: 3px ;

	margin-top: 0px;

	margin-left: 0px;

	margin-right: 0px;

		

}







/* NAV-MAIN

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

#nav-main {

	line-height: 16px;

    z-index: 100;

	text-align:right

	top: 91px; 

	left: 0; 

	width: 590px; 

	}

#nav-main ul {

	margin: 0;

	padding: 0;

	list-style: none;

	height: 1px;

	}

#nav-main ul li {

	position: relative;

	float: left;

	margin: 0;

	padding-right:47px;

	}

#nav-main ul li a {

	display: block;

	height: 19px;

	text-indent: -10000px;

	text-decoration: none; 

	

	}

#nav-link-home { background: url(../images/home.jpg) left top no-repeat; width: 31px; }

#nav-link-adetone { background: url(../images/about-detone.jpg) left top no-repeat; width: 70px; }

#nav-link-artist { background: url(../images/artist.jpg) left top no-repeat; width: 75px; }

#nav-link-news { background: url(../images/news.jpg) left top no-repeat; width: 75px; }

#nav-link-dmusic { background: url(../images/detone-music.jpg) left top no-repeat; width: 99px; }





/* hover state */

#nav-main ul li.hover a,

#nav-main ul li:hover a,

#nav-main ul li a.hover, 

#nav-main ul li a:hover {

	background-position: 0 -19px;

	}

#nav-main ul li a.active,

#nav-main ul li a.active.hover, 

#nav-main ul li a.active:hover {

	background-position: 0 -38px;

	}

#nav-main ul li ul {

	display: none;

	height: auto;

	width: 140px;

	position: absolute;

	z-index: 200;

	background: url(../images/bg-main-drop.png) left bottom no-repeat; /* reset in iepc.css */

	padding-bottom: 5px;

	margin-top: 0px;

	}

#nav-main ul li.hover ul,

#nav-main ul li:hover ul {

	display: block;

	}

#nav-main ul li ul li {

	float: none;

	width: 135px;

	margin: 0;

	padding: 0; 

	font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;

	font-size: 11px; 

	background: url(../images/bg-main-drop-line.gif) left bottom no-repeat; 

	}

#nav-main ul li ul li.last-child {

	background-image: none; 

	}

#nav-main ul li ul li a {

	position: relative;

	left: 10;

	height: auto;

	text-indent: 0;	

	padding: 3px; 

	color: #525151; 

	}

#nav-main ul li ul li a.hover, 

#nav-main ul li ul li a:hover {

	color: #F2A102; 

		}

/* Solutions Dropdown */









/*-----Invite roll over-----------------------------------------------------------------------*/



a.click {

          display: block;  

          width: 75px;   

          height: 21px;  

          background: url("../images/click-button.jpg") 0 0 no-repeat; 

          text-decoration: none;  

      }       

      a:hover.click {  

          background-position: -75px 00; 

      }



/*-----Invite login roll over-----------------------------------------------------------------------*/







	#mainmenu {

		padding:0;

		width:241px;

		height:177px;

		margin:0px 0px 0px 0px;

	}



	#mainmenu li {float:left;

	list-style: none;}



	#mainmenu li a {

		display:block;

		width:241px;

		height:57px;

		float:left;

		padding:0;

		text-indent: -9999px;

		text-decoration: none;

		border: none !important;

	}



	#mainmenu li.m01 a, #mainmenu li.m01 {background:url(../images/browse-design.gif) no-repeat 0 0;}



	#mainmenu li.m02 a, #mainmenu li.m02 {background:url(../images/vote.gif) no-repeat 0 0;}



	#mainmenu li.m03 a, #mainmenu li.m03 {background:url(../images/win-prize.gif) no-repeat 0 0;}



	#mainmenu li a:hover {background-position:0 50%;}



	#mainmenu li.active a, #mainmenu li.active a:hover, #mainmenu li.active {background-position:0 100%;}

	

	



/*-----Index roll over-----------------------------------------------------------------------*/





#indexmenu {

		padding:0;

		width:273px;

		height:122px;

		margin:0px 0px 0px 0px;

	}



	#indexmenu li {float:left;

	list-style: none;}



	#indexmenu li a {

		display:block;

		width:273px;

		height:40px;

		float:left;

		padding:0;

		text-indent: -9999px;

		text-decoration: none;

		border: none !important;

	}



	#indexmenu li.m1 a, #indexmenu li.m1 {background:url(../images/detone-pro.jpg) no-repeat 0 0;}



	#indexmenu li.m2 a, #indexmenu li.m2 {background:url(../images/streaming-music.jpg) no-repeat 0 0;}



	#indexmenu li.m3 a, #indexmenu li.m3 {background:url(../images/detone-live.jpg) no-repeat 0 0;}

	

	#indexmenu li.m4 a, #indexmenu li.m4 {background:url(../images/artist-login.jpg) no-repeat 0 0;}

	

	#indexmenu li.m5 a, #indexmenu li.m5 {background:url(../images/contact-us.jpg) no-repeat 0 0;}



	#indexmenu li a:hover {background-position:0 50%;}



	#indexmenu li.active a, #indexmenu li.active a:hover, #indexmenu li.active {background-position:100%;}



/*-----End Index roll over-----------------------------------------------------------------------*/









ul#ccvmenu {

	position: relative;

	margin: 0px 0px 0px 0px;

	height: 29px; width: 100%;

	background: url("../images/ccv-button.jpg") no-repeat;

	}



	ul#ccvmenu li {

		float: left;

		list-style: none;

		}

	

	ul#ccvmenu li a {

		position: absolute;

		text-indent: -9999px;

		text-decoration: none;

		border: none !important;

		top: 0px; height: 29px;

		}



		ul#ccvmenu li#cd a { 

			left: 0; width: 111px;

			background: url("../images/ccv-button.jpg") 0px 0px no-repeat;

			}

		ul#ccvmenu li#cass a { 

			left: 111px; width: 147px; 

			background: url("../images/ccv-button.jpg") -111px 0 no-repeat;

			}

		ul#ccvmenu li#cart a { 

			left: 258px; width: 143px; 

			background: url("../images/ccv-button.jpg") -258px 0 no-repeat;

			}

			

				

			

ul#ccvmenu li#cd a:hover  		{ background-position:   0px -29px; }

ul#ccvmenu li#cass a:hover   	{ background-position: -111px -29px; }

ul#ccvmenu li#cart a:hover     { background-position: -258px -29px; }





ul#ccvmenu li#cd a.active      { background-position: 	  0px -58px; }

ul#ccvmenu li#artist a.active  { background-position: -111px -58px; }

ul#ccvmenu li#cart a.active    { background-position: -258px -58px; }







.field { 

 width: 241px;

 height: 30px;

 margin: 0 0 0 0;

 background: #fff url('../images/search.jpg') no-repeat 0 0;

}





.field input {

 font-size: 11px;

 font-family: Verdana, Arial, Helvetica, sans-serif;

 color:#898787;

 border: 0px solid #fff;

 float: left;

 background: url('../images/search-bg.jpg') no-repeat 0 0;

 margin: 6px 0 0 5px;

 padding-left:10px;

}



.login-box{

	font-size: 10px;

    font-family: Verdana, Arial, Helvetica, sans-serif;

	color:#666666;

	border: 1px solid #BDBDBE;

	height: 13px;

	width: 140px;

	vertical-align:middle;

	margin:1px;

	}





.text-boxfield {

 font-size: 11px;

 font-family: Verdana, Arial, Helvetica, sans-serif;

 color:#898787;

 border: 0px solid #fff;

 float: left;

 margin: 6px 0 0 5px;

 padding-left:10px;

}

	

.login-text{

  font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;

	font-size: 12px;

	font-weight: none; 

	color: #000000;

	}

	

.headtext{

    font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;

	font-size: 21px;

	font-weight: none; 

	color: #FC8C00;

	}

	

.note2{

    font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;

	font-size: 10px;

	font-weight: none; 

	color: #067513;

	}

	

.text1{

    font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: none; 

	color: #2E2E2E;

	align:justify;

	}



.text2{

    font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;

	font-size: 12px;

	font-weight: none; 

	color: #EE6515;

	}



.text3{

    font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;

	font-size: 11px;

	font-weight: bold; 

	color: #FFFFFF;

	}





.song-text{

    font-family:'Trebuchet MS', Verdana, Arial, Sans-Serif;

	font-size: 12px;

	font-weight: bold; 

	color: #F8E757;

	}

	

.song-text2{

    font-family:'Trebuchet MS', Verdana, Arial, Sans-Serif;

	font-size: 12px;

	font-weight: bold; 

	color: #FFFFFF;

	}	

/* link for detone store css*/

.song-text-link {font-family:'Trebuchet MS', Verdana, Arial, Sans-Serif; font-size: 12px; font-weight: bold; color: #FF6600; }
.song-text-link a:link {text-decoration:none; color:#FF6600;}
.song-text-link a:visited {text-decoration:none; color:#FF6600;}
.song-text-link a:hover {text-decoration:underline; color:#FF6600;}

.song-text-link2 {font-family:'Trebuchet MS', Verdana, Arial, Sans-Serif; font-size: 12px; font-weight: bold; color: #FFFFFF; }
.song-text-link2 a:link {text-decoration:none; color:#FFFFFF;}
.song-text-link2 a:visited {text-decoration:none; color:#FFFFFF;}
.song-text-link2 a:hover {text-decoration:underline; color:#FFFFFF;}


/* Solutions Dropdown */







.testmonials-text{

  font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;font-weight:none; color:#B70000;}





.ind-head{

  font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;

	font-size: 16px;

	font-weight:bold; 

	color:#000000;}

	

.inpage-head{

  font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;

  font-size: 20px;

  font-weight:none; 

  padding-top:30px;

  color:#067513;}

	

	

.head{

  font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;

  font-size: 18px;

  font-weight:none; 

  color:#000000;

  }	



.footer-text{

  font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;

  font-size:11px;	

  color: #767676;	

  font-weight: none;	

  } 



.bott-link{font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif; font-size:11px;	color: #434343;	font-weight: bold;	} 

.bott-link a:link {text-decoration: none; color : #434343; }  

.bott-link a:visited {  text-decoration: none; color : #434343; }  

.bott-link a:hover {  text-decoration: none; color : #262525; }



.top-link{font-family:  'Trebuchet MS', Verdana, Arial, Sans-Serif; font-size:12px;	color: #525151;	font-weight: bold;	} 

.top-link a:link {text-decoration: none; color : #525151; }  

.top-link a:visited {  text-decoration: none; color : #525151; }  

.top-link a:hover {  text-decoration: none; color : #F4AE04; }









.text-link{font-family:  Verdana, Arial, Helvetica, sans-serif; font-size:9px; color: #C9E2F3; font-weight: none;	} 

.text-link a:link {text-decoration: none; color : #C9E2F3; }  

.text-link a:visited {text-decoration: none; color : #C9E2F3; }  

.text-link a:hover {text-decoration: none; color : #A8D9FA; }



.song-link{font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif; font-size:12px;	color: #FFFFFF;	font-weight: bold;	} 

.song-link a:link {text-decoration: underline; color : #FFFFFF; }  

.song-link a:visited {  text-decoration: underline; color : #FFFFFF; }  

.song-link a:hover {  text-decoration: none; color : #FFE25C; }



.intext-link{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px;	color: #FCAE51;	font-weight: none;	} 

.intext-link a:link {text-decoration: underline; color : #FCAE51; }  

.intext-link a:visited {  text-decoration: underline; color : #FCAE51; }  

.intext-link a:hover {  text-decoration: underline; color : #000000; }





.intext-link2{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px;	color: #4F5D68;	font-weight: none;	} 

.intext-link2 a:link {text-decoration: underline; color : #4F5D68; }  

.intext-link2 a:visited {  text-decoration: underline; color : #4F5D68; }  

.intext-link2 a:hover {  text-decoration: underline; color : #000000; }





.replayer-link{font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif; font-size:12px; color: #000000; font-weight: bold;	} 

.replayer a:link {text-decoration: underline; color : #000000; }  

.replayer a:visited {  text-decoration: underline; color : #000000; }  

.replayer a:hover {  text-decoration: underline; color : #FFE25C; }





.mail-link{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px;	color: #B70000;	font-weight: none;	} 

.mail-link a:link {text-decoration: underline; color : #B70000; }  

.mail-link a:visited {  text-decoration: none; color : #B70000; }  

.mail-link a:hover {  text-decoration: none; color : #D30202; }



.in_heading {

	font-family: 'Trebuchet MS', Arial, Verdana, sans-serif; 

	font-size:16px; 

	font-style:italic; 

	font-weight:bold; 

	text-decoration:none; 

	color:#000000;

	vertical-align:middle;

	line-height:30px;

}



.live-links {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:11px;

	color:#000000;

	text-decoration: underline;

}

.live-links:hover {color:#FF0000; text-decoration:none;}

.box-left-shadow {background-position: top; background-image:url(../images/box-left.jpg); background-repeat:repeat-y;}
.box-right-shadow {background-position: top; background-image:url(../images/box-right.jpg); background-repeat:repeat-y;}
.box-mid{ background-position:center; background-image: url(../images/box-mid.jpg); background-repeat: repeat-x;}