* {
box-sizing: border-box
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
display: block
}
body {
line-height: 1
}
blockquote,
q {
quotes: none
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
body {
font: 12px/20px Arial, sans-serif;
color: #000;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
background-color: #fff
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #000;
font-family: "Arial", sans-serifserif;
font-weight: normal
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
font-weight: inherit
}
h1 a:hover,
h2 a:hover,
h3 a:hover {
text-decoration: none
}
h1 {
font-size: 24px;
line-height: 34px
}
h2 {
font-size: 20px;
line-height: 24px
}
h3 {
font-size: 16px;
line-height: 18px
}
h4 {
font-size: 16px;
line-height: 18px
}
h5 {
font-size: 14px;
line-height: 14px
}
h6 {
font-size: 14px;
line-height: 14px
}
.subheader {
color: #777
}
p {
margin: 0 0 10px 0
}
p img {
margin: 0
}
p.lead {
font-size: 21px;
line-height: 27px;
color: #777
}
em {
font-style: italic
}
strong,
.strong {
font-weight: bold;
color: #333
}
small {
font-size: 80%
}
blockquote,
blockquote p {
font-size: 17px;
line-height: 24px;
color: #777;
font-style: italic
}
blockquote {
margin: 0 0 20px;
padding: 9px 20px 0 19px;
border-left: 1px solid #ddd
}
blockquote cite {
display: block;
font-size: 12px;
color: #555
}
blockquote cite:before {
content: "\2014 \0020"
}
blockquote cite a,
blockquote cite a:visited,
blockquote cite a:visited {
color: #555
}
hr {
border: solid #ddd;
border-width: 1px 0 0;
clear: both;
margin: 10px 0 10px;
height: 0
}
a,
a:visited {
color: #333;
text-decoration: underline;
outline: 0;
cursor: pointer
}
p a,
p a:visited {
line-height: inherit
}
ul,
ol {
margin-bottom: 10px
}
ol {
list-style: decimal
}
ol,
ul.square,
ul.circle,
ul.disc {
margin-left: 30px
}
ul.square {
list-style: square outside
}
ul.circle {
list-style: circle outside
}
ul.disc {
list-style: disc outside
}
ul ul li,
ul ol li,
ol ol li,
ol ul li {
margin-bottom: 0
}
li {
line-height: 18px;
margin-bottom: 0
}
ul.large li {
line-height: 21px
}
li p {
line-height: 21px
}
ul.none,
ol.none {
list-style: none outside
}
legend {
display: block;
font-weight: bold;
font-size: 13px
}
label span,
legend span {
font-weight: normal;
font-size: 13px;
color: #444
}
body.desktop .container {
min-width: 960px;
max-width: 1200px
}
body.desktop #cboxWrapper .container {
min-width: inherit;
max-width: inherit
}
body.tablet #containerMain.container {
min-width: 700px
}
.remove-bottom {
margin-bottom: 0 !important
}
.add-bottom {
margin-bottom: 6px !important
}
.add-bottom-2x {
margin-bottom: 12px !important
}
.add-bottom-3x {
margin-bottom: 18px !important
}
.container {
width: 100%;
margin: 0 auto;
padding: 0;
overflow: hidden
}
.container .columns {
float: left;
display: inline;
margin-left: 1.04166667%;
margin-right: 1.04166667%;
box-sizing: border-box
}
.row {
margin-left: -1.04166667%;
margin-right: -1.04166667%
}
.container .one.columns,
.container .one.column {
width: 6.25%
}
.container .two.columns {
width: 14.58333333%
}
.container .three.columns {
width: 22.91666667%
}
.container .four.columns {
width: 31.25%
}
.container .five.columns {
width: 39.58333333%
}
.container .six.columns {
width: 47.91666667%
}
.container .seven.columns {
width: 56.25%
}
.container .eight.columns {
width: 64.58333334%
}
.container .nine.columns {
width: 72.91666667%
}
.container .ten.columns {
width: 81.25%
}
.container .eleven.columns {
width: 89.58333334%
}
.container .twelve.columns {
width: 97.91666667%
}
.container .columns.alpha {
margin-left: 0
}
.container .columns.omega {
margin-right: 0
}
.container .columns.zed {
margin-left: .52%;
margin-right: .52%
}
.container .one.columns.alpha,
.container .one.columns.omega {
width: 7.29166667%
}
.container .two.columns.alpha,
.container .two.columns.omega {
width: 15.62499997%
}
.container .three.columns.alpha,
.container .three.columns.omega {
width: 23.95833337%
}
.container .four.columns.alpha,
.container .four.columns.omega {
width: 32.29166667%
}
.container .five.columns.alpha,
.container .five.columns.omega {
width: 40.62499997%
}
.container .six.columns.alpha,
.container .six.columns.omega {
width: 48.95833337%
}
.container .seven.columns.alpha,
.container .seven.columns.omega {
width: 57.29166667%
}
.container .eight.columns.alpha,
.container .eight.columns.omega {
width: 65.62500007%
}
.container .nine.columns.alpha,
.container .nine.columns.omega {
width: 73.95833337%
}
.container .ten.columns.alpha,
.container .ten.columns.omega {
width: 82.29166667%
}
.container .eleven.columns.alpha,
.container .eleven.columns.omega {
width: 90.62500007%
}
.container .twelve.columns.alpha,
.container .twelve.columns.omega {
width: 98.95833333%
}
.container .columns.actual {
margin-left: 0;
margin-right: 0
}
.container .one.columns.actual {
width: 8.33333333%
}
.container .two.columns.actual {
width: 16.66666667%
}
.container .three.columns.actual {
width: 25%
}
.container .four.columns.actual {
width: 33.33333333%
}
.container .five.columns.actual {
width: 41.66666667%
}
.container .six.columns.actual {
width: 50%
}
.container .seven.columns.actual {
width: 58.33333333%
}
.container .eight.columns.actual {
width: 66.66666667%
}
.container .nine.columns.actual {
width: 75%
}
.container .ten.columns.actual {
width: 83.33333333%
}
.container .eleven.columns.actual {
width: 91.66666667%
}
.container .twelve.columns.actual {
width: 100%
}
.container .twelve.columns.fullBleed {
width: 100%;
margin: 0
}
.container .one-third {
width: 31.25%
}
.container .one-third.columns.alpha,
.container .one-third.columns.omega,
.container .one-third.columns.zed {
width: 32.29166667%
}
.container .one-third.actual {
width: 33.33333333%
}
.container .one-half {
width: 47.91666667%
}
.container .one-half.columns.alpha,
.container .one-half.columns.omega {
width: 48.95833337%
}
.container .one-half.actual {
width: 50%
}
.container .two-thirds {
width: 64.58333333%
}
.container .two-thirds.columns.alpha,
.container .two-thirds.columns.omega {
width: 65.62500007%
}
.container .two-thirds.actual {
width: 66.66666667%
}
.container .one-fifth {
width: 17.91666666%
}
.container .one-fifth.columns.alpha,
.container .one-fifth.columns.omega {
width: 18.95833333%
}
.container .one-fifth.actual {
width: 20%
}
.container .offset-by-one {
padding-left: 8.33333333%
}
.container .offset-by-two {
padding-left: 16.66666667%
}
.container .offset-by-three {
padding-left: 25%
}
.container .offset-by-four {
padding-left: 33.33333333%
}
.container .offset-by-five {
padding-left: 41.66666667%
}
.container .offset-by-six {
padding-left: 50%
}
.container .offset-by-seven {
padding-left: 58.33333333%
}
.container .offset-by-eight {
padding-left: 66.66666667%
}
.container .offset-by-nine {
padding-left: 75%
}
.container .offset-by-ten {
padding-left: 83.33333333%
}
.container .offset-by-eleven {
padding-left: 91.66666667%
}
.container .offset-by-one,
.container .offset-by-two,
.container .offset-by-three,
.container .offset-by-four,
.container .offset-by-five,
.container .offset-by-six,
.container .offset-by-seven,
.container .offset-by-eight,
.container .offset-by-nine,
.container .offset-by-ten,
.container .offset-by-eleven {
box-sizing: content-box
}
.container .columns.pdp1of2 {
width: 39.35%;
margin-left: 2.1%;
margin-right: 2.1%
}
.container .columns.pdp2of2 {
width: 52.25%;
margin-left: 2.1%;
margin-right: 2.1%
}
.container .columns.pdp1of3 {
width: 39.6%;
margin-left: 0;
margin-right: 0
}
.container .columns.pdp2of3 {
width: 32.2%;
margin-left: 1.6%;
margin-right: 1.6%
}
.container .columns.pdp3of3 {
width: 25%;
margin-left: 0;
margin-right: 0
}
body.mobile {
margin: 0
}
body.mobile .container {
margin-left: 0;
margin-right: 0;
overflow: hidden
}
body.mobile .container .columns,
body.mobile .container .column {
margin-left: 0;
margin-right: 0
}
body.mobile .container .one.column,
body.mobile .container .one.columns,
body.mobile .container .two.columns,
body.mobile .container .three.columns,
body.mobile .container .four.columns,
body.mobile .container .five.columns,
body.mobile .container .six.columns,
body.mobile .container .seven.columns,
body.mobile .container .eight.columns,
body.mobile .container .nine.columns,
body.mobile .container .ten.columns,
body.mobile .container .eleven.columns,
body.mobile .container .twelve.columns,
body.mobile .container .thirteen.columns,
body.mobile .container .fourteen.columns,
body.mobile .container .fifteen.columns,
body.mobile .container .sixteen.columns,
body.mobile .container .pdp1of2.columns,
body.mobile .container .pdp2of2.columns,
body.mobile .container .pdp1of3.columns,
body.mobile .container .pdp2of3.columns,
body.mobile .container .pdp3of3.columns,
body.mobile .container .one-third.column,
body.mobile .container .two-thirds.column,
body.mobile .container .columns.actual,
body.mobile .container .sixteen.columns.actual,
body.mobile .container .ten.columns.actual,
body.mobile .container .six.columns.actual,
body.mobile .container .content_wrap .eight.columns.actual {
margin-left: 1.04166667%;
margin-right: 1.04166667%;
width: 97.916667%
}
body.mobile .container .twelve.columns.mobileActual,
body.mobile .container .sixteen.columns.mobileActual {
margin-left: 0;
margin-right: 0;
width: 100%
}
body.mobile .container .offset-by-one,
body.mobile .container .offset-by-two,
body.mobile .container .offset-by-three,
body.mobile .container .offset-by-four,
body.mobile .container .offset-by-five,
body.mobile .container .offset-by-six,
body.mobile .container .offset-by-seven,
body.mobile .container .offset-by-eight,
body.mobile .container .offset-by-nine,
body.mobile .container .offset-by-ten,
body.mobile .container .offset-by-eleven,
body.mobile .container .offset-by-twelve,
body.mobile .container .offset-by-thirteen,
body.mobile .container .offset-by-fourteen,
body.mobile .container .offset-by-fifteen {
padding-left: 0
}
.container:after,
.group:before,
.group:after,
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0
}
.container:after,
.row:after,
.clearfix:after,
.group:after {
clear: both
}
.row,
.clearfix,
.group {
zoom: 1
}
.helpLink {
padding-left: 0;
margin-left: 0
}
.showhide {
font-weight: bold;
padding-left: 10px;
margin-left: 10px;
text-transform: none
}
.responsiveWrap {
margin: 0 auto;
min-width: 0
}
.nowrap {
white-space: nowrap
}
.fl {
float: left
}
.fr {
float: right
}
.clr {
clear: both
}
.block {
display: block
}
.inline {
display: inline
}
.iBlock {
display: inline-block
}
a img {
border: none
}
article,
aside,
figure,
footer,
header,
nav,
section {
display: block
}
.relative {
position: relative
}
.tableCell.alignTop {
vertical-align: top
}
.displayTable {
display: table;
width: 100%;
table-layout: fixed
}
.tableRow {
display: table-row
}
.tableCell {
display: table-cell
}
.tableCell select {
width: 100%
}
.tableCell.ccMonth,
.tableCell.type_birthDay,
.tableCell.type_birthMonth {
width: 50%
}
.tableCell.type_birthMonth select,
.tableCell.ccMonth select {
width: 96%
}
.display-mobile,
.display-mobile-inline,
.display-tablet,
.display-tablet-inline,
.display-desktop,
.display-desktop-inline {
display: none !important
}
body.mobile .display-mobile {
display: block !important
}
body.mobile .display-mobile-inline {
display: inline-block !important
}
body.mobile .hide-mobile {
display: none !important
}
body.tablet .display-tablet {
display: block !important
}
body.tablet .display-tablet-inline {
display: inline-block !important
}
body.tablet .hide-tablet {
display: none !important
}
body.desktop .display-desktop {
display: block !important
}
body.desktop .display-desktop-inline {
display: inline-block !important
}
body.desktop .hide-desktop {
display: none !important
}
.common-error,
.jsResponseMsg {
padding-bottom: 5px;
display: block
}
.common-error {
color: #f00
}
input.button {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border: none;
margin-left: 3px
}
button[disabled=disabled],
button:disabled,
button[disabled=disabled]:hover,
button:disabled:hover {
cursor: default;
background-color: #999
}
.button.full-width,
button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
width: 100%;
padding-left: 0 !important;
padding-right: 0 !important;
text-align: center
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0
}
*:focus {
outline: none
}
form {
margin-bottom: 20px
}
fieldset {
margin-bottom: 20px
}
input[type="text"],
input[type="password"],
input[type="url"],
input[type="email"],
input[type="tel"],
input[type="search"],
textarea {
outline: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #777;
width: 100%;
display: block;
margin: 0 0 15px 0;
background-color: #fff;
box-shadow: 0
}
select {
outline: none;
font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #777;
background-color: #fff;
padding: 3px 5px;
width: 100%;
display: block;
margin: 0 0 15px 0;
max-width: 300px;
box-shadow: 0
}
select option {
color: #777
}
textarea {
border: 1px solid #ccc
}
input[type="number"] {
-moz-appearance: textfield
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="url"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
select:focus,
textarea:focus {
border: 1px solid #aaa;
color: #444;
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2)
}
textarea {
min-height: 60px
}
input[type="checkbox"] {
display: inline;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px
}
.requiredFieldText {
font-style: italic;
font-weight: normal;
text-transform: none
}
.asterisk {
color: #f00;
font-family: Verdana, sans-serif;
padding: 0 4px 0 0
}
fieldset {
padding: 0;
margin: 0;
border: none
}
.formFieldContainer {
margin: 5px 0;
position: relative
}
.formFieldContainer input[type="text"],
.formFieldContainer input[type="password"],
.formFieldContainer input[type="email"],
.formFieldContainer input[type="tel"],
.formFieldContainer textarea,
.formFieldContainer select {
display: inline;
margin: 5px 0
}
#emailAFriendForm .formFieldContainer input[type="text"],
#emailAFriendForm .formFieldContainer input[type="password"],
#emailAFriendForm .formFieldContainer input[type="email"],
#emailAFriendForm .formFieldContainer textarea {
width: 60%
}
#emailAFriendForm .formFieldContainer input[type="text"]body.mobile,
#emailAFriendForm .formFieldContainer input[type="password"]body.mobile,
#emailAFriendForm .formFieldContainer input[type="email"]body.mobile,
#emailAFriendForm .formFieldContainer textareabody.mobile {
width: 100%
}
#emailAFriendForm #recipientEmail {
display: block
}
.formFieldContainer select.tableCell {
display: table-cell !important
}
.formFieldContainer label {
display: block;
cursor: text
}
.formFieldContainer label span {
font-weight: normal
}
.formFieldContainer label span.optionalKey {
text-transform: lowercase
}
span.labelFieldWrapper {
display: inline-block;
width: 100%;
vertical-align: top
}
span.labelFieldWrapper label.placeholder {
margin-left: 0;
margin-right: 10px;
color: #000;
cursor: text;
overflow: hidden;
white-space: nowrap
}
.type_select.formFieldContainer div.error {
margin: 10px 0 5px
}
.formFieldContainer input[type="button"] {
width: auto
}
input.disabled {
cursor: default;
color: #c5c5c5
}
.formFieldContainer p {
margin: 0;
padding: 0
}
.checkRadio input {
width: 15px;
height: 15px;
padding: 0;
margin: auto 4px auto 0
}
.checkRadio label {
cursor: pointer;
display: inline;
line-height: 22px;
margin: 0;
position: static;
top: auto
}
.checkRadioInline label {
display: inline-block;
width: auto;
margin: auto 0;
height: 15px;
padding: 0
}
.type_compareItem .labelFieldWrapper .input_wrap.labelCheckbox {
height: 22px;
padding: 0;
float: left
}
.formFieldContainer .verify {
display: none
}
.formFieldContainer .jsResponseMsg,
.formFieldContainer.invalid .common-error,
.formFieldContainer.invalid .verify {
color: #f00;
display: block
}
.formFieldContainer.invalid select,
.formFieldContainer.invalid input[type="text"],
.formFieldContainer.invalid input[type="email"],
.formFieldContainer.invalid input[type="tel"],
.formFieldContainer.invalid input[type="password"],
.formFieldError select,
.formFieldError input[type="text"],
.formFieldError input[type="email"],
.formFieldError input[type="tel"],
.formFieldError input[type="password"] {
border: 1px solid #f00;
color: #000
}
.formFieldContainer.valid .verify {
color: #093;
padding: 2px 0 1px 18px
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0
}
input[type="search"]::-webkit-search-cancel-button {
display: none
}
a.button.buttonWithInputField,
button.button.buttonWithInputField,
button.buttonWithInputField,
button.buttonWithInputField[type="submit"],
input.buttonWithInputField[type="button"],
input.buttonWithInputField[type="reset"],
input.buttonWithInputField[type="submit"] .buttonWithInputField {
margin-left: 14px
}
.formWrapper .formFieldContainer {
position: relative;
text-align: left;
margin-bottom: 10px
}
.formWrapper .formFieldContainer .labelFieldWrapper {
position: relative
}
.formWrapper .formFieldContainer .labelFieldWrapper .clearInputField {
position: absolute;
left: 0;
top: 12px;
font-size: 14px;
display: block;
opacity: 0;
z-index: 2;
width: 20px !important;
height: 20px !important;
background-color: transparent;
color: #000;
padding: 0;
font-family: inherit;
cursor: default;
pointer-events: none
}
.formWrapper .formFieldContainer .labelFieldWrapper .clearInputField[aria-hidden="false"] {
opacity: 1;
cursor: pointer;
pointer-events: auto
}
.formWrapper .formFieldContainer .labelFieldWrapper input::-ms-clear {
width: 0;
height: 0
}
.formWrapper .formFieldContainer:not(.checkRadio) label {
z-index: 2;
left: 8px;
pointer-events: none;
position: absolute;
padding: 0 3px
}
.formWrapper .formFieldContainer:not(.checkRadio) label span {
font-size: inherit
}
.formWrapper .formFieldContainer.active:not(.checkRadio) label {
transition: all .2s ease 0s;
color: #a2aabd;
opacity: 1;
top: -6px;
background: #eee;
background: -webkit-linear-gradient(top, #eee, #fff);
background: -o-linear-gradient(top, #eee, #fff);
background: -moz-linear-gradient(top, #eee, #fff);
background: linear-gradient(to bottom, #eee, #fff);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 11px
}
#checkGCBalanceBody.formWrapper .formFieldContainer.active:not(.checkRadio) label {
background: #fff
}
.formWrapper .formFieldContainer:not(.active):not(.hasValue):not(.checkRadio) label {
transition: all .2s ease 0s;
color: inherit;
opacity: 1;
top: 12px;
background-color: transparent
}
.formWrapper .formFieldContainer.hasValue:not(.checkRadio) label {
opacity: 1;
top: -5px;
background: #eee;
background: -webkit-linear-gradient(top, #eee, #fff);
background: -o-linear-gradient(top, #eee, #fff);
background: -moz-linear-gradient(top, #eee, #fff);
background: linear-gradient(to bottom, #eee, #fff);
font-size: 11px
}
#checkGCBalanceBody.formWrapper .formFieldContainer.hasValue:not(.checkRadio) label {
background: #fff
}
.formWrapper .formFieldContainer input[type="text"],
.formWrapper .formFieldContainer input[type="email"],
.formWrapper .formFieldContainer input[type="tel"],
.formWrapper .formFieldContainer input[type="password"],
.formWrapper .formFieldContainer select {
margin-bottom: 0;
height: 36px
}
.formWrapper .formFieldContainer input.disabled {
color: #ccc;
cursor: no-drop
}
.formWrapper .formFieldContainer.invalid:not(.active):not(.hasValue):not(.checkRadio) label {
color: #f00
}
.formWrapper .formFieldContainer.formFieldError:not(.active):not(.hasValue):not(.checkRadio) label {
color: #f00
}
.layerInner {
padding: 20px
}
body.mobile .layerInner {
padding: 20px 10px
}
.common-template-popup {
padding: 20px;
background: #fff
}
body.mobile .common-template-popup {
padding: 14px 8px
}
.tooltip {
display: none;
max-width: 300px;
padding: 20px;
position: absolute;
z-index: 15;
color: #fff;
background: #666
}
.tooltip .tooltip-close {
background-size: contain;
cursor: pointer;
float: right;
height: 20px;
width: 20px
}
.tooltip .tooltip-close .close-text {
display: none
}
.common-template-popup .type_emailAddress .open-tooltip {
margin-left: 30px
}
.div_captcha {
min-height: 130px;
margin-left: -8px
}
.recaptchatable,
#recaptcha_area tr,
#recaptcha_area td,
#recaptcha_area th {
line-height: 0 !important
}
#recaptcha_area input {
height: auto;
display: inline
}
.header .utility .cart {
clear: both
}
.header .utility .cart div {
float: left
}
.header .utility ul.topNavIcons .storesIcon,
.header .utility ul.topNavIcons .searchIcon,
.header .utility ul.topNavIcons .accountIcon {
display: none
}
body.desktop .utility {
width: 56.25%;
margin: 0 1.04166667%
}
body.mobile .header .utility {
position: absolute;
text-align: right;
top: 10px;
z-index: 502;
right: 0
}
body.mobile .header .utility .searchField {
display: none;
padding: 10px 0;
width: 100%;
float: none
}
body.tablet .header .utility {
text-align: right
}
body.tablet header .utility .topNavIcons .toggle,
body.tablet header .utility .topNavIcons .search,
body.tablet header .utility .topNavIcons .stores,
body.tablet header .utility .topNavIcons .account,
body.tablet header .utility .topNavIcons .cart {
z-index: 500;
width: 48px;
height: 48px;
top: 0;
display: inline-block;
text-align: center;
cursor: pointer
}
body.tablet .header .utility .account.icon a,
body.tablet .header .utility .cart.icon a {
width: 48px;
height: 48px
}
body.tablet .header .utility .cart input {
width: 40px;
height: 40px;
margin: 0
}
#signInContainer {
display: table-row;
float: left
}
#signInContainer .storeInfo {
padding-left: 5px;
text-align: left;
vertical-align: middle
}
#signInContainer .gigya-altSignIn .sign-in-link {
display: inline-block;
float: right;
height: 30px;
margin: 1.6em 1em 1em;
text-indent: -90px;
width: 61px
}
#signInContainer .welcomeStoreLinkContainer {
float: right
}
#signInContainer #gigya-login-header {
float: right;
padding-top: 7px
}
#signInContainer #headerStoreContainer {
display: inline-block;
padding-left: 35px
}
#signInContainer #headerStoreContainer a {
display: block;
font-weight: normal
}
#signInContainer #headerStoreContainer a.select {
display: inline;
line-height: 40px;
padding-left: 5px
}
#signInContainer #headerStoreContainer a.inline {
display: inline
}
#signInContainer .welcomeInfo {
min-width: 260px;
padding-right: 5px
}
#signInContainer .welcomeInfo .welcomeMessage {
padding: 10px 0;
text-align: left;
float: left;
display: inline
}
#signInContainer .welcomeInfo .gigya-content .sign-in-link {
padding-right: 5px
}
#signInContainer .welcomeInfo .user-name .first_name {
font-weight: bold
}
#signInContainer .welcomeInfo .user-name .last_name {
font-weight: bold
}
#signInContainer>div {
display: table-cell
}
body.tablet #signInContainer {
margin-top: 0;
text-align: left
}
body.tablet #signInContainer .welcomeInfo {
display: none !important;
overflow: hidden;
position: absolute;
right: 120px;
top: 0
}
body.tablet #signInContainer .storeInfo {
display: none !important;
float: none;
text-align: left
}
#signInContainer .header .storeInfo {
height: 40px;
overflow: hidden;
position: absolute;
right: 50px;
top: 0;
width: 40px
}
body.mobile #signInContainer .welcomeInfo {
display: none !important
}
body.mobile #signInContainer .storeInfo {
display: none !important
}
body .header .logo {
margin: 0
}
body.mobile .header .logo {
text-align: center
}
.header #globalNavSelectors {
display: none
}
body .header #topNav li {
display: inline-table;
margin-right: 10px;
text-align: left
}
body .header #topNav ul.moreMenu li.menuTitle {
padding: 5px 10px
}
body .header #topNav ul.moreMenu li {
padding: 0 10px
}
body.desktop .header #topNav {
display: none
}
body.mobile .header #topNav ul {
display: none
}
body.mobile .header #topNav li {
text-align: center;
width: 100%;
display: block;
margin: 0
}
body.mobile .header #topNav li a {
margin: 10px 0;
font-size: 13px;
display: block;
text-decoration: none
}
body.mobile .header #topNav ul,
body.mobile .header #topNav:active ul {
display: none;
position: absolute;
left: 0;
background-color: #eaeaea;
top: 48px;
width: 100%
}
body.mobile .header #topNav:hover ul {
display: block;
z-index: 200
}
body.tablet .header #topNav li {
text-align: center;
width: 100%;
display: block;
margin: 0
}
body.tablet .header #topNav li a.header-shop,
body.tablet .header #topNav li a.close-menu {
display: inline-block
}
.header ul.noGigya li {
display: inline-table;
margin-right: 10px
}
.header ul.noGigya {
text-align: right;
margin-bottom: 0
}
.header .signed .welcome-message,
.header .signed .signout {
float: left;
margin: 6px
}
.sign-out-link {
display: block;
text-align: left
}
a.sign-out {
display: inline-block;
font-size: 12px;
text-transform: none
}
.header .links {
text-align: right
}
#toggleMenu {
padding: 10px 15px;
color: #fff;
display: none
}
body.mobile #toggleMenu {
cursor: pointer;
padding: 0
}
a#toggleMenu,
a#toggleMenu:hover {
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
color: #000
}
#menu-icon {
display: none;
width: 48px;
height: 48px
}
body.mobile .header #menu-icon,
body.tablet .header #menu-icon {
display: inline-block;
z-index: 500
}
body.desktop .searchDesktop {
float: right;
margin: 10px 0 10px 1.04166667%
}
body.tablet .searchDesktop,
body.mobile .searchDesktop {
clear: both
}
body .header .searchForm form {
margin-bottom: 0
}
body .header .searchForm input {
margin-bottom: 0
}
body.tablet .header .searchForm input#keyword,
body.mobile .header .searchForm input#keyword {
float: left
}
body.tablet .header .searchForm input,
body.mobile .header .searchForm input {
float: right
}
body.desktop .header .searchForm,
body.desktop .header .cartButton,
body.desktop .header .searchForm input {
float: left
}
body .header .searchForm input#keyword {
width: auto
}
body.mobile .header .searchForm #keyword,
body.tablet .header .searchForm #keyword {
width: 70%
}
body.tablet .header .searchForm {
width: 100%;
padding: 16px 20px 5px 20px
}
body.mobile .header #Header-Area3,
body.tablet .header #Header-Area3 {
display: none
}
body.mobile .cartText,
body.tablet .cartText {
display: inline-block
}
body.mobile .cmstopNav,
body.mobile .cartButton,
body.tablet .cmstopNav,
body.tablet .cartButton {
display: none
}
body.desktop .cmstopNav ul li {
display: inline-block;
min-height: 1px;
zoom: 1
}
body.desktop .topNavIcons {
display: none
}
body.mobile .utility,
body.mobile .topNavIcons {
float: right;
margin-right: 5px
}
.header ul.topNavIcons li {
display: inline-block
}
body.mobile li a.header-shop {
display: block;
position: relative
}
body.mobile li a.header-shop,
body.tablet li a.header-shop {
border-top: none;
cursor: default
}
.nav {
list-style: none;
width: 100%;
*zoom: 1;
background-color: #fff
}
.nav:before,
.nav:after {
content: " ";
display: table
}
.nav:after {
clear: both
}
.nav a {
padding: 8px 12px;
font-size: 12px;
text-decoration: none
}
.nav a:hover {
text-decoration: none
}
.nav li {
position: relative
}
.nav>li {
float: left
}
.nav li li a {
background-image: none
}
.nav>li.menuEnd>.parent {
background-image: none
}
.nav>li>a {
display: block
}
body.desktop .nav,
body.tablet .nav {
margin-left: 0;
margin-right: 0
}
body.desktop .nav ul,
body.tablet .nav ul {
list-style: none;
width: 100%;
margin-bottom: 0
}
body.desktop .nav li,
body.tablet .nav li {
position: static
}
body.desktop .nav li ul,
body.tablet .nav li ul {
position: absolute;
right: -9999px
}
body.desktop .nav>li>.subnav,
body.tablet .nav>li>.subnav {
display: none
}
body.desktop .nav>li.hover>.subnav,
body.tablet .nav>li.hover>.subnav {
display: block;
right: 0;
background: #fff;
border-bottom: 10px solid #000;
position: absolute;
list-style: none;
width: 100%;
margin-bottom: 0;
z-index: 1000
}
body.desktop .nav>li.hover>.subnav ul,
body.tablet .nav>li.hover>.subnav ul {
position: relative;
width: 33.3%;
float: left;
right: 0
}
body.desktop .nav>li.hover>.subnav ul li,
body.tablet .nav>li.hover>.subnav ul li {
float: none;
width: 100%
}
body.desktop .nav>li.hover>ul,
body.tablet .nav>li.hover>ul {
right: 0
}
body.desktop .nav li li.hover ul,
body.tablet .nav li li.hover ul {
left: 100%;
top: 0
}
.nav li li a {
display: block;
position: relative;
text-align: left;
z-index: 100;
line-height: 14px
}
.nav li li.menuEnd a {
background-image: none
}
.nav li li li a {
z-index: 200
}
.nav .subnav .subnav {
display: none
}
body.mobile nav {
position: absolute;
z-index: 1000;
width: 100%;
top: 0;
left: 0
}
body.mobile nav {
width: 100%;
margin-left: 0
}
body.mobile nav {
z-index: 10
}
body.mobile nav .nav li li li a {
border-top: 0
}
body.mobile nav .active {
display: block
}
body.mobile nav .nav>li {
float: none
}
body.mobile nav .nav>li>.parent {
background-position: 95% 50%
}
body.mobile nav .nav li li .menuEnd .parent,
body.mobile nav .nav li li .static .parent {
background-image: none
}
body.mobile ul.nav ul {
width: 100%
}
body.mobile ul.nav li>.subnav {
display: none
}
body.mobile ul.nav li.hover>.subnav {
display: block
}
body.tablet .sortOption select {
width: 100%
}
body.tablet .js_itemcount {
display: none
}
body.mobile .js_itemcount,
body.mobile .catalog-nav,
body.mobile#userLogin .register-form {
display: none
}
body.mobile .filter-by {
width: 67px;
cursor: pointer;
float: right;
line-height: 60px
}
body.mobile .accordion-content {
overflow: hidden
}
body.mobile .accordion-content .option {
float: left;
width: 50%
}
body.mobile .sortOption {
margin: auto;
padding: 0 50px
}
body.mobile #refinement-wrapper .sortOption {
margin: auto;
padding: 0
}
body.mobile #refinement-wrapper .accordion-content .option {
width: 100%;
float: none
}
body.mobile #refinement-wrapper .accordion-content {
background: transparent;
width: 100%;
clear: both
}
body.mobile #refinement-wrapper .accordion-content.sixteen.columns {
width: 100%
}
body.mobile #refinement-wrapper .accordion-content .option.selected,
body.mobile #refinement-wrapper .accordion-content .option.select {
width: 100%;
text-align: left;
background-color: transparent
}
body.mobile #refinement-wrapper .accordion-content .option.selected a,
body.mobile #refinement-wrapper .accordion-content .option.select a {
color: #000;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgODAgODAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaW5ZTWlkIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4MCA4MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjMDAwMDAwIiBkPSJNNDAsMUMxOC41LDEsMSwxOC41LDEsNDBzMTcuNSwzOSwzOSwzOXMzOS0xNy41LDM5LTM5UzYxLjUsMSw0MCwxeiBNNjcuMyw1NC41TDU0LjUsNjcuM0w0MCw1Mi44TDI1LjUsNjcuMw0KCUwxMi43LDU0LjVMMjcuMSw0MEwxMi43LDI1LjVsMTIuOS0xMi45TDQwLDI3LjFsMTQuNS0xNC41bDEyLjksMTIuOUw1Mi45LDQwTDY3LjMsNTQuNXoiLz4NCjwvc3ZnPg0K);
background-repeat: no-repeat;
position: relative;
z-index: 1002;
margin-right: 10px;
padding-left: 18px !important
}
body.mobile #refinement-wrapper .accordion-content .option.select select {
display: inline-block
}
body.mobile #refinement-wrapper .accordion-header.filter-by {
text-align: left;
line-height: 35px;
margin-top: 0;
height: 43px;
padding-left: 10px;
display: block;
position: relative;
top: -2px
}
body.mobile #refinement-wrapper .accordion-header.filter-by .downarrow {
float: none;
display: inline-block;
margin: 0 0 2px 10px;
border-top: 8px solid #000;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
position: relative;
top: -33px;
right: -37px
}
body.mobile #refinement-wrapper .accordion-header.filter-by.accordion-active .downarrow {
border-top: none;
border-bottom: 8px solid #000;
border-right: 5px solid transparent;
border-left: 5px solid transparent
}
body.mobile .related-items h2,
body.mobile .recently-viewed h2 {
line-height: 45px
}
body.mobile .owl-prev,
body.mobile .owl-next {
background-size: contain;
height: 33px;
width: 21px;
top: -40px
}
ul.completeData {
list-style: none
}
ul.completeData.paymentInfo {
padding: 15px
}
.checkoutMessaging {
margin: 10px 0
}
body.tablet .columns.panels,
body.tablet .columns.summary {
width: 47.5%
}
body.tablet #CheckoutPaymentOptions img,
body.mobile #CheckoutPaymentOptions img {
width: 100%
}
body.tablet .container nav.sixteen.columns {
width: 100%;
margin: 0
}
body#orderHistory.desktop .buttons {
text-align: left
}
.template-lnav-left {
display: none
}
.template-lnav-right {
width: 100%
}
body.desktop.hasLeftNav .template-lnav-left,
body.tablet.hasLeftNav .template-lnav-left {
display: block;
vertical-align: top;
width: 20.52%;
float: left
}
body.desktop.hasLeftNav .template-lnav-right,
body.tablet.hasLeftNav .template-lnav-right {
display: block;
float: right;
vertical-align: top;
width: 79.48%
}
#leftnavShadow {
display: block;
vertical-align: top;
width: 20.52%;
position: absolute;
top: 0;
left: 0;
bottom: 0;
background: #000
}
body.mobile #leftnavShadow {
display: none
}
#leftnav {
position: relative;
z-index: 1
}
ul.leftNav,
ul.leftNav ul {
list-style-type: none
}
ul.leftNav li {
margin: 0
}
ul.leftNav li a,
ul.leftNav li a:visited,
ul.leftNav li span {
display: inline-block;
margin-bottom: 15px
}
ul.leftNav li ul {
margin-top: 10px;
padding-left: 25px
}
ul.leftNav li ul li {
text-transform: none
}
body.mobile ul.sectionContentNav li {
padding: 14px 0 14px 20px
}
body.mobile ul.sectionContentNav li a {
display: inline-block;
width: 100%;
line-height: 30px
}
body.mobile ul.sectionContentNav li.parent {
text-transform: uppercase
}
body#category h1 {
margin-bottom: 20px;
padding-bottom: 20px
}
body#category.catalog .product a img {
width: 100%;
height: auto
}
.sub-cat {
padding-left: 10px
}
.item-pricing {
font-weight: bold
}
.msrp-price {
text-decoration: line-through;
color: #999;
font-weight: normal
}
.related-items .product .bv_revnum,
.recently-viewed .product .bv_revnum,
.recentlyViewed_wrap .product .bv_revnum {
display: none
}
.related-items .product .quantity_wrap,
.recently-viewed .product .quantity_wrap,
.recentlyViewed_wrap .product .quantity_wrap {
margin-bottom: 8px !important
}
.related-items .product .add-to-cart input,
.recently-viewed .product .add-to-cart input,
.recentlyViewed_wrap .product .add-to-cart input {
width: auto
}
.related-items .VariantMatrix .VariantDropdown {
overflow: hidden
}
.related-items .VariantMatrix .VariantDropdown select {
margin-bottom: 10px
}
.product ul.swatchList {
margin: 0
}
.product .type_compareItem label {
font-weight: normal
}
ul.product-variant-swatches ul {
width: auto;
display: inline
}
ul.product-variant-swatches li {
width: 30px;
height: 30px;
cursor: pointer;
display: inline-block;
border: 1px solid #fff
}
ul.product-variant-swatches li.selected {
border: 1px solid #000
}
.product .name {
padding: 7px 0 10px
}
.product .name a {
text-decoration: none
}
body.mobile .product .name {
padding: 10px 5px 0 0
}
.product .type_compareItem .labelFieldWrapper .input_wrap.labelCheckbox {
float: none
}
.product .display-price {
margin: 0;
white-space: nowrap
}
body.tablet .container .thumbnail-wrapper .three.columns {
width: 31.25%
}
body.tablet .container .thumbnail-wrapper .three.columns.actual {
width: 33.33333333%
}
body.mobile .container .thumbnail-wrapper .three.columns {
width: 47.91666667%
}
.product .productImage img {
width: 100%;
height: auto
}
.catalogCompareItems form {
margin-bottom: 0
}
body.mobile .catalogCompareItems .compare-layer-items {
display: none
}
.ql .quicklookButton {
left: 50%;
position: absolute;
top: 55px;
text-align: center;
height: 20px;
padding: 3px 6px;
display: none;
font-weight: bold;
cursor: pointer
}
body.mobile #refinement-wrapper {
background: transparent;
padding-right: 10px
}
body.mobile .refinementBar #refinement-wrapper {
padding-right: 0
}
body.mobile .refinementBar .contentTab.active {
padding: 8px 0 10px
}
body.desktop #refinement-wrapper,
body.tablet #refinement-wrapper {
padding-bottom: 19px;
max-width: 225px
}
body.mobile .filter-by {
line-height: 80px
}
body.mobile .filter-by a {
padding: 14px 24px
}
body.mobile .filter-by a:hover {
text-decoration: none
}
body.mobile .filter-link {
display: inline-block;
padding: 10px
}
body.mobile .clear-refinements {
position: inherit
}
body.mobile .clear-refinements.display-desktop {
display: none !important
}
body.mobile .refinement-controls {
position: relative;
margin-bottom: 10px
}
body.mobile .refinement-controls a:hover {
text-decoration: none
}
body.mobile .accordion-header.close-refinements a,
body.mobile .accordion-content .clear-refinements {
width: 70px;
position: static;
display: inline-block;
padding: 5px 10px;
float: right;
margin: 20px 0;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background-color: #eaeaea;
text-align: center
}
body.mobile .accordion-content .clear-refinements {
margin-left: 10px
}
#refinement-wrapper {
position: relative
}
#refinement-wrapper .mt10 {
margin-top: 10px
}
#refinement-wrapper .current-category {
background: #000;
padding: 10px 10px 15px;
margin: -10px -10px 0;
font-size: 18px;
border-top: 1px solid #444
}
#refinement-wrapper .clear-refinements {
float: right
}
#refinement-wrapper .clear-refinements a {
font-size: 11px;
margin: 3px 0 0 0
}
#refinement-wrapper .refinement-header {
margin: 15px 0 -18px 0
}
body.tablet #refinement-wrapper .refinement-header {
margin: 5px 0 20px 0
}
body.tablet #refinement-wrapper .refinement-header .clear-refinements {
float: none
}
#refinement-wrapper .clear-refinements {
display: none
}
#refinement-wrapper .sortOption {
margin-bottom: 10px
}
#refinement-wrapper .sortOption .option {
font-weight: bold;
margin-bottom: 7px
}
body.mobile #refinement-wrapper .sortOption .option {
background-color: #939393;
padding: 11px 55px 8px 55px;
margin: 0 -50px 0 -50px;
color: #fff;
text-shadow: #333 1px 1px;
position: relative;
cursor: pointer
}
body.mobile #refinement-wrapper .sortOption .option:after {
content: "";
display: block;
position: absolute;
right: 60px;
top: 12px;
border-top: 12px solid #fff;
border-bottom: 0 solid transparent;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
-webkit-transition: transform .2s ease;
-moz-transition: transform .2s ease;
-ms-transition: transform .2s ease;
-o-transition: transform .2s ease;
transition: transform .2s ease
}
body.mobile #refinement-wrapper .sortOption .option.collapsed:after {
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg)
}
#refinement-wrapper .sortOption .select,
#refinement-wrapper .sortOption .selected {
margin-bottom: 20px
}
#refinement-wrapper .sortOption select {
margin-bottom: 0
}
#refinement-wrapper .sortOption .option {
margin-top: 0;
font-size: 16px
}
#refinement-wrapper .sortOption .option.selected {
font-size: 11px;
padding: 3px 7px;
background-color: #3a3a3a;
margin: 0 -7px
}
#refinement-wrapper .sortOption .option.selected a {
margin-right: 10px;
padding-left: 18px !important
}
#refinement-wrapper .sortOption .expanderTrigger {
margin: 0 -10px;
padding: 0 10px 10px;
background: #444;
height: auto
}
#refinement-wrapper .sortOption .expanderTrigger .borderTop {
border-top: 1px solid #666;
margin: -3px 0 7px 0
}
body.mobile #refinement-wrapper .sortOption .expanderTrigger .borderTop {
display: none
}
#refinement-wrapper .sortOption a.refinementExpanderTrigger {
padding: 0;
background: transparent;
border-radius: 0;
float: none;
color: #f7941e;
font-weight: bold
}
#refinement-wrapper .sortOption a.refinementExpanderTrigger .show {
display: none
}
#refinement-wrapper .sortOption a.refinementExpanderTrigger.collapsed .show {
display: inline-block
}
#refinement-wrapper .sortOption a.refinementExpanderTrigger.collapsed .hide {
display: none
}
body.mobile #refinement-wrapper .sortOption a.refinementExpanderTrigger {
color: #000
}
#refinement-wrapper .sortOption .options {
margin: 0 -10px;
padding: 5px 10px;
background: #444
}
#refinement-wrapper .sortOption .options .refinementExpander {
padding: 0 7px;
margin: 0 -7px
}
#refinement-wrapper .sortOption .options .refinementExpander .refinementGroup {
border-top: 1px solid #666
}
#refinement-wrapper .sortOption .options .refinementGroup {
padding: 2px 0;
margin: 0
}
#refinement-wrapper .sortOption .options .refinementGroup+.refinementGroup {
border-top: 1px solid #666
}
#refinement-wrapper .sortOption .options .refinementGroup label {
display: block;
cursor: pointer
}
#refinement-wrapper .sortOption .options .refinementGroup label span {
display: block;
float: left;
width: 88%;
color: #fff;
font-size: 12px;
text-transform: capitalize
}
body.tablet #refinement-wrapper .sortOption .options .refinementGroup label span {
width: 84%;
font-size: 13px
}
#refinement-wrapper .sortOption .options .refinementGroup input[type="checkbox"] {
float: right;
cursor: pointer
}
#refinement-wrapper .sortOption .options .refinementGroup .count {
width: 16%;
float: right;
text-align: center;
background-color: #454545;
border-radius: 3px;
margin-right: 4px
}
body.mobile #refinement-wrapper .sortOption .options {
padding: 0 50px;
margin: 0 -50px 5px;
background: #fff
}
body.mobile #refinement-wrapper .sortOption .options .js-innerRefinementExpanderTrigger,
body.mobile #refinement-wrapper .sortOption .options .refinementGroup {
background-color: #eaeaea;
border: 1px solid #dedede;
border-radius: 4px;
margin-bottom: 3px;
padding: 0
}
body.mobile #refinement-wrapper .sortOption .options .refinementGroup label {
padding: 6px
}
body.mobile #refinement-wrapper .sortOption .options .refinementGroup label span {
padding-left: 10px;
text-transform: capitalize;
color: #616161;
font-weight: normal
}
body.mobile #refinement-wrapper .sortOption .options .js-innerRefinementExpanderTrigger {
padding: 6px;
text-align: center;
color: #616161;
cursor: pointer
}
body.mobile #refinement-wrapper .sortOption .options .js-innerRefinementExpanderTrigger .closed {
display: none
}
body.mobile #refinement-wrapper .sortOption .options .js-innerRefinementExpanderTrigger.collapsed .open {
display: none
}
body.mobile #refinement-wrapper .sortOption .options .js-innerRefinementExpanderTrigger.collapsed .closed {
display: block
}
body.mobile #refinement-wrapper .sortOption .options .refinementExpander {
padding: 8px 7px 3px
}
body.mobile .filterControls {
text-align: right
}
body.mobile .refinementBar {
padding: 11px 110px 0 110px;
background-color: #e9e9e9;
margin: 0 -110px 20px -110px
}
body.mobile .refinementBar.bottom {
padding: 11px 110px 11px 110px
}
body.mobile .refinementBar .sortby {
margin: 10px 0
}
body.mobile .refinementBar .button {
background: #939393;
color: #fff
}
body.mobile .refinementBar .button.active {
background: #eaeaea;
color: #464646
}
body.mobile .refinementBar .tabToggles {
padding: 12px 50px 9px;
margin: -10px -50px 0;
background-color: #ccc
}
body.mobile .refinementBar .tabToggles .clearRefinements {
color: #464646;
font-weight: bold;
position: relative
}
body.mobile .refinementBar .tabToggles .clearRefinements:after {
content: "X";
display: block;
position: absolute;
right: -18px;
width: 15px;
top: -1px;
background: #464646;
border-radius: 100%;
text-align: center;
color: #fff;
height: 15px;
line-height: 15px;
font-size: 10px
}
.tabNav a {
display: inline-block;
background-color: #f7941e;
padding: 5px 10px;
border-radius: 5px 5px 0 0;
margin-right: 5px;
text-transform: uppercase;
border: 1px solid #ccc;
border-bottom: none !important;
color: #fff;
font-family: 'Creighton-Bold';
font-size: 18px;
letter-spacing: .03rem
}
.contentTab {
display: none
}
.contentTab.active {
display: block
}
.contentResult {
padding: 20px 0;
border-top: 1px solid #000
}
.contentResult.first {
border-top: none
}
.contentResult.hidden {
display: none
}
.contentResult h2.contentResultHeader {
text-transform: uppercase;
margin: 0 0 10px 0;
display: inline-block;
font-family: 'Creighton-Bold';
font-size: 30px;
letter-spacing: .03rem
}
.contentResult .contentResultBody {
font-size: 14px;
line-height: 23px
}
.contentResult .contentResultBody .contentResultLink {
text-align: right;
margin-top: 20px
}
body#category.tablet .container .three.columns.product {
width: 31.25%
}
body#category.mobile .container .three.columns.product {
width: 47.91666667%
}
body#category .product h2 {
text-align: center;
line-height: 18px;
font-size: 16px
}
body#noSearchResults .search-term {
width: 300px;
float: left
}
.thumbnails .firstColThumb {
clear: left
}
.thumbnails .product p.name,
.thumbnails .product p.price {
font-weight: bold;
margin: 2px 0
}
.thumbnails .product p.price span.strike {
text-decoration: line-through
}
.thumbnails .product,
.thumbnails .product .productImage {
width: 100%
}
.productImage {
position: relative
}
.thumbnails .product .productImage img {
width: 100%
}
.thumbnails .product .shipping,
.thumbnails .product .productCompare {
display: none
}
.quicklook-button {
display: none;
cursor: pointer;
height: 34px;
position: absolute;
width: 124px;
left: 50%;
margin-left: -62px;
bottom: 15px
}
body.tablet .quicklook-button {
display: block
}
.quicklookMiniproduct .header {
text-align: right
}
.quicklookMiniproduct .image img {
width: 100%
}
.quicklookMiniproduct .bazaarVoice {
padding-bottom: 15px
}
.quicklookMiniproduct .product-information {
width: 368px;
display: inline-block
}
.quicklookMiniproduct .quantity_wrap label {
float: left;
padding-right: 10px;
line-height: 45px
}
.quicklookMiniproduct .addItem {
display: inline
}
.quicklookMiniproduct a.js_zoomButton {
display: none !important
}
.quicklookMiniproduct .s7fullscreenbutton {
display: none !important
}
.quicklookMiniproduct #quickLookZoomViewer #img_quickLookZoomViewer {
height: 320px
}
.quicklook-search-box .images .more-images {
width: 66px;
padding-top: 20px;
padding-left: 20px
}
.quicklookMiniproduct .description {
margin-top: 20px
}
.quicklookMiniproduct .js_shippingOptionsContainer {
margin-bottom: 15px
}
.quicklookMiniproduct .quantity_wrap {
margin-top: 5px;
display: block;
overflow: hidden
}
.quicklookMiniproduct .quantity_wrap span.qty {
padding-bottom: 20px;
display: inline-block
}
.QuickLookVariantMatrix select {
max-width: 190px
}
.VariantMatrix#product-attributes,
.QuickLookVariantMatrix#product-attributes {
padding: 20px 0 5px
}
.ensemble-products .product {
float: left;
width: 32%;
text-align: center;
margin-right: 1%;
margin-bottom: 25px
}
.productAltImages_wrap ul {
list-style-type: none;
overflow: hidden
}
.productAltImages_wrap li {
cursor: pointer
}
.bazaarVoice {
position: relative
}
.bazaarVoice .stars {
display: inline-block;
height: 15px;
width: 73px
}
.bazaarVoice .stars .avg {
background: url(/assets/images/common/stars_thumb_positive.png) no-repeat scroll 0 0 transparent;
display: block;
height: 15px;
position: absolute;
z-index: 2
}
.bazaarVoice .bv_avg {
width: 7px;
overflow: hidden;
display: inline-block;
white-space: nowrap;
line-height: 15px;
position: relative;
top: 1px
}
body.mobile .bazaarVoice .bv_avg {
top: -3px
}
.bazaarVoice .bv_out_of {
line-height: 15px;
position: relative;
top: -3px
}
.BVRRRatingSummaryHeader {
display: none
}
#BVQASummaryContainer {
position: relative;
max-width: 300px
}
#BVQASummaryContainer .BVQASummaryBoxLink {
float: none;
margin: 10px 0
}
#BVQASummaryContainer .BVQASummaryBoxQuestionAndAnswerCount {
margin-top: 15px;
margin-bottom: -6px
}
.BVRRCount {
padding-right: 10px
}
#BVQASummaryBoxID {
margin-top: 20px;
width: 300px;
text-align: center
}
body.mobile #BVQASummaryBoxID {
width: auto
}
#BVQASummaryBoxTitleID {
font-weight: bold;
margin-bottom: 2px;
position: absolute;
left: 50%;
margin-left: -50px;
width: 100px;
margin-top: -10px
}
.BVLink.BVLinkReturnToContent {
display: none
}
body.mobile #BVQASummaryBoxID {
margin: auto
}
body.mobile #BVQASummaryBoxTitleID {
margin-left: -70px
}
body.mobile #BVQASummaryContainer {
margin: 20px auto
}
body.mobile .BVRRContainer .BVDI_QTAttributes {
width: 100%;
float: none;
margin-left: 0;
display: block
}
body.mobile .BVRRContainer .BVDI_QTSummaryBox {
float: none;
width: 100%;
display: block
}
body.mobile .BVRRContainer .BVDI_QTHeaderAttributes,
body.mobile .BVRRContainer .BVDI_QTBodyAttributes {
margin-left: 0
}
body.mobile .BVDI_QT .BVDI_QTInsideFilterSummary {
margin-left: 0
}
body .BVRRContainer .BVDI_QTAttributes {
width: auto
}
body.account .item.six.columns {
margin-top: 20px
}
body.account .itemWrap>.inner {
padding: 15px
}
body.account.tablet .item.six.columns,
body.account.mobile .item.six.columns {
width: 98%
}
body.desktop.account ul.breadcrumb,
body.tablet.account ul.breadcrumb {
border-top: none
}
body.mobile.account ul.breadcrumb {
padding: 5px inherit;
margin-bottom: 10px
}
body.account ul.breadcrumb {
padding: 10px inherit
}
body.account a.returnLink {
margin-top: 20px;
margin-bottom: 20px;
display: block
}
body.account .content_wrap h1 {
margin-top: 10px
}
body.mobile.account .content_wrap h1 {
margin-bottom: 15px
}
body.mobile.account .content_wrap h1 {
font-size: 16px;
line-height: 20px;
border: none
}
body#userLogout.account .content_wrap h1 {
border: none;
margin: 0
}
body#userMain.mobile dl dd,
body#orderHistory.mobile .left-nav {
display: none
}
body#userMain.mobile dl dt {
padding: 10px 0
}
body.account h1 {
clear: both
}
body#userMain dl dd {
padding-bottom: 10px
}
body#userMain dl dt {
padding-top: 10px
}
.displayTable #creditCardExpiration {
margin-right: 10px
}
body#manageRewards .points,
body#manageRewards .rewards {
margin: 10px 0 30px 0
}
body#manageRewards.tablet .points .three.columns.actual,
body#manageRewards.tablet .points .three.columns {
display: block;
width: 100%;
margin-left: 0;
margin-right: 0
}
body#manageRewards .points .heading,
body#manageRewards .rewards .heading {
display: block;
font-weight: bold
}
body#manageRewards #ManageRewards-Area1 {
margin-bottom: 20px
}
body#manageRewards.mobile .rewards .balance.columns,
body#manageRewards.mobile .rewards .expires.columns {
width: 45%
}
body#orderHistory h2 {
display: inline
}
body#orderHistory .orders {
margin-bottom: 10px;
padding-bottom: 10px
}
body#orderHistory div.orders-heading {
margin-bottom: 10px
}
body#orderHistory.mobile div.orders-heading>.columns {
display: none
}
body#orderHistory .orders button,
body#orderHistory .orders input {
white-space: normal
}
body#orderHistory .pagination.top {
float: none
}
body#orderHistory .orders p {
margin-bottom: 0
}
body#orderHistory.mobile .orders .two.columns {
margin-bottom: 10px
}
body#orderHistory.mobile .mobile-order-layout>div:nth-of-type(1) {
display: inline-block;
float: left;
width: 66%
}
body#orderHistory.mobile .mobile-order-layout>div:nth-of-type(2) {
display: inline-block;
float: left;
width: 33%
}
body#orderHistory.mobile .mobile-order-layout p {
float: left;
width: 50%
}
body#orderHistory.mobile .display-mobile.strong {
width: 40%;
float: left
}
body#orderHistory.mobile .detail {
float: right;
width: 55%
}
body#orderHistory .detail span {
display: block;
font-weight: bold
}
body.account .btn-group {
margin: 10px 0;
position: relative;
display: inline-block;
vertical-align: middle
}
body#orderHistory.account .btn-group {
margin: 0
}
body.account .btn-group>button,
body.account .btn-group>input[type="button"],
body.account .btn-group>input[type="submit"] {
position: relative;
float: left;
margin-left: 5px
}
body.account .btn-group>button:first-child,
body.account .btn-group>input[type="button"]:first-child,
body.account .btn-group>input[type="submit"]:first-child {
margin-left: 0
}
body.mobile.account .buttonRow button,
body.mobile.account .buttonRow input {
width: 100%
}
body.mobile.account .buttonRow button.secondary,
body.mobile.account .buttonRow input {
margin: 10px 0 0 0
}
.summaryProductImage {
border: 1px solid #ccc;
max-width: 100%
}
body#orderDetail .headings {
border-bottom: 0
}
body#orderDetail .productImage {
border: none
}
body#orderDetail .headings.table {
padding-top: 10px;
border-bottom: none
}
body#orderDetail .headings .columns.last,
body#orderDetail .item .columns.last {
text-align: right
}
body#orderDetail .item {
padding: 10px 0;
margin: 0 0 10px 0
}
body#personalInfo.account form {
margin: 0
}
body#personalInfo .displayTable.birthdate {
display: inline-block;
padding-bottom: 10px;
margin-bottom: 10px
}
body#personalInfo .displayTable.birthdate p {
padding: 10px
}
body#personalInfo .displayTable.birthdate .type_birthMonth {
padding-left: 10px
}
body#addressBook .buttonRow.bottom input,
body#wishlist.account .buttonRow.bottom input,
body#changeEmailPass.account .buttonRow button,
body#personalInfo.account .buttonRow input {
width: auto;
margin-bottom: 8px
}
.common-print {
display: inline
}
body.mobile .common-print {
display: none
}
body#userLogin .display-login {
display: none
}
body#userLogin.mobile div.sign-in-form {
display: block
}
body#userLogin.mobile a.register-form,
body#userLogin.mobile .registeractive div.sign-in-form,
body#userLogin.mobile .registeractive a.sign-in-form {
display: none
}
body#userLogin.mobile .registeractive div.register-form,
body#userLogin.mobile .registeractive a.register-form {
display: block
}
body#userLogin ul.benefits {
margin: 7px 0 10px 15px
}
body#userLogin ul.benefits li {
margin-bottom: 10px
}
#panelPayment .fieldsetContent input[type="button"] {
margin: 0
}
ul.nav-links {
width: 100px;
float: right
}
.searchButton {
cursor: pointer;
float: right;
margin: 0
}
li.search {
cursor: pointer
}
#QAS_Dialog a,
#QAS_Dialog a:visited {
text-decoration: underline
}
#QAS_Dialog .or {
padding-right: 35px
}
#QAS_Dialog .QAS_ShowPick {
font-weight: bold
}
.address span.name,
.address span.address1,
.address span.address2,
.address span.phone,
.address span.addphone,
.address span.email,
.address span.apartment,
.address span.change,
.address span.instorepickup,
.address span.citystatezip {
display: block
}
.address span.state {
padding: 0 1px
}
#panelSummary span.heading {
font-weight: bold;
padding-top: 5px;
display: block;
clear: both
}
#panelSummary span.shipping_address {
display: block
}
body.tablet .panelComplete .address span,
body.mobile .panelComplete .address span {
display: inline-block
}
#storeLocator input#searchZipCode,
#storeLocator input#cityStateZip {
width: 280px;
margin-right: 10px
}
#storeLocator.tablet input#searchZipCode,
#storeLocator.tablet input#cityStateZip {
width: 210px
}
#columnMap #map {
height: 400px;
width: 100%;
margin-bottom: 25px
}
body.mobile#columnMap #map {
height: 300px;
margin-bottom: 15px
}
.storeWrap .storeLink {
position: absolute;
top: 0;
right: 0
}
.store-details {
position: relative;
margin-bottom: 15px
}
.store-details button {
margin-top: 10px
}
.store-details .closestStores {
list-style: none
}
#storeLocator .container .six.columns.cms {
margin-bottom: 15px
}
#storeLocatorLayer h3 {
margin-bottom: 14px
}
#storeLocatorLayer input#searchZipCode {
width: 70%
}
#storeLocatorLayer .productImage {
border-bottom: none
}
body.mobile #storeLocatorLayer input#searchZipCode,
body.tablet #storeLocatorLayer input#searchZipCode {
width: 100%
}
#storeLayerResultsTable {
margin-top: 20px
}
#storeLayerResultsTable .resultStore {
padding-bottom: 5px;
margin-bottom: 10px;
border-bottom: 1px solid #444
}
#universalcart {
padding: 10px 0 0 0;
display: none;
position: absolute;
border: 0;
top: 97px;
right: 0;
z-index: 1000;
width: 450px;
background-color: #fff;
text-align: left
}
body.mobile #universalcart {
width: 100%
}
#universalcart .inner.count {
padding: 5px 15px 15px 15px
}
#universalcart #ifr {
position: absolute;
z-index: -1;
top: 0
}
#universalcart .item a.itemImage {
float: left
}
#universalcart #totals {
text-align: right
}
#universalcart #totals .amount {
padding: 0 0 0 5px
}
#universalcart #totals .text-total {
text-align: right;
font-weight: bold;
padding-top: 5px;
float: left
}
#universalcart #totals .amount-total {
font-weight: bold;
text-align: right;
padding: 5px 0 0 5px;
float: right;
overflow: hidden
}
#universalcart #totals a.button {
float: right
}
#universalcart .productImage {
float: left;
margin-right: 10px;
border-bottom: none
}
#universalcart .productImage img {
overflow: hidden;
display: block
}
#universalcart .productInfo {
padding-left: 94px
}
#universalcart .productInfo .name,
#universalcart .productInfo .color,
#universalcart .productInfo .links {
display: block
}
#universalcart .productInfo .total .strike {
text-decoration: line-through
}
#universalcart .actionLinks {
margin-top: 15px
}
#ifr {
position: absolute;
z-index: -1;
top: 0;
left: 7px
}
#universalcart .close {
position: absolute;
top: 10px;
right: 10px
}
#universalcart .inner.scroll {
height: 228px
}
#universalcart ul.scroll {
max-height: 300px
}
#universalcart .content {
width: 100%;
margin: 0 auto 0 auto;
position: relative;
padding: 10px
}
#universalcart a.button {
width: 100%;
padding: 15px 0;
text-align: center
}
#universalcart .totals {
padding: 15px
}
#universalcart .totals a {
float: left
}
#universalcart .totals span {
float: right;
text-align: right
}
#universalcart .close span {
display: none
}
#universalcart #itemCount {
margin-bottom: 10px;
padding-bottom: 15px
}
.pagination.top,
.pagination.bottom {
float: right;
clear: both;
text-align: right;
margin: 20px 0
}
.pagination.top {
padding-bottom: 10px;
margin: 10px 0 0 0
}
.pagination .text a {
font-weight: bold;
border-right: 1px solid #333;
margin-right: 10px;
padding: 5px 10px 5px 0
}
body.mobile .pagination.top {
float: none
}
.pagination.bottom {
text-align: center
}
body.mobile .pagination.bottom {
float: none;
text-align: right
}
.pagination.bottom .pagination {
float: right;
text-align: right;
padding-bottom: 20px
}
.pagination.bottom .pagination .fl label,
.pagination.bottom .pagination .fl select,
.pagination.top .pagination .fl label,
.pagination.top .pagination .fl select {
float: left;
margin-right: 8px
}
.sortby select,
.sortby label,
.viewCurrentItems label,
#viewPageChoice,
.pagination-page,
.pagination-previous,
.pagination-next {
display: inline-block;
margin: 0 4px;
vertical-align: middle
}
body.mobile .sortby select,
body.mobile .sortby label,
body.mobile .viewCurrentItems label,
body.mobile .pagination-previous,
body.mobile .pagination-next {
margin: 0 5px
}
body.mobile #viewPageChoice,
body.mobile .pagination-page {
margin: 0 2px
}
body.mobile .sortby label {
width: 18%
}
body.mobile .sortby select {
width: 65%
}
body.mobile .pagination-next,
body.mobile .pagination-previous {
margin-top: -2px
}
body.mobile .viewCurrentItems {
float: left
}
body.tablet .viewCurrentItems label {
text-align: left;
line-height: 30px;
font-weight: normal
}
#viewPageChoice,
.pagination-page select {
margin-bottom: 1px;
width: 130px;
float: left;
margin-right: 3px
}
.pagination-page .ofTotalPages {
margin-top: 1px;
display: inline-block
}
body.mobile #viewPageChoice {
width: 100px
}
body.mobile .pagination-page select {
width: 77px
}
body.desktop #viewPageChoice,
body.tablet .pagination-page select {
width: auto
}
body.desktop #viewPageChoice {
margin-right: 50px
}
body.mobile .pagination-page {
text-align: center
}
.pagination-next-enabled a,
.pagination-previous-enabled a {
height: 100%;
display: block
}
.pagination-previous-disabled,
.pagination-next-disabled {
cursor: default
}
span.viewCurrentItems label {
float: left;
margin-top: 2px
}
body.mobile .pagination.bottom .pagination-previous,
body.mobile .pagination.bottom .pagination-next,
body.mobile .pagination.bottom .pagination-page {
display: inline-block
}
body.mobile .content_wrap .paginationMobile {
display: none
}
body.mobile .content_wrap .paginationMobile.bottom {
display: block
}
ul.breadcrumb li {
display: inline-block
}
ul.breadcrumb li.delim {
margin: 0 5px
}
ul.breadcrumb li.delim.first {
margin: 0
}
body.tablet .breadcrumb ul.breadcrumb {
display: inline
}
body.mobile ul.breadcrumb li.delim {
margin-right: 0
}
body.mobile .breadcrumb .delim.first {
display: inline
}
body.mobile .breadcrumb li:nth-last-child(3),
body.mobile .breadcrumb span.display-mobile {
line-height: 18px
}
body.mobile ul#categoryBreadcrumb li {
display: none
}
body.mobile ul#categoryBreadcrumb li.secondToLast {
display: inline
}
body.mobile ul#categoryBreadcrumb li#homepageLink {
display: inline
}
ul.product-variant-swatches {
display: inline
}
ul.swatchList li.swatch {
width: 25px;
height: 25px;
display: inline-block;
background: no-repeat scroll center center transparent
}
ul.swatchList li.swatch.viewMore a {
position: relative;
overflow: hidden;
width: 25px;
display: block;
height: 25px
}
ul.swatchList li.swatch.viewMore a span {
display: none
}
ul.swatchList li.swatch.viewMore a:before,
ul.swatchList li.swatch.viewMore a:after {
content: '';
height: 5px;
width: 18px;
display: block;
background: #ef7561;
position: absolute;
top: 9px;
left: 3px
}
ul.swatchList li.swatch.viewMore a:after {
height: 18px;
width: 5px;
top: 3px;
left: 9px
}
.jspTrack {
background: #eee;
position: relative
}
.jspArrow.jspDisabled {
background: #80808d
}
.jspCorner {
background: #eeeef4
}
.jspDrag {
background: #cfcfcf url('/assets/images/common/demo/ucart_slider.png') no-repeat center center
}
.s7container {
min-height: 50px
}
.s7container[mode="fullscreen"] {
z-index: 99 !important
}
body#product .s7basiczoomviewer>.s7container,
body#product .s7basiczoomviewer canvas {
width: auto !important
}
body#product .breadcrumb,
body#ensemble .breadcrumb {
display: inline
}
body#product .browse-container,
body#ensemble .browse-container {
float: right;
display: inline
}
body#product .quantity_wrap {
float: none;
margin-bottom: 15px
}
body#product .quantity_wrap,
body#ensemble .quantity_wrap {
padding-right: 15px;
height: auto;
clear: both
}
body#product .quantity_wrap label,
body#ensemble .quantity_wrap label {
margin-right: 3px
}
.product-description ul,
.product-description ol {
padding-left: 1.2em
}
body#product .product-description {
margin-bottom: 10px;
margin-top: 10px
}
body#product .description-container-gc .quantity_wrap {
padding-right: 15px;
height: auto
}
body#product .quantity_wrap,
body#product .quantity_wrap label,
body#product .quantity_wrap input,
body#ensemble .quantity_wrap,
body#ensemble .quantity_wrap label {
float: left
}
body#product .description-container-gc .quantity_wrap,
body#product .description-container-gc .quantity_wrap label {
float: none
}
body#product .js_shippingOptionsContainer {
padding: 10px 0;
margin-bottom: 20px
}
body#product .js_shippingOptionsContainer>div {
margin: 5px 0
}
body#product .js_shippingOptionsContainer .common-message,
#cboxContent .js_shippingOptionsContainer .common-message {
padding-left: 5px;
text-transform: capitalize
}
.description-container-gc #product-attributes .variant label {
visibility: visible
}
body#product .viewDetails {
display: block;
margin-bottom: 5px
}
body#ensemble #reactionsDiv_gig_containerParent .product {
float: left;
width: 31.25%;
margin-left: 1.04166667%;
margin-right: 1.04166667%
}
body#ensemble .VariantMatrix {
padding-top: 20px
}
body#ensemble .bv_revnum {
display: none
}
body#ensemble .product {
height: auto;
margin: 20px 0
}
.gig-feed {
margin-top: 20px
}
body#product #activityFeed {
height: 194px !important;
width: auto !important;
overflow-y: scroll
}
.productImage_wrap .productAltImages_wrap li {
float: left;
width: 13.6%;
margin: 1.5%;
cursor: pointer
}
.productAltImages_wrap .video {
position: relative
}
.productAltImages_wrap .videoIcon.img,
.productAltImages_wrap .videoIcon.play_button {
top: 0;
left: 0
}
.productAltImages_wrap .videoIcon {
width: 38px;
height: 38px;
border: 2px solid rgba(0, 0, 0, 0.7);
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
margin: -19px 0 0 -19px;
top: 50%;
left: 50%;
position: absolute;
background-color: rgba(255, 255, 255, 0.8);
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
-ms-transition: all .5s ease;
transition: all .5s ease;
cursor: pointer
}
.productAltImages_wrap .videoIcon:hover {
border-color: transparent;
-webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2)
}
.productAltImages_wrap .videoIcon:hover .play_button {
border-left: 10px solid rgba(0, 0, 0, 0.5)
}
.productAltImages_wrap .play_button {
position: relative;
top: 8px;
left: 40%;
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid rgba(0, 0, 0, 0.8)
}
#product .resp-tab-item a {
text-decoration: none
}
body#product .BVRRRatingsHistogramButton {
display: inline-block
}
body#product .BVRRRatingSummaryLinks {
clear: none
}
body#ensemble .image-container canvas,
body#ensemble .image-container .s7container {
max-height: 450px
}
.image-container {
position: relative;
margin-bottom: 10px
}
#ensemble .image-container.twelve {
border-top: 1px solid #dbdbdb;
border-bottom: 3px solid #dbdbdb;
padding: 15px 0;
margin-bottom: 15px
}
body#product.mobile .image-container {
min-height: 400px
}
.image-container .productImage {
text-align: center
}
.productVariant_wrap .label {
display: inline-block;
font-weight: bold
}
.readOnlyVariantLabel {
clear: both;
padding: 5px 0
}
.description-container .js_inventoryMessage span.js_inventoryMessageLabel {
font-weight: bold !important
}
#product-attributes:not(.donation-product) .variant label {
visibility: hidden
}
.order-sm-inner-box {
padding: 5px;
margin: 5px;
background-color: #f2f2f2;
display: inline-block;
text-align: center
}
.order-sm-inner-box-heading {
margin: 5px 0;
color: #555;
font-weight: bold
}
.common-sm-form-table {
background-color: #f8f9ef
}
#activityFeed_top table {
float: left
}
.share a,
.email-a-friend a {
height: 35px;
padding: 4px 10px 5px 25px;
line-height: 28px;
text-transform: uppercase;
width: 59px;
margin-right: 5px
}
.share,
.email-a-friend,
.facebook-like {
display: inline-block
}
.facebook-like {
margin-right: 15px;
margin-top: 3px
}
.js_mainImage {
max-width: 100%;
margin: auto
}
.tip {
display: none
}
.formFieldContainer .tip {
display: inline
}
.formFieldContainer .tip ul {
margin: 0 !important;
padding: 0 15px !important
}
.formFieldContainer .tip ul li {
text-indent: -0.3em;
list-style-type: disc;
display: list-item !important
}
#product #ProductImage,
#product #Social {
text-align: center
}
#product #accordion h3.first {
border-top: 0 solid #000
}
#product .filmstrip_wrap li {
border-top: 1px solid #000
}
.loader {
padding: 50px 0
}
.loader img {
display: block;
margin: 0 auto
}
#product-details.socialTemplate #activityFeed {
float: left;
margin-bottom: 15px
}
#product-details.socialTemplate .description-container {
margin-top: 5px;
width: 600px
}
#product-details.socialTemplate .description-container .product-variant {
clear: both;
float: left;
width: 603px
}
#product-details.socialTemplate .description-container .variant .showSwatches {
display: block;
float: left;
min-height: 60px;
position: relative;
width: 140px
}
#product-details.socialTemplate .description-container .showSwatches .labelFieldWrapper {
bottom: 0;
display: block;
float: left;
position: absolute;
width: 140px
}
#product-details.socialTemplate .description-container .showSwatches .VariantDropdownWithSwatchList {
bottom: 30px;
position: absolute
}
#product-details.socialTemplate .quantity_wrap {
clear: both;
float: left;
padding-right: 20px
}
#product-details.socialTemplate a.add-to-wish-list {
float: left
}
#product-details.socialTemplate .tab_wrap .tabUL {
clear: both
}
#product-details.socialTemplate .related_tab_wrap .heading-text {
text-transform: capitalize
}
#product-details.socialTemplate .altImageLabel {
font-weight: bold;
margin: .5em 0
}
#product-details.socialTemplate .productAltImages {
padding: 0
}
#product-details.socialTemplate .productAltImages ul li {
margin: 0 5px 0 0
}
#product-details.socialTemplate .productAltImages ul li.active {
border-width: 2px
}
#product-details.socialTemplate .priceText {
clear: both;
float: left
}
.related_tab_wrap .filmstrip {
position: relative;
margin: 10px auto
}
#panelEditItem.panelContentWrap .description {
padding: 10px;
clear: both;
margin: 10px
}
#panelEditItem .images,
#panelEditItem .description {
padding: 0;
display: block
}
#BVRRSummaryContainer,
#BVQASummaryContainer {
display: block;
*clear: both
}
body.mobile #BVRRSummaryContainer .BVRRRatingsHistogramButton,
body.tablet #BVRRSummaryContainer .BVRRRatingsHistogramButton {
display: none
}
.BVRRRatingSummaryLink .BVRRRatingSummaryLinkWriteFirst {
float: left
}
.BVRRRatingSummaryLinkWriteFirst {
white-space: nowrap
}
.starRating {
clear: both
}
.starRating .BVQASummaryBoxView a {
text-decoration: underline
}
body.mobile#product .breadcrumb,
body.mobile#ensemble .breadcrumb {
display: inline-block
}
body.mobile .zoomButton {
display: none
}
body.mobile .productAltImages_wrap {
margin: 0 20px
}
.productImage_wrap .productAltImages_wrap li {
margin: 5px
}
.share-container {
margin: 10px 0;
text-align: center
}
body.mobile .share-container {
padding: 10px 0;
margin: 20px 0 25px 0
}
#productDetailTabs {
margin-top: 10px;
padding-top: 10px
}
#productDetailTabs .resp-tabs-container ul {
list-style-position: inside;
padding-left: 1em;
text-indent: -1em
}
body.mobile #productDetailTabs {
border-top: none
}
body.mobile .resp-arrow {
width: 0;
height: 0;
float: right;
margin-top: 8px;
border-left: 8px solid transparent;
border-right: 8px solid transparent
}
body.mobile h2.resp-tab-active span.resp-arrow,
body.mobile h2.accordion-active span.resp-arrow {
border-left: 8px solid transparent;
border-right: 8px solid transparent
}
body.mobile h2.resp-accordion,
body.mobile h2.accordion-header {
font-size: 13px;
padding: 0 15px;
min-height: 50px;
height: auto;
line-height: 50px;
color: #999;
cursor: pointer;
font-weight: normal;
background: #f9f9f9
}
body.mobile h2.resp-accordion.resp-tab-active,
body.mobile h2.accordion-header.accordion-active {
color: #000;
font-weight: bold
}
body#ensemble.mobile .product-container .accordion-header .resp-arrow {
position: absolute;
right: 10px;
margin-top: 5px
}
body#ensemble.mobile .product-container .accordion-header {
line-height: 20px;
overflow: hidden;
padding: 10px 20px
}
body#ensemble.mobile .description-container.active {
padding: 20px
}
body.mobile .resp-vtabs .resp-tab-content,
body.mobile h2.resp-accordion {
border-right: none;
border-left: none
}
body.mobile#product .related-items {
margin-top: 0;
border: none
}
body.mobile .related-items h2,
body.mobile .recently-viewed h2 {
line-height: 31px;
padding-left: 10px;
margin-top: 20px
}
body.mobile#product .browse-container,
body.mobile#ensemble .browse-container {
margin-right: 10px;
padding-top: 2px
}
body.mobile .back-to {
margin-left: 10px;
margin-top: 10px
}
body.mobile .product-container {
margin-top: 10px
}
body.mobile#product .breadcrumb,
body.mobile#ensemble .breadcrumb {
margin-bottom: 0;
margin-left: 10px
}
body.mobile#product .content_wrap,
body.mobile#ensemble .content_wrap {
position: relative
}
body.mobile#ensemble .productImage {
border: none
}
body.mobile#ensemble .image-container {
position: relative
}
body.mobile#ensemble .ensemble-items .product-container {
padding-top: 0
}
body.mobile#ensemble .accordion-title {
padding-left: 10px;
padding-top: 0;
display: block;
float: left;
width: 70%
}
body.mobile#ensemble .description-container .product {
width: 47.91666667%;
margin-left: 1.04166667%;
margin-right: 1.04166667%;
float: left;
display: inline
}
body.mobile#ensemble #reactionsDiv {
margin: 0 28px
}
body#ensemble.mobile .zoomButton {
display: none
}
body#ensemble.mobile .ensemble-items .js_mainImage {
width: 45px;
height: 45px;
float: left;
padding-left: 15px;
padding-top: 2px
}
body#ensemble #reactionsDiv_gig_containerParent .owl-item .product {
float: none;
width: auto
}
body#GiftCardsandElectronicGiftCertificates.mobile a.check-balance {
display: block
}
body#orderFromCatalog #product-attributes {
border: none;
padding: 0
}
body#orderFromCatalog .js_shippingOptionsContainer {
padding: 10px 0
}
body#orderFromCatalog .quantity_wrap {
width: 115px;
float: left;
margin-top: 10px
}
.quantity_wrap input {
width: 35px;
text-align: center;
height: 30px
}
input#itemNumber {
width: 200px;
display: inline-block
}
body.mobile .js_mainImage {
width: 100%;
height: auto
}
body.mobile .type_compareItem {
display: none
}
.openAjaxLayer {
font-weight: bold
}
.links .openAjaxLayer {
font-weight: normal
}
.orderSummary dl {
padding: 0 15px;
font-weight: bold;
font-size: 12px
}
body.mobile .orderSummary dl {
padding: 0 15px 0 15px
}
.orderSummary dl dt.sm_marginBtm {
margin-bottom: 2px
}
.orderSummary dt {
float: left;
clear: both;
padding-bottom: 20px;
line-height: 1
}
.orderTotalAndButtons .orderSummary dt {
width: 200px
}
.orderSummary dd {
float: right;
padding-bottom: 16px;
line-height: 1
}
.orderSummary select {
margin-top: -8px;
margin-bottom: 0
}
.orderSummary dl.grandTotal dt,
.orderSummary dl.grandTotal dd {
padding-bottom: 0
}
.orderSummary p#finalShippingAndTax {
font-size: 11px;
text-align: right;
margin: 12px 0 20px
}
body#basket div.breadcrumb ul.breadcrumb {
float: left
}
body#basket div.breadcrumb ul#categoryBreadcrumb li {
display: none
}
body#basket div.breadcrumb ul#categoryBreadcrumb li.secondToLast {
display: inline
}
body#basket div.breadcrumb ul#categoryBreadcrumb li#homepageLink {
display: inline
}
body#basket #basketTop {
padding-top: 15px;
position: relative
}
body#basket h1 {
margin-bottom: 2px
}
body#basket #emptyBasket h3 {
margin-bottom: 10px
}
body#basket #basketTop #basketTopContentWrapper {
float: right
}
body#basket #shoppingCartID {
font-size: 10px
}
body#basket #shoppingCartID .value {
margin-right: 10px
}
body.mobile .mobileDisplay.actionButtons button {
width: 100%;
padding: 15px 0;
margin: 0
}
body#basket .headings {
margin-top: 15px
}
body#basket .headings .heading-cell {
padding: 12px 0
}
body#basket .headings .heading-cell.first {
width: 32%
}
body#basket .headings .heading-cell.price {
width: 10%
}
body#basket .headings .heading-cell.last {
width: 10%
}
body#basket .items {
margin-bottom: 10px
}
body#basket .item {
margin-top: 15px
}
body#basket .item .item-cell.productDetails {
width: 52%
}
body#basket .item .item-cell.price {
width: 8%
}
body#basket .item .item-cell.qty {
width: 6%;
padding-left: 8px
}
body#basket .item .item-cell.last {
width: 7%
}
body#basket .item .item-cell h5.productName {
margin-bottom: 10px
}
body#basket.mobile .item {
margin-top: 15px
}
body#basket.mobile .item .item-cell {
padding-bottom: 10px
}
body#basket.mobile .item .item-cell.productDetails {
width: 65%;
float: left
}
body#basket.mobile .item .item-cell.price {
width: 65%
}
body#basket.mobile .item .item-cell.qty {
width: 65%;
padding-left: 0
}
body#basket.mobile .item .item-cell.last {
width: 65%
}
body#basket.mobile .item .item-cell h5.productName {
margin-bottom: 10px;
font-size: 13px
}
body#basket .items .item:last-child {
margin-bottom: 0;
border-bottom: 0
}
body#basket .editLinks {
margin-bottom: 15px
}
body#basket .editLinks a {
display: inline;
margin: 0
}
body#basket #product-attributes div.variant select {
margin: 0
}
body#basket #donate-promo-summary-wrapper {
padding: 20px 0 10px 0;
margin-top: -11px
}
body#basket #donate-promo-summary-wrapper #donate {
margin-bottom: 20px
}
body#basket #donate-promo-summary-wrapper #product-attributes {
margin-bottom: 0
}
body#basket #donate-promo-summary-wrapper #product-attributes div.variant {
padding-bottom: 0
}
body#basket .actionButtons {
margin-right: 15px
}
body#basket .actionButtons .checkoutButton {
margin-bottom: 12px;
padding: 10px 13px;
display: block
}
body#basket .actionButtons .paypalButton {
margin-bottom: 12px
}
body#basket #basketBottomOrderSummary {
width: 310px;
float: right;
margin-right: 0
}
body#basket #basketBottomOrderSummary .actionButtons .checkoutButton {
float: right;
display: block;
font-size: 20px
}
body#basket #basketBottomOrderSummary .actionButtons .paypalButton {
float: right
}
body#basket.mobile #basketBottomOrderSummary .actionButtons .checkoutButton {
float: none;
width: 100%
}
body#basket.mobile .cartButtonsWrapper {
display: none
}
body#basket .actionButtons.mobileDisplay {
display: none
}
body#basket .orText {
display: inline;
width: 30px;
text-align: center;
margin: 5px 10px
}
body#basket.tablet .orText {
margin: 5px 0
}
body#basket .paypalExpress {
margin-top: 5px
}
body#basket .paypalExpress.disabled img {
cursor: default
}
body#basket .paypal-message {
margin: 10px 0
}
body#basket .paypal-message span {
text-align: left
}
body#basket .paypal-message img {
margin-right: 10px
}
body#basket .storePickup {
padding: 15px;
margin-bottom: 15px
}
body#basket .storePickup .js_status {
margin-left: 5px;
padding-left: 5px
}
body#basket .headings,
body#orderDetail .headings {
margin-bottom: 10px
}
.checkout-basket {
float: left
}
ul.promomsgbox {
list-style-type: none;
font-weight: bold
}
.ql .promomsgbox {
margin-bottom: 5px
}
.paypalExpress {
cursor: pointer
}
#basket h1 {
clear: both
}
#basket .header-cell {
font-weight: bold;
text-transform: uppercase
}
#basket .item .display-price {
display: block
}
#basket .last {
text-align: right
}
#basket .value select {
width: auto;
max-width: 200px;
float: right
}
#basket #promoCode {
width: 150px
}
#basket #promocodeblock label {
display: inline
}
#basket #promocodeblock label.placeholder {
margin-left: 0
}
.notMobile#basket dt.estimatedShipping {
margin-bottom: 5px;
padding-bottom: 0
}
.notMobile#basket dt.estimatedShipping p {
margin: 0
}
.notMobile#basket dd.estimatedShipping select {
float: none;
width: 100%;
max-width: 100%
}
#basket .estimateShippingArrival {
margin-left: 15px
}
#basket .estimateShippingArrival p:first-child {
margin-bottom: -2px;
font-weight: bold
}
#basket .estimateShippingArrival #estimatedZipCode {
width: 256px
}
.mobile#basket .estimateShippingArrival {
margin-left: 0
}
.mobile#basket .estimateShippingArrival #estimatedZipCode {
width: 70%
}
.mobile#basket .estimateShippingArrival input.buttonWithInputField {
width: 26%;
margin-left: 4%
}
.mobile#basket .item .display-price {
display: inline-block
}
.mobile#basket .estimatedShipping {
margin-left: 0
}
body#basket .js_shippingOptionsContainer {
border-bottom: none;
clear: both;
border-top: none;
line-height: 24px;
padding: 0
}
body#basket .paypal-message {
clear: both
}
body#basket .storeName {
font-weight: bold;
margin-top: 10px
}
body#basket .showhidetoggle {
display: block
}
body#basket .productImage {
border-bottom: none
}
body#basket .productImage img {
width: 100%
}
body#basket .productDetails a {
font-weight: bold
}
body#basket dl .total {
font-size: 16px;
font-weight: bold;
line-height: 30px
}
body#basket .storePickup h5 a {
text-transform: none
}
body#basket .showhide {
display: none
}
body#basket .orderTotalAndButtons {
padding-top: 10px
}
.basketLayerWithItems h1 {
margin-bottom: 10px !important
}
.basketLayerWithItems .col1 {
float: left;
width: 30%;
padding-right: 15px
}
.basketLayerWithItems .col2 {
float: left;
width: 70%
}
.basketLayerWithItems .productName {
padding-top: 25px;
margin-bottom: 5px
}
.basketLayerWithItems hr {
clear: both
}
.basketLayerWithItems #deliveryDateCalculator.basketLayerWithItems .deliveryEstimate {
padding-top: 20px;
font-size: 140%;
font-weight: bold
}
.basketLayerWithItems #deliveryDateCalculator.basketLayerWithItems .deliveryEstimate hr {
border-width: 4px 0 0 0
}
body.mobile#basket h1 {
font-size: 22px
}
body.mobile#basket #basketTopNotificationsWrapper p.shoppingCartID {
margin-bottom: 20px
}
body#basket.mobile input#promoCode {
width: 60%
}
body#basket.mobile .estimatedShipping #estimatedZipCode {
width: 60%
}
body.mobile#orderDetail .item .productImage,
body.mobile#basket .item .productImage {
float: left;
display: inline-block;
width: 30%
}
body.mobile#orderDetail .productDetails,
body.mobile#orderDetail .productPrice,
body.mobile#orderDetail .productQty,
body.mobile#basket .productDetails {
float: right;
display: inline-block;
width: 60%
}
body#basket.mobile #promoCode {
margin-bottom: 20px
}
body#basket.mobile #basketBottomOrderSummary {
width: 100%;
float: right
}
body#basket.mobile #basketBottomOrderSummary .actionButtons {
text-align: center;
margin-left: 15px
}
body#basket.mobile #basketBottomOrderSummary p#finalShippingAndTax {
text-align: left
}
body#basket.mobile #basketBottomOrderSummary .paypalButton {
float: none
}
body#basket.mobile .actionButtons.mobileDisplay {
display: block;
margin: 20px 0 0;
padding-bottom: 20px
}
body#basket.mobile .orText {
display: block;
width: auto
}
body#basket.mobile .item {
margin-bottom: 0
}
body#basket.mobile .editLinks a,
body#basket.mobile .editLinks button {
margin: 0 0 5px 0;
padding: 12px 0;
font-size: 11px
}
body#basket.mobile .item .editLinks span {
padding: 0 8px
}
body#basket.mobile .last {
text-align: left
}
body#basket.mobile .paypal-message {
margin-top: 10px;
display: block
}
body#basket.mobile .storePickup {
padding: 8px 0
}
body#basket.mobile .headings,
body#orderDetail.mobile .headings {
display: none
}
body.mobile .paypalExpress {
display: block;
float: none;
text-align: center
}
body#basket.mobile .value select {
width: 100%;
float: none
}
body.mobile .back-one-level {
display: inline-block;
float: left
}
body.mobile .back-one-level {
display: inline;
float: none
}
body#basket.mobile .breadcrumb {
margin-bottom: 0
}
body#basket.mobile .breadcrumb .crumb {
margin-bottom: 0
}
body#basket.mobile .showhidetoggle {
display: none
}
body#basket.mobile .js_shippingOptionsContainer {
line-height: 25px;
padding: 10px 0;
margin-bottom: 20px
}
body#orderDetail.mobile .productTotal {
font-weight: bold;
padding: 10px 0 5px 0;
display: block
}
body#basket.mobile div.breadcrumb {
padding-bottom: 10px
}
body#basket.mobile .showhide {
display: inline-block
}
body.tablet#basket .editLinks {
float: left;
clear: both;
display: block
}
body.tablet#basket .js_shippingOptionsContainer {
display: block
}
body#basket.tablet .actionButtons {
float: right
}
body#basket.tablet .productImage img {
max-width: 100%
}
body#basket #emptyBasket #donate {
margin: 10px 0
}
#internationalCheckoutLayer .buttonRow {
text-align: center;
margin-top: 20px
}
#internationalCheckoutLayer .buttonRow #layer_close_button {
display: inline-block;
margin-bottom: 20px;
margin-right: 20px
}
#internationalCheckoutLayer .buttonRow #bongoCartButton {
display: inline-block
}
#checkout .header {
float: left
}
.order-information {
margin: 15px 0;
padding: 0
}
.order-information .heading {
font-weight: bold;
padding: 10px;
text-align: left;
clear: both
}
.order-information .shipping-info-container {
margin: 5px;
padding: 10px 0;
word-wrap: break-word
}
body.mobile .order-information .shipping-info-container {
padding: 5px 10px
}
body.mobile .order-information .shipping-info-container p {
margin-bottom: 0
}
body#orderDetail .cancelOrder {
margin: 20px 0
}
body#orderDetail .cancelOrder span {
padding-left: 10px
}
body.tablet#orderDetail .box.billing.columns.four {
width: 47.91666667%
}
body.tablet#orderDetail .box.payment.columns.four {
width: 47.91666667%
}
body.tablet#orderDetail .box.summary.columns.four {
width: 97.91666667%
}
dl.summary dt {
float: left;
text-align: left;
clear: left;
width: 60%
}
dl.summary dd {
float: left;
text-align: right;
width: 40%
}
#panelReceipt h2 {
margin-bottom: 15px
}
#panelReceipt h2 a.printLink {
float: right;
height: 30px;
margin: -10px 0 0 0;
padding: 10px
}
#panelReceipt h2 a.printLink,
.panelComplete h2 a.editLink {
text-transform: uppercase;
text-decoration: none
}
#panelReceipt .col2 h5 {
margin-bottom: 0
}
.printlink {
display: block
}
#ajaxErrorLayer {
padding: 10px
}
.panelErrorMessage {
margin: 10px 0 5px 15px
}
body.checkout .requiredFieldText {
display: inline-block;
padding: 2px 0 0 15px;
font-size: 12px
}
#checkoutTop h1 {
margin-bottom: 15px;
display: inline-block
}
body.mobile #checkoutTop h1 {
margin-bottom: 10px
}
body.desktop #checkoutTop span,
body.tablet #checkoutTop span {
display: none
}
body.mobile #checkoutTop span {
display: inline-block;
padding: 10px;
width: 100%;
margin-bottom: 20px
}
body.desktop #orderLevelMessagingTop {
display: none
}
.panelWrap {
margin-bottom: 5px;
position: relative;
zoom: 1;
overflow: hidden
}
.panelWrap .buttonRow {
padding: 15px 0 0 0
}
.panelWrap form {
margin-bottom: 0
}
.panelWrap form[name="reviewForm"] {
margin-top: 20px
}
.panelWrap fieldset {
padding: 10px 15px
}
.panelWrap .register fieldset {
padding: 10px 15px 15px 15px
}
body.mobile .panelWrap fieldset {
width: 100%;
padding: 10px
}
.panelWrap #responseErrorTop {
clear: both;
padding: 10px 15px 0
}
.hidePanel {
display: none
}
.panelWrap h2 {
background-color: #919191;
padding: 8px 15px;
font-size: 16px;
font-weight: bold;
color: #333
}
body.mobile .panelWrap h2 {
padding: 8px 10px
}
.panelActive {
border: 1px solid #eaeaea
}
.panelActive h2 {
background-color: #383838;
color: #fff
}
.panelWrap h2 a.editLink {
display: none;
text-transform: lowercase;
font-family: Verdana, sans-serif;
text-decoration: underline;
margin-left: 15px
}
.panelWrap h3 {
padding: 10px 0 5px 0
}
body.mobile .panelWrap h3 {
font-size: 15px
}
.panelContentWrap .groupWrap {
margin-bottom: 10px;
padding: 10px 15px 0 15px
}
body.mobile .panelContentWrap .groupWrap {
padding: 10px 10px 0 10px
}
body.mobile .panelContentWrap select {
width: 100%
}
.panelComplete h2 a.editLink {
display: inline;
cursor: pointer;
padding: 0 10px;
float: right;
background: #fff;
text-decoration: none;
position: relative
}
.panelComplete h2 a.editLink .resp-arrow {
position: absolute;
left: -5px;
border-left: 0 solid transparent;
border-right: 6px solid #fff;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
top: 2px
}
body.mobile .panelComplete h2 a.editLink .resp-arrow {
top: -2px
}
body.mobile .panelComplete h2 a.editLink {
position: absolute;
top: 10px;
right: 10px;
padding: 8px 15px 0 16px
}
.panelActive.panelWrap h2 .requiredFieldText {
display: inline;
float: right
}
#panelReview h2 .requiredFieldText {
display: none
}
ul.completeData li {
padding-bottom: 4px;
word-wrap: break-word
}
.panelWrap .panelLoading {
min-height: 75px
}
.panelWrap h2 .requiredFieldText {
display: none
}
.panelWrap .loader,
.panelContentWrap .loader,
#panelLogIn .loader,
#panelSummary .loader {
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
opacity: .7;
background: #eaeaea url("/assets/images/common/loadinfo.gif") center center no-repeat;
z-index: 99
}
body.checkout a.help-link {
display: inline
}
select#selectCarrierCode {
display: inline;
margin-bottom: 0
}
form#updateCatalogCodeForm,
form#updatePromoCodeForm,
form#UpdateRewardsAmountForm,
form#awardForm {
margin-bottom: 0;
height: 0
}
#panelLogIn .loader {
opacity: .5
}
#panelLogIn button {
width: 100%;
text-align: center;
padding-left: 0;
padding-right: 0
}
body.desktop #panelLogIn button {
width: 50%
}
.panelWrap p.title {
font-weight: bold
}
.panelWrap h3.title {
font-weight: bold;
display: inline;
margin-right: 6px
}
.panelHidden {
overflow: hidden
}
.jsToggleFieldset .fieldsetShow,
.fieldsetOpen .jsToggleFieldset .fieldsetHide {
display: inline
}
.fieldsetContent,
.jsToggleFieldset .fieldsetHide,
.fieldsetOpen .jsToggleFieldset .fieldsetShow {
display: none
}
.fieldsetOpen .fieldsetContent {
display: block;
margin-top: 1em
}
.jsEditGifting,
.jsAddGifting,
.openGiftingLayer,
.jsGiftingFalse {
display: block
}
#forgotPasswordPageContent .formWrapper .formFieldContainer.active label {
background: #fff;
background: -webkit-linear-gradient(top, #fff, #fff);
background: -o-linear-gradient(top, #fff, #fff);
background: -moz-linear-gradient(top, #fff, #fff);
background: linear-gradient(to bottom, #fff, #fff)
}
#checkoutMid .contentLeft,
#checkoutMid .contentRight {
position: relative
}
body.tablet #checkoutMid .contentLeft,
body.tablet #checkoutMid .contentRight {
width: 97.91%
}
#orderLevelMessaging {
margin-bottom: 10px
}
#panelSummary {
position: relative;
min-height: 140px;
height: auto !important
}
#panelSummary h2.summaryTitle,
#panelReceipt h2.summaryTitle {
font-weight: 300;
font-size: 16px;
padding-left: 15px;
border-bottom: none
}
body.mobile #panelSummary h2.summaryTitle,
body.mobile #panelReceipt h2.summaryTitle {
padding-left: 10px;
margin-left: -10px;
padding-right: 10px;
margin-right: -10px
}
#panelSummary h2 {
background-color: #383838;
padding: 8px 15px;
color: #000;
clear: both;
font-size: 16px
}
#panelSummary .itemRow {
padding: 10px inherit;
clear: both
}
body.mobile #panelSummary .itemRow {
padding-left: 0;
padding-right: 0
}
.orderSummary dt {
padding-bottom: 10px;
margin-bottom: 10px
}
#panelSummary .groupWrap .header {
display: block;
font-weight: bold
}
#panelSummary hr {
height: 1px;
font-size: 1px
}
#panelSummary .itemRow hr {
margin-bottom: 10px
}
#panelSummary .col1 {
float: left;
width: 20%
}
#panelSummary .col1 img {
width: 90%;
height: 90%
}
#panelSummary .col2 {
float: left;
width: 80%
}
body.mobile #panelSummary .col3 {
width: 18%
}
#panelSummary .col2 h5 {
margin-bottom: 3px;
font-size: 12px;
text-transform: none
}
#panelSummary .col2 .itemInfoTableWrapper {
display: table;
width: 100%
}
#panelSummary .col2 .itemInfoTableRowWrapper {
display: table-row
}
#panelSummary .col2 .itemInfoTableCellWrapper {
display: table-cell;
width: 40%
}
#panelSummary .col2 .itemInfoTableCellWrapper.cellwrap {
padding-left: 5%;
width: 40%
}
#panelSummary .col2 h5 a,
#panelSummary .col2 h5 a:hover {
text-decoration: none;
font-weight: 700;
font-size: 14px
}
#panelSummary .qtyPriceDetails,
#panelSummary .variantDetails {
display: table-row
}
#panelSummary .variantDetails dt,
#panelSummary .variantDetails dd,
#panelSummary .qtyPriceDetails dl,
#panelSummary .variantDetails dl,
#panelSummary .gcDisplay dd,
#panelSummary .gcDisplay dt {
display: inline
}
#panelSummary .variantDetails dt,
#panelSummary .qtyPriceDetails dt {
font-weight: 700;
text-transform: capitalize
}
#panelSummary .colorDisplay {
padding-right: 8px;
margin-right: 8px
}
#panelSummary .gc-message {
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
width: 160px
}
#panelSummary .qtyPriceDetails dt,
#panelSummary .qtyPriceDetails dd {
display: inline
}
#panelSummary .ITEM_TOTAL-value {
display: block
}
#panelSummary .ITEM_TOTAL-value span {
display: block
}
#panelSummary .ITEM_TOTAL-value span.listPrice {
text-decoration: line-through
}
#panelSummary .groupWrap ul li {
word-wrap: break-word
}
body.tablet #panelSummary .orderSummary {
float: right
}
#panelSummary h4 {
margin: 20px 0 10px 0;
padding-bottom: 10px
}
#panelSummary dl.grandTotal {
clear: both;
overflow: hidden;
display: block;
font-weight: bold;
padding-top: 10px;
margin-top: 10px
}
#panelReceipt .contentLeft.panelWrap h3 {
text-transform: none;
font-size: 14px;
font-weight: 700
}
#panelReceipt .contentLeft.panelWrap ul.bullet {
margin-left: 15px
}
#panelReceipt .contentLeft.panelWrap {
overflow: visible
}
#panelMultiShip {
position: relative
}
.multiShipEditLink {
padding-left: 15px;
margin-left: 15px;
cursor: pointer;
text-transform: none
}
#panelMultiShipOuter.container {
width: auto;
min-width: 320px
}
#panelMultiShipOuter h3 {
font-size: 14px;
font-weight: bold;
color: #333;
margin-bottom: 8px
}
#addNewMultiShipAddress h3 {
margin: 0 0 10px 0
}
#panelMultiShip #rowHeader {
padding: 8px 14px 20px;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
border-bottom: 1px solid #ddddcb;
margin-bottom: 1px
}
body.mobile #panelMultiShip #rowHeader {
display: none
}
body.mobile #panelMultiShip .itemRow .three.columns {
width: 30%
}
body.mobile #panelMultiShip .itemRow .three.columns img {
width: 90%
}
body.mobile #panelMultiShip .itemRow .five.columns {
width: 70%
}
body.mobile #panelMultiShip .itemRow .four.columns {
width: 100%;
position: relative
}
body.mobile #panelMultiShip .itemRow .two.columns {
text-align: center;
height: 80px
}
body.mobile #panelMultiShip .itemRow .two.columns img {
width: auto;
max-height: 80px
}
#panelMultiShip .itemRow .four.columns .title {
display: none
}
body.mobile #panelMultiShip .itemRow .four.columns .title {
display: inline-block
}
#panelMultiShip .itemRow {
padding: 14px 14px 20px
}
#panelMultiShip .itemRow img {
width: 100%;
height: auto
}
body.desktop #panelMultiShip .itemRow img {
height: 104px
}
#panelMultiShip .col3 .userAddress select {
width: 198px
}
#panelMultiShip .col3 .editLink {
padding: 4px 0 8px
}
#panelMultiShip .variantDetails dt,
#panelMultiShip .variantDetails dd {
display: inline;
font-size: 10px
}
#panelMultiShipOuter {
text-align: left;
min-height: 480px;
margin-bottom: 15px;
height: auto !important
}
#panelMultiShipOuter .buttonRow {
margin-top: 10px;
padding: 0
}
body.mobile #panelMultiShipOuter .buttonRow {
padding: 0
}
body.mobile #panelMultiShipOuter .buttonRow input {
width: 100%;
margin-bottom: 5px
}
#panelMultiShipOuter hr {
margin: 0
}
#panelMultiShipOuter .buttonRow a {
text-transform: uppercase;
font-weight: bold;
color: #333;
text-decoration: none;
line-height: 23px
}
#panelMultiShipOuter #addAddressShim {
background-color: #eaeaea;
position: absolute;
left: 530px;
width: 21px;
z-index: 10000
}
#panelMultiShipOuter #addNewMultiShipAddress {
background-color: #eaeaea;
position: absolute;
right: 20px;
width: 40%;
text-align: left;
display: block;
z-index: 10000
}
#panelMultiShipOuter #addMultiShipAddress input {
background-color: #fff
}
#panelMultiShipOuter #addNewMultiShipAddress .inner {
padding: 40px 10px
}
body.tablet #panelMultiShipOuter .buttonRow {
margin-left: 0
}
body.tablet #panelMultiShipOuter .buttonRow input {
display: block;
width: 100%;
margin-bottom: 15px
}
body.mobile #panelMultiShipOuter #addNewMultiShipAddress {
left: 0;
top: 0;
width: 100%
}
body.mobile #panelMultiShipOuter #addAddressShim {
display: none
}
#panelMultiShipOuter #addNewMultiShipAddress fieldset {
padding: 0 0 0 0
}
#addNewMultiShipAddress div p.helpLink {
display: none
}
#panelMultiShipOuter #addNewMultiShipAddress .requiredFieldText {
position: absolute;
top: 10px;
right: 10px
}
body.mobile #panelMultiShipOuter #addNewMultiShipAddress .requiredFieldText {
width: 100px
}
#productList .products {
margin: 5px 0
}
#panelShipping .giftMessageData,
#panelShipping a.openGiftingLayer {
display: inline-block
}
#panelShipping a.openGiftingLayer {
font-size: 11px;
font-weight: bold;
margin-top: 15px;
padding-left: 5px;
margin-left: 5px
}
#panelShipping .giftNoMessageWrap a.openGiftingLayer {
padding-left: 0;
margin-left: 0;
border: none
}
#panelShipping .carrierRadioWrapper {
padding: 10px;
border: #ccc solid 1px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-bottom: 10px;
overflow: hidden;
cursor: pointer
}
#panelShipping .carrierRadioWrapper label {
width: 100%;
display: inline-block;
cursor: pointer;
font-weight: bold
}
#panelShipping .carrierRadioWrapper label span.amount {
font-weight: inherit;
font-size: inherit;
color: inherit
}
#panelShipping .carrierRadioWrapper.selected {
box-shadow: 1px 1px 20px #888
}
#panelShipping .carrierRadioWrapper input {
float: left
}
#panelShipping .carrierRadioWrapper ul {
clear: right;
margin: 0 0 0 25px
}
#panelShipping .carrierRadioWrapper ul li {
list-style-type: none
}
#panelPayment .tab {
border: #aeaeae solid 1px;
padding: 10px;
background-color: #aeaeae;
margin-top: 10px;
cursor: pointer;
width: 50%;
float: left
}
#panelPayment .tab.active {
background-color: #eee;
border-bottom-color: #eee;
cursor: default
}
#panelPayment .tab.active label {
cursor: default
}
#panelPayment .tab input {
display: none
}
#panelPayment .tab label {
cursor: pointer
}
body.mobile #panelPayment .tab {
margin: 0
}
#panelPayment #paymentOption {
padding-bottom: 0
}
#panelPayment #paymentOption input {
margin-right: 5px
}
#creditCardPayment {
padding-top: 0
}
#paypalPayment {
padding: 0 10px
}
#panelPayment .paymentOptions {
padding: 10px;
border: #aeaeae solid 1px;
border-width: 0 1px 1px
}
#panelPayment .ccNumberDisplayLabel {
cursor: pointer;
display: none;
width: 36px;
text-align: center
}
#panelPayment .ccNumberDisplayLabel.hasNumber {
cursor: pointer;
display: inline-block
}
#panelPayment .ccNumberDisplayLabel,
#panelPayment .cardTypeValue,
#panelPayment .ccNumberLengthReached {
position: absolute;
top: 12px
}
#panelPayment .cardTypeValue.pipe {
border-right: solid 1px #aeaeae;
padding-right: 7px;
text-align: right;
width: 45px
}
span.ccNumberLengthReached {
display: none
}
span.ccNumberLengthReached.pipe {
border-left: solid 1px #aeaeae;
padding-left: 4px
}
span.ccNumberLengthReached span.icon {
height: 20px;
width: 20px;
display: block;
position: relative
}
span.ccNumberLengthReached span.icon span:after,
span.ccNumberLengthReached span.icon span:before {
content: '';
height: 16px;
width: 2px;
display: block;
background-color: #24950f;
position: absolute;
top: 2px;
left: 11px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg)
}
span.ccNumberLengthReached span.icon span:before {
height: 8px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
top: 8px;
left: 4px
}
#panelPayment input#rewardsAmount,
#panelPayment input#catalogCode,
#panelPayment input#promoCode {
max-width: 100px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
line-height: 16px;
margin-right: 10px;
position: relative;
top: -2px
}
#panelPayment input#promoCode,
#panelPayment input#catalogCode {
max-width: 300
}
#panelPayment #sourceCode .labelFieldWrapper label,
#panelPayment #sourceCode .labelFieldWrapper a {
display: inline
}
#panelPayment label.rewardsAmount {
display: inline
}
#panelPayment .fieldsetOpen .fieldsetContent {
margin-top: 0
}
.type_gcRedemptionCode,
.type_gcPin {
margin-right: 2%;
display: block;
float: left
}
.type_gcRedemptionCode {
width: 50%
}
#panelPayment .type_gcPin {
width: 15%
}
#checkGCBalanceBody .type_gcPin {
width: 45%
}
#checkGCBalanceBody .type_gcPin input {
width: 33.33% !important
}
#panelPayment #donation #donate {
border-top: 1px solid #d9d9d9;
padding-top: 15px
}
#panelPayment #donation .donation-product .VariantDropdown {
display: none
}
#panelPayment #donation .donation-product .VariantRadios .group-label {
font-size: 14px;
font-weight: bold
}
#panelPayment #donation .donation-product .VariantRadios.checkRadio label {
margin-right: 8px
}
#grandTotalDisplay {
font-size: 20px;
font-weight: bold
}
body.mobile #grandTotalDisplay {
float: none;
text-align: center;
margin: 10px 0
}
#grandTotalDisplay #grandTotalAmount {
color: #008000;
margin-left: 5px
}
#backButtonWarning button {
width: 50%;
float: left;
text-align: center;
padding: 15px 0;
margin: 0
}
#panelReceipt div.panelWrap {
border: none
}
p.shippingCharges {
clear: both
}
#panelReceipt p.shippingCharges {
display: none
}
#panelReceipt .contentLeft h2,
.contentLeft h2 {
background-color: transparent;
text-transform: none;
font-size: 16px;
clear: both;
border-bottom: 0;
margin-bottom: 0
}
#panelReceipt p#thanksMessage {
margin-top: 16px
}
#panelReceipt div.contentLeft div.contentArea {
margin-top: 60px
}
#panelReceipt div.contentLeft div.contentArea li {
display: list-item !important;
margin-left: 1.5em;
list-style-type: square
}
#panelReceipt .panelWrap #receiptCreateAccount fieldset {
padding: 0
}
#panelReceipt .groupWrap {
padding: 0
}
#panelReceipt .panelInner .groupWrap {
padding: 0
}
#panelReceipt span.resendActivationEmail {
text-decoration: underline;
cursor: pointer
}
#panelReceipt .formWrapper .formFieldContainer.active label {
background: #fff;
background: -webkit-linear-gradient(top, #fff, #fff);
background: -o-linear-gradient(top, #fff, #fff);
background: -moz-linear-gradient(top, #fff, #fff);
background: linear-gradient(to bottom, #fff, #fff)
}
#checkGCBalanceBody#panelReceipt .formWrapper .formFieldContainer.active label {
background: #fff
}
.footer {
padding-top: 10px;
float: none;
text-align: left
}
.footer form {
margin-bottom: 0
}
.footer svg {
fill: #eaeaea
}
.footer svg {
transition: .1s
}
.footer svg:hover .outer-shape,
.footer svg:hover {
fill: #ccc
}
.footer .container .email-signup-container,
.footer .container .cmsCenter.icons {
padding-top: 20px
}
.footer .container .cmsCenter a {
text-decoration: none
}
.footer ul.footerLinks {
margin-bottom: 0;
padding-left: 20px
}
.footer ul.footerLinks+span {
padding-left: 20px
}
.footer ul.footerLinks li {
display: inline-block;
padding-right: 8px;
margin-right: 4px
}
.footer ul.footerLinks li:hover {
text-decoration: underline
}
.footer ul.footerLinks li:last-child {
border-right: none
}
.footer ul.socialApps {
display: inline-block;
margin-top: 5px
}
.footer ul.socialApps li span {
display: none;
cursor: pointer
}
.footer ul.socialApps li {
display: inline-block;
cursor: pointer;
width: 48px;
height: 48px
}
.footer ul.socialApps li a {
cursor: pointer;
display: block;
width: inherit;
height: inherit
}
.footer ul.socialApps li.appstore {
width: 147px;
height: 48px
}
.footer ul.socialApps img {
width: 100%
}
.footer .nine.alpha {
margin-left: -1px !important
}
body.mobile .footer {
padding-top: 0;
clear: both
}
body.mobile .footer .container {
padding: 0
}
body.mobile .footer .container .email-signup-container .tableCell input[type="submit"] {
width: 33%
}
body.mobile .footer form {
margin: 0 auto
}
body.mobile .footer .cmsCenter.icons {
padding: 20px 0 0 0;
margin-bottom: 15px
}
body.mobile .footer .cmsCenter {
text-align: center
}
body.mobile .footer input[type="email"] {
background-color: #fff
}
body.mobile .footer .cms ul li a {
text-decoration: none
}
body.tablet .footer .nine.alpha {
margin-left: -1px !important
}
.footer .locale-container {
position: relative;
padding-left: 20px
}
.footer .locale-container a {
text-decoration: none
}
.footer .locale-container>#locale-current>img {
padding-left: 10px;
margin-left: 10px
}
.footer .locale-container #locale-chooser {
display: none;
text-align: center;
width: 150px;
position: absolute;
background-color: #fff;
right: auto;
top: -7px;
left: 100px
}
.footer .locale-container #locale-chooser li {
display: block
}
.footer .locale-container #locale-chooser li a {
text-align: left;
padding: 2px 5px;
display: block;
clear: right;
color: #333
}
.footer .locale-container #locale-chooser li a:hover {
color: #fff;
background-color: #3f3f3f;
text-decoration: none
}
body.mobile .footer .locale-container {
height: 40px;
text-align: center
}
body.tablet .footer .locale-container {
height: 40px;
text-align: center;
float: right;
padding-right: 20px
}
body.tablet .footer .locale-container #locale-chooser {
right: auto;
top: -7px;
left: 100px;
background-color: #fff
}
.footer .footer-copyright .locale,
.footer .footer-copyright .cmsCenter {
padding: 10px 0;
min-height: 40px
}
.footer .footer-copyright {
margin-bottom: 0
}
.footer .countryLanguageSelection {
float: left
}
.footer .countryLanguageSelection #country-container,
.footer .countryLanguageSelection #language-container {
float: left;
position: relative;
margin-left: 20px;
width: auto
}
.footer .countryLanguageSelection .language-country-chooser {
display: none;
position: absolute;
top: 0;
left: 80px;
z-index: 10;
background-color: #fff;
border: 1px solid #3f3f3f
}
.footer .countryLanguageSelection .language-country-chooser li {
line-height: 18px;
padding: 3px
}
.footer .countryLanguageSelection .language-country-chooser li:hover,
.footer .countryLanguageSelection .language-country-chooser li:hover a,
.footer .countryLanguageSelection .language-country-chooser li.selected {
color: #fff;
background-color: #3f3f3f
}
.locale-select-colorbox {
padding: 15px
}
.locale-select-colorbox .no {
margin-right: 15px
}
.ratings {
position: relative;
text-align: center;
margin: 0 auto;
white-space: nowrap
}
.ratings .icons {
position: relative;
font-size: 16px;
text-align: left;
display: inline-block;
vertical-align: middle
}
.ratings .icons .inner {
display: inline-block;
white-space: nowrap;
color: #9a9a9a
}
.ratings .icons .inner.open span:before {
content: '\2605'
}
.ratings .icons .inner.filled {
position: absolute;
overflow: hidden;
top: 0;
left: 0;
width: 100%
}
.ratings .icons .inner.filled span:before {
content: '\2605';
color: #f00
}
.ratings .ratingDetails {
font-size: 11px;
white-space: nowrap;
display: inline-block;
margin-left: 3px
}
body.mobile .alsoLike {
padding-top: 10px
}
body.mobile .alsoLike h2 {
font-size: 14px
}
body#siteMap ul.sectionList {
margin-bottom: 20px
}
body#siteMap ul.sectionList li {
line-height: normal;
padding: 0 0 10px 10px
}
body#siteMap ul.sectionList li.site-section {
padding-left: 0
}
body#siteMap ul.sectionList li a {
font-size: 14px
}
body#siteMap ul.sectionList li .site-section a {
font-size: 16px;
padding: 0 0 10px 0
}
body.microsite .body_wrap>.twelve.columns {
margin-top: 1.04167%;
margin-bottom: 1.04167%
}
body.microsite .leftColumn.columns.nine {
width: 69.5%;
margin-right: 1.5%
}
body.microsite .leftColumn.columns.fullBleed {
width: 100%;
margin-right: 0
}
body.microsite .rightColumn.columns.three {
width: 29%
}
body.microsite.mobile .body_wrap>.twelve.columns {
width: 100%;
margin: 0
}
body.microsite.mobile .body_wrap>.twelve.columns .topNav {
width: 100%;
margin: 0
}
img.scale-with-grid {
max-width: 100%;
height: auto
}
.image-scale {
width: 100%;
height: auto
}
.cmsWrapper img.cmsNonResponsiveImage {
vertical-align: bottom
}
.cmsWrapper img.cmsResponsiveImage {
width: 100%;
height: auto;
vertical-align: bottom
}
@media only screen and (min-width:600px) and (max-width:768px) {
body#basket.tablet .headings {
margin-top: 15px
}
body#basket.tablet .headings .heading-cell.first {
width: 22%
}
body#basket.tablet .headings .heading-cell.price {
width: 15%
}
body#basket.tablet .headings .heading-cell.last {
width: 14%
}
body#basket.tablet .item .item-cell.productDetails {
width: 40%
}
body#basket.tablet .item .item-cell.price {
width: 15%;
text-align: center
}
body#basket.tablet .item .item-cell.qty {
width: 6%;
padding-left: 8px
}
body#basket.tablet .item .item-cell.last {
width: 12%
}
}
@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
.hide-mobile .sortby {
width: 38%
}
.sortby label {
margin-top: -3px
}
body.tablet .refinementBar .sortby select {
width: 63% !important
}
.viewCurrentItems label {
margin-top: -4px !important
}
}
@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
.viewCurrentItems label {
margin-top: -4px !important
}
}
.geoIPContent-CA {
display: block
}
.geoIPCountry-US .geoIPContent-CA {
display: none
}
.returnExchange .spacer {
margin: 40px 0
}
.returnExchange .formHeader {
font-size: 24px;
font-weight: bold
}
.returnExchange .formHeader .requiredFieldText,
.returnExchange .formHeader .asterisk {
font-size: 11px;
margin-left: 10px
}
.returnExchange .questionsBox {
border: 1px solid #333;
padding: 15px;
margin-bottom: 40px
}
.returnExchange .orderDetails {
width: 100%
}
.returnExchange .orderDetails th,
.returnExchange .orderDetails td {
border: 1px solid #d9d9d9;
padding: 5px
}
.returnExchange .orderDetails th {
font-weight: bold;
font-size: 15px
}
.returnExchange .orderDetails td {
text-align: center
}
.returnExchange .orderDetails td:first-child {
width: 70%;
text-align: left;
padding-left: 30px
}
.returnExchange .orderDetails td input[type=checkbox] {
vertical-align: -2px
}
.returnExchange .orderDetails input[type=text],
.returnExchange .orderDetails input[type=number] {
width: 40px
}
.returnExchange .orderDetails input[type=number] {
text-align: center
}
.returnExchange .formFieldContainer {
margin-left: 0
}
.returnExchange .formFieldContainer input[type="text"],
.returnExchange .formFieldContainer input[type="password"],
.returnExchange .formFieldContainer input[type="email"],
.returnExchange .formFieldContainer input[type="tel"],
.returnExchange .formFieldContainer textarea,
.returnExchange .formFieldContainer select {
width: 85%
}
.returnExchange input[disabled] {
background-color: #eee
}
.returnExchange input[type=submit][disabled] {
background-color: #999;
cursor: default
}
.mt40 {
margin-top: 40px
}
.mt20 {
margin-top: 20px
}