#main{
margin-top:77px;
}
#breadcrumb{
margin-bottom:0;
}
#breadcrumb+hr{
clear:both;
visibility:hidden;
}
.box{
background-color:white;
border-radius:1px;
box-shadow:-1px 0 2px 0 #D3D3D3,1px 0 2px 0 #D3D3D3,0 1px 1px 0 #808080;
box-sizing:border-box;
color:#4F4F4F;
margin-bottom:15px;
padding:15px;
vertical-align:top;
}
#cartLink{
background:white url("cart.png") 10px no-repeat;
background-image:linear-gradient(transparent,transparent),url("cart.svg");
border-radius:5px;
float:right;
margin-left:30px;
padding:5px 10px 5px 40px;
text-decoration:none;
}
#cartLink>p{
background-color:#ccc;
border-radius:20px;
color:white;
font-size:0.9em;
margin:0;
min-width:20px;
padding:3px;
text-align:center;
}
h1{
border-bottom:1px dotted #4F4F4F;
color:#83B883;
margin:0 0 20px;
padding-bottom:5px;
}
h1>small{
color:grey;
display:block;
font-size:12px;
font-style:italic;
line-height:100%;
}
ul.list{
list-style:disc outside;
margin-bottom:15px;
padding-left:15px;
}
.button{
color:white;
cursor:pointer;
background-color:#58B552;
border:1px solid #2EB24D;
border-radius:5px;
box-sizing:border-box;
display:inline-block;
font-size:14px;
font-weight:bold;
padding:10px 5%;
text-align:center;
text-shadow:0px 1px 2px rgba(0, 0, 0, 0.3);
text-transform:uppercase;
}
.responsiveTable{
width:100%;
}
.responsiveTable tbody tr:nth-child(2n) {
background-color:initial;
}
textarea {
width:75%;
height:150px;
}
#customer{
display:table;
width:100%;
}
#customer>div{
display:table-cell;
font-size:0.7em;
padding-right:20px;
}
#customer>div#delivery{
border-left:1px solid #E7E7E7;
padding-left:20px;
padding-right:0;
width:49%;
}
#customer h4{
display:inline-block;
margin:0 10px;
text-align:right;
width:110px;
}
#customer p{
display:inline-block;
font-size:1.2em;
margin:0;
}
@media only screen and (max-width:800px){
#customer>div,#customer>div#delivery{
border-left:none;
display:block;
padding:0;
width:100%;
}
}
@media only screen and (max-width:410px){
#customer h4{
margin:10px 0 0;
text-align:left;
width:100%;
}
}