/*-------------------------------------------------
Resets
-------------------------------------------------*/
code, kbd, samp, pre, tt, var, textarea, input, select, isindex {
font: inherit;
font-size: 11px;
}
dfn, i, cite, var, address, em {
font-style: normal;
}
/* table { border-collapse: collapse; border-spacing: 0; } */
q {
quotes: "" "";
}
ul, dir, menu {
list-style: none;
margin: 0;
padding: 0;
}
ol {
margin: 10px 0 10px 25px;
padding: 0;
}
ol li {
padding: 3px 0;
}
sub, sup {
vertical-align: baseline;
}
a {
color: inherit;
}
u {
text-decoration: underline;
}
.clearfix:before,
.clearfix:after {
content: ".";
display: block;
height: 0;
overflow: hidden;
}
.clearfix:after {
clear: both;
}
.clearfix {
zoom: 1;
}
/* IE < 8 */
/*-------------------------------------------------
Standards / HTML
-------------------------------------------------*/
html {
}
/* Prevent Firefox Scrollbar Jump */
html, body {
height: 100%;
}
div#s4-workspace.ipad {
overflow-x: visible;
overflow-y: visible;
}
/* .clear prevents divs from flaoting out side a container div. */
.clear, .clear_margin {
height: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
clear: both !important;
margin: 0 !important;
padding: 0 !important;
}
.fit_image {
margin-bottom: -4px;
}
.fit_image, .noborder {
border: 0;
}
/* this removes the white space below an image in FF*/
.loc {
border: 1px solid green;
}
.lfloat {
float: left;
}
.rfloat {
float: right;
}
.bold {
font-weight: bold;
}
.hidden {
display: none;
}
.auto-width {
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
}
select.expand {
width: auto;
}
.modal-backdrop.fade.in {
}
/*-------------------------------------------------
Override Anchors
-------------------------------------------------*/
a.no-border,
div #article-box a,
.support-button a,
.box300 a,
.box220 a,
#top-bar a,
#banner375 a,
.frm-trigger a,
.dropdown-menu > li > a,
.pdBuyNow a {
border-bottom: 0;
text-decoration: none;
}
/*-------------------------------------------------
Client Side - Site wide
-------------------------------------------------*/
body #s4-ribbonrow {
min-height: 0 !important;
height: auto !important;
}
body #s4-bodyContainer {
min-width: 1000px;
}
#header_container, #content_container, #footer_container {
width: 100%;
}
#header-container {
height: 133px;
}
#header-container-generic {
height: 68px;
}
#header {
position: relative;
margin: 0 auto;
/* background:url(//assets.ban/images/site/logo-background.jpg) no-repeat; */
width: 960px;
height: 129px;
}
#header-generic {
position: relative;
margin: 0 auto;
width: 680px;
height: 65px;
}
#header-line {
height: 3px;
}
.fellowes-generic, .fellowes-generic #s4-bodyContainer {
min-width: initial !important;
min-width: auto;
}
.fellowes-generic #s4-workspace {
overflow-x: hidden;
}
#footer-container-nest-generic #footer-logo-line, #footer-container-nest-generic #footer-links {
width: initial !important;
width: auto !important;
}
/*
#content-overview-container {
background:url(//assets.fellowes.com/images/site/body-overview-bg.png) repeat-x;
margin:0 auto;
height:695px;
}
*/
#content-generic-container {
background: url(//assets.fellowes.com/images/site/generic-bg.png) repeat-x;
margin: 0 auto;
height: 430px;
}
#content-category-container {
background: url(//assets.fellowes.com/images/site/products-category-bg.png) repeat-x;
}
#content {
width: 950px;
margin: 0 auto;
padding-left: 5px;
padding-top: 12px;
}
#content-generic {
width: 650px;
margin: 0 auto;
padding-left: 5px;
padding-top: 12px;
}
.s4-ca-generic {
width: 680px;
margin: 0 auto;
/* padding-top:15px; // GREY LINE */
}
.details-top {
padding: 5px 0px 0px 5px;
min-height: 490px; /* Explicit Height due to BuyOnline Tab */
}
.details-bottom {
padding: 5px 10px 0px 10px;
}
.details-bottom-left {
float: left;
width: 300px;
}
.details-bottom-right, #details-bottom-right {
clear: both;
/*
float:right;
width:586px;
margin:0px 0px 10px 0px;
*/
}
.tab-dots {
background: url(//assets.fellowes.com/images/site/horizontal-dots.png) bottom repeat-x;
}
/* Two Columns */
div.two-columns {
margin-top: 20px;
}
div.four-columns {
width: 960px;
padding-left: 8px;
}
.box220 {
margin: 5px auto;
}
.box460 {
width: 426px;
height: 163px;
float: left;
background: #fdfdfd url(//assets.fellowes.com/images/site/460_box.png) no-repeat;
padding: 17px 17px 31px 17px;
overflow: hidden;
}
.box460.last {
margin-right: 0;
}
.box460 h2 {
font-weight: bold;
font-size: 14px;
line-height: 100%;
display: block;
clear: both;
margin-bottom: 10px;
}
.box460 p {
color: #444444;
}
.box460 img.photo {
float: left;
margin: 5px 15px 5px 0px;
}
.box460 a img.box-button {
position: absolute;
bottom: 50px;
}
/* Three Columns */
div.three-columns {
width: 960px;
padding-left: 8px;
}
.box310 {
width: 300px;
height: 250px;
float: left;
background: #fdfdfd url(//assets.fellowes.com/images/site/310_box.png) no-repeat -5px 0;
margin: 5px 0;
padding: 0px;
}
.box310 h2 {
margin: 15px 0px 10px 15px;
font-weight: bold;
font-size: 14px;
line-height: 100%;
display: block;
clear: both;
}
.box310 p {
color: #444444;
margin: 0px 5px 0px 0px;
width: 140px;
float: left;
font-size: 11px;
}
.box310 img {
float: left;
margin: 5px 15px 5px 15px;
}
.box300 {
width: 300px;
height: 155px;
/*float:left;*/
margin: 5px 0px;
}
.zero-right {
margin-right: 0px;
padding-right: 0px;
}
.box300 h4 {
font-size: 12pt;
font-weight: bold;
margin: 15px 0px 0px 15px;
}
.box300 .img-box {
width: 300px;
text-align: center;
padding-top: 30px;
}
/*
.box300 .img-box img {
border:1px solid #c3c5c8;
}
*/
.box300 .img-title {
/*
width:275px;
height:25px;
background: url(//assets.fellowes.com/images/site/300x220_box_gradient.png) no-repeat;
*/
position: relative;
top: -26px;
left: -20px;
text-align: right;
padding-top: 3px;
}
.box300 .img-title a {
position: relative;
left: -10px;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
background: url(//assets.fellowes.com/images/site/arrow-yellow.png) no-repeat right 4px;
padding-right: 12px;
}
#article-left {
margin: 10px 0 0 5px;
float: left;
width: 600px;
font-size: 14px;
}
#article-left p {
font-size: 12px;
color: #444444;
}
#article-right {
margin: 74px 0 0 10px;
float: right;
width: 321px;
}
#article-box-single {
border: 1px solid #b8b8b8;
background: url(//assets.fellowes.com/images/site/box-bg.png) 0px 24px repeat-x;
min-height: 150px;
width: 320px;
margin-bottom: 10px;
color: #444444;
font-size: 12px;
margin-top: 15px;
}
#article-box {
border: 1px solid #b8b8b8;
background: url(//assets.fellowes.com/images/site/article-box-bg.png) 0px 24px repeat-x;
min-height: 150px;
width: 320px;
overflow: hidden;
margin-bottom: 10px;
margin-top: 15px;
}
#article-box-single h4,
#article-box h4,
#group-box h4,
#crc-box h4,
#result-box h4,
#support-available h4,
#qr-box h4, #detail-box h4,
#detail-box-single h4 {
background: #616161;
color: #fff;
display: block;
font-size: 11px;
padding: 5px 3px;
font-weight: bold;
text-transform: uppercase;
height: 14px;
}
#support-selector {
margin: 15px 0px 10px 8px;
position: relative;
}
#crc-box,
#group-box,
.group-box {
float: left;
border: 1px solid #b8b8b8;
background: #ffffff;
height: 190px;
width: 180px;
overflow: hidden;
margin: 0px 20px 10px 0px;
text-align: center;
}
#crc-box a,
#group-box a,
.group-box a {
font-size: 11px;
text-align: left;
}
#group-box {
height: 215px;
}
#crc-box {
height: 215px;
}
#crc-box .error {
color: #FF0000;
border-color: #FF0000;
}
#crc-request {
padding: 10px 7px;
}
#group-box {
margin: 0px 0px 10px 0px;
}
#dynamic-box p,
#dynamic-box2 p,
#dynamic-box3 p,
#group-box p {
color: #979797;
margin-bottom: 5px;
font-size: 11px;
height: 30px;
}
#dynamic-box,
#dynamic-box2,
#dynamic-box3 {
float: left;
border: 1px solid #b8b8b8;
background: #ffffff;
height: 190px;
width: 180px;
overflow: hidden;
margin: 25px 0px 10px 0px;
text-align: center;
}
.crc-arrow {
position: relative;
top: 2px;
}
/*nudge for safari/chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
#dynamic-box, #dynamic-box2, #dynamic-box3 {
min-height: 167px;
}
}
#result-box {
clear: both;
border: 1px solid #b8b8b8;
/*background: url(//assets.fellowes.com/images/site/manual-results-bg.png) 0px 0px repeat-x;*/
min-height: 210px;
width: 100%;
overflow: hidden;
margin: 20px 0 10px 8px;
display: none;
}
#support-available {
clear: both;
border: 1px solid #b8b8b8;
min-height: 210px;
width: 100%;
overflow: hidden;
margin: 10px 0px 10px 8px;
display: none;
}
.support-selected-item {
float: left;
width: 450px;
margin: 5px 0;
}
.support-selected-item-info {
float: left;
width: 270px;
/*margin:30px 0 0;*/
}
.support-selected-item-image {
float: left;
width: 150px;
}
.support-button {
padding: 20px 0 0 !important;
}
div.prod-sel-img-container {
height: 100px;
padding: 0px !important;
}
div.prod-sel-img-container img {
height: 100px;
}
div.prod-sel-input-container {
padding: 17px 0 5px;
}
#group-box div,
#result-box div,
#support-available div,
#dynamic-box div,
#dynamic-box2 div,
#dynamic-box3 div {
padding: 5px 7px;
}
#group-box select,
#result-box select,
#support-available select,
#dynamic-box select,
#dynamic-box2 select,
#dynamic-box3 select {
width: 160px;
}
#prod-reg {
position: relative;
top: 0px;
left: 580px;
display: none;
width: 160px;
}
#or-div {
position: absolute;
z-index: 2;
top: 77px;
left: 170px;
}
.result-box-items b {
font-size: 11px;
color: #444444;
}
.result-box-items p {
margin: 0px 0px 10px 0px;
}
.prod-title a, #support-prod-reviews-prod-title.prod-title {
font-size: 12px;
color: #000000;
font-weight: bold;
text-decoration: none;
width: 150px;
}
.prod-title a span, .prod-title a h1 {
height: 32px;
font-weight: bold;
display: block;
}
.prod-title div.heroShot {
height: 150px;
width: 180px;
display: table;
#position:relative;
overflow: hidden;
}
.prod-desc {
font-size: 12px;
color: #444444;
}
div.prod-title-desc h2, div.prod-title-desc h1 {
color: #000000;
font-weight: normal;
}
.pdfList {
list-style-image: url(//assets.fellowes.com/images/site/icon_pdf2.gif);
line-height: 150%;
}
.supportMaterial, .supportMaterial:visited {
background: url(//assets.fellowes.com/images/icons/small/Default_16x16.png) no-repeat left 9px;
padding: 12px 0px 0px 20px;
vertical-align: middle;
text-decoration: none;
margin-right: 20px;
}
.pdf, .pdf:visited {
background-image: url(//assets.fellowes.com/images/icons/small/pdf_16x16.png);
}
.exe, .exe:visited {
background-image: url(//assets.fellowes.com/images/icons/small/exe_16x16.png);
}
.doc, .doc:visited {
background-image: url(//assets.fellowes.com/images/icons/small/doc_16x16.png);
}
.docx, .docx:visited {
background-image: url(//assets.fellowes.com/images/icons/small/docx_16x16.png);
}
.html, .html:visited {
background-image: url(//assets.fellowes.com/images/icons/small/html_16x16.png);
}
.zip, .zip:visited {
background-image: url(//assets.fellowes.com/images/icons/small/zip_16x16.png);
}
#article-box div,
#article-box-single div {
padding: 15px 10px 10px 10px;
}
#article-box #box-left {
float: left;
width: 139px;
text-align: center;
font-size: 12px;
}
#article-box #box-right {
float: right;
width: 140px;
text-align: center;
}
/**/
a.itools, a.itools:visited {
background: url(//assets.fellowes.com/images/site/sprite.png) no-repeat;
display: block;
background-position: -144px -128px;
width: 75px;
height: 27px;
font-size: 11px;
text-align: left;
padding-left: 32px;
margin: 14px 5px 0 15px;
text-decoration: none;
/*white-space:nowrap;*/
}
h4.button {
background: #616161 url(//assets.fellowes.com/images/site/arrow-yellow-left.png) 4px 6px no-repeat;
color: #fff;
display: block;
font-size: 12px;
padding: 2px 12px;
width: 256px;
white-space: nowrap;
margin: 8px 0px;
cursor: pointer;
font-size: 11px;
}
h4.button a:link, h4.button a:visited {
color: #fff;
text-decoration: none;
}
h4.button a:hover {
color: #000;
}
h4.button {
background: #8f8f8f url(//assets.fellowes.com/images/site/arrow-yellow-left.png) 4px 6px no-repeat;
}
h4.button:hover {
background: #d9d9d9 url(//assets.fellowes.com/images/site/arrow-yellow-left.png) 4px 6px no-repeat;
}
/* product detail boxes */
.pd-left {
margin-left: 5px;
float: left;
width: 305px;
}
.pd-left ul li {
font-size: 11px;
color: #474747;
font-size: 11px;
}
.pd-right {
margin: 0 0 10px 25px;
float: right;
width: 600px;
}
.prod-title-desc {
margin-left: 8px;
}
#ratings-box {
background: url(//assets.fellowes.com/images/site/ratings-box-bg.png) no-repeat;
height: 110px;
width: 290px;
overflow: hidden;
margin-bottom: 10px;
padding: 10px;
}
#ratings-box .msg-links {
font-size: 11px;
}
/*#ratings-box div { padding:10px; font-size:11px;}*/
/*stars*/
/*#ratings-box div div{padding:0px 2px;} */
.globalReviewSummary {
}
.globalReviewLabel, .globalReviewImage, .globalReviewOutOf, .globalExplanation {
float: left;
color: #333;
font-family: Arial, Helvetica, sans-serif;
line-height: normal;
}
.globalReviewOutOf {
width: 63px;
}
.globalReviewLabel {
font-weight: bold;
font-size: 11px;
margin-left: 5px;
width: 92px;
}
.ratingNumber, .ratingRangeNumber {
font-weight: bold;
}
.globalReviewImage {
width: 85px;
}
.globalExplanation {
background: url("//assets.fellowes.com/images/site/openRatingExplanation.gif") no-repeat;
background-position: 0 3px;
height: 15px;
width: 11px;
display: block;
cursor: pointer;
}
.ratings-title {
font-size: 12px;
font-weight: bold;
}
.ratings-tooltip {
border: 1px solid #bbb;
background: url("//assets.fellowes.com/images/site/box-bg.png") repeat-x;
width: 200px;
height: 150px;
display: none;
padding: 10px;
}
#detail-box {
border: 1px solid #b8b8b8;
background: url(//assets.fellowes.com/images/site/article-box-bg.png) 0px 24px repeat-x;
min-height: 150px;
width: 310px;
overflow: hidden;
margin-bottom: 20px;
}
#qr-box, #detail-box-single {
border: 1px solid #b8b8b8;
background: url(//assets.fellowes.com/images/site/box-bg.png) 0px 24px repeat-x;
min-height: 150px;
width: 310px;
overflow: hidden;
margin-bottom: 20px;
}
#qr-box div, #detail-box div, #detail-box-single div {
padding: 15px 10px 10px 10px;
}
#qr-box div {
text-align: center;
}
#detail-box #box-left, #detail-box-single #box-left {
float: left;
width: 135px;
text-align: center;
font-size: 11px;
color: #444444;
}
#detail-box #box-right, #detail-box-single #box-right {
float: right;
width: 135px;
text-align: center;
font-size: 11px;
color: #444444;
}
#box-right p, #box-left p {
text-align: center;
margin: 8px;
}
.preview-box {
float: left;
width: 340px;
margin-right: 10px;
}
.preview-box .image-container {
height: 300px;
width: 300px;
}
.preview-box #large_image { /*float:right; padding-right:10px;*/
}
.preview-box #thumbnails {
clear: both;
margin: 5px 0px;
}
/*.preview-box #thumbnails div.thumbnail {float:left; margin-right:10px; border:1px solid #ccc; padding:2px; width:65px; height:55px; line-height:60px; text-align:center; vertical-align:middle}*/
.preview-box #thumbnails div.thumbnail {
float: left;
margin-right: 7px;
border: 1px solid #ccc;
padding: 2px;
width: 60px;
height: 55px;
display: table;
#position:relative;
overflow: hidden;
}
/*.preview-box #thumbnails img {float:left; margin-right:10px; border:1px solid #ccc; padding:2px;} */
div.productShowcase {
display: block;
margin-top: 5px;
}
a.showcase, a.demo, a.microsite, a.video {
/*margin:5px 0px 0px;*/
display: block;
float: left;
margin: 5px 2px 0 4px;
}
a.showcase img, a.demo img, a.microsite img, a.video img {
margin-top: 0px;
}
.shopping-box {
float: right;
width: 250px;
}
/* Place these two divs under parent with styles display:table; #position:relative; overflow:hidden */
/* to make the data cvertically and horizontally aligned */
div.align-container {
#position:absolute;
#top:50%;
display: table-cell;
vertical-align: middle;
}
div.align-container > div {
#position:relative;
#top:-50%;
text-align: center;
}
#scroll-box {
width: 239px;
height: 325px;
overflow: hidden;
padding: 0 0 0 8px;
margin: 0px 0px 2px 0px;
border: 1px solid #b8b8b8;
background: #fff;
}
#scroll-box li {
clear: both;
height: 50px;
list-style-type: none;
border-bottom: 1px dotted #666;
margin: 5px 0px;
}
#scroll-box li img.buylogo {
float: left;
padding-top: 8px;
}
#scroll-box li div {
float: right;
text-align: center;
font-size: 11px;
color: #474747;
}
#lower-page {
margin: 10px 0px 0px 8px;
/*overflow: hidden;
FE: make products extent to the right, outside the content container
position: absolute;*/
width: 100%;
}
#lower-page-wrapper {
/* FE: reserve space for the absolutly positioned lower-page */
height: 480px;
}
/* Added the styles below to next inner div (#BottomLeftWidgetColumn) instead to allow overlay effect */
/*
position:relative;
z-index:10;
opacity:0.93;
filter: alpha(opacity = 93);
*/
#lower-left {
float: left;
width: 200px;
/*position:relative;*/
/*height:480px;*/
max-height: 480px;
overflow: visible;
}
#lower-left #BottomLeftWidgetColumn {
position: relative;
z-index: 10;
opacity: 0.93;
filter: alpha(opacity = 93);
/*background-color:#ffffff;*/
}
#lower-right {
float: left;
position: relative;
width: 1px;
/*padding-left:220px;*/
z-index: 4;
}
#category-box {
width: 199px;
overflow: hidden;
font-size: 11px;
margin-bottom: 5px;
}
#category-box ul {
list-style: none;
border: 1px solid #b8b8b8;
background: #fdfdfd;
}
#category-box ul li {
color: #000000;
line-height: 125%;
height: 22px;
border-bottom: 1px dotted #666;
padding-top: 8px;
}
#category-box ul li a {
background: url(//assets.fellowes.com/images/site/arrow-gray.png) no-repeat 0 4px;
padding-left: 12px;
margin-left: 10px;
text-decoration: none;
color: #000000;
}
.category-box {
color: #000000;
}
#category-box ul li:hover {
background: #dbdbdb;
}
#category-box ul li.active, a.category-box:active {
color: #000000;
font-weight: bold;
background: #dbdbdb;
}
#features {
width: 178px;
border: 1px solid #BBBBBB;
background-color: #F5F5F5;
padding: 10px;
}
#features h3 a {
color: #666666;
font-size: 12px;
}
#features div {
font-size: 11px;
padding: 2px 3px;
margin: 5px 0px;
background-color: #F5F5F5;
color: #666666;
}
#features div .l {
float: left;
}
#features div .r {
float: right;
}
.prod-div {
width: 200px;
float: left;
margin: 0px 15px;
position: relative;
}
div.prod-title {
font-weight: bold;
clear: both;
text-align: center;
padding: 5px 10px;
}
div.prod-details {
font-size: 11px;
padding: 10px 5px;
border-top: 1px dotted #666;
position: relative;
}
div.prod-details a, div.prod-details a:visited {
text-decoration: none;
/*color:#1c6379;*/
color: #0033CC;
}
div.prod-details a:hover {
/*color:#000;*/
color: #0033CC;
text-decoration: underline;
}
#products-container {
background: url(//assets.fellowes.com/images/site/products-box.png) no-repeat;
width: 960px;
height: 170px;
margin: 10px 0 0 0;
position: relative;
padding: 0px 0 0 0;
}
#products-overview-container {
background: url(//assets.fellowes.com/images/site/products-box-overview.png) no-repeat -4px 0;
width: 965px;
height: 195px;
margin: 15px 0 0;
position: relative;
padding: 10px 0 0;
z-index: 1;
}
.messages-container {
/*
background:url(//assets.fellowes.com/images/site/messages-box.png) no-repeat;
width:940px;
height:112px;
margin:15px 0 0 10px;
*/
}
#footer-container {
clear: both;
background: url(//assets.fellowes.com/images/site/footer-fade-bg.png) repeat-x;
padding-top: 50px;
background-color: #fdfdfd;
margin-top: -2px;
border-bottom: 1px solid transparent;
}
#footer-container-nest {
/*height:360px;*/
margin-bottom: -2px;
padding-bottom: 20px;
}
#footer-container-nest-generic {
height: 80px;
margin-bottom: -2px;
}
#footer-container-short {
height: 190px;
}
#footer, #line-content {
margin: 0 auto;
width: 960px;
}
#footer-generic, #line-content-generic {
margin: 0 auto;
width: 680px;
}
#footer-container-nest-generic #footer {
margin: 0 auto;
width: 680px;
}
#footer {
padding: 0;
}
#footer-black-line {
background-color: #000;
height: 1px;
}
#footer-line {
height: 2px;
}
#footer-yellow-line-generic {
background: url(//assets.fellowes.com/images/site/footer-yellow-bar.png) repeat-x;
background-color: #000;
height: 30px;
}
#footer-grey-line {
width: 960px;
height: 1px;
background-color: #555555;
margin: 30px 30px 15px 30px;
}
#footer-logo-line {
width: 930px;
height: 1px;
margin: 35px 30px 10px 30px;
}
#footer-container-nest-generic #footer-logo-line {
width: 680px;
}
#footer-tagline {
margin-top: 8px;
}
#footer-logo {
margin: 1px 30px 0 10px;
}
.msg-title {
font-size: 14px;
margin-top: 3px;
}
.msg-content {
font-size: 12px;
color: #696969;
margin-top: 3px;
line-height: 140%;
}
.msg-content-white {
color: #fff;
font-size: 12px;
margin-top: 10px;
line-height: 140%;
}
#identity-content {
margin: 0px 0px 10px 10px;
}
#identity-content-container {
border: 1px solid #b8b8b8;
width: 940px;
margin: 5px 0px 5px 8px;
}
#identity-content-container .id-header {
background: #313032;
color: #ffffff;
padding: 10px;
border-bottom: 1px solid #b8b8b8;
}
#identity-content-container h3 {
font-size: 16px;
}
.id-body {
background: url(//assets.fellowes.com/images/site/id-body-bg.png) repeat-y;
}
.id-col1 {
width: 260px;
float: left;
}
.id-col2 {
padding: 0px 10px;
width: 455px;
min-height: 329px;
float: left;
background: url(//assets.fellowes.com/images/site/id-col3-bg.png) repeat-x;
border-right: 1px solid #b8b8b8;
border-left: 1px solid #b8b8b8;
font-size: 14px;
color: #444444;
}
.id-col3 {
padding: 0px 10px 0px 15px;
width: 178px;
float: left;
background: url(//assets.fellowes.com/images/site/id-col3-bg.png) repeat-x;
text-align: center;
}
.id-col3 #generic-page-title-bold {
margin: 20px 0px 10px 0px;
}
.id-col2 p, .id-col2 ul {
padding-left: 10px;
}
.sep {
border-top: 1px solid #b8b8b8;
margin: 10px 5px 10px 0px;
}
.sep-img {
background: url(//assets.fellowes.com/images/site/seperator.png) no-repeat;
height: 1px;
width: 160px;
margin: 15px 5px 20px 10px;
}
div.arrow {
width: 300px;
}
ul.arrow, div.arrow ul {
list-style: none;
margin: 10px 0px 10px 0px;
}
ul.arrow li, div.arrow ul li {
color: #444444;
background: url(//assets.fellowes.com/images/site/arrow-black.png) no-repeat 0 4px;
padding-left: 12px;
padding-bottom: 5px;
line-height: 140%;
font-size: 11px;
}
ul.arrow-yellow {
list-style: none;
margin: 10px 0px 10px 0px;
}
ul.arrow-yellow li {
color: #444444;
background: url(//assets.fellowes.com/images/site/arrow-yellow.png) no-repeat 0 4px;
padding-left: 12px;
line-height: 140%;
font-size: 12px;
}
.pop-content {
font-size: 14px;
margin-bottom: 5px;
text-align: center;
}
.pop-content a, .pop-content a:link, .pop-content a:hover, .pop-content a:visited {
text-decoration: none;
color: #000000;
}
.pop-links-container {
margin: 5px 20px 5px;
float: left;
width: 170px;
text-align: center;
}
a.pop-links, a.pop-links:active {
/*color: #263B97;*/
color: #0033CC;
font-size: 11px;
text-decoration: none;
}
.pop-links:hover {
color: #696969;
}
.msg-links-container {
margin-top: 7px;
color: #263B97;
font-size: 12px;
}
a.msg-links, a.msg-links:active {
text-decoration: none;
/*color: #263B97;*/
color: #0033CC;
font-size: 12px;
}
a.msg-links:hover {
color: #696969;
}
.view-products {
background: url(//assets.fellowes.com/images/site/view-products.png) no-repeat 0 4px;
/*display:block;*/
padding: 5px 0 0 20px;
}
.view-tools {
background: url(//assets.fellowes.com/images/site/view-tools.png) no-repeat 0 4px;
display: block;
padding: 5px 0 0 20px;
}
#messages-left {
width: 447px;
padding: 14px 0 0 23px;
float: left;
}
#messages-left-content {
width: 265px;
margin: 0 0 0 25px;
float: left;
}
#messages-right {
width: 410px;
padding: 14px 0 0 60px;
float: left;
}
#messages-right-content {
width: 265px;
margin: 0 0 0 38px;
float: left;
}
.tooltip {
background: #ffffff url(//assets.fellowes.com/images/site/products-pop-bg.png) bottom repeat-x;
border: 1px solid #CCCCCC;
position: relative;
display: none;
}
#pop-overlays {
position: absolute;
top: 180px;
left: 0px;
z-index: 8000;
}
.products-pop-img {
margin: 10px 0;
text-align: center;
line-height: 115px;
}
.products-pop-img img {
vertical-align: middle;
/* IE hack */
background: none\9; /* Targets IE only */
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image.png", sizingMethod="crop");
}
#pop-holder {
position: relative;
}
#logo {
position: absolute;
top: 0;
cursor: pointer;
}
#top-right-content {
/* position:absolute;
top:25px;
right:10px;
*/
float: right;
margin-right: 10px;
margin-top: 25px;
/*width:400px;*/
height: 100px;
}
#top-right-content.co-brand {
margin-top: 45px;
height: 84px;
}
#top-right-links, .top-right-links {
text-align: right;
color: #333333;
font-size: 10px;
}
#top-right-links span, .top-right-links span {
}
#top-right-links a, .top-right-links a, a.top-right-links:link {
text-decoration: none;
color: #999999;
font-size: 10px;
}
#top-right-links a, .top-right-links a, a.top-right-links:visited {
text-decoration: none;
}
#top-right-links a:hover, .top-right-links a:hover, a.top-right-links:hover {
text-decoration: none;
}
#localization {
margin-top: 20px;
float: right;
}
#localization.co-brand {
margin-top: 8px;
}
/*
Site Header
*/
#current-lang {
margin-left: 20px;
float: right;
}
#country-selector {
float: right;
}
dl.dropdown {
float: right;
margin: 0;
}
.dropdown dd, .dropdown dt, .dropdown ul {
margin: 0px;
padding: 0px;
}
.dropdown dd {
position: relative;
}
.dropdown a, .dropdown a:visited {
text-decoration: none;
outline: none;
}
.dropdown dt a {
background: no-repeat scroll right 2px;
display: block;
padding-right: 20px;
}
.dropdown dt a span {
cursor: pointer;
padding: 5px;
}
.dropdown dd ul {
background: #252526 none repeat scroll 0 0;
border: 1px solid #555555;
color: #C5C0B0;
display: none;
left: 0px;
padding: 5px 0px;
position: absolute;
top: 2px;
width: auto;
min-width: 170px;
list-style: none;
z-Index: 1000;
}
.dropdown span.value {
display: none;
}
.dropdown dd ul li a {
padding: 5px;
text-align: left;
display: block;
}
.dropdown dd ul li a:link, .dropdown dd ul li a:active, .dropdown dd ul li a:visited, .dropdown dt a:link, .dropdown dt a:active, .dropdown dt a:visited {
color: #999999 !important;
border-bottom: 0;
}
.dropdown dd ul li a:hover {
/*background-color:#222222; */
color: #FFFFFF !important;
}
.dropdown img.flag {
border: none;
vertical-align: middle;
margin-left: 5px;
margin-right: 10px;
}
.dropdown img.flagRow {
height: 16px;
width: 16px;
}
.flagvisibility {
display: none;
}
/*
Search
*/
input.search {
width: 178px;
font-size: 12px;
color: #999999;
height: 18px;
padding-left: 3px;
}
#search {
float: right;
margin-top: 15px;
position: relative;
}
#search.co-brand {
margin-top: 11px;
}
#search-drop {
border: 1px solid #555555;
background-color: #252526;
width: 161px;
height: 34px;
padding: 15px 10px;
font-size: 11px;
color: #888888;
position: absolute;
top: -44px;
z-index: 1;
right: 0;
display: none;
}
.search-radio {
margin: 0px 6px 0 0;
float: left;
}
#main-nav-container {
position: absolute;
top: 100px;
left: 30px;
font-size: 12px;
z-index: 100;
}
#main-nav {
width: 650px;
color: #FDB813;
}
#main-nav ul {
padding: 0;
margin: 0;
}
#main-nav ul li {
display: inline;
padding: 0;
margin-right: 50px;
cursor: pointer;
}
#drop-down {
border: 1px solid #555555;
background-color: #252526;
/*position:absolute; FE: caused fade without transition in IE7/8 */
/*position:relative;
top:43px;
left:0px;
z-index:4;*/
}
#mainnav {
padding: 0;
margin: 10px 0 10px 11px;
}
#mainnav li {
padding: 0;
margin: 4px 40px 4px 0;
font-size: 11px;
}
#subnav {
padding: 0;
margin: 15px 0 0 20px;
}
#subnav li {
padding: 0;
margin: 3px 40px 3px 0;
font-size: 10px;
}
#mainnav a, #subnav a {
color: #888888;
text-decoration: none;
}
#mainnav a:hover, #subnav a:hover {
color: #ffffff;
/*
background:url(//assets.fellowes.com/images/site/sprite.png) no-repeat; display:block;
background-position:-87px -163px; width:4px; height:7px;
*/
}
.dots {
background: url(//assets.fellowes.com/images/site/nav-dots.png) repeat-y right;
}
#mainnav-title-ov {
border-top-style: solid;
border-right-style: solid;
border-bottom-style: none;
border-left-style: solid;
border-width: 1px;
border-color: #555555;
position: absolute;
top: 0px;
left: 0px;
z-index: 101;
/*color:#ffffff;*/
}
.main-nav-center {
background: url(//assets.fellowes.com/images/site/main-nav-center.png) repeat-x;
font-size: 12px;
color: #ffffff;
padding: 10px;
/*float:left;*/
height: 23px;
cursor: pointer;
}
.main-nav-center a:link, .main-nav-center a:hover, .main-nav-center a:visited, .main-nav-center span {
color: #ffffff;
text-decoration: none;
/*display: inline-block;*/
padding-left: 2px;
}
#drop-down-container {
/*
position:relative;
top:-11px;
left:-12.5px;
*/
}
/*
#ProductsNav-ov, #SolutionsCenterNav-ov, #SupportNav-ov, #AboutUsNav-ov {
position:relative;
top:0px;
left:0px;
}
*/
#drop-down-sub {
display: none;
float: left;
}
#mainnav-container {
float: left;
}
#drop-nav-container {
position: absolute;
width: 600px;
top: 89px;
left: 17px;
z-index: 101;
padding-top: 43px; /* FE: reserve space for absolute positioned title */
}
#drop-nav {
/* FE: caused fade without transition in IE7/8
position:relative;
z-index:1; */
}
#footer-nav {
margin: 20px 0 0 30px;
width: 950px;
position: relative;
}
.footer-nav-ul {
padding: 0;
margin: 0 0 0 5px;
font-size: 11px;
float: left;
width: 125px;
}
.footer-nav-ul-dynamic {
width: 155px;
}
.footer-nav-li {
padding: 0;
margin: 0 0 10px 0px;
}
.footer-subnav-li {
padding: 2px 0;
color: #555555;
}
.footer-subnav-li-parent {
}
.footer-ternav-li {
background: url("//assets.fellowes.com/images/site/footer_bullet.png") no-repeat scroll 0 5px transparent;
padding-left: 10px;
}
.nav-item-child {
background: url("//assets.fellowes.com/images/site/footer_bullet.png") no-repeat scroll 12px 5px transparent;
padding-left: 10px;
display: block !important;
}
.footer-subnav-li a, a.footer-links:link, a.footer-links:visited {
text-decoration: none;
color: #999999 !important;
}
.footer-subnav-li a:hover, a.footer-links:hover {
text-decoration: none;
}
#footer-links {
width: 930px;
height: 20px;
padding-top: 3px;
margin: 0px 30px 0px 30px;
font-size: 10px;
color: #999999;
background: none !important;
}
#footer-container-nest-generic #footer-links {
width: 680px;
}
.nav-item-aboutus, .nav-item-support {
font-style: italic;
}
.nav-item-aboutus a, .nav-item-support a {
color: #FFFFFF !important;
}
.nav-item-products {
font-weight: bold;
}
.nav-item-products a {
color: #FFFFFF !important;
}
#top-bar-container {
position: relative;
width: 960px;
margin: 0 auto;
z-index: 1;
}
#top-bar {
background: url(//assets.fellowes.com/images/site/top-bar.png);
width: 960px;
height: 30px;
}
#top-bar.location {
background: url(//assets.fellowes.com/images/site/top-bar-location.png) no-repeat;
}
/* Location Page */
#location-content {
width: 913px;
background-color: #fff;
margin-left: 30px;
padding-left: 27px;
margin-top: 0px;
}
#location-banner {
position: relative;
width: 757px;
height: 101px;
background: url(//assets.fellowes.com/images/site/location-banner.jpg) no-repeat;
overflow: hidden;
margin: 15px 0;
}
#location-banner table {
margin: 14px 0 0 300px;
}
#location-banner table td {
height: 30px;
vertical-align: middle;
}
#location-banner input#location {
width: 202px;
}
#location-banner select {
margin-right: 20px;
}
#location-banner label {
margin-right: 10px;
}
#location-banner input.button {
position: absolute;
top: 41px;
right: 21px;
}
div#found-locations {
float: left;
margin-right: 5px;
}
div#found-locations table {
width: 290px;
}
div#found-locations table td.head {
background-color: #ecf1f4;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
div#found-locations table td h1 {
font-weight: bold;
font-size: 15px;
}
div#found-locations table td span.location-title {
font-weight: bold;
text-decoration: underline;
}
div#found-locations table td {
padding: 10px;
text-transform: uppercase;
border-bottom: 1px dotted #8eabb5;
line-height: 18px;
}
div#locations-map {
float: left;
}
div#locations-map h2.retailers {
font-size: 14px;
background-color: #616161;
color: #fff;
padding: 5px;
margin: 5px 0 20px 0;
}
/* End Location Page */
#banner {
/*background:url(//assets.fellowes.com/images/site/gallery-bg-small.png) no-repeat;*/
/*height: 363px;*/
/*margin: 30px 0 30px 10px;*/
/*padding: 3px 0 0 8px;*/
/*width: 940px;*/
width: 960px;
margin-top: 30px;
border: solid 1px #c9c9c9;
margin-bottom: 30px;
}
.banner {
width: 960px;
margin-top: 30px;
/*border: solid 1px #c9c9c9;
border-bottom: none;*/
}
#banner a, .banner a {
border-bottom: none;
}
.about-us-home-page #banner,
.aboutus-home .banner {
background: url("//assets.fellowes.com/images/site/gallery-bg.png") no-repeat scroll 0 0 transparent;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 8px;
width: 956px;
height: 288px;
}
.about-us-home-page .banner,
.solution-center-home-page #banner,
.support-home-page .banner,
.support-home-page #banner {
background: url("//assets.fellowes.com/images/site/gallery-bg.png") no-repeat scroll 0 0 transparent;
height: 285px;
margin: 20px auto 10px;
padding: 0 8px;
width: 940px;
}
.support-landing-page #banner,
.default-page #banner.banner-small {
background: url("//assets.fellowes.com/images/site/gallery-bg-small.png") no-repeat scroll 0 0 transparent;
border: 0 none;
height: 210px;
margin: 20px auto 10px;
padding: 4px 8px 0;
width: 940px;
}
.aboutus-page .banner {
background: url(//assets.fellowes.com/images/site/banner_375.png) no-repeat;
margin: 0px 0px 0px -8px;
padding: 0px 0px 0px 7px;
width: 364px;
height: 309px;
}
.support-landing-page .contentList {
margin-left: 8px;
}
.product-listing-page #banner {
height: 257px;
}
.home-page #banner,
.category-page #banner,
.default-page #banner {
height: 420px;
}
#banner.banner-notab {
height: 317px;
}
/*
.banner275 {
background:url(//assets.fellowes.com/images/site/gallery-bg.png) no-repeat;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 8px;
width:956px;
height:288px;
}
.banner375 {
background:url(//assets.fellowes.com/images/site/banner_375.png) no-repeat;
margin: 0px 0px 0px -8px;
padding: 0px 0px 0px 7px;
width:364px;
height:309px;
}
*/
#products-title {
font-size: 18px;
margin: 15px 0 15px 8px;
}
#tag-line, .tag-line {
margin: 5px 0 8px 10px;
font-size: 14px;
line-height: 150%;
text-shadow: 1px 1px 1px #fff;
padding-bottom: 8px;
}
#tag-line-nomargin, .tag-line-nomargin {
font-size: 12px;
color: #444444;
margin: 5px 0 0 0;
}
#instruction {
font-size: 10px;
color: #666666;
margin: 15px 0 0 8px;
height: 15px;
}
.overview-tooltip {
background: url(//assets.fellowes.com/images/site/overview-bg.png) repeat-y;
border: 1px solid #555555;
width: 198px;
padding: 10px 0px 15px 0px;
font-size: 11px;
display: none;
float: left;
position: relative;
z-index: 101;
top: -100px;
left: 0px;
}
#overview-pop-title {
font-weight: bold;
padding: 0px 15px;
font-size: 11px;
}
#overview-pop-description {
color: #333333;
padding: 0 15px 5px;
font-size: 11px;
}
#overview-pop-link {
color: #333333;
padding: 0 15px 5px;
font-size: 11px;
}
#pop-description {
color: #333333;
padding: 0 15px;
font-size: 11px;
overflow: hidden;
height: 45px;
display: none;
}
#overview-pop-line {
width: 198px;
height: 1px;
margin-top: 10px;
background-color: #555555;
}
#pop-line {
width: 198px;
height: 1px;
margin-top: 15px;
margin-bottom: 10px;
margin-left: 5px;
background-color: #BBBBBB;
}
#overview-pop-tools {
margin-right: 11px;
}
#overview-pop-help {
color: #263B97;
margin: 10px 0 0 10px;
font-size: 11px;
}
#overview-pop-links {
margin: 15px;
}
#pop-links {
margin: 5px 15px;
}
a.overview-link, a.overview-link:active {
color: #263B97;
text-decoration: none;
font-size: 11px;
line-height: 20px;
}
a.overview-link-more, a.overview-link-more, a.overview-link-more:active {
color: #555555;
float: right;
font-weight: bold;
font-size: 10px;
}
.overview-link:hover, .overview-link-more:hover {
color: #555555;
}
.add-this {
margin: 7px 12px 0 0;
}
a.footer-nav-link, a.footer-nav-link:link, a.footer-nav-link:active, a.footer-nav-link:visited {
text-decoration: none;
}
.footer-nav-link:hover {
color: #ffffff;
}
.footer-nav-title {
color: #ffffff;
margin-top: 10px;
}
.footer-nav-pop a {
text-decoration: none;
}
.footer-nav-pop a:hover {
color: #ffffff;
}
.footer-nav-pop {
border: 1px solid #555555;
background-color: #252526;
font-size: 10px;
color: #888888;
text-align: left;
padding: 10px;
position: relative;
z-index: 10;
top: 0px;
left: 0px;
}
.footnav-title-ov {
border-top-style: none;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-width: 1px;
border-color: #555555;
background-color: #252526;
position: absolute;
bottom: -1px;
left: 0px;
z-index: 11;
}
.foot-nav-center {
font-size: 10px;
color: #ffffff;
padding: 10px;
height: 15px;
cursor: pointer;
}
.center {
text-align: center;
}
#generic-page-title {
margin: 15px 0 20px 30px;
font-size: 18px;
}
#generic-page-title-nomargin {
font-weight: bold;
margin: 15px 0px 15px 0;
font-size: 18px;
}
#generic-page-title-smallmargin {
margin: 15px 0px 15px 6px;
font-size: 18px;
}
#generic-page-title-bold {
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
margin: 20px 0px 10px 10px;
}
#generic-page-subtitle {
font-size: 14px;
font-weight: bold;
margin: 0px 0px 10px 0px;
}
#generic-page-title-bold span {
font-weight: normal;
}
#generic-img {
float: left;
margin-left: 30px;
}
#generic-img img {
width: 400px;
height: 325px;
}
#generic-content {
margin: 0 0 0 0;
float: left;
}
#generic-title {
font-size: 14px;
font-weight: bold;
margin-bottom: 18px;
}
#generic-description {
font-size: 12px;
margin-bottom: 16px;
width: 460px;
}
.msgLayerOne {
padding-left: 10px;
height: 50px;
line-height: 48px;
float: left;
margin: 0 10px 0 0;
}
div#FullPage .msgLayerOne {
border: 1px solid #BBBBBB;
background-color: #F5F5F5;
}
div#BottomPage .msgLayerOne {
border: 1px solid #BBBBBB;
background-color: #F5F5F5;
}
.msgLayerOne > span {
padding-left: 10px;
font-size: 16px;
font-weight: bold;
}
div#FullPage .msgLayerOne > span {
color: #555555;
}
div#BottomPage .msgLayerOne > span {
color: #555555;
}
.msgLayerOne > img {
vertical-align: middle;
}
.msgLayerTwo {
height: 50px;
float: left;
margin: 0 10px 0 0;
}
div#FullPage .msgLayerTwo {
border: 1px solid #40403F;
}
div#BottomPage .msgLayerTwo {
border: 1px solid #40403F;
}
.secondary-tiles {
}
.tertiary-tiles {
border: 0;
text-decoration: none;
}
#tools-line {
width: 1px;
height: 50px;
background-color: #40403F;
float: left;
}
.tools-content {
background: url(//assets.fellowes.com/images/site/tools-bg.jpg) repeat-x;
float: left;
height: 50px;
padding: 0 12px;
display: table;
_position: relative;
overflow: hidden;
}
div#FullPage #msgLayerOne {
margin: 20px 0 0 8px;
}
div#BottomPage #msgLayerOne {
margin: 10px 0 0 8px;
}
#msgLayerOne {
height: 50px;
width: 950px;
}
#msgLayerOne a {
display: block;
float: left;
}
#msgLayerTwo {
margin: 15px 0 2px 8px;
height: 50px;
width: 950px;
}
.tools-valign {
_position: absolute;
_top: 50%;
display: table-cell;
vertical-align: middle;
}
.tools-p-valign {
_position: relative;
_top: -50%;
}
.footer-nav-pop-container {
display: none;
}
#clear-features {
background-color: #F5F5F5;
border: 1px solid #BBBBBB;
float: right;
margin-top: -1px;
padding: 5px 10px;
border-top: 0px;
}
#clear-features a {
font-size: 11px !important;
}
.footer-navigation-links {
float: left;
margin-right: 40px;
}
table.specs td {
width: 50%;
font-family: 'Arial',​sans-serif;
font-size: 13px;
color: #555555;
}
#btn-identity {
background: url(//assets.fellowes.com/images/site/btn-identity.png) no-repeat;
width: 140px;
height: 21px;
padding: 3px 0 0 40px;
margin-left: 10px;
color: #444444;
}
.btn-identity {
font-size: 11px;
text-decoration: none;
font-weight: bold;
width: 140px;
height: 21px;
}
/*-------------------------------------------------
Sprites
-------------------------------------------------*/
.sprite {
background: url(//assets.fellowes.com/images/site/sprite.png) no-repeat;
display: block;
}
.home:hover {
background-position: -316px -309px;
width: 51px;
height: 16px;
}
.home_active {
background-position: -316px -309px;
width: 51px;
height: 16px;
margin: 25px 0 0 318px;
float: left;
}
.home {
background-position: -316px -325px;
width: 51px;
height: 16px;
margin: 25px 0 0 318px;
float: left;
}
.logo {
}
.logo-generic {
}
.footer-logo {
background-position: -0px -132px;
width: 96px;
height: 26px;
}
.msg-bubbles { /*background-position:-0px -0px; width:92px; height:61px;*/
background: url(//assets.fellowes.com/images/site/home-msg-left.png) no-repeat;
height: 65px;
width: 95px;
}
.msg-screen { /*background-position:-121px -0px; width:63px; height:61px;*/
background: url(//assets.fellowes.com/images/site/home-msg-right.png) no-repeat;
height: 65px;
width: 65px;
}
.tools {
background-position: -144px -130px;
width: 25px;
height: 24px;
margin: 14px 5px 0 10px;
float: left;
}
.flag {
background-position: -40px -163px;
width: 19px;
height: 13px;
}
.magnify-glass {
}
.main-nav-left {
background-position: -171px -82px;
width: 2px;
height: 43px;
}
.main-nav-right {
background-position: -179px -82px;
width: 2px;
height: 43px;
}
.foot-nav-left {
background-position: -186px -82px;
width: 2px;
height: 43px;
}
.foot-nav-right {
background-position: -194px -82px;
width: 2px;
height: 43px;
}
.facebook {
background-position: -101px -132px;
width: 12px;
height: 12px;
}
.printer {
background-position: -101px -157px;
width: 18px;
height: 13px;
margin: 8px 12px 0 0;
}
.mail {
background-position: -131px -157px;
width: 18px;
height: 13px;
margin: 8px 12px 0 0;
}
.share {
background-position: -161px -156px;
width: 14px;
height: 14px;
}
/*-------------------------------------------------
Home Page Products Gallery - //flowplayer.org/tools/demos/scrollable/index.html
-------------------------------------------------*/
/*
root element for the scrollable.
when scrolling occurs this element stays still.
*/
.scrollable {
/* required settings */
position: relative;
overflow: hidden;
width: 910px;
height: 180px;
margin: 0 0 0 20px;
padding-top: 10px;
z-index: 1;
}
.scrollable-image {
/* required settings */
position: relative;
overflow: hidden;
width: 290px;
height: 65px;
float: left;
margin-left: 3px;
}
/*
root element for scrollable items. Must be absolutely positionedf
and it should have a extremely large width to accommodate scrollable items.
it's enough that you set width and height for the root element and
not for this element.
*/
.scrollable .items, .scrollable-image .items {
/* this cannot be too large */
width: 20000em;
position: absolute;
}
/*
a single item. must be floated in horizontal scrolling.
typically, this element is the one that *you* will style
the most.
*/
.scrollable .items div {
float: left;
margin: 0;
height: 115px;
width: 131px;
position: relative;
}
.p-img {
text-align: center;
line-height: 120px;
}
.p-img img {
vertical-align: middle;
}
.p-title {
width: 131px;
text-align: center;
}
#p-name {
text-align: center;
}
a.p-name, a.p-name:active {
font-size: 12px;
text-decoration: none;
color: #000000;
}
a.p-name:hover {
text-decoration: none;
}
/* prev, next, prevPage and nextPage buttons */
a.browse {
background: url(//assets.fellowes.com/images/site/sprite.png) no-repeat;
display: block;
float: left;
margin: 40px 0;
cursor: pointer;
}
a.browse-image {
background: url(//assets.fellowes.com/images/site/arrow.png) no-repeat;
display: block;
float: left;
margin: 25px 0;
cursor: pointer;
width: 18px;
height: 18px;
}
/* right */
a.right {
background-position: -131px -133px;
width: 8px;
height: 17px;
position: absolute;
top: 45px;
left: 935px;
}
a.right-image {
background-position: -18px 0px;
}
a.right-image:hover {
background-position: -18px -18px;
}
/*
a.right:hover { background-position:-30px -30px; }
a.right:active { background-position:-60px -30px; }
*/
/* left */
a.left {
background-position: -118px -133px;
width: 8px;
height: 17px;
position: absolute;
top: 45px;
left: 17px;
}
a.left-image {
background-position: 0px 0px;
}
a.left-image:hover {
background-position: 0px -18px;
}
/*
a.left:hover { background-position:-30px 0; }
a.left:active { background-position:-60px 0; }
*/
/* disabled navigational button */
/*
a.disabled { visibility:hidden !important; }
*/
/*-------------------------------------------------
Accorion - /sec-product-category-detail.html - //flowplayer.org/tools/demos/tabs/accordion.html
-------------------------------------------------*/
/* root element for accordion. decorated with rounded borders and gradient background image */
#shopping-box {
}
/* accordion header */
#shopping-box h3 {
cursor: pointer;
}
/* currently active header */
#shopping-box h3.current {
cursor: default;
}
/* accordion pane */
#shopping-box .pane {
display: none;
height: 180px;
}
/* accordion header */
#features h3 {
cursor: pointer;
background: #F5F5F5 url(//assets.fellowes.com/images/site/dots-plus.png) bottom no-repeat;
padding: 5px 0;
text-decoration: none;
font-size: 11px;
color: #666666;
height: 15px;
display: block;
}
/* currently active header */
#features h3.current {
cursor: default;
background: #F5F5F5 url(//assets.fellowes.com/images/site/dots-minus.png) bottom no-repeat;
}
/* accordion pane */
#features .pane {
display: none;
}
/* filter text */
#features .pane span {
margin-left: 5px;
}
#features .filterPane {
float: left;
min-width: 80px;
}
/* accordion header */
#categoies-container h2 {
cursor: pointer;
}
/* currently active header */
#categoies-container h2.current {
cursor: default;
}
/* accordion pane */
#categoies-container .pane {
display: none;
}
/* accordion header */
#features-container h2 {
cursor: pointer;
}
/* currently active header */
#features-container h2.current {
cursor: default;
}
/* accordion pane */
#features-container .pane {
display: none;
}
/*-------------------------------------------------
Specs Tabs - /sec-product-category-detail.html - //flowplayer.org/tools/demos/tabs/index.html
-------------------------------------------------*/
/* root element for tabs */
ul.tabs {
list-style: none;
margin: 0 !important;
padding: 0;
}
ul.tabs li:first-child {
padding-left: 20px;
}
ul.tabs li:last-child {
padding-right: 20px;
}
/* single tab */
ul.tabs li {
font-size: 12px;
color: #A4A0A0;
float: left;
text-indent: 0;
padding: 0 5px;
margin: 0 !important;
list-style-image: none !important;
background-color: #616161;
}
/* link inside the tab. uses a background image */
ul.tabs a {
font-size: 12px;
color: #A4A0A0;
height: 30px;
line-height: 30px;
text-align: center;
text-decoration: none;
padding: 0px;
margin: 0px;
text-transform: uppercase;
}
ul.tabs a:link {
color: #A4A0A0;
text-decoration: none;
}
ul.tabs a:active {
outline: none;
color: #fff;
}
/* when mouse enters the tab move the background image */
ul.tabs a:hover {
color: #fff;
}
/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs .current, ul.tabs .current:hover, ul.tabs li.current a {
cursor: default !important;
color: #fff !important;
}
.panes {
border: 1px solid #BBBBBB;
}
/* tab pane styling */
.panes div.detailsTab {
/*display:none; need to remove this so google will crawl smart seo content and other tab content */ /* Avoids Fouc Effect */
padding: 15px 10px;
border-top: 0;
background-color: #fff;
color: #444444;
font-size: 8pt;
}
div.innovativeFeatures, div.supportMaterials {
display: block;
padding: 0px;
}
div.innovativeFeature {
display: block;
float: left;
height: 150px;
margin-left: 20px;
margin-right: 20px;
padding: 0 3px;
width: 260px;
}
div.innovativeFeature img {
float: left;
padding: 0px 10px 10px 0;
}
div.innovativeFeature h4 {
padding-left: 75px;
font-weight: bold;
font-size: 16px;
font-weight: 700;
}
div.supportMaterials h4 {
padding: 0 2px 7px;
font-weight: bold;
font-size: 16px;
font-weight: 700;
}
div.innovativeFeature p {
padding-left: 75px;
font-size: 13px;
}
div.supportMaterials p {
padding-bottom: 10px;
}
/*-------------------------------------------------
Home Page Slide Show - //flowplayer.org/tools/demos/tabs/slideshow.html
-------------------------------------------------*/
#slideshow-container {
background: url(//assets.fellowes.com/images/site/gallery-bg.png) no-repeat 0 0;
width: 956px;
/*height:288px;*/
position: relative;
/*z-index:1;*/
/*margin-left:22px;*/
}
/* container for slides */
.slideshow-images {
width: 960px;
height: 290px;
margin-left: 8px;
}
/* single slide */
.slideshow-images div {
display: none;
position: absolute;
top: 0;
left: 8px;
z-index: 2;
}
/* single slide */
.slideshow-images div > img {
width: 940px;
height: 275px;
/*margin-left:8px;*/
}
.slide_controls {
position: absolute;
top: 240px;
left: 26px;
z-index: 3;
width: 500px;
}
/* tabs (those little circles below slides) */
.slidetabs {
float: left;
}
/* single tab */
.slidetabs a {
background-position: -20px -163px;
width: 15px;
height: 15px;
margin-right: 5px;
float: left;
}
/* single tab */
.slidetabs a:hover {
background-position: -0px -163px;
width: 15px;
height: 15px;
}
/* active state (current page state) */
.slidetabs a.current {
background-position: -0px -163px;
width: 15px;
height: 15px;
}
/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
opacity: 0.5;
filter: alpha(opacity = 50);
cursor: default;
}
.forward {
margin: 0 5px 0 0;
float: left;
}
/*-------------------------------------------------
JCrumb - //www.somethinghitme.com/projects/jCrumb/index.html
-------------------------------------------------*/
.jCrumb {
list-style: none;
margin: 0;
padding: 0;
display: inline-block;
font-size: 10px;
}
.jCrumb li {
float: left;
margin-left: 5px;
}
.jCrumb li a {
margin-right: 5px;
}
#crumb {
margin: 8px 0 0 6px;
font-size: 10px;
color: #fff;
width: 680px;
height: 18px;
overflow: hidden;
}
#crumb a:hover,
#crumb a.active {
color: #ffffff !important;
text-decoration: none;
}
#crumb a.active:hover {
color: #BBBBBB !important;
}
/*
Messaging
*/
.messaging-banner {
margin: 0 0 20px 5px;
}
#messaging-line {
margin: 0 0 20px 10px;
}
#messaging-line p { /*padding-bottom: 10px;*/
}
/*
Registration Form fields
*/
.verify-email {
display: none;
text-align: right;
}
.frm-trigger {
padding-top: 15px;
text-align: right;
}
.frm-input-hidden {
display: none;
}
.frm-input,
.frm-input2,
.frm-input3,
.frm-trigger {
border-top: 1px dotted #979797;
margin: 3px;
clear: both;
/*font:1em/1.5em 'PT Sans',Arial,sans-serif;*/
}
.frm-input2 div.radio, .frm-input2 div.checkBox {
position: relative;
top: 25px;
left: 15px;
}
.frm-input3 {
padding-top: 5px;
}
.frm-response-inline {
float: left;
}
.frm-field-inline {
float: left;
width: 330px;
margin: 12px;
color: #444444;
}
.frm-field-inline label {
font-weight: normal;
}
.frm-field-inline-auth {
float: left;
width: 90px;
margin: 12px;
color: #444444;
}
.frm-field-block {
width: 250px;
margin: 12px;
color: #444444;
}
.frm-input input, .frm-input select {
float: left;
width: 200px;
margin: 10px 5px;
text-align: left;
padding: 3px;
font-weight: normal; /*border: 1px solid #cccccc*/
;
font-size: 13px;
}
.frm-input .radio input, .frm-input .checkBox input {
float: left;
width: 20px;
margin: 12px 5px;
text-align: left;
}
.frm-input .radio label, .frm-input .checkBox label {
float: left;
margin: 12px 20px 8px 0;
}
input.btnsubmit, input.btnreset {
width: 85px;
height: 20px;
}
.frm-input img {
position: relative;
top: 9px;
left: -2px;
}
.frm-trigger a {
margin-left: 15px;
}
.frm-trigger a.pwd {
margin-right: 136px;
margin-left: 0px;
}
.frm-description {
margin: 0 0 5px 10px;
}
.frm-input-create-user {
float: right;
margin-top: -12px;
}
/**************************
Login Dialog overlay
**************************/
/* use a semi-transparent image for the overlay */
div.login-dialog-overlay {
background-image: url(//assets.fellowes.com/images/misc/white.png);
width: 365px;
display: none;
font-size: 11px;
}
/* default close button positioned on upper right corner */
div.login-dialog-overlay .close {
background-image: url(//assets.fellowes.com/images/misc/apple-close.png);
position: absolute;
right: 0px;
top: 0px;
cursor: pointer;
height: 25px;
width: 25px;
}
div.login-dialog-overlay h1 {
font-weight: bold;
padding: 15px 25px 5px;
font-size: 14px;
}
/* form login */
div#login-dialog {
width: 450px; /*padding: 15px 20px 0px;*/
}
div#login-dialog div.modal-body {
overflow: hidden;
padding: 15px 15px 10px;
}
div#login-dialog div.frm-login-description { /*padding:5px 0 15px;*/
}
div#login-dialog div.frm-login-input {
padding: 5px 30px;
}
fieldset.loginGroup {
padding-left: 150px;
background: url(//assets.fellowes.com/images/site/login-dialog.png) no-repeat 0 0 transparent;
min-height: 140px;
}
fieldset.loginGroup.forgot {
background-image: url(//assets.fellowes.com/images/site/login-forgot.png);
}
div.frm-login-input label {
width: 90px;
float: left;
}
div.frm-login-input input {
width: 200px;
float: left;
}
div.frm-login-status {
height: 24px;
font-size: 10px;
margin: 0 10px;
width: 390px;
}
div.frm-login-info {
width: 100%;
height: 15px;
background-color: #f00;
padding: 2px; /*margin: .6em 0;*/
border: 1px #CCC double;
clear: both;
text-align: center;
}
div.frm-login-info.success {
background-color: #20791c;
}
div.frm-login-info span {
color: #fff;
font-weight: bold;
}
div.frm-login-progress { /*text-align:right;width:170px; float:right;*/
}
div.frm-links {
padding: 0 !important;
float: left;
text-align: left;
}
div.frm-links a {
font-size: 10px;
display: block;
background: none;
}
div.frm-login-button {
padding: 0 !important;
float: right;
}
div.frm-login-button input, div.frm-login-button a {
float: right;
margin-left: 5px;
}
div.rightAuth, div.leftAuth {
float: left;
margin-left: 90px;
}
div.frm-auth-intro {
margin-left: 100px;
width: 760px;
}
/*form error handling*/
input.error, textarea.error, select.error {
border: 1px solid red; /*padding:0px*/
;
background: url(//assets.fellowes.com/images/site/fade-butt-red.png) repeat-x;
}
.lblerror {
color: red;
}
div.error {
position: absolute;
z-index: 2250;
white-space: nowrap;
background-color: #F3E6E6;
border-color: #924949;
border-style: solid solid solid none;
border-width: 2px;
padding: 2px 6px;
}
div.validationError {
margin-top: -5px;
margin-bottom: 5px;
color: #924949;
z-index: 2250;
white-space: nowrap;
/*background-color:#F3E6E6;*/
padding: 2px 6px;
}
div.authError {
color: red !important;
font-size: 11px;
clear: both;
width: 330px;
}
div.errorContainer {
border: 2px solid red;
background: #fff url(//assets.fellowes.com/images/site/alert.png) right no-repeat;
padding: 5px 0px;
margin: 0px 0px 10px 0px;
width: 285px;
position: absolute;
margin: 0px 0px 0px -305px;
z-Index: 1000;
}
div.errorContainer label.error {
font-size: 11px;
color: red;
display: block;
margin-left: 1em;
width: auto;
}
div.errorContainer p {
margin-left: .6em;
color: red;
font-size: 11px;
font-weight: bold;
}
/* Login Modal */
div#login-dialog.fmodal {
/*display: block; */
width: 960px;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
margin: 0px auto;
height: 127px;
background: rgba(0,0,0,0.8);
}
div#login-dialog.fmodal .modal-container {
width: 930px;
margin: 0 auto;
}
div#login-dialog.fmodal .modal-header {
border-bottom: none;
padding-left: 46px;
background: transparent;
}
div#login-dialog.fmodal .close {
color: #fff;
text-shadow: none;
}
div#login-dialog.fmodal h3 {
background: transparent !important;
font-family: 'PT Sans', sans-serif;
color: #c9c9c9;
}
div#login-dialog.fmodal .modal-body {
width: 670px;
float: left;
}
div#login-dialog.fmodal div.frm-login-description {
display: none;
}
div#login-dialog.fmodal .loginGroup {
height: 65px;
width: 500px;
min-height: 0;
background: none;
padding: 0;
margin-top: -10px;
background: none !important;
padding: 0 !important;
min-height: 0 !important;
float: left;
}
div#login-dialog.fmodal .frm-login-input {
width: 38%;
float: left;
}
div#login-dialog.fmodal div.frm-login-input label {
color: #c9c9c9;
}
div#login-dialog.fmodal .frm-login-input input {
width: 185px;
}
div#login-dialog.fmodal div.frm-login-status {
float: right;
width: 150px;
margin-top: 20px;
}
div#login-dialog.fmodal div.frm-login-info {
border-color: #444444;
}
div#login-dialog.fmodal #progressbar {
background-color: #666666;
border-color: #444444;
}
div#login-dialog.fmodal .modal-footer {
float: right;
width: 200px;
padding: 0 15px 15px;
border: none;
margin-top: -10px;
box-shadow: none;
background-color: transparent;
}
div#login-dialog.fmodal .f-frm-links {
padding: 0 !important;
width: 266px;
font-size: 12px !important;
z-index: 100;
position: relative;
top: -70px;
right: 0;
text-align: right;
float: right;
max-height: 14px;
margin-bottom: -5px;
}
div#login-dialog.fmodal .frm-links a {
float: right;
padding-right: 10px;
font-size: 11px;
color: #999999 !important;
}
div#login-dialog.fmodal .frm-links a:hover {
color: #c9c9c9 !important;
}
div#login-dialog.fmodal .frm-login-button {
position: relative;
top: 16px;
}
div#login-dialog.fmodal .button {
border: none !important;
width: 50px;
text-align: center;
/*padding: 8px 30px;*/
font-size: 13px;
text-shadow: none !important;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
}
div#login-dialog.fmodal div.frm-login-button a {
margin-left: 10px;
}
/* Location Page */
#location-content {
width: 913px;
background-color: #fff;
margin-left: 30px;
padding-left: 27px;
}
#location-banner {
position: relative;
width: 757px;
height: 101px;
background: url(//assets.fellowes.com/images/site/location-banner.jpg) no-repeat;
overflow: hidden;
margin-bottom: 15px;
}
#location-banner table {
margin: 14px 0 0 300px;
}
#location-banner table td {
height: 30px;
vertical-align: middle;
}
#location-banner input#location {
width: 202px;
}
#location-banner select {
margin-right: 20px;
}
#location-banner label {
margin-right: 10px;
}
#location-banner input.button {
position: absolute;
top: 41px;
right: 21px;
}
div#found-locations {
float: left;
margin-right: 5px;
}
div#found-locations table {
width: 290px;
}
div#found-locations table td.head {
background-color: #ecf1f4;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
div#found-locations table td h1 {
font-weight: bold;
font-size: 15px;
}
div#found-locations table td span.location-title {
font-weight: bold;
text-decoration: underline;
}
div#found-locations table td {
padding: 10px;
text-transform: uppercase;
border-bottom: 1px dotted #8eabb5;
line-height: 18px;
}
div#locations-map {
float: left;
}
div#locations-map h2.retailers {
font-size: 14px;
background-color: #616161;
color: #fff;
padding: 5px;
margin: 5px 0 20px 0;
}
/* End Location Page */
/*Footer Nav */
ul#nav, ul#nav ul {
margin: 0;
padding: 0;
list-style: none;
}
ul#nav {
font-size: 11px;
}
ul#nav ul {
font-size: 100%;
}
ul#nav li {
position: relative;
float: left;
margin-left: 10px;
margin-right: 20px;
display: inline;
}
ul#nav li a, ul#nav li span {
display: block;
height: 36px; /* unfortunately need a pxel height to get everything exact*/
line-height: 36px; /* center text vertically */
border: 1px solid transparent; /* mask border by using background colour*/
padding: 0 12px; /* create space*/
}
* html ul#nav li a {
float: left;
}
* html ul#nav li li a {
float: none;
}
ul#nav li li a {
height: auto; /* reset height on nested lists*/
line-height: normal; /* reset line-height on nested lists*/
}
ul#nav li a, ul#nav li span, ul#nav li a:visited {
color: #FDB813 !important;
text-decoration: none;
}
#nav li ul {
position: absolute;
left: 0;
margin-left: -999em; /* hide the menu*/
border: 1px solid #555;
background: #252526;
display: none;
}
#nav li.show-menu ul {
margin: 0; /* show the menu*/
}
#nav li li {
margin: 0;
float: none;
white-space: nowrap; /* stop text wrapping */
}
#nav li.show-menu ul { /* style hover nav*/
border: 1px solid #555;
background: #252526;
color: #fff;
font-weight: bold;
z-index: 99;
bottom: 37px; /* on top of current item*/
padding: 5px 0px;
}
ul#nav li.show-menu,
ul#nav li.show-menu {
z-index: 99;
}
ul#nav li.show-menu a,
ul#nav li.show-menu span {
padding-top: 1px; /* make up for missing border top*/
border: 1px solid #555;
background: #252526;
border-top: none;
position: relative;
z-index: 1000; /* hide border on ul with anchor background*/
text-decoration: none;
}
ul#nav li:hover a.nobg,
ul#nav li.over a.nobg {
border: 1px solid transparent;
background: none;
}
ul#nav li:hover a,
ul#nav li:hover span,
ul#nav li.over a,
ul#nav li.show-menu span,
ul#nav li.show-menu a {
color: #fff !important;
cursor: pointer;
}
ul#nav li.show-menu li a,
ul#nav li.show-menu li span {
border: none;
/*background:#252526;*/
color: #888888 !important;
padding: 2px 10px;
font-weight: normal;
text-decoration: none;
}
ul#nav li.show-menu li a:hover { /* keep main item in hover state while sub menu is visible*/
color: #fff !important;
}
ul#nav li a, ul#nav li a:visited {
transition: color 0.5s ease-in-out 0s;
}
/* end footer nav */
#search_options {
position: absolute;
left: 0;
right: 0;
top: 22px;
height: 50px;
background: #252526;
z-index: 100;
display: none;
}
#search_options p {
color: #999999;
padding: 10px;
font-size: 11px;
}
#search_options input {
vertical-align: middle;
}
#zoomDetail {
position: relative;
top: 275px;
left: 170px;
z-index: 10;
width: 150px;
height: 21px;
}
#zoomDetailNest {
position: absolute;
right: 0;
top: 0;
width: 24px;
height: 24px;
background: url(//assets.fellowes.com/images/site/zoom-in-icon.png) top right;
cursor: pointer;
}
/*-------------------------------------------------
//www.shadowbox-js.com/
-------------------------------------------------*/
#sb-title-inner, #sb-info-inner, #sb-loading-inner, div.sb-message { /*font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;*/
font-weight: bold;
color: #fff;
}
#sb-container {
position: fixed;
margin: 0;
padding: 0;
top: 0;
left: 0;
z-index: 999;
text-align: left;
visibility: hidden;
display: none;
z-Index: 10000;
}
#sb-overlay {
position: relative;
height: 100%;
width: 100%;
}
#sb-wrapper {
position: absolute;
visibility: hidden;
width: 100px;
}
#sb-wrapper-inner {
position: relative;
border: 1px solid #AAAAAA;
overflow: hidden;
height: 100px;
}
#sb-body {
position: relative;
height: 100%;
}
#sb-body-inner {
position: absolute;
height: 100%;
width: 100%;
}
#sb-player.html {
height: 100%;
overflow: auto;
background-image: none;
}
#sb-body img {
border: none;
}
#sb-loading {
position: relative;
height: 100%;
}
#sb-loading-inner {
position: absolute;
font-size: 14px;
line-height: 44px;
height: 44px;
top: 50%;
margin-top: -12px;
width: 100%;
text-align: center;
}
#sb-loading-inner span {
background: url(//assets.fellowes.com/images/site/loadingImg.gif) no-repeat 0 5px;
padding-left: 36px;
display: inline-block;
margin-left: 50px;
}
#sb-body, #sb-loading { /*background-color:#FFFFFF;*/
background: url(//assets.fellowes.com/images/site/body-bg.gif) repeat-x scroll 0 0 #FDFDFD;
}
#sb-title, #sb-info {
position: relative;
margin: 0;
padding: 0;
overflow: hidden;
}
#sb-title, #sb-title-inner {
height: 26px;
line-height: 26px;
}
#sb-title-inner {
font-size: 16px;
}
#sb-info, #sb-info-inner {
height: 20px;
line-height: 20px;
}
#sb-info-inner {
font-size: 12px;
}
#sb-nav {
float: right;
height: 16px;
padding: 2px 0;
width: 45%;
}
#sb-nav a {
display: block;
float: right;
height: 16px;
width: 16px;
margin-left: 3px;
cursor: pointer;
background-repeat: no-repeat;
}
#sb-nav-close {
background-image: url(//assets.fellowes.com/images/site/close.png);
}
#sb-nav-next {
background-image: url(//assets.fellowes.com/images/site/next.png);
}
#sb-nav-previous {
background-image: url(//assets.fellowes.com/images/site/previous.png);
}
#sb-nav-play {
background-image: url(//assets.fellowes.com/images/site/play.png);
}
#sb-nav-pause {
background-image: url(//assets.fellowes.com/images/site/pause.png);
}
#sb-counter {
float: left;
width: 45%;
}
#sb-counter a {
padding: 0 4px 0 0;
text-decoration: none;
cursor: pointer;
color: #fff;
}
#sb-counter a.sb-counter-current {
text-decoration: underline;
}
div.sb-message {
font-size: 12px;
padding: 10px;
text-align: center;
}
div.sb-message a:link, div.sb-message a:visited {
color: #fff;
text-decoration: underline;
}
/* Custom styles for close on top */
#sb-title-inner {
width: 90%;
}
#sb-nav-close {
float: right;
width: 16px;
height: 16px;
display: block;
margin: -20px 0px 0px 0px;
background: url(//assets.fellowes.com/images/site/close.png) 2px 0px no-repeat;
cursor: pointer;
}
div.shadowbox-content {
padding: 20px;
color: #000000;
}
/*-------------------------------------------------
Range Scroller
-------------------------------------------------*/
/* outermost element for the scroller (stays still) */
#lower-right .AspNet-WebPartZone-Vertical {
position: relative;
width: 100%;
/*
border:1px solid #000;
-moz-box-shadow:0 0 20px #666;
-webkit-box-shadow:0 0 20px #666;
*/
}
/* the element that moves forward/backward */
#lower-right .AspNet-WebPartZone-Vertical .AspNet-WebPart {
width: 870px;
}
/*
.general-left { margin-left:4px; float:left; width:375px;}
.general-right {margin:0 10px; float:right; width:536px; font-size:12px; color:#444444; }
*/
.slider {
position: relative;
cursor: pointer;
height: 4px;
border: 1px solid #ccc;
width: 870px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
margin: 7px 15px;
cursor: pointer;
}
.progress {
background-color: #ccc;
height: 4px;
position: absolute;
width: 0;
cursor: pointer;
}
.handle {
background: url(//assets.fellowes.com/images/site/slider-left.png) no-repeat;
height: 13px;
width: 5px;
padding-left: 7px;
position: absolute;
top: -5px;
display: block;
cursor: pointer;
z-index: 2000;
}
.handle div {
background: url(//assets.fellowes.com/images/site/slider-right.png) no-repeat top right;
display: block;
cursor: pointer;
position: absolute;
height: 13px;
}
.range {
display: none;
}
#range-controls {
margin: 10px 0 0 8px;
width: 950px;
}
.mobile-note {
text-align: center;
font-size: 10px;
margin-left: 370px;
display: none;
}
/*-------------------------------------------------
/sec-product-subcategory.html - //flowplayer.org/tools/demos/tooltip/dynamic.html
-------------------------------------------------*/
.innovation-tooltip {
min-width: 100px;
max-width: 200px;
min-height: 75px;
/*padding:30px 15px 10px;*/
/*background: url(//assets.fellowes.com/images/misc/white_arrow_top.png) no-repeat;*/
display: none;
text-align: center;
position: relative;
font-size: 12px;
line-height: 18px;
}
.prod-details .wraptocenter {
width: 47px;
height: 42px;
display: inline;
cursor: pointer;
}
.wraptocenter {
display: table-cell;
text-align: center;
vertical-align: middle;
}
.wraptocenter * {
vertical-align: middle;
}
/* IE/Mac \*/ /*/
.wraptocenter {
display: block;
}
.wraptocenter span {
display: inline-block;
height: 100%;
width: 1px;
}
/**/
.wraptocenter span {
display: inline-block;
height: 100%;
}
.prod-details img {
cursor: pointer;
}
#sbwrapper {
z-index: 1000;
}
/**************************
Comparison overlay
**************************/
/* use a semi-transparent image for the overlay */
#overlay {
background-image: url(//assets.fellowes.com/images/misc/white.png);
height: 500px;
}
/* container for external content. uses vertical scrollbar, if needed */
div.compareContentWrap {
clear: both;
min-height: 445px;
padding: 20px 0;
}
div.compareContentWrap .row {
width: 900px;
}
div.compareContentWrap .row .grid_2 {
width: 160px;
word-wrap: break-word;
}
div.compareContentWrap .row.compareRow {
background-color: #eeeeee;
padding: 10px 0;
}
div.compareContentWrap .row.compareRow.altRow {
background-color: transparent;
}
div.compareContentWrap .row.compareImages {
text-align: center;
}
div.compareContentWrap .row.compareImages img {
margin-right: 20px;
}
#catCopy.comparePageTitle {
margin-top: 5px;
padding-left: 10px;
padding-right: 10px;
width: 940px;
}
#catCopy.comparePageTitle h1.heading {
border-right: medium none;
}
#catCopy.comparePageTitle a.button {
float: right;
margin-top: 20px;
}
#button-print {
color: #fdb813;
position: absolute;
top: 35px;
left: 490px;
line-height: 1.9em;
width: 200px;
display: none;
}
#button-print img {
margin-right: 3px;
}
/* the overlayed element */
.comparisonOverlay {
/* initially overlay is hidden */
display: none;
/* growing background image */
background-image: url(//assets.fellowes.com/images/misc/white.png);
/*
width after the growing animation finishes
height is automatically calculated
*/
width: 740px;
/* some padding to layout nested elements nicely */
padding: 35px;
/* a little styling */
font-size: 11px;
position: relative;
z-index: 10000;
}
/* default close button positioned on upper right corner */
.comparisonOverlay .close {
background-image: url(//assets.fellowes.com/images/misc/apple-close.png);
position: absolute;
right: 12px;
top: 12px;
cursor: pointer;
height: 25px;
width: 25px;
}
/*******************/
/* Where To Buy Section */
/*******************/
div#WhereToBuyHomeBottomWidget {
width: 970px;
}
div#WhereToBuyHomeBottomWidget div.AspNet-WebPart {
float: left;
}
div.whereToBuyContainer {
padding: 5px;
background: none repeat scroll 0 0 #FFFFFF;
}
/*******************/
/* Support Section */
/*******************/
div#SupportHomeBottomWidget div.AspNet-WebPart {
float: left;
}
#PageTop { /*padding-left:8px;*/
}
.support-left, .general-left {
margin-left: 4px;
float: left;
}
.support-right, .general-right {
margin: 0 10px;
float: right;
font-size: 12px;
color: #444444;
}
.support-left {
width: 260px;
}
.support-right {
width: 630px;
}
.general-left {
width: 380px;
}
.general-right {
width: 510px;
}
/*******************/
/* Solutions Center Section */
/*******************/
div#SolutionCenterHomeBottomWidget div.AspNet-WebPart {
float: left;
}
div.article-top {
}
div.article-left {
float: left;
width: 602px;
padding-left: 8px;
}
div.article-right {
float: right;
width: 320px;
}
div.article-bottom {
clear: both;
}
/*******************/
/* About Us Section */
/*******************/ / div#about-container {
width: 940px;
margin-left: 30px;
min-height: 500px;
}
.about-left {
float: left;
width: 220px;
margin-left: 10px;
}
.about-right {
float: left;
width: 715px;
}
.about-left-pane {
}
.about-right-pane {
}
.about-left-pane div.shadow {
width: 198px;
height: 10px;
background: url(//assets.fellowes.com/images/site/about_us-callout-shadow.png) no-repeat center top;
}
.about-right-pane h2 {
color: #444444;
font-weight: bold;
font-size: 14px;
}
.about-right-pane img.fleft {
float: left;
margin: 0 10px 10px 0;
}
.about-right-pane img.fright {
float: right;
margin: 0 0 10px 10px;
}
.about-right-pane img.fleft {
float: left;
margin: 0 20px 10px 0;
}
.about-right-pane div#logos {
width: 616px;
background: url(//assets.fellowes.com/images/misc/Brand-Logos-01.png) no-repeat center top;
padding: 90px 0px 15px 0px;
margin: 0 auto;
}
.about-right-pane div#logos1 {
width: 616px;
background: url(//assets.fellowes.com/images/misc/Brand-Logos-02.png) no-repeat center top;
padding: 90px 0px 15px 0px;
margin: 0 auto;
}
.about-right-pane div#logos p, .about-right-pane div#logos1 p{
float: left;
width: 130px;
font-size: 12px;
}
.about-right-pane a.pdf, .about-right-pane a.pdf:visited {
color: #263b97;
background: url(//assets.fellowes.com/images/misc/icon_pdf2.gif) no-repeat right;
padding: 0px 20px 2px 0px;
height: 28px;
vertical-align: middle;
font-size: 12px;
text-decoration: none;
}
.about-right-pane a.pdf:hover {
color: red;
}
div.rcontent {
background-position: top right;
padding-right: 220px;
}
div.lcontent {
background-position: top left;
padding-left: 220px;
}
div.content {
background-repeat: no-repeat;
min-height: 220px;
}
div.content-large {
background-repeat: no-repeat;
min-height: 300px;
}
div.rcontent-small {
background-position: top right;
padding-right: 120px;
}
div.lcontent-small {
background-position: top left;
padding-left: 120px;
}
div.rcontent-large {
background-position: top right;
padding-right: 320px;
padding-top: 10px;
}
div.lcontent-large {
background-position: top left;
padding-left: 320px;
padding-top: 10px;
}
div.about-us-location-countries {
padding: 8px;
margin-left: 8px;
}
div.about-us-location-country {
background-position: top left;
padding-left: 40px;
margin-right: 10px;
background-repeat: no-repeat;
height: 225px;
width: 180px;
float: left;
}
#about-callout-box {
width: 198px;
border: 1px solid #c4c6c8;
margin-top: 20px;
}
#about-callout-box img {
float: left;
padding-right: 10px;
padding-bottom: 10px;
}
#about-callout-box h4 {
font-size: 13px;
line-height: 16px;
margin-bottom: 16px;
}
#about-callout-box p {
color: #444444;
font-size: 12px;
}
#about-callout-box .msg-links {
font-size: 11px;
}
#about-callout-box div {
background: white url(//assets.fellowes.com/images/site/about_us-gradient.jpg) repeat-x;
border: 1px solid white;
padding: 14px;
}
hr.dotted {
border-top: 1px dotted #a9a9a9;
border-bottom: 0;
border-left: 0;
border-right: 0;
height: 1px;
margin: 10px 0px 10px 0;
}
hr.dotted2 {
border-top: 1px dotted #a9a9a9;
border-bottom: 0;
border-left: 0;
border-right: 0;
height: 1px;
margin: 10px 0px -10px;
}
div#AboutHomeBottomWidget div.AspNet-WebPart {
float: left;
}
/*-------------------------------------------------
About Us tabs - //flowplayer.org/tools/demos/tabs/index.html
-------------------------------------------------*/
/* root element for tabs */
.about-tabs {
list-style: none;
margin: 0;
padding: 0;
height: 28px;
}
/* single tab */
.about-tabs li {
float: left;
text-indent: 0;
padding: 0;
margin: 0 !important;
list-style-image: none !important;
height: 28px;
line-height: 28px;
background: #616161;
border-left: 1px solid #c4c6c8;
}
/* link inside the tab. uses a background image */
.about-tabs a, .build-tabs .about-tabs a {
font-size: 12px;
display: block;
height: 30px;
line-height: 30px;
text-align: center;
text-decoration: none;
color: #fff;
margin: 0px;
position: relative;
padding: 0 20px;
}
.about-tabs a:active, .build-tabs .about-tabs a:active {
outline: none;
}
/* when mouse enters the tab move the background image */
.about-tabs a:hover {
background-color: #fff;
color: #000;
}
/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.about-tabs .current {
cursor: default !important;
color: #000 !important;
background-color: #fff;
}
.about-panes .pane, .about-panes .AspNet-WebPart {
display: none;
padding: 15px;
border: 1px solid #c4c6c8;
border-top: 0;
background-color: #fff;
}
/*
Content Editors
*/
ul.content, ol.content, dir.content, menu.content {
list-style: disc;
margin: 5px 35px;
padding: 0;
}
ul.content li, ol.content li {
padding: 5px 0;
}
/*
Overriding SP Tables
*/
.about-right-pane .ms-rteTable-default,
.about-right-pane .ms-rteTableHeaderFirstCol-default,
.about-right-pane .ms-rteTableHeaderLastCol-default,
.about-right-pane .ms-rteTableHeaderOddCol-default,
.about-right-pane .ms-rteTableHeaderEvenCol-default,
.about-right-pane .ms-rteTableFirstCol-default,
.about-right-pane .ms-rteTableLastCol-default,
.about-right-pane .ms-rteTableOddCol-default,
.about-right-pane .ms-rteTableEvenCol-default,
.about-right-pane .ms-rteTableFooterFirstCol-default,
.about-right-pane .ms-rteTableFooterLastCol-default,
.about-right-pane .ms-rteTableFooterOddCol-default,
.about-right-pane .ms-rteTableFooterEvenCol-default,
.about-right-pane TD.ms-rteTable-default,
.about-right-pane TH.ms-rteTable-default,
.about-right-pane .ms-rtetablecells {
border: 0;
padding: 2px;
vertical-align: top;
}
/*
Reviews Section
*/
div#review-step {
float: left;
background-color: #bbbbbb;
width: 658px;
margin: 15px 0 20px 8px;
}
div#review-step h1 {
font-size: 16px;
width: 634px;
height: 29px;
background-color: #dcdcdc;
margin: 1px;
border: 1px solid white;
line-height: 29px;
padding-left: 20px;
}
div.step-box {
float: left;
background: url(//assets.fellowes.com/images/site/review-gradient.jpg) repeat-x;
width: 176px;
height: 127px;
border: 1px solid white;
margin: 0 1px 1px 0;
padding: 20px;
}
div.step-box.first {
margin-left: 1px;
}
div.step-box.last {
margin-right: 0;
}
div.step-box img {
margin-bottom: 20px;
}
div.step-box p {
color: #444444;
font-size: 12px;
}
div#review-links {
float: left;
width: 245px;
background-color: #bbbbbb;
padding: 1px;
margin: 15px 0 20px 30px;
}
#review-links h4 {
background: #616161;
color: #fff;
display: block;
font-size: 12px;
padding: 9px 8px;
font-weight: bold;
text-transform: uppercase;
}
div#review-links div {
border: 1px solid white;
background: white url(//assets.fellowes.com/images/site/review-gradient.jpg) repeat-x;
height: 124px;
padding: 20px;
}
#review-left {
margin-left: 5px;
float: left;
width: 375px;
}
#review-right {
margin: 45px 10px;
float: right;
width: 536px;
}
#review-left {
text-align: center;
}
#review-left p {
text-align: left;
}
/* Product Search Results */
div#search-container {
width: 940px;
margin-left: 6px;
min-height: 500px;
position: relative;
}
div#search-container ul#SearchList {
}
div#search-nav {
/*position:relative;*/
height: 40px;
background-color: #fff;
padding: 0 10px 20px;
border: 1px solid #c4c6c8;
margin-bottom: 40px;
}
div#search-nav .tooltip {
width: 150px;
padding: 4px;
-moz-box-shadow: 2px 2px 11px #666;
-webkit-box-shadow: 2px 2px 11px #666;
}
div#search-nav p {
color: #121212;
font-size: 12px;
line-height: 21px;
margin-bottom: 20px;
float: left;
}
ul.pagination {
padding: 0;
margin: 0 0 0 3px;
list-style: none;
float: right;
border: 0;
box-shadow: none;
}
ul.pagination li {
float: left;
padding: 0;
margin: 0 -1px;
display: inline;
}
ul.pagination li a {
border: 1px solid #DDDDDD;
}
ul.pagination li.next {
margin-left: 10px;
margin-top: 5px;
width: 55px;
}
ul.pagination li.prev {
margin-right: 10px;
width: 55px;
margin-top: 5px;
}
ul.pagination li.next a, ul.pagination li.prev a {
border: none;
padding: 0;
height: 18px;
padding: 0 22px 0 0;
transition: none;
-moz-transition: none; /* Firefox 4 */
-webkit-transition: none; /* Safari and Chrome */
-o-transition: none; /* Opera */
}
ul.pagination li.next a {
background: url("//assets.fellowes.com/images/site/arrow-right.png") no-repeat scroll right 0 transparent;
}
ul.pagination li.prev a {
background: url("//assets.fellowes.com/images/site/arrow-left.png") no-repeat scroll right 0 transparent;
float: right;
}
ul.pagination li.next a:hover, ul.pagination li.prev a:hover {
color: #263b97;
}
ul.pagination li.next a:hover {
background: url("//assets.fellowes.com/images/site/arrow-right.png") no-repeat scroll right -18px transparent;
}
ul.pagination li.prev a:hover {
background: url("//assets.fellowes.com/images/site/arrow-left.png") no-repeat scroll right -18px transparent;
}
div.pagination.top {
/*position:absolute;
bottom: 10px; right:20px;*/
float: right;
margin-top: 20px;
text-align: right;
font-size: 12px;
}
div.pagination.btm {
border-top: 1px dotted #979797;
font-size: 12px;
height: 30px;
margin-top: 20px;
padding: 20px 20px 0 0;
text-align: right;
}
.pagination a {
color: #263b97;
text-decoration: none;
font-weight: normal;
border: 1px dotted #666;
padding: 4px;
}
.pagination a:hover {
color: #000000;
background-color: #e6e6e6;
}
.pagination a.current {
color: #ffffff !important;
background-color: #666;
}
.pagination a.current:hover {
color: #ffffff;
cursor: default;
}
.search-image {
/*position:relative;*/
float: left;
text-align: center;
width: 225px;
height: 250px;
margin: 0 10px 10px 0;
}
.search-image .wraptocenter {
width: 225px;
height: 150px;
}
.search-image.last {
margin-right: 0px;
}
.search-image a {
display: block;
width: 227px;
text-decoration: none;
color: #263B97;
font-weight: normal;
}
.search-image a:hover, .search-image a:active {
color: #696969;
}
.search-image .autoShorten {
margin: 0 0 2px 0;
}
div#search-container p {
color: #444444;
margin-bottom: 10px;
}
div#search-container a.result {
color: #263b97;
text-decoration: none;
font-weight: bold;
}
div#search-container a.result:hover {
color: #000;
}
div#search-container a.url {
color: #888888;
text-decoration: none;
font-weight: normal;
}
div#search-container a.url:hover {
text-decoration: underline;
}
/* Popup */
div.generic-content {
padding-left: 8px;
}
div.generic-content h3 {
padding-bottom: 5px;
}
/** hide when not printing */
.printOnly {
display: none;
}
/**shredder review **/
div#review-container {
width: 940px;
margin-left: 6px;
position: relative;
}
.details {
left: 681px;
width: 200px;
top: -157px;
background: none repeat scroll 0 0 #FAFAFA;
border-top: 1px solid #D9D9D9;
margin: 1px 0 0;
padding: 9px 9px;
position: relative;
font-style: italic;
outline: none;
text-decoration: none;
font-family: Arial,Helvetica;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 2px 2px 2px #999;
-moz-box-shadow: 2px 2px 2px #999;
box-shadow: 2px 2px 2px #999;
-webkit-transition-property: opacity, margin-top, visibility, margin-left;
-webkit-transition-duration: 0.4s, 0.3s, 0.4s, 0.3s;
-webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
-moz-transition-property: opacity, margin-top, visibility, margin-left;
-moz-transition-duration: 0.4s, 0.3s, 0.4s, 0.3s;
-moz-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
-o-transition-property: opacity, margin-top, visibility, margin-left;
-o-transition-duration: 0.4s, 0.3s, 0.4s, 0.3s;
-o-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
transition-property: opacity, margin-top, visibility, margin-left;
transition-duration: 0.4s, 0.3s, 0.4s, 0.3s;
transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
background: -moz-linear-gradient(top, #FBF5E6 0%, #FFFFFF 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBF5E6), color-stop(100%,#FFFFFF));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBF5E6', endColorstr='#FFFFFF',GradientType=0 );
border: 1px solid #CFB57C;
}
.review-a {
padding-left: 25px;
display: table-cell;
text-align: left;
vertical-align: middle;
}
.details > blockquote {
color: #4E5965;
}
.review_product_h {
font-size: 15px;
}
.review-row {
max-height: 200px;
overflow: hidden;
padding-left: 10px;
box-shadow: 0px 1px 8px #999;
padding-top: 20px;
}
.callout {
margin-left: -21px;
display: inline-block;
z-index: 500;
position: relative;
}
.callout > img {
width: auto;
height: auto;
}
.q-start {
background: url("//assets.fellowes.com/images/site/start_quote_image.png") no-repeat scroll 0 0 transparent;
display: inline-block;
height: 11px;
width: 12px;
margin-left: 5px;
margin-right: 3px;
}
.q-end {
background: url("//assets.fellowes.com/images/site/end_quote_image.png") no-repeat scroll 0 0 transparent;
display: inline-block;
height: 11px;
width: 12px;
margin-left: 5px;
margin-right: 3px;
}
/*
Override jquery ui tabs CSS
*/
.ui-widget {
font-family: 'Arial',sans-serif;
font-size: 1.1em;
}
.ui-widget-content {
background: url("//assets.fellowes.com/images/site/jquery-ui/ui-bg_inset-soft_100_f4f0ec_1x100.png") repeat-x scroll 50% bottom #F4F0EC;
border: 1px solid #E0CFC2;
color: #1E1B1D;
}
.ui-widget-content a {
border: 1px solid transparent;
margin: -1px;
transition: none;
}
.ui-tabs .ui-tabs-nav li a {
text-transform: uppercase;
}
.ui-datepicker-trigger {
margin-top: 7px;
}
#details-tabs {
padding: 0px;
background: none;
border-width: 0px;
min-height: 200px;
}
#details-tabs .ui-tabs-nav {
padding-left: 0px;
background: transparent;
border-width: 0px 0px 1px 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}
#details-tabs .tabs-row {
height: 35px;
background: #363636;
/* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM2MzYzNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzYwNjA2MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, #363636 0%, #606060 33%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #363636), color-stop(33%, #606060));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #363636 0%, #606060 33%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #363636 0%, #606060 33%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #363636 0%, #606060 33%);
/* IE10+ */
background: linear-gradient(to bottom, #363636 0%, #606060 33%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#363636', endColorstr='#606060', GradientType=0);
/* IE6-8 */
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
font-size: 12px;
color: #fff;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding: 0 10px;
max-width: 480px;
overflow: hidden;
}
#details-tabs .ui-state-default, #details-tabs .ui-tabs-active, #details-tabs .ui-state-active {
background: transparent;
border: 0px;
padding-top: 2px;
}
#details-tabs .ui-state-default a, #details-tabs .ui-state-default a:link, #details-tabs .ui-state-default a:visited {
font-weight: 700;
border-bottom: none;
}
#details-tabs .ui-state-active a, #details-tabs .ui-state-active a:link, #details-tabs .ui-state-active a:visited {
font-weight: 700;
border-bottom: none;
}
#details-tabs .ui-state-hover a, #details-tabs .ui-state-hover a:hover, #details-tabs .ui-state-hover a:link, #details-tabs .ui-state-hover a:visited {
font-weight: 700;
border-bottom: none;
}
#details-tabs .ui-tabs-panel {
border-top: 1px solid #C9C9C9;
}
.qtip-bootstrap .qtip-icon .ui-icon {
background-color: #FFFFFF;
color: #999999;
opacity: 1;
filter: alpha(opacity=100);
width: 24px;
}
.qtip-bootstrap .qtip-icon .ui-icon:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.generic-page-title-smallmargin-H1 {
font-family: 'PT Sans',sans-serif;
margin: 15px 0px 15px 0px;
font-size: 24px;
}
.generic-page-title-nomargin-H1 {
font-family: 'PT Sans',sans-serif;
}
.generic-description-H2 {
font-family: 'PT Sans',sans-serif;
font-size: 18px;
font-weight: bold;
margin-bottom: -10px !important;
}
.generic-title-H2 {
font-family: Arial,Helvetica,sans-serif;
font-weight: normal;
font-size: 18px;
}
.contentList h1 {
font-size: 26px;
font-weight: 400;
}
.contentList .generic-title-H2 {
font-family: Arial,Helvetica,sans-serif;
font-size: 18px;
font-weight: normal;
margin-bottom: -10px;
margin-top: 20px;
}
.contentList div,
.contentList ol,
.contentList ul,
.contentList p,
.contentList p ul,
.contentList p ol,
.contentList p div,
.contentList .about-us-normal {
font-size: 13px;
color: #555555;
line-height: 150%;
display: block !important;
}
.about-us-location-country p {
font-size: 13px;
margin-top: 0;
}
.AspNet-WebPart .build-tabs, .AspNet-WebPart .build-tabs #Overview {
background-color: #F9F9F9;
}
.build-tabs {
background-color: #F9F9F9;
background-image: none;
}
.build-tabs .about-tabs li a.ui-tabs-anchor {
padding-top: 0;
padding-bottom: 0;
}
.build-tabs.ui-tabs ul.about-tabs {
background-color: #F9F9F9;
border: 0;
background-image: none;
}
#Awards-and-Honors div a.heading {
width: 91%;
}
.contentList .tb-content-text {
font-size: 12px;
}
.contentList a {
border-bottom: 1px dotted #000000;
}
div.reference-source-small, div.reference-source-small p, div.reference-source-small ol {
font-family: Arial,Helvetica,sans-serif;
font-size: 100%;
}
div.reference-source-small h2 {
font-family: Arial,Helvetica,sans-serif;
font-size: 100%;
font-weight: bold;
}
.solutioncenter-zones-tb-img-ref a {
border-bottom: none;
}
.solutioncenter-zones-tb-img-ref td {
padding-bottom: 0px;
}
.support-selected-item-info .prod-title {
font-size: 12px;
}
.contentList .validationGroup {
border: 0;
}
.contentList .frm-input .frm-field-inline-auth {
margin: 8px;
}
.frm-trigger a.causesValidation,
.frm-trigger a.causesReset {
background: linear-gradient(to bottom, #FFFFFF 0%, #E8E8E8 94%, #D9D9D9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 0 1px #FFFFFF;
font-family: 'PT Sans',sans-serif;
font-size: 12px;
font-weight: 700;
padding: 5px 15px;
text-transform: UPPERCASE;
transition: all 0.5s ease-in-out 0s;
text-align: center;
height: 18px;
}
.frm-trigger span.processing {
background: url("//assets.fellowes.com/images/site/loading-2.gif") no-repeat scroll center center rgba(0, 0, 0, 0);
display: block;
float: right;
height: 30px;
width: 131px;
}
div.banner275 {
margin-left: 10px;
}
/*
Progressbar
*/
#progressbar {
width: 100%;
height: 15px;
background-color: #eee;
padding: 2px;
/*margin: .6em 0;*/
border: 1px #CCC double;
clear: both;
}
#progress {
background: #FDB813; /*-- Color of the bar --*/
height: 15px;
/*width: 0%;*/
max-width: 100%;
float: left;
-webkit-animation: progress 0.5s 1 forwards;
-moz-animation: progress 0.5s 1 forwards;
-ms-animation: progress 0.5s 1 forwards;
animation: progress 0.5s 1 forwards;
text-align: center;
}
#progress.account {
background: #6bdf43;
}
#pbaranim {
height: 15px;
width: 100%;
overflow: hidden;
background: url('//assets.fellowes.com/images/site/loading-wave.gif') repeat-x;
-moz-opacity: 0.25;
-khtml-opacity: 0.25;
opacity: 0.25;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25);
filter: alpha(opacity=25);
}
#progress span {
display: block;
font-weight: bold;
margin-top: -15px;
}
#progress.account span {
color: #fff;
}
@-webkit-keyframes progress {
from {
width: 10%;
}
to {
width: 100%;
}
}
@-moz-keyframes progress {
from {
width: 10%;
}
to {
width: 100%;
}
}
@-ms-keyframes progress {
from {
width: 10%;
}
to {
width: 100%;
}
}
@keyframes progress {
from {
width: 10%;
}
to {
width: 100%;
}
}
a#feedbackbutton, a.feedbackbutton {
background: url("//assets.fellowes.com/images/site/feedback_tab_white.png") no-repeat scroll 50% 50% #FDB813;
display: block;
height: 90px;
line-height: 0;
padding: 5px;
position: fixed;
/*right: 0;*/
text-indent: -99999px;
top: 50%;
width: 22px;
}
.bottomad {
margin-bottom: -15px;
height: 112px;
}
.bawrapper {
background: url('//assets.fellowes.com/images/site/bottom-ad-background.png') repeat-x bottom center;
left: 0;
right: 0;
position: absolute;
height: 112px;
}
.bacontent {
width: 960px;
margin: 0 auto;
font-size: 24px;
font-family: 'PT sans', sans-serif;
color: #dc921d;
position: relative;
}
.bacontent img {
padding-right: 30px;
}
.bacontent span {
float: left;
padding-top: 60px;
font-size: 24px;
color: #dc921d !important;
}
.baButton {
margin-top: 63px;
}
.topVCBox.arrow_box {
position: absolute;
right: 0;
background: #fff;
width: 430px;
min-height: 30px;
z-index: 100000000000;
border-radius: 5px;
top: 65px;
-webkit-box-shadow: -5px 5px 5px rgba(0,0,0,0.1);
-moz-box-shadow: -5px 5px 5px rgba(0,0,0,0.1);
box-shadow: -5px 5px 5px rgba(0,0,0,0.1);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 13px;
font-family: 'PT Sans',sans-serif;
padding: 15px;
}
.arrow_box {
position: relative;
background: #fff;
border: 1px solid #c9c9c9;
}
.arrow_box:after, .arrow_box:before {
bottom: 100%;
left: 93%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.arrow_box:after {
border-color: rgba(255,255,255,0);
border-bottom-color: #fff;
border-width: 10px;
margin-left: -10px;
}
.arrow_box:before {
border-color: rgba(201,201,201,0);
border-bottom-color: #c9c9c9;
border-width: 11px;
margin-left: -11px;
}
.topVCBox table {
width: 100%;
}
.topVCBox tr {
border-bottom: solid 1px #c9c9c9;
}
.topVCBox td {
padding-bottom: 7px;
padding-top: 10px;
}
.topVCImage {
width: 75px;
}
.topVCDesc {
vertical-align: middle;
font-size: 14px;
font-weight: 400;
color: #555;
width: 210px;
}
.topVCPrice {
vertical-align: middle;
text-align: right;
font-weight: 400;
font-size: 14px;
}
.topVCPrice a {
font-size: 11px;
}
.topVCSubtotal {
padding-bottom: 0;
padding-top: 5px;
font-size: 20px;
}
.topVCViewButton {
height: 40px;
vertical-align: middle;
text-align: right;
padding-bottom: 0;
padding-top: 4px;
}
/*.ie .atcbutton-sm {
background:#db9420;
}*/
/*Imported from previous css sent for listing page*/
.atcbutton-sm {
float: right;
background: #db9420;
/*background:linear-gradient(#fcb623 0%,#db9420 100%,GradientType=0);*/
padding: 0 10px;
margin-left: 10px;
border: 1px solid #a57020;
border-radius: 3px;
}
.atcbutton-sm:hover {
background: #f3bc22;
}
.atcbutton-sm a {
color: #fff !important;
border: none;
font-family: 'pt sans',sans-serif;
font-weight: 700;
}
/* END */
.alert-success {
background-color: #fff8e8;
border-color: #ffe19e;
color: #edab12;
}
.alert-info {
background-color: #fff8e8;
border-color: #ffe19e;
color: #edab12;
}
.alert {
height: 30px;
line-height: 30px;
font-size: 16px;
font-family: 'PT Sans',sans-serif;
}
input::-webkit-input-placeholder {
font-style: italic;
font-size: 12px;
color: #c9c9c9;
}
input[type="radio"] {
margin-top: -3px;
vertical-align: middle;
}
.hr15 {
margin: 15px 0;
border-top: solid 1px #c9c9c9;
}
.btn-clear {
background: transparent;
border: solid 1px #a5a5a5 !important;
font-style: italic;
font-size: 10px;
color: #a5a5a5 !important;
}
.btn-wide {
font-size: 16px;
padding: 5px 55px;
}
.eComh1 {
font-family: "PT Sans",sans-serif;
font-size: 26px;
color: #555;
font-weight: 400;
float: left;
width: 50%;
}
.ecomnavbar {
padding: 2.3em 0;
}
.ecomnavbar li {
float: right;
margin: 0 .8em;
font-size: 13px;
font-weight: 400;
color: #555;
text-shadow: 0 0 1px #fff;
font-family: 'PT Sans',sans-serif;
font-style: italic;
}
.eNav {
border-bottom: none;
text-shadow: 0 0 1px #fff;
}
a.eActive {
color: #FDB813 !important;
font-weight: 700;
}
a.eActive:hover {
color: #FDB813 !important;
}
/*View Cart Table Style*/
#shoppingCartTable {
width: 100%;
margin: 20px 0;
}
#shoppingCartTable tr:nth-child(even) {
background: #fff;
}
#shoppingCartTable th {
border-top: solid 1px #c9c9c9;
padding: 10px 0;
border-bottom: solid 1px #c9c9c9;
font-family: 'PT Sans',sans-serif;
color: #555;
font-weight: 400;
font-size: 16px;
text-align: left;
}
#shoppingCartTable .tCenter {
text-align: center;
}
#shoppingCartTable tr {
border-bottom: solid 1px #c9c9c9;
}
#shoppingCartTable td {
font-family: 'PT Sans',sans-serif;
font-size: 14px;
padding: 10px;
display: table-cell;
}
.vcImage {
width: 70px;
height: 70px;
}
.vcImage img {
max-width: 70px;
}
.vcItemName {
width: 50%;
}
.qtyUpdate {
float: left;
margin-left: 10px;
margin-top: -1px;
}
.vcQty input {
height: 20px;
width: 50px;
float: left;
}
.qtyUpdate input[type=submit] {
background: transparent;
border: 0;
color: #555;
font-size: 12px;
display: block;
text-align: left;
margin: 0;
padding: 0;
height: 15px;
}
.qtyUpdate input[type=submit]:hover {
color: green !important;
}
.qtyUpdate a {
font-size: 12px;
display: block;
border-bottom: none;
text-align: left;
}
.qtyUpdate a:hover {
color: red !important;
}
/*Coupon/ship/total styling for view cart*/
#vcCouponBox, #vcShippingBox, #vcTotalBox {
min-height: 150px;
float: left;
}
#vcCouponBox {
width: 33%;
border-right: solid 1px #c9c9c9;
padding-right: 1%;
margin-right: 3%;
}
.couponInput, .couponApplied, .vcshipping {
margin: 10px 0;
}
.couponApplied a {
font-style: italic;
border-bottom: none;
border-right: solid 1px #c9c9c9;
padding-right: 10px;
}
.couponApplied i {
color: red;
}
.couponApplied span {
font-weight: 700;
}
.couponInput input[type="text"], .vcshipping input[type="text"] {
height: 26px;
float: left;
margin-right: 10px;
padding: 0 10px;
font-size: 13px;
font-family: 'PT Sans',Sans-serif;
}
#vcShippingBox {
width: 22%;
border-right: solid 1px #c9c9c9;
padding-right: 1%;
margin-right: 3%;
}
.vcShippingOptions li {
margin: 7px 0 7px 10px;
list-style-type: square;
/*list-style-image: url("//assets.fellowes.com/images/site/lite-orange-radio-on.png");*/
}
.stepSection .vcShippingOptions li {
margin: 7px 0 7px 10px;
list-style-image: none;
list-style-type: none;
}
/*.vcShippingOptions li:nth-child(odd) {
list-style-image: url("//assets.fellowes.com/images/site/lite-orange-radio-off.png");
}*/
.vcShippingOptions li label {
/*font-style:italic;*/
font-family: 'PT Sans',sans-serif;
font-size: 14px;
color: #555;
}
.vcShippingOptions li label.currency {
display: inline-block;
line-height: 16px;
min-height: 16px;
padding-left: 3px;
vertical-align: middle;
font-weight: bold;
}
.shipChecked {
font-weight: 700;
}
#vcTotalBox {
width: 34%;
}
#vcTotalBox li {
padding: 0 0 35px;
clear: both;
}
#vcTotalBox h5 {
float: left;
text-align: right;
width: 70%;
}
#vcTotalBox p {
float: right;
margin: 0;
font-size: 16px;
font-family: 'PT Sans',sans-serif;
}
.discRed {
/*color:red*/
}
p.ymlPrice {
margin: 0;
padding: 0;
float: left;
font-family: 'PT Sans',sans-serif;
font-size: 14px;
font-weight: 700;
color: #555;
}
a.atcbutton-sm {
color: #fff !important;
font-weight: 700;
float: right;
padding: 5px 10px;
}
.ymlDesc {
min-height: 53px;
}
.ecomprice {
background: #d8d8d8; /* Old browsers */
background: -moz-linear-gradient(top, #d8d8d8 5%, #ffffff 8%, #ffffff 10%, #d8d8d8 15%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#d8d8d8), color-stop(8%,#ffffff), color-stop(10%,#ffffff), color-stop(15%,#d8d8d8), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #d8d8d8 5%,#ffffff 8%,#ffffff 10%,#d8d8d8 15%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #d8d8d8 5%,#ffffff 8%,#ffffff 10%,#d8d8d8 15%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #d8d8d8 5%,#ffffff 8%,#ffffff 10%,#d8d8d8 15%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom, #d8d8d8 5%,#ffffff 8%,#ffffff 10%,#d8d8d8 15%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
;
border-top: 2px solid #d8d8d8;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding: 5px 10px 0;
line-height: 20px;
overflow: hidden;
margin-top: 3px;
}
.regprice {
text-align: right;
}
.regprice span {
font-family: 'PT sans';
color: #555;
font-size: 17px;
font-weight: 700;
text-shadow: #fff 0 0 1px;
text-align: right;
letter-spacing: -1px;
}
.regprice span.oldprice {
font-size: 12px;
font-style: italic;
text-decoration: line-through;
color: #999;
}
.regprice span.saleprice {
color: #C90200;
margin-right: 3px;
letter-spacing: -1px;
}
.saletag {
background: #c90200; /* Old browsers */
background: -moz-linear-gradient(top, #c90200 0%, #fc0001 31%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c90200), color-stop(31%,#fc0001)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #c90200 0%,#fc0001 31%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #c90200 0%,#fc0001 31%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #c90200 0%,#fc0001 31%); /* IE10+ */
background: linear-gradient(to bottom, #c90200 0%,#fc0001 31%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c90200', endColorstr='#fc0001',GradientType=0 ); /* IE6-9 */
text-align: center;
color: #fff;
position: absolute;
top: 40px;
padding: 5px;
text-transform: uppercase;
font-family: 'PT sans', sans-serif;
box-shadow: 2px 2px 2px #c9c9c9;
}
.ecomprice {
background: #d8d8d8; /* Old browsers */
background: -moz-linear-gradient(top, #d8d8d8 5%, #ffffff 8%, #ffffff 10%, #d8d8d8 15%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#d8d8d8), color-stop(8%,#ffffff), color-stop(10%,#ffffff), color-stop(15%,#d8d8d8), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #d8d8d8 5%,#ffffff 8%,#ffffff 10%,#d8d8d8 15%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #d8d8d8 5%,#ffffff 8%,#ffffff 10%,#d8d8d8 15%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #d8d8d8 5%,#ffffff 8%,#ffffff 10%,#d8d8d8 15%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom, #d8d8d8 5%,#ffffff 8%,#ffffff 10%,#d8d8d8 15%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
;
border-top: 2px solid #d8d8d8;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding: 15px 10px 0;
line-height: 20px;
overflow: hidden;
margin-top: 3px;
}
.regprice {
text-align: right;
}
.regprice span {
font-family: 'PT sans';
color: #555;
font-size: 17px;
font-weight: 700;
text-shadow: #fff 0 0 1px;
text-align: right;
letter-spacing: -1px;
}
.regprice span.oldprice {
font-size: 12px;
font-style: italic;
text-decoration: line-through;
color: #999;
}
.regprice span.saleprice {
color: #C90200;
margin-right: 3px;
letter-spacing: -1px;
}
/* Product Details Page CSS */
/* Modify Existing class */
#pdDescription {
max-height: 320px;
}
.pdAddToCartBar {
float: left;
width: 514px;
border-top: solid 1px #c9c9c9;
padding-top: 10px;
height: 40px;
}
.pdPrice {
float: right;
font-family: 'PT Sans', sans-serif;
color: #555;
font-size: 20px;
letter-spacing: -1px;
font-weight: 700;
margin: 3px 10px;
}
.pdPrice.sale {
color: red;
}
.pdOldPrice {
float: right;
font-size: 14px;
color: #979797;
font-family: 'PT Sans', sans-serif;
letter-spacing: -1px;
font-style: italic;
text-decoration: line-through;
margin-top: 8px;
}
.pdAtcQty {
float: right;
}
.pdAtcButton {
float: right;
margin-top: -3px;
}
input.atcbutton-lg {
border: solid 1px #a58346;
font-size: 18px;
padding: 2px 25px;
font-family: 'PT Sans', sans-serif;
font-weight: 700;
color: #fff !important;
border-radius: 5px;
position: relative;
top: 4px;
background: #fcb61a; /* Old browsers */
background: -moz-linear-gradient(top, #fcb61a 0%, #e0921b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcb61a), color-stop(100%,#e0921b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fcb61a 0%,#e0921b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fcb61a 0%,#e0921b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fcb61a 0%,#e0921b 100%); /* IE10+ */
background: linear-gradient(to bottom, #fcb61a 0%,#e0921b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcb61a', endColorstr='#e0921b',GradientType=0 ); /* IE6-9 */
text-transform: uppercase;
display: block;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
.atcbutton-lg a:hover {
background: #fcb61a;
}
#pdQtyField {
max-width: 37px;
font-family: 'PT Sans', sans-serif;
color: #979797;
margin: 0 15px;
}
.pdAlsoBuyItem .atcbutton-sm {
float: right;
}
.pdAlsoBuyItem .regprice {
float: left;
}
.pdAlsoBuyItem .regprice span {
font-size: 14px;
position: relative;
top: -4px;
}
input::-webkit-input-placeholder {
font-style: italic;
font-size: 12px;
color: #c9c9c9;
}
input[type="radio"] {
margin-top: -3px;
vertical-align: middle;
}
.hr15 {
margin: 15px 0;
border-top: solid 1px #c9c9c9;
}
.btn-clear {
background: transparent;
border: solid 1px #a5a5a5 !important;
font-style: italic;
font-size: 10px;
color: #a5a5a5 !important;
}
.btn-wide {
font-size: 16px;
padding: 5px 55px;
}
.vcImage {
width: 70px;
height: 70px;
}
.vcImage img {
max-width: 70px;
}
.vcItemName {
width: 50%;
}
.qtyUpdate {
float: left;
margin-left: 10px;
margin-top: -1px;
}
.vcQty input {
height: 20px;
width: 50px;
float: left;
}
.qtyUpdate input[type=submit] {
background: transparent;
border: 0;
color: #555;
font-size: 12px;
display: block;
text-align: left;
margin: 0;
padding: 0;
height: 15px;
}
.qtyUpdate input[type=submit]:hover {
color: green !important;
}
.qtyUpdate a {
font-size: 12px;
display: block;
border-bottom: none;
text-align: left;
}
.qtyUpdate a:hover {
color: red !important;
}
/* Checkout Page */
.ckColLeft {
float: left;
width: 49%;
}
.ckColRight {
float: right;
width: 49%;
}
.step {
background: #d5d5d5;
border: soild 2px #b9b9b9;
padding: 5px;
margin-bottom: 5px;
}
.ckActive {
background: #fdb813;
box-shadow: 0 2px 0px #e2a749;
}
.step-arrow_box {
position: relative;
padding: 5px;
}
.step-arrow_box:after, .arrow_box:before {
top: 100%;
left: 10%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.step-arrow_box:after {
border-color: rgba(253, 184, 19, 0);
border-top-color: #fdb813;
border-width: 10px;
margin-left: -10px;
}
.step-arrow_box:before {
border-color: rgba(226, 167, 73, 0);
border-top-color: #e2a749;
border-width: 16px;
margin-left: -16px;
}
.stepSection {
margin-top: 20px;
margin-bottom: 20px;
}
.sameAddress {
background: #e9e9e9;
padding: 10px;
border-radius: 5px;
border: solid 1px #c9c9c9;
margin-bottom: 10px;
}
.sameAddress p {
margin-top: 0;
margin-bottom: 0;
margin-left: 20px;
}
/*.sameAddress input[type='checkbox'] {
position: relative;
top: -2px;
}*/
.categorized-payments {
margin-bottom: 20px;
}
.cc-entry h5 {
color: #e9e9e9;
text-align: right;
}
.reviewContent {
text-align: center;
}
.reviewContent h5 {
margin-bottom: 20px;
}
.siReview {
background: #e9e9e9;
margin: 45px auto 10px;
border-radius: 5px;
box-sizing: border-box;
padding: 10px;
border: solid 1px #c9c9c9;
position: relative;
font-size: 14px;
}
.smReview {
background: #e9e9e9;
margin: 55px auto 10px;
border-radius: 5px;
box-sizing: border-box;
padding: 10px;
border: solid 1px #c9c9c9;
position: relative;
font-size: 14px;
}
.pbReview {
background: #e9e9e9;
margin: 55px auto 10px;
border-radius: 5px;
box-sizing: border-box;
padding: 10px;
border: solid 1px #c9c9c9;
position: relative;
font-size: 14px;
}
.editBox {
position: absolute;
top: 0;
right: 0;
background: #a5a5a5;
color: #fff;
padding: 2px 10px;
border-width: 0 0 1px 1px;
border-style: solid;
border-color: #999;
cursor: pointer;
font-style: italic;
font-size: 11px;
}
.shipmethodContent {
display: none;
}
.billingContent {
display: none;
}
.reviewContent {
display: none;
}
#billToAddressEntry {
display: none;
}
.saved-address {
font-size: 14px;
color: #555555;
}
/*Right Side Box for Checkout*/
.ckColRight {
background: #fff;
box-sizing: border-box;
padding: 10px;
border: solid 1px #fdb813;
}
#vcTotalBox.ckTotalReview {
position: relative;
left: 220px;
width: 50%;
min-height: 0;
}
#vcTotalBox.ckTotalReview li {
padding: 0;
}
td.ckORImg {
width: 85px;
text-align: center;
}
.ckOrderReview td {
font-size: 14px;
font-family: 'PT Sans', sans-serif;
display: table-cell;
vertical-align: middle;
padding-bottom: 10px;
}
.ckORRow {
border-bottom: solid 1px #e9e9e9;
}
.ckORRow:last-child {
border-bottom: none;
}
.ckORCost {
padding-right: 3px;
width: 85px;
text-align: right;
}
.ckORCoup {
background: #f9f9f9;
box-sizing: border-box;
padding: 10px;
border: solid 1px #c9c9c9;
margin-bottom: 10px;
margin-top: 20px;
}
.ckORCoup > .couponInput input[type="text"] {
width: 325px !important;
}
.siReview p, .smReview p, .pbReview p {
font-size: 13px;
margin: 0;
}
.siReview h5, .smReview h5, .pbReview h5 {
font-size: 14px !important;
margin: 0 0 5px 0;
padding: 0 0 5px 0;
border-bottom: solid 1px #c9c9c9;
}
#createAccount {
margin-top: 10px;
border: solid 1px #d9d9d9;
padding: 10px;
border-radius: 5px;
background: #fff;
}
.loginOverlay {
background: -moz-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.75) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.75)), color-stop(100%,rgba(0,0,0,0.75))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.75) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.75) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.75) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.75) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf000000', endColorstr='#bf000000',GradientType=0 ); /* IE6-9 */
width: 100%;
height: 100%;
position: absolute;
top: 0;
}
.loginBox {
width: 75%;
height: 75%;
max-width: 1000px;
min-height: 150px;
background: #fff;
box-shadow: 0 0 5px #000;
position: relative;
top: 100px;
margin: 0 auto;
box-shadow: 0 0 10px #000;
}
.avsBox {
width: 700px;
}
/*
.avsLeft {
display: none;
}
*/
.loginHeader, .avsHeader, .paeHeader {
background: #feca4e;
overflow: hidden;
padding: 10px;
}
/*.loginHeader h2, .avsHeader h2 {
float: left;
color:#000;
}*/
/*.loginHeader p, .avsHeader p {
float: right;
margin: 5px 0 0;
color: #000;
text-shadow: none;
}*/
.loginContent, .avsContent, .paeContent {
padding: 30px;
}
.loginHeader i, .avsHeader i {
font-size: 16px;
}
div#login-dialog.cmodal {
width: 730px;
}
.loginLeft {
display: none;
}
div.cmodal .loginLeft {
display: block;
width: 270px;
float: left;
}
.avsLeft {
width: 40%;
float: left;
}
div .loginRight h4 {
display: none;
}
div .loginRight p {
display: none;
}
div.cmodal .loginRight p {
display: block;
}
div.cmodal div.modal-header h3#loginHeader {
display: none;
}
div.cmodal .modal-header #loginOptions {
display: block;
}
div .modal-header #loginHeader {
display: block;
}
div .modal-header #loginOptions {
display: none;
}
div.cmodal .loginRight h4 {
display: block;
}
div.cmodal .loginRight {
width: 400px;
float: right;
padding-left: 20px;
border-left: solid 1px #c9c9c9;
}
.avsRight {
width: 65%;
float: right;
padding-left: 4%;
border-left: solid 1px #c9c9c9;
}
.avsRight {
width: 55%;
}
.rtc {
cursor: pointer;
}
.avsRight table {
margin-bottom: 10px;
width: 80%;
margin-left: 65px;
}
.avsRight table tr {
margin: 10px 0;
display: block;
}
/*Order Success*/
.orderSuccess {
background: #fdb813;
overflow: hidden;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0px 15px;
font-size: 14px;
line-height: 43px;
color: #fff;
}
.orderSuccess a {
color: #fff !important;
border-bottom: 0;
position: relative;
top: -2px;
padding-top: 1px;
}
.orderSuccess i {
font-size: 22px;
}
.orderMessage {
background: #fff;
border: solid 1px #c9c9c9;
margin-top: 20px;
padding: 14px;
margin-bottom: 45px;
}
.orderMessage p {
margin: 8px;
font-size: 14px;
}
#vcTotalBox.oS {
float: right;
}
.sxReview {
background: none repeat scroll 0 0 #e9e9e9;
border: 1px solid #c9c9c9;
border-radius: 5px;
box-sizing: border-box;
font-size: 14px;
margin: 55px auto 10px;
padding: 10px;
position: relative;
}
/*
Payment Section
*/
.payment-section {
position: relative;
margin-top: 60px;
display: none;
}
.payment-section .accordian-tab {
margin: 0 0 14px;
position: relative;
}
.white-card {
background: none repeat scroll 0 0 #f9f9f9;
border: 1px solid #c9c9c9;
border-radius: 2px;
padding: 5px;
}
.content-title {
cursor: pointer;
line-height: 30px;
padding: 0 10px;
}
.content-title .title {
float: left;
}
.content-title .sub-title {
float: right;
font-size: 14px;
}
.content-title .icon {
display: inline-block;
margin: 0 0 0 10px;
float: right;
-webkit-transition: opacity .4s ease;
opacity: .8;
}
.creditcard-container span.icon, .cc-container span.icon {
margin: 4px 0 0 4px;
width: 32px;
height: 22px;
background-repeat: no-repeat;
}
.creditcard-container span.icon.visa, .cc-container span.icon.visa {
background-image: url('//assets.fellowes.com/images/site/pay_cc_visa.png');
}
.creditcard-container span.icon.mastercard, .cc-container span.icon.mastercard {
background-image: url('//assets.fellowes.com/images/site/pay_cc_mastercard.png');
}
.creditcard-container span.icon.discover, .cc-container span.icon.discover {
background-image: url('//assets.fellowes.com/images/site/pay_cc_discover.png');
}
.creditcard-container span.icon.diner, .cc-container span.icon.diner {
background-image: url('//assets.fellowes.com/images/site/pay_cc_diner.png');
}
.creditcard-container span.icon.americanexpress, .cc-container span.icon.americanexpress {
background-image: url('//assets.fellowes.com/images/site/pay_cc_americanexpress.png');
}
.paypal-container span.icon {
margin: 0 0 0 10px;
background-image: url('//assets.fellowes.com/images/site/pay_paypal.png');
width: 107px;
height: 32px;
}
.payment-section .accordian-tab h5 {
display: inline;
margin: 0 20px 0 5px;
}
.payment-section .accordian-arrow {
margin: 0;
display: inline-block;
height: 12px;
width: 16px;
background-image: url(//assets.fellowes.com/images/site/arrows.png);
background-position: -18px -272px;
}
.payment-section .opencard .accordian-arrow {
background-position: 0 0;
}
.payment-section .opencard {
border: 1px solid #fdb813;
}
.creditcard-container .fadeslide-content, .cc-container .fadeslide-content {
max-height: 4500px;
}
.content-card {
margin: 0 14px 0 14px;
}
.content-card hr.content-hr {
margin: 5px 0 10px;
border-width: 1px 0 0;
border-color: #d9d9d9;
border-style: solid;
background: -moz-linear-gradient(left center, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.content-card .title-card strong {
font-weight: 400;
font-size: 16px;
}
.fadeslide-content {
opacity: 1;
overflow: hidden;
max-height: 1999px;
}
.card-display-container ul {
border-bottom: 1px solid #eee;
overflow: hidden;
width: 100%;
}
.card-display-container ul li {
height: 45px;
line-height: 45px;
text-align: left;
float: left;
padding: 0;
}
.card-display-container ul li.radio-selection {
/*width: 75%;*/
}
.card-display-container ul li.radio-selection label.css-label {
/*padding: 15px 0;*/
cursor: pointer;
background-position: 0 7px;
}
.credit-card-icon {
display: inline-block;
text-indent: -9999px;
background-image: url(//assets.fellowes.com/images/site/pay_cc_entry_2.png);
background-size: 40px 300px;
vertical-align: middle;
background-repeat: no-repeat;
width: 43px;
height: 26px;
padding: 0;
margin: 0 7px 5px;
}
.visa .credit-card-icon {
background-position: 2px -82px;
}
.mastercard .credit-card-icon {
background-position: 2px -154px;
}
.discover .credit-card-icon {
background-position: 2px -226px;
}
.americanexpress .credit-card-icon {
background-position: 2px -262px;
}
.card-number, .card-number-pre {
font-weight: 400;
}
.card-number-pre {
margin-left: 40px;
}
.card-expires {
padding: 0 5px 0 10px;
margin-left: 40px;
}
.card-expires span {
padding: 0 !important;
}
.card-display-container ul li.edit-card {
width: 24%;
text-align: right;
}
.card-display-container .cvv-input {
padding: 0;
margin-right: 7px;
}
.card-display-container .cvv-input input.cvv {
width: 24px;
margin-right: 7px;
}
.new-card-container {
padding: 0 0 20px;
}
.paypal-button {
margin-bottom: 10px;
}
div.ccEntry {
}
div.ccEntry .cc-named {
margin-top: 10px;
}
.cvv-input span {
font-size: 13px;
}
#creditcardscroll .credit-card-selection a span {
color: #555555;
font-size: 12px;
}
#creditcardscroll .credit-card-selection a:hover span {
color: #fdb813;
}
form#ccEntry #card_number, div.ccEntry #ccn {
background-image: url(//assets.fellowes.com/images/site/pay_cc_entry_2.png), url(//assets.fellowes.com/images/site/pay_cc_entry_2.png);
background-position: 2px -46px, 242px 7px;
background-size: 40px 300px, 40px 300px;
background-repeat: no-repeat;
padding-left: 50px;
width: 207px;
}
form#ccEntry #card_number.visa, div.ccEntry #ccn.visa {
background-position: 2px -82px, 242px 7px;
}
form#ccEntry #card_number.visa_electron, div.ccEntry #ccn.visa_electron {
background-position: 2px -118px, 242px 7px;
}
form#ccEntry #card_number.mastercard, div.ccEntry #ccn.mastercard {
background-position: 2px -154px, 242px 7px;
}
form#ccEntry #card_number.maestro, div.ccEntry #ccn.maestro {
background-position: 2px -191px, 242px 7px;
}
form#ccEntry #card_number.discover, div.ccEntry #ccn.discover {
background-position: 2px -226px, 242px 7px;
}
form#ccEntry #card_number.americanexpress, div.ccEntry #ccn.americanexpress {
background-position: 2px -263px, 242px 7px;
}
form#ccEntry #card_number.valid.visa, div.ccEntry #ccn.valid.visa {
background-position: 2px -82px, 242px -17px;
}
form#ccEntry #card_number.valid.visa_electron, div.ccEntry #ccn.valid.visa_electron {
background-position: 2px -118px, 242px -17px;
}
form#ccEntry #card_number.valid.mastercard, div.ccEntry #ccn.valid.mastercard {
background-position: 2px -154px, 242px -17px;
}
form#ccEntry #card_number.valid.maestro, div.ccEntry #ccn.valid.maestro {
background-position: 2px -191px, 242px -17px;
}
form#ccEntry #card_number.valid.discover, div.ccEntry #ccn.valid.discover {
background-position: 2px -226px, 242px -17px;
}
form#ccEntry #card_number.valid.americanexpress, div.ccEntry #ccn.valid.americanexpress {
background-position: 2px -263px, 242px -17px;
}
/*My Account*/
.Icons {
position: relative;
top: -5px;
max-height: 28px;
}
.ccSavedContainer {
width: 203px;
background: url('../Images/Fellowes.Commerce.Site/cc_bg.png') no-repeat #f1f1f1;
padding: 15px 10px;
float: left;
margin-right: 10px;
border-radius: 8px;
border: solid 1px #c9c9c9;
height: 110px;
background-size: cover;
-webkit-box-shadow: 0 2px 5px #BDBDBD;
-moz-box-shadow: 0 2px 5px #BDBDBD;
box-shadow: 0 2px 5px #BDBDBD;
opacity: 0.8;
margin-bottom: 7px;
margin-top: 7px;
}
.ccSavedContainer:hover {
opacity: 1.0;
}
.ccSavedContainer.addNew i {
font-size: 58px;
}
.ccSavedContainer.addNew {
/*margin:0;*/
text-align: center;
}
.svdCCName {
font-weight: 700;
font-family: 'PT Sans';
font-size: 15px;
margin-top: -5px;
}
.svdNo {
margin-bottom: 10px;
}
.svdNo input {
font-family: monospace;
padding: 0;
font-size: 19px;
margin-top: 20px;
}
.ccSavedContainer input {
border: none;
box-shadow: none;
background: transparent;
}
.svdExpD {
float: right;
width: 100%;
text-align: right;
}
.svdExpD label {
font-size: 11px;
font-family: monospace;
text-transform: uppercase;
text-shadow: 0 0 1px #fff;
font-weight: 700;
}
.svdExpD input[type="text"] {
text-align: right;
font-size: 15px;
padding: 0;
margin-top: -5px;
font-family: monospace;
}
.svdName {
margin: 0;
padding: 0;
font-size: 16px;
font-family: 'PT Sans';
position: relative;
top: -45px;
font-weight: 700;
}
.addCC {
position: relative;
top: 15px;
cursor: pointer;
}
#acctProfile, #savedAddress, #recentOrders {
font-family: 'PT Sans';
font-size: 11px;
}
.myaOT {
text-align: right;
}
.ecoverlay {
background: -moz-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.75) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.75)), color-stop(100%,rgba(0,0,0,0.75)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.75) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.75) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.75) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.75) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf000000', endColorstr='#bf000000',GradientType=0 );
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 10000;
}
.ecOverlayContainer {
width: 15%;
max-width: 1000px;
min-height: 150px;
background: #fff;
box-shadow: 0 0 5px #000;
position: relative;
top: 100px;
margin: 0 auto;
box-shadow: 0 0 10px #000;
}
.ecOverlayTitle {
background: #feca4e;
overflow: hidden;
padding: 10px;
}
.ecOverlayContent {
padding: 30px;
}
#recentOrders table {
width: 100% !important;
}
#vcCouponBox h4, #vcShippingBox h4 {
font-size: 16px;
}
a#ckGuestBut {
margin-left: 38px;
padding-left: 31px;
padding-right: 31px;
}
#vcTotalBox p {
font-size: 14px;
}
#vcTotalBox h5 {
font-size: 14px !important;
}
.ckColRight.drop-shadow.lifted h4,
#vcCouponBoxRight h4,
#shippingInfoPanel h3,
#shipMethodPanel h3,
#paymentPanel h3,
#reviewPanel h3 {
font-size: 16px;
}
#pnlOrderDetails {
}
#pnlOrderDetails .eComh1 {
margin-top: 15px;
font-size: 22px;
}
.pdAddToCartBar .pdBuyNow {
margin-top: -12px;
}
.divLnkWTB {
margin-left: auto;
margin-right: auto;
width: 40%;
font-size: 11px;
}
/* AVS Dialog */
#avs-dialog h2, #avs-dialog h3 {
font-size: 16px;
}
#ckUseCurrentAddress, #ckUseValidatedAddress {
bottom: 10%;
position: absolute;
}
.avsRight table tr {
margin: 10px 0;
}
.avsRight table {
margin-bottom: 25px;
text-decoration: none;
}
#avsRight.avsRight {
font-size: 12px;
}
/* View Cart top link */
a.topMyAccount i {
font-size: 16px;
vertical-align: middle;
margin-left: -10px;
margin-right: 5px;
}
.fa-shopping-cart:before {
padding-left: 5px;
}
.placeholder {
font-style: italic;
color: #c9c9c9 !important;
}
.ckOrderReview {
width: 100%;
}
#shoppingCartTable .tCenter {
padding-right: 0;
text-align: right;
}
#vcTotalBox {
width: 36.7%;
}
.activitiesContainer {
background: #e9e9e9;
border-radius: 5px;
border: solid 1px #c9c9c9;
margin-bottom: 10px;
}
.shipMethodInfo {
padding-top: 12px;
font-size: 12px;
}
#cartEmptyMessage {
margin-top: 10px;
}
.couponApplied {
display: inline-block;
margin-top: 0 !important;
}
.cc_container .cc_message {
text-shadow: none;
}