/**
 * Product boxes as they appear on list and recommendations pages.
 */



.product {
	margin-bottom: 10px;
	padding : 10px;
	background-color : #eeeeee;
}
.product:last-child {
	margin-bottom : 0;
}

.product input[type="text"] {
	border : 1px solid #ddd;
	height : 24px;
	vertical-align:middle;
	box-shadow : inset 1px 1px 2px #ddd;
	padding : 0 2px;
}

.product label {
	font-size : 12px;
	font-weight : normal;
}

.product .product-image {
	float : left;
	width : 75px;
	background-color : transparent;
}

.product .product-image img {
	width : 75px;
}

.product .product-type {
	text-align : right;

}
.product .product-qty {
	text-align : right;
}

.product .product-details {
	margin-left: 85px;
	min-height: 100px;
}

.product .product-details a {
	display : inline-block;
	color : #008345;
	margin-bottom : 4px;
}

.product .product-order {
	float : right;
	margin-left : 10px;
}

.product .product-title {
	color : #008345;
	font-size : 20px;
	font-weight : bold;
	line-height : 20px;
}

.product .product-attributes {
	padding-bottom : 5px;
	font-size : 14px;
}

.product .product-author, .product .product-format, .product .product-pages {
	line-height : 1.2em;
}

.product .product-description {
	margin-top : 10px;
}

.product input {
	border : none;
	font-size : 12px;
	height : 24px;
	line-height: 14px;
}
.product input[type="text"] {
	padding: 0 2px;
}

.product input.btn-primary {
	border-bottom : 1px solid #ddd;
}

.product .product-mobile { display : none; padding-left : 10px; }

@media( max-width : 640px ) {
	.product .product-mobile { display : inline-block; }
	.product .product-tablet { display : none; }
	.product .product-order { float : none; text-align : left; padding-top : 10px; padding-bottom : 10px; }
	.product .product-type, .product .product-qty { text-align : left; padding-left : 10px; display : inline-block;  }
}


/**
 * list.php styles
 */
.product-list {
	display : none;
}

.product-list .excerpts {
	display : none;
}


/**
 * recommendations.php styles
 */
.online .excerpts a {
	display : none;
}

.online .product form {
}


/**
 * Product boxes used on list and recommendation pages
 */
.product-box {
	display : table;
	width : 100%;
	background-color : #eeeeee;
	margin-bottom : 10px;
	padding : 5px;
}

.product-box .product-image, .product-box .product-details {
	display : table-cell;
	vertical-align : top;
}

.product-box .product-image {
	width : 100px;
	max-width : 100px;
}

.product-box .product-details {
	padding-right : 10px;
}

.product-box .product-order {
	float : right;
	width : 200px;
	margin-left : 10px;
}

.product-box .product-image img {
	width : 90px;
}

.product-box .product-details .product-description {
	margin-top : 10px;
}

.product-box .product-order label {
	font-size : 12px;
	font-weight : normal;
}

.product-box .product-order select,
.product-box .product-order input[type="text"] {
	border : 1px solid #ddd;
	height : 24px;
	vertical-align : middle;
	box-shadow : inset 1px 1px 2px #ddd;
	padding : 0 2px;
	line-height : 14px;
	font-size : 12px;
	border-radius : 0;
}

.product-box .product-order input.btn-primary {
	border-bottom : 1px solid #ddd;
	border-top : 1px solid #88aac7;
	line-height : 22px;
}

.product-box .product-order .product-type,
.product-box .product-order .product-qty {
	text-align : right;
}


.product-box a.product-title {
	color : #008345;
	font-size : 20px;
	font-weight : bold;
	line-height : 20px;
	display : block;
	margin-bottom : 4px;
}

.product-box .product-order .excerpts a {
	display : block;
	background-color : #fefefe;
	padding : 3px 4px;
	margin: 4px 0;
	font-size: 13px;
	font-weight: bold;
	width : 200px;
	font-family : arial, helvetica, sans-serif;
}

.product-box .product-order .excerpts a:before {
	content: "\f1c1";
	margin-right: 8px;
	display: inline-block;
	font-family: AoPS;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color : red;
	position : relative;
	top : -1px;
}

.grey-panel .content .product-box:last-child {
	margin-bottom : 0;
}


@media ( max-width : 930px ) {
	.product-box .product-image {
		display : none;
	}
}

@media ( max-width : 840px ) {
	.product-box .product-image {
		display : block;
	}
}

/* Some older tablets and phones */
@media ( max-width : 639px ) {
	.product-box .product-order {
		display : none;
	}
}

/* Phone - portrait mode */
@media ( max-width : 439px ) {
	.product-box .product-image {
		display : none;
	}
}



/**
 * Stuff for PDF modal
 */
#pdf-iframe {
	width : 100%;
	height : 100%;
	position : relative;
	border : none;
}

.aops-scroll-content {
	height : 100%;
}


/**
 * customer-information page
 */
.shipping div.selector {
	width : 100%;
	margin-bottom : 0;
}

.shipping .shipping-label {
	float : none;
	width : auto;
}


/**
 * Gift certificates page
 */
.gift-certificate .widget {
	float : right;
	width : 200px;
	padding : 5px 10px 10px 10px;
	margin: 0 0 20px 30px;
}

.gift-certificate .widget .btn-wrapper {
	text-align : center;
	margin-top : 10px;
}

/**
 * PDF Modals - I'm not sure if this is needed anymore
 */
.store-pdf-modal .aops-scroll-content {
	/* height : 100%; */
}

.ebook-sell {
	background-color : #E0EAF6;
}

@media ( max-width : 1270px ) {
	.product .product-title {
		width : 430px;
	}
}

@media ( max-width : 1020px ) {
	.product .product-title {
		width : 340px;
	}
}

@media (max-width : 930px) {
	/** Itty bitty hack here **/
	#view-other .round-dropdown .selected {
		margin-right : 32px;
	}
	.product .product-title {
		width : 250px;
	}
}

@media (max-width : 840px) {
	#view-other .round-dropdown .selected {
		margin-right : 40px;
	}
}