#mainContentSF {
	max-width: none;
	width: 100%;
  	object-position: left top;
}

body {
        background-color: #ffffff;
  		margin: 0;
  		font-size: 13px;
  		width: 100%;
  		height: 100%;
        overflow-x: hidden; 
}
.tag {
            font-family: "Trebuchet MS", Helvetica, sans-serif;
            color: #666666;
            font-size: 9px;
            line-height: 1.2em;
}
.boldbody {
            font-family: "Trebuchet MS", Helvetica, sans-serif;
            color: #000000;
            font-size: 12px;
            font-weight: bold;
            line-height: 1.2em;
}
.smallbody {
            color: #666666;
            font-family: "Trebuchet MS", Helvetica, sans-serif;
            font-size: 10pt;
}
.tinybody {
            color: #666666;
            font-family: "Trebuchet MS", Helvetica, sans-serif;
            font-size: 9px;
}
.tinybodysup {
            vertical-align: text-top;
            color: #939597; font-size: 16px; font-family: "Trebuchet MS", Helvetica, sans-serif; font-weight: bold;
}
.signoff {
            font-family: "Trebuchet MS", Helvetica, sans-serif;
            color: #336699;
            font-size: 11px;
            line-height: 1.2em;
}
.login {

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

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

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

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

table.tableLogin {
        position: fixed; /*absolute (Scroll With Page) fixed (Fixed In Upper Corner) */
  		min-width: 0 !important;
        float: right;
        z-index: 2;
        width: 150px;      
        top:0px;
        right: 0px;
        line-height: normal;
}

table.tableMain {
            position: relative;
            z-index: 2;
            width: 100%;
            
            background-color: #FFFFFF;
            -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.5);
            -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.5);
            box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.5);
            padding: 15px;
}
table.tableSiteBanner {
	width: 90%;
	background-color: #fff;
    padding: 10px
}
table.tableLogin .login strong {
	float: right !important;
	text-align:right !important;
}
login.loginWelcome .td {
	float: right !important;
	width: 150px;
	text-align:right !important;
}
.mainContentNB {
        color: #000000;
        padding-left: 15px;
        width: 100%;
}
a {
            font-family: "Trebuchet MS", Helvetica, sans-serif;
            font-size: 13px;
}

A {
        color: #003763;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 14px;
        text-decoration: underline;
        /*font-weight:bold;*/
}

A:hover {
        color: #003763;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 14px;
        text-decoration: underline;
	font-weight: bold;
}


.copyright, A.copyright, A.copyright:link, A.copyright:visited {
          background: transparent;
          color: #003763;
          font-family: Verdana, Arial, Helvetica, Sans-Serif;
          font-size: 12px;
          text-decoration: none;
	  padding: 15px;
}
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: #000000;
            font-size:14px;
            font-weight:bold;
}
.blue {
            color: #ffffff;
}
.cyan {
            color: #ffffff;
}
.custPO { font-size: 14px; }



/******************************************************************************************
* 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 img { z-index:2; float:inherit; position:relative; }

/* Stripes */

hgroup { margin: 35px 10px 0px }
#stripes {
        background-image:url(user/images/Global/BGstripes.png);
        position: absolute;
        top:140px;
        left:0;
        width:100%;
        height:240px;
        z-index: 1;
}

/* 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: relative;
        top:50px;
        margin:0px auto;
        width: 100%;
        height: 26px:
        left:0;
        z-index: 1;
}

/* Main Navigation Menu */

#menu { width: 100%; }

#menu, #menu li {
       float:left;
	position:relative;
        z-index:2;
        list-style: none;
	margin: 0;

        background-color: #8C8C8C;
}
#menu li {
	text-align: left;
	margin: 0 auto;
	display: table;
}
#menu li { position: relative; display: inline }
#menu li a {
	font-size: 12px;
	font-weight: bold;
	display: block;
	float: inherit;
        text-decoration:none;
	text-transform: uppercase;
        text-shadow: 1px 1px 4px #202020;
	line-height: 38px;
       	padding: 0 15px;
	color: #ffffff;
        border-right: 1px solid #727475;
	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
#menu li a:hover, #menu li.menuG a, #menu li:hover > a {
        text-decoration:none;
	border-right: 1px solid #8C8C8C;
	background-color: #003763;
 }
#menu li:first-child a {

}

/* END Main Navigation Menu */

/* LOGIN BOX*/
#bigbox {
        background-color: #FFFFFF;
        padding-bottom: 10px;
        padding-top: 10px;
        border: 1px solid #6A6A6A;
        border-radius: 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: #939597;
         font-size: 25px; font-family: "Trebuchet MS", Helvetica, sans-serif; font-weight: bold;
}
span.style1 {
         color: #000;
         font-size: 18px; font-family: "Trebuchet MS", Helvetica, sans-serif; font-weight: bold;
}

/* FOOTER*/
#FooterStyle {
        float:inherit;
	position:relative;
        margin: 0 auto;
        width: 920px;
        margin-top: 5px;
	background: none;
	padding: 10px;
         z-index: 3;
}
.footer   { color: #ffffff; font-size: 11px; font-family: Arial, sans-serif; font-weight: bold; background: none;  text-shadow: 1px 1px 4px #202020; }
.footer a { color:#ffffff; }
.footer a:hover { color:#EE188D; }

/* 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: 240px;
} 
.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:verdana, 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:verdana, 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 */


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


.body {
            font-family: Helvetica, sans-serif;
            color: #333333;
            font-size: 12px;
            line-height: 1.2em;
}
h1 {
            font-family: "Trebuchet MS", Helvetica, sans-serif;
            font-size: 18px;
            line-height: 1.2em;
}
.h1 {
            font-family: "Trebuchet MS", Helvetica, sans-serif;
            font-size: 18px;
            font-weight: bold;
            line-height: 1.2em;
}
h2 {
            font-family: "Trebuchet MS", Helvetica, sans-serif;
            font-size: 15px;
            line-height: 1.2em;
}
.h2 {
            font-family: "Trebuchet MS", Helvetica, sans-serif;
            font-size: 15px;
            font-weight: bold;
            line-height: 1.2em;
}
h3 {
            font-family: "Trebuchet MS", Helvetica, sans-serif;
            font-size: 13px;
            line-height: 1.2em;
}
.h3 {
            font-family: "Trebuchet MS", Helvetica, sans-serif;
            font-size: 13px;
            font-weight: bold;
            line-height: 1.2em;
}
.tableC {
            border: 1px solid #ffffff;
            font-family: "Trebuchet MS", Helvetica, sans-serif;
            font-size: 11px;
            line-height: 1.2em;
}
.inputBody {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-style: normal;
            font-variant: normal;
            line-height: normal;
            text-decoration: none;
}
 
.tableYHead {
            background: #FFCC00;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 16px;
            font-weight: bold;
}
.tableYLabel {
            background: #FFCC00;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 12px;
            font-weight: bold;
            text-align: right;
}
.tableYBody {
            background: #FFF2BF;
            font-family: Verdana, Arial, Helvetica, 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 Arial, Helvetica, Verdana, 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 Arial, Helvetica, Verdana, 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 { width: 235px; padding: 0px 20px 0px 10px; background:none; border: 0; }

#TCtable td {background:none;}

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

ul.TreeControl {
        float: inherit;
	position:relative;
	background: #8C8C8C;
	margin-right: 5px;
	padding: 10px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	box-shadow: 0 0 10px #888;
	-moz-box-shadow: 0 0 10px #888;
	-webkit-box-shadow: 0 0 10px #888;
}
ul.TreeControl { color: #ffffff; }
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;
	background-color: #003763;

	-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.5);
        box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.5);
        color:#fff; 
	font: 22px/36px Colaborate-RegularRegular, "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-shadow: 1px 1px 4px #202020;
        margin: 5px 0px 5px -35px;
        padding: 0 0 0 45px;
        border: none;
}
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: #000000; }
ul.TreeControl li a:hover { padding-left: 5px; cursor: pointer; text-decoration: underline; color: #224390; }
ul.TreeControl li.TCopen a { list-style: none; background: none; text-decoration: none; color: #fff; }
ul.TreeControl li.TCclosed a { list-style: none; background: none; text-decoration: none; color: #fff;}

ul.TreeControl li.TCbullet a { 
        list-style: disc; background: none;
        color:#fff;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 10px;
	font-size: 14px;
	line-height: 25px;
	margin-bottom: 0px;
	text-align: left;
	-o-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
}
ul.TreeControl li.TCbullet a:hover { 
         margin-left: 20px;
         color: #ffffff;
}

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 { padding-left: 15px; cursor: pointer; text-decoration: underline; color: #000000;}
ul.TreeControl li a:hover { padding-left: 15px; 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: Verdana, Arial, Helvetica, 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
/*=================================*/


/*===================*/
/*=== Main 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 {
	position:absolute;
	left:50%;
	bottom:0px;
    margin-left:-40px; /* Tweak this to center bullets */
}
.theme-default .nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.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 *
*******************************************************************************************/

/* Top System Default Tabs */
ul#menu li.linkS {display: none;}                /* Hides Shopping Cart tab */
ul#menu li.linkC {display: ;}                    /* Hides Catalog tab */
ul#menu li.linkA {display: ;}                    /* Hides My Account tab */


/* Order History Page */
#myOrderTbl button.dt-button {display: none;}    /* Hides the Export button */
select#searchScope.ui-select-menu {optgroup: "-1";} /* Def doesn't work, was trying to get All Orders to be the default vs My Orders */


/* My Account Page */
li#QLmyLists {display: none;}                    /* Hides My Lists in menu */
div#contactSalesInfo.ui-box {display: none;}     /* Hides Sales Rep Info box */
div#custServices {display: ;}                    /* Hides Contact Us footer text */
ul#listbigger li {margin-bottom: 5px;}
div#quickLinks table .h3 {display: ;}            /* No longer works, not sure what it was for */
div#custInfo table .h3 {display: ;}              /* No longer works, not sure what it was for */
#QLreports {display: none;}                      /* This ends up being hidden automatically if you change Order Details from Extended to Standard within the customer profile, but for good measure. */
#QLinvoiceSummary {display: none;}               /* This ends up being hidden automatically if you change Order Details from Extended to Standard within the customer profile, but for good measure. */
#QLinvoiceDetail {display: none;}                /* This ends up being hidden automatically if you change Order Details from Extended to Standard within the customer profile, but for good measure. */
table#viewReportsTbl {display: none;}            /* This ends up being hidden automatically if you change Order Details from Extended to Standard within the customer profile, but for good measure. */


/* My Account - Address Book */
td.importExportButtons {display: none;}          /* Hides Address Book Import Export buttons */


/* My Account - My Profile Page */
div#userCommentSection.ui-box {display: none;}   /* Hides the bottom Comment fields */


/* Proof Review Page (before Product Options) */
.jqProofButton {display: none;}                  /* Hides the Page Proof button */


/* Product Options (before adding to Cart) */
.btnArtwork {display: none;}                     /* Hides Review or Upload Linked Art button */
.btnCustomize {display: none;}                   /* Hides Customize or Review Design button */
tr#productImageRow, div#buttonContainer {font-size: 0;} /* DOES NOT WORK, NEED TO FIGURE OUT HOW TO HIDE 1 file(s) attached TEXT */


/* Shopping Cart */
.btnRemoveAll {display: none;}                   /* Hides Remove ALL at top */
tr.memoRow {display: none;}                      /* Hides Memo field. MP uses. If memos are autoprogrammed in templates, you can hide this field to avoid having client override */
tr.INKSRow {display: none;}                      /* Hides the Inks */
#save-for-later {display: none;}                 /* Hides Save for Later */
#change-options {display: ;}                     /* Hides Change Options */
#view-pdf-proof {display: none;}                 /* Hides View PDF Proof */
#copy-item {display: none;}                      /* Hides Copy Item */
#remove-item {display: ;}                        /* Hides Remove Item */
.dataTableContent, .dtContent  {background-color: #fff;} /* Changes background color of boxes for items in cart */
#checkoutProceedButton button {                  /* Changes the Checkout Proceed Button in its default state */
     background: #003763 !important;
     font-family: Arial, Helvetica, sans-serif;
}
#checkoutProceedButton button:hover {            /* Changes the Chrckout Proceed Button color when you hover over it */
     background: #1295D8 !important;
} 


/* Order Process: Step 1 Address */
#PorCAddress {display: ;}                        /* Hides Top Section completely */
#shipToMyAddress {display: ;}                    /* Hides Ship To My Address, not sure why this is hidden... */
#shipToCompany {display: ;}                      /* Hides Ship To Company */
#shipToMyAddress button.btnEdit {display: none;} /* Hides the Edit button */
#shipToCompany button.btnEdit {display: none;}   /* Hides the Edit button */
.FedEx-email-notify {display: none;}             /* Hides the Notification Email button */
#addressBook {display: ;}                        /* Hides Address Book section completely */
#addressBook .btnImport {display: none;}         /* Hides Address Book import button */
#addressBook .btnExport {display: none;}         /* Hides Address Book export button */
#newAddress {display: ;}                         /* Hides New Address section completely */
#editAddressBox tr:nth-child(13) {display: none;}/* Hides Notification Email field in New Address section */
#saveAddressBook {display: none;}                /* Hides Save to Address Book in New Address section */


/* Order Process: Step 2 Shipping */
#turnAroundTbl {display: none;}                  /* Hides Production Turnaround Table */
#shipProfileTbl {display: none;}                 /* Hides option to choose Shipping Profile*/


/* Order Process: Step 3 Payment */
div#CCInstructions {display: none}               /* Hides the text instruction. Self explanatory */
#dispCustomerPO {display: ;}                     /* Hides complete section for PO field and Project field */
#custPOBox {display: ;}                          /* Hides Customer PO Reference field only */
#quoteNameBox {display: ;}                       /* Hides Project Name field only */
#ccButtononset {display: none;}                  /* Hides the Purchase Order and Credit Card Toggle box */
#paywithnewcard {display: none;}                 /* Hides the CC payment box */
#payWithDiffCard {display: none;}                /* Hides the Purchase Order and Credit Card Toggle box */


/* Order Process: Step 4 Review */
div#orderShippingMethod {display: none;}         /* Hides the Turnaround and Will Ship UPS info */
div.ui-box.checkoutCell hr {display: none;}      /* Hides the separation line no longer needed */


/* Order Confirmation Page */
ul#orderMoreOptions {display: none;}             /* Hides superfulous options */
div#orderSentBox.ui-box p:nth-child(4) {display: none;}/* Hides the text that comes before the superfulous options "More actions you can takes regarding the new order you just placed:" */


/* Order Status Page */
#orderShipOnDate {display: none;}                /* Hides the Ship On Date on the Order Status Page, Bryan had to assign this an ID on the backend first */ 
table#orderStatusTbl {padding: 10px;}            /* Adds padding around the page */ 

.easycard-tabs, .easycard-tabs-btm1, .easycard-tabs-btm2 {display: ;}/* No idea, on all storefronts */
.ui-widget-header {border-radius:0px;}           /* No idea, on all storefronts */