
.ItemContainer {
	clear:both;
	overflow: hidden;
}

.ItemDividerHR {
	padding-bottom: 75px;
}

.PrimaryImageContainer {
	float: left;
	width: 300px;
	height: 300px;
	background-size:100% !important;
}

.PrimaryImageContainer img {
	margin-left: auto;
	margin-right: auto;
}

.ItemDetailContainer {

	/*min-width: 500px;*/
	float: left;
	/*margin-left: 80px;*/
  min-width: 90% !important;
  width:90%;
  margin:5%;

}

 .ItemThumbnailContainer {

	overflow: hidden;
	padding: 15px;
	text-align: center;

 }

 .ItemThumbnail {
	margin: 15px;
	display:inline-block;
	background-size:150% !important;
	width: 100px;
	height: 100px;
/*  width: 100px;
  height: 100px;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px; */

	box-shadow: 0 0 8px rgba(0, 0, 0, .8);
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8);

 }


.DeliveryRequestContainer {
	display:inline-block;
}





.ItemDetailsTable {
	width: 100%;
	border-collapse: collapse;
}

.ItemDetailsTable th {
	padding: 10px;
	border: 2px solid white;
	background-color: #444444;
	color: #f3f3f3;
	font-size: 20pt;
}

.ItemDetailsTable td {
	padding: 10px;
	border: 2px solid white;
	background-color: #E8E8E8;
	color: #6B6B6B;
	font-size: 20pt;
}




.ItemLocationTable {
	width: 100%;
	border-collapse: collapse;
}

.ItemLocationTable th {
	padding: 10px;
	border: 2px solid white;
	background-color: #F4B3A4;
	color: #f3f3f3;
	font-size: 20pt;
}

.ItemLocationTable td {
	padding: 10px;
	border: 2px solid white;
	background-color: #FFECE8;
	color: #333333;
	font-size: 20pt;
}




.DeliveryRequestedButton {
	background: #37d934;
	background-image: -webkit-linear-gradient(top, #37d934, #71b82b);
	background-image: -moz-linear-gradient(top, #37d934, #71b82b);
	background-image: -ms-linear-gradient(top, #37d934, #71b82b);
	background-image: -o-linear-gradient(top, #37d934, #71b82b);
	background-image: linear-gradient(to bottom, #37d934, #71b82b);
	-webkit-border-radius: 28;
	-moz-border-radius: 28;
	border-radius: 28px;
	font-family: Arial;
	color: #ffffff;
	font-size: 20px;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
}

.DeliveryRequestedButton:hover {
	background: #4ffc3c;
	background-image: -webkit-linear-gradient(top, #4ffc3c, #58d934);
	background-image: -moz-linear-gradient(top, #4ffc3c, #58d934);
	background-image: -ms-linear-gradient(top, #4ffc3c, #58d934);
	background-image: -o-linear-gradient(top, #4ffc3c, #58d934);
	background-image: linear-gradient(to bottom, #4ffc3c, #58d934);
	text-decoration: none;
}




.RequestDeliveryButton {
	background: #3498db;
	background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
	background-image: -moz-linear-gradient(top, #3498db, #2980b9);
	background-image: -ms-linear-gradient(top, #3498db, #2980b9);
	background-image: -o-linear-gradient(top, #3498db, #2980b9);
	background-image: linear-gradient(to bottom, #3498db, #2980b9);
	-webkit-border-radius: 28;
	-moz-border-radius: 28;
	border-radius: 28px;
	font-family: Arial;
	color: #ffffff;
	font-size: 20px;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
}

.RequestDeliveryButton:hover {
	background: #3cb0fd;
	background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
	background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
	text-decoration: none;
}



/* Small screen */
@media only screen and (min-device-width: 320px) and (max-device-width: 479px)  {

	.PrimaryImageContainer {
		text-align: center;
		width: 100%;
	}

	.PrimaryImageContainer img {
		max-width: 350px;
		max-height: 350px;
		margin-left: auto;
		margin-right: auto;
	}

	.ItemDetailContainer {
		/*margin-left: 0px;
		min-width: 350px;
		max-width: 350px;*/
		min-width: 90%;
	}

	.PrimaryImageContainer {
		width: 100%;
	}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 479px) and (orientation: landscape)  {
	.ItemDetailContainer {
		width: 100% !important;
		min-width: auto;
		max-width: 100% !important;
	}
}
