@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic|Merriweather:300,400,700);
@font-face { font-family: "SSJunior"; src: url("/fonts/ss-junior.eot"); src: url("/fonts/ss-junior.eot?#iefix") format("embedded-opentype"), url("/fonts/ss-junior.woff") format("woff"), url("/fonts/ss-junior.ttf") format("truetype"), url("/fonts/ss-junior.svg#SSJunior") format("svg"); font-weight: 400; font-style: normal; }



* {
    -webkit-touch-callout: none;   /* avoid iphone popup on press link */
    -webkit-text-size-adjust: none;  /* doesn't resize on rotate */
}

@media only screen and (device-width: 768px) {
	* {
	    -webkit-user-select: none;    /* avoid copy etc */
	}
}

input {-webkit-user-select: text;} /* but allow inputs to work*/
textarea {-webkit-user-select: text;} /* but allow inputs to work*/

body {
	background-color: #ffffff;
	font-family: "Lato", sans-serif;
	font-weight: 400;
	font-size: 14px;
	padding: 0px;
	margin: 0px;
}

input, select {font-family: "Lato", sans-serif; font-size: 14px; font-weight: 400;}
input[type=checkbox] {vertical-align:middle;margin-top:-1px;}
input[type="text"], input[type="search"], textarea, select {
padding: 9px 12px;
font-family: 'Lato', sans-serif;
font-weight: 400;
border-radius: 6px;
border: 1px solid #fff;
font-size: 16px;
color: #666666;
border: 1px solid #829dba;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
-webkit-appearance: none;
}

select{
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;    
	max-width: 200px;
	background-image: url(https://www.tattersalls.ie/img/select-toggle.svg);
	background-repeat: no-repeat;
	background-position: right 20px center;
	padding-right: 25px;
}

select::-ms-expand {
    display: none;
}

h1, h2, h3 {margin: 0; padding: 0; margin-bottom: 20px; font-weight: 700;color:#163659; font-family: 'Merriweather', serif;}
h1 { color: #163659; margin-bottom: 30px; font-size: 26px; }
@media screen and (min-width: 600px) { h1 { font-size: 32px; } }
@media screen and (min-width: 48em) { h1 { font-size: 38px; } }
h2 { font-size: 20px;}
h3 { font-size: 13px;}

table {
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
}


tr:nth-child(odd) { background-color:#E9F0F6; }
tr:nth-child(even) { background-color:#F3F7FA; }

table th, table td {
	padding: 9px 12px 7px 12px;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 14px;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	text-align: left;
	line-height: 1.75;
	vertical-align:top;
}

p.td {
	padding: 9px 12px 7px 12px;
	line-height: 1.75;
}

table th {
	vertical-align: top;
	background: #a7a49f;
	text-transform: uppercase;
	color: #FFF;
	overflow:hidden;
}

/* bad name but how it is used I think */
th.shaded, caption.shaded  {
	background-color: #8fa7c1; 
	padding: 21px 12px 19px 12px;
	font-size: 18px;
	font-family: 'Merriweather', serif;
	font-weight: 700;
	color: #163659;
	text-transform: none;
	text-align: center;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
}

table caption:last-of-type, table th:last-of-type, table td:last-of-type { border-right: none; }

/* Some general-purpose bits */
.normal {font-weight: 400; }
.grey {color: #666666;}
.dimmed {color:#AAAAAA;}
.red {color:#cc5455;}
.small {font-size: 10px; }
.smallish {font-size: 12px; }
.warning {background-color:#F0E4E4;}
.noMarginTop {margin-top: 0px;}
.single-spaced {line-height:100%; margin-top: 0px;margin-bottom: 0px;}

.hn {font-weight: 700; color: #333;} /* horse name */

a { 
	color: #295381; 
	text-decoration: underline; 
	-webkit-transition: all 0.4s; 
	-moz-transition: all 0.4s; 
	-ms-transition: all 0.4s; 
	-o-transition: all 0.4s; 
	transition: all 0.4s; 
}
a:hover { 
	color: #163659; 
	text-decoration: none; 
}

a:link.filterOption, a:visited.filterOption, a:hover.filterOption, a:active.filterOption, .filterOptionSelected {
	text-decoration: none; 
	white-space: nowrap;
	padding: 6px 12px;
}

a:link.filterOption, a:visited.filterOption {
	color: #163659; 
	background: #e3ecf5;
}
a:hover.filterOption {
	color: #FFF;
	background: #90a7c0; 
}
a:active.filterOption, .filterOptionSelected {
	color: #FFF;
	background: #163659;
}

a:link.th, a:visited.th {color: #FFF; text-decoration: underline; }
a:hover.th, a:active.th {color: #FFF; text-decoration: none; }
.thLinkChosen {color: #000}

a:link.offer, a:visited.offer,a:link.update, a:visited.update {color: #cc5455; text-decoration: underline; font-size: 10px;} 
a:hover.offer, a:active.offer,a:hover.update, a:active.update {color: #ac4445; text-decoration: none; font-size: 10px;}

a:link.update, a:visited.update, a:hover.update, a:active.update {float:right; padding-top:3px;} 


.navigator {
	-ms-justify-content: space-between;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-ms-align-items: center;
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.navigator__prev-link, .navigator__next-link, .navigator__prev-link:before, .navigator__next-link:after { 
	display:inline-block; 
	text-decoration: none; 
	font-family: "Lato", sans-serif;
	color: #FFF;
	font-size: 14px;
	font-weight: 400;
	font-style: normal;


	text-rendering: optimizeLegibility;
	white-space: nowrap;
	/*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */
	-moz-font-feature-settings: "liga=1";
	-moz-font-feature-settings: "liga";
	-ms-font-feature-settings: "liga" 1;
	-o-font-feature-settings: "liga";
	font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased;

}

.navigator__prev-link:before, .navigator__next-link:after {
	font-family: "SSJunior";
	font-size: 12px;
	position: relative;
	top: 1px;
}
.navigator__prev-link:before { content: '◅'; padding-right: 8px; }
.navigator__next-link:after { content: '▻'; padding-left: 8px; }

.btn {
background-color: #295381;
padding: 12px 24px;
border-radius: 40px;
color: #fff;
font-family: 'Lato', sans-serif;
font-weight: 700;
letter-spacing: 0.1em;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
font-size: 14px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
box-shadow: 0 0 0 transparent;
border: none;
-webkit-appearance: none;
}

.btn:hover {background-color: #163659; color: #fff; }

.btn.btn--dim {background-color: #eeebe7; color: #312d28;}
.btn.btn--dim:hover {background-color: #a7a49f; color: #fff;}
.btn.btn--mini {font-size:12px; padding:4px 12px; line-height:15px;}

.table-icon { margin: 0 2px; text-decoration: none;}
.table-icon:before {font-family:"SSJunior"; font-style: normal; font-weight: 400; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */ -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; display: inline-block; color: #666666; }

td .table-icon:first-of-type { margin-left: 6px; }

.table-icon--video:before { content: '📹'; ;position: relative;top: 2px}
.table-icon--videoSirecam:before { content: '📹'; ;position: relative;top: 2px}
.table-icon--videoGoldeneye:before { content: '📹'; ;position: relative;top: 2px}
.table-icon--videoVendor:before { content: '📹'; ;position: relative;top: 2px}

.table-icon--image:before { content: '🌄'; ;position: relative;top: 1px}

.table-icon--repositoryD { background: url("/db/pics/icon.Repository.D.png") no-repeat center center; display: inline-block; width: 15px; height: 14px; position: relative;top: 1px}
.table-icon--repositoryDV { background: url("/db/pics/icon.Repository.DV.png") no-repeat center center; display: inline-block; width: 27px; height: 14px; position: relative;top: 1px}
.table-icon--repositoryV { background: url("/db/pics/icon.Repository.V.png") no-repeat center center; display: inline-block; width: 15px; height: 14px; position: relative;top: 1px}
.table-icon--repositoryDR { background: url("/db/pics/icon.Repository.DR.png") no-repeat center center; display: inline-block; width: 27px; height: 14px; position: relative;top: 1px}
.table-icon--repositoryDVR { background: url("/db/pics/icon.Repository.DVR.png") no-repeat center center; display: inline-block; width: 39px; height: 14px; position: relative;top: 1px}
.table-icon--repositoryVR { background: url("/db/pics/icon.Repository.VR.png") no-repeat center center; display: inline-block; width: 27px; height: 14px; position: relative;top: 1px}
.table-icon--repositoryR { background: url("/db/pics/icon.Repository.R.png") no-repeat center center; display: inline-block; width: 15px; height: 14px; position: relative;top: 1px}

.table-icon--post { background: url("https://www.tattersalls.ie/img/post-icon.png") no-repeat center center; display: inline-block; width: 18px; height: 16px; position: relative;top: 2px}

.table-icon--plus:before {content: '+';position: relative;top: 1px;font-size: 12px;}
.table-icon--minus:before {content: '-';position: relative;top: 1px;font-size: 12px;}


/* really only for mobile I think */
.groupBoxOuter { 
	border-right: #333333 solid 0px; 
}
.groupBoxWhite {	
	margin-bottom: 10px;
	padding: 0px; 
	width: 100%;
	float: left;
	background-color: #ffffff;
	border: #555555 solid 0px;
}

td.label{white-space: nowrap;}  

tr.partialStats{background-color:#DDD;}
td.partialStats{color:#999;}

/* Some generic bits */
	.center {text-align: center;}
	.right {text-align: right;}
	.floatRight {float: right; margin-left: 3px;}
	.hidden {display: none;}
	.bold {font-weight: bold; }
	.ul {text-decoration: underline; }
	.black {color:#000000;}
	.white {color:#FFFFFF;}
	td.nopadding {padding: 0px}
	th.nopadding {padding: 0px}
	.keepTogether {display: inline-block;}

/* Entry filter & filter table bits */
	div.ef{display:inline-block;margin-bottom:0px;width:auto;}
	div.efSet{display:inline-block;background-color:#e3ecf5;margin-left:10px; padding:0 6px;margin-bottom:0px;}
	table.ef {margin:0px 0px 14px 0px;border:none;}
	table.ef tr{background-color: #FFF;}
	table.ef td{border-left:none; border-right:none;line-height:33px;}
	table.ef2 td,table.ef2 tr{padding:4px 0px 4px 0px; background-color:transparent;border:none;}

/* for images.htm */
#images-intro {background-color:#163659;}

/* for lots & updates */
#infobox{
			left:50px;
			top:50px;
			position:absolute;
			display: block;
			visibility: hidden;
			text-align: left;
			z-index: 100;

			font-size:12px;
			border:1px solid #163659;
			background-color: lightyellow;
			box-shadow: 3px 3px 3px #888; 
			-moz-box-shadow: 3px 3px 3px #888; 
			-webkit-box-shadow: 3px 3px 3px #888;
			-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#CCCCCC,direction=125,strength=5)"; /* IE8+ */  
			filter: progid:DXImageTransform.Microsoft.Shadow(color=#CCCCCC,direction=125,strength=5); /* IE7 and lower */  
}

/* optionsMenu */
	.optionsMenu {padding:0px; margin:6px 0 0 5px; list-style:none; height:15px; position:absolute; font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; z-index:1001;}
	.optionsMenu li.top {display:block; float:left; position:relative; }
	.optionsMenu li a.top_link {display:block; float:left; height:16px; line-height:14px; color:#a7a49f; text-decoration:none; font-size:14px; font-weight:bold; padding:5px 0 0 0px; cursor:pointer;font-family: "SSJunior";font-style: normal;font-weight: 400;}
	.optionsMenu li a.top_link:hover {color:#000; }
	.optionsMenu li:hover > a.top_link {color:#000;}

	.optionsMenu a:hover {visibility:visible;}
	.optionsMenu li:hover {position:relative; z-index:200;}

	.optionsMenu ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; }

	.optionsMenu li:hover ul.sub {left:0px; top:16px; right:2px; background: #eee; padding:3px 0; border:1px solid #999999; white-space:nowrap; width:150px; height:auto;}
	.optionsMenu li:hover ul.sub li {display:block; height:20px; position:relative; float:left; width:150px;}
	.optionsMenu li:hover ul.sub li a {font-weightbold;color:#163659;;display:block; font-size:10px; height:20px; width:142px; line-height:20px; text-indent:5px; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px; text-align: left;}
	.optionsMenu li:hover ul.sub li a:hover {background:#999999; color:#fff;}


/* Big box with list of options */
	#ajax_listOfOptions{
		position:absolute;	/* Never change this one */
		width:250px;	/* Width of box */
		/* height:250px;*/	/* Height of box */
		overflow:auto;	/* Scrolling features */
		border:1px solid #01254B;	/* Dark blue border */
		background-color:#FFFFFF;	/* pale yellow background color */
		text-align:left;
		font-size:11px; /* SMALL was 10px */
		z-index:100;
		box-shadow: 3px 3px 3px #888; 
		-moz-box-shadow: 3px 3px 3px #888; 
		-webkit-box-shadow: 3px 3px 3px #888;
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#CCCCCC,direction=125,strength=5)"; /* IE8+ */  
		filter: progid:DXImageTransform.Microsoft.Shadow(color=#CCCCCC,direction=125,strength=5); /* IE7 and lower */  
	}
	#ajax_listOfOptions_iframe{
		background-color:#F00;
		position:absolute;
		z-index:5;
	}
	
#ajax_listOfOptions { border: 1px solid #eeebe7; width: 430px; max-width: 100%; max-height: 500px; box-shadow: 0 2px 20px rgba(0, 0, 0, 0.5); }
#ajax_listOfOptions div { font-size: 16px; border-bottom: 1px solid #eeebe7; color: #666666; padding: 12px; }
#ajax_listOfOptions div:hover { background-color: #e3ecf5; color: #fff; }


/* Chunks copied from TattsIE.css for specific purposes - probably lots extra unneeded in these */

.btn.sales-day-live-btn, .header-search button.sales-day-live-btn, .sale-hero .sales-day-live-btn.sale-hero__cat-btn { padding-left: 64px; position: relative; }
.btn.sales-day-live-btn:before, .header-search button.sales-day-live-btn:before, .sale-hero .sales-day-live-btn.sale-hero__cat-btn:before { font-family: "SSJunior"; font-style: normal; font-weight: 400; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */ -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; content: '▶'; width: 30px; height: 30px; border: 2px solid #fff; color: #fff; border-radius: 50%; display: block; text-align: center; margin-right: 8px; margin-left: -10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 5px; padding-left: 2px; position: absolute; left: 34px; top: 9px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; }
.btn.sales-day-live-btn:hover:before, .header-search button.sales-day-live-btn:hover:before, .sale-hero .sales-day-live-btn.sale-hero__cat-btn:hover:before { border-color: #163659; color: #163659; }
@media screen and (max-width: 600px) { .btn, .header-search button, .sale-hero .sale-hero__cat-btn { padding: 10px 15px; font-size: 12px; }
  .btn + .btn, .header-search button + .btn, .sale-hero .sale-hero__cat-btn + .btn, .header-search .btn + button, .header-search button + button, .sale-hero .header-search .sale-hero__cat-btn + button, .header-search .sale-hero .sale-hero__cat-btn + button, .sale-hero .btn + .sale-hero__cat-btn, .header-search .sale-hero button + .sale-hero__cat-btn, .sale-hero .header-search button + .sale-hero__cat-btn, .sale-hero .sale-hero__cat-btn + .sale-hero__cat-btn { margin-left: 4px; margin-right: 4px; }
  .btn.sales-day-live-btn, .header-search button.sales-day-live-btn, .sale-hero .sales-day-live-btn.sale-hero__cat-btn { padding-left: 36px; }
  .btn.sales-day-live-btn:before, .header-search button.sales-day-live-btn:before, .sale-hero .sales-day-live-btn.sale-hero__cat-btn:before { width: 20px; height: 20px; left: 22px; top: 7px; padding-top: 1px; padding-left: 1px; } }


/* following chunks used by sale nav in Main.htm, also Live.htm */

.outer { max-width: 1200px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: auto; margin-right: auto; padding: 20px 25px; }
@media screen and (min-width: 920px) { .outer { padding: 25px 35px; } }
.sale-band + .outer { padding-top: 20px; }

.sale-band { background-color: #8fa7c1; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 2; text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; }
.sale-band .sale-band__title { margin-bottom: 10px; }
.sale-band .sale-band__date { color: #fff; font-family: 'Merriweather', serif; font-weight: 700; font-size: 18px; display: block; margin-bottom: 10px; }
@media screen and (min-width: 48em) { .sale-band { padding-top: 40px; padding-bottom: 25px; }
  .sale-band .sale-band__date { font-size: 22px; } }
.sale-band .sale-band__pagination { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between; }
.sale-band .sale-band__pagination a { text-transform: uppercase; color: #ccd8e6; }
.sale-band .sale-band__prev, .sale-band .sale-band__next { text-decoration: none; }
.sale-band .sale-band__prev:before, .sale-band .sale-band__prev:after, .sale-band .sale-band__next:before, .sale-band .sale-band__next:after { font-family: "SSJunior"; font-style: normal; font-weight: 400; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */ -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; font-size: 12px; position: relative; }
.sale-band .sale-band__prev:before { content: '◅'; margin-right: 8px; }
.sale-band .sale-band__next:after { content: '▻'; margin-left: 8px; }
@media screen and (min-width: 920px) { .sale-band .sale-band__prev, .sale-band .sale-band__next { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
  .sale-band .sale-band__prev { left: 30px; }
  .sale-band .sale-band__next { right: 30px; } }


/* following chunks used by main tabs in Main.htm, also Live.htm */

.filter-band { margin-bottom: 20px; }
.filter-band .primary-filter { margin-bottom: 20px; }

.filter-band__buttons { text-align: center; }
.filter-band__buttons .btn, .filter-band__buttons .header-search button, .header-search .filter-band__buttons button, .filter-band__buttons .sale-hero .sale-hero__cat-btn, .sale-hero .filter-band__buttons .sale-hero__cat-btn { font-size: 12px; padding: 10px 16px; }
.filter-band__buttons .btn.sales-day-live-btn, .filter-band__buttons .header-search button.sales-day-live-btn, .header-search .filter-band__buttons button.sales-day-live-btn, .filter-band__buttons .sale-hero .sales-day-live-btn.sale-hero__cat-btn, .sale-hero .filter-band__buttons .sales-day-live-btn.sale-hero__cat-btn { padding-left: 40px; }
.filter-band__buttons .btn.sales-day-live-btn:before, .filter-band__buttons .header-search button.sales-day-live-btn:before, .header-search .filter-band__buttons button.sales-day-live-btn:before, .filter-band__buttons .sale-hero .sales-day-live-btn.sale-hero__cat-btn:before, .sale-hero .filter-band__buttons .sales-day-live-btn.sale-hero__cat-btn:before { width: 20px; height: 20px; left: 23px; top: 7px; line-height: 10px; }
@media screen and (min-width: 920px) { .filter-band { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between; -ms-align-items: center; -webkit-align-items: center; align-items: center; }
  .filter-band .primary-filter { text-align: left; margin-bottom: 0; }
  .filter-band .primary-filter a { padding-top: 9px; padding-bottom: 9px; }
  .filter-band__buttons { margin-right: -10px; }
  .filter-band__buttons .btn, .filter-band__buttons .header-search button, .header-search .filter-band__buttons button, .filter-band__buttons .sale-hero .sale-hero__cat-btn, .sale-hero .filter-band__buttons .sale-hero__cat-btn { margin-top: 0; margin-bottom: 0; } }

.primary-filter, .primary-filter li, .secondary-filter, .secondary-filter li { margin: 0; padding: 0; }

.primary-filter, .secondary-filter, .page-body .primary-filter, .page-body .secondary-filter { list-style-type: none; text-align: center; overflow: hidden; margin-bottom: 50px; }
.primary-filter li, .secondary-filter li, .page-body .primary-filter li, .page-body .secondary-filter li { display: inline-block; }
.primary-filter a, .secondary-filter a, .page-body .primary-filter a, .page-body .secondary-filter a { font-size: 14px; display: block; margin: 2px 0; text-decoration: none; }
.primary-filter a.state-current, .secondary-filter a.state-current, .page-body .primary-filter a.state-current, .page-body .secondary-filter a.state-current { font-weight: 700; }

.primary-filter + .secondary-filter { margin-top: -20px; }

.primary-filter a, .page-body .primary-filter a { color: #163659; background: #e3ecf5; padding: 6px 12px; }
.primary-filter a.state-current, .page-body .primary-filter a.state-current { background-color: #163659; color: #fff; }
.primary-filter a:hover, .page-body .primary-filter a:hover { color: #fff; background-color: #90a7c0; }

.primary-filter-replacement { width: 100%; max-width: 100%; margin-bottom: 20px; }


/* following chunks used by search filter in List.htm */

.sale-book-form-wrap { background: #e3ecf5; padding: 12px; margin-bottom: 20px; }
.sale-book-form-wrap a { font-size: 14px; text-decoration: none; display: inline-block; padding: 6px 6px; }
.sale-book-form-wrap a:hover { text-decoration: underline; }

.sale-book-filter-sml { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.sale-book-filter-sml legend { font-family: 'Lato', sans-serif; font-weight: 400; color: #163659; font-size: 14px; margin-bottom: 12px; width: 100%; text-align: center; }
.sale-book-filter-sml .field__label { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.sale-book-filter-sml .field { width: 100%; }
.sale-book-filter-sml a.advanced { width: 100%; text-align: center; }
.sale-book-filter-sml .field--select { min-width: 130px; }
.sale-book-filter-sml .field--select select { padding-top: 7px; padding-top: 7px; font-size: 14px; background-position: right 12px center; }
.sale-book-filter-sml input { font-size: 14px; padding: 8px 10px; }
@media screen and (min-width: 600px) { .sale-book-filter-sml .field { width: 48%; } }
@media screen and (min-width: 48em) { .sale-book-filter-sml { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-align-items: center; -webkit-align-items: center; align-items: center; }
  .sale-book-filter-sml legend, .sale-book-filter-sml a.advanced { width: auto; }
  .sale-book-filter-sml legend { text-align: left; -webkit-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; }
  .sale-book-filter-sml legend, .sale-book-filter-sml .field { margin-right: 10px; margin-bottom: 0; }
  .sale-book-filter-sml .field { margin-right: 6px; width: auto; }
  .sale-book-filter-sml .field:last-of-type { margin-right: 0; }
  .sale-book-filter-sml .field--buttons { width: 138px; text-align: left; -webkit-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; }
  .sale-book-filter-sml a.advanced { text-align: right; -webkit-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; }
  .sale-book-filter-sml .btn, .sale-book-filter-sml .header-search button, .header-search .sale-book-filter-sml button, .sale-book-filter-sml .sale-hero .sale-hero__cat-btn, .sale-hero .sale-book-filter-sml .sale-hero__cat-btn { font-size: 12px; padding: 9px 16px; } }

@media screen and (max-width: 600px) { .sale-book-form-wrap a.sale-search-toggle { display: none; } }
@media screen and (min-width: 48em) { .sale-book-form-wrap a.sale-book-search-toggle { display: none; } }
@media screen and (max-width: 47.99em) { .sale-book-filter-sml legend { display: none; }
  .sale-book-filter-sml { display: none; }
  .sale-book-form-wrap a.sale-book-search-toggle:after { content: '+'; display: inline-block; text-decoration: none; margin-left: 4px; }
  .sale-book-form-wrap.state--show-search a.sale-book-search-toggle:after { content: ' -'; }
  .sale-book-form-wrap.state--show-search .sale-book-filter-sml { display: block; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
  .sale-book-form-wrap.state--show-search.state--advanced .sale-book-filter-sml { display: none; }
  a.sale-book-search-toggle + .sale-book-filter-sml { margin-top: 10px; } }


/* following chunks used by main data tables in List.htm and similar */

.table-wrap { position: relative; margin-left: -5px; margin-right: -5px; clear: both; margin-bottom: 40px; }
.table-wrap caption, .table-wrap th:first-of-type, .table-wrap td:first-of-type { padding-left: 17px; }
.table-wrap caption, .table-wrap th:last-of-type, .table-wrap td:last-of-type { padding-right: 17px; }
.table-wrap table { margin-bottom: 0; }
.table-wrap:before, .table-wrap:after { content: ' '; display: block; width: 5px; position: absolute; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); width: 5px; z-index: 1; }
.table-wrap:before { left: 0px; background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 100%); /* ff3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(255, 255, 255, 0))); /* safari4+,chrome */ background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 100%); /* safari5.1+,chrome10+ */ background: -o-linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 100%); /* opera 11.10+ */ background: -ms-linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 100%); /* ie10+ */ background: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 100%); /* w3c */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#ffffff',GradientType=1 ); }
.table-wrap:after { right: 0px; background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 100%); /* ff3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.1))); /* safari4+,chrome */ background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 100%); /* safari5.1+,chrome10+ */ background: -o-linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 100%); /* opera 11.10+ */ background: -ms-linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 100%); /* ie10+ */ background: linear-gradient(270deg, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 100%); /* w3c */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#808080',GradientType=1 ); /* ie6-9 */ }

.table-wrap__inner { max-width: 100%; overflow-x: auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.table-wrap__inner table { position: relative; }
.table-wrap__inner table:before, .table-wrap__inner table:after { content: ' '; display: block; width: 5px; position: absolute; top: 0; bottom: 0; background: #fff; z-index: 2; }
.table-wrap__inner table:before { left: 0px; }
.table-wrap__inner table:after { right: 0px; }


/* selective copying of the download button styles */

.ss-download:before { content: ''; font-size: 12px; margin-right: 4px;font-family: "SSJunior";}
.ss-download {
border: 2px solid #eeebe6;
background-color: #fff;
color: #163659;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 4px;
font-size: 14px;
display: block;
margin-right: -4px;
margin-top: -4px;
text-decoration: none;
}
.ss-download:hover{border-color: #163659;}


/* sale card links */

.inline-links { margin: 0; padding: 0; list-style-type: none; text-align: center; }
.inline-links li { margin: 0; padding: 0; font-size: 14px; display: inline-block; border-right: 1px solid #9eb4cc; }
.inline-links li:last-of-type { border-right: none; }
.inline-links a { color: #fff; font-family: 'Lato', sans-serif; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; display: block; padding: 6px 12px; text-decoration: none; }

.sale-result-card__base .inline-links { margin-bottom: 0; }
.sale-result-card__base .inline-links li { font-size: 12px; }
.sale-result-card__base .inline-links li a { padding: 3px 6px; }

/* sale time */
.sale-band .sale-band__date .sale-time {
    position: relative;
    display: inline-block;
 }  
.sale-band .sale-band__date .sale-time:after {
        content: ' ';
        background: #ccd8e6;
        width: 2px;
        height: 16px;
        display: inline-block;
        margin-left: 10px;
        margin-right: 10px;
    }    


/** year menu ***
/* PLUSMENU */
	.plusmenu {padding:0px; margin:6px 0 0 5px; list-style:none; height:15px; display:inline-block; font-family: "Lato", sans-serif; font-size: 14px; font-weight: 400; z-index:1001;}
	.plusmenu li.top {display:block; float:left; position:relative; }
	.plusmenu li a.top_link {display:block; float:left; height:16px; line-height:14px; text-decoration:none; color:#8fa7c1; font-size:14px; padding: 10px; margin: -5px -10px -10px -10px; cursor:pointer;font-family: "SSJunior";font-style: normal;font-weight: 400;}
	.plusmenu li a.top_link:hover {color:#000; }
	.plusmenu li:hover > a.top_link {color:#000;}

	.plusmenu a:hover {visibility:visible;}
	.plusmenu li:hover {position:relative; z-index:200;}

	.plusmenu ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; }

	.plusmenu li:hover ul.sub {left:-10px; top:16px; right:2px; background: #eee; padding:8px border:1px solid #999999; white-space:nowrap; width:fit-content;width:-moz-fit-content;  height:auto;}
	.plusmenu li:hover ul.sub li {display:block; height:20px; position:relative; float:left; margin:0px; }
	.plusmenu li:hover ul.sub li a {color:#163659;display:block; font-size:14px; height:20px; line-height:20px; text-decoration:none; padding: 0px 3px; text-align: left; transition:none;}
	.plusmenu li:hover ul.sub li a:hover {background:#999999; color:#fff;}

	.plusmenu li a.top_link--nav {color:#ccd8e6; font-size:12px; }


/* fix for iphone frames */
.frame-wrap {
    overflow: auto; 
    -webkit-overflow-scrolling:touch;
}    


/* miscellaneous BASIS adjustments to the above */

.sale-book-filter-sml {margin-right: 20px;}
.sale-book-form-wrap {margin-bottom: 0px;}
.sale-book-filter-sml .field--select {min-width:110px;}
.filter-band__buttons {margin-right:12px; display:inline-block;}
.filter-band__set {text-align:center;}
.sale-result-card__base .inline-links li a {text-decoration: underline; }
.sale-result-card__base .inline-links li a:hover {color:#163659; text-decoration: none; }


/* ------------------------- SITE COLOUR SCHEME VARIATIONS --------------------*/
h1, h2, h3, a:hover, a:link.filterOption, a:visited.filterOption, th.shaded, caption.shaded, .optionsMenu li:hover ul.sub li a, .sale-book-filter-sml legend, .ss-download, .sale-result-card__base .inline-links li a:hover  {color:#163659;}

#images-intro, ajax_listOfOptions .optionDivSelected, .btn:hover, div.efSet, a:active.filterOption, .filterOptionSelected {background-color:#163659;}

#infobox, .ss-download:hover {border-color: #163659;}
.btn.sales-day-live-btn:hover:before { border-color: #163659; color: #163659; }

.sale-book-form-wrap {background: #e3ecf5;}

.primary-filter a, .page-body .primary-filter a { color: #163659; background: #e3ecf5;}
.primary-filter a.state-current, .page-body .primary-filter a.state-current { background-color: #163659; }
.primary-filter a:hover, .page-body .primary-filter a:hover { background-color: #90a7c0; }

th.shaded, caption.shaded, .sale-band {background-color: #8fa7c1;}
.plusmenu li a.top_link {color: #8fa7c1;}

tr:nth-child(odd) { background-color:#E9F0F6; }
tr:nth-child(even) { background-color:#F3F7FA; }

a { color: #295381; }
a:link.filterOption, a:visited.filterOption, tr.queryBackground {background: #e3ecf5;}

a:hover.filterOption {background: #90a7c0;}

.btn {background-color: #295381;}

.sale-band .sale-band__pagination a, .plusmenu li a.top_link--nav {color: #ccd8e6; }

/* unchanged */
input, select, .table-icon:before {color:#666666;}
table th, .btn.btn--dim:hover {background: #a7a49f;}
.btn.btn--dim {background-color: #eeebe7; color: #312d28;}

tr.partialStats{background-color:#DDD;}
td.partialStats{color:#999;}

.table-icon--P2PIE { background: url("/db/pics/p2pie-icon.png") no-repeat center center; display: inline-block; width: 38px; height: 16px; position: relative;top: 2px; margin: 0px;}
.P2PIE-icon-large { background: url("/db/pics/p2pie-icon--large.png") no-repeat center center; width: 66px; height: 28px; display: inline-block; }

tr.updateDetail .blackItalic, .blackItalic {font-weight: bold; font-style:italic;} 
tr.updateDetail .black {font-weight: bold; } 
tr.updateDetail .italic, .italic {font-style:italic;}