/* All CSS  */
/*_________________fonts_________________*/
body{font:100%/1.4 Tahoma, Arial, Helvetica, sans-serif;background:#fff }
table{font:1em Tahoma, Arial, Helvetica, sans-serif;}
#content table p { text-indent: inherit;}
h1,h2,h3,h4{ color:#510B0B;}
h1{ font-size:1.9em; margin:30px 0 0px -1px;}
h2{ font-size:1.6em; margin:10px 0 0px 0;}
h3{ font-size:1.3em; font-weight:bold; margin:10px 0 0px 0;}
h4{font-size:1em; font-weight:bold; margin:10px 0 0px 0;}
h5,h6{ font-size:1em; margin:10px 0 0px 0;}


#content ul{ list-style:none; margin:10px 0 ; position:relative;} 
#content ul li{ padding-left:10px; background:url(../i/li.gif) no-repeat 0 5px; margin-bottom:10px;}
#content ul li ul{ margin:5px 0 5px 15px;;}
#content ul li ul li{ background: url(../i/li2.gif) no-repeat 0 5px;}

/* collapsable lists */
ul#ul-recommend li.recohead { background:none; margin-bottom:10px;}
ul#ul-recommend li.recohead span { margin-left: -12px; }

#content ol{ margin:10px 0 10px 2em;}
#content ol li{margin-bottom:10px;}
#content p{ text-indent:23px; padding-top:0.5em;}
#content a{ color:#2B46A7; font-weight:bold; text-decoration:none;}
#content a:hover{ color:#5775EE;}

a img{ border:none}
#content .rhtimg{ float:right; margin:10px 0 1em 1em; border:1px solid #036; position:relative; clear:right;/*ie-nice*/ }
#content .lftimg{ float: left; margin:10px 1em 1em 0; border:1px solid #036; position:relative; clear:left;}

dt{ font-weight:bold;}
dd{ margin-bottom:1em;}

.pic-desk-ul{ margin-left:140px!important;}
.short_desc{ font-style:italic;}
/*__________________global____________________*/
*{ margin:0; padding:0;}
html,body{margin:0;padding:0;height:100%; width:100%;}

#global,#global-rule{background:url(../i/left.jpg) repeat-y 0 73px; overflow:hidden; position:relative;}
#global{min-width:800px;width:100%; }
#global-rule{min-width:978px;width:100%;}

#sglobal{background: url(../i/right.jpg) repeat-y 100% 58px;}
#outer{  min-width:800px; position:relative; float:left; width:100%;}
#wrapper{min-width:800px; float:left;width:100%; padding-bottom:62px;}
#container{overflow:hidden;background:url(../i/top.jpg) repeat-x 88px 205px; }
#content{margin: 0 200px 0 250px; padding:20px 40px 0 0; background:url(../i/ark-r.jpg) no-repeat 100% 0; min-height:500px;
font-size:0.8em; overflow:hidden; position:relative;}
#navi{float:left;width:250px;margin-left:-100%; background:transparent url(../i/left-top.jpg) no-repeat 0 0; min-height:660px; font-size:11px;  padding-top:63px;}
#usercol{float:left;width:200px;font-size:11px; padding-top:14px ;margin-left:-200px; background: url(../i/right-top.jpg) no-repeat 100% 0; min-height:500px;}

.cleaner{ clear:both; height:1px; font-size:1px; }
.center{ text-align:center;}

table{ border-collapse:collapse; margin:10px 1px; width:98%; }
table td{ padding:.3em 2px; text-align:center;border:1px solid #510B0B;}
table td#in-all{ text-align:left;}
.first-tab{ width:70%;}

form{ margin:0; padding:0;}
form fieldset{ border:none;}
form input,form select { font-size:1em; vertical-align:middle;}
.form-buttos{ font-size:11px; margin:2em 0 0 0; }
.form-buttos input{padding:0 .3em; margin:0 5px 10px 0; font-size:11px; font-family:Tahoma, Arial, Helvetica, sans-serif;
width:auto;width:6em; height:1.8em; background:#E9BA82;
 border:1px solid #A05734 ; 
 border-top:1px solid  #FAE6B4;
 border-left:1px solid  #FAE6B4;  }
  
html:root .form-buttos input:active{
border:2px solid #A05734 ; 
border-bottom:1px solid  #FAE6B4;
border-right:1px solid  #FAE6B4;}
html:root .form-buttos input{padding-bottom:2px;}
.form-buttos input.longer{ width:12em;} 


/*_______________Header___________________*/

#header{ position:relative; height:205px; background:#0099FF /* url(../i/head.jpg) repeat-x 0 0*/; min-width:800px;position:relative; width:100%;}
#left-head{ width:51%; height:205px; background:url(../i/left-head.jpg) no-repeat 0 0; position:absolute; left:0; top:0;}
#right-head{width:50%;  height:205px;  background:url(../i/right-head.jpg) no-repeat 100% 0;position:absolute; right:0; top:0; }


.error {
    color: red;
    font-weight: bold;
}
/*_______________Header Old___________________*/
/*
#header{ position:relative; height:205px; background:#0099FF ; min-width:800px;}
#left-head{ width:50%; height:205px; background:url(../i/left-head.jpg) no-repeat 0 0; float:left;}
#right-head{width:50%; float:right; height:205px;  background:url(../i/right-head.jpg) no-repeat 100% 0; }
*/

#logo img{ margin:0 auto; } 
#logo{ position:absolute; z-index:15000; width:205px; height:83px; left:50%; margin-left:-102px; top:40px;text-align:center; }


/*____________Left Column_________________*/
.lnk{margin:0 0 14px 65px; height:12px; }
.lnk img{cursor:pointer; margin-top:-8px; }

.lnk a.n{ background:url(../i/news-h.gif) no-repeat -1000px -1000px;}
.lnk a.h{ background:url(../i/howbay-h.gif) no-repeat -1000px -1000px;}
.lnk a.a{ background:url(../i/article-h.gif) no-repeat -1000px -1000px;}
.lnk a.ab{ background:url(../i/about-h.gif) no-repeat -1000px -1000px;}
.lnk a.g{ background:url(../i/games-h.gif) no-repeat -1000px -1000px;}

#navi ul a{ text-decoration:none; color:#510B0B;}
#navi ul a:hover{color:#913F25;}
#navi ul{list-style:none; font-weight:bold; margin:0 0 0 57px;background:#FFEEC1 url(../i/l-menu.jpg) no-repeat 0 0; 
width:125px; padding:5px 20px 12px 10px;}
#navi ul li{  background:url(../i/bullet.gif) no-repeat 0 5px; padding-left:10px; margin-bottom: 2px;}
#navi ul li:hover{ background:url(../i/bullet-h.gif) no-repeat 0 5px;}
#navi ul li ul{ margin:0 0 5px 0; padding:0; background:none;}
#navi ul li ul li{ font-weight:lighter; background:url(../i/bullet2.gif) no-repeat 0 5px; padding-left:8px;}
#navi ul li ul li:hover{background:url(../i/bullet2-h.gif) no-repeat 0 5px;}

#punt{ width:165px; height:6px; background:url(../i/anchor.gif) no-repeat 0 0; margin:0 0 0 51px}

.rnews-bottom ul { text-align: left; }
.rnews-bottom ul a { text-decoration:none; color:#510B0B;}
.rnews-bottom ul a:hover{color:#913F25;}
.rnews-bottom ul{list-style:none; font-weight:bold; margin:0 0 0 0px;
width:130px; padding:3px 7px 12px 4px; /*border: thin solid red;*/}
.rnews-bottom ul li{  background:url(../i/bullet.gif) no-repeat 0 5px; padding-left:10px; margin-bottom: 2px;}
.rnews-bottom ul li:hover{ background:url(../i/bullet-h.gif) no-repeat 0 5px;}
.rnews-bottom ul li ul{ margin:0 0 3px 0; padding:0; background:none;}
.rnews-bottom ul li ul li{ font-weight:lighter; background:url(../i/bullet2.gif) no-repeat 0 5px; padding-left:8px;}
.rnews-bottom ul li ul li:hover{background:url(../i/bullet2-h.gif) no-repeat 0 5px;}


ul#games a{ color:#510B0B; text-decoration:none;}
ul#games ul a:hover{ color:#AD5438;}
/*___________flag________________*/
#flag{ position:absolute; height:49px; width:542px; left:0; top:205px; z-index:9;
background: url(../i/flag2.gif) no-repeat 0 0;}
#flag img{font-weight:bold; color:#510B0B; font-size:12px; }
.phone{ margin:0 0 0 67px; width:331px; float:left;}
#flag a{ display:block; height:20px; width:112px; float:left; background: url(../i/mail-h.gif) no-repeat -1000px -10000px;
cursor:pointer;
 }
#flag a img{ margin:0 0 0 10px;}
#flag a:hover{ background:url(../i/flag-h.jpg) no-repeat 1px 0; }
/*__________________Center Column________________*/

/*news*/
#news-out{ width:169px; float:right; margin:-20px -32px 0 .5em; text-align:center; padding-top:53px;
 background:url(../i/news-top.jpg) no-repeat 0 0; position:relative; overflow:hidden; }
#news{ background:#FAE6B4 url(../i/news-cont.jpg) no-repeat 0 0;
 width:143px; padding:0 5px; margin:0 0 0 9px; font-size:11px;}
#top-news{ margin:0 auto 4px auto; height:29px; padding-left:10px; }
#content #news p{ text-indent:inherit;}

.more-link-rh{ background:url(../i/more-rht.gif) no-repeat 100% 60% ; height:100%;  margin-right:-2px; }
.more-link-lh{background:url(../i/more-lft.gif) no-repeat 0 60%}
.more-link{ padding: .5em 28px .5em 29px;text-align:center; margin:0 auto; line-height:1em;}

#in-basket input{ width:3em; text-align:center; margin:3px 0 0 0; border:1px solid #510B0B;}

p.more{padding:8px 0 10px 0; text-align:center; font-weight:bold; white-space: nowrap; }
#content #news a{ text-decoration:none; color:#470521!important; }
p.more img{ vertical-align:middle;}
#content #news a:hover{ color:#AD5438!important;}
p.more span{ background:url(../i/more-lft.gif) no-repeat 0  60%;padding-left:29px; }
#anchor-rht{ width:169px; height:7px; background:url(../i/anchor-rht.gif) no-repeat 100% 0; }

.hr {height:1px; line-height:1px; font-size:1px; background:#80221B url(../i/line.gif) no-repeat 0 0; margin:7px auto; width:138px;
overflow:hidden;}
/*main page part*/
.game-unit{ margin:1em 0 2.3em 0; clear:both;}
.game-unit .unit-desk{ margin-left:146px;}
.game-unit .unit-desk h4{ margin-top:0;}
.game-unit p.price{ padding-top:1em;}
/*_________________Right Column___________________*/
.greeting{ color:#F6C9A1; font-weight:bold; text-align: center;  margin:0 5px 0 20px;}

/*persinal greeteng*/
#kabinet{ margin:10px 0 0 32px;width:162px;  color:#510B0B; 
 background:#A6A9C8 url(../i/kab.gif) repeat-y 0 0; text-align:center; font-weight:bold;    }
#kabinet-top{width:162px; background:url(../i/kab-top.gif) no-repeat 0 0;  }
#kabinet-bottom{width:162px; background:url(../i/kab-bot.gif) no-repeat 0 100% ;min-height:45px;}
#kabinet p{ padding:8px 5px; line-height:1.4em;}
#kabinet a{ color:#510B0B; text-decoration:none;}
#kabinet a:hover{color:#2B46A7;}
#kabinet p.one-line{padding:14px 5px 8px 5px;}
/*basket*/
#out-basket{ width:162px;margin:5px 0 0 32px; background:#151A7B url(../i/basket.gif) repeat-y  0 1px;
color:#F6C9A1; position:relative; }
#top-basket{ background: url(../i/top-basket.gif) no-repeat 100% 0 ; width:125px; padding:0 20px 0 44px; margin-left:-27px; min-height:89px; }
#spear{ position:absolute; left:-27px; top:-2px; right:0; width:200px; height:20px; 
background:url(../i/spear.gif) no-repeat 0 0; }
.basket-head{display:block;padding:10px 0 5px 0;margin:0 -10px 10px -8px;text-align:center;font-size:12px;color:#D78E58;
background:url(../i/basket-head.gif) no-repeat 50% 100%;}
#out-basket p{ padding:4px 5px 4px 0;}
#top-basket a{ display:block; margin:10px auto 8px auto; padding:0 6px 0 28px; background:url(../i/tobasket-l.gif) no-repeat 0 50%;
 color:#BE8650; text-decoration:none; text-align:center; font-weight:bold; font-size:12px;line-height:1em; cursor:pointer;}
#top-basket a:hover{color:#F6C9A1;}
#top-basket a span{ height:1%; background:url(../i/tobasket-r.gif) no-repeat 100% 50%; padding-right:27px; display:block; }
.bot-bask{background:url(../i/bask-bottom.gif) no-repeat 50% 0; width:162px; height:3px; font-size:1px; } 

/*search*/
form#search{ width:177px; margin:8px 0 8px 23px;text-align:center; background:url(../i/search.gif) repeat-y 0 0;} 

.form-top{width:177px; background:url(../i/form-top.gif) no-repeat 0 0; position:relative; top:-3px;  }
.form-bot{ width:177px; background:url(../i/form-bot.gif) no-repeat 0 100%; position:relative; bottom:-5px;  }
form#search fieldset{ border:none; }
form#search input{width:131px; margin:9px 10px  0 15px; 
border:1px solid #000; background:#fff; font:11px Tahoma, Arial, Helvetica, sans-serif; text-align:center;}
form#search input.button{ border: none; font:bold 12px Tahoma, Arial, Helvetica, sans-serif; vertical-align:middle;
color:#510B0B; margin:0 0 5px 0; cursor:pointer;background:transparent; width:4em;} 
form#search input.button:hover{ color:#913F25; }

form#search p{ margin:3px 0 6px 0; white-space:nowrap;}
form#search img{ vertical-align:middle;}
/*news*/
#newsout{ background:#E0A869 url(../i/right-news.jpg) repeat-y 0 0; width:163px; height:auto; margin:0 10px 20px 32px; position:relative;}
.rnews-top{ background:url(../i/rnews-top.jpg) no-repeat 0 0; min-height:80px;}
.rnews-bottom{ background:url(../i/rnews-bottom.jpg) no-repeat 0 100%; min-height:200px;
position:relative; overflow:visible; padding:10px; text-align:center; color:#000;}
.rnews-bottom p{ padding:5px 5px 3px 5px; position:relative;}
.rnews-bottom a {text-decoration: none;}
#newsout h3,#newsout h4, #newsout h5{ font-size:11px; font-weight:bold; padding:5px 5px 3px 5px; margin:0; color:#000;}
/*_______________footer__________________*/
#footer{ clear:both; width:100%; min-width:800px;  font-size:11px;}

#top-foo{ margin:0 180px; padding:6px 0;  text-align:center; font-weight:bold;  color:#510B0B; white-space: nowrap;}
#top-foo p{}
#footer a{ color:#510B0B; text-decoration:none;}
#footer a:hover{color:#AD5438;}

#bottom-foo{ background:#E5B278 url(../i/foo.gif) repeat-x 0 0; color:#510B0B; overflow:hidden; padding-bottom:1px;}
#bottom-foo p{ margin-top:6px;}
.l-foo{ float:left; background: url(../i/l-foo.gif) no-repeat 0 0; width:57%; padding:0 10px;font-weight:bold;}
.r-foo{ float:right; padding:0 10px; background:url(../i/r-foo.gif) no-repeat 100% 0;width:38%; text-align:right;}

/*_________________________Game description__________________________*/
/*summary about game*/
.summary{ text-align:left; padding:0 8px 5px 6px;}
.other-games,.regulations-img{ margin:2em 0; width:100%; overflow:hidden;  }
.othergame{padding:10px 0; margin:0 5px 0 0 ; text-align:center; position:relative;}
.othergame img{border:1px solid #036; margin-bottom:10px; }
.regulations-img .othergame img{ border:none; margin-bottom:10px;}

#content .othergame p{ text-indent: inherit; white-space: normal}
.othergame{ 
display: -moz-inline-box;
	display: inline-table;
	display: inline-block;
	margin: 10px 0;
	text-align:center;
	vertical-align: top; 
	}

.w130{ width:130px; margin-right:8px;}	
.w250{ width:230px;margin-right:8px;}
.w360{ width:350px;margin-right:8px; }
.w510{ width:510px;}
/*__________________________Private office_____________________________*/
/*offise*/
#content .summary ul{margin:0 -5px 0 -5px; padding-top:10px;}
#content .summary ul li{  background:url(../i/bullet.gif) no-repeat 0 5px; padding-left:10px;}
#content .summary ul li:hover{ background:url(../i/bullet-h.gif) no-repeat 0 5px;}

/*forms*/
form.info{  margin:1.5em 0; padding:0; width:80%; max-width:740px; overflow:hidden;}
form.info fieldset{ border:none;}
#content form.info p{text-indent:inherit;overflow:hidden; margin-bottom:.8em;}
form.info span{ float:left; width:32%; margin-right:1%; font-family:Tahoma, Arial, Helvetica, sans-serif;}

form.info p input{width:60%; float:left; }
form p select{ width:60%; height:18px; overflow:visible; float:left;font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:1em; }

form p select.small{ width:auto; height:18px; overflow:visible; float:none;font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:1em; }

form p select optgroup{ overflow:visible; width:auto;}


form.info span.box{ float:none;width:60%; white-space: nowrap; }
form.info span.box input{ width:1.8em; float:none; }
form.info textarea{width:60%;}
#content p.no-indent{text-indent: inherit;}

form p#deliveryDate select{ float:none!important; width:3.5em;  }
form p#deliveryDate .month{ width:6em;}
form p#deliveryDate .year{ width:4.5em}

/*________________Basket________________________*/
form.wares input{ width:1.9em; text-align:center;}
/*pop-up*/
#pop-up{ width:420px; background:#151A7B /* url(../i/igroved.jpg) no-repeat 10px 10px*/; font-size:0.8em; padding-bottom:10px; border:2px solid #D78E58; position: absolute; z-index:10; top: 50px; left: 50px; }
#pop-up img {float:left;}
#pop-up dl {padding-left:150px; margin-bottom:-0.6em!important; margin-top:0.5em!important}
#pop-up dt,#pop-up ul{color:#D78E58; }
#pop-up dd{ margin-bottom:0.32em!important}
.total{ padding:10px 10px 10px 10px; min-height:120px; color:#F6C9A1;}
#pop-up ul{ padding:6px 10px 10px 0; clear: both;}
#pop-up ul li{ list-style:none; margin-bottom:1em; padding-left:22px; background:url(../i/pop-up-li.gif) no-repeat 10px 6px}
#pop-up form {margin-top:-2.5em; margin-bottom:0em;}
/*____________Gallerey Dmall Block__________________*/
#gall-wrapper{ clear:both; margin:1em 0; height:130px; position:relative;}
#l-arr{ position:absolute; left:0; top:0; width:30px; text-align:center;}
#r-arr{ position:absolute; right:0; top:0; width:30px;text-align:center;}
#r-arr img,#l-arr img{ margin:40px 0;}
#gall-container{ margin:0 40px 0 38px;height:130px;overflow:hidden;}
#gall-container img{ margin:0 3px; border:1px solid #4F090B;}
#gall-container a:hover img{border:1px solid #E0B378; }
#photos{ height:110px; margin:10px 0; width:2000px;  }

/*class for floating images in game reviews*/ 
img.game-review-image{float:left; margin:0.8em 1em 0.8em 0;}




/*-----------------------------------*/
/* (x)html coding by Ilia Jacoveev   */
/*     aka [tapazukk]    2007        */
/*        www.tapazukk.net           */
/*-----------------------------------*/