html, body {padding:0; margin:0}
body {font-family: Arial, Helvetica, sans-serif; font-size:12px}
img {border:0}

#top {width:990px; height:164px; background:#FD6802 url(/html/img/top.png) top right no-repeat;}
#top-menu{background:#333 url(/html/img/top-menu-bg.png) repeat-x; height:29px; font-size:12px; color:#fff; font-weight:bold; font-family: Verdana, Helvetica, sans-serif;}
#top-menu a{color:#fff;text-decoration:none;}
#top-menu div{margin-top:4px; padding:0 30px; background:url(/html/img/line.gif) center right no-repeat}
#top-menu td{vertical-align:top; text-align:center;  white-space:nowrap; }
#menu-right{background:#333 url(/html/img/top-menu-right.png) top right no-repeat; width:276px; height:25px; margin:0}

#logo{width:306px; height:63px; background:url(/html/img/logo.gif) no-repeat; position:relative; top:70px; left:50px}


.block{border:1px solid #D8D8D8; min-height:100px; background-color:#fff}
div.header{height:30px; background-color:#474849; padding-left:50px; color:#fff; font-weight:bold; font-size:15px; text-transform:uppercase }
div.header div{padding-top:6px}
div.header div a{color:#fff; text-decoration:none}

.spacer {font-size:4px; width:15px}
#main {padding-top:7px}
#main td {vertical-align:top;}

.block {margin-bottom:0.5em;}
.block#block1 .header{background:#474849 url(img/ico1.gif) 5px 3px no-repeat; white-space:nowrap;}
.block#block2 .header{background:#FD6802 url(img/ico2.gif) 5px 3px no-repeat; white-space:nowrap;}
.block#block3 .header{background:#474849 url(img/ico3.gif) 5px 3px no-repeat; white-space:nowrap;}
.block#block4 .header{background:#4CAF19 url(img/bg4.gif)  40px 0 repeat-x;   white-space:nowrap;}

#gallery {}
#gallery img {border:1px solid #000}
#pic-cat {font-size:11px; text-align:justify; font-weight:bold; font-family: Verdana, Helvetica, sans-serif; padding:1px 25px 5px 25px}

ul {font-size:12px; line-height:1.6em; font-family: Arial, Helvetica, sans-serif; /*font-weight:bold*/}
li a {color:#666;}
li a:hover{color:#FD6802}
li {list-style-image:url(/html/img/one.png); /*list-style:none*/}

.top-ringtones {font-size:11px; padding-bottom:10px; }
.top-ringtones a{ background:url(/html/img/r1.gif) left 3px no-repeat; padding-left: 30px; text-decoration:none; color:#666; display:block}
.top-ringtones a:hover{background-image:url(/html/img/r2.gif);}

a.more {background:url(/html/img/more.gif) left center no-repeat; padding:5px 0 5px 30px; text-decoration:none; color:#343536}
a.more:hover{text-decoration:underline}

.block-content {padding:10px}


#ringtones {font-size:11px}

#pages {padding:5px 0;}
#pages a{color:#fff; text-decoration:none; background-color:#FD6802; width:10px;}
#pages a:hover{color:#000;}

#tones-list {padding:10px 0 0 0}
#tones-list div {margin:0 5px; white-space:nowrap; }
.hovers a{color:#000; padding:3px 5px; display:block; white-space:nowrap;}
.hovers a:hover{background-color:#DBEFD1;}

a.artist {font-weight:bold; color:#57AA2C}
td.ico-d {background:url(/html/img/ico-d.gif) 50% 50% no-repeat; width:15px }


#artist-list div.ico-d{background:url(/html/img/ico-d.gif) 0 5px no-repeat; padding-left:20px;}

#genre {width:100px; height:18px; font-size:11px; float:right}

#ringtones {padding:10px}
#tone-header {padding-left:10px; font-weight:bold; color:#000;}

#word-search {BORDER-COLLAPSE: collapse; font-size:10px; font-family:Arial, Verdana, Tahoma}
#word-search td{ width:2em; border:1px solid #D8D8D8; text-align:center; padding:2px 0;}
#word-search a{color:#FE7314;}
#word-search a:hover {color:#000}

.articles {font-size:11px; padding:5px}
.articles a{color:#FD6802; display:block; background:url(/html/img/cube.gif) center left no-repeat; padding: 0px 0 3px 30px}

#info-block {padding:5px}
#info-block p, #info-block a.download{font-size:10px; font-family:Verdana, Arial, Tahoma,  sans-serif }
#info-block a.download {color:#000}


h1{margin:0; padding:0; font-size:100%}

#page div {padding:3px 8px; margin:1px; background-color:#eee}
#page div a{color:#333}
#page div.selected {background-color:#ff6600}
#page div.selected a{color:#fff}