/* ==========================================================================
   Virtuemart Global styles
   ========================================================================== */
html .com_virtuemart, .com_virtuemart label{
	color:#000000;
}

span.PricesalesPrice {
	font-size: 1.571em;
	font-weight: bold;
	color: #f68c42;
}

.quantity-input {
	text-align: center;
}

.vm-image-box {
	display: block;
	text-align: center;
	overflow: hidden;
}

.vm-image-box img {
	width: 100%;
}

.vm-product-fields .product-field-type-S {
	float: none;
	width: auto;
	padding: 0;
	margin-bottom: 0.5em;
}

.vm-product-fields .product-fields-title {
	font-weight: bold;
}

/* ==========================================================================
   Virtuemart Category page
   ========================================================================== */

.vm-browseview .section-image {
	margin-bottom: 1.429em; /* 20px */
}

.vm-browseview .addtocart-bar > * {
	display: none;
}

.vm-browseview .addtocart-button {
	display: block;
	font-size: 1.000em; /* 14px */
	padding-right: 2.357em; /* 33px */
	padding-top: 0.786em; /* 11px */
	padding-bottom: 0.786em; /* 11px */
	background-image: url("images/icon/cart-small.9fae72beb01b.png");
	background-repeat: no-repeat;
	background-position: 85% center;
	background-color: #E8E2D6;
	color: #000;
	font-weight: normal;
}

.vm-browseview .addtocart-button:hover{
	background-color: #b3a99c;
}

.vm-browseview .product h2 {
	font-family: 'Helvetica', sans-serif;
	font-size: 1.714em; /* 24px */
	font-weight: bold;
	color: #41525c;
	margin-bottom: 0.294em; /* 5px */
}

.vm-browseview .vm-sub-text {
	font-size: 1.286em; /* 18px */
	font-weight: bold;
	color: #000;
	margin: 0 0 0.778em 0; /* 14px */
}

.vm-browseview .product_s_desc{
	font-size: 1.143em; /* 16px */
}

.vm-browseview .PricesalesPrice {
	margin-bottom: 0.909em; /* 20px */
}

.vm-browseview .horizontal-separator {
	margin: 2.143em 0; /* 30px */
	height: 1px;
	width: 100%;
	background: #d9dcde;
}

.vm-browseview .section-description p > a{
	font-size: 1.286em; /* 18px */
}

/* ==========================================================================
   Virtuemart product details page
   ========================================================================== */

.vm-productview {
	font-size: 1.143em;
	color: #000;
}

.vm-productview h1 {
	margin-bottom: 0.6em;
	font-size: 1.143em; /* 16px */
	color:#000;
	line-height:1.25em; /* 20px */
}

/* Product header section (left top in desktop)
   ========================================================================== */

.vm-productview .text-large { 
	font-size: 1.143em; /* 16px */
	color: #000;
	font-weight: normal;
	font-style: italic;
}

.vm-productview .vm-image-box {
	margin-bottom: 1.643em; /* 23px */
	border: 1px solid #e3e3e3;
}

.vm-productview .product-price {
	margin-bottom: 1em; /* 25px */
  margin-top: -0.3em;
}

.vm-productview .product-subtitle {
	/*color: #000;*/
	margin-bottom: 0.3em;
	font-size: 1.083em; /*14px*/
	line-height:1.25em; /* 20px */
	font-style: italic;
}

.vm-productview .product-field-author {
	/*color: #000000;*/
	/*font-size: 1.143em; /*14px*/*/
	font-weight: normal;
}

/* Add to cart section
   ========================================================================== */

.vm-productview .quantity_box,
.vm-productview .quantity-input,
.vm-productview .quantity-plus,
.vm-productview .quantity-minus {
	vertical-align: middle;
	margin-left: 0.313em; /* 5px */
}

.vm-productview .quantity_box {
	margin-left: 0;
	font-size: 1.29em;
	font-weight: normal;
	color: #000;
}

.vm-productview .quantity-input {
	padding: 0.563em 0.313em; /* 9px 5px */
	width: 3.643em; /* 51px */
}

.vm-productview .vm-quantity-controls {
	float: right;
}

.lt-ie9 .vm-productview .vm-quantity-controls {
	float: none;
	margin-left: 30px;
}

.vm-productview .quantity-plus,
.vm-productview .quantity-minus {
	width: 3.438em; /* 55px */
	height: 2.938em; /* 47px */
	background-repeat: no-repeat;
	background-position: center center;
	background-color:#e10600;
}

.vm-productview .quantity-plus:hover,
.vm-productview .quantity-minus:hover{
	background-color:#b40500;
}

.vm-productview .quantity-plus { background-image: url("images/icon/plus.89974277e2bc.png"); }
.vm-productview .quantity-minus { background-image: url("images/icon/minus.375823d7fc2f.png"); }

.vm-productview .addtocart-button {
	margin-top: 1.250em; /* 20px */
	margin-bottom: 0.625em; /* 10px */
	clear: both;
	padding-right: 2.813em; /* 45px */
	background-image: url("images/icon/cart.47e125b4907b.png");
	background-repeat: no-repeat;
	background-position: 70% center;
}

.vm-productview .downloadImage a {
	padding-right: 2.813em;
	margin-bottom: 0.625em;
	background-color: rgb(253, 210, 188);
	color: rgb(232, 70, 67);
	font-weight: bold;
	font-size: 1.2em;
}

.vm-productview .downloadImage a:after {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 70%;
	margin: auto;
	content: '';
	width: 31px;
	height: 31px;
	background: url("images/icon/download-cover.1f4c9801f120.png") no-repeat;
	background-size: contain;
}

.vm-productview .downloadImage a:hover{
	background-color: #b3a99c;
}

/* Product description section (right in desktop)
   ========================================================================== */

.vm-productview .vm-product-fields-middle .product-fields-title {
	display: block;
	font-size: 1.286em; /* 18px */
	color: #41525c;
	margin-bottom: 1.111em; /* 20px */
	margin-top: 2.222em; /* 40px */
}

.vm-productview .vm-product-fields-table .vm-product-fields {
	display: table;
	width: 100%;
	margin-top: 2.857em; /* 40px */
}

.vm-productview .vm-product-fields-table .product-field {
	display: table-row;
}

.vm-productview .vm-product-fields-table .product-field > span {
	display: table-cell;
	padding: 0.643em 0; /* 9px */
	border-top: 1px solid #d9dcde;
}

.vm-productview .vm-product-fields-table .product-field:first-child > span {
	border-top: 0;
}

.vm-productview .vm-product-fields-table .product-fields-title {
	width: 58%;
}
.vm-productview .more-books-button-group {
	margin-top: 2.000em; /*28px*/ 
	margin-bottom: 1.143em; /*16px*/
}

.vm-productview .more-books-button-group .button {
	font-size: 1.2em; /* 16px */
	padding: 0.688em 1.563em; /* 11px 25px */
	margin-right: 1.125em; /*18px*/
	margin-bottom: 0.875em;
	background-color: rgb(253, 210, 188);
	color: rgb(232, 70, 67);
	font-weight: bold;
}

.vm-productview .more-books-button-group .button:hover{
	background-color: #b3a99c;
}

.vm-productview .more-books-button-group .button + .button {
	margin-right: 0;
}


/* ==========================================================================
   Virtuemart Cart page
   ========================================================================== */

.vm-cartview {
	font-size: 1.071em; /* 15px */
	color: #41525c;
}

.vm-cartview label {
	font-size: inherit;
	font-weight: normal;
}

.vm-cartview .icon {
	position: relative;
	top: -1px;
	vertical-align: middle;
	display: inline-block;
	background-repeat: no-repeat;
}

.vm-cartview .icon--refresh {
	width: 20px;
	height: 20px;
	background-image: url("images/icon/refresh.c236d2b8df37.png");
}

.vm-cartview .icon--trash {
	width: 18px;
	height: 20px;
	background-image: url("images/icon/trash.db0bb77a4f62.png");
}

.vm-cartview .icon--delete {
	width: 21px;
	height: 22px;
	background-image: url("images/icon/delete.ffc107b014cd.png");
}

/*
Those input & button elements default are 53px height.
In PSD cart page, elements height were reduced to 44px
*/
.vm-cartview input[type=text],
.vm-cartview input[type=password],
.vm-cartview input[type=email],
.vm-cartview textarea,
.vm-cartview .fancy-select .trigger {
	font-size: 1em; /* 15px */
	padding: 0.533em 1.067em; /* 8px 16px */
	line-height: 1.467em; /* 22px */
}

.vm-cartview .custom-check {
	width: 1.467em; /* 22px */
	height: 1.467em; /* 22px */
}

.vm-cartview .button,
.vm-cartview .image-button {
	font-size: 1em; /* 15px */
	padding-top: 0.733em; /* 11px */
	padding-bottom: 0.800em; /* 12px */
}

.vmc-box {
	margin: 2.000em 0; /* 30px */
}

.vmc-box__header {
	display: block;
	box-sizing: border-box;
	padding: 0.938em 1.563em; /* 15px 25px */
	line-height: 1.438em; /* 23px */
	font-family: 'Helvetica', sans-serif;
	font-size: 1.067em; /* 16px */
	font-weight: bold;
	color: #fff;
	background: #72838d;
	width: 100%;
}

.vmc-box__block {
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 2.000em 2.133em; /* 30px 32px */
	border: 3px solid #e1e1e1;
	border-top: 0;
}

.vmc-box__el--w50 {
	width: 50%;
	float: left;
}

.vmc-box__el-group .vmc-box__header {
	border-left: 3px solid #63717a;
	margin-top: 0;
}

.vmc-box__el-group .vmc-box__header:first-child {
	border-left: 0;
}

.vmc-box__el-group .vmc-box__block {
	border-right: 0;
}

.vmc-box__el-group .vmc-box__block.last {
	border-right: 3px solid #e1e1e1;
}

.vmc-box__el-group--table {
	display: table;
	width: 100%;
}

.vmc-box__el-group--table .vmc-box__header,
.vmc-box__el-group--table .vmc-box__block {
	display: table-cell;
	float: none;
}

/* Cart login box
   ========================================================================== */

.vm-login-form .userdata > input {
	vertical-align: middle;
	margin-right: 2.5%;
	width: 39%;
	margin-bottom: 0.5em;
}

.vm-login-form .userdata > .button {
	margin-right: 0;
	width: 14%;
	padding-left: 0;
	padding-right: 0;
	min-width: 75px;
}

.vm-login-form .footer {
	margin-top: 1.667em; /* 25px */
}

.vm-login-form .forgot-username,
.vm-login-form .forgot-password {
	float: left;
	margin-right: 4.5%;
}

.vm-login-form .remember-me {
	float: right;
}

.vm-login-form .remember-me > * {
	vertical-align: middle;
}

.vm-after-login-form {
	margin-bottom: 2.000em; /* 30px */
}

.vm-after-login-form .button {
	margin-left: 0.5em;
}

/* Cart bill to ship to box
   ========================================================================== */

.vm-cartview #output-shipto-display {
	margin-top: 1.000em; /* 15px */
}

.vm-cartview .billto-shipto .button {
	margin-right: 2.6%;
	margin-bottom: 0.5em;
}

.vm-cartview .vm-customer-comment {
	margin-top: 2.000em; /* 30px */
}

/* Payment and shipment info box
   ========================================================================== */

.vm-cartview .payment-shipment-info > div {
	float: left;
	width: 50%;
}

.vm-cartview .payment-shipment-info .label {
	font-weight: bold;
	margin-bottom: 0.667em; /* 10px */
}

/* Cart summary box - product
   ========================================================================== */

.vm-cartview[data-task=checkout] .cart-summary .vmc-box__block {
	padding-left: 0;
	padding-right: 0;
	border: 0;
}

.vm-cartview .cart-summary .section-product-image {
	width: 5.067em; /* 76px */
	padding-right: 1.333em; /* 20px */
}

.vm-cartview .cart-summary .product {
	border-bottom: 3px solid #5f6e76;
	padding: 2.000em 0; /* 30px */
}

.vm-cartview .cart-summary .product:first-child {
	padding-top: 0;
}

.vm-cartview .cart-summary .section-product-details .layout-table.top {
	padding-bottom: 1.000em; /* 15px */
	margin-bottom: 1.000em; /* 15px */
	border-bottom: 1px solid #d9dcde;
}

.vm-cartview .cart-summary .section-product-details .layout-block.first {
	width: 43%;
}

.vm-cartview .cart-summary .section-product-details .layout-block.last {
	text-align: right;
}

.vm-cartview .cart-summary .product h3 {
	font-family: 'Helvetica', sans-serif;
	font-size: 1.133em; /* 17px */
	font-weight: bold;
	color: #41525c;
	margin-bottom: 0.5em;
}

.vm-cartview .cart-summary .product .author-name {
	font-size: 0.933em; /* 14px */
	color: #000;
	margin: 0 0 0.357em 0; /* 5px */
}

.vm-cartview .cart-summary .product .quantity-label {
	font-weight: bold;
	font-size: 0.933em; /* 14px */
}

.vm-cartview .cart-summary .product .product-price {
	font-size: 1.533em; /* 23px */
	font-weight: bold;
	color: #4bc7c7;
}

.vm-cartview .cart-summary .product .quantity-input {
	padding: 2px 0;
	line-height: 1.400em; /* 21px */
	width: 2.533em; /* 38px */
	vertical-align: middle;
}

.vm-cartview .cart-summary .product .vm2-add_quantity_cart {
	vertical-align: middle;
	margin-left: 0.533em; /* 8px */
}

.vm-cartview .cart-summary .product .vm2-remove_from_cart {
	color: #41525c;
	vertical-align: middle;
}

.vm-cartview .cart-summary .product .vm2-remove_from_cart .icon {
	padding-right: 0.667em; /* 10px */
}

.vm-cartview .cart-summary .product .vm2-remove_from_cart:hover {
	text-decoration: none;
}

/* Cart price box
   ========================================================================== */

.vm-cartview .cart-summary .cart-price {
	width: 48%;
	min-width: 320px;
	float: right;
	font-size: 1.067em; /* 16px */
	margin-top: 2.188em; /* 35px */
}

.vm-cartview .cart-summary .cart-price .PricesalesPrice {
	color: inherit;
	font-size: inherit;
}

.vm-cartview .cart-summary .cart-price .section {
	padding: 0.938em 0; /* 15px */
	border-bottom: 1px solid #d9dcde;
}

.vm-cartview .cart-summary .cart-price .section.last {
	padding: 1.250em 0; /* 20px */
	border-bottom: 0;
}

.vm-cartview .cart-summary .cart-price .section > div:before,
.vm-cartview .cart-summary .cart-price .section > div:after {
    content: " ";
    display: table;
}

.vm-cartview .cart-summary .cart-price .section > div:after {
    clear: both;
}

.vm-cartview .cart-summary .cart-price .section > div ~ div {
	margin-top: 0.938em; /* 15px */
}

.vm-cartview .cart-summary .cart-price .col-label {
	float: left;
	width: 55%;
	text-align: right;
}

.vm-cartview .cart-summary .cart-price .col-value {
	float: right;
	width: 45%;
	text-align: right;
	box-sizing: border-box;
	padding-right: 20px;
}

.vm-cartview .cart-summary .cart-price .price-total,
.vm-cartview .cart-summary .cart-price .bill-total {
	font-weight: bold;
}

.vm-cartview .cart-summary .cart-price .coupon {
	font-size: 0.938em; /* 15px */
	text-align: right;
}

.vm-cartview .cart-summary .cart-price .coupon .input-coupon {
	vertical-align: top;
}

.vm-cartview .cart-summary .cart-price .coupon .button {
	margin-left: 0.667em; /* 10px */
}

.vm-cartview .cart-summary .vm-button-correct {
	float: right;
	margin-top: 0.667em; /* 10px */
}

/* ==========================================================================
   Edit address
   ========================================================================== */ 

.vm-edit-address .button {
	margin-right: 0.5em;
	margin-bottom: 0.5em;
}

.vm-edit-address h5 {
	margin-top: 2.941em; /* 50px */
	margin-bottom: 1.176em; /* 20px */
}

/* Remove margin-top when user login */
.vm-edit-address > :first-child h5 {
	margin-top: 0;
}

.vm-edit-address label {
	vertical-align: middle;
}

.vm-edit-address input[type=text],
.vm-edit-address input[type=email],
.vm-edit-address input[type=password],
.vm-edit-address .selecter {
	width: 75%;
}

.vm-edit-address .row-title .selecter {
	max-width: 37%;
	min-width: 160px;
}

.vm-edit-address table {
	width: 100%;
}

.vm-edit-address table td {
	padding-bottom: 0.571em; /* 8px */
}

.vm-edit-address table .key {
	width: 35%;
}

.vm-edit-address .agreed {
	margin-left: 0.5em;
}

.vm-edit-address .row-agreed td {
	padding: 1.429em 0 0 0; /* 20px */
}

.vm-edit-address .control-buttons {
	margin-top: 2.857em; /* 40px */
}

.vm-edit-address .layout-switcher {
	margin-top: 2em;
}

.vm-edit-address .user-details label {
	font-weight: normal;
	font-family: arial;
}

.vm-edit-address .ship-to-box ul {
	margin-top: 1em;
}


/* ==========================================================================
   Payment & Shipment selection page
   ========================================================================== */

.vm-shipment-selection .buttonBar-right,
.vm-payment-selection .buttonBar-right {
	float: right;
}

.vm-shipment-selection .button,
.vm-payment-selection .button {
	margin-left: 0.5em;
}

.vm-shipment-selection label,
.vm-payment-selection label {
	vertical-align: middle;
}

/* ==========================================================================
   Section comment block
   ========================================================================== */

.vm-thankyou-order td {
	padding-bottom: 0.571em; /* 8px */
}

.vm-thankyou-order tr td:first-child {
	font-weight: bold;
	padding-right: 1.071em; /* 15px */
}

.vm-thankyou-order tr td:first-child:after {
	content: ':';
}

.vmorder-done {
	margin-bottom: 1em;
}

/* ==========================================================================
   VM order information
   ========================================================================== */

.vm-order-info table {
	margin: 2em 0;
}

.vm-order-info #tabs {
	display: none;
}

.vm-order-info td {
	padding: 3px 0;
}

.vm-order-info td ~ td,
.vm-order-info th ~ th {
	padding-left: 20px;

    white-space: nowrap;
}

.vm-order-info tbody tr:first-child td {
	padding-top: 1em;
}

.vm-order-info th {
	text-align: left;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #e1e1e1;
}

/* ==========================================================================
   Responsive
   ========================================================================== */

@media screen and (min-width: 768px) {
	.vm-productview .vm-image-box {
		text-align:left;
		border:0;
	}
	.vm-image-box img {
		max-width:345px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
	.vm-productview .downloadImage a:after {
		width: 27px;
		height: 27px;
	}
}

@media screen and (max-width: 1100px) {
	.vm-productview .more-books-button-group .button {
		width: 100%;
	}
}

/* Mobile-portrait */
@media screen and (max-width: 767px) {
	
	.vm-browseview .product h2 {
		font-size: 1.417em;
	}
	
	.vm-browseview .vm-sub-text {
		font-size: 1.083em;
	}
	
	span.PricesalesPrice {
		font-size: 1.167em;
	}

	.vm-browseview .addtocart-button {
		padding-right: 0;
		background-image: none;
		font-size: 1.250em;
		line-height: 1em;
	}
	
	.vm-productview h1 {
		font-size: 1.458em;
	}
	
	.vm-productview .product-field-author {
		font-weight: bold;
	}
	
	.vm-productview span.PricesalesPrice {
		font-size: 1.021em;
	}

	.vm-productview .downloadImage a:after {
		width: 27px;
		height: 27px;
	}

	.vm-productview .more-books-button-group .button {
		width: 100%;
		font-size: 1.239em;
	}

	.vm-productview .vm-product-fields-table .product-fields-title {
		width: 50%;
	}
	
	.vmc-box__el-group--table .vmc-box__block {
		display: block;
		width: 100%;
		padding: 0;
		border: 0;
	}

	.vmc-box__el-group--table .vmc-box__block.last {
		border: 0;
	}

	.vmc-box__el-group--table .vmc-box__block ~ .vmc-box__block .vmc-box__header {
		margin-top: 2.000em;
	}

	/* 
	This style have to be after `.vmc-box__el-group--table .vmc-box__block`
	So that it can overwrite the border: 0 declaration 
	*/
	.vmc-box__el-group--table .vmc-box__block__inner,
	.vmc-box__el-group--table .vmc-box__block__inner.last {
		display: block;
		box-sizing: border-box;
		width: 100% !important;
		padding: 2.000em 2.133em;
		border: 3px solid #e1e1e1;
		border-top: 0;
	}

	/* Login box */
	.vm-login-form .userdata > input {
		width: 100%;
		margin-bottom: 0.5em;
	}

	.vm-login-form .footer > div {
		float: none;
		width: 100%;
		margin-bottom: 0.5em;
	}

	/* BillTo & ShipTo box on cart page */
	.vm-cartview .billto-shipto .vmc-box__block__inner * ~ .button {
		margin-top: 1em;
	}

	.vm-cartview .vm-customer-comment {
		margin-top: 0;
	}

	/* Payment and shipment box on cart page */
	.vm-cartview .payment-shipment-info > div {
		width: 100%;
		margin-bottom: 1.5em;
	}

	/* My cart box */
	.vm-cartview .cart-summary .section-product-details .layout-table.top > div {
		display: block;
		width: 100%;
	}

	.vm-cartview .cart-summary .section-product-details .product-price {
		text-align: left;
	}

	.vm-cartview .cart-summary .section-product-details .layout-table.bottom .layout-block {
		vertical-align: middle;
	}

	.vm-cartview .cart-summary .cart-price {
		width: 100%;
		min-width: initial;
	}

	.vm-cartview .cart-summary .cart-price .coupon input[type=text] {
		max-width: 72%;
	}

	.vm-cartview .cart-summary .cart-price .coupon .button {
		margin: 0;
		padding-left: 0;
		padding-right: 0;
		width: 26%;
		max-width: 88px;
	}

	/* Edit address page */
	.vm-edit-address table,
	.vm-edit-address tbody,
	.vm-edit-address tr,
	.vm-edit-address td {
		display: block;
	}

	.vm-edit-address td {
		width: 100% !important;
	}

	.vm-edit-address input[type=text],
	.vm-edit-address input[type=email],
	.vm-edit-address input[type=password],
	.vm-edit-address .selecter {
		width: 100%;
	}

	/* Shipment & Payment selection page */
	.vmc-box__el-group--table .vmc-box__block.empty {
		display: none;
	}
	
}

/* Retina-specific stuff here */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

	.vm-productview .quantity-plus {
		background-image: url("images/icon/plus@2x.cb2de74fcb83.png");
		background-size: 21px 22px;
	}

	.vm-productview .quantity-minus {
		background-image: url("images/icon/minus@2x.0e81aa171ab6.png");
		background-size: 21px 22px;
	}

	.vm-productview .addtocart-button {
		background-image: url("images/icon/cart@2x.568a398d2268.png");
		background-size: 35px 26px;
		background-color: #E8E2D6;
		color: #000;
		font-weight: normal;
		font-size: 1em;
	}

	.vm-productview .addtocart-button:hover{
		background-color: #b3a99c;
	}
}
