/* HP Styles */




 /* Grid */

    .cellBase {
		height: 310px;
    display: block;
    position: relative;
		padding: 0;
		margin: 0;
		text-decoration: none; }

    .cellHov a {
		color: #000;
    text-decoration: none; }

    .cellHov {
		color: #000;
		font-size: 1.15em;
		line-height:18px;
		font-family: Arial, Helvetica, sans-serif;
		padding: 0 10px 5px;
		position: absolute;
		bottom: 0;
		text-decoration: none;
		}

    .cellHov sup {
		font-size: 9pt;}

    /*Important:*/
    .cellBase .link-span {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 1; }

    .gridHead {
		font: normal bold 21px/21px "Avant Garde", Avantgarde, sans-serif; line-height:21px; }

    .gridStrike {
		font: italic 14px "Avant Garde", Avantgarde, sans-serif;
        text-decoration: none;
        line-height: 1.4;
        background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.63em, transparent), color-stop(0.63em, #ff0000), color-stop(0.7em, #ff0000), color-stop(0.7em, transparent), to(transparent));
        background-image: -webkit-linear-gradient(top, transparent 0em, transparent 0.63em, #ff0000 0.63em, #ff0000 0.7em, transparent 0.7em, transparent 1.4em);
        background-image: -o-linear-gradient(top, transparent 0em, transparent 0.63em, #ff0000 0.63em, #ff0000 0.7em, transparent 0.7em, transparent 1.4em);
        background-image: linear-gradient(to bottom, transparent 0em, transparent 0.63em, #ff0000 0.63em, #ff0000 0.7em, transparent 0.7em, transparent 1.4em);
        -webkit-background-size: 1.4em 1.4em;
        background-size: 1.4em 1.4em;
        background-repeat: repeat; }

    .gridList {
		font: italic 14px "Avant Garde", Avantgarde, sans-serif;}

    .gridPrice {
		font: bold 22px "Avant Garde", Arial Bold, sans-serif;}

    .gridLine {
		line-height: 125%;}

	.shopnow {
    	z-index:10;
    	-moz-box-shadow:inset 0px 1px 0px 0px #f5978e;
    	-webkit-box-shadow:inset 0px 1px 0px 0px #f5978e;
    	box-shadow:inset 0px 1px 0px 0px #f5978e;
    	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f) );
    	background:-moz-linear-gradient( center top, #f24537 5%, #c62d1f 100% );
    	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f');
    	background-color:#f24537;
    	-webkit-border-top-left-radius:4px;
    	-moz-border-radius-topleft:4px;
    	border-top-left-radius:4px;
    	-webkit-border-top-right-radius:4px;
    	-moz-border-radius-topright:4px;
    	border-top-right-radius:4px;
    	-webkit-border-bottom-right-radius:4px;
    	-moz-border-radius-bottomright:4px;
    	border-bottom-right-radius:4px;
    	-webkit-border-bottom-left-radius:4px;
    	-moz-border-radius-bottomleft:4px;
    	border-bottom-left-radius:4px;
    	text-indent:0px;
    	border:1px solid #d02718;
    	display:inline-block;
    	color:#ffffff;
    	font-family:Arial;
    	font-size:20px;
    	font-weight:normal;
    	font-style:normal;
    	line-height:46px;
    	text-decoration:none;
    	text-align:center;
    	text-shadow:1px 2px 1px #810e05;
    	position: relative;
    	height:46px;
		width:160px;
    	top: 132px;
    	left: 80px;
    	opacity: 0; }


    .shopnow:hover {
    	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537) );
    	background:-moz-linear-gradient( center top, #c62d1f 5%, #f24537 100% );
    	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537');
    	background-color:#c62d1f; }

    .cellPic {
		width: 290px;
		height: 286px;
		margin: 0 auto;
		position: relative; }


    .shadow {
		width: 300px;
		height: 286px;
		background: #000000;
		opacity: 0;
    position: absolute;
    margin: 0 auto;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0; }

    .cellPic:hover .shadow {
		position: absolute;
		text-decoration:none;
		opacity: 0.7; }

    .cellPic:hover .shopnow {
		opacity: 1;
		text-decoration:none; }

    .cellVen img {
		float: left;
		padding: 0;
		margin: -285px 0 0 25px; }




 /* Gutter */





	#gutterGrid {
	padding: 0;
	margin: 0; }

	#gutterGrid .gutterBlock {
		height: 205px;
		color: #fff;
		margin-top: 15px;
		padding-top: 15px;
		position: relative;
		text-align: center; }

	#gutterGrid .gutterBlock:hover {
		background: #32a9e3;
		cursor: pointer; }

	#gutterGrid .gutterBlock a {
		color: #FFFFFF;
		display: block;
		max-width: 238px;
		margin: 0 auto;	}

	#gutterGrid #guttFeatContest {
		background: #b30000;
		border-left: 0 none; }

	#gutterGrid #guttFeatContest:hover  {
		background: #9a0000;
		border-left: 0 none; }

	#gutterGrid #guttFeatUsed {
		background: #186218;
		border-left: 0 none; }

	#gutterGrid #guttFeatUsed:hover {
		background: #134e13; }

	#gutterGrid #guttFeatExperts {
		background: #db861f;
		border-left: 0 none; }

	#gutterGrid #guttFeatExperts:hover {
		background: #db671f; }

	#gutterGrid #guttFeatBML {
		background: #002e85;
		border-left: 0 none; }

	#gutterGrid #guttFeatBML:hover {
		background: #000d85; }

	#gutterGrid .copy {
		margin-top: 15px;
		display: block;
		font-size: 13px;
		line-height: 16px; }

	#gutterGrid #guttFeatContest .icon {
		height: 50px;
		width: 50px;
		margin: 0; }

	#gutterGrid .icon {
		display: block;
		width: 205px;
		height: 120px;
		margin: 0 auto; }

	#gutterGrid .iconCon {
		display: block;
		height: 120px;
		width: 200px;
		background: url(/c/images/hp/2014/may-2014/icons/HpP-051214-Contest.png) no-repeat;
		margin: 0 auto;
    text-decoration: none; }

	#gutterGrid .iconCon:hover {
		background: url(/c/images/hp/2017/Jan-2017/GG-Hover-ADJ.png) no-repeat;
		transition-duration: 1s;
    text-decoration: none; }

	#gutterGrid strong {
		margin-left: 0;
		display: block;
		font-size: 16px;
		line-height: 18px;
		margin-bottom: 2px; }

	#gutterGrid p {
		margin: 0;
		padding: 0 0 2px 0;
		font-size: 12px;
		line-height: 16px; }

	.subfeat {
		font-size: 80%;
		font-weight: normal;
		margin: 0;
		padding: 0; }