/* Zappos.com Main Styles ----------------------------------------------------*/ /* RESET GLOBAL LINKS GENERIC HEADERS LAYOUT GLOBAL HEADER HEADER CONTENT SIDEBAR FOOTER LANDING PAGE BUTTONS STANDARD SHOPPING CART LEAVING TO ZAPPOS BRAND SEARCH DROPDOWN RETURN SUMMARY ERRORS POPOVERS CLT ROUNDED CORNERS PASSWORD REQUIREMENTS */ /* =RESET ----------------------------------------------------*/ * {margin:0; padding:0;} /* =RESET ----------------------------------------------------*/ a:link {color:#369; text-decoration:none;} a:visited {color:#92278f; text-decoration:none;} a:hover, a:active, a:focus {color:#ff5300; text-decoration:underline;} a.disabled, body #footer a.disabled {color:#999;} #footer .nav a.disabled {color:#ccc;} a.disabled:hover {text-decoration:none; cursor:default;} /* =GENERIC ----------------------------------------------------*/ p {margin:0.5em 0; font-size:1em;} h1 {margin:0.5em 0; font-size:1.5em; line-height:1em;} /* 18px */ h2 {margin:0.5625em 0; font-size:1.333em; line-height:1.125em;} /* 16px */ h2.pagetitle {margin:0; font-size:1.636em; line-height:1em; clear:left; color:#336699;} /* 18px Blue */ h3 {margin:0.64em .9167em 0; font-size:1.1667em; line-height:1.417em;} /* 14px */ h4 {margin:0.6923em 0; font-size:1.0833em; line-height:1.3846em;} /* 13px */ h5 {font-size:1em;} /* 12px */ li {margin-left:15px;} li.first {border:0;} blockquote {margin: 10px 0; font-size:.9167em; font-style:italic; color:#666;} cite {font-style:normal;} address {font-style:normal;} .star {vertical-align:bottom;} em.note {font-style:normal; font-size:.85em;} p.note {margin:.1em 0 1em;font-size:.9167em;} fieldset {border:none;} legend em {display:block;} * img {border:0; text-decoration:none;} br.clear {clear:both; display:block; line-height:1px;} h2.dotted-line {padding:5px 0 15px 0; background:url(/imgs/dotted-line.20120206113905.gif) 0 33px repeat-x;} div.dotted-line {margin-top:25px; background:url(/imgs/dotted-line.20120206113905.gif) 0 0 repeat-x;} p.dotted-line {padding:0 0 12px 0; background:url(/imgs/dotted-line.20120206113905.gif) 0 22px repeat-x;} p.short-paragraph {width:490px;} a.print {margin:0 0 0 50px; padding:0 0 0 25px;} p.zapClassic {position:relative; top:10px; right:5px; margin-top:0; overflow:hidden; text-align:right; font-size:.8333em;} /* =HEADERS */ h3 {margin:10px 0 0 0; padding:7px 0 7px 0; padding-left:20px; font-size:1em; line-height:1.25em; background-color:#7f9fb2; color:#fff; font-weight:bold;} /* =LAYOUT ----------------------------------------------------*/ body {padding:0 0 8px; text-align:center; font:75% Verdana, Arial, sans; background:#669;} html>body {font-size:12px;} /* =GLOBAL HEADER */ #global-actions {margin:0 auto; overflow:hidden; padding: 5px 0; height:1.667em; border-bottom:1px solid #D7E0E7;} #global-actions .subsites {float:left; padding:0 17px; border:1px solid #b0c4cf; border-bottom:0; font-size:.9167em; font-weight:bold; color:#7d7d7d; background:url(/imgs/ltbluebg.20120206113906.gif) center left repeat-x #e6edf1;} #global-actions .subsites li {float:left; list-style:none; margin:0; padding:3px 0 3px 17px;} #global-actions .subsites li.first {padding-left:0; font-weight:normal; color:#a1a1a1;} #global-actions .subsites li a {font-weight:normal;} #global-actions .actions {float:right; margin:3px 6px 0 0; font-size:.9167em; color:#555;} #global-actions .actions li {float:left; margin:0 0 0 10px; padding:0 0 0 11px; list-style:none; background:url(/imgs/acctnavbullet.20120206113903.gif) left center no-repeat;} #global-actions .actions li.help {background:none; border-left:1px solid #336699;} #global-actions .actions li.first {background:none;} #global-actions .actions li a {color:#336699;} #global-actions #csbanner {float:left; position:relative; width:340px; height:12px; margin-top:5px; } #global-actions #csbanner li {float:left; margin:0; list-style:none; font-size:.75em; letter-spacing:-0.111em;} #global-actions #csbanner li strong {font-size:1.2em;} #global-actions .view-cart {float:left; position:relative; left:25px; z-index:1; font-size:.8333em; background:url(/imgs/ltbluebg.20120206113906.gif) center left repeat-x #e6edf1; border:1px solid #b0c4cf;} #global-actions .view-cart {float:left; margin:0; list-style:none;} #global-actions .view-cart a {display:block; padding:2px 11px 2px 34px; background:url(/imgs/carticon.20120206113904.gif) 11px 50% no-repeat;} #global-actions .view-cart a img {vertical-align:middle;} #global-actions .view-cart a strong {} #wrap {clear:both; position:relative; width:982px; margin:0 auto; padding:0 9px; text-align:left; border:1px solid #b0c4cf; background:#fff; color:#555;} #header-promo-banners {width:1000px; margin:0 auto;} #header-promo-banners a {outline:none;} *+html #header-promo-banners a {float:left;} /* ie7 - removes vert space */ * html #header-promo-banners a {float:left;} /* ie6 - removes vert space */ #promotional-banners {width:982px; height:32px; float:left; position:relative; overflow:hidden; text-indent:-99999;} /* =CONTENT */ #content {float:left; width:766px;} /* =SIDEBAR */ #default-sidebar {position:relative; float:right; width:194px; margin:0; padding-left:10px; font-size:.8333em; text-align:center;} #default-sidebar #livehelp {margin:10px 0;} #default-sidebar div.trustbar {padding:4px; border:0; color:#6f91a4; background:#dae4e9;} #default-sidebar div.trustbar div {display:block; margin:0; padding:8px 4px 0 4px; border:1px solid #e7edf1; background:#cddbe4;} #default-sidebar div.trustbar div h2 {font-size:1.2em; color:#486575;} #default-sidebar div.trustbar div h3 {margin:0 0 0 6px; padding:4px 0 8px 35px; line-height:1.2em; font-size:1em; color:#486575; text-align:left; background:url(/imgs/trustlock_default.20120206113909.gif) no-repeat;} #default-sidebar div.trustbar div h4 {margin:0 0 0 6px; padding:4px 0 8px 0; line-height:1.2em; font-size:1em; color:#486575; text-align:center;} #default-sidebar div.trustbar div img {border-top:1px dotted #B4B4B4; border-bottom:1px dotted #B4B4B4;} #default-sidebar div.trustbar div p {margin:0; clear:both; padding:8px 0; border:0;} #default-sidebar div.trustbar .trustimg {height:73px; padding:10px 0; border:dotted #B4B4B4; border-width:1px 0;} #default-sidebar div.trustbar .trustimg a {display:inline-block; margin:0 10px;} #default-sidebar div.trustbar .trustimg a img {border-width:0;} #default-sidebar div a {display:block; margin:8px 0 5px 0; font-weight:bold;} #default-sidebar div {padding:0; color:#555;} #default-sidebar div.rounded, #default-sidebar div.clear {width:auto; margin:0; border:none;} #default-sidebar h3 {margin:10px 0 0 0; padding:6px 0; margin-top:10px; font-size:1.1em; line-height:1.2em; } #default-sidebar div p {margin:0; padding:8px 8px 4px 8px;} #default-sidebar div.culture {} #default-sidebar div.culture p {padding:8px 4px;} #default-sidebar div.culture a {display:inline; margin:0; font-weight:normal;} #default-sidebar img.paypal-button {margin-top:10px;} /* =HELP-FOOTER */ p.arrow-link {margin-top:0; padding:0 0 3px 0; background:url(/imgs/arrow.20120206113903.gif) top left no-repeat;} p.arrow-link a {margin-left:20px; font-weight:bold;} .help-footer {padding:25px 0 0 0; clear:both; line-height:1.4em;} .help-footer p.cs {margin:0 0 15px 0; padding:0;} .help-footer p.lastpage {margin:0 0 10px 0;} .help-footer p.shop {margin:0 0 25px 0;} .help-footer .logout {float:right; margin:0 0 10px 0; font-weight:bold;} .help-footer .phone {font-size: 1.272em; font-weight:bold;} .help-footer .phone em {font-weight:normal; font-style: normal;} /* =Standalone Email Opt-in Page */ .emailopt-page {margin-left:20px; font-size:.94em;} .emailopt-page h2 {margin:20px 0px; font-size:1.25em;} .emailopt-page span.emailopt-subtitle {display:block; margin-top:3px; color:#666666; font-size:0.84em; font-weight:normal;} #emailopt {margin-bottom:20px;} #emailopt ul {list-style-type:none;} #emailopt ul li {margin:0 0 5px 5px;} #emailopt ul li.last {margin:0px;} #emailopt label {display:inline-block; width:100px;} #emailopt input {border:1px solid #AAAAAA; color:#666666; width:200px;} .emailopt-page p {margin:0; font-size:.94em;} /* =LANDING PAGE */ #landing-page h1 {color:#2a6798;} #landing-page h2 {margin:0; background:none;} #landing-page h3 {clear:left; float:left; width:466px; margin-top:0;} #landing-page h3.full {clear:none; width: 962px; padding-right:2px; margin-top:20px;} #landing-page .wrap {float:left;} .container, .link-container {float:left; width:484px; height:32.5em; border:1px solid #7e9db0;} .link-container-full {float:left; width: 962px; padding:0 10px; border:1px solid #7e9db0;} .container img {margin:10px;} .container .item {float:left; width:242px; padding-bottom:10px;} .item ul {padding:5px 10px 10px 10px; border-top:1px solid #c4d3dc;} .item li {padding:1px 0; font-size:.916em; list-style:none;} .item h5 {padding-bottom:5px; color:#555;} .link-container ul, .link-container-full ul {float:left; width:158px; padding:20px 0;} .link-container ul li, .link-container-full ul li {list-style:none;} #landing-page .content-full {float:left; width:972px; clear:left;} #landing-page .content {float:left; width:486px;} #landing-page .pushright {float:right;} #landing-page .sidebar {float:left; width:962px; margin-top: 20px; padding:0 10px; border:1px solid #c4d3dc;} #landing-page .sidebar h3 {width:auto; float:none; margin:0; background:none; color:#333;} #landing-page .sidebar .item {float:left; width:240px; margin-top:5px;} #landing-page .sidebar .item a {margin:0 auto; display:block; width:138px;} #landing-page .sidebar .item li {margin-left:0; text-align:center;} #landing-page .sidebar .item h4 {text-align:center; color:#2a6798; font-size:1em;} #landing-page .sidebar ul {border:none;} #wrap .custom-landing-page .content {width:714px;} #wrap .custom-landing-page h3 {width:694px;} .custom-landing-page .container, .custom-landing-page .link-container {width:714px; border:none;} .custom-landing-page .item {width:202px; padding:10px 0 0 20px;} .custom-landing-page .item ul {border:none; padding:0 10px 10px 0;} .content .gender-feature img {margin: 5px;} .content .gender-styles img {float:left;} .content .gender-styles h5 {font-size: 1.1em;} .content .gender-styles .item ul {border: 0;} #landing-page .wrap .gender-sidebar h3 {width: auto; margin: 0; background-color:#7F9FB2;color:#FFFFFF;} /* =BUTTONS ----------------------------------------------------*/ /* =STANDARD */ button:hover {cursor:pointer; text-decoration:underline;} .button {text-decoration:none; float:left; margin-right:10px; padding:0 0 0 25px; background:no-repeat 2px center; line-height:1.364em; border:none; font-family:Verdana, Arial, sans; font-size:1em;} .button * {display:block; margin:0;} .button span {padding:0; margin-left:-25px; background:url(/imgs/buttons/standard-button-bg.20120206113904.gif) no-repeat left center;} body .button span * {margin:0; padding:0;} .button span {padding:0; margin-left:-25px; background:url(/imgs/buttons/standard-button-bg.20120206113904.gif) no-repeat left center;} .button span span, .standard .save span span {background:url(/imgs/buttons/standard-button-borders.20120206113904.gif) no-repeat top left;} .button span span span, .standard .save span span span {background:url(/imgs/buttons/standard-button-borders.20120206113904.gif) no-repeat bottom right;} .button span span span span, .standard .save span span span span {background:url(/imgs/buttons/standard-button-corners.20120206113904.gif) no-repeat top right;} .button span span span span span, .standard .save span span span span span {background:url(/imgs/buttons/standard-button-corners.20120206113904.gif) no-repeat bottom left;} .button span span span span span span {padding:.3em 15px .3em 35px;} button.button {background:none; padding:0; color:#369;} .button:link {color:#369;} button.button:hover {color:#369;} .button:visited {color:#369;} button.button span {margin:0;} button.button {margin:.25em 0; width:0; /*IE Fix*/ overflow:visible;} button.button[class] {width:auto;} button.button span span span span span span {padding:.3em 15px .3em 35px;} /* =STANDARD BUTTON - gray button - white corners - without icon */ .save span, .standard .save span {background:url(/imgs/button-bg.20120206113903.gif) repeat-x left center;} .save span span span span span span {padding:.3em 15px} button.save span span span span span span {padding:.3em 15px} /* =STANDARD BUTTON - gray button - light gray corners - with icon */ .standard span {padding:0; margin-left:-25px; background:url(/imgs/buttons/standard-button-bg.20120206113904.gif) no-repeat left center;} .standard span span {background:url(/imgs/buttons/standard-button-ltgray-borders.20120206113904.gif) no-repeat top left;} .standard span span span {background:url(/imgs/buttons/standard-button-ltgray-borders.20120206113904.gif) no-repeat bottom right;} .standard span span span span {background:url(/imgs/buttons/standard-button-ltgray-corners.20120206113904.gif) no-repeat top right;} .standard span span span span span {background:url(/imgs/buttons/standard-button-ltgray-corners.20120206113904.gif) no-repeat bottom left;} /* =STANDARD BUTTON - gray button - dark gray corners - with icon */ .standard-gray span {padding:0; margin-left:-25px; background:url(/imgs/buttons/standard-button-bg.20120206113904.gif) no-repeat left center;} .standard-gray span span {background:url(/imgs/buttons/standard-button-drkgray-borders.20120206113904.gif) no-repeat top left;} .standard-gray span span span {background:url(/imgs/buttons/standard-button-drkgray-borders.20120206113904.gif) no-repeat bottom right;} .standard-gray span span span span {background:url(/imgs/buttons/standard-button-drkgray-corners.20120206113904.gif) no-repeat top right;} .standard-gray span span span span span {background:url(/imgs/buttons/standard-button-drkgray-corners.20120206113904.gif) no-repeat bottom left;} /* =UPDATE BUTTON - gray button - dark blue corners - without icon */ .save-blue span {background:url(/imgs/button-bg.20120206113903.gif) repeat-x left center;} .save-blue span span {background:url(/imgs/buttons/standard-gray-button-drkblue-borders.20120206113904.gif) no-repeat top left;} .save-blue span span span {background:url(/imgs/buttons/standard-gray-button-drkblue-borders.20120206113904.gif) no-repeat bottom right;} .save-blue span span span span {background:url(/imgs/buttons/standard-gray-button-drkblue-corners.20120206113904.gif) no-repeat top right;} .save-blue span span span span span {background:url(/imgs/buttons/standard-gray-button-drkblue-corners.20120206113904.gif) no-repeat bottom left;} .save-blue span span span span span span {margin:0; padding:.3em 15px;} button.save-blue span span span span span span {margin:0; padding:.3em 15px;} /* =UPDATE BUTTON - gray button - midtone blue corners - without icon */ .save-midblue span {background:url(/imgs/button-bg.20120206113903.gif) repeat-x left center;} .save-midblue span span {background:url(/imgs/buttons/standard-gray-button-midblue-borders.20120206113904.gif) no-repeat top left;} .save-midblue span span span {background:url(/imgs/buttons/standard-gray-button-midblue-borders.20120206113904.gif) no-repeat bottom right;} .save-midblue span span span span {background:url(/imgs/buttons/standard-gray-button-midblue-corners.20120206113904.gif) no-repeat top right;} .save-midblue span span span span span {background:url(/imgs/buttons/standard-gray-button-midblue-corners.20120206113904.gif) no-repeat bottom left;} .save-midblue span span span span span span {margin:0; padding:.3em 15px;} button.save-midblue span span span span span span {margin:0; padding:.3em 15px;} /* =UPDATE BUTTON - gray button - mid-dark-tone blue corners - without icon */ .save-middarkblue span {background:url(/imgs/button-bg.20120206113903.gif) repeat-x left center;} .save-middarkblue span span {background:url(/imgs/buttons/standard-gray-button-middarkblue-borders.20120206113904.gif) no-repeat top left;} .save-middarkblue span span span {background:url(/imgs/buttons/standard-gray-button-middarkblue-borders.20120206113904.gif) no-repeat bottom right;} .save-middarkblue span span span span {background:url(/imgs/buttons/standard-gray-button-middarkblue-corners.20120206113904.gif) no-repeat top right;} .save-middarkblue span span span span span {background:url(/imgs/buttons/standard-gray-button-middarkblue-corners.20120206113904.gif) no-repeat bottom left;} .save-middarkblue span span span span span span {margin:0; padding:.3em 15px;} button.save-middarkblue span span span span span span {margin:0; padding:.3em 15px;} /* =UPDATE BUTTON - gray button - light blue corners - without icon */ .save-ltblue span {background:url(/imgs/button-bg.20120206113903.gif) repeat-x left center;} .save-ltblue span span {background:url(/imgs/buttons/standard-button-ltblue-borders.20120206113904.gif) no-repeat top left;} .save-ltblue span span span {background:url(/imgs/buttons/standard-button-ltblue-borders.20120206113904.gif) no-repeat bottom right;} .save-ltblue span span span span {background:url(/imgs/buttons/standard-button-ltblue-corners.20120206113904.gif) no-repeat top right;} .save-ltblue span span span span span {background:url(/imgs/buttons/standard-button-ltblue-corners.20120206113904.gif) no-repeat bottom left;} .save-ltblue span span span span span span {margin:0; padding:.3em 15px;} button.save-ltblue span span span span span span {margin:0; padding:.3em 15px;} /* =ORANGE BUTTON - orange button - white corners - without cart icon */ button.orange:hover {color:#fff;} a.orange:hover {color:#fff;} .orange span, .standard .orange span {background:url(/imgs/buttons/standard-orange-button-bg.20120206113904.gif) repeat-x left center;} .orange span span, .standard .orange span span {background:url(/imgs/buttons/standard-orange-button-borders.20120206113904.gif) no-repeat top left;} .orange span span span, .standard .orange span span span {background:url(/imgs/buttons/standard-orange-button-borders.20120206113904.gif) no-repeat bottom right;} .orange span span span span, .standard .orange span span span span {background:url(/imgs/buttons/standard-orange-button-corners.20120206113904.gif) no-repeat top right;} .orange span span span span span, .standard .orange span span span span span {background:url(/imgs/buttons/standard-orange-button-corners.20120206113904.gif) no-repeat bottom left;} .orange span span span span span span {margin:0; padding:.3em 15px; color:#fff;} button.orange span span span span span span {margin:0; padding:.5em 15px; font-weight:bold;} /* =UPDATED - 101408 MAIN SEARCH BUTTON - green button - yellow corners - without cart icon */ button.main-search-g:hover {color:#fff;} a.main-search-g:hover {color:#fff;} .main-search-g span {background:url(/imgs/buttons/standard-green-button-yellow-bg.20120206113904.gif) repeat-x left center;} .main-search-g span span {background:url(/imgs/buttons/standard-green-button-yellow-borders.20120206113904.gif) no-repeat top left;} .main-search-g span span span {background:url(/imgs/buttons/standard-green-button-yellow-borders.20120206113904.gif) no-repeat bottom right;} .main-search-g span span span span {background:url(/imgs/buttons/standard-green-button-yellow-corners.20120206113904.gif) no-repeat top right;} .main-search-g span span span span span {background:url(/imgs/buttons/standard-green-button-yellow-corners.20120206113904.gif) no-repeat bottom left;} .main-search-g span span span span span span {margin:0; padding:.3em 15px; color:#fff;} button.main-search-g span span span span span span {margin:0; padding:.3em 5px .4em; font-weight:bold; } /* =MAIN SEARCH BUTTON - orange button - yellow corners - without cart icon */ button.main-search:hover {color:#fff;} a.main-search:hover {color:#fff;} .main-search span {background:url(/imgs/buttons/standard-orange-button-yellow-bg.20120206113904.gif) repeat-x left center;} .main-search span span {background:url(/imgs/buttons/standard-orange-button-yellow-borders.20120206113904.gif) no-repeat top left;} .main-search span span span {background:url(/imgs/buttons/standard-orange-button-yellow-borders.20120206113904.gif) no-repeat bottom right;} .main-search span span span span {background:url(/imgs/buttons/standard-orange-button-yellow-corners.20120206113904.gif) no-repeat top right;} .main-search span span span span span {background:url(/imgs/buttons/standard-orange-button-yellow-corners.20120206113904.gif) no-repeat bottom left;} .main-search span span span span span span {margin:0; padding:.3em 15px; color:#fff;} button.main-search span span span span span span {margin:0; padding:.3em 15px;} /* =UPDATE BUTTON - blue button - white corners */ .update span {background:url(/imgs/drkbluebg.20120206113905.gif) repeat-x left center;} .update span span {background:url(/imgs/buttons/standard-blue-button-borders.20120206113903.gif) no-repeat top left;} .update span span span {background:url(/imgs/buttons/standard-blue-button-borders.20120206113903.gif) no-repeat bottom right;} .update span span span span {background:url(/imgs/buttons/standard-blue-button-corners.20120206113903.gif) no-repeat top right;} .update span span span span span {background:url(/imgs/buttons/standard-blue-button-corners.20120206113903.gif) no-repeat bottom left;} .update span span span span span span {margin:0; padding:.3em 15px;} button.update span span span span span span {margin:0; padding:.3em 15px;} /* =UPDATE BUTTON - blue button - light gray corners */ .update-gray span {background:url(/imgs/drkbluebg.20120206113905.gif) repeat-x left center;} .update-gray span span {background:url(/imgs/buttons/standard-blue-button-ltgray-borders.20120206113904.gif) no-repeat top left;} .update-gray span span span {background:url(/imgs/buttons/standard-blue-button-ltgray-borders.20120206113904.gif) no-repeat bottom right;} .update-gray span span span span {background:url(/imgs/buttons/standard-blue-button-ltgray-corners.20120206113904.gif) no-repeat top right;} .update-gray span span span span span {background:url(/imgs/buttons/standard-blue-button-ltgray-corners.20120206113904.gif) no-repeat bottom left;} button.update-gray span span span span span span {margin:0; padding:.3em 15px;} /* =UPDATE BUTTON - blue button - dark blue corners - */ .update-blue span {background:url(/imgs/drkbluebg.20120206113905.gif) repeat-x left center;} .update-blue span span {background:url(/imgs/buttons/standard-blue-button-drkblue-borders.20120206113903.gif) no-repeat top left;} .update-blue span span span {background:url(/imgs/buttons/standard-blue-button-drkblue-borders.20120206113903.gif) no-repeat bottom right;} .update-blue span span span span {background:url(/imgs/buttons/standard-blue-button-drkblue-corners.20120206113903.gif) no-repeat top right;} .update-blue span span span span span {background:url(/imgs/buttons/standard-blue-button-drkblue-corners.20120206113903.gif) no-repeat bottom left;} button.update-blue span span span span span span {margin:0; padding:.3em 15px;} /* =SEARCH BUTTON - yellow button - white corners */ .search span {background:url(/imgs/gobtnbg.20120206113905.gif) repeat-x left center;} .search span span {background:url(/imgs/buttons/standard-yellow-button-borders.20120206113904.gif) no-repeat top left;} .search span span span {background:url(/imgs/buttons/standard-yellow-button-borders.20120206113904.gif) no-repeat bottom right;} .search span span span span {background:url(/imgs/buttons/standard-yellow-button-corners.20120206113904.gif) no-repeat top right;} .search span span span span span {background:url(/imgs/buttons/standard-yellow-button-corners.20120206113904.gif) no-repeat bottom left;} button.search span span span span span span {margin:0; padding:.3em 15px;} /*BRAND SEARCH BUTTON - light blue corners */ .brandsearch span {background:url(/imgs/gobtnbg.20120206113905.gif) repeat-x left center;} .brandsearch span span {background:url(/imgs/buttons/standard-yellow-button-ltblue-borders.20120206113904.gif) no-repeat top left;} .brandsearch span span span {background:url(/imgs/buttons/standard-yellow-button-ltblue-borders.20120206113904.gif) no-repeat bottom right;} .brandsearch span span span span {background:url(/imgs/buttons/standard-yellow-button-ltblue-corners.20120206113904.gif) no-repeat top right;} .brandsearch span span span span span {background:url(/imgs/buttons/standard-yellow-button-ltblue-corners.20120206113904.gif) no-repeat bottom left;} button.brandsearch span span span span span span {margin:0; padding:.3em 15px;} /* GO BUTTON - dark blue corners */ .gosearch span {background:url(/imgs/gobtnbg.20120206113905.gif) repeat-x left center;} .gosearch span span {background:url(/imgs/buttons/standard-yellow-button-drkblue-borders.20120206113904.gif) no-repeat top left;} .gosearch span span span {background:url(/imgs/buttons/standard-yellow-button-drkblue-borders.20120206113904.gif) no-repeat bottom right;} .gosearch span span span span {background:url(/imgs/buttons/standard-yellow-button-drkblue-corners.20120206113904.gif) no-repeat top right;} .gosearch span span span span span {background:url(/imgs/buttons/standard-yellow-button-drkblue-corners.20120206113904.gif) no-repeat bottom left;} button.gosearch span span span span span span {margin:0; padding:.3em 5px;} /* =BUTTON ICONS */ .glossary, .glossary span span span span span span {background:url(/imgs/glossary-icon.20120206113905.gif) no-repeat 4px center;} .write-review, .write-review span span span span span span {background:url(/imgs/customer-reviews-icon.20120206113905.gif) no-repeat 4px center;} #product-details #product-image .multiview span {background:url(/imgs/buttons/standard-purple-button-bg.20120206113904.gif) repeat-x left center;} #product-details #product-image .multiview span span {background:url(/imgs/buttons/standard-purple-button-purple-borders.20120206113904.gif) no-repeat top left;} #product-details #product-image .multiview span span span {background:url(/imgs/buttons/standard-purple-button-purple-borders.20120206113904.gif) no-repeat bottom right;} #product-details #product-image .multiview span span span span {background:url(/imgs/buttons/standard-purple-button-purple-corners.20120206113904.gif) no-repeat top right;} #product-details #product-image .multiview span span span span span {background:url(/imgs/buttons/standard-purple-button-purple-corners.20120206113904.gif) no-repeat bottom left;} #product-details #product-image .multiview, #product-details #product-image .multiview span span span span span span {background:url(/imgs/additional-views-icon.20120206113903.gif) no-repeat 4px center;} #sharing .share, #sharing .share span span span span span span {background:url(/imgs/share_icon.20120206113908.gif) no-repeat 4px center;} #sharing .add-to-favorites, #brand-favorite .add-to-favorites, #sharing .add-to-favorites span span span span span span, #brand-favorite .add-to-favorites span span span span span span {background:url(/imgs/add-to-favorites-icon.20120206113903.gif) no-repeat 4px center;} #sharing .tell-a-friend, #sharing .tell-a-friend span span span span span span {background:url(/imgs/tell-a-friend-icon.20120206113909.gif) no-repeat 4px center;} .arrow, .arrow span span span span span span {background:url(/imgs/arrow-icon.20120206113903.gif) no-repeat 4px center;} .edit-address-cancel, .edit-payment-cancel {margin:10px 0 0 365px;} .sound span span span span span span {background:url(/imgs/brand/brand_pronunciation.20120206113903.gif) no-repeat 4px center;} .rss span span span span span span {background:url(/imgs/brand/brand_rssfeed.20120206113903.gif) no-repeat 4px center;} /* =SHOPPING CART */ .sc-button {text-decoration:none; float:left; padding:0 0 0 25px; background:no-repeat 2px center; line-height:1.364em; border:none; color:#fff; font-size:1em; font-family:Verdana,Arial,sans; background-color:orange;} a.sc-button {color:#fff !important;} a.sc-button:hover, a.sc-button:visited {color:#fff;} .sc-button * {display:block; margin:0;} .sc-button span {margin-left:-25px; padding:0; background:url(/imgs/shoppingcart-button-bg.20120206113908.gif) no-repeat left center;} body .sc-button span * {margin:0; padding:0;} .sc-button span span {background:url(/imgs/shoppingcart-button-borders.20120206113908.gif) no-repeat top left;} .sc-button span span span {background:url(/imgs/shoppingcart-button-borders.20120206113908.gif) no-repeat bottom right;} .sc-button span span span span {background:url(/imgs/shoppingcart-button-corners.20120206113908.gif) no-repeat top right;} .sc-button span span span span span {background:url(/imgs/shoppingcart-button-corners.20120206113908.gif) no-repeat bottom left;} .sc-button span span span span span span {padding:.4em 20px .4em 50px;} button.sc-button span span span span span span {padding:.5em 20px .5em 50px;} button.sc-button span {margin:0;} button.sc-button {margin:.25em 0; padding:0; width:0; /*IE Fix*/ overflow:visible;} button.sc-button[class] {width:auto;} /* =SHOPPING CART CLICKED */ .sc-button-click span {background-image:url(/imgs/shoppingcart-button-bg-click.20120206113908.gif);} .sc-button-click span span {background-image:url(/imgs/shoppingcart-button-borders-click.20120206113908.gif);} .sc-button-click span span span {background-image:url(/imgs/shoppingcart-button-borders-click.20120206113908.gif);} .sc-button-click span span span span {background-image:url(/imgs/shoppingcart-button-corners-click.20120206113908.gif);} .sc-button-click span span span span span {background-image:url(/imgs/shoppingcart-button-corners-click.20120206113908.gif);} .submitWait {width:180px; float:right; color:red; text-align:center;} button.action-button {padding:3px 5px; border:1px solid #E6952B; background:#DC682D; color:#fff;} /* =ROUNDED CORNERS ----------------------------------------------------*/ h3.round {background:#7b9fb2;} div.round {margin-bottom:10px; border:1px solid #b9cbd4; border-top:none; background:#fff;} div.round-important {background:#eff7f7;} h3.round {-webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px;} div.round {-webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;} .rounded, .rounded div {font-size:1px; line-height:1px; clear:both;} .round-h3-wrap .rounded {display:block; width:100%; height:5px; background:#7b9fb2 url(/imgs/rounded-corners/all-corners.20120206113907.gif) no-repeat left -5px;} .round-h3-wrap .rounded div {display:block; width:100%; height:5px; background:url(/imgs/rounded-corners/all-corners.20120206113907.gif) no-repeat right 0px;} .round-div-wrap {background:url(/imgs/rounded-corners/border.20120206113907.gif) repeat-y left;} .round-div-wrap .round {background:#fff url(/imgs/rounded-corners/border.20120206113907.gif) repeat-y right;} .round-div-wrap .round-important {background-color:#eff7f7;} .round-div-wrap .rounded {display:block; width:100%; height:5px; background:url(/imgs/rounded-corners/all-corners.20120206113907.gif) no-repeat left -20px;} .round-div-wrap .rounded div {display:block; width:100%; height:5px; background:url(/imgs/rounded-corners/all-corners.20120206113907.gif) no-repeat right -25px;} .round-div-wrap div {border-bottom:none; border:none;} .round-div-wrap .rounded-important {background:url(/imgs/rounded-corners/all-corners.20120206113907.gif) no-repeat left -10px;} .round-div-wrap .rounded-important div {background:url(/imgs/rounded-corners/all-corners.20120206113907.gif) no-repeat right -15px;} /* =BULLETS ----------------------------------------------------*/ .bullet-triangle li {background:url(/imgs/bullet-triangle.20120206113903.gif) no-repeat scroll center left;} /* =FORMS ----------------------------------------------------*/ form.standard-form ol {margin:0; list-style-type:none;} form.standard-form ol li {margin-left:0; padding-bottom:7px; line-height:1.6em;} form.standard-form ol li p.note {margin-left:215px; margin-bottom:0;} form.standard-form li label {float:left; width:215px; line-height:1.6em;} form.standard-form li textarea {width:455px; height:200px; border-top:1px solid #7F9FB2; border-left:1px solid #7F9FB2; border-bottom:1px solid #CDDBE4; border-right:1px solid #CDDBE4;} form.standard-form li input {width:240px; border-top:1px solid #7F9FB2; border-left:1px solid #7F9FB2; border-bottom:1px solid #CDDBE4; border-right:1px solid #CDDBE4;} form.standard-form li select {width:242px; border-top:1px solid #7F9FB2; border-left:1px solid #7F9FB2; border-bottom:1px solid #CDDBE4; border-right:1px solid #CDDBE4;} form.standard-form li select.expiration-date {width:119px; margin-right:5px;} form.standard-form li option {padding-left:1px;} form.standard-form li.radiobutton {margin:7px 0; padding:0; clear:both; overflow:hidden; line-height:1.6em;} form.standard-form li.radiobutton input {float:left; width:auto; margin-top:3px; border:0; margin-right:5px; clear:left;} form.standard-form li.checkbox {margin-left:0; padding-bottom:0;} form.standard-form li.checkbox label {width:100%; padding:15px 0 5px 0; font-weight:bold;} form.standard-form li.checkbox input {width:20px; clear:left; border:0;} form.standard-form li select.credit-card-type {width:135px; margin-right:0;} form.standard-form li p.cc-note {width:30%; float:right; margin:0; padding:0; color:#336699; font-weight:bold;} form.standard-form li p.cc-note span {font-weight:normal;} #content.checkout-page {width:758px;} .checkout-page {padding:15px 10px; font-size:0.917em; line-height:1.4em;} .checkout-page div.round {padding:15px;} /* =ADDRESSES ----------------------------------------------------*/ .saved-addresses .address li.name {font-weight:bold; text-transform:capitalize;} .saved-addresses .address li.cc-images {float:left; width:auto; padding-right:5px; line-height:1em;} .saved-addresses .address li.cc-type {width:auto; clear:right;} .saved-addresses .address li.edit {float:left; margin:3px 0 0 0; padding:0 5px; border-left:1px solid #B4B4B4; clear:none;} .saved-addresses .address li.first {padding-left:0; border-left:none;} /* =BRAND SEARCH DROPDOWN ----------------------------------------------------*/ /* FIXME: This stuff needs to be put into the new zappos.css and checked against home, landing, and brand index pages after the last of those pages are skinned */ * html div.brand-search {position:relative; z-index:1001; height:1.8em;} *+html div.brand-search {position:relative; z-index:1001; height:1.8em;} * html #wrap #content .brand-search .suggestions {top:1.8em; z-index:1005; left:0;} *+html #wrap #content .brand-search .suggestions {top:1.8em; z-index:1005; left:0;} #wrap #content .brand-search .suggestions {position:absolute; width:425px; margin:0; padding:0; background:#fff; border:1px solid #999; border-top:none;} #wrap #content .brand-search .suggestions li {display:block; width:100%; padding:0; margin:0; text-align:left;} #wrap #content .brand-search .suggestions li a {display:block; margin:0; padding:3px; background:#fff;} #wrap #content .brand-search .suggestions li.active a {background:#cae2ed;} #wrap #content .brand-search .suggestions li a:hover {background:#829eb0; color:#fff; text-decoration:none;} #searchbrand {padding:15px; overflow:hidden;} #searchbrand form {text-align:center;} #searchbrand form fieldset {height:20px; display:inline;} #searchbrand label {float:left; margin:4px 7px 0 15px; padding:0; color:#336699; background-color:#EFF7F7; font-weight:bold;} #searchbrand input {width:425px; height:18px; border:1px solid #999; color:#555; font-size:1em; text-align:left;} #searchbrand div {float:left; margin:0;} #searchbrand button {float:left; width:auto; margin:0 0 0 7px; font-size:0.917em;} /* =RETURN SUMMARY - used on my account and return pages --------------------------------------------------- */ div.return-summary div.round {padding:0;} .return-summary form {width:100%;} .return-summary table.order-table {width:756px; margin-bottom:15px; border-bottom:1px solid #ddd;} table.order-table th {margin:0; padding:10px 15px; border-bottom:1px solid #B9CBD4; overflow:hidden; background-color:#E5EDF0; font-size:1em;} .return-summary table.order-table th.return {width:12%; padding:10px 0px; text-align:center;} .return-summary table.order-table th.return span img {float:left; padding:0 5px;} .return-summary table.order-table th.item {text-align:center;} .return-summary table.order-table th.total {text-align:right;} .return-summary table.order-table tr td {padding:15px; border-top:1px dotted #ddd; vertical-align:top;} .return-summary table.order-table tr.first td {border-top:none;} .return-summary table.order-table tr td.status {width:23%;} .return-summary table.order-table #checkboxes, .return-summary table.order-table tr td.checkbox {padding-left:8px; padding-right:8px;} .return-summary table.order-table #checkboxes span {display:block; width:7em; padding-left:20px; white-space:nowrap; text-align:left; font-size:.909em; background:url(/imgs/add.20120206113903.png) no-repeat left center; font-weight:normal;} .return-summary table.order-table #checkboxes span:hover {cursor:pointer;} .return-summary table.order-table #checkboxes span.uncheck-all {background-image:url(/imgs/delete.20120206113905.png) } .return-summary table.order-table tr td.checkbox {width:7%; vertical-align:middle; text-align:center;} .return-summary table.order-table tr td.price {width:10%; font-size:1.091em; font-weight:bold; text-align:right;} .return-summary ul li {margin:0; padding:0; border:0; list-style:none; line-height:1.6em;} .return-summary td.product img {float:left; } .return-summary ul.return-product {margin-left:170px;} .return-summary ul.return-product li.quantity {float:left; padding-right:5px; font-size:1em; font-weight:bold;} .return-summary ul.return-product li.brand {font-size:1em; font-weight:bold; display:inline;} .return-summary ul.return-product li .color, .return-summary ul.return-product li.dim {font-weight:bold;} .return-summary ul.return-product li.dim b {text-transform:capitalize; font-weight:normal;} .return-summary ul.return-breakdown {float:right; width:48%; padding:0 15px 15px 15px; overflow:hidden; text-align:right;} .return-summary ul.return-breakdown li {width:360px; margin:0; padding:0; border:1px solid #fff; clear:both;} .return-summary ul.return-breakdown li span {float:left; width:80%; text-align:right;} .return-summary ul.return-breakdown li span.amount {float:right; width:20%;} .return-summary ul.return-breakdown li.merchandise-total {font-weight:bold; font-size:1.091em;} .return-summary ul.return-breakdown li .merchandise-total {float:none; margin-left:10px; font-size:1em;} .return-summary ul.return-breakdown li.credit {float:right; padding-top:6px; font-size:1.636em; font-weight:bold;} .return-summary ul.return-breakdown li .credit {float:none; margin-left:10px;} .return-summary form {padding-bottom:10px;} .return-summary button {margin:15px;} /* =CLT ----------------------------------------------------*/ #clt {position:fixed; top:0; z-index:10000; width:100%; padding:0 0 10px; border-bottom:9px solid #7CB27E; border-top:9px solid #7CB27E; background:#F7FCF6;} #clt .wrap {position:relative; width:970px; margin:0 auto; text-align:left;} #clt h4 {display:inline; margin-left:-10px; padding:2px 5px; color:#fff; background:#7CB27E;} #clt .view-alerts {position:absolute; top:0; right:10px; font-size:11px; font-weight:bold;} #clt a:link {color:#00f; font-weight:bold;} #clt a:hover, #clt a:active, #clt a:focus {color:#FF5300;} #clt .cart-items {margin-top:10px;} #clt .cart-items h5 {color:#FF6A00;} #clt .cart-items li {float:left; margin:15px 0 0 0; width:485px; list-style-type:none;} #clt .cart-items li.collapsed {float:left; margin:5px 0 0 0; height:25px; width:45%; list-style-type:none; font-size:.90em;} #clt .cart-items li img {float:left; height:45px; margin-right:5px;} #clt .cart-items li.collapsed img {float:none;height:auto; padding:6px 0 0 15px;} #clt .cart-items li:first-child {float:none; clear:left; margin-top:10px;} #clt .cart-items .options {margin:0 0 0 5px;} #clt .cart-items .options li:first-child {margin:0; padding:0;} #clt .cart-items .options a {font-size:10px; font-weight:normal;} #clt .cart-items li.collapsed div.imgWrap {float: right; padding-right: 10px;} .clt-pop {width: 350px;} .popover .clt-popover { padding:0 !important;} .popover .clt-popover img {float:left; height:45px; margin:-5px 5px 0 0;} .popover .clt-popover ul {margin:10px 0 10px 70px; padding:0;} .popover .clt-popover li {float:none; display:inline; margin:0 5px 0 0; padding:0 5px 0 0; list-style-type:none; border-right:1px solid #7C9FB2;} .popover .clt-popover li.first, .popover .clt-popover li:first-child, .popover .clt-popover li.last {border:none;} .popover .clt-popover li.first {display:block !important;} .popover .clt-popover li:first-child {line-height:0;} #clt .options {margin:17px 0 6px;} #clt .options li {float:none; display:inline; margin:0 7px 0 0; padding-right:8px; list-style-type:none; border-right:1px solid #7C9FB2;} #clt .options li:first-child, #clt .options li.last {border:none;} #clt .options h5 {display:inline; color:#FF6A00;} #clt .options li.izoogle {background: url(/imgs/clt/izoogle_icon.20120206113905.gif) no-repeat left 1px; padding-left: 18px;} #clt .options li.search {background: url(/imgs/clt/froogle_icon.20120206113905.gif) no-repeat left top; padding-left: 18px;} #clt .options li.zwiki {background: url(/imgs/clt/notifyme_icon.20120206113905.gif) no-repeat left top; padding:3px 0 3px 18px;} #clt h6 {width:475px; margin:7px 0 0 5px; font-weight:normal; font-size:1em; color:#555;} #clt h6 a {font-weight:bold;} #clt form button {float:left; clear:both; margin-top:20px;} #clt .fax-returns {margin-top:10px;} #clt .fax-returns h5 {padding-top:10px; display:inline; color:#FF6A00;} #clt .fax-returns ol {padding-left:15px; overflow:hidden;} #clt .fax-returns ol li {width:680px; float:left; margin:0; padding:5px 0; clear:left; list-style-type:none;} #clt .fax-returns li * {float:none;} #clt .fax-returns input {margin-top:3px; border:none;} #clt .fax-returns label {float:right; width:625px; padding-left:30px;} #clt .fax-returns button {float:none; margin-top:10px;} #clt .fax-returns .ups-labels label {background:url(/imgs/returns/ups-mini-label.20120206113850.gif) no-repeat top left;} #clt .fax-returns .usps-labels label {background:url(/imgs/returns/usps-mini-label.20120206113850.gif) no-repeat top left;} div.clt-login {width:31%; float:right; margin-top:40px; border:9px solid #7CB27E; background:#F7FCF6;} .clt-login h5 {width:100%; padding:0 0 9px 0; color:#fff; background:#7CB27E; font-size:1.091em;} .clt-login p {margin:0; padding:10px;} div.clt-options {border:9px solid #7CB27E; background:#F7FCF6;} .clt-options h5 {width:100%; padding:0 0 9px 0; color:#fff; background:#7CB27E; font-size:1.091em;} .clt-options p {margin:0; padding:10px;} /* =POPOVERS ----------------------------------------------------*/ #forgotPassPop {width:300px;} #newYorkTax {width:400px;} #euroBrandsPop {width:315px;} #euroBrandsPop h3 {width:175px;} #euroBrandsPop ul {display:inline-block; padding:5px 0; list-style:none; vertical-align: top;} #euroBrandsPop ul li {margin-left:0;} table.foodoo td {vertical-align:top; padding:0 12px; } .popover {border:1px solid #336666; min-height: 1px; border-width:0 0 2px 2px; background:#95afbd !important; padding:2px; text-align: left;} .popover div {background: #e9f0f3 !important; min-height: 1px; padding:15px;} .popover div div {border: 1px solid #95afbd; background:#fff !important; padding:0 10px; clear:both; font-size:.909em; line-height:1.75em;} .popover div div ul {padding-bottom:10px;} .popover div div ul li {margin-top:10px;} .popover div h3 {float: left; background: #e9f0f3; color:#617e8f; margin:0; padding:0 0 10px 11px;} .popover a.close {color:#369; float:right; padding-right:20px; background:url(/imgs/close.20120206113850.gif) top right no-repeat;} .popover a.close:link {color:#369; text-decoration:none;} .popover a.close:hover, .popover a.close:active, .popover a.close:focus {color:#ff5300; text-decoration:underline;} .popover img.notch {position:absolute;} .popover .button {float:none; margin-left:-3px;} .popover form {padding:10px 0;} .popover form ol {list-style:none; margin-left: 0;} .popover form ol li {margin-left: 0;} .popover form ol li input {margin-bottom: 5px;} /* =BRAND PRONUNCIATION */ #brand-rss-pronunciation {margin:10px 0; float: left; clear:left;} #brand-pronunciation-button {margin-right: 10px;} #pronunciation-replay {font-size:12px; display: block; margin-bottom:10px; width: 90px;} /* =ERRORS ----------------------------------------------------*/ #form-errors {min-height:60px; border:1px solid #fe0000; -webkit-border-radius:5px; -moz-border-radius:5px; padding:20px; margin:20px 0; background:#ffeae9; color:#fd0000;} #form-errors .messages {margin-left: 80px;} #form-errors .messages p {clear:none; margin:0 0 10px 0;} #form-errors ul {margin-left:15px;} #form-errors ul li {font-weight:bold; list-style-type:disc; margin-left:15px; line-height:14px;} #form-errors ul li ul {margin-top:10px;} #form-errors img {float:left; margin-right: 15px;} /* =ROUNDED CORNERS ----------------------------------------------------*/ .standard-header, .standard .standard-header {color:#4D4E4F; border:1px solid #CCECFF; background:#f9fcff url(/imgs/standard-header-bg.20120206113908.png) repeat-x 0 0;} .inverse-header {color:#fff; background:#7b9fb2; border:0;} .standard-container {margin-bottom:10px; border:1px solid #CCECFF;} .inverse-container {border-color:#b9cbd4;} .borderless-bottom, .standard-header {border-bottom:0;} .borderless-top {border-top:0;} .corner-container {display:block; clear:both;} /* For browsers that support pretty rounded corners, lets use them! Current that includes Webkit 3 and Firefox 3. */ .round-x, x:-moz-any-link, /* this makes sure only Firefox 3 will see this b/c FF 2's rounded corners look like poop */ x:default {-moz-border-radius:7px;} .round-x {-webkit-border-radius:7px;} .round-x-top, .standard-header, x:-moz-any-link, x:default {-moz-border-radius:7px 7px 0 0;} .round-x-top, .standard-header {-webkit-border-top-left-radius:7px; -webkit-border-top-right-radius:7px;} .round-x-bottom, .standard-container, x:-moz-any-link, x:default {-moz-border-radius:0 0 7px 7px;} .round-x-bottom, .standard-container {-webkit-border-bottom-left-radius:7px; -webkit-border-bottom-right-radius:7px; border-radius:0 0 7px 7px;} /* Password Requirements */ .password-requirements {float:right; line-height:16px;} .password-requirements h5 {margin-bottom:3px;} .password-requirements ul li {margin-left:20px; list-style-type:disc;}