body{ font-family:calibri;}
#shopping-cart table{width:100%;background-color:#F0F0F0;}
#shopping-cart table td{background-color:#FFFFFF;}

.txt-heading{
  margin-top:10px;
	padding: 10px 10px;
    border-radius: 2px;
    color: #FFF;
    background: #6aadf1;
    text-align: center;

}
a.btnRemoveAction{color:#D60202;border:0;padding:2px 10px;font-size:0.9em;}
a.btnRemoveAction:visited{color:#D60202;border:0;padding:2px 10px;font-size:0.9em;}

#btnEmpty {
	background-color: #007bff;
    padding: 1px 10px;
    color: #ffffff;
    font-size: 0.8em;
    float: right;
    text-decoration: none;
    border-radius: 4px;
}
.btnAddAction{    background-color: #eb9e4f;
    border: 0;
    padding: 3px 10px;
    color: #ffffff;
    margin-left: 2px;
    border-radius: 2px;
}
#shopping-cart {margin-bottom:30px;}
.cart-item {border-bottom: #79b946 1px dotted;padding: 10px;}
#product-grid {margin-bottom:10px; width:100%}
.product-item {}

.product-price {
	color: #005dbb;
    font-size:14px;
}


.sidenavselected {
	font-weight:bold;
    border:1px;
}


.product-name {font-size:12px;}

.clear-float{clear:both;}
.demo-input-box{border-radius:2px;border:#CCC 1px solid;padding:2px 1px;}



#leftcol {
  max-width:200px;
}

#rightcol {

}

@media only screen and (max-width: 500px) {

.product-item div{text-align:center;  width:100%;   margin:0px;
        padding:0px;}

   .product-name {font-size:14px;}    

   .product-image {
       width:100%;
    }

     .product-item {
     width:100%;
      border:#CCC 1px solid;
      border-radius:4px;
      margin-left:0px;
      margin-right:0px;
      margin-top:0px;
      margin-bottom:10px;
      padding:0px;

    }

    .image {
       width:100%;
    }

    .product-image {background-color:#FFF; width:300px;}

}

@media only screen and (min-width: 500px) {

 #product-grid  {
  margin-left:auto;
       margin-right:auto;

}



.product-item div{text-align:center; margin:10px;}

     .product-item {
       max-width:145px;
       height: 240px;
       margin:10px 10px;
       float:left;
       width:100%;
       padding:2px;
       border:#CCC 1px solid;
       border-radius:4px;
    }


    .product-image {height:70px; background-color:#FFF; max-width:100px;}

    .image{ width:100%;}

}