/* 
	File:			search.css
	Author:			Adam Maxfield
	Created:		6.11.2009
	Description:	This file contains all styles for Williams-Sonoma search pages. 
*/
div#sidebar { float : left; width : 15.5em; }
div#content { margin-left: 0; border: none; margin-bottom: 2em; }
body#checkout div#content { clear : both; overflow : hidden; font-size: 10px; width : 99em; margin-left : 0 !important; border: none; }
body#search div#content div#bottom-bar { padding-top: 1em;}
div#sidebar li.active { color: #4B690F;}

ul.error { color: #4A2300; padding: 0.2em 0 0.5em 0;}
ul.error li span.alert-icon { display: none;}
div#content ul.error li.message { font-size: 1.5em;}

div.hidden { display: none;}
/* Common form elements */
div#content input.button-search { float: left; font-size: 1em; text-indent : -999em; cursor: pointer; width: 6.6em; }
body#search div#content form input.button-search { margin-top: 0; width: auto; height: auto; margin-right: 1.6em; }
form.search-results input.keyword-text { float: left; width: 18.5em; margin-right: 1em; }
input.button-search:active,
input.button-search:hover { background-image: url('../images/common/btn_search.gif'); }
/* /Common form elements */

/* Pagination Container */
body#search div.the-bar ul.pagination { margin: 0;}
div.wrap div.the-bar { float: right; width: 100%; min-height: 2.8em; _height: 2.3em; float: right; margin-bottom: 0; }
div.wrap div#top-bar { padding-top: 1.5em;}
/* /Pagination Container */

/* Search Landing Page */
div#home div.opinionlab { clear: both;}
div#content.search-landing { margin-left: auto; margin-right: auto; width : 95%; padding: 0; }
div#home div.search-landing h2	{ margin-bottom : 0; font-family: Georgia, "Times New Roman", Times, serif; padding-bottom: 0.7em;}

div.suggested { padding : 1em 0 0.2em 0; }
div.suggested p { margin-bottom : 0.8em; }
div.suggested ul { list-style-type : none; list-style-position : inside; margin : 0 0 1em 0; padding : 0; }
div.suggested ul li { padding-bottom : 0.4em; }

div.searchtips { margin-bottom: 1em; padding-bottom: 1em; border-bottom:1px solid #EDEAE2; clear: both; }
div.searchtips h2 { margin-bottom : 0.5em; padding: 0; font-size: 1.1em; }
div.searchtips ul { width: 44em; }
div.searchtips ul li { background-image:url("../images/common/img_bullet.gif"); background-position: 0.8em 0.7em; background-repeat:no-repeat; list-style-position: outside; padding: 0.2em 1.8em; }
div.form-wrapper { padding-bottom: 1.5em; float: left; width: 100% }
div.form-wrapper p { margin : 0.2em 0; padding : 0; }
div.form-wrapper p.example { font-weight : bold; }
div.form-wrapper div.message-container { height: 5em; margin : 0.5em 0; }
div.form-wrapper div.keyword-search,
div.form-wrapper div.recipe-search { width : 35.4em; }
div.form-wrapper div.keyword-search { float: left; background-color:#FFFCE9; padding:8px 8px 20px 14px; }
div.form-wrapper div.recipe-search { float: right; background-color:#FFFCE9; padding:8px 8px 20px 14px; width: 39em;}
div.form-wrapper div.keyword-search h2,
div.form-wrapper div.recipe-search h2 { padding : 0.4em 0 0.6em; }
div.form-wrapper input.keyword-text { float : left; font-size : 1.2em; width: 19em; padding: 0.1em; margin: 0 1em 0 0; }
div.form-wrapper input.recipe-text { float : left; font-size : 1.2em; width: 19em; padding: 0.1em; margin: 0 1em 0 0; }
div.form-wrapper ul.error { margin-bottom: .5em; }
div#registry-search {  border-right:1px solid #EDEAE2; padding: 1em; float: left; width: 31em; }
div#home div#registry-search h2 { background-image: url('../images/search/img_reg_search.jpg'); background-repeat: no-repeat; background-position: left bottom; padding-bottom: 8em; margin-bottom: 0.5em; }
div#registry-search form { margin-left: -1.5em;}
div#registry-search p.required-info { padding-left: 10.2em;}
div#registry-search form div#event-info { height: 3em; }
div#registry-search form fieldset input#firstName,
div#registry-search form fieldset input#lastName,
div#registry-search form fieldset select#state { width: 15.1em;}
div#registry-search form fieldset#event-month,
div#registry-search form fieldset#event-year { float: left; position: relative;}
div#registry-search form fieldset#event-year label { position: absolute; left: -99em; width: 3em;}
div#registry-search form fieldset#event-year select { margin-left: 1em;}

div#recommendations { margin-left: 34.5em; padding: 1em 0;}
div#recommendations ul { padding: 1em 0; float: left; }
div#recommendations ul li { float: left; position: relative; width: 7.5em; margin: 0.7em; font-size: 1em;}
div#recommendations ul li span { display: block; font-weight: bold; text-align: center; color: #4A2300; font-size: 1.2em;}
/* /Search Landing Page */

/* Search Down Page */
div#searchdown div#content { margin-left: 0; padding-left: 0; border-left: 0;}
div.search-down p { padding-top : 2em; }
div.search-down p img { font-size : 1em; }
/* /Search Down Page */

/* Search Results */
div#results h2 { font-size: 2em; padding: 0.2em 0 0.2em 0; margin: 0; width: 30em; font-family: Georgia, "Times New Roman", Times, serif; }
div#sidebar { width: 16.5em; margin:0;}
div#sidebar h3 { padding-left: 0.9em;}

div#sidebar ul#category-results { margin-bottom: 1em;}
div#sidebar ul.related { padding-top : 0.5em; }
div#sidebar ul h2 { width: auto; font-size : 1.6em; padding-bottom : 0.4em; border-bottom : 1px solid red; margin : 0; }
div#sidebar ul li { padding: 0 0.5em 0 0.7em; }
div#sidebar ul li a { color: #4b690f; padding: 0.2em 0; }
div#sidebar ul li.active a { font-weight: bold; }
div#sidebar ul li.header { font-weight: bold; padding-top: 0.2em; padding-bottom: 0.2em; color: #4A2300; }

form.search-results { background-color: #FFFCE9; padding: 0.4em; margin-bottom: 1.5em; overflow: hidden; height: 8em; }
form.search-results div { padding: 1em 0; }
form.search-results p { padding-bottom: 1em; }
form.search-results span { font-weight: bold; }
div#content form.search-results div.input-container a.block-text-link.popup { float: left; font-size: 1.1em; padding-top: 0.2em; background-position: right 0.4em;}


div#results form.search-results div.input-container { float: left; width: 40em;  padding: 0.5em; }
div#results form.search-results input.keyword-text { float: left; width: 15em; margin-right: 1em; }
div#results form.search-results input.button-search { margin-top: 0.1em; width: auto; height: auto; margin-right: 1.5em; }div#results div#results form.search-results a.block-text-link { float: left; display: block; margin-top: 0.2em; }

form.search-results div#recipe-search-tip { background-color:#FFFDF4; border: 1px solid #E0D4BE; float: right; padding: 0.8em 1.8em;}
form.search-results div#recipe-search-tip h3 { font-size: 1.5em; font-family: Georgia, "Times New Roman", Times, serif; border-bottom: 1px solid #C7B18B; padding: 0.2em 0 0.2em 0; margin: 0; font-weight:normal;}
form.search-results div#recipe-search-tip p { padding: 0.3em 0;}

div#results h3.category-name { display: none;}
form.search-results ul { padding-bottom : 1em; }
form.search-results div.suggested { text-align : left; margin-left : 19.8em; padding : 3em 0 0 0; }
form.search-results div.suggested p { margin-bottom : 0; padding-bottom : 1em; }
form.search-results div.suggested ul { margin : 0; padding-bottom : 0; }

div.search-billboard { font-size : 1.1em; padding : 1em 0; }
div.search-billboard img { font-size : 1em !important; }
div.pagination-container div.search-billboard { float : left; padding : 0 1em 0 0; }

div.cross-brand-container { overflow : hidden; height : 21.5em; margin : 2em 0; border : 1px solid #DEDEDE; padding : 1.5em; background-color : #ECF8F7; }
div.cross-brand-container h2 { font-size : 1.1em; margin-bottom : 2.5em; }
div.cross-brand-container img.brand { float : right; margin-left : 1.5em: 1.5em; }
div.cross-brand-container p { font-size : 1.1em; line-height : 1.3em; color : #333; margin : 1em 0; }

div#results-container { margin: 1em 0 0 17.5em; _margin-left: 17.3em; padding-left: 2.5em; border-left: 1px solid #D9D9D9; }
div#results-container p {  color:#4A2300; font-size: 1.2em;  }
div#results-container p span { font-weight: bold;}
div#results-container div.opinionlab { float: right; padding-top: 0.5em;}
div.sort-container { float: left; display: block; margin: 0.5em 0 0 0; }
div#top-bar ul.pagination { padding-top: 0.4em;}
div.sort-container ul { margin : 0;  float: left; width: 100%; }
div#results-container div.sort-container ul li { float : left; padding : 0 0.5em 0.2em 0.5em; line-height: 1.5em; _line-height: 1.4em; color: #4b690f; font-weight: bold; }
div#results-container div.sort-container ul li.sort-header { font-family: Georgia, "Times New Roman", Times, serif; padding-left: 0; padding-right: 0.2em; font-size: 1.5em; line-height: 1em; font-weight: normal; color: #4A2300; }
#results-container div.sort-container ul li a { font-weight : normal; }
div.sort-container a.return-to-search-results { text-decoration : none; padding : 0.3em 1.5em 0 0.8em; background-image : url('../images/common/arrow_left.gif'); background-position: left 0.6em; background-repeat : no-repeat; }
div.sort-container a.return-to-search-results:active,
div.sort-container a.return-to-search-results:hover { text-decoration: underline; }
div#content div#results-container ul.product-list li { border-color: #E7E7E7; }
/* /Search Results */

/* CQS Page */
div#cqs-billboards	{ float:left; }
div#catalog-quick-shop div#content { padding-left: 22em; background-image:url('../images/search/hero_catalog_request.jpg'); background-repeat: no-repeat; margin-top: 2em; width: 56em;}
div#catalog-quick-shop div#content div.cqs-search p { padding-bottom: 1em; }
div#catalog-quick-shop div#content div.cqs-search	{ border-bottom: 1px solid #EDEAE2; overflow: visible; padding-bottom: 2em; margin-bottom: 1em; }
div#catalog-quick-shop div#content form { }
div#catalog-quick-shop div#content div.message-container ul.error { padding-bottom: 1em; }
div#catalog-quick-shop div#content input.catalog-code { float: left; font-size: 1.2em; width: 2.5em; margin: 0 0.5em 0 0; }
div#catalog-quick-shop div#content span#the-almighty-dash { float: left; margin: 0.5em 0.5em 0 0; }
div#catalog-quick-shop div#content input.catalog-sku { float: left; font-size : 1.2em; width: 5em; margin-right: 1em; }
/* /CQS Page */

/* Find Registry block */
body#search input.btn-find-registry { margin-left: 12.5em; }
body#search p.registry-info-block { text-align: center; padding: 2em; }
/* /Find Registry block */

div#content.dummy-sku { padding: 0; width: 75%;}
div#content.dummy-sku div#results-container { padding-left: 8em; margin-left: 0; border: none;}
div#content.dummy-sku h1, 
div#content.dummy-sku p#results-info { display: none;}
div#content.dummy-sku div#results-container ul { width: 100%;}
div#content.dummy-sku div#results-container ul.product-list li { width: 100%; margin-bottom: -0.1em; padding: 0 0 1em 0; border-color: #DBD2BE;}
div#content.dummy-sku div#results-container ul.product-list li div.product-thumb { float: left; padding-top: .5em; width: 11.2em; height: 10em; text-align: left;}
div#content.dummy-sku div#results-container ul.product-list li div.product-name { float: left; width: 35em; padding-top: .8em;}
div#content.dummy-sku div#results-container ul.product-list li div.inline-rating { display: none; } /* Troublemaker! */
div#content.dummy-sku div#results-container ul.product-list li span.product-price { display: block; float: left; clear: none;  padding-top: 1em;}
div#content.dummy-sku ul.product-list li div.product-thumb a { width:11.2em; top: 0.4em; }
div#content.dummy-sku div#results-container div.opinionlab { margin-bottom: .3em; }

div.opinionlabs { float: right; margin-top: -3em;}