html{background-color:#333;margin:0 auto;font-family:Arial,Helvetica,sans-serif}
body{margin:0;color:#fff;background-color:#000}
footer{background:#333}
footer #footer_logo img{width:150px;margin:20px 15px}
.footer_nav_left{float:left;width:250px;margin:20px}
.footer_nav_right{float:left;width:250px;margin:20px}
footer #footer_logo{float:left;width:200px}
footer #nav_genres{width:800px;margin:20px auto}
audio{width:320px;height:56px}
.nav{width:100%;background:#4c74ba;margin-bottom:5px}
.nav_wrapper{max-width:1048px;margin:0 auto}
.nav_top{width:96%;margin:0 auto}
.main{max-width:1088px;margin:0 auto}
.colwrapper{max-width:96%;margin:0 auto}
#leftcol{width:620px;float:left}
#rightcol{width:360px;float:right}
#rightcol #wrapper_search_form{background:#333;padding-top:0;width:96%;margin:15px auto}
#rightcol #nav_genres{font-size:16px}
a{color:#9ad334}
.logo{overflow:hidden;background-color:#4c74ba;line-height:90px}
.logo a{float:left;display:block;color:#9ad334;padding:0 10px;font-weight:700;font-size:16px;text-decoration:none}
.logo a:hover{color:#dde62a}
.logo .icon{float:right;display:block;color:#9ad334;margin-top:15px;font-weight:700;font-size:16px;text-decoration:none;display:none}
.logo a:not(:first-child){display:block;float:right}
.logo a.icon{float:right;display:block}
.logo.responsive{position:relative}
.logo.responsive a:not(:first-child){line-height:60px}
.logo.responsive .icon{position:absolute;right:0;top:0}
.logo.responsive a{float:none;display:block;text-align:left;border-bottom:solid 2px;margin:0 auto}
.logo img{vertical-align:middle}
#topnav #ringtones_wrapper{border-radius:40px;background:#333;margin:10px}
#topnav #ringtones_wrapper_bottom{border-radius:40px;background:#333;margin:10px}
#topnav #ringtones{text-align:center}
#topnav #nav_genres{padding-bottom:0}
.banner_wrapper{margin:10px;min-height:250px}
.banner_wrapper_new{margin:10px;font-size:12px;display:block}
.banner_wrapper_top{margin:10px;font-size:12px;display:none}
#banner_top{text-align:center;margin:10px auto 5px;width:96%}
#banner_bottom{text-align:center;margin:10px auto 0;width:96%}
#matched_content{width:100%}
#banner_middle{text-align:center;margin:0 auto 15px;width:96%}
#banner_search{text-align:center;margin:0 auto 20px;width:96%}
#banner_player{text-align:center;margin:20px auto;width:96%}
#banner_genre{text-align:center;margin:10px auto}
#content_container{padding-top:0;padding-bottom:0;text-align:left;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:700;color:#9ad334;line-height:1.5em;padding-left:20px;margin:0 auto}
h1{font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:700;color:#9ad334;text-align:center;padding:0;margin:10px 0}
h2{font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:700;text-align:left;color:#9ad334;padding:0;margin:0}
h3{font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:700;color:#fff;text-align:center;padding:0;margin:0 0 15px}
.h3_green{color:#9ad334}
A.ringtones:link{font-family:Arial,Helvetica,sans-serif;color:#9ad334;font-size:14px;font-weight:700;text-decoration:none}
A.ringtones:active{font-family:Arial,Helvetica,sans-serif;color:#9ad334;font-size:14px;font-weight:700;text-decoration:none}
A.ringtones:visited{font-family:Arial,Helvetica,sans-serif;color:#9ad334;font-size:14px;font-weight:700;text-decoration:none}
A.ringtones:hover{font-family:Arial,Helvetica,sans-serif;color:#9ad334;font-size:14px;font-weight:700;text-decoration:none}
#gray_nav{margin-top:10px;width:100%}
#gray_nav .spacing{margin-left:15px}
#genres_nav .spacing{margin-left:15px}
#gray_nav a:link{font-family:Arial,Helvetica,sans-serif;color:#fff;font-size:14px;font-weight:700;text-decoration:none}
#gray_nav a:active{font-family:Arial,Helvetica,sans-serif;color:#fff;font-size:14px;font-weight:700;text-decoration:none}
#gray_nav a:visited{font-family:Arial,Helvetica,sans-serif;color:#fff;font-size:14px;font-weight:700;text-decoration:none}
#gray_nav a:hover{font-family:Arial,Helvetica,sans-serif;color:#9ad334;font-size:14px;font-weight:700;text-decoration:none}
#gray_nav .home{background-image:url(/images/mobile_bg_nav1.png);background-repeat:no-repeat;display:block;height:25px;margin-left:15px;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:700;color:#FFF;padding-top:8px}
#genres_nav .links{background-image:url(/images/mobile_bg_nav.png);background-repeat:no-repeat;display:block;height:26px;margin-left:15px;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:400;color:#FFF;padding-top:8px}
#genres_nav .wallpaperwrapper{text-align:center}
#genres_nav .wallpapers{width:185px;height:329px;margin:6px;float:left}
#genres_nav .wallpapers>a{float:left;width:100%;border:4px solid #CCC!important}
#genres_nav .wallpapers>a img{float:left;width:100%;height:100%}
#genres_nav .wallText{width:100%;margin:10px 0}
#wallpaper_container .wallpaperDetail{width:100%;float:left;text-align:center}
#wallpaper_container .wallpaperDetail img{max-width:90%;margin:3%;border:4px solid #CCC!important}
#wallpaper_container .ringtone_link{margin-left:15px;text-decoration:underline}
#genres_nav .bottom{display:block;height:26px;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:400;color:#FFF;padding-top:8px}
#download_container .ringtone_link{margin-left:15px;text-decoration:underline}
#genres_nav .download{display:block;margin-left:15px;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:400;color:#FFF;padding-top:8px}
#genres_nav .title{display:block;height:26px;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:700;color:#9ad334;padding-top:8px;margin-left:15px;background-image:url(/images/mobile_bg_nav_title.png);background-repeat:no-repeat}
#genres_title{background-image:url(/images/bg_nav_title.png);background-repeat:repeat-x;height:29px;padding-top:12px}
#genres_nav #genres_title .nav_title{font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:700;color:#9ad334;margin:0 0 0 14px;padding:0 10px}
#genres_nav .details{display:block;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:700;color:#9ad334;margin-left:15px;line-height:1.6em}
.genres_nav_bottom{display:block;height:20px;background-image:url(/images/mobile_bg_genres_nav_bottom.png);background-repeat:repeat-x}
#genres_nav .white_title_text{color:#FFF}
#genres_nav .white_title_text14{color:#FFF;font-weight:400}
#gray_nav .genres{background-image:url(/images/mobile_bg_nav2.png);background-repeat:no-repeat;display:block;height:25px;margin-left:15px;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:400;color:#FFF;padding-top:8px}
#genres_nav{margin-top:10px;width:100%}
#download_container{margin-top:10px;width:100%}
#wallpaper_container{margin-top:10px;width:100%}
.song_title{display:block;height:26px;font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:700;color:#9ad334;padding-top:8px;text-align:center}
.details{display:block;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:700;color:#9ad334;margin-left:15px;background-repeat:no-repeat;line-height:1.5em;text-decoration:none}
.details-nobg{display:block;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:700;color:#9ad334;padding-top:7px;padding-bottom:7px;margin-left:15px;line-height:1.5em;text-decoration:none}
.details-audio{display:block;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:700;color:#9ad334;margin:15px auto;line-height:1.5em;text-align:center;text-decoration:none}
.details-share{display:inline-block;margin-left:15px;vertical-align:top;margin-top:7px;margin-bottom:7px}
.song_title_white{font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:700;color:#fff}
.details_white_text{font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:400;color:#fff}
.details_white_link{color:#fff;line-height:1.5em}
#genres_nav a:link{font-family:Arial,Helvetica,sans-serif;color:#fff;font-size:16px;font-weight:400;text-decoration:none}
#genres_nav a:active{font-family:Arial,Helvetica,sans-serif;color:#fff;font-size:16px;font-weight:400;text-decoration:none}
#genres_nav a:visited{font-family:Arial,Helvetica,sans-serif;color:#fff;font-size:16px;font-weight:400;text-decoration:none}
#genres_nav a:hover{font-family:Arial,Helvetica,sans-serif;color:#9ad334;font-size:16px;font-weight:400;text-decoration:none}
a.fill-div{display:block;height:100%;width:100%;text-decoration:none}
#wrapper_search_form{margin:0 auto;width:96%;padding-top:10px}
#wrapper_search_results{width:95%;margin-right:auto;margin-left:auto;padding-bottom:5px}
input.textbox{font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#000;font-weight:700;height:36px;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding-left:5px;-webkit-border-radius:4px;border-bottom-left-radius:4px;border-top-left-radius:4px;border-top-right-radius:0;border-bottom-right-radius:0;border-style:none}
::-webkit-input-placeholder{color:gray;font-weight:700}
:-moz-placeholder{color:gray;font-weight:700}
::-moz-placeholder{color:gray;font-weight:700}
:-ms-input-placeholder{color:gray;font-weight:700}
.search_button{height:36px;width:100%;font-family:Arial;color:#fff;font-size:16px;text-decoration:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-bottom-left-radius:0;border-top-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px;-webkit-box-shadow:0 1px 3px #666;-moz-box-shadow:0 1px 3px #666;box-shadow:0 1px 3px #666;text-shadow:1px 1px 0 #769612;border:solid #81a318 1px;border-width:1px;background:-webkit-gradient(linear,0 0,0 100%,from(#a7ce30),to(#6e9102));background:-moz-linear-gradient(top,#a7ce30,#6e9102);-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#a7ce30,endColorStr=#6e9102);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#a7ce30,endColorStr=#6e9102);display:inline-block;font-weight:700;font-weight:bold}
.center_element{margin-right:auto;margin-left:auto}
#nav_genres{font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:700;color:#9ad334;padding-bottom:10px}
.ringtones_list{max-width:768px}
.ringtones_list #ringtones_wrapper{width:45%;float:left;height:80px}
#ringtones_wrapper{background:none;margin:10px}
#ringtones_wrapper_bottom{height:36px;margin-left:15px;margin-right:15px}
#ringtones_arrow{width:15px;height:36px;float:left;display:none}
a.play-control{width:45px;height:45px;float:left;display:block;text-indent:-99999px;background:url(/css/45_play_pause.png) 0 0 no-repeat}
a.play-control:hover{width:45px;height:45px;position:relative;display:block;text-indent:-99999px;background:url(/css/45_play_pause.png) -45px 0 no-repeat}
.play_button{display:block;margin:13px 20px 15px 15px;float:left}
#ringtones{text-align:left;padding:7px}
.ringtones_text{font-family:Arial,Helvetica,sans-serif;color:#fff;font-size:16px;font-weight:400;text-decoration:none}
.ringtones_text span.text_details{color:#555;margin-top:10px}
.ringtones_text a:link{font-family:Arial,Helvetica,sans-serif;color:#fff;font-size:16px;font-weight:400;text-decoration:none;display:block;height:100%;width:100%}
.ringtones_text a:active{font-family:Arial,Helvetica,sans-serif;color:#9ad334;font-size:16px;font-weight:400;text-decoration:none}
.ringtones_text a:visited{font-family:Arial,Helvetica,sans-serif;color:#fff;font-size:16px;font-weight:400;text-decoration:none}
.ringtones_text a:hover{font-family:Arial,Helvetica,sans-serif;color:#9ad334;font-size:16px;font-weight:400;text-decoration:none}
#nav_genres #genres_title .nav_title{font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:700;color:#9ad334;margin-right:0;margin-bottom:0;margin-left:15px}
#genres_title{background-image:url(/images/bg_nav_title.png);background-repeat:repeat-x;height:29px;margin-right:auto;margin-left:auto;padding-top:12px}
#nav_genres_bottom{background-image:url(/images/bg_genres_nav_bottom.png);background-repeat:repeat-x;height:26px}
.custPlyBtnMore{width:100%;text-align:center;margin-top:20px;padding:0}
.custPlyBtnMore a{display:inline-block;background-color:#f39c12;color:#fff;font-weight:600;font-size:14px;padding:4px 14px;border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;-webkit-border-radius:3px;border:2px solid #c98923}
.custPlyBtnMore a:hover,.custPlyBtnMore a:focus{text-decoration:none;background-color:#4cb3d4;border:2px solid #43a0bd}
#searchBox{width:74%;float:left;margin-left:2%}
#searchButton{font-weight:bold;height:39px;width:22%;float:right;margin-right:2%}
#nav_genre_left{float:left;width:45%;margin-left:20px}
#nav_genre_right{float:left;width:45%;margin-left:5px}
.genre_links_col{background-image:url(/images/bg_nav.png);background-repeat:no-repeat;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:400;color:#FFF;height:26px;width:90%;padding-top:6px}
.genre_links_col a:link{font-family:Arial,Helvetica,sans-serif;color:#fff;font-size:16px;font-weight:400;text-decoration:none}
.genre_links_col a:visited{font-family:Arial,Helvetica,sans-serif;color:#fff;font-size:16px;font-weight:400;text-decoration:none}
.genre_links_col_blank{font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:400;color:#FFF;height:26px;width:160px;padding-top:6px}
#nav_genre_left .genre_links{margin-left:16px}
#nav_genre_right .genre_links{margin-left:16px}
#googleplus{width:345px;margin:20px auto}
.loaddiv{display:none}
.guide-content{max-width:800px;margin:0 auto;padding:10px 15px;line-height:1.8em;font-weight:400;color:#ddd;box-sizing:border-box}
.guide-content h1{font-size:20px;line-height:1.3em;padding:0 5px}
.guide-content h2{margin:20px 0 10px;color:#9ad334;font-size:17px}
.guide-content h3{text-align:left;margin:15px 0 8px;color:#9ad334;font-size:15px}
.guide-content p{margin:8px 0;font-size:15px}
.guide-content ol,.guide-content ul{margin:8px 0 8px 15px;padding-left:5px;font-size:15px;color:#ddd}
.guide-content li{margin:5px 0}
.guide-content .tip{background:#2a2a2a;border-left:3px solid #9ad334;padding:10px 12px;margin:10px 0;font-size:14px;box-sizing:border-box}
.genre-desc{margin:10px 15px;font-size:14px;color:#ccc;line-height:1.6em;font-weight:400}

@media screen and (max-width: 1041px){
    body{background-color:#333}
    #searchBox{width:95%;float:none;margin:0}
    #searchButton{font-weight:bold;height:39px;width:95%;float:none;margin:0}
    .search_button{margin:10px 0;border-radius:20px}
    input.textbox{margin:0;border-radius:4px}
    #banner_top{width:100%}
    #banner_bottom{width:100%}
    #banner_middle{width:100%}
    #banner_search{width:100%}
    #banner_player{width:100%}
    .logo a:not(:first-child){display:none}
    .logo .icon{display:block}
    .logo.responsive a{display:block}
    #topnav #ringtones_wrapper{border-radius:0;background:none;margin:0 15px}
    #topnav #ringtones_wrapper_bottom{border-radius:0;background:none;margin:0 15px;display:block}
    #ringtones_arrow{display:block}
    #topnav #ringtones{text-align:left}
    .ringtones_list #ringtones_wrapper{width:96%;height:36px}
    #ringtones_wrapper{height:36px;background:url(/images/bg_nav_2.png) repeat-x;margin:0 15px;border:none}
    .play_button{display:none}
    .ringtones_text span.text_details{display:none}
    .footer_nav_left{width:100%;margin:0}
    .footer_nav_right{width:100%;margin:0}
    .banner_wrapper{margin:0}
    .banner_wrapper_new{margin:0;display:none}
    .banner_wrapper_top{margin:0;display:block}
    footer #footer_logo{float:none;width:100%}
    footer #nav_genres{width:96%}
    #leftcol{float:none;width:100%}
    #rightcol{float:none;width:100%}
    .colwrapper{max-width:100%}
    #genres_nav .wallpapers{width:44vw;height:78.76vw}
    .guide-content{padding:8px 10px;max-width:100%}
    .guide-content h1{font-size:18px;padding:0}
    .guide-content h2{font-size:16px}
    .guide-content h3{font-size:14px}
    .guide-content p{font-size:14px}
    .guide-content ol,.guide-content ul{margin:8px 0 8px 10px;padding-left:10px;font-size:14px}
    .guide-content .tip{margin:8px 0;padding:8px 10px;font-size:13px}
    .genre-desc{margin:8px 10px;font-size:13px;line-height:1.5em}
}