*, *:before, *:after {
  /* Chrome 9-, Safari 5-, iOS 4.2-, Android 3-, Blackberry 7- */
  -webkit-box-sizing: border-box; 
  /* Firefox (desktop or Android) 28- */
  -moz-box-sizing: border-box;
  /* Firefox 29+, IE 8+, Chrome 10+, Safari 5.1+, Opera 9.5+, iOS 5+, Opera Mini Anything, Blackberry 10+, Android 4+ */
  box-sizing: border-box;
}

html, body {
	font-size: 100%; /* WinIE text resize correction */
	min-height: 100%;
	width: 100%;
	height: 100%;
	margin: 0;
}
html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
	font-size: 1em; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
}
body {
	padding: 0;
	color: #000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	/* [disabled]border-collapse: collapse; */
}
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 0px 0px;
}
li {
	/* font-size: 0.825em doesn't work in menus, which apparently resize for levels; */
	font-size: 8pt; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
	margin: 5px;
}
ol li {
	font-size: 82.5%; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
	margin-left: 1em;
}

.imagelink {
	display: block;
	background-size: 100%;
	background: url(geo/gmi/gmi_rollover.jpg) no-repeat;
}

.imagelink a:link, .imagelink a:visited {
	display: block;
	background-size: 100%;
	background: url(geo/gmi/gmi_rollover.jpg) no-repeat;

}
.imagelink a:hover, .imagelink a:focus {
	background: url(geo/gmi/gmi_rollover-over.jpg) no-repeat;
}
.imagelink a:active {
	background: url(geo/gmi/gmi_rollover-down.jpg) no-repeat;
}

H1, H2, H3, h4, h5, h6 {
	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
	padding-right: 0px;
	padding-left: 0px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
	padding-top: 0px;
}
H1 {
	margin-top: 0; /* gotta say it again, don't know why */
	font-size: 150%; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
}
H2 {
	font-size: 115%; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
	font-style: italic;
}
P, TD {
	margin: .5em 0;
	/* 82.5% of 16pt em = ~14pt */
	font-size: 82.5%; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
	font-size: 90%; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
}

B { font-weight: bold; }
I { font-style: italic; }

A img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
	vertical-align: bottom;
}
hr { 
	height: 1px; 
	color: #000; 
	background-color: #000;
	border: 1px inset #999;
	text-align: center; 
	margin: .5em auto;
} 
textarea {
	min-width: 300px;
	width: 100%;
}
.tt, .code, .pre {
	font-family: monospace;
	font-size: 1em; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
}
.pre {
	font-size: .825em; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
}

.size1 {
	font-size: 65%; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
}
.size2 {
	font-size: 80%; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
}
.size4 {
	font-size: 100%; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
}
.size5 {
	font-size: 125%; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
}
.size6 {
	font-size: 150%; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
}

.ondark {
    color: #eee;
}
.red {
	color: Red;
}
.green {
	color: Green;
}
.blue {
	color: Navy;
}
.brown {
	color: #500;
}
.yellow {
	color: Yellow;
}
.white {
	color: White;
}
.hilite-yellow{
	background-color: Yellow;
}
.hilite-green{
	background-color: #9f9;
}
.hilite-white{
	background-color: #fff;
}
.nobold{
	font-weight: normal;
}
.nobr{
	white-space: nowrap;
}
.underline {
	text-decoration:underline;
}

.center_me {
	text-align: center;
	margin: 0 auto;
}
.fullwidth {
	width: 100%;
	display: inline-block;
}

.contact_block {
	margin-bottom: .1em;
	padding: .1em .25em;
}

#spinloader {
	color:#fff; 
	text-align: center; 
	vertical-align: top;
	margin: 0 auto;
}

/* --------------- sitemap ----------- */
.sitemap {
	padding: .25em .5em;
}
.sitemap p {
	margin: .25em 0em;
}

/* These undo the browser's automatic downscaling of list items levels */

.sitemap ul li {
	font-size: .825em; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
	margin: .25em .5em;
}
.sitemap ul li ul li {
	font-size: 1em; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
}
.sitemap ul li ul li ul li {
	font-size: 1.05em; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
}
/* downscaling offset end */

.sitemap.head {
	font-size: 70%; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
	font-weight: bold;
	margin-top: .5em;
	color: #fff;
}
.sitemap#top {
	border: 2px solid #999;
	background-color: #dedeef;
}
.sitemap.head#products {
	background-color: #537;
}
.sitemap#products {
	border: 2px solid #537;
	border-top: 0;
	background-color: #cce;
}
.sitemap.head#services {
	background-color: #246;
}
.sitemap#services {
	border: 2px solid #246;
	border-top: 0;
	background-color: #bce;
}
.sitemap.head#shop {
	background-color: #460;
}
.sitemap#shop {
	border: 2px solid #460;
	border-top: 0;
	background-color: #bcb;
}
.sitemap.head#news {
	background-color: #950;
}
.sitemap#news {
	border: 2px solid #950;
	border-top: 0;
	background-color: #dba;
}
.sitemap.head#reference {
	background-color: #930;
}
.sitemap#reference {
	border: 2px solid #930;
	border-top: 0;
	background-color: #eb9;
}
.sitemap.head#company {
	background-color: #711;
}
.sitemap#company {
	border: 2px solid #711;
	border-top: 0;
	background-color: #fbb;
}
/* --------------- sitemap end ----------- */

/* center page in viewport, don't go wider than 1280, narrower than 320 */
#pagelayout {
	align: center 0px #ccf;
	height: auto;
	width: auto;
	min-width: 320px;
	max-width: 1408px;
	padding: 0em 0%;
	margin: 0 auto;
}

/* header image */
.topimg {
	z-index: 2;
	background-repeat: no-repeat;
	background-size: cover;
}
.prods { background-image: url(art/bgs/01_top.jpg); }
.news { background-image: url(art/bgs/02_top.jpg); }
.services {	background-image: url(art/bgs/03_top.jpg); }
.welcome { background-image: url(art/bgs/04_top.jpg); }
.ordering {	background-image: url(art/bgs/05_top.jpg); }
.software {	background-image: url(art/bgs/06_top.jpg); }
.contact { background-image: url(art/bgs/07_top.jpg); }
.music { background-image: url(art/bgs/08_top.jpg); }
.reference { background-image: url(art/bgs/09_top.jpg); }
.legacy { background-image: url(art/bgs/10_top.jpg); }
.lfco {	background-image: url(art/bgs/11_top.jpg); }
.ldco {	background-image: url(art/bgs/12_top.jpg); }
.fdod {	background-image: url(art/bgs/13_top.jpg); }
.dtoc {	background-image: url(art/bgs/dtod_header.jpg); }
/* header image end */

/* header */
#header {
	border: solid 0px #ccf;
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 200px;
	max-height: 200px;
	margin: 0;
	padding: 0;
	/* [disabled]border-collapse: collapse; */
	/* [disabled]color: #CFF; */
	/* [disabled]white-space: nowrap; */
	/* [disabled]background-image: url(art/bgs/01_top.jpg); */
}
#header_spacer {
	border: solid 0px #f00;
	display: block;
	width: 100%;
	height: 78px;
}
#header_logo {
	border: solid 0px #fcc;
	display: table-cell;
	vertical-align: bottom;
	width: 29%;
	height: 100%;
	padding: .5em;
}
#header_logo img {
	width: 100% auto;
	min-width: 112px;
	max-width: 100%;
	height: 28% auto;
}
#header_titlebar {
	border: solid 0px #ff0;
	display: block;
	vertical-align: middle;
	width: 100%;
	height: 100px;
 padding-left: 2%;
}
#titlebar {
	border: solid 0px #0f0;
	display: table-cell;
	vertical-align: middle;
	width: 400px;
 height: 100px;
	text-align: center;
	color: #EEEEFF;
	font-size: 180%; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
	font-weight: bold;
	text-shadow: 3px 3px 3px #224;
	filter: shadow(color=black,strength=5), alpha(opacity=100);
}
#titlebar a {
 color: #eef;
}
#titlebar2 {
	border: solid 0px #00f;
	display: table-cell;
	width: 400px;
 height: 100px;
	text-align: right;
	vertical-align: middle;
 padding-right: 1em;
	color: #EEEEFF;
	font-size: 1em; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
	font-weight: normal;
	text-shadow: 3px 3px 3px #224;
	filter: shadow(color=black,strength=5), alpha(opacity=100);
}
#titlebar2 a {
 color: #eef;
 font-weight: normal;
 }
#navbar {
	border: solid 0px #ace;
	margin: 0;
	padding: 0;
	width: 100%;
	background-color: #222;
	background-color: rgba(200, 80, 0, .8);
	float: left;
}
/* header end */

/* --------------- meat ----------- */

#meat {
	border: solid 0px #f00;
	width: 100%;
	clear: both;
	position: relative;
	float: left;
	padding: .6em;
}

/* the sidebars and content */
.sidebar {
	border: solid 0px #ff0;
	width: 20%;
	float: left;
	padding: 0em .6em 0em 0em;
}
.content {
	border: solid 0px #fff;
	width: 80%;
	float: right;
	padding: .6em;
}

#geo.sidebar_right {
	border: solid 0px rgba(255,255,255,.3);
	float: right;
	width: 40%;
	height: 100% auto;
	display: inline-table;
	margin: 0em .5em .5em 0em;
}
#index.sidebar_right {
	border: solid 1px rgba(255,255,255,.3);
	float: right;
	width: 18.5%;
	height: 100% auto;
}

.sidebar#geo {
	width: 25%;
}
.content#geo {
	width: 75%;
}
.sidebar#searchsite {
	width: 40%;
}
.content#searchsite {
	width: 60%;
}

.content_full {
	border: solid 0px #0f0;
	width: 100%;
	padding: .6em;
}

#geo.content_left {
	width: 58%;
	float: left;
}
/* meat end */

/* --------------- index page only ----------- */
#content_left {
	border: solid 0px #fff;
	width: 80%;
	position: relative;
	float: left;
	padding: 0;
	margin-right: 0.5em;
}
#content_top {
	border: solid 0px #ff0;
	position: relative;
	float: left;
	width: 100%;
	padding: .6em;
	font-size: 118%; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
	color: #adf;
}
.qcontent {
	border: solid 0px #f9f;
	padding: .6em;
}
#qcontent {
	border: solid 0px #fff;
	position: relative;
	float: right;
	width: 80%;
}
.qtable {
	display: table;
	float: left;
}
.qcard {
	display: table-cell;
	border: solid 5px rgba(255,255,255,.3);
	width: 33%;
	height: 100%;
	padding: 0.8em;
}

.boxtop {
	text-align: center;
	background-color: #222;
	padding: .5em;
	border: solid 1px rgba(100,100,100,.2);
}
.boxtop img {
	width: 100%;
	height: auto;
	min-width: 112px;
	max-width: 200px;
}
/* --------------- index page end ----------- */

/* --------------- shadows ----------- */
.dropshadow_1 {
	box-shadow: 1px 1px 0.5em #300;
	background-color: rgb(68,68,68); /* Needed for IEs */
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#000000');
}
.dropshadow_2 {
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 2px 2px 0.6em #300;
	background-color: rgb(68,68,68); /* Needed for IEs */
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#000000');
}
.dropshadow_blue {
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 2px 2px 0.6em #003;
	background-color: rgb(68,68,68); /* Needed for IEs */
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#000000');
	border-collapse: separate;
}
.textshadow {
	text-shadow: 2px 2px 1px #000;
	/* [disabled]filter: shadow(color=black,strength=5), alpha(opacity=100); */
}
.textshadow a:hover {
	filter: shadow(color=black,strength=0), alpha(opacity=100);
	text-shadow: none;
	text-decoration: underline;
}
/* --------------- shadows end ----------- */

.hoverglow, .hovershadow, .hoverraise {
 transition: 0.1s ease;
  -webkit-transition: 0.1s ease;
  -moz-transition: 0.1s ease;
}
.hoverglow:hover {
 transform: translate(0px,-1px);
 box-shadow: 0 5px 15px rgba(255,180,180,0.70);
}
.hovershadow:hover {
 transform: translate(0px,-1px);
 box-shadow: 0 5px 15px rgba(128,0,0,0.60);
}
.hoverraise:hover {
 transform: translate(0px,-1px);
}


.pad8 {
	padding: .5em;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}

.img_l {
	float: left;
	margin: .4em 1em .4em 0em;
}
.img_r {
	float: right;
	margin: .4em 0em .4em 1em;
}
.img_lt {
	float: left;
	margin: 0em .6em 0em 0em;
	text-align: left;
}
.img_lm {
	margin: 0em .6em 0em 0em;
	vertical-align: middle;
}

.vtop { vertical-align: top; }
.vmid { vertical-align: middle; }

.w5 { width: 5%; }
.w6 { width: 6%; }
.w7 { width: 7%; }
.w10 { width: 10%; }
.w12 { width: 12%; }
.w15 { width: 15%; }
.w18 { width: 20%; }
.w20 { width: 20%; }
.w30 { width: 30%; }
.w35 { width: 35%; }
.w40 { width: 40%; }
.w50 { width: 50%; }
.w60 { width: 60%; }
.w70 { width: 70%; }
.w80 { width: 80%; }
.w90 { width: 90%; }
.w100 { width: 100%; }

/* --------------- order forms ----------- */
.orderpair {
 	border: solid 0px #f00;
	width: 100%;
	height: 100%;
	position: relative;
	float: left;
}
.orderblock_left {
 	border: solid 0px #ff0;
 	width: 45%;
	height: 100%;
	position: relative;
	float: left;
}
.orderblock_right {
    border: solid 0px #9f0;
 	width: 55%;
	height: 100%;
	position: relative;
	float: left;
}

.submit_container {
	height: 70px;
}
.clear_block {
	border: 5px outset; 
	padding: .5em 1em; 
	background-color: #f33; 
	text-align: center; 
	width: 20%; 
	display: block; 
	float: left;
}
.clear {
    background: url(art/form_clear.jpg) no-repeat;
    height: 45px;
    width: 90px;
    border: none;
}
.clear:hover {
    background: url(art/form_clear-over.jpg) no-repeat;
    height: 45px;
    width: 90px;
    border: none;
	cursor: pointer;
}
.submit_block {
	border: 5px outset; 
	padding: .5em 0em; 
	background-color: #0f9f00; 
	text-align: center; 
	width: 80%; 
	min-width: 300px;
	display: block; 
	float: left;
}
.submit {
    background: url(art/form_submit.jpg) no-repeat;
    height: 45px;
    width: 270px;
    border: none;
}
.submit:hover {
    background: url(art/form_submit-over.jpg) no-repeat;
    height: 45px;
    width: 270px;
    border: none;
	cursor: pointer;
}

.qorderform {
	color: #040; 
	background-color: #dfd; 
	font-weight:bold; 
	font-size: 9pt; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
}
.qprodcode {
	background-color: #00C; 
	color:#fff; 
	font-weight:bold; 
	font-size: 8pt; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
}
/* --------------- order forms end ----------- */

/* --------------- Tables ----------- */
TABLE.gen {
	border-collapse: collapse;
	border-spacing: 0px;
	border: 0;
	text-align: left;
	/* [disabled]min-height: 100%; */
	/* [disabled]height: 100%; */
}
TABLE.gen26, TABLE.gen26c {
	border-collapse: separate;
	border-spacing: 2px;
	width: 100%;
	min-height: 100%;
	height: 100%;
	/* [disabled]background-color: transparent; */
}
TABLE.gen26nw {
	border-collapse: separate;
	border-spacing: 2px;
	min-height: 100%;
	height: 100%;
	/* [disabled]background-color: transparent; */
}
.gen td {
	padding: 0px;
}
.gen26 td {
	padding: 6px;
	text-align: left;
	min-height: 100%;
}
TABLE.gen26c td {
	padding: 6px;
	text-align: center;
}
.gen26nw td {
	padding: 6px;
	text-align: left;
}
TABLE.pad6 {
	border-collapse: separate; 
	border-spacing: 6px;
}
TABLE.pad8 {
	border-collapse: separate; 
	border-spacing: 8px;
	text-align: left;
}

td.pdf  {
	background-color: #fc6;
	font-size: 8pt; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
	padding: 5px;
	text-align: center;
}
/* --------------- Tables end ----------- */

/* --------------- Quasi-tables ----------- */
.qtable.pdf {
	background-color: #960; 
	padding: .3em; 
	font-size: 70%;	/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
}
.qtable.pdf .qth, .qtable.pdf .qtd {
	font-weight: bold;
	padding: .5em;
}
.qtable.pdf .qth {
	font-weight: bold;
 	color: #eef; 
}
.qtable.pdf .qtd {
	background-color: #fc6; 
	white-space: nowrap;
}

.qtable.rent {
	width: 100%; 
	background-color: #000; 
	padding: .3em; 
	font-size: .8em;
}
.qtable.rent .qth, .qtable.rent .qtd {
	font-weight: bold;
	padding: .5em;
}
.qtable.rent .qth {
	font-weight: bold;
 	color: #eef; 
}
.qtable.rent .qtd.pre {
	border: 2px solid #000;
	background-color: #777; 
	white-space: nowrap;
}
.qtable.rent .qtd.pre a, .qtable.rent .qtd.fish a {
	display: inline-table;
	color: #ddd;
}

.qtable.rent .qtd.pre a:hover, .qtable.rent .qtd.fish a:hover {
	display: inline-table;
	color: #fff;
	background-color: #aaa; 
}
.qtable.rent .qtd.fish {
	border: 2px solid #000;
	background-color: #444; 
	white-space: nowrap;
}
/* --------------- Quasi-tables end ----------- */

/* ------------------------- price box ------------------- */
TABLE.pricebox {
	border-collapse: separate; 
	width: 100%;
 max-width: 620px;
	border-spacing: 2px;
	background-color: #036;
 margin-top: 1em;
}
TABLE.pricebox th, TABLE.pricebox td {
	padding: .5em .2em;
	font-weight: bold;
	text-align: center;
}
TABLE.pricebox tr {
	text-align: center;
}
TABLE.pricebox TD.prodrecc {
	background-color: #FC9;
	font-size: 70%; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
	font-weight: normal;
}
TABLE.pricebox TH.proddesc0 {
	background-color: #5e5e00;
	padding: .5em;
	text-align: left;
}
TABLE.pricebox TD.proddesc0 {
	padding: .5em;
	background-color: #dfdfa0;
	text-align: left;
	font-size: 75%; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
	font-weight: normal;
}

.pricebox_narrow TH.prodsize {
	width: 50%;
}
TH.prodsize, TH.prodprice, TH.prodcode {
	width: 18%;
	background-color: #930;
}
TH.proddesc {
	background-color: #5e5e00;
	font-size: 75%; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
}
TH.prodprice {
	background-color: #173C00;
}
TH.prodcode {
	background-color: #1200B3;
}

TD.prodpic {
	background-color: #047;
	width: 20%;
}
TD.prodname {
	background-color: #004c7c;
	color: #fff;
	font-size: 100%; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
}
TD.prodorder {
	background-color: #0a1;
	color: #ff0;
	width: 30%;
	padding: .5em;
}
TD.prodbuy {
	background-color: #161;
	color: #ff0;
}
TD.prodsize1, TD.prodsize2, TD.prodsize3, TD.prodsize4, TD.prodsize5, TD.prodsize6 {
	color: #400;
}
TD.proddesc1, TD.proddesc1, TD.proddesc1, TD.proddesc1, TD.proddesc1, TD.proddesc1 {
	font-size: 82.5%; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
}
TD.prodprice1, TD.prodprice2, TD.prodprice3, TD.prodprice4, TD.prodprice5, TD.prodprice6 {
	color: #040;
	font-size: 100%; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
}
TD.prodcode1, TD.prodcode2, TD.prodcode3, TD.prodcode4, TD.prodcode5, TD.prodcode6 {
	color: #006;
	white-space: nowrap;
}

TD.prodsize6 { background-color: #df7a7f; }
TD.prodsize5 { background-color: #df8a8f; }
TD.prodsize4 { background-color: #df9a9f; }
TD.prodsize3 { background-color: #dfaaaf; }
TD.prodsize2 { background-color: #dfbabf; }
TD.prodsize1 { background-color: #dfcacf; }

TD.proddesc6 { background-color: #ffe040; }
TD.proddesc5 { background-color: #ffe050; }
TD.proddesc4 { background-color: #ffe060; }
TD.proddesc3 { background-color: #ffe070; }
TD.proddesc2 { background-color: #ffe080; }
TD.proddesc1 { background-color: #ffe090; }

TD.prodprice6 { background-color: #70ff70; }
TD.prodprice5 { background-color: #80ff80; }
TD.prodprice4 { background-color: #90ff90; }
TD.prodprice3 { background-color: #a0ffa0; }
TD.prodprice2 { background-color: #b0ffb0; }
TD.prodprice1 { background-color: #c0ffcf; }

TD.prodcode6 { background-color: #7aa0ff; }
TD.prodcode5 { background-color: #8ab0ff; }
TD.prodcode4 { background-color: #9ac0ff; }
TD.prodcode3 { background-color: #aad0ff; }
TD.prodcode2 { background-color: #bae0ff; }
TD.prodcode1 { background-color: #caf0ff; }

/* ------------------------- price box end ------------------- */

/* ============ player iframe etc ================ */

iframe.vhxplayer {
 width: 640px;
 height: 360px;
 border: 0;
 overflow: hidden;
 overflow-x: hidden;
 overflow-y: hidden;
 background-color: #222;
 padding: 0em;
 margin: .25em;
}

.vhxposter {
  width: 960px;
  height: 540px;
  max-height: 100%;
  max-width: 100%;
  }


/* ============ player iframe etc end ================ */

/* ============ rentnow ================ */
TABLE.rentnow  {
	border-collapse: separate; 
	border-spacing: .3em;
	background-color: #000;
	width: 100%;
}

.rentnow th {
	color: #eef;
	font-size: .9em;
	font-weight: bold;
	padding: .2em .25em;
	text-align: center;
}
.rentnow2k th {
 background-color: #533;
 font-style: normal;
 }
.rentnow4k th {
 background-color: #344;
 font-style: normal;
 }
.rentnow td.english {
	background-color: #666;
	text-align: center;
}
.rentnow td.intl {
	background-color: #444;
	text-align: center;
}
.rentnow td.english a, .rentnow td.intl a {
	font-size: 1em;
	display: inline-table;
	text-align: center;
	width: 100%;
	color: #ddd;
	padding: .1em 0em;
}
.rentnow td.english a:hover {
	color: #fff;
	background-color: #093;
}
.rentnow td.intl a:hover {
	color: #fff;
	background-color: #093;
}
/* ============ rentnow end ================ */

.rnbutton {
 color: white; 
 font-size: 1em;
 font-weight: bold;
 font-style: italic;
 background-color: #000; 
 padding: 0em .5em; 
 font-family: Tahoma, Geneva, sans-serif;
	white-space: nowrap;
 }

.swbutton {
 font-size: 1em;
 font-weight: bold;
 background-color: #f96; 
 border: 1px solid #ccc;
 border-radius: 6px;
 padding: .5em 1.5em; 
 font-family: Tahoma, Geneva, sans-serif;
	white-space: nowrap;
 }

/* ============ pagenav ================ */
TABLE.pagenav {
	border-collapse: separate; 
	border-spacing: .5em;
}
TABLE.pagenav.fdodlist {
	border-collapse: separate; 
	border-spacing: .25em .1em;
	background-color: #B40;
	width: 100%;
}

.pagenav th {
	color: #eef;
	font-size: 8.5pt; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< no resize */
	font-weight: bold;
	padding: .6em .25em;
	text-align: left;
}
.pagenav th.isi {
	padding: .25em;
}
.pagenav th a, .pagenav th a:visited {
	text-decoration: none;
}
.pagenav th a:hover {
	text-decoration: underline;
}

TD.beveled_info, TD.beveled_view, TD.beveled_price, TD.beveled_stream {
	border-style: outset;
	border-width: 3px;
	border-color: #909;
}
TD.beveled_view {
	border-color: #990;
}
TD.beveled_price {
	border-color: #099;
}
TD.beveled_stream {
	border-color: #933;
}
TD.pagenav_sel {
	background-color: #ddd;
	border: solid 1px #006;
	font-weight: bold;
	padding: .8em;
	text-align: left; 
	/* border-style: inset
	border-width: 2px;
	border-color: #999; */
}
TD.pagenav_sel.fdodlist {
	background-color: #ddd;
	border: solid 0px #006;
	font-weight: bold;
	padding: .2em;
	text-align: left; 
}

TD.pagenav_dl a, TD.pagenav_dl_a a, TD.pagenav_pdf a, 
TD.pagenav_info a, TD.pagenav_view a, TD.pagenav_price a, TD.pagenav_stream a, 
TD.pagenav a, TD.pagenav_a a, TD.pagenav_pdf a,
TD.pagenav_more a, TD.pagenav_more_a a {
	font-size: 9pt; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< no resize */
	display: inline-table;
	text-align: left;
	width: 100%;
}
TD.pagenav_stream a {
	font-size: 8pt; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< no resize */
}
TD.pagenav_info a, TD.pagenav_view a, TD.pagenav_price a, TD.pagenav_sel {
	font-size: 9.5pt; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< no resize */
}
TD.pagenav.fdodlist a {
	font-size: 7pt;
}
TD.pagenav_a.fdodlist a {
	font-size: 7pt;
}
TD.pagenav_view.viewem a {
	text-align: center;
}
TD.pagenav_more, TD.pagenav_more_a {
	padding-left: .5em;
}
TD.pagenav_more a, TD.pagenav_more_a a {
	padding-left: .5em;
}
TD.pagenav_pdf {
	background-color: #FC6;
}
/* ============ pagenav end ================ */

/* ============ viewers ================ */

.viewer {
	width: 100%; 
	padding: .25em; 
	background-color: #222;
}
.demo {
	width: 60%; 
	min-width: 320px;
}
.flvs {
	display: table-cell;
	width: 50%; 
	min-width: 330px;
	text-align: center;
}
.trans {
	float: left;
	width: 40%;
	min-width: 330px;
	margin-right: 1em;
}
.viewertext {
	color: #fff;
	background-color: #333;
	padding: 1px 5px;
	margin-bottom: 0.25em;
}
.topper {
	color: #ee9; 
	font-weight: bold; 
}

/* ============ viewers end ================ */

/* ============ Play Me, compatibles, OMB, FMB, LTD, SSG, LDC, ================ */

TH {
	color: #eef;
	font-size: 8pt; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< no resize <<<<<<<<<<<<<<<<<< */
	font-weight: bold;
	padding: 6px;
	text-align: left;
}
/* ============ Play Me, compatibles, OMB, FMB, LTD, SSG, LDC end ================ */

/* ------ LNP Fulldome Show Compendium ------- */
TABLE.lfsc_top {
	width: 100%;
	border: 0;
	background-color: #045;
}
TABLE.lfsc_top tr {
	background-color: #048;
}
TABLE.lfsc_top td {
	padding: 2px;
}
TABLE.lfsc_top.cols tr {
	background-color: #269;
}
TABLE.lfsc_list {
	margin-bottom: .5em;
	background-color: #003;
	width: 100%;
	border-collapse: separate;
	border-spacing: 1px;
}
TABLE.lfsc_list td {
	padding: .1em .5em;
	font-size: .825em; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
}
TABLE.lfsc_list td.LNP_resell {
	padding: .6em;
	font-size: .825em; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
}
TD.beveled {
	border-style: outset;
	border-width: 3px;
	border-color: #099;
}

.lfsc_dist {
	background-color: #afa; 
	border: 1px solid #009; 
	font-size: 82.5%; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< no resize */
	font-weight: bold;
	padding: .5em .8em; 
	margin-top: .5em;
}
.lfsc_distno {
	background-color: #bbc0d0; 
	border: 1px solid #009; 
	border-top: 0;
	font-size: 80%; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< no resize */
	padding: .5em .8em; 
	margin-bottom: .5em;
}
.lfsc_tally {
	padding: .5em .5em .25em .8em; 
	background-color: #bdf;
	font-size: 75%; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
}
.lfsc_tally2 {
	padding: .5em .5em .5em .8em; 
	background-color: #cef;
	font-size: 75%; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
}
/* ------ LNP Fulldome Show Compendium end ------ */

/* ============ Footer ================ */
#footer {
	border: 0px solid #fff;
	clear: both;
	width: 100%;
}
.footer_container {
	border: 0px solid #f00; 
	width: 600px; 
	height: 70px;
 min-width: 600px;
	padding-top: 5px;
}
.footer_logo {
	border: 0px solid #ff0; 
	width: 75px;
	height: 65px;
	padding-top: 10px;
	display: block;
	float: left;
}
.footer_up, .footer_down {
	border: 0px solid #0f0; 
	color: #ddf;
	display: block;
	float: left;
	width: 520px; 
	height: 32px; 
	padding-top: 14px; 
	font-size: 9pt; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
}
.footer_down {
	padding-top: 2px; 
	font-size: 9.5pt; /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
}
.footer_up a, .footer_down a {
	color: #ddf;
	font-weight: normal;
	text-decoration: none;
}
.footer_up a:HOVER, .footer_down a:HOVER {
	color: #fff;
	text-decoration: underline;
}
.footer_up a:VISITED, .footer_down a:VISITED {
	color: #ccf;
}

/* ============ Footer end ================ */