#product-wrapper, #online-book-wrapper {
	display : none;
	width : 100%;
}

#physical-product, #online-product {
	display : table;
	width : 100%;
}

#product-wrapper .order-inline {
	display : block;
}

.product-description {
	display : table-cell;
	vertical-align : top;
}


.product-description .metadata {
	display : table;
	margin-bottom : 5px;	
}

.product-description .metadata .image {
	display : none;;
	vertical-align : top;
	padding-right : 10px;
}

.product-description .metadata .product-text {
	display : table-cell;
	vertical-align : top;
}

.product-description .product-text .author {
	
}

.product-description .product-text .format {
	
}

.product-description .product-text .pages {
	
}

.product-description .product-text .short-description {
	padding-top : 10px;
	
}

.product-description .overview {
	padding-top : 10px;
}


.right-column {
	width : 230px; /* Width of content is 215 because of padding */
	padding-left : 15px;
	display : none;
	vertical-align : top;
}

.right-column .order {
}

#online-product h3 {
	margin : 0;
}

#online-product a {
	font-weight : bold;
}


/** Order boxes */

.item-box {
	width : 100%;
	background-color : #f2f2f2;
	padding : 5px;
	margin-bottom : 5px;
}

.item-box.online-book {
	background-color : #DEEAF8;
}

.info-wrapper {
	width : 100%;
	display : table;
}

.item-box .title-wrapper {
	display : table-cell;
}

.item-box .price-wrapper {
	display : table-cell;
	text-align : right;
}

.item-box .add-wrapper {
	display : block;
	vertical-align : top;
}

.physical-book .title {
	font-size: 12px;
}

.online-book .title {
	color : #008345;
}

.first-box .title-wrapper .title {
	color : #008345;
	font-size : 15px;
	padding-right : 5px;
}

.title-wrapper .title {
	font-weight : bold;
}

.title-wrapper .byline {
	font-size : 12px;
}

.price-wrapper .price {
	font-weight : bold;
}

.price-wrapper .savings {
	color : #008345;
	font-weight : bold;
	font-size : 12px;
}

.add-wrapper .add {
	padding-top : 10px;
	text-align : right;
}

.add-wrapper .qty {
	width : 35px;
	height : 24px;
	float : right;
}

.add-wrapper .btn {
	float : right;
	margin-left : 5px;
}

.add-wrapper .attributes {
	margin-bottom : 5px;
}

.text-solutions-box {
	display : table;
	width : 100%;
	margin-bottom : 5px;
}

.text-solutions-box .text-box, .text-solutions-box .solutions-box {
	display : table-cell;
	background-color : #f2f2f2;
	width : 105px;
	max-width : 105px;
	padding : 5px;
	font-size : 12px;
	font-weight : bold;
}

.text-solutions-box .text-box .byline, .text-solutions-box .solutions-box .byline {
	font-weight : normal;
}

.text-solutions-box .spacer {
	display : table-cell;
	width : 5px;
}


/** Excerpts and Diagnostics */
.excerpts {
}

.excerpts a, .diagnostics a {
	display : block;
	background-color : #eee;
	padding : 3px 4px;
	margin: 4px 0;
	font-size: 13px;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
}

/* Icon before each excerpt and diagnostics */
.excerpts a:before, .diagnostics a:before {
	content : "\f1c1";
	margin-right : 8px;
	display : inline-block;
	font-family : AoPS;
	font-style : normal;
	font-weight : normal;
	line-height : 1;
	color : red;
	-webkit-font-smoothing : antialiased;
	-moz-osx-font-smoothing : grayscale;
	position : relative;
	top : -1px;
}

.excerpts h3, .diagnostics h3 {
	margin-top : 10px;
	margin-bottom : 5px;
	padding : 0;
}



#pdf-iframe {
	width : 100%;
	height : 100%;
	position : relative;
	border : none;	
}


input.username {
	width : 100%;
	padding : 3px;
}

@media ( min-width : 481px ) {
	.product-description .metadata .image {
		display : table-cell;
	}	
}


/* At 768px, we want order form and excerpts on side */
@media ( min-width : 768px ) {
	.right-column {
		display : table-cell;
	}

	#product-wrapper .order-inline {
		display : none;
	}
}

/* At 840px, turn off order and excerpts sidebar because left nav now takes up space */
@media ( min-width : 840px ) {
	.right-column {
		display : none;
	}
	
	#product-wrapper .order-inline {
		display : block;
	}
}

@media ( min-width : 930px ) {
	.product-description .metadata .image {
		display : table-cell;
	}
}

/* And back on at 1020px. */
@media ( min-width : 1020px ) {
	.right-column {
		display : table-cell;
	}
	
	#product-wrapper .order-inline {
		display : none;
	}

	.product-image img {
		width : 175px;
		max-width : 175px;
	}
}

@media ( min-width : 1270px ) {
	.product-image img {
		width : auto;
		max-width : inherit;
	}
}