html, body {
        margin: 0 auto; 
	width:100%;
        height: 100%;
        background-color: #f6f6f9; /* Swapped harsh grey for a clean, modern off-white */
        overflow-x: hidden; 
}
	
}

/* coel quick fix test */
.tableMain{
margin: auto;
}

.tableSiteBanner { 
margin: auto !important ;
}

#menu li{
margin: auto!important ; 
max-width:1050px!important ;
}
#menu{
margin: auto!important ; 
max-width:1050px!important ;
}
#shipToMyAddress {
    display: none !important;
}


#salesEmailTxt{
	font-size:10pt;
}

#csrEmailTxt{
	font-size:10pt;
}

.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: #153B6C; font-size: 25px; font-family: Arial, sans-serif; font-weight: bold; font-style:italic;
}
.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: #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;            /* Maintained structural standard placement */
        float: right;
        width: 320px;       
        top: 12px;                  /* Nudged down slightly from the very top border */
        right: 20px;                /* Given breathing room inward from the right wall */
        z-index: 100;
}


table.tableMain {	
            position: relative;
            z-index: 2;
            width: 1050px;
            background-color: #ffffff;
            
            /* Smoother, modern corner rounding */
            border-bottom-left-radius: 6px;
	    -moz-border-radius-bottomleft: 6px;
	    -webkit-border-bottom-left-radius: 6px;
	    border-bottom-right-radius: 6px;
	    -moz-border-radius-bottomright: 6px;
	    -webkit-border-bottom-right-radius: 6px;
            
            /* Softened the harsh legacy shadow drops */
            -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.08);
            -moz-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.08);
            box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.08);
            
            padding-bottom: 2.5em; /* Extra breathing room at the bottom */
	    font-size: 10pt;
	    font-weight: normal;
}

/* Change body default text size */
	   font-size:10pt;
	   font-weight:normal;
}
.mainContentNB {
        color: #000000;
        padding-left: 15px;
        width: 745px;
}
a {
            font-family: "Trebuchet MS", Helvetica, sans-serif;
}

A {
        color: #153B6B;
        text-decoration: none;
        /*font-weight:bold;*/
}

A:hover {
     /*   color: #ffffff; */
        text-decoration: none;
}


.copyright, A.copyright, A.copyright:link, A.copyright:visited {
          background: transparent;
          color: #D10005;
          font-family: Verdana, Arial, Helvetica, Sans-Serif;
          font-size: 10px;
          text-decoration: none;
}
A.copyright:hover {
          text-decoration: none;
}
.anchor a{
            text-decoration: none;
}
.anchor a:hover {
            text-decoration: none;
}
.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;
}

/******************************************************************************************
* 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{margin:auto;margin-top:0.5em;background-color:transparent;width:1000px;padding-bottom:.5em;overflow:visible;text-align:center;} */
 .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: absolute;
        top:50px;
        margin:0px auto;
        width: 100%;
        height: 26px:
        left:0;
        z-index: 1;
}

/* Main Navigation Menu - STRONG DARK BAR WITH LIGHT ACTIVE SEPARATION */
#menu { width: 100%; margin-top:-4em;}

#menu, #menu li {
        float:inherit;
	position:relative;
        z-index:2;
        list-style: none;
	margin: 0;
	border-top-left-radius: 4px;       
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;

        background-color: #1a1a1a;         /* Restored the strong, near-black charcoal bar */
        background: #1a1a1a;               
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15);
        box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15);
}
#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: left;
        text-decoration:none;
	text-transform: uppercase;
	text-shadow: none;                 
	line-height: 38px;
       	padding: 0 20px;
	color: #ffffff;                    /* Clean white text for unselected menu items */
	border-right: 1px solid #2a2a2a;   /* Subtle divider line */
	transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
}

/* THE ACTIVE / HOVER TAB - FIXED TO PREVENT DOUBLE-HIGHLIGHTING */
#menu li a:hover, 
#menu li.menuG a, 
#menu li:hover > a {
        text-decoration: none;
        border-right: 1px solid #2a2a2a;
	background-color: #dcdcdc !important; /* Premium light silver-grey tab */
	background: #dcdcdc !important;               
	color: #1a1a1a !important;            /* Flips text to dark charcoal */
}

#menu li:first-child a {
	border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
}
/*End Main Navigation*/

/* LOGIN BOX*/
#bigbox {
        background-color: #EDEDED;
        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: #153B6C;
         font-size: 25px; font-family: Arial, sans-serif; font-weight: bold; font-style:italic;
}

/* FOOTER*/
/* FOOTER - CLEAN & DELIBERATE */
#FooterStyle {
        float: inherit;
	position: relative;
        margin: 0 auto;
        width: 1050px;             /* Aligns perfectly with the main content container width */
        margin-top: 20px;
	background: transparent;
	padding: 15px 0;
        z-index: 3;
        text-align: center;        /* Forces perfect horizontal centering */
}
.footer { 
        color: #777777;            /* Subdued neutral tone instead of bright blue */
        font-size: 11px; 
        font-family: Arial, sans-serif; 
        font-weight: bold; 
        background: none;  
        text-shadow: none;         /* Removed muddy dark drop-shadow */
}

/* End Footer*/

/* CHECKOUT HEADER*/

.tableCheckoutHeader {
       display:block;
       float:inherit;
       position:relative;
       margin-left: auto;
       margin-right: auto;
       width: 1000px;
       background-color: #1DAFEC;
       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; }

/* BRIGHTEN/MODERNIZE MAIN PAGE HEADINGS */
.pageHeading, div.source, p.style1, h1 {
    color: #333333 !important; /* Changes legacy blue to a clean, strong charcoal */
    font-family: "Trebuchet MS", Arial, sans-serif[cite: 101, 102];
}
/* 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 */


p.style1 { color: #153B6C; font-size: 25px; font-family: Arial, sans-serif; font-weight: bold; font-style:italic; }

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


.body {
            font-family: "Trebuchet MS", Helvetica, sans-serif;
            color: #333333;
            font-size: 13px;
            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 (MATCHING MAIN NAVIGATION THEME) *
*******************************************************************************************/

#TCtable { 
    width: 235px; 
    padding: 0px 20px 0px 10px; 
    background: transparent; 
    border: 0; 
}

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

ul.TreeControl {
    float: inherit;
    position: relative;
    background: #1a1a1a;               /* Restored strong, near-black anchor to match the nav bar */
    margin-right: 5px;
    padding: 15px 10px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

ul.TreeControl li.TCopen, ul.TreeControl li.TCclosed { 
    padding: 5px 0px; 
}

/* THE CLIENT HEADER BUTTON - DEEP GREY WITH CRISP WHITE TEXT */
ul.TreeControl li.TCopen div.anchorCatalog, ul.TreeControl li.TCclosed div.anchorCatalog {
    float: inherit;
    position: relative;
    background: #555555 !important;    /* Darkened to a deep slate grey */
    color: #ffffff !important;         /* Crisp white text stands out perfectly */
    font: bold 14px/36px "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-shadow: none;
    margin: 5px 0px 5px -5px;          
    padding: 0 0 0 15px;               
    border-radius: 4px;
    border: none;
    box-shadow: 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; 
}

/* SUB-ITEMS (MY DOCUMENTS) - HIGH CONTRAST AGAINST THE DARK CONTAINER */
ul.TreeControl li a { 
    padding-left: 5px; 
    cursor: pointer; 
    text-decoration: none; 
    color: #ffffff !important;          /* Clean white text for readability */
    opacity: 0.9;
}

ul.TreeControl li a:hover { 
    padding-left: 5px; 
    cursor: pointer; 
    text-decoration: underline; 
    color: #ffb81c !important;          /* Keeps your warm gold brand accent on hover */
    opacity: 1;
}

ul.TreeControl li.TCopen a, 
ul.TreeControl li.TCclosed a { 
    list-style: none; 
    background: none;
    text-decoration: none; 
    color: #ffffff; 
}

ul.TreeControl li.TCbullet a { 
    list-style: disc; 
    background: none;
    color: #ffffff;
    padding: 0;
    margin: 0px 0px 0px 10px;
    font-size: 13px;
    line-height: 24px;
    text-align: left;
    transition: all 0.2s ease-out;
    -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 { 
    margin-left: 15px;
    color: #ffb81c;                     
}

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: none; color: #000000;}
ul.TreeControl li a:hover { padding-left: 15px; cursor: pointer; text-decoration: none; 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 *
*******************************************************************************************/
/* Hide some Menu Tabs */
// ul#menu li.linkH { display:none;}
ul#menu li.linkE { display:none;}

#FINISHING_TASK_EDITOR_add_task_menu {
    display: none !important;
}
/* This hides the first column entirely so the second column shifts left */
tr > td.smallbody:first-child {
    display: none !important;
}
/* Hides the Address Book table and the spacing below it */
#addressBook, 
#addressBook + br {
    display: none !important;
}
/* Hides the 'Personal or Company' box using the ID seen in your inspector */
#PorCAddress, 
#PorCAddress + br {
    display: none !important;
}
/* MODERN PRODUCT CARD SHADOWS */
table.tblImage, .product-grid-cell, td.smallbody {
    transition: transform 0.2s ease-in-out;
}

/* Optional: Soft lift effect when a customer hovers over a product */
table.tblImage:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(0,0,0,0.1) !important;
}
/* FIX HOMEPAGE CONTAINER COLLAPSE & CENTER IT */
.homeTable, table.tableMain {
    width: 1050px !important;    /* Forces homepage to match the exact header width */
    margin: 0 auto !important;   /* Centers the container horizontally on the screen */
}

/* Centers the interior content on the homepage */
table.tableMain td {
    vertical-align: top;
}
/* HIDE THE HARDCODED BLUE TURBINE GRAPHIC ON THE HOMEPAGE */
img[alt="ION in Action"] {
    display: none !important;
}