/*!
* Bootstrap v2.0.3
*
* Copyright 2012 Twitter, Inc
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
* Designed and built with all the love in the world @twitter by @mdo and @fat.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
}
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}
audio:not([controls]) {
display: none;
}
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
a:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
a:hover,
a:active {
outline: 0;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
max-width: 100%;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
}
button,
input,
select,
textarea {
margin: 0;
font-size: 100%;
vertical-align: middle;
}
button,
input {
*overflow: visible;
line-height: normal;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
}
input[type="search"] {
-webkit-box-sizing: content-box;
box-sizing: content-box;
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
}
textarea {
overflow: auto;
vertical-align: top;
}
.clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
display: table;
content: "";
}
.clearfix:after {
clear: both;
}
.hide-text {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.input-block-level {
display: block;
width: 100%;
min-height: 28px;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
cursor: not-allowed;
}
.checkbox-custom,
.radio-custom {
display: none;
}
.checkbox-custom.input-lg + label,
.radio-custom.input-lg + label {
padding-left: 23px;
font-size: 16px;
line-height: 23px;
}
.checkbox-custom.input-lg + label > span,
.radio-custom.input-lg + label > span {
top: 3px;
width: 16px;
height: 16px;
font-size: 14px;
line-height: 16px;
}
.checkbox-custom + label,
.radio-custom + label {
position: relative;
padding-left: 21px;
font-size: 14px;
line-height: 19px;
}
.checkbox-custom + label > span,
.radio-custom + label > span {
position: absolute;
top: 2px;
left: 0;
width: 14px;
height: 14px;
border: 1px solid #333;
background-color: #fff;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.checkbox-custom + label > span > i,
.radio-custom + label > span > i {
display: none;
}
.checkbox-custom + label:hover > span,
.radio-custom + label:hover > span,
.checkbox-custom + label:active > span,
.radio-custom + label:active > span {
background-color: #effce9;
}
.checkbox-custom + label:active > span > i,
.radio-custom + label:active > span > i {
color: #4e8c38;
}
.checkbox-custom:checked + label > span,
.radio-custom:checked + label > span {
color: #6ebe49;
}
.checkbox-custom:checked + label > span > i,
.radio-custom:checked + label > span > i {
display: block;
}
.checkbox-custom[disabled] + label > span,
.radio-custom[disabled] + label > span,
.checkbox-custom[disabled] + label:hover > span,
.radio-custom[disabled] + label:hover > span,
.checkbox-custom[disabled] + label:active > span,
.radio-custom[disabled] + label:active > span {
background: #e8e8e8 !important;
border-color: #999 !important;
}
.checkbox-custom[disabled]:checked + label > span > i,
.radio-custom[disabled]:checked + label > span > i {
color: #9ad280;
}
.radio-custom.input-lg + label > span {
width: 16px;
height: 16px;
font-size: 11px;
line-height: 16px;
}
.radio-custom.input-lg + label > span > i {
width: 8px;
height: 8px;
margin: -4px 0 0 -4px;
}
.radio-custom + label > span,
.radio-custom + label > span > i {
border-radius: 50%;
}
.radio-custom + label > span > i {
position: absolute;
top: 50%;
left: 50%;
width: 6px;
height: 6px;
margin: -3px 0 0 -3px;
background-color: transparent;
}
.radio-custom:checked + label:active > span > i {
background-color: #4e8c38;
}
.radio-custom:checked + label > span > i {
background-color: #6ebe49;
}
.radio-custom[disabled]:checked + label > span > i,
.radio-custom[disabled]:checked + label:active > span > i {
background-color: #9ad280;
}
.checkbox-custom + label > span {
font-size: 12px;
line-height: 15px;
text-align: center;
}
.checkbox-custom.checkbox-indet + label > span > i,
.checkbox-custom:indeterminate + label > span > i {
display: none;
}
.checkbox-custom.checkbox-indet:checked + label > span:after,
.checkbox-custom:indeterminate:checked + label > span:after {
content: "";
position: absolute;
width: 8px;
height: 2px;
background-color: #6ebe49;
left: 50%;
top: 50%;
margin-top: -1px;
margin-left: -4px;
}
.checkbox-custom.checkbox-indet:active + label > span:after,
.checkbox-custom:indeterminate:active + label > span:after {
background-color: #4e8c38;
}
.checkbox-custom.checkbox-indet[disabled]:checked + label > span:after,
.checkbox-custom:indeterminate[disabled]:checked + label > span:after,
.checkbox-custom.checkbox-indet[disabled]:checked + label:active > span:after,
.checkbox-custom:indeterminate[disabled]:checked + label:active > span:after {
background-color: #9ad280;
}
.checkbox-custom.checkbox-indet.input-lg:checked + label > span:after,
.checkbox-custom:indeterminate.input-lg:checked + label > span:after {
width: 10px;
margin-left: -5px;
}
.form-inline .checkbox-custom + label,
.form-inline .radio-custom + label {
padding-left: 21px;
font-weight: normal;
margin-bottom: 0;
}
.form-inline .checkbox-custom.input-lg + label,
.form-inline .radio-custom.input-lg + label {
padding-left: 23px;
}
body {
margin: 0;
font-family: Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 23px;
color: #333;
background-color: #fff;
}
a {
color: #00a1dd;
text-decoration: none;
}
a:hover {
color: #00a1dd;
text-decoration: underline;
}
.row {
margin-left: -20px;
*zoom: 1;
}
.row:before,
.row:after {
display: table;
content: "";
}
.row:after {
clear: both;
}
[class*="span"] {
float: left;
margin-left: 20px;
}
.container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
width: 940px;
}
.span12 {
width: 940px;
}
.span11 {
width: 860px;
}
.span10 {
width: 780px;
}
.span9 {
width: 700px;
}
.span8 {
width: 620px;
}
.span7 {
width: 540px;
}
.span6 {
width: 460px;
}
.span5 {
width: 380px;
}
.span4 {
width: 300px;
}
.span3 {
width: 220px;
}
.span2 {
width: 140px;
}
.span1 {
width: 60px;
}
.offset12 {
margin-left: 980px;
}
.offset11 {
margin-left: 900px;
}
.offset10 {
margin-left: 820px;
}
.offset9 {
margin-left: 740px;
}
.offset8 {
margin-left: 660px;
}
.offset7 {
margin-left: 580px;
}
.offset6 {
margin-left: 500px;
}
.offset5 {
margin-left: 420px;
}
.offset4 {
margin-left: 340px;
}
.offset3 {
margin-left: 260px;
}
.offset2 {
margin-left: 180px;
}
.offset1 {
margin-left: 100px;
}
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before,
.row-fluid:after {
display: table;
content: "";
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
display: block;
width: 100%;
min-height: 28px;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin-left: 2.12765957%;
*margin-left: 2.07446808%;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.row-fluid .span12 {
width: 99.99999999%;
*width: 99.9468085%;
}
.row-fluid .span11 {
width: 91.48936169%;
*width: 91.4361702%;
}
.row-fluid .span10 {
width: 82.9787234%;
*width: 82.92553191%;
}
.row-fluid .span9 {
width: 74.4680851%;
*width: 74.41489361%;
}
.row-fluid .span8 {
width: 65.9574468%;
*width: 65.90425531%;
}
.row-fluid .span7 {
width: 57.4468085%;
*width: 57.39361702%;
}
.row-fluid .span6 {
width: 48.93617021%;
*width: 48.88297872%;
}
.row-fluid .span5 {
width: 40.42553191%;
*width: 40.37234042%;
}
.row-fluid .span4 {
width: 31.91489361%;
*width: 31.86170212%;
}
.row-fluid .span3 {
width: 23.40425532%;
*width: 23.35106383%;
}
.row-fluid .span2 {
width: 14.89361702%;
*width: 14.84042553%;
}
.row-fluid .span1 {
width: 6.38297872%;
*width: 6.32978723%;
}
/* Styles for transitional grid with 8px gutters. Currently used for Home Page only */
.gutter8 .row {
margin-left: -8px;
}
.gutter8 [class*="span"] {
margin-left: 8px;
}
.container.gutter8 {
width: 952px;
}
.gutter8 .span12 {
width: 952px;
}
.gutter8 .span9 {
width: 712px;
}
.gutter8 .span3 {
width: 232px;
}
.gutter0 [class*="span"] {
margin-left: 0;
}
.gutter0 .span4 {
width: 33.33333333%;
}
.container {
margin-right: auto;
margin-left: auto;
*zoom: 1;
}
.container:before,
.container:after {
display: table;
content: "";
}
.container:after {
clear: both;
}
.container-fluid {
padding-right: 20px;
padding-left: 20px;
*zoom: 1;
}
.container-fluid:before,
.container-fluid:after {
display: table;
content: "";
}
.container-fluid:after {
clear: both;
}
p {
margin: 0 0 10px;
font-family: Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 23px;
}
@media (max-width: 979px) {
p {
font-size: 14px;
line-height: 19px;
}
}
p small {
font-size: 14px;
color: #999;
}
@media (max-width: 979px) {
p small {
font-size: 12px;
}
}
.lead {
margin-bottom: 23px;
font-size: 20px;
font-weight: 200;
line-height: 34.5px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
font-family: inherit;
font-weight: 300;
color: #333;
text-rendering: optimizelegibility;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
font-weight: 300;
color: #999;
}
h1 {
font-size: 40px;
line-height: 46px;
}
h2 {
font-size: 33px;
line-height: 37px;
}
@media (max-width: 979px) {
h1,
h2 {
font-size: 25px;
line-height: 29px;
}
}
h1 small,
h2 small {
font-size: 24px;
}
@media (max-width: 979px) {
h1 small,
h2 small {
font-size: 15px;
}
}
h3 {
font-size: 30px;
line-height: 34px;
}
@media (max-width: 979px) {
h3 {
font-size: 22px;
line-height: 26px;
}
}
h3 small {
font-size: 23px;
}
@media (max-width: 979px) {
h3 small {
font-size: 15px;
}
}
h4 {
font-size: 25px;
line-height: 29px;
}
@media (max-width: 979px) {
h4 {
font-size: 22px;
line-height: 27px;
}
}
h4 small {
font-size: 21px;
}
@media (max-width: 979px) {
h4 small {
font-size: 15px;
}
}
h5 {
font-size: 22px;
line-height: 26px;
}
@media (max-width: 979px) {
h5 {
font-size: 19px;
line-height: 24px;
}
}
h6 {
font-size: 19px;
line-height: 24px;
font-weight: 400;
}
@media (max-width: 979px) {
h6 {
font-size: 16px;
line-height: 23px;
}
}
.page-header {
padding-bottom: 22px;
margin: 23px 0;
/*border-bottom: 1px solid @grayLighter; // Remove bottom border */
}
.page-header h1 {
line-height: 1;
}
.headline-jumbo {
font-size: 60px;
line-height: 57px;
font-weight: 300;
}
@media (max-width: 979px) {
.headline-jumbo {
font-size: 33px;
line-height: 37px;
}
}
.headline-big {
font-size: 45px;
line-height: 49px;
font-weight: 300;
}
@media (max-width: 979px) {
.headline-big {
font-size: 30px;
line-height: 34px;
}
}
ul,
ol {
padding: 0;
margin: 0 0 11.5px 25px;
}
ul ul,
ul ol,
ol ol,
ol ul {
margin-bottom: 0;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li {
line-height: 23px;
}
ul.unstyled,
ol.unstyled {
margin-left: 0;
list-style: none;
}
dl {
margin-bottom: 23px;
}
dt,
dd {
line-height: 23px;
}
dt {
font-weight: 600;
line-height: 22px;
}
dd {
margin-left: 10px;
}
.dl-horizontal dt {
float: left;
width: 120px;
clear: left;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dl-horizontal dd {
margin-left: 130px;
}
hr {
margin: 23px 0;
border: 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #fff;
}
strong {
font-weight: 600;
}
em {
font-style: italic;
}
.muted {
color: #999;
}
abbr[title] {
cursor: help;
border-bottom: 1px dotted #ddd;
}
abbr.initialism {
font-size: 90%;
text-transform: uppercase;
}
blockquote {
padding: 0 0 0 15px;
margin: 0 0 23px;
border-left: 5px solid #eee;
}
blockquote p {
margin-bottom: 0;
font-size: 16px;
font-weight: 300;
line-height: 28.75px;
}
blockquote small {
display: block;
line-height: 23px;
color: #999;
}
blockquote small:before {
content: "\2014 \00A0";
}
blockquote.pull-right {
float: right;
padding-right: 15px;
padding-left: 0;
border-right: 5px solid #eee;
border-left: 0;
}
blockquote.pull-right p,
blockquote.pull-right small {
text-align: right;
}
q:before,
q:after,
blockquote:before,
blockquote:after {
content: "";
}
address {
display: block;
margin-bottom: 23px;
font-style: normal;
line-height: 23px;
}
small {
font-size: 100%;
}
cite {
font-style: normal;
}
.body-small {
font-size: 14px;
line-height: 19px;
margin: 0 0 10px;
}
.descriptor-text {
font-size: 13px;
line-height: 18px;
margin: 0 0 9px;
font-weight: 400;
}
@media (max-width: 979px) {
.descriptor-text {
font-size: 12px;
line-height: 17px;
margin: 0 0 17px / 2;
}
}
.smallcap-text {
font-size: 12px;
line-height: 15px;
margin: 0 0 8px;
font-weight: 700;
text-transform: uppercase;
}
.timestamp-text {
font-size: 11px;
line-height: 14px;
margin: 0 0 7px;
font-weight: 400;
color: #999;
}
.footer-text {
font-size: 11px;
line-height: 11px;
margin: 0 0 5px;
font-weight: 400;
color: #999;
}
.text-hint {
color: #999;
}
.text-ghost {
color: #bbb;
}
.text-danger {
color: #ea1d2c;
}
.text-success {
color: #3fae49;
}
.text-warning {
color: #ff8300;
}
.text-info {
color: #005897;
}
code,
pre {
padding: 0 3px 2px;
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
font-size: 15px;
color: #999;
border-radius: 3px;
}
code {
padding: 2px 4px;
color: #d14;
background-color: #f7f7f9;
border: 1px solid #e1e1e8;
}
pre {
display: block;
padding: 11px;
margin: 0 0 10px;
font-size: 14.8px;
line-height: 23px;
word-break: break-all;
word-wrap: break-word;
white-space: pre;
white-space: pre-wrap;
background-color: #f5f5f5;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
}
pre.prettyprint {
margin-bottom: 23px;
}
pre code {
padding: 0;
color: inherit;
background-color: transparent;
border: 0;
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll;
}
form {
margin: 0 0 23px;
}
fieldset {
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 34.5px;
font-size: 24px;
line-height: 46px;
color: #333;
border: 0;
border-bottom: 1px solid #eee;
}
legend small {
font-size: 17.25px;
color: #999;
}
label,
input,
button,
select,
textarea {
font-size: 16px;
font-weight: normal;
line-height: 23px;
}
input,
button,
select,
textarea {
font-family: Helvetica, Arial, sans-serif;
}
label {
display: block;
margin-bottom: 5px;
color: #333;
}
input,
textarea,
select,
.uneditable-input {
display: inline-block;
width: 210px;
height: 23px;
padding: 4px;
margin-bottom: 9px;
font-size: 16px;
line-height: 23px;
color: #666;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 3px;
}
.uneditable-textarea {
width: auto;
height: auto;
}
label input,
label textarea,
label select {
display: block;
}
input[type="image"],
input[type="checkbox"],
input[type="radio"] {
width: auto;
height: auto;
padding: 0;
margin: 3px 0;
*margin-top: 0;
/* IE7 */
line-height: normal;
cursor: pointer;
background-color: transparent;
border: 0 \9;
/* IE9 and down */
border-radius: 0;
}
input[type="image"] {
border: 0;
}
input[type="file"] {
width: auto;
padding: initial;
line-height: initial;
background-color: #fff;
background-color: initial;
border: initial;
-webkit-box-shadow: none;
box-shadow: none;
}
input[type="button"],
input[type="reset"],
input[type="submit"] {
width: auto;
height: auto;
}
select,
input[type="file"] {
height: 28px;
/* In IE7, the height of the select element cannot be changed by height, only font-size */
*margin-top: 4px;
/* For IE7, add top margin to align select with labels */
line-height: 28px;
}
input[type="file"] {
line-height: 18px \9;
}
select {
width: 220px;
background-color: #fff;
}
select[multiple],
select[size] {
height: auto;
}
input[type="image"] {
-webkit-box-shadow: none;
box-shadow: none;
}
textarea {
height: auto;
}
input[type="hidden"] {
display: none;
}
.radio,
.checkbox {
min-height: 18px;
padding-left: 18px;
}
.radio input[type="radio"],
.checkbox input[type="checkbox"] {
float: left;
margin-left: -18px;
}
.controls > .radio:first-child,
.controls > .checkbox:first-child {
padding-top: 5px;
}
.radio.inline,
.checkbox.inline {
display: inline-block;
padding-top: 5px;
margin-bottom: 0;
vertical-align: middle;
}
.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
margin-left: 10px;
}
input,
textarea {
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-webkit-transition: border linear 0.2s, -webkit-box-shadow linear 0.2s;
transition: border linear 0.2s, -webkit-box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s, -webkit-box-shadow linear 0.2s;
}
input:focus,
textarea:focus {
border-color: rgba(82, 168, 236, 0.8);
/*outline: 0;*/
outline: thin dotted \9;
/* IE6-9 */
/*.box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6)");*/
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
select:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
-webkit-box-shadow: none;
box-shadow: none;
}
.input-mini {
width: 60px;
}
.input-small {
width: 90px;
}
.input-medium {
width: 150px;
}
.input-large {
width: 210px;
}
.input-xlarge {
width: 270px;
}
.input-xxlarge {
width: 530px;
}
input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"] {
float: none;
margin-left: 0;
}
input,
textarea,
.uneditable-input {
margin-left: 0;
}
input.span12,
textarea.span12,
.uneditable-input.span12 {
width: 930px;
}
input.span11,
textarea.span11,
.uneditable-input.span11 {
width: 850px;
}
input.span10,
textarea.span10,
.uneditable-input.span10 {
width: 770px;
}
input.span9,
textarea.span9,
.uneditable-input.span9 {
width: 690px;
}
input.span8,
textarea.span8,
.uneditable-input.span8 {
width: 610px;
}
input.span7,
textarea.span7,
.uneditable-input.span7 {
width: 530px;
}
input.span6,
textarea.span6,
.uneditable-input.span6 {
width: 450px;
}
input.span5,
textarea.span5,
.uneditable-input.span5 {
width: 370px;
}
input.span4,
textarea.span4,
.uneditable-input.span4 {
width: 290px;
}
input.span3,
textarea.span3,
.uneditable-input.span3 {
width: 210px;
}
input.span2,
textarea.span2,
.uneditable-input.span2 {
width: 130px;
}
input.span1,
textarea.span1,
.uneditable-input.span1 {
width: 50px;
}
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
cursor: not-allowed;
background-color: #eee;
border-color: #ddd;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
background-color: transparent;
}
.control-group.warning > label,
.control-group.warning .help-block,
.control-group.warning .help-inline {
color: #ff8300;
}
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
color: #ff8300;
border-color: #ff8300;
}
.control-group.warning input:focus,
.control-group.warning select:focus,
.control-group.warning textarea:focus {
border-color: #cc6900;
-webkit-box-shadow: 0 0 6px #ffb566;
box-shadow: 0 0 6px #ffb566;
}
.control-group.warning .input-prepend .add-on,
.control-group.warning .input-append .add-on {
color: #ff8300;
background-color: #f4f0db;
border-color: #ff8300;
}
.control-group.error > label,
.control-group.error .help-block,
.control-group.error .help-inline {
color: #ea1d2c;
}
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
color: #ea1d2c;
border-color: #ea1d2c;
}
.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea:focus {
border-color: #c2121f;
-webkit-box-shadow: 0 0 6px #f37a83;
box-shadow: 0 0 6px #f37a83;
}
.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on {
color: #ea1d2c;
background-color: #ead6d6;
border-color: #ea1d2c;
}
.control-group.success > label,
.control-group.success .help-block,
.control-group.success .help-inline {
color: #3fae49;
}
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
color: #3fae49;
border-color: #3fae49;
}
.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success textarea:focus {
border-color: #318939;
-webkit-box-shadow: 0 0 6px #81d289;
box-shadow: 0 0 6px #81d289;
}
.control-group.success .input-prepend .add-on,
.control-group.success .input-append .add-on {
color: #3fae49;
background-color: #d7e8d0;
border-color: #3fae49;
}
input:focus:required:invalid,
textarea:focus:required:invalid,
select:focus:required:invalid {
color: #b94a48;
border-color: #ee5f5b;
}
input:focus:required:invalid:focus,
textarea:focus:required:invalid:focus,
select:focus:required:invalid:focus {
border-color: #e9322d;
-webkit-box-shadow: 0 0 6px #f8b9b7;
box-shadow: 0 0 6px #f8b9b7;
}
.form-actions {
padding: 22px 20px 23px;
margin-top: 23px;
margin-bottom: 23px;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
*zoom: 1;
}
.form-actions:before,
.form-actions:after {
display: table;
content: "";
}
.form-actions:after {
clear: both;
}
.uneditable-input {
overflow: hidden;
white-space: nowrap;
cursor: not-allowed;
background-color: #fff;
border-color: #eee;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
}
:-moz-placeholder {
color: #999;
}
::-webkit-input-placeholder {
color: #999;
}
.help-block,
.help-inline {
color: #666;
}
.help-block {
display: block;
margin-bottom: 11.5px;
}
.help-inline {
display: inline-block;
*display: inline;
/* IE7 inline-block hack */
*zoom: 1;
vertical-align: middle;
padding-left: 5px;
}
.input-prepend,
.input-append {
margin-bottom: 5px;
}
.input-prepend input,
.input-append input,
.input-prepend select,
.input-append select,
.input-prepend .uneditable-input,
.input-append .uneditable-input {
position: relative;
margin-bottom: 0;
*margin-left: 0;
vertical-align: middle;
border-radius: 0 3px 3px 0;
}
.input-prepend input:focus,
.input-append input:focus,
.input-prepend select:focus,
.input-append select:focus,
.input-prepend .uneditable-input:focus,
.input-append .uneditable-input:focus {
z-index: 2;
}
.input-prepend .uneditable-input,
.input-append .uneditable-input {
border-left-color: #ccc;
}
.input-prepend .add-on,
.input-append .add-on {
display: inline-block;
width: auto;
height: 23px;
min-width: 16px;
padding: 4px 5px;
font-weight: normal;
line-height: 23px;
text-align: center;
text-shadow: 0 1px 0 #fff;
vertical-align: middle;
background-color: #eee;
border: 1px solid #ccc;
}
.input-prepend .add-on,
.input-append .add-on,
.input-prepend .btn,
.input-append .btn {
margin-left: -1px;
border-radius: 0;
}
.input-prepend .active,
.input-append .active {
background-color: #a7dfac;
border-color: #3fae49;
}
.input-prepend .add-on,
.input-prepend .btn {
margin-right: -1px;
}
.input-prepend .add-on:first-child,
.input-prepend .btn:first-child {
border-radius: 3px 0 0 3px;
}
.input-append input,
.input-append select,
.input-append .uneditable-input {
border-radius: 3px 0 0 3px;
}
.input-append .uneditable-input {
border-right-color: #ccc;
border-left-color: #eee;
}
.input-append .add-on:last-child,
.input-append .btn:last-child {
border-radius: 0 3px 3px 0;
}
.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
border-radius: 0;
}
.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
margin-right: -1px;
border-radius: 3px 0 0 3px;
}
.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
margin-left: -1px;
border-radius: 0 3px 3px 0;
}
.search-query {
padding-right: 14px;
padding-right: 4px \9;
padding-left: 14px;
padding-left: 4px \9;
/* IE7-8 doesn't have border-radius, so don't indent the padding */
margin-bottom: 0;
border-radius: 3px;
}
.form-search input,
.form-inline input,
.form-horizontal input,
.form-search textarea,
.form-inline textarea,
.form-horizontal textarea,
.form-search select,
.form-inline select,
.form-horizontal select,
.form-search .help-inline,
.form-inline .help-inline,
.form-horizontal .help-inline,
.form-search .uneditable-input,
.form-inline .uneditable-input,
.form-horizontal .uneditable-input,
.form-search .input-prepend,
.form-inline .input-prepend,
.form-horizontal .input-prepend,
.form-search .input-append,
.form-inline .input-append,
.form-horizontal .input-append {
display: inline-block;
*display: inline;
/* IE7 inline-block hack */
*zoom: 1;
margin-bottom: 0;
}
.form-search .hide,
.form-inline .hide,
.form-horizontal .hide {
display: none;
}
.form-search label,
.form-inline label {
display: inline-block;
}
.form-search .input-append,
.form-inline .input-append,
.form-search .input-prepend,
.form-inline .input-prepend {
margin-bottom: 0;
}
.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox {
padding-left: 0;
margin-bottom: 0;
vertical-align: middle;
}
.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
float: left;
margin-right: 3px;
margin-left: 0;
}
.control-group {
margin-bottom: 11.5px;
}
legend + .control-group {
margin-top: 23px;
-webkit-margin-top-collapse: separate;
}
.form-horizontal .control-group {
margin-bottom: 23px;
*zoom: 1;
}
.form-horizontal .control-group:before,
.form-horizontal .control-group:after {
display: table;
content: "";
}
.form-horizontal .control-group:after {
clear: both;
}
.form-horizontal .control-label {
float: left;
width: 140px;
padding-top: 5px;
text-align: right;
}
.form-horizontal .controls {
*display: inline-block;
*padding-left: 20px;
margin-left: 160px;
*margin-left: 0;
}
.form-horizontal .controls:first-child {
*padding-left: 160px;
}
.form-horizontal .help-block {
margin-top: 1;
margin-bottom: 0;
}
.form-horizontal .form-actions {
padding-left: 160px;
}
table {
max-width: 100%;
background-color: transparent;
border-collapse: collapse;
border-spacing: 0;
}
.table {
width: 100%;
margin-bottom: 23px;
}
.table th,
.table td {
padding: 8px;
line-height: 23px;
text-align: left;
vertical-align: top;
border-top: 1px solid #ddd;
}
.table th {
font-weight: 600;
}
.table thead th {
vertical-align: bottom;
}
.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
border-top: 0;
}
.table tbody + tbody {
border-top: 2px solid #ddd;
}
.table-condensed th,
.table-condensed td {
padding: 4px 5px;
}
.table-bordered {
border: 1px solid #ddd;
border-collapse: separate;
*border-collapse: collapsed;
border-left: 0;
border-radius: 4px;
}
.table-bordered th,
.table-bordered td {
border-left: 1px solid #ddd;
}
.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
border-top: 0;
}
.table-bordered thead:first-child tr:first-child th:first-child,
.table-bordered tbody:first-child tr:first-child td:first-child {
border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
}
.table-bordered thead:first-child tr:first-child th:last-child,
.table-bordered tbody:first-child tr:first-child td:last-child {
border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
}
.table-bordered thead:last-child tr:last-child th:first-child,
.table-bordered tbody:last-child tr:last-child td:first-child {
border-radius: 0 0 0 4px;
border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
}
.table-bordered thead:last-child tr:last-child th:last-child,
.table-bordered tbody:last-child tr:last-child td:last-child {
border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
}
.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
background-color: #f9f9f9;
}
.table tbody tr:hover td,
.table tbody tr:hover th {
background-color: #f5f5f5;
}
table .span1 {
float: none;
width: 44px;
margin-left: 0;
}
table .span2 {
float: none;
width: 124px;
margin-left: 0;
}
table .span3 {
float: none;
width: 204px;
margin-left: 0;
}
table .span4 {
float: none;
width: 284px;
margin-left: 0;
}
table .span5 {
float: none;
width: 364px;
margin-left: 0;
}
table .span6 {
float: none;
width: 444px;
margin-left: 0;
}
table .span7 {
float: none;
width: 524px;
margin-left: 0;
}
table .span8 {
float: none;
width: 604px;
margin-left: 0;
}
table .span9 {
float: none;
width: 684px;
margin-left: 0;
}
table .span10 {
float: none;
width: 764px;
margin-left: 0;
}
table .span11 {
float: none;
width: 844px;
margin-left: 0;
}
table .span12 {
float: none;
width: 924px;
margin-left: 0;
}
table .span13 {
float: none;
width: 1004px;
margin-left: 0;
}
table .span14 {
float: none;
width: 1084px;
margin-left: 0;
}
table .span15 {
float: none;
width: 1164px;
margin-left: 0;
}
table .span16 {
float: none;
width: 1244px;
margin-left: 0;
}
table .span17 {
float: none;
width: 1324px;
margin-left: 0;
}
table .span18 {
float: none;
width: 1404px;
margin-left: 0;
}
table .span19 {
float: none;
width: 1484px;
margin-left: 0;
}
table .span20 {
float: none;
width: 1564px;
margin-left: 0;
}
table .span21 {
float: none;
width: 1644px;
margin-left: 0;
}
table .span22 {
float: none;
width: 1724px;
margin-left: 0;
}
table .span23 {
float: none;
width: 1804px;
margin-left: 0;
}
table .span24 {
float: none;
width: 1884px;
margin-left: 0;
}
[class^="icon-"],
[class*=" icon-"] {
display: inline-block;
width: 14px;
height: 14px;
*margin-right: 0.3em;
line-height: 14px;
vertical-align: text-top;
background-image: url(clientlib-resources/resources/bootstrap/img/glyphicons-halflings.png);
background-position: 14px 14px;
background-repeat: no-repeat;
}
[class^="icon-"]:last-child,
[class*=" icon-"]:last-child {
*margin-left: 0;
}
.icon-white {
background-image: url(clientlib-resources/resources/bootstrap/img/glyphicons-halflings-white.png);
}
.icon-glass {
background-position: 0 0;
}
.icon-music {
background-position: -24px 0;
}
.icon-search {
background-position: -48px 0;
}
.icon-envelope {
background-position: -72px 0;
}
.icon-heart {
background-position: -96px 0;
}
.icon-star {
background-position: -120px 0;
}
.icon-star-empty {
background-position: -144px 0;
}
.icon-user {
background-position: -168px 0;
}
.icon-film {
background-position: -192px 0;
}
.icon-th-large {
background-position: -216px 0;
}
.icon-th {
background-position: -240px 0;
}
.icon-th-list {
background-position: -264px 0;
}
.icon-ok {
background-position: -288px 0;
}
.icon-remove {
background-position: -312px 0;
}
.icon-zoom-in {
background-position: -336px 0;
}
.icon-zoom-out {
background-position: -360px 0;
}
.icon-off {
background-position: -384px 0;
}
.icon-signal {
background-position: -408px 0;
}
.icon-cog {
background-position: -432px 0;
}
.icon-trash {
background-position: -456px 0;
}
.icon-home {
background-position: 0 -24px;
}
.icon-file {
background-position: -24px -24px;
}
.icon-time {
background-position: -48px -24px;
}
.icon-road {
background-position: -72px -24px;
}
.icon-download-alt {
background-position: -96px -24px;
}
.icon-download {
background-position: -120px -24px;
}
.icon-upload {
background-position: -144px -24px;
}
.icon-inbox {
background-position: -168px -24px;
}
.icon-play-circle {
background-position: -192px -24px;
}
.icon-repeat {
background-position: -216px -24px;
}
.icon-refresh {
background-position: -240px -24px;
}
.icon-list-alt {
background-position: -264px -24px;
}
.icon-lock {
background-position: -287px -24px;
}
.icon-flag {
background-position: -312px -24px;
}
.icon-headphones {
background-position: -336px -24px;
}
.icon-volume-off {
background-position: -360px -24px;
}
.icon-volume-down {
background-position: -384px -24px;
}
.icon-volume-up {
background-position: -408px -24px;
}
.icon-qrcode {
background-position: -432px -24px;
}
.icon-barcode {
background-position: -456px -24px;
}
.icon-tag {
background-position: 0 -48px;
}
.icon-tags {
background-position: -25px -48px;
}
.icon-book {
background-position: -48px -48px;
}
.icon-bookmark {
background-position: -72px -48px;
}
.icon-print {
background-position: -96px -48px;
}
.icon-camera {
background-position: -120px -48px;
}
.icon-font {
background-position: -144px -48px;
}
.icon-bold {
background-position: -167px -48px;
}
.icon-italic {
background-position: -192px -48px;
}
.icon-text-height {
background-position: -216px -48px;
}
.icon-text-width {
background-position: -240px -48px;
}
.icon-align-left {
background-position: -264px -48px;
}
.icon-align-center {
background-position: -288px -48px;
}
.icon-align-right {
background-position: -312px -48px;
}
.icon-align-justify {
background-position: -336px -48px;
}
.icon-list {
background-position: -360px -48px;
}
.icon-indent-left {
background-position: -384px -48px;
}
.icon-indent-right {
background-position: -408px -48px;
}
.icon-facetime-video {
background-position: -432px -48px;
}
.icon-picture {
background-position: -456px -48px;
}
.icon-pencil {
background-position: 0 -72px;
}
.icon-map-marker {
background-position: -24px -72px;
}
.icon-adjust {
background-position: -48px -72px;
}
.icon-tint {
background-position: -72px -72px;
}
.icon-edit {
background-position: -96px -72px;
}
.icon-share {
background-position: -120px -72px;
}
.icon-check {
background-position: -144px -72px;
}
.icon-move {
background-position: -168px -72px;
}
.icon-step-backward {
background-position: -192px -72px;
}
.icon-fast-backward {
background-position: -216px -72px;
}
.icon-backward {
background-position: -240px -72px;
}
.icon-play {
background-position: -264px -72px;
}
.icon-pause {
background-position: -288px -72px;
}
.icon-stop {
background-position: -312px -72px;
}
.icon-forward {
background-position: -336px -72px;
}
.icon-fast-forward {
background-position: -360px -72px;
}
.icon-step-forward {
background-position: -384px -72px;
}
.icon-eject {
background-position: -408px -72px;
}
.icon-chevron-left {
background-position: -432px -72px;
}
.icon-chevron-right {
background-position: -456px -72px;
}
.icon-plus-sign {
background-position: 0 -96px;
}
.icon-minus-sign {
background-position: -24px -96px;
}
.icon-remove-sign {
background-position: -48px -96px;
}
.icon-ok-sign {
background-position: -72px -96px;
}
.icon-question-sign {
background-position: -96px -96px;
}
.icon-info-sign {
background-position: -120px -96px;
}
.icon-screenshot {
background-position: -144px -96px;
}
.icon-remove-circle {
background-position: -168px -96px;
}
.icon-ok-circle {
background-position: -192px -96px;
}
.icon-ban-circle {
background-position: -216px -96px;
}
.icon-arrow-left {
background-position: -240px -96px;
}
.icon-arrow-right {
background-position: -264px -96px;
}
.icon-arrow-up {
background-position: -289px -96px;
}
.icon-arrow-down {
background-position: -312px -96px;
}
.icon-share-alt {
background-position: -336px -96px;
}
.icon-resize-full {
background-position: -360px -96px;
}
.icon-resize-small {
background-position: -384px -96px;
}
.icon-plus {
background-position: -408px -96px;
}
.icon-minus {
background-position: -433px -96px;
}
.icon-asterisk {
background-position: -456px -96px;
}
.icon-exclamation-sign {
background-position: 0 -120px;
}
.icon-gift {
background-position: -24px -120px;
}
.icon-leaf {
background-position: -48px -120px;
}
.icon-fire {
background-position: -72px -120px;
}
.icon-eye-open {
background-position: -96px -120px;
}
.icon-eye-close {
background-position: -120px -120px;
}
.icon-warning-sign {
background-position: -144px -120px;
}
.icon-plane {
background-position: -168px -120px;
}
.icon-calendar {
background-position: -192px -120px;
}
.icon-random {
background-position: -216px -120px;
}
.icon-comment {
background-position: -240px -120px;
}
.icon-magnet {
background-position: -264px -120px;
}
.icon-chevron-up {
background-position: -288px -120px;
}
.icon-chevron-down {
background-position: -313px -119px;
}
.icon-retweet {
background-position: -336px -120px;
}
.icon-shopping-cart {
background-position: -360px -120px;
}
.icon-folder-close {
background-position: -384px -120px;
}
.icon-folder-open {
background-position: -408px -120px;
}
.icon-resize-vertical {
background-position: -432px -119px;
}
.icon-resize-horizontal {
background-position: -456px -118px;
}
.icon-hdd {
background-position: 0 -144px;
}
.icon-bullhorn {
background-position: -24px -144px;
}
.icon-bell {
background-position: -48px -144px;
}
.icon-certificate {
background-position: -72px -144px;
}
.icon-thumbs-up {
background-position: -96px -144px;
}
.icon-thumbs-down {
background-position: -120px -144px;
}
.icon-hand-right {
background-position: -144px -144px;
}
.icon-hand-left {
background-position: -168px -144px;
}
.icon-hand-up {
background-position: -192px -144px;
}
.icon-hand-down {
background-position: -216px -144px;
}
.icon-circle-arrow-right {
background-position: -240px -144px;
}
.icon-circle-arrow-left {
background-position: -264px -144px;
}
.icon-circle-arrow-up {
background-position: -288px -144px;
}
.icon-circle-arrow-down {
background-position: -312px -144px;
}
.icon-globe {
background-position: -336px -144px;
}
.icon-wrench {
background-position: -360px -144px;
}
.icon-tasks {
background-position: -384px -144px;
}
.icon-filter {
background-position: -408px -144px;
}
.icon-briefcase {
background-position: -432px -144px;
}
.icon-fullscreen {
background-position: -456px -144px;
}
.icon-download {
background-image: url(clientlib-resources/resources/bootstrap/images/icn_load.gif);
background-position: 0 0;
width: 8px;
height: 12px;
}
.dropup,
.dropdown {
position: relative;
}
.dropdown-toggle {
*margin-bottom: -3px;
}
.dropdown-toggle:active,
.open .dropdown-toggle {
outline: 0;
}
.caret {
display: inline-block;
width: 0;
height: 0;
vertical-align: top;
border-top: 4px solid #000;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
content: "";
opacity: 0.3;
}
.dropdown .caret {
margin-top: 8px;
margin-left: 2px;
}
.dropdown:hover .caret,
.open .caret {
opacity: 1;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 4px 0;
margin: 1px 0 0;
list-style: none;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
*border-right-width: 2px;
*border-bottom-width: 2px;
border-radius: 5px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.dropdown-menu.pull-right {
right: 0;
left: auto;
}
.dropdown-menu .divider {
*width: 100%;
height: 1px;
margin: 10px 1px;
*margin: -5px 0 5px;
overflow: hidden;
background-color: #e5e5e5;
border-bottom: 1px solid #fff;
}
.dropdown-menu a {
display: block;
padding: 3px 15px;
clear: both;
font-weight: normal;
line-height: 2;
color: #333;
white-space: nowrap;
}
.dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
color: #fff;
text-decoration: none;
background-color: #00a1dd;
}
.open {
*z-index: 1000;
}
.open .dropdown-menu {
display: block;
}
.pull-right .dropdown-menu {
right: 0;
left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
border-top: 0;
border-bottom: 4px solid #000;
content: "\2191";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 1px;
}
.typeahead {
margin-top: 2px;
border-radius: 4px;
}
.fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.fade.in {
opacity: 1;
}
.collapse {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition: height 0.35s ease;
transition: height 0.35s ease;
}
.collapse.in {
height: auto;
}
.close {
float: right;
font-size: 20px;
font-weight: 600;
line-height: 23px;
color: #000;
text-shadow: 0 1px 0 #ffffff;
opacity: 0.2;
}
.close:hover {
color: #000;
text-decoration: none;
cursor: pointer;
opacity: 0.4;
}
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}
a.btn,
.btn {
display: inline-block;
padding: 10px 22px 9px 22px;
margin-bottom: 0;
margin-top: auto;
margin-right: auto;
font-size: 14px;
line-height: 18px;
font-weight: 600;
text-transform: uppercase;
height: auto;
color: #fff;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-color: #6ebe49;
background-image: none;
border: 1px solid #4e8c38;
border-radius: 3px;
-webkit-transition: background-color 0.4s;
transition: background-color 0.4s;
}
a.btn span,
.btn span {
background-image: none;
padding: 0;
margin: 0;
height: auto;
}
a.btn:hover,
.btn:hover {
text-decoration: none;
background-color: #4e8c38;
}
button.btn:hover {
background-color: #4e8c38;
color: #fff;
border: 1px solid #4e8c38;
}
button.btn-primary:hover {
background-color: #4e8c38;
color: #fff;
border: 1px solid #4e8c38;
}
a.btn:focus,
.btn:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
a.btn.active,
.btn.active,
a.btn:active,
.btn:active {
color: #fff;
background-color: #4e8c38;
border-color: #4e8c38;
outline: 0;
}
a.btn.disabled,
.btn.disabled,
a.btn[disabled],
.btn[disabled] {
cursor: default;
color: #bbb;
background-color: #eee;
border-color: #ccc;
}
a.btn-large,
.btn-large {
padding: 12px 28px 10px 28px;
font-size: 16px;
line-height: 21px;
}
a.btn-large [class^="icon-"],
.btn-large [class^="icon-"] {
margin-top: 1px;
}
a.btn-small,
.btn-small {
padding: 9px 18px 6px 18px;
font-size: 12px;
line-height: 15px;
}
a.btn-small [class^="icon-"],
.btn-small [class^="icon-"] {
margin-top: -1px;
}
a.btn-mini,
.btn-mini {
padding: 3px 10px 3px 10px;
font-size: 11px;
line-height: 13px;
}
a.btn-primary,
.btn-primary,
a.btn-primary:hover,
.btn-primary:hover,
a.btn-primary:active,
.btn-primary:active,
a.btn-primary.active,
.btn-primary.active,
a.btn-info,
.btn-info,
a.btn-info:hover,
.btn-info:hover,
a.btn-info:active,
.btn-info:active,
a.btn-info.active,
.btn-info.active {
color: #fff;
}
a.btn-primary,
.btn-primary {
background-color: #6ebe49;
border-color: #4e8c38;
}
a.btn-primary:hover,
.btn-primary:hover {
background-color: #4e8c38;
}
a.btn-primary:active,
.btn-primary:active,
a.btn-primary.active,
.btn-primary.active {
background-color: #4e8c38;
border-color: #4e8c38;
}
a.btn-primary.disabled,
.btn-primary.disabled,
a.btn-primary[disabled],
.btn-primary[disabled] {
color: #bbb;
background-color: #eee;
border-color: #ccc;
}
a.btn-warning,
.btn-warning {
background-color: #6ebe49;
background-image: -webkit-gradient(linear, left top, left bottom, from(#6ebe49), to(#6ebe49));
background-image: linear-gradient(top, #6ebe49, #6ebe49);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6ebe49', endColorstr='#6ebe49', GradientType=0);
border-color: #6ebe49 #6ebe49 #4d8931;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #6ebe49;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
a.btn-warning:hover,
.btn-warning:hover,
a.btn-warning:active,
.btn-warning:active,
a.btn-warning.active,
.btn-warning.active,
a.btn-warning.disabled,
.btn-warning.disabled,
a.btn-warning[disabled],
.btn-warning[disabled] {
background-color: #6ebe49;
*background-color: #62af3e;
}
a.btn-warning:active,
.btn-warning:active,
a.btn-warning.active,
.btn-warning.active {
background-color: #589c38 \9;
}
a.btn-danger,
.btn-danger {
background-color: #6ebe49;
background-image: -webkit-gradient(linear, left top, left bottom, from(#6ebe49), to(#6ebe49));
background-image: linear-gradient(top, #6ebe49, #6ebe49);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6ebe49', endColorstr='#6ebe49', GradientType=0);
border-color: #6ebe49 #6ebe49 #4d8931;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #6ebe49;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
a.btn-danger:hover,
.btn-danger:hover,
a.btn-danger:active,
.btn-danger:active,
a.btn-danger.active,
.btn-danger.active,
a.btn-danger.disabled,
.btn-danger.disabled,
a.btn-danger[disabled],
.btn-danger[disabled] {
background-color: #6ebe49;
*background-color: #62af3e;
}
a.btn-danger:active,
.btn-danger:active,
a.btn-danger.active,
.btn-danger.active {
background-color: #589c38 \9;
}
a.btn-success,
.btn-success {
background-color: #6ebe49;
background-image: -webkit-gradient(linear, left top, left bottom, from(#6ebe49), to(#6ebe49));
background-image: linear-gradient(top, #6ebe49, #6ebe49);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6ebe49', endColorstr='#6ebe49', GradientType=0);
border-color: #6ebe49 #6ebe49 #4d8931;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #6ebe49;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
a.btn-success:hover,
.btn-success:hover,
a.btn-success:active,
.btn-success:active,
a.btn-success.active,
.btn-success.active,
a.btn-success.disabled,
.btn-success.disabled,
a.btn-success[disabled],
.btn-success[disabled] {
background-color: #6ebe49;
*background-color: #62af3e;
}
a.btn-success:active,
.btn-success:active,
a.btn-success.active,
.btn-success.active {
background-color: #589c38 \9;
}
a.btn-info,
.btn-info {
background-color: #6ebe49;
border-color: #4e8c38;
}
a.btn-info:hover,
.btn-info:hover {
background-color: #4e8c38;
}
a.btn-info:active,
.btn-info:active,
a.btn-info.active,
.btn-info.active {
background-color: #4e8c38;
border-color: #4e8c38;
}
a.btn-info.disabled,
.btn-info.disabled,
a.btn-info[disabled],
.btn-info[disabled] {
color: #bbb;
background-color: #eee;
border-color: #ccc;
}
a.btn-inverse,
.btn-inverse {
color: #fff;
background-color: #5c5c5c;
background-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(#4d4d4d));
background-image: linear-gradient(top, #666, #4d4d4d);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666', endColorstr='#4d4d4d', GradientType=0);
border-color: #4d4d4d #4d4d4d #262626;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #4d4d4d;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
a.btn-inverse:hover,
.btn-inverse:hover,
a.btn-inverse:active,
.btn-inverse:active,
a.btn-inverse.active,
.btn-inverse.active,
a.btn-inverse.disabled,
.btn-inverse.disabled,
a.btn-inverse[disabled],
.btn-inverse[disabled] {
background-color: #4d4d4d;
*background-color: #404040;
}
a.btn-inverse:active,
.btn-inverse:active,
a.btn-inverse.active,
.btn-inverse.active {
background-color: #333333 \9;
}
button.btn,
input[type="submit"].btn {
*padding-top: 2px;
*padding-bottom: 2px;
}
button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
padding: 0;
border: 0;
}
button.btn.btn-large,
input[type="submit"].btn.btn-large {
*padding-top: 7px;
*padding-bottom: 7px;
}
button.btn.btn-small,
input[type="submit"].btn.btn-small {
*padding-top: 3px;
*padding-bottom: 3px;
}
button.btn.btn-mini,
input[type="submit"].btn.btn-mini {
*padding-top: 1px;
*padding-bottom: 1px;
}
.alert {
padding: 8px 35px 8px 14px;
margin-bottom: 23px;
background-color: #f4f0db;
border: 1px solid #f3e6cd;
border-radius: 3px;
color: #ff8300;
text-align: left;
}
.alert .ss-icon {
position: relative;
top: 0;
right: -1.5em;
float: right;
}
.alert-heading {
color: inherit;
}
.alert .close {
position: relative;
top: -2px;
right: -21px;
line-height: 18px;
}
.alert-success {
background-color: #d7e8d0;
border-color: #cee1be;
color: #3fae49;
}
.alert-danger,
.alert-error {
background-color: #ead6d6;
border-color: #e6cbcf;
color: #ea1d2c;
}
.alert-info {
background-color: #d1e5ef;
border-color: #b4e0e9;
color: #005897;
}
.alert-block {
padding-top: 14px;
padding-bottom: 14px;
}
.alert-block > p,
.alert-block > ul {
margin-bottom: 0;
}
.alert-block p + p {
margin-top: 5px;
}
.nav {
margin-left: 0;
margin-bottom: 23px;
list-style: none;
}
.nav > li > a {
display: block;
}
.nav > li > a:hover {
text-decoration: none;
background-color: #ddd;
}
.nav > .pull-right {
float: right;
}
.nav .nav-header {
display: block;
padding: 3px 15px;
font-size: 11px;
font-weight: 600;
line-height: 23px;
color: #ccc;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
text-transform: uppercase;
}
.nav li + .nav-header {
margin-top: 9px;
}
.nav-list {
padding-left: 15px;
padding-right: 15px;
margin-bottom: 0;
}
.nav-list > li > a,
.nav-list .nav-header {
margin-left: -15px;
margin-right: -15px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.nav-list > li > a {
padding: 3px 15px;
}
.nav-list > .active > a,
.nav-list > .active > a:hover {
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
background-color: #00a1dd;
}
.nav-list [class^="icon-"] {
margin-right: 2px;
}
.nav-list .divider {
*width: 100%;
height: 1px;
margin: 10px 1px;
*margin: -5px 0 5px;
overflow: hidden;
background-color: #e5e5e5;
border-bottom: 1px solid #fff;
}
.nav-tabs,
.nav-pills {
*zoom: 1;
}
.nav-tabs:before,
.nav-pills:before,
.nav-tabs:after,
.nav-pills:after {
display: table;
content: "";
}
.nav-tabs:after,
.nav-pills:after {
clear: both;
}
.nav-tabs > li,
.nav-pills > li {
float: left;
}
.nav-tabs > li > a,
.nav-pills > li > a {
padding-right: 12px;
padding-left: 12px;
margin-right: 2px;
line-height: 14px;
}
.nav-tabs {
border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
margin-bottom: -1px;
}
.nav-tabs > li > a {
padding-top: 8px;
padding-bottom: 8px;
line-height: 23px;
border: 1px solid transparent;
border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
border-color: #ddd #ddd #ddd;
}
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover {
color: #bbb;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent;
cursor: default;
}
.nav-pills > li > a {
padding-top: 8px;
padding-bottom: 8px;
margin-top: 2px;
margin-bottom: 2px;
border-radius: 5px;
}
.nav-pills > .active > a,
.nav-pills > .active > a:hover {
color: #fff;
background-color: #00a1dd;
}
.nav-stacked > li {
float: none;
}
.nav-stacked > li > a {
margin-right: 0;
}
.nav-tabs.nav-stacked {
border-bottom: 0;
}
.nav-tabs.nav-stacked > li > a {
border: 1px solid #ddd;
border-radius: 0;
}
.nav-tabs.nav-stacked > li:first-child > a {
border-radius: 4px 4px 0 0;
}
.nav-tabs.nav-stacked > li:last-child > a {
border-radius: 0 0 4px 4px;
}
.nav-tabs.nav-stacked > li > a:hover {
border-color: #ddd;
z-index: 2;
}
.nav-pills.nav-stacked > li > a {
margin-bottom: 3px;
}
.nav-pills.nav-stacked > li:last-child > a {
margin-bottom: 1px;
}
.nav-tabs .dropdown-menu {
border-radius: 0 0 5px 5px;
}
.nav-pills .dropdown-menu {
border-radius: 4px;
}
.nav-tabs .dropdown-toggle .caret,
.nav-pills .dropdown-toggle .caret {
border-top-color: #00a1dd;
border-bottom-color: #00a1dd;
margin-top: 6px;
}
.nav-tabs .dropdown-toggle:hover .caret,
.nav-pills .dropdown-toggle:hover .caret {
border-top-color: #00a1dd;
border-bottom-color: #00a1dd;
}
.nav-tabs .active .dropdown-toggle .caret,
.nav-pills .active .dropdown-toggle .caret {
border-top-color: #999;
border-bottom-color: #999;
}
.nav > .dropdown.active > a:hover {
color: #000;
cursor: pointer;
}
.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav > li.dropdown.open.active > a:hover {
color: #fff;
background-color: #ccc;
border-color: #ccc;
}
.nav li.dropdown.open .caret,
.nav li.dropdown.open.active .caret,
.nav li.dropdown.open a:hover .caret {
border-top-color: #fff;
border-bottom-color: #fff;
opacity: 1;
}
.tabs-stacked .open > a:hover {
border-color: #ccc;
}
.tabbable {
*zoom: 1;
}
.tabbable:before,
.tabbable:after {
display: table;
content: "";
}
.tabbable:after {
clear: both;
}
.tab-content {
overflow: auto;
}
.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
border-bottom: 0;
}
.tab-content > .tab-pane,
.pill-content > .pill-pane {
display: none;
}
.tab-content > .active,
.pill-content > .active {
display: block;
}
.tabs-below > .nav-tabs {
border-top: 1px solid #ddd;
}
.tabs-below > .nav-tabs > li {
margin-top: -1px;
margin-bottom: 0;
}
.tabs-below > .nav-tabs > li > a {
border-radius: 0 0 4px 4px;
}
.tabs-below > .nav-tabs > li > a:hover {
border-bottom-color: transparent;
border-top-color: #ddd;
}
.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover {
border-color: transparent #ddd #ddd #ddd;
}
.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
float: none;
}
.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
min-width: 74px;
margin-right: 0;
margin-bottom: 3px;
}
.tabs-left > .nav-tabs {
float: left;
margin-right: 19px;
border-right: 1px solid #ddd;
}
.tabs-left > .nav-tabs > li > a {
margin-right: -1px;
border-radius: 4px 0 0 4px;
}
.tabs-left > .nav-tabs > li > a:hover {
border-color: #ddd #ddd #ddd #ddd;
}
.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover {
border-color: #ddd transparent #ddd #ddd;
*border-right-color: #fff;
}
.tabs-right > .nav-tabs {
float: right;
margin-left: 19px;
border-left: 1px solid #ddd;
}
.tabs-right > .nav-tabs > li > a {
margin-left: -1px;
border-radius: 0 4px 4px 0;
}
.tabs-right > .nav-tabs > li > a:hover {
border-color: #ddd #ddd #ddd #ddd;
}
.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover {
border-color: #ddd #ddd #ddd transparent;
*border-left-color: #fff;
}
.pagination {
height: 46px;
margin: 23px 0;
}
.pagination ul {
display: inline-block;
*display: inline;
/* IE7 inline-block hack */
*zoom: 1;
margin-left: 0;
margin-bottom: 0;
border-radius: 3px;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pagination li {
display: inline;
}
.pagination a {
float: left;
padding: 0 14px;
line-height: 44px;
text-decoration: none;
border: 1px solid #ddd;
border-left-width: 0;
}
.pagination a:hover,
.pagination .active a {
background-color: #f5f5f5;
}
.pagination .active a {
color: #ccc;
cursor: default;
}
.pagination .disabled span,
.pagination .disabled a,
.pagination .disabled a:hover {
color: #ccc;
background-color: transparent;
cursor: default;
}
.pagination li:first-child a {
border-left-width: 1px;
border-radius: 3px 0 0 3px;
}
.pagination li:last-child a {
border-radius: 0 3px 3px 0;
}
.pagination-centered {
text-align: center;
}
.pagination-right {
text-align: right;
}
.modal-open .dropdown-menu {
z-index: 31002;
}
.modal-open .dropdown.open {
*z-index: 31002;
}
.modal-open .popover {
z-index: 31012;
}
.modal-open .tooltip {
z-index: 31022;
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
}
.modal-backdrop.fade {
opacity: 0;
}
.modal-backdrop,
.modal-backdrop.fade.in {
opacity: 0.8;
}
.modal {
position: fixed;
top: 50%;
left: 50%;
z-index: 30002;
overflow: auto;
width: 670px;
margin: -250px 0 0 -345px;
background-color: #fff;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, 0.3);
*border: 1px solid #999;
/* IE6-7 */
border-radius: 6px;
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
}
.modal.fade {
-webkit-transition: opacity .3s linear, top .3s ease-out;
transition: opacity .3s linear, top .3s ease-out;
top: -25%;
}
.modal.fade.in {
top: 50%;
}
.modal-header {
padding: 9px 15px;
border-bottom: 1px solid #eee;
}
.modal-header .close {
margin-top: 2px;
}
.modal-body {
overflow-y: auto;
max-height: 400px;
padding: 15px;
}
.modal-form {
margin-bottom: 0;
}
.modal-footer {
padding: 14px 15px 15px;
margin-bottom: 0;
text-align: right;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
border-radius: 0 0 6px 6px;
-webkit-box-shadow: inset 0 1px 0 #fff;
box-shadow: inset 0 1px 0 #fff;
*zoom: 1;
}
.modal-footer:before,
.modal-footer:after {
display: table;
content: "";
}
.modal-footer:after {
clear: both;
}
.modal-footer .btn + .btn {
margin-left: 10px;
margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
margin-left: -1px;
}
.tooltip {
position: absolute;
z-index: 1020;
display: block;
visibility: visible;
padding: 5px;
font-size: 11px;
opacity: 0;
}
.tooltip.in {
opacity: 0.8;
}
.tooltip.top {
margin-top: -2px;
}
.tooltip.right {
margin-left: 2px;
}
.tooltip.bottom {
margin-top: 2px;
}
.tooltip.left {
margin-left: -2px;
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #000;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid #000;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #000;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-right: 5px solid #000;
}
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #fff;
text-align: center;
text-decoration: none;
background-color: #000;
border-radius: 4px;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
}
.thumbnails {
margin-left: -20px;
list-style: none;
*zoom: 1;
}
.thumbnails:before,
.thumbnails:after {
display: table;
content: "";
}
.thumbnails:after {
clear: both;
}
.row-fluid .thumbnails {
margin-left: 0;
}
.thumbnails > li {
float: left;
margin-bottom: 23px;
margin-left: 20px;
}
.thumbnail {
display: block;
padding: 4px;
line-height: 1;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
}
a.thumbnail:hover {
border-color: #00a1dd;
-webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}
.thumbnail > img {
display: block;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.thumbnail .caption {
padding: 9px;
}
.label,
.badge {
font-size: 13.536px;
font-weight: 600;
line-height: 14px;
color: #fff;
vertical-align: baseline;
white-space: nowrap;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #ccc;
}
.label {
padding: 1px 4px 2px;
border-radius: 3px;
}
.badge {
padding: 1px 9px 2px;
border-radius: 9px;
}
a.label:hover,
a.badge:hover {
color: #fff;
text-decoration: none;
cursor: pointer;
}
.label-important,
.badge-important {
background-color: #ea1d2c;
}
.label-important[href],
.badge-important[href] {
background-color: #c2121f;
}
.label-warning,
.badge-warning {
background-color: #ff8300;
}
.label-warning[href],
.badge-warning[href] {
background-color: #cc6900;
}
.label-success,
.badge-success {
background-color: #3fae49;
}
.label-success[href],
.badge-success[href] {
background-color: #318939;
}
.label-info,
.badge-info {
background-color: #005897;
}
.label-info[href],
.badge-info[href] {
background-color: #003a64;
}
.label-inverse,
.badge-inverse {
background-color: #999;
}
.label-inverse[href],
.badge-inverse[href] {
background-color: #808080;
}
.accordion {
margin-bottom: 23px;
}
.accordion-group {
margin-bottom: 2px;
border: 1px solid #e5e5e5;
border-radius: 4px;
}
.accordion-heading {
border-bottom: 0;
}
.accordion-heading .accordion-toggle {
display: block;
padding: 8px 15px;
}
.accordion-toggle {
cursor: pointer;
}
.accordion-inner {
padding: 9px 15px;
border-top: 1px solid #e5e5e5;
}
.carousel {
position: relative;
margin-bottom: 23px;
line-height: 1;
}
.carousel-inner {
overflow: hidden;
width: 100%;
position: relative;
}
.carousel .item {
display: none;
position: relative;
-webkit-transition: 0.6s ease-in-out left;
transition: 0.6s ease-in-out left;
}
.carousel .item > img {
display: block;
line-height: 1;
}
.carousel .active,
.carousel .next,
.carousel .prev {
display: block;
}
.carousel .active {
left: 0;
}
.carousel .next,
.carousel .prev {
position: absolute;
top: 0;
width: 100%;
}
.carousel .next {
left: 100%;
}
.carousel .prev {
left: -100%;
}
.carousel .next.left,
.carousel .prev.right {
left: 0;
}
.carousel .active.left {
left: -100%;
}
.carousel .active.right {
left: 100%;
}
.carousel-control {
position: absolute;
top: 40%;
left: 15px;
width: 27px;
height: 27px;
margin-top: -20px;
font-size: 28px;
font-weight: 100;
line-height: 23px;
color: #fff;
text-align: center;
cursor: pointer;
background: #666;
border: 3px solid #fff;
border-radius: 23px;
opacity: 0.5;
}
.carousel-control.right {
left: auto;
right: 15px;
}
.carousel-control:hover {
color: #fff;
text-decoration: none;
opacity: 0.9;
}
.carousel-caption {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 10px 15px 5px;
background: #999;
background: rgba(0, 0, 0, 0.75);
}
.carousel-caption h4,
.carousel-caption p {
color: #fff;
}
.carousel-position {
position: absolute;
bottom: 3%;
right: -1%;
margin-left: -50px;
width: 118px;
text-align: center;
font-size: 30px;
color: #999;
}
.carousel-position .on {
color: #00a1dd;
}
.carousel-illustrated .item {
padding-left: 50px;
padding-right: 50px;
}
.carousel-illustrated .carousel-position {
font-size: 40px;
left: 50%;
right: 0;
bottom: auto;
margin-top: -13px;
line-height: 18px;
}
.carousel-illustrated .carousel-control {
font-size: 60px;
height: 40px;
width: 40px;
line-height: 30px;
}
.carousel-control.disable,
.carousel-control.disable:hover {
opacity: 0.2;
filter: alpha(opacity=20);
}
.carousel-control.right.carousel-mediaPopup.disable,
.carousel-control.left.carousel-mediaPopup.disable {
display: none;
}
.carousel-illustrated .carousel-control.right {
right: 0px;
}
.carousel-illustrated .carousel-control.left {
left: 0px;
}
.carousel-illustrated span3,
.carousel-illustrated span4 {
padding: 4px;
}
.carousel-wrapper {
position: relative;
}
.modal-tile img {
margin-bottom: 10px;
}
.modal-tile-download-links {
border-top: 1px solid #ccc;
font-size: 11px;
}
.modal-tile-download-links-title {
color: #999;
font-weight: normal;
font-size: 11px;
}
.carousel-illustrated .modal .link-list {
font-size: 11px;
}
.swipe {
overflow: hidden;
visibility: hidden;
position: relative;
}
.swipe-wrap {
overflow: hidden;
position: relative;
}
.swipe-wrap div {
float: left;
width: 100%;
position: relative;
}
.carousel-illustrated.m-carousel .m-item {
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
width: 25%;
padding: 0 12px;
text-align: center;
}
.carousel-illustrated.m-carousel .m-item a {
font-size: 14px;
line-height: 1.4;
}
.carousel-illustrated.m-carousel .m-carousel-controls.m-carousel-pagination a {
border-radius: 50%;
background-color: transparent;
color: #999;
font-size: 40px;
line-height: 18px;
}
.carousel-illustrated.m-carousel .m-carousel-controls.m-carousel-pagination a.m-active {
color: #00a1dd;
}
.carousel-illustrated.m-carousel .m-carousel-controls.m-carousel-arrows {
padding: 0;
}
.carousel-illustrated.m-carousel .m-carousel-controls.m-carousel-arrows a {
position: absolute;
font-size: 0;
line-height: 0;
width: 10px;
height: 40px;
top: 20%;
}
.carousel-illustrated.m-carousel .m-carousel-controls.m-carousel-arrows a:after {
content: "";
position: absolute;
width: 9px;
height: 9px;
padding: 0;
margin-top: -7px;
border-width: 3px 3px 0 0;
border-style: solid;
border-color: #333;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
font-size: 0;
line-height: 0;
top: 50%;
}
.carousel-illustrated.m-carousel .m-carousel-controls.m-carousel-arrows a[data-slider="prev"] {
left: 3px;
}
.carousel-illustrated.m-carousel .m-carousel-controls.m-carousel-arrows a[data-slider="prev"]:after {
left: 0;
border-width: 0 0 3px 3px;
}
.carousel-illustrated.m-carousel .m-carousel-controls.m-carousel-arrows a[data-slider="next"] {
right: 3px;
}
.carousel-illustrated.m-carousel .m-carousel-controls.m-carousel-arrows a[data-slider="next"]:after {
right: 0;
}
/* STX Display Views */
.nm-container {
position: relative;
z-index: 100;
margin-bottom: 20px;
background-color: #161b1f;
}
.nav-mega {
height: 127px;
position: relative;
z-index: 3;
background-color: #fff;
}
.nav-mega a {
color: #0084cb;
}
.nm-no-nav .nav-mega {
height: 59px;
}
.nm-no-nav .nm-logo {
margin: 0 0 0 -10px;
}
.logo-wrapper {
position: relative;
z-index: 3;
}
.nm-logo {
float: left;
padding: 10px;
background: transparent;
margin: 7px 0 6px -10px;
position: relative;
}
.nm-logo a {
display: block;
width: 162px;
height: 39px;
border-radius: 3px;
text-align: center;
font-size: 0;
line-height: 39px;
background-image: url(clientlib-resources/resources/bootstrap/images/stx-staticlogo-green-nopad-324x78.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.nm-logo .seagate-portal-logo {
display: inline-block;
top: 20px;
left: 211px;
font-size: 17px;
color: #333;
}
.nm-app {
position: absolute;
opacity: 0;
left: 179px;
top: 8px;
}
.nm-app > p,
.nm-app > a {
display: inline-block;
color: #000;
font-weight: 600;
font-size: 17px;
margin-bottom: 0;
padding: 10px;
height: 39px;
line-height: 39px;
vertical-align: top;
opacity: 0;
-webkit-transition: opacity 0.1s ease-out;
transition: opacity 0.1s ease-out;
}
.nm-side-toggle,
.nm-user,
.nm-cart,
.nm-globe,
.nm-search {
float: right;
margin-top: 17px;
}
.nm-icon {
margin-left: 20px;
}
.nm-icon > .nm-icon-container {
display: block;
color: #868589;
cursor: pointer;
padding: 9px 0;
font-size: 0;
line-height: 0;
text-decoration: none;
}
.nm-icon > .nm-icon-container > span {
display: inline-block;
width: 21px;
height: 21px;
line-height: 21px;
margin-top: 0;
vertical-align: top;
text-align: center;
background: url(clientlib-resources/resources/bootstrap/images/nm/sprite-icn-nm.png) no-repeat;
}
.nm-icon > .nm-icon-container:hover {
text-decoration: none;
}
.nm-icon > .nm-icon-container:hover > span.ss-icon {
background-color: transparent;
color: #0084cb;
}
.nm-user {
position: relative;
z-index: 3;
}
.nm-user > .nm-icon-container {
position: relative;
}
.nm-user > .nm-icon-container > span {
background-position: -57px 0;
}
.nm-user > .nm-icon-container > i {
font-size: 12px;
color: #0084cb;
display: inline-block;
width: 12px;
height: 20px;
line-height: 20px;
vertical-align: top;
position: absolute;
top: 0;
left: 0;
right: 0;
padding: 5px 0 0 22px;
background-color: rgba(255, 255, 255, 0);
}
.nm-user:hover .nm-user-drop-container,
.nm-user.nm-user-pulled .nm-user-drop-container {
display: block;
}
.nm-user:hover > .nm-icon-container > span,
.nm-user.nm-user-pulled > .nm-icon-container > span {
background-position: -57px -21px;
}
.nm-user .nm-user-drop-container {
position: absolute;
display: none;
min-width: 160px;
right: -12px;
padding: 16px 0 0;
z-index: 3;
}
.nm-user .nm-user-drop {
background: #ffffff;
border: 1px solid #333333;
color: #333;
padding: 8px 0 0;
text-align: right;
}
.nm-user .nm-user-drop:before,
.nm-user .nm-user-drop:after {
bottom: 100%;
top: 0;
right: 15px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.nm-user .nm-user-drop:after {
right: 16px;
border-color: transparent;
border-bottom-color: #ffffff;
border-width: 7px;
margin-left: -8px;
margin-top: 3px;
}
.nm-user .nm-user-drop:before {
border-color: transparent;
border-bottom-color: #333333;
border-width: 8px;
margin-left: -16px;
margin-top: 1px;
}
.nm-user .nm-user-drop > p,
.nm-user .nm-user-drop > a {
display: block;
font-size: 12px;
line-height: 15px;
padding: 0 10px;
margin: 0 0 8px;
white-space: nowrap;
vertical-align: top;
color: #868589;
}
.nm-user .nm-user-drop > a:hover {
color: #0084cb;
}
.nm-user .nm-user-drop > hr {
margin: 0 0 8px;
border: 0;
border-top: 1px solid #e6e6e6;
}
.nm-cart {
position: relative;
}
.nm-cart > .nm-icon-container > span {
width: 24px;
background-position: -33px 0;
}
.nm-cart > .nm-icon-container > i {
position: absolute;
top: 0;
right: -5px;
min-width: 20px;
height: 20px;
border-radius: 50%;
background: #e53e2f;
font-size: 12px;
font-weight: 600;
font-style: normal;
line-height: 20px;
text-align: center;
color: #fff;
}
.nm-cart > .nm-icon-container:hover > span {
background-position: -33px -21px;
}
.nm-globe {
position: relative;
z-index: 3;
}
.nm-globe .globe-icon {
background: none;
padding-left: 0;
margin-bottom: 0;
padding: 9px 0;
font-size: 0;
line-height: 0;
}
.nm-globe .globe-icon > span {
background-position: -12px 0;
}
.nm-globe .globe-icon > #currentCountryText {
display: inline-block;
padding-left: 5px;
font-size: 13px;
line-height: 21px;
}
.nm-globe .globe-icon:hover > span {
background-position: -12px -21px;
}
.nm-globe .globe-icon:hover > #currentCountryText {
color: #6ebe49;
}
.nm-search {
position: relative;
margin-right: 13px;
}
.nm-search form {
margin: 0;
}
.nm-search form > * {
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
height: 25px;
vertical-align: top;
}
.nm-search .nm-search-btn {
position: absolute;
left: 0;
top: 0;
width: 30px;
height: 30px;
line-height: 30px;
padding: 9px;
}
.nm-search .nm-search-btn > span {
display: block;
width: 12px;
height: 12px;
background: url(clientlib-resources/resources/bootstrap/images/nm/sprite-icn-nm.png) no-repeat 0 0;
}
.nm-search .nm-search-input {
border-radius: 9999px;
border: 1px solid #ccc;
font-size: 13px;
line-height: 18px;
margin: 0;
padding: 6px 30px;
width: 254px;
height: 30px;
-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15);
box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15);
color: #ccc;
}
.nm-search .nm-search-input:focus {
color: #333;
outline: 0;
border-color: #999;
}
.nm-search .nm-search-input::-ms-clear {
display: none;
}
.nm-search .nm-search-clear {
color: #999999;
width: 30px;
height: 30px;
font-size: 12px;
line-height: 30px;
position: absolute;
right: 0px;
top: 0;
text-align: center;
}
.nm-search .nm-search-clear > span {
width: 13px;
display: inline-block;
vertical-align: middle;
}
.nm-search .nm-search-submit {
display: none;
}
.nm-menu {
height: 55px;
clear: both;
}
.nm-menu:after {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 0;
top: 72px;
height: 55px;
background-color: #161b1f;
opacity: 1;
}
.nm-menu > ul {
list-style: none;
margin: 0;
}
.nm-menu > ul > li {
float: left;
list-style: none;
}
.nm-menu > ul > li.nm-menu-pulled .nm-dropdown {
display: block;
}
.nm-menu > ul > li.nm-menu-pulled .nm-menu-item-1lvl > a {
color: #0084cb;
}
.nm-menu > ul > li.nm-menu-pulled .nm-menu-item-1lvl > [class^="ss-"] {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
.nm-menu > ul > li:last-of-type .nm-menu-item-1lvl > a {
padding-right: 0;
}
.nm-menu > ul > li:last-of-type .nm-menu-item-1lvl > [class^="ss-"] {
margin-right: -4px;
}
.nm-menu.nm-m-segment {
-webkit-transition: height 0.2s ease-out;
transition: height 0.2s ease-out;
overflow: hidden;
}
.nm-menu.nm-m-segment > ul {
float: right;
}
.nm-menu.nm-m-segment > p {
float: left;
position: relative;
z-index: 2;
padding: 17px 0;
margin-bottom: 0;
opacity: 1;
-webkit-transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out;
}
.nm-menu.nm-m-segment > p,
.nm-menu.nm-m-segment > p > a {
font-size: 17px;
line-height: 21px;
font-weight: 600;
color: #fff;
}
.nm-menu.nm-m-segment .nm-menu-item-1lvl > a {
font-size: 11px;
padding-right: 30px;
opacity: 1;
-webkit-transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out;
}
.nm-menu.nm-m-segment .nm-menu-item-1lvl > [class^="ss-"] {
margin-right: 11px;
}
.nm-menu.nm-m-segment.nm-version-internal > ul > li.nm-mi-internal {
display: none;
}
.nm-menu.nm-m-segment.nm-version-enterprise > ul > li.nm-mi-enterprise {
display: none;
}
.nm-menu.nm-m-segment.nm-version-story > ul > li.nm-mi-story {
display: none;
}
.nm-menu.nm-m-segment.nm-version-external > ul > li.nm-mi-external {
display: none;
}
.nm-menu.nm-m-segment.nm-version-partners > ul > li.nm-mi-partners {
display: none;
}
.nm-menu.nm-m-segment.nm-version-support > ul > li.nm-mi-support {
display: none;
}
.nm-dropdown {
position: absolute;
left: 0;
right: 0;
top: 127px;
background: #f4f4f4;
display: none;
-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
border-top: 1px solid #0084cb;
}
.nm-menu-item-1lvl {
position: relative;
}
.nm-menu-item-1lvl > img[title="Edit item"] {
position: relative;
z-index: 3;
}
.nm-menu-item-1lvl > a {
font-size: 12px;
line-height: 18px;
text-transform: uppercase;
text-align: center;
color: #868589;
padding-right: 45px;
margin: 0;
cursor: pointer;
position: relative;
z-index: 2;
display: table-cell;
vertical-align: middle;
height: 55px;
}
.nm-menu-item-1lvl > a:hover {
color: #0084cb;
text-decoration: none;
}
.nm-menu-item-1lvl > a > em {
font-style: normal;
display: none;
}
.nm-menu-item-1lvl > a > span {
display: block;
}
.nm-menu-item-1lvl > [class^="ss-"] {
position: absolute;
top: 50%;
right: 50%;
font-size: 9px;
width: 9px;
height: 10px;
line-height: 10px;
margin-top: -6px;
color: #0084cb;
z-index: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
margin-right: 18px;
visibility: hidden;
}
.nm-menu-item-1lvl > .directup {
top: auto;
bottom: -4px;
margin-top: 0;
visibility: visible;
}
.nm-menu-item-2lvl > p,
.nm-menu-item-2lvl > a {
display: block;
color: #000;
font-size: 19px;
line-height: 24px;
margin-bottom: 7px;
text-decoration: none;
}
.nm-dropdown-menu {
min-height: 260px;
padding: 20px 0;
}
.nm-dropdown-menu ul {
margin: 0;
list-style: none;
}
.nm-dropdown-menu ul > li {
list-style: none;
font-size: 12px;
line-height: 15px;
padding: 3px 0 2px;
}
.nm-menu-box-3lvl > ul > li a {
display: inline-block;
color: #868589;
}
.nm-menu-box-3lvl > ul > li a:hover {
color: #0084cb;
}
.nm-side-overlay,
.nm-drop-overlay {
position: absolute;
right: 0;
left: 0;
z-index: -2;
opacity: 0;
background: rgba(0, 0, 0, 0.85);
visibility: hidden;
}
.nm-side-overlay {
top: 0;
}
.nm-drop-overlay {
top: 127px;
-webkit-transition: opacity 0.3s ease, visibility 0s 0.3s ease;
transition: opacity 0.3s ease, visibility 0s 0.3s ease;
}
.nm-side-opened .nm-side-overlay {
z-index: 2;
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.nm-drop-pulled .nm-drop-overlay {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.sticky-header-top .nav-mega {
height: 65px;
}
.sticky-header-top .nav-mega .nm-menu {
display: none;
}
.seagategov .nm-logo a {
background-image: url(clientlib-resources/resources/bootstrap/images/seagate-government-logo-2color-horizontal-272x36.png);
width: 272px;
}
.maxtor .nm-logo a {
width: 272px;
}
@media print {
.nm-container {
display: none;
}
}
.nav-mega-secondary {
position: relative;
padding: 20px 0;
background-color: #161b1f;
border-width: 1px 0 0;
border-style: solid;
border-color: #0084cb;
}
.nms-media {
*zoom: 1;
}
.nms-media:before,
.nms-media:after {
display: table;
content: "";
}
.nms-media:after {
clear: both;
}
.nms-media:hover .nms-m-icn {
background-position: 0 -160px;
cursor: pointer;
}
.nms-media:hover .nms-m-icn:after {
background-color: #0084cb;
}
.nms-media:hover .nms-m-icn svg * {
fill: #0084cb !important;
}
.nms-m-icn {
float: left;
width: 90px;
height: 80px;
background-repeat: no-repeat;
background-position: 0 0;
position: relative;
color: #868589;
}
.nms-m-icn.nms-m-icn-has-bg:after {
display: none;
}
.nms-m-icn:after {
content: "";
width: 10px;
height: 10px;
border-radius: 1px;
background-color: currentColor;
top: 22px;
right: 10px;
position: absolute;
}
.nms-m-icn svg * {
-webkit-transition: all 0.2s;
transition: all 0.2s;
fill: #868589 !important;
}
.nms-m-txt > a:hover {
color: #0084cb;
}
.nav-mega-secondary .container .primary-row + .tertiary-row:before,
.global-secondary .primary-row + .tertiary-row:before {
content: "";
width: 100%;
position: absolute;
height: 1px;
background: #a9a9a9;
left: 0;
}
.nav-mega-secondary .container .tertiary-row,
.global-secondary .tertiary-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.tertiary-row a:hover {
color: #6ebe49 !important;
text-decoration: none !important;
}
.tertiary-row .span3 {
position: relative;
}
.tertiary-row .span3:hover .nms-media-dropdown {
display: block;
}
.tertiary-row .nms-media-dropdown {
position: absolute;
top: 100%;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: none;
}
.tertiary-row .nms-media-dropdown:before {
content: "";
background: #161b1f;
width: 100%;
height: 20px;
position: relative;
display: block;
}
.tertiary-row .nms-media-dropdown .nms-media-dropdown-menu {
padding: 15px 20px;
background: #2c2c2c;
}
.tertiary-row .nms-media-dropdown .nms-media-dropdown-menu a {
display: block;
padding: 5px 0;
color: #868589;
font-size: 14px;
line-height: 17px;
}
.tertiary-row .nms-media {
margin-top: 10px;
}
.tertiary-row .nms-media .nms-m-txt {
margin-left: 40px;
padding-bottom: 0;
}
.tertiary-row .nms-media .nms-m-txt > p {
font-size: 14px;
line-height: 17px;
color: #868589;
padding-top: 8px;
}
.tertiary-row .nms-media .nms-m-txt > a {
font-size: 14px;
line-height: 17px;
color: #868589;
padding-top: 8px;
}
.tertiary-row .nms-media .nms-m-txt > a:hover {
color: #0084cb;
}
.tertiary-row .nms-media:hover .nms-m-icn {
background-position: 0 -80px;
}
.tertiary-row .nms-m-icn {
width: 40px;
height: 40px;
background-size: cover;
}
.tertiary-row .nms-m-icn:after {
top: 10px;
}
.nm-container-external-2 .nms-m-icn svg * {
fill: #3c3c3c !important;
}
.nms-m-txt {
margin-left: 90px;
padding-bottom: 16px;
color: #fff;
}
.nms-m-txt > p,
.nms-m-txt > a {
display: block;
font-size: 19px;
line-height: 24px;
color: inherit;
margin: 0;
padding: 16px 8px 8px;
text-decoration: none;
}
.nms-m-txt-sub {
padding-left: 8px;
}
.nms-m-txt-sub > p {
color: #a9a9a9;
font-size: 12px;
line-height: 15px;
margin: 4px 0 0;
}
.nms-m-txt-sub > p:first-child {
margin-top: 0;
}
.nms-m-txt-sub > p a {
color: inherit;
}
.nms-m-txt-sub > strong {
color: #0084cb;
font-size: 14px;
line-height: 19px;
font-weight: normal;
display: block;
}
.nms-m-txt-sub > ul {
margin: 0;
}
.nms-m-txt-sub > ul,
.nms-m-txt-sub > ul > li {
list-style: none;
}
.nms-m-txt-sub > ul > li {
padding: 6px 0 0;
font-size: 12px;
line-height: 15px;
color: #a9a9a9;
}
.nms-m-txt-sub > ul > li a {
color: inherit;
}
.nms-m-txt-sub > ul > li:first-child {
padding-top: 0;
}
.nms-m-txt-sub:first-child {
margin-top: 0;
}
.home-page .nm-container {
margin-bottom: 0;
}
.home-page .nm-container .sticky-header-active {
background-color: #fff;
}
.sticky-header-active .nm-menu.nm-m-segment {
height: 0;
display: none;
}
.sticky-header-active .nm-menu.nm-m-segment > p,
.sticky-header-active .nm-menu.nm-m-segment .nm-menu-item-1lvl > a {
opacity: 0;
}
.sticky-header-active .nm-app {
opacity: 1;
}
.sticky-header-active .nm-app > p,
.sticky-header-active .nm-app > a {
opacity: 1;
-webkit-transition: opacity 0.3s ease-in;
transition: opacity 0.3s ease-in;
}
.sticky-header-active .nav-mega-secondary {
padding: 8px 0 7px;
border-width: 0 0 1px;
}
.sticky-header-active .nav-mega-secondary.nm-version-enterprise .nms-m-icn:after {
top: 15px;
}
.sticky-header-active .nav-mega-secondary .tertiary-row {
display: none;
}
.sticky-header-active .nms-media:hover .nms-m-icn {
background-position: 0 -80px;
}
.sticky-header-active .nms-m-txt-sub {
display: none;
}
.sticky-header-active .nms-m-icn {
width: 45px;
height: 40px;
background-size: 45px 120px;
}
.sticky-header-active .nms-m-txt {
margin-left: 45px;
padding-bottom: 0;
}
.sticky-header-active .nms-m-txt > p,
.sticky-header-active .nms-m-txt > a {
font-size: 16px;
line-height: 23px;
padding: 9px 8px 8px;
}
.sticky-header-active .nm-m-segment .tertiary-row {
display: none;
}
.nm-app,
.nm-menu,
.nav-mega-secondary {
display: none;
}
.nm-container-global .nm-m-global {
display: block;
}
.nm-container-external .nm-version-external {
display: block;
}
.nm-container-internal .nm-version-internal {
display: block;
}
.nm-container-enterprise .nm-version-enterprise {
display: block;
}
.nm-container-story .nm-version-story {
display: block;
}
.nm-container-partners .nm-version-partners {
display: block;
}
.nm-container-support .nm-version-support {
display: block;
}
.nm-container-external .sticky-header-active .nav-mega,
.nm-container-internal .sticky-header-active .nav-mega,
.nm-container-enterprise .sticky-header-active .nav-mega,
.nm-container-story .sticky-header-active .nav-mega,
.nm-container-partners .sticky-header-active .nav-mega,
.nm-container-support .sticky-header-active .nav-mega {
height: 72px;
}
.nav-mega-secondary.nm-version-enterprise .nms-media .nms-m-icn:after {
display: block;
}
.nav-mega-secondary.nm-version-enterprise .nms-media .nms-m-icn.nms-m-icn-has-bg:after {
display: none;
}
.secondary-row.items-5.row-fluid .span3 {
width: 18.29787234%;
}
.secondary-row.items-5.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
:lang(en-as) .nm-menu-item-1lvl > a {
padding-right: 40px;
}
@media (min-width: 980px) and (max-width: 1199px) {
:lang(en-as) .nm-menu-item-1lvl > a {
padding-right: 22px;
font-size: 11px;
}
:lang(en-as) .nm-menu.nm-m-segment .nm-menu-item-1lvl > a {
padding-right: 15px;
font-size: 10px;
}
}
/**typeahead**/
_:-ms-input-placeholder,
:root .nm-search .nm-search-box {
transform: translate(0px, 0px);
}
.force-hide {
display: none !important;
}
.ellipsis-fade {
overflow: hidden;
position: relative;
}
.ellipsis-fade:after {
position: absolute;
text-align: right;
content: "";
height: 18px;
float: right;
bottom: 0px;
right: 0;
width: 75%;
background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#ffffff));
background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 100%);
}
.nm-search .keymatch-description.ellipsis-fade:after {
background: -webkit-gradient(linear, left top, right top, from(rgba(110, 190, 73, 0)), to(#6ebe49));
background: linear-gradient(to right, rgba(110, 190, 73, 0), #6ebe49 100%);
}
.nm-search.nm-icon {
z-index: 2;
margin: 0;
width: auto;
height: 72px;
overflow: hidden;
}
.nm-search.nm-icon.expand {
margin: 0;
z-index: 4;
overflow: visible !important;
}
.nm-search.nm-icon.expand > .nm-icon-container {
position: absolute;
right: 0;
top: 0;
}
.nm-search.nm-icon.expand > .nm-icon-container > div {
opacity: 0;
width: 21px;
padding-left: 20px;
padding-right: 10px;
}
.nm-search.nm-icon.expand .nm-search-close {
display: inline-block;
opacity: 1;
-webkit-animation: opacityOut 0.5s forwards;
animation: opacityOut 0.5s forwards;
z-index: 14;
}
.nm-search.nm-icon.expand .nm-search-close:hover > span {
background-position: -99px -21px;
}
.nm-search.nm-icon.expand .nm-search-box {
opacity: 1;
pointer-events: all;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.nm-search.nm-icon.expand .nm-search-bg {
-webkit-transform: scaleX(1);
transform: scaleX(1);
background-color: #f5f5f5;
}
.nm-search.nm-icon > .nm-icon-container {
z-index: 13;
padding: 9px 0;
margin: 17px 0 16px;
line-height: 0;
font-size: 0;
float: right;
position: relative;
}
.nm-search.nm-icon > .nm-icon-container > span {
background-position: -78px 0;
}
.nm-search.nm-icon > .nm-icon-container > div {
display: inline-block;
font-size: 13px;
line-height: 21px;
padding-left: 5px;
-webkit-transition: width 0.3s, padding 0.3s;
transition: width 0.3s, padding 0.3s;
}
.nm-search.nm-icon > .nm-icon-container:hover > span {
background-position: -78px -21px;
}
.nm-search.nm-icon > .nm-icon-container:hover > div {
color: #6ebe49;
}
.nm-search.nm-icon > .nm-search-close {
position: absolute;
opacity: 0;
right: 0;
top: 17px;
padding: 9px 10px;
vertical-align: top;
display: none;
}
.nm-search.nm-icon > .nm-search-close > span {
background: url(clientlib-resources/resources/bootstrap/images/nm/sprite-icn-nm.png) no-repeat -99px 0;
width: 21px;
height: 21px;
margin-top: 0;
line-height: 21px;
vertical-align: top;
display: block;
}
.nm-search .nm-search-box {
padding-top: 17px;
padding-bottom: 16px;
position: absolute;
z-index: 12;
top: 0;
bottom: 0;
width: 100%;
opacity: 1;
pointer-events: none;
-webkit-transform: translate(150px, 0);
transform: translate(150px, 0);
-webkit-transition: opacity 0.2s 0.1s, -webkit-transform 0.4s 0.1s;
transition: opacity 0.2s 0.1s, -webkit-transform 0.4s 0.1s;
transition: transform 0.4s 0.1s, opacity 0.2s 0.1s;
transition: transform 0.4s 0.1s, opacity 0.2s 0.1s, -webkit-transform 0.4s 0.1s;
}
.nm-search .nm-search-box form {
position: relative;
}
.nm-search .nm-search-input {
border: none;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0;
height: 39px;
width: 100%;
font-size: 18px;
font-weight: 300;
line-height: 26px;
color: #333;
background: transparent;
padding: 6px 80px 6px 12px;
}
.nm-search .nm-search-input::-webkit-input-placeholder {
color: #c9c9c9;
}
.nm-search .nm-search-input:-moz-placeholder {
color: #c9c9c9;
}
.nm-search .nm-search-input::-moz-placeholder {
color: #c9c9c9;
}
.nm-search .nm-search-input:-ms-input-placeholder {
color: #c9c9c9;
}
.nm-search .nm-search-bg {
position: absolute;
z-index: 11;
background-color: #ffffff;
width: 100%;
height: 100%;
top: 0;
left: 0;
-webkit-transform-origin: right;
transform-origin: right;
-webkit-transition: background-color 0.2s 0.1s, -webkit-transform 0.4s 0.1s;
transition: background-color 0.2s 0.1s, -webkit-transform 0.4s 0.1s;
transition: transform 0.4s 0.1s, background-color 0.2s 0.1s;
transition: transform 0.4s 0.1s, background-color 0.2s 0.1s, -webkit-transform 0.4s 0.1s;
-webkit-transform: scaleX(0.8);
transform: scaleX(0.8);
}
.nm-search .nm-search-drop {
position: absolute;
top: 100%;
width: 100%;
z-index: 10;
visibility: hidden;
pointer-events: none;
opacity: 0;
min-width: 764px;
left: 50%;
background: #fafafa;
-webkit-transform: translate(-50%, -6px);
transform: translate(-50%, -6px);
-webkit-transition: all 0.4s;
transition: all 0.4s;
-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 30px 70px 0px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 30px 70px 0px;
}
.nm-search .nm-search-drop.drop-visible {
visibility: visible;
pointer-events: all;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
opacity: 1;
}
.nm-search .nm-search-drop .nm-search-drop-box {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0;
}
.nm-search .nm-search-drop .nm-search-drop-box .box-left {
float: left;
width: 40%;
padding: 10px 25px 20px 24px;
background: #fafafa;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin: 0;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.nm-search .nm-search-drop .nm-search-drop-box .box-left ul {
padding: 0;
margin: 0;
}
.nm-search .nm-search-drop .nm-search-drop-box .box-left ul li {
list-style: none;
}
.nm-search .nm-search-drop .nm-search-drop-box .box-left .prior-list > ul > li.active {
position: relative;
}
.nm-search .nm-search-drop .nm-search-drop-box .box-left .prior-list > ul > li.active > a {
position: relative;
z-index: 3;
}
.nm-search .nm-search-drop .nm-search-drop-box .box-left .prior-list > ul > li.active:after {
content: "";
position: absolute;
left: -12px;
right: 0px;
top: 0;
bottom: 0;
background: #f5f5f5;
z-index: 2;
}
.nm-search .nm-search-drop .nm-search-drop-box .box-left .prior-list > ul > li > a {
font-size: 14px;
line-height: 28px;
color: #333;
}
.nm-search .nm-search-drop .nm-search-drop-box .box-left .kds-list {
margin-top: 20px;
position: relative;
}
.nm-search .nm-search-drop .nm-search-drop-box .box-left .kds-list > p {
font-size: 16px;
line-height: 22px;
color: #333;
margin-top: 0;
margin-bottom: 15px;
font-weight: 600;
}
.nm-search .nm-search-drop .nm-search-drop-box .box-left .kds-list > p:before {
content: "";
position: absolute;
display: inline-block;
width: 4px;
height: 12px;
background-color: #6ebe49;
left: -12px;
top: 4px;
}
.nm-search .nm-search-drop .nm-search-drop-box .box-left .kds-list > ul > li {
margin-top: 10px;
}
.nm-search .nm-search-drop .nm-search-drop-box .box-left .kds-list > ul > li:first-child {
margin-top: 0;
}
.nm-search .nm-search-drop .nm-search-drop-box .box-left .kds-list > ul > li.active > a {
color: #6ebe49;
}
.nm-search .nm-search-drop .nm-search-drop-box .box-left .kds-list > ul > li > a {
display: inline-block;
font-size: 14px;
line-height: 18px;
color: #333;
position: relative;
}
.nm-search .nm-search-drop .nm-search-drop-box .box-left .kds-list > ul > li.more > a {
color: #6ebe49;
display: inline-block;
}
.nm-search .nm-search-drop .nm-search-drop-box .box-left .kds-list > ul > li.more > a > i {
font-size: 10px;
position: absolute;
top: 50%;
margin-top: -8px;
right: -15px;
}
.nm-search .nm-search-drop .nm-search-drop-box .box-right {
float: left;
width: 60%;
padding-bottom: 20px;
background: #fff;
-webkit-box-flex: 2;
-ms-flex: 2;
flex: 2;
margin: unset;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.nm-search .nm-search-drop .nm-search-drop-box .box-right .keymatches {
position: relative;
}
.nm-search .nm-search-drop .nm-search-drop-box .box-right .keymatches .overlay {
display: block;
position: absolute;
background: #6ebe49;
width: 100%;
height: 100%;
z-index: 0;
top: 0;
left: -10px;
}
.nm-search .nm-search-drop .nm-search-drop-box .box-right .keymatches .overlay:before {
content: "";
position: absolute;
display: block;
width: 0;
height: 0;
border-top: 10px solid #4d8533;
border-left: 10px solid transparent;
bottom: -10px;
}
.nm-search .nm-search-drop .nm-search-drop-box .box-right .keymatches .overlay:after {
content: "";
position: absolute;
display: block;
width: 0;
height: 0;
border-top: 10px solid #4d8533;
border-right: 10px solid transparent;
bottom: -10px;
right: 0;
}
.nm-search .nm-search-drop .nm-search-drop-box .box-right .keymatches .box-item .item-body > p {
color: #333;
}
.nm-search .nm-search-drop .nm-search-drop-box .box-right .products .box-item:first-child {
margin-top: 15px;
}
.nm-search .nm-search-drop .nm-search-drop-box .box-right .box-item {
border-bottom: 1px solid #e6e6e6;
padding-bottom: 15px;
margin-bottom: 15px;
padding-left: 15px;
padding-right: 15px;
position: relative;
}
.nm-search .nm-search-drop .nm-search-drop-box .box-right .box-item:last-child {
border-bottom: none;
}
.nm-search .nm-search-drop .nm-search-drop-box .box-right .box-item.highlight {
border-bottom: none;
padding-top: 5px;
padding-bottom: 5px;
margin-top: 0;
padding-left: 0px;
z-index: 1;
margin-left: -5px;
margin-bottom: 15px;
}
.nm-search .nm-search-drop .nm-search-drop-box .box-right .box-item.highlight .item-left .item-object {
width: 140px;
}
.nm-search .nm-search-drop .nm-search-drop-box .box-right .box-item.highlight .item-left + .item-body {
margin-left: 155px;
}
.nm-search .nm-search-drop .nm-search-drop-box .box-right .box-item.highlight .item-body .item-heading {
color: #fff;
padding-top: 10px;
}
.nm-search .nm-search-drop .nm-search-drop-box .box-right .box-item.highlight .item-body .item-heading > a {
color: #fff;
}
.nm-search .nm-search-drop .nm-search-drop-box .box-right .box-item.highlight .item-body > p > a {
color: #333;
}
.nm-search .nm-search-drop .nm-search-drop-box .box-right .box-item .item-left {
padding-right: 15px;
float: left;
}
.nm-search .nm-search-drop .nm-search-drop-box .box-right .box-item .item-left .item-object {
width: 120px;
max-width: initial;
}
.nm-search .nm-search-drop .nm-search-drop-box .box-right .box-item .item-left + .item-body {
margin-left: 135px;
}
.nm-search .nm-search-drop .nm-search-drop-box .box-right .box-item .item-body .item-heading {
font-size: 16px;
line-height: 22px;
color: #333;
}
.nm-search .nm-search-drop .nm-search-drop-box .box-right .box-item .item-body .item-heading > a {
display: inline-block;
color: #333;
}
.nm-search .nm-search-drop .nm-search-drop-box .box-right .box-item .item-body > p {
font-size: 14px;
line-height: 18px;
color: #868589;
margin-top: 10px;
}
.nm-search .nm-search-drop .nm-search-drop-box .box-right .box-item .item-body > p > a {
font-size: 14px;
line-height: 18px;
color: #6ebe49;
display: inline-block;
position: relative;
}
.nm-search .nm-search-drop .nm-search-drop-box .box-right .box-item .item-body > p > a > i {
font-size: 10px;
position: absolute;
top: 50%;
margin-top: -8px;
right: -15px;
}
@media (min-width: 980px) {
.nm-search .nm-search-drop .nm-search-drop-box .box-item .item-body .product-description {
max-height: 36px;
overflow: hidden;
position: relative;
}
}
@-webkit-keyframes opacityOut {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes opacityOut {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.nm-mi-product-style2.nm-m-global:after {
position: absolute;
top: 72px;
right: 0;
left: 0;
z-index: -1;
height: 55px;
background-color: #013a81;
content: "";
opacity: 1;
filter: alpha(opacity=100);
}
.nm-mi-product-style2.nm-menu.nm-m-segment:after {
background-color: #013a81;
}
.nm-mi-product-style2.nav-mega-secondary {
padding: 12px 8px 8px 8px;
}
.nm-mi-product-style2 .secondary-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.nm-mi-product-style2 .secondary-row .secondary-column {
position: relative;
}
.nm-mi-product-style2 .secondary-row .secondary-column:last-child:after {
display: none;
}
.nm-mi-product-style2 .secondary-row .secondary-column:after {
content: "";
width: 1px;
position: absolute;
height: 100%;
background: #013a81;
right: 0;
top: 0;
}
.nm-mi-product-style2 .secondary-row .secondary-column:only-child:after {
display: none;
}
.nm-mi-product-style2 .secondary-row .secondary-column:only-child .secondary-column-title:empty {
margin-bottom: 0;
}
.nm-mi-product-style2 .secondary-row .secondary-column .secondary-column-title {
margin-bottom: 6px;
margin-left: 16px;
color: #013a81;
font-weight: 600;
text-transform: uppercase;
font-size: 14px;
}
.nm-mi-product-style2 .secondary-row .secondary-column .mnav-item-list .mnav-item {
text-align: center;
margin: 0 11px;
width: 95px;
float: left;
}
.nm-mi-product-style2 .secondary-row .secondary-column .mnav-item-list .mnav-item.mnav-extra {
background: #0084cb;
}
.nm-mi-product-style2 .secondary-row .secondary-column .mnav-item-list .mnav-item.mnav-extra > a {
color: #fff;
height: 100%;
display: block;
}
.nm-mi-product-style2 .secondary-row .secondary-column .mnav-item-list .mnav-item.mnav-extra .mnav-item-text {
padding-top: 16px;
}
.nm-mi-product-style2 .secondary-row .secondary-column .mnav-item-list .mnav-item.mnav-extra .mnav-item-text a,
.nm-mi-product-style2 .secondary-row .secondary-column .mnav-item-list .mnav-item.mnav-extra .mnav-item-text p {
color: #fff;
}
.nm-mi-product-style2 .secondary-row .secondary-column .mnav-item-list .mnav-item > a {
display: block;
}
.nm-mi-product-style2 .secondary-row .secondary-column .mnav-item-list .mnav-item > a:hover {
text-decoration: none;
}
.nm-mi-product-style2 .secondary-row .secondary-column .mnav-item-list .mnav-item .mnav-item-img {
margin: 0 0 5px 0;
}
.nm-mi-product-style2 .secondary-row .secondary-column .mnav-item-list .mnav-item .mnav-item-img img {
width: 59px;
height: 59px;
}
.nm-mi-product-style2 .secondary-row .secondary-column .mnav-item-list .mnav-item:hover .mnav-item-text {
color: #0084cb;
}
.nm-mi-product-style2 .secondary-row .secondary-column .mnav-item-list .mnav-item .mnav-item-text {
color: #013a81;
}
.nm-mi-product-style2 .secondary-row .secondary-column .mnav-item-list .mnav-item .mnav-item-text p {
margin: 0;
font-size: 12px;
line-height: 16px;
}
.nm-mi-product-style2 .secondary-row .secondary-column .mnav-item-list .mnav-item .mnav-item-text p.new-flag {
color: red;
text-transform: uppercase;
}
.nm-menu.nm-m-segment.nm-version-products > ul > li.nm-mi-products {
display: none;
}
.nm-menu.nm-m-segment.nm-version-solutions > ul > li.nm-mi-solutions {
display: none;
}
.nm-menu.nm-m-segment.nm-version-services > ul > li.nm-mi-services {
display: none;
}
.nm-menu.nm-m-segment.nm-version-lacie-support > ul > li.nm-mi-lacie-support {
display: none;
}
.nm-menu.nm-m-segment.nm-version-lacie-partners > ul > li.nm-mi-lacie-partners {
display: none;
}
.nm-container-products .nm-version-products {
display: block;
}
.nm-container-solutions .nm-version-solutions {
display: block;
}
.nm-container-services .nm-version-services {
display: block;
}
.nm-container-lacie-support .nm-version-lacie-support {
display: block;
}
.nm-container-lacie-partners .nm-version-lacie-partners {
display: block;
}
.nm-container-products .sticky-header-active .nav-mega,
.nm-container-solutions .sticky-header-active .nav-mega,
.nm-container-services .sticky-header-active .nav-mega,
.nm-container-lacie-support .sticky-header-active .nav-mega,
.nm-container-lacie-partners .sticky-header-active .nav-mega {
height: 72px;
}
/**typeahead**/
/* Universal caret style */
.caret-switch {
margin-top: -2px;
margin-left: 4px;
vertical-align: middle;
border-left: 4px solid #00a1dd;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-right: 4px solid transparent;
opacity: 1;
filter: alpha(opacity=100);
}
.caret-switch-white {
margin-top: -2px;
margin-left: 4px;
vertical-align: middle;
border-left: 4px solid #fff;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-right: 4px solid transparent;
opacity: 1;
filter: alpha(opacity=100);
}
/* Universal button style - Light Teal */
.btn-mini-right-angle-quote {
font-size: 16px;
font-weight: 600;
font-family: "Andale Mono", "Monotype.com", Arial;
}
/*Universal error tip styles*/
.error input[type="text"] {
border-color: #cc0001;
}
.error-message {
display: none;
position: absolute;
z-index: 3;
left: 50%;
margin: 8px 0 8px -75px;
padding: 7px 10px;
width: 130px;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.9);
border: 2px solid #cc0001;
color: #333;
font-size: 12px;
font-weight: 600;
line-height: 14px;
text-align: center;
}
.error-message:before {
content: "";
position: absolute;
width: 0;
height: 0;
border-style: solid outset solid solid;
overflow: hidden;
left: 70px;
}
.error-message-down {
top: 100%;
}
.error-message-down:before {
border-width: 0 8px 8px 8px;
border-color: transparent transparent #cc0001 transparent;
top: -8px;
}
.error-message-up {
bottom: 100%;
}
.error-message-up:before {
border-width: 8px 8px 0 8px;
border-color: #cc0001 transparent transparent transparent;
bottom: -8px;
}
.error .error-message {
display: block;
}
/* Background Colors */
.gray-fade {
background: #d3d3d3;
/* Old browsers */
/* FF3.6+ */
/* Chrome,Safari4+ */
/* Chrome10+,Safari5.1+ */
/* Opera 11.10+ */
/* IE10+ */
background: -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#ffffff));
background: linear-gradient(to bottom, #d3d3d3 0%, #ffffff 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d3d3d3', endColorstr='#ffffff', GradientType=0);
/* IE6-9 */
}
/* For Page Layout C Only */
.span4.vertical-rule-left {
border-left: 1px solid #ccc;
margin-left: 7px;
padding-left: 11px;
}
/* Base Style for Sticky Header JavaScript functionality */
.sticky-header-active {
z-index: 150;
-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.35);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.35);
background-color: #fff;
top: 0;
left: 0;
right: 0;
}
/* Utility Styles */
.padding-mini {
padding: 5px;
}
.padding-small {
padding: 10px;
}
.padding-medium {
padding: 20px;
}
.padding-large {
padding: 40px;
}
.bullet-disc-light-medium-item:before,
.bullet-disc-light-medium-bullet {
content: "";
position: absolute;
top: 4px;
left: -14px;
width: 10px;
height: 10px;
border-radius: 10px;
background: #fff;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#8c8c8c));
background: linear-gradient(to bottom, #fff 0%, #8c8c8c 100%);
}
/*Fancybox styles - social icons styles*/
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
cursor: pointer;
overflow: hidden;
z-index: 1104;
display: none;
}
#fancybox-loading div {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 480px;
}
#fancybox-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 11000;
display: none;
}
#fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
overflow: auto;
display: none;
}
#fancybox-wrap {
position: absolute;
top: 0;
left: 0;
padding: 20px;
z-index: 11001;
outline: none;
display: none;
}
#fancybox-outer {
position: relative;
width: 100%;
height: 100%;
background: #fff;
}
#fancybox-content {
width: 0;
height: 0;
padding: 0;
outline: none;
position: relative;
overflow: hidden;
z-index: 1102;
border: 0 solid #fff;
}
#fancybox-hide-sel-frame {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
z-index: 1101;
}
#fancybox-close {
position: absolute;
top: -15px;
right: -15px;
width: 30px;
height: 30px;
cursor: pointer;
z-index: 1103;
display: none;
}
#fancybox-error {
color: #444;
font: normal 12px/20px Arial;
padding: 14px;
margin: 0;
}
#fancybox-img {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border: none;
outline: none;
line-height: 0;
vertical-align: top;
}
#fancybox-frame {
width: 100%;
height: 100%;
border: none;
display: block;
}
#fancybox-left,
#fancybox-right {
position: absolute;
bottom: 0;
height: 100%;
width: 35%;
cursor: pointer;
outline: none;
z-index: 1102;
display: none;
}
#fancybox-left {
left: 0;
}
#fancybox-right {
right: 0;
}
#fancybox-left-ico,
#fancybox-right-ico {
position: absolute;
top: 50%;
left: -9999px;
width: 30px;
height: 30px;
margin-top: -15px;
cursor: pointer;
z-index: 1102;
display: block;
}
#fancybox-left-ico {
background-position: -40px -30px;
}
#fancybox-right-ico {
background-position: -40px -60px;
}
#fancybox-left:hover,
#fancybox-right:hover {
visibility: visible;
}
#fancybox-left:hover span {
left: 20px;
}
#fancybox-right:hover span {
left: auto;
right: 20px;
}
.fancybox-bg {
position: absolute;
padding: 0;
margin: 0;
border: 0;
width: 20px;
height: 20px;
z-index: 1001;
}
#fancybox-bg-n {
top: -20px;
left: 0;
width: 100%;
}
#fancybox-bg-ne {
top: -20px;
right: -20px;
background-position: -40px -162px;
}
#fancybox-bg-e {
top: 0;
right: -20px;
height: 100%;
background-position: -20px 0;
}
#fancybox-bg-se {
bottom: -20px;
right: -20px;
background-position: -40px -182px;
}
#fancybox-bg-s {
bottom: -20px;
left: 0;
width: 100%;
background-position: 0 -20px;
}
#fancybox-bg-sw {
bottom: -20px;
left: -20px;
background-position: -40px -142px;
}
#fancybox-bg-w {
top: 0;
left: -20px;
height: 100%;
}
#fancybox-bg-nw {
top: -20px;
left: -20px;
background-position: -40px -122px;
}
#fancybox-title {
font-family: Helvetica;
font-size: 12px;
z-index: 1102;
}
.fancybox-title-inside {
padding-bottom: 10px;
text-align: center;
color: #333;
background: #fff;
position: relative;
}
.fancybox-title-outside {
padding-top: 10px;
color: #fff;
}
.fancybox-title-over {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
text-align: left;
}
#fancybox-title-over {
padding: 10px;
display: block;
}
.fancybox-title-float {
position: absolute;
left: 0;
bottom: -20px;
height: 32px;
}
#fancybox-title-float-wrap {
border: none;
border-collapse: collapse;
width: auto;
}
#fancybox-title-float-wrap td {
white-space: nowrap;
}
#fancybox-title-float-left {
padding-left: 15px;
}
#fancybox-title-float-main {
color: #fff;
line-height: 29px;
font-weight: 600;
padding-bottom: 3px;
}
#fancybox-title-float-right {
padding-left: 15px;
}
.fancybox-ie .fancybox-bg {
background: transparent !important;
}
.fancybox-ie #fancybox-bg-n {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/global/fancybox/fancy_shadow_n.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-ne {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/global/fancybox/fancy_shadow_ne.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-e {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/global/fancybox/fancy_shadow_e.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-se {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/global/fancybox/fancy_shadow_se.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-s {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/global/fancybox/fancy_shadow_s.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-sw {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/global/fancybox/fancy_shadow_sw.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-w {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/global/fancybox/fancy_shadow_w.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-nw {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/global/fancybox/fancy_shadow_nw.png', sizingMethod='scale');
}
.socList {
list-style: none;
padding: 11px 0 0;
margin: 0 !important;
}
.socList li {
float: left;
background: url(clientlib-resources/resources/bootstrap/images/icn_divider_soc.gif) no-repeat;
padding: 0 7px 2px 10px;
}
.socList li:first-child {
background: none;
padding-left: 6px;
}
.socList li a {
background: url(clientlib-resources/resources/bootstrap/images/btn_soc.gif) no-repeat;
height: 20px;
display: block;
text-indent: -9999px;
overflow: hidden;
font-size: 0;
}
.socList li a span {
visibility: hidden;
margin: 0 !important;
}
li.btnPrint a {
width: 13px;
background-position: 0 -126px;
}
li.btnAdd a {
width: 10px;
height: 11px;
padding: 4px 0;
background: url(clientlib-resources/resources/bootstrap/images/icn_add.gif) no-repeat 50% 50%;
}
li.btnMail a {
width: 16px;
}
li.btnShare a {
width: 16px;
background-position: 0 -31px;
}
li.btnLike a {
width: auto;
padding: 0 !important;
background: none;
text-indent: 0;
}
.videoPopup {
width: 648px;
border: 1px solid #ccc;
padding: 17px 20px 19px;
background: #fff;
}
.videoPopup .title {
display: block;
font-size: 154%;
line-height: 122%;
color: #333;
font-weight: normal;
margin: 0 0 15px;
}
.videoPopup .caption {
position: relative;
padding: 0 9px 0 2px;
}
#fancybox-close {
position: absolute;
top: 10px !important;
right: 11px !important;
width: 30px !important;
height: 30px !important;
text-indent: -9999px;
overflow: hidden;
}
#fancybox-wrap .fancybox-close-CMP {
top: -25px !important;
right: -25px !important;
}
#fancybox-close:hover {
background-position: 0 -30px !important;
}
.videoPopup .videoBox {
width: 100%;
margin: 0 auto;
position: static;
}
.videoPopup .socList {
padding-top: 19px;
}
/*Start default tab to drop styles*/
.tab-drop {
position: relative;
margin: 0 0 18px;
border-bottom: 1px solid #ddd;
list-style: none;
}
.tab-drop > li.selected,
.tab-drop > li.drop > a.drop-toggle {
display: none;
}
.tab-drop .drop {
margin-bottom: 0;
}
.tab-drop .drop-menu {
position: static;
display: block;
padding: 0;
margin: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
border: 0;
}
.tab-drop .drop-menu > li {
float: left;
margin-bottom: -1px;
}
.tab-drop .drop-menu > li a {
padding: 8px 12px;
}
.tab-drop .drop-menu > li a:hover {
background-color: #eee;
}
.tab-drop .drop-menu > li.active a,
.tab-drop .drop-menu > li.active a:hover {
cursor: default;
border-bottom-color: transparent;
color: #666;
background-color: #fff;
}
/*End default tab to drop styles*/
.divider {
height: 1px;
border-bottom: 1px solid #dddddd;
overflow: hidden;
*zoom: 1;
margin: 10px 0;
}
/* Hide lazy load img tags */
img.lazy:not([src]) {
visibility: hidden;
}
/* Various STX Box Styles */
/* Portal Box */
.portal-box {
-webkit-box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.5);
box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.5);
margin-bottom: 15px;
}
.portal-box-title {
display: block;
padding: 6px 15px;
margin-bottom: 0;
font-size: 12px;
font-weight: 600;
color: #fff;
background-color: #3d4545;
background-image: -webkit-gradient(linear, left top, left bottom, from(#4f5959), to(#373f3f));
background-image: linear-gradient(top, #4f5959, #373f3f);
}
.portal-box-title-link,
.portal-box-title-link:hover {
position: relative;
color: #00a1dd;
}
.portal-box-title-link.bullet-disc-light-medium-item {
margin-left: 21px;
}
.portal-box-footer {
display: block;
height: 38px;
padding: 0 15px;
line-height: 38px;
background-color: #fff;
border-top: 1px solid #c3c3c3;
}
.portal-box-item-list li,
.portal-box-list-item {
padding: 12px 10px;
border-top: 1px solid #c3c3c3;
background-color: #fff;
background-image: -webkit-gradient(linear, left top, right top, from(#f0f0f0), color-stop(10%, #ffffff));
background-image: linear-gradient(90deg, #f0f0f0 0%, #ffffff 10%);
}
.portal-box-item-list li:first-of-type,
.portal-box-list-item:first-of-type {
border-top: none;
}
.tabular-content-table {
width: 100%;
text-align: center;
font-size: 90%;
}
.tabular-content-table td,
.tabular-content-table th {
padding: 8px 10px;
border: solid #b1b1b1;
border-width: 0 1px 1px;
vertical-align: baseline;
}
.tabular-content-table th {
background: #afafaf;
background: -webkit-gradient(linear, left top, left bottom, from(#bfbfbf), to(#787878));
background: linear-gradient(to bottom, #bfbfbf 0%, #787878 100%);
color: white;
vertical-align: bottom;
}
.tabular-content-table-align-left,
.tabular-content-table-align-left th,
.tabular-content-table-align-left td {
text-align: left;
}
.tabular-content-table tr:nth-child(even) {
background-color: #f3f3f3;
}
.tabular-content-table-footer {
border-top: none;
}
#mega-nav-container.sticky-nav {
position: relative;
-webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.35);
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.35);
}
#mega-nav-container {
width: 100%;
height: 106px;
margin-bottom: 20px;
z-index: 100;
-webkit-transition: background 0.2s ease 0.15s;
transition: background 0.2s ease 0.15s;
}
#mega-nav-container.no-nav {
height: 54px;
margin-bottom: 20px;
}
#nav-separator {
width: 100%;
position: absolute;
top: 96px;
color: #464343;
border-top: none;
opacity: 0.2;
margin: 10px 0;
left: auto;
}
#mega-nav-container.no-nav #nav-separator {
top: 54px;
}
#nav-wrapper {
width: 100%;
margin: 0 auto;
position: relative;
max-width: 1190px;
z-index: 500;
}
.home-page #mega-nav-container.light > #nav-wrapper > a#seagate-logo {
background: url(clientlib-resources/resources/bootstrap/images/logo_w131_wht.png) no-repeat;
}
#mega-nav-container.light > #nav-wrapper > a#seagate-logo {
background: url(clientlib-resources/resources/bootstrap/images/logo_w131_blk.png) no-repeat;
}
#mega-nav-container.light #nav-separator {
border-top: 1px solid #e6e6e6;
border-bottom: 0;
opacity: 1;
}
a#seagate-logo {
position: absolute;
width: 131px;
height: 42px;
z-index: 900;
top: 10px;
left: 10px;
}
.seagate-portal-logo {
position: absolute;
top: 28px;
left: 150px;
font-size: 20px;
color: #000;
}
.home-page #mega-nav-container.light .seagate-portal-logo {
color: #fff;
}
.home-page #mega-nav-container.light.sticky-nav .seagate-portal-logo {
color: #000;
}
.mobile-portal-logo {
display: none;
}
.mega-nav,
.mega-nav a,
.mega-nav ul,
.mega-nav li,
.mega-nav form,
.mega-nav input {
margin: 0;
padding: 0;
border: none;
outline: none;
}
.mega-nav a {
text-decoration: none;
}
.mega-nav li {
list-style: none;
}
.mega-nav {
display: inline-block;
position: absolute;
cursor: default;
width: 100%;
z-index: 500;
}
.mega-nav > li {
display: block;
}
.mega-nav > li > a {
position: relative;
display: inline-block;
z-index: 510;
font-family: Helvetica, Arial, sans-serif;
font-weight: 600;
font-size: 16px;
color: #fcfcfc;
}
.mega-nav > li > a > u {
word-wrap: nowrap;
}
.mega-nav .first {
margin-left: -10px;
}
#mega-nav-container.light {
background-color: #ffffff;
position: relative;
}
#mega-nav-container.light .mega-nav > li > a {
color: #333333;
}
#mega-nav-container.light .nav-store-link > a > div.cart-qty {
color: #ffffff;
}
.home-page #mega-nav-container {
background: none;
}
.home-page #mega-nav-container.sticky-nav {
background: #ffffff;
}
.home-page #mega-nav-container.light .mega-nav > li > a {
color: #fcfcfc;
}
.home-page #mega-nav-container.light .nav-store-link > a > div.cart-qty {
color: #000000;
}
.home-page #mega-nav-container.sticky-nav .mega-nav > li > a {
color: #333333;
}
.home-page #mega-nav-container.sticky-nav .nav-store-link > a > div.cart-qty {
color: #ffffff;
}
.home-page #mega-nav-container.light #nav-separator {
border-top: none;
opacity: 0;
}
.home-page #mega-nav-container.light > #nav-wrapper > a#seagate-logo {
background: url(clientlib-resources/resources/bootstrap/images/logo_w131_wht.png) no-repeat;
}
.home-page #mega-nav-container.light.sticky-nav > #nav-wrapper > a#seagate-logo {
background-image: url(clientlib-resources/resources/bootstrap/images/logo_w131_blk.png);
}
u {
text-decoration: none;
padding: 0 20px 2px;
position: relative;
}
.mega-nav > li:hover > a > u.underline {
border-bottom: 5px solid #00a1dd;
width: 100%;
color: #00a1dd;
}
.mega-nav > li > a:hover {
color: #00a1dd;
}
.mega-nav > li > div.lev1-rollover {
position: absolute;
display: block;
width: 100%;
left: 0;
height: 434px;
margin-top: -7px;
visibility: hidden;
overflow: hidden;
border-radius: 0 0 3px 3px;
-webkit-transition: all 0.2s ease 0.15s;
transition: all 0.2s ease 0.15s;
}
.mega-nav > li:hover > a > u.noborder {
color: #00a1dd;
}
.mega-nav-links {
z-index: 501;
}
.search-box {
opacity: 0.9;
border: 1px solid #ccc;
background: #ffffff;
overflow: hidden;
border-radius: 2px;
position: relative;
}
.mega-nav > li.search-rollover > div.error {
overflow: visible;
}
.mega-nav > li.search-rollover > div.error .search-box {
overflow: visible;
border-color: #cc0001;
}
.mega-nav .seagate-search {
padding: 0 25px 0 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.mega-nav .error-message {
left: 0;
width: 100%;
margin-left: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 3px;
}
.mega-nav .error-message:before {
left: 50%;
margin-left: -4px;
}
input.seagate-search[type="search"] {
font-size: 16px;
line-height: 25px;
height: 25px;
font-family: Helvetica, Arial, sans-serif;
}
.seagate-search {
width: 100%;
}
.search-submit {
display: none;
}
.mega-nav > li.search-rollover > div {
position: absolute;
display: block;
max-width: 185px;
top: 70px;
right: 10px;
height: 28px;
overflow: hidden;
z-index: 200;
opacity: 0.9;
}
.close-icon {
position: absolute;
right: 10px;
bottom: 4px;
width: 0.3em;
height: 1.5em;
background: #2c2c2c;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
font-size: 10px;
}
.close-icon:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 0.3em;
height: 1.5em;
background: #2c2c2c;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.arrow-down-icon {
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid #00a1dd;
display: inline-block;
}
.magnify-icon {
bottom: 0;
position: absolute;
width: 1em;
height: 1em;
margin: 25% auto;
border: solid 0.3em #333333;
border-radius: 50%;
font-size: 10px;
right: 18px;
top: -16px;
}
.magnify-icon:after {
content: "";
position: absolute;
top: 0.9em;
right: -0.3em;
width: 0.4em;
height: 0.8em;
background: #333333;
border-radius: 0.2em;
-webkit-transform: rotate(-40deg);
transform: rotate(-40deg);
}
li.search-rollover > a.hide {
display: none;
}
.nav-store-link > a > u {
color: #00a1dd;
padding-right: 5px;
}
.nav-store-link > a > div.cart-qty {
background-color: #00a1dd;
border-radius: 2px;
color: #000000;
font-size: 10px;
line-height: 12px;
position: relative;
padding-right: 2px;
padding-left: 2px;
display: inline-block;
top: -12px;
right: 10px;
}
.mega-nav > li:hover > div.lev1-rollover {
opacity: 1;
visibility: visible;
overflow: visible;
}
.login-rollover > a > u {
margin-right: 0 !important;
}
.mega-nav > li.login-rollover > div {
position: absolute;
display: none;
top: 38px;
right: 0;
border: solid 1px #cccccc;
/* opacity: 0;
visibility: hidden;
overflow: hidden; */
background: #efeeee;
border-radius: 4px;
}
.mega-nav > li.login-rollover:hover > div {
/* opacity:1;
visibility: visible;
overflow:visible; */
display: block;
z-index: 600;
}
#login-box {
width: 350px;
height: 100px;
}
#logged-in-hello {
display: none;
}
.logged-in #logged-in-hello {
color: #00a1dd;
margin-left: 10px;
display: inherit;
}
#nav-my-account {
line-height: 24px;
margin: 10px 15px;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
}
#nav-my-account a {
color: #00a1dd;
}
#nav-my-account span {
font-weight: 600;
color: #333333;
}
.mega-nav .mega-nav-column {
overflow: hidden;
}
.mega-nav #login-box {
overflow: hidden;
height: 100%;
padding-top: 10px;
padding-bottom: 10px;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 15px;
}
.mega-nav #login-box > div > a {
color: #00a1dd;
}
.mega-nav #login-box > div {
width: 49%;
display: inline-block;
text-align: center;
}
.mega-nav #login-box > div.left {
border-right: solid 1px #cccccc;
}
#logged-in {
display: none;
}
.login-rollover.logged-in > #not-logged-in {
display: none;
}
.login-rollover.logged-in > #logged-in {
display: inherit;
}
.logged-box #login-text {
display: none;
}
.logged-box #logged-in-hello {
display: inline;
}
.logged-box:hover #not-logged-in {
display: none;
}
.logged-box:hover #logged-in {
display: block;
}
.mega-nav-tab {
display: block;
margin-left: 20%;
min-height: 434px;
line-height: 16px;
}
.mega-nav-contentblock {
display: block;
height: 434px;
color: #ffffff;
overflow: hidden;
}
.mega-nav-contentblock.hidden {
display: none;
}
.mega-nav-contentblock > div.with-feature {
background: #fff;
background: rgba(241, 241, 241, 0.95);
display: inline-block;
width: 65.6%;
border: 1px solid #cccccc;
height: 99.5%;
}
ul.vtab {
margin: 0;
padding: 0;
width: 20%;
float: left;
background: #f8f8f8;
border-left: 1px solid #d1d1d1;
border-bottom: 1px solid #d1d1d1;
min-height: 433px;
}
.vtab > li {
/*border-left: 1px solid #d1d1d1; jira 1601*/
}
.vtab > li:last-child {
/*border-bottom: 1px solid #d1d1d1; jira 1601*/
height: 61px;
}
.vtab li.avail-item {
display: block;
height: 61px;
border-bottom: 1px solid #d1d1d1;
overflow: hidden;
}
.vtab li.avail-item a {
display: block;
height: 100%;
text-decoration: none;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
color: #222222;
}
.vtab li.avail-item a:hover {
background: #00a1dd;
color: #ffffff;
-webkit-transition: all 0.1s ease 0.1s;
transition: all 0.1s ease 0.1s;
}
.vtab li.avail-item a strong {
display: block;
margin-top: 5px;
}
.vtab li.open a {
width: 100%;
background: #00a1dd;
color: #ffffff;
}
.vtab li a span {
display: table-cell;
vertical-align: middle;
height: 62px;
padding-left: 10px;
padding-right: 25px;
}
.vtab > li.avail-item:after {
position: absolute;
content: "";
border-width: 2px 2px 0 0;
border-style: solid;
border-color: #333333;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 8px;
left: 18%;
height: 8px;
margin-top: -36px;
}
.vtab > li.open:after {
border-color: #ffffff;
}
.empty-nav {
background: #f1f1f1;
}
.nav-content-topcopy {
padding: 10px 15px 0;
}
.nav-link {
color: #00a1dd;
font-size: 18px;
}
a.nav-learn-more {
display: inline-block;
text-transform: uppercase;
font-size: 14px;
line-height: 18px;
color: #ffffff;
padding: 10px 15px;
cursor: pointer;
margin-top: 20px;
background-color: #6ebe49;
border: 1px solid #4e8c38;
border-radius: 3px;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
a.nav-learn-more:hover {
text-decoration: none;
background-color: #4e8c38;
}
a.nav-learn-more:active {
background-color: #4e8c38;
border-color: #4e8c38;
}
.l3-copy-center {
width: 100%;
text-align: center;
}
.nav-content-wrapper {
padding-top: 24px;
}
.nav-1up {
display: inline-block;
padding-top: 26px;
width: 75%;
margin-left: 12%;
overflow: hidden;
vertical-align: top;
}
.nav-1up > div > div {
text-align: center;
}
.nav-2up > .mega-nav-image img,
.nav-3up > .mega-nav-image img,
.nav-4up > .mega-nav-image img,
.nav-2up-wfeat > .mega-nav-image img,
.nav-4up-wfeat > .mega-nav-image img {
width: 100px;
}
.nav-2up {
display: inline-block;
width: 45%;
overflow: hidden;
vertical-align: middle;
margin-top: 10%;
}
.left-2up {
margin-right: 7px;
margin-left: 40px;
}
.right-2up {
margin-left: 7px;
}
.nav-2up-wfeat {
display: inline-block;
width: 70%;
margin-left: 15%;
overflow: hidden;
}
.nav-2up-wfeat.row2 {
margin-top: 30px;
}
.nav-3up {
display: inline-block;
width: 45%;
overflow: hidden;
vertical-align: top;
margin-bottom: 52px;
margin-left: 15px;
}
.nav-3up.first-up {
margin-left: 4%;
}
.nav-3up.row2 {
margin-left: 28%;
}
.nav-4up {
display: inline-block;
width: 45%;
overflow: hidden;
vertical-align: top;
margin-left: 15px;
}
.nav-4up.row2 {
margin-top: 24px;
}
.nav-4up.first-up {
margin-left: 4%;
}
.mega-nav-image {
height: auto;
overflow: hidden;
width: 100%;
max-height: 200px;
margin-bottom: 13px;
}
.mega-nav-image img {
max-width: 100%;
}
.l3-copy {
font-family: Helvetica, Arial, sans-serif;
}
.l3-copy > p {
margin: 0;
color: #666666;
font-size: 14px;
}
.mega-lev1-left {
float: left;
}
.feature-block {
display: inline-block;
float: right;
width: 33.4%;
height: 432px;
position: relative;
right: 5px;
border: 1px solid #d1d1d1;
}
.feature-block:first-child {
width: 100%;
}
.mega-lev1-left > a {
line-height: 40px;
margin: 69px 0 10px;
}
.mega-lev1-right {
float: right;
}
.mega-lev1-right > a {
margin: 15px 0 0;
}
.mega-lev1-right > a > u {
padding: 3px 10px 5px;
margin: 0 10px;
}
.mega-lev1-right u:hover {
border-bottom: none !important;
}
.search-rollover {
float: right;
}
button#burger {
display: none;
}
.mobile-only {
display: none !important;
}
.desk-only {
display: block !important;
}
.nav-header {
background-color: #282828;
background-image: radial-gradient(50% 100%, ellipse farthest-side, #4d4d4d, #282828 100%);
font-size: 11px;
}
.wrapper {
background-color: #282828;
}
.nav-header-logo {
line-height: 64px;
}
.nav-header .span8 {
float: right;
}
.nav-header-right {
position: relative;
float: right;
clear: right;
width: 100%;
}
.nav-header-subnav {
float: right;
margin: 0;
list-style: none;
}
.nav-header-divider {
width: 1px;
height: 28px;
margin: 0;
padding: 0;
overflow: hidden;
border: none;
background-color: #4b4b4b;
/* Old browsers */
*background-color: #4b4b4b;
/* FF3.6+ */
/* Chrome,Safari4+ */
/* Chrome10+,Safari5.1+ */
/* Opera 11.10+ */
/* IE10+ */
background-image: -webkit-gradient(linear, left top, left bottom, from(#282828), color-stop(51%, #737373), to(#282828));
background-image: linear-gradient(top, #282828 0%, #737373 51%, #282828 100%);
/* W3C */
}
.nav-header-subnav > li {
display: block;
float: left;
line-height: 18px;
padding: 0 10px;
}
.nav-header-subnav .nav-header-divider {
padding: 0;
}
.nav-header-subnav .nav-header-drop-opener {
padding-right: 4px;
}
.nav-header-drop-opener-divider {
margin-right: 8px;
}
.nav-header-drop-opener:hover {
background-color: #6d6c6c;
}
.nav-header-subnav > li > a {
display: block;
padding: 6px 0 0 0;
color: #0cc;
}
.nav-header-subnav > li > a:hover {
text-decoration: underline;
}
.nav-header-lang-choice > li > a:hover {
text-decoration: none;
}
.icon-global {
width: 30px;
height: 15px;
background-image: url(clientlib-resources/resources/bootstrap/images/choice-lang-sprite.png);
background-repeat: no-repeat;
background-position: 0 0;
text-indent: -9999px;
margin-right: 8px;
}
.nav-header-lang-choice li:hover .icon-global {
background-position: 0 100%;
}
.nav-header-subnav .nav-header-drop-opener > a {
padding-bottom: 4px;
}
.nav-header-drop-opener:hover > a .caret-switch {
border-top: 4px solid #099;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
margin: 0 2px;
}
.lang-choice-open .lang-choice-location {
margin-right: 8px;
}
.lang-choice-open span {
color: #b7b7b7;
}
.nav-header-drop {
position: absolute;
right: 0;
z-index: 9999;
display: none;
overflow: hidden;
padding: 0 20px 20px;
color: white;
font-size: 12px;
border: 1px solid #6c6c6c;
-webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1), 0px 1px 1px 0px rgba(0, 0, 0, 0.5), -1px 1px 2px 1px rgba(0, 0, 0, 0.2);
box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1), 0px 1px 1px 0px rgba(0, 0, 0, 0.5), -1px 2px 1px 1px rgba(0, 0, 0, 0.2);
}
.nav-header-drop-opener:hover .nav-header-drop {
display: block;
}
.lang-choice-drop {
width: 480px;
background-color: #6d6c6c;
/* Old browsers */
/* FF3.6+ */
/* Chrome,Safari4+ */
/* Chrome10+,Safari5.1+ */
/* Opera 11.10+ */
/* IE10+ */
background-image: -webkit-gradient(linear, left top, left bottom, from(#6d6c6c), to(#2b2b2b));
background-image: linear-gradient(top, #6d6c6c 0%, #2b2b2b 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6d6c6c', endColorstr='#2b2b2b', GradientType=0);
/* IE6-9 */
}
.lang-col {
float: left;
width: 140px;
margin-left: 20px;
}
.lang-col-emea {
width: 160px;
}
.lang-choice-drop .lang-choice-title {
color: #fff;
margin-top: 18px;
margin-bottom: 0;
font-size: 14px;
font-weight: 600;
text-rendering: optimizelegibility;
}
.lang-choice-remember {
padding-top: 10px;
}
.lang-choice-remember label {
font-weight: 600;
color: #fff;
font-size: 12px;
}
.lang-choice-remember .cb-lang-choice-remember {
float: left;
margin-right: 5px;
}
.lang-choice-list {
padding-top: 6px;
margin: 0;
}
.lang-choice-list li {
padding: 2px 0 3px;
line-height: 16px;
width: 100%;
overflow: hidden;
float: none;
list-style: none;
}
.lang-choice-list li span {
color: #ccc;
float: left;
max-width: 59%;
}
.lang-choice-list li a {
float: right;
max-width: 50%;
color: #0cc;
}
.lang-choice-list li a em {
font-style: normal;
}
.nav-header-login,
.nav-header-logout {
font-weight: 600;
}
.nav-header-login li,
.nav-header-logout li {
padding-right: 0;
}
.nav-header-logout > li > a {
color: #099;
}
.nav-header-logout > li.nav-header-user-name > a {
display: inline-block;
}
.nav-header-user-name span {
color: #fff;
}
.icon-gear-color {
width: 15px;
height: 15px;
background-image: url(clientlib-resources/resources/bootstrap/images/btn-gear.png);
background-repeat: no-repeat;
background-position: 0 0;
text-indent: -9999px;
}
.nav-header-user-name .icon-gear-color {
margin-top: -2px;
}
.login-choice-drop {
width: 220px;
padding: 10px 5px 10px 15px;
font-weight: normal;
background-color: #6d6c6c;
/* Old browsers */
/* FF3.6+ */
/* Chrome,Safari4+ */
/* Chrome10+,Safari5.1+ */
/* Opera 11.10+ */
/* IE10+ */
background-image: -webkit-gradient(linear, left top, left bottom, from(#6d6c6c), to(#474747));
background-image: linear-gradient(top, #6d6c6c 0%, #474747 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6d6c6c', endColorstr='#474747', GradientType=0);
/* IE6-9 */
}
.login-choice-drop ul {
margin: 0;
list-style: none;
}
.login-choice-drop li a {
color: #0cc;
}
.subnav-cart-counter {
padding-left: 10px;
margin-left: 10px;
margin-top: 6px;
border-left: 1px dotted #555;
}
.cart-amount {
padding-left: 3px;
}
.icon-cart {
width: 13px;
height: 13px;
background-image: url(clientlib-resources/resources/bootstrap/images/icon-cart.png);
background-repeat: no-repeat;
background-position: 0 0;
text-indent: -9999px;
}
.nav-header-form-search {
margin: 6px 4px 6px 0;
position: relative;
}
.nav-header-form-search.collapse.in {
height: auto !important;
}
.nav-header-input-medium {
width: 130px;
font-size: 11px;
line-height: 17px;
padding: 0 30px 0 12px;
margin: 0;
outline: none;
float: left;
border-radius: 14px;
}
.nav-header-search-submit {
position: absolute;
right: -1px;
width: 24px;
height: 20px;
padding: 0 1px;
margin: 0;
text-indent: -9999px;
letter-spacing: -9999px;
background-image: url(clientlib-resources/resources/bootstrap/images/btn-search-submit.png);
background-color: transparent;
background-position: 49% 50%;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
overflow: hidden;
border-radius: 0px 14px 14px 0px;
}
.nav-header .nav-header-search-submit {
width: 24px;
height: 20px;
}
.nav-header-form-search.error .nav-header-search-submit {
border-left: none;
}
.nav-header-toggle-btn,
.subnav-cart-counter .ss-icon {
display: none;
}
a.btn-split-left,
.btn-split-left {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
a.btn-split-right,
.btn-split-right {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.nav-breadcrumb {
margin-left: 0;
list-style: none;
}
.nav-breadcrumb li {
display: inline-block;
*display: inline;
*zoom: 1;
color: #999999;
font-size: 11px;
}
.nav-breadcrumb .divider {
padding: 0 3px;
color: #999999;
}
.nav-tab {
color: #fff;
background-color: #23a1a1;
/* Flat background color */
border: 1px solid #528388;
margin-bottom: 30px;
background: #73c9c8;
/* Old browsers */
/* FF3.6+ */
/* Chrome,Safari4+ */
/* Chrome10+,Safari5.1+ */
/* Opera 11.10+ */
/* IE10+ */
background: linear-gradient(-45deg, #73c9c8 0%, #1fa19f 25%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#73c9c8', endColorstr='#1fa19f', GradientType=1);
/* IE6-9 fallback on horizontal gradient */
}
.nav-tab h1 {
padding-top: 12px;
padding-left: 13px;
padding-bottom: 12px;
color: #fff;
font-weight: normal;
}
.nav-tab-list {
margin-left: 0;
margin-bottom: 0;
border-top: 1px solid #528388;
}
.nav-tab-list li {
display: inline-block;
border-right-color: #528388;
border-right-style: solid;
border-right-width: 1px;
}
.nav-tab a:link,
.nav-tab a:visited {
color: #fff;
/*text-transform: uppercase;*/
font-size: 14px;
font-weight: normal;
display: inline-block;
padding: 9px 13px 18px 13px;
margin-bottom: -9px;
}
.nav-tab a:hover,
.nav-tab a:active {
display: inline-block;
padding-bottom: 18px;
margin-bottom: -9px;
background-image: url(clientlib-resources/resources/bootstrap/images/nav-tab-sprite.gif);
background-repeat: no-repeat;
background-position: 50% -1px;
}
.nav-tab a.active:link,
.nav-tab a.active:visited,
.nav-tab a.active:hover,
.nav-tab a.active:active {
background-image: url(clientlib-resources/resources/bootstrap/images/nav-tab-sprite.gif);
background-repeat: no-repeat;
background-position: 50% -47px;
text-decoration: none;
}
/* Gray */
.nav-tab-gray {
color: #fff;
background-color: #616c6c;
/* Flat background color */
border-color: #666;
background: #9fa3a4;
/* Old browsers */
/* FF3.6+ */
/* Chrome,Safari4+ */
/* Chrome10+,Safari5.1+ */
/* Opera 11.10+ */
/* IE10+ */
background: linear-gradient(-45deg, #9fa3a4 0%, #616d6d 25%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9fa3a4', endColorstr='#616d6d', GradientType=1);
/* IE6-9 fallback on horizontal gradient */
}
.nav-tab-gray .nav-tab-list {
border-color: #595959;
}
.nav-tab-gray .nav-tab-list li {
border-right-color: #595959;
}
.nav-tab-gray a:hover,
.nav-tab-gray a:active {
background-position: 50% -94px;
}
.nav-tab-gray a.active:link,
.nav-tab-gray a.active:visited,
.nav-tab-gray a.active:hover,
.nav-tab-gray a.active:active {
background-position: 50% -140px;
}
/* Chrome */
.nav-tab-chrome {
color: #333;
background-color: #616c6c;
/* Flat background color */
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
border-color: #999;
background-image: url(clientlib-resources/resources/bootstrap/images/nav-tab-chrome-bg.jpg);
background-position: right top;
}
.nav-tab-chrome h1 {
color: #333;
}
.nav-tab-chrome .nav-tab-list {
border-color: #999;
}
.nav-tab-chrome .nav-tab-list li {
border-right-color: #999;
}
.nav-tab-chrome a:link,
.nav-tab-chrome a:visited {
color: #333;
}
.nav-tab-chrome a:hover,
.nav-tab-chrome a:active {
color: #fff;
}
.nav-tab-chrome a.active:link,
.nav-tab-chrome a.active:visited,
.nav-tab-chrome a.active:hover,
.nav-tab-chrome a.active:active {
color: #fff;
}
/* Light */
.nav-tab-light {
color: #333;
background: transparent;
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
border: none;
}
.nav-tab-light h1 {
color: #333;
font-size: 40px;
font-weight: 300;
margin-bottom: 10px;
padding-bottom: 0;
padding-left: 0;
}
/*
.nav-tab-light .nav-tab-list {
border-top: none;
border-bottom: 2px solid #999;
}
.nav-tab-light .nav-tab-list li {
border-right: none;
margin-bottom: -2px;
}
.nav-tab-light a:link,
.nav-tab-light a:visited {
color: #099;
margin-bottom: 0;
padding-bottom: 11px;
border-right: 1px solid #999;
border-bottom: 2px solid #999;
border-left: 1px solid #999;
border-radius: 12px 12px 0 0;
border-top: 1px solid #999;
margin-right: 4px;
}
.nav-tab-light a:hover,
.nav-tab-light a:active {
color: #099;
background-image: none;
margin-bottom: 0;
padding-bottom: 11px;
}
.nav-tab-light li:first-child a:link,
.nav-tab-light li:first-child a:visited,
.nav-tab-light li:first-child a:hover,
.nav-tab-light li:first-child a:active {
margin-left: 6px;
}
.nav-tab-light a.active:link,
.nav-tab-light a.active:visited,
.nav-tab-light a.active:hover,
.nav-tab-light a.active:active {
color: #000;
background-image: none;
border-top: 2px solid #999;
border-right: 2px solid #999;
border-bottom: 2px solid #fff;
border-left: 2px solid #999;
padding-bottom: 11px;
padding-right: 12px;
padding-top: 8px;
}
.nav-tab-light li:first-child a.active:link,
.nav-tab-light li:first-child a.active:visited,
.nav-tab-light li:first-child a.active:hover,
.nav-tab-light li:first-child a.active:active {
margin-left: 6px;
}
*/
/*Start nav tab tab to drop styles*/
.nav-tab-list.tab-drop {
border-bottom: 0;
margin-bottom: 0;
}
.nav-tab-list.tab-drop > li {
border: 0;
}
.nav-tab-list.tab-drop .drop-menu > li {
float: none;
}
.nav-tab-list.tab-drop .drop-menu > li a:link,
.nav-tab-list.tab-drop .drop-menu > li a:visited,
.nav-tab-list.tab-drop .drop-menu > li a:hover,
.nav-tab-list.tab-drop .drop-menu > li a:active {
/*overwrite old stx-bootstrap here, need to simplify when integrate*/
padding: 9px 13px 9px 13px;
margin-bottom: 0;
margin-right: 0;
border-radius: 0;
border: 0;
}
.nav-tab-list.tab-drop .drop-menu > li a:hover {
background: #35bcbc;
text-decoration: underline;
}
.nav-tab-gray .nav-tab-list.tab-drop .drop-menu > li a:hover {
background: #878f8f;
}
.nav-tab-list.tab-drop .drop-menu > li.active a:link,
.nav-tab-list.tab-drop .drop-menu > li.active a:visited,
.nav-tab-list.tab-drop .drop-menu > li.active a:hover,
.nav-tab-list.tab-drop .drop-menu > li.active a:active {
position: relative;
color: #fff;
text-decoration: none;
padding-bottom: 9px;
margin-bottom: 0;
background-color: #015959;
background-image: none;
background-position: 0 0;
background-image: -webkit-gradient(linear, left top, left bottom, from(#015959), to(#017b7b));
background-image: linear-gradient(to bottom, #015959 0%, #017b7b 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#015959', endColorstr='#017b7b', GradientType=0);
}
.nav-tab-list.tab-drop .drop-menu > li.active a:before {
position: absolute;
left: 50%;
top: 100%;
margin-left: -16px;
width: 0;
height: 0;
overflow: hidden;
border-color: #017b7b transparent transparent;
border-style: solid;
border-width: 8px 16px 0 16px;
content: "";
}
.nav-tab-gray .nav-tab-list.tab-drop .drop-menu > li.active a:link,
.nav-tab-gray .nav-tab-list.tab-drop .drop-menu > li.active a:visited,
.nav-tab-gray .nav-tab-list.tab-drop .drop-menu > li.active a:hover,
.nav-tab-gray .nav-tab-list.tab-drop .drop-menu > li.active a:active {
background-color: #484848;
background-image: -webkit-gradient(linear, left top, left bottom, from(#484848), to(#656565));
background-image: linear-gradient(to bottom, #484848 0%, #656565 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#484848', endColorstr='#656565', GradientType=0);
}
.nav-tab-gray .nav-tab-list.tab-drop .drop-menu > li.active a:before {
border-color: #656565 transparent transparent;
}
/*
.nav-tab-light .nav-tab-list.tab-drop {
border-bottom: 2px solid #999;
}
.nav-tab-light .nav-tab-list.tab-drop .drop-menu > li {
margin-bottom: 0;
}
.nav-tab-light .nav-tab-list.tab-drop .drop-menu > li a {
padding-bottom: 11px;
border: 1px solid #999;
border-bottom-width: 2px;
border-radius: 12px 12px 0 0;
margin-right: 4px;
}
.nav-tab-light .nav-tab-list.tab-drop .drop-menu > li a:hover {
background: transparent;
text-decoration: underline;
}
.nav-tab-light .nav-tab-list.tab-drop .drop-menu > li:first-child a {
margin-left: 6px;
}
.nav-tab-light .nav-tab-list.tab-drop .drop-menu > li.active a:link,
.nav-tab-light .nav-tab-list.tab-drop .drop-menu > li.active a:visited,
.nav-tab-light .nav-tab-list.tab-drop .drop-menu > li.active a:hover,
.nav-tab-light .nav-tab-list.tab-drop .drop-menu > li.active a:active {
background: transparent;
color: #000;
filter: none;
border-width: 2px;
border-bottom-color: #fff;
padding-top: 8px;
padding-right: 12px;
padding-bottom: 11px;
text-decoration: none;
}
.nav-tab-light .nav-tab-list.tab-drop .drop-menu > li.active a:before {
display: none;
}
*/
/* New Nav Tab Light "Flat" and "Sticky" */
ul.flat-tabs {
border-bottom: 3px solid #b2b2b2;
float: left;
margin: 0;
width: 100%;
height: 36px;
font-size: 16px;
}
ul.flat-tabs li {
float: left;
list-style: none;
line-height: 1em;
}
ul.flat-tabs li .flat-tab {
padding: 10px;
color: #666;
font-size: 16px;
border-bottom: 3px solid #6ebe49;
border-right: 1px solid #6ebe49;
background: #f1f1f1;
float: right;
}
ul.flat-tabs li .flat-tab:hover {
text-decoration: none;
background: #4e8c38;
color: #fff;
}
ul.flat-tabs li .active-flat-tab {
color: #fff;
background: #6ebe49;
border-bottom: 3px solid #287515;
font-weight: 400;
}
ul.flat-tabs li .active-flat-tab:hover {
text-decoration: none;
background: #4e8c38;
color: #fff;
cursor: default;
}
.last-flat-tab {
border-right: none !important;
}
.flat-tabs-fixed {
background: none repeat scroll 0 0 #ffffff;
-webkit-box-shadow: 0 1px 7px 2px rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 7px 2px rgba(0, 0, 0, 0.15);
height: 44px;
position: fixed !important;
width: 100%;
top: 0;
left: 0;
right: 0;
height: 36px;
background: #fff;
padding: 0;
-webkit-box-shadow: 0px 1px 7px 2px rgba(0, 0, 0, 0.15);
box-shadow: 0px 1px 7px 2px rgba(0, 0, 0, 0.15);
border-bottom: 3px solid #b2b2b2;
z-index: 999;
}
.flat-tabs-fixed li .flat-tab {
padding: 12px 10px 10px 10px;
}
/*End nav tab tab to drop styles*/
.nav-list {
padding-top: 10px;
padding-bottom: 5px;
margin-bottom: 10px;
border: 1px solid #ccc;
}
.nav-list ul {
list-style: none;
}
.nav-list-level-1 {
margin-left: 0;
}
.nav-list-level-1 > li {
margin-bottom: 4px;
}
.nav-list-level-1 > li > a {
text-transform: uppercase;
font-size: 14px;
}
.nav-list-level-1 > li.open {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding-top: 5px;
}
.nav-list-level-1 > li.open > a {
font-weight: 600;
}
.nav-list-level-1 > li.active > a {
font-weight: 600;
color: #333;
}
.nav-list-level-2 {
border-bottom: 1px solid #666;
padding-bottom: 5px;
margin-top: 3px;
margin-bottom: 5px;
margin-left: 25px;
border-bottom: none;
padding-bottom: 0;
}
.nav-list-level-2 > li {
margin-bottom: 2px;
}
.nav-list-level-2 a {
text-transform: none;
}
.nav-list-level-2 > .open > a {
font-weight: 600;
}
.nav-list-level-2 > .active > a {
font-weight: 600;
color: #333;
}
.nav-list-level-3 > li {
margin-bottom: 2px;
}
.nav-list-level-3 .active a {
color: #333;
font-weight: 600;
}
.page-title {
display: table;
margin-bottom: 23px;
}
.page-title-content {
display: table-cell;
vertical-align: middle;
}
.page-title-heading {
font-size: 250%;
line-height: 97%;
margin-bottom: 12px;
}
.page-title-image {
display: block;
margin-right: 20px;
max-width: none;
}
.content-row {
clear: both;
margin-bottom: 0;
padding-bottom: 50px;
}
.content-row-2-column {
display: inline-block;
width: 48%;
margin-right: 2%;
padding-top: 50px;
}
.content-row-1-column {
width: 98%;
margin-right: 2%;
padding-top: 50px;
}
.content-row-abstract {
font-style: italic;
border-left: none;
}
.search-wrapper {
position: relative;
z-index: 2;
padding-bottom: 40px;
}
.search-wrapper a {
color: #6ebe49;
}
.search-wrapper .search-header {
padding: 4px 0 24px;
}
.search-wrapper .search-header .search-info {
font-size: 14px;
line-height: 18px;
color: #868589;
margin-bottom: 10px;
}
.search-wrapper .search-header .search-header-box {
border-radius: 3px;
position: relative;
}
.search-wrapper .search-header .search-header-box form {
margin-bottom: 0;
}
.search-wrapper .search-header .search-header-box .search-input {
width: 100%;
padding: 8px 56px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 56px;
border: 1px solid #f5f5f5;
background: #f5f5f5;
margin-bottom: 0;
-webkit-box-shadow: none;
box-shadow: none;
font-size: 28px;
font-weight: 300;
line-height: 40px;
color: #333;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.search-wrapper .search-header .search-header-box .search-input::-webkit-input-placeholder {
color: #c9c9c9;
}
.search-wrapper .search-header .search-header-box .search-input:hover {
background: #fafafa;
border: 1px solid #e5e5e5;
}
.search-wrapper .search-header .search-header-box .search-input:focus {
background: #fff;
border: 1px solid #eaeaea;
}
.search-wrapper .search-header .search-header-box .search-glass {
background: url(clientlib-resources/resources/bootstrap/images/nm/sprite-icn-nm.png) no-repeat -78px 0;
position: absolute;
left: 18px;
top: 18px;
width: 21px;
height: 21px;
}
.search-wrapper .search-header .search-header-box .search-clear {
position: absolute;
right: 18px;
top: 18px;
width: 21px;
height: 21px;
background: url(clientlib-resources/resources/bootstrap/images/nm/sprite-icn-nm.png) no-repeat -141px 0;
cursor: pointer;
}
.search-wrapper .search-header .search-header-box .search-clear:hover {
background-position-y: -21px;
}
.search-wrapper .search-nav {
border-bottom: 2px solid #ebebeb;
position: relative;
}
.search-wrapper .search-nav ul {
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
top: 2px;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
background: transparent;
position: relative;
z-index: 1;
}
.search-wrapper .search-nav ul li {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
float: left;
padding-left: 40px;
padding-bottom: 18px;
margin-right: 32px;
list-style: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 52px;
cursor: pointer;
-webkit-transition: border-color 0.3s;
transition: border-color 0.3s;
}
.search-wrapper .search-nav ul li:after {
content: "";
position: absolute;
width: 100%;
height: 2px;
bottom: 0;
left: 0;
background: #ebebeb;
-webkit-transition: background 0.3s;
transition: background 0.3s;
}
.search-wrapper .search-nav ul li:last-of-type {
margin-right: 0;
}
.search-wrapper .search-nav ul li i {
width: 36px;
height: 36px;
position: absolute;
left: 0;
font-style: normal;
}
.search-wrapper .search-nav ul li[data-type="all"] {
padding-left: 0;
}
.search-wrapper .search-nav ul li[data-type="product"] i {
background-image: url(clientlib-resources/resources/bootstrap/images/nm/sprite-icn-tab-product-36x108.png);
}
.search-wrapper .search-nav ul li[data-type="software-download"] i {
background-image: url(clientlib-resources/resources/bootstrap/images/nm/sprite-icn-tab-download-36x108.png);
}
.search-wrapper .search-nav ul li[data-type="knowledge-base"] i {
background-image: url(clientlib-resources/resources/bootstrap/images/nm/sprite-icn-tab-knowledge-36x108.png);
}
.search-wrapper .search-nav ul li[data-type="document"] i {
background-image: url(clientlib-resources/resources/bootstrap/images/nm/sprite-icn-tab-document-36x108.png);
}
.search-wrapper .search-nav ul li[data-type="article"] i {
background-image: url(clientlib-resources/resources/bootstrap/images/nm/sprite-icn-tab-article-36x108.png);
}
.search-wrapper .search-nav ul li p {
margin-bottom: 0;
font-size: 0;
line-height: 0;
}
.search-wrapper .search-nav ul li span,
.search-wrapper .search-nav ul li em {
display: inline;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.search-wrapper .search-nav ul li span {
font-size: 16px;
line-height: 18px;
color: #666666;
padding-right: 6px;
}
.search-wrapper .search-nav ul li em {
font-size: 14px;
line-height: 18px;
color: #a6a6a6;
font-style: normal;
}
.search-wrapper .search-nav ul li:hover i {
background-position-y: -36px;
}
.search-wrapper .search-nav ul li:hover span {
color: #333;
}
.search-wrapper .search-nav ul li:hover em {
color: #666;
}
.search-wrapper .search-nav ul li:hover:after {
background: #868589;
}
.search-wrapper .search-nav ul li:active:after {
background: #333;
}
.search-wrapper .search-nav ul li.active i {
background-position-y: -72px;
}
.search-wrapper .search-nav ul li.active span {
color: #6ebe49;
font-weight: 600;
}
.search-wrapper .search-nav ul li.active em {
color: #6ebe49;
}
.search-wrapper .search-nav ul li.active:after {
background: #6ebe49;
}
.search-wrapper .search-nav.disabled ul li {
cursor: default;
}
.search-wrapper .search-nav.disabled ul li:hover i {
background-position-y: 0;
}
.search-wrapper .search-nav.disabled ul li:hover span {
color: #666;
}
.search-wrapper .search-nav.disabled ul li:hover:after {
background: #ebebeb;
}
.search-wrapper .search-nav.disabled ul li:active:after {
background: #ebebeb;
}
.search-wrapper .search-filters {
border-right: 1px solid #ebebeb;
padding-right: 15px;
padding-top: 24px;
}
.search-wrapper .search-filters > h4 {
font-size: 24px;
line-height: 32px;
margin-bottom: 24px;
color: #868589;
position: relative;
}
.search-wrapper .search-filters .search-filter-close {
display: none;
}
.search-wrapper .search-filters .search-filter {
padding-top: 10px;
padding-bottom: 16px;
}
.search-wrapper .search-filters .search-filter:first-child {
padding-top: 0;
}
.search-wrapper .search-filters .search-filter > p {
font-weight: 300;
font-size: 16px;
line-height: 22px;
color: #333;
margin-bottom: 5px;
padding: 5px 0;
}
.search-wrapper .search-filters .search-filter .control-group {
margin-bottom: 0;
}
.search-wrapper .search-filters .search-filter .control-group .controls .checkbox {
padding: 5px 0;
}
.search-wrapper .search-filters .search-filter .control-group .controls .checkbox-custom + label {
padding-left: 24px;
font-size: 14px;
line-height: 18px;
color: #868589;
margin: 0;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.search-wrapper .search-filters .search-filter .control-group .controls .checkbox-custom + label > span {
width: 16px;
height: 16px;
top: 1px;
line-height: 17px;
border-color: #868589;
-webkit-transition: border-color 0.3s;
transition: border-color 0.3s;
}
.search-wrapper .search-filters .search-filter .control-group .controls .checkbox-custom + label:hover {
color: #333;
}
.search-wrapper .search-filters .search-filter .control-group .controls .checkbox-custom + label:hover > span {
border-color: #333;
}
.search-wrapper .search-filters .search-filter .control-group .controls .checkbox-custom:checked + label {
color: #333;
}
.search-wrapper .search-filters .search-filter .control-group .controls .checkbox-custom:checked + label > span {
border-color: #333;
}
.search-wrapper .searched-filters {
overflow: hidden;
padding: 24px 0 14px;
border-bottom: 1px solid #ebebeb;
font-size: 14px;
line-height: 18px;
}
.search-wrapper .searched-filters ul {
margin: 0;
padding: 0;
float: left;
width: 80%;
font-size: 0;
line-height: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.search-wrapper .searched-filters ul li {
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid #ccc;
border-radius: 3px;
margin-bottom: 10px;
margin-right: 10px;
background-color: #fff;
}
.search-wrapper .searched-filters ul li i {
font-size: 10px;
line-height: 16px;
padding: 8px 10px 6px;
color: #c9c9c9;
cursor: pointer;
}
.search-wrapper .searched-filters ul li i:hover {
color: #333;
}
.search-wrapper .searched-filters ul li span {
font-size: 14px;
line-height: 18px;
padding: 6px 10px 6px 0;
color: #333;
}
.search-wrapper .searched-filters ul li:hover {
border-color: #868589;
background-color: #fafafa;
}
.search-wrapper .searched-filters ul li:active {
border-color: #333;
background-color: #f5f5f5;
}
.search-wrapper .searched-filters .filter-clear {
float: right;
color: #6ebe49;
line-height: 34px;
cursor: pointer;
}
.search-wrapper .searched-filters .filter-clear:hover {
text-decoration: underline;
}
.search-wrapper .search-list .search-item h6 {
font-size: 18px;
line-height: 26px;
color: #333;
padding: 5px 0;
}
.search-wrapper .search-list .search-item h6 > a {
color: #333;
display: inline-block;
}
.search-wrapper .search-list .search-item p {
font-size: 14px;
line-height: 18px;
color: #868589;
padding: 5px 0;
margin: 0;
}
.search-wrapper .search-list .search-item p > a {
position: relative;
display: inline-block;
font-size: 14px;
line-height: 18px;
}
.search-wrapper .search-list .search-item p > a > i {
position: absolute;
top: 50%;
right: -15px;
margin-top: -8px;
font-size: 10px;
}
.search-wrapper .search-list .search-products {
padding: 24px 0;
border-bottom: 1px solid #ebebeb;
}
.search-wrapper .search-list .search-products > h4 {
font-size: 24px;
line-height: 32px;
margin-bottom: 24px;
color: #868589;
}
.search-wrapper .search-list .search-products .search-product .product-image {
margin-bottom: 16px;
text-align: center;
}
.search-wrapper .search-list .search-products > [class*="span"]:empty + [class*="span"] {
float: right;
}
.search-wrapper .search-list .search-products > [class*="span"]:empty + [class*="span"] .search-product.keymatch {
margin-top: 0;
}
.search-wrapper .search-list .search-items .search-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 24px 0 24px 24px;
border-bottom: 1px solid #ebebeb;
position: relative;
}
.search-wrapper .search-list .search-items .search-item:before {
content: "";
position: absolute;
top: 29px;
left: 0;
width: 18px;
height: 26px;
background-image: url(clientlib-resources/resources/bootstrap/images/nm/sprite-icn-results-list.png);
background-repeat: no-repeat;
background-position: -240px 50%;
}
.search-wrapper .search-list .search-items .search-item[data-type="product"]:before {
background-position: 0 50%;
}
.search-wrapper .search-list .search-items .search-item[data-type="software-download"]:before {
background-position: -48px 50%;
}
.search-wrapper .search-list .search-items .search-item[data-type="knowledge-base"]:before {
background-position: -96px 50%;
}
.search-wrapper .search-list .search-items .search-item[data-type="document"]:before {
background-position: -144px 50%;
}
.search-wrapper .search-list .search-items .search-item[data-type="article"]:before {
background-position: -192px 50%;
}
.search-wrapper .search-list .search-items .search-item .item-image {
margin-left: 24px;
}
.search-wrapper .search-list .search-items .search-item .item-body {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.search-wrapper .search-list .search-items > div:last-of-type > div:last-of-type .search-item {
border: 0;
}
.search-wrapper .search-list .load-more-button {
width: 100%;
background: #fff;
border-color: #ccc;
border: none;
border: 1px solid #ddd;
border-radius: 3px;
margin: 48px 0;
font-size: 18px;
line-height: 24px;
padding: 12px 16px;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.search-wrapper .search-list .load-more-button:hover {
border-color: #868589;
background-color: #fafafa;
color: #333;
}
.search-wrapper .search-list .load-more-button:active {
border-color: #333;
background-color: #f5f5f5;
color: #333;
}
.search-wrapper .search-list .no-results {
padding-top: 24px;
}
.search-wrapper .search-list .no-results h4 {
margin-bottom: 24px;
font-size: 24px;
line-height: 32px;
color: #333;
}
.search-wrapper .search-list .no-results h5 {
font-size: 18px;
line-height: 26px;
color: #868589;
margin-bottom: 12px;
}
.search-wrapper .search-keymatch {
margin-top: 24px;
padding: 16px;
background: #6ebe49;
border-radius: 3px;
}
.search-wrapper .search-keymatch .image {
margin-bottom: 16px;
text-align: center;
}
.search-wrapper .search-keymatch .text h6 {
padding: 5px 0;
font-size: 18px;
line-height: 26px;
color: #333;
}
.search-wrapper .search-keymatch .text h6 > a {
color: #fff;
display: inline-block;
}
.search-wrapper .search-keymatch .text p {
padding: 5px 0;
margin: 0;
font-size: 14px;
line-height: 18px;
color: #333333;
}
.search-wrapper .search-keymatch .text p > a {
color: #333;
position: relative;
display: inline-block;
font-size: 14px;
line-height: 18px;
}
.search-wrapper .search-keymatch .text p > a > i {
position: absolute;
top: 50%;
right: -15px;
margin-top: -8px;
font-size: 10px;
}
.search-wrapper .loading-box {
position: absolute;
pointer-events: none;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.4s;
transition: all 0.4s;
z-index: -11;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #fff;
min-height: 600px;
}
.search-wrapper .loading-box .overlay {
background: rgba(255, 255, 255, 0.55) url(clientlib-resources/resources/bootstrap/images/seagate-spinner.gif) no-repeat 50% 50%;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 5;
}
.search-wrapper .loading-box .search-header .search-info {
font-size: 0;
background: #f5f5f5;
width: 180px;
height: 18px;
-webkit-animation: fadingBG 1.8s infinite;
animation: fadingBG 1.8s infinite;
}
.search-wrapper .loading-box .search-header .search-header-box {
background: #f5f5f5;
height: 56px;
-webkit-animation: fadingBG 1.8s infinite;
animation: fadingBG 1.8s infinite;
}
.search-wrapper .loading-box .search-nav ul {
width: 100%;
}
.search-wrapper .loading-box .search-nav ul li {
background: #f5f5f5;
-webkit-animation: fadingBG 1.8s infinite;
animation: fadingBG 1.8s infinite;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.search-wrapper .loading-box .search-nav ul li span,
.search-wrapper .loading-box .search-nav ul li em {
font-size: 0;
height: 18px;
}
.search-wrapper .loading-box .search-nav ul li i {
background: none;
}
.search-wrapper .loading-box .search-nav ul li.active:after {
background: #ebebeb;
-webkit-animation: fadingBG 1.8s infinite;
animation: fadingBG 1.8s infinite;
}
.search-wrapper .loading-box .search-filters > h4 {
background: #f5f5f5;
-webkit-animation: fadingBG 1.8s infinite;
animation: fadingBG 1.8s infinite;
width: 64px;
height: 32px;
font-size: 0;
}
.search-wrapper .loading-box .search-filters .search-filter-list {
*zoom: 1;
}
.search-wrapper .loading-box .search-filters .search-filter-list:before,
.search-wrapper .loading-box .search-filters .search-filter-list:after {
display: table;
content: "";
}
.search-wrapper .loading-box .search-filters .search-filter-list:after {
clear: both;
}
.search-wrapper .loading-box .search-filters .search-filter > p {
background: #f5f5f5;
-webkit-animation: fadingBG 1.8s infinite;
animation: fadingBG 1.8s infinite;
width: 88px;
height: 22px;
padding: 0;
margin: 5px 0 10px;
font-size: 0;
}
.search-wrapper .loading-box .search-filters .search-filter .control-group .controls .checkbox label {
background: #f5f5f5;
-webkit-animation: fadingBG 1.8s infinite;
animation: fadingBG 1.8s infinite;
width: 90%;
height: 18px;
font-size: 0;
margin: 0;
}
.search-wrapper .loading-box .search-filters .search-filter .control-group .controls .checkbox label > span {
display: none;
}
.search-wrapper .loading-box .search-list .search-item h6 > a {
display: inline-block;
background: #f5f5f5;
-webkit-animation: fadingBG 1.8s infinite;
animation: fadingBG 1.8s infinite;
height: 26px;
width: 80%;
vertical-align: top;
}
.search-wrapper .loading-box .search-list .search-item p {
background: #f5f5f5;
-webkit-animation: fadingBG 1.8s infinite;
animation: fadingBG 1.8s infinite;
height: 36px;
width: 100%;
margin: 5px 0;
padding: 0;
}
.search-wrapper .loading-box .search-list .search-items .search-item:before {
background: #f5f5f5 none;
-webkit-animation: fadingBG 1.8s infinite;
animation: fadingBG 1.8s infinite;
}
.search-wrapper .loading-box .search-list .load-more-button {
height: 50px;
background: #f5f5f5;
-webkit-animation: fadingBG 1.8s infinite;
animation: fadingBG 1.8s infinite;
border: 0;
}
.search-wrapper.loading .loading-box {
z-index: 3;
pointer-events: all;
opacity: 1;
visibility: visible;
}
@-webkit-keyframes fadingBG {
0%,
100% {
background: #f5f5f5;
}
50% {
background: #dbdbdb;
}
}
@keyframes fadingBG {
0%,
100% {
background: #f5f5f5;
}
50% {
background: #dbdbdb;
}
}
.link-list-title {
color: #333;
text-transform: uppercase;
font-size: 11px;
margin-bottom: 5px;
display: block;
}
/* Are these only good for this link list style or should it be for all lists? */
.link-list ul {
list-style-type: none;
margin-left: 0;
}
.link-list ul li {
margin-bottom: 4px;
clear: left;
}
.link-list ul li a.pdf {
background-image: url(clientlib-resources/resources/bootstrap/images/icn_pdf.png);
background-repeat: no-repeat;
background-position: left 0;
padding-left: 20px;
padding-bottom: 5px;
}
.link-list ul li a.folder {
background-image: url(clientlib-resources/resources/bootstrap/images/icn_folder.gif);
background-repeat: no-repeat;
background-position: left 0;
padding-left: 20px;
padding-bottom: 5px;
}
.link-list ul li a.video {
background-image: url(clientlib-resources/resources/bootstrap/images/icn_video.gif);
background-repeat: no-repeat;
background-position: left 0;
padding-left: 20px;
padding-bottom: 5px;
}
.link-list ul li a img {
float: left;
margin-right: 5px;
margin-bottom: 4px;
}
.link-list-footer {
font-style: italic;
clear: both;
}
.link-list-right {
display: block;
text-align: right;
}
/* link-list-button styles */
.link-list-button ul li {
margin-bottom: 20px;
}
.link-list-button ul li a img {
margin-bottom: 10px;
}
.link-list-icon-tile {
clear: both;
}
.link-list-icon-tile .link-list {
margin: 0 0 20px 0;
padding: 0;
}
.link-list-icon-tile .link-list-heading {
font-size: 13px;
font-weight: normal;
color: #666;
border-bottom: 1px solid #ddd;
margin-bottom: 10px;
}
.link-list-icon-tile .link-list-item {
margin: 0 0 15px 0;
padding: 0;
color: #fff;
background-color: #00ade6;
width: 49%;
float: left;
display: block;
}
.link-list-icon-tile .link-list-item:nth-child(odd) {
clear: left;
}
.link-list-icon-tile .link-list-item:nth-child(even) {
float: right;
}
.link-list-icon-tile .link-list-item-image {
display: block;
float: left;
margin: 0;
padding: 0;
}
.link-list-icon-tile .link-list-item-content-wrapper {
display: block;
margin-left: 110px;
}
.link-list-icon-tile .link-list-item-content {
display: block;
padding: 20px 10px 10px 10px;
}
.link-list-icon-tile .link-list-item-heading {
color: #fff;
background-color: #00ade6;
font-size: 13px;
font-weight: 600;
line-height: 18px;
}
.link-list-icon-tile .link-list-item-sub-heading {
color: #fff;
background-color: #00ade6;
font-size: 13px;
font-weight: normal;
line-height: 18px;
}
.link-list-icon-tile .link-list-item-body-content p {
font-size: 13px;
font-weight: normal;
line-height: 18px;
margin: 0 0 9px;
}
.link-list-icon-tile .link-list-item-content a {
color: #ccc;
}
.link-item {
padding: 12px 12px 10px;
display: block;
margin-bottom: 5px;
}
.link-item:hover {
text-decoration: none;
}
.link-item-image {
float: left;
display: block;
}
.link-item-content {
display: block;
}
.link-item-image + .link-item-content {
margin-left: 82px;
}
.link-item-title {
display: block;
margin-bottom: 0;
}
.link-item-desc {
display: block;
color: #333;
font-size: 12px;
line-height: 15px;
margin-bottom: 0;
}
.link-item-cta {
display: block;
color: #00a1dd;
}
.link-item:hover .link-item-cta {
display: block;
color: #00a1dd;
text-decoration: underline;
}
/* Link Item Dark */
.link-item-dark {
background-color: #343434;
border-bottom: none;
}
.link-item-dark .link-item-title {
color: #f0f0f0;
text-transform: uppercase;
}
.link-item-dark .link-item-desc {
color: #f0f0f0;
}
.link-item-dark .link-item-cta {
font-weight: 600;
font-size: 14px;
}
/* Link Item Background Image */
.link-item-background-image {
background: no-repeat scroll right 0 transparent;
border-bottom: none;
-webkit-box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.5);
box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.5);
}
.link-item-background-image .link-item-title {
color: #333;
font-weight: 600;
}
.link-item-background-image .link-item-cta {
font-size: 14px;
line-height: 19px;
}
.link-item-background-image .link-item-content {
padding-right: 130px;
}
.link-item-background-image .link-item-desc {
color: #000;
}
/* Link Item Box */
.link-item[class*="link-item-box"] {
background-color: #fff;
border: 1px solid #b3b3b3;
padding: 15px;
margin-bottom: 18px;
}
.link-item[class*="link-item-box"] .link-item-cta {
font-weight: 600;
}
.link-item[class*="link-item-box"] .link-item-image + .link-item-content {
margin-left: 70px;
}
/* Link Item Box Dark */
.link-item.link-item-box-dark {
background-color: #c2edfd;
border: 1px solid #c2edfd;
}
/* .home-tile = link background image hover */
.home-tile {
display: block;
height: 228px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
margin-bottom: 8px;
position: relative;
}
.home-tile .btn {
position: absolute;
bottom: 10px;
left: 10px;
}
.home-tile-content {
padding: 10px;
}
.home-tile-content h3 {
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
line-height: 1.2;
margin-bottom: 8px;
}
.home-tile-content h4 {
font-size: 24px;
font-weight: 300;
line-height: 1.2;
margin-bottom: 5px;
}
.home-tile-content p {
font-size: 16px;
font-weight: 300;
line-height: 1.2;
}
.home-tile-content.reverse h3,
.home-tile-content.reverse h4,
.home-tile-content.reverse p {
color: #fff;
}
.home-tile-hover {
position: absolute;
top: 0;
left: 0;
display: table;
height: 228px;
width: 100%;
background-color: #00678d;
background-color: rgba(0, 103, 141, 0.85);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
table-layout: fixed;
}
.home-tile-hover-content {
display: table-cell;
vertical-align: middle;
padding: 0 14px 0 14px;
}
.home-tile-hover-content h5 {
color: #fff;
font-size: 16px;
font-weight: 600;
margin-bottom: 4px;
}
.home-tile-hover-content p {
color: #fff;
}
.home-tile:hover {
text-decoration: none;
}
.home-tile:hover .home-tile-hover {
opacity: 1;
filter: alpha(opacity=85);
}
.link-background-image-button {
min-height: 96px;
background-color: #ebe9e2;
margin-bottom: 8px;
position: relative;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.link-background-image-button h3 {
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
line-height: 1.2;
margin: 0;
margin-bottom: 8px;
padding: 0;
}
.link-background-image-button-content {
padding: 10px;
}
.link-background-image-button p {
line-height: 1.2;
margin-bottom: 0;
font-size: 16px;
}
.link-background-image-button .btn {
position: absolute;
bottom: 10px;
}
.link-background-image-button .nolinkbtn {
cursor: auto;
}
.teaser,
.teaser-row {
margin-bottom: 20px;
}
.teaser-title {
margin-bottom: 8px;
}
.teaser-title-link {
font-weight: normal;
}
.teaser-sub-title {
display: block;
margin-bottom: 4px;
}
.teaser-sub-title-link {
color: #333;
}
.teaser p {
margin-bottom: 4px;
}
.teaser-image {
margin-bottom: 13px;
}
/* Teaser Product */
.teaser-product .teaser-image {
float: left;
margin-right: 5px;
margin-bottom: 5px;
clear: right;
}
.teaser-product .teaser-title {
margin-left: 115px;
margin-bottom: 0;
}
.teaser-product .teaser-body {
margin-left: 115px;
}
.span4 .teaser-product .teaser-image,
.span3 .teaser-product .teaser-image,
.span2 .teaser-product .teaser-image,
.span1 .teaser-product .teaser-image {
float: none;
margin-right: 0;
display: block;
}
.span4 .teaser-product .teaser-title,
.span3 .teaser-product .teaser-title,
.span2 .teaser-product .teaser-title,
.span1 .teaser-product .teaser-title {
margin-left: 0;
}
.span4 .teaser-product .teaser-body,
.span3 .teaser-product .teaser-body,
.span2 .teaser-product .teaser-body,
.span1 .teaser-product .teaser-body {
margin-left: 0;
}
.teaser-latest-news {
min-height: 124px;
background-color: #ebe9e2;
margin-bottom: 8px;
position: relative;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.teaser-latest-news-content {
padding: 10px;
}
.teaser-latest-news h3 {
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
line-height: 1.2;
margin: 0;
margin-bottom: 8px;
padding: 0;
}
.teaser-latest-news p {
margin-bottom: 0;
}
/*my style*/
.blog-list-content {
margin-bottom: 15px;
}
.blog-list-content-title {
display: block;
padding: 6px 15px;
font-size: 12px;
color: #fff;
background-color: #333;
}
.blog-list-list {
margin: 0;
list-style: none;
}
.blog-list-list li {
font-size: 12px;
padding: 12px 15px;
border-top: 1px solid #c3c3c3;
*zoom: 1;
}
.blog-list-list li:before,
.blog-list-list li:after {
display: table;
content: "";
}
.blog-list-list li:after {
clear: both;
}
.blog-list-list li:first-of-type {
border-top: none;
}
.blog-list-list-time {
display: block;
color: #666;
}
.blog-list-list-text {
margin-top: 15px;
}
.blog-list-list-tag {
margin: 0;
}
.blog-list-list-tag dt,
.blog-list-list-tag dd {
display: inline;
}
.blog-list-list-pic {
float: left;
margin: 2px 13px 5px 0;
}
.blog-list-content-footer {
display: block;
height: 38px;
line-height: 38px;
padding: 0 15px;
border-top: 1px solid #c3c3c3;
background-color: #fff;
}
/*my style*/
.buzz-content {
background-color: #f0f0f0;
padding: 26px 16px 6px;
margin-bottom: 20px;
}
.buzz-content-title {
display: block;
color: #333;
margin-bottom: 11px;
}
.dialogue-box {
border-radius: 10px;
padding: 10px 20px 10px 10px;
background-color: #f2f2f2;
position: relative;
margin-bottom: 8px;
}
.dialogue-box:before {
content: "";
position: absolute;
width: 0;
height: 0;
border-width: 17px 24px 0 0;
border-style: solid outset solid solid;
border-color: #f2f2f2 transparent transparent;
overflow: hidden;
right: 30px;
bottom: -12px;
}
.dialogue-box-text {
font: italic 600 120% Times, "Times New Roman", serif;
display: inline;
}
.dialogue-box-link {
display: inline;
margin-left: 6px;
}
.dialogue-box-link-read,
.dialogue-box-link-read:hover {
margin: 0 0 0 7px;
padding: 0 10px 0 0;
font-size: 12px;
white-space: nowrap;
}
.buzz-caption-time,
.buzz-caption-source {
font-size: 11px;
line-height: 14px;
display: block;
}
.buzz-caption-time {
color: #999;
font-style: normal;
}
.buzz-caption-source {
margin-bottom: 10px;
}
/*different color of dialogue boxes*/
.buzz-content .span6:nth-of-type(1) .dialogue-box:nth-of-type(2) {
background-color: #02b4b4;
}
.buzz-content .span6:nth-of-type(1) .dialogue-box:nth-of-type(2):before {
border-top-color: #02b4b4;
}
.buzz-content .span6:nth-of-type(1) .dialogue-box:nth-of-type(3) {
background-color: #00a5a5;
}
.buzz-content .span6:nth-of-type(1) .dialogue-box:nth-of-type(3):before {
border-top-color: #00a5a5;
}
.buzz-content .span6:nth-of-type(1) .dialogue-box:nth-of-type(4) {
background-color: #029090;
}
.buzz-content .span6:nth-of-type(1) .dialogue-box:nth-of-type(4):before {
border-top-color: #029090;
}
.buzz-content .span6:nth-of-type(2) .dialogue-box:nth-of-type(1) {
background-color: #018a8a;
}
.buzz-content .span6:nth-of-type(2) .dialogue-box:nth-of-type(1):before {
border-top-color: #018a8a;
}
.buzz-content .span6:nth-of-type(2) .dialogue-box:nth-of-type(2) {
background-color: #017979;
}
.buzz-content .span6:nth-of-type(2) .dialogue-box:nth-of-type(2):before {
border-top-color: #017979;
}
.buzz-content .span6:nth-of-type(2) .dialogue-box:nth-of-type(3) {
background-color: #016666;
}
.buzz-content .span6:nth-of-type(2) .dialogue-box:nth-of-type(3):before {
border-top-color: #016666;
}
.buzz-content .span6:nth-of-type(2) .dialogue-box:nth-of-type(4) {
background-color: #015757;
}
.buzz-content .span6:nth-of-type(2) .dialogue-box:nth-of-type(4):before {
border-top-color: #015757;
}
.buzz-head {
margin-bottom: 8px;
}
.buzz-title {
float: left;
font-size: 21px;
line-height: 23px;
font-weight: normal;
}
.buzz-nav-tabs {
float: right;
display: inline;
list-style: none;
margin: 0 -10px 0 0;
}
.buzz-nav-tabs li {
float: left;
border-left: 1px solid #ccc;
padding: 0 10px;
position: relative;
}
.buzz-nav-tabs li:first-child {
border-left: none;
}
.buzz-nav-tabs li.active:before {
content: "";
position: absolute;
width: 0;
height: 0;
border-width: 8px;
border-color: transparent transparent #f0f0f0;
border-style: solid outset solid solid;
overflow: hidden;
bottom: -13px;
left: 50%;
margin-left: -8px;
}
.buzz-nav-tabs li.active a {
color: #666;
}
.buzz-nav-tabs.tab-drop {
border: 0;
margin: 0 -10px 0 0;
}
.buzz-nav-tabs.tab-drop > li {
border: 0;
padding: 0;
}
.buzz-nav-tabs.tab-drop > li:before {
display: none;
}
.buzz-nav-tabs.tab-drop .drop-menu > li a {
padding: 0;
border: 0;
color: #099;
}
.buzz-nav-tabs.tab-drop .drop-menu > li a:hover {
background-color: transparent;
text-decoration: underline;
}
.buzz-nav-tabs.tab-drop .drop-menu > li.active a,
.buzz-nav-tabs.tab-drop .drop-menu > li.active a:hover {
font-weight: normal;
border: 0;
color: #666;
text-decoration: none;
}
/* Local Styles */
.product-usage strong {
color: #333;
}
.product-usage .product-usage-divider {
border-left: 1px solid #ccc;
margin-left: 0;
}
.product-usage-item {
margin-bottom: 20px;
clear: both;
}
.product-usage-item h3 {
font-size: 16px;
font-weight: normal;
margin-bottom: 9px;
}
.product-usage-main-image {
padding: 20px 15px 25px 0;
}
.product-usage-feature-list {
list-style-type: none;
margin-left: 0;
margin-top: 7px;
}
.product-usage-feature-list li {
line-height: 1.3;
font-size: 11px;
}
.product-usage-product {
display: block;
float: left;
margin-left: 0;
width: 49%;
border-top: 1px solid #ccc;
}
.product-usage-product-image {
min-height: 155px;
padding-left: 12px;
float: left;
}
.product-usage-product-container {
padding: 22px 20px 10px 10px;
}
.product-usage-last-row {
border-bottom: 1px solid #ccc;
margin-bottom: 22px;
}
.product-usage-product-list {
margin-bottom: 20px;
}
.product-specs-table-selector {
width: 100%;
}
.product-specs-table-box {
position: relative;
overflow: hidden;
margin-bottom: 15px;
}
.product-specs-table-shadow-right {
position: absolute;
z-index: 5;
right: 0;
top: -10%;
width: 7px;
height: 120%;
-webkit-box-shadow: inset -3px 0px 5px rgba(0, 0, 0, 0.4);
box-shadow: inset -3px 0px 5px rgba(0, 0, 0, 0.4);
}
.product-specs-table {
overflow-x: auto;
}
.product-specs-table td {
font-weight: normal;
font-size: 14px;
}
.product-specs-table th {
font-size: 14px;
}
.product-specs-table table tr.highlight {
background-color: #fcf5e2;
}
.product-specs-table-content-icon {
text-align: center;
}
.tabular-content-table th.product-specs-table-content-model-num {
background-color: transparent;
background-image: none;
color: #333;
}
.tabular-content-table .chec {
display: block;
background: url(clientlib-resources/resources/bootstrap/images/icn_check.png) no-repeat 50%;
text-indent: -9999px;
overflow: hidden;
}
.product-specs-table-content {
table-layout: fixed;
}
.product-specs-table-content th {
background: none;
}
.product-specs-table-content tr:nth-child(even) {
background-color: #fff;
}
.product-specs-table-content td,
.product-specs-table-content th {
border: solid #e6e6e6;
border-width: 1px 0;
color: #333;
padding-left: 0;
padding-right: 20px;
}
.product-specs-table-content th {
width: 140px;
vertical-align: top;
}
.product-specs-table-content tr:first-child td {
border-top: none;
border-bottom: 1px solid #999;
}
.product-specs-table-content tr th:first-child {
width: 140px;
}
.pstable-view-left .product-specs-table-content tr td:first-child {
font-weight: 600;
}
.pstable-view-right .product-specs-table-content tr td:first-child {
text-align: left;
}
.product-specs-table-content .model-image {
text-align: center;
}
.product-specs-table-content th ul li .model-name,
.product-specs-table-content td ul li .model-name {
font-size: 16px;
color: #000;
}
.product-specs-table-content th ul li .model-number,
.product-specs-table-content td ul li .model-number {
font-size: 12px;
color: #999;
}
.product-specs-table-content td ul li.buy select {
font-size: 12px;
width: 200px;
}
.product-specs-table-content th ul li.buy .stock-status,
.product-specs-table-content td ul li.buy .stock-status {
font-size: 10px;
color: #999;
line-height: 38px;
float: left;
margin: 0;
}
.product-specs-table-content th ul li.buy .price-block,
.product-specs-table-content td ul li.buy .price-block {
float: right;
margin: 0 0 7px 0;
}
.product-specs-table-content th ul li.buy .price-label,
.product-specs-table-content td ul li.buy .price-label {
font-size: 10px;
color: #999;
}
.product-specs-table-content th ul li.buy .price,
.product-specs-table-content td ul li.buy .price {
color: #000;
}
.product-specs-table-content th ul li.buy .add-to-cart,
.product-specs-table-content td ul li.buy .add-to-cart {
font-size: 12px;
font-weight: 600;
width: 100%;
padding-left: 0;
padding-right: 0;
margin-bottom: 10px;
}
.product-specs-table-content th ul li.buy .add-to-cart.disabled,
.product-specs-table-content td ul li.buy .add-to-cart.disabled {
background-color: #c9c9c9;
}
.product-specs-table-content a.pdf {
font-size: 10px;
font-weight: 600;
text-transform: uppercase;
background-image: url(clientlib-resources/resources/bootstrap/images/Datasheet_Icon_16x19.png);
background-repeat: no-repeat;
background-position: left 3px;
padding-left: 22px;
margin-bottom: 5px;
padding-top: 3px;
line-height: 2.1;
display: block;
}
.product-specs-table-content td ul li:last-child a.pdf {
background-image: url(clientlib-resources/resources/bootstrap/images/Manual_Icon_16x19.png);
}
.product-specs-table-content th ul li:last-child a.pdf,
.product-specs-table-content td ul li:last-child a.pdf {
margin-bottom: 9px;
}
.pstable-view-right .pstable-body {
overflow: auto;
}
.pstable-view-left {
position: absolute;
left: 0;
z-index: 2;
}
.pstable-view-right {
position: absolute;
right: 0;
z-index: 1;
}
.product-specs-table .pstable-view-left {
width: 200px;
}
.product-specs-table .pstable-view-right {
width: 740px;
}
.product-specs-table .pstable-view-right td {
width: 200px;
margin: 0;
}
.product-specs-table .pstable-view-right .product-specs-table-content td .pstable-cell {
width: 200px;
}
.product-specs-table-content .model-image {
min-height: 110px;
margin-bottom: 6px;
}
/*3931*/
.product-specs-table-mode.mode-2 table tr.subHeader > td {
background-color: #00a0dd;
color: #fff;
border: 1px solid #00a0dd;
}
.product-specs-table-mode table {
width: 100%;
font-size: 14px;
line-height: 19px;
}
.product-specs-table-mode table tr > td {
border: 1px solid #888;
text-align: center;
padding: 4px 10px;
}
.product-specs-table-mode table tr > td:first-child {
text-align: left;
}
.product-specs-table-mode table tr.mainHeader > td {
background-color: #000;
color: #fff;
border: 1px solid #000;
}
.product-specs-table-mode table tr.subHeader > td {
background-color: #7f8184;
color: #fff;
border: 1px solid #7f8184;
}
.product-specs-table-mode .product-specs-table-footnote {
margin-top: 15px;
}
.PDFpage .specsTable {
width: 100%;
}
.PDFpage .specsTable .mainHeader td {
background-color: #000000;
color: #ffffff;
}
.PDFpage .specsTable .subHeader td {
background-color: #8a898f;
color: #ffffff;
}
.PDFpage .specsTable.mode2 .subHeader td {
background-color: #00a0dd;
}
.PDFpage .specsTable td:first-child {
border-left: 1px solid #000000;
text-align: left;
}
.PDFpage .specsTable td:first-child .pull-right {
padding-right: 3px;
}
.PDFpage .specsTable td {
padding-left: 3px;
text-align: center;
font-size: 10px;
line-height: 13px;
border-top: 1px solid #000000;
border-right: 1px solid #888;
}
.PDFpage .specsTable tr:last-child > td {
border-bottom: 1px solid #000000;
}
.PDFpage .PDFfootnotes {
font-size: 9px;
line-height: 12px;
margin: 1em 0;
}
.PDFpage .PDFtop {
margin-bottom: 50px;
}
.PDFpage .PDFtopImage {
width: 45%;
float: right;
text-align: right;
}
.PDFpage .PDFtopTitles {
width: 45%;
font-size: 12px;
}
.PDFpage .PDFspecsLogo {
width: 150px;
max-width: 45%;
}
.events-content-table {
text-align: left;
font-size: 100%;
}
.events-content-table td {
padding: 12px 10px;
border-top: 1px solid #c3c3c3;
background-color: #fff;
background-image: -webkit-gradient(linear, left top, right top, from(#f0f0f0), color-stop(10%, #ffffff));
background-image: linear-gradient(90deg, #f0f0f0 0%, #ffffff 10%);
}
.events-content-table .events-content-table-date {
width: 66px;
font-size: 140%;
font-weight: 600;
color: #ccc;
padding: 0;
border-right: 1px solid #ccc;
background: #666 url(clientlib-resources/resources/bootstrap/images/bg_date_calend.gif) no-repeat;
text-align: center;
}
.events-content-table-title {
display: block;
font-size: 90%;
line-height: 120%;
}
/* DV132 Events Listing */
.events-listing h4 {
font-size: 25px;
font-weight: 300;
line-height: 32px;
margin-bottom: 8px;
}
.events-listing h5 {
font-size: 22px;
font-weight: 300;
line-height: 28px;
}
.events-listing p {
font-size: 16px;
}
.events-listing ul {
margin-left: 0;
}
.events-listing li {
list-style: none;
margin-left: 0;
font-size: 16px;
line-height: 25px;
color: #333;
}
.events-listing > ul > li {
margin-bottom: 20px;
}
.events-listing-cta {
font-size: 16px;
}
.event-listing-body p {
font-size: 16px;
}
.event-listing-body ul li {
font-size: 16px;
list-style: disc;
margin-left: 20px;
}
.spp-newsletter {
margin-bottom: 15px;
}
.spp-newsletter-list li {
margin-bottom: 6px;
}
.news-alerts-bar {
background-color: #f2f2f2;
padding: 8px 10px 8px;
min-height: 25px;
margin-bottom: 10px;
border: 1px solid #ebebeb;
}
.news-alerts-bar-links,
.news-alerts-bar-icons {
margin-left: 0;
list-style: none;
}
.news-alerts-bar-icons {
float: right;
}
.news-alerts-bar-icons li {
float: left;
margin-left: 3px;
margin-bottom: 3px;
}
.news-alerts-bar-icons li a {
height: 25px;
width: 27px;
text-indent: -9999px;
overflow: hidden;
display: block;
}
.news-alerts-bar-icons li a.social_linkedin {
background-position: 0 -1758px;
}
.news-alerts-bar-icons li a.social_twitter {
background-position: -26px -1758px;
}
.news-alerts-bar-icons li a.social_youtube {
width: 27px;
background-position: -52px -1758px;
}
.news-alerts-bar-icons li a.social_facebook {
background-position: -79px -1758px;
}
.news-alerts-bar-icons li a.social_weibo {
background-position: -105px -1758px;
}
.news-alerts-bar-icons li a.social_google-plus {
background-position: -129px -1758px;
}
.news-alerts-bar-icons li a.social_instagram {
background-position: -156px -1758px;
}
.news-alerts-bar-icons li a.social_linkedin:hover {
background-position: 0 -1783px;
}
.news-alerts-bar-icons li a.social_twitter:hover {
background-position: -26px -1783px;
}
.news-alerts-bar-icons li a.social_youtube:hover {
width: 27px;
background-position: -52px -1783px;
}
.news-alerts-bar-icons li a.social_facebook:hover {
background-position: -79px -1783px;
}
.news-alerts-bar-icons li a.social_weibo:hover {
background-position: -105px -1783px;
}
.news-alerts-bar-icons li a.social_google-plus:hover {
background-position: -129px -1783px;
}
.news-alerts-bar-icons li a.social_instagram:hover {
background-position: -156px -1783px;
}
.news-alerts-bar-links {
padding-top: 4px;
}
.video {
margin-bottom: 20px;
}
.video-wrapper {
position: relative;
padding-bottom: 56.25%;
/* 16:9 */
height: 0;
}
.video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-carousel {
*zoom: 1;
margin-bottom: 20px;
}
.video-carousel:before,
.video-carousel:after {
display: table;
content: "";
}
.video-carousel:after {
clear: both;
}
.video-carousel-content {
float: left;
width: 48%;
}
.video-carousel-videos {
float: right;
width: 50%;
}
.video-carousel-list {
margin: 0 0 10px 0;
padding: 0;
position: relative;
}
.video-carousel-list li {
display: none;
list-style: none;
padding: 0;
margin: 0;
width: 100%;
}
.video-carousel-list li.current {
display: block;
}
.video-carousel-nav {
margin-left: auto;
margin-right: auto;
width: 100%;
}
.video-carousel-nav ul {
margin: 0;
padding: 0;
position: relative;
display: inline-block;
}
.video-carousel-nav li {
display: inline-block;
list-style: none;
padding: 0;
margin: 0;
}
.video-carousel-nav li.stx-hide {
display: none;
}
.video-carousel-nav li a {
position: relative;
display: block;
}
.video-carousel-nav img {
width: 100px;
}
.video-carousel-nav li a:hover:before,
.video-carousel-nav li a.current:before {
content: " ";
display: block;
width: 100px;
height: 56px;
position: absolute;
left: 0;
background-color: #000;
background-color: rgba(0, 0, 0, 0.8);
}
.video-carousel-nav li a:hover:after,
.video-carousel-nav li a.current:after {
content: " ";
display: block;
width: 0;
height: 0;
position: absolute;
left: 45%;
top: 35%;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 16px solid #fff;
}
.video-carousel-nav li.image a:hover:before,
.video-carousel-nav li.image a.current:before,
.video-carousel-nav li.image a:hover:after,
.video-carousel-nav li.image a.current:after {
display: none;
}
.video-carousel-nav .nav-left {
content: " ";
display: inline-block;
height: 0;
width: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 15px solid #666;
position: relative;
top: 6px;
}
.video-carousel-nav .nav-right {
content: " ";
display: inline-block;
height: 0;
width: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 15px solid #666;
position: relative;
top: 6px;
}
.video-carousel-content-list {
margin: 0;
padding: 75px 0 0 0;
position: relative;
}
.video-carousel-content-list li {
display: none;
list-style: none;
padding: 0;
margin: 0;
}
.video-carousel-content-list li.current {
display: block;
}
/* Search Box Display View */
ul.search-nav {
border-bottom: 3px solid #b2b2b2;
height: 36px;
}
ul.search-nav li a {
color: #666;
background: #f1f1f1;
border: none;
border-right: 1px solid #008fc3;
border-bottom: 3px solid #008fc3;
margin: 0;
border-radius: 0;
padding: 10px;
line-height: 1em;
font-size: 16px;
}
ul.search-nav li a:hover {
color: #fff;
text-decoration: none;
background: #007aa6;
border-bottom: 3px solid #008fc3;
}
ul.search-nav li.active a {
text-decoration: none;
font-weight: 600;
border: none;
color: #fff;
background: #008fc3;
border-bottom: 3px solid #00678d;
border-right: 1px solid #008fc3;
}
ul.search-nav li.active a:hover {
color: #fff;
text-decoration: none;
cursor: default;
background: #007aa6;
border-left: none;
border-top: none;
border-right: 1px solid #008fc3;
border-bottom: 3px solid #00678d;
}
.form-search-input-wrapper {
position: relative;
display: inline-block;
}
input.search-query {
border: 1px solid #999;
font-weight: 600;
color: #333;
margin-right: 5px;
margin-bottom: 23px;
height: 22px;
}
input.search-submit {
margin-bottom: 23px;
}
p.search-term {
font-size: 15px;
margin-bottom: 3px;
}
p.search-term a {
font-style: italic;
}
/* Search Results Display View */
.search-results-list li {
border-bottom: 1px solid #ddd;
margin-bottom: 10px;
}
.search-results-list li:after {
content: "";
display: block;
clear: both;
}
.search-results br {
/* fix for gsa default results formatting */
display: none;
}
.search-result-image {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
.search-result-title {
font-size: 15px;
line-height: 1.48;
}
.search-result-desc {
line-height: 1.48;
margin-bottom: 0;
}
.search-result-url {
line-height: 1.48;
font-size: 10px;
}
.search-result-url > a {
word-wrap: break-word;
}
.search-result-url a:link,
.search-result-url a:visited,
.search-result-url a:hover,
.search-result-url a:active {
color: #999;
}
.search-result-title a.pdf {
padding-bottom: 5px;
padding-right: 20px;
background-image: url(clientlib-resources/resources/bootstrap/images/icn_pdf.png);
background-position: right 0;
background-repeat: no-repeat;
}
.search-results-pagination ul {
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.search-results-pagination ul li.active a,
.search-results-pagination a:hover {
background-color: inherit;
}
.search-results-pagination ul li a {
border: none;
line-height: 24px;
}
.search-results-pagination ul li.hidden-phone a {
line-height: 12px;
padding: 10px 15px;
}
.search-results-pagination ul li span {
float: left;
padding: 0 14px;
}
/* Search Results Arrow Style Button */
.search-results-pagination .arrow-button {
position: relative;
display: block;
text-decoration: none;
cursor: pointer;
}
.search-results-pagination .arrow-button > .button {
min-width: 50px;
display: block;
font-size: 12px;
line-height: 12px;
color: #fff;
padding: 10px 15px;
background-color: #6ebe49;
border: 1px solid #4e8c38;
-webkit-transition: none;
transition: none;
-webkit-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box;
}
.search-results-pagination .arrow-button:hover > .button {
background-color: #4e8c38;
}
.search-results-pagination .arrow-button:active > .button {
color: #fff;
background-color: #4e8c38;
border-color: #4e8c38;
}
.search-results-pagination .arrow-button > .arrow-inner {
display: block;
position: absolute;
top: 1px;
z-index: 1;
width: 0;
height: 0;
border: 16px solid transparent;
/* 32px height */
padding: 0;
}
.search-results-pagination .arrow-button > .arrow {
display: block;
width: 0;
height: 0;
padding: 0;
border: 17px solid transparent;
/* 34px height */
}
.search-results-pagination .arrow-button.next > .arrow-inner {
right: 17px;
border-left-color: #6ebe49;
}
.search-results-pagination .arrow-button.next > .arrow {
float: right;
border-left-color: #4e8c38;
}
.search-results-pagination .arrow-button.next .button {
float: right;
border-width: 1px 0 1px 1px;
border-radius: 3px 0 0 3px;
}
.search-results-pagination .arrow-button.next:hover > .arrow-inner {
border-left-color: #4e8c38;
}
.search-results-pagination .arrow-button.next:active > .arrow-inner {
border-left-color: #4e8c38;
}
.search-results-pagination .arrow-button.next:active > .arrow {
border-left-color: #4e8c38;
}
.search-results-pagination .arrow-button.previous > .arrow-inner {
left: 17px;
border-right-color: #6ebe49;
}
.search-results-pagination .arrow-button.previous > .arrow {
float: left;
border-right-color: #4e8c38;
}
.search-results-pagination .arrow-button.previous > .button {
float: left;
border-width: 1px 1px 1px 0;
border-radius: 0 2px 2px 0;
}
.search-results-pagination .arrow-button.previous:hover > .arrow-inner {
border-right-color: #4e8c38;
}
.search-results-pagination .arrow-button.previous:active > .arrow-inner {
border-right-color: #4e8c38;
}
.search-results-pagination .arrow-button.previous:active > .arrow {
border-right-color: #4e8c38;
}
.search-results-pagination .arrow-button.disabled > .button,
.search-results-pagination .arrow-button.disabled:hover > .button,
.search-results-pagination .arrow-button.disabled:active > .button {
color: #bbb;
background-color: #eee;
border-color: #ccc;
}
.search-results-pagination .arrow-button.disabled.previous > .arrow,
.search-results-pagination .arrow-button.disabled:hover.previous > .arrow,
.search-results-pagination .arrow-button.disabled:active.previous > .arrow {
border-right-color: #ccc;
}
.search-results-pagination .arrow-button.disabled.previous > .arrow-inner,
.search-results-pagination .arrow-button.disabled:hover.previous > .arrow-inner,
.search-results-pagination .arrow-button.disabled:active.previous > .arrow-inner {
border-right-color: #eee;
}
.search-results-pagination .arrow-button.disabled.next > .arrow,
.search-results-pagination .arrow-button.disabled:hover.next > .arrow,
.search-results-pagination .arrow-button.disabled:active.next > .arrow {
border-left-color: #ccc;
}
.search-results-pagination .arrow-button.disabled.next > .arrow-inner,
.search-results-pagination .arrow-button.disabled:hover.next > .arrow-inner,
.search-results-pagination .arrow-button.disabled:active.next > .arrow-inner {
border-left-color: #eee;
}
.search-results-featured {
margin-bottom: 20px;
}
.search-results-featured img {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
.search-results-featured-title a {
color: #333;
}
.search-results-featured-desc {
margin-bottom: 2px;
line-height: 1.38;
}
.search-results-featured li:after {
content: "";
display: block;
clear: both;
}
.search-results-featured.two-up li,
.search-results-featured.three-up li {
margin-right: 2%;
width: 47%;
display: inline-block;
vertical-align: top;
}
.search-results-featured.two-up li:after,
.search-results-featured.three-up li:after {
content: none;
clear: none;
}
.search-results-featured.three-up img {
float: none;
}
.search-results-featured.three-up li {
width: 30%;
}
/* Search Filter Knowledge Base Display View */
.search-filter-kb {
margin-bottom: 20px;
}
.search-filter-kb .accordion-group {
margin-bottom: 0;
border: 0;
border-radius: 0;
}
.search-filter-kb-title {
background-color: #333;
padding: 6px 12px;
font-size: 11px;
line-height: 15px;
font-weight: 600;
color: #fff;
text-transform: uppercase;
}
.search-filter-kb .search-filter-kb-toggle {
display: block;
padding: 6px 15px;
margin-bottom: 0;
font-size: 12px;
font-weight: 600;
color: #fff;
background-color: #3d3d3d;
}
.search-filter-kb-toggle:hover {
color: #fff;
text-decoration: none;
}
.open .search-filter-kb-toggle {
background-color: #3d4545;
}
.search-filter-kb-toggle .caret-switch-white {
border-top: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid #fff;
}
.open .search-filter-kb-toggle .caret-switch-white {
border-width: 5px;
border-style: solid;
border-color: #fff transparent transparent transparent;
margin: 0 4px 0 0;
}
.search-filter-kb-toggle,
.search-filter-kb-more-toggle {
cursor: pointer;
}
.search-filter-kb-more-heading.open {
display: none;
}
.search-filter-kb-list {
background-color: #616969;
}
.search-filter-kb-list ul {
margin: 0;
padding: 11px 15px 6px;
}
.search-filter-kb-list,
.search-filter-kb-list ul ul {
padding: 0;
border: 0;
}
.search-filter-kb-list li {
list-style: none;
}
.search-filter-kb-list label {
color: #fff;
padding-left: 0;
}
.search-filter-kb-list input[type="checkbox"] {
opacity: 0;
position: absolute;
}
.search-filter-kb-list label span {
cursor: pointer;
}
.search-filter-kb-list input[type="checkbox"]:disabled + span {
cursor: default;
opacity: 0.5;
}
.search-filter-kb-list input[type="checkbox"] + span::before {
display: inline-block;
text-align: center;
content: "";
width: 14px;
height: 13px;
margin: 0 6px 3px 0;
line-height: 15px;
border: 1px solid #ccc;
background-color: #fff;
vertical-align: middle;
}
.search-filter-kb-list input[type="checkbox"]:checked + span::before {
font-size: 13px;
color: #00a1dd;
content: "\2714";
}
.search-filter-kb-footer {
border-top: 1px solid #9ea3a3;
background-color: #727979;
padding: 12px 10px;
}
/* Search Related Results Display Views */
.search-related-results {
margin-bottom: 30px;
}
.search-related-results-title {
color: #333;
font-weight: 600;
font-size: 15px;
text-transform: uppercase;
margin-bottom: 5px;
}
.search-related-results-list > li {
margin-bottom: 18px;
margin-left: 10px;
}
.search-related-results-list-products > li {
margin-left: 0;
}
.search-related-results-list > li:after {
content: " ";
display: block;
clear: both;
}
.search-related-results-list li img {
float: left;
margin-right: 10px;
}
.search-related-results-list li ul {
float: left;
}
.search-related-results-list li .search-related-result-box {
overflow: hidden;
}
.search-related-result-title a {
font-weight: 600;
font-size: 13px;
}
.search-related-results-list br {
display: none;
}
.nav-global {
list-style-type: none;
margin-bottom: 0;
margin-left: 0;
background: #565656;
/* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU2NTY1NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ1JSIgc3RvcC1jb2xvcj0iIzI5MjkyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMDEwMTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
/* FF3.6+ */
/* Chrome,Safari4+ */
/* Chrome10+,Safari5.1+ */
/* Opera 11.10+ */
/* IE10+ */
background: -webkit-gradient(linear, left top, left bottom, from(#565656), color-stop(45%, #292929), to(#101010));
background: linear-gradient(top, #565656 0%, #292929 45%, #101010 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#565656', endColorstr='#101010', GradientType=0);
/* IE6-8 */
display: inline-block;
width: 100%;
vertical-align: bottom;
border-left: 1px solid #656565;
border-right: 1px solid #656565;
}
.nav-global-wrapper {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU2NTY1NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ1JSIgc3RvcC1jb2xvcj0iIzI5MjkyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMDEwMTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
/* FF3.6+ */
/* Chrome,Safari4+ */
/* Chrome10+,Safari5.1+ */
/* Opera 11.10+ */
/* IE10+ */
background: -webkit-gradient(linear, left top, left bottom, from(#565656), color-stop(45%, #292929), to(#101010));
background: linear-gradient(top, #565656 0%, #292929 45%, #101010 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#565656', endColorstr='#101010', GradientType=0);
/* IE6-8 */
margin-bottom: 10px;
}
.nav-global a {
display: block;
white-space: nowrap;
}
.nav-global .nav-global-secondary-link a {
white-space: normal;
}
.nav-global .nav-global-first-level-item-link {
white-space: normal;
overflow: hidden;
padding: 8px 12px 9px 12px;
height: 28px;
}
.nav-global-first-level-item-link span {
height: 28px;
line-height: 14px;
display: table-cell;
vertical-align: bottom;
}
.nav-global a:hover,
.nav-global a:hover {
color: #0ff;
text-decoration: underline;
}
.nav-global-first-level-item a,
.nav-global-first-level-item:visited,
.nav-global-second-level-item a,
.nav-global-second-level-item:visited {
color: #fff;
}
.nav-global-first-level-item {
float: left;
display: block;
position: relative;
border-right: 1px solid #656565;
border-left: 0px solid #656565;
border-top: 2px solid #565656;
border-bottom: 1px solid #565656;
height: 45px;
width: 16.55%;
font-size: 12px;
}
.nav-global-first-level-item:hover {
background-color: #696969;
}
.nav-global-first-level-item:hover ul {
left: 0;
}
.nav-global-first-level-item:hover ul.nav-global-right-item {
left: auto;
right: 0;
}
.nav-global-first-level-item-last {
border-right: none;
}
.nav-global .nav-global-first-level-item-link.nav-global-first-level-item-link-store {
background-color: #60a9a9;
background-image: -webkit-gradient(linear, left top, left bottom, from(#70b6b6), to(#499696));
background-image: linear-gradient(top, #70b6b6, #499696);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70b6b6', endColorstr='#499696', GradientType=0);
color: #fff;
text-shadow: none;
border: 1px solid #499696;
-webkit-box-shadow: rgba(255, 255, 255, 0.5) 1px 1px 1px inset;
box-shadow: rgba(255, 255, 255, 0.5) 1px 1px 1px inset;
}
.nav-global .nav-global-first-level-item-link.nav-global-first-level-item-link-store:hover {
color: #fff;
}
/* fix for non responsive enabled universal pages */
.nav-global-first-level-item.visible-phone {
display: none;
}
.nav-global-second-level-list {
list-style-type: none;
margin-left: 0;
background-color: #696969;
/* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY5Njk2OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ1JSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzYjNiM2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
/* FF3.6+ */
/* Chrome,Safari4+ */
/* Chrome10+,Safari5.1+ */
/* Opera 11.10+ */
/* IE10+ */
background-image: -webkit-gradient(linear, left top, left bottom, from(#696969), color-stop(45%, #4d4d4d), to(#3b3b3b));
background-image: linear-gradient(top, #696969 0%, #4d4d4d 45%, #3b3b3b 100%);
/* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#696969', endColorstr='#3b3b3b',GradientType=0 ); IE6-8 */
list-style: none;
position: absolute;
left: -9999px;
width: 150%;
top: 100%;
z-index: 9997;
/*padding-bottom:20px;*/
}
.nav-global-second-level-item {
float: none;
position: relative;
display: block;
padding: 15px 15px 0 15px;
border-left: 1px solid #676767;
border-right: 1px solid #676767;
}
.nav-global-right-item .nav-global-second-level-item:hover .nav-global-third-level-wrapper {
left: auto;
right: 100%;
}
.nav-global-right-item .nav-global-second-level-item:hover .nav-global-third-level-wrapper {
left: auto;
right: 100%;
}
.nav-global-second-level-item:hover .nav-global-third-level-wrapper {
left: 0px;
}
.nav-global-secondary-link {
display: inline-block;
padding-bottom: 10px;
padding-right: 25px;
width: 100%;
background: url(clientlib-resources/resources/bootstrap/images/nav-global-arrows.png) no-repeat scroll 100% -84px transparent;
-webkit-box-sizing: border-box;
box-sizing: border-box;
white-space: normal;
}
.nav-global-secondary-link:hover {
background: url(clientlib-resources/resources/bootstrap/images/nav-global-arrows.png) no-repeat scroll 100% 3px transparent;
}
.nav-global-third-level-wrapper {
background: #696969;
/* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY5Njk2OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ1JSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzYjNiM2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
/* FF3.6+ */
/* Chrome,Safari4+ */
/* Chrome10+,Safari5.1+ */
/* Opera 11.10+ */
/* IE10+ */
background: -webkit-gradient(linear, left top, left bottom, from(#696969), color-stop(45%, #4d4d4d), to(#3b3b3b));
background: linear-gradient(top, #696969 0%, #4d4d4d 45%, #3b3b3b 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#696969', endColorstr='#3b3b3b', GradientType=0);
/* IE6-8 */
margin-left: 100%;
position: absolute;
top: 0;
display: table;
left: -99999px;
padding-bottom: 20px;
padding-top: 7px;
}
.nav-global-third-level-wrapper a {
display: inline;
padding-right: 14px;
white-space: nowrap;
color: #0ff;
/*background: url("http://www.seagate.com/ww//images/global/icn/icn_arrow.png") no-repeat scroll 100% 50% transparent;*/
}
.nav-global-third-level-wrapper .thin-grey-bottom-line {
margin-left: 20px;
margin-right: 20px;
}
.nav-global-third-level {
display: table-cell;
padding-top: 8px;
}
.nav-global-third-level strong {
display: block;
font-size: 14px;
font-weight: 600;
color: #fff;
padding-left: 20px;
}
.nav-global-third-level ul {
left: -9999px;
position: relative;
}
.nav-global-third-level ul li {
white-space: nowrap;
position: relative;
display: block;
padding-top: 6px;
padding-right: 20px;
margin-left: -5px;
float: none;
}
.global-nav-browse {
padding-top: 13px;
padding-bottom: 7px;
}
.bold {
font-weight: 600;
}
.table-row {
display: table-row;
}
.thin-grey-bottom-line {
border-bottom: 1px solid #787878;
}
.clear-background,
.clear-background:hover {
background: none;
}
#ClearCartIframe {
width: 1px;
height: 1px;
border: none;
position: absolute;
/* added so it doesn't add whitespace after footer */
}
.nav-footer-wrapper {
/* class should be renamed, this just provides a 100% width background color for footer */
background-color: #161b1f;
}
.clear-both {
clear: both;
}
#LocaleSelector div.modal-body {
padding-right: 0px;
}
.nav-footer-line {
min-height: 1px;
background-color: #868589;
margin-bottom: 14px;
}
.nav-footer {
padding-top: 10px;
padding-bottom: 15px;
font-size: 12px;
background-color: #161b1f;
clear: both;
}
.nav-footer-wrapper {
background-color: #161b1f;
}
.nav-footer-wrapper-legacy {
padding-bottom: 21px;
}
.nav-footer-links.nav-footer-top {
margin-bottom: 3px;
}
.nav-footer-top li:first-child {
padding-left: 0;
padding-right: 10px;
}
.nav-footer-top li {
padding-left: 10px;
padding-right: 10px;
}
.nav-footer-top li:first-child {
border-left: none;
}
.nav-footer-right-link {
margin-bottom: 7px;
float: right;
}
.nav-footer-copy {
font-size: 11px;
color: #999;
}
.nav-footer-links.nav-footer-copy li {
font-size: 11px;
color: #868589;
}
.nav-footer-links.nav-footer-copy li > a {
color: #868589;
}
.nav-footer-copy li a#LegalPrivacy {
white-space: nowrap;
}
.nav-footer-links {
margin-left: 0;
margin-right: 0;
padding-bottom: 5px;
margin-bottom: 11.5px;
}
.nav-footer-links li.nav-footer-divider {
color: #868589;
font-size: 13px;
font-weight: 700;
margin-right: 6px;
margin-left: 5px;
}
.nav-footer-links li {
display: inline-block;
margin-right: 0;
font-size: 12px;
line-height: 23px;
}
.nav-footer-links li > a {
color: #868589;
}
.nav-footer-links li > a:hover {
color: #6ebe49;
text-decoration: none;
}
/* .nav-footer-links li a:link,.nav-footer-links li a:visited,.nav-footer-links li a:hover,.nav-footer-links li a:active {
color:#099;
} */
.nav-footer-links.center {
text-align: center;
}
.nav-footer-links.left {
text-align: left;
}
.nav-footer-links.right {
text-align: right;
}
.nav-footer-locale {
font-weight: 700;
}
.nav-footer-selector a > span {
padding-bottom: 2px;
}
.link-icon {
display: block;
background-image: url(clientlib-resources/resources/bootstrap/images/nav-sprite.png);
background-repeat: no-repeat;
text-indent: -9999px;
height: 30px;
width: 30px;
margin-right: 5px;
}
.nav-footer-socials {
float: right;
clear: both;
}
.nav-footer-links li {
position: relative;
}
.nav-footer-links li .wechat-small:hover + .qr-code {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background: #fff;
}
.nav-footer-links li .qr-code {
position: absolute;
display: none;
width: 280px;
bottom: 40px;
right: 5px;
border: 1px solid #333;
z-index: 100;
}
.nav-footer-links li .qr-code > img:first-child {
border-right: 1px solid #333;
padding-right: 10px;
}
.tencent-small {
background-position: -290px -239px;
}
.vk-small {
background-position: -258px -233px;
}
.wechat-small {
background-position: -225px -233px;
}
.google-plus-small {
background-position: -192px -233px;
}
.instagram-small {
background-position: -162px -233px;
}
.weibo-small {
background-position: -129px -233px;
}
.facebook-small {
background-position: -96px -233px;
}
.linkedin-small {
background-position: -66px -233px;
}
.twitter-small {
background-position: -33px -233px;
}
.youtube-small {
background-position: 0px -233px;
}
.globe-icon {
background-image: url(clientlib-resources/resources/bootstrap/images/nav-sprite.png);
background-repeat: no-repeat;
background-position: -23px -127px;
line-height: 24px;
margin-bottom: 12px;
padding-left: 30px;
display: block;
}
.nav-footer-top-container {
float: left;
margin-top: 14px;
}
.nav-footer-tablet-only {
display: none;
}
#LocaleSelector {
position: fixed;
top: 50%;
left: 50%;
z-index: 30002;
overflow: auto;
border: 1px solid #999;
height: auto;
width: 750px;
margin-top: -329px;
margin-right: 0;
margin-bottom: 0;
margin-left: -375px;
background-color: #eaeaea;
border-radius: 0;
}
#LocaleSelector div.modal-body {
max-height: 650px;
padding-left: 8px;
padding-right: 8px;
overflow: hidden;
overflow-y: auto;
}
.nav-footer-selector-header {
text-align: center;
}
.nav-footer-checked,
.nav-footer-unchecked {
height: 13px;
width: 13px;
background-image: url(clientlib-resources/resources/bootstrap/images/nav-sprite.png);
margin-right: 12px;
}
.nav-footer-checked {
background-position: -166px -109px;
display: inline-block;
}
.nav-footer-unchecked {
background-position: -179px -109px;
display: none;
}
.nav-footer-heading {
font-size: 27px;
margin-top: 23px;
margin-bottom: 13px;
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-weight: 700;
}
.nav-footer-checkbox {
display: inline-block;
text-align: left;
}
.cbnav-footer-remember {
display: none;
}
.nav-footer-remember {
display: block;
clear: both;
margin-bottom: 18px;
}
.nav-footer-remember > label {
display: inline-block;
font-size: 14px;
text-align: left;
margin-bottom: 30px;
}
.nav-footer-cart-warning {
color: red;
font-size: 15px;
font-weight: 700;
}
.nav-footer-selector {
font-size: 12px;
}
.nav-footer-selector ul {
list-style: none outside none;
margin-left: 4px;
}
.nav-footer-selector a {
font-size: 12px;
display: block;
padding-bottom: 2px;
}
.nav-footer-selector-col {
clear: both;
margin: 0 0 16px 0;
padding-left: 11px;
}
.nav-footer-selector-col ul li:after {
clear: both;
content: "";
}
.nav-footer-selector-col ul li {
line-height: 12px;
overflow: hidden;
padding: 2px 10px 10px 0;
width: 25%;
display: inline-block;
vertical-align: top;
margin-left: -4px;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.nav-footer-selector-col ul li > span {
display: block;
}
.nav-footer-region {
font-size: 15px;
font-weight: 700;
margin-bottom: 2px;
}
.nav-footer-subregion,
.nav-footer-additional-subregion {
font-size: 13px;
font-weight: 700;
}
.nav-footer-additional-subregion {
margin-top: 20px;
}
.nav-footer-checkbox-desc {
display: inline-block;
font-size: 18px;
margin-bottom: 5px;
}
div.nav-footer-close {
display: none;
}
#remember {
display: none;
}
.nav-footer-wrapper .nav-footer .globe-icon {
background: none;
padding-left: 0;
}
.nav-footer-wrapper .nav-footer .globe-icon > .ss-icon {
font-size: 16px;
float: left;
margin-right: 10px;
color: #333;
}
.nav-footer-wrapper .nav-footer .globe-icon:hover > .ss-icon {
color: #00a1dd;
}
@media print {
.globe-icon,
.nav-footer-line,
.nav-footer-top-container,
.nav-footer-socials {
display: none;
}
}
.nav-footer-code {
text-align: center;
margin-bottom: 10px;
}
.nav-footer-code-content {
background-color: #f5f5f5;
padding-top: 40px;
padding-bottom: 40px;
}
.flex-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.flex-container .text-content {
text-align: left;
width: 310px !important;
}
#text1 {
color: #a9a9a9;
}
.flex-container .span6 img {
height: 139px;
margin-bottom: 5px;
}
.flex-container .span6 img:nth-child(2) {
margin-left: 10px;
}
/*Added for absolutely positioned placeholder span*/
label {
position: relative;
}
/*Placeholder styles*/
span.placeholder {
position: absolute;
color: #999;
z-index: 1;
cursor: text;
width: auto;
top: 0;
left: 0;
overflow: hidden;
}
span.placeholder-hide-except-screenreader {
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
padding: 0 !important;
border: 0 !important;
height: 1px !important;
width: 1px !important;
overflow: hidden;
}
span.placeholder-hide {
display: none;
}
/* Overwrite Webfont */
[class*="ss-"].right {
text-align: left;
}
[class*="ss-"]:before {
padding-right: 0.5em;
}
[class*="ss-"].right:after {
padding-left: 0.5em;
}
/* Universal new buttons */
.button {
display: inline-block;
padding: 10px 15px;
font-size: 15px;
line-height: 24px;
text-align: center;
height: auto;
color: #333;
text-transform: uppercase;
vertical-align: middle;
cursor: pointer;
background-color: #6ebe49;
border: 1px solid #4e8c38;
border-radius: 3px;
-webkit-transition: background-color 0.4s;
transition: background-color 0.4s;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.button-m {
padding: 6px 10px;
font-size: 14px;
line-height: 18px;
}
.button-s {
padding: 5px 8px;
font-size: 12px;
line-height: 16px;
}
.button-xs {
padding: 4px 5px;
font-size: 10px;
line-height: 13px;
font-weight: 600;
}
.button:hover {
color: #fff;
text-decoration: none;
background-color: #4e8c38;
}
.button:active {
color: #fff;
text-decoration: none;
background-color: #4e8c38;
border-color: #4e8c38;
}
.button:focus {
outline: none;
}
a.button-,
.button-disabled,
a.button-disabled[disabled],
.button-disabled[disabled] {
cursor: default;
color: #bbb;
background-color: #eee;
border-color: #ccc;
}
.button-orange {
color: #fff;
background-color: #6ebe49;
border-color: #4e8c38;
}
.button-orange:hover {
background-color: #4e8c38;
}
.button-orange:active {
background-color: #4e8c38;
border-color: #4e8c38;
}
.button-orange.button-disabled,
.button-orange.button-disabled:hover,
.button-orange.button-disabled:active {
color: #bbb;
background-color: #eee;
border-color: #ccc;
}
.button-teal {
color: #fff;
background-color: #6ebe49;
border-color: #4e8c38;
}
.button-teal:hover {
background-color: #4e8c38;
}
.button-teal:active {
background-color: #4e8c38;
border-color: #4e8c38;
}
.button-teal.button-disabled,
.button-teal.button-disabled:hover,
.button-teal.button-disabled:active {
color: #bbb;
background-color: #eee;
border-color: #ccc;
}
/* Universal Separator */
.ds-btm {
border-bottom: 1px solid #ddd;
padding-bottom: 50px;
margin-bottom: 0;
}
.background-img .ds-btm,
.background-color .ds-btm {
border-bottom: none;
padding-bottom: 0;
}
.pdp-feature-row.no-hr {
padding-top: 50px;
}
/* Universal Carousel */
.m-carousel {
position: relative;
overflow: hidden;
-webkit-font-smoothing: antialiased;
}
.m-carousel.m-left {
text-align: left;
}
.m-carousel.m-center {
text-align: center;
}
.m-carousel.m-fluid > .m-carousel-inner > * {
width: 100%;
}
.m-carousel.m-fluid.m-center > .m-carousel-inner > *:first-child {
margin-left: 0%;
}
.m-carousel.m-fluid-2 > .m-carousel-inner > * {
width: 50%;
}
.m-carousel.m-fluid-2.m-center > .m-carousel-inner > *:first-child {
margin-left: 25%;
}
.m-carousel.m-fluid-3 > .m-carousel-inner > * {
width: 33.333%;
}
.m-carousel.m-fluid-3.m-center > .m-carousel-inner > *:first-child {
margin-left: 33.333%;
}
.m-carousel.m-fluid-4 > .m-carousel-inner > * {
width: 25%;
}
.m-carousel.m-fluid-4.m-center > .m-carousel-inner > *:first-child {
margin-left: 37.5%;
}
.m-carousel.m-fluid-5 > .m-carousel-inner > * {
width: 20%;
}
.m-carousel.m-fluid-5.m-center > .m-carousel-inner > *:first-child {
margin-left: 40%;
}
.m-carousel.m-fluid-6 > .m-carousel-inner > * {
width: 16.667%;
}
.m-carousel.m-fluid-6.m-center > .m-carousel-inner > *:first-child {
margin-left: 41.667%;
}
.m-carousel img {
-ms-interpolation-mode: bicubic;
}
.m-carousel-inner {
position: relative;
white-space: nowrap;
text-align: left;
/* Removes inline-block gaps due to whitespace */
font-size: 0;
/* Configure animations */
-webkit-transition-property: left;
transition-property: left;
/* iOS like slide timings */
-webkit-transition-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);
transition-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.m-carousel-inner > * {
display: inline-block;
vertical-align: top;
white-space: normal;
/* We must reset the font-size here */
font-size: 16px;
}
.m-fluid > .m-carousel-inner > * {
box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.m-center:not(.m-fluid) > .m-carousel-inner {
display: inline-block;
margin-right: -20000px !important;
margin-left: 0 !important;
}
.m-center:not(.m-fluid) > .m-carousel-inner > * {
position: relative;
left: -20000px;
}
.m-center:not(.m-fluid) > .m-carousel-inner > *:first-child {
float: left;
margin-right: 20000px;
left: 0;
}
.m-center:not(.m-fluid) > .m-carousel-inner > *:first-child:last-child {
margin-right: 0;
}
.m-center:not(.m-fluid) > .m-carousel-inner > *:last-child {
margin-right: -30000px;
}
/*
Carousel control base styling
*/
.m-carousel-controls {
padding-top: 15px;
text-align: center;
}
.m-carousel-controls a {
padding: 5px;
-webkit-user-select: none;
-moz-user-select: -moz-none;
-ms-user-select: none;
user-select: none;
-webkit-user-drag: none;
user-drag: none;
}
/* Carousel controls: Bulleted */
.m-carousel-bulleted a {
line-height: 0;
text-decoration: none;
text-indent: -999px;
overflow: hidden;
display: inline-block;
padding: 6px;
width: 0;
height: 0;
margin: 0 6px;
color: #333;
background-color: #aaaaaa;
-webkit-transition: background-color 0.1s ease-in;
transition: background-color 0.1s ease-in;
border-radius: 50%;
}
.m-carousel-bulleted a:hover,
.m-carousel-bulleted a:focus {
text-decoration: none;
background-color: #cccccc;
}
.m-carousel-bulleted a.m-active {
background-color: #00a1dd;
}
/* Carousel controls: Pagination */
.m-carousel-pagination {
padding-top: 10px;
}
.m-carousel-pagination a {
text-decoration: none;
display: inline-block;
padding: 3px 10px;
margin: 1px 0;
color: #333;
background-color: rgba(255, 255, 255, 0.3);
-webkit-transition: background-color 0.1s ease-in;
transition: background-color 0.1s ease-in;
border-radius: 2px;
}
.m-carousel-pagination a:hover,
.m-carousel-pagination a:focus {
text-decoration: none;
background-color: rgba(255, 255, 255, 0.6);
}
.m-carousel-pagination a.m-active {
background-color: #ffffff;
}
/* Carousel controls: HUD */
.m-carousel-hud {
padding-top: 0;
}
.m-carousel-hud a {
z-index: 2;
opacity: 0;
display: block;
position: absolute;
top: 50%;
width: 50px;
height: 50px;
margin: -25px 0 0 0;
padding: 0;
text-decoration: none;
text-indent: -999px;
overflow: hidden;
color: rgba(255, 255, 255, 0.8);
background: rgba(0, 0, 0, 0.8);
-webkit-transition: opacity 0.1s ease-in;
transition: opacity 0.1s ease-in;
border-radius: 25px;
}
.m-carousel:hover .m-carousel-hud a {
opacity: 0.3;
}
.m-carousel .m-carousel-hud a:hover,
.m-carousel .m-carousel-hud a:focus {
opacity: 1;
}
.m-carousel-hud a:after {
color: rgba(255, 255, 255, 0.85);
content: "\25c0";
font-size: 25px;
font-weight: 600;
text-indent: 0;
text-align: center;
display: block;
position: absolute;
top: 10px;
left: 0;
width: 47px;
height: 50px;
z-index: 9;
}
.m-carousel-hud .m-carousel-prev {
left: 10px;
}
.m-carousel-hud .m-carousel-next {
right: 10px;
}
.m-carousel-hud .m-carousel-next:after {
left: auto;
right: 0;
content: "\25b6";
}
/* extra bits */
/* captions */
.m-caption {
margin: 0;
padding: 10px;
height: auto;
text-align: center;
}
/* scaled slides */
.m-scaled .m-item {
opacity: 0.7;
-webkit-backface-visibility: hidden;
-webkit-transform: scale(0.75);
transform: scale(0.75);
/* Configure animations */
/* (0.5s would match the transition length between each,
but fast swiping on a phone can result in odd timing.
Half-length durations for each transform is a reasonable
middle ground.) */
-webkit-transition: -webkit-transform cubic-bezier(0.33, 0.66, 0.66, 1) 0.25s, opacity ease-out 0.25s;
-webkit-transition-timing-function: transform cubic-bezier(0.33, 0.66, 0.66, 1) 0.25s, opacity ease-out 0.25s;
transition-timing-function: transform cubic-bezier(0.33, 0.66, 0.66, 1) 0.25s, opacity ease-out 0.25s;
}
.m-scaled .m-active {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
/* Default Themes/Sytles for Slider */
.m-fluid .m-item {
margin-right: 20px;
text-align: center;
/* To centralize the image */
}
/* Fluid Width Photo Carousel
* .m-carousel.m-fluid.m-carousel-photos
*/
.m-carousel-photos {
margin: 0 -10px;
padding: 0 10px;
}
.m-carousel-photos .m-item > img {
margin: 0;
padding: 0;
max-width: none;
width: 100%;
height: auto;
}
.m-carousel-photos .m-caption {
background: rgba(0, 0, 0, 0.7);
bottom: 0;
position: absolute;
z-index: 9;
width: 100%;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
/* Inner Cards for Carousel */
.m-card-dark,
.m-card-light {
padding: 20px;
border-radius: 6px;
-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 5px 10px;
-o-box-shadow: rgba(0, 0, 0, 0.5) 0 5px 10px;
-ms-box-shadow: rgba(0, 0, 0, 0.5) 0 5px 10px;
box-shadow: rgba(0, 0, 0, 0.5) 0 5px 10px;
}
.m-card-dark {
background: rgba(0, 0, 0, 0.5);
color: #fff;
}
.m-card-light {
background: rgba(255, 255, 255, 0.9);
color: #000;
}
.m-card-dark .m-caption,
.m-card-light .m-caption {
margin: 0;
padding: 10px 0 0 0;
}
.m-fade-out {
-webkit-mask-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, #000000 5%, #000000 95%, rgba(0, 0, 0, 0) 100%);
}
/* END of mobify carousel styles */
/* Override for showing responsive global header and nav */
.nav-global-wrapper.collapse,
.nav-header-form-search {
overflow: visible;
height: auto;
}
/* Billboard */
.billboard {
background-color: #fff;
background-repeat: no-repeat;
background-position: 50% 20%;
-webkit-box-shadow: inset 0 -5px 7px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 -5px 7px rgba(0, 0, 0, 0.1);
padding: 30px 0;
margin-top: -20px;
}
.billboard h1 {
line-height: 1.14em;
margin-bottom: 0.6em;
}
/*
.billboard .container > h1 {
display: none;
}
*/
.billboard-image-box {
line-height: 300px;
text-align: center;
}
.billboard-text-box {
padding-top: 40px;
}
.billboard-text-box h2 {
line-height: 1em;
margin-bottom: 0.1em;
}
.billboard-text-box h3 {
font-weight: normal;
line-height: 1.14em;
color: #636363;
}
/* pdp main tab */
.pdp-tab-control {
margin-top: -20px;
position: relative;
z-index: 8;
}
.pdp-tab-control .button {
position: relative;
max-width: 212px;
padding: 8px 20px;
color: #fff;
font-weight: 600;
line-height: 24px;
white-space: normal;
border: 0;
background-color: #838888;
}
.pdp-tab-control .button:hover {
background-color: #cdd1d1;
}
.pdp-tab-control .button:active {
background-color: #5c5f5f;
}
.pdp-main-tab {
border: none;
margin-bottom: 18px;
}
.pdp-main-tab > .dropdown > .dropdown-menu {
border: none;
}
.pdp-main-tab-side {
margin: 0 0 18px;
list-style: none;
}
.pdp-main-tab-dropdown-menu .button + a[data-toggle="tab"] {
display: none;
}
.pdp-main-tab-dropdown-menu a.button {
position: relative;
}
.pdp-main-tab-dropdown-menu > li:nth-of-type(1) a.button {
z-index: 10;
}
.pdp-main-tab-dropdown-menu > li:nth-of-type(2) a.button {
z-index: 9;
}
.pdp-main-tab-dropdown-menu > li:nth-of-type(3) a.button {
z-index: 8;
}
.pdp-main-tab-side-stay-informed {
position: relative;
}
.pdp-main-tab-side-stay-informed .stay-informed-open {
z-index: 4;
background-color: #838888;
}
.pdp-main-tab-side-stay-informed .stay-informed-open:hover {
background-color: #cdd1d1;
}
.pdp-main-tab-side-stay-informed .stay-informed-open:active {
background-color: #5c5f5f;
}
.stay-informed-open span,
.stay-informed-open strong {
margin-left: 10px;
}
.stay-informed-open strong {
display: none;
}
.stay-informed-open.active {
background-color: #6ebe49;
}
.pdp-main-tab-side-stay-informed .pdp-main-tab-cell {
position: relative;
float: right;
}
.stay-informed-content {
position: absolute;
display: none;
z-index: 3;
right: 0;
top: 100%;
border-radius: 3px;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
background-color: #ddd;
color: #666;
width: 370px;
padding: 15px;
-webkit-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 7px rgba(0, 0, 0, 0.1);
}
.stay-informed-content .button-teal {
background-color: #6ebe49;
border: 1px solid #4e8c38;
}
.stay-informed-content .button-teal:hover {
background-color: #4e8c38;
color: #fff;
border: 1px solid #4e8c38;
}
.stay-informed-content .button-teal:active {
background-color: #4e8c38;
border-color: #4e8c38;
}
.stay-informed-content .button-teal.button-disabled,
.stay-informed-content .button-teal.button-disabled:hover,
.stay-informed-content .button-teal.button-disabled:active {
color: #bbb;
background-color: #eee;
border-color: #ccc;
}
.stay-informed-close {
font-size: 16px;
color: #fff;
text-shadow: 0 0 2px #333;
margin: 0 0 10px 10px;
}
.stay-informed-close:hover {
text-decoration: none;
text-shadow: none;
}
.stay-informed-form .alert {
margin-bottom: 9px;
position: static;
width: auto;
height: auto;
}
.stay-informed-content input,
.stay-informed-content select {
width: 100%;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.stay-informed-content select {
height: 30px;
}
.stay-informed-content input {
height: 36px;
padding: 8px 6px;
}
.stay-informed-content .button + p {
margin-top: 10px;
}
.pdp-main-tab-cell .icn-arrow-down {
width: 22px;
height: 16px;
background-position: -120px -53px;
margin: 0;
}
.pdp-tab-control > .row-fluid > [class*="span"] {
margin-left: 0;
}
.pdp-tab-control .row-fluid [class*="span"].pull-right {
float: right;
}
.tab-to-drop > .tab-to-drop-dropdown {
float: left;
width: 100%;
margin: 0;
}
.tab-to-drop-display,
.tab-to-drop-dropdown > .dropdown-toggle {
display: none;
}
.tab-to-drop-dropdown > .dropdown-menu {
position: static;
display: block;
padding: 0;
margin: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
background-color: transparent;
}
.tab-to-drop-dropdown > .dropdown-menu > li {
float: left;
margin-left: -7px;
}
.pdp-main-tab .pdp-main-tab-dropdown-menu {
width: 100%;
margin-left: 7px;
}
.pdp-main-tab-dropdown-menu li.pdp-main-tab-support {
margin-left: 13px;
}
.pdp-main-tab-dropdown-menu > li > a.button:hover {
background-color: #cdd1d1;
}
.pdp-main-tab-dropdown-menu > li > a.button:active {
background-color: #5c5f5f;
}
.pdp-main-tab-dropdown-menu > li.active > a.button,
.pdp-main-tab-dropdown-menu > li.active > a.button:hover,
.pdp-main-tab-dropdown-menu > li.active > a.button:active {
background-color: #6ebe49;
cursor: default;
}
.pdp-tab-content {
overflow: visible;
position: relative;
z-index: 7;
}
.pdp-feature-cell-text img {
float: left;
margin: 0 10px 10px 0;
}
.pdp-feature-cell-text p,
.pdp-feature-cell-text li {
font-size: 18px;
line-height: 1.6em;
}
.pdp-feature-cell-text li {
list-style: disc;
}
/* summary */
.product-summary .pdp-feature-cell-image {
max-width: 400px;
margin: 0 auto;
word-wrap: normal;
}
.product-summary .video {
margin-top: 30px;
margin-bottom: 40px;
/* Give more space to swip since video itself not swippable*/
}
/* configure &　buy */
.pdp-buy > .row-fluid {
background: url(data:image/gif;base64,R0lGODlhAgABAIAAAN3d3QAAACH5BAAAAAAALAAAAAACAAEAAAICBAoAOw==) 49% top repeat-y, url(data:image/gif;base64,R0lGODlhAgABAIAAAN3d3QAAACH5BAAAAAAALAAAAAACAAEAAAICBAoAOw==) 75.5% top repeat-y;
}
/* two-column class added to pdp-buy for non dr enabled countries */
.pdp-buy.two-column > .row-fluid {
background: url(data:image/gif;base64,R0lGODlhAgABAIAAAN3d3QAAACH5BAAAAAAALAAAAAACAAEAAAICBAoAOw==) 49% top repeat-y;
}
.pdp-buy > .row-fluid > .span6 + .span3 {
padding-right: 2%;
width: 24.40425532%;
margin-left: 2%;
/*Reduce default left margin from 2.127659574% to 2%*/
width: 24.53191489%;
}
.pdp-buy > .row-fluid > .span3 + .span3 {
padding: 0;
width: 22.40425532%;
margin-left: 2%;
width: 22.53191489%;
}
.pdp-buy-title {
margin-bottom: 5px;
}
.pdp-buy-title h3 {
font-size: 18px;
font-weight: 600;
line-height: 22px;
margin: 0;
}
.pdp-buy-title .pdp-buy-modelno {
float: right;
font-size: 15px;
font-weight: 600;
line-height: 22px;
margin: 0;
}
.pdp-buy-loading p {
font-size: 18px;
font-weight: 600;
line-height: 32px;
color: #00a1dd;
padding-left: 30px;
margin-bottom: 15px;
}
.pdp-buy-loading.done p {
background: none;
/* Removes spinner after loading */
padding-left: 0;
}
.pdp-buy-filter,
.pdp-buy-image {
float: left;
}
.pdp-buy > .row-fluid > .span6 .pdp-buy-title,
.pdp-buy-filter {
width: 349px;
}
.pdp-buy p,
.pdp-buy li {
font-size: 14px;
}
.pdp-buy-image {
width: 110px;
}
.pdp-buy-filter-molecule,
.pdp-buy-filter-atom {
list-style: none;
margin: 0;
*zoom: 1;
}
.pdp-buy-filter-molecule:before,
.pdp-buy-filter-molecule:after,
.pdp-buy-filter-atom:before,
.pdp-buy-filter-atom:after {
display: table;
content: "";
}
.pdp-buy-filter-molecule:after,
.pdp-buy-filter-atom:after {
clear: both;
}
.pdp-buy-filter-molecule li,
.pdp-buy-filter-atom > li a {
float: left;
vertical-align: top;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border-radius: 3px;
}
.pdp-buy-filter-molecule > li {
width: 48%;
padding: 10px 2%;
margin-bottom: 4%;
background-color: #efefef;
}
.pdp-buy-filter-molecule > li:nth-child(odd) {
margin-right: 2%;
}
.pdp-buy-filter-molecule > li:nth-child(even) {
margin-left: 2%;
}
.pdp-buy-filter-molecule h4 {
color: #555;
font-size: 15px;
font-weight: 600;
margin-bottom: 10px;
}
.tooltip-trigger.ss-icon {
display: inline-block;
width: 12px;
height: 12px;
line-height: 16px;
font-size: 13px;
margin-left: 9px;
color: #666;
background-color: #fff;
border-radius: 50%;
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
}
.tooltip-trigger.ss-icon:hover {
color: #999;
text-decoration: none;
}
.pdp-buy-filter-atom > li {
background-color: #ffffff;
min-width: 40px;
text-align: center;
margin: 0 5px 5px 0;
}
.pdp-buy-filter-atom > li a {
color: #333;
padding: 4px;
font-size: 11px;
font-weight: 600;
line-height: 14px;
display: block;
/*white-space: nowrap;*/
border: 2px solid #333;
text-decoration: none;
width: 100%;
}
.pdp-buy-filter-atom > li a:hover {
border: 2px solid #333;
}
.pdp-buy-filter-atom > li.selected a,
.pdp-buy-filter-atom > li.selected a:hover {
background-color: #00a1dd;
border: 2px solid #00a1dd;
cursor: default;
color: #fff;
}
.pdp-buy-filter-atom > li.unselected a,
.pdp-buy-filter-atom > li.unselected a:hover {
background-color: #333;
border: 2px solid #333;
}
.pdp-buy-filter-atom > li.disabled a,
.pdp-buy-filter-atom > li.disabled a:hover {
color: #999;
border: 2px solid #999;
}
.pdp-buy-new-price {
color: #900;
}
.pdp-buy-old-price {
margin-right: 2px;
text-decoration: line-through;
}
.pdp-buy-legend {
list-style: none;
overflow: hidden;
margin: 0;
}
.pdp-buy-legend li {
float: left;
position: relative;
padding-left: 28px;
margin-left: 8px;
font-size: 12px;
}
.pdp-buy-legend li span {
display: block;
width: 20px;
height: 10px;
position: absolute;
top: 1px;
left: 0px;
}
.pdp-buy-selected span {
background: #00a1dd;
border: 2px solid #00a1dd;
}
.pdp-buy-available span {
border: 2px solid #333;
}
.pdp-buy-unavailable span {
border: 2px solid #999;
}
.pdp-buy-toggle {
text-align: center;
padding: 15px 0 5px;
}
.pdp-buy-toggle-icon {
font-size: 28px;
line-height: 1em;
padding: 0 20px;
cursor: pointer;
position: relative;
}
.pdp-buy-toggle-icon:hover {
text-decoration: none;
}
.pdp-buy-toggle-icon span {
display: none;
}
.pdp-buy-toggle-icon.collapsed span {
display: inline-block;
}
.pdp-buy-toggle-icon strong {
font-weight: normal;
}
.pdp-buy-toggle-icon.collapsed strong {
display: none;
}
.pdp-buy-toggle-icon i {
position: absolute;
width: 100%;
height: 100%;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iNDUlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), color-stop(45%, rgba(255, 255, 255, 0)));
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 45%);
}
.pdp-buy-toggle-icon.collapsed i {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), color-stop(25%, rgba(255, 255, 255, 0)));
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 25%);
}
.buy-box {
border-radius: 6px;
padding: 0 7px;
margin-bottom: 9px;
border: 1px solid #efefef;
-webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.25);
box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.25);
}
.buy-box-table {
display: table;
table-layout: fixed;
width: 100%;
margin: 0;
}
.pdp-buy-seagate .buy-box-table {
padding: 10px 0 0 0;
}
.buy-box-table li {
display: table-cell;
vertical-align: middle;
width: 70%;
}
.buy-box-table li + li {
width: 30%;
}
.pdp-buy-seagate .buy-box-table li {
vertical-align: top;
}
.pdp-buy-seagate .buy-box-table li + li {
vertical-align: middle;
}
.resellersPulldown .buy-box-table li,
.pdp-buy-distributor .buy-box-table li {
padding: 9px 0;
}
.buy-box-table li em,
.buy-box-table li strong {
font-style: normal;
line-height: 1em;
font-size: 14px;
font-family: "Arial Narrow", Arial, sans-serif;
}
.buy-box-table li strong {
font-size: 18px;
font-weight: 600;
}
.configurator-wtb {
min-height: 313px;
}
/* alternate stock status css */
.buy-box-table li small {
font-size: 11px;
float: right;
clear: both;
margin: 5px 5px 0 0;
white-space: nowrap;
}
.stock-status,
.stock-status-outofstock {
font-size: 11px;
float: right;
clear: left;
margin: 5px;
white-space: nowrap;
}
.stock-status-outofstock {
font-size: 10px;
font-weight: 600;
color: #ff0000;
}
.pdp-buy-seagate .buy-box-table li span + strong {
display: inline;
width: auto;
text-align: left;
}
.buy-box-table li img + strong {
margin-left: 8px;
}
.buy-box-table li select {
width: 100%;
margin: 0;
white-space: nowrap;
}
.buy-box-offer {
margin-bottom: 18px;
margin-top: 8px;
}
.buy-box-offer h4 {
margin-top: 10px;
font-weight: 600;
margin-bottom: 0;
}
.buy-box-offer h4:first-child {
margin-top: 5px;
}
.pdp-buy .buy-box-offer h4,
.pdp-buy .buy-box-offer li {
font-size: 13px;
line-height: 16px;
}
.buy-box-offer ul {
margin: 0 0 0 9px;
list-style: none;
}
.pdp-buy-why p {
margin: 0;
line-height: 1.2em;
}
.pdp-buy-resellers .pdp-buy-resellers-more {
font-size: 16px;
}
.pdp-buy-distributor + .pdp-resellers .pdp-buy-title {
border-top: 1px solid #888888;
padding-top: 13px;
}
.pdp-resellers .ps-widget {
margin-bottom: 27px;
}
/* info tabs */
.tab-to-accordion .accordion-heading {
display: none;
}
.tab-to-accordion .accordion-body.collapse {
height: auto;
}
.pdp-info {
margin: 15px 0;
}
.pdp-info .container {
width: 880px;
}
.pdp-info-tab-items {
background-color: #ececec;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
position: relative;
z-index: 2;
}
.pdp-info-tab {
border: none;
margin: 0;
border-left: 2px solid #ccc;
}
.pdp-info-tab > li {
list-style: none;
margin: 0;
float: left;
}
.pdp-info-tab > li.active {
margin-top: -10px;
border-top: 10px solid #fff;
-webkit-box-shadow: 0 10px 0 #fff;
box-shadow: 0 10px 0 #fff;
}
.pdp-info-tab > li a {
display: block;
padding: 30px;
margin: 0;
text-transform: uppercase;
font-size: 22px;
line-height: 24px;
border-width: 0 2px 0 0;
border-style: solid;
border-color: #ccc;
border-radius: 0;
}
.pdp-info-tab > li a:hover {
background-color: #f5f5f5;
color: #666;
border-width: 0 2px 0 0;
border-style: solid;
border-color: #ccc;
text-decoration: none;
}
.pdp-info-tab > li.active > a,
.pdp-info-tab > li.active > a:hover {
color: #999;
border-width: 0 2px 0 0;
border-style: solid;
border-color: #ccc;
outline: none;
background-color: #fff;
}
.pdp-info-tab > li.active > a:hover {
color: #666;
}
.pdp-info-tab > li.active > a .icn-arrowhead-down,
.pdp-info-tab > li.active > a:hover .icn-arrowhead-down {
background-position: -180px 0;
}
.pdp-info-tab > li.active > a:hover .icn-arrowhead-down {
background-position: -180px 0;
}
.pdp-info-tab-content {
background-color: #ffffff;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ececec));
background-image: linear-gradient(top, #ffffff, #ececec);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ececec', GradientType=0);
}
.pdp-info-tab-content .accordion-inner {
padding: 30px 0;
}
.pdp-info-tab-pane-photos .m-carousel-bulleted a {
text-indent: 0;
width: 70px;
height: 70px;
padding: 0;
border: 2px solid rgba(255, 255, 255, 0);
outline: none;
-moz-background-clip: padding;
-webkit-background-clip: padding;
background-clip: padding-box;
background-color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
}
.pdp-info-tab-pane-photos .m-carousel-bulleted a.m-carousel-bullet-video {
margin-left: 20px;
-webkit-box-shadow: 0 0 8px -2px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 8px -2px rgba(0, 0, 0, 0.3);
position: relative;
}
.pdp-info-tab-pane-photos .m-carousel-bulleted a.m-carousel-bullet-video:after {
content: "";
position: absolute;
width: 0;
height: 0;
top: 50%;
left: 50%;
margin: -7px 0 0 -6px;
border-width: 7px 7px 7px 15px;
border-style: solid;
border-color: transparent transparent transparent #fff;
}
.pdp-info-tab-pane-photos .m-carousel-bulleted a.m-carousel-bullet-video:before {
content: "";
position: absolute;
width: 30px;
height: 30px;
border-radius: 50%;
background-color: rgba(0, 153, 153, 0.6);
top: 50%;
left: 50%;
margin: -15px 0 0 -15px;
}
.pdp-info-tab-pane-photos .m-carousel-bulleted a.m-carousel-bullet-video:hover:before {
background-color: #009999;
}
.pdp-info-tab-pane-photos .m-carousel-bulleted a.m-carousel-bullet-video ~ a.m-carousel-bullet-video {
margin-left: 3px;
}
.pdp-info-tab-pane-photos .m-carousel-bulleted a:hover,
.pdp-info-tab-pane-photos .m-carousel-bulleted a:focus {
border: 2px solid #ccc;
}
.pdp-info-tab-pane-photos .m-carousel-bulleted a.m-active,
.pdp-info-tab-pane-photos .m-carousel-bulleted a.m-active:hover,
.pdp-info-tab-pane-photos .m-carousel-bulleted a.m-active:focus {
border: 2px solid #099;
}
/* Guides Data sheets content */
.pdp-info-guides-list {
list-style: none;
margin: 0 auto;
width: 99%;
}
.pdp-info-guides-list > li {
background-color: #fff;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
border-radius: 3px;
margin-top: 20px;
padding: 15px;
}
.pdp-info-guides-list > li:first-of-type {
margin-top: 0;
}
.pdp-info-guides-list > li > a {
display: block;
}
.pdp-info-guides-list p {
margin: 0;
}
.pdp-info-guides-doc-type > [class*="icn-large-"],
.pdp-info-guides-doc-format > [class*="icn-large-"] {
float: left;
margin: 0 3px 0 0;
}
p.pdp-info-guides-doc-type {
float: left;
width: 12%;
color: #666;
font-size: 14px;
line-height: 18px;
text-transform: uppercase;
}
p.pdp-info-guides-doc-name {
float: left;
width: 68%;
overflow: hidden;
font-size: 19px;
line-height: 36px;
white-space: nowrap;
text-overflow: ellipsis;
padding-left: 10px;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.pdp-info-guides-list a:hover p.pdp-info-guides-doc-name {
text-decoration: underline;
}
p.pdp-info-guides-doc-format {
float: right;
width: 20%;
line-height: 36px;
color: #333;
}
/* marketing items */
.pdp-feature-row {
padding-bottom: 50px;
}
.pdp-feature-row > .container {
padding-top: 50px;
}
.row-fluid.row-reverse [class*="span"] {
margin-left: 0;
}
.row-fluid.row-reverse > [class*="span"] {
float: right;
margin-left: 2.12765957%;
}
.row-fluid.row-reverse > [class*="span"] + [class*="span"] {
float: left;
margin-left: 0;
}
.pdp-feature-cell-text {
padding: 20px 0 10px;
}
.pdp-feature-cta {
font-size: 16px;
}
.pdp-feature-row .pdp-feature-text-header {
text-align: left;
margin-bottom: 10px;
}
blockquote.blockquote-bold {
display: inline-block;
padding: 0;
margin: 15px 0 25px;
border: none;
position: relative;
quotes: "\201C" "\201D";
}
blockquote.blockquote-bold p {
font-style: italic;
}
blockquote.blockquote-bold cite {
color: #099;
font-style: italic;
display: block;
text-indent: 0;
}
blockquote.blockquote-bold:before {
content: open-quote;
font-size: 130px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
float: left;
position: relative;
top: 26px;
/*background-image: url("clientlib-legacy/images/icon-blockquote.png"); */
}
blockquote.blockquote-bold:after {
content: no-close-quote;
}
/*blockquote.blockquote-bold:after {
right: 0;
bottom: -18px;
background-position: 0 -80px;
}
blockquote.blockquote-bold p:after {
content:"";
display: inline-block;
background-color: transparent;
width: 50px;
height: 1em;
}*/
.pdp-feature-row-quote [class*="row"] + [class*="row"] {
margin-top: 13px;
}
.pdp-feature-row.background-img {
background-attachment: scroll;
background-repeat: no-repeat;
background-position: 50% 50%;
min-height: 560px;
}
.pdp-feature-row.background-img .ds-btm,
.pdp-feature-row.background-color .ds-btm {
background-color: transparent;
}
.pdp-feature-row.background-fixed {
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
}
.pdp-feature-row.no-hr .ds-btm:after,
.pdp-feature-row.background-img .ds-btm:after,
.pdp-feature-row.background-color .ds-btm:after {
display: none;
}
.pdp-feature-cell-text .background p,
.pdp-feature-cell-text .background li {
color: inherit;
}
.pdp-feature-row.centered {
text-align: center;
}
.pdp-feature-row.centered .pdp-feature-cell-text {
width: 80%;
margin: auto;
}
.pdp-feature-row.background-cover {
background-size: cover;
}
/* Related Products */
.pdp-related-products-col {
float: left;
width: 25%;
padding: 0 2%;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border-width: 0 1px 0 0;
border-style: solid;
border-color: #666;
}
.pdp-related-products ul > :nth-child(4n + 4) {
border-color: transparent;
}
.pdp-related-products-col p {
text-align: center;
}
.pdp-related-products-info {
margin-top: 10px;
}
.pdp-related-products-info p,
.pdp-related-products-info li {
font-weight: normal;
font-size: 18px;
line-height: 1.2em;
}
.article-related-products p.pdp-related-products-price {
margin-bottom: 0;
padding-bottom: 11px;
}
p.pdp-related-products-price .button,
p.pdp-related-products-price .btn {
margin: 6px 0 6px 10px;
}
/* Accessories */
.pdp-accessories-row .ds-btm {
padding: 25px 0;
}
.pdp-accessories-row:last-child .container:after {
-webkit-box-shadow: none;
box-shadow: none;
content: none;
}
.pdp-accessories-image.span2,
.pdp-accessories-info.span8 {
float: left;
}
.pdp-accessories-buy.span2 {
float: right;
}
.pdp-accessories-info h3 {
font-weight: 600;
font-size: 27px;
line-height: 1.2em;
margin-bottom: 8px;
color: #000;
}
.pdp-accessories-info p,
.pdp-accessories-info li {
font-weight: normal;
font-size: 18px;
line-height: 1.6em;
}
.pdp-accessories-info .note {
font-size: 14px;
}
.pdp-accessories-buy > strong,
.pdp-accessories-buy small,
.pdp-accessories-buy del {
font-size: 12px;
line-height: 1.4em;
display: block;
}
.pdp-accessories-buy > strong {
font-size: 16px;
}
.pdp-accessories-buy p {
font-size: 14px;
line-height: 1.4em;
}
.pdp-accessories-buy .button {
padding: 5px 10px;
line-height: 22px;
min-width: 120px;
margin: 10px 0;
}
.pdp-accessories-buy .btn {
margin: 10px 0;
}
/* DO MORE - TECH INSIGHT - POINT OF VIEW */
.teaser-background-image-cell {
background-repeat: no-repeat;
background-position: 50%;
background-size: cover;
position: relative;
margin: 20px 0 20px 1.84%;
float: left;
width: 31.49171271%;
}
.teaser-background-image > :nth-child(3n + 1) {
margin-left: 0;
}
.teaser-background-image-cell a,
.teaser-background-image-cell a:hover {
display: block;
color: #fff;
}
.teaser-background-image-cell-play:after {
content: "";
position: absolute;
width: 0;
height: 0;
top: 28%;
left: 50%;
margin: -14px 0 0 -12px;
border-width: 14px 14px 14px 30px;
border-style: solid;
border-color: transparent transparent transparent #347f94;
}
.teaser-background-image-cell-play:before {
content: "";
position: absolute;
width: 50px;
height: 50px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.8);
top: 28%;
left: 50%;
margin: -25px 0 0 -25px;
}
.teaser-background-image-cell a:hover .teaser-background-image-cell-play:before {
background-color: #ffffff;
}
.teaser-background-image-cell-text {
margin-top: 133px;
background-color: rgba(184, 184, 184, 0.8);
color: #fff;
padding: 15px 10px 10px 13px;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
height: 100px;
}
.teaser-background-image-cell-text h4 {
color: #fff;
font-size: 24px;
font-weight: normal;
line-height: 1em;
}
.modal .video {
margin: 0;
}
/* distributor modal */
.modal-distributor .section + .section {
margin-top: 24px;
}
.modal-distributor .distributorTbale table th,
.modal-distributor .distributorTbale table td {
text-align: left;
padding: 6px 8px;
border-width: 0 0 1px 0;
border-style: solid;
border-color: #ccc;
}
.modal-distributor .distributorTbale table th {
line-height: 14px;
vertical-align: bottom;
border-width: 0 0 2px 0;
}
.modal-distributor .distributorTbale table tr th:last-child,
.modal-distributor .distributorTbale table tr td:last-child {
border-right-width: 0;
}
.modal-distributor .distributorTbale table td {
vertical-align: top;
}
.modal-distributor .distributorTbale table .phone {
width: 140px !important;
}
.modal-distributor .distributorTbale table td.internal,
.modal-distributor .distributorTbale table td.external {
text-align: center;
}
.modal-distributor .distributorTbale table tbody tr:nth-child(odd) td {
background-color: #f9f9f9;
}
.modal-distributor .distributorTbale table tbody tr:hover td {
background-color: #f5f5f5;
}
.modal-distributor .section .btnTealLrg {
display: inline-block;
font-weight: 600;
text-align: center;
height: auto;
color: #ffffff;
text-transform: uppercase;
vertical-align: middle;
cursor: pointer;
background-color: #33adad;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background-image: -webkit-gradient(linear, left top, left bottom, from(#33adad), to(#017b7b));
background-image: linear-gradient(to bottom, #33adad 0%, #017b7b 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33adad', endColorstr='#017b7b', GradientType=0);
border-radius: 6px;
-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border: none;
text-decoration: none;
padding: 5px 8px;
font-size: 12px;
line-height: 16px;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3);
}
.modal-distributor .section .btnTealLrg:hover {
color: #fff;
text-decoration: none;
text-shadow: 0 0px 2px rgba(0, 0, 0, 0.4);
background-color: #46b8b8;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ2YjhiOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMjhiOGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background-image: -webkit-gradient(linear, left top, left bottom, from(#46b8b8), to(#028b8b));
background-image: linear-gradient(to bottom, #46b8b8 0%, #028b8b 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#46b8b8', endColorstr='#028b8b', GradientType=0);
}
.modal-distributor .section .btnTealLrg:active {
color: #fff;
text-decoration: none;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
background-color: #017b7b;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAxN2I3YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzM2FkYWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background-image: -webkit-gradient(linear, left top, left bottom, from(#017b7b), to(#33adad));
background-image: linear-gradient(to bottom, #017b7b 0%, #33adad 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#017b7b', endColorstr='#33adad', GradientType=0);
-webkit-box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.3), 0 0 3px rgba(0, 0, 0, 0.2);
box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.3), 0 0 3px rgba(0, 0, 0, 0.2);
}
.modal-video.hide.in {
overflow: visible;
top: 40%;
}
.modal .socList {
padding: 0;
}
.social-list {
margin: 0;
}
.social-list li {
float: left;
}
.social-list li > .ss-icon {
position: relative;
display: block;
padding: 3px 10px;
font-size: 14px;
}
.social-list li > .ss-icon:hover {
color: #00b0b0;
text-decoration: none;
}
.social-list li > .ss-icon span {
visibility: hidden;
margin: 0 !important;
}
.social-list li > .ss-icon > span {
position: absolute;
}
.safari-windows .pdp-main-content.active .collapse-content.collapse > .collapse-inner > .video .video-wrapper {
-webkit-box-shadow: none;
box-shadow: none;
}
.safari-windows .pdp-main-content.active .collapse-content.collapse > .collapse-inner > .video iframe {
position: relative;
margin-top: -25px;
}
.safari-windows .pdp-main-content.active.in .collapse-content.collapse.in > .collapse-inner > .video .video-wrapper {
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
}
.safari-windows .pdp-main-content.active.in .collapse-content.collapse.in > .collapse-inner > .video iframe {
position: absolute;
margin-top: 0;
}
/*Need to adjust the position of AddThis popup when it's opened from a modal window*/
.modal-open #at15s.atm {
position: fixed !important;
margin-top: -280px;
}
.span-center {
text-align: center;
}
.span12.span-center {
margin-left: 0;
}
.span10.span-center {
margin-left: 9%;
}
/*DV148 Product Icon Anchor Row Display View*/
.pdp-anchor-row {
position: relative;
margin-left: auto;
margin-right: auto;
}
.pdp-anchor-row .pdp-ar-box {
overflow: hidden;
margin: 0;
}
.pdp-anchor-row .pdp-ar-box li {
float: left;
list-style: none;
width: 20%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.pdp-anchor-row .pdp-ar-box li > a {
display: block;
padding: 10px 15px;
}
.pdp-anchor-row .pdp-ar-box li > a:hover {
cursor: pointer;
text-decoration: none;
}
.pdp-anchor-row .pdp-ar-box li:before {
content: "";
/*background: url("clientlib-legacy/images/vert_divider.gif");*/
background: #ededed;
/* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
/* FF3.6+ */
/* Chrome,Safari4+ */
/* Chrome10+,Safari5.1+ */
/* Opera 11.10+ */
/* IE10+ */
background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ffffff));
background: linear-gradient(to bottom, #ededed 0%, #ffffff 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff', GradientType=0);
/* IE6-8 */
width: 2px;
height: 60px;
position: absolute;
margin-right: 10px;
margin-top: 5px;
}
.pdp-anchor-row .pdp-ar-box li:first-of-type:before {
display: none;
}
.pdp-anchor-row .pdp-ar-box li:first-child:before {
display: none;
}
.pdp-anchor-row li .pdp-ar-item-icon {
display: block;
margin-bottom: 10px;
}
.pdp-anchor-row li .pdp-ar-item-title {
display: inline-block;
}
.pdp-anchor-row li .pdp-ar-item-text {
display: block;
color: #333;
}
.pdp-anchor-row li .pdp-ar-item-link {
display: block;
}
#NotifyMe,
#wtbModal {
overflow: hidden;
}
#NotifyMe .modal-body {
max-height: 700px;
}
#DrNotifyForm {
width: 400px;
height: 615px;
border: 0;
display: block;
margin: auto;
margin-top: 24px;
}
#wtbIframe {
width: 100%;
height: 615px;
border: 0;
display: block;
margin: auto;
margin-top: 24px;
}
.pdp-get-alert {
font-size: 13px;
margin-top: 5px;
}
.wtb-widget {
text-align: center;
text-transform: uppercase;
word-wrap: normal;
border-radius: 3px;
padding: 0 0 0 0;
margin: 15px 0 0 0;
cursor: pointer;
transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-webkit-transition-duration: 0.2s;
-webkit-tap-highlight-color: transparent;
}
.resellersContent .wtb-widget {
margin-bottom: 27px;
}
.retailer td {
border: 2px solid #e0e0e0;
text-align: center;
vertical-align: middle;
width: 25%;
padding: 17px 0 15px;
}
.contactModule {
line-height: 125%;
margin: -3px 0 0;
}
.wtbModal {
max-width: 625px;
}
.regionFrm label {
float: left;
margin: 4px 5px 0 0;
display: inline;
font-size: 92%;
}
.regionFrm .sel {
float: left;
margin-top: 5px;
width: 295px !important;
}
/*3342*/
.pdp-feature-row-slides .pdp-feature-slides-title {
width: 70%;
margin: 0 auto;
margin-bottom: 20px;
text-align: left;
}
.pdp-feature-row-slides .pdp-feature-slides {
width: 70%;
margin: 0 auto;
position: relative;
height: auto;
background-color: transparent;
}
.pdp-feature-row-slides .pdp-feature-slides .pdp-slide-item {
height: auto;
top: 0;
position: absolute;
width: 100%;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.pdp-feature-row-slides .pdp-feature-slides .pdp-slide-item.pdp-slide-item-visible {
z-index: 1;
opacity: 1;
filter: alpha(opacity=100);
}
.pdp-feature-row-slides .pdp-feature-slides .pdp-slide-item.pdp-slide-item-visible .pdp-slide-text {
margin-top: 0;
}
.pdp-feature-row-slides .pdp-feature-slides .pdp-slide-item .pdp-slide-text {
padding-top: 20px;
text-align: left;
position: absolute;
top: 100%;
}
.pdp-feature-row-slides .pdp-slide-controls {
padding: 15px 0 0 0;
left: 0;
width: auto;
height: auto;
position: relative;
margin: 0;
text-align: left;
list-style: none;
top: 100%;
}
.pdp-feature-row-slides .pdp-slide-controls > li {
list-style: none;
display: inline-block;
margin-bottom: 12px;
}
.pdp-feature-row-slides .pdp-slide-controls > li > a {
width: auto;
height: auto;
margin-right: 10px;
margin-left: 0;
background-color: #ddd;
border-color: #bbb;
border-width: 1px;
border-radius: 3px;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
opacity: 1;
filter: alpha(opacity=100);
}
.pdp-feature-row-slides .pdp-slide-controls > li > a:hover {
background-color: #bbb;
}
.pdp-feature-row-slides .pdp-slide-controls > li > a:active {
color: #ffffff;
background-color: #333333;
border-color: #666666;
}
.pdp-feature-row-slides .pdp-slide-controls > li > a.current {
background-color: #00a1dd;
border-color: #007aa6;
color: #fff;
}
.pdp-feature-row-slides .pdp-slide-controls > li > a.current:hover {
background-color: #007aa6;
color: #fff;
}
.pdp-feature-row-slides .pdp-slide-controls > li > a.current:active {
background-color: #00678d;
border-color: #008fc3;
}
.pdp-feature-row-anchor {
display: block;
position: relative;
top: -127px;
visibility: hidden;
}
.refresh-nav-tabs {
border-bottom: none;
margin-left: 7px;
}
.refresh-nav-tabs > li {
margin-bottom: 0;
margin-left: -7px;
}
.refresh-nav-tabs > li > a.button {
border-radius: 6px;
border: none;
padding: 8px 20px;
line-height: 24px;
position: relative;
margin: 0;
}
.refresh-nav-tabs > li:nth-of-type(1) > a.button {
z-index: 10;
}
.refresh-nav-tabs > li:nth-of-type(2) > a.button {
z-index: 9;
}
.refresh-nav-tabs > li:nth-of-type(3) > a.button {
z-index: 8;
}
.refresh-nav-tabs > .active > a.button {
color: #fff;
background-color: #33adad;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzYWRhZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTdiN2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background-image: -webkit-gradient(linear, left top, left bottom, from(#33adad), to(#017b7b));
background-image: linear-gradient(to bottom, #33adad 0%, #017b7b 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33adad', endColorstr='#017b7b', GradientType=0);
border: none;
}
.refresh-nav-tabs > .active > a.button:active {
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
}
.refresh-btn-group {
margin-bottom: 1em;
}
.refresh-btn-group .button {
border-radius: 0;
}
.refresh-btn-group .buttonBorderFirst {
border-radius: 3px 0 0 3px;
}
.refresh-btn-group .buttonBorderLast {
border-radius: 0 3px 3px 0;
}
.refresh-btn-group .buttonBorder {
border-radius: 3px 3px 3px 3px;
}
.billboard h1 + h4 {
font-size: 16px;
line-height: 1.2em;
margin: -1.1em 0 1.1em;
}
.billboard .form-search {
margin-bottom: 0;
clear: both;
}
.billboard .form-search input {
vertical-align: top;
margin-bottom: 0;
}
.billboard .form-search input.search-query {
padding-left: 6px;
padding-right: 6px;
width: 165px;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
height: 35px;
}
.support-pdp p,
.support-pdp li {
font-size: 16px;
line-height: 1.4em;
}
.support-pdp h3 {
font-size: 14px;
text-transform: uppercase;
}
.support-pdp-list {
margin-bottom: 9px;
}
.support-pdp-list .support-pdp-list {
margin-bottom: 0;
}
.support-pdp .collapse-inner {
padding: 4px 24px;
}
.support-pdp .collapse-inner > .video {
margin: 8px 0 10px;
}
.support-pdp-list li {
padding: 3px 0;
}
.support-pdp-list li > * {
vertical-align: middle;
}
.support-pdp a.collapse-toggle [class*="ss-"] {
color: #099;
font-size: 12px;
margin-left: 6px;
}
.support-pdp .collapse-toggle > .ss-navigatedown {
display: none;
}
.support-pdp .collapse-toggle > .ss-navigateup,
.support-pdp .collapse-toggle.collapsed > .ss-navigatedown {
display: inline;
}
.support-pdp .collapse-toggle.collapsed > .ss-navigateup {
display: none;
}
.support-pdp-list li > [class*="ss-"] {
color: #999;
float: left;
}
.support-pdp-list li > .support-pdp-list-item {
margin-left: 24px;
}
.support-pdp-list-item p {
margin-bottom: 0;
}
.support-pdp-list .label {
background-color: #fd7b24;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkN2IyNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNTVjMDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background-image: -webkit-gradient(linear, left top, left bottom, from(#fd7b24), to(#e55c01));
background-image: linear-gradient(to bottom, #fd7b24 0%, #e55c01 100%);
-webkit-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.3);
box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.3);
}
/* Tile List and Tile Categories Display Views */
.isotope,
.isotope .isotope-item {
/* change duration value to whatever you like */
-webkit-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
.tiles {
padding-top: 7px;
}
.tile {
position: relative;
background: #fff;
border: 0;
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
-webkit-box-shadow: -1px 0 2px 0 rgba(0, 0, 0, 0.12), 1px 0 2px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
box-shadow: -1px 0 2px 0 rgba(0, 0, 0, 0.12), 1px 0 2px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
}
.tile:hover {
-webkit-transform: translate(0, -4px);
transform: translate(0, -4px);
-webkit-box-shadow: -3px 0 3px 0 rgba(0, 0, 0, 0.08), 3px 0 3px 0 rgba(0, 0, 0, 0.08), 0 3px 3px 0 rgba(0, 0, 0, 0.16);
box-shadow: -3px 0 3px 0 rgba(0, 0, 0, 0.08), 3px 0 3px 0 rgba(0, 0, 0, 0.08), 0 3px 3px 0 rgba(0, 0, 0, 0.16);
}
.tile h3 {
color: #333;
font-size: 14px;
line-height: 1.4;
padding: 0 0 0 0;
overflow: hidden;
}
.tile img {
border-radius: 4px 4px 0 0;
margin-bottom: 13px;
width: 100%;
}
.tile .cta {
color: #00a1dd;
font-size: 13px;
height: 15px;
padding: 5px 0 2px 0;
display: block;
overflow: hidden;
line-height: 1.3;
}
.tiles li a:link,
.tiles li a:visited,
.tiles li a:hover,
.tiles li a:active {
text-decoration: none;
}
.tiles .span3 .tile .cta {
height: 18px;
padding: 0;
}
/* Tile Categories */
.tile-category-tab-control {
position: relative;
z-index: 8;
}
.tile-category-tab-control .button {
position: relative;
padding: 8px 12px;
color: #fff;
font-weight: normal;
line-height: 16px;
white-space: normal;
border: 0;
}
.tile-category-tab {
border: none;
margin-bottom: 18px;
}
.tile-category-tab > .dropdown > .dropdown-menu {
border: none;
}
.tile-category-tab-dropdown-menu > li:nth-of-type(1) a.button {
z-index: 10;
}
.tile-category-tab-dropdown-menu > li:nth-of-type(2) a.button {
z-index: 9;
}
.tile-category-tab-dropdown-menu > li:nth-of-type(3) a.button {
z-index: 8;
}
.tile-category-tab .tile-category-tab-dropdown-menu {
width: 100%;
}
.tile-category-tab-dropdown-menu a.button {
color: #00a1dd;
background: transparent none;
border-radius: 0;
font-size: 13px;
text-align: left;
text-transform: none;
}
.tile-category-tab-dropdown-menu a.button:hover {
background-color: #cdd1d1;
}
.tile-category-tab-dropdown-menu a.button:active {
background-color: #5c5f5f;
}
.tile-category-tab-dropdown-menu > .active > a.button,
.tile-category-tab-dropdown-menu > .active > a.button:hover,
.tile-category-tab-dropdown-menu > .active > a.button:active {
color: #fff;
cursor: default;
background-color: #00a1dd;
}
.tile-category-tab-control .tab-to-drop-dropdown > .dropdown-menu > li {
float: none;
margin-left: 0;
}
.tile-category-group-title {
font-size: 24px;
line-height: 1.4;
margin-bottom: 0.4em;
}
.tile-category-tab-control + .tile-category-group-title {
margin-top: 0.4em;
}
.thumbnail {
padding: 0;
}
.tile-title {
display: block;
padding: 0 13px 13px;
}
.tile-category-tab-dropdown-menu a.button:hover {
background: #cfeffc;
color: #00a1dd;
}
.tile-category-tab-dropdown-menu a.button:active {
background: #007aa6;
color: #ffffff;
}
.tiles .span3 .tile h3 {
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.tile:hover h3 {
color: #00a1dd;
}
/* Standard Responsive Nav Tabs Display View */
.rwd-nav-tabs-wrapper {
background: url(clientlib-resources/resources/bootstrap/images/bg-rwd-nav-tabs.png) 50% 50% repeat-x;
margin-bottom: 30px;
margin-top: 30px;
}
.rwd-nav-tabs {
border: none;
position: relative;
z-index: 8;
margin-bottom: 0;
}
.rwd-nav-tabs > li {
margin-bottom: 0;
}
.rwd-nav-tabs .button {
position: relative;
padding: 8px 20px;
font-weight: 600;
line-height: 24px;
color: #fff;
white-space: normal;
border: 0;
background-color: #838888;
}
.rwd-nav-tabs .button:hover {
background-color: #cdd1d1;
}
.rwd-nav-tabs .button:active {
background-color: #5c5f5f;
}
.rwd-nav-tabs-dropdown {
float: left;
width: 100%;
margin: 0;
}
.rwd-nav-tabs-display,
.rwd-nav-tabs-dropdown > .dropdown-toggle {
display: none;
}
.rwd-nav-tabs-dropdown-menu {
position: static;
display: block;
padding: 0;
margin: 0;
background-color: transparent;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
width: 100%;
margin-left: 7px;
border: none;
}
.rwd-nav-tabs-dropdown-menu > li {
float: left;
margin-left: -7px;
}
.rwd-nav-tabs-dropdown-menu > li > a.button:hover {
background-color: #cdd1d1;
}
.rwd-nav-tabs-dropdown-menu > li > a.button:active {
background-color: #5c5f5f;
}
.rwd-nav-tabs-dropdown-menu > li.active > a.button {
background-color: #00a1dd;
}
.rwd-nav-tabs-dropdown-menu > li:nth-of-type(1) a.button {
z-index: 20;
}
.rwd-nav-tabs-dropdown-menu > li:nth-of-type(2) a.button {
z-index: 19;
}
.rwd-nav-tabs-dropdown-menu > li:nth-of-type(3) a.button {
z-index: 18;
}
.rwd-nav-tabs-dropdown-menu > li:nth-of-type(4) a.button {
z-index: 17;
}
.rwd-nav-tabs-dropdown-menu > li:nth-of-type(5) a.button {
z-index: 16;
}
.rwd-nav-tabs-dropdown-menu > li:nth-of-type(6) a.button {
z-index: 15;
}
.rwd-nav-tabs-dropdown-menu > li:nth-of-type(7) a.button {
z-index: 14;
}
.rwd-nav-tabs-dropdown-menu > li:nth-of-type(8) a.button {
z-index: 13;
}
.rwd-nav-tabs-dropdown-menu > li:nth-of-type(9) a.button {
z-index: 12;
}
.rwd-nav-tabs-dropdown-menu > li:nth-of-type(10) a.button {
z-index: 11;
}
.rwd-nav-tabs-dropdown-menu > li:nth-of-type(11) a.button {
z-index: 10;
}
.rwd-nav-tabs-dropdown-menu > li:nth-of-type(12) a.button {
z-index: 9;
}
.rwd-nav-tabs-dropdown-menu > .active > a.button:hover {
cursor: default;
}
.teaser-product-grid-title {
font-size: 30px;
font-weight: 300;
line-height: 1.2em;
}
.teaser-product-grid-item {
float: left;
width: 31.49171271%;
padding: 20px 0;
margin: 0 0 30px 2.76243094%;
font-weight: 300;
}
.teaser-product-grid > div:nth-of-type(3n + 1) {
margin-left: 0;
}
.teaser-product-grid-item-proposition {
font-size: 12px;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 0;
padding-top: 5px;
}
.teaser-product-grid-item-name {
margin: 5px 0;
}
.teaser-product-grid-item-name a {
font-size: 22px;
line-height: 1.3em;
}
.teaser-product-grid-item-img {
padding: 0 50px;
margin-bottom: 5px;
text-align: center;
}
.teaser-product-grid-item-img a {
display: block;
}
.teaser-product-grid-item-specs {
margin-bottom: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #ebebeb;
min-height: 24px;
position: relative;
}
.teaser-product-grid-item-capacity p {
font-size: 14px;
line-height: 1.3em;
margin-bottom: 0;
}
.color-dot {
display: inline-block;
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #000;
}
.teaser-product-grid-item-color .color-dot {
float: left;
margin-left: 8px;
margin-bottom: 4px;
}
.teaser-product-grid-item-color-more .color-dot {
width: 12px;
height: 12px;
margin-left: 5px;
}
.teaser-product-grid-item-message {
padding: 5px 0;
}
.teaser-product-grid-item-message p,
.teaser-product-grid-item-message li {
font-size: 16px;
line-height: 1.3em;
}
a.teaser-product-grid-item-button {
display: block;
}
.teaser-product-grid-item-price {
position: absolute;
right: 0;
bottom: 0;
font-size: 18px;
text-align: right;
}
.teaser-product-grid-item-price .price {
margin-bottom: 10px;
}
.teaser-product-grid-item-price .price.sale {
text-decoration: line-through;
}
.teaser-product-grid-item-price .price-discount {
color: red;
font-weight: 600;
margin-bottom: 5px;
}
.teaser-product-grid-item-price .price-discount-message {
background-color: red;
color: #fff;
font-weight: 600;
margin-bottom: 4px;
padding: 6px 4px 3px;
text-align: center;
}
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
position: absolute !important;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.ui-helper-clearfix {
display: inline-block;
}
/* required comment for clearfix to work in Opera */
* html .ui-helper-clearfix {
height: 1%;
}
.ui-helper-clearfix {
display: block;
}
/* end clearfix */
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: alpha(opacity=0);
}
.ui-state-disabled {
cursor: default !important;
}
.ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
.ui-widget-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-accordion {
width: 100%;
}
.ui-accordion .ui-accordion-header {
cursor: pointer;
position: relative;
margin-top: 1px;
zoom: 1;
}
.ui-accordion .ui-accordion-li-fix {
display: inline;
}
.ui-accordion .ui-accordion-header-active {
border-bottom: 0 !important;
}
.ui-accordion .ui-accordion-header a {
display: block;
font-size: 1em;
padding: 0.5em 0.5em 0.5em 0.7em;
}
.ui-accordion-icons .ui-accordion-header a {
padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-icon {
position: absolute;
left: 0.5em;
top: 50%;
margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
margin-top: -2px;
position: relative;
top: 1px;
margin-bottom: 2px;
overflow: auto;
display: none;
zoom: 1;
}
.ui-accordion .ui-accordion-content-active {
display: block;
}
.ui-autocomplete {
position: absolute;
cursor: default;
}
ul.ui-autocomplete {
border: 1px solid #414141;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
z-index: 9998 !important;
padding: 4px 0;
}
.ui-autocomplete li.ui-menu-item a {
color: #00a1dd;
padding: 0 10px 0 29px;
background: url(../../../ww/universal/images/icn_lupa-blue.png) no-repeat 10px 50%;
font-size: 12px;
line-height: 20px;
}
.ui-autocomplete li.ui-menu-item a:hover {
background-color: #f0f0f0;
border: none;
margin: 0;
}
* html .ui-autocomplete {
width: 1px;
}
.ui-menu {
list-style: none;
padding: 2px;
margin: 0;
display: block;
float: left;
}
.ui-menu .ui-menu {
margin-top: -3px;
}
.ui-menu .ui-menu-item {
margin: 0;
padding: 0;
zoom: 1;
float: left;
clear: left;
width: 100%;
}
.ui-menu .ui-menu-item a {
text-decoration: none;
display: block;
padding: 0.2em 0.4em;
line-height: 1.5;
zoom: 1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
font-weight: normal;
margin: -1px;
}
.ui-button {
display: inline-block;
position: relative;
padding: 0;
margin-right: 0.1em;
text-decoration: none !important;
cursor: pointer;
text-align: center;
zoom: 1;
overflow: visible;
}
.ui-button-icon-only {
width: 2.2em;
}
button.ui-button-icon-only {
width: 2.4em;
}
.ui-button-icons-only {
width: 3.4em;
}
button.ui-button-icons-only {
width: 3.7em;
}
.ui-button .ui-button-text {
display: block;
line-height: 1.4;
}
.ui-button-text-only .ui-button-text {
padding: 0.4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
padding: 0.4em;
text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
padding: 0.4em 1em 0.4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
padding: 0.4em 2.1em 0.4em 1em;
}
.ui-button-text-icons .ui-button-text {
padding-left: 2.1em;
padding-right: 2.1em;
}
input.ui-button {
padding: 0.4em 1em;
}
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
position: absolute;
top: 50%;
margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
left: 50%;
margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
left: 0.5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
right: 0.5em;
}
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
right: 0.5em;
}
.ui-buttonset {
margin-right: 7px;
}
.ui-buttonset .ui-button {
margin-left: 0;
margin-right: -0.3em;
}
button.ui-button::-moz-focus-inner {
border: 0;
padding: 0;
}
.ui-datepicker {
width: 17em;
padding: 0.2em 0.2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: 0.2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 49%;
}
.ui-datepicker table {
width: 100%;
font-size: 0.9em;
border-collapse: collapse;
margin: 0 0 0.4em;
}
.ui-datepicker th {
padding: 0.7em 0.3em;
text-align: center;
font-weight: 600;
border: 0;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: 0.2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: 0.7em 0 0 0;
padding: 0 0.2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: 0.5em 0.2em 0.4em;
cursor: pointer;
padding: 0.2em 0.6em 0.3em 0.6em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}
.ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto 0.4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
}
.ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
.ui-datepicker-cover {
display: none;
display: block;
position: absolute;
z-index: -1;
-webkit-filter: mask();
filter: mask();
top: -4px;
left: -4px;
width: 200px;
height: 200px;
}
.ui-dialog {
position: absolute;
padding: 0.2em;
width: 300px;
overflow: hidden;
}
.ui-dialog .ui-dialog-titlebar {
padding: 0.4em 1em;
position: relative;
}
.ui-dialog .ui-dialog-title {
float: left;
margin: 0.1em 16px 0.1em 0;
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: 0.3em;
top: 50%;
width: 19px;
margin: -10px 0 0 0;
padding: 1px;
height: 18px;
}
.ui-dialog .ui-dialog-titlebar-close span {
display: block;
margin: 1px;
}
.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:focus {
padding: 0;
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: 0.5em 1em;
background: none;
overflow: auto;
zoom: 1;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin: 0.5em 0 0 0;
padding: 0.3em 1em 0.5em 0.4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
margin: 0.5em 0.4em 0.5em 0;
cursor: pointer;
}
.ui-dialog .ui-resizable-se {
width: 14px;
height: 14px;
right: 3px;
bottom: 3px;
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
.ui-progressbar {
height: 2em;
text-align: left;
}
.ui-progressbar .ui-progressbar-value {
margin: -1px;
height: 100%;
}
.ui-resizable {
position: relative;
}
.ui-resizable-handle {
position: absolute;
font-size: 0.1px;
z-index: 99999;
display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
display: none;
}
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0;
}
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0;
}
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%;
}
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%;
}
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px;
}
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px;
}
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px;
}
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px;
}
.ui-selectable-helper {
position: absolute;
z-index: 100;
border: 1px dotted black;
}
.ui-slider {
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: 0.7em;
display: block;
border: 0;
background-position: 0 0;
}
.ui-slider-horizontal {
height: 0.8em;
}
.ui-slider-horizontal .ui-slider-handle {
top: -0.3em;
margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
.ui-slider-vertical {
width: 0.8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
left: -0.3em;
margin-left: 0;
margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
top: 0;
}
.ui-tabs {
position: relative;
padding: 0.2em;
zoom: 1;
}
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: 0.2em 0.2em 0;
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 1px;
margin: 0 0.2em 1px 0;
border-bottom: 0 !important;
padding: 0;
white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
float: left;
padding: 0.5em 1em;
text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
margin-bottom: 0;
padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a {
cursor: text;
}
.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
background: none;
}
.ui-tabs .ui-tabs-hide {
display: none !important;
}
.ui-widget {
font-family: Verdana, Arial, sans-serif;
font-size: 1.1em;
}
.ui-widget .ui-widget {
font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: Verdana, Arial, sans-serif;
font-size: 1em;
}
.ui-widget-content {
border: 1px solid #aaa;
background: #fff 50% 50% repeat-x;
color: #222;
}
.ui-widget-content a {
color: #222;
}
.ui-widget-header {
border: 1px solid #aaa;
background: #ccc url(clientlib-resources/resources/bootstrap/images/jquery-ui/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
color: #222;
font-weight: 600;
}
.ui-widget-header a {
color: #222;
}
.accordion .ui-widget-content {
background: none;
border: none;
overflow: visible;
padding: 0;
}
.accordion .ui-widget-content a {
color: #00a1dd;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
border: 1px solid #d3d3d3;
background: #e6e6e6 url(clientlib-resources/resources/bootstrap/images/jquery-ui/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
font-weight: normal;
color: #555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
color: #555;
text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
border: 1px solid #999;
background: #dadada url(clientlib-resources/resources/bootstrap/images/jquery-ui/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
font-weight: normal;
color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover {
color: #212121;
text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
border: 1px solid #aaa;
background: #fff url(clientlib-resources/resources/bootstrap/images/jquery-ui/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
font-weight: normal;
color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #212121;
text-decoration: none;
}
.ui-widget :active {
outline: none;
}
.accordion .ui-state-active {
background: none;
border: none;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #fcefa1;
background: #fbf9ee url(clientlib-resources/resources/bootstrap/images/jquery-ui/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #cd0a0a;
background: #fef1ec url(clientlib-resources/resources/bootstrap/images/jquery-ui/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: 600;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: 0.7;
filter: alpha(opacity=70);
font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: 0.35;
filter: alpha(opacity=35);
background-image: none;
}
.ui-icon {
width: 16px;
height: 16px;
background-image: url(clientlib-resources/resources/bootstrap/images/jquery-ui/ui-icons_222222_256x240.png);
}
.ui-widget-content .ui-icon {
background-image: url(clientlib-resources/resources/bootstrap/images/jquery-ui/ui-icons_222222_256x240.png);
}
.ui-widget-header .ui-icon {
background-image: url(clientlib-resources/resources/bootstrap/images/jquery-ui/ui-icons_222222_256x240.png);
}
.ui-state-default .ui-icon {
background-image: url(clientlib-resources/resources/bootstrap/images/jquery-ui/ui-icons_888888_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
background-image: url(clientlib-resources/resources/bootstrap/images/jquery-ui/ui-icons_454545_256x240.png);
}
.ui-state-active .ui-icon {
background-image: url(clientlib-resources/resources/bootstrap/images/jquery-ui/ui-icons_454545_256x240.png);
}
.ui-state-highlight .ui-icon {
background-image: url(clientlib-resources/resources/bootstrap/images/jquery-ui/ui-icons_2e83ff_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url(clientlib-resources/resources/bootstrap/images/jquery-ui/ui-icons_cd0a0a_256x240.png);
}
.ui-icon-carat-1-n {
background-position: 0 0;
}
.ui-icon-carat-1-ne {
background-position: -16px 0;
}
.ui-icon-carat-1-e {
background-position: -32px 0;
}
.ui-icon-carat-1-se {
background-position: -48px 0;
}
.ui-icon-carat-1-s {
background-position: -64px 0;
}
.ui-icon-carat-1-sw {
background-position: -80px 0;
}
.ui-icon-carat-1-w {
background-position: -96px 0;
}
.ui-icon-carat-1-nw {
background-position: -112px 0;
}
.ui-icon-carat-2-n-s {
background-position: -128px 0;
}
.ui-icon-carat-2-e-w {
background-position: -144px 0;
}
.ui-icon-triangle-1-n {
background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
background-position: -64px -16px;
}
.ui-icon-triangle-1-sw {
background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
background-position: -64px -32px;
}
.ui-icon-arrow-1-sw {
background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
background-position: 0 -48px;
}
.ui-icon-arrowthick-1-ne {
background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
background-position: -176px -64px;
}
.ui-icon-arrow-4 {
background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
background-position: -16px -80px;
}
.ui-icon-extlink {
background-position: -32px -80px;
}
.ui-icon-newwin {
background-position: -48px -80px;
}
.ui-icon-refresh {
background-position: -64px -80px;
}
.ui-icon-shuffle {
background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
background-position: 0 -96px;
}
.ui-icon-folder-open {
background-position: -16px -96px;
}
.ui-icon-document {
background-position: -32px -96px;
}
.ui-icon-document-b {
background-position: -48px -96px;
}
.ui-icon-note {
background-position: -64px -96px;
}
.ui-icon-mail-closed {
background-position: -80px -96px;
}
.ui-icon-mail-open {
background-position: -96px -96px;
}
.ui-icon-suitcase {
background-position: -112px -96px;
}
.ui-icon-comment {
background-position: -128px -96px;
}
.ui-icon-person {
background-position: -144px -96px;
}
.ui-icon-print {
background-position: -160px -96px;
}
.ui-icon-trash {
background-position: -176px -96px;
}
.ui-icon-locked {
background-position: -192px -96px;
}
.ui-icon-unlocked {
background-position: -208px -96px;
}
.ui-icon-bookmark {
background-position: -224px -96px;
}
.ui-icon-tag {
background-position: -240px -96px;
}
.ui-icon-home {
background-position: 0 -112px;
}
.ui-icon-flag {
background-position: -16px -112px;
}
.ui-icon-calendar {
background-position: -32px -112px;
}
.ui-icon-cart {
background-position: -48px -112px;
}
.ui-icon-pencil {
background-position: -64px -112px;
}
.ui-icon-clock {
background-position: -80px -112px;
}
.ui-icon-disk {
background-position: -96px -112px;
}
.ui-icon-calculator {
background-position: -112px -112px;
}
.ui-icon-zoomin {
background-position: -128px -112px;
}
.ui-icon-zoomout {
background-position: -144px -112px;
}
.ui-icon-search {
background-position: -160px -112px;
}
.ui-icon-wrench {
background-position: -176px -112px;
}
.ui-icon-gear {
background-position: -192px -112px;
}
.ui-icon-heart {
background-position: -208px -112px;
}
.ui-icon-star {
background-position: -224px -112px;
}
.ui-icon-link {
background-position: -240px -112px;
}
.ui-icon-cancel {
background-position: 0 -128px;
}
.ui-icon-plus {
background-position: -16px -128px;
}
.ui-icon-plusthick {
background-position: -32px -128px;
}
.ui-icon-minus {
background-position: -48px -128px;
}
.ui-icon-minusthick {
background-position: -64px -128px;
}
.ui-icon-close {
background-position: -80px -128px;
}
.ui-icon-closethick {
background-position: -96px -128px;
}
.ui-icon-key {
background-position: -112px -128px;
}
.ui-icon-lightbulb {
background-position: -128px -128px;
}
.ui-icon-scissors {
background-position: -144px -128px;
}
.ui-icon-clipboard {
background-position: -160px -128px;
}
.ui-icon-copy {
background-position: -176px -128px;
}
.ui-icon-contact {
background-position: -192px -128px;
}
.ui-icon-image {
background-position: -208px -128px;
}
.ui-icon-video {
background-position: -224px -128px;
}
.ui-icon-script {
background-position: -240px -128px;
}
.ui-icon-alert {
background-position: 0 -144px;
}
.ui-icon-info {
background-position: -16px -144px;
}
.ui-icon-notice {
background-position: -32px -144px;
}
.ui-icon-help {
background-position: -48px -144px;
}
.ui-icon-check {
background-position: -64px -144px;
}
.ui-icon-bullet {
background-position: -80px -144px;
}
.ui-icon-radio-off {
background-position: -96px -144px;
}
.ui-icon-radio-on {
background-position: -112px -144px;
}
.ui-icon-pin-w {
background-position: -128px -144px;
}
.ui-icon-pin-s {
background-position: -144px -144px;
}
.ui-icon-play {
background-position: 0 -160px;
}
.ui-icon-pause {
background-position: -16px -160px;
}
.ui-icon-seek-next {
background-position: -32px -160px;
}
.ui-icon-seek-prev {
background-position: -48px -160px;
}
.ui-icon-seek-end {
background-position: -64px -160px;
}
.ui-icon-seek-start {
background-position: -80px -160px;
}
.ui-icon-seek-first {
background-position: -80px -160px;
}
.ui-icon-stop {
background-position: -96px -160px;
}
.ui-icon-eject {
background-position: -112px -160px;
}
.ui-icon-volume-off {
background-position: -128px -160px;
}
.ui-icon-volume-on {
background-position: -144px -160px;
}
.ui-icon-power {
background-position: 0 -176px;
}
.ui-icon-signal-diag {
background-position: -16px -176px;
}
.ui-icon-signal {
background-position: -32px -176px;
}
.ui-icon-battery-0 {
background-position: -48px -176px;
}
.ui-icon-battery-1 {
background-position: -64px -176px;
}
.ui-icon-battery-2 {
background-position: -80px -176px;
}
.ui-icon-battery-3 {
background-position: -96px -176px;
}
.ui-icon-circle-plus {
background-position: 0 -192px;
}
.ui-icon-circle-minus {
background-position: -16px -192px;
}
.ui-icon-circle-close {
background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
background-position: -192px -192px;
}
.ui-icon-circle-check {
background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
background-position: -80px -224px;
}
.ui-corner-tl {
border-top-left-radius: 4px;
}
.ui-corner-tr {
border-top-right-radius: 4px;
}
.ui-corner-bl {
border-bottom-left-radius: 4px;
}
.ui-corner-br {
border-bottom-right-radius: 4px;
}
.ui-corner-top {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.ui-corner-bottom {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.ui-corner-right {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.ui-corner-left {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.ui-corner-all {
border-radius: 4px;
}
.accordion .ui-corner-all {
background: none;
border: none;
}
.accordion .ui-corner-top,
.accordion .ui-corner-all {
border-radius: 0;
}
.ui-widget-overlay {
background: #aaa url(clientlib-resources/resources/bootstrap/images/jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
opacity: 0.3;
filter: alpha(opacity=30);
}
.ui-widget-shadow {
margin: -8px 0 0 -8px;
padding: 8px;
background: #aaa url(clientlib-resources/resources/bootstrap/images/jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
opacity: 0.3;
filter: alpha(opacity=30);
border-radius: 8px;
}
.pencilIconNav {
position: absolute;
top: 5px;
left: 5px;
z-index: 250;
display: inline;
}
.vui-window img {
max-width: none;
vertical-align: baseline;
}
.vui-window input,
.vui-window textarea,
.vui-window select,
.vui-window .uneditable-input {
width: auto;
}
.vui-window label {
display: inline;
}
.vgn-ext-region .nav-footer-top li img {
float: none !important;
}
.modal.hide {
height: auto;
}
.subnav-cart-counter a.btn span {
background: none;
padding: 0;
margin: 0;
height: auto;
}
/*find a distributor in new pdp*/
.modal-distributor .section .btnTealLrg {
background-color: #00c4c4;
border-radius: 3px;
-webkit-transition: background-color 0.4s;
transition: background-color 0.4s;
}
.modal-distributor .section .btnTealLrg:hover {
background-color: #66d9d9;
}
.modal-distributor .section .btnTealLrg:active {
background-color: #006666;
}
.modal-distributor .section .btnTealLrg,
.modal-distributor .section .btnTealLrg:hover,
.modal-distributor .section .btnTealLrg:active {
background-image: none;
-webkit-filter: none;
filter: none;
}
.support-search-box {
padding: 35px 15px 15px;
margin-bottom: 18px;
background-color: #99ddf7;
}
.support-search-box .content-wrapper {
width: 75%;
margin: 0 auto;
}
.support-search-box .content-wrapper > p {
margin: 5px 0 0;
}
.support-search-box .content-wrapper .btn {
width: 30%;
padding: 9px 10px;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.support-search-box .input-wrapper {
width: 68%;
margin: 0 2% 0 0;
float: left;
overflow: hidden;
}
.support-search-box .input-wrapper input {
width: 100%;
height: 34px;
margin: 0;
padding: 0px 14px;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #666;
border-radius: 3px;
font-weight: normal;
color: #808080;
}
.responsive-link-row {
background-color: #eee;
padding: 13px;
margin-bottom: 18px;
}
.responsive-link-row > h3 {
font-weight: normal;
margin-bottom: 10px;
}
.responsive-link-row .content-cell {
float: left;
width: 16.666%;
padding: 0 1%;
text-align: center;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.responsive-link-row .content-md-5 .content-cell {
width: 20%;
}
.responsive-link-row .content-md-4 .content-cell {
width: 25%;
}
.responsive-link-row .content-md-3 .content-cell {
width: 33.333%;
}
.responsive-link-row .content-md-2 .content-cell {
width: 50%;
}
.responsive-link-row .content-md-1 .content-cell {
width: 100%;
}
.responsive-link-row .content-cell:first-child {
margin-left: 0;
}
.responsive-link-row .content-icon {
margin-bottom: 13px;
}
.press-release-detail {
margin-bottom: 30px;
}
.press-release-detail .page-title {
display: block;
}
.press-release-detail .social-list {
clear: both;
}
.press-release-detail .social-list li.social-list-print a {
padding-left: 0;
}
.press-release-detail .page-title img {
float: left;
margin-right: 20px;
margin-bottom: 10px;
}
.page-body li {
list-style: disc;
}
.tags li {
list-style: none;
display: inline-block;
}
/* Styles requested by Online Marketing Group */
/*Content layout patterns*/
.centered-text {
text-align: center;
}
.col-with-logo-left {
padding: 30px 8%;
}
.col-with-logo-left img {
float: left;
margin-right: 20px;
}
.col-with-logo-left p {
float: right;
width: 80%;
padding-top: 10px;
}
.col-with-lg-logo-left img {
float: left;
margin-right: 20px;
}
.col-with-lg-logo-left p {
float: right;
width: 77%;
padding-top: 10px;
}
.col-with-lg-logo-left {
padding: 30px 4%;
}
.three-col-top-logo {
text-align: center;
padding: 0 8%;
}
.three-col-top-logo img {
margin-bottom: 5%;
}
.three-col-logo-left {
padding: 30px 5%;
}
.three-col-logo-left img {
float: left;
margin-right: 20px;
}
.three-col-logo-left p {
float: right;
padding-top: 10px;
width: 73%;
}
.alert-callout {
background: none repeat scroll 0 0 #f2f2f2;
border: 1px solid #d7d7d7;
color: #333;
padding: 20px;
}
.alert-callout > p {
margin: 0;
}
/* Some more variables */
/* Some global styles */
.row-reverse.row {
margin-left: 0;
margin-right: -20px;
}
.row-reverse.row > [class*="span"] {
float: right;
margin-left: 0;
margin-right: 20px;
}
.spp-page {
font-size: 14px;
overflow: hidden;
/* a {
color: #00c4c4;
}
.button,
.btn {
color: #fff;
} */
}
.spp-page p {
font-size: 1em;
line-height: 1.3;
}
.spp-page .spp-top-profile [class*="span"] {
margin-left: 1.40056022%;
}
.spp-page .spp-top-profile [class*="span"]:first-child {
margin-left: 0;
}
.spp-page .spp-top-profile .span6 {
width: 38.29691877%;
}
.spp-page .spp-top-profile .span2 {
width: 13.83380019%;
}
.spp-page .spp-top-profile .span6 + .span2 {
width: 29.83380019%;
}
.spp-box {
background-color: #f2f2f2;
border-radius: 3px;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 18px;
}
.spp-box .unit-info {
padding: 13px;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.spp-box .unit-info .figure-hero {
color: #333;
font-size: 30px;
font-weight: 600;
line-height: 1.1;
margin-top: 10px;
}
.spp-box .unit-info .figure-type,
.spp-box .unit-info .figure-info {
margin-bottom: 5px;
}
[class^="profile"].spp-box .unit-info {
padding: 0 5px;
}
.spp-box .unit-title {
color: #424242;
font-size: 1.15em;
font-weight: 600;
}
.spp-box .unit-icon {
width: 20px;
height: 16px;
}
.spp-box .unit-play-list {
margin: 0;
list-style: none;
}
.spp-box .unit-play-list li {
padding-right: 100px;
position: relative;
min-height: 36px;
margin-bottom: 10px;
}
.spp-box .unit-content form {
margin: 0;
}
.spp-box .unit-content input {
padding: 5px 10px;
height: 28px;
line-height: 18px;
width: 100%;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.spp-box .label {
margin-right: 8px;
padding-left: 8px;
padding-right: 8px;
border-radius: 0;
}
.spp-box .label-important {
background-color: #e84a36;
}
.spp-box .unit-date-list {
margin: 0;
list-style: none;
}
.spp-box .unit-date-list > li {
position: relative;
border-top: 1px solid #858a8d;
padding-left: 55px;
min-height: 44px;
padding-top: 11px;
margin-top: 12px;
}
.spp-box .unit-date-list > li .cell-day {
position: absolute;
top: 13px;
left: 0;
font-size: 18px;
font-weight: 600;
color: #fff;
text-align: center;
}
.spp-box .unit-date-list > li .cell-month {
font-size: 12px;
font-weight: normal;
display: block;
clear: both;
}
.spp-box .unit-date-list > li:first-child {
border: 0;
padding-top: 0;
margin-top: 0;
}
.spp-box .unit-date-list > li:first-child .cell-day {
top: 2px;
}
.spp-box .unit-learn-more {
display: block;
text-align: right;
font-weight: 600;
}
.spp-box .unit-foot {
position: relative;
border-top: 1px solid #fff;
border-radius: 0 0 2px 2px;
background-color: #ebebeb;
padding: 10px 50px 10px 10px;
min-height: 21px;
}
.spp-box .unit-foot .link-sub {
font-weight: 600;
line-height: 20px;
}
.spp-box .unit-foot .link-add {
display: block;
width: 32px;
height: 32px;
border-radius: 50%;
background-color: #00a1dd;
position: absolute;
right: 6px;
top: 5px;
}
.spp-box .unit-foot .link-add:before,
.spp-box .unit-foot .link-add:after {
position: absolute;
content: "";
background-color: #fff;
}
.spp-box .unit-foot .link-add:before {
width: 20px;
height: 2px;
top: 50%;
left: 6px;
margin-top: -1px;
}
.spp-box .unit-foot .link-add:after {
width: 2px;
height: 20px;
top: 6px;
left: 50%;
margin-left: -1px;
}
.spp-box .unit-item {
margin-bottom: 10px;
}
.spp-box .unit-item p {
margin-bottom: 0;
}
.spp-box .unit-item,
.spp-box .unit-content,
.spp-box .unit-info {
*zoom: 1;
}
.spp-box .unit-item:before,
.spp-box .unit-content:before,
.spp-box .unit-info:before,
.spp-box .unit-item:after,
.spp-box .unit-content:after,
.spp-box .unit-info:after {
display: table;
content: "";
}
.spp-box .unit-item:after,
.spp-box .unit-content:after,
.spp-box .unit-info:after {
clear: both;
}
.spp-box .item-icn {
width: 13px;
height: 14px;
display: inline-block;
margin-right: 6px;
background: url(clientlib-resources/resources/bootstrap/images/icn_doctype_sprite-13x14.png) no-repeat;
}
.spp-box .item-icn-zip {
background-position: 0 -14px;
}
.spp-box .item-icn-redirect {
width: 22px;
height: 16px;
margin-right: 0;
background: url(clientlib-resources/resources/bootstrap/images/icn_newtab-20x16.png) no-repeat;
}
.spp-box .item-note {
color: #959595;
}
.spp-box .table {
margin-bottom: 0;
}
.spp-box .table tr:hover td,
.spp-box .table tr:hover th {
background-color: transparent;
}
.spp-box .table-highlight-bordered th,
.spp-box .table-highlight-bordered td {
border-top: 1px solid #c7c7c7;
}
.spp-box .table-highlight-bordered thead + tbody tr:first-child td {
border-top: 1px solid #949494;
}
.spp-box .table-no-border th,
.spp-box .table-no-border td {
border: 0;
padding: 8px 0;
}
.spp-box .table-no-border th {
color: #333;
}
.spp-box .table-no-border p {
margin-bottom: 0;
}
.spp-box .table-activity tbody tr {
height: 54px;
}
.spp-box .table-activity .td-action {
padding-left: 15px;
width: 70px;
}
.spp-box .table-activity .td-status {
padding-left: 15px;
width: 80px;
}
.spp-box .icn-play {
display: block;
position: relative;
width: 70px;
height: 28px;
border-radius: 2px;
background-color: #6bc048;
}
.spp-box .icn-play:after {
content: "";
position: absolute;
left: 50%;
top: 50%;
margin: -8px 0 0 -4px;
border-width: 7px 0 7px 12px;
border-style: solid;
border-color: transparent transparent transparent #fff;
}
.spp-box-yellow {
background-color: #fff1d1;
}
.spp-box-yellow .unit-foot {
background-color: #f8e18e;
}
.spp-box-dgray,
.spp-box-olive,
.spp-box-slateblue,
.spp-box-dbrown {
color: #fff;
}
.spp-box-dgray .unit-title,
.spp-box-olive .unit-title,
.spp-box-slateblue .unit-title,
.spp-box-dbrown .unit-title {
color: #fff;
}
.spp-box-dgray {
background-color: #424d52;
}
.spp-box-olive {
background-color: #64723f;
}
.spp-box-slateblue {
background-color: #99ddf7;
}
.spp-box-dbrown {
background-color: #482b2a;
}
.spp-box-border {
background-color: #fff;
border: 1px solid #ddd;
}
.spp-box-border .unit-info {
border: 0;
}
.spp-box-collapse .collapse-icn {
display: none;
}
.spp-box-collapse .unit-news-list {
height: auto;
overflow: visible;
}
.spp-modal {
max-height: 500px;
}
.spp-modal .modal-header {
border: 0;
padding-bottom: 4px;
}
.spp-modal .modal-header h2 {
font-weight: normal;
color: #666;
}
.spp-modal .modal-body {
padding: 10px 15px;
border-top: 1px solid #ddd;
}
.spp-modal .modal-header + .modal-body {
border-top: 0;
padding-top: 0;
}
.spp-modal .modal-tile {
text-align: center;
}
.spp-modal .modal-sub-title {
display: block;
font-size: 14px;
font-weight: 600;
color: #333;
margin-bottom: 9px;
}
.spp-modal .modal-tile-download-links {
border-top: 0;
font-size: 12px;
}
.spp-modal .modal-footer {
background-color: #fff;
text-align: left;
-webkit-box-shadow: none;
box-shadow: none;
}
.spp-modal .link-list {
font-size: inherit;
}
.spp-modal .link-list ul li {
margin-bottom: 0.4em;
width: 50%;
float: left;
clear: none;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.spp-modal .link-list ul li:nth-of-type(odd) {
padding-right: 5px;
}
.spp-modal .link-list ul li:nth-of-type(even) {
padding-left: 5px;
}
.spp-modal .link-list ul li .item-icn {
vertical-align: middle;
}
.spp-modal .spp-carousel .carousel {
margin-bottom: 0;
}
.spp-carousel .carousel-position {
display: none;
}
.spp-carousel .carousel-inner .item {
padding: 0 26px;
}
.spp-carousel .carousel-inner .item h4 {
font-weight: normal;
}
.spp-carousel .carousel-control {
background: transparent;
border: 0;
opacity: 0;
filter: alpha(opacity=0);
color: #333;
width: 20px;
height: 20px;
font-size: 38px;
font-weight: 600;
line-height: 14px;
display: none;
}
.spp-carousel .carousel-control.left {
left: 0;
}
.spp-carousel .carousel-control.right {
right: 0;
}
.spp-carousel:hover > .carousel > .carousel-control {
opacity: 1;
filter: alpha(opacity=100);
display: block;
}
.spp-carousel:hover > .carousel > .carousel-control.disable,
.spp-carousel:hover > .carousel > .carousel-control.disable:hover,
.spp-carousel:hover > .carousel > .carousel-control.disable.left.carousel-mediaPopup,
.spp-carousel:hover > .carousel > .carousel-control.disable.right.carousel-mediaPopup {
display: block;
opacity: 0.2;
filter: alpha(opacity=20);
cursor: default;
}
/* Profile Partner Information Display View */
.profile-partner-information {
position: relative;
margin-bottom: 13px;
}
.profile-partner-information .partner-logo {
width: 112px;
height: 112px;
margin-right: 18px;
padding-bottom: 24px;
}
.profile-partner-information [class^="level"] {
color: #fff;
padding: 3px;
text-transform: uppercase;
text-align: center;
margin: 0;
position: absolute;
top: 112px;
left: 0;
width: 112px;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.profile-partner-information .level-premier {
background: #ffbe1a;
}
.profile-partner-information .level-elite {
background: #00a1dd;
}
.profile-partner-information .level-partner {
background: #798686;
}
.profile-partner-information [class^="txt-"] {
margin-bottom: 0;
line-height: 20px;
}
.profile-partner-information .txt-people {
font-size: 20px;
font-weight: 600;
color: #333;
}
.profile-partner-information .txt-company {
font-size: 16px;
color: #777;
}
.profile-partner-information .txt-reward {
font-weight: 600;
color: #333;
}
.profile-partner-information .txt-reward a {
font-weight: normal;
}
.profile-partner-information .txt-rep {
margin-top: 8px;
border-top: 1px solid #bcbcbc;
padding-top: 7px;
}
.profile-partner-information .partner-info {
overflow: hidden;
margin-left: 130px;
}
.profile-partner-information .partner-links {
margin: 8px 0 0 130px;
}
.profile-partner-information .partner-links > li {
list-style: none;
line-height: 19px;
margin-bottom: 4px;
}
.profile-partner-information .partner-links .pi-icn {
float: left;
width: 13px;
height: 14px;
margin: 2px 6px 0 0;
background: url(clientlib-resources/resources/bootstrap/images/icn_doctype_sprite-13x14.png) no-repeat;
}
.profile-partner-information .partner-links .pi-txt {
display: block;
margin-left: 20px;
}
/* Something share between Profile Purchase Summary, Profile Support Cases & Profile Returns Display View */
.profile-purchase-summary .unit-info,
.profile-support-cases .unit-info,
.profile-returns .unit-info {
text-align: center;
}
.profile-purchase-summary .unit-info p,
.profile-support-cases .unit-info p,
.profile-returns .unit-info p {
margin: 0;
}
/* Profile Purchase Summary */
.profile-purchase-summary {
position: relative;
margin-bottom: 13px;
color: #aeaeae;
background-color: transparent;
}
.profile-purchase-summary [class^="unit"] {
float: right;
width: 50%;
background-color: #f8e9b4;
border-radius: 0 2px 0 0;
}
.profile-purchase-summary .unit-internal {
float: left;
background-color: #fff1d1;
border-right: 1px solid #fff;
border-radius: 2px 0 0 0;
}
.profile-purchase-summary .figure-total,
.profile-purchase-summary .figure-type {
font-size: 12px;
}
.profile-purchase-summary .figure-total {
color: #bf9b23;
}
.profile-purchase-summary .unit-foot {
width: 100%;
padding: 10px 0;
background-color: #f8e18e;
border-radius: 0 0 2px 2px;
}
.profile-purchase-summary .unit-foot .link-sub {
display: block;
text-align: center;
margin: 0;
padding: 0 5px;
color: #b9920f;
font-weight: normal;
}
.profile-purchase-summary .unit-foot .link-sub span {
display: inline-block;
vertical-align: middle;
}
.profile-purchase-summary .unit-foot .disclaimer-btn {
width: 20px;
height: 20px;
background-color: #b9920f;
border-radius: 50%;
position: relative;
}
.profile-purchase-summary .unit-foot .disclaimer-btn:before,
.profile-purchase-summary .unit-foot .disclaimer-btn:after {
position: absolute;
content: "";
width: 2px;
height: 2px;
top: 5px;
left: 50%;
margin-left: -1px;
background-color: #fff;
}
.profile-purchase-summary .unit-foot .disclaimer-btn:after {
top: 9px;
height: 5px;
}
.profile-purchase-summary .unit-foot .disclaimer-btn:hover {
cursor: pointer;
}
.profile-purchase-summary .unit-foot .disclaimer-pop {
cursor: default;
display: none;
position: absolute;
z-index: 10;
width: 360px;
padding: 10px;
background: #999;
border-radius: 2px;
top: 30px;
left: -180px;
font-size: 11px;
line-height: 1.4;
color: #fff;
text-align: left;
}
.profile-purchase-summary .unit-foot .disclaimer-pop:before {
content: "";
position: absolute;
border-width: 8px;
border-style: solid;
border-color: transparent transparent #999 transparent;
top: -16px;
left: 50%;
margin-left: -8px;
}
/* Profile Support Cases & Profile Returns Display View */
.profile-support-cases,
.profile-returns {
margin-bottom: 13px;
}
.profile-support-cases .figure-info,
.profile-returns .figure-info {
font-size: 12px;
color: #aeaeae;
}
/* Profile News Ticker Display View */
.profile-news-ticker {
text-align: center;
}
.profile-news-ticker .alert {
background-color: #37215f;
border: 0;
color: #fff;
text-shadow: none;
border-radius: 0;
margin-bottom: 13px;
}
.profile-news-ticker .close {
color: #fff;
text-shadow: none;
opacity: 1;
filter: alpha(opacity=100);
}
.profile-news-ticker .article-title {
font-weight: 600;
color: #fff;
}
/* SPP LMS Activities */
.spp-lms-activities .unit-icon {
background-image: url(clientlib-resources/resources/bootstrap/images/icn_training-20x16.png);
}
/**/
.link-item-top-webinars .unit-icon {
background-image: url(clientlib-resources/resources/bootstrap/images/icn_webinar-20x16.png);
}
/* Dashboard Upcoming Events Display View */
.spp-event-calendar .unit-date-list {
padding-top: 8px;
}
.spp-event-calendar .unit-icon {
background-image: url(clientlib-resources/resources/bootstrap/images/icn_calendar-20x16.png);
}
/* Announcement Modal */
.announcement-modal .row-fluid [class*="span"] {
min-height: 0;
}
.announcement-modal .modal {
width: 940px;
position: absolute;
margin: 0 0 0 -470px;
border-radius: 2px;
}
.announcement-modal .modal h3 {
font-size: 30px;
font-weight: normal;
line-height: 1.2;
text-align: center;
margin-top: 20px;
}
.announcement-modal .modal-body p {
font-size: 16px;
}
/* Announcement Modal - SPP Renewal */
.am-spp-renewal .modal.fade.in {
top: 200px;
}
.am-spp-renewal .modal-header {
border: 0;
}
.am-spp-renewal .modal-body {
padding: 20px 110px 10px;
text-align: center;
}
.am-spp-renewal .modal-footer {
border: 0;
text-align: center;
padding-bottom: 30px;
background-color: transparent;
}
/* Announcement Modal - What's New */
.am-whats-new .modal {
background-color: transparent;
border: 0;
color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
}
.am-whats-new .modal.fade {
top: 150px;
}
.am-whats-new .modal h3 {
margin: 0 22px;
color: #fff;
padding: 15px;
border: 1px solid #fff;
}
.am-whats-new .modal-body {
padding: 0;
min-height: 900px;
}
.am-whats-new .am-indicator {
position: absolute;
}
.am-whats-new .am-i-a {
width: 400px;
top: 100px;
}
.am-whats-new .am-i-a .am-p-a {
position: relative;
left: 50%;
width: 1px;
height: 78px;
}
.am-whats-new .am-i-a p {
margin-top: 10px;
}
.am-whats-new .am-i-b {
width: 100%;
top: 168px;
height: 210px;
}
.am-whats-new .am-i-b .am-p-a {
right: 265px;
width: 1px;
height: 155px;
}
.am-whats-new .am-i-b .am-p-b {
top: 174px;
left: 200px;
width: 439px;
height: 1px;
}
.am-whats-new .am-i-b p {
position: absolute;
right: 10px;
bottom: 0;
width: 280px;
}
.am-whats-new .am-i-c {
width: 100%;
top: 566px;
height: 136px;
}
.am-whats-new .am-i-c .am-p-a {
right: 420px;
width: 1px;
height: 100px;
}
.am-whats-new .am-i-c .am-p-b {
top: 0;
left: 200px;
width: 1px;
height: 100px;
}
.am-whats-new .am-i-c .am-p-c {
top: 100px;
left: 200px;
width: 439px;
height: 1px;
}
.am-whats-new .am-i-c .am-p-c:after {
content: none;
}
.am-whats-new .am-i-c p {
position: absolute;
right: 10px;
bottom: 0;
width: 280px;
}
.am-whats-new .am-pointer {
background: #fff;
position: absolute;
}
.am-whats-new .am-pointer:after {
position: absolute;
top: -5px;
left: -5px;
content: "";
width: 11px;
height: 11px;
background-color: #fff;
border-radius: 50%;
}
.am-whats-new .btn {
min-width: 110px;
font-size: 25px;
line-height: 40px;
padding: 5px 40px;
height: 40px;
position: absolute;
top: 50%;
left: 50%;
margin: -15px 0 0 -95px;
}
.am-whats-new-m {
opacity: 0;
display: none;
}
.am-whats-new-m.visible-phone {
opacity: 1;
display: block;
}
/* Link Item Background image */
.spp-page .link-item-background-image {
-webkit-box-shadow: none;
box-shadow: none;
margin-bottom: 18px;
background-size: contain;
}
.spp-page .link-item-background-image .link-item-content {
padding: 0;
}
.spp-page .link-item-background-image .link-item-title {
font-size: 1.15em;
color: #424242;
}
/* Whats New Modal Animation */
.am-whats-new .modal h3,
.am-whats-new .modal .btn {
opacity: 0;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.am-whats-new .modal .am-indicator .am-pointer,
.am-whats-new .modal .am-indicator p {
opacity: 0;
-webkit-transition: opacity 0.5s, height 0.5s, width 0.5s;
-moz-transition-delay: opacity 0.5s, height 0.5s, width 0.5s;
transition: opacity 0.5s, height 0.5s, width 0.5s;
}
.am-whats-new .modal .am-i-a .am-p-a {
height: 0;
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.am-whats-new .modal .am-i-a p {
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
.am-whats-new .modal .am-i-b .am-p-a {
height: 0;
-webkit-transition-delay: 2s;
transition-delay: 2s;
}
.am-whats-new .modal .am-i-b .am-p-b {
width: 0;
-webkit-transition-delay: 2s;
transition-delay: 2s;
}
.am-whats-new .modal .am-i-b p {
-webkit-transition-delay: 2.5s;
transition-delay: 2.5s;
}
.am-whats-new .modal .am-i-c .am-p-a {
height: 0;
-webkit-transition: all 0.3s 4.2s;
transition: all 0.3s 4.2s;
}
.am-whats-new .modal .am-i-c .am-p-b {
height: 0;
-webkit-transition-delay: 3.5s;
transition-delay: 3.5s;
}
.am-whats-new .modal .am-i-c .am-p-c {
width: 0;
-webkit-transition-delay: 4s;
transition-delay: 4s;
}
.am-whats-new .modal .am-i-c p {
-webkit-transition-delay: 4.5s;
transition-delay: 4.5s;
}
.am-whats-new .modal .btn {
-webkit-transition-delay: 5.5s;
transition-delay: 5.5s;
}
.am-whats-new .am-on.in h3,
.am-whats-new .am-on.in .btn {
opacity: 1;
}
.am-whats-new .am-on.in .am-indicator .am-pointer,
.am-whats-new .am-on.in .am-indicator p {
opacity: 1;
}
.am-whats-new .am-on.in .am-i-a .am-p-a {
height: 78px;
}
.am-whats-new .am-on.in .am-i-b .am-p-a {
height: 155px;
}
.am-whats-new .am-on.in .am-i-b .am-p-b {
width: 439px;
}
.am-whats-new .am-on.in .am-i-c .am-p-a,
.am-whats-new .am-on.in .am-i-c .am-p-b {
height: 100px;
}
.am-whats-new .am-on.in .am-i-c .am-p-c {
width: 439px;
}
.am-whats-new.window-resizing .am-on.in h3,
.am-whats-new.window-resizing .am-on.in .btn {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.am-whats-new.window-resizing .am-on.in .am-indicator .am-pointer,
.am-whats-new.window-resizing .am-on.in .am-indicator p {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
/* Resources Tab - spp-marketing-tools */
.spp-marketing-tools .unit-info {
border-radius: 3px;
}
/* Partner Support Tab - link-list-icon */
.link-list-icon .unit-item .icon,
.spp-support-contact .unit-item .icon {
float: left;
max-width: 30px;
padding-top: 4px;
}
.link-list-icon .unit-item .text,
.spp-support-contact .unit-item .text {
margin-left: 40px;
}
/* latest-kbs-desc */
.latest-kbs-desc .item-note {
display: block;
}
/* spp-support-contact */
.spp-support-contact .unit-item .icon {
padding-top: 0;
}
.spp-support-contact .unit-item .text {
padding-top: 6px;
}
/* link background image button responsive */
.link-background-image-button-rwd {
position: relative;
min-height: 109px;
background-repeat: no-repeat;
}
.link-background-image-button-rwd .btn {
position: absolute;
bottom: 10px;
right: 10px;
}
/* SPP Leads Notification Display View */
.spp-leads-notification {
text-align: center;
}
.spp-leads-notification .alert {
background-color: #fff8e7;
border: 0;
color: #333;
text-shadow: none;
border-radius: 0;
margin-bottom: 13px;
padding-left: 15px;
padding-right: 15px;
}
.spp-leads-notification .notification-message {
text-align: left;
}
.banner-home {
margin-bottom: 8px;
height: 412px;
position: relative;
background-color: #000;
z-index: 2;
}
.banner-item {
position: absolute;
width: 100%;
height: 412px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
opacity: 0;
-webkit-transition: all 1s ease;
transition: all 1s ease;
}
.banner-item-hide {
display: none;
}
.banner-item-show {
display: block;
}
.banner-item-visible {
opacity: 1;
z-index: 1;
}
.banner-content-wrapper {
position: relative;
height: 412px;
}
.banner-content-top {
z-index: 10;
}
.banner-content {
position: absolute;
}
.banner-content-center {
left: 50%;
margin-left: -25%;
width: 50%;
text-align: center;
bottom: 50%;
margin-bottom: -5%;
}
.banner-content-right {
left: auto;
right: 0;
}
/* Better default banner text alignments? */
.banner-content {
top: 72px;
left: 8px;
bottom: auto;
right: auto;
margin: auto;
width: 50%;
height: 50%;
}
.banner-content-center {
top: 160px;
left: 0;
bottom: auto;
right: 0;
margin: auto;
width: 100%;
height: 50%;
}
.banner-content-right {
top: 160px;
left: auto;
bottom: auto;
right: 8px;
margin: auto;
width: 55%;
height: 50%;
}
.banner-content h1 {
color: #fff;
font-size: 50px;
line-height: 0.95;
font-weight: 300;
}
.banner-content h2 {
color: #fff;
font-size: 19px;
font-weight: 300;
}
.banner-content h3 {
color: #fff;
font-size: 12px;
text-transform: uppercase;
}
.banner-content .btn {
margin-top: 30px;
}
.banner-home-controls {
list-style: none;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -150px;
margin-bottom: 0;
height: 32px;
width: 300px;
text-align: center;
z-index: 20;
}
.banner-home-controls li {
display: inline-block;
}
.banner-home-controls a {
display: block;
float: left;
height: 5px;
width: 5px;
background-color: #fff;
content: " ";
margin-left: 14px;
margin-right: 14px;
border-radius: 20px;
border-color: #00a1dd;
border-width: 2px;
border-style: solid;
opacity: 0.8;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.banner-home-controls a:hover {
background: none;
}
.banner-home-controls a.current {
background: none;
}
.link-item-med-img,
.link-item-med-img p {
font-size: 16px;
line-height: 1.5em;
}
.link-item-med-img h1,
.link-item-med-img h2,
.link-item-med-img h3,
.link-item-med-img h4,
.link-item-med-img h5,
.link-item-med-img h6 {
font-size: 19px;
font-weight: 300;
color: #333;
margin-bottom: 10px;
line-height: 1.2em;
}
.link-item-med-img h1 {
font-size: 40px;
}
.link-item-med-img h2 {
font-size: 33px;
margin-bottom: 20px;
}
.link-item-med-img h3,
.link-item-med-img .link-list-title h3 {
font-size: 30px;
}
.link-item-med-img h4 {
font-size: 25px;
}
.link-item-med-img h5 {
font-size: 22px;
}
.link-item-med-img h6 {
font-size: 19px;
}
.link-item-med-img .btn-dark {
background: #333 !important;
padding-left: 30px !important;
padding-right: 30px !important;
color: #fff;
border: 0;
text-transform: initial;
}
.link-item-med-img .btn-dark:hover {
background: #5c5f5f !important;
}
.link-item-med-img .btn-dark:active {
background: #333 !important;
}
.link-item-med-img .col-content-img {
position: relative;
width: 100%;
}
.link-item-med-img .col-content-hover {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #00a1dd;
background: rgba(0, 161, 221, 0.6);
text-align: center;
color: #fff;
font-size: 35px !important;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 400ms;
transition: all 400ms;
}
.link-item-med-img .col-content-hover h3 {
color: #fff;
}
.link-item-med-img .col-content-hover:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.link-item-med-img .col-content-cta {
font-size: 25px !important;
padding-top: 60px;
text-align: center;
width: 100%;
color: #fff;
}
.link-item-med-img .col-content-text {
padding: 20px;
}
.link-item-med-img .col-content-text h3 {
margin: 10px 0;
}
.jobs-search {
position: relative;
}
.jobs-search .jobs-search-label-wrapper {
width: 100%;
margin: 0 2% 0 0;
}
.jobs-search .jobs-search-background {
overflow: hidden;
}
.jobs-search .jobs-search-label-wrapper input {
width: 100%;
height: 34px;
padding: 0 70px 0 10px;
margin: 0;
font-weight: normal;
color: #808080;
border: 1px solid #666;
border-radius: 3px;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.jobs-search .jobs-search-label-wrapper input::-ms-clear {
display: none;
}
.jobs-search li {
list-style: none;
display: inline;
font-size: 14px;
margin-right: 4px;
}
.jobs-search ul {
float: right;
padding: 8px 0px;
margin-left: 10px;
}
.jobs-search-go .magnify-search-icon {
border-color: #00a1dd;
}
.jobs-search .jobs-search-go {
position: absolute;
text-decoration: none;
right: 12px;
top: 8px;
}
.jobs-search-go span {
margin-left: 23px;
font-size: 14px;
display: inline-block;
}
.jobs-search-phone {
display: none;
}
.jobs-search-phone:hover {
text-decoration: none;
}
.jobs-search-go:before {
position: absolute;
top: -3px;
left: -3px;
bottom: 0;
width: 1em;
height: 1em;
font-size: 10px;
border: solid 0.3em #00a1dd;
border-radius: 50%;
content: "";
}
.jobs-search-go:after {
position: absolute;
top: 10px;
left: 10px;
width: 0.4em;
height: 0.8em;
background: #00a1dd;
border-radius: 0.2em;
content: "";
-webkit-transform: rotate(-40deg);
transform: rotate(-40deg);
}
/* Jobs Search Sticky Header Styles */
.jobs-search.sticky-header-active {
padding-top: 5px;
padding-left: 5px;
}
.jobs-search.sticky-header-active .jobs-search-form-wrapper {
margin-bottom: 0;
}
.jobs-search.sticky-header-active ul {
margin-bottom: 0;
}
.jobs-news-ticker {
display: table;
margin-bottom: 10px;
}
.jobs-news-ticker-heading {
display: table-cell;
color: #fff;
background-color: #00678d;
border-top: 3px solid #00a1dd;
text-transform: uppercase;
min-height: 32px;
white-space: nowrap;
font-size: 13px;
font-weight: 600;
padding: 3px 25px 0 10px;
position: relative;
vertical-align: top;
}
.jobs-news-ticker-heading a {
color: #fff;
}
.jobs-news-ticker-heading:after {
content: " ";
position: absolute;
top: 14px;
right: 8px;
height: 0;
width: 0;
border-top: solid 5px transparent;
border-bottom: solid 5px transparent;
border-left: solid 8px #00a1dd;
}
.jobs-news-ticker-links {
background-color: #eee;
display: table-cell;
width: 100%;
}
.jobs-news-ticker-links li {
list-style: none;
min-height: 23px;
margin: 0;
padding: 10px 10px 5px 10px;
overflow: hidden;
}
.press-release-sl-wrapper {
border: 1px solid #eee;
border-radius: 3px;
display: inline-block;
height: 38px;
position: relative;
min-width: 150px;
}
.press-release-sl-wrapper .value {
color: #00a1dd;
padding: 0 24px 0 18px;
line-height: 38px;
}
.press-release-sl-wrapper select {
display: block;
-webkit-appearance: menulist-button;
height: 100%;
left: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=1);
opacity: 0.01;
position: absolute;
top: 0;
width: 100%;
z-index: 2;
}
.press-release-sl-form-wrapper {
float: right;
}
.press-release-search-go {
position: absolute;
top: 0;
right: 0;
text-decoration: none;
width: 35px;
height: 35px;
background-color: black;
border-radius: 50%;
}
.press-release-search-go:before {
position: absolute;
top: 8px;
bottom: 0;
left: 8px;
width: 5px;
height: 12px;
font-size: 10px;
border: solid 0.3em white;
border-radius: 50%;
content: "";
}
.press-release-search-go:after {
position: absolute;
top: 21px;
left: 22px;
width: 5px;
height: 8px;
background: white;
border-radius: 0.2em;
content: "";
-webkit-transform: rotate(-40deg);
transform: rotate(-40deg);
}
.press-release-label-wrapper input {
width: 140px;
height: 26px;
padding: 4px 36px 4px 4px;
}
.press-release-sl-content {
margin: 0 15px;
padding-bottom: 25px;
}
.press-release-sl-content h3 {
font-size: 16px;
}
.press-release-sl-content ul {
border-top: 1px dotted #ccc;
list-style: none;
margin: 0;
}
.press-release-sl-content li {
border-bottom: 1px dotted #ccc;
padding-bottom: 8px;
padding-top: 8px;
}
.press-release-sl-content a {
text-decoration: none;
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.press-release-sl-content a:hover {
text-decoration: underline;
}
.press-release-sl-content p {
font-style: italic;
}
.press-release-sr-head-up,
.press-release-sr-head-bottom {
margin: 0 15px 28px 15px;
}
.press-release-sr-form-wrapper input {
padding: 4px;
height: 38px;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.press-release-sr-form-wrapper ul {
list-style: none;
margin: 0;
padding-top: 3px;
}
.press-release-sr-form-wrapper ul li {
display: inline;
margin-right: 2%;
}
.press-release-sr-form-wrapper ul li.sec-item {
float: right;
display: inline-block;
margin-right: 0;
margin-left: 10px;
}
.press-release-sr-form-wrapper ul li.sec-item > button {
margin-right: 10px;
}
.press-release-sr-form-wrapper ul li.press-release-sr-label {
width: auto;
display: block;
overflow: hidden;
float: none;
}
.press-release-sr-form-wrapper .close {
float: none;
vertical-align: middle;
}
.press-release-sr-form-wrapper label {
width: auto;
}
.press-release-sr-head-bottom .result-number {
float: left;
}
.press-release-sr-head-bottom .sort-by {
float: right;
}
.press-release-sr-head-bottom .sort-by > span:first-child {
float: left;
margin-top: 4px;
}
.press-release-sr-head-bottom .press-release-sl-wrapper {
height: 28px;
position: relative;
min-width: 125px;
}
.press-release-sr-head-bottom .press-release-sl-wrapper .value {
line-height: 32px;
}
.press-release-sr-head .line {
border-bottom: 1px solid #e9e9e9;
margin: 0 0 25px 0;
}
.press-release-sr-content ul {
list-style: none;
margin: 0;
}
.press-release-sr-content {
margin: 0 15px 40px 15px;
}
.press-release-sr-content li {
margin-bottom: 25px;
}
.press-release-sr-content a {
text-decoration: none;
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
font-weight: 600;
font-size: 16px;
}
.press-release-sr-content a:hover {
text-decoration: underline;
}
.press-release-sr-content p {
font-size: 14px;
margin: 0 0 5px;
}
.press-release-search-list i,
.press-release-search-result i {
width: 5px;
height: 5px;
border-bottom: 3px solid #00a1dd;
border-right: 3px solid #00a1dd;
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
font-size: 12px;
margin-top: -6px;
position: absolute;
right: 14px;
top: 50%;
z-index: 1;
}
.press-release-sr-form-wrapper .last-item {
margin-right: 0;
}
.press-release-sr-form-wrapper .press-release-sr-label {
float: left;
width: 80%;
margin-right: 0;
}
.result-number p {
margin: 0;
line-height: 28px;
}
.press-release-search-result .pagination .press-release-currentpage {
float: left;
padding: 10px 15px;
line-height: 12px;
text-decoration: none;
border: none;
}
.press-release-sl-content-all h2 {
margin: 0 15px;
}
.press-release-sr-head-up .sec-item button:hover {
background-color: #bbbbbb;
border: 1px solid #bbbbbb;
color: #333333;
}
.press-release-sl-content > ul > li,
.press-release-sr-content > ul > li {
overflow: hidden;
}
.press-release-sl-content > ul > li > img,
.press-release-sr-content > ul > li > img {
float: left;
margin-right: 10px;
}
.press-release-sl-content .press-release-sl-text,
.press-release-sr-content .press-release-sr-text {
overflow: hidden;
margin-left: 77px;
}
.press-release-sl-content .press-release-sl-text p,
.press-release-sr-content .press-release-sr-text p {
margin-bottom: 0;
}
.latest-press-release-list h2 {
margin-bottom: 15px;
}
.latest-press-release-list ul {
list-style: none;
margin: 0;
}
.latest-press-release-list ul li:first-child {
font-size: 17px;
}
.latest-press-release-list ul li {
font-weight: 600;
border-top: 1px solid #e9e9e9;
padding: 17px 0 0 0;
}
.latest-press-release-list ul li:first-child,
.latest-press-release-list ul li:last-child {
border-top: 0;
}
.latest-press-release-list ul li.noDate {
border-top: 0;
}
.gn-container {
position: relative;
z-index: 100;
margin-bottom: 20px;
}
.global-nav-oz {
border-bottom: 1px solid #eaeaea;
height: 87px;
position: relative;
z-index: 3;
background-color: #fff;
}
.gn-no-nav .global-nav-oz {
height: 59px;
}
.home-page {
position: relative;
z-index: 3;
}
.home-page .sticky-header-active {
background-color: transparent;
}
.home-page .global-nav-oz {
border-bottom: 1px solid rgba(234, 234, 234, 0.2);
background-color: transparent;
-webkit-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
}
.home-page .global-nav-oz .gn-icon > .gn-icon-container {
color: #fff;
}
.home-page .global-nav-oz .gn-menu-item-1lvl > a {
color: #fff;
}
.home-page .global-nav-oz .gn-menu-item-1lvl > a:hover {
color: #00a1dd;
}
.home-page .gn-logo a {
background-image: url(clientlib-resources/resources/bootstrap/images/stx-staticlogo-wht-nopad-150x36.png);
}
.home-page .gn-drop-overlay {
top: 0;
}
.home-page .gn-container.gn-pre-sticky .sticky-header-active .global-nav-oz .gn-icon > .gn-icon-container {
color: #fff;
}
.home-page .gn-container.gn-pre-sticky .sticky-header-active .global-nav-oz .gn-menu-item-1lvl > a {
color: #fff;
}
.home-page .gn-container.gn-pre-sticky .sticky-header-active .global-nav-oz .gn-menu-pulled .gn-menu-item-1lvl > a {
color: #00a1dd;
}
.home-page .gn-container.gn-pre-sticky .sticky-header-active .gn-logo a {
background-image: url(clientlib-resources/resources/bootstrap/images/stx-staticlogo-wht-nopad-150x36.png);
}
.home-page .gn-container.gn-pre-sticky .sticky-header-active .gn-drop-overlay {
top: 0;
}
.home-page .sticky-header-active .global-nav-oz,
.home-page .gn-container.gn-post-sticky .global-nav-oz {
background-color: #fff;
}
.home-page .sticky-header-active .gn-icon > .gn-icon-container,
.home-page .gn-container.gn-post-sticky .gn-icon > .gn-icon-container {
color: #333;
}
.home-page .sticky-header-active .gn-menu-item-1lvl > a,
.home-page .gn-container.gn-post-sticky .gn-menu-item-1lvl > a {
color: #333;
}
.home-page .sticky-header-active .gn-menu-item-1lvl > a:hover,
.home-page .gn-container.gn-post-sticky .gn-menu-item-1lvl > a:hover {
color: #00a1dd;
}
.home-page .sticky-header-active .gn-logo a,
.home-page .gn-container.gn-post-sticky .gn-logo a {
background-image: url(clientlib-resources/resources/bootstrap/images/stx-staticlogo-2c-nopad-150x36.png);
}
.home-page .sticky-header-active .gn-drop-overlay,
.home-page .gn-container.gn-post-sticky .gn-drop-overlay {
top: 88px;
}
.gn-logo,
.gn-menu {
float: left;
}
.gn-logo {
padding: 10px;
background: transparent;
margin: 3px 0 0 -10px;
position: relative;
}
.gn-logo a {
display: block;
width: 150px;
height: 36px;
border-radius: 3px;
text-align: center;
font-size: 0;
line-height: 36px;
background-image: url(clientlib-resources/resources/bootstrap/images/stx-staticlogo-2c-nopad-150x36.png);
background-repeat: no-repeat;
}
.gn-side-toggle,
.gn-user,
.gn-cart,
.gn-globe,
.gn-search,
.gn-store {
float: right;
margin-top: 15px;
}
.gn-icon {
height: 20px;
margin-left: 28px;
}
.gn-icon > .gn-icon-container {
display: block;
color: #333;
cursor: pointer;
text-decoration: none;
}
.gn-icon > .gn-icon-container > span {
display: inline-block;
width: 16px;
height: 16px;
line-height: 20px;
padding-top: 4px;
vertical-align: top;
}
.gn-icon > .gn-icon-container:hover {
text-decoration: none;
}
.gn-icon > .gn-icon-container:hover > span.ss-icon {
color: #00a1dd;
}
.gn-user {
position: relative;
}
.gn-user > .gn-icon-container {
position: relative;
padding-right: 18px;
}
.gn-user > .gn-icon-container > i {
font-size: 12px;
color: #00a1dd;
display: inline-block;
width: 12px;
height: 20px;
line-height: 20px;
vertical-align: top;
position: absolute;
top: 0;
left: 0;
right: 0;
padding: 5px 0 0 22px;
background-color: rgba(255, 255, 255, 0);
}
.gn-user:hover .gn-user-drop-container,
.gn-user.gn-user-pulled .gn-user-drop-container {
display: block;
}
.gn-user .gn-user-drop-container {
position: absolute;
display: none;
min-width: 160px;
right: -2px;
padding: 8px 0 0;
z-index: 3;
}
.gn-user .gn-user-drop {
background: #ffffff;
border: 1px solid #333333;
color: #333;
padding: 8px 0 0;
text-align: right;
}
.gn-user .gn-user-drop:before,
.gn-user .gn-user-drop:after {
bottom: 100%;
right: 0;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
top: -5px;
}
.gn-user .gn-user-drop:after {
right: 1px;
border-color: transparent;
border-bottom-color: #ffffff;
border-width: 7px;
margin-left: -8px;
}
.gn-user .gn-user-drop:before {
border-color: transparent;
border-bottom-color: #333333;
border-width: 8px;
margin-left: -16px;
margin-top: -2px;
}
.gn-user .gn-user-drop > p,
.gn-user .gn-user-drop > a {
display: block;
font-size: 12px;
line-height: 15px;
padding: 0 10px;
margin: 0 0 8px;
white-space: nowrap;
vertical-align: top;
}
.gn-user .gn-user-drop > hr {
margin: 0 0 8px;
border: 0;
border-top: 1px solid #e6e6e6;
}
.gn-cart {
position: relative;
}
.gn-cart > a > i {
position: absolute;
top: 0;
right: -17px;
min-width: 20px;
height: 20px;
border-radius: 50%;
background: #e53e2f;
font-size: 12px;
font-weight: 600;
font-style: normal;
line-height: 20px;
text-align: center;
color: #fff;
}
.gn-globe .globe-icon {
background: none;
padding-left: 0;
margin-bottom: 0;
}
.gn-search {
position: relative;
}
.gn-search form {
margin: 0;
}
.gn-search form > * {
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
height: 25px;
vertical-align: top;
}
.gn-search .gn-search-btn {
float: right;
width: 44px;
border-radius: 0 3px 3px 0;
font-size: 16px;
line-height: 25px;
padding: 0;
}
.gn-search .gn-search-btn > span {
width: 16px;
display: inline-block;
vertical-align: middle;
}
.gn-search .gn-search-input {
border-radius: 3px 0 0 3px;
border: 1px solid #333;
border-right: 0;
font-size: 13px;
line-height: 18px;
margin: 0;
padding: 3px 36px 2px 10px;
width: 230px;
-webkit-box-shadow: none;
box-shadow: none;
color: #ccc;
}
.gn-search .gn-search-input:focus {
color: #333;
}
.gn-search .gn-search-input::-ms-clear {
display: none;
}
.gn-search .gn-search-clear {
color: #999999;
width: 26px;
font-size: 13px;
line-height: 27px;
position: absolute;
right: 54px;
top: 0;
text-align: right;
}
.gn-search .gn-search-clear > span {
width: 13px;
display: inline-block;
vertical-align: middle;
}
.gn-menu {
height: 28px;
clear: left;
}
.gn-menu > ul {
list-style: none;
margin: 0;
}
.gn-menu > ul > li {
float: left;
list-style: none;
}
.gn-menu > ul > li.gn-menu-pulled .gn-dropdown {
display: block;
}
.gn-menu > ul > li.gn-menu-pulled .gn-menu-item-1lvl > a {
color: #00a1dd;
}
.gn-menu > ul > li.gn-menu-pulled .gn-menu-item-1lvl > [class^="ss-"] {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
.gn-dropdown {
position: absolute;
left: 0;
right: 0;
top: 100%;
background: #eee;
display: none;
-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}
.gn-menu-item-1lvl {
position: relative;
}
.gn-menu-item-1lvl > img[title="Edit item"] {
position: relative;
z-index: 3;
}
.gn-menu-item-1lvl > a {
display: block;
height: 28px;
font-size: 12px;
font-weight: 600;
line-height: 28px;
text-transform: uppercase;
color: #333;
padding-right: 40px;
margin: 0;
cursor: pointer;
position: relative;
z-index: 2;
background-color: rgba(255, 255, 255, 0);
}
.gn-menu-item-1lvl > a:hover {
color: #00a1dd;
text-decoration: none;
}
.gn-menu-item-1lvl > [class^="ss-"] {
font-size: 9px;
color: #00a1dd;
position: absolute;
z-index: 1;
right: 25px;
top: 0;
line-height: 28px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
width: 9px;
}
.gn-menu-item-1lvl > .directup {
color: #eee;
line-height: 29px;
padding-top: 12px;
}
.gn-menu-item-2lvl {
font-size: 14px;
}
.gn-menu-item-2lvl > p {
margin-bottom: 7px;
}
.gn-dropdown-menu {
min-height: 320px;
}
.gn-dropdown-menu > [class^="gn-col-"] > .gn-row {
padding-bottom: 30px;
}
.gn-dropdown-menu > [class^="gn-col-"] > .gn-row:first-child {
padding-top: 30px;
}
.gn-dropdown-menu > [class^="span"] > .row-fluid {
padding-bottom: 30px;
}
.gn-dropdown-menu > [class^="span"] > .row-fluid:first-child {
padding-top: 30px;
}
.gn-dropdown-menu > .span3 {
position: relative;
}
.gn-dropdown-menu > .span3 .gn-promo {
height: 100%;
}
.gn-dropdown-menu > .span3 .gn-promo-content {
padding: 30px 15px;
}
.gn-dropdown-menu ul {
margin: 0;
list-style: none;
}
.gn-dropdown-menu ul > li {
list-style: none;
font-size: 12px;
line-height: 15px;
padding: 3px 0 2px;
}
.gn-promo {
min-height: 320px;
}
.gn-side-overlay,
.gn-drop-overlay {
position: absolute;
right: 0;
left: 0;
z-index: -2;
opacity: 0;
background: rgba(0, 0, 0, 0.85);
visibility: hidden;
}
.gn-side-overlay {
top: 0;
}
.gn-drop-overlay {
top: 88px;
-webkit-transition: opacity 0.3s ease, visibility 0s 0.3s ease;
transition: opacity 0.3s ease, visibility 0s 0.3s ease;
}
.gn-side-opened .gn-side-overlay {
z-index: 2;
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.gn-drop-pulled .gn-drop-overlay {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.gn-store {
width: 150px;
margin: -2px 0 0;
}
.gn-store > a {
display: block;
height: 26px;
padding: 0 10px;
font-size: 12px;
line-height: 26px;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.gn-menu ul li {
list-style: none;
}
.gn-logo .seagate-portal-logo {
display: inline-block;
top: 17px;
left: 175px;
font-size: 20px;
color: #333;
}
.home-page .gn-logo .seagate-portal-logo {
color: #fff;
}
.sticky-header-top .global-nav-oz {
height: 65px;
}
.sticky-header-top .global-nav-oz .gn-menu {
display: none;
}
.sticky-header-top .global-nav-oz .gn-store {
display: none;
}
.sticky-header-active .gn-logo .seagate-portal-logo {
color: #333;
}
.seagategov .gn-logo a {
background-image: url(clientlib-resources/resources/bootstrap/images/seagate-government-logo-2color-horizontal-272x36.png);
width: 272px;
}
.maxtor .gn-logo a {
width: 272px;
}
@media print {
.gn-container {
display: none;
}
}
.article-image-box {
background-size: cover;
padding: 100px 0 100px 0;
position: relative;
margin-bottom: 25px;
}
.article-image-box .container {
position: relative;
z-index: 2;
}
.article-image-box h1 {
color: #fff;
font-size: 40px;
font-weight: 300;
line-height: 48px;
}
.article-cover-shadow {
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.4);
z-index: 1;
}
.article-author {
margin: -65px 0 0 0;
color: #fff;
position: relative;
z-index: 2;
font-size: 14px;
font-weight: 300;
}
.article-no-bg-image.article-image-box {
padding: 20px 0 0 0;
}
.article-no-bg-image.article-image-box h1 {
color: #333;
}
.article-no-bg-image.article-author {
margin: 5px 0 0 0;
color: #333;
}
.row-fluid .span12.article-no-height {
min-height: 0;
}
/* Welcome */
.consumer-portal-welcome {
margin: -20px 0 0 0;
padding: 50px 0;
background-image: url(clientlib-resources/resources/bootstrap/images/STX-custportal-herobg-2000x440.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.consumer-portal-welcome h1,
.consumer-portal-welcome h4,
.consumer-portal-welcome p {
text-align: center;
}
.consumer-portal-welcome h1 {
margin-bottom: 10px;
}
.consumer-portal-welcome h4 {
margin-bottom: 8px;
}
.consumer-portal-welcome p {
color: #666;
}
.consumer-portal-welcome img {
display: block;
margin: 0 auto 10px auto;
}
.consumer-portal-welcome .btn {
margin: 0 auto 10px auto;
}
.consumer-portal-welcome .welcome-message {
padding-bottom: 50px;
}
.consumer-portal-welcome .welcome-message.registered {
padding-bottom: 0;
}
.welcome-item {
border-left: solid #ccc 1px;
padding: 10px 15px 0 15px;
}
.welcome-item.first {
border-left: none;
}
.welcome-item.register-product {
color: #fff;
background-color: #6ebe4b;
padding: 20px;
text-align: center;
border-left: none;
background-image: url(clientlib-resources/resources/bootstrap/images/STX-custsupport-regcheckbg-380x380.png);
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
height: 230px;
}
.welcome-item.register-product h3 {
color: #fff;
padding-top: 25px;
padding-bottom: 20px;
}
/* Communities */
.consumer-portal-communities {
padding: 50px 0;
background-color: #a6dcf5;
text-align: center;
}
.consumer-portal-communities h2 {
text-align: center;
margin-bottom: 30px;
}
.consumer-portal-communities h3 {
font-size: 20px;
margin-bottom: 30px;
}
.consumer-portal-communities p {
margin-bottom: 30px;
}
.consumer-portal-communities .social-icon {
margin-bottom: 10px;
}
.communities-search {
position: relative;
margin-bottom: 30px;
}
.communities-search form {
margin: 0;
}
.communities-search form > * {
height: 32px;
vertical-align: top;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.communities-search .search-btn {
width: 90px;
border-radius: 0 3px 3px 0;
font-size: 16px;
line-height: 34px;
padding: 0;
}
.communities-search .search-btn > span {
width: 90px;
display: inline-block;
vertical-align: middle;
}
.communities-search .search-input {
border-radius: 3px 0 0 3px;
border: 1px solid #333;
border-right: 0;
font-size: 13px;
line-height: 32px;
margin: 0;
padding: 3px 36px 2px 10px;
width: 595px;
color: #ccc;
-webkit-box-shadow: none;
box-shadow: none;
}
.communities-search .search-input:focus {
color: #333;
}
.communities-search .search-input::-ms-clear {
display: none;
}
/* Related Products */
.consumer-portal-related-products {
padding-top: 50px;
}
consumer-portal-related-products .center {
text-align: center;
}
.consumer-portal-related-products .teaser-product-grid-item-message {
margin-bottom: 15px;
}
/* Registered Products */
.consumer-portal-registered-products {
background-color: #eee;
padding: 40px 0;
}
.consumer-portal-registered-products h3 {
margin-bottom: 20px;
}
.consumer-portal-registered-products .registered-product-item {
background-color: #fff;
padding: 12px;
text-align: center;
margin-bottom: 20px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
}
.consumer-portal-registered-products .registered-product-item .btn {
display: block;
}
.registered-product-item-status {
font-size: 12px;
line-height: 14px;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 10px;
}
.registered-product-item-status.registered {
color: #7bc35c;
}
.registered-product-item-name {
font-size: 18px;
margin-bottom: 7px;
line-height: 16px;
}
.consumer-portal-registered-products .registered-product-item img {
margin-bottom: 15px;
}
.registered-product-item-details {
font-size: 14px;
text-align: left;
border-top: 1px solid #eee;
padding: 10px 0;
}
.registered-product-item-details ul.first {
border-right: 1px solid #eee;
}
.registered-product-item-details ul.last {
padding-left: 10px;
}
.registered-product-item-details ul li {
line-height: 16px;
margin-bottom: 7px;
}
.item-detail-label {
font-weight: 600;
text-transform: uppercase;
font-size: 12px;
}
.registered-product-item.register-product {
color: #fff;
background-color: #6ebe4b;
padding: 20px;
text-align: center;
border-left: none;
background-image: url(clientlib-resources/resources/bootstrap/images/fpo-welcome-item-4.png);
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
height: 289px;
}
.registered-product-item.register-product h3 {
color: #fff;
padding-top: 95px;
}
.consumer-portal-registered-products .registered-product-item.register-product .btn {
display: inline;
}
.registered-product-item .item-delete,
.registered-product-item .item-delete:link,
.registered-product-item .item-delete:visited,
.registered-product-item .item-delete:hover,
.registered-product-item .item-delete:active {
color: #ea1d2c;
}
/* Loader */
.consumer-portal-loader {
text-align: center;
margin: 75px 0;
}
.consumer-portal-loader h5 {
margin-top: 20px;
}
/* LaCie Branding */
body.ci-lacie {
color: #666666;
font-family: Arial, Helvetica, sans-serif;
}
.ci-lacie h1,
.ci-lacie h2,
.ci-lacie h3,
.ci-lacie h4,
.ci-lacie h5,
.ci-lacie h6 {
color: #013a81;
}
.ci-lacie a {
color: #0084cb;
}
.ci-lacie .gn-menu-item-1lvl > a {
color: #333;
}
.ci-lacie .gn-menu > ul > li.gn-menu-pulled .gn-menu-item-1lvl > a {
color: #0084cb;
}
.ci-lacie .gn-user > .gn-icon-container > i {
color: #0084cb;
}
.ci-lacie .gn-icon > .gn-icon-container:hover > span.ss-icon {
color: #0084cb;
}
.ci-lacie a.btn,
.ci-lacie .btn {
color: #333;
}
.ci-lacie a.btn:active,
.ci-lacie .btn:active {
color: #fff;
}
.ci-lacie a.btn-primary,
.ci-lacie .btn-primary {
color: #fff;
background-color: #0084cb;
border-color: #4e8c38;
}
.ci-lacie a.btn-primary:hover,
.ci-lacie .btn-primary:hover {
background-color: #4e8c38;
}
.ci-lacie a.btn-primary:active,
.ci-lacie .btn-primary:active,
.ci-lacie a.btn-primary.active,
.ci-lacie .btn-primary.active {
background-color: #4e8c38;
border-color: #4e8c38;
}
.ci-lacie a.btn-primary.disabled,
.ci-lacie .btn-primary.disabled,
.ci-lacie a.btn-primary[disabled],
.ci-lacie .btn-primary[disabled] {
color: #bbb;
background-color: #eee;
border-color: #ccc;
}
.ci-lacie .gn-logo a {
width: 86px;
background-image: url(clientlib-resources/resources/bootstrap/images/lacie-staticlogo-blue-nopad-86x36.png);
}
.ci-lacie .consumer-portal-welcome {
background: #fff none;
padding: 0;
}
.ci-lacie .consumer-portal-welcome .welcome-message {
padding: 50px 0;
background: #999999;
}
.ci-lacie .consumer-portal-welcome .welcome-message p {
color: #d9d9d9;
}
.ci-lacie .consumer-portal-welcome h1 {
color: #fff;
}
.ci-lacie .consumer-portal-welcome > .container {
padding: 50px 0;
}
.ci-lacie .welcome-item.register-product {
background: #eee;
}
.ci-lacie .welcome-item.register-product h3 {
color: #666666;
}
.ci-lacie .welcome-item h4 {
color: #013a81;
}
.ci-lacie .consumer-portal-registered-products {
background: #fff;
}
.ci-lacie .consumer-portal-communities {
background: #eee;
}
.ci-lacie .registered-product-item.register-product {
background: #eee;
height: auto;
padding: 40px 20px;
}
.ci-lacie .registered-product-item.register-product h3 {
color: #666;
padding: 0;
}
.sitemap-module {
overflow: hidden;
font-size: 0;
}
.sitemap-module h2 {
margin-bottom: 20px;
}
.sitemap-module .sm-box {
width: 25%;
display: inline-block;
vertical-align: top;
margin-left: 0;
padding-right: 2.56410256%;
padding-bottom: 30px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.sitemap-module .sm-box .box-item-2lvl p {
margin-bottom: 7px;
}
.sitemap-module .sm-box .box-item-3lvl ul {
margin: 0;
padding: 0;
}
.sitemap-module .sm-box .box-item-3lvl ul li {
font-size: 12px;
line-height: 15px;
list-style: none;
padding: 3px 0 2px;
}
#FindFirmwareForm {
padding: 0 0 10px;
margin: 0;
}
#FindFirmwareForm .btn {
max-width: 280px;
width: 100%;
margin: 7px 0;
white-space: normal;
}
#FindFirmwareForm .content-box-form-title {
padding: 0 14px 7px;
font-size: 14px;
line-height: 19px;
text-align: center;
}
#FindFirmwareForm .content-box-form-input {
width: 100%;
height: auto;
max-width: 280px;
padding: 10px 14px 9px;
margin: 7px 0;
font-size: 14px;
line-height: 18px;
text-align: center;
text-overflow: ellipsis;
}
#FindFirmwareForm form {
padding: 0 14px;
}
#FindFirmwareForm .content-box-hr-single {
margin: 0;
}
.content-box {
background-color: #fff;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
margin-bottom: 16px;
}
.content-box .text-hint {
margin: 0 14px;
}
.content-box .text-hint:last-child {
padding-bottom: 14px;
}
.content-box .alert {
margin: 0 14px 14px;
}
.content-box-center {
text-align: center;
}
.content-box-header {
padding: 5px 7px;
color: #000;
font-size: 13px;
font-weight: 600;
position: relative;
line-height: 20px;
}
.content-box-header-title {
line-height: 20px;
display: inline-block;
margin-left: 27px;
}
.content-box-header-icon {
position: absolute;
top: 5px;
left: 7px;
height: 20px;
width: 20px;
background-image: url(clientlib-resources/resources/bootstrap/images/sprite-support-refresh-20x20.png);
background-repeat: no-repeat;
}
.content-box-ticket-icon {
background-position: 0 -140px;
}
.content-box-callback-icon {
background-position: 0 -200px;
}
.content-box-warranties-icon {
background-position: 0 -220px;
}
.content-box-documentation-icon {
background-position: 0 0px;
}
.content-box-downloads-icon {
background-position: 0 -20px;
}
.content-box-make-better-icon {
background-position: 0 -40px;
}
.content-box-videos-icon {
background-position: 0 -60px;
}
.content-box-communities-icon {
background-position: 0 -100px;
}
.content-box-knowledgebase-icon {
background-position: 0 -80px;
}
.content-box-myproducts-icon {
background-position: 0 -240px;
}
.content-box-other-options-icon {
background-position: 0 -120px;
}
.content-box-recently-viewed-icon {
background-position: 0 -260px;
}
.content-box-life-preserver-icon {
background-position: 0 -120px;
}
.content-box-software-icon {
background-position: 0 -280px;
}
.content-box-hr-double {
margin: 0;
border: 0;
height: 0;
padding-bottom: 14px;
border-top: 2px solid rgba(0, 0, 0, 0.1);
}
.content-box-hr-single {
margin: -8px 0 -5px 0;
border: 0;
height: 0;
padding-bottom: 14px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
clear: left;
}
.content-box-list {
padding-left: 6px;
padding-bottom: 2px;
margin-left: 3px;
}
.content-box-list .content-box-expander {
padding-bottom: 0;
margin-bottom: 6px;
}
.content-box-list li > .content-box-item {
margin-left: 21px;
}
li.content-box-expander > .content-box-item {
margin-left: 0;
}
.content-box-expander a {
cursor: pointer;
}
.content-box-list li i {
font-size: 14px;
padding-top: 2px;
}
.content-box-list li a {
cursor: pointer;
}
.content-box-expanded-list {
padding-left: 6px;
padding-bottom: 2px;
margin-left: 0;
margin-top: 13px;
}
.content-box-list li {
list-style: outside none none;
font-size: 12px;
padding-bottom: 13px;
line-height: 16px;
margin-left: -2px;
margin-right: 10px;
clear: left;
}
.content-box-list li:last-child {
padding-bottom: 4px;
}
.content-box-expanded-list li:last-child {
padding-bottom: 4px;
}
.content-box li > [class*="ss-"] {
float: left;
color: #999;
}
.content-box-item-identifier {
float: left;
margin-left: 10px;
font-size: 14px;
margin-top: -3px;
margin-right: 0px;
color: #999;
}
.content-box-sub-topic {
margin-left: 7px;
padding-bottom: 12px;
font-size: 13px;
font-weight: 600;
line-height: 14px;
}
.content-box-short-description {
font-size: 13px;
line-height: 16px;
padding-right: 8px;
padding-left: 15px;
margin-bottom: 8px;
}
.content-box-list li:last-child {
padding-bottom: 4px;
}
.content-box-expanded-list li:last-child {
padding-bottom: 4px;
}
.content-box .video {
margin: 15px 9px 6px 20px;
}
.content-box .content-box-expanded-list .video {
margin-right: 0;
}
div.content-box-indent {
padding-left: 8px;
}
.content-box-form {
position: relative;
margin: 0 7px 12px 7px;
}
.content-box-form form {
margin: 0;
}
.content-box-form .btn {
margin: 15px auto 0 auto;
}
.content-box-search-btn.content-box-form-btn {
margin-right: auto;
margin-top: auto;
margin-bottom: 0;
}
.content-box-form .content-box-search-input.content-box-form-input {
border-right: 0;
border-radius: 3px 0 0 3px;
width: 85%;
}
.content-box-form-title {
padding-bottom: 10px;
padding-left: 33px;
}
.content-box-form form > * {
vertical-align: top;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.content-box-form .content-box-form-btn {
float: right;
width: 15%;
padding: 2px 0 0 0;
font-size: 16px;
line-height: 25px;
border-radius: 0 3px 3px 0;
}
.content-box-form .content-box-form-btn > span {
display: inline-block;
width: 16px;
vertical-align: middle;
}
.content-box-form .content-box-form-input {
padding: 3px 20px 2px 10px;
margin: 0;
height: 29px;
color: #ccc;
border: 1px solid #ccc;
border-radius: 3px;
-webkit-box-shadow: none;
box-shadow: none;
}
.content-box-form .content-box-form-input.content-box-form-search {
width: 85%;
border-right: 0;
border-radius: 3px 0 0 3px;
}
.content-box-form .content-box-form-input:focus {
color: #333;
}
.content-box-form .content-box-form-input::-ms-clear {
display: none;
}
.content-box-form .content-box-form-clear {
position: absolute;
top: 0;
right: 54px;
width: 26px;
font-size: 13px;
line-height: 27px;
color: #999999;
text-align: right;
}
.content-box-form .content-box-form-clear > span {
display: inline-block;
width: 13px;
vertical-align: middle;
}
.content-box-socials {
margin-left: 0;
}
.content-box-socials li {
list-style: none;
font-size: 14px;
font-weight: 600;
}
.content-box-item {
padding-bottom: 1px;
padding-left: 3px;
}
.content-box-socials-link {
display: table-cell;
vertical-align: middle;
padding-left: 7px;
}
.content-box-socials .content-box-link-icon {
display: table-cell;
vertical-align: middle;
}
.content-box-link-icon {
display: block;
width: 30px;
height: 30px;
margin-right: 5px;
background-image: url(clientlib-resources/resources/bootstrap/images/nav-sprite.png);
background-repeat: no-repeat;
}
.content-box-social-item {
padding-bottom: 8px;
padding-left: 8px;
}
.content-box img {
float: left;
margin-right: 8px;
margin-bottom: 5px;
margin-top: 5px;
}
.content-box-footer {
font-style: italic;
padding-bottom: 15px;
padding-left: 30px;
padding-right: 15px;
font-size: 12px;
line-height: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
clear: left;
}
.content-box-learn-more {
float: right;
margin-left: 10px;
}
.social_google-plus-small {
background-position: -180px -48px;
}
.social_instagram-small {
background-position: -150px -48px;
}
.social_weibo-small {
background-position: -120px -48px;
}
.social_facebook-small {
background-position: -90px -48px;
}
.social_linkedin-small {
background-position: -60px -48px;
}
.social_twitter-small {
background-position: -30px -48px;
}
.social_youtube-small {
background-position: 0 -48px;
}
.return-your-drive .content-box-header {
width: 100%;
background-color: #aae2fd;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.return-your-drive .content-box-hr-double {
border: none;
}
.return-your-drive .content-box-content {
padding: 12px 10px 20px 10px;
text-align: center;
}
.return-your-drive .content-box-form .content-box-form-input:first-child {
margin-bottom: 15px;
}
.content-box-error {
padding-bottom: 6px;
padding-left: 33px;
font-size: 16px;
line-height: 22px;
color: red;
display: none;
}
.product-sku-serial-banner {
margin-bottom: 10px;
}
.product-sku-serial-banner h2 {
margin-bottom: 10px;
}
.product-sku-serial-banner .content-box {
padding: 10px;
}
.product-sku-serial-banner-image {
border-right: solid 1px #eee;
padding-right: 10px;
}
.product-sku-serial-banner-image img {
display: block;
margin: auto;
float: none;
}
/* Relies on content-box base style*/
.register-now .content-box {
background-color: #7ed1f9;
background-image: url(clientlib-resources/resources/bootstrap/images/bg-icon-tick-circle-w400-o10.png);
background-size: cover;
background-position: center;
margin-bottom: 10px;
-webkit-box-shadow: none;
box-shadow: none;
}
.register-now .content-box-header {
background-color: #aae2fd;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.register-now .content-box-hr-double {
border: none;
}
.register-now .content-box-content {
text-align: center;
padding: 20px 10px 20px 10px;
}
.register-now .content-box-content h4 {
margin-bottom: 20px;
color: #fff;
}
/* Relies on content-box base style*/
.more-support .content-box {
background-color: #6ebe4b;
background-image: url(clientlib-resources/resources/bootstrap/images/bg-icon-buoy-w400-o10.png);
background-size: cover;
background-position: center;
margin-bottom: 10px;
-webkit-box-shadow: none;
box-shadow: none;
}
.more-support .content-box-header {
background-color: #c4dca0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.more-support .content-box-hr-double {
border: none;
}
.more-support .content-box-content {
text-align: center;
padding: 20px 10px 20px 10px;
}
.more-support .content-box-content h4 {
margin-bottom: 20px;
color: #fff;
}
.serial-number-widget .content-box-content {
padding: 20px 0 10px;
text-align: center;
}
.serial-number-widget .content-box-content .alert {
margin: 0 0 14px;
}
.serial-number-widget .content-box-content #FindFirmwareForm {
padding: 0 14px 14px;
}
.serial-number-widget .content-box-content #FindFirmwareForm form {
padding: 0;
}
.serial-number-widget .content-box-content #FindFirmwareForm .content-box-form-title {
padding: 0 0 7px;
}
.serial-number-widget input {
height: auto;
}
.serial-number-widget.register-now .content-box {
margin-bottom: 10px;
background-color: #7ed1f9;
background-image: url(clientlib-resources/resources/bootstrap/images/bg-icon-buoy-w400-o10.png);
background-size: cover;
background-position: center;
-webkit-box-shadow: none;
box-shadow: none;
}
.serial-number-widget.register-now .content-box-content h4 {
margin-bottom: 20px;
color: #fff;
}
.serial-number-widget .content-box-form .content-box-form-input {
color: #333;
}
.serial-number-widget input::-webkit-input-placeholder {
color: #ccc;
}
.serial-number-widget input::-moz-placeholder {
color: #ccc;
}
.serial-number-widget input:-ms-input-placeholder {
color: #ccc;
}
.serial-number-widget input::-ms-input-placeholder {
color: #ccc;
}
.serial-number-widget input::placeholder {
color: #ccc;
}
.serial-number-widget input:focus::-webkit-input-placeholder {
color: transparent;
}
.serial-number-widget input:focus::-moz-placeholder {
color: transparent;
}
.serial-number-widget input:focus:-ms-input-placeholder {
color: transparent;
}
.serial-number-widget input:focus::-ms-input-placeholder {
color: transparent;
}
.serial-number-widget input:focus::placeholder {
color: transparent;
}
/*MediaKit*/
.media-kit {
border: 1px solid #ddd;
margin-bottom: 20px;
}
.media-kit .media-kit-title {
margin-bottom: 10px;
padding: 10px;
}
.media-kit .media-kit-items {
margin-bottom: 20px;
padding: 0 10px;
}
.media-kit .media-kit-items > ul {
margin: 0;
padding: 0;
}
.media-kit .media-kit-items > ul > li {
list-style: none;
width: 20%;
display: inline-block;
vertical-align: top;
margin-left: -2px;
margin-right: -2px;
padding: 0 1%;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.media-kit .media-kit-items > ul > li > div {
padding: 0 10px;
}
.media-kit .media-kit-items > ul > li > div > a {
display: block;
padding: 2px 0;
}
.media-kit .media-kit-items > ul > li > div > span {
display: block;
padding: 2px 0;
}
.media-kit .media-kit-links {
padding: 10px 15px;
}
.media-kit .media-kit-links > div {
display: inline-block;
vertical-align: top;
width: 33.33%;
margin-left: -2px;
margin-right: -2px;
margin-bottom: 20px;
}
.media-kit .media-kit-links > div > p {
font-weight: 600;
margin-bottom: 8px;
}
.media-kit .media-kit-links > div > ul {
margin: 0;
padding: 0;
}
.media-kit .media-kit-links > div > ul > li {
padding: 2px 0;
list-style: none;
}
.media-kit .media-kit-links > div > ul > li > a {
display: inline-block;
}
.media-kit .media-kit-links > div > ul > li > span {
color: #333;
margin-left: 5px;
}
.media-kit .media-kit-links > div > ul > li > span.mk-pdf {
background: url(clientlib-resources/resources/bootstrap/images/icn_pdf-12x14.png) no-repeat;
display: inline-block;
vertical-align: top;
width: 12px;
height: 14px;
margin-top: 4px;
}
.sf-container {
position: relative;
border: 1px solid #333;
border-radius: 3px;
padding-right: 69px;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.sf-container .sf-btn-submit {
position: absolute;
right: -1px;
top: -1px;
border-radius: 0 3px 3px 0;
width: 69px;
height: 41px;
font-size: 20px;
line-height: 21px;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.sf-container .sf-btn-clear {
color: #999;
width: 27px;
height: 41px;
line-height: 43px;
font-size: 17px;
position: absolute;
right: 79px;
top: -1px;
text-align: right;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.sf-container .sf-btn-clear:hover,
.sf-container .sf-btn-clear:focus {
text-decoration: none;
color: #666;
}
.sf-container .sf-btn-clear:active {
color: #333;
}
.sf-container .sf-input-container {
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.sf-container .sf-input-search {
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
padding-right: 37px;
width: 100%;
height: 32px;
margin: 0;
padding: 8px 11px 7px;
font-size: 14px;
line-height: 15px;
border-radius: 3px;
}
.sf-container .sf-input-search:focus {
outline: 0;
}
.sf-xs .sf-container {
padding-right: 44px;
}
.sf-xs .sf-btn-submit {
height: 27px;
padding: 5px 10px 4px;
width: 44px;
font-size: 16px;
line-height: 18px;
}
.sf-xs .sf-btn-clear {
font-size: 13px;
height: 27px;
line-height: 29px;
right: 54px;
}
.sf-xs .sf-input-search {
padding-right: 33px;
height: 25px;
padding: 5px 10px 4px;
font-size: 13px;
line-height: 14px;
}
.sf-sm .sf-container {
padding-right: 56px;
}
.sf-sm .sf-btn-submit {
height: 34px;
padding: 9px 11px 6px;
width: 56px;
font-size: 18px;
line-height: 18px;
}
.sf-sm .sf-btn-clear {
font-size: 15px;
height: 34px;
line-height: 36px;
right: 66px;
}
.sf-sm .sf-input-search {
padding-right: 35px;
height: 32px;
padding: 8px 11px 7px;
font-size: 14px;
line-height: 15px;
}
.sf-lg .sf-container {
padding-right: 79px;
}
.sf-lg .sf-btn-submit {
height: 47px;
padding: 11px 15px 10px;
width: 79px;
font-size: 22px;
line-height: 24px;
}
.sf-lg .sf-btn-clear {
font-size: 19px;
height: 47px;
line-height: 49px;
right: 89px;
}
.sf-lg .sf-input-search {
padding-right: 39px;
height: 45px;
padding: 11px 15px 11px;
font-size: 16px;
line-height: 21px;
}
.stay-informed-container {
float: right;
position: relative;
}
@media (max-width: 767px) {
.stay-informed-container {
float: none;
}
}
.stay-informed-open.btn {
color: #fff;
background: #838888;
border: 0;
}
.stay-informed-open.btn.active {
background: #00a1dd;
}
.stay-informed-open.btn:hover {
background: #cdd1d1;
}
.stay-informed-open.btn:active {
background: #5c5f5f;
}
.stay-informed-open.btn span,
.stay-informed-open.btn strong {
margin-left: 10px;
}
.mkpkias-search-field {
padding: 10px 10px 0 10px;
margin-bottom: 10px;
background: #f1f1f1;
}
.mkpkias-search-field .search-field {
display: inline-block;
margin-bottom: 10px;
}
.mkpkias-search-field .search-field form {
margin-bottom: 0;
}
@media (max-width: 767px) {
.mkpkias-search-field .search-field {
display: block;
}
}
.mkpkias-search-field .stay-informed-container {
margin-bottom: 10px;
}
@media (max-width: 767px) {
.mkpkias-search-field .stay-informed-container .stay-informed-open.btn {
display: block;
}
}
.mkpkias-search-field .stay-informed-open.btn {
line-height: 15px;
padding: 9px 22px;
}
.mkpkias-search-result {
font-size: 14px;
line-height: 19px;
color: #999;
}
.mkpkias-kt-c-kit {
display: table;
width: 100%;
}
.mkpkias-kt-c-kit > * {
display: table-cell;
vertical-align: top;
text-align: left;
}
.mkpkias-kt-c-kit > .media-image {
width: 110px;
}
@media (max-width: 767px) {
.mkpkias-kt-c-kit > .media-image {
width: 20%;
}
}
.mkpkias-kt-c-kit > .media-link {
padding-left: 10px;
}
.mkpkias-kt-c-kit > .media-btn {
padding-left: 10px;
text-align: right;
vertical-align: middle;
white-space: nowrap;
}
@media (max-width: 767px) {
.mkpkias-kt-c-kit > .media-btn {
width: 20%;
white-space: normal;
}
}
.sortable-table .header {
cursor: pointer;
padding-right: 18px;
background: url(clientlib-resources/resources/bootstrap/images/icn_tablesorter.gif) no-repeat right center;
}
.sortable-table .header.headerSortDown {
background-image: url(clientlib-resources/resources/bootstrap/images/icn_tablesorter_desc.gif);
}
.sortable-table .header.headerSortUp {
background-image: url(clientlib-resources/resources/bootstrap/images/icn_tablesorter_asc.gif);
}
.support-feedback {
float: right;
margin-left: 20px;
margin-bottom: 20px;
position: relative;
z-index: 2;
}
.support-feedback .icon {
display: block;
float: left;
height: 20px;
width: 20px;
margin-right: 2px;
background-image: url(clientlib-resources/resources/bootstrap/images/sprite-support-refresh-20x20.png);
background-repeat: no-repeat;
background-position-y: -301px;
}
.stx-icn-pdf,
.stx-icn-ironwolf,
.stx-icn-skyhawk {
display: inline-block;
vertical-align: top;
background-repeat: no-repeat;
width: 16px;
height: 19px;
}
.stx-icn-pdf {
background-image: url(clientlib-resources/resources/bootstrap/images/Datasheet_Icon_16x19.png);
}
.stx-icn-skyhawk,
.stx-icn-ironwolf {
float: right;
width: 35px;
height: 35px;
vertical-align: middle;
background-image: url(clientlib-resources/resources/bootstrap/images/icn-skyhawk-health-35x35.png);
}
.stx-icn-skyhawk ~ a,
.stx-icn-ironwolf ~ a {
line-height: 35px;
}
.stx-icn-ironwolf {
background-image: url(clientlib-resources/resources/bootstrap/images/icn-ironwolf-health-35x35.png);
}
.tpscc-share {
text-align: right;
}
.tpscc-share a {
font-size: 19px;
line-height: 23px;
}
.tpscc-share a:hover {
color: #007aa6;
text-decoration: none;
}
.tpscc-share a:active {
color: #00678d;
}
.tpscc-table tbody tr td:last-child {
text-align: center;
}
#tpscc-results {
display: none;
}
.tpscc-message-row td {
background-color: #fff !important;
}
.tpscc-message-row td p {
margin: 40px 20px;
}
.tpscc-data-row {
display: none;
}
.tpscc-data-row td {
vertical-align: middle;
}
.tpscc-loading {
display: none;
margin: 20px 20px;
}
.tpscc-filter select {
height: 36px;
}
.product-finder-results-grid {
margin-bottom: 23px;
}
.product-finder-results-grid .title {
margin-bottom: 23px;
}
.product-finder-results-grid .table {
border-bottom: 1px solid #ddd;
table-layout: fixed;
}
.product-finder-results-grid .table tbody tr:hover td {
background-color: transparent;
}
.product-finder-results-grid .table tbody td {
padding: 10px 10px 90px;
position: relative;
border-left: 1px solid #ddd;
}
.product-finder-results-grid .table tbody td:first-child {
border-left: 0;
}
.product-finder-results-grid .media {
font-size: 14px;
line-height: 19px;
text-align: center;
}
.product-finder-results-grid .checkbox-custom + label {
color: #666;
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 0;
}
.product-finder-results-grid .checkbox-custom + label > span {
border-color: #666;
}
.product-finder-results-grid .media-left,
.product-finder-results-grid .media-body {
display: block;
}
.product-finder-results-grid .media-object {
width: 110px;
}
.product-finder-results-grid .media-body .sku {
color: #666;
font-size: 11px;
line-height: 14px;
margin: 4px 0;
}
.product-finder-results-grid .media-body .price {
font-size: 16px;
line-height: 23px;
margin: 8px 0 4px;
}
.product-finder-results-grid .media-body .price span {
font-weight: 600;
}
.product-finder-results-grid .media-body .price small {
display: block;
color: #ccc;
font-size: 11px;
line-height: 14px;
}
.product-finder-results-grid .media-body .checkbox,
.product-finder-results-grid .media-body .btn {
position: absolute;
bottom: 12px;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.product-finder-results-grid .media-body .checkbox {
padding: 0;
}
.product-finder-results-grid .media-body .btn {
bottom: 45px;
white-space: nowrap;
}
.product-finder-results-grid .pf-tooltip {
padding: 0 0 8px;
position: absolute;
bottom: 20px;
left: 50%;
margin-left: -58px;
z-index: 10;
}
.product-finder-results-grid .pf-tooltip .bgHolder {
display: block;
background: rgba(40, 40, 40, 0.8);
width: 91px;
color: #fff;
padding: 7px 9px 9px;
position: relative;
border-radius: 3px;
}
.product-finder-results-grid .pf-tooltip .bgHolder:after {
content: "";
display: block;
position: absolute;
border-top: 8px solid #666;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
bottom: -8px;
left: 18px;
}
.product-finder-results-grid .pf-tooltip .bgHolder p {
font-size: 11px;
line-height: 14px;
margin: 0;
}
.media-left,
.media-right,
.media-body {
display: table-cell;
vertical-align: top;
}
.pfrg-paging {
margin-top: 11px;
}
.pfrg-paging .pagination {
height: auto;
margin: -31px 0 0;
}
.product-finder-filter-area {
background-color: #f9f9f9;
border: 1px solid #9a9a9a;
margin-bottom: 23px;
}
.product-finder-filter-area .title {
position: relative;
background-color: #9a9a9a;
padding: 13px;
}
.product-finder-filter-area .title p {
color: #fff;
margin: 0;
}
.product-finder-filter-area .title [data-toggle="collapse"] {
cursor: pointer;
position: absolute;
display: block;
background: rgba(0, 0, 0, 0);
width: 100%;
height: 100%;
font-size: 11px;
line-height: 15px;
top: 0;
left: 0;
}
.product-finder-filter-area .title [data-toggle="collapse"] .ss-icon {
color: #fff;
position: relative;
top: 13px;
left: 13px;
display: block;
width: 15px;
height: 15px;
-webkit-transform-origin: 6px 6px;
transform-origin: 6px 6px;
-webkit-transition: transform 0.3s;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.product-finder-filter-area .title [data-toggle="collapse"].collapsed .ss-icon {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
@media (min-width: 768px) {
.product-finder-filter-area .collapse {
height: auto !important;
}
}
.product-finder-filter-area .content {
padding: 13px;
}
.product-finder-filter-area .content ul {
margin-left: 0;
}
.product-finder-filter-area .content ul:last-child {
margin-bottom: 0;
}
.product-finder-filter-area .content ul li {
font-size: 14px;
line-height: 19px;
list-style: none;
}
.product-finder-filter-area .content ul li:first-child {
margin-bottom: 5px;
}
.product-finder-filter-area .content .checkbox {
padding: 0;
}
.product-finder-filter-area .content .checkbox [dir="ltr"] {
display: inline;
}
.product-finder-filter-area .utility {
border-top: 1px solid #9a9a9a;
padding: 13px;
}
.product-finder-comparison-box {
background: #eee;
border: 1px solid #666;
height: auto;
overflow: hidden;
margin-bottom: 23px;
padding: 13px;
}
.product-finder-comparison-box .pf-comparison-list {
font-size: 14px;
line-height: 19px;
background: #fff;
}
.product-finder-comparison-box .pf-comparison-list > table {
border-color: #9a9a9a;
table-layout: fixed;
border-radius: 0 !important;
margin-bottom: 0;
}
.product-finder-comparison-box .pf-comparison-list > table > tbody > tr > td {
width: 25%;
border-color: #9a9a9a;
padding: 12px;
border-radius: 0 !important;
line-height: 18px;
}
.product-finder-comparison-box .pf-comparison-list > table > tbody > tr > td.empty {
background: url(clientlib-resources/resources/bootstrap/images/stx-staticlogo-pure.png) no-repeat 50% 50%;
}
.product-finder-comparison-box .pf-comparison-list > table > tbody > tr > td.empty .media {
min-height: 90px;
}
.product-finder-comparison-box .pf-comparison-list > table > tbody > tr:hover > td {
background-color: transparent;
}
.product-finder-comparison-box .pf-comparison-list .media {
position: relative;
}
.product-finder-comparison-box .pf-comparison-list .media .media-object {
width: 100%;
}
.product-finder-comparison-box .pf-comparison-list .media .media-heading {
color: #333;
font-size: 13px;
}
.product-finder-comparison-box .pf-comparison-list .media .media-delete-icon {
position: absolute;
display: block;
background: url(clientlib-resources/resources/bootstrap/images/btn_close_product.gif) no-repeat;
top: -10px;
right: -10px;
width: 18px;
height: 18px;
}
.product-finder-comparison-box .pf-comparison-list .media .media-body ul {
margin-top: 4px;
}
.product-finder-comparison-box .pf-comparison-list .media .media-body ul li {
font-size: 11px;
line-height: 14px;
color: #666;
font-weight: 600;
}
.product-finder-results-table .pf-results-list {
font-size: 14px;
line-height: 19px;
background: #fff;
}
.product-finder-results-table .pf-results-list > table {
border: 1px solid #9a9a9a;
}
.product-finder-results-table .pf-results-list > table > tbody > tr > td {
width: 20%;
border: 1px solid #9a9a9a;
position: static;
line-height: 19px;
}
.product-finder-results-table .pf-results-list > table > tbody > tr > td:first-child {
background: #eee;
}
.product-finder-results-table .pf-results-list > table > tbody > tr > td.empty {
background: url(clientlib-resources/resources/bootstrap/images/stx-staticlogo-pure.png) no-repeat 50% 50%;
vertical-align: bottom;
text-align: center;
}
.product-finder-results-table .pf-results-list > table > tbody > tr > td.pf-results-caption {
border-bottom: none;
}
.product-finder-results-table .pf-results-list > table > tbody > tr:hover > td {
background-color: transparent;
}
.product-finder-results-table .pf-results-list > table > tbody > tr:hover > td:first-child {
background: #eee;
}
.product-finder-results-table .pf-results-list > table > tbody > tr.pf-product-item > td {
font-weight: 600;
font-size: 12px;
}
.product-finder-results-table .pf-results-list > table > tbody > tr.pf-product-section > td {
font-weight: 600;
border-bottom: none;
font-size: 12px;
}
.product-finder-results-table .pf-results-list > table > tbody > tr.pf-product-section.pf-product-section-title > td {
border-top: none;
font-weight: normal;
}
.product-finder-results-table .pf-results-list > table > tbody > tr.pf-section-item > td {
border-bottom: none;
border-top: none;
padding: 4px 8px;
}
.product-finder-results-table .pf-results-list > table > tbody > tr.pf-section-item > td:first-child {
color: #666;
font-weight: normal;
}
.product-finder-results-table .pf-results-list > table > tbody > tr.pf-section-item > td:first-child > ul {
margin-bottom: 0;
}
.product-finder-results-table .pf-results-list > table > tbody > tr.pf-section-show > td:first-child {
border-top: none;
}
.product-finder-results-table .pf-results-list > table > tbody > tr.pf-section-show > td ul {
text-align: center;
margin: 0;
}
.product-finder-results-table .pf-results-list > table > tbody > tr.pf-section-show > td ul li {
list-style: none;
display: inline;
padding: 0 5px;
font-size: 12px;
}
.product-finder-results-table .pf-results-list > table > tbody > tr.pf-section-show > td ul li.alt {
border-right: 2px solid #ddd;
padding-right: 7px;
}
.product-finder-results-table .pf-results-list > table > tbody > tr[class^="pf-product-"] ul {
margin: 0 0 0 16px;
}
.product-finder-results-table .pf-results-list > table > tbody > tr[class^="pf-product-"] ul li {
line-height: 16px;
margin-top: 8px;
}
.product-finder-results-table .pf-results-list > table > tbody > tr[class^="pf-product-"] ul li:first-of-type {
margin-top: 0;
}
.product-finder-results-table .media {
position: relative;
}
.product-finder-results-table .media .media-heading {
color: #333;
}
.product-finder-results-table .media .media-delete-icon {
position: absolute;
display: block;
background: url(clientlib-resources/resources/bootstrap/images/btn_close_product.gif) no-repeat;
top: -4px;
right: -4px;
width: 18px;
height: 18px;
}
.product-finder-results-table .media .media-body ul {
margin-top: 4px;
}
.product-finder-results-table .media .media-body ul li {
font-size: 11px;
line-height: 14px;
color: #666;
font-weight: 600;
}
.product-finder-results-table .media-top {
text-align: center;
}
.product-finder-results-table .media-object {
width: 110px;
}
.product-finder-results-table .pf-results-caption h5 {
margin: 12px 0 14px;
}
.product-finder-results-table .pf-results-caption .pf-back {
font-size: 11px;
line-height: 15px;
font-weight: 600;
}
.product-finder-results-table .pf-results-caption .pf-back span {
border-right: 5px solid #00a1dd;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
display: inline-block;
margin-right: 5px;
}
.product-finder-results-table .pf-soc-list {
margin: 0;
padding: 5px;
border: 1px solid #bbb;
}
.product-finder-results-table .pf-soc-list li {
list-style: none;
float: left;
padding: 0 4px 2px 4px;
border-left: 2px solid #ddd;
}
.product-finder-results-table .pf-soc-list li:first-child {
border: none;
}
.product-finder-results-table .pf-soc-list li a {
background: url(clientlib-resources/resources/bootstrap/images/btn_soc.png) no-repeat;
height: 20px;
display: block;
text-indent: -9999px;
overflow: hidden;
font-size: 0;
}
.product-finder-results-table .pf-soc-list li.btn-print a {
width: 13px;
background-position: 0 -126px;
}
.product-finder-results-table .pf-soc-list li.btn-mail a {
width: 16px;
}
.product-finder-results-table .pf-soc-list li.btn-share a {
width: 16px;
background-position: 0 -31px;
}
.product-finder-results-table .pf-soc-list li.btn-like a {
width: 52px;
background-position: 0 -103px;
text-indent: 0;
float: left;
}
.product-finder-results-table .pf-soc-list li.btn-like .like-num {
display: inline-block;
border: 1px solid #ccc;
height: 18px;
padding: 0 4px;
font-size: 10px;
line-height: 18px;
float: right;
position: relative;
margin-left: 6px;
border-radius: 3px;
}
.product-finder-results-table .pf-soc-list li.btn-like .like-num:before {
content: "";
display: block;
position: absolute;
border-right: 5px solid #ccc;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
left: -6px;
top: 4px;
}
.product-finder-results-table .pf-soc-list li.btn-like .like-num:after {
content: "";
display: block;
position: absolute;
border-right: 5px solid #eee;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
left: -4px;
top: 4px;
}
.product-finder-accessories {
margin-bottom: 23px;
}
.product-finder-accessories .title {
margin-bottom: 23px;
}
.product-finder-accessories .content .pfa-row-wrapper {
border-top: 1px solid #ddd;
margin-bottom: 23px;
}
.product-finder-accessories .pdp-accessories-buy p:last-child {
margin-bottom: 0;
}
div.specsTB span.specsBtns {
margin-right: 20px;
margin-bottom: 10px;
}
div.specsTB div#specsBUP,
div.specsTB div#specsRUG {
display: none;
}
div.specsTB .content-row {
padding-bottom: 0px;
}
div.specsTB tr {
border-bottom: 1px solid #ccc;
}
div.specsTB td {
padding: 4px 2%;
font-size: 0.85em;
}
div.specsTB tr.headerRow {
border-bottom: 2px solid #666;
}
div.specsTB tr.headerRow th {
font-weight: 600;
}
div.specsTB tr.headerRow th {
text-align: center;
}
div.specsTB span.showPhone {
display: none;
}
div.specsTB #specsEditorial {
margin-top: 20px;
}
div.specsTB #specsEditorial table {
border-top: 1px solid #ccc;
}
div.specsTB div#specsEditorial table td.labelCol {
width: 20%;
}
div.specsTB .btn {
color: #999;
}
div.specsTB .activeBtn {
color: #000;
}
/* Specs */
div.specsTB tr.headerRow th {
width: 10%;
}
div.specsTB tr.headerRow th.docuCol {
width: 7%;
}
div.specsTB tr.headerRow th.capacityCol {
width: 7%;
}
div.specsTB tr.headerRow th.modelNum {
width: 15%;
}
div.specsTB td {
text-align: center;
}
div.specsTB td.modelCol {
text-align: left;
}
div.specsTB td.labelCol {
font-weight: 600;
}
div.specsTB td.docCol a {
margin: 0 10px;
text-align: center;
font-size: 10px;
display: inline-block;
}
div.specsTB td {
line-height: 18px;
}
div.specsTB p.specWarranty {
margin: 0;
padding: 0;
color: #999;
font-size: 0.85em;
}
/*4996*/
.specsTB .headerRow th {
padding: 10px 18px;
vertical-align: middle;
}
.specsTB .headerRow th.sorting,
.specsTB .headerRow th.sorting-desc,
.specsTB .headerRow th.sorting-asc {
cursor: pointer;
background-repeat: no-repeat;
background-position: center right;
}
.specsTB .headerRow th.sorting {
background-image: url(clientlib-resources/resources/bootstrap/images/sort_both.png);
}
.specsTB .headerRow th.sorting-desc {
background-image: url(clientlib-resources/resources/bootstrap/images/sort_desc.png);
}
.specsTB .headerRow th.sorting-asc {
background-image: url(clientlib-resources/resources/bootstrap/images/sort_asc.png);
}
/*5323*/
.specsTB .table-sub {
margin-top: -23px;
}
.specsTB .table-sub td {
text-align: left;
}
.specsTB .table-sub td p {
margin: 0;
font-size: 1em;
line-height: 1.333;
}
.specsTB .table-sub td:first-child {
width: 15%;
}
.specsTB .table-sub td:first-child + td {
width: 41%;
}
.specsTB .table-sub td.st-section-header {
background-color: #efefef;
font-size: 18px;
color: #1a83c2;
line-height: 30px;
}
.managed-events .me-heading {
margin: 26px 0 13px;
}
.managed-events .me-tile {
background: #ffffff;
text-align: center;
border-width: 5px 1px 0 1px;
border-color: #0062a6;
border-style: solid;
overflow: hidden;
margin-bottom: 20px;
}
.managed-events .me-inner {
padding: 13px;
}
.managed-events .me-inner > a {
display: block;
min-height: 35px;
margin-bottom: 13px;
}
.managed-events .me-inner img {
max-height: 50px;
}
.managed-events .me-details {
padding: 13px;
border-top: 3px solid #0062a6;
}
.managed-events .me-date {
color: #0062a6;
font-size: 25px;
line-height: 29px;
}
@media (max-width: 979px) {
.managed-events .me-date {
font-size: 22px;
line-height: 27px;
}
}
.managed-events .me-location {
font-weight: 600;
}
.managed-events .me-cta {
display: block;
background: #0062a6;
padding: 10px;
color: #ffffff;
text-decoration: none;
text-transform: uppercase;
}
.horizontal-sub-navigation {
position: relative;
background: #f7f7f7;
font-size: 16px;
line-height: 1.4375;
margin-bottom: 23px;
}
@media (max-width: 979px) {
.horizontal-sub-navigation {
margin-bottom: 19px;
}
}
.horizontal-sub-navigation ul {
padding: 0;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.horizontal-sub-navigation li {
list-style: none;
}
.horizontal-sub-navigation + .tab-content {
padding: 12px;
}
.hsn-to-display {
position: relative;
background: #00a1dd;
color: #fff;
border-radius: 3px;
}
.hsn-to-display > p {
padding: 10px 12px 9px;
margin-bottom: 0;
margin-right: 60px;
}
.hsn-to-display .dropdown-toggle {
top: 0;
position: absolute;
right: 0;
text-decoration: none;
width: 100%;
height: 100%;
}
.hsn-to-display .dropdown-toggle:hover > em,
.hsn-to-display .dropdown-toggle:active > em {
background: #008fc3;
}
.hsn-to-display .dropdown-toggle > em {
position: absolute;
width: 60px;
height: 100%;
border-radius: 0 3px 3px 0;
top: 0;
right: 0;
}
.hsn-to-display .dropdown-toggle > em:before {
content: "";
display: block;
background: #005b7d;
width: 1px;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.hsn-to-display .dropdown-toggle .ss-icon {
color: #fff;
position: absolute;
top: 50%;
left: 50%;
margin: -7px 0 0 -7px;
width: 14px;
height: 14px;
font-size: 14px;
line-height: 19px;
}
.hsn-to-display .dropdown-toggle .ss-icon.toggle-down {
display: block;
}
.hsn-to-display .dropdown-toggle .ss-icon.toggle-up {
display: none;
}
.hsn-to-display .dropdown-toggle [class^="fa fa-"] {
color: #fff;
position: absolute;
top: 50%;
left: 50%;
margin: -8px 0 0 -8px;
width: 16px;
height: 16px;
font-size: 16px;
line-height: 16px;
}
.hsn-to-display .dropdown-toggle [class^="fa fa-"].toggle-down {
display: block;
}
.hsn-to-display .dropdown-toggle [class^="fa fa-"].toggle-up {
display: none;
}
.hsn-to-dropdown-box {
overflow: hidden;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
border-radius: 3px;
}
.hsn-to-dropdown {
position: relative;
background: #f7f7f7;
display: none;
margin: 0;
}
.hsn-to-dropdown ul {
margin: 0;
}
.hsn-to-dropdown > .hsn-to-drop .hsn-to-item {
position: relative;
}
.hsn-to-dropdown > .hsn-to-drop .hsn-to-item > a {
display: block;
padding: 10px 60px 9px 12px;
}
.hsn-to-dropdown > .hsn-to-drop .hsn-to-item > span {
position: absolute;
top: 0;
right: 0;
bottom: 0;
cursor: pointer;
width: 60px;
line-height: 42px;
text-align: center;
}
.hsn-to-dropdown > .hsn-to-drop .hsn-to-item > span[class^="ss-"] {
font-size: 12px;
}
.hsn-to-dropdown > .hsn-to-drop .hsn-to-item > span[class^="fa fa-"] {
font-size: 18px;
}
.hsn-to-dropdown > .hsn-to-drop .hsn-to-item > span[class^="fa fa-"]:before {
margin-top: -9px;
}
.hsn-to-dropdown > .hsn-to-drop .hsn-to-item > span:before {
position: absolute;
right: 25px;
top: 50%;
}
.hsn-to-dropdown > .hsn-to-drop .hsn-to-side {
position: absolute;
left: 100%;
width: 100%;
top: 0;
background: #f7f7f7;
display: none;
}
.hsn-to-dropdown > .hsn-to-drop .hsn-to-side .hsn-back {
padding: 10px 10px 9px 10px;
display: block;
}
.hsn-to-dropdown > .hsn-to-drop .hsn-to-side .hsn-back:hover,
.hsn-to-dropdown > .hsn-to-drop .hsn-to-side .hsn-back:active,
.hsn-to-dropdown > .hsn-to-drop .hsn-to-side .hsn-back:focus {
text-decoration: none;
outline: 0;
}
.hsn-to-dropdown > .hsn-to-drop .hsn-to-side .hsn-back > span {
margin-right: 8px;
}
.hsn-to-dropdown > .hsn-to-drop .hsn-to-side .hsn-back > span[class^="ss-"] {
font-size: 10px;
}
.hsn-to-dropdown > .hsn-to-drop .hsn-to-side .hsn-back > span[class^="fa fa-"] {
font-size: 18px;
vertical-align: middle;
}
.hsn-to-dropdown > .hsn-to-drop .hsn-to-side > ul > li.active > a {
background: #29373d;
color: #fff;
}
.hsn-to-dropdown > .hsn-to-drop .hsn-to-side > ul > li.active > a:hover,
.hsn-to-dropdown > .hsn-to-drop .hsn-to-side > ul > li.active > a:active {
background: #29373d;
}
.hsn-to-dropdown > .hsn-to-drop .hsn-to-side > ul > li > a {
color: #333;
display: block;
padding: 10px 12px 9px 12px;
}
.hsn-to-dropdown > .hsn-to-drop .hsn-to-side > ul > li > a:hover,
.hsn-to-dropdown > .hsn-to-drop .hsn-to-side > ul > li > a:active,
.hsn-to-dropdown > .hsn-to-drop .hsn-to-side > ul > li > a:focus {
text-decoration: none;
outline: 0;
}
.hsn-to-dropdown > .hsn-to-drop .hsn-to-side > ul > li > a:hover {
background: #cbebf7;
}
.hsn-to-dropdown > .hsn-to-drop .hsn-to-side > ul > li > a:active {
background: #00678d;
color: #fff;
}
.hsn-to-dropdown > .hsn-to-drop .hsn-to-side > ul > li > a .hsn-img {
display: none;
}
.hsn-opened .hsn-to-display .dropdown-toggle > em {
background: #008fc3;
}
.hsn-opened .hsn-to-display .dropdown-toggle .ss-icon.toggle-down {
display: none;
}
.hsn-opened .hsn-to-display .dropdown-toggle .ss-icon.toggle-up {
display: block;
}
.hsn-opened .hsn-to-display .dropdown-toggle [class^="fa fa-"].toggle-down {
display: none;
}
.hsn-opened .hsn-to-display .dropdown-toggle [class^="fa fa-"].toggle-up {
display: block;
}
.hsn-opened .hsn-to-dropdown {
display: block;
left: 0;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.hsn-opened .hsn-to-dropdown > .hsn-to-drop.active .hsn-to-item,
.hsn-opened .hsn-to-dropdown > .hsn-to-drop.hsn-drop-active .hsn-to-item,
.hsn-opened .hsn-to-dropdown > .hsn-to-drop.active .hsn-to-item:hover,
.hsn-opened .hsn-to-dropdown > .hsn-to-drop.hsn-drop-active .hsn-to-item:hover {
background: #29373d;
color: #fff;
}
.hsn-opened .hsn-to-dropdown > .hsn-to-drop.active .hsn-to-item > a,
.hsn-opened .hsn-to-dropdown > .hsn-to-drop.hsn-drop-active .hsn-to-item > a,
.hsn-opened .hsn-to-dropdown > .hsn-to-drop.active .hsn-to-item:hover > a,
.hsn-opened .hsn-to-dropdown > .hsn-to-drop.hsn-drop-active .hsn-to-item:hover > a {
color: #fff;
}
.hsn-opened .hsn-to-dropdown > .hsn-to-drop .hsn-to-item:hover {
background: #cbebf7;
}
.hsn-opened .hsn-to-dropdown > .hsn-to-drop .hsn-to-item:active {
background: #00678d;
}
.hsn-opened .hsn-to-dropdown > .hsn-to-drop .hsn-to-item:active > a {
color: #fff;
text-decoration: none;
}
.hsn-opened .hsn-to-dropdown > .hsn-to-drop .hsn-to-item:active > span {
color: #fff;
}
.hsn-opened .hsn-to-dropdown > .hsn-to-drop .hsn-to-item > a:hover,
.hsn-opened .hsn-to-dropdown > .hsn-to-drop .hsn-to-item > a:active,
.hsn-opened .hsn-to-dropdown > .hsn-to-drop .hsn-to-item > a:focus {
text-decoration: none;
outline: 0;
}
.hsn-s-results {
margin-bottom: 1em;
}
@media (max-width: 979px) {
.hsn-to-dropdown-box {
border-radius: 0;
}
.hsn-sided .hsn-to-dropdown > .hsn-to-drop .hsn-to-side,
.hsn-opened .hsn-to-dropdown > .hsn-to-drop .hsn-to-side {
display: none !important;
}
.hsn-sided .hsn-to-dropdown > .hsn-to-drop.hsn-drop-opened .hsn-to-side,
.hsn-opened .hsn-to-dropdown > .hsn-to-drop.hsn-drop-opened .hsn-to-side {
display: block !important;
}
.stay-informed {
margin-bottom: 10px;
float: none;
}
.stay-informed .stay-informed-toggle {
padding-left: 12px;
text-align: left;
}
.stay-informed .stay-informed-toggle .stay-informed-toggle-icon {
float: right;
}
.stay-informed .stay-informed-box {
width: 100%;
}
.hsn-sided .hsn-to-dropdown {
left: -100%;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
}
@media (min-width: 980px) {
.horizontal-sub-navigation + .tab-content {
padding: 17px;
}
.hsn-sided .hsn-to-dropdown,
.hsn-opened .hsn-to-dropdown {
-webkit-transition: none;
transition: none;
height: 48px !important;
left: 0;
}
.hsn-sided .hsn-to-dropdown > .hsn-to-drop.active .hsn-to-item,
.hsn-opened .hsn-to-dropdown > .hsn-to-drop.active .hsn-to-item,
.hsn-sided .hsn-to-dropdown > .hsn-to-drop.hsn-drop-active .hsn-to-item,
.hsn-opened .hsn-to-dropdown > .hsn-to-drop.hsn-drop-active .hsn-to-item {
background: transparent;
}
.hsn-sided .hsn-to-dropdown > .hsn-to-drop.active .hsn-to-item:hover,
.hsn-opened .hsn-to-dropdown > .hsn-to-drop.active .hsn-to-item:hover,
.hsn-sided .hsn-to-dropdown > .hsn-to-drop.hsn-drop-active .hsn-to-item:hover,
.hsn-opened .hsn-to-dropdown > .hsn-to-drop.hsn-drop-active .hsn-to-item:hover,
.hsn-sided .hsn-to-dropdown > .hsn-to-drop.active .hsn-to-item:active,
.hsn-opened .hsn-to-dropdown > .hsn-to-drop.active .hsn-to-item:active,
.hsn-sided .hsn-to-dropdown > .hsn-to-drop.hsn-drop-active .hsn-to-item:active,
.hsn-opened .hsn-to-dropdown > .hsn-to-drop.hsn-drop-active .hsn-to-item:active,
.hsn-sided .hsn-to-dropdown > .hsn-to-drop.active .hsn-to-item:focus,
.hsn-opened .hsn-to-dropdown > .hsn-to-drop.active .hsn-to-item:focus,
.hsn-sided .hsn-to-dropdown > .hsn-to-drop.hsn-drop-active .hsn-to-item:focus,
.hsn-opened .hsn-to-dropdown > .hsn-to-drop.hsn-drop-active .hsn-to-item:focus {
background: transparent;
outline: 0;
}
.hsn-sided .hsn-to-dropdown > .hsn-to-drop.active .hsn-to-side,
.hsn-opened .hsn-to-dropdown > .hsn-to-drop.active .hsn-to-side,
.hsn-sided .hsn-to-dropdown > .hsn-to-drop.hsn-drop-active .hsn-to-side,
.hsn-opened .hsn-to-dropdown > .hsn-to-drop.hsn-drop-active .hsn-to-side {
display: block;
z-index: 1;
}
.hsn-sided .hsn-to-dropdown > .hsn-to-drop.active .hsn-to-side > ul > li.active > a,
.hsn-opened .hsn-to-dropdown > .hsn-to-drop.active .hsn-to-side > ul > li.active > a,
.hsn-sided .hsn-to-dropdown > .hsn-to-drop.hsn-drop-active .hsn-to-side > ul > li.active > a,
.hsn-opened .hsn-to-dropdown > .hsn-to-drop.hsn-drop-active .hsn-to-side > ul > li.active > a {
color: #29373d;
}
.hsn-sided .hsn-to-dropdown > .hsn-to-drop.active .hsn-to-side > ul > li.active > a:hover,
.hsn-opened .hsn-to-dropdown > .hsn-to-drop.active .hsn-to-side > ul > li.active > a:hover,
.hsn-sided .hsn-to-dropdown > .hsn-to-drop.hsn-drop-active .hsn-to-side > ul > li.active > a:hover,
.hsn-opened .hsn-to-dropdown > .hsn-to-drop.hsn-drop-active .hsn-to-side > ul > li.active > a:hover {
color: #00a1dd;
}
.hsn-sided .hsn-to-dropdown > .hsn-to-drop.active .hsn-to-side > ul > li > a:hover,
.hsn-opened .hsn-to-dropdown > .hsn-to-drop.active .hsn-to-side > ul > li > a:hover,
.hsn-sided .hsn-to-dropdown > .hsn-to-drop.hsn-drop-active .hsn-to-side > ul > li > a:hover,
.hsn-opened .hsn-to-dropdown > .hsn-to-drop.hsn-drop-active .hsn-to-side > ul > li > a:hover,
.hsn-sided .hsn-to-dropdown > .hsn-to-drop.active .hsn-to-side > ul > li > a:active,
.hsn-opened .hsn-to-dropdown > .hsn-to-drop.active .hsn-to-side > ul > li > a:active,
.hsn-sided .hsn-to-dropdown > .hsn-to-drop.hsn-drop-active .hsn-to-side > ul > li > a:active,
.hsn-opened .hsn-to-dropdown > .hsn-to-drop.hsn-drop-active .hsn-to-side > ul > li > a:active,
.hsn-sided .hsn-to-dropdown > .hsn-to-drop.active .hsn-to-side > ul > li > a:focus,
.hsn-opened .hsn-to-dropdown > .hsn-to-drop.active .hsn-to-side > ul > li > a:focus,
.hsn-sided .hsn-to-dropdown > .hsn-to-drop.hsn-drop-active .hsn-to-side > ul > li > a:focus,
.hsn-opened .hsn-to-dropdown > .hsn-to-drop.hsn-drop-active .hsn-to-side > ul > li > a:focus {
background: transparent;
outline: 0;
}
.hsn-sided .hsn-to-dropdown > .hsn-to-drop.active .hsn-to-side > ul > li > a:active,
.hsn-opened .hsn-to-dropdown > .hsn-to-drop.active .hsn-to-side > ul > li > a:active,
.hsn-sided .hsn-to-dropdown > .hsn-to-drop.hsn-drop-active .hsn-to-side > ul > li > a:active,
.hsn-opened .hsn-to-dropdown > .hsn-to-drop.hsn-drop-active .hsn-to-side > ul > li > a:active {
color: #00678d;
}
.hsn-sided .hsn-to-dropdown > .hsn-to-drop.active .hsn-to-side > ul > li > a:hover,
.hsn-opened .hsn-to-dropdown > .hsn-to-drop.active .hsn-to-side > ul > li > a:hover,
.hsn-sided .hsn-to-dropdown > .hsn-to-drop.hsn-drop-active .hsn-to-side > ul > li > a:hover,
.hsn-opened .hsn-to-dropdown > .hsn-to-drop.hsn-drop-active .hsn-to-side > ul > li > a:hover {
color: #00a1dd;
}
.hsn-sided .hsn-to-dropdown > .hsn-to-drop .hsn-to-item:hover,
.hsn-opened .hsn-to-dropdown > .hsn-to-drop .hsn-to-item:hover,
.hsn-sided .hsn-to-dropdown > .hsn-to-drop .hsn-to-item:active,
.hsn-opened .hsn-to-dropdown > .hsn-to-drop .hsn-to-item:active,
.hsn-sided .hsn-to-dropdown > .hsn-to-drop .hsn-to-item:focus,
.hsn-opened .hsn-to-dropdown > .hsn-to-drop .hsn-to-item:focus {
background: transparent;
outline: 0;
}
.hsn-complex .hsn-to-dropdown .hsn-to-drop .hsn-to-side {
text-align: center;
}
.hsn-complex .hsn-to-dropdown .hsn-to-drop .hsn-to-side > ul {
overflow: hidden;
margin: 0 auto;
display: inline-block;
padding-top: 15px;
}
.hsn-complex .hsn-to-dropdown .hsn-to-drop .hsn-to-side > ul > li > a .hsn-img {
display: block;
width: 40px;
height: 40px;
margin: 0 auto 10px;
}
.hsn-to-dropdown-box {
overflow: inherit;
font-size: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.hsn-to-dropdown {
display: block;
width: 100%;
height: 48px !important;
margin: 0;
border-bottom: 3px solid #008fc3;
border-radius: 0;
font-size: 0;
background: #fff;
}
.hsn-to-dropdown > .hsn-to-drop {
display: inline-block;
vertical-align: bottom;
font-size: 16px;
}
.hsn-to-dropdown > .hsn-to-drop:first-child .hsn-to-item > a:before {
content: none;
}
.hsn-to-dropdown > .hsn-to-drop.active .hsn-to-side,
.hsn-to-dropdown > .hsn-to-drop.hsn-drop-active .hsn-to-side {
z-index: 1;
display: block;
}
.hsn-to-dropdown > .hsn-to-drop.active .hsn-to-item > a,
.hsn-to-dropdown > .hsn-to-drop.hsn-drop-active .hsn-to-item > a {
background: #008fc3;
color: #fff;
}
.hsn-to-dropdown > .hsn-to-drop.active .hsn-to-item > a:before,
.hsn-to-dropdown > .hsn-to-drop.hsn-drop-active .hsn-to-item > a:before {
content: none;
}
.hsn-to-dropdown > .hsn-to-drop.active:hover .hsn-to-item > a,
.hsn-to-dropdown > .hsn-to-drop.hsn-drop-active:hover .hsn-to-item > a {
background: #008fc3;
color: #fff;
}
.hsn-to-dropdown > .hsn-to-drop.active + .hsn-to-drop .hsn-to-item > a:before,
.hsn-to-dropdown > .hsn-to-drop.hsn-drop-active + .hsn-to-drop .hsn-to-item > a:before {
content: none;
}
.hsn-to-dropdown > .hsn-to-drop .hsn-to-item > a {
padding: 12px 12px 10px;
position: relative;
color: #666;
border-bottom: 3px solid #008fc3;
background: #f7f7f7;
}
.hsn-to-dropdown > .hsn-to-drop .hsn-to-item > a:hover,
.hsn-to-dropdown > .hsn-to-drop .hsn-to-item > a:active {
text-decoration: none;
background: #008fc3;
color: #fff;
}
.hsn-to-dropdown > .hsn-to-drop .hsn-to-item > a:focus {
text-decoration: none;
}
.hsn-to-dropdown > .hsn-to-drop .hsn-to-item > a:before {
position: absolute;
content: "";
width: 0;
height: 34px;
border-left: 1px dashed #b3b3b3;
left: 0;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.hsn-to-dropdown > .hsn-to-drop .hsn-to-side {
left: 0;
top: auto;
display: none;
z-index: -1;
}
.hsn-to-dropdown > .hsn-to-drop .hsn-to-side > ul {
overflow: hidden;
padding: 5px 0;
}
.hsn-to-dropdown > .hsn-to-drop .hsn-to-side > ul > li {
float: left;
}
.hsn-to-dropdown > .hsn-to-drop .hsn-to-side > ul > li > a {
color: #666;
-webkit-transition: color 0.3s;
transition: color 0.3s;
padding: 4px 17px;
}
.hsn-to-dropdown > .hsn-to-drop .hsn-to-side > ul > li > a:hover,
.hsn-to-dropdown > .hsn-to-drop .hsn-to-side > ul > li > a:active,
.hsn-to-dropdown > .hsn-to-drop .hsn-to-side > ul > li > a:focus {
background: transparent;
outline: 0;
}
.hsn-to-dropdown > .hsn-to-drop .hsn-to-side > ul > li > a:active {
color: #00678d;
}
.hsn-to-dropdown > .hsn-to-drop .hsn-to-side > ul > li > a:hover {
color: #00a1dd;
}
.hsn-to-dropdown > .hsn-to-drop .hsn-to-side > ul > li.active > a {
color: #29373d;
}
.hsn-to-dropdown > .hsn-to-drop .hsn-to-side > ul > li.active > a,
.hsn-to-dropdown > .hsn-to-drop .hsn-to-side > ul > li.active > a:hover {
background: transparent;
}
.hsn-to-dropdown > .hsn-to-drop:hover .hsn-to-item > a {
background: #007aa6;
color: #fff;
}
.hsn-to-dropdown > .hsn-to-drop:hover .hsn-to-side {
display: block;
z-index: 10;
}
.hsn-to-dropdown > .hsn-to-drop:active .hsn-to-item > a {
background: #00678d;
}
.hsn-s-results {
background: transparent;
}
.hsn-s-results .hsn-to-dropdown {
border-bottom: 4px solid #91d1e9;
background: transparent;
}
.hsn-s-results .hsn-to-dropdown > .hsn-to-drop:first-child .hsn-to-item {
padding-left: 0;
}
.hsn-s-results .hsn-to-dropdown > .hsn-to-drop .hsn-to-item > a:after {
height: 4px;
bottom: -4px;
background-color: #91d1e9;
}
.hsn-s-results .hsn-to-dropdown > .hsn-to-drop.hsn-drop-active .hsn-to-item > a:after {
background-color: #00a1dd;
}
}
.hsn-drop-placeholder {
-webkit-transition: height 0.2s;
transition: height 0.2s;
}
.sticky-header-active .horizontal-sub-navigation {
margin-bottom: 0;
}
.weekly-poll .form-custom p {
position: relative;
margin-bottom: 16px;
}
.weekly-poll .form-custom p.form-custom-title {
font-weight: 600;
margin-bottom: 20px;
}
.weekly-poll .form-custom p > input {
position: absolute;
left: 0;
width: 16px;
height: 16px;
float: left;
opacity: 0;
}
.weekly-poll .form-custom p > label {
padding: 0 0 0 26px;
margin: 0;
position: relative;
cursor: pointer;
font-size: 1em;
line-height: 1.3;
}
.weekly-poll .form-custom p:not(#wd) > input[type="radio"] + label:before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 13px;
height: 13px;
margin-top: -9px;
border-radius: 50%;
border: 2px solid #aaa;
}
.weekly-poll .form-custom p:not(#wd) > input[type="radio"]:checked + label:before {
background-color: #00a1dd;
-webkit-box-shadow: inset 0 0 0 3px #fff;
box-shadow: inset 0 0 0 3px #fff;
border-color: #00a1dd;
}
.weekly-poll .mc-news-list {
margin-bottom: 0;
}
.weekly-poll .mc-news-list li {
position: relative;
padding: 5px 0;
line-height: 1.35;
}
.weekly-poll .mc-news-list li > span {
padding: 0 6px;
color: #999;
}
.weekly-poll .mc-news-list li:first-of-type {
border-top: 0;
}
.weekly-poll .mc-news-list + .mc-news-list li:first-of-type {
border-top: 1px solid #ddd;
}
.weekly-poll .pager {
margin: 20px 0;
text-align: center;
list-style: none;
*zoom: 1;
}
.weekly-poll .pager:before,
.weekly-poll .pager:after {
display: table;
content: "";
}
.weekly-poll .pager:after {
clear: both;
}
.weekly-poll .pager li {
display: inline;
}
.weekly-poll .pager li > a,
.weekly-poll .pager li > span {
display: inline-block;
padding: 5px 14px;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 15px;
}
.weekly-poll .pager li > a:hover {
text-decoration: none;
background-color: #f5f5f5;
}
.weekly-poll .pager .next > a,
.weekly-poll .pager .next > span {
float: right;
}
.weekly-poll .pager .previous > a,
.weekly-poll .pager .previous > span {
float: left;
}
.weekly-poll .pager .disabled > a,
.weekly-poll .pager .disabled > a:hover,
.weekly-poll .pager .disabled > span {
color: #999;
cursor: default;
background-color: #fff;
}
.weekly-poll .mc-poll-links {
border-top: 1px solid #ccc;
text-align: center;
padding: 12px 0 0;
margin: 0;
}
.weekly-poll .mc-poll-links a {
display: inline-block;
padding: 0 6px 0 8px;
border-left: 1px solid #ccc;
}
.weekly-poll .mc-poll-links a.mc-poll-links-item-first {
border: none;
padding-left: 0;
}
.weekly-poll .mc-poll-links a.suggest-a-poll {
padding-right: 0;
}
.weekly-poll .mc-poll-results-plain {
list-style: none;
margin: 0;
}
.weekly-poll .mc-poll-results-plain > li {
list-style: none;
margin-bottom: 18px;
}
.weekly-poll .mc-poll-results-plain > li > p {
margin-bottom: 4px;
}
.weekly-poll .mc-poll-results-bar {
height: 14px;
background-color: #009999;
}
.product-sku-image-gallery-preview h3 {
font-size: 16px;
font-weight: 600;
line-height: 1.8;
}
.product-sku-image-gallery-preview h4 {
font-size: 16px;
line-height: 1.2;
}
.product-sku-image-gallery-preview .preview-large {
width: 100px;
}
.product-sku-image-gallery-preview .preview-medium {
width: 50px;
}
.product-sku-image-gallery-preview .preview-small {
width: 39px;
}
.product-sku-image-gallery-preview .full {
display: none;
position: absolute;
left: 0;
top: 0;
z-index: 5;
}
.product-sku-image-gallery-preview .image-pair {
position: relative;
display: block;
float: left;
margin-bottom: 20px;
}
.product-sku-image-gallery-preview .image-pair img {
margin-right: 5px;
max-width: none;
}
.product-sku-image-gallery-preview .image-pair:hover .full {
display: block;
}
.product-sku-image-gallery-preview .alt {
clear: left;
}
.cookie-policy-popup {
background: #444;
}
.cookie-policy-popup .cpp-content {
position: relative;
padding: 12px 100px 12px 0;
}
.cookie-policy-popup .cpp-content p {
font-size: 12px;
line-height: 16px;
color: #ccc;
margin-bottom: 0;
}
.cookie-policy-popup .cpp-content .btn-close {
position: absolute;
right: -11px;
padding: 15px;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
color: #bbb;
font-size: 12px;
line-height: 16px;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.cookie-policy-popup .cpp-content .btn-close:hover {
color: #fff;
text-decoration: none;
}
.cbc-ubisoft {
padding: 24px 0;
max-width: 700px;
margin: 0 auto;
}
.cbc-ubisoft .content-box-content h4 {
color: #333;
margin: 1em 0 0.5em;
}
.cbc-ubisoft #FindFirmwareForm {
padding: 0;
}
.cbc-ubisoft #FindFirmwareForm .content-box-form-title {
padding-bottom: 0;
}
.cbc-ubisoft #FindFirmwareForm .content-box-form-title .alert-block {
position: relative;
max-width: 296px;
margin: 0 auto 16px;
font-size: 14px;
line-height: 18px;
padding: 6px 16px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.cbc-ubisoft #FindFirmwareForm .content-box-form-title .alert-block .ss-icon {
position: absolute;
width: 16px;
height: 16px;
line-height: 16px;
text-align: center;
top: 50%;
right: 10px;
margin-top: -7px;
}
.cbc-ubisoft #FindFirmwareForm .content-box-form-title .alert-block > ul {
margin-left: 16px;
}
.cbc-ubisoft #FindFirmwareForm .content-box-form-input {
display: block;
margin: 0 auto 16px;
padding: 8px 16px;
color: #333;
max-width: 296px;
}
.cbc-ubisoft #FindFirmwareForm .content-box-form-input::-webkit-input-placeholder {
color: #ccc;
}
.cbc-ubisoft #FindFirmwareForm .content-box-form-input::-moz-placeholder {
color: #ccc;
}
.cbc-ubisoft #FindFirmwareForm .content-box-form-input:-ms-input-placeholder {
color: #ccc;
}
.cbc-ubisoft #FindFirmwareForm .content-box-form-input:-moz-placeholder {
color: #ccc;
}
.cbc-ubisoft #FindFirmwareForm .content-box-form-input.error {
border-color: #cc0001;
}
.cbc-ubisoft #FindFirmwareForm .box-submit .btn {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
max-width: 216px;
padding: 8px 16px;
}
.cbc-ubisoft #FindFirmwareForm .box-submit .btn.disabled {
cursor: not-allowed;
}
.cbc-ubisoft .radio {
font-size: 14px;
line-height: 19px;
padding-left: 0;
}
.cbc-ubisoft .radio input[type="radio"] {
float: none;
display: inline-block;
margin-left: 0;
margin-right: 4px;
vertical-align: top;
}
.cbc-ubisoft select {
width: 100%;
max-width: 296px;
padding: 10px 14px 9px;
height: 39px;
margin-bottom: 16px;
font-size: 14px;
line-height: 18px;
}
.cbc-ubisoft select.error {
border-color: #cc0001;
}
.cbc-ubisoft .subscribe-box {
margin-bottom: 16px;
}
.cbc-ubisoft .subscribe-box p {
font-size: 12px;
line-height: 16px;
width: 280px;
margin: 0 auto 8px;
}
.cbc-ubisoft .subscribe-box .sb-input {
display: inline-block;
margin: 0 auto;
font-size: 0;
}
.cbc-ubisoft .subscribe-box .sb-input label {
position: relative;
display: inline-block;
width: 140px;
padding: 9px 16px;
font-size: 12px;
line-height: 16px;
border: 1px solid #ccc;
border-radius: 3px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
-webkit-transition: all 0.3s;
transition: all 0.3s;
color: #ccc;
text-transform: uppercase;
cursor: pointer;
}
.cbc-ubisoft .subscribe-box .sb-input label:first-of-type {
margin-right: 16px;
}
.cbc-ubisoft .subscribe-box .sb-input label span {
position: absolute;
right: 10px;
top: 50%;
margin-top: -8px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 16px;
height: 16px;
border: 2px solid #ddd;
border-radius: 50%;
-webkit-transition: border-color 0.3s;
transition: border-color 0.3s;
}
.cbc-ubisoft .subscribe-box .sb-input label span:after {
content: "";
position: absolute;
width: 4px;
height: 4px;
background: #fff;
top: 50%;
left: 50%;
margin: -2px 0 0 -2px;
border-radius: 50%;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.cbc-ubisoft .subscribe-box .sb-input input[type="radio"] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
}
.cbc-ubisoft .subscribe-box .sb-input input:checked + label {
cursor: default;
border-color: #6ebe49;
background: #f2feec;
color: #6ebe49;
}
.cbc-ubisoft .subscribe-box .sb-input input:checked + label span {
border-color: #6ebe49;
}
.cbc-ubisoft .subscribe-box .sb-input input:checked + label span:after {
background: #6ebe49;
}
.cbc-ubisoft .box-submit {
font-size: 0;
margin-bottom: 16px;
}
.cbc-ubisoft .box-submit .box-hascash {
display: inline-block;
width: 64px;
margin-right: 16px;
}
.cbc-ubisoft .box-submit .hashcash-info {
border-color: #6ebe49;
}
.cbc-ubisoft .box-submit .hashcash-info:before {
border-bottom-color: #6ebe49;
}
.cbc-ubisoft .box-submit .hashcash-onoffswitch:focus,
.cbc-ubisoft .box-submit .hashcash-onoffswitch:active,
.cbc-ubisoft .box-submit .hashcash-onoffswitch:visited,
.cbc-ubisoft .box-submit .hashcash-onoffswitch:link,
.cbc-ubisoft .box-submit .hashcash-onoffswitch {
width: 64px;
}
.cbc-ubisoft .box-submit .hashcash-onoffswitch .hashcash-onoffswitch-label {
border: 0;
background-color: #eee;
}
.cbc-ubisoft .box-submit .hashcash-onoffswitch.hashcash-computed .hashcash-onoffswitch-switch {
right: 0;
}
.cbc-ubisoft .box-submit .hashcash-onoffswitch.hashcash-computed .hashcash-onoffswitch-inner:before {
background-color: #6ebe49;
}
.cbc-ubisoft .box-submit .hashcash-onoffswitch.hashcash-computing .hashcash-onoffswitch-switch {
right: 0;
}
.cbc-ubisoft .box-submit .hashcash-onoffswitch-switch {
top: 0px;
right: 36px;
}
.cbc-ubisoft .box-submit .hashcash-onoffswitch-checkbox:checked + .hashcash-onoffswitch-label .hashcash-onoffswitch-switch {
right: 0;
}
.cbc-ubisoft .box-submit .hashcash-onoffswitch-inner:before,
.cbc-ubisoft .box-submit .hashcash-onoffswitch-inner:after {
height: 28px;
line-height: 28px;
}
.cbc-ubisoft .box-submit .hashcash-onoffswitch-inner:after {
padding-right: 11px;
}
.cbc-ubisoft .box-submit .hashcash-onoffswitch-inner:before {
padding-left: 12px;
text-align: left;
background-color: #6ebe49;
}
.modal-offer .modal-content-offer {
margin: 30px 0;
}
.stx-article {
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 14px;
padding-top: 1.6em;
}
.stx-article .related {
float: right;
max-width: 45%;
min-width: 300px;
font-size: 0.86666667em;
line-height: 1em;
padding: 11em 0 7em 7em;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.stx-article .related h5 {
color: #6ebe49;
font-size: 1.38461538em;
font-weight: 600;
line-height: 1em;
margin-bottom: 1em;
}
.stx-article .related a.topic {
display: block;
text-decoration: none;
}
.stx-article .related .topic {
*zoom: 1;
margin-bottom: 2em;
}
.stx-article .related .topic:before,
.stx-article .related .topic:after {
display: table;
content: "";
}
.stx-article .related .topic:after {
clear: both;
}
.stx-article .related .topic .image {
float: left;
}
.stx-article .related .topic .image a {
position: relative;
display: block;
}
.stx-article .related .topic .image a:before {
content: "";
position: absolute;
z-index: 5;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 4px solid #6ebe49;
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.stx-article .related .topic .image a:hover:before,
.stx-article .related .topic .image a:focus:before,
.stx-article .related .topic .image a:hover .hover,
.stx-article .related .topic .image a:focus .hover {
opacity: 1;
}
.stx-article .related .topic .text {
margin-left: 128px;
}
.stx-article .related .topic .text h6 {
font-size: 1.15384615em;
line-height: 1.2em;
margin-bottom: 0.5em;
font-weight: 600;
color: #333;
}
.stx-article .related .topic .text h6 a {
color: #333;
}
.stx-article .related .topic .text p {
font-size: 1.15384615em;
line-height: 1.2em;
margin-bottom: 0;
color: #888;
}
.stx-article .related .topic .text p:after {
color: #6ebe49;
font-weight: 600;
content: " \003e";
}
.stx-article .related .topic .text a {
color: #888;
}
.stx-article .related .topic .text a:hover,
.stx-article .related .topic .text a:active {
color: #6ebe49;
}
.stx-article a {
color: #6ebe49;
}
.stx-article .btn {
text-transform: uppercase;
white-space: normal;
border-width: 0;
padding: 10px 22px;
font-size: 14px;
line-height: 18px;
-webkit-transition: background-color 0.3s, color 0.3s;
transition: background-color 0.3s, color 0.3s;
}
.stx-article .btn:hover,
.stx-article .btn:focus,
.stx-article .btn.focus {
color: #ffffff;
text-decoration: none;
}
.stx-article .btn.btn-primary {
color: #ffffff;
background-color: #6ebe49;
border-color: transparent;
}
.stx-article .btn.btn-primary:hover,
.stx-article .btn.btn-primary:focus,
.stx-article .btn.btn-primary.focus,
.stx-article .btn.btn-primary.active,
.stx-article .btn.btn-primary:active {
color: #ffffff;
background-color: #4b813d;
border-color: transparent;
}
.stx-article .name-short {
margin: 0 0 6em 0;
}
.stx-article .name-short,
.stx-article .name-short li {
list-style: none;
font-size: 0.86666667em;
line-height: 1em;
font-weight: 600;
}
.stx-article .name-short li {
display: inline-block;
text-transform: uppercase;
vertical-align: top;
}
.stx-article .name-short li:before {
content: "/";
color: #ddd;
margin: 0 10px 0 7px;
}
.stx-article .name-short li:first-child:before {
display: none;
}
.stx-article .name-short li a {
color: #bbb;
}
.stx-article .name-short li a:hover,
.stx-article .name-short li a:focus {
color: #888;
}
.stx-article .name-short li a:active {
color: #666;
}
.stx-article .name-short li span {
color: #666;
}
.stx-article .eyebrow {
color: #6ebe49;
font-size: 1em;
font-weight: 600;
line-height: 1.2em;
text-transform: uppercase;
margin-bottom: 2.26666667em;
}
.stx-article .name {
font-size: 3.46666667em;
font-weight: 600;
line-height: 1.2em;
margin-bottom: 0.30769231em;
}
.stx-article .description {
font-size: 2em;
line-height: 1.4em;
margin-bottom: 0.8em;
}
.stx-article .description p {
font-size: 1em;
line-height: 1.4em;
}
.stx-article .cta {
margin-bottom: 1.6em;
}
.stx-article .lead {
width: 60%;
margin: 2.4em auto;
clear: both;
font-size: 15px;
}
.stx-article .lead p {
color: #868589;
font-size: 1.6em;
line-height: 1.45833333em;
font-weight: 300;
margin-bottom: 2em;
}
.stx-article .picture {
min-height: 527px;
position: relative;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
margin-bottom: 7em;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border: 4px solid #6ebe49;
}
.stx-article .picture > span {
display: none;
}
.stx-article .picture.imgAlt > span {
display: block;
text-align: center;
}
.stx-article .picture.has-youtube:after {
position: absolute;
content: "";
z-index: 5;
top: 0;
right: 90px;
width: 48px;
height: 48px;
background: #6ebe49 url(clientlib-resources/resources/bootstrap/images/osag/icn-osag-video.svg) no-repeat 55% 50%;
}
.stx-article .picture.has-youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.stx-article .picture > a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.stx-article .body {
width: 60%;
margin: 0 auto;
}
.stx-article .body h2 {
font-size: 2.26666667em;
line-height: 1.2em;
margin-bottom: 0.5em;
}
.stx-article .body h3 {
font-size: 2.13333333em;
line-height: 1.2em;
margin-bottom: 0.5em;
}
.stx-article .body h4 {
font-size: 2em;
line-height: 1.2em;
margin-bottom: 0.5em;
}
.stx-article .body h5 {
font-size: 1.86666667em;
line-height: 1.2em;
margin-bottom: 0.5em;
}
.stx-article .body h6 {
font-size: 1.73333333em;
line-height: 1.2em;
margin-bottom: 0.5em;
}
.stx-article .body p {
color: #868589;
font-size: 1.6em;
line-height: 1.45833333em;
font-weight: 300;
margin-bottom: 2em;
}
.stx-article .body ul,
.stx-article .body ol {
margin: 0 0 3.2em 0;
padding-left: 3.2em;
}
.stx-article .body ul ul,
.stx-article .body ol ul,
.stx-article .body ul ol,
.stx-article .body ol ol {
margin-bottom: 0;
padding-left: 2em;
}
.stx-article .body ul ul ul li,
.stx-article .body ol ul ul li,
.stx-article .body ul ol ul li,
.stx-article .body ol ol ul li {
list-style-type: square;
}
.stx-article .body ul ul li,
.stx-article .body ol ul li {
list-style-type: circle;
}
.stx-article .body li {
color: #868589;
font-size: 1.6em;
line-height: 1.45833333em;
font-weight: 300;
}
.stx-article .body li li {
font-size: 1em;
}
.stx-article .body blockquote {
float: left;
width: 66.6667%;
padding: 3em 4em 3em 0;
margin: 0 3em 3em -33.3333%;
border-left: 0;
border-right: 1px solid #ccc;
}
.stx-article .body blockquote p {
font-size: 2.26666667em;
line-height: 1.32352941em;
color: #6ebe49;
margin: 0;
}
.stx-article .body table {
width: 100%;
margin-bottom: 3.2em;
}
.stx-article .body table th,
.stx-article .body table td {
padding: 8px;
line-height: 1.3em;
text-align: left;
vertical-align: top;
border-top: 1px solid #ddd;
}
.stx-article .body table th {
font-weight: 600;
}
.stx-article .body table thead th {
vertical-align: bottom;
}
.stx-article .body table thead:first-child tr:first-child th,
.stx-article .body table thead:first-child tr:first-child td {
border-top: 0;
}
.stx-article .body table tbody + tbody {
border-top: 2px solid #ddd;
}
.stx-article .body table tbody tr:hover td,
.stx-article .body table tbody tr:hover th {
background-color: #f5f5f5;
}
.stx-article .body img {
margin-bottom: 3.2em;
}
.stx-article .body ~ .cta {
margin-left: 20%;
}
.stx-article .related-products.p-center {
text-align: center;
}
.stx-article .related-products > h5 {
padding: 20px 0;
font-weight: 600;
background: #f8f8f8;
margin-bottom: 30px;
text-align: center;
}
.stx-article .related-products > h5:only-child {
display: none;
}
.stx-article .related-products a.product {
text-decoration: none;
}
.stx-article .related-products a.product .text h6 {
color: #6ebe49;
}
.stx-article .related-products .product {
width: 32%;
display: inline-block;
text-align: center;
}
.stx-article .related-products .product .text {
padding: 15px;
}
.product-grid-support .pgs-title {
text-align: center;
padding: 10px 0;
margin-bottom: 10px;
color: #868589;
}
.product-grid-support .pgs-box {
border: 1px solid #d1d1d1;
margin-bottom: 20px;
}
.product-grid-support .pgs-box .pgs-box-img > a,
.product-grid-support .pgs-box .pgs-box-img > div {
display: block;
text-align: center;
padding: 10px;
}
.product-grid-support .pgs-box .pgs-box-img img {
max-width: 100%;
}
.product-grid-support .pgs-box .pgs-box-caption {
background: #dbdbdb;
}
.product-grid-support .pgs-box .pgs-box-caption > a,
.product-grid-support .pgs-box .pgs-box-caption > div {
display: block;
text-align: left;
padding: 10px;
color: #333;
}
.product-grid-support .pgs-view-all {
text-transform: uppercase;
float: right;
color: #6ebe49;
}
.our-story-banner {
position: relative;
height: 765px;
padding: 0 0 9.33333333em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 14px;
background: #000;
margin-top: -20px;
}
.our-story-banner .heros {
overflow: hidden;
}
.our-story-banner .heros,
.our-story-banner .heros .item,
.our-story-banner .heros .image {
position: absolute;
width: 100%;
height: 100%;
top: 0;
}
.our-story-banner .heros .item {
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.5s, visibility 0.5s;
transition: opacity 0.5s, visibility 0.5s;
}
.our-story-banner .heros .item.current {
z-index: 3;
opacity: 1;
visibility: visible;
}
.our-story-banner .heros .image {
z-index: 2;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
-webkit-animation: 16s forwards zoomInitialLoad;
animation: 16s forwards zoomInitialLoad;
}
.our-story-banner .heros .text-box {
position: relative;
margin: 0 auto;
width: 940px;
height: 625px;
}
.our-story-banner .heros .text {
position: absolute;
z-index: 3;
color: #fff;
top: 7.33333333em;
max-width: 800px;
}
.our-story-banner .heros .eyebrow {
font-size: 1em;
font-weight: 600;
line-height: 1.2em;
text-transform: uppercase;
margin-bottom: 3.6em;
max-height: 1.2em;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.our-story-banner .heros .heading {
font-size: 3.4666em;
font-weight: 600;
line-height: 1.11538462em;
margin-bottom: 0.61538462em;
max-height: 3.34615385em;
overflow: hidden;
}
.our-story-banner .heros .description {
font-size: 1.6em;
line-height: 1.41666667em;
margin-bottom: 0.83333333em;
max-height: 5.66666667em;
overflow: hidden;
}
.our-story-banner .heros .cta {
font-size: 1em;
line-height: 1.2em;
font-weight: 600;
max-height: 1.2em;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.our-story-banner .heros .cta a {
color: #fff;
}
.our-story-banner .heros .cta a:hover,
.our-story-banner .heros .cta a:focus {
color: #6ebe49;
}
.our-story-banner .thumbs,
.our-story-banner .controls {
position: absolute;
z-index: 4;
bottom: 0;
width: 100%;
height: 9.33333333em;
}
.our-story-banner .thumbs .item-box,
.our-story-banner .controls .item-box {
position: relative;
margin: 0 auto;
width: 940px;
}
.our-story-banner .thumbs .item,
.our-story-banner .controls .item {
float: left;
vertical-align: top;
width: 33.3333%;
padding: 0 25px 0 55px;
position: relative;
color: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
}
.our-story-banner .thumbs .number,
.our-story-banner .controls .number {
position: absolute;
top: 0;
left: 0;
width: 2em;
height: 2em;
border-radius: 50%;
border: 1px solid #fff;
font-size: 1em;
line-height: 2em;
text-align: center;
}
.our-story-banner .thumbs .item-box {
padding-top: 2.13333333em;
border-top: 1px solid #999;
}
.our-story-banner .thumbs .heading {
font-size: 1em;
line-height: 1.2em;
font-weight: 600;
}
.our-story-banner .thumbs .description {
font-size: 1em;
line-height: 1.2em;
font-weight: normal;
}
.our-story-banner .controls {
z-index: 5;
}
.our-story-banner .controls .item {
height: 9.33333333em;
}
.our-story-banner .controls .number {
display: none;
}
.our-story-banner .controls .highlight {
position: absolute;
width: 33.33333%;
height: 4px;
background: #6ebe49;
top: -1px;
left: 0;
will-change: transform;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.our-story-banner .controls .current[data-order="order-1"] ~ .highlight {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.our-story-banner .controls .current[data-order="order-2"] ~ .highlight {
-webkit-transform: translate(100%, 0);
transform: translate(100%, 0);
}
.our-story-banner .controls .current[data-order="order-3"] ~ .highlight {
-webkit-transform: translate(200%, 0);
transform: translate(200%, 0);
}
@-webkit-keyframes zoomInitialLoad {
from {
-webkit-transform: scale(1.2) rotate(0.08deg);
transform: scale(1.2) rotate(0.08deg);
}
to {
-webkit-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
}
}
@keyframes zoomInitialLoad {
from {
-webkit-transform: scale(1.2) rotate(0.08deg);
transform: scale(1.2) rotate(0.08deg);
}
to {
-webkit-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
}
}
.our-story-featured-article {
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 14px;
padding-top: 95px;
}
.our-story-featured-article .title .eyebrow {
color: #6ebe49;
font-size: 1em;
font-weight: 600;
line-height: 1.2em;
text-transform: uppercase;
margin-bottom: 2.26666667em;
}
.our-story-featured-article .title .name {
font-size: 2.8em;
font-weight: 600;
line-height: 1.14285714em;
margin-bottom: 0.16666667em;
}
.our-story-featured-article .title .description {
font-size: 1.6em;
line-height: 1.41666667em;
margin-bottom: 2.04166667em;
color: #868589;
font-weight: 300;
}
.our-story-featured-article .content {
min-height: 527px;
position: relative;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
margin-bottom: 1em;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border: 4px solid #6ebe49;
}
.our-story-featured-article .content.has-youtube:after {
position: absolute;
content: "";
z-index: 5;
top: 0;
right: 90px;
width: 48px;
height: 48px;
background: #6ebe49 url(clientlib-resources/resources/bootstrap/images/osag/icn-osag-video.svg) no-repeat 55% 50%;
}
.our-story-featured-article .content.has-youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.our-story-featured-article .content > a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.our-story-article-grid {
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 14px;
padding-top: 95px;
}
.our-story-article-grid .title .eyebrow {
color: #6ebe49;
font-size: 1em;
font-weight: 600;
line-height: 1.2em;
text-transform: uppercase;
margin-bottom: 2.26666667em;
}
.our-story-article-grid .title .name {
font-size: 2.8em;
font-weight: 600;
line-height: 1.14285714em;
margin-bottom: 0.16666667em;
}
.our-story-article-grid .title .description {
font-size: 1.6em;
line-height: 1.41666667em;
margin-bottom: 2.04166667em;
color: #868589;
font-weight: 300;
}
.our-story-article-grid .grid {
font-size: 0;
margin-left: -5px;
margin-right: -5px;
}
.our-story-article-grid .grid .box {
display: inline-block;
vertical-align: top;
padding-left: 5px;
padding-right: 5px;
margin-bottom: 10px;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.our-story-article-grid .grid .box.b1 {
width: 25%;
}
.our-story-article-grid .grid .box.b2 {
width: 50%;
}
.our-story-article-grid .grid .content {
position: relative;
height: 224px;
font-size: 14px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.our-story-article-grid .grid .content.has-video > a:after {
position: absolute;
content: "";
z-index: 5;
top: 0;
right: 14px;
width: 48px;
height: 48px;
background: #6ebe49 url(clientlib-resources/resources/bootstrap/images/osag/icn-osag-video.svg) no-repeat 55% 50%;
}
.our-story-article-grid .grid .content.has-video .hover .description {
right: 72px;
}
.our-story-article-grid .grid .content > a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.our-story-article-grid .grid .content > a:before {
content: "";
position: absolute;
z-index: 5;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 4px solid #6ebe49;
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.our-story-article-grid .grid .content > a:hover:before,
.our-story-article-grid .grid .content > a:focus:before,
.our-story-article-grid .grid .content > a:hover .hover,
.our-story-article-grid .grid .content > a:focus .hover {
opacity: 1;
}
.our-story-article-grid .grid .name {
color: #333;
position: absolute;
z-index: 2;
bottom: 0;
left: 0;
right: 0;
background: rgba(255, 255, 255, 0.7);
font-size: 1.26666667em;
line-height: 1.26315789em;
padding: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.our-story-article-grid .grid .name span {
max-height: 5.05263158em;
overflow: hidden;
}
.our-story-article-grid .grid .hover {
position: absolute;
z-index: 3;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.85);
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.our-story-article-grid .grid .hover .description {
font-size: 1.26666667em;
line-height: 1.26315789em;
color: #aaa;
position: absolute;
top: 20px;
left: 20px;
right: 20px;
max-height: 8.71578947em;
overflow: hidden;
}
.our-story-article-grid .grid .hover .cta {
font-size: 0.85714286em;
line-height: 1.33333333em;
color: #fff;
position: absolute;
right: 20px;
bottom: 20px;
max-height: 1.33333333em;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.employee-grid {
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 14px;
padding-top: 95px;
}
.employee-grid .grid {
font-size: 0;
margin-left: -5px;
margin-right: -5px;
}
.employee-grid .grid .box {
display: inline-block;
vertical-align: top;
padding-left: 5px;
padding-right: 5px;
margin-bottom: 20px;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
width: 25%;
position: relative;
font-size: 14px;
}
.employee-grid .grid .box > a {
display: block;
margin: 0 auto;
width: 200px;
}
.employee-grid .grid .box > a:hover {
text-decoration: none;
}
.employee-grid .grid .box > a:hover .hover {
opacity: 1;
visibility: visible;
}
.employee-grid .grid .image {
border-radius: 50%;
overflow: hidden;
position: relative;
height: 200px;
}
.employee-grid .grid .name {
text-align: center;
padding: 20px 0 20px / 2 0;
}
.employee-grid .grid .name span {
display: block;
color: #333;
font-size: 1.26666667em;
line-height: 1.26315789em;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.employee-grid .grid .name small {
display: block;
color: #868589;
font-size: 0.86666667em;
line-height: 1.38461538em;
}
.employee-grid .grid .downloads {
text-align: center;
}
.employee-grid .grid .downloads > a {
border-left: 1px solid #6ebe49;
padding: 0 0 0 8px;
font-size: 0.86666667em;
line-height: 1.38461538em;
margin-left: 4px;
color: #6ebe49;
}
.employee-grid .grid .downloads > a:first-child {
border-left: none;
margin-left: 0;
}
.employee-grid .grid .hover {
position: absolute;
z-index: 3;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.75);
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.employee-grid .grid .hover .icon {
color: #6ebe49;
position: absolute;
font-size: 1.6em;
line-height: 2.5em;
left: 50%;
text-align: center;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.employee-grid .grid .hover .placeholder {
display: none;
position: absolute;
z-index: 3;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url(clientlib-resources/resources/bootstrap/images/svg/stx-logo-brandmark-green-240x240-padding.svg) center no-repeat;
background-size: cover;
}
.employee-grid .grid .hover .quote-short {
font-size: 1em;
line-height: 1.2;
font-style: italic;
color: #fff;
position: absolute;
top: 4em;
bottom: 2em;
left: 1em;
right: 1em;
max-height: 7.104em;
overflow: hidden;
text-align: center;
}
.employee-grid .grid .hover .quote-short:empty ~ .icon,
.employee-grid .grid .hover .quote-short:empty ~ .cta {
display: none;
}
.employee-grid .grid .hover .quote-short:empty ~ .placeholder {
display: block;
}
.employee-grid .grid .hover .cta {
font-size: 0.85714286em;
line-height: 1.33333333em;
color: #aaa;
position: absolute;
width: 100%;
text-align: center;
bottom: 1.2em;
max-height: 1.33333333em;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.employee-detail {
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 14px;
padding-top: 1.6em;
}
.employee-detail .aside {
float: right;
margin: -8.09333333em 0 5em 5em;
}
.employee-detail .image {
width: 200px;
border-radius: 50%;
overflow: hidden;
position: relative;
}
.employee-detail .download {
text-align: right;
margin: 1em 0;
}
.employee-detail .download li {
list-style: none;
font-size: 1em;
font-weight: 600;
line-height: 1.2em;
padding: 0.3em 0;
}
.employee-detail .download li a {
color: #bfbfbf;
}
.employee-detail .download li a:hover,
.employee-detail .download li a:focus {
color: #6ebe49;
}
.employee-detail .name-short {
margin: 0 0 6em 0;
}
.employee-detail .name-short,
.employee-detail .name-short li {
list-style: none;
font-size: 0.86666667em;
line-height: 1em;
font-weight: 600;
}
.employee-detail .name-short li {
display: inline-block;
text-transform: uppercase;
vertical-align: top;
}
.employee-detail .name-short li:before {
content: "/";
color: #ddd;
margin: 0 10px 0 7px;
}
.employee-detail .name-short li:first-child:before {
display: none;
}
.employee-detail .name-short li a {
color: #bbb;
}
.employee-detail .name-short li a:hover,
.employee-detail .name-short li a:focus {
color: #888;
}
.employee-detail .name-short li a:active {
color: #666;
}
.employee-detail .name-short li span {
color: #666;
}
.employee-detail .heading,
.employee-detail .body,
.employee-detail .quote {
margin-right: 256px;
}
.employee-detail .eyebrow {
color: #6ebe49;
font-size: 1em;
font-weight: 600;
line-height: 1.2em;
text-transform: uppercase;
margin-bottom: 2.26666667em;
}
.employee-detail .name {
font-size: 3.25em;
line-height: 1.4em;
font-weight: 600;
}
.employee-detail .title {
font-size: 2.1875em;
line-height: 1.4em;
color: #868589;
margin-bottom: 1.4em;
}
.employee-detail .body p {
margin-bottom: 2em;
font-size: 1.6em;
font-weight: 300;
line-height: 1.45833333em;
color: #868589;
}
.employee-detail .quote {
font-size: 2.26666667em;
line-height: 1.32352941em;
color: #6ebe49;
position: relative;
padding-left: 1em;
margin-top: 3em;
}
.employee-detail .quote:empty:before,
.employee-detail .quote:empty:after {
display: none;
}
.employee-detail .quote:before {
content: "\201C";
position: absolute;
left: 0;
line-height: 1em;
}
.employee-detail .quote:after {
content: "\201D";
display: inline-block;
vertical-align: bottom;
line-height: 0.2em;
}
.employee-detail .quote:before,
.employee-detail .quote:after {
font-size: 2em;
}
.our-story-timeline {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 14px;
overflow: hidden;
background: #000;
padding-top: 20px;
padding-bottom: 60px;
}
.our-story-timeline .container {
position: relative;
}
.our-story-timeline .container > .title {
padding-top: 40px;
color: #fff;
margin: 0 auto;
}
.our-story-timeline .container > .title .text-box {
width: 50%;
}
.our-story-timeline .container > .title .eyebrow {
font-size: 1em;
font-weight: 600;
line-height: 1.2em;
text-transform: uppercase;
margin-bottom: 1.2em;
max-height: 1.2em;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.our-story-timeline .container > .title .description {
font-size: 1.6em;
line-height: 1.41666667em;
margin-bottom: 0.83333333em;
max-height: 5.66666667em;
overflow: hidden;
}
.our-story-timeline .container .heros {
margin: 2em 0 2em;
margin-left: auto;
margin-right: auto;
}
.our-story-timeline .container .heros .item-box {
position: relative;
min-height: 240px;
width: 100%;
margin: 0 auto;
}
.our-story-timeline .container .heros .item,
.our-story-timeline .container .heros .image {
position: absolute;
width: 100%;
height: 100%;
top: 0;
}
.our-story-timeline .container .heros .item {
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.5s, visibility 0.5s;
transition: opacity 0.5s, visibility 0.5s;
}
.our-story-timeline .container .heros .item.current {
z-index: 3;
opacity: 1;
visibility: visible;
}
.our-story-timeline .container .heros .item.current .bg {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.5s, visibility 0.5s;
transition: opacity 0.5s, visibility 0.5s;
}
.our-story-timeline .container .heros .item:first-child .image {
width: 100% !important;
border: none;
background-position: -40px 30%;
-webkit-animation: 5s forwards heroitialLoad;
animation: 5s forwards heroInitialLoad;
}
.our-story-timeline .container .heros .item .detail {
width: 50%;
float: left;
position: relative;
}
.our-story-timeline .container .heros .item .bg {
width: 44%;
float: right;
margin: 0 3%;
height: 100%;
background-position: top;
background-repeat: no-repeat;
background-size: contain;
opacity: 0;
visibility: hidden;
}
.our-story-timeline .container .heros .image {
float: left;
z-index: 2;
width: 240px;
height: 240px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
border: 1px solid #707070;
}
.our-story-timeline .container .heros .text {
position: relative;
margin-left: 260px;
z-index: 3;
color: #fff;
height: 240px;
/*overflow: auto;*/
}
.our-story-timeline .container .heros .date {
font-size: 0.86666667em;
font-weight: 600;
line-height: 1.30769231em;
text-transform: uppercase;
margin-bottom: 0.5em;
}
.our-story-timeline .container .heros .shortDes p {
font-size: 12px;
font-weight: normal;
line-height: 16px;
color: #666;
margin-bottom: 0.5em;
}
.our-story-timeline .container .heros .title {
font-size: 2em;
font-weight: 600;
line-height: 1.1em;
margin-top: 0.66666667em;
margin-bottom: 0.2em;
}
.our-story-timeline .container .heros .des p {
font-size: 1em;
line-height: 1.2em;
margin-bottom: 0.5em;
}
.our-story-timeline .container .thumbs {
margin: 0 auto;
visibility: hidden;
}
.our-story-timeline .container .thumbs .des {
display: none;
}
.our-story-timeline .container .thumbs .item-container {
position: relative;
}
.our-story-timeline .container .thumbs .item-container .line {
width: 100%;
height: 1px;
background: #6ebe49;
position: absolute;
left: 0;
}
.our-story-timeline .container .thumbs .item-box {
width: 99999em;
padding-left: 0;
position: relative;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
*zoom: 1;
}
.our-story-timeline .container .thumbs .item-box:before,
.our-story-timeline .container .thumbs .item-box:after {
display: table;
content: "";
}
.our-story-timeline .container .thumbs .item-box:after {
clear: both;
}
.our-story-timeline .container .thumbs .item {
float: left;
width: 200px;
padding: 0 1.5em 0 0;
position: relative;
color: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.our-story-timeline .container .thumbs .item[data-order="order-0"] .date:before {
display: none;
}
.our-story-timeline .container .thumbs .item[data-order="order-0"] .date:after {
left: 0;
}
.our-story-timeline .container .thumbs .item.current .image {
opacity: 1;
}
.our-story-timeline .container .thumbs .item.current .shortDes p {
color: #fff;
}
.our-story-timeline .container .thumbs .image {
opacity: 0;
width: 96px;
height: 96px;
border: 1px solid #707070;
border-radius: 50%;
position: absolute;
top: 0;
z-index: 2;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.our-story-timeline .container .thumbs .date {
position: relative;
font-size: 1em;
line-height: 2em;
font-size: 14px;
line-height: 16px;
padding-top: 30px;
color: #6ebe49;
margin-bottom: 10px;
}
.our-story-timeline .container .thumbs .date:before {
content: "";
position: absolute;
top: -7px;
left: 0;
width: 15px;
height: 15px;
border-radius: 50%;
background: #6ebe49;
}
.our-story-timeline .container .thumbs .date:after {
content: "";
height: 29px;
width: 1px;
position: absolute;
background: #6ebe49;
left: 7px;
top: -14px;
}
.our-story-timeline .container .thumbs .shortDes p {
font-size: 12px;
line-height: 16px;
color: #666;
font-weight: 300;
font-weight: normal;
margin-bottom: 0.5em;
}
.our-story-timeline .container .thumbs .industryShortDes {
padding-right: 1.5em;
padding-bottom: 50px;
opacity: 1;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.our-story-timeline .container .thumbs .industryShortDes p {
color: #666;
font-size: 14px;
line-height: 1.2em;
font-style: italic;
margin-bottom: 0.5em;
}
.our-story-timeline .container .thumbs .split {
display: none;
}
.our-story-timeline .container .controls {
z-index: 5;
margin: 0 auto;
}
.our-story-timeline .container .controls .arrow {
position: absolute;
top: 50%;
width: 100%;
}
.our-story-timeline .container .controls .arrow > a {
color: #6ebe49;
font-size: 40px;
text-decoration: none;
position: absolute;
cursor: pointer;
opacity: 1;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.our-story-timeline .container .controls .arrow > a.disabled {
opacity: 0;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
cursor: default;
}
.our-story-timeline .container .controls .arrow > a.prev {
left: -40px;
margin-left: -10px;
}
.our-story-timeline .container .controls .arrow > a.next {
left: 100%;
margin-left: 10px;
}
.our-story-timeline .text-scrollbar .viewport {
/*width: calc(100% - 8px);*/
height: 240px;
overflow: hidden;
position: relative;
}
.our-story-timeline .text-scrollbar .overview {
list-style: none;
position: absolute;
left: 0;
top: 0;
padding: 0;
margin: 0;
}
.our-story-timeline .text-scrollbar .scrollbar {
position: relative;
background-position: 0 0;
float: right;
width: 8px;
background: #fff;
}
.our-story-timeline .text-scrollbar .track {
height: 100%;
width: 6px;
position: relative;
padding: 0 1px;
background: #fff;
}
.our-story-timeline .text-scrollbar .thumb {
height: 20px;
width: 8px;
cursor: pointer;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
background: #666;
}
.our-story-timeline .text-scrollbar .thumb .end {
overflow: hidden;
height: 5px;
width: 8px;
background: #666;
}
.our-story-timeline .text-scrollbar .disable {
display: none;
}
.our-story-timeline #selenium-highlight {
display: none;
}
.noSelect {
-ms-user-select: none;
user-select: none;
-o-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
}
@-webkit-keyframes heroInitialLoad {
from {
-webkit-transform: scale(0.8) rotate(0.08deg);
transform: scale(0.8) rotate(0.08deg);
}
to {
-webkit-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
}
}
@keyframes heroInitialLoad {
from {
-webkit-transform: scale(0.8) rotate(0.08deg);
transform: scale(0.8) rotate(0.08deg);
}
to {
-webkit-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
}
}
.inline-warranty-validator {
margin-bottom: 50px;
padding-right: 100px;
}
.inline-warranty-validator input:focus {
border-color: rgba(110, 190, 7, 0.8);
outline: 0;
}
.inline-warranty-validator h2,
.inline-warranty-validator h3 {
color: #393939;
font-size: 32px;
line-height: 1.2;
font-weight: 300;
margin-bottom: 20px;
}
.inline-warranty-validator .content {
position: relative;
}
.inline-warranty-validator .overlay {
position: absolute;
z-index: 3;
background: #fff;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.inline-warranty-validator .overlay .box {
position: absolute;
width: 100%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
.inline-warranty-validator .overlay img {
float: none;
}
.inline-warranty-validator .iwv-form label {
margin-bottom: 12px;
color: #868589;
font-weight: 300;
}
.inline-warranty-validator .iwv-form .info {
min-height: 130px;
}
.inline-warranty-validator .iwv-form .info .image {
float: right;
width: 130px;
}
.inline-warranty-validator .iwv-form .info .text {
margin-right: 130px;
}
.inline-warranty-validator .iwv-form .info dl {
margin: 16px 0;
}
.inline-warranty-validator .iwv-form .info dd {
margin-left: 0;
color: #666;
}
.inline-warranty-validator .iwv-form .info dd + dt {
margin-top: 8px;
}
.inline-warranty-validator .iwv-form .text-note {
font-size: 12px;
line-height: 15px;
color: #888;
}
.inline-warranty-validator .iwv-form .state {
min-height: 64px;
margin-bottom: 16px;
}
.inline-warranty-validator .iwv-form .state .image {
float: left;
width: 64px;
}
.inline-warranty-validator .iwv-form .state svg {
display: none;
}
.inline-warranty-validator .iwv-form .state svg.valid path {
fill: #fff;
}
.inline-warranty-validator .iwv-form .state.valid svg.valid {
display: block;
}
.inline-warranty-validator .iwv-form .state.valid svg.valid path#bg {
fill: #6ebe49;
}
.inline-warranty-validator .iwv-form .state.expired svg.expired {
display: block;
}
.inline-warranty-validator .iwv-form .state.question svg.question {
display: block;
}
.inline-warranty-validator .iwv-form .state.question svg.question .cls-1 {
fill: #6ebe49;
}
.inline-warranty-validator .iwv-form .state.rescue svg.rescue {
display: block;
}
.inline-warranty-validator .iwv-form .state.rescue svg.rescue circle {
fill: #6ebe49;
}
.inline-warranty-validator .iwv-form .state.rescue.expired svg.rescue circle {
fill: #868689;
}
.inline-warranty-validator .iwv-form .state .text {
margin-left: 80px;
color: #666;
}
.inline-warranty-validator .iwv-form .state .text p.l2,
.inline-warranty-validator .iwv-form .state .text p.l3 {
color: #ea1d2c;
}
.inline-warranty-validator .iwv-form .state .text a {
color: #6ebe49;
}
.inline-warranty-validator .iwv-form .state .text a:hover,
.inline-warranty-validator .iwv-form .state .text a:focus {
color: #6ebe49;
}
.inline-warranty-validator .input-text {
display: block;
margin: 12px 0;
width: 100%;
font-size: 16px;
line-height: 20px;
height: 44px;
padding: 12px 16px;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
color: #333;
}
.inline-warranty-validator .input-text::-moz-placeholder {
color: #d7d7d7;
opacity: 1;
}
.inline-warranty-validator .input-text:-ms-input-placeholder {
color: #d7d7d7;
}
.inline-warranty-validator .input-text::-webkit-input-placeholder {
color: #d7d7d7;
}
.inline-warranty-validator .help-block {
text-align: center;
margin-bottom: 16px;
}
.inline-warranty-validator .help-block a {
color: #6ebe49;
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
}
.inline-warranty-validator .help-block a:hover,
.inline-warranty-validator .help-block a:focus {
color: #6ebe49;
}
.inline-warranty-validator .btn {
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
margin: 16px 0;
}
.inline-warranty-validator .btn-block {
display: block;
width: 100%;
}
.inline-warranty-validator .btn-primary {
height: 44px;
padding: 12px 16px;
font-size: 16px;
line-height: 20px;
}
.inline-warranty-validator .btn-gray {
font-size: 16px;
line-height: 20px;
height: 44px;
padding: 12px 16px;
background-color: #868689;
border-color: transparent;
color: #fff;
}
.inline-warranty-validator .btn-gray:hover,
.inline-warranty-validator .btn-gray:focus {
background-color: #666;
border-color: transparent;
}
.inline-warranty-validator .btn-gray[disabled] {
background: #ccc;
border-color: transparent;
}
.inline-warranty-validator .text-danger {
color: #dc1f2e;
}
.inline-warranty-validator .recaptcha-box {
margin-bottom: 16px;
}
.inline-warranty-validator .recaptcha-box div {
margin: auto;
}
.inline-warranty-validator .rb-image {
text-align: center;
}
.inline-warranty-validator .rb-image img {
float: none;
cursor: pointer;
margin: 0 auto;
}
.has-tt {
position: relative;
cursor: default;
}
.has-tt .tooltip-box {
display: none;
position: absolute;
padding-top: 8px;
top: 100%;
}
.has-tt .tooltip-box > .arrow {
z-index: 2;
border-width: 9px;
left: 16px;
border-top-width: 0;
border-bottom-color: #999999;
border-bottom-color: rgba(0, 0, 0, 0.25);
top: 0;
}
.has-tt .tooltip-box > .arrow,
.has-tt .tooltip-box > .arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.has-tt .tooltip-box > .arrow:after {
border-width: 8px;
content: " ";
top: 1px;
left: -8px;
border-top-width: 0;
border-bottom-color: #ffffff;
}
.has-tt .tooltip-box .content {
position: relative;
z-index: 1;
background-color: #ffffff;
background-clip: padding-box;
border: 1px solid #cccccc;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 3px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
white-space: normal;
padding: 12px 16px;
}
.has-tt .tooltip-box .content h5 {
font-size: 18px;
line-height: 22px;
margin-bottom: 10px;
}
.has-tt .tooltip-box .content p {
font-size: 14px;
line-height: 18px;
}
.has-tt .tooltip-box .content p:last-of-type {
margin-bottom: 0;
}
.has-tt:hover .tooltip-box {
display: block;
}
@media (min-width: 1200px) {
.inline-warranty-validator {
padding-right: 130px;
}
}
@media (max-width: 979px) and (min-width: 768px) {
.inline-warranty-validator {
padding-right: 82px;
}
}
@media (max-width: 767px) {
.inline-warranty-validator {
text-align: left;
padding-right: 0px;
}
}
.hero-banner {
margin-bottom: 8px;
height: 412px;
position: relative;
background-color: #000;
z-index: 2;
}
.color-brand {
position: absolute;
width: 100%;
height: 7px;
top: 0;
display: none;
z-index: 2;
}
.hero-banner-item--visible.hero-banner-item--current .color-brand {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.color-brand-item {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.color-brand-item--bg1 {
background: #001e61;
}
.color-brand-item--bg2 {
background: #b32572;
}
.color-brand-item--bg3 {
background: #00a0df;
}
.color-brand-item--bg4 {
background: #008996;
}
.color-brand-item--bg5 {
background: #6abf4b;
}
.color-brand-item--bg6 {
background: #f7be00;
}
.color-brand-item--bg7 {
background: #ff5100;
}
.hero-banner-item {
position: absolute;
width: 100%;
height: 412px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
opacity: 0;
-webkit-transition: all 1s ease;
transition: all 1s ease;
}
.hero-banner-item--hide {
display: none;
}
.hero-banner-item--show {
display: block;
}
.hero-banner-item--visible {
opacity: 1;
z-index: 1;
}
.hero-banner-item__body {
position: relative;
height: 412px;
z-index: 10;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.hero-banner-item__body--left {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.hero-banner-item__body--right {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.hero-banner-item__body--left .hero-banner-item__body__content {
width: 50%;
}
.hero-banner-item__body--center .hero-banner-item__body__content {
width: 100%;
text-align: center;
}
.hero-banner-item__body--right .hero-banner-item__body__content {
width: 50%;
}
.hero-banner-item__body__content .hero-banner-item__image {
margin-bottom: 5px;
}
.hero-banner-item__body__content .hero-banner-item__image img {
height: 100%;
}
.hero-banner-item__body__content .hero-banner-item__intro {
font-size: 12px;
line-height: 14px;
margin-bottom: 5px;
color: #fff;
text-transform: uppercase;
font-weight: 600;
}
.hero-banner-item__body__content .hero-banner-item__name {
font-size: 42px;
line-height: 44px;
margin-bottom: 5px;
color: #fff;
}
.hero-banner-item__body__content .hero-banner-item__description {
font-size: 18px;
line-height: 22px;
color: #fff;
}
.hero-banner-item__cta.btn {
margin-top: 15px;
}
.hero-banner-controls {
list-style: none;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -150px;
margin-bottom: 0;
height: 32px;
width: 300px;
text-align: center;
z-index: 20;
}
.hero-banner-controls li {
display: inline-block;
}
.hero-banner-controls a {
display: block;
float: left;
height: 5px;
width: 5px;
background-color: #fff;
content: " ";
margin-left: 14px;
margin-right: 14px;
border-radius: 20px;
border-color: #6ebe49;
border-width: 2px;
border-style: solid;
opacity: 0.8;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.hero-banner-controls a:hover {
background: none;
}
.hero-banner-controls a.current {
background: none;
}
.supp-anchor {
z-index: 1000;
margin-top: -100px;
margin-bottom: 100px;
display: block;
height: 1px;
width: 1px;
position: absolute;
}
.support-row {
padding-top: 50px;
padding-bottom: 50px;
}
.support-row .support-row-title {
color: #393939;
font-size: 24px;
line-height: 1.2;
font-weight: 300;
margin-bottom: 20px;
}
.support-row .support-row-sub {
color: #999;
font-size: 16px;
font-weight: 300;
text-transform: capitalize;
}
.support-row p {
font-size: 16px;
font-weight: 300;
line-height: 1.4;
}
.support-row .all-caps {
text-transform: uppercase;
color: #6ebe49;
font-size: 12px;
font-weight: 600;
}
.support-row #FindFirmwareForm form {
padding: 0;
}
.support-row #FindFirmwareForm #SerialDownloads:empty {
padding-bottom: 0;
}
.support-row #FindFirmwareForm .all-caps {
display: block;
margin-bottom: 15px;
}
.support-row #FindFirmwareForm input {
display: block;
margin-bottom: 15px;
width: 75%;
}
.support-row #FindFirmwareForm button {
display: block;
margin-bottom: 15px;
width: 78%;
}
.support-link-list {
margin-left: 0;
margin-bottom: 30px;
text-align: left;
}
.support-link-list li {
list-style: none;
margin-bottom: 4px;
}
.support-link-list li a {
color: #6ebe49;
}
.support-icon-link-list .support-icon-link-item {
clear: left;
margin-bottom: 40px;
min-height: 100px;
}
.support-icon-link-list .support-icon-link-icon {
float: left;
margin-right: 30px;
width: 100px;
}
.support-icon-link-list .support-icon-link-text {
text-align: left;
margin-left: 130px;
}
.support-icon-link-list .support-icon-link-text h3 {
font-size: 16px;
}
.support-icon-link-list .support-icon-link-text h3 a {
color: #6ebe49;
}
.support-icon-link-list .support-icon-link-text p {
color: #868589;
}
.support-icon-link-list .support-icon-link-view-all {
float: right;
}
#support-header {
background-color: #000;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 200px;
margin-top: -20px;
}
#support-header > .container {
position: relative;
padding-top: 10px;
height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#support-header .support-header-content {
overflow: hidden;
}
#support-header .support-header-content img {
width: 180px;
height: 180px;
float: left;
}
#support-header .support-header-content img + h1 {
margin-left: 180px;
}
#support-header .support-header-content h1 {
color: #fff;
}
#support-header .support-header-content h1:only-child {
padding-top: 30px;
}
#support-header #helpfulChoice {
position: absolute;
bottom: 0;
right: 0;
}
#support-header #helpfulChoice #helpfulQ {
color: #fff;
text-transform: uppercase;
text-align: right;
background-color: rgba(110, 190, 73, 0.9);
padding: 10px 15px;
border-radius: 10px 10px 0 0;
margin-bottom: 0;
}
#support-header #helpfulChoice #helpfulQ #helpfulBtns {
display: inline-block;
}
#support-header #helpfulChoice button {
color: #6ebe49;
background-color: #fff;
border-color: #6ebe49;
padding: 6px 14px;
}
#support-header #helpfulChoice #ratingSubmission #rateSubmit button.cancel_btn {
color: #cd5c5c;
}
#support-anchor-row {
overflow: hidden;
}
#support-anchor-row .anchor-item {
float: left;
width: 15%;
margin-left: 2%;
}
#support-anchor-row .anchor-item.contact-item {
width: 30%;
}
#support-anchor-row .anchor-item:first-child {
margin-left: 0;
}
#support-anchor-row .anchor-item.anchor-gs .anchor-img {
background-image: url(clientlib-resources/resources/bootstrap/images/getting_started_131x131.png);
}
#support-anchor-row .anchor-item.anchor-kb .anchor-img {
background-image: url(clientlib-resources/resources/bootstrap/images/knowledge_base_icon_131x131.png);
}
#support-anchor-row .anchor-item.anchor-ds .anchor-img {
background-image: url(clientlib-resources/resources/bootstrap/images/downloads_icon_131x131.png);
}
#support-anchor-row .anchor-item.anchor-specs .anchor-img {
background-image: url(clientlib-resources/resources/bootstrap/images/specs_icon_131x131.png);
}
#support-anchor-row .anchor-item > a {
display: block;
text-align: center;
padding: 20px 5px;
min-height: 188px;
color: #6ebe49;
}
#support-anchor-row .gtm-anchor {
background-color: #f5f5f5;
}
#support-anchor-row .gtm-anchor p {
font-size: 20px;
line-height: 24px;
margin-top: 10px;
}
#support-anchor-row .anchor-img {
width: 100px;
height: 100px;
background-repeat: no-repeat;
display: block;
background-size: cover;
background-position: center center;
margin: 0 auto;
}
#support-anchor-row .anchor-contact {
background-color: #eff8eb;
}
#support-anchor-row .anchor-contact > .anchor-img {
background-image: url(clientlib-resources/resources/bootstrap/images/support_icon_131x131.png);
}
#support-anchor-row .anchor-contact > .anchor-img.wechat-img {
height: 100px;
width: 88px;
background-image: url(clientlib-resources/resources/bootstrap/images/wechat_icon_560x640.png);
}
#support-anchor-row .anchor-contact p {
font-size: 20px;
line-height: 24px;
margin-top: 10px;
}
#support-anchor-row .anchor-contact p span {
font-size: 16px;
line-height: 19px;
display: block;
margin-top: 6px;
}
#support-getting-started {
position: relative;
overflow: hidden;
}
#vg_outer {
float: left;
width: 100%;
white-space: nowrap;
display: inline-block;
position: relative;
}
div#vg_elem {
position: relative;
width: 100%;
}
#vg_left-button a,
#vg_right-button a {
text-decoration: none;
font-size: 28px;
color: #fff;
}
#vg_left-button:hover,
#vg_right-button:hover {
cursor: pointer;
}
#vg_buttons {
position: absolute;
width: 90px;
top: 30%;
z-index: 1;
font-size: 0;
right: -40px;
}
#vg_left-button {
display: inline-block;
width: 45px;
height: 35px;
background-color: #bbb;
position: relative;
}
#vg_left-button:after {
content: " ";
position: absolute;
top: 7px;
left: 17px;
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 15px solid #fff;
background-color: transparent;
}
#vg_right-button {
display: inline-block;
width: 45px;
height: 35px;
background-color: #bbb;
position: relative;
}
#vg_right-button:after {
content: " ";
position: absolute;
top: 7px;
right: 17px;
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 15px solid #fff;
background-color: transparent;
}
#vg_right-button.disabled,
#vg_left-button.disabled {
background-color: #ddd;
}
#vg_right-button.disabled:after,
#vg_right-button.disabled:after {
border-right: 15px solid #eee;
}
#vg_leftOver {
position: absolute;
height: 100%;
top: 0;
left: 0;
background-color: rgba(255, 255, 255, 0.5);
z-index: 10;
}
#vg_rightOver {
position: absolute;
height: 100%;
top: 0;
right: 0;
background-color: rgba(255, 255, 255, 0.5);
}
#vg_inner a {
text-decoration: none;
font-size: 12px;
color: #6ebe49;
border: 3px solid #6ebe49;
display: block;
overflow: hidden;
margin-bottom: 10px;
}
div#vg_inner {
width: 9999em;
-webkit-transition: -webkit-transform 0.5s;
transition: -webkit-transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s;
}
div#vg_inner p.imgBox {
float: left;
padding-right: 10px;
margin-top: 0;
margin-bottom: 0;
white-space: normal;
color: #6ebe49;
vertical-align: top;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
div#vg_inner p img {
width: 100%;
margin: -10% 0;
}
#vg_elem .hide {
display: none;
}
#vg_inner .imgBox > a {
position: relative;
}
#vg_inner .imgBox > a::before {
position: absolute;
content: " ";
background-image: url(clientlib-resources/resources/bootstrap/images/play-button.png);
background-repeat: no-repeat;
background-position: center;
background-size: 25%;
width: 100%;
height: 100%;
}
.vg_falg {
display: block;
width: 0;
height: 0;
}
a.modalVideoLink {
color: #ffffff;
}
a.modalVideoLink:after {
content: "";
position: relative;
top: 6px;
left: 5px;
width: 20px;
height: 20px;
display: inline-block;
}
a:hover.modalVideoLink:after {
content: "";
}
#vidModal {
top: 0 !important;
left: 0;
margin: 0;
padding-left: 15%;
padding-top: 5%;
padding-right: 100%;
padding-bottom: 100%;
}
#vidModal > .modal-body {
padding: 0;
max-height: none;
}
.modal#vidModal {
width: 70%;
border: none !important;
border-radius: 0px !important;
-webkit-border-radius: 0px !important;
box-shadow: none !important;
-webkit-box-shadow: none !important;
}
.video-body {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
iframe.youtubeEmbed {
border: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#vidModal > button.close {
position: relative;
top: -50px;
right: -10px;
font-size: 60px;
line-height: 50px;
text-shadow: none;
}
#vidModal > button.close:hover {
color: inherit;
}
#vidModal.modal {
-webkit-box-sizing: content-box;
box-sizing: content-box;
background-color: initial !important;
position: fixed !important;
}
.modal-backdrop {
background-color: #dddddd !important;
opacity: 0.8 !important;
}
.modal {
background-color: inherit;
}
#support-downloads .content-box {
margin-bottom: 0;
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
#support-downloads .content-box .alert {
maegin-left: 0;
}
.pdp-tab-content .supp-anchor {
display: none;
}
.pdp-tab-content #support-specs {
padding: 0;
}
.pdp-tab-content #support-specs .support-row-title {
display: none;
}
.wtb-container {
background: #f5f5f5;
padding-bottom: 40px;
margin-top: -20px;
}
.wtb-container.wtb-no-distributors .nav-tabs li {
width: 100%;
}
.wtb-container.wtb-no-distributors .nav-tabs li #distributor_link {
display: none;
}
.wtb-container .wtb-header-bg {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.wtb-container .page-header {
padding-bottom: 0;
margin-top: 36px;
}
.wtb-container .page-header h2 {
margin-bottom: 10px;
}
.wtb-container .nav-tabs {
border: 1px solid #ccc;
border-radius: 40px;
overflow: hidden;
margin-top: 36px;
background: #fff;
}
.wtb-container .nav-tabs li {
width: 50%;
text-align: center;
margin-bottom: 0;
}
.wtb-container .nav-tabs li:only-child {
width: 100%;
}
.wtb-container .nav-tabs li.active a {
background: #6ebe49;
color: #fff;
border-color: #6ebe49;
}
.wtb-container .nav-tabs li > a {
border: 1px solid transparent;
border-radius: 20px;
margin: 3px;
color: #868589;
padding: 6px 0;
}
.wtb-container .tab-content {
overflow: inherit;
}
.wtb-container .wtb-selectors {
margin-top: 15px;
}
.wtb-container .wtb-bg-right {
margin-top: 15px;
text-align: center;
}
.wtb-container .wtb-bg-right > a {
display: inline-block;
}
.wtb-selectors {
margin-bottom: 15px;
overflow: hidden;
}
.wtb-selectors .hide-select .form-group {
display: none;
}
.wtb-selectors select {
width: 100%;
padding: 10px 13px 9px;
height: auto;
}
#tabDistributor .wtb-displays .wtb-box {
height: 130px;
min-height: 130px;
}
.wtb-displays {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.wtb-displays .span3 {
margin-bottom: 3%;
background: #fff;
padding: 12px;
position: relative;
text-align: center;
border-radius: 3px;
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.wtb-displays .span3:nth-child(4n + 1) {
margin-left: 0;
}
.wtb-displays .span3:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
border-radius: 3px;
-webkit-box-shadow: 0 2px 16px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 16px rgba(0, 0, 0, 0.2);
-webkit-transition: -webkit-box-shadow 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: -webkit-box-shadow 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: box-shadow 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: box-shadow 0.6s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-box-shadow 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.wtb-displays .span3:hover {
-webkit-transform: translate(0, -4px);
transform: translate(0, -4px);
}
.wtb-displays .span3:hover:after {
-webkit-box-shadow: 0 4px 32px rgba(0, 0, 0, 0.4), 0 2px 16px rgba(0, 0, 0, 0.4);
box-shadow: 0 4px 32px rgba(0, 0, 0, 0.4), 0 2px 16px rgba(0, 0, 0, 0.4);
}
.wtb-displays a.wtb-box {
cursor: pointer;
}
.wtb-displays .wtb-box {
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
color: #6ebe49;
position: relative;
z-index: 1;
height: 160px;
min-height: 160px;
}
.wtb-displays .wtb-box span {
-ms-flex-item-align: stretch;
align-self: stretch;
}
.wtb-displays .wtb-box img {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.wtb-displays .wtb-box img + .wtb-name {
margin-top: 12px;
font-size: 18px;
line-height: 22px;
}
.wtb-displays .wtb-box .wtb-name {
display: block;
font-size: 22px;
line-height: 26px;
}
.wtb-displays .wtb-des {
display: block;
margin-top: 12px;
color: #868589;
font-size: 15px;
}
#wtbJCModal .close {
position: absolute;
right: 18px;
top: 5px;
}
#wtbJCModal .modal-body {
overflow-y: unset;
}
#wtbJCModal .wtb-selectors label {
display: inline-block;
}
#wtbJCModal .wtb-displays .wtb-box {
height: 120px;
min-height: 120px;
}
.wtb-no-data {
border-radius: 3px;
padding: 10px;
background: #f1f1f1;
text-align: center;
}
.bbModal {
overflow: inherit;
border: none;
border-radius: 0;
}
.bbModal .wtb-loading {
display: none;
text-align: center;
}
.bbModal .wtb-loading.loading {
display: block;
}
.bbModal .wtb-loading.loading > span {
background: transparent url(clientlib-resources/resources/bootstrap/images/seagate-spinner.gif) no-repeat left center;
width: 61px;
height: 61px;
text-align: center;
display: inline-block;
}
.bbModal .row-header {
overflow: hidden;
}
.bbModal .modal-body {
padding: 10px;
}
.bbModal.wtbModal {
overflow: inherit;
}
.bbModal .close {
position: absolute;
top: -40px;
right: -30px;
opacity: 0.8;
}
.bbModal .close.mobile {
display: none;
}
.bbModal .wtb-header {
overflow: hidden;
padding: 5px;
}
.bbModal .wtb-header .header-image {
position: relative;
float: left;
background: #fff;
background-color: #ffffff;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
width: 91px;
height: 86px;
margin: 0 10px 0 0;
padding: 0 0 0 0;
text-align: center;
}
.bbModal .wtb-header .header-image img {
height: 74px;
max-height: 74px;
width: 74px;
min-width: 74px;
margin: 0 0 0 0;
padding: 5px 0 0 0;
}
.bbModal .wtb-header .header-des {
position: relative;
float: left;
width: 80%;
overflow: hidden;
}
.bbModal .wtb-header .header-des .header-title {
position: relative;
float: left;
width: 100%;
color: #191919;
font-size: 18px;
line-height: 27px;
font-weight: 700;
text-align: left;
text-overflow: ellipsis;
overflow: hidden;
white-space: normal;
margin-bottom: 5px;
transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-webkit-transition-duration: 0.2s;
}
.bbModal .wtb-header .header-des .header-number {
position: relative;
float: left;
color: #777;
font-size: 13px;
font-weight: 400;
line-height: 15px;
text-align: left;
}
.bbModal .wtb-selectors {
width: 30%;
padding: 5px;
margin: -64px 0 10px 0;
float: right;
}
.bbModal .wtb-selectors label,
.bbModal .wtb-selectors select {
font-size: 14px;
line-height: 19px;
}
.bbModal .wtb-selectors select {
padding: 5px 5px 5px;
margin-bottom: 0;
}
.bbModal .wtb-displays {
padding-bottom: 10px;
}
.bbModal .wtb-displays > .row-fluid {
border-top: 1px solid #ccc;
padding-top: 10px;
margin-top: 10px;
}
.bbModal .wtb-displays > .row-fluid:first-child {
border-top: none;
padding-top: 0;
margin-top: 0;
}
.bbModal .wtb-displays .wtb-item {
text-align: center;
}
.bbModal .wtb-displays .wtb-item a {
color: #6ebe49;
}
.bbModal .wtb-displays .wtb-item img {
max-width: 90px;
max-height: 60px;
}
.bbModal .wtb-displays .wtb-item .item-price {
font-weight: 600;
}
.bbModal .wtb-displays .wtb-item .btn {
padding: 6px 22px 6px 22px;
color: #fff;
}
.contact-form {
width: 100%;
margin: 20px auto;
}
.contact-form.form-page {
margin-top: -20px;
}
.contact-form .inline-label {
display: inline-block;
}
.contact-form .inline-controls {
display: inline-block;
margin-left: 10px;
}
.contact-form input,
.contact-form select {
width: 100%;
height: 34px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.contact-form input[type="radio"],
.contact-form input[type="checkbox"] {
width: auto;
height: auto;
}
.contact-form textarea {
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
resize: none;
}
.contact-form .form-header {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6ebe49+0,4e8c38+75,82d682+90,4e8c38+100 */
background: #6ebe49;
/* Old browsers */
/* FF3.6-15 */
/* Chrome10-25,Safari5.1-6 */
background: -webkit-gradient(linear, left top, right top, from(#6ebe49), color-stop(75%, #4e8c38), color-stop(90%, #82d682), to(#4e8c38));
background: linear-gradient(to right, #6ebe49 0%, #4e8c38 75%, #82d682 90%, #4e8c38 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6ebe49', endColorstr='#4e8c38', GradientType=1);
/* IE6-9 */
}
.contact-form .form-header h1 {
color: #fff;
padding: 20px 0;
text-align: center;
}
.contact-form .check-group .inline-label {
line-height: 28px;
}
.contact-form .c-form {
padding: 40px 0;
width: 60%;
margin: 0 auto;
}
.contact-form.form-page .c-form {
width: 70%;
}
.contact-form.form-bg .form-body {
background: #f1f1f1;
}
.contact-form.form-border .form-body {
border: 2px solid #6ebe49;
}
.contact-form .controls {
position: relative;
}
.contact-form input[type="file"] {
opacity: 0;
}
.contact-form .input-file {
position: absolute;
left: 0;
height: 34px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.contact-form .input-file .file-btn {
height: 34px;
min-width: 100px;
border-radius: 3px;
background-color: #ebebeb;
border: 1px solid #cccccc;
text-align: center;
line-height: 34px;
font-size: 16px;
cursor: pointer;
display: inline-block;
}
.contact-form .input-file .file-name {
line-height: 17px;
margin-left: 10px;
}
@media (max-width: 991px) {
.contact-form .c-form {
width: 80%;
}
.contact-form.form-page .c-form {
width: 100%;
}
}
.contact-us-banner {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 300px;
margin-top: -20px;
position: relative;
background-color: #ccc;
}
.contact-us-banner > .container {
display: -webkit-box;
-webkit-box-align: center;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
height: 100%;
}
.contact-us-banner .banner-body {
padding-bottom: 10%;
width: 50%;
}
.contact-us-banner .banner-body .banner-title {
color: #333;
font-size: 40px;
font-weight: 600;
margin-bottom: 10px;
}
.contact-us-banner .banner-body .banner-description {
color: #fff;
font-size: 22px;
}
.contact-us-content * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.contact-us-content .contact-us-options {
padding: 50px 0;
}
.contact-us-content .contact-us-options > .container > .row > .span12 {
display: -webkit-box;
-webkit-box-pack: center;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
}
.contact-us-content .contact-us-options .control-group {
padding: 0 10px;
display: inline-block;
}
.contact-us-content .contact-us-options .control-group .control-label {
color: #868589;
}
.contact-us-content .contact-us-options .control-group select {
color: #333;
height: 34px;
}
.contact-us-content .contact-us-options .contact-us-time {
text-align: center;
}
.contact-us-content .contact-us-options .contact-us-time p {
margin-bottom: 6px;
}
.contact-us-content .contact-us-options .contact-us-time .time-zone {
color: #868589;
}
.contact-us-content .contact-us-options .contact-us-time .time-hour {
font-size: 18px;
}
.contact-us-content .contact-us-options .contact-us-time .time-status {
color: #ff5000;
background: #fcf2e9;
border: 1px solid #f2d9c0;
border-radius: 3px;
padding: 5px 8px;
font-size: 14px;
display: inline-block;
}
.contact-us-content .support-items {
display: -webkit-box;
-webkit-box-pack: center;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
}
.contact-us-content .support-items > [class*="span"] {
float: none;
}
.contact-us-content .support-item {
text-align: center;
padding: 10px;
}
.contact-us-content .support-item p {
margin-bottom: 5px;
color: #868589;
}
.contact-us-content .support-item .item-title {
margin-bottom: 20px;
font-size: 32px;
line-height: 1.2;
}
.contact-us-content .support-item .item-des {
margin-bottom: 20px;
}
.contact-us-content .support-item .phone-num {
color: #333;
}
.contact-us-content .support-item .btn {
margin-bottom: 10px;
}
.contact-us-content .support-item .btn .ss-icon {
font-size: 16px;
margin-right: 5px;
vertical-align: middle;
display: inline-block;
}
.contact-us-content .contact-us-support {
padding: 50px 0;
background: #f5f5f5;
}
.contact-us-content .contact-us-support .hidden {
display: none !important;
}
.contact-us-content .contact-us-support .support-title {
text-align: center;
margin-bottom: 20px;
}
.contact-us-content .contact-us-support .support-title h3 {
font-size: 38px;
}
.contact-us-content .contact-us-support .support-item img {
width: 100px;
border: 1px solid #ccc;
}
.contact-us-content .contact-us-help {
padding: 50px 0;
}
.contact-us-content .contact-us-more-help {
padding: 50px 0;
background: #f5f5f5;
}
.contact-us-content .contact-us-more-help .help-title {
margin-bottom: 20px;
text-align: center;
font-size: 32px;
}
.contact-us-content .contact-us-more-help .help-links {
padding: 10px;
}
.contact-us-content .contact-us-more-help .help-links > p {
text-transform: uppercase;
}
.contact-us-content .contact-us-more-help .help-links ul {
padding: 0;
margin: 0;
}
.contact-us-content .contact-us-more-help .help-links ul li {
list-style: none;
padding: 5px 0;
}
.contact-us-content .contact-us-more-help .help-links ul li a {
color: #6ebe49;
}
.contact-us-content .contact-us-more-help .help-links ul li p {
color: #868589;
}
.cuModal {
max-height: 600px !important;
top: 10% !important;
max-height: 94vh !important;
top: 3vh !important;
margin-top: 0 !important;
background-color: #fff;
}
.cuModal * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.cuModal.identifyModal {
width: 360px !important;
margin-left: -180px !important;
top: 10vh !important;
}
.cuModal.identifyModal input {
margin-bottom: 0;
}
.cuModal.identifyModal .error-line {
color: #dc1f2e;
border: 1px solid #f2c0c4;
padding: 8px;
font-size: 14px;
line-height: 18px;
border-radius: 3px;
background: #fce9ea;
}
.cuModal.identifyModal .form-help {
text-align: center;
text-transform: uppercase;
}
.cuModal.identifyModal .form-help a {
color: #6ebe49;
}
.cuModal.identifyModal .form-action .btn {
width: 100%;
}
.cuModal.identifyModal .modal-header {
margin-bottom: 20px;
}
.cuModal.identifyModal .modal-body {
padding-bottom: 20px;
}
.cuModal.identifyModal .modal-body .form-help {
font-size: 12px;
}
.cuModal.cuTkModal .modal-header {
margin-bottom: 20px;
}
.cuModal.cuTkModal .modal-title span {
width: 85%;
}
.cuModal.cuTkModal .modal-title .modal-icon {
width: 24px;
height: 24px;
background: #6ebe49;
color: #fff;
border-radius: 50%;
display: inline-block;
text-align: center;
margin-right: 10px;
position: relative;
}
.cuModal.cuTkModal .modal-title .modal-icon i {
font-size: 13px;
position: absolute;
top: -4px;
left: 6px;
}
.cuModal.cuTkModal .modal-body {
padding-bottom: 20px;
padding-left: 58px;
padding-right: 58px;
}
.cuModal.cuTkModal p {
color: #868589;
}
.cuModal .modal-header {
border: none;
padding: 20px 20px 0 20px;
}
.cuModal .modal-header .close:hover {
color: #000;
}
.cuModal .modal-header .modal-title {
font-size: 32px;
}
.cuModal .modal-footer {
background: #fff;
text-align: left;
}
.cuModal .modal-body {
padding: 0 20px 0 20px;
max-height: 100%;
}
.cuModal .modal-body .error-line {
font-size: 14px;
line-height: 18px;
color: #ea1d2c;
padding: 8px;
background: rgba(234, 29, 44, 0.1);
border-width: 1px;
border-style: solid;
border-color: #f3c5c5;
-o-border-image: initial;
border-image: initial;
border-radius: 3px;
}
.cuModal .modal-body .cu-form {
padding: 20px 0;
margin-right: 20px;
}
.cuModal .modal-body .control-group {
position: relative;
}
.cuModal .modal-body .control-group label {
font-size: 14px;
color: #868589;
}
.cuModal .modal-body .control-group .radio {
position: relative;
color: #333;
margin-left: 0;
margin-right: 10px;
}
.cuModal .modal-body .control-group .checkbox {
position: relative;
color: #333;
}
.cuModal .modal-body .control-group input {
width: 100%;
height: 34px;
margin-bottom: 0;
color: #333;
}
.cuModal .modal-body .control-group input[type="file"] {
opacity: 0;
}
.cuModal .modal-body .control-group input[type="radio"] {
height: auto;
display: inline-block;
opacity: 0;
width: auto;
}
.cuModal .modal-body .control-group input[type="radio"]:checked + .radio-icon > i {
display: block;
}
.cuModal .modal-body .control-group input[type="radio"] + .radio-icon {
display: -webkit-box;
-webkit-box-pack: center;
-webkit-box-align: center;
width: 15px;
height: 15px;
display: -ms-flexbox;
display: flex;
border: 1px solid;
border-radius: 50%;
position: absolute;
left: 0;
top: 8px;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.cuModal .modal-body .control-group input[type="radio"] + .radio-icon > i {
display: none;
width: 7px;
height: 7px;
border-radius: 50%;
background: #333;
}
.cuModal .modal-body .control-group input[type="checkbox"] {
height: auto;
display: inline-block;
}
.cuModal .modal-body .control-group select {
width: 100%;
height: 34px;
color: #333;
}
.cuModal .modal-body .control-group textarea {
width: 100%;
resize: none;
color: #333;
}
.cuModal .modal-body .control-group .input-files-name {
margin: 0 0 5px 0;
}
.cuModal .modal-body .control-group .input-files-name li {
padding: 2px;
list-style: none;
display: -webkit-box;
-webkit-box-pack: justify;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
font-size: 14px;
}
.cuModal .modal-body .control-group .input-files-name li .file-remove {
margin-left: 8px;
color: #868589;
display: block;
cursor: pointer;
}
.cuModal .modal-body .control-group .input-file {
position: absolute;
left: 0;
display: -webkit-box;
-webkit-box-align: center;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
}
.cuModal .modal-body .control-group .input-file .file-btn {
display: inline-block;
min-width: 100px;
font-size: 16px;
line-height: 34px;
text-align: center;
cursor: pointer;
border: 1px solid #cccccc;
border-radius: 3px;
padding: 4px 10px;
}
.cuModal .modal-body .control-group .input-file .file-btn .ss-icon {
margin-right: 5px;
}
.cuModal .modal-body .form-action .btn .ss-icon {
margin-right: 5px;
display: inline-block;
vertical-align: middle;
}
.cuModal .form-action .btn .ss-icon {
margin-right: 5px;
display: inline-block;
vertical-align: middle;
}
.cuModal .cu-info {
background: #f5f5f5;
padding: 20px;
margin-bottom: 20px;
}
.cuModal .cu-info .nav-selections .dropdown-toggle {
width: 100%;
}
.cuModal .cu-info .info {
margin-bottom: 20px;
}
.cuModal .cu-info .info > .controls {
display: none;
}
.cuModal .cu-info .info.editing > p {
display: none;
}
.cuModal .cu-info .info.editing > .controls {
display: block;
}
.cuModal .cu-info .info .ss-icon {
margin-left: 5px;
}
.cuModal .cu-info .info p {
margin-bottom: 2px;
}
.cuModal .cu-info label {
font-size: 14px;
color: #868589;
}
.nav-selections .dropdown {
width: 100%;
}
.nav-selections .dropdown.open .dropdown-toggle {
color: #333;
background-color: #fff;
}
.nav-selections .dropdown.open .s-caret {
border-top-color: #000000;
opacity: 1;
}
.nav-selections .dropdown-toggle {
color: #333;
margin: 0;
padding-left: 8px;
padding-top: 6px;
padding-bottom: 6px;
border: 1px solid #ccc;
border-radius: 3px;
height: 34px;
width: 220px;
}
.nav-selections .dropdown-toggle:hover {
background-color: #fff;
}
.nav-selections .s-caret {
float: right;
border-top: 6px solid #000000;
border-right: 3px solid transparent;
border-left: 3px solid transparent;
opacity: 1;
margin-top: 8px;
margin-right: 5px;
text-indent: -99999px;
}
.nav-selections .dropdown-menu {
min-width: 100%;
padding: 8px 0;
}
.nav-selections .dropdown-menu > li label {
color: #868589;
padding: 0 8px;
}
.nav-selections .dropdown-menu > li .regions {
margin-bottom: 8px;
}
.nav-selections .dropdown-menu > li p {
margin-bottom: 0;
padding: 4px 8px;
cursor: pointer;
}
.nav-selections .dropdown-menu > li p:hover {
background: #999;
color: #fff;
}
.modal-backdrop {
background-color: #000 !important;
opacity: 0.8 !important;
}
.modal#find-serial {
background: #fff;
}
.modal#find-serial .modal-body {
overflow: hidden;
max-height: 600px;
}
.cuModal .modal-footer .form-action .btn {
margin-left: 0;
margin-bottom: 10px;
}
.cuModal .modal-footer .form-action .btn:first-child {
margin-right: 10px;
}
/* support section defaults */
.support-row {
padding-top: 50px;
padding-bottom: 50px;
}
.support-row.alt {
background-color: #f5f5f5;
padding-top: 40px;
}
.support-row.first {
margin-top: -20px;
}
.support-row h2 {
color: #393939;
font-size: 32px;
line-height: 1.2;
font-weight: 300;
margin-bottom: 20px;
}
.support-row h3 {
color: #6ebe49;
font-size: 16px;
font-weight: 300;
}
.support-row p {
color: #868589;
font-size: 16px;
font-weight: 300;
line-height: 1.4;
}
.support-row .all-caps {
text-transform: uppercase;
color: #6ebe49;
font-size: 12px;
font-weight: 600;
}
.support-row h3 a {
color: #6ebe49;
}
@media (max-width: 767px) {
.support-row h2 {
font-size: 20px;
margin-bottom: 20px;
}
.support-row p {
font-size: 14px;
}
.support-row-centered-mobile {
text-align: center;
}
}
.support-link-list {
margin-left: 0;
margin-bottom: 30px;
text-align: left;
}
.support-link-list li {
list-style: none;
margin-bottom: 4px;
}
.support-link-list li a {
color: #6ebe49;
}
.support-icon-link-list .support-icon-link-item {
clear: left;
margin-bottom: 40px;
min-height: 100px;
}
.support-icon-link-list .support-icon-link-icon {
float: left;
margin-right: 30px;
width: 100px;
}
.support-icon-link-list .support-icon-link-text {
text-align: left;
}
.support-icon-link-list .support-icon-link-text h3 {
font-size: 16px;
}
.support-icon-link-list .support-icon-link-text h3 a {
color: #6ebe49;
}
.support-icon-link-list .support-icon-link-text p {
color: #868589;
}
.support-icon-link-list .footer {
text-align: right;
}
.support-icon-link-list.support-icon-link-list-inline {
text-align: center;
}
.support-icon-link-list.support-icon-link-list-inline .support-icon-link-icon {
float: none;
margin-left: auto;
margin-right: auto;
}
.support-icon-link-list.support-icon-link-list-inline .support-icon-link-text {
text-align: center;
margin-left: 0;
}
@media (max-width: 767px) {
.support-icon-link-list .support-icon-link-item {
margin-bottom: 30px;
min-height: 70px;
margin-left: auto;
margin-right: auto;
}
.support-icon-link-list .support-icon-link-icon {
float: left;
margin-right: 30px;
width: 75px;
}
.support-icon-link-list .support-icon-link-text {
margin-left: 105px;
}
.support-icon-link-list .support-icon-link-text h3 {
font-size: 14px;
}
.support-icon-link-list .support-icon-link-text p {
font-size: 14px;
margin-left: 0;
}
.support-icon-link-list .footer {
text-align: center;
}
}
/* support banner defaults */
.support-row.support-banner {
background-color: #000;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
min-height: 500px;
}
.support-row.support-banner h1 {
font-size: 40px;
color: #fff;
font-weight: 600;
margin-bottom: 15px;
line-height: 1.1;
}
@media (max-width: 767px) {
.support-row.support-banner {
padding-top: 20px;
padding-bottom: 20px;
}
.support-row.support-banner {
min-height: 249px;
}
.support-row.support-banner h1 {
font-size: 22px;
margin-bottom: 10px;
}
}
/* support home banner */
.support-home-banner {
background-color: #000;
background-image: url(../../../www-content/support-content/support-home-2018/images/support-main-banner-image-dt.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.support-home-banner .support-banner-content {
padding-top: 114px;
padding-bottom: 40px;
}
.support-home-banner h1 {
font-size: 40px;
color: #fff;
font-weight: 600;
margin-bottom: 12px;
line-height: 1.1;
}
.support-home-banner h2 {
font-size: 12px;
color: #fff;
text-transform: uppercase;
font-weight: 400;
margin-bottom: 12px;
}
.support-home-banner p.description {
font-size: 18px;
color: #fff;
line-height: 1.4;
margin-bottom: 20px;
}
.support-home-banner .support-link-list li a {
color: #fff;
}
.support-search-form {
position: relative;
}
.support-banner-search-box {
width: 480px;
padding: 18px 15px;
}
.support-banner-search-box.loading {
background-image: url(../../../ww/universal/images/seagate-spinner.gif);
background-repeat: no-repeat;
background-position: 97%;
background-size: 35px;
}
.support-search-overlay {
background-color: #fff;
border: 1px solid #707070;
position: absolute;
padding: 10px 15px;
margin: 5px 0 0 0;
width: 500px;
display: block;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 500ms;
transition: visibility 500ms;
}
.support-banner-search-box:focus ~ .support-search-overlay {
visibility: visible;
z-index: 1;
opacity: 1;
}
.support-search-overlay p {
color: #868589;
}
.support-search-overlay a {
color: #6ebe49;
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
}
.support-search-overlay h3 {
font-size: 24px;
color: #535353;
margin-bottom: 20px;
}
.support-search-overlay ul {
margin: 0;
}
.support-search-overlay ul li {
list-style: none;
margin-bottom: 10px;
float: left;
width: 120px;
text-align: center;
line-height: 1.2;
}
.support-search-overlay ul li img {
height: 35px;
margin: 0 auto 10px;
display: block;
}
.system-color {
color: #393939 !important;
}
.support-compliance-space {
margin-bottom: 40px;
}
.support-search-overlay ul li a {
text-transform: none;
font-weight: 300;
font-size: 14px;
}
#firmware {
border-top: 127px solid transparent;
margin-top: -127px;
background-clip: padding-box;
}
#find-serial .modal-body {
max-height: 600px;
background-color: #fff;
}
@media (max-width: 1199px) {
.support-search-form button {
margin-top: 10px;
}
}
@media (max-width: 767px) {
.support-banner {
background-image: url(../../../www-content/support-content/support-home-2018/images/support-main-banner-image-m.jpg);
min-height: 289px;
}
.support-banner-content {
padding-top: 75px;
padding-bottom: 0px;
}
.support-banner h1 {
font-size: 22px;
width: 60%;
margin-bottom: 0px;
}
.support-banner h2 {
font-size: 12px;
margin-bottom: 6px;
}
.support-banner-search-box {
width: 90%;
font-size: 12px;
}
.support-banner p.description {
display: none;
}
.support-search-overlay {
width: 90%;
}
.support-search-overlay ul li {
margin: 0 auto 0 auto;
width: auto;
text-align: left;
display: block;
float: none;
}
.support-search-overlay .ql-icon {
display: inline-block;
text-align: center;
width: 60px;
margin-right: 10px;
}
.support-search-overlay .ql-link {
display: inline-block;
}
.support-search-overlay ul li img {
height: auto;
display: inline;
}
.support-search-overlay ul li a {
text-transform: none;
font-weight: 300;
font-size: 14px;
display: inline-block;
}
}
/*Products*/
/*list*/
.no-list li {
list-style: none;
}
.four-products {
margin-left: -55px;
}
@media (max-width: 979px) and (min-width: 768px) {
.four-products {
margin-left: -45px;
}
}
@media (max-width: 1199px) and (min-width: 980px) {
.four-products {
margin-left: -45px;
}
}
@media (max-width: 767px) and (min-width: 321px) {
.four-products {
margin-left: -31px;
}
}
/* support product grid */
.support-product-grid .header,
.support-product-grid .footer {
text-align: center;
}
.support-product-grid .header h2 {
font-size: 28px;
font-weight: 300;
margin-bottom: 30px;
}
.support-product-grid .support-product {
border: 1px solid #707070;
margin-bottom: 30px;
-webkit-transition: border-color 200ms;
transition: border-color 200ms;
}
.support-product-grid .support-product:hover {
border-color: #6ebe49;
}
.support-product-grid .support-product a:hover {
text-decoration: none;
}
.support-product-grid .support-product-name {
background-color: #ccc;
color: #393939;
font-weight: 600;
font-size: 14px;
padding: 10px 15px 12px;
display: block;
}
.support-product-grid .support-product img {
height: auto;
}
@media (max-width: 767px) {
.support-product-grid .header h2 {
font-size: 20px;
margin-bottom: 20px;
}
.support-product-grid .support-product {
margin-bottom: 30px;
}
.support-product-grid .row {
margin-left: -2%;
}
.support-product-grid .span3 {
width: 48%;
margin-left: 2%;
float: left;
}
.support-product-grid .span2 {
width: 48%;
margin-left: 2%;
float: left;
}
.support-product-grid .support-product-name {
font-size: 12px;
padding: 4px 8px 2px 8px;
}
}
/* search made simple */
.search-made-simple-banner {
background-image: url(../../../www-content/support-content/support-home-2018/images/search-made-simple-image-dt.jpg);
}
.search-made-simple-banner .heading {
padding-top: 75px;
text-align: center;
color: #fff;
font-size: 32px;
font-weight: 300;
}
@media (max-width: 767px) {
.search-made-simple-banner {
background-image: url(../../../www-content/support-content/support-home-2018/images/search-made-simple-image-m.jpg);
min-height: 289px;
}
.search-made-simple-banner .heading {
font-size: 20px;
padding-top: 40px;
}
}
/* support top articles */
.support-top-articles {
margin-bottom: 50px;
}
.support-top-articles h2 {
color: #393939;
font-size: 30px;
margin-bottom: 20px;
}
.support-top-articles p {
color: #868589;
margin-bottom: 40px;
}
.support-top-articles .feature {
border: 1px solid #707070;
margin-bottom: 40px;
-webkit-transition: border-color 200ms;
transition: border-color 200ms;
}
.support-top-articles .feature:hover {
border-color: #6ebe49;
}
.support-top-articles .feature a:hover {
text-decoration: none;
}
.support-top-articles .feature .article-image {
text-align: center;
background-color: #fff;
}
.support-top-articles .feature .article-name {
background-color: #ccc;
color: #393939;
font-weight: 600;
font-size: 14px;
padding: 10px 15px 12px;
text-align: left;
}
.support-top-articles .feature .article-name a {
color: #393939;
}
.support-top-articles .footer {
text-align: right;
}
@media (max-width: 767px) {
.support-top-articles h2 {
font-size: 20px;
text-align: center;
margin-bottom: 5px;
}
.support-top-articles p {
text-align: center;
}
.support-top-articles .feature .article-name {
font-size: 12px;
padding: 4px 8px 2px 8px;
}
.support-top-articles .footer {
text-align: center;
}
}
/* warranty banner */
.warranty-banner {
background-image: url(https://www.seagate.com/www-content/support-content/support-home-2018/images/warranty-image-dt.jpg);
}
/*
.warranty-banner:lang(id-id){
background-image: url(../../../www-content/support-content/support-home-2018/images/warranty/warranty-banner-desk-id-id-1920x600.jpg);
}
.warranty-banner:lang(zh-tw){
background-image: url(../../../www-content/support-content/support-home-2018/images/warranty/warranty-banner-desk-zh-tw-1920x600.jpg);
}
*/
.warranty-banner-content {
padding-top: 215px;
}
.warranty-banner-content h2 {
color: #fff;
margin-bottom: 20px;
font-weight: 300;
font-size: 34px;
}
.warranty-banner-content p {
color: #fff;
font-size: 18px;
margin-bottom: 20px;
line-height: 1.5;
}
@media (max-width: 767px) {
.warranty-banner {
background-image: url(https://www.seagate.com/www-content/support-content/support-home-2018/images/warranty-image-dt.jpg);
min-height: 298px;
}
/*
.warranty-banner:lang(id-id){
background-image: url(../../../www-content/support-content/support-home-2018/images/warranty/warranty-banner-mobile-id-id-360x274.jpg);
min-height: 298px;
}
.warranty-banner:lang(zh-tw){
background-image: url(../../../www-content/support-content/support-home-2018/images/warranty/warranty-banner-mobile-zh-tw-360x274.jpg);
min-height: 298px;
}
*/
.warranty-banner-content {
padding-top: 50px;
width: 60%;
}
.warranty-banner-content h2 {
margin-bottom: 10px;
font-size: 20px;
line-height: 1.2;
}
.warranty-banner-content p {
color: #fff;
font-size: 14px;
margin-bottom: 20px;
line-height: 1.4;
}
}
/* support community intro */
.support-community-intro {
margin-bottom: 30px;
}
.support-community-intro h2 {
color: #393939;
font-size: 30px;
margin-bottom: 20px;
}
.support-community-intro p {
color: #868589;
margin-bottom: 20px;
}
@media (max-width: 767px) {
.support-community-intro {
margin-bottom: 30px;
text-align: center;
}
.support-community-intro h2 {
font-size: 20px;
margin-bottom: 5px;
}
.support-community-intro p {
margin-bottom: 15px;
}
}
/* videos */
.support-featured-videos .video {
margin-bottom: 30px;
}
.support-featured-videos .video .video-title {
display: block;
color: #6ebe49;
}
.support-featured-videos .video .video-thumbnail {
position: relative;
border: 5px solid #6ebe49;
display: block;
overflow: hidden;
color: #6ebe49;
margin-bottom: 15px;
}
.support-featured-videos .video .video-thumbnail::before {
position: absolute;
content: " ";
background-image: url(../../../www-content/support-content/support-home-2018/images/play-button.png);
background-repeat: no-repeat;
background-position: center;
background-size: 20%;
width: 100%;
height: 100%;
}
.support-featured-videos .video .video-thumbnail img {
margin: -10% 0;
min-width: 100%;
}
@media (max-width: 767px) {
.support-featured-videos .video .video-title {
font-size: 14px;
}
}
/* support other links */
.support-other-links {
background-color: #f0f0f0;
margin-bottom: 60px;
padding: 20px 40px 30px 40px;
}
.support-other-links h2 {
color: #393939;
margin-bottom: 15px;
font-size: 30px;
}
.support-other-links p {
color: #868589;
margin-bottom: 15px;
}
.support-other-links a.all-caps {
display: block;
}
.support-other-links hr {
border-top: 1px solid #8d9ba6;
border-bottom: none;
}
@media (max-width: 767px) {
.support-other-links {
text-align: center;
}
.support-other-links h2 {
margin-bottom: 10px;
font-size: 20px;
}
}
/* contact us banner */
/*
.contact-us-banner {
background-color: #000;
background-image: url(../../../www-content/support-content/support-home-2018/images/contact-us-image-dt.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
min-height: 600px;
}
.contact-us-banner-content {
padding-top: 215px;
text-align: center;
}
.contact-us-banner-content h2 {
color: #fff;
margin-bottom: 20px;
font-weight: 300;
font-size: 34px;
}
@media (max-width: 767px) {
.contact-us-banner {
min-height: 298px;
background-image: url(../../../www-content/support-content/support-home-2018/images/contact-us-image-m.jpg);
}
.contact-us-banner-content {
padding-top: 75px;
}
.contact-us-banner-content h2 {
margin-bottom: 15px;
font-size: 20px;
}
}
*/
/* video modal */
a.modalVideoLink {
color: #ffffff;
}
a.modalVideoLink:after {
content: "";
background: url("../../../www-content/_shared/_images/playthinline-sprite-20x50.png") 0 -30px no-repeat;
position: relative;
top: 6px;
left: 5px;
width: 20px;
height: 20px;
display: inline-block;
}
a:hover.modalVideoLink:after {
content: "";
background: url("../../../www-content/_shared/_images/playthinline-sprite-20x50.png") 0 0 no-repeat;
}
#vidModal {
top: 0 !important;
left: 0;
margin: 0;
padding-left: 15%;
padding-top: 5%;
padding-right: 100%;
padding-bottom: 100%;
}
#vidModal > .modal-body {
padding: 0;
max-height: none;
}
.modal#vidModal {
width: 70%;
border: none !important;
border-radius: 0px !important;
-webkit-border-radius: 0px !important;
box-shadow: none !important;
-webkit-box-shadow: none !important;
}
.video-body {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
iframe.youtubeEmbed,
.video-body iframe {
border: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#vidModal > button.close {
position: relative;
top: -50px;
right: -10px;
font-size: 60px;
line-height: 50px;
text-shadow: none;
}
#vidModal > button.close:hover {
color: inherit;
}
@media (max-width: 767px) {
.vidBanner > div {
height: 270px;
text-align: left;
padding-left: 25px;
}
.bannerCopy {
padding-top: 90px;
}
#vidModal {
padding-top: 50px;
padding-left: 0;
}
.modal#vidModal {
width: 100% !important;
padding-left: 0 !important;
}
#vidModal > button.close {
top: initial;
left: initial;
margin-top: -50px;
}
}
#vidModal.modal {
-webkit-box-sizing: content-box;
box-sizing: content-box;
background-color: initial !important;
position: fixed !important;
}
.modal-backdrop {
background-color: #dddddd !important;
opacity: 0.8 !important;
}
/* warranty landing page */
/*
.support-banner.warranty-landing-banner:lang(id-id){
background-image: url(../../../www-content/support-content/support-home-2018/images/warranty/warranty-banner-desk-id-id-1920x600.jpg);
}
.support-banner.warranty-landing-banner:lang(zh-tw){
background-image: url(../../../www-content/support-content/support-home-2018/images/warranty/warranty-banner-desk-zh-tw-1920x600.jpg);
}
*/
.support-banner.warranty-landing-banner .support-banner-content {
/*padding-top: 150px;*/
}
.support-banner.warranty-landing-banner .support-banner-content p {
color: #fff;
font-size: 18px;
font-weight: 300;
margin-bottom: 20px;
line-height: 1.5;
}
.support-banner.warranty-landing-banner .support-banner-content .btn {
margin-right: 50px;
min-width: 180px;
}
.support-banner.warranty-landing-banner .support-banner-video-play {
padding-top: 150px;
}
.support-banner.warranty-landing-banner .inline-warranty-validator {
background-color: rgba(0, 0, 0, 0.75);
padding: 20px;
border-radius: 4px;
margin-bottom: 0;
}
.support-banner.warranty-landing-banner .inline-warranty-validator h2 {
color: #fff;
}
.support-banner.warranty-landing-banner .inline-warranty-validator .iwv-form label {
color: #fff;
}
.support-banner.warranty-landing-banner .inline-warranty-validator dt {
color: #fff;
}
.support-banner.warranty-landing-banner .inline-warranty-validator dd {
color: #fff;
}
.support-banner.warranty-landing-banner .inline-warranty-validator p {
color: #fff;
}
.support-banner.warranty-landing-banner .inline-warranty-validator .tooltip-box p {
color: #868589;
}
.support-banner.warranty-landing-banner .inline-warranty-validator .text-danger {
color: #dc1f2e;
}
@media (max-width: 767px) {
.support-banner.warranty-landing-banner {
position: relative;
background-position: left;
}
/*
.support-banner.warranty-landing-banner:lang(id-id){
background-image: url(../../../www-content/support-content/support-home-2018/images/warranty/warranty-banner-mobile-id-id-360x274.jpg);
min-height: 298px;
}
.support-banner.warranty-landing-banner:lang(zh-tw){
background-image: url(../../../www-content/support-content/support-home-2018/images/warranty/warranty-banner-mobile-zh-tw-360x274.jpg);
min-height: 298px;
}
*/
.support-banner.warranty-landing-banner .support-banner-content {
padding-top: 50px;
width: 70%;
}
.support-banner.warranty-landing-banner .support-banner-content h1 {
width: auto;
}
.support-banner.warranty-landing-banner .support-banner-content p {
font-size: 14px;
margin-bottom: 30px;
line-height: 1.5;
}
.support-banner.warranty-landing-banner .support-banner-content .btn {
margin-bottom: 5px;
display: block;
}
.support-banner.warranty-landing-banner .support-banner-video-play {
padding-top: 0px;
width: 50%;
position: absolute;
right: 0;
bottom: 2%;
text-align: center;
}
.support-banner.warranty-landing-banner .support-banner-video-play img {
width: 75px;
}
.support-banner.warranty-landing-banner .inline-warranty-validator h2 {
font-size: 20px;
}
.support-banner.warranty-landing-banner .inline-warranty-validator .iwv-form label {
font-size: 14px;
}
}
@media (max-width: 374px) {
/* resize recaptcha for small phones */
.support-banner.warranty-landing-banner .inline-warranty-validator .recaptcha-box {
transform: scale(0.8);
-webkit-transform: scale(0.8);
transform-origin: 0;
-webkit-transform-origin: 0;
}
}
/* support contact us banner */
.support-banner.contact-us-banner {
background-image: url(../../../www-content/support-content/support-home-2018/images/contact-us-image-dt.jpg);
}
.support-banner.contact-us-banner .support-banner-content {
padding-top: 215px;
text-align: center;
}
.support-banner.contact-us-banner .support-banner-content h2 {
color: #fff;
margin-bottom: 20px;
font-weight: 300;
font-size: 34px;
}
@media (max-width: 767px) {
.support-banner.contact-us-banner {
min-height: 298px;
background-image: url(../../../www-content/support-content/support-home-2018/images/contact-us-image-m.jpg);
}
.support-banner.contact-us-banner .support-banner-content {
padding-top: 75px;
}
.support-banner.contact-us-banner .support-banner-content h2 {
margin-bottom: 15px;
font-size: 20px;
}
}
/* Check Warranty */
.check-warranty input {
display: block;
width: 75%;
}
.check-warranty input.btn {
width: auto;
}
.check-warranty .recaptcha {
margin-bottom: 15px;
}
@media (max-width: 767px) {
.check-warranty {
margin-bottom: 60px;
}
.check-warranty input {
max-width: 320px;
display: block;
margin-left: auto;
margin-right: auto;
}
.check-warranty .recaptcha {
margin: 15px auto;
width: 304px;
}
.check-warranty input.btn {
display: block;
margin: auto;
}
}
/* Returns Login */
.returns-login input {
display: block;
width: 75%;
}
.returns-login input.btn,
.returns-login a.btn {
width: auto;
margin-bottom: 20px;
}
.returns-login .all-caps {
margin-bottom: 15px;
}
@media (max-width: 767px) {
.returns-login {
margin-bottom: 50px;
}
.returns-login h3 {
text-align: left;
}
.returns-login p {
text-align: left;
}
.returns-login input {
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
width: 100%;
}
}
/* Returns Check Status */
.returns-check input {
display: block;
width: 75%;
}
.returns-check input.btn {
width: auto;
}
@media (max-width: 767px) {
.returns-check {
margin-bottom: 50px;
}
.returns-check h3 {
text-align: left;
}
.returns-check p {
text-align: left;
}
.returns-check input {
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
width: 100%;
}
}
/* software downloads banner */
.support-downloads-banner {
background-image: url(../../../www-content/support-content/support-home-2018/images/downloads/software-downloads-banner-image-dt.jpg);
}
.support-downloads-banner .support-banner-content {
padding-top: 140px;
}
.support-downloads-banner .support-banner-content h2 {
color: #fff;
margin-bottom: 20px;
font-weight: 300;
font-size: 20px;
line-height: 1.45;
}
@media (max-width: 767px) {
.support-downloads-banner {
background-image: url(../../../www-content/support-content/support-home-2018/images/downloads/software-downloads-banner-image-m.jpg);
}
.support-downloads-banner .support-banner-content {
padding-top: 60px;
}
.support-downloads-banner .support-banner-content h2 {
font-size: 14px;
width: 50%;
}
}
/* popular downloads list */
.support-popular-downloads-list h2 {
display: inline-block;
margin-right: 30px;
}
.support-popular-downloads-list .os-selector {
display: inline-block;
margin-right: 30px;
margin-bottom: 30px;
}
.support-popular-downloads-list .os-selector a {
display: inline-block;
margin-right: 30px;
}
.support-popular-downloads-list .os-selector .selected {
border-bottom: 4px solid #6ebe49;
}
.support-popular-downloads-list-row {
background-color: #f6f6f6;
padding-top: 30px;
padding-bottom: 30px;
margin-bottom: 20px;
}
.support-popular-downloads-icon {
padding-left: 30px;
}
.support-popular-downloads-buttons {
padding-right: 30px;
text-align: center;
}
.support-popular-downloads-buttons .btn {
width: 75%;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}
.support-popular-downloads-buttons .all-caps {
display: block;
margin-left: auto;
margin-right: auto;
}
.support-row .download-links {
margin-bottom: 30px;
}
.support-row .firmware-downloads input {
display: block;
margin-bottom: 15px;
width: 75%;
}
.support-row .firmware-downloads .all-caps {
display: block;
margin-bottom: 15px;
}
.support-row .firmware-downloads button {
display: block;
margin-bottom: 15px;
width: 78%;
}
@media (max-width: 767px) {
.support-popular-downloads-list h2 {
display: block;
margin-right: 0px;
}
.support-popular-downloads-list .os-selector {
display: block;
margin-right: 0px;
}
.support-popular-downloads-list .os-selector a {
display: inline-block;
margin-left: auto;
margin-right: auto;
width: 49%;
}
.support-popular-downloads-icon {
padding-left: 0px;
width: 100px;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
}
.support-popular-downloads-description {
margin-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
}
.support-popular-downloads-buttons {
padding-right: 0px;
}
.support-row .firmware-downloads input {
margin-left: auto;
margin-right: auto;
}
.support-row .firmware-downloads button {
margin-left: auto;
margin-right: auto;
}
}
/* all products support banner */
.support-products-banner {
background-image: url(../../../www-content/support-content/support-home-2018/images/products/support-products-main-banner-image-dt.jpg);
}
.support-products-banner .support-banner-content {
padding-top: 140px;
}
.support-products-banner .support-banner-content h2 {
color: #fff;
margin-bottom: 20px;
font-weight: 300;
font-size: 20px;
line-height: 1.45;
}
/* support all products grid */
.support-all-products-grid h2 a {
color: #6ebe49;
margin-left: 30px;
position: relative;
cursor: pointer;
}
.support-all-products-grid h2 a:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
content: "+";
left: -30px;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
position: absolute;
-webkit-transition-duration: 0.25s;
transition-duration: 0.25s;
}
.support-all-products-grid h2 a.collapsed:before {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
/* packing instructions */
.support-packaging-banner {
background-image: url(../../../www-content/support-content/support-home-2018/images/support-instructions-banner-image-dt.jpg);
}
.support-packaging-banner .support-banner-content {
padding-top: 140px;
}
.support-packaging-banner .support-banner-content h2 {
color: #fff;
margin-bottom: 20px;
font-weight: 300;
font-size: 20px;
line-height: 1.45;
}
.support-before-you-ship a {
color: #6ebe49;
}
.support-before-you-ship .support-other-links {
margin-bottom: 0;
}
.stx-article .body table.support-pkg-parts th:not(:first-child) {
text-align: center;
}
.stx-article .body table.support-pkg-parts td:not(:first-child) {
text-align: center;
}
@media (max-width: 767px) {
.support-packaging-banner {
background-image: url(../../../www-content/support-content/support-home-2018/images/support-instructions-banner-image-m.jpg);
}
.support-packaging-banner .support-banner-content {
padding-top: 60px;
}
.support-packaging-banner .support-banner-content h2 {
font-size: 14px;
width: 50%;
}
.support-before-you-ship ol {
margin-bottom: 50px;
}
}
/* service center */
/* service center banner */
.service-center-banner {
background-color: #000;
background-image: url(../../../www-content/support-content/support-home-2018/images/support-main-banner-image-dt.jpg);
}
.support-row.service-center-banner {
min-height: auto;
}
.service-center-banner .support-banner-content {
padding-top: 114px;
padding-bottom: 40px;
}
.service-center-banner h2 {
color: #fff;
margin-bottom: 20px;
font-weight: 300;
font-size: 20px;
line-height: 1.45;
}
.service-center-list .span4:nth-child(3n + 1) {
clear: both;
}
.sc-address {
margin-bottom: 20px;
}
.sc-address .company-name {
font-size: 16px;
font-weight: 600;
margin-bottom: 5px;
color: #393939;
}
.sc-address .company-address {
font-size: 16px;
margin-bottom: 5px;
color: #868589;
}
.sc-address .operating-hours {
font-size: 14px;
color: #868589;
}
.sc-address .operating-hours strong {
font-weight: 600;
}
/* svn#184526 adding css for spp down alert */
.spp-down-alert {
display: block;
background-color: #f9f2f4;
color: #c7254e;
padding: 10px;
}
.pull-right {
float: right;
}
.pull-left {
float: left;
}
.hide,
.stx-hide {
display: none;
}
.show,
stx-show {
display: block;
}
.invisible,
stx-invisible {
visibility: hidden;
}
.hidden {
display: none;
visibility: hidden;
}
.visible-phone {
display: none !important;
}
.visible-tablet {
display: none !important;
}
.hidden-desktop {
display: none !important;
}
/* Locale Specific Styles*/
/*pdp*/
:lang(ru-ru) .pdp-tab-control .button {
max-width: 226px;
}
:lang(fr-fr) .pdp-buy-distributor .buy-box-table li {
width: 50%;
}
:lang(fr-fr) .pdp-buy-distributor .buy-box-table li + li {
width: 50%;
}
:lang(zh-cn) .buy-box-table li select {
padding-top: 0;
}
/* For Conflict Styles*/
ul li {
list-style: disc;
}
.pm-nav ul li {
list-style: none;
}
ul.breadcrumb li {
list-style: none;
}
ul.dropdown-menu li {
list-style: none;
}
ul.nav li {
list-style: none;
}
ul.pager li {
list-style: none;
}
ul.nav-breadcrumb li {
list-style: none;
}
ul.unstyled li {
list-style: none;
}
ul.blog-list-list li {
list-style: none;
}
ul.buzz-nav-tabs li {
list-style: none;
}
ul.socList li {
list-style: none;
}
ul.tab-drop li {
list-style: none;
}
ul.banner-home-controls li {
list-style: none;
}
.latest-press-release-list ul li {
list-style: none;
}
.link-list ul li {
list-style: none;
}
ul.nav-breadcrumb li {
list-style: none;
}
.nav-footer-selector ul li {
list-style: none;
}
ul.nav-global li {
list-style: none;
}
ul.nav-global-second-level-list li {
list-style: none;
}
ul.nav-header-subnav li {
list-style: none;
}
.login-choice-drop ul li {
list-style: none;
}
.nav-list ul li {
list-style: none;
}
ul.news-alerts-bar-links li {
list-style: none;
}
ul.news-alerts-bar-icons li {
list-style: none;
}
ul.pdp-main-tab-side li {
list-style: none;
}
ul.pdp-buy-filter-molecule li {
list-style: none;
}
ul.pdp-buy-filter-atom li {
list-style: none;
}
ul.pdp-buy-legend li {
list-style: none;
}
.buy-box-offer ul li {
list-style: none;
}
ul.pdp-info-guides-list li {
list-style: none;
}
.press-release-sl-content ul li {
list-style: none;
}
.press-release-sr-form-wrapper ul li {
list-style: none;
}
.press-release-sr-content ul li {
list-style: none;
}
ul.product-usage-feature-list li {
list-style: none;
}
ul.unit-play-list li {
list-style: none;
}
ul.unit-date-list li {
list-style: none;
}
ul.thumbnails li {
list-style: none;
}
ul.ui-menu li.ui-menu-item {
list-style: none;
}
ol li {
list-style: decimal;
}
.pdp-feature-cell-text ol li {
list-style: decimal;
}
.basicFormatting ol.unstyled {
margin-left: 25px;
}
ul.unstyled li,
ol.unstyled li {
list-style: none;
}
.product-finder-results-table .media .media-body ul li {
list-style: none;
}
.product-finder-results-table .pf-results-list > table > tbody > tr.pf-section-item > td:first-child > ul > li {
list-style: disc;
}
.product-finder-results-grid .media-body ul li {
list-style: none;
}
.product-finder-comparison-box .pf-comparison-list .media .media-body ul li {
list-style: none;
}
.multi-product-controls .product .product-name {
white-space: nowrap;
}
@media print {
#toggle-pencil {
display: none !important;
}
.vui-preview-toolbar {
display: none !important;
}
#vui-cps-preview-loginWelcome {
display: none !important;
}
}
div#blindText-search-metatag[class^="vui-"] + div {
display: none;
}
/*!
* Bootstrap Responsive v2.0.3
*
* Copyright 2012 Twitter, Inc
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
* Designed and built with all the love in the world @twitter by @mdo and @fat.
*/
@media screen and (max-width: 767px) {
.visible-phone {
display: inherit !important;
}
.hidden-phone {
display: none !important;
}
.hidden-desktop {
display: inherit !important;
}
.visible-desktop {
display: none !important;
}
}
@media screen and (min-width: 768px) and (max-width: 979px) {
.visible-tablet {
display: inherit !important;
}
.hidden-tablet {
display: none !important;
}
.hidden-desktop {
display: inherit !important;
}
.visible-desktop {
display: none !important ;
}
}
@media (max-width: 480px) {
.nav-collapse {
-webkit-transform: translate3d(0, 0, 0);
}
.page-header h1 small {
display: block;
line-height: 23px;
}
.page-header h1 {
line-height: 1;
font-size: 20px;
}
.page-header {
padding-bottom: 0;
margin: 16px 0;
}
input[type="checkbox"],
input[type="radio"] {
border: 1px solid #ccc;
}
.form-horizontal .control-group > label {
float: none;
width: auto;
padding-top: 0;
text-align: left;
}
.form-horizontal .controls {
margin-left: 0;
}
.form-horizontal .control-list {
padding-top: 0;
}
.form-horizontal .form-actions {
padding-left: 10px;
padding-right: 10px;
}
.modal {
position: absolute;
top: 10px;
left: 10px;
right: 10px;
width: auto;
margin: 0;
}
.modal.fade.in {
top: auto;
}
.modal-header .close {
padding: 10px;
margin: -10px;
}
.carousel-caption {
position: static;
}
.nav-header-logo {
line-height: 48px;
}
.nav-header-logo img {
width: 110px;
}
.nav-footer-links {
padding-bottom: 20px;
}
.nav-footer-top li {
padding-right: 5px;
}
.right {
text-align: center;
}
.input-large,
.input-xlarge,
.input-xxlarge,
input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input {
height: 40px;
font-size: 16px;
}
input[type="button"],
input[type="reset"],
input[type="submit"] {
height: 40px;
font-size: 16px;
}
}
@media (max-width: 767px) {
body {
/*padding-left: 20px;
padding-right: 20px; */
}
.navbar-fixed-top,
.navbar-fixed-bottom {
margin-left: -20px;
margin-right: -20px;
}
.container-fluid {
padding: 0;
}
.dl-horizontal dt {
float: none;
clear: none;
width: auto;
text-align: left;
}
.dl-horizontal dd {
margin-left: 0;
}
.container {
width: auto;
padding-left: 20px;
padding-right: 20px;
}
.row-fluid {
width: 100%;
}
.row,
.thumbnails {
margin-left: 0;
}
[class*="span"],
.row-fluid [class*="span"] {
float: none;
display: block;
width: auto;
margin-left: 0;
}
input[type="button"],
input[type="reset"],
input[type="submit"] {
width: 100%;
}
.input-large,
.input-xlarge,
.input-xxlarge,
input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input {
display: block;
width: 100%;
min-height: 28px;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.input-prepend input,
.input-append input,
.input-prepend input[class*="span"],
.input-append input[class*="span"] {
display: inline-block;
width: auto;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.row {
margin-left: -20px;
*zoom: 1;
}
.row:before,
.row:after {
display: table;
content: "";
}
.row:after {
clear: both;
}
[class*="span"] {
float: left;
margin-left: 20px;
}
.container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
width: 724px;
}
.span12 {
width: 724px;
}
.span11 {
width: 662px;
}
.span10 {
width: 600px;
}
.span9 {
width: 538px;
}
.span8 {
width: 476px;
}
.span7 {
width: 414px;
}
.span6 {
width: 352px;
}
.span5 {
width: 290px;
}
.span4 {
width: 228px;
}
.span3 {
width: 166px;
}
.span2 {
width: 104px;
}
.span1 {
width: 42px;
}
.offset12 {
margin-left: 764px;
}
.offset11 {
margin-left: 702px;
}
.offset10 {
margin-left: 640px;
}
.offset9 {
margin-left: 578px;
}
.offset8 {
margin-left: 516px;
}
.offset7 {
margin-left: 454px;
}
.offset6 {
margin-left: 392px;
}
.offset5 {
margin-left: 330px;
}
.offset4 {
margin-left: 268px;
}
.offset3 {
margin-left: 206px;
}
.offset2 {
margin-left: 144px;
}
.offset1 {
margin-left: 82px;
}
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before,
.row-fluid:after {
display: table;
content: "";
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
display: block;
width: 100%;
min-height: 28px;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin-left: 2.76243094%;
*margin-left: 2.70923945%;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.row-fluid .span12 {
width: 99.99999999%;
*width: 99.9468085%;
}
.row-fluid .span11 {
width: 91.43646408%;
*width: 91.38327259%;
}
.row-fluid .span10 {
width: 82.87292817%;
*width: 82.81973668%;
}
.row-fluid .span9 {
width: 74.30939226%;
*width: 74.25620077%;
}
.row-fluid .span8 {
width: 65.74585635%;
*width: 65.69266486%;
}
.row-fluid .span7 {
width: 57.18232044%;
*width: 57.12912895%;
}
.row-fluid .span6 {
width: 48.61878453%;
*width: 48.56559304%;
}
.row-fluid .span5 {
width: 40.05524862%;
*width: 40.00205713%;
}
.row-fluid .span4 {
width: 31.49171271%;
*width: 31.43852122%;
}
.row-fluid .span3 {
width: 22.92817679%;
*width: 22.8749853%;
}
.row-fluid .span2 {
width: 14.36464088%;
*width: 14.31144939%;
}
.row-fluid .span1 {
width: 5.80110497%;
*width: 5.74791348%;
}
input,
textarea,
.uneditable-input {
margin-left: 0;
}
input.span12,
textarea.span12,
.uneditable-input.span12 {
width: 714px;
}
input.span11,
textarea.span11,
.uneditable-input.span11 {
width: 652px;
}
input.span10,
textarea.span10,
.uneditable-input.span10 {
width: 590px;
}
input.span9,
textarea.span9,
.uneditable-input.span9 {
width: 528px;
}
input.span8,
textarea.span8,
.uneditable-input.span8 {
width: 466px;
}
input.span7,
textarea.span7,
.uneditable-input.span7 {
width: 404px;
}
input.span6,
textarea.span6,
.uneditable-input.span6 {
width: 342px;
}
input.span5,
textarea.span5,
.uneditable-input.span5 {
width: 280px;
}
input.span4,
textarea.span4,
.uneditable-input.span4 {
width: 218px;
}
input.span3,
textarea.span3,
.uneditable-input.span3 {
width: 156px;
}
input.span2,
textarea.span2,
.uneditable-input.span2 {
width: 94px;
}
input.span1,
textarea.span1,
.uneditable-input.span1 {
width: 32px;
}
}
@media (min-width: 1200px) {
.row {
margin-left: -30px;
*zoom: 1;
}
.row:before,
.row:after {
display: table;
content: "";
}
.row:after {
clear: both;
}
[class*="span"] {
float: left;
margin-left: 30px;
}
.container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
width: 1170px;
}
.span12 {
width: 1170px;
}
.span11 {
width: 1070px;
}
.span10 {
width: 970px;
}
.span9 {
width: 870px;
}
.span8 {
width: 770px;
}
.span7 {
width: 670px;
}
.span6 {
width: 570px;
}
.span5 {
width: 470px;
}
.span4 {
width: 370px;
}
.span3 {
width: 270px;
}
.span2 {
width: 170px;
}
.span1 {
width: 70px;
}
.offset12 {
margin-left: 1230px;
}
.offset11 {
margin-left: 1130px;
}
.offset10 {
margin-left: 1030px;
}
.offset9 {
margin-left: 930px;
}
.offset8 {
margin-left: 830px;
}
.offset7 {
margin-left: 730px;
}
.offset6 {
margin-left: 630px;
}
.offset5 {
margin-left: 530px;
}
.offset4 {
margin-left: 430px;
}
.offset3 {
margin-left: 330px;
}
.offset2 {
margin-left: 230px;
}
.offset1 {
margin-left: 130px;
}
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before,
.row-fluid:after {
display: table;
content: "";
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
display: block;
width: 100%;
min-height: 28px;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin-left: 2.56410256%;
*margin-left: 2.51091107%;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.row-fluid .span12 {
width: 100%;
*width: 99.94680851%;
}
.row-fluid .span11 {
width: 91.45299145%;
*width: 91.39979996%;
}
.row-fluid .span10 {
width: 82.90598291%;
*width: 82.85279142%;
}
.row-fluid .span9 {
width: 74.35897436%;
*width: 74.30578287%;
}
.row-fluid .span8 {
width: 65.81196581%;
*width: 65.75877432%;
}
.row-fluid .span7 {
width: 57.26495726%;
*width: 57.21176578%;
}
.row-fluid .span6 {
width: 48.71794872%;
*width: 48.66475723%;
}
.row-fluid .span5 {
width: 40.17094017%;
*width: 40.11774868%;
}
.row-fluid .span4 {
width: 31.62393162%;
*width: 31.57074013%;
}
.row-fluid .span3 {
width: 23.07692308%;
*width: 23.02373159%;
}
.row-fluid .span2 {
width: 14.52991453%;
*width: 14.47672304%;
}
.row-fluid .span1 {
width: 5.98290598%;
*width: 5.92971449%;
}
input,
textarea,
.uneditable-input {
margin-left: 0;
}
input.span12,
textarea.span12,
.uneditable-input.span12 {
width: 1160px;
}
input.span11,
textarea.span11,
.uneditable-input.span11 {
width: 1060px;
}
input.span10,
textarea.span10,
.uneditable-input.span10 {
width: 960px;
}
input.span9,
textarea.span9,
.uneditable-input.span9 {
width: 860px;
}
input.span8,
textarea.span8,
.uneditable-input.span8 {
width: 760px;
}
input.span7,
textarea.span7,
.uneditable-input.span7 {
width: 660px;
}
input.span6,
textarea.span6,
.uneditable-input.span6 {
width: 560px;
}
input.span5,
textarea.span5,
.uneditable-input.span5 {
width: 460px;
}
input.span4,
textarea.span4,
.uneditable-input.span4 {
width: 360px;
}
input.span3,
textarea.span3,
.uneditable-input.span3 {
width: 260px;
}
input.span2,
textarea.span2,
.uneditable-input.span2 {
width: 160px;
}
input.span1,
textarea.span1,
.uneditable-input.span1 {
width: 60px;
}
.thumbnails {
margin-left: -30px;
}
.thumbnails > li {
margin-left: 30px;
}
.row-fluid .thumbnails {
margin-left: 0;
}
}
@media (max-width: 979px) {
body {
padding-top: 0;
}
.navbar-fixed-top {
position: static;
margin-bottom: 23px;
}
.navbar-fixed-top .navbar-inner {
padding: 5px;
}
.navbar .container {
width: auto;
padding: 0;
}
.navbar .brand {
padding-left: 10px;
padding-right: 10px;
margin: 0 0 0 -5px;
}
.nav-collapse {
clear: both;
}
.nav-collapse .nav {
float: none;
margin: 0 0 10px;
}
.nav-collapse .nav > li {
float: none;
}
.nav-collapse .nav > li > a {
margin-bottom: 2px;
}
.nav-collapse .nav > .divider-vertical {
display: none;
}
.nav-collapse .nav .nav-header {
color: #999;
text-shadow: none;
}
.nav-collapse .nav > li > a,
.nav-collapse .dropdown-menu a {
padding: 6px 15px;
font-weight: 600;
color: #999;
border-radius: 3px;
}
.nav-collapse .btn {
padding: 4px 10px 4px;
font-weight: normal;
border-radius: 4px;
}
.nav-collapse .dropdown-menu li + li a {
margin-bottom: 2px;
}
.nav-collapse .nav > li > a:hover,
.nav-collapse .dropdown-menu a:hover {
background-color: #222;
}
.nav-collapse.in .btn-group {
margin-top: 5px;
padding: 0;
}
.nav-collapse .dropdown-menu {
position: static;
top: auto;
left: auto;
float: none;
display: block;
max-width: none;
margin: 0 15px;
padding: 0;
background-color: transparent;
border: none;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.nav-collapse .dropdown-menu:before,
.nav-collapse .dropdown-menu:after {
display: none;
}
.nav-collapse .dropdown-menu .divider {
display: none;
}
.nav-collapse .navbar-form,
.nav-collapse .navbar-search {
float: none;
padding: 10px 15px;
margin: 10px 0;
border-top: 1px solid #222;
border-bottom: 1px solid #222;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
}
.navbar .nav-collapse .nav.pull-right {
float: none;
margin-left: 0;
}
.nav-collapse,
.nav-collapse.collapse {
overflow: hidden;
height: 0;
}
.navbar .btn-navbar {
display: block;
}
.navbar-static .navbar-inner {
padding-left: 10px;
padding-right: 10px;
}
}
@media (min-width: 980px) {
.nav-collapse.collapse {
height: auto !important;
overflow: visible !important;
}
}
/* Adding STX responsive styles directly for now */
/* Styles for transitional grid with 8px gutters. Currently used for Home Page only */
@media (min-width: 1200px) {
.container.gutter8 {
width: 1192px;
}
.gutter8 .span12 {
width: 1192px;
}
.gutter8 .span9 {
width: 892px;
}
.gutter8 .span3 {
width: 292px;
}
}
@media (max-width: 979px) and (min-width: 768px) {
.container.gutter8 {
width: 736px;
}
.gutter8 .span12 {
width: 736px;
}
.gutter8 .span9 {
width: 550px;
}
.gutter8 .span3 {
width: 178px;
}
.gutter8 .t-s12 {
width: 736px;
}
.gutter8 .t-s9 {
width: 550px;
}
.gutter8 .t-s8 {
width: 488px;
}
.gutter8 .t-s4 {
width: 240px;
}
.gutter8 .t-s3 {
width: 178px;
}
}
@media (max-width: 767px) {
.container.gutter8 {
width: auto;
}
.gutter8 .span12 {
width: auto;
}
.gutter8 .span9 {
width: auto;
}
.gutter8 .span3 {
width: auto;
}
.gutter0 [class*="span"] {
width: auto;
}
}
/* nav header locale selector */
@media (min-width: 1200px) {
.nav-header-drop .row {
margin-left: -20px;
}
}
/* nav global */
@media (max-width: 767px) {
.nav-global {
display: block;
}
}
/* Search Box Display View */
@media (max-width: 767px) {
ul.search-nav {
border: none;
height: auto;
}
ul.search-nav li {
display: none;
float: none;
}
ul.search-nav li.active {
display: block;
padding: 0;
}
ul.search-nav li.tab-mobile-show {
display: block;
}
ul.search-nav li,
ul.search-nav li.active {
border-radius: 0;
}
ul.search-nav li > a {
border-radius: 0;
margin-right: 0;
}
ul.search-nav li > a,
ul.search-nav li.active > a,
ul.search-nav li > a:hover,
ul.search-nav li.active > a:hover {
text-decoration: none;
border-bottom: 1px solid #ebebeb;
border-right: none;
padding: 10px;
}
ul.search-nav li.active > a:before,
ul.search-nav li.active.active-tab-opened > a:before {
content: "";
background-image: url(clientlib-resources/resources/bootstrap/images/menu-arrows.png);
background-repeat: no-repeat;
width: 30px;
height: 25px;
position: absolute;
right: 30px;
}
ul.search-nav li.active.active-tab-opened > a:before {
background-position: 98% -36px;
}
ul.search-nav li.active > a:before,
ul.search-nav li.active.active-tab-closed > a:before {
background-position: 98% -4px;
}
}
@media (max-width: 767px) {
input.search-query {
margin-bottom: 9px;
}
.search-results-filters .checkbox.inline {
display: block;
margin: 10px 0;
}
.search-results-filters .checkbox.inline + .checkbox.inline {
margin-left: 0;
}
.search-results-filters .radio.inline {
display: block;
margin: 10px 0;
}
.search-results-filters .radio.inline + .radio.inline {
margin-left: 0;
}
}
/* Search Results Display View */
@media (max-width: 767px) {
.search-results-featured.two-up li,
.search-results-featured.three-up li {
margin-right: 0;
width: 100%;
display: inline-block;
}
.search-results-featured.three-up img {
float: left;
}
}
/* Search Filter Knowledge base Display View */
@media (max-width: 767px) {
.search-filter-kb-list li label {
border-top: 1px dashed #818c8c;
padding: 11px 0;
margin: 0;
}
.search-filter-kb-list li:first-of-type label {
border-top: none;
}
}
/* Tile List and Tile Categories Display Views */
@media (min-width: 1200px) {
.tiles .span3 {
margin-left: 26px;
}
}
@media (max-width: 1199px) and (min-width: 980px) {
.tiles .span3 {
margin-left: 16px;
}
}
@media (max-width: 979px) and (min-width: 768px) {
.tiles .span3 {
margin-left: 20px;
width: 256px;
}
.tile-categories-list .pdp-main-tab > .tab-to-drop-dropdown > .dropdown-menu {
position: static;
display: block;
padding: 0;
margin: 0;
background-color: #fff;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
background-image: none;
border-top: none;
}
.tile-categories-list .tab-to-drop-dropdown > .dropdown-toggle {
display: none;
}
.tile-categories-list .pdp-main-tab {
-webkit-box-shadow: none;
box-shadow: none;
}
.tile-categories-list .tab-to-drop-dropdown > .dropdown-menu > li a {
color: #00a1dd;
}
.tile-categories-list .tab-to-drop-dropdown > .dropdown-menu > li a:hover {
color: #fff;
}
.tile-categories-list .tab-to-drop-dropdown > .dropdown-menu > li.active a {
color: #fff;
}
}
@media (max-width: 767px) {
.tiles .span3 {
width: 100%;
display: block;
margin-left: 0;
margin-bottom: 18px;
}
.tiles .span3 .tile {
width: auto;
height: auto;
}
.tiles .span3 .tile h3 {
width: 100%;
height: auto;
font-size: 13px;
}
.tiles .span3 .tile .cta {
width: 100%;
height: auto;
}
.tile-category-tab-dropdown-menu a.button {
color: #fff;
}
.tile-category-tab-control {
float: none;
width: 100%;
}
.tile-category-group-title {
clear: left;
float: none;
width: 100%;
text-align: left;
padding-top: 0;
padding-right: 0;
font-size: 20px;
}
/* Fix more mobile isotope display */
.thumbnails.tiles.isotope {
overflow: visible !important;
}
.tiles .span3.isotope-item {
position: relative !important;
-webkit-transform: none !important;
transform: none !important;
left: 0 !important;
top: 0 !important;
}
.tiles .isotope-item.isotope-hidden {
display: none;
}
/* Special tab system which can be changed into accordion within small viewport */
.tab-to-accordion-tab {
display: none;
}
.tab-to-accordion-tab-content > .tab-pane {
display: block;
}
.tab-to-accordion .accordion-heading {
display: block;
}
.tab-to-accordion .accordion-group {
height: auto !important;
}
.tab-to-accordion .accordion-body.collapse {
height: 0;
}
.span4.vertical-rule-left {
border-left: none;
margin-left: 0;
padding-left: 0;
}
}
/* Standard Responsive Nav Tabs Display View */
@media (max-width: 979px) {
.rwd-nav-tabs {
position: relative;
width: 100%;
background-color: #00a1dd;
border-radius: 3px;
}
.rwd-nav-tabs > li {
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.rwd-nav-tabs-display {
position: absolute;
width: 84%;
padding: 8px 20px;
margin: 0;
overflow: hidden;
font-size: 15px;
font-weight: 600;
line-height: 24px;
color: #ffffff;
text-overflow: ellipsis;
text-transform: uppercase;
white-space: nowrap;
vertical-align: middle;
display: block;
border-right: 1px solid #00678d;
-webkit-box-shadow: inset -1px 0 0 #007aa6;
box-shadow: inset -1px 0 0 #007aa6;
}
.rwd-nav-tabs > li.rwd-nav-tabs-dropdown.active > .dropdown-menu {
background-color: #868589;
border-radius: 0 0 3px 3px;
}
.rwd-nav-tabs > li.rwd-nav-tabs-dropdown.active > a.dropdown-toggle,
.rwd-nav-tabs > li.rwd-nav-tabs-dropdown.active > a.dropdown-toggle:hover {
display: block;
position: relative;
z-index: 2;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
height: 40px;
line-height: 40px;
text-align: right;
text-decoration: none;
background-color: transparent;
background-image: none;
border: none;
border-radius: 3px;
}
.rwd-nav-tabs > li.rwd-nav-tabs-dropdown.active > a.dropdown-toggle span {
display: inline-block;
width: 16%;
height: 100%;
padding: 0;
margin: 0;
font-size: 13px;
line-height: 40px;
color: #fff;
text-align: center;
background-color: transparent;
border: none;
border-radius: 0 3px 3px 0;
-webkit-transition: background-color 0.4s;
transition: background-color 0.4s;
}
.rwd-nav-tabs > li.rwd-nav-tabs-dropdown.active > a.dropdown-toggle:hover {
color: #fff;
}
.rwd-nav-tabs > li.rwd-nav-tabs-dropdown.active > a.dropdown-toggle:hover span {
background-color: #868589;
}
.rwd-nav-tabs > li.rwd-nav-tabs-dropdown.active.open > a.dropdown-toggle span,
.rwd-nav-tabs > li.rwd-nav-tabs-dropdown.active.open > a.dropdown-toggle:hover span {
background-color: #868589;
border-radius: 0 3px 0 0;
}
.rwd-nav-tabs > li.rwd-nav-tabs-dropdown.active.open > .rwd-nav-tabs-dropdown-menu {
display: block;
padding: 10px 0;
}
.rwd-nav-tabs-dropdown-menu {
position: absolute;
top: 100%;
right: 0;
left: auto;
display: none;
padding: 10px 0;
margin: 0;
z-index: 1;
width: auto;
border-top: 1px solid #ccc;
border-radius: 0 0 3px 3px;
-webkit-box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.1);
box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.1);
}
.rwd-nav-tabs-dropdown-menu > li {
display: block;
float: none;
margin-left: 0;
}
.rwd-nav-tabs-dropdown-menu a.button {
display: block;
color: #fff;
height: auto;
text-align: left;
text-transform: none;
background-color: transparent;
background-image: none;
border-radius: 0;
-webkit-filter: none;
filter: none;
-webkit-box-shadow: none;
box-shadow: none;
}
}
@media (max-width: 979px) {
.pdp-main-tab {
border-radius: 3px;
background-color: #6ebe49;
width: 100%;
position: relative;
}
.pdp-main-tab > li {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.pdp-main-tab > .tab-to-drop-display {
position: absolute;
width: 84%;
border-right: 1px solid #4e8c38;
-webkit-box-shadow: inset -1px 0 0 #4e8c38;
box-shadow: inset -1px 0 0 #4e8c38;
color: #ffffff;
vertical-align: middle;
padding: 8px 20px;
margin: 0;
font-size: 15px;
line-height: 24px;
font-weight: 600;
text-transform: uppercase;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.pdp-main-tab > .dropdown {
width: 100%;
margin-bottom: -1px;
}
.pdp-main-tab > .dropdown .dropdown-toggle {
padding: 0;
margin: 0;
width: 100%;
height: 100%;
line-height: 40px;
border: none;
border-radius: 3px;
background-color: transparent;
position: relative;
z-index: 2;
text-align: right;
}
.pdp-main-tab > .dropdown .dropdown-toggle span {
display: inline-block;
width: 16%;
padding: 0;
margin: 0;
height: 100%;
line-height: 40px;
border: none;
border-radius: 0 3px 3px 0;
background-color: transparent;
text-align: center;
color: #fff;
font-size: 13px;
-webkit-transition: background-color 0.4s;
transition: background-color 0.4s;
}
.pdp-main-tab > .dropdown a.dropdown-toggle:hover {
border: none;
text-decoration: none;
color: #fff;
background-color: transparent;
background-image: none;
}
.pdp-main-tab > .dropdown a.dropdown-toggle:hover span {
background-color: #838888;
}
.pdp-main-tab > .open > a.dropdown-toggle,
.pdp-main-tab > li.dropdown.open.active > a.dropdown-toggle:hover {
background-color: transparent;
}
.pdp-main-tab > .open > a.dropdown-toggle span,
.pdp-main-tab > .open > a.dropdown-toggle:hover span {
background-color: #838888;
border-radius: 0 3px 0 0;
}
.pdp-tab-control .row-fluid [class*="span"].pull-right {
float: none;
}
.tab-to-drop-display,
.tab-to-drop-dropdown > .dropdown-toggle {
display: block;
}
.tab-to-drop-dropdown > .dropdown-menu {
position: absolute;
top: 100%;
right: 0;
left: auto;
display: none;
padding: 0;
margin: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.tab-to-drop-dropdown.open > .dropdown-menu {
display: block;
padding: 10px 0;
}
.tab-to-drop-dropdown > .dropdown-menu > li {
float: none;
margin-left: 0;
display: block;
}
.tab-to-drop-dropdown > .dropdown-menu > li a {
color: #fff;
}
.pdp-main-tab > .dropdown > .dropdown-menu {
background-color: #838888;
border-radius: 0 0 3px 3px;
-webkit-box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.1);
box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.1);
width: auto;
z-index: 1;
border-top: 1px solid #ccc;
}
.pdp-main-tab-dropdown-menu a.button {
-webkit-box-shadow: none;
box-shadow: none;
background-color: transparent;
background-image: none;
-webkit-filter: none;
filter: none;
text-transform: none;
border-radius: 0;
display: block;
height: auto;
max-width: none;
text-align: left;
}
.pdp-main-tab-side {
width: 100%;
}
.pdp-main-tab-side > li [class*="icn-"] {
display: none;
}
.pdp-main-tab-side a.button {
width: 100%;
max-width: none;
text-align: left;
}
.pdp-feature-cell-text p,
.pdp-feature-cell-text li,
.pdp-buy p,
.pdp-buy li,
.pdp-accessories-info p,
.pdp-accessories-info li,
.pdp-related-products-info p,
.pdp-related-products-info li {
font-size: 14px;
}
.pdp-info [class*="icn-"] {
width: 25px;
height: 20px;
background-size: 375px 60px;
}
.pdp-info [class*="icn-large-"] {
width: 35px;
height: 28px;
background-size: 105px 84px;
}
.pdp-info .icn-videos {
background-position: -50px 0;
}
.pdp-info .icn-arrowhead-down {
background-position: -100px 0;
}
.pdp-info .icn-arrowhead-up {
background-position: -150px 0;
}
.pdp-info .icn-arrowhead-right {
background-position: -200px 0;
}
.pdp-info .icn-arrowhead-left {
background-position: -250px 0;
}
.pdp-info .icn-cart {
background-position: -300px 0;
}
.pdp-info .icn-guides-book {
background-position: 0 -40px;
}
.pdp-info .icn-lifebelt {
background-position: -50px -40px;
}
.pdp-info .icn-arrow-down {
background-position: -100px -40px;
}
.pdp-info .icn-arrow-up {
background-position: -150px -40px;
}
.pdp-info .icn-arrow-right {
background-position: -200px -40px;
}
.pdp-info .icn-arrow-left {
background-position: -250px -40px;
}
.pdp-info .icn-arrowgoto-right {
background-position: -300px -40px;
}
.pdp-info .icn-large-download {
background-position: 0 0;
}
.pdp-info .icn-large-user-guide {
background-position: 0 -56px;
}
.pdp-info .icn-large-data-sheet {
background-position: -70px -56px;
}
.pdp-accessories-image.span2,
.pdp-accessories-info.span8 {
float: left;
}
.pdp-accessories-buy.span2 {
float: right;
}
.pdp-accessories-buy > strong,
.pdp-accessories-buy small,
.pdp-accessories-buy del,
.pdp-accessories-buy p {
font-size: 12px;
}
.pdp-accessories-buy > strong {
font-size: 15px;
}
.pdp-accessories-info h3 {
font-size: 18px;
}
.pdp-buy-title h3 {
font-size: 16px;
}
.pdp-buy-title h3 ~ p {
font-size: 12px;
}
.pdp-feature-cta {
font-size: 14px;
}
.pdp-feature-row-quote [class*="row"] + [class*="row"] {
margin-top: 0;
}
}
@media (max-width: 767px) {
.pdp-main-tab > .dropdown {
margin-bottom: 0;
}
}
@media (max-width: 767px) {
.billboard {
padding: 20px 0 40px;
}
.billboard-image-box {
padding: 20px 15px;
line-height: normal;
}
.billboard-text-box {
padding: 0;
}
.billboard .span6.billboard-image-box,
.billboard .span6.billboard-text-box {
display: none;
}
.stay-informed-content {
width: 100%;
}
.pdp-intro .video {
max-width: 320px;
width: 85%;
margin-left: auto;
margin-right: auto;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
}
/* Special tab system which can be changed into accordion within small viewport */
.tab-to-accordion-tab {
display: none;
}
.tab-to-accordion-tab-content > .tab-pane {
display: block;
}
.tab-to-accordion .accordion-heading {
display: block;
}
.tab-to-accordion .accordion-group {
height: auto !important;
}
.tab-to-accordion .accordion-body.collapse {
height: 0;
}
.pdp-info {
margin-bottom: 30px;
}
.pdp-info .container {
width: auto;
}
.pdp-info-tab-content {
background-color: #ececec;
background-image: none;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
}
.pdp-info-tab-content .container,
.pdp-info-tab-content .tab-pane {
padding: 0;
}
.pdp-info-tab-content .accordion-toggle {
display: block;
padding: 13px 60px 13px 20px;
border-width: 1px 0;
border-style: solid;
border-color: #fff transparent #ccc;
text-transform: uppercase;
font-size: 16px;
line-height: 20px;
font-weight: 600;
position: relative;
}
.pdp-info-tab-content .accordion-toggle:after {
position: absolute;
right: 25px;
font-size: 28px;
color: #999;
font-style: normal;
top: 50%;
margin-top: -14px;
content: "\002b";
}
.pdp-info-tab-content .pdp-info-tab-pane-support .accordion-toggle:after {
font-size: 26px;
content: "\003e";
}
.pdp-info-tab-content .accordion-toggle:hover {
text-decoration: none;
background-color: #f5f5f5;
color: #666;
}
.pdp-info-tab-content .accordion-toggle:hover:after {
color: #666;
}
.pdp-info-tab-content .accordion-toggle.open,
.pdp-info-tab-content .accordion-toggle:active {
background-color: #fff;
color: #999;
}
.pdp-info-tab-content .accordion-toggle.open:after {
margin-top: -13px;
right: 26px;
content: "\2013";
color: #099;
}
.pdp-info-tab-content .accordion-toggle:active:after {
color: #099;
}
.pdp-info-tab-content .tab-content > .tab-pane:first-of-type .accordion-toggle {
border-width: 0 0 1px;
}
.pdp-info-tab-content .accordion-body {
padding: 0 20px;
background-color: #fff;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ececec));
background-image: linear-gradient(top, #ffffff, #ececec);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ececec', GradientType=0);
}
.pdp-info-tab-pane-photos .video {
max-width: 320px;
width: 85%;
margin: 0 auto;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
}
.pdp-info-tab-pane-photos .m-carousel-bulleted {
/** thumbnail/bullet can be removed by uncomment the following rule
display: none;
**/
}
/** Comment/Uncomment the following rules to display bullet for mobile */
.pdp-info-tab-pane-photos .m-carousel-bulleted a {
padding: 8px;
margin: 5px;
border: none;
border-radius: 50%;
text-indent: -999px;
width: 0;
height: 0;
background-color: rgba(255, 255, 255, 0.3);
-webkit-transition: background-color 0.1s ease-in;
transition: background-color 0.1s ease-in;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px;
box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px;
}
.pdp-info-tab-pane-photos .m-carousel-bulleted a:hover,
.pdp-info-tab-pane-photos .m-carousel-bulleted a:focus {
text-decoration: none;
background-color: rgba(255, 255, 255, 0.6);
}
.pdp-info-tab-pane-photos .m-carousel-bulleted a.m-carousel-bullet-video {
margin-left: 5px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px;
box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px;
position: relative;
}
.pdp-info-tab-pane-photos .m-carousel-bulleted a.m-active {
background-color: #ffffff;
-webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 2px;
box-shadow: rgba(0, 0, 0, 0.25) 0 1px 2px;
}
.pdp-info-tab-pane-photos .m-carousel-bulleted a.m-carousel-bullet-video:after,
.pdp-info-tab-pane-photos .m-carousel-bulleted a.m-carousel-bullet-video:before {
display: none;
}
.pdp-info-tab-pane-photos .m-carousel-bulleted a:hover,
.pdp-info-tab-pane-photos .m-carousel-bulleted a:focus,
.pdp-info-tab-pane-photos .m-carousel-bulleted a.m-active,
.pdp-info-tab-pane-photos .m-carousel-bulleted a.m-active:hover,
.pdp-info-tab-pane-photos .m-carousel-bulleted a.m-active:focus {
border: none;
}
/**/
.pdp-info-tab-content .accordion-inner {
padding: 20px 0;
}
.pdp-intro {
margin-top: 0;
margin-bottom: 0;
}
.pdp-intro > .row-fluid > .span6 .video {
margin-left: 0;
}
.pdp-intro > .row-fluid > .span6 .text-wrapper {
margin-right: 0;
}
/* cwswww 2247
.pdp-feature-row .container.ds-btm {
padding: 10px 20px;
}
*/
.row-fluid.row-reverse > [class*="span"] {
float: none;
margin-left: 0;
}
.pdp-feature-row [class^="row"] > [class*="span"] > .pdp-feature-cell-image {
text-align: center;
}
.pdp-feature-row.background-img {
min-height: 360px;
}
.pdp-feature-row.centered .pdp-feature-cell-text {
width: 100%;
}
.teaser-background-image {
display: none;
}
.pdp-info-guides-list > li {
padding: 10px 8px;
}
p.pdp-info-guides-doc-type,
p.pdp-info-guides-doc-format {
width: 48.61878453%;
font-size: 12px;
line-height: 28px;
}
p.pdp-info-guides-doc-name {
float: none;
width: 100%;
clear: both;
padding-left: 5px;
}
.pdp-accessories-row .ds-btm {
padding: 10px 20px 20px;
}
.pdp-accessories-image.span2,
.pdp-accessories-buy.span2 {
width: 48.61878453%;
margin-bottom: 18px;
text-align: center;
}
.pdp-accessories-buy.span2 {
margin-left: 2.76243094%;
/*padding-top: 20px;*/
}
.pdp-accessories-buy .button {
min-width: 104px;
margin-bottom: 14px;
}
.pdp-buy > .row-fluid,
.pdp-buy.two-column > .row-fluid {
background: none !important;
}
.pdp-buy > .row-fluid > .span6,
.pdp-buy > .row-fluid > .span6 + .span3,
.pdp-buy > .row-fluid > .span3 + .span3 {
width: auto;
margin-left: 0;
padding-right: 0;
border: none;
}
.pdp-buy > .row-fluid > .span6 {
margin-bottom: 10px;
}
.pdp-buy > .row-fluid > .span6 + .span3 {
margin-bottom: 20px;
}
.pdp-buy > .row-fluid > .span6 .pdp-buy-title,
.pdp-buy-filter {
width: 100%;
}
.pdp-buy-filter-molecule > li {
width: 100%;
height: auto !important;
}
.pdp-buy-filter-molecule > li:nth-child(odd),
.pdp-buy-filter-molecule > li:nth-child(even) {
margin: 0 0 10px;
}
.pdp-buy-image {
display: none;
}
.pdp-buy-filter-atom > li a,
.buy-box-table li .button {
font-size: 12px;
line-height: 16px;
padding: 4px 6px;
}
.product-specs-table-shadow-right {
display: none;
}
.pstable-view-right .product-specs-table-content tr th,
.pstable-view-right .product-specs-table-content tr td {
display: none;
width: 100%;
}
.pstable-view-right .product-specs-table-content tr th.show-phone-tt,
.pstable-view-right .product-specs-table-content tr td.show-phone-tt {
display: table-cell;
}
.pstable-view-right .product-specs-table-content tr.editorial-content td {
display: table-cell;
}
/* Specs Table */
.product-specs-table td {
font-size: 11px;
}
.product-specs-table th {
font-size: 11px;
}
.product-specs-table-content a.pdf {
font-size: 9px;
background-image: url(clientlib-resources/resources/bootstrap/images/Datasheet_Icon_24x24.png);
background-position: center top;
padding-left: 0;
padding-top: 28px;
text-align: center;
width: 50%;
float: left;
margin-bottom: 16px;
}
.product-specs-table-content td ul li:last-child a.pdf {
background-image: url(clientlib-resources/resources/bootstrap/images/Manual_Icon_24x24.png);
}
.product-specs-table-content th ul li.buy .price-block,
.product-specs-table-content td ul li.buy .price-block {
margin-bottom: 6px;
}
.product-specs-table-content th ul li.buy .add-to-cart,
.product-specs-table-content td ul li.buy .add-to-cart {
margin-bottom: 17px;
}
/*responsive header*/
.nav-header-wrapper,
.nav-header {
background-color: #323232;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMyMzIzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0OTQ5NDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background-image: -webkit-gradient(linear, left top, left bottom, from(#323232), to(#494949));
background-image: linear-gradient(to bottom, #323232 0%, #494949 100%);
/*margin-bottom: 10px;*/
}
.nav-header-wrapper .nav-header {
background: transparent;
}
.nav-header-wrapper.nav-search-toggle .container {
height: 88px;
background-color: #323232;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMyMzIzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzMyMzIzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzQ5NDk0OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0OTQ5NDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background-image: -webkit-gradient(linear, left top, left bottom, from(#323232), color-stop(50%, #323232), color-stop(50%, #494949), to(#494949));
background-image: linear-gradient(to bottom, #323232 0%, #323232 50%, #494949 50%, #494949 100%);
}
.nav-header-logo img {
height: 29px;
width: auto;
/*TO REMOVE stx-bootstrap-responsive.css:147*/
min-width: 90px;
/*Prevent logo get distored in very small viewport */
}
.nav-header .span4 {
float: left;
width: 31.91489361%;
line-height: 44px;
}
.nav-header .span8 {
float: right;
width: 65.9574468%;
}
.nav-header .span8 > :first-child {
display: none;
}
.nav-header-toggle-btn,
.subnav-cart-counter .ss-icon {
display: block;
}
a.nav-header-toggle-btn,
.subnav-cart-counter a.btn {
float: right;
cursor: pointer;
width: 40px;
height: 30px;
margin: 6px 10px 6px 0;
padding: 0;
font-size: 19px;
line-height: 34px;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, 0.7);
position: relative;
color: #ececec;
text-align: center;
-webkit-box-shadow: rgba(255, 255, 255, 0.25) 0 0 1px inset, rgba(255, 255, 255, 0.15) 0 1px;
box-shadow: rgba(255, 255, 255, 0.25) 0 0 1px inset, rgba(255, 255, 255, 0.15) 0 1px;
background: rgba(0, 0, 0, 0.1);
text-decoration: none;
}
a[data-target*="nav-global-wrapper"] {
margin-right: 0;
color: #fff;
background-color: #70b5b6;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcwYjViNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0YTk2OTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background-image: -webkit-gradient(linear, left top, left bottom, from(#70b5b6), to(#4a9697));
background-image: linear-gradient(to bottom, #70b5b6 0%, #4a9697 100%);
}
.nav-global-toggle a[data-target*="nav-global-wrapper"] {
-webkit-box-shadow: rgba(255, 255, 255, 0.25) 0 1px;
box-shadow: rgba(255, 255, 255, 0.25) 0 1px;
opacity: 0.8;
}
.nav-header-form-search {
margin: 0;
width: 151%;
}
.nav-header-form-search fieldset {
display: none;
}
.nav-header-form-search.in fieldset {
display: block;
padding: 7px 5px;
}
.nav-header-input-medium {
width: 100%;
height: 30px;
padding: 4px 14px;
font-size: 14px;
line-height: normal;
vertical-align: middle;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.nav-header .nav-header-search-submit {
right: 0;
width: 44px;
height: 30px;
background-color: #737373;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzczNzM3MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMDIwMjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background-image: -webkit-gradient(linear, left top, left bottom, from(#737373), to(#202020));
background-image: linear-gradient(to bottom, #737373 0%, #202020 100%);
text-indent: 0;
letter-spacing: normal;
color: #62c7c8;
font-size: 16px;
line-height: 30px;
}
.nav-header-form-search fieldset .error-message {
float: left;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 10px 0 0;
position: relative;
top: auto;
left: auto;
}
.nav-header-form-search fieldset .error-message:before {
left: 50%;
margin-left: -4px;
}
.subnav-cart-counter {
padding: 0;
margin: 0;
border: none;
}
.subnav-cart-counter .icon-cart {
display: none;
}
.subnav-cart-counter .cart-amount {
position: absolute;
top: -5px;
right: -8px;
font-size: 16px;
line-height: 18px;
padding: 0 5px;
border-radius: 3px;
background-color: #fd7b24;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkN2IyNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNTVjMDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background-image: -webkit-gradient(linear, left top, left bottom, from(#fd7b24), to(#e55c01));
background-image: linear-gradient(to bottom, #fd7b24 0%, #e55c01 100%);
-webkit-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.3);
box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.3);
}
/*Nav global styles*/
.nav-global-wrapper {
background: #e6e6e6;
-webkit-filter: none;
filter: none;
margin: 0;
}
.nav-global-wrapper.collapse {
overflow: hidden;
height: 0;
}
.nav-global-wrapper.collapse.in {
height: auto;
overflow: visible;
}
.nav-global {
border: none;
background: transparent;
-webkit-filter: none;
filter: none;
}
.nav-global-first-level-item {
width: 100%;
height: auto;
border: none;
margin: 10px 0;
float: none;
}
.nav-global-first-level-item.hover {
background: transparent;
}
.nav-global .nav-global-first-level-item-link,
.nav-global .nav-global-first-level-item-link.hover {
display: block;
font-size: 15px;
font-weight: 600;
padding: 9px 49px 9px 9px;
position: relative;
height: auto;
min-height: 20px;
background-color: #eeeeee;
background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#d8d8d8));
background-image: linear-gradient(top, #eeeeee, #d8d8d8);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#d8d8d8', GradientType=0);
-webkit-box-shadow: white 0 1px inset, #bbbbbb 0 -1px 2px inset, white 0 0 4px inset;
box-shadow: white 0 1px inset, #bbbbbb 0 -1px 2px inset, white 0 0 4px inset;
border: 1px solid #aaa;
color: #404040;
text-shadow: rgba(255, 255, 255, 0.5) 0 1px;
overflow: visible;
text-decoration: none;
}
.nav-global .nav-global-first-level-item-link:hover {
color: #404040;
text-decoration: none;
}
.nav-global .nav-global-first-level-item-link:active {
background-color: #fbfbfb;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#e5e5e5));
background-image: linear-gradient(top, #fbfbfb, #e5e5e5);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#d8d8d8', GradientType=0);
}
.nav-global-first-level-item-link:before {
content: "";
position: absolute;
top: -1px;
right: -1px;
width: 39px;
height: 100%;
background-color: #70b6b6;
background-image: -webkit-gradient(linear, left top, left bottom, from(#70b6b6), to(#499696));
background-image: linear-gradient(top, #70b6b6, #499696);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#d8d8d8', GradientType=0);
-webkit-box-shadow: rgba(255, 255, 255, 0.5) 1px 1px 1px inset;
box-shadow: rgba(255, 255, 255, 0.5) 1px 1px 1px inset;
border: 1px solid #499696;
}
.nav-global-first-level-item-link span {
height: auto;
line-height: 18px;
display: block;
vertical-align: middle;
}
.nav-global-second-level-list {
position: relative;
display: none;
background: transparent;
}
.nav-global-second-level-item {
padding: 0;
border: none;
}
.nav-global-second-level-item > .thin-grey-bottom-line {
display: block;
min-height: 20px;
padding: 9px 49px 9px 9px;
font-size: 15px;
font-weight: 600;
position: relative;
-webkit-box-shadow: rgba(255, 255, 255, 0.5) 0 1px inset;
box-shadow: rgba(255, 255, 255, 0.5) 0 1px inset;
background: #ccc;
border: solid #999999;
border-bottom-color: #888;
border-width: 0 1px 1px;
color: #404040;
overflow: hidden;
text-shadow: rgba(255, 255, 255, 0.5) 0 1px;
}
.hover .thin-grey-bottom-line,
.hover .thin-grey-bottom-line:hover {
color: #404040;
text-decoration: none;
}
.nav-global-second-level-item > .thin-grey-bottom-line:before {
position: absolute;
content: "";
top: 0;
right: 0;
width: 39px;
height: 100%;
background: #b3b3b3;
-webkit-box-shadow: rgba(255, 255, 255, 0.5) 1px 1px 1px inset;
box-shadow: rgba(255, 255, 255, 0.5) 1px 1px 1px inset;
border-left: 1px solid #828282;
}
.nav-global-second-level-item > .thin-grey-bottom-line:after {
position: absolute;
content: "";
top: -9px;
left: -8px;
width: 15px;
height: 15px;
-webkit-box-shadow: rgba(255, 255, 255, 0.5) 1px 0;
box-shadow: rgba(255, 255, 255, 0.5) 1px 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
background: #999999;
}
.nav-global-secondary-link,
.hover .nav-global-secondary-link {
padding: 0;
background: none;
}
.nav-global-secondary-link:before {
padding: 0;
background: none;
}
.nav-global-first-level-item.hover ul {
display: block;
width: auto;
top: 0;
left: 0;
}
.nav-global-first-level-item.hover > ul:before {
-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 3px 6px -1px inset;
box-shadow: rgba(0, 0, 0, 0.1) 0 3px 6px -1px inset;
border-top: 1px solid rgba(0, 0, 0, 0.2);
content: "";
pointer-events: none;
position: absolute;
top: 0;
width: 100%;
height: 6px;
z-index: 2;
}
.nav-global-third-level-wrapper {
position: relative;
display: none;
left: 0;
top: 0;
}
.nav-global-second-level-item.hover .nav-global-third-level-wrapper {
display: block;
background: #ccc;
-webkit-filter: none;
filter: none;
border: solid #757575;
border-width: 0 1px 5px;
margin: 0 3px;
padding: 0;
}
.nav-global-right-item .nav-global-second-level-item.hover .nav-global-third-level-wrapper {
left: 0;
right: auto;
}
.nav-global-third-level-wrapper .caret {
display: none;
}
.nav-global-third-level-wrapper .thin-grey-bottom-line {
margin: 0;
border: none;
}
.nav-global-third-level-wrapper .global-nav-browse {
padding: 0;
}
.nav-global-third-level-wrapper .global-nav-browse a,
.nav-global-third-level ul li a,
.nav-global-third-level-wrapper .global-nav-browse a:hover,
.nav-global-third-level ul li a:hover {
position: relative;
color: #666666;
display: block;
font-size: 12px;
font-weight: 600;
padding: 5px 27px 5px 7px;
margin: 0;
text-decoration: none;
}
.hover .nav-global-third-level-wrapper .global-nav-browse a:active,
.hover .nav-global-third-level ul li a:active {
text-decoration: none;
color: #009999;
}
.nav-global-third-level {
display: block;
padding: 0;
}
.nav-global-third-level strong {
background: #757575;
color: #e8e8e8;
display: block;
font-size: 12px;
padding: 5px 7px;
}
.nav-global-third-level ul {
margin: 0;
}
.nav-global-third-level ul li {
padding: 0;
margin: 0;
}
.nav-global-third-level-wrapper a:before {
content: "";
display: block;
border-top: 1px solid rgba(0, 0, 0, 0.15);
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
margin: -6px -20px 4px 0;
}
.nav-global-third-level-wrapper .global-nav-browse a:before,
.nav-global-third-level-wrapper .nav-global-third-level strong + ul > li:first-of-type a:before {
visibility: hidden;
}
/* CSS Plus Minus Sign - First and Secondary Level*/
.nav-global-first-level-item-link span:before,
.nav-global-first-level-item-link span:after,
.nav-global-secondary-link:before,
.nav-global-secondary-link:after {
position: absolute;
content: "";
background: #fff;
top: 50%;
-webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 1px;
box-shadow: rgba(0, 0, 0, 0.25) 0 1px;
}
.nav-global-first-level-item-link span:before,
.nav-global-secondary-link:before {
width: 17px;
height: 3px;
right: 10px;
margin-top: -2px;
}
.nav-global-first-level-item-link span:after,
.nav-global-secondary-link:after {
width: 3px;
height: 17px;
right: 17px;
margin-top: -9px;
}
.nav-global-first-level-item.hover .nav-global-first-level-item-link span:after,
.nav-global-second-level-item.hover .nav-global-secondary-link:after {
display: none;
}
/* CSS Small Dark Gray Right Pointing Arrow - Third Level */
.nav-global-third-level-wrapper a:after {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
border: solid #666666;
border-width: 2px 2px 0 0;
content: "";
margin-top: -4px;
position: absolute;
top: 50%;
right: 14px;
width: 5px;
height: 5px;
}
.nav-global-third-level-wrapper .global-nav-browse a.hover:after,
.nav-global-third-level-wrapper .global-nav-browse a:active:after,
.nav-global-third-level ul li a.hover:after,
.nav-global-third-level ul li a:active:after {
border-color: #009999;
}
/* CSS Normal White Right Pointing Arrow - First and Second Level */
.nav-global-without-drop span:before {
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 0 -1px inset, rgba(0, 0, 0, 0.25) 1px 0;
box-shadow: rgba(0, 0, 0, 0.2) 0 2px 0 -1px inset, rgba(0, 0, 0, 0.25) 1px 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
border: solid #fff;
border-width: 3px 3px 0 0;
content: "";
margin-top: -5px;
position: absolute;
top: 50%;
right: 15px;
width: 9px;
height: 9px;
background: transparent;
}
.nav-global-without-drop span:after {
display: none;
}
/* Overwrite bootstrap modal */
.modal,
.modal.hide.in {
position: fixed;
top: 5%;
right: 10px;
left: 10px;
width: auto;
margin: 0;
max-height: 90%;
-webkit-overflow-scrolling: touch;
overflow-y: auto;
}
.modal.modal-video,
.modal.modal-video.hide.in {
overflow-y: visible;
}
.modal-body {
height: 100%;
max-height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.wtb-widget {
width: 100%;
text-align: left;
}
.wtb-widget span {
padding: 0 0 0 10px;
}
}
@media (min-width: 768px) {
/* Special tab system which can be changed into dropdown within small viewport */
.tab-to-drop-dropdown-menu-item {
margin-bottom: 18px;
}
/* PDP primary tab */
.pdp-tab-control > .row-fluid > .span6:first-child {
margin-left: 2.12765957%;
}
/* Special tab system which can be changed into accordion within small viewport */
.tab-to-accordion .accordion-heading {
display: none;
}
.tab-to-accordion .accordion-body.collapse {
height: auto !important;
}
/*responsive header*/
.nav-global-wrapper.collapse,
.nav-header-form-search {
overflow: visible !important;
height: auto !important;
}
}
@media (max-width: 767px) {
.pdp-related-products-col {
float: none;
width: 100%;
padding: 20px 0 13px;
border-width: 0;
}
.pdp-related-products .pdp-related-products-col + .pdp-related-products-col {
border-width: 1px 0 0;
}
.pdp-related-products-col img {
float: left;
width: 40%;
}
.pdp-related-products-col .pdp-related-products-info {
float: left;
width: 56%;
margin-left: 4%;
}
.pdp-related-products ul > :nth-child(4n + 4) {
border-color: #666;
}
}
@media (min-width: 480px) and (max-width: 979px) {
p.pdp-related-products-price .button,
p.pdp-related-products-price .btn {
width: 100%;
margin: 6px 0 0 0;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.billboard {
padding: 15px 0 35px;
}
.billboard-image-box {
line-height: 220px;
}
.billboard-text-box {
padding-top: 24px;
}
.pdp-main-tab {
width: 60%;
}
.pdp-main-tab-side {
width: 35%;
}
.pdp-buy > .row-fluid > .span6 + .span3 {
width: 23.92817679%;
/*Reduce default left margin from 2.762430939% to 2%*/
width: 24.69060773%;
}
.pdp-buy > .row-fluid > .span3 + .span3 {
width: 21.07692308%;
/*Reduce default left margin from 2.762430939% to 2%*/
width: 22.69060773%;
}
/* cwswww 2247
.pdp-feature-row .container.ds-btm {
padding: 25px 0;
}
*/
.pdp-feature-row .row-fluid > .pdp-feature-cell-text {
padding: 0;
}
.pdp-info-tab > li a {
padding: 22px;
font-size: 16px;
line-height: 20px;
font-weight: 600;
}
.pdp-info-tab > li.active > a .icn-arrowhead-down,
.pdp-info-tab > li.active > a:hover .icn-arrowhead-down {
background-position: -150px 0;
}
.pdp-info-tab-pane-photos .video {
max-width: 500px;
margin: 0 auto;
}
.pdp-info-tab-pane-photos .m-carousel-bulleted a {
width: 56px;
height: 56px;
}
.row-fluid.row-reverse > [class*="span"] > div:first-of-type {
margin-left: 2.76243094%;
}
p.pdp-info-guides-doc-type {
font-size: 12px;
line-height: 14px;
}
p.pdp-info-guides-doc-format {
font-size: 14px;
line-height: 28px;
}
p.pdp-info-guides-doc-name {
font-size: 16px;
line-height: 28px;
}
.pdp-accessories-buy .button {
min-width: 84px;
}
.teaser-background-image-cell-text {
padding: 13px 8px 8px 10px;
height: 80px;
}
.teaser-background-image-cell-text .overflow {
display: none;
}
.teaser-background-image-cell-text .overflow-ellipsis:after {
content: "...";
}
.teaser-background-image-cell-text h4 {
font-size: 19px;
}
.buy-box {
padding-top: 8px;
padding-bottom: 8px;
}
.buy-box-table,
.buy-box-table li,
.buy-box-table li + li {
display: block;
width: 100%;
}
.pdp-buy-seagate .buy-box-table {
padding: 0;
}
.buy-box-table li:first-of-type {
margin-bottom: 4px;
}
.resellersPulldown .buy-box-table li,
.pdp-buy-distributor .buy-box-table li {
padding: 0;
}
.buy-box-table li .button {
width: 100%;
}
.buy-box-table li:before,
.buy-box-table li:after {
display: table;
content: "";
}
.buy-box-table li small {
text-align: center;
width: 100%;
margin-right: 0;
}
.stock-status,
.stock-status-outofstock {
text-align: center;
width: 100%;
margin-right: 0;
}
.buy-box-table li:after {
clear: both;
}
.buy-box-table li img {
float: left;
}
.buy-box-table li img + strong {
float: right;
line-height: 40px;
}
.pdp-buy > .row-fluid > .span6 .pdp-buy-title,
.pdp-buy-filter {
width: 241px;
}
/* Specs Table */
.product-specs-table td {
font-size: 12px;
}
.product-specs-table th {
font-size: 12px;
}
.product-specs-table-content a.pdf {
font-size: 9px;
background-image: url(clientlib-resources/resources/bootstrap/images/Datasheet_Icon_24x24.png);
background-position: center top;
padding-left: 0;
padding-top: 28px;
text-align: center;
width: 50%;
float: left;
margin-bottom: 16px;
}
.product-specs-table-content td ul li:last-child a.pdf {
background-image: url(clientlib-resources/resources/bootstrap/images/Manual_Icon_24x24.png);
}
.product-specs-table-content th ul li.buy .price-block,
.product-specs-table-content td ul li.buy .price-block {
margin-bottom: 6px;
}
.product-specs-table-content th ul li.buy .add-to-cart,
.product-specs-table-content td ul li.buy .add-to-cart {
margin-bottom: 20px;
}
}
@media (min-width: 980px) and (max-width: 1199px) {
.teaser-background-image-cell-text .overflow {
display: none;
}
.teaser-background-image-cell-text .overflow-ellipsis:after {
content: "...";
}
}
@media (min-width: 980px) {
/*.tab-to-drop > .tab-to-drop-dropdown {
width: 100%;
}
.tab-to-drop-dropdown-menu-item {
min-width: 33.333%;
}*/
.pdp-info-tab-pane-photos .video {
max-width: 640px;
margin: 0 auto;
}
}
@media (min-width: 1200px) {
.row-fluid.row-reverse > [class*="span"] {
margin-left: 2.56410256%;
}
.row-fluid.row-reverse > [class*="span"] + [class*="span"] {
margin-left: 0;
}
/* cwswww 2247
.pdp-feature-row .container.ds-btm {
padding: 35px 0;
}
*/
.pdp-accessories-image.span2,
.pdp-accessories-info.span8 {
float: left;
}
.pdp-accessories-buy.span2 {
float: right;
}
.pdp-accessories-buy .button {
min-width: 150px;
}
.pdp-accessories-buy small,
.pdp-accessories-buy del {
font-size: 13px;
}
.pdp-accessories-buy > strong {
font-size: 18px;
}
.pdp-accessories-buy p {
font-size: 15px;
}
.pdp-buy > .row-fluid > .span6 + .span3 {
width: 24.07692308%;
/*Reduce default left margin from 2.564102564% to 2%*/
width: 24.64102564%;
}
.pdp-buy > .row-fluid > .span3 ~ .span3 {
width: 22.07692308%;
width: 22.64102564%;
}
.pdp-buy > .row-fluid > .span6 .pdp-buy-title,
.pdp-buy-filter {
width: 459px;
}
}
/* New styles for product specs table with frozen left column */
@media screen and (max-width: 767px) {
.pstable-view-left,
.pstable-view-right {
width: 50.1% !important;
}
}
@media screen and (min-width: 768px) and (max-width: 979px) {
.product-specs-table .pstable-view-right {
width: 524px;
}
.product-specs-table-content th ul li.buy .stock-status,
.product-specs-table-content td ul li.buy .stock-status {
text-align: left;
width: auto;
}
}
@media screen and (min-width: 1200px) {
.product-specs-table .pstable-view-right {
width: 970px;
}
}
@media (min-width: 768px) {
.span-center {
text-align: center;
}
.span12.span-center {
margin-left: 0;
}
.span10.span-center {
margin-left: 9%;
}
}
@media (max-width: 767px) {
.span-center {
text-align: center;
}
.span10.span-center {
margin-left: 0%;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.pdp-anchor-row .hidden-tablet {
display: none !important;
}
.pdp-anchor-row .pdp-ar-box li > a {
border-left: 1px solid #ccc;
}
.pdp-anchor-row .pdp-ar-box li:first-of-type > a {
border-left: none;
}
.pdp-anchor-row .pdp-ar-box li:first-child > a {
border-left: none;
}
.pdp-anchor-row .pdp-ar-box li:before {
display: none;
}
.pdp-anchor-row li .pdp-ar-item-link.pdp-ar-tablet {
position: absolute;
bottom: 0;
}
}
@media (max-width: 767px) {
.pdp-anchor-row {
display: none;
}
}
@media (max-width: 767px) {
.pdp-feature-row-slides .pdp-feature-slides-title {
width: 90%;
}
.pdp-feature-row-slides .pdp-feature-slides {
width: 90%;
margin: 0 auto;
}
.pdp-feature-row-slides .pdp-slide-controls {
right: auto;
}
}
@media (max-width: 979px) {
.pdp-feature-row-anchor {
top: 0;
}
}
@media (max-width: 767px) {
.billboard .refresh-btn-group,
.billboard .form-search {
float: none;
}
.billboard .form-search input[type="button"] {
width: auto;
}
}
@media (max-width: 979px) {
.billboard h1 + h4 {
font-size: 12px;
}
}
/* Teaser Product Grid Display View */
@media (min-width: 768px) and (max-width: 979px) {
.teaser-product-grid-item-name a {
font-size: 16px;
}
}
@media (max-width: 979px) {
.teaser-product-grid-item-img {
padding: 0 25px;
}
.teaser-product-grid-item-specs {
min-height: 20px;
}
.teaser-product-grid-item-color .color-dot {
width: 16px;
height: 16px;
margin-left: 6px;
}
.teaser-product-grid-item-color-more .color-dot {
width: 10px;
height: 10px;
margin-left: 4px;
}
}
@media (max-width: 767px) {
.teaser-product-grid-item {
display: block;
float: none;
width: auto;
margin-left: 0;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
}
/*Start default tab to drop responsive styles*/
@media (max-width: 767px) {
.tab-drop {
display: block;
float: none;
border: 0;
padding: 0;
margin: 0 0 18px;
clear: both;
}
.tab-drop > li.selected,
.tab-drop > li.drop,
.tab-drop > li.drop > a.drop-toggle {
display: block;
}
.tab-drop > li.drop {
float: none;
}
.tab-drop > li.selected {
position: absolute;
top: 0;
width: 84%;
padding: 12px 20px;
margin: 0;
font-weight: 600;
line-height: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: middle;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.tab-drop > li.drop > a.drop-toggle,
.tab-drop > li.drop > a.drop-toggle:hover {
position: relative;
z-index: 2;
padding: 0;
margin: 0;
line-height: 42px;
height: 42px;
background-color: transparent;
cursor: pointer;
text-align: right;
border: 1px solid #ddd;
border-radius: 4px;
outline: 0;
color: #666;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.tab-drop > li.drop > a.drop-toggle .ss-icon {
position: absolute;
right: 0;
top: 0;
width: 16%;
font-size: 13px;
text-align: center;
border-left: 1px solid #ddd;
border-radius: 0 4px 4px 0;
}
.tab-drop > li.drop > a.drop-toggle:hover .ss-icon {
background-color: #eee;
}
.tab-drop > li.drop.open > a.drop-toggle .ss-icon,
.tab-drop > li.drop.open > a.drop-toggle:hover .ss-icon {
background-color: #999;
color: #fff;
}
.tab-drop > li.drop.open > a.drop-toggle,
.tab-drop > li.drop.open > a.drop-toggle .ss-icon {
-moz-border-bottom-right-radius: 0;
border-bottom-right-radius: 0;
}
.tab-drop .drop-menu {
position: absolute;
top: 100%;
right: 0;
z-index: 1000;
display: none;
background-color: #ffffff;
border-width: 0 1px 1px 1px;
border-style: solid;
border-color: #ddd;
min-width: 160px;
border-radius: 0 0 4px 4px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.tab-drop .open .drop-menu {
display: block;
}
.tab-drop > .drop .drop-menu > li {
display: block;
float: none;
border-radius: 0;
margin: 0;
}
.tab-drop > .drop .drop-menu > li a {
border-radius: 0;
padding: 12px;
margin: 0;
border: 0;
}
.tab-drop > .drop .drop-menu > li a:hover {
background-color: #eee;
}
.tab-drop > .drop .drop-menu > li:last-of-type a {
border-radius: 0 0 4px 4px;
}
.tab-drop > .drop .drop-menu > li.active a,
.tab-drop > .drop .drop-menu > li.active a:hover {
background-color: #099;
background-image: none;
color: #fff;
border: 0;
font-weight: normal;
}
}
/*End default tab to drop responsive styles*/
/*Start default tab to drop responsive styles with larger breakpoint*/
@media (max-width: 979px) {
.tab-drop.show-tablet {
display: block;
float: none;
border: 0;
padding: 0;
margin: 0 0 18px;
clear: both;
}
.tab-drop.show-tablet > li.selected,
.tab-drop.show-tablet > li.drop > a.drop-toggle {
display: block;
}
.tab-drop.show-tablet > li.selected {
position: absolute;
top: 0;
width: 84%;
padding: 12px 20px;
margin: 0;
font-weight: 600;
line-height: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: middle;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.tab-drop.show-tablet .drop {
width: 100%;
}
.tab-drop.show-tablet > li.drop > a.drop-toggle,
.tab-drop.show-tablet > li.drop > a.drop-toggle:hover {
position: relative;
z-index: 2;
padding: 0;
margin: 0;
line-height: 42px;
height: 42px;
background-color: transparent;
cursor: pointer;
text-align: right;
border: 1px solid #ddd;
border-radius: 4px;
outline: 0;
color: #666;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.tab-drop.show-tablet > li.drop > a.drop-toggle .ss-icon {
position: absolute;
right: 0;
top: 0;
width: 16%;
font-size: 13px;
text-align: center;
border-left: 1px solid #ddd;
border-radius: 0 4px 4px 0;
}
.tab-drop.show-tablet > li.drop > a.drop-toggle:hover .ss-icon {
background-color: #eee;
}
.tab-drop.show-tablet > li.drop.open > a.drop-toggle .ss-icon,
.tab-drop.show-tablet > li.drop.open > a.drop-toggle:hover .ss-icon {
background-color: #999;
color: #fff;
}
.tab-drop.show-tablet > li.drop.open > a.drop-toggle,
.tab-drop.show-tablet > li.drop.open > a.drop-toggle .ss-icon {
-moz-border-bottom-right-radius: 0;
border-bottom-right-radius: 0;
}
.tab-drop.show-tablet .drop-menu {
position: absolute;
top: 100%;
right: 0;
z-index: 1000;
display: none;
background-color: #ffffff;
border-width: 0 1px 1px 1px;
border-style: solid;
border-color: #ddd;
min-width: 160px;
border-radius: 0 0 4px 4px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.tab-drop.show-tablet .open .drop-menu {
display: block;
}
.tab-drop.show-tablet > .drop .drop-menu > li {
display: block;
float: none;
border-radius: 0;
margin: 0;
}
.tab-drop.show-tablet > .drop .drop-menu > li a {
border-radius: 0;
padding: 12px;
margin: 0;
border: 0;
}
.tab-drop.show-tablet > .drop .drop-menu > li a:hover {
background-color: #eee;
}
.tab-drop.show-tablet > .drop .drop-menu > li:last-of-type a {
border-radius: 0 0 4px 4px;
}
.tab-drop.show-tablet > .drop .drop-menu > li.active a,
.tab-drop.show-tablet > .drop .drop-menu > li.active a:hover {
background-color: #099;
background-image: none;
color: #fff;
border: 0;
font-weight: normal;
}
}
/*End default tab to drop responsive styles with larger breakpoint*/
/*Start buzz tab to drop responsive styles*/
@media (max-width: 767px) {
.buzz-nav-tabs.tab-drop {
margin: 0;
}
.buzz-nav-tabs.tab-drop .drop-menu > li {
padding: 0;
border: 0;
}
.buzz-nav-tabs.tab-drop .drop-menu > li.active:before {
display: none;
}
}
/*End buzz tab to drop responsive styles*/
/*Start nav tab tab to drop responsive styles*/
@media (max-width: 767px) {
.nav-tab-list.tab-drop {
margin: 0;
border-top: 1px solid #528388;
}
.nav-tab-list.tab-drop .drop-menu {
border: 1px solid #528388;
right: -1px;
}
.nav-tab-list.tab-drop > .drop .drop-menu > li {
border: 0;
}
.nav-tab-list.tab-drop > .drop .drop-menu > li a {
display: block;
color: #099;
padding: 12px;
}
.nav-tab-list.tab-drop .drop-menu > li.active a:before {
display: none;
}
.nav-tab-gray .nav-tab-list.tab-drop,
.nav-tab-gray .nav-tab-list.tab-drop > li.drop > a.drop-toggle .ss-icon,
.nav-tab-gray .nav-tab-list.tab-drop .drop-menu {
border-color: #595959;
}
.nav-tab-gray .nav-tab-list.tab-drop > li.drop > a.drop-toggle:hover .ss-icon {
background: #878f8f;
}
.nav-tab-gray .nav-tab-list.tab-drop > li.drop.open > a.drop-toggle .ss-icon,
.nav-tab-gray .nav-tab-list.tab-drop > li.drop.open > a.drop-toggle:hover .ss-icon {
background-color: #484848;
background-image: -webkit-gradient(linear, left top, left bottom, from(#484848), to(#656565));
background-image: linear-gradient(to bottom, #484848 0%, #656565 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#484848', endColorstr='#656565', GradientType=0);
}
.nav-tab-gray .nav-tab-list.tab-drop .drop-menu > li a:hover {
background-color: #eee;
}
.nav-tab-list.tab-drop > .drop .drop-menu > li.active a,
.nav-tab-list.tab-drop > .drop .drop-menu > li.active a:hover {
background-color: #099;
background-image: none;
-webkit-filter: none;
filter: none;
color: #fff;
}
.nav-tab-gray .nav-tab-list.tab-drop > .drop .drop-menu > li.active a,
.nav-tab-gray .nav-tab-list.tab-drop > .drop .drop-menu > li.active a:hover {
background-color: #484848;
}
.nav-tab-list.tab-drop > .drop .drop-menu > li a {
color: #666;
}
.nav-tab-list.tab-drop > li.drop > a.drop-toggle {
border: 0;
color: #fff;
background-image: none;
}
.nav-tab-list.tab-drop > li.drop > a.drop-toggle .ss-icon {
border-left-color: #528388;
border-radius: 0;
}
.nav-tab-list.tab-drop > li.drop > a.drop-toggle:hover .ss-icon {
background-color: #35bcbc;
color: #fff;
}
.nav-tab-chrome .nav-tab-list.tab-drop,
.nav-tab-chrome .nav-tab-list.tab-drop > li.drop > a.drop-toggle .ss-icon,
.nav-tab-chrome .nav-tab-list.tab-drop .drop-menu {
border-color: #999;
}
.nav-tab-chrome .nav-tab-list.tab-drop > li.drop > a.drop-toggle,
.nav-tab-light .nav-tab-list.tab-drop > li.drop > a.drop-toggle {
color: #666;
}
.nav-tab-light {
position: relative;
z-index: 10;
}
.nav-tab-light .nav-tab-list.tab-drop {
border: 0;
}
.nav-tab-light .nav-tab-list.tab-drop > li.drop > a.drop-toggle {
border: 1px solid #999;
border-radius: 0;
}
.nav-tab-light .nav-tab-list.tab-drop > li.drop > a.drop-toggle .ss-icon {
border-left-color: #999;
}
.nav-tab-light .tab-drop > li.drop > a.drop-toggle:hover .ss-icon {
background-color: #eee;
color: #666;
}
.nav-tab-list.tab-drop > li.drop.open > a.drop-toggle .ss-icon,
.nav-tab-list.tab-drop > li.drop.open > a.drop-toggle:hover .ss-icon {
background-color: #015959;
background-image: -webkit-gradient(linear, left top, left bottom, from(#015959), to(#017b7b));
background-image: linear-gradient(to bottom, #015959 0%, #017b7b 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#015959', endColorstr='#017b7b', GradientType=0);
}
.nav-tab-light .nav-tab-list.tab-drop > li.drop.open > a.drop-toggle .ss-icon,
.nav-tab-light .nav-tab-list.tab-drop > li.drop.open > a.drop-toggle:hover .ss-icon {
background: #999;
-webkit-filter: none;
filter: none;
color: #fff;
}
.nav-tab-light .nav-tab-list.tab-drop .drop-menu {
border-color: #999;
border-top-width: 0;
right: 0;
}
.nav-tab-light .nav-tab-list.tab-drop li {
margin-bottom: 0;
}
.nav-tab-light .nav-tab-list.tab-drop .drop-menu > li a {
border: 0;
margin: 0;
border-radius: 0;
}
.nav-tab-light .nav-tab-list.tab-drop .drop-menu > li.active a:link,
.nav-tab-light .nav-tab-list.tab-drop .drop-menu > li.active a:visited,
.nav-tab-light .nav-tab-list.tab-drop .drop-menu > li.active a:hover,
.nav-tab-light .nav-tab-list.tab-drop .drop-menu > li.active a:active {
padding: 10px;
margin: 0;
background-color: #099;
background-image: none;
color: #fff;
border: 0;
}
.nav-tab-light .nav-tab-list.tab-drop .drop-menu > li a:hover {
background-color: #eee;
}
.nav-tab-light .nav-tab-list.tab-drop .drop-menu > li:first-child a {
margin-left: 0;
}
.nav-tab-light .nav-tab-list.tab-drop .drop-menu > li:last-of-type a {
border-radius: 0 0 4px 4px;
}
}
/*End nav tab tab to drop responsive styles*/
/* New Nav Tab Light "Flat and "Sticky" */
@media (max-width: 979px) {
/*ul.flat-tabs li .flat-tab {
font-size: 14px;
}*/
.flat-tabs .inner-container {
padding-right: 0;
padding-left: 0;
}
ul.flat-tabs {
position: relative;
border-bottom: none;
z-index: 9;
}
ul.flat-tabs li {
float: none;
background: #f1f1f1;
}
ul.flat-tabs li .flat-tab {
width: 90%;
padding: 15px 5%;
font-size: 16px;
font-weight: 300;
border-right: none;
border-bottom: none;
border-bottom: 1px solid #ebebeb;
}
ul.flat-tabs li .flat-tab-mobile-hide {
display: none;
}
ul.flat-tabs li .flat-tab-mobile-show {
display: block;
}
ul.flat-tabs li .active-flat-tab {
display: block;
}
.active-flat-tab-closed {
background-image: url(clientlib-resources/resources/bootstrap/images/menu-arrows.png) !important;
background-position: 98% 9px !important;
background-repeat: no-repeat !important;
}
.active-flat-tab-opened {
background-image: url(clientlib-resources/resources/bootstrap/images/menu-arrows.png) !important;
background-position: 98% -23px !important;
background-repeat: no-repeat !important;
}
.flat-tabs-fixed {
z-index: 999;
width: 100%;
height: 44px;
padding: 0;
border-bottom: none;
}
.last-flat-tab {
-webkit-box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.1);
}
}
@media (max-width: 767px) {
.content-row-2-column {
width: auto;
margin-right: 0;
}
.content-row-2-column.pull-right {
float: none;
}
.page-title-heading {
margin-top: 12px;
font-size: 195%;
}
}
/* End of New Nav Tab Light "Flat and "Sticky" */
/* Link Background Image Hover */
@media (max-width: 979px) and (min-width: 768px) {
.home-tile {
height: 197px;
}
.home-tile-hover {
height: 197px;
}
}
@media (max-width: 767px) {
.home-tile {
height: 170px;
}
.home-tile-hover {
height: 170px;
}
.home-tile-content {
width: 70%;
}
}
/* Link Background Image Button */
@media (max-width: 979px) and (min-width: 768px) {
.link-background-image-button {
min-height: 95px;
}
}
@media (max-width: 767px) {
.link-background-image-button {
min-height: 100px;
}
}
/* Teaser Latest News */
@media (max-width: 979px) and (min-width: 768px) {
.teaser-latest-news {
min-height: 95px;
}
}
@media (max-width: 767px) {
.teaser-latest-news {
min-height: 100px;
}
}
@media (max-width: 979px) and (min-width: 768px) {
.carousel-illustrated.m-carousel .m-item {
width: 50%;
}
}
@media (max-width: 767px) {
.link-list-icon-tile .link-list-heading {
font-size: 16px;
}
.link-list-icon-tile .link-list-item {
display: block;
width: 100%;
}
.link-list-item:nth-child(even) {
float: none;
}
}
/*JIRA459, WWW Button and Dropdown Color changes*/
@media (min-width: 768px) and (max-width: 979px) {
.support-search-box {
padding-top: 25px;
}
}
@media (max-width: 979px) {
.support-search-box .content-wrapper {
width: 100%;
}
.support-search-box .input-wrapper input {
height: 40px;
padding: 0px 14px;
}
}
@media (max-width: 767px) {
.support-search-box {
padding-top: 15px;
}
.support-search-box .content-wrapper .btn {
display: block;
width: 50%;
float: right;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.support-search-box .content-wrapper p {
float: left;
width: 50%;
text-align: center;
line-height: 40px;
margin: 0;
}
.support-search-box .input-wrapper {
width: 100%;
margin: 0 0 15px;
}
}
@media (max-width: 979px) {
.responsive-link-row .content-sm-3 .content-cell,
.responsive-link-row .content-xs-3 .content-cell {
width: 33.333%;
}
}
@media (max-width: 979px) and (min-width: 768px) {
.responsive-link-row .content-cell.hidden-sm {
display: none;
}
.responsive-link-row .content-sm-2 .content-cell {
width: 50%;
}
.responsive-link-row .content-sm-1 .content-cell {
width: 100%;
}
}
@media (max-width: 767px) {
.responsive-link-row .content-text a {
color: #333;
}
.responsive-link-row .content-xs-2 .content-cell {
width: 50%;
}
.responsive-link-row .content-xs-1 .content-cell {
width: 100%;
}
.responsive-link-row .content-cell.hidden-xs {
display: none;
}
}
/* Styles requested by Online Marketing Group */
@media (max-width: 767px) {
/*Content layout patterns*/
.col-with-logo-left p,
.col-with-lg-logo-left p,
.three-col-logo-left p {
float: none;
width: 100%;
text-align: center;
}
.col-with-logo-left img,
.col-with-lg-logo-left img,
.three-col-logo-left img {
display: block;
float: none;
margin: 0 auto 5px auto;
}
.col-with-logo-left {
padding: 20px 8%;
}
.col-with-lg-logo-left {
padding: 20px 8%;
}
.three-col-top-logo {
padding: 0;
}
}
@media (min-width: 768px) and (max-width: 979px) {
/*Content layout patterns*/
.col-with-logo-left p {
float: right;
width: 75%;
}
.col-with-lg-logo-left p {
float: right;
width: 70%;
}
.three-col-logo-left p {
width: 65%;
padding-top: 0;
}
}
@media (min-width: 1200px) {
/*Content layout patterns*/
.col-with-logo-left p {
float: right;
}
.col-with-lg-logo-left p {
float: right;
width: 81%;
}
.three-col-logo-left p {
float: left;
padding-top: 0;
}
}
@media (min-width: 1200px) {
.row-reverse.row {
margin-right: -30px;
}
.row-reverse.row > [class*="span"] {
margin-left: 0;
margin-right: 30px;
}
}
@media (max-width: 767px) {
.row-reverse.row {
margin: 0;
}
.row-reverse.row > [class*="span"] {
float: none;
margin: 0;
}
}
@media (max-width: 979px) {
.spp-page {
font-size: 12px;
}
}
/* spp top profile section */
@media (max-width: 979px) and (min-width: 768px) {
.spp-page .spp-top-profile [class*="span"] {
margin-left: 1.40056022%;
}
.spp-page .spp-top-profile .span6 {
width: 42.29691877%;
padding-right: 21px;
}
.spp-page .spp-top-profile .span2 {
width: 11.83380019%;
}
.spp-page .spp-top-profile .span6 + .span2 {
width: 29.83380019%;
}
.spp-page .spp-top-profile .unit-foot {
padding: 5px 0;
min-height: 32px;
}
}
@media (max-width: 767px) {
.spp-page {
padding-bottom: 20px;
}
.spp-page .spp-top-profile [class*="span"] {
margin-left: 0;
min-height: 0;
}
.spp-page .spp-top-profile .span2 {
width: 48%;
float: left;
margin-right: 2%;
}
.spp-page .spp-top-profile .span6,
.spp-page .spp-top-profile .span6 + .span2 {
width: 100%;
margin: 0;
}
.spp-page .spp-top-profile .span2 + .span2 + .span2 {
margin-left: 2%;
margin-right: 0;
}
.spp-page .row-fluid [class*="span"] {
min-height: 0;
}
}
@media (max-width: 979px) and (min-width: 768px) {
.spp-box .unit-info {
padding: 10px;
}
.spp-box .unit-foot .link-add {
right: 4px;
top: 4px;
}
.spp-box .unit-play-list li {
padding-right: 65px;
min-height: 36px;
}
.spp-box .unit-date-list > li {
padding-left: 50px;
min-height: 36px;
}
.spp-box .unit-date-list > li .cell-day {
font-size: 16px;
}
.spp-box .label {
padding: 0 4px;
margin-right: 4px;
}
.spp-box .table th,
.spp-box .table td {
padding: 4px;
}
.spp-box .table-activity tbody tr {
height: 46px;
}
.spp-box .table-activity .td-status {
width: 70px;
padding-left: 10px;
padding-right: 0;
}
.spp-box .table-activity .td-action {
width: 50px;
padding-left: 10px;
padding-right: 0;
}
.spp-box .icn-play {
width: 50px;
height: 32px;
}
}
@media (max-width: 767px) {
.spp-box {
margin-bottom: 8px;
}
.spp-box-collapse {
border: 0;
margin-bottom: 0;
border-radius: 0;
}
.spp-box-collapse .unit-info {
padding: 0;
}
.spp-box-collapse .collapse-icn {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.spp-box-collapse .collapse-icn span {
background-color: #333;
position: absolute;
width: 26px;
height: auto;
top: 0;
right: 0;
bottom: 0;
padding: 7px;
border-left: 2px solid #fff;
}
.spp-box-collapse .collapse-icn span:before,
.spp-box-collapse .collapse-icn span:after {
position: absolute;
content: "";
display: block;
height: 2px;
width: 26px;
top: 50%;
left: 7px;
background-color: #fff;
margin-top: -1px;
}
.spp-box-collapse .collapse-icn span:after {
width: 2px;
height: 22px;
left: 19px;
margin-top: -11px;
}
.spp-box-collapse .collapse-icn.open span:after {
display: none;
}
.spp-box-collapse .unit-title {
position: relative;
padding: 8px 50px 8px 10px;
line-height: 20px;
background-color: #e4e4e4;
margin-bottom: 2px;
}
.spp-box-collapse .unit-news-list {
height: 0;
overflow: hidden;
background-color: #e4e4e4;
}
.spp-box-collapse .unit-news-list.collapse.in {
height: auto;
overflow: visible;
}
.spp-box-collapse .unit-news-list .unit-list-box {
padding: 10px;
margin-bottom: 2px;
}
.spp-box-collapse .unit-news-list .unit-item {
padding: 7px 0;
margin-bottom: 0;
border-top: 1px solid #bcbcbc;
}
.spp-box-collapse .unit-news-list .unit-item:first-child {
border: 0;
}
.spp-box-collapse .unit-news-list .item-support {
display: none;
}
}
@media (min-width: 768px) {
.spp-box-collapse .unit-news-list,
.spp-box-collapse .unit-news-list.collapse,
.spp-box-collapse .unit-news-list.collapse.in {
height: auto !important;
overflow: visible !important;
}
}
/* Profile Partner Information Display View */
@media (max-width: 979px) {
.profile-partner-information [class^="txt-"] {
line-height: 18px;
}
.profile-partner-information .txt-people,
.profile-partner-information .txt-company {
font-size: 14px;
}
.profile-partner-information .txt-icn-edit {
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 50px;
border-left: 1px solid #ccc;
background: url(clientlib-resources/resources/bootstrap/images/icn_editprofile-28x36.png) no-repeat 50%;
}
.profile-partner-information .txt-icn-edit span {
text-indent: -999em;
font-size: 0;
}
.profile-partner-information .txt-icn-edit a {
display: block;
height: 100%;
}
}
@media (max-width: 979px) and (min-width: 768px) {
.profile-partner-information .partner-logo {
width: 78px;
height: 78px;
padding-bottom: 20px;
}
.profile-partner-information .partner-info,
.profile-partner-information .partner-links {
margin-left: 96px;
}
.profile-partner-information [class^="level"] {
width: 78px;
top: 78px;
padding: 2px;
line-height: 16px;
}
.profile-partner-information .cell-welcome {
padding-right: 50px;
}
.profile-partner-information .cell-extra .txt-rep {
margin-right: -50px;
margin-top: 4px;
padding-top: 3px;
}
.profile-partner-information .cell-extra .txt-rep:first-child {
margin-top: 14px;
}
}
@media (max-width: 767px) {
.profile-partner-information {
padding-right: 50px;
}
.profile-partner-information .partner-logo {
width: 60px;
height: 60px;
padding-bottom: 0;
}
.profile-partner-information .partner-info,
.profile-partner-information .partner-links {
margin-left: 78px;
}
.profile-partner-information [class^="level"] {
position: static;
display: inline-block;
padding: 2px 5px;
width: auto;
line-height: 16px;
margin-top: 4px;
}
.profile-partner-information .txt-icn-edit {
bottom: 0;
height: auto;
}
.profile-support-cases .unit-info .figure-info,
.profile-returns .unit-info .figure-info {
min-height: 30px;
}
}
/* BR-49 BR-50 - 2. Clicking on upper half of the box links to "View All" cases */
@media (max-width: 979px) {
.profile-support-cases .link-sub,
.profile-returns .link-sub {
color: transparent;
visibility: hidden;
}
}
/* Something share between Profile Purchase Summary, Profile Support Cases & Profile Returns Display View */
@media (max-width: 979px) and (min-width: 768px) {
[class^="profile"].spp-box .unit-info p {
font-size: 11px;
line-height: 1.1;
}
[class^="profile"].spp-box .unit-info p.figure-hero {
font-size: 25px;
}
}
/* Profile Purchase Summary */
@media (max-width: 979px) and (min-width: 768px) {
.profile-purchase-summary .unit-foot .link-sub {
font-size: 11px;
font-weight: normal;
line-height: 1.2;
}
.profile-purchase-summary .unit-foot .link-sub .disclaimer-btn {
width: 18px;
height: 18px;
display: block;
margin: 0 auto;
}
.profile-purchase-summary .unit-foot .link-sub .disclaimer-btn:before {
top: 4px;
}
.profile-purchase-summary .unit-foot .link-sub .disclaimer-btn:after {
top: 8px;
}
}
@media (max-width: 767px) {
.profile-purchase-summary {
background-color: #f8e18e;
padding: 3px;
margin-bottom: 2px;
text-align: center;
}
.profile-purchase-summary [class^="unit"] {
float: none;
display: inline-block;
width: auto;
height: auto;
padding: 0;
border-bottom: 0;
background-color: transparent;
}
.profile-purchase-summary [class^="unit"] p {
display: inline;
}
.profile-purchase-summary [class^="unit"] p.figure-hero {
font-size: 12px;
font-weight: normal;
}
.profile-purchase-summary .unit-internal {
background-color: transparent;
border-right: 0;
}
.profile-purchase-summary .unit-internal:after {
content: "/";
color: #333;
display: inline;
}
.profile-purchase-summary .figure-type {
color: #333;
font-weight: normal;
}
.profile-purchase-summary .unit-foot {
position: static;
width: auto;
border-top: 0;
}
.profile-purchase-summary .unit-foot .link-sub {
display: inline-block;
color: #333;
height: auto;
font-weight: 600;
line-height: 18px;
vertical-align: top;
}
.profile-purchase-summary .unit-foot .link-sub:after {
content: ":";
}
.profile-purchase-summary .unit-foot .link-sub span {
vertical-align: top;
}
.profile-purchase-summary .unit-foot.visible-phone {
display: inline-block !important;
}
.profile-purchase-summary.spp-box .unit-info {
padding: 0;
}
}
/* news ticker */
@media (max-width: 767px) {
.profile-news-ticker .alert {
margin-bottom: 8px;
text-align: left;
}
}
/* Dashboard Upcoming Events Display View */
@media (max-width: 767px) {
.spp-event-calendar .unit-icon,
.spp-event-calendar .unit-title,
.spp-event-calendar .unit-date-list li {
display: none;
}
.spp-event-calendar .unit-date-list {
padding-top: 0;
}
.spp-event-calendar .unit-date-list li:first-child {
display: block;
position: relative;
min-height: 36px;
padding-left: 70px;
}
.spp-event-calendar .unit-date-list li:first-child:before {
content: "";
position: absolute;
width: 1px;
height: 100%;
background-color: #c7c7c7;
top: 0;
left: 56px;
bottom: 0;
}
.spp-event-calendar .unit-info {
padding: 8px 13px;
}
}
/* Essential Product Guides Display View */
@media (max-width: 767px) {
.spp-segmented-list {
margin-bottom: 0;
}
}
/* Announcement Modal */
@media (min-width: 1200px) {
.announcement-modal .modal {
width: 1170px;
margin: 0 0 0 -585px;
}
.announcement-modal .modal h3 {
font-size: 33px;
}
.am-spp-renewal .modal-body {
padding: 20px 205px 10px;
}
.am-whats-new .modal h3 {
margin: 0 65px;
}
.am-whats-new .am-i-a {
width: 496px;
}
.am-whats-new .am-i-b .am-p-a {
right: 329px;
}
.am-whats-new .am-i-b .am-p-b {
left: 248px;
width: 551px;
}
.am-whats-new .am-i-b p {
width: 350px;
}
.am-whats-new .am-i-c .am-p-a {
right: 520px;
}
.am-whats-new .am-i-c .am-p-b {
left: 248px;
}
.am-whats-new .am-i-c .am-p-c {
left: 248px;
width: 551px;
}
.am-whats-new .am-i-c p {
width: 350px;
}
}
@media (max-width: 979px) {
.announcement-modal .modal h3 {
font-size: 25px;
margin-top: 10px;
}
.announcement-modal .modal-body p {
font-size: 14px;
}
.am-spp-renewal .modal-body {
padding: 10px 75px 0;
text-align: center;
}
.am-spp-renewal .modal-footer {
border: 0;
text-align: center;
padding-bottom: 20px;
padding-top: 10px;
background-color: transparent;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.announcement-modal .modal {
width: 724px;
margin: 0 0 0 -362px;
}
.am-whats-new .modal h3 {
margin: 0 80px;
padding: 8px;
}
.am-whats-new .am-i-a {
width: 360px;
}
.am-whats-new .am-i-a .am-p-a {
height: 34px;
}
.am-whats-new .am-i-b {
top: 130px;
height: 220px;
}
.am-whats-new .am-i-b .am-p-a {
right: 180px;
}
.am-whats-new .am-i-b .am-p-b {
top: 183px;
left: 180px;
width: 300px;
}
.am-whats-new .am-i-b p {
right: 0;
width: 228px;
}
.am-whats-new .am-i-c .am-p-a {
right: 295px;
}
.am-whats-new .am-i-c .am-p-b {
left: 180px;
}
.am-whats-new .am-i-c .am-p-c {
left: 180px;
width: 300px;
}
.am-whats-new .am-i-c p {
right: 0;
width: 228px;
}
.am-whats-new .btn {
min-width: 90px;
font-size: 19px;
line-height: 30px;
padding: 5px 30px;
height: 30px;
margin: -15px 0 0 -75px;
}
}
@media (max-width: 767px) {
.announcement-modal .modal {
width: auto;
}
.announcement-modal .modal.fade {
margin: 0;
}
.announcement-modal .modal.fade.in {
top: 100px;
}
.am-spp-renewal .modal-body {
padding: 10px 20px 0;
}
.am-whats-new {
display: none;
}
}
/* Announcement Modal Mobile View */
@media (max-width: 767px) {
.am-whats-new-m .page-title {
margin: 0 -10px;
}
.am-whats-new-m .am-m-content {
background-color: #fff;
position: absolute;
top: 136px;
bottom: 0;
z-index: 9994;
font-size: 12px;
width: 100%;
-webkit-box-shadow: 0 20px 10px #ffffff, 0 30px 10px rgba(255, 255, 255, 0.9), 0 40px 10px rgba(255, 255, 255, 0.8), 0 50px 10px rgba(255, 255, 255, 0.7);
box-shadow: 0 20px 10px #ffffff, 0 30px 10px rgba(255, 255, 255, 0.9), 0 40px 10px rgba(255, 255, 255, 0.8), 0 50px 10px rgba(255, 255, 255, 0.7);
overflow: hidden;
}
.am-whats-new-m .am-m-content .am-title {
font-size: 16px;
font-weight: normal;
margin-bottom: 20px;
}
.am-whats-new-m .am-m-content p {
font-size: 14px;
color: #8d8d8d;
}
.am-whats-new-m .am-m-content img {
margin-bottom: 10px;
max-width: 100%;
width: auto;
}
.am-whats-new-m .m-carousel {
position: absolute;
top: 0;
right: 20px;
bottom: 0;
left: 20px;
}
.am-whats-new-m .m-carousel-controls {
position: absolute;
width: 100%;
bottom: 0;
left: 0;
margin-bottom: 15px;
}
.am-whats-new-m .am-m-skip {
position: absolute;
z-index: 9995;
right: 20px;
bottom: 18px;
font-size: 16px;
}
.am-whats-new-m .am-m-backdrop {
position: fixed;
top: 136px;
right: 0;
bottom: 0;
left: 0;
z-index: 9993;
opacity: 0.8;
filter: alpha(opacity=80);
background-color: #fff;
}
.am-whats-new-m .am-m-backdrop.scroll-over-page-title {
top: 0;
}
}
@media (min-height: 321px) and (max-height: 356px) {
.am-whats-new-m .am-m-content {
bottom: -60px;
}
.am-whats-new-m .am-m-content img {
max-height: 210px;
max-height: 45vh;
}
.am-whats-new-m .am-m-skip {
margin-bottom: -60px;
}
}
@media (max-height: 320px) {
.am-whats-new-m .am-m-content .m-item {
text-align: left;
}
.am-whats-new-m .am-m-content .am-title {
text-align: center;
}
.am-whats-new-m .am-m-content img {
max-height: 210px;
max-width: 50%;
float: left;
}
.am-whats-new-m .m-carousel-controls {
width: 50%;
left: 50%;
text-align: left;
}
}
/* Whats New Modal Animation */
@media (min-width: 768px) and (max-width: 979px) {
.am-whats-new .am-on.in .am-i-a {
width: 360px;
}
.am-whats-new .am-on.in .am-i-a .am-p-a {
height: 34px;
}
.am-whats-new .am-on.in .am-i-b {
top: 130px;
height: 220px;
}
.am-whats-new .am-on.in .am-i-b .am-p-a {
right: 180px;
height: 165px;
}
.am-whats-new .am-on.in .am-i-b .am-p-b {
top: 183px;
left: 180px;
width: 300px;
}
.am-whats-new .am-on.in .am-i-b p {
right: 0;
width: 228px;
}
.am-whats-new .am-on.in .am-i-c .am-p-a {
right: 295px;
}
.am-whats-new .am-on.in .am-i-c .am-p-b {
left: 180px;
}
.am-whats-new .am-on.in .am-i-c .am-p-c {
left: 180px;
width: 300px;
}
.am-whats-new .am-on.in .am-i-c p {
right: 0;
width: 228px;
}
}
@media (min-width: 1200px) {
.am-whats-new .am-on.in .am-i-a {
width: 496px;
}
.am-whats-new .am-on.in .am-i-b .am-p-a {
right: 329px;
}
.am-whats-new .am-on.in .am-i-b .am-p-b {
left: 248px;
width: 551px;
}
.am-whats-new .am-on.in .am-i-b p {
width: 350px;
}
.am-whats-new .am-on.in .am-i-c .am-p-a {
right: 520px;
}
.am-whats-new .am-on.in .am-i-c .am-p-b {
left: 248px;
width: 1px;
}
.am-whats-new .am-on.in .am-i-c .am-p-c {
left: 248px;
width: 551px;
}
.am-whats-new .am-on.in .am-i-c p {
width: 350px;
}
}
/* spp support contact */
@media (max-width: 979px) {
.spp-support-contact .unit-content {
margin-left: -10px;
}
.spp-support-contact .unit-item {
float: left;
width: 25%;
padding-left: 10px;
margin-bottom: 0;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.spp-support-contact .unit-item .icon {
max-width: none;
float: none;
text-align: center;
}
}
@media (max-width: 767px) {
.spp-support-contact {
margin-top: 6px;
}
}
/* link-list-icon */
@media (max-width: 767px) {
.link-list-icon .unit-item {
display: none;
float: left;
width: 50%;
padding: 0 5px;
margin-bottom: 0;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.link-list-icon .unit-item .icon {
display: block;
padding: 0;
text-align: center;
float: none;
max-width: none;
margin-bottom: 8px;
}
.link-list-icon .unit-item .text {
margin: 0;
text-align: center;
}
.link-list-icon .unit-content .unit-item:first-child,
.link-list-icon .unit-content .unit-item:first-child + .unit-item {
display: block;
}
}
/* link background image button responsive */
@media (max-width: 767px) {
.link-background-image-button-rwd {
position: relative;
min-height: 0;
background: none !important;
padding: 0;
}
.link-background-image-button-rwd .unit-info {
padding: 0;
}
.link-background-image-button-rwd .btn {
position: static;
width: 100%;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
}
@media (max-width: 780px) {
#seagate-logo,
.seagate-portal-logo {
display: none;
}
#mega-nav-container {
width: 100%;
height: 60px;
z-index: 100;
position: static;
}
#mega-nav-container.light {
background-color: #ffffff;
position: static;
}
.home-page #mega-nav-container.light {
background-color: transparent;
}
.home-page #mega-nav-container.sticky-nav {
background-color: #fff;
}
#nav-separator {
width: 100%;
position: absolute;
top: 60px;
color: #464343;
border-top: none;
opacity: 0.2;
margin: 0;
}
#nav-wrapper {
font-family: Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 600;
position: relative;
background: none;
width: 0;
float: right;
max-width: 87%;
-webkit-transition: all 0.3s ease 0.15s;
transition: all 0.3s ease 0.15s;
z-index: 100;
top: -20px;
}
.nav-content-wrapper a {
text-decoration: none;
font-weight: normal;
}
#mobile-logo {
width: 120px;
position: absolute;
height: 100px;
background: url(clientlib-resources/resources/bootstrap/images/logo_w110_wht.png) no-repeat scroll 10px 15px;
}
#mega-nav-container.light #mobile-logo {
background: url(clientlib-resources/resources/bootstrap/images/logo_w110_blk.png) no-repeat scroll 10px 15px;
}
.home-page #mega-nav-container.light #mobile-logo {
background-image: url(clientlib-resources/resources/bootstrap/images/logo_w110_wht.png);
}
.home-page #mega-nav-container.sticky-nav #mobile-logo {
background-image: url(clientlib-resources/resources/bootstrap/images/logo_w110_blk.png);
}
.mobile-portal-logo {
display: block;
position: absolute;
top: 29px;
margin-left: 130px;
font-size: 18px;
color: #000;
}
button#burger:after {
background: none repeat scroll 0 0 #ffffff;
-webkit-box-shadow: 0 7px 0 #ffffff, 0 14px 0 #ffffff;
box-shadow: 0 7px 0 #ffffff, 0 14px 0 #ffffff;
content: "";
height: 3px;
left: 0;
position: absolute;
width: 70%;
}
button#burger {
display: block;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border: medium none;
cursor: pointer;
outline: medium none;
overflow: hidden;
position: relative;
text-indent: -900em;
width: 31px;
vertical-align: top;
top: 45px;
margin-left: -35px;
}
#mega-nav-container.light button#burger:after {
background: none repeat scroll 0 0 #000000;
-webkit-box-shadow: 0 7px 0 #000000, 0 14px 0 #000000;
box-shadow: 0 7px 0 #000000, 0 14px 0 #000000;
}
.home-page #mega-nav-container.light button#burger:after,
#mega-nav-container.light button#burger.light-active:after {
background: none repeat scroll 0 0 #ffffff;
-webkit-box-shadow: 0 7px 0 #ffffff, 0 14px 0 #ffffff;
box-shadow: 0 7px 0 #ffffff, 0 14px 0 #ffffff;
}
.home-page #mega-nav-container.sticky-nav button#burger:after,
#mega-nav-container.sticky-nav button#burger.light-active:after {
background: none repeat scroll 0 0 #000000;
-webkit-box-shadow: 0 7px 0 #000000, 0 14px 0 #000000;
box-shadow: 0 7px 0 #000000, 0 14px 0 #000000;
}
#mobile-wrapper {
height: 1430px;
overflow: hidden;
position: absolute;
width: 100%;
max-width: 0;
-webkit-transition: all 0.3s ease 0.15s;
transition: all 0.3s ease 0.15s;
height: 100%;
}
#nav-opacity {
background: none repeat scroll 0 0 #000000;
height: 100%;
opacity: 0.7;
position: fixed;
width: 100%;
bottom: 0;
left: 0;
display: none;
z-index: 10;
}
.mega-nav {
padding: 0;
margin: 0;
right: 0;
position: relative;
border-top: solid #ffffff 1px;
max-width: 340px;
background: none repeat scroll 0 0 #ffffff;
margin-bottom: 0;
height: 100%;
width: 100%;
z-index: auto;
display: block;
}
.mega-nav .first {
margin-left: 10px;
}
.mega-nav > li {
position: relative;
display: block;
float: none;
background: none repeat scroll 0 0 #ffffff;
border-top: 1px solid #cccccc;
-webkit-transition: all 0.3s ease 0.15s;
transition: all 0.3s ease 0.15s;
right: 0;
}
.mega-nav > li.search-rollover.desk-only + .mega-lev1-right.mobile-only {
margin-top: 10px;
}
.mega-nav > li.open {
right: 340px;
}
.mega-nav > li > a {
text-decoration: none;
color: #333333;
display: table-cell;
height: 45px;
line-height: 15px;
vertical-align: middle;
padding-left: 7px;
position: static;
}
.home-page #mega-nav-container.light .mega-nav > li > a {
color: #333;
}
u {
text-decoration: none;
}
u.underline {
padding-right: 41px;
}
.mega-nav-tab {
display: block;
background-color: #ffffff;
margin-left: 340px;
max-width: 340px;
min-height: inherit;
width: 100%;
top: 0;
position: absolute;
}
.mega-nav-contentblock {
background-color: #eeeeee;
display: none;
margin: 72px 0;
height: auto;
}
.mega-nav-contentblock.open {
display: block !important;
visibility: visible;
}
.feature-block {
display: none;
}
ul.vtab {
padding-left: 0px;
font-weight: normal;
float: none;
width: auto;
border: none;
min-height: 1px;
}
.vtab > li {
border-left: none;
}
.vtab li.avail-item {
border-top: 1px solid #ffffff;
background: none repeat scroll 0 0 #eeeeee;
display: block;
height: 0;
padding-right: 23px;
-webkit-transition: all 0.3s ease 0.15s;
transition: all 0.3s ease 0.15s;
border-bottom: none;
overflow: hidden;
}
li.active > div > div > ul.vtab > li.avail-item {
height: 45px;
}
.vtab li.avail-item a {
color: #333333;
display: table-cell;
height: 45px;
line-height: 15px;
padding-left: 7px;
text-decoration: none;
vertical-align: middle;
width: 100%;
font-size: 16px;
}
.vtab li.open a {
background: none;
}
.vtab li a span {
display: table-cell;
height: auto;
padding-right: 0;
padding-left: 0;
vertical-align: baseline;
}
.vtab li.avail-item a:hover {
color: #333;
background: none;
}
.vtab > li.avail-item:after {
position: absolute;
content: "";
border-width: 2px 2px 0 0;
border-style: solid;
border-color: #333;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
left: auto;
right: 20px;
width: 8px;
height: 8px;
margin-top: -27px;
}
.unavail-item {
display: none;
}
.nav-content-topcopy {
display: none;
}
.nav-content-wrapper {
padding-top: 0;
}
.nav-1up {
border-top: 1px solid #ffffff;
padding: 10px;
display: block;
width: auto;
margin-left: 0;
}
.nav-learn-more {
text-transform: uppercase;
color: #ffffff;
padding: 7px 20px;
cursor: pointer;
margin-top: 20px;
background: none repeat scroll 0 0 #00a1dd;
border: 1px #009999;
border-radius: 2px;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.l3-copy-center {
width: 100%;
text-align: center;
}
.nav-2up {
border-top: 1px solid #ffffff;
padding: 10px;
}
.nav-3up {
border-top: 1px solid #ffffff;
padding: 10px;
}
.nav-4up {
border-top: 1px solid #ffffff;
padding: 10px;
display: block;
width: auto;
overflow: auto;
margin-left: 0;
}
.nav-4up.first-up {
margin-left: 0;
}
.mega-nav-image {
text-align: center;
height: auto;
overflow: hidden;
width: 100%;
max-height: 200px;
margin-bottom: 0;
}
.mega-nav-image img {
max-width: 100%;
}
.nav-2up > .mega-nav-image img,
.nav-3up > .mega-nav-image img,
.nav-4up > .mega-nav-image img,
.nav-2up-wfeat > .mega-nav-image img,
.nav-4up-wfeat > .mega-nav-image img {
width: auto;
}
.l3-copy > p {
margin: 0;
font-weight: normal;
font-size: 13px;
}
.mega-lev1-left {
background-color: #e3e3e3 !important;
border-top: 1px solid #ffffff !important;
margin-left: 10px;
margin-right: 10px;
}
.mega-lev1-right {
margin-left: 3px;
position: relative;
}
.mega-lev1-right.border-bottom {
border-bottom: 1px solid #cccccc;
}
ul.mega-nav > .last {
margin-bottom: 10px !important;
}
ul.mega-nav > .first {
background-color: #e3e3e3;
border-top: medium none;
}
li.active > a > u:after {
height: 0 !important;
}
.mega-lev1-left.active > div > div > ul {
height: auto !important;
max-height: 900px;
margin: 0;
}
.mega-nav .mega-lev1-left {
margin-left: 10px;
margin-right: 10px;
}
.mega-nav .mega-lev1-left .underline {
padding: 0;
position: static;
}
.mega-nav > li:hover > a > u.underline,
.mega-nav > li:hover > a > u.noborder {
width: auto;
color: inherit;
border-bottom: none;
}
.mega-lev1-right > a > u {
padding: 0 0 0 7px;
margin: 0;
}
.mega-lev1-left > div > div > ul {
-webkit-transition: all 0.3s ease 0.15s;
transition: all 0.3s ease 0.15s;
max-height: 0;
}
ul.mega-nav > li.mega-lev1-left > a > span:after {
border-right: 3px solid #ffffff;
content: "";
height: 30px;
margin-left: 60%;
margin-top: -10px;
position: absolute;
}
ul.mega-nav > li.mega-lev1-left > a > span:before {
border-top: 3px solid #ffffff;
content: "";
margin-left: 75%;
position: absolute;
width: 30px;
}
.mega-nav-links {
top: -33px;
z-index: auto;
}
.mega-nav > li > div.lev1-rollover {
position: static;
height: auto;
margin-top: 0;
visibility: visible;
}
#vtab-store {
border-top: none;
width: 100% !important;
margin-left: 0;
right: 0;
position: absolute;
background-color: #00a1dd !important;
-webkit-box-shadow: 2px 0 4px 2px rgba(50, 50, 50, 0.45);
box-shadow: 2px 0 4px 2px rgba(50, 50, 50, 0.45);
z-index: 200;
height: 45px;
-webkit-transition: none;
transition: none;
}
#vtab-store > a:first-child {
text-decoration: none;
color: #ffffff !important;
width: 100%;
}
#vtab-store > div > img {
vertical-align: middle;
}
#mobile-cart {
top: 0;
right: 6px;
top: 6px;
position: absolute;
height: 30px;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
margin-top: 0;
background-color: #00678d;
border-radius: 5px;
}
#mobile-cart > div {
display: inline-block;
vertical-align: middle;
height: 100%;
margin-left: 5px;
color: #ffffff;
}
.search-mobile {
display: none;
}
.search-box {
opacity: 1;
border: none;
background: none;
overflow: visible;
line-height: normal;
margin: 0 10px 8px;
}
.mega-nav .seagate-search {
border: 1px solid #000000;
margin-top: 10px;
}
.mega-nav .error .seagate-search {
border-color: #cc0001;
}
.mega-nav input.seagate-search[type="search"] {
font-size: 18px;
}
.magnify-icon {
bottom: 0;
position: relative;
width: 1em;
height: 1em;
margin: 0;
padding: 0;
border: solid 0.35em #333333;
border-radius: 50%;
font-size: 10px;
right: 0;
top: 0;
}
.magnify-icon:after {
content: "";
position: absolute;
top: 0.8em;
right: -0.4em;
width: 0.5em;
height: 0.8em;
background: #333333;
border-radius: 0.2em;
-webkit-transform: rotate(-40deg);
transform: rotate(-40deg);
}
.mega-nav li.mega-lev1-left.expand {
position: relative;
background: #eeeeee;
/* Old browsers */
background: linear-gradient(to right, #eeeeee 0%, #eeeeee 275px, #333333 275px, #333333 100%);
/* W3C */
}
.mega-nav li.mega-lev1-left.expand u:before,
.mega-nav li.mega-lev1-left.expand u:after {
content: "";
display: block;
position: absolute;
background-color: #fff;
}
.mega-nav li.mega-lev1-left.expand u:before {
vertical-align: middle;
width: 26px;
height: 2px;
right: 10px;
top: 22px;
}
.mega-nav li.mega-lev1-left.expand u:after {
width: 2px;
height: 26px;
margin-top: -19px;
right: 22px;
}
.mobile-only {
display: block !important;
}
.desk-only {
display: none !important;
}
#vtab-back {
position: fixed;
top: 0px;
z-index: 100;
position: absolute;
width: 100%;
height: 60px;
border-bottom: 1px #cccccc solid;
text-align: left;
line-height: 60px;
background-color: #ffffff;
padding-left: 15px;
cursor: pointer;
}
#vtab-back.hidden {
display: none !important;
}
#vtab-back > a {
text-decoration: none;
color: #00a1dd;
}
#category-name.hidden {
display: none !important;
}
#category-name {
position: absolute;
top: 60px;
width: 100%;
z-index: 300;
margin-top: 15px;
height: 45px;
}
#category-name > div {
height: 45px;
padding-left: 10px;
background-color: #e3e3e3;
margin: 0px 10px;
}
#category-name > div > span {
color: #333333;
height: 45px;
display: table-cell;
vertical-align: middle;
}
.arrow-left {
position: relative;
top: 2px;
width: 0;
height: 0;
border-bottom: 8px solid transparent;
border-top: 8px solid transparent;
border-right: 8px solid #00a1dd;
display: inline-block;
}
.mega-nav-contentblock > div.with-feature {
display: inline-block;
width: auto;
border: none;
height: auto;
}
.nav-link {
font-size: 16px;
}
.mega-nav > li.mobile-search-rollover {
position: relative;
}
.mega-nav > li.mobile-search-rollover > a {
position: absolute;
right: 5%;
top: 14px;
margin: 0;
padding: 0;
width: 20px;
height: 20px;
}
}
@media (max-width: 480px) {
button#burger:after {
height: 2px;
width: 60% !important;
}
}
@media (min-width: 0px) {
#nav-wrapper.nav-wrapper-mobile-width {
width: 0;
}
#nav-wrapper.nav-wrapper-mobile-width-open {
width: 340px;
}
#mobile-wrapper.mobile-wrapper-mobile-height {
height: 1430px;
}
}
@media (max-width: 979px) {
.flex-container .text-content {
width: 270px !important;
}
}
@media (max-width: 699px) {
.nav-footer-code-content {
padding: 40px;
}
.flex-container .text-content {
width: 42% !important;
}
.flex-container .span6 img {
width: 120px;
height: auto;
}
.flex-container .span6 img:nth-child(2) {
margin-left: 0;
}
}
@media (min-width: 481px) and (max-width: 767px) {
.nav-footer-links li .qr-code {
right: -35px;
}
}
@media (max-width: 480px) {
.nav-footer-socials {
float: none;
text-align: center;
clear: both;
margin: auto;
}
.nav-footer-socials li {
margin-left: 6%;
margin-bottom: 12px;
}
.nav-footer-socials li:first-child {
margin-left: 0;
}
.nav-footer-right-link {
float: left;
}
.link-icon {
height: 48px;
width: 48px;
margin-right: 5px;
}
.nav-footer-links li .qr-code {
bottom: 52px;
right: -45px;
}
.tencent-small {
background-position: -432px -182px;
}
.vk-small {
background-position: -384px -185px;
}
.wechat-small {
background-position: -336px -185px;
}
.google-plus-small {
background-position: -288px -185px;
}
.instagram-small {
background-position: -240px -185px;
}
.weibo-small {
background-position: -192px -185px;
}
.facebook-small {
background-position: -144px -185px;
}
.linkedin-small {
background-position: -96px -185px;
}
.twitter-small {
background-position: -48px -185px;
}
.youtube-small {
background-position: 0 -185px;
}
.nav-footer-top {
width: 100%;
display: block;
}
.nav-footer-top li {
width: 100%;
border-bottom: solid 1px #868589;
padding-left: 0;
padding-bottom: 7px;
padding-top: 7px;
}
.nav-footer-line {
margin-bottom: 0;
}
}
@media (max-width: 767px) {
.nav-footer-selector-col {
border-left: 2px solid #e0e0e0;
clear: both;
margin: 0 0 30px 20px;
padding-left: 11px;
width: auto;
}
.nav-footer-selector ul li {
line-height: 27px;
}
.nav-footer-heading {
font-size: 16px;
}
.nav-footer-checked,
.nav-footer-unchecked {
height: 13px;
width: 13px;
float: left;
background-image: url(clientlib-resources/resources/bootstrap/images/nav-sprite.png);
position: absolute;
}
.nav-footer-checkbox {
display: inherit;
}
.nav-footer-checkbox-desc {
display: inline-block;
float: left;
margin-left: 32px;
position: relative;
text-align: left;
margin-bottom: 15px;
}
.nav-footer-remember {
float: left;
clear: none;
margin-left: 22px;
}
.nav-footer-columns-frame {
margin-left: 23px;
}
#LocaleSelector {
margin: 0;
top: 0;
right: 0;
left: 0;
width: 100%;
max-height: 100%;
border: none;
}
#LocaleSelector div.modal-body {
max-height: 100%;
height: 100%;
}
.nav-footer-locale {
font-weight: 400;
}
button.nav-footer-close {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 0 none;
cursor: pointer;
padding: 0;
}
div.nav-footer-close {
display: block;
margin-bottom: -7px;
}
div.nav-footer-close button.nav-footer-close {
color: #0079ff;
font-size: 16px;
}
.nav-footer-lt {
height: 18px;
width: 18px;
float: left;
background-image: url(clientlib-resources/resources/bootstrap/images/nav-sprite.png);
background-position: 0 -131px;
display: block;
margin-top: -1px;
margin-left: -5px;
}
button.nav-footer-close.close {
display: none;
}
.nav-footer-checkbox-desc {
font-size: 14px;
}
.nav-footer-subregion,
.nav-footer-additional-subregion {
margin-bottom: 3px;
}
.nav-footer-selector-col ul li {
width: 100%;
}
.nav-footer-selector-col ul li:nth-child(4n) {
width: 100%;
}
}
@media (min-width: 481px) and (max-width: 767px) {
.nav-footer-right-link {
margin-bottom: 7px;
float: none;
text-align: center;
}
.nav-footer-top-container .nav-footer-top li {
display: inline-block;
}
.link-icon {
height: 24px;
width: 24px;
margin-right: 5px;
}
.tencent-small {
background-position: -216px -269px;
}
.vk-small {
background-position: -192px -263px;
}
.wechat-small {
background-position: -168px -263px;
}
.google-plus-small {
background-position: -144px -263px;
}
.instagram-small {
background-position: -120px -263px;
}
.weibo-small {
background-position: -96px -263px;
}
.facebook-small {
background-position: -72px -263px;
}
.linkedin-small {
background-position: -48px -263px;
}
.twitter-small {
background-position: -24px -263px;
}
.youtube-small {
background-position: 0 -263px;
}
.nav-footer-socials {
text-align: center;
width: 100%;
}
.nav-footer-tablet-only {
display: block;
}
.nav-footer-top-container {
width: 100%;
}
.nav-footer-heading {
font-size: 20px;
}
}
@media (max-width: 979px) and (min-width: 768px) {
.banner-home,
.banner-item,
.banner-content-wrapper {
height: 364px;
}
.banner-content,
.banner-content-center,
.banner-content-right {
top: 74px;
}
.banner-content h1 {
font-size: 45px;
margin-bottom: 10px;
}
.banner-content .btn {
margin-top: 25px;
}
.banner-content-center h1 {
margin-bottom: 5px;
}
.banner-content-center .btn {
margin-top: 20px;
}
}
@media (max-width: 767px) {
.banner-home,
.banner-item,
.banner-content-wrapper {
height: 194px;
}
.banner-item {
background-position: center center;
}
.banner-content {
top: 29px;
width: 70%;
left: -8px;
text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.25);
}
.banner-content-center,
.banner-content-right {
left: -8px;
bottom: auto;
right: auto;
margin: auto;
text-align: left;
height: 50%;
}
.banner-content h1 {
font-size: 26px;
margin-bottom: 10px;
}
.banner-content h2 {
display: none;
}
.banner-content h3 {
display: block;
}
.banner-content .btn {
margin-top: 10px;
}
.banner-home-controls {
left: auto;
right: 12px;
margin-left: auto;
margin-bottom: 0;
height: 24px;
text-align: right;
}
.banner-home-controls a {
margin-right: 0;
}
}
@media (max-width: 767px) {
.link-item-med-img .col-tab {
background: #dfdfdf;
float: none;
width: 96%;
padding: 10px 2%;
float: left;
position: relative;
overflow: hidden;
border-bottom: 1px solid #fff;
z-index: 1;
}
.link-item-med-img .col-tab-left {
float: left;
width: 86%;
}
.link-item-med-img .col-tab-right {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 40px;
text-align: center;
cursor: pointer;
background-position: center center;
}
.link-item-med-img .opened-tab {
background-color: #008fc3;
border-left: 2px solid #ffffff;
}
.link-item-med-img .opened-tab:before {
position: absolute;
content: "";
display: block;
height: 2px;
width: 26px;
top: 50%;
left: 7px;
background-color: #fff;
margin-top: -1px;
}
.link-item-med-img .closed-tab {
background-color: #333;
border-left: 2px solid #ffffff;
}
.link-item-med-img .closed-tab:before,
.link-item-med-img .closed-tab:after {
position: absolute;
content: "";
display: block;
height: 2px;
width: 26px;
top: 50%;
left: 7px;
background-color: #fff;
margin-top: -1px;
}
.link-item-med-img .closed-tab:after {
width: 2px;
height: 26px;
left: 19px;
margin-top: -12px;
}
.link-item-med-img .col-content {
border-bottom: 1px solid #ffffff;
background: #eaeaea;
}
.link-item-med-img .closed-tab-content {
display: none;
}
.link-item-med-img .opened-tab-content {
display: block;
}
.link-item-med-img .col-content-hover:hover {
opacity: 0;
display: none;
}
}
@media (min-width: 768px) {
.link-item-med-img .col-content {
display: block !important;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.link-item-med-img .col-content-cta {
padding-top: 20px;
font-size: 18px !important;
line-height: 1.2em;
}
.link-item-med-img h1 {
font-size: 30px;
line-height: 1.1em;
}
.link-item-med-img h2 {
font-size: 25px;
line-height: 1.1em;
}
.link-item-med-img h3,
.link-item-med-img .link-list-title h3 {
font-size: 21px;
}
}
@media (min-width: 1200px) {
.link-item-med-img .centered-title {
padding: 0 20%;
}
}
@media (min-width: 1200px) {
.video-carousel-nav img {
width: auto;
}
.video-carousel-nav li a:hover:before,
.video-carousel-nav li a.current:before {
width: 130px;
height: 73px;
}
.video-carousel-nav li a:hover:after,
.video-carousel-nav li a.current:after {
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 20px solid #fff;
}
.video-carousel-content-list {
padding-top: 100px;
}
}
@media (max-width: 1199px) and (min-width: 980px) {
.video-carousel-nav img {
width: 100px;
}
.video-carousel-nav li a:hover:before,
.video-carousel-nav li a.current:before {
width: 100px;
height: 56px;
}
.video-carousel-nav li a:hover:after,
.video-carousel-nav li a.current:after {
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 16px solid #fff;
}
}
@media (max-width: 979px) and (min-width: 768px) {
.video-carousel-nav img {
width: 75px;
}
.video-carousel-nav li a:hover:before,
.video-carousel-nav li a.current:before {
width: 75px;
height: 42px;
}
.video-carousel-nav li a:hover:after,
.video-carousel-nav li a.current:after {
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 12px solid #fff;
}
.video-carousel-content-list {
padding-top: 40px;
}
}
@media (max-width: 767px) {
.video-carousel-content {
width: auto;
}
.video-carousel-videos {
float: none;
width: auto;
position: relative;
}
.video-carousel-nav {
text-align: center;
}
.video-carousel-nav li a {
background-color: #ccc;
border-radius: 25px;
width: 15px;
height: 15px;
display: block;
margin-left: 4px;
margin-right: 4px;
}
.video-carousel-nav li a:hover,
.video-carousel-nav li a.current {
background-color: #666;
}
.video-carousel-nav li a:hover:before,
.video-carousel-nav li a.current:before {
display: none;
}
.video-carousel-nav li a:hover:after,
.video-carousel-nav li a.current:after {
display: none;
}
.video-carousel-thumbnail {
display: none;
}
.video-carousel-nav .nav-left {
content: "";
background-color: #b8b8b8;
display: block;
height: 50px;
width: 50px;
border: none;
border-radius: 100px;
position: absolute;
top: 35%;
left: 2%;
}
.video-carousel-nav .nav-left span {
content: "";
display: block;
height: 0;
width: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 15px solid #fff;
position: relative;
top: 15px;
left: 15px;
}
.video-carousel-nav .nav-right {
content: "";
background-color: #b8b8b8;
display: block;
height: 50px;
width: 50px;
border: none;
border-radius: 100px;
position: absolute;
top: 35%;
right: 2%;
}
.video-carousel-nav .nav-right span {
content: "";
display: block;
height: 0;
width: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 15px solid #fff;
position: relative;
top: 15px;
left: 20px;
}
.video-carousel .video-carousel-content {
text-align: center;
}
.video-carousel .video-carousel-content h2,
.video-carousel .video-carousel-content p {
text-align: left;
}
.video-carousel-content-list {
padding-top: 0;
}
}
@media (max-width: 480px) {
.article-image-box h1 {
font-size: 24px;
line-height: 28px;
}
.article-image-box {
padding: 20px 0 100px 0;
}
.article-no-bg-image .article-author {
margin: 0;
}
.article-no-bg-image.article-image-box {
padding: 20px 0 20px 0;
}
}
@media (max-width: 767px) {
.article-author.article-no-bg-image {
margin-top: 0;
}
.article-author {
margin-top: -60px;
}
}
/* Jobs Search*/
@media (max-width: 979px) and (min-width: 768px) {
.jobs-search-go .magnify-search-icon {
position: absolute;
top: -16px;
right: 18px;
border-width: 0.3em;
}
.jobs-search ul {
max-width: 58%;
}
}
@media (max-width: 767px) {
.jobs-search .jobs-search-go {
left: 6px;
top: 8px;
right: auto;
color: black;
}
.jobs-search-go .magnify-search-icon {
border-color: #666;
top: 3px;
}
.jobs-search-go .magnify-search-icon:after {
background: #666;
}
.jobs-search .jobs-search-go span {
display: none;
}
.jobs-search .jobs-search-phone {
font-size: 18px;
float: right;
line-height: 33px;
display: inline-block;
text-align: left;
margin: 0 2%;
}
.jobs-search ul {
display: block;
text-align: center;
width: 100%;
margin-top: 74px;
}
.jobs-search .magnify-search-icon:after {
top: 0.9em;
}
.jobs-search .jobs-search-background {
width: 100%;
display: block;
padding: 20px 0 20px 15px;
background-color: #99ddf7;
position: absolute;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.jobs-search-form-wrapper {
margin: 0;
}
.jobs-search .jobs-search-label-wrapper {
overflow: hidden;
margin: 0 2%;
width: auto;
}
.jobs-search .jobs-search-label-wrapper input {
padding: 0px 30px;
}
/* Sticky Header mode styles */
.jobs-search.sticky-header-active {
padding-top: 0;
padding-left: 0;
}
}
@media (min-width: 980px) {
.jobs-search ul {
max-width: 70%;
}
}
/* Press Release Search And Listing*/
@media (max-width: 767px) {
.press-release-sl-head .pull-left,
.press-release-sl-head .pull-right {
float: none;
}
.press-release-sr-form-wrapper .press-release-sr-label {
float: none;
width: auto;
}
.press-release-sr-form-wrapper ul {
text-align: center;
}
.press-release-sl-wrapper {
min-width: 118px;
}
.press-release-label-wrapper input {
width: 142px;
}
.press-release-sl-content > ul > li > img,
.press-release-sr-content > ul > li > img {
display: none;
}
.press-release-sl-content .press-release-sl-text,
.press-release-sr-content .press-release-sr-text {
margin-left: 0;
}
}
@media (max-width: 979px) {
[class^="gn-col-"] {
width: auto;
}
.gn-no-nav .global-nav-oz {
height: 49px;
}
.gn-container > .sticky-header-active {
position: static !important;
-webkit-box-shadow: none;
box-shadow: none;
}
.gn-container > .sticky-header-placeholder {
display: none;
}
.gn-container .gn-logo a {
background-image: url(clientlib-resources/resources/bootstrap/images/stx-staticlogo-2c-nopad-109x26.png);
}
.home-page .gn-container.gn-post-sticky .global-nav-oz,
.home-page .gn-container .sticky-header-active .global-nav-oz {
background-color: transparent;
}
.home-page .gn-container.gn-post-sticky .global-nav-oz .gn-icon > .gn-icon-container,
.home-page .gn-container .sticky-header-active .global-nav-oz .gn-icon > .gn-icon-container {
color: #fff;
}
.home-page .gn-container.gn-post-sticky .gn-side-opened .gn-side-toggle .gn-icon-container,
.home-page .gn-container .sticky-header-active .gn-side-opened .gn-side-toggle .gn-icon-container {
color: #fff;
}
.home-page .gn-container .gn-logo a {
background-image: url(clientlib-resources/resources/bootstrap/images/stx-staticlogo-wht-nopad-109x26.png);
}
.home-page .gn-container .gn-user-opened .gn-side-overlay {
top: 0;
}
.global-nav-oz {
height: 49px;
}
.global-nav-oz > .container {
width: auto;
padding-left: 12px;
padding-right: 12px;
}
.global-nav-oz > .container > .row {
margin-left: -12px;
}
.global-nav-oz > .container > .row > .span12 {
float: none;
width: auto;
*zoom: 1;
margin-left: 12px;
}
.global-nav-oz > .container > .row > .span12:before,
.global-nav-oz > .container > .row > .span12:after {
display: table;
content: "";
}
.global-nav-oz > .container > .row > .span12:after {
clear: both;
}
.gn-logo {
margin: 1px 0 2px -10px;
}
.gn-logo a {
width: 109px;
height: 26px;
line-height: 26px;
}
.gn-icon {
height: 49px;
margin: 0;
}
.gn-icon > .gn-icon-container {
outline: 0;
padding: 15px 14px 11px;
}
.gn-icon > .gn-icon-container > span {
padding: 0;
}
.gn-cart > .gn-icon-container > i {
top: 11px;
right: -3px;
}
.gn-user {
margin-right: 30px;
position: static;
}
.gn-user > .gn-icon-container {
width: 16px;
height: 23px;
}
.gn-user > .gn-icon-container > i {
display: none;
}
.gn-user > .gn-icon-container > span {
position: absolute;
padding: 15px 14px;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 19px;
}
.gn-user:hover .gn-user-drop-container,
.gn-user.gn-user-pulled .gn-user-drop-container {
display: none;
}
.gn-user .gn-user-drop {
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding: 10px 0;
text-align: left;
border-width: 1px 0 0 0;
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
}
.gn-user .gn-user-drop:before,
.gn-user .gn-user-drop:after {
right: 56px;
top: -13px;
}
.gn-user .gn-user-drop:before {
right: 55px;
}
.gn-user .gn-user-drop > p,
.gn-user .gn-user-drop > a {
display: block;
font-size: 16px;
line-height: 23px;
white-space: normal;
margin: 0 0 10px;
padding: 0 12px;
}
.gn-user .gn-user-drop > p {
margin-right: 50px;
}
.gn-user .gn-user-drop > hr {
margin: 0 0 10px;
}
.gn-user .gn-user-drop [class^="ss-"] {
font-size: 14px;
line-height: 19px;
width: 14px;
height: 14px;
color: #999;
padding: 4px 14px;
cursor: pointer;
}
.gn-user-opened .gn-user .gn-user-drop-container {
display: block;
right: 0;
left: 0;
padding: 0;
}
.gn-user-opened .gn-user .gn-icon-container [class^="ss-"] {
color: #00a1dd;
}
.gn-user-opened .gn-side-overlay {
top: 49px;
opacity: 1;
visibility: visible;
}
.gn-side-toggle {
position: absolute;
z-index: 3;
right: 0;
height: 49px;
-webkit-transition: right 0.3s ease;
transition: right 0.3s ease;
margin: 0;
padding: 0;
}
.gn-side-wrapper {
position: absolute;
overflow: hidden;
right: 0;
max-width: 0;
background-color: #f8f8f8;
-webkit-transition: max-width 0.3s ease;
transition: max-width 0.3s ease;
z-index: 3;
}
.gn-side-container {
position: relative;
width: 274px;
top: 0;
right: -274px;
-webkit-transition: right 2s ease;
transition: right 2s ease;
}
.gn-side-opened .gn-side-toggle {
right: 274px;
}
.gn-side-opened .gn-side-wrapper {
max-width: 274px;
}
.gn-side-opened .gn-side-container {
right: 0;
-webkit-transition: right 0.1s ease;
transition: right 0.1s ease;
}
.gn-side-opened .gn-side-toggle .gn-icon-container {
color: #fff;
}
.gn-search {
float: none;
margin: 0;
padding: 10px;
border-bottom: 1px solid #ccc;
}
.gn-search form > * {
height: 32px;
}
.gn-search .gn-search-input {
width: 98%;
width: 203px;
padding: 8px 34px 8px 10px;
font-size: 14px;
line-height: 16px;
}
.gn-search .gn-search-clear {
top: 10px;
right: 71px;
font-size: 14px;
line-height: 32px;
}
.gn-search .gn-search-clear > span {
width: 14px;
}
.gn-search .gn-search-btn {
width: 51px;
line-height: 32px;
position: absolute;
right: 10px;
}
.gn-menu {
float: none;
height: auto;
padding: 10px;
position: relative;
left: 0;
-webkit-transition: left 0.3s ease;
transition: left 0.3s ease;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.gn-menu > ul > li {
float: none;
background-color: #eee;
margin-bottom: 1px;
}
.gn-menu > ul > li.gn-menu-pulled .gn-menu-item-1lvl > a {
color: #333;
}
.gn-menu.gn-sub-menu-opened {
left: -100%;
}
.gn-menu-item-1lvl {
background: #e3e3e3;
position: relative;
}
.gn-menu-item-1lvl > a {
display: block;
padding: 10px 50px 10px 10px;
line-height: 20px;
height: auto;
}
.gn-menu-item-1lvl > a:not([href=""]) + span {
background: #333;
width: 40px;
left: auto;
}
.gn-menu-item-1lvl > span {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 3;
cursor: pointer;
background: rgba(227, 227, 227, 0);
}
.gn-menu-item-1lvl > span > em {
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 40px;
background: #333;
}
.gn-menu-item-1lvl > span > em:before,
.gn-menu-item-1lvl > span > em:after {
position: absolute;
top: 50%;
left: 7px;
display: block;
width: 26px;
height: 2px;
margin-top: -1px;
background-color: #fff;
content: "";
}
.gn-menu-item-1lvl > span > em:after {
left: 19px;
width: 2px;
height: 26px;
margin-top: -13px;
}
.gn-menu-item-1lvl:only-child > span {
z-index: 1;
}
.gn-menu-item-1lvl:only-child > span > em {
margin-right: -5px;
background: transparent;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.gn-menu-item-1lvl:only-child > span > em:before {
width: 14px;
}
.gn-menu-item-1lvl:only-child > span > em:after {
height: 14px;
}
.gn-dropdown {
position: static;
display: block;
height: 0;
overflow: hidden;
-webkit-transition: height 0.35s ease;
transition: height 0.35s ease;
-webkit-box-shadow: none;
box-shadow: none;
}
.gn-dropdown > .container {
width: auto;
padding: 0;
}
.gn-dropdown .row-fluid [class*="span"] {
min-height: 0;
display: block;
float: none;
width: auto;
margin: 0;
}
.gn-dropdown-menu {
min-height: 0;
}
.gn-dropdown-menu > [class*="span"] {
height: auto !important;
}
.gn-menu-opened .gn-menu-item-1lvl > span > em {
background: #00a1dd;
}
.gn-menu-opened .gn-menu-item-1lvl > span > em:after {
display: none;
}
.gn-menu-opened .gn-menu-item-1lvl:only-child > span > em {
background: transparent;
}
.gn-menu-opened .gn-menu-item-1lvl:only-child > span > em:after {
display: block;
}
.gn-menu-opened .gn-dropdown {
height: auto !important;
}
.gn-dropdown-menu > [class^="gn-col-"] > .gn-row,
.gn-dropdown-menu > [class^="gn-col-"] > .gn-row:first-child {
padding: 0;
}
.gn-dropdown-menu > [class^="span"] > .row-fluid,
.gn-dropdown-menu > [class^="span"] > .row-fluid:first-child {
padding: 0;
}
.gn-menu-item-2lvl {
position: relative;
color: #00a1dd;
cursor: pointer;
}
.gn-menu-item-2lvl > p {
margin: 0;
padding: 11px 40px 10px 10px;
}
.gn-menu-item-2lvl > span {
font-size: 12px;
line-height: 12px;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: 0;
z-index: 2;
background: rgba(238, 238, 238, 0);
}
.gn-menu-item-2lvl > span:before {
position: absolute;
top: 50%;
right: 14px;
margin-top: -4px;
vertical-align: top;
padding: 0;
}
.gn-menu-item-2lvl:hover > span {
cursor: pointer;
}
.gn-menu-box-3lvl {
position: absolute;
right: -100%;
top: 0;
width: 100%;
opacity: 0;
padding: 10px;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
z-index: 1;
}
.gn-menu-box-3lvl.gn-sub-menu-selected {
opacity: 1;
z-index: 2;
}
.gn-menu-box-3lvl > a {
padding: 13px 10px 12px;
font-size: 12px;
line-height: 15px;
font-weight: 600;
text-transform: uppercase;
background: #e3e3e3;
}
.gn-menu-box-3lvl > a > span {
font-size: 12px;
line-height: 12px;
width: 12px;
height: 12px;
vertical-align: middle;
}
.gn-menu-box-3lvl > a:hover {
text-decoration: none;
}
.gn-menu-box-3lvl > p {
font-size: 16px;
line-height: 23px;
padding: 15px 10px 0;
margin: 0;
background: #eee;
}
.gn-menu-box-3lvl ul {
padding: 3px 10px 10px;
background: #eee;
}
.gn-menu-box-3lvl ul > li {
font-size: 14px;
line-height: 17px;
padding: 10px 0;
}
.gn-store {
float: none;
margin: 0;
width: auto;
padding: 10px;
border-top: 1px solid #ccc;
}
.gn-store > a {
height: auto;
padding: 10px 22px 9px 22px;
font-size: 14px;
line-height: 18px;
}
.gn-promo {
display: none;
}
.home-page .global-nav-oz .gn-menu-item-1lvl > a {
color: #333;
}
.home-page .global-nav-oz .gn-menu-item-1lvl > a:hover {
color: #00a1dd;
}
.gn-logo .seagate-portal-logo {
display: inline-block;
top: 18px;
font-size: 13px;
left: 100px;
color: #fff;
}
.seagategov .gn-logo a {
background-image: url(clientlib-resources/resources/bootstrap/images/seagate-government-logo-2color-horizontal-197x26.png);
}
.maxtor .gn-logo a {
width: 120px;
}
.maxtor .gn-globe {
margin-right: 30px;
}
}
@media (min-width: 980px) {
.gn-side-wrapper {
height: auto !important;
}
.gn-user-drop {
min-height: 0 !important;
}
.gn-dropdown {
height: auto !important;
}
}
@media (max-width: 979px) {
[class^="nm-col-"] {
width: auto;
}
.nm-no-nav .nav-mega {
height: 49px;
}
.nm-container > .sticky-header-active {
position: static !important;
-webkit-box-shadow: none;
box-shadow: none;
}
.nm-container > .sticky-header-placeholder {
display: none;
}
.nm-container .nm-logo a {
background-image: url(clientlib-resources/resources/bootstrap/images/stx-staticlogo-green-nopad-218x52.png);
background-size: contain;
width: 109px;
height: 26px;
line-height: 26px;
}
.nav-mega {
height: 49px;
}
.nav-mega > .container {
width: auto;
padding-left: 12px;
padding-right: 12px;
}
.nav-mega > .container > .row {
margin-left: -12px;
}
.nav-mega > .container > .row > .span12 {
float: none;
width: auto;
*zoom: 1;
margin-left: 12px;
}
.nav-mega > .container > .row > .span12:before,
.nav-mega > .container > .row > .span12:after {
display: table;
content: "";
}
.nav-mega > .container > .row > .span12:after {
clear: both;
}
.logo-wrapper {
z-index: 1;
}
.nm-logo {
margin: 1px 0 2px -10px;
}
.nm-logo a {
width: 109px;
height: 26px;
line-height: 26px;
}
.nm-logo .seagate-portal-logo {
font-size: 13px;
left: 136px;
top: 15px;
}
.nm-icon {
height: 49px;
margin: 0;
}
.nm-icon > .nm-icon-container {
outline: 0;
padding: 13px;
}
.nm-icon > .nm-icon-container > span {
padding: 0;
margin-top: 0;
}
.nm-cart > .nm-icon-container > i {
top: 11px;
right: -3px;
}
.nm-user {
margin-right: 38px;
position: static;
}
.nm-user > .nm-icon-container {
width: 16px;
height: 21px;
}
.nm-user > .nm-icon-container > i {
display: none;
}
.nm-user:hover .nm-user-drop-container,
.nm-user.nm-user-pulled .nm-user-drop-container {
display: none;
}
.nm-user .nm-user-drop {
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding: 10px 0;
text-align: left;
border-width: 1px 0 0 0;
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
}
.nm-user .nm-user-drop:before,
.nm-user .nm-user-drop:after {
right: 61px;
top: -16px;
}
.nm-user .nm-user-drop:before {
right: 60px;
}
.nm-user .nm-user-drop > p,
.nm-user .nm-user-drop > a {
display: block;
font-size: 16px;
line-height: 23px;
white-space: normal;
margin: 0 0 10px;
padding: 0 12px;
}
.nm-user .nm-user-drop > p {
margin-right: 50px;
}
.nm-user .nm-user-drop > hr {
margin: 0 0 10px;
}
.nm-user .nm-user-drop [class^="ss-"] {
font-size: 14px;
line-height: 19px;
width: 14px;
height: 14px;
color: #999;
padding: 4px 14px;
cursor: pointer;
}
.nm-user-opened .nm-user .nm-user-drop-container {
display: block;
right: 0;
left: 0;
padding: 0;
top: 100%;
}
.nm-user-opened .nm-user .nm-icon-container [class^="ss-"] {
color: #0084cb;
}
.nm-user-opened .nm-side-overlay {
top: 49px;
opacity: 1;
visibility: visible;
}
.nm-side-toggle {
position: absolute;
z-index: 3;
right: 0;
height: 49px;
-webkit-transition: right 0.3s ease;
transition: right 0.3s ease;
margin: 0;
padding: 0;
}
.nm-side-toggle .nm-icon-container > span {
background-position: -120px 0;
vertical-align: middle;
}
.nm-side-toggle .nm-icon-container:hover > span {
background-position: -120px -21px;
}
.nm-side-wrapper {
position: absolute;
overflow: hidden;
right: 0;
max-width: 0;
background-color: #161b1f;
-webkit-transition: max-width 0.3s ease;
transition: max-width 0.3s ease;
z-index: 3;
}
.nm-side-container {
position: relative;
width: 274px;
top: 0;
right: -274px;
-webkit-transition: right 2s ease;
transition: right 2s ease;
}
.nm-side-opened .nm-side-toggle {
right: 274px;
}
.nm-side-opened .nm-side-toggle .nm-icon-container {
color: #868589;
}
.nm-side-opened .nm-side-wrapper {
max-width: 274px;
}
.nm-side-opened .nm-side-container {
right: 0;
-webkit-transition: right 0.1s ease;
transition: right 0.1s ease;
}
.nm-side-opened .nm-side-toggle .nm-icon-container {
color: #0084cb;
}
.nm-side-opened .nm-side-toggle .nm-icon-container > span {
background-position: -120px -21px;
}
.nm-search {
float: none;
margin: 0;
padding: 10px;
}
.nm-search .nm-search-clear {
top: 10px;
right: 11px;
}
.nm-search .nm-search-btn {
top: 10px;
left: 11px;
}
.nm-menu {
float: none;
height: auto;
padding: 0 10px;
position: relative;
left: 0;
-webkit-transition: left 0.3s ease;
transition: left 0.3s ease;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.nm-menu:after {
content: none;
display: none;
}
.nm-menu > ul > li {
float: none;
}
.nm-menu > ul > li.nm-menu-pulled .nm-menu-item-1lvl > a {
color: #fff;
}
.nm-menu > ul > li.nm-menu-pulled .nm-menu-item-1lvl > a:hover,
.nm-menu > ul > li.nm-menu-pulled .nm-menu-item-1lvl > a:focus {
color: #6ebe49;
}
.nm-menu > ul > li:first-of-type {
border-top: 0;
}
.nm-menu.nm-sub-menu-opened,
.nm-menu.nm-sub-menu-opened + .nm-store {
left: -100%;
}
.nm-menu-item-1lvl > a {
display: block;
padding: 10px 50px 10px 10px;
line-height: 20px;
height: auto;
text-align: left;
}
.nm-menu-item-1lvl > a:not([href=""]) + span {
width: 50px;
left: auto;
}
.nm-menu-item-1lvl > a > em,
.nm-menu-item-1lvl > a > span {
display: inline;
}
.nm-menu-item-1lvl > span {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 3;
cursor: pointer;
background: rgba(227, 227, 227, 0);
}
.nm-menu-item-1lvl > span > em {
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 40px;
}
.nm-menu-item-1lvl > span > em:before,
.nm-menu-item-1lvl > span > em:after {
position: absolute;
top: 50%;
left: 10px;
display: block;
width: 20px;
height: 4px;
margin-top: -2px;
background-color: #868589;
content: "";
}
.nm-menu-item-1lvl > span > em:after {
left: 18px;
width: 4px;
height: 20px;
margin-top: -10px;
}
.nm-menu-item-1lvl > span:hover > em:before,
.nm-menu-item-1lvl > span:focus > em:before,
.nm-menu-item-1lvl > span:hover > em:after,
.nm-menu-item-1lvl > span:focus > em:after {
background-color: #6ebe49;
}
.nm-menu-item-1lvl:only-child > span {
z-index: 1;
}
.nm-menu-item-1lvl:only-child > span > em {
display: none;
margin-right: -5px;
background: transparent;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.nm-menu-item-1lvl:only-child > span > em:before {
width: 14px;
}
.nm-menu-item-1lvl:only-child > span > em:after {
height: 14px;
}
.nm-dropdown {
position: static;
display: block;
height: 0;
overflow: hidden;
background: transparent;
-webkit-transition: height 0.35s ease;
transition: height 0.35s ease;
-webkit-box-shadow: none;
box-shadow: none;
border-top: 0;
}
.nm-dropdown > .container {
width: auto;
padding: 0;
}
.nm-dropdown .row-fluid [class*="span"] {
min-height: 0;
display: block;
float: none;
width: auto;
margin: 0;
color: #868589;
}
.nm-dropdown-menu {
min-height: 0;
padding: 0;
}
.nm-menu-opened .nm-menu-item-1lvl > a {
color: #fff;
}
.nm-menu-opened .nm-menu-item-1lvl > a:hover,
.nm-menu-opened .nm-menu-item-1lvl > a:focus {
color: #6ebe49;
}
.nm-menu-opened .nm-menu-item-1lvl > span > em:after {
display: none;
}
.nm-menu-opened .nm-menu-item-1lvl > span > em:before,
.nm-menu-opened .nm-menu-item-1lvl > span > em:after {
background-color: #fff;
}
.nm-menu-opened .nm-menu-item-1lvl > span:hover > em:before,
.nm-menu-opened .nm-menu-item-1lvl > span:focus > em:before,
.nm-menu-opened .nm-menu-item-1lvl > span:hover > em:after,
.nm-menu-opened .nm-menu-item-1lvl > span:focus > em:after {
background-color: #6ebe49;
}
.nm-menu-opened .nm-dropdown {
height: auto !important;
border-top: 1px solid #6ebe49;
border-bottom: 1px solid #6ebe49;
}
.tertiary-row {
position: relative;
}
.tertiary-row .nm-menu-item-2lvl.with-columns.columns-opened span em:before {
background-color: #fff;
}
.tertiary-row .nm-menu-item-2lvl.with-columns.columns-opened span em:after {
display: none;
}
.tertiary-row .nm-menu-item-2lvl.with-columns.columns-opened ~ .nm-dropdown-2 {
display: block;
}
.tertiary-row .nm-menu-item-2lvl.with-columns span {
left: auto;
width: 40px;
}
.tertiary-row .nm-menu-item-2lvl.with-columns span i {
display: none;
}
.tertiary-row .nm-menu-item-2lvl.with-columns span em {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 40px;
}
.tertiary-row .nm-menu-item-2lvl.with-columns span em:before,
.tertiary-row .nm-menu-item-2lvl.with-columns span em:after {
position: absolute;
top: 50%;
left: 10px;
display: block;
width: 20px;
height: 4px;
margin-top: -2px;
background-color: #868589;
content: "";
}
.tertiary-row .nm-menu-item-2lvl.with-columns span em:after {
left: 18px;
width: 4px;
height: 20px;
margin-top: -10px;
}
.tertiary-row .nm-menu-item-2lvl.with-columns ~ .nm-dropdown-2 {
padding-left: 15px;
padding-top: 5px;
padding-bottom: 5px;
display: none;
}
.tertiary-row .nm-menu-item-2lvl.with-columns ~ .nm-dropdown-2 .nm-dropdown-menu-2 a {
display: block;
font-size: 13px;
line-height: 16px;
padding: 5px 0;
color: #868589;
}
.tertiary-row .nm-menu-item-2lvl.nm-mi-2lvl-has-bg {
background-size: 30px 80px;
}
.tertiary-row .nm-menu-item-2lvl a {
font-size: 13px;
line-height: 16px;
color: #868589;
}
.nm-menu-item-2lvl {
position: relative;
cursor: pointer;
padding-left: 54px;
}
.nm-menu-item-2lvl:hover:before {
color: #0084cb;
}
.nm-menu-item-2lvl:before {
content: "";
position: absolute;
width: 10px;
height: 10px;
border-radius: 1px;
left: 22px;
top: 50%;
margin-top: -5px;
background: currentColor;
}
.nm-menu-item-2lvl.nm-mi-2lvl-has-bg {
background-repeat: no-repeat;
background-size: 30px 79px;
background-position: 12px 7px;
}
.nm-menu-item-2lvl.nm-mi-2lvl-has-bg:hover {
background-position: 12px -46px;
}
.nm-menu-item-2lvl.nm-mi-2lvl-has-bg:before {
display: none;
}
.nm-menu-item-2lvl > a,
.nm-menu-item-2lvl > p {
display: block;
margin: 0;
padding: 11px 40px 10px 0px;
color: #fff;
font-size: 15px;
line-height: 20px;
}
.nm-menu-item-2lvl > span {
font-size: 12px;
line-height: 12px;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: 0;
z-index: 2;
color: #0084cb;
background: rgba(238, 238, 238, 0);
}
.nm-menu-item-2lvl > span i {
position: absolute;
top: 50%;
right: 14px;
margin-top: -4px;
vertical-align: top;
padding: 0;
font-style: normal;
}
.nm-menu-item-2lvl > i {
position: absolute;
width: 30px;
left: 12px;
top: 50%;
line-height: 0;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.nm-menu-item-2lvl > i svg * {
fill: #fff !important;
}
.nm-menu-item-2lvl:hover > span {
cursor: pointer;
}
.nm-menu-item-2lvl:only-child {
padding-left: 0;
}
.nm-menu-item-2lvl:only-child > a,
.nm-menu-item-2lvl:only-child > p {
display: block;
padding: 11px 0 10px 54px;
}
.nm-menu-item-2lvl:only-child > a:hover,
.nm-menu-item-2lvl:only-child > p:hover {
color: #0084cb;
}
.nm-menu-item-2lvl:only-child > span {
display: none !important;
}
.nm-menu-item-2lvl:hover > i svg *,
.nm-menu-item-2lvl:focus > i svg * {
fill: #6ebe49 !important;
}
.nm-menu-box-3lvl {
position: absolute;
right: -100%;
top: 0;
width: 100%;
opacity: 0;
padding: 0 10px;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
z-index: 1;
}
.nm-menu-box-3lvl.nm-sub-menu-selected {
opacity: 1;
z-index: 2;
}
.nm-menu-box-3lvl > a {
position: relative;
padding: 13px 30px 12px 10px;
font-size: 15px;
line-height: 20px;
color: #fff;
}
.nm-menu-box-3lvl > a > span {
position: absolute;
right: 10px;
top: 50%;
font-size: 12px;
line-height: 12px;
width: 12px;
height: 12px;
margin-top: -5px;
color: #0084cb;
}
.nm-menu-box-3lvl > a > span > i {
font-style: normal;
}
.nm-menu-box-3lvl > a:hover {
text-decoration: none;
}
.nm-menu-box-3lvl > p {
font-size: 16px;
line-height: 23px;
padding: 15px 10px 0;
margin: 0;
background: #eee;
}
.nm-menu-box-3lvl ul {
border-top: 1px solid #6ebe49;
border-bottom: 1px solid #6ebe49;
}
.nm-menu-box-3lvl ul > li {
font-size: 15px;
line-height: 20px;
padding: 0;
}
.nm-menu-box-3lvl ul > li a {
display: block;
color: #fff;
padding: 10px 10px;
}
.nm-menu-box-3lvl ul > li a:hover,
.nm-menu-box-3lvl ul > li a:focus {
color: #6ebe49;
}
.nm-store {
margin: 0 10px;
position: relative;
left: 0;
-webkit-transition: left 0.3s ease;
transition: left 0.3s ease;
}
.nm-store > a {
display: block;
text-align: center;
height: 20px;
padding: 12px;
font-size: 15px;
line-height: 20px;
text-transform: uppercase;
background: #0084cb;
color: #fff;
}
.nm-promo {
display: none;
}
.seagategov .nm-logo a {
background-image: url(clientlib-resources/resources/bootstrap/images/seagate-government-logo-2color-horizontal-197x26.png);
}
.maxtor .nm-logo a {
width: 120px;
}
.maxtor .nm-globe {
margin-right: 30px;
}
}
@media (min-width: 980px) {
.nm-side-wrapper {
height: auto !important;
}
.nm-user-drop {
min-height: 0 !important;
}
.nm-dropdown {
height: auto !important;
}
}
@media (max-width: 979px) {
.nm-m-global {
display: block;
}
}
@media (max-width: 979px) {
.nm-container-external .nm-version-external {
display: none;
}
}
@media (max-width: 979px) {
.nm-container-internal .nm-version-internal {
display: none;
}
}
@media (max-width: 979px) {
.nm-container-enterprise .nm-version-enterprise {
display: none;
}
}
@media (max-width: 979px) {
.nm-container-story .nm-version-story {
display: none;
}
}
@media (max-width: 979px) {
.nm-container-partners .nm-version-partners {
display: none;
}
}
@media (max-width: 979px) {
.nm-container-support .nm-version-support {
display: none;
}
}
@media (max-width: 979px) {
.nm-mi-product .nm-dropdown-menu .tertiary-row {
border-top: 1px solid #999;
}
.nm-mi-product .nm-dropdown-menu .tertiary-row:before {
display: none;
}
}
@media (min-width: 980px) {
.nm-mi-product .nm-dropdown {
background-color: #161b1f;
}
.nm-mi-product .nm-dropdown-menu {
min-height: inherit;
}
.nm-mi-product .nm-dropdown-menu > .tertiary-row {
display: none;
}
.sticky-header-active .items-5 .nms-m-icn:after {
top: 15px;
}
.nm-container-global .sticky-header-active .tertiary-row .nms-media .nms-m-icn {
width: 40px;
height: 40px;
background-size: cover;
}
.nm-container-global .sticky-header-active .tertiary-row .nms-media .nms-m-icn:after {
top: 10px;
}
.nm-container-global .sticky-header-active .tertiary-row .nms-media .nms-m-txt {
margin-left: 40px;
padding-bottom: 0;
}
.nm-container-global .sticky-header-active .tertiary-row .nms-media .nms-m-txt > a,
.nm-container-global .sticky-header-active .tertiary-row .nms-media .nms-m-txt > p {
font-size: 12px;
line-height: 15px;
padding-top: 8px;
}
.nm-container-global .sticky-header-active .tertiary-row .nms-media:hover .nms-m-icn {
background-position: 0 -80px;
}
.nm-container-global .sticky-header-active .nms-m-icn {
width: 90px;
height: 80px;
background-position: 0 0;
background-size: inherit;
}
.nm-container-global .sticky-header-active .nms-m-txt {
padding-bottom: 16px;
margin-left: 90px;
}
.nm-container-global .sticky-header-active .nms-m-txt > p,
.nm-container-global .sticky-header-active .nms-m-txt > a {
padding: 16px 8px 8px;
font-size: 19px;
line-height: 24px;
}
.nm-container-global .sticky-header-active .nms-m-txt .nms-m-txt-sub {
display: block;
}
.nm-container-global .sticky-header-active .nms-media:hover .nms-m-icn {
background-position: 0 -160px;
}
}
@media (max-width: 1199px) {
.sticky-header-active .items-5 .nms-m-icn {
width: 45px;
height: 40px;
background-size: 45px 120px;
}
.nm-container-global .sticky-header-active .items-5 .nms-m-txt > p,
.nm-container-global .sticky-header-active .items-5 .nms-m-txt > a {
font-size: 17px;
line-height: 21px;
padding: 10px 8px 6px;
}
.nm-container-global .sticky-header-active .items-5.tertiary-row .nms-m-txt > p,
.nm-container-global .sticky-header-active .items-5.tertiary-row .nms-m-txt > a {
padding-top: 8px;
}
.nm-container-global .sticky-header-active .items-5 .nms-m-icn {
width: 63px;
height: 56px;
background-size: cover;
}
.nm-container-global .sticky-header-active .items-5 .nms-m-txt {
margin-left: 63px;
}
.nm-container-global .sticky-header-active .items-5 .nms-media:hover .nms-m-icn {
background-position: 0 -112px;
}
.nm-container-global .sticky-header-active .tertiary-row .nms-media:hover .nms-m-icn {
background-position: 0 -80px;
}
.nm-container-global .sticky-header-active .items-5.tertiary-row .nms-m-icn {
width: 40px;
height: 40px;
background-size: cover;
}
.nm-container-global .sticky-header-active .items-5.tertiary-row .nms-m-txt {
margin-left: 40px;
}
.sticky-header-active .items-5 .nms-media:hover .nms-m-icn {
background-position: 0 -80px;
}
.sticky-header-active .items-5 .nms-m-txt {
margin-left: 45px;
}
.items-5 .nms-m-icn {
width: 63px;
height: 56px;
background-size: cover;
}
.items-5 .nms-m-icn:after {
top: 15px;
}
.items-5.tertiary-row .nms-m-icn:after {
top: 10px;
}
.items-5 .nms-media:hover .nms-m-icn {
background-position: 0 -112px;
}
.items-5 .nms-m-txt {
margin-left: 63px;
}
.items-5 .nms-m-txt > p,
.items-5 .nms-m-txt > a {
padding: 10px 8px 6px;
font-size: 17px;
line-height: 21px;
}
.items-5.tertiary-row .nms-m-icn {
width: 40px;
height: 40px;
}
.items-5.tertiary-row .nms-media:hover .nms-m-icn {
background-position: 0 -80px;
}
.items-5.tertiary-row .nms-m-txt {
margin-left: 40px;
}
}
@media (min-width: 1200px) {
.secondary-row.items-5.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.secondary-row.items-5.row-fluid .span3 {
width: 17.94871795%;
}
.nm-container-global .sticky-header-active .items-5 .nms-m-icn:after {
top: 22px;
}
.nm-container-global .sticky-header-active .items-5.tertiary-row .nms-m-icn:after {
top: 10px;
}
}
@media (max-width: 979px) {
.nm-globe .globe-icon > #currentCountryText {
display: none;
}
}
/**typeahead**/
@media (max-width: 979px) {
.nm-icon.nm-user {
margin-left: 0;
margin-right: 35px;
}
.nm-icon.nm-side-toggle > .nm-icon-container {
margin-right: 6px;
}
.nm-icon > .nm-icon-container {
padding: 14px 10px;
width: 21px;
}
.nm-search.nm-icon {
width: auto !important;
float: right;
margin-right: 0;
padding: 0;
height: 49px;
overflow: hidden !important;
}
.nm-search.nm-icon > .nm-icon-container {
margin-top: 0;
padding: 14px 10px;
}
.nm-search.nm-icon > .nm-icon-container > div {
display: none;
}
.nm-search.nm-icon .nm-search-close {
padding: 14px 12px;
margin-top: 0;
right: 0;
top: 0;
}
.nm-search.nm-icon.expand {
position: absolute;
right: 0;
width: 100% !important;
z-index: 10;
overflow: visible !important;
}
.nm-search.nm-icon.expand > .nm-icon-container {
right: 6px;
position: absolute;
}
.nm-search.nm-icon.expand > .nm-icon-container > span {
display: none;
}
.nm-search .nm-search-box {
padding-top: 5px;
padding-bottom: 5px;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.nm-search .nm-search-input {
padding: 6px 40px 6px 12px;
}
.nm-search .nm-search-input::-webkit-input-placeholder {
font-size: 16px;
}
.nm-search .nm-search-input:-moz-placeholder {
font-size: 16px;
}
.nm-search .nm-search-input::-moz-placeholder {
font-size: 16px;
}
.nm-search .nm-search-input:-ms-input-placeholder {
font-size: 16px;
}
.nm-search .nm-search-drop {
min-width: 0;
left: auto;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition: none;
transition: none;
overflow: hidden;
}
.nm-search .nm-search-drop.drop-visible {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.nm-search .nm-search-drop .nm-search-drop-box {
display: block;
}
.nm-search .nm-search-drop .nm-search-drop-box .box-left {
float: none;
width: 100%;
padding-left: 12px;
padding-right: 12px;
}
.nm-search .nm-search-drop .nm-search-drop-box .box-right {
float: none;
width: 100%;
}
.nm-search .nm-search-drop .nm-search-drop-box .box-right .keymatches .overlay {
left: 0;
width: 100% !important;
}
.nm-search .nm-search-drop .nm-search-drop-box .box-right .keymatches .overlay:before,
.nm-search .nm-search-drop .nm-search-drop-box .box-right .keymatches .overlay:after {
display: none;
}
.nm-search .nm-search-drop .nm-search-drop-box .box-right .box-item {
padding-bottom: 5px;
padding-left: 5px;
margin-bottom: 5px;
}
.nm-search .nm-search-drop .nm-search-drop-box .box-right .box-item .item-left {
padding-right: 10px;
}
.nm-search .nm-search-drop .nm-search-drop-box .box-right .box-item .item-left + .item-body {
margin-left: 130px;
}
.nm-search .nm-search-drop .nm-search-drop-box .box-right .box-item .item-body .item-heading {
padding-top: 5px;
}
.nm-search .nm-search-drop .nm-search-drop-box .box-right .box-item.highlight {
background: #6ebe49;
margin-left: 0;
padding-left: 5px;
margin-bottom: 5px;
}
.nm-search .nm-search-drop .nm-search-drop-box .box-right .box-item.highlight .item-left .item-object {
width: 120px;
}
.nm-search .nm-search-drop .nm-search-drop-box .box-right .box-item.highlight .item-left + .item-body {
margin-left: 130px;
}
}
@media (max-width: 979px) {
.nm-mi-product-style2.nm-m-global:after {
display: none;
}
.mnav-item {
text-align: left;
border-top: none;
}
.mnav-item-img,
.mnav-item-text {
display: inline-block;
}
.mnav-item-img img {
width: 30px;
}
.nm-menu-item-2lvl.nm-mi-2lvl-only-text:before {
display: none;
}
.nm-mi-product-style2 .nm-menu-item-2lvl.nm-mi-2lvl-only-text > p,
.nm-mi-product-style2 .nm-menu-item-2lvl.nm-mi-2lvl-only-text > a {
padding-left: 12px;
color: #fff;
}
.nm-menu-item-2lvl.nm-mi-2lvl-only-text {
background: #013a81;
}
.nm-mi-product-style2 .nm-menu-item-2lvl > a,
.nm-mi-product-style2 .nm-menu-item-2lvl > p {
color: #013a81;
}
.nm-mi-product-style2 .nm-menu-item-2lvl.nm-mi-2lvl-has-bg {
background-size: 32px auto;
background-position: 5px 5px;
}
.nm-mi-product-style2 .nm-menu-item-2lvl:only-child > a,
.nm-mi-product-style2 .nm-menu-item-2lvl:only-child > p {
padding-left: 45px;
}
.nm-m-global .nm-mi-product.nm-mi-product-style2 .nm-menu-item-2lvl.nm-menu-item-2lvl-title {
padding: 11px 0 10px 0;
text-align: center;
color: #013a81;
font-weight: 600;
border-bottom: 1px solid #013a81;
}
.nm-m-global .nm-mi-product.nm-mi-product-style2 .nm-menu-item-2lvl.nm-menu-item-2lvl-title:before {
display: none;
}
.nm-m-global .nm-mi-product.nm-mi-product-style2 .nm-menu-item-2lvl {
border: none;
}
.nm-m-global .nm-mi-product.nm-mi-product-style2 .nm-menu-item-2lvl > a {
display: inline-block;
vertical-align: middle;
}
.nm-m-global .nm-mi-product.nm-mi-product-style2 .nm-menu-item-2lvl > a:hover {
text-decoration: none;
}
.nm-m-global .nm-mi-product.nm-mi-product-style2 .nm-menu-item-2lvl > .new-flag {
display: inline-block;
vertical-align: middle;
color: red;
text-transform: uppercase;
font-style: normal;
font-size: 12px;
padding-left: 8px;
}
}
@media (min-width: 980px) {
.nm-mi-product.nm-mi-product-style2 .nm-dropdown {
background-color: #f4f4f4;
}
.nm-mi-product.nm-mi-product-style2 .nm-dropdown .nm-dropdown-menu {
padding-top: 12px;
padding-bottom: 8px;
}
}
@media (max-width: 1199px) {
.nm-mi-product-style2 .secondary-row .secondary-column .mnav-item-list .mnav-item {
margin: 0 1px;
width: 91px;
}
}
@media (min-width: 1200px) {
.nm-mi-product-style2 .secondary-row .secondary-column .mnav-item-list .mnav-item .mnav-item-img img {
width: 79px;
height: 79px;
}
}
@media (max-width: 979px) {
.nm-container-products .nm-version-products {
display: none;
}
}
@media (max-width: 979px) {
.nm-container-solutions .nm-version-solutions {
display: none;
}
}
@media (max-width: 979px) {
.nm-container-services .nm-version-services {
display: none;
}
}
@media (max-width: 979px) {
.nm-container-lacie-support .nm-version-lacie-support {
display: none;
}
}
@media (max-width: 979px) {
.nm-container-lacie-partners .nm-version-lacie-partners {
display: none;
}
}
@media (max-width: 979px) {
.global-secondary {
display: none;
}
}
/**typeahead**/
@media (min-width: 768px) and (max-width: 979px) {
.consumer-portal-welcome .t-span4 {
width: 228px;
}
.consumer-portal-welcome .t-span12 {
width: 100%;
}
.consumer-portal-welcome .welcome-item.register-product {
height: auto;
margin-top: 20px;
}
.consumer-portal-welcome .welcome-item.register-product h3 {
font-size: 24px;
padding-top: 10px;
}
.consumer-portal-welcome .welcome-item.register-product .btn {
display: block;
}
}
@media (max-width: 767px) {
.consumer-portal-welcome {
margin: 0;
padding: 0;
background-image: none;
}
.consumer-portal-welcome .welcome-message {
margin: -20px 0 30px 0;
padding: 30px 0;
background-image: url(clientlib-resources/resources/bootstrap/images/fpo-consumer-dashboard-welcome-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.consumer-portal-welcome .welcome-message p {
margin-bottom: 0;
}
.consumer-portal-welcome .welcome-message.registered {
padding-bottom: 20px;
margin-bottom: 0;
}
.consumer-portal-welcome .welcome-item {
border-left: none;
}
.consumer-portal-welcome .welcome-item.register-product,
.registered-product-item.register-product {
height: auto;
}
.welcome-item.register-product,
.registered-product-item.register-product h3 {
padding-top: 10px;
}
.registered-product-item-details ul.first {
border-right: none;
}
.registered-product-item-details ul.last {
padding-left: 0;
}
.communities-search .search-btn {
width: 40px;
}
.communities-search .search-btn > span {
width: 40px;
}
.communities-search .search-input {
width: 80%;
}
}
/* LaCie Branding */
@media (max-width: 979px) {
.ci-lacie .gn-container .gn-logo a {
width: 62px;
background-image: url(clientlib-resources/resources/bootstrap/images/lacie-staticlogo-blue-nopad-62x26.png);
}
.ci-lacie .nm-container .nm-logo a {
width: 62px;
background-image: url(clientlib-resources/resources/bootstrap/images/lacie-staticlogo-blue-nopad-62x26.png);
}
.ci-lacie .gn-menu-opened .gn-menu-item-1lvl > span > em {
background: #0084cb;
}
.ci-lacie .gn-menu-item-2lvl {
color: #0084cb;
}
}
/* Site Map*/
@media (max-width: 979px) and (min-width: 768px) {
.sitemap-module .sm-box {
width: 33.33333%;
}
}
@media (max-width: 767px) {
.sitemap-module .sm-box {
width: 100%;
}
}
@media (max-width: 767px) {
.product-sku-serial-banner-image {
border-right: none;
margin-bottom: 10px;
}
}
/*MediaKit*/
@media (max-width: 767px) {
.media-kit .media-kit-title {
border-bottom: 1px solid #ddd;
}
.media-kit .media-kit-items > ul > li {
width: 50%;
}
.media-kit .media-kit-items > ul > li > div > a {
font-size: 14px;
line-height: 19px;
}
.media-kit .media-kit-links > div {
width: 100%;
}
.media-kit .media-kit-links > div > ul > li > a {
font-size: 14px;
line-height: 19px;
}
}
@media (max-width: 767px) {
.tpscc-filter select {
display: block;
width: 100%;
}
}
@media (min-width: 1200px) {
.product-finder-results-grid .table tbody td {
padding: 15px 15px 40px;
}
.product-finder-results-grid .media-body .checkbox {
bottom: 15px;
}
}
@media (max-width: 979px) {
.product-finder-results-grid .table tbody td {
border: 0;
}
.pfrg-paging .pagination {
clear: both;
text-align: left;
}
.pfrg-paging .pagination .arrow-button.previous {
margin-left: -34px;
}
}
@media (max-width: 767px) {
.product-finder-results-grid .table tbody td {
padding: 8px;
display: block;
width: 100%\9;
float: left\9;
}
.product-finder-results-grid .table tbody td.empty {
border-top: none;
}
.product-finder-results-grid .media {
text-align: left;
}
.product-finder-results-grid .media-left,
.product-finder-results-grid .media-right,
.product-finder-results-grid .media-body {
display: inline-block;
width: 30%;
}
.product-finder-results-grid .media-body {
width: 70%;
margin-left: -4px;
}
.product-finder-results-grid .media-body .btn {
position: static;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
display: block;
}
.product-finder-results-grid .media-body .info {
display: table;
width: 100%;
margin-bottom: 4px;
}
.product-finder-results-grid .media-body .price,
.product-finder-results-grid .media-body .sku {
display: table-cell;
vertical-align: middle;
}
.product-finder-results-grid .media-body .price {
text-align: right;
}
.pfrg-paging > p {
float: none;
}
.pfrg-paging .pagination {
text-align: left;
margin: 0;
}
}
@media (max-width: 767px) {
.product-finder-filter-area .title p {
padding-left: 18px;
}
}
.spp-newsletter {
margin-bottom: 15px;
}
.spp-newsletter-list li {
margin-bottom: 6px;
}
@media (max-width: 979px) {
.product-finder-comparison-box .pf-comparison-list .media .media-object {
width: 90px;
max-width: -webkit-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
}
.product-finder-comparison-box .pf-comparison-list .media .media-heading strong {
margin-right: 5px;
display: block;
}
.product-finder-comparison-box .pf-comparison-list > table {
font-size: 0;
}
.product-finder-comparison-box .pf-comparison-list > table > tbody > tr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.product-finder-comparison-box .pf-comparison-list > table > tbody > tr > td {
width: 50%;
display: inline-block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 14px;
}
.product-finder-comparison-box .pf-comparison-list > table > tbody > tr > td:nth-child(1),
.product-finder-comparison-box .pf-comparison-list > table > tbody > tr > td:nth-child(2) {
border-bottom: 1px solid #9a9a9a;
}
}
@media (min-width: 980px) {
.product-finder-comparison-box .pf-comparison-list .media .media-object {
width: 60px;
max-width: -webkit-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
}
.product-finder-comparison-box .pf-comparison-list .media .media-heading strong {
margin-right: 5px;
display: block;
}
}
@media (min-width: 980px) {
.product-finder-results-table .pf-results-list table > tbody > tr.pf-product-item.bg {
background: url(clientlib-resources/resources/bootstrap/images/compare_same.png);
}
}
@media (max-width: 979px) {
.product-finder-results-table .pf-results-list > table {
border-top: none;
border-left: none;
border-right: none;
font-size: 0;
}
.product-finder-results-table .pf-results-list > table > tbody > tr > td {
width: 25%;
display: inline-block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 60px;
border-left: none;
font-size: 14px;
position: relative;
}
.product-finder-results-table .pf-results-list > table > tbody > tr > td.empty .media {
height: 100%;
}
.product-finder-results-table .pf-results-list > table > tbody > tr > td.empty .media a {
position: absolute;
bottom: 0;
width: 100%;
left: 0;
}
.product-finder-results-table .pf-results-list > table > tbody > tr > td:first-child {
width: 100%;
}
.product-finder-results-table .pf-results-list > table > tbody > tr > td:nth-child(2) {
border-left: 1px solid #9a9a9a;
}
.product-finder-results-table .pf-results-list > table > tbody > tr:first-child > td {
height: 220px;
border-top: 1px solid #9a9a9a;
}
.product-finder-results-table .pf-results-list > table > tbody > tr:first-child > td:first-child {
height: auto;
border: none;
background: #fff;
}
.product-finder-results-table .pf-results-list > table > tbody > tr.pf-section-show {
display: none;
}
.product-finder-results-table .pf-results-list > table > tbody > tr.pf-product-section {
display: none;
}
.product-finder-results-table .pf-results-list > table > tbody > tr.pf-product-item > td {
border-top: none;
border-bottom: none;
}
.product-finder-results-table .pf-results-list > table > tbody > tr.pf-product-item > td:first-child {
display: none;
}
.product-finder-results-table .pf-results-list > table > tbody > tr.pf-product-item > td > span {
display: block;
font-weight: 600;
}
.product-finder-results-table .pf-results-list > table > tbody > tr.pf-product-item > td > span.hidden-desktop {
color: #666;
display: block !important;
}
.product-finder-results-table .pf-results-list > table > tbody > tr.pf-section-item > td {
height: 50px;
}
.product-finder-results-table .pf-results-list > table > tbody > tr.pf-section-item > td:first-child {
display: none;
}
.product-finder-results-table .pf-soc-list {
position: absolute;
right: 0;
bottom: 10px;
border: none;
}
.product-finder-results-table .pf-soc-list li.btn-like .like-num:after {
border-right-color: #fff;
}
}
@media (max-width: 767px) {
div.specsTB span.specsBtns {
display: block;
}
div.specsTB {
width: 100%;
}
div.specsTB td.prodName {
width: 100%;
font-weight: 600;
}
div.specsTB span.visible-phone {
font-weight: 600;
}
div.specsTB tr.headerRow {
display: none;
}
div.specsTB td {
display: block;
}
div.specsTB span.showPhone {
display: inline;
}
div.specsTB div#specsEditorial table td.labelCol {
width: auto;
}
div.specsTB td.docCol {
border-top: none;
}
/*5323*/
.specsTB .table-sub td:first-child {
width: auto;
}
.specsTB .table-sub td:first-child + td {
width: auto;
}
}
@media (max-width: 767px) {
.blog-list-list h4 {
font-size: 16px;
line-height: 20px;
}
.blog-list-list-pic {
float: none;
margin: 0 0 10px;
}
}
@media (min-width: 1200px) {
.stx-article {
font-size: 15px;
}
.stx-article .picture {
min-height: 655px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.stx-article {
font-size: 13px;
}
.stx-article .related .topic .image {
max-width: 80px;
}
.stx-article .related .topic .text {
margin-left: 93px;
}
.stx-article .picture {
min-height: 406px;
}
.stx-article .lead,
.stx-article .body {
width: 80%;
}
.stx-article .body blockquote {
width: 100%;
float: none;
margin: 3em 0;
padding-right: 0;
border-right: 0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.stx-article .body ~ .cta {
margin-left: 0;
}
}
@media (max-width: 767px) {
.stx-article {
font-size: 12px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
}
.stx-article .related {
-ms-flex-order: 2;
-webkit-box-ordinal-group: 3;
order: 2;
-ms-flex: 0 1 auto;
-webkit-box-flex: 0;
flex: 0 1 auto;
max-width: 100%;
width: 100%;
margin: 7em 0;
padding: 0;
}
.stx-article .lead {
width: 100%;
}
.stx-article .picture {
min-height: 0;
padding-top: 56.01226994%;
}
.stx-article .body {
width: 100%;
}
.stx-article .body blockquote {
width: 100%;
float: none;
margin: 3em 0;
padding-right: 0;
border-right: 0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.stx-article .body ~ .cta {
margin-left: 0;
}
.stx-article .related-products .product {
width: 100%;
}
.stx-article .related-products .product .text {
height: auto !important;
}
}
@media (min-width: 1200px) {
.our-story-banner {
font-size: 15px;
}
.our-story-banner .heros .text-box {
width: 1170px;
}
.our-story-banner .thumbs .item-box,
.our-story-banner .controls .item-box {
width: 1170px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.our-story-banner {
font-size: 13px;
padding: 0 0 11.46666667em;
}
.our-story-banner .heros .text-box {
width: 724px;
}
.our-story-banner .heros .text {
max-width: 724px;
}
.our-story-banner .thumbs,
.our-story-banner .controls {
height: 11.46666667em;
}
.our-story-banner .thumbs .item-box,
.our-story-banner .controls .item-box {
width: 740px;
}
.our-story-banner .controls .item {
height: 11.46666667em;
}
}
@media (max-width: 767px) {
.our-story-banner {
height: 600px;
text-align: center;
font-size: 12px;
padding: 0;
}
.our-story-banner .heros .text-box {
width: auto;
margin: 0 20px;
}
.our-story-banner .heros .heading {
max-height: 280px;
}
.our-story-banner .heros .description {
display: none;
}
.our-story-banner .heros .text {
max-width: 100%;
top: 32px;
}
.our-story-banner .thumbs {
height: auto;
bottom: 50px;
}
.our-story-banner .thumbs .item-box {
width: auto;
margin: 0 20px;
padding: 0;
border: 0;
text-align: center;
}
.our-story-banner .thumbs .item {
position: absolute;
bottom: 0;
width: 100%;
padding: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.3s, visibility 0.3s;
transition: opacity 0.3s, visibility 0.3s;
}
.our-story-banner .thumbs .item.current {
opacity: 1;
visibility: visible;
}
.our-story-banner .thumbs .number {
display: none;
}
.our-story-banner .thumbs .toggle {
position: absolute;
right: 0;
top: 0;
width: 16px;
height: 20px;
overflow: hidden;
}
.our-story-banner .thumbs .toggle i {
display: block;
font-size: 14px;
line-height: 24px;
}
.our-story-banner .thumbs .heading {
position: relative;
font-size: 16px;
line-height: 20px;
z-index: 3;
padding: 0 20px;
margin: 0 0 4px;
}
.our-story-banner .thumbs .description {
font-size: 14px;
line-height: 18px;
}
.our-story-banner .thumbs .description.in ~ .toggle i {
-webkit-transform: translate(0, -100%);
transform: translate(0, -100%);
}
.our-story-banner .controls {
height: auto;
}
.our-story-banner .controls .item-box {
width: auto;
margin: 0 20px;
padding: 0;
border: 0;
text-align: center;
}
.our-story-banner .controls .item {
position: static;
display: inline-block;
float: none;
width: auto;
height: auto;
padding: 0;
}
.our-story-banner .controls .number {
display: block;
font-size: 0;
width: 20px;
height: 20px;
background-color: white;
position: static;
margin: 15px 10px;
border: 0;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.our-story-banner .controls .highlight {
display: none;
}
.our-story-banner .controls .current .number {
background-color: #6ebe49;
}
}
@media (min-width: 768px) {
.our-story-banner .thumbs .description {
height: auto !important;
}
.our-story-banner .thumbs .toggle {
display: none;
}
}
@media (min-width: 1200px) {
.our-story-featured-article {
font-size: 15px;
padding-top: 110px;
}
.our-story-featured-article .content {
min-height: 655px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.our-story-featured-article {
font-size: 13px;
padding-top: 80px;
}
.our-story-featured-article .content {
min-height: 406px;
}
}
@media (max-width: 767px) {
.our-story-featured-article {
font-size: 12px;
padding-top: 65px;
}
.our-story-featured-article .title {
text-align: center;
}
.our-story-featured-article .content {
min-height: 0;
padding-top: 56.01226994%;
}
}
@media (min-width: 1200px) {
.our-story-article-grid {
font-size: 15px;
padding-top: 110px;
}
.our-story-article-grid .grid .content {
font-size: 15px;
height: 280px;
}
.our-story-article-grid .grid .name {
padding: 24px;
}
.our-story-article-grid .grid .hover .description {
max-height: 9.97894737em;
top: 24px;
left: 24px;
right: 24px;
}
.our-story-article-grid .grid .hover .cta {
right: 24px;
bottom: 24px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.our-story-article-grid {
font-size: 13px;
padding-top: 80px;
}
.our-story-article-grid .grid .content {
font-size: 13px;
height: 172px;
}
.our-story-article-grid .grid .name {
padding: 16px;
}
.our-story-article-grid .grid .hover .description {
max-height: 7.45263158em;
top: 16px;
left: 16px;
right: 16px;
}
.our-story-article-grid .grid .hover .cta {
right: 16px;
bottom: 16px;
}
}
@media (max-width: 767px) {
.our-story-article-grid {
font-size: 12px;
padding-top: 65px;
}
.our-story-article-grid .grid {
margin-right: 0;
margin-left: 0;
}
.our-story-article-grid .grid .box {
display: block;
padding-left: 0;
padding-right: 0;
}
.our-story-article-grid .grid .box.b1,
.our-story-article-grid .grid .box.b2 {
width: 100%;
}
.our-story-article-grid .grid .content {
font-size: 12px;
height: auto;
padding-top: 48.27586207%;
}
.our-story-article-grid .grid .name {
padding: 12px;
}
.our-story-article-grid .grid .hover .description {
top: 12px;
left: 12px;
right: 12px;
}
.our-story-article-grid .grid .hover .cta {
right: 12px;
bottom: 12px;
}
}
@media (min-width: 1200px) {
.employee-grid {
font-size: 15px;
padding-top: 110px;
}
.employee-grid .grid .box {
font-size: 15px;
margin-bottom: 24px;
}
.employee-grid .grid .box > a {
width: 240px;
}
.employee-grid .grid .image {
height: 240px;
}
.employee-grid .grid .name {
padding: 24px 0 24px / 2 0;
}
.employee-grid .grid .hover .quote-short {
max-height: 8.304em;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.employee-grid {
font-size: 13px;
padding-top: 80px;
}
.employee-grid .grid .box {
font-size: 13px;
margin-bottom: 16px;
}
.employee-grid .grid .box > a {
width: 160px;
}
.employee-grid .grid .image {
height: 160px;
}
.employee-grid .grid .name {
padding: 16px 0 16px / 2 0;
}
.employee-grid .grid .hover .icon {
font-size: 1.2em;
}
.employee-grid .grid .hover .quote-short {
top: 2.8em;
}
}
@media (max-width: 767px) {
.employee-grid {
font-size: 12px;
padding-top: 65px;
}
.employee-grid .grid {
margin-right: 0;
margin-left: 0;
}
.employee-grid .grid .box {
display: block;
padding-left: 0;
padding-right: 0;
width: 100%;
}
.employee-grid .grid .box > a {
width: 80%;
max-width: 240px;
height: auto !important;
}
.employee-grid .grid .image {
height: auto;
}
.employee-grid .grid .name {
padding: 12px 0 12px / 2 0;
}
}
@media (min-width: 1200px) {
.employee-detail {
font-size: 15px;
}
.employee-detail .image {
width: 240px;
}
.employee-detail .heading,
.employee-detail .body,
.employee-detail .quote {
margin-right: 300px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.employee-detail {
font-size: 13px;
}
.employee-detail .image {
width: 160px;
}
.employee-detail .heading,
.employee-detail .body,
.employee-detail .quote {
margin-right: 215px;
}
}
@media (max-width: 767px) {
.employee-detail {
font-size: 12px;
}
.employee-detail .aside {
float: none;
margin: 0 auto 2em;
max-width: 240px;
text-align: center;
}
.employee-detail .image {
display: inline-block;
width: 100%;
vertical-align: top;
}
.employee-detail .heading,
.employee-detail .body,
.employee-detail .quote {
margin: 0;
}
}
@media (min-width: 1200px) and (max-width: 1280px) {
.our-story-timeline .container {
width: 1080px;
}
}
@media (min-width: 980px) and (max-width: 1060px) {
.our-story-timeline .container {
width: 860px;
}
}
@media (min-width: 768px) and (max-width: 840px) {
.our-story-timeline .container {
width: 660px;
}
}
@media (min-width: 1200px) {
.our-story-timeline {
font-size: 15px;
}
.our-story-timeline .container .heros .item-box .item .image {
width: 300px;
}
.our-story-timeline .container .heros .item-box .item .text {
margin-left: 320px;
}
}
@media (min-width: 980px) and (max-width: 1199px) {
.our-story-timeline .container .heros .item-box {
min-height: 200px;
}
.our-story-timeline .container .heros .image {
height: 200px;
}
.our-story-timeline .container .heros .text {
height: 200px;
}
.our-story-timeline .text-scrollbar .viewport {
height: 200px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.our-story-timeline {
font-size: 13px;
}
.our-story-timeline .container .heros .item-box {
min-height: 160px;
}
.our-story-timeline .container .heros .item-box .item .image {
width: 150px;
}
.our-story-timeline .container .heros .item-box .item .text {
margin-left: 170px;
}
.our-story-timeline .container .heros .image {
height: 160px;
}
.our-story-timeline .container .heros .text {
height: 160px;
}
.our-story-timeline .text-scrollbar .viewport {
height: 160px;
}
}
@media (min-width: 768px) {
.our-story-timeline .container .thumbs .item[data-order="order-0"] .date {
left: 0;
}
.our-story-timeline .container .thumbs .item .image {
cursor: pointer;
}
.our-story-timeline .container .thumbs .item .date > span {
position: relative;
}
.our-story-timeline .container .thumbs .item .shortDes {
position: relative;
}
.our-story-timeline .container .thumbs .item .industryShortDes {
position: relative;
}
.our-story-timeline .container .thumbs .item.current .image {
opacity: 1;
/*left: -48px;*/
}
.our-story-timeline .container .thumbs .item.current .image:hover {
border-color: #707070;
}
.our-story-timeline .container .thumbs .item.current .date {
padding-top: 70px;
}
.our-story-timeline .container .thumbs .item.current .date > span {
/*left: -48px;*/
}
.our-story-timeline .container .thumbs .item.current .date > span > span {
font-size: 1.86666667em;
line-height: 1.14285714;
}
.our-story-timeline .container .thumbs .item.current .shortDes {
/*left: -48px;*/
}
.our-story-timeline .container .thumbs .item.current .shortDes p {
color: #fff;
}
.our-story-timeline .container .thumbs .item.current .industryShortDes {
/*left: -48px;*/
}
.our-story-timeline .container .thumbs .item .image:hover {
opacity: 1;
border-color: #6ebe49;
}
.our-story-timeline .container .thumbs .item .image:hover ~ .date {
padding-top: 70px;
}
.our-story-timeline .container .thumbs .item .image:hover ~ .date > span {
/*left: -48px;*/
}
.our-story-timeline .container .thumbs .item .image:hover ~ .date > span > span {
font-size: 1.86666667em;
line-height: 1.14285714;
}
.our-story-timeline .container .thumbs .item .image:hover ~ .shortDes {
/*left: -48px;*/
}
.our-story-timeline .container .thumbs .item .image:hover ~ .shortDes p {
color: #fff;
}
.our-story-timeline .container .thumbs .item .image:hover ~ .industryShortDes {
/*left: -48px;*/
}
}
@media (max-width: 767px) {
.our-story-timeline {
text-align: center;
font-size: 12px;
}
.our-story-timeline .container > .title {
padding-bottom: 30px;
}
.our-story-timeline .container > .title .text-box {
width: auto;
}
.our-story-timeline .container .heros {
display: none;
}
.our-story-timeline .container .thumbs {
height: auto;
}
.our-story-timeline .container .thumbs .item-container .line {
margin-top: 0;
top: 75px;
}
.our-story-timeline .container .thumbs .des {
display: block;
line-height: 16px;
}
.our-story-timeline .container .thumbs .item-box {
padding: 0;
text-align: center;
}
.our-story-timeline .container .thumbs .item {
opacity: 0;
padding: 0;
}
.our-story-timeline .container .thumbs .item[data-order="order-0"] {
display: none;
}
.our-story-timeline .container .thumbs .item.current {
opacity: 1;
}
.our-story-timeline .container .thumbs .item.current .shortDes p {
color: #666;
}
.our-story-timeline .container .thumbs .image {
left: 50%;
margin-left: -75px;
width: 150px;
height: 150px;
-webkit-transform: none;
transform: none;
margin-top: 0;
}
.our-story-timeline .container .thumbs .date {
padding-top: 170px;
}
.our-story-timeline .container .thumbs .date > span {
font-size: 1.86666667em;
line-height: 1.14285714;
}
.our-story-timeline .container .thumbs .date:before {
top: 75px;
margin-top: -7px;
display: none;
}
.our-story-timeline .container .thumbs .date:after {
top: 75px;
margin-top: -14px;
left: 0;
}
.our-story-timeline .container .thumbs .industryShortDes {
display: none;
}
.our-story-timeline .container .thumbs .shortDes {
font-size: 14px;
line-height: 18px;
}
.our-story-timeline .container .thumbs .split {
width: 6px;
height: 6px;
border-radius: 50%;
background: #6ebe49;
display: inline-block;
margin: 10px 0;
}
.our-story-timeline .container .thumbs .split:before {
content: "";
width: 6px;
height: 6px;
border-radius: 50%;
background: #6ebe49;
display: inline-block;
position: relative;
top: 4px;
}
.our-story-timeline .container .thumbs .split:after {
content: "";
width: 6px;
height: 6px;
border-radius: 50%;
background: #6ebe49;
display: inline-block;
position: relative;
top: -6px;
}
.our-story-timeline .container .controls {
height: auto;
width: 190px !important;
}
.our-story-timeline .container .controls .arrow {
margin-top: -3em;
}
.our-story-timeline .container .controls .arrow > a {
font-size: 32px;
}
.our-story-timeline .container .controls .arrow > a.next {
left: 190px !important;
}
}
@media (max-width: 979px) {
.search-wrapper .search-nav:before {
content: "";
display: block;
width: 100%;
height: 2px;
background: #6ebe49;
position: absolute;
top: 44px;
}
.search-wrapper .search-nav .open .dropdown-menu {
display: block;
}
.search-wrapper .search-nav .open .dropdown-toggle i {
top: 19px;
border-color: #6ebe49;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.search-wrapper .search-nav .dropdown-toggle {
position: relative;
padding: 13px 0;
cursor: pointer;
}
.search-wrapper .search-nav .dropdown-toggle p {
margin-bottom: 0;
font-size: 0;
line-height: 0;
padding-right: 56px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.search-wrapper .search-nav .dropdown-toggle p span {
padding-right: 6px;
font-size: 16px;
line-height: 18px;
font-weight: 600;
color: #6ebe49;
}
.search-wrapper .search-nav .dropdown-toggle p em {
font-size: 14px;
font-style: normal;
line-height: 18px;
color: #6ebe49;
}
.search-wrapper .search-nav .dropdown-toggle i {
position: absolute;
top: 11px;
right: 22px;
color: #ddd;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 14px;
width: 14px;
border-style: solid;
border-color: #868589;
border-width: 0px 1px 1px 0px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.search-wrapper .search-nav ul {
display: none;
width: 100%;
padding: 0;
top: 0;
}
.search-wrapper .search-nav ul li {
display: block;
float: none;
width: 100%;
border-top: 1px solid #ddd;
border-bottom: 0;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 26px;
min-height: 38px;
}
.search-wrapper .search-nav ul li:first-child {
border-top: none;
}
.search-wrapper .search-nav ul li[data-type="all"] {
padding-left: 26px;
}
.search-wrapper .search-nav ul li i {
width: 18px;
height: 18px;
background-size: 18px 54px;
}
.search-wrapper .search-nav ul li:hover i {
background-position-y: -18px;
}
.search-wrapper .search-nav ul li.active i {
background-position-y: -36px;
}
.search-wrapper .search-nav ul li:after {
content: none;
display: none;
}
.search-wrapper .search-nav.disabled:before {
background: #ebebeb;
}
.search-wrapper .search-nav.disabled .dropdown-toggle p span {
color: #666;
}
.search-wrapper .search-content .row-fluid {
display: block;
}
.search-wrapper .search-content .row-fluid [class*="span"] {
display: block;
float: none;
width: auto;
margin-left: 0;
min-height: 0;
}
.search-wrapper .search-filters {
display: none;
position: relative;
z-index: 2;
border-right: none;
padding: 16px 0;
border-bottom: 1px solid #ebebeb;
}
.search-wrapper .search-filters > h4 {
float: right;
margin-bottom: 0;
cursor: pointer;
}
.search-wrapper .search-filters .search-filter-close {
display: none;
position: absolute;
right: 19px;
top: 6px;
width: 21px;
height: 21px;
margin-top: 0;
line-height: 21px;
vertical-align: top;
background: url(clientlib-resources/resources/bootstrap/images/nm/sprite-icn-nm.png) no-repeat -99px 0;
}
.search-wrapper .search-filters .search-filter-close:hover {
background-position: -99px -21px;
}
.search-wrapper .search-filters .search-filter-toggle {
background-image: url(clientlib-resources/resources/bootstrap/images/nm/sprite-icn-nm.png);
background-position: -162px 0;
background-repeat: no-repeat;
padding-left: 26px;
font-size: 16px;
line-height: 21px;
color: #333;
display: block;
}
.search-wrapper .search-filters .search-filter-toggle:hover,
.search-wrapper .search-filters .search-filter-toggle:active {
color: #6ebe49;
background-position: -162px -21px;
}
.search-wrapper .search-filters .search-filter-list {
display: none;
padding: 0 16px;
}
.search-wrapper .search-filters.filter-visible {
background: #fafafa;
border: 0;
}
.search-wrapper .search-filters.filter-visible > h4 {
font-size: 22px;
line-height: 27px;
float: none;
padding-right: 0;
margin-bottom: 16px;
cursor: default;
}
.search-wrapper .search-filters.filter-visible .search-filter-toggle {
padding-left: 16px;
background: none;
font-size: 22px;
line-height: 32px;
color: #868589;
}
.search-wrapper .search-filters.filter-visible .search-filter-close {
display: block;
cursor: pointer;
}
.search-wrapper .search-filters.filter-visible .search-filter-list {
display: block;
}
.search-wrapper .search-list .search-products {
padding: 24px 0 0;
border: 0;
}
.search-wrapper .search-list .search-products > h4 {
margin-bottom: 0;
}
.search-wrapper .search-list .search-products .search-product {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 16px 0;
border-bottom: 1px solid #ebebeb;
}
.search-wrapper .search-list .search-products .search-product .product-image {
width: 120px;
margin-right: 16px;
}
.search-wrapper .search-list .search-products .search-product .product-image img {
max-width: 120px;
}
.search-wrapper .search-list .search-products .search-product .product-content {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.search-wrapper .search-list .search-items .search-item {
padding: 16px 0 16px 24px;
}
.search-wrapper .search-list .search-items .search-item .item-image {
width: 120px;
margin-left: 16px;
}
.search-wrapper .search-list .search-items .search-item .item-image img {
max-width: 120px;
}
.search-wrapper .search-list .search-items .search-item:before {
top: 21px;
}
.search-wrapper .search-keymatch {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.search-wrapper .search-keymatch .image {
width: 120px;
margin-right: 16px;
}
.search-wrapper .search-keymatch .image img {
max-width: 120px;
}
.search-wrapper .search-keymatch .text {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.search-wrapper .loading-box .search-nav:before {
background: #fafafa;
}
.search-wrapper .loading-box .search-nav .dropdown-toggle p {
height: 18px;
background: #fafafa;
}
.search-wrapper .loading-box .search-filters > h4 {
height: 21px;
}
}
@media (max-width: 979px) and (min-width: 768px) {
.hero-banner,
.hero-banner-item,
.hero-banner-item__body {
height: 364px;
}
}
@media (max-width: 767px) {
.hero-banner,
.hero-banner-item,
.hero-banner-item__body {
height: 194px;
}
.hero-banner-item {
background-position: center center;
}
.hero-banner-item__body--left .hero-banner-item__body__content {
width: 70%;
}
.hero-banner-item__body--center .hero-banner-item__body__content {
text-align: left;
width: 70%;
}
.hero-banner-item__body--right {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.hero-banner-item__body--right .hero-banner-item__body__content {
width: 70%;
}
.hero-banner-item__body__content .hero-banner-item__name,
.hero-banner-item__body__content .hero-banner-item__name--mobile {
font-size: 24px;
line-height: 26px;
color: #fff;
}
.hero-banner-item__body__content .hero-banner-item__intro {
font-size: 11px;
line-height: 11px;
}
.hero-banner-item__cta.btn {
margin-top: 5px;
padding: 2px 8px;
font-size: 12px;
}
.hero-banner-item__body__content .hero-banner-item__description {
display: none;
}
.hero-banner-controls {
left: auto;
right: 12px;
margin-left: auto;
margin-bottom: 0;
height: 24px;
text-align: right;
}
.hero-banner-controls a {
margin-right: 0;
}
}
@media (max-width: 979px) {
#support-header .support-header-content img {
width: 100px;
height: 100px;
}
#support-header .support-header-content img + h1 {
margin-left: 100px;
}
#support-header #helpfulChoice {
position: absolute;
text-align: right;
}
#support-anchor-row .anchor-item {
width: 16%;
margin-left: 1%;
}
#support-anchor-row .anchor-item.contact-item {
width: 32%;
}
}
@media (max-width: 767px) {
.support-row .support-row-title {
font-size: 20px;
margin-bottom: 20px;
}
.support-row .firmware-downloads input {
width: 100%;
}
.support-icon-link-list .support-icon-link-item {
margin-bottom: 30px;
min-height: 70px;
margin-left: auto;
margin-right: auto;
}
.support-icon-link-list .support-icon-link-icon {
width: 75px;
}
.support-icon-link-list .support-icon-link-text {
margin-left: 105px;
}
.support-icon-link-list .support-icon-link-text h3 {
font-size: 14px;
}
.support-icon-link-list .support-icon-link-text p {
font-size: 14px;
}
#support-header #helpfulChoice {
right: 20px;
}
#support-anchor-row .anchor-item {
width: 48%;
margin-left: 2%;
margin-bottom: 12px;
}
#support-anchor-row .anchor-item:first-child {
margin-left: 2%;
}
#support-anchor-row .anchor-item.contact-item {
width: 98%;
}
#support-anchor-row .anchor-item > a {
min-height: 170px;
}
.vg_falg {
display: none;
}
#vg_buttons {
right: -20px;
}
.vidBanner > div {
height: 270px;
text-align: left;
padding-left: 25px;
}
.bannerCopy {
padding-top: 90px;
}
#vidModal {
padding-top: 50px;
padding-left: 0;
}
.modal#vidModal {
width: 100% !important;
padding-left: 0 !important;
}
#vidModal > button.close {
top: initial;
left: initial;
margin-top: -50px;
}
}
@media screen and (max-width: 979px) and (min-width: 768px) {
#vg_buttons.hidden-desktop {
display: none !important;
}
}
@media (max-width: 550px) {
#helpfulChoice {
right: unset;
}
#support-header #helpfulChoice #helpfulQ {
text-align: center;
}
#support-header #helpfulChoice #helpfulQ #helpfulBtns {
display: block;
}
}
@media (max-width: 979px) {
.wtb-container .nav-tabs {
margin-top: 15px;
}
}
@media (max-width: 979px) and (min-width: 768px) {
.wtb-container .row-fluid > .span9 {
width: 100%;
}
.wtb-container .row-fluid > .span3 {
width: 100%;
margin-left: 0;
}
.wtb-container .row-fluid .tab-pane > .span9 {
width: 100%;
}
.wtb-container .hidden-tablet {
display: none;
}
}
@media (max-width: 767px) {
#wtbJCModal {
top: 5%;
}
#wtbJCModal .row-fluid [class*="span"] {
width: 100%;
}
.wtb-container .row-fluid [class*="span"] {
width: 100%;
}
}
@media (max-width: 480px) {
#wtbJCModal {
top: 5%;
}
}
@media (min-width: 768px) {
.bbModal {
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
width: 600px;
max-width: none;
}
.bbModal.fade.in {
top: 15vh;
}
.bbModal .modal-body {
max-height: 70vh;
}
.bbModal .wtb-displays .wtb-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bbModal .wtb-displays .wtb-item .item-price {
margin-bottom: 0;
}
}
@media (max-width: 979px) and (min-width: 768px) {
.bbModal {
width: 600px;
}
}
@media (max-width: 767px) {
.bbModal {
top: 2% !important;
max-height: 96% !important;
max-width: 100% !important;
}
.bbModal.wtbModal {
overflow: auto;
}
.bbModal .wtb-header .header-image {
display: none;
}
.bbModal .wtb-header .header-des {
text-align: center;
width: 100%;
}
.bbModal .wtb-header .header-des .header-title {
text-align: center;
float: none;
}
.bbModal .wtb-header .header-des .header-number {
text-align: center;
float: none;
}
.bbModal .wtb-selectors {
width: 97%;
background: none;
float: none;
margin-top: 10px;
}
.bbModal .close {
display: none;
}
.bbModal .close.mobile {
display: block;
top: 5px;
right: 5px;
}
.bbModal .wtb-displays .wtb-item .item-price {
margin-top: 15px;
text-align: center;
}
}
@media (max-width: 979px) {
.contact-us-banner {
height: 240px;
}
.cuModal.cuTkModal .modal-icon i {
top: 0;
}
}
@media (max-width: 767px) {
.contact-us-banner {
height: 220px;
}
.contact-us-banner > .container {
width: 80%;
}
.contact-us-banner .banner-body {
padding-bottom: 10%;
width: 70%;
}
.contact-us-banner .banner-body .banner-title {
font-size: 26px;
}
.contact-us-banner .banner-body .banner-description {
font-size: 16px;
}
.contact-us-content .btn {
display: block;
}
.contact-us-content .contact-us-options > .container > .row > .span12 {
display: block;
}
.contact-us-content .contact-us-options .control-group {
display: block;
padding: 0;
width: 100%;
}
.contact-us-content .contact-us-options .control-group .control-label {
font-size: 14px;
}
.contact-us-content .contact-us-options .control-group input,
.contact-us-content .contact-us-options .control-group select {
width: 100%;
}
.contact-us-content .contact-us-options .contact-us-time {
text-align: left;
}
.contact-us-content .contact-us-options .contact-us-time .time-hour {
font-size: 16px;
}
.contact-us-content .support-items {
display: block;
}
.contact-us-content .support-item {
text-align: left;
padding-left: 0;
padding-right: 0;
}
.contact-us-content .support-item .item-title {
line-height: 24px;
font-size: 18px;
}
.contact-us-content .contact-us-support {
display: block;
}
.contact-us-content .contact-us-support .support-title {
text-align: left;
}
.contact-us-content .contact-us-support .support-title h3 {
font-size: 22px;
}
.contact-us-content .contact-us-help {
display: block;
}
.contact-us-content .contact-us-more-help .help-title {
text-align: left;
font-size: 22px;
}
.contact-us-content .contact-us-more-help .help-links {
padding-left: 0;
padding-right: 0;
}
.contact-us-content .contact-us-more-help .help-links a {
font-size: 14px;
}
.cuModal {
max-height: 540px !important;
top: 1% !important;
max-height: 96vh !important;
top: 2vh !important;
}
.cuModal.identifyModal {
width: auto !important;
margin-left: 0 !important;
}
.cuModal.cuTkModal .modal-title .modal-icon {
width: 20px;
height: 20px;
}
.cuModal.cuTkModal .modal-title .modal-icon i {
top: -1px;
left: 5px;
font-size: 11px;
}
.cuModal .modal-header .modal-title {
font-size: 22px;
}
.cuModal .modal-body .c-form {
margin-right: 0;
}
.nav-selections .dropdown-toggle {
width: 100%;
}
}
/* Locale Specific Styles*/
@media (max-width: 979px) {
.nav-tab-light {
position: relative;
z-index: 10;
}
}
@media (max-width: 767px) {
.search-results-pagination .arrow-button.previous {
margin-bottom: 10px;
}
}
/*note: build error when exist no image in stx-pdp-responsive.less, dv149-stx-article-top-banner-responsive.less,stx-nav-oz-responsive.less,stx-nav-mega-182-responsive.less*/
.post-share a.fa {
text-decoration: none;
font-size: 32px;
margin-right: 6px;
}
.post-share.top-post-share a.fa {
color: rgba(0, 0, 0, 0.08);
}
.post-share.bottom-post-share a.fa-twitter-square,
.post-share a.fa-twitter-square:hover {
color: #55acee;
}
.post-share.bottom-post-share a.fa-facebook-square,
.post-share a.fa-facebook-square:hover {
color: #3b5998;
}
.post-share.bottom-post-share a.fa-google-plus-square,
.post-share a.fa-google-plus-square:hover {
color: #dd4b39;
}
.post-share.bottom-post-share a.fa-linkedin-square,
.post-share a.fa-linkedin-square:hover {
color: #0976b4;
}
.post-share.bottom-post-share a.fa-weibo,
.post-share a.fa-weibo:hover {
color: #e21d2d;
}
.post-share a .sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.col-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
@media (min-width: 768px) {
.col-md-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
}
@media (min-width: 1024px) {
.col-lg-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66666667%;
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
}
[class*='FeatureContentLayout'] h1 {
font-weight: 600;
letter-spacing: -0.04em;
margin-bottom: 24px;
font-size: 36px;
line-height: 1;
}
@media (min-width: 768px) {
[class*='FeatureContentLayout'] h1 {
font-size: 48px;
}
}
@media (min-width: 1024px) {
[class*='FeatureContentLayout'] h1 {
font-size: 64px;
}
}
[class*='FeatureContentLayout'] h2 {
font-weight: 600;
letter-spacing: -0.04em;
margin-bottom: 24px;
font-size: 32px;
line-height: 36px;
}
@media (min-width: 768px) {
[class*='FeatureContentLayout'] h2 {
font-size: 36px;
line-height: 40px;
}
}
@media (min-width: 1024px) {
[class*='FeatureContentLayout'] h2 {
font-size: 48px;
line-height: 52px;
}
}
[class*='FeatureContentLayout'] h3 {
font-weight: 500;
letter-spacing: -0.02em;
margin-bottom: 24px;
font-size: 28px;
line-height: 32px;
}
@media (min-width: 1024px) {
[class*='FeatureContentLayout'] h3 {
font-size: 32px;
line-height: 36px;
}
}
[class*='FeatureContentLayout'] h4 {
font-weight: 400;
margin-bottom: 24px;
font-size: 20px;
line-height: 28px;
}
@media (min-width: 768px) {
[class*='FeatureContentLayout'] h4 {
font-size: 20px;
}
}
@media (min-width: 1024px) {
[class*='FeatureContentLayout'] h4 {
font-size: 24px;
}
}
[class*='FeatureContentLayout'] h5 {
font-size: 20px;
line-height: 24px;
font-weight: 500;
margin-bottom: 0.5em;
}
[class*='FeatureContentLayout'] h6 {
font-size: 16px;
line-height: 20px;
font-weight: 400;
margin-bottom: 24px;
}
a {
color: #467C2D;
}
a:link,
a:visited,
a:hover,
a:active {
color: #467C2D;
}
a:hover,
a:active {
-webkit-text-decoration-color: #467C2D;
text-decoration-color: #467C2D;
}
.btn,
a.btn,
button.btn {
background-color: #6EBE49;
border-color: #6EBE49;
color: #fff;
}
.btn:hover,
a.btn:hover,
button.btn:hover,
.btn:active,
a.btn:active,
button.btn:active {
background-color: #6EBE49;
border-color: #6EBE49;
color: #fff;
}
.btn-primary,
a.btn-primary,
button.btn-primary {
background-color: #6EBE49;
border-color: #6EBE49;
color: #fff;
}
.btn-primary:hover,
a.btn-primary:hover,
button.btn-primary:hover,
.btn-primary:active,
a.btn-primary:active,
button.btn-primary:active {
background-color: #6EBE49;
border-color: #6EBE49;
color: #fff;
}
.btn-primary span,
a.btn-primary span,
button.btn-primary span {
color: #fff;
}
.support-row a.all-caps,
.support-row h3 a,
.support-link-list li a,
.support-icon-link-list .support-icon-link-text h3 a,
.inline-warranty-validator .help-block a {
color: #467C2D !important;
}
.stx-lp__h1-eyebrow:before {
border-color: #6EBE49 !important;
}
.support-popular-downloads-list .os-selector a.all-caps {
text-decoration: none;
}
.support-popular-downloads-list .os-selector .selected {
border-color: #6EBE49 !important;
}
a.Button-outline,
a.Button-tertiary,
a.Button-primary,
a.Button-secondary,
a.Button-link {
color: black;
}
a.Button-outline:link,
a.Button-tertiary:link,
a.Button-primary:link,
a.Button-secondary:link,
a.Button-link:link,
a.Button-outline:visited,
a.Button-tertiary:visited,
a.Button-primary:visited,
a.Button-secondary:visited,
a.Button-link:visited,
a.Button-outline:hover,
a.Button-tertiary:hover,
a.Button-primary:hover,
a.Button-secondary:hover,
a.Button-link:hover,
a.Button-outline:active,
a.Button-tertiary:active,
a.Button-primary:active,
a.Button-secondary:active,
a.Button-link:active {
color: black;
}
a.Button-outline--inverted,
a.Button-tertiary--inverted,
a.Button-secondary--inverted,
a.Button-link--inverted {
color: #fff;
}
a.Button-outline--inverted:link,
a.Button-tertiary--inverted:link,
a.Button-secondary--inverted:link,
a.Button-link--inverted:link,
a.Button-outline--inverted:visited,
a.Button-tertiary--inverted:visited,
a.Button-secondary--inverted:visited,
a.Button-link--inverted:visited,
a.Button-outline--inverted:hover,
a.Button-tertiary--inverted:hover,
a.Button-secondary--inverted:hover,
a.Button-link--inverted:hover,
a.Button-outline--inverted:active,
a.Button-tertiary--inverted:active,
a.Button-secondary--inverted:active,
a.Button-link--inverted:active {
color: #fff;
}
a.Footer-link {
color: rgba(255, 255, 255, 0.8);
}
a.Footer-link:hover {
color: #fff;
}
a.Footer-link--main {
color: #fff;
}
.our-story-article-grid .title .eyebrow {
color: #6EBE49;
}
a.Search-results-featured {
color: white;
text-decoration: none;
}
.search-wrapper .search-nav ul li.active span {
color: #6EBE49;
}
.search-wrapper .search-nav ul li.active em {
color: #6EBE49;
}
.search-wrapper .search-nav ul li.active:after {
background: #6EBE49;
}
.search-wrapper .search-list .search-item h6 > a {
text-decoration: none;
}
.search-wrapper .search-list .search-item h6 > a:hover,
.search-wrapper .search-list .search-item h6 > a:active {
-webkit-text-decoration-color: currentColor;
text-decoration-color: currentColor;
}
.Search-results-card-copy .Button-tertiary,
.Search-results-secondary .Button-link,
.Search-results .Button-tertiary {
color: black;
}
.support-all-products-grid h2 a {
color: #467C2D !important;
-webkit-text-decoration-color: currentColor !important;
text-decoration-color: currentColor !important;
}
.search-results-pagination .arrow-button > .button,
.search-results-pagination .arrow-button:hover > .button,
.search-results-pagination .arrow-button:focus > .button,
.search-results-pagination .arrow-button:active > .button {
background-color: #6EBE49;
border-color: #6EBE49;
}
.search-results-pagination .arrow-button.next > .arrow,
.search-results-pagination .arrow-button:hover.next > .arrow,
.search-results-pagination .arrow-button:focus.next > .arrow,
.search-results-pagination .arrow-button:active.next > .arrow {
border-left-color: #6EBE49;
}
.search-results-pagination .arrow-button.next > .arrow-inner,
.search-results-pagination .arrow-button:hover.next > .arrow-inner,
.search-results-pagination .arrow-button:focus.next > .arrow-inner,
.search-results-pagination .arrow-button:active.next > .arrow-inner {
border-left-color: #6EBE49;
}
.search-results-pagination .arrow-button.prev > .arrow,
.search-results-pagination .arrow-button:hover.prev > .arrow,
.search-results-pagination .arrow-button:focus.prev > .arrow,
.search-results-pagination .arrow-button:active.prev > .arrow {
border-right-color: #6EBE49;
}
.search-results-pagination .arrow-button.prev > .arrow-inner,
.search-results-pagination .arrow-button:hover.prev > .arrow-inner,
.search-results-pagination .arrow-button:focus.prev > .arrow-inner,
.search-results-pagination .arrow-button:active.prev > .arrow-inner {
border-right-color: #6EBE49;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
font-family: "Sohne Breit", Helvetica, Arial, sans-serif;
letter-spacing: normal;
font-weight: 600;
}
@font-face{font-family:"SSStandard";src:url(clientlib-resources/resources/bootstrap/font/ss-standard.eot);src:url(clientlib-resources/resources/bootstrap/font/ss-standard.eot?#iefix) format("embedded-opentype"),url(clientlib-resources/resources/bootstrap/font/ss-standard.woff) format("woff"),url(clientlib-resources/resources/bootstrap/font/ss-standard.ttf) format("truetype"),url(clientlib-resources/resources/bootstrap/font/ss-standard.svg#SSStandard) format("svg");font-weight:normal;font-style:normal}html:hover [class^=ss-]{-ms-zoom:1}.ss-icon,.ss-icon.ss-standard,[class^=ss-]:before,[class*=" ss-"]:before,[class^=ss-].ss-standard:before,[class*=" ss-"].ss-standard:before,[class^=ss-].right:after,[class*=" ss-"].right:after,[class^=ss-].ss-standard.right:after,[class*=" ss-"].ss-standard.right:after{font-family:"SSStandard";font-style:normal;font-weight:normal;text-decoration:none;text-rendering:optimizeLegibility;white-space:nowrap;-ms-font-feature-settings:"liga" 1;-o-font-feature-settings:"liga";-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased}[class^=ss-].right:before,[class*=" ss-"].right:before{display:none;content:""}.ss-cursor:before,.ss-cursor.right:after{content:"î€"}.ss-crosshair:before,.ss-crosshair.right:after{content:"⌖"}.ss-search:before,.ss-search.right:after{content:"🔎"}.ss-zoomin:before,.ss-zoomin.right:after{content:""}.ss-zoomout:before,.ss-zoomout.right:after{content:""}.ss-view:before,.ss-view.right:after{content:"👀"}.ss-attach:before,.ss-attach.right:after{content:"📎"}.ss-link:before,.ss-link.right:after{content:"🔗"}.ss-move:before,.ss-move.right:after{content:"î°"}.ss-write:before,.ss-write.right:after{content:"✎"}.ss-writingdisabled:before,.ss-writingdisabled.right:after{content:"î±"}.ss-erase:before,.ss-erase.right:after{content:"âœ"}.ss-compose:before,.ss-compose.right:after{content:"ðŸ“"}.ss-lock:before,.ss-lock.right:after{content:"🔒"}.ss-unlock:before,.ss-unlock.right:after{content:"🔓"}.ss-key:before,.ss-key.right:after{content:"🔑"}.ss-backspace:before,.ss-backspace.right:after{content:"⌫"}.ss-ban:before,.ss-ban.right:after{content:"🚫"}.ss-trash:before,.ss-trash.right:after{content:"îƒ"}.ss-target:before,.ss-target.right:after{content:"â—Ž"}.ss-tag:before,.ss-tag.right:after{content:"î„€"}.ss-bookmark:before,.ss-bookmark.right:after{content:"🔖"}.ss-flag:before,.ss-flag.right:after{content:"âš‘"}.ss-like:before,.ss-like.right:after{content:"ðŸ‘"}.ss-dislike:before,.ss-dislike.right:after{content:"👎"}.ss-heart:before,.ss-heart.right:after{content:"♥"}.ss-halfheart:before,.ss-halfheart.right:after{content:"î† "}.ss-star:before,.ss-star.right:after{content:"⋆"}.ss-halfstar:before,.ss-halfstar.right:after{content:""}.ss-sample:before,.ss-sample.right:after{content:""}.ss-crop:before,.ss-crop.right:after{content:"îˆ"}.ss-layers:before,.ss-layers.right:after{content:""}.ss-fill:before,.ss-fill.right:after{content:""}.ss-stroke:before,.ss-stroke.right:after{content:"î‰"}.ss-phone:before,.ss-phone.right:after{content:"📞"}.ss-phonedisabled:before,.ss-phonedisabled.right:after{content:""}.ss-rss:before,.ss-rss.right:after{content:"îŒ"}.ss-facetime:before,.ss-facetime.right:after{content:"îŒ "}.ss-reply:before,.ss-reply.right:after{content:"↩"}.ss-send:before,.ss-send.right:after{content:"î"}.ss-mail:before,.ss-mail.right:after{content:"✉"}.ss-inbox:before,.ss-inbox.right:after{content:"📥"}.ss-chat:before,.ss-chat.right:after{content:"💬"}.ss-ellipsischat:before,.ss-ellipsischat.right:after{content:""}.ss-ellipsis:before,.ss-ellipsis.right:after{content:"…"}.ss-user:before,.ss-user.right:after{content:"👤"}.ss-femaleuser:before,.ss-femaleuser.right:after{content:"👧"}.ss-users:before,.ss-users.right:after{content:"👥"}.ss-cart:before,.ss-cart.right:after{content:""}.ss-creditcard:before,.ss-creditcard.right:after{content:"💳"}.ss-dollarsign:before,.ss-dollarsign.right:after{content:"💲"}.ss-barchart:before,.ss-barchart.right:after{content:"📊"}.ss-piechart:before,.ss-piechart.right:after{content:"î•°"}.ss-box:before,.ss-box.right:after{content:"📦"}.ss-home:before,.ss-home.right:after{content:"⌂"}.ss-buildings:before,.ss-buildings.right:after{content:"ðŸ¢"}.ss-warehouse:before,.ss-warehouse.right:after{content:""}.ss-globe:before,.ss-globe.right:after{content:"🌎"}.ss-navigate:before,.ss-navigate.right:after{content:"î™°"}.ss-compass:before,.ss-compass.right:after{content:"î™±"}.ss-signpost:before,.ss-signpost.right:after{content:""}.ss-map:before,.ss-map.right:after{content:""}.ss-location:before,.ss-location.right:after{content:"î›"}.ss-pin:before,.ss-pin.right:after{content:"ðŸ“"}.ss-database:before,.ss-database.right:after{content:"îž "}.ss-hdd:before,.ss-hdd.right:after{content:"îž°"}.ss-music:before,.ss-music.right:after{content:"♫"}.ss-mic:before,.ss-mic.right:after{content:"🎤"}.ss-volume:before,.ss-volume.right:after{content:"🔈"}.ss-lowvolume:before,.ss-lowvolume.right:after{content:"🔉"}.ss-highvolume:before,.ss-highvolume.right:after{content:"🔊"}.ss-airplay:before,.ss-airplay.right:after{content:"î €"}.ss-camera:before,.ss-camera.right:after{content:"📷"}.ss-picture:before,.ss-picture.right:after{content:"🌄"}.ss-video:before,.ss-video.right:after{content:"📹"}.ss-play:before,.ss-play.right:after{content:"â–¶"}.ss-pause:before,.ss-pause.right:after{content:"î¢ "}.ss-stop:before,.ss-stop.right:after{content:"â– "}.ss-record:before,.ss-record.right:after{content:"â—"}.ss-rewind:before,.ss-rewind.right:after{content:"âª"}.ss-fastforward:before,.ss-fastforward.right:after{content:"â©"}.ss-skipback:before,.ss-skipback.right:after{content:"â®"}.ss-skipforward:before,.ss-skipforward.right:after{content:"â"}.ss-eject:before,.ss-eject.right:after{content:"â"}.ss-repeat:before,.ss-repeat.right:after{content:"ðŸ”"}.ss-replay:before,.ss-replay.right:after{content:"↺"}.ss-shuffle:before,.ss-shuffle.right:after{content:"🔀"}.ss-book:before,.ss-book.right:after{content:"📕"}.ss-openbook:before,.ss-openbook.right:after{content:"📖"}.ss-notebook:before,.ss-notebook.right:after{content:"📓"}.ss-newspaper:before,.ss-newspaper.right:after{content:"📰"}.ss-grid:before,.ss-grid.right:after{content:"î¦ "}.ss-rows:before,.ss-rows.right:after{content:""}.ss-columns:before,.ss-columns.right:after{content:""}.ss-thumbnails:before,.ss-thumbnails.right:after{content:""}.ss-filter:before,.ss-filter.right:after{content:""}.ss-desktop:before,.ss-desktop.right:after{content:"💻"}.ss-laptop:before,.ss-laptop.right:after{content:""}.ss-tablet:before,.ss-tablet.right:after{content:"î¨"}.ss-cell:before,.ss-cell.right:after{content:"📱"}.ss-battery:before,.ss-battery.right:after{content:"🔋"}.ss-highbattery:before,.ss-highbattery.right:after{content:"î¨"}.ss-mediumbattery:before,.ss-mediumbattery.right:after{content:""}.ss-lowbattery:before,.ss-lowbattery.right:after{content:""}.ss-emptybattery:before,.ss-emptybattery.right:after{content:""}.ss-lightbulb:before,.ss-lightbulb.right:after{content:"💡"}.ss-downloadcloud:before,.ss-downloadcloud.right:after{content:""}.ss-download:before,.ss-download.right:after{content:"î¬"}.ss-uploadcloud:before,.ss-uploadcloud.right:after{content:"î€"}.ss-upload:before,.ss-upload.right:after{content:"î"}.ss-fork:before,.ss-fork.right:after{content:""}.ss-merge:before,.ss-merge.right:after{content:"î®"}.ss-transfer:before,.ss-transfer.right:after{content:"⇆"}.ss-refresh:before,.ss-refresh.right:after{content:"↻"}.ss-sync:before,.ss-sync.right:after{content:""}.ss-loading:before,.ss-loading.right:after{content:""}.ss-wifi:before,.ss-wifi.right:after{content:""}.ss-connection:before,.ss-connection.right:after{content:"î®…"}.ss-file:before,.ss-file.right:after{content:"📄"}.ss-folder:before,.ss-folder.right:after{content:"ðŸ“"}.ss-quote:before,.ss-quote.right:after{content:"“"}.ss-text:before,.ss-text.right:after{content:"î´€"}.ss-font:before,.ss-font.right:after{content:"î´"}.ss-print:before,.ss-print.right:after{content:"⎙"}.ss-fax:before,.ss-fax.right:after{content:"📠"}.ss-list:before,.ss-list.right:after{content:"îµ"}.ss-layout:before,.ss-layout.right:after{content:"î¶ "}.ss-action:before,.ss-action.right:after{content:""}.ss-redirect:before,.ss-redirect.right:after{content:"↪"}.ss-expand:before,.ss-expand.right:after{content:"⤢"}.ss-contract:before,.ss-contract.right:after{content:"î¸"}.ss-help:before,.ss-help.right:after{content:"â“"}.ss-info:before,.ss-info.right:after{content:"ℹ"}.ss-alert:before,.ss-alert.right:after{content:"âš "}.ss-caution:before,.ss-caution.right:after{content:"â›”"}.ss-logout:before,.ss-logout.right:after{content:""}.ss-plus:before,.ss-plus.right:after{content:"+"}.ss-hyphen:before,.ss-hyphen.right:after{content:"-"}.ss-check:before,.ss-check.right:after{content:"✓"}.ss-delete:before,.ss-delete.right:after{content:"â¡"}.ss-settings:before,.ss-settings.right:after{content:"âš™"}.ss-dashboard:before,.ss-dashboard.right:after{content:""}.ss-notifications:before,.ss-notifications.right:after{content:"🔔"}.ss-notificationsdisabled:before,.ss-notificationsdisabled.right:after{content:"🔕"}.ss-clock:before,.ss-clock.right:after{content:"â²"}.ss-stopwatch:before,.ss-stopwatch.right:after{content:"â±"}.ss-calendar:before,.ss-calendar.right:after{content:"📅"}.ss-addcalendar:before,.ss-addcalendar.right:after{content:"ï°"}.ss-removecalendar:before,.ss-removecalendar.right:after{content:"ï±"}.ss-checkcalendar:before,.ss-checkcalendar.right:after{content:"ï²"}.ss-deletecalendar:before,.ss-deletecalendar.right:after{content:"ï³"}.ss-briefcase:before,.ss-briefcase.right:after{content:"💼"}.ss-cloud:before,.ss-cloud.right:after{content:"â˜"}.ss-droplet:before,.ss-droplet.right:after{content:"💧"}.ss-flask:before,.ss-flask.right:after{content:"ï“€"}.ss-up:before,.ss-up.right:after{content:"⬆"}.ss-upright:before,.ss-upright.right:after{content:"⬈"}.ss-right:before,.ss-right.right:after{content:"âž¡"}.ss-downright:before,.ss-downright.right:after{content:"⬊"}.ss-down:before,.ss-down.right:after{content:"⬇"}.ss-downleft:before,.ss-downleft.right:after{content:"⬋"}.ss-left:before,.ss-left.right:after{content:"⬅"}.ss-upleft:before,.ss-upleft.right:after{content:"⬉"}.ss-navigateup:before,.ss-navigateup.right:after{content:""}.ss-navigateright:before,.ss-navigateright.right:after{content:"â–»"}.ss-navigatedown:before,.ss-navigatedown.right:after{content:"ï”"}.ss-navigateleft:before,.ss-navigateleft.right:after{content:"â—…"}.ss-directup:before,.ss-directup.right:after{content:"â–´"}.ss-directright:before,.ss-directright.right:after{content:"â–¹"}.ss-dropdown:before,.ss-dropdown.right:after{content:"â–¾"}.ss-directleft:before,.ss-directleft.right:after{content:"â—ƒ"}.ss-retweet:before,.ss-retweet.right:after{content:""}.ss-volumelow:before,.ss-volumelow.right:after{content:"🔉"}.ss-volumehigh:before,.ss-volumehigh.right:after{content:"🔊"}.ss-batteryhigh:before,.ss-batteryhigh.right:after{content:"î¨"}.ss-batterymedium:before,.ss-batterymedium.right:after{content:""}.ss-batterylow:before,.ss-batterylow.right:after{content:""}.ss-batteryempty:before,.ss-batteryempty.right:after{content:""}.ss-clouddownload:before,.ss-clouddownload.right:after{content:""}.ss-cloudupload:before,.ss-cloudupload.right:after{content:"î€"}.ss-calendaradd:before,.ss-calendaradd.right:after{content:"ï°"}.ss-calendarremove:before,.ss-calendarremove.right:after{content:"ï±"}.ss-calendarcheck:before,.ss-calendarcheck.right:after{content:"ï²"}.ss-calendardelete:before,.ss-calendardelete.right:after{content:"ï³"}
.vgn-ext-region,.vgn-ext-component{position:static}.vui-window,.vui-editor,.vui-dialog,.vui-preview-toolbar,.vui-preview-ice,.vui-window *,.vui-editor *,.vui-dialog *,.vui-preview-toolbar *,.vui-dropdown *,.vui-preview-ice *,.vui-preview-menu *{-webkit-box-sizing:content-box !important;box-sizing:content-box !important}.PrimaryNav-links a:hover{color:#fff;text-decoration:none}.SecondaryNav-items a:hover{color:#707c83;text-decoration:none}.NavigationMenu-links a:hover{color:#000;text-decoration:none}#modal-locale-selector .modal__header h3{color:#000}#modal-locale-selector .modal__header label{color:#000}#modal-locale-selector .modal__content a:hover{text-decoration:none;color:#000}#login .modal__content a:hover{text-decoration:none;color:#000}.Search-input-keyword{-webkit-box-shadow:none;box-shadow:none;height:auto;margin-bottom:0}.Search-input-clear{height:.7em !important;width:auto !important;-webkit-box-shadow:none;box-shadow:none}.NavigationMenu-tab.is-active{color:#000 !important}.SecondaryNav-region{border:1px solid #c4c4c4 !important;color:#fff;height:25px !important}.MobileMenu .SecondaryNav-region{color:#000}.MobileMenu-items a:hover{color:#000;text-decoration:none}.MobileMenu-arrow{color:#000 !important}.Footer-links a:hover{text-decoration:none}.Footer-bottom-links a:hover{color:rgba(255,255,255,.8);text-decoration:none}.Footer-legal a:hover{color:rgba(255,255,255,.8);text-decoration:none}.Footer-callouts a:hover{text-decoration:none;color:#fff}.Search-results a:hover{color:#000;text-decoration:none}.Search-results a.Search-results-featured:hover{color:#fff}.Search{z-index:1001}.MFTable-table-cell .col-des li{list-style:disc !important;margin-left:20px !important;text-align:left !important}#vidModal{-webkit-box-sizing:content-box !important;box-sizing:content-box !important}.NavigationMenu-links .copy{-ms-flex-item-align:stretch;align-self:stretch}.MobileMenu-subMenus-items .MobileMenu-subMenus-link{-ms-flex-item-align:stretch;align-self:stretch}.Modal .modal__close{width:auto}.card-layout-products__product.is--inline-ad a .ad-text,.card-layout-products__product.is--inline-ad a:visited .ad-text{bottom:0}.Footnotes-list{width:100%}.ContentLayoutCentered h4{width:100%}.Blurb h1,.Blurb h2,.Blurb h3,.Blurb h4{width:100%}.MobileMenu-arrow--left::after{left:0}.MobileMenu-arrow--right::after{right:5px}a.NavigationMenu-card:hover{text-decoration:none}a.NavigationMenu-card h3{color:#fff}.VerticalSlider-indicator-dot{display:block}#support-header{margin-top:0 !important}#support-anchor-row .anchor-item>a{-webkit-box-sizing:content-box !important;box-sizing:content-box !important}.Button{min-height:28px}.Button:after{content:"";min-height:inherit;font-size:0}.Search-results-secondary .Button-link{-ms-flex-item-align:stretch;align-self:stretch}.Search-results-main p{-ms-flex-item-align:stretch;align-self:stretch}.Search-results-card-image{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.Search-results-card-copy{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.Search-results-card.is-large{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.Search-results-card-copy .Button-tertiary{-ms-flex-item-align:stretch;align-self:stretch}.Search-results-card{width:100%}input.Search-input-keyword::-ms-clear{display:none;height:0;width:0}.Modal-group{-ms-flex-negative:0;flex-shrink:0}.Footer-callouts+.Footer-linkGroups>div:first-child{width:100%}.stx-card{-webkit-box-flex:1;-ms-flex:1;flex:1}@media(min-width: 980px){.stx-lp__grid2col{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important;-ms-flex-wrap:wrap;flex-wrap:wrap}.stx-lp__grid2col .stx-lp__grid--box{width:48%;padding-left:2%;padding-right:2%;margin-bottom:20px}}[class*=-buttonGroup]>.reveal--fadeInFromRight{display:-webkit-box;display:-ms-flexbox;display:flex}.CardLayoutProductDetailsSlider-contentPanel .swiper-slide .slide-link .slide-body{position:relative;z-index:1}.CardLayoutProductDetailsSlider-contentPanel .swiper-slide .slide-link .slide-image{z-index:0}.NavigationMenu-elements{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;min-height:500px;height:auto}.NavigationMenu-card{height:auto}.ContentLayoutCarousel{max-height:inherit;height:auto;min-height:100vh}.CardLayoutCarousel-contentPanel .swiper-slide .slide-link,.CardLayoutCarousel-contentPanel .swiper-slide .slide-link:visited{height:auto}.SecondaryNav-region{padding:0px 11px !important}.Footer-callouts+.Footer-linkGroups>div:first-child{width:100%}.Blurb h1,.Blurb h2,.Blurb h3,.Blurb h4{width:100%}div#corporateHeader .PrimaryNav-logo{height:98px}div#corporateHeader .PrimaryNav-link{color:#fff}div#corporateHeader a.SecondaryNav-link{opacity:0}div#corporateFooter #ot-sdk-btn{display:none}.NavigationMenu-wideCallout a.Button.Button-secondary--inverted{color:#fff;text-decoration:none}#courtesy-nav-partners-ll .modal__content a:hover{color:#000;text-decoration:none}.Button{min-height:56px}.Button-tertiary,.Button-tertiary--inverted{min-height:auto}.Button:after{content:none}.NavigationMenu-link{min-height:auto}.NavigationMenu-link:after{content:"";border-color:#6ebe49}.MobileMenu-subMenus-link{min-height:auto}.FeatureGrid4Up-card .Button{min-height:auto}.FeatureGrid4Up-card span.Button{cursor:text;-webkit-user-select:inherit;-moz-user-select:inherit;-ms-user-select:inherit;user-select:inherit}#modal-locale-selector .Button{min-height:auto;border:none}#modal-locale-selector .Button:hover{color:#000 !important}.FeatureGrid4Up-card{-webkit-perspective:none;perspective:none}@media print{header,.Footer,#toggle-pencil,img[title="Edit item"]{display:none !important}}.no-wrap{white-space:nowrap;display:inline !important}.SearchContent-input{background:none;border:none;border-bottom:1px solid #000;border-radius:0;margin:0;padding:.2em 1.1em .2em 0;width:100%}.SearchContent-button:after{-webkit-box-sizing:border-box;box-sizing:border-box}#helpfulQ{margin:0 0 9px}.at-resp-share-element .at-share-btn{background-color:transparent !important}.press_release_page_body ul,.press_release_page_body ol{margin:0 0 11.5px 25px}.basicFormatting ul,.basicFormatting ol{margin:0 0 11.5px 25px}.press-release-sr-content a,.press-release-sr-content a:hover,.press-release-sr-content a:focus,.press-release-sr-content a:active,.press-release-sl-content a,.press-release-sl-content a:hover,.press-release-sl-content a:focus,.press-release-sl-content a:active{color:#467c2d}.press-release-sl-wrapper .value{color:#467c2d}.press-release-search-list i,.press-release-search-result i{border-color:#467c2d}.search-results-pagination ul li a{color:#467c2d}.press-release-label-wrapper input{height:36px}.sitemap-module a,.sitemap-module a:hover,.sitemap-module a:focus,.sitemap-module a:active{color:#467c2d}.press_release_page_body.text a{color:#467c2d}.press-release-detail .text a{color:#467c2d}
.container.responsivegrid,.xf-web-container .container{max-width:100%;padding:0}.container.responsivegrid{width:100%}.cq-Editable-dom .ContentLayoutProductTour{min-height:100%}.cq-Editable-dom .ContentLayoutScrollZoom{min-height:100%}.cq-Editable-dom .FeatureContentLayoutCenter{min-height:75%}@media only screen and (min-width: 768px){.cq-Editable-dom .FeatureContentLayoutLifestyle{min-height:calc(90% - 143px)}}.cq-Editable-dom .ContentLayoutCarousel{min-height:100%}@media only screen and (min-width: 1024px){.cq-Editable-dom .ContentLayoutCarousel{height:100%}}.cq-Editable-dom [data-reveal]{opacity:1 !important}.cq-Editable-dom .VerticalSlider .VerticalSlider-item{min-height:100%}.cq-Editable-dom .VerticalSlider .VerticalSlider-image,.cq-Editable-dom .VerticalSlider .VerticalSlider-caption>h2,.cq-Editable-dom .VerticalSlider .VerticalSlider-caption>p,.cq-Editable-dom .VerticalSlider .VerticalSlider-caption .body,.cq-Editable-dom .VerticalSlider .VerticalSlider-caption .VerticalSlider--buttongroup{opacity:1}.responsivegrid.container.no-responsive{max-width:1170px}@media only screen and (max-width: 1199px){.responsivegrid.container.no-responsive{max-width:940px}}@media only screen and (max-width: 979px){.responsivegrid.container.no-responsive{max-width:724px}}@media only screen and (max-width: 767px){.responsivegrid.container.no-responsive{padding-left:20px;padding-right:20px;width:auto}}.no-responsive{max-width:1170px}@media only screen and (max-width: 1199px){.no-responsive{max-width:940px}}@media only screen and (max-width: 979px){.no-responsive{max-width:724px}}@media only screen and (max-width: 767px){.no-responsive{padding-left:20px;padding-right:20px;width:auto}}.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--12{float:none !important}.cq-Editable-dom .LongFormContentOverlayText{min-height:100%}