/* COLOURS
Dark Blue (PANTONE): #07-1D49
Light Blue: #BC-D6FF
White: #F4-F7FF
Black: #0A-090C
Grey: #4D-5057
*/

#covid {
	 background-color: #ffcc00;
}
#covid:hover {
	 background-color: #ffe066;
}
.loginforminput  {
	border-radius: 4px;
	padding: 10px!important;
	outline: 0!important;
}
.loginforminput:focus {
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.4);
		-moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.4);
		box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.4);
    }
input[type="text"], textarea, input[type="password"], input[type="email"], input[type="number"], input[type="time"] {
	-webkit-appearance: none!important;
    -moz-appearance: none!important;
    appearance: none!important;
	background: none;
    color: inherit;
    border: none;
    padding: 7px;
	line-height: 16px;
	font-size: 14px;
    outline: inherit;
	box-sizing: border-box!important;
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15);
	background: -webkit-linear-gradient(#F2F2F2, #FAFAFA 40%, #FCFCFC);
	border: 1px solid #C0C0C0;
	height: auto;
}
input[type="time"] {
	padding: 5px;
	height:32px;
	line-height: 32px;
}
input:focus, textarea:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="time"]:focus {
	background: #fff;
	border: 1px solid #BCD6FF;
	outline: 1px solid #70a7ff;
	outline-offset: -0px;
}
input[type=file] {
  position: relative;
  -webkit-appearance: textfield;
  box-sizing: content-box;
  font-size:14px;
	height: 16px;
	line-height: 16px;
	vertical-align: middle;
	text-align: center;
	padding: 7px 0.8em;
	-webkit-box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15);
	background: -webkit-linear-gradient(#F2F2F2, #FAFAFA 40%, #FCFCFC);
	border: 1px solid #C0C0C0;
	width: calc(100% - 135px);
}

input[type=file]::-webkit-file-upload-button {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: 0;
}

input[type=checkbox] {
	-webkit-appearance: none;
	background: -webkit-linear-gradient(#FCFCFC, #FAFAFA 40%, #F2F2F2);
	border: 1px solid #C0C0C0;
	-webkit-box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15);
	padding: 7px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
	margin: 0px 5px -2px 5px;
}
input[type=checkbox].large {
	padding: 15px;
}
input[type=checkbox]:active, input[type=checkbox]:checked:active {
	-webkit-box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.3);
}

input[type=checkbox]:checked {
	background-color: #e9ecee;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #4D5057;
}
input[type=checkbox]:checked:after {
	content: '\2714';
	font-size: 12px;
	position: absolute;
	top: -1px;
	left: 2px;
	color: #4D5057;
}
input[type=checkbox].large:checked:after {
	content: '\2714';
	font-size: 32px;
	position: absolute;
	top: -8px;
	left: 1px;
	color: #4D5057;
}

/* "x::-webkit-file-upload-button" forces the rules to only apply to browsers that support this pseudo-element */
x::-webkit-file-upload-button, input[type=file]:after {
  content: 'Select a file...';
  display: inline-block;
  left: 100%;
  width: 110px;
  margin-left:3px;
  position: relative;
  -webkit-appearance: button;
  -webkit-box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15);
	background: -webkit-linear-gradient(#FCFCFC, #FAFAFA 40%, #F2F2F2);
	border: 1px solid #C0C0C0;
	font-size:14px;
	height: 16px;
	line-height: 16px;
	vertical-align: middle;
	text-align: center;
	padding: 7px 0;
	box-sizing: content-box;
	margin: -8px 0px 0px 11px;
	cursor:pointer;
}
input[type="submit"] {
	right:0;
	top:0;
	font-size:14px;
	height: 16px;
	line-height: 16px;
	vertical-align: middle;
	text-align: center;
	padding: 7px 0.8em;
	box-sizing: content-box;
    -webkit-box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15);
	background: -webkit-linear-gradient(#FCFCFC, #FAFAFA 40%, #F2F2F2);
	border: 1px solid #C0C0C0;
	color: inherit;
	cursor: pointer;
}
input[type="submit"]:hover {
	background: -webkit-linear-gradient(#deffdf, #d3ffd4 40%, #c8ffca);
}
input[type="date"] {
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15);
	background-image: -webkit-linear-gradient(#FCFCFC, #FAFAFA 40%, #F2F2F2);
	border: 1px solid #C0C0C0;
	padding: 3px 0px 3px 3px;
	height: 32px;
	box-sizing: border-box!important;
}
input[type="date"]::-webkit-datetime-edit {
	-webkit-appearance: none!important;
    -moz-appearance: none!important;
    appearance: none!important;
	background: none;
    color: inherit;
    border: none;
	font-size: 14px;
    cursor: pointer;
    outline: inherit;
	height: auto!important;
}
input[type="date"]::-webkit-datetime-edit-text { padding: 0 0em; }
input[type="date"]::-webkit-inner-spin-button { display: none; }
input[type="date"]::-webkit-datetime-edit-month-field { padding: 4px;margin:0; }
input[type="date"]::-webkit-datetime-edit-day-field { padding: 4px;margin:0; }
input[type="date"]::-webkit-datetime-edit-year-field { padding: 4px;margin:0; }
button {
	-webkit-appearance: none!important;
    -moz-appearance: none!important;
    appearance: none!important;
	background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
}
button:focus {
	outline: none;
}
.focusnone:focus {
	outline: none;
}
select {
	-webkit-appearance: none!important;
    -moz-appearance: none!important;
    appearance: none!important;
	background: none;
    color: inherit;
    border: none;
	font-size: 14px;
    cursor: pointer;
    outline: inherit;
	box-sizing: border-box!important;
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15);
	background-image: url(/images/icons/caret-down.png), -webkit-linear-gradient(#FCFCFC, #FAFAFA 40%, #F2F2F2);
	background-position: 94% center;
	background-repeat: no-repeat;
	padding: 0 40px 0 7px;
	line-height: 30px!important;
	border: 1px solid #C0C0C0;
	height: 32px!important;
}
select option {
	background: #fff;
}
select:focus {
	background-image: url(/images/icons/caret-down.png), -webkit-linear-gradient(#F2F2F2, #FAFAFA 40%, #FCFCFC);
	border: 1px solid #BCD6FF;
	outline: 0;
}
.inactiveinput {
	background: #eee!important;
}
input.invalidinput {
	background: #ffcac8!important;
}
select.invalidinput {
	background-image: url(/images/icons/caret-down.png), -webkit-linear-gradient(#ffcac8, #ffcac8 40%, #ffcac8)!important;
}

.imageRadio {
	overflow: auto;
	white-space: nowrap;
	-webkit-box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15);
	text-align: center;
}

.imageRadio::-webkit-scrollbar-track {
	background-color: #F5F5F5;
	border-top: 0;
}

.imageRadio::-webkit-scrollbar {
	width: 12px;
	background-color: #F5F5F5;
}

.imageRadio::-webkit-scrollbar-thumb {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #363636;
}

.imageRadio label {
	text-align:center;
	margin: 0;
}
.imageRadio [type=radio] {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}

.imageRadio [type=radio] + div {
	cursor: pointer;
}

.imageRadio [type=radio]:checked + div {
	border: 1px solid #8dff91;
	-webkit-box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15);
}

.imageRadio [type=radio]:checked + div > div {
	background-color: #c8ffca;
}

.imageRadio [type=radio] + div {
	border: 1px solid #C0C0C0;
}

.imageRadio label:hover > div {
	-webkit-box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15);
}

.imageRadio  div > .imageRadioText {
	padding: 0.4em;
	font-size: 0.7em;
	text-transform: uppercase;
	background-color: #fff;
}

.selecttitle {
	line-height: 16px;
	font-size: 14px;
    padding: 7px 0.7em;
	background: -webkit-linear-gradient(#FCFCFC, #FAFAFA 40%, #F2F2F2);
	-webkit-box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15);
	border: 1px solid #C0C0C0;
	display: inline-block;
	margin-right: 2px;
}
.acbutton {
	right:0;
	top:0;
	font-size:14px;
	height: 16px;
	line-height: 16px;
	vertical-align: middle;
	text-align: center;
	padding: 7px 0.7em;
    -webkit-box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15);
	background: -webkit-linear-gradient(#FCFCFC, #FAFAFA 40%, #F2F2F2);
	display: inline-block;
	border: 1px solid #C0C0C0;
	color: inherit;
	cursor: pointer;
	-ms-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
}
.acbutton:hover {
	background: -webkit-linear-gradient(#deffdf, #d3ffd4 40%, #c8ffca);
}
.acbutton.neg:hover {
	background: -webkit-linear-gradient(#ffdfde, #ffd4d3 40%, #ffcac8);
}
.btnstyling {
	-webkit-box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15);
	background: -webkit-linear-gradient(#FCFCFC, #FAFAFA 40%, #F2F2F2);
	border: 1px solid #C0C0C0;
}
.greenbtn {
	background: -webkit-linear-gradient(#deffdf, #d3ffd4 40%, #c8ffca);
}
#statusbox {
	display: none;
	position: absolute;
	background-color: #2196F3;
	top: 0;
	color: white;
    opacity: 0.9;
    transition: opacity 0.6s;
	padding: 20px;
	width: 100%;
	z-index: 99998;
	text-align: center;
}
#statusbox.ssuccess {background-color: #4CAF50;}
#statusbox.sinfo {background-color: #2196F3;}
#statusbox.serror {background-color: #f44336;}
.sbclosebtn {
    margin-right: 40px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
	z-index:99999;
}
.sbclosebtn:hover {
    color: black;
}
.loaderouter {
	display: table;
	position: absolute;
	height: 101%;
	width: 100%;
		z-index: 9999;
	background: rgba(242,244,252,0.90);
	-webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}
.loaderinner {
	display: table-cell;
	vertical-align: middle;
}
.loader {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 60%;
}
.loading {
	font-size: 16px;
	font-weight: bold;
}
.one {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.0s;
    animation: dot 1.3s infinite;
    animation-delay: 0.0s;
}

.two {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.2s;
      animation: dot 1.3s infinite;
      animation-delay: 0.2s;
}

.three {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.3s;
     animation: dot 1.3s infinite;
     animation-delay: 0.3s;
}

@-webkit-keyframes dot {
      0% { opacity: 0; }
     50% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes dot {
      0% { opacity: 0; }
     50% { opacity: 0; }
    100% { opacity: 1; }
}
.button {
	width: 150px;
	padding: 10px;
	background-color:
	#FF8C00;
	box-shadow: -8px 8px 10px 3px rgba(0,0,0,0.2);
	font-weight:bold;
	text-decoration:none;
}
#cover {
	position:fixed;
	top:0;
	left:0;
	background:rgba(0,0,0,0.95);
	z-index:5;
	width:100%;
	height:100%;
	display:none;
}
.popupbox {
	position: absolute;
	height:220px;
	padding: 20px 15px;
	width:340px;
	margin:0 auto;
	position:relative;
	z-index:10;
	display:none;
	background: #eaeff6;
	border:5px solid #071D49;
	border-radius:10px;
	display:block;
	opacity:2;
	z-index: 10;
}
#cover {
		display:block;
	opacity:2;
}
.popupbox:target, .popupbox:target + #cover{

}
.cancel:visited, .cancel:hover, .cancel {
	display:block;
	position:absolute;
	top:-5px;
	right:-5px;
	background:rgb(245,245,245);
	border: 5px solid #071D49;
	color: #071D49;
	border-radius:5px;
	width: 20px;
	height: 20px;
	padding: 0px 5px 7px 3px;
	font-size:26px;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	line-height: 20px;
}
.betatest {
	width: 50%;
	background-color: #BFDC7A;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45));
	background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45);
	background-image:    -moz-linear-gradient(top, #BFDC7A, #8EBF45);
	background-image:     -ms-linear-gradient(top, #BFDC7A, #8EBF45);
	background-image:      -o-linear-gradient(top, #BFDC7A, #8EBF45);
	font: bold 15px Sans-Serif;
	color: #333;
	text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
	border-radius: 5px;
	border: 1px solid #071D49;
	cursor: pointer;
}
.devbanner {
  width: 50%;
	  background-color: #DC7A7A;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#DC7A7A), to(#BF4545));
  background-image: -webkit-linear-gradient(top, #DC7A7A, #BF4545);
  background-image:    -moz-linear-gradient(top, #DC7A7A, #BF4545);
  background-image:     -ms-linear-gradient(top, #DC7A7A, #BF4545);
  background-image:      -o-linear-gradient(top, #DC7A7A, #BF4545);
   font: bold 15px Sans-Serif;
  color: #333;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  border-radius: 5px;
  border: 1px solid #071D49;
}
.ribbon-wrapper-green {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  right: -3px;
  z-index: 999;
}

.ribbon-green {
  font: bold 15px Sans-Serif;
  color: #333;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #BFDC7A;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45));
  background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45);
  background-image:    -moz-linear-gradient(top, #BFDC7A, #8EBF45);
  background-image:     -ms-linear-gradient(top, #BFDC7A, #8EBF45);
  background-image:      -o-linear-gradient(top, #BFDC7A, #8EBF45);
  color: #6a6340;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}

.ribbon-green:before, .ribbon-green:after {
  content: "";
  border-top:   3px solid #6e8900;
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

.ribbon-green:before {
  left: 0;
}
.ribbon-green:after {
  right: 0;
}​
html, body, div, span {
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-size: 100%;
	vertical-align: baseline;
}

body {
	font-size: 20px;
	background: #C0C0C0;
	background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
	font-family: Helvetica,Arial,Sans-serif;
}

h1 {
	padding: 0px;
	margin: 0.1em;
	font-size: 2em;
}

h2 {
	font-size: 1.6em;
	margin: 0px;
	padding: 0px;
}
h2.small {
	font-size: 1.4em;
}

h3 {
	font-size: 1.6em;
	font-weight: bold;
	margin: 0px;
	color: #071D49;
}

h4 {
	font-weight: normal;
	font-size: 1.6em;
	margin: 0px;
	opacity: 0.7;
	color: #071D49;
}
.h4styling {
	opacity: 0.7;
	color: #071D49;
}

h5 {
	font-weight: bold;
	font-size: 1em;
	margin: 0px;
}

h6 {
	font-weight: bold;
	font-size: 1.2em;
	margin: 0px;
	opacity: 0.7;
	color: #071D49;
}

a {
	color: #6870B1;
	text-decoration: none;
}

a:hover {
	color: #060c2d;
	text-decoration: underline;
}

a:visited {
	color: #6870B1;
	text-decoration: none;
}
a.darkblue {
	color: #071D49;
	text-decoration: none;
}
a.darkblue:hover {
	color: #071D49;
	text-decoration: underline;
}
a.darkblue:visited {
	color: #071D49;
	text-decoration: none;
}
a.white {
	color: #fff;
	text-decoration: none;
}
a.white:hover {
	color: #fff;
	text-decoration: underline;
}
a.white:visited {
	color: #fff;
	text-decoration: none;
}
a.reda {
	color: red;
	text-decoration: none;
}
a.reda:hover {
	color: red;
	text-decoration: underline;
}
a.reda:visited {
	color: red;
	text-decoration: none;
}
.redbox {
	border: 1px solid #161925;
}

p {
	padding: 2px;
	margin: 0.4em;
	margin-left: 2px;
}

#header {
	padding: 0;
	margin: 0;
}
.navrow1 {
	background: #0A090C;
}
.inner {
	width: 70%;
	margin: 0 auto;
	color: #fff;
	font-size: 0.7em;
}
.navrow2 {
	background: #fff;
}
.logo {
	height: 120px;
	vertical-align: middle;
	padding: 1.4em 1em 1.4em 1em;
}
.miniloginform {	width: 350px;	height: 300px;	z-index: 99999;overflow:hidden;}

.notifbody {	width: 500px;	height: 300px;	z-index: 99999;}
.notifbody a:hover {text-decoration: none;position: relative;}
.notifbody a:hover > div {	background: #c8ffca;}
.notifbody::-webkit-scrollbar {    width: 1em;}
.notifbody::-webkit-scrollbar-track {	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.notifbody::-webkit-scrollbar-thumb {	background-color: darkgrey;	outline: 1px solid slategrey;	border-radius: 6px;}
.searchcontainer {
	height: 120px;
	vertical-align: middle;
	padding: 2.8em 0.4em 2.8em 0.4em;
}
.cartcontainer {
	border-radius: 3px;
	width: 100%;
}
.cartcontainer:hover {
		-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.cartico {
	height: 44px;
	width: 30px;
	font-size: 1.4em;
	text-align: center;
	line-height: 42px;
	background: #4D5057;
	color: #fff;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.cartprice {
	height: 44px;
	width: 30px;
	font-size: 1.1em;
	text-align: center;
	line-height: 42px;
	color: #0A090C;
	background: #fff;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
.carticomob {
	height: 34px;
	width: 30px;
	font-size: 1.4em;
	text-align: center;
	line-height: 32px;
	background: #BCD6FF;
	color: #4D5057;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.cartpricemob {
	height: 34px;
	width: 30px;
	font-size: 1.1em;
	text-align: center;
	line-height: 32px;
	color: #0A090C;
	background: #fff;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
.navrow3 {
	background: #4D5057;
	border-top: 1px solid #e5e5e5;
	box-shadow: 0 5px 4px rgba(0,0,0,.2);
	position: relative;
}
.contentbody {
	width: 70%;
	margin: 0 auto;
	background: #fff;
	min-height: 650px;
	box-sizing: border-box;
}
.mainlogoflex {
	flex-basis: 220px;
}
.mainsearchflex {
	flex-basis: calc(100% - 220px);
}
.menuflexsearch {
	 flex-basis: calc(100% - 140px - 1.6em);
}
.menuflexcart {
	 flex-basis: 140px;
}
#header .headerico {
	width: 20px;
	border: 1px solid #071D49;
	border-radius: 500px;
	margin-right: 4px;
}

#header .container {

}

#header .topbar {
	height: 110px;
	width: 100%;
	background: #003366;
	border-bottom: 1px solid #071D49;
}

#header .admintopbar {
	position: relative;
	margin: 0 auto;
	height: 40px;
	width: 100%;
  	background: -webkit-linear-gradient(#FFDD86, #7E6524); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#FFDD86, #7E6524); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#FFDD86, #7E6524); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#FFDD86, #7E6524); /* Standard syntax */
	border-bottom: 1px solid #071D49;
}
.logoimg {
	width: 100%;
	-webkit-filter: drop-shadow(1px 1px 1px #222222);
	filter: drop-shadow(1px 1px 1px #222222);
}
.logoimg:hover {
	-webkit-filter: drop-shadow(1px 1px 3px #222222);
	filter: drop-shadow(1px 1px 3px #222222);
}

#header .menucontainer {
	height: 110px;
	width: 100%;
	position: relative;
	margin-bottom: 0.4em;
}

#header .topmenu {
	position: relative;
	font-weight: bold;
	font-size: 0.8em;
	color: #FFF;
	padding: 4px;
}

#header .topmenul {
	margin-top: 0px;
}

#header .topmenui {
	padding: 0.4em 1em;
}

#header .topmenui:hover {
	background: #BCD6FF;
	color: #071D49;

}

#header .topmenuimgs {
	height: 40px;
	padding-top: 4px;
	position: relative;
	float: right;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

.topadimage {
	height: 100px;
	border: 1px solid #161925;
}
div .mainadstrip {
	padding: 0;
	width:100%;
	line-height: 0px;
	clear:both;
	font-weight: bold;
	text-align: right;
	border-right: 6px solid #303330;
			-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding-right: 0.3em;
}
div .mainmenu {
	padding: 0;
	width:100%;
	line-height: 0px;
	clear:both;
	font-weight: bold;
	text-align: center;
}

#menuwrap {
	padding: 0;
	width: 98%;
	margin: 0 auto;
	border-radius: 5px;
	margin-bottom: 5px;
		-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

.menutablewrap {
	width: 100%;
	margin: 0 auto;
}
.navrow {
	padding: 0.4em 0.4em 0 0.4em;
}
.navblock {
	padding-top:10px;
	margin-right: 0.2em;
}
.navhead {
	height:16px;
	line-height:19px;
	color: #FFCC66;
	font-size: 0.6em;
}
.navitem {
	height:20px;
	line-height:20px;
	font-size:0.7em;
}
.navitem:hover {
	border-bottom: 2px solid #FFCC66;
	cursor: pointer;
}

#submenutable {
	width: 50%;
	background: #F7F9F9;
	border-radius: 5px;
	padding: 0px;
	border-spacing: 0px;
}

#submenutable th {
	font-size: 1.0em;
}

#submenutable td {
	color: #161925;
	font-weight: normal;
	font-size: 0.9em;
	padding-left: 6px;
}

/* DROP DOWN MENU START */
#menuwrap a {
	color: #071D49;
}
#menuwrap a:visited {
	color: #071D49;
}
#menuwrap ul {
	padding-left: 0px;
	padding-top: 0px;
	display: inline;
	margin: 0;
	list-style: none;
	text-align: center;
}

#sidemenu .inactive {
	cursor: default;
	background: #757575;
	color: #161925;
}

#sidemenu .inactive:hover {
	cursor: default;
	background: #757575;
	color: #161925;
}
#sidemenu .special {
	background: #FFF8C9;
}
#sidemenu .special:hover {
	background: #FFF8C9;
	color: #071D49;
}
#menuwrap ul li {
	width: 19.2%;
	text-align: center;
	color: #0A090C;
	font: bold 14px/18px sans-serif;
	display: inline-block;
	margin-bottom: 0.4em;
	position: relative;
	padding: 16px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
     box-sizing: border-box;
	cursor: pointer;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	background: #BCD6FF;
}

#menuwrap ul li:hover {
	color: #EEF0F2;
	background: #071D49;

}
#menuwrap ul li ul {
	padding: 0px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 45px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	display: none;
	opacity: 0;
	visibility: hidden;
	overflow: auto;
	-webkit-transiton: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-ms-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	-transition: opacity 0.2s;
}
#menuwrap .menuleft {
	left: -1px;
}
#menuwrap .menucenterleft {
	left: -27.5%;
}
#menuwrap .menuright {
	right: -1px;
}
#menuwrap .menucenterright {
	right: -27.5%;
}
#menuwrap .menucenter {
	left: -55%;
}
#menuwrap ul li ul li:first-child {
	margin-top: 1px;
}
#menuwrap ul li ul li {
	margin: 0px;
	padding: 6px;
	text-align: left;
  	background: #071D49;
	background-color: rgba(21,32,85,0.8);
	display: block;
	z-index: 10000;
	color: #fff;
	width: 636px;
	height: 100%;
	font-size: 13px;
	margin: 0 auto;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
#menuwrap ul li ul li:hover {
  	background: #071D49;
	background-color: rgba(21,32,85,0.8);
	cursor: auto;
}
#menuwrap ul li:hover ul {
	display: block;
	opacity: 1;
	visibility: visible;
	transition-delay: 0.2s;

}
/* DROP DOWN MENU END */

#body {
	padding: 0px;
	width: 98%;
	min-height: 600px;
	margin:0 auto;
	display: flex;
	padding-bottom: 20px;
	min-height: 1000px;
}

#body .bodyhead {
	position: relative;
	height: 49px;
	background: #0A090C;
	font-size: 14px;
	color: #F4F7FF;
	width: 100%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

#body .topsec1 {
	width: 85px;
	padding-left: 14px;
	height: 49px;
	float: left;
	font-weight: bold;
	line-height: 49px;
	font-size: 1.3em;
	cursor: pointer;
}
#body .topsec1:hover {
	color: #BCD6FF;
}
#body .search {
	height: 49px;
	overflow: hidden;
	padding-top: 2px;
	position: relative;
}

.searchform {
	border-radius: 3px;
}

input.mainsearch {
	width: -moz-calc(100% - 44px);
	width: -webkit-calc(100% - 44px);
	width: -o-calc(100% - 44px);
	width: calc(100% - 44px);
	border: 3px solid #BCD6FF;
	height:44px;
	display: block;
	    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
   color: #000;
   -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
input.mainsearch:focus {
	outline: none;
}

.searchico {
	color: #0A090C;
	font-size: 1.2em;
	background: #BCD6FF;
	width: 44px;
	height: 44px;
	margin-top: 0px;
	cursor: pointer;
	border: 3px solid #BCD6FF;
	text-align: center;
	padding: 0px 11px;
	z-index: 999;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
#body .searchbtn {
	position:relative; top:0;
    padding:3px 5px 2px 8px;
    margin-left:8px;
    border:none;
    background: -webkit-gradient(linear, left top, left bottom, from(#d631a7), to(#8f1b64));
    background: -moz-linear-gradient(top,  #d631a7,  #8f1b64);
}
.searchico:focus {
	outline: none;
}

#body .topsec3 {
	position: relative;
	margin-top: 0px;
	width: 110px;
	margin-right: 8px;
	float: right;
}

.topsec3 a {
	color: #fff;
	text-decoration: none;
}

#body .cartico {
	position: absolute;
	left: 4px;
	top: 10px;
	float: left;
	opacity: 0.3;
}
#body .cartbutton {
	background: #4D5057;
	color: #F4F7FF;
	height: 26px;
	line-height: 26px;
	padding: 5px;
	margin-top: 6px;
	text-align: center;
	font-size: 0.9em;
	vertical-align: middle;
	cursor: pointer;
	font-weight: bold;
	border: 0px solid #494C49;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}
.breadcrumbs {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row-reverse;
	-moz-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	-o-flex-direction: row-reverse;
	flex-direction: row-reverse;
	justify-content: flex-end;
}
.breadcrumb {
	position: relative;
	height: 16px;
	line-height: 16px;
	font-size: 14px;
    padding: 7px 20px 7px 30px;
	background: -webkit-linear-gradient(#FCFCFC, #FAFAFA 40%, #F2F2F2);
	-webkit-box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15);
	border: 1px solid #C0C0C0;
	margin-right: -20px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	overflow: hidden;
}
.breadcrumbs a:last-child .breadcrumb {
	padding: 7px 20px 7px 14px!important;
}
.breadcrumb.inactivebc {
	background: -webkit-linear-gradient(#f7f7f7, #f2f2f2 40%, #ededed);
}
.breadcrumb.activebc:hover {
	background: -webkit-linear-gradient(#deffdf, #d3ffd4 40%, #c8ffca);
}

#sidemenu {
	width: 200px;
	float: left;
	margin-left: 0;
}

#contentwrap {
	padding-top: 0.6em;
	color: #161925;
	font-family: Tahoma, Geneva, Verdana, sans-serif;
	font-size: 0.9em;
	left: 5;
}
.cwmargin {
	margin-left: 200px;
}

.blankcontentbox {
	margin: 0 auto;
	margin-bottom: 15px;
	width: 98%;
}

.contentboxcontainer {
	float: left;
	width: 100%;
	font-size: 18px;
}

#contentbox {
	margin: 0 auto;
	width: 100%;
}

#contentboxnob {
	margin: 0 auto;
	width: 100%;
}

#smallcontentbox {
	margin: 0 auto;
	width: 55%;
}

.centercontentbox {
	margin: 0 auto;
	width: 98%;
}

.halfcontentboxcontainer {
	width: 50%;
	float: left;
	    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

.halfcontentboxcontainerl {
	width: 50%;
	float: left;
	    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

.halfcontentboxr {
	width: 50%;
	float: left;
	margin-left: 3px;
	    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	margin-bottom: 0.6em;
}
.halfcontentboxl {
	width: 50%;
	float: left;
	position: relative;
	margin-right: 3px;
	    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	margin-bottom: 0.6em;
}

.halfimgcontentboxr {
	width: 49%;
	height: 100%;
	float: right;
	padding-left: 0em;
	    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	margin-bottom: 0.6em;
}

.halfimgcontentboxl {
	width: 50%;
	height: 100%;
	float: left;
	position: relative;
	padding-right: 0.4em;
	    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	margin-bottom: 0.6em;
}

.contenthead {
  background: #4D5057;
	min-height: 20px;
	line-height: 20px;
	padding: 0.6em;
	color: #F4F7FF;
	z-index: 100;
	font-size: 1.1em;
		-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}

.content {
	padding: 0.6em 0;
	font-size: 0.9em;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	position: relative;
}

#bodywrap {
	position: relative;
	height: auto;
}
.sticky {
	position:relative;
	top: 0;
}
.filtershide {
	width: 90px;
	padding: 7px 0.8em;
	font-size: 14px;
	text-align: center;
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15);
	background-image: -webkit-linear-gradient(#FCFCFC, #FAFAFA 40%, #F2F2F2);
	border: 1px solid #C0C0C0;
	color: #000;
}
.filtershide:hover {
	background: -webkit-linear-gradient(#deffdf, #d3ffd4 40%, #c8ffca);
}
.filtertoggle::after {
	content: "Hide filters";
}
.filterhead {
	border-left: 5px solid #4D5057!important;
}
.filterbody {
	width: 95%;
	margin: 0 auto;
	border: 1px solid #C0C0C0;
	border-top: 0;
}
/* Side Menu Start */
#sidemenuwrap {
	padding: 0px;
	margin: 0px;
}

#sidemenuwrap .sidemenucontainer {
	background: #6870B1;
}

#sidemenublock {
	padding: 0px;
	margin-left: -2px;
	margin-top: 0;
}

.sidemenuimg {
	width: 200px;
	border: 1px solid #0A090C;
	margin-left: 1px;
}

#sidemenublock div {
	padding: 5px;
	color: #fff;
	font: bold 14px/18px sans-serif;
	padding-bottom: 1px;
}

#sidemenublock .sideblockimage {
	padding: 0px;
	position: relative;
	margin-left: 1px;
	margin-top: 0.5em;
}

#sidemenublock .sideblockbg {
	padding: 0px;
}

#sidemenublock .sideblocktext {
	padding: 3px;
	max-width: 90%;
	background: #6870B1;
	background-color:rgba(0, 0, 0, 0.7);
	position: absolute;
	margin-bottom: 10px;
	bottom: 0;
	left: 0;
}

.fpblock {
	padding: 0px;
	position: relative;
}

.fpblockbg {
	padding: 0px;
	border-radius: 5px;
	border: 1px solid #6870B1;
	height: 186px;
	width: 100%;
	background: #161925;
}

.fpblocktext {
	padding: 3px;
	max-width: 90%;
	background: #6870B1;
	background-color:rgba(104, 112, 177, 0.8);
	border: 1px solid #6870B1;
	border-right: 0px;
	color: #fff;
	padding-right: 10px;
	font-weight: bold;
	position: absolute;
	margin-top: 10px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	top: 0;
	right: 0;
}

div.filters {
		border-left: 5px solid #071D49;
	width: 200px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	background: #6870B1;
	color: #fff;
	font: 12px/18px sans-serif;
	position: relative;
	display: inline-block;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
		border-radius: 5px;
}

.filterblock {

}

.menuitem {
	padding: 0.8em;
	display: inline-block;
}
.menuitema {
	padding: 0.8em;
	display: inline-block;
	border-left: #FCFCFC;
}
.menuitema:last-child {
	border-right: #FCFCFC;
}
.menuitem:hover {
	background: -webkit-linear-gradient(#F2F2F2, #FAFAFA 40%, #FCFCFC);
	color: #0A090C;
	cursor: pointer;
}

.menulistmob {
	display: none;
	outline: 0;
}
.mobmenucontents {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 51px;
	padding: 0;
    background: #fff;
	color: #000;
	z-index:9999;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    transition: all 0s ease 0s;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    vertical-align: top;
    cursor: default;
    box-sizing: border-box;
}
.menucontext {
	font-size: 1em;
	padding: 0.8em 0.8em;
	outline: 0;
}
.menuicomobile {
	display: none;
}
#sidemenuwrap > .menulist > ul {
	padding: 0px;
	text-align: left;
	margin: 0px;
	list-style: none;
}
#sidemenuwrap > .menulist > ul.right {
	padding: 0px;
	text-align: right;
	margin: 0px;
	list-style: none;
}
.ul2 > li, .ul2 > li > ul > li {
	padding: 0!important;
	display: block;
}
.menulist ul {
	list-style: none;
}
#sidemenuwrap ul {
	margin: 0px;
	list-style: none;
}
.menulist > ul > li {
	display:inline-block;
	border-left: 1px solid #3d4045;
	padding: 0.6em 0.8em;
}
.menulist > ul > li > a {
	color: inherit;
}
.menulist > ul > li:hover {
	background: -webkit-linear-gradient(#F2F2F2, #FAFAFA 40%, #FCFCFC);
	color: #0A090C;
	cursor: pointer;
}

.menulist > ul > li:last-child {
	border-right: 1px solid #3d4045;
}
.menulist > ul > li div {
	white-space: pre;
}

.menulistadmin {
	text-align: center;
}

.menulistadmin > ul {
	margin: 0;
	padding: 0;
	font-size: 0px;
	display: flex;
	flex-wrap: wrap;
}

.menulistadmin > ul > li {
	flex-grow: 1;
	border-right: 1px solid #e4e4e4!important;
	border-bottom: 1px solid #e4e4e4!important;
	border-left: 0px!important;
	font-size: 14px;
}

.submenu {
	padding-left: 10px;
}

.ulempty {
		padding: 0px;
	text-align: left;
	display: inline-block;
	margin: 0px;
	list-style: none;
	width: 100%;
}
.fullblock {
	width: 100%;
	padding: 1px 4px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	color: #071D49;
	font: bold 12px/18px sans-serif;
	position: relative;
	cursor: pointer;
	display: inline-block;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.darkhover:hover {
	color: #fff;
  	background: #071D49;
}
.menulist > ul > li > ul {
	padding: 0.4em;
	position: absolute;
	top: 38px;
	left: 15%;
	background: #fff;
	opacity: 0;
	visibility: hidden;
	z-index: 9999;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	transition: all 0s ease 0s;
	width: 70%;
	margin: 0 auto;
	text-align: center;
	vertical-align: top;
	display: flex;
	flex-flow: row wrap;
    align-content: space-between;
	justify-content: flex-start;
	cursor: default;
	box-sizing: border-box;
}
.menulistadmin > ul > li > ul {
	width: 100%;
	left: 0;
	top: 39px;
}
.menulistadmin:hover {
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
}
.menulist > ul > li:hover > ul {
    opacity: 1;
    transition: all 0.2s ease 0.2s;
	transition-delay: 0.05s;
}
.menulist > ul > li > ul > li {
	text-align: left;
	flex-basis: 17%;
	vertical-align: top;
	margin: 1em;
}
.menulist > ul > li > ul > li > a {
	padding: 0.6em 2px;
	border-bottom: 1px solid #0A090C;
	color: #4D5057;
	display: inline-block;
	box-sizing: border-box;
}
.menulist > ul > li > ul > li > .menuheader {
	padding: 0.6em 2px;
	border-bottom: 1px solid #0A090C;
	color: #4D5057;
	display: inline-block;
	box-sizing: border-box;
}
.menulist > ul > li > ul > li > a:visited {
	color: #4D5057;
}
.menulist > ul > li > ul > li > a:hover {
	color: #b7b9bb;
}
#sidemenuwrap ul li ul li.head {
	margin: 0px;
	display: block;
	z-index: 10000;
	padding: 0.8em 5px 0.8em 11px;
	color: #F4F7FF;
	background: #BCD6FF;
	color: #071D49;
	cursor: default;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
}
#sidemenuwrap ul li ul li:hover {
}
.menulist ul > li:hover > ul {
	opacity: 1;
	visibility: visible;
}
.menulist ul li ul:hover {
	opacity: 1;
	visibility: visible;
}

/* 3rd sub */
.menulist > ul > li > ul > li > ul {
padding: 0.6em 2px;
}
.menulist > ul > li > ul > li ul > li > a {
color: #4D5057;
padding: 0.3em 0;
}
.menulist > ul > li > ul > li ul > li > a:visited {
	color: #4D5057;
}
.menulist > ul > li > ul > li ul > li > a:hover {
color: #b7b9bb;
}
#footer {
	margin-top: 0px;
	width: 100%;
	background: #0A090C;
	font-size: 12px;
	color: #fff;
	box-shadow: 0 -5px 4px rgba(0,0,0,.2);
}

#footer h1 {
	font-size: 1.4em;
	font-weight: bold;
	padding: 2px;
	margin: 0px;
}

#footer .footercontainer {
	width: 70%;
	margin: 0 auto;
	padding-top: 20px;
	position: relative;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

#footer .quicklinks {
	width: 48%;
	display: inline;
	float: left;
	vertical-align: top;
	height: 70px;
}

#footer ul {
	display: inline-block;
	padding: 4px;
	margin: 0;
}

#footer ul li {
	list-style: none;
}

#footer .newsfeed {
	display: inline;
	float: right;
	width: 48%;
	text-align: right;
	vertical-align: top;
	height: 70px;
}

#footer .copyright {
	width: 100%;
	clear: both;
	text-align: center;
	padding-bottom: 10px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	margin: 0 auto;
}

#footer .footerico {
	width: 35px;
	margin: 3px;
}

.modal-open{overflow:hidden}
.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;-webkit-overflow-scrolling:touch;outline:0}
.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}
.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
.modal-open .modal{overflow-x:hidden;overflow-y:auto}
.modal-dialog{position:relative;width:auto;margin:10px}
.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#161925}
.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}
.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}
.modal-header{min-height:16.42857143px;padding:15px;border-bottom:1px solid #e5e5e5}
.modal-header .close{margin-top:-2px}
.modal-title{margin:0;line-height:1.42857143}
.modal-body{position:relative;padding:15px}
.modal-body table{ border-spacing: 0px;}
.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}
.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}
.modal-footer .btn-group .btn+.btn{margin-left:-1px}
.modal-footer .btn-block+.btn-block{margin-left:0}
.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}
.modal .modal-body {
    max-height: 420px;
    overflow-y: auto;
}
@media(min-width:768px){.modal-dialog{width:60%;min-width:620px;margin:30px auto}
.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}
.modal-sm{width:300px}
}
#pcb_ram_qty_box {
	position: absolute;
	top: 0;
	min-width: 120px;
	margin-left: -60px;
	left: 50%;
	text-align: center;
	z-index: 5;
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	background: -webkit-linear-gradient(#FCFCFC, #FAFAFA 40%, #F2F2F2);
	-webkit-box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15);
	border: 1px solid #C0C0C0;
	display: flex;
    flex-flow: row wrap;
    align-content: space-between;
	justify-content: space-between;
	-ms-box-sizing:border-box!important;
	-moz-box-sizing:border-box!important;
	-webkit-box-sizing:border-box!important;
	box-sizing:border-box!important;
}
#pcb_gfx_qty_box {
	position: absolute;
	top: 0;
	min-width: 120px;
	margin-left: -60px;
	left: 50%;
	text-align: center;
	z-index: 5;
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	background: -webkit-linear-gradient(#FCFCFC, #FAFAFA 40%, #F2F2F2);
	-webkit-box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15);
	border: 1px solid #C0C0C0;
	display: flex;
    flex-flow: row wrap;
    align-content: space-between;
	justify-content: space-between;
	-ms-box-sizing:border-box!important;
	-moz-box-sizing:border-box!important;
	-webkit-box-sizing:border-box!important;
	box-sizing:border-box!important;
}
.pcb_minus_btn {
	flex-basis: 32px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	display: inline-block;
}
.pcb_add_btn {
	flex-basis: 32px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	display: inline-block;
}
.pcb_add_btn:hover, .pcb_minus_btn:hover {
	background: -webkit-linear-gradient(#deffdf, #d3ffd4 40%, #c8ffca);
}
.pcb_qty_box {
	flex-basis: calc(100% - 64px);
	display: inline-block;
	padding-top: 8px!important;
	padding-bottom: 8px!important;
	-ms-box-sizing:border-box!important;
	-moz-box-sizing:border-box!important;
	-webkit-box-sizing:border-box!important;
	box-sizing:border-box!important;
	border: 0!important;

}
.pcb_cattable {
	width: 100%;
}
.pcbuilder {width: 100%; margin: 0 auto; border-spacing: 10px;}
.pcbuilder td {padding: 5px}
.builderbutton {
	position: relative;
	min-width: 120px;
	width: 50%;
	height: 120px;
	border: 0px;
	-webkit-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.6);
	box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.6);
	cursor: pointer;
	background:transparent;
	text-align: center;
	color: #071D49;
	line-height: 20px;
	font-size: 0.6em;
	text-transform: uppercase;
	font-weight: 900;
	z-index: 1;
}
.pcbheader {
	width: 80%;
	margin: 0 auto;
}
.builderbutton:before {
	content: " ";
	white-space: pre;
}
.pcbtotals {
	display: inline-block;
	width: 20%;
}
.pcbtotalsbox {
	width: 100%;
	min-height: 220px;
	float: right;
	-webkit-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.6);
	box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.6);
}
.casebox {
	display: inline-block;
	width: 40%;
	text-align: center;
}
.buttontitle {
	position: relative;
	z-index: 10;
	margin-top: -2px;
	width: 75%;
	margin: 0 auto;
}
.pcb_item_row {
	position: relative;
	display: flex;
    flex-flow: row wrap;
    align-content: space-between;
	justify-content: space-between;
	vertical-align: top;
	text-align: left;
	min-height: 125px;
	height: 240px;
	margin-top: 0.6em;
}
.pcb_item_img {
	position: absolute;
	height: 200px;
	opacity: 0.9;
	z-index: 1;
	top: 40px;
}
.pcb_item_text {
	width: 100%;
	z-index: 2;
}
.pcb_item_title {
	font-size: 1.2em;
	font-weight: 500;
	padding: 0.4em;
	text-align: left;
	margin-left: 0px;
}
.pcb_item_specs {
	margin-top: 6px;
	text-align: left;
	margin-left: 200px;
	font-size: 0.8em;
}
.pcb_item_specs_row {
	display: flex;
    flex-flow: row wrap;
    align-content: space-between;
	justify-content: space-between;
	vertical-align: top;
	text-align: left;
}
.pcb_item_spec_title {
	flex-basis: 25%;
	order: 1;
	-ms-box-sizing:border-box!important;
	-moz-box-sizing:border-box!important;
	-webkit-box-sizing:border-box!important;
	box-sizing:border-box!important;
}
.pcb_item_spec_spec {
	flex-basis: 75%;
	order: 2;
	-ms-box-sizing:border-box!important;
	-moz-box-sizing:border-box!important;
	-webkit-box-sizing:border-box!important;
	box-sizing:border-box!important;
}
@media (max-width: 1100px) {
	.pcb_item_text {
		padding: 0;
	}
	.pcb_item_title {
		font-size: 0.8em;
		margin-left: 0px;
		font-weight: 800;
		margin-top: 0.2em;
		margin-left: 0.2em;
		margin-right: 0.2em;
		background: #fff;
		padding: 0.4em;
		-webkit-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.1);
		box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.1);

	}
	.pcb_item_specs {
		margin-left: 0px;
		font-size: 0.8em;
	}
	.pcb_item_spec_title {
		opacity: 0;
		flex-basis: 30%;
	}
	.pcb_item_spec_spec {
		background: #fff;
		flex-basis: 60%;
		-webkit-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.1);
		box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.1);
	}
}
.pcb_item_select {
	float: right;
	vertical-align: middle;
	padding: 0em 0.5em;
}
.active {background: #cfc}
.hidden {color: #999; background: #ccc; display:none;visibility:hidden;}
.case{width: 100%;height: 260px; display: block}
.casesbox {
	margin-bottom: 0.6em;
    display: flex;
    flex-flow: row wrap;
    align-content: space-between;
    justify-content: space-around;
	text-align:center;
	vertical-align: top;
}
.casesbox::before, .casesbox::after {
  content: '';
  width: 100%;
  order: 1;
}
.pcb_case {
	position: relative;
	text-align: center;
	width: 20%;
	margin-bottom: 10px;
	width: 146px;
}
@media (max-width: 425px) {
	.pcb_case {
	  width: 100%;
	}
}
.pricebutton {
	padding: 0.4em 0 0.4em 0;
	font-weight: bold;
	margin-top: 0px;
	margin: 0 auto;
}
.pcb_filler {
	height: 10px;
}

/* CONTENT CSS */
div.sectionhead {
	width: 99%;
	padding: 0.6em;
	margin: 0 auto;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	background: #BCD6FF;
	color: #071D49;
	border-bottom: 3px solid #071D49;
}

div.sectionheadsmall {
	background: -webkit-linear-gradient(#6870B1, #071D49); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#6870B1, #071D49); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#6870B1, #071D49); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#6870B1, #071D49); /* Standard syntax */
	width: 99%;
	color: #fff;
	padding: 1px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 1px;
	margin-top: 8px;
	margin-bottom: 2px;
	margin: 0 auto;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	height: 22px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

 h2.register {
	width: 100%;
	margin: 1px;
	font-size: 0.9em;
	padding: 2px;
}

div.secheadico {
	line-height: 114px;
	color: #fff;
	float: left;
}

div.secheadtitle {
	text-align: right;
	color: #071D49;
	width: 100%;
}
div .innercontainer {
	width: 98%;
	margin: 0 auto;
	padding: 4px;
	padding-bottom: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
     box-sizing: border-box;
position: relative;
}

div .halfinnercontainer {
	width: 50%;
	padding: 4px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
     box-sizing: border-box;
	 position: relative;
}

div .thirdinnercontainer {
	width: 31%;
	padding: 4px;
	float: left;
	margin-left: 0.9em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
     box-sizing: border-box;
	 position: relative;
}

div .menuinnercontainer {
	width: 19%;
	padding: 4px;
	float: left;
	margin-left: 4px;
	margin-top: 4px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
     box-sizing: border-box;
	 position: relative;
	 background: #FAFBFC;
	 border-right: 1px solid #6870B1;
	 border-bottom: 1px solid #6870B1;
	 height: 500px;
	 overflow:auto;
	 font-size: 0.9em;
-webkit-box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.75);
box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.75);
}

div .tqinnercontainer {
	width: 80%;
	padding: 4px;
	padding-left: 10px;
	margin: 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
     box-sizing: border-box;
	 position: relative;
	 overflow: auto;
}

#userinfo {
	width: 100%;
	font-size: 0.8em;
}

#userinfo .userinfo {
	padding: 2px;
	width: 36%;
}

#userinfo .userinfo2 {
	padding: 2px;
	width: 64%;
}

#formtable {
	width: 100%;
	vertical-align: top;
	padding: 2px;
}

#formtable .formlabel {
	vertical-align: text-top;
	width: 30%;
	padding: 2px;
}

#formtable .formfield {
	padding: 2px;
}

#formtable .formsubmit {
	width: 100%;
}

div.horiborder {
	height: 3px;
	background: #C0C0C0;
	clear: both;
	overflow: auto;
	margin-top: 0.4em;
	margin-bottom: 0.4em;

}
div.shoriborder {
	height: 1px;
	background: #C0C0C0;
	clear: both;
	overflow: auto;
	margin-top: 0.4em;
	margin-bottom: 0.4em;

}

 .checkboxtext {
	float: left;
	font-size: 1.1em;
}

.checkboxcontainer {
	overflow: hidden;
}

.tocbox {
	width: 90%;
	margin-left: 18px;
	border: 1px solid #a9a9a9;
	height: 125px;
}

 label {
	font-size: 0.8em;
	padding: 0.5em;
}
.abPopupForm label {
	margin: 0;
	padding: 0;
	font-size: 0.6em;
}

 .datefield {
    padding: 1px;
    border: 1px solid #CCC;
    background: #F7F9F9;
    color: #666;
	width: 95%;
}

 .datefield * {
    display: inline-block;
}

 .datefield input {
    width: 2.6em;
    padding: 0 0.4em;
    border: none;
}

#checkbox input {
	width: 14px;
	height: 14px;
}

#loginform label {
	font-size: 0.8em;
	padding: 0.5em;
}

fieldset {
	border: 0;
	padding: 0;
	margin: 0;
}

div.dob {
	width: 100%;
	padding: 0;
	margin: 0;
}

div.dobm {
	flex-basis: 100px;
}

div.dobdy {
	display: inline-block;
}

select.birthmonth {
	width: 98%;
	display: inline-block;
}
input.birthday {
	width: 5ch;
	display: inline-block;
}
input.birthyear {
	width: 7ch;
	display: inline-block;
	margin-right: 0;
}

 .error {
	color: red;
	font-size: 11px;
}

#toc-error {
	float: right;
}

::-webkit-datetime-edit-month-field { margin-left: 1.3em; margin-right: 1.3em; }
::-webkit-datetime-edit-day-field { margin-left: 0.3em; margin-right: 1.3em; }
::-webkit-datetime-edit-year-field { margin-left: 1.3em; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}

p.error {
	color: red;
	font-size: 0.9em;
	padding: 0.5em;
}

p.success {
	color: green;
	font-size: 0.9em;
	padding: 0.5em;
}

.accountsummarylist {
	line-height: 18px;
	margin-bottom: 0;
}
/* Change Address Form */
#accountforms textarea {
	width: 100%;
}

#accountforms input[type="text"] {
	width: 100%;
}

#accountforms input[type="email"] {
	width: 100%;
}
#accountforms input[type="password"] {
	width: 100%;
}

#accountforms select {
	width: 100%;
}

.accountbtns {
	flex-basis: 33%;
}
.accountbtns:nth-child(5) {
	flex-basis: 66%;
}
.accountbtnsimg {
	width: 70px;
}
.accountbtnsimgcont {
	flex-basis: 70px;
}
.accountbtnsmain {
	flex-basis:calc(100% - 100px);
}
@media (max-width: 1000px) {
	.accountbtns {
		flex-basis: 49%;
	}
	.accountbtns:nth-child(5) {
		flex-basis: 100%;
	}
	.accountbtnsdesc {
		display: none;
	}
	.accountbtnsimg {
		width: 35px;
	}
	.accountbtnsimgcont {
		flex-basis: 35px;
	}
	.accountbtnsmain {
		flex-basis:calc(100% - 70px);
	}
}
/* PRODUCT PAGE */
#productcontainer {
    display: flex;
    flex-flow: row wrap;
    align-content: space-between;
    justify-content: space-around;
	vertical-align: top;
}
}
@media (max-width: 600px) {
	.pcbbutton {
	  flex-basis: 100%;
	}
}
#productcontainer .productimagescontainer {
	width: 350px;
	order: 1;
}

#productcontainer .productbigimagecontainer {
	width: 345px;
}

#productcontainer .productsmallimagecontainer {
	width: 347px;
}

#productcontainer .productbigimage {
	width: 345px;
	border: 1px solid #C0C0C0;
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15);
}

#productcontainer .productsmallimage {
	width: 56px;
	height: 50px;
	border: 1px solid #C0C0C0;
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15);

}

#productcontainer .productfeaturescontainer {
	flex: 1;
	order: 2;
	min-width: 300px;
}

#productcontainer .productfeatures {
	overflow: hidden;
	padding: 0em 0.6em;
}

ul.featurelist {
	width: auto;
	overflow: hidden;
	min-width: 80px;
}

.pricecontainer {
	padding: 5px;
	width: 180px;
	min-height: 245px;
	font-size: 16px;
	position: relative;
	order: 3;
}

.addtocartcontainer {
	position: absolute;
	bottom: 0;
	padding: 0px;
    left:8%;
    right:8%;
	text-align: justify;
    margin-left:auto;
    margin-right:auto;
	text-align: center;
}

.addtocart {
	margin-top: 0px;
	margin-bottom: 12px;
	width:100%;
	height: 36px;
	line-height: 20px;
}
.addtocartcontainer button {
	width: 100%;
}

div.priceinfobox {
	font-size: 0.6em;
	border: 1px solid #C0C0C0;
	position: absolute;
	bottom: 0;
	margin-bottom: 105px;
	padding: 4px;
    left:8%;
    right:8%;
	text-align: justify;
    margin-left:auto;
    margin-right:auto;
}

div.productoptions {
	font-size: 0.7em;
	position: absolute;
	bottom: 0;
	margin-bottom: 55px;
	padding: 0px;
    left:8%;
    right:8%;
	text-align: justify;
    margin-left:auto;
    margin-right:auto;
	text-align: center;
}

.productoptions input {
	width: 100%;
}

div.phonenumber {
	font-size: 1.4em;
	width: 100%;
	text-align: right;
}

#productlowersection {
	padding: 0px;
	margin-top: 4px;
}

.tabs, .innertabs, .attachtabs, .absearchtabs {
    /*float:left;*/
    width:100%;
    font-size:93%;
    line-height:normal;
}

ul.tabs-list {
    margin:0;
    padding:0 10px;
    list-style:none;
}

ul.tabs-list li {
    float:left;
	font-size:14px;
	vertical-align: middle;
	text-align: center;
	padding: 0px 0.8em;
	box-sizing: content-box;
    -webkit-box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15);
	background: -webkit-linear-gradient(#FCFCFC, #FAFAFA 40%, #F2F2F2);
	border: 1px solid #C0C0C0;
	color: inherit;
	cursor: pointer;
	border-bottom: 0px;
    margin:0;
	margin-right: 4px;
}
.tabbedhead {
	font-size:14px;
	vertical-align: middle;
	text-align: center;
	padding: 10px 15px;
	box-sizing: content-box;
    -webkit-box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15);
	background: -webkit-linear-gradient(#FCFCFC, #FAFAFA 40%, #F2F2F2);
	border: 1px solid #C0C0C0;
	border-bottom: 0px;
    margin:0;
	margin-left: 10px;
	margin-right: 4px;
}
ul.tabs-list li:hover {
	background: -webkit-linear-gradient(#deffdf, #d3ffd4 40%, #c8ffca);
}

ul.tabs-list a {
    float:left;
    display:block;
	padding: 10px 15px;
    text-decoration:none;
    font-weight:bold;
    color:#071D49;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
ul.tabs-list a {
	float:none;
}

/* End IE5-Mac hack */
ul.tabs-list a:hover {
    color:#071D49;
}

ul.tabs-list .current {
	background: -webkit-linear-gradient(#c9deff, #d6e6ff 40%, #e4eeff);
}


ul.tabs-list .current a {
    color:#071D49;
	padding: 10px 15px;
}

.current-info,
.accessibletabsanchor,
.tabhead /*position each individual tab's heading (default class .tabhead) off-screen*/ {
        position:absolute;
        left:-999em;
}

.tabwrap {
	clear:both;
	padding: 0px;
	margin: 0px;
}

#productlowersection h3 {
	font-size: 1.1em;
	margin-left: 2em;
	margin-bottom: 2px;
	margin-top: 6px;
}

#productlowersection p {
	margin: 0.6em;
}

.tabs {
	padding: 0px;
}

.tabbody, .innertabbody, .attachtabbody {
	font-size: 16px;
	padding: 0.6em;
	border-top: 3px solid #071D49;
}
.innertabbody {
	padding: 0px;
}

#techspecs {
	width: 98%;
	margin: 0 auto;
	padding: 0px;
    border-spacing: 2px;
    border-collapse: separate;
}

#techspecs .rowhead {
	width: 35%;
	padding-left: 6px;
}

#techspecs .rowdesc {
	width: 65%;
	padding-left: 6px;
}

/* REVIEWS */
#reviewtable {
	width: 100%;
	margin: 0 auto;
	padding: 0px;
    border-spacing: 0px;
    border-collapse: separate;
	margin-top: 4px;
}

#reviewtable .userinfo {
	width: 25%;
	padding: 4px;
	padding-left: 6px;
	text-align: center;
	vertical-align: top;
}

#reviewtable .repcount {
}

#reviewtable .repvote {
	width: 100%;
	margin-left: 0px;
	margin-top: 2px;
}

#upvoteform {
	display: inline-block;
}

#downvoteform {
	display: inline-block;
}

#reviewtable .reviewdetails {
	width: 75%;
	padding: 0px;
	padding-left:1em;
	vertical-align: top;
	min-height: 135px;
}

#writereview {
	width: 100%;
	margin: 0 auto;
	padding: 0px;
    border-spacing: 2px 0px;
    border-collapse: separate;
	margin-top: 4px;
}

table.reviewcontent {
	padding: 0px;
    border-spacing: 0px;
	width: 100%;
}

.reviewheight {
		min-height: 190px;
}

td.ratinghead {
	border-bottom: 1px solid #BCD6FF;
	border-right: 1px solid #BCD6FF;
	width: 20%;
	padding-left: 6px;
	padding: 4px;
	height: 15px;
}

td.ratingbody {
	border-bottom: 1px solid #BCD6FF;
	padding-left: 6px;
	padding: 4px;
}

td.reviewhead {
	border-right: 1px solid #BCD6FF;
	width: 20%;
	padding-left: 6px;
	padding: 4px;
	vertical-align: top;
	min-height: 185x;
}

td.reviewbody {
	padding-left: 6px;
	vertical-align: top;
	padding: 4px;
	min-height: 185px;
}

ul#positivereviews {
	list-style: none;
	width: 95%;
	padding-top: 10px;
	margin: 0 auto;
}

ul#negativereviews {
	list-style: none;
	width: 95%;
	padding-top: 5px;
	margin: 0 auto;
}

ul#positivereviews li {
  background: url('/images/positive.svg') no-repeat left top;
  background-size: 18px 18px;
  background-position: left 3px center;
  padding: 2px 0px 3px 24px;
  /* reset styles (optional): */
  list-style: none;
  margin: 1px 0;
}

ul#negativereviews li {
  background: url('/images/negative.svg') no-repeat left top;
  background-size: 18px 18px;
  background-position: left 3px center;
  padding: 2px 0px 3px 24px;
  /* reset styles (optional): */
  list-style: none;
  margin: 1px 0;
}

/* QUESTIONS */
#writequestion {
	width: 100%;
	margin: 0 auto;
	padding: 0px;
    border-spacing: 0px 2px;
    border-collapse: separate;
	margin-top: 4px;
}

.questiontable {
	width: 100%;
	margin: 0 auto;
	border-bottom: 0px;
	padding: 0px;
    border-spacing: 0px 2px;
    border-collapse: separate;
	margin-top: 0.6em;
}

.answered td {
	background: #d8f3d8;
}

.questionuserinfo {
	width: 25%;
	padding: 4px;
	padding-left: 6px;
	text-align: center;
	vertical-align: top;
	border-bottom: 1px solid #BCD6FF;
}

.repcount {
}

.repvote {
	width: 100%;
	margin-left: 0px;
	margin-top: 2px;
}

#questionform .submit {
	width: 100%;
	text-align: center;
	padding: 2px;
}

#upvoteform {
	display: inline-block;
}

#downvoteform {
	display: inline-block;
}

.questiondetails {
	width: 75%;
	border-left: 1px solid #BCD6FF;
	border-bottom: 1px solid #BCD6FF;
	padding: 4px;
	padding-bottom: 2px;
	vertical-align: top;
}

div.replyform {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

input#asubmit {
	width: 80%;
	margin: 0 auto;
	padding: 3px 1px;
	-ms-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
}


/* PRODUCTS */
.stock {
	color: green;
	font-size: 0.8em;
}

.nostock {
	color: red;
	font-size: 0.8em;
}

#dealimgcontainer {
		position: relative;
}

#dealimgcontainer a {
	color: #fff;
}

.bigdealimg {
	height: 192px;
}

.dealimgbg {
	padding: 0px;
	text-align: center;
	width: 100%;
	background: #fff;
	height: 192px;
}

 .dealimgtitle {
	padding: 0.6em;
	max-width: 90%;
	background: #6870B1;
	background-color:rgba(29, 32, 35, 0.8);
	color: #fff;
	position: absolute;
	margin-top: 15px;
	font-weight: bold;
	min-width: 60%;
	font-size: 0.9em;
	text-align: right;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	top: 0;
	left: 0;
}

 .dealimgfullprice {
	padding: 0.6em;
	max-width: 90%;
	background: #6870B1;
	background-color:rgba(29, 32, 35, 0.8);
	color: #fff;
	position: absolute;
	margin-top: 100px;
	font-weight: bold;
	min-width: 30%;
	font-size: 1.0em;
	text-align: left;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	top: 0;
	right: 0;
}

 .dealimgoffer {
	padding: 0.4em;
	max-width: 90%;
	background: #6870B1;
	background-color:rgba(29, 32, 35, 0.8);
	color: #fff;
	position: absolute;
	margin-top: 160px;
	font-weight: bold;
	min-width: 30%;
	font-size: 0.7em;
	text-align: left;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	top: 0;
	right: 0;
}

.dealboxcontainer {
	width: 100%;
	margin: 0 auto;
}

.dealbox {
	padding: 0px;
	width: 100%;
	margin: 0 auto;
	float: left;
	height: 66px;
	margin-top: 0.4em;
}

.dealimage {
	padding: 2px;
	width: 80px;
	margin-right: 6px;
	float: left;
	overflow: auto;
	border-right: 3px solid #4D5057;
	text-align: center;
}

.dealoffer {
	padding: 1px;
}

.dealimg {
height: 57px;
width: 62px;
}

.dealhead {
	padding: 1px;
	width: 100%;
	font-weight: bold;
}

.dealprice {
	padding: 1px;
	font-size: 0.9em;
}

#results {
	width: 100%;
}

ul.page_result {
	display: inline-block;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

.pageswrap {
	height: 34px;
}

.loading-indication {
	  position: fixed;
  z-index: 999;
  padding: 5px;
  width: 60px;
  height: 50px;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #F7F9F9;
  border: 1px solid #161925;
  text-align: center;
}

.pagination {
	padding: 0px;
	margin: 0px;
	height: 34px;
	display: block;
	text-align: center;
	float: right;
}
.pagination ul {
	margin:0;
}
.pagination li {
	display: inline-block;
	list-style: none;
	padding: 0px 2px;
	margin-right: 0px;
	min-width: 28px;
	text-align: center;
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15);
	background: -webkit-linear-gradient(#FCFCFC, #FAFAFA 40%, #F2F2F2);
	border: 1px solid #C0C0C0;
	color: #000;
	line-height: 30px;
}
.pagination li:hover {
	background: -webkit-linear-gradient(#deffdf, #d3ffd4 40%, #c8ffca);
}
.pagination .disabled {
	display: inline-block;
	list-style: none;
	padding: 0px 0px;
	margin-left: -2px;
	min-width: 30px;
	text-align: center;
	line-height: 30px;
	color: #000;
	-webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.15);
	background: -webkit-linear-gradient(#d6e6ff, #c9deff 40%, #bcd6ff);
	cursor: default;
	width: calc(100% + 4px);
}
.pagination li a{
	color:#000;
	text-decoration:none;
	display: block;
}

.order {
	float: left;
	height: 30px;
	line-height: 30px;
}

.productbox {
	z-index:1;
	margin-top: -1px;
}
.productbox:hover {
	margin-bottom: 1px;
}
.paginationmain {
	display: flex;
    flex-flow: row wrap;
    align-content: space-between;
	justify-content: space-between;
}
.paginationmain > div:first-child {
	flex-basis: 200px;
	vertical-align: top;
}
.paginationmain > div:nth-child(2) {
	flex-basis: calc(100% - 200px - 0.6em);
}
@media (max-width: 600px) {
	.paginationmain > div:first-child {
		flex-basis: 100%;
		vertical-align: top;
	}
	.paginationmain > div:nth-child(2) {
		flex-basis: 100%;
	}
	.pagination ul {
		padding: 0;
	}
}
.productinnerleft {
	flex-basis: 70%;
}
.productinnerright {
	flex-basis: 30%;
}
@media (max-width: 750px) {
	.productinnerleft {
		flex-basis: 100%;
	}
	.productinnerright {
		flex-basis: 100%;
	}
}
#productbox {
	border-spacing: 0px;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 1.4em;
	background: -webkit-linear-gradient(#FCFCFC, #FAFAFA 40%, #F2F2F2);
}
#productbox:hover {
	background: #EEF0F2;
	cursor: pointer;
}

#productbox .producthead {
	font-size: 1.2em;
	border-bottom: 1px solid #e6e6e6;
}

#productbox .productimgcell {
	width: 20%;
	padding: 15px;
	border-right: 1px solid #e6e6e6;
}

#productbox .productimg {
	width: 100%;
	vertical-align: text-top;
}

#productbox .productinfo {
	vertical-align: text-top;
}

#productbox .productprice {
	width: 25%;
	text-align: center;
	font-size: 1.1em;
}

#productbox .pricebg {
	color: #4d5699;
	width: 75%;
	margin: 0 auto;
	text-shadow: 1px 1px 2px #161925;
   vertical-align: text-top;
}

span.dealproductname {
	width: 100%;
	text-align: center;
}

span.productprice {
	font-size: 1.5em;
	font-weight: bold;
	text-shadow: none;
}

span.priceinfo {
	font-size: 0.7em;
	text-shadow: none;
	color: #6870B1;
}

span.preoffer {
	font-size: 0.9em;
	text-shadow: none;
	text-decoration: line-through;
}

span.offeroff {
	font-size: 0.9em;
	text-shadow: none;
	color: green;
	padding-left: 4px;
}

div.separator {
	height: 1px;
	padding: 0px;
	padding: 10px;
}

#productbox .addtocartbg {
	margin-top: 10px;
	border-radius: 60px;
	color: #fff;
	font-weight: bold;
	width: 75%;
	height: 24px;
	line-height: 24px;
	margin: 0 auto;
  	background: -webkit-linear-gradient(#FFDD86, #7E6524); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#FFDD86, #7E6524); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#FFDD86, #7E6524); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#FFDD86, #7E6524); /* Standard syntax */
	font-size: 14px;
	text-shadow: 2px 2px 2px #161925;
	border: 1px solid #161925;
	padding: 5px;
}

#productbox .productfoot {
	border-top: 1px solid #e6e6e6;
	text-align: center;
	width: 100%;
}

.checkboxes label {
    display: block;
    float: left;
    padding-right: 10px;
	padding-top: 0.15em;
	padding-bottom: 0.2em;
    padding-left: 20px;
    text-indent: -18px;
	font-size: 1em;
}
.checkboxes label {
    display: block;
    float: left;
    padding-right: 10px;
    white-space: nowrap;
}
.checkboxescount {
	padding-right: 2px;
	padding-top: 0.15em;
	padding-bottom: 0.2em;
    padding-left: 20px;
    text-indent: -18px;
	display: block;
    white-space: nowrap;
}
.checkboxes input {
    vertical-align: middle;
}
.checkboxes label span {
    vertical-align: middle;
}
/* ACEBASE CALENDAR */
.calendarcontainer {
	width: 100%;
	display: flex;
	margin-top: 0.4em;
	min-height: 500px;
	border-radius: 25px;
	border-bottom-left-radius: 0px;
}
.calendarinfo {
	box-sizing: border-box;
	position: relative;
	flex-basis: 35%;
	background: #BCD6FF;
	border-top-left-radius: 25px;
	padding: 1.4em;
	z-index: 1000;
	padding-bottom: 70px;
	-webkit-box-shadow: 2px 0px 3px rgba(50, 50, 50, 0.25);
    -moz-box-shadow:    2px 0px 3px rgba(50, 50, 50, 0.25);
    box-shadow:         2px 0px 3px rgba(50, 50, 50, 0.25);
}
.infocreate {
	display:none;
}
.calendarmain {
	position: relative;
	box-sizing: border-box;
	flex-basis: 65%;
	padding: 1.4em;
}
@media (max-width: 1300px) {
	.calendarcontainer {
		border-radius: 0px;
	}
	.calendarmain {
		padding: 0.3em;
	}
	.calendarinfo {
		padding: 0.3em;
		padding-bottom: 70px;
		border-top-left-radius: 0px;
	}
	.infocreate {
		padding-bottom: 70px;
	}
}
@media (max-width: 600px) {
	.calendarcontainer {
		flex-flow: row wrap;
	}
	.calendarmain {
		flex-basis: 100%;
		width: 100%;
	}
	.calendarinfo {
		flex-basis: 100%;
		width: 100%;
		-webkit-box-shadow: 0px 4px 3px rgba(50, 50, 50, 0.25);
		-moz-box-shadow:    0px 4px 3px rgba(50, 50, 50, 0.25);
		box-shadow:         0px 4px 3px rgba(50, 50, 50, 0.25);
	}
}
.cal-main-year {
	width: 100%;
	text-align: right;
	font-size: 1.4em;
	font-weight: 600;
}
@media (max-width: 1300px) {
	.cal-main-year {
		padding: 0.6em 0.6em 0em 0.6em;
		text-align: center;
		box-sizing: border-box;
	}
}
.cal-main-year-no {
	opacity: 0.5;
}
.cal-main-year-change {
	opacity: 0.5;
}
.cal-main-year-change:hover {
	cursor: pointer;
	opacity: 1;
}
.cal-main-months {
	box-sizing: border-box;
	width: 100%;
	padding: 0.6em;
	font-weight: bold;
	text-align: center;
	border-bottom: 2px solid #161925;
}
.cal-main-months a {
	padding: 0.6em;
	color: inherit;
}
.cal-main-months a.ac-month {
	border-bottom: 2px solid #BCD6FF;
}
@media (max-width: 1500px) {
	.cal-main-months a.ac-month {
		border-bottom: 0px;
		color: #BCD6FF;
	}
}
.cal-main-days {
	box-sizing: border-box;
	width: 100%;
	padding: 0.6em;
	text-align: center;
}
.cal-main-table {
	width: 100%;
}
@media (max-width: 850px) {
	.cal-main-table thead {
		display: none;
	}
}
.cal-main-table tbody:before {
    content: "-";
    display: block;
    line-height: 1.6em;
    color: transparent;
}
.cal-main-table th {
	opacity: 0.3;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 1em;
}
.cal-main-table td {
	height: 56px;
	width: 14%;
}
.cal-main-table .diff-month {
	opacity: 0.3;
}
.cal-main-date {
	margin-left: 0px;
}
.cal-main-date-wrap {
	border-radius: 50%;
	width: 23px;
	height: 24px;
	margin: 0 auto;
	padding: 0.3em;
}
.cal-main-date-wrap.today {
	background: #008d05;
	color: #fff;
}
.cal-main-date-wrap.selected {
	background: #BCD6FF;
	color: #000;
}
.cal-main-indicator1 {
	text-align: center;
	width: 5px;
	float: right;
	margin-right: -12px;
	margin-top: 2px;
	height: 5px;
	border-radius: 50%;
	background-color: #2980B9;
	clear:both;
}
.cal-main-indicator2 {
	text-align: center;
	width: 5px;
	float: right;
	margin-right: -12px;
	margin-top: 2px;
	height: 5px;
	border-radius: 50%;
	background-color: #FFA500;
	clear:both;
}
.cal-main-indicator3 {
	text-align: center;
	width: 5px;
	float: right;
	margin-right: -12px;
	margin-top: 2px;
	height: 5px;
	border-radius: 50%;
	background-color: #008d05;
	clear:both;
}
.indicatorlarge {
	width: 22px;
	height: 22px;
	margin-top: 1px;
	display: inline-block;
	float:left;
}
.eventblue {
	color: #2980B9;
}
.eventorange {
	color: #FFA500;
}
.eventgreen {
	color: #008d05;
}
.eventbluebg {
	background-color: rgba(41, 128, 185, 0.1);
}
.eventorangebg {
	background-color: rgba(255, 165, 0, 0.1);
}
.eventgreenbg {
	background-color: rgba(0, 141, 5, 0.1);
}
.cal-main-indicator-blank {
	text-align: center;
	width: 5px;
	float: right;
	margin-right: 0px;
	height: 5px;
	border-radius: 50%;
	background-color: #2980B9;
	opacity: 0;
}
.blinking {
  animation: blink-animation 1s linear infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
.cal-today {
	width: 100%;
	text-align: center;
}
.cal-today-day {
	font-size: 7em;
	font-weight: 600;
}
.cal-today-month {
	margin-top: -20px;
	font-size: 2em;
	font-weight: 600;
}
.cal-today-add {
	font-weight: 600;
	margin-bottom: -20px;
}
.cal-add-event {
	width: 100%;
	margin-top: 1em;
}
.cal-events {
	margin-top: 2em;
	font-size: 0.8em;
}
.cal-events-list-container {
	height: 214px;
	overflow-y:scroll;
	margin-top: 0.6em;
	background: #F4F7FF;
	border: 1px solid #D3D3D3;
}
.cal-events-list {
	width: 100%;
	border-spacing: 0;
}
.cal-events-list-row {
	display: flex;
	border-bottom: 1px solid #D3D3D3;
}
.cal-events-list-row-time {
	flex-basis: 40px;
	width: 40px;
	padding: 0.4em 0.4em;
	text-align: center;
	border-right: 1px solid #D3D3D3;
}
.cal-events-list-row-name {
	flex-basis: calc(100% - 68px);
	width: calc(100% - 68px);
	padding: 0.4em;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.cal-events-list-row-indicator {
	padding: 0.4em;
	flex-basis: 14px;
	width: 14px;
	text-align: center;
}
.cal-events-list-row-icon {
	flex-basis: 14px;
	width: 14px;
	padding: 0.4em 0.4em;
	text-align: center;
	border-left: 1px solid #D3D3D3;
	border-right: 1px solid #D3D3D3;
	opacity: 0.7;
}
.cal-events-list-row-icon:hover {
	opacity: 1;
}
.cal-events-list-info {
	display: flex;
	text-align: center;
	vertical-align: bottom;
	border-right: 1px solid #D3D3D3;
}
.cal-events-list-timeend {
	flex-basis: 40px;
	width: 40px;
	padding: 0.4em 0.4em;
	text-align: center;
	color: red;
	opacity: 0.5;
}
.cal-event-list-details {
	flex-basis: calc(100% - 38px);
	width: calc(100% - 40px);
	padding: 0.4em;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	text-align: left;
}
.cal-events-list-info-footer {
	box-sizing: border-box;
	width: 100%;
	display: flex;
	vertical-align: bottom;
	border-right: 1px solid #D3D3D3;
	padding: 0em 0.4em;
	opacity: 0.7;
}
.cal-events-list-info-footer:last-child {
	border-bottom: 1px solid #D3D3D3;
	padding-bottom: 0.4em;
}
.cal-events-list-info-footer-cells {
	flex-basis: 50%;
	max-width: 50%;
	padding: 0.1em;
	text-align: left;
	font-size: 0.8em;
}
.cal-events-list-free {
	opacity: 0.5;
	font-style: italic;
}
.cal-events-create {
	box-sizing: border-box;
	width: 100%;
	padding: 1em 1.4em;
	position: absolute;
	left: 0;
	bottom: 0;
	-webkit-box-shadow: 0px -2px 3px rgba(50, 50, 50, 0.25);
    -moz-box-shadow:    0px -4px 3px rgba(50, 50, 50, 0.25);
    box-shadow:         0px -4px 3px rgba(50, 50, 50, 0.25);
}
.cal-events-buttons {
	box-sizing: border-box;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	-webkit-box-shadow: 0px -2px 3px rgba(50, 50, 50, 0.25);
    -moz-box-shadow:    0px -4px 3px rgba(50, 50, 50, 0.25);
    box-shadow:         0px -4px 3px rgba(50, 50, 50, 0.25);
}
.cal-events-buttons-items {
	padding: 1em 1.4em;
	border: 0;
	width: 100%;
	background: none;
	box-sizing: border-box;
	text-align: left;
	font-size: 1em;
}
.cal-events-buttons-items:hover {
	background: #c8ffca;
	cursor: pointer;
}
.cal-events-create:hover {
	background: #c8ffca;
	cursor: pointer;
}
/* PC BUILDER */
.pcbrow {
	margin-bottom: 0.6em;
    display: flex;
    flex-flow: row wrap;
    align-content: space-between;
    justify-content: space-around;
	text-align:center;
	vertical-align: top;
}
.pcbrow::before, .pcbrow::after {
  content: '';
  width: 100%;
  order: 1;
}
.pcbbutton {
	position: relative;
	text-align: center;
	width: 20%;
	margin-bottom: 10px;
}
@media (max-width: 950px) {
	.pcbbutton {
	  flex-basis: 50%;
	}
}
@media (max-width: 600px) {
	.pcbbutton {
	  flex-basis: 100%;
	}
	.builderbutton {
		height: 280px;
		width: 80%;
	}
	.pcbheader {
		width: 100%;
	}
	.buttontitle {
		width: 90%;
	}
	.pcbtotals {
		width: 45%;
	}
	.casebox {
		width: 50%;
	}
}
@media (max-width: 450px) {
	.casebox {
		flex-basis: 95%;
		margin-bottom: 0.6em;
		width: 95%;
	}
	.pcbtotals {
		flex-basis: 95%;
		margin-bottom: 0.6em;
		width: 95%;
	}
}

.pcbbutton:nth-child(even):after {

}
.casepicker {
	padding: 0px;
	position: relative;
	float: right;
}

.casebg {
	padding: 0px;
}

.caseprice {
	padding: 2px;
	max-width: 90%;
	background: #F7F9F9;
	background-color:rgba(255, 255, 255, 0.7);
	border: 1px solid #fff;
	position: absolute;
	margin-top: 10px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	top: 0;
	right: 0;
}

/* Specific */
.whdealscontainer {
	position: relative;
	display: flex;
    flex-flow: row wrap;
    align-content: space-between;
	justify-content: space-between;
	vertical-align: top;
	min-height: 125px;
}
.whdeal {
	flex-basis: 31%;
}
@media (max-width: 1150px)
{
	.whdeal {
		margin-top: 0.6em;
		flex-basis: 100%;
	}
}
.whdealprice {
	position: absolute;
	width: 100%;
	bottom: 10px;
}
.whimgcontainer {
	background:url(/images/promos/acehosting.png) no-repeat;
	width:100%;
	background-size:100%;
	-webkit-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.3);
}
.whimgbox {
	width: 40%;
	min-height: 220px;
	min-width: 470px;
	position: absolute;
	left: 10%;
	top:15%;
}
.whimg {
	visibility:hidden;	
	width:100%;	
	float:left;
}
@media (max-width: 1150px){	
	.whimgbox {		
		width: 100%;
		font-size: 0.8em;
		min-height: 1px;
		min-width: 1px;
		position: relative;
		left: 0;
		box-sizing: border-box;
	}
	.whimgcontainer {
		background:none;
		width:100%;
		background-size:100%;
		-webkit-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0);
		-moz-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0);
		box-shadow: 0px 0px 6px 2px rgba(0,0,0,0);
	}
	.whimg {
		display: none;
	}
}
.collapse{
  cursor: pointer;
  display: block;
  height: 20px;
  vertical-align: middle;
  line-height: 20px;
}
.collapse + input{
  display: none; /* hide the checkboxes */
}
.collapse + input + div{
  display:none;
}
.collapse + input:checked + div{
  display:block;
}
div.tagsinput {
	border:1px solid #CCC;
	background: #F7F9F9;
	padding:5px;
	width:100%;
	height:76px;
	overflow-y: auto;
		-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
div.tagsinput span.tag {
	border: 1px solid #a5d24a;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	display: block;
	float: left;
	padding: 5px;
	text-decoration:none;
	background: #cde69c;
	color: #638421;
	margin-right: 5px;
	margin-bottom:5px;
	font-family: Helvetica,Arial,Sans-serif;
	font-size:13px;
}
div.tagsinput span.tag a {
	font-weight: bold;
	color: #82ad2b;
	text-decoration:none;
	font-size: 11px;
}
div.tagsinput input {
	width:80px;
	margin:0px;
	font-family: Helvetica,Arial,Sans-serif;
	font-size: 13px;
	border:1px solid transparent;
	padding:5px;
	background: transparent;
	color: #161925;
	outline:0px;
	margin-right:5px;
	margin-bottom:5px;
}
div.tagsinput div {
	display:block;
	float: left;
}
.tags_clear {
	clear: both;
	width: 100%;
	height: 0px;
}
.not_valid {
	background: #FBD8DB!important;
	color: #90111A !important;}

.medcheckbox {
	width: 22px;
	height: 22px;
}
#upload{
	border: 1px solid #C0C0C0;
	background: -webkit-linear-gradient(#f4f7fa, #eaeef6 40%, #e2e8f3);
    width:115px;
	height:115px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
#gallupload{
	border: 1px solid #C0C0C0;
	background: -webkit-linear-gradient(#f4f7fa, #eaeef6 40%, #e2e8f3);
    width:95px;
	height:93px;
}

.dataimg{
	border: 1px solid #C0C0C0;
	background: -webkit-linear-gradient(#f4f7fa, #eaeef6 40%, #e2e8f3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.gallimgbox {
	background: #000;
	position: relative;
}
.gallimgbox:hover {
	cursor: pointer;
}
.gallimgbox:hover > img {
    opacity:0.5;
}
.gallimgoverlay {
	display: none;
	position: absolute;
	top:calc(50% - 20px);
	left:calc(50% - 20px);
	color: red;
	width: 40px;
	height: 40px;
	vertical-align: middle;
	text-align: center;
}
.gallimgbox:hover > .gallimgoverlay {
    display: block;
}
#drop, #galldrop{
    border-radius: 3px;
    text-align: center;

    font-size:12px;
    font-weight:bold;
    color:#7f858a;
}

#drop a, #galldrop a{
    background: -webkit-linear-gradient(#F2F2F2, #FAFAFA 40%, #FCFCFC);
    padding:8px 16px;
    color:#000;
    font-size:14px;
    border-radius:2px;
    cursor:pointer;
    display:inline-block;
    margin-top:20px;
    line-height:1;
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15);
	border: 1px solid #C0C0C0;
}

#drop a:hover, #galldrop a:hover{
    background: -webkit-linear-gradient(#deffdf, #d3ffd4 40%, #c8ffca);
}

#drop input, #galldrop input{
    display:none;
}

#upload ul, #gallupload ul{
	margin: 0;
	margin-top: 8px;
	padding: 0;
    list-style:none;
}

#upload ul li, #gallupload ul li{
    background-color:#333639;

    background-image:-webkit-linear-gradient(top, #333639, #303335);
    background-image:-moz-linear-gradient(top, #333639, #303335);
    background-image:linear-gradient(top, #333639, #303335);

    border-top:1px solid #3d4043;
    border-bottom:1px solid #2b2e31;
    padding:3px;
    height: 24px;

    position: relative;
}

#upload ul li input, #gallupload ul li input{
    display: none;
}

#upload ul li p, #gallupload ul li p{
    width: 125px;
    overflow: hidden;
    white-space: nowrap;
    color: #EEE;
    font-size: 11px;
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 2px;
}

#upload ul li i, #gallupload ul li i{
    font-weight: normal;
    font-style:normal;
    color:#7f7f7f;
    display:block;
}

#upload ul li canvas, #gallupload ul li canvas{
	left: 4px;
    position: absolute;
}

#upload ul li span, #gallupload ul li span{
    width: 15px;
    height: 12px;
    background: url('../images/icons.png') no-repeat;
    position: absolute;
    top: 10px;
    left: 8px;
    cursor:pointer;
}

#upload ul li.working span, #gallupload ul li.working span{
    height: 16px;
    background-position: 0 -12px;
}

#upload ul li.error p, #gallupload ul li.error p{
    color:red;
}
.btn-file {
    position: relative;
    overflow: hidden;
	background: #BCD6FF;
	border-radius: 5px;
	width: 80px;
	margin: 0 auto;
}
.btn-file:hover {
	cursor: pointer;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
    filter: alpha(opacity=50);
    opacity: 50;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
.contentimg {
	-webkit-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.3);
	margin-right: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
}
.removebtn {
	background: -webkit-linear-gradient(#6870B1, #071D49); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#6870B1, #071D49); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#6870B1, #071D49); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#6870B1, #071D49); /* Standard syntax */
	padding: 1px 5px;
	border: 1px solid #071D49;
	border-radius: 5px;
	color: #fff;
	font-weight: bold;
	line-height: 16px;
	cursor: pointer;
}
.filterbox {
	display: inline-block;
	margin: 0 auto;
}
.filterboxscroll {

}
.filterlabel {
	height: 24px;
	vertical-align: middle;
}
.filterlabel:hover {
	background: #BCD6FF;
}
ul.nestedcheckboxes {
  list-style: none;
  margin: 3px 0px;
  padding: 0;
  width: 100%;
}
li.nestedcheckboxes {
  margin-left: 3em;
  font-size: 12px;
}
li.firstnestedcheckbox {
	margin-left: 0em;
	font-size: 12px;
}
li.lastnestedcheckboxes {
	  margin-left: 3em;
  font-size: 12px;
	float: left;
	width: 225px;
}
/* AceBase */
.abnav {
	margin-bottom: 0em;
}
.abnav>div {
	margin-bottom: 0.4em;
	margin-right: 0.4em;
}
.abnav>div:last-child {
	margin-right: 0;
}
.abnav .abnavhome {flex-basis:131px;} 	
.abnavhomehide {display:inline-block;}
@media (max-width: 1050px){	
	.abnav .abnavhome {flex-basis:131px;} 
}
@media (max-width: 650px){	
	.abnav .abnavhome {flex-basis:30px;}
	.abnavhomehide {display:none;} 
}
.abnav .abnavsearch {flex-grow: 1;}
@media (max-width: 1040px){	
	.abnav .abnavsearch {
		flex-basis:calc(100% - 231px - 0.8em);
		margin-right:0;
	}
}
@media (max-width: 650px){	
	.abnav .abnavsearch {
		flex-basis:calc(100% - 35px - 0.4em);
		margin-right:0;
	}
}
							
.abnav .abnavstatus {flex-basis:200px;}
@media (max-width: 1050px){
	.abnav .abnavstatus {
		flex-basis:calc(50%);
	}
}
.abnav .abnavtype {flex-basis:160px;}
@media (max-width: 1050px){	
	.abnav .abnavtype {
		flex-basis:calc(50% - 0.4em);
	}
}
@media (max-width: 1050px){	
	.abnav .abnavaddbuttons {
		flex-basis: 100px;
	}
}
@media (max-width: 650px){	
	.abnav .abnavaddbuttons {
		flex-basis: 100px;
		margin-right:0;
	}
}

.eposreportlist > div:first-child {
	flex-basis: 28px;
}
.eposreportlist > div:nth-child(2) {
	flex-basis: 170px;
}
.eposreportlist > div:nth-child(3) {
	flex-grow: 1;
}
.eposreportlist > div:nth-child(4) {
	flex-basis: 200px;
}
.eposreportlist > div:nth-child(5) {
	flex-basis: 120px;
}
.eposreportlist > div:nth-child(6) {
	flex-basis: 100px;
}
.eposreportlist > div:nth-child(7) {
	flex-basis: 28px;
}

.itemlistflex div:first-child {
	flex-basis: 80px;
}
.itemlistflex div:nth-child(2) {
	flex-grow: 1;
}
.itemlistflex div:nth-child(3) {
	flex-basis: 100px;
}

.acebase-page-menu-left {
	display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
	justify-content: flex-start;
}

.acebase-page-menu-left > div {
	margin-right: 0.4em;
	margin-bottom: 0.4em;
}

.acebase-page-menu-right {
	display: flex;
    flex-flow: row wrap;
    align-content: flex-end;
	justify-content: flex-end;
}

.acebase-page-menu-right > div {
	margin-left: 0.4em;
	margin-bottom: 0.4em;
}

@media (max-width: 1000px){	
	.acebase-page-menu-left {
		width: 100%;
		align-content: space-between;
		justify-content: space-between;
	}
	
	.acebase-page-menu-right {
		width: 100%;
		align-content: space-between;
		justify-content: space-between;
	}
}

.ab-notebody {
	font-size: 15px;
}
.abindexlist {
	font-size: 13px;
}

.abindexlist div:first-child {
	flex-basis:36px;
	text-align: center;
}
.abindexlist div:nth-child(2) {
	flex-basis:135px;
}
.abindexlist div:nth-child(3) {
	flex-basis:25%;
}
.abindexlist div:nth-child(4) {
	flex-basis:15%;
}
.abindexlist div:nth-child(5) {
	flex-basis:20%;
}
.abindexlist div:nth-child(6) {
	flex-grow: 1;
}
.abindexlist div:nth-child(7) {
	flex-basis:28px;
}

.abindexlistcus div:first-child {
	flex-basis:28px;
}
.abindexlistcus div:nth-child(2) {
	flex-basis:50px;
}
.abindexlistcus div:nth-child(3) {
	flex-basis:30%;
}
.abindexlistcus div:nth-child(4) {
	flex-basis:15%;
}
.abindexlistcus div:nth-child(5) {
	flex-basis:15%;
}
.abindexlistcus div:nth-child(6) {
	flex-basis:calc(40% - 78px);
}
.abindexlistbus div:first-child {
	flex-basis:28px;
}
.abindexlistbus div:nth-child(2) {
	flex-basis: 20%
}
.abindexlistbus div:nth-child(3) {
	flex-basis:calc(20% - 28px);
}
.abindexlistbus div:nth-child(4) {
	flex-basis:15%;
}
.abindexlistbus div:nth-child(5) {
	flex-basis:25%;
}
.abindexlistbus div:nth-child(6) {
	flex-basis:20%;
}
.abindexlistass div:first-child {
	flex-basis:28px;
}
.abindexlistass div:nth-child(2) {
	flex-basis:calc(50% - 28px);
}
.abindexlistass div:nth-child(3) {
	flex-basis:15%;
}
.abindexlistass div:nth-child(4) {
	flex-basis: 20%
}
.abindexlistass div:nth-child(5) {
	flex-basis:15%;
}
.abcusqinfo {
	flex-basis: 33%;
}
.assetgrid {
	display: grid;
	margin: 0 auto;
	grid-template-columns: 32.5% 32.5% 32.5%;
	grid-auto-rows: 55px;
	grid-row-gap: 0.4em;
	grid-column-gap: 1.25%;
}
.abtabhide {
	display: inline-block;
}
@media (max-width: 1300px)
{
	.abindexlist div:nth-child(6) {
		display:none;
	}

	.abindexlist div:nth-child(5) {
		flex-grow: 1;
	}
}
@media (max-width: 550px)
{
	.assetgrid {
		font-size: 0.8em!important;
	}
	.abtabhide {
		display: none;
	}
	.abindexlist div:nth-child(2) {
		flex-basis:120px;
	}
	.abindexlist div:nth-child(4) {
		display:none;
	}
	.abindexlist div:nth-child(6) {
		display:none;
	}
	.abindexlist div:nth-child(7) {
		display:none;
	}
	.abindexlist div:nth-child(5) {
		display: none;
	}
	.abindexlist div:nth-child(3) {
		flex-grow: 1;
		font-weight: normal;
	}
	.abindexlistcus div:nth-child(2) {
		display:none;
	}
	.abindexlistcus div:nth-child(6) {
		display:none;
	}
	.abindexlistcus div:nth-child(4) {
		flex-basis:25%
	}
	.abindexlistcus div:nth-child(5) {
		flex-basis:25%
	}
	.abindexlistcus div:nth-child(3) {
		flex-grow: 1;
	}
	.abindexlistbus div:nth-child(4) {
		display:none;
	}
	.abindexlistbus div:nth-child(5) {
		display:none;
	}
	.abindexlistbus div:nth-child(3) {
		flex-basis:25%
	}
	.abindexlistbus div:nth-child(6) {
		flex-basis:25%
	}
	.abindexlistbus div:nth-child(2) {
		flex-grow: 1;
	}
	.abindexlistass div:nth-child(3) {
		display:none;
	}
	.abindexlistass div:nth-child(5) {
		display:none;
	}
	.abindexlistass div:nth-child(4) {
		flex-basis:25%
	}
	.abindexlistass div:nth-child(2) {
		flex-grow: 1;
	}
	.abtableicon {
		display: none!important;
	}
}
@media (max-width: 1050px) {
	.abcusqinfo {
		flex-basis: 100%;
		margin-bottom: 0.4em;
	}
}
.acebase {
	overflow: hidden;
}
.acebase tr.main:hover td {
	background: #c8ffca;
	cursor: pointer;
}
.acebase tr.main:hover {
	-webkit-box-shadow: 2px 2px 8px 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 2px 2px 8px 4px rgba(0,0,0,0.3);
	box-shadow: 1px 1px 4px 2px rgba(0,0,0,0.3);
}
.acebasesearch {
	width: -webkit-calc(100% - 85px);
    width:    -moz-calc(100% - 85px);
    width:         calc(100% - 85px);
}
.ab-edit-customer:hover, .ab-edit-job:hover, .ab-add-job:hover, .ab-add-customer:hover, .ab-add-note:hover, .ab-edit-note:hover, .ab-label:hover, .ab-add-c-note:hover {
	background: #c8ffca;
}
.pwshown {
	display: none;
}
.rotationcontainer {
	overflow: visible;
	position: relative;
}
.imgrotatecont {
	position:absolute;
	top:50%;
	left: 0;
	right: 0;
}
.imgrotate {
	-ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
	position: relative;
	left: 0;
}
.imgrotatefix {
	writing-mode: tb-rl;
  white-space: nowrap;
  display: inline-block;
  overflow: visible;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);

  /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  content:''; padding:30% 0; display:block; position:relative; top:0px;
  visibility: hidden;


}
/* Usability */
.pointer {
	cursor: pointer;
}
.qmark {
	cursor: help;
}
/* General Layout */
a.block {
	display: block;
	width: 100%;
	color: #000;
}
a.block:hover {
	text-decoration: none;
}
.clearfix {
	clear: both;
}
.hscroll {
	overflow-x: scroll;
}
.displaynone {
	display: none;
}
.hide {
	display: none;
}
.divcenter {
	display: block;
	margin: 0 auto;
}

.tablecenter {
	margin: 0 auto;
}
.marginauto {
	margin: 0 auto;
}
.table {
	display: table;
}
.tablecell {
	display: table-cell;
}
.imgmargin {
	margin-left: 3px;
}

.relative {
	position: relative;
}

.width100 {
	width: 100%;
}
.width99 {
	width: 99%;
}
.width10 {
	width: 10%;
}
.width98 {
	width: 98%;
}
.width90 {
	width: 90%;
}
.width40 {
	width: 40%;
}
.width50 {
	width: 49%;
}
.width58 {
	width: 58%;
}
.width33 {
	width: 33%;
}
.width30 {
	width: 30%;
}
.width25 {
	width: 25%;
}
.width20 {
	width: 20%;
}
.width12 {
	width: 12.5%;
}
.width80p {
	width: 80%;
}
.width75 {
	width: 75%;
}
.width70 {
	width: 70%;
}
.width130 {
	width: 130px;
}
.width150 {
	width: 295px;
}
.width80 {
	width: 80px;
}
.acinputwidth {
	width: 120px;
}
.acrangewidth {
	width: 180px;
}
.width14px {
	width: 14px;
}
.width400 {
	width:400px;
}
.height195 {
	height: 194px;
}
.height25px {
	height: 25px;
}
select.height25px {
	padding: 4px 30px 4px 4px!important;
}
.height173px {
	height: 173px;
}
.height250px {
	height: 250px;
}
.height200px {
	height: 200px;
}
.inlineblock {
	display: inline-block;
}
.inline {
	display: inline;
}
.nomargin {
	margin: 0em;
}
.smallmargin {
	margin: 0.2em;
}
.medmargin {
	margin: 0.4em;
}
.bigmargin {
	margin: 1em;
}
.tsmallmargin {
	margin-top: 0.2em;
}
.tmedmargin {
	margin-top: 0.4em;
}
.tbigmargin {
	margin-top: 1em;
}
.lsmallmargin {
	margin-left: 0.2em;
}
.lmedmargin {
	margin-left: 0.4em;
}
.rmedmargin {
	margin-right: 0.4em;
}
.lbigmargin {
	margin-left: 1em;
}
.lrmedmargin {
	margin-left: 0.6em;
	margin-right: 0.6em;
}
.sitemapmargin {
	margin-left: 80px;
}
.indent1 {
	margin-left: 3em;
	margin-top: 0.4em;
}
.indent2 {
	margin-left: 6em;
	margin-top: 0.4em;
}
.filterlineheight {
	line-height: 18px;
}
.noborderspacing {
	border-spacing: 0px;
}
.medborderspacing {
	border-spacing: 0.4em;
}
.bigborderspacing {
	border-spacing: 1em;
}
/* Icon list */
.iconlist {
	position: absolute;
	top: 100%;
	left: -1px;
	z-index: 99999;
	width: 230px;
	height: 120px;
	display: flex;
	overflow: auto;
	background: #F4F7FF;
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15);
	border: 1px solid #C0C0C0;
	 flex-flow: row wrap;
    align-content: space-between;
	justify-content: space-between;
}
.iconlist div {
	flex-basis: 40px;
	text-align: center;
	padding:0.4em;
}
/* Styling */
ul.steps {
	margin: 0;
	padding: 0 0 0 1em;
}
ul.steps li {
	display: inline-block;
    width: 202px;
    height: 35px;
    background-color: #C0C0C0;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 35px;
    letter-spacing: normal;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    margin: 0 0 1em 5px;
}
ul.steps li:before {
	content: "";
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 15px solid white;
    position: absolute;
    left: 0;
}
ul.steps li:after {
	content: "";
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 15px solid #C0C0C0;
    position: absolute;
    right: -15px;
    z-index: 99;
}
ul.steps li.current {
    background-color: #4D5057;
}
ul.steps li.current:after {
    border-left: 15px solid #4D5057;
}
.webhostingoptionbox:hover {
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
	background: #c8ffca;
}
.currencyinput {
	-webkit-appearance: none!important;
    -moz-appearance: none!important;
    appearance: none!important;
	background: none;
    color: inherit;
    border: none;
    padding: 0px;
	padding-left: 4px;
	text-align: right;
	font-size: 14px;
    outline: inherit;
	box-sizing: border-box!important;
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15);
	background: -webkit-linear-gradient(#F2F2F2, #FAFAFA 40%, #FCFCFC);
	border: 1px solid #C0C0C0;
	line-height: 16px;
	height: auto;
}
.currencyinput input {
    border: 0;
	width: -webkit-calc(100% - 18px);
    width:    -moz-calc(100% - 13px);
    width:         calc(100% - 20px);
	margin-left: 8px;
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.t20bg {
	background-color:rgba(0,0,0,0.2);
}
.feinthead {
	opacity: 0.7;
	color: #071D49;
}
.darkgreybg {
	background: #4D5057;
	color: #F4F7FF;
}
.bodybg {
	background: #F4F7FF;
}
.formbg {
	background: -webkit-linear-gradient(#F2F2F2, #FAFAFA 40%, #FCFCFC);
}
.greenbghov:hover {
	background: #c8ffca;
}
.bluebghov:hover {
	background: -webkit-linear-gradient(#f4f7fa, #eaeef6 40%, #e2e8f3);
}
.darkerbg {
	background-color:rgba(0, 0, 0, 0.06);
}
.lighterbg {
	background-color:rgba(255, 255, 255, 0.2);
}
.greenbg {
	background: #61ff69;
}
.feintredbg {
	background: #ffcac8;
}
.feintorangebg {
	background: #ffe6c8;
}
.feintyellowbg {
	background: #f8ffbc;
}
.feintgreenbg {
	background: #c8ffca;
}
.feintpeachbg {
	background: #fdedd2;
}
.feintcyanbg {
	background: #e4fcff;
}
.feintpinkbg {
	background: #ffbcd6;
}
.feintpurplebg {
	background: #d5d0ff;
}
.redborder {
	border: 1px solid #ff9f9b;
}
.feintbluebg {
	background: #cac8ff;
}
.redbg {
	background: #ff6961;
}
.bluebg {
	background: #6961ff;
}
.yellowbg {
	background: #f7ff61;
}
.bluegradbg {
	background: -webkit-linear-gradient(#f4f7fa, #eaeef6 40%, #e2e8f3);
}
.greygradbg {
	background: -webkit-linear-gradient(#F2F2F2, #FAFAFA 40%, #FCFCFC);
}
.lsnone {
	list-style: none;
}
.inblock {
	display: inline-block;
}
.textboxborder {
	border: 1px solid #EEEEEE;
}
.darkborderhov:hover {
	border: 1px solid #071D49;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
	z-index:1000;
}
.boxshadow {
		-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}
.bottomradius {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.topradius {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.rightradius {
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
}
.fullradius {
	border-radius: 4px;
}
.black {
	color: #161925;
}
.darkblue {
	color: #071D49;
}
.lightblue {
	color: #BCD6FF;
}
.darkgrey {
	color: #4D5057;
}
.offblack {
	color: #0A090C;
}

.eposcontainer i {
		color: #e4eeff;
		-webkit-text-stroke-width: 1px;
	  -webkit-text-stroke-color: #4D5057;
}
.bluehov:hover i  {
	color: #BCD6FF!important;
}
.greenhov:hover i {
	color: #c8ffca!important;
}
.redhov:hover i {
	color: #ffcac8!important;
}
.bluehov:hover  {
	color: #BCD6FF!important;
	-webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black;
}
.greenhov:hover {
	color: #c8ffca!important;
	-webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black;
}
.redhov:hover {
	color: #ffcac8!important;
	-webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black;
}

.feintborder {
	border: 1px solid #BCD6FF;
}
.simpleborder {
	border: 1px solid #071D49;
}
.thickborder {
	border: 3px solid #071D49;
}
.formborder {
	border: 1px solid #C0C0C0;
}
.formbordert {
	border-top: 1px solid #C0C0C0;
}
.formborderb {
	border-bottom: 1px solid #C0C0C0;
}
.formborderr {
	border-right: 1px solid #C0C0C0;
}
.shadowborderr {
	border-right: 1px solid #e4e4e4;
}
.feintborderb {	border-bottom: 1px solid #C0C0C0;}
.darkbg {
	background: #071D49;
}
.whitebg {	background: #F7F9F9;}.perfwhitebg {	background: #fff;}.blacktext {	color: #000;}
.white {
	color: #fff;
}
.mainbluetext {
	color: #BCD6FF;
}
.green {
	color: green;
}
.yellow {
	color: yellow;
}
.red {
	color: red;
}
.dropshadow {
	-webkit-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.15);
}
.darkdropshadow {
	-webkit-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.4);
}
.sdropshadow {
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15);
}
.iconshadow {
	text-shadow: 4px 4px 4px #000;
}
.feinticonshadow {
	text-shadow: 1px 1px 4px #000;
}
.greenbutton {
	background-color: #BFDC7A;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45));
	background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45);
	background-image:    -moz-linear-gradient(top, #BFDC7A, #8EBF45);
	background-image:     -ms-linear-gradient(top, #BFDC7A, #8EBF45);
	background-image:      -o-linear-gradient(top, #BFDC7A, #8EBF45);
	font: bold 14px Sans-Serif;
	color: #333;
	text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
	border-radius: 5px;
	border: 1px solid #071D49;
	cursor: pointer;
}
.redbutton {
	  background-color: #DC7A7A;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#DC7A7A), to(#BF4545));
  background-image: -webkit-linear-gradient(top, #DC7A7A, #BF4545);
  background-image:    -moz-linear-gradient(top, #DC7A7A, #BF4545);
  background-image:     -ms-linear-gradient(top, #DC7A7A, #BF4545);
  background-image:      -o-linear-gradient(top, #DC7A7A, #BF4545);
   font: bold 14px Sans-Serif;
  color: #333;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  border-radius: 5px;
  border: 1px solid #071D49;
}
.bluebutton {
	  background-color: #DC7A7A;
	background: -webkit-linear-gradient(#6870B1, #071D49); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#6870B1, #071D49); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#6870B1, #071D49); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#6870B1, #071D49); /* Standard syntax */
   font: bold 12px Sans-Serif;
  color: #fff;
  border-radius: 10px;
  border: 1px solid #071D49;
}
/* Usergroup things */
.adminitem {
	background: #E7FFE7;
}
/* Colours */
.textgreen {
	color: green;
}
/* Cart */
.bordernob {
	border: 1px solid #BCD6FF;
	border-bottom: 0px;
}
.bordernone {
	border: 0;
}
.tablehead {
	background: #BCD6FF;
	color: #071D49;
}
.tableheadgrad {
	background: -webkit-linear-gradient(#e4eeff, #d6e6ff 40%, #c9deff);
	color: #071D49;
}
.subhead {
	background: #BCD6FF;
	color: #071D49;
}

.thickborderb {
	border-bottom: 3px solid #071D49;
}
.thinborderb {
	border-bottom: 1px solid #071D49;
}
.thickbordert {
	border-top: 3px solid #071D49;
}
.thickborderr {
	border-right: 3px solid #071D49;
}
.thickborderl {
	border-left: 3px solid #071D49;
}

.fullwidth {
	width: 100%;
	border-spacing: 0px;
}

.vamiddle {
	vertical-align: middle;
}
.vatop {
	vertical-align: top;
}
.vabottom {
	vertical-align: bottom;
}

.bold {
	font-weight: 600;
}
.underline {
	text-decoration: underline;
}
.nweight {
	font-weight: normal;
}
.italic {
	font-style: italic;
}

.lirborder {
	border-right: 1px solid #BCD6FF;
}
.libborder {
	border-bottom: 1px solid #BCD6FF;
}
.lalign {
	text-align: left;
}

.quantitycell {
}
.inputquantitycontainer {
	width: 95%;
	margin-bottom: 0.25em;
}
.inputquantity {
	width: 100%;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	display: inline-block;
}

.cartupdatemargin {
	vertical-align: middle;
}

.borderbox {
		-ms-box-sizing:border-box!important;
	-moz-box-sizing:border-box!important;
	-webkit-box-sizing:border-box!important;
	box-sizing:border-box!important;
}
.flexbox {
	display: flex;
    flex-flow: row wrap;
    align-content: space-between;
	justify-content: space-between;
}
.nowrap {
    flex-flow: nowrap;
}
.flexbox .flexspace {
	margin: 0.4rem;
}
.flex1 {
	flex-basis: 100%;
}
.flex2 {
	flex-basis: 49%;
}
.flex3 {
	flex-basis: 31%;
}
.flex4 {
	flex-basis: 32%;
}
.flex5 {
	flex-basis: 17%;
}
.flex6 {
	flex-basis: 15%;
}
.flex7 {
	flex-basis: 13%;
}
.flexgrow {
	flex-grow: 1;
}
@media (max-width: 1150px)
{
	.flex2 {
		margin-top: 0.6em;
		flex-basis: 100%;
	}
	.flex3 {
		margin-top: 0.6em;
		flex-basis: 100%;
	}
	.flex5 {
		flex-basis: 31%;
	}
}
@media (max-width: 700px)
{
	.flex5 {
		flex-basis: 100%;
	}
}
.contentboxing {
		-ms-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
}
.nopad {
	padding: 0px;
}
.smallpad {
	padding:4px;
}
.medpad {
	padding:10px;
}
.medpadnor {
	padding: 10px 0 10px 10px;
}
.medpadnos {
	padding: 10px 0px;
}
.medpadnob {
	padding: 10px 10px 0px 10px;
}
.medpadtall {
	padding:14px 10px;
}
.bigpad {
	padding: 16px;
}
.lsmallpad {
	padding-left: 6px;
}
.rsmallpad {
	padding-right: 6px;
}
.lbigpad {
	padding-left: 14px;
}
.bigrightpad {
	padding-right: 14px;
}
.bigsopad {
	padding: 4px 16px;
}
.bigsidepad {
	padding: 12px 18px;
}
.medsidepad {
	padding: 6px 12px;
}
.medsideopad {
	padding: 0 12px;
}
.medsideopadbot {
	padding: 0 12px 12px 12px;
}

/*Align*/
.relative {
	position: relative;
}
.abstopl {
	position: absolute;
	top: 0;
	left: 0;
}
.absolute {
	position: absolute;
}
.justify {
	text-align: justify;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}
.left {
	text-align: left;
}
.flright {
	float: right;
}
.fsflright {
	float: right;
}
.flleft {
	float: left;
}

.smallbottomspace {
	margin-bottom: 0.3em;
}
.bottomspace {
	margin-bottom: 0.6em;
}
.topspace {
	margin-top: 0.6em;
}
.rightspace {
	margin-right: 0.6em;
}
.minileftspace {
	margin-left: 1px;
}
.minitopspace {
	margin-top: 4px;
}
.nomargin {
	margin-left: 0px;
}

.bigbottomspace {
	margin-bottom: 1.4em;
}

.overflow {
	overflow: hidden;
	height: 100%;
}
.overflowscroll {
	overflow-y: scroll;
}
.overflowauto {
	overflow: auto;
}

.checkoutbox {
	width: 100%;
}
.allcaps {
	text-transform: uppercase;
}
.bigtext {
	font-size: 1.4em;
}
.medbigtext {
	font-size: 1.2em;
}
.medsmalltext {
	font-size: 0.9em;
}
.smalltext {
	font-size: 0.85em;
	line-height: 1em;
}
.tinytext {
	font-size: 0.7em;
}
.greytext {
	color: #C0C0C0;
}
.infobox {
	background: #BCD6FF;
	border: 2px solid #6870B1;
}

.cartinfo {

}

.cartinfocontainer {
	display: inline-block;
	width:100%;
}

.checkouthead {
	background: #BCD6FF;
	color: #071D49;
	border-bottom: 3px solid #071D49;
}

.checkoutcontent {

}

.checkoutsubmit {
	width: 100%;
}

.inputsubmit {
	padding: 5px 10px;
}

.removevoucher {
	border: 2px solid #161925;
	background: red; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#ff0000, #b30000); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#ff0000, #b30000); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#ff0000, #b30000); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#ff0000, #b30000);
	color: #fff;
	border-radius: 5px;
	font-weight: bolder;
}

.removevoucher:hover {
	border: 2px solid #161925;
	background: red; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#b30000, #ff0000); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#b30000, #ff0000); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#b30000, #ff0000); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#b30000, #ff0000);
	color: #fff;
	border-radius: 5px;
	font-weight: bolder;
	cursor: pointer;
}

.halftransparent {
	opacity: 0.5;
}
/* Onclick Dropdown */
#dropbtn {
	cursor: pointer;
}
.ocdropdown {
	position: relative;
}
.ocdropdown-content {
    background-color:rgba(29,32,35,0.4);
    position: absolute;
    display: none;
	z-index: 10;
	right: 2em;
		-webkit-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.5);
}
.dropdowntopbar {
	background-color:rgba(29,32,35,1) !important;
	text-align: right;
}
/* Can you run it box */
.gd-header {
	background-color:rgba(74,82,90,0.9) !important;
	font-weight: bold !important;
}
.gd-form-wrapper {
	background-color:rgba(242,244,252,0.7) !important;
}
.gd-footer-bar {
	background-color:rgba(74,82,90,0.9) !important;
}
.gd-footer-bar a {
	color: #fff !important;
}
.gd-info-icon {
	background-color:rgba(191,200,247,0.9) !important;
	color: #071D49 !important;
	font-weight: bold !important;
	border: 1px solid #071D49 !important;
}
.gd-can-i-run-it-btn {
	background-color:rgba(191,200,247,0.9) !important;
	color: #071D49 !important;
	border: 1px solid #071D49 !important;
	font-weight: bold !important;
}
.gd-can-i-run-it-btn-tiny {
	background-color:rgba(191,200,247,0.9) !important;
	color: #071D49 !important;
	border: 1px solid #071D49 !important;
	font-weight: bold !important;
}
/* Universal */
.fonta:before {
  content: "\f00c"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  color: green;
  font-size: 1.5em;
  text-shadow: 1px 1px 2px black;
  display: inline-block;
  margin-top: 0.1em;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}
.errorbox {
	border: 1px solid red;
	background: #FFDCDC;
	min-height: 40px;
	margin-bottom: 0.5em;
}
#errormsg {
	display: block;
	padding: 0.2em;
	font-size: 0.9em;
	color: red;
}

.successbox {
	border: 1px solid green;
	background: #BEFFBE;
	min-height: 40px;
	margin-bottom: 0.5em;
}
#successmsg {
	display: block;
	padding: 0.2em;
	font-size: 0.9em;
	color: green;
}

.noticebox {
	border: 1px solid orange;
	background: #FFFFD2;
	min-height: 40px;
	margin-bottom: 0.5em;
}
#noticemsg {
	display: block;
	padding: 0.2em;
	font-size: 0.9em;
	color: orange;
}

.iconcontainer {
	float: left;
	padding: 4px 6px;
	width: 32px;
	height: 32px;
}

.icon.success {
        display: inline-block;
  position: relative;

        width: 1.15em;
        height: 1.15em;

        overflow: hidden;
        border: none;
        background-color: transparent;
        border-radius: 0.625em;
		background: green;
}

.icon.success::after {
        display: block;
        position: absolute;
        top: -0.03em;
        left: -0.04em;
        width: 100%;
        text-align: center;
        font-family: "Times New Roman", "Garamond", serif;
        font-size: 0.8em;
        color: white;
        content: "✓";
        font-weight: bold;
    }
.icon.error {
        display: inline-block;
  position: relative;

        width: 1.15em;
        height: 1.15em;

        overflow: hidden;
        border: none;
        background-color: transparent;
        border-radius: 0.625em;
		background: red;
}

.icon.error::after {
        display: block;
        position: absolute;
        top: -0.03em;
        left: -0.02em;
        width: 100%;
        text-align: center;
        font-family: "Times New Roman", "Garamond", serif;
        font-size: 1em;
        color: white;
        content: "×";
        font-weight: bold;
    }
.icon.warning {
        display: inline-block;
  position: relative;
		top: 0.05em;

        width: 1.15em;
        height: 1.15em;

        overflow: hidden;
        border: none;
        background-color: transparent;
        border-radius: 0.625em;
}

.icon.warning::before {
        content: "";
        display: block;
        top: -0.08em;
        left: 0.0em;
        position: absolute;
        border: transparent 0.6em solid;
        border-bottom-color: #fd3;
        border-bottom-width: 1em;
        border-top-width: 0;
        box-shadow: #999 0 1px 1px;
}

.icon.warning::after {
        display: block;
        position: absolute;
        top: 0.25em;
        left: -0.02em;
        width: 100%;
        padding: 0 1px;
        text-align: center;
        font-family: "Garamond";
        content: "!";
        font-size: 0.65em;
        font-weight: bold;
        color: #333;
    }

    .icon,
    .icon::before,
    .icon::after
    {
        position: relative;
        padding: 0;
        margin: 0;
    }

    .icon {
        font-size: 28px;
        color: transparent;
    }

#usergrouptext {
	display: inline-block;
	color: #fff;
	font-size: 9px;
	font-family: Helvetica,Arial,Sans-serif;
	padding: 2px 4px;
	border-radius: 5px;
	cursor: default;
	vertical-align: top;
}

#answertag {
	color: green;
	font-weight: bold;
}

#datetag {
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 10px;
	padding: 0.4em;
}

#boldonly {
	font-weight: bold;
}
@media (max-width: 1400px)
{
	.contentbody {
		width: 100%;
	}
	.inner {
		width: 100%;
	}
	.menulist > ul > li > ul {
		width: 100%;
		left: 0;
	}
#body {
	padding: 0px;
	width: 98%;
	min-height: 600px;
	margin:0 auto;
	display: flex;
	padding-bottom: 20px;
}
#menuwrap {
	width: 98%;
}
#header .container {
	position: relative;
	margin: 0 auto;
	height: 30px;
	width: 98%;
}

.menutablewrap {
	float: left;
	width: 100%;
}
}
@media (max-width: 1150px) {
	.mobilehidebig {
		display: none!important;
	}
#body {
	padding: 0px;
	width: 98%;
	min-height: 600px;
	margin:0 auto;
	display: flex;
	padding-bottom: 20px;
}

#menuwrap {
	width: 98%;
	padding: 0;
	margin-left: 0;
}

.halfcontentboxcontainer {
	width: 100%;
	float: left;
	    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

div .halfinnercontainer {
	width: 100%;
	padding: 4px;
	float: left;
	margin-left: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
     box-sizing: border-box;
	 position: relative;
}

.halfcontentboxcontainer {
	margin: 0 auto;
	width: 98%;
	    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

.halfcontentboxcontainerl {
	margin: 0 auto;
	width: 100%;
	    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

.halfcontentboxl {
	width: 50%;
	float: left;
}

.halfimgcontentbox {
	height: 100%;
	    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	margin-bottom: 0.6em;
}

.halfimgcontentboxl {
	height: 100%;
	position: relative;
	    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	margin-bottom: 0.6em;
}

.contentboxcontainer {
	width: 100%;
}
	#header .mainmenu {
		text-align: center;
		line-height: 30px;
	}
	.halfcontentbox {
		width: 100%;
		background: #6870B1;
		border: 1px solid #6870B1;
	}
}
@media (max-width: 1000px) {
	.menuicomobile {
		display: inline-block;
		width: 16px;
		text-align: center;
		border-radius:25%;
		padding: 3px 3px 3px 4px;
		-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
		-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
		margin-right: 0.4em;
	}
	.menulist {
		display: none;
	}
	.menulistadmin {
		display: block;
	}
	.menulistadmin ul {
		margin: 0;
		padding: 0;
		text-align: center;
	}
	.menulistmob {
		display: flex;
		width: 100%;
	}
	.menuflexsearch {
		 flex-basis: calc(100%);
	}
	.menuflexcart {
		display: none;
	}
	.mobmenucontents ul {
		padding: 0px;
	}
	.mobmenucontents ul > li {
		text-align: left;
		color: #000;
		padding: 0;
	}
	.mobmenucontents ul > li > a {
		color: #000;
		padding: 1em;
		box-sizing: border-box;
		width: 100%;
	}
	.mobmenucontents ul > li > span {
		display: inline-block;
		cursor: pointer;
		color: #000;
		padding: 1em;
		width: 100%;
		box-sizing: border-box;
	}
	.mobmenucontents ul > li:hover {
		background: #e5e5e5;
	}
	.mobmenucontents ul > li > a:hover {
		background: -webkit-linear-gradient(#d6e6ff, #c9deff 40%, #bcd6ff);
	}
	.mobmenucontents ul > li > span:hover {
		background: -webkit-linear-gradient(#d6e6ff, #c9deff 40%, #bcd6ff);
	}
	.mobmenucontents ul > li > ul {
		display: none;
		padding: 0px;
		padding-left: 1.4em;
	}
	.mobmenucontents ul > li > ul > li {
		text-align: left;
		color: #000;
		padding: 0;
	}
	.mobmenucontents ul > li > ul > li > ul {
		display: none;
		padding: 0px;
		padding-left: 1.4em;
	}
}
@media (max-width: 750px)
{
.fsflright {
	float: none;
}
.mobclearfix {
	clear: both;
}
#body div .menuinnercontainer {
		display: none;
		float: left;
}

div .tqinnercontainer {
	width: 100%;
	padding: 0px;
	margin: 0px;
}
div .halfinnercontainer {
	width: 98%;
	margin: 0 auto;
	padding: 4px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
     box-sizing: border-box;
	 position: relative;
}

#header .container {
	position: relative;
	margin: 0 auto;
	height: 30px;
	width: 98%;
}
#menuwrap .mobmenuleft {
	left: -1px;
	right: auto;
}
#menuwrap .mobmenuright {
	right: -1px;
	left: auto;
}
.menutablewrap {
	width: 100%;
}

.halfcontentboxcontainer {
	margin: 0 auto;
	width: 100%;
	    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

.halfcontentboxcontainerl {
	margin: 0 auto;
	width: 100%;
	    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

.halfcontentbox {
	width: 100%;
	    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

.halfimgcontentbox {
	margin: 0 auto;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

.halfimgcontentboxl {
	margin: 0 auto;
	width: 100%;
	height: 100%;
	position: relative;
	border-radius: 5px;
	   -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

.contentboxcontainer {
	width: 100%;
}

	#contentwrap {
	float: none;
	}
	.cwmargin {
		margin-left: 0px;
	}
	.bodywrap {
		position: relative;
	}
	#contentbox{	width: 100%;
	margin-left: 0 auto;
	}
	#body .topsec1 {
	}

	#header .mainmenu {
	}
input.mainsearch {

}
#body {
	padding: 0px;
	width: 100%;
	min-height: 600px;
	margin:0 auto;
	display: flex;
	padding-bottom: 20px;
}
#header .logo {

}
#header .logo img {
}
#adwrap {
	padding: 0;
	width:100%;
	height: 70px;
	line-height: 0px;
	float: right;
	font-weight: bold;
	text-align: right;
	margin-right: 5px;
	margin-left: 80px;
	margin-top: 5px;
	margin-bottom: 0.4em;
}
.devbanner {
	width: 98%;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.betatest {
	width: 98%;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.mobilehide {
	display: none;
}
.filtertoggle::after {
	content: "Show filters";
}
}
@media (max-width: 500px) {
	#menuwrap ul li {
		width: 48%;
		text-align: center;
		display: inline-block;
		margin-right: 0px;
		position: relative;
		padding: 20px 10px;
	}
	.mainlogoflex {
		flex-basis: 165px;
	}
	.mainsearchflex {
		flex-basis: calc(100% - 165px);
	}
	.logo {
		padding: 0.9em 0.4em;
		height: 90px;
	}
	.logoimg {

	}
	.searchcontainer {
		padding: 1.7em 0.4em;
		height: 90px;
	}
}
.carifcontainer {
	position: fixed;
    width: 100%;
    height: 100%;
}
.carifcontainer > iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
.carouselinner {
    /* width within the parent.
       can be any percentage. */
    width: 100%;
}
.carouselinner:before {
    float: left;

    /* essentially the aspect ratio. 100% means the
       div will remain 100% as tall as it is wide, or
       square in other words.  */
    padding-bottom: 30%;
}
/* this is a clearfix. you can use whatever
   clearfix you usually use, add
   overflow:hidden to the parent element,
   or simply float the parent container. */
.carouselinner:after {
    display: table;
    clear: both;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
  background: #4D5057;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: .5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #F4F7FF;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0), color-stop(rgba(0, 0, 0, 0.0001) 100%));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0), color-stop(rgba(0, 0, 0, 0.5) 100%));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.carousel-control:hover,
.carousel-control:focus {
  outline: none;
  color: #F4F7FF;
  text-decoration: none;
  opacity: .9;
  filter: alpha(opacity=90);
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  font-family: serif;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #F4F7FF;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
}
.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #F4F7FF;
}
.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #F4F7FF;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    font-size: 30px;
  }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.twitchbox {
	position: relative;
	padding-bottom: 37.6%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.twitchbox iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.twitchchatbox {
	position: relative;
	padding-bottom: 37.6%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.twitchchatbox iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.expandablecontent {
	display: none;
}

#passBar, #passText {
	display: inline-block;
	vertical-align: top;
}

#passBar {
	height: 21px;
	padding: 0;
	background: #BEBEBE;
}

#passBar > div {
	height: 21px;
	padding: 0;
}

#passText {
	color: #F5F5F5;
	font-weight: bold;
	text-shadow: 1px 1px 3px #000000;
}

.passmatch {
	color: #F5F5F5;
	text-shadow: 1px 1px 3px #000000;
}

.eposproductline {
	flex-basis: 22%;
	border: 1px solid #C0C0C0;
}

.eposproductline:hover {
	border: 1px solid #BCD6FF;
	-webkit-box-shadow: 0px 0px 12px 4px rgba(188,214,255,0.6);
	-moz-box-shadow: 0px 0px 12px 4px rgba(188,214,255,0.6);
	box-shadow: 0px 0px 12px 4px rgba(188,214,255,0.6);
}

.epositems {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-evenly;
}

.ellip {
  display: block;
  height: 100%;
}

.ellip-line {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  max-width: 100%;
}

.ellip,
.ellip-line {
  position: relative;
  overflow: hidden;
}

.active-job-types > div {
	margin-bottom: 10px;
}

.job-types-delete-btn {
	width: 32px;
	flex: 0 0 32px!important;
	text-align: center;
}

@media (max-width: 425px) {
	.active-job-types > div {
		width: 100%;
	}
}