/*
Basic styles are defined with the addition of a basic global reset.
Written by Ben Lister (@bahnburner) January 2010 
Last revised Aug 8, 2012
Tutorial: http://blog.darkcrimson.com/2010/01/jquery-xml-parser/

*/
/*@import  url(https://fonts.googleapis.com/css?family=Montserrat);*/
@font-face {
	font-family: "PTSans";
	src: url('fonts/PTSans.eot');
	src: url('fonts/PTSans.eot?#iefix') format('embedded-opentype'), url('fonts/PTSans.woff') format('woff'), url('fonts/PTSans.ttf') format('truetype'), url('fonts/PTSans.svg#PTSans') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "PTSans Bold";
	src: url('fonts/PTSansBold.eot');
	src: url('fonts/PTSansBold.eot?#iefix') format('embedded-opentype'), url('fonts/PTSansBold.woff') format('woff'), url('fonts/PTSansBold.ttf') format('truetype'), url('fonts/PTSansBold.svg#PTSansBold') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "PTSans Narrow";
	src: url('fonts/PTN57F_W.eot');
	src: url('fonts/PTN57F_W.eot?#iefix') format('embedded-opentype'), url('fonts/PTN57F_W.woff') format('woff'), url('fonts/PTN57F_W.ttf') format('truetype'), url('fonts/PTN57F_W.svg#PTN57F_W') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "PTSans Narrow Bold";
	src: url('fonts/PTN77F_W.eot');
	src: url('fonts/PTN77F_W.eot?#iefix') format('embedded-opentype'), url('fonts/PTN77F_W.woff') format('woff'), url('fonts/PTN77F_W.ttf') format('truetype'), url('fonts/PTN77F_W.svg#PTN77F_W') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}


@font-face {
	font-family: 'Conv_tenge';
	src: url('fonts/tenge.eot');
	src: local('☺'), 
             url('fonts/tenge.woff') format('woff'), 
             url('fonts/tenge.ttf') format('truetype'), 
             url('fonts/tenge.svg') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
 
.tenge { font-family: 'Conv_tenge'; }


html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, pre, code, del, em, 
font, img, strike, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, 
label, legend, table, caption, tbody, tfoot, thead, tr, th, td, section, 
article, header, footer,nav { 
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0; 
	font-weight: inherit; 
	font-style: inherit; 
	font-size: 100%; 
	font-family: inherit; 
	vertical-align: baseline;
}

strong { font-weight: bold}
body,html {
	line-height: 1em;  
	color: #111;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%; /* 1em = 10px \ 1.1em = 11px \ 1.2em = 12px */

}
html {
	/*background: rgb(37,37,37);
	background: -moz-linear-gradient(top, rgba(37,37,37,1) 0%, rgba(37,37,37,1) 24%, rgba(34,34,34,1) 42%, rgba(15,15,15,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(37,37,37,1)), color-stop(24%,rgba(37,37,37,1)), color-stop(42%,rgba(34,34,34,1)), color-stop(100%,rgba(15,15,15,1)));
	background: -webkit-linear-gradient(top, rgba(37,37,37,1) 0%,rgba(37,37,37,1) 24%,rgba(34,34,34,1) 42%,rgba(15,15,15,1) 100%);
	background: -o-linear-gradient(top, rgba(37,37,37,1) 0%,rgba(37,37,37,1) 24%,rgba(34,34,34,1) 42%,rgba(15,15,15,1) 100%);
	background: -ms-linear-gradient(top, rgba(37,37,37,1) 0%,rgba(37,37,37,1) 24%,rgba(34,34,34,1) 42%,rgba(15,15,15,1) 100%);
	background: linear-gradient(to bottom, rgba(37,37,37,1) 0%,rgba(37,37,37,1) 24%,rgba(34,34,34,1) 42%,rgba(15,15,15,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252525', endColorstr='#0f0f0f',GradientType=0 );
	*/
	background: #fff;
	height: 100%;
	scroll-behavior: smooth;
}
	
ol, ul { list-style: none }
	
table { border-collapse: separate;  border-spacing: 0 }



a { color: #000 }

h1#title {
	margin:40px 0;
	font-weight: 300;
	font-size: 2.3em;
	line-height: 1.05em;
	text-align: center;
	font-family: 'avenir','helvetica neue', arial;
}

h3#xml_dec_nav {
	clear: both;
	padding: 15px 0;
	font-size: 1.2em;
	font-weight: bold;
	float: left;
}

h4#xml_desc_header {
	display: block;
	font-size: 0.9em;
	clear: both;
	padding-top: 30px;
	text-align: center
}

#xml_wrapper { max-width: 1030px/*1140*/; width: 85%; margin: 0 auto }

	#xml_wrapper table { margin-top: 20px;width: 100% }
	
	#xml_wrapper table td { padding: 5px;margin: 0 10px 0 0; line-height: 1.2em }

#xml_wrapper table th, ul#xml_nav li {
	background: #232f3e; /*rgb(187,4,4)*/
	/*
	background: -moz-linear-gradient(top, rgba(187,4,4,1) 0%, rgba(187,4,4,1) 7%, rgba(179,4,4,1) 31%, rgba(115,1,1,1) 83%, rgba(101,0,0,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(187,4,4,1)), color-stop(7%,rgba(187,4,4,1)), color-stop(31%,rgba(179,4,4,1)), color-stop(83%,rgba(115,1,1,1)), color-stop(100%,rgba(101,0,0,1)));
	background: -webkit-linear-gradient(top, rgba(187,4,4,1) 0%,rgba(187,4,4,1) 7%,rgba(179,4,4,1) 31%,rgba(115,1,1,1) 83%,rgba(101,0,0,1) 100%);
	background: -o-linear-gradient(top, rgba(187,4,4,1) 0%,rgba(187,4,4,1) 7%,rgba(179,4,4,1) 31%,rgba(115,1,1,1) 83%,rgba(101,0,0,1) 100%);
	background: -ms-linear-gradient(top, rgba(187,4,4,1) 0%,rgba(187,4,4,1) 7%,rgba(179,4,4,1) 31%,rgba(115,1,1,1) 83%,rgba(101,0,0,1) 100%);
	background: linear-gradient(to bottom, rgba(187,4,4,1) 0%,rgba(187,4,4,1) 7%,rgba(179,4,4,1) 31%,rgba(115,1,1,1) 83%,rgba(101,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb0404', endColorstr='#650000',GradientType=0 );*/
	}
	
#xml_wrapper table th {
	text-align: left;
	color: #fff;	
	padding: 5px;
	font-weight: bold;
	cursor: pointer;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 0.9em;
	text-shadow: 1px 1px 0 rgba(255,255,255, 0.1);
}

	#xml_wrapper table th:first-child { 
		-moz-border-radius:  4px 0 0 0; 
		-webkit-border-radius: 4px 0 0 0;  
		border-radius: 4px 0 0 0; 
	}
	
	#xml_wrapper table th:last-child { 
		-moz-border-radius: 0 4px 0 0; 
		-webkit-border-radius: 0 4px 0 0; 
		border-radius: 0 4px 0 0;  
	}

 .th_hover { color: #ccc}
 
 
 #xml_wrapper table th.headerSortDown,#xml_wrapper table th.headerSortUp { color: #fff; text-shadow: 1px 1px 0 rgba(0,0,0,0.5);}
 
ul#xml_nav { float: left; margin:8px 0 0 22px }

	ul#xml_nav li {
		float:left;
		margin-right: 8px;
		padding:5px 8px;
		font-size: 0.9em;
		-moz-border-radius: 8px 8px 8px 8px;
		-webkit-border-radius: 8px 8px 8px 8px;
		border-radius: 8px 8px 8px 8px;
	}
	ul#xml_nav li a { text-decoration: none; color: #fff; }
		
/*			
#preload_xml {
	height:100px;
	left:50%;
	position:absolute;
	top:30%;
	width:200px;
	z-index:2;
}
	#preload_xml img {
		display: block;
		margin: 0 0 15px 35px;
		
	}			
*/
#preload_xml {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.text {
  color: #232f3e;
  display: inline-block;
  margin-left: 5px;
}

.bounceball {
  position: relative;
  display: inline-block;
  height: 37px;
  width: 15px;
}
.bounceball:before {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #232f3e;
  transform-origin: 50%;
  -webkit-animation: bounce 500ms alternate infinite ease;
          animation: bounce 500ms alternate infinite ease;
}

@-webkit-keyframes bounce {
  0% {
    top: 30px;
    height: 5px;
    border-radius: 60px 60px 20px 20px;
    transform: scaleX(2);
  }
  35% {
    height: 15px;
    border-radius: 50%;
    transform: scaleX(1);
  }
  100% {
    top: 0;
  }
}

@keyframes bounce {
  0% {
    top: 30px;
    height: 5px;
    border-radius: 60px 60px 20px 20px;
    transform: scaleX(2);
  }
  35% {
    height: 15px;
    border-radius: 50%;
    transform: scaleX(1);
  }
  100% {
    top: 0;
  }
}
	
/* These have ties to XML.js */ 
	ul#xml_nav li.xml_nav_hit { background: #f0f0f0  }
		ul#xml_nav li.xml_nav_hit a { color: #5F0000 }
	 
	 /*For zebra stiping in table*/		
	 /* NOTE: This does not work as intended with filtering */	
/*	.odd {}
	.even {}*/
	
p {
	clear: both;
	font-size: 0.8em;
	text-align: center;
	margin-top: 30px;
	color: #ccc;
}

/*.stripe { background: #111}*/


@media all and (max-width: 600px){
  body {
    font-size: 0.8em;
    line-height: 1.2em;
  }
}

img.thumbs {
	max-width: 50%;
    height: auto;
    display: block;
}

.old_price {
  font-size: 90%;
  line-height: 12px;
  color: #61656d; /*#a1a4aa*/
  font-family: "PTSans Narrow";
  text-decoration: line-through;
  min-height: 12px;
}

.price {
  font-size: 18px;
  line-height: 18px;
  font-weight: bold;
  color: #111;
  font-family: "PTSans Narrow Bold";
  margin-bottom: 3px;
}

a.noline {
	text-decoration: none;
}

.sort {
	width:100%;
}

.searchbox{
	float:right;
	width:100%;
	padding-top:10px;
}

.searchbox input.search {
  width: 100%;
  padding-left: 10px;
}

.searchbox input {
  display: block;
  float: left;
  border: 1px solid #232f3e;/*#e9e8e8*/
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 0;
  height: 38px;
  margin: 0 0 0 3px;
  font-family: "PTSans";
  font-size: 15px;
 /* -webkit-box-shadow: 0 0 0 2px #F90, 0 0 0 3px rgba(255, 153, 0, .5);
  -moz-box-shadow: 0 0 0 2px #F90, 0 0 0 3px rgba(255, 153, 0, .5);
  box-shadow: 0 0 0 2px #F90, 0 0 0 3px rgba(255, 153, 0, .5);
  z-index: 1*/
}

.searchbox label {
	display: block;
	padding: 5px;
}

.tablesorter-filter-row .disabled  {display:none !important;}

.tablesorter-dropbox thead tr, .tablesorter-dropbox .tablesorter-headerRow {
    font-size: 13px;
}