﻿
 .msds-table .msds-table-header:after,
 .msds-table .msds-table-content > ul:after,
 .msds-table .data-sheets > ul:after,
 .features-highlight ul li:after
{
	display:block; clear:both; visibility:hidden;
	height:0;
	content:".";
}
.ie  .msds-table .msds-table-header,
.ie  .msds-table .msds-table-content > ul,
.ie  .msds-table .data-sheets > ul,
.ie  .features-highlight ul li
{
	zoom:1;
}


 .msds-table
{
	margin:0 0 30px 0;
}
 .msds-table h4
{
	margin:0 0 15px 0; padding:0 0 10px 0;
	font-size:16px; font-weight:700;
	border-bottom:3px solid #DDD;
}
 .msds-table h4 a
{
	font-size:12px; font-weight:400;
}
 .msds-table .sku,
 .msds-table .upc,
 .msds-table .color,
 .msds-table .data-sheets
{
	float:left;
	padding:7px 13px;
	font-size:11px;
	border-top:1px solid #CCC;
}
 .msds-table li:first-child .cell
{
	border-top:0;
}
 .msds-table h5.sku,
 .msds-table h5.upc,
 .msds-table h5.color,
 .msds-table h5.data-sheets
{
	font-weight:700;
	border-bottom:2px solid #BBB; border-top:0;
	background:none;
	text-align: center;
}
 .msds-table .sku
{
	padding-left:0;
	width: 75px;
}
 .msds-table .upc
{
	margin:0 20px 0 0;
	width: 158px;
}
 .msds-table .color
{
	padding-right:0;
	width: 140px;
}
 .msds-table .data-sheets
{
	padding-left:0;
	width: 338px;
	background:#F0F0F0;
}
 .msds-table .data-sheets > ul > li
{
	float:left;
	width:64px;
	text-align:center;
}
 .msds-table .data-sheets .msds-toggle
{
	display:none;
	margin:0 0 5px 0;
	background:#F0F0F0;
	border-top:1px solid #FDFDFD;
	text-align:center;
}
 .msds-table .data-sheets .msds-toggle span
{
	display:inline-block;
	padding:2px 19px 2px 0;
	font-weight:bold; color:#ED1C27; text-transform:uppercase;
	background:url(/img/ui/icon-sprite.png) no-repeat 100% -2105px;
}
 .msds-table .msds-table-content
{
	margin:0 0 15px 0;
}
 .msds-table .msds-table-content > ul > li
{
	float:left;
}
 .msds-table a.btn-view-all,
 .msds-table a.btn-view-next
{
	display:none;
}

/* Tablet Portrait */

@media only screen and (min-width:768px) and (max-width:1023px)
{
	 .tabs ul.ui-tabs-nav li a
	{
		width:217px;
	}
	 article p,
	 article li,
	 h3
	{
		font-size:12px;
	}
	 .features-highlight ul li .feature-title
	{
		float:none;
		margin:0 0 10px 0;
	}
	 .features-highlight ul li .feature-description
	{
		float:none;
		width:auto;
		font-size:10px;
	}

	 .msds-table h4 a
	{
		display:block;
		margin:3px 0 0 0;
	}
	 .msds-table .msds-table-header
	{
		border-bottom:2px solid #BBB;
	}
	 .msds-table h5.sku,
	 .msds-table h5.upc,
	 .msds-table h5.color,
	 .msds-table h5.data-sheets
	{
		border:0;
	}
	 .msds-table .sku,
	 .msds-table .upc,
	 .msds-table .color,
	 .msds-table .data-sheets
	{
		float:none;
		width:auto;
		padding-top:10px; padding-bottom:10px;
		border:0;
	}
	 .msds-table .sku
	{
		position:absolute;
		top:0; left:0;
	}
	 .msds-table h5.sku
	{
		top:auto; bottom:0;
	}
	 .msds-table .data-sheets
	{
		position:absolute;
		top:0; right:0;
		width:183px;
		padding-left:0; padding-right:0;
		background:none;
		border:0;
	}
	 .msds-table h5.data-sheets
	{
		top:auto; bottom:0;
	}
	 .msds-table .upc
	{
		padding-top:0;
		border:0;
	}
	 .msds-table .color
	{
		margin-top:0; margin-bottom:0; padding-bottom:0;
		font-weight:bold;
	}
	 .msds-table h5.color
	{
		margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0;
	}
	 .msds-table .upc,
	 .msds-table .color
	{
		margin-left:62px;
	}
	 .msds-table .msds-table-header,
	 .msds-table .msds-table-content > ul > li
	{
		position:relative;
		padding:0 10px;
	}
	 .msds-table .msds-table-content > ul > li
	{
		float:none;
		border-top:1px solid #D5D5D5; border-bottom:1px solid #CCC;
	}
	 .msds-table .msds-table-content > ul > li:first-child
	{
		border-top:0;
	}
	 .msds-table .data-sheets > ul > li
	{
		width:61px;
	}
	 .msds-table .data-sheets > ul > li > a
	{
		display:block;
		margin:0 0 0 4px; padding:7px 0;

		background:#FDFDFD; /* Old browsers */
		background:-moz-linear-gradient(top,  #FDFDFD 0%, #F4F4F4 100%); /* FF3.6+ */
		background:-webkit-gradient(linear, top top, left bottom, color-stop(0%,#FDFDFD), color-stop(100%,#F4F4F4)); /* Chrome,Safari4+ */
		background:-webkit-linear-gradient(top,  #FDFDFD 0%,#F4F4F4 100%); /* Chrome10+,Safari5.1+ */
		background:-o-linear-gradient(top,  #FDFDFD 0%,#F4F4F4 100%); /* Opera 11.10+ */
		background:-ms-linear-gradient(top,  #FDFDFD 0%,#F4F4F4 100%); /* IE10+ */
		background:linear-gradient(to bottom,  #FDFDFD 0%,#F4F4F4 100%); /* W3C */
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#FDFDFD', endColorstr='#F4F4F4',GradientType=1 ); /* IE6-9 */

		color:#666; font-size:11px;
		border:1px solid #CCC;
	}
	 .msds-table .data-sheets > ul > li:first-child > a
	{
		margin:0;
	}
}

/* Mobile Portrait & Landscape */
@media only screen and (max-width:767px) {
     .tabs ul.ui-tabs-nav li a {
        width: auto;
    }

     .cta a.btn,
    #product-details a.btn-find-in-store,
     .msds-table a.btn-view-all,
     .msds-table a.btn-view-next {
        display: block;
        padding: 9px 0;
        width: auto;
        font-size: 16px;
    }

     .msds-table a.btn-view-all {
        margin: 15px 0 0 0;
    }

     article p,
     article li,
     h3 {
        font-size: 12px;
    }

     .msds-table h4 {
        padding: 0;
        border: 0;
    }

         .msds-table h4 a {
            display: block;
            margin: 3px 0 0 0;
        }

     .msds-table .msds-table-header {
        border-bottom: 2px solid #BBB;
    }

     .msds-table h5.sku,
     .msds-table h5.upc,
     .msds-table h5.color,
     .msds-table h5.data-sheets {
        border: 0;
    }

     .msds-table h5.data-sheets {
        display: none;
    }

     .msds-table .sku,
     .msds-table .upc,
     .msds-table .color,
     .msds-table .data-sheets {
        float: none;
        width: auto;
        border: 0;
    }

     .msds-table .sku {
        position: absolute;
        top: 0;
        left: 10px;
    }

     .msds-table h5.sku {
        top: auto;
        bottom: 0;
    }

     .msds-table .upc {
        padding-top: 0;
        border: 0;
    }

     .msds-table .color {
        margin-top: 0;
        margin-bottom: 0;
        padding-bottom: 0;
        font-weight: bold;
    }

     .msds-table h5.color {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
    }

     .msds-table .upc,
     .msds-table .color {
        margin-left: 62px;
    }

     .msds-table .msds-table-header,
     .msds-table .msds-table-content > ul > li {
        position: relative;
        padding: 0 10px;
    }

     .msds-table .msds-table-content > ul > li {
        float: none;
        background: #EBEBEB; /* Old browsers */
        background: -moz-linear-gradient(top, #EBEBEB 0%, #ECECEC 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EBEBEB), color-stop(100%,#ECECEC)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #EBEBEB 0%,#ECECEC 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #EBEBEB 0%,#ECECEC 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #EBEBEB 0%,#ECECEC 100%); /* IE10+ */
        background: linear-gradient(to bottom, #EBEBEB 0%,#ECECEC 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EBEBEB', endColorstr='#ECECEC',GradientType=1 ); /* IE6-9 */
        border-top: 1px solid #D5D5D5;
        border-bottom: 1px solid #CCC;
    }

         .msds-table .msds-table-content > ul > li.active {
            background: #FAFAFA;
        }

         .msds-table .msds-table-content > ul > li:first-child {
            border-top: 0;
        }

     .msds-table .data-sheets {
        position: relative;
        margin: 0 0 15px 0;
        padding: 0;
        border-top: 1px solid #DFDFDF;
        background: none;
    }

     .msds-table .data-sheets,
     .msds-table li:first-child .data-sheets {
        border-top: 1px solid #DFDFDF;
    }

         .msds-table .data-sheets > ul > li {
            width: 33.33333333333333333%;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -ms-box-sizing: border-box;
        }

             .msds-table .data-sheets > ul > li > a {
                display: block;
                margin: 0 0 0 4px;
                padding: 7px 0;
                background: #FDFDFD; /* Old browsers */
                background: -moz-linear-gradient(top, #FDFDFD 0%, #F4F4F4 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, top top, left bottom, color-stop(0%,#FDFDFD), color-stop(100%,#F4F4F4)); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top, #FDFDFD 0%,#F4F4F4 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top, #FDFDFD 0%,#F4F4F4 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top, #FDFDFD 0%,#F4F4F4 100%); /* IE10+ */
                background: linear-gradient(to bottom, #FDFDFD 0%,#F4F4F4 100%); /* W3C */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FDFDFD', endColorstr='#F4F4F4',GradientType=1 ); /* IE6-9 */
                color: #666;
                font-size: 11px;
                border: 1px solid #CCC;
            }

             .msds-table .data-sheets > ul > li:first-child > a {
                margin: 0;
            }

     .msds-table .msds-table-content > ul > li .data-sheets > ul {
        display: none;
    }

     .msds-table .msds-table-content > ul > li.active .data-sheets > ul {
        display: block;
    }

     .msds-table .data-sheets .msds-toggle {
        display: block;
    }

     .msds-table .msds-table-content > ul > li.active .msds-toggle {
        background: transparent;
    }

         .msds-table .msds-table-content > ul > li.active .msds-toggle span {
            background-position: 100% -2164px;
        }

     .features-highlight ul li .feature-title {
        float: none;
        margin: 0 0 10px 0;
    }

     .features-highlight ul li .feature-description {
        float: none;
        width: auto;
        font-size: 10px;
    }

    .intro-name .social-links-2 {
        display: none;
    }

    #main .col-3 > .social-links-2 {
        display: block;
    }
}