#all .document .main .products {width: 570px;  margin: 0px auto; padding: 0px; float: left; display:block;}
#all .document .main .products ul {margin: 0px; padding:0px;}
#all .document .main .products li {width: 280px; height:220px; float: left; margin: 20px 5px 10px 0px; padding: 0px; background:url(imgs/kartelabgr2.jpg) no-repeat bottom; list-style-type:none; display:block; }

#all .document .main .products li  .maininfo {width: 280px; margin: 0px; padding: 0px; float: left; display:block; height: 150px;}

/*//////////WII///////////*/
#all .document .main .products li  .maininfo .productwii {width: 100px; display: block; float: left; margin: 0px auto; padding: 5px 0px 5px 0px; height: 120px; text-align:center;}
#all .document .main .products li  .maininfo .productwii img {width:88px; border:1px solid #f8f8f8;}
/*//////////DS/////////*/
#all .document .main .products li  .maininfo .productds {width: 100px; display: block; float: left; margin: 0px auto; padding: 5px 0px 5px 0px; height: 120px; text-align:center;}
#all .document .main .products li  .maininfo .productds img {width: 88px;  border:1px solid #f8f8f8;}


#all .document .main .products li .maininfo .info {width: 175px; display: block; float: left; margin: 0px; padding: 5px 5px 0px 0px; } 
#all .document .main .products li .maininfo .info h1 {width: 175px; margin: 0px; padding: 0px; float: left; display: block; font: bold 11px/11px "Trebuchet MS", Arial; color: #141111; }
#all .document .main .products li .maininfo .info dd {width: 175px; margin: 0px; padding: 0px; float: left; display: block; font: normal 11px/11px "Trebuchet MS", Arial; color: #7e7d7d; height:70px;}
#all .document .main .products li  .maininfo .info dt {width: 175px; height: 30px; margin: 0px; padding: 0px; float:left; display: block;}
#all .document .main .products li  .maininfo .info dt img{float: left; margin: 0px 5px 0px 2px; display:block; padding: 0px; text-align:left;}
#all .document .main .products li .maininfo .info dl {width: 165px; margin: 5px 0px 0px 0px; padding: 0px 10px 0px 0px; float: left; display: block; font: normal 11px/12px "Trebuchet MS", Arial; color: red; height:15px;}


#all .document .main .products li .thelinks {width: 280px; height: 24px; margin:5px 0px 0px 0px; padding: 0px; float: left; display:block;}
#all .document .main .products li .thelinks .date {width:170px;  height: 24px; margin: 0px; padding: 0px 5px 0px 5px; color: #6c707b; float: left; display:block; font: normal 11px/24px "Arial";  }
#all .document .main .products li .thelinks .btn {width: 100px; height: 24px; float: right;  margin: 0px;  padding: 0px; display:block;}
#all .document .main .products li .extrainfo {margin:0px; padding:0px; float:left; display:block; height: 35px; width: 280px;}
#all .document .main .products li .extrainfo .buy {margin:0px; padding:0px; float:right; display:block; height: 35px; width: 100px;}
#all .document .main .products li .extrainfo .prices {display:block; font: bold 11px/13px "Trebuchet MS", Arial; color: #393939; float:left; width:175px; height:28px; float:left; display:block; margin:0px; padding:7px 0px 0px 5px;}
#all .document .main .products li .extrainfo .price {font: bold 11px/13px "Trebuchet MS", Arial; color: #393939;}
#all .document .main .products li .extrainfo .strike {font: bold 11px/13px "Trebuchet MS", Arial; color: #393939; text-decoration:line-through;}
#all .document .main .products li .extrainfo .sprice {font: bold 11px/13px "Trebuchet MS", Arial; color: #12acdf; }

/*////////////////PAGEING/////////////////*/

#all .document .main .pagestop {width: 570px; height: 24px; float: left; padding: 0px; margin: 10px 0px  10px 0px; display:block; border-bottom: 1px dotted #999; font: normal 11px/24px "Arial"; color: #999;}

#all .document .main .pagestop .p {width: 100px; margin: 0px; padding: 0px; height: 24px; float: left; display:block; text-align:left; cursor:pointer;}
#all .document .main .pagestop .p a{text-decoration: underline; font: normal 11px/24px "Arial"; color: #999; }
#all .document .main .pagestop .p a:hover{text-decoration: none; }
#all .document .main .pagestop .n {width: 100px; margin: 0px; padding: 0px; height: 24px; float: left; display:block; text-align:right; cursor:pointer;}
#all .document .main .pagestop .n a{text-decoration: underline;font: normal 11px/24px "Arial"; color: #999; }
#all .document .main .pagestop .n a:hover{text-decoration: none; }
#all .document .main .pagestop .num {width: 370px; margin: 0px; padding: 0px; height: 24px; float: left; display:block; text-align:center; font: bold 11px/24px "Arial"; color: #999;}
/*
#all .document .main .pagestop .num a {font: bold 11px/24px "Arial"; color: #999; text-decoration:none; margin: 0px;  padding: 0px 3px 0px 3px;}
*/#all .document .main .pagestop .num a {font: bold 11px/24px "Arial"; color: #000; text-decoration:none; }

#all .document .main .pagesbottom {width: 570px; height: 24px; float: left; padding: 0px; margin: 20px 0px 0px 0px; display:block; border-top: 1px dotted #999; font: normal 11px/24px "Arial"; color: #999;}

#all .document .main .pagesbottom .p {width: 100px; margin: 0px; padding: 0px; height: 24px; float: left; display:block; text-align:left; cursor:pointer;}
#all .document .main .pagesbottom .p a{text-decoration: underline; font: normal 11px/24px "Arial"; color: #999;}
#all .document .main .pagesbottom .p a:hover{text-decoration: none; }
#all .document .main .pagesbottom .n {width: 100px; margin: 0px; padding: 0px; height: 24px; float: left; display:block; text-align:right; cursor:pointer;}
#all .document .main .pagesbottom .n a{text-decoration: underline;font: normal 11px/24px "Arial"; color: #999; }
#all .document .main .pagesbottom .n a:hover{text-decoration: none; }
#all .document .main .pagesbottom .num {width: 370px; margin: 0px; padding: 0px; height: 24px; float: left; display:block; text-align:center; font: bold 11px/24px "Arial"; color: #999;}
/*#all .document .main .pagesbottom .num a {font: bold 11px/24px "Arial"; color: #999; text-decoration:none; margin: 0px;  padding: 0px 3px 0px 3px;}*/
#all .document .main .pagesbottom .num a {font: bold 11px/24px "Arial"; color: #000; text-decoration:none;}




/*/////////////////////KARTELA GAME////////////////////////*/





#all .gamebackground {margin: 0px; padding:0px; z-index:1;}

#all .gamebackground .gameimage {width: 760px;  margin: 0px auto; padding: 10px 0px 10px 0px; display:block;  }
#all .gamebackground .gameimage img {width: 760px;}

#all .gamebackground .container {width: 760px; margin: 0px auto; padding:0px; display:block;}
#all .gamebackground .container .c { border:2px solid #ccc;  padding:0px; margin:10px 0px 25px 0px; width: 756px; display: block; float: left;  background: #e7e7e7; z-index:1;}

/*/////////////////TITLES ///// CHARACTERISTICS////////////////*/
#all .gamebackground .container .c .wrapper {width:740px; margin: 0px; padding:0px 3px 0px 7px; display:block; float: left; }
#all .gamebackground .container .c .wrapper .title {width:720px; font: bold 12px/25px "Trebuchet MS", Arial; color: #12acdf; background: url(imgs/bullet1.jpg) no-repeat 2px 6px; height: 25px; border-bottom: 1px dotted #cfcfcf;  margin: 5px 0px 5px 0px; padding: 0px 0px 0px 20px; display:block; float: left; cursor:pointer;}
#all .gamebackground .container .c .wrapper .text{ width: 730px; margin: 0px; padding: 5px; display:block; float: left; font: normal 12px/16px "Trebuchet MS", Arial; color: #494949;}
#all .gamebackground .container .c .wrapper .text img {border:1px solid #53b4df; float: right; margin: 5px;}
#all .gamebackground .container .c .wrapper .text strong {color: #12acdf;}

#all .gamebackground .container .c .info{margin: 0px; display:block; width: 750px; padding: 0px; height: 250px;}
#all .gamebackground .container .c .info ul{margin: 0px; padding:0px;}
#all .gamebackground .container .c .info li {float: left; margin:15px 10px 10px 10px; padding:0px ; width:345px; height:225px;  background:url(imgs/info.jpg) no-repeat left top;list-style-type:none;}
#all .gamebackground .container .c .info li h1 {width: 105px; height: 13px; float: left;display: block; margin: 0px; padding:5px 0px 0px 5px; font: bold 12px/14px "Trebuchet MS", Arial; color: #393939;}
#all .gamebackground .container .c .info li .content {width: 345px; height: 185px; margin: 15px 0px 0px 0px; padding: 0px; display:block; float: left;}
#all .gamebackground .container .c .info li .content .leftimagewii {width: 130px;  height: 180px; float: left; display:block; margin: 0px; padding: 0px 0px 0px 5px;}
#all .gamebackground .container .c .info li .content .leftimagewii img{width: 130px;  border: 0px;}
#all .gamebackground .container .c .info li .content .leftimageds {width: 130px;  float: left; display:block; margin: 0px; padding: 0px; }
#all .gamebackground .container .c .info li .content .leftimageds img{width: 130px;  border: 0px;}
#all .gamebackground .container .c .info li .content .title {width: 205px; margin: 0px; padding: 0px 0px 5px 5px; font: bold 12px/12px "Trebuchet MS", Arial; color: #393939; float: left; display:block;}
#all .gamebackground .container .c .info li .content .otherinfo {width: 205px; margin: 0px; padding: 5px 0px 0px 5px;  font: normal 12px/14px "Trebuchet MS", Arial; display:block; color: #393939; float: left; height: 70px;}

#all .gamebackground .container .c .info li .content .price {width: 205px; margin: 0px; padding: 0px 0px 0px 5px; display:block; font: bold 12px/14px "Trebuchet MS", Arial; color: #393939; float: right; }
#all .gamebackground .container .c .info li .content .strike {width: 205px; margin: 0px; padding: 0px 0px 0px 5px; display:block; font: bold 12px/14px "Trebuchet MS", Arial; color: #393939; float: right; text-decoration:line-through;}
#all .gamebackground .container .c .info li .content .sprice {width: 205px; margin: 0px; padding: 0px 0px 0px 5px; display:block; font: bold 12px/14px "Trebuchet MS", Arial; color: #12acdf; float: right;}

#all .gamebackground .container .c .info li .content .buttons {width: 205px; margin: 0px; padding: 5px 0px 0px 5px;  float: left; height: 30px; display:block;}
#all .gamebackground .container .c .info li .content .buttons input {margin: 0px 5px 0px 0px; padding: 0px;}

#all .gamebackground .container .c .info li .content .tags {width: 336px; height: 45px; margin: 0px 1px 0px 1px; background: #fff; display:block;  padding: 0px 0px 0px 5px; float: left;}
#all .gamebackground .container .c .info li .content .tags img {margin: 0px 5px 0px 0px; padding: 0px; border: 0px;}
#all .gamebackground .container .c .info li .content .otherinforight {width: 340px; margin: 0px; padding: 5px 0px 0px 5px;  font: normal 11px/12px "Trebuchet MS", Arial; display:block; color: #393939; float: left; height:90px;}
#all .gamebackground .container .c .info li .content .pegi {width: 340px; padding: 0px 0px 0px 5px; margin: 0px;  display: block; float: left;}
#all .gamebackground .container .c .info li .content .pegi img{float: left;}
#all .gamebackground .container .c .info li .content .pegi .images{float: left; width: 285px; margin: 0px; padding: 0px 0px 0px 5px; float: left; display:block;} 
#all .gamebackground .container .c .info li .content .pegi .images img {float: left; margin: 0px 2px 0px 0px; padding: 0px;}



/*//////////////////Screenshots///////////////*/


#all .gamebackground .container .c .wrapper .screenshots{width: 700px; margin: 0px auto; padding: 10px; display:block; float: left;}
#all .gamebackground .container .c .wrapper .screenshots ul {padding: 0px; margin: 0px;}
#all .gamebackground .container .c .wrapper .screenshots li{padding:0px; margin: 0px 10px 10px 5px; border:1px solid #12acdf; width: 120px;  float: left; display:block; list-style-type:none;}
#all .gamebackground .container .c .wrapper .screenshots li img { width: 120px;  float: left;}