@charset "UTF-8";

/*
	
	Copyright (c) 2017 Mindsystems
	This web application is subject to private commercial terms as outlined in the Mindsystems General Terms and Conditions.
	Use of this platform asserts your understanding and full ongoing agreement with the conditions located at:
	https://www.mindsystems.com/support/policy
	
	---------------------------------
	
	The MIT License (MIT)
	
	Copyright (c) 2015 Tobias Ahlin
	
	Permission is hereby granted, free of charge, to any person obtaining a copy of
	this software and associated documentation files (the "Software"), to deal in
	the Software without restriction, including without limitation the rights to
	use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
	the Software, and to permit persons to whom the Software is furnished to do so,
	subject to the following conditions:
	
	The above copyright notice and this permission notice shall be included in all
	copies or substantial portions of the Software.
	
	THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
	IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
	FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
	COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
	IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
	CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
	
*/

/* GLOBALS */

body, html {
	margin: 0px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	position: relative;
	line-height: 22px;
	color: #333333;
	overflow-x: hidden !important;
}
@media 
(-webkit-min-device-pixel-ratio: 1.25), 
(min-resolution: 120dpi){ 
    body, html {
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
}
img {
	outline: none;
	border: none;
}

/* INPUT */

::-webkit-input-placeholder {
 color: #999999;
}

:-moz-placeholder { /* Firefox 18- */
 color: #999999;
}

::-moz-placeholder {  /* Firefox 19+ */
 color: #999999;
}

:-ms-input-placeholder {
 color: #999999;
}
input, select {
   -webkit-appearance: none;
   -moz-appearance: none;
}
label {
	display: block;
	padding: 0px 0px 0px 12px;
	font-size: 12px;
	line-height: 22px !important;
}
#lbterms {
	display: inline-block;
	padding: 0px 12px 0px 12px;
	margin-left: -12px;
	font-size: 12px;
}
fieldset {
    padding: 0em;
    border-radius: 0em;
    border: none !important;
    position: relative;
    width: 427px;
}
fieldset span {
    display: inline-block;
    width: 200px;
    margin-bottom: 25px;
    margin-right: 10px;
}
fieldset .double {
    display: inline-block;
	width: 414px;
	margin-right: 0px;
}
fieldset .onefive {
    display: inline-block;
	width: 300px;
	margin-right: 10px;
}
#cs7 {
	margin: 15px 0px 0px -13px;
}
#cs7 fieldset {
    padding: 0em;
    border-radius: 0em;
    border: none !important;
    position: relative;
    width: 600px;
}
#cs7 fieldset span {
    display: inline-block;
    width: 283px;
    margin-bottom: 25px;
    margin-right: 10px;
}
#cs7 fieldset .double {
    display: inline-block;
	width: 580px;
	margin-right: 0px;
}
.cart {
	width: 100%;
	display: table;
}
.cart span {
    display: table-cell;
}
.cart span:first-of-type {
    width: 55%;
}
.cart span:nth-of-type(2) {
    width: 12%;
}
.cart input, .cart select {
    margin-bottom: 5px;
}
.cart .delete {
	position: absolute; 
	right: -20px; 
	top: 6px; 
	font-size: 16px;
	color: #888888;
	cursor: pointer;
	-webkit-transition: background-color 0.5s ease-out;
	-moz-transition: background-color 0.5s ease-out;
	-o-transition: background-color 0.5s ease-out;
	transition: background-color 0.5s ease-out;
}
.cart .delete:hover {
	color: #BF353D;
	cursor: pointer;
}
.cartdetail {
	padding: 20px 15px 10px 15px;
}
.cartdetail div {
	font-size: 12px;
	padding-bottom: 5px;
}
.detail {
	padding: 20px 15px 10px 0px;
	line-height: 26px;
}
.detail div {
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 5px;
}
.cndetail {
	padding: 0px 15px 15px 13px;
	line-height: 26px;
}
.cndetail span {
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 5px;
}
.cndetail h1, .cndetail h2, .detail h2 {
	font-size: 14px !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	padding: 0px !important;
	margin: 0px !important;
	padding-bottom: 5px !important;
	color: #222;
}
li h3 {
	font-size: 14px !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	padding: 0px !important;
	margin: 0px !important;
	padding-bottom: 0px !important;
	color: #19AAF8;
}
.nmw {
	font-weight: normal !important;
}
.exo {
	color: #428add;
	text-decoration: underline;
	font-size: 14px !important;
	font-weight: normal !important;
	cursor: pointer;
}
.exp {
	font-size: 14px !important;
	padding-top: 10px !important;
}
#cdel {
	padding:  12px 0px;
	font-size: 14px !important;
}
#cdel span {
	color: #428add;
	text-decoration: underline;
	cursor: pointer;
}
.totals {
	padding: 6px 10px 10px 10px; 
	text-align: right;
	font-size: 12px;
	position: relative;
}
#cartcal {
	position: absolute;
	left: -43px;
	top: 8px;
}
.wizcal {
	left: -5px !important;
}
#cartadd {
	padding: 6px 10px 10px 11px; 
	text-align: left;
	font-size: 12px;
	color: #30a163;
	cursor: pointer;
}
#carterror {
  background-color: #BF353D;
  color: #FFFFFF;
  display: none;
  padding: 0px 12px 0px 12px;	
  margin: 20px 0px 0px 0px;
  margin-left: 3px;
  font-size: 12px;
}
#ticketerror {
  background-color: #BF353D;
  color: #FFFFFF;
  display: none;
  width: 572px;
  padding: 0px 0px 0px 8px;	
  margin: 0px 0px 25px 0px;
  margin-left: 3px;
  font-size: 12px;
}
#tkdn {
	font-size: 14px !important;
	font-weight: normal;
	width: 100%;
}
.carderror, .paypalerror {
  background-color: #BF353D;
  color: #FFFFFF;
  display: none;
  padding: 5px 12px 5px 12px;	
  margin: 20px 0px 0px 0px;
  margin-left: 3px;
  font-size: 12px;
}
.cardmsg {
  background-color: #19AAF8;
  color: #FFFFFF;
  padding: 5px 12px 5px 12px;	
  margin: 20px 0px 0px 0px;
  margin-left: 3px;
  font-size: 12px;
}
.accupmsg {
  background-color: #19AAF8;
  color: #FFFFFF;
  padding: 5px 12px 5px 12px;	
  margin: -10px 0px 18px 0px;
  margin-left: 3px;
  font-size: 12px;
}
#loginerror {
  background-color: #BF353D;
  color: #FFFFFF;
  display: none;
  padding: 0px 12px 0px 12px;	
  margin: 0px 0px 25px 0px;
  font-size: 12px;
}
#passerror {
  color: #BF353D;
  display: none;
  padding: 0px 12px 0px 12px;	
  margin: 0px 0px 25px 2px;
  font-size: 14px;
  line-height: 26px;
}
.advdetail {
	padding: 0px 15px 15px 10px;
}
.advdetail div {
	font-size: 12px;
	padding-bottom: 5px;
}
.payment {
	width: 100%;
	display: table;
	margin-top: 25px;
}
.payment span {
    display: table-cell;
}
.payment span:first-of-type {
    width: 33%;
}
.payment span:nth-of-type(2) {
    width: 33%;
}
.payment input {
    margin-bottom: 5px;
}
.advanced {
	width: 100%;
	display: table;
	margin-top: 18px;
	margin-bottom: 30px;
}
.advanced span {
    display: table-cell;
}
.advanced input {
    margin-bottom: 5px;
    width: 460px !important;
}
input, select {
	font-size: 14px;
	font-family: Arial, sans-serif;
    padding: 0px 12px;
    margin: 0px;
	background-color: #FFFFFF; 
	color: #428add;
	border: none;
	border-bottom: solid 1px #777;
	border-radius: 0;
	resize: none;
	height: 32px;
	width: 100%;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline-width: 0 !important;
    outline: none !important;
    user-select: none; 
}
textarea {
	font-size: 14px;
	font-family: Arial, sans-serif;
    padding: 12px;
    margin: 0px;
	background-color: #FFFFFF; 
	color: #428add;
	border: none;
	border-bottom: solid 1px #777;
	border-radius: 0;
	resize: none;
	width: 100%;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline-width: 0 !important;
    outline: none !important;
    user-select: none; 
}
.submit, .basic, .try, .buy, .bluestatic, .redstatic {
	font-size: 12px;
	font-family: Arial, sans-serif;
    padding: 0px 12px;
    margin: 2px;
	background-color: #19AAF8; 
	color: #FFFFFF;
	border: none;
	border-radius: 0;
	resize: none;
	height: 32px;
	width: 100%;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline-width: 0 !important;
    outline: none !important;
    user-select: none; 
    cursor: pointer;
    font-weight: bold;
    -webkit-transition: background-color 0.5s ease-out;
	-moz-transition: background-color 0.5s ease-out;
	-o-transition: background-color 0.5s ease-out;
	transition: background-color 0.5s ease-out;
}
.try, .buy {
	width: 150px;
	display: inline-block;
	margin: 25px 0px 10px 7px;
	font-weight: bold;
}
.btnbox {
	position: absolute; 
	top: 0px; 
	right: 0px;
}
.buy, .redstatic {
	background-color: #BF353D; 
	color: #FFFFFF;
	cursor: pointer;
}
.buy:hover, .redstatic:hover {
	background-color: #ed0c18; 
	color: #FFFFFF;
	cursor: pointer;
}
.outline {
	font-size: 12px;
	font-family: Arial, sans-serif;
    padding: 0px 12px;
    margin: 2px;
	background-color: transparent; 
	border: solid 2px #FFFFFF;
	color: #FFFFFF;
	border: none;
	border-radius: 0;
	resize: none;
	height: 32px;
	width: 100%;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline-width: 0 !important;
    outline: none !important;
    user-select: none; 
    cursor: pointer;
    font-weight: bold;
    -webkit-transition: background-color 0.5s ease-out;
	-moz-transition: background-color 0.5s ease-out;
	-o-transition: background-color 0.5s ease-out;
	transition: background-color 0.5s ease-out;
}
.outline:hover {
	border: solid 2px #19AAF8;
	background-color: #19AAF8; 
	color: #FFFFFF;
	cursor: pointer;
}
.submit:hover, .basic:hover, .try:hover, .bluestatic:hover {
	background-color: #0c7de7; 
	color: #FFFFFF;
	cursor: pointer;
}
.invert {
	background-color: #19AAF8; 
	color: #FFFFFF;
}
.invert:hover {
	border: solid 2px #0c7de7;
	background-color: #0c7de7; 
	color: #FFFFFF;
}
.psubmit {
	border: solid 2px #b3b3b3;
	background-color: #b3b3b3; 
	color: #FFFFFF;
}
.psubmit:hover {
	border: solid 2px #19AAF8;
	background-color: #19AAF8; 
	color: #FFFFFF;
}
.homebt {
	border: solid 2px #FFFFFF;
	color: #FFFFFF;
	width: 170px;
	margin: 24px 0px 0px 0px;
}
.secbt { 
	margin: 27px 0px 0px 0px !important;
	width: 180px;
}
.function {
	font-size: 12px;
	font-family: Arial, sans-serif;
    padding: 0px 12px;
    margin: 2px;
	background-color: #30a163; 
	color: #FFF;
	border: none;
	border-radius: 0;
	resize: none;
	height: 32px;
	width: 100%;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline-width: 0 !important;
    outline: none !important;
    user-select: none; 
    cursor: pointer;
    font-weight: bold;
    -webkit-transition: background-color 0.5s ease-out;
	-moz-transition: background-color 0.5s ease-out;
	-o-transition: background-color 0.5s ease-out;
	transition: background-color 0.5s ease-out;
}
.function:hover {
	background-color: #2f915a; 
	color: #FFFFFF;
	cursor: pointer;
}
.simple {
	font-size: 12px;
	font-family: Arial, sans-serif;
    padding: 0px 12px;
    margin: 2px;
	background-color: #888; 
	color: #FFFFFF;
	border: none;
	border-radius: 0;
	resize: none;
	height: 32px;
	width: 100%;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline-width: 0 !important;
    outline: none !important;
    user-select: none; 
    cursor: pointer;
    font-weight: bold;
    -webkit-transition: background-color 0.5s ease-out;
	-moz-transition: background-color 0.5s ease-out;
	-o-transition: background-color 0.5s ease-out;
	transition: background-color 0.5s ease-out;
}
.simple:hover {
	background-color: #555; 
	color: #FFFFFF;
	cursor: pointer;
}
#cs1 .submit {
	width: 180px;
	margin: 28px 0px 15px 13px;
}
#cs3 .submit {
	width: 220px;
	margin: 25px 0px 20px 13px;
}
#sectotal {
	text-align: center;
	padding: 3px 0px 0px 45px;
	display: table-cell;
}
#sectotal div {
	text-align: center;
	padding: 10px 20px;
	margin: -3px auto 0 auto;
	border: solid 3px #19AAF8;
	color: #000;
	font-size: 20px;
	letter-spacing: -1px;
	width: 200px;
}
#splash input[type="button"] {
	border: solid 2px #FFFFFF;
	background-color: transparent; 
	color: #FFFFFF;
	cursor: pointer;
	width: 180px;
	margin: 25px 0px 80px 0px;
	-webkit-transition: background-color 0.5s ease-out;
	-moz-transition: background-color 0.5s ease-out;
	-o-transition: background-color 0.5s ease-out;
	transition: background-color 0.5s ease-out;
}
#splash input[type="button"]:hover {
	border: solid 2px #19AAF8;
	background-color: #19AAF8; 
	color: #FFFFFF;
	cursor: pointer;
}
.addedcart {
	width: 500px; 
	background-color: #7968c9; 
	font-size: 22px; 
	font-weight: bold; 
	letter-spacing: normal !important;
	margin: 0 auto; 
	padding: 40px 0px 0px 0px;
	margin-top: 50px;
}
.addedcart input {
	margin: 25px 0px 40px 13px !important;
	font-weight: bold;
}
.addedcart input:hover {
	border: solid 2px #FFFFFF !important;
	background-color: #FFFFFF !important; 
	color: #7968c9 !important;
	font-weight: bold;
}
.loader {
  margin: 0 auto;
  width: 70px;
  text-align: center;
  display: inline-block;
}
.loader > div {
  width: 12px;
  height: 12px;
  background-color: #19AAF8;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.loader .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}
.option {
	display: table;
}
.option div {
	display: table-cell;
	font-size: 12px;
	font-family: Arial, sans-serif;
    padding: 0px 10px;
    margin: 0px;
	background-color: #b3b3b3;
	border: solid 5px #FFFFFF;
	color: #FFFFFF !important;
	height: 32px !important;
	min-width: 50px;
	vertical-align: middle !important;
	text-align: center !important;
	cursor: pointer;
	-webkit-transition: background-color 0.5s ease-out;
	-moz-transition: background-color 0.5s ease-out;
	-o-transition: background-color 0.5s ease-out;
	transition: background-color 0.5s ease-out;
}
.option div:hover {
	background-color: #888888; 
	cursor: pointer;
}
.option .on {
	background-color: #19AAF8 !important; 
	cursor: default !important;
	font-weight: bold !important;
}
.optwide div {
	min-width: 100px;
}
.optpage {
	margin: 10px 0px 0px 10px;
	min-width: 100px;
}
.optpage div {
	min-width: 120px;
}
.optblock {
	padding: 15px 0px 0px 8px;
	margin-bottom: -5px;
}
.error {
	background-color: #BF353D;
	color: #FFFFFF;
}
.loginerr {
	color: #FFFFFF;
	text-decoration: underline;
	cursor: pointer;
	width: auto !important;
    margin-bottom: 0px !important;
    margin-right: 0px !important;
}
.passadvice {
	padding: 0px 25px 30px 10px; 
	font-size: 14px;
	display: none;
	color: #30a163;
}
#amexwarn {
	padding: 20px 10px 5px 15px; 
	font-size: 14px;
	display: none;
	color: #BF353D;
}
.login, .logout {
	color: #428add !important;
	text-decoration: underline;
	display: inline-block;
	cursor: pointer;
}
#loginbar .login, #loginbar .logout {
	text-decoration: none !important;
	color: #FFFFFF !important;
}
.loginbtn {
	margin: 10px 0px 0px 10px;
}
.loginbtn input {
	display: inline-block !important;
	width: 135px;
	margin-right: 5px;
}
.resetbtn {
	margin: 5px 0px 0px 10px;
}
.resetbtn input {
	display: inline-block !important;
	width: 135px;
}
.acctitle {
	font-size: 14px; 
	color: #222;
	font-weight: bold;
	margin: 0px 15px 0px 15px;
}
.accprod {
	font-size: 12px; 
	margin: 15px 15px 0px 15px; 
	font-weight: bold;
}
.borbot {
	border-bottom: solid 1px #777;
}
.bortop {
	border-top: solid 1px #777;
}
.acclic {
	padding: 10px 10px 5px 15px;
}
.accblock {
	margin: 20px 15px 5px 15px; 
}
.accdet {
	padding: 10px 15px 5px 5px; 
	text-align: center; width: 55px; 
	white-space: nowrap;
	width: 65px;
}
.accdet a, accdet a:hover, accdet a:visited, .accblock a, accblock a:hover, accblock a:visited, .accempty a, accempty a:hover, accempty a:visited, .acclic a, acclic a:hover, acclic a:visited {
	text-decoration: none !important;
	color: #19AAF8 !important;
}
@keyframes blink {
    from { opacity: 0.6; }
    to { opacity: 1; }
}
.actpend {
	background-color: #30a163;
	color: #FFFFFF;
	padding: 0px 6px 0px 6px;
	line-height: 22px !important;
	display: inline-block;
	margin-left: -6px;
	margin-bottom: 4px;
	animation-name: blink;
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
.actpendwarn {
	background-color: #30a163;
	color: #FFFFFF;
	padding: 0px 6px 0px 6px;
	line-height: 22px !important;
	display: inline-block;
	margin-left: 4px;
	margin-bottom: 4px;
	animation-name: blink;
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
.actdone {
	background-color: #19AAF8;
	color: #FFFFFF;
	padding: 0px 6px 0px 6px;
	line-height: 22px !important;
	display: inline-block;
	margin-bottom: 4px;
	margin-left: -6px;
}	
.actpaid {
	background-color: #30a163;
	color: #FFFFFF;
	padding: 0px 6px 0px 6px;
	line-height: 22px !important;
	display: inline-block;
	margin-left: 4px;
	margin-bottom: 4px;
}	
.actoverdue {
	background-color: #BF353D;
	color: #FFFFFF;
	padding: 2px 6px 2px 6px;
	margin-left: 4px;
	margin-bottom: 4px;
	animation-name: blink;
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
.actunpaid {
	background-color: #BF353D;
	color: #FFFFFF;
	padding: 0px 6px 0px 6px;
	line-height: 22px !important;
	display: inline-block;
	margin-bottom: 4px;
	margin-left: 4px;
}	
.actrefunded {
	background-color: #eda11f;
	color: #FFFFFF;
	padding: 0px 6px 0px 6px;
	line-height: 22px !important;
	display: inline-block;
	margin-bottom: 4px;
	margin-left: 4px;
}	
.actgeneral {
	background-color: #666;
	color: #FFFFFF;
	padding: 0px 6px 0px 6px;
	line-height: 22px !important;
	display: inline-block;
	margin-bottom: 4px;
	margin-left: 4px;
}
.actwaiting {
	background-color: #eda11f;
	color: #FFFFFF;
	padding: 0px 6px 0px 6px;
	line-height: 22px !important;
	display: inline-block;
	margin-bottom: 4px;
	margin-left: 4px;
}
.actclosed {
	background-color: #888;
	color: #FFFFFF;
	padding: 0px 6px 0px 6px;
	line-height: 22px !important;
	display: inline-block;
	margin-bottom: 4px;
	margin-left: 4px;
}
.actdate {
	background-color: #bebebe;
	color: #FFFFFF;
	padding: 0px 6px 0px 6px;
	line-height: 22px !important;
	display: inline-block;
	margin: 0px 0px 4px 4px;
}
.actsub {
	background-color: #222;
	color: #FFFFFF;
	padding: 0px 6px 0px 6px;
	line-height: 22px !important;
	display: inline-block;
	margin-bottom: 4px;
	margin-left: -6px;
}	
.actrnp {
	background-color: #30a163;
	color: #FFFFFF;
	padding: 0px 6px 0px 6px;
	line-height: 22px !important;
	display: inline-block;
	margin-bottom: 4px;
	margin-left: 4px;
}
.actrni {
	background-color: #BF353D;
	color: #FFFFFF;
	padding: 0px 6px 0px 6px;
	line-height: 22px !important;
	display: inline-block;
	margin-bottom: 4px;
	margin-left: 4px;
}
.accempty {
	margin: 20px 0px 5px 0px;
	padding: 8px 10px 8px 15px;
	border: dotted #000 1px; 
	line-height: 26px;
}
.accempty span {
	background-color: #cd7ab7;
	color: #FFFFFF;
	padding: 0px 6px 0px 6px;
	line-height: 22px !important;
	display: inline-block;
	margin-bottom: 4px;
	margin-left: -6px;
	font-weight: bold;
	font-size: 12px;
}
.subtl {
	margin: 15px 10px 8px 15px;
}
.subtl span {
	background-color: #19AAF8;
	color: #FFFFFF;
	padding: 0px 6px 0px 6px;
	line-height: 22px !important;
	display: inline-block;
	margin-bottom: 4px;
	margin-left: -6px;
	font-size: 12px;
	font-weight: bold;
}
.subda {
	display: table-cell !important;
	width: 150px !important;
	vertical-align: top !important;
	white-space: nowrap !important;
	padding: 8px 10px 8px 15px !important;
}
.suben {
	display: table-cell !important;
	vertical-align: top !important;
	padding: 8px 10px 8px 15px !important;
}
.subroll {
	text-align: center !important;
	padding: 35px 10px 50px 15px !important;
	font-size: 12px;
}
.rollup {
	position: relative;
	background: #bebebe;
	border: 1px solid #bebebe;
	color: #FFFFFF;
	font-weight: bold;
	padding: 3px 18px 4px 18px;
}
.rollup:after, .rollup:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.rollup:after {
	border-color: rgba(204, 204, 204, 0);
	border-bottom-color: #bebebe;
	border-width: 10px;
	margin-left: -10px;
}
.rollup:before {
	border-color: rgba(0, 0, 0, 0);
	border-bottom-color: #bebebe;
	border-width: 16px;
	margin-left: -16px;
}
.acroll {
	cursor: pointer;
}
.highlight {
	margin: 0px 10px 8px 0px;
}
#cs7 .highlight {
	margin: -2px 10px 16px 6px;
}
.highlight span {
	background-color: #19AAF8;
	color: #FFFFFF;
	padding: 0px 6px 0px 6px;
	line-height: 22px !important;
	display: inline-block;
	margin-left: -6px;
	font-size: 12px;
	font-weight: bold;
}
.highlight h1 {
	background-color: #19AAF8;
	color: #FFFFFF;
	padding: 0px 12px;
	margin-left: -6px;
	font-size: 12px !important;
	font-weight: bold;
	display: inline-block;
	text-transform: uppercase;
}
.ticketok {
	background-color: #30a163 !important;
	margin: 10px 12px 15px -12px !important;
	padding: 0px 10px 0px 12px;
	height: 28px;
	line-height: 34px;
	width: 95%;
	color: #FFFFFF !important;
	animation-name: blink;
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
.highlight .error {
	background-color: #BF353D;
}

/* STRUCTURAL */

#loginbar {
	background-color: #000000; 
	height: 30px; 
	width: 100%;
}
#loginbar a, #loginbar a:hover, #loginbar a:visited, a:visited:hover {
	text-decoration: none;
	color: #FFFFFF !important;
}
#loginhold {
	width: 1024px; 
	height: auto; 
	margin: 0 auto; 
	position: relative !important;
	background-color: transparent;
	color: #FFFFFF;
}
.bitbox {
	display: table;
	height: 30px; 
	margin-left: 10px;
	float: right;
	font-size: 12px;
}
.bitbox div {
	display: table-cell;
	vertical-align: middle;
	padding: 0px 15px;
}
.curs {
	cursor: pointer !important;
}
.page {
	width: 1024px; 
	height: auto; 
	margin: 0 auto; 
	position: relative !important;
	background-color: transparent;
}
.footer {
	width: 1024px; 
	height: auto; 
	margin: 0 auto; 
	position: relative !important;
	background-color: transparent;
	padding: 30px 0px 30px 0px;
	color: #FFFFFF;
	display: table;
}
.footer a, .footer a:visited {
	color: #FFFFFF !important;
	text-decoration: none !important;
}
.footer a:hover, .footer a:visited:hover {
	color: #87a6f2 !important;
	text-decoration: underline !important;
}
.footblock {
	display: table-cell;
	width: 25%;
	text-align: left;
	vertical-align: top;
	padding-left: 30px;
	white-space: nowrap !important;
}
.footblock:first-child {
padding-left: 5px;
}
.footblock:nth-child(2) {
    padding-left: 63px;
}
.footblock:nth-child(3) {
    padding-left: 85px;
}
.footblock:nth-child(4) {
    padding-left: 55px;
}
.footer h3 {
	font-size: 12px !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	padding: 0px !important;
	margin: 0px !important;
	padding-bottom: 5px !important;
	color: #FFFFFF;
}
.foot1 {
	height: 15px; 
	margin-top: 30px;
	width: 70%; 
	position: relative; 
	background-color: #CCCCCC;
}
.foot2 {
	width: 100%; 
	position: relative; 
	background-color: #000;
}
.foot3 {
	height: 15px;
	width: 50%; 
	position: relative; 
	background-color: #CCCCCC;
}
.foot4 {
	display: table;
	width: 300px;
	text-align: center;
	margin: 35px auto 0px auto;
}
.foot4 img {
	margin: 0px 12px 0px 12px;
	cursor: pointer;
}
.foot4au {
	display: table;
	width: 100%;
	text-align: center;
}
.foot4au img {
	margin: 5px auto 4px auto !important;
}	
.foot5 {
	width: 100%; 
	position: relative; 
	background-color: #FFFFFF; 
	text-align: center; 
	padding: 0px 0px 60px 0px; 
	font-size: 12px;
	line-height: 26px;
}
#logo {
	width: 5000px; 
	position: absolute; 
	z-index: 999;
	top: 27px; 
	left: -4639px; 
	text-align: right;
	background-color: #BF353D;
}
#logo img {
	margin: 6px 75px 0px 0px;	
}
#mainmenu {
	width: 5000px; 
	position: absolute; 
	z-index: 990;
	top: 48px; 
	height: 30px; 
	right: -4648px; 
	text-align: left;
	background-color: #000;
	color: #FFFFFF;
}
#menubox {
	position: absolute; 
	z-index: 999;
	top: 48px; 
	right: 0px; 
	background-color: #000;
	color: #FFFFFF;
	display: table;
	height: 30px; 
	font-size: 12px;
}
#menubox div {
	display: table-cell;
	vertical-align: middle;
	text-align: right !important;
	padding: 0px 30px 0px 30px;
	cursor: pointer;
}
#menubox .active {
	background-color: #188fd0 !important; 
	font-weight: bold !important;
	text-align: center !important;
	padding: 0px 30px 0px 30px;
}
#menubox div:hover {
	background-color: #0e62b0; 
	font-weight: normal;
	text-align: center !important;
}
#menubox .active:hover {
	background-color: #188fd0 !important; 
	font-weight: bold;
	text-align: center !important;
}
#menubox .hover {
	background-color: #0e62b0; 
	font-weight: normal;
	text-align: center !important;
}
#menubox .activehover {
	background-color: #188fd0 !important; 
	font-weight: bold;
	text-align: center !important;
}
.banner {
	background-color: #000;
	height: 227px;
	width: 100%;
	margin: 134px 0px 0px 0px;
	background-size: 1445px auto;
	background-repeat: no-repeat;
	background-position: center bottom;
}
#arc {
	width: 5000px; 
	position: absolute; 
	z-index: 1000;
	top: 38px; 
	height: 10px; 
	right: -4700px; 
	text-align: left;
	background-color: #CCC;
	color: #FFFFFF;
}
#arc2 {
	width: 5000px; 
	position: absolute; 
	z-index: 1000;
	top: 78px; 
	height: 10px; 
	right: -4882px; 
	text-align: left;
	background-color: #CCC;
	color: #FFFFFF;
}
.drop {
	width: 510px; 
	position: absolute; 
	z-index: 999;
	display: none;
	top: 78px;  
	right: 0px; 
	padding: 10px 15px;
	text-align: left;
	background-color: #0e62b0; 
	color: #FFFFFF;
}
.pmenu {
	width: auto;
	position: absolute; 
	z-index: 1002;
	display: none;
	top: 30px;  
	right: 0px; 
	padding: 10px 15px;
	text-align: left;
	background-color: #666; 
	color: #FFFFFF;
}
.drop a, .drop div {
	display: block;
	border-left: solid 3px #FFFFFF;
	color: #FFFFFF !important;
	padding: 0px 10px;
	margin: 5px 0px 5px 0px;
	font-size: 12px;
	text-transform: uppercase !important;
	white-space: nowrap !important;
	text-decoration: none !important;
}
.drop div:hover span {
	text-decoration: underline !important;
}	
.drop a:hover, .drop a:visited, .drop a:visited:hover {
	display: block;
	border-left: solid 3px #FFFFFF;
	color: #FFFFFF !important;
	padding: 0px 10px;
	font-size: 12px;
	text-transform: uppercase !important;
	white-space: nowrap !important;
	text-decoration: underline !important;
}
.dropactive {
	background-color: #188fd0; 	
}
.drop .hold {
	display: table;
	border-left: none;
	width: 100%;
}
.drop .group {
	display: table-cell;
	vertical-align: middle;
	border-left: none;
	padding-top: 10px;
}
.drop .group:first-child {
	width: 210px;
}
.drop img {
	margin: -15px 20px 0px 0px;
}
.title {
	display: table;
}
.row {
	display: table-row;
}
.titlebar {
	display: table-cell;
	width: 8px !important; 
}
.titlename {
	display: table-cell; 
	padding: 10px 0px 4px 0px;
	font-size: 14px;
}
.titlename span, .titlename h1 {
	font-size: 30px !important;
	font-weight: normal !important;
	padding: 0px 0px 4px 0px;
	margin: 0px !important;
	margin-left: -2px !important;
}
.heading {
	margin: 25px 0px 13px 0px;
}
.heading2 {
	margin: 25px 0px 25px 0px;
}
.heading3 {
	margin: 25px 0px 25px 13px;
}
.heading .titlename span, .heading2 .titlename span, .heading3 .titlename span {
	color: #222;
}
.heading .titlename div, .heading2 .titlename div, .heading3 .titlename div {
	color: #888;
}
.table {
	display: table;
}
.cell, .table-cell {
	display: table-cell;
	vertical-align: top;
}
.dnone {
	display: none;
}
.dnoni {
	display: none !important;
}
a, a:visited, a:hover, a:visited:hover  {
	color: #428add !important;
}
.underline {
	text-decoration: underline !important;
}
#splash {
	position: fixed;
	z-index: 100000;
	padding: 0;
	margin: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.80);
}
#notify {
	position: fixed;
	z-index: 100005;
	top: 30%;
	background-color: transparent !important;
	color: #FFFFFF;
	min-height: 25px;
	width: 100%;
	text-align: center;
	letter-spacing: 1px;
}
#notify span {
	display: block;
	font-size: 14px;
	line-height: 22px;
}
.processing {
	text-align: center;
	margin: 0 20px;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
}
.process {
	width: 180px;
	height: 180px;
	margin-bottom: 65px;
}
.process span {
	display: block;
	-webit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	border: 12px solid #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.process span:first-child {
	width: 100%;
	height: 100%;
	border-color: #19AAF8;
	border-left-color: transparent;
	top: 0;
	left: 0;
	-webkit-animation: effect-1-1 4s infinite linear;
	-moz-animation: effect-1-1 4s infinite linear;
	-ms-animation: effect-1-1 4s infinite linear;
	-o-animation: effect-1-1 4s infinite linear;
	animation: effect-1-1 4s infinite linear;
}
.process span:nth-child(2) {
	width: 75%;
	height: 75%;
	border-color: #FFFFFF;
	border-right-color: transparent;
	top: 12.5%;
	left: 12.5%;
	-webkit-animation: effect-1-2 3s infinite linear;
	-moz-animation: effect-1-2 3s infinite linear;
	-ms-animation: effect-1-2 3s infinite linear;
	-o-animation: effect-1-2 3s infinite linear;
	animation: effect-1-2 3s infinite linear;
}
.process span:last-child {
	width: 50%;
	height: 50%;
	border-color: #19AAF8;
	border-bottom-color: transparent;
	top: 25%;
	left: 25%;
	-webkit-animation: effect-1-1 4s infinite linear;
	-moz-animation: effect-1-1 4s infinite linear;
	-ms-animation: effect-1-1 4s infinite linear;
	-o-animation: effect-1-1 4s infinite linear;
	animation: effect-1-1 4s infinite linear;
}
@keyframes effect-1-1 {
 from {
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
}
 to {
 -webkit-transform: rotate(360deg);
 -moz-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 -o-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
@-webkit-keyframes effect-1-2 {
 from {
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
}
 to {
 -webkit-transform: rotate(-360deg);
 -moz-transform: rotate(-360deg);
 -ms-transform: rotate(-360deg);
 -o-transform: rotate(-360deg);
 transform: rotate(-360deg);
}
}
.network {
	margin: 30px auto 10px auto;
	width: 350px;
	height: 100px;
}
.network > div {
	background-color: #FFFFFF;
	height: 100%;
	width: 15px;
	margin: 0px 5px;
	display: inline-block;
	-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
	animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.network .rect2 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}
.network .rect3 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}
.network .rect4 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}
.network .rect5 {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}
 @-webkit-keyframes sk-stretchdelay {
 0%, 40%, 100% {
-webkit-transform: scaleY(0.4)
}
 20% {
-webkit-transform: scaleY(1.0)
}
}
 @keyframes sk-stretchdelay {
 0%, 40%, 100% {
 transform: scaleY(0.4);
 -webkit-transform: scaleY(0.4);
}
20% {
 transform: scaleY(1.0);
 -webkit-transform: scaleY(1.0);
}
}
.menuitem {
	display: table !important;
	margin: -6px 0px 10px 0px !important;
	min-width: 200px !important;
}
.menuitem div, .menuitem a {
	border-left: solid #FFFFFF 8px;
	display: table-cell !important;
	vertical-align: middle !important;
	padding: 0px 10px 0px 10px !important;
	height: 35px;
	color: #888 !important;
	text-transform: uppercase;
	text-decoration: none !important;
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;
}
.menuitem div:hover, .menuitem a:hover {
	border-left: solid #FFFFFF 8px;
	color: #222 !important;
	cursor: pointer !important;
	text-decoration: none !important;
}
.menuitem .active {
	border-left: solid #BF353D 8px;
	background-color: #BF353D;
	color: #FFF !important;
	font-weight: bold;
	cursor: pointer !important;
	text-decoration: none !important;
}
.menuitem .active:hover {
	border-left: solid #BF353D 8px;
	background-color: #BF353D;
	color: #FFF !important;
	text-decoration: none !important;
}
.menuitem .logout:hover {
	border-left: solid 8px #FFF !important;
	color: #BF353D !important;
	text-decoration: none !important;
}
.convert {
	width: 200px;
	margin: 20px 0px 20px 15px;
}
.buttonhold {
padding: 20px 0px 5px 10px;
}
.accupdate {
	padding: 5px 0px 5px 10px;
}
.supportsend {
	padding: 0px 0px 5px 10px;
}
.ticketbutton {
	padding: 15px 0px 15px 0px;
	margin-left: -2px;
}
.tkpempty {
	margin: 10px 10px 5px 0px;
	display: none;
}
.tkpempty span {
	background-color: #BF353D;
	color: #FFFFFF;
	padding: 2px 6px;
	margin-left: -6px;
	font-size: 12px;
	font-weight: normal;
}
.newtkp {
	background-color: #30a163;
	color: #FFFFFF;
	padding: 0px 6px 0px 6px;
	line-height: 22px !important;
	display: inline-block;
	margin-left: -6px;
	font-size: 12px;
	font-weight: bold;
	animation-name: blink;
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
ul {
	margin: 8px 0px 0px 15px;
	padding: 0px;
}
li {
	margin: 5px 0px 8px -13px;
	padding: 0px 0px 0px 8px;
	list-style: none;
	list-style-type: none;
    list-style-position: inside;
    border-left: solid #19AAF8 3px;
}
.last {
	margin: 5px 0px 0px -13px;
}
li a {
	text-decoration: none !important;
}
.red li {
	border-left: solid #BF353D 5px;
	color: #BF353D;
}
.red li a {
	color: #BF353D;
}
.lbar {
	border-left: solid #CCC 5px;
	margin: 3px 0px;
}
.pcard {
	width: 100% !important;
}
.pcard .cell {
	width: 33%;
	text-align: center;
	vertical-align: top;
}
.pcard .card {
	border: solid 0px #CCC;
}
.pcard .cap {
	height: 32px;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 32px;
	text-transform: uppercase !important;
}
.pcard .hold {
	border-right: solid #CCC 1px;
	border-left: solid #CCC 1px;
	border-bottom: solid #CCC 1px;
	margin: 0px 0px; 
	padding: 20px 15px;
}
.pcard .hold select {
	width: 100%;
	padding: 0px 0px 0px 72px;
}
.spsel { 
	padding: 0px 0px 0px 70px !important;
}
.pcard .hold .useradj {
	width: 100%;
	padding: 0px 0px 0px 85px !important;
}
.ddsel { 
	padding: 0px 0px 0px 65px !important;
}
.pcard .price {
	font-size: 16px;
	font-weight: bold;
}
.pcard .tag {
	color: #888;
	padding-bottom: 8px;
}
.pcard .descrption {
	padding: 18px 0px 18px 0px !important;
	border-bottom: solid 1px #777;
}
.pcard .extras {
	border-bottom: solid 1px #777;
	padding: 18px 0px;
}
.pcard .extras span {
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase !important;
}
.pcard .extras .extra {
	width: 100%;
	text-align: center;
	padding: 6px 0px 0px 0px;
}
.pcard .extra .subprice {
	font-size: 14px !important;
	font-weight: normal !important;
}
.pcard .option {
	margin: 12px auto 0 auto;
}
.pcard .basic {
	margin: 18px 0px 0px 0px;
}
.pcard .extraed {
	padding: 18px 0px 0px 0px;
}
.pcard .eoption {
	padding-bottom: 18px;
}
.pcard .edata {
	border-top: solid 1px #777;
	border-bottom: none;
	text-align: center;
	margin: 0px 0px 0px 0px;
}
.pcard .eder {
	padding: 0px;
	width: 100%;
	background-color: #BF353D;
	color: #FFFFFF;
	font-size: 12px;
	text-align: center;
	margin: 0px 0px 8px 0px;
	display: none;
}
.parabt {
	margin: 15px 0px 15px 0px !important;
	width: 220px;
}
.systag {
	position: absolute;
	right: 0px;
	top: 0px;
	text-transform: uppercase;
	color: #888;
	font-size: 12px;
	font-weight: bold;
	padding-right: 5px;
	display: table;
}
.systag div { 
	 display: table-cell;
	 vertical-align: middle;
}
.systag .rate {
	font-size: 34px;
	padding: 0px 0px 1px 12px;
	color: #333;
}
.features {
	display: table;
	padding: 0px 0px 0px 15px;
	margin: 3px 0px 10px 0px;
}
.features h3 {
	font-size: 12px !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	padding: 0px !important;
	margin: 0px !important;
	padding-bottom: 5px !important;
	color: #19AAF8;
}
.featurerow {
	display: table-row;
}
.featurestart div {
	padding-top: 30px !important;
}
.featurerow div {
	width: 100px;
	text-align: center;
	padding: 15px 20px;
	display: table-cell;
	vertical-align: top;
}
.featurerow span {
	font-size: 40px;
}
.featurehead div {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 0px 20px;
	background-color: #19AAF8;
	height: 32px;
	vertical-align: middle;
}
.featuredes {
	width: 80% !important;
	text-align: left !important;
	padding-left: 12px !important;
}
.downloadhead {
	font-size: 12px;
	font-weight: bold;
}
.downloadhead td {
	padding: 7px 18px !important;
}
.downloads td {
	padding-left: 18px;
	padding-right: 18px;
}
.footnote {
	color: #888;
	padding: 37px 10px 10px 15px;
	font-size: 12px;
}

/* MEASURES */
.wp100 { width: 100%; }
.wp99 { width: 99%; }
.wp90 { width: 90%; }
.wp80 { width: 80%; }
.wp70 { width: 70%; }
.wp65 { width: 65%; }
.wp60 { width: 60%; }
.wp50 { width: 50%; }
.wp40 { width: 40%; }
.wp35 { width: 35%; }
.wp33 { width: 33%; }
.wp30 { width: 30%; }
.wp20 { width: 20%; }
.wp15 { width: 15%; }
.wp10 { width: 10%; }
.wp5 { width: 5%; }
.w230 { width: 230px; }
.w220 { width: 220px; }
.w200 { width: 200px; }
.w160 { width: 160px; }
.w150 { width: 150px; }
.w120 { width: 120px; }
.w100 { width: 100px; }
.mt45 { margin-top: 45px; }
.mt25 { margin-top: 25px; }
.mt20 { margin-top: 20px !important; }
.mt15 { margin-top: 15px; }
.mt10 { margin-top: 10px !important; }
.mt8 { margin-top: 8px !important; }
.mt5 { margin-top: 5px !important; }
.mtm12 { margin-top: -12px; }
.mtm10 { margin-top: -10px; }
.mtm8 { margin-top: -8px; }
.mtm2 { margin-top: -2px; }
.mt20 { margin-top: 20px !important; }
.mt5 { margin-top: 5px !important; }
.mt0 { margin-top: 0px; }
.mb200 { margin-bottom: 200px; }
.mb100 { margin-bottom: 100px; }
.mb75 { margin-bottom: 75px; }
.mb50 { margin-bottom: 50px !important; }
.mb40 { margin-bottom: 40px; }
.mb35 { margin-bottom: 35px; }
.mb25 { margin-bottom: 25px; }
.mb20 { margin-bottom: 20px; }
.mb15 { margin-bottom: 15px; }
.mb10 { margin-bottom: 10px; }
.mb5 { margin-bottom: 5px; }
.mb0 { margin-bottom: 0px; }
.mlm2 { margin-left: -2px; }
.pb30 { padding-bottom: 30px; }
.pb25 { padding-bottom: 25px; }
.pb15 { padding-bottom: 15px; }
.pb0 { padding-bottom: 0px; }
.pb5 { padding-bottom: 5px; }
.mr15 { margin-right: 15px; }
.pt35 { padding-top: 35px; }
.pt27 { padding-top: 27px; }
.pt25 { padding-top: 25px !important; }
.pt23 { padding-top: 23px; }
.pt20 { padding-top: 20px !important; }
.pt18 { padding-top: 18px !important; }
.pt15 { padding-top: 15px !important; }
.pt12 { padding-top: 12px; }
.pt10 { padding-top: 10px; }
.pt8 { padding-top: 8px !important; }
.pt5 { padding-top: 5px; }
.pt0 { padding-top: 0px; }
.pl8 { padding-left: 8px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl0 { padding-left: 0px; }
.pl30 { padding-left: 30px; }
.pl28 { padding-left: 28px; }
.pl5 { padding-left: 5px; }
.pl25 { padding-left: 25px; }
.pr20 { padding-right: 20px; }
.pr10 { padding-right: 10px; } 
.pr5 { padding-right: 5px; } 
.pr0 { padding-right: 0px; } 
.pd20 { padding-bottom: 20px !important; }
.pd15 { padding-bottom: 15px !important; }
.pd13 { padding-bottom: 13px !important; }
.pd10 { padding-bottom: 10px !important; }
.pd7 { padding-bottom: 7px !important; }
.pd5 { padding-bottom: 5px; }
.pd0 { padding-bottom: 0px !important; }
.pa15 { padding: 15px; }
.pa13 { padding: 13px; }
.lh26 { line-height: 26px; }
.prel { position: relative; }
.fr { float: right; }
.valign { vertical-align: top; }
.cvalign { vertical-align: middle; }
.calign { text-align: center; }
.frmadj { margin-left: -13px; }
.normal { 
	font-size: 14px !important; 
	text-decoration: none !important; 
	font-weight: normal !important; 
	color: #333333 !important;
}
.bold { font-weight: bold; }
.lower { text-transform: lowercase; font-size:  14px; }
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; margin: 15px 0px 10px 13px; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.embed-extra { margin: 18px 10px 10px 15px !important; }
.bankdt { padding-left: 3px !important; }
.bankdt label { margin-bottom: 10px; }
.tick { margin: 6px 5px -7px 0px; }

/* COLORS */

.bgred {
	background-color: #BF353D;
}
.bgred2 {
	background-color: rgba(191, 53, 61, 0.84);
}
.bgblue {
	background-color: #19AAF8;
}
.bgblue2 {
	background-color: #188fd0;
}
.bgwhite {
	background-color: #FFFFFF;
}
.bggreen {
	background-color: #30a163;
}
.bggrey {
	background-color: #888888;
}
.bgcad {
	background-color: #9EBA27;
}
.bgchr {
	background-color: #222222;
}
.bgope {
	background-color: #bd3e84;
}
.red {
	color: #BF353D;
}
.blue {
	color: #19AAF8;
}
.white {
	color: #FFFFFF;
}
.green {
	color: #30a163;
}
.orange {
	color: #ff9933;
}
.pink {
	color: #df1dbf !important;
}
.grey {
	color: #888888;
}
.chr {
	color: #222222 !important;
}
.cad {
	color: #9EBA27 !important;
}
.lspace {
	letter-spacing: 1px !important;
}
.mone {
	margin: 0px 0px 12px 25px !important;
}

/* CUSTOM */

.cs1home {
	height: 650px !important; 
	background-image: url(/img/home_blue.jpg); 
	background-repeat: no-repeat; 
	background-size: contain; 
	position: relative;
	margin-top: 134px;
	margin-left: -68px;
}
.cs2home {
	width: 5000px; 
	height: 650px !important;
	position: absolute; 
	top: 0px; 
	right: -4600px; 
	background-image: url(/img/bluebgblock.png); 
}
.cs3home {
	width: 100%; 
	height: 30px; 
	background-color: #333333; 
	margin: 0px 0px 0px 0px;
}
.cs4home {
	width: 100%; 
	height: 300px; 
	background-color: #000000; 
	position: relative;
	color: #FFFFFF !important;
}
.cs4home img {
	margin: 36px 5px 0px 25px !important; 
	outline: none !important; 
	border: none !important; 
}
.cs4home .titlename {
	padding: 10px 0px 4px 15px;
}
.cs5home {
	width: 400px; 
	height: 200px; 
	background-color: transparent;
	position: absolute;
	right: 60px;
	bottom: 195px;
	color: #FFFFFF; 
}
.cs5home .titlename {
	padding: 10px 0px 4px 15px;
}
.cs6home {
	height: 650px !important; 
	background-image: url(/img/home_red.png); 
	background-repeat: no-repeat; 
	background-size: contain; 
	position: relative;
	margin-top: 0px;
	margin-bottom: -150px;
	margin-left: 150px;
}
.cs7home {
	width: 5000px; 
	height: 650px !important;
	position: absolute; 
	top: 0px; 
	left: -4800px; 
	background-image: url(/img/redbgblock.png); 
}
.cs8home {
	width: 400px; 
	height: 200px; 
	background-color: transparent;
	position: absolute;
	left: 40px;
	bottom: 275px;
	color: #FFFFFF; 
}
.cs8home .titlename {
	padding: 10px 0px 4px 15px;
}
.cs9home {
	position: absolute; 
	left: -8px; 
	top: 0px;
}
.cs9home img {
	-webkit-filter: grayscale(50%); 
    filter: grayscale(50%);
}
.cs1checkout {
	background-image: url(/img/checkoutbanner.png); 
	background-repeat: no-repeat; 
}
.cs2checkout {
	position: absolute; 
	right: 22px; 
	top: 12px;
}
.cs1login {
	background-image: url(/img/loginbanner.png); 
	background-repeat: no-repeat; 
}
.cs1securepay {
	background-image: url(/img/securepaybanner.png); 
	background-repeat: no-repeat; 
}
.cs1account {
	background-image: url(/img/accountbanner.png); 
	background-repeat: no-repeat; 
}
.cs1support {
	background-image: url(/img/supportnewbanner.png); 
	background-repeat: no-repeat; 
}
.cs1reset {
	background-image: url(/img/resetbanner.png); 
	background-repeat: no-repeat; 
}
.cs1bluebeam {
	background-image: url(/img/bluebeam_late_2017.jpg); 
	background-repeat: no-repeat; 
}
.cs2bluebeam {
	width: 100%;
	height: 405px;
	background-image: url(/img/bluebeamscreen268.png); 
	background-repeat: no-repeat; 
	background-position: left top;
	background-size: contain;
}
.cs3bluebeam {
	background-image: url(/img/bbscreensy@2x.png); 
	background-repeat: no-repeat; 
	background-size: contain;
	background-position: left 10px top 35px;
}
.cs4bluebeam {
	background-image: url(/img/platinum@2x.png); 
	background-repeat: no-repeat; 
	background-size: 248px 121px;
	background-position: right 5px top 0px;
}
.cs1downloads {
	background-image: url(/img/downloadsbanner.png); 
	background-repeat: no-repeat; 
}
.cs1software {
	background-image: url(/img/softwarebanner.png); 
	background-repeat: no-repeat; 
}
.cs1solutions {
	background-image: url(/img/solutionsbanner.png); 
	background-repeat: no-repeat; 
}
.cs1training {
	background-image: url(/img/trainbanner.png); 
	background-repeat: no-repeat; 
}
.cs1development {
	background-image: url(/img/devbanner.png); 
	background-repeat: no-repeat; 
}
.cs1about {
	background-image: url(/img/aboutbanner.png); 
	background-repeat: no-repeat; 
}
.cs1mindmapping {
	background-image: url(/img/mindmappingbanner.png); 
	background-repeat: no-repeat; 
}
.cs1conceptdraw {
	background-image: url(/img/conceptdrawbanner.png); 
	background-repeat: no-repeat; 
}
.cs1partners {
	background-image: url(/img/partnersbanner.png); 
	background-repeat: no-repeat; 
}
.cs1policy {
	background-image: url(/img/policybanner.png); 
	background-repeat: no-repeat; 
}
.cs1autocad {
	background-image: url(/img/autocadbanner.jpg); 
	background-repeat: no-repeat; 
}