/*
Styles for Sales displayed as a vertical list down a page. Eg on sales-list.php, newsletter.php or list-ads.php 
*/

/* Individual advertiser sales */
TABLE#tblSaleListWrapper { width:550px; }
.missingThumbImageMessage { width:100px; height:92px; padding:18px 10px 10px 10px; border:1px outset #DDD; color:#808080; font-weight:bold; font-size:11px; }
* HTML .missingThumbImageMessage { width:120px; height:120px; }
.saleWrapper			{ width:550px; background-color:#fff; padding:5px; border:1px solid #FFF; }
.saleWrapperOver  { width:550px; background-color:#fff; padding:5px;  
	cursor:pointer; border-left:1px solid #F6F6F6; border-top:1px solid #F6F6F6; border-right:1px solid #C6C6C6; border-bottom:1px solid #C6C6C6; }
.saleThumbnailImg		{ width:125px; height:126px; overflow:hidden; float:left; text-align:center; border:0px solid #777; } 
.saleThumbnailImg IMG 	{ border-left:1px solid #F6F6F6; border-top:1px solid #F6F6F6; border-right:1px solid #C6C6C6; border-bottom:1px solid #C6C6C6; }
.saleText 				{ width:400px; margin-left:12px; float:left; overflow:hidden; text-align:left; border:0px solid #777; }
/* allow 7 lines of text (before hiding the overflow) */
.saleText .textBlock	{ line-height:1.4em; font-size:1em; height:9.8em; font-weight:normal; overflow:hidden; }
.saleText .textBlock B, .saleText .textBlock STRONG	{ font-weight:normal; }
.saleText .textBlock P	{ color:#808080; line-height:1.4em; margin:0; }
.saleText .textBlock UL { color:#808080; margin-top:0; margin-bottom:0; }
.saleText .textBlock LI { color:#808080; line-height:1.4em; }
.saleText P.redArrow A  { font-weight:normal; }
.saleText UL LI {  line-height:1.4em; }
.saleText UL BR {  line-height:0; height:0; }

A.saleLink			{ color:#DF2227; border-bottom:1px solid #FFF; }
A.saleLink:hover	{ color:#DF2227; border-bottom:1px dotted #DF2227; }

/* Styles for the "online" version of the newsletter (newsletter.php) */
.nSaleText { width:400px; margin-left:12px; float:left; overflow:hidden; text-align:left; border:0px solid #777; }
/* allow 7 lines of text (before hiding the overflow) */
.nSaleText .textBlock	{ line-height:1.4em; font-size:1em; height:9.8em; font-weight:normal; overflow:hidden; }
.nSaleText .textBlock B, .saleText .textBlock STRONG	{ font-weight:normal; }
.nSaleText .textBlock P	{ color:#808080; line-height:1.4em; margin:0; }
.nSaleText .textBlock UL { color:#808080; margin-top:0; margin-bottom:0; }
.nSaleText .textBlock LI { color:#808080; line-height:1.4em; }
.nSaleText P.redArrow A  { font-weight:normal; }
.nSaleText UL LI {  line-height:1.4em; }
.nSaleText UL BR {  line-height:0; height:0; }

TABLE#tblRegionSaleListWrapper {  }
.saleHeadingLine{
   font-size:10px; text-align:left; height:1.8em; width:97%; padding:4px 0 0 0;
}
.saleHeadingLine a{color:#737373; font-size:10px; padding-left:6px;}
.saleHeadingLine.grey{
    background-color:#eaebed;
}
.saleListContainer{
    width:520px;
    margin:auto;
}
td#salesListing{
    width:560px;
    border-right:1px solid #BFBFBF;
}
DIV.saleListContainer DIV.title { text-align:left; line-height:1.8em; height:2.0em; overflow:hidden; padding-left:4px; margin-top:16px;}
DIV.saleListContainer DIV.title A { color:#E50000; font-weight:bold; }