.fullsite {display:none; font-size: 1.250em; text-align:left; padding: 10px; position:absolute; top:30px; width:50%; z-index:99999;} .smallest {font-size:.9em;} .smaller {font-size:.9em;} .larger {font-size:1.1em;} .largest {font-size:1.2em;} .bold {font-weight: normal; font-family: "Futura W01 Heavy" } .noBold {font-weight: normal; font-family: "Futura W01 Book" } .red {color:#2a2756;} /* red is now purple */ .green {color:#390;} .vtop {vertical-align:top;} .breakforprint {page-break-after:always;} .round {border-radius: 3px 3px 3px 3px;} span.icomoon {font-family: 'icomoon'; color: black; font-size: 12px; vertical-align: top;} /* Start Up Styles */ .bdr {border:1px solid #c7c7c7;} .bdrtop {border-top:1px solid #c7c7c7;} .bdrright {border-right:1px solid #c7c7c7;} .bdrbottom {border-bottom:1px solid #c7c7c7;} .bdrleft {border-left:1px solid #c7c7c7;} .imgLabel {background-repeat:no-repeat; background-position:0 0; text-indent:-9999em;} .sale {color:#2a2756; font-weight:bold;} .regular {color:#000; font-weight:bold;} .verticalalign {position: relative;} .close-lt {background: url(/cms/images/close-lt.png) no-repeat; width: 27px; height: 27px;} .hdrLogo svg {fill: black; transition: fill .3s ease-in-out; height: 30px;} svg.cart { width: 13px; height: 12px; } /* Site Defaults */ .hdng {margin:0 0 .8em 0; font-size: 0.875em; font-weight:normal; color:#3a3a3a; text-transform:uppercase;} .hdng2 {margin:0; font-size: 1.2em; font-weight:normal; color:#3a3a3a;} .hdng3 {margin:0 0 2px 0; font-size: 0.875em; font-weight:normal; color:#3a3a3a; text-transform:uppercase;} h1.hdng3 {font-family: 'Futura W01 Light',Arial, sans-serif; text-align: center; margin:10px 0 10px 0; font-weight:normal; text-transform:uppercase;} .padS15 h1.hdng3 {text-align: left; margin:0; font-size: 1.375em; font-weight:normal; color:#272324; text-transform:uppercase;} .railLeft .mainRail h1.hdng3 {text-align: left; margin:0; font-size: 1.375em; font-weight:normal; color:#272324; text-transform:uppercase;} .hdng4 {margin:0 0 2px 0; font-size:1em; font-weight:normal; color:#3a3a3a; text-transform:uppercase;} .hdng5 {margin:0; font-size: 3.438em; font-weight:normal; color:#272324; text-transform:uppercase;} .imghdng {margin:5px 0; background-position:0 0; background-repeat:no-repeat; text-indent:-9999em;} .hdngbox {margin:0; padding:3px 10px; font-size: 1em; font-weight:bold; color:#fff; background-color:#999;} .btnWrapper {display:inline-block; padding:1px; border: 1px solid #D8D8D8; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 0; border-radius: 0;} .btn, .btn:link, .btn:visited {display:inline-block; margin:0; padding:0 15px 2px 15px; text-transform:uppercase; color:#000; background:#fff; border: 0 none; text-align:center; text-decoration:none; cursor: pointer; font-family:'Futura W01 Book', Arial, sans-serif; font-weight: normal; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 0; border-radius: 0;} .btnWrapper .btn:hover {background-position:0 -24px;} .btnWrapper .btn {font-size: 0.750em;} .btnWrapper2 {display:inline-block; padding:1px; border:0; min-height: 1px; -webkit-border-radius: 0; border-radius: 0;} .btnWrapper2 .btn {padding: 7px 16px 9px 16px; color: #fff; background: #000; } .btnWrapper2 a.btn .btnWrapper2 a.btn:link, .btnWrapper2 a.btn:visited {padding: 7px 16px 9px 16px; color: #fff; background: #000; } .btnWrapper2.hide {display: none;} .btnWrapper3 {display:inline-block; padding:1px; border:0; min-height: 1px;} .btnWrapper3 .btn {padding: 0 15px 2px 15px; color: #888888; background: url(/cms/images/buttons/btn3.gif) repeat-x 0 0;border: 1px solid #8a8a8a;-webkit-border-radius: 3px; border-radius: 3px;} .btnSilver {border: 1px solid #D8D8D8; padding: 1px 0;} .btnSilver .btn {color:#000; background: #fff; } input.btn.btnPink {background: #cf409a; } .btnAddToCart {background-color:#005e8f;} .btnAddToCart .btn{width:112px; padding:1px 2px; font-size: 1em; font-weight:normal; color:#fff; background-color:#407abc; border:1px solid #97b3cd; text-align:center; text-decoration:none; cursor:pointer;} .btnAddToCart .btn:hover {color:#fff; border:1px solid #97b3cd;} span.icons { float: right; display:none; } span.icons a { margin-left: 10px; } .btnUpdateCart {background-color:#999;} .btnUpdateCart .btn{width:112px; padding:5px 2px; font-size: 1em; font-weight:normal; color:#000; background-color:#D2D2D2; border:1px solid #fff; text-align:center; text-decoration:none; cursor:pointer;} .btnUpdateCart .btn:hover {color:#000; border:1px solid #fff;} .btnProceedCheckout {background-color:#005e8f;} .btnProceedCheckout .btn{width:112px; padding:3px 2px; font-size: 1em; font-weight:normal; color:#fff; background-color:#407abc; border:1px solid #97b3cd; text-align:center; text-decoration:none; cursor:pointer;} .btnProceedCheckout .btn:hover {color:#fff; border:1px solid #97b3cd;} .btnContinueShopping {background-color:#005e8f;} .btnContinueShopping .btn{width:172px; padding:3px 2px; font-size: 1em; font-weight:normal; color:#fff; background-color:#407abc; border:1px solid #97b3cd; text-align:center; text-decoration:none; cursor:pointer;} .btnContinueShopping .btn:hover {color:#fff; border:1px solid #97b3cd;} .xLargeBtn, .xLargeBtn:link, .xLargeBtn:visited {background: #fff none repeat scroll 0 0;border: 0 none;color: #000;display: inline-block;font-family: "Futura W01 Book";font-size: 20px;margin-bottom: 2px;padding: 20px 5px;text-align: center;text-decoration: none;text-transform: uppercase;width: 270px;} .hr {display:block; clear:both; line-height:0; height:0; margin:0; padding:0; overflow:hidden; font-size:.01em; border-bottom:1px solid #6c90b9;} .hr hr {display:none;} .hr2 {display:block; clear:both; line-height:0; height:0; margin:0 0 7px 0; padding:0; overflow:hidden; font-size:.01em; border-bottom:4px solid #c8d9e1;} .hr2 hr {display:none;} .hline {display:block; clear:both; line-height:0; height:2px; margin:7px 0 20px; padding:0; overflow:hidden; font-size:.01em; border-top: 1px solid #dbdbdb;} /* text field styles */ .text {padding:2px; border:1px solid #000;} span.text {padding:0;border-style:none;background:none;} .truncateLink {display:inline; margin-left:7px;} .truncateLink a, .truncateLink a:link, .truncateLink a:visited {display:inline;} /* Error Markers */ .fieldlbl {padding:4px 2px 0 0; text-align:right;} .field {padding-left:2px;} .fieldpad {padding-bottom:2px;} .fieldtext {color:#000000;} .fielderror {color:#cc0000;} .fieldnorm {width:16px; height:20px;} .fieldreq {width:16px; height:20px; background:transparent url(/cms/images/global/field-req.gif) no-repeat center right;} .fieldred {width:16px; height:20px; background:transparent url(/cms/images/global/field-error.gif) no-repeat center right;} /* Admin Edit */ .content {border:1px dashed #2b4487; padding:1px; margin:1px 1px 1px 1px;} .contentregion {background:#b8cde7; color: #2b4487; border:1px solid #2b4487; padding:2px; margin:1px 0 1px 0;} .contentheader {background:#dddddd; color:#000000; border:1px solid #2b4487; padding:2px; margin:1px 0 1px 0px; text-align:right;} .contentedit {background:#f2faff; color:#000000; border:1px solid #2b4487; padding:2px;} .adminbtn {font-size: 0.75em; font-weight:bold; color:#000000; background:#112848 url(/cms/images/btn.gif) repeat-x top left; border:1px solid #a5b9c8; padding:2px; text-decoration:none; cursor:pointer;} .contentbottom {background: #dddddd; color: #000000; border: 1px solid #2b4487; padding: 2px; margin:1px 0 1px 0;} .contentsettings {background:#ffffff; color:#000000; border:1px solid #2b4487; padding:2px;} /* interior styles */ .pageHeading .hdng {float:left; display:inline; width:340px;} .pageTools {float:right; display:inline; width:410px; padding:5px 0 0 0; text-align:right;} .pageTools a, .pagetools a:link, .pagetools a:visited {float:right; display:inline; height:14px; margin:2px 0 0 10px; padding-left:18px; font-size: 0.563em; font-weight:bold; text-decoration:none; cursor:pointer;} .pageTools a:hover, .pagetools a:active {text-decoration:underline;} .pageTools a.recent, .pageTools a.recent:link, .pageTools a.recent:visited {margin-left:-3px; background:url(/cms/images/layout/icon_recent.gif) no-repeat 0 0;} .pageTools a.print, .pageTools a.print:link, .pageTools a.print:visited {background:url(/cms/images/layout/icon_print.gif) no-repeat 0 0;} .pageTools a.email, .pageTools a.email:link, .pageTools a.email:visited {background:url(/cms/images/layout/icon_email.gif) no-repeat 0 0;} .pageTools a.bookmark, .pageTools a.bookmark:link, .pageTools a.bookmark:visited {margin-top:0; padding:0;} .pageControl {float:right; text-align:right; color:#b0b0b0;} .pageControl a, .pageControl a:link, .pageControl a:visited {text-decoration:none;} .pageControl a:hover, .pageControl a:active {text-decoration:underline;} .pageControl a.prev, .pageControl a.prev:link, .pageControl a.prev:visited {margin:0 5px 0 0; padding-left:10px; background:url(/cms/images/layout/arrow_left_blue.gif) no-repeat 0 4px;} .pageControl a.next, .pageControl a.next:link, .pageControl a.next:visited {margin:0 0 0 5px; padding-right:10px; background:url(/cms/images/layout/arrow_right_blue.gif) no-repeat 100% 4px;} .deptImage {margin-bottom:7px;} a.trigger-overlay {text-decoration: none !important; font-weight: normal; font-family: "Futura W01 Heavy"; color: #5A3662;} .ratingSelection .hover-text {margin-left:5px;} .reviewsWrapper dl.forms {background:url(/cms/images/layout/forms_bg.gif) repeat-y 127px 0;} html:abbr, abbr {border: none;} #mainAltViews, #qvAltViews {max-width: 365px;} #mainAltViews {display: inline-block;} #qvAltViews {display: block;} #mainAltViews .slick-prev {background: url(/assets/1/15/arrowLeft-trans.png) no-repeat; background-size: 50%; left: 0; top: 30px; z-index: 2;} #mainAltViews .slick-next {background: url(/assets/1/15/arrowRight-trans.png) no-repeat; background-size: 50%; right: -10px; top: 30px; z-index: 2;} #qvAltViews .slick-prev {background: url(/assets/1/15/arrowLeft-trans.png) no-repeat; background-size: 50%; left: -10px; top: 30px; z-index: 2;} #qvAltViews .slick-next {background: url(/assets/1/15/arrowRight-trans.png) no-repeat; background-size: 50%; right: -10px; top: 30px; z-index: 2;} /* PLP banners */ .itemList.catView {margin: 10px auto 30px;} .itemList .last {margin-right:0;} .deptList {margin-bottom: 20px;} .deptList .itemWrapper .itemTitle {font-size: 1.125em !important; text-decoration: none; text-align: center;} .plpSort .inner .advFilter {margin: 0; float: right;} .plpSort .advFilter .advFilter-display, .plpSort .advFilter .advFilter-display:link, .plpSort .advFilter .advFilter-display:visited {text-transform: none; font-size: 10px; letter-spacing: .12em; line-height: 20px;} .advCompare {position: relative; display: inline-block; z-index: 10; margin: 0 5px 0 0; width: 75px;} .advCompare-display {font-size: 10px; display: table-cell; vertical-align: middle; width: 110px; height: 36px; padding: 0 0 0 4px; color: #3a3a3a; text-decoration: none; text-transform: uppercase; box-sizing: border-box; letter-spacing: .12em; background: url(/cms/images/filter-arrow.png) no-repeat right center; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8;} .advCompare-menu {position: absolute; left: -9999em; top: 34px; background: #fff; border: 1px solid #D8D8D8; padding: 0 0 10px 0; max-height: 300px;} .advCompare-content {max-height: 300px;} .advCompare-content ul {list-style: none; padding-left: 0; width: 100%;} .advCompare ul {margin:10px 0 0; padding:0 0 0 10px; list-style-type:none; list-style-image:none;} .advCompare.active .advCompare-menu {display: block; left: 0; width: 100% !important;} .advCompare.active ul {display: block;} .advCompare .jspContainer {min-height: 55px;} .advCompare ul {margin:0; padding:0px 0px 0 10px; box-sizing: border-box; list-style-type:none; list-style-image:none; text-align: left;} .advCompare li {padding:4px 0 0 0; margin:0;} .advCompare li label {font-size: 9px; letter-spacing: .08em;} .advCompare li.selectAll {margin:0 0 4px 0; padding:5px 2px; background:#C2C4C3;} .advCompare ul input {margin-top:0;} .advCompare ul input[type="checkbox"] {display:none;} .advCompare ul input[type="checkbox"] + label, .advCompare ul input[type="checkbox"] + img + label { display:inline-block; min-height: 10px; margin:-1px 4px 0 0px; vertical-align:middle; background:url(/cms/images/layout/filters-checkbox_off.gif) left 1px no-repeat; cursor:pointer; padding-left: 18px; line-height: 12px; text-transform: uppercase; max-width: 80px; } .advCompare ul input[type="checkbox"] + label.icon { display:inline-block; width: auto; height:auto; margin:0; vertical-align:middle; background:none no-repeat; cursor:pointer; text-indent: 16px; line-height: 10px; text-transform: uppercase; } .advCompare ul input[type="checkbox"]:checked + label, .advCompare ul input[type="checkbox"]:checked + img + label { background:url(/cms/images/layout/filters-checkbox_on.gif) left 1px no-repeat; } #sort_Select { font-size: 10px; line-height: 36px; height: 36px; display: inline-block; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; background: url(/cms/images/filter-arrow.png) no-repeat right center; font-family: 'Futura W01 Book'; -webkit-appearance: none; -moz-appearance: none; text-indent: 5px; border-left: 0; border-right: 0; letter-spacing: .12em; text-transform: uppercase; } .advCompare ul label.icon {padding-left:23px; background-repeat:no-repeat; background-position:0 1px; white-space:nowrap;} .advCompare .jspVerticalBar {width: 14px; padding: 0 3px; box-sizing: border-box; border-left: 1px solid #f8f8f8;} .advCompare .jspHorizontalBar {display: none;} .itemRow.deptList .itemWrapper .itemTitle {padding-top: 30px;} .banner1x1.itemWrapper3Up, .banner1x2.itemWrapper3Up {width: 312px !important; max-height: 527px;} .banner2x1.itemWrapper3Up, .banner2x2.itemWrapper3Up {width: 643px !important; max-height: 1034px;} .largeBanner.itemWrapper3Up {width: 978px !important; display: block; clear: both;} .banner1x1.itemWrapper4Up, .banner1x2.itemWrapper4Up {width: 229px !important; max-height: 408px;} .banner2x1.itemWrapper4Up, .banner2x2.itemWrapper4Up {width: 478px !important; max-height: 816px;} .largeBanner.itemWrapper4Up {width: 978px !important; display: block; clear: both;} .inlinePLPBanner {display: block;} .itemWrapper-banner {min-height: auto; float: none; margin-bottom: 0 !important;} .bannerLeft {float: left !important;} .bannerRight {float: right !important;} .itemWrapper.itemWrapper-banner.singleSize {display: block;} .itemWrapper.itemWrapper-banner.spacer {display: none !important;} .departmentList .itemTitle {text-align:center;} .catView {margin-left:1px;} .mainImage {display:block; margin:0 auto; cursor:pointer;} .flexslider .mainImage {margin: auto;} #zoomerFrame {width: 100%; height: 100%; border: none; position: fixed;} .pageHdr {position: relative;} .pageHdr .catBanner {padding-top: 17px; width: 100%; position: relative; text-align: center;} .relatedItems {padding:5px 0 0 0;} .relatedItems .itemRow {width:300px; margin:0 auto; padding:10px 0 0 0;} .searchView {margin-bottom:20px;} .searchView .itemWrapper {width:239px;} .searchView .itemWrapper .itemImage {height:270px;} .itemContent .itemSwatches {margin: 5px 0 0 0;} .itemSwatches {width:65px;} .catView .itemSwatches {width: auto; text-align: center;} .itemSwatches .imgLabel {float:left; display:inline; margin-right:10px;} .itemSwatches a.showHideSwatches {display: none; font-size: 10px; letter-spacing: .1em; color: #9b9a9b; text-transform: uppercase; cursor: pointer; text-decoration: none; margin-top: 10px;} ul.swatchList {margin: 0 auto; width: 216px;} ul.swatchList li {float:left; display:inline; margin:0 2px 0 0;} ul.swatchList .swatchAlt {display:none;white-space:pre;} ul.swatchList .swatchRollover {display:none;} /* PLP swatches */ .itemList .itemContent .itemSwatches {margin: 5px 0 0;} .itemList ul.swatchList li {float:none; display:inline; margin:0 3px;} .itemList ul.swatchList li a {font-size:0.1em;} .itemList ul.swatchList li img {width: 30px; max-height: 18px; margin: 0 0 6px 0;} .itemRow .itemWrapper .itemContent ul.swatchList li {float:none;} ul.textLink {margin:0; padding:0; list-style-type:none;} ul.textLink li {float:left; display:inline; margin:0 5px 0 0;} ul.textLink li a, ul.textLink li a:link, ul.textLink li a:visited {display:block; width:18px; height:13px; border:1px solid #cccccc; overflow:hidden;} ul.textLink li a:hover, ul.textLink li a:active {border-color:#000;} ul.textLink li a.active, ul.textLink li a.active:link, ul.textLink li a.active:visited {border-color:#000;} .enlargeSwatch {display:none;} /* global */ #cluetip-close img {border: 0;} #cluetip-title { overflow: hidden;} #cluetip-title #cluetip-close {float: right; position: relative;} #cluetip-waitimage { width: 43px; height: 11px; position: absolute;} .cluetip-arrows { display: none; position: absolute; top: 0; left: -11px; height: 22px; width: 11px; background-repeat: no-repeat; background-position: 0 0;} #cluetip-extra { display: none;} /*************************************** =cluetipClass: '' -------------------------------------- */ .cluetip-swatch {background:#fff; border:1px solid #a3a3a3; padding:2px; } .cluetip-swatch #cluetip-outer {position: relative; margin: 0;} .cluetip-swatch .lgswatchTitle {display:block; padding-top:1px; margin-top:2px; border-top:1px solid #a3a3a3; color:#777777;} .cluetip-swatch h3#cluetip-title {margin:0; padding:0; font-size: 1.1em; font-weight: normal; color: #d70000; text-align:center;} .cluetip-swatch #cluetip-title a {color: #d70000; font-size: 0.95em;} /* IE6 HasLayout hack */ .cluetip-rounded #cluetip-title, .cluetip-rounded #cluetip-inner {min-height: 1px;} /*************************************** cluetipClass: 'default' -------------------------------------- */ .cluetip-default {background: #fff; color: #fff;} .cluetip-default #cluetip-outer { position: relative; margin: 0; background: #AE60B7;} .cluetip-default h3#cluetip-title { margin: 0 0 5px; padding: 8px 10px 4px; font-size: 1.1em; font-weight: normal; background-color: #5A307A; color: #fff;} .cluetip-default #cluetip-inner { padding: 10px;} .cluetip-default span#cluetip-close { text-align: right; margin: 0 5px 5px; color: #900;} /* quick view display */ .quickViewDisplay {display:none; position:relative; max-width:950px; width: 90%; -webkit-box-sizing: border-box; box-sizing: border-box; min-height:1px; padding:1px; background-color:#999999; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; z-index:10001;} .quickViewDisplay .qvInner {position:relative; min-height:1px; background-color:#fff; padding: 16px;} .quickViewDisplay .qvInner .block100 {max-width: 100px; width: 10%; display: inline-block;} .quickViewDisplay .prodDetailRight, .quickViewDisplay .prodDetailLeft {display: inline-block; float: left; position: relative; margin: 10px 0;} .quickViewDisplay h2 {font-size: 24px; letter-spacing: .04em; margin: 37px auto 6px; font-family: 'Futura W01 Light',Arial, sans-serif;} #qvDisplay .mainImage {cursor: default; height: auto !important;} #qvDisplay .productImage {background: none !important; position: relative;} #qvDisplay .ui-effects-wrapper {margin: 0 auto !important;} #qvDisplay .divInstock {font-size: 10px; display: block; margin-top: 15px; letter-spacing: .06em;} #qvDisplay #btnAdd2Cart {height: 50px; font-size: 14px; font-family: 'Futura W01 Book'; letter-spacing: .12em;} .mfp-content .quickViewDisplay {display: block; margin: 0 auto; position: relative; width: 950px;} .mfp-content .popupClose {display:none;} #qvDisplay .altImageListing {visibility: hidden;} #qvDisplay .advFilter {width: 49%; margin: 0;} #qvDisplay .advFilter:first-of-type {margin-right: 2%;} #qvDisplay .advDropdown-display {display: inline-block; line-height: 34px; width: 100%; font-size: 12px;} #qvDisplay .advDropdown-menu {width: 100%;} #qvDisplay .advDropdown-menu label {font-size: 12px; width: 145px; max-width: 80%; line-height: 22px;} #qvDisplay li[disabled="disabled"] {color: #ccc; cursor: not-allowed;} #qvDisplay li[disabled="disabled"] label {text-decoration: line-through; cursor: not-allowed;} #qvDisplay .jspVerticalBar {width: 14px; padding: 0 3px; box-sizing: border-box; border-left: 1px solid #f8f8f8;} #qvDisplay ul.swatchList {width: auto;} /* 12/6/2017 */ .quickViewDisplay .prodDetailRight {width: 32%} .quickViewDisplay .prodDetailLeft {width: 65%;} .quickViewDisplay .prodDetailRight #lnkViewDetails {font-size: 12px; font-weight: 500;text-decoration: underline; letter-spacing: .06em;} .quickViewDisplay .prodDetailRight .inner {padding: 0px;} .popupClose {position:absolute; right:20px; top:19px; width:23px; height:24px; background:url(/assets/1/15/close.png) no-repeat 0 0; cursor:pointer; text-indent:-9999em; overflow:hidden;} .quickViewDisplay .relatedItems {position:absolute; width:397px; bottom:20px; right:20px; padding-top:12px; border-top:1px solid #999999;} .quickViewDisplay .qvInner #divhiddenWrapper {height:auto !important; } .qvDetailsSocial {margin: 0 0 10px 0; display: inline-block; float: right;} .qvInner .divTrunkShow {padding: 15px 0;} .sizeChartWrapper {margin:0 0 3px 0; padding:10px 0 0 0;} .sizeChartWrapper a.trigger-link, .sizeChartWrapper a.trigger-link:link, .sizeChartWrapper a.trigger-link:visited {color:#3A3A3A;} .rotationSlider {width:364px; margin:0 auto; background:url(/cms/images/layout/rotation_slidebar.gif) no-repeat 0 23px;} .rotationSlider .slidehdng {display:inline-block; height:14px; margin:0 0 3px 0; padding-right:15px; background:url(/cms/images/layout/icon_rotate.gif) no-repeat 100% 50%;} .ui-slider {width:350px; position:relative; } .ui-slider .ui-slider-handle {position:absolute; z-index:2; width:14px; height:21px; background:url(/cms/images/layout/icon_slider.gif) no-repeat left top; cursor:pointer;} .ui-slider .ui-slider-range {position:absolute; z-index:1; font-size:.7em; display: block;border:0; } .ui-slider-horizontal {height:21px;} .ui-slider-horizontal .ui-slider-handle {top:0; margin-left:0;} .ui-slider-horizontal .ui-slider-range {top: 0; height:100%;} .ui-slider-horizontal .ui-slider-range-min {left:0;} .ui-slider-horizontal .ui-slider-range-max {right:0;} .ui-state-default, .ui-widget-content .ui-state-default {outline:none;} /* pagination and filters */ .pagination {float: none; margin:0; padding: 10px 0 0 0; text-align:right; clear: both; font-size: 0.688em !important;} .pagination .view {float:right; display:inline; font-weight: bold;} .pagination .view a, .pagination .view a:link, .pagination .view a:visited {color:#5a3662; text-decoration:none;} .pagination .viewAll {padding-right:0; padding-top:5px;} .pagination .viewAll a,.pagination .viewAll a:link, .pagination .viewAll a:visited {text-decoration:none;} .pagination .paging {float:right; display:inline; margin-right:5px; color:#666666;} .pagination .paging a, .pagination .paging a:link, .pagination .paging a:visited {padding:0 4px; color:#666666;} .pagination .paging .active {padding:0 4px;} .pagination .paging .total { float:left; display:block; padding-top:2px; color:#999999;} .pagination a.arrowRight, .pagination a.arrowRight:link, .pagination a.arrowRight:visited {text-decoration:none;} .pagination a.arrowLeft, .pagination a.arrowLeft:link, .pagination a.arrowLeft:visited {text-decoration:none;} /* banners */ .banners {margin-bottom:10px;} .banners .bnrBlock {float:left; display:inline; margin-right:10px;} .banners .last {margin-right:0;} /* slideshow module */ .slideshowWidget {position:relative; height:270px; margin-bottom:10px; overflow:hidden;} .slideshowWidget .sswControls {position:absolute; width:100%; bottom:0; left:0; padding:5px; z-index:1;} .slideshowWidget #homeSSW {z-index:0;} .slideshowWidget .nav a, .slideshowWidget .nav a:link, .slideshowWidget .nav a:visited {float:left; display:inline; margin:0; margin-right:2px; padding:3px 7px 3px 7px; border:1px solid #9fbad8; background:#f0f3f9; color:#000; text-decoration:none;} .slideshowWidget .nav a.activeSlide, .slideshowWidget .nav a.activeSlide:link, .slideshowWidget .nav a.activeSlide:visited {background-color:#d3e3f4; color:#000; border:1px solid #4881b2;} .slideshowWidget .nav a:focus {outline:none;} /* carousel module */ .carousel {position:relative; margin-bottom:30px;} .scrollable {position:relative; overflow:hidden; margin:0 15px; padding:8px 0;} .pressCarousel .scrollable {min-height:305px;} .pressCarousel .imageWrapper {display:block; margin-bottom:3px;} .scrollable .items {width:20000em; position:absolute; clear:both; border:0; list-style-type:none; list-style-image:none; margin:0; padding:0;} .scrollable .items .itemWrapper {width:144px; margin:0 16px 0 0; padding:0; border:0;} .scrollable .items .itemWrapper .descTitle {text-transform:uppercase; font-style:italic;} /* prev, next, prevPage and nextPage buttons */ .carousel a.prev, .carousel a.next, .carousel a.prevPage, .carousel a.nextPage {position:absolute;display:block;width:9px;height:15px;top:125px;cursor:pointer;text-decoration:none;} .carousel a.prev, .carousel a.prevPage {left:0;background:url(/cms/images/layout/ui/carousel_left.gif) no-repeat 50% 50%;} .carousel a.next, .carousel a.nextPage {right:0;background:url(/cms/images/layout/ui/carousel_right.gif) no-repeat 50% 50%;} /* disabled navigational button */ .carousel a.disabled, .carousel a.disabled:link, .carousel a.disabled:visited, .carousel a.disabled:hover, .carousel a.disabled:active {background-position:-34px 50%; cursor:default;} .carousel .navi {margin-left:22px; width:200px; height:20px;} .carousel .navi a, .carousel .navi a:link, .carousel .navi a:visited {width:8px; height:8px; float:left; margin:3px; background:url(/cms/images/layout/ui/carousel_navigator.png) 0 0 no-repeat; cursor:pointer; overflow:hidden;} /* mouseover state */ .carousel .navi a:hover, .carousel .navi a:hover:active {background-position:0 -8px;} /* active state (current page state) */ .carousel .navi a.active, .carousel .navi a.active:link, .carousel .navi a.active:visited {background-position:0 -16px;} /*.itemWrapper {float: none;}*/ .itemList .itemWrapper ul, .deptList .itemWrapper ul {max-width: none !important} .itemImage ul li {display: none;} .itemImage ul li:first-child {display: block;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* tab setup */ .tabModule {margin:0 0 20px 0; padding-top:5px;} /*padding-top:20px;*/ .tabModule .tabdiv {margin-bottom:10px; border:10px solid #fff; border-top:0; min-height:1px; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; clear: both;} .tabnav {margin:0; padding:0; } .tabnav li {float:left; display:inline; margin-right:0px; margin-bottom:10px; list-style-type:none;} .tabnav .last {margin-right: 0;} .tabnav li a, .tabnav li a:link, .tabnav li a:visited { float:left; display:inline; margin-top:1px; padding:10px 6px; text-align:center; text-decoration:none; font-size: 1.1em; color:#272324; background-color:#fafafa; text-transform: uppercase; -webkit-border-radius: 0px; border-radius: 0px; border-color:#cccccc; border-style:solid; border-width:1px 1px 1px 1px; } .tabnav li.ui-tabs-selected a, .tabnav li.ui-tabs-selected a:link, .tabnav li.ui-tabs-selected a:visited {background: #cccccc;} .ui-tabs-hide {display: none;} .tabModule .tabdiv .itemWrapper {margin: 0 5px;} .tabModule .tabdiv .itemWrapper .itemDetails {float: none;} .lTabs {width: 585px;} .lTabs.tabModule .tabdiv {border-top: 1px solid #CCCCCC; border-left:0; border-right:0; border-bottom:0; padding-top:10px;} .lTabs.tabModule .tabdiv .itemWrapper {margin: 0;} .lTabs .tabnav li a, .lTabs .tabnav li a:link, .lTabs .tabnav li a:visited { float:left; display:inline; margin-top:1px; padding:10px 15px; text-align:center; text-decoration:none; font-size: 0.875em; color:#272324; background-color:#fff; border:0; text-transform: uppercase; -webkit-border-radius:0px; border-radius: 0px; font-size: 0.75em; } .lTabs .tabnav li.ui-tabs-selected a, .lTabs .tabnav li.ui-tabs-selected a:link, .lTabs .tabnav li.ui-tabs-selected a:visited { float:left; display:inline; margin-top:1px; padding:0px 5px; text-align:center; text-decoration:none; font-size: 0.875em; color:#000; background-color:#fff; border:0; text-transform: uppercase; -webkit-border-radius: 0px; border-radius:0px; font-size: 0.75em; } /* shopping cart */ .cartTools {text-align:right; padding:5px; margin:0 0 10px 0; border:1px solid #D2D2D2;} .cartTools ul {float:left; text-align:left; margin:0; padding:0; list-style-type:none;} .cartTools li {display:inline; padding:0 10px 0 0; position:relative;} .cartTools ul li ul.popup {position:absolute; top:15px; left:-2px; visibility:hidden; padding:8px; border:solid 1px #666;width:200px; background:#fff; line-height:1.5em;} .cartTools .close {padding:0; margin-top:4px; top:0; left:0; text-align:center;} .cartTools ul.popup li {display:block;} .cartTools a, .cartTools a:link, .cartTools a:visited {font-size: 0.563em; font-weight:bold; text-decoration:none; cursor:pointer;} .cartTools a:hover, .cartTools a:active {text-decoration:underline;} .backTo {margin:0; text-align:right;} .backTo strong.title {font-size: 0.563em; font-weight:bold;} .backTo a.bringBackTo {padding:0 0 0 10px;} .cartwrpr {margin:0 auto;} .shiphdng {margin:0 0 10px 0; padding:5px; font-weight:bold; background-color:#efefef; border:1px solid #D2D2D2;} .shipAddr {border-width:1px 1px 0 1px; border-style:solid; border-color:#999999;} .shipAddr table td {padding: 5px 10px 5px 3px;} .accountBlocks .cart {font-size: 1.125em;} /* Cart Fix */ .cart table tr td {border-bottom:none;} .cart .edit table tr td{font-size:.9em;} .cart .edit div a {font-size:.9em;} .lheading {width:40%; padding-left:50px !important;} .rheading {padding-right:50px !important; text-align:right;} .cart table.innerTable td {border:0; vertical-align:top; padding:0;} .cart table.innerTable td.pImg {padding-right:10px;} .cart th {padding:15px 15px 15px 15px; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; text-transform:uppercase; background-color:inherit;} .cart td {vertical-align:top; padding:15px 10px 10px 15px;} .cart tr.noborder td {border-bottom-width:0;} .cart td.edit div {padding:5px 0 0 0; font-size:.9em; margin-top:3px;} .cart td.qty input.text, table.cart td.wrapping input.text {width:20px; padding-left:3px; padding-right:3px; text-align:center;} .cart td p {margin:0;} .cart td ul {margin:0; padding:0; list-style-type:none; list-style-image:none;} .cart td ul.selections li {margin-bottom:5px; padding-left:10px; /*background:url(/cms/images/arrowRight.gif) no-repeat 0 4px;*/ font-weight:bold;font-size: 0.813em;} .cart .price {font-size:1em; width:20%;} .cart .noBorder {background:none;} .cart .innerTable .pDesc {padding-left:20px; min-width:100px;} a.removeItem {font-size: 0.688em; color:#d7182a;} .cartInfo {height:1%; background-color:#f2f2f2; margin:20px auto; } .cartInfo .supportTabs {float:left; display:inline; width:126px; margin:50px 0 10px 0; padding:10px 0 10px 10px; background-color: #f2f2f2;} .supportTabs ul {padding:0; list-style-type:none; list-style-image:none;} .supportTabs ul li {margin:0 ; padding:0;} .supportTabs .title, .cartSupport a, .cartSupport a:link, .cartSupport a:visited {min-height:1px; *height:1%;} .tabDetails .tabdivSupport { border:1px solid #cccccc; padding: 10px;} .supportTabs span.title {padding:3px 4px 3px 0; display:block; margin:0 0 5px 0; font-family: "Futura W01 Heavy"; font-size: 1em; text-transform:uppercase;} .supportTabs a, .supportTabs a:link, .supportTabs a:visited {color:#000000; text-decoration:none; font-size: 0.750em; font-family: "Futura W01 Heavy";} .supportTabs a:hover {text-decoration:underline;} .supportTabs a:active {text-decoration:underline;} .supportTabs li.ui-tabs-selected a, .supportTabs li.ui-tabs-selected a:link, .supportTabs li.ui-tabs-selected a:visited {text-decoration:underline;} .cartSupport .tabDetails {float:left; width:340px; margin-top:0px; background-color:White;} .cartSupport .tabdiv {position:relative; padding:10px; margin:0 0 10px 0;} .cartSupport .tabdiv a, .cartSupport .tabdiv a:link, .cartSupport .tabdiv a:visited {display:inline;} .cartSupport .tabdiv p {line-height:1.4em;} .cartSupport .tabdiv ul {padding:0; margin:5px 0 0 5px; line-height:18px; list-style-type:none;} .cartSupport .tabdiv ul li {padding:2px 3px 0 0; margin-bottom:7px; color:#000000;} .updateCart {padding-bottom:11px; margin-bottom:11px; border-bottom: 1px solid #999999;} .cartInfo .promoCode {width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: right; display:block; margin-bottom:7px; margin-top:-5px;} .cartInfo .promoCode img, .promoCode input {display:inline-block; } .cartInfo .promoCode input.image {margin:0 0 0 8px;} .cartInfo .promoCode input.text {width:117px; margin:4px 10px 0 0;} .cartInfo .promoCode input.select {width:117px; background-color:#f7f7f7;} .multipleShips {padding:0 0 10px 0; margin:0 0 20px 0; border-bottom: 1px solid #999999;} .chkoutBoxes {clear:both; margin-bottom:15px;} .chkoutBoxes .chkoutRow {position:relative; min-height:1px; *height:1%;} .chkoutBoxes .chkoutRow .title {float:left; display:inline; width:75%; margin:0; padding:3px 0; text-align:right; font-weight:normal;} .chkoutBoxes .chkoutRow .price {float:right; display:inline; padding:5px 0 4px 0; text-align:right;} .cartInfo .chkoutBoxes {/*display: table;*/} .cartInfo .chkoutRow {font-size: 0.813em; display: table-row;} .cartInfo .chkoutBoxes .chkoutRow .title {display: table-cell; float: none; width: auto; padding-right: 20px;} .cartInfo .chkoutBoxes .chkoutRow .price {display: table-cell; float: none; width: 1%;} .cartInfo .chkoutBoxes .purchaseTotal .title, .cartInfo .chkoutBoxes .purchaseTotal .price {display: inline-block;} .CheckoutReview {margin-bottom:5px;} span.checkoutReviewTitle {font-weight:bold; margin-bottom:5px;} .chkoutBoxes .chkoutRowEstShip {position:relative; min-height:1px; margin-bottom:10px; } .chkoutBoxes a.enterZip, .chkoutBoxes a.enterZip:link, .chkoutBoxes a.enterZip:visited {position:relative; top:3px; font-size: 0.688em; text-decoration:none; z-index:10;} .shipData {display:none; padding:10px; font-size: .7em; width: 100%;} .shipData .shipRow {height:1%; padding:0; display: inline-block; max-width: 100%;} .shipData .shipTitle {display:inline-block; width:110px; margin:0 5px 5px 0;} .shipData input, .shipData select {float:left;} .shipData input.text {display:inline;margin:0 5px 0 0} .updateCart span {width:351px;} .updateCart input.btn {width:100%;} .proceedCheckout {text-align:right;} .promoOffer {border:1px dashed #FF0000; padding:10px; margin-bottom:15px; color:#FF0000; font-size:1.2em; font-weight:bold; text-align:center;} #promoOfferPopup {position:relative; display:none; padding:10px; border:2px solid #1C4E87;} #promoOfferPopup .pagination .paging {padding-right:0; border-right:0;} #promoOfferPopup .collectionItems {margin-bottom:10px;} #promoOfferPopup .collectionItems .itemWrapper a.itemLink, #promoOfferPopup .collectionItems .itemWrapper a.itemLink:link, #promoOfferPopup .collectionItems .itemWrapper a.itemLink:visited {width:101px;} #promoOfferPopup .closeBtn {position: absolute; right: 0; top: -15px; width: 53px; height: 15px; z-index: 1000; /*background: url(/cms/images/layout/ui/icon_close.gif) 0 0 no-repeat;*/ overflow:hidden; text-indent:-9999em; cursor:pointer;} /* end shopping cart */ /* dialog windows */ .uiModal {display:none;} .recentDialog .recentlyViewed {border-bottom:1px solid #e5e5e5;} .recentDialog .itemWrapper {width:215px; padding:0 10px 0 0; margin-bottom:20px;} .recentDialog .itemWrapper a.itemLink, .recentDialog .itemWrapper a.itemLink:link, .recentDialog .itemWrapper a.itemLink:visited {float:left; display:inline; width:103px; margin-right:5px;} .recentDialog .itemWrapper .itemImage {padding:0; border:1px solid #d2d2d2;} .recentDialog .itemWrapper .itemDetails {float:left; display:inline; width:105px;} .recentDialog .itemWrapper .itemTitle a, .recentDialog .itemWrapper .itemTitle a:link, .recentDialog .itemWrapper .itemTitle a:visited {color:#000;} .recentDialog .itemWrapper .itemSku {margin-bottom:5px;} .recentDialog .itemWrapper .itemPrice {font-size:1em; font-weight:normal; color:#000;} .imageViewer .mainImage {float:left; display:inline; width:585px;} .imageViewer .mainImage img {border:1px solid #d2d2d2;} .imageViewer .thumbnails {float:left; width:103px;} /* jQuery UI Styles */ /* Overlays */ .ui-widget-overlay {position: fixed; top: 0; left: 0; width: 100% !important; background: black; opacity: .5;} .ui-dialog { /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; background: #ffffff; border: 6px solid #1c4e87; position: relative; } .ui-resizable-handle {position: absolute; font-size: 0.1px; z-index: 99999;} .ui-resizable .ui-resizable-handle {display: block;} body .ui-resizable-disabled .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */ body .ui-resizable-autohide .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */ .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px;} .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px;} .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%;} .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%;} .ui-resizable-se { cursor: se-resize; width: 13px; height: 13px; right: 0px; bottom: 0px; background: url(/cms/images/layout/ui/icon_resize_se.gif) no-repeat 0 0;} .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: 0px; bottom: 0px;} .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: 0px; top: 0px;} .ui-resizable-ne {cursor:ne-resize; width:9px; height:9px; right:0px; top:0px;} .ui-dialog-titlebar { /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; padding: .5em 1.5em .5em 1em; color: #1c4e87; background: #fff; border-bottom: 1px solid #7f7f7f; font-size: 1.2em; font-weight: bold; /*position: relative;*/ text-align:center; } .ui-dialog-titlebar-close {margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; background: url(/cms/images/layout/ui/icon_close.gif) 0 0 no-repeat; position: absolute; right: -6px; top: -21px; width: 53px; height: 15px; z-index: 1000;} .ui-dialog-titlebar-close span {display: none;} .ui-dialog-content {margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; color: #222222; padding: 15px 15px 5px 15px;} .ui-dialog-buttonpane {bottom: 0; width: 100%; text-align: left; background: #ffffff; text-align:center;} .ui-dialog-buttonpane button {margin: .5em 0 .5em 0; color: #fff; background-color: #407abc; font-size: 1em; border: 1px solid #005e8f; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em;} .ui-dialog-buttonpane button:hover {color: #fff; background: #407abc; border: 1px solid #005e8f;} .ui-dialog-buttonpane button:active {color: #fff; background: #407abc; border: 1px solid #005e8f;} .ui-dialog.ui-draggable .ui-dialog-titlebar, .ui-dialog.ui-draggable .ui-dialog-titlebar {cursor: move;} .shippingMethodOverlay {border: 1px solid #ccc; position: absolute; max-width: 100%;} .shippingMethodOverlay .ui-dialog-titlebar-close {display: none;} .shippingMethodOverlay .ui-dialog-titlebar {display: none;} .shippingMethodOverlay .shipData {border: 0;} .shippingMethodOverlay .shipRow {height: auto;} .shippingMethodOverlay .shipDesc {margin-top: 20px;} .shipData .closeBtn {cursor: pointer; float: right; margin: 0 0 10px 0;} #divPopupMessage {margin-bottom: 10px; font-size: 12px; text-align: center; font-family: 'Futura W01 Book';} /* Item added to cart */ #item-dialog { display:none; background:#fff; border:solid 2px #005e8f; position:absolute; top:176px; left:626px; width:320px; z-index:5000;} .hdng-item-dialog {padding:6px 0;text-align:center;font-size: 1.4em;background-color:#ecf1f8;border-bottom:solid 1px #ccd1d8;} .item-dialog-content {padding:6px 0 8px 0;margin:0 12px;} .item-dialog-details {color:#444;} /* error message */ .errorMessage {margin:0 0 25px 0; text-align:left; background-color:#ffff99; border:1px solid #ff0000 ;} /* account area */ .shipmethod {position:relative;} .shipalert {position:absolute; right:-198px; top:0; padding:7px 20px 7px 7px; width:160px; border:solid 1px #9baab7; background:#E0E0E0;} .shipalert .arrowTab {position:absolute; top:-1px; left:-9px; width:8px; height:9px; background:url(/cms/images/layout/arrow_left_gray.gif) no-repeat 0 0;} .shipalert .close {position:absolute; top:2px; right:2px; width:13px; height:13px; background:url(/cms/images/layout/icon_x.gif) no-repeat 0 0; text-indent:-9999em;} /* sub-mini cart */ .subCart {margin-bottom:20px;} .subCart th {background:transparent;} /* checkout process */ ul.processSteps {margin-right:0px; padding:0; list-style-type:none;} ul.processSteps li {float:left; display:inline; padding:0px 0; color:#545051; margin-right:5px;} ul.processSteps li span {padding:0 4px; font-weight:bold; background-color:#f2f2f2; color:White; margin-right:3px;} ul.processSteps li.active {text-decoration:none;} ul.processSteps li.active span {color:#ffffff; background-color:#545051;text-decoration:none; padding:0 4px;} ul.processSteps li.prevStep span {color:#fff; background-color:#615E5E; margin-right:5px;} ul.processSteps li.prevStep a, ul.processSteps li.prevStep a:link, ul.processSteps li.prevStep a:visited {color:#615E5E; text-decoration:none;} ul.processSteps li.active span.underline {text-decoration: underline; background: none; color: #fff; font-weight: normal;} ul.processSteps li.active span.clearStep {text-decoration: none; background: none; color: #615e5e; font-weight: normal;} .userMessage {width:46%; padding:10px 15px; margin-bottom:10px; background:#E4E4E4;} /* one page checkout */ dl.checkoutProcess {margin:0;} dl.checkoutProcess dt.stepTitle {position: relative; padding: 10px 65px 10px 10px; color: black; font-size: 10px; text-transform: uppercase; background: white; font-family: 'Futura W01 Medium'; letter-spacing: 1.5px; text-indent: 19px; line-height: 48px;} dl.checkoutProcess dt.inactive {background:#F6F6F6;} dl.checkoutProcess dt.stepTitle a.editLink, dl.checkoutProcess dt.stepTitle a.editLink:link, dl.checkoutProcess dt.stepTitle a.editLink:visited {position:absolute; right:10px; top:12px; color:#888A8C; font-size:.9em; text-decoration:none;} dl.checkoutProcess dd.stepContent {margin:0; padding:20px 10px 10px 10px;} dl.checkoutProcess .stepGroupContent .accountBlocks {margin-bottom:0;} dl.checkoutProcess .stepGroupTitle .hdng span {display:block; padding:3px 0 0 0; font-size: 0.688em; text-transform:none;} dl.checkoutProcess .hline {margin:20px 0; background:#DADADA; height:1px;} dl.checkoutProcess .userMessage {width:auto;} .checkoutCart {max-width:320px; background-color:#fff; margin: 0 auto; border: 1px solid #DBDBDB;} .checkoutCartInner {padding:5px;} .checkoutCart .cartHeader {position: relative; font-size: 0.750em; font-family: "Futura W01 Heavy"; text-transform:uppercase;} .checkoutCart .cartHeader a.editLink, .checkoutCart .cartHeader a.editLink:link, .checkoutCart .cartHeader a.editLink:visited {position:absolute; right:0px; top:0px; color:#000; text-decoration:underline; font-family: "Futura W01 Book"; font-weight: normal; text-transform:uppercase;} .checkoutCart .hdng4 {margin:0 0 10px 0; font-size:1.1em; font-weight:bold;} .checkoutCart .itemWrapper {margin:0 10px 20px; padding: 20px 10px 15px;border-bottom: 1px solid #ccc; float: none; width: auto;} .checkoutCart .itemWrapper .itemImage {height:auto; width: 98px; float: left; min-height: initial !important;} .checkoutCart .itemWrapper .itemContent {position:static; margin-left:98px; padding:0; text-align:left; font-size: 0.750em; width: auto; text-transform: none;} .checkoutCart .itemContent .itemTitle {display:inline; margin-right:10px; color:#5A3662; font-size: 1em;} .checkoutCart .chkoutBoxes {margin:0; padding:0px; background:#E4E4E4; font-weight:normal; color:#000; text-transform: uppercase;} .checkoutCart .chkoutBoxes .chkoutRow {position:relative; min-height:1px; *height:1%; font-size: 0.688em;} .checkoutCart .chkoutBoxes .chkoutRow .title {float:left; display:inline; width:165px; margin:0 0 0 0px; padding:0 0 3px; text-align:left; font-family: "Futura W01 Book"; font-weight: normal; text-transform:uppercase;} .checkoutCart .chkoutBoxes .chkoutRow .price {float:left; display:inline; padding:0;text-align:left;} .checkoutCart .chkoutBoxes > .estimated {margin-top: 8px; font-size: 0.563em;} .checkoutCart .dropCartSumm {padding: 10px 20px 0} .checkout-sub-links > .inner {float: right; margin-top: 10px; margin-right: 20px; font-size: 12px; max-width: 300px; text-align: center;} .dateSelection .selector {float:left; display:inline; max-width: 80px; margin-right:5px;} .dateSelection div.selector span {padding: 0 10px;} /* RESPONSIVE UPDATES TO SLIDER - control the width with the parent's max-width -------------------------------------------------------------------- */ div.selector, div.selector select, div.selector span {width: 100%; -webkit-box-sizing:border-box; box-sizing:border-box;} div.selector span {text-transform: uppercase;} #tdBirthday .help {float: none; display: block; clear: both;} /* send to friend */ .friendPopup {width:660px; padding:10px; margin:0 auto;} .friendPopup dl.forms dt {width:90px;} /* Limit Textbox */ .txtlimitbx {background-color:#1c4e87;} .txtlimitbx2 {background-color:#5A3662;} /* faq */ ul.faqLinks {margin:5px 0 10px 15px; padding:0; list-style-type:none;} ul.faqLinks li {padding-bottom:5px;} dl.faqList dt {font-weight:bold; margin-bottom:3px;} dl.faqList dd {position:relative; padding-left:20px; margin:0 0 7px 0;} dl.faqList .answerLabel {position:absolute; top:0; left:0; font-weight:bold;} /* Edit Customer Order */ .editCustomerOrder {padding:5px;border:solid 1px #000;background:#fff;margin:0px;position:relative;z-index:1000; color:red;line-height:1.5em;} .editCustomerOrder a {color:red;font-weight:bold;} /* dropcart */ .dropCart {margin:0 auto; display:none;} .dropCartHeader {padding:5px; font-weight:bold; font-size: 0.75em; background:#D9D9D9; color:#333;} .dropCartHeader .closebtn {float:right; display:inline; width:24px; height:22px; margin:3px 6px 0 0; /*background:url(/cms/images/layout/dc_close.gif) no-repeat 0 0;*/ text-indent:-9999em; cursor:pointer;} .cartContainer {padding:7px 8px 16px 8px; border-left:1px solid #D9D9D9; border-right:1px solid #D9D9D9; background:#fff;} .dropCart .dropCartContent {padding:10px 0;} .dropCartBase .hdrBannerBar {position:static; height:28px; z-index:1; padding:4px 0 0 10px; border-left:1px solid #D9D9D9; border-bottom:1px solid #999;} .dropCartBase .checkoutBlock {background:#fff; } .dropCartBase .chkoutBoxes {margin-bottom:0; border-right:1px solid #0079AA;} .dropCartBase .chkoutBoxes .chkoutRow {border-left:1px solid #0079AA;} .dropCartBase .chkoutBoxes .chkoutSubtotal {border-left:0; margin-left:1px;} .dropCartBase .chkoutBoxes .chkoutRow .title {height:25px; padding-bottom:0;} .dropCartButtons {padding:5px; text-align:center;} /* recent cart */ .recent-cart {position:absolute; top:-9999em; right:26px; width:287px; z-index:1000; background:#fff; border:1px solid #949494;} .recent-cart .itemWrapper {float:none; display:block; width:auto; height:auto; padding:0 10px;} .recent-cart .itemWrapper .itemLink, .recent-cart .itemWrapper .itemLink:link, .recent-cart .itemWrapper .itemLink:visited {float:left; width:101px;} .recent-cart .itemWrapper .itemContent {margin-left:110px;} .recent-cart .itemWrapper .itemTitle {font-weight:bold;} /* collection items */ .collectionItems {border:solid 3px #ddd;padding:10px;height:350px;overflow:auto;} .collectionItems .itemWrapper {padding:10px;} .collectionItems .itemWrapper a.itemLink, .collectionItems .itemWrapper a.itemLink:link, .collectionItems .itemWrapper a.itemLink:visited {float:left; display:inline; width:226px;} .collectionItems .itemWrapper .itemDetails {float:left; display:inline; width:40%; margin-left:10px;} .collectionItems .itemWrapper .itemTitle {display:inline;} .collectionItems .itemWrapper .detailsRow {margin:10px 0;} .collectionItems .itemWrapper .itemQuantity {float:right; display:inline; width:150px;} .collectionItems .itemWrapper .itemQuantity .rowLabel {float:left; display:inline; margin-right:5px; padding-top:3px;} /* END collection items */ .toolTipTrigger {margin-left:10px; cursor:pointer; text-decoration:underline;} .toolTip { display:none; width:220px; padding:5px; text-align:left; border:2px solid #e5e3e1; background:#fff;} /* site tags */ .tagsWrapper {padding:5px; border:1px solid #ccc;} .tagsWrapper .taghdng {font-weight:bold; color:#000; text-decoration:none;} .tagList {display:inline; margin:0; padding:0; list-style-type:none;} .tagList li {display:inline; margin:0 2px;} .tagList a, .tagList a:link, .tagList a:visited {color:#666;} .addTag-trigger{text-decoration:underline; cursor:pointer;} .addTagWrapper {display:none;} .hTagcloud .tagList {display:block; margin:0 auto; text-align:center;} .tagList .popular2 {font-size:1.2em;} .tagList .popular3 {font-size:1.4em;} .tagList .popular4 {font-size:1.6em;} .tagList .popular5 {font-size:1.8em;} .pageHeader .hdng3 {float:left; display:inline; margin:10px 10px 10px 0;} .pageHeader .searchTerm {float:left; display:inline; padding:3px 0 0 0; margin-top:12px;} .pageHeader .pagination {padding:3px 0 0 0;} .pagebg {padding-bottom:1px; background-repeat:no-repeat; background-position:100% 20px;} .pagebg .hline {width:343px; margin:0 0 25px 0;} .storeLocator {margin:0 0 35px 0; background:url(/cms/images/layout/gradient_dkgray_long.gif) repeat-x 0 0 #b6b6b6;} .storeLocator .locationLeft .hdng {padding-bottom:0.8em; background:url(/cms/images/layout/secondary_nav_divider.gif) no-repeat 0 100%;} .storeLocator .locationLeft {min-height:324px;} .locationFinder {min-height:248px; padding:38px;} .locationFinder .selector {width:224px !important;} .locationFinder div.selector span {width:196px !important;} .locationFinder div.selector select {width:233px !important;} .store-locator #divResults img {max-width: initial !important;} .locationListings {height:248px; overflow:auto;} .locationListings ul.infoListing {margin:0;} ul.infoListing {margin:10px 0 0 0; padding:0; list-style-type:none; list-style-image:none;} ul.infoListing li {margin:0 15px 15px 0; padding:4px 8px;} ul.infoListing .infoImage {float:left; display:inline; width:120px;} ul.infoListing .infoContent {line-height:1.4em;} ul.infoListing li.active {background:#f6f6f6;} ul.infoListing a, ul.infoListing a:link, ul.infoListing a:visited {text-decoration:none;} ul.infoListing a.active {font-weight:bold;text-decoration:underline;} ul.infoListing .with-image .infoContent {margin-left:135px;} /* Uniform Theme: Uniform Default Version: 1.5.5 By: Josh Pyles License: MIT License --- For use with the Uniform plugin: http://pixelmatrixdesign.com/uniform/ --- Generated by Uniform Theme Generator: http://pixelmatrixdesign.com/uniform/themer.html */ /* Global Declaration */ div.selector, div.selector span, div.checker span, div.radio span, div.uploader, div.uploader span.action { background-image: url(/cms/images/layout/sprite.png); background-repeat: no-repeat;} .selector, .radio, .checker, .uploader, .selector *, .radio *, .checker *, .uploader *{ margin: 0; padding: 0;} /* SPRITES */ /* Select */ div.selector { background-position: 0px -678px; line-height: 24px; height: 24px;} div.selector span { background-position: 100% -678px; height: 24px; line-height: 24px;} div.selector select { top: 0px; left: 0px;} div.selector:active, div.selector.active { background-position: 0px -678px;} div.selector:active span, div.selector.active span { background-position: 100% -705px;} div.selector.focus, div.selector.hover, div.selector:hover { background-position: 0px -705px;} div.selector.focus span, div.selector.hover span, div.selector:hover span { background-position: 100% -705px;} div.selector.focus:active, div.selector.focus.active, div.selector:hover:active, div.selector.active:hover { background-position: 100% -678px; } div.selector.focus:active span, div.selector:hover:active span, div.selector.active:hover span, div.selector.focus.active span { background-position: right -705px;} div.selector.disabled { background-position: -483px -234px;} div.selector.disabled span { background-position: right -104px;} /* Checkbox */ div.checker { width: 19px; height: 19px;} div.checker input { width: 19px; height: 19px;} div.checker span { background-position: 0px -260px; height: 19px; width: 19px;} div.checker:active span, div.checker.active span {background-position: -19px -260px;} div.checker.focus span, div.checker:hover span { background-position: -38px -260px;} div.checker.focus:active span, div.checker:active:hover span, div.checker.active:hover span, div.checker.focus.active span { background-position: -57px -260px;} div.checker span.checked { background-position: -76px -260px;} div.checker:active span.checked, div.checker.active span.checked { background-position: -95px -260px;} div.checker.focus span.checked, div.checker:hover span.checked { background-position: -114px -260px;} div.checker.focus:active span.checked, div.checker:hover:active span.checked, div.checker.active:hover span.checked, div.checker.active.focus span.checked { background-position: -133px -260px;} div.checker.disabled span, div.checker.disabled:active span, div.checker.disabled.active span {background-position: -152px -260px;} div.checker.disabled span.checked, div.checker.disabled:active span.checked, div.checker.disabled.active span.checked {background-position: -171px -260px;} /* Radio */ div.radio { width: 18px; height: 18px;} div.radio input { width: 18px; height: 18px;} div.radio span { height: 18px; width: 18px; background-position: 0px -279px;} div.radio:active span, div.radio.active span {background-position: -18px -279px;} div.radio.focus span, div.radio:hover span {background-position: -36px -279px;} div.radio.focus:active span, div.radio:active:hover span, div.radio.active:hover span, div.radio.active.focus span {background-position: -54px -279px;} div.radio span.checked {background-position: -72px -279px;} div.radio:active span.checked,div.radio.active span.checked {background-position: -90px -279px;} div.radio.focus span.checked, div.radio:hover span.checked {background-position: -108px -279px;} div.radio.focus:active span.checked, div.radio:hover:active span.checked, div.radio.focus.active span.checked, div.radio.active:hover span.checked {background-position: -126px -279px;} div.radio.disabled span, div.radio.disabled:active span, div.radio.disabled.active span {background-position: -144px -279px;} div.radio.disabled span.checked, div.radio.disabled:active span.checked, div.radio.disabled.active span.checked {background-position: -162px -279px;} /* Uploader */ div.uploader { background-position: 0px -297px; height: 28px;} div.uploader span.action { background-position: right -409px; height: 24px; line-height: 24px;} div.uploader span.filename { height: 24px; margin: 2px 0px 2px 2px; line-height: 24px;} div.uploader.focus, div.uploader.hover, div.uploader:hover { background-position: 0px -353px;} div.uploader.focus span.action, div.uploader.hover span.action, div.uploader:hover span.action { background-position: right -437px;} div.uploader.active span.action, div.uploader:active span.action { background-position: right -465px;} div.uploader.focus.active span.action, div.uploader:focus.active span.action, div.uploader.focus:active span.action, div.uploader:focus:active span.action { background-position: right -493px;} div.uploader.disabled { background-position: 0px -325px;} div.uploader.disabled span.action { background-position: right -381px;} /* PRESENTATION */ /* Select */ div.selector.disabled span {color: #bbb;} /* Checker */ div.checker { margin-right: 10px;} /* Radio */ div.radio { margin-right: 10px;} /* Uploader */ div.uploader { width: 190px; margin-bottom: 20px; cursor: pointer;} div.uploader span.action { width: 85px; text-align: center; text-shadow: #fff 0px 1px 0px; background-color: #fff; font-size: 0.688em; font-weight: bold;} div.uploader span.filename { color: #777; width: 82px; border-right: solid 1px #bbb; font-size: 0.688em;} div.uploader input { width: 190px;} div.uploader.disabled span.action { color: #aaa;} div.uploader.disabled span.filename { border-color: #ddd; color: #aaa;} /* CORE FUNCTIONALITY Not advised to edit stuff below this line ----------------------------------------------------- */ .selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus { outline: 0;} /* Select */ div.selector {position: relative;overflow: hidden;} div.selector span {display: block;float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 5px;} div.selector select {position: absolute;opacity: 0; height: 24px; border: 1px solid #ccc;} div.selector select option {padding:0 4px 0 10px;} /* Checker */ div.checker {position: relative;float: left;} div.checker span {display: block;float: left;text-align: center;} div.checker input { opacity: 0; display: inline-block; background: none;} /* Radio */ div.radio {position: relative;float: left;} div.radio span {display: block;float: left; text-align: center;} div.radio input { opacity: 0; text-align: center; display: inline-block; background: none;} /* Uploader */ div.uploader { position: relative; float: left; overflow: hidden; cursor: default;} div.uploader span.action { float: left; display: inline; padding: 2px 0px; overflow: hidden; cursor: pointer;} div.uploader span.filename { padding: 0px 10px; float: left; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: default;} div.uploader input { opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; float: right; height: 25px; border: none; cursor: default;} #divAddressBook .selector {width:210px !important;} #divAddressBook div.selector span {width:180px !important;} #divAddressBook div.selector select {width:220px !important;} .jspContainer {overflow: hidden;position: relative; width:100% !important;} .jspPane {position: absolute; width:100% !important; -webkit-box-sizing: border-box; box-sizing: border-box;} .jspVerticalBar {position: absolute;top: 0;right: 0;width: 16px;height: 100%;background: #fff;} .jspHorizontalBar {position: absolute;bottom: 0;left: 0;width: 100%;height: 16px;} .jspVerticalBar *, .jspHorizontalBar * {margin: 0;padding: 0;} .jspCap {display: none;} .jspHorizontalBar .jspCap {float: left;} .jspTrack {background: #f7f7f7;position: relative;} .jspDrag { background: #cecece;position: relative;top: 0;left: 0;cursor: pointer;} .jspDragTop {overflow: hidden; height:7px;} .jspDragBottom {position: absolute; bottom: 0;left: 0;overflow: hidden;height:7px;background:url(/cms/images/layout/scrollbar_bottom.gif) no-repeat 0 0;} .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {float: left;height: 100%;} .jspArrow {background:url(/cms/images/layout/scrollbar_up.gif) no-repeat 0 0 #fff;text-indent: -20000px;display: block;cursor: pointer;} .jspArrow.jspDisabled { cursor: default;} .jspVerticalBar .jspArrow { height: 26px;} .jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%;} .jspVerticalBar .jspArrow:focus { outline: none;} .jspCorner { background: #eeeef4; float: left; height: 100%;} a.jspArrowUp { display: block; z-index: 1; text-indent: -2000px; overflow: hidden; background:url(/cms/images/layout/scrollbar_up.gif) no-repeat 0 0; height: 18px;} a.jspArrowDown { display: block; z-index: 1; text-indent: -2000px; overflow: hidden; background:url(/cms/images/layout/scrollbar_down.gif) no-repeat 0 0; height: 18px;} .addthis_toolbox {float:right;} .addthis_toolbox .instagram {vertical-align: top;} .addthis_toolbox .addthis_button_google_plusone_share {padding-right: 0 !important;} .addthis_toolbox a {opacity: .6; transition: opacity .5s;} .addthis_toolbox a:hover {opacity: 1;} .addthis_toolbox span.at-icon-wrapper {display: none;} .pdpSocialBtn {height: 14px;} .pdpSocialBtn:after {font-family: 'icomoon';} .addthis_button_facebook.pdpSocialBtn:after {content: "\e918";} .addthis_button_pinterest_share.pdpSocialBtn:after {content: "\e912";} .addthis_button_twitter.pdpSocialBtn:after {content: "\e914";} /* CSS Hack for IE6 3 pixel bug */ * html .jspCorner { margin: 0 -3px 0 0;} .scrollenable {height: 410px; overflow: auto;} /* fashion colors */ /* primary */ .primaryColor, .primaryColor:link, .primaryColor:visited {color:#2a2756;} a.primaryHover:hover, a.primaryHover:active {color:#2a2756;} ul.lnav a:hover, ul.lnav a:active {color:#2a2756;} ul.lnav a.active, ul.lnav a.active:link, ul.lnav a.active:visited {color:#2a2756;} /* secondary */ .secondaryColor, .secondaryColor:link, .secondaryColor:visited, .secondaryColor:hover, .secondaryColor:active {color:#5A3662;} /* was: #47456D */ a.secondaryHover:hover, a.secondaryHover:active {color:#5A3662;} /* was: #47456D */ /* END fashion colors */ /* BEGIN ADVANCED MARKETING RULES */ .promoOffer {border:1px dashed #FF0000; padding:10px; margin-bottom:15px; color:#FF0000; font-size:1.2em; font-weight:bold; text-align:center;} #promoOfferPopup {position:relative; padding:10px; border:2px solid #1C4E87;} #promoOfferPopup .pagination .paging {padding-right:0; border-right:0;} #promoOfferPopup .collectionItems {margin-bottom:10px;} #promoOfferPopup .collectionItems .itemWrapper a.itemLink, #promoOfferPopup .collectionItems .itemWrapper a.itemLink:link, #promoOfferPopup .collectionItems .itemWrapper a.itemLink:visited {width:101px;} #promoOfferPopup .closeBtn {position: absolute;right: 0;top: -15px;width: 53px;height: 15px;z-index: 1000;background: url(/images/layout/ui/icon_close.gif) 0 0 no-repeat;overflow:hidden;text-indent:-9999em;cursor:pointer;} .FreeGiftBackground {background-color:#999;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;z-index:999999;} .FreeGiftPopup {background:#f6f6f6;border:solid 1px #666;padding:15px;z-index:1000000;width:450px;text-align:center;} .ruleItem {margin:4px;height:87px;border-style:solid;border-width:2px;} .ruleItemOff {border-color:#fff;} .ruleItemDetail {margin:6px 10px 0 0;} .promoBreakdown-trigger {font-size: 0.625em;color:#f00;margin:6px 0;} .promoBreakdown-trigger a {text-decoration:none;} /* END ADVANCED MARKETING RULES */ .videoWrapper {position:absolute; top:0; left:0; width:442px; height:460px; background:#fff; z-index:110;} a.vidLink {position:absolute; top:15px; left:15px; width:102px; height:26px; background:url(/cms/images/buttons/in_motion.gif) no-repeat 0 0; text-indent:-9999em; overflow:hidden; z-index:11500;} .RCVideoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .RCVideoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } video {max-width: 100%;} .textBlock {padding:13px; background-color:#ebebeb;} .textBlock .hdng {margin:0; font-style:italic; font-weight:bold; font-size: 0.813em;} .lfloat {float: left;} .rfloat {float: right;} .insideInterior {width: 940px; height: 708px;} .pad40 {padding: 40px;} .insideInterior h2 {color: #7f7f7f; font-size: 1em; margin: 0 0 10px 0;} .insideInterior h3 {color: #130606; font-size: 1.813em; margin: 5px 0 5px 0;} .insideInterior ul li {line-height: 1.9em;} .materialGirl {height: 664px; padding: 40px;} body.splash {background-color: #FFFFFF;} .custserv {width: 705px; height: 514px; color: #fff; font-size: 0.75em;} .custservjag {width: 705px; height: 514px; color: #fff; font-size: 0.75em;} .custserv p {width: 345px;} .custservjag p {width: 345px;} .custserv a, .custserv a:link, .custserv a:visited {color: #fff;} .custservjag a, .custservjag a:link, .custservjag a:visited {color: #fff;} .secondaryNav ul a.active, .secondaryNav ul a.active:link, .secondaryNav ul a.active:visited {text-decoration:underline;} .conSub {margin-right:89px;} .conTerm {margin-right:89px;} /* JAG Employee Site CSS */ .jagLogin {background: url(/cms/images/layout/jag_site_login_bg.gif) repeat-x 0 0;} .jagLogin .loginWrapper {padding: 10px 40px 40px 40px;} .jagLogin .loginWrapper .formRow {width: 100%;} /* Customer Service 2018 Styles */ #csTop {text-align: center; font-size: 12px; line-height: 14px; padding: 25px 0; border: 4px double black;} #csTop .date {text-decoration: underline;} #csTop .text {padding: 0; border: 0; max-width: 75%; margin: 0 auto;} #csContact {margin: 35px 0;} #csContact > div:first-of-type {padding-left:0;} #csContact > div:last-of-type {padding-right:0;} #csContact p { font-size: 10px; text-transform: uppercase; display: inline-block; text-align: left; vertical-align: middle; line-height: 14px; margin: 0; } #csContact p.icomoon { font-family: 'icomoon'; width: 50px; line-height: initial; margin: 0 5px 0 0; } #csContact svg.icon { display: inline-block; width: 50px; height: 50px; vertical-align: middle; } #csContact p.phone {font-size: 50px;} #csContact p.email {font-size: 35px; padding: 7px 0;} #csContact p.chat {font-size: 49px;} #csContact p.form {font-size: 50px;} #csContact p a {text-decoration: none; cursor: pointer;} /*START TAB NAVIGATION*/ #vertNav { margin: 0px; padding: 0px;} #vertNav a, #vertNav a:hover, #vertNav a:active, #vertNav a:visited{ color: #2a2756; text-decoration: none;} #vertNav ul { margin: 0px; padding: 0px; background-color: #ffffff;} #vertNav li { list-style-type: none; float: left; margin-right: 5px; position: relative; background: #ffffff; display: inline; left: 0px; } #vertNav li span { float: left;} #vertNav li .vertNav_tab_left { background: url("/images/flyouttabs/dropDown_btn_left.jpg") no-repeat; display: block; width: 5px; height: 22px;} #vertNav li .vertNav_tab_center { background: url("/images/flyouttabs/dropDown_btn_bg.jpg") repeat-x; height: 22px; line-height: 22px; display: block; padding: 0px 20px 0px 10px; text-transform: uppercase; position: relative;} #vertNav li .vertNav_tab_right {background: url("/images/flyouttabs/dropDown_btn_right.jpg") no-repeat; display: block; width: 5px; height: 22px; } #vertNav li span.triangle { background: url("/images/flyouttabs/dropDown_btn_arrow.jpg") no-repeat; width: 5px; height: 9px; position: absolute; top: 7px; right: 8px; } #vertNav ul.vertNav_sub { width: 294px; position: absolute; top: 22px; left: 0px; padding: 12px; border: 1px solid #dbdada; display: none; float: none; margin: 0px; } #vertNav ul.vertNav_sub li.vertNav_sub_item { margin-bottom: 12px;} #vertNav ul.vertNav_sub li.vertNav_sub_more { float: right; text-decoration: underline;} #vertNav .vertNav_sub_left { margin-right: 6px; float: left;} #vertNav .vertNav_sub_right { float: left; width: 230px;} #vertNav .vertNav_sub_right_title { text-transform: uppercase;} #vertNav .vertNav_sub_right_body { margin: 0px; } #vertNav li:hover > ul.vertNav_sub {display: block; } /*END TAB NAVIGATION*/ /* BEGIN reviews and rating */ .controls {padding:5px 0 10px 0; text-align:right;} .controls a, .controls a:link, .controls a:visited {text-decoration:none;} .controls .inactive {color:#999999;} .controls .postLinks {float:left; font-size:.9em; color:#4a2b17;} .controls .postLinks a, .controls .postLinks a:link, .controls .postLinks a:visited {text-decoration:underline;} .reviewItem .dividPipe {color: #5f5f5f; margin: 0 5px;} .reviews .reviewhdng {float:left; display:inline; margin:0 0 0 0; padding:2px 0 0 0; font-weight:bold;} .rating {margin:5px 0; padding:0; list-style-type:none;} .rating .textRating {display:none;} .rating .star {padding: 0 1px 0 0; margin: 0; font-family: 'icomoon'; display: table-cell;} .rating .star:before {content: "\e909";} .rating .active:before {content: "\e90a";} .rating .half:before {content: "\e90b";} .reviews .postStamp {font-size:.9em; font-style:italic;} .reviews .divider {margin:12px 0;border-top:solid 1px #e8d8cf;height:1px;overflow:hidden;line-height:1px;font-size:1px;} /* END reviews and rating */ /* New Explore SW Page */ #video_html5 {background: #000;} .video-js {background: #000;} .explorePost {text-transform: uppercase; text-align: center; padding: 34px 0; font-family: 'Futura W01 Book', Arial, sans-serif; position: relative; border-bottom: 1px solid #dbdbdb;} .exploreLeft, .exploreRight { -webkit-box-sizing: border-box; box-sizing: border-box;} .explorePost h2 {font-family: 'Futura W01 Book', Arial, sans-serif; font-weight: 300; border-bottom: 1px solid #272324; color: #272324; padding: 0 26px 15px; font-size: 24px;} .explorePost h2 a, .explorePost h2 a:link, .explorePost h2 a:visited {color: #272324; text-decoration: none; display: inline-block; } .explorePost h2 a:hover, .explorePost h2 a:active {text-decoration: underline;} .explorePost p {font-size: 0.813em; color: #272324; display: block;} .explorePost p a.trigger-overlay, .explorePost p a.trigger-overlay:link, .explorePost p a.trigger-overlay:visited {text-decoration: underline !important;} /* New Artistry of the Shoe page */ .artistryShoe {background: url(/cms/images/layout/aosBG.jpg) no-repeat center top; padding: 55px; width: 860px; height: 566px; display: block;} .artistryShoeImg {float: left; width:428px; height: 557px; } .artistryShoeText {float: left; margin: 25px 0 0 60px; display: inline; width: 347px;} .artistryShoeText p {margin: 15px 0 0 0;color: #666666;font-size: 0.813em;line-height: 22px;} /* Stories Landing Page */ .relatedContent {background-color:transparent; position: relative;} .relatedContent .relatedContentReg1 {display: inline; margin: 20px 0 10px;position: relative;} .relatedContent .relatedContentReg2 {float: left; display: inline;margin: 40px 0px 40px 0;} .relatedContent .relatedContentReg3 {float: right; display: inline; margin: 40px 0px 40px 0;} .relatedContentReg1 .relatedContentWrpr h3 {display: none;} .relatedContent .relatedContentWrpr {margin: 0; position: relative;} .relatedContent .relatedContentWrpr .relatedContentSubWrpr {position: relative;} .relatedContent .relatedContentWrpr2 {padding-right: 30px;} .relatedContent .relatedContentWrpr h3 {margin: 0 0 20px 0; font-weight: normal; text-transform: uppercase; color: #272324; display: none;} .relatedContent .relatedContentWrpr h3 span {color: #5f5f5f;} .relatedContent .relatedContentWrpr a, .relatedContent .relatedContentWrpr a:link, .relatedContent .relatedContentWrpr a:visited {color: #5a3662; text-decoration: none; font-weight: bold;} .relatedContent .relatedContentWrpr .shareVideo {margin-top: 10px;} .relatedContent .relatedContentWrpr .shareVideo a.like, .relatedContent .relatedContentWrpr .shareVideo a.like:link, .relatedContent .relatedContentWrpr .shareVideo a.like:visited {margin-right: 10px; font-weight: normal; color: #5f5f5f; padding-left: 15px;} .relatedContent .relatedContentWrpr .shareVideo a.share, .relatedContent .relatedContentWrpr .shareVideo a.share:link, .relatedContent .relatedContentWrpr .shareVideo a.like:visited {margin-left: 10px; font-weight: normal; color: #5f5f5f; background: url(/cms/images/layout/icon_share.gif) no-repeat 0 3px; padding-left: 15px;} .guidedNavWrapper .navGroup ul {list-style-image: none;} .guidedNavWrapper .navhdng, .guidedNavWrapper .navhdng a, .guidedNavWrapper .navhdng a:link, .guidedNavWrapper .navhdng a:visited {color: #272324 !important;} .addthis_default_style a {padding-right: 14px !important;} .addthis_default_style .last {border: 0; padding-right: 0; margin: 0; vertical-align: top;} .addthis_toolbox a img {height: 14px !important;} .qvInner .addthis_default_style a {border-right: 0; padding-right: 0; margin-right: 0;display: inline-block; vertical-align: top;} .deptDesc {text-align: center; font-size: 1em; font-family: 'Futura W01 Heavy', Arial, sans-serif; text-transform: uppercase;} /* Explore SW Carousels - Summer 2012 */ h1.exploreHead {font-family: 'Futura W01 Light',Arial, sans-serif;font-weight: normal;text-align: center; font-size: 48px; margin: 21px 0 3px 0;} .carouselPress .carouselExploreCont { width:790px; height:472px; margin: 20px auto; } .carouselPress .carouselExploreCont > img, .carouselPress .carouselExploreCont > div { width:250px; height:400px; display:none; } /* Weitzman Is carousel */ #carouselContainer{width:970px; height: 520px; background:transparent;margin:-18px auto 0;position: relative;overflow: hidden;} .carouselItem{width: 400px;height: 400px;overflow: hidden;position: absolute;top: 50px; visibility: hidden;} .carouselSmall{position: absolute;top: 150px;left: 150px;z-index: 10;} .carouselLarge{position: absolute;z-index: 5;} #carouselTitle{position: absolute;bottom: 3px;width: 100%;text-align: center; color: #000; font-size: 0.813em;} #carouselLeft{position: absolute;left: 225px;top: 230px;cursor: pointer;z-index: 50;} #carouselRight{position: absolute;left: 705px;top: 230px;cursor: pointer;z-index: 51;} .carouselCelebrity #carouselContainer, .carouselPress #carouselContainer {background:transparent;position: relative;overflow: hidden;} .carouselCelebrity .carouselItem, .carouselPress .carouselItem {overflow: hidden;position: absolute;visibility: hidden;} .carouselCelebrity .carouselSmall, .carouselPress .carouselSmall{position: absolute;z-index: 10;} .carouselCelebrity .carouselLarge, .carouselPress .carouselLarge {position: absolute;z-index: 5; } .carouselCelebrity #carouselTitle, .carouselPress #carouselTitle {position: absolute;bottom: 0;width: 100%;text-align: center; color: #000; font-size: 0.813em;} .carouselCelebrity #carouselLeft, .carouselPress #carouselLeft {position: absolute;cursor: pointer;z-index: 50;} .carouselCelebrity #carouselRight, .carouselPress #carouselRight {position: absolute;cursor: pointer;z-index: 51;} /* Icons 2012 */ .iconsPage {min-height: 524px; padding: 20px 0 0 0; position: relative;} p.iconIntro {margin: 60px 0 10px 0;font-size: 1.125em; color: #000;} .iconDiv {height:1px; overflow: hidden; width: 399px; margin: 0 auto 10px; background: #aeb0b2;} .iconLinks {font-weight: bold; line-height: 1.5;padding: 0 0 0 0; font-size: 1.375em; width: 400px; margin: 0 auto 0px;} .iconLinks a {padding: 0 15px; display: block;} .iconLinks a:link, .iconLinks a:visited {text-decoration: none; color: #94969a;} .iconLinks a:hover, .iconLinks a:active {text-decoration: none; color: #000} .iconLinksLeft {text-align: right; float: left;} .iconLinksRight {text-align: left;float: left;} .iconShoe {opacity: 0.8;width: 383px; left: 220px; position: absolute; z-index: 10;} .iconQuote {position: absolute; top: 140px; z-index: 20; left: 0;font-size: 1.500em; background: #fff; opacity: 0.70; filter: alpha(opacity=70); padding: 10px; color: #000; width: 811px;height: 60px;} .iconQuoteText {color: #000;position: absolute; top:150px; left: 0; z-index: 21; font-size: 1.500em; width: 811px;} .iconQuoteText span {text-transform: uppercase; font-family: 'Futura W01 Book',Arial,sans-serif} .iconsCont {text-align: center; position: relative; margin: 0 auto; height: 390px; width: 811px;} .iconsCont img {background: transparent;-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); zoom: 1;} .iconsEase .iconShoe {top: 110px;} .iconsCharming .iconShoe {top: 80px;} .iconsConfident .iconShoe {top: 40px;} .iconsFeminine .iconQuote { height: 90px;} .iconsFeminine .iconShoe {top: 75px;} .iconsGlamorous .iconQuote {height: 90px;} .iconsIndependence .iconQuote { height: 90px;} .iconsIndependence .iconShoe {top: 120px;} .iconsProvocative .iconQuote {height: 90px;} .iconsProvocative .iconShoe {top: 40px;} .iconsSexy .iconShoe {top: 20px;} .iconsVersatile .iconQuote { height: 90px;} .iconsVersatile .iconShoe {top: 75px;} .iconsSigShop {position: absolute; left: 0;bottom: 30px; width: 811px; } .iconsStuart {float: right;font-size: 1.250em; margin: 0 70px 20px 0;} .iconsShopNow {text-align: center; font-size: 0.875em; } .iconsShopNow a, iconsShopNow a:link, iconsShopNow a:visited {text-transform: uppercase;} .iconsBtmNav {margin: 20px 0 0px;} .iconsBtmNav ul {margin: 0 auto; padding: 0; width: 870px;} .iconsBtmNav ul li {list-style: none; float: left; margin: 0 4px; font-size: 0.875em;} .iconsBtmNav ul li a, .iconsBtmNav ul li a:link, .iconsBtmNav ul li a:visited {color: #a1a1a1; text-decoration: none;} .iconsBtmNav ul li a.on, .iconsBtmNav ul li a:hover, .iconsBtmNav ul li a:active {color: #000;} /* Shoe Finder */ .shoeFinderHolder { width: 972px; height: 586px; background: url('/cms/images/shoefinder_bg.png') no-repeat; position: relative; margin: 0px 0px 0px;} .shoeFinder .stepTitle {font-size: 1.625em; border-bottom: 1px solid #dcdcdc; width: 218px; margin: 0 auto 9px; padding: 0 0 17px; text-transform: none;} .shoeFinder .stepText {font-size: 1.500em; margin: 0; padding: 0 0 20px;} .shoeFinder select {line-height: 80px; } .shoeFinder .selector {margin: 0 auto; text-align: center; } .shoeFinder div.selector {width: 379px !important; font-size: 1em; color: #333333;} .shoeFinder div.selector, .shoeFinder div.selector span {background-image: url(/cms/images/selectorLg.jpg); background-position: 0 -38px; height: 38px; line-height: 38px;} .shoeFinder div.selector span {background-position: 100% -38px; width: 352px !important; font-size: 1.125em; color: #333333;} .shoeFinder div.selector select {width: 389px !important; height: 38px;} .shoeFinder div.selector.focus:active, .shoeFinder div.selector.focus.active, .shoeFinder div.selector:hover:active, .shoeFinder div.selector.active:hover, .shoeFinder div.selector.hover {background-position: 0 -0px;} .shoeFinder div.selector.focus:active span, .shoeFinder div.selector:hover:active span, .shoeFinder div.selector.active:hover span, .shoeFinder div.selector.focus.active span, .shoeFinder div.selector.hover span {background-position: right 0;} .btnWrapper2 input.shoeFinderButton { font-size: 1.2em; font-family:'Futura W01 Book',Arial,sans-serif; line-height: 36px; padding: 0 20px 0 ; background: #000; overflow: visible; border-radius: 0px; margin-top: 0; height: 36px; letter-spacing:1px; color: #fff; -webkit-appearance: none; -webkit-border-radius:0; border-radius:0; } .shoeFinderWrpr .btnWrapper2 input.shoeFinderButton { font-size: 1.2em; font-family:'Futura W01 Book',Arial,sans-serif; line-height: 36px; padding: 0 20px 0 ; background: #fff; overflow: visible; border-radius: 0px; margin-top: 0; height: 36px; letter-spacing:1px; color: #000; -webkit-appearance: none; -webkit-border-radius:0; border-radius:0; } .shoeFinder{width: 450px; padding: 20px; text-align:center; position:absolute; left:245px; top:27px; } .shoeFinderTitle { padding: 0px; background-color:#fff; border:solid 2px #000; font-size: 0.938em; font-weight:bold; margin:0px;} .shoeFinderTitle h1 {font-size: 2.500em; margin:0px; } .shoeFinderTitle p {margin:0px; text-transform:uppercase; letter-spacing:1px;} .shoeFinderWrpr { padding: 10px; color:#fff; border:solid 1px #000; margin-top:10px; text-align:center; background: url(/cms/images/layout/black80.png) repeat; letter-spacing:1px; } .shoeFinderSection {padding: 11px 8px 12px; background-color:#fff; color:#000; border:solid 1px #000; margin-bottom:10px; font-size: 0.75em; font-family: "Futura W01 Bold"; text-transform: uppercase; } #spanStep1, #spanStep2, #spanStep3 {width:100%; font-size: 0.813em; font-weight:bold; } #spanStep1 a, #spanStep2 a, #spanStep3 a {padding:0px 20px 5px; margin-bottom: 5px; color:#fff; border-bottom:solid 1px #555; text-decoration:none; display:block;} .shoeFinderSection p {margin:0px;} #divStep1 .shoeFinderSection p:before { content: "STEP 1:"; position:absolute; left:47px;} #divStep2 .shoeFinderSection p:before { content: "STEP 2:"; position:absolute; left:47px;} #divStep3 .shoeFinderSection p:before { content: "STEP 3:"; position:absolute; left:47px;} .shoeFinder .ui-tabs-nav {width: 100%;} .shoeFinder .ui-tabs-nav li { float: left; list-style: none; width: 33%; font-family: 'Futura W01 Book',Arial,sans-serif; font-size: 1.4em; background: none transparent; } .shoeFinder .ui-tabs-nav a { text-decoration: none; background: #f3f3f3; color: #333333; width: 137px; float: left; border-bottom: 1px solid #b4b4b4; border-left: 1px solid #f3f3f3; border-right: 1px solid #f3f3f3; line-height: 35px;} .shoeFinder .ui-tabs-nav a.shoefinder3 { border-right: 1px solid #B4B4B4;} .shoeFinder li.ui-state-active a.shoefinder1 { border-bottom: 1px solid #FFFFFF; border-left: none; border-right: 1px solid #b4b4b4;} .shoeFinder li.ui-state-active a.shoefinder2 { width: 135px; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #b4b4b4; border-right: 1px solid #b4b4b4;} .shoeFinder li.ui-state-active a.shoefinder3 { border-bottom: none; border-left: 1px solid #b4b4b4; border-right: none;} .shoeFinder .ui-tabs-nav .ui-state-active a { text-decoration: none; background: none transparent; color: #000000; border-bottom: none; border-right: 1px solid #b4b4b4;} .shoeFinder .ui-tabs-panel { padding-top: 80px; margin: 20px 0 60px 12px;} .shoeFinder .ui-tabs-panel div.selector span { text-transform: none; color: #000000;} .shoeFinderNav { width: 50px; margin-left: 450px; position: absolute; bottom: 150px;} .navLeft { width: 20%; float: left;} .navCenter { width: 50px; margin: 0 auto; display: block; width: 100%; float: left; text-align: center;} .navRight { width: 20%; float: left; text-align: right;} .navCenter .circle { display: inline-block; border-radius: 50%; width: 11px; height: 11px; background: #c3c3c3;} .navCenter .circle.full { background: #000000;} .shoeFinderEnd { width: 500px; margin: 0px auto 25px; text-align: center; padding: 0 0 5px 0} .shoeFinderEnd p.shoeFinderEnd_top { font-family: 'Futura W01 Bold', Arial, sans-serif; font-size: 1.375em; font-weight: bold; margin: 0 0 32px 0;} .shoeFinderEnd p { font-size: 1.70em;} .shoeFinderEnd p > span { font-family: 'Futura W01 Medium', arial, sans-serif;} /* ShopRunner */ #divhiddenWrapper ._SRD {width: 100%; max-width:305px; margin:0 auto;} /* Reviews update - 7.22.15 */ /* noUISlider default styles * Functional styling; * These styles are required for noUiSlider to function. * You don't need to change these rules to apply your design. */ .noUi-target, .noUi-target * {-webkit-touch-callout: none;-webkit-user-select: none;-ms-touch-action: none;-ms-user-select: none;-moz-user-select: none;-moz-box-sizing: border-box;box-sizing: border-box;} .noUi-target {position: relative;direction: ltr;} .noUi-base {width: 100%;height: 100%;position: relative;z-index: 1; /* Fix 401 */} .noUi-origin {position: absolute;right: 0;top: 0;left: 0;bottom: 0;} .noUi-handle {position: relative;z-index: 1;} .noUi-stacking .noUi-handle { /* This class is applied to the lower origin when its values is > 50%. */ z-index: 10;} .noUi-state-tap .noUi-origin {-webkit-transition: left 0.3s, top 0.3s;transition: left 0.3s, top 0.3s;} .noUi-state-drag * {cursor: inherit !important;} /* Painting and performance; * Browsers can paint handles in their own layer.*/ .noUi-base {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);} /* Slider size and handle placement;*/ .noUi-horizontal {height: 18px;} .noUi-horizontal .noUi-handle {width: 30px;height: 30px;} /* Styling;*/ .noUi-background {background: #FAFAFA;box-shadow: inset 0 1px 1px #f0f0f0;} .noUi-connect {background: #3FB8AF;box-shadow: inset 0 0 3px rgba(51,51,51,0.45);-webkit-transition: background 450ms;transition: background 450ms;} .noUi-origin {border-radius: 2px;} .noUi-target.noUi-connect {box-shadow: inset 0 0 3px rgba(51,51,51,0.45), 0 3px 6px -5px #BBB;} /* Handles and cursors;*/ .noUi-dragable {cursor: w-resize;} .noUi-vertical .noUi-dragable {cursor: n-resize;} .noUi-handle {background: url(/cms/images/sliderHandle.jpg) no-repeat center center;cursor: pointer;margin: -14px 0 0 -8px; } /* Disabled state;*/ [disabled].noUi-connect, [disabled] .noUi-connect {background: #B8B8B8;} [disabled].noUi-origin, [disabled] .noUi-handle {cursor: not-allowed;} /* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */ .ratingSelection .rating-cancel {float:left; width:16px; height:15px; text-indent:-999em; cursor:pointer; display:block; background:transparent; overflow:hidden;} .ratingSelection .star-rating {float:left; width:31px; height:29px; text-indent:-999em; cursor:pointer; display:block; background:transparent; overflow:hidden;} .ratingSelection .rating-cancel, .ratingSelection .rating-cancel a {background:url(/cms/images/layout/rating_delete.gif) no-repeat 0 -15px;} .ratingSelection .star-rating, .ratingSelection .star-rating a {background:url(/cms/images/layout/rating_star.png) no-repeat 0 0;} .ratingSelection .rating-cancel a, .ratingSelection .star-rating a {display:block; width:31px; height:100%; background-position:0 0px; border:0;} .ratingSelection .star-rating-on a {background-position:0 -29px !important} .ratingSelection .star-rating-hover a {background-position:0 -29px;} /* Read Only CSS */ .ratingSelection .star-rating-readonly a {cursor:default !important} /* Partial Star CSS */ .ratingSelection .star-rating {background:transparent!important; overflow:hidden !important;} /* END jQuery.Rating Plugin CSS */ /* TOOLTIP */ .tooltip {display:none; width:200px; padding:15px; background:#CFCFCF; border:1px solid #fff; line-height:1.5em;} .tooltip.shown {position: absolute; top: -64px; left: -6.625px; display: block;} .tooltipShip { display:none; color:#3A3A3A; width:200px; padding:15px; font-size: 0.75em; background:#CFCFCF; border:1px solid #fff; line-height:1.5em; text-align:center; z-index:99999;} .tooltipPrivacy { display:none; color:#3A3A3A; width:400px; padding:10px; background:#CFCFCF; border:1px solid #fff; line-height:1.5em; text-align:left;} .tooltipWrpr {position: absolute;left: 694px;top: 0;} .tipClose {background: url(/cms/images/tipClose.jpg) no-repeat;width: 9px;height: 9px;position: absolute;right: 12px;top: 12px;cursor: pointer;} .countryTip {display: none;} .countryTip .headerPopup {width: 240px;border: 1px solid #ccc;box-sizing: border-box;padding: 35px 23px;text-transform: uppercase;color: #000;font-size: 13px;font-family: "Futura W01 Book", sans-serif;text-align: center;position: relative; right:100px; top:10px;} .countryTip .headerPopup a {font-size: 12px;text-decoration: none;} .countryTip .tipDiv {height: 1px;background: #b0b0b0;width: 100%;margin: 12px 0;} /* Video.JS */ /* .FW17-PDP-Vid {height: auto !important;} */ .FW17-PDP-Vid {font-family: 'Futura W01 Book'; width: 100%; height: auto !important; padding-bottom: 56.147541%; background: none;} .SS18-PDP-Vid {font-family: 'Futura W01 Book'; width: 100%; height: auto !important; background: none;} .FW17-PDP-Vid .vjs-poster, .SS18-PDP-Vid .vjs-poster {background-color: white;} .FW17-PDP-Vid .vjs-control-bar, .FW17-PDP-Vid .vjs-big-play-button, .FW17-PDP-Vid .vjs-menu-button .vjs-menu-content, .SS18-PDP-Vid .vjs-control-bar, .SS18-PDP-Vid .vjs-big-play-button, .SS18-PDP-Vid .vjs-menu-button .vjs-menu-content {color:white; background-color: rgba(0,0,0,.7);} .FW17-PDP-Vid .vjs-big-play-button, .SS18-PDP-Vid .vjs-big-play-button {left: 50%; top: 50%; margin-left: -1.5em; margin-top: -0.75em;} .FW17-PDP-Vid .vjs-fullscreen-control {display: none;} /* GENERAL / LAYOUT ---------------------- */ .site-wrapper {padding: 0; position: relative; min-height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;} .mainRail > .block > ol, .mainRail > .block > ul {padding-left: 30px;} .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;} .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .call-us-text {font-size: 0.250em;} .origWidth {max-width: 1366px; margin: 0 auto;} .fullBleed {max-width: 120em; margin: 0 auto;} /* CONTACT US ---------------------- */ .contact-us-heading {padding: 20px 0 0; border-bottom: 1px solid #dbdbdb; margin: 0 0 20px;} .contact-us-heading p {text-align: center; } .contact-us-heading p span { font-size: 1.375em} .contact-us-heading p.p1 > span {font-size: 0.750em;} .contact-us-heading p.p1 > span > span {font-size: 1em;} #overlay-CustCareCallYou input[type="text"] {border:1px solid #000; width: 100%;} #overlay-CustCareCallYou .siteOverlayBar {font-size: .8em; line-height: 27px;} /* NEW FORM STYLES ---------------------- */ .form-table input.text, .form-table select, .form-table textarea {-webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } .form-table .req-field-indicator, .form-table table tr > td {font-size: 0.813em;} #optOutForm input[type="text"] {width: 100%;} /* STORE */ .sizeAndShipping a {text-transform: uppercase; font-family: "Futura W01 Book", Arial, sans-serif; font-size: 9px; letter-spacing: .12em; text-decoration: underline !important;} .detailsQty { margin: 0; padding: 0; font-size: 0.813em;} .detailsQty .rowLabel {float:left; display:inline; margin: 9px 6px 0 5px; color: #000; font-family:"Futura W01 Bold"; font-size: 1em;} .detailsQty .text {width:20px; text-align:center; height: 33px; width: 33px; font-family: "Futura W01 Bold";/*-webkit-border-radius: 3px; border-radius: 3px;*/} .detailsRow ul.swatchList {margin: 7px 0 0 2px; padding: 0;} .detailsRow ul.swatchList li {margin: 0 5px 0 0; width: 36px; height: 30px;} .detailsRow ul.swatchList li:last-of-type {margin-right: 0;} .detailsRow ul.swatchList li img {padding:0; width: 36px; height: 18px !important;} .detailsRow ul.swatchList li a, .detailsRow ul.swatchList li a:link, .detailsRow ul.swatchList li a:visited {display:block; padding:0; text-decoration:none; text-align:center; font-weight:bold; overflow:hidden;} .detailsRow ul.swatchList li a.active, .detailsRow ul.swatchList li a.active:link, .productDetails ul.swatchList li a.active:visited {border-bottom: 2px solid #3A3A3A; padding-bottom: 3px;} .rowLabel.swatchMoreOpt {border-top:1px solid #d8d8d8; margin: 7px 0 28px 0; padding: 12px 0 0 2px;font-size: 13px;} .rowLabel.swatchMoreOpt .lblColor {color: #a5a5a5; letter-spacing:1px; display: block; font-size: 10px;} img.disabled { filter:alpha(opacity=20); -moz-opacity:.2; opacity:.2; } ul.swatchList li a.disabled {position: relative; cursor: not-allowed;} ul.swatchList li a.disabled:before { position: absolute; content: ""; left: -2px; top: 50%; right: -2px; border-top: 1px solid; border-color: black; -webkit-transform:rotate(25deg); -moz-transform:rotate(25deg); -ms-transform:rotate(25deg); -o-transform:rotate(25deg); transform:rotate(25deg); } .detailsRow ul.textLink li a, .detailsRow ul.textLink li a:link, .detailsRow ul.textLink li a:visited, .detailsRow ul.textLink li a.disabled { display:block; width:auto; height:26px; margin-bottom:5px; padding:1px 3px; text-decoration:none; line-height:25px; text-align:center; font-weight:bold; background:#f6f6f6; border:2px solid #d9d9d9; overflow:hidden; position:relative; } .detailsRow ul.textLink li a.disabled {background:#ddd;border:2px solid #fff;color:#fff;} .detailsRow ul.textLink li a.disabled:hover {cursor:default;background:#ddd;} .detailsRow ul.textLink li a.active, .detailsRow ul.textLink li a.active:link, .detailsRow ul.textLink li a.active:visited {border-color:#000;background:#fff;} .detailsRow ul.textLink li a:hover, .detailsRow ul.textLink li a:active {background:#f9f9f9;} .productDetails div.radioList label {margin-right:7px;} .productDetails .itemSku {margin-bottom:5px; color:#999999;} .productDetails .reviewItem {padding:0; margin-bottom:10px; border:0;} .itemDesc {line-height:1.5em;} .pricing {font-size: 1em; font-weight:normal; color:#3a3a3a; text-transform:uppercase; margin-bottom: 10px;} .detailsRow {margin-bottom:30px;} .detailsRow select, .detailsRow .text {display:block; margin-bottom:5px;} .detailsRow .note {width:60%; font-size: .9em; color:#666;} .detailsRow .itemCallouts {margin:0; text-align:left;} .detailsRow .itemCO {padding:3px 5px;} .rowLabel {display:block; margin-bottom:2px; color:#3a3a3a;} .rowLabel .selectedName1, .rowLabel .selectedName2, .rowLabel .selectedName3, .selectedName4, .selectedName5, .selectedName6, .selectedName7, .selectedName8, .selectedName9, .selectedName, .rowLabel .selectedMaterial1, .rowLabel .selectedMaterial2, .rowLabel .selectedMaterial3, .selectedMaterial4, .selectedMaterial5, .selectedMaterial6, .selectedMaterial7, .selectedMaterial8, .selectedMaterial9, .rowLabel .selectedMaterial {margin: 0; letter-spacing:.12em; font-weight:normal; color:#000; font-size: 10px; text-transform:uppercase;} .otherColors .selectedMaterial1 {display: block; margin-top: 11px;} .rowLabel .lblColor {font-size: 0.75em;} #main_emailContainer {font-size: 12px; letter-spacing: .04em} #main_emailContainer b {text-transform: uppercase; font-size: 12px; letter-spacing: .08em;} .itemPrice {color:#3a3a3a;} #customDesignTxt {color: black; margin-left: 2px; cursor: pointer; border-top: 1px solid rgb(204, 204, 204); padding-top: 11px; margin-bottom: 11px;} #customDesignTxt .customDesignTxtLn1 {font-family: 'Futura W01 Bold'; font-size: 9.98px; letter-spacing: .1em; text-decoration: underline; margin-bottom: 10px;} #customDesignTxt .customDesignTxtLn1:hover {color: #2b6ca3;} #customDesignTxt .customDesignTxtLn2 {font-family: 'Futura W01 Medium'; font-size: 10px; line-height: 1.5; letter-spacing: .15em; margin-bottom: 14px;} #customDesignOverlay {display: none; position: relative; min-height: 140px !important;} .customDesignPopUp {border: 1px solid #ccc; z-index: 10002 !important; min-height: 150px;} .customDesignClose {position: absolute; right: -8px; top: -16px; color: #959595; font-size: 16px; font-family: "Futura W01 Light"; cursor: pointer;} .customDesignPopUp .ui-dialog-titlebar {display: none;} .customDesignPopUp .customDesignTxtLn1 {font-family: 'Futura W01 Bold'; font-size: 14px; color: #2b6ca3; margin-bottom: 10px; letter-spacing: .06em;} .customDesignPopUp .customDesignTxtLn2 {font-family: 'Futura W01 Medium'; font-size: 8.5px; color: #2b6ca3; letter-spacing: .06em;} .customDesignPopUp .customDesignTxtLn3 {font-family: 'Futura W01 Medium'; letter-spacing: .1em; font-size: 10px; max-width: 370px; margin-bottom: 0;} .customDesignPopUp .customDesignTxtLn3 a {text-decoration: underline; color: black;} .itemSelections div.selector select { border: 1px solid #ccc; opacity: 0; position: absolute; padding-bottom: 3px; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;} .itemSelections div.selector {overflow: hidden; position: relative; border: 1px solid black; padding: 0; color: black; font-size: 10px; letter-spacing: .12em;} .itemSelections div.selector span {display: inline-block; padding: 10px 20px 10px 10px; width: 100%;} .itemSelections div.selector, .itemSelections div.selector span {background: #ffffff; height: auto;-webkit-box-sizing: border-box; box-sizing: border-box;} .itemSelections div.selector span:after {content: "\e902"; font-family: 'icomoon'; position: absolute; right: 10px;} .itemSelections div.selector.focus, .itemSelections div.selector.hover, .itemSelections div.selector:hover, .itemSelections div.selector.focus:active, .itemSelections div.selector.focus.active, .itemSelections div.selector:hover:active, .itemSelections div.selector.active:hover, .itemSelections div.selector.active, .itemSelections div.selector.focus, .itemSelections div.selector.hover {background-position: 0 -839px;} .itemSelections div.selector.focus span, .itemSelections div.selector.hover span, .itemSelections div.selector:hover span, .itemSelections div.selector.focus:active span, .itemSelections div.selector:hover:active span, .itemSelections div.selector.active:hover span, .itemSelections div.selector.focus.active span, .itemSelections div.selector.active span, .itemSelections div.selector.focus span, .itemSelections div.selector.hover span {background-position: 100% -839px;} #divDisplayOnly {display:none; height:100px;} .divTrunkShow {font-size: 10px;} .divTrunkShow strong {font-family: "Futura W01 Heavy"; text-transform: uppercase; margin-top: 4px;} #qvDisplay .divTrunkShow {text-align: center;} .divInstock {display:none; font-size: 12px;} .divItemArea {padding-top:9px;} .divItemArea .itemOptLinks {padding: 0 0 20px; display:none; border-bottom:1px solid #d8d8d8;} .pdpHdr {text-transform: uppercase; font-size: 12px; margin: 0 0 1em; border-bottom: 1px solid #d8d8d8; letter-spacing: .08em; padding-bottom: 5px; display: block;} .pdpDetailsWrpr {margin-bottom: 20px;} .pdpDetails {-webkit-box-sizing: border-box; box-sizing: border-box;} .pdpFitCare {-webkit-box-sizing: border-box; font-size: 0.75em;} .pdpFitRatingHdr, .pdpFitRating {visibility: hidden;} .pdpDetailsLine {display: block; margin-bottom: 12px;} .pdp-DetailsLabel {font-size: 10px; letter-spacing: .12em; text-transform: uppercase; display: inline-block;} .pdp-measurements, .pdp-features, .pdp-materials, .pdp-madein {font-size: 12px; line-height: 18px; letter-spacing: .02em; display: inline-block; float: right; width: 80%; margin-top: -3px;} .pdp-description {font-size: 14px; letter-spacing: .02em; line-height: 18px;} .pdpHdrSize, .pdpHdrWidth {float: left; width: 124px; text-align: left;} .pdpfitSlider {display: inline-block; max-width: 50%; width: 100%;} .sizeHeading {display: block; font-size: 10px; letter-spacing: .12em; margin-bottom: 8px;} .reviewCount {display: block; font-size: 9px; letter-spacing: .06em;} .relatedContent .relatedContentReg1 {margin: 0; border: 0;} #writeReview a {text-transform: uppercase; font-size: 10px; letter-spacing: .16em; font-family: 'Futura W01 Heavy'; text-decoration: underline;} .reviewTableControls {margin-top: 35px; display: table; width: 100%;} #reviewsSort, #reviewsViewNum {display: inline-block;} #writeReview, #reviewsPageNum {display: table-cell; vertical-align: middle;} #writeReview {padding: 0 60px 0 110px;} #reviewsSort .selector span {background-position: 100% -613px;} #reviewsSort .selector.hover span {background-position: 100% -647px;} .ddlReviewsSortBy {display: inline-block; line-height: 42px; font-size: 10px; letter-spacing: .12em; font-family: 'Futura W01 Heavy';} .reviewsAvgFilter{display: table-cell; vertical-align: middle; padding:0 5px 4px 0;} #ddlReviewSortBy, #ddlReviewSortBy2, #ddlReviewsPerPage, #ddlAverageStars, #ddlAverageStars2 { -webkit-appearance: none; -moz-appearance: none; border: 0; background: url(/cms/images/filter-arrow.png) no-repeat center right; font-size: 10px; letter-spacing: .12em; font-family: 'Futura W01 Heavy'; width: 90px; padding:0 10px 0 0; text-transform:uppercase; margin-right: 60px; } #uniform-ddlReviewSortBy {vertical-align: middle; max-width: 120px; display: inline-block; background-position: 0px -640px;} #reviewsViewNum {min-width: 130px;} span.ddlReviewsViewCount {font-family: 'Futura W01 Heavy'; text-transform: uppercase; font-size: 10px; letter-spacing: .12em; padding-right: 10px;} #reviewsViewNum a.box { font-family: 'Futura W01 Bold'; font-size: 9px; letter-spacing: .12em; border: 2px solid #f0f0f0; padding: 4px 11px;} #reviewsViewNum a.box.active {border: 2px solid #3A3A3A;} #reviewsPageNum {float: right; line-height: 40px; min-width:114px; text-align:right;} #spanItemReviewPages { font-size: 10px; letter-spacing: .06em; } #spanItemReviewPages strong { font-family: 'Futura W01 Bold'; } #spanItemReviewPages span a {padding: 0 6px; text-decoration: underline;} .divItemArea #divItemButtons input {border: 1px solid #000; margin-right: -2px;-webkit-box-sizing: border-box; box-sizing: border-box;} #main_btnWishlist, .btnWishlist input {border: none !important; vertical-align: middle; margin-top: -2.5px;} .divItemArea #divItemButtons {width: 100%; margin-bottom: 10px;} .divItemArea #divItemButtons .btnBlack {width: 100%;} .divItemArea #divItemButtons .btnWishlist {padding-top: 8px;} #divStoreLocator table {width: 100%; margin: 0;} .locatorNA {font-size: 10px;} .hm-Carousel2 {-webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 0 40px;} .relatedItems {border-top:1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8; padding:0; margin: 0;} .relatedItems .itemTitle {font-size: 1em;} .relatedItems .itemPrice {font-size: 12px; letter-spacing: .08em;} .olapic {padding-top: 0 !important;} .olapic .olapic-slider-widget {margin-top: 0 !important;} .prodDetailLeft .social-media-wrapper > div, .prodDetailLeft .social-media-wrapper > div > a {display: inline-block; vertical-align: top;} p.furgetit {font-size: 8px; color: black; letter-spacing: .16em; line-height: 15.31px;} .centerMobile {border-bottom: 1px solid #ccc; margin-bottom: 10px;} /* ADD 2 CART OVERLAY ---------------------- */ .carouselRelated {width: 100%; margin: 0 auto;} .scrollable-related-wrapper {position:relative; width: 100%; min-height:130px; margin: 0; padding: 0;-webkit-box-sizing: border-box; box-sizing: border-box;} .scrollable-related { position:relative; overflow:hidden; min-width: 240px; min-height:90px;} .scrollable-related .items { width:20000em; position:absolute;} /* SHOPPING BAG ---------------------- */ .cartwrpr2015 .cart { font-size: .75em; } .cartwrpr2015 .cart .inner {display: table; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #cccccc; position: relative;} .cartwrpr2015 .cart .item-cell {display: table-cell; background: none; margin: 0; padding: 20px 0; vertical-align: top;} .cartwrpr2015 .cart .item-cell.item {padding-left: 0;} .mCartDetails {display: table-cell;} .detailsContainerTable {display:table; width:100%;} .cartwrpr2015 .cart .item-cell.Total {padding-right: 10px;} .cartwrpr2015 .cart .item-cell.Total a { text-decoration: none; font-family: "Futura W01 Heavy"; color:#5a3662; } .cartwrpr2015 .cart .item-cell.hide {display: none;} .cartwrpr2015 .pDesc a {text-decoration: none; font-family: "Futura W01 Book"; text-decoration: none;color: #5a3662; font-weight: bold;} .cartInfo .promoCode input {height: 24px; -webkit-box-sizing: border-box; box-sizing: border-box;} .cartInfo .promoCode .btnWrapper {height: 24px; margin-top: 4px; float: right;} .cartInfo .promoCode .btnWrapper .btn {height: 20px; padding-top: 2px;} .chkoutRowEstShip > span {float: left; width: 75%; margin-right: 80px; text-align: right;} .chkoutBoxes .smaller {font-size: 0.625em;} .cartInfo-leftSide, .cartInfo-rightSide {width: 100%;display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; } #divPromoText {font-size: .75em;} /* CHECKOUT ---------------------- */ .checkout-top {margin: 15px auto 5px;} .checkout-top .complimentary-shipping {font-size: 0.875em;} .checkout-top .call-us {font-size: 0.813em;} .checkout-top .call-us b { padding-right: 13px; } .stepGroupContent .btnWrapper .btn {padding: 0 5px; height: 20px; font-size: 1em; margin: 0;} .userMessage, .stepGroupContent > p {font-size: 0.688em;} .selectShipping > p {font-size: 0.875em; margin: 10px 0;} .submitBtn-wrapper {text-align: right;} .step-section {padding: 0 0 20px; margin: 0 0 20px; border-bottom: 1px solid #D4D4D4;} dl.checkoutProcess .stepGroupTitle .hdng {font-size: 18px;} .checkout17 dl.checkoutProcess .stepGroupTitle .hdng {font-family: 'Gill Sans Medium'; text-transform: uppercase; letter-spacing: .1em;} .checkout-toggle .hdng {background: url(/cms/images/2015/checkout-toggler.png) no-repeat left center; padding-left: 25px; cursor: pointer; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} .checkout-toggle .stepGroupContent {visibility: hidden; max-height: 0; overflow: hidden; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} .checkout-toggle.active .stepGroupContent {visibility: visible; max-height: 30em; } .checkout-toggle.active .hdng {background: url(/cms/images/2015/checkout-toggler-active.png) no-repeat left center} /* CHECKOUT CONFIRM ---------------------- */ .confirm-checkout-wrapper {position: relative; padding: 10px 0 0;} .confirm-checkout-wrapper > p {font-size: 0.688em; } .confirm-checkout-wrapper label {margin-bottom: 3px;} .confirm-newAccount, .confirm-orderInfo { font-size: 0.688em; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; } .confirm-newAccount {width: 60%; float: right; padding-left: 40px;} .confirm-newAccount .btnWrapper2 {margin: 10px 0;} .confirm-newAccount .btnWrapper2 .btn {font-size: 1.250em; height: auto; padding-top: 10px;} .confirm-orderInfo {width: 40%;} .confirm-orderInfo .formRow {margin-bottom: 8px;} .confirm-orderInfo .formRow label {font-family: "Futura W01 Heavy"; } .cartwrpr2015 .cart-confirm {display: table; width: 100%; border-top: 1px solid #dbdbdb;} .cartwrpr2015 .cart-confirm .table-heading-wrapper {display: table-row; border-bottom: 1px solid #dbdbdb;} .cartwrpr2015 .cart-confirm .table-heading {display: table-cell; padding: 15px 0; font-family: "Futura W01 Heavy"; text-transform: uppercase;} .cartwrpr2015 .cart-confirm .table-heading.hide {display: none;} .cartwrpr2015 .cart-confirm .inner {display: table-row; border-bottom: 1px solid #dbdbdb;} .cartwrpr2015 .cart-confirm .item-cell {display: table-cell; padding: 20px 15px 20px 0;} .cartwrpr2015 .cart-confirm .item-confirm {padding-left: 50px;} .cartwrpr2015 .cart-confirm .item-confirm .image, .cartwrpr2015 .cart-confirm .item-confirm .description {display: inline-block; float: left;} .cartwrpr2015 .cart-confirm .item-confirm .image {margin-right: 15px; max-width: 100px;} .confirm-cartInfo {padding: 20px; background: #f2f2f2;} .confirm-cartInfo .formRow .price {display: block; text-align: right;} .item-cell-mobile {display: none;} /* CAREERS ---------------------- */ .career-crumbs .secondaryNav {background: #B4B4B4; margin: 0 auto 10px; padding: 5px;} .career-crumbs .secondaryNav > h1, .career-crumbs .secondaryNav > ul {display: inline-block; float: left; color: #ffffff;} .career-crumbs .secondaryNav > h1 {font-size: 13px; font-family: "Futura W01 Heavy"; text-transform: uppercase; margin: 0;} .career-crumbs .secondaryNav > ul {margin: 0; padding-top: 1px;} .career-crumbs .secondaryNav > ul li {display: inline-block; background: none; padding: 0px 5px; float: left; margin: 0; line-height: 1;} .career-crumbs .secondaryNav > ul li a, .career-crumbs .secondaryNav > ul li a:link, .career-crumbs .secondaryNav > ul li a:visited {color: #ffffff; text-decoration: none; font-size: 0.875em; line-height: 1;} .career-wrapper .filter {margin: 0 auto 5px; background: #B4B4B4; padding: 2px 2px 10px; display: table; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0.750em;} .career-wrapper .filter .section {display: table-cell; vertical-align: top;} .career-wrapper .filter .section .inner {-webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; width: 50%; float: left; padding-right: 10px;} .career-wrapper .filter .section .inner strong {display: block;} .career-wrapper .filter .text {-webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 24px;} .career-wrapper .filter .section-03 .inner-02 {padding-right: 0;} .career-wrapper .filter .section .btnWrapper2 {-webkit-box-sizing: border-box; box-sizing: border-box; width: 49%; float: left; } .career-wrapper .filter .section .btnWrapper2 .btn {-webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; width: 100%; } .career-details-wrapper {padding: 20px;} .career-details-wrapper .career-detail {width: 50%; float: left; padding: 0 50px 50px 0; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0.875em;} .career-wrapper #pagination {font-size: 0.750em; padding: 0 20px;} .career-detail-wrapper {font-size: 0.750em;} .career-detail-wrapper h1 {font-size: 2em;} .career-detail-wrapper .inner {margin-bottom: 10px;} .career-detail-wrapper .inner .btnWrapper2 {font-size: 1.250em; } .career-application-wrapper {font-size: 0.750em;} .career-application-wrapper h1 {font-size: 2em;} .career-application-wrapper .application-step > table, .career-application-wrapper .application-step > table tr, .career-application-wrapper .application-step > table td {-webkit-box-sizing: border-box; box-sizing: border-box;} .career-application-wrapper .application-step > table { width: 100%; } .career-application-wrapper .application-step > table td.field-label {min-width: 40%;} .career-application-wrapper .application-step > table td.field input, .career-application-wrapper .application-step > table td.field select {max-width: 320px; width: 100%;} .career-application-wrapper .application-step .selector {max-width: 220px;} .career-application-wrapper .application-step > table td .radio-table input {width: auto;} .career-application-wrapper .application-step > table td .radio-table label {padding-right: 10px;} .career-application-wrapper .btnWrapper2 .btn {font-size: 1.250em;} /* EMAIL SIGNUP ---------------------- */ .signupHeading {padding: 20px 10px 0;} .signupHeading h1.hdng3 {margin: 10px 0 0 0;} .signupHeading > p {font-size: 0.688em} .entry-form-wrapper {font-size: 0.750em; padding: 30px; border: 1px solid #ccc; margin: 0 auto 30px;} .entry-form-wrapper .entry-form-step {-webkit-box-sizing: border-box; box-sizing: border-box; display: block; float: none; margin: 0 auto;} .entry-form-wrapper .entry-form-step > h2 {font-size: 2em; text-align: center; font-family: "Futura W01 Book";} .entry-form-wrapper .entry-form-step > h2 span {font-size: 0.500em; text-transform: uppercase; font-weight: normal;} .entry-form-wrapper .formRow {margin: 0;} .entry-form-wrapper .btnWrapper2 {display: block; text-align: center; margin: 10px 0;} #divEntryForm .btnWrapper2 .btn {width: 200px; margin: 10px auto; font-size: 1.125em; padding-bottom:25px; box-sizing: border-box; height: 24px;} .entry-form-wrapper .checkRow label {font-size: 0.875em;} .entry-form-wrapper .entry-form-step .formRow {max-width: initial;} .popup-container .right-half {margin-left: 0;} #uniform-CT_Main_0_ddlState, #uniform-CT_Main_0_ddlState span {width: 100% !important;} #divEntryForm {border: 1px solid #cccccc;} /* OLAPIC */ .olapic {border-top:none !important} .olapic .olapic-slider-widget {border-top:1px solid #ccc; padding: 50px 0 0 0 !important;} /* SEARCH ---------------------- */ #hawkfacets {width:80%;} #hawkitemlist .itemList > .clear {display: none !important;} #hawkitemlist .itemRow {display: inline;} .search-related-carousel {border-top: 0 none;} .most-wanted-carousel {border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; padding: 0; margin: 0;} .most-wanted-carousel h3 {text-align: center; font-size: 20px; margin: 30px 0 10px; font-weight: normal; text-transform: uppercase; font-family: "Futura W01 Light"; cursor: pointer;} .sort-filter-wrapper .pagination {padding: 20px 15px;} #hawkbottompager {margin-bottom: 20px; padding-right: 15px;} #hawkmainnav .lnkOptions a {margin: 0 !important;} #hawkmainnav #divSelectedFilters {margin: 0;} .advFilter #menu_Sort ul input[type="checkbox"] + label, .advFilter #menu_Sort ul input[type="checkbox"] + img + label {background: none; padding-left: 0; text-transform: none;} .advFilter #menu_Sort .advFilter-content ul li span div, .advFilter #menu_Sort .advFilter-content ul li span div img {display: none;} .sort-by-filter .advFilter .advFilter-display, .sort-by-filter .advFilter .advFilter-display:link, .sort-by-filter .advFilter .advFilter-display:visited {text-transform: none;} div#menu_Sort label {white-space: nowrap;} /* SHIPPING RATES ---------------------- */ .shipping-delivery-table tr > td {text-align: center; padding: 0 10px 0 0;} .shipping-options-table {background: #eaeaea;} .shipping-options-table tr > td {-webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #d8d8d8; padding: 2px 50px;} .shipping-options-table p {margin: 0;} .mobile-title {display: none;} /* SITE MAP ---------------------- */ .site-map-table {width: 100%; max-width: 800px; margin: 0 auto;} .site-map-table tr > td {width: 33.333%;-webkit-box-sizing: border-box; box-sizing: border-box; } .site-map-header {font-weight: bold; font-size: 1em;-webkit-box-sizing: border-box; box-sizing: border-box; margin: 0;} .site-map-content {font-size: 0.875em;} .site-map-content > a {text-decoration: none;} #ifscasidform {height: auto;} #divStoreLocator label.hdng {font-size: 1.125em; margin-bottom: 10px;} .stretch {width: 100%; display: inline-block; font-size: 0; line-height: 0;} #sizeChartLink {float: left; cursor: pointer;} #freeShippingLink {float: right; cursor: pointer;} ul.altViews {list-style-type:none; list-style-image:none; max-width: 100%;} ul.altViews li {display:block; float:left; padding: 0 4px;} ul.altViews li a {display:block;} ul.altViews li.last {margin-right:0;} ul.altViews li img {padding:2px; -webkit-box-sizing: border-box;box-sizing: border-box;} ul.altViews li .active img, ul.altViews li a:hover img, ul.altViews li a:active img {background-color: #f0f0f0;} #bx-prev { margin-left: 26px; position: absolute; top: 45%; } #bx-next { margin-right: 26px; position: absolute; right: 0; top: 45%; } .dropCartItems {-webkit-overflow-scrolling: touch; overflow-x: hidden;} .dropCartItemsInner {height: calc(100%+1px); -webkit-transform: tranzlateZ(0);} #persistentBanner {width: 100%; z-index: 1;} #persistentBanner a {text-align: center; display: block;} #CT_Main_0_divMembers2, #CT_Main_0_divGuest2a {position: relative; min-height: 230px;} /* back to top image on listing pages */ .toTop {display: inline-block; height: 42px; width: 42px; position: fixed; bottom: 110px; right: 0px; overflow: hidden; white-space: nowrap;background: url(/cms/images/mobile/toTop.png) no-repeat; background-size: 100% auto; visibility: hidden; opacity: 0;-webkit-transition: opacity .3s 0s, visibility 0s .3s;-moz-transition: opacity .3s 0s, visibility 0s .3s;transition: opacity .3s 0s, visibility 0s .3s; z-index: 100; cursor: pointer; } .toTop.top-is-visible { visibility: visible; opacity: 1; -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s;} /* spotlight landing page */ .spotlight {max-width: 1366px; margin: 0 auto 45px;} .details {max-width:585px;float:left;} .spotlightImgWrpr {float: left; max-width: 393px; width: 100%;} .spotlightImgWrpr img {max-width: 386px;} .spotlightDetails{float: left; max-width: 583px; width: 100%; margin-top: 62px;} .spotlight .grid_4 {padding:0;} .spotlight .spotlightImage.left {float:left;} .spotlight .spotlightImage.right {float:right;} .spotlight .spotlightImage img {max-width: 385px !important;} .spotlightItemWrapper {margin: 0 auto; } .spotlight .preheading {font-size:15.77px; text-transform:uppercase;font-family:'Futura W01 Medium';line-height: 15px; margin-bottom:1px;} .spotlight .heading {font-size:43px; text-transform:uppercase; margin-bottom:9px;font-family:'Abril Fatface'; line-height:38px;} .spotlight .subheading {font-size:14px; text-transform:uppercase; font-weight:bold; width:100%; line-height:14px;} .spotlight .description {font-size:8px; text-transform:uppercase; margin: 15px 0 16px;width:100%; line-height:15px; letter-spacing: 1px;} .spotlight .spotlightCarousel {margin:0 auto; padding: 0;} .spotlight .colorName {font-size: 8px; letter-spacing: 1px; position: relative; display: block; margin-top: 7px;} .spotlight .btnWrapper2 .btn {background-color:white;color:black;border:3px solid black;font-size: 8.5px;line-height:9px; padding:5px 29px !important; font-weight:bold;letter-spacing:1px;} .nudistHeaderMobile {display:none;text-align:center;} .callToAction.center {margin-bottom:26px; font-family: "Futura W01 Medium"; font-weight: normal;} .carouselContainer {display: block;clear: both; max-width: 465px; margin: 5px auto 0} .spotlight .spotlightCarousel .leftArrow {position: absolute;top: 30%;left: -64px; cursor: pointer;} .spotlight .spotlightCarousel .rightArrow {position: absolute;top: 30%;right: -54px; cursor: pointer;} .spotlightCarousel a, .spotlightCarousel a:link, .spotlightCarousel a:visited, .spotlightCarousel a:active, .spotlightCarousel a:hover {text-decoration: none;} .slick-track {margin: 0 auto;} .slick-slide img.spotFirstImg {display: none;} .spotlight .slick-dots li {margin: 0;} .spotlight .slick-dots li button {padding: 0;} .spotlight .slick-dots li button:before {font-family: 'icomoon'; content: "\e906"; color: black; font-size: 8px; opacity: 1;} .spotlight .slick-dots li.slick-active button:before {font-family: 'icomoon'; content: "\e908"; color: black; font-size: 8px;} /* spotlight landing page (SS17 variant) */ .ss17Trends .heading {font-family: 'Gill Sans Medium'; font-weight: 300;} .ss17Trends .heading strong {font-family: 'Gill Sans Medium'; font-weight: bold;} .ss17Trends .description {font-family: 'Futura W01 Medium'; font-size: 11px; letter-spacing: .08em; line-height: 20px;} .ss17Trends .btnWrapper2 .btn {border: 1px solid black;} #buttonContainer {display: inline-block; float: right;} /* testing only */ .fpImagemap area:hover {background: red;} /* 480px */ @media only screen and (max-width: 30em) { #overlay-WishList {width: 90% !important;} .viewCloset {display: block; margin: 0 0 20px 0;} .spotlight .spotlightCarousel .leftArrow {left: 5px; top: 50%} .spotlight .spotlightCarousel .rightArrow {right: 5px; top: 50%} .spotlight {padding: 30px 0 40px;} .slick-track {margin: 0 auto;} .spotFirstImg {display: block !important;} .compareImagesWrpr {max-width: 145px;} /*#itemContainer .itemWrapper {flex-basis: 100%;}*/ } /* 481px - 767px */ @media only screen and (min-width: 30.063em) and (max-width: 47.938em) { /*#itemContainer .itemWrapper {flex-basis: 49%;}*/ } /* 605px */ @media only screen and (max-width: 37.8125em) { .spotlight .spotlightCarousel .leftArrow {left: -10px;} .spotlight .spotlightCarousel .rightArrow {right: -10px;} } /* 640px */ @media only screen and (max-width: 40em) { .mtmSlideshow .flex-control-nav li a {height: 6px; width: 6px; border-radius: 3px; margin: 0 3px;} .mtmSlideshow .flex-control-nav li a.active {height: 7px; width: 7px; border-radius: 4px;} } /* 645px */ @media only screen and (max-width: 40.313em) { .addressVerOrig {text-align: center; width: 100%;} .addressVerOrig #OriginalAddress {padding: 10px 0;} .addressVerNew {text-align: center; width: 100%;} .addressVerNew #ValidatedAddress {padding: 10px 0} .validatedShipOr {padding: 10px 0;} } /* 646px */ @media only screen and (min-width: 40.375em) { .addressVerOrig {float: left; text-align: center; width: 230px;} .addressVerOrig #OriginalAddress {height: 100px; padding: 10px;} .addressVerNew {float: left; text-align: center; width: 230px; height: 75px;} .addressVerNew #ValidatedAddress {height: 75px; padding: 10px;} .validatedShipOr {float: left; width: 50px; padding: 40px 0 0 0;} } /* 180 - 767 (All Mobile Sizes)*/ @media only screen and (min-width: 11.250em) and (max-width: 47.938em) { body.interiorBody, body.home {min-width: 320px;} .home .responsiveFooter {margin-top: 0;} .home .hmBannersWrpr {padding: 0;} .home .fullpage > div {margin: 20px 0 17px;} .carouselCelebrity #carouselContainer, .carouselPress #carouselContainer {width:100%; height: 520px; margin:0 auto; -webkit-box-sizing: border-box; box-sizing: border-box;overflow: hidden;} .carouselCelebrity .carouselItem, .carouselPress .carouselItem {width: 100%; height: 400px; top: 0; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center;} .carouselCelebrity .carouselSmall, .carouselPress .carouselSmall{z-index: 10;} .carouselCelebrity .carouselSmall, .carouselPress .carouselSmall, .carouselCelebrity .carouselLarge, .carouselPress .carouselLarge {width: 250px !important; position: static;} .carouselCelebrity #carouselTitle, .carouselPress #carouselTitle {left: 0;} .carouselCelebrity #carouselLeft, .carouselPress #carouselLeft {left: 10px;top: 230px;} .carouselCelebrity #carouselRight, .carouselPress #carouselRight {right: 10px; left: inherit; top: 230px;} .headerPopup {border:1px solid #DBDBDB; background: #fff; padding: 20px; margin-left:-50px; margin-top: 13px;} .headerLinks {margin: 10px 10px 0; text-transform: uppercase; letter-spacing: .12em; display: flex; align-items: center; justify-content: space-between;} .hdrLogo.mobileOnly {padding: 55px 0 10px;} .hdrLogo.mobileOnly a {display: block; text-align: center; height: 7.28vw;} .hdrLogo.mobileOnly a svg {width: 90.93%; height: 7.28vw;} /* GENERAL / LAYOUT */ .desktopOnly, .desktop-only, .memberLinks-second, .countryArrow, .hdrDiv, .launchQuickView, .itemLinks, .divPageHeading .hline, #divhline2, .wrpHeaderPopup, .headerLinks > .memberLinks .tooltipWrpr, #recentlyAdded .relatedItems, #widget, .hdrShipNote, #storeLocatorDesktop, #divHeaderLoggedIn, #divHeaderNotLoggedIn, .qvLink {display: none !important;} input[type="text"], input.text, textarea {-webkit-border-radius: 0; border-radius: 0; font-size: 16px;} .call-us-text {font-size: 0.5em;} .call-us-text b {padding-right: 10px;} .emailContainer {padding: 0 10px;} .mob-break {display: block;} .mobilebreak {display: block;} .nobreak {white-space:nowrap; display: inline-block;} .railLeft, .mainRail, .leftRail {min-height: 0 !important;} .leftRail {padding-top: 30px;} div.breadcrumbs {font-size: 2.5vw; letter-spacing: .06em; line-height: 12.5vw; font-family: 'Futura W01 Heavy'; text-indent: 10px;} div.breadcrubs a:first-of-type {margin-left: 0;} div.breadcrumbs a, div.breadcrumbs a:link, div.breadcrumbs a:visited { text-transform: uppercase; color: #3a3a3a; font-family: 'Futura W01 Book';} div.breadcrumbs span {color: #3a3a3a;text-transform: uppercase; } div.breadcrumbs span:last-of-type {letter-spacing: .06em;} .olapic .olapic-slider-wrapper {width: 100% !important;} .olapic .olapic-nav-button {position: absolute; float: none; top: 0; z-index: 100;} .olapic .olapic-nav-next {right: 0 !important; left: auto !important;} .olapic .olapic-nav-prev {left: 0 !important} input[type="text"], input.text {font-size: 16px;} .hmSocial-wrapper {display: none;} .altImageListing a#showHideThumbs {display: none;} .drift-zoom-pane.drift-open {display: none;} .inlineSubHeadingBanner img.mobileOnly {width: 100%;} /* CONTACT US */ .contact-us-table > table {width: 100%;} .contact-us-table > table .selector {max-width: 75%} .contact-us-heading p.p1 > span > span {display: block;} /* NEW FORM STYLES */ .form-table table tr > td {display: block;} .form-table table tr td:empty {display: none;} .form-table .input100, .form-table .input135, .form-table .input150 {max-width: 75%;} dl.forms, dl.forms dt, dl.forms dt.full, dl.forms dd, dl.forms dd.full, dl.forms dd.clear, dl.forms dl, dl.forms input.text {float:none; display:block; width:100%; -webkit-box-sizing: border-box;box-sizing: border-box;} dl.forms dt {padding:0 0 7px 0; text-align:left;} dl.forms dd { padding:0 0 7px 0;} /* MEMBER STYLES */ #divBtns {text-align: center;} #divBtns > .inner {display: inline-block;} .accountBlocks .inner .btnWrapper, .accountBlocks .inner .btnWrapper .btn {display:block; width:100%; -webkit-box-sizing: border-box;box-sizing: border-box;} .accountBlocks .inner .btnWrapper .btn { font-size: 1.250em; padding: 10px;} /* PRODUCT LISTING */ .advCompare {width: 40%; margin: 0 2.5%; z-index: initial; text-align: left; max-width: 75px;} .advCompare.active .advCompare-menu {width: 145% !important; background-color: white; z-index: 10;} .itemList.catView {margin-bottom: 50px;} .sort-filter-wrapper .lnkOptions a {padding: 10px;} .cathdng {padding: 10px 0 0;} .item-listings-table .itemWrapper .itemTitle a, .item-listings-table .itemWrapper .itemTitle a:link, .item-listings-table .itemWrapper .itemTitle a:visited {font-size: 1.5em;} .itemWrapper .itemImage {height: auto; min-height: 150px;} .itemWrapper .itemContent {padding: 0;} .itemWrapper.itemWrapper-banner {display: none;} .itemWrapper.itemWrapper-banner.doubleSize {display: none;} .itemWrapper.itemWrapper-banner.singleSize {display: none;} .itemWrapper .itemPrice {font-size: 9px; letter-spacing: .06em; font-family: 'Futura W01 Light';} .itemWrapper .itemLinks a {display: block;} .itemWrapper .plpItemName {font-size: 10px; letter-spacing: .08em; line-height: 14px;} .itemWrapper .plpGroupName {font-size: 8px; letter-spacing: .14em;} #itemContainer ul.swatchList { width: 150px !important; } .plpControls .filterlbl {font-family: "Futura W01 Heavy"; letter-spacing:.1em; display: inline; font-size: 2.5vw; line-height: 12.5vw;} .plpControls > .mobileOnly { display: inline-block; margin-left: 3.44vw;} .plpControls > div {vertical-align: middle;} .plpControls .oneup, .plpControls span.active.oneup {margin: 0 3.44vw 0 0;} .sort-filter-wrapper .lnkOptions {display: block;} .plpControls .contItem {width: 1.88vw; height: 2.5vw;} .plpControls .active .contItem {width: 2.81vw; height: 3.75vw; background: black;} #itemContainer.itemWrapper1Up .itemWrapper {flex-basis: 100%;} #itemContainer .itemWrapper {flex-basis: 49%;} #itemContainer.itemWrapper2Up .itemWrapper {flex-basis: 49%;} /* Extra padding to make mobile buttons clickable */ .plpControls .oneup:after {content: ''; position: absolute; top: 11px; left: 74px;} #itemContainer .itemWrapper.itemWrapper-banner.doubleSize {display:none;} .itemWrapper.itemWrapper1Up .flexslider {margin: 0 auto;} .item-details-wrapper { padding: 0 10px; } .pdpReviewsContent div.selector select { border: 1px solid #ccc; opacity: 0; position: absolute; padding-bottom: 3px; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;} .pdpReviewsContent div.selector {overflow: hidden; position: relative; border: 1px solid black; padding: 0; color: black; font-size: 10px; letter-spacing: .12em;} .pdpReviewsContent div.selector span {display: inline-block; padding: 10px 20px 10px 10px; width: 100%;} .pdpReviewsContent div.selector, .pdpReviewsContent div.selector span {background: #ffffff; height: auto;-webkit-box-sizing: border-box; box-sizing: border-box; border-left: none; border-right: none;} .pdpReviewsContent div.selector span:after {content: "\e902"; font-family: 'icomoon'; position: absolute; right: 10px;} .pdpReviewsContent div.selector.focus, .pdpReviewsContent div.selector.hover, .pdpReviewsContent div.selector:hover, .pdpReviewsContent div.selector.focus:active, .pdpReviewsContent div.selector.focus.active, .pdpReviewsContent div.selector:hover:active, .pdpReviewsContent div.selector.active:hover, .pdpReviewsContent div.selector.active, .pdpReviewsContent div.selector.focus, .pdpReviewsContent div.selector.hover {background-position: 0 -839px;} .pdpReviewsContent div.selector.focus span, .pdpReviewsContent div.selector.hover span, .pdpReviewsContent div.selector:hover span, .pdpReviewsContent div.selector.focus:active span, .pdpReviewsContent div.selector:hover:active span, .pdpReviewsContent div.selector.active:hover span, .pdpReviewsContent div.selector.focus.active span, .pdpReviewsContent div.selector.active span, .pdpReviewsContent div.selector.focus span, .pdpReviewsContent div.selector.hover span {background-position: 100% -839px;} .pdp-DetailsLabel {width: 33%; float: left;} .pdp-measurements, .pdp-features, .pdp-materials, .pdp-madein {float: right; width: 66%;} p.furgetit {font-size: 9px; line-height: 16.31px; text-align: center;} .centerMobile {text-align: center;} /* search */ #hawkitemlist .itemWrapper {margin-bottom: 17px; min-height: 285px;} #hawkitemlist .itemWrapper .rowLabel .selectedMaterial {margin: 0;} .prodDetailRight .mainColors .rowLabel {margin-left: 0;} ul.altViews li a {width: auto;} /* STORE DETAILS */ h1.hdng3 {font-size: 1.375em; font-family: "Futura W01 Book",Arial,sans-serif; padding-bottom:10px;} .prodDetailLeft {width: 100%; display: block;} .prodDetailRight {min-height: 0; padding: 0; width: 100%;} .prodDetailRight h1.hdng3 {font-family: 'Futura W01 Light'; text-align: center; font-size: 18px; margin-bottom: 0; text-transform: uppercase; letter-spacing: .06em; padding-bottom: 5px;} .prodDetailRight .pricing {font-size: 14px; letter-spacing: .02em;} .prodDetailRight .detailsRow {text-align: center;} .prodDetailRight .mainColors {margin-bottom: 0;} .prodDetailRight ul.swatchList {display: inline-block; width: auto; margin: 11px 0 7px 0; padding: 0;} .prodDetailRight .rowLabel.swatchMoreOpt {margin-bottom: 0; padding-top: 16px;} #main_SwatchSelections { margin-bottom: 12px; padding: 0; text-align: center;} .detailsRow ul.swatchList li {margin: 0 2.5px; display: inline-block; float: none; vertical-align: top;} .prodDetailRight .detailsQty {display: inline-block; float: left; width: 29%} .sizeAndShipping {margin: 18px 0 14px;} .itemSelections {margin:0; padding :0; -webkit-box-sizing: border-box; box-sizing: border-box;} .itemSelections div.selector {display: inline-block; width: 48%; line-height: 46px; height: 46px; border-left: 0; border-right: 0;} .itemSelections div.selector:last-child {float: right;} .itemSelections div.selector select {font-size: 16px;} .prodDetailLeft .imageRotate { max-width: 229px; } .prodDetailLeft .imageRotate img {max-width: 229px; height: auto !important;} .productImage {min-height: 260px; height: auto !important; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; max-width: 100%;} .altImageListing {margin-top: 16px; height: auto;} ul#mainAltViews.altViews, ul#mainAltViews.altViews li {display: inline-block;} #mainAltViews .slick-prev, #mainAltViews .slick-next, #qvAltViews .slick-prev, #qvAltViews .slick-next {display: none;} .itemWrapper .itemImage img {margin: 0 auto;} .itemReviewLink {display: inline-block;} .rowLabel {display: inline-block;} .rowLabel .selectedName {font-size: 10px; letter-spacing: .12em;} .rowLabel.swatchMoreOpt .lblColor {color: #b7b7b7; font-size: 10px; letter-spacing: .12em;} .imageRotate .prev {width: 19px; height: 37px;} .imageRotate .next {width: 19px; height: 37px; right: 6px;} .mainImageSwipeWrpr {overflow: hidden;} .mainImageSwipe {display: block; } .mainImageSwipe li {text-align: center; } .mainImageSwipe .slides li:first-child {display: list-item;} .mainImageSwipe .slides li {display: none;} .mainImageSwipe .slides li a img {width: 100%;} .mainImageSwipe ol.flex-control-nav {text-align: center; margin-top: 10px;} .mainImageSwipe ol.flex-control-nav li {display: inline-block; margin: 0 5px 10px;} .mainImageSwipe ol.flex-control-nav li a, .mainImageSwipe ol.flex-control-nav li a:link, .mainImageSwipe ol.flex-control-nav li a:visited {font-size: 0; display: inline-block; width: 10px; height: 10px; background: #afafae; -webkit-border-radius: 50%; border-radius: 50%;} .mainImageSwipe ol.flex-control-nav li a.active {background: #000;} .mainImageSwipe ul.flex-direction-nav .prev {background: url(/assets/1/15/arrowLeft-trans.png) no-repeat; width: 19px; height: 37px;} .mainImageSwipe ul.flex-direction-nav .next {background: url(/assets/1/15/arrowRight-trans.png) no-repeat right top; width: 19px; height: 37px;} .divItemArea #divStoreLocator .specifySWbtn2 a {font-size: 11px;} .pdpTop {padding: 0 0 50px 0;} .pdpDetailsWrpr {margin: 0; border-bottom: 1px solid #D8D8D8; padding: 0 10px;} .pdpDetails, .pdpFitCare {min-height: auto !important; } .pdpDetails {padding: 30px 0;} .pdpFitCare {padding: 0;} .itemOptLinks a {display: inline-block; float: right;} .pdpChatLink {display: block; float: none; margin: 0;} .pdpReview-toggler {position: relative; min-width: 200px; cursor: pointer;} .pdpReviewWrpr .pdpReviewHdr:after {right: 0;} .pdpReviews {margin-top: 0; border-top: 0;} .pdpReviews .inner {margin-bottom: 120px;} .pdpReviews > .inner, .pdpReviewWrpr > .inner, .rating-wrapper {overflow: hidden; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} .pdpReviews.active > .inner, .pdpReviewWrpr.active > .inner, .pdpReviewWrpr.active .rating-wrapper {visibility: visible; max-height: 80em;} .rating-wrapper {white-space: nowrap;} .pdpReviewsRating {margin: 12px 0 0;} .pdpReviewWrpr {padding: 0;} .pdpReviewWrpr .pdpReviewHdr {line-height: 18px;} .pdpReviewWrpr.active > .inner {padding: 10px 0;} .carouselWrpr h3 {margin: 10px 0;} .pdpDetailsWrpr h3.mobileOnly {font-family: 'Futura W01 Light'; text-transform: uppercase; font-weight: normal; font-size: 20px; border-top: 1px solid #D8D8D8; padding: 10px 0; margin: 0;} .reviewTableControls tr td {display: block; width: 100% !important; text-align: center !important; padding-bottom: 5px; -webkit-box-sizing: border-box; box-sizing: border-box;} .itemWrapper.itemWrapper2Up {width: 49%;} .itemWrapper.itemWrapper1Up {width: 100%;} .addressVerNewitemWrapper.itemWrapper2Up {width: 50%;} .itemList .itemWrapper ul, .deptList .itemWrapper ul {width: auto; height: auto;} .flexslider .slides > li {width: auto !important; height: auto;} #itemContainer .itemWrapper1Up {min-height: 300px;} #itemContainer .itemWrapper2Up {min-height: 285px;} .badge {width: 26.67% !important;} .pdpHdrSize, .pdpHdrWidth {width: 20%;} .pdpfitSlider {float: left; width: 75%; max-width: 250px;} .my-account-landing .section-03 .my-account-address .inner {padding-bottom: 0;} .halfColumn .multiCol2 .colWrap, .multiCol .colWrap, .multiCol2 .colWrap, .multiCol .ratio35, .multiCol .ratio40, .multiCol .ratio60, .multiCol .ratio65 {-webkit-box-sizing: border-box;box-sizing: border-box; width:100%; float: none; display: block;} #recentlyAdded .hdng {padding-right: 60px;} #recentlyAdded .inner .itemWrapper {float: none;} #recentlyAdded .items-added {float: none;} #recentlyAdded .recentlyAddedTotals {margin: 30px auto 0;float: none; display: block; max-width: none; padding: 10px; height: auto;} #recentlyAdded #cartError {margin: 0 10px 10px;} #recentlyAdded .scrollable-related .items .itemWrapper {height: auto;} .scrollable-related-wrapper .prev {left: -20px;} .scrollable-related-wrapper .next {right: -20px;} .pdpNoReviews {font-size: 10px; letter-spacing: .06em; line-height: 18px; margin-top: 15px !important;} .pdpHdr {border-bottom: 0;} .reviewsLeft {float: none; margin-left: 0;} .reviewsRight {margin-left: 0;} .pdpReviewText {margin-right: 0;font-size: 11px;} .pdpFitSize {margin-right: 0;} .pdpFitSize p, .pdpFitWidth p {float: left; font-size: 9px; position: static;} .pdpFitSliderContainer { float: right; width: 250px; } .pdpReviewWrpr .pdpFitSize, .pdpReviewWrpr .pdpFitWidth {padding-bottom: 28px;} .pdpReviewNumber {display: none;} .sliderRight, .sliderLeft, .sliderMid {font-size: 8px; letter-spacing: .12em;} .pageHeader .hdng3 {float: none; text-align: center; display: block; margin: 10px;} .pageHeader .shopping-header {padding-bottom: 0; margin: -10px 0 0;} .padT22 {padding-top: 0;} .lightSlider {margin: 0 auto; padding-bottom:0px !important;} /*mobile make that move */ .promoVidTab {float: none;} .fw15promo ul li a {text-align: center;} .fw15promo ul li a img {float: none; margin: 0;} .fw15promo ul li.ui-state-active .nowPlaying {margin: 0 auto 8px; width: 110px;} .fw15promo ul li a {font-size: 1.1em;} .slides li {display: none;} .fw15hdng {font-size: 1.688em;} /* SHOPPING CART */ .cartwrpr2015 .cart {border-top: 1px solid #cccccc; } .cartwrpr2015 .cart .inner { display: block; padding: 30px 0;} .cartwrpr2015 .cart .item-cell, .item-cell-mobile {display: block; padding: 5px 0 0 10px; float: left; width: 55%; -webkit-box-sizing: border-box; box-sizing: border-box;} .mCartDetails {display: block; float: left; width: 55%;} .cartwrpr2015 .cart .item-cell {width: 100%;} .cartwrpr2015 .cart .item-cell.image {padding: 0; display: inline-block; float: left; width: 35%;} .cartwrpr2015 .cart .item-cell p {margin: 0;} .cartwrpr2015 .cart .item-cell.Total {text-align: left; display: block; float: none; padding: 10px 0; clear: both; width: 100%;} .cartwrpr2015 .cart .item-cell.Total > strong {display: none;} .cartwrpr2015 .cart .item-cell.Total > p {display: none;} .cartwrpr2015 .cart .item-cell.Total .right {text-align: left;} .cartwrpr2015 .cart .item-cell.Total br {display: none;} .cartwrpr2015 .cart .item-cell.Total a {display: inline-block; text-transform: uppercase; font-size: 1em; font-weight: normal; font-family: "Futura W01 Book"; float: left; } .cartwrpr2015 .cart .item-cell.Total a:first-child {margin-right: 5px; padding-right: 5px; border-right: 1px solid #000000;} .cartwrpr2015 .cart .item-cell.Total .right p {float: left; padding-left: 15px;} .cartwrpr2015 .cart .item-cell.Total .right p a {border-right: 0 none;} .cartwrpr2015 .cart .item-cell > strong {font-family: "Futura W01 Book"} .cartInfo {padding: 10px 10px 20px;} .cartInfo .supportTabs {margin: 20px 10px 10px;} .cartInfo .promoCode {text-align: left;} .cartInfo .promoCode input.text {width: 98px;} .cartInfo .promoCode .promoLabel {padding: 0 10px 0 0;} .chkoutBoxes .chkoutRow .title {width: 55%;} .chkoutBoxes .chkoutRow .price {font-size: 1em;} .cartwrpr2015 .cart .item-cell.size {width: 40% !important} .chkoutRowEstShip > span {width: 55%;} .chkoutBoxes a.enterZip, .chkoutBoxes a.enterZip:link, .chkoutBoxes a.enterZip:visited {font-size: 0.875em; font-weight: bold;} .cartInfo .supportTabs {margin: 20px 0 0; padding: 0;} .proceedCheckout {text-align: center;} .cartwrpr2015 .pDesc a {display: inline-block; padding-right: 10px;} .cartInfo .promoCode {max-width: 265px; float: right;} /* CHECKOUT */ .checkout-top {margin: 0 auto 15px; font-size: 0.688em; text-align: center;} .checkout-top .complimentary-shipping {margin-bottom: 5px;} .checkout-top .call-us { font-size: 1em} dl.checkoutProcess dt.stepTitle {margin: 0 -10px; padding: 10px 10px;} .formRow {margin: 0;} .formRow input, .formRow .selector {margin: 0 0 10px;} .stepGroupContent .btnWrapper {margin-left: 10px;} .dateSelection .selector {max-width: none;} .dateSelection.s_1half > .grid_6 {padding-right: 5px;} .checkoutCart .itemWrapper {margin: 0 10px 20px;} #ReviewWrapper > .inner {font-size: 0.750em;margin-bottom: 30px;} #ReviewWrapper .hdng {font-size: 1.125em} #ReviewBillingInfo, #ReviewPaymentInfo {margin-bottom: 30px;} .submitBtn-wrapper {text-align: center; margin-bottom: 40px;} dl.checkoutProcess .stepGroupTitle .hdng {margin-bottom: 15px;} .checkout-toggle {padding: 0 0 5px;} /* CHECKOUT CONFIRM */ .cartwrpr2015 .cart-confirm .table-heading-wrapper {display: none;} .confirm-newAccount, .confirm-orderInfo {float: none; display: block; width: 100%; padding: 0; margin: 0;} .confirm-newAccount .formRow > div {padding-right: 10px !important;} .cartwrpr2015 .cart-confirm .item-cell {font-size: 1em; padding-top: 0;} .cartwrpr2015 .cart-confirm .item-cell > strong {font-size: 1.125em;} .cartwrpr2015 .cart-confirm .item-confirm {float: left; display: inline-block; width: 40%;} .cartwrpr2015 .cart-confirm .item-confirm .description, .cartwrpr2015 .cart-confirm .item-cell.Total {display: none;} .item-cell-mobile .mo-name, .item-cell-mobile .mo-price {display: inline-block; padding: 0 5px 0 0;} .item-cell-mobile .mo-name {font-size: 1.250em;} .confirm-cartInfo .inner .title {padding-right: 20px; font-size: 0.875em} /* CAREERS */ .career-crumbs {margin-top: 15px;} .career-crumbs .secondaryNav > ul {padding: 1px 0 0;} .career-crumbs .secondaryNav > ul li {padding: 0 6px;} .career-crumbs .secondaryNav > ul li:first-child {padding-left: 0;} .career-detail-wrapper .inner .btnWrapper2 {display: block; width: 140px; margin: 0 auto;} .career-detail-wrapper .inner .btnWrapper2 .btn {display: block;} .career-application-wrapper .btnWrapper2 {margin-bottom: 10px; display: block; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;} .career-application-wrapper .btnWrapper2 .btn {padding: 10px; display: block; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: inherit; height: auto;} .career-wrapper .filter .section {display: block; padding: 0 0 5px;} .career-wrapper .filter .section .inner {padding: 0 5px 0 0} .career-wrapper .filter .section .inner-02 {padding: 0 0 0 5px;} .career-details-wrapper {padding: 20px 0;} .career-details-wrapper .career-detail {width: 100%; float: none; padding: 0 0 20px;} /* locations */ .storeLocations .accountBlocks .optionLabel label {float:left; display:inline; width:135px !important; margin-top:4px;} .storeLocations .accountBlocks .optionLabel input.text {width:125px;} .storeLocations .accountBlocks .optionLabel select {width:141px;} .locationsList {border-bottom:1px solid #e3e6e9; padding-top: 5px;} .locationsList .location {padding:10px 0; border-top:1px solid #e3e6e9;} .locationsList .location h3.hdng4 {margin-top: 0;} .locations .tablecell {margin:0 0 10px 0;} .locations .tablecell a, .locations .tablecell a:link, .locations .tablecell a:visited {color:#272324; font-family:'Futura W01 Medium'; text-decoration:none; font-size:1em; text-align:left; border:1px solid #8a8a8a; border-radius:4px; display:block; padding:10px; background:url(/cms/images/mobile/arrow_right.png) no-repeat 98% 50%, #ffffff; /* Old browsers */ background:url(/cms/images/mobile/arrow_right.png) no-repeat 98% 50%, -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%); /* FF3.6+ */ background:url(/cms/images/mobile/arrow_right.png) no-repeat 98% 50%, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */ background:url(/cms/images/mobile/arrow_right.png) no-repeat 98% 50%, -webkit-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */ background:url(/cms/images/mobile/arrow_right.png) no-repeat 98% 50%, -o-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); /* Opera 11.10+ */ background:url(/cms/images/mobile/arrow_right.png) no-repeat 98% 50%, -ms-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); /* IE10+ */ background:url(/cms/images/mobile/arrow_right.png) no-repeat 98% 50%, linear-gradient(to bottom, #ffffff 0%,#e6e6e6 100%); /* W3C */ } .locations .tablecell a .address {color:#888888; font-family:'Futura W01 Light'; display:block; padding:1px 0 0 1px;} .locationDetails {padding:10px 5% 10px; text-align:left;} .locationDetails .storeTitle {margin:0 0 10px 0;} .locationDetails .address {margin:0 0 15px 0;} .locationDetails .address .addBlock {float:left; margin:0 50px 10px 0;} .locationDetails .address .last {margin:0px;} .locationDetails #map_canvas {border:1px solid #8e8e8e;} /* EMAIL SIGNUP */ .signupHeading {padding: 0;} .signupHeading h1.hdng3 {font-size: 1.125em; font-family: "Futura W01 Heavy";} .entry-form-wrapper {padding: 30px 5px 0; border: 0 none; margin: 0 -5px;} .entry-form-wrapper .entry-form-step > h2 {font-size: 1.75em; text-align: left; padding: 0 5px; margin: 0 0 15px;} .entry-form-wrapper .checkRow label {font-size: 0.875em; float: right; width: 90%} .entry-form-wrapper .formRow > div {padding: 0 5px !important;} #divEntryForm { font-family: 'Futura W01 Book'; padding: 0 5vw; background: #f7f7f7; } #divEntryForm .s_1half .grid_6:first-of-type {width: 48%; margin-right: 1%;} #divEntryForm .s_1half .grid_6:last-of-type {width: 48%; margin-left: 1%;} #divEntryForm h2 { text-align: center; } #divEntryForm label, #divEntryForm input { color: #6f6f6f; border: 0; border-bottom: 2px solid #f7f7f7; letter-spacing: .02em; } #divEntryForm label { font-size: 3.13vw; } #divEntryForm input { font-size: 4.38vw; height: 8.75vw; line-height: 8.75vw; } #divEntryForm input:focus { color: black; outline: 0; border-bottom: 2px solid black; } #divEntryForm .btnWrapper2 { width: 100%; } #divEntryForm .btnWrapper2 .btn { padding: 0; font-size: 3.13vw; letter-spacing: .1em; height: 13.13vw; line-height: 13.13vw; color: white; width: 100%; } .most-wanted-carousel {border-top: 0 none;} .most-wanted-carousel h3 {margin-top: 0;} /* SHIPPING RATES */ .shipping-options-table {width: 100%;} .shipping-delivery-table, .shipping-delivery-table tbody, .shipping-delivery-table tr, .shipping-delivery-table td {display: block;} .shipping-delivery-table tr {padding: 10px 0 0; border-bottom: 1px solid #d8d8d8;} .shipping-delivery-table tr > td {padding: 2px; text-align: left;} .shipping-delivery-table tr > td p {margin: 0;} .shipping-delivery-table tr.table-desktop-only {display: none;} .mobile-title {display: inline-block; padding-right: 3px; font-family: 'Futura W01 Heavy', arial; width: 50%;} /* SITE MAP */ .site-map-table {display: block;} .site-map-table tr > td {width: 100%; display: block;} /* SITE MAP */ .responsive-table, .responsive-table tbody, .responsive-table th, .responsive-table tr, .responsive-table td, .responsive-table .innerTable {display: block; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;} .responsive-table .innerTable {padding-bottom: 10px; } .responsive-table th {display: none;} .responsive-table tr {padding: 10px 0; border-bottom: 1px solid #cccccc;} .responsive-table .innerTable tr {padding: 0; border-bottom: 0 none;} .responsive-table .innerTable tr > td:first-child {font-family: "Futura W01 Heavy"} .responsive-table td > strong {display: block;} .responsive-table td, .responsive-table td.bdrbottom {padding: 0 0 5px !important; border: 0 none;} .responsive-table .btnWrapper2, .responsive-table .btnWrapper2 .btn {display: block; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;} .responsive-table .pImg, .responsive-table .pDesc {display: inline-block; float: left; width: 50%;} .responsive-table td .name {font-size: 1.250em; font-family:"Futura W01 Heavy"} .cart.responsive-table > tbody > tr:first-child {padding: 0; border: 0 none;} .singleLeft, .doubleLeft, .singleRight, .hmBannerStackedTop {margin: 0 0 10px 0} .hmTriple img {width: 100%;} .sw-modal, .sw-modal .siteOverlay {width: 100% !important; left: 0 !important;} #csContact > div {margin: 10px 0;} #csContact .email:before {font-size: 20px;} } /* 768px */ @media only screen and (max-width: 48em){ .spotlight {margin-bottom:15px;} .spotlight .spotlightImgWrpr{display:none;} .nudistHeaderDesktop {display:none;} .nudistHeaderMobile {display:block;} .nudistHeaderMobile img {width:100%;} .spotlightDetails {margin: 0 auto; float: none;} .spotlight .spotlightImage {display:none;} .spotlight {border-bottom:1px solid #cccccc;padding: 30px 0;margin: 0;} .callToAction.center {margin-bottom:0;} .spotlight .btnWrapper2 .btn {font-size: 9px; padding:6px 22px !important; font-weight: bold; letter-spacing: 2px; border:2px solid black;} .spotlight .colorName {display: none;} .slick-dots {bottom: -53px;} .spotlight .description {font-size:8px; text-transform:uppercase; margin: 9px 0;width:100%; line-height:15px; letter-spacing: 1px;} #paypalContainer iframe {margin: 0 auto;} } /* 180 - 1024 MOBILE through TABLET */ @media only screen and (min-width: 11.250em) and (max-width: 64.000em) { .headerLinks svg.icon.search {width: 15px; height: 15px;} .headerLinks svg.icon.cart {width: 18px; height: 18px;} #hawkfacets {width: 50%} .quickViewDisplay .prodDetailRight #lnkViewDetails {float: left; font-size: 11px;} #tblStoreFound, #tblStoreFound table, #tblStoreFound tbody, #tblStoreFound tr, #tblStoreFound td {display: block; width: 100%} .cartLinkClose {background: url(/assets/1/15/close.png) no-repeat center center; float: right; background-size: 50% 50%;width: 25px; height: 25px; display: block; margin: 0px 0 0 10px; cursor: pointer;} .cartTriggerWrapper .checkoutCartInner {padding-top: 0;} .filterCount { width: 32px; height: 32px; line-height: 32px; } #altImages {display: none;} /* STORE DETAILS */ .itemSelections .selector {width: 48%; display: inline-block;} .itemSelections .selector:last-child {float: right;} .imageControls {display: none !important;} .divItemArea {padding-top: 0;} .divItemArea #divItemButtons .btnBlack.specifySWbtn {font-size: 11px;} #divStoreLocator a {letter-spacing: .16em; margin-top: 8px;} #shopYourStore {display: none;} } /* 768+ */ @media only screen and (min-width: 48em) { div.breadcrumbs {padding:10px 0; margin: 0 auto;} .carouselCelebrity #carouselContainer, .carouselPress #carouselContainer {width:100%; height: 520px; margin:0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;} .carouselCelebrity .carouselItem, .carouselPress .carouselItem {height: 400px; top: 0; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 250px;} .carouselPress .leftItem {opacity: 0.25;} .carouselPress .centerItem {opacity: 1;} .carouselPress .rightItem {opacity: 0.25;} .carouselCelebrity .carouselSmall, .carouselPress .carouselSmall{z-index: 10;} .carouselPress .centerItem {margin-left: -125px;} .carouselCelebrity #carouselTitle, .carouselPress #carouselTitle {left: 0;} .carouselCelebrity #carouselLeft, .carouselPress #carouselLeft {left: 10px;top: 230px;} .carouselCelebrity #carouselRight, .carouselPress #carouselRight {right: 10px; left: inherit; top: 230px;} .headerPopup {border:1px solid #DBDBDB;background: #fff;padding: 20px;} .checkout-top .call-us {font-size: 0.75em; padding-left: 15px;} /* GENERAL / LAYOUT */ .mobileOnly, .mobile-only, #storeLocatorMobile, #countryLabelMobile, .menuLink-wrapper {display: none !important;} .mFullpage {display: none;} .railLeft {padding: 0 0 50px;} .railLeft .mainRail {border-left: 1px solid #e8e8e8; padding-left:20px;} h1.hdng3 {font-size: 3.125em;} .padT22 h1.hdng3 {margin: 0;} .padT22 .shopping-header {float: right; padding-top: 10px;} .hmSocial {max-width: 235px; margin: 6px 0 10px;} .singleLeft {float: left; padding: 0 5px 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; width: 65%;} .doubleRight {float: left; padding: 0 0 0 5px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 35%;} .doubleLeft {float: left; padding: 0 5px 0 0; -webkit-box-sizing: border-box; box-sizing: border-box;width: 35%;} .singleRight {float: left; padding: 0 0 0 5px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 65%;} .hmBannerStackedTop {padding: 0 0 14px 0} .olapic .olapic-slider-wrapper {width: 100% !important;} .olapic .olapic-nav-button {position: absolute; float: none; top: 0; z-index: 100;} .olapic .olapic-nav-next {right: 0 !important; left: auto !important;} .olapic .olapic-nav-prev {left: 0 !important} #divSignUpPopup {left: inherit !important; right: 10px;} .dropArrow {display: none;} .wrpHeaderPopup {top: 30px;} /* CONTACT US */ .contact-us-table > table {width: 80%;} #uniform-CT_Main_2_Contactwithwysiwyg_drpQuestion {max-width: 200px;} /* NEW FORM STYLES */ .form-table .input100 {max-width: 100px;} .form-table .input135 {max-width: 135px;} .form-table .input150 {max-width: 150px;} .form-table .input250 {max-width: 250px;} .itemWrapper .itemLinks {display: block !important;} .plpControls {right: 290px; top: 5px; width: 145px;} .plpControls .filterlbl {width: 45px; display: inline-block; line-height: 22px; letter-spacing: .12em; font-size: 10px;} .plpControls .desktopOnly {display: inline-block} .horiz-item-slider .slick-prev, .horiz-item-slider .slick-next {display: block;} #itemContainer .itemWrapper {flex-basis: 32%;} #itemContainer .itemWrapper.two-slots {flex-basis: 66%; flex-grow: 2;} #itemContainer .itemWrapper.three-slots {flex-basis: 100%; flex-grow: 3;} #mobileFilterDropdown.target-show { max-height: none; top: 35px; z-index: 5; } #menu_Material {width: 100%;} /* STORE DETAILS */ .prodDetailLeft .imageRotate {margin: 0 auto;} .productImage {margin: 0; max-width: none;} .mainImageSwipe, .mainImageSwipeWrpr {display: none;} .item-details-wrapper {margin-bottom: 28px;} .prodDetailLeft .main-image-controls {display: inline-block; margin: 0 auto; min-width: 340px;} .prodDetailLeft .zoomControls-wrapper {float: left; display: inline-block;} .prodDetailLeft .zoomControls {margin:0; color:#000; text-align:center; z-index:100; height: 20px;font-weight: bold; font-size: 0.813em; text-transform: uppercase; padding:0px 5px 0 15px; display: inline-block;} .prodDetailLeft .zoomControls .zoom-trigger { color:#000; text-align:center; font-weight: bold; font-size: 1em; text-decoration: none; background: none !important;} .prodDetailLeft .zoomControls .zoom-reset { color:#000; text-align:center; font-weight: bold; font-size: 1em; text-decoration: none; background: none !important;} .prodDetailLeft .zoomControls span {float:left; display:inline; padding:2px 0 0 0;} .prodDetailLeft .social-media-wrapper {border-right: 1px solid #000000; padding-right: 8px; display: inline-block;} .prodDetailLeft .imageControls {display: inline-block; text-transform: uppercase; padding-left: 5px; border-right:none; border-left:1px solid #000; vertical-align: top;} .prodDetailLeft .imageControls a, .prodDetailLeft .imageControls a:link, .prodDetailLeft .imageControls a:visited {color:#000; text-align:center; font-weight: bold; font-size: 0.813em; text-decoration: none;} .detailsQty {margin-bottom: 20px;} .prodDetailRight .detailsQty {display: inline; float: left; margin-top: -85px;} #reviewsSort {display: inline-block;} .pdpDetails {float: right; width: 50%; box-sizing: border-box; padding: 20px 0;} .pdpFitCare {float: left; width: 50%; box-sizing: border-box; padding: 20px 0 0 0; font-size: 0.75em;} .pdpDetails .pdp-description {font-size: 14px; letter-spacing: .02em; line-height: 18px;} .pdp-DetailsLabel {margin-bottom: 5px; float: left; width: 20%;} .pdpFitRating .pdpHdr {text-align: left; padding: 15px 0 0;} .shopping-header {float: right;} .cartwrpr2015 .cart .item-cell > strong {display: block; text-transform: uppercase;} .cartwrpr2015 .cart .item-cell > strong span {display: none;} .cartwrpr2015 .cart-confirm .item-cell > strong {display: none;} .reviewTableControls td {-webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 15px;} .itemTabs {margin-bottom: 88px;} /* lightslider styles for when plugin is not enabled but above 767px screen width*/ .lightSlider.lsPluginDisabled {text-align: center !important;} .lightSlider.lsPluginDisabled li {width: 24% !important; float: none !important; display: inline-block;} #mobileContainer {float: left;} .columnName, .columnValue {max-width: 65%; margin: 0 auto;} /* SHOPPING CART */ .cartInfo {padding: 10px 40px 15px;} .cartInfo-leftSide {float: right; width: 80%;} .cartInfo-rightSide {width: 20%;} .cartwrpr2015 .cart .item-cell.image {width: 132px;} .cartwrpr2015 .cart .item-cell.image img {width: 100%;} .cartwrpr2015 .cart .item-cell.description {width: 30%} .cartwrpr2015 .cart .item-cell.color {width: 20%} .cartwrpr2015 .cart .item-cell.size {width: 13%} .cartwrpr2015 .cart .item-cell.width {width: 10%} .cartwrpr2015 .cart .item-cell.Total {width: 20%;} #paypalContainer iframe {float: right;} /* CHECKOUT */ dl.checkoutProcess .stepGroupTitle {margin: 0 0 0 -10px;} dl.checkoutProcess .stepGroupTitle .hdng, dl.checkoutProcess .checkout-toggle.active .stepGroupTitle .hdng {margin-bottom: 15px;} dl.checkoutProcess .checkout-toggle .stepGroupTitle, dl.checkoutProcess .checkout-toggle .stepGroupTitle .hdng {margin: 0;} .formRow {margin: 0;} .formRow input, .formRow .selector {margin: 0 0 10px;} .CheckoutReview, #ReviewWrapper a.editLink {font-size: 0.750em;} #ReviewWrapper .hdng {margin-top: 20px;} /* CHECKOUT CONFIRM */ .confirm-newAccount {width: 40%; padding-left: 0;} .confirm-orderInfo {width: 60%; padding-right: 40px;} /* STORE LOCATOR */ .store-locator-wrapper {padding: 20px 0 0;} .store-locator-wrapper .right-side {padding-left: 15px; border-left: 1px solid #e8e8e8;} /* EMAIL SIGNUP */ .entry-form-wrapper { padding: 30px 20px 30px 30px;} .entry-form-wrapper .checkRow label {float: right; width: 90%;} #divEntryForm .signupStep1, #dvLogin2, #dvCreateAccount, #forgot-password {max-width: 470px; margin: 0 auto;} #divEntryForm .signupStep1 a {text-decoration: underline;} } /* Fixes specific for iPad Portrait */ @media only screen and (min-width: 48em) and (max-width: 48em) { .itemTabs {margin: 0 20px 88px;} .locatorNA {letter-spacing: .06em;} .pdpbtnBlack {letter-spacing: .02em;} #quickCart {right: 20px;} .freeShippingWrpr {width: 183px; top: 77px;} #writeReview {padding-left: 100px;} #hdrNavSearch {font-size: 10px;} .pdpFitCare {padding-left: 0;} ul.swatchList {width: auto;} .prodDetailRight h1.hdng3 {margin-top: 0;} .divTrunkShow .divTrunkShow {margin: 10px 0;} .banner1x1.itemWrapper3Up {width: 236px !important;} .banner2x1.itemWrapper3Up {width: 472px !important;} .banner1x2.itemWrapper3Up {width: 249px !important;} .banner2x2.itemWrapper3Up {width: 472px !important;} .banner1x1.itemWrapper4Up {width: 178px !important;} .banner2x1.itemWrapper4Up {width: 356px !important;} .banner3x1.itemWrapper4Up {width: 534px !important;} .banner1x2.itemWrapper4Up {width: 178px !important;} .banner2x2.itemWrapper4Up {width: 356px !important;} } /* 960px */ @media only screen and (max-width: 60em) { .mtmSlideshow .flex-direction-nav {display: none;} #pdpFAQ-overlay .ui-tabs-nav {border-bottom:1px solid #ccc; max-width: none} #pdpFAQ-overlay .faqTabs.ui-tabs-vertical .ui-tabs-panel {border: none;} #pdpFAQ-overlay .faqTabs.ui-tabs-vertical .ui-tabs-nav li {display: inline-block; margin: 0 10px .2em; width: auto;} /* review filters */ .pdpReviewsWrpr { margin: 0 10px; } .writeReview {text-decoration: underline !important; font-family: 'Futura W01 Heavy'; line-height: 18px; letter-spacing: .12em;} #writeReview {padding: 0;position: absolute; text-align: center; width: 100%; bottom: 0;} #reviewsViewNum {float: left; width: 33%; min-width:0px;} #reviewsViewNum .ddlReviewsViewCount {padding: 0; float: left; line-height: 46px;} .reviewTableControls .desktop-only, .reviewTableControls .desktopOnly {display:none;} .reviewTableControls .mobile-only, .reviewTableControls .mobileOnly {display:block !important;} #reviewsSort {float: right; width: 33%;} #mobileContainer {top: 50px; position: absolute; width: 100%;} .reviewTableControls {display: block; position: relative; height: 130px; margin-top: 0;} #reviewsPageNum {width: 100%; text-align: center; float: none; display: block; font-size: 10px; letter-spacing: .12em; font-family: 'Futura W01 Medium'; position: relative;} #spanItemReviewPrev {position: absolute; left: 0; top: 0;} #spanItemReviewNext {position: absolute; right: 0; top: 0;} #spanItemReviewPages {display: block;} #ddlReviewSortBy, #ddlReviewSortBy2, #ddlReviewsPerPage, #ddlAverageStars, #ddlAverageStars2 {width:auto; min-width:78px; max-width:108px; margin-right: 0;} /* Mobile QV */ .mfp-content .quickViewDisplay {width: 100vw;} .productImage .slick-dots li button:before, .productImage .slick-dots li { font-size: 1.5vw; line-height: 1.5vw; width: 1.5vw; height: 1.5vw; } .productImage .slick-arrow { width: 6vw; height: 12vw; position: absolute; top: 50%; transform: translateY(-50%); z-index: 2;} .productImage .slick-arrow svg { width: 6vw; height: 12vw; line-height: 2vw; } .productImage .slick-prev {left: 0;} .productImage .slick-next {right: 0;} } /* 768px - 960px */ @media only screen and (min-width: 48em) and (max-width: 60em) { #storeLocatorDesktop:after {font-size: 10px; padding-left: 5px; padding-top: 1px;} #shoppingCartIcon:before {font-size: 10px;} #shoppingCartIcon {text-indent: -14px;} .hdrDiv {margin: -4px 4px; line-height: 30px;} .lnkHdrShipping img {width: 15px; margin-top: -2px;} .pdpHdrWidth, .pdpHdrSize {width: 75px;} .qvInner .selector span {font-size: 8px;} .pdp-DetailsLabel, .pdp-measurements, .pdp-features, .pdp-materials, .pdp-madein {display: block; float: none; width: auto;} .pdpFitCare, .pdpDetails {width: 49%;} .hideOnTablet {display: none !important;} .productImage .slick-arrow svg {width: 2vw; height: 4vw;} } /* 861px */ @media only screen and (min-width: 53.813em) { /* GENERAL / LAYOUT */ .railLeft .leftRail, .railLeft .mainRail {padding: 22px 0 0;} .railLeft .mainRail {padding-left: 15px;} /* STORE DETAILS */ .prodDetailRight .detailsQty {float: left; display:inline-block; margin:0; width: 25%; -webkit-box-sizing: border-box; box-sizing: border-box;} .detailsQty .text {float: right;} .itemSelections {margin:0; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;} .itemSelections div.selector {border-bottom:1px solid #d8d8d8; display: inline-block; width: 48%; line-height: 39px; height: 39px; border-left: none; border-right: none; border-top:none;} .itemSelections div.selector.swSelected {color: #000} .itemSelections div.selector:last-child {float: right;} .itemSelections div.selector span {padding: 7px 20px 6px 5px;} /* CHECKOUT CONFIRM */ .confirm-newAccount {width: auto;} .confirm-orderInfo {width: 40%; padding-right: 0;} /* STORE LOCATOR */ .store-locator-wrapper .left-side {padding-right: 60px;} /* OVERLAYS */ .faqTabs.ui-tabs-vertical .ui-tabs-panel {padding: 0 30px 10px 30px; border-left:1px solid #ccc; } } /* 960px */ @media only screen and (min-width: 60em) { /* OVERLAYS */ .siteOverlay {left: 50%;} #pdpFAQ-overlay, #chatProactive {left: 50% !important} #pdpFAQ-overlay {width: 950px; margin-left: -475px;} #chatProactive {position: fixed; top: 475px; right: 125px; text-align: center; } /* STORE DETAILS */ .qvInner .detailsQty, .prodDetailRight .detailsQty {width: 21%;} .qvInner .detailsQty {float: left;} .pdpDetails {width: 57%;} .pdpFitCare {width: 43%;} .pdpDetails {padding-left: 60px; border-right: 0 none;} .reviewTableControls td {padding: 0;} .productImage {min-height:534px; width: 469px; margin: 0 auto;} .productImage button, .productImage .slick-dots {display: none !important;} /* CHECKOUT */ dl.checkoutProcess .stepGroupTitle {margin: 0 0 0 10px;} .formRow {margin: 0 0 8px 0;} .formRow input, .formRow .selector {margin: 0 0 7px;} /* EMAIL SIGNUP */ .entry-form-wrapper { padding: 30px 80px;} .entry-form-wrapper .signupStep1 {width: 40%;} .entry-form-wrapper .signupStep2 {width: 60%;} /* SHOPPING CART */ .cartInfo {padding: 10px 50px 15px;} .checkoutBlock {margin-left: 0;} video.blizzard {width: 978px; height: 550px;} } /* 1025px */ @media only screen and (min-width: 64.063em) { /* PRODUCT LISTING */ .filters {display:inline-block; margin-bottom:15px;} .filters .inner {margin: 7px 0 0 0; position: relative; z-index: 1;} #mobileFilterDropdown[data-expander-target] {display: block;} .filters .filterlbl, .plpControls .filterlbl {font-family: "Futura W01 Heavy"; letter-spacing: .12em; font-size: 10px;} .refine-by-filter { float: left; width: 80%; margin: 10px 0 0 0; } .sort-by-filter { float: right; width: 150px; } .sort-by-filter.filters .filterlbl {float: left;} .filters .filterlbl.mobTab-label {display: none;} .filters .hide-span {display: none !important;} .refine-by-filter .filterlbl {display: block; padding:0 0 8px;} .plpControls {max-width: 150px; float: right; width: 100%; padding: 17px 0 11px 0} .filters .filterList {float:left; padding:3px 10px 3px 0;} .filters .imgLabel {float:left; margin:2px 5px 0 0;} .filters .sortList {float:left; padding:0 10px;} .filters .sortList .imgLabel {margin:5px 5px 0 0;} .filters select, .filters .selector {float:left; width:105px !important; margin:0 4px 0 0;} .filters .advFilter {float:left; display:inline; margin:0 11px 0 0; background: #fff; z-index: 4;} .filters div.selector span {font-size: 0.625em; padding: 0 0 0 10px; text-align: left;} .filters div.selector select {font-size: 0.813em;} .filters .advFilter-content .jspVerticalBar {width: 14px; padding: 0 3px; box-sizing: border-box; border-left:1px solid #f8f8f8} .filters .advFilter-content .jspDrag {border-radius: 5px; background: #ececec;} .filters .advFilter-content .jspTrack {background: #fefefe} .filters a.secondaryColor {float:left; display:inline; margin:5px 0 0 5px; font-size: .9em;} .filters .sortItem {float:left;padding:6px 7px; border-right:1px solid #999999;} .filters .sortList .last {border-right:0;} .filters .sortItem a, .filters .sortItem a:link, .filters .sortItem a:visited {padding-right:12px; text-decoration:none; background:url(/cms/images/layout/arrow_sortorder.gif) no-repeat 100% 2px;} .filters .sortItem a.down, .filters .sortItem a.down:link, .filters .sortItem a.down:visited {font-weight:bold; background-position:100% -18px;} .filters .sortItem a.up, .filters .sortItem a.up:link, .filters .sortItem a.up:visited {font-weight:bold; background-position:100% -38px;} .lnkOptions #lnkReset {margin:0px 0px 0px 13px;} .lnkOptions #lnkSave {padding-left: 3px;} .lnkOptions #lnkSearchForMe {padding-left: 3px;} .lnkOptions > span.hide-span {display: none !important;} .advFilter .advFilter-content {box-sizing: border-box;} .advFilter #menu_Category .advFilter-content {min-width: 138px; max-width: 138px;} /*search*/ #hawkfacets > div.filterlbl {float: none;} #hawkmainnav {position: relative;} #hawkfacets .sort-by-filter {margin-top: 9px;} #divSelectedFilters .SelectedFilter {background: #f0f0f0; border: none; box-sizing: border-box; margin: 2px 0; padding: 3px 0 3px 7px; text-align: left; text-transform: uppercase;} .first-cell {width:23px;} .second-cell {width:85px;} .swatch-filter-image {padding: 0 2px 2px 0;} .cathdng {padding-left: 20px;} } /* 1366px */ @media only screen and (min-width: 85.375em) { #itemContainer .itemWrapper {flex-basis: 24%;} #itemContainer .itemWrapper.two-slots {flex-basis: 49%; flex-grow: 2;} #itemContainer .itemWrapper.three-slots {flex-basis: 75%; flex-grow: 3;} }