/* 
    Document   : products.css
    Created on : Aug 16, 2015, 1:38:48 PM
    Author     : priyanka
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

/* ######### CSS for Shade Tabs. Remove if not using ######### */
.tabcontent{
    font-weight: normal;
    font-size: 10px;
        font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
        color:#999;
}
.shadetabs{
	padding: 3px 0 ;
	margin-left: 0;
	margin-top: 1px;
	margin-bottom: 0;
	list-style-type: square;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
	font-size: 12px;
        font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
        color:#999;
}

.shadetabs li{
display: inline-block;
margin: 0;
}

.shadetabs li a{
	text-decoration: none;
	position: relative;
	z-index: 1;
	padding: 3px 7px ;
	margin-right: 3px;
	border: 1px solid #778;
	background-color: white;
	background-image: url(shade.gif);
	background-repeat: repeat-x;
	background-position: left top;
        
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
	background-image: url(shadeactive.gif);
	border-bottom-color: white;
	/*color: #FF0000;*/
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
	display: none;


}

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

/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */