﻿/* This formats the lots in the search results. 
------------------------------------------------------------------------------------------------
There are four distinct tables on this page, you can control your design on a per table basis

catalogueTitle - displays the sales name OR the page position e.g. Page 22 of 30 

NOTE: this uses td NOT table - this allows the spacing below the text using padding

lotHeader - this table contains the sale information and in horizontal layouts the function links

lotBody - this table  contains the thumbnail image, the lot description, and in the vertical layouts the function links

lotFooter - this table  contains the estimate, and also sold for on archive sales 
------------------------------------------------------------------------------------------------
There are also controls for modifying the look and feel of individual parts of the page within the tables

a.lotFunctionLinks - controls the format of the links to Detail View, Sale Info, Enquiry, and Bid and Track

.lotSaleNo, .lotSaleDateTime, .LotDescription, .LotEstimate, .lotSaleName - controls the relevant text

a.lotHeaderlink - controls the link from the saleno in the header

NOTE: These are not necessarily defined below, you may need to add them
------------------------------------------------------------------------------------------------
*/

td.catalogueTitle {
	font-size: 20px;
	padding: 0px 1px 30px 1px;
	color: #005D22;
	}
	
table.lotHeader {
	font-size: 16px;
	color: #999;
	margin-bottom:0px;
	padding: 0 5px 0 0;
	}

	
.lotHeader > tr {
        
    margin:0;
	padding:0;
    text-decoration: none;
	
}
	
table.lotbody {
	font-size: 14px;
	background-color: #005d22;
	color: #000;
	}

table.lotfooter {
	font-size: 12px;
	font-weight: bold;
	background-color: #005D22;
	text-valign: middle;
	padding: 1px 1px 1px 1px;
	}
	
#mainContent a.lotFunctionLinks {
	font-size: 10px;
	text-decoration: none;
	color: #005d22;
	padding: 2px 5px 2px 5px;
	}

#mainContent a.lotFunctionLinks:visited {
	color:  #005d22;
	padding: 2px 5px 2px 5px;
	}
#mainContent a.lotFunctionLinks:active {
	color:  #005d22;
	padding: 2px 5px 2px 5px;
	}
#mainContent a.lotFunctionLinks:hover {
	color: #005d22;
	text-decoration: underline;
	padding: 2px 5px 2px 5px;
	}

p {
	margin: 0 0 0 0;
	line-height: 1.6em;
	}
	
.lotSaleNo {
	font-weight: bold;
	 color:#fff;
	}
	
.lotSaleDateTime {
	font-size: 10px;
	
	}
	
.lotSaleName {
	font-weight: normal;
	
	background-color:#005d22;
	}
	
.lot_title	{	
	background-color:#005d22;
}

.lotHeaderlink {
	color: #FFE600;
}

.lotFootertext, .lotFootertext b {
	color: #ff0000;	
	padding-right:3px;
	font-size: 1.1em;
	text-align:right;
	
}

.lotEstimate {
	color: #000066;
	padding-top: 25px;
	text-align: right;
}

img {
	border: 1px;
	border-color: #BBB;
}

table.lotHeader tbody tr td a 
{
   color:#fff;
    padding:5px !important; 
    
    text-decoration: none;
	
}

table td {
    padding: 0;
}



	
.myBodyLink	{
	color:#003300;
}
	
.myBodyLink:hover {
	color:#ff0000;
}	

.jumptolot {
 float: left;
 width: 40%;
}

.salesearch {
    float: right;
    width: 60%;
}

.lotDescription {
	color:#000000;
	text-align:left;
	max-width: 50%;
}
.lotThumbnail {
	width: 10%
}

.catalogfilters .btn-reg {
    padding: 10px 30px 7px 30px;
}

@media only screen and (max-width: 1199px) {
    .span_header {
        display: block;
        margin-bottom: 5px;
    }
}
@media only screen and (max-width: 440px) {
    .jumptolot,
    .salesearch {
        float: none;
        width: 100%;
    }
}