/*wholesale CSS*/

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


background-color: #ea0408;


        background-repeat: no-repeat;
        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: #EE188D; 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; /*absolute (Scroll With Page) fixed (Fixed In Upper Corner) */
        float: right;
        z-index: 2;
        width: 320px;       
        top:0px;
        right: 10px;
        z-index: 100;
}

table.tableMain {
            position: relative;
            z-index: 2;
            width: 1000px;
            
            background-color: #ffffff;
            border-bottom-left-radius: 10px;
	    -moz-border-radius-bottomleft: 10px;
	    -webkit-border-bottom-left-radius: 10px;
	    border-bottom-right-radius: 10px;
	    -moz-border-radius-bottomright: 10px;
	    -webkit-border-bottom-right-radius: 10px;
            -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: 5px 0 8px 0;
}
.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: #1DAFEC;
        text-decoration: underline;
}


.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;
}
.custPO { font-size: 14px; }


.main2 {
    margin: 0 auto;
    position: relative;
    width: 710px;
}
.box-address {
    float: left;
    margin-right: 30px;
    padding-top: 9px;
    width: 260px;
}
dl {
    padding-top: 2px;
}
dt {
	padding-bottom:5px;
}
dd {
	display:inline-block;
}
dl dd span {
	display: inline-block;
	width: 94px;
}
.map {
    float: left;
    margin: 0;
}
iframe {
	height: 250px;
	overflow: hidden;
	width: 680px;
}

.box-img {
	padding:10px;
	background:#fff;
    border-radius:16px;
	-moz-border-radius:16px;
	-webkit-border-radius:16px;
	 box-shadow:0 0 3px #c5c2a9;
	-moz-box-shadow: 0 0 3px #c5c2a9;
	-webkit-box-shadow:0 0 3px #c5c2a9;
	display:inline-block
}
.box-img img {	
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}

.clear {
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}

h4 {
            font-family: "Trebuchet MS", Helvetica, sans-serif;
            font-size: 35px;
            font-weight: bold;
            line-height: 38px;
            padding:33px 0 18px;
	    text-shadow:0 1px 2px #c5c2a9;
            color:#343434
}

h4 span {color:#D53827;
	display:block;
	margin-bottom:-9px;}
h4 strong{font-weight:normal;color:#d53827}	
h4 em{color:#999;
font-size:20px;
line-height:24px;
display:block;
font-style:normal
}

h5 {
	font-size:20px;
	line-height:28px;
	display:block;
	color:#d53827;
}
h6 {
	font-size:35px;
	line-height:38px;
	display:block;
	color:#3e4041;
}

/******************************************************************************************
* 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 }


/* 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;
}
#stripes {
    background-image: url("user/images/Global/BGstripes.png");
    height: 250px;
    left: 0;
    position: absolute;
    top: 140px;
    width: 100%;
    z-index: 1;
}

/* Top Float Menu */

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

/* Main Navigation Menu */

#menu { width: 1000px; }

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

        background-color: #ea212d;
	background: #ea212d url(user/images/Global/NavBG.png);
	background: #ea212d; /* Old browsers */
	background: -moz-linear-gradient(top,  #ea212d 0%, #f16f5c 50%, #ea212d 51%, #820e1b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ea212d), color-stop(50%,#f16f5c), color-stop(51%,#ea212d), color-stop(100%,#820e1b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ea212d 0%,#f16f5c 50%,#ea212d 51%,#820e1b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ea212d 0%,#f16f5c 50%,#ea212d 51%,#820e1b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ea212d 0%,#f16f5c 50%,#ea212d 51%,#820e1b 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ea212d 0%,#f16f5c 50%,#ea212d 51%,#820e1b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea212d', endColorstr='#820e1b',GradientType=0 ); /* IE6-9 */
      

	-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);
}
#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: 1px 1px 4px #202020;
	line-height: 38px;
       	padding: 0 15px;
	color: #ffffff;
        border-right: 2px solid #820E1B;
	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: 2px solid #820E1B;
	background-color: #2F3490;
 }
#menu li:first-child a {

}

/* END Main Navigation Menu */

/* LOGIN BOX*/
#bigbox {
        background-color: #EDEDED;
        border: 1px solid #6A6A6A;
        -webkit-border-radius: 0px 0px 10px 10px;
        border-radius: 0px 0px 10px 10px;
        -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: #820E1B;
         font-size: 25px; font-family: Arial, sans-serif; font-weight: bold; font-style:italic;
}

/* 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: #cc0000; 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:180px;
        left: 50%;
        margin-left: -1235px;
        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: #EE188D; 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 *
*******************************************************************************************/

#TCtable { width: 235px; padding: 0px 0px 0px 8px; background: #ffffff; border: 0; }

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

ul.TreeControl {
        float: inherit;
	position:relative;
}
ul.TreeControl { color: #ffffff; }
ul.TreeControl li.TCopen, ul.TreeControl li.TCclosed { padding: 0px; }
ul.TreeControl li.TCopen div.anchorCatalog, ul.TreeControl li.TCclosed div.anchorCatalog {
        float:inherit;
	position:relative;
	background: #820e1b; /* Old browsers */
	background: -moz-linear-gradient(left,  #820e1b 0%, #ea212d 50%, #820e1b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#820e1b), color-stop(50%,#ea212d), color-stop(100%,#820e1b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #820e1b 0%,#ea212d 50%,#820e1b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #820e1b 0%,#ea212d 50%,#820e1b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #820e1b 0%,#ea212d 50%,#820e1b 100%); /* IE10+ */
	background: linear-gradient(to right,  #820e1b 0%,#ea212d 50%,#820e1b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#820e1b', endColorstr='#820e1b',GradientType=1 ); /* IE6-9 */
        color:#fff; 
	font-size: 20px;
	font-family: arial, helvetica, sans-serif;
	padding: 5px 0px;
        border: none;
        text-align: center;

        -webkit-border-radius: 15px 15px 0px 0px;
	border-radius: 15px 15px 0px 0px;
}
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: #414042; }
ul.TreeControl li a:hover { padding-left: 5px; cursor: pointer; text-decoration: underline; color: #820E1B; }
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:#414042;
        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: #820E1B;
}
ul.TreeControl li.TCopen, ul.TreeControl li.TCclosed {background-color: #E4E5E6;  -webkit-border-radius: 15px;	border-radius: 15px; margin-bottom: 10px;}

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 *
*******************************************************************************************/

/* =======  HOMEPAGE BOXGRID  ========== */

			.boxgrid{ 
				width: 225px; 
				height: 180px; 
				margin:10px; 
				float:left; 
				background:#161613; 
				border: solid 2px #8399AF; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 260;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 220;
 					left: 0;
 				}


.btnArtwork {display:none;}
li#QLupload { display: none; }
.item_up_count {display: none;}