/*@import "ddm-products-responsive.css";*/
@import "ddm-products-targeted.css";

@media projection, screen, tv {

	#products-header,
	#products-main {
		position: relative;
		/*max-width: 1120px;*/
		width: calc(90% - 40px);
		padding: 20px;
		margin: 0 auto;
		border: 1px solid #ededed;
		background: #fff;
	}

	/* header
	---------------------------*/
	#products-header {
		border-top-right-radius: 10px;
		border-top-left-radius: 10px;
		border-bottom: 0;
	}
	#products-header h1 {
		display: none;
	}

	/* main
	---------------------------*/
	#products-main {
		padding-top: 0;
		margin-bottom: 20px;
		border-top: 0;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
	}

	#products-filter {
		float: left;
		clear: both;
		width: 100%;
		font-size: 15px;
		line-height: 17px;
		margin-bottom: 20px;
		padding-bottom: 0.5em;
		border-bottom: 2px solid #ececec;
	}
	#products-filter #products-count {
		float: left;
		display: inline-block;
		width: 16.66667%;
	}
	#products-filter #products-breadcrumbs {
		float: right;
		width: 83.33333%;
		/*
		width: 81.6369014285%;
		padding-left: 1.071428571428571%;
		*/
		display: inline-block;
	}
	#products-filter #products-breadcrumbs ul li {
		float: left;
		font-size: 87.5%;
	}
	#products-filter #products-breadcrumbs ul li:after {
		content: ':';
		padding-right: 0.25em;
	}
	#products-filter #products-breadcrumbs ul li:last-child {
		font-weight: bold;
	}
	#products-filter #products-breadcrumbs ul li:last-child:after {
		content: '';
		padding: 0;
	}
	#products-filter #products-breadcrumbs ul li a {
		position: relative;
		vertical-align: baseline;
	}

	#products-content {
		position: relative;
		float: right;
		width: calc(83.33333% - 22px);
		min-width: calc(100% - 322px);
		padding-left: 20px;
		border-left: 2px solid #ececec;
	}
	#products-content.empty {
		width: 100%;
		border-left: 0;
	}

	#products-results {
		position: relative;
		clear: both;
		float: left;
		width: 100%;
	}
	#products-results * {
		font-family: Arial, Helvetica, sans-serif;
	}

	#products-results .items {
		text-align: center;
		display: flex;
		flex-wrap: wrap;
		gap: 0.5em;
		justify-content: center;
	}
	#products-results .item {
		display: flex;
		position: relative;
		width: calc(20% - 0.75em - 14px);
		min-height: 300px;
		min-width: 150px;
		max-width: 275px;
		padding: 0px 6px 18px 6px;
		flex-direction: column;
		border: 1px solid #ececec;
		font: normal 14px/16px Arial, Helvetica, sans-serif;
	}
	#products-results .item .details {
		flex: 1;
	}
	#products-results .item a {
		color: #666;
	}
	#products-results .item a:hover {
		color: #ee1a3b;
	}
	#products-results .item img {
		display: inline-block;
		max-width: 150px;
		max-height: 150px;
		margin: 0 auto;
	}
	
	#products-results .item .image {
		position: relative;
		display: inline-block;
		width: 100%;
		height: 150px;
	}
	#products-results .item .image a {
		position: absolute;
		display: flex;
		width: 100%;
		height: 150px;
		align-items: center;
		justify-content: center;
	}

	#products-results .item .name,
	#products-results .item .brand,
	#products-results .item .price,
	#products-results .item .specials,
	#products-results .item .sellable {
		width: 100%;
		margin: 0.5em 0;
		display: inline-block;
	}
	#products-results .item .brand {
		font-size: 12px;
		color: #333;
	}
	#products-results .item .sell {
		color: crimson;
		font-size: 20px;
	}
	#products-results .item .costPerUnit {
		color: crimson;
		font-size: 11.5px;
	}
	#products-results .item .sell .pack span.packageQuantity {

	}
	#products-results .item .sell .pack span.packageQuantifier {
		font-size: 70%;
		font-weight: bold;
		line-height: 20px;
		color: #333;
		vertical-align: text-top;
	}
	#products-results .item .sell .pack span.packagePrice {

	}
	
	#products-results .item .sell .ea {
		margin-top: 1em;
	}
	#products-results .item .sell .ea,
	#products-results .item .sell .ea .costPerUnit {
		font-size: 10px;
		color: #666;
	}
	#products-results .item .sellable .low-stock {
		display: inline-block;
		width: 100%;
		margin-bottom: 0.5em;
		color: crimson;
		font-size: 82.5%;
	}
	#products-results .item .sellable button {
		width: calc(100% - 12px);
		color: #fff;
		background-color: #0079CC;
		border: 0;
		border-bottom: 2px solid #289BD4;
		border-radius: 0;
		text-shadow: 0px 0px 2px #15506E;
	}
	#products-results .item .sellable button.in-stock:hover {
		background-color: #2FB6FA;
		border-bottom-color: #2BA4E0;
	}
	#products-results .item .sellable button.in-stock:disabled {
		background-color: #17597A;
	}
	#products-results .item .sellable button.sold-out {
		background-color: #ED982D;
		border-bottom-color: #D48728;
		text-shadow: 0px 0px 2px #6E4615;
	}
	#products-results .item .sellable button.sold-out:hover {
		background-color: #FA9F2F;
		border-bottom-color: #E08F2B;
	}
	#products-results .item .sellable button.sold-out:active {
		background-color: #D48728;
	}
	#products-results .item .sellable button.view-cart {
		background-color: #ED1A3A;
		border-bottom-color: #BA142D;
		text-shadow: 0px 0px 2px #F06278;
	}
	#products-results .item .sellable button.view-cart:hover {
		background-color: #FA1B3D;
		border-bottom-color: #E01937;
	}
	/*
	#products-results .item .sellable span.out-of-stock {
		display: inline-block;
		width: 100%;
		padding: 6px 0;
		text-align: center;
		color: #666;
	}
	*/
	#products-results .item .sellable .spinner-button,
	#products-results .item .sellable .spinner-input {
		padding: 4px 8px;
		color: inherit;
		text-shadow: none;
	}
	#products-results .item .sellable .spinner-button {
		width: 2.25em;
		cursor: pointer;
		border: 0;
		background-color: transparent;
		font-size: 125%;
	}
	#products-results .item .sellable .spinner-input {
		text-align: center;
	}
	#products-results .item .in-store-only {
		color: #666;
		font-style: italic;
	}

	.bogo-items {
		display: inline-block;
	}
	.bogo-items-description {
		display: none;
	}
	.bogo-items-description ul {
		margin-top: 0.5em;
	}
	.bogo-items-description ul li:first-child {
		margin-top: 0;
	}
	.bogo-items-description ul li {
		margin-top: 0.5em;
	}

	#products-results .offer {
		position: relative;
		float: left;
		width: 100%;
		margin-bottom: 3px;
		-moz-transition: 0.2s color linear;
		-webkit-transition: 0.2s color linear;
		transition: 0.2s color linear;
		border: 1px dashed #ccc;
	}
	#products-results .offer:last-child {
		margin-bottom: 0;
	}
	#products-results .offer a {
		float: left;
		width: calc(100% - 6px);
		padding: 3px;
		font-size: 12px;
		text-align: center;
		color: #666;
	}
	#products-results .offer.clipped a {
		background: transparent url("../images/checked-mobile.gif") 100% 50% no-repeat;
	}

	#products-results .offer span {
		/*
		display: table-cell;
		height: 56px;
		padding-left: 70px;
		background: url("../images/e-savings_64x64.png") 0 50% no-repeat;
		text-align: left;
		vertical-align: middle;
		*/
	}
	#products-results .offer .coupon {
		display: none;
	}

	.coupon {
		float: left;
		text-align: center;
	}
	.coupon-tooltip {
		position: absolute;
		padding: 0.5em;
		font-size: 13px;
		z-index: 9999;
		background-color: #ffffe1;
		border: 1px solid #000;
	}
	.coupon .coupon-description {
		text-align: left;
		margin-bottom: 0.5em;
	}
	.coupon .coupon-details,
	.coupon .coupon-terms {
		display: inline-block;
		font-size: 12px;
	}
	.coupon .coupon-expiration {
		margin-top: 0.5em;
	}
	.coupon .coupon-clip {
		margin-top: 0.5em;
	}

	#products-results .item .tags {
		min-height: 32px;
		margin: 0.5em 0;
		  
	}
	#products-results .item .tags ul li {
		float: left;
		margin: 1px 0.5em 1px 0;
	}
	#products-results .item .tags ul li img {
		display: block;
		height: 32px;
	}
	#products-results .item .tags span {
		display: inline-block;
			   
		padding: 4px 6px;
		font-size: 10px;
		line-height: 24px;
		text-transform: uppercase;
		background-color: #346BDF;
		color: #fff;
		border: 1px solid #2b36536b;
	}
	#products-results .item .tags .out-of-stock {
		background-color: #ed1a3b;
	}

	#products-content .pagination {
		clear: both;
		float: left;
		width: 100%;
		margin: 0.5em 0 1em 0;
		text-align: center;
	}
	#products-content .pagination .page-numbers {
		margin: 0 0.25em;
		text-shadow: 0 1px 0 #f3f3f3;
	}
	#products-content .pagination .current {
		font-weight: bold;
	}
	#products-content .pagination a {
		-moz-transition: 0.2s color linear;
		-webkit-transition: 0.2s color linear;
		transition: 0.2s color linear;
		color: #333;
	}
	#products-content .pagination a:hover {
		color: #ee1a3b;
	}
	#products-content .pagination .next,
	#products-content .pagination .prev {
		font-size: 16px;
	}
	#products-content .pagination .first,
	#products-content .pagination .last {
		display: none;
	}

	#products-sidebar {
		float: left;
		width: 16.66667%;
		max-width: 300px;
		font: 12px/14px Arial, Helvetica, sans-serif;
	}
	#products-sidebar div {
		padding-top: 1em;
		margin-top: 1em;
		/*border-top: 2px solid #ececec;*/
	}
	#products-sidebar div:first-child {
		padding-top: 0;
		margin-top: 0;
		border-top: 0;
	}
	#products-sidebar div h2 {
		color: #333;
	}
	#products-sidebar a.clear {
		display: inline-block;
		margin-bottom: 0.5em;
	}
	#products-sidebar div ul {
	}
	#products-sidebar div ul li {
		clear: both;
		margin-bottom: 4px;
	}
	#products-sidebar div ul li:first-child {
		margin-top: 0;
	}
	#products-sidebar div ul li span.checked {
		font-weight: bold;
	}
	#products-sidebar div ul li a,
	.see-more table tr td a,
	.see-more ul li a {
		display: inline-block;
		line-height: 14px;
		padding-left: 19px;
		color: #333;
		background: url("../images/unchecked.gif") 0 50% no-repeat;
	}
	#products-sidebar div ul li a:hover,
	.see-more table tr td a:hover,
	.see-more ul li a:hover {
		text-decoration: underline;
	}
	#products-sidebar div ul li a.checked,
	.see-more table tr td a.checked,
	.see-more ul li a.checked {
		background: url("../images/checked.gif") 0 50% no-repeat;
	}
	#products-sidebar div ul li:last-child a {
		margin-bottom: 0;
	}
	#products-sidebar div ul a[href='#see-more'] {
		display: list-item;
	}

	#products-content div.disclaimer {
		position: absolute;
		bottom: 0;
		right: 0;
	}

	.see-more div {
		float: left;
		width: 100%;
	}
	.see-more div table {
		width: 100%;
	}
	.see-more div table tr td {
		width: 20%;
		font-size: 12px;
		padding: 0.5em;
	}

	/* change store popup */
	.ui-dialog div.get-stores {
		width: 100%;
		height: 10%;
		font: 15px/17px Arial, Helvetica, sans-serif;
		text-align: center;
	}
	.ui-dialog div.get-stores table {
		height: 15%;
	}
	.ui-dialog div.get-stores table tr td  {
		text-transform: capitalize;
	}
	.ui-dialog div.get-stores input {
		width: 100%;
	}
	.ui-dialog div.locations {
		clear: both;
		float: left;
		width: 100%;
		max-height: 75%;
		overflow-y: scroll;
		text-align: left;
		border: 1px solid #ccc;
	}
	.ui-dialog div.locations table {
		width: 100%;
		border-bottom: 1px solid #ccc;
	}
	.ui-dialog div.locations table tbody tr {
		background-color: #fff;
	}
	.ui-dialog div.locations table tbody tr.location {
		border-top: 1px solid #ccc;
	}
	.ui-dialog div.locations table tbody tr.location:first-child {
		border-top: 0;
	}
	.ui-dialog div.locations table tbody tr td {
		font: 13px/15px Arial, Helvetica, sans-serif;
		text-transform: initial;
	}
	.ui-dialog div.locations table tbody tr.location td {
		font-weight: bold;
	}
	.ui-dialog div.locations table tbody tr td.in-stock {
		color: darkgreen;
	}
	.ui-dialog div.locations table tbody tr td.empty {
		color: brown;
	}
	.ui-dialog div.locations table tbody tr td a {
		color: #00aeef;
	}
	.ui-dialog div.locations table tbody tr td a:hover {
		color: #ee1a3b;
	}
	.ui-dialog span.pagination {
		display: inline-block;
		width: 100%;
		height: calc(10% - 6%);
		padding: 3% 0;
		text-align: center;
	}
	.ui-dialog span.pagination span {
		margin: 0 0.5em;
	}
	/*
	.ui-dialog button {
		font: 13px/15px Arial, Helvetica, sans-serif;
	}
	*/

	.view-cart {
		text-align: center;
	}
	.view-cart p {
		margin-bottom: 1em;
	}

	#find-nearby,
	#find-nearby table tbody tr	{
		background-color: #fff;
	}
	#find-nearby table tbody tr td[colspan] {
		text-align: right;
	}

	#other-sections {
		display: inline-block;
		width: 100%;
		font-family: Arial, Helvetica, sans-serif;
	}
	#other-sections div.section {
		float: left;
		clear: both;
		width: 100%;
		margin-top: 0.5em;
		padding-top: 0.5em;
		border-top: 2px solid #ececec;
	}
	#other-sections div ul li {
		margin-top: 1em;
	}
	#other-sections div ul li:first-child {
		margin-top: 0;
	}
	#other-sections div.post-content {
		margin-bottom: 1em;
	}
	#other-sections hr {
		border: 1px solid #ececec;
	}
	#other-sections #movie-rentals ul li {
		display: inline-block;
		width: calc(20% - 1.5em);
		margin: 0.5em;
		font: .8125em/1.35em "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #585858;
	}
	#other-sections #movie-rentals span.rating {
		padding:2px;
		margin-left:15px;
		border:1px solid gray;
		color:gray;
		font: bold 0.8em times;
		text-align:center;
	}

}

@media handheld, only screen and (max-width: 768px) {

	#products-header,
	#products-main {
		padding: 0 20px;
	}

	#products-header {
		/*display: none;*/
	}
	#products-header form {
		border-radius: 0;
	}
	#products-header .search-container {
		margin-right: 10px;
	}
	
	#products-main {
		width: calc(100% - 46px);
	}

	#products-content {
		width: 100%;
		border-left: 0;
	}
	#products-results .item {
		margin: 0;
	}
	#products-content .item {
		width: 100%;
		max-width: 100%;
		min-height: auto !important;
		padding-bottom: 0;
		border: 0;
		border-top: 2px solid #ececec;
	}
	#products-content .item:first-child {
		border-top: 0;
	}

	#products-content #products-results {
		margin-bottom: 1.5em;
	}

	#products-content #products-results #find-at-store {
		text-align: center;
	}

	#products-results .item .name,
	#products-results .item .brand,
	#products-results .item .price {
		width: calc(100% - 156px);
		margin-left: 6px;
		margin-right: 0;
	}
	#products-results .item .sellable {
		clear: both;
		position: relative !important;
		width: 100%;
	}

	#products-landing-item li {
		width: 49.02912621359223% ;
		padding: 0.4854368932038835%;
	}

	#products-results .item span {
		display: block;
		float: none;
		clear: none;
		text-align: left;
	}
	#products-results .item .sellable .low-stock,
	#products-results .item .sellable .spinner {
		text-align: center;
	}		
	#products-results .item .image {
		float: left;
		width: 150px;
		margin-left: 0;
	}
	#products-results .item .description {
		width: auto;
	}
	#products-results .specials {
		position: relative;
		top: auto;
		right: auto;
		height: auto;
		/*
		width: calc(100% - 124px);
		margin: 0.5em 0 0.5em 124px;
		*/
	}
	#products-results .offer a {
		width: calc(100% - 8px);
		margin-bottom: 3px;
	}
	#products-results .offer.clipped {
		float: left;
		width: 100%;
		background-position: calc(100% - 4px) calc(100% - 6px);
	}
	#products-results .offer.clipped a span ul li {
		display: inline-block;
	}
	#products-results .offer.clipped a span ul li:first-child {
		/*display: none;*/
	}

	#products-filter #find-at-store {
		float: left;
		width: 100%;
		margin-top: 1em;
		text-align: left;
	}
	#products-filter #find-at-store p a {
		width: auto;
	}

	#products-content .pagination {
		font-size: 20px;
	}
	/*
	#products-content .pagination .page-numbers {
		display: none;
	}
	*/
	#products-content .pagination .next,
	#products-content .pagination .prev,
	#products-content .pagination .first,
	#products-content .pagination .last {
		display: inline-block;
	}

	#products-sidebar {
		display: none;
	}

	#products-filter {
		padding: 8px 20px;
		margin: 0 -20px 0.5em -20px;
		border-bottom: 2px solid #ddd;
		font-size: 14px;
		line-height: 16px;
	}
	#products-filter #products-count {
		display: inline-block;
		width: 75%;
		padding-right: 0;
	}
	#products-filter #products-breadcrumbs {
		display: none;
	}
	#products-filter a {
		float: right;
		width: 25%;
		display: inline-block;
		text-align: right;
	}

	#products-content div.disclaimer {
		width: 100%;
		bottom: -1em;
		text-align: center;
	}

	.ui-dialog {
		padding: 0;
	}
	.ui-dialog .ui-dialog-header {
		padding: 4px;
		background-color: #eee;
		border-bottom: 1px solid #ccc;
	}
	.ui-dialog .ui-dialog-header a {
		display: block;
		padding: 6px 12px;
		color: #00aeef;
		font-family: "Open Sans", sans-serif;
	}
	.ui-dialog .ui-dialog-content {
		padding: 8px;
		background-color: #eee;
	}
	.ui-dialog .ui-dialog-content div h2 {
		padding: 0;
		margin-top: 0.5em;
		color: #333;
		text-shadow: none;
	}
	.ui-dialog .ui-dialog-content div:first-child h2 {
		margin-top: 0;
	}
	.ui-dialog .ui-dialog-content div ul {
		background-color: #fff;
		border: 1px solid #ddd;
		border-radius: 6px;
		margin-bottom: 4px;
	}
	.ui-dialog .ui-dialog-content div ul li {
		font-size: 14px;
		line-height: 18px;
		padding-left: 10px;
		padding-right: 30px;
		border-top: 1px solid #ddd;
	}
	.ui-dialog .ui-dialog-content div ul li:first-child {
		border-top: 0;
	}
	.ui-dialog .ui-dialog-content div ul li a {
		display: inline-block;
		width: 100%;
		padding: 10px 30px 10px 8px;
		margin-left: -6px;
		color: #333;
		background: url("../images/unchecked-mobile.gif") 97% 50% no-repeat;
	}
	.ui-dialog .ui-dialog-content div ul li a.checked {
		background-image: url("../images/checked-mobile.gif");
	}
	.ui-dialog .ui-dialog-content div ul  a[href='#see-more'] {
		display: list-item;
		padding: 10px 30px 10px 8px;
		border-top: 1px solid #ddd;
		text-align: center;
	}

	.ui-dialog div.get-stores {
		height: auto;
		background-color: #fff;
	}
	.ui-dialog div.get-stores label {
		font-weight: bold;
	}
	.ui-dialog div.get-stores input[name='address'] {
		width: 90%;
		padding: 4px 6px;
	}

	.ui-dialog div.locations {
		margin-top: 1em;
	}
	.ui-dialog div.locations table tbody tr {
		background-color: #fff;
		border: 0;
	}
	
	#other-sections #movie-rentals ul li {
		width: 100%;
		margin: 1em 0 0 0;
		font-size: 1.25em;
		line-height: 1.25em;
	}
	#other-sections #movie-rentals ul li:first-child {
		margin-top: 0;
	}

}