body { font-family:Arial, Verdana, sans-serif; background-color:#fff; margin:0px;
	background-image: url("../images/basic/outer-space.jpg");
	background-position: center center; 
	background-repeat: no-repeat; 
	background-attachment: fixed; 
	background-size: cover; }

p { background-color:#fff; color:#000; line-height:1.5em; text-align:justify; padding:8px; padding-top:4px;
	padding-bottom:4px; }

a { text-decoration:none !important; color:#cc3300; }

hr { padding:0px; margin:8px; margin-top:0px; margin-bottom:12px; border-top:1px solid #aaa; }

img { border: none; }
img.rounded { border-radius:16px; }

h1 { font-size:16pt; }
h2 { font-size:13pt; }
h3 { margin-left:10px; }
h4 { margin-left:10px; color:#3276b1; font-size:26px; }

a.subtle { font-size:8pt; color:#666; font-weight:normal; }
a.subtle:hover { color:#ffffda; }

.hpi-hidden { display:none; }
.hpi-center { display:block; margin-left:auto; margin-right:auto; }
.hpi-sm-center p { text-align:center; font-weight:bold; }
.hpi-sm-center img { display:block; margin-left:auto; margin-right:auto; max-width:310px; }

.hpi-platforms { font-style:italic; font-size:12px; }

.hpi-list-numbered { list-style:decimal; }

.future { color:#fff; margin:0px; padding:0px; font-size: 13pt; font-style:italic; letter-spacing:0.7em; 
	font-weight: bold; text-align:center; line-height:2.5; width:100%; height:43px;
	background:url("../images/gradients/gray.gif") repeat-x; border:none; }

/* the dropdown menu should have no box, and no shadow */
/* the navigation bar */
nav { text-align:auto; padding-left:254px; margin-bottom:22px !important; }
div.navbar-header { height:53px; } /*lin in between image and menu items */
nav.navbar.navbar-inverse { position:relative; top:-44px; margin-bottom:0px; }
nav.navbar.navbar-inverse a { padding:0px; }
nav.navbar.navbar-inverse li.hpi-nav-li a { padding:8px; margin:auto; }
nav.navbar.navbar-inverse li.hpi-nav-li a:hover { background-color:#3276b1; color:#fff; }
nav.navbar.navbar-inverse li.hpi-nav-li a.hpi-nav-a { padding:16px; padding-left:11px;
													  padding-right:11px; margin:auto; }
ul.nav.navbar-nav li a { color:#fff; font-size:16px; }
/*ul.nav.navbar-nav li { background-color:#660000; }*/
.hpi-navbar { background-color:#111; color:#fff; height:53px; 
	border-bottom:0px !important; margin-bottom:0px !important; }
.hpi-navbar-ul { background-color:#111; color:#fff; border-radius:4px; }
.hpi-navbar-toggle { background-color:transparent; margin-right:32px; border:1px solid #ddd !important; }
.hpi-navbar-toggle:hover { background-color:#000 !important; }

/* each menu container */
.dropdown-menu { box-shadow:none; border:0px; 
				 background-color:transparent; margin-top:1px; }
/* the menu items */
ul.dropdown-menu li { box-shadow:none; padding:3px; background-color:#000; }
ul.dropdown-menu li a { border-radius:2px; }
ul.dropdown-menu li a:hover { background-color:#ccc; color:#000; }

.hpi-menu-divider { height:0px; margin:0px; padding:0px; margin-top:2px; overflow: hidden; background-color:transparent; }

#hpi-homelink { padding-top:8px; z-index:10000; 
				position:relative; left:0; top:0; }
.hpi-home-li { padding:0px; margin:0px; background-color:#111;}
.hpi-home-li a { padding:0px; margin:0px; background-color:#111;}

div.hrline { border-top:1px solid #777; padding-top:22px; }
.hpi-form { width:98%; padding-top:22px; }
.hpi-form input, .hpi-form textarea, .hpi-form select { border:2px solid #ccc; }
.hpi-select { width:auto; }
.hpi-textarea { width:95%; }
.hpi-required:after { 
    color: #d00;
    content: "*";
    position: absolute;
    margin-left: 8px;
    top:7px;
    font-family: 'Glyphicons Halflings';
	font-weight: normal;
	font-size: 14px;
}

div.row { padding:12px !important; }

/* stop ugly firefox outlines */
a:focus { outline:none; }
button::-moz-focus-inner { border:0; }

/* page */
.hpi-website-container { width:1024px; display:block; margin-left:auto; margin-right:auto; overflow:hidden;
						 border-left:solid 2px #222; border-right:solid 2px #222; 
						 margin-top:0px; margin-bottom:5px; border-radius:0px; }
div.hpi-clear { clear:both; width:1024px; height:-43px; }
div.hpi-header-container { padding:0px; background-color:#fff; position:relative; top:-44px; left:0px;
						   color:#000; width:100%; }
div.hpi-body-container { padding:8px; background-color:#fff; border:none;
						 color:#000; width:100%; min-height:300px; }
div.hpi-body-container p { margin:0px; padding:12px; padding-top:6px; padding-bottom:6px; }

/* change styles for media sizes */
@media all and (max-width: 1023px) { 
	.hpi-website-container { width:100vw; margin:0px; border:0px; border-radius:0px; }
	.hpi-sm-center img { max-width:240px; }
}
@media all and (max-width: 768px) { 
	.future { font-size:14px; }
	nav { padding-left:60%; }
	.hpi-navbar-collapse ul { max-width:200px; border-radius:4px; overflow:visible; }
	.hpi-navbar-collapse ul li a { line-height:0.4em; padding-top:2px; padding-bottom:2px; }
}
@media all and (max-width: 520px) {
	.future { font-size:11px; letter-spacing:0.4em; }
	p { font-size:16px; }
	nav { padding-left:150px; }
	.hpi-page-end img { display:none; }
}

/* footer */ 
.hpi-footer { height:55px; background-color:#111; padding:8px; font-size:9pt; font-weight:bold;
			  padding-top:12px; border-top:3px solid #222; padding-right:28px; }
a.zz { color:#fff; }
a.zz:hover { color:#3276b1; }
.hpi-page-end { color:#fff; padding-left:12px; margin-top:6px; }
.hpi-page-end img { float: right; margin-left:12px; margin-top:-8px; }

/* cart menu item */
.hpi-cart-glyph { font-size:24px; color:#ccc; margin:8px; }
.hpi-cart-glyph:hover { color:#fff; }
.hpi-a-glyph { width:40px; height:40px; border-radius:50%; background:#444; }
.hpi-a-glyph:hover { background:#3276b1 !important; color:#fff; }
.hpi-cart-menu { margin:6px; margin-right:24px; }
.hpi-cart-quantity { color:#fff; margin-left:-50px; margin-top:-11px; padding-bottom:6px; padding-left:8px;
					font-weight:bold; font-size:12px; background:#ff3300; vertical-align:top; }


@media all and (max-width: 1023px) { 
	.hpi-hidden-xs { display:none; }
	p { margin-right:12px; }
}
@media (min-width: 979px) {
  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }
}
@media all and (max-width: 768px) { 
	.hpi-cart-item-glyph { text-align:right; margin-left:80%; }
	.hpi-cart-menu { top:54px; }
	.hpi-nav-lang-link { top:86px; }
	.modal.simple-lightbox { top: 10%; }
}
@media all and (max-width: 520px) {
	.hpi-cart-item-glyph { margin-left:60%; }
	.hpi-price { white-space:nowrap; }
	.hpi-cart .itemRow td { padding-left:4px; padding-right:4px; }
	.hpi-cart .headerRow th { padding:4px; padding-right:4px; }
}

/* kurzbox for user feedback */
#kurzbox { display:none; top:25vh; width:auto; 
			position:absolute; top:140px; left:calc(50% - 120px); font-size:22px;
    		color:rgba(255,255,255,0.5); color:#000; background-color:rgba(255,255,255,0.85);
    		height: auto; width:80%; padding:22px; padding-bottom:22px; text-align:center;
    		padding-left:56px; padding-right:56px; line-height:1.3em;
    		-webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px;
    		border: solid 2px rgba(0,0,0,0.7); box-shadow: 0px 40px 40px rgba(0,0,0,0.7);
}
#kurzbox i { color:#aa3300; }

/* items for sale */
.hpi-label { text-align:right; padding-right:0px; }
.hpi-item-head { display:block; height:auto; overflow:hidden; }
.item_price { font-size:14px; }
.hpi-cart-item-glyph { font-size:20px; color:#eee; border-radius:50%; padding-right:7px; padding-top:7px;
						background:#428bca; height:34px; width:34px; top:-7px; }
.hpi-cart-item-glyph:hover { background-color:#3276b1; color:#fff; }
.hpi-quantity { color:#000; width:64px; }
.hpi-itembut { margin-left:-8px; }
.hpi-item-details { margin-top:32px; }
.hpi-playlist { margin-top:28px; border-radius:10px; overflow:hidden; height:160px; }
.hpi-additem-label {  }
.hpi-upgradebut { margin:3px; }

.hpi-price { color: #cc3300; position:relative; top:7px; }
.hpi-dollars { font-weight:bold; }
.hpi-cents { font-weight:bold; font-size: 60%; position:relative; top: -4px; text-decoration: underline; }
.hpi-smallDollar { color: #cc3300; font-size: 6pt; position:relative; top: -3px; }
.hpi-smallCents { color: #cc3300; font-size: 4pt; position:relative; top: -5px; left: 2px; text-decoration: underline; }

/* cart */
.hpi-cart { padding-top:22px; padding-bottom:32px; }
.hpi-cart table { margin-left:auto; margin-right:auto; border-bottom-left-radius:8px; border-bottom-right-radius:8px; }
.headerRow th { padding:10px; text-align:center; background:#222; color:#eee;  }
.itemRow td, .hpi-license-row td, .hpi-license-row-obsolete td{ text-align:center; padding:10px; 
	padding-top:2px; padding-bottom:2px; background:#3276b1; color:#fff; }
.hpi-license-row td { background:#ddd; color:#000; }
.hpi-license-row-obsolete td { background:#aaa; color:#000; }
.itemRow td a { color:#ffff88; }
.item-remove { border:none; }
.zzCart_increment { font-size:20px; }
.zzCart_decrement { font-size:20px; }
.hpi-cart-header { float:left; color:#eee; }
.hpi-cart-trash { color:#eee; } 
.hpi-cart-trash:hover { color:#ffff99; }
.hpi-item-trash {  }
.zzCart-buffer-row {  }
.zzCart-buffer-cell {  }
#zzCart-cartTotalRow td { background-color:#bbb; color:#aa1100; padding:10px !important;}
#zzCart-cartTotalRow { border-bottom-left-radius:8px; border-bottom-right-radius:8px; } 
#zzCart-cartTotalRow:hover { color:#aa1100; }
#zzCart-cartTotalRow a { color:#aa3300; }
#zzCart-cartTotalRow a:hover { color:#ff3300; }
.hpi-ccstd { background:transparent; padding-top:14px; }
.hpi-ccstr { background:transparent; text-align:center; }
.hpi-ccstr img { padding-right:10px; }
.hpi-shopbut { margin-right:10px; }
.hpi-checkoutbut { margin:16px; }
.hpi-shopbut {  }
.hpi-cancelmsg { padding-top:12px; font-size: 14px; line-height:1.7em; }
.hpi-cartheader-left { border-top-left-radius:8px; }
.hpi-cartheader-right { border-top-right-radius:8px; }
.hpi-cartfooter-left { border-bottom-left-radius:8px; }
.hpi-cartfooter-right { border-bottom-right-radius:8px; }
.hpi-cartheader-sum { font-family:"Times New Roman"; font-weight:bold; color:#fff; font-size:14px; padding-top:0px; }
.hpi-cartcol-quantity { padding-left:2px !important; padding-right:2px !important; }

.hpi-tnc { margin-top:11px; margin-bottom:11px; padding:12px; padding-left:4px; padding-right:4px; height:150px;}
.hpi-chk { height:auto; padding-bottom:4px; background-color:#222; border:none; text-align:left; }
.hpi-chk label { color:#fff; font-weight:normal; }

.tooltip-inner { font-family: "Trebuchet MS", "Helvetica", sans-serif; 
	font-size:9pt; font-weight:bold; color:#ffffff; text-align:justify; line-height:12pt; max-width:220px; width:220px; }

/**
 * Featherlight - ultra slim jQuery lightbox
 * Version 1.2.0 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2015, No‘l Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all{.featherlight{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;text-align:center;white-space:nowrap;cursor:pointer;background:#333;background:rgba(0,0,0,0)}
.featherlight:last-of-type{background:rgba(0,0,0,.8)}
.featherlight:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-.25em}
.featherlight .featherlight-content{border-radius:8px;position:relative;text-align:left;vertical-align:middle;display:inline-block;overflow:auto;padding:25px 25px 0;border-bottom:25px solid transparent;min-width:30%;margin-left:5%;margin-right:5%;max-height:95%;background:#fff;cursor:auto;white-space:normal}
.featherlight .featherlight-inner{display:block}
.featherlight .featherlight-close-icon{position:absolute;z-index:9999;top:0;right:0;line-height:25px;width:25px;cursor:pointer;text-align:center;font:Arial,sans-serif;background:#fff;background:rgba(255,255,255,.3);color:#000}
.featherlight .featherlight-image{width:100%}
.featherlight-iframe .featherlight-content{border-bottom:0;padding:0}
.featherlight iframe{border:0}
}
@media only screen and (max-width:1024px){.featherlight .featherlight-content{margin-left:10px;margin-right:10px;max-height:98%;padding:10px 10px 0;border-bottom:10px solid transparent}
}

/* bootstrap dialogs */
.bootstrap-dialog .modal-header{border-top-left-radius:4px;border-top-right-radius:4px}.bootstrap-dialog .bootstrap-dialog-title{color:#fff;display:inline-block}.bootstrap-dialog.type-default .bootstrap-dialog-title{color:#333}.bootstrap-dialog .bootstrap-dialog-title{font-size:16px}.bootstrap-dialog.size-large .bootstrap-dialog-title{font-size:24px}.bootstrap-dialog .bootstrap-dialog-close-button{float:right;filter:alpha(opacity=90);-moz-opacity:.9;-khtml-opacity:.9;opacity:.9}.bootstrap-dialog .bootstrap-dialog-close-button{font-size:20px}.bootstrap-dialog.size-large .bootstrap-dialog-close-button{font-size:30px}.bootstrap-dialog .bootstrap-dialog-close-button:hover{cursor:pointer;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}.bootstrap-dialog .bootstrap-dialog-message{font-size:14px}.bootstrap-dialog.size-large .bootstrap-dialog-message{font-size:18px}.bootstrap-dialog.type-default .modal-header{background-color:#fff}.bootstrap-dialog.type-info .modal-header{background-color:#5bc0de}.bootstrap-dialog.type-primary .modal-header{background-color:#428bca}.bootstrap-dialog.type-success .modal-header{background-color:#5cb85c}.bootstrap-dialog.type-warning .modal-header{background-color:#f0ad4e}.bootstrap-dialog.type-danger .modal-header{background-color:#d9534f}.bootstrap-dialog .bootstrap-dialog-button-icon{margin-right:3px}.icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0{-moz-transform:rotate(0)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0{-o-transform:rotate(0)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0{-ms-transform:rotate(0)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0{transform:rotate(0)}100%{transform:rotate(359deg)}}