html {
  height: 100%;
}
body {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
/*This section is for the searchbar in the navbar. */

.navSearch{
	position:fixed;
	right:150px;
}
.navSearch:hover{
	background:#e4e4e4 !important
}
#searchbar{
  width: auto !important;
}

#searchText{
	width:auto !important;
}
.crumbs li a {
  height: 29px;
}
#customizeTbl {
	margin:20px !important;
}
#tableMainHeader button {	
	margin: 0 49px 0px -20px !important;
}

#products {
padding: 10px 0px 0px 0px !important;
}

#catalogSearch {
  text-align: right;
  display: block;
  padding: 5px 10px 0px 0px;
  border: none;
  margin-bottom: 10px;
}
#catalogSearch input[type="text"] {
  background: #FFFFFF;
  font: bold 12px;
  font-size: 12px;
  color: #444;
  width: 15px;
  padding: 6px 6px 6px 30px;
  border-radius: 20px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 1); */
  /* box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset; */
  transition: all 0.5s ease 0s;
  border: 1px solid #444;
}

#checkoutProceedButton button:hover, #checkoutProceedButton button#updateImg, #checkoutProceedButton button.btnUpdate {
background: #cccccc !important;
box-shadow: inset 0 0 2px rgba(0, 0, 0, .2);
}
#checkoutProceedButton button, #checkoutProceedButton button#updateImg, #checkoutProceedButton button.btnUpdate {
background: #c00 !important;
box-shadow: inset 0 0 2px rgba(0, 0, 0, .2);
}



.captcha-input {
  width: 200px;
}

.line_item_finishing {display: none;} 
#addressBook {display: none;}
li#QLupload {display: none;}


.prodCell{
	border: none !important;
}

#catalogWrap{
	border: none !important;
}

body {
    /*background-image: linear-gradient(0, #ebebeb, #fff);*/
	background-color:black;
  	margin: 0;
  	padding: 0;
    color: #000000;
    font-size: 20px !important;
    line-height: 30px;
    font-family: var(--var-font-Myriad-Pro) !important;
}

#uploadFiles p{
   position: relative; 
}

.sendFiles_Desc p{
	position: relative;
}

.redColor a{
  color: #CC0000 !important;
}

.marlef1per{
 margin-left: 1%; 
}

.smallerTitle{
     position: relative;
    color: #CC0000;
    font-weight: 500;
    font-size: 18pt; 
}

.leftCap{
    position: absolute;
    top: 20%;
    left: 15%;
	color: #000 !important;
}

.rightCap{
    position: absolute;
    top: 20%;
    right: 15%;
    width: 30%;
    color: #CC0000;
}

.captionHover{
	background: #CC0000 !important;
	color: #fff !important;
}
.description{
  display: none;
  font-size: 16px;
  background: #dedede;
  color: #000;
  padding: 15px;
}
.smallFont{
	font-size: 8pt;
}
.alignCenter{
 	text-align:center; 
}
.redTitle{
	color: #CC0000;
  	margin-top:15px;
  	font-size: 48px;
	line-height: 60px;
	font-family: var(--var-font-Factoria);
}

.tinyVidCaption{
	background: #dedede;
    width: 90%;
    height: 50px !important;
    font-size: 10pt;
    height: auto;
    padding: 5px;
    padding-left: 10px;
}

.vidCaption{
	background: #dedede;
    width: 200px;
    height: auto;
    padding: 5px;
    padding-left: 10px;
}

.captionArrow{
	position: absolute;
    top: 105px;
    right: 10px;
    margin-right: 5%;
    font-size: 15pt;
}

.webtoprint p {
    text-align: left;
}
.webtoprint a {
	color: #CC0000 !important;
}

.TCopen{
  width: 230px;
}

.fifth{
    max-width: 18%;
	position: relative;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: 1%;
    width: 100%; 
}

.fifth p{
   margin-top: 10px;
   text-align: center;
   color: #CC0000;
}

.quarter{
	max-width: 24%;
    margin-right: 1%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.leftOne{
	max-width: 48%;
	position: relative;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: 3%;
    width: 100%;
}

.rightOne{
	max-width: 48%;
	position: relative;
	padding-right: 15px;
	padding-left: 15px;
	margin-left: 1%;
    width: 100%;
}

.leftQ{
max-width: 25%;
 width: 100%;
    margin-right: 2%;
    margin-left: 5%;
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
}

.middleQ{
	max-width: 25%;
    position: relative;
    margin-right: 2%;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
.middleQ2{
	max-width: 25%;
    position: relative;
    margin-right: 2%;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.rightQ{
	max-width: 25%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.leftCard{
	max-width: 30%;
    margin-right: 2%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.centerCard{
	max-width: 30%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.rightCard{
	max-width: 30%;
    margin-left: 2%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.oneOfThree{
	max-width: 23%;
    margin-right: 2%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.threeOfThree{
	max-width: 23%;
    margin-left: 2%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.marTop30{
   margin-top: 30px; 
}

.bottomLine{
  position: absolute;
  bottom: 5px;
}

.whiteBG{
	background: #fff; 
    height: 182px;
}

.whiteBG img{
    position: relative;
    bottom: 0;
    left: 0;
    right: 0; 
}

#userProfileSection {
    margin-top: 90px; 
}

#mainContentSF {
  	transition: margin-right .5s;
}
#breadcrumb {
 	position: relative;
}

#sample{
 border: 2px solid black; 
}

.pagination{
  display: inherit !important;
}

table.tableMain{
  background-color:#fff;
}

.login{
 color: ffffff; 
}

a{
 /*color: inherit !important; */
}

a:hover{
 	text-decoration: none; 
}

.captionTitleSmall{
    color: #CC0000;
    text-align: center;
    font-size: 33px;
    margin-top: 12px;
    position: absolute;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: 0;
    text-align: center;
  	line-height: 1;
}

.cardCenteredTextSmall{
  margin-top: 25%;
    text-align: center;
    line-height: 1;
}


.centerTextInImage{
    padding-top: 40%;
    text-align: center;
    color: white;
}

.customSidebar{
	position: relative;
    z-index: 10;
    width: 20%;
    float: left;
    margin-right: 10px; 
}

.prodCell h3{
  font-size: 12pt;
}

.captionTitle{
    color: #CC0000;
    text-align: center;
    font-size: 24px;
    font-family: "Montserrat", sans-serif !important;
    margin-top: 12px;
    position: absolute;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
  	bottom: 10%;
    text-align: center;
    z-index: 10;
}

.captionTitle a, .captionTitle p{
    color: #CC0000;
    text-align: center;
    font-size: 22px;
    font-family: "Montserrat", sans-serif !important;
}

.captionSubtitle{
    text-align: center;
    font-family: "Montserrat", sans-serif !important;
    font-size: 10pt;
    width:100%;
    background: #e4e4e4;
    position: absolute;
    bottom: -30%;
    left: 0;
    height:54px;
}

.captionSubtitle a , .captionSubtitle p{
    text-align: center;
    width: 100%;
    font-family: "Montserrat", sans-serif !important;
    font-size: 10pt;
    position: absolute;
  	margin-left: auto;
  	margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
}

.captionSubtitle p {
 	position: absolute;
    left: 0;
    right: 0;
    top: 20%;
    line-height: 1; 
}
.captionSubtitle:after{
    content:'';
    width:100%;
    height:5px;
    position:absolute;
    bottom:0;
    left:0;
    background:#CC0000;
}
.cardCenteredText, .cardCenteredText a{
  margin-top: 16%;
    text-align: center;
    line-height: 1;
  	font-size: 10pt;
    font-family: "Montserrat", sans-serif !important;
}

.bottomText{
  position: absolute;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  bottom: 5%;
  font-size: 0.9vw;
}

.white{
  color: white;
}

.floatLeft{
  float: left;
}

.floatRight{
  float: right;
}

.orangeBG{
 background: #e03e28; 
}

.redBG{
 background: #a02929; 
}

.blueBG{
 background: #2a3775; 
}

.centerImage{
  width:  40%;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.lightBorder{
  border: 1px solid #e4e4e4;
  border-bottom: none;
}

.linkS{
  	position: absolute;
    right: 0;
    background-image: url(../user/images/globals/default/cart.png);
    background-repeat: no-repeat;
    background-position: 0px 12px;
    background-size: 18px 16px;
}

.linkS:hover{
 /* fix for hover covering up shopping cart*/
  background-image: url(../user/images/globals/default/cart.png) !important;
  background-repeat: no-repeat !important;
  background-position: 0px 12px !important;
  background-size: 18px 16px !important;
}
 
.tag {
            font-family: "Montserrat", sans-serif;
            color: #666666;
            font-size: 9px;
            line-height: 1.2em;
}
.boldbody {
            font-family: "Montserrat", sans-serif;
            color: #000000;
            font-size: 12px;
            font-weight: bold;
            line-height: 1.2em;
}
.smallbody {
            color: #666666;
            font-family: "Montserrat", sans-serif;
            font-size: 10pt;
}
.tinybody {
            color: #666666;
            font-family: "Montserrat", sans-serif;
            font-size: 9px;
}
.tinybodysup {
            color: #666666;
            font-family: "Montserrat", sans-serif;
            font-size: 12px;
            font-weight: bold;
            vertical-align: text-top;
}
.signoff {
            font-family: "Montserrat", sans-serif;
            color: #336699;
            font-size: 11px;
            line-height: 1.2em;
}
.login {

            font-family: "Montserrat", sans-serif;
            font-size: 12px;
            font-style: bold;
            background-color: #e4e4e400;

}
a.login {
            color: #fff;
            text-transform:uppercase;
            text-decoration: none;

}
a.login:hover {
            color: #ffffff;
            font-weight: bold;
            text-transform:uppercase;
            text-decoration: none;
            background: #4b4b4b;
}
.loginWelcome span {
 	float: right !important; 
  padding-right: 10px;
}
.loginLogout {
 	width: 75px;
    border-left: 1px solid #fff; 
}
table.tableLogin {
    width: 100%;
    position: absolute;
    height: 45px;
    z-index: 3;
    top: 20px;
    width: 1000px;
  	transition: left .5s;
  right: 0;
}
table.tableMain {
  	    margin: 0;
    padding: 0;
}
.tableSiteBanner {
	margin-top: 12px;
	margin-bottom: 0px;
}
.tableSiteBanner img {
	height: 70px;
    margin-right: 5px;
    border-right: 1px solid #6C6C6C;
    padding: 10px 20px 10px 30px;
}
a {
            font-family: Arial, Helvetica, sans-serif;
}
A {
  color: #000000;
  text-decoration: none;
  /*font-weight:bold;*/
}

A:hover {
  color: #414348;
  text-decoration: underline;
}
/******************************************************************************************
* HEADER *
*******************************************************************************************/
#headerBG {
 	position: absolute;
  	background: #fff;
  	background-image: url(../user/images/globals/default/UPrint-Logo-rgb.png);
    background-position: 50px 16px;
    background-repeat: no-repeat;
    background-size: 150px 53px;
  	top: 0;
  	left: 0;
  	right: 0;
  	width: 100%;
  	height: 75px;
  	z-index:10;
  
  transition: left .5s;
}
.uu-site-header__inner {
    position: relative;
    max-width: 1024px;
    margin: 0 auto;
    padding: 10px 60px;
    background-image: none;
    background-color: transparent;
}
.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.uu-site-header__logo {
    width: 140px;
    height: 38px;
    position: fixed;
    left: 10px;
    background: none;
  	color: transparent;
}
.uu-site-header__logo:hover {
 	color: transparent; 
}
.uu-site-titles {
    float: none;
}
.uu-site-titles {
    float: none;
    background-color: transparent;
    padding-top: 7px;
}
h1.uu-site-titles__heading {
    font-weight: 800 !important;
} 
h2.uu-site-titles__heading__subhead {
    font-weight: 500 !important;
  	font-size: 16px;
} 
.uu-site-titles__heading {
    margin-top: -9px;
}
.uu-site-titles__heading {
    font-size: 19px;
}
.uu-site-titles__heading, .uu-site-titles__heading__subhead {
    color: #fff;
    margin: 0;
    text-align: center;
}
.uu-site-titles__heading a, .uu-site-titles__heading a:visited, .uu-site-titles__heading__subhead a, .uu-site-titles__heading__subhead a:visited {
    color: #fff;
}
h1,
h1 a,
h2,
h2 a { 
	font-family: 'Montserrat', sans-serif !important;
	text-transform: uppercase !important;
  	text-decoration: none;
}
h1:hover,
h1 a:hover,
h2:hover,
h2 a:hover { 
	text-decoration: none;	
}

/******************************************************************************************
* MAIN NAVIGATION MENU *
*******************************************************************************************/

#menu {
	width: 100%;
	height: 45px;
	background:transparent;
	position: relative;
  	z-index: 999;
    background: black;
    margin-top: 10px;
}

ul#menu li {
    width: auto;
  	height: 45px;
    text-align: left;
  	margin: 0;
  	padding: 0 25px;
}
#menu li a {
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 12px;
  	font-weight: bold;
	line-height: 45px;
	font-family: "Montserrat", sans-serif;
  text-decoration: none;
}
#menu li:hover {
        color: #fff;
  	background: #b3b3b3;
	text-decoration: none;
}
#menu li.menuG {
  background: #c00;
}

ul#menu li:first-child {

}

.menuG a{
 color: #fff !important; 
}

/******************************************************************************************
* END MAIN NAVIGATION MENU *
*******************************************************************************************/


/******************************************************************************************
  * REFRESH CSS *
*******************************************************************************************/
@font-face {
    font-family: 'FactoriaW00';
    src: url('https://uofuprintmail.wpengine.com/wp-content/themes/genesis-block-theme-child/fonts/FactoriaW00-Bold.eot');
    src: url('https://uofuprintmail.wpengine.com/wp-content/themes/genesis-block-theme-child/fonts/FactoriaW00-Bold.eot?#iefix') format('embedded-opentype'),
        url('https://uofuprintmail.wpengine.com/wp-content/themes/genesis-block-theme-child/fonts/FactoriaW00-Bold.woff') format('woff'),
        url('https://uofuprintmail.wpengine.com/wp-content/themes/genesis-block-theme-child/fonts/FactoriaW00-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Myriad Pro';
    src: url('https://uofuprintmail.wpengine.com/wp-content/themes/genesis-block-theme-child/fonts/MyriadPro-Regular.eot');
    src: url('https://uofuprintmail.wpengine.com/wp-content/themes/genesis-block-theme-child/fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('https://uofuprintmail.wpengine.com/wp-content/themes/genesis-block-theme-child/fonts/MyriadPro-Regular.woff') format('woff'),
        url('https://uofuprintmail.wpengine.com/wp-content/themes/genesis-block-theme-child/fonts/MyriadPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Myriad Pro';
    src: url('https://uofuprintmail.wpengine.com/wp-content/themes/genesis-block-theme-child/fonts/MyriadPro-Bold.eot');
    src: url('https://uofuprintmail.wpengine.com/wp-content/themes/genesis-block-theme-child/fonts/MyriadPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('https://uofuprintmail.wpengine.com/wp-content/themes/genesis-block-theme-child/fonts/MyriadPro-Bold.woff') format('woff'),
        url('https://uofuprintmail.wpengine.com/wp-content/themes/genesis-block-theme-child/fonts/MyriadPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
:root {
--var-font-Factoria: 'FactoriaW00';
--var-font-Myriad-Pro: 'Myriad Pro';
--var-red: #cc0000;
--var-white: #ffffff;
--var-box-grey: #343434;
--var-black: #000;
--var-bg-grey: #272727;
}
#refresh {
	background-color:black;
 	padding:1px 0px;
  	overflow:hidden;
  flex: 1 0 auto;
}
#refresh #mainContentSF .container-fluid {
	max-width:1500px;
}
#refresh #mainContentSF .container-fluid .col-sm-3 {
	text-align: center;
  position: relative;
  padding: 30px;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}
#refresh #mainContentSF .container-fluid .col-sm-3:after {
  width: 100%;
  height: 100%;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  pointer-events: none;
  border-right: 0px solid #e2e2e2;
  border-bottom: 0px solid #e2e2e2;
}
#refresh #mainContentSF .container-fluid .col-sm-2:after {
  width: 100%;
  height: 100%;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  pointer-events: none;
  border-right: 0px solid #e2e2e2;
  border-bottom: 0px solid #e2e2e2;
}
#refresh .tableSiteBanner a {
  	display: block;
	float: left;
	margin-right: 20px;
}
#refresh .site_name {
  min-width: 600px;
  float:left;
}
#refresh .site_name span {
  font-size: 27px;
  line-height: 40px;
  font-family: var(--var-font-Factoria);
  color: #fff;
}
#refresh .site_name span b {
  font-family: var(--var-font-Myriad-Pro);
  font-size: 17px;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 0.2px;
  display: block;
}
#refresh .logins {
	list-style: none; margin: 0px; padding: 0px;
}
#refresh .logins li {
	text-align: left; padding-left: 10px;
}
#refresh .logins li a {
	color: #fff;
}

#leftMenu {
  padding-left:10px;
}
#leftMenu ul { list-style:none; }
#leftMenu li a { 
  display: block;
  font-size: 14px;
  color: #444; 
}
#leftMenu li ul { 
  display: none;
  margin-left: 10px;
  padding-left: 10px;
} 
#leftMenu li:hover > ul, #leftMenu li:focus > ul, #leftMenu li:active > ul {
  display: block;
}
#leftMenu .display > ul {
  display:block;
}


.bussiness_area_wrapper {
position: relative;
display: grid;
grid-template-columns: repeat(5, 1fr);
}
.bussiness_area_wrapper2 {
position: relative;
display: grid;
grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 991px) {
.bussiness_area_wrapper {
display: flex;
flex-wrap: wrap;
}
  .bussiness_area_card {
width: 33.333%;
}
}
@media (max-width: 767px) {
.bussiness_area_card {
width: 50%;
}
}
@media (max-width: 575px) {
.bussiness_area_wrapper {
margin: 0 -20px;
}
  .bussiness_area_card {
padding: 20px 10px !important;
}
}
.bussiness_area_wrapper .bussiness_area_card:nth-child(-n+5) {
padding-top: 10px;
}
.bussiness_area_card {
text-align: center;
position: relative;
padding: 30px;
display: flex;
flex-wrap: wrap;
align-content: flex-start;
}
.bussiness_area_card:after {
width: 100%;
height: 100%;
content: '';
position: absolute;
left: 0;
top: 0;
z-index: 1;
pointer-events: none;
border-right: 0px solid #e2e2e2;
border-bottom: 0px solid #e2e2e2;
}
.bussiness_area_card_title {
margin: 0;
font-size: 23px;
line-height: 33px;
width: 100%;
}
.bussiness_area_card img {
width: auto;
object-fit: contain;
margin: auto auto 25px;
height: 80px;
}
.bussiness_area_card a {
position: absolute;
top: 0pc;
left: 0px;
right: 0px;
bottom: 0px;
cursor: pointer;
}

.uu-bottom-footer {
	background-color: #372c2c;
  flex-shrink: 0;
}
.uu-bottom-footer .uu-bottom-footer-container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  max-width: 1400px;
  padding: 20px;
  margin: 0px auto;
  flex-wrap: wrap;
}
.uu-bottom-footer .uu-bottom-footer-container .uu-footer-logo {
  flex: 0 1 25%;
  align-self: flex-start;
  box-sizing: border-box;
  padding: 1%;
  text-align: left;
  order: 1;
}
.uu-bottom-footer .uu-bottom-footer-container .uu-footer-links {
flex: 1 1 25%;
box-sizing: border-box;
padding: 1%;
text-align: center;
font-size: 13px;
text-transform: uppercase;
color: #9d9595;
order: 2;
}
.uu-bottom-footer .uu-bottom-footer-container .uu-footer-links ul li a {
text-decoration: none;
color: #9d9595;
text-transform: uppercase;
-webkit-transition: all,.3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.uu-bottom-footer .uu-bottom-footer-container .uu-footer-links ul li a:hover {
color: #fff;
}
.uu-bottom-footer .uu-bottom-footer-container .uu-footer-social {
flex: 0 0 25%;
align-self: flex-end;
box-sizing: border-box;
padding: 1%;
text-align: right;
order: 3;
}
ul.social_linkss img {
width: 20px;
height: 20px;
object-fit: contain;
}
.logo-wraper {
display: flex;
}
.uu-bottom-footer .site_name {
padding-left: 20px;
position: relative;
}
.uu-bottom-footer .site_name span {
font-size: 27px;
line-height: 27px;
font-family: var(--var-font-Factoria);
color: #fff;
}
.uu-bottom-footer .site_name span b {
font-family: var(--var-font-Myriad-Pro);
font-size: 17px;
line-height: 20px;
text-transform: uppercase;
font-weight: 400;
letter-spacing: 0.2px;
display: block;
}
.uu-bottom-footer .uu-bottom-footer-container .uu-footer-logo a {
display: block;
margin: 0px;
height: 43px;
width: 93px;
background-image: url(https://uofuprintmail.wpengine.com/wp-content/uploads/2023/10/logo.svg);
background-repeat: no-repeat;
background-position: center left;
background-size: contain;
-webkit-transition: all,.3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.uu-bottom-footer .uu-bottom-footer-container .uu-footer-links p {
margin: 0px;
}
.uu-bottom-footer .uu-bottom-footer-container .uu-footer-links ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
.uu-bottom-footer .uu-bottom-footer-container .uu-footer-links ul li:first-child {
margin-left: 0px;
padding-left: 0px;
}
.uu-bottom-footer .uu-bottom-footer-container .uu-footer-links ul li {
position: relative;
display: inline-block;
margin-left: 5px;
padding-left: 5px;
}
.uu-bottom-footer .uu-bottom-footer-container .uu-footer-social ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
.uu-bottom-footer .uu-bottom-footer-container .uu-footer-social ul li {
display: inline-block;
margin: 0px 10px;
padding-left: 0px;
}

.checkoutProgress {
 	top:12px;	
  background: transparent;
}

/* LOGIN BOX*/
#bigbox {
        background-color: #ffffff;
        border: 1px solid #414348;
        border-radius: 5px;
        -o-border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        box-shadow: rgba(0,0,0,0.25);
        -webkit-box-shadow: rgba(0,0,0,0.25);
}
/* END Login Box */  

/*CATEGORY HEADER TEXT*/
.source, .style1 {
        color: #cc0000;
  	font-size: 48px;
    
}


.homeTable { color: #005D40; font-size: 12px; font-family: Arial, sans-serif; font-weight: bold; text-decoration: none;}
.homeTable a { color: #005D40; font-size: 12px; font-family: Arial, sans-serif; font-weight: bold; text-decoration: none; }
.homeTable a:hover { color: #009900; font-size: 12px; font-family: Arial, sans-serif; font-weight: bold; text-decoration: none; }

/* Page Heading */
.pageHeading  { color: #005D40; font-size: 25px; font-family: Arial, sans-serif; font-weight: bold; font-style:italic; float: right; padding-right: 20px; }
/* END Page Heading */

/* HOME PAGE TABS */

/*******************************************************************************************
* Shopping Cart *
*******************************************************************************************/

#cartIcon {
	color: #5E5D5D;
	position: absolute;
	right: 4px;
	padding: 0;
	font-size: 28pt;
}	
#cartCountBadge {
	background: #99C456;
	position: absolute;
	right: 0;
	margin: 0;
	border-radius: 100px;
	padding: 0px 2px;
	line-height: 19px;
}
#cartDesc {
	display: none;
}
#cartCount {
	background: transparent;
	border: none;
}
#cartContainer.floatClass {
	top: -75px;
}

/******************************************************************************************
* HTML Pages *
*******************************************************************************************/

.html-page-header {
	background: #CCCCCC;
	position: relative;
	width: 100%;
	height: 80px;
	color: #5E5F5F;
	font-family: "Montserrat", sans-serif;
	font-size: 38px;
	padding: 0 0 0 10px;
	line-height: 80px;
}

.html-page-body {
	position: relative;
	float: left;
	background: transparent url('../user/images/globals/html-page-bg.png') 100% top/360px 302px no-repeat;
	min-height: 380px;
	width: 100%;
	padding: 0;
	margin: 0;
}

.html-page-body h3,
.html-page-body p {
	font-family: 'Montserrat', sans-serif;
	font-size: 25px;
	color: #5D5E5E;
}

.html-page-body p {
	font-size: 14px;
}

#reorderBtnSpace {display: block;}
#getStarted {
	color: #5D5E5E;
	font-size: 22px;
	font-family: "Montserrat", sans-serif;
}
#getStartedBtn {
	float: right;
	position: relative;
	top: -4px;
	background-color: #99C456;
	color: #ffffff;
	padding: 4px;
	margin: 0;
}
#getStartedBtn i {
	color: #fff;
}
#rightArrowLG {
	background: url('../user/images/globals/rightArrow.png') no-repeat;
	position: relative;
	top:4px;
	padding: 0 3px;
}
#rightFolder {
	background:  url('../user/images/globals/rightFolder.png') no-repeat;
	background-size: 35px 35px;
	position: relative;
	top: 6px;
	padding:10px 18px;
}
#homeFooter {
	position: relative;
	width: 100%;
	height: 500px;
	color: #5D5E5E;
}
#homeFooter header {
	text-align: center;
	width: 950px;
	font-size: 40px;
	font-family: "Montserrat", sans-serif;
	margin: 30px 0;
}
#homeFooter header img {
	position: absolute;
	top: 30px;	
	margin-left: 10px;
}
#homeFooter h3 {
	font-size: 16px;
	font-weight: normal;
	font-family: "Montserrat", sans-serif;
}
#homeFooter p {
	font-size: 14px;
	font-weight: normal;
	font-family: "Montserrat", sans-serif;
}
#leftSect {
	float: left;
	position: absolute;
	left: 120px;
}
#rightSect {
	float: right;
	position: absolute;
	right: 120px;
}
#custSat, #times, #oneonone, #delivery, #prices, #busSolu  {
	position: relative;
	width: 350px;
	height: 130px;
}
.homeSprite {
	float: left;
	background: url(../user/images/globals/default/homeSprite.png) no-repeat;
	width: 100px;
	height: 100px;
	margin: 0 20px 20px 0;
}
#readMore {
	font-family: "Montserrat", sans-serif;
	padding: 0 0 30px 0;
}
/**Home Sprite**/

#delivery div.homeSprite {
	background-position: -100px 0;
}

#times div.homeSprite {
	background-position: 0 -123px;
}

#prices div.homeSprite {
	background-position: -105px -128px;
}

#oneonone div.homeSprite {
	background-position: 0 -245px;
}

#busSolu div.homeSprite {
	background-position: -105px -249px;
}

#tabProducts {
        background-image:url(user/images/Global/HomePage/tabProducts.png);
        left:0;
        width:100%;

}

/***ToolTip Home Page ***/

#homeFooter div.BToolTip-tl { 
	left: 68px;
	top: 94px;
}

.body {
            font-family: "Montserrat", sans-serif;
            color: #333333;
            font-size: 13px;
            line-height: 1.2em;
}
h1 {
            font-family: "Montserrat", sans-serif;
            font-size: 18px;
            line-height: 1.2em;
}
.h1 {
            font-family: "Montserrat", sans-serif;
            font-size: 18px;
            font-weight: bold;
            line-height: 1.2em;
}
h2 {
            font-family: "Montserrat", sans-serif;
            font-size: 15px;
            line-height: 1.2em;
}
.h2 {
            font-family: "Montserrat", sans-serif;
            font-size: 15px;
            font-weight: bold;
            line-height: 1.2em;
}
h3 {
            font-family: "Montserrat", sans-serif;
            font-size: 13px;
            line-height: 1.2em;
}
.h3 {
            font-family: "Montserrat", sans-serif;
            font-size: 13px;
            font-weight: bold;
            line-height: 1.2em;
}
.tableC {
            border: 1px solid #ffffff;
            font-family: "Montserrat", sans-serif;
            font-size: 11px;
            line-height: 1.2em;
}
.inputBody {
            font-family: "Montserrat", sans-serif;
            font-style: normal;
            font-variant: normal;
            line-height: normal;
            text-decoration: none;
}
 
.tableYHead {
            background: #FFCC00;
            font-family: "Montserrat", sans-serif;
            font-size: 16px;
            font-weight: bold;
}
.tableYLabel {
            background: #FFCC00;
            font-family: "Montserrat", sans-serif;
            font-size: 12px;
            font-weight: bold;
            text-align: right;
}
.tableYBody {
            background: #FFF2BF;
            font-family: "Montserrat", sans-serif;
            font-size: 10px;
}
 
/* context help */
a.glossaryTerm, a.glossaryTerm:link, a.glossaryTerm:visited {
            border-bottom: 1px dotted #027FC2;
            color: #282828;
            text-decoration: none;
            cursor: help;
}
a.glossaryTerm:hover {
            border-bottom: 1px solid #027FC2;
}
th a.glossaryTerm, th a.glossaryTerm:link, th a.glossaryTerm:visited {
            border-bottom: 1px dotted #FFFFFF;
            color: #FFFFFF;
}
th a.glossaryTerm:hover {
            border-bottom: 1px solid #FFFFFF;
}
 
/* tabular data */
.dataQuantity, .dataQuantityNegative {
            text-align: right;
}
.dataQuantityNegative {
            color: #A30A0D;
}
.textInfo {
            font-size: 0.9em;
            font-weight: normal;
            line-height: 1.6em;
            color: #1D239A;
}
 
/* cart image */
table.tblImage {
            border: 0px solid #CCCCCC;
}
table.tblImage td {
            background-color: #FFFFFF;
            padding: 0em;
            margin: 0em;
            text-align: center;
            vertical-align: middle;
 
}
 
 
 
/* fancy form buttons */
button {
            margin-top: 0px;
            padding: 1px 5px 4px 8px; /* text within button */
            border: none;
            color: #FFFFFF;
            background: url(/img/button/buttonSecondary.gif) no-repeat top left;
            font: bold 12px "Montserrat", sans-serif;
            height: 18px;
            overflow: visible;
            cursor: pointer;
}
.button_a
{
            margin-top: 0px;
            padding: 1px 5px 4px 8px; /* text within button */
            border: none;
            color: #FFFFFF;
            background: url(/img/button/buttonSecondary.gif) no-repeat top left;
            font: bold 12px "Montserrat", sans-serif;
            height: 18px;
            overflow: visible;
            cursor: pointer; 
}
span.button {
            padding-right: 3px;
            float: left;
            display: block;
            background: url(/img/button/buttonSecondaryRt.gif) no-repeat top right;
            height: 18px;
            overflow: visible;
}
button.action {
            padding-left: 25px; /* space for arrow */
            margin-top: 0px;
            background: url(/img/button/buttonPrimary.gif) no-repeat top left;
            padding-bottom: 4px;
            padding-top: 1px;
}
span.action {
            padding-right: 3px;
            float: left;
            padding-top: 0px;
            display: block;
            background: url(/img/button/buttonPrimaryRt.gif) no-repeat top right;
            font-size: 1.2em;
            text-transform: uppercase;
            height: 18px;
            vertical-align: top;
            overflow: visible;
}
.buttonContainer {
/*         float: right; */
            padding: 5px;
            clear: both;
/*         text-align: right; */
}
.buttonContainer span.action, .buttonContainer span.button {
            margin: 5px; /* was 10px */
}
 
.buttonContainerSmall {
            padding: 0px 0px;
            margin-left: 5px;
}
button.small {
            padding: 0px 5px 3px 8px; /* text within button */
            border: 0px none #FFFFFF;
            margin-top: 0px;
            color: #FFFFFF;
            background: url(/img/button/buttonSecondarySmall.gif) no-repeat top left;
            font-size: 11px;
            font-weight: 900;
            height: 15px;
            overflow: visible;
            cursor: pointer;
}
span.small {
            padding-right: 3px;
            float: left;
/*         margin-right: 3px; */
            background: url(/img/button/buttonSecondarySmallRt.gif) no-repeat top right;
            height: 15px;
}
button.smallAction {
            padding: 0px 5px 4px 18px; /* text within button */
            margin-top: 0;
            margin-right: 3px;
            background: url(/img/button/buttonPrimarySmall.gif) no-repeat top left;
            font-size: 11px;
            font-weight: 900;
            height: 15px;
}
span.smallAction {
            padding-right: 3px;
            float: left;
            background: url(/img/button/buttonPrimarySmallRt.gif) no-repeat top right;
            text-transform: uppercase;
            height: 15px;
}
button.nonAction {
            border: none;
            padding: 0 0 0 12px;
            margin-right: 15px;
            background: transparent url(/img/button/linkSecondary.gif) no-repeat 0px 4px;
            color: #0B6997;
            font-size: 1.1em;
            font-weight: bold;
            text-transform: capitalize;
}
button.nAction {
            background: transparent url(/img/button/linkPrimary.gif) no-repeat scroll 2px 8px;
            color: #0B6997;
            height: auto;
            padding:5px 0pt 0pt 14px;
}
/*******************************************
* DROP SHADOW OFF *
*******************************************/
.spriteLayer
 {

box-shadow: none;

}

/******************************************************************************************
* PRODUCT SIDE MENU *
*******************************************************************************************/

#TCtable {border: 0; }

ul.TreeControl {
        float: inherit;
	position:relative;
        background-color: transparent;
	padding: 10px;
}
ul.TreeControl { color: #414348; }
ul.TreeControl li.TCopen, ul.TreeControl li.TCclosed { padding: 5px 0px 5px 0px; }
ul.TreeControl li.TCopen div.anchorCatalog, 
ul.TreeControl li.TCclosed div.anchorCatalog {
        float: inherit;
	position:relative;
        color:#cc0000; 
        font-weight: bold;
	font: 20px/34px "Montserrat", sans-serif;
        margin: 5px 0px 5px 0px;
        padding: 0;
}
ul.TreeControl li { list-style: none; }
ul.TreeControl, ul.TreeControl ul, ul.TreeControl li { margin-bottom: 5px; padding: 0; font-size: 10pt;}
ul.TreeControl ul { padding-left: 5px; }
ul.TreeControl li a { padding-left: 5px; cursor: pointer; text-decoration: underline; color: #414348; }
ul.TreeControl li a:hover { padding-left: 5px; cursor: pointer; text-decoration: underline; color: #cc0000; }
ul.TreeControl li.TCopen a { list-style: none; background: none; text-decoration: none; color: #414348; }
ul.TreeControl li.TCclosed a { list-style: none; background: none; text-decoration: none; color: #414348;}

ul.TreeControl  ul li { 
  /* border-bottom: 1px solid #B8C7D2; */
  margin: 0;
}
ul.TreeControl  ul li:hover,
ul.TreeControl  ul li:hover > a { 
  background: #f6f6f6; 
  color: #cc0000;
}
ul.TreeControl li.TCbullet a { 
        list-style: disc; background: none;
  	display: block;
        color: #414348;
        padding: 0;
        margin: 0;
	font-size: 14px;
	line-height: 25px;
	    margin: 0 0 0 10px;
	text-align: left;
}
ul.TreeControl li#active.TCbullet a {
  color: #fff;
}
ul.TreeControl li.TCbullet a:hover { 
         color: #cc0000;
}
ul.TreeControl  ul li#active,
ul.TreeControl  ul li#active:hover,
ul.TreeControl  ul li#active:hover > a
{ 
  background: #cc0000; 
  color: #fff !important;
}
ul.TreeControl li.TCopen ul { display: block; }
ul.TreeControl li.TCclosed ul { display: none; }

/******************************************************************************************
* END PRODUCT SIDE MENU *
*******************************************************************************************/

/*CLOSE ICON*/

#close-icon {
  width: 30px;
  height: 45px;
  position: relative;
  margin: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}
#close-icon span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #fff;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}


/* Icon */

#close-icon span:nth-child(1) {
  top: 10px;
}

#close-icon span:nth-child(2),#close-icon span:nth-child(3) {
  top: 18px;
}

#close-icon span:nth-child(4) {
  top: 26px;
}

#close-icon.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#close-icon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#close-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#close-icon.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}
#close-icon::before {
    content: "";
    position: fixed;
    z-index: 1000;
    top: -5px;
    right: 36px;
    background: url(../user/images/globals/default/ublocklogo.png) no-repeat;
    width: 50px;
    height: 50px;
    display: inline-block;
    padding: 0;
    overflow: hidden;
    background-size: 37px;
    background-color: transparent;
    background-position: 9px;
}

#image_list li div, #image_list li p {
    position: relative;
}
#QLloginID {display: none;}       /*This hides Change Login ID*/

#QLmyLists {display: none;}       /*This hides My Lists*/

#QLprofile {display: none;}	/*This hides My Profile*/

#shipToMyAddress button.btnEdit {display:none;}
#shipToCompany button.btnEdit {display:none;}