/*This document contains styles for all pages/tiles related to Item Results
  1. Item (Book) Results Container (Search/ItemResultsFramework/ItemResults.jsp)
  2. Website Security Box (Search/ItemResultsFramework/WebsiteSecurityNav.jsp)
  3. Item List (Search/ItemResultsFramework/ItemList.jsp)
  4. Book Details (Framework/BookDetails.jsp)
*/


/* 1. Book Results Container  */
  /*Book Details*/
  #bookResultsSearchContent { font-family:verdana, arial; color:#000; padding:20px 10px 0px 10px; }
  #itemDetailsTop { padding-bottom: 25px; position:relative; }
  #itemDetailsTop #bookInfo { width: 920px; }
  #itemDetailsTop #bookResultsTopTable{ font-size:8pt; }
  #itemDetailsTop #bookResultsTopTable td.itemImageCell { padding-left:5px; vertical-align:top; font-size:7pt; text-align:center; }
  #itemDetailsTop #bookResultsTopTable td.itemImageCell p { font-size:9pt; }
  #itemDetailsTop #bookResultsTopTable td.infoCell { width: 100%; line-height:150%; font-size:9pt; padding-left:20px; vertical-align:top; padding-top:0px; }
  #itemDetailsTop #bookResultsTopTable td.infoCell h1 { font-size:12pt; text-align:left; font-weight:bold; color:#000; margin-top:0px; margin-bottom:0px; padding-bottom:15px; padding-top:0px; }
  #itemDetailsTop #bookResultsTopTable td.valoreGuaranteeCell { width: 100px; padding-left:10px; padding-right: 10px; vertical-align:bottom; }
  #itemDetailsTop #bookResultsTopTable td.websiteSecurityCell { width: 142px; vertical-align: top;}
  #itemDetailsTop #securityBox { width:142px; margin:0;  }
  #itemDetailsTop #bookResultsTopTable td.infoCell span.bestPrice { font-size: 9pt; }
  #itemDetailsTop #bookResultsTopTable td.infoCell span.youSave { color: #888; font-size: 9pt; }
  #itemDetailsTop #bookResultsTopTable a.bestPrice { font-size: 12pt; color:#c00; font-weight:bold; }

  /*Sell Yours Now bar*/
  #sellYoursNowBar { }
  #sellYoursNowBar table { width:920px; border:1px solid #aaa; }
  #sellYoursNowBar table td { width:50%; padding-left:15px; padding-right:15px; vertical-align:middle; font-size:8pt; }
  #sellYoursNowBar table tr.navBarColHeading td { color:#fff; font-weight:bold; height:20px; background-color:#06f; background-image:url('../images/backgroundLFBlue.jpg'); }
  #sellYoursNowBar table td.lowerLeftCell { background-color:#eee; height:32px; text-align:left; }
  #sellYoursNowBar table td.lowerRightCell { background-color:#eee; height:32px; text-align:right; }
  #sellYoursNowBar table td a:link, #sellYoursNowBar table td a:visited { font-size:8pt; text-decoration:none; }
  #sellYoursNowBar table td a:hover, #sellYoursNowBar table td a:active  { font-size:8pt; text-decoration:underline; }
  #sellYoursNowBar table td a.navWhiteLink { color:#fff; font-weight:normal; }

  /*Item List Container*/
  #itemsForSaleList{  padding-bottom: 35px; font-size:9pt; }

  /*Bottom Book Details Container*/
  #itemDetailsBottom { padding-top:0px; font-size:9pt; }

  /*Link Below the container*/
  #itemDetailsBottomLink h3 { padding-top:10px; font-size:9pt; }


/* 2. Website Security Box */
  .websiteSecurityBox { width:142px; font-size:8pt; color:#000; text-align:center; }
  .websiteSecurityBoxHeader { padding-left:12px; line-height:20px; height:20px; background-color:#06F; background-image:url('../images/backgroundLFBlue.jpg'); color:#FFF; font-weight:bold; text-align:left; }
  .websiteSecurityBoxBody { padding-top:5px; padding-bottom:5px; border:solid 1px #5EA5FD; border-top-width:0px;}
  .websiteSecurityBoxImage { padding-top:5px; padding-bottom:5px; text-align:center; }
  .websiteSecurityBoxText  { padding-bottom:5px; }
  a.websiteSecurityBoxLink:link, a.websiteSecurityBoxLink:visited, a.websiteSecurityBoxLink:hover, a.websiteSecurityBoxLink:active { color:#888; font-size:7pt; font-weight:bold; font-family:verdana, arial; text-decoration:underline;}

#nav_tabs { width:918px; padding:0; margin:0; border:1px solid #AAA; border-top: none; }
#nav_tabs a, #nav_tabs a:link, #nav_tabs a:visited, #nav_tabs a:hover, #nav_tabs a:active { color:#00479B; font-weight:bold; }
/*if issues with #center ol, and #center ul add #content in front of #results_nav_tabs & #results_nav_tabs li */
#results_nav_tabs { padding:0; margin:0; overflow:hidden; background-color:#EEE; }
#results_nav_tabs li { padding:0; margin:0; list-style-type:none; float:left; text-align:center; font-size: 8pt;}
#results_nav_tabs li a, #results_nav_tabs li a:link, #results_nav_tabs li a:visited { width:auto; height:40px; display:block; padding:5px 20px; margin:0; text-decoration:none; background:url('../images/results_tabs_back.png') 0 0 repeat-x; border-right:1px solid #AAA; }
#results_nav_tabs li a.selectedTab, #results_nav_tabs li a:hover, #results_nav_tabs li a:active { border-right:1px solid #e5be83; background-position:0 -50px; }
#results_nav_tabs li a:hover .linkedText, #results_nav_tabs li a:active .linkedText { text-decoration:underline; }
#results_nav_tabs li.summary a, #results_nav_tabs li.summary a:link, #results_nav_tabs li.summary a:visited, #results_nav_tabs li.summary a:hover, #results_nav_tabs li.summary a:active { line-height:40px; }
#results_nav_tabs li a .resultDetails { display:block; color:#333; font-weight:normal; }

  /*Listing Headings*/
  #itemsForSaleList div.listingHeading { border-bottom:2px solid #06f; padding-top:35px; }
  #itemsForSaleList div.listingHeading p.listingHeadingTitle { display: inline; padding-left:1px; font-size:8pt; color:#000; }
  #itemsForSaleList div.listingHeading p.listingHeadingTitle span.viewAllLink { font-size: 8pt; }
  #itemsForSaleList div.listingHeading p.listingHeadingTitle span.lowPrice { font-size:8pt; color:#c00; }
  #itemsForSaleList div.listingHeading p.listingHeadingTitle a.itemListConditionHeadingLink { font-size:12pt; font-weight: bold; }
  #itemsForSaleList div.listingHeading p.listingHeadingTitle span.itemListConditionHeading { font-size:12pt; font-weight: bold; color: #00479b;}
  #itemsForSaleList div.listingHeading p.listingHeadingTitle span.itemListViewAll { font-size:8pt; font-weight: bold; color: #00479b;}
  #itemsForSaleList div.listingHeading p.listingHeadingTitle a.itemListViewAllLink { }
  #itemsForSaleList div.listingHeading p.listingHeadingTitle a:link, #itemsForSaleList div.listingHeading p.listingHeadingTitle a:visited: { text-decoration:none; }
  #itemsForSaleList div.listingHeading p.listingHeadingTitle a:hover, #itemsForSaleList div.listingHeading p.listingHeadingTitle a:active: { text-decoration:underline; }
  #itemsForSaleList div.listingHeading img.listingHeadingIcon { padding:0px; margin:0 0 0 5px; }

   /*The actual listings table*/
  #itemsForSaleList table.itemListingsTable { width: 920px; font-size:8pt; line-height:135%; border-top:0; }
  #itemsForSaleList table.itemListingsTable tr.itemListingColHeadings td { border-left:none; border-right: none; border-top:none; border-bottom:1px solid #ddd; line-height:120%; height: 20px;}
  #itemsForSaleList table.itemListingsTable tr.oddRow td { vertical-align: top; padding-top: 10px; padding-bottom: 10px;  border-bottom:1px solid #ddd; background-color:#eee;}
  #itemsForSaleList table.itemListingsTable tr.evenRow td { vertical-align: top; padding-top: 10px; padding-bottom: 10px;  border-bottom:1px solid #ddd; background-color:#fff;}
  #itemsForSaleList table.itemListingsTable td.farLeftCol { border-left:1px solid #ddd; }
  #itemsForSaleList table.itemListingsTable td.farRightCol { border-right:1px solid #ddd; }

  #itemsForSaleList table.itemListingsTable tr.itemListingColHeadings td.priceCellHeading { width: 110px; padding-left: 12px;}
  #itemsForSaleList table.itemListingsTable tr.itemListingColHeadings td.quantityCellHeading { width: 66px; text-align: center;}
  #itemsForSaleList table.itemListingsTable tr.itemListingColHeadings td.conditionCellHeading { width: 140px; padding-left: 8px;}
  #itemsForSaleList table.itemListingsTable tr.itemListingColHeadings td.sellerCellHeading { width: 457px; padding-left: 5px;}
  #itemsForSaleList table.itemListingsTable tr.itemListingColHeadings td.buyCellHeading { width: 151px;}

  #itemsForSaleList table.itemListingsTable td.priceCell { width: 110px; color:#888; font-size: 7.5pt;  padding-left: 12px;}
  #itemsForSaleList table.itemListingsTable td.priceCell h3.priceText { color:#C00; font-size: 12pt; font-weight: bold; padding-bottom: 5px;}
  #itemsForSaleList table.itemListingsTable td.priceCell span.lowPriceImage { vertical-align: middle; }
  #itemsForSaleList table.itemListingsTable td.priceCell span.lowPriceText { font-size: 6pt; padding-left: 6px;}
  #itemsForSaleList table.itemListingsTable td.buyCell { padding-left: 8px; padding-right: 8px; width:151px; }
  #itemsForSaleList table.itemListingsTable td.buyCell p { padding-top: 5px; }
  #itemsForSaleList table.itemListingsTable td.quantityCell { text-align: center; width:66px;}
  #itemsForSaleList table.itemListingsTable td.sellerCell { width: 457px; padding-left: 5px; }
  #itemsForSaleList table.itemListingsTable td.sellerCell span.sellerName { }
  #itemsForSaleList table.itemListingsTable td.sellerCell span.starImage { vertical-align: middle;}
  #itemsForSaleList table.itemListingsTable td.conditionCell { width: 140px; padding-left: 8px; }

  #itemsResultsAllItemsPagination { text-align: center; padding-top: 35px; }
  #itemsResultsAllItemsPagination table.paginationTable { margin:0 auto; }
  #itemsResultsAllItemsPagination table.paginationTable td.previousButton { width: 40px; }
  #itemsResultsAllItemsPagination table.paginationTable td.listingsCount { padding-left: 10px; padding-right: 10px; }
  #itemsResultsAllItemsPagination table.paginationTable td.nextButton { width: 40px; }

  a.itemListSellerRatingLink:link, a.itemListSellerRatingLink:visited{ font-weight:bold; }
  a.itemListSellerRatingLink:hover, a.itemListSellerRatingLink:active{ font-weight:bold; }
  /*a.itemListCommentsLink:link, a.itemListCommentsLink:visited { text-decoration:none; }
  a.itemListCommentsLink:hover, a.itemListCommentsLink:active  { text-decoration:underline; } */

  /*Buy This Item button*/
  a#buyThisItemButton, a#buyThisItemButton:link, a#buyThisItemButton:visited { position:relative; width:135px; height:0; padding-top:27px; overflow:hidden; display:block; margin:0 auto; background:url('../images/button/btn_buythisitem.gif') 0 0 no-repeat; }
  a#buyThisItemButton:hover { background-position:0 -27px;}
    
  /*Case: Out of Stock*/
  p.outOfStock { text-align:center; font-size:12pt; font-weight:bold; padding:0; line-height:110%; padding-top:35px; }
  p.outOfStock a:link, p.outOfStock a:visited { font-size:9pt; text-decoration:none; }
  p.outOfStock a:hover, p.outOfStock a:active { font-size:9pt; text-decoration:underline; }


/* 4. Book Details */
  #bookDetailsContent { width:926px !important; margin:0 auto 0 -3px !important; }
  /*the rest of the style for Book Details are in styles.css*/

     
