﻿@charset "utf-8";
/* CSS Document */
 /** {
	margin: 0;
	padding: 0;
}*/

/*input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1.3px;
	margin-right: 4px;
}*/
a.link {
	font-size: 11px;
	padding-left: 2%;
	color: #3e3e3e;
	font-weight: normal;
}
a.link:hover {
	font-style: italic;
	color: #2f8eab;
}
.format:hover, .format input:hover, .format span:hover, .format label:hover, li.tab-header:hover {
	cursor: pointer;
}
.register p, .create-account p, .guestBlock p, .login-account p, .login-accountG p, .ship-pay label, .update label, .login-account label, .login-accountG label, .register label.register-email, .register label.register-password, .register label.register-password-again, #order-summary label, .view-cart-table th, .view-cart-table td, .preferred-bookbuyer-table th, .order-history-table th, .ship-pay .ship-address-table h3, .bill-address-table h3 {
	font-size: 13px;
	font-weight: bold;
}
.view-cart-table, .preferred-bookbuyer-table, .order-history-table {
	border-collapse: collapse;
}
.view-cart-table th, .preferred-bookbuyer-table th, .order-history-table th {
	padding: 1%;
	background-color: #f2f2f2;
}
.view-cart-table tbody tr, .preferred-bookbuyer-table tbody tr {
	border-bottom: 1px solid #ccc;
}
a.removeItem {
    margin-left: 8px;
    color:blueviolet !important;
}
.container .button, .tcontainer .button {
	text-align: center;
	font-size: 12px;
	letter-spacing: 1.2px;
	font-weight: bold;
	display: block;
	text-decoration: none;
}
ul.checkout-process li {
	display: inline;
	/*font-size: 13px;*/
	font-weight: bold;
    font-size: 18px;
}

/* Format page */
.checkmark {
	display: none;
}
.register-login-button {
	/*width: 12%;*/
	padding: 1%;
	float: right;
	margin-top: 0.8%;
    white-space: nowrap;
}
.reset-login-button {
	/*width: 12%;*/
	padding: 1%;
	float: left;
	margin-top: 0.8%;
    white-space: nowrap;
}
.container, .tcontainer {
	border-top: 1px dotted black;
}
h1.page-title {
	padding: 0.8% 0;
	font-size: 17px;
}
h2.sub-title {
	font-size: 12px;
}
.format-page h2.sub-title {
	margin: 1.5% 0;
}
.format-types{
    width: 93%;
    padding-left: 3%;
}
.format-page .buy-button {
    margin-top: 30px;
    /*margin-top: 13px;*/
    float: left;
    margin-left: 3%;
    /*margin-left: 60px;*/
}
#book-details {
	margin-top: 1%;
	clear: both;
    overflow: auto;
}
.book-image {
    float: left;
	padding: 1%;
    max-width: 15%;
}
.book-info, .format-page .buy-formats  {
	float: right;
	width: 82%;
}
.book-title {
	font-weight: bold;
	font-size: 15px;
	padding: 1.1% 0;
}
.book-subtitle {
	font-size: 12px;
	padding-bottom: 1%;
	font-weight: bold;
}
.book-author {
	font-size: 11px;
	font-weight: bold;
    text-transform: uppercase;
}
.sale-type {
	font-size: 12px;
	font-weight: bold;
	margin-top: 3%;
    float: left;
    width:93%;
    /*width: 60px;*/
}
.format.selected label {
	margin-left: 2.2%;
}
.format {
	position: relative;
	display: inline-block;
	line-height: 12px;
	padding: 0.5%;
	width: 17%;
	margin-top: 2%;
	margin-right: 1%;
}
.format input.hidden {
	z-index: -1;
}
input[type=checkbox] {
	box-sizing: border-box;
	padding: 0;
    float:left;
}
.format input[type=checkbox] {
	cursor: pointer;
	position: absolute;
	top: 12px;
	left: 5px;
	/*opacity: 0!important;*/
	outline: 0;
	z-index: 3;
	width: 12px;
	height: 12px;     
}
.format input.hidden+label {
	cursor: pointer;
	-webkit-user-select: none;
}
.format label, .format+label {
	color: rgba(0,0,0,.87);
	-webkit-transition: color .1s ease;
	transition: color .1s ease;
}
.format label {
	line-height: 17px;
	cursor: auto;
	position: relative;
	display: block;
	padding-left: 20%;
	outline: 0;
	font-size: 11px;
	font-weight: bold;
}
.format.selected .checkbox {
	content: url(../images/checkmark.png);
}
/*02/02/17 Langchi*/
.format {
    text-decoration:none;
}
/*02/02/17 Langchi*/
.buy-button {
	clear: both;
	width: 14%;
	margin-left: 7%;
	padding: 1.2%;
}
.checkbox {
	width: 12px;
	height: 12px;
	position: absolute;
	border: 1px solid #ccc;
	margin-top: 7%;
	margin-left: 2%;
}
.title {
	float: left;
	margin-bottom: 1%;
	margin-top: 0.5%;
}
/* Buy chapter page */
.buy-chapter .book-image {
	width: 12%;
}
.buy-chapter #book-details {
	margin-top: 5.1%;
	padding-bottom: 0;
}
.buy-chapter .book-info {
	width: 86%;
}
.buy-chapter #buy-chapter-tab .buy-button {
	float: right;
	margin-right: 8.3%;
	margin-top: 2%;
}
.book-chapter-tabs {
	margin-top: 2%;
    clear: both;
}
.tabs {
	border-bottom: 1px solid #ddd;
}
.buy-chapter .tabs {
	height: 45px;
}
.buy-chapter .buy-button {
    margin-top: 16px;
    margin-left: 11%;
    margin-right: 79px;
}
.tab-header {
	font-size: 16px;
	font-weight: bold;
}
.tabs li {
	float: left;
	display: block;
	width: 42%;
	margin-left: 5%;
	text-align: center;
	padding: 1% 0;
	line-height: 21px;
	border: 1px solid transparent;
	text-decoration: none;
}
.tabs li.active {
	display: block;
	line-height: 22px;
}
.buy-book-tab, .buy-chapter-tab {
	margin-top: 2%;
	margin-left: 5%;
}
.buy-book-tab {
	display: block;
	clear: both;
}
.buy-chapter-tab .chapter-name {
    font-size: 13px;
    font-weight: bold;
}
.buy-chapter-tab p.author {
    font-size: 13px;
    color: #a9ba14;
    padding-top: 5px;
}
/* table */
.table {
	display: table;
	margin-top: 2%;
}
.table-header {
	display: table-row;
	font-size: 14px;
	font-weight: bold;
    height: 0;
}
.row-number {
	text-align: center;
}
.table-header th.chapter {
	padding-left: 2.5%;
}
.table-header .format-price {
	padding: 1.2% 2%;
	white-space: nowrap;
}
#buy-chapter-tab .row .cell {
	padding: 0.8%;
}
.table-header .number {
	padding-left: 2%;
}
.buy-chapter .table {
    width: 850px;
}
.buy-chapter .table .number {
    font-weight: bold;
    text-align: center;
    font-size: 13px;
}
.buy-chapter .table tr {
    border-bottom: 1px solid #ccc;
    height: 60px;
}
.buy-chapter .table tr {
    height: 35px;
}
.buy-chapter .table tr:last-child {
    border-bottom: none;
}
.buy-chapter .table div.chapter {
    margin: 10px 20px;
}
.table .format {
	width: 81%;
	margin-left: 7%;
}
.table .checkbox {
	margin-top: 9%;
	margin-left: 5%;
}
.table .format label {
	padding-left: 30px;
}
a.format label img {
    float: left;
    margin-top: 5px;
    margin-right: 10px;
}
.row.last-row .cell {
	border-bottom: none;
}
/* view shopping cart with sticky bar */
.view-cart-table {
	clear: both;
	float: left;
	margin-top: 2%;
    width: 685px;
}
.view-cart-table td {
	padding: 1% 1% 2% 1%;
	vertical-align: top;    
}
.view-cart-table td .final-quantity{
    margin-left: 30%;
}
.view-cart-table img {
	width: 80%;
}
.view-cart-table input {
	width: 50px;
	line-height: 1.5;
	text-align: center;
	margin-left: 8%;
}
.payment-table .dvsavecard input[type=checkbox] {
    width: 18px;
    margin-left: 2%;
}
.payment-table .psavecard {
    margin-left: 2%;
}
.view-cart-table li {
	padding-top: 2%;
}
.view-cart-table th.item-image {
	width: 60px;
}
.view-cart-table th.item-details {
	width: 300px;
}
.view-cart-table th.item-price {
	width: 70px;
}
.view-cart-table th.item-quantity {
	width: 77px;
}
.view-cart-table th.item-total {
	width: 75px;
}
.view-cart-table th.item-amountD {
	width: 280px;
}
li.cart-title {
	font-size: 12px;
}
li.cart-author {
	text-transform: uppercase;
	font-size: 11px;
	color: green;
}
li.cart-format {
	font-size: 10.5px;
	font-style: italic;
}
li.cart-author, li.cart-format, p.availability {
	font-weight: bold;
}
p.cartUpdate {
    clear: both;
    text-align: center;
    font-size: 12px;
}
p.availability {
	font-size: 10px;
	margin-top: 6%;
}
#summary-security {
	float: right;
	width: 270px;
	margin-top: 2%;
}
#summary-security img {
	margin-top: 6%;
	margin-left: 20%;
}
#order-summary h2 {
	text-align: center;
	/*margin-bottom: 5%;*/
	background-color: #f2f2f2;
	padding: 2%;
}
#order-summary p, #order-summary label, #order-summary input {
	margin-left: 3%;
}
#order-summary p {
	font-weight: bold;
	font-size: 12px;
}
.checkout-button {
	margin: 3%;
	padding: 4% 0;
}
p.num-items {
	margin-top: 3%;
	margin-bottom: 5%;
}
#order-summary input {
	width: 150px;
	line-height: 2;
}
.container #order-summary .apply-button {
	display: inline;
    margin-left: 8px;
    line-height: 38px;
}
.apply-button {
	padding: 3%;
	width: 22%;
	margin-right: 2%;
	margin-top: 4.3%;
}
p.subtotal {
	margin-top: 8%;
}
span#subtotal {
	padding-right: 47%;
}
#buttons, #buttons2, #buttons3 {
	clear: both;
}
#buttons .button, #buttons1 .button, #buttons2 .button, #buttons3 .button, #buttonsSavedCards .button {
	padding: 1.3%;
	margin-top: 2%;
	width: 23%;
}
#buttons .continue-button, #buttons2 .continue-button, #buttons3 .continue-button {
	float: left;
}
#buttons .update-button, #buttons2 .update-button, #buttons3 .update-button {
	float: right;
}

/* login page */
.hide-elements #nav-meta, .hide-elements #nav-global, .hide-elements #search-box, .hide-elements #cart {
	display: none;
}
.hide-elements #logo {
	height: 48px;
}
.login-page .container {
	padding-top: 1%;
}
.login-page .checkout-process {
	margin-bottom: 2%;
	margin-top: 1%;
}
.login-page ul.checkout-process li span.number, 
.login-page ul.checkout-process li.active span.number {
	padding: 0.2% 0.3% 0.3% 0.6%;
	border-radius: 10px;
}
.login-page ul.checkout-process li.active span.process {
    text-decoration: underline;
}

.login-page ul.checkout-process span.process {
	padding-left: 1%;
}
.login-account h2, .login-accountG h2 {
	margin-top: 2%;
	margin-bottom: 4%;
}
.login-account, .login-accountG {
	float: left;
	width: 24%;
}
.login-account input, .login-accountG input {
	margin-bottom: 4%
}
.login-account p, .login-accountG p, .register-email, .register-password, .register-password-again {
	margin-bottom: 1%;
}
.login-account input, .login-accountG input {
	line-height: 28px;
	width: 100%;
}
.login-account p.email, .login-accountG p.email {
	margin-top: 6%;
}
.login-account p.password, .login-accountG p.password {
	margin-top: 5%;
}
a.forgot-password {
	/*text-align: right;*/
	font-size: 9px;
	font-weight: bold;
	margin-top: 3%;
	display: block;
	text-decoration: underline;
    color: #2C3A78 !important;
}
.login-account .login-button, .login-accountG .login-button {
	padding: 3.5%;
	margin-top: 5%;
}
.create-account {
	float: right;
	width: 60%;
}
.create-account h2 {
	margin-top: 0.5%;
}
.register {
	/*display: none;*/
	width: 39%;	
	margin-top: 2%;
}
.login-page .notes{
    margin-top: 3%;
}
.register-email {
	margin-top: 3.5%;
}
.register-password, .register-password-again {
	margin-top: 2%;
}
.register label[for="contactme"], guestBlock label[for="contactme"]  {
	font-size: 12px;    
}
.register input[type="text"], .register input[type="password"] {
	width: 100%;
	line-height: 2;
	margin-bottom: 4%;
}
.register input[type="checkbox"], .login-account input[type="checkbox"], .login-accountG input[type="checkbox"] {
	width: 6%;
	margin: 3% 0;
    height: 1.2em;
}
.register .cancel-button, .register .create-button {
	padding: 2.5%;
}
.register .cancel-button {
	width: 27%;
	margin-top: 6%;
}
.register .create-button {
	float: right;
	width: 59%;
	margin-top: -11.5%;
}
.create-account .register-button {
	margin-top: 2%;
}
.create-account .or, .guestBlock .or, .loginBlock .or {
	font-weight: bold;
	font-size: 12px;
	margin-left: 16%;
	padding: 1% 0;
	width: 7%;
	text-align: center;
	position: relative;
}
.create-account hr {
	width: 23%;
	margin-top: 1.5%;
	position: absolute;
}
.button.register-button, .button.guest-button {
	width: 36%;
	padding: 1.4%;
}

/* preferred buyers page */

.preferred-buyer-page p.welcome-text {
	font-size: 14px;
	margin-top: 2%;
}
.display-info {
	clear: both;
}
.keycode-input {
	margin-top: 2%;
}
.place-order-info {
	margin-top: 2%;
	clear: both;
    /*display: none;	*/
}
.place-order-info ol {
	margin-left: 2%;
	font-size: 13px;
}
.place-order-info ol li {
	margin: 1% 0;
}
.keycode-text {
	font-size: 13px;
	font-weight: bold;
	margin-top: 2%;
	clear: both;
}
.preferred-buyer-page #item-num-input {
	margin-right: 0;
}
.container .go-button {
	width: 3%;
	padding: 0.8%;
	display: inline-block;
	margin-top: 1%;
	margin-left: -0.4%;
}
span.required {
	padding-left: 0.3%;
}
p.required-field {
	font-size: 12px;
	font-weight: normal;
	clear: both;
}
.preferred-buyer-page .title {
	margin-bottom: 2%;
}
.preferred-buyer-page .item-input, .preferred-buyer-page .item-num-input {
	height: 3.3%;
	margin-top: 1%;
	width: 17%;
}
.container .display-button {
	display: inline-block;
	padding: 0.8%;
	margin-top: 1%;
}
p.foot-note {
	font-size: 11px;
	margin-top: 1%;
}
.preferred-buyer-page .hide {
	display: none;
}
.preferred-bookbuyer-table {
	margin-top: 2%;
}
.preferred-bookbuyer-table th {
	text-align: left;
}
.preferred-bookbuyer-table td {
	font-size: 12px;
	font-weight: bold;
	padding: 1% 2% 1% 1%;
}
.preferred-bookbuyer-table td.item-number {
	width: 75px;
}
.preferred-bookbuyer-table td.item-title {
	width: 350px;
}
.preferred-bookbuyer-table td.item-format {
	width: 95px;
}
.preferred-bookbuyer-table td.item-discount {
	width: 180px;
}
.preferred-bookbuyer-table td.item-quantity {
	width: 100px;
}
.preferred-bookbuyer-table td.item-total {
	width: 100px;
}
span.original-price {
	text-decoration: line-through;
	padding-right: 9%;
}
.preferred-bookbuyer-table input {
	width: 55px;
	text-align: center;
}
ul.pagination {
	margin: 2% 0 1% 33%;
}
ul.pagination li {
	display: inline;
}
ul.pagination li a {
	float: left;
	padding: 4px 9px;
	text-decoration: none;
	font-size: 11px;
}
ul.pagination li a.pagination-arrow {
	padding: 4px 0;
}
.place-order-info .buy-button {
	float: right;
	margin-top: 2%;
}
/* shipping payment */
.imgQmark{
    position:absolute; 
    margin-top: -3px; 
    margin-left: 5px;
}
.user-menu {
	float: right;
	width: 24%;
}
p.welcome-user {
	font-size: 11px;
	font-weight: bold;
	margin-top: 2%;
	margin-bottom: 2%;
}
ul.menu-options {
	font-size: 12px;
	margin-top: 1%;
}
ul.menu-options li {
	display: inline-block;
	padding: 2%;
}
.ship-pay .table {
    display: table;
}
.ship-pay .row {
    display: table-row;
}
.ship-pay .cell {
    display: table-cell;
}
.ship-pay-page ul.checkout-process, .place-order ul.checkout-process,
.ship-pay-edit-page ul.checkout-process {
	display: inline-block;
	margin-top: 6%;
	width: 100%;
	margin-bottom: 2%;
}
.ship-pay-page ul.checkout-process li, .place-order ul.checkout-process li,
.ship-pay-edit-page ul.checkout-process li {
	margin-right: 3%;
}
.ship-pay-page ul.checkout-process li span.number, 
.ship-pay-page ul.checkout-process li.active span.number, 
.place-ordere ul.checkout-process li span.number, 
.place-order ul.checkout-process li.active span.number,
.ship-pay-edit-page ul.checkout-process li span.number, 
.ship-pay-edit-page ul.checkout-process li.active span.number {
	/*padding: 0.5% 1% 1% 2.1%;*/
	border-radius: 13px;
    padding: 0.5% 1.5% 1% 2.1%;
}
.ship-pay-page ul.checkout-process span.process, .place-order ul.checkout-process span.process,
.ship-pay-edit-page ul.checkout-process span.process {
	padding-left: 2%;
}
.ship-pay-page ul.checkout-process li.active span.process, .place-order ul.checkout-process li.active span.process, .ship-pay-edit-page ul.checkout-process li.active span.process {
    text-decoration: underline;
}
.ship-pay {
	float: left;
	width: 70%;
}
.ship-pay h2 {
	padding: 1%;
	margin-top: 1.2%;
}
.ship-pay .hPayment{
    padding-left:0px;
}
.ship-pay #dvStatus, .ship-pay #dvStatus1{
    clear:both;
    padding-top: 18px;
}
span.format-style {
	font-weight: normal;
	font-size: 10px;
}
.payment-table label, .update-email label, .update-billing label, .update-shipping label, .ship-address-table label, .payment-table label, .bill-address-table label {
	display: block;
}
label[for="residential"], label[for="usebilling"], label[for="shipaddress1"], label[for="shipaddress2"], label[for="shipmethod1"], label[for="shipmethod2"], label[for="shipmethod3"], label[for="select-address1"], label[for="select-address2"] {
	display: inline-block;
}
.ship-pay .ship-address-table .cell .rbLabel, .account-info .ship-address-table .cell .rbLabel{
    display: inline-block;
}
.ship-address-table {
	margin-bottom: 2%;
}

.ship-pay-page input[type="text"], .ship-pay-edit-page input[type="text"],
.update-billing input[type="text"], .update-shipping input[type="text"], .ship-pay-page input[type="password"] {
	line-height: 2;
}
.ship-pay-page input[type="password"] {
    width: 70%;
}
.update-email input[type="text"], .update-email input[type="password"] {
	line-height: 2;
	margin-bottom: 1.5%;
}
.new-password {
	margin-bottom: 2%;
}
.ship-pay-page select,  .ship-pay-edit-page select,
.update-billing select, .update-shipping select {
	font-size: 14px;
	width: 84%;
	height: 32px;
}
.ship-pay-page .row .cell,
.ship-pay-edit-page .row .cell {
	border-bottom: none;
	padding-top: 1%;
	padding-bottom: 0.5%;    
}
.ship-pay-page .spcell{    
    text-align: right;    
    width: 50%;
    font-weight: 500;   
}
.ship-pay-page .spcellL{    
    text-align: right;    
    width: 50%;
    font-weight: 900;  
}
.ship-address-table .row, .bill-address-table .row {	
    clear:both;
    float:left;
    width:100%;
}
.ship-address-table .cell, .bill-address-table .cell {
	float: left;
    clear:none;
    width: 42%;
}
.account-info .ship-address-table .cell, .bill-address-table .cell {
	float: left;
    clear:none;
    width: 45%;
}
.ship-address-table .txtCell{
    width: 50% !important;
}
.ship-address-table .btnCell{
    width:20% !important;
}
.ship-pay-page label,
.ship-pay-edit-page label {
	font-size: 12px;
}
.ship-pay-page input#residential, .ship-pay-page input[type="radio"],
.ship-pay-edit-page input#residential, .ship-pay-edit-page input[type="radio"], .account-info input[type="radio"] {
	margin-bottom: 2%;
}
.ship-methods {
	margin-top: 2%;
}
.payment-table {
	margin-bottom: 5%;
}
.payment-table .row .cell {
	width: 42%;
}
.payment-table .cardlogo {
    width: 25px;
}
.ship-pay-page #order-summary, .place-order #order-summary,
.ship-pay-edit-page #order-summary {
	text-align: center;
}
.ship-pay-page #order-summary p, .place-order #order-summary p,
.ship-pay-edit-page #order-summary p {
	line-height: 2;
	text-align: left;
    width:92%;    
}
.ship-pay-page #order-summary p:last-of-type, .place-order #order-summary p:last-of-type,
.ship-pay-edit-page #order-summary p:last-of-type {
	/*font-size: 15px;*/
    font-weight:900;
}
.ship-pay-page #order-summary p span, .place-order #order-summary p span,
.ship-pay-edit-page #order-summary p span {
	float: right;
}
.edit-button {
	float: left;
    margin-right: 12px !important;
}
.ship-pay-page #buttons .continue-button,
.ship-pay-page #buttons1 .continue-button,
.account-info #buttons1 .continue-button,
.ship-pay-edit-page #buttons .continue-button, .ship-pay-page #buttons2 .continue-button, .ship-pay-page #buttons3 .continue-button {
	float: right;
}
.ship-pay-page #buttons,.ship-pay-page #buttons2,.ship-pay-page #buttons3,
.ship-pay-edit-page #buttons {
	margin: 4% 0;
}
.ship-pay-page #buttons1 {
	margin-bottom: 5%;
    margin-top: 5%;
    width: 45%;
    margin-left: 3%;
}
.ship-pay-page .delete-button{
    width:45%;
}
.ship-pay-page .selRadio input, .account-info .selRadio input{
    vertical-align: top;
}
.ship-pay-page .lastRow{
    padding-bottom: 5%;
}
#dvCorrectAddr {
    margin-bottom: 10%;
}
.ship-pay .table {
    display: table;
}
.ship-pay .row {
    display: table-row;
}
.ship-pay .cell {
    display: table-cell;
}
.order-confirmation #summary-security {
    margin-top: 3%;
}

/* shipping payment edit */
#ship-pay.ship-pay-edit h2 {
	display: inline-block;
	margin-top: 0;
}
.ship-pay div.header {
	margin-top: 1.5%;
}
.ship-pay .ship-address-table h2 {
	background-color: white;
}
.ship-pay .ship-address-table h3, .bill-address-table h3 {
	margin: 6% 0;
}
.ship-pay-edit .address-options, .ship-pay-edit .payment-options {
	display: none;
	margin-bottom: 3%;
}
.selected-address, .selected-payment {
	margin: 2% 0;
    margin-left: 2%;
    font-size: 12px;     
}
.ship-pay p {
	font-size: 12px;
	font-weight: bold;
}
.ship-pay-edit input#residential {
	margin-top: 8%;
	margin-bottom: 6%;
}
.container .ship-pay-edit .address-options .button, .container .ship-pay-edit .payment-options .button, .container .ship-pay-edit address-options .button {
	display: inline-block;
	margin-right: 2%;
}
.ship-pay .address-options .button, .ship-pay .payment-options .button {
	padding: 1.3%;
	width: 8%;
}
.ship-pay-edit .bill-address-table {
	margin-bottom: 2%;
}
/* place order page */
.place-order .title, .ship-pay-page .title {
	width: 58%;
}
.place-order
/* Update account info page */
.account-info .account-tabs {
	clear: both;
	margin-top: 5%;
}
.account-info .tabs {
	height: 33px;
}
.account-info .tabs li {
	width: 12%;
	line-height: 10px;
	margin-left: 2%;
}
.account-info .tabs li.active {
	line-height: 12px;
}
.account-info .tab-header {
	font-size: 15px;
}
.account-tabs > div {
	margin-left: 2.3%;
}
.update-email {
	clear: both;
	width: 65%;
}
.update-email input[type="text"], .update-billing input[type="text"], .update-shipping input[type="text"], .update-email input[type="password"] {
	width: 220px;
}
.container .new-email p {
	margin-top: 5%;
}
.update h2 {
	font-weight: bold;
}
.new-email h2 {
	margin-top: 4%;
	margin-bottom: 2%;
}
.new-password h2 {
	margin: 2% 0;
}
.update p.password, .update p.newpassword {
	margin-top: 1%;
}
.retype-password {
	/* padding-left: 6%; */
}
.update-email .save-button {
	clear: both;
	width: 32%;
	padding: 1.5%;
}
.update-billing .save-button, .update-shipping .save-button {
	width: 60%;
	padding: 2%;
	margin-top: 7%;
}
.update-billing h2, .update-shipping h2 {
	margin-bottom: 5%;
}
.account-info .ship-address-table .row .cell {
	border-bottom: none;
}
.account-info .row .cell {
	padding-bottom: 2%;
}
.account-info .row .rightcell {
	padding-left: 6%;
}
.account-info .section {
    width: 600px;
}
.hide {
	display: none;
}
.update-email.show {
	display: block;
}
.update-shipping.show, .update-billing.show {
	display: table;
}
/* order history page */
.order-history-table {
	clear: both;
	margin-top: 7%;
}
.order-history-table th {
	text-align: left;
}
.order-history-table td {
	font-size: 12px;
	padding: 1.5% 1%;
}
.order-history .cell {
	font-size: 11.5px;
}
.order-history-table td.order-number, .order-history-table td.order-date, .order-history-table td.order-details, .order-history-table td.order-type {
	width: 140px;
}
.order-history-table td.order-total {
	width: 100px;
}
.order-history .product-type {
	width: 20%;
	margin-left: 1%;
}
.order-history .total {
	margin-left: 5%;
}
.order-history .details {
	margin-left: 8%;
}
a.link.view-details {
	font-size: 10.5px;
}
.order-history .details:hover {
	cursor: pointer;
}
.order-tracking-table {
	float: left;
}
.shipping-product-table {
	float: right;
}
.order-header {
	font-weight: bold;
}
.order-history .row .cell {
	border-bottom: none;
	padding: 1.5% 0;
    width: 142px;
}
.order-tracking-table, .shipping-product-table {
    width: 300px;
}
.order-tracking-table .row, .shipping-product-table .row {
    width: 100%;
    clear: both;
}
.order-tracking-table .row .cell, .shipping-product-table .row .cell{
    width: 142px;
    float: left;
}
.order-header .row {
    background-color: #f2f2f2;
}
.order-header .cell {
    background-color: #f2f2f2;
}
/* sticky sidebar */
/*.view-cart #summary-security.affix {
	position: fixed;
	top: 70px;
	margin-left: 700px;
}*/
.view-cart #summary-security.affix + .view-cart-table {
	float: none;
	clear: both;
}
/* error messages styles */
.container p.error {
	color: darkred;
	font-size: 12px;
	font-weight: 600;
}
.container p.error.firstname, .container p.phone {
	margin-top: 1%;
    /*background-color: #000000;*/
}
.container p.error.shipmethod {
	margin-bottom: 1%;
}
.container p.notes {
	color: #393939;
	font-size: 12px;
	font-weight: normal;
}
/* product not available page */
p.product-unavailable {
	clear: both;
	font-size: 14px;
}
span.book-name {
	font-weight: bold;
}
.format-page .ok-button,
.unavailable-page .ok-button {
	float: left;
}
.format-page .cancel-button,
.unavailable-page .cancel-button {
	float: right;
}
.format-page #buttons .button, 
.unavailable-page #buttons .button {
	padding: 3%;
	width: 31%;
	margin-top: 4%;
}
.unavailable-page input {
	line-height: 2;
}
.format-page input {
	margin-top: 1%;
	line-height: 2;
}
.format-page input, .unavailable-page input,
.format-page #buttons,
.unavailable-page #buttons {
	width: 250px;
}
.container .donamount {
    width: 5em;
}
.container .divDonation {
    padding-bottom: 10%;

}
.container .divDonation .view-cart-table tbody tr {
    border-bottom: none;
}
.container .dvExtra {
    margin-top: 0.5%;
}
.unavailable-page #buttons {
    padding-bottom: 50px;
}
.unavailable-page {
    font-size: 12px;
}
/* small width styles */
.container-small .register-login-button {
	width: 20%;
    white-space: nowrap;
}
.container-small #summary-security {
	width: 29%;
}
.container-small #view-cart-table {
	width: 70%;
}
.container-small span.header-description {
	padding-left: 3%;
}
.container-small #view-cart-table span.header-price {
	padding-left: 20%;
}
.container-small #view-cart-table span.header-price {
	padding-left: 20%;
}
.container-small #view-cart-table span.header-quantity, .container-small #view-cart-table span.header-total {
	padding-left: 8%;
}
.container-small #cart-items .item-desc, .container-small .header-description {
	width: 38%;
}
.container-small .header-price, .container-small .header-total {
	width: 10%;
}
.container-small .header-total {
	text-align: right;
}
.container-small .header-quantity {
	width: 9%;
}
.container-small #view-cart-table ul {
	margin-left: 5%;
	margin-top: 0;
}
.container-small .item-desc li.book-title {
	font-size: 12px;
}
.container-small .item-desc li.cart-author {
	font-size: 10.5px;
}
.container-small .item-desc li.cart-format {
	font-size: 9.5px;
}
.container-small #view-cart-table .item-price p {
	margin: 0;
}
.container-small .item-quantity, .container-small .header-quantity, .container-small .header-total {
	margin-left: 7%;
}
.container-small #cart-items-header {
	height: 2.5%;
}
.container-small #view-cart-table .item-total {
	margin-left: 10%;
}
.container-small #order-summary {
	padding: 2%;
}
.container-small #order-summary h2 {
	font-size: 17px;
	padding-top: 0;
}
.container-small #order-summary input {
	width: 120px;
	margin-right: 0;
}
.container-small .button.apply-button {
	width: 21%;
	font-size: 10px;
	margin-right: 0;
	padding: 3%;
}
.container-small span#subtotal {
	padding-right: 33%;
}
.container-small #summary-security img {
	margin-left: 9%;
}
.container-small #buttons .button {
	width: 36%;
}

/* Firefox browser */
@-moz-document url-prefix() {
	/* format page */
	div.format.selected span.checkbox img {
	width: 85%;
}
    /*buy chapter page */
	
 .book-chapter-tabs li {
	line-height: 19px;
}
.book-chapter-tabs li.active {
	line-height: 19px;
}
 .tabs li.chapter-tab, .tabs li.book-tab {
 padding-bottom: 1.2%;
}
 .buy-chapter .buy-button {
 margin-right: 16.6%;
}
 .table .format {
 width: 89%;
}
.buy-chapter #buy-chapter-tab .buy-button {
 margin-right: 10%;
}

/* order history page */
.account-info .tabs {
 height: 3.7%;
}

/* view-cart-stickbar page */

.view-cart-table th.item-price {
 width: 90px;
}
.view-cart-table th.item-quantity {
 width: 100px;
}
.view-cart-table th.item-total {
 width: 90px;
}
}
/*login page*/
.create-account hr {
	margin-top: 1.3%;
}
/* shipping payment page */
.user-menu {
	width: 25%;
}
/* mobile styles */
.mobile-display {
	display: none;
}
.container ul, .container ul li {
	list-style-type: none;
}

#dvContact, #dvShipping, #dvPrivacy {
    font-size: 12px;
    font-weight: 700;
    padding-top: 30px;    
    border-top: none;
    clear:both;
}
#dvContact a, #dvShipping a, #dvPrivacy a {
    padding-left: 8px;
}
#dvPrivL {
    margin-top: 10px;
    margin-bottom: 10px;
}
.errmess {
    color: red !important;
}

.satable {
    width: 75%;
}
.satable .button {
    padding: 3px 10px 3px 10px;
}
.satable td {
    vertical-align: top;
    padding-right: 18px;
}
.satable .RowSpacer {
    height: 18px;
}
.satable .rbSMS {
    width: 60%; 
    float: left; 
    clear: left;
}
.satable .lblSMS {
    width: 38%; 
    float: left; 
    clear: right;
}
.ship-pay-page .ccmonth, .ship-pay-edit-page .ccmonth, .update-billing .ccmonth, .update-shipping .ccmonth {
    width: 35%;
}
.ship-pay-page .ccyear, .ship-pay-edit-page .ccyear, .update-billing .ccyear, .update-shipping .ccyear {
    width: 35%;
    margin-left: 1em;
}


/* IE10+ CSS styles go here */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #order-summary input {
        height: 27px;
    }
    .view-cart-table input {
        height: 22px;
    }
    /* login page */
    .login-page input[type=text], .login-page input[type="password"] {
        height: 27px;
    }
    .ship-pay-page input[type="text"], .ship-pay-edit-page input[type="text"] 
    .update-billing input[type="text"], .update-shipping input[type="text"], .ship-pay-page input[type="password"] {
	height: 27px;
    }
}

/* new modifications*/
.tcell {
    min-width: 280px;
}
.tbutton {
    padding-left: 12px;
    padding-right: 12px;
}
.link-arrow {
  /*display: inline-block;*/
  /*font-family: "HCo Gotham", "Helvetica", "Arial", "Helvetica Neue", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Noto Sans", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";*/
  font-weight: 500;
  /*font-size: 0.875rem;*/
  /*text-transform: uppercase;*/
  text-decoration: none;
  letter-spacing: 1px;
  /*background-color: transparent;*/
  /*color: #007396;*/
  border: 0;
  padding: 0;
  display: inline-block;
  position: relative;
  background-color: transparent;
  padding-right: 28px;
}
.link-arrow::after {
  content: '';
  height: 1.5em;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  background-repeat: no-repeat;
}
.link-arrow::after {
  width: 28px;
  background-position: 8px center;
  background-image: url("../images/UCP1/icon-arrow-short.svg");
}
.ship-pay-page #order-summary p.shipFn {
    font-size: 0.6rem;
    font-weight: 300;
}


