h2 {
	text-transform:none;
	font:130%/150% "segoe ui",helvetica,sans-serif;
}
#cartWrapper {
	font:130%/150% "segoe ui",helvetica,sans-serif;
    margin-left: auto;
    margin-right: auto;
	width:80%;
}
#cartHeader{
    border-bottom:1px solid black;
}
#cartFooter{
    border-bottom:1px solid black;
}
#taxNotice{
    text-align:center;
}
#itemHeader{
    text-align:left;
}
#PriceHeader{
    text-align:right;
}
#TotalHeader{
    text-align:right;
}
.cartQuantity{
    text-align:center;
    width:1em;
}
.CartPlusButton,.CartMinusButton{
    width:2em;
    height:2em;
    border-radius: 50%;
    vertical-align:middle;
    padding: .05em .15em;
    border:0;
    box-shadow: inset 0 0 1px #333, 1px 1px 2px #000;
}   
.CartPlusButton i{
    vertical-align: middle;
    color:green;
    font-size:23px;
}
.CartMinusButton i{
    vertical-align: middle;
    color:#CA0000;
    font-size:23px;
}
.CartMinusButton{
    float:right;
    margin-right:3px;
}
.CartPlusButton{
    margin-right:3px;
}
.CartPlusButton:hover, .CartPlusButton:active, .CartMinusButton:hover, .CartMinusButton:active{
    cursor: pointer;
    background-color: #cccccc;
}


.cartSize{
    text-align:center;
    width:2.5em;
}
.cartProduct{
    width:5em;
}
.cartPrice{
    text-align:right;
}
.cartDelete{
    background-image: url("https://new.thebluescan.com/img/b_drop.png");    
    background-size: 1.5em 1.5em;
    background-position: left 5px top 5px;
    background-repeat: no-repeat;
    height: 2em;  
    width: 2em;
    margin-left: .5em;
    margin-top: .2em;
    border-radius: 50%;
    border:0;
    box-shadow: inset 0 0 1px #333, 1px 1px 2px #000;
}
.cartDelete:hover, .cartDelete:active{
    cursor: pointer;
    background-color: #cccccc;
}
#ClearCartButton{
    background-image: url("https://new.thebluescan.com/img/b_drop.png");    
    background-size: 1.1em 1.1em;
    background-position: left 3px top 3px;
    background-repeat: no-repeat;
    width:6.5em;
    border-radius: 10%/50%;
    padding: 0 .5em .1em .5em;
    margin: 0;
    margin-top: .2em;
    color:black;
    font: 100%/120% "segoe ui",helvetica,sans-serif; 
    border:0;
    box-shadow: inset 0 0 1px #333, 1px 1px 2px #000;
}
#ClearCartButton:hover, #ClearCartButton:active{
    cursor: pointer;
    background-color: #cccccc;
}
#cartTotalLabel{
    text-align:right;   
}
.productWrapper {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
  z-index: 20;
}
.productContent {
    height:250px;
    padding-bottom:1em;
    background-color: white;
    border-radius: 1em;
    margin: 1em .5em;
  position: relative;
}
img.responsive.product {
    width: auto;
    margin: 1em;
    max-height: 95%;
    border-radius: 1em;
}
.productHeading{
    display: inline-block;
    position: absolute;    
    top:15px;
    left:20px;
    width:12em;
	font: 150%/110% "segoe ui",helvetica,sans-serif;
}
.sizeSelect1{
    display: inline-block;
    position: absolute;    
    top:30px;
    left:300px;
	font: 150%/110% "segoe ui",helvetica,sans-serif;
}
.sizeSelect2{
    display: inline-block;
    position: absolute;    
    top:65px;
    left:300px;
	font: 150%/110% "segoe ui",helvetica,sans-serif;
}

.sizeLabel{
    position: absolute;
    margin-top:6px;
    }    
.sizeLabelDisabled:before {
   content: " Sold Out";
} 
       
.sizeButton{
    height:20px;
    width:20px;
    margin-top:8px;
    }
.priceWrapper{
    display: inline-block;
    position: absolute;    
    top:65px;
    left:500px;
	font: 150%/110% "segoe ui",helvetica,sans-serif;
}    
.quantityWrapper{
    display: inline-block;
    position: absolute;    
    top:110px;
    left:500px;
	font: 150%/110% "segoe ui",helvetica,sans-serif;
}    
.SoldButton{
    display: inline-block;
    position: absolute; 
    opacity: 0.8;
    color:red;
    width:6.75em;
    height:1.6em;
    top:165px;
    left:500px;
	font: 150%/110% "segoe ui",helvetica,sans-serif;
    border-radius: 10%/50%;
    border:0;
    box-shadow: inset 0 0 1px #333, 1px 1px 2px #000;
} 
.SoldLine{
    display: inline-block;
    position: absolute; 
    border: 1px solid red;
    opacity: 0.4;
    width:7em;
    top:180px;
    left:488px;
	font: 150%/110% "segoe ui",helvetica,sans-serif;
} 
.AddButton{
    position: absolute;    
    width:6.75em;
    height:1.6em;
    top:165px;
    left:500px;
    color:black;
    padding: 0 .5em .05em .5em;
	font: 150%/110% "segoe ui",helvetica,sans-serif;
    border-radius: 10%/50%;
    border:0;
    box-shadow: inset 0 0 1px #333, 1px 1px 2px #000;
} 
.AddButton:hover{
    cursor: pointer;
    background-color: #cccccc;
}
#CartLabel{
    display:inline-block;
}
#shoppingCart{
    border-collapse: collapse;
    width:100%;
}
#shoppingCartButton, #checkOutButton{
    width:auto;
    border-radius: 10%/50%;
    margin: 0;
    color:black;
    padding: 0 .5em .1em .5em;
    font: 100%/120% "segoe ui",helvetica,sans-serif; 
    border: 0;
    box-shadow: inset 0 0 1px #333, 1px 1px 2px #000;
}
.paypal-buttons{
    border-radius: 10%/50%;
    border: 0;
    box-shadow: inset 0 0 1px #333, 1px 1px 2px #000;    
}
#shoppingCartButton:hover,#checkOutButton:hover{
    cursor: pointer;
    background-color: #cccccc;
}
#CartButtonWrapper{
    float:left;
}
#CheckOutButton{
    display:inline-block;
    float:right;
    padding-top:.2em;
    margin-left:1.5em;
    border-radius: 1em;
    width:7.5em;
    height:1em;
}

.productQuantity{
    height:1em;
    width:1.25em;
	text-align:center;    
	font: 110%/100% "segoe ui",helvetica,sans-serif;
    margin-left:.25em;
    vertical-align: bottom;
} 
.PlusButton,.MinusButton{
    width:2em;
    height:2em;
    border-radius: 50%;
    margin-left:.25em;
    vertical-align:middle;
    padding: .05em .15em;
    border:0;
    box-shadow: inset 0 0 1px #fff, 1px 1px 2px #000;
}   
.PlusButton i{
    vertical-align: middle;
    height:1.75em;
    color:green;
    font-size:23px;
}
.MinusButton i{
    vertical-align: middle;
    height:1.75em;
    color:#CA0000;
    font-size:23px;
}
.PlusButton:hover, .PlusButton:active, .MinusButton:hover, .MinusButton:active{
    cursor: pointer;
    background-color: #cccccc;
}

i.fa.fa-shopping-cart,i.fa.fa-credit-card{
    color:#444;
    font-size:23px;
}

#shoppingCartItems, #checkOut{
	font: 300 100%/90% "segoe ui",helvetica,sans-serif;    
}  
@media (max-width:40em) {

img.responsive.product {
    max-height: 75%;
}
#cartWrapper {
	width:99%;
}
.productWrapper {
    width: 99%;
}
.productHeading{
    top:5px;
    left:20px;
}
img.responsive.product {
    max-height: 70%;
    margin-top:1.5em;
}
img.responsive.product.nosize {
    max-height: 75%;
    margin-top:1em;
    margin-left:4.5em;
}
.sizeSelect1{
    top:0;
    left:225px;
	font: 150%/110% "segoe ui",helvetica,sans-serif;
}
.sizeSelect2{
    top:35px;
    left:225px;
	font: 150%/110% "segoe ui",helvetica,sans-serif;
}
.priceWrapper{
    top:195px;
    left:20px;
}    
.quantityWrapper{
    top:225px;
    left:20px;
}    
.SoldLine{
    top:11.7em;
    left:.5em;
    width:18em;
}   
.SoldButton{
    top:10.9em;
    left:11em;
}   
.AddButton{
    top:11em;
    left:11em;
}   
.sizeLabelDisabled:before {
   content: " Sold";
}        
#shoppingCartButton{
    top:.25em;
    left:2.5em;
    border:0;
    box-shadow: inset 0 0 1px #fff, 1px 1px 2px #000;
}
} /* max-width:40em */

@media (max-width:24em) {
.productHeading{
    top:5px;
    left:5px;
}
.priceWrapper{
    top:195px;
    left:5px;
}    
.quantityWrapper{
    top:225px;
    left:5px;
}    
.AddButton{
    top:11em;
    left:10em;
    width: 6em;
    padding: 0 .2em .05em .2em;
}   
} /* max-width:24em */