/* ######### CSS for Shade Tabs. Remove if not using ######### */


body {color: #666; font-family: arial; }


td {color: #666; font-family: arial; font-size: 12px;}

.prodtabs{
list-style-type:none;
margin-bottom:0;
padding:0 0 0;
text-align:left;
text-transform:uppercase;
}

.prodtabs li{
display: inline;
margin:0 2px 0 0 !important;
padding:0;

}

.prodtabs li a{
color:#333;
display:inline;
margin-right:0;
padding:6px 0;
position:relative;
text-align:center;
text-decoration:none;
top:1px;
z-index:1;
height:13px;
background-color:#eee;
border-top:1px solid #eee;
border-right:1px solid #eee;
border-left:1px solid #eee;
border-bottom: none;
padding:6px;
font-family: Helvetica, sans-serif;
font-size: 9px;
}

.prodtabs li a:hover{
background-color:#ccc;
}

.prodtabs li a.selected{ /*selected main tab style */
position:relative;
top:1px;
background-color:#fff;
font-style: bold;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-top: 1px solid #ccc;
border-bottom: 1px solid #fff;
}




.graybox{
border:1px solid red;
float:left;
margin:0 0 0px 0;
padding:20px 10px 15px 10px;
width:350px;
height: 400px;

font: 12px/16px Arial, color: #666;
}


.disc { font: 12px/16px arial; }

.graybox b {color: #609090; text-transform: uppercase; font-family: helvetica; font-weight: bold;}
.graybox p {color: #666; font: 12px/16px helvetica;}


#graytabs{
float:left;
width:99%;
color: #666; font: 12px/16px arial;
}

.tabcontent{
display:none;
}

#color td{
line-height:1em;
padding-bottom:10px;
text-align:center;
vertical-align:top;
width:14%;
}

#color p{
text-align: justify;
}

#color img{
height:35px;
padding-bottom:3px;
width:35px;
}

#envelopes img {
padding: 5px;
}

#color table{
margin-bottom: 10px;
}

@media print {
.tabcontent {
display:block !important;
}

.item_des { font-weight: bold; text-transform: uppercase;}

/**********product tabs****************/

#tablist{
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
font: bold 12px Verdana;
float: left;
border: 1px solid red;
}

#tablist li{
list-style: none;
display: inline;
margin: 0;
}

#tablist li a{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: white;
}

#tablist li a:link, #tablist li a:visited{
color: navy;
}

#tablist li a.current{

}

#tabcontentcontainer{
width: 365px;
height: 365px;
/* Insert Optional Height definition here to give all the content a unified height */
padding: 0px;
border: 1px solid #eee;
}

.tabcontent{
display:none;
}