/* Zappos.com Brand List Styles
   ----------------------------------------------------*/

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

/*
  GENERIC
  LAYOUT
    SIDEBAR
    CONTENT
*/

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

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

/* =SIDEBAR */
#wrap .brandlist-sidebar {float:left; width:245px; margin-top:10px; background-color:#c5d3e5;}

.brandlist-sidebar h2 {clear:both; margin:0; padding:8px 5px 0 8px; color:#13476b;}
.brandlist-sidebar #featured-brand {width:214px; margin:30px auto; text-align:center; border:1px solid #819DB0;}
.brandlist-sidebar #featured-brand h3 {margin:0; padding:5px 0;}
.brandlist-sidebar #no-brand {width:216px; height:84px; margin:10px auto; border:1px solid #819DB0; background: url(../imgs/no-brand.20160603093002.jpg) no-repeat;}
.brandlist-sidebar #no-brand a {width:216px; height:84px; text-indent:-1000em; overflow:hidden; display:block;}
.brandlist-sidebar h3 span {font-size:.9167em; font-weight:normal;}

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

.brandlist-page {position:relative; float:left; width:100%; padding:10px 0;}

.brandlist-page h1 {margin:.5em 0; padding-left:2px; line-height:1em; color:#336699;}
.brandlist-page #searchbrand {margin:0; clear:both;}

.brandlist-page p#brands {font-size:1.25em; font-weight:bold; padding-left:2px; color:#336699; clear:both;}
/* .brandlist-page h3 {margin:5px 0 0 0; background:#819DB0;} */

.brandlist-page #brandLetter {float:left; width:972px; padding:14px 0 14px 10px;}
.brandlist-page #brandLetter ul {float:left; width:16.3%; list-style:none;}
.brandlist-page #brandLetter ul li {margin:0 10px 3px 0; padding:0;}

.brandlist-page #brandAlpha {display:inline-block; border:1px solid #ddd; -moz-border-radius:5px; -webkit-border-radius:5px; background:#ECF3F9; padding:0 5px; margin:15px 0; font-size:1.10em; overflow:hidden;}
.brandlist-page #brandAlpha a {display:block; padding:5px 9px; float:left; border-left: 1px solid #ddd; color:rgb(51, 102, 153); font-weight:bold; text-decoration:none;}
.brandlist-page #brandAlpha a.selected {background:url(../imgs/brand-alpha-grad.20160603093002.gif); background-repeat: repeat-x;}
.brandlist-page #brandAlpha span {display:inline; float:left; margin:5px 10px 5px 0; color:rgb(51, 102, 153);}
.brandlist-page #brandAlpha br {clear:both;}
.brandlist-page #brandAlpha ul {display:inline-block; margin:0; padding:0; list-style:none;}
.brandlist-page #brandAlpha ul li {margin:0; padding:0; display:inline;}

.brandlist-page #brand-category-header {width:690px;}
.brandlist-page #brands-by-category {padding:10px; width:690px; float:left;}
.brandlist-page #brands-by-category h4 {font-size:1em;}
.brandlist-page #brands-by-category ul {list-style:none; margin:0 30px; padding:0; float:left;}
.brandlist-page #brands-by-category li {margin:0; padding:0;}
.brandlist-page #brandlist-featured {float:right; width:254px;}
.brandlist-page #brandlist-featured img {float:left;}

.brandlist-page .clear {clear:both;}

.brandlist-popover {text-align:left; padding:15px 10px; border:1px solid #369; background:#eee !important;}
.brandlist-popover ul {list-style:none; float:left; width:180px; margin-right:10px;}

#brand-search-content .standard-container { padding-bottom:15px; background:#f6fbff; text-align:center; }
#brand-search-content .container-view { top:18px; }

.brandlist-key {margin-bottom:25px;}
.brandlist-key span {padding-right:15px;}
.brandlist-key strong {color:#336699;}

#brand-search-content #searchbrand { position:relative; margin:15px 30px 0; padding:7px 0 12px; overflow:visible; border:1px solid #d7e9f5; background-color:#d7e9f5; z-index:1110; }
#brand-search-content #searchbrand { -webkit-border-radius:5px; }
#brand-search-content #searchbrand { -moz-border-radius:5px; }
#brand-search-content #searchbrand form fieldset label { display:inline; margin:0; padding-right:7px !important; padding:3px 0 0; color:#4D4E4F; font-weight:normal; background-color:#d7e9f5; }
#brand-search-content #searchbrand form fieldset .brand-search { position:relative; padding-top:2px; }
#brand-search-content #searchbrand form fieldset .brand-search input#brandsearch { width:380px; }
#brand-search-content #searchbrand form fieldset .brand-search ul.suggestions { display:block; z-index:1111; width:380px; top:1.8em; left:0; list-style:none; margin:0; padding:0; }
#brand-search-content #searchbrand form fieldset .brand-search ul.suggestions li { width:380px; margin:0; padding:0; }
#brand-search-content #searchbrand form fieldset .brand-search ul.suggestions li a:hover { width:374px; }

#brand-search-content h6, #brand-search-content ul {display:inline; margin:10px 10px 0 0; padding:0; font-weight:normal;}
#brand-search-content ul li {margin:0 4px;}

#brand-search-content #featured-brand-slider { position:relative; margin:15px 30px; border:2px solid #d7e9f5; border-top:none; }
#brand-search-content #featured-brand-slider h5 { display:block; margin:0; padding:0; border:2px solid #d7e9f5; background:#d7e9f5; font-weight:normal; }
#brand-search-content #slider {position:relative; width:916px; overflow:hidden; height:56px; text-align:left; background-color:#fff; }
#brand-search-content #slider .wrap {position:absolute; top:0; width:10000em; height:56px; }
#brand-search-content #slider .section {float:left; width:832px; padding:10px 0 10px 84px; }
#brand-search-content #slider .section img {margin-right:20px;}
#brand-search-content #slider .prev,
#brand-search-content #slider .next {position:absolute; width:40px; line-height:56px; z-index:100; display:none; text-indent:-999em; overflow:hidden;}
#brand-search-content #slider .prev {left:0; background:url(../imgs/left_arrow-40x56.20160603093002.gif) no-repeat center top;}
#brand-search-content #slider .next {right:0; background:url(../imgs/right_arrow-40x56.20160603093002.gif) no-repeat center top;}