/* diffs
18px=>24px
14px=>18px


/* NEW DESIGN CHANGES
  Verdana,Arial,Helvetica,sans-serif=> "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif
  default font colour color : #666;
  std font size 10px -> 11px;
  color #036 -> #01254B
  even rows #FFFFFF => #F3F7FA
  odd rows #ddeeff => #E9F0F6
  border-bottom/right #CCCCCC => #FFFFFF
  add border-bottom to tr row2
  listtable border 1px -> 0px
  th background-colour => #D1E2EE
  a.link/hover color black => #01254B
  red #FF0000=>#CB1E1E
  th font-weight => normal
  filteroptionselected bold=>normal color: #01254B; 
  new a:É.filterOption, Éll
  new grey, hn, sn, white, single-spaced
  all links set the same
  th.shaded #ffffcc => #7C9FB7 with white text
  h1 font  => 18pt Georgia, 'Times New Roman', Times, serif
  groupboxwhite, groupboxouter no padding for use in iframe
  new download-to-excel
  new td.label, #querybutton
  ajax_listofoptions - fixed width, 11px  on white instead of auto width, 13px on yellow
  td padding 4px => 4px 5px 4px 5px;

==
in sale live/blog also
   ddeeff => #E9F0F6
   f0f0ff => #E9F0F6 for IE
   eeeeee => #D1E2EE
   003366=> #01254B


*/


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

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: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	font-size: 13px;
	color : #666;
	padding: 0px;
	margin: 12px;
}

h1 { font-size: 24px; font-weight: normal;color:#423B24; font-family: Georgia, 'Times New Roman', Times, serif; margin-top:3px }
h2 { font-size: 14px; font-weight: bold;color:#01254B;}
h3 { font-size: 12px; font-weight: bold;color:#01254B;}

th {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	font-size: 13px;
	text-align: left;
	padding: 4px 5px 4px 5px;
	border-right: #FFFFFF solid 1px;
	border-bottom: #FFFFFF solid 1px;
	color:#01254B;
	vertical-align:top;
	background-color: #D1E2EE;
	font-weight: normal;
}
td {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	font-size: 13px;
	text-align: left;
	line-height:130%;
	vertical-align:top;
	padding: 4px 5px 4px 5px;
}

input.inputtable {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	font-size: 14px;
	text-align: left;
	line-height:100%;
	vertical-align:top;
	padding: 1px 1px;
}
input.search {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	font-size: 14px;
	text-align: left;
	line-height:100%;
	vertical-align:top;
	padding: 5px 5px;
}

table.listTable { border: #999999 solid 0px; }
td.if1 {border-right: #FFFFFF solid 1px;  vertical-align:middle;	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	font-size: 14px;
}
td.if2 {border-right: #FFFFFF solid 1px;  vertical-align:middle; text-align: center; width:2em;	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	font-size: 14px;
}
td.if3 {border-right: #FFFFFF solid 1px;  vertical-align:middle; text-align: center; width:2em;	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	font-size: 14px;
}
td.if4 {border-right: #FFFFFF solid 1px;  vertical-align:middle; text-align: center; width:3.5em;}
td.if5 {border-right: #FFFFFF solid 1px;  vertical-align:middle;}
td.if6c {border-right: #FFFFFF solid 1px;  vertical-align:middle; text-align: center; width:14em;	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	font-size: 14px;
}
td.if6 {border-right: #FFFFFF solid 1px;  vertical-align:middle; text-align: left;}
input.ip4,input.ip6,input.ip3 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	font-size: 14px;
	text-align: left;
	line-height:100%;
	vertical-align:top;
	padding: 1px 1px;
	width: 4em;
}
input.ip5 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	font-size: 14px;
	text-align: left;
	line-height:100%;
	vertical-align:top;
	padding: 1px 1px;
	width: 98%;
}


tr.even { background-color: #F3F7FA; } 
tr.odd { background-color: #E9F0F6; }
tr.even_selected { background-color: #FFFF88; }
tr.odd_selected { background-color: #F0F070; }
td.borderBottom { border-bottom: #FFFFFF solid 1px;}
td.borderRight { border-right: #FFFFFF solid 1px; }
td.even { background-color: #F3F7FA; border-right: #FFFFFF solid 1px; }
td.odd { background-color: #E9F0F6; border-right: #FFFFFF solid 1px; }
td.row2 {padding: 0px 5px 4px 5px}
td.NoColumnRule {border-right: none 0px}
td.rhs {border-right: none 0px}  
td.lrhs {border-right: none 0px}  
td.vcenter { vertical-align:middle}
td.vbase { vertical-align:baseline}
td.nopadding {padding: 0px}
th.noBorder {border: none 0px}
th.shaded  {background-color: #7C9FB7; color: #FFFFFF;}
th.NoColumnRule {border-right: none 0px}
th.nopadding {padding: 0px}
th.rhs {border-right: none 0px}  
th.lrhs {border-right: none 0px}  
th.vcenter { vertical-align:middle}

td.label{color: #333;}

tr.even td { border-right: #FFFFFF solid 1px; }
tr.even td.rhs { border-right: none 0px; }
tr.even td.rhsr { border-right: none 0px; text-align: right; }
tr.even td.lhsr { text-align: right; }
tr.odd td {border-right: #FFFFFF solid 1px; }
tr.odd td.rhs { border-right: none 0px; }
tr.odd td.rhsr { border-right: none 0px; text-align: right;}
tr.odd td.lhsr { text-align: right;}
tr.row2 td {padding: 0px 5px 4px 5px; border-bottom: #FFFFFF solid 1px;}

textarea {
	width: 100%;
	height: 100px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	font-size: 16px;
	border: 1px solid #CCCCCC;
	padding: 5px;
}

img { border: none; }
a:link, a:visited {color: #B3964D; text-decoration: none; }
a:hover, a:active {color: #01254B; text-decoration: underline; }
a:link.th, a:visited.th {color: #01254B; text-decoration: underline; }
a:hover.th, a:active.th {color: #01254B; text-decoration: none; }

a:link.filterOption, a:visited.filterOption {color: #B3964D; text-decoration: none; }
a:hover.filterOption, a:active.filterOption {color: #01254B; text-decoration: underline; }
a:link.ll, a:visited.ll {color: #B3964D; text-decoration: none; }    /* lot links */
a:hover.ll, a:active.ll {color: #01254B; text-decoration: underline; }
a:link.offer, a:visited.offer {color: #B3964D; text-decoration: none; font-size: 8px; }    /* make an offer */
a:hover.offer, a:active.offer {color: #01254B; text-decoration: underline; font-size: 8px; }
a:link.ud, a:visited.ud {color:#CB1E1E; text-decoration: none; float: right; margin-left: 3px; }    /* update */
a:hover.ud, a:active.ud {color: #01254B; text-decoration: underline; float: right; margin-left: 3px; }

@media print {a:link, a:visited {color: black; text-decoration: none;}}


.center {text-align: center;}
.right {text-align: right;}
.normal {font-weight: normal; }
.hidden {display: none;}
.filterOptionSelected {font-weight: normal; color: #01254B; }
.grey {color: #666;}
.hn {font-weight: bold; color: #333;} /* horse name */
.sn {font-weight: normal; font-size: 8px;} /* shorthand for small normal */
.small {font-size: 8px; }
.smallish {font-size: 9px; }
.dimmed {color:#AAAAAA;}
.dimmed {color:#AAAAAA;}
.black {color:#000000;}
.white {color:#FFFFFF;}
.red {color:#CB1E1E;}
.bold {font-weight: bold; }
.ul {text-decoration: underline; }
.single-spaced {line-height:100%; margin-top: 0px;margin-bottom: 0px;}
.double-spaced {line-height:200%;}
.test {font-style: italic;}     /* TEST */

.floatRight {float: right; margin-left: 3px;}

.cpheading { padding: 6px 0px 3px 0px;}/* SMALL new as we have no body padding */

.download-to-excel a {
background: url(/images/bg-excel-catalogue-link.png) 0 50% no-repeat;
padding-left: 15px; }

#querybutton {
background-color: #423b24;
border: none;
color: #fff;
padding: 2px 0;
cursor: hand;
cursor: pointer;
margin: 0 6px 0 0;
width: 66px;
height: 21px; }

.groupBoxOuter { 
	border-right: #333333 solid 0px;  /* REDESIGN was 40px */
}
.groupBoxWhite {	
	margin-bottom: 12px;
	padding: 0px; /* REDESIGN was 20px */
	width: 100%;
	float: left;
	background-color: #ffffff;
	border: #555555 solid 0px;
}
.groupBoxGrey {	
	margin-bottom: 12px;
	padding: 20px;
	width: 100%;
	float: left;
	background-color: #eeeeee;
	border: #555555 solid 0px;
}
#backbutton {
	width:271px;
	position:absolute;
	margin:0;
	top:1px; right:0;
	left:280px;
	padding: 12px 14px 12px 12px;
}


	/* 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:13px; /* SMALL was 12px */
		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 div{	/* General rule for both .optionDiv and .optionDivSelected */
		margin:1px;		
		padding:3px;
		cursor:pointer;
		font-size:13px; /* SMALL was 12px */
	}
	#ajax_listOfOptions .optionDiv{	/* Div for each item in list */
		
	}
	#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
		background-color:#01254B;
		color:#FFF;
	}
	#ajax_listOfOptions_iframe{
		background-color:#F00;
		position:absolute;
		z-index:5;
	}
	
	form{
		display:inline;
	}



#aep_ovrl {
	background-color: black;
	-moz-opacity: 0.7; opacity: 0.7; 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter:alpha(opacity=70); 
	top: 0; left: 0; position: fixed;
	width: 100%; height:100%; z-index: 999;
}
#aep_ww { position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; height: 100%; text-align: center;}
#aep_win { margin: 10% auto 0 auto; width: 500px; text-align: left; padding: 5px 5px 5px 15px}
#aep_w {background-color: #EEE; padding: 13px; border: 1px solid black;  
	box-shadow: 5px 5px 5px #888; 
	-moz-box-shadow: 5px 5px 5px #888; 
	-webkit-box-shadow: 5px 5px 5px #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 */  
	line-height:20px;}
#aep_t {color: white; margin: 0 0 2px 3px; font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; font-size: 12px;}
#aep_text {width: 100%;font-size:14px;}
#aep_w span {font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; font-size: 14px; font-weight: bold;color:#01254B;}
#aep_w div {text-align: right; margin-top: 5px;}

/* PLUSMENU */
.plusmenu {padding:0 0 0 21px; margin:0; list-style:none; height:15px; position:relative; font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; }
.plusmenu li.top {display:block; float:left; position:relative; }
.plusmenu li a.top_link {display:block; float:left; height:16px; line-height:18px; color:#bbb; text-decoration:none; font-size:13px; font-weight:bold; padding:0 0 0 21px; cursor:pointer; background: url(pics/PlusMenu.gif) no-repeat;}
.plusmenu li a.top_link:hover {color:#000; background: url(pics/PlusMenuDown.gif) no-repeat;}
.plusmenu li:hover > a.top_link {color:#000; background: url(pics/PlusMenuDown.gif) no-repeat;}

.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:0px; top:16px; right:2px; background: #eee; padding:3px 0; border:1px solid #999999; white-space:nowrap; width:150px; height:auto;}
.plusmenu li:hover ul.sub li {display:block; height:25px; position:relative; float:left; width:150px;}
.plusmenu li:hover ul.sub li a {font-weightbold;color:#01254B;;display:block; font-size:12px; height:25px; width:142px; line-height:25px; text-indent:5px; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px; text-align: left;}
.plusmenu li:hover ul.sub li a:hover {background:#999999; color:#fff;}


#topbar.nobottommargin {margin-bottom: 0px}  /*optional override webkit*/