* { 
	margin: 0; padding: 0; border: 0; outline: 0;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

select {
	max-width: 100%;
}

.jmodedit,
.icons {
	display: none!important;
}

.no-border {
	border: 0!important;
}

.display-block {
	display: block;
}


.empty-hidden {
	display: none!important;
}

.jmoddiv.jmodinside {
	position: static!important;
}

.btn.disabled {
	cursor: not-allowed;
}

.phone .computer a:hover, 
.phone .computer a:focus {
		color: inherit;
		text-decoration: none;
}
/***********************************************
* The body tag can have the following classes: *
*	(default / pageclass_sfx) 					*
*	(tablet / phone / computer) 				*
*	(portrait / landscape)						*
***********************************************/

body {
	font-family: Arial;
	min-width: 996px;
	color: #777;
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: fixed;
	background-color: #000;
	background-size: cover;
	/* background-size: 100% auto; */
}

body.tablet,
body.phone {
	background-attachment: scroll;
}

body.phone {
	background-image: none;
}

.clear {
	clear: both;
}


#added-to-basket {
	position: fixed;
	top: 134px;
	right: -100%;
	color: #fff;
	background: green;
	padding: 10px 10px 10px 10px;
	border-radius: 4px 0 0 4px;
	z-index: 11;
	box-shadow: 0 0 5px #000;
}

#added-to-basket a {
	color: #fff;
	text-decoration: none;
}



/* BACKGROUNDS old */

/*
body {
	background-size: cover;
}
*/

/* UK */
/*
body.day-0 {
	background-image: url('/images/backgrounds/gbp/sunday.jpg');
}

body.day-1 {
	background-image: url('/images/backgrounds/gbp/monday/scifi 06.jpg');
}

body.day-2 {
	background-image: url('/images/backgrounds/gbp/tuesday.jpg');
}

body.day-3 {
	background-image: url('/images/backgrounds/gbp/wednesday.jpg');
}

body.day-4 {
	background-image: url('/images/backgrounds/gbp/thursday.jpg');
}

body.day-5 {
	background-image: url('/images/backgrounds/gbp/friday.jpg');
}

body.day-6 {
	background-image: url('/images/backgrounds/gbp/saturday.jpg');
}
*/







body.phone,
body.phone select, 
body.phone textarea, 
body.phone input[type="text"], 
body.phone input[type="password"], 
body.phone input[type="datetime"], 
body.phone input[type="datetime-local"], 
body.phone input[type="date"], 
body.phone input[type="month"], 
body.phone input[type="time"], 
body.phone input[type="week"], 
body.phone input[type="number"], 
body.phone input[type="email"], 
body.phone input[type="url"], 
body.phone input[type="search"], 
body.phone input[type="tel"], 
body.phone input[type="color"], 
body.phone .uneditable-input,
body.phone .products .product p {
	font-size: 16px;
}

body.phone.portrait { 
	min-width: 300px;
}

body.phone.landscape {
	min-width: 560px;
}

body.tablet.portrait {
	min-width: 768px;
}

a { text-decoration: none; }

#header-wrap {
	position: relative;
	background: url('../images/header-background.png') repeat-x center top;
	z-index: 10;
}
.phone #header-wrap { 
	background-position: center bottom;
}


header {
	position: relative;
	margin: 0 auto;
	background: url('../images/kr-logos1.png') no-repeat 12px top;
	height: 131px;
	text-align: center;
	max-width: 996px;
}

.phone #header-wrap, .phone header { height: 104px; width: 100%; }
.phone.portrait header { background-position: -17px 100%; }
.phone.landscape header { background-position: left bottom; }

.hidden-home-link {
	position: absolute;
	left: 0;
	top: 0;
	width: 170px;
	height: 120px;
	text-indent: -1000px;
	overflow: hidden;
}

.phone.landscape .hidden-home-link {
	height: 100px;
}

.phone.portrait .hidden-home-link {
	left: auto;
	left: 0px;
	height: 100px;
	width: 110px;
}


#currencies span,
.logos,
 .admin-currencies {
	display: inline-block;
	background-image: url('../images/header-logos.png');
	background-repeat: no-repeat;
	cursor: pointer;
}

#currencies.noClick span {
	cursor: default;
}

#currencies {
	position: absolute;
	right: 5px;
	bottom: 16px;
	margin-bottom: 0;
}
.phone #currencies { right: auto; bottom: auto; }
.phone.portrait #currencies { top: 10px; right: 50px; }
.phone.landscape #currencies { position: relative; top: 20px; }
.tablet #currencies { right: 6px; }

#socialbar {
	position: absolute;
	top: 12px;
	right: 5px;
}
.phone #socialbar { display: none; }
.tablet #socialbar { right: 6px; }

#strapline { padding-top: 23px; }
.phone #strapline { display: none; }
.tablet.portrait #strapline { padding-top: 29px; }

#strapline p {
	color: #000;
	font-size: 29px;
}
.tablet.portrait #strapline p { font-size: 22px; }

#strapline small {
	color: #fff000;
	font-size: 19px;
}
.tablet.portrait #strapline small { font-size: 16px; }

.phone #strapline p.phone-no,
.tablet #strapline p.phone-no {
	margin-top: -5px;
}

#strapline p.phone-no,
#strapline p.phone-no:visited,
#strapline p.phone-no:hover,
#strapline p.phone-no:focus {
	font-size: 24px;
	color: #fff!important;
}

a[href^="tel"]{
		color:inherit;
		text-decoration:none;
}


#viewmodels {
	position: absolute;
	right: 5px;
	top: 54px;
	font-size: 15px;
}
.phone #viewmodels { display: none; }
.tablet #viewmodels { right: 6px; }

#viewmodels a,
.phone-login-link a { 
	color: #fff000;
}

#viewmodels a + a,
.phone-login-link a + a {
	color: #fff;
}

#showmenu { display: none; }
.phone #showmenu {
	display: block;
	position: absolute;
	top: 8px;
	right: 10px;
}

nav {
	position: relative;
	width: 996px;
	/* min-height: 49px; */
	/* min-height: 100px; */
	background: url('../images/nav-background.png') repeat-x center bottom #a5c0ec;
	border-radius: 0 0 4px 4px;
	margin: -18px auto 0;
	padding: 0 0 0 5px;
	font-family: 'Open Sans', 'Helvetica, Arial', sans-serif;
	overflow: auto;
}

.phone nav { 
	display: none; width: 100%;
	border-radius: 0;
	background: #4d76b9;
	overflow: visible;
}

.phone nav li {
	float: none;
	width: 100%;
}

.phone nav ul {
	position: relative;
}

.tablet.portrait nav { width: 100%; border-radius: 0; }

#nav-bottom {
	width: 982px;
	margin: 0 auto;
}
.phone #nav-bottom #basket { display: none; }
.tablet.portrait #nav-bottom { width: 99%; }

nav ul {
	margin: 0;
	padding-top: 20px;
}

nav ul li { 
	display: block;
	float: left;
	list-style-type: none;
	/* line-height: 22px; */
	margin: 0 0 0 0;
	padding: 0;
}

/*
nav ul ul li {
	margin: 7px 7px 7px 0;
}
*/


nav ul.menu>li {
	display: inline-block;
}

nav ul li a {
	color: #fff;
	padding: 0px 7px 7px 0;
	margin: 0;
	display: block;
	letter-spacing: 1px;
	font-size: 16px;
}

.phone nav span,
nav ul li.phone+li a span {
	border: none;
}

nav ul li span {
	border-right: 1px solid #fff;
	padding-right: 7px
}

nav ul li li span {
	border-left: none;
}

nav ul ul {
	display: none;
}

nav ul li:hover>ul {
	display: none;
}

.computer nav ul li a:hover {
	text-decoration: none;
	color: #fff000;
}

/*
.phone .computer nav ul li a:hover {
	color: inherit;
}
*/

/*
.phone nav ul li a:hover,
.tablet nav ul li a:hover {
	text-decoration: none;
	color: #fff;
}
*/

/*
.phone nav ul li a:hover,
.tablet nav ul li a:hover {
	text-decoration: none;
	color: none;
}
*/

ul.system {
	background: aqua;
}


body.computer nav li.phone,
body.tablet nav li.phone {
	display: none;
}









/* SEARCH */

em {
	color: #1D4873;
}

.phone #nav-bottom {
	width: 100%!important;
	margin-bottom: 8px;
}

#searchbox {
	background: #4973b7;
	border-radius: 0 0 4px 4px;
	float: left;
	padding: 0 8px 8px;
	display: inline-block;
}

#searchbox input[type="text"] {
	/*border-radius: 4px;*/
	line-height: 26px;
	padding: 0 8px;
	width: 200px;
	margin: 5px 0 0 0;
	border: none;
}

.search-found .tab-total + .tab-total::before {
	content: ', ';
}

.search-button {
	height: auto !important;
	vertical-align: bottom !important;
}

.phone #searchbox {
	overflow: hidden;
	width: 100%;
	margin-top: -10px;
	padding-top: 10px;
	margin-bottom: 0;
}

.phone #searchbox input[type="text"] {
	line-height: 30px;
	height: 30px;
	width: 100%;
}

#Search-TabsTabs li {
	border: 1px solid #aeaeae;
	border-radius: 3px 3px 0 0;
	border-bottom: none;
	margin-right: 5px;
	padding: 0!important;
}

#Search-TabsTabs li a {
	padding: 2px 12px 2px 0;
}

.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
	background: #fff;
	border: none;
	border-radius: none;
	margin-right: 0;
}

/* results */

.search-group {
	clear: both;
	padding-bottom: 20px;
}

.search-result {
	/* float: left; */
	width: 100%;
	/* margin-right: 2%; */
	/* margin-bottom: 20px; */
	clear: both;
	overflow: hidden;
}

.search-result h3 {
	font-size: 15px;
}

.search-result a {
	float: left;
		margin-right: 10px;
}

.search-result a img {
	width: 70px;
}

/*
.search-result:nth-of-type(6n) {
	margin-right: 0;
}

.search-result:nth-of-type(6n+1) {
	clear: left;
}

.phone .search-result {
	width: 46%;
	margin-right: 8%;
}

.phone .search-result:nth-of-type(2n) {
	margin-right: 0;
}

.phone .search-result:nth-of-type(2n+1) {
	clear: left;
}
*/










/* Your Details  Tab*/

.account > .your-details {
	overflow: hidden;
}

.your-details p,
.your-details p span {
	clear: both;
	width: 100%;
	overflow: hidden;
}

.your-details .label {
	display: block;
	float: left;
	margin: 0 10px 0 0;
	width: 200px;
	text-align: right;
	background: transparent;
	color: #777;
	font-size: 16px;
	font-weight: normal;
}

.phone.portrait .your-details input,
.phone.portrait .your-details .label {
	width: 100%!important;
	clear: both;
	text-align: left;
}

.your-details input {
	display: block;
	float: left;
}

.your-details #saveForm {
	width: auto;
	margin: 0;
	margin-left: 210px;
}

.phone .your-details #saveForm {
	width: 100%;
	height: 30px;
	margin: 0;
}

/*
@media screen and (min-width: 996px) {
	.your-details .row-fluid span.text-right {
		text-align: left;
	}
}
*/

.your-details .input-medium {
	width: 300px;
}




/* Whish list Tab */

.wish-list {
	overflow: hidden;
}

.wish-list .thead, 
.wish-list .wish {
	padding-bottom: 20px;
	border-bottom: 1px solid #1D4873;
	margin-bottom: 20px;
	overflow: hidden;
	clear: both;
}

.phone .wish-list .thead {
	display: none;
}
 
.wish-list .wish:last-of-type {
	border-bottom: none;
	padding-bottom: 0;
}

.wish-list .thead span.quantity,
.wish-list .thead span.product-code,
.wish-list .thead span.product,
.wish-list .thead span.price,
.wish-list .thead span.armies,
.wish-list .thead span.actions {
	color: #1D4873;
}

.wish-list .thead span.quantity,
.wish-list .thead span.product-code,
.wish-list .thead span.product,
.wish-list .thead span.price,
.wish-list .thead span.armies,
.wish-list .thead span.actions,
.wish-list .wish span.quantity,
.wish-list .wish span.product-code,
.wish-list .wish span.product,
.wish-list .wish span.price,
.wish-list .wish span.armies,
.wish-list .wish span.actions  {
	display: block;
	float: left;
	width: 16.66%;
	min-height: 10px;
	padding: 5px;
	overflow: hidden;
	/* background: aqua; */
}

.wish-list .thead span.armies,
.wish-list .wish span.armies {
	display: none;
}


.phone.landscape .wish-list .wish {
	width: 49%;
	float: left;
	margin: 0 0.5% 5px 0.5%;
	font-size: 16px;
	clear: none;
}

.phone .wish-list .wish {
	width: 100%;
	float: none;
	margin: 0;
	font-size: 16px;
	clear: none;
	border: 1px solid #1D4873;
	margin-bottom: 20px;
}

.phone .wish-list .wish .child {
	margin-left: 20px;
}

.phone .wish-list .wish span.quantity,
.phone .wish-list .wish span.product-code,
.phone .wish-list .wish span.product,
.phone .wish-list .wish span.price,
.phone .wish-list .wish span.armies,
.phone .wish-list .wish span.actions {
	width: 100%;
	float: none;
	font-size: 16px;
}

.wish-list .wish span.quantity,
.wish-list .wish span.actions,
.wish-list .thead span.quantity,
.wish-list .thead span.actions {
	width: 14.66%;
}

.wish-list .wish span.quantity input {
	width: 40px;
	height: 30px;
	margin-right: 2px;
}

.wish-list .wish span.quantity .btn {
	margin-top: -9px;
	height: 29px;
}

.wish-list .wish span.product-code img {
	display: block;
	width: 100%
	max-width: 200px;
}

.wish-list .wish span.product,
.wish-list .thead span.product {
	width: 27.66%;
	width: 44.32%;/* while armies is hidden */
}

.wish-list .wish span.product .colour {
	display: block;
	clear: both;
	margin-top: 5px;
}

.wish-list .wish span.product .child {
	display: block;
	clear: both;
	margin-top: 20px;
}

.wish-list .wish span.product .child img {
	width: 60%;
	max-width: 200px;
	display: block;
	clear: both;
}


.wish-list .wish span.product .child .product-code {
	width: 100%;
	padding: 0;
}

.wish-list .wish span.price,
.wish-list .thead span.price {
	width: 9.66%;
	text-align: center;
}

.wish-list .wish span.actions .btn {
	width: 100%;
	margin: 0 0 2px 0;
}







/* orders Tab */

/* Administrator view */

#account-wrap .account #order-table p.tr small {
	display: block;
	clear: both;
}

#account-wrap .account #order-table p.tr .order-id input {
	display: block;
	clear: both;
	text-align: left;
	width: auto;
}

.big-downloads a {
	margin-top: 10px;
}

.big-downloads a:first-of-type {
	margin-left: 10px;
}

.big-downloads a:hover {
	color: #fff;
}

.order-id .date-time,
.order-id .status,
.order-id .location {
	display: block;
}

.order-id .status {
	font-weight: bold;
}

.orders .order {
	padding-bottom: 10px;
	margin-bottom: 10px;
	overflow: hidden;
}

.orders .order+.order {
	padding-top: 10px;
	border-top: 1px solid #1D4873;
	margin-top: 10px;
	overflow: hidden;
}


.date-created,
.id,
.status-paid,
.status-dispatched,
.details,
.cost,
.notes {
	font-size: 14px;
}

.datecol,
.status-details,
.details,
.cost,
.notes {
	float: left;
	width: 13%;
	/* background: aqua; */
	margin: 0.5%;
}

.id,
.status-paid,
.status-dispatched {
	display: block;
	float: left;
	padding-right: 5px;
}

.order .datecol form {
	margin: -6px 0 11px 0;
}

.order .datecol form .btn {
	padding: 0;
	width: 100%;
}

.tablet.portrait .datecol .date-created,
.phone .datecol .date-created {
	padding-right: 5px;
	float: left;
	width: 50%;
}

.tablet.portrait .datecol .buttons,
.phone .datecol .buttons {
	width: 50%;
	float: left;
	overflow: hidden;
}

.phone .buttons {
	width: 100%;
}

.phone .date-created .buttons .btn {
	width: 100%;
}

.email-order input {
	max-width: 100%;
}

.datecol .buttons .btn {
	margin: 0 0 3px 0;
	font-size: 10px;
	width: 100%;
	padding: 3px;
	line-height: normal;
}

.tablet.portrait .datecol,
.phone .datecol {
	width: 100%;
	clear: both;
}

.tablet.portrait .datecol .buttons .btn:nth-of-type(4n),
.phone .datecol .buttons .btn:nth-of-type(4n) {
	margin-right: 0;
}

.status-details {
	width: 51%;
}

.phone .status-details {
	width: 100%;
}

.status-details .btn {
	clear: both;
	margin-top: 8px;
}

.phone .status-details .btn {
	width: 99%;
}

.status-details .tracker-returned {
	display: block;
	margin-top: 10px;
}

.id {
	width: 33.33%
}

.phone.portrait .id {
	width: 25%
}

.status-paid {
	width: 33.33%
}

.phone.portrait .status-paid {
	width: 29%
}

.status-paid.cross::before {
	content: url(../images/icon-cross.png);
	padding: 2px 5px 0 0;
	display: block;
	float: left;
}

.status-paid.tick::before {
	content: url(../images/icon-tick.png);
	padding: 2px 5px 0 0;
	display: block;
	float: left;
}

.status-dispatched {
	width: 33.33%;
}

.phone.portrait .status-dispatched {
	width: 43.5%;
	margin-right: 0;
}

.status-dispatched.cross::before {
	content: url(../images/icon-cross.png);
	padding: 2px 5px 0 0;
	display: block;
	float: left;
}

.status-dispatched.tick::before {
	content: url(../images/icon-tick.png);
	padding: 2px 5px 0 0;
	display: block;
	float: left;
}

.details {
	width: 23%
}

.tablet.portrait .details {
	width: 33.5%
}

.phone .details {
	width: 33.5%
}

.phone.portrait .details {
	width: 100%
}

.cost {
	width: 8%;
	text-align: right;
}

.phone .cost {
	width: 100%;
	text-align: right;
	padding-right: 1px;
}

.notes {
	display: none;
	width: 14%;
	margin-right: 0;
}

.phone.portrait .notes {
	width: 49%;
	margin-right: 0;
}

.account .order .details .detail-row {
	margin-bottom: 15px;
}

.account .order .details span.child {
	padding-left: 10px;
}








#basket {
	background: #4973b7;
	border-radius: 0 0 4px 4px;
	padding: 0 8px 8px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	float: right;
	display: inline-block;
}

#basket a {
	line-height: 33px;
	color: #fff;
}

#basket span {
	text-decoration: underline;
}

#phone-basket { display: none; }
.phone #phone-basket {
	position: absolute;
	height: 40px;
	background: transparent;
	width: 40px;
	display: block;
}
.phone.portrait #phone-basket {
	top: 51px;
	right: 5px;
}
.phone.landscape #phone-basket {
	right: 5px;
	top: 50px;
}

#phone-basket a {
	display: block;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 23px;
	color: #31548a;
	padding-top: 13px;
	text-decoration: none;
}

#currencies span,
.admin-currencies {
	width: 24px;
	height: 24px;
	margin-right: 2px;
}
#showmenu .logos {
	width: 38px;
	height: 28px;
}
#socialbar .logos {
	width: 29px;
	height: 28px;
}
#basket .logos {
	height: 25px;
	padding-left: 34px;
}
.phone #basket .logos {
	width: 0;
	height: 33px;
	padding-left: 40px;
	overflow: hidden;
}
.uk-button { background-position: -8px -8px; }
.usa-button { background-position: -48px -8px; }
.canada-button { background-position: -88px -8px; }
.euro-button { background-position: -128px -8px; }
.world-button { background-position: -8px -48px; }
.menu-button { background-position: -41px -86px; }
.instagram-button { background-position: -45px -46px; }
.you-tube-button { background-position: -85px -46px; }
.twitter-button { background-position: -125px -46px; }
.facebook-button { background-position: -5px -86px; }
.basket-button { background-position: -125px -87px; }
.phone .basket-button { background-position: -80px -83px; }

.phone #above-container {
	display: none;
}


.phone-login-link {
	display: none;
}

.phone .phone-login-link {
	display: block;
	position: absolute;
	right: 70px;
	bottom: 15px;
	color: yellow !important;
	width: 130px;
	text-align: right;
}

.phone.landscape .phone-login-link {
	bottom: 17px;
	width: 300px;
}

#container {
	position: relative;
	/* width: 972px; */
	width: 1000px;
	border-radius: 4px;
	background: #f0f7fd;
	margin: 16px auto 0;
	padding: 12px;
}
.phone #container, .tablet.portrait #container { width: 100%; }
.phone #container { padding: 10px 5px 5px 5px; margin-top: -8px; border-radius: 0; }
.tablet.portrait #container { padding: 16px 5px 5px 5px; }


.article-sb {
	width: 70%;
	float: left;
	padding-right: 5%;
}

.phone .article-sb {
	width: 100%;
	float: none;
	padding-right: 0;
}

.side-bar {
	width: 30%;
	float: left;
	border: 1px solid #1d4873;
}

.phone .side-bar {
	width: 100%;
	float: none;
	border: 1px solid #1d4873;
}

.side-bar .kr-community {
	width: 1005;
}

.side-bar .kr-community a {
	.color: #08c;
}









.tablet.landscape #one-column,
.tablet.portrait #two-column {
	display: none;
}

.tablet.landscape #two-column,
.tablet.portrait #one-column {
	display: block;
}

#one-column .panel {
}

#two-column article {
	float: left;
}

#two-column aside {
	float: right;
}

#two-column article .panel {
	width: 624px;
}

#two-column aside .panel {
	width: 339px;
}

#hpage1,
#hpage2,
#hpage3,
#hpage4,
#hpage5,
#hpage6,
#hpage7 {
	position: relative;
	overflow: hidden;
}

#hpage7 {
	width: 100%;
	margin: 10px 0;
}

.featured-article img,
.main-article img {
	max-width: 50%;
}

.tag {
	background: #1d4873;
	color: #fff;
	font-family: 'Open Sans', 'Helvetica, Arial', sans-serif;
	border-radius: 0 0 4px 0;
	padding: 5px;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
	position: absolute;
	top: 0;
	left: 0;
}

#hpage1 {
	background: #f00;
	width: 100%;
	overflow: hidden;
	margin-bottom: 15px;
}

.slider-wrap {
	background: gray;
	width: 100%;
}

.slider-wrap .slider {
	width: 100%;
	background: lightblue;
	overflow: hidden;
}

.slider-wrap .slider a {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	overflow: hidden;
}

.slider-wrap .slider img {
	width: 100%;
	height: auto;
}

.slider-wrap .slider .thumbnails {
	position: absolute;
	left: 7px;
	bottom: 5px;
	width: auto;
	height: 29px;
	margin: 0;
}

.phone.portrait .slider-wrap .slider .thumbnails {
	display: none;
}

.slider-wrap .slider .thumbnails img {
	display: block;
	width: 56px;
	height: 27px;
	margin-right: 5px;
	float: left;
	border: 1px solid #fff;
	cursor: pointer;
}

.slider-wrap .slider .thumbnails img:hover {
	border: 1px solid #000;
}

.readmore {
	padding-left: 3px;
	color: #08c;
}

.readmore:hover {
	text-decoration: underline;
}

#hpage2 {
	position: relative;
	overflow: hidden;
	background: #fff;
	border: 1px solid #1d4873;
	margin-bottom: 15px;
}

#hpage2 img {
	float: right;
	margin: 25px 10px 10px 10px;
}

#hpage2 h2 {
	margin: 40px 10px 10px 10px;
}

#hpage2 p {
	margin: 5px 10px 10px 10px;
}

/*
#hpage2 a {
	margin: 0px 10px 10px 7px;
}
*/

#hpage3 {
	background: transparent;
}

.main-article img {
	float: right;
	margin: 0 0 10px 10px;
}

#hpage4 {
	background: #fff;
	border: 1px solid #1d4873;
	margin-bottom: 15px;
	padding: 38px 10px 0 10px;
}

#hpage4 .news h2 small {
	font-size: 12px;
}

#hpage4 .news img {
	float: left;
	margin: 0 10px 10px 0;
	max-width: 40%;
}


#hpage5 {
	background: #fff;
	padding: 5px;
	margin-bottom: 15px;
}



.img-left {
	float: left;
	margin: 0 2% 2% 0;
	max-width: 50%;
}

.img-right {
	float: right;
	margin: 0 0 2% 2%;
	max-width: 50%;
}

.img-centre {
	float: none;
	clear: both;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	display: block;
}




/* Ebay */

#hpage5 img.ebay-logo {
	margin: 0 10px 7px 3px;
}

#auction-nudge-feedback {
	clear: both;
}


#auction-nudge-feedback table {
	width: 100%;
}


#auction-nudge-feedback .third,
a[href="https://www.auctionnudge.com/tools/your-ebay-feedback"] {
	display: none!important;
}

#auction-nudge-feedback tr:first-of-type td,
#auction-nudge-feedback th {
	display: none;
}

#auction-nudge-feedback tr:nth-of-type(odd) {
	display: none;
}

#hpage5 #auction-nudge-feedback {
	min-height: 98px;
}

#hpage5 #auction-nudge-feedback table#feedback td.first {
	width: 10%;
}

#hpage5 #auction-nudge-feedback table#feedback td.second {
	width: 90%;
}

#auction-nudge-feedback table+p {
	display: none;
}

a[href="https://www.auctionnudge.com/"] {
	display: none;
}

a.feedback-link {
	float: right;
	font-size: 12px;
	padding-top: 2px;
}





#hpage6,
#hpage7 {
	border: 1px solid #1d4873;
}

.panel>.kr-community {
	font-family: 'Open Sans';
}




.featured-page,
.news-page {
	margin-right: 2%;
	float: left;
	width: 78%;
}

.phone .featured-page,
.phone .news-page {
	margin-right: 0;
	float: none;
	width: 100%;
}

.featured-page img,
.news-page img {
	float: left;
	margin: 0 10px 10px 0;
	max-width: 35%;
}

.past-list {
	float: left;
	width: 20%;
	margin-top: 50px;
	border-left: 1px solid #1D4873;
	padding-left: 2%;
	overflow: auto;
}

.past-prev,
.past-next {
	text-align: center;
	padding: 5px 0;
	cursor:pointer;
}

.past-list a {
	display: block;
	line-height: normal;
	margin-bottom: .5em;
}

.past-list a small {
	display: block;
	color: #666;
	padding-top: 3px;
}

.phone .past-list {
	float: none;
	clear: both;
	width: 100%;
	border: none;
	border-top: 1px solid #1D4873;
	padding-top: 15px;
	margin-top: 15px;
	max-width: none;
	overflow: hidden;
}

.phone .past-list a {
	width: 50%;
	float: left;
	padding: 0 10px;
}

.phone .past-list a:nth-of-type(odd) {
	clear: left;
}

h1 small {
	font-size: .75em;
	padding-left: 5px;
}

/*
.current-year {
	display: inline
}
*/




.kr-community h3 {
	background: #1d4873;
	border-radius: 0 0 4px 0;
	color: #fff;
	font-weight: normal;
	display: inline-block;
	text-transform: uppercase;
	padding: 3px 10px 5px;
	margin-bottom: 20px;
}
.kr-community p {
	text-align: center;
}
.kr-community a {
	display: inline-block;
	width: 100px;
	text-align: center;
	padding: 95px 0 10px;
	background: url('../images/kr-community.png') no-repeat;
	font-size: 11px;
	font-weight: bold;
	margin: 0 5px;
}
.phone.landscape .kr-community a {
	width: 75px;
	padding: 75px 0 7px;
	background: url('../images/kr-community-75.png') no-repeat;
}
.kr-community .clubs { background-position: -100px 0; }
.kr-community .tournaments { background-position: -200px 0; }
.kr-community .shows { background-position: -300px 0; }
.kr-community .faqs { background-position: -400px 0; }
.kr-community .podcasts { background-position: -500px 0; }
.phone.landscape .kr-community .clubs { background-position: -75px 0; }
.phone.landscape .kr-community .tournaments { background-position: -150px 0; }
.phone.landscape .kr-community .shows { background-position: -225px 0; }
.phone.landscape .kr-community .faqs { background-position: -300px 0; }
.phone.landscape .kr-community .podcasts { background-position: -375px 0; }


/*
.faq-category-title {
	padding-left: 15px;
}
*/

.faq-category-title,
.faq.question {
	background: url(../images/icon-plus.png) 0 50% no-repeat;
	padding-left: 15px;
}

.faq-category-title.expanded,
.faq.question.expanded {
	background: url(../images/icon-minus.png) 0 50% no-repeat;
}


.faq-category {
	padding-bottom: 10px;
	border-bottom: 1px dotted #aeaeae;
	margin-bottom: 20px;
}

.faq-category:last-of-type {
	padding-bottom: 0;
	border-bottom: none;
	margin-bottom: 0;
}

.faq-category-title,
.faq.question {
	cursor: pointer;
	color: #1D4873;
}

.faq-category-title {
	font-size: 20px;
	font-weight: normal;
	font-family: 'Open Sans', 'Helvetica, Arial', sans-serif;
}

.faq.question {
	margin-left: 20px;
}

.faq.answer {
	margin-left: 40px;
	overflow: hidden;
}



.tracking {
	overflow: hidden;
}

.tracking aside {
	float: right;
	width: 339px;
}

.phone .tracking aside,
.tablet.portrait .tracking aside #hpage6 {
	display: none;
}

.tracking .btn {
	margin-left: 5px;
}

#tracking-result {
	float: left;
	max-width: 560px;
}

.phone #tracking-result,
.tablet.portrait #tracking-result {
	max-width: none;
}

#tracking-result p,
.tracker-returned p {
	padding: 10px 0 10px 35px;
	border-bottom: 1px solid #1d4873;
	background: url(../images/tick.png) no-repeat 0 10px;
	clear: both;
}

#tracking-result p:first-of-type,
.tracker-returned p:first-of-type {
	background: url(../images/arrow.png) no-repeat 0 10px;
}

#tracking-result p span,
.status-details .tracker-returned span {
	padding-right: 4px;
	display: inline-block;
}

.status-details .tracker-returned span:enpty {
	display: none;
}


#tracking-result p span.date-time {
	width: 150px;
}

#tracking-result p span.status {
	font-weight: bold;
	min-width: 200px;
}

#tracking-result p span.location {
	min-width: 150px;
}

.status-details .tracker-returned span.date-time {
	width: 20%;
}

.status-details .tracker-returned span.status {
	font-weight: bold;
	width: 55%;
}

.status-details .tracker-returned span.location {
	width: 25%;
}










#communities,
.account {
	border: 1px solid #426db3;
	border-radius: 0 3px 3px 3px;
	position: relative;
	padding: 12px;
}

.account + .account {
	margin-top: 5px;
	border-radius: 3px;
}

#account-menu li#tournament-support {
	display: none;
}

body.phone.portrait .account .registration p.row-fluid .span4 {
	clear: both;
	text-align: left;
	margin-left: 0;
	width: 100%;
}

body.phone.portrait .account .registration p.row-fluid .span4 input {
	display: block;
	clear: both;
	width: 100%;
}


.account table {
	background: #f0f7fD;
}

#communities-menu,
#account-menu,
.ts-bench-menu {
	margin: 0;
	max-width: 100%;
}

#communities-search,
#communities-menu li,
#account-menu li,
.ts-bench-menu li {
	background: url('../images/orange-fade.png') repeat-x #f09849;
}

#communities-menu li,
#account-menu li {
	display: inline-block;
	line-height: 20px;
	padding: 4px 8px 3px 8px;
	border-radius: 4px 4px 0 0;
	margin-right: 5px;
	font: bold 13px Arial;
	color: #874101;
}

.phone.portrait #communities-menu li,
.phone.portrait #account-menu li {
	padding: 8px 4px 7px 4px;
	margin-right: 2px;
	font-size: 16px;
}

.ts-bench-menu li {
	display: inline-block;
	padding: 2px 4px;
	border-radius: 4px 4px 0 0;
	margin-right: 5px;
	font: bold 13px Arial;
	color: #874101;
	border-bottom: 1px solid #000;
}

.phone.portrait .ts-bench-menu li {
	padding: 8px 4px 7px 4px;
	margin-right: 2px;
	font-size: 16px;
}

.ts-bench-menu .bench-name {
	padding: 4px 4px 3px 4px;
	line-height: 20px;
	padding-bottom: 4px;
	display: block;
}

.phone.portrait .ts-bench-menu .bench-name {
	padding-bottom: 6px;
}

.ts-bench-menu li.active .bench-name {
	padding-bottom: 3px;
	display: inline;
}

.ts-bench-menu-button {
	display: inline-block;
	background-color: #fff;
	border-radius: 10px;
	padding: 2px 3px 4px 3px;
	margin: 2px;
}

.ts-bench-menu li .bench-rename,
.ts-bench-menu li .bench-trash,
.ts-bench-menu li .bench-copy-to-user,
.ts-bench-menu li .bench-id {
	display: none;
}

.ts-bench-menu li.active .bench-rename,
.ts-bench-menu li.active .bench-trash,
.ts-bench-menu li.active .bench-copy-to-user,
.ts-bench-menu li.active .bench-id {
	display: inline-block;
}

#communities-menu li a,
#account-menu li a ,
.ts-bench-menu li a {
	color: #874101;
}
#communities-menu li a:hover,
#account-menu li a,
.ts-bench-menu li a	{
	text-decoration: none;
}

.ts-bench-menu li {
	cursor: pointer;
}

.ts-bench-menu li.bench-add {
	background: #239E00;
	color: #fff;
}

.ts-bench-menu li input[type="text"] {
	display: inline-block;
	margin-bottom: 0px;
	padding: 0px;
	height: 22px;
}


#communities-menu li.active,
#account-menu li.active {
	background-image: none;
	background-color: #1d4873;
	color:#fff;
}

#communities-menu li.active a,
#account-menu li.active a,
.ts-bench-menu li.active a {
	color: #fff;
}

.address-details .tabs span.active {
	background-color: #1d4873;
	color: #fff;
}

#communities-search {
	border: 1px solid #f09849;
	border-radius: 5px;
	padding: 8px 4px;
	overflow: hidden;
}

#communities-search h3 {
	padding: 0 4px;
	font-size: 20px;
	font-weight: normal;
	font-family: 'Open Sans', 'Helvetica, Arial', sans-serif;
	color: #874101;
	margin-bottom: 0;
	float: left;
}

#communities-search h3 .search-name {
	font-weight: bold;
}

.required-note {
	color: #000;
	padding: 5px;
}

.phone .required-note {
	padding: 4px;
	clear: both;
}

#communities-search .required-note {
	display: none;
}

/*
#communities-search select[name="country"],
#communities-search input[name="postcode"] {
	border: 1px solid red;
}
*/

#communities-search input,
#communities-search select {
	display: block;
	float: left;
	width: 16%;
	margin: 0 1% 0 0;
	border: 1px solid #bac3d0;
	line-height: 30px;
	height: 30px;
	font-size: 13px;
	color: #000;
}

.phone #communities-search input,
.phone #communities-search select,
.phone #communities-search label[for="date"] {
	display: block;
	float: left;
	width: 48%;
	min-width: none;
	margin: 0 1% 2% 1%;
	font-size: 16px;
}

.phone #communities-search label[for="date"] {
	color: #000;
	font-size: 18px;
	text-align: right;
	padding-top: 3px
}

.phone #communities-search input[type="date"] {
	/* width: 49%; */
}

#communities-list a {
	/* These are technically the same, but use both */
	overflow-wrap: break-word;
	word-wrap: break-word;

	-ms-word-break: break-all;
	/* This is the dangerous one in WebKit, as it breaks things wherever */
	word-break: break-all;
	/* Instead use this non-standard one: */
	word-break: break-word;

	/* Adds a hyphen where the word breaks, if supported (No Blink) */
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

/*
#communities-search select:last-of-type {
	margin-right: 0;
}
*/

#communities-search .btn {
	margin-right: 0;
	margin-top: 1px;
	width: 6%;
}

#communities-search .btn-reset {
	padding: 3px 3px;
	width: 8%;
}


.phone #communities-search .btn {
	margin-right: 0;
	margin-top: 1px;
	width: 49%;
}

.map-wrap {
	position: relative;
}

#communities-map {
	border: 1px solid #426db3;
	margin: 8px 0;
	/* height: 365px; */
	height: 400px;
	position: relative;
}

.phone #communities-map {
	margin: 8px 5%;
	width: 90%;
	height: 300px;
}

/*
.phone .gmnoprint {
	display: none;
}
*/


/*
.computer .no-scroll-cover,
.tablet 
*/.no-scroll-cover {
	display: none;
}

.no-scroll-cover {
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 100;
	position: absolute;
	top: 0;
	left: 0;
}

#communities-list {
	color: #1d4873;
	width: 100%;
	max-width: 950px;
}



.communities-list-wrap .caption {
	text-align: left;
	padding-bottom: 5px;
}

.communities-list-table-wrap {
	overflow: auto;
	width: 100%;
}

#communities-list th.com-list-address {
	width: 200px;
}

#communities-list th,
#communities-list td {
	padding: 2px;
	border: 1px solid #1d4873;
}

.communities-list-wrap .caption select {
	float: right;
	width: auto;
	margin-right: 1%;
}

.communities-list-wrap .caption select:first-of-type {
	margin-right: 0;
}

#communities-list th {
	font: bold 13px Arial;
}
#communities-list tr {
	margin-bottom: 5px;
}
#communities-list th+th {
	text-align: left;
}
#communities-list td {
	font: normal 13px Arial;
	color: #7e7c7a;
	vertical-align: top;
}

.call-to-action p {
	width: 24%;
	float: left;
	background: lightblue;
	margin-right: 1.33%;
	/* height: 130px; */
	border-radius: 4px;
	overflow: hidden;
}

.call-to-action p:nth-of-type(4n) {
	margin-right: 0;
}

.phone.portrait .call-to-action p {
	width: 49%;
	margin-right: 2%;
}

.phone.portrait .call-to-action p:nth-of-type(2n) {
	margin-right: 0;
}

.call-to-action p a {
	position: relative;
	display: block;
	width: 100%;
	/* height: 130px; */
	font-family: 'Open Sans', 'Helvetica, Arial', sans-serif;
	background-position: 50% 50%;
	background-size: 100% 100%;
}

.call-to-action p a span {
	position: absolute;
	background: url(../images/blk-50.png);
	color: #fff;
	width: 100%;
	bottom: 0;
	padding: 5px 5px 5px 7px;
}

.call-to-action p a:hover span {
	background: #000;
}






.error input,
input.error,
select.error { border-color: #f00 !important; }
.confirmed input { border-color: #0f0 !important; }



.btn-blue,.btn-green,.btn-purple,.btn-red,.btn-sand,.btn-teal {
	color: #fff;
	text-shadow:0 -1px 0 rgba(0,0,0,0.25);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
	border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
}
.btn-blue{
	background-color:#1758b3;
	background-image:-moz-linear-gradient(top,#246bda,#0a458c);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#246bda),to(#0a458c));
	background-image:-webkit-linear-gradient(top,#246bda,#0a458c);
	background-image:-o-linear-gradient(top,#246bda,#0a458c);
	background-image:linear-gradient(to bottom,#246bda,#0a458c);
	border-color:#0a458c #0a458c #002a80;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);
}
.btn-green{
	background-color:#117a0a;
	background-image:-moz-linear-gradient(top,#17a313,#0c5001);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#17a313),to(#0c5001));
	background-image:-webkit-linear-gradient(top,#17a313,#0c5001);
	background-image:-o-linear-gradient(top,#17a313,#0c5001);
	background-image:linear-gradient(to bottom,#17a313,#0c5001);
	border-color:#0c5001 #0c5001 #387038;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff17a313',endColorstr='#ff0c5001',GradientType=0);
	color:#fff;
}
.btn-purple{
	background-color:#713a8d;
	background-image:-moz-linear-gradient(top,#8c4cac,#57286d);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#8c4cac),to(#57286d));
	background-image:-webkit-linear-gradient(top,#8c4cac,#57286d);
	background-image:-o-linear-gradient(top,#8c4cac,#57286d);
	background-image:linear-gradient(to bottom,#8c4cac,#57286d);
	border-color:#57286d #57286d #402750;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff777413',endColorstr='#ff5ebd7d',GradientType=0);
}
.btn-red{
	background-color:#a50000;
	background-image:-moz-linear-gradient(top,#c50000,#840000);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#c50000),to(#840000));
	background-image:-webkit-linear-gradient(top,#c50000,#840000);
	background-image:-o-linear-gradient(top,#c50000,#840000);
	background-image:linear-gradient(to bottom,#c50000,#840000);
	border-color:#840000 #840000 #802420;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffbd362f',GradientType=0);
}
.btn-sand {
	color: #874101;
	background-color:#f8b763;
	background-image:-moz-linear-gradient(top,#ffd37a,#f19b4c);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#ffd37a),to(#f19b4c));
	background-image:-webkit-linear-gradient(top,#ffd37a,#f19b4c);
	background-image:-o-linear-gradient(top,#ffd37a,#f19b4c);
	background-image:linear-gradient(to bottom,#ffd37a,#f19b4c);
	border-color:#f19b4c #f19b4c #ad6704;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffd37a',endColorstr='#fff89406',GradientType=0);
}

.btn-sand.bespoke a,
.btn-sand.trayselector a,
.btn-sand.prefilled a {
	color: #874101;
}

.btn-sand.bespoke a:hover,
.btn-sand.trayselector a:hover,
.btn-sand.prefilled a:hover {
	text-decoration: none;
}


.btn-teal{
	background-color:#009d83;
	background-image:-moz-linear-gradient(top,#00c7a4,#006d5f);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#00c7a4),to(#006d5f));
	background-image:-webkit-linear-gradient(top,#00c7a4,#006d5f);
	background-image:-o-linear-gradient(top,#00c7a4,#006d5f);
	background-image:linear-gradient(to bottom,#00c7a4,#006d5f);
	border-color:#006d5f #006d5f #1f6377;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff2f96b4',GradientType=0);
}
.btn-blue:hover,.btn-blue:focus,.btn-blue:active,.btn-blue.active,.btn-blue.disabled,.btn-blue[disabled]{
	color:#fff!important;
	background-color:#0a458c;
}
.btn-green:hover,.btn-green:focus,.btn-green:active,.btn-green.active,.btn-green.disabled,.btn-green[disabled]{
	color:#fff;
	background-color:#0c5001;
}
.btn-purple:hover,.btn-purple:focus,.btn-purple:active,.btn-purple.active,.btn-purple.disabled,.btn-purple[disabled]{
	color:#fff;
	background-color:#57286d;
}
.btn-red:hover,.btn-red:focus,.btn-red:active,.btn-red.active,.btn-red.disabled,.btn-red[disabled]{
	color:#fff;
	background-color:#840000;
}
.btn-sand:hover,.btn-sand:focus,.btn-sand:active,.btn-sand.active,.btn-sand.disabled,.btn-sand[disabled]{
	color:#000;
	background-color:#f19b4c;
}
.btn-teal:hover,.btn-teal:focus,.btn-teal:active,.btn-teal.active,.btn-teal.disabled,.btn-teal[disabled]{
	color:#fff;
	background-color:#006d5f;
}

.btn-lime:hover,.btn-lime:focus,.btn-lime:active,.btn-lime.active,.btn-lime.disabled,.btn-lime[disabled]{
	color:#fff;
	background-color:#239E00;
}

#tray-selector .btn-green {
    color: #000;
}

#tray-selector .btn-sand {
    color: #000;
}

form.checkout .btn-lime.disabled {
	background: #e3e3e3;
	color: #999;
	border-color: #999;
}

#saveForm { width: 110px; }



/* Accounts */

body.wide #container {
	width: 95%;
}

.phone.portrait #account-menu li, .phone .checkout-page .address-details .tabs span {
	width: 100%;
	border-radius: 3px!important;
	margin-bottom: 2px;
}
.phone.wide #container {
	width:100%;
}
/* Possibly remove, as li and a has these attributes */
.phone .checkout-page .address-details .tabs span {
display: inline-block;
line-height: 20px;
padding: 5px 18px;
margin-right: 5px;
font-weight:bold;
font-family: arial;
color: #874101;
font-size: 20px;
}
/* Possibly remove, as li and a has these attributes */
.phone .checkout-page .shipping-address, .phone .checkout-page .postage-method, .phone .checkout-page .local-store, .phone .checkout-event-table, .phone .checkout-page .lead-times, .phone .local-store .fakeholder, .phone .checkout-page .estimate-wrap {
	width: 100%;
	margin: 0;
	text-align: left;
}
.phone #pay_card{
	clear:both;
}
/*.phone .checkout-page .postage-method label {
	float:left;
	margin-right:5px;
	clear:left;
}*/
.phone .checkout-page .postage-method input {
	float:left;
}
.phone .local-store .fakeholder:nth-child(3){
	margin-bottom:10px;
}

.store-website {
	float: right;
}

input[name="local-store"] {
	float: left;
	margin-right: 5px;
}

input[name="local-store"] + label.selected {
	font-weight: bold;
	color: #4973b7;
}

.phone .gmap-addresses {
	height: auto;
}
.phone.landscape #account-menu li {
	width: 49%;
	border-radius: 3px!important;
	margin: 0 2% 2px 0;
}

.phone.landscape #account-menu li:nth-of-type(even) {
	margin-right: 0;
}


/* Login */

#forgottenPassword {
	color: #1D4873;
	cursor: pointer;
}

.account .login label, 
.account .login input,	
.account .login select, 
.account .login textarea {
	font-size: 16px;
	margin-bottom: 0;
	line-height: normal;
}

.account .login label {
	min-width: 100px;
	text-align: left;
}

.account .login .input-append .add-on,
.account .login .input-prepend .add-on,
.account .login input[type="text"],
.account .login input[type="password"] {
	height: auto;
	padding: 5px;
	line-height: normal;
}

.account .login input[type="text"],
.account .login input[type="password"] {
	min-width: 200px;
}

.account .login .btn {
	margin-top: 5px;
}


.phone #account-menu li a {
	display: block;
	float: left;
	font-size: 20px;
	padding: 2px;
	width: 100%;
}

.phone .account .login div.input-prepend,
.phone .account .login .input-append .add-on,
.phone .account .login .input-prepend .add-on,
.phone .account .login label,
.phone .account .login input[type="text"],
.phone .account .login input[type="password"] {
	display: block;
	width: 100%;
	clear: both;
}

.phone .account .login .icon-user,
.phone .account .login .icon-lock {
	display: none;
}




/* Accounts Collection Manager */

.account br {
	display: block;
	margin: 5px 0;
}

.collection-manager {
	padding-right: 2px;
}

.collection-manager form .collection-wrap {
	overflow: auto;
}

.collection-manager form .collection-wrap table {
	margin-right: 50px;
}

.collection-manager .system-wrap {
	clear: both;
	overflow: hidden;
}

.collection-manager table {
	width: 100%;
	margin-bottom: 15px;
}

.collection-manager table td,
.collection-manager table th {
	vertical-align: top;
	text-align: left;
	border: 1px solid #90a8d1;
	padding: 2px;
}

.collection-manager table,
.list-manager table {
	max-width:9999px;
}

/* Autofill */

.autofill-manager {
	padding-right: 2px;
}

.autofill-manager .autofill-wrap {
	overflow: auto;
}

/*
.autofill-manager form .collection-wrap table {
	margin-right: 50px;
}
*/

/*
.autofill-manager .autofill-wrap,
.autofill-manager .system-wrap {
	clear: both;
	overflow: hidden;
}
*/

.autofill-manager table {
	width: 100%;
	margin-bottom: 15px;
}

.autofill-manager table td,
.autofill-manager table th {
	vertical-align: top;
	text-align: left;
	border: 1px solid #90a8d1;
	padding: 2px;
}

.autofill-manager table {
	max-width:9999px;
}

.autofill-manager table select {
	width: 180px;
}

.autofill-manager .status.quantity {
	width: 140px;
}

.autofill-manager .status.quantity input {
	max-width: 40px;
	float: left;
	height: 30px;
	line-height: 30px;
}

.autofill-manager .status.quantity .btn {
	float: left;
	margin: 0 0 0 2px;
	height: 30px;
	line-height: 24px;
}

.autofill-manager .collection-wrap table tr th:first-of-type span {	
	margin-bottom: 25px;
}

.autofill-manager select option:disabled {
	font-weight: bold!important;
	color: #000!important;
	-webkit-text-fill-color: #000000;
	padding-top: 5px;
	background: red;
}

.autofill-results .svgTray {
	float: left;
	width: 50%;
}

.autofill-results h2 {
	margin-top: 20px;
}

.autofill-results .svgTray:nth-of-type(2n+1) {
	clear: left;
}


/* Accounts List Manager */

.load-wrap {
	background: fuchsia;
	
}

.load-wrap .btn {
	margin-top: 0;
}

.button-wrap {
	text-align: right;
	clear: both;
	margin-bottom: 3px;
}

.list-manager * {
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

.name .value {
	color: #777;
	padding-left: 5px;
}

.list-manager table {
	width: 100%;
}

.list-manager .list {
	position: relative;
	margin-bottom: 30px;
}

.list-manager table th {
	color: #1D4873;
}

.list-manager table th.system,
.list-manager table th.name,
.list-manager table th.total {
	width: auto;
}

/*
.list-manager table .list-header th.system {
	min-width: 150px;
}
*/

.list-manager table th,
.list-manager table td {
	border: 1px solid #90A8D1;
}

.list-manager table table td+td,
.list-manager table table th+th {
	border-left: 1px solid #90A8D1;
}

.list-manager table table tr+tr td {
	border-top: 1px solid #90A8D1;
}

.list-manager table table th,
.list-manager table table td {
	border: 0;
}

.list-manager .list-footer td {
	border-top: 0;
}

.list-manager table th,
.list-manager table td {
	width: 10%;
	min-width: 100px;
	padding: 2px;
	text-align: left;
	vertical-align: top;
}

.list-manager table th.category+th,
.list-manager table td.category+td {
	width: 90%;
	padding: 0;
}

.list-manager table table th,
.list-manager table table td {
	width: 10%;
	min-width: 100px;
}

.list-manager table table th.stats,
.list-manager table table td.stats {
	width: 5%;
	min-width: 100px;
	text-align: center;
}

.list-manager table table th.notes,
.list-manager table table td.notes {
	width: 15%;
	min-width: 100px;
}

.template01 .list-manager .list-header th {
	width: 19%;
}
.template01 .list-manager .list-header th+th {
	width: 18%;
}
.tempalte01.list-manager .list-header th+th+th,
.list-manager .list-footer th {
	width: 9%;
}
.list-manager .list-header td {
	width: 55%;
}

.list-manager .list-footer td {
	width: auto;
}

li.models {
	width: 100%;
}

.list-manager .category table {
	width: 100%;
	margin-top: -1px;
}

.list-manager .list td.notes .read,
.list-manager .list td.notes .edit {
	padding: 0;
}

.list-manager .print {
	margin-bottom: 0;
}

.list-manager .print input {
	float: left;
	margin-right: 5px;
}

.list-manager .print .btn-blue {
	float: right;
}

.list-manager .system-wrap {
	overflow: auto;
}

.list-manager .system-wrap table input[type="text"] {
	width: 100%;
	border: none;
	background-color: #fff;
	text-align: center;
}

.template02 .system-wrap {
	width: 50%;
	float: left;
}

.template02 .system-wrap.clear {
	float: none;
	clear: left;
}

.template02 th.system {
	width: 40%;
}

.template02 th.images {
	width: 30%;
}

.template02 th.total {
	width: 20%;
}

.template02 th.name {
	width: 25%;
}

.list-footer th.print-list-title {
	width: 15%;
}




.template03 th.system {
	width: 32%;
}

.template03 th.name {
	width: 23%;
}

.template03 th.faction {
	width: 27%;
}

.template03 th.points {
	width: 9%;
	min-width: 100px;
}

.template03 th.notes {
	width: 9%;
	min-width: 100px;
}







.template05 th.system {
	width: 25%;
}

.template05 th.name {
	width: 25%;
}

.template05 th.race {
	width: 35%;
}

.template05 th.total {
	width: 10%;
}

.template05 th.notes {
	width: 10%;
}

.template05 th.stats,
.template05 td.stats {
	width: 5%;
}


/*
.template05 td.stats {
	width: 5%;
}
*/






/* Accounts events	*/

.events {
	max-width: 100%;
	overflow-x: scroll;
}

.events table {
	width: 100%;
}

.events table tr {
	overflow: hidden;
	line-height: 30px;
}

.events table th,
.events table td {
	text-align: left;
	vertical-align: top;
	padding-right: 10px;
}

.phone .events table th,
.phone .events table td {
	padding-right: 20px;
}

.events table th:nth-of-type(8n),
.events table td:nth-of-type(7n) {
	display: none;
}


/* Accounts Game tracker */

.game-tracker {
	overflow-x: scroll;
	max-width: 100%;
}

.game-tracker table {
	width: 100%; 
}

.game-tracker table td,
.game-tracker table th {
	vertical-align: top;
	text-align: left;
	border: 1px solid #90a8d1;
	padding: 2px;
}

.game-tracker table input,
.game-tracker table textarea {
	max-width: 100px;
	min-height: 30px;
	height: auto!important;
}

.game-tracker table caption {
	text-align: left;
}

.game-tracker .hasDatepicker,
.game-tracker select {
	width: 178px;
}

.phone #ui-datepicker-div {
	display: none;
	visibility: hidden;
}

#ui-datepicker-div {
	/* background: aqua; */
	background: #fff;
}

.ui-datepicker-header {
	margin: 5px;
}

.ui-datepicker-prev,
.ui-datepicker-next {
	text-align: center;
	padding: 5px;
	display: inline-block;
	cursor: pointer;
}

.ui-datepicker-calendar {
	width: 100%;
	/* background: fuchsia; */
	margin-bottom: 5px;
}

.ui-datepicker-calendar th,
.ui-datepicker-calendar td {
	text-align: center;
}

.ui-datepicker-calendar th span {
	color: #000;
}

.ui-datepicker-calendar td a {
	background: grey;
	padding: 2px;
	margin: 2px;
	display: inline-block;
	width: 20px;
	height: 20px;
	color: #fff;
	background-image: url("../images/orange-fade.png");
}

.ui-datepicker-calendar td a:hover {
	text-decoration: none;
	color: #000;
}

.game-tracker .save {
	float: right;
	margin: 1px 0 0 0;
}




/* Accounts results */

.results table {
	border-collapse: collapse;
	width: 100%;
	background: aqua;
}

.results caption {
	padding-bottom: 10px;
	border-bottom: 1px solid #aeaeae;
	margin-bottom: 10px;
}

.results caption select,
.results caption input {
	display: block;
	background-color: #FFF;
	border: 1px solid #CCC;
	width: 8%;
	padding: 0;
	float: left;
	margin: 0 0.1%;
	height: 30px;
	line-height: 30px;
}
.results caption input {
	height: 28px;
	line-height: 28px;
	padding: 0 2px;
}

.results caption select[name="results_Tournament"] {
	width: 11%;
}

.results caption select[name="ViewList"] {
	width: 10%;
}

/*
.results caption input[name="results_Date"] {
	width: 8%;
}
*/

.results table th,
.results table td {
	text-align: left;
	border: 1px solid #90a8d1;
	padding: 2px;
}

.results table th {
	background: #e5edf9;	
}

.results tr:nth-child(even) {
	background: #e5edf9;
}

.results tr:nth-child(odd) {
	background: #f0f7fd;
}

.results .results_ViewList {
	display: none;
}

span.page {
	cursor: pointer;
}

span.page.hidden {
	opacity: .2;
}

/*
.daterange {
	background: aqua;
}
*/

.results .prev,
.results .prev {
	padding: 5px;
}

.results caption input#dateFrom,
.results caption input#dateTo {
	width: 100px;
}


.results .daterange .close {
	float: left;
	line-height: 30px;
	padding-left: 5px;
	color: green;
	opacity: 1;
}


/* status colours */

.collection-manager table td.status {
	vertical-align: middle;
	text-align: center;
}

td.status.red {
	background: #f1c2af;
}

td.status.yellow {
	background: #fed993;
}

td.status.green {
	background: #e2edd8;
	color: green;
}


.btn {
	padding: 3px 12px;
	margin-top: -9px;
	text-transform: uppercase;
}

.price-variation .add-on {
	height: 30px;
}

.price-variation .error td input {
	border-color: #ccc !important;
}

.price-variation td.changed input {
	background-color: #fc5;
}

.price-variation td.error input {
	background-color: #fcc;
}

.price-variation th,
.price-variation td + td {
	text-align: center;
}

.collection-manager table select.addNew {
	width: 120px;
}
.collection-manager .display-category {
	font-weight: bold;
	background: #eee;
}
.collection-manager table.input {
	border: 0;
}
.collection-manager td.status i {
	visibility: hidden;
	cursor: pointer;
	padding: 0px 11px;
	display: inline-block;
}
.collection-manager td.status:hover i,
.phone .collection-manager td.status i,
.tablet .collection-manager td.status i {
	visibility: visible;
}

.icon-plus-sign {
	background-position: 0px -96px;
}

.icon-minus-sign {
	background-position: -24px -96px;
}

.phone td.stats i, span.tier i,
.tablet td.stats i, span.tier i {
	visibility: visible;
}

.phone .collection-wrap td.status {
	min-width: 80px;
}

.tablet .collection-wrap td.status {
	min-width: 90px;
}

.computer .collection-wrap td.status {
	min-width: 100px;
} 



.c-sort {
	cursor: ns-resize;
}






/* Bespoke Case filler */

/*
.faded {
	opacity: .3;
}

.faded .faded {
	opacity: 1;
}
*/

.bespoke-case-filler .left-col,
.bespoke-case-filler .center-col,
.bespoke-case-filler .right-col {
	float: left;
	width: 32%;
	margin-right: 2%;
	overflow: hidden;
}

.bespoke-case-filler .center-col,
.bespoke-case-filler .right-col {
	margin-top: 30px;
}

.phone.portrait .bespoke-case-filler .left-col,
.phone.portrait .bespoke-case-filler .center-col,
.phone.portrait .bespoke-case-filler .right-col {
	float: none;
	width: 100%;
	margin-right: 0;
	overflow: hidden;
}

.phone.portrait .bespoke-case-filler .center-col,
.phone.portrait .bespoke-case-filler .right-col {
	margin-top: 20px;
}

.bespoke-case-filler .right-col {
	margin-right: 0;
}

.bespoke-case-filler #cases-wrap {
	overflow: auto;
	background: none;
	padding: 0;
	margin: 0;
}

input[name="search"] {
	width: 30px;
}

.bespoke-case-filler .btn {
	width: 100%;
	margin: 0px 0 5px 0;
}

.bespoke-case-filler select,
.bespoke-case-filler textarea {
	display: block;
	width: 100%;
}

.bespoke-case-filler input[name="search"] {
	display: none;
}

.bespoke-case-filler textarea {
	min-height: 100px;
}

.bespoke-case-filler #cases {
	padding: 0;
	background: #93afdd;
	/* width: 173px; */
}

.bespoke-case-filler #cases .slider {
	height: 470px;
}

.bespoke-case-filler select option[disabled=""] {
	display: none;
}

.bespoke-case-filler .disclaimer-tray-type p {
	min-height: 100px;
}

.disclaimer-tray-type-phone,
.phone .disclaimer-tray-type {
	display: none;
}

.phone .disclaimer-tray-type-phone,
.disclaimer-tray-type {
	display: block;
}








.slider-up {
	width: 100%;
	background: url('../images/case-tray-up-down.png') no-repeat bottom center;
	height: 28px;
	cursor: pointer;
}

.slider-down {
		background: url('../images/case-tray-up-down.png') no-repeat top center;
		height: 28px;
		cursor: pointer;
}

.bespoke-case-filler #cases .slider .slide p {
	color: #fff;
}

.bespoke-case-filler #cases .slider .slide:hover img {
	border: 1px solid yellow;
	cursor: pointer;
}

.bespoke-case-filler #cases .slider .slide.active img {
	border: 1px solid #000;
}


.bespoke-case-filler #tray-free-text {
	margin-top: 30px;
}

.bespoke-case-filler .choose-colours-box {
	margin-top: 30px;
}

.phone.portrait .bespoke-case-filler #tray-free-text,
.phone.portrait .bespoke-case-filler .choose-colours-box {
	margin-top: 20px;
}

/*
.bad-trays {
	display: none;
}
*/

.bespoke-case-filler .good {
	color: green;
}

.bespoke-case-filler .bad {
	color: red;
}

.top-center-right {
	overflow: auto;
	width: 66%;
	float: left;
	margin-top: 10px;
	padding: 5px;
	border: 1px solid #1D4873;
}

.phone .top-center-right {
	width: 100%;
	margin-bottom: 10px;
}

.case-image-wrap {
	width: 49%;
	float: left;
}

.case-description-wrap {
	width: 49%;
	float: right;
}

.case-description {
	position: relative;
	padding-right: 10px;
	overflow: hidden;
	margin-bottom: 15px;
}

.case-description p + p,
.case-description blockquote,
.case-description i {
	display: none;
}

.phone .case-image-wrap,
.phone .case-description-wrap {
	width: 100%;
	float: none;
}

.bespoke-case-filler #caseImage {
	width: 100%;
	
}

.bespoke-price {
	margin-top: 86px;
}

.bespoke-price p {
	width: auto;
	padding-right: 20px;
	position: relative;
	float: left;
}

.bespoke-price .colour-btn {
	width: 14px;
	height: 14px;
	border-radius: 10px;
	display: inline-block;
	position: absolute;
	top: 3px;
	right: 0;
}

.phone .bespoke-price {
	margin-top: 0px;
}

.bespoke-case-filler h3#caseCost {
	color: green;
	font-size: 20px;
}

.bespoke-case-filler .btn.disabled {
	opacity: .3;
}

.bespoke-case-filler #caseDescription {
	display: block;
	margin-top: 3px;
	font-size: 14px;
}

.phone .bespoke-case-filler #caseDescription {
	font-size: 16px;
}




/* LIST PAGES */

img[src="/_main.jpg"],
img[src="/_tablet.jpg"],
img[src="/_phone.jpg"] {
	display: none!important;
}

.pre-h1 {
	max-height: 120px;
		margin-bottom: 20px;
		display: none;
}

.computer .pre-h1.main-banner,
.tablet.landscape .pre-h1.main-banner,
.tablet.portrait .pre-h1.tablet-banner,
.phone.landscape .pre-h1.tablet-banner,
.phone.portrait .pre-h1.phone-banner {
	display: block;
	width: 100%;
	background: url(../../../images/mansysarmy/default_main.jpg) no-repeat 50% 50%;
	background-size:100% 100%;
}

.computer .pre-h1.main-banner {
	height: 120px;
}

.phone.landscape .pre-h1.tablet-banner,
.tablet.portrait .pre-h1.tablet-banner {
	background: url(../../../images/mansysarmy/default_tablet.jpg) no-repeat 50% 50%;
	background-size:100% 100%;
}

.phone.portrait .pre-h1.phone-banner {
	background: url(../../../images/mansysarmy/default_phone.jpg) no-repeat 50% 50%;
	background-size:100% 100%;
}



.product-list-header {
	overflow: hidden;
}

.product-list-header h2 {
	float: left;
	width: 68%;
}

.phone.landscape .product-list-header h1 {
	float: left;
	width: 58%;
}

.phone.portrait .product-list-header h1 {
	float: none;
	width: 100%;
}

.product-list-filters {
	min-height: 100px;
}

.product-list-filters,
.case-in-set,
.tray-in-set,
.tool-box {
	background: url(../images/filter-bg-gadient.png) 0 0 repeat-x #f09849;
	padding: 10px 10px 0 10px;
	border: 1px solid #874101;
	border-radius: 7px;
	margin: -1em 0 5px;
	/* width: 200px; */
}

.tool-box {
	/*
position: absolute;
	top: 25px;
	right: 20px;
*/
	float: right;
	width: 30%;
	margin: 0;
	padding: 10px;
	text-align: center;
	color: #874101;
}

.close {
	display: none;
}

.phone.portrait .tool-box.expand .close {
	display: block;
	position: absolute;
	top: 15px;
	right: 10px;
	background: #000;
	color: #fff;
	padding: 5px;
	border-radius: 50px;
	width: 20px;
	height: 20px;
	overflow: hidden;
	opacity: 100%;
	line-height: 7px;
}

.kr-tools-title {
	display: none;
}

.phone.portrait .kr-tools-title {
	display: inline;
	cursor: pointer;
}

.phone.portrait .expand .kr-tools-title {
	display: none;
}

.phone.landscape .tool-box {
	width: 40%;
}

.phone.portrait .tool-box {
	float: right;
	width: 30%;
	margin-bottom: 10px;
}

.phone.portrait .tool-box.expand {
	float: none;
	width: 100%;
	margin-bottom: 10px;
}

.tool-box h3 {
	color: #874101;
}

.tool-box a {
	display: inline-block; 
	color: #874101;
	font-weight: bold;
	padding: 2px 5px;
	font-family: 'Open Sans', 'Helvetica, Arial', sans-serif;
	font-size: 16px;
}

.phone .tool-box a {
	padding: 2px 10px;
}

.phone.portrait .tool-box a {
	display: none;
}

.phone.portrait .tool-box.expand a {
	display: inline-block; 
}

.phone .product-list-filters {
	padding-bottom: 10px;
	margin-bottom: -20px;
}

.product-list-filters h2 {
	color: #874101;
}

span.product-list-detailed-search {
	float: right;
	clear: none;
	color: #1D4873;
	cursor: pointer;
}

.product-list-filters span.only-select,
.product-list-filters span.blank-select,
.product-list-filters span.select {
	width: 25%;
	display: inline-block;
	margin: 0 0 10px 0%;
	padding: 0 2px;
}

/* .product-list-filters span.select:nth-of-type(1), */
/*
.product-list-filters span.select:nth-of-type(5n) {
	margin-right: 0;
}

.product-list-filters .detailed-filters span.select:nth-of-type(4n) {
	margin-right: 0;
}

.product-list-filters .detailed-filters span.select:nth-of-type(5n) {
	margin: 0 1% 10px 0%;
}

.product-list-filters .detailed-filters span.select:nth-of-type(1) {
	margin-right: 1!important%;
}
*/

.product-list-filters select {
	border: 1px solid #874101;
	margin-bottom: 0;
	white-space: nowrap;
	overflow: hidden;
}

.product-list-filters select.filter-selected {
	background-color: #ffffff;
}

/*
.product-list-filters span.select+span.select {
	margin-left: 1%;
}
*/

.product-list-filters select {
	width: 100%;
}

.tablet.portrait .product-list-filters span.select {
	width: 50%;
}

.tablet.portrait .product-list-filters span.select:nth-of-type(3n) {
	margin-right: 0;
}

.tablet.portrait .list-options h1 {
	margin: 0;
}

.phone .product-list-filters .select {
	width: 100%;
	margin-bottom: 10px;
}

.phone .product-list-filters .select select {
	width: 100%;
	margin: 0;
}


.detailed-filters {
	overflow: hidden;
}





.list-options {
	overflow: hidden;
	margin-top: 15px;
}

.list-options h1 {
	float: left;
	clear: none;
	display: block;
	margin-top: 28px;
	max-width: 50%;
}

.phone .list-options h1,
.tablet.portrait .list-options h1 {
	max-width: 100%;
	width: 100%;
	clear: both;
}

.list-controls {
	float: right;
	clear: none;
	text-align: right;
	overflow: hidden;
}

.phone .list-controls {
	float: none;
	clear: both;
	text-align: left;
	width: 100%;
	margin: 0;
}

.products-found {
	display: block;
	clear: both;
	color: #777;
	font-size: 13px;
	margin-bottom: 7px;
}

.products-wrap {
	position: relative;
}
.loading {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	text-align: center;
}

.search-loading {
	position: relative;
	text-align: center;
	display: inline-block;
}

/*
.search-loading img {
	
}
*/

.search-loading img.over {
	position: absolute;
	left: 0;
	top: 0;
}



span.list-view,
span.grid-view {
	display: block;
	float: left;
	width: 26px;
	height: 26px;
	margin-right: 10px;
	background: url(../images/grid-icon.png) no-repeat 0 100%;
	cursor: pointer;
	margin-top: 2px;
}

.phone span.list-view,
.phone span.grid-view {
	display: none;
}

span.list-view {
	background: url(../images/list-icon.png) no-repeat 0 100%;
}

span.grid-view.active,
span.list-view.active {
	background-position: 0 0;
}

.list-controls select {
	width: 200px;
	margin-right: 10px;
	float: left;
}

.phone.portrait .list-controls select {
	width: 100%;
}

.list-controls select:last-of-type {
	margin-right: 0;
}

.list-controls .count {
	text-align: center;
	width: 65px;
}

.list-controls label {
	display: inline;
	float: left;
	line-height: 29px;
	padding-right: 4px;
}

.product-buttons.tray {
	/* overflow: hidden; */
	text-align: center;
}

.colour-selection .colour-btn,
.tray-colour-choice .colour-btn {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 3px;
	border: 1px solid #000;
	cursor: pointer;
	border-radius: 50%;
}

.colour-btn.active,
.colour-btn:hover {
	border: 1px solid #fff;
}

.phone .colour-btn.active,
.phone .colour-btn:hover,
.tablet .colour-btn.active,
.tablet .colour-btn:hover {
	opacity: 1;
}

.phone .colour-selection .colour-btn {
	width: 20px;
	height: 20px;
	border-radius: 10px;
	margin: 0 10px 10px 0;
}

.products .colour-selection .colour-btn:nth-of-type(10n) {
	margin-right: 0;
}

.tablet.portrait .products .colour-selection .colour-btn:nth-of-type(10n) {
	margin-right: 3px;
}

.tablet.portrait .products .colour-selection .colour-btn:nth-of-type(8n) {
	margin-right: 0;
}


/* Grid view */

.products.grid-view .all-armies {
	display: none;
}

.products.grid-view .gallery-colours {
	display: none
}

/* List View */

.products.list-view .product {
	width: 100%;
	margin-right: 0;
	padding-top: 20px;
	border-top: 1px solid #aeaeae;
	margin-bottom: 20px;
}

.products.list-view .image-holder,
.products.list-view .colour-selection-stand-alone {
	display: none;
}

.products.list-view .gallery .visual-slider {
	min-height: 186px;
	background: url('/images/product/no-image.jpg') no-repeat;
	background-size: cover;
}

.products.list-view .gallery-colours {
	display: block;
	width: 250px;
	float: left;
	margin-right: 20px;
	/* min-height: 150px; */
}

.products.list-view .gallery-colours .visual-slider {
	position: relative;
	overflow: auto;
	display: block;
}

.products.list-view .gallery-colours .v-slide img {
	min-height: 100px;
}

.image.v-slide {
	position: relative;
}

.image.v-slide .tray-count {
	position: absolute;
	top: 10px;
	left: 10px;
	background: #000;
	color: #fff;
	padding: 5px;
	border-radius: 50%;
}

.products.list-view .gallery-colours .colour-selection {
	clear: both;
	padding-top: 10px;
}

.products.list-view .colour-selection .colour-btn:nth-of-type(10n) {
	margin-right: 3px;
}

.products.list-view .description {
	width: auto;
	height: auto!important;
	/* float: left */
}

.products.list-view .all-armies {
	display: block;
	padding-bottom: 50px;
}

.products.list-view .action-buttons-wrap {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 30%;
}

.products.list-view .btn {
	padding: 5px;
}



/*
.products.list-view .product h3,
.products.list-view .product p {
	float: left;
}
*/








.pagination {
	text-align: center;
	max-width: 90%;
	margin: 0 5% 0 5%;
}

.phone .pagination {
	padding-bottom: 20px;
}

.pagination span.page-button {
	padding: 0 3px;
	cursor: pointer;
	padding: 10px;
	color: 
}

.pagination span.page-button.active {
	font-weight: bold;
	color: green;
	text-decoration: underline;
}

.pagination span.end {
	margin-right: none;
}

.phone .pagination span.page-button {
	font-size: 18px;
}

.tray-size-group {
	overflow: hidden;
	clear: both;
	padding: 20px 20px 0 20px;
	border: 1px solid #aeaeae;
	border-radius: 4px;
	margin-bottom: 15px;
}

.suggested {
	padding: 5px;
	border: 1px solid green;
	background: #d0ddcf;
}

.suggested a {
	color: green;
}

.trayguide .tray.suggested img,
.trayguide .set.suggested img {
	border: 2px solid green;
}

/*
.suggested p.description {
	color: inherit;
}
*/

.products {
	/* background: aqua; */
	overflow: hidden;
	margin-top: 20px;
}

.products .product,
.trayguide .tray, .trayguide .set,
.case-filler-wrap .set {
	position: relative;
	width: 18%;
	float: left;
	margin: 0 2.50% 50px 0;
}

.case-filler-wrap .set {
	margin: 10px 2.50% 0 0;
	min-height: 225px;
}

.fillsets .set.no-add {
	display: none !important;
}

.phone.landscape .case-filler-wrap .set {
	width: 49%;
	margin-right: 2%;
	float: left;
}

.phone.landscape .case-filler-wrap .set.end-of-line {
	margin-right: 0;
}

.phone .products .product,
.phone .trayguide .tray, 
.phone .trayguide .set {
	width: 100%;
	margin: 0 0 20px 0;
}

.phone.landscape .products .product,
.phone.landscape .trayguide .tray, 
.phone.landscape .trayguide .set {
	width: 49%;
	margin: 0 2% 20px 0;
	float: left;
}

.phone.landscape .products .product:nth-of-type(odd),
.phone.landscape .trayguide .tray:nth-of-type(odd),
.phone.landscape .trayguide .set:nth-of-type(odd) {
	clear: left;
}

.phone.landscape .products .product:nth-of-type(even),
.phone.landscape .trayguide .tray:nth-of-type(even),
.phone.landscape .trayguide .set:nth-of-type(even) {
	margin-right: 0;
}

.computer .products .product:nth-of-type(5n),
.tablet .products .product:nth-of-type(5n),
.computer .trayguide .tray:nth-of-type(5n),
.computer .trayguide .set:nth-of-type(5n),
.tablet .trayguide .tray:nth-of-type(5n),
.tablet .trayguide .set:nth-of-type(5n) {
	margin-right: 0;
}

.computer .products .product:nth-of-type(5n+1),
.tablet .products .product:nth-of-type(5n+1),
.computer .trayguide .tray:nth-of-type(5n+1),
.tablet .trayguide .tray:nth-of-type(5n+1),
.computer .trayguide .set:nth-of-type(5n+1),
.tablet .trayguide .set:nth-of-type(5n+1) {
	clear: left;
}


.products .product .image-holder,
#case-filler .image-holder,
.trayguide .tray img,
.trayguide .set img {
	position: relative;
	border: 1px solid #1d4873;
	margin-bottom: 5px;
}

.phone .products .product .image-holder img,
#case-filler .image-holder img,
.phone .trayguide img {
	width: 100%;
	float: none;
}

.products .product .image-holder .price,
.products.list-view .gallery-colours .visual-slider .price,
#case-filler .image-holder .name {
	background: #1d4873;
	color: #fff;
	padding: 3px 5px;
	position: absolute;
	top: 0;
	right: 0;
	border-radius: 0 0 0 5px;
}

.products .product .image-holder
.products .product .image-holder span.info,
.products .product .image-holder span.product-info,
.products.list-view .gallery-colours .visual-slider .product-info,
#case-filler .image-holder .size {
	background: #ffd279;
	color: #dc7a1d;
	padding: 3px 5px;
	position: absolute;
	bottom: 0;
	right: 0;
	border-top: 1px;
	border-right: 0;
	border-bottom: 0;
	border-left: 1px;
	border-style: solid;
	border-color:	#dc7a1d;
	border-radius: 5px 0 0 0;
}

.list-product-size {
	background: #e3e3e3;
	color: #666;
	padding: 3px 5px;
	position: absolute;
	bottom: 0;
	left: 0;
	border-top: 1px;
	border-right: 1px;
	border-bottom: 0;
	border-left: 0;
	border-style: solid;
	border-color:	#666;
	border-radius:  0 5px 0 0;
}

.detail-product-size {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	background: #1D4873;
	color: #fff;
	text-align: center;
	padding: 3px;
	word-wrap: normal;
	white-space: normal;
}

.products .product h3 {
	margin-bottom: 3px;
}

.products .product p.description {
	height: 4.5em;
	overflow: hidden;
	margin-top: 5px;
}

.tablet .products .product p.description {
	height: 3em;
	overflow: hidden;
	margin-top: 5px;
}

.phone .products .product p.description {
	height: auto;
	overflow: hidden;
	margin-top: 5px;
}

.products .product p {
	color: #1d4873;
	font-size: 14px;
}

.products .product p.colour-selection {
	min-height: 40px;
}

.product-buttons .btn {
	width: 49%;
	float: left;
	clear: none;
	margin: 0 2% 3px 0;
	padding: 1px;
	font-size: 8.5px;
	line-height: 12px;
}

.product-buttons .btn.quick-fill,
.product-buttons .btn.trayselector,
.product-buttons .btn.bespoke {
	text-transform: none;
	font-size: 10px;
}

.product-buttons.qfcase .btn.quick-fill {
	width: 100%;
}

.tablet .product-buttons .btn {
	line-height: 30px;
	height: 30px;
}

.phone .product-buttons .btn {
	width: 100%;
	padding: 5px;
	margin: 0 0 10px 0;
	font-size: 16px;
	line-height: normal;
}

.add-bench {
	position: relative;
}

.add-bench .add-bench-wrap {
	position: absolute;
	top: -1px;
	left: -1px;
	border: 1px solid #AD6704;
	background: #fff;
	padding: 10px;
	z-index: 1000;
	text-align: left;
	width: 300px;
}

.add-bench .add-bench-wrap .bench {
	color: #1D4873;
	font-weight: bold;
}

.benchwrap {
	display: block;
}

.benchwrap + .benchwrap {
	padding-top: 20px;
}

.add-bench .add-bench-wrap .bench .case,
.add-bench .add-bench-wrap.cases .bench {
	display: block;
	margin: 0 0 10px 20px;
	text-decoration: underline;
}

.add-bench .add-bench-wrap .bench .case:last-child,
.add-bench .add-bench-wrap.cases .bench:last-child {
	margin-bottom: 0;
}

.product-buttons.tray .btn.add-bench {
	width: 100%;
	margin-right: 0;
}

.product-buttons .btn:nth-of-type(2n) {
	margin-right: 0;
}

.benchwrap span {
	display: block;
	font-size: 12px;
	line-height: 1.5em;
	color: #000;
}

.phone .benchwrap span {
	margin-bottom: 15px;
}


#currencies span {
	opacity: .5;
}

#currencies span.active {
	opacity: 1;
}


/*
.products .product .image-holder img {
	display: block;
}
*/






/* Product Details */

.product-details .standard-case-price {
	display: inline-block;
	background: #aeaeae;
	padding: 5px;
	margin: 0 6px 6px 0;
	color: #fff;
	border-radius: 3px;
}

.phone .product-details .standard-case-price {
	width: 100%;
	text-align: center;
}

.product-details {
	float: left;
	clear: none;
	width: 80%;
}

.product-details h1 {
	float: left;
}

.product-details #modellist {
	font-style: italic;
	height: 3em;
	line-height: 1.5em;
	overflow: hidden;
	position: relative;
	color: #928c9;
}

.product-details #modellist span.model {
	color: #555;
	font-style: normal;
}

.product-details #modellist.readingmore {
	height: auto;
}

.product-details #modellist span {
	padding: 0 10px;
	height: 3em;
	cursor: help;
	font-weight: normal;
}

.product-details #modellist span.readmore {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	background: #F0F7FD;
	height: 1.6em;
	padding: 2px 2px 2px 12px;
	color: #08c;
}

.product-details #modellist.readingmore span.readmore {
	display: inline;
	position: relative;
	background: #F0F7FD;
}

.product-details #modellist span.readmore:hover {
	background-color: #F0F7FD;
	cursor: pointer;
	text-decoration: underline;
}

/* .product-details #modellist .highlight,
.product-details .modellist.highlight,
.product-details #modellist span:hover,
.product-details .description ul ul ul li span:hover {
	background: yellow;
} */

.product-details #modellist span:first-of-type {
	padding: 0 10px 0 0;
}

.product-details #modellist .modellist span:last-of-type {
	padding: 0 0 0 10px;
}

.product-details .price {
		line-height: 29px;
		height: 28px;
		display: block;
		float: left;
		/* background: #ff9b00; */
		background: #aeaeae;
		margin: 2px 10px;
		border-radius: 3px;
		color: #fff;
		padding: 0px 5px;
		font-weight: bold;
}

.product-details .action-buttons-wrap .btn {
	margin: 2px 5px 2px 0;
}

.product-details .action-buttons-wrap .btn.quick-fill,
.product-details .action-buttons-wrap .btn.bespoke,
.product-details .action-buttons-wrap .btn.trayselector,
.product-details .action-buttons-wrap .btn.prefilled {
	/* margin-right: 0px; */
	text-transform: none;
	font-size: 12px;
}

.phone .product-details h1 {
	margin-bottom: 3px;
}

.phone .product-details .price {
	height: auto;
	line-height: normal;
	margin: 0 0 5px 0;
	float: none;
	clear: both;
	text-align: center;
	padding: 5px;
}

.product-details h2 {
	clear: both;
}

.phone .product-details {
	width: 100%;
}

.nextprev-product {
	float: right;
}

.nextprev-product a {
	display: block;
	float: left;
	padding: 3px;
	color: #fff;
	background: #1D4873;
	border-radius: 3px;
}

.nextprev-product a span {
	font-size: .8em;
}

.nextprev-product a:first-of-type {
	margin-right: 5px;
}

.svg-visual-slider {
	position: relative;
	margin-top: 35px;
	/* overflow: hidden; */
}

.svg-wrap {
	width: 49%;
	position: relative;
	float: left;
	padding: 4px;
	border: 1px solid #999;
	margin-right: 2%;
	/* min-height: 110px; */
	/* margin-bottom: -60px; */
}

.phone.portrait .svg-wrap {
	width: 100%;
	margin: 0 0 0px 0;
}

.phone.landscape .svg-wrap {
	margin: 0 2% 70px 0;
}

.base-back.half {
	background-image: url(../images/svg-back-boards/half.png);
}

.base-back.quarter {
	background-image: url(../images/svg-back-boards/quarter.png);
}

.base-back.threequarter {
	background-image: url(../images/svg-back-boards/threequarter.png);
}

.base-back.third {
	background-image: url(../images/svg-back-boards/third.png);
}

.base-back.twothird {
	background-image: url(../images/svg-back-boards/twothird.png);
}

.base-back.fifth {
	background-image: url(../images/svg-back-boards/fifth.png);
}


#zoom-wrap {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	/* position: relative; */
	z-index: 100;
}

#zoom-contents {
	position: relative;
	overflow: auto;
	background: #000;
	text-align: right;
	padding: 15px 15px 15px 15px;
	box-sizing: border-box;
	border-radius: 5px;
	/* margin: 20px; */
}

#zoom-contents .svg-board {
	background: #666;
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 0;
}

#zoom-contents	.visual-slider {
	border: none;
}

#zoom-contents .zoom-icon {
	display: none;
}

.zoom-icon {
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 10;
	width: 59px;
		height: 50px;
		background: url(../images/magnifying-glass.png) 0 0;
		display: block;
		cursor: pointer;
}

.zoom-close,
.ts-tcm-dynamictrays-close,
.ts-tcm-cslo-close,
.ts-tray-info-close,
.ts-tsi-co-close,
.ts-bc-cco-close {
	position: absolute;
	top: 5px;
	right: 0;
	width: 30px;
	height: 30px;
	background: url(../images/close-zoom.png) 0 0;
	z-index: 1;
	cursor: pointer;
}

.ts-tcm-cslo-close,
.ts-tsi-co-close,
.ts-bc-cco-close {
	text-indent: -5000px;
	overflow: hidden;
	right: 5px;
}

svg.zoom {
	position: relative;
	transform-origin: 50% 0;
	margin: 0 auto;
}

.phone svg.zoom {
	transform-origin: 0 0;
}

.svg {
	position: relative;
	width: 400px;
	width: 49%;
	height: 300px;
	perspective: 900px;
		-moz-perspective: 900px;
		-webkit-perspective: 900px;
	perspective-origin: 50% -75%;
		-moz-perspective-origin: 50% -75%;
		-webkit-perspective-origin: 50% -75%;
	padding-top: 33px;
	z-index: 1;
}

.svg.svgheight_1 {
	height: 259px;
	margin-top: 30px;
	margin-bottom: -11px
	perspective-origin: 50% -75%;
		-moz-perspective-origin: 50% -75%;
		-webkit-perspective-origin: 50% -75%;
}

.svg.svgheight_2 {
	padding-top: 83px;
	height: 289px;
}

.svg.svgheight_4 {
	height: 330px;
	margin-top: 320px;
	margin-bottom: -11px;
	perspective-origin: 50% -175%;
		-moz-perspective-origin: 50% -175%;
		-webkit-perspective-origin: 50% -175%;
}


.phone.landscape .svg.svgheight_1 {
	margin-top: 5px;
	margin-bottom: -61px
}

.phone.portrait .svg {
	width: 100%;
	height: 200px;
	clear: both;
	transform:scale(0.8); 
	-webkit-transform:scale(0.8);
	-moz-transform:scale(0.8);
	-ms-transform:scale(0.8);
	-o-transform:scale(0.8);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	padding-top: 55px;
	margin: -12px 0 20px 0;
}

.phone.portrait .svg.svgheight_2 {
	padding-top: 105px;
	margin: -12px 0 65px 0;
}

.phone.landscape .svg {
	height: 250px;
	transform:scale(0.7); 
	-webkit-transform:scale(0.7);
	-moz-transform:scale(0.7);
	-ms-transform:scale(0.7);
	-o-transform:scale(0.7);
	transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	padding-top: 45px;
}

.phone.landscape .svg.svgheight_2 {
	padding-top: 105px;
	margin: -12px 0 -15px 0;
}

.tablet.portrait .svg {
	transform:scale(0.77); 
	-webkit-transform:scale(0.77);
	-moz-transform:scale(0.77);
	-ms-transform:scale(0.77);
	-o-transform:scale(0.77);
	transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	padding-top: 50px;
}

.svg > figure, .svg > svg.main {
	position: absolute;
	transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%;
}

.svg-colours {
	float: left;
	margin-left: 20px;
}

.phone .svg-colours,
.tablet .svg-colours {
	margin-top: 10px;
	margin-left: 0;
}

.tablet.portrait .svg-colours {
	bottom: 0;
}

.svg + .svg-colours {
	position: absolute;
	bottom: -40px;
	z-index: 2;
	margin-left: 0;
}

.phone.portrait .svg-colours {
	position: relative;
	bottom: auto;
}


/*
.phone.portrait .svg-colours {
	margin-top: 0px;
}
*/

.phone.landscape .svg-colours {
	bottom: -70px
}

.svg-colours .colour-selection {
	margin-bottom: 0;
}


.visual-thumbs img {
	/* width: 15.8%; */
	display: block;
	float: left;
	margin: 1% 1.04% 0 0;
	cursor: pointer;
	border: 1px solid #999;
	height: 45px;
}

.visual-thumbs img:hover {
	border: 1px solid #000;
}

.visual-thumbs img:nth-of-type(6n) {
	margin-right: 0px;
}

.visual-thumbs .tray-count {
	display: none;
}





.visual-slider {
	white-space: nowrap;
	border: 1px solid #999;
	overflow: hidden;
	background: #000;
}

/*
.computer .visual-slider {
	height: 258px;
}
*/

.vslide {
	display: inline-block;
	/* width: 49%; */
	width: 100%;
}

.vslide img {
	width: 100%;
}

.phone.portrait .svg-visual-slider .visual {
	margin-left: 0;
}

.visual-slider .video {
	position: relative;
	height: 0px;
	overflow: hidden;
	padding-bottom: 56.25% !important;
	padding-top: 0px !important;
}

.visual-slider .video iframe {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.svg-visual-slider .visual {
	position: relative;
	width: 49%;
	float: left;
	overflow: hidden;
}


.cases .svg-visual-slider .visual {
	margin-left: 2%;
}




.phone.portrait .svg-visual-slider .visual {
	width: 100%;
	float: none;
	overflow: hidden;
	padding-top: 5px;
}

.product-details .colour-selection .colour-btn {
	width: 20px;
	height: 20px;
	border-radius: 10px;
	margin: 0 5px 0 0;
}





.phone.portrait .product-details .gallery,
.phone.portrait .product-details .video {
	width: 100%;
	min-height: 100px;
	float: left;
	overflow: hidden;
}

.phone.portrait .product-details .gallery img,
.phone.portrait .product-details .video img {
	width: 100%;
}

.product-details .description,
.search-product-details {
	clear: both;
	/* overflow: hidden; */
	/* padding-top: 20px; */
	/* min-height: 286px; */
}

.product-details .description ul,
.search-product-details ul {
	list-style: none;
	margin-bottom: 10px;
}

.atu-more > span {
	background: url(../images/icon-plus.png) no-repeat 0 50%;
}

.atu-less > span {
	background: url(../images/icon-minus.png) no-repeat 0 50%;
}

.product-details .description ul .hidden,
.search-product-details ul .hidden {
	display: none;
}

/* remove .search-product-details ul span, below once new search is running */

.product-details .description ul span,
.search-product-details ul span,
.search-product-details ul .army-products {
	cursor: pointer;
	padding: 4px 0 4px 15px;
}

.product-army::last-of-type {
	margin-right: 15px;
}

.show-more-products {
	margin-right: 15px;
	color: #08c;
	white-space: nowrap;
}

li.atu-more > span:hover {
	cursor: zoom-in;
}

li.atu-less > span:hover {
	cursor: zoom-out;
}

.product-details .description ul ul span,
.search-product-details ul ul span {
	padding: 1px 0 1px 15px;
}

.product-details .description ul ul,
.search-product-details ul ul {
	/* list-style: square; */
	margin: 0 0 15px 20px;
}

.product-details .description ul li,
.search-product-details ul li {
	margin-top: 10px;
}

.description ul {
	margin-bottom: 0 !important;
}

/* remove margin-left: 15px; */

.product-details .description ul li a,
.search-product-details ul li a {
	margin-left: 15px;
	white-space: nowrap;
	float: none;
	margin-right: 0;
}

.product-details .description ul li span img,
.search-product-details ul li span img {
	margin-right: 5px;
}

.case-in-set,
.tray-in-set {
	position: relative;
	float: left;
	width: 19%;
	margin: 10px 0 0 1%;
	padding: 13px 0 13px 13px;
}

.phone.landscape .case-in-set,
.phone.portrait .case-in-set,
.phone.landscape .tray-in-set,
.phone.portrait .tray-in-set {
	clear: both;
	width: 100%;
	height: 150px;
	overflow: hidden;
	margin: 10px 0 0 0;
}

.case-in-set p,
.tray-in-set p {
	color: #874101;
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
}

.case-in-set .set a,
.tray-in-set .set a {
	color: #000;
}

.case-in-set-up,
.case-in-set-down,
.tray-in-set-up,
.tray-in-set-down {
	background: aqua;
	cursor: pointer;
	height: 35px;
}

.case-in-set-up,
.tray-in-set-up {
	background: url(../images/tray-in-set-up.png) no-repeat;
	background-position: 50% 0;
}

.case-in-set-down,
.tray-in-set-down {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: url(../images/tray-in-set-down.png) no-repeat #f09849;
	background-position: 50% 50%;
	padding-bottom: 10px;
	z-index: 1;
}

.product-details .description .btn-mini {
	margin: 10px 5px 10px 0;
}

.phone .action-buttons-wrap .btn {
	width: 100%;
	font-size: 16px;
	padding: 5px;
	margin-bottom: 3px;
}

.also-bought,
.save-later {
	background: url(../images/blue-gadient.png) 0 0 repeat-x #6e92cc;
	padding: 10px 10px 0 10px;
	border: 1px solid #44639b;
	border-radius: 7px;
	position: relative;
	clear: both;
	width: 100%;
	height: 160px;
	overflow: hidden;
	margin-top: 15px;
}

.save-later .colour {
		background-color: rgb(1, 84, 190);
		width: 13px;
		height: 13px;
		display: inline-block;
		margin-right: 5px;
		border-radius: 7px;
		margin-top: 5px;
}

.save-later .colour+span {
	line-height: 20px;
}

body.tablet.portrait .also-bought {
	height: 145px;
}

body.phone.landscape .also-bought {
	height: 145px;
}

.phone.portrait .also-bought {
	height: 240px;
}

.phone.portrait .case-in-set,
.phone.portrait .tray-in-set {
	height: 220px;
}


.also-bought-left,
.also-bought-right,
.phone.landscape .case-in-set-up,
.phone.landscape .case-in-set-down,
.phone.portrait .case-in-set-up,
.phone.portrait .case-in-set-down,
.phone.landscape .tray-in-set-up,
.phone.landscape .tray-in-set-down,
.phone.portrait .tray-in-set-up,
.phone.portrait .tray-in-set-down {
	background: fuchsia;
	display: block;
	width: 5%;
	height: 98px;
	cursor: pointer;
}

.also-bought-left {
	float: left;
	background: url(../images/also-bought-left.png) 50% 0 no-repeat;
}

.also-bought-right {
	float: right;
	background: url(../images/also-bought-right.png) 50% 0 no-repeat;
	position: relative;
}

.phone.landscape .case-in-set-up,
.phone.portrait .case-in-set-up,
.phone.landscape .tray-in-set-up,
.phone.portrait .tray-in-set-up {
	float: left;
	background: url(../images/sets-left.png) 50% 0 no-repeat;
}

.phone.landscape .case-in-set-down,
.phone.portrait .case-in-set-down,
.phone.landscape .tray-in-set .tray-in-set-down,
.phone.portrait .tray-in-set .tray-in-set-down {
	float: right;
	background: url(../images/sets-right.png) 50% 0 no-repeat;
	position: relative;
}

.case-in-set .sets,
.tray-in-set .sets {
	text-align: center;
	color: #fff;
	padding: 0 3px 0 0;
	max-height: 700px;
	overflow-y: scroll;
}

.case-in-set .set,
.tray-in-set .set {
	max-height: 155px;
	overflow: hidden;
}

.set-slide {
	position: relative;
}

.set-slide a {
	color: #874101;
}

.case-in-set .set,
.tray-in-set .set {
	margin-bottom: 10px;
}

.phone.landscape .case-in-set .sets,
.phone.portrait .case-in-set .sets,
.phone.landscape .tray-in-set .sets,
.phone.portrait .tray-in-set .sets {
	float: left;
	width: 90%;
	overflow: hidden;
	text-align: center;
	color: #fff;
}

.also-bought .alsos,
.save-later .slider {
	float: left;
	width: 90%;
	overflow: hidden;
	text-align: center;
	color: #fff;
}

.also-slide,
.save-later .slider .slides,
.phone .set-slide {
	white-space: nowrap;
	position: relative;
}

.also-slide .also,
.save-later .slider .slides .slide,
.phone .set-slide .set {
	display: inline-block;
	width: 18.3%;
	margin: 0 1.5% 20px 0;
}

.phone.portrait .also-slide .also,
.phone.portrait .save-later .slider .slides .slide {
	margin: -18px 1.5% 20px 0;
}

.phone.landscape .also-slide .also,
.phone.landscape .save-later .slider .slides .slide {
	margin-top: 10px;
}

.also-slide .also a,
.save-later .slider .slides .slide a {
	color: #fff;
}

.phone.portrait .also-bought .also,
.phone.portrait .case-in-set .set,
.phone.portrait .tray-in-set .set {
	width: 100%;
	float: none;
	clear: both;
	padding: 0 30px 0 0;
	margin-left: 5%;
}

/*
.phone.landscape .case-in-set .set:nth-of-type(5),
.phone.landscape .tray-in-set .set:nth-of-type(5) {
	margin-right: 0
}
*/

.also-bought p {
	color: #fff;
	text-transform: uppercase;
}

.phone.landscape .case-in-set p,
.phone.portrait .case-in-set p,
.phone.landscape .tray-in-set p,
.phone.portrait .tray-in-set p {
	text-transform: uppercase;
	text-align: left;
	font-size: 16px;
}


.description .accordian {
	cursor: pointer;
}

.description h4.accordian {
	font-size: 18px;
	border-top: 1px dotted #666;
	padding-top: 10px;
}

.description h4.accordian:first-of-type {
	border-top: 0;
}

.description h5.accordian {
	font-size: 16px;
	border-top: 1px dotted #666;
	padding-top: 10px;
	padding-left: 20px;
} 

.description h6.accordian {
	font-size: 15px;
	border-top: 1px dotted #666;
	padding-top: 10px;
	padding-left: 40px;
}

.description h6.accordian.expand {
	border-bottom: 0;
}

.description p.accordian {
	padding-left: 60px;
}


/* Basket-page */

.basket-page .out-of-stock-item-warning,
.basket-page p.out-of-stock-item .price,
.basket-page p.out-of-stock-item .product-code,
.basket-page p.out-of-stock-item .product-code a {
	color: red;
}

.basket-page div.tbody p.out-of-stock-item {
	background: #ffc1c1;
}

.basket-page .save-order {
	display: none;
}

.basket-page .product .parent,
.basket-page .product .child,
.basket-page .product .child-child {
	display: block;
	clear: both;
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
}

.basket-page .product .child {
	margin-left: 30px;
	width: auto;
}

.basket-page .product .child-child {
	margin-left: 60px;
	width: auto;
}


.basket-page .product .product-code {
	display: block;
	width: 100%;
	padding: 0;
}

.basket-page .parent .colour,
.basket-page .child .colour {
	display: block;
	padding: 5px 0 0 0;
	width: 100%;
	text-align: left;
}

.basket-page .parent .colour .colour-btn,
.basket-page .child .colour .colour-btn {
	margin-left: 5px;
}

/*
.basket-page .colour-selection {
	display: block;
	padding: 0;
	width: 100%;
}
*/

form.addVoucher input {
	text-transform: uppercase;
}

p.voucher {
	text-align: right;
}

p.voucher .voucher-code {
	display: block;
	margin-bottom: 5px;
}

p.voucher .voucher-price {
	display: inline;
}

.basket-page h1 span {
	padding-right: 10px;
}

.basket-page h1 span img {
	margin-bottom: 5px;
}

.basket-page div.table {
	display: table;
}

.basket-page div.thead > p, 
.basket-page div.tbody > p {
	display: table-row;
}

.basket-page div.thead > p > span,
.basket-page div.tbody > p > span {
	display: table-cell;
	border-bottom: 1px solid #84abd3;
}

.basket-page div.thead p {
	padding-bottom: 20px;
	padding: 10px 0;
	overflow: hidden;
	color: #1D4873;
}

.basket-page .btn.trayselector {
	margin-top: 10px;
	text-transform: none;
}

.bad-item-warning {
	color: #000;
}

.bad-item-warning span {
	background: #f5acb0;
	padding: 2px;
}

.basket-page div.tbody p.bad-item {
	background: red;
	opacity: .3;
}

.basket-page div.tbody p.bad-item .price {
	color: red;
}

.basket-page div.thead .colour {
	display: none;
}

.basket-page div.tbody p {
	overflow: hidden;
	clear: both;
	padding: 10px 0;
	border-bottom: 1px solid #1D4873;
}

.remove {
	display: block;
	float: left;
	width: 10px;
	height: 17px;
	background: url(../images/remove-icon.png) no-repeat 50% 50%;
	background-size: 100% auto;
	margin-right: 3px;
	cursor: pointer;
}

.basket-page .remove-item,
.basket-page .product-code,
.basket-page .product,
.basket-page .colour,
.basket-page .quantity,
.basket-page .price {
	padding: 5px 15px;
}

.basket-page .remove-item {
	width: 10%;
	text-align: center;
	border-right: 1px solid #84abd3;
	cursor: pointer;
}

.basket-page .product-code {
	width: 14%;
	color: #1D4873;
}

.basket-page .thead .product-code {
	color: #777;
}

.basket-page .product {
	width: 51%;
	border-right: 1px solid #84abd3;
	border-left: 1px solid #84abd3;
}

.basket-page .product img {
	float: left;
	margin-right: 5px;
}

.basket-page .colour {
	width: 15%;
	text-align: center;
}

.basket-page .quantity {
	width: 14%;
	border-right: 1px solid #84abd3;
}

.basket-page .quantity input {
	width: 40px;
	text-align: center;
	float: left;
	height: 25px;
	margin-right: 3px;
}

.basket-page .price {
	width: 11%;
	text-align: right;
	padding-right: 0;
	color: green;
}

.basket-page .quantity .btn {
	float: left;
	margin-top: 0;
	padding: 1px 5px;
}


.basket-page .tfoot {
	/* border-top: 1px solid #1D4873; */
	padding-top: 10px;
}

.basket-page .tfoot .total-price-wrap {
	display: block;
	text-align: right;
	border-bottom: 1px solid #1D4873;
	padding: 5px 0px 10px;
	color: #1D4873;
	color: green;
	font-weight: bold;
}

.basket-page-additional-info {
	padding: 10px 0;
	border-bottom: 1px solid #1D4873;
	text-align: right;
}

.basket-page-additional-info .btn {
	float: left;
}

.phone .basket-page-additional-info .btn {
	float: none;
	margin: 0 auto 10px auto;
}

.basket-page .spend-more {
	display: block;
	margin-top: -2px;
	margin-bottom: 3px;	
}

.basket-page .spent-enough {
	color: green;
}

.basket-page-buttons {
	padding: 10px 0;
	text-align: right;
}

.basket-page-buttons .btn {
	margin-right: 5px;
}

.phone .basket-page-buttons .btn {
	margin: 5px 0 0 0;
	width: 100%;
	padding: 10px inherit;
	font-size: 15px;
}

.email-friend.expanded {
	position: absolute;
	z-index: 11;
}

#email-friend #captcha_kr {
	display: block;
	margin-bottom: 14px;
}

.phone .email-friend .btn {
	width: auto;
	padding: 10px;
	margin-top: -9px;
}

.email-friend input[type="email"] {
	height: 25px;
	margin-right: 3px;
}

.phone .email-friend input[type="email"] {
	font-size: 16px;
	height: 42px;
	line-height: 42px;
	padding: 3px;
}

.phone .basket-page-buttons .btn.btn-lime {
	padding: 20px inherit;
	font-size: 18px; 
}

.btn-lime {
	background-color: #40b900;
	background-image: linear-gradient(to bottom, #69df00, #239e00);
	border-color: #006D5F #006D5F #1F6377;
	color: #fff;
	padding: 10px;
}

.preorder {
	padding: 10px;
	float: right;
	margin-left: 5px;
}

.phone .basket-page .table .thead {
	display: none;
}

.phone .basket-page .tbody p {
	overflow: hidden;
	margin-bottom: 0;
}

.phone .basket-page .tbody p:nth-of-type(even) {
	background-color: #fff;
}

.phone .basket-page .remove-item,
.phone .basket-page .product-code,
.phone .basket-page .product,
.phone .basket-page .colour,
.phone .basket-page .quantity,
.phone .basket-page .price {
	display: block;
	float: none;
	clear: both;
	width: 100%;
	padding: 5px 0;
	border: none;
}

.phone .basket-page .remove-item,
.phone .basket-page .product-code {
	float: left;
	width: auto;
	clear: none;
}

.phone .basket-page .remove-item {
	float: right;
	padding: 0 10px;
	text-align: center;
}

/*
.phone .basket-page .remove-item img {
	width: 75%;
}
*/

.phone .basket-page .product-code {
	font-size: 1.5em;
	color: #1D4873;
}

.phone .basket-page .child .product-code {
	font-size: 1.2em;
}

.basket-page .product,
.products-wrap,
* {
	word-wrap: break-word;
}

.phone .basket-page .product {
	display: inline-block;
	word-wrap: break-word;
	word-break: break-all;
	float: left;
}

.basket-page .product img {
	width: 100px;
}

.phone .basket-page .product img {
	width: 45%;
	margin: 0 10px 5px 0;
}

.phone .basket-page .colour {
	margin-right: 10px;
}

.phone .basket-page .colour,
.phone .basket-page .quantity {
	text-align: left;
	float: left;
	width: auto;
	clear: none;
}

.phone .basket-page .colour {
	width: 95%;
}

.phone .basket-page .quantity {
	float: right;
}

.colour-lable {
	display: none;
}

.phone .colour-lable {
	display: inline;
}

.removeCaseWrap.hidden,
.addVoucherWrap.hidden {
	display: none;
}

.removeCaseWrap,
.addVoucherWrap {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/blk-75.png);
	z-index: 11;
}

.removeCase,
.addVoucher {
	margin: 100px auto 0 auto;
	background: rgb(255, 255, 255) none repeat scroll 0% 0%;
	padding: 20px;
	width: 260px;
	border: 5px solid red;
}

.removeCase .btn,
.addVoucher .btn {
	margin-right: 5px;
}

.voucher-no-voucher {
	color: red;
}

.phone .removeCase,
.phone .addVoucher	{
	width: 94%;
}


.basket-page .voucher-button {
	text-align: right;
	padding: 10px 0px;
	border-bottom: 1px solid #1D4873;
}

.basket-page form.checkout {
	float: right;
	margin: 5px 5px 0 0;
}

.phone .basket-page form.checkout {
	float: none;
	margin: 25px 0 0 0;
}

.phone .basket-page form.checkout .btn {
	width: 100%;
}


/* Checkout */

.checkout-page {
	/* background: aqua; */
}

/*
#countryChange {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.80);
}

#countryChange .countryChange {
	margin: 100px auto 0px;
	width: 80%;
	text-align: center;
	font-size: 20px;
	line-height: normal;
}

#countryChange .countryChange p {
	font-size: 20px;
	color: rgb(255, 255, 255);
}
*/

#countryChange .countryChange p {
	font-size: 16px;
	color: green;
}

.checkout-page,
.checkout-page p {
	font-size: 14px;
}

.checkout-page h1 span {
	padding-right: 10px;
}

.checkout-page h1 span img {
	margin-bottom: 5px;
}

.checkout-page .address-details .tabs {
	border-bottom: 1px solid #1D4873;
	margin-bottom: 20px
}

.checkout-page .address-details .tabs span {
	margin-right: 5px;
	color: #874101;
	background-image: url("../images/orange-fade.png");
	padding: 2px 8px;
	display: inline-block;
	border-radius: 4px 4px 0 0 !important;
	cursor: pointer;
	font-weight: bold;
}

.checkout-page .address-details .tabs span.active {
	background: #1D4873;
	color: #fff;
}

.checkout-page .billing-address,
.checkout-page .shipping-address {
	overflow: hidden;
	clear: none;
	float: left;
	width: 59%;
	margin-right: 2%;
}

.checkout-page .billing-address p {
	overflow: hidden;
}

.phone .checkout-page .billing-address {
	width: 100%;
	margin-right: 0;
}

.checkout-page .billing-address .fakeholder,
.checkout-page .shipping-address .fakeholder {
	position: relative;
	overflow: hidden;
	display: block;
		float: left;
	width: 40%;
	margin: 0 2% 0 0;
	font-size: 14px;
}

.phone .checkout-page .billing-address .fakeholder {
	width: 100%;
	margin: 0 0 0 0;
	font-size: 16px;
}

.checkout-page .billing-address .fakeholder:nth-of-type(even) {
	margin-right: 0;
}

.checkout-page .billing-address .fakeholder label {
	font-size: 14px;
		margin-bottom: 0;
}

.checkout-page .billing-address .fakeholder input {
	height: auto;
	width: 100%
}

.checkout-page .billing-address .fakeholder select {
	width: 100%;
}

.checkout-page .billing-address textarea {
	width: 100%;
	clear: both;
}

.billing-address i,
.registration i,
.your-details i {
	color: red;
	padding-right: 3px;
}

.checkout-page .postage-method {
	display: block;
	float: left;
	width: 39%;
	text-align: right;
}

.checkout-page .postage-method label {
	clear: left;
}

/*
.phone .checkout-page .postage-method {
	line-height: 30px;
}
*/

.checkout-page .postage-method label {
	display: inline-block;
	margin-right: 8px;
}

.phone .checkout-page .postage-method label {
	margin-left: 8px;
}


.checkout-page .postage-method input {
	margin: 0;
}

.checkout-page div.payment-details {
	border-top: 1px solid #aeaeae;
	clear: both;
}

.checkout-page div.total {
	padding: 15px 0;
	border-bottom: 1px solid #1D4873;
	margin-bottom: 15px;
	color: #1D4873;
	text-align: right;
	font-size: 1.2em;
}

.checkout-page div.total span {
	font-size: 1.2em;
}

.checkout-page div.total p.total {
	color: green;
	font-size: 1.1em;
}

.checkout-page div.total p.error {
	color: red;
}

.checkout-page div.total p.total span.total {
	font-weight: bold;
}

.checkout-page .estimate-wrap {
	float: right;
	text-align: right;
	margin-top: 15px;
}

.checkout-page .lead-times h4 {
	margin: 10px 0 0 0;
}

.checkout-page .lead-times + h3 {
	clear: left;
}

.estimate-wrap .estimate span span {
	display: block;
	font-weight: bold;
}

.checkout-page div.payment-details input {
	float: left;
	margin-right: 3px;
}

.checkout-page div.pay-information {
	clear: both;
}


.checkout-page .pay-by-card {
	/* background: aqua; */
	display: block;
	clear: both;
	overflow: auto;
}

.checkout-page .pay-by-bacs {
	/* background: fuchsia; */
	display: block;
	clear: both;
	overflow: auto;
}

.checkout-page .pay-by-card .btn, 
.checkout-page .pay-by-bacs .btn {
	display: block;
	margin-top: 0;
	clear: both;
	float: right;
	margin-bottom: 3px;
	min-width: 300px;
	padding: 10px;
}

.checkout-page .pay-by-card .checkout-text, 
.checkout-page .pay-by-bacs .invoice-text {
	display: block;
	float: right;
	clear: both;
	margin-bottom: 15px;
	text-align: right;
}

/*
.checkout-page div.payment-details hr {
	border: 0 none;
	border-bottom: 1px solid #1D4873;
	margin: 10px 0 20px 0;
}
*/

.phone .card-information select,
.phone .card-information input[type="text"],
.phone .card-information .btn {
	width: 100%;
}

.payment-select .pay_method {
	display: none;
}

.payment-select {
	display: none;
	/* display: table; */
	width: 100%;
}

.payment-select p {
	display: table-row;
}

.checkout-page div.payment-details label {
	display: table-cell;
	vertical-align: middle;
	float: left;
	width: 49%;
	margin-right: 2%;
	background: #1D4873;
	color: #fff;
	border-radius: 4px;
	padding: 10px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}

.payment-select p label:nth-of-type(2n) {
	margin-right: 0%;
} 


.payment span.checkout {
	float: right;
	margin-bottom: 15px;
}

iframe[name="hss_iframe"] {
	display: none;
	clear: both;
	margin: 0 auto;
	width: 80%;
	background: url('/images/loading.gif') 50% 5% no-repeat;
}

.phone iframe[name="hss_iframe"] {
	width: 100%;
}

/* Click & Collect */

.local-store {
	overflow: hidden;
	/* width: 59%; */
	width: 100%;
	/* margin-right: 2%; */
	float: left;
}

.phone .local-store #googlemap {
	width: 90%;
}

.local-store #googlemap {
	height: 300px;
	width: 100%;
	margin-bottom: 5px;
}

.gmap-addresses {
	height: 426px;
	overflow: auto;
	position: relative;
}

.gmap-addresses div {
	margin-bottom: 10px;
	border: 1px solid #aeaeae;
	padding: 5px;
}


.local-store .fakeholder,
.gmap-addresses div {
	width: 29%;
	margin-right: 1%;
	float: left;
}
.phone .gmap-addresses div {
	width: 49%;
	margin-right: 2%;
	float: left;
}

.local-store.delivery-address .btn-gmap {
	width: 10%;
	margin-top: 25px;
}

.phone .local-store.delivery-address .btn-gmap {
	width: 100%;
	margin-top: 0;
}

/*
.local-store .fakeholder:nth-of-type(3n),
.gmap-addresses div:nth-of-type(3n) {
	margin-right: 0;
}
*/

.phone .gmap-addresses div:nth-of-type(3n) {
	margin-right: 2%;
}

.phone .gmap-addresses div:nth-of-type(2n) {
	margin-right: 0;
}

.phone .gmap-addresses div:nth-of-type(2n+1) {
	clear: left;
}

.gmap-addresses div:nth-of-type(3n+1) {
	clear: left;
}

.phone .gmap-addresses div:nth-of-type(3n+1) {
	clear: none;
}

.local-store .fakeholder select,
.local-store .fakeholder input {
	width: 100%;
	height: 30px;
}




/* Checkout Shows */

.checkout-page div.event-list {
	overflow: hidden;
}

.phone .checkout-page div.event-list {
	clear: both;
}

.event-list .table {
	float: left;
	width: 100%;
	text-align: left;
}

.event-list .table p {
	overflow: hidden;
}

.event-list .select-show {
	width: 100%;
	clear: both;
	padding-bottom: 15px;
	border-bottom: 1px solid #aeaeae;
	margin-bottom: 15px;
	overflow: auto;	
}

.post-option {
	display: block;
	clear: noth
}

.event-list .table span,
.event-list form span {
	display: block;
	float: left;
	width: 28%;
	overflow: hidden;
	margin-right: 2%;
	text-align: left;
}

/*
.event-list .table .select-show {
	min-height: 30px;
	width: 10%;
	margin-right: 0;
}
*/

.event-list .table .thead, 
.event-list .table .tbody {
	border: 1px solid #1D4873;
	padding: 5px;
	clear: both;
	overflow: hidden;
}

.event-list .table .thead {
	border-bottom: 0;
}

.checkout-event-table th {
	color: #1D4873;
}

.checkout-page .lead-times {
	clear: both;
	width: 100%;
	float: right;
	text-align: right;
}

.date,
.cutoff-date,
.select-show {
	text-align: center;
}

.select-show .cutoff-date > span {
	width: auto;
}

.select-show .cutoff-date > span.highlighted {
	font-weight: bold;
}




/* TEXT */

h1,h2,h3,h4,h5,h6 {
	font-weight: 400;
	color: #1D4873;
	margin: 0 0 .7em 0;
	font-family: 'Open Sans', 'Helvetica, Arial', sans-serif;;
	line-height: normal;
}

h1 {
	font-size: 24px;
}

h2 {
	font-size: 20px;
}

h3 {
	font-size: 18px;
}


p {
	font-size: 16px;
}

article ol {
	font-size: 16px;
	list-style: decimal;
}

/*
.phone {
	display: none;
}
*/



/* Back to top */

.btt {
	background: url(../images/btt.png) 0 0 no-repeat #fff;
	border: 1px solid #aeaeae;
	border-radius: 3px 0 0 3px; 
	height:40px;
	width:45px;
	position: fixed;
	bottom:125px;
	right: -45px;
	opacity:0;
	-webkit-transition: all 500ms ease-out .5s;
	-moz-transition: all 500ms ease-out .5s;
	-o-transition: all 500ms ease-out .5s;
	transition: all 500ms ease-out .5s;
}

.btt.opacity-visible {
	opacity:1;
	right:-5px;
}

.phone .btt.opacity-visible {
	display: none;
}



footer {
	background: url(../images/footer-bg.png) repeat-x #486eb7;
	margin-top: 30px;
	overflow: hidden;
}

footer .footer {
	width: 996px;
	min-height: 100px;
	margin: 20px auto;
	text-align: center;
	color: #000;
}

.phone footer .footer,
.tablet footer .footer {
	width: 100%;
}

/* Base */

.site-base-wrapper {
	background: url(../images/base-shadow.png) repeat-x;
}

.site-base {
	padding-top: 30px;
	width: 996px;
	margin: 0 auto;
}

.phone .site-base,
.tablet .site-base {
	width: 100%;
	padding: 10px;
	background: #fff;
	overflow: auto;
}

.base-logos {
	text-align: center;
}

.base-logos img {
	/* height: 50px; */
	margin: 0 9px 9px 9px;
	max-width: 90%;
}

.phone .base-logos img {
	margin-bottom: 20px;
}

.copyright {
	font-size: 12px;
	text-align: right;
	text-shadow: 0 0 3px #000;
	color: #fff;
}

.phone .site-base .copyright,
.tablet .site-base .copyright {
	color: #666;
	text-shadow: none;
}

.footer small {
	float: right;
	font-size: 10px;
	color: #fff;
}

#workshop {
	border: 1px solid #426DB3;
	border-radius: 0px 3px 3px;
	position: relative;
	padding: 12px;
}

#left-bench, #right-bench {
	width: 173px;
	float: left;
}

#left-bench p, #right-bench p {
	color: #fff;
	font-size: 14px;
	margin-bottom: 5px;
}

#cases-wrap,
#trays-wrap {
	background: url('../images/case-tray-top.png') no-repeat,
				url('../images/case-tray-bot.png') no-repeat,
				url('../images/case-tray-mid.png') repeat-y;
	border-radius: 3px;
}

#cases-wrap {
	padding: 5px 42px 5px 5px;
	background-position: top right, bottom right, right;
}

#trays-wrap {
	padding: 5px 5px 5px 42px;
	background-position: top left, bottom left, left;
}

#cases .slider {
	height: 454px;
}

#trays .slider {
	height: 454px;
}

#cases .slider,
#trays .slider {
	overflow: hidden;
	text-align: center;
	font-size: 14px;
}

#cases .slider .slides,
#trays .slider .slides {
	position: relative;
}

#cases .slide img,
#trays .slide img {
	width: 119px;
	height: 90px;
}

#workshop .slider-up,
#workshop .slider-down {
	background: url('../images/case-tray-up-down.png') no-repeat;
	height: 28px;
	cursor: pointer;
}

.slider-up.sliding { 
	cursor: default;
}

#workshop .slider-up {
	background-position: bottom center;
}

#workshop .slider-down {
	background-position: top center;
}

#left-bench input, #right-bench input {
	width: 96px;
	padding: 0 3px;
	height: 25px;
	margin-bottom: 5px;
}

#left-bench input, #right-bench input,
#left-bench select, #right-bench select {
	font-size: 12px;
}

#left-bench select, #right-bench select {
	width: 126px;
	padding: 0;
	height: 25px;
	margin-bottom: 5px;
}

#left-bench .btn-go, #right-bench .btn-go {
	width: 25px;
	height: 25px;
	margin-top: -4px;
	margin-left: 4px;
	padding: 0;
	text-align: center;
	font: bold 12px/24px Arial;
}

#left-bench .btn-autofill {
	width: 173px;
	height: 44px;
	margin: 0 0 4px;
	padding: 0;
	font: normal 15px/44px Arial;
}

#right-bench .btn-addbench {
	width: 173px;
	height: 20px;
	font: normal 10px/20px Arial;
	margin: 0 0 4px;
	padding: 0;
}

#right-bench .btn-addbench.add-orders {
	display: none;
}

#save-later {
	background: url('../images/saved-for-later.png') no-repeat 0 0 #93afdd;
	width: 100%;
	border-radius: 3px;
	margin-top: 6px;
}

#tray-search, #case-search {
	margin: 0;
}

.icon-white {
	background-image: url("../images/glyphicons-halflings-white.png");
}

#bench-back {
	margin: 0 7px;
	float: left;
	background: #93afdd;
	border-radius: 3px;
}

#bench-center {
	width: 590px;
	height: 688px;
	display: table-cell;
	vertical-align: bottom;
}

#bench {
	max-height: 688px;
	overflow-y: auto;
	overflow-x: hidden;
}

#bench .case .tray.h0200 .tray-details {
	height: 23px;
}

#bench .case .tray.h0250 .tray-details {
	height: 29px;
}

#bench .case .tray.h0333 .tray-details {
	height: 38px;
}

#bench .case .tray.h0500 .tray-details {
	height: 57px;
}

#bench .case .tray.h0667 .tray-details {
	height: 76px;
}

#bench .case .tray.h0750 .tray-details {
	height: 86px;
}

#bench .case .tray.h1000 .tray-details {
	height: 114px;
}

#bench .case .tray.h1333 .tray-details {
	height: 152px;
}

#bench .case .tray.h1500 .tray-details {
	height: 171px;
}

#bench .case .tray.h3000 .tray-details {
	height: 342px;
}

#bench .case .tray.h3500 .tray-details {
	height: 399px;
}

.case .tray-holder .tray.h0200 .tray-details,
.case .tray-holder .tray.h0250 .tray-details,
.case .tray-holder .tray.h0333 .tray-details {
	padding-top: 3px;
}

.case .tray-holder .tray.h0200 .tray-details .shortdesc,
.case .tray-holder .tray.h0250 .tray-details .shortdesc,
.case .tray-holder .tray.h0333 .tray-details .shortdesc {
	display: none;
}

.case .tray-holder .tray.h0200 .colours,
.case .tray-holder .tray.h0250 .colours,
.case .tray-holder .tray.h0333 .colours {
	margin-right: 10px;
}

.case .tray-holder .tray.h0667 .tray-details .shortdesc,
.case .tray-holder .tray.h0750 .tray-details .shortdesc {
	max-height: 44px;
}

.case .tray-holder .tray.h1000 .tray-details .shortdesc {
	max-height: 82px;
}


/* Perspecive	*/

.tray-holder .tray-svg {
	perspective: 100px;
}

.tray-holder .tray-right .tray-svg {
	perspective-origin: 0% 100%;
}

.tray-holder .tray-left .tray-svg {
	perspective-origin: 100% 100%;
}

.tray-holder .tray-full .tray-svg {
	perspective-origin: 50% 100%;
}


.tray-holder svg {
	transform: scaleY(.5) rotateX(10deg);
	transform-origin: 50% 100%;
	/* position: relative; */
	/* top: -165px; */
}

.tray-holder .tray-halves {
	display: table-row;
}

.tray-halves .tray-left,
.tray-halves .tray-right {
	display: table-cell;
	vertical-align: bottom;
	width: 50%;
}







#bench .case .tray .colours {
	display: block;
}

#bench .case .tray .colour-btn,
.choose-colours-box .colour-selection .colour-btn {
		width: 12px;
		height: 12px;
		display: inline-block;
		border-radius: 6px;
		margin: 0 2px 0 0;
		border: none;
		opacity: .5;
}

.choose-colours-box .colour-selection .colour-btn {
	width: 20px;
	height: 20px;
	border-radius: 10px;
	margin: 0 20px 15px 0;
	opacity: 1;
}

.faded .colour-btn {
	cursor: not-allowed;
}

#bench .case .tray .colour-btn.active,
.choose-colours-box .colour-selection .colour-btn.active {
	border: 1px solid #000;
	opacity: 1;
}

#bench .case .tray .colour-wheel {
		width: 12px;
		height: 12px;
		display: inline-block;
		margin-right: 2px;
	background: url('../images/colour-wheel.png') no-repeat 50% 50%;
}

#stage {
	position: relative;
	width: 562px;
	height: 208px;
	margin: -102px auto 0;
	padding: 153px 0 0;
	background: url('../images/ts-stage.png') no-repeat center bottom;
	z-index: 0;
}

#stage .btn {
	display: inline-block;
	width: 24%;
	height: 60px;
	text-align: center;
	vertical-align: middle;
	font: normal 11px/14px Arial;
	margin-right: 0.75%;
}

#stage .btn:first-of-type {
	margin-left: 0.75%;
}

#stage .btn:last-of-type {
	margin-right: 0;
}

#stage .btn strong {
	font-size: 12px;
}

#bench .case {
	width: 386px;
	margin: 0 auto;
	position: relative;
}
#bench .case.narrow { width: 196px; }
#bench .case.wide { width: 462px; }

#bench .case .top {
	height: 51px;
	background-image: url('../images/case-top-left.png'), url('../images/case-top-right.png');
	background-position: 0% 100%, 100% 100%;
	background-repeat: no-repeat;
}
#bench .case.deep .top { height: 102px; }

/* #bench .case .bottom .lines {
	background-image: url('../images/case-bottom.png'), url('../images/case-bottom.png');
	background-position: bottom left, bottom right;
	background-repeat: no-repeat;
	width: 100%;
	opacity: .3;
	position: relative;
}

#bench .case .back {
	position: absolute;
	width: 362px;
	bottom: 51px;
	left: 12px;
	height: 1368px;
}

#bench .case.deep .back {
	width: 338px;
	bottom: 102px;
	left: 24px;
}

#bench .case.narrow .back { width: 172px; }
#bench .case.narrow.deep .back { width: 148px; }
#bench .case.wide .back { width: 438px; }
#bench .case.wide.deep .back { width: 414px; }

#bench .case.Blue .top { background-color: #5877d1; }
#bench .case.Blue .back { background-color: #3853a0; }
#bench .case.Blue .bottom { background-color: #4361b9; }

#bench .case.Black .top { background-color: #505050; }
#bench .case.Black .back { background-color: #000000; }
#bench .case.Black .bottom { background-color: #383838; }
#bench .case.Black .bottom .lines { opacity: 1; }

#bench .case.Card .top { background-color: #ccaa7d; }
#bench .case.Card .back { background-color: #b7905d; }
#bench .case.Card .bottom { background-color: #cd9d5f; }

#bench .case.Silver .top { background-color: #999999; }
#bench .case.Silver .back { background-color: #707070; }
#bench .case.Silver .bottom { background-color: #898989; } */



.case .tray-holder .tray {
	overflow: hidden;
}

.case .tray-holder .tray .tray-svg {
	margin: -170px 2px 0;
}

.case .tray-holder .tray .tray-svg .main {
	width: auto;
	height: auto;
	perspective: 1000px;
	display: block;
}


.case .tray-holder .tray .tray-details {
	color: #fff;
	margin: 0 2px 2px 2px;
	padding: 5px;
	/* overflow: hidden; */
}

.case .tray-holder .tray .tray-details .shortdesc {
	color: #000;
	background: url(../images/wht-50.png);
	display: block;
	max-width: 290px;
	float: left;
	max-height: 24px;
	overflow: hidden;
	padding: 2px;
	border-radius: 5px;
	margin-bottom: 5px;
}

.case .tray-holder .tray .tray-details .icon-resize-full,
.case .tray-holder .tray .tray-details .icon-user,
.case .tray-holder .tray .tray-details .icon-trash,
.case .tray-holder .tray .tray-details .icon-info-sign {
	float: right;
}

.case .tray-holder .tray .tray-details .product {
	float: left;
	clear: left;
}

.case .tray-holder .tray .tray-details .colours {
	float: right;
}




#bench .case .top,
#bench .case .bottom {
	background-image: url('../images/cases.png');
	background-repeat: no-repeat;
}

#bench .case .top {
	padding: 3px 15px;
}

#bench .case .top .case-title {
	float: left;
	max-width: 300px;
	color: #fff;
}

#bench .case .top .icon-refresh,
#bench .case .top .icon-resize-small,
#bench .case .top .icon-trash {
	float: right;
	margin-left: 3px;
}

#bench .case .bottom.highlight {
	background-image: url('../images/cases-highlighted.png');
	background-repeat: no-repeat;
}

#bench .case .bottom {
	position: relative;
	/* overflow: hidden; */
}

#bench .case+.case { margin-top: -46px; }
#bench .case+.case.deep { margin-top: -97px; }

#bench.expanded .case+.case {margin-top: 0; }

#bench .case .bottom { min-height: 114px; }
#bench .case.quarter .bottom { min-height: 28.5px; }
#bench .case.third .bottom { min-height: 38px; }
#bench .case.half .bottom { min-height: 57px; }
#bench .case.plushalf .bottom { min-height: 171px; }
#bench .case.double .bottom { min-height: 228px; }
#bench .case.triple .bottom { min-height: 342px; }
#bench .case.quadruple .bottom { min-height: 456px; }
#bench .case.quintuple .bottom { min-height: 570px; }
#bench .case.sextuple .bottom { min-height: 684px; }


#bench .case.Blue .top { background-image: url('../images/cases-blue-top.png') }
#bench .case.Black .top { background-image: url('../images/cases-black-top.png') }
#bench .case.Silver .top { background-image: url('../images/cases-silver-top.png') }
#bench .case.Card .top { background-image: url('../images/cases-card-top.png') }

#bench .case.narrow .top { background-position: -0px 0% }
#bench .case.outer.narrow .top { background-position: -196px 0% }
#bench .case .top { background-position: -398px 0% }
#bench .case.outer .top { background-position: -784px 0% }
#bench .case.wide .top { background-position: -1176px 0% }
#bench .case.outer.wide .top { background-position: -1638px 0% }
#bench .case.narrow.deep .top { background-position: -2106px 0% }
#bench .case.outer.narrow.deep .top { background-position: -2302px 0% }
#bench .case .top.deep { background-position: -2504px 0% }
#bench .case.outer.deep .top { background-position: -2890px 0% }
#bench .case.wide.deep .top { background-position: -3282px 0% }
#bench .case.outer.wide.deep .top { background-position: -3744px 0% }





#bench .case.narrow.Blue .bottom { background-position: -0px 100%; }
#bench .case.outer.narrow.Blue .bottom { background-position: -196px 100%; }
#bench .case.Blue .bottom { background-position: -398px 100%; }
#bench .case.outer.Blue .bottom { background-position: -784px 100%; }
#bench .case.wide.Blue .bottom { background-position: -1176px 100%; }
#bench .case.outer.wide.Blue .bottom { background-position: -1638px 100%; }
#bench .case.narrow.deep.Blue .bottom { background-position: -2106px 100%; }
#bench .case.outer.narrow.deep.Blue .bottom { background-position: -2302px 100%; }
#bench .case.deep.Blue .bottom { background-position: -2504px 100%; }
#bench .case.outer.deep.Blue .bottom { background-position: -2890px 100%; }
#bench .case.wide.deep.Blue .bottom { background-position: -3282px 100%; }
#bench .case.outer.wide.deep.Blue .bottom { background-position: -3744px 100%; }

#bench .case.narrow.Black .bottom { background-position: -4212px 100%; }
#bench .case.outer.narrow.Black .bottom { background-position: -4408px 100%; }
#bench .case.Black .bottom { background-position: -4610px 100%; }
#bench .case.outer.Black .bottom { background-position: -4996px 100%; }
#bench .case.wide.Black .bottom { background-position: -5388px 100%; }
#bench .case.outer.wide.Black .bottom { background-position: -5850px 100%; }
#bench .case.narrow.deep.Black .bottom { background-position: -6318px 100%; }
#bench .case.outer.narrow.deep.Black .bottom { background-position: -6514px 100%; }
#bench .case.deep.Black .bottom { background-position: -6716px 100%; }
#bench .case.outer.deep.Black .bottom { background-position: -7102px 100%; }
#bench .case.wide.deep.Black .bottom { background-position: -7494px 100%; }
#bench .case.outer.wide.deep.Black .bottom { background-position: -7956px 100%; }

#bench .case.narrow.Silver .bottom { background-position: -8424px 100%; }
#bench .case.outer.narrow.Silver .bottom { background-position: -8620px 100%; }
#bench .case.Silver .bottom { background-position: -8822px 100%; }
#bench .case.outer.Silver .bottom { background-position: -9208px 100%; }
#bench .case.wide.Silver .bottom { background-position: -9600px 100%; }
#bench .case.outer.wide.Silver .bottom { background-position: -10062px 100%; }
#bench .case.narrow.deep.Silver .bottom { background-position: -10530px 100%; }
#bench .case.outer.narrow.deep.Silver .bottom { background-position: -10726px 100%; }
#bench .case.deep.Silver .bottom { background-position: -10928px 100%; }
#bench .case.outer.deep.Silver .bottom { background-position: -11314px 100%; }
#bench .case.wide.deep.Silver .bottom { background-position: -11706px 100%; }
#bench .case.outer.wide.deep.Silver .bottom { background-position: -12168px 100%; }

#bench .case.narrow.Card .bottom { background-position: -12636px 100%; }
#bench .case.outer.narrow.Card .bottom { background-position: -12832px 100%; }
#bench .case.Card .bottom { background-position: -13034px 100%; }
#bench .case.outer.Card .bottom { background-position: -13420px 100%; }
#bench .case.wide.Card .bottom { background-position: -13812px 100%; }
#bench .case.outer.wide.Card .bottom { background-position: -14274px 100%; }
#bench .case.narrow.deep.Card .bottom { background-position: -14742px 100%; }
#bench .case.outer.narrow.deep.Card .bottom { background-position: -14938px 100%; }
#bench .case.deep.Card .bottom { background-position: -15140px 100%; }
#bench .case.outer.deep.Card .bottom { background-position: -15526px 100%; }
#bench .case.wide.deep.Card .bottom { background-position: -15918px 100%; }
#bench .case.outer.wide.deep.Card .bottom { background-position: -16380px 100%; }

#bench .case .bottom {
	padding-bottom: 1px;
}

tr.row.highlighted td {
	background: #f0a060;
}

.tracker .message {
	width: 100%;
	overflow: hidden;
}

.tracker .message span.date-time,
.tracker .message span.status,
.tracker .message span.location {
	display: block;
	float: left;
	margin: 0 10px 20px;
	width: 30%;
}

.well {
	background: #fff;
}

/*.account .well.admin input,
.account .well.admin select,
.account .well.admin textarea {
	width: 150px;
}*/

.account .well select[name="locale[]"] {
	height: 7em;
}

.dispatch-table td,
.dispatch-table th {
	border: 1px solid black;
	padding: 0 3px;
}

.dispatch-table .dispatch-id-to + .dispatch-id-to,
.dispatch-table .dispatch-date-to + .dispatch-date-to,
.dispatch-table .dispatch-id-from + .dispatch-id-from,
.dispatch-table .dispatch-date-from + .dispatch-date-from {
	border-left: none;
}

.dispatch-table .dispatch-id-from,
.dispatch-table .dispatch-date-from,
.dispatch-table .dispatch-id-to,
.dispatch-table .dispatch-date-to {
	border-right: none;
	text-align: center;
}

.dispatch-table td {
	vertical-align: middle;
}

.dispatch-table td * {
	margin: 0;
}

.new-order-initial {
	display: none;
	font-size: 175%;
}

td > .new-order-initial {
	vertical-align: middle;
}

.account #order-table,
.account #order-table p {
	font-size: 14px;
}

.phone .account #order-table,
.phone .account #order-table p {
	font-size: 16px;
}

.account #order-table .tr {
	border: 1px solid #aeaeae;
	overflow: hidden;
}

#order-table .tr .th {
	font-weight: bold;
}

#order-table .tr .th,
#order-table .tr .td {
	display: block;
	float: left;
	width: 16.66%;
	margin-right: 0;
	background: #eaeaea;
	padding: 5px;
	height: auto;
}

.phone #order-table .tr:first-of-type {
	display: none;
}

.phone #order-table .tr .td {
	display: block;
	float: none;
	width: 100%;
	margin: 0;
	background: #eaeaea;
	padding: 5px;
}

#order-table .tr .td {
	min-height: 150px;
}

.phone #order-table .tr .td {
	min-height: 1px;
}

#order-table .tr .td br {
	margin: 0;
}

#order-table .tr .th:nth-of-type(even),
#order-table .tr .td:nth-of-type(even) {
	background: #fff;
}

#order-table .tr .th:nth-of-type(6n) {
	margin-right: 0;
}

#order-table .tr .td a {
	overflow-wrap: break-word;
	word-wrap: break-word;	
}

#order-table .dispatch.btn,
#order-table .tr .td.documents .btn {
	display: block;
	margin: 0 0 3px 0;
	padding: 0;
	width: 100%;
}

#order-table .tr .td.documents span.btn {
	color: #000;
}

#order-table .tr .td.documents .btn:hover {
	color: #fff;
}

/*
#order-table .tr .td.documents {
	margin: 0 0 0 0;
	width: 100%;
	background: #eaeaea;
}
*/

.documents span {
	padding: 0 20px 0 0;
}

.track,
.documents span {
	color: #08C;
	cursor: pointer;
	margin-right: 10px;
}

.track:hover,
.documents span:hover {
	text-decoration: underline;
	color: #005580;
}

#order-table .tr .td {
	display: block;
	/* margin-bottom: 10px; */
}

input[type="text"],
input[type="email"],
input[type="password"] {
	height: 30px;
}



/* Vouchers admin */

.btn-redeem {
	margin-top: 10px;
}

#voucher-table p.tr {
	clear: both;
	margin: 10px 0;
	overflow: auto;
	padding: 10px;
}

#voucher-table p.tr:nth-of-type(odd) {
	background: #f7f7f7;
}

/*
#voucher-table p.tr .th {
	margin-bottom: 20px;
}
*/

#voucher-table p.tr span.th,
#voucher-table p.tr span.td {
	display: block;
	float: left;
	width: 25%;
}

#voucher-table p.tr span.td img {
	height: 100px;
}

#voucher-table p.tr span.td.value img {
	height: 50px;
}

#voucher-table p.tr span.td.value span {
	display: block;
	margin-top: 3px;
}

	

/* Vouchers */


.voucher-wrap {
	margin-bottom: 3%;
}

.cards {
	margin-bottom: 3%;
}

.yellow-box,
.letter-jump {
	background: #F09849 url("../images/filter-bg-gadient.png") repeat-x scroll 0px 0px;
	padding: 10px 10px 0px;
	border: 1px solid #874101;
	border-radius: 7px;
	overflow: hidden;
	margin-bottom: 1.5%;
}

.yellow-box select {
	border: 1px solid #874101;
}


.letter-jump {
	padding: 10px;
	text-align: center;
}

.letter-jump span {
	font-size: 1.3em;
	cursor: pointer;
	padding: 0 9px;
	color: #874101;
	font-weight: bold;
	text-transform: uppercase;
	font-family: 'Open Sans', 'Helvetica, Arial', sans-serif;
}

.letter-jump span:hover {
	color: #1D4873;
}

.whatfits li img {
	width: 40px;
}

.whatfits h3 {
	background: #F09849 url("../images/filter-bg-gadient.png") repeat-x scroll 0px 0px;
	padding: 10px;
	border: 1px solid #874101;
	border-radius: 7px;
	overflow: hidden;
	margin-bottom: -20px;
	width: 100px;
	text-align: center;
	clear: both;
	color: #874101;
	opacity: .7;
}

.whatfits h4 {
	margin-top: 30px;
}

.whatfits h4 img {
	margin-right: 5px;
	margin-top: -5px;
}

.select-country {
	float: left;
	margin-right: 20px;
}

.select-value {
	float: left;
}

.phone .select-value,
.phone .select-country {
	float: none;
	margin-right: 0;
}

.phone .select-value select,
.phone .select-country select {
	width: 100%!important;
}

.voucher-list-filters .radios {
	clear: both;
	width: 100%;
	overflow: hidden;
}

.voucher-list-filters .radios label {
	display: block;
	float: left;
	width: 32%;
	margin-right: 2%;
	border: 1px solid #1D4873;
	padding: 2%;
}

.valueRadio {
	display: none;
}

.valueRadio.locale-show {
	display: block;
}

.valueRadio.locale-show-3 label{
	margin-right: 0;
}


.voucher-list-filters .radios label input[type="radio"] {
	float: left;
	margin-right: 5px;
}

.voucher-list-filters .radios label img {
	width: 100%;
	padding-bottom: 5px;
	max-height: 140px;
}

.cards .card {
	float: left;
	width: 32%;
	margin: 0 2% 2% 0;
	border: 1px solid #1D4873;
	padding: 2%;
}

.cards .card:nth-of-type(3n) {
	margin-right: 0;
}

.phone.portrait .cards .card {
	float: left;
	width: 49%;
}

.phone.portrait .cards .card:nth-of-type(2n) {
	margin-right: 0;
}

.cards .card img {
	width: 100%;
}

.cards .description {
	margin: 7px 0;
}

.cards .buttons {
	text-align: center;
	margin-bottom: 0;
}

.cards .btn {
	margin-top: 0;
}

.phone.portrait .cards .btn {
	margin-bottom: 5px;
}



/* tray printouts */

.tray-printout-links {
	clear: both;
	width: 100%;
	overflow: hidden;
}

.tray-printout-links a {
	display: block;
	float: left;
	width: 19.2%;
	margin: 0 1% 3% 0;
	text-align: center;
	font-size: .8em;
}

.phone.portrait .tray-printout-links a {
	width: 48%;
}

.phone.portrait .tray-printout-links a:nth-of-type(2n+1) {
	clear: left;
}

.phone.landscape .tray-printout-links a {
	width: 32%;
}

.phone.landscape .tray-printout-links a:nth-of-type(3n+1) {
	clear: left;
}

.tray-printout-links a img {
	display: block;
	margin-bottom: 5px;
	width: 100px;
	margin: 0 auto;
}

.tray-printout-links a span {
	font-size: 1.5em;
	clear: both;
	display: block;
	padding: 3px 0;
}

.tray-printout-links a span+span {
	font-size: 1.2em;
}

.tray-printout-links a:nth-of-type(5n) {
	margin-right: 0;
}




/* Tray guides */

.trayguides .system {
		width: 100%;
		clear: both;
		padding-bottom: 5px;
		border-bottom: 1px solid #999;
		overflow: hidden;
		margin-bottom: 25px;
}

.trayguides .system p {
		float: left;
		width: 25%;
		margin-bottom: 7px !important;
		padding: 0 20px 0 0;
}

.phone.portrait .trayguides .system p {
	width: 50%;
}

.trayguides .system p:nth-of-type(4n+1) {
		clear: left;
}

.phone.portrait .trayguides .system p:nth-of-type(2n+1) {
		clear: left;
}


.trayguides {
	overflow: hidden;	
}

.trayguides .trayguide {
	overflow: hidden;	
}

.trayguides p {
	font-size: 14px;	
}

.trayguides p.heading a {
	font-weight: 400;
	color: #1D4873;
	margin: 0 0 .7em 0;
	font-family: 'Open Sans', 'Helvetica, Arial', sans-serif;
	line-height: normal;
	font-size: 18px;
}


.footer-menu {
	width: 100%;
	max-width: 996px;
	clear: both;
	overflow: hidden;
	margin: 15px auto;
	padding: 10px;
}

.footer-menu div {
	float: left;
	width: 24%;
	margin-right: 1.25%;
	text-align: left;
}

.phone.portrait .footer-menu div {
	float: left;
	width: 48%;
	margin-right: 2%;
	text-align: center;
	margin-bottom: 20px;
}

.phone.portrait .footer-menu div p {
	margin-bottom: 10px;
	font-size: 16px;
}

.footer-menu div a {
	color: #000;
}

.footer-menu div:nth-of-type(4n) {
	margin-right: 0;
}

.footer-menu div p {
	font-size: 12px;
	margin-bottom: 3px;
}

/* tooltip */

/*
.jutooltip.jutooltip-bottom-right {
	left: 47px !important;
}
*/

/*
.jutooltip-bottom-right .jutooltip-close {
	top: 0 !important;
	bottom: auto !important;
}
*/

/*
.phone .jutooltip-box-tl {
	max-width: 280px !important;
}
*/





/* video */

.video {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 0px;
		height: 0px;
		overflow: hidden;
}

.video iframe, .video object, .video embed {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
}

.fadeable {
	position: relative;
}

.product-list-loading {
	position: absolute;
	display: block;
	width: 100%;
	text-align: center;
	top: 0;
}

#case-filler {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/blk-75.png);
	z-index: 10;
	padding: 1%;
}

/*
.phone #case-filler {
	position: absolute;
}
*/

#case-filler .gallery {
	width: 30%;
	float: left;
	padding-right: 10px;
}

.phone.portrait #case-filler .gallery {
	width: 100%;
	padding-right: 0;
}

.case-filler-wrap {
	background: #fff;
	padding: 15px;
/* 	overflow: hidden; */
	overflow: auto;
	height: 100%;
	max-width: 1000px;
	margin: auto
}

/*
.phone .case-filler-wrap {
	max-height: auto;
}
*/

.case-filler-close {
	cursor: pointer;
	float: right;
	margin-bottom: 10px;
}

.filler-menu {
	width: 100%;
	clear: both;
	overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 0;
}

.filler-menu li {
	display: block;
	float: left;
	background: #eaeaea;
	padding: 5px;
	border-radius: 4px;
	margin: 0 10px 10px 0;
	line-height: 30px;
	cursor: pointer;
}

.phone .filler-menu li {
	margin: 0 5px 5px 0;
	line-height: normal;
}

.filler-menu li.active {
	background: green;
	color: #fff;
}

/*
.phone.portrait .filler-menu li {
	width: 100%;
}
*/

.filler-menu li select {
	margin-bottom: 0;
	width: 150px;
}

.case-filler-wrap .set.end-of-line {
	margin-right: 0;
}

.case-filler-wrap .set.end-of-line + .set {
	clear: left;
}

.case-filler-wrap .case {
	width: 100%;
	background: #eaeaea;
	overflow: hidden;
	margin-bottom: 15px;
	padding: 20px;
}

.phone .case-filler-wrap .case {
	margin-bottom: 5px;
}

.case-filler-wrap .image-holder .btn {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
}

.tablet.portrait .case-filler-wrap .case-contents .image-holder .btn,
.tablet.portrait .case-filler-wrap .case-contents .image-holder .name {
	font-size: 10px;
}

.case-filler-wrap .case-wrap {
	width: 70%;
	float: left;
}

.phone.portrait .case-filler-wrap .case-wrap {
	width: 100%;
	float: none;
}

.case-filler-wrap .case-contents {
	overflow: hidden;
}

.phone.portrait .case-filler-wrap .case-contents {
	width: 100%;
	clear: both;
}

.case-filler-wrap .case-contents .set {
	width: 33.33%;
	margin: 10px 0 20px 0;
	padding: 2px;
}

.case-filler-wrap .case-contents .set.end-of-line + .set {
	clear: none;
}

/*
.case-filler-wrap .case-contents {
	here
}
*/

.filltype-menu {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
}

.filltype-menu li {
	display: inline-block;
	cursor: pointer;
	margin-right: 10px;
	padding: 5px;
	border: 1px solid #aeaeae;
	border-radius: 4px;
}

.filltype-menu li.active,
.phone .categories-menu li.active {
	background-color: green;
	color: #fff;
}

.phone .filltype-menu li {
	width: 100%;
	margin: 0 auto 3px auto;
}

.categories-menu {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
}

.categories-menu li {
	display: inline-block;
	cursor: pointer;
	margin-right: 10px;
}

.phone .categories-menu {
	width: 100%;
	overflow: hidden;
}

.phone .categories-menu li {
	display: block;
	float: left;
	width: 48%;
	margin: 0 1% 10px 1%;
	text-align: center;
	padding: 5px;
	border: 1px solid #aeaeae;
	border-radius: 4px;
}

.phone.portrait .categories-menu li {
	min-height: 3.5em;
}


.phone .categories-menu li:nth-of-type(2n+3) {
	clear: left;
	/* background: aqua; */
}

.case-remain {
	margin: 20px 0;
	font-weight: bold;
	font-size: 25px;
	color: #1d4873;
}

.phone .case-remain {
	margin: 0px 0 10px 0;
}

.case-filler-basket-wish {
	margin-bottom: 15px;
}

.phone .case-filler-basket-wish {
	margin-bottom: 5px;
}

.case-filler-basket-wish span.btn {
	margin-right: 5px;
	margin-top: 0;
}

.phone.portrait .case-filler-basket-wish span.btn {
	margin-top: 5px;
	width: 100%;
}

.case-filler-wrap .description,
.case-contents .description,
.case-filler-wrap .button,
.case-contents .button {
	float: left;
}

.phone .case-filler-wrap .description,
.phone .case-filler-wrap .button {
	float: none;
	width: 100%;
} 

.phone.portrait .case-filler-wrap select {
	width: 100%;
}

/*
.case-filler-wrap .set {
	float: left;
	clear: both;
	margin-bottom: 20px;
}
*/

.phone .case-filler-wrap .set {
	width: 100%;
}

#fill-core-trays,
#fill-custom-trays,
#fill-railway-trays,
#fill-gamesworkshop-classic-trays {
	overflow: hidden;
}


#fill-core-trays img,
#fill-custom-trays img,
#fill-railway-trays img,
#fill-gamesworkshop-classic-trays img,
.case-contents img {
	float: left;
	margin-right: 5px;
	width: 160px;
}

.phone.portrait #fill-core-trays img,
.phone.portrait #fill-custom-trays img,
.phone.portrait #fill-railway-trays img,
.phone.portrait #fill-gamesworkshop-classic-trays img,
.phone.portrait .case-contents img {
	float: none;
	margin-right: 0;
	clear: both;
	width: 100%;
}

.case-filler-wrap .button .btn {
	margin-left: 5px;
	margin-top: 12px;
}

.case-filler-wrap .case-contents h3 {
	margin-bottom: 0;
}

.phone .case-filler-wrap .button .btn {
	margin-left: 0;
	margin-top: 3px;
	width: 100%;
}






h3.contactdetails + div {
	margin-right: 20px;
}




.product.out-of-stock .btn.quick-fill,
.product.out-of-stock .btn.bespoke {
	display: none!important;
}

.tablet.landscape .fullsite {
	display: none;
}

.fullsite {
	display: block;
	color: #fff000;
	text-align: center;
	margin: 5px;
	font-size: .9em;
}


.news-letter-form-wrap {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.75);
	z-index: 1000;
}

.news-letter-form {
	position: relative;
	width: 360px;
	background: #fff;
	padding: 20px;
	margin: 100px auto 0 auto;
	z-index: 2;
}

input.news-letter-signup-button,
.kr-community a.news-letter-signup-button {
	display: block;
	padding: 10px;
	border-radius: 5px;
	background-image: none;
	margin: auto;
	background-color: #007500;
	color: #fff;
	margin-bottom: 10px;
	font-size: 14px;
	text-decoration: none;
}

input.news-letter-signup-button:hover,
.kr-community a.news-letter-signup-button:hover {
	background-color: #02a402;	
}

.news-letter-close-a {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
}

.news-letter-close-a img {
	position: absolute;
	top: 20px;
	right: 20px;
}

.news-letter-form i,
.news-letter-form .required {
	color: red;
}

.news-letter-form .required {
	font-size: 12px;
	text-align: right;
}

.news-letter-form input {
	border: 1px solid #888;
	padding: 2px;
	width: 100%;
	margin-bottom: 15px;
}

.full-run-table th {
	text-align: center;
}

.full-run-table .btn {
	margin: 0;
}

.full-run-table,
.full-run-table td,
.full-run-table th {
	border: 1px solid #000;
}

.full-run-table .run-sql :nth-child(1),
.full-run-table .run-sql.failure :nth-child(2),
.full-run-table .run-sql:hover :nth-child(2) {
	display: inline-block;
}

.full-run-table .run-sql:hover :nth-child(1),
.full-run-table .run-sql.failure :nth-child(1),
.full-run-table .run-sql :nth-child(2) {
	display: none;
}

.full-run-table .sql-list.processing {
	background-color: #ade;
}

.full-run-table .sql-list.success {
	background-color: #beb;
}

.full-run-table .sql-list.failure {
	background-color: #fbb;
}

.full-run-table .phase4 .btn,
.full-run-table .phase5 .btn,
.full-run-table .phase9 .btn,
.full-run-table .phase8 .btn {
	width: auto;
	padding: 0;
	min-width: 5px;
	height: 20px;
}

.full-run-table .phase4 .btn .icon-pause,
.full-run-table .phase5 .btn .icon-pause,
.full-run-table .phase8 .btn .icon-pause,
.full-run-table .phase9 .btn .icon-pause,
.full-run-table .phase4 .btn .icon-ok,
.full-run-table .phase5 .btn .icon-ok,
.full-run-table .phase8 .btn .icon-ok,
.full-run-table .phase9 .btn .icon-ok {
	display: none;
}

.checked-kru,
.downloaded-kru {
	text-align: center;
	font-size: 30px;
	font-weight: bold;
}

.run-sql.processing .icon-play {
	display: none;
}
.run-sql.processing .not-icon {
	display: block;
}

.more-armies,
.more-search {
	text-transform: unset;
	vertical-align: unset;
	padding: 0 6px;
}

.search-result-heading {
	overflow: auto;
}

.search-result + .search-result {
	border-top: 1px dotted #08c;
	padding-top: 10px;
}

.search-group .btn {
	margin-top: 10px;
}

.close-search,
.open-search {
	display: none;
}

.tab-image {
	width: 50px;
}

.product-details .product-details-table td {
	vertical-align: top;
}

.product-details h1 {
	margin: 0;
}

.view-set-link, .buy-prefilled-link {
	margin-left: 20px;
}



/* tray-selector */

#tray-selector,
#tray-selector p {
	font-size: 15px;
}

#tray-selector .ts-cases,
#tray-selector .ts-mansysarmy,
#tray-selector .ts-trayset-caseset-model {
	border: 1px solid #000;
	border-radius: 5px;
	padding: 15px;
	margin-bottom: 15px;
}

#tray-selector .ts-header {
	margin-bottom: 5px;
}

#tray-selector .ts-header > p {
	display: none;
} 

#tray-selector .ts-header .ts-header-row {
	clear: both;
	overflow: hidden;
}

#tray-selector .ts-header .ts-header-row .ts-header-logo-kr,
#tray-selector .ts-header .ts-header-row .ts-header-logo-trayselector,
#tray-selector .ts-header .ts-header-row .ts-header-logo-navara {
	position: relative;
	display: block;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
	float: left;
	margin: 0;
	text-align: center;
}

.tablet #tray-selector .ts-header .ts-header-row .ts-header-logo-kr,
.tablet #tray-selector .ts-header .ts-header-row .ts-header-logo-trayselector,
.tablet #tray-selector .ts-header .ts-header-row .ts-header-logo-navara {
	
}

.phone #tray-selector .ts-header .ts-header-row .ts-header-logo-kr,
.phone #tray-selector .ts-header .ts-header-row .ts-header-logo-trayselector,
.phone #tray-selector .ts-header .ts-header-row .ts-header-logo-navara {
	
}

#tray-selector .ts-header .ts-header-row .ts-header-logo-kr img,
#tray-selector .ts-header .ts-header-row .ts-header-logo-trayselector img,
#tray-selector .ts-header .ts-header-row .ts-header-logo-navara img {
	max-width: 100%;
	max-height: 100%;
}

#tray-selector .ts-header .ts-header-row .ts-header-logo-kr {
	width: 20%;
}
.tablet #tray-selector .ts-header .ts-header-row .ts-header-logo-kr {
	width: 20%;
}
.phone #tray-selector .ts-header .ts-header-row .ts-header-logo-kr {
	width: 20%;
}

#tray-selector .ts-header .ts-header-row .ts-header-logo-trayselector {
	width: 60%;
}
.tablet #tray-selector .ts-header .ts-header-row .ts-header-logo-trayselector {
	width: 60%;
}
.phone #tray-selector .ts-header .ts-header-row .ts-header-logo-trayselector {
	width: 60%;
}

#tray-selector .ts-header .ts-header-row .ts-header-logo-navara {
	width: 20%;
}
.tablet #tray-selector .ts-header .ts-header-row .ts-header-logo-navara {
	width: 20%;
}
.phone #tray-selector .ts-header .ts-header-row .ts-header-logo-navara {
	width: 20%;
}

#tray-selector .ts-header p {
	text-align: center;
}

#tray-selector .ts-cases {
	overflow: hidden;
}

#tray-selector .ts-cases .ts-cases-filter {
	float: left;
}

#tray-selector .ts-cases .ts-cases-filters p {
	float: left;
	margin-bottom: 0;
	line-height: 30px;
	padding-right: 3px;
}

#tray-selector .ts-cases .ts-cases-filters select {
	
}

.tablet.portrait #tray-selector .ts-cases .ts-cases-filters select {
	width: 49%;
}

.phone #tray-selector .ts-cases .ts-cases-filters select {
	width: 100%;
}

#tray-selector .ts-cases .ts-cases-carousel-wrap {
	position: relative;
	/*width: calc(100% - 205px);*/
	width: 100%;
	/*float: left;*/
}

#tray-selector .ts-cases .ts-cases-carousel-wrap .ts-cases-carousel-left,
#tray-selector .ts-cases .ts-cases-carousel-wrap .ts-cases-carousel-right {
	position: absolute;
	display: block;
	width: 30px;
	height: 30px;
	background-color: #f8b763;
	background-image: -moz-linear-gradient(top,#ffd37a,#f19b4c);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffd37a),to(#f19b4c));
	background-image: -webkit-linear-gradient(top,#ffd37a,#f19b4c);
	background-image: -o-linear-gradient(top,#ffd37a,#f19b4c);
	background-image: linear-gradient(to bottom,#ffd37a,#f19b4c);
	border-color: #f19b4c #f19b4c #ad6704;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffd37a',endColorstr='#fff89406',GradientType=0);
	text-align: center;
	/*top: calc(50% - 15px);*/
	top: calc(50% - 30px);
	top: 40px;
	z-index: 10;
	line-height: 30px;
	border-radius: 15px;
}

#tray-selector .ts-cases .ts-cases-carousel-wrap .ts-cases-carousel-left span,
#tray-selector .ts-cases .ts-cases-carousel-wrap .ts-cases-carousel-right span {
	color: #874101;
}

#tray-selector .ts-cases .ts-cases-carousel-wrap .ts-cases-carousel-left:hover,
#tray-selector .ts-cases .ts-cases-carousel-wrap .ts-cases-carousel-right:hover {
	background-color: #f19b4c;
}

.ts-cases-carousel-left {
	left: 10px;
}

.ts-cases-carousel-right {
	right: 10px;
}

.tablet.portrait #tray-selector .ts-cases .ts-cases-carousel-wrap,
.phone #tray-selector .ts-cases .ts-cases-carousel-wrap {
	width: 100%;
	float: none;
}

#tray-selector .ts-cases .ts-cases-carousel-wrap .kc-wrap {
	padding-bottom: 0;
	overflow: visible!important;
}

#tray-selector .ts-cases .ts-cases-carousel-wrap .ts-carousel-item {
	height: 138px !important;
	/*height: 180px!important;*/
	cursor: all-scroll;
}

#tray-selector .ts-carousel-item .ts-carousel-image {
	border: 1px solid #4973b7;
	/*width: 130px;*/
	width: 100%;
	height: 0;
	padding-top: 75%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-color: #fff;
}

#tray-selector .ts-cases .ts-cases-carousel-wrap .ts-carousel-item > img {
	opacity: 0;
	z-index: -1;
	position: fixed;
}

#tray-selector .ts-cases .ts-cases-carousel-wrap .ts-carousel-item .ts-carousel-details {
	text-align: center;
	/*padding: 5px 5px 10px 5px;*/
	font-size: 14px;
	position: relative;
	top: -21px;
}

#tray-selector .ts-carousel-details table {
	background-color: #4973b7;
	width: 100%;
}

#tray-selector .ts-carousel-details .btn {
	margin-top: 2px;
	font-size: 11px;
}

/*#tray-selector .ts-cases .ts-cases-carousel-wrap .ts-carousel-item .ts-carousel-details .btn {
	display: none;
	padding: 1px 3px 3px 3px;
	line-height: 11px;
	position: absolute;
	top: 0;
	left: 50%;
	display: block;
}*/

#tray-selector .ts-carousel-id,
#tray-selector .ts-carousel-size {
	color: #fff;
	font-size: .9em;
}

#tray-selector .ts-carousel-id {
	text-align: left;
	padding-left: 3px
}

#tray-selector .ts-carousel-size {
	text-align: right;
	padding-right: 3px;
}

#tray-selector .ts-cases .ts-cases-carousel-wrap .ts-cases-description,
#tray-selector .ts-cases .ts-cases-carousel-wrap .ts-cases-description.tscat-shrunk {
	text-align: left;
	margin-top: 5px;
	cursor: pointer;
	padding-top: 3px;
}

.ts-cases-description strong {
	margin-right: 5px;
}


#tray-selector .ts-mansysarmy {
	overflow: hidden;
	text-align: center;
}

#tray-selector .ts-mansysarmy .ts-mansysarmy-row .ts-mansysarmy-selector {
	display: block;
	width: 33.333333333%;
	float: left;
	padding: 0 15px;
}

.ts-carousel-item.kc-front-item {
	border: 2px solid #000;
	padding: 3px 3px;
	overflow: hidden;
	border-radius: 5px;
	background-color: #ccbe89;
}

.tablet.portrait #tray-selector .ts-mansysarmy .ts-mansysarmy-row .ts-mansysarmy-selector,
.phone #tray-selector .ts-mansysarmy .ts-mansysarmy-row .ts-mansysarmy-selector {
	display: block;
	width: 100%;
	float: none;
	padding: 10px;
	border: 1px solid #444;
	margin-bottom: 10px;
}

.ts-mansysarmy-man,
.ts-mansysarmy-sys,
.ts-mansysarmy-army {
	display: inline-block;
	background-color: #4973b7;
	padding: 5px;
	text-align: center;
	width: 300px;
	max-width: 100%;
	color: #fff;
}



.tablet.portrait .ts-mansysarmy-selector select,
.phone .ts-mansysarmy-selector select,
.tablet.portrait .ts-mansysarmy-man,
.tablet.portrait .ts-mansysarmy-sys,
.tablet.portrait .ts-mansysarmy-army,
.phone .ts-mansysarmy-man,
.phone .ts-mansysarmy-sys,
.phone .ts-mansysarmy-army {
	width: 100%;
}

.ts-mansysarmy-man img,
.ts-mansysarmy-sys img,
.ts-mansysarmy-army img {
	display: inline-block;
}

.ts-selection-block.hidden {
	display: none;
}
.ts-selection-block {
	/*position: fixed;
	background: rgba(0,0,0,.9);*/
	/*width: calc(100% - 30px);
	height: calc(100% - 30px);
	top: 15px;
	right: 15px;
	bottom: 15px;
	left: 15px;*/
	/*padding: 15px;*/
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	/*border-radius: 5px;*/
	z-index: 10;
	overflow: auto;
}

.ts-selection-close {
	/*position: fixed;
	top: 5px;
	right: 20px;*/
	float: right;
	margin-bottom: 5px;
	width: 30px;
	height: 30px;
	background: url(../images/close-zoom.png) 0 0;
	z-index: 1;
	cursor: pointer;
	overflow: hidden;
	text-indent: -1000px;

}

.ts-selection-block table {
	width: 100%;
	max-width: 100%;
	text-align: left;
	vertical-align: top;
	margin-bottom: 15px;
	/*color: #444;*/
	min-width: 600px;
}

.ts-selection-block table:first-of-type {
	margin-top: 30px;
}

.ts-selection-block table:last-of-type {
	margin-bottom: 0;

}

/*.ts-selection-block table tbody tr:nth-of-type(2n) td {
	background-color: #444;
}*/

.ts-selection-block table th,
.ts-selection-block table td {
	border: 1px solid #eaeaea;
	padding: 5px;
	vertical-align: top;
	word-break: break-word;

}

/*.ts-selection-block table th {
	color: #444;
	font-weight: normal;
	font-size: 1.4em;
}*/

.ts-selection-block table tbody tr td:first-of-type {
	width: 100px;
}

.phone .ts-selection-block table tbody tr td:first-of-type {
	width: 60px;
}

.ts-selection-block table tbody tr td:nth-of-type(3) {
	width: 40px;
}

.ts-selection-block table tbody tr td:nth-of-type(3) img {
	min-width: 40px;
}

.ts-selection-block table tbody tr td:last-of-type {
	width: 104px;
}

.phone .ts-selection-block table tbody tr td:last-of-type {
	width: 80px;
}

/*.ts-selection-block table tbody tr td .btn {
	margin-top: 0;
	width: 140px;
	padding: 5px;
}*/

.phone .ts-selection-block table tbody tr td .btn {
	width: 70px;
}

.phone .ts-selection-block .btn-group .btn {
	display: block;
}

.ts-trayset-caseset-model {
	overflow: hidden;
	position: relative;
}

.phone .ts-trayset-caseset-model {
	text-align: center;
}

.ts-trayset-caseset-model .ts-tcm-trayset-caseset {
	width: 80%;
	width: 100%;
	float: left;
	overflow: hidden;
	padding-top: 0;
}

.tablet.portrait .ts-trayset-caseset-model .ts-tcm-trayset-caseset,
.phone .ts-trayset-caseset-model .ts-tcm-trayset-caseset {
	width: 100%;
	float: none;
}

.ts-trayset-caseset-model .ts-tcm-model,
.ts-trayset-caseset-model .ts-tcm-tray,
.ts-trayset-caseset-model .ts-tcm-traylist,
.ts-trayset-caseset-model .ts-tcm-setlist,
.ts-trayset-caseset-model .ts-tcm-casesetlist {
	float: left;
	padding: 5px;
}

.ts-trayset-caseset-model .ts-tcm-model {
	width: 20%;
	padding-top: 0;
}

.tablet.portrait .ts-trayset-caseset-model .ts-tcm-model,
.phone .ts-trayset-caseset-model .ts-tcm-model {
	width: 100%;
	padding: 5px 0;
}

.ts-trayset-caseset-model .ts-tcm-model .ts-tcm-modellist {
	padding-top: 5px;
}

.ts-trayset-caseset-model .ts-tcm-tray,
.ts-trayset-caseset-model .ts-tcm-traylist,
.ts-trayset-caseset-model .ts-tcm-setlist,
.ts-trayset-caseset-model .ts-tcm-casesetlist {
	width: 25%;
	float: left;
	padding: 5px;
}

.phone .ts-trayset-caseset-model .ts-tcm-tray,
.phone .ts-trayset-caseset-model .ts-tcm-traylist,
.phone .ts-trayset-caseset-model .ts-tcm-setlist,
.phone .ts-trayset-caseset-model .ts-tcm-casesetlist {
	width: 100%;
	float: none;
	padding: 5px 0;
}

.ts-trayset-caseset-model .ts-tcm-tray input {
	max-width: 100%;
}

.ts-trayset-caseset-model .ts-tcm-tray .btn,
.ts-trayset-caseset-model .ts-tcm-traylist .btn,
.ts-trayset-caseset-model .ts-tcm-setlist .btn,
.ts-trayset-caseset-model .ts-tcm-casesetlist .btn,
.ts-trayset-caseset-model .ts-tcm-model .btn {
	margin-top: 0;
}


.ts-trayset-caseset-model .ts-tcm-tray input,
.ts-trayset-caseset-model .ts-tcm-traylist .btn,
.ts-trayset-caseset-model .ts-tcm-setlist .btn,
.ts-trayset-caseset-model .ts-tcm-casesetlist .btn,
.ts-trayset-caseset-model .ts-tcm-model .btn {
	width: 100%;
	margin-bottom: 0;
}

.computer .ts-trayset-caseset-model .ts-tcm-tray input,
.computer .ts-trayset-caseset-model .ts-tcm-traylist .btn,
.computer .ts-trayset-caseset-model .ts-tcm-setlist .btn,
.computer .ts-trayset-caseset-model .ts-tcm-casesetlist .btn,
.computer .ts-trayset-caseset-model .ts-tcm-model .btn {
	min-height: 48px;
}

.ts-trayset-caseset-model .ts-tcm-tray > p {
	width: 100%;
}

#tray-selector .hidden {
	display: none;
}


/* BENCH */

.ts-bench-header {
	position: relative;
	z-index: 2;
	margin-bottom: -1px; 
}

.ts-bench {
	position: relative;
	background-color: rgba(73, 115, 183, 0.4);
	padding: 15px;
	border-radius: 0 5px 5px 5px;
	border: 1px solid #444;
	z-index: 1;
}

.ts-bench .btn {
	margin-top: 0;
}

.ts-bench-menu li.active {
	background-image: none;
	background-color: rgba(73, 115, 183, 0.4);
	color: #4973b7;
	padding-top: 4px;
	border: 1px solid #444;
	border-bottom-color: #adc3e1;
	margin-bottom: -1px;
}

.ts-bench-options,
.ts-bench-case,
.ts-tray-stack {
	overflow: hidden;
	margin: 15px 0;
}

.ts-tray-stack {
	position: relative;
}

.ts-bench-options {
	margin: 0;
}

.ts-bench .ts-bench-admin {
	float: left;
	width: 50%;
}

.ts-bench .ts-bench-admin .btn {
	width: 48%;
	margin: 5px 2% 5px 0;
	float: left;
}

.ts-bench .ts-bench-admin .apply-rename-bench {
	width: 48%;
	margin: 5px 2% 5px 0;
	float: left;
}

.ts-bench .ts-bench-admin .apply-rename-bench input[type="text"] {
	width: calc(100% - 60px);
	height: 28px;

}

.ts-bench .ts-bench-admin .apply-rename-bench .btn {
	width: 60px;
	margin: 0;
	float: right;
	border: 1px solid #0a458c;
	line-height: 21px;
	height: 28px;
}

.ts-bench .ts-bench-to-basket {
	float: right;
	width: 50%;
	text-align: right;
}

.ts-bench .ts-bench-to-basket .btn {
	margin: 5px;
}

.ts-bench .ts-bench-case {
	background-color: #fef6e6;
	padding: 15px;
	border: 1px solid #0a458c;
	border-radius: 5px;
	margin-top: 0;
}

/*.bench-case-expand {
	float: left;
	clear: both;
	background-color: #fff;
	padding: 2px 3px 3px 3px;
	text-align: center;
	border: 1px solid #000;
	border-radius: 50%;
	cursor: pointer;
	margin-right: 4px;
}
*/
.ts-bench-case.expanded .expanded {
	display: block;
}

.ts-bench-case .expanded {
	display: none;
}

.ts-bench-case.expanded .contracted {
	display: none;
}

.ts-bench-case .contracted {
	display: block;
}

.ts-bench-case .ts-bc-visual,
.ts-bench-case .ts-bc-details {
	display: none;
}

.ts-bench-case.expanded .ts-bc-visual,
.ts-bench-case.expanded .ts-bc-details {
	display: block;
}


.ts-bench .ts-bench-case .ts-bc-header,
.ts-bench .ts-bench-case .ts-bc-visual,
.ts-bench .ts-bench-case .ts-bc-details {
	overflow: hidden;
}

.case-expand {
	display: none;
}

.ts-bc-visual {
	width: 556px;
	float: left;
}

.ts-bch-case-buttons {
	width: 100%;
	clear: both;
	margin-bottom: 3px;
	overflow: auto;
}

.ts-bch-case-buttons .btn {
	padding: 3px;
}

.bench-case-expand,
.bench-case-change-type,
.bench-case-change-size,
.bench-case-change-colour,
.bench-case-delete-all {
	display: block;
	width: 19.5%;
	float: left;
	margin-right: .5%;
}

.bench-case-change-type > .btn,
.bench-case-change-size > .btn,
.bench-case-change-colour > .btn,
.bench-case-delete-all > .btn {
	display: block;
}

.bench-case-expand .btn,
.bench-case-change-type .btn,
.bench-case-change-size .btn,
.bench-case-change-colour .btn,
.bench-case-delete-all .btn {
	font-size: 12px;
}

.case-split-vertical,
.case-split-horizontal {
	display: none!important;
}

.ts-bc-details {
	width: calc(100% - 560px);
	float: right;
}

.phone .ts-bc-visual,
.phone .ts-bc-details {
	width: 100%;
	float: none;
}

.phone .ts-bc-visual {
	margin-bottom: 10px;
}

/*.ts-bench .ts-bench-case .ts-bc-visual,*/
.ts-bench .ts-bench-case .ts-bcd-synopsis,
.ts-bench .ts-bench-case .ts-bcd-counter,
.ts-bench .ts-bench-case .ts-bcd-description {
	border: 1px solid #000;
	border-radius: 4px;
	padding: 5px;
	background-color: #dcdbc8;
}

.ts-bench .ts-bench-case .ts-bcd-header {
	display: table;
	width: 100%;
	margin-bottom: 5px;
}

.ts-bench .ts-bench-case .ts-bcd-synopsis,
.ts-bench .ts-bench-case .ts-bcd-counter,
.ts-bench .ts-bench-case .ts-bcd-spacer {
	display: table-cell;
	vertical-align: middle;
}

.ts-bench .ts-bench-case .ts-bcd-synopsis {
	text-align: center;
}

.ts-bench .ts-bench-case .ts-bcd-spacer {
	width: 5px;
}

.ts-bench .ts-bench-case .ts-bcd-counter {
	width: 122px;
}

/*.ts-bcd-header > div {
	width: 50%;
}*/

.ts-bench .ts-bench-case .ts-bcd-counter p:first-of-type {
	text-align: center;
}

.ts-bench .ts-bench-case .ts-bcd-description {
	clear: both;
	overflow: hidden;
}

.ts-bench .ts-bench-case .ts-bcd-description .ts-bcdd-buttons {
	overflow: hidden;
}

.ts-bench .ts-bench-case .ts-bcd-description .ts-bcdd-buttons .btn {
	width: 49%;
	float: left;
}

.ts-bench .ts-bench-case .ts-bcd-description .ts-bcdd-buttons .btn:nth-of-type(1) {
	width: 100%;
	margin-bottom: 5px;
}

.ts-bench .ts-bench-case .ts-bcd-description .ts-bcdd-buttons .btn:nth-of-type(2),
.ts-bench .ts-bench-case .ts-bcd-description .ts-bcdd-buttons .btn:nth-of-type(3) {
	line-height: normal;
	font-size: 12px;
}

.ts-bench .ts-bench-case .ts-bcd-description .ts-bcdd-buttons .btn:nth-of-type(3) {
	float: right;
}

.ts-bch-text {
	width: 70%;
	float: left;
}

.ts-bch-buttons {
	width: 30%;
	max-width: 254.5px;
	float: right;
	text-align: center;
}

.ts-bch-buttons p {
	margin-top: 20px;
}

.ts-tray-stack {
	background-color: rgba(73, 183, 115, 0.4);
	padding: 15px;
	border-radius: 5px;
	border: 1px solid #444;
}

.ts-tsi-item {
	padding: 2px;
	border-radius: 2px;
	border: 1px solid #444;
	width: 32.666%;
	display: block;
	float: left;
	margin: 0 1% 1% 0;
}

.ts-tsi-item:nth-of-type(3n) {
	margin-right: 0;
}

.ts-tsi-item table {
	width: 100%;
}

.ts-tsi-delete-all {
	display: none;
}

.ts-tsi-item + .ts-tsi-delete-all {
	width: 100%;
	clear: both;
	display: block;
	margin-top: 10px;
	text-align: right;
}

.ts-tsi-delete-all .btn {
	margin-top: 0;
}

.ts-tsi-item table tbody tr:first-of-type td:first-of-type {
	width: 26px;
}

.ts-tray-stack-button {
	display: block;
	background-color: #fff;
	border-radius: 10px;
	padding: 0px 2px;
	margin: 2px;
	width: 18px;
	height: 18px;;
}

.ts-tray-stack-button .icon-trash {
	width: 14px;
	height: 14px;
}

.ts-tsi-id,
.ts-tsi-name {
	border: 1px solid #000;
	line-height: 20px;
	background-color: #fef6e6;
	padding: 2px;
	font-size: 14px;
}

.ts-tsi-item table tbody tr td[rowspan="2"] {
	width: 65.333px;
	border: 1px solid #000;
}

.ts-tsi-item table tbody tr td[rowspan="2"] img {
	height: 49px;
}

.delete-traystack-tray {
	cursor: pointer;
}

.tsCaseAnimation {
	position: absolute;
}


/* 3d visuals */

.ts-bcd-synopsis,
.ts-bcdd-text {
	position: relative;
}

.ts-bcdd-text ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.ts-bc-visual {
	position: relative;
	border: 1px solid #000;
	border-radius: 5px;
	background-color: #dcdbc8;
	padding: 10px;
	padding-bottom: 80px;
	min-height: 318px;
}

.ts3d-bench-aplusb-case {
	margin: 15px 0 0 0;
	text-align: center;
}

.ts3d-bench-aplusb-case .case-remove-all {
	margin-bottom: 5px;
}

.ts3d-wrap {
	width: 600px;
}
.ts3d-canvas {
	perspective: 900px;
	perspective-origin: 50% -50%;
	position: relative;
	width: 49%;
	height: 259px;
	padding-top: 10px;
}

.ts3d-bench-bottom .ts3d-front > div {
	width: 31.333333333%;
	float: left;
	margin: 1%;
}

.ts3d-bench-bottom .ts3d-front > div .btn {
	line-height: normal;
	font-size: 10px;
}


/* 3d visualised */

.ts-bch-text .case-image {
	float: left;
	clear: left;
	max-width: 75px;
	margin: 0 14px 2px 0;
	margin-top: 3px;
}

.ts3d-front {
	text-align: right;
}

.ts3d-front-options {
	padding: 3px;
}

.colour-selection {
	padding: 3px 5px;
}

.ts3d-fo-button span {
	background-color: #fff;
	margin-right: 3px;
	border-radius: 50%;
	padding: 2px;
	display: inline-block;
	border: 1px solid #fff;
	cursor: pointer;
}

.ts3d-fo-button span[class^="icon-"]{
	width: 16px;
	height: 16px;
}

.ts3d-fo-button.disabled span {
	opacity: .2;
	cursor: not-allowed;
}

.ts3d-fo-button.working span {
	cursor: wait;
}

.ts3d-colour-wheel {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-top: 1px;
	line-height: 14px;
	vertical-align: text-top;
	background-image: url("../images/colour-wheel.png");
	background-repeat: no-repeat;
}

.ts3d-info-icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-top: 1px;
	line-height: 14px;
	vertical-align: text-top;
	background-image: url("../images/info.png");
	background-repeat: no-repeat;
}

.ts3d-join-tray {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-top: 1px;
	line-height: 14px;
	vertical-align: text-top;
	background-image: url("../images/join.png");
	background-repeat: no-repeat;
}

.ts3d-split-tray {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-top: 1px;
	line-height: 14px;
	vertical-align: text-top;
	background-image: url("../images/split.png");
	background-repeat: no-repeat;
}

.ts3d-stack-tray {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-top: 1px;
	line-height: 14px;
	vertical-align: text-top;
	background-image: url("../images/save.png");
	background-repeat: no-repeat;
}

.ts3d-front.showColours .ts3d-front-options,
.ts3d-front .colour-selection,
.ts3d-front.showColours .ts3d-tray-code {
	display: none;
}

.ts3d-front .ts3d-front-options,
.ts3d-front.showColours .colour-selection,
.ts3d-front .ts3d-tray-code {
	display: inline-block;
}

.phone .ts3d-front.showColours .colour-selection {
	background-color: #fff;
	border: 1px solid #000;
	border-radius: 3px;
}

.ts3d-all-trays-colour {
	text-align: right;
	width: 272px;
	padding: 5px;
	background-color: #487ec5;
	float: right;
	z-index: 2;
	position: absolute;
	bottom: 7px;
	right: 7px;
	border-radius: 5px;
}

.ts3d-all-trays-colour p {
	color: #fff;
	font-size: 14px;
}

.ts3d-all-trays-colour .colour-selection {
	padding: 0;
}

.ts3d-all-trays-colour .colour-selection .colour-btn {
    margin-right: 0;
    margin-left: 3px;
}

.ts-tray-info.hidden {
	display: none;
}

.ts3d-tray-code {
    float: left;
    padding: 5px;
    color: #000;
}

.tc-black .ts3d-tray-code {
    color: #888;
}

.ts-tray-info {
	display: block;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,.9);
	z-index: 12;
}

.ts-tray-info .ts-tray-info-content {
    max-width: 600px;
    margin: 20px auto;
    background: #fff;
    padding: 15px;
}


/* TICKER */

.ts-bcdc-troops, 
.ts-bcdc-vehicles {
	line-height: 26px;
}

.ts-bcdct-counter,
.ts-bcdcv-counter {
	display: inline-block;
	position: relative;
	width: 43px;
	height: 30px;
	overflow: hidden;
	border-radius: 6px;
	/*margin-bottom: -10px;*/
	float: right;
}
.ts-bcdct-reel-overlay,
.ts-bcdcv-reel-overlay {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 56px;
	height: 30px;
	background-image: url('/templates/krmulticase/images/ts-counter-overlay.png');
}
.ts-bcdct-reel,
.ts-bcdcv-reel {
	background: url('/templates/krmulticase/images/ts-counter-numbers.png') repeat-y 0 27px;
	display: block;
	height: 25px;
	width: 12px;
	position: absolute;
	top: 0;
}
.ts-bcdct-reel:nth-child(1),
.ts-bcdcv-reel:nth-child(1) {
	left: 3px;
}
.ts-bcdct-reel:nth-child(2),
.ts-bcdcv-reel:nth-child(2) {
	left: 16px;
}
.ts-bcdct-reel:nth-child(3),
.ts-bcdcv-reel:nth-child(3) {
	left: 29px;
}
.ts-bcdct-reel:nth-child(4),
.ts-bcdcv-reel:nth-child(4) {
	left: 42px;
}

/* END TICKER */

/* lots of visual stuff */

.ts3d-tray .ts3d-h-fifth .ts3d-front,
.ts3d-tray .ts3d-h-fifth .ts3d-left {
	height: 24px;
}

.ts3d-case .ts3d-h-quarter .ts3d-back,
.ts3d-case .ts3d-h-quarter .ts3d-right,
.ts3d-tray .ts3d-h-quarter .ts3d-front,
.ts3d-tray .ts3d-h-quarter .ts3d-left {
	height: 30px;
}

.ts3d-case .ts3d-h-third .ts3d-back,
.ts3d-case .ts3d-h-third .ts3d-right,
.ts3d-tray .ts3d-h-third .ts3d-front,
.ts3d-tray .ts3d-h-third .ts3d-left {
	height: 40px;
}

.ts3d-case .ts3d-h-half .ts3d-back,
.ts3d-case .ts3d-h-half .ts3d-right,
.ts3d-tray .ts3d-h-half .ts3d-front,
.ts3d-tray .ts3d-h-half .ts3d-left {
	height: 60px;
}

.ts3d-tray .ts3d-h-two-thirds .ts3d-front,
.ts3d-tray .ts3d-h-two-thirds .ts3d-left {
	height: 80px;
}

.ts3d-tray .ts3d-h-three-quarters .ts3d-front,
.ts3d-tray .ts3d-h-three-quarters .ts3d-left {
	height: 90px;
}

.ts3d-case .ts3d-h-one .ts3d-back,
.ts3d-case .ts3d-h-one .ts3d-right,
.ts3d-tray .ts3d-h-one .ts3d-front,
.ts3d-tray .ts3d-h-one .ts3d-left {
	height: 120px;
}

.ts3d-case .ts3d-h-one-third .ts3d-back,
.ts3d-case .ts3d-h-one-third .ts3d-right,
.ts3d-tray .ts3d-h-one-third .ts3d-front,
.ts3d-tray .ts3d-h-one-third .ts3d-left {
	height: 160px;
}

.ts3d-case .ts3d-h-one-half .ts3d-back,
.ts3d-case .ts3d-h-one-half .ts3d-right,
.ts3d-tray .ts3d-h-one-half .ts3d-front,
.ts3d-tray .ts3d-h-one-half .ts3d-left {
	height: 180px;
}

.ts3d-case .ts3d-h-one-two-third .ts3d-back,
.ts3d-case .ts3d-h-one-two-third .ts3d-right,
.ts3d-tray .ts3d-h-one-two-third .ts3d-front,
.ts3d-tray .ts3d-h-one-two-third .ts3d-left {
	height: 200px;
}

.ts3d-case .ts3d-h-one-three-quarters .ts3d-back,
.ts3d-case .ts3d-h-one-three-quarters .ts3d-right,
.ts3d-tray .ts3d-h-one-three-quarters .ts3d-front,
.ts3d-tray .ts3d-h-one-three-quarters .ts3d-left {
	height: 210px;
}

.ts3d-case .ts3d-h-two .ts3d-back,
.ts3d-case .ts3d-h-two .ts3d-right,
.ts3d-case .ts3d-d-one .ts3d-bottom,
.ts3d-tray .ts3d-d-one .ts3d-top,
.noSVGimage {
	height: 240px;
}

.ts3d-case .ts3d-h-three .ts3d-back,
.ts3d-case .ts3d-h-three .ts3d-right,
.ts3d-tray .ts3d-h-three .ts3d-front,
.ts3d-tray .ts3d-h-three .ts3d-left {
	height: 360px;
}

.ts3d-case .ts3d-w-half .ts3d-bottom,
.ts3d-case .ts3d-w-half .ts3d-back,
.ts3d-tray .ts3d-w-half .ts3d-front,
.ts3d-tray .ts3d-w-half .ts3d-top,
.ts3d-w-half .noSVGimage {
	width: 190px;
}

.ts3d-case .ts3d-w-one .ts3d-back,
.ts3d-case .ts3d-w-one .ts3d-bottom,
.ts3d-tray .ts3d-w-one .ts3d-front,
.ts3d-tray .ts3d-w-one .ts3d-top,
.ts3d-w-one .noSVGimage {
	width: 380px;
}

.ts3d-tray .ts3d-d-half .ts3d-left {
	width: 120px;
}

.ts3d-tray .ts3d-d-half .ts3d-top {
	height: 120px;
}

.ts3d-case .ts3d-d-one .ts3d-right,
.ts3d-tray .ts3d-d-one .ts3d-left {
	width: 240px;
}

.ts3d-bench-back .ts3d-front,
.ts3d-bench-back .ts3d-top {
	width: 420px;
}

.ts3d-bench-bottom .ts3d-front,
.ts3d-bench-bottom .ts3d-top {
	width: 420px;
}

.ts3d-bench-back.ts3d-h-quarter .ts3d-left,
.ts3d-bench-back.ts3d-h-quarter .ts3d-front,
.ts3d-bench-back.ts3d-h-third .ts3d-left,
.ts3d-bench-back.ts3d-h-third .ts3d-front,
.ts3d-bench-back.ts3d-h-half .ts3d-left,
.ts3d-bench-back.ts3d-h-half .ts3d-front,
.ts3d-bench-back.ts3d-h-one .ts3d-left,
.ts3d-bench-back.ts3d-h-one .ts3d-front {
	height: 150px;
}

.ts3d-bench-back.ts3d-h-one-third .ts3d-left,
.ts3d-bench-back.ts3d-h-one-third .ts3d-front {
	height: 190px;
}

.ts3d-bench-back.ts3d-h-one-half .ts3d-left,
.ts3d-bench-back.ts3d-h-one-half .ts3d-front {
	height: 210px;
}

.ts3d-bench-back.ts3d-h-one-two-third .ts3d-left,
.ts3d-bench-back.ts3d-h-one-two-third .ts3d-front {
	height: 230px;
}

.ts3d-bench-back.ts3d-h-one-three-quarters .ts3d-left,
.ts3d-bench-back.ts3d-h-one-three-quarters .ts3d-front {
	height: 240px;
}

.ts3d-bench-back.ts3d-h-two .ts3d-left,
.ts3d-bench-back.ts3d-h-two .ts3d-front {
	height: 270px;
}

.ts3d-bench-back.ts3d-h-three .ts3d-left,
.ts3d-bench-back.ts3d-h-three .ts3d-front {
	height: 390px;
}

.ts3d-bench-bottom .ts3d-top {
	height: 280px;
}

.ts3d-bench-bottom .ts3d-left {
	width: 280px;
}

.ts3d-bench-back .ts3d-top {
	height: 20px;
}

.ts3d-bench-bottom .ts3d-front,
.ts3d-bench-bottom .ts3d-left {
	height: 47px;
	padding: 3px;
}

.ts3d-bench-back .ts3d-left {
	width: 20px;
}

.ts3d-bench-back .ts3d-front .case-split-vertical {
	left: -50px;
	transform: rotateZ(-90deg);
}

.ts3d-bench-back .ts3d-front .case-split-horizontal,
.ts3d-bench-back .ts3d-front .case-split-vertical {
	position: relative;
	display: inline-block;
}

.ts3d-bench-back.ts3d-h-quarter .ts3d-front .case-split-vertical { display: none; }
.ts3d-bench-back.ts3d-h-third .ts3d-front .case-split-vertical { display: none; }
.ts3d-bench-back.ts3d-h-half .ts3d-front .case-split-vertical { top: 49px; }
.ts3d-bench-back.ts3d-h-one .ts3d-front .case-split-vertical { top: 76px; }
.ts3d-bench-back.ts3d-h-one-half .ts3d-front .case-split-vertical { top: 100px; }
.ts3d-bench-back.ts3d-h-two .ts3d-front .case-split-vertical { top: 130px; }
.ts3d-bench-back.ts3d-w-half .ts3d-front .case-split-horizontal { display: none; }

.ts3d-face {
	transform-origin: 0 0;
	position: absolute;
}

.ts3d-tray .ts3d-front,
.ts3d-tray .ts3d-left {
	border-top: 1px dotted rgba(0,0,0,.5);
	border-left: 1px dotted rgba(0,0,0,.5);
}

.ts3d-tray svg {
	transform: scaleY(.94) translateY(-9px);
}

.ts-bcdd-text {
	margin-bottom: 10px;
	overflow-y: auto;
}

.ts-tcm-dynamictrays-close {
	text-indent: -1000px;
	overflow: hidden;
}

.ts-tcm-dynamictrays,
.ts-bc-cco-wrap {
	position: relative;
	clear: both;
	overflow-y: auto;
}

.ts-table-add-case,
.ts-table-new-case,
.ts-case-change-add {
	width: 100%;
	margin-bottom: 15px;
}

.ts-tcm-dynamictrays > table,
.ts-bc-cco-wrap table {
	margin-top: 40px;
}

.ts-table-add-case,
.ts-case-change-add {
	background-color: #d7e5ba;
}

.ts-table-new-case {
	background-color: #f0c57f;
}

.ts-table-new-case .ts-table-show-rows-button {
	display: none;
}

.ts-table-add-case + .ts-table-new-case .ts-table-show-rows-button {
	display: block;
	float: right;
	height: 20px;
	width: 20px;
	/*background-color: green;*/
	content: url('../images/up-button.png');
	cursor: pointer;
}

.ts-table-add-case + .ts-table-new-case.hide-table-rows .ts-table-show-rows-button {
	/*background-color: red;*/
	content: url('../images/down-button.png');
}

.ts-table-add-case + .ts-table-new-case.hide-table-rows tbody {
	display: none;
}

.ts-table-add-case tr th,
.ts-table-new-case tr th,
.ts-table-add-case tr td,
.ts-table-new-case tr td,
.ts-case-change-add tr td,
.ts-case-change-add tr th {
	vertical-align: top;
	border: 1px solid #444;
	padding: 3px;
	text-align: left;
}

.ts-table-add-case tr td.ts-case-add-product,
.ts-table-new-case tr td.ts-case-add-product,
.ts-case-change-add tr td.ts-cc-add-product {
	width: 100px;
}

.ts-table-add-case tr td.ts-case-add-image,
.ts-table-new-case tr td.ts-case-add-image,
.ts-case-change-add tr td.ts-cc-add-image {
	width: 47px;
	min-width: 47px;
}

.ts-table-add-case tr td:nth-of-type(4),
.ts-table-new-case tr td:nth-of-type(4),
.ts-case-change-add tr td:nth-of-type(4) {
	width: 140px;
	min-width: 140px;
	text-align: center;
}

.ts-table-add-case .btn,
.ts-table-new-case .btn,
.ts-case-change-add .btn {
	margin: 0;
}


.ts-table-add-case img,
.ts-table-new-case img,
.ts-case-change-add img {
	width: 40px;
	height: 30px;
	min-width: 40px;
}


.tscat-description,
.case-description,
.tscat-shrunk,
.tscat-expand {
	position: relative;
	margin: -3px;
	padding: 3px;
	cursor: pointer;
}

.ts-bc-content {
	overflow: auto;
}

.case-description {
	margin-bottom: 5px;
}

.tscat-shrunk {
	height: 44px;
	overflow: hidden;
}

.ts-cases-description.tscat-shrunk {
	height: 21px;
}

.tscat-expand,
.tscat-shrink {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 2px 6px 1px 10px;
	color: #08c;
}

.tscat-expand:hover,
.tscat-shrink:hover {
	text-decoration: underline;
}

.ts-table-add-case .tscat-expand,
.ts-table-add-case .tscat-shrink,
.ts-case-change-add .tscat-expand,
.ts-case-change-add .tscat-shrink {
	background-color: #d7e5ba;
}

.ts-table-new-case .tscat-expand,
.ts-table-new-case .tscat-shrink  {
	background-color: #f0c57f;
}

.case-description .tscat-expand,
.case-description .tscat-shrink {
	background-color: #fef6e6;
}

.ts-cases-description .tscat-expand,
.ts-cases-description .tscat-shrink {
	background-color: #f0f7fd;
}

.tscat-description .tscat-shrink,
.case-description .tscat-shrink,
.ts-cases-description.tscat-shrunk .tscat-expand  {
	display: block;
}

.tscat-description .tscat-expand,
.tscat-shrunk .tscat-shrink,
.case-description .tscat-expand,
.ts-cases-description .tscat-expand  {
	display: none;
}

.tscat-shrunk .tscat-expand  {
	display: block;
}

.ts-bench-case.no-case .ts3d-case .ts3d-face {
	opacity: .5;
}

.ts-bcv-info,
.ts-bcds-info,
.ts-bcdd-info {
	background-color: #b57f55;
	border: 1px solid #000;
	border-radius: 5px;
	color: #000;
	padding: 10px;
	text-align: center;
}

.ts-bcv-info {
    position: absolute;
    top: 25%;
    width: 80%;
    left: 10%;
}

.ts-bcds-info {
	margin: 0 10%;
}

.ts-bcdd-info {
	margin: 10% 10% 0 10%;
}

.ts-tcm-csl-overlay,
.ts-tsi-case-overlay {
	display: none;
    background: rgba(240, 247, 253, 0.92);
    clear: both;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 28px;
    text-align: center;
}

.ts-tcm-csl-overlay.active,
.ts-tsi-case-overlay.active {
	display: block;
}

.ts-casesetlist-add-button br {
	display: none;
}


.scaler-wrap > .ts-bc-visual {
	opacity: 0;
}

.scaler-wrap {
	overflow: hidden;
}

.phone.portrait .scaler-wrap {
	height: 0;
	padding-bottom: 73%;
}

.phone.landscape .scaler-wrap {
	height: 0;
	padding-bottom: 75%;
}

.computer .scaler-wrap {
	width: 49%;
	height: 288px;
	float: left;
	margin-right: 2%;
}

.scaler-wrap > .ts-bc-visual {
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	transform-origin: left top;
}

.phone .scaler-wrap > .ts-bc-visual {
	width: 556px;
}

.scaler-wrap .ts3d-all-trays-colour > p {
	font-size: 145%;
}