






* {margin:0; padding:0;}

body {background:#F8F8ee; padding:0 0 8px; text-align:center; font-family:Verdana, Arial, sans; font-size:12px;}

a:link {color:#2c5987; text-decoration:none;}
a:visited {color:#619eda; text-decoration:none;}
a:active, a:hover {color:#ff5300; text-decoration:none;}

#featuredBrandSlider .prev,
#featuredBrandSlider .next,
#azBrandIndex a:visited,
.sortby a:visited,
a.btn:visited {color:#2c5987; text-decoration:none;}

.teethBlueInner,
.bVneck:after,
.letterBanner,
.controlPanel .prev,
.controlPanel .next,
.tertiary,
#viewColors,
#productTypesTrigger,
#yourTags .remove,
#breadCrumbs .remove,
#accountTags .remove,
.measureView,
.accept,
#progressBar {background-image:url(../imgs/spGlobalBlue.20160603093002.png) !important;}

#qvright,
#qvleft,
#qvup,
#qvdown,
.quickViewMe,
h3.hc,
h3.hc span,
h3.nosh span,
.action,
.search span,
.addToCart span,
.secondary,
.dropBox span,
.hcSearch fieldset,
.innerShadow,
.flag .sale,
.flag .new,
#customerFeedback .stars,
#defaultSidebar #secure span,
#defaultSidebar #freeShipping,
.sideBar #secure span,
.sideBar #freeShipping,
h3.hc2,
h3.hc2 span,
h3.hc3,
h3.hc3 span,
.teethWhiteTop,
.teethWhiteBottom,
.teethBlueTop,
.teethBlueBottom,
#rating .stars,
.review .stars,
.product .stars,
#productReviewsContainer .stars,
.advanced-landing-page .stars,
.zpopover .app h3 span,
.hreview .stars,
.productReviews h2.hc span,
.mainColumn .reviews h2.hc,
#zappme a,
#blogWhat,
.inverse-container input,
#yourTags h4,
.formError span,
#price .saleFlag,
#orderTable .status a,
#cart th.status a,
#unshippedTable th.status a,
.subscriptionForm select,
.productReviews .reviewQuoteBubble,
.productReviews .feelIndicator,
.productReviews .feelRuler,
b.nonSemantic,
.noThanks,
#red-corner input,
#blue-corner input,
#footer .socialStuff a {background-image:url(../imgs/spGlobal.20160603093002.png) !important; background-repeat:no-repeat; overflow:hidden; text-indent:-9999px;}

/* Default Sidebar Styles */
#defaultSidebar .bbb,
#defaultSidebar .bizrate,
#defaultSidebar .stellaService,
.sideBar .bbb,
.sideBar .bizrate,
.sideBar .stellaService {background-image:url(../imgs/spDefaultSidebar.20160603093002.png) !important; background-repeat:no-repeat;}
#defaultSidebar .bbb, .sideBar .bbb {width:50px; height:77px; background-position:0 -172px;}
#defaultSidebar .bizrate, .sideBar .bizrate {width:48px; height:77px; background-position:0 -95px;}
#defaultSidebar .stellaService, .sideBar .stellaService {width:100px; height:63px; background-position:0 -323px; margin:5px 0 0 6px !important;}

.zpopover .popOverNotch,
.tt .popOverNotch {background-image:url(../imgs/spPopover.20160603093002.png) !important; background-repeat:no-repeat;}

/* Subscription / Optin related sprite items */
.optin, .darkBlueStriped{background-image:url(../imgs/spSubscribe.20160603093002.png) !important;} /** @todo: remove important when divdiv is removed **/
.optin2 {background-image:url(../imgs/greenGradient.20160603093002.png) !important;}

/* .hc styles are depreciated, use .hBeret, .hKufi classes instead */
h1.hc, .h1hc {font:italic 21px Georgia, "Times New Roman", serif; color:#585a5d;}
h1.hc strong {margin:0 13px 0 0; height:22px; display:block; float:left; text-indent:-9999px; font-style:normal; text-transform:uppercase; color:#2c5987;}
h1.hc em {color:#ff5300;}
h2.hc, .hch2 {font:italic 19px Georgia, "Times New Roman", serif; color:#646e23;}
h3.hc {font-size:10px; color:#fff; float:left; position:relative; text-indent:0; left:-15px; margin:0 0 8px 0; overflow:visible; text-transform:uppercase; background:#a4b344 right -121px no-repeat; text-shadow:rgba(122,136,37,.7) 1px 1px 0; padding:5px 22px 4px 23px;}
h3.hc span{width:6px; height:4px; position:absolute; background-position:right -206px; top:-4px; left:0; text-indent:0; background-color:#000;}
h3.nosh {position:relative; height:auto !important; height:1%; background:#a4b344; font-size:10px; font-weight:bold; color:#fff; text-transform:uppercase; text-shadow:rgba(122,136,37,.7) 1px 1px 0; margin:0; padding:5px 10px;}
h3.nosh span {width:14px; height:7px; position:absolute; left:10px; bottom:-7px; background-position:-59px -267px;}
h4.hc, .h4hc {font-family:Verdana, Arial, sans; font-size:10px; color:#585a5d; font-weight:bold; text-transform:uppercase; text-align:center;}
h5.hc {color:#2c5987; font-size:10px; text-transform:uppercase;}
h6.hc {}

/* This class can replace .pageTitle on favs and #brnadNotifyme h4 on brand page */
.bigBlue {color:#2C5987; font:31px Georgia,serif; letter-spacing:2px; text-shadow:1px 1px 1px #FFFFFF; text-transform:uppercase;}

.pageHeader .hBeret,
.pageHeader .hKufi{margin-bottom:12px;}

/* Use the below classes over using the .hc class for heading styles */
.hBeret {font: italic 24px Georgia, "Times New Roman", serif; color:#336699;}
.hKufi {font: bold 28px Georgia,'Times',serif; color:#336699; text-transform:uppercase; display:block;}
.hFez {font: italic 21px Georgia,'Times',serif; color:#585A5D; text-transform:none;}
.hBeanie {font: bold 10px Verdana, Arial, sans; color: #2C5987; text-transform: uppercase; text-indent: 10px; padding: 4px 0;}
.hDorag {font:italic 18px Georgia,'Times',serif; color:#2c5987;}

/* Use the below classes over using the .hc class for banner-type styling */
.bVneck {font-weight:normal; font:italic 18px 'Georgia', serif; background:#2c5987; color:#fff; position:relative; margin:0; line-height:39px; padding:0 28px 0 23px; overflow:visible; float:left;}
.bVneck:after {content:""; background:#2c5987 right -1107px; width:14px; height:40px; position:absolute; top:0; right:0;}
.bPolo {/*TODO: one type of banner */;}
.bTunic {/*TODO: another type of banner */;}

h2 {line-height:1.125em;}
h5 {font-size:1em;}
* img {border:0; text-decoration:none;}
li {margin-left:15px;}

fieldset {border:none;}

.sliderWrap {position:relative; width:1000em;}
.controlPanel .moreRecos {font-family:Verdana, Arial, sans-serif; font-style:normal;}
.moreRecos {float:right; font-family:Georgia, serif; font-style:italic;}

/* CATCH ALL CLEAR */
.gClear {overflow:hidden; display:block !important; display:inline-block;}
.gClear:after {content:'.'; display:block; height:0; clear:both; visibility:hidden;}

/* Possibly redundant, but clearfix without overflow:hidden, which can cut off certain elements*/
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* ASYNC ERRORS */
.asyncError{color:#ff5300; font-weight:bold; float:left; width:100%;}

/* SEARCH FORMS AND INPUTS */
.hcSearch fieldset {margin-bottom:0; padding:3px 0 3px 5px; background:#fff 0 -763px repeat-x; text-indent:0; border:1px solid #e1dfdf; border-top-color:#abaaaa; -moz-border-radius:7px; -webkit-border-radius:7px;}
.hcSearch button {margin:0 2px 0 0; float:right; position:relative; z-index:1203;}
.hcSearch input {font:italic 16px Georgia; padding:1px 0; margin:5px 0 0 4px; float:left; border:0; outline:0; z-index:1204; position:relative;}

/* SEARCH SUGGEST */
.currentSuggestionsWrap {position:absolute; z-index: 1202;}
/** Below is prefixed with elements for selector precidence over ".hcSearch, .stripeOuter, .zpopover div.app" in zappos.css*/
div.currentSuggestionsWrap ul.currentSuggestions  {text-align:left; position:relative; display:none; list-style:none; background:#fff; border:1px solid #E8E8E8; border-top:none; padding:0 9px 9px; -moz-border-radius:0 0 7px 7px; -webkit-border-radius:0 0 7px 7px;}
.currentSuggestions li {margin:0; text-indent:0; background:#fff; border:1px solid #e8e8e8; border-width:0 1px;}
.currentSuggestions li.first {padding-top:10px;}
.currentSuggestions li.last {border-bottom:1px solid #e8e8e8; padding-bottom:7px; -moz-border-radius:0 0 7px 7px; -webkit-border-bottom-left-radius:7px; -webkit-border-bottom-right-radius:7px;}
.currentSuggestions .active a {background:#558abe !important; color:#fff;}
.currentSuggestions a {width:100%; color:#2c5987; background:#fff; font-size:14px; font-family:Georgia; font-style:italic; display:block !important; padding:4px 0; text-indent:10px; text-decoration:none;}
.currentSuggestions a:hover {background:#d9eefa;}
.currentSuggestions strong{font-weight:normal;}

/* =WRAPPER, PROMO BANNERS, HIRING */
#wrap {clear:both; overflow:hidden; position:relative; width:982px; margin:0 auto 15px; padding:0 10px; text-align:left; border:1px solid #e8e8e8; border-top:0; border-bottom:0; background:#fff; color:#555;}
#headerPromoBanners {width:1000px; margin:0 auto;}
#headerPromoBanners a {outline:none;}
*+html #headerPromoBanners a {float:left;} /* ie7 - removes vert space */
* html #headerPromoBanners a {float:left;} /* ie6 - removes vert space */
#headerPromoBanners a img {float:left;}

#topBanner, #headerBanner {font-size:0px;}
#topBanner img, #headerBanner img {display:block;}/* Opera - removes vert space */

.fixedWidth {margin:0 auto; width:1002px;} /* Add this class to any nested element that needs to be 940px wide and centered */

/* EXPANDS */
.expand {background:#eeeded; z-index:998; -moz-border-radius:5px; -webkit-border-radius:5px; padding:4px; text-align:left; font-size:10px; border:1px solid #e8e8e8;}
.expand .close {float: left; margin:5px 0 0 5px;}

/* `BUTTONS */
.btn {width:auto; text-decoration:none; overflow:visible; font-family:Verdana, Arial, sans; text-transform:uppercase; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; outline:0;}
.btn:hover {cursor:pointer; text-decoration:none;}
.action {zoom:1; font-size:12px; border:none; background:#ff5d00 repeat-x 0 -337px; padding:5px 12px; color:#fff; letter-spacing:1px; text-shadow:rgba(0,0,0,.3) 0px 1px 1px; text-indent:0; }
.action:hover {background-position:0 -327px;}
.secondary {zoom:1; padding:5px 8px; border:1px solid #ddd; color:#2c5987; font-size:9px; font-weight:bold; background:#e8e8e8 0 -444px; text-indent:0;}
.tertiary {zoom:1; padding:5px 8px; border:1px solid #ddd; color:#2c5987; font-size:9px; font-weight:bold; background:#cce7f9 0 -315px; text-indent:0;}
.secondary:hover,
.tertiary:hover {color:#2c5987;}
.dropBox {position:relative;}
.dropBox span{display:inline-block; width:13px; height:13px; margin:0 0 0 5px; text-indent:-9999px; background-position:right -495px; overflow:visible;}
.search span {width:13px; height:15px; margin:0 -4px 0 3px; overflow:hidden; text-indent:-9999px; display:-moz-inline-stack; display:inline-block; vertical-align:text-top; background-position:0 -393px;}
.search:hover span {background-position:-69px -380px;}
.addToCart {padding:6px 12px 4px;}
.addToCart span {width:20px; height:18px; margin:-2px -4px 0 3px; overflow:hidden; text-indent:-9999px; display:-moz-inline-stack; display:inline-block; vertical-align:text-top; background-position:-14px -391px;}
.addToCart:hover span {background-position:-83px -378px;}
.optin {background-repeat:repeat-x; background-position:0 -5px; background-color:#FDBE00; border:medium none; color:#244871; font-size:12px; letter-spacing:1px; padding:5px 12px; text-indent:0; text-shadow:0 1px 1px rgba(0, 0, 0, 0.3);}
.optin2 {background-repeat:repeat-x; background-position:0 -5px; background-color:#a7b431; border:medium none; color:#fff; font-size:12px; letter-spacing:1px; padding:5px 12px; text-indent:0; text-shadow:0 1px 1px rgba(0, 0, 0, 0.3);}
.optin:hover {background-color:#a7b431;}
.accept {background: 0 -165px repeat-x; border:none; color:#fff;}
a.btn.accept{color:#fff;}
.chaseRewards .btn {zoom:1; text-indent:0; margin:10px 0; padding:5px 12px; letter-spacing:1px; font-size:12px;}

/* TEETH */
.teethWhiteTop {height:3px; background-position:0 -313px; background-repeat:repeat-x;}
.teethWhiteInner {background-color:#fff; border-right:1px solid #dedede; padding:13px 10px; overflow:hidden;}
.teethWhiteBottom {height:4px; background-position:0 -316px; background-repeat:repeat-x; margin-bottom:14px;}

.teethBlueTop {height:3px; background-position:0 -320px; background-repeat:repeat-x;}
.teethBlueInner {background-position:0 -352px; background-repeat:repeat-x; border-right:1px solid #dedede;}
.teethBlueBottom {height:4px; background-position:0 -323px; background-repeat:repeat-x; margin-bottom:14px;}

/* POPOVER */
.zpopover {z-index:20001; float:left; position:absolute; min-height:1px; text-align:left; font-size:10px; max-width:475px;}
.zpopover h3 {float:left; color:#fff;}
.zpopover div {min-height:1px; padding:5px;}
.zpopover div.info {background:#558abe; border:1px solid #2c5987; -webkit-border-radius:7px; -moz-border-radius:7px;}
.zpopover div.info h3 {margin:5px 5px 10px; padding:0; background: none;}
.zpopover div.app { -moz-box-shadow: 0px 0px 20px #444; -webkit-box-shadow: 0px 0px 20px #444; padding: 5px 5px 5px 15px;}
.zpopover div.app h3 {margin:0; padding:0 5px 5px; font-style:italic; font-size:14px; font-family:georgia; background:none !important; text-indent:0; color:#2c5987;}
.zpopover.windowTop {position:fixed;}

/* Don not rely on this selector. when fixing this search for "div div" and "divdiv" in the codebase... have fun. */
.zpopover div div{background:#FFFFFF; clear:both; line-height:12px; padding:5px; color:#585a5d; border:1px solid #e8e8e8; -webkit-border-radius:7px; -moz-border-radius:7px;}
/** rely on this instead. **/
.zpopover div .contentContainer {background:#fff; clear:both; line-height:12px; padding:5px; color:#585a5d; border:1px solid #e8e8e8; -webkit-border-radius:7px; -moz-border-radius:7px;}
/* temporary workaround for dealing with "div div".*/
.zpopover div div.divdiv {background-color:transparent; line-height:normal; padding:0px; color:inherit; border:0; -webkit-border-radius:0px; -moz-border-radius:0px;}
/* fixing some of this on new popups */
.zpopover.lightbox div div {background:white; padding:0; color:#777; border:none; -webkit-border-radius: 0; -moz-border-radius: 0;}

.zpopover span.close {cursor:pointer;}
.zpopover a.close {margin:5px 0; float:right; padding-right:23px; line-height:11px; background-position:17px -28px; text-decoration:underline; color:#fff;}
.zpopover .app a.close {color:#2c5987;}

.zpopover .popOverNotch {display:block; position:absolute; z-index:30001; width:19px; height:12px;}
.zpopover .appNotch {display:none;}
.bottom .popOverNotch,
.searchin .popOverNotch {background-position:-41px -6px;}
.face .popOverNotch,
.top .popOverNotch {background-position:-24px 4px; height: 16px;}
.left .popOverNotch {width:14px; height:19px; background-position:3px 0px;}
.right .popOverNotch {width:11px; height:19px; background-position:-11px 0;}
.zpopover .modalClose {font-size:10px; position:absolute; right:10px; top:3px; z-index:99;}
#fadedBackground{background:#fff; opacity:.5; position:absolute; top:0; left:0;}
.modalImageFull {margin-top:8px;}
.lightbox {padding:20px; background-color:#fff; border:1px solid #e8e8e8; -moz-border-radius:7px; -webkit-border-radius:7px; -moz-box-shadow: 0px 0px 20px #444; -webkit-box-shadow: 0px 0px 20px #444;}
.lightbox span.close {position:absolute; top:-16px; right:-16px; width:32px; height:32px; text-indent:-999em; overflow:hidden;  -moz-border-radius:16px; -webkit-border-radius:16px; -moz-box-shadow: 0px 0px 5px #444; -webkit-box-shadow: 0px 0px 5px #444; background:url(../imgs/spFoxwoods.20160603093002.png) no-repeat -237px -120px;}

.tt {padding:5px 5px 6px 9px; height:12px; color:#585A5D; background-color:#fff; margin-top:-5px; border:2px solid #c6c5c5; border-radius:4px; -moz-box-shadow: 0px 0px 7px #ccc; -webkit-box-shadow: 0px 0px 7px #ccc; box-shadow: 0px 0px 7px #ccc;}
.tt .ttNotch {z-index:99001 !important; margin:-5px 0 0 -6px !important; height:30px; width:23px;}
.tt.right .ttNotch {background-position:-20px -19px;}
.tt.left .ttNotch {background-position:0 -19px;}
.tt.highlight {border: 2px solid #fc5d00;}
.tt.highlight {color:#fc5d00;}
.tt.right.highlight .ttNotch {background-position:-20px -56px;}
.tt.left.highlight .ttNotch {background-position:0 -56px;}

/* Foxwoods style popover */
.zpopover .foxPop {padding:5px 5px 6px 10px; margin:0; background-color:#fff; border:2px solid #c6c5c5; border-radius:4px; -moz-box-shadow: 0px 0px 7px #ccc; -webkit-box-shadow: 0px 0px 7px #ccc; box-shadow: 0px 0px 7px #ccc;}
.zpopover .foxPop div {padding:0; background-color:#fff; border:none;}
.zpopover .foxPopNotch {margin:-3px 0 0 -1px; height:30px; width:23px; background:url(../imgs/spFoxPopTip.20160603093002.png) no-repeat !important; background-position:0 0;}
.zpopover.right .foxPopNotch {background-position:-22px 0 !important;}

/* Popover on first redirect from vip, showing vipness */
#vipnessPop p {padding:10px 15px; font:italic 20px Georgia, "Times New Roman", serif; line-height:28px; color:#555;}
#vipnessPop img.aubrey {float:right; margin:20px 0;}
#vipnessPop a.continue {float:left; margin:0; padding:10px; font:normal 18px Verdana, Arial, sans; text-decoration:none; background-color:#729331; color:#fff;}
#vipnessPop p.customerService {clear:both; padding-bottom:0; font:normal 13px Verdana, Arial, sans;}

/* STRIPE CONTAINER STYLES */
.hcSearch, .stripeOuter, .zpopover div.app, #searchSuggest-globalSearchField ul {background:#fff url(../imgs/stripeBG.20160603093002.png);}
.hcSearch, .stripeOuter, .zpopover div.app {padding:9px; border:1px solid #e8e8e8; -moz-border-radius:7px; -webkit-border-radius:7px;}
.zpopover div.app {border-color:#888;}
.stripeInner {clear:left; background-color:#fff; border:1px solid #e8e8e8; text-align:left; -webkit-border-radius:5px; -moz-border-radius:5px; overflow:hidden;}

/** BLUE STRIPE CONTAINER STYLES */
.darkBlueStriped{background-color:#386d99; background-position:0px -51px !important; color:#fff !important; border-radius:5px;}

/* Sets the inner shadow background portion of the spGlobal image. Can only have a white background */
.innerShadow {background:#fff 0 -763px repeat-x; text-indent:0; border-top:1px solid #abaaaa;}
.tan {background:url(../imgs/stripeBGtan.20160603093002.png) repeat;}

/* @badcss: https://docs.google.com/spreadsheet/ccc?key=0AsfKe9B9D6KUdFBKRVFBVmZwclpKSURlY0FzaURNcXc#gid=0*/

/* @badcss:from #9,3*/
.tantan {background:url(../imgs/stripeBGtan.20160603093002.png) repeat !important;} /* divdiv important issues */

/* @badcss:from #3,9*/
.tantan { border: 1px solid #E8E8E8 !important; border-radius: 5px 5px 5px 5px !important;}

/* super generic white bg with grey border */
.cont {background:#fff; border:1px solid #bfbfbf; overflow:hidden; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px;}

.blur {color:#b7b7b7 !important;}

.product .stars,
.review .stars,
#customerFeedback .stars,
#rating .stars,
.advanced-landing-page .stars,
.hreview .stars {width:55px; height:10px; text-indent:-9999px; overflow:hidden;}
.rating5 {background-position:0 -93px;}
.rating4 {background-position:-11px -93px;}
.rating3 {background-position:-22px -93px;}
.rating2 {background-position:-33px -93px;}
.rating1 {background-position:-44px -93px;}
.tan .rating5 {background-position:0 -103px;}
.tan .rating4 {background-position:-11px -103px;}
.tan .rating3 {background-position:-22px -103px;}
.tan .rating2 {background-position:-33px -103px;}
.tan .rating1 {background-position:-44px -103px;}
.gray .rating5 {background-position:0 -706px;}
.gray .rating4 {background-position:-11px -706px;}
.gray .rating3 {background-position:-22px -706px;}
.gray .rating2 {background-position:-33px -706px;}
.gray .rating1 {background-position:-44px -706px;}

.clear {clear:both;}
.entity {font-size:10px; color:#585a5d;}

/* CUSTOMER INFO */
h3.cih, caption.cih {padding:12px 10px; clear:both; text-transform:uppercase; text-align:left; background:#558abe; color:#fff; font-size:10px; font-weight:bold; text-shadow:rgba(0,0,0,.3) 0px 1px 1px; zoom:1;}
h4.cih {padding:0 0 5px; text-transform:uppercase; font-size:10px; color:#2c5987;}
h4.cih em {text-transform:lowercase; font-weight:normal; font-style:normal; color:#585A5D;}

/* STANDARD FORM */
.rnd {-moz-border-radius:5px 5px 0 0; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px;}
.stdForm label {width:200px; float:left; text-align:right; font-size:10px; font-weight:bold; text-transform:uppercase;}
.stdForm input {width:240px;}
.stdForm .labelError {color:#FF5300;}
.stdForm .inputError {padding:2px; border:2px solid #FF5300;}
.stdForm .errorMsg {padding-left:205px; display:block; font-size:9px; color:#FF5300;}
.stdForm .fText {text-transform:lowercase; font-weight:normal; font-size:11px;}
.stdForm .fNote {font-size:9px; color:#808080;}
.fOption input {width:auto; margin:1px 3px 0 0; cursor:pointer;}
.fOption label {float:none; text-transform:none; font-size:11px; font-weight:normal; cursor:pointer;}

/* CONTACT CLT */
#contactCLT {margin-top:15px; line-height:18px; font-size:10px; clear:both;}
#contactCLT b {display:block;}

/* CLT OPTIONS */
#clt {width:960px; margin:0 auto; text-align:left; font-size:11px; overflow:hidden;}
#cltWrap {position:fixed; top:0; width:100%; margin:0; border:9px solid #7CB27E; border-left:none; border-right:none; z-index:2001; background:#F7FCF6; color:#555;}
#clt h2 {float:left; padding:3px 5px 4px; background:#7CB27E; font:bold 13px Verdana, Arial, sans; color:#fff;}
#clt p.customer {float:right; padding:5px 0 0; font-weight:bold;}
#clt a:link {color:#2c5987;}
#clt a:hover {color:#ff5300;}
#cltContent {clear:both; overflow:hidden;}

/* PIXELS */
.facebookLIke{border:none; overflow:hidden;}
#trackingPixelsWrap {line-height:0;}
#trackingPixelsWrap img,
#trackingPixelsWrap iframe,
#pixelServer {display:block; width:0; height:0; border:0; visibility:hidden;}

.hide {display:none !important;}

/* Styling used for standard browser rendered placeholders */
input:-moz-placeholder {color:#B7B7B7; font-style:italic; font-family:Georgia;}
::-webkit-input-placeholder {color:#B7B7B7; font-style:italic; font-family:Georgia;}

/* COMMON PREVALENT TEXTUAL STYLES */

/* action text, the text is orange and is usually used for calling the user to do something */
.actionText {color:#FF5300; font-weight:bold; text-transform:uppercase;}
.actionText:link, .actionText:visited {color:#FF5300;}

.subscriptionFormPopover .fieldWrapper {background:transparent !important; border:0 !important;}

/* `Messages -- warning, error, success, and informational messages
----------------------------------------------------------------------------*/
.msg {padding:7px 10px; text-shadow:0 1px 0 rgba(255, 255, 255, 0.5); background-color:#FFC; border:1px solid #FBEED5; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius: 4px;}
.msg-error {background-color:#F2DEDE; border-color:#EED3D7;}
.msg-success {background-color:#DFF0D8; border-color:#D6E9C6;}
.msg-info {background-color:#D9EDF7; border-color:#BCE8F1;}
.msg-on {display:block;}
.msg-off {display:none;}


body {padding:0;}
#coreValue h1, #coreValue h2, #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {color:#000; background:none;font-size:inherit; text-align:left; padding:0; margin:0;}
#header h3 {padding:0; background:none;}
#footer blockquote {margin:0;}
#nav li {margin:0;}
.secondary:focus {text-decoration:none;}#globalActionsWrap,
#globalActions,
#globalActions .hiring,
#globalActions .expo,
#livechat a,
#nav a,
#nav span {background-image:url(../imgs/spGlobalBlue.20160603093002.png) !important;}

#header p span,
#viewCart,
#viewCart b {background-image:url(../imgs/spGlobal.20160603093002.png) !important; background-repeat:no-repeat; overflow:hidden; text-indent:-9999px;}

#header {clear:left; padding-top:13px;}

* html #header .zlogo {margin-left:5px;}
.zlogo {float:left; margin:-7px 3px -13px 10px;}
.showVip .zlogo {margin:0 8px 0 17px;}

#globalActions li,
#nav a {padding:5px 10px; color:#fff; text-decoration:none; font-weight:bold; font:bold .8333em Verdana, helvetica, sans-serif; border-width:0 1px; border-style:solid; border-color:#15416f #15416f #3b6692 #3b6692;}

/* =GLOBAL HEADER */
#globalActionsWrap {width:100%; background:#254e7b 0 -133px; border-bottom:1px solid #14457b; float:left;}
#globalActions {background:#254E7B 0 -133px; position:relative; text-align:left; color:#fff; font-size:.75em; font-weight:bold; line-height:3em; text-indent:0;}
#globalActions strong, #livechat {font-size:1.11em; margin-right:7px;}
#globalActions ul {position:absolute; list-style:none; top:0; right:0; border-width:0 1px; border-style:solid; border-color:#15416f #3b6692 #3b6692 #15416f;}
#globalActions li {float:left; text-indent:0; margin:0; padding:0; font-size:1.111em;}
#globalActions a {color:#fff;}
#globalActions ul a, #globalActions li.login-register a, #globalActions ul strong {display:block; padding:7px 11px;}
/* Some newer browsers will try to change the phonenumber into a link. We dont want the above styling for this. */
#helpLinks li strong a {display:inline; padding:0;}
#globalActions #loginLinks, #globalActions li.first {padding:7px 11px; max-width:135px; overflow:hidden; text-align:right; text-overflow:ellipsis; white-space:nowrap;}
#globalActions #loginLinks a, #globalActions .first a {display:inline; padding:0px;}
#globalActions li.login-register {padding:0;}
#globalActions .hiring {background-position:left -972px; display:block; height:42px; position:absolute; right:-50px; text-indent:-9999px; top:0; width:50px;}
#globalActions .expo {background-position:left -1017px; width:30px; height:81px; position:absolute; right:-82px; text-indent:-9999px; top:0;}

#globalActions ul#helpLinks, #globalActions ul#accountLinks {position: relative; margin: 0;}
#globalActions ul#helpLinks {float: left;}
#globalActions ul#accountLinks {float: right;}
#globalActions ul#helpLinks li strong {margin: 0 7px 1px 0; font-size: 1em;}

#livechat a, li#livechat a  {background:none 0 -50px no-repeat; padding:7px 9px 7px 40px;}

#csBanner {float:left; position:relative; width:auto; height:12px; font-size:.9em; font-weight:bold; color:white;}
#csBanner strong {padding-right:5px; font-size:1.111em;}

#actions {float:right; color:#555;}
#actions li {float:left; margin:0 0 0 10px; padding:0 0 0 11px; list-style:none; background-position:-192px 2px;}
#actions .help {background:none !important; border-left:1px solid #369;}
#actions .first {background:none !important;}
#actions a {color:white;}

/* =HEADER */
#header {z-index:100; border:1px solid #fff; border-width:0 0 1px 0; margin-bottom:9px;}
#main {clear:both; width:100%; height:6.333em;}

#zlogo {float:left; position:relative; left:10px; top:10px; margin:0; padding:0;}
#zlogo a {display:block; width:153px; height:58px;}
#zlogo a:hover {background-position:0 -58px;}

#csInfo {float:left; width:175px; margin:10px 4px 0 21px; font:1.1em Arial,sans; color:#369; text-align:center;}
#csInfo a,
#csInfo a:hover,
#csInfo a:active,
#csInfo a:visited {text-decoration:none; color:#ff5300;}

#globalSearchWrap {float:left; margin:0 0 0 5px; width:386px; text-transform:uppercase; color:#2c5987; font-weight:bold; font-size:.75em; text-align:left; }
#globalSearchWrap a {font:italic 1.222em georgia, times, "times new roman", serif; text-transform:capitalize; color:#585a5d; text-decoration:underline;}
#globalSearch {zoom:1; margin:0 0 5px 0;}
#globalSearch input {width:230px;}

/* SEARCH SUGGEST styles specific to the primary search field, positioned relatively from the input. global search suggestion styles in zappos.css */
#searchSuggest-globalSearchField ul {width: 366px; top: 18px; left:-20px;}

#header .zapClassic {position:relative; top:10px; right:5px; margin-top:0; overflow:hidden; text-align:right; font-size:.8333em;}
#selectSubsites {float:right; position:relative; margin:15px 0 10px 0; font-size:.8333em;}


/* =MAIN NAV*/
#nav {position:relative; z-index:1100; width:1002px; height:30px; text-align:center; padding:14px 0 10px 0; margin:0; clear:left; list-style:none;}
* html #nav {padding:0; margin:14px 0 10px 0;}

#nav li {float:left;}

#nav.showWatches .shoes {width:72px;}
#nav.showWatches .clothing {width:92px;}
#nav.showWatches .bags {width:143px;}
#nav.showWatches .accessories {width:115px;}
#nav.showWatches .watches {width:85px;}
#nav.showWatches .boutiques {width:91px;}
#nav.showWatches .womens {width:87px;}
#nav.showWatches .mens {width:67px;}
#nav.showWatches .kids {width:64px;}

#nav a {position:relative; z-index:1100; text-transform:uppercase; text-shadow:0 1px 1px rgba(0,0,0,.75); display:block; padding:15px 0 13px; background:#254e7b 0 -167px;}
#nav a:hover {background-position:0 -265px; border-color:#4cccf1;}

#nav li.shoes a {border-left:0; -moz-border-radius:7px 0 0 7px; -webkit-border-bottom-left-radius:7px; -webkit-border-top-left-radius:7px;}
#nav #viewMoreDepts {z-index:1501; position:relative; width:162px; padding:15px 11px 13px 25px; background-position:0 -215px; border-right:0; border-color:#15416f #15416f #3b6692 #558abe; -moz-border-radius:0 7px 7px 0; -webkit-border-top-right-radius:7px; -webkit-border-bottom-right-radius:7px;}
#nav.showWatches #viewMoreDepts {width:149px;}
#nav span {width:13px; height:13px; vertical-align:text-top; text-indent:-9999px; overflow:hidden; font-size:0; display:-moz-inline-stack; display:inline-block; background-position:0 -15px; margin:-1px 0 0 5px;}

#moreDeptsWrap {width:177px; position:absolute; z-index:1500; border:1px solid #2c5987; background:#558abe; margin:-10px 0 0 0; font-size:1.1em; text-align:left; -moz-border-radius:5px; -webkit-border-radius:5px;}
.showWatches #moreDeptsWrap {width:184px;}
#moreDeptsWrap .moreDeptContain {margin:18px 9px 9px 9px; border:1px solid #537ca6; background:#fff; -moz-border-radius:5px; -webkit-border-radius:5px;}
#nav #moreDeptsWrap a {width:100%; border:0; display:block; background:transparent !important; padding:4px 0; text-indent:10px; color:#2c5987; text-shadow:none; text-transform:capitalize; font-weight:normal; -moz-border-radius:0; -webkit-border-radius:0;}
#nav #moreDeptsWrap a:hover {background:#d9eefa !important;}
#moreDeptsWrap div {border-top:1px solid #e8e8e8; padding:3px 0;}
#moreDeptsWrap div.first {border-top:none;}

#header .returnPolicy, #header .freeShipping {width:150px; float:left;}
#header p {color:#879631; font-size:10px; text-align:left;}
#header p strong {width:147px; float:left; font-size:1em; padding:0 0 3px 0;}
#header p span {float:left; display:block; margin:0 6px 0 0;}

#header .returnPolicy {margin:5px 0 0 33px;}
#header .freeShipping {margin:5px 0 0 4px;}

#header .returnPolicy span {width:47px; height:31px; background-position:-57px -62px;}
#header .freeShipping span {width:57px; height:31px; background-position:0 -62px;}

#header .returnPolicy a {color:#879631; text-decoration:none;}
#header .freeShipping a {color:#879631; text-decoration:none;}

#callouts a {float:left; height:56px; width:139px; margin:0 0 0 25px;}

#viewCart {float:right; width:61px; margin:0 17px 0 0; height:60px;}
#viewCart span {display:none;}

#azBrandIndex {color:#7e7d78; font:bold 12px Verdana; padding:10px 0 4px; border:1px solid #dadada; border-width:0 0 1px 0;}
#azBrandIndex h6 {display:inline; text-transform:uppercase; margin:0 17px 0 -2px;}
#azBrandIndex h6 a {font:bold 9px Verdana;}
#azBrandIndex a {padding:2px 7px; font:normal 10px Verdana;}

#rollovers {width:980px;}
.rollover {background:#2c5987; padding:20px 10px 10px 10px; position:absolute; display:none; z-index:1002; text-align:left; -moz-border-radius:7px; -webkit-border-radius:7px;}
.rollover h5 {margin:0 22px 5px 0; padding:0 0 5px; border-bottom:1px solid #e8e8e8; color:#585a5d;}
.rollover a {display:block; padding:1px 0; margin-right:19px;}
.rollover a:hover {background:#D9EEFA; color:#2c5987; text-decoration:none;}
.rollover .innerShadow {float:left; background-color:#fff; -moz-border-radius:7px;-webkit-border-radius:7px; padding:10px;}
.rollover .innerShadow div {width:175px; float:left;}
.rollover .innerShadow div div {margin-top:10px;}
#pedicure {margin-bottom:-150px; clear:both;}
#footerWrap {text-align:left; font-size:12px; background-color:#2e5888;}
#footer, #coreValue {margin:0 auto; width:960px;} /* Removed the fixedWidth class and using a 960px width */

#coreValueWrap  {background-color:#6d8916;}
#coreValue {text-align:left; font:normal 14px/1em Georgia, Times, "Times New Roman"; text-transform:uppercase; color:#c3db34; letter-spacing:1px; text-shadow:1px 1px 2px rgba(75, 75, 75, 1); padding:10px 0;}
#coreValue h2 {display:inline; font-style:normal; font-size:20px; font-weight:normal; text-transform:none; color:#fff;}
#coreValue h2 a {color:#fff; font-style:normal;}

#footer {overflow:hidden; padding:20px 0; line-height:1.6em;}
#footer .section {overflow:hidden; float:left; display:inline; width:167px; margin:0 15px 15px 0;}
#footer a {display:block; color:#9ac6f5; text-decoration:none;}

#footer #alphaBrandIndex {margin-bottom:11px;}
#footer #alphaBrandIndex h3 {display:inline-block; margin-right:26px;}
#footer #alphaBrandIndex h3 a {color:#fff; padding-left:0; margin-left:0;}
#footer #alphaBrandIndex a {display:inline-block; padding:0 4px; margin-left:11px;}

#footer .socialStuff a {float:left; height:27px; width:27px; margin-right:8px; text-indent:-9999em;}
#footer .fbIcon {background-position:0px -286px;}
#footer .twitIcon {background-position:0px -259px;}
#footer .pinIcon {background-position:-27px -259px;}
#footer .blogsIcon {background-position:-27px -286px; margin-right:0;}
#footer .hotspot {margin-bottom:15px;}
#footer .last {margin-right:0; width:229px;}
#footer h3 {margin-bottom:7px; color:#fff; font:normal 14px/1.5em Helvetica, Verdana;}
#footer .nav {margin-bottom:15px;}
#footer h5 {color:#c3db34; text-transform:uppercase; font-size:18px; text-align:center; font-family:Georgia; letter-spacing:1px; line-height:1em;}
#footer a:hover {text-decoration:underline;}
#footer .legalese, #footer .productIndexes {clear:both; width:960px; font-size:10px; line-height:1.3em; text-align:center;}
#footer .legalese {margin-top:30px;}
#footer .legalese a {display:inline-block; margin:0 20px;}
#footer #copy {clear:both; margin-bottom:0; color:#fff;}
#defaultSidebar .stripeOuter {margin-bottom:14px;}
#defaultSidebar .stripeInner {padding:15px 11px 14px;}
#defaultSidebar .stripeInner a {text-decoration:underline;}
#defaultSidebar div p {padding:0; margin:7px 0;}
#defaultSidebar div p:last-child {margin:7px 0 0 0;}
#defaultSidebar div p strong, #defaultSidebar #secure {text-transform:uppercase; font-size:9px; font-weight:bold;}
#defaultSidebar div.hotspots,
#defaultSidebar #liveHelpWrap {display:none;}
#defaultSidebar .culture {text-align:center;}
#defaultSidebar #freeShipping {width:143px; height:92px; background-position:4px -516px;}
#defaultSidebar #safeShopping {padding:0 0 8px 0; overflow:hidden; text-align:center;}

#defaultSidebar #secure {margin:10px 0 8px 0;}
#defaultSidebar #secure span {float:left; width:28px; height:31px; background-position:-104px -62px; margin:0 10px 15px 0;}

#defaultSidebar #safeShopping a {float:left;}
#defaultSidebar .bbb,
#defaultSidebar .bizrate,
#defaultSidebar .stellaService {text-indent:-9999px; margin:0 4px;}

/* OVERWRITE GLOBAL STYLES */
#defaultSidebar h5 {margin:14px 0 7px; text-align:center;}
#defaultSidebar h5:first-child {margin:0 0 7px 0;}
#defaultSidebar h5.hc a {text-decoration:none;}
#defaultSidebar a.product {text-decoration:none;}

.sideBar .stripeOuter {margin-bottom:14px;}
.sideBar .stripeInner {padding:15px 11px 14px;}
.sideBar .stripeInner a {text-decoration:underline;}
.sideBar div p {padding:0; margin:7px 0;}
.sideBar div p:last-child {margin:7px 0 0 0;}
.sideBar div p strong, .sideBar #secure {text-transform:uppercase; font-size:9px; font-weight:bold;}
.sideBar div.hotspots,
.sideBar #liveHelpWrap {display:none;}
.sideBar .culture {text-align:center;}
.sideBar #freeShipping {width:143px; height:92px; background-position:4px -516px;}
.sideBar #safeShopping {padding:0 0 8px 0; overflow:hidden; text-align:center;}

.sideBar #secure {margin:10px 0 8px 0;}
.sideBar #secure span {float:left; width:28px; height:31px; background-position:-104px -62px; margin:0 10px 15px 0;}

.sideBar #safeShopping a {float:left;}
.sideBar .bbb,
.sideBar .bizrate,
.sideBar .stellaService {text-indent:-9999px; margin:0 4px;}

/* OVERWRITE GLOBAL STYLES */
.sideBar h5 {margin:14px 0 7px; text-align:center;}
.sideBar h5:first-child {margin:0 0 7px 0;}
.sideBar h5.hc a {text-decoration:none;}
.sideBar a.product {text-decoration:none;}

/* DEFAULT SIDEBAR */
#defaultSidebar {float:right; width:210px; margin:0; padding:0 0 0 10px; font-size:10px;}
#defaultSidebar #safeShopping {width:150px; margin:8px 0 0 20px;}
#defaultSidebar #freeShipping {margin:11px auto 0;}

/* IE6 styles */
* html .sideBar .stripeInner {padding:0 11px 14px;}
* html .sideBar #secure {height:100%;}
* html .sideBar #secure span {display:block;}

/* FOOTER SIDEBAR (formerly Foxwoods footer) */
#footerSidebar {width:auto; margin:15px auto 0; padding:0; font-size:10px;}
#footerSidebar .stripeOuter {width:427px; float:left; margin-left:20px;}
#footerSidebar .trustbar {margin-left:0; width:470px;}
#footerSidebar #shopWithConfidence {width:195px; float:left; margin-right:10px}
#footerSidebar #safeShoppingGuarantee {width:240px; float:left;}
#footerSidebar h5 {text-align:left;}
#footerSidebar #payNothing {clear:both;}
#footerSidebar #safeShopping {float:left; margin:0; width:120px;}
#footerSidebar #learnProtection {clear:both;}
#footerSidebar #freeShipping {margin:0 -24px 13px 0; width:163px; float:left;}
#footerSidebar div p {color:#666; line-height:1.4em;}

.ie7 #footerSidebar {margin:0 0 20px 0;}
.ie7 #footerSidebar .stripeInner {width:446px; height:125px;}
.ie7 #footerSidebar #secure {margin-bottom:4px;}
.ie7 #footerSidebar #payNothing {margin-top:0;}#atgChat {color:#fff;}
#atgChat p {font-style:italic; text-align:left;}
#atgChat input,
  #atgChat textarea {border:1px inset #ccc; width:170px; margin:3px 0; padding:7px 0; text-indent:4px; font-style:italic; font-family:Georgia; -moz-border-radius:5px; -webkit-border-radius:5px;}
#atgChat button {margin:10px 0;}
#atgChat a {margin:3px 0;}

#emailSignupForm {margin-bottom:15px; color:#fff; font-size:11px; line-height:1.2em;}
#emailSignupForm h3 {margin:0;}
#emailSignupForm p {margin-bottom:10px; font-style:italic; text-align:left;}
#emailSignupForm label {display:none;}
#emailSignupForm input {border:1px inset #ccc; width:147px; margin:3px 0; padding:7px 0; text-indent:4px; font:italic 14px/1em Georgia, Times, "Times New Roman";}
#emailSignupForm button {margin:10px 0;}
#emailSignupForm a {margin:3px 0;}
#emailSignupForm .privacy {margin:0; font-style:normal; font-size:10px;}
#emailSignupForm .asyncError {margin:10px 0; line-height:12px;}
#emailSignupForm .asyncError ul {list-style:none;}
#emailSignupForm .asyncError li {margin-left:0; margin-bottom:10px;}
#emailSignupForm .emailSignupSuccessMessage {font:italic 16px/1.3em Georgia, Times, "Times New Roman";}
/*
 * Reviews ===================================================================
 *
 * The reviews that appear on the "Additional Reviews" & Product Pages
 */
.productReviews .teethWhiteInner {padding-left:20px; padding-right:20px; font-family:georgia, times, "times new roman", serif; font-size:11px; font-style:italic;}
.teethWhiteInner .review {padding:0 0 25px 0; overflow:hidden; line-height:14px; clear:both; margin-bottom:20px; padding-bottom:20px; border-bottom:1px dotted #dcdcdc; zoom:1;}

/*
 * =Columns
 *
 * The Review Container is fluid, the product feel (size, width, arch support)
 * is fixed width. The container should have a negative margin-right of 
 * the same width as the product Feel.
 */
.productReviews .reviewContainer {float:left; width:100%; margin-right:-168px;}
.productReviews .reviewContainer.noProductFeel {margin-right:0; }
.productReviews .reviewContent {margin-right:168px; padding-right:20px;}
.productReviews .reviewContainer.noProductFeel .reviewContent {margin-right:0; padding-right:0;}
.productReviews .productFeel {float:left; width:163px; padding-right:5px; }

/* Typography */
.productReviews h1.hc {margin-bottom:10px;}
.productReviews h1.hc strong {display:inline; float:none; font:bold 28px Georgia, 'Times', serif; text-transform:uppercase; text-indent:0; color:#369; margin:0; background:none !important;}
.productReviews .teethWhiteInner h2.hc {display:inline-block; padding-right:50px; padding-bottom:15px; position:relative; zoom:1;}
.productReviews h2.hc span.pencil {display:block; position:absolute; right:0; top:-2px; width:30px; height:30px; background-position:right -227px;}
.productReviewSummary .productReviewBreakdown h2,
.productReviews .productFeel h3,
.productReviews .productRatings strong {display:block;font-family:Verdana, Arial, sans;font-weight:normal; text-transform:uppercase; font-style:normal; font-size:10px; color:#555;}

/* Sorting, Pagination & Write Review Button */
.productReviews .reviewWritePaginate {margin-bottom:10px;}
.productReviews .reviewSortPaginate {border-bottom:1px dotted #dcdcdc; font-family:Verdana, Arial, sans; font-style:normal; padding-bottom:10px; margin-bottom:20px;}
.productReviews .additional,
.productReviews .top-pagination,
.productReviews .bottom-pagination {float:left; width:50%; text-align:right; font-family:Verdana, Arial, sans; font-style:normal;}
.productReviews .additional {font-weight:bold;}

.writeReviewBtn {float:left; width:50%;}
.productReviews .writeReviewBtn .btn {margin-left:0;}

.linkList,
.linkList li {list-style:none; margin:0; padding:0;}
.linkList li {display:inline-block; border-left:1px solid #858688; margin-right:8px; padding-left:8px; float:left;}
.linkList li.first {border-left:0; padding-left:0;}
.productReviews .reviewSortPaginate .linkList {float:left; width:50%; font-weight:bold; font-style:italic; color:#585a5d;}
.productReviews .reviewSortPaginate .linkList a {font-style:normal; text-decoration:underline;}

/* Helpful and Date */
.productReviews .reviewHelpful {float:left; width:70%; padding-bottom:10px;}
.productReviews .reviewHelpful span {padding-left:15px; color:#FF5300; font-size:18px;}
.productReviews .reviewDate {float:left; padding-top:3px; width:30%; text-align:right; padding-bottom:10px;}
.productReviews .reviewDate p {padding-right:15px;}

/* Review Text - Name, Location, Brand Recommendations */
.productReviews .reviewText {position:relative; clear:both; padding:15px; zoom:1; margin-bottom:15px; background-color:#EEE; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box;}
.productReviews .teethWhiteInner .reviewText h3 {color:#646e23; font-size:16px; margin-bottom:5px;}
.productReviews .reviewerLocation {margin-bottom:15px; width:250px;}
.productReviews .reviewSummary {font-family:Verdana, Arial, sans; font-size:12px; font-style:normal; line-height:18px; padding-left:25px; padding-right:10px; margin-bottom:15px;}
.productReviews .reviewSummary:before,
.productReviews .reviewSummary:after {content:"\201C"; font-family: georgia, times, "times new roman", serif; font-style:normal; font-size:36px; font-weight:bold; position:absolute; padding-top:10px;}
.productReviews .reviewSummary:before {margin-left:-25px;}
.productReviews .reviewSummary:after {padding-left:5px; content:"\201D";}
.productReviews .reviewQuoteBubble {position:absolute; width:45px; height:25px; right:25px; bottom:-25px; background-position: -118px -706px;}
.productReviews .btn {font-style:normal; margin:0 0 0 10px;}
.productReviews .otherBrands {margin-left:25px; font-size:10px; font-style:normal;}
.productReviews .rateReviewHelpful {padding-left:15px;}

/* Product Star Ratings */
.productReviews .productRatings {position:absolute; right:10px; top:15px; text-align:center;}
.productReviews .productRatings p {width:80px; float:left;}
.productReviews .stars {display:-moz-inline-box; display:inline-block; vertical-align:middle; font-size:0;}

/* Product Feel - Size, Width, Arch Support */
.productReviews .productFeel h3 {margin-bottom:5px; text-align:center;}
.productReviews .productFeel .feelRuler {position:relative; z-index:1; width:163px; height:12px; margin-top:-5px; margin-bottom:5px; background-position: 0 -694px;}
.productReviews .productFeel .feelIndicator {position:relative; z-index:2; width:9px; height:14px; background-position: -109px -706px;}
.productReviews .productFeel .feelIndicator.feelLevel1 {margin-left:-2px;}
.productReviews .productFeel .feelIndicator.feelLevel2 {margin-left:38px;}
.productReviews .productFeel .feelIndicator.feelLevel3 {margin-left:77px;}
.productReviews .productFeel .feelIndicator.feelLevel4 {margin-left:117px;}
.productReviews .productFeel .feelIndicator.feelLevel5 {margin-left:156px;}
.productReviews .productFeel .feelScaleLower,
.productReviews .productFeel .feelScaleUpper {float:left; width:50%; text-align:left; margin-bottom:15px; font-family:Verdana, Arial, sans; font-style:normal; font-size:9px;}
.productReviews .productFeel .feelScaleUpper {text-align:right;}

/*
 * Product Reviews Summary ===================================================
 *
 * The summary of reviews, actions, overall rating, and feel that appears at 
 * the top before the individual reviews
 */

/* Total Count (ex: 883 reviews total) */
.reviewsTotalCount {float:left; width:20%; padding-top:15px; font-family: georgia, times, "times new roman", serif; font-style:italic;}
.reviewNonShoe .reviewsTotalCount {width:33%;}
.reviewsTotalCount p {text-align:center; font-size:14px;}
.reviewsTotalCount span {margin-bottom:5px; color:#ff5300; font-size:30px; font-weight:bold; font-style:normal;display:block;}

/* Actions (ex: Write a review, view product) */
.reviewActions {float:left; width:25%; padding-top:30px;}
.reviewNonShoe .reviewActions {width:33%;}
.reviewActions ul,
.reviewActions li {margin:0; padding:0; list-style:none;}
.reviewActions li {text-align:center; margin-bottom: 20px;}

/* Rating Summary (ex: 80% rated 5 stars) */
.reviewRatingSummary {float:left; width: 25%; text-align:center;}
.reviewNonShoe .reviewRatingSummary {width:33%;}
.reviewRatingSummary h2 {margin-bottom:10px;}
.reviewRatingSummary span.ra, 
.reviewFitSummary span.ra {display:-moz-inline-box; display:inline-block; margin:0 10px 3px 0; font-weight:bold; font-style:normal; font-family:Verdana, Arial, sans; font-size:10px; text-align:right; width:28px;}
.reviewRatingSummary span.stars {margin-top:-8px;}

/* Fit Summary (ex: 70% found true to size) */
.reviewFitSummary {float:left; width:30%; font-size:10px;}
.reviewFitSummary h2 {margin-bottom:10px;}
.reviewFitSummary .fitDesc {font-style:italic;}
.reviewFitSummary span.ra {margin-right:5px;}

/* Most and Least helpful Reviews */
.mostHelpfulReviews {margin-top:20px; padding-top:20px; border-top:1px dotted #dcdcdc;}
.mostHelpfulReviews .stripeInner {font-size:10px;}
.mostHelpfulReviews h2 {margin-bottom:10px; font-family:georgia, times, "times new roman", serif; font-style:italic; font-weight:bold; font-size:24px; text-align:center; color:#ff5300;}
.readFullReview {display:block; padding-top:5px; font-weight:bold;}

#content .mostHelpfulReviews .stripeOuter {margin-bottom:0;}
.mostHelpfulFavorableReview, 
.mostHelpfulCriticalReview {width:46%; float:left;}
h2.noHelpfulReviews {padding-top:100px;}

.mostHelpfulVs {float:left; width:8%; padding-top:100px;}
.mostHelpfulVs p {margin:15px; padding:5px 5px 8px 5px; font-family:georgia, times, "times new roman", serif; font-style:italic; font-weight:bold; font-size:14px; text-align:center; background-color:#285183; color:#FFF; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}

.postedStarRating {margin-bottom:10px;}
.postedStarRating div {float:left; width:25%; text-align:center;}
.postedStarRating strong {text-transform:uppercase;}
.postedStarRating div.reviewPostedDate {text-align:left;}

/*
 * Brand Page Reviews ========================================================
 *
 * For the time being, brand pages will retain the old style of review
 */
.brandPage .productReviews {width:575px; font-size:10px;}
.brandPage .productReviews .review {padding:15px 15px 25px; margin-bottom:0; overflow:hidden; line-height:14px; border-bottom:1px solid #e8e8e8;}
.brandPage .productReviews .stars {display:-moz-inline-box; display:inline-block; vertical-align:middle; font-size:0;}
.brandPage .productReviews .info {float:left; width:60%;}
.brandPage .productReviews .info span span {margin:0 10px 0 0;}
.brandPage .productReviews .feel {float:right; width:40%;}
.brandPage .productReviews .feel span {display:block;}
.brandPage .productReviews .summary {float:left; margin:10px 0 0 10px;}
.brandPage .productReviews .first {border-top:1px solid #eee; margin-top:-10px;}
.brandPage .productReviews .info strong, .productReviews .feel strong {text-transform:uppercase; font-size:9px;}
.brandPage .productReviews .otherBrands {clear:left; padding:10px 0 0 0;}
.brandPage .productReviews .additional {padding:20px 15px 10px; font-weight:bold;}
.brandPage .productReviews h2.hc {position:relative; padding:8px 40px 6px 0; margin:0 0 15px 0; border:none; display:inline-block; text-indent:0;}
.brandPage .productReviews h2.hc span {display:block; position:absolute; right:0; top:0; width:30px; height:30px; background-position:right -227px;}
.brandPage .productReviews .productName {display:block; font-size:12px; font-weight:bold; margin-bottom:3px;}

/* IE6 styles */
* html .brandPage .productReviews .review {height:100%;}
*:first-child+html .brandPage .productReviews .summary {clear:both; width:95%;}
* html .brandPage .productReviews .summary {width:95%;}
*:first-child+html .brandPage .productReviews h2.hc {display:inline;}
* html .brandPage .productReviews h2.hc {display:inline;}

/*
 * Drupal Reviews ============================================================
 *
 * Reviews that are coming from Drupal. Since they take on a different format 
 * than the standard productReviews, we override some existing behavior. 
 */
.hreview {overflow:hidden; display:block !important; display:inline-block; border-top:1px solid #eee; margin-left:0; padding:12px 0; line-height:20px; font-size:11px;}
.hreview .stars {position:relative; top:-2px; margin-left:2px;}
.hreview .url {float:left; margin-right:10px;}
.hreview .rating {font-size:9px; font-weight:bold; text-transform:uppercase; margin-right:12px;}
.hreview .date {display:block; font-size:10px; font-weight:bold; text-transform:uppercase;}
.hreview abbr {border:none;}
.hreview h5 {font-size:14px;}
.hreview h5 .url {float:none; margin-right:0;}
.hreview .reviewer {display:block; margin-bottom:10px;}
.hreview blockquote {margin-left:146px; line-height:22px;}
.formError {margin:10px; border:5px solid #ff5300; color:#ff5300; background-color:#fff; font-size:11px; overflow:hidden;}
.formError h3 {margin:0; padding:4px 0 8px 6px; font:italic 14px Georgia, "Times New Roman", serif; font-style:italic; background-color:#ff5300; text-align:left; color:#fff; text-shadow:rgba(0,0,0,.3) 0px 1px 1px;}
.formError ul {padding:10px 30px 10px 40px;}
.formError ul li {padding:3px 0; line-height:14px; text-align:left; list-style-type:disc;}
.formError span {width:14px; height:7px; display:block; margin:0 0 0 36px; background-position:-78px -267px;}

/* IE styles */
* html .formError {width:99% !important;}
* html .formError {height:100%;}
* html .formError span {float:left; margin:0 0 0 18px;}
* html .formError ul {margin:0 0 10px 0;}
* html .formError ul li {margin:0 0 0 16px;}
.controlPanel {float:right; font-size:10px; font-weight:bold; text-transform:uppercase;}
.controlPanel a {float:left; padding:4px;}
.controlPanel .prev,
.controlPanel .next {display:block; float:left; width:5px; height:10px; overflow:hidden; background-repeat:no-repeat; background-color:#fff; text-indent:-9999em; border:1px solid #ddd; margin-left:4px; padding:4px 6px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.controlPanel .next {background-position:-47px 3px;}
.controlPanel .prev {background-position:-49px -18px;}
#quickView {padding:0; border:0; background:none;}
#quickView .info {position:relative; width:400px; height:100%; padding:40px; background:#eeeded; border:1px solid #e8e8e8; -moz-border-radius:5px; -webkit-border-radius:5px; overflow:auto; -moz-box-shadow: 0px 0px 10px #333; -webkit-box-shadow: 0px 0px 10px #333;}
.quickViewImage {width:185px; padding:10px; float:left;}
.right .quickViewImage {float:right;}

/*IE7 fix*/
#quickView a.product {width:170px; margin:-5px 0 0 -2px; padding:15px 10px 0;}
/*-------*/

#quickView .quickViewDetails {width:195px; padding:0; clear:none; float:right; background:#fff; border:1px solid #E8E8E8;}
#quickView.right .quickViewDetails {float:left;}

#quickView .close {position:absolute; top:9px; right:23px; color:#2c5987;}
#quickView .sku {position:absolute; top:15px; left:46px; color:#2c5987; font-weight:bold;}
#quickView .quickViewDetails div {padding:8px; border:none;}

#quickView .quickViewDetails {-moz-border-radius:7px; -webkit-border-radius:7px;}
#quickView .quickViewDetails .qvColors,
#quickView .quickViewDetails .qvForm {border-top:1px solid #E8E8E8; -moz-border-radius:0; -webkit-border-radius:0; -moz-border-radius-bottomleft:7px; -webkit-border-bottom-left-radius:7px; -moz-border-radius-bottomright:7px; -webkit-border-bottom-right-radius:7px;}

.quickViewDetails .qvDescription.error {background:#FF5300; font:italic 13px Georgia, "Times New Roman", serif; color:#fff; letter-spacing:1px; text-align:center; -moz-border-radius-bottomleft:0; -webkit-border-bottom-left-radius:0; -moz-border-radius-bottomright:0; -webkit-border-bottom-right-radius:0;}
.quickViewDetails .qvDescription.error p {margin:15px 5px;}
#quickView .quickViewDetails .qvForm.error {border:2px solid #FF5300; -moz-border-radius:0; -webkit-border-radius:0;}
.quickViewDetails h5 {margin:0 0 3px; color:#585a5d;}
.quickViewDetails h5.sub {margin-top:5px; font-weight:normal;}
.qvDescription ul {max-height:240px; overflow:hidden;}
.qvDescription li {margin-bottom:3px;}
.qvDescription a {display:block; margin-top:5px; text-align:right;}

.qvColors p img {vertical-align:middle;}
.qvColors img {margin:0 3px 0 0; height:19px; width:19px;}

#quickView .qvActions {float:left; width:400px; margin:5px 0 0; padding:0; border-width:0; background:none;}
.qvForm span {font-style:italic;}
.qvForm select {width:177px; margin:0 0 10px; color:#585a5d; background:transparent; border:1px solid #ddd;}
.qvActions .action {margin-top:1px;}
.qvActions .secondary {float:left; width:195px; padding:7px 0; text-align:center;}
.qvActions button {width:197px; float:right;}
.right .secondary {float:right;}
.right button {float:left;}

#qvright,
#qvleft,
#qvup,
#qvdown {display:block; position:absolute; width:28px; height:28px; outline:0;}

#qvright{right:6px; top:47%; background-position:-28px -257px;}
#qvup {left:47%; top:6px; background-position:left -257px;}
#qvleft {left:6px; top:47%; background-position:-28px -285px;}
#qvdown {left:47%; bottom:6px; background-position:left -285px;}
#qvLoading {position:absolute; left:34%; top:42%; width:150px; padding:20px 0; background:#fff; color:#999; font:italic 13px Georgia, "Times New Roman", serif; text-align:center; border:1px solid #e8e8e8; letter-spacing:1px;}
#qvLoading a, #qvLoadError a  {display:block; margin:5px 0 0;}
#qvLoadError {position:absolute; left:24%; top:32%; width:250px; padding:20px 0; background:#fff; color:#999; font:italic 13px Georgia, "Times New Roman", serif; text-align:center; border:1px solid #e8e8e8; letter-spacing:1px;}
#qvLoadError a.close {position:static; display:block; float:none; text-decoration:none; border:0; padding:0; margin:15px 0;}
#qvLoadError a.close:hover {color:#ff5300;}
a span.quickViewMe {display:none; position:absolute; top:10px; right:52px; text-decoration:none;} 

#qvSurvey {display:block; clear:both; width:400px; text-align:center; padding-top:5px;}
#helpPopout {position:fixed; width: 400px; z-index:40000;} 

#helpPopout div.app {background-image:none; background-color:#F9F9F9; background-image:-webkit-gradient(linear,left top,left bottom,from(#F9F9F9),to(#DBDBDB)); background-image:-webkit-linear-gradient(top, #F9F9F9, #E9E9E9); background-image:-moz-linear-gradient(top,#F9F9F9,#E9E9E9); background-image:-ms-linear-gradient(top, #F9F9F9, #E9E9E9); background-image:-o-linear-gradient(top, #F9F9F9, #E9E9E9); background-image:linear-gradient(top, #F9F9F9, #E9E9E9); padding:0;}

#helpDrawer {background:none; border:0; line-height:normal; padding:20px 40px 0 20px; text-align:left; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; }
#helpDrawer h2, #helpDrawer h3 {font-family:georgia, serif; text-align: center;}
#helpDrawer h2 {width: 90%; text-transform:uppercase; color:rgb(0,75,108); padding-left: 20px; font-size: 28px; margin-bottom: 0;}      
#helpDrawer h3 {color:rgb(156,148,62); float:none; font-size: 16px;}
#helpDrawer .close {text-indent: -9999px; display: block; font-size: 10pt; width: 20px; height: 20px; outline:none; padding: 2px; float: right; margin-top: -30px;}
#helpDrawer ul {list-style-type:none; margin-top:30px; margin-bottom:30px; }
#helpDrawer ul li {margin-bottom:20px; font-size:12px;  height:42px; margin-left:25px;}
#helpDrawer ul li#hwPhone, span.hwText {padding-left:60px;}
#helpDrawer ul li a {color: rgb(0,75,108);}
#helpDrawer ul li span, #helpDrawer ul li em {font-style: normal; display: block;}
#helpDrawer ul li em {font-weight: bold; color: #404040; padding-left:60px;}
#helpDrawer ul li#hwPhone em {padding-left:0;}
 
#helpDrawer ul li, #helpDrawer .close, a#helplink, #hwLivechatOffline div + span {background: transparent url(../imgs/spHelpPop.20160603093002.png) no-repeat top left;}
#helpDrawer ul li#hwLivechat {background-position: 0 -60px; position: relative; z-index:22000; }
#helpDrawer ul li#hwLivechatOffline {background-position:0 -64px; color:rgb(0,75,108); font-weight: bold; position: relative; z-index:25000; }
#helpDrawer ul li#hwLivechatOffline div span {font-weight:bold; padding-top:14px; font-style:italic; font-size:1.2em; text-align:right; padding-right:55px; color:#ff5d00; }
#helpDrawer ul li#hwLivechatOffline span.hwText {font-weight:normal}
#helpDrawer ul li#hwLivechatOffline div em {padding-right:40px; font-weight:normal; font-style:italic; clear:both;}
#helpDrawer ul li#hwLivechatOffline div {background-color:rgba(255,255,255,0.7); border:none; font-family:georgia, serif; line-height:normal; height:60px; padding:0; position:absolute; text-align:right; left:-45px; top:-15px; width:398px; -webkit-border-radius:0; -moz-border-radius:0; -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.2); box-shadow: 0px 0px 8px rgba(0,0,0,0.2);}
#helpDrawer ul li#hwPhone {background-position:5px -111px;}
#helpDrawer ul li#hwEmail {background-position:1px -156px;}
#helpDrawer ul li#hwFaq {background-position:7px -194px;}
#helpDrawer ul li#hwReturns {background-position:0 -422px;}
#helpDrawer a.close {background-position:0 -31px;}

#hwLivechatOffline div + span {background-position: right -370px; height:45px; position: absolute; right: -10px; width:69px;}

a#helplink {background-position: 0 -228px; text-indent: -9999px; outline:none; position: fixed; top: 352px; left:2999px; width: 35px; height: 147px; display: block; margin: 0; zoom: 1;} 
a#helplink span {display: block; background: transparent url(../imgs/helpwidgetcue.20160603093002.png) no-repeat; position: relative; width: 1px; height: 150px; margin-top: -16px; padding: 0; zoom: 1;}
 
 
#prHead span {border: 1px solid #fff;}
#prHead span.skuActive {position:fixed; top: 200px; left: 100px; border:2px solid red; z-index:30000; background: #fff; padding: 10px; font-size: 2em;}
#prHead span.skuActive2 {border: 1px solid red;}
 
#coreValueWrap, #footerWrap {position: relative; z-index: 1200;}
 
#contentWrapper {z-index: 1;}
/* Zappos.com Print Styles
  ----------------------------------------------------*/

/*
 GLOBAL
 HOMEPAGE
 PRODUCTPAGE
*/

/* =GLOBAL
  ----------------------------------------------------*/

@media print {

body {background:none;margin:0;padding:0;}
#wrap {width:auto; margin:0; border:none;}

thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
tr, img { page-break-inside: avoid; }

p, h2, h3 { orphans: 3; widows: 3; }
h2, h3{ page-break-after: avoid; }

* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; }

a, a:visited { color: #444 !important; text-decoration: underline; }

#wrap #content {width:100%; padding:0;}

.ie * {float:none !important; clear:both !important;}
iframe {display:none !important;}

#wrap a {color:#555555;}
.logout {display:none;}


/* Sidebar */
#default-sidebar {display:none;}
.ie #default-sidebar {display:none !important;}

/* Header */
#global-actions {display:none;}
#headerPromoBanners {display:none;}
#header {float:none; width:auto; border:none;}
#header * {display:none;}
#header .main {display:block; width:auto;}
#header .main h1 {display:block;}
#header .main .zlogo a img {display:block;}

.ie #header .cs-info {margin-left:15px !important; overflow:visible !important;}
.ie #header .main #cart-nav {left:-20px !important;}

/* Footer */
#footer * {display:none; width:auto;}
#footer .copy,
#footer .copy .company-info,
#footer .copy .company-info strong {display:block;}
.ie #footer {display:none !important;}

/* Content */
.ie #content {position:relative !important; float:left !important; clear:both !important;}
.ie #content * {position:relative !important; float:none !important; clear:both !important;}

/* =RETURN CONFIRMATION
  ----------------------------------------------------*/
.ie #wrap .return-confirmation-page {position:static !important; float:none !important; clear:none !important;}
.return-confirmation-page .return-steps {display:none;}
.return-confirmation-page p.dotted-line {}
.return-confirmation-page #return-label-status {display:none;}

.return-confirmation-page #bar-codes {float:left; display:block; width:100%; padding:10px 0 25px 0;}
.return-confirmation-page #bar-codes div {float:left; padding:0 50px 0 10px;}
.return-confirmation-page #bar-codes div p {width:220px;}
.return-confirmation-page #bar-codes p.note {float:left; display:block; width:25em; padding:40px 20px 0;}
.ie #wrap .return-confirmation-page #bar-codes {float:left !important;}
.ie #wrap .return-confirmation-page #bar-codes div {float:left !important;}
.ie #wrap .return-confirmation-page #bar-codes p.note {float:left !important; clear:none !important;}

.return-confirmation-page .return-summary {clear:both;}
.return-confirmation-page .return-summary .standard-header {display:block; border:none; color:#555;}
.return-confirmation-page .return-summary .standard-container {border:none;}
.return-confirmation-page .return-summary .order-table {width:100%;}

.ie #wrap .return-confirmation-page .return-summary .order-table .product img {float:left !important;}
.ie #wrap .return-confirmation-page .return-summary .order-table .return-product {clear:none !important;}
.ie #wrap .return-confirmation-page .return-summary .return-breakdown {float:right !important;}
.ie #wrap .return-confirmation-page .return-summary .cc {clear:none !important;}
.ie #wrap .return-confirmation-page .return-summary .note {clear:both !important;}

.return-confirmation-page .return-directions ol li .more-info {display:none;}
.return-confirmation-page .email-confirmation {display:none;}
.return-confirmation-page .help-footer {display:none;}

.ie #wrap .return-confirmation-page * {position:static !important; clear:none !important;}


/* =HOMEPAGE
  ----------------------------------------------------*/
#homepage-content ul.departments {width:701px !important;}
#homepage-content .winner strong {text-indent:0 !important;}
#homepage-content .winner a {background:none !important;}

.ie #homepage-sidebar {display:none !important;}
.ie #content.category-nongender {width:730px !important}
.ie .category-nongender ul ul {width:200px !important}


/* =PRODUCTPAGE
  ----------------------------------------------------*/
.product-page #sizes, .product-page #widths, .product-page #submit {display:none !important;}
#product-description {font-size:1.3333em !important;}
#product-reviews #reviews {font-size:1.3333em !important;}

.ie #product-details {width:715px !important;}
.ie #product-details #product-form {float:left !important; clear:both !important;}
.ie #product-details .policies {float:left !important; clear:both !important;}
.ie #product-description {float:left !important;  clear:both !important;}
.ie #product-reviews .review .summary {width:70% !important;}
.ie .product-page #brand-information {width:95% !important; float:left !important; clear:both !important;}

/* =SEARCH
  ----------------------------------------------------*/
.navCont {display:none;}

/* =SHOPPINGCART
  ----------------------------------------------------*/
#shopping-cart .cart .gift-certificate {display:none !important;}

.ie #shopping-cart {width:680px !important;}
.ie #shopping-cart .cart {width:93% !important;}
.ie #shopping-cart .cart .description {width:40% !important;}
.ie #shopping-cart .cart .description .item-description {width:190px !important;}

/* =BRANDPAGE
  ----------------------------------------------------*/
#brand-info {height:auto !important; overflow:auto !important;}
#brandmoreless {display:none !important;}


} /* end @media print{ */
/***********************/
      /** Main **/
/***********************/

/* Body BG white */

body.zpre {
  background: #fff;
}

/* Global button styling */
.zpre .btn {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

/* Consistent buttons */
.zpre .action {
  padding: 6px 8px;
  text-transform: none;
  background: #ff5d00;
  border-bottom: 3px solid #cc4a00;
  background-image: none !important;
  font-size: 12px;
  text-shadow: none;
  line-height: 15px;
}

/* Consistent buttons */
.zpre .action:hover {
  background: #ff7d33;
  background-image: none !important;
}

.zpre .secondary {
  padding: 6px 8px;
  text-transform: none;
  background: #f9f9f9;
  border-bottom: 3px solid #b3b3b3;
  background-image: none !important;
  font-size: 12px;
  text-shadow: none;
  line-height: 15px;
  font-weight: normal;
}

.zpre .secondary:hover {
  background: #fff !important;
  background-image: none !important;
}

/*secondary pagination button*/
.zpre .pagination .btn {
  background-color: #f3f3f3 !important;
  border-bottom: 1px solid #b3b3b3 !important;
  padding: 6px 6px !important;
}

/*secondary pagination button hover*/
.zpre .pagination:hover .btn:hover {
  background-color: #fff !important;
  border-bottom: 1px solid #b3b3b3 !important;
  padding: 6px 6px !important;
}

/* Consistent buttons and removing cart image*/
.zpre .addToCart span {
  display: none !important;
}

/*Favorites*/

/* Center aligning text in favorites */
.zpre #savedForLater .action {
  text-align: center !important;
}

/*Fixes checkbox height to be equal with secondary buttons*/
.zpre #favForm li.favcheckall span {
  height: 15px !important;
}

/*Fixes highlighted color of button*/
.zpre #favForm .cartHighlight {
  color: #2c5987;
}

/*Widen the popover*/
.zpre .zpopover {
  max-width: 500px;
}

/*Replace stripe background with 'share your favorites wishlist' popover*/
.zpre .zpopover div.app {
  background-color: #fff !important;
  background-image: none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

/*Squaring off edges and adding padding between lines*/
.zpre .zpopover div div {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

/*Adding margin to bottom of h4*/
.zpre h4.favH {
  margin-bottom: 5px;
}

/*Squaring off edges of input field*/
.zpre #favoriteShareLink {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

/*To right align action button in favorites*/
.zpre li.favItemInput {
  width: auto;
}

/*To right align pric in favorites*/
.zpre li.favItemPrice {
  margin: 0px 0px 15px 0px;
}

/* Green banner changed to Sentence Case */
.zpre h3.hc {
  text-transform: none;
  text-shadow: none;
}

/*Squaring up top left/right edging of favorites container*/
.zpre .favorites h3.favMain {
  border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
}

/*Squaring up top left/right edging of favorites container*/
.zpre .favorites h3.favMain {
  border-radius: 3px 3px 0 0;
}

/* Changed Tan > Gray */
.zpre .tan {
  background: #f5f5f5;
}

/*Remove all teeth*/
.zpre .teethWhiteTop {
  display: none;
}

/*Remove all teeth*/
.zpre .teethWhiteBottom {
  display: none;
}

/*Display teethInner*/
.zpre .teethWhiteInner {
  display: block;
  border: 1px solid #ddd;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

/***********************/
        /** Nav **/
/***********************/

.zpre #nav {
  padding: 14px 0 0 0;
}

.zpre #nav a {
  text-transform: none;
  font-size: 12px;
  font-weight: normal;
  text-shadow: none;
  padding: 10px 10px;
}

/* Squaring off left edge of nav */
.zpre #nav li.shoes a {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-bottom-left-radius: 3px;
  -moz-border-top-left-radius: 3px;
}

/* Squaring off right edge of nav */
.zpre #nav #viewMoreDepts {
  padding: 10px 11px 10px 25px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-top-right-radius: 3px;
  -moz-border-bottom-right-radius: 3px;
}

/*Aligning back to school and running images*/
.zpre #callouts a {
  margin: 6px -2px -4px 14px;
}

/* Thinning out the nav hover */
.zpre .rollover .innerShadow {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}

/* Removing rounded corners on nav hover */
.zpre .rollover {
  padding: 5px 3px 3px 3px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}

.zpre #moreDeptsWrap {
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}

.zpre #moreDeptsWrap .moreDeptContain {
  margin: 9px 2px 2px 2px;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}

/* Cleaning up nav hover */
.zpre .innerShadow {
  background: #FFF 0 -767px repeat-x;
  border-top: none;
}

/* Making sidebar nav and sentence case */
.zpre .catNav h4 {
  font-size: 12px;
  text-transform: none;
}

/*Sentence case for catNav Green Banner*/
.zpre h3.nosh {
  text-transform: none;
  font-size: 12px;
  text-shadow: none;
  font-weight: 500;
}

/*Removing caret because of striped background on sprite*/
.zpre h3.nosh span {
  display: none;
}

/* Squaring off breadcrumbs */
.zpre #breadCrumbs {
  border-bottom: 1px solid #e8e8e8;
  border-radius: 0;
}

/*Squaring off edging of sidebar ads*/
.zpre .stripeOuter {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background: #fff;
}

/*Squaring off inner gray edging of sidebar ads*/
.zpre .stripeInner {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border: none;
}

/***********************/
      /** Search **/
/***********************/

/* Outer border of Global Search replaces striping with white background */
.zpre .hcSearch {
  background: #fff;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

/*Add some space around search input field*/
.zpre .hcSearch input {
  margin: 8px 0 0 4px;
}

/* Inner border of Global Search replaces striping with white background and removes shadow */
.zpre .hcSearch fieldset {
  background: #fff 0 -765px repeat-x;
  border-top: 1px solid #abaaaa;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

/*Allows additional padding from search button in input field*/
.zpre .hcSearch button {
  margin: 0 3px 0 0;
}

/*One-off of zappos.com/brands page - Adds additional padding to search field*/
.zpre #searchbrand.hcSearch {
  padding-bottom: 15px;
}

/* Remove border on search container */
.zpre #searchResults {
  border: none;
}

/* Cleaning up Search results header */
.zpre #searchHeaderHeader.hc {
  font-size: 18px;
  padding: 5px 0;
}

/*Bumping up size of Search brand name*/
/*HOLDING OFF ON TESTING*/
/*.zpre .product .brandName {
  font-size: 12px;
}*/

/*removing striping on global search*/
.zpre #searchSuggest-globalSearchField ul {
  background: #fff;
}

/*Squaring off edges of global search suggestions*/
.zpre div.currentSuggestionsWrap ul.currentSuggestions {
  border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
}

/*Squaring off edges of global search suggestions*/
.zpre .currentSuggestions li.last {
  border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
}

/***********************/
      /** PDP **/
/***********************/
/* Squaring off border of Theater*/
.zpre .theater {
  border-radius: 3px;
  border: 1px solid #ddd;
}

/* Squaring off border of Theater*/
.zpre .theater {
  border-radius: 3px;
  border: 1px solid #dedede;
}

/*Adding border to bottom and left*/
.zpre #brandLogo {
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  width: 238px;
}

/* Removing border from Recos */
.zpre .subRecos {
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.zpre #aisle {
  width: 239px;
  border-top: 0;
}

/*Occurs in notify me of styles popup - forced button to be consistent with secondary*/
.zpre button #cancel {
  border: 1px solid #ccc;
  border-bottom: 3px solid #ccc;
  background: #fff;
  color: #2c5987;
}

/*Product*/

/*Remove underline from product in recommendations*/
/*HOLDING OFF ON TESTING*/
/*.zpre .product span {
  text-decoration: none;
}*/

/*Left align product information*/
/*HOLDING OFF ON TESTING*/
/*.zpre .product {
  text-align: left;
}*/

/*Left align product stars*/
/*HOLDING OFF ON TESTING*/
/*.zpre .product .stars {
  margin: 0;
}*/

/* Removing border from ProductForm */
.zpre #productForm{
  border: none;
}

/*Adding border to productForm wing*/
.zpre #productForm .wing{
  border: 1px solid #ddd;
}

/*firefox fix*/
.zpre #productForm form select {
  height: 34px !important;
}

/* Removing border from components */
.zpre #components {
  border: none;
}

/* Changing background to white */
.zpre #centerStage #fitSurvey {
  background: #fff;
}

/*Firefox tweak for product dropdown*/
.zpre select #d3 {
  margin: 0 0 15px 0;
  width: 178px;
  height: 30px;
  font-size: 12px;
  text-transform: capitalize;
  font-weight: normal;
  color: #000;
  border: 1px solid #ddd;
}

/*Borders from purchase corner and theater were doubling up*/
.zpre #purchaseCorner {
  border-right: none !important;
  border-top: none !important;
  width: 239px;
}

/*Border for left and bottom*/
.zpre .wingProduct {
  border: 0;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

/*Customer Review*/

/*Remove inner-shadow of customer review input fields & square of edging of fields*/
.zpre .fancyText {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

/*Borders from purchase corner and theater were doubling up*/
.zpre #purchaseCorner {
  border-right: none !important;
  border-top: none !important;
  width: 239px;
}

/*Border for left and bottom*/
.zpre .wingProduct {
  border-left: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
}

/*Customer Review*/

/*Remove inner-shadow of customer review input fields & square of edging of fields*/
.zpre .fancyText {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

/*view suggestions arrows FIREFOX fix*/
.zpre .background-clip .prev-arrow {
  text-indent: -9999px !important
}

.zpre .background-clip .prev-arrow.disabled {
  text-indent: -9999px !important;
}

.zpre .background-clip .next-arrow {
  text-indent: -9999px !important;
}

.zpre .background-clip .next-arrow.disabled{
  text-indent: -9999px !important;
}

/***********************/
  /** Landing Page **/
/***********************/

/* Replacing bulky blue boxes with no bg and gray text */
.zpre .featureRegion div {
  background: #fff;
}

/*Making header font stand out*/
.zpre .featureRegion div a {
  color: #555;
  font-size: 12px;
  text-transform: none;
}

/* Replacing tan with white */
.zpre .templatedImages .group {
  background: #fff !important;
}

/* Replacing bulky gray box with clean underline */
.zpre .templatedImages h4 {
  background: #fff;
  color: #254e7b;
  text-transform: none;
  border-bottom: 1px solid #e0e0e0;
  font-size: 15px;
}

/*Shop by top nav */
.zpre .menuTrail a, .pageTrends .menu a {
  font-family: 'Verdana', sans-serif;
  text-transform: none;
  font-weight: normal;
  background-color: #DDE3E4;
  border-radius: 3px;
  color: #369 !important;
}

.zpre .menuTrail a:hover, .pageTrends:hover .menu a:hover {
  font-family: 'Verdana', sans-serif;
  text-transform: none;
  font-weight: normal;
  color: #fff !important;
}

.zpre .layoutBrandOneColumn .menuTrail span a {
  color: #fff !important;
}

.zpre .layoutBrandOneColumn .menuTrail span a:hover {
  color: #666 !important;
  font-weight: bold;
  text-transform: uppercase;
}

.zpre .cont {
  border: none !important;
}
/* Live Help Popup */
.liveHelpPopup {
  background-color: #4F779E;
  border-radius: 4px 4px 0 0;
  box-shadow: 0 4px 10px 2px rgba(0, 0, 0, 0.5);
  color: white;
  font-family: Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: normal;
  position: fixed;
  bottom: 0;
  right: 40px;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  transition: transform 0.4s ease;
  z-index: 2000;
}

.liveHelpPopup.show {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.liveHelpPopup .liveHelpTitle {
  background-color: #2C5987;
  border-radius: 4px 4px 0 0;
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  padding: 6px;
  text-align: center;
  text-transform: uppercase;
}

.liveHelpPopup .liveHelpBody {
  background-image: linear-gradient(to bottom, #4F779E, #2C5987);
  clear: both;
  padding: 10px 0;
  width: 300px;
}

.liveHelpPopup .liveHelpImage {
  display: block;
  float: left;
  margin: 4px 10px 0 20px;
}

.liveHelpPopup .liveHelpLabel {
  font-weight: 300;
  margin: 0 0 16px;
}

.liveHelpPopup .liveHelpLink {
  background-color: #FA4507;
  border-bottom: 3px solid #CA3500;
  border-radius: 4px;
  color: white;
  display: inline-block;
  padding: 4px 8px;
}

.liveHelpPopup .liveHelpClose {
  color: white;
  position: absolute;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  top: 4px;
  right: 4px;
  height: 10px;
  width: 10px;
  background-position: -324px 0;
  background-repeat: no-repeat;
  background-image: url(../imgs/spLiveHelpPopup.20160603093002.png);
}
.recommendationsWidget {text-align: center; clear: both; border: 1px solid #e8e8e8; border-radius: 3px; padding: 15px; margin: 15px 0;}
.recommendationsWidget > div {display: inline-block; text-align: left;}
.recommendationsWidget h3 {margin: 0 0 18px 0; text-align: left; padding-bottom: 4px; color: #2c5987; font-size: 16px;}
.redmar #searchHeaderHeader.hc {
  margin: 0px;
}

.redmar .product .productImg {
    width: 142px;
    height: 165px;
    margin: 0 auto;
}

.redmar #searchResults .product {
    margin-bottom: 10px;
}
.bigclo .product .productImg {
    width: 190px;
    height: 221px;
    margin: 0 auto;
}

.bigclo #searchResults .product {
    margin-bottom: 10px;
}
