@charset "utf-8";
/* IE6 css fixer v0.4:Wed, 20 May 2009 19:20:31 +0200 */
/* ============================================= */
/* safe settings                                 */
/* add display:inline to floated elements */
* html .right,
* html .container,
* html .header,
* html .header-top,
* html .header-top-left,
* html .logo-box,
* html .fav-link,
* html .header-top-center,
* html .iletisim-link,
* html .header-top-right,
* html .login-box,
* html .search-box,
* html #navcontainer,
* html #navcontainer ul li,
* html .body-main,
* html .navlist,
* html .body-content,
* html .content-box,
* html .son-banner-box,
* html .top-banner-box,
* html .top-100-box,
* html .yeni-left,
* html .yeni-box,
* html .top-100-title-left,
* html .top-100-title-right,
* html .top-100-list-box,
* html .top-10-left,
* html .top-10-right,
* html .haftanin-oyun,
* html .top-10-link,
* html .pink-title,
* html .pink-title-left,
* html .pink-title-right,
* html .link-box,
* html .link-box ul li,
* html .haftanin-banner,
* html .banner-box,
* html .footer-main,
* html .footer-alexa,
* html .footer-inside,
* html .video-path-left,
* html .video-path-right,
* html .inner-bottom-left,
* html .inner-bottom-right-add,
* html .category_oyna_cont,
* html .inner-content-box-oyna,
* html .inner-bottom-right-oyna,
* html .oyna-title-right,
* html .inner-content-box,
* html .inner-banner-box,
* html .category-path-left,
* html .category-path-right,
* html .category_oyun_cont,
* html .category_oyun_banner,
* html .pagination,
* html .online-path-left,
* html .online-path-center,
* html .online-path-right,
* html .online-bilgi-sira,
* html .online-bilgi-resim,
* html .online-bilgi-left,
* html .online-bilgi-center,
* html .online-bilgi-right,
* html .oyun-top-100-box,
* html .oyun-top-100-list,
* html .left, * html .oyna-title-left,
* html .yeni-list, * html .top-100-list,
* html .yeni-box ul li, * html .top-100-list-box ul li {display:inline;}
/* fix negative margins */
* html .container {position:relative; zoom:1;}
/* add zoom:1 to pos:relative elements */
* html .container,
* html .search-box {zoom:1;}
body {
margin:0px;
padding:0px;
/* background:url(images/body-bg.jpg) left top repeat-x #fde794; */
}
body {
background-image:url('images/kalp.gif');
background-color:#aa1e66;
font-family:"Segoe UI", "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
line-height:16px;
font-weight:normal;
font-variant:normal;
text-transform:none;
color:#4b4b4b;
text-decoration:none
}
h1 {
font-family:"Segoe UI", "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
font-size:20px;
font-style:normal;
line-height:30px;
font-weight:bold;
font-variant:normal;
text-transform:none;
color:#ffffff;
text-decoration:none;
margin:0px;
padding:0px;
}
.input {
width:136px;
height:18px;
background-color:#ffffff;
border:1px solid #da2d87;
padding:1px 0px 1px 3px;
font-family:"Segoe UI", "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
line-height:16px;
font-weight:normal;
font-variant:normal;
text-transform:none;
color:#4b4b4b;
text-decoration:none;
margin:0px;
}
.inputara {
width:128px;
height:18px;
background-color:#ffffff;
border:1px solid #da2d87;
padding:1px 0px 1px 3px;
font-family:"Segoe UI", "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
line-height:16px;
font-weight:normal;
font-variant:normal;
text-transform:none;
color:#4b4b4b;
text-decoration:none;
margin:0px;
margin-left:30px;
margin-top:3px;
}
.inputlogin {
width:90px;
height:18px;
background-color:#ffffff;
border:1px solid #da2d87;
padding:1px 0px 1px 3px;
font-family:"Segoe UI", "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
line-height:16px;
font-weight:normal;
font-variant:normal;
text-transform:none;
color:#4b4b4b;
text-decoration:none;
margin:0px;
}
.uyelik {
font-family:"Segoe UI", "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
font-size:10px;
font-style:normal;
line-height:16px;
font-weight:normal;
font-variant:normal;
font-weight:bold;
text-transform:none;
text-align:center;
color:#4b4b4b;
text-decoration:none;
padding-top:8px;
}
.uyelik a {
font-family:"Segoe UI", "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
font-size:10px;
font-style:normal;
line-height:16px;
font-weight:normal;
font-variant:normal;
font-weight:bold;
text-transform:none;
text-align:center;
color:#000000;
text-decoration:none;
padding-top:8px;
}
.uyelik a:hover {
color:#ffffff;
}
.button1 {
background:url('images/bos.gif') no-repeat top left;
width:40px;
height:23px;
border:0 none;
cursor:pointer
}
.button2 {
background:url('images/bos.gif') no-repeat top left;
width:20px;
height:30px;
border:0 none;
cursor:pointer;
margin-bottom:10px
}
.form {
background:url('images/uye.gif') no-repeat top left;
width:200px;
height:90px;
border:0 none;
text-align:left
}
.form2 {
background:url('images/uye2.gif') no-repeat top left;
width:200px;
height:90px;
border:0 none;
text-align:center
}
body a {
color:#da2d87;
text-decoration:underline;
line-height:20px;
}
body a:hover {
color:#000000;
text-decoration:underline;
}
* {
margin:0px;
padding:0px;
}
p {
margin:6px 0px;
}
img {
border:0px;
}
.left {
float:left;
}
.right {
float:right;
}
.container {
left:50%;
position:relative;
margin-left:-475px;
width:950px;
height:auto;
float:left;
text-align:left;
}
/* CSS Header Document Start Here */
.header {
width:950px;
height:150px;
float:left;
text-align:left;
color:#ffffff;
background:url('images/giysi-giydirme-oyunlari.jpg') repeat-x left top;
padding-top:0px
}
.header-top {
width:950px;
height:139px;
float:left;
text-align:left;
}
.header-top-left {
width:40%;
height:155px;
float:left;
text-align:left;
background:url('images/rix-header.jpg') no-repeat left top;
}
.logo-box {
width:105px;
height:140px;
float:left;
text-align:left;
padding-left:0px;
padding-top:0px;
}
.fav-link {
width:135px;
height:20px;
padding-top:10px;
margin-right:5px;
float:right;
text-align:left;
}
.fav-link a {
color:#da2d87;
font-size:12px;
font-family:"Segoe UI", "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
text-decoration:none;
line-height:20px;
font-weight:bold;
}
.fav-link a:hover {
color:#F04E00;
font-size:12px;
text-decoration:none;
font-family:"Segoe UI", "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
font-weight:bold;
}
.header-top-center {
width:10%;
height:10px;
float:left;
text-align:left;
}
.iletisim-link {
width:50px;
height:20px;
padding-top:10px;
float:left;
text-align:left;
}
.iletisim-link a {
color:#da2d87;
font-size:12px;
font-family:"Segoe UI", "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
text-decoration:none;
line-height:20px;
font-weight:bold;
}
.iletisim-link a:hover {
color:#F04E00;
font-size:12px;
text-decoration:none;
font-family:"Segoe UI", "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
font-weight:bold;
}
.header-top-right {
width:50%;
height:139px;
float:right;
text-align:left;
}
.login-box {
width:470px;
height:60px;
padding-top:8px;
float:left;
text-align:left;
color:#da2d87
}
.login-box a {
color:#da2d87;
text-decoration:none;
}
.login-box a:hover {
color:#F04E00;
text-decoration:none;
}
.search-box {
position:relative;
top:0px;
width:225px;
height:40px;
float:right;
padding-top:0px;
text-align:left;
background:url('images/arama.png') no-repeat left top;
}
/* CSS Menu */
#navcontainer {
margin:0px;
padding:0px;
height:34px;
background:url('images/menu.gif') repeat-x left top #fd9037;
float:left;
width:950px
}
#navcontainer ul {
border:0;
margin:0;
padding:0;
list-style-type:none;
text-align:center;
}
#navcontainer ul li {
display:block;
float:left;
text-align:center;
padding:0;
margin:0;
height:34px;
overflow:hidden;
}
#navcontainer ul li a {
width:65.3px;
height:34px;
padding:0px;
margin:0px;
color:#ffffff;
text-decoration:none;
display:block;
text-align:center;
font:bold 12px/34px "Segoe UI", "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
}
#navcontainer ul li a:hover {
color:#ffffff;
background:url('images/menu_over.gif') repeat-x left top;
height:34px
}
#navcontainer li.active a {
color:#ffffff;
background:url('images/menu_over.gif') repeat-x left top;
height:34px
}
-->
/* CSS Body Document Start Here */
.body-main {
width:950px;
height:auto;
float:left;
text-align:left;
background-color:#ffebe2;
}
/* sub-navigation */
.navlist {
width:150px;
color:#da2d87;
font:bold 12px/24px "Segoe UI", "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
line-height:16px;
padding:10px;
float:left;
text-align:left;
}
.navlist ul {margin:0; padding:0;}
.navlist li {
list-style:none;
}
.navlist li a {
display:block;
padding:6px 0 6px 6px;
width:150px;
text-decoration:none;
color:#da2d87;
background:#ffffff;
border:1px solid #f8d5e7;
margin-bottom:4px;
}
.navlist li a:hover {
background:#FFDECE url('images/heart.gif');
color:#da2d87;
border:1px solid #F98C93;
margin-bottom:4px;
}
.navlist li a.active {
background:#FFDECE url('images/heart.gif');
color:#da2d87;
border:1px solid #F98C93;
margin-bottom:4px;
}
/* sub-navigation */
.body-content {
width:760px;
height:auto;
float:right;
text-align:left;
padding:0px 10px 10px 0px;
}
.content-box {
width:760px;
text-align:left;
float:left;
height:auto;
padding:20px 0px;
}
.son-banner-box {
width:760px;
height:auto;
float:left;
background:#ff5508;
margin-top:10px;
}
.top-banner-box {
width:760px;
height:auto;
float:left;
background:#ff5508;
margin-top:0px;
margin-bottom:20px;
/* background:url(images/top-banner-bg.jpg) left 35px no-repeat #ff5508; */
}
.top-100-box {
width:760px;
height:auto;
float:left;
margin-top:20px;
background:#ff5508;
}
.yeni-left {
width:360px;
height:auto;
float:left;
text-align:left;
padding:3px 5px;
}
.yeni-list {
width:750px;
height:auto;
float:left;
text-align:left;
color:#ffffff;
font-size:12px;
background:#ffdece;
padding:5px;
}
.yeni-box {
padding:10px 10px;
width:735px;
height:auto;
float:left;
text-align:left;
}
.yeni-box ul {margin-bottom:0; padding:0;}
.yeni-box li {
list-style:none;
}
.yeni-box ul li {
width:124px;
float:left;
text-align:left;
padding:8px;
background:#ffffff;
margin-right:5px;
text-align:center;
margin-bottom:5px;
border:1px solid #da2d87;
height:123px;
overflow:hidden;
}
.yeni-box ul li a {
color:#da2d87;
text-decoration:none;
}
.yeni-box ul li a:hover {
color:#ffffff;
text-decoration:none;
}
.top-100-title-left {
width:360px;
height:auto;
float:left;
text-align:left;
color:#ffffff;
font-size:12px;
font-weight:bold;
padding:3px 5px;
}
.top-100-title-right {
width:200px;
height:auto;
float:right;
text-align:right;
color:#ffffff;
font-size:12px;
font-weight:bold;
padding:8px 10px;
}
.top-100-title-right a {
color:#ffffff;
}
.top-100-title-right a:hover {
color:#ffffff;
}
.top-100-list {
width:750px;
height:auto;
float:left;
text-align:left;
color:#ffffff;
font-size:12px;
background:#ffdece;
padding:5px;
}
.top-100-list-box {
padding:10px 10px;
width:735px;
height:auto;
float:left;
text-align:left;
color:#333;
}
.top-100-list-box ul {margin-bottom:0; padding:0;}
.top-100-list-box li {
list-style:none;
}
.top-100-list-box ul li {
width:124px;
float:left;
text-align:left;
padding:8px;
background:#ffffff;
margin-right:5px;
text-align:center;
margin-bottom:5px;
border:1px solid #da2d87;
height:123px;
overflow:hidden;
}
.top-100-list-box ul li a {
color:#da2d87;
text-decoration:none;
font-weight:bold;
}
.top-100-list-box ul li a:hover {
color:#ffffff;
text-decoration:none;
}
.top-10-left {
width:300px;
height:auto;
float:left;
text-align:left;
padding:3px 8px;
color:#ffffff;
font-size:12px;
font-weight:bold;
}
.top-10-right {
width:340px;
height:auto;
float:right;
text-align:left;
padding:3px 5px;
color:#ffffff;
font-size:12px;
font-weight:bold;
}
.haftanin-oyun {
width:397px;
height:auto;
float:left;
text-align:left;
color:#ffffff;
font-size:12px;
padding:5px 5px 0px 8px;
background:#ffdece;
}
.top-10-link {
width:320px;
padding:15px;
float:right;
text-align:left;
color:#000000;
font-size:12px;
font-weight:bold;
background:#ffdece;
}
.top-10-link a {
color:#000000;
font-size:12px;
font-weight:bold;
text-decoration:none;
font-family:"Segoe UI", "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
line-height:23px;
}
.top-10-link a:hover {
color:#999;
font-size:12px;
font-weight:bold;
text-decoration:underline;
font-family:"Segoe UI", "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
}
.pink-title {
width:740px;
height:30px;
float:left;
text-align:left;
background-color:#ff5508;
padding:3px 10px;
}
.pink-title-left {
width:360px;
height:auto;
float:left;
text-align:left;
color:#ffffff;
font-size:12px;
font-weight:bold;
padding:0px 5px;
}
.pink-title-right {
width:200px;
height:auto;
float:right;
color:#ffffff;
text-align:right;
font-size:12px;
font-weight:bold;
padding:8px 10px;
}
.pink-title-right a {
color:#ffffff;
}
.pink-title-right a:hover {
color:#ffffff;
}
.link-box {
width:740px;
height:auto;
float:left;
text-align:left;
padding:10px;
background-color:#ffdece;
line-height:30px;
}
.link-box ul {
margin-top:7px;
height:60px;
border:1px solid #da2d87;
background-color:#ffffff;
}
.link-box li {
list-style:none;
}
.link-box ul li {
width:105px;
height:auto;
float:left;
text-align:left;
height:50px;
}
.link-box ul:hover {
background-color:#ffffff;
}
.link-box ul li a {
width:105px;
height:50px;
display:block;
color:#da2d87;
text-decoration:none;
line-height:12px;
border:0px solid #da2d87;
text-align:center;
padding-top:5px;
padding-bottom:3px;
}
.link-box ul li a:hover {
color:#000000;
text-decoration:none;
}
.kucukresim {
}
.haftanin-banner {
width:760px;
height:auto;
float:left;
text-align:left;
background-color:#f7f7f7;
}
.banner-box {
width:760px;
text-align:center;
float:left;
height:auto;
padding:20px 0px;
background-color:#f7f7f7;
margin-top:20px;
}
/* CSS Footer Document Start Here */
.footer-button {
background-color:#d1135d;
border:1px solid #ffffff;
color:#ffffff;
width:55px;
height:22px;
font-family:"Segoe UI", "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
}
.footer-main {
width:950px;
height:120px;
float:left;
text-align:left;
background:#333 url('images/footer-bg.jpg') repeat-x left top;
border-right:2px solid #222
}
.footer-alexa {
width:40%;
height:65px;
float:right;
text-align:right;
margin-top:15px;
padding-right:20px;
line-height:10px;
color:#ffffff;
}
.footer-inside {
width:50%;
height:50px;
float:left;
text-align:left;
margin-top:15px;
padding-left:20px;
line-height:10px;
color:#ffffff;
}
.footer-inside a {
color:#ffffff;
text-decoration:underline;
}
.footer-inside a:hover {
color:#ffffff;
text-decoration:underline;
}
.video-path {
border-top:1px dashed #da2d87;
border-right:1px dashed #da2d87;
border-left:1px dashed #da2d87;
padding:10px;
background-color:#ffdece;
width:738px;
height:40px;
}
.video-path-left {
width:568px;
height:20px;
line-height:20px;
float:left;
background:url('images/play.png') no-repeat left center;
padding-left:20px;
margin-left:2px
}
.video-path-right {
width:100px;
height:20px;
float:left;
text-align:left;
background:url('images/play.png') no-repeat left center;
padding-left:20px
}
.videop {
width:20%;
height:20px;
line-height:20px;
text-align:left;
background:url('images/play.png') no-repeat left center;
padding-left:20px
}
.video-box {
border:1px dashed #da2d87;
text-align:center;
background-color:#ffdece;
padding:30px 0px;
}
.inner-bottom-left {
width:380px;
height:auto;
float:left;
text-align:left;
padding-left:10px;
}
.inner-bottom-right-add {
/*width:300px;*/
height:auto;
float:right;
text-align:left;
padding-right:10px;
}
.oyna-box {
border:1px dashed #da2d87;
text-align:center;
background-color:#ffdece;
padding:10px 0px;
}
.oyna-buton {
width:360px;
height:75px;
margin-left:0px;
padding-top:54px;
text-align:center;
font-weight:bold;
font-size:18px;
line-height:24px;
color:#ffffff;
text-decoration:none;
display:block;
background:url('images/oyna-title-bg.jpg') repeat-x right center;
}
.oyna-buton:hover {
color:#FFCCFF;
}

.category_oyna_cont {
float:left;
height:auto;
width:110px;
margin-left:10px;
margin-top:10px;
padding-top:2px;
text-align:center;
border:1px solid #da2d87;
}
.clear-oyna {
clear:both;
}
.inp {
font-size:9px;
*margin-left:-10px;
text-align:left;
}
.fon {
padding:10px;
background:url('images/ac_bg.gif') no-repeat;
width:120px;
height:250px;
text-align:center
}
.renk {
background:#ffffff;
}
.renk:hover {
background:#ff801a;
}
.renk:hover a {
color:#FFFFFF;
}
.banner-box-oyna {
width:300px;
height:250px;
margin-top:15px;
margin-left:auto;
margin-right:auto;
display:block;
}
.inner-content-box-oyna {
width:360px;
text-align:justify;
float:left;
height:auto;
padding:10px 10px;
}
.inner-bottom-right-oyna {
width:370px;
height:auto;
float:right;
text-align:left;
padding-right:5px;
}
.oyna-title {
width:730px;
height:30px;
background-color:#ff5508;
padding:5px 5px;
margin:10px 0px 0px 10px;
}
.oyna-title-left {
float:left;
}
.oyna-title-right {
padding-right:210px;
float:right;
}
textarea {
width:340px;
height:80px;
}
textarea, .textalan {
background-color:#ffffff;
border:1px solid #bdbdbd;
padding:1px 0px 1px 3px;
font-family:"Segoe UI", "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
line-height:16px;
font-weight:normal;
font-variant:normal;
text-transform:none;
color:#4b4b4b;
text-decoration:none;
margin:0px;
}
.textalan {
margin:1px;
padding:4px;
background-color:#ffffff;
border:1px solid #FF0066;
}
.textalan:hover {
background-color:#FDEEF1;
}
.inner-content-box {
width:740px;
text-align:justify;
float:left;
height:auto;
padding:20px 10px;
background-color:#f7f7f7;
}
.inner-banner-box {
width:740px;
text-align:center;
float:left;
height:auto;
padding:20px 10px;
}
/* CSS Document For Categories Page Here */
.category-path {
border-top:1px dashed #da2d87;
border-right:1px dashed #da2d87;
border-left:1px dashed #da2d87;
padding:10px;
background-color:#ffdece;
width:738px;
height:20px;
}
.category-path-left {
width:580px;
height:20px;
line-height:20px;
float:left;
background:url('images/play.png') no-repeat left center;
padding-left:20px
}
.category-path-right {
width:100px;
height:20px;
float:right;
text-align:left;
background:url('images/play.png') no-repeat left center;
padding-left:20px
}
.category-box {
border:1px dashed #da2d87;
text-align:center;
background-color:#ffdece;
padding:30px 0px;
height:1270px;
}
.siradan-box {
border:1px dashed #da2d87;
text-align:left;
background-color:#ffdece;
padding:30px 0px;
padding-left:10px;
}
.category_oyun_cont {
float:left;
height:118px;
width:160px;
margin-left:24px;
margin-top:14px;
padding-top:2px;
border:1px solid #da2d87;
}
.category_oyun_cont:hover {
background:#d2d2d2;
}
.category_oyna_cont:hover {
background:#d2d2d2;
}
.category_oyun_banner {
float:left;
height:1200px;
width:160px;
margin-left:15px;
margin-right:10px;
margin-top:14px;
padding-top:2px;
}
.pagination {
margin-top:30px;
padding-left:20px;
padding-right:20px;
width:710px;
height:auto;
color:#da2d87;
font:12px/25px "Segoe UI", "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
float:left;
text-align:center;
list-style-type:none;
}
.pagination ul {
margin:0;
padding:0;
list-style-type:none;
text-align:center;
}
.pagination li {
list-style:none;
display:inline;
padding:0px;
}
.pagination li a {
width:30px;
padding:4px 4px 4px 4px;
line-height:28px;
text-decoration:none;
color:#da2d87;
background:#ffffff;
border:1px solid #ccc;
}
.pagination li a:hover {
background:#000000;
color:#ffffff;
border:1px solid #ccc;
}
.pagination li a.active {
background:#ff5508;
color:#ffffff;
border:1px solid #ccc;
}
.category-box-cont {
width:760px;
height:920px;
}
.category-box-cont2 {
width:760px;
height:auto;
}
.online-box {
border:1px dashed #da2d87;
text-align:center;
background-color:#ffdece;
padding:10px 10px;
height:auto;
}
.online-title-box {
width:740px;
height:40px;
}
.online-title-path {
width:740px;
height:35px;
background-color:#ff5508;
padding-left:0px;
margin-top:0px;
padding-top:5px
}
.online-path-left {
width:245px;
height:40px;
float:left;
text-align:left;
padding-left:35px;
}
.online-path-center {
padding-left:40px;
width:164px;
height:40px;
float:left;
text-align:left;
}
.online-path-right {
padding-left:30px;
width:200px;
height:40px;
float:right;
text-align:center;
padding-right:20px;
}
.online-bilgi {
width:738px;
height:60px;
background-color:#fbfbfb;
margin-top:5px;
color:#666;
font:bold 12px "Segoe UI", "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
display:block;
border:1px solid #da2d87;
}
.online-bilgi a:hover {
text-decoration:none;
}
.online-bilgi-sira {
padding-left:5px;
padding-right:5px;
padding-top:17px;
width:18px;
height:50px;
float:left;
text-align:left;
list-style-type:none;
}
.online-bilgi-resim {
padding-left:10px;
padding-right:5px;
padding-top:4px;
width:60px;
height:50px;
float:left;
text-align:left;
list-style-type:none;
}
.online-bilgi-left {
padding-left:5px;
padding-top:17px;
width:240px;
height:50px;
float:left;
text-align:left;
list-style-type:none;
}
.online-bilgi-center {
width:180px;
height:50px;
padding-top:17px;
float:left;
text-align:left;
list-style-type:none;
}
.online-bilgi-right {
width:200px;
height:50px;
float:right;
padding-top:17px;
text-align:center;
list-style-type:none;
}
.oyun-top-100-box {
margin-left:2px;
width:756px;
height:auto;
float:left;
margin-top:20px;
background:#ff5508;
}
.oyun-top-100-list {
width:746px;
height:auto;
float:left;
text-align:left;
color:#ffffff;
font-size:12px;
background:#ffdece;
padding:5px;
}