body.mobile {
  background: none;
}

/*
 * refcode banner
 */

body.mobile #banner {
  background-color: #003664;
}
body.mobile #banner .wrap {
  width: auto;
  height: 62px;
}
body.mobile #banner .wrap p.title {
  font-size: 20px;
  letter-spacing: 1px;
  padding-top: 10px;
}
body.mobile #banner .wrap p.subtitle {
  font-size: 14px;
  color: #fff !important;
  padding: 0 45px;
  font-family: Sagona-ExtraLight, Georgia, sans-serif;
}
body.mobile #banner img {
  display: none; /* revealed by JS */
  width: 320px;
  height: 37px;
  margin: 0 auto;
}

/*
 * header
 */

body.mobile #header {
  padding-bottom: 10px;
}
body.mobile.site-search #header {
 padding-bottom: 0;
}
body.mobile #header .wrap {
  width: auto;
  height: auto;
  padding-bottom: 64px; /* search widget */
  overflow: hidden;
}
body.mobile #header .menu {
  float: left;
  width: 35px;
  height: 35px;
  margin-top: 12px;
  border: none;
  text-indent: -9999px;
  background: url("../images/layout_320/menubutton.jpg?auto=webp&quality=60") 0 0 no-repeat;
}
body.mobile #header .logo {
  margin: 0;
}
body.mobile #header .logo a {
  width: 107px;
  height: 41px;
  padding: 6px 0 0 10px;
  background-size: 107px 41px;
  background-position: 10px 6px;
}
body.mobile #header .alignright {
  position: relative;
  float: none;
  margin-top: 0;
}
body.mobile #header .alignright,
body.mobile #header .links li {
  font: 8px Tahoma, Geneva, Verdana, sans-serif;
  color: #7e7a7c;
  text-transform: uppercase;
}
body.mobile #header .radio-button {
  display: none;
}
body.mobile #header .cart {
  float: none;
  position: absolute;
  top: 14px;
  right: 63px;
  margin: 0;
  border-left: 1px solid #e0e0e0;
}
body.mobile #header .cart a {
  display: block;
  width: 42px;
  height: 35px;
}
body.mobile #header .cart .items {
  display: none;
}
body.mobile #header .cart .icon {
  float: none;
  width: 18px;
  height: 14px;
  padding: 9px 0 0 6px;
  background: url("../images/layout_320/cartbutton.png?auto=webp&quality=25") 6px 7px no-repeat;
  background-size: 18px 14px;
}
body.mobile #header .cart .label {
  display: block;
  padding-top: 3px;
  line-height: 12px;
  text-indent: 10px;
}
body.mobile #header .alignright .phone .icon {
  display: none;
}
body.mobile #header .links .my-account,
body.mobile #header .links .help {
  display: none;
}
body.mobile #header .links .sign-in {
  display: block;
  position: absolute;
  top: 14px;
  right: 105px;
  width: 51px;
  height: 35px;
  margin: 0;
  padding: 0;
  border-left: 1px solid #e0e0e0;
  border-right: none;
}
body.mobile #header .links .sign-in a {
  display: block;
  width: 50px;
  height: 6px;
  padding-top: 26px;
  line-height: 12px;
  text-indent: 6px;
  background: url("../images/layout_320/signinbutton.png?auto=webp&quality=25") 17px 5px no-repeat;
  background-size: 16px 16px;
}
body.mobile #header .links .phone {
  display: none; /* revealed by JS */
  position: absolute;
  top: 14px;
  right: 0;
  width: 62px;
  height: 35px;
  margin: 0;
  padding: 0;
  border-left: 1px solid #e0e0e0;
  border-right: none;
}
body.mobile #header .links .phone a {
  display: block;
  width: 62px;
  height: 6px;
  padding-top: 26px;
  line-height: 12px;
  text-indent: 10px;
  background: url("../images/layout_320/callnowbutton.png?auto=webp&quality=25") 22px 5px no-repeat;
  background-size: 16px 16px;
}
body.mobile #header .links .search {
  position: absolute;
  top: 64px;
  left: 0;
  width: 100%;
  height: 42px;
  border: none;
  background-color: #fff;
}
body.mobile #header .links .search form {
  display: block;
  width: 92%;
  margin: 0 auto;
}
body.mobile #header .links .search form .text {
  float: left;
  width: 92%;
  height: 40px;
  padding: 0 3.5%;
  font-size: 16px; /* disable zoom on focus */
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background: none;
}
body.mobile #header .links .search form .text::-webkit-input-placeholder {
   font-style: italic;
}
body.mobile #header .links .search form .text:-moz-placeholder {
   font-style: italic;
}
body.mobile #header .links .search form .text::-moz-placeholder {
   font-style: italic;
}
body.mobile #header .links .search form .text:-ms-input-placeholder {
   font-style: italic;
}
body.mobile #header .links .search form .submit {
  position: absolute;
  float: right;
  top: 12px;
  right: 8%;
  width: 19px;
  height: 20px;
  background: url("../images/layout_320/searchbutton.png?auto=webp&quality=25") 0 0 no-repeat;
  background-size: 19px 20px;
}
body.mobile #header .menu {
  outline: 0;
}

/*
 * florist local header
 */
body.mobile #header .local {
 border-top: 3px solid #1c79b8;
}

body.mobile #header .local .address {
 display: none;
}

body.mobile #header .local .logo {
 height: 47px;
 margin: 8px 0 0 10px;
}

body.mobile #header .local .poweredBy  {
 margin: -47px 5px 0 0;
}

body.mobile #header .local .poweredBy img {
 height: 20px;
 margin: -3px -5px 0 0;
}

body.mobile #header .local .poweredBy i {
 right: 55px;
 font-size: 8px;
 text-transform: none;
}

body.mobile #header .local .cart,
body.mobile #header .local .links .sign-in,
body.mobile #header .local .links .phone {
  top: 25px;
}

body.mobile #header .local .links .search {
 top: 66px;
 }

/*
 * nav
 */

body.mobile #nav {
  position: absolute;
  display: none;
  top: 98px;
  width: 100%;
  box-sizing: border-box;
  clear: none;
}
body.mobile #nav .wrap {
  width: auto;
  height: auto;
  padding: 3px 0;
  background: #003663;
  display: block;
}
body.mobile #nav .links {
  margin: 0 3px;
  padding: 3px 0 5px;
  background: #fff;
}
body.mobile #nav .links > li {
  float: none;
  width: auto;
  margin: 0 12px;
  padding: 0;
  background: none;
  border-right: none;
}
body.mobile #nav .links li h3 {
  float: none;
  margin: 5px 0 0;
  font: bold 16px/33px Tahoma, Geneva, Verdana, sans-serif;
  background: #fff;
  border-bottom: 1px solid #e0e0e0 ;
  text-align: left;
  text-indent: 10px;
  padding: 5px 0;
}
body.mobile #nav ul.links li.current:hover {
  background-color: #fff ;
}
body.mobile #nav ul.links li.current:hover h3 a {
  color: #511c59;
}
body.mobile #nav ul.links li.sale:hover {
  background-color: #fff ;
}
body.mobile #nav ul.links li.sale:hover h3 a {
  color: #511c59;
}
body.mobile #nav ul.links li.same:hover {
  background-color: #fff ;
}
body.mobile #nav ul.links li.same:hover h3 a {
  color: #511c59;
}
body.mobile #nav .links li h3 a {
  width: auto;
  text-align: left;
}
body.mobile #nav .links li ul {
  position: static;
  top: auto;
  left: auto;
}
body.mobile #nav .links li ul li {
  float: none;
  width: auto;
  font: 13px/32px Tahoma, Geneva, Verdana, sans-serif;
  text-indent: 10px;
  text-transform: none;
  border: none;
}
body.mobile #nav .links li ul li a {
  height: auto;
  padding: 0;
  color: #757575;
  border-bottom: 1px solid #eee !important;
}
body.mobile #nav .links li ul li.last a {
 border-bottom: none !important;
}
body.mobile #nav .links li ul li a:hover,
body.mobile #nav .links li ul li a:active {
  background: none;
}
body.mobile #nav .links h3 span.label:after,
body.mobile #nav .links h3 a:after {
 content: "+";
 float: right;
 padding-right: 10px;
}
body.mobile #nav .links h3.active span.label:after,
body.mobile #nav .links h3.active a:after {
 content: "-";
 float: right;
 padding-right: 10px;
}


/*
 * content
 */

body.mobile #content > .wrap {
  width: auto;
}

/*
 * content .hp-promo
 */

body.mobile #content .hp-promo {
  width: auto;
  height: auto;
  /* background: none; */ /* set this in JS */
}
body.mobile #content .hp-promo > a {
  /* 962x300 */
  display: block;
  position: static;
  right: auto;
  width: 100%;
  height: auto;
  max-width: 640px;
  margin: 0 auto;
  /* background comes from div.hp-promo via JS */
}
body.mobile #content .hp-promo .nav {
  position: static;
  top: auto;
  left: auto;
  width: auto;
  height: auto;
  margin: 0 auto;
  padding: 15px 0;
  background: url("../images/layout_320/hero-nav-bg.jpg?auto=webp&quality=80") 50% 50% repeat;
}
body.mobile #content .hp-promo .nav li {
  width: auto;
  margin: 0 auto;
}
body.mobile #content .hp-promo .nav li a {
  display: block;
  width: auto;
  height: auto;
  margin: 0 15px;
  padding: 10px;
  font: 18px Tahoma, Geneva, Verdana, sans-serif;
  color: #fff;
  background: #4BA842 none;
  border-bottom: 1px solid #fff;
  text-indent: 0;
  text-transform: uppercase;
}
body.mobile #content .hp-promo .nav li a::after {
  float: right;
  content: "\25B6\00FE0E";
}
body.mobile #content .hp-promo .nav li.open a::after {
  content: "\25B2\00FE0E";
}

/*
 * product listing
 */

body.mobile #content .products ul {
  width: auto !important;
  height: auto;
  left: auto !important;
  text-align: center;
  overflow: hidden;
}
body.mobile #content .products ul li {
  float: none !important;
  display: inline-block;
  width: 290px !important;
  height: 260px;
}
body.mobile #content .products .meta .same-day-available {
  margin: 5px 45px;
}
body.mobile #content .meta h4 {
  margin-bottom: 5px;
}
body.mobile #content .meta h4 .strike {
  font: 14px Tahoma, Geneva, Verdana, sans-serif;
  color: #000;
}
body.mobile #content .meta h4 .price {
  font: bold 18px Tahoma, Geneva, Verdana, sans-serif;
  color: #333;
}
body.mobile #content .meta h3 a {
  font:  14px Tahoma, Geneva, Verdana, sans-serif;
  color: #333;
}

/*
 * subfooter
 */

body.mobile #subfooter, body.mobile #subfooter .wrap {
  width: auto;
}
body.mobile #subfooter .wrap {
  padding: 0;
  border-top: none;
}

/*
 * newsletter
 */

body.mobile #newsletter {
  min-height: 150px;
}
body.mobile #newsletter form {
  display: block;
  width: 290px; /* 320 - (15 + 15) margins */
  margin: 0 auto;
}
body.mobile #newsletter span {
  display: block;
  font-size: 14px;
}
body.mobile #newsletter strong {
  display: block;
  font-size: 22px;
  text-transform: uppercase;
}
body.mobile div#newsletter #email {
  display: inline-block;
  vertical-align: top;
  margin-right: 0;
  width: fit-content;
}
body.mobile #newsletter .text {
  width: 200px;
  margin: 5px 0 0 0;
  font-size: 16px; /* disable zoom on focus */
}
body.mobile div#newsletter div input[type="submit"] {
  margin: 5px 0 10px -5px
}

/*
 * links
 */

body.mobile #subfooter .links {
  float: none;
  margin: 25px 15px 0 15px;
}
body.mobile #subfooter .links > li {
  float: none;
  width: auto;
  margin-bottom: 8px;
  padding-top: 8px;
  border-top: 1px solid #7e7a7c;
}
body.mobile #subfooter .links > li.last {
  border-bottom: 1px solid #7e7a7c;
}
body.mobile #subfooter .links > li ul {
  display: none;
}
body.mobile #subfooter .links h4 {
  font-weight: bold;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
body.mobile #subfooter .links h4::after {
  float: right;
  font-style: normal;
  content: "\25B6\00FE0E";
}
body.mobile #subfooter .links h4.open::after {
  content: "\25BC\00FE0E";
}

/*
 * icons
 */

body.mobile #subfooter .icons {
  float: none;
  margin: 0 15px;
  padding: 30px 0;
  overflow: hidden;
  border-right: none;
  border-bottom: 1px solid #7e7a7c;
  text-align: center;
}
body.mobile #subfooter .icons li {
  float: none;
  display: inline-block;
  padding-left: 0;
}
body.mobile #subfooter .icons .ssl img {
  height: 36px;
}
body.mobile #subfooter .icons .stella {
  margin-left: 0;
  padding-top: 0;
  padding-left: 5px;
  border: none;
}
body.mobile #subfooter .icons .stella img {
  /* 115x48 => 89x37 */
  width: 89px;
  height: 37px;
}
body.mobile #subfooter .icons .cards {
  padding-left: 5px;
}
body.mobile #subfooter .icons .cards img {
  /* 161x60 => 111x41 */
  width: 111px;
  height: 41px;
}

/*
 * socialWidgets
 */

body.mobile #subfooter #socialWidgets {
  float: none;
  margin: 0 15px 30px 15px;
  padding: 15px 0;
  border-bottom: 1px solid #7e7a7c;
}
body.mobile #subfooter #socialWidgets ul {
  margin: 0;
  text-align: center;
}
body.mobile #subfooter #socialWidgets ul li {
  float: none !important;
  display: inline-block !important;
  width: 36px !important;
  height: 36px;
  margin: 0 0 0 20px;
}
body.mobile #subfooter #socialWidgets ul li > * {
  display: none !important; /* damn G+ widget */
}
body.mobile #subfooter #socialWidgets li#facebook {
  margin-left: 0;
  background: url("../images/layout_320/facebookbutton.png?auto=webp&quality=25") 0 0 no-repeat;
}
body.mobile #subfooter #socialWidgets li#twitter {
  background: url("../images/layout_320/twitterbutton.png?auto=webp&quality=25") 0 0 no-repeat;
}
body.mobile #subfooter #socialWidgets li#pinterest {
  background: url("../images/layout_320/pinterestbutton.png?auto=webp&quality=25") 0 0 no-repeat;
}
body.mobile #subfooter #socialWidgets ul li#pinterest a  {
 display: inline-block !important;
 background-image: none;
 margin-top: 15px;
}
body.mobile #subfooter #socialWidgets li#instagram {
  background: url("../images/layout_320/instagrambutton.png?auto=webp&quality=25") 0 0 no-repeat;
}
body.mobile #subfooter #socialWidgets ul li#instagram a  {
 display: inline-block !important;
 background-image: none;
 margin-top: 15px;
}

/*
 * switch-to-desktop
 */

body.mobile #subfooter .switch-to-desktop {
  margin: 0 15px;
  text-align: center;
}
body.mobile #subfooter .copyright {
  margin: 0 15px;
  padding: 10px 0;
  font: 12px Tahoma, Geneva, Verdana, sans-serif;
  text-align: center;
}

/*
 * footer
 */

body.mobile #footer {
  display: none;
}
body.mobile #footer .wrap {
  width: auto;
}

/*
 * home page, products
 */

body.mobile.index #content .products .category {
  padding: 0;
  margin-left: 0;
  border-bottom: 1px solid #fff;
  background-color: #285ab5;
  background: url("../images/layout_320/product-category-bg.png?auto=webp&quality=25") 0 0 repeat;
}
body.mobile.index #content .products .category h2 {
  float: none;
  margin: 0 15px;
  padding: 15px 0;
  color: #fff;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
body.mobile.index #content .products .category h2::after {
  float: right;
  font-style: normal;
  content: "\25B6\00FE0E";
}
body.mobile.index #content .products.open .category h2::after {
  content: "\25BC\00FE0E";
}
body.mobile.index #content .products .category > div {
  /* view all */
  display: none;
}
body.mobile.index #content .products .bx-wrapper {
  display: none;
  width: auto !important;
  height: auto;
  margin: 25px auto;
}
body.mobile.index #content .products .bx-wrapper .bx-window {
  width: auto !important;
}
body.mobile.index #content .products .bx-wrapper .bx-prev,
body.mobile.index #content .products .bx-wrapper .bx-next {
  display: none !important;
}
body.mobile.index #content .products .bx-wrapper .view-all {
  text-align: center;
}
body.mobile.index #content .products .bx-wrapper .view-all a {
  display: inline-block;
  padding: 10px 30px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  background-color: #4BA842;
}

/*
 * home page, misc
 */

body.mobile.index #content .dots {
  display: none;
}
body.mobile.index #content .promo {
  display: none;
}

/*
 * home page testimonial area
 */
body.mobile .homeTestimonials {
 width: 90%;
 margin: 20px 10px 25px;
 }

body.mobile .homeTestimonials .testimonial {
 width: 100%;
 } 

/*
 * home page, cards
 */

body.mobile.index #content .cards {
  padding: 30px 0;
  text-align: center;
  background: url("../images/bg.png?auto=webp&quality=25") 50% 50% repeat;
}
body.mobile.index #content .cards li {
  float: none;
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 15px;
}
body.mobile.index #content .cards li.last {
  margin-bottom: 0;
}
body.mobile.index #content .cards li a {
  width: 250px;
  height: 114px;
}

/*
 * home page, magazine offer
 */

body.mobile.index #content #mag {
  display: none;
}

/*
 * category page
 */
body.mobile #browse .catCrumbs {
  width: 100%;
  margin: 0;
  padding: 10px 0 0 10px;
  border-top: 1px solid #eee;
}

body.mobile #content #browse .hero {
  width: auto;
  margin: 0 0 10px 0;
  overflow: auto;
}
body.mobile #content #browse .hero .alignleft {
  float: none;
}
body.mobile #content #browse .hero .alignleft img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 495px;
  margin: 0 auto;
}
body.mobile #content #browse .hero .products {
  display: none;
}
body.mobile #content #browse .banner {
  width: auto;
  margin-bottom: -2px;
}
body.mobile #content #browse .banner img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 873px;
  margin: 0 auto;
}
body.mobile #content #browse .description {
  display: inline-block;
  font-size: 14px;
  line-height: 1.5em;
  padding: 10px 10px 15px;
}
body.mobile #content #browse .description.cat-outro {
  margin: 0 0 10px;
  padding-top: 0;
  font-size: 8pt;
  line-height: 1.75em;  
}
body.mobile #content #browse .description.cat-outro h3 {
 margin-top: 0;
}
body.mobile #content #browse .products .nav {
  width: auto;
  margin: 0;
  padding: 10px 15px;
}
body.mobile #content #browse .products .nav .filters select {
  font-size: 16px; /* disable zoom on focus */
}
body.mobile #content #browse .products .nav .price-range,
body.mobile #content #browse .products .nav .show,
body.mobile #content #browse .products .leftNav .navBrowse  {
  display: none;
}
body.mobile #content #browse .navArticles  {
  width: 100%;
  margin: -20px 0 10px;
}
body.mobile #content #browse .navArticles p {
  padding: 10px 0 10px 10px;
  font-weight: bold;
  border-bottom: dotted 1px #d6d6d4;
  margin-bottom: 10px; 
}
body.mobile #content #browse .navArticles ul {
  margin: 0 0 5px 10px;
}
body.mobile #content #browse .pageNav {
  display: inline-block;
  width: 100%;
  margin-top: 0;
  padding: 0;
  text-align: center;
}
body.mobile #content #browse .products .summary {
  padding: 15px;
  font-size: 12px;
  text-align: center;
  border-bottom: 1px solid #e0e0e0;
}
body.mobile #content #browse .products ul {
  margin-top: 15px;
  margin-left: 0;
}
body.mobile #content #browse .products ul li {
  margin: 0 0 30px 0;
}
body.mobile #content #browse .products ul li:nth-child(n+21) {
  display: none;
}
body.mobile #content #browse .products ul li .image {
  margin: 0;
}
body.mobile #content #browse .products .load-more button {
  display: block;
  margin: 10px auto;
  padding: 10px 20px;
  outline: 0;
  border: none;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  background-color: #4BA842;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
body.mobile #content #browse .products .back-to-top a {
  display: block;
  padding: 15px 0;
  color: #3b8537;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
body.mobile #content #browse .dots {
  display: none;
}

/*
 * product page
 */

body.mobile.product #header .wrap {
  padding-bottom: 10px; /* for the bottom of the right-hand buttons */
  border-bottom: 1px solid #e0e0e0;
}
body.mobile.product #header .links .search {
  display: none;
}
body.mobile.product #content #product {
  width: auto;
  margin: 0 15px 25px 15px;
  padding: 0;
}
body.mobile.product #content #product .prodCrumbs {
  width: 103%;
  margin: 0 0 10px -15px;
  padding: 0 10px 10px;
  border-bottom: 1px solid #eee;
  line-height: 1.25em;
}
body.mobile.product #content #product h1 {
  width: 100%;
  margin: 0 0 5px 0;
  padding: 0;
  color: #333;
  background-color: transparent;
  text-transform: none;
}
body.mobile.product #content #product #SKU {
  font-size: 9px;
  color: #757575;
}
body.mobile.product #content #product .details {
  float: none;
  width: auto;
}
body.mobile.product #content #product .details .image {
  margin: 10px 0;
}
body.mobile.product #content #product .details .image img {
  display: block;
  width: 100%;
  max-width: 450px;
  margin: 0 auto;
}
body.mobile.product #content #product .details #SKU {
  display: none; /* revealed by JS after moving */
}
body.mobile.product #content #product .details .share {
  display: none; /* "email this product" functionality not available on mobile */
}
body.mobile.product #content #product .details .similar,
body.mobile.product #content #product .details .clear,
body.mobile.product #content #product .details .tabNav {
  display: none;
}
body.mobile.product #content #product .details #tabs {
  display: none; /* revealed by JS after moving */
}
body.mobile.product #content #product .order {
  float: none;
  width: auto;
  max-width: 400px;
  margin: 0 auto;
}
body.mobile.product #content #product .order input,
body.mobile.product #content #product .order select,
body.mobile.product #content #product .order textarea {
  font-size: 16px; /* disable zoom on focus */
  font-family: Tahoma, Geneva, Verdana, sans-serif;
}
body.mobile.product #content #product .order select[name="order_upgrds[m][opt]"],
body.mobile.product #content #product .order select[name="order_upgrds[l][opt]"] {
  width: 120px;
}
body.mobile.product #content #product .order select[name="order_upgrds[c][opt]"],
body.mobile.product #content #product .order select[name="order_upgrds[t][opt]"] {
  width: 195px;
}
body.mobile.product #content #product .order input[name="order_d_zip"] {
  float: left;
  width: 120px;
}
body.mobile.product #content #product .order .options {
  width: auto;
  padding: 15px;
}
body.mobile.product #content #product .order .delivery .label a {
  display: block;
}
body.mobile.product #content #product .order .delivery div:nth-child(5) {
  clear: both;
}
body.mobile.product #content #product .order select[name="order_d_date"] {
  width: 215px;
}
body.mobile.product #content #product .order button.date-picker {
  display: none;
}
body.mobile.product #content #product .order textarea[name="order_d_card_type"] {
  width: 99%;
}
body.mobile.product #content #product .order textarea[name="order_d_card_msg"] {
  width: 99%;
}
body.mobile.product #content #product .order input[name="order_d_card_sig"] {
  width: 96%;
}
body.mobile.product #content #product .order .error {
}
body.mobile.product #content #product .order .submit {
  position: relative;
  -webkit-appearance: none;
}
body.mobile.product #content #product #tabs {
  float: none;
  width: auto;
  margin: 0;
  padding: 0;
  border: none;
  box-shadow: none;
}
body.mobile.product #content #product #tabs h2 {
  width: auto;
  margin: 0 -15px;
  padding: 15px;
  font: 18px Sagona-Medium, Georgia, serif;
  color: #fff;
  background: url("../images/layout_320/product-category-bg.png?auto=webp&quality=25") 0 0 repeat;
  text-transform: none;
  border-bottom: 1px solid #fff;
}
body.mobile.product #content #product #tabs h2.related-header {
  background: none;
  color: #333;
  margin-left: 0px;
  width: 97%;
  border-bottom: 1px dotted #ddd ;
  padding: 15px 5px 10px;
  font: bold 14px Tahoma, Geneva, Verdana, sans-serif;
  text-transform: uppercase;
}
body.mobile.product #content #product #tabs h2.related-header::after {
  content: ":";
}
body.mobile.product #content #product #tabs h2#descriptionShow::after,
body.mobile.product #content #product #tabs h2#deliveryShow::after {
  content: "+";
  float: right;
}
body.mobile.product #content #product #tabs h2#descriptionShow.collapse::after,
body.mobile.product #content #product #tabs h2#deliveryShow.collapse::after {
  content: "-";
  float: right;
}

body.mobile.product #content #product #tabs p {
  width: auto;
  font-size: 12px;
  color: #757575;
}
body.mobile.product #content #product #tabs .shippingInfo {
  display: block;
}
body.mobile.product #content #product #tabs .recently-viewed {
  float: none;
}
body.mobile.product #content #product #tabs .related-products,
body.mobile.product #content #product #tabs .recently-viewed ul {
  margin: 15px 0;
  overflow: hidden;
}
body.mobile.product #content #product #tabs .related-products li,
body.mobile.product #content #product #tabs .recently-viewed ul li {
  float: none;
  width: auto;
  margin-bottom: 25px;
}
body.mobile.product #content #product #tabs .related-products li.last,
body.mobile.product #content #product #tabs .recently-viewed ul li.last {
  margin-bottom: 0;
}
body.mobile.product #content #product #tabs .related-products li a,
body.mobile.product #content #product #tabs .recently-viewed ul li a {
  font: 14px Tahoma, Geneva, Verdana, sans-serif;
  color: #333;
}
body.mobile.product #content #product #tabs .related-products li a img,
body.mobile.product #content #product #tabs .recently-viewed ul li a img {
  width: auto;
  height: auto;
  max-width: 165px;
}
body.mobile.product #content #product #tabs .clear,
body.mobile.product #content .bottomContent {
  margin: 0 0 20px;
}

/*
 * cart page
 */

body.mobile.cart #header .wrap {
  padding-bottom: 10px; /* for the bottom of the right-hand buttons */
  border-bottom: 1px solid #e0e0e0;
}
body.mobile.cart #header .links .search {
  display: none;
}
body.mobile.cart #content h1 {
  float: none;
  padding: 0 15px 15px 15px;
  margin-bottom: 15px;
  font-size: 24px;
  border-bottom: 1px solid #e0e0e0;
}
body.mobile.cart #content h2.alignright {
  display: none;
}
body.mobile.cart #content .dots {
  display: none;
}
body.mobile.cart #content form:nth-of-type(1) > .buttons {
  display: none;
  text-align: center;
}
body.mobile.cart #content table.cart {
  display: none;
}
body.mobile.cart #content div.discount {
  display: none; /* revealed by JS */
}
body.mobile.cart #content .error {
  margin-bottom: 15px;
}
body.mobile.cart #content input,
body.mobile.cart #content select,
body.mobile.cart #content button {
  font-size: 16px; /* disable zoom on focus */
}
body.mobile.cart #content .items {
  width: 290px;
  margin: 0 auto;
  font: 12px/30px Tahoma, Geneva, Verdana, sans-serif;
  color: #333;
}
body.mobile.cart #content .items li {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #f3f3f3;
}
body.mobile.cart #content .items li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
body.mobile.cart #content .items label {
  padding-right: 0.3em;
  font-weight: bold;
}
body.mobile.cart #content .items .product a.name {
  display: block;
  font: bold italic 14px/30px Tahoma, Geneva, Verdana, sans-serif;
  color: #3b8537;
}
body.mobile.cart #content .items .product .image {
  float: left;
  margin-right: 12px;
}
body.mobile.cart #content .items .product .image img {
  width: 140px;
  height: 140px;
}
body.mobile.cart #content .items .deliverydate label {
  display: block;
}
body.mobile.cart #content .items .deliverydate select {
  width: 130px;
}
body.mobile.cart #content .items .addons div {
  font-size: 10px;
  line-height: 18px;
}
body.mobile.cart #content .items div.price span:nth-of-type(1) {
  color: #333333;
}
body.mobile.cart #content .items div.price span.price {
  font-weight: bold;
  color: #333;
}
body.mobile.cart #content .items .addons,
body.mobile.cart #content .items .postalcode,
body.mobile.cart #content .items .deliverydate,
body.mobile.cart #content .items div.price {
  margin-left: 152px;
}
body.mobile.cart #content .items .remove {
  display: block;
  clear: left;
}
body.mobile.cart #content .items .remove::before {
  content: "\2716\00A0";
}
body.mobile.cart #content .promo {
  margin-top: 15px;
  padding: 19px 0;
  background: url("../images/bg.png?auto=webp&quality=25") 50% 50% repeat;
}
body.mobile.cart #content .promo .wrap {
  width: 280px;
  margin: 0 auto;
  padding: 20px;
  background-color: #fff;
}
body.mobile.cart #content .promo input[name="disc_code"] {
  width: 190px !important;
  padding: 8px;
  border: 1px solid #ccc;
  -webkit-appearance: none;
}
body.mobile.cart #content .promo button {
  margin-left: 5px;
  padding: 9px 8px 8px 8px;
  font: 14px Tahoma, Geneva, Verdana, sans-serif;
  color: #fff;
  background-color: #511c59;
  text-transform: uppercase;
  border: 1px solid #511c59;
  outline: 0;
}
body.mobile.cart #content div.subtotal {
  margin: 12px 15px;
  padding: 13px 30px;
  font: bold 14px/30px Tahoma, Geneva, Verdana, sans-serif;
  background-color: #f6f6f6;
  text-align: right;
}
body.mobile.cart #content #disc_total {
  font-weight: bold;
  color: #3b8537;
}
body.mobile.cart #content div.subtotal label {
  margin-right: 0.5em;
}
body.mobile.cart #content div.subtotal span {
  font-weight: bold;
}
body.mobile.cart #content form .buttons {
  float: none;
  margin: 12px 15px;
  width: unset;
}
body.mobile.cart #content form .buttons a {
  font: 18px/23px Tahoma, Geneva, Verdana, sans-serif;
  color: #fff;
  text-indent: 0;
  text-transform: none;
}
body.mobile.cart #content form .buttons .continue {
  margin-right: 0 !important;
  width: 100%;
}
body.mobile.cart #content form .buttons button {
  display: inline-block;
  width: 100%;
  height: 47px;
  background-color: #4ba842;
  color: #fff;
  box-sizing: border-box;
  border: 1px solid #4ba842;
  font: 18px Tahoma, Geneva, Verdana, sans-serif;
  cursor: pointer;
  padding: 0 !important;
  margin-top: 10px;
  text-align: center;
  border-radius: 2px;
  letter-spacing: 0.3px;
  text-shadow: 0px 1px 1px #2d6527;
}
body.mobile.cart #content form .buttons input.payPal {
  float: none;
  padding: 0;
  width: 100%;
  text-align: center;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-position: center 48%;
  height: 55px;
}
body.mobile.cart #content form .buttons.bottom a.continue {
  margin-top: 0;
}
body.mobile.cart #content form .buttons.bottom .thirdParty {
  width: 100%;
}
body.mobile.cart #content form .buttons div#payWithAmazonDiv {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #ddd;
  margin-right: 0;
}
body.mobile.cart #content .salestax {
  margin: 20px 15px 15px;
  width: 93%;
}

/*
 * florist local checkout header
 */
body.mobile.order header.local {
 margin-bottom: 0;
 padding-bottom: 0;
}
body.mobile.order header.local img#logo {
 height: 75px;
 width: auto;
 padding-top: 10px;
}
body.mobile.order header.local .poweredBy { 
 margin-top: 5px;
}
body.mobile.order header.local .poweredBy i { 
 right: 45px;
}
body.mobile.order header.local .poweredBy img {
 height: 35px;
 margin-top: 8px;
}
 
/*
 * checkout pages
 */ 

body.mobile.order #container {
  width: auto;
  margin: 0;
}
body.mobile.order header {
  height: auto;
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-radius: 0;
  border-bottom: 1px solid #e0e0e0;
}
body.mobile.order header a {
  display: inline-block;
}
body.mobile.order #content-wrapper {
  padding: 0;
}
body.mobile.order #content {
  border-right: 0;
  border-bottom: 0;
}
body.mobile.order #logo {
  position: static;
  width: 107px;
  height: 41px;
  padding: 6px 0 0 10px;
}
body.mobile.order #secure-checkout {
  display: none;
}
body.mobile.order #progress {
  position: static;
}
body.mobile.order #left-stripe {
  display: none;
}
body.mobile.order #title {
  height: auto;
  margin: 10px 15px;
  padding: 0;
  font: italic 24px Tahoma, Geneva, Verdana, sans-serif;
  color: #333;
  background-color: transparent;
}
body.mobile.order #progress {
  display: none; /* revealed by JS */
  width: 292px;
  margin: 0 auto;
  overflow: hidden;
}
body.mobile.order #progress .large-space,
body.mobile.order #progress .last {
  margin-left: 0;
}
body.mobile.order #progress li {
  display: inline-block;
  position: relative;
  width: 70px;
  height: 30px;
  font: bold italic 15px/30px Tahoma, Geneva, Verdana, sans-serif;
  color: #757575;
  background-color: #f5f5f5;
  text-align: center;
}
body.mobile.order #progress li:nth-child(n+2)::before {
  content: "";
  position: absolute;
  left: 0;
  border-top: 15px solid transparent;
  border-left: 9px solid #fff;
  border-bottom: 15px solid transparent;
}
body.mobile.order #progress li:nth-child(-n+3)::after {
  content: "";
  position: absolute;
  right: -9px;
  border-top: 15px solid transparent;
  border-left: 9px solid #f5f5f5;
  border-bottom: 15px solid transparent;
  z-index: 100;
}
body.mobile.order #progress li.active {
  color: #fff;
  background-color: #77c76c;
}
body.mobile.order #progress li.active:nth-child(-n+3)::after {
  border-left: 9px solid #77c76c;
}
body.mobile.order div[role="main"] {
  margin-top: 15px;
  padding-top: 15px;
  background: url("../images/bg.png?auto=webp&quality=25") 50% 50% repeat;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}
body.mobile.order section {
  width: 90%;
  margin: 0 auto;
  padding: 0;
  background-color: #fff;
  border: none;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
}
body.mobile.order section h2 {
  display: none;
}
body.mobile.order .required-note {
  width: 93%;
  margin: -15px auto 0 auto;
  font: 10px/30px Tahoma, Geneva, Verdana, sans-serif;
  color: #757575;
}
body.mobile.order .required-note span {
  color: #3b8537;
}
body.mobile.order .required::after {
  color: #79c86e;
}
body.mobile.order ul.horizontal li {
 width: 45%;
}
body.mobile.order input,
body.mobile.order select,
body.mobile.order textarea {
  width: 100%;
  font-size: 16px; /* disable zoom on focus */
}
body.mobile.order form dt {
  font: bold 14px Tahoma, Geneva, Verdana, sans-serif;
}
body.mobile.order .column-separator {
  display: none;
}
body.mobile.order #footer {
  display: block;
  margin-top: 15px;
  padding: 15px 0 50px 0;
  background-color: #fff;
  border-top: 1px solid #e0e0e0;
}
body.mobile.order #continue {
  margin: 0 20px 20px;
  float: none;
  text-align: center;
  width: unset;
}
body.mobile.order #continue input {
  margin-top: 0 ;
  width: 100%;
}
body.mobile.order #satisfaction-guaranteed,
body.mobile.order #secure-order {
  display: none; /* revealed by JS */
  position: static;
  height: auto;
}
body.mobile.order #satisfaction-guaranteed {
  width: 150px;;
  margin: 0 auto 15px auto;
  padding-top: 0;
  padding-left: 0;
}
body.mobile.order #satisfaction-guaranteed img {
  position: static;
  float: left;
  margin-top: -5px;
  padding-right: 10px;
}
body.mobile.order #secure-order {
  width: 225px;
  margin: 0 auto;
  padding-left: 0;
}
body.mobile.order #secure-order img {
  position: static;
  float: left;
  margin-right: 15px;
}
body.mobile.order footer {
  display: none;
}

/*
 * checkout: login page
 */

body.mobile.order #sign-in {
  width: 90%;
  margin: 0 auto;
  padding: 15px;
}
body.mobile.order #sign-in .left-column,
body.mobile.order #sign-in .right-column {
  display: block;
  float: none;
  width: auto !important;
  margin-left: 0;
}
body.mobile.order #sign-in .left-column p.header {
  margin-top: 0px;
}
body.mobile.order #sign-in .left-column p.header, 
body.mobile.order #sign-in .right-column p.header {
  width: 97%;
}
body.mobile.order #sign-in .right-column {
  margin-top: 15px;
}
body.mobile.order .loginForm a.switch,
body.mobile.order .loginForm .login .inner,
body.mobile.order .loginForm .guest .inner {
  display: none;
}
body.mobile.order .loginForm .create .inner {
  margin-bottom: 15px;
}
body.mobile.order .loginForm label,
body.mobile.order .loginForm input#login_client_email,
body.mobile.order .loginForm input#login_client_password,
body.mobile.order .loginForm input#create_client_email,
body.mobile.order .loginForm input#create_client_password,
body.mobile.order .loginForm input#create_client_password_conf {
  width: 99%;
} 
body.mobile.order .loginForm a.forgot {
  margin-right: 0;
}
body.mobile.order .loginForm .create p.header:hover,
body.mobile.order .loginForm .guest p.header:hover,
body.mobile.order .loginForm .login p.header:hover {
 cursor: pointer; 
}
body.mobile.order #sign-in input.continue-btn {
  width: 100%;
 font: 18px Tahoma, Geneva, Verdana, sans-serif;
 height: 47px;
}

/*
 * checkout: delivery information page
 */

body.mobile.order #deliver-to strong {
  font-weight: normal;
}
body.mobile.order #deliver-to .error {
  margin-left: -15px;
}
body.mobile.order #deliver-to .error ul {
  padding-left: 30px;
}
body.mobile.order #deliver-to .left-column {
  display: block;
  float: none;
  width: auto !important;
  margin: 15px;
  overflow: hidden;
}
body.mobile.order #deliver-to .left-column p {
  color: #3b8537;
  font: bold italic 14px Tahoma, Geneva, Verdana, sans-serif;
  text-align: left;
}
body.mobile.order #deliver-to .left-column img {
  float: left;
  width: 50px;
  height: 50px;
  margin-right: 10px;
}
body.mobile.order #deliver-to .right-column {
  margin-left: 0 !important;
  padding-left: 15px;
}
body.mobile.order #deliver-to .right-column li.order_d_title,
body.mobile.order #deliver-to .right-column li.order_d_ename {
  display: none;
}
body.mobile.order #deliver-to .item-separator {
  height: 15px;
  background: url("../images/bg.png?auto=webp&quality=25") 50% 50% repeat;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
}
body.mobile.order #deliver-to div.recipient-addr input,
body.mobile.order #deliver-to ul.recipient-type li {
 width: 94%;
}
body.mobile.order #deliver-to ul.recipient-auto li {
 width: 30%;
}
body.mobile.order #deliver-to ul.recipient-type li select {
 margin-bottom: 15px;
}
body.mobile.order #deliver-to ul.recipient-type li input {
 width: 100%;
}

/*
 * checkout: billing information page
 */
body.mobile.order #bill-to,
body.mobile.order #bill-to-method,
body.mobile.order #bill-to-card {
 padding-left: 15px;
 }
 
body.mobile.order-3 .error {
  margin: -15px -15px 15px -15px;
  padding-top: 15px;
}
body.mobile.order #bill-to ul.horizontal.billing-city {
 margin-bottom: -13px;
}
body.mobile.order #bill-to ul.horizontal.billing-addr li,
body.mobile.order #bill-to ul.horizontal.billing-email li,
body.mobile.order #bill-to ul.horizontal.billing-city li,
body.mobile.order #bill-to-card .left-column li {
 width: 94%;
 }
body.mobile.order #bill-to ul.horizontal.billing-city li,
body.mobile.order #bill-to input[name="order_b_state"] {
 margin-bottom: 13px;
 }
body.mobile.order #bill-to input[name="order_b_addr_1"],
body.mobile.order #bill-to input[name="order_b_addr_2"],
body.mobile.order #bill-to input[name="order_b_email"],
body.mobile.order #bill-to input[name="order_b_city"],
body.mobile.order #bill-to div#card-number {
  width: 100% !important;
}
body.mobile.order #bill-to-method ul {
  margin: 15px 0;
}
body.mobile.order #bill-to-method ul:nth-of-type(1) {
  margin: 25px 0 15px;
}
body.mobile.order #bill-to-method ul li {
 width: 100%;
}
body.mobile.order #bill-to-method ul dt {
  margin-right: 12px;
  width: 20px;
  display: inline-block;
}
body.mobile.order #bill-to-method ul dd {
  margin-bottom: 0;
}
body.mobile.order #bill-to-method ul dd label {
  display: block;
}
body.mobile.order #bill-to-method ul:nth-of-type(2) dt {
  top: auto !important;
}
body.mobile.order #bill-to-method label img {
  float: none;
}  
body.mobile.order #bill-to-card .left-column {
  display: block;
  float: none;
  width: auto !important;
  margin-left: 0 !important;
}

body.mobile.order #bill-to-method ul.horizontal.ap img {
 display: inline-block;
 margin: -27px 0 0 3px;
}

body.mobile.order #bill-to-method ul.horizontal.ap input {
 margin-top: 20px;
}

body.mobile.order #bill-to-card select[name="order_b_card_exp_m"] {
 margin: 5px 0 10px;
}
body.mobile.order #bill-to-card .right-column {
  display: block;
  margin-left: 0 !important;
}
body.mobile.order #bill-to-card .right-column ul li {
 width: 94%;
 }
body.mobile.order #bill-to-card input[name="order_b_card_ver"] {
 width: 45%;
 }
body.mobile.order #bill-to-card ul.horizontal li {
 vertical-align: top;
 }
body.mobile.order-3 div#card-number,
body.mobile.order-3 div#card-cvv {
 -webkit-appearance: textfield;
 padding: 3px 0;
 height: 20px;
 width: 100%;
 border: 1px solid #4c4c4c;
 border-radius: 5px;
 font-size: 16px !important;
 }
body.mobile.order-3 div#card-number input {
 font-size: 16px !important;
 } 
body.mobile.order-3 div#card-cvv {
 width: 100%;
 } 
body.mobile.order-3 ul.card-expiration {
 margin-top: -10px;
 } 
body.mobile.order-3 ul.card-expiration li {
 width: 100%;
 }
body.mobile.order-3 div#card-expiration-month {
-webkit-appearance: menulist-button;
 width: 94%;
 height: 20px;
 padding: 1px 0 3px 5px;
 border: 1px solid #4c4c4c;
 font-size: 18px !important;
 }
body.mobile.order-3 div#card-expiration-year {
-webkit-appearance: menulist-button;
 width: 94%;
 height: 20px;
 padding: 1px 0 3px 5px;
 margin: 10px 0 0 0;
 border: 1px solid #4c4c4c;
 font-size: 18px !important;
 }
body.mobile.order-3 div#walletWidgetDiv {
 background-color: #fff !Important;
 }
body.mobile.order-3 div#walletWidgetDiv .widget-container iframe {
 padding: 5px 0 !important;
 border: 0 !important;
 }
body.mobile.order-3 div#walletWidgetDiv h1 {
color: #fff !important;
background-color: #fff !important;
}
body.mobile.order-3 #bill-to-amazon {
 padding: 0 8px 20px;
 margin-bottom: 20px;
}
body.mobile.order-3 #bill-to-amazon ul.horizontal {
 padding-left: 20px;
}
 
/*
 * checkout: order confirmation page
 */

body.mobile.order #confirm-header {
  height: auto;
  color: #757575;
  background-color: #fff;
  padding: 10px 15px 0 15px;
}
body.mobile.order #confirm-header h2 {
  display: block;
  height: auto;
  margin-bottom: 25px;
  padding: 0 65px 0 0;
  color: #757575;
  background-color: transparent;
}
body.mobile.order #confirm-header > h2,
body.mobile.order #confirm-header #order-total,
body.mobile.order #confirm-header #billing-to,
body.mobile.order #confirm-header #confirm-top {
  position: static;
}
body.mobile.order #confirm-header #order-total,
body.mobile.order #confirm-header #billing-to {
  margin-bottom: 20px;
}
body.mobile.order #confirm-header label {
  display: block;
}
body.mobile.order #confirm-header span {
  font-family: Tahoma, Geneva, Verdana, sans-serif;
  color: #000;
}
body.mobile.order #confirm-header #confirm-top {
  width: unset;
}
body.mobile.order #confirm-header #confirm-top input {
  display: block;
  margin: 0 auto 20px auto;
}
body.mobile.order-4 form > .left-column {
  display: block;
  float: none;
  width: auto !important;
}
body.mobile.order-4 form > .left-column section,
body.mobile.order-4 form > .right-column section {
  width: 90% !important;
  margin-top: 15px;
  padding: 0 0 0 15px !important;
}
body.mobile.order-4 form > .left-column section h2,
body.mobile.order-4 form > .right-column section h2 {
  display: block;
  position: static;
  padding: 15px;
  font: bold italic 14px Tahoma, Geneva, Verdana, sans-serif;
  color: #3b8537;
  background-color: transparent;
}
body.mobile.order-4 form > .right-column section h2 a,
body.mobile.order-4 form > .left-column section h2 a {
  float: right;
  display: block;
  padding: 5px;
  font: normal 10px Tahoma, Geneva, Verdana, sans-serif;
  color: #fff;
  background-color: #79c86e;
  text-decoration: none;
  text-transform: uppercase;
}
body.mobile.order-4 form > .left-column section > table {
  margin-bottom: 15px;
}
body.mobile.order-4 form > .left-column tr.hdr td {
  padding: 15px !important;
  font: bold italic 15px Tahoma, Geneva, Verdana, sans-serif !important;
  color: #757575;
  background-color: #f5f5f5 !important;
  float: left;
  width: 131%;
}
body.mobile.order-4 form > .left-column tr.totals td {
  font-size: 15px;
  color: #000;
}
body.mobile.order-4 form > div td:nth-child(1) {
  padding: 7px 0 7px 15px !important;
}
body.mobile.order-4 form > div td:nth-child(2) {
  padding: 7px 15px 7px 15px !important;
}
body.mobile.order-4 form > div td[colspan] {
  padding: 7px 15px !important;
}
body.mobile.order-4 form > div td[colspan] td {
  padding: 7px 0 !important;
}
body.mobile.order-4 form > .right-column {
  display: block;
  margin-left: 0 !important;
}
body.mobile.order-4 form > .right-column strong + br {
  display: none;
}
body.mobile.order-4 form > .right-column strong {
  display: block;
}
body.mobile.order-4 form > .right-column .donation {
  margin: 15px 0 10px -15px;
  padding: 15px 0 0 15px;
  border-top: 2px solid #e0e0e0;
}
body.mobile.order-4 form > .right-column .donation label span {
  width: 145px;
}
body.mobile.order-4 #magazine {
  width: 290px;
  margin: 0 auto !important;
  border-top: 1px solid #e0e0e0;
}
body.mobile.order-4 #magazine table {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
}
body.mobile.order-4 .donation input {
 width: 20px;
}
body.mobile.order-4 div#readOnlyWalletWidgetDiv .widget-container iframe {
 margin: 10px 0 0 -7px !important;
 border: none !important;
}

/*
 * login page
 */

body.mobile.login #content {
  width: 290px;
  margin: 0 auto;
}

body.mobile.login #content h1,
body.mobile.login #content .returning,
body.mobile.login #content .new {
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
}

body.mobile.login #content .returning .submit {
  margin: 0 0 12px 0;
}

body.mobile.login #content .alignleft {
  float: none;
  width: auto;
}

body.mobile.login #content .returning,
body.mobile.login #content .new {
  float: none;
  border-right: none;
}

body.mobile.login #content .new {
  margin-top: 12px;
  margin-bottom: 30px;
  border-top: 1px solid #999;
}

/*
 * order confirmation page
 */
body.mobile.thank_you img.conf_banner {
  width: 100%; 
  height: auto;
}

body.mobile.thank_you.cart.complete #content h1 {
  padding: 10px;
}

body.mobile.thank_you.cart.complete #content .message {
  margin: 0 10px;
}

body.mobile.thank_you.cart.complete #content .order tbody .summary div {
  overflow: visible; 
  margin: 5px 0 10px;
}

body.mobile.thank_you.cart.complete #content .order th.product,
body.mobile.thank_you.cart.complete #content .order td.product {
  display: none;
}

body.mobile.thank_you.cart.complete #content .order thead,
body.mobile.thank_you.cart.complete #content .order tr {
  width: 100%;
  display: inline-block;
}

body.mobile.thank_you.cart.complete #content .order thead th {
  padding: 10px 0;
}

body.mobile.thank_you.cart.complete #content .order tbody .summary div label,
body.mobile.thank_you.cart.complete #content .order tbody .summary div span {
  width: 100%;
  text-align: left;
}

body.mobile.thank_you.cart.complete #content .order tbody .summary div span {
  margin-bottom: 10px;
}

body.mobile.thank_you.cart.complete #content .order th.summary,
body.mobile.thank_you.cart.complete #content .order td.summary {
  width: 27%;
  display: inline-block;
}

body.mobile.thank_you.cart.complete #content .order td.summary {
  padding-bottom: 0;
}

body.mobile.thank_you.cart.complete #content .order th.recipient,
body.mobile.thank_you.cart.complete #content .order td.recipient {
  width: 35%;
  display: inline-block;
}

body.mobile.thank_you.cart.complete #content .order tbody .recipient div {
  margin: 0;
}

body.mobile.thank_you.cart.complete #content .order tbody .recipient div:first-child {
 margin: 5px 0 10px;

}

body.mobile.thank_you.cart.complete #content .order th.note {
  text-transform: capitalize; 
}

body.mobile.thank_you.cart.complete #content .order th.note,
body.mobile.thank_you.cart.complete #content .order td.note {
  width: 34%;
  display: inline-block;
}

body.mobile.thank_you.cart.complete #content .order td.note div {
  margin: 8px 0 0 5px;
  border: none;
  padding: 0;
}

body.mobile.thank_you.cart.complete #content .order td.note div span {
  margin-top: 10px;
  float: left;
}

body.mobile.thank_you.cart.complete #content .order,
body.mobile.thank_you.cart.complete #content .billing {
  width: 95%;
  margin: 0 10px;
}

body.mobile.thank_you.cart.complete .billing > div,
body.mobile.thank_you.cart.complete #content .billing h3,
body.mobile.thank_you.cart.complete #content .billing .summary div {
  width: 100% !important;
  padding: 10px 0;
}

body.mobile.thank_you.cart.complete #content .billing .summary .total {
  color: #71cb64;
  margin: 0 0 -5px 0;
  padding: 0;
  font-size: 14px;
  text-transform: capitalize;
}

body.mobile.thank_you.cart.complete #content .billing .bill-to div,
body.mobile.thank_you.cart.complete #content .billing .payment div {
  padding: 0;
  margin: 0;
}

body.mobile.thank_you.cart.complete #content div.account,
body.mobile.thank_you.cart.complete #content div.continue {
  width: 97%;
  margin: 5px 10px;
}

body.mobile.thank_you.cart.complete #content div.account a,
body.mobile.thank_you.cart.complete #content div.continue a   {
  width: unset;
}

body.mobile.thank_you .overlayBox {
 width: 90%;
 height: auto;
 }

body.mobile.thank_you .overlayBox a.closeOffer {
 font-size: 12px;
 }

body.mobile.thank_you .overlayBox img {
 width: 100%;
 height: 100%;
 }

/*
 * mailing list page
 */

body.mobile.mailing_list #content {
  width: 290px;
  margin: 0 auto;
}

body.mobile.mailing_list #content .content {
  margin-bottom: 24px;
  padding: 0;
  background: none;
}

body.mobile.mailing_list #content h1 {
  margin: 0 !important;
  padding: 0 !important;
}

body.mobile.mailing_list #content h1 + div {
  width: auto !important;
}

body.mobile.mailing_list #content input {
  width: 276px;
}

body.mobile.mailing_list #subfooter #newsletter {
  display: none;
}

/*
 * contact page
 */

body.mobile.contact #content {
  width: 290px;
  margin: 0 auto;
}

body.mobile.contact #content .content {
  margin-bottom: 24px;
  padding: 0;
}

body.mobile.contact #content h1 {
  margin: 0;
  padding: 0;
}

body.mobile.contact #content .indent {
  margin-top: 12px;
}

/*
 * privacy page
 */

body.mobile.privacy #content {
  width: 290px;
  margin: 0 auto;
}

/*
 * guarantee page
 */

body.mobile.guarantee #content {
  width: 290px;
  margin: 0 auto;
}

body.mobile.guarantee #content .content {
  margin-bottom: 24px;
  padding: 0;
}

body.mobile.guarantee #content h1 {
  margin: 0;
  padding: 0;
}

body.mobile.guarantee #content .indent {
  margin-top: 12px;
}

/*
 * flower-coupons-discounts page
 */

body.mobile.flower-coupons-discounts #content #discountsCoupons,
body.mobile.send-flowers-mothers-day-flower-coupons #content #discountsCoupons {
  display: block;
  float: none;
  width: auto;
  margin: 0 15px;
  padding: 0;
  font-size: 14px;
}

body.mobile.flower-coupons-discounts #content #discountsCoupons li,
body.mobile.send-flowers-mothers-day-flower-couponss #content #discountsCoupons li {
  position: relative;
  overflow: hidden;
  padding-bottom: 65px;
}

body.mobile.flower-coupons-discounts #content #discountsCoupons li .dealDetails,
body.mobile.send-flowers-mothers-day-flower-coupons #content #discountsCoupons li .dealDetails {
  position: absolute;
  float: none;
  display: block;
  bottom: 15px;
  width: 100%;
  padding: 0;
  text-align: center;
}

body.mobile.flower-coupons-discounts #content #discountsCoupons li h2,
body.mobile.send-flowers-mothers-day-flower-coupons #content #discountsCoupons li h2 {
  margin: 8px 10px;
  padding: 0;
  line-height: 1.2em;
  text-align: center;
}

body.mobile.flower-coupons-discounts #content #discountsCoupons li .apply,
body.mobile.send-flowers-mothers-day-flower-coupons #content #discountsCoupons li .apply {
  display: block;
  width: 142px;
  height: 31px;
  margin: 4px auto 8px auto;
  background: url("../images/content/btn_apply.gif?auto=webp&quality=25") 0 0 no-repeat;
  cursor: pointer;
}

body.mobile.send-flowers-mothers-day-flower-coupons #content #discountsCoupons li .deal {
 padding-bottom: 25px;
 }
 
body.mobile.flower-coupons-discounts #content #discountsCoupons li .deal .dealTerms,
body.mobile.send-flowers-mothers-day-flower-coupons #content #discountsCoupons li .deal .dealTerms {
  width: auto;
  font-size: 14px;
  padding: 0 10px;
}

body.mobile.flower-coupons-discounts #content #discountsCoupons div.aggregateReviews { 
 width: 100%;
 padding-bottom: 10px;
 height: 50px;
 }

body.mobile.flower-coupons-discounts #content #discountsCoupons .couponReviews ul {
  width: 100% !important;
}
 
body.mobile.flower-coupons-discounts #content #discountsCoupons .couponReviews ul li.testimonialProd {
  width: 20%;
  text-align: left;
  font-size: 12px;
  padding-right: 5px;
 }
 
body.mobile.flower-coupons-discounts #content #discountsCoupons .couponReviews ul li.testimonialText {
  width: 50%;
  font-size: 15px;
  vertical-align: top;
  font-style: italic;
  padding-bottom: 0;
}

body.mobile.flower-coupons-discounts #content #discountsCoupons .couponReviews ul li.testimonialDetails {
  width: 26%;
} 

body.mobile.flower-coupons-discounts #content #discountsCoupons .couponPage div.couponReviews {
  width: 100%;
}

body.mobile.flower-coupons-discounts #footer {
  display: block;
  padding: 0 10px;
}

body.mobile.flower-coupons-discounts #footer .wrap {
 padding: 15px 10px;
 color: #666;
 border-top: 1px dotted #ccc;
 }
  
/*
 * share testimonial page
 */

body.mobile.share-testimonial #content {
  width: 290px;
  margin: 0 auto;
}

body.mobile.share-testimonial #content h1 {
  margin: 0 0 15px 0;
  padding: 0;
}

body.mobile.share-testimonial #content form {
  padding: 0 !important;
}

body.mobile.share-testimonial #content td > input,
body.mobile.share-testimonial #content td > textarea {
  width: 250px !important;
  font-size: 16px;
}

/*
 * base-page template
 */

body.mobile.base-page #content {
  max-width: 640px;
  margin: 0 auto;
}

body.mobile.base-page #content > .wrap {
  margin: 0 15px;
}

body.mobile.base-page #content .content {
  padding: 0;
}

body.mobile #content .content {
 padding: 0 25px 20px 20px;
 }

body.mobile.base-page #content h1 {
  margin: 0;
  padding: 0;
}

body.mobile.base-page #content img {
  width: 100%;
  height: auto !important;
  margin: 5px auto;
}

body.mobile.base-page #content .flowerResource {
  display: block;
  width: auto;
  margin: 0;
}

body.mobile.base-page #content .flowerResource .dropDown {
  float: left;
  width: 101%;
  margin: 0 0 5px 0;
  clear: both;
}

body.mobile.base-page.best-inspirational-quotes #content .flowerResource .dropDown {
  margin-top: 20px;
}

body.mobile.base-page #content .flowerResource .dropDown > li {
  width: 49%;
  margin-bottom: 6px;
  margin-right: 3px;
}

body.mobile.base-page .flowerResource .dropDown li.last {
  width: 99% !important;
}

body.mobile.base-page .flowerResource .dropDown li span {
  width: 100%;
}

body.mobile.base-page #content .flowerResource .dropDown .subMenu {
  width: 170px;
  margin-left: auto !important;
  left: auto !important;
}

body.mobile.base-page #content .flowerResource .dropDown .subMenu ul li {
  width: 166px;
}

body.mobile.base-page #content .flowerResource .dropDown .subMenu ul li a {
  width: 150px;
}

body.mobile.base-page #content .flowerResource .dropDown .subMenu ul li.last a {
  border-bottom: none;
}

body.mobile.base-page #content .flowerResource p {
  width: auto;
  margin: 15px 0 0 0 !important;
}

body.mobile.base-page #content .prod-list {
  width: 215px;
  margin: 0 auto;
}

body.mobile.base-page #content .pinterestBirthday {
  margin-top: 0;
}

body.mobile.base-page #content .pinterestBirthday ul {
  display: block;
}

body.mobile.base-page #content .pinterestBirthday ul li,
body.mobile.base-page #content .pinterestBirthday ul li img {
  float: none;
}

body.mobile.base-page #content .pinterestBirthday ul li img {
  margin-bottom: 50px;
}

/* Flower Resource Guide */
body.mobile.flower-guide .flowerResource img.customerFavorites {
  width: 800px !important;
  margin-left: -270px !important;
}

body.mobile.best-inspirational-quotes .inspQuotes ul li div.content {
  float: left !important;
  width: 100%;
}

body.mobile.birthday-sayings .pinterestBirthday div.pinterestButton {
  margin-left: 10px;
}

body.mobile.official-state-flowers-usa #base-page ul.tableHead,
body.mobile.birth-month-flowers #base-page ul.tableHead,
body.mobile.anniversary-flowers-by-year #base-page ul.tableHead {
  height: auto;
}

body.mobile.official-state-flowers-usa #base-page ul.tableHead li,
body.mobile.official-state-flowers-usa  #base-page ul.entry li,
body.mobile.birth-month-flowers #base-page ul.tableHead li,
body.mobile.birth-month-flowers #base-page ul.entry li,
body.mobile.anniversary-flowers-by-year #base-page ul.tableHead li,
body.mobile.anniversary-flowers-by-year #base-page ul.entry li {
  width: 19%;
  font-size: 10px;
  text-align: center;
}

body.mobile.valentines-day-gift-guide table img {
  width: 30% !important;
}

body.mobile.valentines-day-gift-ideas-for-her table img,
body.mobile.valentines-day-gift-ideas-for-her table p.skuTitle {
  display: none;
}

/*
 * about page
 */

body.mobile.about #content h1 {
 margin-bottom: -5px;
 }

/*
 * sitemap
 */
body.mobile.sitemap h1 {
 margin: 0 0 0 20px !important;
 }

body.mobile.sitemap table {
 margin: 0 0 0 20px !important;
 width: 85%;
 }  

body.mobile.sitemap p.sitemapHead {
 font-size: 18px;
 margin: 10px 0;
 float: left;
 width: 100%;
 border-bottom: 1px solid #ddd;
 }
 
body.mobile.sitemap a.sitemapLink {
 float: left;
 height: 35px;
 font-size: 14px;
 width: 100%;
 }

/*
 * radio
 */

body.mobile.radio #radio-form {
 margin: 0;
 width: auto;
 background: url("../images/content_320/radio-form-bg.png?auto=webp&quality=25") no-repeat top left;
 background-size: auto;
 height: 375px;
 }
 
body.mobile.radio #radio-form #f-code {
 margin: -5px 0 0 15px !important;
 width: 55%;
 padding-top: 3px;
 } 

body.mobile.radio #radio-form #b-go {
 margin: -37px 0 0 285px;
 } 
 
/* 
 * region
 */
body.mobile.region #browse .navState {
 width: auto;
 margin: 0 10px 10px;
 text-align: center;
}  

body.mobile.region #browse .navState h3,
body.mobile.region #browse .navState h4,
body.mobile.region #browse .navState p {
 text-align: left;
 }
 
/*
 * 404
 */
body.mobile.error .fourOhFour {
 padding: 0 30px;
 margin: -5px 0 0 -10px;
}

body.mobile.error .fourOhFour img {
 width: 100%;
 }
 
body.mobile.error .fourOhFour .rightContent {
 width: 100%;
 margin: 10px 0;
 text-align: center;
 } 

/* 
 * sweepstakes
 */
body.mobile.sweepstakes .sweepsContent, 
body.mobile.thank_you_sweepstakes .sweepsContentThanks, 
body.mobile .sweepsContentThanks, 
body.mobile.sweepstakes .sweepsContentClosed {
 width: 100%;
 height: auto;
 background-image: none; 
 margin-top: 0 !important;
 } 

body.mobile.sweepstakes img.mobileHead,
body.mobile.thank_you_sweepstakes img.mobileHead {
 display: inline-block;
 width: 100%;
 } 

body.mobile.sweepstakes .inputs {
 width: 96%;
 margin: 0 10px; 
 }

body.mobile.sweepstakes .inputs label,
body.mobile.sweepstakes .inputs .half {
 display: inline-block;
 width: 100%;
 } 

body.mobile.sweepstakes .inputs .half input {
 display: inline-block;
 width: 96%;
 } 

body.mobile.sweepstakes .submit {
 width: 100%;
 margin: 0 10px;
 }
 
body.mobile.sweepstakes .submit .primaryButton,
body.mobile.thank_you_sweepstakes .sweepsContentThanks .primaryButton,
body.mobile .sweepsContentThanks .primaryButton,
body.mobile.sweepstakes .sweepsContentClosed .primaryButton {
 width: 95%;
 margin: 100px 0 0 0;
 }

body.mobile.sweepstakes .submit label {
 width: 90%;
 margin: 15px 0 0;
 text-align: left;
 }
 
body.mobile.sweepstakes #content #snippet,
body.mobile.thank_you_sweepstakes #content #snippet,
body.mobile #content #snippet {
 width: auto;
 margin: 15px;
 padding-top: 15px;
 clear: both;
 }
 
body.mobile.thank_you_sweepstakes .sweepsContentThanks .buy,
body.mobile .sweepsContentThanks .buy,
body.mobile.sweepstakes .sweepsContentClosed .buy {
 margin: 0 10px 10px;
 padding-top: 5px;
 display: inline-block;
 width: 95%;
 } 

body.mobile.thank_you_sweepstakes .sweepsContentThanks .buy a,
body.mobile .sweepsContentThanks .buy a,
body.mobile.sweepstakes .sweepsContentClosed .buy a {
 display: inline-block;
 width: 100%;
 margin: 0;
 padding: 10px 0 0 0;
 height: 40px;
 }

body.mobile.thank_you_sweepstakes .sweepsContentThanks ul,
body.mobile .sweepsContentThanks ul,
body.mobile.sweepstakes .sweepsContentClosed ul,
body.mobile.sweepstakes #content #bestSellers,
body.mobile.thank_you_sweepstakes #content #bestSellers {
 display: none;
 } 

/* 
 * florist local pages
 */
body.mobile .local h1 {
 margin-top: 0 !important;
 font-size: 26px !important;
}

body.mobile .local h2 {
 font-size: 18px;
}

body.mobile .local .intro {
 font-size: 12px;
 line-height: normal;
 text-align: center;
}

body.mobile .local img.hero-florist {
 width: 100%;
 margin: 5px 0 10px;
 } 

body.mobile .shop-florist a {
 background: url("../images/florists_320/bg_local.gif?auto=webp&quality=25") top left repeat-x;
 height: 40px;
 font-size: 14px;
 line-height: normal;
 padding-top: 10px;
 }
 
/* 
 * social justice page
 */
.mobile.justice,
.mobile.justice h1 {
 width: auto;
 }
  
.mobile.justice .together {
 padding: 0 5px;
 margin: 0 10px;
 } 

.mobile.justice .together p:nth-child(-n+4) {
 width: 85%;
 }

.mobile.justice .together img {
 margin: 5px 0 10px;
 }