/* foundation.css */ /* Requires: normalize.css */ /* Global Reset & Standards ---------------------- */ *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @font-face { font-family: 'exp-bold'; src: url('es_bold_09_19_14-webfont.eot'); src: url('es_bold_09_19_14-webfont.svg#expresssansbold') format('svg'), url('es_bold_09_19_14-webfont.eot?#iefix') format('embedded-opentype'), url('es_bold_09_19_14-webfont.woff2') format('woff2'), url('es_bold_09_19_14-webfont.woff') format('woff'), url('es_bold_09_19_14-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'exp-light'; src: url('es_light_09_19_14-webfont.eot'); src: url('es_light_09_19_14-webfont.svg#expresssanslight') format('svg'), url('es_light_09_19_14-webfont.eot?#iefix') format('embedded-opentype'), url('es_light_09_19_14-webfont.woff2') format('woff2'), url('es_light_09_19_14-webfont.woff') format('woff'), url('es_light_09_19_14-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } /*@font-face { font-family: 'exp-light'; src: url('es_light_italic_09_19_14-webfont.eot'); src: url('es_light_italic_09_19_14-webfont.svg#expresssanslight-italic') format('svg'), url('es_light_italic_09_19_14-webfont.eot?#iefix') format('embedded-opentype'), url('es_light_italic_09_19_14-webfont.woff2') format('woff2'), url('es_light_italic_09_19_14-webfont.woff') format('woff'), url('es_light_italic_09_19_14-webfont.ttf') format('truetype'); font-weight: normal; font-style: italic; }*/ @font-face { font-family: 'exp-regular'; src: url('es_reg_09_19_14-webfont.eot'); src: url('es_reg_09_19_14-webfont.svg#expresssansregular') format('svg'), url('es_reg_09_19_14-webfont.eot?#iefix') format('embedded-opentype'), url('es_reg_09_19_14-webfont.woff2') format('woff2'), url('es_reg_09_19_14-webfont.woff') format('woff'), url('es_reg_09_19_14-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } /*@font-face { font-family: 'exp-regular'; src: url('es_italic_09_19_14-webfont.eot'); src: url('es_italic_09_19_14-webfont.svg#expresssansitalic') format('svg'), url('es_italic_09_19_14-webfont.eot?#iefix') format('embedded-opentype'), url('es_italic_09_19_14-webfont.woff2') format('woff2'), url('es_italic_09_19_14-webfont.woff') format('woff'), url('es_italic_09_19_14-webfont.ttf') format('truetype'); font-weight: normal; font-style: italic; }*/ /*@font-face { font-family: 'exp-medium'; src: url('es_med_09_19_14-webfont.eot'); src: url('es_med_09_19_14-webfont.svg#expresssansmedium') format('svg'), url('es_med_09_19_14-webfont.eot?#iefix') format('embedded-opentype'), url('es_med_09_19_14-webfont.woff2') format('woff2'), url('es_med_09_19_14-webfont.woff') format('woff'), url('es_med_09_19_14-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; }*/ /*@font-face { font-family: 'exp-ultralight'; src: url('es_ul_italic_09_19_14-webfont.eot'); src: url('es_ul_italic_09_19_14-webfont.svg#expresssansultralightitalic') format('svg'), url('es_ul_italic_09_19_14-webfont.eot?#iefix') format('embedded-opentype'), url('es_ul_italic_09_19_14-webfont.woff2') format('woff2'), url('es_ul_italic_09_19_14-webfont.woff') format('woff'), url('es_ul_italic_09_19_14-webfont.ttf') format('truetype'); font-weight: normal; font-style: italic; }*/ @font-face { font-family: 'exp-ultralight'; src: url('es_ultralight_09_19_14-webfont.eot'); src: url('es_ultralight_09_19_14-webfont.svg#expresssansultralight') format('svg'), url('es_ultralight_09_19_14-webfont.eot?#iefix') format('embedded-opentype'), url('es_ultralight_09_19_14-webfont.woff2') format('woff2'), url('es_ultralight_09_19_14-webfont.woff') format('woff'), url('es_ultralight_09_19_14-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'express'; src: url('es_reg_09_19_14-webfont.eot'); src: url('es_reg_09_19_14-webfont.svg#expresssansregular') format('svg'), url('es_reg_09_19_14-webfont.eot?#iefix') format('embedded-opentype'), url('es_reg_09_19_14-webfont.woff2') format('woff2'), url('es_reg_09_19_14-webfont.woff') format('woff'), url('es_reg_09_19_14-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } /*@font-face { font-family: 'express'; src: url('es_med_09_19_14-webfont.eot'); src: url('es_med_09_19_14-webfont.svg#expresssansmedium') format('svg'), url('es_med_09_19_14-webfont.eot?#iefix') format('embedded-opentype'), url('es_med_09_19_14-webfont.woff2') format('woff2'), url('es_med_09_19_14-webfont.woff') format('woff'), url('es_med_09_19_14-webfont.ttf') format('truetype'); font-weight: 500; font-style: normal; }*/ /*@font-face { font-family: 'express'; src: url('es_italic_09_19_14-webfont.eot'); src: url('es_italic_09_19_14-webfont.svg#expresssansitalic') format('svg'), url('es_italic_09_19_14-webfont.eot?#iefix') format('embedded-opentype'), url('es_italic_09_19_14-webfont.woff2') format('woff2'), url('es_italic_09_19_14-webfont.woff') format('woff'), url('es_italic_09_19_14-webfont.ttf') format('truetype'); font-weight: normal; font-style: italic; }*/ @font-face { font-family: 'express'; src: url('es_bold_09_19_14-webfont.eot'); src: url('es_bold_09_19_14-webfont.svg#expresssansbold') format('svg'), url('es_bold_09_19_14-webfont.eot?#iefix') format('embedded-opentype'), url('es_bold_09_19_14-webfont.woff2') format('woff2'), url('es_bold_09_19_14-webfont.woff') format('woff'), url('es_bold_09_19_14-webfont.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'express'; src: url('es_light_09_19_14-webfont.eot'); src: url('es_light_09_19_14-webfont.svg#expresssanslight') format('svg'), url('es_light_09_19_14-webfont.eot?#iefix') format('embedded-opentype'), url('es_light_09_19_14-webfont.woff2') format('woff2'), url('es_light_09_19_14-webfont.woff') format('woff'), url('es_light_09_19_14-webfont.ttf') format('truetype'); font-weight: 200; font-style: normal; } @font-face { font-family: 'express'; src: url('es_ultralight_09_19_14-webfont.eot'); src: url('es_ultralight_09_19_14-webfont.svg#expresssansultralight') format('svg'), url('es_ultralight_09_19_14-webfont.eot?#iefix') format('embedded-opentype'), url('es_ultralight_09_19_14-webfont.woff2') format('woff2'), url('es_ultralight_09_19_14-webfont.woff') format('woff'), url('es_ultralight_09_19_14-webfont.ttf') format('truetype'); font-weight: 100; font-style: normal; } /*@font-face { font-family: 'express'; src: url('es_ul_italic_09_19_14-webfont.eot'); src: url('es_ul_italic_09_19_14-webfont.svg#expresssansultralightitalic') format('svg'), url('es_ul_italic_09_19_14-webfont.eot?#iefix') format('embedded-opentype'), url('es_ul_italic_09_19_14-webfont.woff2') format('woff2'), url('es_ul_italic_09_19_14-webfont.woff') format('woff'), url('es_ul_italic_09_19_14-webfont.ttf') format('truetype'); font-weight: 100; font-style: italic; }*/ /*@font-face { font-family: 'express'; src: url('es_light_italic_09_19_14-webfont.eot'); src: url('es_light_italic_09_19_14-webfont.svg#expresssanslight-italic') format('svg'), url('es_light_italic_09_19_14-webfont.eot?#iefix') format('embedded-opentype'), url('es_light_italic_09_19_14-webfont.woff2') format('woff2'), url('es_light_italic_09_19_14-webfont.woff') format('woff'), url('es_light_italic_09_19_14-webfont.ttf') format('truetype'); font-weight: 200; font-style: italic; }*/ html { font-size: 62.5%; } /*,Arial, sans-serif, "Helvetica Neue", "Helvetica", Helvetica*/ body { background: white; font-weight: normal; font-style: normal; font-size: 14px; line-height: 1; color: #575757; position: relative; -webkit-font-smoothing: antialiased; } /* Links ---------------------- */ a img { border: none; } a { color: #3895ad; line-height: inherit; } a:hover { color: #0c687f; } a:focus { color: #0c687f; } p a, p a:visited { line-height: inherit; } /* Misc ---------------------- */ .left { float: left; } .right { float: right; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .hide { display: none; } .hide-override { display: none !important; } .highlight { background: #ffff99; } #googlemap img, object, embed { max-width: none; } #map_canvas embed { max-width: none; } #map_canvas img { max-width: none; } #map_canvas object { max-width: none; } /* Reset for strange margins by default on
elements */ figure { margin: 0; } /* Base Type Styles Using Modular Scale ---------------------- */ body{margin: 0; padding: 0; font-size: 14px; direction: ltr;} div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {font-family: 'exp-regular'; margin: 0; padding: 0; font-size: 14px; direction: ltr; } p { font-family: 'exp-regular'; font-weight: normal; font-size: 14px; line-height: 1.2em; margin-bottom: 17px; } p.lead { font-size: 17.5px; line-height: 1.6; margin-bottom: 17px; } aside p { font-size: 13px; line-height: 1.35; font-style: italic; } h1, h2, h3, h4, h5, h6 { font-family: 'exp-bold'; font-weight: normal; font-style: normal; color: #222222; text-rendering: optimizeLegibility; line-height: 1.1; margin-bottom: 14px; margin-top: 14px; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; } h1 { font-size: 44px; } h2 { font-size: 37px; } h3 { font-size: 27px; } h4 { font-size: 23px; } h5 { font-size: 17px; } h6 { font-size: 14px; } hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 22px 0 21px; height: 0; } .subheader { line-height: 1.3; color: #6f6f6f; font-weight: 300; margin-bottom: 17px; } em, i { font-style: italic; line-height: inherit; } strong, b { font-family: 'exp-medium'; font-weight: normal; line-height: inherit; } small { font-size: 60%; line-height: inherit; } code { font-weight: bold; background: #ffff99; } /* Lists ---------------------- */ ul, ol, dl { font-size: 14px; line-height: 1.6; margin-bottom: 17px; list-style-position: outside; } ul li ul, ul li ol { margin-left: 20px; margin-bottom: 0; } ul.square, ul.circle, ul.disc { margin-left: 17px; } ul.square { list-style-type: square; } ul.square li ul { list-style: inherit; } ul.circle { list-style-type: circle; } ul.circle li ul { list-style: inherit; } ul.disc { list-style-type: disc; } ul.disc li ul { list-style: inherit; } ul.no-bullet { list-style: none; } ul.large li { line-height: 21px; } ol { margin-left: 20px; } ol li ul, ol li ol { margin-left: 20px; margin-bottom: 0; } /* Blockquotes ---------------------- */ blockquote, blockquote p { line-height: 1.5; color: #6f6f6f; } blockquote { margin: 0 0 17px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; } blockquote cite { display: block; font-size: 13px; color: #555555; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited { color: #555555; } abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222222; border-bottom: 1px solid #ddd; cursor: help; } abbr { text-transform: none; } /* Print styles. Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com) */ .print-only { display: none !important; } @media print { * { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */ a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* h5bp.com/t */ tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .hide-on-print { display: none !important; } .print-only { display: block !important; } .hide-for-print { display: none !important; } .show-for-print { display: inherit !important; } } /* Requires globals.css */ /* Standard Forms ---------------------- */ form { margin: 0 0 19.41641px; } .row form .row { margin: 0 -6px; } .row form .row .column, .row form .row .columns { padding: 0 6px; } .row form .row.collapse { margin: 0; } .row form .row.collapse .column, .row form .row.collapse .columns { padding: 0; } label { font-size: 14px; color: #4d4d4d; cursor: pointer; display: block; margin-bottom: 3px; } label.right { float: none; text-align: right; } label.inline { line-height: 32px; margin: 0 0 12px 0; } .prefix, .postfix { display: block; position: relative; z-index: 2; text-align: center; width: 100%; padding-top: 0; padding-bottom: 0; height: 32px; line-height: 31px; } a.button.prefix, a.button.postfix { padding-left: 0; padding-right: 0; text-align: center; } span.prefix, span.postfix { background: #f2f2f2; border: 1px solid #cccccc; } .prefix { left: 2px; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; overflow: hidden; } .postfix { right: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; } input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { background-color: white; font-family: 'exp-regular',arial; border: 1px solid #cccccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); display: block; font-size: 14px; margin: 0 0 12px 0; padding: 6px; height: 32px; width: 100%; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; } input[type="text"].oversize, input[type="password"].oversize, input[type="date"].oversize, input[type="datetime"].oversize, input[type="email"].oversize, input[type="number"].oversize, input[type="search"].oversize, input[type="tel"].oversize, input[type="time"].oversize, input[type="url"].oversize, textarea.oversize { font-size: 17px; padding: 4px 6px; } input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { background: #fff; border-color: #000; } input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] { background-color: #ddd; } textarea { height: auto; } select { width: 100%; } /* Fieldsets */ fieldset { border: solid 1px #ddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 12px 12px 0; margin: 18px 0; } fieldset legend { background: white; padding: 0 3px; margin: 0; margin-left: -3px; } /* Errors */ .error input, input.error, .error textarea, textarea.error { border-color: #c60f13; background-color: rgba(198, 15, 19, 0.1); } .error label, label.error { color: #c60f13; } .error small, small.error { display: block; padding: 6px 4px; margin-top: -13px; margin-bottom: 12px; background: #c60f13; color: #fff; font-size: 12px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; } .error textarea:focus, textarea.error:focus { background: #fafafa; border-color: #b3b3b3; } /* The Grid ---------------------- */ .row { width: 1348px; max-width: 100%; min-width: 600px; margin: 0 auto; } .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -2px; } .row.collapse .column, .row.collapse .columns { padding: 0; } .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -2px; } .row .row.collapse { margin: 0; } .column, .columns { float: left; min-height: 1px; padding: 0 2px; position: relative; } .column.centered, .columns.centered { float: none; margin: 0 auto; } [class*="column"] + [class*="column"]:last-child { float: right; } [class*="column"] + [class*="column"].end { float: left; } .one, .row .one { width: 8.33333%; } .two, .row .two { width: 16.66667%; } .three, .row .three { width: 25%; } .four, .row .four { width: 33.33333%; } .five, .row .five { width: 41.66667%; } .six, .row .six { width: 50%; } .seven, .row .seven { width: 58.33333%; } .eight, .row .eight { width: 66.66667%; } .nine, .row .nine { width: 75%; } .ten, .row .ten { width: 83.33333%; } .eleven, .row .eleven { width: 91.66667%; } .twelve, .row .twelve { width: 100%; } .row .offset-by-one { margin-left: 8.33333%; } .row .offset-by-two { margin-left: 16.66667%; } .row .offset-by-three { margin-left: 25%; } .row .offset-by-four { margin-left: 33.33333%; } .row .offset-by-five { margin-left: 41.66667%; } .row .offset-by-six { margin-left: 50%; } .row .offset-by-seven { margin-left: 58.33333%; } .row .offset-by-eight { margin-left: 66.66667%; } .row .offset-by-nine { margin-left: 75%; } .row .offset-by-ten { margin-left: 83.33333%; } .push-two { left: 16.66667%; } .pull-two { right: 16.66667%; } .push-three { left: 25%; } .pull-three { right: 25%; } .push-four { left: 33.33333%; } .pull-four { right: 33.33333%; } .push-five { left: 41.66667%; } .pull-five { right: 41.66667%; } .push-six { left: 50%; } .pull-six { right: 50%; } .push-seven { left: 58.33333%; } .pull-seven { right: 58.33333%; } .push-eight { left: 66.66667%; } .pull-eight { right: 66.66667%; } .push-nine { left: 75%; } .pull-nine { right: 75%; } .push-ten { left: 83.33333%; } .pull-ten { right: 83.33333%; } img, object, embed { max-width: 100%; height: auto; } object, embed { height: 100%; } img { -ms-interpolation-mode: bicubic; } #map_canvas img, .map_canvas img { max-width: none!important; } /* medium grid */ @media only screen and (min-width: 768px) and (max-width: 999px) { .medium-push-0 { position: relative; left: 0%; right: auto; } .medium-pull-0 { position: relative; right: 0%; left: auto; } .medium-push-1 { position: relative; left: 8.33333%; right: auto; } .medium-pull-1 { position: relative; right: 8.33333%; left: auto; } .medium-push-2 { position: relative; left: 16.66667%; right: auto; } .medium-pull-2 { position: relative; right: 16.66667%; left: auto; } .medium-push-3 { position: relative; left: 25%; right: auto; } .medium-pull-3 { position: relative; right: 25%; left: auto; } .medium-push-4 { position: relative; left: 33.33333%; right: auto; } .medium-pull-4 { position: relative; right: 33.33333%; left: auto; } .medium-push-5 { position: relative; left: 41.66667%; right: auto; } .medium-pull-5 { position: relative; right: 41.66667%; left: auto; } .medium-push-6 { position: relative; left: 50%; right: auto; } .medium-pull-6 { position: relative; right: 50%; left: auto; } .medium-push-7 { position: relative; left: 58.33333%; right: auto; } .medium-pull-7 { position: relative; right: 58.33333%; left: auto; } .medium-push-8 { position: relative; left: 66.66667%; right: auto; } .medium-pull-8 { position: relative; right: 66.66667%; left: auto; } .medium-push-9 { position: relative; left: 75%; right: auto; } .medium-pull-9 { position: relative; right: 75%; left: auto; } .medium-push-10 { position: relative; left: 83.33333%; right: auto; } .medium-pull-10 { position: relative; right: 83.33333%; left: auto; } .medium-push-11 { position: relative; left: 91.66667%; right: auto; } .medium-pull-11 { position: relative; right: 91.66667%; left: auto; } .column, .columns { position: relative; padding-left: 0.14285em; padding-right: 0.14285em; float: left; } .row .medium-1 { width: 8.33333%; } .row .medium-2 { width: 16.66667%; } .row .medium-3 { width: 25%; } .row .medium-4 { width: 33.33333%; } .row .medium-5 { width: 41.66667%; } .row .medium-6 { width: 50%; } .row .medium-7 { width: 58.33333%; } .row .medium-8 { width: 66.66667%; } .row .medium-9 { width: 75%; } .row .medium-10 { width: 83.33333%; } .row .medium-11 { width: 91.66667%; } .row .medium-12 { width: 100%; } .row [class*="column"] + [class*="column"]:last-child { float: right; } .row [class*="column"] + [class*="column"].end { float: left; } .medium-offset-0 { margin-left: 0% !important; } .medium-offset-1 { margin-left: 8.33333% !important; } .medium-offset-2 { margin-left: 16.66667% !important; } .medium-offset-3 { margin-left: 25% !important; } .medium-offset-4 { margin-left: 33.33333% !important; } .medium-offset-5 { margin-left: 41.66667% !important; } .medium-offset-6 { margin-left: 50% !important; } .medium-offset-7 { margin-left: 58.33333% !important; } .medium-offset-8 { margin-left: 66.66667% !important; } .medium-offset-9 { margin-left: 75% !important; } .medium-offset-10 { margin-left: 83.33333% !important; } .medium-offset-11 { margin-left: 91.66667% !important; } .medium-reset-order, .medium-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } .column.medium-centered, .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; } .column.medium-uncentered, .columns.medium-uncentered { margin-left: 0; margin-right: 0; float: left !important; } .column.medium-uncentered.opposite, .columns.medium-uncentered.opposite { float: right; } .push-0 { position: relative; left: 0%; right: auto; } .pull-0 { position: relative; right: 0%; left: auto; } .push-1 { position: relative; left: 8.33333%; right: auto; } .pull-1 { position: relative; right: 8.33333%; left: auto; } .push-2 { position: relative; left: 16.66667%; right: auto; } .pull-2 { position: relative; right: 16.66667%; left: auto; } .push-3 { position: relative; left: 25%; right: auto; } .pull-3 { position: relative; right: 25%; left: auto; } .push-4 { position: relative; left: 33.33333%; right: auto; } .pull-4 { position: relative; right: 33.33333%; left: auto; } .push-5 { position: relative; left: 41.66667%; right: auto; } .pull-5 { position: relative; right: 41.66667%; left: auto; } .push-6 { position: relative; left: 50%; right: auto; } .pull-6 { position: relative; right: 50%; left: auto; } .push-7 { position: relative; left: 58.33333%; right: auto; } .pull-7 { position: relative; right: 58.33333%; left: auto; } .push-8 { position: relative; left: 66.66667%; right: auto; } .pull-8 { position: relative; right: 66.66667%; left: auto; } .push-9 { position: relative; left: 75%; right: auto; } .pull-9 { position: relative; right: 75%; left: auto; } .push-10 { position: relative; left: 83.33333%; right: auto; } .pull-10 { position: relative; right: 83.33333%; left: auto; } .push-11 { position: relative; left: 91.66667%; right: auto; } .pull-11 { position: relative; right: 91.66667%; left: auto; } } /* Nicolas Gallagher's micro clearfix */ .row { *zoom: 1; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } /* CSS for jQuery Reveal Plugin Maintained for Foundation. foundation.zurb.com Free to use under the MIT license. http://www.opensource.org/licenses/mit-license.php */ /* Reveal Modals ---------------------- */ .reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: #000; background: rgba(0, 0, 0, 0.45); z-index: 40; display: none; top: 0; left: 0; } .reveal-modal { background: #fff; visibility: hidden; display: none; top: 180px; left: 50%; margin-left: -260px; width: 520px; position: absolute; z-index: 41; padding: 30px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); } .reveal-modal .close-reveal-modal { font-size: 22px; font-size: 2.2rem; line-height: .5; position: absolute; top: 8px; right: 11px; color: #aaa; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6); cursor: pointer; } .reveal-modal.tiny {width: 20%; margin-left: -15%; } .reveal-modal.small { width: 30%; margin-left: -15%; } .reveal-modal.medium { width: 40%; margin-left: -20%; } .reveal-modal.large { width: 60%; margin-left: -30%; } .reveal-modal.xlarge { width: 70%; margin-left: -35%; } .reveal-modal.expand { width: 90%; margin-left: -45%; } .reveal-modal .row { min-width: 0; margin-bottom: 10px; } .reveal-modal > :first-child { margin-top: 0; } .reveal-modal > :last-child { margin-bottom: 0; } @media print { div:not(.reveal-modal) { display: none; } .reveal-modal { border: solid 1px #000; background: #fff; } } /* Table of Contents :: Visibility :: Alerts :: Labels :: Tooltips - REMOVED :: Panels :: Accordion - REMOVED :: Side Nav - REMOVED :: Sub Nav - REMOVED :: Pagination - REMOVED :: Breadcrumbs - REMOVED :: Lists :: Inline/Link Lists :: Keystroke Chars - REMOVED :: Image Thumbnails :: Video :: Tables :: Microformats - REMOVED :: Progress Bars - REMOVED :: Pricing Tables - REMOVED */ /* Alerts ---------------------- */ div.alert-box { display: block; padding: 6px 7px 7px; font-weight: bold; font-size: 14px; color: white; background-color: #2ba6cb; border: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); position: relative; } div.alert-box.success { background-color: #5da423; color: #fff; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); } div.alert-box.alert { background-color: #c60f13; color: #fff; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); } div.alert-box.secondary { background-color: #e9e9e9; color: #505050; text-shadow: 0 1px rgba(255, 255, 255, 0.3); } div.alert-box a.close { color: #333; position: absolute; right: 4px; top: -1px; font-size: 17px; opacity: 0.2; padding: 4px; } div.alert-box a.close:hover, div.alert-box a.close:focus { opacity: 0.4; } /* Labels ---------------------- */ .label { padding: 1px 4px 2px; font-size: 12px; text-align: center; text-decoration: none; line-height: 1; white-space: nowrap; display: inline; position: relative; bottom: 1px; color: #fff; background: #2ba6cb; } .label.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .label.round { padding: 1px 7px 2px; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; } .label.alert { background-color: #c60f13; } .label.success { background-color: #5da423; } .label.secondary { background-color: #e9e9e9; color: #505050; } /* Panels ---------------------- */ .panel { background: #f2f2f2; border: solid 1px #e6e6e6; margin: 0 0 22px 0; padding: 20px; } .panel > :first-child { margin-top: 0; } .panel > :last-child { margin-bottom: 0; } .panel.callout { background: #2ba6cb; color: #fff; border-color: #2284a1; -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); } .panel.callout a { color: #fff; } .panel.callout .button { background: white; border: none; color: #2ba6cb; text-shadow: none; } .panel.callout .button:hover, .panel.callout .button:focus { background: rgba(255, 255, 255, 0.8); } .panel.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } /* Inline Link List */ ul.inline-list, ul.link-list { margin: 0 0 17px -22px; padding: 0; list-style: none; overflow: hidden; } ul.inline-list > li, ul.link-list > li { list-style: none; float: left; margin-left: 22px; display: block; } ul.inline-list > li > *, ul.link-list > li > * { display: block; } /* Image Thumbnails ---------------------- */ .th { display: block; } .th img { display: block; border: solid 4px #fff; -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-transition-property: box-shadow; -moz-transition-property: box-shadow; -o-transition-property: box-shadow; transition-property: box-shadow; -webkit-transition-duration: 300ms; -moz-transition-duration: 300ms; -o-transition-duration: 300ms; transition-duration: 300ms; } .th:hover img, .th:focus img { -webkit-box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5); -moz-box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5); box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5); } /* Video - Mad props to http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/ ---------------------- */ .flex-video { position: relative; padding-top: 25px; padding-bottom: 67.5%; height: 0; margin-bottom: 16px; overflow: hidden; } .flex-video.widescreen { padding-bottom: 57.25%; } .flex-video.vimeo { padding-top: 0; } .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Tables ---------------------- */ table { background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; margin: 0 0 18px; border: 1px solid #ddd; } table thead, table tfoot { background: #f5f5f5; } table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td { display: table-cell; font-size: 14px; line-height: 18px; text-align: left; } table thead tr th, table tfoot tr td { padding: 8px 10px 9px; font-size: 14px; color: #222; } table thead tr th:first-child, table tfoot tr td:first-child { border-left: none; } table thead tr th:last-child, table tfoot tr td:last-child { border-right: none; } table tbody tr.even, table tbody tr.alt { background: #f9f9f9; } table tbody tr:nth-child(even) { background: #f9f9f9; } table tbody tr td { color: #333; padding: 9px 10px; vertical-align: top; border: none; } /* Visibility Classes ---------------------- */ /* */ /* Standard (large) display targeting */ .show-for-small, .show-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .show-for-xlarge, .show-for-print { display: none !important; } .hide-for-small, .hide-for-medium, .hide-for-medium-down, .show-for-large, .show-for-large-up, .hide-for-xlarge, .hide-for-print { display: inherit !important; } /* Very large display targeting */ @media only screen and (min-width: 1441px) { .hide-for-small, .hide-for-medium, .hide-for-medium-down, .hide-for-large, .show-for-large-up, .show-for-xlarge { display: inherit !important; } .show-for-small, .show-for-medium, .show-for-medium-down, .show-for-large, .hide-for-large-up, .hide-for-xlarge { display: none !important; } } /* Medium display targeting */ @media only screen and (max-width: 999px) and (min-width: 768px) { .hide-for-small, .show-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .hide-for-xlarge { display: inherit !important; } .show-for-small, .hide-for-medium, .hide-for-medium-down, .show-for-large, .show-for-large-up, .show-for-xlarge { display: none !important; } } /* Small display targeting */ @media only screen and (max-width: 767px) { .show-for-small, .hide-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .hide-for-xlarge { display: inherit !important; } .hide-for-small, .show-for-medium, .hide-for-medium-down, .show-for-large, .show-for-large-up, .show-for-xlarge { display: none !important; } } /* Orientation targeting */ .show-for-landscape, .hide-for-portrait { display: inherit !important; } .hide-for-landscape, .show-for-portrait { display: none !important; } @media screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: inherit !important; } .hide-for-landscape, .show-for-portrait { display: none !important; } } @media screen and (orientation: portrait) { .show-for-portrait, .hide-for-landscape { display: inherit !important; } .hide-for-portrait, .show-for-landscape { display: none !important; } } /* Touch-enabled device targeting */ .show-for-touch { display: none !important; } .hide-for-touch { display: inherit !important; } .touch .show-for-touch { display: inherit !important; } .touch .hide-for-touch { display: none !important; } /* Specific overrides for elements that require something other than display: block */ table.show-for-xlarge, table.show-for-large, table.hide-for-small, table.hide-for-medium { display: table !important; } @media only screen and (max-width: 1347px) and (min-width: 600px) { .touch table.hide-for-xlarge, .touch table.hide-for-large, .touch table.hide-for-small, .touch table.show-for-medium { display: table !important; } } @media only screen and (max-width: 767px) { table.hide-for-xlarge, table.hide-for-large, table.hide-for-medium, table.show-for-small { display: table !important; } } /* 1280 tablet ------------ */ @media only screen and (max-device-width: 1348px) { /* NavBar --- */ /* */ .touch .nav-bar li.has-flyout > a { padding-right: 36px !important; } } /* Covering almost all ----- */ @media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1348px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 599px) { .flex-video { padding-top: 0; } } @media only screen and (min-width: 999px) { .large-block-grid-1 > li { width: 100%; list-style: none; } .large-block-grid-1 > li:nth-of-type(1n) { clear: none; } .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } .large-block-grid-2 > li { width: 50%; list-style: none; } .large-block-grid-2 > li:nth-of-type(1n) { clear: none; } .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } .large-block-grid-3 > li { width: 33.33333%; list-style: none; } .large-block-grid-3 > li:nth-of-type(1n) { clear: none; } .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } .large-block-grid-4 > li { width: 25%; list-style: none; } .large-block-grid-4 > li:nth-of-type(1n) { clear: none; } .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } .large-block-grid-5 > li { width: 20%; list-style: none; } .large-block-grid-5 > li:nth-of-type(1n) { clear: none; } .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } .large-block-grid-6 > li { width: 16.66667%; list-style: none; } .large-block-grid-6 > li:nth-of-type(1n) { clear: none; } .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } .large-block-grid-7 > li { width: 14.28571%; list-style: none; } .large-block-grid-7 > li:nth-of-type(1n) { clear: none; } .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } .large-block-grid-8 > li { width: 12.5%; list-style: none; } .large-block-grid-8 > li:nth-of-type(1n) { clear: none; } .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } .large-block-grid-9 > li { width: 11.11111%; list-style: none; } .large-block-grid-9 > li:nth-of-type(1n) { clear: none; } .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } .large-block-grid-10 > li { width: 10%; list-style: none; } .large-block-grid-10 > li:nth-of-type(1n) { clear: none; } .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } .large-block-grid-11 > li { width: 9.09091%; list-style: none; } .large-block-grid-11 > li:nth-of-type(1n) { clear: none; } .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } .large-block-grid-12 > li { width: 8.33333%; list-style: none; } .large-block-grid-12 > li:nth-of-type(1n) { clear: none; } .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 768px) and (max-width: 999px) { .medium-block-grid-1 > li { width: 100%; list-style: none; } .medium-block-grid-1 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } .medium-block-grid-2 > li { width: 50%; list-style: none; } .medium-block-grid-2 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } .medium-block-grid-3 > li { width: 33.33333%; list-style: none; } .medium-block-grid-3 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } .medium-block-grid-4 > li { width: 25%; list-style: none; } .medium-block-grid-4 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } .medium-block-grid-5 > li { width: 20%; list-style: none; } .medium-block-grid-5 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } .medium-block-grid-6 > li { width: 16.66667%; list-style: none; } .medium-block-grid-6 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } .medium-block-grid-7 > li { width: 14.28571%; list-style: none; } .medium-block-grid-7 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } .medium-block-grid-8 > li { width: 12.5%; list-style: none; } .medium-block-grid-8 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } .medium-block-grid-9 > li { width: 11.11111%; list-style: none; } .medium-block-grid-9 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } .medium-block-grid-10 > li { width: 10%; list-style: none; } .medium-block-grid-10 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } .medium-block-grid-11 > li { width: 9.09091%; list-style: none; } .medium-block-grid-11 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } .medium-block-grid-12 > li { width: 8.33333%; list-style: none; } .medium-block-grid-12 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } /* Between Medium and Small */ @media only screen and (max-width: 1348px) and (min-width: 600px) { /* NavBar --- */ /* */ .touch .nav-bar li a { font-size: 13px; } .touch .nav-bar li.has-flyout > a.flyout-toggle { padding: 20px !important; } .touch .nav-bar li.has-flyout > a { padding-right: 36px !important; } /* Clearing --- */ /* */ .clearing-main-right, .clearing-main-left { height: 100%; width: 40px; top: 0; border: none; } .clearing-main-right:before, .clearing-main-left:before { position: absolute; top: 50%; } .clearing-main-left { left: 0; } .clearing-main-left:before { left: 5px; content: ""; display: block; width: 0; height: 0; border: solid 16px; border-color: transparent white transparent transparent; } .clearing-main-right { height: 100%; right: 0; } .clearing-main-right:before { content: ""; display: block; width: 0; height: 0; border: solid 16px; border-color: transparent transparent transparent white; } } /* Small Devices ------------ */ @media only screen and (max-width: 767px) { /* Global Misc --- */ /* */ .left, .right { float: none; } body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } /* The Grid --- */ /* */ .row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; } .column, .columns { width: auto !important; float: none; } .column:last-child, .columns:last-child { float: none; } [class*="column"] + [class*="column"]:last-child { float: none; } .column:before, .columns:before, .column:after, .columns:after { content: ""; display: table; } .column:after, .columns:after { clear: both; } .offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten { margin-left: 0 !important; } .push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten { left: auto; } .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten { right: auto; } /* Mobile 4-column Grid */ .row .mobile-one { width: 25% !important; float: left; padding: 0 15px; } .row .mobile-one:last-child { float: right; } .row .mobile-one.end { float: left; } .row.collapse .mobile-one { padding: 0; } .row .mobile-two { width: 50% !important; float: left; padding: 0 15px; } .row .mobile-two:last-child { float: right; } .row .mobile-two.end { float: left; } .row.collapse .mobile-two { padding: 0; } .row .mobile-three { width: 75% !important; float: left; padding: 0 15px; } .row .mobile-three:last-child { float: right; } .row .mobile-three.end { float: left; } .row.collapse .mobile-three { padding: 0; } .row .mobile-four { width: 100% !important; float: left; padding: 0 15px; } .row .mobile-four:last-child { float: right; } .row .mobile-four.end { float: left; } .row.collapse .mobile-four { padding: 0; } .push-one-mobile { left: 25%; } .pull-one-mobile { right: 25%; } .push-two-mobile { left: 50%; } .pull-two-mobile { right: 50%; } .push-three-mobile { left: 75%; } .pull-three-mobile { right: 75%; } /* Block Grids --- */ /* */ .small-block-grid-1 > li { width: 100%; list-style: none; } .small-block-grid-1 > li:nth-of-type(1n) { clear: none; } .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } .small-block-grid-2 > li { width: 50%; list-style: none; } .small-block-grid-2 > li:nth-of-type(1n) { clear: none; } .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } .small-block-grid-3 > li { width: 33.33333%; list-style: none; } .small-block-grid-3 > li:nth-of-type(1n) { clear: none; } .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } .small-block-grid-4 > li { width: 25%; list-style: none; } .small-block-grid-4 > li:nth-of-type(1n) { clear: none; } .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } .small-block-grid-5 > li { width: 20%; list-style: none; } .small-block-grid-5 > li:nth-of-type(1n) { clear: none; } .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } .small-block-grid-6 > li { width: 16.66667%; list-style: none; } .small-block-grid-6 > li:nth-of-type(1n) { clear: none; } .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } .small-block-grid-7 > li { width: 14.28571%; list-style: none; } .small-block-grid-7 > li:nth-of-type(1n) { clear: none; } .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } .small-block-grid-8 > li { width: 12.5%; list-style: none; } .small-block-grid-8 > li:nth-of-type(1n) { clear: none; } .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } .small-block-grid-9 > li { width: 11.11111%; list-style: none; } .small-block-grid-9 > li:nth-of-type(1n) { clear: none; } .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } .small-block-grid-10 > li { width: 10%; list-style: none; } .small-block-grid-10 > li:nth-of-type(1n) { clear: none; } .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } .small-block-grid-11 > li { width: 9.09091%; list-style: none; } .small-block-grid-11 > li:nth-of-type(1n) { clear: none; } .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } .small-block-grid-12 > li { width: 8.33333%; list-style: none; } .small-block-grid-12 > li:nth-of-type(1n) { clear: none; } .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } /* Forms --- */ /* */ /* Label alignment */ label.right { text-align: left; } /* Buttons --- */ /* */ /* Basic overrides */ .button { display: block; } button.button, input[type="submit"].button { width: 100%; padding-left: 0; padding-right: 0; } /* Button Groups */ .button-group button.button, .button-group input[type="submit"].button { width: auto; padding: 10px 20px 11px; } .button-group button.button.large, .button-group input[type="submit"].button.large { padding: 15px 30px 16px; } .button-group button.button.medium, .button-group input[type="submit"].button.medium { padding: 10px 20px 11px; } .button-group button.button.small, .button-group input[type="submit"].button.small { padding: 7px 14px 8px; } .button-group button.button.tiny, .button-group input[type="submit"].button.tiny { padding: 5px 10px 6px; } .button-group.even button.button, .button-group.even input[type="submit"].button { width: 100%; padding-left: 0; padding-right: 0; } /* Reveal --- */ /* */ .reveal-modal-bg { position: absolute; } .reveal-modal, .reveal-modal.tiny, .reveal-modal.small, .reveal-modal.medium, .reveal-modal.large, .reveal-modal.xlarge { width: 80%; top: 15px; left: 50%; margin-left: -40%; padding: 20px; height: auto; } /* Clearing --- */ /* */ .clearing-container { margin: 0; } .clearing-close { z-index: 99; font-size: 37px; top: 0px; right: 5px; } .clearing-caption { position: fixed; bottom: 0; left: 0; padding: 10px !important; line-height: 1.3; } .clearing-main-right, .clearing-main-left { display: none; } .clearing-blackout.clearing-assembled .visible-img, .clearing-blackout.clearing-assembled .clearing-container { height: 100%; } .clearing-blackout.clearing-assembled ul[data-clearing] { display: none; } /* Joyride --- */ /* */ .joyride-tip-guide { width: 95% !important; left: 2.5% !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .joyride-tip-guide-wrapper { width: 100%; } /* Tabs --- */ /* */ .tabs.mobile { width: auto; margin: 20px -20px 40px; border-bottom: solid 1px #ccc; height: auto; margin: 20px -15px 0px -15px; } .tabs.mobile dt, .tabs.mobile li, .tabs.mobile dd { float: none; height: auto; } .tabs.mobile dd a, .tabs.mobile li a { font-size: 15px; display: block; width: auto; height: auto; padding: 18px 20px; margin: 0; color: #555; line-height: 1; border: none; border-left: none; border-right: none; border-top: 1px solid #ccc; background: #fff; } .tabs.mobile dd a.active, .tabs.mobile li a.active { border: none; background: #2ba6cb; color: #fff; margin: 0; position: static; top: 0; height: auto; } .tabs.mobile dd:first-child, .tabs.mobile li:first-child { padding-left: 20px !important; } .tabs.mobile dd:first-child a.active, .tabs.mobile li:first-child a.active { margin: 0; } .tabs.mobile + .tabs-content.contained { margin-left: -15px; margin-right: -15px; } .contained.mobile { margin-bottom: 0; } .contained.tabs.mobile dd a, .contained.tabs.mobile li a { padding: 18px 20px; } .tabs.mobile + ul.contained { margin-left: -20px; margin-right: -20px; border-width: 0 0 1px 0; } } .lt-ie9 .large-block-grid-1 > li { width: 100%; list-style: none; } .lt-ie9 .large-block-grid-2 > li { width: 50%; list-style: none; } .lt-ie9 .large-block-grid-3 > li { width: 33.33333%; list-style: none; } .lt-ie9 .large-block-grid-4 > li { width: 25%; list-style: none; } .lt-ie9 .large-block-grid-5 > li { width: 20%; list-style: none; } .lt-ie9 .large-block-grid-6 > li { width: 16.66667%; list-style: none; } .lt-ie9 .large-block-grid-7 > li { width: 14.28571%; list-style: none; } .lt-ie9 .large-block-grid-8 > li { width: 12.5%; list-style: none; } .lt-ie9 .large-block-grid-9 > li { width: 11.11111%; list-style: none; } .lt-ie9 .large-block-grid-10 > li { width: 10%; list-style: none; } .lt-ie9 .large-block-grid-11 > li { width: 9.09091%; list-style: none; } .lt-ie9 .large-block-grid-12 > li { width: 8.33333%; list-style: none; } /* Block Grids --- */ /* */ .lt-ie9.lt-768 .small-block-grid-1 > li { width: 100%; list-style: none; } .lt-ie9.lt-768 .small-block-grid-2 > li { width: 50%; list-style: none; } .lt-ie9.lt-768 .small-block-grid-3 > li { width: 33.33333%; list-style: none; } .lt-ie9.lt-768 .small-block-grid-4 > li { width: 25%; list-style: none; } .lt-ie9.lt-768 .small-block-grid-5 > li { width: 20%; list-style: none; } .lt-ie9.lt-768 .small-block-grid-6 > li { width: 16.66667%; list-style: none; } .lt-ie9.lt-768 .small-block-grid-7 > li { width: 14.28571%; list-style: none; } .lt-ie9.lt-768 .small-block-grid-8 > li { width: 12.5%; list-style: none; } .lt-ie9.lt-768 .small-block-grid-9 > li { width: 11.11111%; list-style: none; } .lt-ie9.lt-768 .small-block-grid-10 > li { width: 10%; list-style: none; } .lt-ie9.lt-768 .small-block-grid-11 > li { width: 9.09091%; list-style: none; } .lt-ie9.lt-768 .small-block-grid-12 > li { width: 8.33333%; list-style: none; } /* app.css */ /* TABLE OF CONTENTS -- Custom Fonts IE FIXES - should be removed -- Foundation Overrides or Customization -- Desktop Styles -- Desktop Style HEAD -- Desktop Style CONTENT -- Desktop Style LEFT SECTIONS -- Desktop Style RIGHT SECTIONS -- Desktop Style FOOTER -- Forms -- Validation -- Carousel -- Tooltips -- CTAs -- Gifting Options -- Total Savings -- Bag Styles -- Login -> All Browser + IE 10,9,8,7 + Responsive -- Review order -- Order confirmation -- Modal -- Desktop IE Specific: ie10 / ie9 / ie8 / ie7 -- Mobile -- Mobile Style FOOTER -- Tablet -- Tablet Style FOOTER -- Ajax Specific */ /*FIX FOR IE CUSTOM WEB FONTS*/ footer,body, div, li, p, a, span, dt, dl, td{ font-family: "exp-regular",Arial; } strong, b{ font-family: "exp-medium",Arial; } h1,h2,h6,h7{ font-family: "exp-bold",Arial; } h3, h4, h5{ font-family: "exp-medium",Arial; } h5{ font-size: 1em; } /*END FIX IE FONTS*/ /* ----------------------------------------- Foundation Overrides or Customization ----------------------------------------- */ *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Clear Fix */ .clear { *zoom: 1; } .clear:before, .clear:after { content: " "; display: table; } .clear:after { clear: both; } /* ----------------------------------------- Desktop Styles ----------------------------------------- */ .accessibility{position: absolute;left: -9999px;top: auto;} html.lt-ie9 .row{ max-width: 1348px !important; } body{background: #dbdbdb;} body.grid{background: #fff;} h1{ font-size: 1px; margin: 0px; line-height: 0px; } h2{ font-family: 'exp-bold',Arial; font-size: 2.143em; text-transform: uppercase; border-bottom:1px solid #333; margin-bottom: 0px; } h3{ font-size: 1.21em; text-transform: uppercase; margin-bottom: 0px; } p{ margin-bottom: 10px; color: #3a3a3a; } legend{ font-family: "exp-medium",Arial; } .row{ padding-left: 4%; padding-right: 4%; } .row .row { margin:0; } .row.display .column .box-grid-example, .row.display .columns .box-grid-example{ background: none repeat scroll 0 0 #fff; padding-bottom: 4px; padding-top: 4px; } .row > div:first-child{ padding-left:0px } .row > div:last-child{ padding-right: 0px } .row.twelve{ padding-left:0px; padding-right: 0px } body .padding{ padding: 0 30px 17px; } body .padding.no-bottom{ padding-bottom: 0px; } body .no-padding{ padding:0; } body .no-padding-top { padding-top: 0px; margin-top: 0px; } body .padding.bottom{ padding-bottom: 34px; } body .padding-top { padding-top: 17px; } body .no-padding-top { padding-top: 0px; margin-top: 0px; } hr{ margin-top: 0; } h1,h3,h4,h5{ margin-top: 0; padding-top: 0; color: #000; } .top-spacing{ margin-top: 14px; } .no-margin{ margin: 0; } .no-margin-bottom{ margin-bottom: 0; } .inline-list{ margin-bottom: 20px !important; } .uppercase-text{ text-transform: uppercase; } .highlight-text, .highlight-text-white, .highlight-text-bright{ display: inline-block; background: #4C4C4C; color: #fff; } .normal-weight{ font-family: "exp-regular",Arial; } .sentence-case{ text-transform: none; } /*links*/ .secondary-link{ color:#3a3a3a; font-family: "exp-regular",Arial; } .secondary-link:hover{ text-decoration: underline; } /* ----------------------------------------- Desktop Style CONTENT ----------------------------------------- */ #content{ margin-top: 36px; margin-bottom: 36px; } #content.no-margin{ margin: 0 auto; } #content .box-spacing-left{ padding: 16px 19px; } #content .box-spacing-right{ padding: 17px 22px; } #order-summary-section table,.order-summary table{ background: none; border: none; width: 100%; border-spacing: 0; } #order-summary-section thead,.order-summary thead{ display: none; } #order-summary-section table tbody tr td,.order-summary table tbody tr td{ padding: 2px 0; } #order-summary-section table tbody tr td:first-of-type,.order-summary table tbody tr td:first-of-type{ width:70%; text-align: left; } #order-summary-section table tbody tr:nth-child(2n),.order-summary table tbody tr:nth-child(2n){ background: none; } #order-summary-section table thead, #order-summary-section table tfoot,.order-summary table thead, .order-summary table tfoot{ background: none; } #order-summary-section table tfoot tr td:last-child,.order-summary table tfoot tr td:last-child{ font-size: 2em; text-align: right; } #order-summary-section table thead tr th, #order-summary-section table tfoot tr td,.order-summary table thead tr th, .order-summary table tfoot tr td{ background: none; padding:30px 0 0; border-top: 1px solid #ebebeb; vertical-align: bottom; } #order-summary-section tfoot .highlight-text, #order-summary-section-bottom tfoot .highlight-text-white{ padding: 4px 0; } #order-summary-section tfoot td, #order-summary-section-bottom tfoot td { line-height: 1em; } .order-summary .bottom-spacing{ padding-bottom:15px; } .order-summary .total-price{ padding-top: 15px; border-top: 1px solid #EBEBEB; font-family: "exp-medium",Arial; } .order-summary .giftcard-applied-summary tfoot td{ padding-top:20px; border-top: none; } /*Order Summary Checkout Utility*/ #order-summary-checkout-utility{ margin: 8px 0px 6px; } #order-summary-checkout-utility li, #order-summary-checkout-utility li a{ color: #000; font-size: 12px; line-height: 125%; text-decoration: none; } #order-summary-checkout-utility li span{ display: inline; } #order-summary-checkout-utility #help, #order-summary-checkout-utility #chat, #order-summary-checkout-utility #print { background: url(../images/icon-sprite.png) no-repeat; } #order-summary-checkout-utility #help{ padding: 4px 0 4px 30px; background-position: -36px -673px; } #order-summary-checkout-utility #chat.rn_ChatAvailable{ background-position: -36px -580px; padding: 4px 0 4px 40px; } #order-summary-checkout-utility #print{ padding: 4px 0 4px 30px ; background-position: -36px -762px; } /* chat will sometimes get confused and have two content spans */ .rn_ConditionalChatLink .rn_ChatAvailable span+span { display:none !important; } /* ----------------------------------------- Desktop Style LEFT SECTIONS ----------------------------------------- */ section{ border-top:4px solid #2F2F2F; background: #fff; float: left; width: 100%; } section h2{ border-bottom: 1px solid #DBDBDB; padding:0 30px 16px; margin-bottom: 25px; line-height: 1.2em; color:#000; } h2 span{ background:#000; border-radius: 50%; display: block; width: 35px; height: 35px; color: #FFF; margin-right:10px; text-align: center; float: left; font-size:0.757em ; line-height: 1.55em; } section h2 a { font-family: "exp-regular",Arial; font-size: 0.5em; float: right; text-transform: none; text-decoration: underline; } section h2.no-bottom-margin{ margin-bottom: 0px; } .disabled, section.disabled h2{ border-top-color:#DBDBDB; background:#F4F4F4; color:#C9C9C9; border-bottom: none; padding-bottom: 0; margin-bottom: 0; } section.disabled h2{ padding-bottom: 20px; } .disabled h2 span{ background:#C9C9C9; } /* ----------------------------------------- Desktop Style RIGHT SECTIONS ----------------------------------------- */ .five.columns section{ border-top: 0; } #order-summary-section{ background:#2f2f2f; color:#fff; padding: 26px 20px 10px; float: left; width: 100%; border-top: 0px none; } #order-summary-section h3{ color:#fff; margin-bottom: 10px; } /* order summary table */ #order-summary-section table tbody tr td{ color: #bebebe; } #order-summary-section table thead tr th, #order-summary-section table tfoot tr td{ color: #fff; border: none; vertical-align: bottom; } section #order-summary-section p{ font-style: normal; font-size: 1em; } #order-summary-section .bottom-spacing{ padding-bottom:15px; } #order-summary-section .total-price{ padding-top: 15px; border-top: 1px solid #4c4c4c; color: #fff; font-family: "exp-medium",Arial; } /* ----------------------------------------- Desktop Style FOOTER ----------------------------------------- */ footer{ background-color: #fff; padding-top: 30px; padding-bottom: 13px; } #returns, #support{ padding-left: 60px; padding-top: 10px; padding-bottom: 5px; } #security{ background: url(../images/icon-sprite.png) -745px -224px no-repeat; padding-left: 50px; padding-top: 10px; padding-bottom: 5px; } #returns{ background: url(../images/icon-sprite.png) -745px -454px no-repeat; } #support{ background: url(../images/icon-sprite.png) -744px -681px no-repeat; } footer .footer-utility-info, footer .footer-utility-title{ display: block; line-height: normal; } footer .footer-utility-info{ font-size: 12px; } footer .footer-utility-info a{ text-decoration: underline; color: #999999; } footer .footer-utility-title{ font-size: 13px; text-transform: uppercase; } footer .footer-utility{ margin-bottom: 224px; padding-top: 40px; } footer .footer-link .link-list{ margin: 0px; } footer .footer-link .link-list li{ margin-left: 9px; } footer .footer-link .link-list li span, footer .footer-link .link-list li a{ margin-top: 14px; font-size: 12px; text-decoration: none; } footer .footer-link .link-list li a:hover{ text-decoration: underline; } footer .footer-link > .hide-for-small{ margin-top: 10px; } footer .footer-utility-info > .hide-for-touch { display: inline !important; } footer .footer-utility-info > .show-for-touch { display: none !important; } .touch footer .footer-utility-info > .hide-for-touch { display: none !important; } .touch footer .footer-utility-info > .show-for-touch { display: inline !important; } /* ----------------------------------------- Form Styles ----------------------------------------- */ fieldset{ border:none; padding:0; margin: 0 0 30px; } fieldset legend{ font-size: 1.142em; text-transform: uppercase; padding: 0; margin: 0; color: #000; width: 100%; } label{ font-family: "exp-medium",Arial; margin-bottom: 6px; color: #000; } input[type="checkbox"] + label, input[type="radio"] + label{ font-family: "exp-regular",Arial; display: inline-block; float: left; margin: 2px 25px 0 0; width: auto; clear: none; } input[type="button"], input[type="submit"]{ border:none; /*margin-bottom: 30px;*/ font-size: 1em; cursor: pointer; -webkit-appearance:none; border-radius: 0.4em; } input[type="text"], input[type="email"], input[type="tel"], input[type="password"],input[type="number"], textarea{ color:#000; -webkit-appearance:none; border-radius: 0; border:1px solid #bfbfbf; box-shadow: none; margin: 0; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } input[type="checkbox"], input[type="radio"]{ float: left; display: inline-block; margin: 2px 4px 0px 0px; clear: none; } select{ padding: 6px; float: left; font-size: 1em; } .no-touch select{ background: #f5f5f5; border:1px solid #bfbfbf; } input.invalid{ border:1px solid #C60001; background: #f5f5f5; } /*input + span,*/ .input-info{ font-family: "exp-light",Arial; font-style: italic; font-size: 0.857em; float: left; margin-top:10px; margin-left: 10px; color: #6f6f6f; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { /* display: none; <- Crashes Chrome on hover */ -webkit-appearance: none; margin: 0; /* <-- Apparently some margin are still there even though it's hidden */ } .input-info{ margin-left: 0px; } form .panel{ margin: 18px 0 0px; } form .row.double{ margin-top: 10px; } form .row .inline-list li{ line-height: 100%; /*margin-top: 5px;*/ } form .row .inline-list li input{ display: inline-block; } .order-tracking input[type="submit"].btn-arrow{ background: url(../images/icon-sprite.png) no-repeat -760px -22px; margin-bottom: 0px; color: transparent; } .order-tracking input[type="submit"].btn-arrow:hover{ background-position: -760px -54px; } .inline-list li label{ font-family: "exp-regular",Arial; margin: 0px; line-height: 1.3em; } fieldset.top-spacing{ margin-top: 40px; } html.lt-1280 .order-confirmation .tooltip-icon { display:none; } /* ----------------------------------------- Validation Styles ----------------------------------------- */ small.item-selector-error{ font-size: 1.143em; font-family: "exp-medium",Arial; } .error span{ color: #000; } small.error{ width: 100%; background: none; color: #c81210; display: inline; margin-top: 4px; padding: 0; font-family: 'exp-light',arial; } .error{ color: #c81210; } .error input, input.error, .error textarea, textarea.error, select.error{ border-color: #c60f13; background-color:#F9E6E6; } .error-summary, .success-summary{ background:url(../images/icon-sprite.png) no-repeat -754px -104px; padding-left: 25px; text-transform: uppercase; font-family: "exp-medium",Arial; color: #c60f13; margin: 0; line-height: 1.4; font-size: 1.142em; } .error-summary-message{ text-transform: uppercase; font-family: "exp-medium",Arial; color: #c60f13; margin-left: 30px; line-height: 1.4; font-size: 1.142em; } .success-summary{ color: #0eaf4a; background-position: -757px -844px; } .row .row .columns.witherror{ padding-top: 5px; } /* ----------------------------------------- Carousel Styles ----------------------------------------- */ .express-carousel{ position: relative; overflow: hidden; } .express-carousel .close-button,.express-carousel .left-arrow,.express-carousel .right-arrow,.express-carousel .bullets-container{ position: absolute; display: block; } .express-carousel .close-button{ top: 7px; right: 7px; height: 16px; width: 16px; background: url(/images/carousel-close-button.png) center center no-repeat; text-decoration: none; } .express-carousel a.close-button:hover{ } .express-carousel .left-arrow,.express-carousel .right-arrow{ top:50%; margin-top: -10px; height: 42px; width: 22px; text-decoration: none; } .express-carousel a.left-arrow:hover,.express-carousel a.right-arrow:hover{ } .express-carousel .left-arrow{ left: 5px; background: url(/images/browse-carousel-sprite.png) center center no-repeat; } .express-carousel .right-arrow{ right: 5px; background: url(/images/browse-carousel-sprite.png) center center no-repeat; } .express-carousel .bullets-container{ width: 100%; bottom: 10px; text-align: center; left: 0px; } .express-carousel .bullet{ font-size: 1.429em; text-decoration: none; color: #adadad; } .express-carousel .bullet.selected{ /*font-size: 1.429em;*/ text-decoration: none; color: #000; } .express-carousel a.bullet:hover{ color: #21baf2; } /* ----------------------------------------- Tooltip Styles ----------------------------------------- */ .tooltip-icon{ background:url(../images/icon-sprite.png) no-repeat -458px -7px; text-indent:-99999px; display: inline-block; width: 16px; height: 16px; line-height: 17px; margin-left: 4px; cursor:help; overflow: hidden; position: absolute; top: 0px; } .tooltip-icon.hide{ display: none; } .tooltip-icon-grey{ background:url(../images/icon-sprite.png) no-repeat -419px 0px; text-indent:-99999px; display: inline-block; width: 30px; height: 30px; line-height: 17px; margin-left: 4px; cursor:help; overflow: hidden; position: absolute; top: 4px; } .tooltip-wrapper{ position: absolute; background: #fff; z-index: 3; display: none; max-width:30%; min-width:200px; } .tooltip-wrapper p{ font-size: 0.857em; } .tooltip-wrapper.content-tooltip{ border: 1px solid #bcbcbc; padding: 20px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); } .tooltip-wrapper.content-saving-tooltip{ border: 1px solid #bcbcbc; padding: 20px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); } .tooltip-wrapper.table-tooltip{ -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.5); } .tooltip-wrapper.security-code { width:17%; } .tooltip-wrapper .tooltip-arrow{ position: absolute; top: -7px; text-indent: -99999px; background: url(../images/tooltip-arrow.png) no-repeat; width: 13px; height: 7px; } .tooltip-wrapper p{ line-height: 130%; } .tooltip-wrapper.security-code p { font-size:85%; margin-bottom: 0; margin-top: 17px; } .tooltip-wrapper .last{ margin-bottom: 0px; } .tooltip-wrapper.table-tooltip table{ border: none; -webkit-border-radius: 0px; border-radius: 0px; border-collapse: collapse; margin: 0px; } .tooltip-wrapper.table-tooltip table tr td{ padding: 5px 25px; background-color: #f2f2f2; border-top: 1px solid #d9d9d9; border-right: 1px solid #c2c2c2; } .tooltip-wrapper.table-tooltip table tr th{ padding: 24px 25px 5px; background-color: #4c4c4c; color: #fff; border-right: 1px solid #3d3d3d; } .tooltip-wrapper.table-tooltip table tr th:last-child, .tooltip-wrapper.table-tooltip table tr td:last-child{ border-right: none 0px; } .tooltip-wrapper.table-tooltip .tooltip-note{ padding: 0px 25px; } .tooltip-wrapper.table-tooltip table tfoot tr td{ padding:20px 20px; background: #fff; font-family: "exp-regular",Arial; border-bottom: 1px solid #cbcbcb; } /* ----------------------------------------- Modal Styles ----------------------------------------- */ .video-modal{ width: 560px !important; height: 315px; } .reveal-modal{ padding: 0; margin-bottom: 0; margin-left: -320px; width: 640px; } .reveal-modal:focus { outline: none; } .reveal-modal .close-reveal-modal { background: #000000; -webkit-border-radius: 50%; border-radius: 50%; color: #FFFFFF; font-family: "exp-regular",Arial; right: -15px; top: -15px; text-align: center; font-size: 2.15em; padding: 8px 6px 10px 7px; display: block; } .store-check{ width:634px; margin-left: -6px; } .same-day { width: 634px; margin-left: -380px; margin-top: 24px; } .wolps{ width:790px; margin-left: -380px; } .wolps .no-space-bottom{ padding-bottom:0; margin-bottom:0; } .wolps label, .wolps p, .wolps a{ font-size:0.857em; font-family: "exp-regular",Arial; line-height: 1.6; } .wolps .cta{ font-family: "exp-medium",Arial; } .wolps .continue-wolps{ font-family: "exp-bold",Arial; } .wolps label{ font-weight:bold; } .wolps .normal{ font-weight:normal; } .wolps .cta.final{ color:#FFF; text-decoration:none; } .wolps .cta{ color:#000; text-decoration:underline; line-height:14px; } .wolps .cta.final:hover{ color:#FFF; text-decoration:underline; } .wolps .cta:hover{ text-decoration:underline; color:#3895AD; } .wolps .row{ padding-left:0; padding-right:0; } .wolps .check-box-block{ margin-left: 20px; } #wolps-section { background:url(../images/wolps-offer-banner.png); background-repeat: no-repeat; background-color: #ffffff; height:628px; padding:180px 30px 0 30px; top: 100px; } #wolps-section .cta { color:#FFF; } #wolps-section a.cancel-wolps { color: #000000; font-weight: bold; margin-left: -30px; } #wolps-section .cta:hover{ color:#3895AD; } #wolps-section .cta.final:hover{ color:#FFF; } #wolps-section h3{ color:#000000; width:480px; text-transform: uppercase; } #wolps-section h4 { padding-top:5px; } #wolps-section .four p { font-size:0.857em; } #wolps-section .wolps-section-right { padding-top:30px; float:right; margin: -10px; } #wolps-section .wolps-section-right a { color: #979797; text-decoration: underline; } #wolps-section .wolps-section-right a:hover{ text-decoration: none; } #wolps-section h4 { font-size:1em; color:#000000; } #wolps-section li, #wolps-section p{ font-size:1em; color:#000000; } #wolps-section > .row, #wolps-application-section > .row { padding: 0; } #wolps-section .disclaimer { //color: #979797; font-size: 8pt; margin-top: -14px; } #wolps-application-section{ top: 100px; } #wolps-application-section .wolps-application-header{ margin:0; background:url(../images/wolps-express-next-logo.png) no-repeat 30px 25px #ededed; height:80px; padding:25px 30px 0 30px; text-align:right; } #wolps-application-section .wolps-application-header h4{ font-size:1.000em; margin-top:8px; color:#949494; } #wolps-application-section .row{ margin-bottom:0; } #wolps-application-section section{ margin:25px 30px 0; padding-bottom:25px; border:none; border-bottom:1px solid #DBDBDB; width:auto; } #wolps-application-section .wolps-email-section .check-box-block{ width:380px; } #wolps-application-section .wolps-email-section small{ margin-top:10px; float:left; } #wolps-application-section h3{ margin-bottom:15px; } #wolps-application-section iframe{ width:100%; height:500px; margin-bottom:10px; } #wolps-application-section .wolps-application-submit, #wolps-application-section .wolps-email-content{ clear:both; } #wolps-application-section p{ padding-top:15px ; margin: 0; } #wolps-password-container { padding-top: 15px; } #wolps-application-section .wolps-application-submit{ padding-top:25px; } #wolps-application-section .input-info{ color:#000; } #wolps-application-section .wolps-application-submit .cta.final{ color:#FFF; } #wolps-application-section .wolps-ssn-prefix{ display:block; float:left; color:#777777; margin:8px 5px 0 20px; } #wolps-application-section #wolps-ssn{ clear:none; margin-top:0; margin-bottom:3px; display:inline; } #wolps-application-section input{ margin-top:3px; } #wolps-application-section select{ clear:none; margin:0 5px 3px 0; } #wolps-application-section .hidden{ display:none; } #wolps-application-section a{ text-decoration:underline; } #wolps-application-section .wolps-email-agree, #wolps-application-section .wolps-terms-agree{ float:left; clear:both; } #wolps-application-section .wolps-terms-section{ padding-bottom: 18px; } #wolps-application-section .wolps-terms-section div{ padding-bottom: 18px; } #wolps-application-section .wolps-terms-section .check-box-block{ width:676px; } #wolps-application-section .wolps-terms-section small{ clear:both; width:100%; margin:10px 0; float:none; display:block; } #wolps-application-section .wolps-email-agree-content{ width:380px; float:right; } #wolps-application-section .wolps-terms-agree-content{ width:670px; float:right; margin-bottom:25px; } #wolps-application-section .wolps-personal-information ul, #wolps-application-section .wolps-personal-conditions p{ margin-bottom:0px; } #wolps-application-section .wolps-personal-information ul li{ margin-left:20px; font-size:0.857em; } #wolps-application-section .wolps-electronic-consent h3{ clear:both } .wolps-email-information small.error, #wolps-application-section .wolps-application-password small.error{ position:relative; top:8px; left:5px; margin:0; } #wolps-application-section .wolps-email-information input{ width:230px; } #wolps-thankyou-section{ background:url(../images/wolps-thankyou-modal-bg.png) no-repeat left bottom #fff; padding: 40px 105px 0 100px; } #wolps-thankyou-section h1{ font-size:2.071em; line-height: 29px; } #wolps-thankyou-section h3{ line-height: 20px; margin-top: 17px; } #wolps-thankyou-section p{ line-height: 18px; margin: 10px 0 0; width:330px; } #wolps-thankyou-section .checkout-wolps{ margin-top:20px; } #wolps-thankyou-section.wolps-thankyou-two .checkout-wolps{ margin-bottom:50px; } #wolps-thankyou-section .disclaimer{ margin-top:25px; margin-bottom:25px; font-size:0.643em; } #wolps-thankyou-section .disclaimer{ color:#575757; } #wolps-thankyou-section .upper-thankyou-content{ min-height:210px; } #wolps-thankyou-section.wolps-thankyou-two .upper-thankyou-content{ min-height:180px; } .wolps #errorSummary-application-form{ margin-top:30px; margin-bottom:0; padding-bottom:0; } .wolps #errorSummary-application-form{ padding-left:30px; } .ie .wolps-personal-information small{ float:left; clear:both; margin-top:5px; } .ie #wolps-application-section input{ margin-top:0px; } .eq-ie8 #wolps-thankyou-section.wolps-thankyou-one .disclaimer{ margin-bottom:15px; } .lt-ie8 #wolps-section{ width:700px; height:423px; } .lt-ie8 .wolps ul{ margin-left:20px; list-style:disc; } .lt-ie8 #wolps-application-section input{ margin-top:-1px; } .lt-ie8 #wolps-section .disclaimer{ margin-top:0; } .lt-ie8 .wolps ul li{ position:relative; left:-20px; } .lt-ie8 .wolps .cta{ float:left; } .lt-ie8 #wolps-application-section .finish-wolps.cta.final{ padding-left:0; padding-right:0; min-width:250px; } .lt-ie8 .wolps .row{ padding-bottom:0; margin-bottom:10px; } .lt-ie8 #wolps-application-section .wolps-electronic-consent section{ border:none; } .lt-ie8 #application-form-rules .four{ float:right; } .lt-ie8 #wolps-application-section .wolps-personal-conditions{ width:32%; } .lt-ie8 .wolps .personal-information-block{ width:700px; } .lt-ie8 .wolps-birth-group small.error{ margin-top:17px; } .lt-ie8 #wolps-application-section #wolps-birth-month{ width:88px; } .lt-ie8 .wolps-personal-information select{ padding:6px 0; } .lt-ie8 #wolps-application-section #wolps-birth-year{ margin-right:0; } .lt-ie8 #wolps-application-section .wolps-ssn-prefix{ margin-left:10px; } .lt-ie8 #wolps-thankyou-section{ width:700px; } .lt-ie8 #wolps-thankyou-section .disclaimer{ margin:0; padding:10px 0; } .lt-ie8 .wolps section{ width:700px; } .lt-ie8 #wolps-thankyou-section.wolps-thankyou-two{ padding-bottom:50px; } .wolps-thankyou{ padding-left: 20px; padding-right: 200px; } #wolps-stop-receiving{ border-style: solid; border-width: 1px; font-size: 17px; font-style: italic; width: 287px; margin-left: -48px; padding: 5px 5px 5px 5px; color: #000; } #che-cre-edit-addr-info label{ font-size:12px; text-align:left; font-weight: normal; margin-bottom: 0px; } #che-cre-edit-addr-info input{ height: 15px; font-size: 12px; padding: 0px; } .iFrameContent{ font-size:0.857em; } /* ----------------------------------------- CTAs ----------------------------------------- */ .cta{ color: #FFFFFF; padding:10px 22px 14px; text-transform: uppercase; font-family: 'exp-bold',arial; text-align: center; line-height: 1.3em; height: 38px; } a.cta.hide{ display: none; } a.cta{ display: inline-block; font-size: 1em; text-decoration: none; } a.cta:hover{ color: #fff; } .cta:hover{ text-decoration: underline; } .final{ background:#000000; } .last-step{ background: #3995AE; } .tertiary{ background: #a4a4a4; } input.apply { font-size:0.9em; margin-top: 0.4em; max-height: 32px; padding: 8px 27px 14px; } .apply-update { margin:0 auto 2em; float: none; clear: none; padding-left: 5%; padding-right: 5%; } /* ----------------------------------------- Total Savings Styles ----------------------------------------- */ #total-savings-section{ background:#4C4C4C; color:#FFFFFF; float: left; width: 100%; border-top: 0px none; } #total-savings-section p{ width: 220px; margin: 0 auto; text-transform: uppercase; font-family: "exp-medium",Arial; background:url(../images/icon-sprite.png) no-repeat -489px -6px ; display: block; padding-left: 30px; position: relative; color: #FFF; } #total-savings-section .tooltip-icon-grey{ height: 20px; background: url(../images/icon-sprite.png) no-repeat -419px -7px; top:0; } .bag-summary-savings{ margin: 11px 0; } /* ----------------------------------------- Bag Styles ----------------------------------------- */ .with-pipes{ list-style: none; } .with-pipes li{ float: left; padding-right: 8px; border-right: 1px solid #9b9b9b; margin-right: 8px; line-height: 1em; } .with-pipes li.last{ border: 0; margin-right: 0; padding-right: 0; } #cart-items-section{ color: #000; } #cart-items-section .row.white { background: #fff; } #cart-items-section h3{ padding-top:10px; padding-bottom: 10px; } #cart-items-section .items-count{ display:block; background:url(../images/icon-sprite.png) no-repeat -753px -148px; color: #fff; width: 23px; height:30px; text-align: center; margin-top: -12px; float: left; margin-right: 10px; line-height: 40px; } #cart-items-section .two{ text-align: right; padding-top:10px; } .cart-content{ background: #f5f5f5; } /* -- */ #cart-items-section>.row{ background: #f5f5f5; } #cart-items-section .row{ padding-left: 20px; padding-right: 20px; padding-top: 8px; padding-bottom: 8px; } #cart-items-section .row .row{ padding: 0; padding-right: 10px; } #cart-items-section .row .row.no-padding{ padding: 0; margin: 0; } #cart-items-section .item-module{ padding:10px 20px; overflow: hidden; } #cart-items-section .row.even{ background:#fff; } #cart-items-section .item-module h3{ margin:10px 0; padding:0; } #cart-items-section h4{ font-size: .857em; text-transform: capitalize; } #cart-items-section h4 .total-price { float: right; font-family: "exp-medium", Arial; } #cart-items-section li{ font-size: 0.786em; margin: 0; padding: 0; } #cart-items-section ul{ list-style: none; margin:0; padding:0; } #cart-items-section .row .three{ max-width: 100px; margin-right: 8px; } #cart-items-section .right{ text-align: right; } .cart-items-section h3{ padding-left:20px; } .regular-price{ text-decoration:line-through; } .discount{ color:#bb2525; } /* ----------------------------------------- RECEIPT ----------------------------------------- */ .receipt-box{ float: left; width: 100%; background-color: #f5f5f5; border-top: 5px solid #dbdbdb; border-bottom: 5px solid #dbdbdb; color: #000; } .receipt-box h6{ margin: 0; line-height: normal; text-transform: uppercase; } .receipt-box ul{ margin-bottom: 10px; } .receipt-box li{ line-height: normal; margin-bottom: 2px; } .receipt-box .info-method{ font-size: 0.857em; color: #3a3a3a; margin-bottom: 30px; } .receipt-box .info-billed li{ font-size: 0.857em; color: #3a3a3a; } .receipt-box .gift-card-payment{ margin-bottom:20px; } .receipt-box .padding{ padding-left:20px; } /* ----------------------------------------- Gifting Options Styles ----------------------------------------- */ .gifting{ margin:0 0 25px 0; } .gifting .header{ background: #e5e5e5; overflow: hidden; font-size: 1em; padding: 0px 20px; } .gifting .header p{ padding: 6px 0 11px 0px; margin:0 auto; line-height: normal; } .gifting .header strong{ text-transform: uppercase; color: #000; } .gifting .header a{ font-family: "exp-medium",Arial; } .gifting-options{ background: #f1f1f1; padding:14px; overflow: hidden; } .gifting-options h5{ text-transform: none; background: none; margin-bottom: 10px; margin-top: 0px; } .gifting-options input{ margin:1px 5px 0px 0px; } .gifting .gifting-options label{ text-transform: capitalize; font-family: "exp-regular",Arial; display: block; float: none; clear: none; margin-bottom: 8px; } .gifting .inline-list { margin-top: 5px; margin-bottom:5px !important; } .gifting ul li img { margin-right:3px; } .gifting ul li label { line-height:16px; padding:4px 0; } #gift-option1 { margin-top:1px; } /* ----------------------------------------- Shipment Options Styles ----------------------------------------- */ .shipment{ clear: both; overflow: hidden; } .shipment h2{ border: none; padding: 0; font-size: 2em; margin-bottom: 14px; width: 70%; } .shipment h6{ margin-bottom: 20px; } .shipment h6{ margin-top: 0px; } .shipment .padding{ padding-right: 10px; } .shipment .add-new-address{ font-family: "exp-medium",Arial; font-size: 1.1em; color: #222222; line-height: 2em; display: block; margin: 0px 0 8px; text-decoration: none; padding-left: 29px; background: url(../images/icon-sprite.png) -8px -968px no-repeat; } .shipment .add-new-address-title{ margin-bottom:40px; } .shipment .add-new-address-title h6{ margin-bottom:5px; } .shipment label input[type="radio"]{ float: left; margin: 2px 16px 25px 0; } .shipment a.title-valign{ font-family: "exp-regular",Arial; line-height: 5em; float: right; text-transform: none; text-decoration: underline; } .shipment .normal-weight{ margin-top: 5px; margin-bottom: 5px; } .submit-message p{ color:#6f6f6f; font-size: 0.857em; } .shipment .six select.shipping-method{ margin-top: 2.2em; } .item-selector{ border-bottom: 1px solid #dbdbdb; overflow: hidden; padding-top: 10px; } .item-selector li{ background: none; border-top: 1px solid #dbdbdb; float: left; padding: 0; width: 100%; } .item-selector input[type="checkbox"]{ clear: none; float: left; margin: 22px 10px 0 8px; } .item-selector label{ width: 100%; line-height: 1.3; overflow: hidden; margin-bottom: 0; margin-right: 0; padding:10px 0; } .item-selector label img{ margin-right: 13px; max-width: 52px; float: left; } .item-selector label span{ display: block; line-height: 1.3; float: left; max-width: 58%; font-family: "exp-regular",Arial; } .item-selector .selected span{ font-family: "exp-medium",Arial; } .available-shipping-addresses label, .available-shipping-addresses .selected-address{ line-height: 1.25; } .available-shipping-addresses .edit-address{ margin-left: 29px; } /*completed */ .completed{ border: none; padding-top: 0; } .completed li{ border: none; } .completed li label{ cursor: default; font-family: "exp-medium",Arial; padding-top: 2px; } .completed li input[type="checkbox"]{ display: none; } .completed li img{ max-width: 74px; } .gift-fee{ font-family: "exp-regular",Arial; margin-top: 0; font-style: normal; clear: both; float: left; } /* ----------------------------------------- Payment Styles ----------------------------------------- */ form#apply-payment-options { margin: 0; } .addresses h3{ margin-bottom: 16px; } .addresses li{ line-height: 1.4; } .addresses li:last-child{ margin-top: 6px; } /* shipping completed ------------- */ .choose-payment-type { margin: 0.75em 0 1.5em; } select#modify-shipping-type { float:left; margin-bottom: 2em; } /* promo code ------------- */ #payment-section #coupon-code hr { margin-bottom: 0; } .row.promo-added{ text-transform: uppercase; font-family: "exp-medium",Arial; padding-top: 17px; background: #f5f5f5; margin: 0 !important; } .promo-added span{ float:left; } .promo-added a{ margin:0 0 0 1em; text-transform: none; font-family: "exp-regular",Arial; } .toggle-promo-entry{ font-size: 1.000em; font-family: "exp-medium",Arial; text-transform: uppercase; color:#000; text-decoration: none; } .toggle-promo-entry span{ width: 20px; height: 20px; display: inline-block; vertical-align: middle; background: url(../images/icon-sprite.png) -8px -975px no-repeat; } .toggle-promo-entry.active span{ background-position: -8px -837px; } .row .promo-code-form{ padding-left: 18px; } .row .promo-code-entry{ background:#f5f5f5; overflow: hidden; padding-top: 20px; border-bottom:1px solid #f5f5f5; } #promo-code{ margin: 0.4em 2em 0 0; } #apply-promo{ margin-bottom: 0; } /* gift card entry ------------- */ #gift-card-entry .padding-top { padding-top: 17px; } /* gift card balance ------------- */ #saved-gift-cards label span { font-family: "exp-regular",Arial; padding-left: 1.25em; margin: 0; float: none; } .label-style{ font-size: 1.000em; font-family: "exp-medium",Arial; color: #000; margin:0 0 6px; } p.label-style { color:#000; } h5.label-style { margin-bottom: 0; } /* next rewards ------------- */ #next-rewards-available h2{ border: none; padding:0; font-size: 1.7em; margin: 0 0 10px; } #next-rewards-available h2, #next-rewards-available h2 small { color:#222; } #next-rewards-available label { float: left; clear: both; line-height: 1em; margin: 0 0 1em; } #next-rewards-available label span { float:none; font-style: inherit; font-family: "exp-regular",Arial; } #next-rewards-available input { margin-right: 0.75em; } .next-rewards-container { padding-top: 20px; } .next-rewards-hr { margin: 0; } /* payment type- ------------- */ input#gift-card-pin { margin-right: 14px; } button.cta.final.apply{ padding: 8px 27px 8px; max-height: 32px; } #apply-gift-card{ margin:20px 0 0 0; float: left; clear: none; } #caard-types { width:166px; height: 23px; background: url('../images/icon-sprite.png') no-repeat -428px -30px; margin-top: 8px; float: right; } input[type="radio"] + label.payment-type, label.payment-type, .payment-type { background: url('../images/icon-sprite.png') no-repeat; text-indent: -9999px; display: block; margin-left: 15px; margin-right: 0; } input[type="radio"] + label.payment-type.credit-card { background-position: -428px -217px; width:61px; height: 34px; } input[type="radio"] + label.payment-type.paypal, .payment-type.paypal { background-position: -428px -260px; width:100px; height:27px; } input[type="radio"] + label.payment-type.billmelater, .payment-type.billmelater{ background-position: -428px -293px; width:77px; height:26px; } input.payment-selection-input { margin:0; padding:0; } input#pay-with-cc { margin-top:13px; } #masked-credit-card-number, #read-only-credit-card-expiration { padding: 8px 0; } input#pay-with-paypal { margin-top:5px; } input#pay-with-bml { margin-top:11px; } div.payment-type { float: left; margin: 0 10px 0 0; } .card-type { width:41px; height: 28px; margin:2px 0 0 10px; padding:0; float:left; background: url('../images/icon-sprite.png') no-repeat; } .card-type.visa { background-position: -471px -74px; } .card-type.amex { background-position: -516px -74px; } .card-type.express { background-position: -428px -74px; } .card-type.master { background-position: -560px -74px; } .card-type.discover { background-position: -604px -74px; } .card-type.blank { background: none; } .row.payment-type-indent { padding-left: 56px; } #credit-card-security-code { display: inline-block; } a#bill-me-later-terms { float: left; margin:12px 0 0 15px; color:#3a3a3a; } a#bill-me-later-what-is-this { float: left; margin:12px 0 0 15px; color:#3a3a3a; } select#credit-card-expiration-year{ clear:none; margin-left: 0.75em; } #save-for-future-checkouts { background: #f5f5f5; margin:0; padding-top: 17px; border-top:1px solid #DDD; } .edit-payment-type { margin:4px 0 0; float: left; } .edit-payment-type.bml { margin-top: 9px; } /* order summary ------------- */ section .order-summary table{ float: left; width: 100%; border-left:1px solid #ebebeb; } section .order-summary table tr td{ padding-left: 20px; } section .order-summary table tbody tr:last-child td{ padding-bottom: 10px; } #place-order-order-summary { margin-top:20px; } /* no shipping address ------------- */ #no-shipping-required p{ line-height: inherit; } #apply-payment-options .no-bullet {line-height:2.1;} li.order-confirm-visa { background: url('../images/icon-sprite.png') no-repeat; background-position: -471px -74px; height: 28px; width: 41px; } li.order-confirm-amex { background: url('../images/icon-sprite.png') no-repeat; background-position: -516px -74px; height: 28px; width: 41px; } li.order-confirm-express { background: url('../images/icon-sprite.png') no-repeat; background-position: -428px -74px; height: 28px; width: 41px; } li.order-confirm-master { background: url('../images/icon-sprite.png') no-repeat; background-position: -560px -74px; height: 28px; width: 41px; } li.order-confirm-discover { background: url('../images/icon-sprite.png') no-repeat; background-position: -604px -74px; height: 28px; width: 41px; } li.order-confirm-bml { background: url('../images/icon-sprite.png') no-repeat; background-position: -428px -293px; height: 28px; width: 90px; } /* ----------------------------------------- Login Styles -> All Browser + IE 10,9,8,7 + Responsive ----------------------------------------- */ #login .row{ padding: 5% 5% 5% 6.5%; } #login .row .row{ padding: 0; } #login .row .row.padding{ padding: 0 0 20px 0; } #login .right-border{ border-right: 1px solid #dbdbdb; } #login .guest{ padding-top: 85px; padding-right: 0; } section #login h2{ padding-left: 0; } #login h2{ font-size: 1.643em; border: none; margin-bottom: 6px; } #login p{ margin:0 0 20px 0; padding: 0; color: #666; font-size: 0.929em; line-height: 1.3; } #login .twelve.columns.notice p{ padding:20px; margin-bottom: 0; } #login label{ text-transform: uppercase; float: left; } #login .forgot-password{ color: #5c5c5c; display: block; float: right; padding-top: 5px; font-size: 0.929em; } #login .forgot-password:hover{ text-decoration: underline; } #login .bottom-border{ border-bottom: 1px solid #dbdbdb; } #login .guest .fb-login-btn{ display: inline-block; } #login .notice{ background: #f2f2f2; padding: 0; text-align: center; } #login .no-padding{ padding:0; margin: 0; } #login input[type="submit"]{ margin-bottom: 0; margin-top: 12px; } #login .remember-me{ margin:22px 0 0 0; padding-right:25px; } #login .remember-me span{ margin:0; padding:0; padding-top: 4px; text-transform:none; font-family: "exp-regular",Arial; } .reveal-modal a{ text-decoration: none; } /*IE 10*/ /*IE 9*/ /*IE 8*/ .eq-ie8 #login .remember-me{ margin-left: 40px; } .lt-ie9 #login .seven.columns p{ max-width: 280px; } .lt-ie9 #login input[type="password"], .lt-ie9 #login input[type="text"]{ width:100%; max-width: 260px; } /*IE 7*/ .lt-ie8 a.cta{ padding-bottom: 0px; padding-top: 0px; height: 28px; line-height: 2.7em; } .lt-ie8 #login .seven.columns{ max-width: 320px; } .lt-ie8 #login .five.columns p{ max-width: 210px; } .lt-ie8 #login input[type="password"], .lt-ie8 #login input[type="text"]{ width:96%; max-width: 260px; } .lt-ie8 #login input.cta{ padding:11px 4px; } .lt-ie8 #login .guest{ margin-left: 16.66%; } /*RESPONSIVE*/ @media only screen and (min-width : 768px) and (max-width: 999px) { #login .columns.right-border{ border: 0; } #login .forgot-password{ float: left; width:100%; margin-bottom:6px; } } @media only screen and (max-width: 767px) { #login .columns.right-border{ border: 15px; } #login .columns .guest{ padding-top:0; } } /* ----------------------------------------- Review order ----------------------------------------- */ .shipping-address ul{ list-style: none; } .shipping-address li{ margin: 0; padding: 0; } .shipping-address li a{ font-size: 0.875em; text-decoration: underline; } .select-shipping{ overflow: hidden; margin-bottom: 30px; } .promo-code-wrapper{ border-bottom: 1px solid #dbdbdb; padding:10px 0 22px 30px; } .payment-methods input[type="radio"]{ left: -9999px; position: absolute; } .payment-methods, .accepted-cards{ list-style: none; } .accepted-cards li{ display: inline-block; } .payment-methods .method-logo{ display: block; border: 1px solid #BFBFBF; border-radius: 5px 5px 5px 5px; float: left; height: 55px; margin-right: 15px; width: 98px; } .payment-methods .method-logo.selected{ background: black; } /* ----------------------------------------- Order Confirmation ----------------------------------------- */ .order-confirmation{ border: none; } .order-confirmation>.row{ margin: 0; } .order-confirmation h2{ padding: 0; border:none; font-size: 1.714em; margin: 0 0 10px; } .order-confirmation h2 small{ color: #222; } .order-confirmation h3{ margin-top: 25px; margin-bottom: 8px; } .order-confirmation .padding-top{ padding-top: 45px; } .order-confirmation .notice{ font-size: 0.857em; } .order-confirmation .notice a{ font-size: 1em; } .order-confirmation .terms{ color:#3a3a3a; display: inline-block; font-family: "exp-regular",Arial; } .order-confirmation .terms a{ color: #3a3a3a; text-decoration: underline; } .order-confirmation .privacy-policy{ color: #3a3a3a; margin-top: 10px; display: block; } .order-confirmation label{ margin-top: 0; } .order-confirmation label strong{ line-height: 1.3em; } .order-confirmation .cta{ margin: 15px 0 10px; } /* greeting message */ .row.greeting-message{ background: #2f2f2f; padding-top:40px; padding-bottom:50px; color: #fff; } .greeting-message h2{ color: #fff; } .greeting-message p{ margin: 0 0 4px 0; padding: 0; color: #FFF; } /* order tracking */ .row.order-tracking{ background: #f4f4f4; border-bottom:4px solid #dbdbdb; padding-bottom: 15px; } .order-tracking label{ clear: none; font-size: 1.3em; text-transform: uppercase; color:#000; margin-top: 5px; font-family: 'exp-bold', arial; } .order-tracking input[type="text"]{ margin-bottom: 0; position:relative; padding-right: 30px; } .order-tracking input[type="submit"]{ position: absolute; right:3px; top: 1px; width: 30px; height: 30px; text-indent: -9999px; } .order-tracking form{ padding-top: 20px; } /* sign up */ .sign-up p{ padding: 0; margin:0; } .sign-up{ border-bottom:1px solid #f1f1f1; } .sign-up input[type="checkbox"]{ display:inline; margin-right: 10px; } .sign-up label{ line-height: 1.2; display: inline; } .sign-up label input{ margin-top: 0px; vertical-align: top; margin-right: 10px; } /* invite friend */ .invite-friend{ border-top:1px solid #e9e9e9; } .invite-friend .cta{ margin-bottom: 50px; } .invite-friend small, .sign-up small{ margin: -10px 0 10px; } /* social share */ .social-share{ margin-bottom: 47px; overflow: hidden; } .social-share>li{ margin:0 0px 20px 0; padding: 0; width: 124px; height: 144px; display: inline-block; list-style: none; } .social-share>li:hover .sharing-overlay, .social-share>li:active .sharing-overlay, .social-share>li:focus .sharing-overlay{ display: block; } .social-share>li img{ width: 100%; max-width: 100%; } .social-share .sharing-overlay{ background-color: #000; background-color: rgba(0, 0, 0, 0.8); position: absolute; list-style: none; margin: 0; width: 124px; height: 100%; max-height: 143px; padding: 0; } .social-share .sharing-overlay ul{ margin:20% 0 0 28px; overflow: hidden; } .sharing-overlay li{ display: inline-block; width: 30px; margin-right:10px; text-indent: -99999px; height: 25px; margin-bottom:30px; } .sharing-overlay li a{ display: block; width: 100%; height: 100%; background: url(../images/icon-sprite.png) -588px -218px no-repeat; } .sharing-overlay .twitter a{ background-position:-643px -216px; } .sharing-overlay .pinterest a{ background-position:-587px -274px; } .sharing-overlay .email a{ background-position:-643px -274px; } .sharing-overlay li a:hover{ background-position: -588px -348px; } .sharing-overlay .twitter a:hover{ background-position:-643px -346px; } .sharing-overlay .pinterest a:hover{ background-position:-587px -404px; } .sharing-overlay .email a:hover{ background-position:-643px -404px; } .order-confirmation .join-next{ line-height: 1.25; } /* ----------------------------------------- Order Review ----------------------------------------- */ .shipping-alert { margin-bottom: -8px; } .shipping-alert p { margin: 17px 0 0 30px; line-height: 1.3em; font-family: "exp-medium",Arial; font-style: italic; } .shipping-alert img{ float: left; margin-top: 24px; } .csv-re-entry{ float: none; margin-left: 10px; display: inline-block; width: 60%; margin-top: 5px; } /* ----------------------------------------- Internet Explorer Specific ----------------------------------------- */ .ie .item-selector input[type="checkbox"]{ clear: none; float: left; margin: 20px 10px 0 8px; } .ie .available-shipping-addresses .edit-address{ margin-left: 36px; } /* ------------ IE 10 ------------- */ .eq-ie10 input[type="checkbox"]{ margin-top: -2px; } .eq-ie10 .inline-list li label{ line-height: 1.7em; } /* ------------ IE 9 and below ------------- */ .lt-ie10 .inline-list li label{ line-height: 1.5em; } .lt-ie10 .tooltip-wrapper.table-tooltip table tfoot tr td{ padding:20px; } .lt-ie10 .tooltip-wrapper.tooltip-wrapper.medium{ width: 45%; } .lt-ie10 input[type="checkbox"], .lt-ie10 input[type="radio"]{ margin: -2px 0 0 0; } .lt-ie10 form .row .inline-list li input{ margin-top: 0px; } /* .eq-ie9 #login .columns .row { padding: 0; } .eq-ie9 #login .row { padding: 0; } */ /* ------------ IE 8 and below ------------- */ .lt-ie9 .row, .lt-ie9 .row .row {width: auto;} .lt-ie9 .row .row .columns.witherror{ padding-top: 5px; padding-bottom: 0px; } .lt-ie9 #cart-items-section li{ list-style: none; } .lt-ie9 #cart-items-section li{ list-style: none; } /* multishipment*/ .lt-ie9 .item-selector label img{ margin-right: 13px; max-width: 52px; float: left; position:relative; } .lt-ie9 .item-selector label span{ padding-top: 10px; margin-top: 0; max-width: 190px; font-family: "exp-regular",Arial; position: absolute; padding-left: 100px; z-index: 100; min-height: 51px; } .lt-ie9 .item-selector.completed label span{ padding-top: 0; font-family: "exp-medium",Arial; padding-left: 70px; } /* ------------ IE 7 ------------- */ .lt-ie8 .cta{ height: 38px !important; } .lt-ie8 .columns{ display:-moz-inline-stack; display:inline-block; zoom:1; line-height: 16px; *display:inline; } .lt-ie8 .hide{ display: none; } .lt-ie8 .row{width: auto} .lt-ie8 .row .row{ padding-bottom: 20px;} .lt-ie8 #add-promo-code .four{ width: auto; } .lt-ie8 #add-promo-code .eight{ width: auto; } .lt-ie8 #add-promo-code small.error{ width: 100%; clear: left; } .lt-ie8 form .row .columns{ overflow: hidden; margin:0; } .lt-ie8 input[type="text"], .lt-ie8 input[type="password"]{width: 90%;} .lt-ie8 .row.padding.shipment .twelve.columns input[type="text"]{width: 90%;} .lt-ie8 .row.padding.shipment .twelve.columns input.ten{width: 75%;} .lt-ie8 .row.padding.shipment .twelve.columns select#country{width: 80%;} .lt-ie8 .row.padding.shipment .twelve.columns select#modify-shipping-type{width: 96%;} .lt-ie8 .twelve.columns select#modify-shipping-type{width: 48%;} /*This is causing problems in My Account .lt-ie8 .six.columns input[type="text"]{width: 90%;} .lt-ie8 form textarea{ width: 96%;} */ .lt-ie8 .inline-list li label{ line-height: 1.5em; } .lt-ie8 select, .lt-ie8 input[type="text"]{ float: left; clear: both; } .lt-ie8 input[type="text"], .lt-ie8 input[type="password"]{ height: 20px; } .lt-ie8 input[type="submit"], .lt-ie8 button{ height: auto; } .lt-ie8 hr { float: left; margin: 0; } .lt-ie8 .apply{ padding:7px 14px; } /* order summary */ .lt-ie8 #order-summary-section{ width: auto; } .lt-ie8 #cart-items-section ul{ margin:0; } /* gifting */ .lt-ie8 .gifting input[type="checkbox"]{ float: left; margin: 0px; } .lt-ie8 .gifting label{ margin-bottom: 10px; } .lt-ie8 #edit-shipping-order-confirmation .columns{ padding: 0 6px; } /* order confirmation */ .lt-800.lt-ie8 .order-tracking .columns, .lt-800.lt-ie8 #sms-tracking{ width: 100%; } .lt-ie8 .order-tracking input[type="submit"]{ height: 30px; text-indent: 1px; width: 30px; color: transparent; margin-left: 180px; } .lt-ie8 .order-tracking label{ font-size: 1.22em; margin-top: 8px; } .lt-ie8 .sign-up label{ vertical-align: top; line-height: 1.3; } .lt-ie8 .invite-friend .twelve.columns{ padding: 0; } .lt-ie8 .invite-friend .twelve.columns .row{ margin-left: 0; margin-bottom: 20px; } .lt-ie8 .order-confirmation .cta{ padding:9px 68px 12px 67px; } .lt-ie8 .sharing-overlay{ background: url(../images/bg-sharing-overlay.png) repeat; } .lt-ie9 .social-share li{ float: left; margin-right: 5px; } .lt-ie8 #signUp .padding label a{ display: inline-block; margin-top: 5px; } .lt-ie8 .submit-message button{ margin-left: 4px; } .lt-ie9 .social-share .sharing-overlay, .lt-ie9 .social-share > li{ width: 116px; height: 134px; } .lt-ie9 .sharing-overlay ul{ margin-left: 20px; } /*Multiple Shipment*/ .save-payment-info{ font-weight:normal; } .save-payment-info input{ margin-top:0; } .lt-ie8 .item-selector input[type="checkbox"] + label{ width: 220px; } .lt-ie8 .shipment h2{ margin-bottom: 0px; } .lt-ie8 .shipment .available-shipping-addresses label input[type="radio"]{ margin-top: -1px; } .lt-ie8 .item-selector li{ height: 80px; } .lt-ie8 .item-selector label{ height: 60px; } .lt-ie8 .item-selector label span{ padding-left: 60px; width: 150px; margin-right: 0; } .lt-ie8 .item-selector label img{ z-index: -1; position: absolute; } /* footer */ .lt-ie8 footer{ overflow: hidden; } .lt-ie8 footer .footer-link .ten .two{ width: 15.8%!important; } .lt-ie8.lt-1000 footer .footer-link > .two{ width: 15.8%!important; } .lt-ie8.lt-1000 footer .footer-link > .ten{ width: 80%!important; } /* Gifting */ .lt-ie8 .gifting-options .eight, .lt-ie8 .gifting-options .four {width: 100%;} .lt-ie8 .gifting-options legend{ font-size: 0.929em; } .lt-ie8 .gifting-options label span{ display: inline-block; padding-top: 4px; margin: 0; } .lt-ie8 .gifting-options label input{ margin-top: -10px; padding-top: -10px; } /* billing & payment methods */ .lt-ie8 #gift-card-pin-label { margin-bottom: 5px; } .lt-ie8 input#gift-card-pin{ /*width:16.66667%;*/ } .lt-ie8 input#credit-card-number { width:33.33333%; } .lt-ie8 input#credit-card-security-code{ width: 10%; } .lt-ie8 .gifting-options label{ font-size: 0.929em; } .lt-ie8 .gifting-options h5{ font-size: 1.071em; } .lt-ie8 #apply-gift-card-wrapper{ width:25%; } /* Receipt */ .lt-ie9 .receipt-box .padding{ padding-left: 20px; } .lt-ie8 .receipt-box ul.info-billed{ padding: 0px; } .lt-ie8 .receipt-box ul.info-billed li{ margin-bottom: 0px; line-height: 140%; } .lt-ie8 .receipt-box .info-method{ margin-bottom: 20px; } .lt-ie8 input#pay-with-cc { margin-top:8px; } .lt-ie8 input#pay-with-paypal { margin-top:0; } .lt-ie8 input#pay-with-bml { margin-top:6px; } .lt-ie8 #apply-payment-options .no-bullet #change-payment-type {margin-left:10px;} .lt-ie8 input[type="submit"].five{ width: 300px; } .lt-ie8 #cart-items-section .nine .six{ width: 46% !important; float: left; } /* ----------------------------------------- 1280 or LESS IE7 and IE8 Specific ----------------------------------------- */ .lt-800.eq-ie7 form{ padding: 0; margin: 0; } .lt-1024.eq-ie7 section.order-confirmation h2{ padding-left:0; } .lt-1024.eq-ie7 .shipment h2{ padding-left: 0; } .lt-ie8 fieldset legend{ text-indent: -4px; } .lt-1024.lt-ie8 .order-tracking input[type="text"]{ width: 128px; } .lt-1024.lt-ie8 .order-tracking .four, .lt-1024.lt-ie8 .order-tracking .eight{ padding: 0 } .lt-1024.lt-ie8 .order-tracking input[type="submit"]{ margin-left: 165px; } .lt-1024.eq-ie7 textarea{ max-width: 405px; } .lt-1024.lt-ie8 .item-selector{ width: 90%; padding: 8px; } .lt-1024.lt-ie8 .item-selector.ready{ background: none!important; padding: 8px; } .lt-800.lt-ie8 .shipment .columns, .lt-1024.lt-ie8 .shipment .six .row .twelve select{ width: 100%; } .lt-1024.lt-ie8 .order-tracking label{ font-size: 1.3em; margin-top: 10px; } .lt-1024.lt-ie9 #order-summary-section-bottom .four, .lt-1024.lt-ie9 #order-summary-section-bottom .eight{ width:100%; } .lt-1024.lt-ie9 section .order-summary table{ border-left:none; } .lt-1024.lt-ie9 section .order-summary table tr td { padding-left:0px; } .lt-1024.lt-ie9 #cart-items-section .columns{ float: left; } .lt-1024.lt-ie9 #cart-items-section .three{ width: 24% !important; } .lt-1024.lt-ie9 #cart-items-section .nine{ width: 74% !important; } /* ----------------------------------------- Mobile ----------------------------------------- */ @media only screen and (max-width: 767px) { .witherror{ width: auto !important; clear: left; } .left{ float: left; } .right{ float: right; } #content{ margin-top: 0; margin-bottom: 0; } .row.display{ width: 100%; max-width: 979px; background: red; } .row form .row{ margin: 0; } .row > div{padding-left: 0px; padding-right: 0px;} .row{ padding: 0; margin: 0; } body .padding, section h2{ padding-left: 4%; padding-right: 4%; } body .row .row .padding{ padding-left: 0; padding-right: 0; } input + span{ margin-left: 0px; } .top-spacing-columns{ margin-top: 14px; } #apply-gift-card{ margin-top: 0; } #apply-gift-card-wrapper { margin-top: 0.4em; } .gifting .gifting-options input[type="checkbox"] + label{ float: none; display: block; margin: 2px 0px 15px 0px; } .tooltip-wrapper.table-tooltip table tr td, .tooltip-wrapper.table-tooltip table tr th{ padding: 5px; } .tooltip-wrapper .tooltip-arrow{ left: 42%; } .tooltip-wrapper{ max-width:80%; } .row.payment-type-indent { padding-left: 42px; } .row form .row .columns input.one, .row form .row .columns select.one{ width: 50%; } .padding{ padding: 0 3.45%; } .row form .row .columns{ padding: 0; } .row .row .columns select.six, .row .row .columns select.eight, .row .row .columns select.eleven{ width: 100%; } .row .row .columns select.three,.row .row .columns select.two{ width: 33%; } .row .row .four{ width: 100% !important; } #cart-items-section .columns{ float: left; width: 100%; } #cart-items-section .two{ text-align: right; padding-top:10px; float: right; } #cart-items-section .three{ width: 25% !important; } #cart-items-section .nine{ width: 75% !important; } #cart-items-section .nine .six{ width: 50% !important; } footer{ padding-bottom: 200px; padding-top: 40px; } footer .footer-utility{ margin-bottom: 40px; } footer .footer-link .link-list li span, footer .footer-link .link-list li a{ margin-top: 0px; } footer .footer-utility .footer-utility-box{ display: block; margin-left: auto; margin-right: auto; width: 80%; margin-bottom: 30px; } footer .footer-link .link-list{ text-align: center; } footer .footer-link .link-list li{ display: inline-block; float: none; } #order-summary-section{ padding-left: 4%; padding-right: 4%; } #cart-items-section .row{ padding-left: 4%; padding-right: 4%; } section .order-summary table{ border-left:none; } section .order-summary table tr td { padding-left:0px; } #security{ padding-left: 60px; } #order-summary-checkout-utility{ float: none; margin-left: 4%; } #order-summary-checkout-utility #help-content{ margin-left: 0; } select#credit-card-expiration-month { width: 40%; } input#credit-card-security-code { width: 20%; } } /* ----------------------------------------- Tablet ----------------------------------------- */ @media only screen and (min-width : 768px) and (max-width: 999px) { .row{ padding-left: 1.5%; padding-right: 1.5%; } select{ max-width: 280px; } .item-selector label span{ max-width: 44%; } .gifting .gifting-options input[type="checkbox"] + label{ float: none; display: block; margin: 2px 0px 15px 0px; } #cart-items-section .two{ text-align: left; padding-top:0px; } #cart-items-section .item-module .item-details{ float: left; } #cart-items-section .item-module .pricing-info{ float: left; text-align: left; margin-top: 15px; } #cart-items-section .row .three{ width: 33%; } #cart-items-section .row .nine{ width: 66%; } #cart-items-section .six{ width: 50%; } .row .row .padding{ padding-left: 0; padding-right: 0; } .row form .row .columns select.eleven{ width: 100%; } .row form .row .columns input.four, .row form .row .columns input.five, .row form .row .columns select.four, .row form .row .columns select.six, .row form .row .columns.two select{ width: 63.3333%; } .row form .row .columns input.one, .row form .row .columns select.one, .row form .row .columns input.two, .row form .row .columns select.two{ width: 33%; } .row form .row .columns input.three, .row form .row .columns select.three{ width: 45%; } .order-tracking .columns{ width: 100%; } .order-tracking .columns label{ width: 60%; line-height: 1.3; } .top-spacing-columns{ margin-top: 14px; } small.error{ padding-bottom: 10px; } section .order-summary table{ border-left:none; } section .order-summary table tr td { padding-left:0px; } footer .footer-link .link-list li span, footer .footer-link .link-list li a{ margin-top: 5px; } footer .footer-link .link-list{ text-align: right; } footer .footer-link .link-list li{ display: inline-block; float: none; } .tooltip-wrapper{ max-width:50%; } } /* Chrome Only CSS Fixe for extra large screen */ @media only screen and (min-width : 1348px) { .row{ padding-left: 45px; padding-right: 45px; } } /* ----------------------------------------- AJAX Specific ----------------------------------------- */ .ajax{ display: block; } .ajax.transition{ display: none; } /* ------------------------------------------- PRINT STYLES ------------------------------------------- */ @media print { a:link, a:visited {color:#666 !important;} html, body { background:white; margin: 0; padding: 0; } @page { margin:0; margin-top: 35px; } .row .one, .row .two, .row .three, .row .four, .row .five, .row .six, .row .seven, .row .eight, .row .nine, .row .ten, .row .eleven, .row .twelve, .row .offset-by-one, .row .offset-by-two, .row .offset-by-three, .row .offset-by-four, .row .offset-by-five, .row .offset-by-six, .row .offset-by-seven, .row .offset-by-eight, .row .offset-by-nine, .row .offset-by-ten, .row .centered, .row .offset-by-one:first-child, .row .offset-by-two:first-child, .row .offset-by-three:first-child, .row .offset-by-four:first-child, .row .offset-by-five:first-child, .row .offset-by-six:first-child, .row .offset-by-seven:first-child, .row .offset-by-eight:first-child, .row .offset-by-nine:first-child, .row .offset-by-ten:first-child, .row .offset-by-eleven:first-child { float:left !important; } footer, #nav, .account-nav, #explore, .tooltip-wrapper, .social-tooltip, .tooltip-header, form, .hide, .social-share, #order-summary-checkout-utility, #content .row:first-child h2, .fixed-left.columns.two, #supporting-data-section{display:none !important;} .fluid-right {border:none !important;} .general-content {padding:0 !important; margin:0;} div:not(#explore):not(.account-nav):not(.reveal-modal):not(.hide):not(form):not(header):not(footer):not(#nav):not(.social-tooltip):not(.tooltip-header):not(.social-share):not(#order-summary-checkout-utility):not(#supporting-data-section):not(.hide-on-print) { display: block !important; font-size: 1.000em !important; } #content .row .seven, #content .row .five{ float: none !important; width: 100%; padding: 0; margin: 0; } #content .row .row, #content .row .row .columns, #content .row div{ padding-left: 0; } h1 a:link:after, h1 a:visited:after { content:""; } /* If you want to have the URL's printed after the content enable this code a:link:after, a:visited:after { content:" [" attr(href) "] "; } */ } /* ----------------------------------------- Alerts ----------------------------------------- */ /*========== .checkout-session-timeout-top-alerts ==========*/ #checkout-session-timeout-top-alerts div:first-child { margin-top: 0; } /*========== Icon alerts ==========*/ .checkout-session-timeout-alert-icon { background: #E2F4F9; padding: 10px 0; position: relative; margin: 20px 4%; width: 92%; } .checkout-session-timeout-alert-icon p { margin: 0; line-height: 18px; margin: 0 25px 0 45px; } /* icon-sprite background */ .checkout-session-timeout-alert-icon .close-alert, .checkout-session-timeout-alert-icon .right-arrow, .checkout-session-timeout-alert-icon .icon{ background-image: url(../images/icon-sprite.png); background-repeat: no-repeat; background-attachment: scroll; } .checkout-session-timeout-alert-icon .icon { height: 25px; margin: 14px 10px; left: 0; position: absolute; top: 0; width: 25px; } .checkout-session-timeout-alert-icon .close-alert, .checkout-session-timeout-alert-icon .right-arrow{ display: block; cursor: pointer; height: 26px; margin-right: 0.5em; overflow: hidden; position: absolute; right: 0; text-indent: 300px; top: 7px; width: 15px; } /*========== Background position for icon ==========*/ .checkout-session-timeout-alert-icon .alert { background-position: -747px -285px; } /* ----------------------------------------- FONT ADJUSTMENTS ----------------------------------------- */ .white{color: #fff !important;} .black{color: #000 !important;} .green{color: #2e9a54 !important;} .gray{color: #575757 !important;} .gray-light{color: #979797 !important;} .gray-dark{color: #878787 !important;} a.gray-light:hover{color: #fff !important;} .gray-button{background: #a4a4a4;} .size-reset{font-size: 14px !important;} .size-normal{font-size: 1em !important;} .size-down-1{font-size: 0.929em !important; line-height: 1.3em !important;} /*13px */ .size-down-2{font-size: 0.857em !important; line-height: 1.3em !important;} /*12px */ .exp-bold{font-family: 'exp-bold',arial !important;} .exp-medium{font-family: 'exp-medium',arial !important;} .exp-regular{font-family: 'exp-regular',arial !important;} .exp-light{font-family: 'exp-light',arial !important;} .text-align-right{text-align: right;} .no-transform{text-transform: none !important;} .phone-number-link{color: inherit; text-decoration: none; font-family: 'exp-regular', arial !important;} .phone-number-link:hover{color: inherit; text-decoration: none;} .sdd-continue-btn { color: #fff !important; margin-right: 8px; background: #000; padding: 1.2rem 0.5rem; font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; text-decoration: none; text-align: center; border-radius: 4px !important; } .sdd-cancel-btn { color: #000 !important; background: #d5d5d5; margin-right: 8px; padding: 1.2rem 0.5rem; font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; text-decoration: none; text-align: center; border-radius: 4px !important; } .ssd-available-item{ background: #000; color: #fff !important; font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; text-decoration: none; text-align: center; letter-spacing: 0.1em; padding-top: 10px; padding-bottom: 10px; } .ssd-unavailable-item{ background: #cd0000; color: #FFF !important; font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; text-decoration: none; text-align: center; letter-spacing: 0.1em; padding-top: 10px; padding-bottom: 10px; } .ssd-available-item-count { color: #000 !important; margin: 0 30px 0 30px; padding: 1.2rem 0.5rem; font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; text-decoration: none; text-align: right; letter-spacing: 0.1em; float: right; } .ssd-available-item-count .tot-count{ font-weight: bold; } .same-day-delivery { width: 634px; margin-left: -380px; margin-top: 24px; } .exp-regular.bold { font-weight: 600; letter-spacing: 0.1em; } .extra-padding{ padding-top: 10px; padding-bottom: 10px; } .extra-padding.top { padding-top: 10px; } .extra-padding.bottom { padding-bottom: 10px; } .sdd-text-box { border-radius: 4px !important; height: 40px !important; margin-bottom: 4px !important; } .sdd-h3 { font-size: 24px; text-transform: uppercase; padding-top: 13px; padding-bottom: 12px; } .sdd-h2 { font-size: 22px; text-transform: uppercase; } #sameday-checkout-response .close-reveal-modal { color: #000; font-family: exp-light; background-color: transparent; top: 10px; right: 10px; text-shadow: none; } .sdd-notification { color: #cd0000 !important; font-size: 14px; font-family: exp-regular; } .sdd-form-section { padding-left: 40px !important; padding-right: 40px !important; } .divider{ position:absolute; left:55%; top:32%; bottom:52%; border-left:1px solid #868686; } .reveal-modal.sdd{ left: 0 !important; margin: 0 auto !important; max-width: 70rem !important; right: 0 !important; width: 100% !important; } .sdd-section { float: left !important; padding-left: 10px !important; padding-top: 10px !important; width: 82% !important; } #sdd-section .row.white { background: #fff; } #sdd-section>.row{ background: #f5f5f5; } .sdd-section-bg { background: #f5f5f5 !important; } .notification-all-border{ border-top:2px solid #cd0000; border-bottom:2px solid #cd0000; border-right:2px solid #cd0000; border-left:2px solid #cd0000; padding: 5px 5px 5px 5px; } .sdd-side-padding { padding-right:15%; padding-left:15%; } .no-side-borders { border-right:0px; border-left:0px; } .sdd-no-margin { margin: 0 !important; } @media only screen and (max-width: 636px) { .sdd-section { width: 100% !important; } .sdd-btn-full-width { width: 100%; } .zero-padding { padding-top: 0px !important; } } .sdd-overlay { position:fixed; top:0; left:0; background:rgba(0,0,0,0.4); z-index:5; width:100%; height:100%; display:block; opacity:2; } .spinner-text { width: 100%; top: 40%; left: 45%; position: relative; display: none; } .spinner-container { height: 64px; width: 64px; top: 40%; left: 45%; position: relative; display: none; -webkit-animation:spin 2s linear infinite; -moz-animation:spin 2s linear infinite; animation:spin 2s linear infinite; } @-moz-keyframes spin { 100% { -moz-transform:rotate(360deg); } } @-webkit-keyframes spin { 100% { -webkit-transform:rotate(360deg); } } @keyframes spin { 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg); } } .exp-text-box-round-edge { border-radius: 4px !important; height: 40px !important; } .exp-text-area-round-edge { border-radius: 4px !important; height: 200px !important; }/* header.css */ /* Document : subnav Created on : Feb 6, 2013, 11:31:13 AM Author : bernardo.cases Description: Styles for the sub navigation bar */ /*ACCOUNT _ ITEMS NAV BAR*/ header { z-index: 30; width: 100%; background-color: #000; position:relative; } header .row.collapse { padding:0; } .mobile-header{ display: none; position: absolute; width: 100%; left: 0; top: 0; } .mobile-header .row{ padding-left: 2%; padding-right: 2%; background: #000; } .bag-icon,.user-icon,.search-icon,.menu-icon{ display:inline-block; background-image:url(../images/icon-sprite.png); background-repeat: no-repeat; color: #FFF; min-width: 31px; height: 24px; text-align: center; } .bag-icon,.search-icon,.menu-icon { background-image:url(../images/icon-nav-sprite.png); background-size: 56px 373px; } #search-header-content { width: 430px; margin-top: 0; } #search-header-content form { margin: 0; } .tooltip-my-account{ display: none; z-index: 99999; top: 75px; margin-top: 7px; position: absolute; background: transparent; } .tooltip-my-account .tooltip-arrow{ position: absolute; top: -7px; text-indent: -99999px; background: url(../images/tooltip-arrow.png) no-repeat; width: 13px; height: 7px; } #logo-nav-container { height: 37px; } #logo-container { padding-right:24px; float: left; } #nav-container { float: left; } #account-container { margin: 0; height: 33px; } #logo-nav-container, #toolbar-container { padding: 0; } #logo-container, #nav-container, #toolbar-container, #toolbar-container ul, header ul li{ display:inline-block; } header>.row.primary { padding-bottom: 12px; } #checkout header { padding-bottom: 16px; } #checkout header>.row.primary { padding-top: 19px; } header ul, header ul>li { list-style-type: none; margin-bottom: 0; } header ul>li { margin: 0 10px 0 0; } header ul>li:last-child, header li.logged-out { margin: 0; } header ul>li:before { border-right: 1px solid #464646; content: ""; width: 1px; display: inline-block; height: 20px; margin-right: 10px; position: relative; bottom: -6px; } #checkout header ul>li:before { display: none; } header ul>li:first-child:before, header li.logged-out:before { border-right-width: 0; width: 0; margin-right: 0; } #toolbar-container { margin-top: 10px; } #header-logo { vertical-align: bottom; } #header-logo img { height: 30px; width: 180px; } .bag-icon{ background-position: -12px -151px; color: #FFF; width: 19px; height: 23px; } .bag-icon.empty{ background-position: -12px -204px; color: #000; width: 19px; height: 23px; } .user-icon { background-position: -247px -56px; } .user-icon.empty { background-position: -272px -56px; } a.user-icon.empty:active,a.user-icon.empty:hover{ background-position: -272px -832px; } .search-icon{ background-position: -16px -98px; width: 22px; height: 22px; min-width: 22px; } .menu-icon{ background-position: -40px -60px; min-width: 20px; } .menu-icon.opened{ background-position: -386px -60px; } .toolbar-button{ font-family: "exp-medium",Arial; font-size: 0.929em; line-height: 30px; height: 24px; display: inline-block; color: #ffffff; text-decoration: none; position: relative; } .toolbar-button .text { font-family: "exp-regular",Arial; padding-right: 5px; } .tooltip-header{ display:none; position:absolute; z-index: 100; margin-top: 25px; padding-top: 6px; } .tooltip-header .tooltip-arrow{ background: url("../images/bg-social-tooltip.png") no-repeat top center; text-indent: -9999px; width: 12px; height: 6px; position: absolute; top: 0; } .tooltip-header p{ padding: 14px; text-align: center; text-transform: uppercase; font-family: "exp-medium",Arial; background-color: #40b4eb; color: #fff; line-height: 13px; margin:0; } /** * Predictive search styles */ .tooltip-search input[type=submit] { display: none; position: absolute; right: 0; bottom: 8px; background-image:url(../images/icon-nav-sprite.png); background-repeat: no-repeat; background-position: -18px -253px; background-size: 56px 373px; background-color: #ffffff; width: 19px; height: 17px; } #search-header-content .tooltip-search form { margin: 30px; position: relative; } #search-input { border-width: 0 0 1px 0; color: #000; font-family: 'exp-bold',arial; padding-left: 5px; text-transform: capitalize; } #search-input:focus { outline: none; } #search-input::-ms-clear { display: none; } .autocomplete-suggestions { position: relative !important; overflow-y: scroll; width: auto !important; } .menu.menu-mobile>ul { padding: 0; } .menu-mobile ul li a, .autocomplete-suggestion { text-decoration: none; text-transform: capitalize; display: block; cursor: pointer; padding: 12px 0px 12px 34px; color:#000000; } .autocomplete-suggestion:hover, .autocomplete-suggestion.autocomplete-selected { background-color:#dbdbdb; } .menu-mobile ul li a { text-transform: uppercase; font-family: 'exp-medium', arial; letter-spacing: 1.5px; padding: 16px 0px 16px 20px; } .menu-mobile ul li.sub-category a { padding: 12px 0px 12px 34px; } .menu-mobile ul li { background-color: #ffffff; border-bottom: 1px solid #c0c0c0; } .menu-mobile ul li:last-child { border-bottom: 4px solid #000000; } .menu-mobile ul li.open .caret-icon, .menu-mobile ul li.closed .caret-icon { background-image:url(../images/icon-nav-sprite.png); background-repeat: no-repeat; background-size: 56px 373px; color: #FFF; text-align: center; float: right; margin: 5px 18px 0 0; width: 20px; height: 10px; } .menu-mobile ul li { height: 54px; } .menu-mobile ul li.sub-category, .menu-mobile ul li.grand-category { background-color: #ededed; height: 44px; } .menu-mobile ul li.open .caret-icon { background-position: -17px -331px; } .menu-mobile ul li.closed .caret-icon { background-position: -17px -298px; } .menu-mobile ul li.sub-category a, .menu-mobile ul li.grand-category a { font-family: 'exp-regular',arial; text-transform: none; padding-left: 44px; } .menu-mobile ul li.grand-category a { padding-left: 80px; } .main-nav .nav-arrow{ float: right; height: 16px; width: 16px; margin-right: 5px; display: inline-block; margin-top: 8px; background:url(../images/icon-sprite.png) no-repeat -390px -97px; } /*END ACCOUNT ITEMS NAV BAR*/ /*PRIMARY NAVIGATION BAR*/ .main-nav > ul{ list-style: none; margin-bottom: 0; list-style-type: none; position: relative; bottom: -10px; } .main-nav > ul > li.selected a{ color: #FFF; } header ul > li > a:hover{ color: #FFF; } header ul>li>a { text-decoration: none; color: #ffffff; font-size: .85em; line-height: 1.1em; letter-spacing: .15em; position:relative; } .main-nav > ul > li a { font-family: "exp-bold",Arial; text-transform: uppercase; } .main-nav a[title="Sale"], .main-nav > ul > li a[title="Sale"] { color: #cc0000; } .main-nav ul li:first-child > a:hover:after, .main-nav ul li:first-child.selected > a:after { margin-left: -1px; } .main-nav ul li > a:hover:after, .main-nav ul li.selected > a:after { text-indent: -99999px; background: url(../images/tooltip-arrow.png) no-repeat; width: 13px; height: 7px; content: ""; display: inline-block; left: 50%; bottom: -17px; margin-left: -7px; position: absolute; } #selected-category-link { display: inline-block; margin-left: 24px; font-family: "exp-medium",Arial; vertical-align: inherit; } /* ----------------------------------------- Banner Top Styles ----------------------------------------- */ .browse-promotion{ background-color: #fed700; padding: 15px 0px; text-align: center; color:#292929; text-transform: uppercase; position: relative; } .browse-promotion .row .twelve{ font-family: 'exp-light', Arial; font-size: 1.143em; letter-spacing: 0.143em; } .browse-promotion .row .twelve span{ font-family: 'exp-bold', Arial; } .close-banner{ width: 13px; height: 13px; position: absolute; top:10px; right: 7px; background: url(../images/icon-sprite.png) -431px -647px no-repeat; text-indent: -9999px; } .user-closeable.closed { display: none; } .eq-ie8 #logo-container { display:inline; } /* ----------------------------------------- Desktop Style HEAD ----------------------------------------- */ header{ background: #000; } header #checkout-utility{ margin: 0px; } header #checkout-utility li{ padding: 4px 0; } header #checkout-utility li, header #checkout-utility li a{ color: #bababa; } header #checkout-utility li span{ display: inline; } header #checkout-utility #help{ background: url(../images/icon-sprite.png) -38px -489px no-repeat; padding-top:4px; } header #checkout-utility #chat{ background: url(../images/icon-sprite.png) -36px -580px no-repeat; } header #checkout-utility #help, header #checkout-utility #chat{ padding-left: 30px; padding-bottom: 0; } /* Menu styles */ #global-promotion-container { z-index: 30; } .menu { position: absolute; display: none; } .menu .tooltip-arrow { position: absolute; top: -7px; text-indent: -99999px; background: url(../images/tooltip-arrow.png) no-repeat; width: 13px; height: 7px; } .menu, #search-header-content, .menu-mobile { z-index: 300; background-color: #ffffff; color: #000000; font-family: 'exp-regular',arial; -moz-box-shadow: 0px 5px 15px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 5px 15px rgba(0,0,0,0.5); box-shadow: 0px 5px 15px rgba(0,0,0,0.5); } .menu-mobile { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .menu-tooltip-body { padding: 30px 30px 0 30px; } .menu-tooltip-body .title { font-family: "exp-bold",arial; text-transform: uppercase; color: #000000; border-bottom: 1px #cccccc solid; margin-right: 30px; line-height: 30px; letter-spacing: 1px; } .menu-tooltip-body .five-column { width:20%; } .menu-content { width: 25%; float: right; } .menu ul { list-style-type: none; margin-bottom: 0; padding-right: 20px; } .menu-tooltip-footer { clear: both; width: 100%; padding-top: 2em; } .menu-tooltip-body a { color: #000000; font-family: "exp-regular",Arial; padding: 5px 0 5px 0; display: block; } .menu-tooltip-body .five-column .title a { font-family: "exp-bold",Arial; } .shops-content a { padding: 0; } .menu-tooltip-body a, .menu-tooltip-body a:hover { text-decoration: none; } .sale-menu .menu-tooltip-body { padding-top: 2em; } .sale-menu .menu-tooltip-body div>div, .shops-menu .menu-tooltip-body div>div { text-transform: uppercase; font-family: "exp-bold",Arial; } .root-category a { font-family: "exp-medium",Arial; } .lookbooks-menu .menu-tooltip-body .root-category { line-height: 1.6; } /* Nav fixes */ @media only screen and (max-width: 1086px) { #nav-container ul>li:last-child { display: none; } } @media only screen and (max-width: 1024px) { #toolbar-container .text { display: none !important; } /* Navigation Arrow Fix */ .main-nav ul li > a:hover:after, .main-nav ul li.selected > a:after { bottom: -13px; } html.ff .main-nav ul li > a:hover:after, html.ff .main-nav ul li.selected > a:after { bottom: -16px; } html.ie .main-nav ul li > a:hover:after, html.ie .main-nav ul li.selected > a:after{ bottom: -17px; } @media only screen and (max-width : 767px) { header>.row.secondary, #nav-container, #menu-tooltips-container, .main-nav > ul > li > ul, #search-header-content .tooltip-arrow, header #checkout-utility ul>li:before{ display:none !important; } header>.row.primary { padding-bottom: 0; } #checkout header { padding-bottom: 0; } #checkout header>.row.primary { padding: 0; } header #checkout-utility #chat { display: none; } header #checkout-utility #help { padding-bottom: 12px; margin-top: 12px; } header ul { margin: 0; } #logo-nav-container { float: left; } #toolbar-container, #checkout-utility { float: right; } #toolbar-container { margin: 0; } #toolbar-container .toolbar-button { padding: 12px 5px 12px 5px; height: auto; } #logo-container a.show-for-small { padding: 19px 10px 15px 20px; float: left; } #header-logo { display: inline-block; padding: 17px 0 0 0; margin-left: 14px; } #header-logo img { width: 137px; height: 23px; } #logo-container { padding-right: 0; } #checkout #header-logo { padding-left: 10px; } #search-header-content { min-width: 100%; } .main-nav > ul > li.selected ul{ display: block; border-top: 1px #cccccc solid; } .main-nav > ul > li.selected{ display: block; background: #b2b2b2; } .bag-icon, .menu-icon, .search-icon { display:inline-block; background-image:url(../images/icon-nav-sprite.png); background-repeat: no-repeat; background-size: 56px 373px; color: #FFF; text-align: center; } .menu-icon { background-position: -19px -57px; width: 18px; height: 18px } .menu-icon.open { background-position: -19px -21px; } .bag-icon { background-position: -11px -151px; width: 23px; height: 23px; margin-top: 5px; margin-right: 9px; padding-left: 3px; } a:hover >.search-icon, .search-icon { background-position: -16px -98px; width: 22px; height: 22px; } .bag-icon.empty { background-position: -10px -203px; color: #000; padding-left: 5px; } #logo-container { padding-right: 0; } } @media only screen and (min-width : 768px) { .menu-mobile { display: none !important; } header>.row.primary { height: 49px; } } @media only screen and (min-width : 768px) and (max-width: 999px) { .main-nav > ul > li{ margin-right: 14px; } .toolbar-button { margin-left: 10px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .menu-tooltip-body .title { line-height: 16px; } .shops-menu .menu-tooltip-body .title { letter-spacing: 0px; margin-right: 8px; } } @media only screen and (min-width : 999px) { #global-promotion-container { position: absolute; display: none; } } @media only screen and (max-width : 999px) { #toolbar-container ul>li { margin: 0; } #toolbar-container ul>li:before { border-right-width: 0; width: 0; margin-right: 0; } .account-nav > ul .hide-for-tablet-down, #nav-container ul>li:last-child { display: none; } #global-promotion-container, .menu { min-width: 100%; max-width: 100%; } } /* Checkout Header Fixes */ header #checkout-utility #chat { padding-left: 36px; } header #checkout-utility li.hide-for-small { display: inline-block !important; } #checkout header { padding-bottom: 16px; } @media only screen and (max-width: 767px) { #checkout header { padding-bottom: 0; } header #checkout-utility li.hide-for-small { display: none !important; } } /*search and my bag labels*/ } @media only screen and (max-width: 855px) { .main-nav [data-menu="menu-tooltip-cat1670004"] { display: none !important; } } #menu-tooltip-giftCards ul.four.columns { float: left; } /*---------- SNAP Search Typeahead ---------*/ .tt-dropdown-menu { visibility: hidden !important } #aim-search-input { border-width: 0 0 1px 0; border-color: #000; color: #000; font-family: 'exp-bold',arial; padding-left: 5px; text-transform: capitalize; } #aim-autocomplete-results { max-height: 300px; z-index: 9999; } #aim-search-input:focus, #aim-search-input:active { outline: none !important; } .twitter-typeahead, .tt-input, #aim-search-input { width: 100% !important; } #aim-autocomplete-results .autocomplete-suggestion a { color: #000; text-decoration: none; display: block; } /* shopping-bag.css */ /* TABLE OF CONTENTS -- General Styles -- Alerts -- CTAs -- Mobile Confirmation -- Shopping Bag Peek -- Shopping Bag products -- Favorites -- Desktop Style LEFT SECTIONS -- Desktop Style RIGHT SECTIONS -- Tablet -- Mobile -- IE Specific Styles -- 1280 or LESS IE7 and IE8 Specific */ /* ----------------------------------------- General styles ----------------------------------------- */ #shopping-bag #content, #shopping-bag #content p, #shopping-bag #content li { font-size: 13px !important; /* Override */ } #peek-content .cta { padding: 5px 6px 5px; height: auto; } #shopping-bag .cta { padding: 10px 22px 10px; /* ALE - Check this against app.css */ } #shopping-bag .cta-paypal, #peek-content .cta-paypal { padding: 5px 0; } #shopping-bag .cta-paypal:hover, #peek-content .cta-paypal:hover { color: #000; } #shopping-bag select#modify-shipping-type { margin-bottom: 0; } #shopping-bag #balance-check-error-messages > li { color: #c81210; } /* ----------------------------------------- Alerts ----------------------------------------- */ /*========== Icon alerts ==========*/ .shopping-bag-alert-icon { background: #F5F5F5; padding: 10px 0; position: relative; margin: 20px 4%; width: 92%; } .shopping-bag-alert-icon p { margin: 0; line-height: 18px; margin: 0 25px 0 45px; } /* icon-sprite background */ .shopping-bag-alert-icon .close-alert, .shopping-bag-alert-icon .right-arrow, .shopping-bag-alert-icon .icon{ background-image: url(../images/icon-sprite.png); background-repeat: no-repeat; background-attachment: scroll; } .shopping-bag-alert-icon .icon { height: 25px; margin: 14px 10px; left: 0; position: absolute; top: 0; width: 25px; } .shopping-bag-peek .shopping-bag-alert-icon .icon { margin: 6px 10px; } .shopping-bag-alert-icon .close-alert, .shopping-bag-alert-icon .right-arrow{ display: block; cursor: pointer; height: 26px; margin-right: 0.5em; overflow: hidden; position: absolute; right: 0; text-indent: 300px; top: 7px; width: 15px; } /*========== .shopping-bag-alert ==========*/ .shopping-bag-alert { background: #F5F5F5; display: none; padding-bottom: 10px; padding-top: 10px; } .shopping-bag-alert p { color: #000; margin: 0 10px; } /*========== .shopping-bag-product .shopping-bag-alert-icon ==========*/ .shopping-bag-product .shopping-bag-alert-icon { background-color: #E2F4F9; float: left; margin: 10px 0 0 0; width: 100%; } .shopping-bag-product .shopping-bag-alert-icon .icon { margin: 7px 10px; } .shopping-bag-product .shopping-bag-alert-icon p { color: #000; } .shopping-bag-product .shopping-bag-alert-icon a { color: #000100; } /*========== Background position for icon ==========*/ .shopping-bag-alert-icon .alert { background-position: -747px -285px; } .shopping-bag-alert-icon .price-tag { background-position: -747px -335px; } .shopping-bag-alert-icon a.right-arrow { background-position: -760px -59px; color: transparent; } .shopping-bag-alert-icon .close-alert { background-position: -430px -682px; color: transparent; } .alert-icon{ background-position: -743px -275px; background-color: #F5F5F5; } .price-tag-icon{ background-position: -743px -327px; background-color: #E2F4F9; } /* ----------------------------------------- CTAs ----------------------------------------- */ .bag-summary-cta { padding: 25px 0; } .bag-summary-cta-right { margin-left: 20px; margin-right: 20px; } .bag-summary-cta-left { margin-left: 0; margin-right: 0; } .bag-summary-cta a { margin-top: 15px; } .bag-summary-cta a:first-child { margin-top: 0; } .bag-summary-cta form { margin-bottom: 0; } .cta-paypal { color: #000; background: #f9f9f9; /* Old browsers */ background: -moz-linear-gradient(top, #f9f9f9 0%, #f3f3f3 50%, #e7e7e7 51%, #e8e8e8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(50%,#f3f3f3), color-stop(51%,#e7e7e7), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f9f9f9 0%,#f3f3f3 50%,#e7e7e7 51%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f9f9f9 0%,#f3f3f3 50%,#e7e7e7 51%,#e8e8e8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f9f9f9 0%,#f3f3f3 50%,#e7e7e7 51%,#e8e8e8 100%); /* IE10+ */ background: linear-gradient(to bottom, #f9f9f9 0%,#f3f3f3 50%,#e7e7e7 51%,#e8e8e8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-8 */ border-top: 1px solid #e8e8e8; padding-bottom: 7px; } .cta-paypal span:first-child { color: #000; font-size: 10px; line-height: 23px; position: relative; top: 3px; } .cta-paypal .paypal-two-colors { background-position: -428px -339px; display: inline-block; height:23px; margin-left: 3px; text-transform: uppercase; width:78px; } .cta.empty-bag{ background: #494949; border-top-color: #494949; color: #303030; cursor: default; } .cta.store-check-btn-disable{ background: #494949; border-top-color: #494949; color: #303030; cursor: default; } .cta-paypal.empty-bag span:first-child { color: #303030; } .cta-paypal.empty-bag .paypal-two-colors { background-position: -428px -371px; } .cta.empty-bag:hover { color: #303030; text-decoration: none; } /* ----------------------------------------- Mobile Confirmation ----------------------------------------- */ #mobile-confirmation-section { background: #2f2f2f; margin-left: -140px; max-width: 280px; padding: 25px 20px 20px 20px; } #mobile-confirmation-section .row { padding: 0; } #mobile-confirmation-section a.close-reveal-modal { background: #A4A4A4; border-radius: 0; font-family: 'exp-bold', sans-serif; font-size: 14px; line-height: 1.3em; padding: 10px 22px 14px 22px; position: relative; right: 0; text-shadow: none; top: 0; } .added-to-bag { color: #FFF; font-family: 'exp-medium', arial; margin-bottom: 0; padding-bottom: 20px; text-align: center; } .added-to-bag span { display: block; background: #2f2f2f url(../images/icon-account-sprite.png) no-repeat -2px -1750px; clear: both; margin: 0 auto; width: 25px; height: 20px; } /* ----------------------------------------- Shopping Bag Peek ----------------------------------------- */ .shopping-bag-peek{ /*display: block;*/ position: absolute; right: 0; padding: 0; margin: 0; top: 52px; z-index: 99999; width: 430px; } .shopping-bag-peek .upper{ text-transform: uppercase; } #peek-content{ background-color: #2F2F2F; -moz-box-shadow: 0px 5px 15px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 5px 15px rgba(0,0,0,0.5); box-shadow: 0px 5px 15px rgba(0,0,0,0.5); font-size: 11px; max-height: 443px; padding: 0px; position: relative; width: 430px; } #peek-content a, #peek-content span{ font-size: 11px; font-family: "exp-medium",Arial; } #peek-content .bag-summary-cta a{ font-family: 'exp-medium', Arial; } /*========== #peek-left ==========*/ #peek-left{ background-color: #FFF; line-height: 1em; } #peek-left #shopping-bag-peek-products{ max-height: 390px; overflow: auto; padding-bottom: 18px; padding-top: 18px; } #peek-left ul, #peek-left h4{ font-size: 11px !important; /* Overrride */ margin: 0; } #peek-left ul li{ font-size: 11px !important; /* Overrride */ line-height: 1.5em; } #peek-left .shopping-bag-alert-icon{ margin: 10px 0; width: 100%; } #peek-left .shopping-bag-alert-icon p{ font-size: 13px !important; /* Overrride */ text-transform: lowercase; } #peek-left .shopping-bag-alert-icon p:first-letter{ text-transform: uppercase; } #shopping-bag-peek-header { margin: 0 4%; padding: 0; } #shopping-bag-peek-footer{ border-top: 1px solid #EAEAEA; text-align: right; margin: 0 4%; padding: 0; } #shopping-bag-peek-footer .text-left { padding: 3% 0; } #shopping-bag-peek-footer a{ text-transform: uppercase; margin: 4% 0; } /*========== #peek-right ==========*/ /* order summary table */ #peek-order-summary-section{ background:#2f2f2f; border-top: 0px none; color:#fff; padding: 14px 20px 10px; float: left; width: 100%; min-height: 148px; } #peek-order-summary-section table{ border: none; margin-bottom: 0; } #peek-order-summary-section table tr td{ font-size: 13px !important; /* Overrride */ padding: 2px 0; } #peek-order-summary-section table thead tr th, #peek-order-summary-section table tfoot tr td{ color: #fff; border: none; vertical-align: bottom; } #peek-order-summary-section table tbody tr td{ color: #bebebe; } #peek-order-summary-section tfoot .highlight-text{ padding: 4px 0; } #peek-order-summary-section .total-price{ padding-top: 15px; border-top: 1px solid #4c4c4c; color: #fff; font-family: "exp-medium",Arial; } #peek-order-summary-section table tfoot tr td{ vertical-align: bottom; } #peek-order-summary-section tfoot td.total-price-before-tax { background: none; font-size: 30px !important; line-height: 1.1em; padding:30px 0 0; vertical-align: bottom; } #peek-order-summary-section.empty tfoot td{ padding: 0; } #peek-right #total-savings-section p{ font-style: normal; background: none; font-size: 13px !important; /* Overrride */ padding: 0; width: 250px; } #peek-right #total-savings-section p span.icon{ background-image: url(../images/icon-sprite.png); background-repeat: no-repeat; color: #FFF; display: inline-block; height: 1em; overflow: hidden; text-indent: -999px; width: 20px; } #peek-right #total-savings-section p a{ color: #B2B2B2; } #peek-right #total-savings-section p a:hover{ color: #FFF; } #peek-right #total-savings-section .bag-summary-shipping { text-align: center; } #peek-right #total-savings-section .bag-summary-shipping p{ text-transform: capitalize; } #peek-right #total-savings-section .bag-summary-shipping p span.icon{ background-position: -252px -229px; } /* ----------------------------------------- Shopping Bag products ----------------------------------------- */ #shopping-bag-header { background: #F5F5F5; margin-bottom: 20px; padding-left: 30px; padding-right: 30px; } #shopping-bag-header h3{ line-height: 3em; margin-right: 0px; } #shopping-bag-products { margin-bottom: 30px; padding-left: 30px; padding-right: 30px; } #shopping-bag-products .shop-now { background: #E2F4F9; } .edit-bag small.error { display: block; text-align: center; } .shopping-bag-product { border-bottom: 1px solid #EAEAEA; color: #000; padding-top: 20px !important; /* Override */ padding-bottom: 20px !important; /* Override */ } .shopping-bag-product h4.tablet-mobile { display: block; } .shopping-bag-product .shopping-bag-product-image .total-price { position: absolute; right: 0; bottom: 0; font-size: inherit !important; } .shopping-bag-product h4 .total-price { float: right; font-size: inherit !important; } .shopping-bag-product form .row { margin-left: 0; /* Override */ margin-right: 0; /* Override */ } .delete-product-alert { padding-bottom: 20px !important; /* Override */ } .shopping-bag-product:first-child { padding-top: 0 !important; /* Override */ } .shopping-bag-product:last-child { border-bottom: none; padding-bottom: 0 !important; } .shopping-bag-product h4 { font-size: 0.857em; margin: 0; } .shopping-bag-product ul { margin-bottom: 0; } .shopping-bag-product ul.with-pipes { clear: both; } .shopping-bag-product input.error { background: #FFF; } .shopping-bag-product .total-price { font-family: 'exp-medium', arial; } .shopping-bag-product-description h4 a { color: #000; text-decoration: none; text-transform: capitalize; } .shopping-bag-product-description small.error { clear: both; display: block; margin-bottom: 5px; margin-top: 0; padding-top: 0px; padding-bottom: 0; } .shopping-bag-product-description .update-bag { display: inline; top: 13px; position: relative; margin-left: 10px; } .shopping-bag-product-description ul.no-bullet { margin-top: 6px; } .shopping-bag-product-description ul.no-bullet li:last-child { margin-top: 6px; } .shopping-bag-product-description ul.with-pipes { margin-top: 12px; } .update-bag { display: block; text-align: center; margin-top: 10px; } .update-bag-hidden { display: none !important; } /* ----------------------------------------- Favorites ----------------------------------------- */ #favorites{ background-color: #f6f6f6; } #favorites a { color: #575757; text-decoration: none; } #favorites h3{ margin: 30px 0 10px; } #favorites .favorite-product{ position: relative; } #favorites .corner-batch{ background-attachment: scroll; background-image: url(../images/product-batch-sprite.png); background-position: 0 0; background-repeat: no-repeat; display: block; height: 43px; position: absolute; right: 0; top: 0; width: 43px; } /* Corner batch background position */ #favorites .favorites-wrapper.row{ margin: 0; padding: 0; } #favorites .corner-batch.few-left{ background-position: 0 -43px; } #favorites .browse-carousel{ margin: 0 30px 30px 30px; } #favorites .bullet-wrapper li a { color: #ccc; } #favorites .bullet-wrapper li a.selected { color: #000; } #favorites .browse-carousel .favorite-product{ padding: 0 2px; } #favorites .browse-carousel .nav-arrow{ top: 23%; margin-top: 0; } #favorites .browse-carousel .nav-arrow.left{ left: -30px; } #favorites .browse-carousel .nav-arrow.right{ right: -30px; } #favorites .favorite-product .made-to-match-item{ padding: 5px; } #favorites .favorite-product img{ width: 100%; } #favorites .favorite-product ul{ width: 100%; margin-left: 0; } #favorites .favorite-product li{ display: block; text-align: left; } /* ----------------------------------------- Desktop Style LEFT SECTIONS ----------------------------------------- */ #item-quantity { text-align: center; } #shopping-bag h2{ border: none; } #shopping-bag ul li { color: #575757; } .product-price { color: #000 !important; /* Override for #shopping-bag ul li */ } /*========== #mobile-summary ==========*/ #mobile-summary { display: none } /*========== .shopping-bag-top-alerts ==========*/ #shopping-bag-top-alerts div:first-child { margin-top: 0; } /*========== .shopping-bag-promo-code ==========*/ #promo-code-section{ background: #FFF; border-bottom: 1px solid #EAEAEA; border-top: 1px solid #EAEAEA; margin-bottom: 30px; padding: 0 !important; } .shopping-bag-promo-code{ margin: 0 !important; padding: 0 !important; } .shopping-bag-promo-code .promo-code-toggle{ background: #FFF; padding: 3% 4% !important; /* Overrides .row > div:first-child in app.css */ } .shopping-bag-promo-code .promo-code-form>div{ padding: 3% 0; } /*========== #shopping-bag-express-next ==========*/ #shopping-bag-express-next { border-bottom: 1px solid #EBEBEB; margin-bottom: 25px; } /*========== #next-rewards-available ==========*/ #next-rewards-available p{ line-height: 20px; margin-top: 5px; margin-bottom: 20px; } /*========== #made-to-match ==========*/ #made-to-match{ margin-bottom: 30px; padding-left: 30px; padding-right: 30px; } #made-to-match h3{ margin-bottom: 30px; } #made-to-match ul li{ line-height: 1.25em; } #made-to-match ul { margin-bottom: 0; } /*========== #bag-sumary-table-bottom ==========*/ #bag-summary-table-bottom table { padding-left: 6%; } #bag-summary-table-bottom tr td { padding-left: 0; } /*========== #bag-summary-section-bottom ==========*/ #bag-summary-section-bottom section { border-top: 0; } #bag-summary-section-bottom .order-summary { border-left: 1px solid #ebebeb; padding-left: 0; } #bag-summary-section-bottom table { border-bottom: 1px solid #ebebeb; border-left: 0; margin-bottom: 0; } #bag-summary-section-bottom .bag-summary-cta { background: #FFF; padding-right: 0; padding-left: 25px; } /*========== #empty-state ==========*/ .empty-state{ color: #000; } .empty-state > .hide-for-small { margin-bottom: 40px !important; } /* ----------------------------------------- Desktop Style RIGHT SECTIONS ----------------------------------------- */ #shopping-bag-right-section { background-color: #fff; padding-left: 0; } /*========== #total-savings-section .bag-summary-savings ==========*/ #shopping-bag #total-savings-section, #peek-content #total-savings-section { background: #2f2f2f !important; /* Override #total-savings-section bg */ padding: 0 !important; } #shopping-bag #order-summary-section { padding-bottom: 0; } #shopping-bag #order-summary-section table { margin-bottom: 0; } #shopping-bag #order-summary-section h3 { font-size: 18px; } #shopping-bag #order-summary-section tbody { color: #ccc; font-size: 14px !important; /* Override #shopping-bag default 13px font */ } #shopping-bag #order-summary-section tfoot td { color: #f7f7f7; font-size: 14px !important; } #shopping-bag #order-summary-section tfoot td.total-price-before-tax { color: #f7f7f7; font-size: 30px !important; } .bag-summary-savings { border-top: 1px solid #4C4C4C; border-bottom: 1px solid #4C4C4C; padding-top: 15px; padding-bottom: 15px; margin-left: 25px; margin-right: 25px; margin-top: 25px; } #shopping-bag .bag-summary-savings p { font-size: 14px !important; padding-left: 0; text-align: center; } /*========== #shopping-bag-info ==========*/ #customer-service-section { background-color: #F2EEEF; } #shopping-bag-info { margin-left: 20px; margin-right: 20px; } #shopping-bag-info > div { padding-left: 0; padding-right: 0; } #shopping-bag-info li { margin-top: 30px; } #shopping-bag-info .footer-utility-box, #shopping-bag-info .footer-utility-box a { color: #585757; } #shopping-bag-info .shopping-bag-title { display: block; margin: 0; text-transform: uppercase; } #shopping-bag-info .footer-utility-title { text-transform: uppercase; display: block; } #shopping-bag-info #security, #shopping-bag-info #returns, #shopping-bag-info #support { margin-bottom: 0; padding: 0 0 5px 50px; } #shopping-bag-info #security{ background-position: -749px -366px; } #shopping-bag-info #returns{ background-position: -754px -511px; } #shopping-bag-info #support { background-position: -753px -730px; } #bag-summary-cta-wrapper { background: #2f2f2f; } .chat-online:hover { color: #3895ad !important; } #bag-continue-shopping .continue-shopping { display: block; padding-top: 15px; text-align: center; } #empty-bag-shop-promo { padding-top:60px; } #empty-bag-continue-shopping .continue-shopping { display: inline-block; text-align: left; } #empty-bag-shop-promo a:last-child{ text-align:right; } #empty-bag-shop-promo a img {width:96%;} /*========== footer ==========*/ #shopping-bag footer ul li { color: #999; } /* ----------------------------------------- Tablet ----------------------------------------- */ @media only screen and (min-width : 768px) and (max-width: 999px) { #made-to-match ul { display: none; } #item-quantity { display: none; } .edit-bag, .total-price-container{ display: none; } #bag-summary-section-bottom table { padding-left: 25px; } .update-bag-input.show-for-medium-down select { float:none; } /* To avoid shakiness when ajax occurs. its really a column ten */ .shopping-bag-product-description.six { width: 83.33333%; } } /* ----------------------------------------- Mobile ----------------------------------------- */ @media only screen and (max-width : 767px) { #shopping-bag-header { display: none; } #shopping-bag-peek { display: none !important; } /*========== BAG SUMMARY ==========*/ #mobile-summary{ display: block; margin-bottom: 20px; } #mobile-summary #total-savings-section { padding: 0 4% !important; } #mobile-summary #total-savings-section .bag-summary-savings { padding: 15px 0; margin: 0; border-top-width: 0; } /*========== EMPTY STATE ==========*/ .empty-state.show-for-small{ padding: 0 30px; margin-bottom: 20px; } #empty-bag-shop-promo a:last-child{ text-align:left; } #empty-bag-shop-promo a img {width:100%;} #empty-bag-continue-shopping .continue-shopping { padding-top:5px; } /*========== SHOPPING BAG PRODUCTS ==========*/ #shopping-bag-products { clear: both; padding-top: 20px; padding-left: 4%; padding-right: 4%; } #shopping-bag #order-summary-section h3 { margin-bottom: 0; } #shopping-bag #bag-summary-table-bottom table { padding-left: 0; } #shopping-bag #order-summary-section table { border-bottom: 1px solid #4c4c4c; padding-bottom: 25px; } #shopping-bag #order-summary-section tfoot td { padding-top: 15px; } #bag-summary-section-bottom .bag-summary-cta { padding-left: 0; } #bag-summary-section-bottom .order-summary { border-left: 0; } .bag-summary-cta { padding-left: 4%; padding-right: 4%; } .bag-summary-cta-right { margin-left: 0; margin-right: 0; } /*========== FAVORITES ==========*/ #favorites{ display: none; } .total-price-container, .edit-bag { display: none; } .update-bag-input.show-for-medium-down select { float:none; } #minimal { padding-top:0px; } } /* ----------------------------------------- IE Specific Styles ----------------------------------------- */ .lt-ie9 .shopping-bag-product input { float: none; margin-bottom: 0 !important; } .lt-ie8 #shopping-bag .cta { padding-top: 0; padding-left: 0; padding-right: 0; } .lt-ie8 #shopping-bag-header { padding-bottom: 0; padding-left: 5%; padding-right: 5%; } .lt-ie8 #favorites h3{ margin: 30px 0 10px 0; } .eq-ie8 .shopping-bag-product input { width: 50%; } .eq-ie7 .shopping-bag-product input { width: 35%; } .lt-ie8 .shopping-bag-product .total-price-container { width: 14%; /* Check this again */ } .lt-ie8 .shopping-bag-product .total-price-container span { text-align: right; } .lt-ie8 .shopping-bag-product .update-bag { margin-top: 0; } /* Peek */ .eq-ie7 #peek-left{ width: 58%; } .eq-ie7 #peek-left #shopping-bag-peek-products{ max-height: 472px; position: relative; } .eq-ie7 #shopping-bag-peek-products .shopping-bag-product .columns.seven{ width: 55%; } .eq-ie7 #peek-footer{ height: 52px; } .eq-ie7 #peek-right{ width: 41%; } .eq-ie7 #peek-right>section>div{ width: 87%; } .eq-ie7 #peek-right>section>div#total-savings-section{ width: 100%; } .eq-ie7 #peek-right #total-savings-section p span.icon{ display: block; float: left; margin-top: 3px; } /* ----------------------------------------- 1280 or LESS IE7 and IE8 Specific ----------------------------------------- */ .lt-1280.eq-ie7 #shopping-bag-products { padding-left: 4%; padding-right: 4%; } .lt-1280.eq-ie7 #bag-summary-table-bottom tr td { padding-left: 4%; } .lt-1280.eq-ie7 .bag-summary-cta-left { padding-left: 4% !important; } .lt-1280.eq-ie7 .shopping-bag-product .total-price-container { width: 12%; /* Check this again */ } .lt-1280.lt-ie9 #shopping-bag-header { padding-left: 6%; padding-right: 6%; } /* --------------------------------------- Miscellaneous css ---------------------------------------- */ .mlr25 { margin: 0 20% 5px 20%; min-width: 52px; /* prevent double digit quantity issue */ } /* footer.css */ /* Document : footer Created on : Feb 18, 2013, 12:00:00 PM Author : guillermo.davidov Description: Styles for the footer */ footer ul { list-style: none; display: inline; } footer ul.customer-service { display: block; } footer p, footer li { color: #898989; line-height: 20px; } footer ul li a { color: #898989; text-decoration: none; } footer h6{ margin-bottom: 10px; margin-top: 30px; } .footer-link{ margin-bottom: 50px; } #footer-bar .seven.columns:first-child { border-right: 1px solid #2c2c2c; } #footer-bar .seven.columns .row:first-child { padding: 0; } #footer-bar ul li { display:inline; float: left; } #footer-bar ul li a { width: 30px; height: 30px; text-indent: -9999px; display:block; line-height: 0; background-image: url(../images/icon-sprite.png); overflow: hidden; } .fb-btn{background-position: -428px -455px;} .tw-btn{background-position: -486px -455px;} .ig-btn{background-position: -546px -455px;} .pi-btn{background-position: -605px -455px;} .yt-btn{background-position: -664px -455px;} .fb-btn:hover{background-position: -428px -501px;} .tw-btn:hover{background-position: -486px -501px;} .ig-btn:hover{background-position: -546px -501px;} .pi-btn:hover{background-position: -605px -501px;} .yt-btn:hover{background-position: -664px -501px;} /* Android devices need to have hover states nullified because using the back button shows the clicked link in its hover state*/ .touch .fb-btn:hover{background-position: -428px -455px;} .touch .tw-btn:hover{background-position: -486px -455px;} .touch .sp-btn:hover{background-position: -546px -455px;} .touch .pi-btn:hover{background-position: -605px -455px;} .touch .yt-btn:hover{background-position: -664px -455px;} #footer-email-submit { width:14em; position:relative; } #footer-email-form { margin-bottom: 0; display:inline; } #footer-email-form > small.error { display:inline-block; margin-top: 8px; margin-bottom: 0px; } #footer-email-box{ padding-left: 10px; position: relative; border:none; color: #000; line-height: 24px; background-color: #ebebeb; height: 35px; } #activate-footer-email-box{ height: 34px; width: 26px; padding: 0; position: absolute; top: 0; right: 0; text-indent: -9999px; background: url(../images/icon-sprite.png) no-repeat scroll -422px -538px; color: transparent; } #footer-email-box:focus + #activate-footer-email-box{ background: url(../images/icon-sprite.png) no-repeat scroll -472px -538px; } #footer-utility { margin-bottom: 60px; } #footer-utility > hr { margin: 0; border-color: #ccc; width:102%; margin-left: -1%; } #footer-utility ul li{ font-size: 0.857em; padding-bottom: 0.5em; } #footer-utility ul li a { font-size: 1.000em; } footer ul li a:hover{ text-decoration: underline; color: #999; } #footer-utility h6 a, h6 { color:#666; text-decoration: none; font-family: 'exp-medium', arial; } #footer-utility .row { padding:0; } #footer-social-links, #footer-social-links .columns { padding: 0; } #footer-social-links > ul > li { margin: 3px 7% 17px 0%; } #find-store ul li{ line-height: 16px; } #find-store ul li#change-store > a span { display: inline-block; height: 13px; width: 18px; background: url(../images/icon-sprite.png) no-repeat scroll -432px -613px; } #minimal{ padding-top: 30px; background-color: #fff; padding-bottom: 13px; } .social-tooltip{ display:none; position:absolute; z-index: 100; } .social-tooltip .tooltip-arrow{ background: url(../images/bg-social-tooltip.png) no-repeat top center; text-indent: -9999px; width: 12px; height: 6px; position: absolute; top: -6px; } .social-tooltip p{ padding: 14px; text-align: center; font-size:12px; background-color: #40b4eb; color: #fff; line-height: 13px; margin:0; letter-spacing:1.8px; } #global-footer-link-list > li:first-child { margin-left: 0; } /*----------Gift card balance------------*/ #gift-card-section > .row { padding: 5% 5% 5% 6.5%; } #gift-card-section h2 { border: none; font-size: 1.643em; margin-top: 0; margin-bottom: 10px; } #gift-card-balance-copy { margin-bottom: 10px; } #balance-check-error-messages > li { list-style: none; color: #c81210; font-size: .9em; } #giftCardBalanceForm label, #kaptchaImage, #giftCardSubmit { margin-top:6px; width: 100%; } #captcha-caption { font-size: 12px; padding: 5px 0 5px 0; } /*----------------Checkout--------------*/ #footer-customer-service { background-color:#F2EEEF; margin-bottom:30px; padding: 28px 20px 0; } #footer-customer-service p { color:#585757; margin-bottom:28px; } /*----------------Mobile----------------*/ @media only screen and (max-width: 767px) { #minimal{ margin-top: 0px; } #subscribe-info-form .top-spacing { margin-top: 14px; margin-bottom: 14px } [class*="column"] + [class*="column"]:last-child label { margin-top: 6px; } #footer-utility .columns ul, .footer-link .link-list li:nth-child(8) { display: none; } #footer-utility ul { margin-bottom:0; } #footer-bar ul { display: table; width: 100%; } #footer-bar ul li { display: table-cell; margin-top: 2px; margin-bottom:7px; float: none; } #footer-bar ul li a { margin: 0 auto; } #footer-utility { margin-bottom: 35px; } #footer-utility .columns { padding-right: 0; float: none; } #footer-utility h6{ padding: 20px 0; text-align: center; margin: 0; } #footer-utility h6 a { color:#666; } #footer-utility ul li { text-align: center; line-height: 54px; background-color: #ccc; font-size: 0.929em; color:#000; } #footer-utility ul li a { font-size: 0.929em; color:#000; } #footer-utility ul li a:hover { text-decoration: none; color: #000; } #footer-discount-signup-section { border-top: #D7D7D7 1px solid; border-bottom: #D7D7D7 1px solid; padding-bottom: 20px; margin: 0 20px 25px; } #footer-utility #footer-social-links > ul { display:block; text-align:justify; width: inherit; margin: 0 10%; } #footer-utility #footer-social-links > ul:after { content: ''; width:100%; display:inline-block; } #footer-utility #footer-social-links > ul > li { display:inline-block; line-height:inherit; background-color:transparent; margin: 0; } #footer-utility #footer-social-links > ul > li > a { display:inline-block; } #global-footer { text-align:center; } #global-footer-logo { margin-bottom: 16px; } #footer-email-submit { text-align: center; margin: 0 auto; } #footer-email-box { display: inline; text-align:center; } #giftCardBalanceForm label, #kaptchaImage, #giftCardSubmit { margin-top:15px; } #kaptchaImage { width: initial; display: block; } } #subscribe-section.reveal-modal { top: 75px; } #subscribe-info-form { margin: 0; } #content #subscribe-response { padding: 5% 5% 5% 6.5%; } .reveal-modal fieldset { margin: 0; } .reveal-modal #subscribe-submit { margin-bottom: 1em; } .row.centered { text-align: center; } /*----------------Mobile Landscape----------------*/ .link-list{ display:inline-block; } .reveal-modal > .row { padding: 5% 5% 5% 6.5%; } /*----------------Tablet----------------*/ @media only screen and (min-width : 768px) and (max-width: 999px) { footer .row { min-width: 580px; } #footer-bar ul li:first-child { margin-left:0; } #footer-bar ul li { margin-bottom:7px; margin-top: 11px; } #footer-email-box { margin-top: 9px; } footer .footer-link .link-list li { float: left; } } /*----------------Desktop----------------*/ @media only screen and (min-width : 1000px){ #popular-pages { padding-left: 5%; } #global-footer-link-list-content { text-align: right; } } /* browse.css */ /* BROWSE SECTION - TABLE OF CONTENTS --DESKTOP --- Generic color swatches --- Browse Hero -----Hero positions variations --- Browse Head/Filter -----Filters lower part (tags) -----Filters upper part (sortby, all-filters) --- Browse Gallery ---- Block Size Variations ---- Block Add-ons (bagdes,sales) --- Express View --- Browse Carousel --- Category Selector - Specifics for Carousel --- Bloomreach --- PDP Video --- Suits Ensemble --TABLET --MOBILE */ .color-swatch-red{background-color: red;} .color-swatch-orange{ background-color: orange; } .color-swatch-yellow{ background-color: yellow; } .color-swatch-green{ background-color: green; } .color-swatch-blue{ background-color: blue; } .color-swatch-purple{ background-color: purple; } .color-swatch-black{ background-color: black; } .color-swatch-gray{ background-color: gray; } .color-swatch-white{ background-color: snow; border: 1px solid gainsboro; } .color-swatch-pink{ background-color: pink; } .color-swatch-brown{ background-color: #744c28; } .color-swatch-teal{ background-color: teal; } .color-swatch-beige{ background-color: beige; } .color-swatch-lime{ background-color: lime; } .color-swatch-neutral{ background-color: wheat; } .color-swatch-gold{ background: rgb(243,226,199); /* Old browsers */ background: -moz-linear-gradient(top, rgba(243,226,199,1) 0%, rgba(193,158,103,1) 50%, rgba(182,141,76,1) 51%, rgba(233,212,179,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(243,226,199,1)), color-stop(50%,rgba(193,158,103,1)), color-stop(51%,rgba(182,141,76,1)), color-stop(100%,rgba(233,212,179,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(243,226,199,1) 0%,rgba(193,158,103,1) 50%,rgba(182,141,76,1) 51%,rgba(233,212,179,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(243,226,199,1) 0%,rgba(193,158,103,1) 50%,rgba(182,141,76,1) 51%,rgba(233,212,179,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(243,226,199,1) 0%,rgba(193,158,103,1) 50%,rgba(182,141,76,1) 51%,rgba(233,212,179,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(243,226,199,1) 0%,rgba(193,158,103,1) 50%,rgba(182,141,76,1) 51%,rgba(233,212,179,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3e2c7', endColorstr='#e9d4b3',GradientType=0 ); /* IE6-9 */ } .color-swatch-silver{background: rgb(242,246,248); /* Old browsers */ background: -moz-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,246,248,1)), color-stop(50%,rgba(216,225,231,1)), color-stop(51%,rgba(181,198,208,1)), color-stop(100%,rgba(224,239,249,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 ); /* IE6-9 */ } .color-swatch-multi {background: rgb(255,0,0); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,0,0,1) 0%, rgba(255,255,255,1) 34%, rgba(32,124,202,1) 68%, rgba(0,0,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,0,0,1)), color-stop(34%,rgba(255,255,255,1)), color-stop(68%,rgba(32,124,202,1)), color-stop(100%,rgba(0,0,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,0,0,1) 0%,rgba(255,255,255,1) 34%,rgba(32,124,202,1) 68%,rgba(0,0,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,0,0,1) 0%,rgba(255,255,255,1) 34%,rgba(32,124,202,1) 68%,rgba(0,0,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,0,0,1) 0%,rgba(255,255,255,1) 34%,rgba(32,124,202,1) 68%,rgba(0,0,255,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,0,0,1) 0%,rgba(255,255,255,1) 34%,rgba(32,124,202,1) 68%,rgba(0,0,255,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#0000ff',GradientType=0 ); /* IE6-9 */} .browse header .normal-header, .browse header .main-nav-wrapper { background-color: #000000; } .browse .accessibility{ top: auto; } .browse #content{ background-color: #FFFFFF; margin-top:0px; margin-bottom:0px; } /**Fixes Bloomreach on categories */ .browse-wrapper #bloomreach-container, .browse-wrapper #bloomreach-body-content { padding: 0; } /**Fixes Bloomreach wrapping on tablets */ @media only screen and (min-width: 768px) and (max-width: 999px) { #br3 { clear: both; position: static; display: block !important; visibility: hidden; height: 0px; } } /**Fixes Bloomreach wrapping on mobile */ @media only screen and (max-width: 768px) { #br2, #br4 { clear: both; position: static; display: block !important; visibility: hidden; height: 0px; } } .browse .browse-wrapper{ margin: 0 auto; position: relative; } .invisible { visibility: hidden; } .lazy { height: 0; width: 0; } /* ----------------------------------------- Browse Hero ----------------------------------------- */ .hero-image{ min-height: 320px; position: relative; } .hero-image .hero-content{ margin-top: 75px; } .hero-image .hero-content h2{ font-size: 4.286em; border: none; color: #FFFFFF; text-align: left; padding-bottom: 10px; } .hero-image .hero-content span{ font-family: "exp-regular",Arial; font-size: 1.143em; display: inline-block; float: left; color:#FFFFFF; } .hero-image .hero-content a{ clear: left; float: left; } .browse .hero-image .columns{ min-height: 320px; } .browse .hero-image .hero-content ul{ list-style: none; } .browse .hero-image .hero-content ul li { float: left; padding: 0 10px; } .browse .hero-image .hero-content ul li:first-child { padding: 0 10px 0 0; border-right: 2px solid #FFFFFF; } .browse .hero-image .hero-content li a { color: #FFFFFF; text-decoration: underline; font-family: "exp-medium",Arial; display: block; text-transform: uppercase; font-size: 1em; } /* --- Hero position var --- */ .hero-image .hero-content{ overflow: hidden; } .hero-image { background-position: top center; background-repeat: no-repeat; } /*hero-left*/ .hero-image.hero-left .hero-content, .hero-image.hero-left .hero-content img { float:left; } /*hero-right*/ .hero-image.hero-right .hero-content, .hero-image.hero-right .hero-content img { float:right; } /*hero-center*/ .hero-image.hero-center .hero-content{ margin-left:auto; margin-right:auto; } .hero-image.hero-center .hero-content > *{ text-align: center; width: 100%; } .hero-image.hero-center .hero-content > img { width: auto; text-align: center; clear: both; } /* hero variation: no text */ .hero-image.no-text .hero-content h2, .hero-image.no-text .hero-content h3, .hero-image.no-text .hero-content span { text-indent: -9999px; } /* ----------------------------------------- Browse Head / Filter ----------------------------------------- */ .browse #content .browse-head{ background-color:#FFFFFF; width:100%; z-index: 5; position: relative; padding-top: 24px; height: auto; /*transition: padding 0.3s; -webkit-transition: padding 0.3s;*/ } .browse #content .browse-head h1{ padding: 8px 0 0; font-family: 'exp-regular', Arial; font-size: 1.5em; text-transform: uppercase; line-height: 1.1; } .browse #content .browse-head.fixed{ position: fixed; top: 0; left: 0; padding-top: 10px; padding-bottom: 6px; width: 100%; min-width: 600px; transition: padding 0.4s; -webkit-transition: padding 0.4s; /*z-index: 1000; /* not needed anymore */ } .icecream .browse #content .browse-head.fixed{ position: fixed; top: 46px; left: 0; padding-top: 20px; padding-bottom: 6px; width: 100%; min-width: 600px; transition: padding 0.4s; -webkit-transition: padding 0.4s; } .browse #content .browse-head.fixed > .row{ min-width: 600px; margin: 0 auto; } .browse-head .row { padding: 0; } .browse #content .browse-head .header-name-position h1{ padding: 8px 0 0; font-family: 'exp-regular', Arial; font-size: 1.5em; text-transform: uppercase; line-height: 1.1; text-align: left; } .header-nav-position { float: right; } .browse-head .row-filter-dropdowns{ /* padding: 15px 0;*/ } .browse-head .row-filter-dropdowns .twelve.columns { padding-left:0; padding-right:0; } /* * Filter Lower part: under .row-filter-tags */ .browse-head .row-filter-tags{ border-top: 1px solid #BBB; display:none; padding:20px 0 0; position: relative; } .browse-head .row-filter-tags.opened{ display:block; } .browse-head .row-filter-tags ul{ list-style: none; } .browse-head .row-filter-tags li{ display: inline-block; height: 20px; float: left; background: url('../images/browse-tag-bg.png') 0 0 no-repeat; margin-bottom: 10px; } .browse-head .row-filter-tags li a{ height: 20px; color: #3a3a3a; font-size: 0.929em; text-indent: 18px; text-decoration: none; display: block; padding-right: 20px; } .browse-head .row-filter-tags li a:hover{ text-decoration: underline; } .browse-head .row-filter-tags li img{ width: 15px; height: 15px; background-color: #575757; display: inline-block; } .browse-head .row-filter-tags .results{ color: #000; font-family: "exp-medium",Arial; font-size: 1.143em; float: right; margin-bottom: 0px; text-transform: uppercase; } .browse-head .row-filter-tags .selected-filters .colorbox{ display: block; width: 20px; height: 20px; /*float: left;*/ margin-left: 20px; margin-top: -4px; } .browse-head div.seven{ float: right; } /* * Reset Button filters btn */ .reset-btn-container { width: 10rem; background-color: #e0e0e0; padding: 0.5rem 0 0.3rem 0; margin: -0.2rem 18px 0 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-size: 1.1rem; float:left; } .reset-btn-container:hover { background-color: #d2d2d2; } a.reset-btn { display: block; text-align: center; font-size: 1em; color: #333333; text-decoration: none; font-family: 'exp-bold'; } a.reset-btn:after { content: ""; display: inline-block; height: 1em; width: 1em; margin: 0 0 -0.1em 0.5em; background: url(/cdn/responsive/visualnav/1mxDemo/refresh-icon.png) 100% 100% no-repeat; background-size: contain; } /* * Search filters area section */ .search-filters { list-style:none; float: right; margin: 0; } .search-filters li{ float:left; margin-right: 18px; } .search-filters>li:last-child { margin-right: 0; } .search-filters li ul li{ float:none; margin-top: 11px; } .search-filters li.two{ float: left; margin-right: 0; } .browse-dropdown ul{ margin-top:6px; } .search-filters .browse-dropdown.opened ul{ width:auto; padding: 7px 15px 7px 15px; margin:0; /*z-index: 11;*/ } .search-filters .browse-dropdown.opened ul.twelve { width: 100%; } .search-filters li a, .all-filters li a { text-decoration: none; } .search-sort-by.browse-dropdown span, .search-filters li a.show-filter { font-family: 'exp-medium',Arial; color: #000000; text-transform: uppercase; padding-right: 22px; font-size: 0.857em; background: url('../images/spr-browse-filter-icons.png') right -35px no-repeat transparent; display: block; height: 35px; line-height: 35px; } .search-filters li.opened a.show-filter { background-position: right -70px; } /* * Browse dropdown (generic dropdown class): */ .browse-dropdown{ cursor: pointer; /*z-index:10;*/ } .browse-dropdown > h3, .browse-dropdown > span{ margin-bottom:5px; } .browse-dropdown select{ display:none; } .browse-dropdown ul{ padding-top: 8px; display:none; position:absolute; list-style: none; width: auto; margin:0px; /*z-index: auto;*/ } .browse-dropdown:last-child ul { right: 0; } .browse-dropdown ul.twelve { left: 0; position:absolute; } .browse-dropdown.opened ul{ border: 1px solid #BBB; display:block; background: #FFFFFF; width: 100%; z-index: 1; min-width: 160px; padding-bottom: 5px; } .browse-dropdown.opened li.selected a{ background: url('../images/spr-browse-filter-icons.png') 2px 0 no-repeat transparent; } .browse-dropdown.browse-big li, .browse-dropdown.search-sort-by li { height: 35px; } .browse-dropdown.opened li a.show-filter { text-decoration: none; display: block; height: 35px; line-height: 35px; padding-left: 23px; color: #3a3a3a; font-family: "exp-regular", Arial; font-size: 0.929em; } .browse-dropdown.opened li.selected a:hover, .browse-dropdown.opened li a.show-filter:hover { background-color: #F5F5F5; } .browse-dropdown li label { font-family: "exp-regular", Arial; font-size: 0.929em; color: #3a3a3a; } .browse-dropdown li label span { color:#575757; } /* * Filter Upper part: under .row-filter-dropdowns */ /* top left: category dropdown */ .browse-big { /*min-width: 200px;*/ min-width: 90px; } .browse-big h3 { padding-right: 22px !important; background: url('../images/spr-browse-filter-icons.png') right -35px no-repeat transparent; /*margin-bottom: 8px;*/ font-family: "exp-bold", Arial; font-size: 1.429em; padding-top: 4px; } .browse-big.opened h3 { background-position: right -70px; } .browse-big.opened li a{ color: #575757; font-family: "exp-medium", Arial; font-size: 0.857em; text-transform: uppercase; padding-left: 13px; } /* top right: sort-by dropdown */ .search-sort-by{ position: relative; float: left; } .search-sort-by.browse-dropdown span { cursor: pointer; background-position: right -35px; display: inline-block; } .search-sort-by.browse-dropdown.opened ul{ z-index: 1; left: 0; } .search-sort-by.browse-dropdown.opened span, .search-filters li.opened a.show-filter { background-position: right -70px; } /* --- All Filters --- */ .all-filters{ margin-bottom: 10px !important; display:none; border-top: 1px solid #BBB; border-bottom: 1px solid #BBB; padding-bottom: 10px !important; position: relative; } .all-filters.opened{ display:block; /*min-height:300px;*/ } .all-filters .size-chart{ font-size: 0.857em; color: #000; background: url("../images/icon-sprite.png") -433px -735px no-repeat; padding-left: 13px; } .all-filters form { overflow: hidden; margin: 0; } .all-filters form .row { padding:0px; margin:0px; } .all-filters form .twelve .filter-group { float:left; padding-left: 0; } .all-filters .twelve .filter-group:last-child { padding-right: 0; } .all-filters .cta.final { padding: 11px 30px; background-color: #A4A4A4; } .all-filters fieldset, .all-filters fieldset ul { margin: 0; } .all-filters legend{ font-family: "exp-medium", Arial; font-size: 0.857em; margin-bottom: 0; padding-bottom: 20px; } .all-filters input[type="checkbox"]{ margin: 3px 5px 0 0; } .all-filters ul{ list-style: none; } .all-filters ul li{ height: 30px; } .all-filters ul li.two { width: auto; } .all-filters label{ font-family: "exp-regular", Arial; font-size: 0.929em; height: 30px; color:#3a3a3a; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .all-filters label span{ color: gray; } .all-filters label span.colorbox, .search-filters label span.colorbox{ display: block; width: 20px; height: 20px; float: left; margin-right: 3px; } .all-filters .row.button-close .twelve { margin: 10px 0; padding: 0; } .all-filters .button-close a, .all-filters .button-close input { float: right; clear: both; margin: 0; } .all-filters .button-close a { color: #A4A4A4; font-size: 1em; text-decoration: none; padding: 0 0 0 1em; line-height: 1em; background: url('../images/icon-sprite.png') no-repeat -389px -226px; width: 20px; height: 16px; text-indent: -10000px; } .lt-1280 .browse-gallery .module-right ul { padding-top: 10%; } .lt-ie8.lt-1280 .all-filters .four { width: 30.5% !important; } .lt-ie9.lt-1024 .all-filters ul li { height: auto; } .lt-ie9.lt-1024 .all-filters label { height: auto; } .lt-ie9.lt-1024 .browse-gallery .module-right ul { padding-bottom: 10%; } .lt-ie8.lt-1024 .browse-gallery .w-2 { width: 65.0% !important; } .lt-ie8.lt-1024 .browse-head .row-filter-tags .eight { width: 65% !important; } .lt-ie8.lt-1024 .all-filters .four { width: 30% !important; } .lt-ie8.lt-1024 .all-filters ul li { height: auto; } .lt-ie8.lt-1024 .all-filters label { height: auto; } /* ----------------------------------------- Browse Gallery ----------------------------------------- */ #product-grid .empty-state h3 { font-size: 1.475em; font-spacing: letter spacing .15em; } #product-grid .empty-state { font-size: 1.125em; color: #333; } #product-grid .empty-state #chat-link a, #product-grid .empty-state #helpLink a { text-decoration: underline; color: #333; } .browse-gallery{ width:100%; overflow: hidden; margin:0 auto; position:relative; /*z-index:auto;*/ } .browse-gallery #loading-page{ width:100%; height:300px; background: #FFFFFF url('../images/loading.gif') no-repeat center center ; clear:both; } .show-loading{ width:100%; height:300px; background: #FFFFFF url('../images/loading.gif') no-repeat center center ; clear:both; } .browse-wrapper .browse-pages{ position:fixed; display: none; background: url('../images/browse-back-to-top-sprite.png') no-repeat 0 -665px transparent ; width:35px; height:35px; bottom:5px; right:5px; z-index:99999; text-indent:-10000px; } .browse-pager { text-align: center; } .browse-pager > ul { margin: 0; } .browse-pager > ul > li { padding-left: 0; margin-left: .5em; } .browse-pager li a, .browse-pager li span, .browse-pager li em { font-family: 'exp-medium',Arial; text-transform: uppercase; font-size: 1em; display: block; text-decoration: none; } .browse-pager li span { color: #adacad; padding: .25em 0; } .browse-pager li em { background: #000; color: #fff; font-style: normal; padding: .25em .5em; border-radius: 50%; } .browse-pager li a { color: #666; padding: .25em .5em; } .browse-pager li a:hover { background-color: none; } .browse-gallery .photo{ padding: 2px; display: inline-block; float: left; min-height: 200px; } /* ----------------------------------------- WISH LIST - DESKTOP VIEW ----------------------------------------- */ @media only screen and (min-width: 1000px) { .browse-gallery .photo.wishlist { padding: 10px !important; float: none; width: 24%; } } /* ----------------------------------------- WISH LIST - TABLET VIEW ----------------------------------------- */ @media only screen and (min-width : 768px) and (max-width: 999px) { .browse-gallery .photo.wishlist { padding: 10px !important; float: none; width: 33%; } } /* ----------------------------------------- WISH LIST - MOBILE VIEW ----------------------------------------- */ @media only screen and (max-width: 767px) { .browse-gallery .photo.wishlist { padding: 10px !important; } } .browse-gallery .photo ul{ list-style-type: none; } .browse-gallery .photo .image-container{ position: relative; min-height:150px; } .browse-gallery .photo .image-container .colors{ position:absolute; bottom:7px; width: 87%; margin:0px; left: 0; } .browse-gallery .photo .image-container .colors span{ padding-left: 5px; font-size: 0.714em; color: #000; } .browse-gallery .photo .image-container .colors li{ float:left; width:37px; max-width: 15%; height:100%; float: left; background-size:100%; margin-right: 8px; } .browse-gallery .photo .image-container .colors li a { display: block; text-indent:-10000px; height: 100%; } .browse-gallery .photo .image-container .ev-icon{ width: 0; height: 0; border-top: 37px solid #585858; border-right: 37px solid transparent; background-color: #fff; position:absolute; bottom:7px; right:0px; display:block; text-indent: -9999px; cursor: pointer; text-decoration: none; } .browse-gallery .photo .image-container .exp-view{ font-family: 'Roboto Condensed', Arial; background: rgba(0, 0, 0, .5); position:absolute; top:78%; left:50%; display:none; cursor: pointer; text-decoration: none; margin: 0; width: 65%; padding: 8px 0; min-width:10rem !important; font-size: 1.2rem; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); transition: background 1s; } .browse-gallery .photo .image-container .exp-view:hover{ background: rgba(0, 0, 0, 1); } .browse-gallery .photo .image-container .ev-icon span { /* Safari */ -webkit-transform: rotate(-45deg); /* Firefox */ -moz-transform: rotate(-45deg); /* IE */ -ms-transform: rotate(-45deg); /* Opera */ -o-transform: rotate(-45deg); color: #585858; position: absolute; text-indent: 0; top: -19px; left: 14px; font-size: 0.8em; } .lt-ie9 .browse-gallery .photo .image-container .ev-icon span { top: -57px; left: 2px; } .browse-gallery .photo .image-container .ev-icon:after { position: absolute; content: '+'; color: #fff; margin-top: -43px; margin-left: 5px; width: 20px; height: 20px; display: block; text-indent: 0; font-size: 1.5em; font-family: Arial; } .browse-gallery .photo .image-container .colors ul { height: 37px; display: block; margin: 0; } .browse-gallery .photo.hover .image-container span, .browse-gallery .photo.opened .image-container span{ bottom: 2px; } .photo.hover .image-container .colors ul, .browse-gallery .photo.hover .image-container .ev-icon, .browse-gallery .photo.opened .ev-icon, html.no-touch .browse-gallery .photo.hover .image-container .exp-view { display:block; } .browse-gallery .photo .ev-icon:hover{ border-top-color: #3f3f3f; } .browse-gallery .photo.opened .ev-icon:hover:before, .browse-gallery .photo .image-container .ev-icon span { color: #3f3f3f; } /* selected/Opened by express view */ li.photo.opened .image-container .colors { display: none; } .browse-gallery .photo.opened .image-container img{ opacity: 0.5; } .browse-gallery .photo.opened .product-info, .browse-gallery .photo.opened:hover .colors { visibility: hidden; } /* --- Block Size Variations --- */ .browse-gallery .w-2{ width: 50%; padding: 2px; margin-bottom: 5px; overflow: hidden; position: relative; } .browse-gallery .image-container img{ width: 100%; } .browse-gallery .clear-grid{ clear:both; } .browse-gallery .no-text{ padding-bottom:47px; } .browse-gallery .image-normal .overlay{ background: rgba(255,255,255,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ffffff,endColorstr=#80ffffff); zoom: 1; width: 241px; height: 282px; position: absolute; top: 0; } .browse-gallery .overlay ul{ position: absolute; bottom: 0; width: 204px; height: 10px; margin: 0; } .browse-gallery .overlay ul li{ background: blue; /* fake color */ width: 20%; float: left; height: 10px; } .browse-gallery .product-info{ margin: 5px 0 10px 0; } /*.browse-gallery.offers .product-info{ min-height: 50px; }*/ .browse-gallery .product-info li{ margin: 0 0 3px 0; font-family: "exp-regular",Arial; color: #000000; font-size: 0.929em; line-height: 0.929em; } .browse-gallery .product-info li.price { border-bottom: 1px solid #d5d5d5; margin-bottom: 6px; } .browse-gallery .product-info li.price span { display: inline-block; } .browse-gallery .product-info li.prod-name { margin-bottom: 12px; } .browse-gallery .product-info li span.available-colors { float:right; margin-right:4px; color: #b7b7b7; } .ie .browse-gallery .product-info li { line-height: 1.1em; } .browse-gallery .product-info a{ color: #575757; font-style: normal; text-decoration: none; text-transform: capitalize; } /* --- Block Alternatives --- */ /* Block Alternative: BADGES */ .browse-gallery .badge{ position: absolute; top: 0; right: 0; width: 50px; height: 50px; } .browse-gallery .badge-new, .browse-gallery .badge-sold, .browse-gallery .badge-few { background: url('../images/sprite-browse-badges.png') no-repeat; background-size: 64px 238px; } .browse-gallery .badge-new{ background-position: -13px -62px;} .browse-gallery .badge-sold{ background-position: -13px 0; } .browse-gallery .badge-few{ background-position: -13px -123px; } .browse-gallery .badge-gift { position: absolute; top: 6px; right: 6px; width: 58px; height: 57px; background: url('../images/sprite-browse-badges.png') no-repeat 0 -166px transparent; background-size: 60px 223px; } /* Block Alternative: SALE & CLEARENCE */ /* default */ .browse-gallery .product-info .regular-price{ color: #000000; } /* sale */ .browse-gallery .sale .product-info .regular-price{ text-decoration: line-through; } .browse-gallery .sale .product-info .sale{ color: #BB2525 !important; } .browse-gallery .product-info .promo-messaging{ color: #575757 !important; margin-bottom:30px; } /* clearence */ .browse-gallery .clearence .product-info .promo-messaging{ color: #BB2525 !important; } .browse-gallery .w-2{ cursor:pointer; } @media only screen and (min-width : 999px) { .browse-gallery .photo .image-container .colors { bottom:8px; } .browse-gallery .photo .image-container .colors ul li:first-child { margin-left: 0px; } .browse-gallery .photo .image-container .colors ul { height: 12px; } .browse-gallery .photo .image-container .colors li{ width: 20px; max-width: 14%; margin-right: 5px; } } /* ----------------------------------------- Browse Subcategory / Visual Divider Pages ----------------------------------------- */ .browse-gallery ul { margin-bottom: 5rem; } .subCatHeader { border-bottom: 1px solid #d5d5d5; margin-bottom: 16px; margin-top: 3rem; } .subCatHeader h3 { font-size: 16px; color: #696969; margin-bottom: 8px; margin-left: 4px; } .subCatHeader p { font-size: 1.4rem; line-height: 1.4rem; margin: 0 0 0.7rem 0; display:none; } /* -------------------------------------------------------------- */ /* Styling for Category Separated Content / Visual Dividers /* -------------------------------------------------------------- */ /* Reference: browse.js - Browse.CategorySeparatedContent /* -------------------------------------------------------------- */ /* header styling */ .category-dividers-header { width: 100%; background-color: #e3e3e3; } .category-dividers-header header { width: 100%; height: 24rem; background-image: url('/cdn/responsive/visualnav/suitShop/stripe-background-tile-header-1.png'); background-color: #f4f4f4; overflow: hidden; } @media (max-width: 767px) { .category-dividers-header header { height: auto; } } .category-dividers-header header img { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .category-dividers-header nav { display: block; width: 100%; cursor: pointer; position: relative; } .category-dividers-header nav.sticky { position: absolute; z-index: 10; } .category-dividers-header nav a { display: block; float: left; width: 33.33%; padding: 1.8rem 0 1.2rem 0; text-align: center; background-color: #404040; border-left: 1px solid #ffffff; font-family: 'exp-bold'; font-size: 2rem; color: #ffffff; text-decoration: none; text-transform: uppercase; } @media (max-width: 767px) { .category-dividers-header nav a { font-size: 1.6rem; } } @media (max-width: 467px) { .category-dividers-header nav a { font-size: 1rem; } } .category-dividers-header nav a:first-child { border-left: 0px; } .category-dividers-header nav a span { font-family: 'exp-bold'; font-size: 0.8em; } .category-dividers-header nav a:hover, .category-dividers-header nav a.active { background-color: #000; background-image: url('/cdn/responsive/visualnav/suitShop/stripe-background-tile-button-2.png'); } /* Divider styling */ div[id^="categoryDivider_"] { position: relative; } .categoryDivider-text { position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -transform: translate(-50%, -50%); left: 25%; text-align: center; } .categoryDivider-text * { color: #ffffff; -webkit-text-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -moz-text-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -ms-text-shadow: 0 0 10px rgba(0, 0, 0, 0.3); text-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .categoryDivider-text-the { font-family: 'Didot'; font-size: 3rem; font-style: italic; text-transform: uppercase; font-weight: bold; } h3.categoryDivider-text-heading { font-family: 'exp-bold'; font-size: 4rem; text-transform: uppercase; } .categoryDivider-text-byline { font-family: 'exp-bold'; font-size: 2rem; text-transform: uppercase; } .rule { display: block; border-top: 2px solid #fff; width: 3rem; margin: 1.5rem auto; } .categoryDivider-text-desc { font-family: 'didot'; font-size: 2rem; margin: 0 auto; } .categoryDivider-text-link, .categoryDivider-text-link:hover { display: block; font-family: 'exp-bold'; font-size: 1.6rem; text-transform: uppercase; text-decoration: none; margin: 5rem auto 0 auto; color: #ffffff; } .categoryDivider-text-link:after { border-bottom: 0.4em solid transparent; border-top: 0.4em solid transparent; border-left: 0.4em solid #fff; right: -0.4em; top: -0.1em; content: ""; display: inline-block; height: 0; width: 0; vertical-align: middle; position: relative; } div[id^="categoryDivider_"] .play-btn { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -transform: translate(-50%, -50%); z-index: 1; } div[id^="videoModal_"] video { width: 100%; display: block; } @media (max-width: 767px) { div[id^="categoryDivider_"] img { display: none; } .categoryDivider-text { position: relative; -webkit-transform: translate(0, 0); text-align: center; margin: 1rem auto 3rem auto; top: 0; left: 0; } .categoryDivider-text * { color: #000000; -webkit-text-shadow: none; -moz-text-shadow: none; -ms-text-shadow: none; text-shadow: none; } h3.categoryDivider-text-heading { display: inline; } .categoryDivider-text-byline { display: inline; font-family: 'exp-regular'; font-size: 4rem; } .categoryDivider-text-desc { font-family: 'exp-regular'; } .categoryDivider-text-the, .rule { display: none; } .categoryDivider-text-link, .categoryDivider-text-link:hover { color: #000000; } .categoryDivider-text-link:after { border-left: 0.4em solid #000; } .play-btn { display: none !important; } } @media (max-width: 520px) { h3.categoryDivider-text-heading { display: inline; font-size: 2rem } .categoryDivider-text-byline { display: inline; font-family: 'exp-regular'; font-size: 2rem; } .categoryDivider-text-desc { font-size: 1.6rem; margin: 0 auto; } } /* -------------------------------------------------------------- */ /* END Category Separated Content Styles */ /* -------------------------------------------------------------- */ /* ----------------------------------------- Express View ----------------------------------------- */ #express-view{ min-height:400px; overflow: visible; } .express-view.reveal-modal{ top: 130px; } .express-view.reveal-modal .error-summary-row{ padding-left: 0; padding-right: 0; } .lt-1280 #express-view{ min-height:300px; } /* express view modals */ .express-view.reveal-modal .row{ margin-bottom: 0; padding: 0 20px 0 0; } /* dont show close button or the selection arrow on modals */ .express-view.reveal-modal .opened-selector, .express-view.reveal-modal .close-express-view, .express-view.reveal-modal .size-chart { display: none; } .express-view.reveal-modal .product-images-list .image-list { margin-top: 30px; } .modal-w-790.reveal-modal { width: 790px; margin-left: -395px; } .portrait .modal-w-790.reveal-modal { width: 760px; margin-left: -380px; } .modal-w-980.reveal-modal { width: 980px; margin-left: -490px; } .portrait .modal-w-980.reveal-modal { width: 760px; margin-left: -380px; } /* specific fix for tablet portrait mode opening 980 modals */ .portrait .modal-w-980.reveal-modal .eight.columns{ width: 60% !important; } /* Express view modal MINI - only modal version */ .ev-modal-mini.reveal-modal .four.columns { padding-right: 20px; } /* Express view modal MINI - all versions */ .ev-modal-mini .product-panel .submit-box input{ margin-bottom: 0; } /* Express view modal FULL - all versions */ .ev-modal-full .product-panel .submit-box { padding-bottom: 0; } /* Express view modal HP - all versions */ .ev-modal-hp .product-panel .submit-box li.hide { display: block; } .express-view.reveal-modal .product-flyout-container > div { width: 360px; height: 600px; } /* Selection arrow for express view */ .opened-selector span { position: absolute; top: -19px; right: 0; margin-right: -19px; width: 0; height: 0; border-left: 19px solid rgba(0, 0, 0, 0); border-right: 19px solid rgba(0, 0, 0, 0); border-bottom: 19px solid #F5F5F5; } .opened-selector.selected-4 span{ right: 12.5%; } .opened-selector.selected-3 span{ right: 37.5%; } .opened-selector.selected-2 span{ right: 62.5%; } .opened-selector.selected-1 span{ right: 87.5%; } /* standard express view */ .browse-gallery .express-view{ clear:both; float:left; width: 100%; margin: 22px 0; background-color: #F5F5F5; position: relative; } .browse-gallery .express-view.ensemble-view{ background-color: #EBE6E3; } .express-view.ensemble-view .opened-selector span{ border-bottom: 19px solid #EBE6E3; } .express-view ul{ list-style-type: none; margin-left: 0px; } .express-view .product-images-list.one{ width: 10% !important; position: static; } .express-view .eight.columns{ width: 65% !important; } .express-view .product-flyout-container{ margin-bottom: 1px; } .browse-gallery .express-view .product-panel { padding-right: 20px; width: 40% !important; } /* express view IE */ .lt-ie8 #express-view > .row { height: 487px; } .lt-ie8 .reveal-modal #express-view > .row { height:auto; } .lt-ie8 .express-view .product-images-list.one{ width: 10% !important; } .lt-ie8 .express-view .eight.columns{ width: 60% !important; } /* express view IE tablet simulation */ .lt-1024.lt-ie8 .express-view.reveal-modal{ width: 720px !important; margin-left: -45%} .lt-1024.lt-ie8 .express-view .product-images-list.one{ width: 10% !important; } .lt-1024.lt-ie8 .express-view .eight.columns{ width: 55% !important; overflow: hidden; } .lt-1024.lt-ie8 .express-view .product-panel{ width: 30% !important; } .lt-1024.lt-ie8 .product-panel .submit-box input{ margin-bottom: 20px; } .express-view h2.express-view-product-name{ top: 12px; padding-right: 20px; } .express-view a.close-express-view{ position: absolute; right: 10px; top: 10px; display: block; width: 20px; height: 20px; background: #575757; text-indent: -9999px; z-index: 3; background: url('../images/icon-sprite.png') no-repeat scroll -429px -890px transparent; } #express-view-form .error { clear: left; } #express-view-form .error.notice { color: #6F6F6F; } #express-view-form .js-siv-error-msg { display: none; text-align: left; } #express-view-form #product-message { text-transform: inherit; } #express-view-form #prod-qty-message { text-transform: inherit; } #express-view-form #product-panel-messages { min-height: 40px; padding: 5px 0; } #express-view-form #add-to-bag-container { margin-top: 0px; } .express-view #express-view-form .colors li, .express-view #express-view-form .colors li img { display: block; width: 30px; height: 30px; background-color: #DBDBDB; } .lt-ie8 .reveal-modal #express-view-form li.selected span{ height: 26px; width: 26px; } .lt-ie8 #express-view-form li.selected img{ height: 25px; width: 26px; } .lt-ie8 .reveal-modal #express-view-form input.qty{ width: 17px; height: 17px; } #giftcard-form .loading{ left: 0; } #giftcard-form input#qty, #express-view-form input#qty{ width: 32px; border: 1px solid darkgray; text-align: center; } #express-view-form .quantity-wrp legend{ padding-bottom: 7px; } #express-view-form .cta.add-favorite{ padding-left:12px; padding-right:12px; } .express-view .product-flyout-container > div{ margin: 0 auto; text-align: center; } .browse-gallery .express-view .product-flyout-container > div{ max-width: 435px; max-height: 726px; } .express-view .product-flyout-container > div.zoom{ max-width: none; width: 97.5%; margin-right: 2.5%; float: left; } .express-view .product-flyout-container a.video-cta{ position: relative; display: block; overflow: hidden; } .express-view .product-flyout-container a.video-cta span{ background: url("../images/icon-sprite.png") no-repeat scroll -703px -902px transparent; display: block; height: 90px; left: 50%; margin-left: -45px; margin-top: -45px; position: absolute; text-indent: -9999px; top: 50%; width: 90px; overflow: hidden; } /*OVERRIDES - EDITORIAL CAROUSEL */ .inline-editorial .browse-carousel{ margin: 0; } .inline-editorial .browse-carousel .nav-arrow.left{ left: 0; } .inline-editorial .browse-carousel .nav-arrow.right{ right: 0; } .inline-editorial .browse-carousel .bullet-wrapper { bottom: 10px; margin: 0; } /*END OVERRIDES - EDITORIAL CAROUSEL */ .editorial-expanded { position: relative; background-color: #f9f9f9; color: #000; margin: 0 0 20px; } .editorial-expanded ul{ margin: 0; } .editorial-expanded .close-express-view{ position: absolute; right: 0; top: 0; background: url("../images/icon-sprite.png") no-repeat scroll -424px -670px transparent; display: inline-block; height: 30px; width: 30px; text-indent: -9999px; z-index: 2; } .editorial-expanded .browse-carousel .nav-arrow.left{ background-position: -27px 14px; } html.no-touch .editorial-expanded .browse-carousel a.nav-arrow.left:hover{ background-position: -85px -70px; } .editorial-expanded .browse-carousel .nav-arrow.right{ background-position: 14px 14px; } html.no-touch .editorial-expanded .browse-carousel a.nav-arrow.right:hover{ background-position: -135px -70px; } /* express-view - left column */ .product-images-list .image-list{ width: 62px; margin: 50px auto 0 auto; padding-top: 4px; } .product-images-list .image-list li{ margin-bottom: 10px; } .product-images-list .image-list li a{ display: block; width: 62px; height: 104px; margin: 0 auto; border: 1px solid #E5E5E5; } .product-images-list .image-list li a.video{ position: relative; overflow: hidden; } .product-images-list .image-list li a .btn-play{ background: url("../images/video-preview.jpg") no-repeat 0 0 transparent; display: block; width: 47px; height: 54px; position: absolute; top: 0; left: 0; /*height: 90px; left: 50%; margin-left: -45px; margin-top: -45px; position: absolute; text-indent: -9999px; top: 50%; width: 90px; overflow: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5;*/ cursor: pointer; } .product-panel h2.ensemble-header{ margin-bottom: 15px; font-size: large; padding-left: 23px; } .suits-end-row{ border-bottom: 1px solid #BBB; margin: 20px 0 20px 0; } .product-panel h2.ensemble-product-title{ font-size:1em; margin-top: 0px; } .new-ensemble-row{ padding-top: 10px; padding-left: 2px; padding-right: 0px; padding-bottom: 10px; } .product-panel .ensemble-color-size label a { color: #6F6F6F; font-size: 12px; text-decoration: underline; } .ensemble-checkbox{ transform: scale(1.5); } #ensemble-checkbox-item{ padding-left: 10px; padding-bottom: 10px; padding-top: 10px; } .ensembleError{ color: red; padding-bottom: 10px; padding-top: 10px; text-transform: uppercase; text-align: center; display:none; } .suitsError{ color: red; display:none; text-align:left; padding-top:7px; } .product-panel ensemble-row{ padding-left: 1px; padding-right: 0px; } /* express-view - right column */ .express-view .product-panel form { margin-bottom: 0; } .product-panel a{ text-decoration: none; font-size: 0.929em; /*font-family: 'exp-bold';*/ } .product-panel h3{ padding-top: 23px; color: #A0A0A0; font-size: 0.786em; } .product-panel h2 { font-size: 1.286em; border-bottom: none; line-height: 20px; margin-top: 11px; text-transform: capitalize; } .product-panel h2 a{ font-family: 'exp-medium',Arial; text-decoration: none; color: #000; } .product-panel h4{ font-family: 'exp-regular', Arial; font-size: 1.286em; line-height: 20px; color: #000000; } .product-panel h4 em{ font-family: 'exp-regular'; font-size: 0.77em; font-style: normal; color: #575757; } /* Price variation: CLEARENCE */ .clearence .product-panel h4 span{ text-decoration: line-through; color: black; } .clearence .product-panel h4, .clearence .product-panel h4 em { color: red; } /* Price variation: SALE*/ .product-panel h4.sale span { text-decoration: line-through; color: black; } .product-panel h4.sale { color: red; } .product-panel h4.sale em { color: #575757; margin-left:5px; } .product-panel fieldset { margin: 10px 0 0 0; } .product-panel p.error { margin: 0; } .product-panel fieldset div.no-padding { padding: 0; } .product-panel form { margin-top: 25px; } .product-panel legend{ text-transform: uppercase; font-size: 0.857em; margin-bottom: 7px; background: transparent; } .product-panel legend a { color: #575757; font-size: 1em; text-transform: capitalize; border-left: 1px solid #575757; padding-left: 5px; } .product-panel legend span { color: #575757; } /*start rate - placeholder */ .product-panel .star-rate{ height: 14px; background: url("../images/FPO-startrate.png") 0 0 no-repeat; margin-bottom: 10px; margin-top: 14px; } .product-panel .star-rate a{ font-family: 'exp-medium',Arial; color: #000000; font-size: 0.857em; display: inline-block; float: left; margin-left: 88px; text-transform: uppercase; text-decoration: underline; } /* size & color list */ .product-panel .sizes, .product-panel .colors, .product-panel .gift-card-types { min-height: 30px; padding-top: 0px; margin-bottom: 0px; } .product-panel .sizes li, .product-panel .colors li, .product-panel .gift-card-types li { float: left; margin-right: 8px; margin-bottom: 8px; } .product-panel .sizes{ height: 33px; } .product-panel .sizes label { margin-bottom: 0; } .product-panel .sizes li span { display: block; width: 30px; height: 30px; text-align: center; line-height: 30px; color: black; text-decoration: none; font-family: 'exp-medium', Arial; } .product-panel .sizes li.sold-out span{ background: url("../images/product-size-sold-out.png") 0 0 no-repeat #DBDBDB; cursor: default; } .product-panel .colors li.selected img { border: 2px solid black; padding: 1px; } .express-gift-card.reveal-modal .product-panel { height: auto !important; } .gift-card-modal .product-panel { height: auto; } .product-panel .submit-box { text-align: center; width: 100%; } .express-view .submit-box ul { margin-bottom: 0; } .product-panel .submit-box ul li{ margin-bottom: 10px; } .touch .submit-box{ margin-top: 20px; } .no-touch .submit-box{ margin-top: 40px; } .product-panel .submit-box input[type="submit"]:hover{ text-decoration: none; background-color: #3D3D3D; } .product-panel .submit-box input[type="submit"].last-step:hover{ background-color: #29879F; } .product-panel .submit-box .express-button { padding-top: 10px; display: none; } .submit-box .error { text-align: left; margin-bottom: 15px; } .product-panel .submit-box a{ font-family: 'exp-medium',Arial; color: #000000; font-size: 0.857em; text-transform: uppercase; text-decoration: underline; width: auto; display: block; } .product-panel .submit-box input{ margin-bottom: 15px; text-align: center; } /* ----------------------------------------- Ensemble View ----------------------------------------- */ .express-view.ensemble-view ul{ padding: 0; margin: 0; list-style: none; } .express-view.ensemble-view .gallery-wrapper { margin: 0 auto; /*width: 340px;*/ } .express-view.ensemble-view .product-panel h2{ margin-top: 34px; font-size: 18px; line-height: 20px; } .express-view.ensemble-view .product-panel h2 a{ color: #000; } .express-view.ensemble-view .product-panel h3{ font-size: 13px; text-transform: none; font-family: 'exp-regular', Arial; margin-bottom: 20px; padding-top: 12px; } .express-view.ensemble-view .product-panel .ten.columns{ /*width: 80%;*/ width: 336px; /* in case of fluid remove this rule */ } .express-view.ensemble-view .product-panel .cta.final{ /*width: 317px;*/ /*padding-right: 5.654761904761905%;*/ width: 94.345238%; } .express-view.ensemble-view .product-panel .cta.final:hover{ background-color: #3D3D3D; color: #fff !important; text-decoration: none !important; } .express-view.ensemble-view .product-list>li{ height: 160px; float: left; width: 33.333333%; } .express-view.ensemble-view .product-list>li img{ width: 93px; } .express-view.ensemble-view .product-list ul li { font-size: 13px; line-height: 16px; padding-right: 5px; } .express-view.ensemble-view .product-list li{ color: #C30000; } .express-view.ensemble-view .product-list ul li span{ color: #000000; } .express-view.ensemble-view .product-list ul li.sale span{ text-decoration: line-through; } .express-view.ensemble-view .product-list .promo-messaging{ color: #575757; font-size: 12px; font-style: normal; } /* ----------------------------------------- Gift Card Modals ----------------------------------------- */ .gift-card-modal .capital{ text-transform: uppercase; } .express-view.gift-card-modal h3 { text-transform: none; color: #6F6F6F; } .gift-card-modal h3 a{ color: #6F6F6F; font-size: 12px; text-decoration: underline; } .reveal-modal #giftcard-form .submit-box{ padding-right: 0; padding-left: 0; } #content.hero{ margin-top: 0; } /*THAT IS NOT PART OF THE CAROUSEL PLUGIN*/ #category-browse-carousel { display: none; } .browse-carousel-wrapper .row .twelve { background: #f7f7f7; } /*----------------CATEGORY SELECTOR--------------*/ .category-item{ min-height:250px; display: block; } .category-item .hover-category{ display: block; position: absolute; height: 100%; width: 100%; top: 0; left: 0; text-align: center; background: -moz-linear-gradient(top, rgba(245,245,245,0.7) 0%, rgba(245,245,245,0.7) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,245,245,0.7)), color-stop(100%,rgba(245,245,245,0.7))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(245,245,245,0.7) 0%,rgba(245,245,245,0.7) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(245,245,245,0.7) 0%,rgba(245,245,245,0.7) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(245,245,245,0.7) 0%,rgba(245,245,245,0.7) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(245,245,245,0.7) 0%,rgba(245,245,245,0.7) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3f5f5f5', endColorstr='#b3f5f5f5',GradientType=0 ); /* IE6-9 */ visibility: hidden; } .category-item.hover .hover-category{ visibility: visible; } .category-item.checked:before { border: 1px solid #BBB; content: " "; display: block; height: 99%; width: 100%; position: absolute; top: 0; } .category-item.checked h3:before, .category-item.checked h4:before{ content: " "; position: absolute; bottom: 0; left: 50%; margin-left: -25px; margin-bottom: -1px; width: 50px; height: 10px; background: #f7f7f7; } .category-item.checked h3:after, .category-item.hover h4:after { content: " "; position: absolute; bottom: 0; left: 50%; margin-left: -15px; margin-bottom: -6px; width: 10px; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #000; background: #f7f7f7; } .category-item.hover h4:after { margin-bottom: -6px; } .category-item.checked h3:after { margin-bottom: -1px; } .category-item.hover h3 { visibility: hidden; position: relative; bottom: 0; left: 0; width: 100%; } .category-item h3 { padding-bottom: 15px; } .category-item .hover-category h4{ font-size: 0.857em; margin: 0; text-transform: uppercase; padding-bottom: 15px; } .category-item .hover-category a{ width: 100%; height: 100%; font-size: 1em; font-family: 'exp-regular',Arial; color: #000; text-decoration: none; position: relative; display: table; } .category-item .hover-category a>span { vertical-align: middle; display: table-cell; } .category-item .hover-category a>h4 { width: 100%; text-transform: uppercase; bottom: 5px; left: 0; position: absolute; font-size: 1em; font-family: 'exp-medium',Arial; } .category-item .hover-category ul{ list-style: none; margin: 0; padding: 0; } .category-item .hover-category ul li{ display: block; } /*---------------END CATEGORY SELECTOR-----------*/ /** Bazaarvoice */ #BVRRContainer>#BVRRSourceID { margin: 40px auto; max-width: 100%; width: 1348px; padding: 0 45px; } #BVRRContainer>#BVRRSourceID>div>div { border-style: solid; border-color: #eeeeee; border-width: 1px 0 0; padding: 30px 0; zoom: 1; } #BVRRContainer>#BVRRSourceID .count, #BVRRContainer>#BVRRSourceID .votes, #BVRRContainer>#BVRRSourceID .rating, #BVRRContainer>#BVRRSourceID .item .fn, #BVRRContainer>#BVRRSourceID .summary { color: #000000; font-family: exp-regular,Arial; font-size: 18px; font-weight: bold; line-height: normal; padding: 10px 0; } #BVRRContainer>#BVRRSourceID .description { vertical-align: top; display: block; word-wrap: break-word; zoom: 1; line-height: 1.5em; margin: 10px 0 35px 0; } #BVRRContainer>#BVRRSourceID .dtreviewed{ font-style: normal; font-weight: normal; text-transform: none; color: #999999; } #BVRRSummaryContainer { min-height: 31px; } /** Bloomreach */ #bloomreach-body-content { position: relative; margin: 40px auto; max-width: 100%; width: 1348px; padding: 0 45px; } #br-related-searches-widget { height:auto; padding-bottom: 20px; clear: both; } #br1, #br2, #br3, #br4, #br5, #br6 { background-color: #FFFFFF; border: 1px solid #000000; left: 0; position: absolute; top:38px; width:80%; } .br-found-heading, .br-related-heading { font-size:1.5em; color: #000; line-height:1.1em; clear:right; text-align:left; text-transform: uppercase; padding: 8px 0 0; } .br-sf-widget { width:25%; overflow:hidden; padding: 2px; display: inline-block; float: left; min-height: 200px; } .br-sf-widget .br-sf-widget-merchant-cont .br-sf-widget-merchant-img img { width: 100%; height:auto; } .br-sf-widget .br-sf-widget-merchant-cont .br-sf-widget-merchant-qv { text-align:left; } #bloomreach-container a { text-decoration:none; } .br-sf-widget-merchant-title a { color: #575757; font-style: normal; text-transform: uppercase; } .br-sf-widget-merchant-desc { margin-bottom:5px; font-size: .929em; } .br-related-query { font-size:1em; display:inline-block; margin-right:10px; } .br-top-query { font-size:11px; } .br-top-heading { font-size:12px; } .br-top-queries { float: left; width: 190px; } .br-top-end { clear: both; } .br-related-query-link { text-decoration: none; } /** End Bloomreach */ /* --------- PDP Video Styles ---------- */ #product-detail.video-detail .product-detail #express-view-images-list { margin-top: 0px; } .video-detail ul.video-cta-container { margin-top: 60px; } .video-detail ul.video-cta-container li { width: 62px; height: 104px; margin: 0; border: 1px solid #e5e5e5; display: block; } .video-detail ul.video-cta-container a.prod-video-cta { background: url('//www.express.com/cdn/responsive/video/products/play-btn.png') no-repeat; background-size: 44px 44px; width: 44px; height: 44px; margin: 25px auto; display: block; text-indent: -9999px; } /* ensure this is half of width with a negative sign */ .video-detail .video-modal { margin-left: -176px; } .video-detail .video-modal, .video-detail .video-modal video { width: 352px !important; height: 626px; } /* Mozilla proposal (dash) */ .video-modal video:full-screen { width:100%; height:100%; } /* W3C proposal (no dash) */ .video-modal video:fullscreen { width:100%; height:100%; } /* currently working vendor prefixes */ .video-modal video:-webkit-full-screen, .video-modal video:-moz-full-screen { width:100%; height:100%; } /* Fix x on video close button */ a.close-video-modal { padding: 7px 8px; } @media only screen and (max-width: 999px) { .product-images-list ul.video-cta-container { margin-top: 0px; position: absolute; right: 15px; top: -15px; z-index: 10; } .product-images-list ul.video-cta-container li { background: none; border: 0; width: 44px; height: 44px; } .product-flyout-container ul.video-cta-container { display: none; } } @media only screen and (min-width : 999px) { .product-flyout-container ul.video-cta-container { display: none; } .browse #content { padding: 0; } } .browse #cityscape{ margin-top:0px; } /*------------ SIZE CHART MODAL ---------------*/ .chart-modal{ background:white; padding-bottom:25px; } .chart-modal table{ width:100%; border-collapse:collapse; table-layout:fixed; margin:0; border-top:0; } .chart-modal .dark,.chart-modal .dark th, .chart-modal .dark td { color:white; background:#828687; border-color:#969696; } .chart-modal th, .chart-modal td { text-align:center; border:1px solid #e8e8e8; padding:9px 4px; line-height:18px; vertical-align: middle; } .chart-modal th span.mobile{ display: none; } .mobile .chart-modal th span.mobile{ display: inline; } .mobile .chart-modal th span.default{ display: none; } .mobile .chart-modal th, .mobile .chart-modal td { font-size: 11px; } .chart-modal th{ text-transform:uppercase; border-top:0; font-weight:normal; } .chart-modal-unit{ text-align:center; } .chart-modal-unit-cta{ display:inline-block; background: #d6d6d6; padding:2px; margin-top:20px; } .chart-modal-unit a.cta{ color:#9d9d9d; margin:2px; padding: 12px 22px 14px; } .chart-modal-unit a.cta.active{ background:white; color:black; } .measuring-tips-modal .row{ margin:0; } .measuring-tips-modal{ background:white; } .measuring-tips-text{ padding-top:44px; padding-left:20px; } .measuring-tips-text h4{ text-transform:uppercase; font-size:14px; margin:0; padding:0; } .measuring-tips-text p{ font-size:13px; width:90%; margin-bottom:20px; } .measuring-tips-text p, .measuring-tips-text h4 { padding-left: 10px; } .measuring-tips-text p.intro{ font-size:16px; } /*----------- END SIZE CHART MODAL ------------*/ /*---------------- ZOOM -----------------*/ .zoomable-wrapper{ z-index: 1; } /* Please note that cursor files loaded using URL in IE require absolute paths. Relative paths will NOT work. */ .zoomable-cta, .zoomable-wrapper { cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; cursor: url("../images/magnify.png") 13 13, url("//www.express.com/cdn/static/images/magnify.cur"), pointer; } .lt-ie10 .zoomable-cta, .lt-ie10 .zoomable-wrapper{ cursor: url("//www.express.com/cdn/static/images/magnify.cur"), pointer; } .zoomable-img{ cursor: move; } .zoomable-modal .zoomable-img{ cursor: url("../images/move-ns.png") 15 15, url("//www.express.com/cdn/static/images/move-ns.cur"), move; } .lt-ie10 .zoomable-modal .zoomable-img{ cursor: url("//www.express.com/cdn/static/images/move-ns.cur"), move; } /*------------- ZOOM MODAL --------------*/ .zoomable-modal{ background: #FFFFFF; z-index: 40 !important; } .zoomable-modal .inner{ position: relative; max-width: 1600px; display: block; margin: auto; } .zoomable-modal .close{ width: 16px; height: 16px; display: block; overflow: hidden; position: absolute; top:20px; right:20px; background: url("../images/icon-sprite.png") -430px -891px no-repeat transparent; cursor: pointer; z-index: 11; } .ensemble-page .zoomable-modal .close{ display: none; } .zoomable-modal .product-images-list{ position: absolute; z-index: 11; top: 20px; left: 20px; } .zoomable-modal .product-images-list ul{ list-style: none; /*margin: 0 0 55px 0 !important;*/ margin: 0 !important; padding: 4px 0 0 0 !important; overflow: hidden; } /*----------- END ZOOM MODAL ------------*/ /*---------------------------- Gift card panel ----------------------------*/ .express-gift-card .product-flyout-container { display: block; height: 612px; margin-top: 80px; width: 816px; } .express-gift-card.reveal-modal .product-flyout-container { margin-top: 30px; } .express-gift-card label { text-transform: capitalize; } .express-gift-card .capital { text-transform: uppercase; font-family: 'exp-medium', arial; font-size: 1.071em; } #product-detail .express-gift-card .product-panel { height: auto; margin-bottom: 60px; padding: 15px 0 0; } #product-detail .express-gift-card .product-panel h3 { padding: 0; } #product-detail .express-gift-card .padding{ padding: 0 0 17px; } /* Card header */ #product-detail #card-header .star-rate { margin-top: 15px; } #product-detail .ensemble-detail .error-summary{ margin: 6px 0 0 17px; display:none; } .added-to-cart-popup { position: fixed; top: 50%; left: 50%; margin: -50px 0 0 -50px; display:block; z-index:1000; height: 100px; width: 100px; background: url("../images/added-to-cart.png") no-repeat center center; } /* Card selector */ .express-gift-card .card-selector { /*margin: 30px 0 10px 0 !important; /* Overrides foundation row margin */ } .express-gift-card .card-selector input{ margin: 2px 4px 0 1px; } .express-gift-card .card-selector .inline-list{ margin: 5px 0 0 !important; } .express-gift-card .card-selector .inline-list li{ margin: 0 20px 0 0 !important; } .lt-ie8 .express-gift-card .card-selector .inline-list li{ margin: 0 10px 0 0 !important; } .express-gift-card .card-selector .inline-list label{ font-family: "exp-medium",Arial !important; font-size: 1.071em !important; } /* Gift card form */ .express-gift-card #giftcard-form p, .express-gift-card #giftcard-form label { font-size: 12px; } .express-gift-card #giftcard-form p { color: #575757; } .express-gift-card #giftcard-form p span { color: #000; } .express-gift-card #giftcard-form ul { margin: 0 !important; } .express-gift-card #giftcard-form ul li { margin-left: 8px; } .express-gift-card #giftcard-form ul li:first-child { margin: 0; } .express-gift-card #giftcard-form .row { margin-bottom: 20px; } #giftcard-form .inline-list a{ width: 30px; height: 30px; } #giftcard-form .inline-list img{ border: 1px solid yellow; } #giftcard-form .inline-list .selected img{ border: 1px solid black; padding: 1px; width: 29px; height: 29px; background: #575757; } .express-gift-card #qty { text-align: center; width: 34px; } .express-gift-card #giftcard-form textarea { height: 92px; resize: none; } .express-gift-card #giftcard-form .input-info { font-style: normal; } .express-view form a { color: #6F6F6F; font-size: 12px; text-decoration: underline; } #express-view-form a { /*color: #6F6F6F; font-size: 12px; text-decoration: underline;*/ } #express-view-form .submit-box a{ color: #000; margin-bottom: 15px; } .ev-modal-full #express-view-form .submit-box a{ margin-bottom: 0; } #express-view-form .submit-box a.disabled-button { background-color: #3D3D3D; color: #FFFFFF; font-family: 'exp-bold', arial; font-size: 1em; height: 38px; line-height: 38px; filter: alpha(opacity=30); -khtml-opacity: 0.3; -moz-opacity: 0.3; opacity: 0.3; -webkit-opacity: 0.3; text-align: center; text-decoration: none; width: auto; } .lt-800 #express-view-form .submit-box a.disabled-button { font-size: 0.857em; } #express-view a:hover, #gift-card-content a:hover, #express-view-product-detail a:hover { color: #0C687F; } #express-view h2 a:hover, #express-view-product-detail h2 a:hover { color: #000; } .gift-card-label p, .gift-card-label label { font-family: "exp-medium",Arial; text-transform: uppercase !important; } #gift-card-content.reveal-modal .submit-box{ margin-top: 50px; } .lt-ie8 #giftcard-form textarea#ecardMessage.twelve{ width: 90%; } .lt-ie8 #giftcard-form.gift-card-label select#amount.twelve{ width: 97%; } .lt-ie8 #giftcard-form select#amount.twelve{ width: 94%; } /* Add to favorites link */ .express-gift-card .add-ctas { margin-bottom: 25px !important; /* Overrides foundation .row */ } .express-gift-card .add-ctas a{ color: #000; display: block; margin-top: 13px; text-decoration: underline; } /* Share link */ .express-gift-card .share { background-color: #FCFCFC; border-top: solid 1px #F5F5F5; width: 100%; } .express-gift-card .share a { line-height: 50px; } .express-gift-card .share .social-icons { padding-top: 10px; } .express-gift-card .share .mail-icon { background: #FFFFFF url("../images/icon-sprite.png") no-repeat -351px -406px; display: inline-block; height: 20px; margin-top: 10px; width: 58px; } .express-gift-card .share .facebook-icon { background: #FFFFFF url('../images/icon-sprite.png') no-repeat -349px -435px; display: inline-block; height: 20px; margin-right: 10px; margin-top: 10px; width: 60px; } legend.express-gift-card-style, legend.express-gift-card-amount, legend.express-gift-card-qty { font-family: 'exp-bold',Arial; font-size: 1em; text-transform: uppercase; } #product-detail .express-gift-card div.express-gift-card-amount-container { padding-top: 17px; clear: both; } .express-view #express-view-form .gift-card-types li img { display: block; width: 90px; height: 107px; background-color: #DBDBDB; } .express-view #express-view-form .gift-card-types li.selected img { border: 2px solid black; } img.gift-card-tagline { margin-left: auto; margin-right: auto; display: block; margin-top: -90px; z-index: 1; } span.international-shipping-disclaimer { color: #c81210; text-transform: uppercase; font-size: 11px; line-height: 1.2em; } .product-social-panel { text-align: center; margin: 20px 0 0 0; padding: 0 0 14px 0; border-top: 1px solid #e1e1e1; } /* ----------------------------------------- PRODUCT DETAIL PAGE ----------------------------------------- */ body#product-detail{ background: #FFFFFF; } .breadcrumbs a, .outfit-breadcrumbs a{ color: #575757; } .breadcrumbs a:hover, .outfit-breadcrumbs a:hover { color: #0C687F; } #product-detail .exp-regular{ font-family: "exp-regular",Arial; } /* #product-detail .product-detail{ } */ #product-recommendation { padding: 20px; } #product-recommendation .photo { padding: 2px; display: inline-block; float: left; min-height: 200px; } #product-recommendation .product-info a { color: #575757; font-style: normal; text-decoration: none; text-transform: capitalize; } #product-recommendation .caption { font-family: "exp-bold", Arial; color: #575757; text-transform: uppercase; padding: 5px; } #product-recommendation ul { margin-left: 0; } #product-recommendation li { list-style: none; } /*UPSELL MODULES*/ #product-detail .upsell-module { background: #FFFFFF; padding-bottom: 10px; text-align: center; } #product-detail .upsell-module h3{ text-align: center; padding: 30px; font-size: 18px; } #product-detail .upsell-module .upsell-item{ width: 25%; display: inline-block; text-align: left; } #product-detail .upsell-module .upsell-item img{ width: 100%; } #product-detail .upsell-module.full .upsell-item{ float: left; padding: 0 2px; } #product-detail .upsell-module .product-info{ list-style: none; margin: 5px 0 10px 0; } #product-detail .upsell-module .product-info li{ margin: 0 0 3px 0; font-family: "exp-regular",Arial; color: #000000; font-size: 0.929em; line-height: 0.929em; } #product-detail .upsell-module .product-info a{ color: #575757; font-style: normal; text-decoration: none; } .lt-ie8 #product-detail .upsell-module .upsell-item{ width: 24.5%; float: left; padding: 0 2px; } /*END UPSELL MODULES*/ /*SIZE AND MEASUREMENT*/ #size-and-measurement{ position: relative; padding: 0; } #size-and-measurement.reveal-modal{ position: absolute; width: 681px; } #size-and-measurement .tabs-wrapper{ position: absolute; top: 38px; right: 20px; } #homepage #size-and-measurement .tabs-wrapper{ top: 34px; } #size-and-measurement .tabs-wrapper .tab{ height: 40px; float: right; margin-left: 20px; display: inline-block; color: #3794ac; font-family: 'exp-medium',Arial; font-size: 1.000em; position: relative; text-decoration: none; } #size-and-measurement .tabs-wrapper .tab:active{ outline: none; } #size-and-measurement .tab-content{ display: none; } #size-and-measurement .tab-content.opened{ display: block; } #size-and-measurement .tabs-wrapper .tab.opened{ color: #575757; } #size-and-measurement .tabs-wrapper .tab .down-arrow{ display: none; position: absolute; right: 50%; bottom: 0; margin-right: -10px; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #e8e8e8; } #size-and-measurement .tabs-wrapper .tab.opened .down-arrow{ display: block; } #size-and-measurement .size-top-bar{ padding: 19px 20px 0; } #size-and-measurement .size-top-bar h4{ font-size: 0.857em; font-family: 'exp-regular',Arial; margin-bottom: 4px; color: #575757; } #size-and-measurement .size-top-bar h3{ margin-bottom: 19px; font-size: 1.429em; } #size-and-measurement .size-content{ border-top: 3px solid #e8e8e8; } #size-and-measurement table th{ font-size: 0.857em; font-family: 'exp-medium',Arial; color: #585858; } #size-and-measurement table td{ font-size: 0.857em; font-family: 'exp-regular',Arial; color: #575757; } #size-and-measurement table.dark th{ color: #FFFFFF; } #size-and-measurement table.dark td{ color: #FFFFFF; } #size-and-measurement .chart-modal-unit-cta .active{ font-size: 0.857em; font-family: 'exp-medium',Arial; color: #000; } #size-and-measurement .chart-modal-unit-cta .cta{ font-size: 0.857em; font-family: 'exp-medium',Arial; color: #575757; } #size-and-measurement .chart-modal-unit-cta { padding: 0; } .lt-ie8 #size-and-measurement .chart-modal-unit-cta { width: 33.3%; } #size-and-measurement .measuring-tips-modal{ background-color: #F8F8F8; } #size-and-measurement .measuring-tips-modal .measuring-tips-text p{ color:#575757; } #size-and-measurement .measuring-tips-modal img{ display: block; } .lt-ie8 #size-and-measurement .measuring-tips-modal .measuring-tips-text{ width: 54%; } /*END SIZE AND MEASUREMENT*/ /*RATINGS & REVIEWS*/ #product-detail .reviews-module{ margin-top: 120px; } #product-detail .reviews-module .row{ height: 1200px; background: url("../images/FPO-BROWSE-reviews-desktop.jpg") center 100px no-repeat #FFFFFF; } #product-detail .reviews-module h4{ font-family: 'exp-regular',Arial; font-size: 14px; margin-bottom: 11px; } /*END RATING & REVIEWS*/ /*PRODUC DETAIL - EXPRESS VIEW*/ #product-detail .express-view{ /*height: 752px;*/ background: #F5F5F5; position: relative; overflow: hidden; } #product-detail .express-view .video-overlay{ position: absolute; top:0; left:0; width: 100%; height: 100%; z-index: 9; background: #000000; } #product-detail .express-view .video-overlay .row{ display: table; height: 100%; width: 100%; padding: 0; } #product-detail .express-view .video-overlay .row > div{ display: table-cell; text-align: center; vertical-align: middle; height: 100%; position: relative; } .lt-ie8 #product-detail .express-view .video-overlay .row > div{ padding-top: 95px; vertical-align: top; } #product-detail .express-view .video-overlay .close{ width: 990px; height: 30px; background: transparent; display: inline-block; margin-bottom: -30px; position: relative; } #product-detail .express-view .video-overlay .close .close-reveal-modal{ background: none repeat scroll 0 0 #000000; border: 2px solid white; border-radius: 50% 50% 50% 50%; color: #FFFFFF; cursor: pointer; display: block; font-family: "exp-regular",Arial; font-size: 2.15em; line-height: 0.5; padding: 3px 6px 10px 7px; position: absolute; top: -14px; right: -11px; text-align: center; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6); } #product-detail .express-view .video-overlay iframe{ display: inline-block; margin: auto; } #product-detail .product-images-list.one{ width: 8.33% !important; } #product-detail .express-view .product-detail-container { float: right; } #product-detail .product-images-list { position:absolute; } /*Fix Ensamble*/ #product-detail.ensemble-page .product-images-list { position: relative; } #product-detail .express-view .product-panel, .express-gift-card.reveal-modal .product-panel, #product-detail .express-view .product-info { padding: 20px 20px 10px; margin: 0; } #product-detail .express-view .product-flyout-container{ min-height: 300px; } #product-detail .product-exp-view-image img { width: 70%; max-height: 788px; } /* PDP image fix for screens over 1280 */ @media all and (min-width: 1280px) { #product-detail .product-exp-view-image img{ width: auto; } } #product-detail .product-info #breadcrumbs ul li { display:inline; } #product-detail .express-view .product-info h2 { border-bottom: none; text-transform: capitalize; } #product-detail .express-view .product-panel { padding-top: 0px; } #product-detail .product-desc-block { background-color: #fff; } #product-detail .express-view .product-desc-cntr { background-color: #fff; padding: 2em 0 2em 0; border-bottom: 1px solid #d5d5d5; } #product-detail .express-view .prod-cta{ font-family: "exp-regular", Arial; color:#575757; font-size: 1.4em; } #product-detail .express-view .prod-ship-text a { color: #575757; font-size: 1em; } #product-detail .express-view .product-desc-cntr .headline { font-family: "exp-regular", Arial; color: #575757; text-transform: capitalize; padding: 0; border-bottom:1px solid #575757; font-size:1.4em } #product-detail .express-view .product-description ul { list-style-position: inside; color:#575757; list-style-type: disc; margin-bottom:0; } #product-detail .express-view .product-description, #product-detail .express-view .shipping-description { padding-top:1em; } .express-gift-card.reveal-modal .product-panel{ border: none; padding: 0; margin-top: 40px; margin-bottom: 0; -webkit-box-shadow: none; box-shadow: none; } .lt-ie8 #product-detail .express-view .product-panel { float: right!important; /*height: 446px; margin-top: 30px;*/ } #product-detail .product-panel .submit-box input[type="submit"] { background-color: #b7b7b7 ; border-radius: 0.286em; float:left; font-family: 'Roboto Condensed', Arial; font-weight: 700; padding:10px 22px 10px; height:auto; } #product-detail .product-panel .submit-box input[type="submit"]:hover { background-color: #696969 ; } #product-detail .product-panel .submit-box input[type="submit"].final { background-color: #000; } #product-detail .product-panel .star-rate, .express-gift-card.reveal-modal .product-panel .star-rate { margin-top: 23px; margin-bottom: 30px; } #product-detail .product-panel #express-view-form { margin-top: 0; overflow: hidden; } #product-detail .product-panel #express-view-form span.textColor { display:block; padding-bottom: 8px; } #product-detail .express-view .product-panel .breadcrumbs, .express-gift-card.reveal-modal .product-panel .breadcrumbs { font-size: 11px; color: #575757; } #product-detail .express-view .product-panel .breadcrumbs a, .express-gift-card.reveal-modal .product-panel .breadcrumbs a, #product-detail .product-panel .outfit-breadcrumbs a { font-size: 11px; text-decoration: underline; } #product-detail .express-view .product-panel .breadcrumbs .style-text{ font-size: 11px; display:inline; } #product-detail .express-view .product-panel .breadcrumbs ul li { display:inline; } #product-detail .product-panel .outfit-breadcrumbs ul li { display:inline; } #product-detail .product-panel .outfit-breadcrumbs ul { padding-left: 23px; margin-bottom: 14px; } #product-detail .express-view .product-panel .breadcrumbs ul li:after { content: "/"; font-size: 11px; } #product-detail .product-panel .outfit-breadcrumbs ul li:after { content: "/"; font-size: 11px; } #product-detail .product-panel .outfit-breadcrumbs ul li:last-child:after { content: ""; } #product-detail .express-view .product-panel .product-description { position: relative; margin-top: 30px; margin-bottom: 20px; } #product-detail .express-view .product-panel .product-description ul{ list-style: disc; margin: 0 0 0 25px; } #product-detail .express-view .product-panel .product-description-full{ border-top: 1px solid #EFEFEF; position: absolute; top: -10px; left: -20px; right: -20px; background: #FFFFFF; -webkit-box-shadow: 0px 5px 3px -1px rgba(0, 0, 0, 0.5); box-shadow: 0px 5px 3px -1px rgba(0, 0, 0, 0.5); overflow: hidden; z-index: 10000; padding: 10px 20px 30px; } #product-detail .express-view .product-panel .product-description > p { border-top: 1px solid #FFF; } .lt-ie9 #product-detail .express-view .product-panel .product-description-full{ border-bottom: 1px solid #F5F5F5; z-index: 5; } #product-detail .ensemble-detail .product-flyout-container > div, #product-detail .express-view-devices .product-flyout-container > div { width: auto; height: auto; line-height: normal; text-align: left; } .express-view .product-flyout-container > div img { display: block; margin: 0 auto; } #express-view-ensemble-page .submit-box { padding-right: 20px; } #product-detail .product-panel .submit-box, .express-gift-card.reveal-modal .product-panel .submit-box { position: static; } .lt-ie8 #product-detail .product-panel .submit-box{ width: auto; } #product-detail .product-panel .share-product{ height: 59px; border-top: 1px solid #f5f5f5; background: #fcfcfc; text-align: center; line-height: 59px; position: absolute; bottom: 0px; left: 0px; width: 100%; } .lt-1024.lt-ie8 #product-detail .product-panel .share-product{ position: relative; } .express-gift-card.reveal-modal .product-panel .share-product{ display: none; } #product-detail .product-panel .share-button{ text-transform: uppercase; color: #575757; position: relative; padding-left: 25px; } #product-detail .product-panel .share-button.open{ display: none; } #product-detail .product-panel .share-button .share-icon{ background: #FFFFFF url("../images/icon-sprite.png") no-repeat -390px -380px; display: inline-block; height: 15px; width: 20px; position: absolute; top:0px; left: 0px; } #product-detail .product-panel .social-icon{ height: 22px; width: 22px; display: inline-block; margin: 20px 5px 0 5px; background-image: url("../images/icon-sprite.png"); background-repeat: no-repeat; text-align: center; } #wishlist-and-chat { text-align: center; } .product-chat-wrapper{ padding: 2px; } #wishlist-and-chat span.product-chat-wrapper { display: inline !important; } #helpLink { background: url("../images/icon-sprite.png") -36px -673px no-repeat; padding: 2px 0 2px 30px; } #productChatLink > a{ font-size: inherit; background: url("../images/icon-sprite.png") -540px -672px no-repeat; padding-left:30px; padding-top: 2px; margin-left: 20px; display: inline-block; text-decoration: none; } #wishlist-and-chat #productChatLinkInfo{ color: #000; font-size: 0.8em; font-family: 'exp-regular'; padding-bottom: 2px; } #wishlist-and-chat #productChatLinkInfo { border-bottom: 1px solid black; } #productChatLink{ display: inline !important; } #productChatLink > span{ vertical-align: top; } #product-detail .product-panel .social-icon.facebook{ background-position: -558px -600px; } #product-detail .product-panel .social-icon.twitter{ background-position: -591px -600px; } #product-detail .product-panel .social-icon.google{ background-position: -623px -600px; } #product-detail .product-panel .social-icon.pinterest{ background-position: -526px -600px; } #product-detail .product-panel .social-icon.sms{ display: none; background-position: -685px -622px; } #product-detail .product-panel a.social-icon.sms:hover{ background-position: -685px -582px; } #product-detail .product-panel .social-icon.email{ background-position: -656px -600px; } #product-detail .product-panel a.social-icon.pinterest:hover{ background-position: -526px -576px; } #product-detail .product-panel a.social-icon.facebook:hover{ background-position: -558px -576px; } #product-detail .product-panel a.social-icon.google:hover{ background-position: -623px -576px; } #product-detail .product-panel a.social-icon.twitter:hover{ background-position: -591px -576px; } #product-detail .product-panel a.social-icon.email:hover{ background-position: -656px -576px; } #product-detail .product-panel .social-icon.add-to-wishlist-icon{ background-position: -489px -671px; height: 21px; width: 21px; margin: 0px; vertical-align: bottom; } #product-detail .product-panel .add-to-wishlist{ background-image: url("../images/icon-sprite.png"); background-position: -142px -567px; height: 38px; width: 38px; margin: 0 4px; vertical-align: bottom; background-color: transparent; display:block; cursor:pointer; } #product-detail .product-panel .add-to-wishlist:hover{ background-position: -189px -567px; } #product-detail .product-panel .add-to-wishlist.active{ background-position: -236px -567px; } #product-detail #wishlist { background-color: #f4f4f4; } #wishlist-icon { float: left; } #add-to-wishlist-form{ line-height: 21px; height: 21px; margin-top: 0; display:inline; } #product-detail .product-panel .click-to-chat-icon{ background-position: -540px -672px; margin: 0px; vertical-align: top; height: 0; } #product-detail .pagination{ position: absolute; right: -1px; top: -42px; height: 41px; width: 146px; background: #f5f5f5; text-align: center; font-size: 11px; color: #575757; line-height: 41px; } #product-detail .outfit-breadcrumbs .pagination{ background: inherit; } .lt-ie8 #product-detail .pagination{ top: -43px; } #product-detail .pagination .left-arrow, #product-detail .pagination .right-arrow { height: 18px; width: 12px; position: absolute; top: 12px; background-image: url("../images/icon-sprite.png"); background-repeat: no-repeat; } #product-detail .pagination .left-arrow{ left: 5px; background-position: -429px -864px; } #product-detail .pagination .right-arrow{ right: 5px; background-position: -444px -864px; } #product-detail .pagination a.left-arrow:hover{ left: 5px; background-position: -460px -864px; } #product-detail .pagination a.right-arrow:hover{ right: 5px; background-position: -474px -864px; } #product-detail .loading-circle{ position: absolute; left: 50%; top: 300px; } #product-detail #express-view-images-list, #product-detail .image-list { overflow: hidden; margin: 0; } #product-detail #express-view-images-list { margin-top: 60px; } .image-list li.selected a{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.2; } #product-detail .gray-button { background: none repeat scroll 0 0 #A4A4A4; display: block; width: 30%; margin: 0 auto; } #product-detail .ensemble-detail{ background-color: #ebe1d8; background-image: none; margin-bottom: 40px; } #product-detail .ensemble-detail .action-buttons-wrapper{ padding-left: 18px; } #product-detail .social-buttons-wrapper{ padding-left: 18px; } #product-detail .ensemble-grid .upsell-item { margin-bottom: 2px; } #product-detail .ensemble-button{ margin-top: 30px; } #product-detail .express-view .size-chart-color.four{ padding: 20px 0 0px; } #product-detail .express-view .size-chart-color .breadcrumbs, #product-detail .express-view .size-chart-color h2 { padding:0 20px; } #product-detail .express-view .size-chart-color h2{ padding-bottom: 20px; border-bottom: 1px solid #efefef; } #product-detail .express-view .size-chart-color form{ margin-top: 15px !important; } #product-detail .size-color-block{ width: 100%; overflow: hidden; border-bottom: 1px solid #efefef; padding: 0 4% 3%; margin-bottom: 15px; } #product-detail .size-color-block .size-color-image{ width: 22%; float: left; margin-right: 6%; } #product-detail .size-color-block .size-color-content{ width: 72%; float: left; } .lt-ie8 #product-detail .size-color-block .size-color-content{ width: 64%; } #product-detail .size-color-block .size-color-content ul, #product-detail .size-color-block .size-color-content ul li { margin: 0; padding: 0; } .size-color-block .size-color-content ul li, .size-color-block .size-color-content ul li a { font-family: 'exp-regular',Arial; font-size: 0.929em; color: #000; text-decoration: none !important; } #product-detail .size-color-block .size-color-content a{ text-decoration: underline; } #product-detail .size-color-block .size-color-content a:hover{ text-decoration: underline !important; } #product-detail .size-color-block .size-color-content ul li ul{ overflow: hidden; margin: 10px 0 5px; } #product-detail .size-color-block .size-color-content .size-color-chart, #product-detail .size-color-block .size-color-content .size-color { width: 46%; float: left; margin-right: 2%; } #product-detail .size-color-block .size-color-content .size-color{ margin-left: 2%; margin-right:0; } #product-detail .size-color-block .size-color-content .size-color-chart label, #product-detail .size-color-block .size-color-content .size-color label { text-transform: uppercase; width: 100%; height: auto; } #product-detail .size-color-block .size-color-content .size-color-chart label span, #product-detail .size-color-block .size-color-content .size-color-chart label a, #product-detail .size-color-block .size-color-content .size-color label span { font-family: 'exp-regular',Arial; font-size: 0.786em; color: #575757; text-transform: none; } #product-detail .size-color-block .size-color-content .reset-selection{ display: none; } #product-detail .size-color-block .size-color-content .reset-selection:hover{ color: #0C687F; text-decoration: underline !important; } #express-view-colors-dropdown{ margin-top:5px; } #express-view-colors label { margin: 0; } html.touch #express-view-carousel .browse-carousel .nav-arrow { display: none !important; } html.no-touch #express-view-carousel .browse-carousel .nav-arrow { display: block; z-index: 5; } #express-view-carousel .browse-carousel .nav-arrow.left { left: 0px; } #express-view-carousel .browse-carousel .nav-arrow.right { right: 0px; } #express-view-carousel .browse-carousel img { height: auto !important; max-height: none !important; width: 60%; } #express-view-carousel .browse-carousel .bullet-wrapper{ bottom: 20px; } #express-view-carousel .browse-carousel{ margin: 0; } section#express-view-carousel{ border: 0; display: none; } #express-view-carousel a.video-cta span { background: url("../images/icon-sprite.png") no-repeat scroll -703px -902px rgba(0, 0, 0, 0); display: block; height: 90px; left: 50%; margin-left: -45px; margin-top: -45px; position: absolute; text-indent: -9999px; top: 50%; width: 90px; overflow: hidden; } /* customer service content styles */ div.service-content div.content { padding-top: 20px; } div.service-content, div.service-content p, div.service-content em { color: #000000; font-family: "exp-regular", Arial; font-size: 1em; font-style: normal; } div.service-content em { font-weight: bold; } div.service-content h3, div.service-content p strong { color: #000000; font-family: "exp-bold", Arial; font-size: 1em; text-transform: uppercase; padding-bottom: 10px; padding-top: 5px; } div.service-content h1 { padding: 1em 0; font-family: "exp-bold", Arial; font-size: 1.5em; text-transform: uppercase; line-height: 1.1em; } div.service-content h4 { color: #000000; font-family: "exp-bold", Arial; font-size: 1em; margin-bottom: 6px; line-height: 1.1em; } div.service-content a { color: #3995AE; font-family: "exp-regular", Arial; font-size: 1em; } div.service-content ul { list-style-position: inside; } div.service-content ul.content-nav { list-style: none; } div.service-content ul.content-nav li { padding-bottom: 10px; } div.service-content { padding: 0 20px; } div.service-content .row .row.padding { padding: 0 0 20px 0; } div.service-content q { font-style: italic; line-height: 1.5; } div.service-content .pdf { padding: 5px 0px 0px 20px; background: transparent url(/cdn/assets/cms/help/icon_pdf.gif) no-repeat center left; } div.service-content ol { line-height: 1.2em; margin-bottom: 17px; } div#help-content h3 a { color: #000000; font-family: "exp-bold", Arial; text-decoration: none; } div#help-content a { color: #000000; text-decoration: none; } div#help-content a:hover { color: #000000; text-decoration: underline; } div#help-content ul { list-style-type: none; line-height: 1.3; margin-bottom: 5px; } div#help-content h3 { padding-bottom: 0px; padding-top: 15px; } div.service-content input[type="text"], div.service-content input[type="email"], div.service-content input[type="tel"], div.service-content input[type="password"], div.service-content input[type="number"], div.service-content textarea { background-color: #EAEAEA; } div.service-content textarea { resize: vertical; } #seo-description { color:#898989; font-size:12px; background-color: #FFF; display: none; } /* ----------------------------------------- Suits Ensemble Page ----------------------------------------- */ #product-detail.suits-page .express-view .product-panel { margin: 0; border: none; background-color: #f4f4f4; padding: 2em 0 0 0; } .suits-page .product-panel h2, .suits-page .product-panel h4 { line-height: 1.286em; margin-top:.571em; margin-bottom:.571em; padding-left:0; } .suits-page .bv-read-review a, .suits-page .bv-full-details a { color: #575757; } .suits-page .bv-full-details { margin-top: 1.143em; margin-bottom: 1em; } .suits-page .bv-full-details a { text-decoration: underline; } .suits-page .product-panel .row { padding-left: 0; padding-right: 0; } .suits-page .product-panel .submit-box input[type="submit"] { background-color: #b7b7b7; border-radius: 0.286em; float:left; } .suits-page .product-panel .submit-box input[type="submit"]:hover { background-color: #696969; } .suits-page .product-panel .submit-box input[type="submit"].final { background-color: #000; } .suits-page .product-panel form { margin-top:0; margin-bottom: 5px; } .suits-page .product-panel form a { display:block; margin-bottom: 1.143em; margin-top: .571em; } .suits-page #express-view-ensemble-page .submit-box { padding-right: 0; } .suits-page .ensemble-description ul { list-style-position: inside; list-style-type: disc; } .suits-page select.error { margin-bottom:0; } .no-touch .suits-page .submit-box { margin-top: .571em; } #product-detail.suits-page #express-view-images-list { margin-top: .571em; margin-bottom: 1.714em; width: 100%; } .suits-page .product-images-list .image-list li { margin-bottom:0; } .suits-page .product-images-list .image-list li a { float:left; margin-right: 10px; } .suits-page .ensemble-desc-cnt { width: 85%; } .suits-page .express-view .product-flyout-container > div img { margin: 0; padding-top:1.714em; max-width:67%; } .suits-page .product-panel .row .row { margin: 0; padding: 0; } .suits-prod-img a img { width: 92%; } .suits-page .product-images-list .image-list li a{ width: 54px; height: 94px; } .suits-page .suits-prod-info select { width: 66.666%; } .suits-page #add-to-bag-button.twelve { width:66.666%; } @media only screen and (min-width : 768px) and (max-width: 999px) { .suits-page .product-detail h2 { padding-left:15px; } .suits-page .product-detail .suits-prod-info h2 { padding-left: 0; } .suits-page .ensemble-desc-cnt { width: 95%; } .suits-page #product-detail #express-view-carousel { margin-top: 5px; } .suits-page .browse-carousel-offcanvas { overflow: visible; } .suits-page .product-left-container.six, #product-detail.suits-page .product-panel.six { width:50%; } .suits-page .product-left-container.six { padding: 0 0 0 20px; } .suits-page section { display:none; } #product-detail.suits-page #product-detail-flyout-container { display:block; margin-top:0; } #product-detail.suits-page #express-view-carousel { display:none; } .suits-page .product-detail .product-images-list .image-list { display:block !important; } } @media only screen and (max-width: 767px) { #product-detail.suits-page .express-view .row .product-panel { padding-left: 10px; padding-right: 10px; } .suits-page h2 { border-bottom:none; padding: 0 10px; } .suits-page .ensemble-description { margin-top:10px; padding-left: 10px; padding-right: 10px; } .suits-page .ensemble-description ul li { padding-left: 5px; } .suits-page .ensemble-desc-cnt { width:90%; display:none; text-align:left; } .suits-page .row .mobile-two { width: 100% !important; padding:0; } .suits-page .suits-prod-img a { display: block; width: 60%; margin: auto; } .suits-page .suits-prod-info { margin-top:10px; } .suits-page .suits-prod-info select, .suits-page .suitsError { width: 100%; } .suits-page .ensemble-desc-cnt ul { margin-bottom: 0; } .product-panel h2.ensemble-product-title { font-size: 1.3em; } .suits-page #add-to-bag-button.twelve { width:100%; } .suits-page a.ensemble-desc-cta { color: black; text-decoration: underline; text-transform: uppercase; } .suits-page a.ensemble-desc-cta:after { content: ""; display: inline-block; height: 0; width: 0; vertical-align: middle; position: relative; left: 6px; margin-right: 5px; border-right: 0.5rem solid rgba(0, 0, 0, 0); border-left: 0.5rem solid rgba(0, 0, 0, 0); border-top: 0.5rem solid #000; left: 0.5rem; top: -0.15rem; } } .online #add-to-bag-button{ width:100%; } /* GIV Modal Style */ .giv-blue { color: #01ADF0; } .store-availability-wrapper { padding: 20px; position: relative; overflow: hidden; clear: both; } .store-availability-wrapper h3 { border-bottom: 2px solid #000; line-height: 1.5; margin: 0 0 10px 0; } .product-overview { width: 25%; float: left; } .product-overview .product-image { display: block; width: 100%; margin-bottom: 20px; } .product-overview .product-style { display: block; width: 100%; font-size: 12px; color: #cccccc; } .product-overview .product-title { display: block; width: 100%; font-size: 18px; font-weight: bold; color: #000000; margin: 8px 0px 14px 0px; text-transform: capitalize; } .product-overview .product-color { display: block; width: 100%; font-size: 12px; color: #000000; } .store-locations-wrap { width: 72.5%; float: left; margin-left: 2.5%; overflow: hidden; } ul.store-locations { display: block; position: relative; width: 100%; margin: 0; padding: 0; height: 355px; border-bottom: 1px solid #ccc; overflow-x: hidden; overflow-y: scroll; clear: both; } li.store-location { max-height: 65px; background-color: #ffffff; color: #555555; display: block; overflow: hidden; padding: 0px; margin: 0px; clear: both; border-bottom: 1px solid #ccc; vertical-align: top; position: relative; line-height: 1.5; -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; } li.store-location + li.store-location { margin: 10px 0px 0px 0px; } li.store-location + li.store-location.open { margin: 0px; } li.store-location:last-child { border:none; } li.store-location.open { background-color: #eeeeee; color: #000000 !important; max-height: 600px; } .store-location .store-location-summary { padding: 10px; height: 55px; } .store-location .store-location-summary .six { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .store-location .toggle-arrow { height: 100%; background: url(http://www.express.com/cdn/responsive/giv-icons/down-arrow.png) 80% 20% no-repeat; background-size: 50%; } .store-location.open .toggle-arrow { background: url(http://www.express.com/cdn/responsive/giv-icons/up-arrow.png) 80% 20% no-repeat; background-size: 50%; } .store-location .store-location-details { overflow: hidden; clear: both; padding: 10px 10px; } .store-location .available-status { text-align: right; } .store-location.open a.make-my-store { display: block; background: url(/cdn/responsive/giv-icons/store-locator-pin.png) no-repeat 0px 0px; background-size: contain; padding: 5px 0px 1px 20px; margin: 6px 0 0 0; line-height: 1; color: #01ADF0; } .store-location .store-actions { width: 100%; padding: 0; clear: both; position: relative; border-top: 1px solid #cccccc; } .store-location a.action-link { color: #01ADF0; text-decoration:underline; } .store-location a { color:#000000; } .store-location .get-directions, .store-location .text-address { float: left; width: 50%; padding: 13px 10px 7px 36px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; position: relative; box-sizing: border-box; } .store-location .text-address { border-right: 1px solid #cccccc; background: url('/cdn/responsive/giv-icons/text-address.png') no-repeat; background-size: 10%; background-position: 10px 50%; } .store-location .get-directions { background: url('/cdn/responsive/giv-icons/get-directions.png') no-repeat; background-size: 10%; background-position: 10px 50%; } .no-touch .store-location .get-directions:hover, .no-touch .store-location .text-address:hover { color: #01ADF0; background-color: #e0e0e0; } .store-location .text-address-form { width: 100%; float: none; clear: both; overflow: hidden; border-top: 1px solid #cccccc; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .store-location .text-address-form form { overflow: hidden; margin: 0px 0px; } .store-location .text-address-form input[type="tel"] { width: 60%; height: 32px; margin-right: 3%; float: left; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .store-location .text-address-form input[type="submit"] { width: 30%; height: 33px; padding: 8px; margin: 0; float: left; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .store-location .text-address-form p { width: 100%; margin: 0; clear: both; } .store-locations-wrap .notice { padding-top: 15px; text-align: center; color: #888888; } #store-locator-search-field { background: #FFF; width: 49%; height: 38px; margin-right: 2%; -webkit-border-radius: 3px; border-radius: 3px; float: left; } #find-in-store-button { width: 49%; margin: 0; border: none; border-radius: 0; border-radius: 3px; font-size: 1em; cursor: pointer; -webkit-appearance: none; } form#store-search-zip { margin: 10px auto; width: 95%; text-align: left; display: block; } /* ----------------------------------------- IE fixes ----------------------------------------- */ /*.lt-ie8 body { overflow-x: hidden; }*/ /* Fixes IE7 horizontal scroll bar */ /* Foundation fixes for browse-head */ .lt-ie8 .browse-head form {margin-bottom: 0;} .lt-ie8 .browse-head select{ float: left; clear: none; } .lt-ie8 .browse-head .eight.columns{ width: 66%; } .lt-ie8 .browse-head .seven.columns{ width: 57%; } .lt-ie8 .browse-head #category{ width: 48% } .lt-ie8 .browse-head .row {padding-bottom: 10px;} .lt-ie8 .browse-head.fixed .row {padding-bottom: 5px;} .lt-ie8 .browse-gallery .w-2{width: 49%;} .lt-ie8 .all-filters .four{width: 31%; margin-top: 25px !important;} /* IE7 all filter z-index bug */ .lt-ie8 .browse-head .twelve.columns{ z-index: 2; position: relative;} .lt-ie8 #all-filters { z-index: 1; } /*.lt-ie8 .all-filters .twelve .row{width: 49%;}*/ .lt-ie8 .browse-dropdown ul{border-bottom:1px solid #eee;border-left:1px solid #eee;border-right:1px solid #eee;right:0;} .lt-ie8 .all-filters .final.cta{padding: 3px 30px;} /*.lt-ie8 .browse-head .row-filter-tags{padding-bottom: 30px;}*/ .lt-ie8 .browse-wrapper .column {position:static;} /*.lt-ie9 .browse #content .browse-head.fixed > .row{width: 1400px !important;}*/ /* giftcard */ .lt-ie8 .express-gift-card .padding-top{ padding-top: 0; } /* ensemble view */ .lt-ie8 .express-view.ensemble-view .six.columns{ width: 49%; } .lt-ie8 .express-view.ensemble-view .product-list>li { width: 32% } /* Product color-list for IE */ .lt-ie8 .browse-gallery .photo .image-container .colors ul { width: 100%; } .lt-ie9 .browse-gallery .express-view {width: 100%} .lt-ie9 .browse-head .eight.columns {float:right;} .lt-ie9 .browse-head .row-filter-tags .eight{float: left} .lt-ie9 .browse-head .row-filter-tags .four{float:right} .lt-ie9 .browse-gallery .product-info li span{color: #575757; font-style: normal; text-decoration: none;} .lt-ie9 .browse-gallery .product-info li a{color: #575757; font-style: normal; text-decoration: none;} .lt-ie9 .browse-gallery .product-info li span.regular-price{color: #000000; text-decoration: line-through;} .lt-ie9 .browse-gallery .product-info li span.discount{color: #BB2525;} /** * IE 7 minor that 1024 resolution tablet simulation */ .lt-1024.lt-ie8 .browse-head .eight.columns{ width: 50%; } .lt-1024.lt-ie8 .all-filters.opened{ min-height: 186px; } .lt-1024.lt-ie8 .all-filters .twelve .four{ margin-top: 0; } .lt-1024.lt-ie8 .all-filters .size-chart{ display:none; } .lt-1024.lt-ie8 .all-filters legend{ margin-bottom: 0; } .lt-1024.lt-ie8 .all-filters .four fieldset ul{ padding: 20px 0 10px; border-bottom: 1px solid #E3E3E3; } .lt-1024.lt-ie8 .browse-wrapper .twelve{ margin:0; padding: 0; } .lt-1024.lt-ie8 .all-filters .twelve .row legend span{ background: url('../images/icon-sprite.png') no-repeat scroll -433px -923px transparent; display: inline-block; width: 10px; height: 10px; float: right; margin-top:-10px; } .lt-1024.lt-ie8 .row-filter-dropdowns .search-filters .browse-dropdown{ display:none!important; } .lt-1024.lt-ie8 .all-filters .twelve .row div.opened legend span{ background-position: -433px -942px; } .lt-1024.lt-ie8 .all-filters .twelve .row { width:100%; float:none; } .lt-1024.lt-ie8 .all-filters .twelve .row ul{ display:none; } .lt-1024.lt-ie8 .all-filters .twelve .row legend{ display:block; width:100%; border-bottom:1px solid #e3e3e3; padding:20px 0; cursor:pointer; } .lt-1024.lt-ie8 .all-filters .twelve .filter-group{ width:100%; float:none; } .lt-1024.lt-ie8 .all-filters .twelve .row .filter-group.opened ul{ display:block; } .lt-1000.lt-ie8 #product-detail .product-panel{ width: 30%; } .lt-1000.lt-ie8 #product-detail .product-images-list{ width: 6%!important; } .lt-1000.lt-ie8 #product-detail .upsell-module .upsell-item{ width: 24%; } /** * END of IE 7 minor that 1024 resolution tablet simulation */ /* ----------------------------------------- TABLET ----------------------------------------- */ @media only screen and (min-width : 768px) and (max-width: 999px) { .browse .hero-image, .browse .hero-image .row { padding: 0; } .browse .hero-image .columns { padding-left: 1.5%; padding-right: 1.5%; } .browse-gallery .w-2{ width:66.6%; } .all-filters.opened{ /*min-height: 186px;*/ } .all-filters .twelve .four{ margin-top: 0; } .all-filters .size-chart{ display:none; } .all-filters legend{ margin-bottom: 0; } .all-filters .four fieldset ul{ padding: 20px 0 10px; border-bottom: 1px solid #E3E3E3; } .browse-wrapper .twelve{ margin:0; padding: 0; } /* express view adjustments for tablet */ .express-view .product-images-list.one{ width: 10% !important; } .browse-gallery .express-view .eight.columns{ width: 45% !important; overflow: hidden; } .browse-gallery .express-view .product-panel{ width: 33% !important; } /* express view arrow for tablet - (3 columns) */ .opened-selector.selected-3 span{ right: 16.66666666666667%; } .opened-selector.selected-2 span{ right: 50%; } .opened-selector.selected-1 span{ right: 83.33333333333333%; } /* ensemble view for tablet */ .express-view.ensemble-view .product-panel .cta.final{ line-height: 38px; } /* Ensemble view for tablet */ .express-view.ensemble-view .product-flyout-container, .express-view.ensemble-view .product-panel { width: 50% !important; overflow: hidden; } /*------------------------ PRODUC DETAIL PAGE -------------------------*/ #product-detail .reviews-module .row{ height: 1500px; background: url('../images/FPO-BROWSE-reviews-tablet.jpg') center 100px no-repeat #FFFFFF; } #product-detail .upsell-module .upsell-item{ width: 50%; float: left; padding: 0 2px; } #product-detail .pagination { top: 20px; right: 10px; -webkit-box-shadow: none; box-shadow: none; } #product-detail .ensemble-detail .row, #product-detail .express-view-devices .row, .express-gift-card.modal-w-980 .row { padding-left: 0; padding-right: 0; } #product-detail .size-chart-color, #product-detail .express-view-devices .product-panel, .express-gift-card.modal-w-980 .product-panel { margin: 0 !important; border-top: none !important; border-left: none !important; border-right: none !important; } #product-detail .ensemble-button { width: 30%; } #product-detail .size-color-block .size-color-image{ margin-right: 0; width: 17%; } #product-detail .size-color-block .size-color-content{ width: 83%; } #product-detail .size-color-block .size-color-content ul li a{ color: #FF0000; } #product-detail .ensemble-detail .size-color-block .size-color-content ul li a{ color: #000; } #product-detail .size-color-block .size-color-content .size-color-chart, #product-detail .size-color-block .size-color-content .size-color { width: 25%; } #express-view-form select { max-width: none; } .br-sf-widget { width: 33.33333%; } #product-detail .express-gift-card .product-flyout-container { width: 100% !important; height: auto; margin-top:0px; } #product-detail .express-gift-card img.gift-card-tagline { margin-top:-108px; } #product-detail .express-gift-card .product-panel { width:100%; } } /* ----------------------------------------- MOBILE ----------------------------------------- */ @media only screen and (max-width: 767px) { .browse-wrapper, .hero-image { padding: 0 10px; } .row-filter-dropdowns h1{ padding: 25px 0 !important; } .row-filter-dropdowns h1 span{ text-indent: -9999px; background: url('../images/icon-sprite.png') no-repeat scroll -432px -791px transparent; display: inline-block; width: 12px; width: -18px; } .browse #content .browse-head { padding-top: 0; height: auto; } .browse-head h1 { font-size: 1.071em; } .browse-head>.row .row { padding: 0; margin-bottom: 22px; } .browse-head .columns { margin-bottom: 0; } .browse .hero-image { min-height: 170px; height: 170px; padding: 0; } .hero-image, .hero-image .columns{ min-height: 160px; } .browse .hero-image .columns { padding-left: 10px; padding-right: 10px; } /* hero size variation */ .hero-image{ background-size: auto 170px; } .hero-image .hero-content{ font-size: 10px; /* DO NOT CHANGE TO EMs */ /* this reduces overall fonts to a 70% */ margin-top: 15px; } .hero-image .hero-content h2{ padding-bottom: 0; } .search-filters { width:75%; float: left; } .browse #content .browse-head .header-name-position h1{ padding: 8px 0 0; font-family: 'exp-regular', Arial; font-size: 1.5em; text-transform: uppercase; line-height: 1.1; text-align: center; } .header-nav-position { float: none; } /* Overwriting foundation */ .row-filter-tags { overflow: hidden; } .browse-head .row-filter-tags li { margin-bottom: 10px; } .row-filter-tags .eight.columns { width: 62% !important; float: left; } .row-filter-tags .four.columns { width: 35% !important; float: right; } .browse-gallery .product-info { margin-top: 3px; min-height: 45px; } .browse-gallery .w-2{ width:100%; margin-bottom: 20px; } .browse-gallery .product-info a { display:inline-block; white-space: nowrap; overflow: hidden; height: 13px; width:100%; text-overflow: ellipsis; } .browse-dropdown h3 { background: none; cursor: default; /*margin-bottom: 14px;*/ } .row-filter-dropdowns .mobile-four { padding: 0; } .browse-dropdown select{ display:block; } select.browse-dropdown-select { margin-bottom: 20px; } .browse-dropdown-mobile.opened ul{ display:none; } .search-filters{ width:50%; } .search-sort-by.browse-dropdown{ width:50%; } .search-sort-by.browse-dropdown.single{ width:100%; } .search-sort-by.browse-dropdown ul { min-width: 150px; position:relative; border-width: 1px 0 1px 0; padding-top: 0px; } .row-filter-dropdowns .search-sort-by.browse-dropdown ul{ min-width: 141px; } .all-filters .twelve .four{ margin-top: 0; margin-bottom: 0; } .all-filters .size-chart{ display: none; } .all-filters legend{ margin-bottom: 0; } .browse-head > .row .row{ margin-bottom: 0; } .browse-head .row-filter-dropdowns{ padding-bottom: 10px !important; } .browse-gallery .photo .image-container .colors ul { display: none; } .browse-gallery .photo:hover .image-container span{ bottom: 0px; } .browse-gallery .photo .image-container .ev-icon{ display:none; } .browse-gallery .photo:hover .image-container .colors ul, .browse-gallery .photo:hover .image-container .ev-icon{ display:none; } .browse-wrapper .browse-pages{ display:none !important; } #product-grid .empty-state .link-list li { float: none; margin-bottom: 22px; } #product-grid .empty-state .link-list li:last-child { margin-bottom: 0; } .browse-pager > ul { margin: 0 -10px; } .browse-pager > ul > li { margin-left: .35em; } /* Product flyout image */ .express-gift-card .product-flyout-container { height: 100%; margin-top: 15px; padding: 0; } .express-gift-card .eight.columns { width: 100% !important; } /* Product panel */ .express-gift-card .product-panel { padding: 4% !important; margin-top: 25px !important; } .express-gift-card #qty { width: 32px !important; } /*--------------------- PRODUCT DETAIL PAGE ----------------------*/ .mobile-head-wrp { clear: both; /*overflow: hidden;*/ /*border: 1px solid red;*/ height: 20px; position: relative; } .mobile-head-wrp .breadcrumbs { float: left; line-height: 14px; max-width: 65%; } .mobile-head-wrp .pagination { float: right; } #product-detail .product-panel .social-icon.sms{ display: inline-block; } #product-detail .pagination { /*top: 0;*/ top: -10px; /* fix this */ right: 0; width: 105px; -webkit-box-shadow: none; box-shadow: none; } .express-view #express-view-form li.sold-out label{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5); opacity: 0.5; } #product-detail .gray-button { width: 100%; } /*SIZE AND MEASUREMENT STYLES*/ #size-and-measurement{ width: auto; } #size-and-measurement .size-top-bar{ padding-left: 20px; } #size-and-measurement .size-top-bar h3{ margin-bottom: 70px; } #size-and-measurement .tabs-wrapper{ position: absolute; width: 100%; top: 75px; right: 0px; padding-top: 20px; border-top: 3px solid #e8e8e8; } #size-and-measurement .tabs-wrapper .tab{ width: 50%; margin: 0; height: 31px; text-align: center; } #size-and-measurement .measuring-tips-modal{ background-color: #FFFFFF; } #product-detail .reviews-module .row{ height: 2200px; background: url('../images/FPO-BROWSE-reviews-mobile.jpg') center 100px no-repeat #FFFFFF; } #product-detail .ensemble-detail .row, #product-detail .express-view-devices .row, .express-gift-card.modal-w-980 .row { padding-left: 0; padding-right: 0; } #product-detail .size-chart-color, #product-detail .express-view-devices .product-panel, .express-gift-card.modal-w-980 .product-panel { margin: 0 !important; border-top: none !important; border-left: none !important; border-right: none !important; } #product-detail .size-color-block .size-color-content .size-color-chart, #product-detail .size-color-block .size-color-content .size-color { width: 100%; margin: 0; } #product-detail .size-color-block .size-color-content .size-color-chart select, #product-detail .size-color-block .size-color-content .size-color select { width: 60%; } #product-detail .ensemble-button { width: 91.33%; } #product-detail .express-view .product-panel .product-description { position: relative; z-index: 1; } .upsell-module, .reviews-module { padding-left: 20px; padding-right: 20px; } #product-detail .upsell-module .upsell-item{ width: 50%; float: left; padding: 0 2px; } #product-detail .express-view-modal-mobile.four{ padding-bottom: 0 !important; } #product-detail .express-view-modal-mobile.four #express-view-form .submit-box{ padding-left: 0; padding-right: 0; } #product-detail .product-panel .colors { display:inline-block; } .br-sf-widget { width: 50%; } .browse-gallery .badge-gift { top: 3px; right: 3px; width: 41px; height: 41px; background: url('../images/sprite-browse-badges.png') no-repeat 0 -116px transparent; background-size: 42px 156px; } } .browse-pager .left-arrow, .browse-pager .right-arrow { width: 18px; height: 20px; background-image: url("../images/icon-sprite.png"); background-repeat: no-repeat; text-indent: -9999px; } .browse-pager .left-arrow{ background-position: -135px -656px; } .browse-pager .right-arrow{ background-position: -135px -633px; } .browse-pager > ul { line-height: 1.1; } /* ----------------------------------------- TABLET AND MOBILE STYLES ----------------------------------------- */ @media only screen and (max-width: 999px) { .hero-image.hero-style-logo-and-title .hero-content h2{ clear: left; padding-left: 0; } /* filters */ .all-filters form .twelve .filter-group, .all-filters form .twelve .row{ width:100%; float:none; } .all-filters .twelve .row ul{ display:none } .all-filters .twelve .row legend{ display:block; width:100%; padding-top: 25px; } .all-filters .twelve .row legend, .all-filters .twelve .row legend span { cursor: pointer; } .all-filters li.two{ float: left; margin-right: 0; } .all-filters ul li.mobile-two { float: left; margin-right: 0; width: 16.66667%; } .all-filters .twelve .filter-group{ border-bottom:1px solid #e3e3e3; } .all-filters .twelve .row .filter-group.opened ul{ display:block; } .all-filters .filter-group legend a{ background: url('../images/icon-sprite.png') no-repeat scroll -433px -923px transparent; display: inline-block; width: 10px; height: 10px; float: right; clear: both; } .all-filters .filter-group.opened legend a{ background-position: -433px -942px; } .browse-gallery .module-right ul{ padding: 9% 15% 9% 10%; } .search-filters li.search-option-all { margin-right: 0; } .search-filters li.browse-dropdown{ display:none; } /*-------------------- PRODUCT DETAIL PAGE ---------------------*/ .product-detail .product-images-list .image-list { display: block; } #product-detail .express-view .row .product-panel{ padding-top: 20px; margin-top: 0; } #product-detail .pagination { background: transparent; border: none; } .express-gift-card.modal-w-980 .product-panel{ padding-bottom: 170px !important; } .portrait .express-gift-card.modal-w-980 .product-panel{ width: 40%; padding-top: 16px; padding-left: 16px; padding-right: 16px; } .portrait .express-view.modal-w-980.reveal-modal .row .product-flyout-container{ width: 49%; } .portrait .express-view.modal-w-980.reveal-modal .row .product-flyout-container > div { width: 370px; height: auto; } .portrait .express-view.modal-w-980.reveal-modal .row .product-panel{ width: 35%; } #product-detail #express-view-carousel{ display: none; background-color:#f4f4f4; } #express-view-carousel .browse-carousel { visibility: visible; } #express-view-carousel .browse-carousel .browse-carousel-offcanvas > ul > li { width: 100%; } } @media only screen and (min-width: 999px) { .browse #content{ padding-top: 0; } .homepage #content, .womenCategory-page #content, .menCategory-page #content { padding-top: 0px; } } @media only screen and (max-width: 767px){ #product-detail .express-view .row > div { text-align:center; clear: both; float: none; } #product-detail .express-view .row div.prod-desc-text, #product-detail .express-view .row div.prod-ship-text { text-align:left; } #product-detail .expressview .product-flyout-container section { background-color: none; } #product-detail #BVRRSummaryContainer { display:inline-block; } #product-detail .prod-desc-text { display:block; } #product-detail .prod-ship-text { display:none; } #product-detail a.prod-desc-cta:after, #product-detail a.prod-ship-cta:after { content: ""; display: inline-block; height: 0; width: 0; vertical-align: middle; position: relative; left: 6px; margin-right: 5px; border-right: 0.5rem solid rgba(0, 0, 0, 0); border-left: 0.5rem solid rgba(0, 0, 0, 0); border-top: 0.5rem solid #000; left: 0.5rem; top: -0.15rem; } #product-detail a.active:after, #product-detail a.active:after { border-bottom: 0.5rem solid #000; border-top:none; } #product-detail .express-view .product-desc-cntr { padding:2em; } #product-detail .express-view .fabric-care ul { list-style-position: inside; } #product-detail .express-view .product-desc-cntr hr { margin: 2em 0 2em 0; border: solid #000; border-width: 1px 0 0; } /* Giftcard fixes */ .product-detail .express-gift-card .product-flyout-container, .product-detail .express-gift-card .product-panel { width: 100% !important; } .product-detail .express-gift-card .product-flyout-container { height: auto; margin-top: 0px; } .product-detail .express-gift-card .img.gift-card-tagline { position:absolute; bottom:20px; margin:0px; } .product-panel select.mobile-six { float: none; width: auto; min-width: 45%; position: relative; margin-bottom:6px; } #product-detail .product-panel .submit-box input[type="submit"] { float:left; width: auto; min-width:45%; padding: 10px 22px 9px; } #product-detail .product-panel .online .submit-box input[type="submit"] { float: none; } #wishlist-icon { width: 18%; } #express-view-form #add-to-bag-container { margin-left: 18%; } #express-view-form .online #add-to-bag-container { margin-left:0; } } @media only screen and (max-width: 320px) { #express-view-form #add-to-bag-container { margin-left: 18%; } #express-view-form .online #add-to-bag-container { margin-left:0; } #wishlist-icon { width: 18%; } } #breadcrumb-product-listing { text-align: left; display: block; float: none; clear: both; border: none; overflow: hidden; font-size: 12px; padding-top: 10px; color: #b7b7b7; } #breadcrumb-product-listing a { color:#b7b7b7; text-decoration: none; } #breadcrumb-product-listing a:hover, #breadcrumb-product-listing a:active, #breadcrumb-product-listing a:visited { color:#b7b7b7; } #breadcrumb-product-listing span { color: #000; } #profile-update-message { text-align: center; display: block; float: none; clear: both; border: none; overflow: hidden; color: #01ADF0; } #store-check-response-main { text-align: center; min-height: 20px; margin-top: 15px; margin-bottom: 15px; line-height: 1.3; display: block; float: none; clear: both; border: none; overflow: hidden; } #product-detail #find-near-you { display:none; } #store-check-response-main strong, #store-check-response-main a { color:#000; font-weight:700 } #store-check-response-main a { text-decoration: underline; } #store-check-response-main a:hover, #store-check-response-main a:active, #store-check-response-main a:visited { color:#000; } /* 768 and above*/ @media only screen and (min-width: 768px){ #store-check-response.store-check { position: fixed; top: 50% !important; left: 50% !important; margin: 0px !important; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } } /* END 768 and above*/ #store-check-response .close-reveal-modal { color: #888; font-family: exp-light; background-color: transparent; top: 5px; right: 0px; text-shadow: none; } @media only screen and (max-width: 767px){ .store-availability-wrapper { padding: 20px 0px; position: relative; overflow: hidden; clear: both; height: 100%; } #store-check-response.store-check { left: 0; position: absolute; width: 100%; margin: 0; z-index: 9999999; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); } .product-overview { width: 80%; margin: 0 auto; float: none; text-align: center; } .product-overview .product-image { display: none; width: 100%; } .store-locations-wrap { width: 100%; float: none; margin-left: 0; overflow: hidden; height: 100%; position: relative; } ul.store-locations { height: auto; min-height: 0; } .store-availability-wrapper h3 { display: none; } .store-current-location { border-top: 1px solid #ccc; padding: 10px 0 0 0; margin: 10px 0 0 0; border-bottom: 1px solid #ccc; text-align: center; } .store-location .six { width: 50% !important; float:left; } .store-current-location .six strong { white-space: nowrap; text-overflow: ellipsis; display: block; overflow: hidden; width: 95%; } .store-location .two { width: 16.66667% !important; float:left; } .store-location .three { width: 25% !important; float:left; } .store-location .one { width: 8.33333% !important; float: right !important; } .store-location .store-location-details { overflow: hidden; clear: both; padding: 10px 2%; } .store-location .store-location-summary { padding: 10px 2%; height: 55px; } .store-location .get-directions, .store-location .text-address { padding: 13px 10px 7px 5%; background-size: 5%; background-position: 2% 50%; } .store-location.open .toggle-arrow, .store-location .toggle-arrow { background-size: 35%; } } @media only screen and (max-width: 468px){ .store-location .two.columns { width: 16.6667% !important; float: left; } .store-location .get-directions, .store-location .text-address { padding: 13px 10px 7px 10%; background-size: 10%; background-position: 6% 50%; } } /* fix font hiding issue on category page */ @media only screen and (max-width: 767px){ .browse-gallery .product-info a { padding-top:2px; } } /*SEO Description*/ #seo-description h2 { margin-bottom: 10px; } /* Site wide promo styling fix */ .textColor, .textColor a { color: #fff; } form .textColor, form .textColor a { color: #000; } .exp-button-holder { text-align: center !important; } /* carousel.css */ /* ----------------------------------------- BROWSE CATEGORIES AND PRODUCTS CAROUSEL ----------------------------------------- */ .browse-carousel{ margin: 50px 50px; position: relative; visibility: hidden; } .lt-ie8 .browse-carousel{ padding-bottom: 1px; } .touch .browse-carousel{ margin: 50px 0px; position: relative; } .browse-carousel-offcanvas{ overflow: hidden; position: relative; } .browse-carousel .browse-carousel-offcanvas > ul{ list-style: none; list-style-type: none; overflow: hidden; text-align: left; width: 9999px; margin: 0 0 10px 0; } .browse-carousel .browse-carousel-offcanvas > ul > li { float: left; } .browse-carousel li{ float: none; display: inline-block; text-align: center; margin: 0; padding: 0; position: relative; } .lt-ie8 .browse-carousel li{ text-align: left; } .browse-carousel li { padding-bottom: 5px; } .browse-carousel h3{ color: #000; font-family: "exp-medium",Arial; font-size: 1.000em; text-align: center; overflow: visible; } .browse-carousel img{ width: 100%; } .browse-carousel .bullet-wrapper{ width: 100%; position: absolute; text-align: center; left: 0; bottom: -40px; z-index: 5; } .browse-carousel .bullet-wrapper li{ display: inline; } .browse-carousel .bullet-wrapper li a{ margin-right: 5px; text-decoration: none; color: #ccc; font-size: 3em; } .browse-carousel .bullet-wrapper li a.selected{ color: #000; cursor: default; } .browse-carousel .nav-arrow { width: 50px; height: 69px; position: absolute; top: 50%; display: none; margin-top: -35px; background-image: url(../images/browse-carousel-sprite.png); background-color: transparent; background-repeat: no-repeat; } .browse-carousel .nav-arrow.left{ background-position: -85px 0 ; left: -50px; } html.no-touch .browse-carousel a.nav-arrow.left:hover{ background-position: -85px -70px ; } .browse-carousel .nav-arrow.right{ background-position: -135px 0 ; right: -50px; } html.no-touch .browse-carousel a.nav-arrow.right:hover{ background-position: -135px -70px; } .hero-carousel{ position: relative; width: 100%; max-width: 1600px; margin: 0 auto; overflow: hidden; visibility: hidden; } .hero-carousel .img-wrapper{ width: 100%; height: 100%; text-align: center; overflow: hidden; } .hero-slide .row, .hero-slide .columns{ height: 100%; position: relative; } .hero-carousel .hero-slide .hero-box{ position: absolute; max-width: 500px; } .hero-carousel a:hover{ color: inherit; } /* Location Based Feature for Hero */ .hero-carousel .hero-slide.hero-left .hero-box{ left: 0px; } .hero-carousel .hero-slide.hero-right .hero-box{ right: 0px; text-align: right; } .hero-carousel .hero-slide.hero-top .hero-box{ top: 80px; } .hero-carousel .hero-slide.hero-bottom .hero-box{ bottom: 80px; } .hero-carousel .hero-slide.hero-center .hero-box{ left: 50%; margin-left: -150px; } .hero-carousel .hero-slide.hero-middle .hero-box{ top: 50%; margin-top: -150px; } .hero-carousel .elements-wrapper{ width: 9999px; height: 100%; text-align: left; } .hero-carousel .elements-wrapper .hero-slide{ float: left; display: inline-block; height: 100%; position: relative; } .hero-carousel .left-arrow,.hero-carousel .right-arrow{ width: 50px; height: 69px; position: absolute; top: 50%; display: none; margin-top: -35px; text-decoration: none; text-indent: -99999px; } .hero-carousel .left-arrow{ left: 0; background: url(../images/browse-carousel-sprite.png) -85px 0 no-repeat; } .hero-carousel .right-arrow{ right: 0; background: url(../images/browse-carousel-sprite.png) -135px 0 no-repeat; } html.no-touch .hero-carousel .left-arrow:hover{ background-position: -85px -70px ; } html.no-touch .hero-carousel .right-arrow:hover{ background-position: -135px -70px; } .hero-carousel .bullet-wrapper{ display: none; position: absolute; text-align: center; width: 100%; left: 0; bottom: 15px; } .hero-carousel .bullet-wrapper a{ color: #adadad; font-size: 1em; text-decoration: none; margin: 0 2px; } .hero-carousel .bullet-wrapper a:hover{ color: #000; } .hero-carousel .bullet-wrapper a.selected{ color: #000; } .hero-carousel .hero-slide{ position: relative; overflow: hidden; float: left; height: 767px; } .hero-carousel .preview-slide{ display: none; position: absolute; z-index: 2; width: 160px; overflow: hidden; background: #2b2b2b; cursor: pointer; } .lt-ie8 .hero-carousel .preview-slide{ padding-bottom: 4px; } .hero-carousel .preview-slide img{ float: left; margin: 4px 10px 4px 4px; } .hero-carousel .preview-slide p{ color: #FFF; padding-right: 10px; padding-top: 15px; margin: 0; } /* Fixes for Category Content Moves */ .browse-carousel-wrapper .row .twelve { background: none; } .browse-carousel-wrapper .row .twelve .row { padding: 0; } .browse-carousel-wrapper .row .twelve .browse-carousel { background: #f7f7f7; } /* ----------------------------------------- TABLET ----------------------------------------- */ @media only screen and (min-width : 768px) and (max-width: 999px) { } /* ----------------------------------------- MOBILE ----------------------------------------- */ @media only screen and (max-width: 767px) { /* BROWSE PRODUCT AND CATEGORIES CAROUSEL */ .browse-carousel{ margin: 10px 0px 20px; } .browse-carousel .nav-arrow.left{ left: 0px; } .browse-carousel .nav-arrow.right{ right: 0px; } .browse-carousel img{ width: auto; max-height: 85%; } .browse-carousel h3{ width: 100%; height: 15%; } .browse-carousel .bullet-wrapper { bottom: -30px; } }/* account.css */ a.purple-link { color:#5259a7; } .full-screen #content{ margin-top: 0; padding-top: 62px; padding-bottom: 62px; } .full-screen #content.registration { padding-top: 33px; padding-bottom: 33px; } .full-screen #content.confirmation { padding-top: 38px; padding-bottom: 38px; } .full-screen #minimal{ margin-top: 0; } .touch select{ height: 32px; } #account form{ margin: 0; } #account #content .cta{ margin: 0; height: 38px; display: inline-block; line-height: 1.3em; } #account #content .cta.wishlist { line-height: 21px; text-decoration: none; } #account #content .cta.wishlist:hover { opacity: 0.60; } #account #content .cta:focus{ color: #fff; } #account .browse-gallery .product-info a.cta { color: #fff; width: 100%; padding: 10px 22px 14px; } #account #content a.cta{ line-height: 1.3em; font-family: 'exp-bold', arial; } #account #login input[type="submit"] { margin-bottom: 0; margin-top: 12px } #account #resetPassword label { float: none; } #account #login input[type="submit"] { margin-bottom: 0; margin-top: 12px } #account #resetPassword label { float: none; } #account .registration.concert .cta{ background: #3995AE; } #account .cta.move-down, #account .cancel.move-down{ margin-top: 18px; } #account .cta.max-cta{ width: 100%; } #account a.white-cta { color: #000000!important; background: none; } #account a.white-cta:hover, a.white-cta:active { text-decoration: underline; } #account a.black-cta{ color: #fff; text-decoration: underline; background: none; margin-left: 0; padding-left: 0; } #account a.black-cta:hover{ text-decoration: none; } #account .add-payment-method-cancel{ margin-left: 18px; } /* ----------------------------------------- ERROR ADJUSTMENTS ----------------------------------------- */ #account small.error{ display: inline-block; margin-top: 4px; margin-bottom: 0px; } #account .row>small.error{ margin-left: 6px; margin-top: 0px; } #account label.error{ color: #C60F13; } #account input.error, #account select.error{ border-color: #c60f13; background-color:#F9E6E6; } #account input[type=checkbox].error { /* to remove white box around checkbox on error in ie */ background-color: #000; } #account .profile-special .error-summary-row{ padding: 0; } #account .error-summary { background: url("../images/icon-sprite.png") no-repeat scroll -754px -104px transparent; color: #C60F13; margin: 0; padding-left: 25px; font-family: 'exp-medium',arial; font-size: 1.05em; font-weight: normal; } #account #encc-application-form .error-summary { line-height: 2em; } #account .general-content .error-summary-row, #account .general-content .error-summary-row .columns, #account .application-wrapper .error-summary-row{ padding-left: 0; margin-left: 0; } #account .error span{ color: inherit; } #account .application-wrapper .error-summary-row .columns, #account .white-background .error-summary-row{ padding: 0; } /* ----------------------------------------- ICONS / LOGOS ----------------------------------------- */ .logo-expn-mini{ width: 94px; height: 10px; display: block; text-indent: -99999px; margin-top: 6px; background: url(../images/icon-account-sprite.png) -72px -34px no-repeat; } .next20{ display: inline-block; width: 52px; height: 17px; line-height: .9em; background: url(../images/icon-account-sprite.png) -72px -44px no-repeat; text-indent: -99999px; } .general-content .card-icon{ background: url('../images/icon-account-sprite.png') no-repeat; height: 32px; font-size: 0.929em; display: inline-block; line-height: 1.6em; padding-left: 44px; margin-left: 17px; margin-top: 3px; } .general-content .credit-card-info .card-icon{ margin: 0; margin-left: 4px; margin-right: 8px; padding: 0; height: 23px; width: 34px; } .touch .general-content .card-icon{ margin-left: 19px; } .general-content .order-details-summary .card-icon { height: 21px; margin-left: 0px; margin-top: 0px; padding-left: 33px; padding-top: 9px; display: inline; } .general-content .order-details-summary .payment-type { height: 22px; margin-left: 0px; margin-top: 0px; padding-left: 100px; display: inline; } .general-content .order-details-summary .payment-type.paypal { padding-top: 13px; } .general-content .order-details-summary .payment-type.billmelater { padding-top: 13px; } .general-content .card-icon.visa { background-position: 0px -922px; } .general-content .card-icon.mc { background-position: 0px -961px; } .general-content .card-icon.amex{ background-position: 0px -1002px; } .general-content .card-icon.discover{ background-position: 0px -1047px; } .general-content .card-icon.exp-card{ background-position: 0px -880px; } .general-content .gift-card-icon{ background: url('../images/icon-account-sprite.png') -2px -881px no-repeat; height: 22px; width: 32px; margin-right: 8px; font-size: 0.929em; display: block; float: left; } .general-content .exp-rewards-icon{ background: url('../images/icon-account-sprite.png') -2px -1260px no-repeat; height: 30px; width: 32px; margin-right: 8px; font-size: 0.929em; display: block; float: left; } #account .arrow{ display: inline-block; } #account .arrow span{ float: right; height: 10px; width: 10px; margin-top: 5px; } #account .arrow.closed span{ background: url('../images/icon-account-sprite.png') -66px -1234px no-repeat; } #account .arrow.open span{ background: url('../images/icon-account-sprite.png') -93px -1234px no-repeat; } /* ----------------------------------------- MY ACCOUNT DEFAULT ----------------------------------------- */ #account{ background-color:#efefef; } .fixed-table{ display: table !important; width: 100% !important; } .fixed-row{ display: table-row !important; width: 100% !important; } .fixed-left{ display: table-cell !important; width: 164px !important; vertical-align: top !important; float: none !important; padding: 0 !important; } .fluid-right{ display: table-cell; width: auto !important; vertical-align: top !important; float: none !important; position: inherit !important; border:1px solid #d5d5d5; background: #fff; padding: 0; margin: 0; } .fixed-right{ display: table-cell !important; width: 406px !important; vertical-align: top !important; float: none !important; } .fluid-left{ display: table-cell; width: auto !important; vertical-align: top !important; position: inherit !important; padding: 0; margin: 0; min-width: 250px !important; float: none !important; border: 1px solid transparent; } .encc-disclaimer{ font-size:0.786em; } #account .bottom-padding, #account .extra-bottom-padding{ padding-bottom: 17px; } #account .bottom-margin{ margin-bottom: 26px; } .general-content-gradient{ position: relative; border-bottom: 1px solid #d4d4d4; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%); /* W3C */ min-height: 300px; padding: 32px 32px; } .general-content{ padding: 26px 32px 32px; position: relative; } .general-content>.row{ /* This disabled the left right padding of the first row in the content area */ padding-left: 0px; padding-right: 0px; } .general-content p{ color: #575757; font-size: 0.929em; font-family: 'exp-regular',arial; } .general-content a, .general-content label, .general-content input, .general-content select{ font-size: 0.929em; line-height: 1.3em; } .general-content p{ margin-bottom: 6px; } .general-content .cancel, .general-content-gradient .cancel{ font-family: 'exp-medium',arial; margin-left: 18px; margin-right: 18px; padding: 0; display: inline-block; line-height: 1; } #no-payment-method-nickname{ padding-left: 16px; font-size: 13px; } .my-account-tabs { padding-right: 0; } .my-account-tabs #nav li { width: auto; } .my-account-tab-content { padding-left: 0; border: 1px solid #d5d5d5; background: #fff; } .my-account-tab-content.without-border { border: none; } /* ----------------------------------------- HEADER STYLE ----------------------------------------- */ #account h2{ border:none; margin:0 0 35px; font-size: 1.857em; } #account .reveal-modal h2{ font-size: 1.571em; } #account .account-modal h2{ text-transform: none; margin-bottom: 10px; } #account h2 span{ display: none; } #login-section h2 { margin: 0 0 9px; padding-left: 0; } #login-section-createaccount { margin: 0 -25px 9px -30px; padding: 0; } #login-section h2.bottom-margin{ margin-bottom: 36px !important; } #explore h2{ margin: 45px 0 8px; color: #444444; border: 0; font-size: 0.786em; } #account .application h2{ font-size: 2.2em; } #account #credit-confirmation-section .row { padding: 0 0 17px; } #account #credit-confirmation-section #create-account-container form .row { padding-bottom: 10px; } #account #credit-confirmation-section h2 { margin-bottom: 20px; } #account #credit-confirmation-section #begin-shopping { font-size: 1em; margin-top: 5px; margin-bottom: 20px; } #account #credit-confirmation-section #express-next-section { background: url(../images/credit-card-express-bg.jpg) -277px -176px no-repeat; padding: 20px; margin-bottom: 10px; } #account #credit-confirmation-section #express-next-section h2, #account #credit-confirmation-section #express-next-section p, #account #credit-confirmation-section #express-next-section ul li, #account #credit-confirmation-section #express-next-section ul li .express-next-field { color: #fff; } #account #credit-confirmation-section #express-next-section ul li .express-next-field { font-family: "exp-medium",arial; } #account #credit-confirmation-section #express-next-section ul li { margin-right: 10px; display: inline-block; word-break: break-word; } #account #credit-confirmation-section #express-next-section ul { list-style-type: none; margin-bottom: 0; } #account .application span.breadcrumb-box { color: #fff; background-color: #8C8C8C; padding: 1px 6px; font-size: 12px; font-family: "exp-medium",arial; line-height: 33px; } #account .application span.breadcrumb-box.current-breadcrumb { background-color: #000; } #account .application hr.breadcrumb-line { display: inline-block; width: 22px; height: 1px; background-color: #000; border: none; margin: 0 0 4px; } #account .application #application-breadcrumb { text-align: right; white-space: nowrap; } #account .registration h2{ font-size: 1.571em; margin-bottom: 12px; } #account .registration h3 { font-family: 'exp-regular',arial; font-size: 1.286em; text-transform: none; margin-bottom: 20px; border: 0; } #account .registration .floating-form h3 { margin-bottom: 12px; } #account .registration h4 { font-family: 'exp-medium',arial; font-size: 0.929em; } #account .registration .floating-form h4 { margin: 12px 0px; } #account .registration #headings { padding-bottom: 0px; } #account .application h3{ color: #949494; text-align: right; padding-top: 14px; font-family: 'exp-medium',arial; font-size: 1em; } #account .general-content h3{ border-bottom: 3px solid #e5e5e5; padding-bottom: 19px; margin-bottom: 24px; font-size: 1.429em; font-family: 'exp-bold',arial; } #account .general-content h3.wishlist { margin-bottom: 0px !important; } #account .general-content h4{ font-size: 0.929em; font-family: 'exp-medium',arial; text-transform: uppercase; } .new-entry-padding h4{ padding-bottom: 35px; margin: 0; } .entry-headers h4{ padding-bottom: 8px; margin: 0; } #account .general-content h5{ font-size: 0.929em; padding-bottom: 32px; margin-bottom: 0; font-family: 'exp-medium',arial; text-transform: uppercase; } #account .general-content .saved-gift-cards h4{ font-size: 1.286em; font-family: 'exp-medium',arial; display: inline-block; margin-right: 8px; } #account h4.reviews-none{ font-size: 1.571em; font-family: 'exp-regular',arial; text-transform: none; color: #575757; padding-bottom: 55px; margin-bottom: 35px; margin-top: 35px; border-bottom: 1px solid #eaeaea; } #account .review-row h4{ text-transform: none; margin-bottom: 0; padding-bottom: 22px; } #account .review-row h5{ padding: 0; padding-bottom: 8px; text-transform: none; } #account .review-recent div{ margin-right: 5px; height: 280px; display: block; float: left; width: 145px; } #account .review-recent h6{ font-family: 'exp-regular',arial; font-size: 0.929em; max-width: 135px; } #account .review-recent a{ font-family: 'exp-medium', arial; } #account .general-content.order-details h4{ padding: 0; margin: 0; text-transform: none; } #account .express-next .general-content-gradient h3{ display: block; width: 355px; height: 38px; text-indent: -9999px; background: url(../images/icon-account-sprite.png) -73px -87px no-repeat; margin-bottom: 15px; } #account .express-next .general-content-gradient .banner h3{ display: inline-block; width: auto; height: auto; background: none; text-indent: 0px; color: #fff; margin: 0; padding: 0; font-size: 1.429em; font-family: 'exp-bold',arial; } #account .express-next .general-content-gradient .points-feature h3{ display: inline-block; width: auto; height: auto; background: none; text-indent: 0px; color: #fff; margin: 0; padding: 0; font-size: 1.286em; font-family: 'exp-medium',arial; } #account .express-next .general-content .my-tabs h3{ display: inline-block; width: auto; height: auto; background: none; text-indent: 0px; color: #fff; margin: 0; margin-bottom: 18px; padding: 0; font-size: 1.286em; font-family: 'exp-medium',arial; border: 0; } #account .express-next .general-content-gradient h4{ color: #fff; font-family: 'exp-medium',arial; font-size: 1.143em; text-transform: uppercase; margin-bottom: 44px; } #account .express-next .general-content-gradient.concert h4{ font-size: 1.429em; } #account .express-next .general-content h4{ color: #fff; font-family: 'exp-medium',arial; font-size: 1.143em; text-transform: none; } #account .express-next .general-content h5{ color: #fff; font-family: 'exp-medium',arial; font-size: 1.286em; text-transform: uppercase; margin: 0; margin-bottom: 12px; padding: 0; } #account .express-next.encc .general-content h3{ border: 0px; display: block; width: 358px; height: 62px; text-indent: -9999px; background: url(../images/icon-account-sprite.png) -72px -296px no-repeat; margin-bottom: 15px; } #account .express-next .general-content h4.tab{ font-size: 1.214em; padding-bottom: 30px; } #account .application.encc .application-wrapper h2{ color: #fff; background: none; text-indent: 0; font-size: 2.143em; margin: 0; padding: 0; font-weight: 'exp-bold', arial; margin-bottom: 20px; width: auto; } #account .application.encc .application-wrapper h3{ color: #fff; text-align: left; font-size: 17px; font-weight: 'exp-bold', arial; padding: 0; margin: 0; margin-bottom: 20px; width: auto; } #account .application.encc .application-wrapper h4{ color: #fff; margin: 0; margin-bottom: 20px; padding: 0; } .application-wrapper h4 { font-family: 'exp-bold',arial; font-size: 1.429em; margin-bottom: 20px; } #account .alist-tooltip-icon{ background: url(../images/icon-sprite.png) no-repeat -458px -7px; text-indent: -99999px; display: inline-block; width: 16px; height: 16px; line-height: 17px; margin-left: 4px; cursor: help; overflow: hidden; top: 0px; } #account .points-until-alist{ font-size:1.714em; } /* ----------------------------------------- EARN MORE POINTS ----------------------------------------- */ #earn-more-points-content{ color:#fff; } #earn-more-points-content .earn-more-points-header{ font-family: 'exp-regular', arial; font-size:13px; } #earn-more-points-content .earn-more-points-line{ font-family: 'exp-bold', arial; font-size:12px; } #earn-more-points-content .expanded-text{ font-family: 'exp-regular', arial; font-size:11px; color:gray; } #earn-more-points-content .earn-more-points-row hr{ margin-bottom:40px; margin-top:5px; border-top: 1px solid gray; } #earn-more-points-content span{ float: right; content: ""; background: url('../images/chevrons-sprite.png') 0px -132px no-repeat; width: 18px; height: 18px; margin-left:5px; } #earn-more-points-content .open span{ float: right; content: ""; background: url('../images/chevrons-sprite.png') 0px -147px no-repeat; width: 18px; height: 18px; margin-left:8px; } /* ----------------------------------------- NEXT LANDING ----------------------------------------- */ .express-next-landing h1, .express-next-landing h2, .express-next-landing p { color: #fff; } .express-next-landing p { margin-bottom: 12px; } .express-next-landing p.error { color: #c81210; margin-bottom: 0px; } .express-next-landing h2 { letter-spacing: .7px; } .express-next-landing #express-next-two-line-logo { margin: 0 30px 15px; } .express-next-landing #express-next-info-links { display: inline-block; } #next-landing-header { margin-bottom: 12px; } #next-landing-header h1 { font-family: 'exp-bold',arial; font-size: 5em; line-height: 1.1; } #next-landing-perks-container { margin-bottom: 35px; } #next-landing-perks-container div.perk-text { padding: 0 22%; color: #fff; line-height: 18px; font-size: 1.2em; } #next-landing-perks-container div.perk-icon { display: inline-block; width: 120px; height: 120px; line-height: 120px; border-radius: 68px; font-size: 5em; color: #fff; text-align: center; border: 2px solid #8F2FD6; margin-bottom: 15px; font-family: "exp-medium",Arial } #next-landing-perks-container div.perk-icon span { font-family: "exp-medium",Arial } #next-landing-perks-container div.perk-icon span.dollar-sign { margin-right: -12px; } #next-landing-perks-container div.perk-icon span.vip-icon-text { margin-left: 3px; } #next-landing-perks-container div.perk-with-subtext { line-height: 22px; padding-top: 35px; } #next-landing-perks-container div.perk-icon span.perk-subtext { font-size: .3em; } #next-landing-forms-container { margin-bottom: 24px; } #next-landing-forms-container #complete-enrollment-container { padding-right: 4%; } #next-landing-forms-container #join-now-container { padding-left: 4%; } #profile-info-section #next-landing-forms-container #complete-enrollment-container { padding-right: 2%; } #profile-info-section #next-landing-forms-container #join-now-container { padding-left: 2%; } #next-landing-forms-container .form-background { background-color: #363636; padding: 25px; width: 340px; } #next-landing-forms-container .landing-form .row { padding: 0 0 10px; } #next-landing-forms-container .landing-form { margin-bottom: 10px; } #next-landing-forms-container a, #next-landing-forms-container small { font-size: 13px; } /* ----------------------------------------- NAVIGATION ----------------------------------------- */ #nav{ margin-right: -1px; margin-bottom: 0; position: relative; font-family: 'exp-medium',arial; } #nav li{ display: block; width: 164px; clear: left; } #nav li a{ display: block; text-decoration: none; padding: 15px 2px 13px 0; margin-right: 12px; border-bottom: 1px solid #d5d5d5; } #nav li a span.nav-text { color: #575757; font-size: 0.786em; font-family: 'exp-medium',arial; width: 86px; display: inline-block; } #nav a.double-line{ padding-top: 0px; padding-right: 13px; padding-bottom: 13px; } #nav a span.nav-icon{ height: 30px; width: 30px; margin-left: 3px; margin-top: -4px; margin-right: 6px; display: block; float: left; vertical-align: middle; background: url(../images/icon-account-sprite.png) no-repeat; } #nav a:hover{ color: #000; } #nav a.double-line{ padding-top: 12px; } #nav a.double-line span.nav-icon{ margin-top: 4px; } #nav .active{ background:#fff; border-top: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; display: block; padding-right: 0px; -moz-box-shadow: 0px 1px 0px 0px #e3e3e3; -webkit-box-shadow: 0px 1px 0px 0px #e3e3e3; box-shadow: 0px 1px 0px 0px #e3e3e3; width:100%; position: relative } #nav .active:after { position: absolute; background: #fff; content: " "; display: block; width: 1px; height: 100%; right: 0px; top: 0px; z-index: 10; } .express-next #nav .active:after { display: none; } #nav a.no-border{ border: 0; } #nav .active a{ border-bottom: 0; } #nav a.profile span.nav-icon{ background-position: 0px 4px; } #nav a.profile:hover span.nav-icon, #nav li.active a.profile span.nav-icon{ background-position: 0px -432px; } #nav a.saved span.nav-icon{ background-position: 0px -46px; } #nav a.saved:hover span.nav-icon, #nav li.active a.saved span.nav-icon{ background-position: 0px -482px; } #nav a.payment span.nav-icon{ background-position: 0px -96px; } #nav a.payment:hover span.nav-icon, #nav li.active a.payment span.nav-icon{ background-position: 0px -532px; } #nav a.purchases span.nav-icon{ background-position: 0px -145px; } #nav a.purchases:hover span.nav-icon, #nav li.active a.purchases span.nav-icon{ background-position: 0px -581px; } #nav a.reviews span.nav-icon{ background-position: 0px -196px; } #nav a.reviews:hover span.nav-icon, #nav li.active a.reviews span.nav-icon{ background-position: 0px -632px; } #nav a.communications span.nav-icon{ background-position: 0px -294px; } #nav a.communications:hover span.nav-icon, #nav li.active a.communications span.nav-icon{ background-position: 0px -730px; } #nav a.next span.nav-icon{ background-position: 0px -346px; } #nav a.next:hover span.nav-icon, #nav li.active a.next span.nav-icon{ background-position: 0px -782px; } #nav a.credit span.nav-icon{ background-position: 0px -398px; } #nav a.credit:hover span.nav-icon, #nav li.active a.credit span.nav-icon{ background-position: 0px -834px; } #nav a.sign-out{ background-position: 6px -1388px; } #nav a.sign-out:hover, #nav li.active a.sign-out{ background-position: 6px -1437px; } .express-next #nav .active{ display: block; width:100%; padding-right: 0px; background:#000000; color: #ffffff; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; } .express-next #nav .active a{ border-bottom: 0; color: #ffffff; } .express-next #nav .active a.credit{ background-position: 4px -820px; } .express-next #nav .active a.next:hover, .express-next #nav .active a.next{ background-position: 4px -771px; } .express-next #nav .active a.credit:hover, .express-next #nav .active a.credit{ background-position: 4px -820px; } #nav a.promos span.wl-nav-icon{ height: 25px; width: 25px; margin-left: 8px; margin-top: 4px; margin-right: 4px; display: block; float: left; vertical-align: middle; background: url("../images/icon-sprite.png") no-repeat; background-position: -328px -579px; } #nav a.promos:hover span.wl-nav-icon, #nav li.active a.promos span.wl-nav-icon{ background-position: -302px -579px; } /* ----------------------------------------- NAVIGATION EXPLORE LINKS ----------------------------------------- */ #explore{ margin: 0; padding: 0; list-style: none; display: block; } #explore ul{ list-style: none } #explore li{ padding: 0; margin: 0; padding-bottom: 12px; padding-right: 10px; line-height: 12px; } #explore li a{ background: none; text-decoration: none; font-family: 'exp-regular',arial; font-size: 0.857em; } #explore li a:hover{ text-decoration: underline; color: #0c687f; } /* ----------------------------------------- ACCOUNT FLYOUT NAVIGATION ----------------------------------------- */ .tooltip-my-account .tooltip-arrow{ top: -7px; } .tooltip-arrow { background: url("../images/tooltip-arrow.png") no-repeat scroll 0 0 transparent; height: 7px; text-indent: -99999px; top: -7px; width: 13px; } #flyout-content { width: 476px; margin-bottom: 40px; background-color: #dddddd; -moz-box-shadow: 0px 5px 15px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 5px 15px rgba(0,0,0,0.5); box-shadow: 0px 5px 15px rgba(0,0,0,0.5); float: left; padding: 0px; display: table; } #flyout-left { width: 148px; display: table-cell; vertical-align: top ; float: left ; margin: 0px; border: solid 1px #dddddd; } #flyout-right { background: #ffffff; width: 328px; padding: 19px 21px; display: table-cell; vertical-align: top; float: right ; min-height: 275px; border: solid 1px #ffffff; margin:0px; text-transform: none; } #flyout-left ul{ margin: 0; margin-right: -1px; } #flyout-left ul li{ display: block; width: 147px; line-height: normal; } #flyout-left ul li a{ font-size: 11px; color: #575757; display: block; text-decoration: none; padding-top: 20px; padding-bottom: 18px; padding-right: 4px; padding-left: 10px; margin-right: 12px; border-bottom: 1px solid #d5d5d5; font-size: 0.786em; font-family: 'exp-medium', arial; } #flyout-left ul li a span{ height: 30px; width: 30px; margin-top: -8px; margin-right: 8px; display: block; float: left; vertical-align: middle; background: url(../images/icon-account-sprite.png) no-repeat; } #flyout-left ul li a.double-line{ padding-top: 13px; padding-right: 13px; padding-bottom: 13px; } #flyout-left a.double-line span { margin-top: 0px; } #flyout-left ul li a:hover{ color: #000; } #flyout-left ul li .active{ border-top: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; display: block; width:100%; padding-right: 0px; background:#fff; -moz-box-shadow: 0px 1px 0px 0px #e3e3e3; -webkit-box-shadow: 0px 1px 0px 0px #e3e3e3; box-shadow: 0px 1px 0px 0px #e3e3e3; } #flyout-left a.profile span{ background-position: 0px 4px; } #flyout-left a.profile:hover span{ background-position: 0px -432px; } #flyout-left a.purchases span{ background-position: 0px -145px; } #flyout-left a.purchases:hover span{ background-position: 0px -581px; } #flyout-left a.promos span{ background-position: 0px -245px; } #flyout-left a.promos:hover span{ background-position: 0px -681px; } #flyout-left a.next span{ background-position: 0px -345px; } #flyout-left a.next:hover span{ background-position: 0px -781px; } #flyout-left a.sign-out span{ background-position: 0px -1400px; } #flyout-left a.sign-out:hover span{ background-position: 0px -1449px; } .border-bottom{ border-bottom: 1px solid #eaeaea; padding-bottom: 10px; margin-bottom: 15px; } .disabled { background-color: #FFFFFF; filter: alpha(opacity=30); -khtml-opacity: 0.3; -moz-opacity: 0.3; opacity: 0.3; -webkit-opacity: 0.3; } #flyout-right ul{ margin: 0 0 15px; list-style: none; } #flyout-right .flyout-block-left { float: left; width: 189px; } #flyout-right .flyout-block-right { float: right; display: block; width: 85px; height: 85px; } #flyout-right .progress-bar { background: #dbdbdb; margin: 0px 0px 5px; clear:both; } #flyout-right .bar { padding: 2px 4px 2px 2px; background: rgb(79,176,224); /* Old browsers */ background: -moz-linear-gradient(left, rgb(79,176,224) 0%, rgb(85,100,182) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgb(79,176,224)), color-stop(100%,rgb(85,100,182))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgb(79,176,224) 0%,rgb(85,100,182) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgb(79,176,224) 0%,rgb(85,100,182) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgb(79,176,224) 0%,rgb(85,100,182) 100%); /* IE10+ */ background: linear-gradient(to right, rgb(79,176,224) 0%,rgb(85,100,182) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4fb0e0', endColorstr='#5564b6',GradientType=1 ); /* IE6-9 */ background-color: #4fb3e1; color: #ffffff; font-size: 0.917em; font-family: 'exp-medium', arial; text-align: right; line-height: 12px; margin: 0; display: block; } #flyout-right .bar-alist { padding: 2px 4px 2px 2px; background: rgb(182,182,182); /* Old browsers */ background: -moz-linear-gradient(left, rgb(182,182,182) 0%, rgb(84,84,84) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgb(182,182,182)), color-stop(100%,rgb(84,84,84))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgb(182,182,182) 0%,rgb(84,84,84) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgb(182,182,182) 0%,rgb(84,84,84) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgb(182,182,182) 0%,rgb(84,84,84) 100%); /* IE10+ */ background: linear-gradient(to right, rgb(182,182,182) 0%,rgb(84,84,84) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6b6b6', endColorstr='#545454',GradientType=1 ); /* IE6-9 */ background-color: #545454; color: #ffffff; font-size: 0.917em; font-family: 'exp-medium', arial; text-align: right; line-height: 12px; margin: 0; display: block; } #flyout-right li, #flyout-right li span, #flyout-right p { font-size: 0.857em; padding:0; margin: 0; color: #777; } #flyout-right .flyout-link { font-size: 0.857em; padding:10px 0 0 0; margin: 0; display: inline-block; font-family: 'exp-medium', arial; } #flyout-right li a { font-family: 'exp-regular', arial; font-size: 1em; } #flyout-right .order-track li, #flyout-right .order-track li span { color: #000; } #flyout-right .order-track li span { font-family: 'exp-medium', arial; } #flyout-right h3 { font-size: 1.286em; padding-bottom: 15px; } #flyout-right h4 { font-size: 1.000em; font-family: 'exp-medium', arial; padding: 5px 0 0 0; } #flyout-right h3 span, #flyout-right li span { font-size: 1em; } #flyout-right div.flyout-block-left ul{ margin: 0; } #flyout-right .points-earned { float: left; width: 130px; padding-bottom: 5px; } #flyout-right .money-points { font-family: 'exp-medium', arial; font-size: 0.714em; float:right; width: 59px; text-align: right; } #flyout-right .express-next { background: url(../images/icon-account-sprite.png) no-repeat scroll -71px -65px transparent; border: none; font-size: 1.286em; padding: 0; display: block; text-indent: -9999px; padding: 0 0 10px; } #flyout-right .express-next-big { background: url(../images/icon-account-sprite.png) no-repeat scroll -71px -248px transparent; border: none; padding: 0; font-size: 1.800em; display: block; text-indent: -9999px; } #flyout-right .earn-points { padding: 0; margin: 0; } #flyout-right .earn-points li, #flyout-right .earn-points li span { color: #000; } #flyout-right .earn-points li { overflow: hidden; padding-bottom: 5px; vertical-align: middle; } #flyout-right .earn-points li.single-line { overflow: hidden; padding-bottom: 10px; line-height: 2.500em; } #flyout-right .earn-points li span { font-family: 'exp-bold', arial; font-size: 2.000em; float: left; width: 40px; text-align: right; margin-right: 10px; display: block; } #flyout-right .earn-points li a { padding-left: 50px; font-family: 'exp-medium', arial; font-size: 1.167em; } #flyout-right .earn-points li span.thick { display:block; background: url(../images/icon-account-sprite.png) no-repeat scroll -64px -1752px transparent; border: none; padding: 0; margin: 10px 10px 10px 16px; text-indent: -9999px; width: 24px; height: 18px; } #flyout-right .earned-points { padding-top: 20px; } #flyout-right .earned-points li span { font-family: 'exp-medium', arial; color: #000; } #flyout-right div.flyout-block-right { position: relative; } #flyout-right .alist-btn { height:22px; width:100%; z-index:1; background-color:#000000; filter: alpha(opacity=75); -khtml-opacity: 0.75; -moz-opacity: 0.75; -webkit-opacity: 0.75; opacity: 0.75; color: #ffffff; text-align: center; display: block; font-family: 'exp-medium', arial; font-size: 0.786em; position: absolute; top: 66px; left: 0px; text-decoration: none; } #flyout-right .alist-btn .alist-star { background: url("../images/icon-account-sprite.png") no-repeat -98px -1724px transparent; display: inline-block; height: 15px; width: 10px; margin-right: 2px; } #flyout-right .fb-addphoto-btn { position: absolute; left: 0; top: 61px; z-index: 1; } /* ----------------------------------------- MODALS / TOOLTIPS ----------------------------------------- */ #account .account-modal{ width: 380px; padding: 22px; top: 180px; margin-left: -190px; } #account .tooltip-wrapper.next-tooltip{ max-width: 540px; } #account .points-feature .tooltip-icon{ top: 23px; } #account .tooltip-small{ width:340px; padding:20px; } #account .tooltip-small p, #account .tooltip-small li{ font-size: .929em; } #account .tooltip-small ul{ padding-left: 18px; } #account .tooltip-medim{ width:550px; max-width:550px; padding:20px; } #login-section .continue{ margin-top: 72px; } #login-section .continue a{ text-decoration: underline; } #login-section .continue a:hover{ text-decoration: none; } .lt-768 #account .tooltip-medim{ width:260px; } /* ----------------------------------------- REGISTRATION ----------------------------------------- */ #content.registration { margin-bottom: 0px; } .registration.concert{ background: url(../images/credit-card-express-bg.jpg) center top no-repeat #000; } .registration .floating-form{ background: #fff; padding-top: 40px; padding-bottom: 30px; } .registration h3, .registration label{ color: #575757; } .registration .floating-form .row{ padding-left: 30px; padding-right: 30px; padding-bottom: 10px; } .registration ::-webkit-input-placeholder { /* WebKit browsers */ color: #717171; opacity: 1; } .registration :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #717171; opacity: 1; } .registration ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #717171; opacity: 1; } .registration :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #717171; opacity: 1; } .registration .error::-webkit-input-placeholder { /* WebKit browsers */ color: #C60F13; opacity: 1; } .registration .error:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #C60F13; opacity: 1; } .registration .error::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #C60F13; opacity: 1; } .registration .error:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #C60F13; opacity: 1; } .registration label{ font-family: 'exp-regular',arial; font-weight: normal; } .registration label>span{ display: block; margin-left: 25px; } .registration input[type=text], .registration input[type=password]{ border: 1px solid #eaeaea; background: #eaeaea; color: #717171; } .registration input:focus{ border:solid 1px #bfbfbf; color: #000; } .registration select{ color: #717171; } .no-touch .registration select{ background: #eaeaea; border: 1px solid #eaeaea; } .registration select:focus{ color: #000; border: 1px solid #eaeaea; } .registration label.hint { position: absolute; font-size: 14px; top: 9px; left: 14px; line-height: 16px; color: #717171; } .registration .tooltip-icon-grey{ margin-top: 0; position: absolute; right: 7px; top: 2px; } .registration .tooltip-icon{ top: 10px; right: 14px; } .application .tooltip-icon-grey{ margin-top: 0; position: absolute; right: 7px; top: 22px; } .registration .border-bottom{ padding-bottom: 34px; margin-bottom: 12px; border-bottom: 1px solid #d2d2d2; } /* ----------------------------------------- EXPRESS NEXT OVERRIDES ----------------------------------------- */ #account .no-margin-bottom{ margin-bottom:0 !important; } .express-next .fluid-right{ background: #000; } .express-next .disclaimer .fluid-right{ background: #efefef; border: 0; padding: 32px; font-size: 0.786em; } .express-next .general-content{ background: #000; } .express-next.encc .general-content{ background: transparent; } .express-next.with-tabs .general-content{ padding: 0; background-color: #000000; background: #000000; background: -moz-linear-gradient(top, #000000 0%, #3d3d3e 75%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(75%,#3d3d3e)); background: -webkit-linear-gradient(top, #000000 0%,#3d3d3e 75%); background: -o-linear-gradient(top, #000000 0%,#3d3d3e 75%); background: -ms-linear-gradient(top, #000000 0%,#3d3d3e 75%); background: linear-gradient(to bottom, #000000 0%,#3d3d3e 75%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#3d3d3e',GradientType=0 ); background-position: center top; background-repeat: no-repeat; background-size: 100% 120px; position: relative; } .express-next .general-content-gradient{ border: none; padding-bottom: 0; background: url(../images/background-header-express.jpg) no-repeat top center #000; } .express-next .general-content-gradient.concert{ background: url(../images/credit-card-express-bg.jpg) center top no-repeat #000; padding-bottom: 100px; } .express-next.registration .general-content-gradient{ background: none; padding: 0; } .express-next.registration .general-content{ padding: 0; padding-top: 35px; border-top: 1px solid #1e1e1e; } #express-next-perks-lower-section-desktop { border-top: none; } #express-next-left-perks-container { border-bottom: 1px solid #1e1e1e; } .express-next .floating-form{ background: #000; } .express-next .floating-form h2{ color: #fff; } .express-next.registration input[type=text], .express-next.registration input[type=password], .express-next.registration select{ border: 1px solid #fff; background: #fff; } .express-next.registration input[type=text]:disabled { background: #ddd; opacity: 1; /* explicitly setting this to 1 for ios7 devices */ } .express-next.registration h3, .express-next.registration p{ color: #979797; font-family: 'exp-light',arial; } .express-next.registration p.error{ color: #c81210; padding-bottom: 10px; } .express-next.registration h4{ color: #979797; font-family: 'exp-medium',arial; font-size: 0.929em; margin-top: 10px; } .express-next.registration p{ margin-bottom: 0; font-family: 'exp-regular',arial; } .express-next.registration a{ font-family: 'exp-medium',arial; } .express-next.registration label.hint { color: #8a8a8a; } #account .express-next .profile-section{ padding: 0; padding-bottom: 22px; } .express-next .general-content-gradient, #account .express-next .profile-section dt{ color: #fff; font-family: 'exp-regular',arial; } .express-next .a-list-badge{ display: block; background: url(../images/icon-account-sprite.png) -71px -157px no-repeat; width: 124px; height: 44px; position: absolute; right: 32px; top: 32px; text-indent: -99999px; } .express-next .a-list-badge-tooltip{ position: absolute; top: 55px; right: 38px; } .express-next.a-list .profile-photo .a-list-badge{ display: block; background: url(../images/icon-account-sprite.png) -88px -222px no-repeat; width: 160px; height: 19px; position: absolute; left: 0px; top: auto; bottom: 0px; text-indent: -99999px; } #account .express-next .profile-special{ min-height: 1px; } #account .express-next .profile-special.points{ padding-bottom: 17px; } #account .express-next .profile-special.points p{ color: #fff; font-family: 'exp-regular',arial; } #account .express-next .huge-points{ font-size: 5.214em; font-family: 'exp-medium',arial; display: block; padding-bottom: 10px; line-height: 1em; } #account .express-next .medium-points{ font-size: 3.286em; font-family: 'exp-medium',arial; display: block; padding-bottom: 10px; } #account .express-next .profile-special.points ul{ list-style: none; padding: 0; margin: 0; margin-top: 10px; } #account .express-next .profile-special.points ul li{ font-family: 'exp-regular',arial; font-size: .929em; } #account .express-next .profile-special.points ul li span{ padding-right: 10px; } #account .express-next .banner{ text-align: center; padding: 20px; height: 130px; padding-left: 10px; padding-right: 10px; margin-bottom: 45px; position: relative; background: url(../images/banner-sprite.jpg) #281938 center 0 no-repeat; } #account .express-next .banner span{ width: 50px; height: 50px; display: block; text-indent: -9999px; position: absolute; top: 0px; right: 0px; background: url(../images/icon-account-sprite.png) -194px -133px no-repeat; } #account .express-next.a-list .banner{ background: url(../images/banner-sprite.jpg) #000 center -186px no-repeat; } #account .express-next .banner span{ width: 50px; height: 50px; display: block; text-indent: -9999px; position: absolute; top: 0px; right: 0px; background: url(../images/icon-account-sprite.png) -194px -158px no-repeat; } #account .express-next.a-list .banner span{ background-position: -244px -158px; width: 60px; height: 60px; } #account .express-next .banner p{ color: #fff; font-family: 'exp-regular',arial; } #account .express-next .points-feature ul{ list-style: none; padding: 0; margin: 0; margin-bottom: 50px; } #account .express-next .points-feature ul li{ font-size: 1em; font-family: 'exp-regular', arial; position: relative; } #account .express-next .points-feature .progress-bar { background: #dbdbdb; margin: 0px 0px 5px; clear:both; height: 28px; line-height: 1; font-family: 'exp-medium',arial; } #account .express-next.a-list .points-feature .progress-bar{ background: #252525; } #account .express-next .points-feature .bar { padding-right: 15px; background-image: linear-gradient(left , rgb(79,176,224) 0%, rgb(85,100,182) 100%); background-image: -o-linear-gradient(left , rgb(79,176,224) 0%, rgb(85,100,182) 100%); background-image: -moz-linear-gradient(left , rgb(79,176,224) 0%, rgb(85,100,182) 100%); background-image: -webkit-linear-gradient(left , rgb(79,176,224) 0%, rgb(85,100,182) 100%); background-image: -ms-linear-gradient(left , rgb(79,176,224) 0%, rgb(85,100,182) 100%); background-image: -webkit-gradient( linear, left top, right top, color-stop(0.04, rgb(79,176,224)), color-stop(0.52, rgb(85,100,182)) ); background-color: #4fb3e1; color: #ffffff; height: 28px; text-align: right; margin: 0; display: block; line-height: 1.5em; font-size: 1.286em; } #account .express-next.a-list .points-feature .bar { background-image: linear-gradient(left , rgb(104,109,111) 0%, rgb(169,169,169) 100%); background-image: -o-linear-gradient(left , rgb(104,109,111) 0%, rgb(169,169,169) 100%); background-image: -moz-linear-gradient(left , rgb(104,109,111) 0%, rgb(169,169,169) 100%); background-image: -webkit-linear-gradient(left , rgb(104,109,111) 0%, rgb(169,169,169) 100%); background-image: -ms-linear-gradient(left , rgb(104,109,111) 0%, rgb(169,169,169) 100%); background-image: -webkit-gradient( linear, left top, right top, color-stop(0.04, rgb(104,109,111)), color-stop(0.52, rgb(169,169,169)) ); background-color: #686d6f; } #account .express-next .points-feature .points-earned { float: left; padding-bottom: 5px; } #account .express-next .points-feature .money-points { float:right; text-align: right; font-family: 'exp-medium',arial; } #account .express-next .points-feature .pending-rewards-message { font-family: 'exp-medium',arial; } #account .express-next .points-feature .points-out-of{ font-size: 1.714em; color: #4f4f4f; padding-top: 8px; } #account .express-next .points-feature .points-out-of-rewards{ font-size: 1.714em; color: #4f4f4f; padding-top: 0px; } #account .express-next .points-feature .points-out-of span{ color: #8eb0dc; font-family: 'exp-medium', arial; } #account .express-next .points-feature .points-out-of-rewards span{ color: #8eb0dc; font-family: 'exp-medium', arial; } #account .express-next.a-list .points-feature .points-out-of span{ color: #fff; } #account .express-next.a-list .points-feature .points-out-of-rewards span{ color: #fff; } #account .express-next .a-list-notice{ display: none; } #account .express-next.a-list .a-list-notice{ font-family: 'exp-regular', arial; display: inline-block; margin-bottom: 15px; } #account .express-next.a-list .a-list-notice span{ font-family: 'exp-medium', arial; } #account .express-next.a-list .a-list-notice i{ background: url("../images/icon-account-sprite.png") no-repeat scroll -114px -1884px transparent; display: inline-block; height: 30px; text-indent: -99999px; width: 20px; } #account .express-next .my-tabs .tab-content{ display: none; overflow: hidden; background: #000; padding-top: 60px; } #account .express-next .my-tabs { padding: 120px 0 0; position: relative; } #account .express-next .my-tabs .my-tabs-gradient{ padding-top: 25px; border-top: 1px solid #313131; border-bottom: 1px solid #313131; background: #000000; background: -moz-linear-gradient(top, #000000 50%, #212121 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#000000), color-stop(100%,#212121)); background: -webkit-linear-gradient(top, #000000 50%,#212121 100%); background: -o-linear-gradient(top, #000000 50%,#212121 100%); background: -ms-linear-gradient(top, #000000 50%,#212121 100%); background: linear-gradient(to bottom, #000000 50%,#212121 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#212121',GradientType=0 ); } #account .express-next .my-tabs .row{ padding-left: 32px; padding-right: 32px; padding-bottom: 12px; } #account .express-next .my-tabs .row.no-padding{ padding: 0; } #account .express-next h4.tab{ background-color: #141414; width: 47%; height: 52px; text-align: center; color: #4D4D4D; right: 2%; top: 68px; position: absolute; } #account .express-next h4.tab.opened{ background-color: #000; } #account .express-next h4.tab:first-child{ left: 2%; right: auto; } #account .express-next h4.tab a{ color: #4D4D4D; text-decoration: none; font-family: 'exp-medium', arial; font-size: 1.214em; position: relative; line-height: 50px; } #account .express-next h4.tab.opened a{ color: #fff; text-decoration: none; } #account .express-next .my-tabs p, #account .express-next .my-tabs li{ color: #979797; font-size: 1em; margin-bottom: 35px; } #account .express-next .my-tabs a{ font-size: 1em; } #account .express-next .my-tabs .my-tabs-list-chart .row{ padding-bottom: 22px; padding-top: 32px; border-top: 1px solid #313131; border-bottom: 1px solid #313131; } #account .express-next .my-tabs .my-tabs-list-chart .row.no-border{ border: 0; } #account .express-next .my-tabs .my-tabs-list-chart dl dt, #account .express-next .my-tabs .my-tabs-list-chart dl dd{ color: #979797; font-family: 'exp-regular', arial; min-height: 30px; line-height: 1.1em; } #account .express-next .my-tabs .my-tabs-list-chart dl dt{ width: 82%; float: left; } #account .express-next .my-tabs .my-tabs-list-chart dl dd{ width: 18%; float: right; text-align: right; position: relative; } #account .express-next .my-tabs .my-tabs-list-chart dl dd span { background: url(../images/icon-account-sprite.png) no-repeat scroll -198px -1754px transparent; display: inline-block; height: 30px; width: 30px; position: absolute; left: 0px; top: 2px; } #account .express-next .my-tabs .my-tabs-list-chart dl dd.active{ color: #fff; } #account .express-next .my-tabs .my-tabs-list-chart dl dd.active span { background-position: -133px -1754px; } #account .express-next .row.faq{ padding: 4%; background: #000; } #account .express-next .row.faq #next-help-links { display: inline-block; } #account .express-next .my-tabs .tweet p{ padding: 0; padding-bottom: 5px; margin: 0; } #account .express-next .my-tabs .tweet span{ color: #5e5e5e; display: block; padding-bottom: 5px; font-size: .857em; } #account .express-next .my-tabs .tweet-actions{ list-style: none; padding: 0; margin: 0; } #account .express-next .my-tabs .tweet-actions li{ display: inline-block; margin-right: 5px; } #account .express-next .my-tabs .tweet-actions li a{ display: block; width: 20px; height: 20px; text-indent: -9999px; opacity:0.5; filter:alpha(opacity=50); } #account .express-next .my-tabs .tweet-actions li a:hover{ opacity:1.0; filter:alpha(opacity=100); } #account .express-next .my-tabs .tweet-actions li a.reply { background: url(../images/icon-account-sprite.png) -422px -55px no-repeat; } #account .express-next .my-tabs .tweet-actions li a.retweet { background: url(../images/icon-account-sprite.png) -449px -55px no-repeat; } #account .express-next .my-tabs .tweet-actions li a.favorite { background: url(../images/icon-account-sprite.png) -480px -55px no-repeat; } #account .express-next .my-tabs .tab-content table{ background: #000; border: 0; width: 100%; } #account .express-next .my-tabs .tab-content table thead th{ color: #fff; font-family: 'exp-medium',arial; font-size: 1.143em; background: #181818; font-weight: normal; text-transform: uppercase; } #account .express-next .my-tabs .tab-content table tbody td{ color: #fff; font-family: 'exp-regular',arial; font-size: 1em; background: #222222; font-weight: normal; line-height: 1.1em; min-height: 44px; border-right: 1px solid #303030; border-bottom: 1px solid #303030; } #account .express-next .my-tabs .tab-content table tbody td.active{ background: #387C44; font-family: 'exp-medium',arial; text-align: center; font-size: 1.143em; } #account .express-next .my-tabs .tab-content table tbody td.no-results{ text-align: center; height: 250px; vertical-align: middle; } #account .express-next .my-tabs .tab-content table tbody td span.next { background: url("../images/icon-account-sprite.png") no-repeat -133px -1749px; display: inline-block; height: 20px; width: 30px; } #account .express-next .my-tabs .tab-content table tbody td.active span { background: url("../images/icon-account-sprite.png") no-repeat -133px -1749px; display: inline-block; height: 20px; width: 30px; } #account .express-next .my-tabs .tab-content table tbody td span.card-icon{ height: 20px; width: 30px; margin: 0; padding: 0; vertical-align: middle; } /* Benefits Page Start */ #benefits-main .benefits-logo{ padding-top: 40px; text-align:center; font-size:1.286em } #benefits-main .benefits-row{ padding-top:30px } #benefits-main .benefits-row .table-container{ text-align:center; } #benefits-main .benefits-logo h3{ margin-left: auto; margin-right: auto; display: block; width: 264px; height: 28px; text-indent: -9999px; background: url(../images/icon-account-sprite.png) -73px -129px no-repeat; margin-bottom: 15px; } #benefits-main .express-next-benefits table{ width:100%; background-color:transparent; } #benefits-main .express-next-benefits tr{ background-color:transparent; } #benefits-main .express-next-benefits .benefits-table-bold{ font-size:1em; font-family:"exp-bold", Arial; line-height:1; vertical-align:middle; text-align:center; } #benefits-main .express-next-benefits .benefits-table-bullet{ font-size:6em; font-family:"exp-bold", Arial; vertical-align:middle; text-align:center; } #benefits-main .express-next-benefits .benefits-table-regular{ font-size:0.857em; font-family:"exp-regular", Arial; line-height:1; vertical-align:middle; text-align:center; } #benefits-main .express-next-benefits td{ background-color:transparent; border:1px solid gray; width:110px; height:90px } #benefits-main .express-next-benefits .top-left-empty-cell{ border:none; border-bottom:1px solid gray; } #benefits-main{ max-width:767px; margin-left:auto; margin-right:auto; } #benefits-main .express-next-benefits .a-list-info{ text-align:left; padding-bottom:20px; font-size:11px } #benefits-main .express-next-benefits .encc-info{ text-align:left; padding-bottom:40px; font-size:11px } #benefits-main .express-next-benefits{ list-style: none; margin: 0; padding: 0; } /* Benefits Page End */ #account .express-next .express-next-benefits li{ font-size: 1.429em; margin-bottom: 10px; position: relative; padding-left: 75px; padding-top: 15px; min-height: 70px; } #account .express-next .express-next-benefits li span{ height: 64px; width: 64px; padding: 8px; display: inline-block; background: url(../images/icon-account-sprite.png) no-repeat; text-indent: -99999px; position: absolute; left: 0; top: 0; } #account .express-next .express-next-benefits li.icon-ten span{ background-position: -436px -86px; } #account .express-next .express-next-benefits li.icon-dollars span{ background-position: -436px -154px; } #account .express-next .express-next-benefits li.icon-check span{ background-position: -436px -225px; } /* ----------------------------------------- EXPRESS APPLICATION OVERRIDES ----------------------------------------- */ .application-wrapper{ border: 1px solid #d4d4d4; background-color: #E7E7E7; padding: 0; } .application.encc .application-wrapper{ padding-top: 50px; min-height: 425px; } .application-wrapper-lines{ background: url(../images/encc-card-background.jpg) transparent bottom right no-repeat; clear: both; } .application-wrapper .white-background{ background: #fff; min-height: 800px; padding-top: 40px; } .application.encc .application-wrapper p{ color: #979797; } .application.encc .cta.teal{ background: #3794ac; } .application.encc .disclaimer{ color: #929292; font-size: 0.786em; font-family: 'exp-regular',arial; } .application.encc input{ border: 0; } .application.encc label{ color: #fff; } .application.encc label a{ float: right; color: #979797; font-size: .857em; font-family: 'exp-regular',arial; } .application-wrapper ul li { list-style-position: inside; } .application-wrapper p, .application-wrapper li, .application-wrapper textarea, .application-wrapper p a, .application-wrapper span{ font-family: 'exp-regular',arial; font-size: 0.929em; color:#000; } .application-wrapper p.error { color: #c81210; font-size: 14px; } .application-wrapper p a { font-size: 1.000em; padding: 0; } .application-wrapper a{ font-family: 'exp-medium',arial; font-size: 0.857em; padding-bottom: 20px; display: inline-block; } .application-wrapper label a{ padding-bottom: 0; } .application-wrapper label{ font-family: 'exp-medium',arial; font-size: 0.929em; } .application-wrapper input { font-size: 0.929em; } .application-wrapper select { float: left; margin-right: 5px; } .application-wrapper label span { display: block; margin-left: 25px; font-family: 'exp-regular',arial; font-size: 0.923em; line-height: 1.6; } .application-wrapper .border-bottom{ padding-bottom: 30px; margin-bottom: 30px !important; } .application-wrapper ul.no-bullet li{ font-family: 'exp-medium',arial; } .application-wrapper .row .four span{ display: block; float: left; color: #777; padding: 10px 10px 0 0; float: left } .application-wrapper .row .four input, .application-wrapper .row .twelve input{ float: left; } .application-wrapper .row .eight, .application-wrapper .row .four{ overflow: hidden; } .application-wrapper .row .twelve label a { font-family: 'exp-regular',arial; font-size: 1em; color: #000; padding: 0; } .application-wrapper .row .twelve a{ font-family: 'exp-bold',arial; font-size: 1.167em; padding: 10px 0 0 15px; color: #000; display: inline-block; } .application-wrapper #credit-confirmation-section #create-account-container form .row .twelve a { font-size: 1em; padding: 0; } .application-wrapper .row .twelve span.x-align{ display: block; float: left; color: #777; padding: 10px 10px 0 0; float: left } #encc-application-form #terms-and-conditions-container { height: 870px; border: 1px solid #663; } #encc-application-form #required-note-container { text-align: right; padding-top: 5px; } #encc-application-form #required-note-container span { display: inline; float: none; padding: 0; color: #000; } #encc-application-form #required-note-container span.bold { font-family: "exp-bold",arial; } #encc-application-form label.optional { font-family: "exp-regular",arial; } /* ----------------------------------------- CREDIT CARD OVERRIDES ----------------------------------------- */ .express-next .fluid-right{ background: url(../images/encc-background-lines.jpg) #000 bottom left no-repeat; position: relative; } .express-next .express-cards-fancybox { background: url(../images/img-next-cards-hq.png) no-repeat right top transparent; display: block; height: 290px; width: 290px; position: absolute; right: 0; text-indent: -9999px; top: -49px; } .express-next.encc p{ color: #979797; font-size: 1em; line-height: 1.3em; font-family: 'exp-medium',arial; } .express-next.encc .disclaimer p{ font-family: 'exp-regular',arial; color: #777; } .express-next .general-content ul{ color: #979797; font-size: 1em; line-height: 1.3em; margin-left: 18px; font-family: 'exp-regular',arial; } .express-next .cta.blue{ background: #40b4eb; } .express-next .returning-cardholders{ text-align: center; background: #2b2b2b; padding: 20px; margin-top: 125px; } .express-next .returning-cardholders p{ font-size: .857em; } .express-next .returning-cardholders .cta{ padding-left: 20px; padding-right: 20px; } .express-next table{ border-collapse:collapse; background: #303030; border: 0; width:100%; } .express-next table th, .express-next table td{ border-right: 1px solid #303030; border-bottom: 1px solid #303030; background: #222; color: #fff; font-size: .929em; font-family: 'exp-medium',arial; font-weight: normal; } .express-next.rewards-list table th, .express-next table td{ background: black; border-right: none; } .express-next table th{ color: #979797; font-family: 'exp-bold',arial; } .express-next table th.three, .express-next table td.three{ text-align: center; } .express-next table th:last-child, .express-next table td:last-child{ border-right: 0px; } .express-next table tr:last-child td{ border-bottom: 0px; } .express-next table td span { background: url("../images/icon-account-sprite.png") no-repeat scroll -2px -1786px transparent; display: block; height: 20px; margin: 0 auto; text-indent: -9999px; width: 25px; } #rewards-list.reward-details td span{ display: inline; background: none; } /* ----------------------------------------- SAVED ADDRESSES / PAYMENTS ----------------------------------------- */ #account .new-entry-padding{ padding-bottom: 48px; } #account .entry-headers{ border-bottom: 1px solid #eaeaea; padding: 0; margin: 0; margin-bottom: 16px; } #account .row .entry-headers .columns:first-child{ padding-left: 0; } #account .saved-entry-items{ position: relative; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #eaeaea; } #account .saved-entry-items.last{ border: 0; padding-bottom: 50px; } #account .saved-entry-items label, #account .saved-entry-items li{ font-size: 0.929em; } #account .saved-entry-items.selected{ color: #000; } #account .saved-entry-items ul{ list-style: none; padding: 0; margin: 0; } #account .action-links{ text-align: right; display: inline-block; position: absolute; top: 0px; right: 0px; width: auto; } #account .action-links a{ font-size: 0.923em; } #account .saved-gift-cards{ border-bottom: 1px solid #eaeaea; padding-bottom: 8px; margin-bottom: 26px; } #account .saved-gift-cards dl{ padding: 0; margin: 0; list-style: none; font-family: 'exp-regular',arial; margin-left: 45px; font-size: 0.929em; } #account .saved-gift-cards dt{ width: 42%; float: left; } #account .saved-gift-cards dd{ width: 58%; float: left; } #account #apply-gift-card-form{ margin-bottom: 60px; } #account .gift-balance{ background: #f1f1f1; list-style: none; padding: 18px; } #account .gift-balance li{ display: inline-block; padding-right: 10px; font-size: .929em; } #account .rewards{ font-family: 'exp-medium',arial; color: #000000; font-size: 1.286em; line-height: 1.1em; } #account .rewards a{ font-size: 0.722em; } /* ----------------------------------------- YOUR PROMOS ----------------------------------------- */ .your-promos p a{ font-size: 1em; } .your-promos .no-promos p{ font-size: 1.571em; line-height: 1.3em; } .your-promos .row.no-promos{ padding-bottom: 80px; } .your-promos h4{ border-top: 1px solid #eaeaea; padding-top: 25px; margin-bottom: 5px; } .your-promos .no-promos label{ font-family: 'exp-regular',Arial; margin-top: 20px; margin-bottom: 15px; } .your-promos form > .row{ padding-left: 0px; padding-right: 0px; } .your-promos .your-promos-list > li{ margin-bottom: 22px; margin-right: 22px; display: inline-block; } .your-promos .your-promos-list > li:last-child{ margin-right: 0; } .your-promos .your-promos-list li a:hover{ color: #3994af !important; } .your-promos .box-your-promo{ display: inline-block; position: relative; } .your-promos .box-your-promo .promo-content{ position: absolute; width: 100%; top: 0; left: 0; padding: 12px 0; font-size: 12px; } #account .your-promos .box-your-promo .promo-content h3{ margin-bottom: 7px; padding: 0; border: none; padding-right: 33%; padding-left: 15px; } .your-promos .box-your-promo p{ margin-bottom: 10px; line-height: 1.3em; font-size: 1em; padding-right: 33%; padding-left: 15px; } .your-promos .box-your-promo > ul{ margin: 0; line-height: 12px; padding-right: 33%; padding-left: 15px; } .your-promos .box-your-promo.wide p,.your-promos .box-your-promo.wide h3,.your-promos .box-your-promo.wide ul{ padding-right: 20%; } .your-promos .box-your-promo.narrow p,.your-promos .box-your-promo.narrow h3,.your-promos .box-your-promo.narrow ul{ padding-right: 50%; } .your-promos .box-your-promo ul li{ margin: 0; display: inline-block; } .your-promos .box-your-promo ul li > a{ font-size: 0.65em; font-weight: bold; } .your-promos .box-your-promo ul li+li:before{ content: " | "; } .your-promos .box-your-promo,.your-promos .box-your-promo a,.your-promos .box-your-promo h3,.your-promos .box-your-promo p{ color: #FFF; } .your-promos .qr-code { border: 2px solid #fff; padding: 0 2px; width: 50%; margin-left: 25%; -webkit-box-shadow: 0px 0px 5px #000; -moz-box-shadow: 0px 0px 5px #000; box-shadow: 0px 0px 5px #000; background-color: #fff; margin-bottom: 5px; } .your-promos .qr-code img{ width: 100%; } .your-promos .passbook { margin-left: 40%; width: 20%; } .your-promos .passbook img{ width: 100%; } /* ----------------------------------------- COMMUNICATION ----------------------------------------- */ .communication p a{ font-size: 1em; } .general-content.communication p.no-margin-bottom{ margin-bottom: 0px; } #account .general-content.communication h4{ font-size: 1.071em; margin-bottom: 5px; font-family: 'exp-medium', arial; } #account .general-content.communication h3.second-title{ margin-bottom: 40px; margin-top: 40px; } .communication input[type="checkbox"]+label{ float: none; font-family: 'exp-medium',Arial; } .communication .row-input input[type="checkbox"]{ position: absolute; top: 2px; left: 0px; } .communication .row-border-bottom{ border-bottom: 1px solid #eaeaea; margin-bottom: 25px; padding-bottom: 30px; } .communication .row-input{ margin-top: 25px; } .communication .row-input > .columns{ padding-left: 20px; } .communication .add-new-address{ clear: both; padding-top: 20px; } .communication .row-social{ margin-bottom: 25px; } .communication-modal .cta{ padding: 11px 12px 14px; } /* ----------------------------------------- END COMMUNICATION ----------------------------------------- */ /* ----------------------------------------- PROFILE PAGE ----------------------------------------- */ #account .profile-section{ padding-bottom: 55px; } #account .profile-special{ min-height: 230px; } #account .profile-section dt{ color: #000000; font-family: 'exp-medium',arial; font-size: 1.071em; } #account .profile-section dd{ font-family: 'exp-regular',arial; font-size: 0.929em; } #account .profile-photo{ width: 160px; } #account .profile-section .tooltip-icon-grey{ margin-top: 15px; position: absolute; right: 7px; } /* ---------------------------------------- PURCHASES - RETURNS ------------------------------------------*/ #account .show-orders { padding-bottom: 26px; margin-bottom: 22px; border-bottom: 1px solid #EBEBEB; } #account .show-orders label, #account .show-orders select { clear: none; display: inline-block; float: none; width: auto; } #account .show-orders label { color: #575757; font-family: 'exp-regular',arial; } #account .order-row{ border-bottom: 1px solid #eaeaea; margin-bottom: 26px; } #account .order-row .order-data ul li, #account .order-row .order-data p{ color: #000; line-height: 1.6em; } #account .order-row .order-data .order-info{ width:100%; clear:both; padding-top:18px; } #account .order-row .order-data .order-info li{ color: #000; font-size: .929em; } #account .order-row .order-data .order-info a{ display:inline-block; font-size: 1em; font-family: 'exp-medium',arial; } #account .browse-gallery .photo a { color: #575757; font-style: normal; text-decoration: none; text-transform: capitalize; } #account .browse-gallery .photo a.wishlist { color: #000000; font-size: 12px; } #account .browse-gallery .fade { background-color: #fff; opacity: 0.5; } #account .browse-gallery .product-info li { color: #575757; font-size: .857em; } #account .browse-gallery .product-info li.wishlist { color: #000000; font-size: 12px; } #account .browse-gallery .product-info li .wishlist-amt { color: #000000; font-size: 12px; font-family: 'exp-regular',sans-serif; } #account .browse-gallery input.remove { background:none!important; text-align: right; font-size: 13px !important; line-height: 1.3em !important; cursor: pointer; text-decoration: underline; color:#6a6a6a; margin: 5px 0; padding: 5px 0; font-family: 'exp-regular',sans-serif; } #account .order-row .show-details-control { font-size: 0.875em; text-align: center; padding-top:10px; padding-bottom:10px; } #account .order-cancel-find{ text-align:center; } #account .order-cancel-find a{ margin-top:23px; display:block; } #account .order-row .order-data ul li.order-date{ color:#000; font-family: 'exp-medium',arial; font-size: 1.214em; } #account .order-row .order-data ul li.order-placed-processing { color:#2e9a54; font-size: .929em; line-height: 2em; } #account .order-row .order-data ul li.order-placed-shipped { color:#575757; line-height: 2em; } #account .order-row .shipment-processing { color: #2e9a54; } #account .order-row .shipment-shipped { color: #575757; } #account .order-row .order-data .order-title-separator{ color: #777; } #account .order-row .order-data .order-status{ color: #777; } #account .order-products a{ font-family: 'exp-medium', arial; font-size: .857em; } #account .order-products { padding-left:15px; } #account .order-products h4{ text-transform:capitalize; margin-bottom:10px; } #account .order-products .order-product-item li{ font-size: 13px; margin: 0; padding: 0; line-height: 13px; } #account .icon-return-policy { background: url("../images/icon-account-sprite.png") no-repeat scroll -3px -1560px transparent; position: absolute; top: 26px; right: 32px; height: 30px; padding-left:25px; } #account .share, #account .move-all-to-bag { width: 30px; height: 30px; background-image: url("../images/icon-sprite.png"); background-repeat: no-repeat; text-indent: -9999px; } #account .share{ background-position: -184px -448px; } #account .move-all-to-bag{ background-position: -145px -447px; } #account .share-wishlist, #account .move-wishlist-to-bag { position: absolute; top: 28px; color: #000000; text-decoration: none; background: none; margin-left: 0; padding-left: 0; font-family: 'exp-regular',sans-serif !important; font-size: 13px !important; line-height: 2.5; white-space:nowrap; } /* ----------------------------------------- WISH LIST ICONS - TABLET AND DESKTOP VIEW ----------------------------------------- */ @media only screen and (min-width : 768px) { #account .share-wishlist { right: 215px; } #account .move-wishlist-to-bag{ right: 60px; } } /* ----------------------------------------- WISH LIST ICONS - MOBILE VIEW ----------------------------------------- */ @media only screen and (max-width: 767px) { #account .share-wishlist { right: 55px; } #account .move-wishlist-to-bag{ right: 20px; } } .my-account-tab-content .row { padding: 0; margin: 10px 0; } #account .order-find-title{ margin-bottom:18px; } #account .general-content .order-row.opened .order-info, #account .general-content .order-row.opened .order-products { display:block!important; } #account .old-orders-message { padding-bottom: 15px; } #account .old-orders-message.hidden { display: none; } #account .loading-indicator { margin-bottom: 20px; } #account .loading-indicator.hidden { display: none; } #account .loading-indicator .loading-spinner { margin-bottom: -11px; } #account .loading-indicator .loading-message { display: inline-block; margin-left: 10px; } /* ---------------------------------------- PURCHASES - RETURNS: ORDER SUMMARY DETAILS ------------------------------------------*/ #account .order-details-summary .padding-top{ padding-top: 10px; } #account .order-details-summary h4{ margin-bottom: 4px; font-size: 14px; } #account .order-details-summary .details-payment-method h4{ font-size: 0.929em; margin-bottom: 0px; } #account .order-details-summary div{ font-size: 13px; margin-bottom: 2px; } #account .order-details-summary hr{ margin-bottom:5px; margin-top:5px; border-top: 1px solid #ebebeb; } /* ---------------------------------------- PURCHASES - RETURNS: ORDER SHIPMENT DETAILS ------------------------------------------*/ #account .shipment-details hr{ margin-bottom:5px; margin-top:5px; margin-left: auto; margin-right: auto; border-top: 1px solid #ebebeb; width: 80%; } /* ---------------------------------------- PURCHASES - RETURNS: ORDER DETAILS ------------------------------------------*/ #account .order-details .order-row { border-top:none; } #account .order-details .order-products .order-summary{ border: 1px solid #d8d8d8; padding-top: 25px; padding-bottom: 25px; padding-left: 20px; padding-right: 20px; } #account .order-details .order-products .order-summary h4{ text-transform:uppercase; } #account .order-summary hr{ margin-bottom:10px; margin-top:10px; border-top: 1px solid #ebebeb; } #account .order-details .credit-card-info{ margin-left: 0px; line-height: 2.1em; } #account .order-details .credit-card-info li{ margin-left: 0px; } #account .order-details .credit-card-info .card-type{ float: none; display: inline-block; margin: 0 5px 0 5px; } #account .order-details a.print-icon{ background: url("../images/icon-account-sprite.png") no-repeat scroll -5px -1674px transparent; display: block; float: right; height: 23px; margin: -70px 0 5px; text-indent: -9999px; width: 23px; } #account .order-details a.print-icon:hover{ background: url("../images/icon-account-sprite.png") no-repeat scroll -46px -1674px transparent; } /* ----------------------------------------- REVIEWS PAGE ----------------------------------------- */ #account .your-stats{ padding-bottom: 20px; } #account .your-stats h4{ font-family: 'exp-medium',arial; } #account .review-stats{ list-style: none; margin: 0; padding: 0; } #account .review-stats li{ min-width: 215px; padding-right: 25px; font-size: 4.286em; color: #bcbcbc; font-family: 'exp-bold',arial; position: relative; display: inline-block; } #account .review-stats li span{ font-family: 'exp-regular',arial; font-size: 0.333em; color: #575757; position: absolute; width: 135px; top: 1.3em; left: auto; line-height: 1em; padding-left: 10px; } #account .show-reviews{ border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; padding-top: 26px; padding-bottom: 26px; margin-bottom: 22px; } #account .show-reviews label, #account .show-reviews select{ float: none; display: inline-block; clear: none; width: auto; } #account .show-reviews label{ font-family: 'exp-regular',arial; color: #575757; } #account .review-row{ border-bottom: 1px solid #eaeaea; padding-bottom: 22px; margin-bottom: 22px; position: relative; } #account .review-row img{ padding-right: 10px; } #account .utility{ position: absolute; top: 0px; right: 0px; } #account .utility li{ font-family: 'exp-regular',arial; font-size: 0.929em; } #account .utility li a{ font-size: 1em; line-height: 1em; } #account .star-poll{ list-style: none; padding: 0; margin: 0; margin-bottom: 10px; } #account .star-poll li{ display: inline-block; background: url(../images/icon-account-sprite.png) -10px -1081px no-repeat ; width: 15px; height: 15px; } #account .star-poll li span{ background: url(../images/icon-account-sprite.png) -10px -1081px no-repeat ; text-indent: -9999px; width: 13px; height: 13px; display: block; } #account .star-poll li span.full{ background-position: -10px -1100px; } #account .star-poll li span.half{ background-position: -10px -1100px; width: 7px; } #account .helpful{ list-style: none; padding: 0; margin: 0; } #account .helpful li{ font-family: 'exp-regular',arial; font-size: 0.857em; display: inline-block; line-height: 1em; height: 16px; } #account .helpful li.good{ font-family: 'exp-medium',arial; padding-left: 18px; background: url(../images/icon-account-sprite.png) -2px -1158px no-repeat ; color: #4faf45; } #account .helpful li.bad{ font-family: 'exp-medium',arial; padding-left: 18px; background: url(../images/icon-account-sprite.png) -35px -1160px no-repeat ; color: #b64646; margin-left: 6px; } #account .fit-best{ list-style: none; padding: 0; margin: 0; margin-bottom: 12px; } #account .fit-best li{ font-family: 'exp-regular',arial; font-size: 0.929em; display: inline-block; padding-right: 10px; } #account .share-icons{ list-style: none; padding: 0; margin: 0; } #account .share-icons li{ display: inline-block; padding-right: 5px; } #account .share-icons li.header{ font-family: 'exp-medium',arial; color: #000; font-size: 0.929em; } #account .share-icons li a{ text-indent: -9999px; display: block; width: 20px; height: 20px; background: url(../images/icon-account-sprite.png) no-repeat; } #account .share-icons li a.facebook{ background-position: -5px -1126px; } #account .share-icons li a.twitter { background-position: -36px -1126px; } #account .share-icons li a:hover.facebook { background-position: -3px -1179px; } #account .share-icons li a:hover.twitter { background-position: -34px -1179px; } #account .review-recent{ padding-bottom: 45px; margin-bottom: 25px; border-bottom: 1px solid #eaeaea; font-family: 'exp-medium',arial; font-size: 0.857em; } #express-next-info { background-color: #fff; padding: 0 15px; } #express-next-info h2 { border: none; margin-bottom: 10px; } #account .historical-orders .order-search-button { float: right; width: 100%; } /* ----------------------------------------- Desktop only ------------------------------------------ */ @media only screen and (min-width : 1000px) { #next-landing-perks-container #next-landing-perks-carousel .browse-carousel-offcanvas ul { width: auto !important; text-align: center !important; } #next-landing-perks-container #next-landing-perks-carousel .browse-carousel-offcanvas ul li { width: 220px !important; float: none !important; vertical-align: top !important; } } /* ----------------------------------------- Tablet & Desktop ----------------------------------------- */ @media only screen and (min-width : 768px) { .registration{ background: url(../images/account-confirmation.jpg) center top no-repeat #FFFFFF; } .registration.confirmation{ background: url(../images/new-create-account.jpg) center top no-repeat #FFFFFF; } .my-account-tab-content { min-height: 500px; } #account .historical-orders .input-spacing { padding-right: 20px; } } /* ----------------------------------------- Tablet and mobile styles ----------------------------------------- */ @media only screen and (max-width: 999px) { #next-landing-perks-container #next-landing-perks { display: none; } #next-landing-perks-container #next-landing-perks-carousel-container { display: block; } #next-landing-perks-container #next-landing-perks-carousel-container .nav-arrow.left { left: 0px; } #next-landing-perks-container #next-landing-perks-carousel-container .nav-arrow.right { right: 0px; } #next-landing-perks-container #next-landing-perks-carousel { margin: 30px 0px; } #encc-application-form #terms-and-conditions-container { -webkit-overflow-scrolling: touch; overflow: scroll; } } /* ----------------------------------------- Tablet ----------------------------------------- */ @media only screen and (min-width : 768px) and (max-width: 999px) { #account .no-left-padding{ padding-left: 0; } select{ max-width: none; } .fixed-left{ width: 152px !important; } #nav li{ padding: 0; margin: 0; } #nav li a{ background: none; padding-left: 9px; } #nav li a span.nav-icon{ display: none; } #nav a.promos span.wl-nav-icon{ display: none; } #explore{ display: none; } .general-content .saved-entry-items .card-icon{ background: none; padding-left: 4px; } .general-content-gradient .profile-section .three, .general-content-gradient .profile-section .five{ width: 50%; } .general-content .three .cta.eleven{ width: 100% !important; padding-left: 2px; padding-right: 2px; } #account .express-next .profile-special.points{ text-align: left; float: left; width: auto; } #account .express-next .general-content-gradient .profile-section .three, #account .express-next .general-content-gradient .profile-section .five{ width: 33.333333%; } #account .express-next .huge-points, #account .express-next .medium-points{ font-size: 1em; } #account .express-next .points-feature .columns{ width: 100%; margin-bottom: 15px; } #account .express-next .points-feature ul{ margin-bottom: 15px; } #account .express-next .profile-special.points ul li span{ padding-right: 10px; padding-left: 0; } #account .express-next .my-tabs{ padding: 0; } #account .express-next .my-tabs .tab-content{ border-top: 1px solid #4E4E4E; } #account .express-next .my-tabs .my-tabs-list-chart dl dt{ width: 75%; padding-right: 5%; margin-bottom: 25px; } #account .express-next .my-tabs .my-tabs-list-chart dl dd{ width: 25%; } #account .express-next .my-tabs h4.tab{ display: block; position: relative; right: auto; left: auto; top: auto; width: 100%; margin: 0; padding: 0; border-top: 1px solid #4E4E4E; background: #000; text-align: left; } #account .express-next .my-tabs h4.tab a{ padding: 0; margin: 0; display: block; height: 52px; padding-top: 2px; padding-left: 32px; color: #fff; } #account .express-next .my-tabs h4.tab a span{ display: block; background: url("../images/icon-account-sprite.png") 2px -1816px no-repeat; height: 33px; position: absolute; right: 30px; top: 10px; width: 35px; } #account .express-next .my-tabs h4.tab.opened a span{ background-position: -30px -1816px; } #account .express-next .row.faq.border{ padding-top: 26px; border-bottom: 1px solid #4E4E4E; border-top: 1px solid #4E4E4E; } .application-wrapper .row .four{ width: 50%; } .application-wrapper .row .eight{ width: 50%; } .application-wrapper .row .two{ width: 30% !important; } #next-landing-forms-container #complete-enrollment-container { padding-right: 2%; } #next-landing-forms-container #join-now-container { padding-left: 2%; } #profile-info-section #next-landing-forms-container #complete-enrollment-container { padding: 0; width: 100%; padding-bottom: 40px; } #profile-info-section #next-landing-forms-container #join-now-container { padding: 0; width: 100%; } #profile-info-section #next-landing-forms-container .form-background { width: 100%; } } /* ----------------------------------------- Mobile ----------------------------------------- */ @media only screen and (max-width: 767px) { .fixed-table, .fixed-row { display: block !important; } .full-screen #content{ margin: 0; padding: 0; min-height: 1px; } .full-screen #content.confirmation { padding: 0; } .fixed-left, .fluid-right, .fixed-right, .fluid-left{ width: 100% !important; float: none !important; display: block !important; border: 0; } .my-account-tabs { width: 100% !important; float: none !important; display: block !important; border: 0; } .my-account-tab-content { margin-left: 0; } #profile-info-section #next-landing-perks-carousel .browse-carousel-offcanvas { margin-left: -12px; } .general-content, .general-content-gradient, .express-next .fluid-left .general-content-gradient, .express-next .fluid-left .general-content{ padding: 26px 12px 12px; } #express-next-left-perks-container { padding: 0px 12px; } #account .cta{ margin-bottom:20px; } #account .cta.move-down{ margin-bottom: 0px; } #account .cta.bottom-margin{ margin-bottom: 26px; } #account .side-by-side .six{ width: 50% !important; float: left!important; } #account .side-by-side .six:first-child{ padding-right: 6px; } .reveal-modal.small{ top: 50px; width: 90%; margin-left: -45%; } #account .account-modal{ width: 90%; top: 100px; max-width: 300px; padding: 15px; margin-left: -45%; } #account .account-modal .columns{ float: left; padding-right: 6px; } #account .general-content select, #account .general-content-gradient select{ width: 100% !important; } #account .general-content{ min-height: 1px; } #account .encc .general-content{ min-height: 440px; } #account .express-next.with-tabs .general-content{ padding: 0; } #account .order-products { padding-left:0px; } /* ----- HEADERS ---- */ #account h2{ padding: 12px; margin: 0; cursor: pointer; position: relative; width: 100%; border: none; } #login-section h2 { padding-left: 0; } #account h2 span{ background: url(../images/icon-account-sprite.png) -7px -1233px no-repeat ; border-radius: 0; height: 15px; margin-top: 8px; margin-left: 5px; width: 15px; display: inline-block; position: relative; float: none; } #account .account-modal h2{ padding-left: 0px; padding-top: 0px; } #account .application h2{ margin-left: 2%; margin-top: 15px; } #account .application #credit-confirmation-section h2 { margin-top: 0; margin-left: 0; margin-right: 0; padding: 0; } #account .application h3{ margin-left: 2%; margin-bottom: 15px; text-align: left; } #account .registration h2{ padding-left: 0; margin: 0; } #next-landing-header h2 { padding: 0px; } #account .express-next .general-content-gradient h3{ display: block; width: 264px; height: 28px; text-indent: -9999px; background: url(../images/icon-account-sprite.png) -73px -129px no-repeat; margin-bottom: 15px; } #account .express-next .general-content-gradient h4{ margin-bottom: 22px; } #account .express-next .general-content .tab-content h5{ font-size: 1.214em; } #account .express-next.encc .general-content h3{ display: block; width: 264px; height: 50px; text-indent: -9999px; background: url(../images/icon-account-sprite.png) -73px -363px no-repeat; margin-bottom: 15px; } #account .application.encc .application-wrapper h2{ width: auto; font-size: 1.857em; height: auto; display: inline-block; } #account .row .row .columns select.three, #account .row .row .columns select.two{ width: 31%; } #account .purchases-returns .order-row .order-info { display:none; } #account .order-row{ padding-bottom: 0px; } #account .order-data{ padding-top: 20px; } /* ----- NAVIGATION ---- */ #explore{ display: none; } #nav{ display: none; } #nav li{ overflow: hidden; width: auto; } #nav li a.double-line, #nav li a, .express-next #nav .active a{ display: block; padding-top: 18px; padding-bottom: 18px; padding-right: 0px; padding-left: 8px; margin: 0px; vertical-align:top; color: #575757; } #nav a.double-line span.nav-icon { margin-top: -4px; } #nav li a span.nav-text { width: auto; } .express-next #nav .active{ background:#fff; border-top: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; display: block; padding-right: 0px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; width:100%; } /* ----- REGISTRATION ---- */ .registration .floating-form{ padding-top: 0; } #express-next-registration-form-container { padding-top: 25px; } .registration .floating-form .row{ padding-left: 6px; padding-right: 6px; } .registration .floating-form .row .columns{ padding-left: 6px; padding-right: 6px; } .registration .cta{ padding-left: 5px; padding-right: 5px; width: 100%; } /* ----- APPLICATION ---- */ .application-wrapper, .application-wrapper-lines{ min-height: none; border-left: 0; border-right: 0; border-bottom: 0; background: #000; } .application-wrapper .card-background{ display: none; } .application-wrapper .row #secure-card{ width: 50% !important; } .application-wrapper .row .twelve{ margin: 0 !important; padding: 0 !important; } .application-wrapper .row .bottom-margin { margin-bottom: 26px !important; } .application-wrapper .row .twelve .two{ width: 30% !important; } /* ----- SAVED ADDRESS / PAYMENTS ---- */ #account .saved-entry-items ul{ margin-left: 18px; } #account .saved-gift-cards dt{ width: 100%; float: left; } #account .saved-gift-cards dd{ width: 100%; float: left; } #account .saved-entry-items input.ten{ width: 83% !important; margin-right: 5px; } /* ----- PROFILE ----- */ #account .general-content-gradient .profile-special.six{ width: 100% !important; float: left; } /* ----- REVIEWS ----- */ #account .utility{ position: relative; padding-bottom: 22px; } #account .review-row .columns.five{ width: 41.66667% !important; float: left; } #account .review-row .columns.six{ width: 50% !important; float: left; } #account .review-row .columns.seven{ width: 58.33333% !important; float: left; } #account .review-row .columns.nine{ width: 75% !important; float: left; } #account .review-row .help-title{ display: none; } #account .review-recent .columns{ padding-bottom: 25px; } #account .review-stats li{ width: 50%; min-width: 1px; float: left; font-size: 2em; padding: 0; margin: 0; } #account .review-stats li span{ font-size: .5em; width: 75%; top: .5em; } /* ------ EXPRESS NEXT ------ */ #account .express-next .a-list-badge{ position:static; } #account .express-next .general-content-gradient .profile-special.six{ text-align: left; } #account .express-next.a-list .profile-photo .a-list-badge{ display: block; } .express-next .a-list-badge{ display: block; background: url(../images/icon-account-sprite.png) -71px -157px no-repeat; width: 124px; height: 44px; position: absolute; right: -1px; top: 27px; text-indent: -99999px; } .express-next .a-list-badge-tooltip{ position: relative; top: -20px; right: -121px; } #account .express-next .your-a-list li, #account .express-next .your-a-list li.points-out-of{ font-family: 'exp-regular',arial; font-size: .929em; display: inline; } #account .express-next .huge-points, #account .express-next .medium-points{ font-size: 1em; } #account .express-next .profile-special.points ul li{ padding-bottom: 10px; } #account .express-next .profile-special.points ul li span{ padding-left: 0; } #account .express-next .banner{ height: auto; } #account .express-next .my-tabs{ padding: 0; } #account .express-next .my-tabs .row{ padding-left: 12px; padding-right: 12px; } #account .express-next .my-tabs .my-tabs-list-chart .row{ padding-bottom: 0; } #account .express-next .my-tabs .my-tabs-list-chart dl dt{ width: 55%; padding-right: 5%; margin-bottom: 25px; } #account .express-next .my-tabs .my-tabs-list-chart dl dd{ width: 40%; } #account .express-next .my-tabs .tab-content{ border-top: 1px solid #4E4E4E; } #account .express-next .my-tabs h4.tab{ display: block; position: relative; right: auto; left: auto; top: auto; width: 100%; margin: 0; padding: 0; border-top: 1px solid #4E4E4E; background: #000; text-align: left; font-size: 1em; } #account .express-next .row.faq.border{ padding-top: 26px; border-bottom: 1px solid #4E4E4E; border-top: none; } #account .express-next .my-tabs h4.tab a{ padding: 0; margin: 0; display: block; height: 52px; padding-top: 15px; padding-left: 12px; color: #fff; line-height: 1em; font-size: 1.214em; } #account .express-next .my-tabs h4.tab a span{ display: block; background: url("../images/icon-account-sprite.png") 2px -1816px no-repeat; height: 33px; position: absolute; right: 4px; top: 10px; width: 35px; } #account .express-next .my-tabs h4.tab.opened a span{ background-position: -30px -1816px; } #account .express-next .my-tabs .tweet .one{ width: 20% !important; float: left; } #account .express-next .my-tabs .tweet .eleven{ width: 80% !important; float: left; } #account .express-next .express-next-benefits li{ font-size: 1.143em; line-height: 1.1em; font-family: 'exp-regular',arial; } #account .express-next.encc .returning-cardholders{ margin-top: 40px; } #account .express-next .general-content h4.your-member-id{ padding: 0; margin: 0; display: block; height: 52px; padding-top: 15px; padding-left: 12px; color: #fff; line-height: 1em; background: #000; width: 100%; border-top: 1px solid #4E4E4E; font-size: 1.214em; } #account .next-member-id{ padding-left: 12px; padding-right: 12px; background: #000; } #account .next-member-id img{ width: 100%; } /* ------ NEXT LANDING ------ */ #next-landing-forms-container #complete-enrollment-container, #next-landing-forms-container #join-now-container, #profile-info-section #next-landing-forms-container #complete-enrollment-container, #profile-info-section #next-landing-forms-container #join-now-container { padding: 0 17px 40px; } /* ------ PROMOS WISH LIST ------ */ .your-promos .your-promos-list li{ float: none; display: block; margin-right: 0; } .your-promos .box-your-promo{ display: block; min-height: 158px; } .your-promos .box-your-promo > img{ width: 100%; } .your-promos .box-your-promo h3{ font-size: 24px; } .order-product-item .three{ width: 25%!important; max-width: 100px; } .order-product-item .nine{ width: 75%!important; } .order-product-item .twelve{ width: 75%!important; } .order-product-item .nine .six{ width: 50%!important; float: left; } /* ----COMMUNICATION---- */ .communication .row-social .one.columns{ width: 20%!important; float: left; } .communication .row-social .eleven.columns{ width: 80%!important; float: left; } #next-landing-forms-container .form-background { width: auto; } #account .icon-return-policy { position: static; } #encc-application-form #required-note-container { text-align: left; margin-bottom: 10px; } #encc-application-form #personal-information-header { margin-bottom: 5px; } } /*---- loyalty Terms and Conditions start -----*/ #loyaltytermscontainer { font: 13px/15px Arial, sans-serif; padding: 10px; } .termstable { border-collapse: collapse; margin-top: 7px; } .termstable td { width: 20%; padding: 5px; vertical-align: middle; border: 1px solid #000; font: 12px/14px Arial, sans-serif; } .termstable td:first-child { width: 60%; } .termstable thead td { background-color: #C4BC96; } .majorcategory li { color: #000; font-weight: bold; margin-top: 30px; } .minorcategory li { color: #000; font-weight: normal; margin-top: 0px; } #loyaltytermscontainer li { list-style: inherit !important; } /*--- loyalty Terms and Conditions end ----*/ /* --- Email Wishlist Form: Start --- */ #email-my-wishlist-page #emailwishlist-form #sendHandler { margin-bottom: 30px; } /* --- Email Wishlist Form: End --- */ /* --- ExpressNEXT FAQ: Start --- */ #express-next-faq { max-width: 767px; margin-left: auto; margin-right: auto; } #express-next-faq h3, #express-next-faq h4, #express-next-faq h5, #express-next-faq h6 { padding: 0px; margin: 0px; color: white; } #express-next-faq .title { padding-top: 40px; } #express-next-faq .logo { margin-left: auto; margin-right: auto; display: block; width: 264px; height: 28px; text-indent: -9999px; background: url(../images/icon-account-sprite.png) -73px -129px no-repeat; } #express-next-faq .subtitle { padding-top: 30px; } #express-next-faq .subtitle h4 { text-transform: uppercase; text-align: center; font-family: "exp-regular", Arial; font-size: 1.143em; } #express-next-faq .faq-section { padding-top: 40px; } #express-next-faq .faq-section h5 { font-size: 1.286em; text-transform: uppercase; font-family: "exp-regular", Arial; } #express-next-faq .question { padding-top: 30px; padding-bottom: 20px; border-bottom: 1px; border-bottom-color: #242424;; border-bottom-style: solid; } #express-next-faq .question h6 { font-size: 1.0em; text-transform: uppercase; font-family: "exp-medium", Arial; } #express-next-faq .question h6::after { float: right; content: ""; background: url('../images/chevrons-sprite.png') 0px -132px no-repeat; width: 18px; height: 18px; } #express-next-faq .question h6.close-arrow::after { float: right; content: ""; background: url('../images/chevrons-sprite.png') 0px -147px no-repeat; width: 18px; height: 18px; } #express-next-faq .answer { display: none; padding-top: 20px; font-size: 0.857em; font-family: "exp-regular", Arial; } #express-next-faq .answer ul { margin-bottom: 0px; } #express-next-faq .answer li { font-size: 0.857em; font-family: "exp-regular", Arial; } #express-next-faq .show-answer { display: block; } /* --- ExpressNEXT FAQ: End ---*/ /* --- ExpressNEXT email / loyalty ID reminder: Start --- */ #express-next-loyalty-email-reminder { background-color: black; padding: 10px; } #express-next-loyalty-email-reminder .title-area { padding: 0px; } #express-next-loyalty-email-reminder h3 { float: left; color: white; text-transform: uppercase; } #express-next-loyalty-email-reminder h4 { font-size: 18px; margin-bottom: 10px; text-transform: uppercase; } #express-next-loyalty-email-reminder .back-area { float: left; padding-bottom: 10px; } #express-next-loyalty-email-reminder .back-link::before { content: ""; background: url('../images/icon-sprite.png') -480px -548px no-repeat; width: 10px; height: 14px; display: inline-block; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); margin-right: 5px; margin-bottom: -2px; } #express-next-loyalty-email-reminder .back-link { color: white; text-decoration-line: initial; } #express-next-loyalty-email-reminder .feedback-area { background-color: white; padding: 20px; } #express-next-loyalty-email-reminder .form-area { background-color: white; padding: 20px; } #express-next-loyalty-email-reminder .form-text { margin-bottom: 10px; } #express-next-loyalty-email-reminder .loyalty-button { margin-top: 10px; margin-left: 0px; background-color: #3995AE; color: white; } #express-next-loyalty-email-reminder.modal-size { width: 425px; border: 1px; border-style: solid; border-color: rgb(134, 134, 134); } #express-next-loyalty-email-reminder.reveal-modal .row { margin-bottom: 0px; } @media only screen and (max-width: 767px) { #express-next-loyalty-email-reminder .cta { margin-bottom: 0px; } } /* --- ExpressNEXT email / loyalty ID reminder: End --- */ /* --- Employee Login: Start --- */ #employee-login-forms-area { max-width: 700px; margin-left: auto; margin-right: auto; } #employee-login-forms-area .hide-form { display: none; } #account #content #employee-login-forms-area .hide-button { display: none; } #employee-login-forms-area .loading-spinner { margin-bottom: -12px; } #employee-login-forms-area .boxed-effect { background: #fff; border: 1px solid #d4d4d4; padding: 40px 30px 17px; margin-bottom: 10px; } #employee-login-forms-area .instructions { margin-bottom: 10px; } #employee-login-forms-area .policy-terms-section { font-size: 10px; } #employee-login-forms-area .field-group { margin-bottom: 10px; } #employee-login-forms-area .label-with-tip-link { display: inline-block; } #employee-login-forms-area .tip-link { display: inline-block; padding-left: 20px; font-size: 12px; } #employee-login-forms-area .tooltip-icon-grey { position: relative; float: right; margin-top: -3px; margin-bottom: -30px; } #employee-login-forms-area .right-aligned { float: right; } #employee-login-forms-area h3 { padding-bottom: 10px; } #employee-login-forms-area input[type="checkbox"] { margin-top: 0px; } #employee-login-forms-area select { float: none; } #employee-login-forms-area .cta { background-color: black; } #employee-login-content-area { text-align: center; } /* --- Employee Login: End --- */ /* --- Remember Me Info: Start --- */ #remember-me-info { padding: 20px; } #remember-me-info .row { margin-bottom: 10px; } #remember-me-info .reveal-modal .row { margin-bottom: 0px; } /* --- Remember Me Info: End --- */ /* SPECIAL MEDIA QUERIES */ @media only screen and (max-width: 380px) { #account .general-content-gradient .profile-special{ float: none; width: 100% !important; } } @media only screen and (max-width: 767px) and (orientation:landscape) { #account .account-modal{ width: 90%; top: 100px; max-width: 300px; padding: 15px; margin-left: -30%; } } /* ----------------------------------------- IE SPECIFIC ----------------------------------------- */ .ie .my-tabs{ background: url(../images/tab-background.jpg) #3d3d3e top left repeat-x; } /* ------------ IE 9 ------------- */ /* ------------ IE 8 ------------- */ .gt-768.lt-ie9 .registration{ background: url(../images/account-confirmation.jpg) center top no-repeat #FFFFFF; } .gt-768.lt-ie9 .registration.confirmation{ background: url(../images/new-create-account.jpg) center top no-repeat #FFFFFF; } /* ------------ IE 7 ------------- */ .lt-ie8 .fixed-table>.row{ padding-left: 0; } .lt-ie8 .fixed-row .columns.ten{ border:1px solid #d5d5d5; background: #fff; padding: 0; margin: 0; } .lt-ie8 .fixed-row.disclaimer .columns.ten{ background: none; } .lt-ie8 .express-next .fixed-row .columns.ten{ border: none; } .lt-ie8 .floating-form input[type=text], .lt-ie8 .floating-form input[type=password]{ width: 99% !important; } .lt-ie8 #account input.ten{ width: 83% !important; float: left; } .lt-ie8 .floating-form select{ width: 100% !important; } .lt-ie8 #account a.cta{ line-height: 2.7em; } .lt-ie8 #account .general-content select{ width: auto !important; } .lt-ie8 #account .general-content .row{ padding-bottom: 5px !important; } .lt-ie8 #account .general-content .extra-bottom-padding{ padding-bottom: 30px !important; } /* This potentialy cuase problems for IE Side By Side */ .lt-ie8 #account .side-by-side .six{ width: 45% !important; float: left !important; display: block; padding-right: 2%; } .lt-ie8 #account .side-by-side .six select{ width: 100% !important; } .lt-ie8 #account .general-content .saved-gift-cards h4{ display: inline; float: left; } .lt-ie8 #account a.arrow{ display: inline; float: none; clear: right; } .lt-ie8 #account .arrow span{ float: none; display: inline-block; } .lt-ie8 #apply-gift-card-form .columns.three{ padding: 0; margin: 0; width: 23% !important; } .lt-ie8 #apply-gift-card-form input#gift-card-pin{ width: 83.33333% !important; } .lt-ie8 #account .general-content-gradient .profile-special{ width: 24% !important; } .lt-ie8 #account .express-next .general-content-gradient .profile-special.six{ width: 48% !important; } .lt-ie8 #account .general-content-gradient .profile-special.five{ width: 49% !important; } .lt-ie8 #account .general-content-gradient .profile-special.offset-by-one{ margin: 0; } .lt-ie8 #account .review-row .star-poll, .lt-ie8 #account .review-row .helpful, .lt-ie8 #account .review-row .share-icons{ padding-bottom: 10px; } .lt-ie8 #account .review-row .star-poll li, .lt-ie8 #account .review-row .helpful li, .lt-ie8 #account .review-row .share-icons li{ float: left; } .lt-ie8 #account .review-row .nine{ width: 74%; } .lt-ie8 .your-promos .your-promos-list > li{ float: left; } .lt-ie8 .your-promos .box-your-promo ul li{ float: left; } .lt-ie8 .your-promos .box-your-promo{ width: 287px; } .lt-ie8 .your-promos .box-your-promo .promo-content{ width: 287px; } .lt-ie8 .your-promos .box-your-promo > img{ width: 287px; } .lt-ie8 .your-promos .box-your-promo ul li+li a{ margin-left: 3px; padding-left: 3px; border-left: 1px solid; } .lt-ie8 #account .general-content.your-promos .row.no-promos{ padding-bottom: 80px!important; } .lt-ie8 #account .review-recent .columns.three{ width: 24%; } .lt-ie8 #account input[type="text"].two{ width: auto !important; } .lt-ie8 #account .general-content.communication .row.row-border-bottom{ padding-bottom: 30px!important; } .lt-ie8 .fixed-row .communication .columns.ten{ border: none; } .lt-ie8 .communication .row-social .eleven.columns{ width: 80%!important; float: left; } .lt-ie8 #account .express-next .general-content{ background: #000; } .lt-ie8 #account .express-next .my-tabs .tweet-actions li{ float: left; } .lt-ie8 .express-next .fixed-row .my-tabs .columns.ten{ background: #000; } .lt-ie8 #account .purchases-returns .columns.four{ width: 32%; } .lt-ie8 #account .purchases-returns .columns.four .cta{ float: left; display: block; } .lt-ie8 .move-down{ padding-top: 10px; } .lt-ie8 #account .purchases-returns .columns.four .cancel{ float: left; display: block; margin-top: 20px; } .lt-ie8 #flyout-right{ width: 282px; } .lt-ie8 #flyout-right .bar, .lt-ie8 #flyout-right .bar-alist, .lt-ie8 #flyout-right .earn-points li.single-line{ line-height: normal; } .lt-ie8 #flyout-right .earn-points li span{ display: inline-block; } .lt-ie8 #flyout-right .photo-a-list-overlay{ line-height: 21px; } .lt-ie8 #flyout-right .flyout-link{ line-height: normal; } .lt-ie8 #flyout-right .alist-btn{ line-height: 20px; } .lt-ie8 #flyout-right .alist-star{ background-position-y: -1727px; margin-right: 5px; } .lt-ie8 #account .encc .general-content .row .five{ width: 40.66667%; } .lt-ie8 #account .express-next.encc .general-content h3{ border: 0px; display: block; width: 358px; height: 46px; text-indent: -9999px; background: url(../images/icon-account-sprite.png) -72px -296px no-repeat; margin-bottom: 15px; } .lt-ie8 .application-wrapper .card-background{ width: 35% !important; } .lt-ie8 .gift-balance li{ float: left; } .lt-ie8 .application-wrapper input.four { width: 33%; float: none; } .lt-ie8 .application-wrapper ul.no-bullet li { list-style-position: outside; } .lt-ie8 .application-wrapper .row .four{ width: 33%; } .lt-ie8 .application-wrapper .row .eight{ width: 60%; } .lt-ie8 .application-wrapper .row .four span{ width: 20%; } .lt-ie8 .application-wrapper .row .four input, .lt-ie8 .application-wrapper .row .twelve input{ clear: none; } .lt-ie8 .application-wrapper select { clear: none; } .lt-ie8 .application-wrapper input.three { width: 25%; } .lt-ie8 .application-wrapper .bottom-margin{ margin: 0px !important; } .lt-ie8 .application-wrapper .row .twelve span.x-align { clear: none; } /* ------------ 800 x 600 IE 7 ------------- */ .lt-1024.eq-ie7 .fixed-row .seven, .lt-1024.eq-ie7 .fixed-row .five{ width: 100% !important; float: none !important; display: block !important; border: 0; } .lt-1024.eq-ie7 .express-next.registration .floating-form .row{ padding-left: 0; padding-right: 0; } .lt-1024.eq-ie7 #account .no-left-padding{ padding-left: 0; } .lt-1024.eq-ie7 #nav li{ padding: 0; margin: 0; width: 140px !important; } .lt-1024.eq-ie7 #nav li a{ background: none; padding-left: 16px; padding-right: 8px; } .lt-1024.eq-ie7 #nav li a span.nav-icon{ display: none; } .lt-1024.eq-ie7 #nav a.promos span.wl-nav-icon{ display: none; } .lt-1024.eq-ie7 #account .general-content{ min-height: 1px; } .lt-1024.eq-ie7 .encc input[type="text"], .lt-1024.eq-ie7 .encc input[type="password"]{ width: 95%; } .lt-1024.eq-ie7 #account .general-content .three input[type="text"].eleven{ width: 85% !important; } .lt-1024.eq-ie7 #account .general-content .three .cta.eleven{ padding-left: 2px; padding-right: 2px; } .lt-1024.eq-ie7 #account .general-content-gradient .profile-special{ width: 100% !important; } .lt-1024.eq-ie7 #account .express-next .general-content-gradient .profile-special.six{ width: 100% !important; text-align: left; } .lt-1024.eq-ie7 .row .row .four{ width: 31%; } .lt-1024.eq-ie7 #explore{ display: none; } .lt-1024.eq-ie7 #account .express-next .my-tabs h4.tab{ display: block; position: relative; right: auto; left: auto; top: auto; width: 100%; margin: 0; padding: 0; border-top: 1px solid #4E4E4E; background: #000; text-align: left; } .lt-1024.eq-ie7 #account .express-next .my-tabs h4.tab a{ padding: 0; margin: 0; display: block; height: 52px; padding-top: 15px; padding-left: 32px; color: #fff; } .lt-1024.eq-ie7 #account .express-next .my-tabs h4.tab a span{ display: block; background: url("../images/icon-account-sprite.png") 2px -1816px no-repeat; height: 33px; position: absolute; right: 30px; top: 10px; width: 35px; } .lt-1024.eq-ie7 #account .express-next .my-tabs h4.tab.opened a span{ background-position: -30px -1816px; } .lt-1024.eq-ie7 #account .express-next .row.faq{ padding-top: 26px; border-bottom: 1px solid #4E4E4E; border-top: 1px solid #4E4E4E; } .lt-1024.eq-ie7 #account .express-next .my-tabs { padding: 0; } .lt-1024.eq-ie7 #account .express-next .my-tabs .my-tabs-list-chart dl dt{ width: 75%; } .lt-1024.eq-ie7 #account .express-next .my-tabs .my-tabs-list-chart dl dd{ width: 25%; } .lt-1024.eq-ie7 #account .express-next.encc .general-content h3{ border: 0px; display: block; width: 358px; height: 46px; text-indent: -9999px; background: url(../images/icon-account-sprite.png) -73px -363px no-repeat; margin-bottom: 15px; } .lt-1024.eq-ie7 .application-wrapper .card-background{ display: none; } .lt-1024.eq-ie7 .express-cards-fancybox{ display: none; } .lt-1024.eq-ie7 #account .express-next .express-next-benefits li span{ display: block; height: 46px; width: 46px; } a.orders-arrow { display: block; height: 22px; width: 139px; background: transparent url('//www.express.com/cdn/legacy/web/img/backgrounds/orders-arrow.png') no-repeat; padding: 3px 13px; margin: 0px 0 5px 0; text-indent: -10000px; } @media only screen and (max-width : 767px) { th.hide-for-small-history, td.hide-for-small-history { display: none; } } .my-account-tab-content .row.wishlist { margin: 42px 0 10px; } .browse-gallery hr.wishlist{ margin-bottom: 5px; } .discount.wishlist { color: #bb2525 !important; padding-top: 10px; } /* ----------------------------------------- FONT ADJUSTMENTS ----------------------------------------- */ .white{color: #fff !important;} .black{color: #000 !important;} .green{color: #2e9a54 !important;} .gray{color: #575757 !important;} .gray-light{color: #979797 !important;} .gray-dark{color: #878787 !important;} a.gray-light:hover{color: #fff !important;} .gray-button{background: #a4a4a4;} .size-reset{font-size: 14px !important;} .size-normal{font-size: 1em !important;} .size-down-1{font-size: 0.929em !important; line-height: 1.3em !important;} /*13px */ .size-down-2{font-size: 0.857em !important; line-height: 1.3em !important;} /*12px */ .exp-bold{font-family: 'exp-bold',arial !important;} .exp-medium{font-family: 'exp-medium',arial !important;} .exp-regular{font-family: 'exp-regular',arial !important;} .exp-light{font-family: 'exp-light',arial !important;} .accessibility{position: absolute;left: -9999px;top: auto;} .text-align-right{text-align: right;} .no-transform{text-transform: none !important;} .phone-number-link{color: inherit; text-decoration: none; font-family: 'exp-regular', arial !important;} .phone-number-link:hover{color: inherit; text-decoration: none;} /* storelocator.css */ /*======================================== = HTML TAGS STYLES / GOOGLE OVERRIDES = ========================================*/ body.storelocator { font-family: sans-serif; background-color: #fff !important; } html, body.storelocator, body.storelocator h1, body.storelocator h2 { margin: 0; } #map-canvas img, #map-canvas object, #map-canvas embed{ max-width: none; } body.storelocator footer, body.storelocator #minimal{ margin-top: 0; } /*========================================= = DEFAULT HIDDEN = =========================================*/ #my-store-template, #make-my-store-template, #info-window-template-my-store, #info-window-template-make-my-store, #search-result-template-my-store, #search-result-template-make-my-store, #info-window-template-mobile, #cta-my-store-template, #cta-make-my-store-template, #my-store-set-container, .extra-buttons-sidebar, .hours-container{ display: none; } /*========================================= = MAP STYLES = =========================================*/ #map-canvas div { box-sizing: content-box !important; -moz-box-sizing: content-box !important; } /*========================================= = SEARCH BOX AND RESULTS = =========================================*/ #store-locator-sidebar-container { position: relative; z-index: 1; display: block; padding-left: 2.2%; padding-right: 2.2%; } #store-locator-sidebar-container h4 { font-size: 22px; } #store-locator-sidebar { background: white; margin-top: 62px; width: 323px; position: absolute; display: none; -moz-box-shadow: 1px 0px 10px rgba(50, 50, 50, 0.75); -webkit-box-shadow: 1px 0px 10px rgba(50, 50, 50, 0.75); box-shadow: 1px 0px 10px rgba(50, 50, 50, 0.75); } #store-locator-search-container { padding-top: 25px; padding-left: 20px; padding-right: 20px; padding-bottom: 25px; padding-top: 0; display: block; position: relative; float: none; } #results-container { border-top: 1px solid #bfbfbf; padding: 0; } #store-locator-search-result-container { overflow: auto; overflow-x:hidden; display: none; } #store-locator-search-result { width: 100%; } #store-locator-search-field { background: #FFF; } #store-search input[type="submit"] { background: #FFF url("../images/icon-sprite.png") -388px -148px repeat; margin-top: 1px; position: absolute; right: 28px; height: 30px; width: 28px; display: block; top: 0; } #my-store-set-container { background: #000; height: 45px; width: 100%; } #my-store-set-container h3 { float: left; padding-bottom: 5px; padding-top: 10px; } #my-store-set-container span { display: inline-block; } #my-store-set-container h3 span { background: url("../images/icon-sprite.png") -150px -28px no-repeat; height: 19px; margin-right: 10px; position: relative; top: 5px; width: 12px; } #my-store-set-container a { color: #FFF; font-family: 'exp-medium', arial; font-size: 13px; margin-left: 20px; text-decoration: none; } #my-store-set-container a:hover { text-decoration: underline; } #my-store-set-container h3 { font-size: 13px; } #arrow-go-my-store { float: right; width: 20px; } #store-locator-search-field.error-search {border: 1px solid #C81210;} #store-locator-search-field.error-search::-webkit-input-placeholder { color: #c81210; } #store-locator-search-field.error-search::-moz-placeholder { color: #c81210; } #store-locator-search-field.error-search:-moz-placeholder { color: #c81210; } #store-locator-search-field.error-search::-ms-input-placeholder { color: #c81210; } #search-box-container input.error::-webkit-input-placeholder { color: red;} #search-box-container input.error:-moz-placeholder { /* Firefox 18- */ color: red;} #search-box-container input.error::-moz-placeholder { /* Firefox 19+ */ color: red;} #search-box-container input.error:-ms-input-placeholder { color: red; } #store-locator-sidebar.show{ display: block; } .store-locator-wrapper { background: #fff; padding-top: 25px; padding-left: 20px; } #store-locator-search-container form{ padding: 0; margin: 0; width: auto; float: none; clear: right; display: block; } /*========== Result Style ==========*/ .result-container{ display: inline-block; float: none; clear: left; padding-bottom: 20px; width: 100%; font-size: 13px; cursor: pointer; } .result-container.results{ padding-left: 20px; padding-top: 15px; } .result-index{ width: 30px; text-align: right; padding-right: 8px; text-align: center; display: block; float: left; font-size: 21px; font-family: 'exp-regular', arial; color: #ababab; } .result-wrapper { overflow: hidden; } .selected-result { background: #f5f5f5; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; } .columns-profile{ width: 170px; display: block; float: left; } .columns-profile ul{ padding: 0; margin: 0; list-style: none; line-height: 18px; } .name,.hours-title { color: #000; font-family: 'exp-medium', arial; font-size: 13px; } .hours-title { margin-top: 10px; } .distance{ width: 70px; text-align: right; display: block; float: left; font-size: 12px; } .cta-store-locator-wrapper { clear: both; margin-left: 30px; margin-top: 15px; } .cta-store-locator-wrapper a { display: block; font-family: 'exp-medium', arial; font-size: 13px; margin: 0 0 10px 0 !important; max-width: 230px; text-align: center; } .cta-store-locator-wrapper a span { background: url("../images/icon-account-sprite.png") -2px -1787px no-repeat; display: inline-block; height: 15px; margin-right: 3px; width: 22px; } .cta-my-store { background: #3794AC; } .cta-my-store:focus { color: #FFF; } .cta-my-store span { background: url("../images/icon-account-sprite.png") -2px -1787px no-repeat; display: inline-block; height: 14px; margin-right: 3px; width: 22px; } .cta-make-my-store { background: #a4a4a4; } .cta-store-locator-inactive, .cta-store-locator-inactive:hover { background: #FFF; color: #3794AC !important; } /*============================================ = STORELOCATOR CLASSES = ============================================*/ .info-window-container { color: #000; font-family: 'exp-regular', arial; line-height: 1.428; } .info-window-container .get-directions { color: #3794AC; } .info-window-left-content { white-space: no-wrap; } .info-window-left-content div, .info-window-left-content .get-directions { font-size: 12px; } .info-window-left-content ul { list-style: none; } .info-window-left-content .name, .info-window-left-content .hours-title { color: #000; font-family: 'exp-medium', arial; font-size: 13px; } .cta-info-window { color: #fff; display: block; font-family: 'exp-medium', arial; font-size: 13px; margin-top: 10px; padding: 10px; text-align: center; text-decoration: none; text-transform: uppercase; } .cta-info-window:hover { color: #fff; text-decoration: underline; } .marker-label { color: #FFF; font-size: 12px; font-family: 'exp-bold', arial; text-align: center; width: 20px; white-space: nowrap; } .marker-label-ol { color: #282222; font-size: 12px; font-family: 'exp-bold', arial; text-align: center; width: 20px; white-space: nowrap; } /*====================================== = Mobile version = ======================================*/ @media only screen and (max-width: 767px) { #store-locator-sidebar-container { position: relative; z-index: 1; display: block; padding-left: 0%; padding-right: 0%; } #store-locator-sidebar { background: white; margin: auto; margin-top: 8px; left: 10px; width: 95%; min-height: 1px; position: absolute; display: none; -moz-box-shadow: 1px 0px 10px rgba(50, 50, 50, 0.75); -webkit-box-shadow: 1px 0px 10px rgba(50, 50, 50, 0.75); box-shadow: 1px 0px 10px rgba(50, 50, 50, 0.75); } #store-locator-search-result-message { border-top: 1px solid #bfbfbf; padding: 6px; } #store-locator-search-container { padding: 0; } #store-locator-search-result-container { display: none !important; } .store-locator-wrapper{ display: none; } #store-locator-search-result{ display: none; } #store-search input{ border: 0px; height: 38px; } #store-search input[type="submit"] { right: 8px; } #info-window-template-mobile{ display: none; padding-top: 10px; padding-bottom: 20px; width: 100%; position: absolute; bottom: 0px; z-index: 1000; background: #fff; border-top: 1px solid #d0d0d0; } .hours-container { margin: 0; padding: 0; padding-top: 5px; display: block; } .hours-container li{ margin: 0px; padding: 0px; line-height: 16px; } .result-index{ float: left; width: 10%; padding-left: 1%; padding-right: 1%; text-align: center; display: block; } .info-window-left-content{ width: 65%; float: left; display: block; position: relative; padding-bottom: 5px; } .info-window-left-content div, .info-window-left-content ul li{ font-size: 13px; } .action-items{ position: absolute; top: 0px; right: 0px; display: block; position: relative; } .action-items ul{ padding: 0; margin: 0; margin-right: 10px; list-style: none; } #info-window-template-mobile .close{ width: 15px; height: 15px; display: block; background: url("../images/icon-account-sprite.png") -400px 0 no-repeat; text-indent: -99999px; position: absolute; right: 10px; overflow: hidden; } #info-window-template-mobile .directions{ width: 38px; height: 38px; display: block; background: url("../images/icon-account-sprite.png") -420px 0 no-repeat; text-indent: -99999px; position: absolute; right: 10px; top: 25px; overflow: hidden; } #info-window-template-mobile .feedback{ width: 38px; height: 38px; display: block; background: url("../images/icon-account-sprite.png") -460px 0 no-repeat; text-indent: -99999px; position: absolute; right: 10px; top: 25px; overflow: hidden; } #info-window-template-mobile a.links{ position: absolute; right: 10px; top: 75px; color: #777777; font-family: 'exp-medium', arial; font-size: 10px !important; text-transform: uppercase; letter-spacing: -.5px; } #info-window-template-mobile a.links.active{ color: #3794ac; text-decoration: none; } #info-window-template-mobile a.links.active span{ width: 15px; height: 15px; display: inline-block; margin-right: 4px; margin-top: 5px; background: url("../images/icon-account-sprite.png") -400px -22px no-repeat; } #my-store-set-container{ display: none !important; } } /*========================================= = IE Specific = =========================================*/ .lt-ie9 #search-box-container input.error{ color: red; } .lt-ie9 #store-locator-sidebar{ border: 1px solid #bfbfbf; } .lt-ie9 #results-container .cta-store-locator-wrapper { width: 230px; } .lt-ie9 #store-locator-search-result ul li { font-size: 13px; } .lt-1024.lt-ie8 #store-search input[type="text"] { width: 80%; } .lt-1024.lt-ie8 #store-search input[type="submit"] { top: 8px; } .lt-ie8 #search-box-container input[type="text"] { width: 93%; } .lt-ie8 #search-box-container input[type="submit"] { top: 15px; } .lt-ie8 #results-container .cta { padding-bottom: 8px; }/* store-feedback.css */ #store-feedback.reveal-modale{ width: 540px; } #store-feedback{ padding-top: 40px; padding-bottom: 40px; } #store-feedback h2{ margin: 0 0 0 0; padding: 0; border: none; font-size: 22px; } #store-feedback p { color: #575757; font-family: 'exp-regular', arial; font-size: 13px; } #store-feedback > .row, #store-feedback > form > .row{ padding-left: 30px; padding-right: 30px; } #store-feedback > .row, #store-feedback > form label{ font-family: 'exp-regular', arial; font-size: 13px; } #store-feedback > .row, #store-feedback > form label{ line-height: 17px; } #store-feedback > .row, #store-feedback > form label.short-text{ line-height: 35px; } #store-feedback > form input[type='submit']{ background: #000; font-size: 14px; padding-left: 0; padding-right: 0; width: 100%; } #store-feedback textarea{ resize: vertical; color: #ccc; } #store-feedback textarea.focused{ color: #000; } #store-feedback .cancel-store-feedback { color: #3794ac; font-family: 'exp-medium', arial; font-size: 14px; } #store-feedback .buttons .two{ line-height: 40px; padding-left: 10px; } #store-feedback .witherror{ text-align: right; padding: 5px; } #store-feedback .buttons a{ text-decoration: underline; } #store-feedback .store-banner{ position: relative; margin-bottom: 20px; } #store-feedback .store-banner img{ width: 100%; } #store-feedback .store-banner ul{ position: absolute; top: 50%; margin-top: -50px; left: 30px; } #store-feedback .store-banner ul li{ color: #FFF; font-family: 'exp-medium', arial; font-size: 18px; } #store-feedback .witherror{ margin-top: -10px; } #store-feedback .stars-list-wrapper + .witherror{ margin-top: 0px; } /*IE FIXES*/ .lt-ie8 .six.stars-list-wrapper ul{ width: 96%; } .lt-ie8 .witherror small{ padding-right: 10px; } .lt-ie8 #store-feedback input[type="text"]{ padding: 6px; height: 20px; } .lt-ie8 #store-feedback .date-row .four.columns{ width: 30%!important; } .lt-ie8 #store-feedback .date-row .short-text{ line-height: 25px; } .lt-ie8 #store-feedback textarea{ max-width: 96%; } /* trigger hasLayout in IE */ .stars-list-wrapper > ul, .stars-list-wrapper > ul > li {zoom: 1;} .stars-list-wrapper ul.stars-list{ font-size: 0 !important; /* remove physical spaces between items */ text-align: justify; text-justify: distribute-all-lines; /* distribute items in IE */ list-style-type: none; margin: 0 !important; padding: 0 !important; } .stars-list-wrapper ul:after{ content: ""; display: inline-block; width: 100%; } ul.stars-list{ list-style: none; } ul.stars-list > li{ text-align: left; /* customize to suit */ vertical-align: top; /* can customize to suit */ display: inline-block; line-height: normal; } ul.stars-list li a{ display: block; height: 29px; width: 29px; background: url(/images/icon-account-sprite.png) no-repeat 0px -1871px; } ul.stars-list li.hover a,ul.stars-list li.selected a{ background: url(/images/icon-account-sprite.png) no-repeat -31px -1871px; } *+html .stars-list-wrapper > ul > li {display: inline;} * html .stars-list-wrapper > ul > li {display: inline;} @media only screen and (max-width:767px){ #store-feedback .store-banner ul{ line-height: 1.3em; margin-top: -35px; } #store-feedback .witherror{ text-align: left; clear: both; margin-top: 0; } #store-feedback .date-row .four, .date-row .two.end{ float: left; } #store-feedback .date-row .four.columns{ width: 40%!important; margin-right: 6px; } #store-feedback .date-row .two.columns{ width: 33%!important; } #store-feedback > .row, #store-feedback > form label.short-text{ line-height: normal; } #store-feedback > form .row{ margin-bottom: 10px; } #store-feedback .buttons .two{ line-height: 40px; text-align: center; padding-left: 0; } #store-feedback h2{ margin-bottom:10px; } #store-feedback > .row, #store-feedback > form > .row{ padding-left: 10px; padding-right: 10px; } #store-feedback .stars-list-wrapper ul.stars-list{ text-align: left; } #store-feedback .stars-list-wrapper ul.stars-list li{ margin-right: 15px; } } /*Fixes for screen.css*/ #cat-sizechart-content { width: auto; } #cat-sizechart-top {height: 0px;} #cat-sizechart-top, #cat-sizechart-body, #cat-sizechart-bottom { background: none transparent !important; } #cat-sizechart { width: auto; } a.widget-sizechart-but-close:link, a.widget-sizechart-but-close:visited, a.widget-sizechart-but-close:hover, a.widget-sizechart-but-close:active { right: 16px; top: 16px; color: #666; font: 10px Arial; } #PDPsizing * { font-family:Arial, sans-serif; } #PDPsizing a {cursor: pointer;} #PDPsizing { width: 100%; background-color: #eee; border: 10px solid #333333; padding: 5px; } #closelink { height: 20px; text-align:right; font-size: 10px; visibility: hidden; } #closelink a { color: #000; } #forHimHerToggle { height: 15px; border: 1px solid #bbb; background-color: #fff; padding: 5px 2px; } #PDPsizing .fleft {float: left;} #PDPsizing .fright {float: right;} #PDPsizing table {border-collapse:collapse;} #forHimHerToggle .fright, #forHimHerToggle .fright a { color: #929292; text-decoration: none; font-size: 16px; line-height: 12px; } #forHimHerToggle .fright a {font-size: 14px; padding: 0 3px;} #forHimHerToggle .fright a.selected {color:#000; font-weight: bold;} #forHimHerToggle .fleft{ display: inline-block; height: 20px; width: 180px; text-indent: -9999px; background: url("/cdn/assets/cms/sizechart/sizinglogo.png") no-repeat scroll 0 -2px transparent; } #sizingContent { border: 1px solid #bbb; padding: 5px; margin-top: 5px; background-color: #fff; } .tabsholder { list-style:none; padding: 0; margin: 0; height: 36px; } .tabsholder div { display:inline-block; zoom:1; /* IE Hack */ *display:inline; /* IE Hack */ background-color: #eee; border: 1px solid #000; border-radius: 5px 5px 0 0 !important; -moz-border-radius: 5px 5px 0 0 !important; -webkit-border-radius: 5px 5px 0 0 !important; overflow: hidden; position: relative; } .tabsholder div a { color: #666 !important; display: inline-block; font-size: 10px; font-weight: bold; padding-top: 10px; padding: 10px; text-align: center; text-transform: uppercase; text-decoration: none; } .tabsholder div a:hover { text-decoration: none; color: #000 !important; } .tabsholder div.selected { background-color: #FFF; border-bottom: 1px solid #FFF; /*This is so that it appears not to have a lower border. DO NOT use 0px */ position: relative; top: 1px; height: 34px; } .tabsholder div.unselected { height: 34px; } #forHerInnerContent, #forHimInnerContent { padding: 10px; border: 1px solid #000; margin-top: -1px; display: block; } #PDPsizing h3 { color:#000; text-transform:uppercase; margin-top: 0; padding: 0; font-size: 14px; } #PDPsizing h4 { color:#000; margin-bottom: 2px; font-size: 14px; } .sizingTable { margin-bottom:10px; } .sizingTable.fullw { width: 100%; } .sizingTable td, .sizingTable th { text-align:center; font-size: 10px; font-weight:bold; } .sizingTable th { text-transform:uppercase; } .sizingTable tbody tr.odd td, .sizingTable tbody tr td.odd {background-color: #ccc;} .sizingTable tbody tr.even td, .sizingTable tbody tr td.even {background-color: #fff;} table.alternatecolumns {margin: 5px 0;} table.alternatecolumns td {border: 1px solid #999; padding: 2px 5px;} table.alternatecolumns td:nth-child(odd) {background-color: #ccc;} table.alternatecolumns td:nth-child(even) {background-color: #fff;} .sizingTable thead th { vertical-align: bottom; } .sizingTable tbody td { vertical-align:middle; height: 25px; border: 1px solid #999; padding: 0 5px; } .sizingTable.twocol td, .sizingTable.threecol td{width: 80px;} #cat-sizechart-body .content, #forHerContent, #forHimContent { display:none; font-size:12px; } .sizingTable+h3 { margin-top: 20px; } .footnote { font-size: 10px; } table.measureTips { font-size: 11px; color: #666; } table.measureTips h3, h3.nomargin {margin-bottom: 0px;} .fullw.twocol td:first-child { padding-right: 20px; } .modal-content {padding: 0 !important;} @media only screen and (max-width: 767px) { .tabsholder div a {font-size: 8px;} #forHimHerToggle .fleft {display: none !important;} #forHerInnerContent, #forHimInnerContent {padding: 5px;} table thead tr th, table tfoot tr td { padding: 8px 3px 8px;} th.show-for-small, td.show-for-small { display: table-cell !important; } th span.hide-for-small, td span.hide-for-small { display: none !important; } th span.show-for-small, td span.show-for-small { display: block !important; } .tabsholder div a span.show-for-medium, .tabsholder div a span.hide-for-small{ display: none !important; } .tabsholder div a span.show-for-small{ display: block !important; } } @media only screen and (min-width: 768px) { th.show-for-medium, td.show-for-medium { display: table-cell !important; } th span.show-for-medium, th span.hide-for-small, td span.hide-for-small{ display: block !important; } th span.show-for-small, td span.show-for-small { display: none !important; } .tabsholder div a span.show-for-medium, .tabsholder div a span.hide-for-small{ display: block !important; } .tabsholder div a span.show-for-small{ display: none !important; } }