/***************************************************
   General Styles
 ***************************************************/

div {  margin:0;  padding:0;}

body {
  margin: 0;  
  text-align: center;
  font: 0.62em verdana, arial, sans-serif;  
  line-height: 170%;
  color: #EEE;
  background: #585858 url('../images/bg_body.jpg') repeat-y top center;
}

p { 
  padding-top: 10px !important;
  padding-top: 3px;
  padding-bottom: 10px !important;
  padding-bottom: 3px;
}


a {
  color: #0088cc;
  text-decoration:none;
}

a:visited {
  color: #0088cc;
  text-decoration:none;
}

a:hover {
  color: #FFF;
  text-decoration:none;
}

acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}

input {
  width: 95% !important;
  width: 100%;
}

textarea {
  width: 98%;
  /* 
    ie scrollbar hack...odkomentovat v pripade potreby, zakomentovcane kvoli validnosti
     
  scrollbar-3dlight-color : #777;
  scrollbar-arrow-color : #EEE;
  scrollbar-darkshadow-color : #777;
  scrollbar-face-color : #777;
  scrollbar-highlight-color : #777;
  scrollbar-shadow-color : #777;
  scrollbar-track-color : #777;    
  */
}

input,
textarea,
select {
  padding: 1px 3px;
  margin: 5px 0;
  font: 1em verdana, arial, sans-serif;
  color: #EEE;
  background-color: #777;
  border: 1px solid #999;
}


.podmienky {
  padding: 1px 3px;
  margin: 5px 0;
  font: 1em verdana, arial, sans-serif;
  color: #EEE;
  background-color: #777;
  border: 1px solid #999;
}

select {
	width: 217px;
}

input:hover,
input:focus,
textarea:hover,
textarea:focus {
  color: #FFF;
  background-color: #999;
  border: 1px solid #EEE;
}


h1 {
  clear: both;
  margin: 10px 0;
  font: 700 1em verdana, sans-serif;
  text-transform: uppercase;
  color: #fff;
  background: #686868 url('../images/rounded_tr.gif') no-repeat top right;
}

h1 span {
  display: block;
  padding: 2px;
  background: url('../images/rounded_br.gif') no-repeat bottom right;
}

#sideBar h1 {
  text-align: right;
  background: #686868 url('../images/rounded_tl.gif') no-repeat top left;
}

#sideBar h1 span {
  display: block;
  padding: 2px;
  background: url('../images/rounded_bl.gif') no-repeat bottom left;
}


#content ol li { 
  color: #9BE4FF;
}

#content ol li span {
  color: #EEE;
}

#content ul {
  padding-bottom: 10px;
}

#content ul li {
  list-style-image: url('../images/li_bullet.gif');
}

blockquote {  
  margin: 0;
  background: #686868 url('../images/rounded_tr.gif') no-repeat top right;
} 

blockquote span {
  display: block;
  padding: 5px;
  background: url('../images/rounded_br.gif') no-repeat bottom right;
}

/***************************************************
  Layout Styles
 ***************************************************/


#header {  
  width: 100%;
  height: 3em;
  background: #585858 url('../images/bg_header.jpg') repeat-y top center;  
}

/***************************************************
  Header Menu
 ***************************************************/

#menu {
  width: 967px;
  margin: 0 auto;
  text-align: left;  
}

#menu ul {
  margin: 0;
  padding: 0;
  line-height: normal;  
}

#menu ul li {
  width: 11em;
  display: inline;
  float: left;
  padding-top: 0.8em;  
  list-style: none;
  text-align: center;
}

#menu ul li a {
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  padding-bottom: 1.0em;
  color: #222;
}

#menu ul li a:hover,
#menu ul li a.active {
  font-weight: bold;
  color: #0088CC;
  background: url('../images/menu_tab.gif') no-repeat bottom center;
}

/***************************************************
  News
 ***************************************************/

#news {
}

#news ul {
margin:0;
padding:0;
}

#news ul li {
  padding-bottom:10px;
  line-height:110%;
  list-style-type: none;
  list-style-image: none;
}

#news ul li a,
#advertisement ul li a:visited{
  color:#fff;
  text-decoration:none;
}

#news ul li a:hover  {
  color:#0088cc;
}

#news-main {
}

#news-main ul {
margin:0;
padding:0;
}

#news-main ul li {
  margin-bottom: 0px !important;
  margin-bottom: 10px;
  list-style:none;
  list-style-image:none;
}

#news-main ul li p {
	margin: 0;
  	padding: 0;
	text-align:justify;
	line-height:120%;
}

#news-main ul li p a:link,
#news-main ul li p a:visited {
	text-decoration:none;
	color: #0088cc;
}

#news-main ul li p a:hover {
	color: #fff;
}

#news-main ul li p span {
	font-size: 1.2em;
	line-height: 200%;
	border-bottom: 2px solid #999;
	color: #fff;
}

#news-main h1 span a:link,
#news-main h1 span a:visited {
	text-decoration:none;
	font-weight:700;
	color: #fff;
}

#news-main h1 span a:hover {
	color: #999;
	font-weight:700;
}

.more {
	font-size: 1.2em;
	text-align:right;
	
}

/***************************************************
  Other Sites
 ***************************************************/
 
#registration {
	width:430px;
	margin: 0px auto;
 }
 
.important{
	color:#0088cc;
} 



/***************************************************
  Other Sites
 ***************************************************/

#advertisement {
}

#advertisement ul {
margin: 0;
padding:0;
}

#advertisement ul li {
  padding-bottom:5px;
  list-style-type: none;
  list-style-image: none;
}

#advertisement ul li a:link img,
#advertisement ul li a:visited img{
  border: 2px solid #999999;
}

#advertisement ul li a:hover img  {
  border: 2px solid #0088CC;
}

/***************************************************
  Card list
 ***************************************************/
#card_list{
  float:left;
  width:408px !important;
  width:401px;
  overflow:hidden;
  margin-right:8px !important;
  margin-right:5px;
 }


#card_list .card{
  margin:0;
  padding:0;
  overflow:hidden;
  border:2px solid #666;
  margin-bottom:10px !important;
  margin-bottom:20px;
  background: #fff url('../images/card_list_backg.gif') repeat-x top;

  height:74px;
}

#card_list .card input{
	width: 20px !important;
	width: 26px;
	margin: 1px 0px 0px;
  font-size:1.5em;
  vertical-align:top;
  text-align:right;
}

#card_list .name{
  float:left;
  width:198px !important;
  width:190px;
  padding-left:4px;
  color:#000000;
  font-weight:700;
  overflow:hidden;
}

#card_list .header{
	background: url('../images/card_back2.jpg') repeat-x top;
	float:left;
}

#card_list .cost{
  float:left;
  width:130px;
  color:#000000;
}

#card_list img{
  margin:0px !important;
  margin-top: 2px !important;
  padding:0;
}

#card_list .price{
  text-align:right;
  float:left;
  width:70px;
  padding-right:2px;
  color:#000000;
  font-weight:700;
}

#card_list .type{
  float:left;
  width:220px !important;
  width:210px;
  height:17px;
  overflow:hidden;
  padding-bottom:5px;
  padding-left:2px;
  color:#000000;
  overflow:hidden;

}

#card_list .rarity{
  float:left;
  width:30px;
  padding-bottom:5px;
    color:#000000;
    height:21px;
    overflow:hidden;
}

#card_list .avail{
  float:left;
  text-align:right;
  width: 150px !important;
  width: 148px;
  padding-bottom:5px;
  padding-right:2px;
    color:#000000;
}

#card_list .cond{
  float:left;
  clear:both;
  width:200px !important;
  width:190px;
  overflow:hidden;
  padding-left:2px; 
    color:#000000;
}

#card_list .order{
  float:left;
  width:198px !important;
  width:200px;
  text-align:right;
  padding-right:2px;
  background: #999;
  border: 2px solid #666;
  border-bottom:0;
  border-right:0;
  color:#000000;
  height:27px !important;
 
}


#card_list .name a:link,
#card_list .name a:visited {
	color:#000;
	text-decoration:none;
}

#card_list .name a:hover {
	color:#333;
	text-decoration:none;
}


#card_list .order a:link,
#card_list .order a:visited,{
	color:#999;
	text-decoration:none;
}

#card_list .order a:hover {
	color:#999;
	text-decoration:none;
}

#card_list .card img{
  margin:0;
  padding:0;
}

#show_card{

margin:0;
padding:0;
float:left;
}

#show_card{
overflow:hidden;
margin:0;
padding:0;

font-size: 0pt;
float:left;
}

#show_card .black{
overflow:hidden;
margin:0;
padding:0;

font-size: 0pt;
float:left;
}

#show_card .border {
  margin:0;
  padding:0;
  height: 12px;
  width: 194px !important;
  width: 200px;
}

#show_card img {
  margin:0;
  padding:0;
}

#show_card .card_image {
  margin:0;
  padding:0;
  height: 241px;
  width: 194px !important;
  width: 200px;
}

#show_card .transform-button {
	font-size: 8pt;
}

/***************************************************
  Site Title
 ***************************************************/

#title {
  padding: 0.6em 55px 0.6em 0;
  margin-right: 0.5em;
  float: right;
  background: url(../images/logo_small.gif) no-repeat top right;
}

#title h1 {
  display: inline;
  color:  #0088cc;
  background-color: #fff;
  background-image: none;
}

#title h1 a:link,
#title h1 a:visited {
	color: #0088cc;
}

#title h1 a:hover {
	text-decoration:underline;
	color: #0088cc;
}
/***************************************************
 Page Content
 ***************************************************/


#content {  
  clear: both;
  width: 967px;
  margin: 0 auto;
  text-align: left;
}

#wrapper {  
  clear: both;
  width: 967px;
  margin: 0 auto;
  text-align: left;
}


#text {
  float: left;
  width: 610px !important;
  width: 610px;
  padding: 10px 5px 20px 20px !important;
  padding: 20px 5px 20px 20px;
}


#sideBar {
  float: right;
  width: 145px !important;
  width: 140px;
  padding: 10px 15px 20px 0 !important;
  padding: 20px 15px 20px 0;
}

#sale {
  margin: 0;
  padding: 0;
  width: 610px !important;
  width: 610px;
}

#sale ul {
margin: 0;
padding: 0;
}

#sale ul li {
  float: left;
  padding: 5px 3px;
  width: 116px;
  padding-bottom:5px;
  list-style-type: none;
  list-style-image: none;
}

#sale ul li a:link img,
#sale ul li a:visited img{
  border: 6px solid #585858;
}

#sale ul li a:hover img  {
  border: 6px solid #999;
}

#sale ul li a:link,
#sale ul li a:visited{
  text-decoration:none;
  color: #fff;
  font-size:1.1em;
  font-weight: 600;
}

#sale ul li a:hover {
  color: #0088cc;
}

#sale ul li p
{
  padding: 0;
  margin: 0;
}

/***************************************************
 Filter
 ***************************************************/
label{
	margin:0;
	padding:0;
}

.menoc{
	color:#fff;
	font-weight:700;
	font-size:1.2em;
}

#filter{
  overflow:hidden;
  width:610px;
  margin: 0 auto;
}

#filter {
  overflow:hidden;
  width:610px;
  margin: 0 auto;
}

#filter label {
float:left;
font-weight:bold;
margin:2px 6px;
text-align:right;
width:100px;
}

#filter p{
  padding: 0 !important;
  margin: 0 !important;
}

#filter #color {
  float:left;
  margin: 0 auto;
}

#filter #color input{
  width:15px !important;
  float:left;
  vertical-align: bottom
}

#filter #color span{
  float:left;
  margin-right:10px;
  width: 110px !important;
  height:21px;
  padding:0px;
  line-height:250%;
}

#filter #color span img{
  vertical-align:text-bottom;
}

#filter #rarity {
	color:#000000;
  float:left;
  background: #ddd;
}

#filter #rarity input{
  width:15px !important;
  float:left;
}

#filter #rarity span{
  float:left;
  margin-right:10px;
  width: 110px !important;
    line-height:250%;
}
#filter #rarity span img{
  vertical-align:middle;
}

#filter #type {

  float:left;

}

#filter #type input{
  width:15px !important;
  float:left;
}

#filter #type span{
  float:left;
  margin-right:10px;
  width: 110px !important;
  line-height:250%;
}


#filter #quality {

  float:left;
  background: #666;
}

#filter #quality input{
  width:10px !important;
  height: 10px !important;
  float:left;
}

#filter #quality span{
  float:left;
  margin-right:10px;
  width: 110px !important;
    line-height:250%;
}

.extended{
  margin-right:10px;
  width: 220px !important;
}

#filter #speciality {

  float:left;
}

#filter #speciality input{
  width:15px !important;
  float:left;
}

#filter #speciality span{
  float:left;
  margin-right:34px;
  line-height:250%;
}

#filter #price {

  float:left;
  margin: 0 auto;
  line-height:230%;
}

#filter #price input{
  width:100px !important;
}

#filter #language {
 
  float:left;
}

#filter #name {
  
}

#filter #name span{
  line-height:200%;
}

#filter #name input{
	width:211px !important;
	width:217px;
}

#filter #subtype {
  clear:both;
  float:left;
  line-height:250%;
}

#filter #subtype input{
	width:300px !important;
}

#filter #cardtext {

  line-height:250%;
}

#filter #cardtext input{
	width:300px !important;
}

#filter #formbuttons {

  float:left;
}

#filter #formbuttons input{
  width:130px !important;
  margin-right:30px !important;
  margin-right:15px;
}

#filter #check_availability {
  clear:both;
  float:left;
  line-height:250%;
}

#filter #check_availability input{
  width:15px !important;

}

.delim{
  float:left;
  width:610px;
  height:2px;
  background:#ccc url('../images/delim.gif') repeat-x;
}

/***************************************************
 Mana Row
 ***************************************************/
#image {
  float: left;
  overflow:hidden;
  width: 170px !important;
   width: 165px;
  height: 533px;  
  vertical-align: top;
  background: #000 url('../images/big_blue.jpg');
}

#mana{
	margin:0;
	padding:0;
}

#mana ul{
	width: 50px;
	margin-top:0;
	margin-left: 40px;
}

#mana ul li{
clear:left;
list-style-type: none;
list-style-image: none;
}

#mana ul li a:link,
#mana ul li a:visited {
	text-decoration:none;
}

#mana ul li a.w{
	float:left;
	width: 50px;
	height: 50px;
	background: url('../images/symbols.gif') no-repeat 0 0;
}

#mana ul li a.u{
	float:left;
	width: 50px;
	height: 50px;
	background: url('../images/symbols.gif');
	background-position:  0px -50px;
}

#mana ul li a.b{
	float:left;
	width: 50px;
	height: 50px;
	background: url('../images/symbols.gif');
	background-position:  0px -100px;
}

#mana ul li a.r{
	float:left;
	width: 50px;
	height: 50px;
	background: url('../images/symbols.gif');
	background-position:  0px -150px;
}

#mana ul li a.g{
	float:left;
	width: 50px;
	height: 50px;
	background: url('../images/symbols.gif');
	background-position:  0px -200px;
}

#mana ul li a.w:hover{
	background: url('../images/symbols.gif');
	background-position:  50px 0px;
}

#mana ul li a.u:hover{
	background: url('../images/symbols.gif');
	background-position:  50px -50px;
}

#mana ul li a.b:hover{
	background: url('../images/symbols.gif');
	background-position:  50px -100px;
}

#mana ul li a.r:hover{
	background: url('../images/symbols.gif');
	background-position:  50px -150px;
}

#mana ul li a.g:hover{
	background: url('../images/symbols.gif');
	background-position:  50px -200px;
}


/***************************************************
 Sidemenu Styles
 ***************************************************/

.sideMenu {
  padding: 10px 0;
}

.sideMenu a {
  display: block;
  text-align: right;
  text-decoration: none;
  margin-bottom: 1px;  
}

.sideMenu a span {
  display: block;
  padding: 1px;
  font-weight:600;
  font-size: 1.1em;
}

.sideMenu a:hover {
  background: #686868 url(../images/rounded_tl.gif) no-repeat top left;
}

.sideMenu a:hover span {
  background: url(../images/rounded_bl.gif) no-repeat bottom left;
}

#about_us p{
text-align:justify;
}

#login p{
margin:0;
padding:0;
text-align:center;
}

#login p a,
#login p a:visited{
  text-decoration:none;
  color:#fff;
}

#login p a:hover{
  color:#0088cc;
}

#cart {
background: url('../images/cart.jpg') no-repeat right bottom;
}

#cart p{
margin:0;
padding:0;
text-align:center;
color:#fff;
font-weight:600;
}

#cart p a,
#cart p a:visited{
  text-decoration:none;
  color:#fff;
}

#lcart p a:hover{
  color:#0088cc;
}


/***************************************************
 Comment Styles
 ***************************************************/

#comments p {
  padding: 0 5px;
  margin-bottom: 0;
  background: #686868 url(../images/rounded_tl.gif) no-repeat top left;
}

#comments p span.author {
  display: block;
  margin-top: 5px;
  text-align: right;
  font-weight: 700;
}

#comments img {
  margin-top: -1px;
}

#comments a {
  color: #7BD32C;
}

#comments a:visited {
  color: #AAA;
}

#comments a:hover {
  color: #FFF;
}
/***************************************************
 Shopping cart
 ***************************************************/
#shopping_cart table{
  font-size:1.1em;
}

#shopping_cart label{
  float:left;
  font-weight:bold;
  margin:2px 6px;

  width:100px;
}

#shopping_cart a:link,
#shopping_cart a:visited{
	color:#999;
	text-decoration:none;
}

#shopping_cart a:hover {
	color:#999;
	text-decoration:none;
}

.header{
  margin:0;
	padding:0;
	background: url('../images/table_head.jpg') repeat-x top;
	color:#000;
	font-weight:700;
}

/***************************************************
 Product list
 ***************************************************/

#product_list {
}

#product_list .item {
	width: 195px;
	padding: 0;
	float:left;
	border:2px solid #333;
	overflow:hidden;
}

#product_list .name {
color:#000000;
	background: url('../images/table_head.jpg') repeat-x top;
	font-size:1.2em;
	font-weight:600;
	width:100%;
	text-align:center;
height: 34px;
overflow:hidden;
}


#product_list .image {
	padding: 10px 0;
	height:130px !important;
	margin:0 auto;
	overflow:hidden;
}

#product_list .image img {
	border:3px solid #333;
   	 display: block;
   	 margin-left: auto;
    	margin-right: auto;
}

#product_list .text {
	margin:0;
	width: 470px !important;
	width: 450px;
	padding: 0 10px;
}

#product_list .text p{
	text-align:justify;
	margin:0;
	padding: 10px 0;
}

#product_list .clear {
	margin:0;
	padding:0;
	height:1px;
	clear:both;
}

#product_list .business {
	clear:both;
	margin:0;
	border-bottom:2px solid #999999;
	padding:0;
	
}

#product_list .add {
	height: 20px;
	
}

#product_list .price {
	text-align: center;
	padding-left:5px;
}

#currency{
	clear:both;
	float:right;
	width:100px;
	background: url('../images/table_head.jpg') repeat-x top;
	border:2px solid #999999;
	text-align:center;
	color:#000000;
	font-weight:600;
}

/***************************************************
 Footer
 ***************************************************/

#footer {
  clear: both;
  float: left;
  width: 615px;
  padding: 10px 20px;
  color: #999;
}

#footer p {
  padding-top: 0 !important;
  padding-top: 10px;
}

#footer a {
  color: #888;
}

#footer a:hover {
  color: #EEE;
}

/***************************************************
	Error recorder
 ***************************************************/

.ul-error{
margin:10px 0;
padding: 0 20px;
font-weight:700;
font-size:1.2em;
}


.ul-error li.bad{
list-style-image: url('../images/attention.gif') !important;
color:#FFF;
}

.ul-error li.good{
list-style-image: url('../images/ok.gif') !important;
color:#009900;
}



/***************************************************
 Generic Display Classes
 ***************************************************/

.center {
  text-align: center;
}

.paging {
  text-align: center;
  font-weight:100;
  text-transform:none;
}

#text .paging a:visited,
#text .paging a:link{
  color: #fff;
}

#text .paging a:hover{
  color: #ccc;
}

.noPad {
  padding: 0;
  margin: 0;
}

.left {
  float: left;
}

.right {
  float: right;
}

img.left {
  padding: 5px 5px 5px 0;
}

img.right {
  padding: 5px 0 5px 5px;
}

.button {
  width: auto;
  cursor: pointer;
}

.date {
  display: block;
  font-weight: 700;
}


div.auto_complete {
	width: 350px;
	background: #fff;
}
div.auto_complete ul {
	border:1px solid #888;
	margin:0;
	padding:0;
	width:100%;
	list-style-type:none;
}
div.auto_complete ul li {
	margin:0;
	padding:3px;
	text-color: #000;
	color: #000;
}
div.auto_complete ul li.selected {
	background-color: #ffb;
}
div.auto_complete ul strong.highlight {
	color: #800;
	margin:0;
	padding:0;
}


.clearit {
  clear:both;}
  
.neser img{
border: 0px solid #ccc;
}

.neser:hover img{
border: 0px solid #ccc;
}

.highlightit:hover{
color: red;
}