/* Zappos.com Enhanced Brand Landing Pages
   ----------------------------------------------------*/
/*
  GENERIC
  HEADER REGION
  CATEGORY LISTING
    PRIMARY LISTING
    TOGGLE
    BRAND COLLECTIONS
  MAIN PROMO
  OVERLAY.TV
  NEW ARRIVALS
    NEW ARRIVALS SCROLLER
    NEW ARRIVALS LISTING
  PRODUCT REVIEWS
  SIDE COLUMN
    NOTIFY ME
    CONTENT BLOCK
    GET SATISFACTION
  BRAND INFORMATION
 */


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


#wrap .brand {overflow:visible;}
.brand {padding: 0 8px; font-size:1em;}
.brand ul {margin:0; list-style:none;}
.brand li {margin:0;}
.brand span {background-position:inherit inherit;}

#wrap .brand .standard-container, 
.brand #main-promo, 
#embed-player,
#brandRecos {margin-bottom:20px;}
.brand .main-column {width:59%; float:left; padding:0 14px 18px; margin-bottom:18px; background-color:white;}
.brand .side-column {width:36%; height:auto; float:right; padding:0 0 18px;} /* Seriously Microsoft, burn in hell */

.brand #brand {width:175px; height:35px; float:left; padding:0 0 5px 10px; font-size:0; color:#fff;}
.brand h1#brand img {width:100%; -ms-interpolation-mode: bicubic;}
.brand h2 {margin-bottom:0; padding:6px 0 6px 20px; font-size:1.5em; font-weight:normal; color:#333;}
.brand h3 {border:none; margin:0; padding:4px 0 4px 16px; color:#333; font-size:1.334em; font-weight:normal;}

.brand #brandRecos h3 {color:#fff; margin-bottom:8px; padding-right:20px; font-size:11px;}
.brand #brandRecos p {text-align:right; font-size:11px;}
.brand #brandRecos .stripeInner {padding:9px 0;}

/* =HEADER REGION
   ----------------------------------------------------*/


.brand .header {position:relative; margin:0 -9px 8px; padding-right:6px; padding-left:8px;}
.brand .header .breadcrumbs {float:left; margin-top:10px; font-size:1.334em; font-weight:bold;}
.brand .header .breadcrumbs .divider {margin:0 4px; font-size:.889em; color:#369; font-weight:normal;}
.brand .header .breadcrumbs a {font-weight:normal;}
.brand .header #brand-favorite {float:right; text-align:right; margin-top:8px;}
.brand .header #brand-favorite fieldset {float:right; margin:0; padding:0;}


/* =CATEGORY LISTING
   ----------------------------------------------------*/


/* =PRIMARY LISTING */
.brand .round-x-top, 
.brand .standard-header {-moz-border-radius:7px 7px 0 0; -webkit-border-top-right-radius:7px; -webkit-border-top-left-radius:7px;}
.brand .round-x-bottom, 
.brand .standard-container {-moz-border-radius:0 0 7px 7px; -webkit-border-bottom-right-radius:7px; -webkit-border-bottom-left-radius:7px;}
.brand .standard-header, 
.brand .standard .standard-header {background:url(/imgs/standard-header-bg.20120206113908.png) repeat-x scroll 0 0 #F9FCFF; border:1px solid #CCECFF; color:#4D4E4F;}
.brand .standard-container, 
.brand ul.standard-container {border:1px solid #CCECFF; border-top:none;clear:both; padding:10px;}
.brand .standard-container {padding-right:0;}
.brand h3.standard-header, 
.brand .standard h3.standard-header {-moz-border-radius:7px 7px 0 0; -webkit-border-top-left-radius:7px; -webkit-border-top-right-radius:7px; 
  background:url(/imgs/buttons/standard-drkgreen-button-bg.20091217145539.gif) repeat-x scroll left center transparent; color:#FFFFFF; float:none; font-size:16px; left:0; 
  margin:0; overflow:visible; padding:5px 1px 5px 21px; line-height:1.4em; position:relative; text-indent:0; text-shadow:1px 1px 0 rgba(122, 136, 37, 0.7); text-transform:capitalize;}

#wrap .primary-listing {background:#f6fafd; margin:0; padding-left:20px;}
.primary-listing ul {display:inline-block; border-bottom:1px dashed #c1cfd9; margin:0 0 4px; padding-bottom:4px;}
.primary-listing li {width:208px; float:left; margin-right:38px;}
.primary-listing img {width:94px; height:60px; float:left; border:1px solid #c7d1dc; padding:4px; margin:0 24px 6px -4px;}
.primary-listing li.last {width:205px; float:left; margin-right:0;}
.primary-listing li h5 {margin-top:16px; font-size:1.167em; font-weight:bold;}
.primary-listing li ul {display:block; clear:both; border:none;}
.primary-listing li ul li {float:none; width:auto;}
.primary-listing .section-callout {width:62%; border-bottom:1px dashed #c1cfd9; margin:0 0 4px; padding-bottom:6px; font-size:1em; line-height:1.2em;}

/* =TOGGLE */
.primary-listing li .brand-category .toggle-show a {padding-right:12px; font-weight:bold; background:url(/imgs/eblp-cat-toggle.20120206113905.gif) no-repeat right 4px;}
.primary-listing li .brand-category .toggle-show a:hover {background-position:right -10px;}
.primary-listing li .brand-category .toggle-show a.expanded {background-position:right -39px;}
.primary-listing li .brand-category .toggle-show .expanded:hover {background-position:right -26px;}

/* =BRAND COLLECTIONS */
.primary-listing h6 {float:left; font-size:1.167em; font-weight:normal; margin-right:5px; color:#333;}
.primary-listing .secondary {display:inline-block; overflow:hidden; border:none; margin:0; padding:8px 0 0; font-size:12px; background:none !important;}
.primary-listing .secondary li {width:auto; border:none; border-right:1px solid #65686a; margin-right:5px; padding:0 6px 0 0; line-height:1.2em;}
.primary-listing .secondary li.last {border:none;}

.primary-listing .gClear {overflow:visible;}


/* =OVERLAY.TV
   ----------------------------------------------------*/
#main-promo {display:block;}


/* =OVERLAY.TV
   ----------------------------------------------------*/
#embed-wrap {margin-bottom:20px; padding:12px 0; background:#efefef; border:1px solid #999; text-align:center;}
#embed-wrap h6 {font-size:1.334em; font-weight:normal; margin-bottom:8px;}
#embed-wrap a {font-weight:bold;}


/* =NEW ARRIVALS
   ----------------------------------------------------*/


/* =NEW ARRIVALS SCROLLER */
.brand .scroller-header {border:none; padding:5px 1px 5px 21px; color:#fff; background:url(/imgs/buttons/standard-drkgreen-button-bg.20120206113904.gif) center left repeat-x;}
.brand #newArrivalsSlider {width:904px; height:200px; overflow:visible; position:relative; background:#fff; border:1px solid #ccecff; margin:0 auto 4px; 
  -moz-border-radius:4px; -webkit-border-radius:4px;}
.standard-scroller .section {width:884px; float:left; padding:22px 0 10px 21px;}
.standard-scroller .product {width:154px; padding:0 10px;}
.standard-scroller .product .brand {font-weight:bold;}
.standard-scroller .product img,
.standard-scroller .product .stars {margin:0 auto;}
.standard-scroller .prev, 
.standard-scroller .next {position:absolute; top:70px; z-index:100; width:25px; height:40px; overflow:hidden; text-indent:-9999em;}
.standard-scroller .next {right:-26px; background:url(/imgs/slider/right-arrow.20120206113908.gif) center left no-repeat;}
.standard-scroller .prev {left:-26px; background:url(/imgs/slider/left-arrow.20120206113908.gif) center right no-repeat;}
.standard-scroller .section li {float:left; text-align:center; font-size:0.917em;}
.standard-scroller .section li * {display:block; margin:0 auto;}
.standard-scroller .wrap {position:absolute; top:0; width:10000em; height:56px;}
.slider-wrap {overflow:hidden; height:200px; position:relative;}

/* =NEW ARRIVALS LISTING */
.standard-scroller {overflow:hidden; padding-top:16px; padding-bottom:16px; background:#f6fafd;}
.standard-scroller .supporting-section {font-size:1.334em; text-align:center;} 
.standard-scroller .supporting-section li {float:none;}
.standard-scroller .supporting-section li a {margin-left:10px; padding-left:40px; background:url(/imgs/new-transparent.20120206113907.gif) center left no-repeat; font-size:.75em;}
.standard-scroller .supporting-section li.toggle-show {display:inline;}
.standard-scroller .supporting-section li.toggle-show a {padding-left:0; background:none;}

.standard-scroller .default-list li {display:inline;}
.standard-scroller .extended-list {padding-top:6px; text-align:center;}
.standard-scroller .extended-list li {width:33%; float:none; display:inline; margin-bottom:4px;} /* I dunno if I should've changed this */
.standard-scroller .extended-list li.heading {display:block; width:auto; float:none; text-align:center;}
.standard-scroller .extended-list .toggle-show {position:absolute; bottom:0; right:22px; text-align:right;}
.brand .rating5 {background-position:0 -93px;}
.brand .rating4 {background-position:-11px -93px;}
.brand .rating3 {background-position:-22px -93px;}
.brand .rating2 {background-position:-33px -93px;}
.brand .rating1 {background-position:-44px -93px;}


/* PRODUCT REVIEWS */
.brand .main-column {-moz-border-radius:7px; -webkit-border-radius:7px;}
.brand .main-column h3 {margin:18px 0; padding-left:0;}
.brand .main-column .hreview {border-bottom:1px dashed #999; border-width:0 0 1px 0; margin-bottom:16px; padding-bottom:18px;}


/* =SIDE COLUMN
   ----------------------------------------------------*/


/* =BRAND NOTIFYME */
#brand-notifyme {margin-bottom:52px; padding:0 20px; border:5px solid #6d9ab9; background:#93c0e1; text-align:center;}
#brand-notifyme h4 {border:none; margin:12px 0; color:#fff; font-size:1.334em; font-weight:bold;}
#brand-notifyme form ol {list-style:none; margin:0 0 8px;}
#brand-notifyme form ol li input {width:200px;}
#brand-notifyme form.standard-form {padding-bottom:5px;}
#brand-notifyme form.standard-form li label {display:block; margin-bottom:8px;}
#brand-notifyme fieldset {margin:0; padding:0;}
#brand-notifyme p {margin-bottom:6px; font-size:0.917em;}
#brand-notification p {font-size:1.084em; color:#333; text-align:left;}

.save-midblue span {background:url(/imgs/button-bg.20120206113903.gif) repeat-x scroll left center;}
.save-midblue span span {background:url(/imgs/buttons/standard-gray-button-midblue-borders.20120206113904.gif) no-repeat left top;}

/* =CONTENT BLOCK */
.brand .side-column h3 {padding:3px 0; border:none; font-weight:normal; text-align:center; color:#fff; background:url(/imgs/buttons/standard-drkgreen-button-bg.20120206113904.gif) center left repeat-x;}
.brand .side-column .content-block {margin-bottom:52px; background:#F6FAFD;}
.brand .side-column .content-block h5 {margin-bottom:12px; font-weight:normal; font-size:1.167em; text-align:center;}
.brand .side-column .content-block ul {margin-left:86px;}
.brand .side-column .content-block li {margin-bottom:10px; padding-left:11px; background:url(/imgs/dash.20120206113905.gif) 0 8px no-repeat;}


/* =BRAND INFORMATION
   ----------------------------------------------------*/


#tab-container,
.single-tab {clear:both; margin-bottom:18px; overflow:hidden; display:inline-block;}
#tab-container .tabs {position:relative; bottom:-1px; z-index:100;}
#tab-container li,
.single-tab h4 {float:left; margin-right:6px; margin-bottom:0; background:#f6fafd; font-weight:normal;}
#tab-container ul li a,
.single-tab h4 {display:block; position:relative; z-index:101; border:1px solid #ccecff; border-bottom:0; margin:0 0 -1px; padding:10px 21px; font-size:1.334em; color:#555;
  -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; -webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px;}

.tab-content {clear:both; border:1px solid #ccecff; margin:0; padding:8px 20px; background:#f6fafd;
  -moz-border-radius:8px; -moz-border-radius-topleft:0; -webkit-border-radius:8px; -webkit-border-top-left-radius:0;}

#tab-container ul li a {border-bottom:1px solid #ccecff; margin-bottom:0;}
#tab-container ul li.active-tab a {border-bottom:1px solid #f6fafd;}

.single-tab h6 {line-height:1.2em; margin-bottom:4px;}