body {background-color:#fff}
.w960 {width:960px; margin:0 auto}
#header {background:url('img/tile-wood.png') repeat top left; height:167px; border-bottom:4px solid #111; position:relative}
#menu {position:absolute;}
#logo {width:420px; margin:0 auto; padding-top:34px; position:relative}
.fl {float:left} .fr  {float:right}
#flash {width:202px; text-align:center; margin-top:30px}
#cart {width:157px; padding-left:45px; background:url('img/cart.png') no-repeat top left; height:41px; font:normal 12px/41px arial; color:#ccc; margin:52px 0 0}
#cart strong {font-size:18px}
.shatop {width:960px; height:83px; position:absolute; top:56px; background:url('img/menu-shalig-top.png') no-repeat bottom center}
.shabot {width:960px; height:81px; position:absolute; top:201px; background:url('img/menu-shalig-bot.png') no-repeat bottom center; z-index:100}
#menu {width:960px; height:70px; position:absolute; top:134px; font:bold 18px/62px arial}
.menl {background:url('img/menu-edges.png') no-repeat top left; width:8px; height:70px}
.menr {background:url('img/menu-edges.png') no-repeat top right; width:8px; height:70px}
.menbg {background:#06c url('img/menu-bg.png'); width:944px; height:67px; margin:3px 0 0}
#menu ul {list-style:none; padding:0; margin:0; width:960px; height:62px}
#menu li {float:left; background:url('img/menu-div.png') no-repeat top right; border-right:1px solid #06c; height:62px; margin:1px 0 0; position:relative; z-index:100}
#menu a {color:#fff; text-decoration:none; padding:0 20px; display:block}
#menu a:hover, #menu .act {color:#fc0}
#menu li.acc {float:right!important; margin-right:16px; background-image:none!important; border:none!important; width:205px; background-color:#000; text-align:center} #menu li.acc a {color:#f00}
.acc {}
#feat {height:508px; padding:73px 0 0; background:url('img/featured-bg.png')}
.ured {width:627px; height:416px; background:url('img/featured-cutscene.jpg') no-repeat top left}
.cov {position:absolute; top:12px; left:201px}
.info {width:345px; height:185px; position:absolute; top:65px; left:485px; font:normal 18px 'times new roman',arial; color:#38414b}
.info h3 {font:bold italic 30px arial; margin:0 0 15px}
.pric {background:url('img/price.png') no-repeat top left; width:74px; height:70px; position:absolute; top:30px; right:110px; font:bold 24px/70px arial; color:#fff; text-align:center}
.pric sup {font-size:14px}
.butt {position:absolute; top:245px; left:485px}
.btn-buy, .btn-mor, .btn-see, .btn-out {display:block; float:left; margin:0 6px 0 0; text-indent:-999em; width:152px; height:43px; background:url('img/buttons.png') no-repeat top left}
.btn-mor {background-position:bottom left; margin:1px 0 0}
.btn-see {background-position:top right}
.btn-out {background-position:bottom right; text-indent:-999em}
.slid {background:url('img/titles-5dec25.png') no-repeat top left}
.moxa {background-position:0 0} .nire {background-position:0 -92px} .varv {background-position:0 -460px} .glaf {background-position:0 -552px} .agge {background-position:0 -276px} .aylo {background-position:0 -644px} .skot {background-position:0 -736px} .okri {background-position:0 -828px} .apof {background-position:0 -920px} .metaf {background-position:0 -1012px} .mera {background-position:0 -1104px} .aggelenia {background-position:0 -1196px} .ahrantos {background-position:0 -1288px} .kosmos {background-position:0 -1380px} .hames {background-position:0 -1472px} .eksa {background-position:0 -1564px} .zoa {background-position:0 -1656px}
.bxslider {padding:0; margin:0}
.bxslider .tac img {border:2px solid #eee}
#bx-pager {text-align:center}
#bx-pager a {opacity:.4} #bx-pager a:hover, #bx-pager a.active {opacity:1}
#bx-pager a:hover img, #bx-pager a.active img {border-top:3px solid #039}
#slider-prev, #slider-next, .slider-prev, .slider-next {background:url('img/arrows.png') no-repeat top left; width:48px; height:48px; position:absolute; top:180px; left:25px}
#slider-next, .slider-next {background-position:top right; left:auto!important; right:25px}
#slider-prev a, #slider-next a, .slider-prev a, .slider-next a {display:block; text-indent:-999em; width:48px; height:48px}
h2 {margin:25px 0 0; padding:0 17px; font:bold 22px arial; color:#111; border-bottom:1px dotted #ccc}
#more ul, #genres ul  {list-style:none; padding:10px 0; margin:0; font:normal 15px/24px arial}
#more li {text-align:center; position:relative; width:185px; padding:15px 10px; margin:17px; float:left; background-color:#eee; -webkit-box-shadow:0 0 10px 0 rgba(0, 0, 0, .4); box-shadow:0 0 10px 0 rgba(0, 0, 0, .4);}
#more .kov {border:2px solid #ccc}
#more li .pric {top:-15px; right:-15px}
.sold {background:url('img/soldout.png') no-repeat top left; width:69px; height:69px; position:absolute; top:-4px; right:-4px}
#more .tour li {width:150px; padding:15px 4px}
#footer {border-top:5px solid #ccc; background-color:#191919; color:#777; padding:30px 0; font:normal 15px arial}
#footer ul, #details ul {list-style:none; padding:0; margin:0 0 10px}
#footer .boxes li {width:220px; height:180px; float:left; margin:0 10px; font:normal 13px arial}
#footer .boxes li a {display:block; text-decoration:none; color:#aaa; padding:105px 10px 0} #footer .boxes li a:hover {color:#ccc}
.fmap {background:url('img/footer-symimap.png') no-repeat top left}
.fpho {background:url('img/footer-symiphotos.png') no-repeat top left}
.ffon {background:url('img/footer-symifoni.png') no-repeat top left}
.fpat {background:url('img/footer-patitiria.png') no-repeat top left}
.w50p {width:50%} .w25p {width:25%}
.rel {position:relative}
.cl {clear:both}
.tac {text-align:center}
.nb {border:none!important}
#genres {float:left; width:160px; border:1px solid #06c; background-color:#f5f5f5; margin:10px 20px 0 0; position:relative; z-index:101}
#genres ul {padding:0}
#genres a {padding:4px 10px 3px 10px; display:block; text-decoration:none; font:bold 12px/22px arial; color:#06c}
#genres a:hover, #genres .cur a {background-color:#06c; color:#fc0}
#genres li {border-bottom:1px solid #06c; border-top:1px solid #06c}
#genres li ul li a {padding:2px 10px 1px 30px; background:url('img/bull.png') no-repeat 10px center}
#details li {float:left; background-color:#ccc; -webkit-border-radius:4px; border-radius:4px; border:1px solid #aaa; padding:10px 15px; margin:5px 10px 0 0; color:#666}
#details strong {font-size:18px}
.p20 fieldset label input {width:20px; text-align:center}
.p20 fieldset label img {vertical-align:middle}
.p20 fieldset label span {float:right; color:#c33}
.p20 fieldset legend {font-size:80%; color:#aaa}
.click {display:block; cursor:pointer; padding:9px 0; border-bottom:1px solid #ddd; font:normal 15px arial}
.s15 {font-size:20px; padding:10px 15px}
.w150 label {float:left; width:150px}
.message {display:none}
.error, .succe {padding:10px}
.error {border:1px solid #eed3d7; background-color:#f2dede; color:#b94a48}
.succe {border:1px solid #d6e9c6; background-color:#dff0d8; color:#468847}
.pic {-webkit-border-radius:4px; border-radius:4px; border:2px solid #ccc; margin:5px 20px}