.course_item 
{ 
	border: 1px solid #ddd;
	background-color: #fafafa; 
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	width: 100%;
	margin: 5px;
}
.course_item_header{
	width: 100%;
	border-bottom: 1px solid #ccc;
	min-height: 2em;
	font-size: 1.2em; 
	font-weight: bold;
	padding: 0;
	margin-bottom: 0.2em;
	background-color: #333333;
	color: #ffffff;
	-webkit-border-radius: 6px 6px 0px 0px;
	-moz-border-radius: 6px 6px 0px 0px;
	border-radius: 6px 6px 0px 0px;
}
.course_item_status {
	width: 18%;	
	display: inline-block; 
	float: left;
	min-width: 150px;
	padding: 0.5em;
}
.course_item_header .course_item_title {
	width: 48%;	
	display: inline-block; 
	float: left;
	min-width: 200px;
	padding: 0.5em;
}
.course_item_header .course_item_title a {
	color: #ffffff !important;
	text-decoration: underline;
}
.course_item_title a:hover {
	text-decoration: underline !important;
}
.course_item_incart {
	display: inline-block;
	text-align: right;
	float: right;
	-webkit-border-radius: 0px 6px 0px 0px;
	-moz-border-radius: 0px 6px 0px 0px;
	border-radius: 0px 6px 0px 0px;
	padding: 0.5em 44px 0.5em 0.5em;
}
.course_button_inCart {
	background-color:#22cc22 !important ;
}
.course_item_image { /*width: 22%;*/ height: 150px; min-width: 150px; border: none; margin: 0 auto; text-align: center; float: right }
.course_item_image img { position:relative; left: -4px; height: 100% }
.course_item_data { padding-left: 5px; float:left; min-width: 150px }
.course_item_data div { display: block; }
.course_item_data div span { display: inline-block; width: 100px; }
.course_item_info div { display: block; }
.course_item_item, .course_item_publisher, .course_item_department, .course_item_section { width: 100%}
.course_item_buy { padding-top: 8px; width: 100%; position: relative; display:inline-block }
.course_item_buy .course_item_title { font-weight: bold; padding-bottom: 1em; }
.course_item_price { width: 37%; /*float: left*/ }
.course_item_info { width: 30%; min-height: 10px;/*float: left*/ }
.course_item_button { text-align: right; width: 25%; /*float: left*/ }
.course_item_button input, .course_item_button button { width: 100% }
.course_item_alternatives { margin-top: 5px; padding: 4px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
.course_item_alternatives_heading { font-weight: bold }
/* .course_item_notes {display: none} - PWO really not sure why we hide the product detail */
.course_item_more_notes {display: inline-block;margin-top: 20px;}
.course_item_alternative { position: relative; }
.course_header { margin-top: 25px;}
.course_item_options { width: 98%; padding: 0.5em; float:left; min-width: 240px }

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.course_item_incart .show-for-narrow {
	display: none;
}

.course_item_incart.in_cart {
       	background: #22cc22 url(/eSolution/images/cart.png) no-repeat;
	background-position: 92% 0%;
	min-height: 44px;
}
.in_cart a
{
	color: #fff;
}
.in_cart a:hover
{
	text-decoration: underline;
}
@media (max-width: 768px) {
	.course_item_incart {
		width: 0%;
	}
	.course_item_incart.in_cart {
		background-position: 10% 0%;
	}
	.in_cart a,
  .in_cart a:hover	{
		text-decoration: none;
	}
	.course_item_incart .show-for-narrow {
		display: block;
	}
	.course_item_incart .hide-for-narrow {
		display: none;
	}
}
.course_item_options .options h3 {
	width: auto !important;
	padding: 1em 1em 1em 3em !important;
	margin: 0 !important;
	font-weight: bold !important;
}

.course_item_buy.group_item {
	width:50%;
	min-width:150px;
	margin: 1% 0% 1% 49%;
}

.course_item_buy.group_item .course_item_price { 
	width:97%;
}
.course_item_buy.group_item .course_item_button { 
	width:97%;
}
.nonSellable {
	color: #0c5460;
	background-color: #d1ecf1;
	border-color: #bee5eb;
	padding: 10px;
	margin-left: 10px;
}

@media only screen and (max-width: 993px) {
	.course_item_buy.group_item {
		width: 100%;
		margin: 1%;
	}
}