/* HTML Elements */
html, body {
/*background-color:#f2f2f2;*/
color: #333;
font-size: .90em;
font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
margin: 0;
padding: 0;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently
supported by Chrome, Edge, Opera and Firefox */
}
a {
color: #029dd1;
}
a:hover {
text-decoration-thickness: 0.2em;
}
p {
font-size:19px;
line-height:23px;
}
hr.hrBlueLine {
border-color:#0071C5;
}
hr.hrGreenLine {
border-color:#5BB00D;
}
hr.hrQuantumGreenLine {
border-color:#23C6A7;
}
hr.hrPurpleLine {
border-color:#5115A3;
}
hr.hrNavyLine {
border-color:#000CFF;
}
hr.hrGreyLine {
border-color:#49848C;
}
hr.hrOrangeLine {
border-color:#F8991C;
}
hr.hrBlackLine {
border-color:#485451;
}
hr.hrRedLine {
border-color:#FF0000;
}
/* Containers */
#topLineContainer {
background-color: #029dd1;
width:100%;
}
#topLine {
clear: both;
width: 85%;
max-width: 92.3em;
margin: 0 auto;
padding-top:5px;
padding-bottom:5px;
line-height: 1.5em;
position: relative;
}
#topLine a {
color: white;
}
#header {
clear: both;
width: 85%;
max-width: 92.3em;
margin: 0 auto;
/*padding: 1em 0px;*/
color: #333;
line-height: 1.5em;
position: relative;
}
#divHeaderRightContainer {
text-align:right;
}
@media only screen and (max-width: 700px) {
#divHeaderRightContainer {
text-align:center;
}
}
.divOpeningBlock {
}
@media only screen and (max-width: 840px) {
.divOpeningBlock {
text-align:center;
}
}
.divContactsBlock {
text-align:right;
}
@media only screen and (max-width: 840px) {
.divContactsBlock {
text-align:center;
}
}
#divLogoContainer {
padding-left:15px;
}
#divCountDownContainer {
/*float:right;
position:relative;
width:75%;*/
float:right;
position:relative;
width:95%;
margin-top:1px;
}
#divTextCounter {
float:left;
position:relative;
width:43%; /* was 56% */
padding-top:10px;
font-weight:bold;
}
@media only screen and (max-width: 1100px) {
.divTextCounter {
width:23%;
padding-top:0px !important;
font-weight:normal;
}
}
@media only screen and (max-width: 700px) {
.divTextCounter {
width:23%;
padding-top:0px !important;
font-weight:normal;
}
}
#divHourCounter {
float:left;
position:relative;
width:9%; /* was 14% */
padding:6px 2px 6px 2px;
text-align:center;
border-width:3px;
border-style:solid;
border-color:black;
border-radius:5px;
margin-left:10px;
}
#divMinuteCounter {
float:left;
position:relative;
width:9%; /* was 14% */
padding:6px 2px 6px 2px;
text-align:center;
border-width:3px;
border-style:solid;
border-color:black;
border-radius:5px;
margin-left:5px;
}
#divSignInButtonCounter {
float:left;
position:relative;
text-align:center;
margin-left:15px;
padding-top:20px;
width:93px;
}
@media only screen and (max-width: 700px) {
#divHourCounter {
padding:5px 5px 5px 5px;
margin-left:1px;
}
#divMinuteCounter {
padding:5px 5px 5px 5px;
margin-left:1px;
}
#divSignInButtonCounter {
margin-left:1px;
}
}
.spnValue {
font-weight:bold;
font-size:21px;
}
.fullWidthContainer {
width:100%;
}
#navigationContainer {
background-color: #029dd1;
width:100%;
}
#PageContainer {
clear: both;
width: 85%;
max-width: 92.3em;
margin: 0 auto;
/*padding: 1em 0px; */
color: #333;
line-height: 1.5em;
position: relative;
}
#FullWidthPageContainer {
width:100%;
position: relative;
margin: auto;
background-image: url("../Images/request_calback_background_v3.png");
height:980px;
background-repeat: no-repeat;
background-size: cover;
}
.callBackBackground {
background-image: url("../Images/request_calback_background_v3.png");
height:955px;
/*background-repeat: no-repeat;
background-size: cover;*/
margin-bottom:0px !important;
background-size: 100% 100%;
}
#navigationBar {
clear: both;
width: 85%;
max-width: 92.3em;
margin: 0 auto;
color: #333;
line-height: 1.5em;
position: relative;
}
#footerContainer {
border-top: solid 8px #029dd1;
background: #C0C0C0; /* #f3f2f1 */
}
#footer {
clear: both;
width: 85%;
max-width: 92.3em;
margin: 0 auto;
padding: 1em 0px;
color: #333;
line-height: 1.5em;
position: relative;
}
#footer p {
font-size:16px;
line-height:18px;
}
#footerBannerImage {
background-image: url("../Images/ecs_footer_banner_v3.png");
height:60px;
background-repeat: no-repeat;
background-size: cover;
}
@media only screen and (max-width: 950px) {
#header {
width:96%;
}
#PageContainer {
width:96%;
}
#navigationBar {
width:96%;
}
#footer {
width:96%;
}
}
.basketContainer {
float:right;
margin-top:11px;
height:51px;
width:68px;
background-image: url("../Assets/basket.png");
background-repeat: no-repeat;
background-size: contain;
padding-top:4px;
text-align:center;
font-size:18px;
font-weight:bold;
}
/* Page Containers */
#mainTitle {
text-align:center;
}
#topSearchHolder {
margin-top:20px;
border: solid 2px #029dd1;
background-color:white;
}
#imageHolder {
border: solid 2px #029dd1;
background-color:white;
width:100%;
height:350px;
display: flex;
justify-content: center;
align-items: center;
}
#imageHolderBlack {
border: solid 2px #000000;
background-color:white;
width:100%;
height:350px;
display: flex;
justify-content: center;
align-items: center;
}
/* Page Elements */
.topSearchBox {
width:67%;
padding:10px 10px 10px 10px;
font-size:16px;
border: none;
border-color: transparent;
outline:none;
}
.topSearchBox:focus {
border: none;
border-color: transparent;
}
@media only screen and (max-width: 1100px) {
.topSearchBox {
width: 65%;
}
}
@media only screen and (max-width: 900px) {
.topSearchBox {
width: 55%;
}
}
.vimeoVideoContainerImage {
height:160px;
background-color:white;
}
.productContainer {
width:95%;
}
.productContainerImage {
height:210px;
background-color:white;
display: flex;
justify-content: center;
align-items: center;
}
@media only screen and (max-width: 1100px) {
.productContainerImage {
height:140px;
}
}
.productImage {
max-width: 100%;
max-height: 100%;
pointer-events: none;
}
.productWatermark{
background:url(images/watermark.png) no-repeat;
width: 100px;
height: 100px;
position: relative;
top: 0;
left: 0;
}
.productContainerImageBlack {
height:210px;
background-color:white;
display: flex;
justify-content: center;
align-items: center;
width:95%;
padding-left:5px;
}
.productContainerImageBlack a {
margin:0px;
padding:0px;
}
productContainerTitle {
padding-top: 15px;
padding-bottom: 15px;
padding-left: 15px;
padding-right: 15px;
background-color: #029dd1;
text-align: center;
min-height: 39px;
}
.productContainerTitle a {
color:white;
text-decoration:none;
}
.productContainerTitleBlack {
padding-top:15px;
padding-bottom:15px;
padding-left:15px;
padding-right:15px;
background-color:#000000;
text-align:center;
min-height:39px;
font-size:15px;
font-weight:bold;
}
.productContainerTitleBlack:hover {
text-decoration:underline;
}
.productContainerTitleBlack a:hover {
text-decoration:underline;
}
.lineHeightVertical {
line-height:39px;
}
.enforceMinHeight {
min-height:78px !important;
}
.productContainerTitleBlack a {
color:white;
text-decoration:none;
}
@media only screen and (max-width: 1100px) {
.productContainerTitleBlack {
font-weight:normal !important;
font-size:10px !important;
padding-left:2px;
padding-right:2px;
min-height:100px !important;
line-height:15px !important;
}
}
.productTypeContainerTitleBlack {
padding-top:15px;
padding-bottom:15px;
padding-left:15px;
padding-right:15px;
background-color:#000000;
text-align:center;
min-height:39px;
font-size:15px;
font-weight:bold;
}
.productTypeContainerTitleBlack:hover {
text-decoration:underline;
}
.productTypeContainerTitleBlack a:hover {
text-decoration:underline;
}
.productTypeContainerTitleBlack a {
color:white;
text-decoration:none;
}
@media only screen and (max-width: 1100px) {
.productTypeContainerTitleBlack {
font-weight:normal !important;
font-size:10px !important;
padding-left:2px;
padding-right:2px;
min-height:40px !important;
line-height:15px !important;
}
}
.productContainerPrice {
text-align:center;
font-weight:bold;
background-color:white;
padding-bottom:10px;
}
.productContainerOrder {
text-align:center;
font-weight:bold;
background-color:white;
margin-bottom:10px;
}
.productContainerOrderTexBox {
width:12%;
padding:6px;
font-size:13px;
text-align:center;
}
.productContainerListView {
width:95%;
}
.productContainerListViewrOrderTexBox {
width:20%;
padding:6px;
font-size:13px;
text-align:center;
}
.categoryContainerImage {
height:210px;
background-color:white;
display: flex;
justify-content: center;
align-items: center;
padding:15px;
}
.pricingButtonContainer {
}
@media only screen and (max-width: 900px) {
.pricingButtonContainer {
text-align:center;
}
}
.productAddToBasketContainer {
background-color:white;
border-color:#029dd1;
border-style:solid;
border-width:1px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
padding:20px 15px 20px 15px;
margin-top:0px;
margin-bottom:15px;
}
.productAddToBasketContainer input[type=text] {
padding:6px;
font-size:13px;
margin-right:15px;
width: 10%;
text-align:center;
}
.productAddToBasketContainer span {
font-weight:bold;
font-size:1.2em;
margin-right:20px;
}
.productAddToBasketContainerBlack {
background-color:white;
border-color:#000000;
border-style:solid;
border-width:1px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
padding:20px 15px 20px 15px;
margin-top:0px;
margin-bottom:15px;
}
.productAddToBasketContainerBlack input[type=text] {
padding:6px;
font-size:13px;
margin-right:15px;
width: 10%;
text-align:center;
}
.productAddToBasketContainerBlack span {
font-weight:bold;
font-size:1.2em;
margin-right:20px;
}
.addrLineHeader {
font-weight:bold;
font-size:13px;
}
.addrTextBox {
width:95%;
padding:5px 10px 5px 10px;
font-size:13px;
margin-bottom:5px;
}
.addrDropDown {
width:98%;
padding:5px 10px 5px 10px;
font-size:13px;
margin-bottom:5px;
}
/* Generic Styles */
h1 {
line-height:28px;
}
.homePageSubtitle {
font-size:25px;
text-align:center;
line-height:30px;
}
.blockMargin {
margin-top:0px !important;
margin-bottom:0px !important;
}
.blockTopMargin {
margin-top:0px !important;
}
.fontSizeFifteen {
font-size:15px !important;
}
.bold {
font-weight:bold;
}
.italics {
font-style:italic;
}
.alignCenter {
text-align:center;
}
.alignRight {
text-align:right;
}
.noMarginTop {
margin-top: 0px !important;
}
.marginLeft {
margin-left:15px;
}
.paddingLeft {
padding-left:15px;
}
.smallPaddingTop {
padding-top:1px;
}
.largePaddingTop {
padding-top:15px;
}
.favouritesBlockContainer {
padding-top:15px;
text-align:center;
}
.marginTopTen {
margin-top:10px;
}
.marginTopFourteen {
margin-top:14px;
}
.marginTopTwenty {
margin-top:20px;
}
.marginTopThirty {
margin-top:30px;
}
.marginTopForty {
margin-top:40px !important;
}
.marginTopFifty {
margin-top:50px;
}
.marginTopHundred {
margin-top:100px;
}
.marginTopZero {
margin-top:0px !important;
}
.marginBottomZero {
margin-bottom:0px !important;
}
.marginBottomTen {
margin-bottom:10px;
}
.marginBottomThirty {
margin-bottom:30px;
}
.marginBottomForty {
margin-bottom:40px;
}
.marginBottomFifty {
margin-bottom:50px !important;
}
.marginBottomTonerPageSidebar {
margin-top:531px;
}
.marginThirty {
margin-top:30px;
margin-bottom:30px;
}
.blackText {
color:black;
}
.blackText a {
color:black;
}
.whiteText {
color:white;
}
.redText {
color:red;
}
.pinkText {
color:#ff0077;
}
.cyanText {
color: #3fb0d9;
}
.greenText {
color:#a7c949;
}
.tealText {
color:#2699c7;
}
.extraLineHeight {
line-height: 30px;
}
.fontWeightTwentyFive {
font-size:25px !important;
}
p.subHeading {
font-weight: bold;
font-size: 1.6em;
text-align: center;
margin-top: 23px;
margin-bottom: 23px;
}
.greenBackground {
background: #1BB71B;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1BB71B', endColorstr='#048604');
background: -webkit-gradient(linear,left top,left bottom,from(#1BB71B),to(#048604));
background: -moz-linear-gradient(top,#1BB71B,#048604);
}
.noWrapText {
white-space: nowrap;
}
.h1subtitle {
color:darkgray;
font-weight:bold;
}
.imgAutoSize {
max-width: 100%;
max-height: 100%;
/*display: block;
margin-left: auto;
margin-right: auto;*/
pointer-events: none;
}
.mapIframe {
width:100%;
height:250px;
}
.mapIframeFooter {
width:100%;
height:200px;
}
.pageTitleContainer {
/*background-color:#029dd1;*/
background: #029dd1;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#029dd1', endColorstr='#0071C5');
background: -webkit-gradient(linear,left top,left bottom,from(#029dd1),to(#0071C5));
background: -moz-linear-gradient(top,#029dd1,#0071C5);
color:white;
width:98.5%;
padding:15px 0px 15px 15px;
text-transform:capitalize;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.pageTitleContainer h1 {
margin:0px;
padding:0px;
font-weight:bold;
font-size:28px;
margin-bottom:5px;
}
.pageTitleContainer h2 {
margin:0px;
padding:0px;
font-weight:normal;
padding-top:7px;
padding-bottom:7px;
font-size: 25px;
}
.pageTitleContainer h3 {
margin:0px;
padding:0px;
font-weight:normal;
padding-top:7px;
font-size: 1.3em;
text-align:center;
}
@media only screen and (max-width: 950px) {
.pageTitleContainer {
width: 96%;
}
.pageTitleContainer h2 {
line-height:25px;
}
}
.pageTitleContainerGreen {
/*background-color:#029dd1;*/
background: #5BB00D;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5BB00D', endColorstr='#3c8132');
background: -webkit-gradient(linear,left top,left bottom,from(#5BB00D),to(#3c8132));
background: -moz-linear-gradient(top,#5BB00D,#3c8132);
color:white;
width:98.5%;
padding:15px 0px 15px 15px;
text-transform:capitalize;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.pageTitleContainerGreen h1 {
margin:0px;
padding:0px;
font-weight:normal;
font-size:28px;
}
.pageTitleContainerGreen h2 {
margin:0px;
padding:0px;
font-weight:normal;
padding-top:7px;
padding-bottom:7px;
font-size:25px;
}
.pageTitleContainerGreen h3 {
margin:0px;
padding:0px;
font-weight:normal;
padding-top:7px;
font-size: 1.3em;
text-align:center;
}
@media only screen and (max-width: 950px) {
.pageTitleContainerGreen {
width: 96%;
}
.pageTitleContainerGreen h1 {
font-weight:bold;
}
.pageTitleContainerGreen h2 {
line-height:25px !important;
}
}
.pageTitleContainerPurple {
/*background-color:#029dd1;*/
background: #5115A3;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5115A3', endColorstr='#431287');
background: -webkit-gradient(linear,left top,left bottom,from(#5115A3),to(#431287));
background: -moz-linear-gradient(top,#5115A3,#3c8132);
color:white;
width:98.5%;
padding:15px 0px 15px 15px;
text-transform:capitalize;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.pageTitleContainerPurple h1 {
margin:0px;
padding:0px;
font-weight:normal;
font-size:28px
}
.pageTitleContainerPurple h2 {
margin:0px;
padding:0px;
font-weight:normal;
padding-top:7px;
padding-bottom:7px;
font-size: 25px;
}
.pageTitleContainerPurple h3 {
margin:0px;
padding:0px;
font-weight:normal;
padding-top:7px;
font-size: 1.3em;
text-align:center;
}
@media only screen and (max-width: 950px) {
.pageTitleContainerPurple {
width: 96%;
}
.pageTitleContainerPurple h1 {
font-weight:bold;
}
.pageTitleContainerPurple h2 {
line-height:25px !important;
}
}
.pageTitleContainerNavy {
/*background-color:#029dd1;*/
background: #000CFF;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000CFF', endColorstr='#333dff');
background: -webkit-gradient(linear,left top,left bottom,from(#000CFF),to(#333dff));
background: -moz-linear-gradient(top,#000CFF,#3c8132);
color:white;
width:98.5%;
padding:15px 0px 15px 15px;
text-transform:capitalize;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.pageTitleContainerNavy h1 {
margin:0px;
padding:0px;
font-weight:normal;
font-size:28px;
}
.pageTitleContainerNavy h2 {
margin:0px;
padding:0px;
font-weight:normal;
padding-top:7px;
padding-bottom:7px;
font-size: 25px;
}
.pageTitleContainerNavy h3 {
margin:0px;
padding:0px;
font-weight:normal;
padding-top:7px;
font-size: 1.3em;
text-align:center;
}
@media only screen and (max-width: 950px) {
.pageTitleContainerNavy {
width: 96%;
}
.pageTitleContainerNavy h1 {
font-weight:bold;
}
.pageTitleContainerNavy h2 {
line-height:25px !important;
}
}
.pageTitleContainerGrey {
/*background-color:#029dd1;*/
background: #49848C;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#589ea7', endColorstr='#49848C');
background: -webkit-gradient(linear,left top,left bottom,from(#589ea7),to(#49848C));
background: -moz-linear-gradient(top,#589ea7,#49848C);
color:white;
width:98.5%;
padding:15px 0px 15px 15px;
text-transform:capitalize;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.pageTitleContainerGrey h1 {
margin:0px;
padding:0px;
font-weight:normal;
font-size:28px;
}
.pageTitleContainerGrey h2 {
margin:0px;
padding:0px;
font-weight:normal;
padding-top:7px;
padding-bottom:7px;
font-size:25px;
}
.pageTitleContainerGrey h3 {
margin:0px;
padding:0px;
font-weight:normal;
padding-top:7px;
font-size: 1.3em;
text-align:center;
}
@media only screen and (max-width: 950px) {
.pageTitleContainerGrey {
width: 96%;
}
.pageTitleContainerGrey h1 {
font-weight:bold;
}
.pageTitleContainerGrey h2 {
line-height:25px !important;
}
}
.pageTitleContainerOrange {
/*background-color:#029dd1;*/
background: #F8991C;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fab152', endColorstr='#F8991C');
background: -webkit-gradient(linear,left top,left bottom,from(#fab152),to(#F8991C));
background: -moz-linear-gradient(top,#fab152,#F8991C);
color:white;
width:98.5%;
padding:15px 0px 15px 15px;
text-transform:capitalize;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.pageTitleContainerOrange h1 {
margin:0px;
padding:0px;
font-weight:normal;
font-weight:28px;
}
.pageTitleContainerOrange h2 {
margin:0px;
padding:0px;
font-weight:normal;
padding-top:7px;
padding-bottom:7px;
font-size:25px;
}
.pageTitleContainerOrange h3 {
margin:0px;
padding:0px;
font-weight:normal;
padding-top:7px;
font-size: 1.3em;
text-align:center;
}
@media only screen and (max-width: 950px) {
.pageTitleContainerOrange {
width: 96%;
}
.pageTitleContainerOrange h1 {
font-weight:bold;
}
.pageTitleContainerOrange h2 {
line-height:25px !important;
}
}
.pageTitleContainerBlack {
/*background-color:#029dd1;*/
background: #485451;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e6e6a', endColorstr='#485451');
background: -webkit-gradient(linear,left top,left bottom,from(#5e6e6a),to(#485451));
background: -moz-linear-gradient(top,#5e6e6a,#485451);
color:white;
width:98.5%;
padding:15px 0px 15px 15px;
text-transform:capitalize;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.pageTitleContainerBlack h1 {
margin:0px;
padding:0px;
font-weight:normal;
font-size:28px;
}
.pageTitleContainerBlack h2 {
margin:0px;
padding:0px;
font-weight:normal;
padding-top:7px;
padding-bottom:7px;
font-size: 25px;
}
.pageTitleContainerBlack h3 {
margin:0px;
padding:0px;
font-weight:normal;
padding-top:7px;
font-size: 1.3em;
text-align:center;
}
@media only screen and (max-width: 950px) {
.pageTitleContainerBlack {
width: 96%;
}
.pageTitleContainerBlack h1 {
font-weight:bold;
}
.pageTitleContainerBlack h2 {
line-height:25px !important;
}
}
.pageTitleContainerSolidBlack {
/*background-color:#029dd1;*/
background: #485451;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#262626', endColorstr='#000000');
background: -webkit-gradient(linear,left top,left bottom,from(#262626),to(#000000));
background: -moz-linear-gradient(top,#262626,#000000);
color:white;
width:98.5%;
padding:15px 0px 15px 15px;
text-transform:capitalize;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.pageTitleContainerSolidBlack h1 {
margin:0px;
padding:0px;
font-weight:normal;
font-size:28px;
}
.pageTitleContainerSolidBlack h2 {
margin:0px;
padding:0px;
font-weight:normal;
padding-top:7px;
font-size: 25px;
}
.pageTitleContainerSolidBlack h3 {
margin:0px;
padding:0px;
font-weight:normal;
padding-top:7px;
padding-bottom:7px;
font-size: 1.3em;
text-align:center;
}
@media only screen and (max-width: 950px) {
.pageTitleContainerSolidBlack {
width: 96%;
}
.pageTitleContainerSolidBlack h1 {
font-weight:bold;
}
.pageTitleContainerSolidBlack h2 {
line-height:25px !important;
}
}
.pageTitleContainerPink {
/*background-color:#029dd1;*/
background: #ec008c;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1aa3', endColorstr='#ec008c');
background: -webkit-gradient(linear,left top,left bottom,from(#ff1aa3),to(#ec008c));
background: -moz-linear-gradient(top,#ff1aa3,#ec008c);
color:white;
width:98.5%;
padding:15px 0px 15px 15px;
text-transform:capitalize;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.pageTitleContainerPink h1 {
margin:0px;
padding:0px;
font-weight:normal;
font-size:28px;
}
.pageTitleContainerPink h2 {
margin:0px;
padding:0px;
font-weight:normal;
padding-top:7px;
padding-bottom:7px;
font-size: 25px;
}
.pageTitleContainerPink h3 {
margin:0px;
padding:0px;
font-weight:normal;
padding-top:7px;
font-size: 1.3em;
text-align:center;
}
@media only screen and (max-width: 950px) {
.pageTitleContainerPink {
width: 96%;
}
.pageTitleContainerPink h1 {
font-weight:bold;
}
.pageTitleContainerPink h2 {
line-height:25px !important;
}
}
.pageTitleContainerRed {
/*background-color:#029dd1;*/
background: #FF0000;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3333', endColorstr='#FF0000');
background: -webkit-gradient(linear,left top,left bottom,from(#ff3333),to(#FF0000));
background: -moz-linear-gradient(top,#ff3333,#FF0000);
color:white;
width:98.5%;
padding:15px 0px 15px 15px;
text-transform:capitalize;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.pageTitleContainerRed h1 {
margin:0px;
padding:0px;
font-weight:normal;
font-size:28px;
}
.pageTitleContainerRed h2 {
margin:0px;
padding:0px;
font-weight:normal;
padding-top:7px;
padding-bottom:7px;
font-size:25px;
}
.pageTitleContainerRed h3 {
margin:0px;
padding:0px;
font-weight:normal;
padding-top:7px;
font-size: 1.3em;
text-align:center;
}
@media only screen and (max-width: 950px) {
.pageTitleContainerRed {
width: 96%;
}
.pageTitleContainerRed h1 {
font-weight:bold;
}
.pageTitleContainerRed h2 {
line-height:25px !important;
}
}
.pageTitleContainerAtomGreen {
/*background-color:#029dd1;*/
background: #5115A3;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A0CC3A', endColorstr='#47A247');
background: -webkit-gradient(linear,left top,left bottom,from(#A0CC3A),to(#47A247));
background: -moz-linear-gradient(top,#A0CC3A,#47A247);
color:white;
width:98.5%;
padding:15px 0px 15px 15px;
text-transform:capitalize;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.pageTitleContainerAtomGreen h1 {
margin:0px;
padding:0px;
font-weight:normal;
font-size:28px;
}
.pageTitleContainerAtomGreen h2 {
margin:0px;
padding:0px;
font-weight:normal;
padding-top:7px;
padding-bottom:7px;
font-size:25px
}
.pageTitleContainerAtomGreen h3 {
margin:0px;
padding:0px;
font-weight:normal;
padding-top:7px;
padding-bottom:7px;
font-size: 1.3em;
text-align:center;
}
@media only screen and (max-width: 950px) {
.pageTitleContainerAtomGreen {
width: 96%;
}
.pageTitleContainerAtomGreen h1 {
font-weight:bold;
}
.pageTitleContainerAtomGreen h2 {
line-height:25px !important;
}
}
.pageTitleContainerQuantumGreen {
/*background-color:#029dd1;*/
background: #23C6A7;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3cddbf', endColorstr='#23C6A7');
background: -webkit-gradient(linear,left top,left bottom,from(#3cddbf),to(#23C6A7));
background: -moz-linear-gradient(top,#3cddbf,#23C6A7);
color:white;
width:98.5%;
padding:15px 0px 15px 15px;
text-transform:capitalize;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.pageTitleContainerQuantumGreen h1 {
margin:0px;
padding:0px;
font-weight:normal;
font-size:28px;
}
.pageTitleContainerQuantumGreen h2 {
margin:0px;
padding:0px;
font-weight:normal;
padding-top:7px;
padding-bottom:7px;
font-size:25px;
}
.pageTitleContainerQuantumGreen h3 {
margin:0px;
padding:0px;
font-weight:normal;
padding-top:7px;
font-size: 1.3em;
text-align:center;
}
@media only screen and (max-width: 950px) {
.pageTitleContainerQuantumGreen {
width: 96%;
}
.pageTitleContainerQuantumGreen h1 {
font-weight:bold;
}
.pageTitleContainerQuantumGreen h2 {
line-height:25px !important;
}
}
.pageTitleSubContainer {
/*background-color:#029dd1;*/
background: #029dd1;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#029dd1', endColorstr='#0071C5');
background: -webkit-gradient(linear,left top,left bottom,from(#029dd1),to(#0071C5));
background: -moz-linear-gradient(top,#029dd1,#0071C5);
color:white;
width:98.5%;
padding:15px 0px 15px 15px;
text-transform:capitalize;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
margin-top:40px
}
.pageTitleSubContainer h2 {
margin:0px;
padding:0px;
font-weight:normal;
}
.pageTitleSubContainerSolidBlack {
/*background-color:#029dd1;*/
background: #000;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#262626', endColorstr='#000000');
background: -webkit-gradient(linear,left top,left bottom,from(#262626),to(#000000));
background: -moz-linear-gradient(top,#262626,#000000);
color:white;
width:98.5%;
padding:15px 0px 15px 15px;
text-transform:capitalize;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
margin-top:40px
}
.pageTitleSubContainerSolidBlack h2 {
margin:0px;
padding:0px;
font-weight:normal;
}
.orderTrackingSubContainer {
/*background-color:#029dd1;*/
background: #029dd1;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#029dd1', endColorstr='#0071C5');
background: -webkit-gradient(linear,left top,left bottom,from(#029dd1),to(#0071C5));
background: -moz-linear-gradient(top,#029dd1,#0071C5);
color:white;
width:95%;
padding:15px 0px 15px 15px;
text-transform:capitalize;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
margin-top:15px
}
.orderTrackingSubContainer h2 {
margin:0px;
padding:0px;
font-weight:normal;
}
.orderTrackingSubContainerBlack {
/*background-color:#029dd1;*/
background: #485451;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#262626', endColorstr='#000000');
background: -webkit-gradient(linear,left top,left bottom,from(#262626),to(#000000));
background: -moz-linear-gradient(top,#262626,#000000);
color:white;
width:95%;
padding:15px 0px 15px 15px;
text-transform:capitalize;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
margin-top:15px
}
.orderTrackingSubContainerBlack h2 {
margin:0px;
padding:0px;
font-weight:normal;
}
.orderTrackingTextBox {
width:92%;
padding:5px 10px 5px 10px;
font-size:13px;
margin-bottom:5px;
}
.partnerUsContainer {
/*background-color:#029dd1;*/
background: #029dd1;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#029dd1', endColorstr='#0071C5');
background: -webkit-gradient(linear,left top,left bottom,from(#029dd1),to(#0071C5));
background: -moz-linear-gradient(top,#029dd1,#0071C5);
color:white;
width:96%;
padding:15px 0px 15px 15px;
text-transform:capitalize;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.partnerUsContainer h2 {
margin-top: 6px;
margin-bottom: 4px;
font-weight: unset;
text-align: center;
}
.partnerUsContainerBlack {
/*background-color:#029dd1;*/
background: #029dd1;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#262626', endColorstr='#000000');
background: -webkit-gradient(linear,left top,left bottom,from(#262626),to(#000000));
background: -moz-linear-gradient(top,#262626,#000000);
color:white;
width:96%;
padding:15px 0px 15px 15px;
text-transform:capitalize;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.partnerUsContainerBlack h2 {
margin-top: 6px;
margin-bottom: 4px;
font-weight: unset;
text-align: center;
}
.partnerUsContentBlock {
margin-bottom:25px;
}
.partnerUsContentBlock p, ul, li {
line-height: 25px;
}
.partnerUsContentBlock li {
margin-bottom:3px;
}
.partnerUsTextBox {
width:95%;
padding:5px 10px 5px 10px;
font-size:13px;
margin-bottom:5px;
}
.pageTitleContainerProduct {
/*background-color:#029dd1;*/
background: #029dd1;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#029dd1', endColorstr='#0071C5');
background: -webkit-gradient(linear,left top,left bottom,from(#029dd1),to(#0071C5));
background: -moz-linear-gradient(top,#029dd1,#0071C5);
color:white;
width:97.5%;
margin-top:10px;
padding:15px 0px 15px 15px;
text-transform:capitalize;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.pageTitleContainerProduct h1 {
margin:0px;
padding:0px;
font-weight:normal;
}
@media only screen and (max-width: 950px) {
.pageTitleContainerProduct {
width: 96%;
}
}
.pageTitleContainerProductBlack {
/*background-color:#029dd1;*/
background: #029dd1;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#262626', endColorstr='#000000');
background: -webkit-gradient(linear,left top,left bottom,from(#262626),to(#000000));
background: -moz-linear-gradient(top,#262626,#000000);
color:white;
width:97.5%;
margin-top:10px;
padding:15px 0px 15px 15px;
text-transform:capitalize;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.pageTitleContainerProductBlack h1 {
margin:0px;
padding:0px;
font-weight:normal;
}
@media only screen and (max-width: 950px) {
.pageTitleContainerProductBlack {
width: 96%;
}
}
.cto_part{
zoom:1;
padding:1.3em;
position:relative;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
background:#FCFCFC;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1);
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.1);
box-shadow:0 1px 2px rgba(0,0,0,0.1);
border:1px solid #D0D0D0;
margin-top: 25px;
margin-bottom: 35px;
}
.cto_part:before{
content:'';
display:block;
}
.cto_part:after{
content:'';
display:table;
clear:both;
}
.cto_part .title{
line-height:1.6em;
margin:0;
color:#333333;
font-weight:auto;
font-size:24px;
}
.cto_part .subtitle{
line-height:1.25em;
margin:0;
color:#555555;
font-weight:auto;
font-size:15px;
}
.cto_part .cto_button{
position:absolute;
display:block;
top:50%;
right:2em;
margin-top:-22px;
font-size: 20px;
letter-spacing:1px;
}
.cto_button-green a{display:inline-block;padding:10px 45px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#52740A;font-size:0.875em;font-family:inherit;font-weight:500;text-decoration:none;text-shadow:0 1px 0 #F0FFA6;text-align:center;-webkit-box-shadow:inset 0 1px 0 #D3F58B,0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 0 #D3F58B,0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 0 #D3F58B,0 1px 2px rgba(0,0,0,0.1);background:#b7d870;background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#ADCE67),color-stop(1,#C1E279));background:-ms-linear-gradient(bottom,#ADCE67,#C1E279);background:-moz-linear-gradient(center bottom,#ADCE67 0%,#C1E279 100%);background:-o-linear-gradient(#C1E279,#ADCE67);border-top:solid 1px #90B14B;border-left:solid 1px #85A641;border-right:solid 1px #85A641;border-bottom:solid 1px #7A9B37}
.cto_button-green a:hover{background:#BCDD75;background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#B2D36C),color-stop(1,#C6E77E));background:-ms-linear-gradient(bottom,#B2D36C,#C6E77E);background:-moz-linear-gradient(center bottom,#B2D36C 0%,#C6E77E 100%);background:-o-linear-gradient(#C6E77E,#B2D36C);border-top:solid 1px #95B650;border-left:solid 1px #8AAB46;border-right:solid 1px #8AAB46;border-bottom:solid 1px #7FA03C}
.cto_button-green a:active{background:#B2D36B;background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#B8D970),color-stop(1,#ACCD66));background:-ms-linear-gradient(bottom,#B8D970,#ACCD66);background:-moz-linear-gradient(center bottom,#B8D970 0%,#ACCD66 100%);background:-o-linear-gradient(#ACCD66,#B8D970);border-top:solid 1px #8CAD47;border-left:solid 1px #81A23D;border-right:solid 1px #81A23D;border-bottom:solid 1px #769733;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;padding-top:11px;padding-bottom:9px}
.manufacturersSidePanelContainer {
/*background-color:#029dd1;*/
background: #029dd1;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#029dd1', endColorstr='#0071C5');
background: -webkit-gradient(linear,left top,left bottom,from(#029dd1),to(#0071C5));
background: -moz-linear-gradient(top,#029dd1,#0071C5);
color:white;
width:100%;
padding:15px 0px 15px 0px;
text-align:center;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.manufacturersSidePanelContainer h4 {
display: block;
font-size: 21px;
margin:0px;
padding:0px;
font-weight:normal;
}
.manufacturersSidePanelContainerBlack {
/*background-color:#029dd1;*/
background: #000000;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#262626', endColorstr='#000000');
background: -webkit-gradient(linear,left top,left bottom,from(#262626),to(#000000));
background: -moz-linear-gradient(top,#262626,#000000);
color:white;
width:100%;
padding:15px 0px 15px 0px;
text-align:center;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.manufacturersSidePanelContainerBlack h4 {
/*display: block;
font-size: 21px;
margin:0px;
padding:0px;
font-weight:normal;*/
margin: 0px;
padding: 0px;
font-weight: normal;
font-size: 28px;
line-height:28px;
}
.statContainerList {
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.statContainerList li {
width:260px;
height:150px;
display:inline;
float:left;
margin-left:15px;
margin-right:15px;
margin-top:10px;
margin-bottom:10px;
border-style:solid;
border-width:3px;
border-color:#029dd1;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.statContainerList li:hover {
border-color:#408231;
background-color:#f3f2f1;
}
.statContainerList li .statQty {
margin-top:15px;
width:100%;
font-size:25px;
text-align:center;
font-weight:bold;
height:30px;
}
.statContainerList li .statQty:hover {
margin-top:15px;
width:100%;
font-size:27px;
text-align:center;
font-weight:bold;
}
.statContainerList li .statQty a {
text-decoration:none;
color:black;
}
.statContainerList li .statQty a:hover {
text-decoration:underline;
}
.statContainerList li .statMeasure {
margin-top:12px;
width:100%;
font-size:19px;
text-align:center;
}
.statContainerList li .statMeasure:hover {
font-size:20px;
}
.statContainerList li .statMeasure a {
color:black;
text-decoration:none;
}
.statContainerList li .statMeasure a:hover {
text-decoration:underline;
}
/* breadcrumb */
.breadcrumb {
list-style: none;
overflow: hidden;
padding-left:0px;
margin-top:15px !important;
clear: both;
width: 85%;
max-width: 92.3em;
margin: 0 auto;
position: relative;
}
@media only screen and (max-width: 950px) {
.breadcrumb {
width: 96%;
}
}
@media only screen and (max-width: 550px) {
.breadcrumb {
display:none;
}
}
.breadcrumb li {
float: left;
}
.breadcrumb li a {
color: white;
text-decoration: none;
padding: 5px 0 6px 50px;
background: brown; /* fallback color */
background: #000000;
position: relative;
display: block;
float: left;
}
.breadcrumb li a:after {
content: " ";
display: block;
width: 0;
height: 0;
border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */
border-bottom: 50px solid transparent;
border-left: 30px solid #000000;
position: absolute;
top: 50%;
margin-top: -50px;
left: 100%;
z-index: 2;
}
.breadcrumb li a:before {
content: " ";
display: block;
width: 0;
height: 0;
border-top: 50px solid transparent;
border-bottom: 50px solid transparent;
border-left: 30px solid white;
position: absolute;
top: 50%;
margin-top: -50px;
margin-left: 1px;
left: 100%;
z-index: 1;
}
.breadcrumb li:first-child a {
padding-left: 14px;
}
.breadcrumb li:nth-child(2) a { background: #333333; }
.breadcrumb li:nth-child(2) a:after { border-left-color: #333333; }
.breadcrumb li:nth-child(3) a { background: #404040; }
.breadcrumb li:nth-child(3) a:after { border-left-color: #404040; }
.breadcrumb li:nth-child(4) a { background: #5DADE2; }
.breadcrumb li:nth-child(4) a:after { border-left-color: #5DADE2; }
.breadcrumb li:nth-child(5) a { background: #85C1E9; }
.breadcrumb li:nth-child(5) a:after { border-left-color: #85C1E9; }
.breadcrumb li:last-child a {
background: transparent !important;
color: black;
pointer-events: none;
cursor: default;
font-weight:bold;
}
.breadcrumb li:last-child a:after {
border-left-color:#ffffff; /* was #f2f2f2 */
}
.breadcrumb li a:hover { background: #404040; text-decoration:underline; }
.breadcrumb li a:hover:after { border-left-color: #404040 !important; }
/* Products Page */
#divQuickFinderContainer {
background-color:white;
border-color:#000;
border-style:solid;
border-width:1px;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
padding:20px 15px 20px 15px;
margin-top:0px;
margin-bottom:15px;
}
#divQuickFinderContainer h3 {
margin-top:0px;
padding-top:0px;
}
/* Categories */
#divCategoryContainer {
background-color:white;
border-color:#000000;
border-style:solid;
border-width:1px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
padding:20px 15px 20px 15px;
margin-bottom:15px;
width:96%;
}
#divCategoryContainer h3 {
margin-top:0px;
padding-top:0px;
}
@media only screen and (max-width: 950px) {
#divCategoryContainer {
width: unset;
}
#divCategoryContainer h3 {
text-align:center;
}
}
/* buttons */
.blueButton {
background: #029dd1;
background-image: -webkit-linear-gradient(top, #029dd1, #2980b9);
background-image: -moz-linear-gradient(top, #029dd1, #2980b9);
background-image: -ms-linear-gradient(top, #029dd1, #2980b9);
background-image: -o-linear-gradient(top, #029dd1, #2980b9);
background-image: linear-gradient(to bottom, #029dd1, #2980b9);
-webkit-border-radius: 18;
-moz-border-radius: 18;
border-radius: 18px;
color: #ffffff;
padding: 7px 20px 7px 20px;
text-decoration: none;
}
.blueButton:hover {
background: #3cb0fd;
background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
text-decoration: none;
}
.blackButton {
background: #029dd1;
background-image: -webkit-linear-gradient(top, #262626, #000000);
background-image: -moz-linear-gradient(top, #262626, #000000);
background-image: -ms-linear-gradient(top, #262626, #000000);
background-image: -o-linear-gradient(top, #262626, #000000);
background-image: linear-gradient(to bottom, #262626, #000000);
-webkit-border-radius: 18;
-moz-border-radius: 18;
border-radius: 18px;
color: #ffffff;
padding: 7px 20px 7px 20px;
text-decoration: none;
}
.blackButton:hover {
background: #3cb0fd;
background-image: -webkit-linear-gradient(top, #4d4d4d, #000000);
background-image: -moz-linear-gradient(top, #4d4d4d, #000000);
background-image: -ms-linear-gradient(top, #4d4d4d, #000000);
background-image: -o-linear-gradient(top, #4d4d4d, #000000);
background-image: linear-gradient(to bottom, #4d4d4d, #000000);
text-decoration: none;
}
.blueBasketButton {
background: #029dd1;
background-image: -webkit-linear-gradient(top, #029dd1, #2980b9);
background-image: -moz-linear-gradient(top, #029dd1, #2980b9);
background-image: -ms-linear-gradient(top, #029dd1, #2980b9);
background-image: -o-linear-gradient(top, #029dd1, #2980b9);
background-image: linear-gradient(to bottom, #029dd1, #2980b9);
-webkit-border-radius: 15;
-moz-border-radius: 15;
border-radius: 15px;
color: #ffffff;
padding: 7px 12px 7px 12px;
text-decoration: none;
margin-left:10px;
}
.blueBasketButton:hover {
background: #3cb0fd;
background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
text-decoration: none;
}
.SmallBlueButton {
background: #029dd1;
background-image: -webkit-linear-gradient(top, #029dd1, #2980b9);
background-image: -moz-linear-gradient(top, #029dd1, #2980b9);
background-image: -ms-linear-gradient(top, #029dd1, #2980b9);
background-image: -o-linear-gradient(top, #029dd1, #2980b9);
background-image: linear-gradient(to bottom, #029dd1, #2980b9);
-webkit-border-radius: 12;
-moz-border-radius: 12;
border-radius: 12px;
color: #ffffff;
padding: 3px 12px 3px 12px;
text-decoration: none;
}
.SmallBlueButton:hover {
background: #3cb0fd;
background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
text-decoration: none;
}
.magentaButton {
background: #e82583;
background-image: -webkit-linear-gradient(top, #e82583, #e7187c);
background-image: -moz-linear-gradient(top, #e82583, #e7187c);
background-image: -ms-linear-gradient(top, #e82583, #e7187c);
background-image: -o-linear-gradient(top, #e82583, #e7187c);
background-image: linear-gradient(to bottom, #e82583, #e7187c);
-webkit-border-radius: 18;
-moz-border-radius: 18;
border-radius: 18px;
color: #ffffff;
padding: 7px 20px 7px 20px;
text-decoration: none;
font-weight:bold;
}
.magentaButton:hover {
background: #e82583;
background-image: -webkit-linear-gradient(top, #e82583, #b91363);
background-image: -moz-linear-gradient(top, #e82583, #b91363);
background-image: -ms-linear-gradient(top, #e82583, #b91363);
background-image: -o-linear-gradient(top, #e82583, #b91363);
background-image: linear-gradient(to bottom, #e82583, #b91363);
text-decoration: none;
}
.magentaSignInButton {
background: #e82583;
background-image: -webkit-linear-gradient(top, #e82583, #e7187c);
background-image: -moz-linear-gradient(top, #e82583, #e7187c);
background-image: -ms-linear-gradient(top, #e82583, #e7187c);
background-image: -o-linear-gradient(top, #e82583, #e7187c);
background-image: linear-gradient(to bottom, #e82583, #e7187c);
-webkit-border-radius: 18;
-moz-border-radius: 18;
border-radius: 18px;
color: #ffffff;
padding: 14px 17px 17px 17px;
text-decoration: none;
font-weight:bold;
font-size:16px;
}
.magentaSignInButton:hover {
background: #e82583;
background-image: -webkit-linear-gradient(top, #e82583, #b91363);
background-image: -moz-linear-gradient(top, #e82583, #b91363);
background-image: -ms-linear-gradient(top, #e82583, #b91363);
background-image: -o-linear-gradient(top, #e82583, #b91363);
background-image: linear-gradient(to bottom, #e82583, #b91363);
text-decoration: none;
}
@media only screen and (max-width: 1100px) {
.magentaSignInButton {
font-weight:normal !important;
font-size:10px !important;
padding-left:5px;
padding-right:5px;
padding-top:10px;
padding-bottom:10px;
-webkit-border-radius: 5;
-moz-border-radius: 5;
border-radius: 5px;
margin-bottom:10px;
}
}
.orangeButton {
background: #f3930d;
background-image: -webkit-linear-gradient(top, #f3930d, #f3930d);
background-image: -moz-linear-gradient(top, #f3930d, #f3930d);
background-image: -ms-linear-gradient(top, #f3930d, #f3930d);
background-image: -o-linear-gradient(top, #f3930d, #f3930d);
background-image: linear-gradient(to bottom, #f3930d, #f3930d);
-webkit-border-radius: 18;
-moz-border-radius: 18;
border-radius: 18px;
color: #ffffff;
padding: 7px 20px 7px 20px;
text-decoration: none;
}
.orangeButton:hover {
background: #3cb0fd;
background-image: -webkit-linear-gradient(top, #f3930d, #f3930d);
background-image: -moz-linear-gradient(top, #f3930d, #f3930d);
background-image: -ms-linear-gradient(top, #f3930d, #f3930d);
background-image: -o-linear-gradient(top, #f3930d, #f3930d);
background-image: linear-gradient(to bottom, #f3930d, #f3930d);
text-decoration: none;
}
.greenButton {
background: #5BB00D;
background-image: -webkit-linear-gradient(top, #5BB00D, #5BB00D);
background-image: -moz-linear-gradient(top, #5BB00D, #5BB00D);
background-image: -ms-linear-gradient(top, #5BB00D, #5BB00D);
background-image: -o-linear-gradient(top, #5BB00D, #5BB00D);
background-image: linear-gradient(to bottom, #5BB00D, #5BB00D);
-webkit-border-radius: 18;
-moz-border-radius: 18;
border-radius: 18px;
color: #ffffff;
margin-top:10px;
margin-bottom:20px;
padding: 10px 25px 10px 25px;
text-decoration: none;
font-size:20px;
font-weight:bold;
text-align:center;
}
.greenButton:hover {
background: #a7c949;
background-image: -webkit-linear-gradient(top, #a7c949, #a7c949);
background-image: -moz-linear-gradient(top, #a7c949, #a7c949);
background-image: -ms-linear-gradient(top, #a7c949, #a7c949);
background-image: -o-linear-gradient(top, #a7c949, #a7c949);
background-image: linear-gradient(to bottom, #a7c949, #a7c949);
text-decoration: none;
}
@media only screen and (max-width: 700px) {
.greenButton {
font-size:12px;
font-weight:normal !important;
padding: 15px 5px 15px 5px;
}
}
.smallRedCtaButton {
background: #e82583;
background-image: -webkit-linear-gradient(top, #e82583, #e7187c);
background-image: -moz-linear-gradient(top, #e82583, #e7187c);
background-image: -ms-linear-gradient(top, #e82583, #e7187c);
background-image: -o-linear-gradient(top, #e82583, #e7187c);
background-image: linear-gradient(to bottom, #e82583, #e7187c);
-webkit-border-radius: 18;
-moz-border-radius: 18;
border-radius: 18px;
color: #ffffff;
padding: 7px 20px 7px 20px;
text-decoration: none;
}
@media only screen and (max-width: 700px) {
.smallRedCtaButton {
font-size:12px;
font-weight:normal !important;
padding: 15px 3px 15px 3px;
}
}
.smallRedCtaButton:hover {
background: #e82583;
background-image: -webkit-linear-gradient(top, #e82583, #b91363);
background-image: -moz-linear-gradient(top, #e82583, #b91363);
background-image: -ms-linear-gradient(top, #e82583, #b91363);
background-image: -o-linear-gradient(top, #e82583, #b91363);
background-image: linear-gradient(to bottom, #e82583, #b91363);
text-decoration: none;
}
.redCtaButton {
background: #e82583;
background-image: -webkit-linear-gradient(top, #e82583, #e7187c);
background-image: -moz-linear-gradient(top, #e82583, #e7187c);
background-image: -ms-linear-gradient(top, #e82583, #e7187c);
background-image: -o-linear-gradient(top, #e82583, #e7187c);
background-image: linear-gradient(to bottom, #e82583, #e7187c);
-webkit-border-radius: 18;
-moz-border-radius: 18;
border-radius: 18px;
color: #ffffff;
margin-top:10px;
margin-bottom:20px;
padding: 10px 25px 10px 25px;
text-decoration: none;
font-size:20px;
font-weight:bold;
text-align:center;
}
@media only screen and (max-width: 700px) {
.redCtaButton {
font-size:12px;
font-weight:normal !important;
padding: 15px 5px 15px 5px;
}
}
.redCtaButton:hover {
background: #e82583;
background-image: -webkit-linear-gradient(top, #e82583, #b91363);
background-image: -moz-linear-gradient(top, #e82583, #b91363);
background-image: -ms-linear-gradient(top, #e82583, #b91363);
background-image: -o-linear-gradient(top, #e82583, #b91363);
background-image: linear-gradient(to bottom, #e82583, #b91363);
text-decoration: none;
}
.redCtaButtonWider {
background: #e82583;
background-image: -webkit-linear-gradient(top, #e82583, #e7187c);
background-image: -moz-linear-gradient(top, #e82583, #e7187c);
background-image: -ms-linear-gradient(top, #e82583, #e7187c);
background-image: -o-linear-gradient(top, #e82583, #e7187c);
background-image: linear-gradient(to bottom, #e82583, #e7187c);
-webkit-border-radius: 18;
-moz-border-radius: 18;
border-radius: 18px;
color: #ffffff;
margin-top:20px;
margin-bottom:15px;
padding: 10px 35px 10px 35px;
text-decoration: none;
font-size:20px;
font-weight:bold;
text-align:center;
}
@media only screen and (max-width: 700px) {
.redCtaButtonWider {
font-size:14px;
font-weight:normal !important;
padding: 15px 5px 15px 5px;
}
}
.redCtaButtonWider:hover {
background: #e82583;
background-image: -webkit-linear-gradient(top, #e82583, #b91363);
background-image: -moz-linear-gradient(top, #e82583, #b91363);
background-image: -ms-linear-gradient(top, #e82583, #b91363);
background-image: -o-linear-gradient(top, #e82583, #b91363);
background-image: linear-gradient(to bottom, #e82583, #b91363);
text-decoration: none;
}
.blueCtaButton {
background: #029dd1;
background-image: -webkit-linear-gradient(top, #029dd1, #2980b9);
background-image: -moz-linear-gradient(top, #029dd1, #2980b9);
background-image: -ms-linear-gradient(top, #029dd1, #2980b9);
background-image: -o-linear-gradient(top, #029dd1, #2980b9);
background-image: linear-gradient(to bottom, #029dd1, #2980b9);
-webkit-border-radius: 18;
-moz-border-radius: 18;
border-radius: 18px;
color: #ffffff;
margin-top:10px;
margin-bottom:20px;
padding: 10px 25px 10px 25px;
text-decoration: none;
font-size:20px;
font-weight:bold;
text-align:center;
}
@media only screen and (max-width: 700px) {
.blueCtaButton {
font-size:14px;
font-weight:normal !important;
padding: 15px 5px 15px 5px;
}
}
.blueCtaButton:hover {
background: #3498db;
background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
text-decoration: none;
}
.blackCtaButton {
background: #000000;
background-image: -webkit-linear-gradient(top, #333333, #000000);
background-image: -moz-linear-gradient(top, #333333, #000000);
background-image: -ms-linear-gradient(top, #333333, #000000);
background-image: -o-linear-gradient(top, #333333, #000000);
background-image: linear-gradient(to bottom, #333333, #000000);
-webkit-border-radius: 18;
-moz-border-radius: 18;
border-radius: 18px;
color: #ffffff;
margin-top:10px;
margin-bottom:20px;
padding: 10px 25px 10px 25px;
text-decoration: none;
font-size:20px;
font-weight:bold;
text-align:center;
}
@media only screen and (max-width: 700px) {
.blackCtaButton {
font-size:14px;
font-weight:normal !important;
padding: 15px 5px 15px 5px;
}
}
.blackCtaButton:hover {
background: #3498db;
background-image: -webkit-linear-gradient(top, #666666, #262626);
background-image: -moz-linear-gradient(top, #666666, #262626);
background-image: -ms-linear-gradient(top, #666666, #262626);
background-image: -o-linear-gradient(top, #666666, #262626);
background-image: linear-gradient(to bottom, #666666, #262626);
text-decoration: none;
}
.greenCtaButton {
background: #a7c949; /* #a7c949, #a7c949 */
background-image: -webkit-linear-gradient(top, #a7c949, #a7c949);
background-image: -moz-linear-gradient(top, #a7c949, #a7c949);
background-image: -ms-linear-gradient(top, #a7c949, #a7c949);
background-image: -o-linear-gradient(top, #a7c949, #a7c949);
background-image: linear-gradient(to bottom, #a7c949, #a7c949);
-webkit-border-radius: 18;
-moz-border-radius: 18;
border-radius: 18px;
color: #ffffff;
margin-top:10px;
margin-bottom:20px;
padding: 10px 25px 10px 25px;
text-decoration: none;
font-size:20px;
font-weight:bold;
text-align:center;
}
@media only screen and (max-width: 700px) {
.greenCtaButton {
font-size:16px;
font-weight:normal !important;
}
}
.greenCtaButton:hover {
background: #e82583;
background-image: -webkit-linear-gradient(top, #a7c949, #90b135);
background-image: -moz-linear-gradient(top, #a7c949, #90b135);
background-image: -ms-linear-gradient(top, #a7c949, #90b135);
background-image: -o-linear-gradient(top, #a7c949, #90b135);
background-image: linear-gradient(to bottom, #a7c949, #90b135);
text-decoration: none;
}
.greenCtaButtonWider {
background: #48B349;
background-image: -webkit-linear-gradient(top, #48B349, #48B349);
background-image: -moz-linear-gradient(top, #48B349, #48B349);
background-image: -ms-linear-gradient(top, #48B349, #48B349);
background-image: -o-linear-gradient(top, #48B349, #48B349);
background-image: linear-gradient(to bottom, #48B349, #48B349);
-webkit-border-radius: 18;
-moz-border-radius: 18;
border-radius: 18px;
color: #ffffff;
margin-top:20px;
margin-bottom:15px;
padding: 10px 35px 10px 35px;
text-decoration: none;
font-size:20px;
font-weight:bold;
text-align:center;
}
@media only screen and (max-width: 700px) {
.greenCtaButtonWider {
font-size:14px;
font-weight:normal !important;
padding: 15px 5px 15px 5px;
}
}
.greenCtaButtonWider:hover {
background: #48B349;
background-image: -webkit-linear-gradient(top, #6dc56f, #48B349);
background-image: -moz-linear-gradient(top, #6dc56f, #48B349);
background-image: -ms-linear-gradient(top, #6dc56f, #48B349);
background-image: -o-linear-gradient(top, #6dc56f, #48B349);
background-image: linear-gradient(to bottom, #6dc56f, #48B349);
text-decoration: none;
}
.checkoutTable {
margin-top:15px;
margin-bottom:15px;
}
.checkoutTable tr:hover {
background-color:#5DADE2;
color:white;
}
.checkoutTable a {
color:black;
}
.checkoutTable tr a:hover {
color:white;
}
.NoHover:hover {
background-color:transparent !important;
color:black !important;
}
.marginTopSeven {
margin-top:7px;
}
ul.orderHistory {
padding-left:20px;
}
ul.orderHistory li {
background: url(../Assets/green-arrow.png) left 6px no-repeat;
padding: 2px 0;
padding-left: 23px;
list-style-type:none;
}
/* Blog / News */
.newsContainer {
width:95%;
margin-left:2px;
}
#containerNewsPageBlock {
width:100%;
}
.newsContainerTitleBlack {
padding-top:15px;
padding-bottom:15px;
padding-left:15px;
padding-right:15px;
background-color:#000000;
text-align:center;
min-height:75px;
font-size:15px;
font-weight:bold;
}
.newsContainerTitleBlack:hover {
text-decoration:underline;
}
.newsContainerTitleBlack a:hover {
text-decoration:underline;
}
.newsContainerTitleBlack a {
color:white;
text-decoration:none;
}
@media only screen and (max-width: 1100px) {
.newsContainerTitleBlack {
font-weight:normal !important;
font-size:10px !important;
padding-left:2px;
padding-right:2px;
min-height:100px !important;
line-height:15px !important;
}
}
.newsItemImageHolder {
margin-top:10px;
margin-bottom:10px;
height:250px;
width:250px;
}
/* Address Book List */
ul.addressBookList {
list-style-type: none;
margin-left:0px;
padding-left:0px;
}
ul.addressBookList li {
list-style-type: none;
margin-left:0px;
margin-bottom:15px;
padding:15px 10px 10px 10px;
background-color:#85C1E9;
}
ul.addressBookList li:hover {
background-color:#5DADE2;
}
span.addressBookListCompany {
font-weight:bold;
font-size:14px;
padding-bottom:5px;
display:block;
}
span.addressBookAddress {
width:87%;
display:inline-block;
}
span.addressBookEdit {
width:10%;
text-align:center;
display:inline-block;
padding-bottom:8px;
}
/* Sales Orders Table */
table.ordersTable {
margin-top:10px;
}
table.ordersTable tr:hover {
background-color:#5DADE2;
}
table.ordersTable tr:hover a {
color:white;
}
.centralSearchBoxContainer {
margin-top:15px;
margin-bottom:15px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.centralSearchBoxContainer input[type=text] {
padding:6px;
font-size:13px;
margin-right:10px;
}
.categoryManufacturerSelect {
margin-left:0px;
margin-right:5px;
padding:6px;
width:230px;
}
@media only screen and (max-width: 1150px) {
.categoryManufacturerSelect {
width: 200px;
}
}
@media only screen and (max-width: 900px) {
.categoryManufacturerSelect {
width: 98%;
margin-bottom: 13px;
margin-left:5px;
}
}
.homeAccreditionsTitle {
text-align:center;
font-weight:bold;
font-size:2em;
}
/* Quick Finder */
.homeQuickFinderContainer {
background-color:white;
margin-left:auto;
margin-right:auto;
width:73%;
border-color: #029dd1;
border-style: solid;
border-width: 1px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
padding: 10px 12px 12px 12px;
}
.homeQuickFinderContainer h3 {
font-size: 1.5em;
padding-top: 5px;
}
.quickFinderSelect {
margin-left:5px;
margin-right:5px;
padding:6px;
width:250px;
}
@media only screen and (max-width: 1150px) {
.quickFinderSelect {
width: 200px;
}
}
.quickFindButtonHolder {
float: right;
margin-right: 7px;
padding-top:2px;
}
@media only screen and (max-width: 900px) {
.homeQuickFinderContainer {
width:85% !important;
}
.quickFinderSelect {
width:98%;
margin-bottom:13px;
}
.quickFindButtonHolder {
width:100%;
text-align:center;
}
}
#divVideoContainer {
width:91%;
text-align:center;
margin:auto;
padding-top: 71px;
}
.newHomePageVideoIframe {
width:100%;
height:300px;
}
#divVideoContainerTonersPage {
width:70%;
text-align:center;
margin:auto;
padding-top:20px;
}
#divVideoContainerFulfilmentPage {
width:91%;
text-align:center;
margin:auto;
padding-top: 21px;
}
.tonersPageVideoIframe {
width:100%;
height:450px;
}
#divImageContainerRecyclingPage {
width:50%;
text-align:center;
margin:auto;
padding-top: 15px;
}
.recyclingPageImageHolder {
width:100%;
height:233px;
}
#divImageContainerRecyclingPageMetals {
width:70%;
text-align:center;
margin:auto;
padding-top: 15px;
}
.recyclingPageMetalsImageHolder {
width:100%;
height:244px;
}
#divImageContainerTwoRecyclingPage {
width:90%;
text-align:center;
margin:auto;
padding-top: 15px;
}
.recyclingPageImageTwoHolder {
width:100%;
height:210px;
}
.subHeadingImage {
height:40px;
width:40px;
padding-left:10px;
}
.remanTonerImage {
height:180px;
width:360px;
}
.recyclingTonerPageAwardTileImage {
height:180px;
width:120px;
}
.developmentPageAwardTileImage {
height:225px;
width:150px;
}
.ediImageSizer {
width:60%;
height:25%;
}
@media only screen and (max-width: 700px) {
.ediImageSizer {
margin-top:10px;
width:95%;
height:30%;
}
}
/* Manufacturer Side Bar */
ul.manufacturerSideBar {
list-style:none;
list-style-type:none;
margin-left:0px;
padding-left:0px;
}
ul.manufacturerSideBar li {
text-align:center;
padding-top:2px;
padding-bottom:4px;
}
ul.manufacturerSideBar li a:hover {
background-color:#029dd1;
color:white;
}
ul.manufacturerSideBar li:hover {
background-color:#029dd1;
color:white;
}
ul.manufacturerSideBar li:hover a {
color:white;
}
ul.manufacturerSideBarBlack {
list-style:none;
list-style-type:none;
margin-left:0px;
padding-left:0px;
}
ul.manufacturerSideBarBlack li {
text-align:center;
padding-top:2px;
padding-bottom:4px;
}
ul.manufacturerSideBarBlack li a:hover {
background-color:#000000;
color:white;
text-decoration:underline;
}
ul.manufacturerSideBarBlack li:hover {
background-color:#000000;
color:white;
text-decoration:underline;
}
ul.manufacturerSideBarBlack li:hover a {
color:white;
}
/* Pages Counter */
.pagesContainer {
width:100%;
text-align:center;
}
.pages ul {
float: left;
padding-left:0px !important;
margin-bottom: 7px;
margin-left: auto;
margin-right: auto;
}
.pages ul li {
border: 1px solid #DDD!important;
float: left!important;
list-style: none!important;
margin: 0 2px!important;
padding: 2px 4px 2px 4px !important;
width: 15px;
text-align: center;
margin-top: 0!important;
}
.pages ul li:first-child {
width:50px !important;
font-weight:bold;
text-align:center;
}
.currentPageCounter {
font-weight:bold;
text-decoration:none;
color:#029dd1;
}
.currentPageCounter a {
font-weight:bold;
text-decoration:none;
color:#029dd1;
}
/* Login Container */
.loginContainer {
background-color:white;
border-color:#029dd1;
border-style:solid;
border-width:1px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
margin-top:0px;
margin-bottom:15px;
padding: 20px 10px 10px 10px;
width:70%;
margin:auto;
}
.loginContainer h1 {
text-align:center;
margin-top:0px;
margin-bottom: 10px;
}
.loginContainer h3 {
text-align:center;
margin-top:15px;
margin-bottom: 10px;
}
.loginContainer p {
font-weight:bold;
margin-top:0px;
text-align:center;
}
.loginContainer input[type=text] {
width:80%;
padding:6px;
font-size:13px;
}
.loginContainer input[type=password] {
width:80%;
padding:6px;
font-size:13px;
}
/* Green Ticks */
ul.greenticks {
height: auto;
margin-bottom: 10px;
padding-left:25px;
}
ul.greenticks li {
list-style-type:none;
height: auto;
background: url(../Images/green-tick.png) left 2px no-repeat;
margin: 12px 0 15px 0px;
padding-left: 25px;
font-family: arial;
font-size: 13px;
font-weight: 400;
color: #333;
line-height: 21px;
}
/* Red Crosses*/
ul.redcrosses {
height: auto;
margin-bottom: 35px;
padding-left:25px;
}
ul.redcrosses li {
list-style-type:none;
height: auto;
background: url(../Images/red-cross.png) left 5px no-repeat;
margin: 15px 0 15px 0px;
padding-left: 25px;
font-family: arial;
font-size: 14px;
font-weight: normal;
color: #333;
}
/* Atom Dots */
ul.atomdots {
height: auto;
margin-bottom: 10px;
padding-left:25px;
}
ul.atomdots li {
list-style-type:none;
height: auto;
background: url(../Images/atom_bullet_point.png) left 2px no-repeat;
margin: 12px 0 15px 0px;
font-family: arial;
color: #333;
padding-left: 28px;
line-height: 21px;
font-size:21px;
font-weight:bold;
}
/* Quantum Dots */
ul.quantumDots {
height: auto;
margin-bottom: 10px;
padding-left:25px;
}
ul.quantumDots li {
list-style-type:none;
height: auto;
background: url(../Images/quantum_bullet_point.png) left 2px no-repeat;
margin: 12px 0 15px 0px;
font-family: arial;
color: #333;
padding-left: 28px;
line-height: 28px;
font-size:21px;
font-weight:bold;
}
/* White Tick with Green Background */
ul.WhiteTickGreenBackround {
height: auto;
margin-bottom: 10px;
padding-left:25px;
}
ul.WhiteTickGreenBackround li {
list-style-type:none;
height: auto;
background: url(../Images/white_tick_green_circle.png) left 2px no-repeat;
background-size:17px;
margin: 12px 0 15px 0px;
padding-left: 28px;
line-height: 21px;
font-size:21px;
font-weight:bold;
}
/* White Tick with Green Background */
.greenDot {
height: 15px;
width: 15px;
background-color: #35F427;
border-radius: 50%;
display: inline-block;
}
.yellowDot {
height: 15px;
width: 15px;
background-color: #FFFF00;
border-radius: 50%;
display: inline-block;
}
.redDot {
height: 15px;
width: 15px;
background-color: #FF0000;
border-radius: 50%;
display: inline-block;
}
.greyDot {
height: 15px;
width: 15px;
background-color: #B4B4B4;
border-radius: 50%;
display: inline-block;
}
.greenDotSmall {
height: 11px;
width: 11px;
background-color: #35F427;
border-radius: 50%;
display: inline-block;
margin-left:5px;
margin-right:5px;
}
.yellowDotSmall {
height: 11px;
width: 11px;
background-color: #FFFF00;
border-radius: 50%;
display: inline-block;
margin-left:5px;
margin-right:5px;
}
.orangeDotSmall {
height: 11px;
width: 11px;
background-color: #FFA500;
border-radius: 50%;
display: inline-block;
margin-left:5px;
margin-right:5px;
}
.redDotSmall {
height: 11px;
width: 11px;
background-color: #FF0000;
border-radius: 50%;
display: inline-block;
margin-left:5px;
margin-right:5px;
}
.greyDotSmall {
height: 11px;
width: 11px;
background-color: #B4B4B4;
border-radius: 50%;
display: inline-block;
margin-left:5px;
margin-right:5px;
}
.greenStockText {
color: #35F427;
}
.yellowStockText {
color: #FFA500;
}
.redStockText {
color: #FF0000;
}
/* Image Background */
.suziPerryGreenerSideBoxBackground {
background-image: url("../Images/suzi_greener_side_box.png");
height:700px;
background-repeat: no-repeat;
background-position:right 0px top;
}
/* Banner Images */
.bannerImageHolder {
width:100%;
display: flex;
justify-content: center;
align-items: center;
}
/* START TILES V1 */
.homePageTileImageHolder {
width:100%;
display: flex;
justify-content: center;
align-items: center;
}
.homePageTileImageHolder:hover {
background-color:grey;
}
.homePageTileImageHolderCyan {
padding-top:5px;
width:100%;
display: flex;
justify-content: center;
align-items: center;
border-radius:20px;
}
.homePageTileImageHolderCyan:hover {
background-color:#4dcfff;
}
.homePageTileImageHolderGreen {
padding-top:5px;
width:100%;
display: flex;
justify-content: center;
align-items: center;
border-radius:20px;
}
.homePageTileImageHolderGreen:hover {
background-color:#b0f471;
}
.homePageTileImageHolderNavy {
padding-top:5px;
width:100%;
display: flex;
justify-content: center;
align-items: center;
border-radius:20px;
}
.homePageTileImageHolderNavy:hover {
background-color:#666eff;
}
.homePageTileImageHolderPurple {
padding-top:5px;
width:100%;
display: flex;
justify-content: center;
align-items: center;
border-radius:20px;
}
.homePageTileImageHolderPurple:hover {
background-color:#8c4ae8;
}
.homePageTileImageHolderDarkGreen {
padding-top:5px;
width:100%;
display: flex;
justify-content: center;
align-items: center;
border-radius:20px;
}
.homePageTileImageHolderDarkGreen:hover {
background-color:#79b1b9;
}
.homePageTileImageHolderOrange {
padding-top:5px;
width:100%;
display: flex;
justify-content: center;
align-items: center;
border-radius:20px;
}
.homePageTileImageHolderOrange:hover {
background-color:#fabc6b;
}
.homePageTileImageHolderGrey {
padding-top:5px;
width:100%;
display: flex;
justify-content: center;
align-items: center;
border-radius:20px;
}
.homePageTileImageHolderGrey:hover {
background-color:#758a85;
}
.homePageTileImageHolderPink {
padding-top:5px;
width:100%;
display: flex;
justify-content: center;
align-items: center;
border-radius:20px;
}
.homePageTileImageHolderPink:hover {
background-color:#ff66c2;
}
.homePageTileImageHolderRed {
padding-top:5px;
width:100%;
display: flex;
justify-content: center;
align-items: center;
border-radius:20px;
}
.homePageTileImageHolderRed:hover {
background-color:#ff6666;
}
.homePageTileImage {
max-width: 95%;
max-height: 95%;
/*display: block;
margin-left: auto;
margin-right: auto;*/
pointer-events: none;
padding-bottom:10px;
}
.homePageTileTitle {
background-color:black;
width:100%;
text-align:center;
padding-top:20px;
padding-bottom:20px;
color:#ffffff;
font-size:17px;
}
.homePageTileTitleGreen {
background-color:#29a329;
width:100%;
text-align:center;
padding-top:20px;
padding-bottom:20px;
color:#ffffff;
font-size:17px;
}
/* END TILES V1 */
/* START TILES V2 */
#homePageStaticTileImageHolder {
width:100%;
display: flex;
justify-content: center;
align-items: center;
height:134px;
}
#homePageStaticTileTitleText {
margin-top:32px;
padding-right:28px;
}
#homePageStaticTileTitleText h2 {
color:white;
font-weight:bold;
font-size:26px;
}
.extraLineHeight {
line-height:26px !important;
}
.StaticTileBackgroundImage {
background-image: url('../Images/tiles/tile_toners_2.png');
background-repeat: no-repeat;
background-size: 100% 100%;
}
.StaticTileBackgroundImageRecycling {
background-image: url('../Images/tiles/tile_recycling_2.png');
background-repeat: no-repeat;
background-size: 100% 100%;
}
.StaticTileBackgroundImageFufilment {
background-image: url('../Images/tiles/tile_fulfilment_2.png');
background-repeat: no-repeat;
background-size: 100% 100%;
}
.StaticTileBackgroundImageUkStock {
background-image: url('../Images/tiles/tile_ukstock_2.png');
background-repeat: no-repeat;
background-size: 100% 100%;
}
.StaticTileBackgroundImageIntegrations {
background-image: url('../Images/tiles/tile_integration_2.png');
background-repeat: no-repeat;
background-size: 100% 100%;
}
.StaticTileBackgroundImageNextDay {
background-image: url('../Images/tiles/tile_nextday_2.png');
background-repeat: no-repeat;
background-size: 100% 100%;
}
.StaticTileBackgroundImageRandD {
background-image: url('../Images/tiles/tile_randd_2.png');
background-repeat: no-repeat;
background-size: 100% 100%;
}
.StaticTileBackgroundImagePortal {
background-image: url('../Images/tiles/tile_portal_2.png');
background-repeat: no-repeat;
background-size: 100% 100%;
}
.StaticTileBackgroundImage3PL {
background-image: url('../Images/tiles/tile_3pl_2.png');
background-repeat: no-repeat;
background-size: 100% 100%;
}
.divStaticTileDesciption {
width:83.6%;
padding-left:4%;
padding-right:4%;
text-align:center;
font-size:19px;
border-width:2px;
border-style:solid;
min-height:130px;
vertical-align:central;
-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
/*display: flex;*/
align-items: center;
padding-top:14px;
line-height:23px;
}
@media only screen and (max-width: 700px) {
.divStaticTileDesciption {
min-height:105px;
}
}
.divStaticTileDesciption a {
font-weight:bold;
}
.pageTitleContainerPinkForPortals {
/*background-color:#029dd1;*/
background: #ec008c;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1aa3', endColorstr='#ec008c');
background: -webkit-gradient(linear,left top,left bottom,from(#ff1aa3),to(#ec008c));
background: -moz-linear-gradient(top,#ff1aa3,#ec008c);
color:white;
width:96.2%;
padding:15px 0px 15px 15px;
text-transform:capitalize;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.pageTitleContainerPinkForPortals h1 {
margin:0px;
padding:0px;
font-weight:normal;
font-size:28px;
}
.pageTitleContainerPinkForPortals h2 {
margin:0px;
padding:0px;
font-weight:normal;
padding-top:7px;
padding-bottom:7px;
font-size: 25px;
}
.pageTitleContainerPinkForPortals h3 {
margin:0px;
padding:0px;
font-weight:normal;
padding-top:7px;
font-size: 1.3em;
text-align:center;
}
@media only screen and (max-width: 950px) {
.pageTitleContainerPinkForPortals {
width: 96%;
}
}
.divStaticTileDesciptionForPortals {
width:95.1%;
text-align:center;
font-size:19px;
border-width:2px;
border-style:solid;
min-height:264px;
vertical-align:central;
-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
/*display: flex;*/
align-items: center;
padding-left:2%;
padding-right:2%;
line-height:23px;
}
@media only screen and (max-width: 700px) {
.divStaticTileDesciptionForPortals {
min-height:105px;
}
}
.divStaticTileDesciptionForPortals a {
font-weight:bold;
}
.tileLineHeight {
line-height:35px !important;
}
.borderBlue {
border-color:#00AEEF;
}
/*.borderBlue:hover {
background-color:#00AEEF;
color:white;
}
.borderBlue:hover a {
color:white;
}*/
.borderGreen {
border-color:#5BB00D;
}
/*.borderGreen:hover {
background-color:#5BB00D;
color:white;
}
.borderGreen:hover a {
color:white;
}*/
.borderNavy {
border-color:#000CFF;
}
/*.borderNavy:hover {
background-color:#000CFF;
color:white;
}
.borderNavy:hover a {
color:white;
}*/
.borderPurple {
border-color:#5115A3;
}
/*.borderPurple:hover {
background-color:#5115A3;
color:white;
}
.borderPurple:hover a {
color:white;
}*/
.borderGrey {
border-color:#49848C;
}
/*.borderGrey:hover {
background-color:#49848C;
color:white;
}
.borderGrey:hover a {
color:white;
}*/
.borderOrange {
border-color:#F8991C;
}
/*.borderOrange:hover {
background-color:#F8991C;
color:white;
}
.borderOrange:hover a {
color:white;
}*/
.borderBlack {
border-color:#485451;
}
/*.borderBlack:hover {
background-color:#485451;
color:white;
}
.borderBlack:hover a {
color:white;
}*/
.borderPink {
border-color:#EC008C;
}
/*.borderPink:hover {
background-color:#EC008C;
color:white;
}
.borderPink:hover a {
color:white;
}*/
.borderRed {
border-color:#FF0000;
}
/*.borderRed:hover {
background-color:#FF0000;
color:white;
}
.borderRed:hover a {
color:white;
}*/
/* END TILES V2 */
#CallBackContainer {
position:relative;
float:left;
width:30%;
margin-top:5%;
margin-left:17%;
background-color: #ffffff;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
#CallBackContainer h1 {
text-align:center;
color:#00AEEF;
font-size:40px;
}
#CallBackTitleContainer {
background-color: #000000;
color:white;
width:100%;
text-align:center;
padding-top:1px;
padding-bottom:1px;
margin-top:0px;
margin-bottom:0px;
font-size:16px;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
#CallBackTitleContainer h2 {
margin-top:10px;
margin-bottom:10px;
}
#CallBackContentBox {
border-color:#000000;
border-style:solid;
border-width:1px;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
padding:20px 0px 20px 0px;
margin-top:0px;
margin-bottom:15px;
background-color:#ffffff;
}
#CallBackContentBox input[type=text] {
display:block;
width:75%;
padding: 5px 5px 5px 5px;
margin: 0 auto;
margin-bottom:10px;
}
#CallBackSubscribe {
display:block;
width:77%;
margin: 0 auto;
margin-bottom:10px;
}
.CallBackButton {
background: #e82583;
background-image: -webkit-linear-gradient(top, #e82583, #e7187c);
background-image: -moz-linear-gradient(top, #e82583, #e7187c);
background-image: -ms-linear-gradient(top, #e82583, #e7187c);
background-image: -o-linear-gradient(top, #e82583, #e7187c);
background-image: linear-gradient(to bottom, #e82583, #e7187c);
-webkit-border-radius: 18;
-moz-border-radius: 18;
border-radius: 18px;
color: #ffffff;
margin-top:10px;
margin-bottom:10px;
padding: 5px 60px 5px 60px;
text-decoration: none;
font-size:20px;
font-weight:bold;
text-align:center;
}
@media only screen and (max-width: 700px) {
.CallBackButton {
font-size:16px;
font-weight:normal !important;
}
}
.CallBackButton:hover {
background: #e82583;
background-image: -webkit-linear-gradient(top, #e82583, #b91363);
background-image: -moz-linear-gradient(top, #e82583, #b91363);
background-image: -ms-linear-gradient(top, #e82583, #b91363);
background-image: -o-linear-gradient(top, #e82583, #b91363);
background-image: linear-gradient(to bottom, #e82583, #b91363);
text-decoration: none;
}
.teamMemberHolder {
}
@media only screen and (max-width: 950px) {
.teamMemberHolder {
text-align:center;
}
}
/* APPLICATION FORM STYLES */
.appFormPageHeader {
text-align:center;
font-weight:bold;
font-size:30px;
}
.appFormTable {
width:100%;
}
.appFormTableHeaderRow {
background-color:#e82583;
color:white;
font-weight:bold;
text-align:center;
font-size:18px;
}
.appFormTableHeaderRow td {
padding-top:8px;
padding-bottom:8px;
}
.appFormTableFieldRowFieldName {
width:20%;
font-weight:bold;
}
.appFormTableFieldRowFieldValue {
width:27%;
}
.appFormTableFieldRowFieldValue input[type=text] {
width:95%;
padding-top:3px;
padding-bottom:3px;
margin-top:4px;
margin-bottom:4px;
}
.appFormTableFieldRowFieldValueFullWidth {
width:80%;
}
.appFormTableFieldRowFieldValueFullWidth input[type=text] {
width:98.5%;
padding-top:3px;
padding-bottom:3px;
margin-top:4px;
margin-bottom:4px;
}
.appFormTableFieldRowFieldNameSpacer {
width:6%;
}