/*----base.css---*/ /* Base common styling here for all devices * base grid * fonts * buttons */ /* * Skeleton V2.0.4 * Copyright 2014, Dave Gamache * www.getskeleton.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 12/29/2014 ****** this has been modified from it's original version **** */ /* Table of contents ************************************************************************ - Grid - Utilities - Misc - Clearing */ /* Grid ************************************************************************ */ .container { position: relative; width: 100%; margin: 0 auto; padding: 0; box-sizing: border-box; } .container .column, .container .columns, .row .columns { width: 100%; float: left; box-sizing: border-box; margin-left: 4%;} .column:first-child, .columns:first-child { margin-left: 0; } .one.column, .one.columns { width: 4.66666666667%; } .two.columns { width: 13.3333333333%; } .three.columns { width: 22%; } .four.columns { width: 30.6666666667%; } .five.columns { width: 39.3333333333%; } .six.columns { width: 48%; } .seven.columns { width: 56.6666666667%; } .eight.columns { width: 65.3333333333%; } .nine.columns { width: 74.0%; } .ten.columns { width: 82.6666666667%; } .eleven.columns { width: 91.3333333333%; } .twelve.columns { width: 100%; margin-left: 0; } .one-third.column { width: 30.6666666667%; } .two-thirds.column { width: 65.3333333333%; } .one-half.column { width: 48%; } /* Offsets */ .offset-by-one.column, .offset-by-one.columns { margin-left: 8.66666666667%; } .offset-by-two.column, .offset-by-two.columns { margin-left: 17.3333333333%; } .offset-by-three.column, .offset-by-three.columns { margin-left: 26%; } .offset-by-four.column, .offset-by-four.columns { margin-left: 34.6666666667%; } .offset-by-five.column, .offset-by-five.columns { margin-left: 43.3333333333%; } .offset-by-six.column, .offset-by-six.columns { margin-left: 52%; } .offset-by-seven.column, .offset-by-seven.columns { margin-left: 60.6666666667%; } .offset-by-eight.column, .offset-by-eight.columns { margin-left: 69.3333333333%; } .offset-by-nine.column, .offset-by-nine.columns { margin-left: 78.0%; } .offset-by-ten.column, .offset-by-ten.columns { margin-left: 86.6666666667%; } .offset-by-eleven.column, .offset-by-eleven.columns { margin-left: 95.3333333333%; } .offset-by-one-third.column, .offset-by-one-third.columns { margin-left: 34.6666666667%; } .offset-by-two-thirds.column, .offset-by-two-thirds.columns { margin-left: 69.3333333333%; } .offset-by-one-half.column, .offset-by-one-half.columns { margin-left: 52%; } /* Utilities ************************************************************************ */ .u-full-width { width: 100%; box-sizing: border-box; } .u-max-full-width { max-width: 100%; box-sizing: border-box; } .u-pull-right { float: right; } .u-pull-left { float: left; } /* Misc ************************************************************************ */ hr { margin-top: 1rem; margin-bottom: 1rem; border-width: 0; border-top: 1px solid #c4c4c4; height: 1px; width: 100%; clear: both; } /* Clearing ************************************************************************ */ /* Self Clearing Goodness */ .container:after, .row:after, .u-cf { content: ""; display: table; clear: both; } /* End of Skeleton ------------------------------------------ */ /****** FONTS *****/ @font-face { font-family: 'bemio_italic'; src: url('fonts/bemio_italic-webfont.eot'); src: url('fonts/bemio_italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/bemio_italic-webfont.woff') format('woff'), url('fonts/bemio_italic-webfont.ttf') format('truetype'), url('fonts/bemio_italic-webfont.svg#bemio_italicregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'fontawesome'; src: url('fonts/fontawesome-webfont.eot'); src: url('fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff') format('woff'), url('fonts/fontawesome-webfont.ttf') format('truetype'), url('fonts/fontawesome-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } .bemio {font-family: 'bemio_italic';font-weight:normal;} /****** ELEMENT RESETS and STYLES *****/ form, fieldset, ul, ol, li, dl, dt, dd, table, th, td, h1, h2, h3, h4, h5, h6, p { /* clear-padded-elements */ margin: 0; padding: 0; } input[type="text"], input[type="password"], input[type="submit"], input[type="email"]{ /* remove default styles on devices */ -webkit-appearance: none !important; -webkit-tap-highlight-color: rgba(0,0,0,0); border-radius:0; border:solid 1px #999; } table { border-spacing: 0; border-collapse: collapse; } td { vertical-align: top; } table#shopping-cart-items td a img { vertical-align: bottom; width:100% !important; height:100% !important; } table#savedShipToStoreData td a img{ width:auto !important; height:auto !important; } a img { border: 0 none; } body { margin: 0 auto; padding: 0; width:100%; font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #333333; text-align: left; /* fixes blowing out bemio font */ -webkit-font-smoothing: antialiased; text-rendering: auto; } h1.page-title { font-size:18px; font-family: 'bemio_italic'; text-transform: uppercase; color: #333333; font-weight: normal; font-style: normal; padding: 0 15px 15px 15px; } h3{ font-size:14px; } .altFont { font-family: Georgia, Times, serif; } input, select, textarea { color: #3f3f3f; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; } .fl { display: inline; float: left; } .fr { display: inline; float: right; } .clr, .clear { clear: both; } .clr-right { clear: right; } .clr-left { clear: left; } .right, .alignRight { text-align: right; } .left { text-align: left; } .center { text-align: center; } .formField { width: 155px; color: #666666; } .bold { font-weight: bold; } .underline { text-decoration: underline; } .block { display: block; } .callout { color: #338acd; font-weight: bold; } .callout a, .callout a:link { color: #338acd !important; text-decoration: underline !important; } .hiliteText, a.hiliteText, a:link.hiliteText { color: #c60c30; font-size: 12px; font-weight: normal; } a, a:link { color: #c60c30; text-decoration: none; cursor:pointer; } a:visited { text-decoration: none; } a:active { } a:hover { text-decoration: underline; } a.hotLink, span.hotLink, span.hotEmphasis { color: #c60c30; font-weight: bold; } a.hotLinkLight, a.hotLinkLight em{ color: #c60c30; font-weight: normal; font-style: normal; } a.hotLinkLight em { text-transform: lowercase; } .pipe { float: left; margin: 0 3px 0 3px; } .button-pipe { display:inline; color: #bbb; border-right:1px solid #bbb; min-height:15px; margin:5px 10px 0 0; } .buttonSep { border-right: 1px solid #bbb; min-height: 15px; margin: 5px 10px 0 10px; display:inline; } #socialContainer .button-pipe { padding-top: 0; } li { list-style-type: none; } ul.bullet { list-style-type: disc; } .bullet li { margin-left: 1.2em; list-style-type: inherit; margin-bottom: 4px; } ul.horiz li { display: inline; } /* align radio buttons and labels */ .label-radio { margin-top: 2px; float: left; margin-bottom: 5px; } .btn-radio { float: left; margin-bottom: 5px; } .spaced { margin: 7px 0; } .buttonRow { padding: 10px 0; text-align: right; } .submit-container { line-height: 26px; } .submit-container * { vertical-align: middle; } .light-gray { background: #eaeaea; } .lighter-gray { background: #f0f0f0; } .dark-gray { background: #666666; } .darker-gray { background: #333333; } .bleed { margin-left: -15px; margin-right: -15px; } .innerPad { padding: 15px; } .innerPadX { padding-left: 15px; padding-right: 15px; } .innerPadY { padding-top: 15px; padding-bottom: 15px; } #header a.flyoutClose { background-color:transparent !important; /* managed content override */ } a.flyoutClose, a.closeBtn, .closeBtn { position: absolute; top: 4px; right: 15px; z-index: 2; color: #c60c30 !important; font-size: 10px; font-weight:bold; white-space:nowrap; background-color:transparent; width:48px; height:7px; background-size:cover; margin-top:4px; } a.closeBtn.grey, .closeBtn { /* color:#888888, see image-css.jsp */ } a.closeBtn.red { /* color:#C60C30 */ } a.closeBtn.ltGrey { /* color:#B1B0B0 */ } a.flyoutClose:hover, .closeBtn:hover { text-decoration: none; } #colorbox #popup_close_button { display:none !important; } #layerClose { display: block; width: 100%; height: 100%; } /****** ICONS *****/ .fa-twitter-square{color:#1aa9d3;font-size: 20px;} .fa-facebook-square{color:#35558e;font-size: 20px;} .icon-r { background-color: transparent; background-repeat: no-repeat; background-position: right center; padding-right: 7px; } .icon-l { background-color: transparent; background-repeat: no-repeat; background-position: left center; padding-left: 7px; } .common-error .error-icon, .errorMsg .error-icon { background-color: #FE0000; display:inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: 12px; height: 12px; padding: 3px 3px 2px; margin-right: 5px; } .common-error .error-icon:before, .errorMsg .error-icon:before { content: "\f071"; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; text-decoration: inherit; font-size: 12px; z-index: 1; color:#fff; } .restriction-icon, .assembly-icon, .fa-exclamation-triangle{ display:inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: 12px; height: 12px; padding: 0 3px; margin-right: 5px; float:left; } .restriction-icon:before, .assembly-icon:before, .fa-exclamation-triangle { font-family: 'FontAwesome'; font-style: normal; font-weight: normal; text-decoration: inherit; font-size: 14px; z-index: 1; color:#c60c30; } .assembly-icon:before{ content: "\f0ad"; } .restriction-icon:before{ content: "\f05e"; } .arrow-r { } .arrow-l { } .showLoader { } .bug-video, .productBug .bugs { width:70px; height: 16px; } .productBug .bugs { border-left:1px solid #fff; border-bottom:1px solid #fff; position:relative; z-index:2; } .catalog-entity-thumbnail .productBug .bugs{ border-right:1px solid #fff; border-left:none; border-bottom:none; border-top:1px solid #fff; } .productBug .bug-new { background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDM3Ny4xIDgyLjYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDM3Ny4xIDgyLjYiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHJlY3QgeD0iMCIgeT0iMCIgZmlsbD0iI0M2MEMzMCIgd2lkdGg9IjM3Ny4xIiBoZWlnaHQ9IjgyLjYiLz4NCjxnPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik02OS45LDE4LjRsLTYuNSw0Ni4xaC0xNkwzNyw0MC44bC0zLjMsMjMuN0gxOC4ybDYuNS00Ni4xaDE2LjlsOS42LDIzLjVsMy4zLTIzLjVINjkuOXoiLz4NCgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNOTIuMSwzMS4zbC0wLjUsNGgxNy4zbC0xLjcsMTJIODkuOGwtMC41LDQuMkgxMDlsLTEuOCwxMi45SDcxbDYuNS00Ni4xaDM2LjJsLTEuOCwxM0g5Mi4xeiIvPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xODcuNywxOC40bC0xNi4yLDQ2LjFoLTIwLjdsLTEuNi0yNS45bC04LjksMjUuOWgtMjAuNWwtMy4zLTQ2LjFoMTYuN3YzMS40bDExLTMxLjRoMTUuNWwyLjIsMzEuNA0KCQlsOC45LTMxLjRIMTg3Ljd6Ii8+DQo8L2c+DQo8L3N2Zz4=') no-repeat; } .productBug .bug-sale { background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDM3Ny4xIDgyLjYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDM3Ny4xIDgyLjYiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHJlY3QgeD0iMCIgeT0iMCIgZmlsbD0iIzU3QkMzOCIgd2lkdGg9IjM3Ny4xIiBoZWlnaHQ9IjgyLjYiLz4NCjxnPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik02MiwzOC45bC0zLjIsMjNjLTQuOSwyLjItMTEuOCwzLjUtMTcuOCwzLjVjLTE0LjYsMC0yMi44LTcuNS0yMi44LTIwLjhjMC0xNi4zLDEyLjItMjcuMiwzMC4zLTI3LjINCgkJYzUuOSwwLDEwLjksMS4yLDE0LjQsMi4ybC00LDEyLjdjLTIuNS0wLjgtNS43LTEuNi05LjYtMS42Yy0xMC4zLDAtMTMuNyw1LjctMTMuNywxMmMwLDcsNC4yLDkuNSw4LjMsOS41YzAuNywwLDEuMi0wLjEsMS42LTAuMQ0KCQlsMS44LTEzLjFINjJ6Ii8+DQoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTk4LjYsNDcuNWM0LjIsNi40LDguMiw1LjUsMTEuMSw1LjVsLTEuNSwxMS4xYy0yLjUsMC44LTUuMywxLjQtOS4zLDEuNGMtNi42LDAtMTAuMS0zLjUtMTUuMS0xNS40DQoJCWMtMC4zLDAuMS0wLjUsMC4xLTAuOCwwLjFsLTIuMSwxNC40SDY0LjZMNzEsMTguOGMzLjgtMC43LDExLjMtMS40LDE3LjEtMS40YzExLjcsMCwyMi45LDIuOSwyMi45LDE0DQoJCUMxMTEsNDAuOCwxMDUuNSw0NS4yLDk4LjYsNDcuNXogTTk0LjIsMzRjMC0zLjMtMy45LTQuMS02LjYtNC4xYy0wLjgsMC0xLjQsMC4xLTEuOSwwLjFsLTEuMyw5LjJjMC40LDAuMSwwLjksMC4xLDEuNCwwLjENCgkJQzg4LjgsMzkuMyw5NC4yLDM4LjYsOTQuMiwzNHoiLz4NCgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTM0LjksMzEuM2wtMC41LDRoMTcuM2wtMS43LDEyaC0xNy4zbC0wLjUsNC4yaDE5LjhMMTUwLDY0LjZoLTM2LjJsNi41LTQ2LjJoMzYuMmwtMS44LDEzSDEzNC45eiIvPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xNzcuNiwzMS4zbC0wLjUsNGgxNy4zbC0xLjcsMTJoLTE3LjNsLTAuNSw0LjJoMTkuOGwtMS44LDEyLjloLTM2LjJsNi41LTQ2LjJoMzYuMmwtMS44LDEzSDE3Ny42eiIvPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yNTEsMTguNGwtNi41LDQ2LjJoLTE2bC0xMC41LTIzLjdsLTMuMywyMy43aC0xNS41bDYuNS00Ni4yaDE2LjlsOS42LDIzLjZsMy4zLTIzLjZIMjUxeiIvPg0KPC9nPg0KPHJlY3QgeD0iMC40IiB5PSIwLjIiIGZpbGw9IiNDNjBDMzAiIHdpZHRoPSIzNzcuMSIgaGVpZ2h0PSI4Mi42Ii8+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNTguMSw0OC40YzAsMTEuMS04LjcsMTcuMi0yMi40LDE3LjJjLTYuNiwwLTEyLjUtMS40LTE3LTMuNWw0LjQtMTIuOWMzLjEsMS44LDcuNywzLjgsMTMuNCwzLjgNCgkJYzMuOCwwLDQuNC0wLjksNC40LTEuNmMwLTMuOC0xOC4zLTAuMS0xOC4zLTE1LjhjMC0xMC41LDguMy0xOCwyMS42LTE4YzUuMSwwLDExLjIsMS4xLDE2LDIuN2wtNC40LDEyLjgNCgkJYy0yLjctMS40LTcuNi0yLjctMTIuMy0yLjdjLTIuNCwwLTQuMiwwLjMtNC4yLDEuNkMzOS40LDM2LDU4LjEsMzIuMSw1OC4xLDQ4LjR6Ii8+DQoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTEwNy4xLDY0LjhoLTE3TDg5LjIsNTdoLTEzbC0zLDcuN2gtMTdMNzgsMTguNWgyMC4yTDEwNy4xLDY0Ljh6IE04MC42LDQ2LjJoNy40TDg2LjIsMzJMODAuNiw0Ni4yeiIvPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xMjguOCw1MS44aDE2LjZsLTEuOCwxM0gxMTBsNi41LTQ2LjJoMTdMMTI4LjgsNTEuOHoiLz4NCgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTY5LjEsMzEuNWwtMC41LDRoMTcuM2wtMS43LDEyaC0xNy4zbC0wLjUsNC4yaDE5LjhsLTEuOCwxMi45SDE0OGw2LjUtNDYuMmgzNi4ybC0xLjgsMTNIMTY5LjF6Ii8+DQo8L2c+DQo8L3N2Zz4=') no-repeat; } .productBug .bug-green { background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDM3Ny4xIDgyLjYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDM3Ny4xIDgyLjYiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHJlY3QgeD0iMCIgeT0iMCIgZmlsbD0iIzU3QkMzOCIgd2lkdGg9IjM3Ny4xIiBoZWlnaHQ9IjgyLjYiLz4NCjxnPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik02MiwzOC45bC0zLjIsMjNjLTQuOSwyLjItMTEuOCwzLjUtMTcuOCwzLjVjLTE0LjYsMC0yMi44LTcuNS0yMi44LTIwLjhjMC0xNi4zLDEyLjItMjcuMiwzMC4zLTI3LjINCgkJYzUuOSwwLDEwLjksMS4yLDE0LjQsMi4ybC00LDEyLjdjLTIuNS0wLjgtNS43LTEuNi05LjYtMS42Yy0xMC4zLDAtMTMuNyw1LjctMTMuNywxMmMwLDcsNC4yLDkuNSw4LjMsOS41YzAuNywwLDEuMi0wLjEsMS42LTAuMQ0KCQlsMS44LTEzLjFINjJ6Ii8+DQoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTk4LjYsNDcuNWM0LjIsNi40LDguMiw1LjUsMTEuMSw1LjVsLTEuNSwxMS4xYy0yLjUsMC44LTUuMywxLjQtOS4zLDEuNGMtNi42LDAtMTAuMS0zLjUtMTUuMS0xNS40DQoJCWMtMC4zLDAuMS0wLjUsMC4xLTAuOCwwLjFsLTIuMSwxNC40SDY0LjZMNzEsMTguOGMzLjgtMC43LDExLjMtMS40LDE3LjEtMS40YzExLjcsMCwyMi45LDIuOSwyMi45LDE0DQoJCUMxMTEsNDAuOCwxMDUuNSw0NS4yLDk4LjYsNDcuNXogTTk0LjIsMzRjMC0zLjMtMy45LTQuMS02LjYtNC4xYy0wLjgsMC0xLjQsMC4xLTEuOSwwLjFsLTEuMyw5LjJjMC40LDAuMSwwLjksMC4xLDEuNCwwLjENCgkJQzg4LjgsMzkuMyw5NC4yLDM4LjYsOTQuMiwzNHoiLz4NCgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTM0LjksMzEuM2wtMC41LDRoMTcuM2wtMS43LDEyaC0xNy4zbC0wLjUsNC4yaDE5LjhMMTUwLDY0LjZoLTM2LjJsNi41LTQ2LjJoMzYuMmwtMS44LDEzSDEzNC45eiIvPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xNzcuNiwzMS4zbC0wLjUsNGgxNy4zbC0xLjcsMTJoLTE3LjNsLTAuNSw0LjJoMTkuOGwtMS44LDEyLjloLTM2LjJsNi41LTQ2LjJoMzYuMmwtMS44LDEzSDE3Ny42eiIvPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yNTEsMTguNGwtNi41LDQ2LjJoLTE2bC0xMC41LTIzLjdsLTMuMywyMy43aC0xNS41bDYuNS00Ni4yaDE2LjlsOS42LDIzLjZsMy4zLTIzLjZIMjUxeiIvPg0KPC9nPg0KPC9zdmc+') no-repeat; } .productBug .bug-usa{ } .bug-video { background: url('data:image/gif;base64,R0lGODlhRgAOANUAAJqamvHx8cLCwuHh4Xx8fHp6eoKCgoiIiOvr64aGhqKionV1dfv7+8rKyra2tt7e3pSUlJKSkmxsbM3NzZ2dncDAwNzc3L29vbi4uIqKioSEhICAgLOzs7CwsNHR0cbGxnh4eKqqquXl5cjIyKioqHBwcH5+fq2trZCQkH9/f4yMjI6OjpGRkfX19Y2Njfb29qenp9TU1Nvb27q6umFhYaysrGdnZ6+vr1tbW8/Pz/j4+JeXl9jY2MTExP///4+PjyH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCMTQwODEwQTI3NUYxMUU3QjM4QjgwRDU2MjkyQzI5RiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCMTQwODEwQjI3NUYxMUU3QjM4QjgwRDU2MjkyQzI5RiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkIxNDA4MTA4Mjc1RjExRTdCMzhCODBENTYyOTJDMjlGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkIxNDA4MTA5Mjc1RjExRTdCMzhCODBENTYyOTJDMjlGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAAAAAAAsAAAAAEYADgAABv/An3BILBqPyKRyyWwyV86oFBk5EAiuiImQ+F0PkOs1tYr8tuIMRIUmZFjTaUIhEEAMjl5HVVfgGx4fNQYHLg51fSYGJw0TGAcHcHFOBRg+PgAJlxgrlx0El6ENBSqhlyElPKYPGiqTTgYUlxAdPi8gIZcsEJczH7MolzkzAikVl4eXNyavTQcrLT4OFj4jNL8tKQqXB5o+FLI+DAEXJQE+MjQHlxUFzUwZBwg+55glHj4ICw62Jfw+KHIxkGHhxIZoMXBs81GD2TslLjY8CPWgQIqJAyRMsIXPR0YB4iY04ABChLgG0RAYcPVQCYgGoWAscKHDxwQbA0zFOLDAZChVCxIA1PPxAIUBFC2VHABw4kSIDBkiNM0EwwGGDjtSaEBBoulUFQZ+cMAAw4ABM0mTVDFhgoyZFCbAGBCTYAUKFgbYsj0QgYUVAhtUIE1LuLDhw1OCAAA7') no-repeat; background-size: 70px 14px; background-repeat: no-repeat; } /****** HEADS *****/ .fadedBG.w50 { } .fadedBG.w75 { } .fadedBG.w100 { } .fadedBG { font-size: 14px; padding: 11px 8px; } .smallHead { text-transform: uppercase; color: #333333; font-weight: bold; font-size: 10px; } /****** BUTTONS *****/ .button, button, input[type="submit"], input[type="reset"], input[type="button"] { display: inline-block; color:#fff !important; font-family:arial; font-size:12px; font-weight:600; text-align: center; height:30px; line-height:30px; padding:0px 15px; text-decoration:none; white-space: nowrap; border:1px solid #c60c30; /* To match dimensions of secondary buttons */ cursor: pointer; box-sizing: border-box; background:#c60c30; /* #e2383f; */ -webkit-appearance: none; border-radius: 0; } .button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:focus, button:focus, input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus { border-color: #888; outline: 0; text-decoration:none; background:#c60c30; /* #e2383f; */ /* Old browsers */ background: -moz-linear-gradient(top, #c12c33 50%, #e2383f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#c12c33), color-stop(100%,#e2383f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #c12c33 50%,#e2383f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #c12c33 50%,#e2383f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #c12c33 50%,#e2383f 100%); /* IE10+ */ background: linear-gradient(to bottom, #c12c33 50%,#e2383f 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c12c33', endColorstr='#e2383f',GradientType=0 ); /* IE6-9 */ } .button.button.secondary, button.button.secondary, input[type="submit"].button.secondary, input[type="reset"].button.secondary, input[type="button"].button.secondary { /* Currently light grey buttons like 'continue shopping' on mini-cart */ background:#FFF !important; color:#c60c30 !important; border: 1px solid #cecece; } .secondary.button:hover, button.secondary:hover, input[type="submit"].button.secondary:hover, input[type="reset"].button.secondary:hover, input[type="button"].button.secondary:hover, .button.secondary:focus, button.secondary:focus, input[type="submit"].button.secondary:focus, input[type="reset"].button.secondary:focus, input[type="button"].button.secondary:focus, .add-to-wish-list.button.secondary:hover, .add-to-wish-list.button.secondary a:hover { /* Fix for IE9 hover state on secondary buttons */ background: #FFF; filter: none; text-decoration: none; } .button.button.tertiary, button.button.tertiary, input[type="submit"].button.tertiary, input[type="reset"].button.tertiary, input[type="button"].button.tertiary { /* Currently dark buttons like on wishlist delete item confirmation */ background:#333 !important; color:#fff !important; border: 1px solid #cecece; } .button.button.quatro, button.button.quatro, input[type="submit"].button.quatro, input[type="reset"].button.quatro, input[type="button"].button.quatro { /* Currently white buttons on PDP, checkout, etc */ background:#fff !important; color:#333 !important; border: 1px solid #cecece; } input.button.secure, a.button.secure, .button.secure { padding-left:26px; } div.secureBtnWrap { position:relative; } div.secureBtnWrap i.fa.fa-lock { font-size:14px; position:absolute; left:11px; top:8px; color:#fff; width:14px; } input.cancel-action, a.cancel-action, input.linkBtn, a.linkBtn, .linkBtn { color: #c60c30 !important; text-transform:uppercase; font-size:11px; font-weight:bold; display:inline; cursor:pointer; letter-spacing:-.01em; background:transparent; border:none; padding:0; margin:0; } input.cancel-action:hover, a.cancel-action:hover, input.linkBtn:hover, a.linkBtn:hover, .linkBtn:hover { text-decoration:none; background:transparent; border:none; } input.cancel-action:focus, a.cancel-action:focus, input.linkBtn:focus, a.linkBtn:focus, .linkBtn:focus { text-decoration:none; background:transparent; border:none; } .cancel-button { display: inline-block; } .jsCloseSL { cursor:pointer; text-decoration:none; } /****** UTILITY *****/ .fLeft { float: left } .fRight { float: right } .cLeft { clear: left } .cRight { clear: right } .clearBoth { clear: both; height: 0; line-height: 0; font-size: 0; } .pngFixBG { } .content_left { float: left; } .content_mid { float: left; } .content_right { float: right; } /* owl slider global styling */ .owl-controls .owl-buttons .owl-prev, .owl-controls .owl-buttons .owl-next { display: block; width: 25px; height: 100%; position: absolute; top: 0; } .owl-controls .owl-buttons .owl-prev{ left:0; } .owl-controls .owl-buttons .owl-next{ right:0; } .owl-controls .owl-buttons span { position: absolute; top: 20%; width: 100%; height: 40px; display: block; } .owl-controls .owl-buttons span.arrow { position: absolute; top: 20%; width: 14px; height: 40px; display: block; } .owl-controls .owl-buttons span.background{ top: 0; height: 100%; } .owl-controls .owl-buttons .owl-prev.disabled span.arrow{ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1NC44IDE1OC44IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1NC44IDE1OC44IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNDM0MzQzMiIGQ9Ik01NC44LDJ2MjMuNWMwLDAuNC0wLjEsMC44LTAuMywxLjFMMjAuNiw3OC4zYy0wLjQsMC43LTAuNCwxLjYsMCwyLjJsMzMuOSw1MS43YzAuMiwwLjMsMC4zLDAuNywwLjMsMS4xDQoJdjIzLjVjMCwyLTIuNiwyLjgtMy43LDEuMUwwLjMsODAuNWMtMC40LTAuNy0wLjQtMS42LDAtMi4yTDUxLjEsMC45QzUyLjItMC44LDU0LjgsMCw1NC44LDJ6Ii8+DQo8L3N2Zz4=) no-repeat; } .owl-controls .owl-buttons .owl-prev span.arrow{ right: 6px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1NC44IDE1OC44IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1NC44IDE1OC44IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNDNjBDMzAiIGQ9Ik01NC44LDJ2MjMuNWMwLDAuNC0wLjEsMC44LTAuMywxLjFMMjAuNiw3OC4zYy0wLjQsMC43LTAuNCwxLjYsMCwyLjJsMzMuOSw1MS43YzAuMiwwLjMsMC4zLDAuNywwLjMsMS4xDQoJdjIzLjVjMCwyLTIuNiwyLjgtMy43LDEuMUwwLjMsODAuNWMtMC40LTAuNy0wLjQtMS42LDAtMi4yTDUxLjEsMC45QzUyLjItMC44LDU0LjgsMCw1NC44LDJ6Ii8+DQo8L3N2Zz4NCg==) no-repeat; } .owl-controls .owl-buttons .owl-next.disabled span.arrow{ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1NC44IDE1OC44IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1NC44IDE1OC44IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNDM0MzQzMiIGQ9Ik0wLDJ2MjMuNWMwLDAuNCwwLjEsMC44LDAuMywxLjFsMzMuOSw1MS43YzAuNCwwLjcsMC40LDEuNiwwLDIuMkwwLjMsMTMyLjJjLTAuMiwwLjMtMC4zLDAuNy0wLjMsMS4xdjIzLjUNCgljMCwyLDIuNiwyLjgsMy43LDEuMWw1MC43LTc3LjRjMC40LTAuNywwLjQtMS42LDAtMi4yTDMuNywwLjlDMi42LTAuOCwwLDAsMCwyeiIvPg0KPC9zdmc+) no-repeat; } .owl-controls .owl-buttons .owl-next span.arrow{ right: 4px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1NC44IDE1OC44IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1NC44IDE1OC44IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNDNjBDMzAiIGQ9Ik0wLDJ2MjMuNWMwLDAuNCwwLjEsMC44LDAuMywxLjFsMzMuOSw1MS43YzAuNCwwLjcsMC40LDEuNiwwLDIuMkwwLjMsMTMyLjJjLTAuMiwwLjMtMC4zLDAuNy0wLjMsMS4xdjIzLjUNCgljMCwyLDIuNiwyLjgsMy43LDEuMWw1MC43LTc3LjRjMC40LTAuNywwLjQtMS42LDAtMi4yTDMuNywwLjlDMi42LTAuOCwwLDAsMCwyeiIvPg0KPC9zdmc+DQo=) no-repeat; } /*----desktop.css---*/ /* ----------------------------------------------------- */ /* main desktop stylesheet*/ /****** BREADCRUMB *****/ .Breadcrumb { background-color: transparent; padding: 0; color: #000; } .checkout-basket .Breadcrumb { width: auto; } .Breadcrumb .crumb, .Breadcrumb .delim { float: left; padding: 0; color: #a79788; font-size: 17px; font-weight: bold; } .Breadcrumb .crumb a { text-decoration: none; color: #545454; font-size: 17px; font-weight: bold; } .Breadcrumb .crumb h1.crumbH1 { display:inline; font-size:12px; } .Breadcrumb a:hover { text-decoration: underline; } .Breadcrumb .delim { margin-right: 5px; } .Breadcrumb .prefix { margin: 0; } .Breadcrumb .last, .Breadcrumb .last a { color: #c60c30; font-size: 17px; font-weight: bold; } #basket .button.secure { padding-left:inherit; } /****** FORMS *****/ .form-field-container { padding: 7px 0; position:relative; clear:both; width:100%; max-width:280px; } .form-field-error { padding: 7px 5px 7px 0; } .form-field-error div.errorMsg { font-weight: bold; padding-top: 3px; margin-bottom: 3px; } a.labelHelp { color: #c60c30; font-size: 11px; font-weight: normal; text-transform: none; } .requiredLabel { margin: 0 0 10px 0; } th .requiredLabel { margin: 0; font-style: italic; } .glo-tex-error.common-error, .errorMsg { color: #FE0000; font-weight: bold; margin-bottom: 6px; } .errorMsg p b{ color:#333; } .errorMsg p{ font-weight: normal; color: #333; } .common-message-blue { margin-bottom:12px; } #itemRestrictions.outofStock { margin-bottom:12px; } #itemRestrictions, #assemblyContainer, .common-message-blue { font-weight: bold; font-size: 12px; color: #666; } #itemRestrictions a, #assemblyContainer a, .common-message-blue a{ font-weight:bold; } .form-field-container input { width: 100%; margin: 2px 0 5px 0; border:solid 1px #999; } .form-field-container input.security-code { width: 60px; } .form-field-container select{ border: 1px solid #999; } .form-field-container select#conSub{ border: 1px solid #999; width: 100%; } .form-field-container select:disabled, .form-field-container input:disabled { background-color: #eaeaea; border: 1px solid #999; } .radio-checkbox input { width: auto; margin: 0 0 5px 0; } form .inputFieldTightMarg { margin: 2px 0 3px 0; } .fieldWrap { margin-bottom: 15px; } .inputGroup { padding: 15px; } .inputGroup h3 { font-size: 13px; font-weight: bold; margin-bottom: 20px; } .inputTipWrap { position: relative; } .inputTip { position: absolute; width: 180px; left: 215px; top: 0px; font-size: 9px; } .form-field-error .radio-container { /* the error formatting in the rule above this should not apply when there is a nested radio container */ color: #4B4B4B; font-weight: normal; font-size: 1em; margin-bottom: 0; } .form-field-error .formTip { color: #171717; font-weight: normal; } .form-field-error .form-field-container { color: #171717; /* needed when form-field-containers are nested */ } .form-field-container label { font-weight: bold; display: block; margin-bottom: 5px; } .form-field-container label.optional { font-weight: normal; } .form-field-container .optionalKey { font-size: 10px; margin-left: 7px; } .form-field-container label.sideLabel { display: inline; font-size: 1em; font-weight: normal; } .form-field-container div.formTip { font-style: italic; padding-top: 7px; } .form-field-container .labelHelp { color: #c60c30; font-size: 11px; font-style: normal; margin-left: 7px; font-weight:normal; position: absolute; top: -1px; right:0; display: block; padding: 11px 4% 0 0px; white-space:nowrap; text-align:right; } .form-field-container .labelHelp a { color: #c60c30; font-size: inherit; font-style: normal; font-weight:normal; } .radio-checkbox { margin-bottom: 5px; } .radio-checkbox input { display: inline; float: left; margin-right: 6px; height: 13px; /* needs to match line-height of label below */ } .radio-checkbox label, .radio-checkbox .labelWrap { float: left; font-weight: normal; margin-bottom: 0; font-size: inherit; line-height: 13px; color: #333; } .radio-checkbox .labelWrap .inline-field-container { display:table; } .radio-checkbox .labelWrap .inline-field-container dt, .radio-checkbox .labelWrap .inline-field-container dd { display:table-cell; white-space:nowrap; } .radio-checkbox label.spaced { margin-top: 0; margin-bottom: 5px; } .radio-checkbox .labelWrap label { float: none; padding-top: 0; } .inline-field-container input { margin: 0; width: auto; } .inline-field-container dt { display: inline; margin-right: 5px; } .inline-field-container dd { display: inline; } .inline-field-container dt *, .inline-field-container dd * { display: inline; line-height: 20px; vertical-align: middle; } .inline-field-container dd select option { display: block } .form-field-container.tighten { margin-bottom: 0; padding-bottom: 3px; } .page_level_error, .form_field_error { padding-top: 5px; padding-bottom: 5px; color: #d30102; } .page_level_error { margin: 0 5px; padding-left: 5px; padding-right: 5px; } .page_level_error .error, .form_field_error .error { margin-bottom: 3px; } /* form field validation styling */ .formFieldContainer .verify { display: none; } .formFieldContainer .jsResponseMsg, .formFieldContainer.invalid .common-error, .formFieldContainer.invalid .verify { color: red; display: block; float:left; } .formFieldError input { color:red; } .formFieldError.valid input { color:inherit; } /****** HEADER *****/ .tv_logo{ position:relative; } .tv_logo a{ z-index:5; } .logo_container{ z-index:1; } .tv_logo a, .logo_container{ width: 162px; height: 36px; display:block; } #header { width: 100%; } #header #shipToStoreLink { } #header .selectedStoreContainer { font-size: 15px; font-weight: normal; text-align: left; padding:0; } #header .selectedStoreContainer .container{ min-width: 698px; } #header .selectedStoreContainer span.shippingTo {font-size: 12px;} #checkout #header .selectedStoreContainer span.shippingTo { text-transform: uppercase; font-weight: bold; } #checkout #header .selectedStoreContainer span.shippingTo a.hotLinkLight, #checkout #header .selectedStoreContainer span.shippingTo span.hotLink { color: #333333; } #checkout #header .selectedStoreContainer span.shippingTo a.hotLinkLight:hover{ text-decoration:none; } #checkout #header .selectedStoreContainer span.shippingTo span.hotLink .noStoreSelected{ text-transform: none; font-weight: normal; color: #c60c30; text-decoration: none; } #header #rightHeaderLinks { float: right; text-align: right; width:auto; height:32px; } #header #rightHeaderLinks #selfServiceLinks { margin-top: 6px; font-size: 10px; } ul.top_grey_links li { float: left; line-height: 32px; list-style:none; width:auto; display:block; white-space:nowrap; } ul.top_grey_links li.divider { background: black; -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1); -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1); box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1); height: 33px; margin: 0 0 0 1px; width: 1px; padding:0; } ul.top_grey_links .dk_gr li a:not(.button) { color: white; display: block; font-size: 10px; font-weight: bold; height: 33px; line-height: 33px; padding: 0 10px; text-transform: uppercase; float:left; } #header #rightHeaderLinks a { font-size: 10px; text-decoration: none; color: #ffffff; padding:0 12px; font-weight: bold; margin: 0 auto; width: auto; display: block; text-align: center; } #header #rightHeaderLinks a:hover { background-color: #000000; } #header #userHeaderLinks { padding-top: 10px; text-align: right; font-size: 12px; } /******** Header Bar ***********/ #header #stripNavContainer { position: relative; clear: both; background-color: #c60c30; } #header #searchContainer #keyword, #header #stripNavContainer #searchContainer #keyword{ color:#545454; } #footer_wrap { position: relative; z-index: -1; background-color: #333333; float:left; width:100%; margin-top:35px; } #shoulder { position: relative; border-bottom: 1px solid #ccc; width:100%; } #homePage #shoulder { border: none; display:none; } #shoulder .page_title { float: left; font-size: 17px; color: #c60c30; margin-right: 30px; padding: 17px 0 6px; } #shoulder .breadcrumb-container { float: left; padding: 17px 0 15px 0; } #productPage #shoulder .breadcrumb-container { padding: 17px 0 15px 0; width: 78%; } #shoulder .breadcrumb-container .clr, #shoulder .Breadcrumb .clr { padding:0 !important; } #shoulder_wrap { height: 46px; } .greeting { font-size: 13px; margin: 12px auto 15px; } .greeting a { color: #c60c30; font-weight: bold; } .content_bg_wrap { } .fadingPageDivider { height: 23px; position: relative; border-top: 1px solid #aaa696; } .pageDivider { background-color: #DAD5C3; } .pageDivider .inner { height: 1px; line-height: 0px; font-size: 0px; margin: 0 auto; } .dividerDark { height: 1px; position: relative; background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE1JSIgc3RvcC1jb2xvcj0iIzlhOTQ3YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzlhOTQ3YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg1JSIgc3RvcC1jb2xvcj0iIzlhOTQ3YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #ffffff 0%, #999 15%, #999 50%, #999 85%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(15%,#999), color-stop(50%,#999), color-stop(85%,#999), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #ffffff 0%,#999 15%,#999 50%,#999 85%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #ffffff 0%,#999 15%,#999 50%,#999 85%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #ffffff 0%,#999 15%,#999 50%,#999 85%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to right, #ffffff 0%,#999 15%,#999 50%,#999 85%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 */ } .dividerDark .inner { position: absolute; top: 0; right: 0; width: 77px; height: 1px; } .dividerLight { height: 1px; position: relative; background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE1JSIgc3RvcC1jb2xvcj0iI2MzYzNjMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2MzYzNjMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg1JSIgc3RvcC1jb2xvcj0iI2MzYzNjMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #ffffff 0%, #c3c3c3 15%, #c3c3c3 50%, #c3c3c3 85%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(15%,#c3c3c3), color-stop(50%,#c3c3c3), color-stop(85%,#c3c3c3), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #ffffff 0%,#c3c3c3 15%,#c3c3c3 50%,#c3c3c3 85%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #ffffff 0%,#c3c3c3 15%,#c3c3c3 50%,#c3c3c3 85%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #ffffff 0%,#c3c3c3 15%,#c3c3c3 50%,#c3c3c3 85%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to right, #ffffff 0%,#c3c3c3 15%,#c3c3c3 50%,#c3c3c3 85%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 */ } .dividerLight .inner { position: absolute; top: 0; right: 0; width: 66px; height: 1px; } .shadedEdge { position: relative; } .shadedEdge .shadedEdgeInner { position: absolute; top: 0; right: 0; width: 110px; height: 41px; } .shadedBoxFull { } .shadedBoxHalf { } .prdBrandModel, a.prdBrandModel { color: #c60c30; font-weight: bold; display: block; margin-bottom: 4px; } .entity-thumbnail-container a.prdBrandModel { } /****** HERO CMS STRUCTURE *****/ .gradBordTop, .gradBordBtm { z-index: 1; height: 1px; margin: 0 auto 0 auto; left: 0; right: 0; position: relative; line-height: 0; font-size: 0; } #heroContainer .gradBordTop, #heroContainer .gradBordBtm{ width:100%; background-position:top center; } body#section .gradBordTop, body#section .gradBordBtm { width: 749px; } .gradBordTop { position: absolute; top: 0; } .gradBordBtm { bottom: -1px; margin-top: -1px; } #heroContainer { width: 100%; background-color: #ffffff; } #collapseSectionCont { border-top: 0px; border-top: 1px solid #ccc; background-color: #ffffff; margin-top: -1px; } #homeCms { padding: 10px; height: 70px; } /****** SHOP NAVIGATION *****/ #header #stripNavContainer a#shopNavTabBtn { display: block; float: left; position: relative; } #header #stripNavContainer a.jsGlobalTab { text-transform: uppercase; font-size: 18px; color: #ffffff; line-height: 50px; text-align: center; font-family: 'bemio_italic'; } #shopNavTabFlyout ul, #shopNavTabFlyout li { list-style: none; margin: 0; padding: 0; text-align: left; } #shopNavTabFlyout ul li a { display: block; font-size: 12px; margin: 0 0 0 3px; text-decoration: none; color: #333333; border-bottom: 1px solid #fff; } *html #shopNavTabFlyout ul li { border-bottom: 1px solid #f3eedd; } *html #shopNavTabFlyout ul li a { width: 203px; padding-top: 3px; } #shopNavTabFlyout #goToSection { width: 240px; padding: 15px; color: #c60c30; font-size: 10px; } #shopNavTabFlyout #goToSection a { color: #c60c30; font-size: 13px; } .categoryLinksWrap { display: none; } #shopNavTabFlyout .catDispNone { display: none; } #shopNavTabFlyout .catDispBlock { display: block } #shopNavTabFlyout ul.categoyNavLinks a { margin-left: 13px; padding: 3px 6px 3px 9px; } #shopNavTabFlyout #sectionCMS { float: right; width: 270px; min-height: 418px; margin-bottom: 1px; background-color: #f9f9f9; z-index: 1; } #shopNavTabFlyout #sectionCMS #defaultShopContent, #shopNavTabFlyout #sectionCMS #specificShopContent { z-index: 1; } #shopNavTabFlyout #sectionCMS .cmsContent { display: none; } /* recently viewed */ .slider .image .productBug, .slider .image .prdShipping, .slider .price .ratings, .slider .image .promoMessage { display: none; } .slider { padding: 20px 0 20px 0; width: 215px; } /************** STORE LOCATOR ************/ #storeLocator .contentContainer iframe { min-height:600px; } .hasSavedStore #storeResultsContainerInner { height: 330px; } .hasSavedStore #storeResultsContainerInner { } #storeResultsContainerInner tr.result { height: 100px; } #closeButtTop .jsCloseSL { text-decoration:none; font-weight:bold; } #closeButtBot a { font-size:10px; text-decoration:none; font-weight:bold; } /************** STORE FINDER ************/ #header #storeLocatorLayer { position: absolute; display: none; padding: 0; width: 100%; height: 490px; top: 0; z-index: 100; margin:0 auto; max-width:1020px; } #ship-to-store-wrap { float:left; width:97%; padding-right:0; } #header .short, #header #storeLocatorLayer.short { height: 90px !important; } #header .tall { height: 557px !important; } #header #storeLocatorLayer .storeLocatorFrameBackground { background-color: #fff; border: 1px solid #755d50; width: 100%; } .storeLocatorFrameBackground, .locatorFrame { height: 100%; position: relative; margin-right:5px; } .locatorFrame #closeButtTop { position: absolute; width:55px; height:25px; top:5px; right:5px; text-align:right; } .locatorFrame .closeBtn { right:0 !important; } .locatorFrame #closeButtBot { position: absolute; bottom: 5px; left: 0; width: 100%; text-align: center; } #storeLocatorBodyWrap { position: relative; top: 50%; left: 50%; } #shipToStoreTable { margin-top: 10px; width:100%; } #storeResultsContainerInner { height: 399px; overflow: hidden; position: relative; border: solid 1px #ccc; border-width: 1px 0; } #shipToStoreData { position: absolute; top: 0; left: 0; width:100%; } #ship-to-store-wrap .intro { font-size: 12px; font-weight: bold; float:left; } .hasSavedStore #ship-to-store-wrap .intro { padding-bottom: 12px; display:block; float:none; } #savedResultsContainer { margin-bottom: 12px; } #savedResultsContainer p.intro { margin-bottom: 5px; } #savedShipToStoreData { width:100%; clear:left; } #savedShipToStoreData tr, #savedShipToStoreData td{ width:100%; } #columnMapCell { padding: 20px 0 15px 0; } .hasSavedStore #columnMapCell { padding-top: 0; } .storeResultsScroller { height: 20px; cursor: pointer; } .storeResultsScroller.off { background-image: none !important; cursor: default !important; } body#shipToStore { margin: 5px 15px; width:98%; overflow:hidden; } #shipToStore .buttonRow { text-align: center; } .custserv-wrapper .map-container { width: 450px; height: 435px; } .custserv-wrapper .map-container .map { width: 450px; height: 435px; position: absolute; z-index: 0; overflow: hidden; } .custserv-wrapper .map-container .events { width: 450px; height: 435px; position: absolute; z-index: 1; overflow: auto; } .custserv-wrapper .store-locate-container { } .custserv-wrapper .store-locate-container .info { padding-bottom: 22px; } .custserv-wrapper .store-locate-container .message { padding: 7px 0px 7px 0px; } .custserv-wrapper .store-locate-container .input-text { margin-right: 3px; width: 180px; } .custserv-wrapper .store-locate-container .search-button { display: inline; float: left; width: 66px; height: 33px; cursor: pointer; } .custserv-wrapper .store-locate-container .search-button.mouse-down { } .custserv-wrapper .store-locate-container .selectStoreText { margin: 5px 1px 2px 0; font-size: 10px; } .custserv-wrapper .store-locate-container .col1, .custserv-wrapper .store-locate-container .col2 { padding: 8px 2px 2px 2px; } .store-locate-container #shipToStoreData .col1, .store-locate-container #shipToStoreData .col2 { border-bottom:1px solid #ccc; } .custserv-wrapper .store-locate-container .col2 { background-position: -390px 0; } .custserv-wrapper .store-locate-container td .storeName { margin-bottom: 2px } #custserv-managedContentContainer { margin-top:5px; } #custserv-managedContentContainer p, ul, li, ol, dl, dt, dd, table, th, td { font-size: 12px; } .custserv-wrapper .hasSavedStore #storeResultsContainerInner { height: 299px; } .custserv-wrapper #storeResultsUp { clear:left; } #storeResultsUp { width: 31px; margin: 0 auto; } #storeResultsDown { width: 31px; margin: 0 auto; } /*****contact us popup*********/ body#contactPopup .contentContainer{ width:100%; margin-top:-30px; z-index:1; } body#contactPopup .common-template-popup{ border:0px; width:710px !important; } body#contactPopup .custserv-wrapper{padding:0; margin-top:-30px;} body#contactPopup #contact_us_tabs{ padding: 25px 0 0 5px; margin-top:0px; position:relative; } body#contactPopup #contact_us_tabs .tab_head, body#contactPopup #contact_us_tabs .tab_head .tab_head_inner, body#contactPopup #contact_us_tabs .tab_head .tab_head_inner a{ position:relative; left:0; float:left; } body#contactPopup #contact_us_tabs .tab_content{display:block; clear:both} body#contactPopup #popup_close_button{float:none; position:absolute; right:20px; top:10px; z-index:2;} /**my account store locator overrides******/ .my-account-store-locator { padding-top: 0 !important; margin-top: -15px; } .my-account-store-locator #shipToStoreTable #columnMap, .my-account-store-locator #shipToStoreTable #columnMap #map { width:100%; max-width: 350px; height: 397px; } /**********************shared login page elements myaccount and checkout ************/ .myAcctSignInMainHead { margin-left: auto; margin-right: auto; margin-top: 15px; width: 964px; } .myAcctSignInMainHead h2 { display: none; font-size: 1.5em; font-weight: bold; display: block; } #loginWrap .contentContainer { padding-right: 15px; } #loginWrap #emailPreference { width: auto; } #panelBilling #emailPreference { float:left; clear:left; } #checkout #panelBilling .radio-checkbox > label[for=emailPreference]{ float:left; } #checkout.mobile #panelBilling .radio-checkbox > label[for=emailPreference]{ float:none; } #checkout.mobile #panelBilling #emailPreference { margin-right: 0; } #signInSubHead, #myAcctSignInSubHead { width: 100%; min-height: 41px; clear: both; margin-top: 15px; position:relative; font-weight:bold; font-size:14px; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; } #signInSubHead .sideHalf, #myAcctSignInSubHead .sideHalf { float:left; width:48%; box-sizing:border-box; margin-top:11px; padding-bottom:5px; display:inline-block; } #signInSubHead .leftSide, #myAcctSignInSubHead .leftSide { width:47%; } #signInSubHead .rightSide, #myAcctSignInSubHead .rightSide { width:48%; } #signInSubHead .rightSide::before, #userLogin #myAcctSignInSubHead .rightSide::before { content:""; height:10px; padding-left:15px; border-left:1px solid #C1C0BE; } #signInSubHead .sideHalf span, #myAcctSignInSubHead .sideHalf span { font-size:10px; font-weight:normal; margin-left:10px; } #signInSubHead .dividerDark, #myAcctSignInSubHead .dividerDark { position: absolute !important; width: 100%; height: 1px; } #signInSubHead .dividerDark.top, #myAcctSignInSubHead .dividerDark.top { top:0; } #signInSubHead .dividerDark.bottom, #myAcctSignInSubHead .dividerDark.bottom { bottom:0; } #userLogout .accountContentContainer { margin-top:0; padding-top:0; } #userLogout .logoutBox { background-color:#eaeaea !important; } .common-error.top-msg { background: #FE0000; color: #FFF; padding: 8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position: relative; display:block; margin: 0 0 18px; } #creditApp .common-error.top-msg { width:48%; } .common-error.top-msg:after, .common-error.top-msg::after { position: absolute; top: 100%; left: 10px; content: ''; width: 0; height: 0; border-top: solid 6px red; border-left: solid 6px transparent; border-right: solid 6px transparent; } .returnCustLoginCont { padding-top: 15px; color: #404040; } .guestCheckoutCont, .newAccountCont { text-align: left; padding-top: 15px; color: #404040; } .newAccountCont { position: relative; } #tvContainer h3 { font-size: 1.17em; font-weight: bold; } .splitOrderWrap .content_left { width: 75%; } .splitOrderWrap .content_right { width: 24.99%; } .splitHalfDivider { background-repeat: repeat-y; background-position: center center; } .splitHalfDividerLargeGradStroke { } .splitHalfDivider .content_left, .splitHalfDividerLargeGradStroke .content_left { width: 46%; } .splitHalfDivider .content_right, .splitHalfDividerLargeGradStroke .content_right { width: 46%; } .splitWithOr div.content_left { width: 47%; } .splitWithOr div.content_right { width: 47%; } .splitWithOr div.content_mid { padding: 185px 0; width: 3.5%; } .splitWithOr div.content_mid .inner { background-color: #fff; color: #606060; padding: 6px 0; text-align: center; } .intro { font-size: 12px; } .dark { color: #404040; } /*product slider */ #productSliderContainer { clear: both; height: 230px; width: 100%; padding: 0; position: relative; z-index: 1; } #productSliderContainer .gradBordTop { top: 0; } .productContainer { height: 230px; position: relative; margin: 0 auto 0 auto; padding: 0; overflow: hidden; z-index: 2; text-align: left; } #productSliderContainer .gradBordTop { top: 14px; z-index: 1; } #productSliderContainer .gradBordBtm { top: 214px; z-index: 1; } .productContainer a { height: 230px; position: absolute; top: 0; padding: 0; color: #fff; outline: none; } .productContainer a img { position: absolute; top: 25px; display: block; border: 0px; } .productContainer a span { cursor: pointer; top: 55px; left: -16px; width: 17px; height: 126px; display: block; position: absolute; } .productContainer a.shifted span { background-position: 0 -131px; left: 0; } .common-template-shell { background-color: #ffffff; margin-left: auto; margin-right: auto; text-align: left; width: 948px; padding: 0; } .common-popup-shell { background-color: #ffffff; margin-left: auto; margin-right: auto; text-align: left; padding: 0; } /* Common Styles for pages */ .common-template-standard { } .common-template-standard .header { border-bottom: 4px solid white; } .common-template-standard .leftnav { height: 100%; background-color: #f5f5eb; border-right: 4px solid white; float: left; } .common-template-standard .rightnav { height: 100%; background-color: #ecebde; border-left: 4px solid white; } .common-template-standard .page-body { background-color: #ecebde; text-align: left; } .common-template-standard .page-body-float-left { float: left; } .common-template-standard .body-with-border { border: 1px solid #b6b7af; text-align: left; } .common-template-standard .body-with-table-cell { display: table-cell; } .common-section { table-layout: fixed; overflow: hidden; word-wrap: break-word; } .common-template-standard .body-checkout { background-color: #fbfbf8; padding: 0 57px 0 60px; } .common-template-standard .footer { border-top: 4px solid white; } .common-template-popup { padding: 12px 3%; margin: 12px 3%; width: 88%; background-color: #fff; } .common-template-popup .subtitle { float: left; } .common-template-popup .close-button { float: right; } .common-template-popup .heading { font-weight: bold; font-size: 12px; } /* -- Session Timeout Layer --*/ #sessionTimer #popup_subtitle { text-align:left; width:100%; padding:10px 0 20px 0; font-size:12px; } #sessionTimer #popup_subtitle .heading { font-weight:bold; margin-bottom:10px; } #sessionTimer #popup_subtitle .message { font-weight:normal; } #sessionTimer .buttonGroup { text-align:center; clear:left; width:100%; } /****** FOOTER *****/ #globalFooter { padding: 0px 0 30px 0; text-align: left; border-top: 1px solid #ddd; } body#homePage #globalFooter { margin-top: 0; border-top: 0; } #checkoutFooter { border-top: 1px solid #ccc; overflow: visible; margin-top: 40px; padding-bottom: 70px; } #checkoutFooter #footerLayoutContainer { position: relative; top: -1px; padding-top: 15px; } #globalFooter #footerForms { width: 420px; float: right; } #globalFooter .footerLinkBlock, #checkoutFooter .footerLinkBlock { float: left; display: inline-block; margin-right: 40px; } #globalFooter .footerLinkBlock a, #checkoutFooter .footerLinkBlock a { margin-bottom: 3px; display: inline-block; text-decoration: none; } #globalFooter .footerLinkBlock a.facebook { padding: 0 0 0 18px; } #globalFooter .footerLinkBlock a.twitter { padding: 0 0 0 18px; } #globalFooter .footerLinkBlock a.diy { padding: 0 0 0 18px; } #globalFooter .footerLinkBlock a:hover, #checkoutFooter .footerLinkBlock a:hover { text-decoration: underline; } #globalFooter #emailSignupContainer, #globalFooter #storeLocatorContainer { float: left; clear: none; } #globalFooter #emailSignupContainer { border-right: 1px solid #f1f1f1; padding-right: 25px; } #globalFooter #storeLocatorContainer { margin-left: 15px; } #globalFooter #emailSignupContainer label#emailSignupLabel, #globalFooter #storeLocatorContainer label#storeLocatorLabel { font-weight: bold; font-size: 14px; color: #d5556e; } #globalFooter #emailSignupContainer #emailSignupInput, #globalFooter #storeLocatorContainer #storeLocatorInput { height: 16px; font-size: 9px; vertical-align: middle; padding: 0 2px 0 4px; border: 1px solid #616060; color: #888; margin-top: 8px; line-height: 16px; font-weight: normal; float: left; } #globalFooter #emailSignupContainer #signupBtn, #globalFooter #storeLocatorContainer #locateBtn { margin-top: 8px; vertical-align: middle; } #globalFooter #emailSignupContainer #emailSignupInput { width: 136px } #globalFooter #storeLocatorContainer #storeLocatorInput { width: 106px } #globalFooter #footerLogos, #checkoutFooter #footerLayoutContainer #tvCopyRight { clear: both; padding: 0; color: #333333; } #globalFooter #footerLogos #tvCopyRight { float: left; padding-top: 30px; padding-left: 12px; } #globalFooter #footerLogos #tvCopyRight .button-pipe { float: none; padding: 0 0 0 12px; border:none; } #checkoutFooter #footerLogos { float: right; width: 200px; text-align: right; border-left: 1px solid #e3e3e3; } #globalFooter #footerLogos #tvCopyRight img, #checkoutFooter #footerLayoutContainer #tvCopyRight img { vertical-align: middle; margin-right: 7px; } #checkoutFooter #footerLayoutContainer #tvCopyRight span { display: inline-block; margin-left: 7px; } #globalFooter #footerLogos #vendorLogos, #checkoutFooter #footerLayoutContainer #footerLogos { float: right; } #globalFooter #footerLogos #vendorLogos { width: 60px; } #globalFooter #footerLogos #vendorLogos .button-pipe { padding-left: 10px; } #globalFooter #footerLogos #vendorLogos img { float: left; } #globalFooter a {color: #ffffff;} .common-footer { height: 100px; padding: 15px 15px 10px 10px; background-color: #ecebde; } .common-footer .nav-links { padding-bottom: 4px; text-align: center; } .common-footer .nav-links a { text-transform: uppercase; } .common-footer .nav-links .divider { margin: 0px 6px; } .common-footer .links-container { display: inline; float: left; width: 707px; } .common-footer .copyright-text { text-transform: uppercase; text-align: center; } .common-footer .emailsignup-text { padding-left: 3px; } .common-footer .emailsignup-input { padding-left: 3px; } .common-footer .user-email { display: inline; float: left; } .common-footer .signup-button-container { background-position: -1000px -1000px; display: inline; float: left; width: 56px; height: 22px; } .common-footer .signup-button-container .signup-button { width: 56px; height: 22px; cursor: pointer; margin-left: 11px; } .common-footer .signup-button-container .signup-button.mouse-down { } .common-not-found { padding: 10px 30px 10px 30px; width: 884px; } .common-not-found .heading { font-weight: bold; font-size: 12px; } .common-system-error { padding: 20px 10px; } .common-system-error .heading { font-weight: bold; font-size: 12px; } .common-system-error .message { margin-top: 15px; margin-bottom: 20px; font-size: 11px; } .common-page-notification { background-color: #dad9c1; font-size: 12px; width: 100%; padding: 5px; text-align: center; } .common-msrp-price { color: gray; } /* Precaution for widgets... */ .elementData { display: none; } .widgetState { display: none; } /* Table Styles */ .defaultTable { width: 100%; } .defaultTable thead th { color: #fff; font-size: 10px; height: 27px; background-color:#555; } thead a.labelHelp { color: #fff; } .defaultTable thead .col1 { } .defaultTable thead .colLast { } .defaultTable .colLast { padding-right: 13px; text-align: right; } .defaultTable .col1 { padding-left: 13px; } .defaultTable .itemRow td { border-bottom: 1px solid #c3c3c3; padding-top: 15px; padding-bottom: 25px; } .defaultTable thead .hilight { padding-left: 10px; } .defaultTable .itemRow td.hilight { padding-left: 10px; border-left: 1px solid #c3c3c3; } .defaultTable hr { color: #c3c3c3; background-color: #c3c3c3; } .giftCardTable td{ border-bottom:none !important; vertical-align:bottom !important; padding:0px !important; } /********************************* TAB SYSTEM FOR SEARCH RESULTS AND CONTACT US **********************************/ .tab_root { } .tab_heads { } .tab_heads .tab_head { float: left; width: 100%; } #shoulder .tab_head { position: relative; left: -10px; } #shoulder .tabIndex0 { position: relative; left: 0px; } .tab_heads .tab_head_inner { padding-right: 13px; } .tab_heads .tab_head a { display: block; } #shoulder #tab_head_wrap { padding-top: 12px; } #shoulder #tab_head_wrap .tab_heads { position: relative; } .tab_heads .activeHead { z-index: 101 !important; } #thumbnail #sectionDetailTabs .tab_label { width: 100%; padding: 4px 0 0; background-color: #e3e3e3; border-bottom: 1px solid #c3c3c3; margin-bottom: 12px; } #thumbnail #sectionDetailTabs .tab_label_wrapper { font-family: 'bemio_italic'; font-size: 16px; text-transform: uppercase; color: #333333; font-weight: normal; font-style: normal; border-bottom: 2px solid #fff; padding: 2px 2% 5px; } #thumbnail #sectionDetailTabs .tab_item, #thumbnail #sectionDetailTabs .tab_label { display: block; box-sizing: border-box; } #sectionDetailTabs { padding: 25px 0 0 15px; float: left; } .tab_label { display: none; } .tab_item { display: none; } #productDetailTabs .tab_item { padding: 10px; } .tab_item.activeTabContent { display: block; } #projectImage { float: left; width: 150px; } #projectInfo { float: right; width: 500px; } #storeLocatorCityStateZip { width: 155px; vertical-align: middle; line-height: 24px; height: 24px; } /* ************************ + Instant Credit Form ************************ */ #creditApp h3 { margin-bottom: 10px; } #creditApp .creditForm .form-field-container { padding: 6px 0; } #creditApp .creditForm .form-field-container.city, #creditApp .creditForm .form-field-container.state, #creditApp .creditForm .form-field-container.zip { } #creditApp .creditForm .form-field-container.city input { width: 100px; } #creditApp .creditForm .form-field-container.zip input { width: 60px; } #creditApp .consentForm iframe { border: 1px solid #dbd5c2; width:100%; } #creditApp a.labelHelp { font-weight: bold; } #creditApp .numField label { font-weight: normal; } #creditApp .consentForm .errorMsg { text-align: left; } #creditApp .cc_disclaimer { line-height: 16px; width: 88%; float:left; } #creditApp .cc_checkbox { width: 15px; margin-right: 10px; float:left; } #creditApp .fr.submitButton { margin-top: 20px; } #creditApp .submit-container .form-field-container.radio input { text-align: left; width: 15px; margin-right: 10px; } #creditApp .formSection.error .submit-container, #creditApp .formSection .submit-container { border: 2px solid #c60c30; } #creditApp .errorMsg p{ width:90%; display:inline-block; } #creditApp .errorMsg .error-icon { vertical-align: top; } #creditApp .formSection .submit-container .form-field-container { padding-top: 15px; } #creditApp .submit-container .form-field-container.radio { text-align: left; width: 85%; } #creditApp p.note a { color: #c60c30; text-decoration: none; } #creditApp .submit-container label { text-align: left; font-weight: normal; line-height: 1.1em; display: inline; } #creditApp .submit-container { margin: 15px auto 0 auto; border: 1px solid #dbd5c2; padding: 0 2% 15px; width: 96%; } #creditApp h2 { font-size: 17px; padding: 4px 2%; } #creditApp .tv_cc { position: absolute; top: -60px; right: 100px; width: 205px; z-index: 100; height: 140px; } #creditApp .requiredFields { float: right; font-weight: bold; margin-top: 5px; } .contentContainer .private_cc { position: absolute; right: 20px; width: 161px; top: 30px; z-index: 100; height: 111px; } .contentContainer .discover_cc { position: absolute; right: 20px; top: 30px; width: 160px; z-index: 100; height: 110px; } #creditApp .errorMsg.consent { margin-bottom: 3px; line-height:1em; } #creditApp .creditRight.first { padding-top: 30px; } #creditApp .creditForm .labelBlock { display: block; } #creditApp .creditForm label.optional { font-weight: normal; } #creditApp .creditForm span.optional { padding-left: 5px; } #creditApp .creditForm .formSection { padding: 15px 2%; width:96%; clear:both; } #creditApp .creditForm .formSection .consentForm { width:100%; margin-top:15px; } #creditApp .creditForm .creditLeft { float: left; border-right: 1px solid #ccc; padding-right: 15px; width: 50%; margin-top:8px; } #creditApp .creditForm .creditLeft .phone input, #creditApp .creditForm .creditLeft .ssn input { width:125px; margin-bottom:-4px; } #creditApp .creditForm .creditLeft .dob input { width:25px; text-align: center; } #creditApp .creditForm .creditRight { float: right; width: 45%; } #creditApp .creditForm input#middleInitial { width: 20px; } #creditApp .creditForm .fl.numField { margin-right: 10px; } #creditApp .creditRight .cmsContent h3 { font-size: 11px; font-weight: bold; } #creditApp .creditRight .cmsContent p { margin-bottom: 15px; } #creditApp .creditRight .cmsContent p a { color: #c60c30; text-decoration: none; } #creditApp .lock { width: 20px; height: 20px; float: left; } #instantCredit #adsresponse{ padding: 20px 3%; } #instantCredit .content_left h2 { font-weight: normal; color: #c60c30; margin-bottom: 15px; } #instantCredit .content_left { margin-top: 12px; } #instantCredit .btn.fr { float: right; margin-left: 10px; } #instantCredit p { margin-bottom: 15px; font-size: 12px; } #instantCredit .content_left h3 { margin-bottom: 15px; } .OverlayScreen{ opacity: .5 !important; width: 100%; background-color: #000; height: 100%; display: block; position: fixed; z-index: 9; top: 0; } /* ************************ + EMAIL OPTIN LAYER ************************ */ /* LAUNCH LINK IN HEADER */ body#homePage { position:relative; } #cboxOverlay { background-color:#000; opacity: .5 !important; } #optinform { width:566px; background-color:#fff; border-bottom:solid 4px #c60c30; } #optinform #optin_thankyou { min-height:290px; } #optinform .red { color: #c60c30; } #optinform .inset { margin:18px 28px; } #optinform #privacypolicy .inset { margin: 18px 28px 30px; } #optinform .titlebar { background-color:#c60c30; height:36px; } #optinform .titlebar h1 { font-size:0; text-indent:-10000px; float:left; margin:7px 0 0 28px; padding:0; } #optinform .start h1 { height:26px; width:400px; } #optinform .titlebar a.close { float:right; height:17px; padding:3px 0 0 0; color:#fff; display:inline-block; margin:8px 11px 0 0; font-weight:bold; width:52px; vertical-align:bottom; } #optinform .titlebar a.close span.xicon { margin-top:-2px; } #optinform h2 { height:22px; font-size:16px; margin:0 0 13px 0; } #optinform h2.envelope { padding:1px 0 0 40px; } #optinform h2.storeicon { padding:1px 0 0 40px; } #optinform .formfields { margin: 25px 0; height:25px; clear:both; position:relative; } #optinform .formfields label { width:155px; float:left; display:inline; position:relative; background-color:#fff; } #tvrCardInputWrapper label { width:160px; } #tvrCardInputWrapper label > span { width:100%; white-space:nowrap; } #tvrCardInputWrapper input#tvCardnumber { width:157px; } #optinform .formfields .userEmail { margin-top:30px; } #optinform .common-error.spaced { padding-bottom:10px; } #optinform .subscribeForm label { height:60px; padding-top:2px; } #optinform .formfields label span { left: 5px; position:relative; font-size:12px; } #optinform .formfields label > span { top:3px; } #optinform .formfields label span#emailValidationError { left:0; } #optinform .submit-container.optInLayerBtns { clear: both; } #optinform .tvrButton.first, #optinform .tvrButtonn.second { float: left; margin-right: 2px; width:24px; height:28px; /* background-size:cover; */ } .tvrButton.second { margin-top: 12px; } #optinform #emailinfo .formfields label span.error-icon { width: 12px; padding: 3px 3px 2px; margin-right:7px; } #optinform .formfields label span strong.red { font-size:13px; } #optinform .formfields input[type=text]{ -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius:2px; background:none; width:117px; padding:0 10px; position:absolute; left:0; top: 0; color: #333333; height:25px; font-size:12px !important; } #optinform #userEmail { width:195px; } #optinform .formfields input#emailaddress{ width:204px; } #optinform .buttons{ height:50px; padding:10px 0; text-align:right; display: block; } #optinform .buttons a, #optinform .buttons input{ margin-left:10px; vertical-align:middle; } #optinform .submit-container { text-align: right; } #optinform .submit-container .button { display:inline-block; } #optinform .tanbar { clear:both; padding:28px; } #optinform .subscribeinfo { padding:24px 0 0 225px; height:112px; } #optinform .subscribeinfo li { list-style-type:disc; font-size:11px; padding:3px; margin-left:15px; } #optinform .hardwarian { width:187px; height:239px; position:absolute; left:15px; bottom:2px; } #optinform .privacypolicyrow { height:27px; clear:both; padding:10px 28px; text-align:right; display:block } #optinform #choosestore table { width:100%; } #optinform #choosestore table td{ width:50%; padding:0 10px 10px 0; } #optinform #choosestore table td input[type=radio]{ float:left; margin:2px 5px 30px 0; } #optinform .details .formfields { clear:none; } #optinform .details select { padding:2px 3px; margin-right:20px; width:125px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius:2px; height:25px; } #optinform .formfields img.cardicon { float:left; margin-right:5px; } #optinform .formfields label[for=cardnumber] { width:165px; height:20px; } #optinform .formfields label[for=cardnumber] input[type=text] { width:145px; } #optinform .formfields label[for=cardnumber] span{ top:3px; } #optinform .formfields label .errorMsg { position: absolute; top: -23px; width: 200px; } #optinform .formfields.userEmail .errorMsg { width:230px; } #optinform .formfields a#showwhatsthis { display:block; clear:left; margin-left:25px; font-style:italic; position:relative; top:5px; left:3px; } #optinform .tanbar #whatsthis { padding-top:5px; display:none; } #optinform #choosestore .buttons{ height:25px; padding:20px 28px; text-align:right; } #optinform #choosestore .buttons .red{ position:relative; top:-8px; } #optinform .thankyoumessage { padding:1px 0 0 40px; } #optinform .thankyoumessage p{ padding:0 0 20px; } #optinform #privacypolicy { position:absolute; top:0; left:-800px; background-color:#fff; width:566px; height:454px; } #optinform #privacypolicy .buttons { height:30px; padding:0; } #optinform #privacypolicy p { margin-bottom:20px; } #optinform .privacy h1 { height:26px; width:300px; } #optinform .privacypolicydetails { height:330px; overflow:auto; background: #FFF; } #optinform .privacypolicydetails h3{ font-size:14px; } #optinform .privacypolicydetails ul { margin-bottom:12px; } #optinform .privacypolicydetails li { list-style-type:disc; margin-left:15px; } #optinform .privacypolicydetails a { color: #c60c30; } /****** COLORBOX CORE STYLES The following CSS is consistent between example themes and should not be altered. *****/ #popbody, body.noMinWidth, body#noMinWidth { /* show content */ overflow:auto; min-width: 0; } #colorbox.scrolling body#noMinWidth, #colorbox.scrolling body.noMinWidth, #colorbox.scrolling body { overflow:scroll !important; } #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%; z-index: 9;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;background-color:#fff;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} #closeButton .closePopupLayer{display:none;} button#cboxClose { position: absolute; top: 1%; right: 1%; border: 0; min-width:80px; background-color: #fff; color: #c60c30 !important; z-index: 999; font-size:10px; } button#cboxClose:hover, button#cboxClose:focus{ background:#fff; } .cboxPhoto{float:left; margin:auto; border:0; display:block;} .cboxIframe{width:100%; height:100%; display:block; border:0;} #panelMultiShip #jsAjaxRoot{padding:0;} /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9. See: http://jacklmoore.com/notes/ie-transparency-problems/ */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); } .cboxIE6 #cboxTopLeft, .cboxIE6 #cboxTopCenter, .cboxIE6 #cboxTopRight, .cboxIE6 #cboxBottomLeft, .cboxIE6 #cboxBottomCenter, .cboxIE6 #cboxBottomRight, .cboxIE6 #cboxMiddleLeft, .cboxIE6 #cboxMiddleRight {} .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } .tvr_image{ float: left; margin-right: 15px; margin-bottom: 50px; } .tvr_div{ width: 450px; } .tvr_spaced{ margin-top: 15px; margin-bottom: 15px; } .tvr_font12{ font-size: 12px; } .tvr_font11{ font-size: 11px; } .dispTable {display: table;} .tableRow {display: table-row;} .tableCell {display: table-cell;} .bg_red { background-color: #c60c30; text-align: center; width:100%; } .bg_wh { background-color: #ffffff; margin: 0 auto; } .dk_gr {background-color: #333333; text-align: center;} .uppercase {text-transform: uppercase;} #footer_red {color: #ffffff; text-transform: uppercase;width:100%} #footer_red h3 { margin-top: 42px; color: #ffffff; font-size: 18px; font-weight: normal; font-style: italic; font-family: 'bemio_italic'; } #footer_red .tableCell {width: 33%;} #footer_red .tableCell a.btn { display: block; width: 90%; background-color: #333333; padding: 10px 0; color: #ffffff; text-align: center; margin: 20px 0px 40px 0px; } /* Universal Cart */ .switch {display: none;} .rt_padding14 {margin-right: 14px;} .globalFooter .contentContainer .footerCms {margin-top: 30px;} .gr_color {color: #333333;} .hdrWrap {margin: 0 auto; position: relative;} /* Stylees needed for Quickview/Ucart */ .glo-tex-ucart-error { font-weight: bold; color: #cc092f; } .glo-tex-ucart-info { font-weight: bold; } .glo-tex-ucart-request { font-weight: normal; color: black; } .glo-fl {display: inline; float: left;} .glo-fr {display: inline; float: right;} .glo-clr {clear: both;} .glo-block {display: block;} #widget-swatches span {display: none;} .widget-ima-loader { padding: 50px 0; } .widget-ima-loader img {display: block; margin: 0 auto;} #widget-ucart a img { border: 0px; margin-left: 5px; margin-right: 10px;} #widget-ucart a#jsContinueShop img{margin-right:0;} #widget-ucart {display: none; } #glo-ucart-top {height: 1px; } #glo-ucart-bottom { height: 7px;} #glo-ucart-body { padding:0 10px 0 10px;} #ifr {position: absolute; z-index: -1; top: 0; left: 7px; width:96%} #glo-ucart-content { margin: 0 auto 0 auto; position: relative; padding: 15px 0 0 0;} a.widget-ucart-close-but{font-size: 10px; position: absolute; top: 12px; right:0px;} a.widget-ucart-zip-but:link, a.widget-ucart-zip-but:visited, a.widget-ucart-zip-but:hover, a.widget-ucart-zip-but:active {font-size: 10px;} #glo-ucart-content span#glo-ucart-count {font-size: 10px; display: block; margin-left: 15px;} /* for horizontal scroll */ #glo-ucart-slider-container {width: 100%; margin-top: 12px; } .glo-ucart-horRule {width: 100%; height:12px; line-height:1px; font-size:0px;} .glo-ucart-slider-but { display: inline; float: left; width: 19px; height:96px; overflow: hidden; } .glo-ucart-slider-but #glo-ucart-slider-prev {display: block; margin: 46px 0 0 10px;} .glo-ucart-slider-but #glo-ucart-slider-next {display: block; margin: 46px 0 0 0;} #glo-ucart-slider-viewport {display: inline; float: left; position: relative; width: 450px; height: auto; overflow: hidden;} #glo-ucart-slider-content {position: relative; float: left; top: 0; left: 0;} .glo-ucart-slider-item { font-size: 9px; display: inline; float: left; width: 150px; margin: 1px 0 0 0; text-align:center; } .glo-ucart-slider-item img {display: block; margin: 0 auto 0 auto;} .glo-ucart-slider-item span.glo-ucart-product-info {display: block; width: 150px; margin: 1px auto 0 auto; color: #cc092f; font-weight:bold; font-size:11px} .glo-ucart-slider-item span.list-price {font-weight:bold; color: #7d6557; font-size:11px;} .glo-ucart-slider-item span.callout {display: block; width: 150px; margin: 1px auto 0 auto; font-size:11px;} .glo-ucart-slider-item span.glo-ucart-product-info a { color: #cc092f; font-weight:bold; font-size:11px; } .glo-ucart-slider-item span.glo-ucart-product-info a.miniCartEdit{font-weight:normal} #jsOrdCount{display:none;} .glo-ucart-slider-item .sliderItemThumb {margin: 0 0 10px 35px; display:block;} #glo-ucart-slider-container .glo-ucart-slider-but a { display:block; width:19px; height:96px;} #glo-ucart-slider-container .glo-ucart-slider-but a#widget-slider-prev { background-position:top left;} #glo-ucart-slider-container .glo-ucart-slider-but a#widget-slider-next { background-position:top right;} #glo-ucart-totals {width: 100%; overflow: hidden; font-size: 10px; margin: 0 auto 0 auto; padding:5px 0 2px 0; } #glo-ucart-totals span#glo-ucart-subtotal {display: inline; float: left; margin: 7px 0 0 112px; font-size: 11px; text-transform: capitalize; color:#666; font-weight:bold} #glo-ucart-totals a#glo-ucart-view-shopping-bag { display: inline; float: right; margin-top: 7px;} #glo-ucart-totals .button {display: inline; float:right; margin-left: 5px;} #glo-ucart-totals .button.checkout {margin-right:15px;} .glo-ucart-message { display: block; padding: 5px 15px 0px 15px;} /****** GUEST ORDER STATUS PAGE *****/ .order-status { padding: 0; } .order-status #checkout-header{ margin:0; } /****** ACCOUNT/USER PAGES STYLING *****/ #forgotPasswordForm .user-form-field-container{ padding:0 0 5px; margin-top: 10px; } #forgotPasswordForm .user-form-field-container.user-form-field-error{ padding:10px 20px 5px; } #forgotPasswordForm #userName{ padding:6px 3%; width:94%; } /* login page styles */ #use-log-wrap { background: #fbfbf8; width: 930px; overflow: hidden; position: relative; padding-bottom: 20px; padding-left: 16px; } #use-log-wrap h2 { font-size: 12px; color: #463823; margin: 0px 0px 0px 2px; padding: 20px 0 7px; } #use-log-wrap a.help-link { background: url(../assets/images/common/ico-question-mark.gif) center left no-repeat; padding-left: 20px; } #use-log-wrap #use-log-sign-in-wrap a.help-link, #use-log-wrap form#use-log-reg-form a.help-link { margin-left: 20px; } #use-log-sign-in-wrap, form#use-log-reg-form, img#use-log-or-text { float: left; display: inline; } #use-log-wrap .info { padding-left: 24px; padding-right: 24px; } #use-log-acct-tip-wrap { background: rgb(227, 227, 227); } /* my account main page */ #use-mai-wrap { background: #fbfbf8; width: 928px; overflow: hidden; position: relative; padding-bottom: 20px; padding-left: 16px; } #use-mai-wrap h2 { font-size: 12px; color: #463823; padding: 20px 0 7px; } #use-mai-wrap p { margin: 0 0 0 10px; padding: 0 0 10px; } #use-mai-wrap ul { width: 616px; background: #fff; border: 1px solid #bbbaa8; padding: 10px 0 0; margin: 0; list-style: none; overflow: hidden; } #use-mai-wrap ul li { margin: 0 50px 0 15px; padding: 0 0 15px; overflow: hidden; float: left; display: inline; clear: both; width: 100%; } #use-mai-wrap ul li h3 { margin: 0; padding: 0 0 5px; } #use-mai-wrap ul li h3 a { text-decoration: none; font-weight: bold; font-size: 12px; float: left; display: inline; } #use-mai-wrap ul li span { clear: both; float: left; display: inline; } #use-mai-wrap ul li h3 a:hover { text-decoration: underline; } #use-mai-wrap div#use-mai-cms-area { width: 260px; } /* Change Email and/or Password Page */ #use-cha-wrap { background: #fbfbf8; width: 739px; overflow: hidden; position: relative; padding-bottom: 20px; padding-left: 16px; } #use-cha-wrap form { width: 369px; } #use-cha-wrap span.common-message-blue, #use-cha-wrap span.common-error { margin-bottom: 10px; } #use-cha-wrap span.top-msg { margin-left: 10px; } #use-cha-wrap h2 { font-size: 12px; color: #463823; margin: 0 0 0 10px; padding: 20px 0 7px; } #use-cha-email-wrap, #use-cha-pwd-wrap { width: 350px; min-height: 300px; height: auto !important; height: 300px; margin-top: 3px; border: 1px solid #bebdad; background: #fff; overflow: hidden; } #use-cha-wrap h3 { background: #cfccb7; width: 100%; padding: 10px 14px 9px; margin: 0; font-size: 12px; color: #463823; } #use-cha-wrap dl { margin: 0 0 20px 21px; padding: 0; overflow: hidden; } #use-cha-wrap dl#use-cha-old-email-wrap { padding-top: 15px; } #use-cha-wrap dl dt, #use-cha-wrap dl dd { margin: 0; padding: 0; } #use-cha-wrap dl dt { margin-bottom: 5px; } #use-cha-wrap dl dt label { font-size: 12px; font-weight: bold; color: #463823; } #use-cha-wrap dl dd input { width: 261px; } #use-cha-wrap p { padding: 15px 0 10px; margin: 0 20px 0 21px; } #use-cha-wrap ul { margin: 10px 0 15px; padding: 0; list-style: none; display: block; } #use-cha-wrap ul li { display: inline; margin-right: 10px; } .update-my-email-button, .update-my-password-button { display: inline; } /* Update Billing Address/CC Info */ #use-per-wrap { width: 739px; overflow: hidden; position: relative; padding-bottom: 20px; padding-left: 16px; } #use-per-wrap h2 { font-size: 12px; color: #463823; margin: 0 0 0 10px; padding: 20px 0 7px; } #use-per-wrap span.top-msg { margin-left: 10px; margin-bottom: 10px; } #use-per-wrap form#use-per-bill-form, #use-per-cc-wrap { width: 369px; } #use-per-add-cc-wrap, #use-per-saved-cc-wrap { min-height: 300px; height: auto !important; margin-top: 3px; overflow: hidden; } #use-per-saved-cc-wrap #use-per-saved-cc-header { background: #cfccb7; width: 100%; } #use-per-saved-cc-wrap #use-per-saved-cc-header a { padding-right: 15px; } #use-per-wrap h3 { background: #cfccb7; width: 100%; padding: 10px 14px 9px; margin: 0; font-size: 12px; color: #463823; } #use-per-wrap dl { margin: 0 0 20px 21px; padding: 0; overflow: hidden; } #use-per-wrap dl.top-list { margin-top: 20px; } #use-per-wrap dl dt, #use-per-wrap dl dd { margin: 0; padding: 0; } #use-per-wrap dl dt { margin-bottom: 5px; } #use-per-wrap dl dt label { font-size: 12px; font-weight: bold; color: #463823; } #use-per-wrap label.optional { font-weight: normal; } #use-per-wrap dl dd input { width: 261px; } #use-per-wrap ul { list-style: none; float: left; display: inline; width: 100%; overflow: hidden; margin: 10px 20px; } #use-per-wrap ul li { display: inline; margin-right: 10px; } #use-per-wrap a.help-link { background: url(../assets/images/common/ico-question-mark.gif) center left no-repeat; margin-left: 20px; padding: 3px 0px 7px 20px; } #use-per-wrap .user-field-container { padding: 10px 20px; margin-bottom: 3px; } #use-per-wrap .user-field-container label { font-size: 12px; color: #463823; margin-bottom: 3px; display: block; } #use-per-wrap .user-field-container label.help-icon { float: left; margin-top: 2px; } #use-addr-wrap .user-field-container div { padding-bottom: 2px; } #use-per-wrap .user-field-container input { width: 265px; color: #3F3F3F; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; } #use-per-wrap .user-field-container select { margin-top: 5px; } #use-per-wrap .user-field-container .required { font-weight: bold; } #use-per-wrap .user-field-container .optional { font-weight: normal; } #use-per-wrap .user-form-field-error { color: #990000; border: 0px; font-weight: bold; background: none; } .update-billing-address-button { display: inline; float: left; margin-right: 10px; } #use-per-saved-cc-wrap .delete-credit-card-button { margin-bottom: 10px; margin-top: 7px; } /* Address Book */ div.use-add-item-list .use-add-item-container { float: left; margin-bottom: 20px; } div.use-add-item-list .use-add-item-container .addressBtnActionContainer { padding: 10px 10px 10px 0; color: #ddd; } div.use-add-item-list .use-add-item-container .addressBtnActionContainer img { vertical-align: middle; cursor: pointer; margin: 0 15px 0 10px; } div.use-add-item-list div.use-add-item-wrap { border: 1px solid #c3c3c3; height: 140px; padding-top: 14px; margin-bottom: 1px; } div.use-add-item-list div.use-add-item-wrap div.use-add-item-block { padding-left: 10px; } #use-add-page-instructions { padding: 0 0 20px 0px; font-size:13px; } div.use-add-item-list div.use-add-item-wrap div.use-add-item-block div.use-add-item-info { padding-left: 3px; line-height: 18px; font-size:13px; } div.use-add-item-list div.use-add-item-wrap div.use-add-item-block div.use-add-edit-addr-btn { float: left; margin-top: 12px; width: 92px; height: 19px; cursor: pointer; } div.use-add-item-list div.use-add-item-wrap div.use-add-item-block div.use-add-edit-addr-btn.mouse-down { } div.use-add-item-list div.use-add-item-wrap div.use-add-item-block div.use-add-del-addr-btn { margin-left: 102px; margin-top: 12px; width: 109px; height: 19px; cursor: pointer; } div.use-add-item-list div.use-add-item-wrap div.use-add-item-block div.use-add-del-addr-btn.mouse-down { } #use-add-wrap ul { margin: 0 0 15px 10px; padding: 0; overflow: hidden; } #use-add-wrap ul li { display: inline; margin-right: 10px; } /* Add Address */ #use-addr-wrap { background: #fbfbf8; width: 739px; overflow: hidden; position: relative; padding-bottom: 20px; padding-left: 16px; } #use-addr-wrap h2 { font-size: 12px; color: #463823; margin: 0 0 0 10px; padding: 20px 0 2px; } #use-addr-wrap p#use-add-page-instructions { display: block; margin-left: 10px; padding: 0 0 10px; } #use-addr-wrap span.top-msg { margin-left: 10px; padding-top: 10px } #use-addr-wrap dl { margin: 0 0 20px 26px; padding: 0; overflow: hidden; } #use-addr-wrap dl dt, #use-addr-wrap dl dd { margin: 0; padding: 0; } #use-addr-wrap dl dt { margin-bottom: 5px; } #use-addr-wrap dl dt label { font-size: 12px; font-weight: bold; color: #463823; } #use-addr-wrap label.optional { font-weight: normal; } #use-addr-wrap dl dd input { width: 261px; } span#use-addr-required-txt { margin: 10px 0 5px 0; } span#use-addr-required-txt strong { font-weight: bold; } #use-addr-wrap ul { margin: 0 0 10px 20px; padding: 0; overflow: hidden; } #use-addr-wrap ul li { display: inline; margin-right: 10px; } #use-addr-wrap a.help-link { background: url(../assets/images/common/ico-question-mark.gif) center left no-repeat; margin-left: 20px; padding: 3px 0px 7px 20px; } #use-addr-wrap .user-field-container { padding: 10px 20px; margin-bottom: 5px; } #use-addr-wrap .user-field-container label { font-size: 12px; color: #463823; margin-bottom: 3px; display: block; } #use-addr-wrap .user-field-container label.help-icon { float: left; margin-top: 2px; } #use-addr-wrap .user-field-container input { width: 265px; color: #3F3F3F; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; } #use-addr-wrap .user-field-container select { margin-top: 5px; } #use-addr-wrap .user-field-container .required { font-weight: bold; } #use-addr-wrap .user-field-container .optional { font-weight: normal; } #use-addr-wrap .user-field-container div { padding-bottom: 2px; } #use-addr-wrap .user-form-field-error { color: #990000; border: 0px; font-weight: bold; background: none; } .save-to-address-book-button { display: inline-block; float: left; margin-right: 10px; } #use-addr-wrap .save-to-address-book-button.mouse-down { } /* Wish List */ .accountContentContainer .wishListGreeting{ font-size:13px; } .infoRow .contentCol { width:48%; float:left; } .infoRow .content_right { margin-left:15px; } .use-add-item-container.itemLeft, /* Address Book */ .wishListCellTable .itemLeft { /* Wish List */ margin-left:0 !important; } .use-add-item-container.itemRight, /* Address Book */ .wishListCellTable .itemRight { /* Wish List */ margin-left:15px !important; } .wishListCellTable .wishCell { padding: 15px 0px 0 0; } .wishCell .itemImg { float:left; width:45%; display:inline-block; overflow:hidden; } .wishCell .itemInfo { float:left; width:48%; margin-left:4%; display:inline-block; overflow:visible; } .wishListCellTable a.prdName { font-weight: bold; color: #cc092f; } .wishListCellTable div.wishPrdPrice { font-weight: bold; } .wishListCellTable .dividerLight { clear: both; } .wishListTopButtons { text-align: right; } .wishListTopButtons img { cursor: pointer; margin-left: 10px; } .wishPrdContainer { padding: 15px; margin-bottom: 1px; display:inline-block; width:100%; box-sizing:border-box; } .wishPrdContainer .prdUrl { position: relative; } .wishPrdContainer .prdUrl .prdBug { position: absolute; margin-top: 140px; left: 0; } .wishListBtnContainer { padding: 10px 10px 10px 0; color: #ddd; border-bottom: 1px solid #edebeb; } .wishListBtnContainer img { vertical-align: middle; cursor: pointer; margin: 5px 15px 5px 10px; } .wishListBtnContainer img.removeItem { padding-top: 7px; } .wishListTextArea, #wishListComment { width: 350px; height: 70px; border: 1px solid #ccc; padding: 3px; } #wishListComment { height: 150px; } #shareWishlistItems { line-height: 20px; } .shareItemsContainer { padding: 10px 10px 10px 0; } .use-print { float: right; margin-bottom: 15px; margin-right:15px; } #use-wis-wrap .add-to-cart { float: left; cursor: pointer; width: 103px; height: 19px; margin-bottom: 5px; margin-right: 5px; } #use-wis-wrap .add-to-cart.mouse-down { } #use-wis-wrap .move-to-cart { float: left; cursor: pointer; width: 152px; height: 19px; } #use-wis-wrap .move-to-cart.mouse-down { } #use-wis-wrap .share-wish-list { float: left; cursor: pointer; width: 183px; height: 19px; margin-left: 5px; } #use-wis-wrap .share-wish-list.mouse-down { } #use-wis-wrap .remove-item { float: left; cursor: pointer; width: 119px; height: 19px; } #use-wis-wrap .remove-item.mouse-down { } #use-wis-wrap .move-item { width: 50%; } /* Email Wish List */ #use-wis-ema-wrap { background: #fbfbf8; width: 739px; min-height: 300px; height: auto !important; height: 300px; position: relative; padding-bottom: 20px; padding-left: 16px; } #use-wis-ema-wrap h2 { font-size: 12px; color: #463823; margin: 0px 0px 0px 0px; padding: 20px 0px 2px; } #use-wis-ema-wrap div#use-wis-ema-info { background: #cfccb7; padding-left: 2px; width: 460px; margin-top: 10px; margin-left: 5px; padding-top: 10px; padding-bottom: 10px; } #use-wis-ema-wrap span.top-msg { margin-left: 10px; padding: 0 0 10px; } #use-wis-ema-wrap .return-account-main-page-button { margin-left: 10px; padding: 15px 0 0; } #use-wis-ema-wrap .send-email { margin-left: 25px; } span#use-wis-ema-required-txt { float: right; margin-bottom: 15px; } #use-wis-ema-wrap dl { margin: 0 0 20px 26px; padding: 0; overflow: hidden; } #use-wis-ema-wrap dl dt, #use-wis-ema-wrap dl dd { margin: 0; padding: 0; } #use-wis-ema-wrap dl dt { margin-bottom: 5px; } #use-wis-ema-wrap dl dt label { font-size: 12px; font-weight: bold; color: #463823; } #use-wis-ema-wrap label.optional { font-weight: normal; } #use-wis-ema-wrap dl dd input, #use-wis-ema-wrap dl dd textarea { width: 261px; } #use-wis-ema-wrap .send-email-button { width: 110px; height: 19px; cursor: pointer; } #use-wis-ema-wrap .send-email-button.mouse-down { } #use-wis-ema-thanks { background: #fbfbf8; width: 739px; min-height: 300px; height: auto !important; height: 300px; position: relative; padding-bottom: 20px; padding-left: 16px; } #use-wis-ema-thanks h2 { font-size: 12px; color: #463823; margin: 0 0 0 10px; padding: 20px 0 2px; } /* Email Preferences */ #use-ema-wrap { background: #fbfbf8; width: 739px; min-height: 300px; height: auto !important; height: 300px; overflow: hidden; position: relative; padding-bottom: 20px; padding-left: 16px; } #use-ema-wrap h2 { font-size: 12px; color: #463823; margin: 0 0 0 10px; padding: 20px 0 2px; } #use-ema-wrap p#use-wis-intro-txt, #use-ema-wrap span.top-msg { margin: 0 15em 0 10px; padding: 0 0 10px; } p#use-wis-intro-txt{font-size:13px;width:98%;} #use-wis-pref-wrap { margin: 0 0 15px 0px; padding: 10px 0; border: 1px solid #ccc; overflow: hidden; font-size:13px; } #use-wis-opt-wrap label { margin-left: 10px; } #use-wis-txt-wrap strong { display: block; } #use-wis-txt-wrap strong, #use-wis-txt-wrap p { margin-right: 10px; } .save-preferences-button { display: inline; float: left; margin-bottom: 5px; } /* log out */ #use-wis-logo { background: #fbfbf8; width: 931px; min-height: 300px; height: auto !important; height: 300px; overflow: hidden; position: relative; padding-bottom: 20px; padding-left: 16px; } #use-wis-logo h2 { font-size: 12px; color: #463823; margin: 0 0 0 10px; padding: 20px 0 2px; } #use-wis-logo span.top-msg { margin: 0 15em 0 10px; padding: 0 0 10px; } /* left nav */ #inc-lef-user-nav-wrap { width: 185px; background: #f5f5eb; } #inc-lef-user-nav-wrap ul { padding: 10px 0 15px; margin: 0 10px 0 25px; } #inc-lef-user-nav-wrap li { margin-bottom: 5px; } #inc-lef-user-nav-wrap li#inc-lef-section-title a { font-size: 14px; color: #4b402c } #inc-lef-user-nav-wrap li span { font-weight: bold; color: #524f48; } /* Order History */ #use-ord-wrap { background: #fbfbf8; width: 739px; min-height: 300px; height: auto !important; height: 300px; position: relative; padding-bottom: 20px; padding-left: 16px; } #use-ord-wrap h2 { font-size: 12px; color: #463823; margin: 0px 0px 10px 0px; padding: 20px 0 2px; } #use-ord-wrap div#use-ord-item-wrap #use-ord-no-item-wrap { background: #cfccb7; padding-left: 2px; width: 560px; margin-top: 10px; padding-top: 10px; } #use-ord-no-item-wrap p { margin: 0 10px 0 0; padding: 0 0 15px; } #use-ord-item-wrap .orderTable th,#use-ord-item-wrap .orderTable td{ font-size:13px; } #use-ord-item-wrap .orderTable td.cell-1, #use-ord-item-wrap .orderTable td.cell-2 { width:88px; } #use-ord-wrap div#use-ord-return-link { position: absolute; bottom: 10px; } #use-ord-has-item-wrap table { margin: 0px 10px 0px 0px; } #use-ord-item-wrap .defaultTable thead th { padding: 0 5px 0 10px; } #use-ord-item-wrap .defaultTable td { padding: 10px; } #use-ord-item-wrap .defaultTable .itemRow td { border: 0px; } #use-ord-item-wrap .defaultTable .itemRow { border-top: 1px solid #c3c3c3; } .defaultTable .use-ord-has-separated-line { border-top: 1px solid #eee; } #use-ord-has-item-wrap p { margin: 10px 10px 0px 0px; padding: 0 0 15px; } #use-ord-item-wrap .defaultTable .itemRow .view-order-button .view-order { cursor: pointer; } #use-ord-item-wrap .defaultTable .itemRow .view-order-button .fa { color: #c60c30; } /* common */ .return-account-main-page-button { display: inline; float: left; height: 11px; cursor: pointer; margin-top: 15px; } .delete-card-button { float: left; cursor: pointer; width: 123px; height: 20px; display: inline-block; } .save-card-button { float: left; cursor: pointer; height: 20px; margin-left: 10px; display: inline-block; } .remove-item-button { float: left; display: inline-block; } .cancel-button { display: inline-block; } .use-add-ship-addr-btn { float: left; cursor: pointer; width: 183px; height: 20px; margin: 0 10px 15px 0; display: inline-block; } .checkout-validation-container { border: 1px solid #eee; background-color: #fff; width: 100%; margin-bottom:12px; } .checkout-validation-container #billing-info { padding: 0px; } .checkout-validation-container #billing-info .header-info { padding-left: 20px; padding-top: 5px; } .checkout-validation-container #billing-info #billing-actual-password { padding-right: 0px; padding-bottom: 0px; } .checkout-validation-container .heading, .order-summary .heading, .billing-address .heading, .order-information .heading, .edit-address-container .heading, .shipping-address-book .heading { background-color: #edebeb; font-weight: bold; padding: 10px; font-size: 12px; text-align: left; } .checkout-field-container { padding: 10px 20px; } .checkout-form-field-error { border: 1px solid gray; color: #FE0000; background: #fff url(../assets/images/common/errorstate.gif) 0 0 no-repeat; } .checkout-validation-container .checkout-form-field-error { background-color: #fff; border: 0px; padding-left:25px; } .checkout-form-field-error .padl20 { padding-left: 20px; line-height: 20px; } /****** CUSTOMER SERVICE STYLES *****/ .custserv-wrapper { padding-top: 20px; } #content_wrap .contact-container { } /* Contactus */ #contactus .common-error { display:block; clear:both; } #content_wrap .contact-container #contact_us_tabs .tab_item .contactus { padding:25px 0 0 10px; } #contactus #contact_us_tabs .tab_item .contactMc { float: right; padding: 15px; margin: 0; background:#eaeaea; } #shipToStore .custserv-wrapper { padding-top: 0; } #content_wrap .contactus-container { background:none; } #content_wrap .contactus-container #contact_us_tabs { margin:0px; } #content_wrap .contactus-container #contact_us_tabs .fadingPageDivider { border-top: 1px solid #D2CCB4; } .custserv-wrapper .group_wrap { padding: 10px 0; } .custserv-wrapper .mainTitles { padding-left: 17px; color: #CC092F; font-size: 14px; } .custserv-wrapper .mainMsgs { padding-left: 17px; color: #666; font-size: 12px; padding-top: 3px; } .custserv-wrapper .oddResultsRow { } .custserv-wrapper .custserv-breadcrumb { } .custserv-wrapper .custserv-breadcrumb .inner { } .custserv-wrapper .custserv-breadcrumb a { } .custserv-wrapper .shadedEdge { padding-top: 1px; margin-top:5px; background-position: -5px 0; } .custserv-wrapper #custserv-managedContentContainer p, .custserv-wrapper #custserv-managedContentContainer h2 { margin: 0 0 10px 0; } .custserv-wrapper #custserv-managedContentContainer h2{ font-size:17px; } .custserv-wrapper #custserv-managedContentContainer h3{ font-size:14px; } .custserv-wrapper #custserv-managedContentContainer p{ font-size:13px; } .custserv-wrapper #custserv-managedContentContainer ul { margin: 0 0 10px 15px } .custserv-wrapper #custserv-managedContentContainer ul li { list-style-type: disc; display: list-item; font-size:13px; } .custserv-wrapper #custserv-managedContentContainer a { color: #CC092F; font-size:13px; } .site_map_wrap .col1, .site_map_wrap .col2, .site_map_wrap .col3 { display: inline; float: left; width: 30%; margin-right: 3%; } .sitemap-category { margin-bottom: 15px; } .sitemap-category dt { margin-bottom: 5px; } .sitemap-category dt a { font-size: 14px; font-weight: bold; } .sitemap-category dd { padding-left: 15px; } .sitemap-category dd li { margin-bottom: 3px; } .sitemap-category dd li a { font-size: 12px; } /*************TV product detail style overrides****************************/ .addlInfo { position: relative; width: 98%; height: 0; padding-bottom: 60%; } .addlInfo iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #basket .slider h3, #thumbnail h4, .EntityBody h3{ font-family: 'bemio_italic'; font-size:16px; text-transform:uppercase; color:#333333; font-weight: normal; font-style: normal; border-bottom:2px solid #fff; padding:2px 2% 5px; } .EntityBody .items h3, .EntityBody .items h3 a { font-family: Arial,Helvetica,sans-serif; padding: 0; text-transform: none; margin-bottom:5px; color:#c60c30; font-weight:bold; } div#reviews-container div#reviews div.subheader h3 span.review-rating { font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; padding-left: 5px; } #thumbnail h4 a, .EntityBody h3 a{ font-weight:normal; } #basket .subheader, #thumbnail .subheader, .EntityBody .subheader{ width:100%; padding:4px 0 0; background-color:#e3e3e3; border-bottom: 1px solid #c3c3c3; margin-bottom:12px; clear:both; } .EntityBody #addToCartContainer { background: #e3e3e3; padding: 15px; border-top: 1px solid #FFF; border-bottom: 2px solid #FFF; } .component-grid-row-thumbnails { height:25px; } .component-grid-index-cell-thumbnails { height:25px; } #products .component-grid-column-0 { width: 50px; text-align: left; } #products .component-grid-column-1 { width: 50px; text-align: left; } #products .component-grid-column-2 { width: 330px; text-align: left; } #products .component-grid-column-3 { width: 60px; text-align: center; } #products .component-grid-column-4 { width: 40px; text-align: center; } #products .component-grid-column-5 { width: 30px; text-align: center; } #products .component-grid-column-6 { width: 30px; text-align: center; } .contentContainer #rightColumn { position: relative; float: right; min-height: 100px; width: 130px; margin-top:25px; z-index: 1; zoom: 1; } #rightColumn .cmsContent.last { margin-bottom:40px; } .contentContainer #rightColumn .related-items-heading { font-size: 13px; font-weight: bold; color: #545454; } .EntityBody { position: relative; width: 100%; float: left; } .EntityBody .main-item { position: relative; } .EntityBody .main-item .variant-container { display: table-cell; width: 272px; } .EntityBody .main-item .item-container { position: relative; } .EntityBody .main-item .image-container { position: relative; float: left; } .EntityBody .main-item .item-container #socialContainer { margin: 15px 0 0; width: 100%; text-align: left; clear:both; } .EntityBody .main-item .image-container .productBug { width: 73px; height: 16px; position: absolute; top: 0; right: 0; } .EntityBody .main-item .image-container.zoomed .main-item-image { height: 350px; } .EntityBody .main-item .zoom-overlay { position: absolute; left: -10000px; } .EntityBody .main-item .image-container .entity-image { background: white; cursor: pointer; } .EntityBody .main-item .image-container .entity-image .zoom-button { margin: 5px; width: 82px; height: 16px; cursor: pointer; } .EntityBody .main-item .main-item-more-images { padding-top: 10px; } .EntityBody .main-item .main-item-more-images a{ width:14.5%; float:left; display: block; margin-right:6.5%; } .EntityBody .main-item .main-item-more-images a:nth-child(5){ margin-right:0; } .EntityBody .main-item .main-item-more-images a#video_link { display: block; height: 60px; width: 60px; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMjMuMyAxNTkuNSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjIzLjMgMTU5LjUiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZmlsbD0iIzk5OTk5OSIgZD0iTTIxOS40LDI1LjdDMjE2LjcsMTMuNSwyMDcsNC41LDE5NS4yLDMuMUMxNjcuNiwwLDEzOS42LDAsMTExLjYsMFM1NS43LDAsMjgsMy4xQzE2LjMsNC41LDYuNywxMy41LDQsMjUuNw0KCQlDMCw0MywwLDYxLjksMCw3OS43YzAsMTcuOCwwLDM2LjgsMy45LDU0LjFDNi42LDE0NiwxNi4zLDE1NSwyOCwxNTYuNGMyNy43LDMuMSw1NS43LDMuMSw4My42LDMuMXM1NS45LDAsODMuNi0zLjENCgkJYzExLjctMS40LDIxLjQtMTAuMywyNC0yMi42YzQtMTcuMyw0LTM2LjMsNC01NC4xQzIyMy4zLDYxLjksMjIzLjMsNDMsMjE5LjQsMjUuN3oiLz4NCgk8cmVjdCB4PSI1OC40IiB5PSIyMC4yIiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMTA2LjUiIGhlaWdodD0iNzYuMyIvPg0KCTxnPg0KCQk8cGF0aCBmaWxsPSIjOTk5OTk5IiBkPSJNMTgyLDkwLjljLTEuNyw4LTguMSwxMy44LTE1LjcsMTQuN2MtMTguMSwyLTM2LjQsMi01NC43LDJzLTM2LjYsMC01NC43LTJjLTcuNy0wLjktMTQtNi44LTE1LjgtMTQuNw0KCQkJYy0yLjUtMTEuMy0yLjUtMjMuNy0yLjUtMzUuM3MwLTI0LDIuNi0zNS4zYzEuOC04LDguMS0xMy44LDE1LjctMTQuN2MxOC4xLTIsMzYuNC0yLDU0LjctMnMzNi42LDAsNTQuNywyDQoJCQljNy43LDAuOSwxNCw2LjgsMTUuOCwxNC43YzIuNSwxMS4zLDIuNSwyMy43LDIuNSwzNS4zUzE4NC42LDc5LjYsMTgyLDkwLjl6IE0xNDAuNSw1MS4xTDk4LjgsMjUuMWMtMS42LTEuMS0zLjctMS4xLTUuMy0wLjINCgkJCWMtMS42LDAuOS0yLjcsMi43LTIuNyw0LjZ2NTIuMWMwLDEuOSwxLjEsMy43LDIuNyw0LjZjMC44LDAuNCwxLjYsMC43LDIuNSwwLjdjMSwwLDItMC4yLDIuOC0wLjhsNDEuNy0yNi4xDQoJCQljMS41LTAuOSwyLjQtMi42LDIuNC00LjRTMTQyLDUyLDE0MC41LDUxLjF6Ii8+DQoJPC9nPg0KCTxnPg0KCQk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNDIuMiwxMDkuNGgxMC45bDEuOSwxOS4zbDcuNC0xOS4zaDEwLjlsLTEyLjQsMjkuMUg0Ni40TDQyLjIsMTA5LjR6Ii8+DQoJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik04NC4yLDEzOC41SDczLjVsNC4xLTI5LjFoMTAuN0w4NC4yLDEzOC41eiIvPg0KCQk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTIxLjcsMTIyLjFjMCwxNC42LTEzLjEsMTctMjEuNCwxN2MtMy42LDAtNy0wLjMtOS4yLTAuNmw0LTI4LjljMy4xLTAuNSw2LjMtMC43LDEwLjctMC43DQoJCQlDMTE1LjQsMTA4LjksMTIxLjcsMTEzLjYsMTIxLjcsMTIyLjF6IE0xMDQsMTMwLjhjNC45LDAsNy00LDctOC42YzAtMy40LTEuNy01LjUtNC45LTUuNWMtMC40LDAtMC45LDAtMS4zLDBsLTIsMTMuOQ0KCQkJQzEwMy4xLDEzMC44LDEwMy42LDEzMC44LDEwNCwxMzAuOHoiLz4NCgkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTEzOC40LDExNy42bC0wLjMsMi41SDE0OWwtMS4xLDcuNkgxMzdsLTAuMywyLjdoMTIuNGwtMS4yLDguMWgtMjIuOGw0LjEtMjkuMUgxNTJsLTEuMiw4LjJIMTM4LjR6Ii8+DQoJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xODYsMTIyYzAsMTAuMi03LjYsMTctMTcuOCwxN2MtOC41LDAtMTMuOC00LjctMTMuOC0xMy4yYzAtMTAuMiw3LjYtMTcsMTcuOC0xNw0KCQkJQzE4MC43LDEwOC45LDE4NiwxMTMuNSwxODYsMTIyeiBNMTc1LjMsMTIyLjZjMC0zLjYtMS4yLTUuNC00LjEtNS40Yy00LDAtNiwzLjUtNiw4YzAsMy42LDEuMiw1LjUsNC4xLDUuNQ0KCQkJQzE3My4zLDEzMC43LDE3NS4zLDEyNy4yLDE3NS4zLDEyMi42eiIvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg==) no-repeat; } .EntityBody .main-item .main-item-more-images a img{ width:100%; max-width:60px; } .subCatLink{ clear:both; text-align: left; } /* pdp messaging */ .messaging-container li:last-child{ margin-bottom: 12px; } .icon-container p{ display: block; margin-left: 25px; margin-top:12px; } .EntityBody #socialContainer a { color: #666666; font-size: 18px; width: 22%; box-sizing: border-box; text-align: center; } .EntityBody #socialContainer a.first { text-align: left; width: 14%; } .EntityBody #socialContainer a.last { text-align: right; width: 20%; } .EntityBody .main-item .description-container .VariantMatrix .variant { margin-bottom: 5px; } .EntityBody .main-item .description-container .display-price-container { font-weight: bold; font-size: 12px; text-transform: uppercase; color: #463823; } .EntityBody .main-item .items .product-container .description-container .shippingCont { width:65%; } .EntityBody .main-item .inv-qty-no-display { display: none; } .EntityBody #addToCartContainer .noShipOptions{ float:none; width: 90%; } .EntityBody #addToCartContainer .shippingCont strong.ship-to-store-label{ color:#666; font-weight:bold; } .EntityBody #addToCartContainer .shippingCont input { float: left; } .shippingCont .ship-to-store { color: #333; } .EntityBody #addToCartContainer .shippingCont label { font-weight: bold; margin-left: 2px; padding-top: 2px; font-size: 12px; line-height: 15px; display:block; float:left; width:84%; } .EntityBody #addToCartContainer .shippingCont .hotLinkLight { font-size: 11px; } .EntityBody #addToCartContainer .arrivalMessage { clear: left; font-size: 11px; padding: 2px 0 10px 22px; } .EntityBody #addToCartContainer .arrivalMessage2 { clear: left; font-size: 11px; padding: 2px 0 10px 0; margin: 6px 0 6px; } .EntityBody #addToCartContainer .shippingCont .arrivalMessage2.deliveryTime{ color:#666; margin-top:6px; } .EntityBody .add-item-container { height: 25px; background-position: -1000px -1000px; } .zoomBtnWrap { margin-bottom:30px; } .jsViewLarger.buttonIcon { width:82px; height:16px; display:inline-block; background-size:cover; background:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDMxNi41IDQ2LjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMxNi41IDQ2LjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iIzY2NjY2NiIgZD0iTTQyLjksNDYuNGMtMC45LDAtMS45LTAuNC0yLjUtMS4xbC05LjYtOS41Yy0zLjMsMi4zLTcuMiwzLjUtMTEuMSwzLjVDOC44LDM5LjMsMCwzMC41LDAsMTkuNlM4LjgsMCwxOS42LDANCglzMTkuNiw4LjgsMTkuNiwxOS42YzAsNC0xLjIsNy45LTMuNSwxMS4xbDkuNiw5LjZjMC42LDAuNiwxLDEuNiwxLDIuNUM0Ni40LDQ0LjgsNDQuOCw0Ni40LDQyLjksNDYuNHogTTE5LjYsNy4xDQoJYy02LjksMC0xMi41LDUuNi0xMi41LDEyLjVzNS42LDEyLjUsMTIuNSwxMi41czEyLjUtNS42LDEyLjUtMTIuNVMyNi41LDcuMSwxOS42LDcuMXogTTI4LjYsMjAuNWMwLDAuNS0wLjQsMC45LTAuOSwwLjloLTYuM3Y2LjMNCgljMCwwLjUtMC40LDAuOS0wLjksMC45aC0xLjhjLTAuNSwwLTAuOS0wLjQtMC45LTAuOXYtNi4zaC02LjNjLTAuNSwwLTAuOS0wLjQtMC45LTAuOXYtMS44YzAtMC41LDAuNC0wLjksMC45LTAuOWg2LjN2LTYuMw0KCWMwLTAuNSwwLjQtMC45LDAuOS0wLjloMS44YzAuNSwwLDAuOSwwLjQsMC45LDAuOXY2LjNoNi4zYzAuNSwwLDAuOSwwLjQsMC45LDAuOVYyMC41eiIvPg0KPHBhdGggZmlsbD0iIzY2NjY2NiIgZD0iTTY5LjksMzQuM2wtNy42LTIzLjZoNS4zbDUuMiwxNi42aDAuMWw1LjMtMTYuNmg1LjNsLTcuOCwyMy42SDY5Ljl6Ii8+DQo8cGF0aCBmaWxsPSIjNjY2NjY2IiBkPSJNOTMuMiwxMC43djIzLjZIODhWMTAuN0g5My4yeiIvPg0KPHBhdGggZmlsbD0iIzY2NjY2NiIgZD0iTTExNy45LDEwLjd2NC40aC0xMi40djVoMTEuNHY0aC0xMS40djUuOGgxMi43djQuNGgtMTcuOVYxMC43SDExNy45eiIvPg0KPHBhdGggZmlsbD0iIzY2NjY2NiIgZD0iTTE0MS40LDM0LjNsLTQtMTZoLTAuMWwtMy45LDE2aC01LjJsLTYuMi0yMy42aDUuMmwzLjcsMTZoMC4xbDQuMS0xNmg0LjlsNCwxNi4yaDAuMWwzLjktMTYuMmg1LjENCglsLTYuMywyMy42SDE0MS40eiIvPg0KPHBhdGggZmlsbD0iIzY2NjY2NiIgZD0iTTE3NC41LDEwLjd2MTkuMkgxODZ2NC40aC0xNi43VjEwLjdIMTc0LjV6Ii8+DQo8cGF0aCBmaWxsPSIjNjY2NjY2IiBkPSJNMjAzLjIsMTAuN2w4LjgsMjMuNmgtNS40bC0xLjgtNS4ySDE5NmwtMS44LDUuMmgtNS4ybDguOS0yMy42SDIwMy4yeiBNMjAzLjUsMjUuMmwtMy04LjZoLTAuMWwtMy4xLDguNg0KCUgyMDMuNXoiLz4NCjxwYXRoIGZpbGw9IiM2NjY2NjYiIGQ9Ik0yMjkuMiwxMC43YzEuMSwwLDIsMC4yLDIuOSwwLjVjMC44LDAuMywxLjYsMC44LDIuMiwxLjRjMC42LDAuNiwxLjEsMS4zLDEuNCwyLjFjMC4zLDAuOCwwLjUsMS42LDAuNSwyLjUNCgljMCwxLjQtMC4zLDIuNi0wLjksMy42Yy0wLjYsMS0xLjUsMS44LTIuOSwyLjN2MC4xYzAuNiwwLjIsMS4yLDAuNCwxLjYsMC44YzAuNCwwLjQsMC44LDAuOCwxLDEuM2MwLjMsMC41LDAuNSwxLDAuNiwxLjYNCgljMC4xLDAuNiwwLjIsMS4yLDAuMiwxLjhjMCwwLjQsMCwwLjgsMC4xLDEuM2MwLDAuNSwwLjEsMSwwLjEsMS42YzAuMSwwLjUsMC4xLDEsMC4zLDEuNWMwLjEsMC41LDAuMywwLjksMC41LDEuMmgtNS4yDQoJYy0wLjMtMC43LTAuNS0xLjYtMC41LTIuN2MtMC4xLTEtMC4yLTItMC4zLTNjLTAuMi0xLjItMC42LTIuMS0xLjEtMi43Yy0wLjYtMC42LTEuNS0wLjktMi44LTAuOWgtNS4ydjkuMmgtNS4yVjEwLjdIMjI5LjJ6DQoJIE0yMjcuMywyMS40YzEuMiwwLDIuMS0wLjMsMi43LTAuOGMwLjYtMC41LDAuOS0xLjQsMC45LTIuNmMwLTEuMS0wLjMtMi0wLjktMi41Yy0wLjYtMC41LTEuNS0wLjgtMi43LTAuOGgtNS43djYuNkgyMjcuM3oiLz4NCjxwYXRoIGZpbGw9IiM2NjY2NjYiIGQ9Ik0yNTYuNywzNC4xYy0xLjEsMC41LTIuMywwLjctMy40LDAuN2MtMS44LDAtMy40LTAuMy00LjktMC45Yy0xLjQtMC42LTIuNy0xLjUtMy42LTIuNg0KCWMtMS0xLjEtMS43LTIuNC0yLjMtMy45Yy0wLjUtMS41LTAuOC0zLjEtMC44LTQuOGMwLTEuOCwwLjMtMy40LDAuOC00LjlzMS4zLTIuOCwyLjMtMy45czIuMi0yLDMuNi0yLjZjMS40LTAuNiwzLjEtMSw0LjktMQ0KCWMxLjIsMCwyLjQsMC4yLDMuNSwwLjVjMS4xLDAuNCwyLjIsMC45LDMuMSwxLjZjMC45LDAuNywxLjcsMS42LDIuMywyLjZjMC42LDEsMSwyLjIsMS4xLDMuNmgtNC45Yy0wLjMtMS4zLTAuOS0yLjMtMS44LTMNCgljLTAuOS0wLjctMS45LTEtMy4yLTFjLTEuMiwwLTIuMiwwLjItMywwLjdjLTAuOCwwLjUtMS41LDEuMS0yLDEuOHMtMC45LDEuNi0xLjEsMi42Yy0wLjIsMS0wLjMsMi0wLjMsM2MwLDEsMC4xLDIsMC4zLDIuOQ0KCWMwLjIsMC45LDAuNiwxLjgsMS4xLDIuNXMxLjIsMS4zLDIsMS44YzAuOCwwLjUsMS44LDAuNywzLDAuN2MxLjcsMCwzLTAuNCw0LTEuM2MwLjktMC45LDEuNS0yLjEsMS42LTMuOGgtNS4ydi0zLjloOS45djEyLjdoLTMuMw0KCWwtMC41LTIuN0MyNTguOSwzMi44LDI1Ny45LDMzLjYsMjU2LjcsMzQuMXoiLz4NCjxwYXRoIGZpbGw9IiM2NjY2NjYiIGQ9Ik0yODcuOSwxMC43djQuNGgtMTIuNHY1aDExLjR2NGgtMTEuNHY1LjhoMTIuN3Y0LjRoLTE3LjlWMTAuN0gyODcuOXoiLz4NCjxwYXRoIGZpbGw9IiM2NjY2NjYiIGQ9Ik0zMDYuOSwxMC43YzEuMSwwLDIsMC4yLDIuOSwwLjVjMC44LDAuMywxLjYsMC44LDIuMiwxLjRjMC42LDAuNiwxLjEsMS4zLDEuNCwyLjFjMC4zLDAuOCwwLjUsMS42LDAuNSwyLjUNCgljMCwxLjQtMC4zLDIuNi0wLjksMy42Yy0wLjYsMS0xLjUsMS44LTIuOSwyLjN2MC4xYzAuNiwwLjIsMS4yLDAuNCwxLjYsMC44YzAuNCwwLjQsMC44LDAuOCwxLDEuM2MwLjMsMC41LDAuNSwxLDAuNiwxLjYNCgljMC4xLDAuNiwwLjIsMS4yLDAuMiwxLjhjMCwwLjQsMCwwLjgsMC4xLDEuM2MwLDAuNSwwLjEsMSwwLjEsMS42YzAuMSwwLjUsMC4xLDEsMC4zLDEuNWMwLjEsMC41LDAuMywwLjksMC41LDEuMmgtNS4yDQoJYy0wLjMtMC43LTAuNS0xLjYtMC41LTIuN2MtMC4xLTEtMC4yLTItMC4zLTNjLTAuMi0xLjItMC42LTIuMS0xLjEtMi43Yy0wLjYtMC42LTEuNS0wLjktMi44LTAuOWgtNS4ydjkuMmgtNS4yVjEwLjdIMzA2Ljl6DQoJIE0zMDUsMjEuNGMxLjIsMCwyLjEtMC4zLDIuNy0wLjhjMC42LTAuNSwwLjktMS40LDAuOS0yLjZjMC0xLjEtMC4zLTItMC45LTIuNWMtMC42LTAuNS0xLjUtMC44LTIuNy0wLjhoLTUuN3Y2LjZIMzA1eiIvPg0KPC9zdmc+) no-repeat; } .catalog-ensemble .main-item .add-item-container { padding-left: 150px; padding-bottom: 10px; } .EntityBody .main-item #description-container p, div#specifications-container li, .EntityBody .main-item .pdp-container .prdBullets li{ font-size:12px; line-height:20px; clear:both; } .EntityBody .main-item .description-container hr{ margin:0; } div#specifications-container li span{ font-weight:bold; } .EntityBody .main-item .pdp-container{ padding:0 12px 12px; } .EntityBody .main-item .columns .pdp-container{ padding:0 0 12px 12px; } .EntityBody .main-item .pdp-container ul.prdBullets { padding: 10px 0 0 16px; } .EntityBody .main-item .pdp-container .prdBullets li{ list-style: disc outside none; font-weight: bold; } .EntityBody .related-items { padding: 0px 7px 0px 7px; width: 126px; height: 100%; border-left: 4px solid white; background-color: #f5f5eb; float: right; } .EntityBody .main-item .image-description-container { position: relative; clear: both; } .EntityBody .main-item .items .product-container .description-container .display-price-container { font-weight: bold; font-size: 12px; text-transform: uppercase; color: #463823; margin-top:10px; display:block; } .EntityBody .main-item .items .product-container .description-container .variant-container { display: table-cell; width: 272px; } .EntityBody .main-item .items .product-container .image-container .productBug { width: 70px; height: 14px; position: absolute; top: 8px; left: 0; } .EntityBody .main-item .swatchs { display: table-cell; width: 150px; } .EntityBody .main-item .items .product-container .image-container .zoom-images { padding-top: 5px; padding-left: 30px; } .EntityBody #addToCartContainer .jsShowStoreLocator { display: inline-block; padding-left: 5px; } .EntityBody .email-a-friend { text-align: center; padding-left: 9px; padding-bottom: 25px; } .EntityBody .colortext { height: 15px; } .description-container h1 a.hotLink, .description-container h3 a.hotLink { font-size: 16px; } #more-images .ensembleViewMore { float:none !important; display:block; width:100%; margin:0; } .EntityBody h1.product-name, .description-container h1.ensemble-name { font-weight: bold; font-size: 16px; color: #333333; } .EntityBody h1.product-name { font-size:20px; } .EntityBody div.item-no { color: #6f6f6f; font-size: 12px; border-bottom: solid 1px #c4c4c4; width:100%; display:table; margin-bottom: 10px; } .EntityBody div.item-no span{ width:30%; display:table-cell; text-transform: capitalize; padding: 8px 0; text-align: center; white-space: nowrap; } .EntityBody div.item-no span:first-child{ text-align:left; white-space: normal; width:40%; } .EntityBody div.item-no span:last-child{ text-align:right; } .EntityBody #viewFullDescrip a.hotLinkLight { font-weight: bold; font-size: 12px; color: #666; padding: 12px 12px 12px 0; } .EntityBody #viewFullDescrip i{ color: #c60c30; font-size: 14px; padding-left: 6px; } #restrictionsSection { margin-bottom: 12px; } #addToCartContainer .common-message-blue{ font-size:11px; color:#333; } .EntityBody #priceContainer { margin: 10px 0 5px 0; font-size: 16px; font-weight: bold; } .EntityBody #priceContainer div{ font-size:12px; } .EntityBody #priceContainer .price { color:#338acd; font-size: 20px; margin-bottom: 3px; } .EntityBody #priceContainer .origPrice { color:#338acd; } .EntityBody #priceContainer .priceMessage{ color:#338acd; font-size: 12px; } .EntityBody #priceContainer .origPrice span { text-decoration: line-through; } .EntityBody #priceContainer .youSave { font-weight: normal; font-size: 12px; } .EntityBody .button.add-to-cart, .EntityBody .button.update-to-cart { font-size:16px; margin-top: 10px; text-transform:uppercase; min-width:140px; height:30px; line-height:30px; padding:0; border:0; font-family: 'bemio_italic'; font-weight:normal; } /****** PRODUCT DETAIL *****/ #productPage .EntityBody #addToCartContainer .jsShowStoreLocator{ padding-left: 0; display:inline-block; } #productPage .EntityBody #socialContainer a{ width:20%; text-align:left; } #basket .item-container .slider .ItemViewer .info, #basket .item-container .slider .ItemViewer .image, #product-details .item-container .slider .ItemViewer .info, #product-details .item-container .slider .ItemViewer .image{ width:100%; } #product-details .item-container .slider #recently_viewed_wrap .ItemViewer .info{ left:0; } #productPage .Quicklook .quicklook-button {top:14%;} #reviews .reviews_tab{clear:both;} #pointrollContainer {position:absolute;} #productPage .image-description-container #prodDetailPromo, #product-details .image-description-container #promoDetailMsg{ font-size:12px; } .slider .prodDetailPromo .promoDetailMsg{ } /****** ENSEMBLE *****/ .EntityBody .main-item .items .product-container #addToCartContainer label { padding-left: 5px; } .EntityBody .main-item .items .product-container #addToCartContainer .shipLocRadioBtn { vertical-align: bottom; } .EntityBody #addToCartContainer #quantityCont div.update-to-cart { cursor: pointer; } .EntityBody #addToCartContainer #quantityCont .form-field-container input { width: 40px; line-height: 24px; height: 24px; text-align: center; } .EntityBody #addToCartContainer #quantityCont .form-field-container label { display: inline; font-weight: normal; color:#333; font-weight:bold; } .description-container .ensPrdDescrip { padding-top: 15px; } .EntityBody .add-to-wish-list { margin-top: 5px; font-size: 12px; text-align: center; width:140px; } #socialContainer { margin-top: 15px; } #socialContainer a { float: left; } .EntityBody .item-container #ensembleAddInfo { padding: 15px 0; margin: 20px 0 20px 0; } .EntityBody .item-container #ensembleAddInfo ul, .EntityBody .item-container #ensembleAddInfo ul li, .EntityBody .item-container #ensembleAddInfo ul li a, .EntityBody .item-container #ensembleAddInfo ul li a:visited { color: #D84A64; } .EntityBody .item-container #ensembleAddInfo ul { margin: 5px 0 5px 0px; padding-left: 16px; } .EntityBody .item-container #ensembleAddInfo ul li { display: list-item; list-style-type: disc; padding-bottom: 3px; } .EntityBody .items #addToCartContainer .common-error { display: block !important; line-height: 13px; margin-bottom: 10px; } /****** RECENTLY VIEWED *****/ .item-container .slider { width: 100%; margin:0; padding-top: 10px; position: relative; height: 275px; overflow: hidden; } #productPage .item-container #recently-viewed.slider, .item-container #recently-viewed.slider { height: 325px; } .catalog-ensemble .slider { margin-top: 20px; } .item-container span.heading-text { color: #545454; font-size: 13px; cursor: default; margin: 0 0 0 20px; } .item-container .slider .entity-viewer { width: auto; margin: 0 14%; } .item-container .slider .ItemViewer p{ margin-bottom: 4px; font-size: 12px; text-align:center; } .item-container #recently-viewed.slider .ItemViewer p{ margin-bottom: 4px; font-size: 11px; } .item-container .slider .ItemViewer .name { text-align: center; width: 100%; height: auto; } .item-container .slider .ItemViewer .name a { font-size: 12px; text-align: center; width: 100%; color:#333333; font-weight:bold; } .item-container #recently-viewed.slider .ItemViewer .name a { font-size: 12px; } .item-container .slider .ItemViewer .name a:hover { text-decoration: none; } .item-container .slider .ItemViewer .style { text-transform: capitalize; color: #666; } .item-container .slider .ItemViewer .price { font-size: 14px; font-weight: bold; text-align: center; width:100%; color:#338acd; } .item-container #recently-viewed.slider .ItemViewer .price { font-size: 12px; } #youMayAlsoLike .ProductViewer.widget-root, #SameCategory .ProductViewer.widget-root, #browse-products2 .ProductViewer.widget-root, #youMayAlsoLike .EnsembleViewer.widget-root, #SameCategory .EnsembleViewer.widget-root, #browse-products2 .EnsembleViewer.widget-root { position:relative; } #youMayAlsoLike .ProductViewer.widget-root, #SameCategory .ProductViewer.widget-root, #browse-products2 .ProductViewer.widget-root, #youMayAlsoLike .EnsembleViewer.widget-root, #SameCategory .EnsembleViewer.widget-root, #browse-products2 .EnsembleViewer.widget-root, #productPage .item-container .slider { height:360px; } #recently_viewed_wrap .ProductViewer.widget-root{ position:relative; height:325px; } #recently_viewed_wrap .owl-controls .owl-buttons span.arrow{ top:12%; } .item-container .slider .ItemViewer .info{ position: absolute; top:164px; } .item-container .slider #recently_viewed_wrap .ItemViewer .info{ top:114px; left:10px; } .item-container .slider .ItemViewer .info, .item-container .slider .ItemViewer .image{ width: 88%; text-align:center; margin:0 auto; } .item-container .slider .ItemViewer .Image { width:100%; } .item-container .slider .item { background: none; } .item-container .slider .Scroller .horizontal .area { width: 100%; left: 20px; } .item-container .slider .Scroller .horizontal, .item-container .slider .Scroller .horizontal .scroller-layout { width: 100%; left: 0; } .item-container .slider .Scroller .horizontal .scroll-previous, .item-container .slider .Scroller .horizontal .scroll-next { top: 0; } .item-container .slider .Scroller .horizontal .scroll-next { left: 800px; } .item-container .slider .Scroller .horizontal .scroll-button { width: 17px; } .item-container .slider .Scroller .horizontal .button-previous { background-position: 0 -192px; } .item-container .slider .Scroller .horizontal .button-next { background-position: 0 8px; } .recently_viewed_wrap_short { } .EntityBody #inStoreStockContainer { padding: 10px 10px 5px 10px; border-bottom-width: 0px; background-color:#f0f0f0; } .EntityBody #inStoreStockContainer #stockContainer { } .EntityBody #inStoreStockContainer #stockContainer label { float: left; font-weight: bold; margin-left: 2px; padding: 2px 0 6px; } .EntityBody #inStoreStockContainer #stockContainer label .callout { font-size: 12px; line-height: 14px; font-weight: bold; color:#333; } .EntityBody #inStoreStockContainer #contactStoreContainer, .EntityBody #inStoreStockContainer #contactStoreContainer .button { width:140px; text-align: center; } .EntityBody #inStoreStockContainer #contactStoreContainer #contact-store { font-size: 11px; color:#545454; } .EntityBody #inStoreStockContainer #contactStoreContainer #contact-store .contact-store-msg{ text-align: center; } .EntityBody #inStoreStockContainer #contactStoreContainer #contact-store #contact-store-button button{ font-size: 12px; font-weight:bold; color:#CC092F; border-style:double; border-color:#DDDDDD; } .EntityBody #inStoreStockContainer #contact-store-button{ width:140px; margin-bottom:3px; } .EntityBody #inStoreStockContainer #contact-store #contact-store-info{ font-size: 14px; font-weight: bold; text-align: center; width:140px; } #shoulder #tab_head_wrap { display: none; } /********************* SECTION /catalog/section.jsp *********************/ #section #content_wrap #productSliderContainer{margin-left:2px;} #section #content_wrap #productSliderContainer .gradBordTop, #section #content_wrap #productSliderContainer .gradBordBtm{ background:none; border-top:1px solid #ddd; } #section #content_wrap .wideContainer .contentContainer { padding-left: 0; width: 960px; } #topLeftPromo, #topRightPromo, #botLeftPromo, #botRightPromo { float: left; } /********************* THUMBNAIL /catalog/thumbnail.jsp and TOP SELLERS example: /catalog/top_sellers.jsp?pageName=TopSeller&categoryId=6 *********************/ #thumbnail_wrap { width: 100%; float: left; } #thumbnail #refinementContainer .catalog-sort-by-option { display:inline; } #thumbnail #sortByContainer .catalog-sort-by-option { display:inline-block; } /********************* SEARCH body#search /catalog/search.jsp *********************/ #search_results_tabs .catalog-sort-by-option .sort-option-container .option { position: relative; z-index: 1000; } .catalog-sort-by-option .sort-option-container .option, .catalog-sort-by-option .narrowBy { float: left; margin-right: 5px; padding-right: 5px; } .catalog-sort-by-option .narrowBy { padding-top: 3px; color: #333333; } .catalog-sort-by-option .option-text { padding-top: 4px; text-transform: uppercase; color: #333333; } .catalog-sort-by-option .selected-refinement-link { padding-top: 4px; } .catalog-sort-by-option .selected-refinement-link span { color: #cc092f; font-weight: bold; } .projectItem { padding: 10px 0; } .projectItem .projectName { color: #CC092F; font-size: 13px; margin-bottom: 7px; } .projectItem .projectName a { color: #CC092F; font-weight: normal; } .projectItem .image-display { float: left; } .projectItem .desc-display { clear: right; font-size: 11px; line-height: 16px; margin-left: 132px; } .catalog-display-price-text { font-weight: bold; } .catalog-entity-thumbnail { font-size:0; text-align: left; } .catalog-entity-thumbnail .widget-root.product, .catalog-entity-thumbnail .widget-root.ensemble { /*min-width:176px;*/ /*float:left;*/ height:auto; padding:0 4px; box-sizing: border-box; margin-bottom:20px; /*min-height:365px;*/ border-top:1px solid #edebeb; display:inline-block; vertical-align:top; font-size:11px; } .catalog-entity-thumbnail .entityResponsiveBrandModel { min-height: 90px; margin-bottom: 10px; padding-top: 15px; color:#666; } .catalog-entity-thumbnail .ensemble .entityResponsiveBrandModel { min-height:initial; } .catalog-entity-thumbnail .entityResponsiveBrandModel .ratings img { margin-top: 10px; } .catalog-entity-thumbnail .entityResponsiveBrandModel .callout { margin-bottom:5px; } .catalog-entity-thumbnail .current-product { padding-bottom: 8px; } .ensembleQV .quicklook-button, .catalog-entity-thumbnail .ensemble .quicklook-button{ display:none !important; } .catalog-entity-thumbnail .current-product .prodCompare { margin-bottom: 2px; } .catalog-entity-thumbnail .current-product .prodCompare .compare-items input { margin: 1px 5px 0 0; vertical-align:middle; } .catalog-entity-thumbnail .current-product .prodCompare span.compareUrl{ padding-top:1px; display:inline-block; } .catalog-entity-thumbnail .current-product .prodCompare span.compareUrl a{ color: #FFF; background: #c60c30; padding: 2px 8px; text-decoration: none; } .catalog-entity-thumbnail .current-product .image-display { width: 150px; height: 150px; text-align: center; background: #FFFFFF none repeat scroll 0; margin-bottom: 20px; position: relative; } .catalog-entity-thumbnail .current-product .image-display .productBug { position: absolute; top: 135px; left: 0; width: 70px; height: 16px; } #product-details .image-container .productBug { position: absolute; right: 0; width: 73px; height: 16px; } .catalog-entity-thumbnail .current-product .image-display img { margin: 0; } .catalog-entity-thumbnail .display-text { max-height: 45px; overflow: hidden; } #search .search-redirect-box { width: 515px; margin: 15px 0 } #search .search-redirect-box .search-redirect-text { background-color: #f5f5f5; border: 1px solid #cccccc; padding: 10px; } #search .search-redirect-box a { font-size: 12px; font-weight: bold; line-height: 18px; } #search .search-redirect-box .description { margin-top: 5px; } .narrowAction { display: none; } .top-pagination-container { text-align: right; padding: 0; margin-right: 35px; float: right; display: inline; } .bottom-pagination-container { clear: both; text-align: right; padding-right: 35px; float: right; width:100%; } .bottom-pagination-container.gradient { position:relative; background: #f3eedb; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmM2VlZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4OSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvcmFkaWFsR3JhZGllbnQ+CiAgPHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-radial-gradient(center, ellipse cover, #f3eedb 0%, #ffffff 89%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f3eedb), color-stop(89%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, #f3eedb 0%,#ffffff 89%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, #f3eedb 0%,#ffffff 89%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, #f3eedb 0%,#ffffff 89%); /* IE10+ */ background: radial-gradient(ellipse at center, #f3eedb 0%,#ffffff 89%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3eedb', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ } .bottom-pagination-container.gradient::before { content: " "; display:block; width:100%; height:45px; background:#fff; } .bottom-pagination-container .dividerDark.top { position:absolute; width:100%; height:1px; top:45px; } .top-pagination-container a, .bottom-pagination-container a { text-decoration: none; color: #cc092f; text-decoration: none; font-weight: bold; margin: 0 3px 0 3px; } body#category .bottom-pagination-container{ background:none; border-top:1px solid #ddd; } /* paging */ .Paging { position: relative; vertical-align: middle; -moz-user-select: none; -moz-user-focus: none; width: auto; font-size: 11px; float: right; } .Paging .viewall { float: left; cursor: pointer; padding-right: 5px; margin-right: 0; font-weight: normal; } .Paging .viewmode { float: left; } .Paging .page-numbers { float: left; } .Paging .page-numbers .pipe { float: left; padding-left: 5px; padding-right: 5px; padding-top: 2px; } .Paging .page-numbers .page-number { float: left; padding-left: 5px; padding-right: 5px; } .Paging .next { float: left; cursor: pointer; padding-left: 0; font-weight: normal; } .Paging .next a { width: 7px; height: 12px; zoom: 1; } .Paging .previous { float: left; cursor: pointer; padding-right: 0; font-weight: normal; } .Paging .previous a { width: 7px; height: 12px; zoom: 1; } .bottom-pagination-container .Paging { padding: 15px 0 35px 0; } .top-pagination-container a:hover, .bottom-pagination-container a:hover { text-decoration: underline } .top-pagination-container .previous a, .bottom-pagination-container .previous a, .top-pagination-container .next a, .bottom-pagination-container .next a { font-size: 14px; position: relative; top: -2px; } .top-pagination-container .current-page, .bottom-pagination-container .current-page { color: #666; margin: 0 3px 0 3px; font-weight:bold; } #content_wrap .posRelative { position: relative; } body#category .top-pagination-container .Paging .next a .text, body#category .top-pagination-container .Paging .previous a .text { visibility: visible; } body#category .top-pagination-container .Paging .next a, body#category .top-pagination-container .Paging .previous a { background-image: none; } .category-heading-container { padding-bottom: 10px; display: table-cell; width: 731px; float: left; } .category-heading-container .category-heading { float: left; font-weight: bold; font-size: 12px; text-transform: uppercase; color: #463823; padding-top: 4px; } .category-heading-container .catalog-sort-by-option .sort-option-container { float: left; } body#category .category-list-container { padding-top:10px; } .catalog-category .category-list-container { padding-left: 20px; width: 700px; } .catalog-category .category-list-container .sub-category-heading { background-color: #fff; width: 100%; padding: 4px 15px 4px 10px; float: left; } .catalog-category .category-list-container .sub-category-heading .heading-text { float: left; font-weight: normal; font-size: 14px; color: #606060; } .catalog-category .category-list-container .sub-category-heading .heading-text a { font-size: 14px; color: #606060; font-weight: bold; } .catalog-category .category-list-container .sub-category-heading .view-more { float: right; color: #3f3f3f; } .catalog-category .category-list-container .sub-category-heading .view-more a, .catalog-category .category-list-container .sub-category-heading .view-more span { color: #cc092f; font-weight: bold; margin-left: 3px; display: inline-block; } .catalogContentWrapper { padding-top: 11px; position: relative; } .catalog-category .category-list-container .product-list-container { width: 700px; height: 290px; margin-top: 15px; margin-bottom: 15px; text-align: left; float: left; } .category-list-container .productWrap { float:left; height:auto; min-width:177px; padding:0 4px; box-sizing: border-box; } .category-list-container .product-list-container { height: 300px; width:100%; float: left; border: 1px solid #ccc; margin-bottom: 19px; padding-bottom: 6px; } .category-list-container .product-list-container.last { margin-right: 0px; } .category-list-container .product-list-container .thumbImg { margin: 17px auto 0; width: 150px; height: 150px; } .category-list-container .product-list-container .sub-category-heading { margin:16px 10px 0 10px; text-align:center; } .category-list-container .product-list-container .sub-category-heading a { color: #666; } .category-list-container .product-list-container .heading-text h2 { display:inline; } .category-list-container .product-list-container .heading-text, .category-list-container .product-list-container .heading-text a { color: #CC092F; font-weight: bold; font-size: 14px; text-decoration: none; line-height: 17px; } .category-list-container .product-list-container .view-all a { color: #CC092F; display: block; margin-top: 10px; font-size: 12px; } .category-list-container .product-list-container .view-all a span.count { font-weight: bold; } .category-list-container .product-list-container .heading-text a img { vertical-align: top; margin: 1px 0 0 10px; } .category-list-container .product-list-container .view-more { float: right; } .category-list-container .product-list-container .view-more a { font-weight: bold; } .catalog-category-breadcrumb { position: relative; top: -30px; } .catalog-category-breadcrumb .selected-item { font-weight: bold; color: #3f3f3f; } #shoulder .browse-container { position: relative; margin-top:18px; float:right; text-align: right; font-size: 12px; font-weight: bold; } #shoulder .browse-container .hotLink { font-size: 14px; padding: 12px 14px; } #shoulder .browse-container .hotLink i{ width:15px; height:15px; } #shoulder .browse-container .XofY { position: relative; padding-left:2px; } .catalog-thumbnail { background-color: #fff; padding-left: 25px; } *html .catalog-thumbnail { padding-left: 25px; } .catalog-thumbnail #refinementContainer { padding: 20px 0; position:relative; z-index:1; border-bottom: 1px solid #CCC; } .catalog-thumbnail #sortByContainer { padding: 20px 0; position:relative; z-index:1; } .catalog-thumbnail .entity-thumbnail-container { width: 100%; padding: 0; float: left; } .catalog-thumbnail .entity-thumbnail-container .catalog-entity-thumbnail .featured_item_wrap { width: 365px; min-height: 347px; position: relative; float: left; } .catalog-thumbnail .entity-thumbnail-container .catalog-entity-thumbnail .featured_item_wrap .imageCont { top: 90px; left: 20px; position: absolute; width: 180px; } .catalog-thumbnail .entity-thumbnail-container .catalog-entity-thumbnail .featured_item_wrap .productBug, .catalog-thumbnail .entity-thumbnail-container .catalog-entity-thumbnail .featured_item_wrap .prdInfoCont { float: right; width: 70px; margin: 30px 15px 0 0; } .catalog-thumbnail .entity-thumbnail-container .catalog-entity-thumbnail .featured_item_wrap .prdInfoCont { clear: right; position: relative; top: 50px; width: 150px; } .entity-thumbnail-container .prdThumbRowRule { margin: 0 0 0 -15px; line-height: 1; font-size: 1px; clear: both; padding: 0 0 13px 0; } .catalog-thumbnail .entity-thumbnail-container .current-product { padding-right: 0px; position: relative; } .catalog-compare-items-layers .compare-layer { position: absolute; top: 0px; left: 0px; visibility: hidden; width: 250px; background-color: #fff; border: 1px solid #BEBCBD; z-index: 102; } .catalog-compare-items-layers .compare-layer-items { position: absolute; top: 153px; left: 8px; max-width: 780px; width:95%; visibility: hidden; background-color: #fff; z-index: 1001; } .catalog-compare-items-layers .loading-img { text-align: center; border: 2px solid #bebcbd; } .catalog-compare-items { border: 1px solid #bebcbd; overflow-x: auto; overflow-y: hidden; } .catalog-compare-items iframe { position: absolute; z-index: -1; top: 0; left: 0; } .catalog-compare-items .top-links { position: absolute; top: 7px; right: 35px; } .catalog-compare-items .remove-links { border-bottom: 1px solid #bebcbd; padding: 10px; } .catalog-compare-items .items { padding: 15px 15px 15px 15px; } .catalog-compare-items .items .items-list { border: 1px solid #DAD9D7; border-bottom: 0; } .catalog-compare-items .items .item { padding: 10px; } .catalog-compare-items .items .item .Quicklook { position: relative; float: left; } .catalog-compare-items .items .item .Quicklook .quicklook-button { width: 125px; top: 25px; left: -10px !important; } .catalog-compare-items .items .item .Quicklook .quicklook-button .button { color: #c60c30 !important; text-transform: uppercase; line-height: 40px; } .catalog-compare-items .items .item-name { min-height: 70px; height: auto !important; height: 70px; } .catalog-compare-items .items .attribute-area { text-align: left; width: 100px; } .catalog-compare-items .items .attribute-area .compare-your-selection-text { padding: 50px 10px 50px 15px; font-size: 14px; font-weight: bold; color: #5d5b5c; text-align: left; width: 80px; } .catalog-compare-items .items .attributes-text { text-align: left; padding-left: 6px; } .catalog-compare-items .items .attribute { background: #e3e3e3; text-align: right; width: 100px; padding: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; } .catalog-compare-items .items .attribute-with-bottom-border { border-bottom: 1px solid #bebcbd; } .catalog-compare-items .items .attribute-with-top-border { border-top: 1px solid #bebcbd; } .catalog-compare-items .items .attribute-with-right-border { border-right: 1px solid #bebcbd; } .catalog-compare-items .items .attribute-value { border-bottom: 1px solid #bebcbd; padding: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; } .catalog-compare-items .items .attribute-value-with-top-border { border-top: 1px solid #bebcbd; } .catalog-compare-items .message-text { padding: 0 0 15px 0; } .catalog-compare-pop { padding: 10px 10px 15px 10px; background-color: #fff; } .catalog-compare-pop .close-link { margin-bottom:8px; text-align: right; } .catalog-search-nav { width: 182px; padding: 10px 0px 10px; background-color: #ecebde; } .catalog-no-search-results { position: relative; padding: 30px; } .catalog-no-search-results .search-result-container { padding-bottom: 10px; } .catalog-no-search-results .search-result-container .search-result-description { clear: both; padding-top: 10px; font-size: 20px; } .catalog-no-search-results .search-result-text { float: left; font-weight: bold; font-size: 12px; color: #463823; padding-top: 4px; } .catalog-no-search-results .noResultsContainer input { vertical-align: top; } .catalog-no-search-results .noResultsContainer input.keyword-text { line-height: 27px; height:27px; margin-right: 10px; padding-left: 5px; } .catalog-no-search-results .search-result-msg { padding-left: 45px; line-height: 15px; } .catalog-no-search-results .content-area { width: 917px; height: 270px; } .catalog-no-search-results .heading-container { background-color: #e3e3cb; padding: 15px 12px 10px 10px; width: 895px; display: table-cell; float: left; } .catalog-no-search-results .search-result-container .search-result-info { float: left; vertical-align: bottom; padding-top: 6px; } .catalog-purchased-product { background-color: #ecebde; padding: 12px 15px 25px 12px; width: 917px; display: table-cell; } .catalog-purchased-product .heading-text-container { width: 917px; display: table-cell; padding-top: 4px; padding-bottom: 4px; float: left; } .catalog-purchased-product .heading-text { font-weight: bold; font-size: 12px; color: #463823; } .catalog-purchased-product .entity-thumbnail-container { width: 902px; padding: 15px 0 15px 15px; float: left; } .catalog-purchased-product .heading-container { background-color: #e3e3cb; padding: 15px 12px 0 10px; width: 895px; display: table-cell; float: left; } .catalog-purchased-product .heading-container .catalog-sort-by-option .sort-option-container { float: left; padding-top: 4px; padding-bottom: 4px; } .catalog-purchased-product .bottom-pagination-container { padding-right: 7px; } .catalog-related-items { padding-top: 15px; } .catalog-related-items .browse-products { padding-left: 10px; padding-bottom: 7px; margin-bottom: 10px; border-bottom: 1px solid white; } .catalog-related-items .browse-products .vert-align-middle { vertical-align: middle; } .catalog-related-items .browse-products .vert-align-top { vertical-align: top; } .catalog-related-items .heading { font-weight: bold; font-size: 12px; color: #463823; text-transform: uppercase; } .catalog-email-a-friend { padding: 25px 20px 25px 12px; width: 510px; } .catalog-email-a-friend div { padding-left: 1px; } .catalog-email-a-friend .input-container { padding-top: 7px; } .catalog-email-a-friend .input-container .fl { width: 200px; } .catalog-email-a-friend .input-container .input { width: 250px; margin-bottom: 5px; } .catalog-email-a-friend .input-container .input#email-privacy { width: 350px; margin-top: 10px; } .catalog-email-a-friend .input-container input#sendersName { width: 290px; } .catalog-email-a-friend .input-container input#sendersEmail { width: 220px; } .catalog-email-a-friend .input-container input#recipientName { width: 180px; } .catalog-email-a-friend .input-container input#recipientEmail { width: 180px; } .catalog-email-a-friend .input-container textarea { width: 280px; } .catalog-email-a-friend .input-container .input label { font-size: 12px; font-weight: bold; color: #463823; } .catalog-email-a-friend .input-container .input label.optional { font-weight: normal; } .catalog-email-a-friend .input-container .recipient-privacy { float: left; width: 170px; background: #cfccb7; margin-top: 20px; } .catalog-email-a-friend .send-email-button { width: 90px; height: 20px; cursor: pointer; } .catalog-field-container { padding: 10px 20px; } .catalog-form-field-error { border: 1px solid gray; color: red; background: url(../assets/images/common/errorstate.gif) no-repeat; background-position: 0px 9px; } .catalog-field-container .required { font-weight: bold; } .catalog-field-container input, .catalog-field-container select { width: 265px; } .catalog-field-container input.zip-code { width: 150px; } .catalog-product-popup .zoom-overlay { display: block; position: absolute; top: 0px; left: 0px; width: 581px; height: 350px; border: 1px solid #bab8a9; } .email-type { padding-left: 15px; } #catalog-request .submit-container { padding: 0 0 0 0px; } /* Catalog Quick Order */ #catalog-order { padding: 30px 60px; width: 639px; } #catalog-order h1 { font-size: 16px; font-weight: bold; margin-bottom: 20px; } #catalog-order p { margin: 15px 0px; } #catalog-order .VariantMatrix .variant { margin-bottom: 5px; } #catalog-order #widget-add-cart-catalog { float: left; cursor: pointer; width: 103px; height: 19px; } #catalog-order #widget-add-cart-catalog.mouse-down { } /****** CATALOG GIFT CERTIFICATES *****/ #catalog-gift-certificate { padding: 30px 60px; } #catalog-gift-certificate div.form-field-container { padding-top: 10px; } #catalog-gift-certificate h1 { margin-bottom: 20px; font-size: 16px; font-weight: bold; } #catalog-gift-certificate p { margin-bottom: 20px; } #catalog-gift-certificate label { display: block; } #catalog-gift-certificate input { width: 400px; } #catalog-gift-certificate input.email { width: 200px; } #catalog-gift-certificate input.certificate-amount { width: 100px; } #catalog-gift-certificate textarea { width: 400px; } #catalog-gift-certificate .submit { width: auto; margin-top: 10px; } #catalog-gift-certificate p img { padding-left: 100px; } #catalog-gift-certificate .add-to-cart-button { float: left; cursor: pointer; width: 103px; height: 19px; margin-top: 10px; } #catalog-gift-certificate .add-to-cart-button.mouse-down { } #catalog-gift-certificate .update-cart-button { float: left; cursor: pointer; width: 118px; height: 22px; margin-right: 10px; } #catalog-gift-certificate .update-cart-button.mouse-down { } .cms-promo-collection { width: 288px; } .cms-promo-collection .divider { height: 5px; border-top: 1px dashed #cccccc; } .cms-promo-collection .promoHeader { height: 19px; width: 288px } .cms-promo-collection .promoDivider { height: 1px; width: 288px } .cms-promo-collection .promoFooter { height: 19px; width: 288px } .cms-promo-collection .promoSmall { } .cms-promo-bottom-wide { padding-left: 19px; padding-top: 15px; } /* landing styles from template page */ /* Overrides to accommodate 5 wide layout on Landing Page */ .assortment { position:relative; } #section .catalog-thumbnail { width: 100% /* 881px; */ } #section .catalog-thumbnail .entity-thumbnail-container { width: 100%; /* 875px */ padding: 0 0 15px 15px; float: left; } .sharing-container { position: relative; z-index: 5000; float: right; display: none; } /* Email Subscribe Styles */ #user-subscribe { padding-top:20px; } #user-subscribe h1 { font-size:16px; } #user-subscribe p.intro { width:530px; margin-bottom:20px; } #user-subscribe .email-format { margin:10px 0px 0px 25px; } #user-subscribe .submit { margin-left: 5px; } /* Email Unsubscribe Styles */ #user-unsubscribe { padding-top:20px; } #user-unsubscribe h1 { font-size:16px; } #user-unsubscribe p.intro { width:530px; margin-bottom:10px; } #user-unsubscribe .submit { margin-left: 5px; } .user-form-field-container { padding: 10px 20px 5px 20px; } .user-form-field-error { border:1px solid gray; color:red; background: url(../assets/images/common/errorstate.gif) no-repeat; background-position: 0 9px; } .user-form-field-container .required { font-weight: bold; } .user-form-field-container .submit { margin-top: -5px; } .form-field-container .subscribe-button { float:left; cursor: pointer; width: 108px; height: 19px; margin-left: 10px; display:inline-block; } .form-field-container .subscribe-button.mouse-down { } .form-field-container .unsubscribe-button { float:left; cursor: pointer; width: 124px; height: 19px; margin-left: 10px; display:inline-block; } .form-field-container .unsubscribe-button.mouse-down { } .form-field-container label { padding:3px; } /****** HOME PAGE STYLES *****/ td .memberArea { padding-bottom: 5px; font-family: arial, sans-serif; font-weight: bold; color: #333333; font-size: 11px; } .login label { display: block; padding-bottom:3px; } .cms-promo-collection { width: 288px; } .cms-promo-collection .divider { height: 5px; border-top: 1px dashed #cccccc; } .cms-promo-collection .promoHeader { height: 19px; width: 288px } .cms-promo-collection .promoDivider { height: 1px; width: 288px } .cms-promo-collection .promoFooter { height: 19px; width: 288px } .cms-promo-collection .promoSmall { } .memberArea { width: 288px; height: 234px; } .memberArea .login { width: 240px; padding-left: 24px; padding-top: 42px; } .login .login-email { float: left; width: 50%; } .login .login-password { float: right; width: 50%; } .login .keeplogin { margin-bottom: 5px; font-weight:normal; } .login .keeplogin a { text-decoration: none; } .login .login-button { width: 48px; float:left; margin: 5px; } .login .forgot { float:left; color: #666666; margin-top: 8px; font-size: 10px; } .login .register { padding-top: 32px; clear: both; } .memberArea .loggedin { width: 240px; padding-left: 24px; padding-top: 46px; font-weight:normal; } .memberArea .message { padding-bottom: 5px; } .memberArea .loggedin .login-message { font-weight:bold; padding-bottom: 6px; } .memberArea .loggedin .login-message img{ float:left; padding-top: 4px; } .memberArea .loggedin .login-name{ font-size: 13px; padding-left: 124px; } .memberArea .loggedin .login-notname { color: #666666; padding-top: 30px; } .memberArea .loggedin .login-notname a{ color: #666666; } .memberArea .lognButton { width:90px; } /****** CHECKOUT - OCP6 AND NEW *****/ body#checkout { font-size:12px; } #checkout h1.page-title { font-size:24px; margin-top:10px; padding-bottom:0px; } #checkout #checkoutTop .signedIn { margin: 0 0 10px 15px; } .panelWrap h2 { font-family: 'bemio_italic'; font-size: 18px; font-style: normal; font-weight: normal; text-transform: uppercase; background-color:#e3e3e3; padding: 8px 15px; font-size: 16px; color: #999; border: 1px solid #fff; } .panelWrap.panelActive h2 { background-color:#c60c30; color:#fff; } h2.summaryHeader { background:#333; color:#fff; } #ajaxErrorLayer { padding: 10px; } .panelErrorMessage { margin: 10px 0 5px 2%; } #checkout .form-field-container label.optional { font-weight:normal; } .panelWrap { position: relative; zoom: 1; overflow: hidden; } #checkout #panelContainer { background-color: #f0f0f0; } .form-field-container label.inline { display:inline; } .panelWrap .panelInner { background-color: #f0f0f0; display:inline-block; width:100%; } #panelSummary .panelInner { background:#fff; } #panelSummary .orderSummary.panelInner h2.summaryHeader{ color:#fff; margin-bottom:12px; } .panelWrap .panelDivider { display:inline-block; width:290px; color:#c2c2c2; margin:5px 0 0 15px; } .panelWrap h3 { padding: 10px 0 0 0; } .panelContentWrap .groupWrap { margin-bottom: 10px; } .panelComplete h2 a.editLink { font-family:Arial, Helvetica, sans-serif; font-size:12px; position: absolute; top: 4px; right: 10px; height:28px; padding: 10px 15px 0 16px; text-decoration:none; text-transform:capitalize; } .panelComplete h2 a.editLink i{ font-size:14px; margin-left:6px; } .panelActive.panelWrap h2 .requiredFieldText { font-family: Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; text-transform:none; color:#fff; display: inline; float: right; margin-top:7px; } .panelWrap h2 .requiredFieldText { display: none; } #panelReview h2 .requiredFieldText { display: none; } ul.completeData li { word-wrap: break-word; margin: 6px 3%; } .panelWrap .panelLoading { min-height: 75px; } .panelContentWrap .loader, #panelLogIn .loader, #panelSummary .loader { position: absolute; height: 100%; width: 100%; left: 0; top: 0; opacity: .7; z-index: 99; } .hidePanel { display: none; } #panelShipping .panelHidden .panelInner { display:none; } .buttonRow.finalOrder input.disabled{ opacity:.5; } /* -- Checkout Form Styles --*/ .labelFieldWrapper { display:inline-block; width:100%; } .panelWrap form { margin-bottom: 0; } .panelWrap fieldset { padding: 10px 15px; border:none; } .panelWrap fieldset#guestBilling { clear:both; } .panelWrap #responseErrorTop { clear: both; padding: 10px 15px 0; } .panelWrap .panelInner .requiredFieldText { float:right; padding:10px; } #checkout .form-field-container label { margin-bottom:0; } #checkout .form-field-container input, #checkout .form-field-container select{ font-size:12px; width:280px; height:25px; padding-left:10px; } #checkout .form-field-container select { height: 35px } #checkout .form-field-container input[type=button] { width:auto; height:auto; } #checkout .form-field-container input[type=checkbox] { width:auto; height:auto; } .panelWrap .buttonRow { padding: 15px 0 25px 3%; text-align:left; } #checkout select#state { width: 195px; margin-bottom:5px; display:inline-block; } #checkout input#zipCode { width: 120px; } /* --- Login panel --- */ .panelWrap .login.six.columns{ padding-top: 10px; } .panelWrap .login h3, .panelWrap .register h3{ margin-bottom:6px; } #checkoutAsGuest{ margin-top:12px; } #checkout .register .form-field-container .labelFieldWrapper, #checkout .register .form-field-container input{ width:98%; max-width: 280px; } #checkout .register .form-field-container input[type=checkbox]{ width:auto; float:left; margin-right:6px; } .panelWrap .panelInner .register .requiredFieldText{ float:left; padding:10px 0; } /* --- Order Summary --- */ .errorMsg a, .errorMsg a.hotlink, .errorMsg a.hotlink:visited, .errorMsg a.hotlink:link, .checkoutMessaging a, .checkoutMessaging a.hotlink, .checkoutMessaging a.hotlink:visited, .checkoutMessaging a.hotlink:link{ text-decoration:underline; } #checkout .checkout-page-notification{ padding:12px 0; border-bottom:1px solid #d2d2d2; } #checkout .checkout-page-notification .common-error { color: #FE0000; font-weight: bold; } #panelShipping .checkout-page-notification .common-error { padding-left:15px; } #orderLevelMessaging.checkoutMessaging { margin: 10px 0; padding-bottom:12px; border-bottom:solid 1px #d2d2d2; } #panelReview #orderLevelMessaging.checkoutMessaging, .panelWrap #orderLevelMessaging.checkoutMessaging { margin: 10px 0 0 0; padding-bottom:0; } #checkout #panelSummary .messaging-container{ margin-top:6px; } #checkout #panelSummary .messaging-container li:last-child{ margin-bottom:0; } #checkout #panelSummary #itemRestrictions, #checkout #panelSummary #itemRestrictions a{ font-size:11px; font-weight:normal; } #checkout #panelSummary #itemRestrictions p{ margin-left:0; margin-top:0; } #checkout #panelSummary .restriction-icon:before{ font-size:13px; } #panelSummary h4 { margin: 20px 0 10px 0; padding-bottom: 10px; } .multiShipEditLink { display:none; } .multiShipEditLink.billingStep, .multiShipEditLink.active.billingStep { display:none !important; } .multipleShipments .multiShipEditLink { float:right; display:inline-block; } .multipleShipments .multiShipEditLink.active { display:inline-block; } #panelSummary hr { height: 1px; font-size: 1px; } #panelSummary .groupWrap h4 { border-bottom: 1px solid #eaeaea; padding-bottom: 10px; margin-bottom: 10px; } #panelSummary .groupWrap ul li { word-wrap: break-word; } #checkout #panelSummary .itemRow { margin-top:15px; } #panelSummary .col1 { float: left; width: 20%; } #panelSummary .col2 { float: left; width: 60%; } #panelSummary .col2 h5 { margin-bottom: 3px; font-size: 12px; text-transform: none; } #panelSummary .col2 h5 a, #panelSummary .col2 h5 a:hover { text-decoration: none; } #panelSummary .itemno .manuName, #panelSummary .itemno .modelName, #panelSummary .itemno .itemName { display:inline-block; } #panelSummary .qtyPriceDetails { clear:both; font-size:12px; font-weight:bold; color:#333; display:inline-block; margin:10px 0 7px; width:100%; } #panelSummary .qtyPriceDetails .colorDisplay, #panelSummary .qtyPriceDetails .priceDisplay { padding-left: 0px; margin-left: 0px; border-left: none; } #panelSummary .qtyPriceDetails dl { display:inline-block !important; margin-left:10px !important; } #panelSummary .qtyPriceDetails dt, #panelSummary .qtyPriceDetails dd{ float:left; } #panelSummary .qtyPriceDetails dd { color:#2d88cf; } #panelSummary .itemExtraInfo, #panelSummary .shippingRestricted{ background-color:#e3e3e3; padding:10px 3%; display:inline-block; clear:left; margin:0; width:94%; } #panelSummary .multipleShipments .itemExtraInfo{ display:none; } #panelSummary .itemExtraInfo .shipInfo { font-size:12px; } #panelSummary .itemExtraInfo span.storeName { color:#686868; font-weight:bold; text-transform:uppercase; } #panelSummary .itemRow hr { margin-bottom: 10px; margin-top:0; } #panelSummary .editButtons { background:#d2d2d2; padding: 8px 2%; margin-top: 6px; position: relative; z-index: 0; margin: 2px 0; width: 96%; } #panelSummary .editButtons a { color:#333; font-weight:bold; font-size:11px; } #panelSummary .editButtons .fa { color:#333; margin-left:5px; font-size:12px; display:inline-block; } #panelSummary .multipleShipments.denoteShipment{ border-top:solid 2px #c60c30; clear:both; position: relative; } #panelSummary .multipleShipments.denoteShipment:after { top:0; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(198, 12, 48, 0); border-top-color: #c60c30; border-width: 6px; margin-left: -6px; } #panelSummary .multipleShipments .header { display: block; font-weight: bold; padding: 12px 4%; background-color: #e3e3e3; margin: 8px 0 2px; } #panelSummary .multipleShipments .header .first_name, #panelSummary .multipleShipments .header .last_name{ font-weight:normal; } #panelSummary .multipleShipments .address { padding-bottom: 6px; border-bottom: 1px solid #ccc; } #panelSummary .jsEditItem { margin-right:15px; } .quicklook-miniproduct .description { line-height:20px; font-size:11px; } /* Checkout Order Summary Totals */ .orderSummary.panelInner { margin-top:15px; } .orderSummary dt, .orderSummary dd { color:#666; font-weight:bold; padding-bottom:15px; } .orderSummary dt.discount, .orderSummary dd.discount { color:#c60c30; } .orderSummary dl { padding: 0; } #panelSummary .orderSummary dt { text-align: left; width: 60%; box-sizing:border-box; float: left !important; clear: both; padding-left:10px; } #panelSummary .orderSummary dd { float: right !important; padding-right:10px; width:20%; min-width:85px; box-sizing:border-box; text-align:right; } .orderSummary .orderTotalRule { margin:3px 0 3px 0; } .orderSummary .grandTotal { display: inline-block; width:100%; clear: both; } .orderSummary .grandTotal dt, .orderSummary .grandTotal dd { font-size:16px; color:#333; font-weight: bold; margin-top: 10px; padding-bottom:8px; } .orderSummary p.shippingCharges { clear:both; margin-bottom:10px; padding:0 10px; } /* shipping panel styles */ #panelMultiShip .itemRow .variantDetails dt{ float:left; } #shipOrderTo input[type=radio]{ display: inline-block; padding: 0px; margin: 0 6px 0 0; float: left; } #shipOrderTo label{ margin-bottom: 6px; display: block; } #shipOrderTo label[for=store_address] span span{ color: #666; text-transform: uppercase; } #shipOrderTo .jsShowStoreLocator{ white-space:nowrap; } #panelShipping form[name=frmMain] .buttonRow{ z-index: 2; width: 93%; } #panelShipping form[name=frmMain] .buttonRow.multiship{ bottom: 0; position: absolute; margin-top: 55px; width: 97%; } #panelShipping .singleCarrierCode { display: none; padding: 3px; } #panelMultiShip { background-color:#fff; border: solid #f0f0f0 2px; } #paymentMethods #creditCardPayment h3, #paypalPayment h3 { position:relative; padding:12px 0; } #paymentMethods #creditCardPayment h3:before, #paypalPayment h3:before, #panelMultiShip h3:before, #panelMultiShipOuter #addNewMultiShipAddress .inner h3:before{ top: 2px; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(198, 12, 48, 0); border-top-color: #f0f0f0; border-width: 6px; margin-left: -6px; } #paymentMethods #creditCardPayment h3:before, #paypalPayment h3:before, #panelMultiShip h3:before{ top: 0; } #panelContainer #payment-errors .panelErrorMessage{ width:100%; margin:0; } #panelContainer #payment-errors .panelErrorMessage .errorMsg p{ color:#FE0000; font-weight:bold; } #panelShipping h5 { font-size: 12px; margin: 12px 0 0; } #panelShipping #multiship-inset h5 { margin: 0 0 12px; } #multiship-inset .buttonRow{ display:none; } #multiship-inset #addNewMultiShipAddress .buttonRow, #multiship-inset #addUpdateMultiShipAddress .buttonRow{ display:block; } #multiship-inset .free-ship{ font-weight:bold; } #panelMultiShip .itemRow .six.columns.shippingColumn { padding: 2%; background-color: #d2d2d2; } #panelMultiShip .itemRow hr.six.columns{ float: right; margin-top: 2px; } #panelMultiShip .itemRow .editLink, #panelMultiShip .itemRow .changeLink { display: inline; } #panelMultiShip .itemRow .editLink a, #panelMultiShip .itemRow .changeLink a{ font-weight: bold; color: #333; white-space:nowrap; display: inline-block; right: 0; width: 20%; } .panelWrap.panelComplete h2, .panelWrap.panelComplete h2 a{ background-color:#9e0000; color:#fff; } #panelMultiShip .itemRow .editLink a i, #panelMultiShip .itemRow .changeLink a i{ font-size:14px; } #checkout #panelMultiShip .shippingColumn .form-field-container{ } /* fedex address validation on checkout */ #addressValidation{ padding:3%; margin: 3%; width:88%; border:solid #c2c2c2 1px; float:left; background-color:#fff; } #addressValidation button{ margin-top:12px; } #addressValidationHelp{ margin-bottom:12px; color:#fe0000; } #enteredAddress{ padding-right:4%; } #enteredAddress, .proposedAddresses{ width:48%; float:left; } .proposedAddress{ clear:both; margin-bottom:12px; } #enteredAddress span, .proposedAddresses span{ clear:both; display:block; } /* checkout receipt/confirmation page */ #panelSummary .itemRow.receiptItem .col2{ width:55%; } #panelSummary .itemRow.receiptItem .col3{ font-size: 16px; } /*myAccount Crumb styles needed for account order details that pulls in receipt.jsp and checkout styles*/ body#userAccount .pageDivider, body#basket .pageDivider { display: none } #cmsHelp { width: 530px; margin: 15px; float: left; } #cmsHelp a { font-weight: bold; color: #cc092f; } #estOrdTotalCont { float: right; width: 315px; margin: 15px; } .padl25 { padding-left: 25px; } .discount { color: #c60c30; /* #da1321 */ } .catalog-display-price-text { color: #990000; } .checkout-page-notification { padding: 5px 0px 0px 0px; } .checkout-page-information span { padding: 5px 0px 0px 0px; } .checkout-continue-shopping { padding: 10px 0px 0px 0px; } .checkout-estimated-total { font-size: 16px; font-weight: bold; height: 30px; vertical-align: middle; display: block; } .checkout-estimated-total .label { text-align: right; width: 165px; float: left; } .checkout-estimated-total .value { text-align: right; padding-right: 28px; width: 100px; float: right; } body#basket .btn-continue-shopping{ margin-top:15px; display:block; } /**** SHOPPING BASKET ******/ #basket-header-container .content_left .cmsContent{ border-top: solid 1px #d6d6d6; padding-top:12px; } #basket .arrivalMessage2{ padding: 6px 0; } #basket .notification-container{ padding:0; margin: 12px 0; } #basket .form-field-container{ padding:0; } #basket h3{ font-family: 'bemio_italic'; font-size:16px; text-transform:uppercase; color:#333333; font-weight: normal; font-style: normal; } #basket #footer_wrap h3{ color:#fff; } #basket .breadcrumb-container.checkoutBC { position: absolute; top: -33px; margin-left: 165px; } .contentContainer .checkoutBC .Breadcrumb a.hotLink { color: #CC092F !important; } .checkoutBC .Breadcrumb .crumb a, .checkoutBC .Breadcrumb .delim, .checkoutBC .Breadcrumb .last a, .checkoutBC .Breadcrumb .crumb { font-size: 14px; } .checkoutBC .Breadcrumb .prefix { margin-right: 5px; } .contentContainer .checkoutBC .Breadcrumb .delim { padding-top: 2px; font-size: 11px; } .checkoutBC .Breadcrumb a, .checkoutBC .Breadcrumb .delim { color: #CC092F; } .checkoutBC .Breadcrumb .prefix a { color: #666; } #storeBanner { padding: 15px; background: #f0f0f0; } #storeBanner big { font-size: 16px; } #shopping-cart-items { margin-bottom: 10px; } #shopping-cart-items .form-field-container{ max-width: none; } #shopping-cart-items a.labelHelp { display:inline-block; margin-right:5px; } #shopping-cart-items th, #shopping-cart-items td { padding:6px 1%; } #shopping-cart-items th.col1, #shopping-cart-items td.col1 { padding-left:3%; } #shopping-cart-items th.col1{ width:11%; } #shopping-cart-items th.col2 { width:13%; } #shopping-cart-items td.col2 { padding-right: 10px; padding-left:10px; border-right:1px solid #c3c3c3; } #shopping-cart-items th.col3{ width: 28%; } #shopping-cart-items th.col4{ width: 13%; } #shopping-cart-items th.col5 { width: 13%; } #shopping-cart-items th.colLast, #shopping-cart-items td.colLast { width:6%; padding-right:3%; } #shopping-cart-items td.colLast { border-left: 1px solid #c3c3c3; } #checkout .radio-checkbox > label, #shopping-cart-items .radio-checkbox > label, #shopping-cart-items .radio-checkbox .labelWrap { display:block; margin-left:16px; float:none; padding-top:0; font-weight:normal; } .deliveryOptions span.ship-to-store span, #shopping-cart-items .radio-checkbox > label span.ship-to-store span{ color:#2d88cf; } .deliveryOptions span.ship-to-store span, #shopping-cart-items .radio-checkbox > label span.ship-to-store span, #shopping-cart-items .radio-checkbox > label span.ship-to-store{ font-weight:bold; } #shopping-cart-items .deliveryOptions { padding-right:10px; padding-left:10px; } .paypalWithButton { margin: 20px 0; float: right; } .paypalLogo { width:45px; height:44px; background-size:cover; /* background:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDE0Mi41IDM2LjIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE0Mi41IDM2LjIiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iIzAwMzA4NyIgZD0iTTI2LjEsMi43QzI0LjQsMC44LDIxLjQsMCwxNy41LDBINi4zQzUuNSwwLDQuOCwwLjYsNC43LDEuNEwwLDMxYy0wLjEsMC42LDAuNCwxLjEsMSwxLjFoNi45bDEuNy0xMQ0KCWwtMC4xLDAuM2MwLjEtMC44LDAuOC0xLjQsMS42LTEuNGgzLjNjNi41LDAsMTEuNS0yLjYsMTMtMTAuMmMwLTAuMiwwLjEtMC40LDAuMS0wLjdjLTAuMi0wLjEtMC4yLTAuMSwwLDANCglDMjguMSw2LjQsMjcuNiw0LjUsMjYuMSwyLjciLz4NCjxwYXRoIGZpbGw9IiMwMDlDREUiIGQ9Ik0xMTAuMSw5LjZoLTcuOGMtMC41LDAtMSwwLjQtMS4xLDAuOWwtMy4xLDE5LjljLTAuMSwwLjQsMC4yLDAuNywwLjYsMC43aDRjMC40LDAsMC43LTAuMywwLjctMC42bDAuOS01LjYNCgljMC4xLTAuNSwwLjUtMC45LDEuMS0wLjloMi41YzUuMSwwLDguMS0yLjUsOC44LTcuNGMwLjMtMi4xLDAtMy44LTEtNUMxMTQuNywxMC4zLDExMi43LDkuNiwxMTAuMSw5LjYgTTExMSwxNi44DQoJYy0wLjQsMi44LTIuNiwyLjgtNC42LDIuOGgtMS4ybDAuOC01LjJjMC0wLjMsMC4zLTAuNSwwLjYtMC41aDAuNWMxLjQsMCwyLjcsMCwzLjQsMC44QzExMSwxNS4yLDExMS4yLDE1LjksMTExLDE2LjgiLz4NCjxwYXRoIGZpbGw9IiMwMDMwODciIGQ9Ik01NC44LDkuNkg0N2MtMC41LDAtMSwwLjQtMS4xLDAuOWwtMy4xLDE5LjljLTAuMSwwLjQsMC4yLDAuNywwLjYsMC43aDMuN2MwLjUsMCwxLTAuNCwxLjEtMC45bDAuOC01LjQNCgljMC4xLTAuNSwwLjUtMC45LDEuMS0wLjloMi41YzUuMSwwLDguMS0yLjUsOC44LTcuNGMwLjMtMi4xLDAtMy44LTEtNUM1OS4zLDEwLjMsNTcuNCw5LjYsNTQuOCw5LjYgTTU1LjcsMTYuOA0KCWMtMC40LDIuOC0yLjYsMi44LTQuNiwyLjhoLTEuMmwwLjgtNS4yYzAtMC4zLDAuMy0wLjUsMC42LTAuNWgwLjVjMS40LDAsMi43LDAsMy40LDAuOEM1NS43LDE1LjIsNTUuOCwxNS45LDU1LjcsMTYuOCIvPg0KPHBhdGggZmlsbD0iIzAwMzA4NyIgZD0iTTc4LDE2LjhoLTMuN2MtMC4zLDAtMC42LDAuMi0wLjYsMC41bC0wLjIsMUw3My4yLDE4Yy0wLjgtMS4yLTIuNi0xLjYtNC40LTEuNmMtNC4xLDAtNy42LDMuMS04LjMsNy41DQoJYy0wLjQsMi4yLDAuMSw0LjMsMS40LDUuN2MxLjEsMS4zLDIuNywxLjksNC43LDEuOWMzLjMsMCw1LjEtMi4xLDUuMS0yLjFsLTAuMiwxYy0wLjEsMC40LDAuMiwwLjcsMC42LDAuN2gzLjNjMC41LDAsMS0wLjQsMS4xLTAuOQ0KCWwyLTEyLjdDNzguNywxNy4xLDc4LjQsMTYuOCw3OCwxNi44IE03Mi44LDI0Yy0wLjQsMi4xLTIsMy41LTQuMiwzLjVjLTEuMSwwLTEuOS0wLjMtMi41LTFjLTAuNS0wLjYtMC44LTEuNi0wLjYtMi42DQoJYzAuMy0yLjEsMi0zLjYsNC4yLTMuNmMxLjEsMCwxLjksMC4zLDIuNSwxQzcyLjcsMjIsNzMsMjMsNzIuOCwyNCIvPg0KPHBhdGggZmlsbD0iIzAwOUNERSIgZD0iTTEzMy4zLDE2LjhoLTMuN2MtMC4zLDAtMC42LDAuMi0wLjYsMC41bC0wLjIsMWwtMC4zLTAuNGMtMC44LTEuMi0yLjYtMS42LTQuNC0xLjZjLTQuMSwwLTcuNiwzLjEtOC4zLDcuNQ0KCWMtMC40LDIuMiwwLjEsNC4zLDEuNCw1LjdjMS4xLDEuMywyLjgsMS45LDQuNywxLjljMy4zLDAsNS4xLTIuMSw1LjEtMi4xbC0wLjIsMWMtMC4xLDAuNCwwLjIsMC43LDAuNiwwLjdoMy4zYzAuNSwwLDEtMC40LDEuMS0wLjkNCglsMi0xMi43QzEzNCwxNy4xLDEzMy43LDE2LjgsMTMzLjMsMTYuOCBNMTI4LjEsMjRjLTAuNCwyLjEtMiwzLjUtNC4yLDMuNWMtMS4xLDAtMS45LTAuMy0yLjUtMWMtMC41LTAuNi0wLjgtMS42LTAuNi0yLjYNCgljMC4zLTIuMSwyLTMuNiw0LjItMy42YzEuMSwwLDEuOSwwLjMsMi41LDFDMTI4LDIyLDEyOC4zLDIzLDEyOC4xLDI0Ii8+DQo8cGF0aCBmaWxsPSIjMDAzMDg3IiBkPSJNOTcuNywxNi44SDk0Yy0wLjQsMC0wLjcsMC4yLTAuOSwwLjVMODgsMjQuOGwtMi4yLTcuM2MtMC4xLTAuNS0wLjYtMC44LTEtMC44aC0zLjdjLTAuNCwwLTAuOCwwLjQtMC42LDAuOQ0KCWw0LjEsMTIuMWwtMy45LDUuNWMtMC4zLDAuNCwwLDEsMC41LDFIODVjMC40LDAsMC43LTAuMiwwLjktMC41bDEyLjQtMTcuOUM5OC42LDE3LjMsOTguMywxNi44LDk3LjcsMTYuOCIvPg0KPHBhdGggZmlsbD0iIzAwOUNERSIgZD0iTTEzNy43LDEwLjFsLTMuMiwyMC4zYy0wLjEsMC40LDAuMiwwLjcsMC42LDAuN2gzLjJjMC41LDAsMS0wLjQsMS4xLTAuOWwzLjEtMTkuOWMwLjEtMC40LTAuMi0wLjctMC42LTAuNw0KCWgtMy42QzEzOCw5LjYsMTM3LjcsOS44LDEzNy43LDEwLjEiLz4NCjxwYXRoIGZpbGw9IiMwMDMwODciIGQ9Ik0yNi4xLDIuN0MyNC40LDAuOCwyMS40LDAsMTcuNSwwSDYuM0M1LjUsMCw0LjgsMC42LDQuNywxLjRMMCwzMWMtMC4xLDAuNiwwLjQsMS4xLDEsMS4xaDYuOWwxLjctMTENCglsLTAuMSwwLjNjMC4xLTAuOCwwLjgtMS40LDEuNi0xLjRoMy4zYzYuNSwwLDExLjUtMi42LDEzLTEwLjJjMC0wLjIsMC4xLTAuNCwwLjEtMC43Yy0wLjItMC4xLTAuMi0wLjEsMCwwDQoJQzI4LjEsNi40LDI3LjYsNC41LDI2LjEsMi43Ii8+DQo8cGF0aCBmaWxsPSIjMDAzMDg3IiBkPSJNMTEuNSw5LjJjMC4xLTAuNSwwLjQtMC45LDAuOC0xQzEyLjUsOC4xLDEyLjcsOCwxMi45LDhoOC44YzEsMCwyLDAuMSwyLjksMC4yYzAuMywwLDAuNSwwLjEsMC43LDAuMQ0KCWMwLjIsMC4xLDAuNSwwLjEsMC43LDAuMmMwLjEsMCwwLjIsMC4xLDAuMywwLjFjMC40LDAuMSwwLjgsMC4zLDEuMiwwLjVjMC40LTIuOCwwLTQuNy0xLjUtNi41QzI0LjQsMC44LDIxLjQsMCwxNy41LDBINi4zDQoJQzUuNSwwLDQuOCwwLjYsNC43LDEuNEwwLDMxYy0wLjEsMC42LDAuNCwxLjEsMSwxLjFoNi45bDEuNy0xMUwxMS41LDkuMnoiLz4NCjxwYXRoIGZpbGw9IiMwMDlDREUiIGQ9Ik0yNy42LDkuMkwyNy42LDkuMmMwLDAuMi0wLjEsMC40LTAuMSwwLjdjLTEuNSw3LjYtNi42LDEwLjItMTMsMTAuMmgtMy4zYy0wLjgsMC0xLjUsMC42LTEuNiwxLjRMNy45LDMyLjENCglsLTAuNSwzYy0wLjEsMC41LDAuMywxLDAuOCwxaDUuOGMwLjcsMCwxLjMtMC41LDEuNC0xLjJsMC4xLTAuM2wxLjEtN2wwLjEtMC40YzAuMS0wLjcsMC43LTEuMiwxLjQtMS4ySDE5YzUuNywwLDEwLjEtMi4zLDExLjQtOQ0KCWMwLjUtMi44LDAuMy01LjEtMS4yLTYuN0MyOC44LDkuOSwyOC4yLDkuNSwyNy42LDkuMiIvPg0KPHBhdGggZmlsbD0iIzAxMjE2OSIgZD0iTTI2LjEsOC42Yy0wLjItMC4xLTAuNS0wLjEtMC43LTAuMmMtMC4yLTAuMS0wLjUtMC4xLTAuNy0wLjFDMjMuNyw4LjEsMjIuOCw4LDIxLjcsOGgtOC44DQoJYy0wLjIsMC0wLjQsMC0wLjYsMC4xYy0wLjQsMC4yLTAuNywwLjYtMC44LDEuMUw5LjYsMjEuMWwtMC4xLDAuM2MwLjEtMC44LDAuOC0xLjQsMS42LTEuNGgzLjNjNi41LDAsMTEuNS0yLjYsMTMtMTAuMg0KCWMwLTAuMiwwLjEtMC40LDAuMS0wLjdjLTAuNC0wLjItMC44LTAuNC0xLjItMC41QzI2LjMsOC42LDI2LjIsOC42LDI2LjEsOC42Ii8+DQo8L3N2Zz4=) no-repeat; */ } .paypalWithButton .paypalText { padding-right:10px; } #basket-subhead-container .paypalWithButton { margin: 20px; float: none; } .paypalWithButton td { padding-left: 10px; text-align: left; vertical-align: top; } .qtyCol .hotLink { font-weight: normal; line-height: 16px; } #basketBottomWrap .order-summary { width: 100%; } #basketBottomWrap .cmsWrapper { overflow:hidden; } .estimated-shipping-container .estimated-shipping { margin-bottom: 10px; } .order-summary dl.summary-discount { color: #c60c30; } /*****basket also like ******/ #basketBottomWrap .also-like-container { padding-top: 30px; } .also-like-container .Scroller .horizontal, .also-like-container .Scroller .horizontal .scroller-layout { width: 440px; left: 0; } .also-like-container .Scroller .horizontal .area { height: 162px; width: 400px; left: 20px; } body#basket .also-like-container .Scroller .horizontal .area { height:220px; } .also-like-container .Scroller .horizontal .body { top: 0; } .also-like-container .Scroller .horizontal .body .entity-viewer { width: 135px; } .also-like-container .Scroller .horizontal .info, .also-like-container .Scroller .horizontal .image { position: absolute; height: 90px; width: 90px; margin-top: 15px; } .also-like-container .Scroller .horizontal .body .ItemViewer .Image { height: 90px; width: 90px; margin: 0; } .also-like-container .Scroller .horizontal .info { top: 100px; width: 130px; text-align: center; } .also-like-container .Scroller .horizontal .body .ItemViewer .name { left: 0; top: 0; text-align: center; width: 130px; } .also-like-container .Scroller .horizontal .item { background: none; } .also-like-container .Scroller .horizontal .body .ItemViewer .price { top: 5px; width: 130px; text-align: center; overflow: hidden; } .also-like-container .Scroller .horizontal .body .ItemViewer img { margin: 0; } .also-like-container .Scroller .horizontal .ItemViewerWithQuickLook .widget-root { width: 155px; } .also-like-container .Scroller .horizontal .Scroller .horizontal, .also-like-container .Scroller .horizontal .Scroller .horizontal .scroller-layout { width: 100%; left: 0; } .also-like-container .Scroller .horizontal .scroll-previous, .also-like-container .Scroller .horizontal .scroll-next { top: 0; } .also-like-container .Scroller .horizontal .scroll-next { left: 422px; } .also-like-container .Scroller .horizontal .scroll-button { width: 17px; height: 100px; } .also-like-container .Scroller .horizontal .disabled .button-previous { background-position: 0 -302px !important; } .also-like-container .Scroller .horizontal .button-previous { background-position: 0 -192px !important; } .also-like-container .Scroller .horizontal .disabled .button-next { background-position: 0 -92px !important; } .also-like-container .Scroller .horizontal .button-next { background-position: 0 8px !important; } /* basket order summary */ .order-summary hr { margin-top: 0; margin-bottom: 7px; } .order-summary dl { text-align: right; margin-bottom: 7px; color: #606060; zoom: 1; float: left; width: 100%; } .order-summary dl dt { float: left; width: 65%; } .order-summary dl dd { float: left; width: 34%; } .order-summary dl.totalRow { font-size: 13px; font-weight: bold; color: #666; } /**** CHECKOUT ******/ .checkout-instore-pickup { padding: 5px 60px 10px 60px; background-color: #fbfcf7; width: 946px; } .checkout-instore-pickup .heading { font-weight: bold; font-size: 12px; color: #463823; padding-top: 10px; } .checkout-instore-pickup a.help-link { margin-left: 4px; margin-top: 2px; padding: 0px 0px 2px 0px; text-align: right; } .checkout-instore-pickup .label { font-weight: bold; font-size: 12px; height: 20px; text-align: right; } .checkout-instore-pickup .value { height: 20px; text-align: right; padding-left: 20px; } .checkout-instore-pickup .go-button { width: 30px; height: 19px; cursor: pointer; display: inline-block; margin-left: 3px; } .checkout-instore-pickup .go-button.mouse-down { } #checkout-header { margin: 15px 0; } #checkout .submit-container { padding: 0px 10px 10px 20px; } #checkout .submit-container ul { margin: 10px 20px; } #checkout .checkout-header-totals { } .checkout-info-container { margin-bottom: 15px; } /**** VALIDATION - CHECKOUT ******/ #panelContainer .panelErrorMessage { padding:0; width:96%; } #panelContainer #summary-errors .panelErrorMessage { margin: 0 0 20px; } .checkout-validation-container #billing-info .header-info { padding-left: 20px; padding-top: 5px; } .checkout-validation-container #billing-info #billing-actual-password { padding-right: 0px; padding-bottom: 0px; } .checkout-validation-container .heading, .order-summary .heading, .billing-address .heading, .order-information .heading, .edit-address-container .heading, .shipping-address-book .heading { background-color: #edebeb; font-weight: bold; padding: 10px; font-size: 12px; text-align: left; } .checkout-validation-container .heading { background-color: #edebeb; } .checkout-validation-container .form-box-contents .checkout-field-container { padding: 10px; } .checkout-form-field-error { color: #FE0000; } /**** BILLING PANEL - CHECKOUT ******/ #panelBilling .labelFieldWrapper.hasHelpLink { position:relative; } #panelBilling .labelFieldWrapper.hasHelpLink { display:inline-block; clear:left; } #panelBilling .labelFieldWrapper.hasHelpLink label { float:left; } #panelBilling .form-field-container .labelHelp { /* float:right; position:absolute; top:0; margin-top:0; */ padding-top:5px; font-size:12px; } #createAccount .jsToggleFieldset, #addRewards .jsToggleFieldset{ display:inline-block; width:25px; height:25px; padding-left:5px; text-decoration:none; } #addRewards .fieldsetContent.form-field-container { opacity:0; display:none; } #addRewards .fieldsetOpen .fieldsetContent.form-field-container { opacity:1; display:block; } #createAccount .fieldsetOpen .fieldsetHide, #addRewards .fieldsetOpen .fieldsetHide { display:inline-block !important; } #createAccount .fieldsetHide, #createAccount .fieldsetOpen .fieldsetShow, #addRewards .fieldsetHide, #addRewards .fieldsetOpen .fieldsetShow { display:none !important; } #createAccount .tip { margin-bottom:10px; } #signupForRewardsWrap { margin:15px 0; } #billing-address { padding: 0 0 15px 0; } .checkout-info-container #billing-info { } .checkout-info-container #billing-info .header-info { } .checkout-info-container #billing-info #billing-actual-password { } /**** SHIPPING ******/ .shipping-address-book { border: 1px solid #bab9a8; background-color: #fff; width: 377px; float: left; } .shipping-address-item { overflow: hidden; width: 170px; } .shipping-divider { float: left; border: 1px solid green; padding-top: 20px; } .checkout-info-container .heading, .order-summary .heading, .billing-address .heading, .order-information .heading, .edit-address-container .heading, .shipping-address-book .heading { background-color: #cfccb7; font-weight: bold; padding: 10px; font-size: 12px; text-align: left; } .checkout-info-container .box-margin { padding: 15px 10px; width: 389px; } .checkout-box-divider { } .checkout-divider-content { width: 30px; height: 200px } .checkout-password-container { width: 399px; } #checkout #learn-more { float: none; margin-top: 5px; } .shippingItemsWrap { margin-bottom: 25px; } .shippingItemsWrap .defaultTable .itemRow td { color: #404040; } /**** ADD ADDRESS ******/ .shipping-address-item { border: 1px solid #c3c3c3; float: left; min-height: 100px; margin-bottom: 10px; width: 39%; margin-right: 2.5%; } .shipping-address-item { padding: 12px; } /**** SHIPPING METHOD ******/ #shippingMethod .shippingItemsWrap .defaultTable .col1 { width: 6%; } #shippingMethod .shippingItemsWrap .defaultTable .col2 { width: 44%; } #shippingMethod .shippingItemsWrap .defaultTable .colLast { width: 50%; text-align: left; } #shippingMethod .selectAddressWrap { margin-bottom: 5px; } #shippingMethod .currentAddressWrap { margin-bottom: 7px; } #shippingMethod .updateAddressLinks li { margin-bottom: 3px; } #shippingMethod .updateAddressLinks li a.hotLink { font-weight: normal; } h2 a.hotLink { font-weight: normal; font-size: 10px; margin-left: 7px; } /**** PAYMENT ******/ #checkout a.labelHelp { font-size:12px; } #paymentOption label { font-weight:bold; } paymentMethods #paymentOption { padding-bottom:0; } #paymentOption .ccOption { margin-top:10px; } #paymentOption .ccOption .cCards-doublerow { float:left; margin-right:17px; } #paymentOption .ccOption .cCards-secure { float:left; margin-top:10px; } #paymentMethods #creditCardPayment { padding-top:0; } #paymentMethods #creditCardPayment, #paymentMethods #paypalPayment{ padding:0 3%; background-color:#fff; border: 2px solid #f0f0f0; } #saveCreditCard{clear:both;} .paypalLogo.payment { display:inline-block; background-size:cover; width:45px; height:44px; float:left; } #paymentOption .msg { margin-bottom:5px; font-size: 14px; font-weight: bold; } #paymentOption .help-link { display:inline-block; float:left; padding:4px 0 0 15px; } #checkout .form-field-container select#ccMonth, #checkout .form-field-container input#ccSecurityCode, #checkout .form-field-container select#ccYear{ width:100px; } #checkout .form-field-container select#ccDate { width:80px; } #checkout #panelPayment input#ccSecurityCode { float:left; } #checkout .helpLink.securityCode { display:inline-block; margin-top:8px; } .starterAccord, fieldset.starterAccord{ padding:0; } .jsToggleFieldset h3.title { display:block !important; height: 42px; line-height: 43px; padding:0 0 0 15px; background: #eaeaea; color: #333; cursor: pointer; margin-right:0 !important; border-top:1px solid #fff; border-bottom:1px solid #d2d2d2; text-transform:uppercase; } #checkout .jsToggleFieldset h3.title { text-transform:capitalize; } .buttonRow.finalOrder input, #checkout button.jsAjaxSubmit { font-family: 'bemio_italic'; font-size: 16px; font-weight: normal; text-transform: uppercase; } #checkout button.disabled, #checkout button:hover.disabled { background: #999999; border-color: #999999; } .jsToggleFieldset .aa-plus, .jsToggleFieldset .aa-minus { color: #333; width: 15px; height: 15px; } .jsToggleFieldset .aa-plus { float:right; width:13px; height:13px; margin-right:14px; margin-top:14px; font-size:0; background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDEwNi45IDEwNi45IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDYuOSAxMDYuOSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjMzMzMzMzIiBkPSJNMTA2LjksNDguN3Y5LjVjMCwxLjYtMS4zLDMtMywzSDNjLTEuNiwwLTMtMS40LTMtM2wwLTkuNWMwLTEuNiwxLjQtMywzLTNoMTAwLjkNCgkJQzEwNS41LDQ1LjcsMTA2LjksNDcuMSwxMDYuOSw0OC43eiIvPg0KCTxwYXRoIGZpbGw9IiMzMzMzMzMiIGQ9Ik01OC4yLDEwNi45aC05LjVjLTEuNiwwLTMtMS4zLTMtM1YzYzAtMS42LDEuNC0zLDMtM2w5LjUsMGMxLjYsMCwzLDEuNCwzLDN2MTAwLjkNCgkJQzYxLjIsMTA1LjUsNTkuOCwxMDYuOSw1OC4yLDEwNi45eiIvPg0KPC9nPg0KPC9zdmc+ ) no-repeat; } .jsToggleFieldset .aa-minus { float:right; width:14px; height:14px; margin-top: 20px; margin-right: 14px; background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDEwNi45IDE1LjUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEwNi45IDE1LjUiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iIzMzMzMzMyIgZD0iTTEwNi45LDN2OS41YzAsMS42LTEuMywzLTMsM0gzYy0xLjYsMC0zLTEuNC0zLTNMMCwzYzAtMS42LDEuNC0zLDMtM2wxMDAuOSwwQzEwNS41LDAsMTA2LjksMS40LDEwNi45LDN6Ig0KCS8+DQo8L3N2Zz4= ) no-repeat; } .starterAccord .aa-minus, .starterAccord.fieldsetOpen .aa-plus{ display:none !important; } .starterAccord .aa-plus, .starterAccord.fieldsetOpen .aa-minus{ display:block !important; } .starterAccord .fieldsetContent, fieldset.starterAccord .fieldsetContent { opacity:0; display:none; padding:0 15px 10px 15px; } .starterAccord.fieldsetOpen .fieldsetContent { opacity:1; display:block; } #panelPayment .starterAccord input[type=button] { height:30px; line-height:20px; } #panelPayment #sourceCode .labelFieldWrapper label, #panelPayment #sourceCode .labelFieldWrapper a { display: inline; } #panelPayment label.rewardsAmount { display: inline; } .cardInfoWrap { padding-top:10px; } .gCardLeft { float: left; margin-right: 10px; margin-bottom: 5px; width:35%; min-width:190px; } .gCardRight { float: left; width: 50%; margin-bottom: 5px; } .cardInfoWrap .giftCardTV, .cardInfoWrap .dollarsCardTV { float:left; width:75px; } .cardInfoWrap .giftCardTV { margin-right:5px; } .cardInfoWrap .labelHelp.gCard { clear:left; display:block; padding-top:3px; } /* Use below if showing 'Purchase Gift Card link in Payment panel' #panelPayment a.labelHelp.gCard { border-left:1px solid #333; padding-left:5px; margin-left:5px; } */ #panelPayment .type_gcRedemptionCode { margin-right: 5px; display: inline-block; box-sizing: border-box; width: 175px; } .gCardEntryWrap { clear:left; padding-top:10px; margin-bottom:10px; } #panelPayment .checkbox-radio.gcRadio { margin:0; padding:0; } #panelPayment .checkbox-radio.pcRadio, #panelPayment .checkbox-radio.gcRadio { display:none; } #panelPayment #gcNumber { width:160px !important; } #panelPayment .type_gcPin { box-sizing: border-box; width: 80px; } #panelPayment #giftcertblock input[type="button"]{ margin:0px 0 10px 0 !important; } #panelPayment #giftcertblock, #panelPayment #giftcertblock .callout { color:#333; font-weight:normal; } #panelPayment #giftcertblock .common-error > div { margin-bottom:20px; } #panelPayment #giftcertblock .cardTotal { font-weight:bold; } #panelPayment #giftcertblock .cardTotal { margin-bottom:10px; } #panelPayment #giftcertblock .summaryMsg { } #panelPayment #giftcertblock a, #panelPayment #giftcertblock .callout a{ color:#c60c30 !important; text-decoration:none !important; } .gcMax { color:#999; font-style:italic; float:left; } #showGiftcertremoveblock { clear:left; width:100%; /* color: #338acd; font-weight: bold; */ } #showGiftcertremoveblock .eGiftCertifiate-val { padding-top:5px; padding-bottom:15px; display:inline-block; clear:left; } #showGiftcertremoveblock .eGiftCertifiate-val span { box-sizing:border-box; padding-right:15px; } #showGiftcertremoveblock .eGiftCertifiate-val a { box-sizing:border-box; min-width:50px; } #showGiftcertremoveblock .gcTotals { display:inline-block; width:100%; clear:left; } #showGiftcertremoveblock .gcTotals .cardTotal { border-top:1px solid #ccc; padding:15px 0 5px 0; text-align:right; } #showGiftcertremoveblock .gcTotals .remainingBal { padding:5px 0 15px 0; text-align:right; font-weight:bold; } #showGiftcertremoveblock .gcTotals .cardTotal span, #showGiftcertremoveblock .gcTotals .remainingBal span { padding-left:10px; } #showGiftcertremoveblock .gcTotals .summaryMsg { padding:5px 0 15px 0; text-align:left; width:100%; } #giftcertblock input[type="button"], #promocodeblock input[type="button"], #rewardscodeblock input[type="button"]{ padding:0 15px !important; } #panelPayment p.helpLink.giftCard { margin-bottom:10px; } #tvrIcon { width:40px; height:50px; float:left; display:inline-block; border:none; } .tvrInfo .inner { padding-left:40px; } #rewardscodeblock { padding:0; } #rewardscodeblock .rewardsWrap { display:block; clear:left !important; margin-top:20px; } #rewardsCodeRemove { margin-top:0px; } #rewardsCodeEntry { display:inline-block; width:100%; /*margin-top:10px;*/ } #rewardsCodeEntry .helpLink { margin-left:15px; display:inline-block; } .rewardsFieldWrap .pasteMsg {color: #4696D7;} /**** REVIEW PANEL ******/ #summary-errors { padding: 12px 15px 0 } .altPickupPerson { margin:0px 0 25px; display:inline-block; } .altPickupPerson .content_left { width:47%; float:left; margin-right:20px; padding-top:10px; } .altPickupPerson .content_right { width:47%; float:left; } .altPickupPerson .labelFieldWrapper { width:100%; clear:left; } .altPickupPerson .labelFieldWrapper label { display:block; } .altPickupPerson label, .altPickupPerson #firstNamePickup, .altPickupPerson #lastNamePickup { width:150px !important; } #grandTotalDisplay { color:green; } #grandTotalDisplay .fa { padding-right:5px; display:inline; float:left; } .grandTotalWrap .labelText { float:left; display:inline-block; } #grandTotalDisplay #grandTotalAmount { display:block; clear:left; } #panelReview .buttonRow { display:inline; } #review .ads_error { color: red; background-color: #fdfda3; padding: 15px 25px; margin-top: 15px; } #review .shippingItemsWrap .defaultTable .col1 { width: 18%; } #review .shippingItemsWrap .defaultTable .col2 { width: 42%; } #review .shippingItemsWrap .defaultTable .col3 { width: 15%; } #review .shippingItemsWrap .defaultTable .col4 { width: 10%; } #review .shippingItemsWrap .defaultTable .colLast { width: 15%; font-weight: bold; } .shippingItemsWrap .orderLevelSummaryWrap { border-left: 1px solid #c3c3c3; border-bottom: 1px solid #c3c3c3; } .orderLevelSummaryWrap hr { color: #c3c3c3; background-color: #c3c3c3; } .orderLevelSummaryWrap .smallHead { margin-bottom: 7px; } .orderLevelSummaryWrap .radio-checkbox { margin-bottom: 0; padding: 4px 0; } .orderLevelSummaryWrap .pickUpAddress { color: #606060; } .orderLevelSummaryWrap small { font-size: 9px; } .checkout-login-container { margin-left: 15px; background-color: #fff; } .tip {clear:both;} .signInMsg { margin-bottom: 15px; } .checkout-login-form-container { border: 1px solid #bab9a8; background-color: #fff; margin: 10px 0; width: 340px; } .checkout-login-form-container .heading { background-color: #cfccb7; font-weight: bold; padding: 10px; font-size: 12px; } .checkout-login-form-container .box-margin { padding: 10px } form label { color: #333; font-weight: bold; } #checkoutLogin .buttonRow { text-align: left; } #checkout .checkout-login-form-container .signin-button { width: 103px; height: 19px; cursor: pointer; } #checkout .checkout-login-form-container .signin-button-down { } .delivery-info-container { border: 1px solid #bab9a8; background-color: #fff; } .delivery-info-container .heading, .payment-information .heading { background-color: #cfccb7; font-weight: bold; padding: 10px; font-size: 12px; } .delivery-info-container .ship-to-container { float: left; width: 406px; } .delivery-info-container .ship-to-container .shipping-method-container { border-bottom: 1px solid #857b6c; padding: 5px 10px; } .ship-options { float: left; width: 200px; } .ship-cms { float: left; } .gift-message-textarea { width: 175px; } .tbl-header a.help-link { margin-left: 0px; padding: 0px 0px 2px 0px; text-align: right; float: right; } .gift-message-container { padding: 10px; } .delivery-info-container .item-info-ship-container { float: left; padding: 10px; width: 400px; border-left: 1px solid #aea79d; } .delivery-info-container .item-info-ship-container .checkout-delivery-gc { width: 100%; } .delivery-info-container .item-info-ship-container .checkout-delivery-gc th { padding: 10px; } .delivery-info-container .item-info-ship-container .checkout-delivery-gc td { padding: 10px; } .item-info-heading { float: left; margin: 4px 0 10px 0; font-size: 12px; width: 100%; } .item-info-ship-container .prod-description { float: left; width: 270px; } .item-info-ship-container .prod-gift-wrap { text-align: left; width: 120px; } .item-info-ship-container .prod-name { font-size: 12px; font-weight: bold; } /**** ORDER REVIEW ******/ .orderMessage { margin-bottom:15px; } .order-review-container .payment-information { width: 100%; border: 1px solid #bab9a8; background-color: #fff; } .order-review-container .payment-information .checkout-required-message { font-style: italic; width: 389px; text-align: left; font-size: 11px; padding-left: 20px; } #checkout-review-header { padding: 20px 13px; } #checkout-review-header p.intro { margin-bottom: 10px; } #review .submit-container { padding: 15px 10px 30px 10px; } #review .submit-container .content_left { float: right; line-height: 26px; margin-right: 15px; } #review .submit-container .content_right { float: right; } #billing-shipping-summary { } #review #billing-shipping-summary .col1 { width: 26%; } #review #billing-shipping-summary td.col2 { width: 48%; border-left: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; } #review #billing-shipping-summary .colLast { width: 26%; } #panelReceipt .contentRight h2 i.fa-check-square-o{ display:none; } #receipt #billing-shipping-summary .col1 { width: 50%; border-left: 1px solid #c3c3c3; } #receipt #billing-shipping-summary td.col2 { width: 50%; border-left: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; } #billing-shipping-summary .colLast .order-summary { width: 90%; float: right; } #billing-shipping-summary .billing-address { color: #606060; font-size: 12px; line-height: 20px; } #billing-shipping-summary .payment-information .checkbox-radio * { vertical-align: middle; margin-right: 10px; } #billing-shipping-summary .payment-information .inner { padding: 10px; } .placeorder-button { width: 103px; height: 19px; cursor: pointer; margin-bottom: 10px; } .group-wrap { padding: 10px; } .shipment-totals { width: auto; } .shipment-totals h5 { text-align: left; margin-bottom: 7px; } .order-summary.shipment-totals .discount { color: #578aaa; } .items-table { margin: 5px; border: 1px solid #bab9a8; } .items-table th { background-color: #cfccb7; font-weight: bold; padding: 5px; text-align: left; } .items-table td { padding: 10px; border-top: 1px solid #7b7b7b; } .items-table .item-image { padding: 10px; width: 98px; } .items-table .item-desc { width: 212px; } .items-table .total { text-align: right; } .order-information .ship-order-totals { } .order-information .ship-order-totals .text-amount-container { } .total-order-summary { float: right; width: 25%; } .total-order-summary .order-summary { width: auto; padding: 10px; } .giftcertificates-order-container { border: 1px solid #cccccc; margin: 10px 0px; background-color: white; } .giftcertificates-order-container .heading { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: bold; padding: 10px; text-align: left; color: #3F3F3F; } .giftcertificates-order-container .recipient { padding: 10px 0px 0px 20px; width: 665px; } .giftcertificates-order-container .total { padding: 10px 18px 0px 20px; width: 65px; } .giftcertificates-order-container .item-message { padding: 10px 0px 0px 20px; } .giftcertificates-order-container .amount { padding: 10px 18px 0px 20px; } .giftcertificates-order-container .padl20 { padding-left: 20px; } .amount-border { border-bottom: 1px solid #cccccc; } .giftcertificates-order-container .amount-total { padding: 5px 18px 15px 0px; } .place-order-bottom { float: right; width: 400px; } .place-order-bottom .text { float: left; font-size: 10px; padding: 10px 10px 10px 0; } .place-order-bottom .btn { float: right; width: 110px; padding: 10px 0; } .enter-code-plus { background-color: #cfccb7; padding: 2px 6px; float: left; font-size: 14px; font-weight: bold; cursor: pointer; } .enter-code-text { float: left; padding-left: 10px; margin-top: 3px; } /**** RECEIPT PANEL ******/ #receiptCreateAccount { padding: 12px 3%; border: solid 1px #c4c4c4; margin-top: 12px; } #panelReceipt .contentLeft #receiptCreateAccount h3{ margin-bottom: 12px; text-transform:uppercase; } #panelReceipt .address > span { display: block; } #panelReceipt ul.completeData li { margin: 0; } #receiptCreateAccount p{ margin: 12px 0; display: inline-block; } .thanks-message { padding: 15px; background-color: #ecebde; width: 372px; } .checkout-print { padding-left: 20px; } .receipt-help-messageXXX { color: #847a6a; padding: 15px; width: 372px; text-align: center; } .receipt-help-message { font-size: 12px; } .help-message .hiliteText { font-size: 12px; color: #578AAA; font-weight: bold; } .help-message { font-weight: normal; font-size: 12px; } .help-message a { font-weight: normal; font-size: 12px; } .receipt-help-message .hiliteText { font-weight: bold; font-size: 12px; } .help-message .hiliteText a { font-weight: normal; font-size: 12px; } .receipt-help-message a { color: #CC092F; } .receipt-order-number { font-size: 14px; font-weight: bold; padding: 10px 13px; } .receipt-order-summary { border: 1px solid #bab9a8; background-color: #fff; float: left; margin-right: 14px; width: 190px; } .receipt-billing-info { border: 1px solid #bab9a8; background-color: #fff; float: left; width: 300px; } .receipt-order-summary .heading, .receipt-billing-info .heading, .receipt-order-summary-bottom .heading { background-color: #cfccb7; font-weight: bold; padding: 10px; font-size: 12px; text-align: left; } .receipt-billing-info .form-box-content { padding: 10px; } .receipt-order-summary .order-totals { padding: 5px; } .receipt-order-summary .order-totals .text-amount-container { vertical-align: middle; text-align: right; height: 20px; } .receipt-order-summary .order-totals .text { height: 20px; text-align: right; width: 92px; float: left; } .receipt-order-summary .order-totals .amount { height: 20px; text-align: right; padding-left: 10px; width: 76px; float: right; overflow: hidden; } .receipt-order-summary .order-totals .border-on-top { border-top: 2px solid #cfccb7; height: 30px; } .receipt-order-summary .order-totals .text-total { font-weight: bold; text-align: right; padding-top: 5px; width: 92px; float: left; } .receipt-order-summary .order-totals .amount-total { font-weight: bold; text-align: right; padding-top: 5px; width: 76px; float: right; } .receipt-merch-order-summary { float: right; margin: 0 15px 20px 0; font-size: 12px; width: 380px; } .receipt-merch-order-summary .ship-order-totals { width: 360px; float: right; padding-right: 22px; } .receipt-merch-order-summary .ship-order-totals .ship-order-totals-container { font-size: 12px; text-align: right; float: right; width: 310px; } .receipt-merch-order-summary .ship-order-totals .text-amount-container { vertical-align: middle; text-align: right; height: 20px; } .receipt-merch-order-summary .ship-order-totals .text { height: 20px; text-align: right; width: 170px; float: left; } .receipt-merch-order-summary .ship-order-totals .amount { height: 20px; text-align: right; padding: 0 0 0 20px; width: 105px; float: right; overflow: hidden; } .receipt-merch-order-summary .ship-order-totals .border-on-top { border-top: 2px solid #cfccb7; } .receipt-merch-order-summary .ship-order-totals .text-total { font-weight: bold; text-align: right; padding-top: 5px; width: 170px; float: left; } .receipt-merch-order-summary .ship-order-totals .amount-total { font-weight: bold; text-align: right; padding: 5px 0 0 20px; width: 105px; float: right; overflow: hidden; } .receipt-order-summary-bottom .order-totals .border-on-top { border-top: 2px solid #cfccb7; } .receipt-order-summary-bottom .order-totals .text-total { font-weight: bold; text-align: right; padding-top: 5px; width: 145px; float: left; } .receipt-order-summary-bottom .order-totals .amount-total { font-weight: bold; text-align: right; padding: 8px 0px 0px 10px; width: 105px; float: right; } /**/ .edit-address-container .form-box { border: 1px solid #CCCCCC; } #promocodeblock { padding: 0px; margin: 5px 0 10px 0; } #promocoderemoveblock { display: none; padding: 0px; } label span.fineText{ font-size:12px; font-weight:normal; } label span.fineText strong { font-size:13px; } .promo-egift-code-container p{ padding-bottom: 4px; } .tvccDetails { font-size:10px; font-weight:normal; margin-top: 15px; } .details-container { padding: 20px 10px; } #giftcertblock { padding: 0px; } #giftcertremoveblock { display: none; padding: 0px; } #promocodeblock .submit-promo, #giftcertblock .gift-cert-submit { margin-left: 3px; } .promo-code-input, .gift-cert-input { width: 190px; } .apply-egift-cert-button { float: left; cursor: pointer; width: 189px; height: 19px; margin-left: 10px; } .apply-egift-cert-button.mouse-down { } .apply-promotion-code-button { float: left; cursor: pointer; width: 189px; height: 19px; margin-left: 10px; } .apply-promotion-code-button.mouse-down { } .print-this-page-link a { text-decoration: underline; } .print-this-page-link { padding-top: 12px; padding-bottom: 12px; } /* Gift Card updates */ /*.gcNumber, .gcPin { position: relative; } .gcNumber { float: left; width: 180px; margin-right: 10px; clear: left; } .gcPin { float: right; width: 210px; } #submit-gc { width: auto; position: absolute; right: 50px; bottom: 0; } .gcPin .labelHelp { right: 0; top: 0; } .gcPin .gcPin-label{margin-top: 15px; margin-bottom: 6px;} .gcPin .gcPin-label .label-pin{display: inline; margin-bottom: 3px;} .giftcard_form { clear: both; } */ #DOMWindowOverlay {opacity:.5 !important;} #pmt_overlay, #pmt_overlay_ie, .overlay_container { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000; } .pmt_overlay_contents, .overlay_contents { position: absolute; left: 50%; top: 50%; width: 500px; height: 100px; margin-top: -150px; background-color: #FFF; border: 2px solid #A3061E; text-align: center; padding-top: 100px; padding-bottom: 70px; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .7); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .7); box-shadow: 0 0 5px rgba(0, 0, 0, .7); } #unload_message .overlay_contents { padding: 20px 20px 10px; width: 400px; font-size: 15px; height: auto; text-align: left; } #unload_message .continue_buttons { margin-top: 20px; } #unload_message button { color: #FFF; background-color: #A3061E; border: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 5px 10px; font-size: 15px; font-family: Arial, Helvetica, sans-serif; margin-right: 15px; cursor: pointer; margin-bottom: 10px; } #unload_message #unload_continue { background-color: #EBE4C7; color: #666; } /* end Gift Card updates */ /*! responsive reCAPTCHA */ #responsive_recaptcha { background-color: #b71800; padding: 0.5em; border-radius: 1em; position: relative; overflow: auto; max-width: 480px; /* min-height:150px; */ font: 0.75em/1em "Helvetica Neue", Helvetica, Arial, sans-serif; color: #ffffff; margin-bottom: 20px; } #responsive_recaptcha a { color: #ffffff; text-decoration: none; } #responsive_recaptcha img, #responsive_recaptcha #recaptcha_image { width: 100% !important; height: auto !important; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; } #responsive_recaptcha .solution { margin-top: 0.5em; padding: 0.5em; padding-top: 1em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #fbe098; color: #000000; display: block; box-sizing: border-box; } #responsive_recaptcha .solution input { display: block; margin: 0.5em auto; -webkit-appereance: none; border: 1px solid #f7c236; font: inherit; font-size: 150%; outline: none; } #responsive_recaptcha .solution input:focus { border-color: #b71800; } #responsive_recaptcha .options { margin-top: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; box-sizing: border-box; } #responsive_recaptcha .options a { background-color: #c5523d; display: block; padding: 0.5em; border-top: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; } #responsive_recaptcha .options a:first-child { border-radius: 0.5em 0.5em 0 0; } #responsive_recaptcha .options a:last-child { border-radius: 0 0 0.5em 0.5em; border-bottom: 1px solid #000000; } @media screen and (min-width: 480px) { #responsive_recaptcha .solution { float: left; width: 66%; margin-top: 0.5em; padding: 1em; } #responsive_recaptcha .solution input { margin: 0.35em auto; width: 90%; } #responsive_recaptcha .options { float: right; width: 34%; padding-left: 0.5em; } }