/* Shopping Listmaker Styles
----------------------------------------------- */

.tag-shopping-list, .tag-shopping-deal {padding-left:65px; margin-right:20px;}
.tag-shopping-list ul, .tag-shopping-deal ul {list-style:none; margin:5px 0 10px 10px; padding:0;}
.tag-shopping-list ul li, .tag-shopping-deal ul li {margin:0; padding:0 0 5px 10px;}
.tag-shopping-list ul li em, .tag-shopping-deal ul li em {font-size:13px; font-weight:normal; margin:0 0 0 0; position:relative;}
.tag-shopping-list ul li input, .tag-shopping-deal ul li input {position:absolute; top:0; left:0; margin:0 0 0 -20px;}

.tag-shopping-list div.createlist, .tag-shopping-deal div.createlist {border:1px solid #dbe1d2; background:#f4f9eb; margin:15px 0; padding:10px;}
.tag-shopping-list div.createlist h4, .tag-shopping-deal div.createlist h4 {font-weight:bold; margin:0; padding:0;}

.tag-shopping-list div.createlist .row, .tag-shopping-deal div.createlist .row {margin-bottom:10px}
.tag-shopping-list div.createlist .row.check input, .tag-shopping-list div.createlist .row.check input
.tag-shopping-list div.createlist .row select, 
.tag-shopping-list div.createlist .row.text input
.tag-shopping-deal div.createlist .row select {margin-right:8px;}
.tag-shopping-list div.createlist .row select, 
.tag-shopping-list div.createlist .row.text input, .tag-shopping-list div.createlist .row.check input
.tag-shopping-list div.createlist .row select, 
.tag-shopping-list div.createlist .row.text input
.tag-shopping-deal div.createlist .row select {width:440px; border:1px solid #ccc; border-radius:4px; padding:5px;}
.tag-shopping-list div.createlist .row select, .tag-shopping-list div.createlist .row.check input
.tag-shopping-list div.createlist .row select, 
.tag-shopping-list div.createlist .row.text input
.tag-shopping-deal div.createlist .row select {width:450px}

div.printabletip {background:url(/shoppinglist/images/printable-tip.gif) no-repeat 12px 220px;}

div.selectall {margin:-10px 0 10px 0;}
div.print-tip {margin-top:10px;}

#skipto {display:block; margin:20px 0;}
a.totop {display:inline-block; margin-bottom:30px;}

#list_items button {
  padding: 10px 30px;
  border-radius: 5px;
  color: #387D59;
  font-weight: bold;
  background: #E6F5ED;
  border: #B4DECB solid 1px;
  margin: 24px 0;
  cursor: pointer;
}

#list_items button:hover {
  background: #B4DECB;
}


/* ---------------------------------------------
Shopping Listmaker Mobile Styles
----------------------------------------------- */


/* ==|== *480px ======================================== */
@media only screen and (max-width: 480px) {


.tag-shopping-list p, .tag-shopping-deal p {margin-bottom: 8px;}
.tag-shopping-list h3, .tag-shopping-deal h3 {font-size: 17px;margin-top: 25px;}

.tag-shopping-list, .tag-shopping-deal {padding-left:0; font-size: 13px;}
.tag-shopping-list ul, .tag-shopping-deal ul {list-style:none; margin:5px 0 10px 10px; padding:0;}
.tag-shopping-list ul li, .tag-shopping-deal ul li {margin:0; padding:0 0 5px 10px;line-height: 1.3em;}
.tag-shopping-list ul li em, .tag-shopping-deal ul li em {font-size:13px; font-weight:normal; margin:0 0 0 0; position:relative;}
.tag-shopping-list ul li input, .tag-shopping-deal ul li input {position:absolute; top:0; left:0; margin:0 0 0 -20px;}

.tag-shopping-list div.createlist, .tag-shopping-deal div.createlist {border:1px solid #dbe1d2; background:#f4f9eb; margin:15px 0; padding:10px;}
.tag-shopping-list div.createlist h4, .tag-shopping-deal div.createlist h4 {font-weight:normal; margin:0; padding:0;}

div.printabletip {background: none;}

#skipto {display:block; margin:20px 0;}
a.totop {display:inline-block; margin-bottom:10px;}


}/*/mediaquery*/