@import url(https://fonts.googleapis.com/css?family=Oswald:400,700,300);

#order table {
    border:0;
    overflow:hidden;
    width:80%;
    margin:0 auto 60px auto;
}

#order table tr th:first-child, #order table tr td:first-child {
    width:10%;
    text-align:center;
}

#order table tr th:nth-child(2), #order table tr td:nth-child(2) {
    padding-left:40px!important;
    text-align:left;
}

#order table tr {

}

#order table tr th {
    background:#f1f1f1;
    font-weight:700;
    color:#56c4c0;
    text-transform: uppercase;
    font-size:1.6rem;
    border-color:#fff;
    z-index:6;
    padding:10px;
}

#order table tr th span {
    color:#8b8b8b;
    font-size:0.9rem;
    font-weight:400;
    text-transform: lowercase;
    margin:0 0 0 25px;
}

#order table tr td {
    font-weight:400!important;
    color:#4d4d4d!important;
    border-bottom:1px solid #f1f1f1;
    border-right:0;
	padding:10px 0!important;
}

#order table.classes tr td, #order table.know tr td, #order table.results tr td{
    display:none;
}

.results tr td:first-child {
vertical-align:middle!important;
}

#order table tr td div.book_desc {
    width:75%;
    padding:20px;
    box-sizing:border-box;
    float:left;
}

#order table tr td div.book_desc p {
    font-weight:100;
    color:#8b8b8b;
}

#order table tr td div.book_img {
    width:25%;
    float:left;
padding:20px 0 0 0;
}

#order table tr td div.book_img img {
    max-width:100%;
}

#order table tr td input {
    width:100%;
}

#order table tr td input, table tr td input:focus {
    background:#fff!important;
    border:0!important;
    font-weight:400!important;
    color:#4d4d4d!important;
    padding:0!important;
    outline:0!important;

}


#order table tr td input::-webkit-input-placeholder {
    font-weight:400!important;
    color:#8b8b8b!important;   
}

#order input[type='submit'], 
#order input[type='submit'][disabled]
#order input[type='submit']:visited  {
    background:#56c4c0;
    font-weight:700;
    color:#fff;
    text-transform: uppercase;
    padding:5px 50px;
	height:50px;
    float:right;
    border:0;
border-radius:0;
}

#order input[type='submit'][disabled]:hover,
#order input[type='submit']:hover {
   background:#4db0ac;
   cursor:pointer;
   
}

.introtext {
}

@media handheld, only screen and (max-width: 767px) {
	
#order table tr th {
    background:#f1f1f1;
    font-weight:700;
    color:#56c4c0;
    text-transform: uppercase;
    border-color:#fff;
    z-index:6;
    padding:10px;
}
	
#order table tr th:first-child, table tr td:first-child {
    width: calc(20% - 20px);
    text-align: center;
	border:none;
}

#order table tr th span {
margin:0;
display:block;
}

#order table tr th:nth-child(2), table tr td:nth-child(2) {
    padding-left: 10px;
    text-align: left;
width: calc(20% - 20px);
}

}