/*
 * Mi Thumb
 * 
 * Copyright 2017 Stuart Nicholls
 * http://www.cssplay.co.uk/
 * 
 * version v2.0.0
 */

.mi_thumb .mi_cont {position:middle; left:0; top:0; width:100%; height:50%; transition-timing-function: linear; transform:translate3d(0,0,0); touch-action: pan-y; white-space:nowrap; font-size:0; cursor:grab;}
.mi_thumb .mi_cont.grabbing {cursor:grabbing;}
.mi_pane {width:100%; height:100%; display:inline-block; overflow:hidden; position:relative; background-position:center center; background-repeat:no-repeat; background-size:cover;}

.mi_thumb .mi_pane .text {display:inline-block; position:absolute; left:10px; top:-100px; font:20px/40px verdana, arial, sans-serif; color:#fff; background:rgba(0,0,0,0.6); padding:0 25px; transition:0.25s 0.75s}
.mi_thumb .mi_pane.current .text {top:10px;}

/* bullets styling */
.mi_thumb .bullets {display:inline-block; text-align:center; height:10px; position:absolute; bottom:20px; left:50%; transform:translateX(-50%);}
.mi_thumb .bullets span {display:inline-block; width:20px; height:10px; background:rgba(0,0,0,0.5); margin:0 5px;}
.mi_thumb .bullets span.current {background-color:#f00;}

/* thmbnail styling width:180px - height:90px */ 
.mi_thumb .thumbs {display:block; position:absolute; left:0; top:100%; width:100%; height:90px; white-space:nowrap; font-size:0; overflow:hidden; background:#000; border-top:2px solid #000; border-bottom:2px solid #000;}
.mi_thumb .thumbs .thumbInner {position:absolute; height:100%; left:50%; margin-left:-90px;}
.mi_thumb .thumbs .thumbInner span {position:relative; width:180px; height:90px; display:inline-block; box-sizing:border-box; background-color:#000; opacity:0.6; transition:0.5s; background-position:center center; background-repeat:no-repeat; background-size:cover;}
/* balck left/right borders on thumbnails */
.mi_thumb .thumbs .thumbInner span::before {content:""; display:block; width:1px; height:100%; background:#000; position:absolute; left:0; top:0;}
.mi_thumb .thumbs .thumbInner span::after {content:""; display:block; width:1px; height:100%; background:#000; position:absolute; right:0; top:0;}
.mi_thumb .thumbs .thumbInner span.current {opacity:1;}
.mi_thumb .thumbs .thumbInner span:hover {opacity:1; cursor:pointer;}
.mi_thumb .thumbs .thumbInner span.current:hover {opacity:1; cursor:default;}

/* main image left/right arrows */
.mi_thumb .imageArrows {display:block; width:40px; height:40px; border-radius:40px; background:rgba(0,0,0,0.5); position:absolute; top:50%; margin-top:-20px; cursor:pointer;}
.mi_thumb .imageArrows::before {content:""; display:block; width:16px; height:4px; position:absolute; left:14px; bottom:14px; background:#fff;}
.mi_thumb .imageArrows::after {content:""; display:block; width:4px; height:16px; position:absolute; left:14px; bottom:14px; background:#fff;}
.mi_thumb .imageArrows.imgprev {left:10px; transform:rotate(45deg);}
.mi_thumb .imageArrows.imgnext {right:10px; transform:rotate(-135deg);}

/* thumbnail left/right arrows */
.mi_thumb .thumbArrows {display:block; width:40px; height:40px; border-radius:40px; background:rgba(0,0,0,0.5); position:absolute; bottom:-45px; margin-bottom:-20px; cursor:pointer;}
.mi_thumb .thumbArrows::before {content:""; display:block; width:16px; height:4px; position:absolute; left:14px; bottom:14px; background:#fff;}
.mi_thumb .thumbArrows::after {content:""; display:block; width:4px; height:16px; position:absolute; left:14px; bottom:14px; background:#fff;}
.mi_thumb .thumbArrows.thbprev {left:10px; transform:rotate(45deg);}
.mi_thumb .thumbArrows.thbnext {right:10px; transform:rotate(-135deg);}

/* additional first image styling for loop */ 
.mi_thumb .firstImage {display:block; width:100%; height:100%; position:absolute; top:0; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:cover;
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
pointer-events: none;
}

/* additional last image styling for loop */ 
.mi_thumb .lastImage {display:block; width:100%; height:100%; position:absolute; top:0; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:cover;
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
pointer-events: none;
}

/* play/pause button styles */
.mi_thumb .playpause {display:block; width:40px; height:40px; border-radius:40px; background:rgba(0,0,0,0.5); position:absolute; top:10px; right:10px; cursor:pointer;}
.mi_thumb .play::before {content:""; display:block; width:0; height:0; position:absolute; left:14px; top:9px; border:16px solid transparent; border-left-color:#fff; border-width:10px 0 10px 16px; z-index:10;}
.mi_thumb .paused::before {content:""; display:block; width:4px; height:17px; background:#fff; position:absolute; left:14px; top:11px;z-index:10;}
.mi_thumb .paused::after {content:""; display:block; width:4px; height:17px; background:#fff; position:absolute; left:22px; top:11px;z-index:10;}

/* responsive action at width 760px */
@media only screen and (max-width: 760px) {
.mi_thumb .mi_wrap {width:100%; height:360px; padding-bottom:0;}
.mi_thumb .thumbs .thumbInner {margin-left:-50px;}
.mi_thumb .thumbs .thumbInner span {width:100px; height:90px; position:relative; overflow:hidden;}
}
body {
   	background-repeat: no-repeat;
	margin: 0;
	background: #f2f2f2;
}
#mainContentSF {
  width: 1000px;
}
$('.center').slick({
  centerMode: true,
  centerPadding: '60px',
  slidesToShow: 3,
  responsive: [
    {
      breakpoint: 768,
      settings: {
        arrows: false,
        centerMode: true,
        centerPadding: '40px',
        slidesToShow: 3
      }
    },
    {
      breakpoint: 480,
      settings: {
        arrows: false,
        centerMode: true,
        centerPadding: '40px',
        slidesToShow: 1
      }
    }
  ]
});
.tag {
            font-family: "Trebuchet MS", Helvetica, sans-serif;
            color: #ffffff;
            font-size: 9px;
            line-height: 1.2em;
}
.boldbody {
            font-family: "Trebuchet MS", Helvetica, sans-serif;
            color: #ffffff;
            font-size: 12px;
            font-weight: bold;
            line-height: 1.2em;
}
.smallbody {
            color: #ffffff;
            font-family: "Trebuchet MS", Helvetica, sans-serif;
            font-size: 10pt;
}
.tinybody {
            color: #ffffff;
            font-family: "Trebuchet MS", Helvetica, sans-serif;
            font-size: 9px;
}
.tinybodysup {
            color: #ffffff;
            font-family: "Trebuchet MS", Helvetica, sans-serif;
            font-size: 12px;
            font-weight: bold;
            vertical-align: text-top;
}
.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 #A40207;
}

a.login:hover {
        color: #ffffff;
        text-decoration:underline;
}

.loginWelcome {
	text-align: right;
}

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

table.tableMain {
	width: 100%;
        position: relative;
	top:-30px;
            z-index: 2;
            background-color: #ffffff;
            padding: 8px;
}
table.tableMain{ 
    width: 1000px;
    position: center;
    top:-30px;
         z-index: 2;
    height: 100%;
    background: white; /* For browsers that do not support gradients */    
    background: -webkit-linear-gradient(10deg, #FFFFFF, #FFFFFF, #FFFFFF, #005B3B, #3C92D4, #B20919,#B20919, #3C92D4, #005B3B, #FFFFFF, #FFFFFF, #FFFFFF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(10deg, #FFFFFF, #FFFFFF, #FFFFFF, #005B3B, #3C92D4, #B20919, #B20919, #3C92D4, #005B3B, #FFFFFF, #FFFFFF, #FFFFFF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(10deg, #FFFFFF, #FFFFFF, #FFFFFF, #005B3B, #3C92D4, #B20919,#B20919, #3C92D4, #005B3B, #FFFFFF, #FFFFFF, #FFFFFF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(10deg, #FFFFFF, #FFFFFF, #FFFFFF, #005B3B, #3C92D4, #B20919, #B20919, #3C92D4, #005B3B, #FFFFFF, #FFFFFF, #FFFFFF); /* Standard syntax (must be last) */
    padding-bottom: 8px;
}

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

.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: 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;
}

/******************************************************************************************
* CPC ADDED - MAIN *
*******************************************************************************************/
#BGradient {
background-image:url(user/images/Global/BGradient_Gray.png);
position:absolute;
top:0;
left:0;
width:100%;
height:140px;
z-index:1;
}
.tableSiteBanner img { z-index:2; float:inherit; position:relative; }

/* Stripes */
hgroup { margin: 35px 10px 0px }
#stripes {
        background-image:url(../user/images/CarrPublishing/MHbg.png);
        position: absolute;
        top:0px;
        left:0;
        width:100%;
        height:95px;
        z-index: 1;
}
/* END Stripes*/

#menu {
       float:inherit;
	position:relative;
	top: -53px;
        z-index:2;
        list-style: none;
	margin: 0px 0 0px;
	background-color: transparent;
}
#menu li {
	text-align: left;
	height: 40px;
	margin: 0 auto;
	display: table;
}
#menu li { position: relative; display: inline }
#menu li a {
	font: bold 9pt Arial, Helvetica, sans-serif;
	color:#494949;

	margin-right: 5px;
	
	display: block;
	float: left;
        text-decoration:none;
	text-transform: uppercase;
	line-height: 40px;
       	padding: 0 10px;

	background: #e3e3e3; /* Old browsers */
	background: -moz-linear-gradient(top,  #e3e3e3 0%, #b6b6b6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3e3e3), color-stop(100%,#b6b6b6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e3e3e3 0%,#b6b6b6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e3e3e3 0%,#b6b6b6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e3e3e3 0%,#b6b6b6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e3e3e3 0%,#b6b6b6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#b6b6b6',GradientType=0 ); /* IE6-9 */

	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;

	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 {
        background: #edecec; /* Old browsers */
	background: -moz-linear-gradient(top,  #edecec 0%, #a9a9a9 50%, #9d9c9c 51%, #838383 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#edecec), color-stop(50%,#a9a9a9), color-stop(51%,#9d9c9c), color-stop(100%,#838383)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #edecec 0%,#a9a9a9 50%,#9d9c9c 51%,#838383 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #edecec 0%,#a9a9a9 50%,#9d9c9c 51%,#838383 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #edecec 0%,#a9a9a9 50%,#9d9c9c 51%,#838383 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #edecec 0%,#a9a9a9 50%,#9d9c9c 51%,#838383 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edecec', endColorstr='#838383',GradientType=0 ); /* IE6-9 */

}
#menu li:first-child a {
	
}
/* LOGIN BOX*/
#bigbox {
        background-color: #EDEDED;
        border: 2px solid #969696;
        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;
}
/*CATEGORY HEADER TEXT*/
div.source {
        color: #3C3C3C;
	font-size: 15pt;
}

/* CHECKOUT HEADER*/

table.tableCheckoutHeader {
        display:block;
        float:inherit;
	position:relative;
	top:-30px;
        margin-left: auto;
        margin-right: auto;
	background-color: #fff;
}
.tableCheckoutHeader img {
        padding-left: 120px;
}
/* END Checkout Header*/

/* FOOTER*/

#footer {
	font: normal 8pt Arial, Helvetica, sans-serif;
	padding: 0 0 20px 0;
}
#footer a { text-decoration: none; color: #000; }
#footer a: hover { text-decoration: underline; }
#FooterStyle {
        float:inherit;
	position:relative;
        margin: 0 auto;
        width: 920px;
        margin-top: 5px;
	background: none;
	padding: 10px;
         z-index: 3;
        text-decoration: none;
}
.footer   { color: #005395; font-size: 11px; font-family: Arial, sans-serif; font-weight: bold; background: none;  text-decoration: none;}
.footer a { color:#005395;  text-decoration: none;}
.footer a:hover { color:#F15C22; text-decoration: none; }

/* End Footer*/

/* LOGIN BOX*/
#bigbox {
        background-color: #EDEDED;
        border: 2px solid #969696;
        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;
}
/* END Login Box */ 

/******************************************************************************************
* END CPC ADDED - Main *
*******************************************************************************************/

.body {
            font-family: "Trebuchet MS", Helvetica, sans-serif;
            color: #ffffff;
            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 (find "jqProfileButton") */
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 {background: none;  padding-left: 5px;}
#TCtable td {background: none;}

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

ul.TreeControl {
        float: inherit;
	position:relative;
	padding: 10px;
}
ul.TreeControl { color: #ffffff; }
ul.TreeControl li.TCopen, ul.TreeControl li.TCclosed {  }
ul.TreeControl li.TCopen div.anchorCatalog, ul.TreeControl li.TCclosed div.anchorCatalog {
        float:inherit;
	position:relative;
        color:#fff; 
	font: 18px/36px Colaborate-RegularRegular, "Trebuchet MS", Arial, Helvetica, sans-serif;
        padding: 0 0 0 0;
        border: none;
        
	background: #df1632; /* Old browsers */
	background: -moz-linear-gradient(top,  #df1632 0%, #a40207 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#df1632), color-stop(100%,#a40207)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #df1632 0%,#a40207 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #df1632 0%,#a40207 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #df1632 0%,#a40207 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #df1632 0%,#a40207 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df1632', endColorstr='#a40207',GradientType=0 ); /* IE6-9 */

-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin-bottom: 5px;
text-align: center;
}
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 {  }
ul.TreeControl li a  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 {
padding: 4px 10px 4px;
font-size: 13px;
line-height: 18px;
color: #333333;
text-align: center;
text-shadow: 0 1px 1px 
rgba(255, 255, 255, 0.75);
vertical-align: middle;
background-color: #f5f5f5;
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
background-image: linear-gradient(top, #ffffff, #e6e6e6);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
border: 1px solid #cccccc;
border-bottom-color: #b3b3b3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
cursor: pointer;
}

ul.TreeControl li.TCbullet#active {
	background: #edecec; /* Old browsers */
	background: -moz-linear-gradient(top,  #edecec 0%, #a9a9a9 50%, #9d9c9c 51%, #838383 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#edecec), color-stop(50%,#a9a9a9), color-stop(51%,#9d9c9c), color-stop(100%,#838383)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #edecec 0%,#a9a9a9 50%,#9d9c9c 51%,#838383 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #edecec 0%,#a9a9a9 50%,#9d9c9c 51%,#838383 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #edecec 0%,#a9a9a9 50%,#9d9c9c 51%,#838383 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #edecec 0%,#a9a9a9 50%,#9d9c9c 51%,#838383 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edecec', endColorstr='#838383',GradientType=0 ); /* IE6-9 */
}
ul.TreeControl li.TCbullet a { 
        list-style: disc; background: none;
        color: #000;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 10px;
	font-size: 14px;
	line-height: 25px;
	margin-bottom: 0px;
	text-align: left;
}
ul.TreeControl li.TCbullet a:hover { 
         color: #000;
}

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;
}

.jqProfileButton {display: none;}
div.buttonContainer button.btnSave {display:none;}

/* Shopping Cart Floater UI */

#cartContainer.floatClass {
	top: -30px;
	right: 250px;
}
.shopping_cart_icon path {
	fill: #B32927;
}
#cartCountBadge { 
	background:#B32927;
}