/* global.css */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
     border: 0pt none;
     font: inherit;
     margin: 0pt;
     padding: 0pt;
     vertical-align: baseline;
}

ol, ul {
     list-style: none outside none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
     display: block;
}

blockquote, q {
     quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
     content: none;
}

ins {
     /*background-color: #FFFF99;*/ /*Turned this off because it's causing a yellow box in shop smarter slider on confirmation page*/
     color: #000000;
     text-decoration: none;
}

mark {
     background-color: #FFFF99;
     color: #000000;
     font-style: italic;
     font-weight: bold;
}

del {
     text-decoration: line-through;
}

abbr[title], dfn[title] {
     border-bottom: 1px dotted;
     cursor: help;
}

/*table {
     border-collapse: collapse;
     border-spacing: 0pt;
}*/

hr {
     -moz-border-bottom-colors: none;
     -moz-border-image: none;
     -moz-border-left-colors: none;
     -moz-border-right-colors: none;
     -moz-border-top-colors: none;
     border-color: #CCCCCC -moz-use-text-color -moz-use-text-color;
     border-style: solid none none;
     border-width: 1px 0pt 0pt;
     display: block;
     height: 1px;
     margin: 1em 0pt;
     padding: 0pt;
}

input, select {
     vertical-align: middle;
}

body {
    background-image: url("../images/top-hello-bar.jpg");
    background-position: 0 -15px;
    background-repeat: repeat-x;
  font-size: 14px;
  font-family: 'Montserrat', sans-serif;
}

pre, code, kbd, samp {
     font-family: monospace,sans-serif;
}

html {
     overflow-y: scroll;
  scroll-behavior: smooth;
}

a:hover, a:active {
     outline: medium none;
}

ul, ol {
     margin-left: 0;
}

ol {
     list-style-type: decimal;
}

nav ul, nav li {
     list-style: none outside none;
     margin: 0pt;
}

small {
     font-size: 85%;
}

strong, th {
     font-weight: bold;
}

td {
     vertical-align: top;
}

sub, sup {
     font-size: 75%;
     line-height: 0;
     position: relative;
}

sup {
     top: -0.5em;
}

sub {
     bottom: -0.25em;
}

pre {
     padding: 15px;
     white-space: pre-wrap;
     word-wrap: break-word;
}

textarea {
     overflow: auto;
}

.ie6 legend, .ie7 legend {
     margin-left: -7px;
}

input[type="radio"] {
     vertical-align: text-bottom;
}

input[type="checkbox"] {
     vertical-align: bottom;
}

.ie7 input[type="checkbox"] {
     vertical-align: baseline;
}

.ie6 input {
     vertical-align: text-bottom;
}

label, input[type="button"], input[type="submit"], input[type="image"], button {
     cursor: pointer;
}


input:valid, textarea:valid {
    
}

input:invalid, textarea:invalid {
     border-radius: 1px 1px 1px 1px;
     box-shadow: 0pt 0pt 5px red;
}

.no-boxshadow input:invalid, .no-boxshadow textarea:invalid {
     background-color: #F0DDDD;
}

/**::-moz-selection {
     background: none repeat scroll 0pt 0pt #FF5E99;
     color: #FFFFFF;
     text-shadow: none;
}*/

a:link {
    
}

button {
     overflow: visible;
     width: auto;
}

.ie7 img {
    
}

body, select, input, textarea {
     color: #142735;
}

h1, h2, h3, h4, h5, h6 {
     font-weight: bold;
}

a, a:active {
     color: #0089d1;
     text-decoration: none;
}

a:hover {
     color: #003366;
}

body {
  /* [disabled]background: url("../images/body_bg.jpg") repeat-x scroll left top #FFF; */
}

#wrapper {
    
    margin: 0 auto;  
    width: 960px;
    min-height: 100%;  
    height: auto !important;
    height: 100%;
      position: relative;
  margin-bottom: -135px; /* the bottom margin is the negative value of the footer's height */
}

#masthead {
  height: 95px;
  overflow: hidden;
}

#masthead span {
     background: url("../images/css_logo.png") no-repeat 0pt 0pt transparent;
     float: left;
     height: 65px;
     position: relative;
     top: 33px;
     width: 442px;
}

#masthead span a {
     display: block;
     height: 100%;
     text-indent: -9999px;
     width: 100%;
}

.cartImg {
  color: #FFFFFF;
  position: absolute;
  right: 0;
  text-align: right;
  width: 180px;
}

.cartCheckout {
     display: none;
}

#mininav {
     font-size: 12px;
     position: absolute;
     top: 5px;
   color:#142735;
}

#mininav a {
     margin-left: 3px;
     margin-right: 3px;
   padding-left:10px;
   padding-right:10px;
   color:#142735;
}

#subNav {
     font-size: 12px;
     position: absolute;
     right: 5px;
     top: 5px;
   color:#142735;
  
}

#subNav a {
    color: #142735;
    margin-left: 3px;
    margin-right: 3px;
    padding-left: 10px;
    padding-right: 10px;
}

/*#searchBtn {
     display: inline;
   background-image: url("../images/searchsubmit.jpg");
}
*/
#ctl00_GoogleThis_btnSearch {
  background: -moz-linear-gradient(top, #FFFFFF 2%, #B3CAEF 3%, #B3CAEF 32%, #4D76B8 99%); /* firefox */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#FFFFFF), color-stop(3%,#B3CAEF), color-stop(32%,#B3CAEF), color-stop(99%,#4D76B8)); /* webkit */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B3CAEF', endColorstr='#4D76B8',GradientType=0 ), dropshadow(color=#add1ff, offx=1, offy=1); /* ie */
  border: 1px solid #244A87;
  height: 24px;
  color: #1A3560;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  font-weight: bold;
  text-shadow: 1px 1px 0px #add1ff;
}

#ctl00_GoogleThis_btnSearch:hover {
  background: -moz-linear-gradient(top, #FFFFFF 2%, #BFD7FF 3%, #BFD7FF 32%, #6195E8 99%); /* firefox */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#FFFFFF), color-stop(3%,#BFD7FF), color-stop(32%,#BFD7FF), color-stop(99%,#6195E8)); /* webkit */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BFD7FF', endColorstr='#6195E8',GradientType=0 ); /* ie */
}

#searchForm {
     position: absolute;
     right: 0;
     top: 55px;
     /* z-index: 10000; */
}

#searchForm label {
    color: #142735;
    position: relative;
    top: 6px;
    font-size: 14px;
    float: left;
}

.push {
    height: 135px;
     position: relative;
}

#logoPrinter {
     display: none;
}

.disclaimerNote {
     background: url("../images/disclaimer_bg.gif") repeat-x scroll left bottom #F2F2F2;
     clear: both;
     color: #666666;
     font-size: 10px;
     height: 20px;
     margin: 0pt 5px;
     overflow: hidden;
}

.disclaimer {
     background: url("../images/shippingIcon.gif") no-repeat scroll left top transparent;
     float: left;
     margin: 0pt 0pt 5px 5px;
     padding: 3px 0pt 2px 63px;
}

.disclaimer strong em {
     color: #FF0000;
     font-weight: bold;
}

#middleContainer {
     clear: both;
min-height:450px;
     overflow: hidden;
}

#middleContainer p.middleContentText {
     padding: 5px 20px 5px 7px;
}

/*#middleContainer h2 {
     color: #015BA7 ;
     font-size: 17px;
     margin: 10px 0pt 0pt;
     padding: 0pt 0pt 5px 0px;
  font: 18px arial,helvetica,sans-serif;
}*/

/*#middleContainer h3 {
     color: #000000;
     font: 17px arial,helvetica,sans-serif;
     padding: 0pt 0pt 3px 5px;
}*/

#middleContainer .secureIcon {
     background: url("../images/secure_icon.gif") no-repeat scroll left top transparent;
     clear: both;
     color: #666666;
     float: right;
     font-size: 11px;
     margin-top: 15px;
     padding: 0pt 5px 0pt 15px;
}

/*#middleContainer h2 {
     background-color: #F4F9FC;
     border-bottom: 1px solid #EBF0F3;
     border-top: 1px solid #EBF0F3;
     color: #666666;
     font: 12px arial,helvetica,sans-serif;
     margin: 0px;
     padding: 5px 7px;
}
*/


/*.billingBoxmiddle h3 {
     background-color: #F2F2F2;
     border: medium none;
     color: #066ABA;
     font: bold 14px arial,helvetica,sans-serif;
     padding: 20px;
}
*/
#signInPipe {
     display: none;
}

#welcomePipe1 {
     display: none;
}

#welcomePipe2 {
     display: none;
}

.blueLink {
     font: 10px arial,helvetica,sans-serif;
     margin: 10px 0pt 0pt;
     text-align: center;
}

.blueLink a {
     color: #2C4FB4;
     text-decoration: underline;
}

.blueLink a:hover {
     text-decoration: none;
}

.editTextLink {
     color: #B5B5B5;
     padding: 5px 0pt 0pt;
     width: auto;
}

.editTextLink a {
     color: #0468C0;
     text-decoration: underline;
}

.editTextLink a:hover {
     text-decoration: none;
}

.error, .ezShieldNote {
     clear: both;
     color: #FF0000;
     margin-bottom: 5px;
     padding: 2px 5px;
}

.error ul li {
     font-weight: bold;
}

.picture-slides-disabled {
     color: #EEEEEE;
}

/*.bannerLeft {
     float: left;
     margin: 15px 0 20px 0;
  position: relative;
  background:url("../images/banner_1.jpg") no-repeat scroll left bottom transparent; width: 750px; height:268px;

}*/

.bannerLeft a.personalChkBtn{   display: block;
    height: 28px;
    left: 33px;
    position: absolute;
    text-indent: -9999px;
    top: 196px;
    width: 175px;}
.bannerLeft a.bizBanBtn{ left:225px;}

.picture-slides-dimmed-background .navigation-controls {
     border-radius: 0pt 0pt 5px 5px;
}

.picture-slides-dimmed-background .picture-slides-image-text {
     border-radius: 5px 5px 0pt 0pt;
}

.picture-slides-fade-container {
     float: left;
     height: 235px;
     width: 720px;
}

.picture-slides-fade-container a {
     display: block;
     height: 278px;
     margin-bottom: 10px;
     text-align: center;
}

.picture-slides-fade-container a img {
     border: medium none;
     float: left;
}

.picture-slides-image-load-fail {
     display: none;
}

.picture-slides-image-text {
     background: none repeat scroll 0pt 0pt #FFFFFF;
     padding: 5px 0pt 10px;
     position: relative;
     text-align: center;
     z-index: 1001;
}

.picture-slides-previous-image, .picture-slides-next-image, .picture-slides-start-slideshow, .picture-slides-stop-slideshow {
     display: none;
}

.picture-slides-previous-image, .picture-slides-next-image, .picture-slides-start-slideshow, .picture-slides-stop-slideshow {
     cursor: pointer;
}

/*left: 860px;*/

.picture-slides-thumbnails {
    left: 825px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    position: absolute;
    top: 340px;
    z-index: 1005;
}

.picture-slides-thumbnails li {
     border: 1px solid #A5A5A5;
     float: left;
     font: bold 11px/18px arial,helvetica,sans-serif;
     height: 20px;
     list-style: none outside none;
     margin-right: 6px;
     padding: 1px;
     text-align: center;
     width: 20px;
}
/*
.picture-slides-thumbnails li img {
     width: 40px;
}
*/
.picture-slides-thumbnails a {
     /*background: url("../images/whiteTransparentBg.png") no-repeat scroll left bottom transparent;*/
     background-color:#000000;
     color: #DBDBDB;
     display: block;
     line-height: 20px;
     outline: medium none;
     text-decoration: none;
}

.picture-slides-thumbnails a:hover {
     /*background: none repeat scroll 0pt 0pt #FFFFFF;*/
     background-color:#ffffff;
     color: #142735;
}

.picture-slides-selected-thumbnail,
.picture-slides-selected-thumbnail a{
     /*background: none repeat scroll 0pt 0pt #FFFFFF;*/
    background-color:#ffffff !important;
     color: #142735 !important;
}

.picture-slides-thumbnails a:focus, 
.picture-slides-selected-thumbnail a:focus{
     /*background: none repeat scroll 0pt 0pt orange;*/
     background-color:orange !important;
     color: #142735 !important;
}

.picture-slides-dim-overlay {
     /*background: none repeat scroll 0pt 0pt #FFFFFF;*/
     background-color:#FFFFFF;
     display: none;
     height: 100%;
     left: 0pt;
     opacity: 0.8;
     position: absolute;
     top: 0pt;
     width: 100%;
     z-index: 1000;
}

.fas, .far{line-height: inherit !important;}

.bannerRight {
/*     background: url("../images/rightBanner_bottom.gif") no-repeat scroll left bottom transparent;*/
   border: 1px solid #e7e7e7;
    clear: right;
    float: right;
    height: 268px;
    margin: 15px 0 20px 0;
    overflow: hidden;
    width: 200px;
  text-align: center;
}


.bannerRight a {
     color: #2859a8;
     font: bold 11px arial,helvetica,sans-serif;
     text-decoration: none;
   text-align: center;
   margin-top: 5px;

   
}

.bannerRight a:hover {
     text-decoration: underline;
}


#middleContainer .bannerRight h2 {
  font: 18px arial,helvetica,sans-serif;
  border: medium none;
  text-align:center;
  color:#6b83a4;
  margin: 0pt;
  padding: 0pt;
  margin-top:5px;
  background:none;
}

.newDesign {
     margin: 10px 0pt 0pt;
     text-align: center;
}

.newDesign a {
  text-decoration: none;
  overflow:hidden;
  display:block;
}

.newDesign a:hover {
     color: #2859a8;
}

.newDesign a img {
     border: 1px solid #DBDBDB;
     height: 74px;
     width: 159px;
}

.newDesign a p {
     color: #666;
  margin-top:3px;
}

.nd_viewall { padding-top:10px; }
.nd_viewall a { color:#666; }



#homebucket{ clear:both; color:#7f7f7f; margin: 0  0 20px 0; float:left; overflow:hidden;}
#homebucket h2{margin:0px; padding:0px; background:none; border:0;}
#homebucket h2 a{color:#7f7f7f; display:block;  font: 18px arial,helvetica,sans-serif;}

.homeInnerbucket {width:460px; overflow:hidden; float:left; position:relative; }
#homebucket h1 a span {
    color: #2859a8;
    position: absolute;
    right: 0px;
  font-size:14px; font-weight:normal;
    text-decoration: none;
}
#homebucket h1 a:hover{color:#2859A8;}
#homebucket .rightBorder h1 a span {right: 15px;}
#homebucket h1 a span:hover{text-decoration:underline;}
.leftBorder{border-left:1px solid #E7E7E7; padding:0 0  0 15px ;  }
.rightBorder{padding:0 15px 0 0 ;}

.featuredBg {background:#fff url("../images/featured_bggrad.jpg") repeat-x top}
.homeInnerbucket ul, ul.featuredProduct{margin: 15px 0;}
.homeInnerbucket ul li, ul.featuredProduct li{ float:left; width:150px; text-align:center;}
ul.featuredProduct li{width:155px;}
.homeInnerbucket ul li a, ul.featuredProduct li a{display:block;}
.homeInnerbucket ul li img{}
.homeInnerbucket ul li p, ul.featuredProduct li p{     color: #2859A8;
    font-size: 12px;
    font-weight: bold; margin-top: 5px;}
.featuredContainer{border-top: 1px solid #e7e7e7; width:930px; padding:10px; }



 

.productBucket {
     float: left;
     height: 179px;
     margin: 0pt 0pt 0pt 10px;
     width: 310px;
}

.bucket_A {
     background: url("../images/personalProBg.gif") no-repeat scroll left bottom transparent;
}

.bucket_B {
     background: url("../images/businessProBg.gif") no-repeat scroll left bottom transparent;
}

.bucket_C {
     background: url("../images/accessoriesProBg.gif") no-repeat scroll left bottom transparent;
}

.bucketcontent {
     float: left;
     margin: 0pt;
     padding: 0pt;
}

#middleContainer .bucketcontent h1 {
     border: medium none;
     color: #0066CC;
     font: 17px arial,helvetica,sans-serif;
     margin: 0pt 0pt 5px 10px;
}

#middleContainer .bucketcontent h1 a {
     color: #0066CC;
     text-decoration: none;
}

.bucketcontent h1 a span {
     color: #666666;
}



.bucketcontent ul {
     margin: 0pt 0pt 9px 10px;
}

.bucketcontent ul li {
     background: url("../images/container_arrow.gif") no-repeat scroll left 6px transparent;
     font: 12px/150% arial,helvetica,sans-serif;
     margin: 0pt 0pt 0pt 15px;
     padding: 0pt 13px;
}

.bucketcontent ul li a {
     color: #0058A8;
     text-decoration: none;
}

.bucketcontent ul li a:hover {
     color: #037FEC;
     text-decoration: underline;
}

.bucketcontent p {
     color: #7F7F7F;
     font: 12px Arial,Helvetica,sans-serif;
}

.clickable {
     position: relative;
}

.clickable a {
     float: right;
     height: 150px;
     position: absolute;
     right: 5px;
     text-indent: -9999px;
     top: 20px;
     width: 140px;
}

.viewAllButton {
     clear: both;
}

.viewAllButton a {
     background: url("../images/viewAll.gif") no-repeat scroll center bottom transparent;
     float: left;
     height: 48px;
     margin: 0pt 0pt 0pt 19px;
     position: inherit;
     text-indent: -9999px;
     width: 84px;
}

.fraudArmorContainer{

    border: 1px solid #DCDCDC;
    clear: both;
    float: right;
    font: 11px Arial,Geneva,sans-serif;
    margin: 10px 0px 10px 0;
    padding: 5px 0 5px 5px;
    width: 360px;
}

.fraudArmorContainer a {
     display: block;
     float: left;
     height: 65px;
}

.fraudArmorContainer img {
     float: left;
}

.fraudArmorContainer p {
     color: #666666;
     float: left;
     font: 0.93em arial,helvetica,sans-serif;
     width: 465px;
}

.fraudArmorContainer a:hover {
     color: #666666;
     text-decoration: none;
}

.fraudArmorContainer a p.learnMoreEZ {
     color: #0058A8;
     left: 50px;
     position: absolute;
     text-decoration: underline;
     top: 65px;
     width: auto;
}

#middleContainer .fraudArmorContainer h1 {
     border: medium none;
     color: #2C2C2C;
     float: left;
     font: bold 15px 'Trebuchet MS','Lucida Grande',Arial,sans-serif;
     margin: 0pt;
     padding: 0pt;
}

#middleContainer .fraudArmorContainer h1 span, #middleContainer .fraudArmorContainer h1 em {
     color: #830626;
     font-weight: bold;
}

.fraudArmorTitle{    font:bold 14px Verdana, Geneva, sans-serif;  padding:0 0 10px 0;  color:#142735;    }  

.fraudArmor div{overflow:hidden;}
tbody td.cartfraudArmorContainer {border:none; padding:0px 5px;}
.cartfraudArmor a.remove, .shippingfraudArmor a.remove, .paymentfraudArmor a.remove, .cartfraudArmor a.add, .shippingfraudArmor a.add, .paymentfraudArmor a.add{ float:left; /*color:#666*/; padding-top:5px; clear:left; text-decoration:underline;}

.cartfraudArmor a.remove, .shippingfraudArmor a.remove, .paymentfraudArmor a.remove{ display:block;clear:both; padding-top:5px;}
.cartfraudArmor a.remove:hover, .shippingfraudArmor a.remove:hover, .paymentfraudArmor a.remove:hover, .cartfraudArmor a.add:hover, .shippingfraudArmor a.add:hover, .paymentfraudArmor a.add:hover{color:#2859A8;}
.chkArLearnMoreCart{float:left;clear:left;}
.cartfraudArmor .fraudArmorTitle, .shippingfraudArmor .fraudArmorTitle,  .paymentfraudArmor .fraudArmorTitle{ padding:0px; float:left; clear:left;}
.shippingfraudArmor .fraudArmorTitle {width:250px;}

.fraudArmorContent {background:url("../images/FraudArmorIcon.gif") no-repeat scroll 244px top transparent;  padding:15px; }  
.fraudArmorContent ul {list-style:disc; padding-left:20px}
.cartfraudArmor, .paymentfraudArmor, .shippingfraudArmor{background:url("../images/cartFraudArmorIcon.gif") no-repeat scroll 5px 12px #f7f7f7; padding:5px 10px 10px 85px; overflow:hidden;}
.paymentfraudArmor{background-position:5px 5px;}
.shippingfraudArmor{width:380px;}

.fraudArmorTitle span.recom{ font:bold 12px Verdana, Geneva, sans-serif;color: #5b5b5b; font-weight:normal; }

.shippingfraudArmor span.fraudArmorPrice{ padding-right:20px;}
span.fraudArmorPrice{display:block; float:right; padding-right:25px;}
span.fraudArmorText {    color:#b42c20;      }  
.radioField strong{ color: #FF0000;}  
.radioField{ padding: 3px 5px 0px 25px;}  
.radioField input{ margin:6px 10px 0 0;}  
.radioField label{ margin:0; padding:0;  font-size: 12px;}  
.radioField label i{font-weight:bold;}
.chkArLearnMore{ color:#2C4FB4;  float:right; margin-right: 5px;      }
.chkArLearnMore a{ text-decoration: underline; color:#2c4fb4; height: 15px;  }

.byHarlandClarke {
     background: url("../images/HClogo.gif") no-repeat scroll center center transparent;
     border: 1px solid #E5E5E5;
     float: right;
     height: 85px;
     margin: 15px 10px 0pt 0pt;
     width: 309px;
}

.dashBoardSmallContainer {
     border: medium none;
     float: left;
     margin: 0 12px 20px;
     width: 455px;
}

.dashBoardSmallContainer p, .dashBoardBoxTitle span {
     color: #6B6B6B;
     font: 12px arial,helvetica,sans-serif;
}

.dashBoardLink {
     border: 1px solid #D8D8D8;
     min-height: 140px;
     padding: 5px 8px 0pt;
}

.orderStatus {
     background: none repeat scroll 0pt 0pt #F4F9FC;
     border: 1px solid #D8D8D8;
     overflow: hidden;
     padding: 5px 8px 0pt;
}

.dashBoardLink ul {
     clear: both;
     padding: 5px;
}

.dashBoardLink ul li {
     background-position: left 9px;
}

.dashBoardLink ul li a {
     color: #0063A7;
     font: bold 14px/180% arial,helvetica,sans-serif;
     text-decoration: none;
}

.dashBoardLink ul li a:hover {
     color: #398FCB;
}

.dashBoardBoxTitle {
     color: #666666;
     font: 22px arial,helvetica,sans-serif;
     margin: 0pt 0pt 0pt 5px;
     padding: 0pt;
     position: relative;
}

.dashBoardBoxTitle a {
     background: url("../images/nextArrow.gif") no-repeat scroll right 7px transparent;
     color: #015BA7;
     font: bold 14px arial,helvetica,sans-serif;
     margin-right: 10px;
     padding: 5px 15px 3px 0pt;
     position: absolute;
     right: 0pt;
     text-decoration: none;
}

.dashBoardBoxTitle a:hover {
     color: #398FCB;
}

.reorderItem {
     min-height: 140px;
}

.myPortfolioContainer {
     background-color: #F4F9FC;
     clear: both;
     margin: 15px;
     padding: 5px 10px 10px;
}

.portfolioGallery {
     background-color: #FFFFFF;
     border: 1px solid #D8D5CB;
     margin-top: 5px;
     overflow: hidden;
     padding: 0pt;
}

.portfolioPorductLink {
     margin: 0pt;
     overflow: hidden;
}

.portfolioPorduct {
     float: left;
     overflow: hidden;
     padding: 10px 0pt 10px 12px;
     text-align: center;
     width: 215px;
}

.portfolioPorductLink p.savedProImg {
     background: none repeat scroll 0pt 0pt transparent;
     height: 240px;
}

.portfolioPorductLink p, .portProDetailText p {
     font-size: 12px;
     left: 0pt;
     line-height: 120%;
     position: relative;
}

.portfolioPorductLink p img {
     bottom: 0pt;
     left: 0pt;
     position: absolute;
}

.savedProName {
     color: #666666;
     font-size: 12px;
     font-weight: bold;
     padding: 5px 0pt;
     text-align: center;
}

a.portfolioPorductLink {
     color: #666666;
     cursor: pointer;
     float: left;
     overflow: hidden;
     padding: 10px 10px 5px;
     text-align: center;
     text-decoration: none;
     width: 190px;
}

a.portfolioPorductLink:hover {
     background-color: #EAF4FD;
}

p.savedProLink {
     clear: both;
}

p.savedProLink {
     color: #D8D8D8;
}

p.savedProLink span a {
     color: #0063A7;
     cursor: pointer;
     float: none;
     font-size: 12px;
     margin: 0pt;
     padding: 5px;
     width: auto;
}

p.savedProLink span a:hover {
     background: none repeat scroll 0pt 0pt transparent;
     text-decoration: underline;
}

.myAccountBtnwrapper {
     margin: 10px auto 0pt 50px;
     overflow: hidden;
}

.portfolioContainer {
     margin: 20px;
     overflow: hidden;
}

.portfolioContainer .orderStatus {
     -moz-border-bottom-colors: none;
     -moz-border-image: none;
     -moz-border-left-colors: none;
     -moz-border-right-colors: none;
     -moz-border-top-colors: none;
     background: url("../images/portfolioBG.gif") no-repeat scroll right bottom #FFFFFF;
     border-color: #D8D8D8 -moz-use-text-color -moz-use-text-color #D8D8D8;
     border-style: solid none none solid;
     border-width: 1px medium medium 1px;
     color: #666666;
     margin-bottom: 20px;
     overflow: hidden;
     padding: 0pt;
}

.portfolioImg {
     background-color: #FFFFFF;
     border-bottom: 1px solid #D8D8D8;
     border-right: 1px solid #D8D8D8;
     float: left;
     min-height: 160px;
     padding: 10px 0pt;
     text-align: center;
     width: 280px;
}

.portfolioImg a {
     display: block;
     overflow: hidden;
     padding-bottom: 5px;
}

.portProDetailText {
     float: left;
     height: 150px;
     padding: 10px;
     position: relative;
     width: 330px;
}

.portProDetailText p {
     padding: 5px 0pt 0pt 5px;
}

.productDetail {
     border-right: 1px solid #D8D8D8;
     float: left;
}

.portProDetailText div {
     bottom: 0pt;
     display: block;
     font-size: 12px;
     overflow: hidden;
     padding: 5px 0pt 0pt 5px;
     position: absolute;
}

.portProDetailText div ul {
     padding: 0pt 5px;
}

.portProDetailText div ul li {
     padding: 2px 0pt;
}

.portProEdit {
     float: left;
}

.portProEdit ul li a {
     color: #0045AB;
     cursor: pointer;
     display: block;
     float: none;
     font-size: 12px;
     margin: 0pt 10px;
     padding: 5px;
     width: auto;
}

.confirmChanges {
     background-color: #FFFFFF;
     border: 1px solid #E7E7E7;
     margin: 0pt auto;
     padding: 3px;
     width: 575px;
}

.popupContainer, .myCIDPopupContainer {
     background-color: #EAF4FD;
     overflow: hidden;
     padding: 10px;
     position: relative;
}

.popupContainer p {
     color: #757A7E;
     font: bold 14px arial,helvetica,sans-serif;
}

.popupContainerInner, .cidPopupInner {
     background-color: #FFFFFF;
     padding: 12px 5px;
}

.cidPopupInner {
     width: 450px;
}

.popupContainerInner p {
     color: #0369BB;
     font: 18px arial,helvetica,sans-serif;
     text-align: center;
}

.popupContainerInner span {
     color: #FF0000;
}

.closePopup {
     margin: 0pt;
     position: absolute;
     right: 5px;
     top: 5px;
}

a.deletePopup {
     background: url("../images/popupClose.gif") no-repeat scroll left bottom transparent;
     cursor: pointer;
     display: block;
     height: 21px;
     width: 21px;
}

a.deletePopup:hover {
     background-position: left top;
}

.PopoupButtonWrapper {
     clear: both;
     margin: 20px 0pt 20px 200px;
     overflow: hidden;
}

.addToCartBtnwrapper {
     margin: 15px 0pt;
     overflow: hidden;
}

.popupInnerContainer {
     margin: 5px;
}

.popupInnerContainer input {
     padding: 2px;
}

h1.uploadTitle {
     clear: both;
     color: #757A7E;
     font: bold 14px arial,helvetica,sans-serif;
}

.uploadImg {
     border: 3px solid #A0C7E8;
     margin: 10px 0pt 20px;
     padding: 5px 0pt 10px 10px;
}

.popupContainerInner ul {
     margin: 10px 0pt;
}

.popupContainerInner ul li {
     background: url("../images/square_bullete.gif") no-repeat scroll left 3px transparent;
     font: 12px/160% arial,helvetica,sans-serif;
     margin: 0pt;
     padding: 0pt 0pt 0pt 20px;
}

.popupContainerInner p.LegalDialog {
     color: #666666;
     font: 12px/140% arial,helvetica,sans-serif;
     text-align: left;
}

.popupContainerInner p.LegalDialog strong {
     color: #0369BB;
}

.imageTerms {
     clear: both;
     margin: 0pt 0pt 20px;
     overflow: hidden;
}

.imageTerms p.LegalDialog {
     background-color: #FFFFFF;
     border: 1px solid #AECCE4;
     font: 11px arial,helvetica,sans-serif;
     padding: 10px;
}

.cropperInnerContainer {
     margin-top: 10px;
     text-align: center;
}

.crop-type-row {
     clear: both;
     margin: 5px 0pt;
}

.cropradioInput {
    
}

.cropRadioLabel {
     color: #0369BB;
     font: bold 12px arial,helvetica,sans-serif;

     padding-left: 5px;
     white-space: nowrap;
}

.imageTerms p.CropDialog {
     background-color: #FFFFFF;
     border: 1px solid #AECCE4;
     font: 11px arial,helvetica,sans-serif;
     padding: 10px;
}

.cropperButtonWrapper {
     clear: both;
     float: right;
     text-align: right;
}

.cropperRightContainer {
     width: 248px;
}

#outOfBoundsWarning {
     color: #FF0000;
     display: none;
     font: bold 16px arial,helvetica,sans-serif;
     text-align: center;
     width: 100%;
}
.designStudioWarning {
  color: #ff0000;
  font: bold 16px arial,helvetica,sans-serif;
  text-align: center;
  width: 100%;
 }

.saveTitle {
     color: #296AB2;
     font: 19px arial,helvetica,sans-serif;
}

.savedContainer {
     border: 1px solid #A0C7E8;
     margin: 10px 0pt 20px;
     overflow: hidden;
     padding: 5px 5px 15px;
}

.savedContainer ul {
     margin: 0pt;
     overflow: hidden;
}

.savedContainer ul li {
     background: none repeat scroll 0pt 0pt transparent;
     float: left;
     list-style-type: none;
     margin: 10px 8px;
     overflow: hidden;
     padding: 0pt;
     width: 215px;
}

.savedContainer ul li div {
     height: 280px;
     position: relative;
}

.savedContainer p {
     font-size: 12px;
     left: 0pt;
     line-height: 120%;
     position: relative;
     text-align: left;
}

.savedContainer p img {
     bottom: 0pt;
     left: 0pt;
     position: absolute;
}

.savedContainer ul li p.savedProName {
     font-weight: bold;
     padding: 8px 0pt 10px;
     text-align: center;
}

.savedContainer ul li p.savedDate {
     font-size: 11px;
     line-height: 80%;
     text-align: center;
}

.savedContainer ul li a {
     border: 1px solid #D0D0D0;
     cursor: pointer;
     float: left;
     overflow: hidden;
     padding: 10px;
     text-align: center;
     text-decoration: none;
     width: 190px;
}

.savedContainer ul li a:hover {
     background-color: #EAF4FD;
}

.savedRecoveryContainer {
     width: 730px;
}

.savedProImg {
     background-color: #FFFFFF;
     height: 245px;
}

span.deleteSavedImg {
     background-color: #CCDEEC;
     color: #666666;
     display: block;
     left: 1px;
     padding: 3px 10px;
     position: absolute;
     top: 224px;
}

.reCoveryButtonWrapper {
     clear: both;
     float: left;
     margin: 0pt 0pt 10px 315px;
}

.saveLoginTitle {
     clear: both;
     color: #0157A6;
     font: 17px arial,helvetica,sans-serif;
     margin: 5px 5px 0pt;
}

Div#customerServicesBanner {
     background: url("../images/customerServicesBG.jpg") no-repeat scroll left top transparent;
     height: 230px;
     margin: 8px 0pt 3px;
     position: relative;
     width: 927px;
}

Div#customerServicesBanner h1 {
  border: medium none;
  color: #142735;
  margin: 0pt;
  text-transform:uppercase;
  font-size:14px;
  padding-top: 10px;
  padding-right: 0pt;
  padding-bottom: 0px;
  padding-left: 0pt;
}

Div#customerServicesBanner p {
     color: #222222;
     font: bold 13px arial,helvetica,sans-serif;
     margin: 5px 0pt 5px 5px;
     padding: 0pt;
     white-space: nowrap;
}

Div#customerServicesBanner span, Div#customerServicesBanner span a {
     color: #035FAC;
}

div.serviceContactInfo {
  float: left;
  margin-top: 5px;
  margin-right: 20px;
  margin-bottom: 10px;
  margin-left: 20px;
}

div.customerServiceInfo {
     clear: right;
     float: left;
   margin-top:5px;
   margin-left:30px;
}

div.addressInfo {
  clear: both;
  position: absolute;
  top: 100px;
  width: 310px;
  margin-top: 20px;
  margin-right: 0pt;
  margin-bottom: 10px;
  margin-left: 20px;
}

div#customerServicesBanner h1.addressTitle {
  /* [disabled]border-bottom: 2px solid #E4E0DB; */
  margin-bottom: 5px;
  padding-bottom: 2px;
}

.contactBanner {
     background: url("../images/contactinfo.jpg") no-repeat scroll left top #FFFFFF;
     height: 150px;
     width: 710px;
}

.faqPageTitle {

     border-bottom: 1px solid #EEF7FC;
     color: #015BA7;
     font-size: 17px;
     margin-bottom: 1px;
     padding: 5px 0pt 3px;
}

.faqLinksRow {
     background-color: #E9F3FD;
     clear: both;
     margin: 0pt;
     overflow: hidden;
}

.faqLinks {
     color: #888E94;
     font: 10px arial,helvetica,sans-serif;
     height: 20px;
     margin: 0pt;
     padding: 8px 0pt 0pt 2px;
}

.faqLinks a {
     color: #0468C0 ! important;
     font-size: 12px;
     font-weight: bold;
     padding: 0pt 4px;
     text-decoration: none;
}

.faqLinks a:hover {
     color: #000000 ! important;
     text-decoration: none;
}

.faqTop {
     margin-left: 15px;
}

.faqLinks a:focus, .faqLinks a:active {
     color: #666666 ! important;
     text-decoration: none;
}

.faq_topic {
     border-left: 3px solid #F2F8FD;
     border-top: 2px solid #F2F8FD;
     color: #015BA7;
     font: 17px arial,helvetica,sans-serif;
     margin: 10px 10px 0pt 0pt;
     padding: 3px 0pt 3px 5px;
}

h2.faq_topic {
     background-color: #F2F2F2;
     color: #015BA7;
     font: 17px arial,helvetica,sans-serif;
     margin: 0pt 0pt 5px;
     padding: 0pt 0pt 3px 5px;
}

.faqTop a {
     color: #015BA7;
     font: 11px arial,helvetica,sans-serif;
     margin: 0pt 15px 15px 0pt;
     text-decoration: underline;
}

.faqQuestion {
     background: url("../images/blue_arrow.gif") no-repeat scroll 15px 4px transparent;
     font: bold 12px arial,helvetica,sans-serif;
     margin-top: 5px;
     padding-left: 15px;
     text-indent: 10px;
}

.faqQuestion span {
     font-weight: normal;
}

.faqAnswer {
     clear: both;
     color: #142735;
     overflow: hidden;
     padding: 5px 5px 10px 15px;
}

p.faqAnswer img {
     margin: 0pt;
}

span.faqTip {
     color: #0077DB;
     display: block;
     padding: 0pt 5px 5px 15px;
}

span.faqNote {
     color: #FF0000;
     display: block;
     padding: 0pt 5px 5px 15px;
}

.faqAnswer a {
     color: #015BA7;
}

.faqAnswer a:hover {
     text-decoration: none;
}

.faqAnswer table {
     border: 1px solid #BDCFE9;
     font: 11px Arial,Helvetica,sans-serif;
     overflow: hidden;
     padding: 0pt;
}

#shippingFee, #shippingFee td {
     border-spacing: 1px;
     border: 1px solid #EEF7FC;
}

.faqAnswer th {
     font-weight: bold;
     text-align: center;
}

.faqAnswer tr.contentRow {
     margin: 0pt;
     padding: 0pt;
     text-align: center;
}

.dividerFaqs {
     border-bottom: 1px solid #BDCFE9;
     border-top: 1px solid #BDCFE9;
}

#totalCell {
     width: 100%;
}

.faqAnswer td {
     overflow: hidden;
     padding: 5px 10px;
     text-align: left;
     vertical-align: top;
}

.faqAnswer .titleName {
     background-color: #E9F2FF;
     padding: 5px;
}

.ui-tabs {
     padding: 10px;
     position: relative;
}

.ui-tabs .ui-tabs-nav {
     margin: 0pt;
     padding: 0pt;
}

.ui-tabs .ui-tabs-nav li {
     border-bottom: 0pt none ! important;
     float: left;
     list-style: none outside none;
     margin: 0pt;
     padding: 0pt;
     position: relative;
     white-space: nowrap;
}

.ui-tabs .ui-tabs-nav li a {
     float: left;
     padding: 5px 10px;
     text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
     margin-bottom: 0pt;
     padding-bottom: 0pt;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
     cursor: text;
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
     cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
     background: none repeat scroll 0pt 0pt transparent;
     border: 0pt none;
     display: block;
     padding: 0pt;
}

.ui-tabs .ui-tabs-hide {
     display: none ! important;
}

.ui-widget {
     font-family: arial,helvetica,sans-serif;
     font-size: 10px;
}

.ui-widget .ui-widget {
     font-size: 10px;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
     font-family: arial,helvetica,sans-serif;
     font-size: 11px;
}

.ui-widget-content {
     background: none repeat scroll 0pt 0pt #FFFFFF;
     color: #142735;
     font-size: 12px;
}

.ui-widget-content a {
     color: #666666;
     font-weight: bold;
     margin-right: 0pt;
}

.ui-widget-content a:hover {
     text-decoration: none;
}

.ui-widget-content ul, ol {
     list-style: disc outside none;
     margin-left: 30px;
}

.ui-widget-content ol {
     font-weight: bold;
     list-style-position: inside;
     list-style-type: decimal;
}

.ui-widget-content ul li, ol li {
     font: 12px/16px arial,helvetica,sans-serif;
     padding: 5px 0pt;
}

.ui-widget-content h3 {
     color: #0468C0;
     font-size: 16px ! important;
     margin-top: 15px;
}

.ui-widget-content h4 {
     background-color: #F8F8F8;
     clear: both;
     color: #015BA7;
     font: bold 12px arial,helvetica,sans-serif;
     margin-left: 6px;
     margin-top: 10px;
     padding: 3px;
}

.ui-widget-header {
     background: none repeat scroll 0pt 0pt #E9F3FD;
     color: #222222;
     font-size: 10px;
     font-weight: bold;
}

.ui-widget-header a {
     color: #000000;
     font-size: 10px;
}

.ui-state-default, .ui-widget-content .ui-state-default {
     background: none repeat scroll 0pt 0pt #E9F3FD;
     border-top: 1px solid #D4E0F3;
     color: #0468C0;
     font-weight: bold;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
     color: #0468C0;
     text-decoration: none;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {
     background: none repeat scroll 0pt 0pt #E9F3FD;
     border-top: 1px solid #D4E0F3;
     color: #000000;
     font-weight: bold;
}

.ui-state-hover a, .ui-state-hover a:hover {
     color: #212121;
     text-decoration: none;
}

.ui-state-active, .ui-widget-content .ui-state-active {
     background: none repeat scroll 0pt 0pt #FFFFFF;
     border-top: 1px solid #D4E0F3;
     color: #000000;
     font-weight: bold;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
     color: #666666;
     text-decoration: none;
}

.ui-widget :active {
     outline: medium none;
}

#tabs {
     margin: 0pt;
     padding: 0pt;
}

.ui-tabs-vertical .ui-tabs-nav {
     float: left;
     margin-right: 20px;
     width: 230px;
}

.ui-tabs-vertical .ui-tabs-nav li {
     clear: left;
     width: 100%;
}

.ui-tabs-vertical .ui-tabs-nav li a {
     display: block;
     width: 91%;
}

.ui-tabs-vertical .ui-tabs-nav li a:hover {
     background-color: #F6FBFF;
     color: #666666;
}

.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected {
    
}

.ui-tabs-vertical .ui-tabs-panel {
     float: left;
     width: 710px;
}

div.faqSContainer {
     border-right: 1px solid #B2B2B2;
     float: left;
     width: 600px;
}

#middleContainer div.faqSContainer h1, #middleContainer div.shippingfaqs h1 {
  background-color: #F2F2F2;
  margin: 0pt;
  padding-top: 5px;
  padding-right: 0px;
  padding-bottom: 5px;
  padding-left: 5px;  
}

div.shippingfaqs {
     float: left;
     width: 323px;
}

ul.faqBullets {
     float: left;
     margin: 10px 0pt 15px;
     width: 290px;
}

ul.faqBullets li {
     background: url("../images/arrow_gray_bullete.gif") no-repeat scroll 3px 4px transparent;
     font: 12px/120% arial,helvetica,sans-serif;
     margin: 0pt 0pt 10px 10px;
     padding: 0pt 0pt 0pt 15px;
}

ul.faqBullets li a {
     color: #333333;
     text-decoration: underline;
}

ul.faqBullets li a:hover {
     color: #015BA7;
     text-decoration: none;
}

.privacyNote {
     overflow: hidden;
}

.error {
     color: Red;
}

.softwareComments strong {
     color: #035FB1;
}

.softwareComments ul li {
     background: url("../images/square_bullete.gif") no-repeat scroll left 5px transparent;
     font: 12px/200% arial,helvetica,sans-serif;
     margin: 5px;
     padding: 0pt 20px;
}

.editAccountLink strong {
     color: #035FB1;
}

.editAccountLink ul {
     margin: 0pt 0pt 10px;
}

.editAccountLink ul li {
     background: url("../images/arrow_bullete.gif") no-repeat scroll 5px 10px #FFFFFF;
     font: bold 12px/200% arial,helvetica,sans-serif;
     padding: 0pt 15px;
}

.editAccountLink ul li a {
     color: #0058A8;
     text-decoration: none;
}

.editAccountLink ul li a:hover {
     color: #037FEC;
}

.breadcrumb_menu {
     clear: both;
     margin: 0px;
     overflow: hidden;
}

.breadcrumb {
     border-bottom: 1px solid #EDEDED;
     color: #666666;
     font: bold 11px arial,helvetica,sans-serif;
     padding: 2px 0 8px 0px;
}

.breadcrumb span {
     background: url("../images/breadcrumb_arrow.gif") no-repeat scroll right center transparent;
     color: #7A7A7A;
     font: 12px arial,helvetica,sans-serif;
     margin-right: 5px;
     padding-right: 15px;
}

.breadcrumb a {
     color: #7A7A7A;
     text-decoration: none;
}

.breadcrumb a:hover { text-decoration: underline; }

.checkOutCrumb_menu {
     clear: both;
     background-color: #007DB3;
     margin: 10px 0 10px 0;
     padding: 4px 10px;
}

.checkOutCrumb {
     color: #A1BDE2;
     font: 18px Verdana, Geneva, sans-serif;
     
}

.checkOutCrumb a, .checkOutCrumb a:visited, .checkOutCrumb a:link {
     color: #A1BDE2;
     font: 18px Verdana, Geneva, sans-serif;
     text-decoration: none;
}

.checkOutCrumb span.active {
     background: url("../images/checkout_arrow.gif") no-repeat scroll center bottom transparent;
     color: #FFF;
     font: 18px/30px Verdana, Geneva, sans-serif;
     padding: 0pt 0pt 8px;
}

.personal_landing {
     float: right;
     margin-right: 20px;
     width: 750px;
}

.personal_landing .promo {
     border: 1px solid #EBF5FE;
     height: 258px;
     margin-top: 2px;
     position: relative;
     width: 100%;
}

.personalBanner {
     background: url("../images/landing_bg_personal.jpg") no-repeat scroll left top #FFFFFF;
}

.businessBanner {
     background: url("../images/businessBanner.jpg") no-repeat scroll left top #FFFFFF;
}

.businessBanner ul.focus {
     bottom: 30px;
     right: 220px;
}

ul.focus {
     bottom: 20px;
     position: absolute;
     right: 20px;
}

ul.focus li {
     list-style-image: url("../images/bullet_orange.gif");
     list-style-position: outside;
     margin-top: 5px;
}

ul.focus li a {
     color: #666666;
     font: 17px arial,helvetica,sans-serif;
     text-decoration: none;
}

ul.focus li a:hover {
     color: #000000;
     text-decoration: underline;
}

.personal_landing .landing_section {
     border: 1px solid #E8E8E8;
     margin-top: 15px;
     overflow: hidden;
     padding: 5px 10px 10px;
     width: 730px;
}

.productContainer.recThumbnail_main {
     margin-bottom: 0pt;
}

.productContainer .landing_section {
     border: 1px solid #E8E8E8;
     margin: 15px 10px 0pt 0pt;
     overflow: hidden;
}

#middleContainer .productContainer h1 {
     padding: 0pt;
}

.productContainer .landing_section p.cateContent {
     color: #666666;
     font: 12px arial,helvetica,sans-serif;
     margin: 0pt 10px 10px;
}

#middleContainer .personal_landing .landing_section h2, #middleContainer .productContainer .landing_section h2 {
     background: none repeat scroll 0pt 0pt transparent;
     border: medium none;
     color: #666666;
     font: 17px arial,helvetica,sans-serif;
     margin: 0pt 0pt 5px;
     padding: 0pt;
  position:relative;
}

#middleContainer .productContainer .landing_section h2 a {
     background-color: #F4F4F4;
     color: #666666;
     display: block;
     margin: 1px;
     padding: 5px 0pt 5px 10px;
     text-decoration: none;
}

#middleContainer .productContainer .landing_section h2 a:hover {
     background-color: #F1F8FF;
}

#middleContainer .productContainer .landing_section h2 a span, #middleContainer .personal_landing .landing_section h2 a span {
     color: #015BA7;
     margin-right: 10px;
     position: absolute;
     right:0px;
     text-decoration: none;
}

.personal_landing a.bucket_text {
     color: #2859A8;
     display: block;
     padding: 0pt;
     text-align: center;
     text-decoration: none;
     width: 100%;
}

.personal_landing a.bucket_text p {
     font: normal 14px arial,helvetica,sans-serif;
     margin: 10px 0pt 0pt;
     padding-bottom: 10px;
}

.personal_landing .landing_section a.bucket_text:hover {
     background-color: #EDF5FF;
}

.personal_landing .landing_section .bucket, .personal_landing .landing_section .bucket_last {
     border: 1px solid #E8E8E8;
     float: left;
     width: 230px;
}

.personal_landing .landing_section a img {
     border-bottom: 1px solid #E8E8E8;
}

.personal_landing .landing_section .bucket {
     margin-right: 17px;
}

.personal_landing .landing_section .bucket_last {
    
}

#footer {
  background-color: #007DB3;
  color: white;
  clear: both;
  margin: 0pt auto;
  position: relative;
  margin-top: 20px;
  border-top: solid 20px #13516d;
  font-size: .9em;
}

#footerWrapper {
  margin: 0 auto;
  clear: both;
  width: 960px;
  position: relative;
  padding: 20px 0;
}

#footerWrapper a { color: white; }

#footerWrapper a:hover {
  text-decoration: underline;
  color: #4fc1f0;
}

#footerWrapper h3 {
  font-size: 14px;
  margin-bottom: 8px;
}

#footerWrapper h4 { margin-bottom: 4px; }

#footerWrapper ul { margin-bottom: 12px; }

#footerWrapper ul li { margin-bottom: 2px; }

.footer-section {
  float: left;
  margin-left: 50px;
}

.footer-column {
  float: left;
  margin-right: 40px;
}

.footer-row { margin-bottom: 12px; }

.footer-row.trustmarks {
  text-align: center;
  margin-bottom: 20px;
  border-bottom: 1px solid #fff;
  padding-bottom: 14px;
}

.footer-row.trustmarks > *:not(:first-child) { margin-left: 20px; }

.footer-row.trustmarks table.symantec { display: inline-block; }

.footerList { float: left; }

.footerListmenu {
  margin: 5px 0;
  padding-top: 30px;
  padding-bottom:20px;
  overflow: hidden;
  width: 478px;
}

.footerListmenu ul {
  display: block;
  float: left;
  margin-top: 5px;
  margin-bottom: 10px;
  margin-left: 20px;
}


.rightFooter ul {}

.footerListmenu li {
     font-size: 12px;
     line-height: 160%;
}

.footerListmenu li a {
     color: #142735;
     text-decoration: none;
}

.footerListmenu a:hover {
     text-decoration: underline;
}

div#footer .copyright {
     background-color: #FFFFFF;
     bottom: 0pt;
     clear: both;
     color: #000000;
     font-family: arial,helvetica,sans-serif;
     font-size: 10px;
     height: 20px;
     margin: 0pt auto;
     padding-top: 10px;
     text-align: center;
}

div#footer .footerlinks {
     clear: both;
     color: #5A5A5C;
     font: 11px arial,helvetica,sans-serif;
     margin: 0pt auto;
     padding-bottom: 5px;
     text-align: center;
}

div#footer .footerlinks a {
     color: #5A5A5C;
     padding-left: 5px;
     padding-right: 5px;
     text-decoration: none;
}

.copyright {
     color: #999999;
     font-size: 11px;
     margin-top: 10px;
     text-align: center;
}

.copyright a {
     color: #5A5A5C;
     text-decoration: none;
}

.copyright a:hover {
     text-decoration: underline;
}

.lookingForText {
     color: #005C9D;
     font-weight: bold;
     margin-left: 24px;
}

.noOrdersFoundText {
     clear: right;
     color: #A90504;
     font: bold 16px arial,helvetica,sans-serif;
}

.noOrders {
     margin-left: 30px;
}

#reorder {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../images/reorder.jpg");
    background-origin: padding-box;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: auto auto;
    float: left;
    height: 230px;
    margin-left: 0;
    margin-right: 17px;
    width: 200px;
}

#reorder a {
    display: block;
    height: 100%;
    text-indent: -9999px;
    width: 100%;
}

.middle-buckets .bucket {
  width:  310px;
  height: 353px;
  margin-top: 5px;
  vertical-align: top;
}

.middle-buckets a:nth-child(2) div.bucket {
  margin-left: 11px;
  margin-right: 11px;
}

/* .bkt-1 { */
.middle-buckets .bucket.bucket-designer-checks {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../images/HP_Bucket_DesignerChecks.jpg");
    background-origin: padding-box;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: auto auto;
    display: inline-block;
    /* float: left;
  margin-right:10px;
    height: 365px;
    width: 310px;
  margin-top:5px; */
}

.middle-buckets .bucket h1,
.middle-buckets .bucket h2 {
  color: #142735;
  font-size: 23px;
  font-weight: normal;
  padding-top: 7px;
  text-align: center;
}

/* .bkt-3 > h1 {
    color: #142735;
    font-size: 23px;
    font-weight: normal;
    padding-top: 14px;
    text-align: center;
}

.bkt-1 > h1 {
    color: #142735;
    font-size: 23px;
    font-weight: normal;
    padding-top: 14px;
    text-align: center;
} */

.bkt-bar-1 {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #0F828A;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    color: #FFFFFF;
  padding-top:8px;
  font-weight:bold;
    height: 25px;
    text-align: center;
    text-transform: uppercase;
}

.bucket.bucket-designer-checks > p {
    padding-bottom: 30px;
    /* padding-left: 5px; */
    padding-top: 191px;
  margin-left: 15px;
  margin-right: 15px;
  height: 50px;
  font-size: .85em;
  color: #142735;
}

/* .bkt-2 { */
.middle-buckets .bucket.bucket-best-value-checks {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../images/HP_Bucket_InexpensiveChecks.jpg");
    background-origin: padding-box;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: auto auto;
    display: inline-block;
    /* float: left;
    height: 365px;
    width: 310px;
  margin-right:10px;
  margin-top:5px;  */
}

.bkt-2 > h1 {
    color: #142735;
    font-size: 23px;
    font-weight: normal;
    padding-top: 14px;
    text-align: center;
}
.bkt-bar-2 {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #6D7A1A;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    color: #FFFFFF;
  padding-top:8px;
  font-weight:bold;
    height: 25px;
    text-align: center;
    text-transform: uppercase;
}

.bucket.bucket-best-value-checks > p {
  padding-bottom: 30px;
  padding-top: 191px;
  height: 50px;
  font-size: .85em;
  margin-left: 15px;
  margin-right: 15px;
  color:#142735;
}

/* .bkt-3 { */
.middle-buckets .bucket.bucket-discount-checks {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../images/HP_Bucket_DiscountChecks.jpg");
    background-origin: padding-box;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: auto auto;
    display: inline-block;
    /* float: left;
    height: 365px;
    width: 310px;
  margin-top:5px; */
}

.bkt-bar-3 {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #FF7E2A;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    color: #FFFFFF;
  padding-top:8px;
  font-weight:bold;
    height: 25px;
    text-align: center;
    text-transform: uppercase;
}

.bucket.bucket-discount-checks > p {
  padding-bottom: 30px;
  padding-top: 191px;
  margin-left: 15px;
  margin-right: 15px;
  height: 50px;
  font-size: .85em;
  color: #142735;
}

.business-bkt {
  display: inline-block;
  float: left;
  width: 960px;
  height:230px;
  margin-bottom:10px;
  margin-top:10px;
  background-image: url("../images/BPA_background.jpg");
}

/* 20140801 - daa - commented out, need this to display!!!
.homeNavBtn.active {
    display: none;
}
*/

.business-bkt > h2 {
    color:#fff;
    font-size: 16px;
    font-weight: bold;
    margin: 16px 20px;
    text-transform: uppercase;
}
.business-bkt > p {
    padding-left: 20px;
    color:#142735;
    padding-top: 5px;
    font-size: .85em;
    width: 550px;
}
.business-bkt h3 {
  /* [disabled]padding-left: 20px; */
  color: #142735;
  padding: 10px 0;
  text-align: center;
}

/*Not being used*/
/*.computer-check-list-1 {
    padding-left: 20px;
    width:200px;
    float:left;
}
.computer-check-list-2 {
    padding-left: 10px;
    padding-right: 10px;
    width:170px;
    float:left;
}*/

.business-supplies {
  /* [disabled]padding-left:20px; */
  width:200px;
  float:left;
}
.high-security-bkt {
  width:550px;
  height:375px;
  background-image: url(../images/high-security-bkt.jpg);
  float:left;
  background-repeat: no-repeat;
}
.high-security-bkt > h2 {
    font-size: 16px;
    font-weight: bold;
    margin-left: 20px;
    margin-top: 20px;
    text-transform: uppercase;
}
.high-security-bkt h3 {
    margin-left: 10px;
    margin-top: 10px;
}
.high-security-bkt p {
    margin-left: 10px;
  font-size: .85em;
  color: #444;
  min-height: 120px;
}
.high-security-bkt div {
    float: left;
    margin-left: 10px;
    width: 250px;
}
.high-security-bkt img {
    width: 220px;
}

.high-security-bkt span {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: #DF3501;
  background-image: none;
  background-origin: padding-box;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto auto;
  color: #FFFFFF;
  float: left;
  font-weight: bold;
  margin-left: 10px;
  margin-top: 15px;
  padding-bottom: 5px;
  padding-top: 5px;
  text-align: center;
  width:200px;
}

.personal-acc {
  background-image: url(../images/personal-acc.jpg);
  float: right;
  width: 405px;
  height: 375px;
}
  
.personal-acc > h2 {
    font-size: 16px;
    font-weight: bold;
    padding-top: 20px;
    text-transform: uppercase;
  padding-left:10px;
}

.personal-acc > p {
  line-height: 18px;
  padding: 10px 0 10px 10px;
  width: 150px;
  margin-bottom: 20px;
  font-size: .85em;
  color: #444;
}

.personal-acc ul {
  margin-left: 25px;
  list-style-type: square;
  font-size: .85em;
  
}

.personal-acc li {
  color: #142735;
  padding-top: 5px
}

.personal-acc li a { color: #142735; }

.personal-acc li a:hover { color: #45A9DD; }

.personal-acc span {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: #DF3501;
  background-image: none;
  background-origin: padding-box;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto auto;
  color: #FFFFFF;
  float: left;
  font-weight: bold;
  margin-left: 10px;
  margin-top: 56px;
  padding-bottom: 6px;
  padding-top: 5px;
  text-align: center;
  width:200px;

}

.computer-checks-list-1 {
  float: left;
  margin: 0 20px;
}

.manual-checks-list-2 {
  float: left;
  margin: 0 20px;
}

.business-supplies-list-3 {
  float: left;
  margin: 0 20px;
}

.business-bkt-right-text {
    width: 300px;
    float: left;
    padding: 20px 0;
    margin-left: 40px;
    font-size: 16px;
}

.computer-checks-list-1 li { padding-top: 2px; }

.computer-checks-list-1 li a { color:#142735; font-size: .9em }

.computer-checks-list-1 li a:hover { color:#45A9DD; }

.manual-checks-list-2 li { padding-top: 2px;}

.manual-checks-list-2 li a { color:#142735; font-size: .9em }

.manual-checks-list-2 li a:hover { color:#45A9DD; }

.business-supplies-list-3 li {
    color:#142735;
    padding-top: 2px;
}

.business-supplies-list-3 li a { color:#142735; font-size: .9em }

.business-supplies-list-3 li a:hover { color:#45A9DD; }

.info-bkt-1 {
  float: left;
  height: 300px;
  width: 300px;
  margin-right: 22px;
  font-size: .85em;
}

.info-bkt-2 {
  float: left;
  height: 300px;
  width: 300px;
  margin-right: 22px;
  font-size: .85em;
}

.info-bkt-3 {
    margin-bottom: 20px;
    float: left;
    height: 300px;
    width: 300px;
    font-size: .85em;
}
.info-bkt-1 > a img {
  margin-bottom: 20px;
  margin-top: 10px;
  border: thin solid #666666;
}
.info-bkt-2 > a img {
    margin-bottom: 20px;
    margin-top: 10px;
  border: thin solid #666666;
}
.info-bkt-3 > a img {
    margin-bottom: 20px;
    margin-top: 10px;
  border: thin solid #666666;
}
.info-bkt-1 > a {
  font-weight:bold;
}
.info-bkt-2 > a {
  font-weight:bold;
}
.info-bkt-3 > a {
  font-weight:bold;
}
.info-bkt-1 a, .info-bkt-2 a, .info-bkt-3 a {
     text-decoration: underline;
}

.info-bkt-3 > h3 {
    margin-bottom: 15px;
}
.info-bkt-2 > h3 {
    margin-bottom: 15px;
}
.info-bkt-1 > h3 {
    margin-bottom: 15px;
}
.info-bkt-3 > p {
    margin-bottom: 15px;
}
.info-bkt-2 > p {
    margin-bottom: 15px;
}
.info-bkt-1 > p {
    margin-bottom: 15px;
}
.footerListmenu.rightFooter > h2 {
    margin-left: 30px;
    margin-top: 10px;
    width: 150px;
}
.business-column-footer {
    margin-top: -20px;
}
.fourth-column {
    padding-left: 50px;
}
.footer-left-column > input[type=text] {
    /* float: left; */
    height: 20px;
    margin-right: 5px;
    /* padding-left: 5px;
    width: 130px; */
}
.footer-left-column input[type=submit] {
  background-color: #DF3501;
  color: #fff;
  font-weight: bold;
  border: none;
  padding: 3px 6px;
}
.email-sign-up {
    display: inline-block;
}
.footer-logos {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 60px;
}
.footer-left-column {
    float: left;
    width: 300px;
}
.footer-left-column {
    display: block;
    float: left;
    margin-left: 20px;
    width: 300px;
}
.footer-logos > img {
    padding-right: 10px;
}

.footer-left-column > p {
    float: left;
    margin-left: 10px;
    padding-right: 8px;
  padding-top:10px;
    width: 30px;
}
/* .footer-left-column > input {
    float: left;
    height: 25px;
    margin-right: 5px;
    padding-right: 5px;
    width: 140px;
} */
.footer-logos > img {
    padding-left: 5px;
}
.footerListmenu.rightFooter > h1 {
    padding-left: 20px;
}
.footerListmenu.rightFooter > ul {
    margin-left: 30px;
}
.cartBucket {
  position: absolute;
  right: 10px;
  top: 114px;
}
.cartImg > a {
    color: #FFFFFF;
}
.cartImg > a > span {
  padding-left:5px;
}
.subnavLink {

}

.searchGo {
  /* [disabled]background-image: url("../images/searchsubmit.jpg"); */
  height:30px;
  background-color: #cac8c9;
  color:#000000;
  border: none;
  padding: 0 10px;
}

#searchForm > div {
    display: block;
    float: left;
}
.GoogleSearchBox {
    display: block;
    float: left;
    height: 22px;
    width: 240px;
}
#MainContent_middleContainer > h1 {
    font-size: 16px;
    font-weight: normal;
    margin-top: 10px;
}
#middleContainer h1 {
    font-size: 20px;
    margin:10px 0;
}
#middleContainer h2.camelcase {
  border-top: 1px solid #0089CF;
  border-bottom: 1px solid #0089CF;
  background-color: aliceblue;
  padding: 4px 10px;
  margin-bottom: 10px;
}
span.validError {
  color: red;
  padding-left: 6px;
}

span.shippingWarning {
  display:none;
}

div.landing-page {
  float: right;
}

div.row-buckets:first-child {
  margin-top: 20px;
}

div.row-buckets {
  clear: both;
  margin-bottom: 20px;
  width: 790px;
}

div.row-buckets div.bucket {
  display: inline-block;
  width: 250px;
  text-align: center;
}

div.row-buckets div.bucket:not(:first-child) {
  margin-left: 5px;
}

div.bucket h2 {
  font-size: 18px;
}

.chat_contain {
    background-image: url();
    height: 67px;
    width: 282px;
}
.liveChat {
  position: absolute;
  top: 20px;
  right: -190px;
}

.chat_button {       
    /* float: right; */
    margin: 13px 17px 0 0;
    height: 43px;
    width: 130px;
    /* position: fixed;
    top: 14px;
    right: 410px; */
  position: absolute;
  right: 180px;
  top: 14px;
}

.clearfix { clear: both; }

.boxQtyVisibility { visibility: hidden; }

.bottom-paragraph {
    padding: 15px;
    font-size: .85em;
}

/* Sitemap - Added on Feb 5, 2015 by Sylvia Prabudy */
.sitemap { 
    width: 960px;
  margin: 20px 0;
}

.sitemap ul li {
  line-height: 20px;
}

ul.subcategory {
  width: auto; 
  float: left; 
  margin: 0 80px 15px 20px;
}

ul.subcategory li h4 {
  text-transform: uppercase;
}

ul.subcategory li h4 a {
  color: #000;
}

ul.subsubcategory {
  margin-left: 20px;
  margin-bottom: 12px;
}

ul.subsubcategory li {
  font-size: 12px;
}

/* Homepage Modal Styles */

.main-title {
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  color: #004892; }

.callout-text-01 {
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-weight: 300;
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 16px;
  font-style: italic;
  color: #909291; }

.callout-text-02 {
  font-family: "Helvetica Neue", Arial, sans-serif;
  color: #0089cf;
  font-size: 16px;
  font-style: italic; }

.text-center {
  text-align: center; }

.bvc-hr {
  border: none;
  height: 1px;
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  background: #d9d9d9; }

.form--single-line {
  margin: 14px 0 0 0; }

.form--single-line input, .form--single-line a {
  float: left; }

.bvc-input {
  background-color: white;
  background-image: none;
  border: 1px solid #bfbfbf;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1rem;
  margin: 0 10px 0 0;
  padding: 7px 10px;
  padding: 0.4375rem 0.625rem;
  width: 220px; }

.bvc-input:focus, .bvc-input:hover {
  outline-color: transparent;
  outline-style: none; }

.bvc-input:focus, .bvc-input:focus:hover {
  border: 2px solid #009ae9;
  padding: 0.375rem 0.5625rem; }

.bvc-input:hover {
  border: 1px solid #009ae9; }

.btn, [class^="btn"] {
  display: inline-block; }

.btn--info {
  border-radius: 3px;
  -webkit-background-clip: padding;
  background-clip: padding-box;
  background-color: #6D7A1A;
  border-width: 0;
  border-style: solid;
  border-color: transparent;
  color: white;
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  outline-color: transparent;
  outline-style: none;
  padding: 8px 16px;
  -webkit-transition: background-image 0.2s ease-in-out, color 0.2s ease-in-out, background-color 0.2s 0.1s ease-in-out;
  transition: background-image 0.2s ease-in-out, color 0.2s ease-in-out, background-color 0.2s 0.1s ease-in-out;
  text-transform: uppercase; }

.btn--info:hover {
  text-decoration: none;
  background-color: #bed339; }

.btn--info:active {
  background-color: #c5d84e; }

.modal-container {
  margin: 10px 15px; }

/* 20160616 - daa - PV201606001 - Checks-SuperStore - message styling for converted, "new to Bluefield" customers. */
.convertedCustomerMessage
{
  border-top: 1px solid #0089CF;
  border-bottom: 1px solid #0089CF;
  background-color:  aliceblue;
  padding: 4px 10px;
  margin-bottom: 10px;
}

privacy-policy {
    margin-top: 5px;
}

ul.policy {
    font-size: 14px;
    margin-left: 30px;
    list-style-type: disc;
    margin-bottom: 10px;

}


/******* BJs Checks Customers welcome ******/

.bjs-welcome {
    background: url("../images/bluetriangle_banner.png") no-repeat scroll left top transparent;
    max-height: 209px;
    max-width: 967px;
    padding: 50px 75px;
    margin-top: 20px;
}

.bjs-welcome h1 {
    width: 560px;
    float: left;
    color: #830B2C;
    font-size: 26px !important;
    margin-right: 50px !important;
    line-height: 42px;
 
}

.bjs-welcome h1 span {
    font-size: 24px;
    font-weight: 300;
    font-style: italic;
}

.bjs-welcome-bucket {
    width: 400px;
    display: inline-block;
    margin: 30px 0;
    padding: 0 38px;
    border-right: 1px #830B2C solid;
}

.bjs-welcome-bucket h2 {
    font-size: 20px;
    color: #007DB3;
}


.bjs-welcome-bucket span {
  background-color: #830B2C;
  color: #FFFFFF;
  float: left;
  font-weight: bold;
  margin-left: 80px;
  margin-top: 20px;
  padding: 10px;
  text-align: center;
  width: 200px;
  border-radius: 5px;
}

.bjs-welcome-bucket span:hover {
    background-color: #585858;
}

.bjs-welcome-bucket p {
    color: #142735;
}

.callout.primary {
  background-color: #cce8ff;
}

.callout {
  margin: 0 0 1rem;
  padding: 1rem;
  border: 1px solid rgba(10,10,10,.15);
  border-radius: 4px;
  position: relative;
  color: #333;
  background-color: #fff;
}

/******* CCPA Privacy Policy Update in Dec 2019 *******/

#privacy-policy {padding: 10px;}
#privacy-policy h1 {font-size: 17px; margin-bottom: 10px}
#privacy-policy h2 {font-size: 16px; padding: 0; background-color: transparent; border: none; margin: 15px 0 5px 0; font-weight: bold;}
#privacy-policy h3 {font-size: 14px; padding: 0; margin: 15px 0 5px 0; font-weight: bold;}
#privacy-policy p {margin-bottom: 5px;}
#privacy-policy ul {font-size: 14px; margin-left: 20px; list-style-type: disc; margin-bottom: 10px;}
#privacy-policy ul li {padding: 2px 0; line-height: 17px;}
.back-to-top {text-align: center; margin-top: 20px;}

.privacy-policy {font-family: 'Montserrat', sans-serif;}


/******* Xero Customers welcome ******/

.xero-banner {
     background: url(../images/xero_banner.jpg) no-repeat scroll left top transparent;
    max-height: 209px;
    max-width: 967px;
    padding: 50px 75px;
    margin-top: 20px;
}

.xero-banner h1 {
     width: 560px;
    float: left;
    color: #FFFFFF;
    font-size: 26px !important;
    margin-right: 50px !important;
    line-height: 42px;
}

.xero-banner h1 span {
    font-size: 24px;
    font-weight: 300;
    font-style: italic;
}

.welcome-bucket {
     display: inline-block;
    padding: 40px;
    border-bottom: 1px #1d6f8b solid;
}

.welcome-bucket h2 {
    font-size: 20px;
    color: #1D6F8B;
}

.welcome-bucket span {
  background-color: #1D6F8B;
  color: #FFFFFF;
  float: left;
  font-weight: bold;
  margin-top: 20px;
  padding: 10px;
  text-align: center;
  width: 200px;
  border-radius: 5px;
}

.welcome-bucket span:hover {
    background-color: #585858;
}

.welcome-bucket p {
    color: #142735;
}

.welcome-bucket img {
     padding: 30px 0;
}