
/* Zappos.com Search Page Styles
   ----------------------------------------------------*/

/* Colors
  h1 Background (light grey):#ddd
  h3 Background (medium grey):#888
*/

/*
  GENERIC
  LAYOUT
    SIDEBAR
    CONTENT
*/

/* =GENERIC
   ----------------------------------------------------*/


#wrap .count {color:#aaa;}


/* =LAYOUT
   ----------------------------------------------------*/

/* =SIDEBAR */
#wrap .search-sidebar {float:left; width:245px; margin-top:15px; background-color:#c5d3e5;}
#wrap .search-sidebar h2 {clear:both; margin:0; padding:15px 5px 0 8px; color:#13476b;}


/* =CONTENT */
#wrap .search-page {position:relative; float:right; width:983px;}

.search-page {position:relative; float:left; width:100%; padding:0;}
.search-page h1 {padding-left: 12px; color:#2A6798;}
.search-page .bread-crumbs {position:relative; margin:0; padding:0 8px 8px; font-size:1em; color:#666;}
.search-page .bread-crumbs strong.term, strong.term {font-size:1.5em; color:#369; text-transform:capitalize;}
.search-page .bread-crumbs img {position:relative; top:2px;}
.search-page .bread-crumbs .search-redirect-link {font-size:.9em; font-weight:bold; margin:3px 0 0 20px;}
.search-page .bread-crumbs .lander-seo-text {margin: 20px 0 15px;}

.search-page ul.sort {float:left; width:100%; margin:0; font-size:.9167em; color:#666; background:url(/imgs/search/sort-striped-bg.20100224230132.gif) #eff7f7 top left repeat-x;}
.search-page ul.sort li {list-style:none; float:left; padding:15px 0 5px;}
.search-page ul.sort li.selected {font-weight:bold;}
.search-page ul.sort li.new-burst {margin-left:5px; padding-left:31px; background:url(/imgs/search/new-burst.20100224230132.gif) top left no-repeat; font-size:1.1em; font-weight:bold;}
.search-page ul.sort li.stars {margin-left:8px; padding-left:16px; background:url(/imgs/search/stars.20100224230132.gif) top left no-repeat; font-size:1.1em; font-weight:bold;}
.search-page ul.sort li a {color:##7f9fb2;}
.search-page ul.sort li.pagination {float:right; margin:0 15px 0 0;}
.search-page ul.sort li.pagination .current-page {font-weight:bold;}

#search-results {clear:both; padding:4px 0;}
#search-results .product {float:left; width:19%; padding:0 .4% 2em .4%; text-align:center; font-size:.9167em; }
#search-results .product a span {text-decoration:underline;}
#search-results .product a:hover {text-decoration:none;}
#search-results .product a:hover span {text-decoration:underline;}
#search-results .product span.sale {color:#900;}
#search-results .product img.thumbnail {height:102px;}
#search-results .product img.new {margin:2px 0;}
#search-results .first {clear:left;}
#search-results img.star {margin:2px 0 0;}

#pagination {position:relative; clear:both;}

.search-none {width:756px !important; padding:10px 0 0 16px; font-size:0.9167em;}
.search-none h2 {margin:10px 0 2px 0; padding-bottom:15px; border-bottom:1px dotted #B4B4B4; color:#EB1C26; font-size:1.636em;}
.search-none h2 span {display:block; font-size:0.62em; font-weight:normal; color:#555;}
.search-none h3 {margin:0; padding:20px 0 10px 0; line-height:1.364em; background-color:#fff; color:#555; font-size:1.25em;}
.search-none form {margin:0px; padding:4px; background:#dae4e9;}
.search-none fieldset {margin:0px; padding:8px; background:#CDDBE4; border:#E7EDF1 solid 1px;}
.search-none button.search {margin:0 0 0 7px; padding:1px 5px; font-size:1em; color:#636363; border:1px solid #d2a13f; background:url(/imgs/gobtnbg.20100224230132.gif) left center repeat-x #fdca64;}
.search-none p {margin:0; padding-right:170px;}
.search-none .entire-search {float:left; width:260px; height:18px; margin:2px 7px 0 0; border:1px solid #999;}
.search-none button {float:left; margin:0; font-size:1em; color:#636363;}
.search-none label {float:left; margin:4px 5px 0 0;}
.search-none .size-search, .search-none .header-width {display:none;}
.search-none ul li {margin-bottom:5px;}
.search-none ul.nobullet{list-style-type:none;}
.search-none .left-block {float:left; width:445px; margin-bottom:20px;}

.search-none .right-block {float:right; margin:7px 0 15px;  }
.search-none .right-block h3 {margin:4px 4px 0; padding:10px;  }
.search-none .right-block ol {list-style-type:none;}
.search-none .right-block ol li {margin-bottom:5px; margin-left:10px;}
.search-none .kitteh-banner {display:block; float:left; width:740px; margin-top:15px; border-top:1px solid #e0e0e0;}
.search-none .kitteh-banner img {float:left; margin:15px 0;}
.search-none .kitteh-banner p {font-size:1.3em; margin:45px 0 0; padding:0 0 0 175px;}

.category-nongender h1 {margin-left:10px; font-size:1.5em; color:#369;}
.category-nongender h3 {clear:both; font-size:1.1667em;}
.category-nongender ul {width:750px; margin:10px 0 6px 5px;}
.category-nongender ul li {float:left; list-style:none;}
.category-nongender ul li strong {display:block;}
.category-nongender ul ul {width:230px; margin:5px 0 20px 0;}
.category-nongender ul ul li {float:none;}

.category-genderized h1 {margin-left:10px; font-size:1.5em; color:#369;}
.category-genderized h3 {clear:both; font-size:1.1667em;}
.category-genderized div {float:left; width:99.9%;}
.category-genderized div img {margin:10px 0 0 10px;}
.category-genderized h4 {clear:both; margin:0 0 0 19px; padding:13px 0; font-size:1.5em; font-weight:normal; color:#369;}
.category-genderized h4.lifestyle {width:715px; border-top:1px solid #CDDBE4;}
.category-genderized ul {float:left; margin:0 0 0 19px; padding:0;}
.category-genderized ul li {float:left; width:243px; margin:0; padding:0 0 10px 0; list-style:none;}
.category-genderized ul li strong {display:block; padding:0 0 6px 0;}
.category-genderized ul ul {margin:0; padding:0; border:none;}
.category-genderized ul ul li {margin:0; padding:0 0 5px 0;}

.sorter select {font-size:1em; width:15em;}
.addToFavs {float:right; margin-top:10px;}
#favsDiv {display:block;width:250px; text-align:center;}
#favsDiv input {display:block; margin:5px auto; width:220px;}
#favsDiv a {display:block; margin:5px auto; background-color: #ff5300; width:150px; color:#fff; font-weight:bold; text-decoration:none; -moz-border-radius:5px;}
#favsDiv a:hover, #favsDiv a:visited {font-weight:bold; color:#fff; text-decoration:none;} 
#favsDiv .errMsg {color:#f00; font-weight:bold;}
.search-personality {position:absolute; right:0; bottom:2px; font-size:0.833em; font-weight:bold;}
#core-values {font-weight:normal;}

/* DEBUG */
div.search-debug {text-align:left; font-size:10px; border:1px solid #d6d6d6; background:#e5e5e5; padding:10px; margin:5px 10px 0 10px;}
div.search-debug h4 {font-size:11px; font-weight:bold; margin:0; padding:0;}
div.search-debug ul {margin:0; padding:0; list-style:none;}
div.search-debug ul li {margin:0; padding:0;}
