body {
	background-size: cover;
        background-color: #ffffff;
        overflow-x: hidden; 
	font-family: Helvetica, Arial, sans-serif;
}

.ui-box header {
	color: #4f5a69;
}

ul#listbigger li a, ul#listbigger li a span {
	font-size: 16px;
}

.crumbs li.active a {
	color: #ff7b00;
}

.crumbs li a:hover {
	background-position: 100% 0px;
}

.tag {
            font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
            color: #666666;
            font-size: 9px;
            line-height: 1.2em;
}
.boldbody {
            font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
            color: #000000;
            font-size: 12px;
            font-weight: bold;
            line-height: 1.2em;
}
.smallbody {
            color: #666666;
            font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 10pt;
}
.tinybody {
            color: #666666;
            font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 9px;
}
.tinybodysup {
            vertical-align: text-top;
            color: #464646; font-size: 25px; 'Alegreya Sans SC', sans-serif; font-weight: normal;
}
.signoff {
            font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
            color: #336699;
            font-size: 11px;
            line-height: 1.2em;
}
table.tableSiteBanner {
	position: relative;	
	top: 5px;
}

.login {

            font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 10px;
            font-style: bold;
            width: 100%;
            background-color: transparent;
            padding:10px 0 10px 10px;
}

a.login {
            color: #ffffff;
            text-decoration: none;
            font-weight:bold;
            padding-right: 8px;
            padding-left: 8px;
            border-left: 2px solid #000000;
}

a.login:hover {
        color: #ffffff;
        text-decoration:none;
	background-color: #000000;
}

.loginWelcome, .loginLogout {
        background-color: #353535;
        border-bottom:solid 1px #000000;
}

table.tableLogin {
        position: fixed; /*absolute (Scroll With Page) fixed (Fixed In Upper Corner) */
        float: right;
        z-index: 2;
        width: 320px;       
        top:0px;
        right: 10px;
        z-index: 100;     
}


table.tableMain {
        position: relative;
        z-index: 2;
        width: 860px;    
        background-color: #ffffff;
        padding: 5px 0 8px 0;
	margin-top: 50px;
	left: 70px;
	top: 0px;  /*do not change this size. This value has to be zero in order to have the sticky footer working properly*/
}


.mainContentNB {
        color: #000000;
        padding-left: 15px;
        width: 745px;
	text-align: left;
}


a {
            font-family: Helvetica,sans-serif;
}

A {
        color: #ff7b00;
        text-decoration: none;
	transition: all .2s ease-in-out;
}

A:hover {
    	color: #443f3f;
	text-decoration: none;
}


.copyright, A.copyright, A.copyright:link, A.copyright:visited {
          background: transparent;
          color: #898989;
          font-family: sans-serif;
          font-size: 10px;
          text-decoration: none;
}
A.copyright:hover {
          text-decoration: underline;
}
.anchor a{
            text-decoration: none;
}
.anchor a:hover {
            text-decoration: underline;
}
.clear {
            background-image: url(/img/_.gif);
            background-repeat: no-repeat;
            background-color: transparent;
}
.yellow {
            color: #ffffff;
}
.orange {
            color: #fffffff;
}
.green {
            color: rgb(68, 63, 63);
    	    font-size: 12px;
	    font-style: italic;
}
.blue {
            color: #ffffff;
}
.cyan {
            color: #ffffff;
}
.custPO { font-size: 14px; }

/* Home Page Round Button */

.round-button {
	width: 90%;
}

.round-button-circle {
	width: 100%;
    	height: 0;
    	padding-bottom: 100%;
    	border-radius: 50%;
    	overflow: hidden;
    	background: #ff7b00;
}

.round-button-circle:hover {
}

.round-button a {
        display: block;
    	float: left;
    	width: 100%;
    	padding-top: 29%;
    	padding-bottom: 50%;
    	text-align: center;
    	color: #fff;
    	font-size: 12px;
    	font-weight: normal;
	line-height: 14px;
    	text-decoration: none;
}


/******************************************************************************************
* DTSS ADDED - HTML for Menu, Footer, Checkout, Etc. *
*******************************************************************************************/
/* IE Gradient */
#BGradient {
        background-image:url(user/images/Global/BG_Gradient.jpg);
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:180px;
        z-index:1;
}

.tableSiteBanner{ 
	z-index:2;
	float:inherit; 
	position:relative; 
	left: 75px;
	background-repeat: no-repeat;
	width: 200px;
	height:53px;
}


div#_pattern {
	
	position: absolute;
	z-index: 2;
	height: 135px;
	top: 0;
	width: 100%;
	background-color: rgb(0, 0, 0);
}

/* Stripes */

hgroup { margin: 35px 10px 0px }
/*#stripes {
        /*background-image:url(../user/carltonStaffingImages/nav_bar.png);*/
	position: absolute;
        top:78px;
        left:0;
        width:100%;
	height: 70px;
	background-color: #ffffff;
        z-index: 1;
	box-shadow: 5px 0 20px #e1e1e1;
}*/



/* BG Shape */

hgroup { margin: 35px 10px 0px }
#bgshape {
        /*background-image:url(user/images/Global/BGshape.png);*/
        float: inherit;
        position: relative;
        top:75px;
        margin:0px auto;
        left:0;
        width:1300px;
        height:401px;
        z-index: 1;
}

/* Top Float Menu */

#TopFloatMenu {
        /*background-image:url(user/images/Global/BGshape.png);*/
        float: inherit;
        position: absolute;
        top:50px;
        margin:0px auto;
        width: 100%;
        height: 26px:
        left:0;
        z-index: 1;
}

/* Main Navigation Menu */

#menu { width: 1000px; padding-left: 320px;} 

#menu, #menu li {
       	float:inherit;
	position:absolute;
	top:35px;
        z-index:10;
        list-style: none;
	margin: 0;
        background-color: none;
}

#menu li {
	text-align: left;
	margin: 0 auto;
	display: table;
}
#menu li { position: relative; display: inline }
#menu li a {
	font-size: 12px;
	font-weight: normal;
	display: block;
	float: left;
	font-family: Helvetica, sans-serif;
        text-decoration:none;
	text-transform: uppercase;
	margin: 26px 35px 0px 0px;
	height: 30px;
	color: #000000;
	transition: all 0.2s ease-out;
	-o-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.2s ease-out;
}
#menu li a:hover, #menu li.menuG a, #menu li:hover > a {
        color: #ff7b00;
	text-decoration:none;
	

 }
#menu li:first-child a {
	border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 9px;
}


#products {
              background-color: none;
              border: none;
}


/* END Main Navigation Menu */

/* LOGIN BOX*/
#bigbox {
	line-height: 22px;
        background-color: #EDEDED;
        border: 1px solid #6A6A6A;
        border-radius: 15px;
	padding: 15px;
        -o-border-radius: 15px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.6);
        -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.6);
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.6);
}



/* END Login Box */  

/*CATEGORY HEADER TEXT*/
div.source {
       color: #464646;
    	font-size: 26px;
    	font-weight: normal;
    	line-height: 30px;
	
}

/* FOOTER*/

#footer {
        float: inherit;
	position: relative;
        margin: 0 auto;
        width: 920px;
        margin-top: 110px;
	background: none;
	z-index: 3;
	color: #cc0000;
	text-align: left;
	padding: 2px;
	font-family: Arial, sans-serif; 
	font-weight: bold;
	line-height: 6px;


}
.footer   { color: #ffffff; font-size: 11px; background: none; text-shadow: 1px 1px 4px #202020; }
.footer a { color:#ffffff; }
.footer a:hover { color:#464646; }


/* End Footer*/

/* CHECKOUT HEADER*/

.tableCheckoutHeader {
       display:block;
       float:inherit;
       position:relative;
       margin-left: auto;
       margin-right: auto;
       width: 1000px;
       background-color: #ffffff;
       z-index: 3;
}
.tableCheckoutHeader img {
        padding-left: 120px;
}
/* END Checkout Header*/

.rightColumn {
        width: 210px;
} 
.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: left; padding-right: 20px; }
/* END Page Heading */

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

/* HOME PAGE TABS */

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

}

/* SERVICES NAVIGATION */

.sMenuHolder {text-align:center;}
.sMenu {background:#fff; height:100px; display:inline-block;  list-style:none; overflow:visible; }

.sMenu a {display:block; float:left; width:50px; height:50px; padding:25px 5px 0 5px;
text-decoration:none;
transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
}
.sMenu img {width:100%; display:block; border:0; z-index:3; }
.sMenu a:hover {width:100px; padding-top:0;}

.sMenu span {
	display:none; 
	padding-top:5px; position:relative; right:-70px; bottom:-35px; color:#fff; opacity:0;
	text-decoration: none;
	font-size:12px;
	font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-webkit-transition: 0.5s ease-in-out;
z-index:0;
}

.sMenu :hover span {
	display:block; 
	overflow: inherit; 
	text-align:center;
	color:#383838;
	text-decoration: none;
	font-size:12px;
	font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	right:0; bottom:0px; opacity:1;
	z-index:2;
} 

/* END SERVICES NAVIGATION */

/* Social Nav Menu */

.socMenu {
        position: absolute;
        width:2500px;
        height:500px;
        top:155px;
        left: 50%;
        margin-left: -1250px;
        z-index: 1;
        overflow:hidden;
}

.socicon {padding:0; margin:0; list-style:none; width:75px;}
.socicon li a {display:block; height:40px; width:120px; overflow:hidden; float:left; font:13px/13px arial,sans-serif; text-decoration:none; color:#fff; margin-right:-75px; background:none; position:relative; z-index;100;
transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-webkit-transition: 0.5s ease-in-out;
}
.socicon li a img {display:block; float:left; border:0; padding:0 5px 0 5px;}
.socicon li a b {display:block; padding-top:10px; position:relative; right:-85px; color:#fff; opacity:0;
transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-webkit-transition: 0.5s ease-in-out;
}

.socicon li a:hover {margin-right:0;}
.socicon li a:hover b {right:0; opacity:1;}

/* END Social Nav Menu */


p.style1 { color: #464646; font-size: 25px; 'Alegreya Sans SC', sans-serif; font-weight: normal; }

/******************************************************************************************
* END DTSS ADDED - HTML for Menu, Footer, Checkout, Etc. *
*******************************************************************************************/


.body {
            font-family: sans-serif;
            color: #000000;
            font-size: 12px;
            line-height: 18px;
}
h1 {
            font-family: Helvetica,sans-serif;
            font-size: 18px;
            font-weight: bold;
            line-height: 1.2em;
	    color: #ff7b00;
}
.h1 {
            font-family: sans-serif;
            font-size: 16px;
            font-weight: 400;
            line-height: 1.2em;
}
h2 {
            font-family: Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.2em;
    color: rgb(68, 63, 63);
}
.h2 {
            font-family: sans-serif;
            font-size: 14px;
            font-weight: bold;
            line-height: 1.2em;
}
h3 {
            font-family: sans-serif;
            font-size: 12px;
            line-height: 1.2em;
}
.h3 {
            font-family: sans-serif;
            font-size: 12px;
            font-weight: bold;
            line-height: 1.2em;
}
.tableC {
            border: 1px solid #ffffff;
            font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 11px;
            line-height: 1.2em;
}
.inputBody {
            font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-style: normal;
            font-variant: normal;
            line-height: normal;
            text-decoration: none;
}
 
.tableYHead {
            background: #FFCC00;
            font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 16px;
            font-weight: bold;
}
.tableYLabel {
            background: #FFCC00;
            font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 12px;
            font-weight: bold;
            text-align: right;
}
.tableYBody {
            background: #FFF2BF;
            font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, 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: 1px 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 "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, 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 "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, 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;
}

 
/******************************************************************************************
* DTSS ADDED - PRODUCT SIDE MENU *
*******************************************************************************************/

#TCtable {background: transparent; border: 0;}

.TCCaption { color: #BDBDBD; font-style: italic; }

ul.TreeControl {
        float: inherit;
	position:relative;
	width: 180px;
}
/*
ul.TreeControl { color: #003300; }
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;
        width: 200px;
	font: 18px/32px Helvetica, Arial, sans-serif; 
        margin: 5px 0px 5px 0px;
        padding: 5px 0px 5px 0px;
}
*/
ul.TreeControl li { list-style: none; }
ul.TreeControl, ul.TreeControl ul, ul.TreeControl li { margin-bottom: 10px; padding: 0; font-size: 10pt;}
ul.TreeControl ul { padding-left: 30px; }
ul.TreeControl li a { cursor: pointer; text-decoration: underline; color: #000000; padding-left: 8px; padding-right: 0px; }
ul.TreeControl li a:hover {cursor: pointer; text-decoration: underline; color: #CC0000; }
ul.TreeControl li.TCopen a { list-style: none; font-family: Helvetica,sans-serif; background: none; text-decoration: none; color: #ff7b00; font-size: 16px;}
ul.TreeControl li.TCclosed a { list-style: none; background: none; text-decoration: none; color: #ff7b00;font-size: 16px;}

ul.TreeControl li.TCbullet a { 
        list-style: disc; background: none;
        color: rgb(68, 63, 63);
        padding: 0px 0px 0px 0px;
        margin: 0px;
	font-size: 12px;
	text-transform: capitalize;
	line-height: 25px;
	margin-bottom: 0px;
	text-align: left;
	-o-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
}
ul.TreeControl li.TCbullet a:hover { 
         color: #ff7b00;
}

ul.TreeControl li.TCopen ul { display: block; }
ul.TreeControl li.TCclosed ul { display: none; }

/******************************************************************************************
* END DTSS ADDED - PRODUCT SIDE MENU *
*******************************************************************************************/

/*  default tree control styles 
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: 15px; }
ul.TreeControl li a {cursor: pointer; text-decoration: underline; color: #000000;}
ul.TreeControl li a:hover {cursor: pointer; text-decoration: underline; color: #224390;}
ul.TreeControl li.TCopen a { background: url(/img/tree_minus.gif) center left no-repeat; text-decoration: none; }
ul.TreeControl li.TCclosed a { background: url(/img/tree_plus.gif) center left no-repeat; text-decoration: none; }
ul.TreeControl li.TCbullet a { list-style: disc; background: url(/img/x.gif) center left no-repeat;}
ul.TreeControl li.TCopen ul { display: block; }
ul.TreeControl li.TCclosed ul { display: none; } */
 
.myText { font-size: 10px; color: #000000;  font-family: Arial,Helvetica,sans-serif; border-width: 1px; border-color: #000000; border-style: solid; text-align: left; background-color: #FFFFFF; }
.myTextR { font-size: 10px; color: #000000;  font-family: Arial,Helvetica,sans-serif; border-width: 1px; border-color: #000000; border-style: solid; text-align: right; background-color: #FFFFFF; }
 
/* EZ Tab Concept */
/* Tabs Container */
div.easycard-tabs { background-image: url(/catalog/img/EZTabRow.gif); }
div.easycard-tabs td { font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 11px;}
/* Active Tab */
div.easycard-tabs td.activetab-left  { background-image: url(/catalog/img/EZActiveL.gif); width: 8px; height: 26px; }
div.easycard-tabs td.activetab-right { background-image: url(/catalog/img/EZActiveR.gif); width: 10px; height: 26px; }
div.easycard-tabs td.activetab-text  { background-image: url(/catalog/img/EZActiveM.gif); font-weight: bold; color: #000000; padding: 0px 5px 0px 5px; }
/* Inactive Tabs */
div.easycard-tabs td.tab-left  { background-image: url(/catalog/img/EZTabL.gif); width: 9px; height: 26px; }
div.easycard-tabs td.tab-right { background-image: url(/catalog/img/EZTabR.gif); width: 11px; height: 26px; }
div.easycard-tabs td.tab-text  { background-image: url(/catalog/img/EZTabM.gif); color: #000000; padding: 2px 5px 0px 5px; }
div.easycard-tabs td.tab-text a { color:#0000FF; }
/* Bottom Decoration */
div.easycard-tabs-btm1 { background-color: none; border-top: 1px thin #000000; height: 9px; overflow: hidden; }
div.easycard-tabs-btm2 { background-color: #ffffff; border: 0px; height: 9px; overflow: hidden; }
div.easycard-tabs-btm3 { border: 0px; padding: 4px; }
/* table below tabs */
.easycard-table { border: 0px; }
/* end EZ Tab Concept */
 
/* search paging styles */
 
/***********************************************
* informative boxes                           *
***********************************************/
table.tblGreen,
table.tblGreenPad {
            margin-top: 0.2em;
            margin-bottom: 0.2em;
            border: 1px solid #339966;
            background-color: #339966;
}
table.tblGreen th,
table.tblGreenPad th,
table.tblGreen td.tblGreen,
table.tblGreenPad td.tblGreenPad {
            padding: 0.1em 0.5em 0.1em 0.5em;
            margin: 0.1em;
            vertical-align: top;
}
table.tblGreen th,
table.tblGreenPad th {
            background-color: #CCFFCC;
            color: #666666;
            font-size: 90%;
}
table.tblGreen td {
            background-color: #F6FFF6;
}
table.tblGreenPad td {
            background-color: #F6FFF6;
            padding: 0.1em 0.5em 0.1em 0.5em;
}
 
table.tblGray,
table.tblGrayPad {
            margin-top: 0.2em;
            margin-bottom: 0.2em;
            border: 1px solid #333333;
}
table.tblGray th,
table.tblGray td.tblGray,
table.tblGrayPad th,
table.tblGrayPad td.tblGrayPad {
            padding: 0.1em 0.5em 0.1em 0.5em;
            margin: 0.1em;
            vertical-align: top;
}
table.tblGray th,
table.tblGrayPad th {
            background-color: #D3DCE3;
            color: #666666;
            font-size: 90%;
}
table.tblGray td {
            background-color: #EEEEEE;
}
table.tblGrayPad td {
            background-color: #EEEEEE;
            padding: 0.1em 0.5em 0.1em 0.5em;
}
 
table.tblBlue,
table.tblBluePad {
            margin-top: 0.2em;
            margin-bottom: 0.2em;
            border: 1px solid #6699FF;
}
table.tblBlue th,
table.tblBlue td.tblBlue,
table.tblBluePad th,
table.tblBluePad td.tblBluePad {
            padding: 0.1em 0.5em 0.1em 0.5em;
            margin: 0.1em;
            vertical-align: top;
}
table.tblBlue th,
table.tblBluePad th {
            background-color: #B0DDEC;
            color: #666666;
            font-size: 90%;
}
table.tblBlue td {
            background-color: #EEF3FF;
}
table.tblBluePad td {
            background-color: #EEF3FF;
            padding: 0.1em 0.5em 0.1em 0.5em;
}
 
table.tblRed,
table.tblRedPad {
            margin-top: 0.2em;
            margin-bottom: 0.2em;
            border: 1px solid #FF6633;
}
table.tblRed th,
table.tblRed td.tblRed,
table.tblRedPad th,
table.tblRedPad td.tblRedPad {
            padding: 0.1em 0.5em 0.1em 0.5em;
            margin: 0.1em;
            vertical-align: top;
}
table.tblRed th,
table.tblRedPad th {
            background-color: #FFCCCC;
            color: #666666;
            font-size: 90%;
}
table.tblRed td {
            background-color: #FFF6F6;
}
table.tblRedPad td {
            background-color: #FFF6F6;
            padding: 0.1em 0.5em 0.1em 0.5em;
}
 
table.tblYellow,
table.tblYellowPad {
            margin-top: 0.2em;
            margin-bottom: 0.2em;
            border: 1px solid #FF9900;
}
table.tblYellow th,
table.tblYellow td.tblYellow,
table.tblYellowPad th,
table.tblYellowPad td.tblYellowPad {
            padding: 0.1em 0.5em 0.1em 0.5em;
            margin: 0.1em;
            vertical-align: top;
}
table.tblYellow th,
table.tblYellowPad th {
            background-color: #FFCC66;
            color: #666666;
            font-size: 90%;
}
table.tblYellow td {
            background-color: #FFFFF6;
}
table.tblYellowPad td {
            background-color: #FFFFF6;
            padding: 0.1em 0.5em 0.1em 0.5em;
}
 
table.tblBlue tr.r td,
table.tblBluePad tr.r td,
table.tblGray tr.r td,
table.tblGrayPad tr.r td,
table.tblGreen tr.r td,
table.tblGreenPad tr.r td,
table.tblRed tr.r td,
table.tblRedPad tr.r td,
table.tblYellow tr.r td,
table.tblYellowPad tr.r td {
            background-color: #FFEEEE;
}
table.tblBlue tr.o td,
table.tblBluePad tr.o td,
table.tblGray tr.o td,
table.tblGrayPad tr.o td,
table.tblGreen tr.o td,
table.tblGreenPad tr.o td,
table.tblRed tr.o td,
table.tblRedPad tr.o td,
table.tblYellow tr.o td,
table.tblYellowPad tr.o td {
            background-color: #FFFFFF;
}
table.tblBlue tr.e td,
table.tblBluePad tr.e td,
table.tblGray tr.e td,
table.tblGrayPad tr.e td,
table.tblGreen tr.e td,
table.tblGreenPad tr.e td,
table.tblRed tr.e td,
table.tblRedPad tr.e td,
table.tblYellow tr.e td,
table.tblYellowPad tr.e td {
            background-color: #EEFFEE;
}
 
table.tblBlue tr.oh td,
table.tblBluePad tr.oh td,
table.tblGray tr.oh td,
table.tblGrayPad tr.oh td,
table.tblGreen tr.oh td,
table.tblGreenPad tr.oh td,
table.tblRed tr.oh td,
table.tblRedPad tr.oh td,
table.tblYellow tr.oh td,
table.tblYellowPad tr.oh td,
table.tblBlue tr.eh td,
table.tblBluePad tr.eh td,
table.tblGray tr.eh td,
table.tblGrayPad tr.eh td,
table.tblGreen tr.eh td,
table.tblGreenPad tr.eh td,
table.tblRed tr.eh td,
table.tblRedPad tr.eh td,
table.tblYellow tr.eh td,
table.tblYellowPad tr.eh td
table.tblBlue tr.rh td,
table.tblBluePad tr.rh td,
table.tblGray tr.rh td,
table.tblGrayPad tr.rh td,
table.tblGreen tr.rh td,
table.tblGreenPad tr.rh td,
table.tblRed tr.rh td,
table.tblRedPad tr.rh td,
table.tblYellow tr.rh td,
table.tblYellowPad tr.rh td {
            background-color: #DDEEFF;
}
 
table.tblPage {
            border: 0px;
            margin-bottom: 0.2em;
            margin-top: 0.2em;
}
table.tblPage td {
            color: #666666;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 0.8em;
            text-align: center;
            width: 30px;
}
table.tblPage A:link,
table.tblPage A:visited,
table.tblPage A:active,
table.tblPage A:hover {
            color: #666666;
}
table.tblPage strong {
            color: #CC0000;
}
 
table.tblPageEdit {
            margin-bottom: 0.2em;
            margin-top: 0.2em;
            border: 1px solid #b7b7b6;
            padding: 0px;
}
table.tblPageEdit td .number {
            font-size: 1.4em;
}
table.tblPageEdit td {
            background-color: #dbe5f1;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 0.8em;
            text-align: center;
            width: 32px;
            border: 1px solid #666;
            cursor: pointer;
            height: 32px;
            vertical-align: middle;
}
table.tblPageEdit td.active {
            background-color: #95b3d7;
            border-width: 2px;
            border-color: #000;
}
table.tblPageEdit A:link,
table.tblPageEdit A:visited,
table.tblPageEdit A:active,
table.tblPageEdit A:hover {
            color: #666666;
            text-decoration: none;
}
 
/**********************************************
* message boxes: warning, error, confirmation *
***********************************************/
.notice {
    color:              #000000;
    background-color:   #FFFFDD;
}
h1.notice,
div.notice {
            margin:             0.5em 0 0.5em 0;
            border:             2px solid #FFD700;
            background-image:        url(/img/s_notice.png);
            background-repeat:  no-repeat;
            background-position: 10px 50%;
            padding:            10px 10px 10px 36px;
}
div.notice h1 {
            border-bottom:              2px solid #FF0000;
            font-weight:                   bold;
            text-align:                                  left;
            margin:                                     0 0 0.2em 0;
}
 
.warning {
            color:                                        #CC0000;
            background-color:          #FFFFCC;
}
p.warning,
h1.warning,
div.warning {
            margin:                                     0.5em 0 0.5em 0;
            border:                                     2px solid #CC0000;
            background-image:        url(/img/s_warn.png);
            background-repeat:        no-repeat;
            background-position: 10px 50%;
            padding:                                    10px 10px 10px 36px;
}
div.warning h1 {
            border-bottom:              2px solid #cc0000;
            font-weight:                   bold;
            text-align:                                  left;
            margin:                                     0 0 0.2em 0;
}
 
.error {
            background-color:          #FFFFCC;
            color:                                        #FF0000;
}
h1.error,
div.error {
            margin:                                     0.5em 0 0.5em 0;
            border:                                     2px solid #FF0000;
            background-image:        url(/img/s_error.png);
            background-repeat:        no-repeat;
            background-position: 10px 50%;
            padding:                                    10px 10px 10px 36px;
}
div.error h1 {
            border-bottom:              2px solid #FFDD00;
            font-weight:                   bold;
            text-align:                                  left;
            margin:                                     0 0 0.2em 0;
}
 
.confirmation {
            background-color:          #FFFFCC;
}

/******************************************************************************************
* DTSS ADDED - FORMS *
*******************************************************************************************/

/* DTSS Added Contact Us Form */

.DTSSForm {
	width: 600px;
	font-family: arial;
	background-color:#F0F0F0;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	box-shadow: 0 0 10px #444444, inset 0 0 15px #999999, inset 0 35px 35px -18px #999999;
	-moz-box-shadow: 0 0 10px #444444, inset 0 0 15px #999999;
	-webkit-box-shadow: 0 0 10px #444444;
	
	
}

.DTSSForm div.formHeader {
text-align:center;
	padding: 20px;
	margin: -3px -3px 20px -3px;
	border-bottom: 1px solid #558199;
	
	background-color: #005D40;
    height: 100%;
	background-image: -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#005D40, EndColorStr=#002A1C);
	background-image: -moz-linear-gradient(top, #005D40 0%, #002A1C 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #005D40),color-stop(1, #002A1C));
    background-repeat: no-repeat;
	
	color: #fff;
	text-shadow: 0px 1px 0px #313131;
		
	border-top-left-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-webkit-border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	-webkit-border-top-right-radius: 15px;
}
.DTSSForm div.formHeaderT {
	font-size: 32px;
	font-weight:bold;
}
.DTSSForm div.formHeader span {
	font-size: 14px;
}
.DTSSForm div.formHeader a {
	color: #000;
}

.DTSSForm_label {
text-align:right;
	padding:4px;
	font-size:12px;
}
.DTSSForm_answer {
text-align:left;
	padding:4px;
	font-size:12px;
}
.DTSSForm_submit {
text-align:center;
	padding:4px;
	font-size:12px;
}
.DTSSForm p {
	padding:4px;
	font-size:14px;
}
.DTSSForm label {
	padding:4px;
}
label {
 padding-right:10px
}
.required {
 font-weight:bold;
}
.required_star {
 font-weight:bold;
 color:#F00;
}
.not-required {
 font-weight:normal
}

/* END DTSS Added Contact Us Form */

/******************************************************************************************
* END DTSS ADDED - FORMS *
*******************************************************************************************/

/******************************************************************************************
* DTSS ADDED - BANNER ROTATOR *
*******************************************************************************************/

/* SMALL rotating banner + transitions */

.ribbonRight {
	float:right;
	position: relative;
}
.ribbonRight img {
	float:left;
    margin:0px auto 0 auto;
    width:275px; /* Make sure your images are the same size */
    height:205px; /* Make sure your images are the same size */
	margin-left: auto;
 	margin-right: auto;
	margin-bottom:15px;
  	
 	background-color: #eee;
  	border: 6px solid #fff;
  	border-radius         : 5px;
  	-o-border-radius      : 5px;
  	-moz-border-radius    : 5px;	
  	-webkit-border-radius : 5px;
  	box-shadow         : 0px 1px 10px #888;
  	-o-box-shadow      : 0px 1px 10px #888;
  	-moz-box-shadow    : 0px 1px 10px #888;
  	-webkit-box-shadow : 0px 1px 10px #888;
}

/* BANNERS */

/* cross-fade effect */
.crossfade {
position: relative;
}

.crossfade #bannerS img {
  opacity: 0;
}
.crossfade #bannerS img[smil=active] {
  opacity: 1;
}


/*=================================*/
/* Nivo Slider Demo
/* November 2010
/* By: Gilbert Pellegrom
/* http://dev7studios.com
/*=================================*/


/*===================*/
/*=== Styles ===*/
/*===================*/

#wrapper {
	padding: 7px;
	margin-bottom:8px;
}

.theme-default #slider {
	float:left;
    margin:0px auto 0 auto;
    width:675px; /* Make sure your images are the same size */
    height:205px; /* Make sure your images are the same size */
	margin-left: auto;
 	margin-right: auto;
	margin-bottom:15px;
  	
 	background-color: #eee;
  	border: 6px solid #fff;
  	border-radius         : 5px;
  	-o-border-radius      : 5px;
  	-moz-border-radius    : 5px;	
  	-webkit-border-radius : 5px;
  	box-shadow         : 0px 1px 10px #888;
  	-o-box-shadow      : 0px 1px 10px #888;
  	-moz-box-shadow    : 0px 1px 10px #888;
  	-webkit-box-shadow : 0px 1px 10px #888;
}

.theme-pascal.slider-wrapper,
.theme-orman.slider-wrapper {
    margin-top:0px;
	
}

/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
	clear:both;
}

/* =======  THEME  ========== */

.theme-default .nivoSlider {
	position:relative;
	background:#fff url(images/loading.gif) no-repeat 50% 50%;
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.theme-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display: inline-block;
}
.theme-default .nivoSlider a {
	border:0;
	display:block;
}

.theme-default .nivo-controlNav {
	text-align: center;
	padding: 20px 0;
}
.theme-default .nivo-controlNav a {
	display:inline-block;
	width:22px;
	height:22px;
	background:url(bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin: 0 2px;
}

.theme-default .nivo-controlNav a.active {
	background-position:0 -22px;
}

.theme-default .nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
.theme-default a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
.theme-default a.nivo-prevNav {
	left:15px;
}

.theme-default .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
    color:#fff;
}

/* =======  NIVO SLIDER  ========== */

/*
 * jQuery Nivo Slider v2.6
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;

}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:16;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:15;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:15;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:18;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:19;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:15;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

/******************************************************************************************
* END DTSS ADDED - BANNER ROTATOR *
*******************************************************************************************/



/*** BANNER IS LOCATED IN THE HOME PAGE-CONTENT ***/


.banner {

	position:relative;
	background-color: none;
	float: inherit;
        margin: 0 auto;
	margin-top: 0;
	z-index: 3;
	padding: 2px 2px;
}

/*** END OF BANNER***/



/***HOME PAGE BUTTONS***/

.ordernow {
	color: #ff9900;
	cursor: pointer;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
 	opacity: 1;
 	-moz-opacity: 0.99;
	padding-top: 45px;

}

.ordernow:hover {
	
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
 	opacity: 0.8;
 	-moz-opacity: 0.8
}


.bodyCopy {
	text-align: left;
    	font-family: Helvetica,sans-serif;
    	font-size: 12px;
    	line-height: 20px;
	padding-right: 40px;
	color: #898989;
}


.tableLogo {
	position: relative;
	width:240px;
	height:100px;
	left: 300px;
	top: 0;
	z-index: 3;

}


.LoginLogo {
	position: relative;
	width: 632px;
	height:100px;
	left: 460px;
	top: 92px;
	z-index: 3;

}


/*#carltonstaffing_logo {
        background-image: url(user/carltonStaffingImages/cs_logo_smaller.png);
	background-repeat: no-repeat;
	position: relative;
  
        width:100%;
        height:70px;
        z-index: 5; 
}*/




/***MY FOOTER***/

html, body {
	height: 100%;
	margin: 0;
}


#push {
	height: 20px;	
	background-color: none;
}


#push2 {	
	background-color: none;
}

.wrapper {
	min-height: 80%;
}

.wrapper:after {
	content: "";
	display: block;
}


.wrapper:after, footer {
	background-color: #443f3f;
}


#mainfooter{
	background-color: none;
    	float: inherit;
    	position: relative;
    	margin: 0 auto;
    	width: 920px;
    	height: 110px;
    	margin-top: 15px;
    	z-index: 3;
    	text-align: left;
    	padding: 18px 0px 0px 80px;
    	font-family: "Trebuchet MS", sans-serif;
    	font-weight: regular;
    	line-height: 15px;
	
}

#box1{
	background-color:none;
	width: 200px;
	float: left;
	position:relative;
	z-index:4;
	padding: 0px;
	text-align:left;	
	font-size:11px;
	line-height: 16px;
	margin-top: 5px;
}


.title{
	font-family: Helvetica,sans-serif;
    	font-size: 14px;
    	text-align: left;
    	font-weight: 100;
    	color: #fff;
}


#title-link{
	font-family: Helvetica,sans-serif;
    	font-size: 14px;
    	text-align: center;
    	font-weight: 100;
    	text-decoration: none;
    	color: #fff;
    	transition: all .2s ease-out;
}

#title-link:hover { color: #ff7b00; }


#addresstext {
	font-family: Helvetica,sans-serif;	
	font-size: 10px;
	color: #fff;
	text-align: left;
	line-height: 18px;
	font-weight: 100;
}


#box2{
	background-color: none;
	width: 495px;
	float: left;
	position:relative;
	z-index:4;
	padding: 0px;
	text-align:left;
	margin-top: 5px;
	margin-left: 35px;
}

ul#links_list {
	list-style-type: none;
	margin-left: -48px;
}



#box3{
	background-color: none;
	width: 185px;
	float: left;
	position:relative;
	z-index:4;
	padding: 0px;
	text-align:left;
	font-size:10px;
	margin-top: 5px;

}

ul#links_list2 {
	list-style-type: none;
	margin-left: -48px;
}



#copybox{
	float: inherit;
    	position: relative;
    	width: inherit;
    	height: 40px;
    	margin-left: 0;
    	z-index: 1;
    	padding-top: 2px;
	background-color: #443f3f;

}


.clear{
	clear:both;
}


#copy{
	margin: 10px 0px 0px 0px;
	text-align:center;
	font-size: 12px;
	color: #898989;
	font-family: Helvetica,sans-serif;
}

/*###################################        CHANGES   COPY ALL OF BELOW TO ADD TO OTHER PROFILES   ############################################
###
###############################################################################################################################################*/


div#header_pattern {
	background-color: #e0e0e0;
	position: fixed;
	z-index: 500;
}
#navWrapper {
    width: 100%;
    height: 135px;
    background-color: #e0e0e0;
    z-index: 99;
    position: fixed;
  top:0;
}

table.tableMain {
        width: 1000px;    
	margin: auto;
	margin-top: 150px;
	margin-bottom: 50px;
	left: 0;
}

#menu {
	position: fixed;
	z-index: 150;
	left: 50%;
	top: 50px;
	padding-left: 0;
}

#menu li a {
	color: #000000;
	font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
}

#cartContainer.floatClass {
	position: fixed;
	top: 4px;
	right: 120px;
	z-index: 150;
}

#cartCount {
	border: 0;
	background-color:transparent;
}

#cartIcon {
	color:#ffffff;
}
#cartCountBadge {
	background-color: #ffffff;
	color: #1D5EA2;
	font-weight: 600;
}

#cartDesc {
	font-weight: 600;
	padding-right: 1em;
	padding-left: 1em;
}

table.tableSiteBanner {
	position: fixed;
	z-index:100;
	top: 40px;
	left: 40px;
}


#catalogWrap {
	border: 0px;
}

.prodCell {
	border: 5px solid #ffffff;
}

#catalogSearch {
	border: 0px;
}

.wrapper:after, footer {
	background-color: #262626;
  	margin-top: 10%;
}

#addresstext {
	color: #eca440;
}

#footer-bottom {
	background-color: rgba(0,0,0,.32);
}

.loginWelcome, .loginLogout {
	background-color: #f9a11b;
	border: 0;
	padding: 3px;
 	padding-left: 60px;
}

table.tableLogin{
	width: 100%;
	right: 0;
}


.login {
	font-size: 13px;
	font-weight:600;
    background-color: #f9a11b;
    padding: 3px;
}

a.login {
	border-left: 0;
	padding-bottom: 8px;
	padding-left: 30px;
	padding-right: 30px;
  color: #000000;
}

td.login.loginWelcome {
    padding-left: 50px;
  color: #000000;
}
.banner {
	background-color: #ff00ff;
	width: 100%;
}

/**********************SIDEBAR CHANGES******************/
#sideBarNav {
 	padding-right: 0;
  background-color:#ffffff;
  border-radius: 10px;
}

.anchorCatalog {
  	padding: 10px 0 20px 10px;
}

ul.TreeControl {
	padding-left: 0;
  	width: 80%;
}

ul.TreeControl ul {
	padding-left: 0;
}

ul.TreeControl li{
	padding-left: 0;
}

ul.TreeControl li a {
	padding-left: 0;
  	color: #262626;
}


ul.TreeControl li.TCbullet a { 
  	display: block;
    color: #262626;    
  	padding-left: 10px;
    line-height: 35px;
  	font-weight: 600;
}
li.TCbullet:hover {
	background-color: #ff7b00;
    color: #262626;
  	transition: .3s
}
li.TCbullet:hover  a {
color:#ffffff;

}
ul.TreeControl li.TCbullet a:hover {
    color: #262626;
  	padding-left: 45px;
}
ul.TreeControl, ul.TreeControl ul, ul.TreeControl li {
	margin-bottom: 0;
  	transition: .3s;
}

.anchorCatalog {
  pointer-events: none;
}

#tableMainContent {
   border-spacing: 10px;
    border-collapse: separate;
}
/**********************END OF SIDEBAR CHANGES******************/
/**********************FOOTER CHANGES******************/
#mainfooter {
  	width: 80%;
 	color: #e0e0e0 ;
  	margin: auto;
  	height: 300px;
  padding: 18px 0 0 0;
}
#mainfooter a {
  color: #e0e0e0;
}
#mainfooter a:hover {
	color: #ff7b00;
}

#mainfooter h2 {
 	color: #ffffff; 
}
#addresstext {
 	font-size: 15px;
  	color: #e0e0e0;
  margin-bottom: 40px;
 }
#box1 {
  	width: 20%;
  	padding-left: 5%;
	font-size: 15px;
  	display:block;
  	line-height: 25px;
}
#box2 {
  	width: 20%;
  	padding-left: 5%;
	font-size: 15px;
  	display:block;
  	line-height: 25px;
  margin-left: 0;
}

#box3 {
  	width: 20%;
  	padding-left: 5%;
 	 float: left;
	position:relative;
	font-size: 15px;
  	display:block;
  	line-height: 25px;
}

#box4 {
  	width: 20%;
  	padding-left: 5%;
  	float: left;
	position:relative;
	font-size: 15px;
  	display:block;
  	line-height: 25px;
}

.footerlist {
	list-style: none;
  list-style-type: none;
  	padding: 0;
  	margin: 0;
   	font-size: 15px;
}
.footerlist li {
  padding-top:5px;
  padding-bottom: 5px;
}

.footerlist2 li {
  padding-top:5px;
  padding-bottom: 5px;
}


.footerlist2 {
	list-style: none;
  list-style-type: none;
  	padding: 0;
  	margin: 0;
  	font-size: 15px;
}
/**************ADDS BACKGROUND COLOR WHEN HOVERING OVER PRODUCTS IN CATALOG**************/
.prodCell {
	transition: .3s;
}


.prodCell:hover {
    background-color: aliceblue;
}
/**************My account customer service link**************/
#custServices a{
	color: #ff7b00;
}

/**************HIDE SHOPPING CART TAB************************/
ul#menu li.linkS {
  	display: none;
} 
/**************HIDE CATALOG TAB******************************/
ul#menu li.linkC {
  display: none;
}

/*************MAKES NAVIGATION FULL WIDTH********************/
#mainContentSF[style] {
	width: 100% !important;
}

.mainContentNB a{
  	color: #ff7b00;
}

/**================ PRODUCT OVERLAY ON PRODUCTS PAGE ========================*/
.container1 {
  position: relative;
  width: 50%;
}

.image1 {
  display: block;
  width: 100%;
  height: auto;
}

.overlay1 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #e0e0e0;
}

.container1:hover .overlay1 {
  opacity: .7;
}


.text1 {
    display: block;
    height: 100%;
    width: 100%;
   color: #000000;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

a.link {
    display: block;
    height: 100%;
    width: 100%;
	padding-top:50%;
}

/**================ FIXES 'REQUIRED STARS' FOR SEND FILES PAGE     ========================*/
.required_star {
 	position: static; 
}

/**================ CREATING CONTRAST IN PRODUCT COUNTER AND CART COUNTER     ========================*/
.counter {
 	color:#000000; 
}

#cartDesc {
 	color:#000000; 
}
/**================ FILES SPECIFICATIONS, FAQS, AND TEMPLATE PAGES     ========================*/

.extrapages h1, h2{
	color: #ff7b00;
    margin-bottom: 0px;
}
.extrapages h3{
    margin-bottom: 0px;
}
.extrapages p{
    margin-top: 0px;
  	margin-bottom: 30px;
    font-family: 'Open Sans',Helvetica,sans-serif;
    font-size: 12px;
    line-height: 20px;
    padding-right: 40px;
    color: #898989;
}

.extrapages a{
	color: #ff7b00;
}
.extrapages span{
	color: #ff7b00;
}

/**==================================  TEMPLATE PAGES     ====================================*/
    .container {
      font-family: Helvetica, sans-serif;
      font-size: 13px;
      width: 1000px;
      margin: auto;
    }

    html {
      scroll-behavior: smooth;

    }

    #menutitle {
      color: #ffffff;
      display: block;
      padding: 20px 0 20px 0;
      line-height: 20px;
      background-color: #262626;
    }

    #menutitle a {
      color: #ffffff;
    }

    #menutitle a:hover {
      color: #ffffff;
      background-color: #262626;
    }

    .side {
      position: fixed;
      width: 220px;
      float: left;
      margin-right: 20px;
    }

    .side a {
       color: #faa21b;
      text-decoration: none;
      scroll-behavior: smooth;
      transition: 0.4s;
    }

    .side a:hover {
	color: #faa21b;
    }

.sidebarmemu {
 	display: block;
  width:220px;
  text-align: center;
}

.sidebarmenu a {
display: block;
  width: 100%;
  padding: 10px 0 10px 0;
  color: #000000;
  background-color: #f2f2f2;
    text-align: center;
}

    .sidebarmenu a:hover {
      background-color: #faa21b;
      color: #000000;
    }

    .templatecopybody {
      width: 730px;
      margin-left: 240px;
      float: left;
      color: #000000;
      background-color: #ffffff;
      padding: 0 10px 0 20px;
      margin-bottom: 20px;
      padding-bottom: 20px;
    }

    .templatecopybody h1,
    h2 {
      color: #ff7b00;
      margin-bottom: 0;
    }

    .templatecopybody h1 {
      margin-top: 0;
    }

 /*   .templatecopybody h2:first-of-type {
      margin-top: 3em;
    }*/

    .templatecopybody p {
      margin-top: 0;
      margin-bottom: 20px;
      line-height: 20px;
    }

    .section {
      width: 730px;

    }

    .section img {
      width: 100%;
      background-color: #faa21b;
    }

    .templatecopybody a {
      color: #faa21b;
      top: 30px;
    }

    #tops {
      position: fixed;
      top: 0;
    }


 .downloadbtn {
  display: inline-block;
      width: 140px;
      height: 20px;
      font-weight: 600;
      background-color: #cccccc;
      border-bottom-color: #898989;
      border-bottom-width: 5px;
      border-radius: 3px;
      transition: .3s;
      margin-top: 10px;
      margin-bottom: 10px;
      padding: 15px 5px 10px 5px;
      text-align: center;
      vertical-align: center;
   	float: right;
 }

.destination {
    position:absolute;
    z-index:-1;
    left:0;
    margin-top: -150px;/* height of nav*/
}
.section {
    display: block;
    width: 100%;
    margin: 80px 0 50px 0;

}

.sectionitem {
  display: block;
  width: 100%;
  height: 70px;
  background-color:#fbfafa;
  padding: 10px;
  margin: 10px 0 10px 0;
  border-radius: 5px;
}

.section a {
    text-decoration: none;
    color:#000000;
    display: block;
   float:right;
}

.sectiondesc{
  display: block;
  width: 70%;
  float: left;
  font-size: 16px;
  padding-top: 15px;

}

.sectionbtn{
  display: block;
  width: 30%;
  float: right;
}

.downloadbtn:hover {
      color:#000000;
      background-color: #faa21b;
      border-bottom-color: #393939;
    }

.templatecopybody .downloadbtn a{ 
      color: #000000;
}

/**==================================  BANNERS PAGE     ====================================*/
     .containerbanners {
    width: 1000px;
    margin: auto;
    font-family: Helvetica, sans-serif;
    font-size: 13px;
    }

    .box {
        margin-bottom: 100px;
      min-height: 420px;
    }

    .box img{
        float:right;
        width: 250px;
        height: 350px;
        object-fit: contain;

    }
  .bcimg {
        float:right;
        width: 250px;
        object-fit: cover;

    }
    .bannerpageside {
        width: 240px;
        float: left;
    }

    .bannerpageside ul{
      	padding-left: 0;
    }

    .bannersort {
        display: block;
        background-color: #f2f2f2;
        color: #000000;
        text-align: center;
        padding: 10px 0;
      transition: .4s;

    }
    .bannersort:hover {
          background-color: #faa21b;
    }


    .filtertitle {
        background-color: #000000;
        color: #ffffff;
        text-align: center;
        padding: 20px 0;
    }

     .bannerpagebody {
        width: 730px;
        overflow: hidden;
        padding: 0 10px 0 20px;
    }

     .bannerpagebody table{
        margin-top: 50px;
    }

    .bannersection {
        width: 100%;
        height: 300px;
        margin: 0 0 20px 0;
        padding: 15px;
    }

    .bannerintro{
        margin-bottom: 80px;
    }

    .tablebannersizes {
        text-align: center;
        border-collapse: separate;
        border-spacing: 0;
        border: 0;
        font-size: 12px;
        width: 440px;
    }

    .tablebannersizes tr {
        height: 40px;    
    }

    .tablebannersizes td{
        width: 140px;

    }

    .tablebannersizes tr:nth-child(even){
        background-color: #ffffff;
    }

    .tablebannersizes tr:nth-child(odd){
        background-color: antiquewhite;
    }

    .credits {
    font-size: 12px;
    color: #c0c0c0;
    text-align: center;
    }
    .gotobtn {
    display: block;
    width: 150px;
    text-align: center;
    margin: 30px auto;
    padding: 13px 10px;
    background-color: #c0c0c0;
    border-radius: 3px;
      color:#000000;
      transition: .3s;
    }
    
    .gotobtn:hover {
        background-color: #faa21b;
      color:#000000;
    }
/**==================================  BUSINESS CARDS PAGE     ====================================*/
    .containerbanners {
    width: 1000px;
    margin: auto;
    font-family: Helvetica, sans-serif;
    font-size: 13px;
    }

    .bcbox {
    margin-bottom: 75px;
    min-height: 350px;
    }

    .bcbox img{
     
      display: block;
      margin-left: auto;
      margin-right: auto;
      margin-top: 25px;
      margin-bottom: 100px;
      width: 100%;
      object-fit: cover;
      

    }

    .bcpageside {
        width: 240px;
        float: left;
    }

    .bcpageside ul{
      	padding-left: 0;
    }

    .bcsort {
        display: block;
        background-color: #f2f2f2;
        color: #000000;
        text-align: center;
        padding: 10px 0;
      transition: .3s;

    }
    .bcsort:hover {
          background-color: #faa21b;
    }

    .filtertitle {
        background-color: #000000;
        color: #ffffff;
        text-align: center;
        padding: 20px 0;
    }

     .bcpagebody {
        width: 730px;
        overflow: hidden;
        padding: 0 10px 0 20px;
    }

     .bcpagebody table{
        margin-top: 50px;
    }

    .bannerbcsection {
        width: 100%;
        height: 300px;
        margin: 0 0 20px 0;
        padding: 15px;
    }

    .bcintro{
        margin-bottom: 80px;
    }

    .tablebcsizes {
        text-align: center;
        border-collapse: separate;
        border-spacing: 0;
        border: 0;
        font-size: 12px;
        width: 100%;
   
    }

    .tablebcsizes tr {
        height: 40px;    
    }

    .tablebcsizes td{
    width: 300px;

    }

    .tablebcsizes tr:nth-child(even){
        background-color: #ffffff;
    }

    .tablebcsizes tr:nth-child(odd){
        background-color: antiquewhite;
    }

    .credits {
    font-size: 12px;
    color: #c0c0c0;
    text-align: center;
    }
    .gotobtn {
    display: block;
    width: 150px;
    text-align: center;
    margin: 30px auto;
    padding: 13px 10px;
    background-color: #c0c0c0;
    border-radius: 3px;
      color:#000000;
      transition: .3s;
    }
    
    .gotobtn:hover {
        background-color: #faa21b;
      color:#000000;
    }



 .downloadbtn {
  display: inline-block;
      width: 140px;
      height: 20px;
      font-weight: 600;
      background-color: #cccccc;
      border-bottom-color: #898989;
      border-bottom-width: 5px;
      border-radius: 3px;
      transition: .3s;
      margin-top: 10px;
      margin-bottom: 10px;
      padding: 15px 5px 10px 5px;
      text-align: center;
      vertical-align: center;
   	float: right;
 }

.destination {
    position:absolute;
    z-index:-1;
    left:0;
    margin-top: -150px;/* height of nav*/
}

.bcsection {
    display: block;
    width: 100%;
    margin: 80px 0 50px 0;

}

.bcsectionitem {
  display: block;
  width: 100%;
  min-height: 70px;
    padding: 10px;
  margin: 0 0 10px 0;
  border-radius: 5px;
}

.bcsection a {
    text-decoration: none;
    color:#000000;
    display: block;
   float:right;
}

.bcsectiondesc{
  display: block;
  width: 70%;
  float: left;
  font-size: 16px;


}

.bcsectionbtn{
  display: block;
  width: 30%;
  float: right;
}

.downloadbtn:hover {
      color:#000000;
      background-color: #faa21b;
      border-bottom-color: #393939;
    }

.bccopybody .downloadbtn a{ 
      color: #000000;
}

/**==================================  INCREASE FONT SIZE and  FOR ACCESSIBILITY      ====================================*/

.tag {
    font-size: 12px;
}

.tinybody {
    font-size: 12px;
}

.signoff {
    font-size: 12px;
}

.login {
    font-size: 12px;
}
.copyright, A.copyright, A.copyright:link, A.copyright:visited {
    font-size: 10px;

}
#copy{

	font-size: 12px;
}
.counter {
 	 font-size: 12px;
}