﻿
/*  CSS Classes For Search Results:
 *		Common:
 *			- ResultsItemLink
 *			- ResultsCollLink
 *			- NoResults					- Text displayed when there are no matching records.
 *			- panelPageLinksTop			- Contains PageLinks above the results.
 *			- panelPageLinksBottom		- Contains PageLinks below the results.
 *			- panelResultsPerPageTop	- Contains Results per page pulldown.
 *			- panelSort					- Contains "Sort by" pulldown
 *			- panelCompare				- Contains Compare and Clear buttons.
 *
 *      NORMAL Format:
 *          - ResultsNormal_Object
 *          - ResultsNormal_Title
 *          - ResultsNormal_Desc
 *          - ResultsNormal_Image
 *          - ResultsNormal_Finish
 *          - ResultsNormal_CollectionName
 *          - ResultsNormal_Compare
 * 
 *      WIDE Format:
 *          - ResultsWide_Object
 *          ...
 *      
 *      LARGE Format:
 *          - ResultsLarge_Object
 *          ...
 */

#browseCatalog_resultsTitle h1 
{font-size: 1.5em; font-weight: bold; padding-top: 5px;}

#resultsBreadcrumb 
{}

#browsecatalog_container
{}

#searchPanel 
{width: 500px; padding-left: 5px; float: left; border-left: solid 1px #aaa;}

.BrowseCatalog_SideVerticalAd 
{width: 120px; float: left; margin-left: 10px; margin-top: 20px;}

.BrowseCatalog_TopTextAd 
{text-align: center;}

#browsing_special_order 
{display: none;}

.BrowseCatalog_MfgSku 
{display: none;}

#narrow_search_panel_InStockOnDisplay_Container
{}

#narrow_search_panel
{background-color: #fff; width: 160px; float: left;}

#narrow_search_panel h2
{/* 'Narrow Your Search' title */ text-align: center;}

#narrow_search_panel ul
{list-style-type: none; margin-left: .25em; padding-left: .25em;}

.narrow_search_panel_TextBox
{width: 3em;}

#narrow_search_panel #ClearAllNarrowYourSearch
{margin: 0 auto; width: 80%;}

.NarrowYourSearch_Coastal, .NarrowYourSearch_Tropical
{display: none;}

/* Results Container (DIV) */
.ResultsNormal_Container
{}
.ResultsLarge_Container
{background-color: #fff;}
.ResultsWide_Container
{background-color: #fff;}

/* Results page numbers table */
.browseCatalog_pagelinks_container
{padding: .35em 0;}

*html .browseCatalog_Pagelink_CurrentNumbers
{font-size: 85%; float: right; min-width: 150px; max-width: 210px; text-align: right; padding-right: 8px; width: expression( document.body.clientWidth > 209 ? "210px" : "auto" ); width: expression( document.body.clientWidth < 149 ? "150px" : "auto" );}

/* Results page numbers table cell */
*html .browseCatalog_pagelinks
{max-width: 390px; font-size: 85%; margin: 0; padding: 0; float: right; text-align: right; width: expression( document.body.clientWidth > 389 ? "390px" : "auto" );}

.browseCatalog_Pagelink_CurrentNumbers
{font-size: 85%; float: right; min-width: 150px; max-width: 210px; text-align: right; padding-right: 8px;}

.browseCatalog_pagelinks
{max-width: 390px; font-size: 85%; margin: 0; padding: 0; float: right; text-align: right;}

#browseCatalog_resultsSortContainer
{float: right; text-align: right; font-size: 90%;}

.browseCatalog_resultsPerPage
{margin-bottom: 3px;}

.browseCatalog_resultsPerPage select
{height: 18px; font-size: 75%; padding: 1px 0;}

.browseCatalog_resultsSort select
{height: 18px; font-size: 75%; padding: 1px 0;}
/* Results page numbers */
.pageLink
{border: solid 1px #ccc; padding: .05em .2em; font-size: 110%; margin: 4px 1px; position: relative;}

.pageLink:hover
{border: solid 1px #555;}

#pageLink_active
{font-weight: bold; margin: auto .25em;}

#browseCatalog_prev_button, #browseCatalog_next_button
{border: solid 1px #ccc; padding: .05em .75em; font-size: 110%; margin: 0; position: relative;}

#browseCatalog_prev_button:hover, #browseCatalog_next_button:hover
{border: solid 1px #555;}

.browseCatalog_panelCompare
{float: left; margin-top: 20px;}

.panelPageLinksBottom
{clear: both;}

/* Item & Collection Links */
.ResultsItemLink
{text-decoration: none;}
.ResultsItemLink:Hover
{text-decoration: underline;}
.ResultsCollLink
{text-decoration: none;}
.ResultsCollLink:Hover
{text-decoration: underline;}

/* IMAGETOP Results */
/* -------------- */
.ResultsImageTop_Object
{overflow: hidden; height: 275px; float: left; width: 152px; border: 1px solid #ccc; margin: 0 4px 4px 0; padding: 4px; text-align: center; position: relative;}

*html .ResultsImageTop_Title
{font-size: 90%; font-weight: bold; color: #c00; max-height: 2.2em; padding: 5px 5px; text-align: left; height: expression( this.scrollHeight > 2.2em ? "2.21em" : "auto" );}

.ResultsImageTop_Title
{font-size: 90%; font-weight: bold; color: #c00; max-height: 2.2em; padding: 5px 5px; margin-top:25px; text-align: left;}

.ResultsImageTop_Desc
{}
.ResultsImageTop_Image
{height: 140px;}

*html .ResultsImageTop_Finish
{vertical-align: bottom; font-size: 85%; max-height: 2.2em; margin-top: .2em; text-align: left; padding-left: 5px; height: expression( this.scrollHeight > 2.2em ? "2.21em" : "auto" );}

.ResultsImageTop_Finish
{vertical-align: bottom; font-size: 85%; max-height: 2.2em; margin-top: .2em; text-align: left; padding-left: 5px;}

*html .ResultsImageTop_CollectionName
{max-height: 3em; font-size: 80%; text-align: left; padding-left: 5px; margin-top:.2em; height: expression( this.scrollHeight > 3em ? "3.01em" : "auto" );}

.ResultsImageTop_CollectionName
{max-height: 3em; font-size: 80%; text-align: left; padding-left: 5px; margin-top: .2em;}

.ResultsImageTop_Compare
{color: #aaa; vertical-align: bottom; text-align: left; font-size: 80%; padding-left: 3px; position: absolute; top: 255px; left: 0px;}

.ResultsImageTop_ImageTags
{margin: .25em 0; padding: 0;}


.NoResults
{width: 100%; text-align: center; font: bold 10pt arial; color: Red; padding: 20px 0px 20px 0px;}

.NarrowYourSearch_MattressBrand_All
{display: none;}

.NarrowYourSearch_MattressBrand_Serta
{display: none;}

.NarrowYourSearch_MattressBrand_VeraWangbySerta
{display: none;}

.NarrowYourSearch_MattressBrand_SleeptoLive
{display: none;}

.NarrowYourSearch_MattressBrand_Kingsdown
{display: none;}

.NarrowYourSearch_MattressBrand_Sealy
{display: none;}

.NarrowYourSearch_MattressBrand_StearnsFoster
{display: none;}

.NarrowYourSearch_MattressBrand_KingKoil
{display: none;}

.NarrowYourSearch_MattressBrand_ComfortSolutions
{display: none;}

.NarrowYourSearch_MattressBrand_Simmons
{display: none;}

.NarrowYourSearch_MattressBrand_SimmonsComforPedic
{display: none;}

.NarrowYourSearch_MattressBrand_TempurPedic
{display: none;}

.NarrowYourSearch_MattressBrand_SpringAir
{display: none;}

.NarrowYourSearch_MattressBrand_Therapedic
{display: none;}

.NarrowYourSearch_MattressBrand_Restonic
{display: none;}

.NarrowYourSearch_MattressBrand_Englander
{display: none;}

.NarrowYourSearch_MattressBrand_Jamison
{display: none;}

.NarrowYourSearchSection
{position: relative;}

.NarrowYourSearchExplain div
{cursor: pointer; width: 90%; font-size: .7em; margin: 1em 0 0 0; padding: .35em 0; border: solid 1px #9ab; text-align: center;}

.NarrowYourSearchExplain div:hover
{border-color: #345;}

.NarrowYourSearchExplainContent
{display: none; position: absolute; height: 300px; width: 300px; border: solid 3px #9ab; background-color: #fff; left: 10px; top: -20px; z-index: 100;}

.NarrowYourSearchExplainContent_Header
{height: 20px; background-color: #9ab; color: #fff; text-align: right;}

.NarrowYourSearchExplainContent_CloseButton
{cursor: pointer; margin: 0 1em 0 0;}

.NarrowYourSearchExplainContent_Body
{overflow: auto; font-size: .8em; height: 270px; padding: 5px;}

.NarrowYourSearchExplainContent_Title
{font-size: 1.2em;}

.NarrowYourSearchExplainContent_Body div
{margin: 0 0 1em 0;}

.NarrowYourSearchExplainContent_Body div span
{font-weight: bold;}

.NarrowYourSearchExplainContent_Body div img
{display: block;}

