@import url('fonts.css');
body {
	font-family: ProximaNova-Reg, sans-serif;
	font-size: 100%;
	margin: 0;
	padding: 0;
	background-color: rgb(236,236,236);
	height: 100%;
	width: 100%;
}
div {
	margin: 0;
	padding: 0;
}
img {
	max-width: 100%;
}
a:link,a:visited,a:hover,a:active {
	color: rgb(110,50,4);
	text-decoration: none;
}
#content a {
	font-family: ProximaNova-Bold, sans-serif;
	font-weight: bold;
}
a img {
	border: none;
}
h1 {
	background-color:rgb(83,58,53);
	color: #fff;
	font-size: 18px;
	display: inline-block;
	border: 2px solid #fff;
	padding: 5px 12px;
	font-family: ProximaNova-Bold, sans-serif;
	font-weight: bold;
	margin: 1.2em 0 1em;
	white-space: nowrap;
}
h2 {
	color:rgb(203,75,34);
	font-size: 21px;
	margin: 0;
	font-family: ProximaNova-Bold, sans-serif;
}
h3 {
	color: #4C4C4C;
	font-size: 17px;
	margin: 0;
	font-family: ProximaNova-Bold, sans-serif;
}
ul {
	list-style: none;
	padding: 0;
}
sup {
	font-size: 0.5em;
}
/* layout divs */
#container {
	overflow: hidden;
	position: relative;
	visibility: hidden;
}
#nav-menu {
	position: absolute;
	width: 225px;
	height: 100%;
	padding: 10px 10px 80px;
	top: 0;
	left: -245px;
	background-color: rgb(153,153,153);
	-webkit-box-shadow:inset -4px 0px 6px rgb(108,108,108);
	-moz-box-shadow:inset -4px 0px 6px rgb(108,108,108);
	box-shadow:inset -4px 0px 6px rgb(108,108,108);
	z-index: 4;
	overflow: scroll;
	overflow-x: hidden;
}
#main {
	background-color: rgb(236,236,236);
	width: 100%;
	position: relative;
	z-index: 2;
}
#nav-menu,#main { 
	float: left;
}

/* masthead section */ 
#masthead {
	position: relative;
	width: 100%;
	height: 45px;
	padding: 6px 0 4px;
	border-bottom: 1px solid rgba(153,153,153,0.58);
	background-color: rgb(250,231,0);
	background-image:-moz-radial-gradient(50% 100%,circle closest-corner,rgb(250,231,0) 0%,rgb(255,225,0) 100%); 
	background-image:-webkit-gradient(radial,50% 100%,0,50% 100%,335,color-stop(0, rgb(250,231,0)),color-stop(1, rgb(255,225,0)));
	background-image:-webkit-radial-gradient(50% 100%,circle closest-corner, rgb(250,231,0) 0%,rgb(255,225,0) 100%);
	background-image:-ms-radial-gradient(50% 100%,circle closest-corner, rgb(250,231,0) 0%,rgb(255,225,0) 100%);
	background-image:radial-gradient(50% 100%,circle closest-corner, rgb(250,231,0) 0%,rgb(255,225,0) 100%);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Style=2)";
	filter:progid:DXImageTransform.Microsoft.Alpha(Style=2);
}

#logo-container {
	position: relative;
	margin: 0 auto;
	width: 156px;
	z-index: 3000;
}

#menu-button {
	position: absolute;
	top: 10px;
	left: 19px;
	width: 35px;
	height: 35px;
}
.diy-toggle {
	position: absolute;
	left: 100%;
	top: 10px;
	margin-left: -127px;
	background-color:rgb(41,44,48);
	width:108px;
	height:34px;
	line-height: 35px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	-moz-box-shadow:inset 0px 3px 4px rgba(0,0,0,0.65);
	-webkit-box-shadow:inset 0px 3px 4px rgba(0,0,0,0.65);
	box-shadow:inset 0px 3px 4px rgba(0,0,0,0.65);
	/* border-left: 1px solid rgba(255,255,255,0.25);
	border-bottom: 1px solid rgba(255,255,255,0.4); */
	font-family: ProximaNova-Bold, sans-serif;
	font-size: 19px;
}

.diy-knob {
	position: relative;
	top: 1px;
	left: 1px;
	background-color: rgb(111,50,4);
	background-image:-moz-linear-gradient(47% 98% 90deg,rgb(111,50,4) 0%,rgb(205,100,0) 100%); 
	background-image:-webkit-gradient(linear,47% 98%,47% 3%,color-stop(0, rgb(111,50,4)),color-stop(1, rgb(205,100,0)));
	background-image:-webkit-linear-gradient(90deg,rgb(111,50,4) 0%,rgb(205,100,0) 100%);
	background-image:-o-linear-gradient(90deg,rgb(111,50,4) 0%,rgb(205,100,0) 100%);
	background-image:-ms-linear-gradient(90deg,rgb(111,50,4) 0%,rgb(205,100,0) 100%);
	background-image:linear-gradient(180deg,rgb(205,100,0) 0%,rgb(111,50,4) 100%);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffcd6400,endColorstr=#ff6f3204,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffcd6400,endColorstr=#ff6f3204,GradientType=0);
	width:54px;
	height:32px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	text-align: center;
	color: white;
	float: left;
	padding: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffd7c4a2,endColorstr=#ff968e64,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffd7c4a2,endColorstr=#ff968e64,GradientType=0);
}
#masthead .diy-right {
	left: -1px;
	background-color: rgb(203,75,34);
	background-image:-moz-linear-gradient(16% 98% 90deg,rgb(203,75,34) 0%,rgb(230,132,27) 26%,rgb(253,181,21) 62%,rgb(255,225,0) 100%); 
	background-image:-webkit-gradient(linear,16% 98%,16% 3%,color-stop(0, rgb(203,75,34)),color-stop(0.26, rgb(230,132,27)),color-stop(0.62, rgb(253,181,21)),color-stop(1, rgb(255,225,0)));
	background-image:-webkit-linear-gradient(90deg,rgb(203,75,34) 0%,rgb(230,132,27) 26%,rgb(253,181,21) 62%,rgb(255,225,0) 100%);
	background-image:-o-linear-gradient(90deg,rgb(203,75,34) 0%,rgb(230,132,27) 26%,rgb(253,181,21) 62%,rgb(255,225,0) 100%);
	background-image:-ms-linear-gradient(90deg,rgb(203,75,34) 0%,rgb(230,132,27) 26%,rgb(253,181,21) 62%,rgb(255,225,0) 100%);
	background-image:linear-gradient(180deg,rgb(255,225,0) 0%,rgb(253,181,21) 40%,rgb(230,132,27) 75%,rgb(203,75,34) 100%);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffe100,endColorstr=#ffcb4b22,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffe100,endColorstr=#ffcb4b22,GradientType=0);
	color:rgb(39,28,17);
}
.diy-off {
	position: relative;
	top: 1px;
	color: #5F5F5F!important;
	text-align: center;
	background-color:transparent!important;
	background-image: none!important;
	float: left;
	width: 54px;
	height: 32px;
}

/* content section */
#content {
	position: relative;
	font-family: ProximaNova-Reg, "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	color: rgb(39,28,17);
	margin-bottom: 70px;
	background-color: rgb(236,236,236);
}
ul.p-list {
	margin-left: 14px;
}
ul.p-list li {
	margin: 1em 0;
	list-style-image: url(/images/bullet.png);
	list-style-position: outside;
	padding-left: 0.25em;
}

/* nav menu items */
.nav-item {
	position: relative;
	background-color: #DCDED8;
	background-image:-moz-linear-gradient(left,rgb(220,222,219) 0%,rgb(255,255,255) 100%); 
	background-image:-webkit-gradient(linear,left top,right top,color-stop(0, rgb(220,222,219)),color-stop(1, rgb(255,255,255)));
	background-image:-webkit-linear-gradient(left,rgb(220,222,219) 0%,rgb(255,255,255) 100%);
	background-image:-o-linear-gradient(left,rgb(220,222,219) 0%,rgb(255,255,255) 100%);
	background-image:-ms-linear-gradient(left,rgb(220,222,219) 0%,rgb(255,255,255) 100%);
	background-image:linear-gradient(left,rgb(220,222,219) 0%,rgb(255,255,255) 100%);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffdcdedb,endColorstr=#ffffffff)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffdcdedb,endColorstr=#ffffffff);
	border: 2px solid #FFF;
	-moz-box-shadow: 0 1px 1px #C3C3BE;
	-webkit-box-shadow: 0 1px 1px #C3C3BE;
	box-shadow: 0 1px 1px #C3C3BE;
	cursor: pointer;
}

.greenBackground {
	background: #86C100;
}

.nav-text {
	color:rgb(39,28,17);
}
/* blocks with arrows in navigation */
.nav-block {
	position: absolute;
	background: transparent;
	display: block;
	top: 0;
	left: 100%;
	width: 43px;
	height: 43px;
}
.nav-block img {
	position: absolute;
	top: 2px;
	margin-left: -100%;
	max-width: 100%;
}
.nav-image-container {
	display: none;
}
.nav-image {
	display: none;
}
.nav-no-image {
	margin-bottom: 1px;
}

/* content items */
.indent-content {
	margin-left: 20px; 
	margin-right: 20px;
	text-align: left;
}
.strong {
	font-family: ProximaNova-Bold, sans-serif;
	font-weight: bold;
}
.box-shadow1 {
	-moz-box-shadow: 1px 1px 0px #C3C3BE;
	-webkit-box-shadow: 1px 1px 0px #C3C3BE;
	box-shadow: 1px 1px 0px #C3C3BE;
}
.caption {
	font-size: 15px;
	line-height: 200%;
}
.caption-text {
	text-align: right;
	margin-top: -5px;
}
.caption-bullet {
	display: inline-block;
	margin-right: 0.5em;
}
.clear {
	clear: both;
}
#retype-blank {
	position: absolute;
	visibility: hidden;
}
/* footer(s) */
#footer {
	position: relative;
	/* top: 100%; */
	float: left;
	width: 100%;
	padding: 9px 0 0;
	background-color: rgb(43,43,43);
	background-image:-moz-linear-gradient(97% 100% 4deg,rgb(43,43,43) 0%,rgb(76,76,76) 100%); 
	background-image:-webkit-gradient(linear,97% 100%,40% 20%,color-stop(0, rgb(43,43,43)),color-stop(1, rgb(76,76,76)));
	background-image:-webkit-linear-gradient(4deg,rgb(43,43,43) 0%,rgb(76,76,76) 100%);
	background-image:-o-linear-gradient(4deg,rgb(43,43,43) 0%,rgb(76,76,76) 100%);
	background-image:-ms-linear-gradient(4deg,rgb(43,43,43) 0%,rgb(76,76,76) 100%);
	background-image:linear-gradient(4deg,rgb(43,43,43) 0%,rgb(76,76,76) 100%);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff2b2b2b,endColorstr=#ff4c4c4c,GradientType=1)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff2b2b2b,endColorstr=#ff4c4c4c,GradientType=1);
}
#footer a, .footer-nav a {
	color: #fff;
	text-decoration: none;
}
.social-icons {
	max-width: 150px;
	min-width: 112px;
	position: relative;
}
#footer .social-icons {
	height: 40px;
	margin: 0 auto;
	width: 17.838541666667%;
}
/* image "maps" for social icons */
.social-icons a {
	display: inline-block;
	height: 30px;
	position: absolute;
	top: 0;
	width: 20%;
}
.cabot-facebook {
	left: 0;
}
.cabot-pinterest {
	left: 25%;
}
.cabot-twitter {
	left: 50%;
}
.cabot-youtube {
	left: 75%;
}
#footer-warning {
	width: 50%;
	color: #FCFCFC!important;
	text-align: center;
	font-size: 10px;
	margin: 0.6em auto;
}
.footer-nav-container {
	width: 100%;
	margin: 0px auto 5px;
	text-align: center;
}
.footer-nav {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	color: #FCFCFC;
	font-size: 17px;
}
#footer .footer-nav li {
	border-left: 1px solid #6A6A68;
	display: inline-block;
	margin: 6px 0;
	padding: 0 0.5em;
	text-align: center;
}
#footer .footer-nav li:first-child {
	border-left: none;
	padding: 0 0.5em 0 0;
}
#footer .footer-nav li.last {
	padding: 0 0 0 0.5em;
}
.copyright, .footer-phone {
	color: #929292;
	font-size: 11px;
	margin: 0 auto 12px;
	width: 100%;
	text-align: center;
}
.footer-phone {
	margin-bottom: 3px;
}
/* nav menu footer content */
#nav-menu div.indent {
	margin-left: 20px;
}
#nav-menu .social-icons {
	width: 137px;
}
#nav-menu .footer-nav-container {
	width: auto;
	margin: 0;
	text-align: left;
	float: left;
	margin-top: 10%;
}
#nav-menu .footer-nav {
	font-size: 15px;
	margin: 20px 0;
}
#nav-menu .footer-nav li {
	margin-bottom: 0.7em;
}
#nav-menu .copyright, #nav-menu .footer-phone {
	color: #fff;
	font-size: 12px;
	margin: 0;
	width: 130px;
	text-align: left;
}
#nav-menu #footer-warning {
	/*
	text-align: left;
	margin-left: 0;
	margin-top: 1.2em;
	*/
	display:none;
}


/* slide-out menu */
#nav-menu {
	background-color: rgb(153,153,153);
	height: 100%;
}
#nav-menu #home-navigation {
	width: 100%;
	float: none;
	top: 0;
	margin: 0 0 22px;
	padding: 0;
}
#nav-menu .nav-item {
	width: 201px;
	margin: 0 0 5px;
	padding: 0 0 0 10px;
	float: none;
	height: 32px;
	line-height: 32px;
	-moz-box-shadow: 0 1px 1px rgb(114,114,114);
	-webkit-box-shadow: 0 1px 1px rgb(114,114,114);
	box-shadow: 0 1px 1px rgb(114,114,114);
}
#nav-menu .nav-text {
	font: 17px/32px ProximaNova-Bold, sans-serif;
}
#nav-menu .nav-item .nav-block {
	position: absolute;
	top: -2px; /* either make new images or find a way to "mask" the top and bottom 2px */
	width: 36px;
	height: 36px;
}
#nav-menu .diy-toggle {
	width:106px;
	height:32px;
	background-color: transparent;
	border:1px solid rgba(95,95,95,0.5);
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	position: relative;
	top: 0;
	left: 0;
	margin: 1.5em 0 0 0;
	font-family: ProximaNova-Sbold, sans-serif;
}
#nav-menu .diy-knob {
	background-color: rgba(39,28,17,0.58);
	background-image:-moz-linear-gradient(47% 98% 90deg,rgba(39,28,17,0.58) 0%,rgba(39,28,17,0.26) 100%); 
	background-image:-webkit-gradient(linear,47% 98%,47% 3%,color-stop(0, rgba(39,28,17,0.58)),color-stop(1, rgba(39,28,17,0.26)));
	background-image:-webkit-linear-gradient(90deg,rgba(39,28,17,0.58) 0%,rgba(39,28,17,0.26) 100%);
	background-image:-o-linear-gradient(90deg,rgba(39,28,17,0.58) 0%,rgba(39,28,17,0.26) 100%);
	background-image:-ms-linear-gradient(90deg,rgba(39,28,17,0.58) 0%,rgba(39,28,17,0.26) 100%);
	background-image:linear-gradient(90deg,rgba(39,28,17,0.58) 0%,rgba(39,28,17,0.26) 100%);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#41271c11,endColorstr=#94271c11,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#41271c11,endColorstr=#94271c11,GradientType=0);
	border: 0;
	top: 0;
	left: 0;
	width: 50%;
}
#nav-menu .diy-off {
	width: 50%;
	color: rgb(95,95,95);
	top: 0;
}

/* breadcrumb area */
#breadcrumb-bg {
	position: relative;
	width: 100%;
	height: 70px;
	white-space: nowrap;
	overflow: hidden;
	background-color: rgb(205,203,198);
	background-image:-moz-linear-gradient(100% 48% -180deg,rgb(215,215,215) 0%,rgb(236,236,236)100%); 
	background-image:-webkit-gradient(linear,100% 48%,3% 48%,color-stop(0, rgb(215,215,215)),color-stop(1, rgb(236,236,236)));
	background-image:-webkit-linear-gradient(-180deg,rgb(215,215,215) 0%,rgb(236,236,236) 100%);
	background-image:-o-linear-gradient(-180deg,rgb(215,215,215) 0%,rgb(236,236,236) 100%);
	background-image:-ms-linear-gradient(-180deg,rgb(215,215,215) 0%,rgb(236,236,236) 100%);
	background-image:linear-gradient(-90deg,rgb(215,215,215) 0%,rgb(236,236,236) 100%);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffecebe7,endColorstr=#ffcdcbc6,GradientType=1)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffecebe7,endColorstr=#ffcdcbc6,GradientType=1);
}
.product-breadcrumb-bg {
	height: 100px!important;
}
.location-breadcrumb-bg {
	height: 152px!important;
}
.location-breadcrumb-bg .breadcrumb {
	margin-top: 0.77em;
	background-color: rgb(128,130,124);
}
.product-breadcrumb-bg .breadcrumb {
	margin-top: 0.65em;
}
.breadcrumb {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 980px;
	-moz-box-shadow: 0px 1px 0px #C3C3BE;
	-webkit-box-shadow: 0px 1px 0px #C3C3BE;
	box-shadow: 0px 1px 0px #C3C3BE;
}
/*
.breadcrumb:hover {
	overflow: visible;
	text-overflow: inherit;
	max-width: 100%;
}
*/
#breadcrumb-container {
	position: absolute;
	z-index: 100;
}
.breadcrumb, .breadcrumb-gt {
	margin-right: 6px;
}
.breadcrumb a {
	color: #fff;
}
.breadcrumb-gt {
	position: relative;
	font-family: ProximaNova-Bold, sans-serif;
	width: 6px;
	display: inline-block;
	vertical-align: top;
	top: 30px;
}
.no-shadow {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-box-shadow: none;
}
.product-breadcrumb-bg .breadcrumb-gt {
	top: 19px;
}
.breadcrumb-gt img {
	display: inline-block;
}
#content-border {
	position: relative;
	top: -1px;
	width: 100%;
	-webkit-box-shadow: 0 -2px 3px 0px #BCBBB5;
	-moz-box-shadow: 0 -2px 3px 0px #BCBBB5;
	box-shadow: 0 -2px 3px 0px #BCBBB5;
	border-top: 2px solid #fff;
	z-index: 2;
	margin-bottom:1.25em;
}

/* color pages */
.color-main-bc {
	background-color: #A7D23D;
}
.color-bc {
	background-color:rgb(83,58,53);
}
.color-inner-bc {
	background-color:rgb(215,215,215);
}
.color-inner-bc, .color-inner-bc a, .color-selected-bc a {
	color:rgb(39,28,17);
}
.color-selected-bc {
	background-color: #EBEAE6;
	color:rgb(39,28,17);
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
#retailers {
	position: relative;
	list-style: none;
	float: right;
	margin: 0;
	padding: 0 20px 0 0;
	width: 100%;
	margin-top: -40px;
	right: 10px;
}
#retailers li {
	position: relative;
	display: inline-block;
	padding: 0 10px;
	float: right;
	height: 36px;
	margin-right: 9px;
	text-align: center;
	line-height: 200%;
	background: #ECEBE7;
	border: 2px solid #ECEBE7;
	border-bottom: none;
	z-index: 0;
	top: 3px;
}
#retailers li:first-child {
	margin: 0;
}
#retailers li.selected {
	background-color: rgb(255,255,255);
	background-image:-moz-linear-gradient(rgb(236,235,231) 0%,rgb(255,255,255) 100%); 
	background-image:-webkit-gradient(linear,color-stop(0, rgb(255,255,255)),color-stop(1, rgb(236,235,231)));
	background-image:-webkit-linear-gradient(rgb(255,255,255) 0%,rgb(236,235,231) 100%);
	background-image:-o-linear-gradient(rgb(236,235,231) 0%,rgb(255,255,255) 100%);
	background-image:-ms-linear-gradient(rgb(236,235,231) 0%,rgb(255,255,255) 100%);
	background-image:linear-gradient(rgb(236,235,231) 0%,rgb(255,255,255) 100%);
	border: 2px solid #fff;
	border-bottom: none;
	z-index: 200;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffecebe7)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffecebe7);
}
#retailers li a {
	font-family: ProximaNova-Bold, sans-serif;
}
#retailers li a, #color-collections {
	color: #4C4C4C;
}
#color-collections {
	float: right;
	position: relative;
	margin: 0 0 1.3em;
	right: 19px;
	font-size: 15px;
}
#colorwall {
	position: relative;
	background-color: rgb(236,235,231);
	text-align: left;
	margin-left: 2.5390625%;
	z-index: 2;
}
.block-of-blocks {
	/* float: left; */
	display: inline-block;
	width: 17.4609375%;
	padding: 0;
	margin-right: 2.5390625%;
	margin-bottom: 2.5390625%;
}
.group-name {
	width: 100%;
	max-width: 221px;
	text-align: center;
	padding: 0.2em 0 0.4em;
	border-left: 1px solid #ECEBE7;
	background-color: #DCDEDB;
	/* Firefox v3.6+ */
	background-image:-moz-linear-gradient(rgb(215,215,215) 0%,rgb(236,236,236) 100%); 
	/* safari v4.0+ and by Chrome v3.0+ */
	background-image:-webkit-gradient(linear,color-stop(0, rgb(215,215,215)),color-stop(1, rgb(236,236,236)));
	/* Chrome v10.0+ and by safari nightly build*/
	background-image:-webkit-linear-gradient(rgb(215,215,215) 0%,rgb(236,236,236) 100%);
	/* Opera v11.10+ */
	background-image:-o-linear-gradient(rgb(215,215,215) 0%,rgb(236,236,236) 100%);
	/* IE v10+ */
	background-image:-ms-linear-gradient(rgb(215,215,215) 0%,rgb(236,236,236) 100%);
	background-image:linear-gradient(-90deg, rgb(215,215,215) 0%,rgb(236,236,236) 100%);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffececec,endColorstr=#ffd7d7d7)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffececec,endColorstr=#ffd7d7d7);
	-moz-box-shadow: 1px 0px 0px #DCDEDB;
	-webkit-box-shadow: 1px 0px 0px #DCDEDB;
	box-shadow: 1px 0px 0px #DCDEDB;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.group-name a {
	color:rgb(111,50,4);
	font-family: ProximaNova-Bold, sans-serif;
	font-size: 17px;
}
.group-img {
	width: 100%;
}
.group-img img {
	border: 2px solid #fff;
	max-width: 98.5%;
}

/* color list */
.color-focus {
	width: 100%;
	background: -moz-linear-gradient(251deg, rgb(216,216,216) 0%, rgb(236,236,236) 72%);
	background: -webkit-linear-gradient(251deg, rgb(216,216,216) 0%, rgb(236,236,236) 72%);
	background: -o-linear-gradient(251deg, rgb(216,216,216) 0%, rgb(236,236,236) 72%);
	background: -ms-linear-gradient(251deg, rgb(216,216,216) 0%, rgb(236,236,236) 72%);
	background: linear-gradient(-161deg, rgb(216,216,216) 0%, rgb(236,236,236) 72%);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffdcdedb,endColorstr=#ffecebe7)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffdcdedb,endColorstr=#ffecebe7);
}
.color-image, .color-description, .color-focus {
	float: left;
}
.color-image {
	width: 30.405405405405%;
	max-width: 221px;
	line-height: 0;
}

.color-description {
	width: 69.594594594595%;
	padding: 1.1em 0;
}
.content-list {
	list-style: none;
	padding: 0;
}
.content-list li {
	height: 54px;
	margin-bottom: 9px;
	background-image:-moz-linear-gradient(right,rgb(220,222,219) 10%,rgb(255,255,255) 90%); 
	background-image:-webkit-gradient(linear,right top,left top,color-stop(0.1, rgb(220,222,219)),color-stop(0.9, rgb(255,255,255)));
	background-image:-webkit-linear-gradient(right,rgb(220,222,219) 10%,rgb(255,255,255) 90%);
	background-image:-o-linear-gradient(right,rgb(220,222,219) 10%,rgb(255,255,255) 90%);
	background-image:-ms-linear-gradient(right,rgb(220,222,219) 10%,rgb(255,255,255) 90%);
	background-image:linear-gradient(right,rgb(220,222,219) 10%,rgb(255,255,255) 90%);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(endColorstr=#ffffffff,startColorstr=#ffdcdedb)";
	filter:progid:DXImageTransform.Microsoft.gradient(endColorstr=#ffffffff,startColorstr=#ffdcdedb);
}
.content-list li .color-block {
	float: left;
	width: 52px;
	height: 52px;
	margin: 1px 10px 0 1px;
}
.content-list li a, a.detail-button {
	color: rgb(50,50,50);
}
.content-list .nav-block {
	width: 7px;
	margin-left: -9px;
	top: 19px;
	/* height: 54px; */
}
.detail-button {
	display: block;	
	width:156px;
	height:30px;
	font-family: ProximaNova-Bold, sans-serif;
	border: 1px solid rgb(170,170,170);
	color: rgb(76,76,76);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-border-radius: 4px;
	margin:0.6em 0;
	padding: 0 0.75em;
	line-height: 30px;
	background-image: url('/images/detail-button-bg.png');
	background-position: right;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeeeee,endColorstr=#fff7f7f7,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeeeee,endColorstr=#fff7f7f7,GradientType=0);
}
.download-button {
	width: 216px;
	text-align: left;
	margin: 0 auto;
}

/* color chip */
.color-chip {
	margin: 0 auto;
	max-width: 728px;
}
.color-chip img {
	-moz-box-shadow: 0 3px 3px #C3C3BE;
	-webkit-box-shadow: 0 3px 3px #C3C3BE;
	box-shadow: 0 3px 3px #C3C3BE;
	border: 1px solid #C3C3BE;
}
#share-container {
	text-align: center;
	height: 36px;
	margin: 1.3em 0 1em;
}
#share-word {
	position: relative;
	display: inline-block;
	font-family: ProximaNova-Sbold, sans-serif;
	font-size: 18px;
	color:rgb(39,28,17);
	top: -9px;
	margin-right: 1em;
}
#share-images {
	position: relative;
	display: inline-block;
	width: 173px;
	height: 36px;
}
#share-images a {
	position: absolute;
	top: 0;
	display: inline-block;
	width: 20%;
	height: 36px;
}
.share-email {
	left: 0;
}
.share-facebook {
	left: 20%;
}
.share-twitter {
	left: 40%;
}
.share-pinterest {
	left: 60%;
}
.share-gplus {
	left: 80%;
}

/* products */
.product-list .nav-item {
	height: 80px;
	/* line-height: 200%; */
}
.product-list li a span img { width: 100px; }
.product-list .nav-text { left: 109px }
.product-list .nav-block, .calc .nav-block { width: 7px; margin-left: -23px; top: 35px }
.calc .nav-block { top: 22px }
.product-list .nav-block img, .calc .nav-block img { top: 0; margin: 0; }
.product-bc {
	background-color:rgb(83,58,53);
}
.product-inner-bc {
	background-color:rgb(215,215,215);
}
.product-inner-bc, .product-inner-bc a, .product-selected-bc, .product-selected-bc a {
	color:rgb(39,28,17);
}
.product-selected-bc {
	background-color: #EBEAE6;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.content-list li .product-block {
	float: left;
	width: 50px;
	height: 50px;
	margin: 0;
}
.product-nav-img {
	width: 80px;
	height: 75px;
	max-width: 100px;
	max-height: 80px;
	display: inline-block;
	overflow: hidden;
	padding: 5px 10px 0;
	background-color: #DBD8CF;
	background-image:-moz-linear-gradient(5% 92% 59deg,rgb(200,198,193) 0%,rgb(219,216,208) 100%); 
	background-image:-webkit-gradient(linear,5% 92%,35% 28%,color-stop(0, rgb(200,198,193)),color-stop(1, rgb(219,216,208)));
	background-image:-webkit-linear-gradient(59deg,rgb(200,198,193) 0%,rgb(219,216,208) 100%);
	background-image:-o-linear-gradient(59deg,rgb(200,198,193) 0%,rgb(219,216,208) 100%);
	background-image:-ms-linear-gradient(59deg,rgb(200,198,193) 0%,rgb(219,216,208) 100%);
	background-image:linear-gradient(59deg,rgb(200,198,193) 0%,rgb(219,216,208) 100%);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffc8c6c1,endColorstr=#ffdbd8d0,GradientType=1)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffc8c6c1,endColorstr=#ffdbd8d0,GradientType=1);
}
.product-list .nav-text {
	position: absolute;
	font-family: ProximaNova-Bold, sans-serif;
	font-size: 20px;
	margin-left: 0.75em;
	margin-right: 3em;
}
.product-list .nav-text:hover {
	overflow: visible;
}
h2.product-name {
	margin: -0.5em 0 1em;
}
#product-image {
	width: 36%;
	max-width: 170px;
	float: left;
	margin-right: 5%;
	margin-bottom: 1em;
	text-align: center;
}
#product-image .detail-button {
	background-image: url('/images/product-button-bg.png');
	width: auto;
	font-family: ProximaNova-Sbold, sans-serif;
}
#quick-facts {
	margin: 0;
	padding-left: 5%;
	list-style-image: url('/images/tablet-bullet.png');
	float: left;
	width: 54%;
	margin-bottom: 1em;
}
/* drawers */
.content-drawer, .form-drawer {
	position: relative;
	margin-bottom: 5px;
	-moz-box-shadow: 0 1px 1px #C3C3BE;
	-webkit-box-shadow: 0 1px 1px #C3C3BE;
	box-shadow: 0 1px 1px #C3C3BE;
}
.content-drawer ul {
	margin: 0;
	padding: 0;
}
.drawer-heading {
	cursor: pointer;
	padding: 1em;
	font-family: ProximaNova-Bold, sans-serif;
	border: 2px solid #FFF;
	font-size: 20px;
	background-color: #DCDED8;
	background-image:-moz-linear-gradient(right,rgb(220,222,219) 0%,rgb(255,255,255) 100%); 
	background-image:-webkit-gradient(linear,right top,left top,color-stop(0, rgb(220,222,219)),color-stop(1, rgb(255,255,255)));
	background-image:-webkit-linear-gradient(right,rgb(220,222,219) 0%,rgb(255,255,255) 100%);
	background-image:-o-linear-gradient(right,rgb(220,222,219) 0%,rgb(255,255,255) 100%);
	background-image:-ms-linear-gradient(right,rgb(220,222,219) 0%,rgb(255,255,255) 100%);
	background-image:linear-gradient(right,rgb(220,222,219) 0%,rgb(255,255,255) 100%);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffdcdedb)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffdcdedb);
}
.drawer-indicator {
	background: transparent;
	display: block;
	float: right;
	margin-top: 3px;
}
.drawer-detail {
	background-color: white;
	position: relative;
	display: none;
	padding: 1em;
}
.drawer-detail p, .drawer-detail ul {
	margin: 0 0 1em;
	padding: 0;
}
.drawer-detail li {
	margin-bottom: 0.2em;
}
/* msds */
.msds-bc {
	background-color: #DBD317;
}
.search-button {
	position: relative;
	border: 0;
	padding: 0;
	margin: 0;
	background: transparent;
	margin-left: -35px;
	display: inline-block;
	vertical-align: top;
	top: 2px;
	z-index:100;
	width: 29px;
}
input[type="text"], input[type="number"], input[type="email"], textarea {
	display: inline-block;
	border-radius: 4px;
	border-color:rgb(204,203,195);
	font-size: 17px;
	border-width: 1px;
}
#upc,#zip {
	height: 28px;
	width: 12em;
	text-align: center;
	padding: 1px;
	margin: 0;
}
/* locations */
#zip {
	text-align: left;
	width: 10.5em;
	padding-left: 0.5em;
}
#location-form {
	margin-top: -0.4em;
	position: relative;
}
.location-list .drawer-heading a {
	color: rgb(51,51,51);
}
.location-list .drawer-heading {
	padding: 2px 0 0 0.67em;
	height: 40px;
	line-height: 200%;
}
.results {
	position: absolute;
	top:107px;
}
#map { height:500px;width:100%;clear:both;position:relative;z-index:10 }
#map img { max-width: 1280px }
#map div { width: auto; font-size: 0.99em }
#map div h4 { margin: 0; }
.location-list .drawer-detail { display: block; padding-top: 3px }
.distance { font-family: ProximaNova-Bold, sans-serif; margin-bottom: 0.75em }
.location { display: block }
.contact-info { color: #0066FF; }
#stores { display: none; }
#map-toggle {
	display: inline-block;
	background-color:rgb(236,235,231);
	width:172px;
	height:26px;
	border-color:rgb(204,203,195);
	border-width:1px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border-style:solid;
	-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.3);
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.3);
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.3);
	margin-bottom: 0.7em;
}
.map-toggle-on, .map-toggle-off {
	width:85px;
	height:22px;
	text-align: center;
	display: inline-block;
	padding-top: 3px;
}
.map-toggle-on {
	background-color:rgb(255,255,255);
	border:1px solid rgb(170,170,170);
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	font-family: ProximaNova-Bold, sans-serif;
}
a.map-toggle-on, a.map-toggle-off {
	color: rgb(51,51,51);
}
label.overlabel {
	position:absolute;
	color:#ccc;
}
label.overlabel-apply {
	position:absolute;
	top:7px;
	left:12px;
	z-index:1;
	color: #999;
	cursor: text;
}

/* calculator */
.calc-bc {
	background-color:rgb(116,68,56);
}
.calc-inner-bc {
	background-color: rgb(215,215,215);
}
.calc-inner-bc a {
	color: rgb(39,28,17);
}
.calc-selected-bc {
	background-color: rgb(236,236,236);
	color: rgb(39,28,17);
}

.calc .nav-text {
	position: relative;
	top: 15px;
	font-family: ProximaNova-Bold, sans-serif;
	font-size: 20px;
	margin-left: 0.75em;
}

/* videos */
.video-bc {
	background: #E28500;
}
.video-selected-bc {
	background: #FFBD1A;
}

/* media queries */
/* retina screens */
@media all and (-webkit-min-device-pixel-ratio: 2) {
	
}

/* tablet portrait */
@media screen  and (max-width: 980px) and (min-width: 621px) {
	.breadcrumb {
		max-width: 900px;
	}
	#colorwall {
		margin-left: 2.604166666667%;
	}
	.block-of-blocks {
		width: 22.395833333333%;
		margin-right: 2.604166666667%;
	}
	.long-text {
		font-size: 18px!important;
	}
}

/* phone landscape, small tablets (under 600px) */
@media screen and (max-width: 620px) {
	h1 {
		font-size: 14px;
		padding: 6px 8px;
	}
	h2 {
		font-size: 18px;
		margin:0;
	}
	h3 {
		font-size: 14px;
	}
	p {
		margin: 0.8em 0;
	}
	#masthead {
		height: 30px;
	}
	#logo-container {
		width: 114px;
	}
	.diy-toggle {
		width: 80px;
		margin-left: -90px;
		height: 27px;
		top: 6px;
		font-size: 13px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
	}
	.diy-knob, .diy-knob-right, .diy-off {
		line-height: 200%;
		height: 25px;
		width: 40px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		border-radius:4px;
	}
	#search-select {
		height: 29px;
	}
	#search-select div {
		height: 28px;
		line-height: 28px;
	}
	#content-border {
		margin-bottom: 10px;
	}
	#nav-menu {
		-webkit-box-shadow:inset -3px 0px 5px rgb(141,142,141);
		-moz-box-shadow:inset -3px 0px 5px rgb(141,142,141);
		box-shadow:inset -3px 0px 5px rgb(141,142,141);
	}
	#nav-menu .diy-toggle {
		width: 80px;
		height: 25px;
		margin-left: 0;
		top: 0;
		font-size: 13px;
	}
	#nav-menu .copyright, #nav-menu .footer-phone {
		width: 170px;
	}
	#nav-menu .footer-nav {
		font-size: 15px;
	}
	#menu-button {
		top: 6px;
		left: 10px;
		width: 28px;
		height: 28px;
	}
	.footer-nav {
		font-size: 12px;
	}
	.copyright, .footer-phone {
		font-size: 12px;
	}
	#nav-menu .copyright, #nav-menu .footer-phone {
		font-size: 12px;
	}
	.social-icons a {
		height: 25px;
	}
	.indent-content {
		margin-left: 9px;
		margin-right: 9px;
	}
	#content {
		margin-bottom: 30px;
		font-size: 0.9em;
	}
	.caption {
		font-size: 13px;
	}
	.caption-text {
		margin-top: -8px;
	}
	/* breadcrumbs */
	.breadcrumb {
		padding: 4px 6px;
		margin-top: 0.6em;
		margin-right: 2px;
		max-width: 400px;
	}
	.breadcrumb-gt {
		width: 5px;
		margin-right: 2px;
		top: 14px;
	}
	.product-breadcrumb-bg .breadcrumb-gt {
		top: 15px;
	}
	#breadcrumb-bg {
		height: 50px;
	}
	.product-breadcrumb-bg .breadcrumb { margin-top: 9px }
	/* retailers */
	#retailers {
		padding-right: 9px;
		margin-top: -35px;
	}
	#retailers li {
		height: 31px;
		font-size: 13px;
		margin-right: 9px;
		padding: 0 7px;
	}
	/* content lists */
	.content-list li {
		height: 41px;
		/* font-size: 0.9em; */
		margin-bottom: 5px;
	}
	.content-list li .color-block {
		width: 41px;
		height: 41px;
		margin: 0 10px 0 0;
	}
	.content-list li .product-block {
		float: left;
		width: 37px;
		height: 37px;
		margin: 0;
	}
	.content-list .nav-block {
		width: 41px;
		height: 41px;
	}
	/* color pages */
	.color-name {
		margin-top: 1px;
		font-size: 18px;
	}
	#colorwall {
		margin-left: 2.8125%;
	}
	.group-name a {
		font-size: 15px;
	}
	.block-of-blocks {
		width: 30.5208333%;
		margin-right: 2.8125%;
		margin-bottom: 2.8125%;
	}
	.color-description {
		width: 68%;
		padding: 0.5em 0;
	}
	.detail-button {
		background-image: url('/images/detail-button-bg-small.png');
		height: 22px;
		width: 120px;
		margin-top: 0.3em;
		margin-bottom: 4px;
		font-size: 14px;
		line-height: 22px;
	}
	.download-button {
		width: 170px;
	}
	.product-list .nav-text {
		width: 290px;
		font-size: 17px;
	}
	h2.product-name {
		margin-top: -4px;
	}
	#product-image, #quick-facts {
		font-size: 0.8em;
	}
	#quick-facts {
		list-style-image: url('/images/phone-bullet.png');
	}
	.product-breadcrumb-bg {
		height: 80px!important;
	}
	#product-image .detail-button {
		font-size: 13px;
		padding: 4px 0;
		height: auto;
		line-height: 100%;
	}
	.product-list .nav-block, .calc .nav-block { width: 7px; }
	.calc .nav-block { top: 16px }
	.drawer-heading {
		font-size: 17px;
	}
	.location-breadcrumb-bg {
		height: 152px!important;
	}
	#map { height:305px; }
	.map-toggle-on, .map-toggle-off {
		height:21px;
		padding-top: 4px;
	}
	.results {
		top:99px
	}
	.calc .nav-text {
		top: 9px;
		font-size: 17px;
	}
}

/* phone portrait (under 480px) */
@media screen and (max-width: 500px) and (orientation: portrait) {
	.breadcrumb {
		max-width: 250px;
	}
	.block-of-blocks {
		width: 47.1875%;
	}
	.color-image {
		width: 48%;
	}
	.color-description {
		position: relative;
		width: 52%;
        padding-bottom: 0;
        margin-bottom: 0;
	}
	.color-description p {
		margin-bottom: 0;
	}
	li .color-name {
		width: 180px;
		height: 1.3em;
		white-space: nowrap;
        overflow: hidden; 
        text-overflow: ellipsis;
	}
	li .color-name:hover {
		overflow: visible;
		text-overflow: inherit;
	}
	#retailers {
		margin-top: -41px;
	}
	.product-breadcrumb-bg {
		height: 85px!important;
	}
	.product-retailers {
		margin-top: 0!important;
	}
	#retailers li {
		max-width: 77px;
		height: 34px;
		padding-top: 3px;
	}
	#retailers li.long-name {
		line-height: 100%;
	}
	.product-list .nav-text {
		width: 140px;
	}
	.product-list .long-text {
		font-size: 15px;
	}
}
/* For TOU & PP */
	div#termsOfUseDiv p strong, div#privacyPolicyDiv p strong{
		color: #CB4B22;
    font-family: ProximaNova-Bold,sans-serif;
    font-size: 21px;
    margin: 0;
	}
/* End TOU & PP */

/* New contact us page */
form#contactForm{
	margin-bottom: 0;
}
form#contactForm > div{
	padding: 0 0 0 10px;
}
form#contactForm div input,
form#contactForm div select,
form#contactForm div textarea{
	margin:2px 0;
}
form#contactForm div input,
form#contactForm div select{
	width:275px;
}
form#contactForm div input.buttons{
	height:auto;
	width:auto;
}
form#contactForm div label{
	float: left;
	margin: 0 0 0 -10px;
	padding: 2px 0 0 0;
	width: 10px;
}
div#form1 div select{
	width:210px;
}
input.errorBorder, select.errorBorder, textarea.errorBorder{
	border:1px solid red;
}
.hide {display:none;}
form#contactForm div.recaptcha label{
	margin:0;
	padding:0;
	width:auto;
}
.privacyLeft {
	float:left;
	padding: 0;
	margin: 0;
}

.privacyRight {
	float: left;
	padding-bottom: 1em;
	margin-top: 5px;
}
.contactField {
	position: relative;
}
.toolTip {
	cursor: default;
	position: relative; /* This contains the .toolTipWrapper div that is absolutely positioned  */
	text-decoration:none;
}
.toolTipWrapper {
	color:#989898;
	display: none;
	padding-right:30px;
	position: absolute;
	width: 180px;
}
.toolTipTop {
	background: transparent url(/images/toolTipTop.png) no-repeat;
	clear:left;
	float:left;
	height: 15px;
	width: 180px;
}
.toolTipMid {
	background: transparent url(/images/toolTipMid.png);
	background-repeat:repeat-y;
	clear:left;
	float:left;
	padding:0px 45px 5px 15px;
	width: 150px;
}
.toolTipBtm {
	background: transparent url(/images/toolTipBtm.png) no-repeat;
	clear:left;
	float:left;
	height: 15px;
	width: 180px;
}
.contactRequired {
	clear:left;
	color:#FF0000;
	float:left;
	padding: 10px 0 20px 10px;
	width:100%;
}
/* END New contact us page */

/*---Styling for Ratings & Review Sweepstakes page---------*/
.sweeps h1, .sweeps h2, .sweeps h3, .sweeps h4, .sweeps button, .sweeps p strong {
	white-space: inherit; border: none; background: none; font-family: 'Slate W01 Bold'; font-weight: normal;}
.sweeps h1 {display: block;}
.sweeps p {font-family: 'Slate W01';}
.sweeps h1 span {font-family: 'Slate W01 Light';}
.sweeps .hero {padding: 1.3em 0 0 2em; border-bottom: 17px solid #fed901;
	background: transparent url(/images/hero-small.jpg) no-repeat;}
.sweeps .hero h1 {position: relative; font-size: 40px; color: #fff; margin: 0; 
	letter-spacing: 1px; line-height: .85; text-transform: uppercase; 
	text-shadow: 0px 6px 10px rgba(0,0,0,.8);}
.sweeps .hero span {display: block; font-size: 50px; text-transform: none; letter-spacing: -2px;
	margin-bottom: 5px; text-shadow: 0px 6px 10px rgba(0,0,0,.8);}
.sweeps .hero em {position:absolute; bottom: -3px; padding-left: 3px; font-size: 80px; font-style: normal;}
.sweeps .hero img:first-child { display: none;}
.sweeps .hero img:last-child {width: 120px;}

.sweeps .review2win {background: #fff; overflow: hidden; padding: 10px 30px;}
.sweeps .review2win .twoCol {width: 98%;}
.sweeps .review2win h1 {margin: .5em 0; padding: 0; color: #000; font-size: 30px; line-height: .95; letter-spacing: -1px;}
.sweeps .review2win  img {}
.sweeps .review2win h2{margin-bottom: 10px; text-transform: uppercase; font-size: 1.2em; letter-spacing: -1px;}
.sweeps .review2win h2 sup{  font-size: 50%; vertical-align: 6px; padding-left: 1px;}
.sweeps .review2win h2 br {display: block;}
.sweeps .review2win  p {font-size: 1em; line-height: 1.2;}
.sweeps .review2win  p:first-child {text-transform: uppercase; margin: 0;}

.sweeps .featuredProd {position: relative; padding: 5px 20px 10px;
	background: #1351a7 url(/images/blue-bkgd.jpg) center top repeat-y;}
.sweeps .featuredProd h1 {font-size: 26px; color: #fff; margin: 1em 0 0;}
.sweeps .featuredProd span {position: absolute; width: 67px; height: 24px; top: -5px; left: 60px;
	background: transparent url(/images/down-arrow-white.png) no-repeat;}
.sweeps .featuredProd .prodList {}
.sweeps .featuredProd .prodList:after {content:''; display: table; clear: both;}
.sweeps .featuredProd article {width: 119px; float: left; margin: 1em 2px; text-align: center;}
.sweeps .featuredProd article img {}
.sweeps .featuredProd article button {border: none; background: none; text-transform: uppercase;
	color: #fff; margin-top: 8px;}

.sweeps .featuredProd > button {position: absolute; right: 30px; bottom: 30px; padding: 2px 20px; font-size: 10px;
	text-transform: uppercase; padding: 2mpx 25px 2px 20px; border: none;
	background: #fed901; /* Old browsers */
	background: -moz-linear-gradient(left,  #fed901 0%, #f9ef7f 60%, #fed901 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fed901), color-stop(60%,#f9ef7f), color-stop(100%,#fed901)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #fed901 0%,#f9ef7f 60%,#fed901 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #fed901 0%,#f9ef7f 60%,#fed901 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #fed901 0%,#f9ef7f 60%,#fed901 100%); /* IE10+ */
	background: linear-gradient(to right,  #fed901 0%,#f9ef7f 60%,#fed901 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fed901', endColorstr='#fed901',GradientType=1 ); /* IE6-9 */
}
.sweeps .featuredProd > button:hover {background: #fed901; cursor: pointer;}

.sweeps .moreProd .drawer-heading {
	text-transform: uppercase; padding: 2mpx 25px 2px 20px; border: none;
	background: #fed901; /* Old browsers */
	background: -moz-linear-gradient(left,  #fed901 0%, #f9ef7f 60%, #fed901 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fed901), color-stop(60%,#f9ef7f), color-stop(100%,#fed901)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #fed901 0%,#f9ef7f 60%,#fed901 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #fed901 0%,#f9ef7f 60%,#fed901 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #fed901 0%,#f9ef7f 60%,#fed901 100%); /* IE10+ */
	background: linear-gradient(to right,  #fed901 0%,#f9ef7f 60%,#fed901 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fed901', endColorstr='#fed901',GradientType=1 ); /* IE6-9 */
}

.sweeps .moreProd .drawer-detail {
	background-color: #faf29e;
	border-top: 1px solid #cecece;
}

.sweeps .moreProd .drawer-detail ul li {font-family: "Slate W01 Bold";}
.sweeps .moreProd .drawer-detail li li {font-family: "Slate W01"; margin-left: 1em; text-decoration: underline; line-height:2.5;}

.sweeps .smallPrint {padding: 5px 30px; font-size: 12px; line-height: 1.5;}
.sweeps .smallPrint a {text-decoration: underline;}
.v2 .featuredProd article {width: 100%; float: none; margin: 1em 0; text-align: left; overflow: hidden;}
 
.v2 .featuredProd article img {float: left; padding-right: 1em; width: 80px;}
.v2 .featuredProd article p {color: #fff; font-size: 1.2em; font-family: "Slate W01 Bold";
	margin: 1em 0 0; padding-right: 1em;}
.v2 .featuredProd article button {background: transparent url(/images/nav-arrow.png) 0 3px no-repeat;
	padding-left: 1.5em; height: 24px;}

@media screen and (min-width: 365px) {
	.sweeps .review2win h2 br {display: none;}
}
@media screen and (min-width: 515px) {
	.sweeps .hero {background: transparent url(/images/hero-wide.jpg) 45% top no-repeat;}
	.sweeps .hero h1 {display: inline-block; font-size: 45px; margin: 58px 0 10px;	margin: 19px 0 10px; padding-top: 20px;}
	.sweeps .hero span {display: block; font-size: 55px; text-transform: none; margin-bottom: 5px;}
	.sweeps .hero em {position:absolute; font-size: 85px;}
	.sweeps .hero img:first-child { display: inline; padding-bottom: 44px;}	
	.sweeps .hero img:last-child {display: block; margin: 0 0 20px 189px; width: 138px;}
	.sweeps .moreProd .drawer-detail:after {content: ''; display: table; clear: both;}
	.sweeps .moreProd .drawer-detail > ul {width: 50%; float: left;}
	.sweeps .moreProd .drawer-detail > ul:last-child {width: 49%; float: left; box-sizing: border-box; padding-left: 1em; border-left: 1px solid #cecece;}	
}
@media screen and (min-width: 550px) {
	.v2 .featuredProd article {width: 50%; float: left; margin: 1em 0; text-align: left;} 
	.v2 .featuredProd article p {font-size: 1.2em; margin: 1em 0 0;}
}
@media screen and (min-width: 720px) {
	.sweeps .review2win .twoCol {width: 46%; float: left;}
	.sweeps .review2win .right {float: right;}
	.sweeps .review2win  img {margin-right: 20px;}
	.sweeps .review2win h1 {margin: 1.2em 0 1em;}
	.sweeps .review2win h2 {font-size: 1.4em;}
	.sweeps .review2win h2 sup{  font-size: 50%; vertical-align: 6px; padding-left: 1px;}
	.sweeps .review2win h2 br {display: block;}
	.sweeps .review2win  p {font-size: 1.2em; line-height: 1.2;}
	.sweeps .review2win  p:first-child {text-transform: uppercase; margin: 1em 0 0;}
}
/*---END---Styling for Ratings & Review Sweepstakes page---*/

#alert-box {background-color: #7b352c; font: 10px verdana, arial, helvetica, sans-serif; font-weight: bolder; font-size: .80em; color: white; height: 4em; text-align: center; border-bottom: solid white 1px; margin-bottom: .25em; }
#alert-box .text { line-height: 4em;}
#alert-box a { color: yellow; }

.appliesTo {
	
}

ul.appliesTo {
	list-style: disc;
}

.appliesTo li {
	margin-left: 3em;
}