/*-------------------  ADDITIONS FOR NEW DESIGN 2015 / RESPONSIVE-------------------------- */



/* ALL PAGES */
h2,h3,h4,h5,h6 {
	font-family: 'Roboto', Arial, sans serif;
}

a {
	outline: 0 !important;
}

@font-face {
  font-family: 'FontAwesome';
  src: url('assets/fonts/fontawesome-webfont.eot?v=3.2.1');
  src: url('assets/fonts/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('assets/fonts/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('assets/fonts/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('assets/fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*======== selection style ========*/
::selection {
	color: #fff;
	background: #DC4181;
}
::-moz-selection {
	color: #fff;
	background: #DC4181;
}


body {
	font-family: 'Roboto', Arial, sans serif;
	padding: 0px !important;
	background-image: none;
	background-color: #fff;
	color: #333333;
}

.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}

[class*="span"].marginright {
	margin: 0;
	margin-right: 20px;
}

[class*="span"].margintop {
	margin: 0;
	margin-top: 20px;
}


[class*="span"].marginnone,
h2.marginnone {
	margin: 0 !important;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	box-shadow: none;
	border-radius: 0px;
	border: 1px solid #f5f5f5;
}



.noborder {
	border: none !important;
}

#search-radius select, 
#search-radius input[type="text"] {
	background-color: #fb7db1;
	color: #fff;
}


p {
	font-family: 'Roboto', Arial, sans serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 28px;
	color: #333333 !important;
}

p a {
	color: #7bb32e !important;
	text-decoration: underline;
}

p a:hover {
	color: #dc4181 !important;
}

.pink {
    color: #dc4181 !important;
}

.mobileheader,
.mobilesearch,
.fullsitelink,
#mobilemenu,
.mobilefeaturelinks { display: none; }


#header-bg {
	min-height: 140px;
	border-bottom: 50px solid #dc4181;
	background: repeating-linear-gradient(
  		-45deg,
  		#fb5fa0,
  		#fb5fa0 10px,
  		#f65a9b 10px,
  		#f65a9b 20px
		);
	box-shadow: none;
}

#topHeader ul#topNav {
	margin-top: 40px;
}

#topHeader ul#topNav li a {
	text-shadow: none;
	padding: 14px 0px 14px 24px;
	color: #fff;
	transition: none;
}

#topHeader ul#topNav li a:hover {
	color: #981049;
}

.form-search .input-append .search-query {
	border: 0px;	
	border-radius: 0px;
	background-color: #fb7db1;
	box-shadow: none;
	color: #FFFFFF !important;
	text-transform: uppercase;
	font-size: 12px;
}

input:focus:required:invalid, 
textarea:focus:required:invalid, 
select:focus:required:invalid {
	color: #000;
}

.form-search .input-append .btn {
	border: 0px;
	border-radius: 0px;
	background-color: #fb7db1;
	background-image: none;
	box-shadow: none;
}

#middleHeader {
	border: 0px;
	padding: 20px 0px;
}

#middleHeader form {
    float:right;
    margin-top: 20px;
}

#middleHeader #logo h1 a {
	top: 0px;
}

#mainNav {
	position: absolute;
	margin-top: -50px;
	border: none;
	border-radius: none;
	box-shadow: none;
	background-color: transparent;
}

#mainNav nav ul li {
	height: 50px;
	border: none;
	box-shadow: none;
	padding: 0px 16px;
}

#mainNav nav ul li a {
	color: #fff;
	font-family: 'Roboto', Arial, sans serif;
	font-weight: 400;
	font-size: 13px;
	padding: 0px !important;
	line-height: 50px;
	transition: none;
}

#mainNav nav ul li:first-child a {
	font-size: 16px;				/* home button icon */
}

#mainNav nav ul li a.hasdropdown {
	background: none;
}

#mainNav nav ul ul.submenu {
	border: 0px;
}

#mainNav nav ul ul.submenu li a:link, 
#mainNav nav ul ul.submenu li a:visited {
	padding: 10px 20px 10px 4px !important;
	border-top: 1px dashed #fcc3da;
	background-image: none;
}

#mainNav nav ul ul.submenu li:first-child a {
	border: 0px;
}

/* footer */

footer {
	clear: both;
	background-color: #629916;
	border-top: 30px solid #8dc63f;
	box-shadow: none;
	color: #fff;
	font-family: 'Roboto', Arial, sans serif;
	font-weight: 400;
	font-size: 14px;
	text-shadow: none;
	
}

footer div.footertitle {
	font-family: 'Oleo Script', Times New Roman, serif;
	font-weight: 400;
	font-size: 32px;
	color: #fff;
	text-transform: none;
	text-shadow: none;
	margin: 0px 0px 15px 0px;
	padding: 0px;
}

footer a {
	color: #fff !important;
	text-shadow: none;
	font-family: 'Roboto', Arial, sans serif;
	font-weight: 400;
	font-size: 14px;
	transition: none;
}

footer a:hover {
	color: #bef179 !important;
	text-decoration: underline;
}

footer ul li {
	line-height: 25px;
}

footer ul.social li {
	float: left;
	margin: 8px 0px;
	padding: 0px;
	width: 50px;
}

footer ul.social li a {
	color: #fff;
	font-family: 'FontAwesome';
	font-size: 36px;
}

footer ul.social li a:hover {
	text-decoration: none !important;
}

footer .email {
	clear: both;
	float: left;
	margin-top: 15px;
}

footer .copyright {
	width: 100%;
	padding: 0px;
	margin: 0px;
	color: #bef179 !important;
	text-shadow: none;
	font-family: 'Roboto', Arial, sans serif;
	font-weight: 400;
	font-size: 14px;
}

footer .copyright p {
	color: #bef179 !important;
}

footer .copyright a {

}

footer .copyright a:hover {
	color: #bef179  !important;
	text-decoration: underline;
}

.AuthorizeNetSeal {
	position: relative; 
	margin-left: 20px;
}

/* HOME PAGE */


.bxslider li:nth-child(n+2) {
	position: absolute;
}
#featureBoxes {
	width: 100%;
	margin: 34px 0px;
}

#featureBoxes .feature {
	float: left;
	position: relative;
	width: 310px;
	margin-left: 15px;
	height: 220px;
	background-color: #dc4181;
	color: #fff;
	overflow: hidden;
	box-shadow: none;
}

#featureBoxes .feature:first-child {
	margin-left: 0px;
}

#featureBoxes .feature h2 {
	font-family: 'Oleo Script', Times New Roman, serif;
	font-weight: 400;
	font-size: 36px;
	background-color: #7bb32e;
	color: #fff;
	text-transform: none;
	text-shadow: none;
	margin: 0px;
	padding: 10px 0px 2px 8px;
}

#featureBoxes .featureInner {
	font-family: 'Roboto', Arial, sans serif;
	font-weight: 400;
	padding: 25px 20px 0px 22px;
}

#featureBoxes .featureInner span {
	display: block;
	font-size: 42px;
	font-weight: 700;
	line-height: 38px;
}

#featureBoxes .loyalty img.loyaltybg {
	bottom: 0;
    position: absolute;
    right: 20px;
}

#featureBoxes .form-horizontal .control-group {
	margin-bottom: 10px;
}

#featureBoxes .form-horizontal .control-label,
#featureBoxes .form-horizontal .controls {
	float: left;
	width: auto;
	margin: 0px;
	padding: 0px;
	text-align: left;
	text-transform: uppercase;
	font-family: 'Roboto', Arial, sans serif;
	font-weight: 400;
	font-size: 13px;
	
}

#featureBoxes .form-horizontal .control-label:first-child,
#featureBoxes .form-horizontal .controls:first-child {
	width: 160px;
}

#featureBoxes .form-horizontal .controls #location {
	width: 80%;
	padding: 5px 10px;
}

#featureBoxes .btn-success {
	position: absolute;
	bottom: 15px;
	width: 120px;
	padding: 8px;
	background-image: none;
	background-color: #981049;
	border: 0px;
	border-radius: 0px;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Roboto', Arial, sans serif;
	font-weight: 400;
	font-size: 16px;
	text-shadow: none;
}

#featureBoxes .btn-success:hover {
	background-color: #fb7db1;
}

#featureBoxes .loyalty {
	background: repeating-linear-gradient(
  		-45deg,
  		#dd4583,
  		#dd4583 10px,
  		#d8407e 10px,
  		#d8407e 20px);
}

#featureBoxes .franchise {
	background: url('/images/uploads/graphics/Untitled-3-01.png') left 52px no-repeat transparent;
}

#featureBoxes .img.loyaltybg {
	position: absolute;
	right: 20px;
	bottom: 0;
}

#featureBoxes .franchise img.franchisebg {
	position: absolute;
	top: 52px;
	left: 0px;
}

.divider {
	float: left;
	width: 100%;
	height: 29px;
	background: url('/images/uploads/divider-eyes.png') center top no-repeat transparent;
	margin: 40px 0px 35px 0px;
}

/* all banners */

.banner {
	height: 264px;
	overflow: hidden;
	background-color: transparent;
}

.banner h3 {
	font-family: 'Oleo Script', Times New Roman, serif;
	font-weight: 400;
	font-size: 36px;
	color: #fff;
	text-transform: none;
	margin: 0px;
	padding: 10px 0px 2px 8px;
}

.banner a {
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	text-shadow: 1px 1px 1px #000;
}

.banner .btn-success {
	bottom: 15px;
	width: 120px;
	padding: 8px;
	margin: 8px 0px 0px 20px;
	background-image: none;
	background-color: #7bb32e;
	border: 0px;
	border-radius: 0px;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Roboto', Arial, sans serif;
	font-weight: 700;
	font-size: 16px;
	text-shadow: none;
}

.banner .btn-success:hover {
	background-color: #fb7db1;
}

/* large left banner */

.banner.large {
	background: url('/images/uploads/home-banner-community.jpg') left bottom no-repeat transparent;
	width: 590px;
	float: left;
}

.banner.large h3 {
	margin-top: 180px;
	padding-right: 20px;
	text-align: right;
	text-shadow: 1px 1px 1px #000;
}

.banner.large a {
	float: right;
	padding-right: 20px;
}

.banner.large a:hover {
	text-decoration: underline;
}

/* small right banner */

.banner.small {
	background: url('/images/uploads/home-banner-shop.png') right bottom no-repeat transparent;
	width: 340px;
	float: right;
}

.banner.small h3 {
	width: 60%;
	margin-top: 50px;
	text-align: left;
	padding-left: 20px;
	text-shadow: none;
	
}

/* social media feeds */

.instagramFeed {
	float: left;
}

.twitterFeed {
	float: right;
}

.instagramFeed h3,
.twitterFeed h3 {
	font-family: 'Oleo Script', Times New Roman, serif;
	font-weight: 400;
	font-size: 36px;
	color: #dc4181;
}

.flavorbar {
	float: left;
	width: 98%;
	height: 230px;
	background: url('/images/uploads/flavor-bar.png') center top no-repeat transparent;
	background-size: contain;
	margin: 50px 0px 0px 0px;
}

/* SECONDARY CONTENT PAGES */

h1.pagehdr {
	width: 100%;
	background: url('/images/uploads/header-eyes.png') right bottom no-repeat transparent;
	border-bottom: 1px solid #fcc3da;
	font-family: 'Oleo Script', Times New Roman, serif;
	font-weight: 400;
	font-size: 41px;
	color: #b91f5f;
	text-transform: none;
	text-shadow: none;
	margin: 0px;
	padding: 0px;
}

h2.pagehdr {
	clear: both;
	float: left;width: 100%;
	font-family: 'Roboto', Arial, sans serif;
	font-weight: 700;
	font-size: 26px;
	line-height: 32px;
	color: #7bb32e;
	text-transform: none;
	text-shadow: none;
	margin: 20px 0px 0px 0px;
	padding: 0px;
}

h3.pagehdr,
div.pagehdr {
	clear: both;
	float: left;
	width: 100%;
	font-family: 'Roboto', Arial, sans serif;
	font-weight: 700;
	font-size: 20px;
	line-height: 22px;
	color: #7bb32e;
	text-transform: none;
	text-shadow: none;
	margin: 0px;
	padding: 0px;
}

h4.pagehdr {
	clear: both;
	float: left;
	width: 100%;
	font-family: 'Roboto', Arial, sans serif;
	font-weight: 700;
	font-size: 16px;
	color: #dc4181;
	text-transform: none;
	text-shadow: none;
	margin: 0px;
	padding: 0px;
}

.pageintro {
	float: left;
	width: 100%;
}

.pagecontent {
	float: left;
	width: 100%;
	padding-top: 20px;
}

.pagecontent i {
	margin-right: 15px;
	color: #7bb32e;
}
.pagecontent h4,
.pagecontent h2.corporate,
.pagecontent h3.search {
	font-family: 'Roboto', Arial, sans serif;
	font-weight: 700;
	font-size: 20px;
}

h2.yogurtcarousel,
h3.loyaltytitle {
    font-family: 'Roboto', Arial, sans serif;
    font-weight: 700;
    font-size: 20px;
}

.pagecontent .headerimg {
	margin-top: 25px;
}



ul.pagemenu {
	float: left;
}

ul.pagemenu li {
	float: left;
	padding: 8px 40px 0px 0px;
}

ul.pagemenu li a {
	font-family: 'Roboto', Arial, sans serif;
	font-weight: 400;
	font-size: 12px;
	color: #fb5fa0;
	text-transform: uppercase;
}

ul.pagemenu li a:hover,
ul.pagemenu li.active a {
	color: #b91f5f;
	text-decoration: underline;
}

.pageimage.fullwidth {
	float: left;
	width: 100%;
	margin: 20px 0px 0px 0px;
}

.pageimage.fullwidth img {
	width: 100%;
	height: auto;
}

a.btn-primary,
input.btn-primary, 
button.btn-primary{
	background-color: #dc4181;
    background-image: none;
    border: 0 none;
    border-radius: 0;
    box-shadow: none;
    color: #fff !important;
    font-family: "Roboto",Arial,sans serif;
    font-size: 16px;
    font-weight: 400;
    margin: 10px 15px 10px 0px;
    padding: 8px 12px;
    text-shadow: none;
    text-transform: uppercase;
	text-decoration: none;
    width: auto;
}

a.btn-primary:hover,
input.btn-primary:hover,
button.btn-primary:hover {
	background-color: #7bbc3e;
	color: #fff !important;
}

a.btn-large {
	font-size: 22px;
	padding: 15px 18px;
}

a.btn-plain {
	background-color: #f1f1f1;
	color: #000 !important;
}

/* LOCATIONS */

#location-map {
    border: 1px solid #999;
    border-radius: 0;
}	

.form-actions {
    background-color: transparent;
    border-top: 0px;
    padding: 0px;
}
	
.storeList {
	float: left;
	width: 100%;
	margin: 20px 0px;
}

.storeJumper {
	float: left;
	width: 100%;
	margin-top: 10px;
}

.storeJumper h3.pagehdr {
	width: auto;
}

.storeJumper select {
	float: left;
	margin-top: 5px;
	color: #333;
	border: 1px solid #ddd;
	margin-left: 20px;
}

a.back-to-top {
    position: fixed;
    bottom: 40px;
    right: 10px;
	padding: 10px 12px;
    text-decoration: none;
    color: #fff;
    background-color: #dc4181;
    font-family: 'Roboto', Arial, sans serif;
	font-weight: 400;
	font-size: 16px;
    display: none;
}

a.back-to-top:hover {    
    background-color: #fb7db1;
}

.storeList a.btn-primary {
	width: auto;
	margin: 10px 0px;
	padding: 8px 12px;
	background-image: none;
	background-color: #f1f1f1;
	border: 0px;
	border-radius: 0px;
	color: #629916 !important;
	text-transform: uppercase;
	font-family: 'Roboto', Arial, sans serif;
	font-weight: 700;
	font-size: 13px;
	text-shadow: none;
	box-shadow: none;
}

.storeList a.btn-primary:hover {
	color: #dc4181 !important;
}

.storeList a.btn-primary.comingsoon {
	background-color: #dc4181 !important;
	color: #fff !important;
}

.storeList a.btn-primary.comingsoon:hover {
	background-color: #fb7db1 !important;
}

.storeList a.btn-primary.closedwinter {
	background-color: #34c2eb !important;
	color: #fff !important;
}

.storeList a.btn-primary.closedwinter:hover {
	background-color: #7fddf8 !important;
}

h2.store_directions {
	font-size: 20px;
}

div.state_outer h2,
div.state_outer h2 span {
	background-color: #8dc63f;
	border: 0px;
	text-align: left;
	padding: 0px 5px;
	font-size: 16px;
	line-height: 30px;
	color: #fff;
	text-shadow: none;
}

div.state_outer h2 a {
	color: #fff;
	font-family: 'Roboto', Arial, sans serif;
	font-weight: 700;
	font-size: 16px;
	text-shadow: none;
	line-height: 30px;
}

div.state_outer h3,
div.state_outer h3 span {
	background-color: #8dc63f;
	border: 0px;
	text-align: left;
	padding: 0px 5px;
	font-size: 16px;
	line-height: 30px;
	color: #fff;
	text-shadow: none;
}

div.state_outer h3 a {
	color: #fff;
	font-family: 'Roboto', Arial, sans serif;
	font-weight: 700;
	font-size: 16px;
	text-shadow: none;
	line-height: 30px;
}

ol.state_location {
	width: 100%;
	margin: 20px 0px;
}

ol.state_location h4 {
	font-family: 'Roboto', Arial, sans serif;
	font-weight: 400;
	font-size: 18px;
}

ol.state_location li {
	float: left;
	width: 290px;
	margin: 0px 15px;
	height: 230px;
	font-family: 'Roboto', Arial, sans serif;
	font-weight: 400;
	font-size: 14px;
	
}

#giftcard-map-header {
        margin-top: 10px;
}

/* map black address box */

.ui-infobox-dark .ui-infobox-content p {
color: #fff !important;
}

/* INDIVIDUAL STORE LOCATIONS */

h1.locationName {
	font-family: 'Roboto', Arial, sans serif;
	font-weight: 600;
	font-size: 30px;
    color: #000;
}

.contactDetails {
	float: left;
	width: 50%;
	font-family: 'Roboto', Arial, sans serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 22px;
}

.contactDetails .comingSoon {
	background-color: #dc4181;
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    margin: 0 0 20px;
    padding: 8px 10px;
    text-align: center;
    text-transform: uppercase;
}

.contactDetails .closedWinter {
	background-color: #34c2eb;
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    margin: 0 0 20px;
    padding: 8px 10px;
    text-align: center;
    text-transform: uppercase;
}

.contactDetails h3,
.mapDetails h3 {
	font-family: 'Roboto', Arial, sans serif;
	font-weight: 600;
	font-size: 20px;
	text-transform: uppercase;
}

.address {
	width: 100%;
	font-size: 20px;
	line-height: 26px;
}

.address span {
	font-weight: 600;
	font-size: 20px;
}

.hours {
	float: left;
	width: 100%;
	margin-top: 20px;
}

.icon {
	float: left;
	width: 110px;
	text-align: center;
	margin-right: 20px;
	font-size: 11px;
	line-height: 13px;
}

.icon a {
	display: block;
	margin-bottom: 5px;
}

.icon a img {
	width: 100%;
	max-width: 120px;
}

.social a {
	float: left;
	width: 55px;
	margin-right: 10px;
}

.social a img {
	width: 100%;
	max-width: 100px;
}

table.storeInfo {
	width: 90%;
	border-top: 1px solid #7fba00;
	border-bottom: 1px solid #7fba00;
	margin-top: 25px;
}

table.storeInfo th,
table.storeInfo td {
	text-align: left;
	vertical-align: top;
	padding: 10px 20px 10px 0px;
}

table.storeInfo th {
	font-family: 'Roboto', Arial, sans serif;
	font-weight: 600;
	font-size: 20px;
	padding-right: 20px;
	color: #000;
}


.mapDetails {
	float: left; 
	width: 100%;
}

.mapDetails .input-xlarge {
	border: 1px solid #dedede;
}

.mapDetails .btn-large {
	border-radius: 0px;
	border: 0px;
	padding: 7px 15px;
}

.locationStoreDesc {
	float: right;
	width: 45%;
}

.locationStoreDesc .bx-wrapper {
	margin-bottom: 20px !important;
}

/* FLAVORS */

.availableFlavors {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.availableFlavors h3 {
	font-family: 'Roboto', Arial, sans serif;
	font-weight: 600;
	font-size: 20px;
	text-transform: uppercase;
}

.availableFlavors ul.thumbnails {
	margin-left: 0px;
}

.availableFlavors ul.thumbnails > li {
	margin-left: 0px;
	margin-right: 20px;
}

.flavor-graphic {
	border-radius: 0px;
	width: 190px;
	box-shadow: none;
	height: auto;
	text-align: center;
}

.availableFlavors.storeLocation .flavor-graphic {   /* flavor list on store location page */
	width: 120px;
	height: 180px;
}

.flavor-graphic:hover {
	border-color: #7fba00;
}

.flavor-graphic h5 {
	font-family: 'Roboto', Arial, sans serif;
	font-weight: 400;
	font-size: 12px;
	text-transform: uppercase;
	margin: 20px 0px 0px 0px;
}



ul.flavor-menu {
	float: left;
}

.description-content {
	background-color: transparent;
	background-image: none;
	border: 0px;
	padding: 0px;
}

.description-content p {
	color: #333333 !important;
    font-family: "Roboto",Arial,sans serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 28px;
	text-shadow: none;
	text-align: left;
}

.fbookLike {
	margin-bottom: 20px;
}

.flavbtn {
	float: left;
	margin-right: 10px;
}
.flavbtn a.btn-primary {
	background-color: #dc4181;
    background-image: none;
    border: 0 none;
    border-radius: 0;
    box-shadow: none;
    color: #fff !important;
    font-family: "Roboto",Arial,sans serif;
    font-size: 16px;
    font-weight: 400;
    margin: 10px 0;
    padding: 8px 12px;
    text-shadow: none;
    text-transform: uppercase;
    width: auto;
}

.flavbtn a.btn-primary:hover {
	background-color: #7bbc3e;
}

table#nutritional-info {
	clear: both;
}

table#nutritional-info td.ingredients {
	font-family: "Roboto",Arial,sans serif;
    font-size: 11px;
    font-weight: 400;
	text-align: right;
}

p.key {
	font-size: 11px;
}



/* TOPPINGS */

.toppings-menu {
	margin-left: 0px;
}

.toppings-menu > li {
	margin-left: 0px;
	margin-right: 20px;
	float: left;
	width: auto;
}
.toppings-graphic {
	border-radius: 0px;
	box-shadow: none;
}

.toppings-graphic:hover {
	border: 1px solid #dc4181;
}

.toppings-graphic figcaption {
    background: rgba(251, 95, 160, 0.75) none repeat scroll 0 0;
}

/* SHOP */

ul.prodListing li {
	display: inline-block;
	margin: 0px 20px 35px 0px;
	width: 215px;
}

.prodImage {
	width: 100%;
	margin: 0px 0px 10px 0px;
}

.prodImage img {
	border: 1px solid #ddd;
	width: auto;
	max-width: 100%;
	height: auto;

}

.prodColors{
	float: left;
	margin-bottom: 10px;
	height: auto;
	/*display: none; temp until products recategorized */
}

.swatch {
	display: inline-block;
	width: 45px;
	height: 20px;
	float: left;
	margin-right: 5px;
	color: #fff;
	font-size: 11px;
	text-align: center;
}

.sGreen {
	background-color: #99c361;
}
.sPink{
	background-color: #e44e7e;
}
.sBlue{
	background-color: #95afd4;
}
.sBlack{
	background-color: #000;
}

h6.prodTitle,
div.prodTitle {
	float: left;
	width: 100%;
	font-family: 'Roboto', Arial, sans serif;
	font-weight: 500;
	font-size: 18px;
	margin: 0px 0px 10px 0px;
	text-transform: none;
	color: #333;
}

.prodPrice	{
	float: left;
	width: 100%;
	color: #dc4181;
	font-family: 'Roboto', Arial, sans serif;
	font-weight: 700;
	font-size: 20px;
	
}

.shopcartinfo {
	float: right;
}

.shopcartinfo li {
	float: left;
	margin-left: 20px;
	font-family: 'Roboto', Arial, sans serif;
	font-weight: 400;
	font-size: 11px;
	text-transform: uppercase;
	line-height: 30px;
}

.shopcartinfo li a {
	color: #333333;
}

.shopcartinfo li a:hover {
	color: #dc4181;
	text-decoration: underline;
}

table.cart_table tbody tr td.quantity div.update label input[type="text"] {        /* qty box shop cart */
	max-width: 30px !important;
}

/* LOYALTY */

.loyalty li {
	font-family: 'Roboto', Arial, sans serif;
	font-weight: 700;
	font-size: 17px;
	padding: 20px 0px 10px 0px;
}

.benefits li {
	padding: 5px 0px;
	font-size: 17px;
	color: #7bb32e;
}

.loyalty .info-sub {
	margin-top: 10px;
}

.joinbutton {
	margin-top: 20px;
}

iframe.xoloyalty {
  	width: 100%;
	height: 1700px;
}

.loyaltytitle em[class^="icon-"],
.loyalty em[class^="icon-"] {
	margin-right: 10px;

}

/* PRODUCT DETAIL */

#product_detail {
	float: left;
	width: 100%;
	margin: 20px 0px;
}

.product_img {
	float: left;
	width: 500px;
	height: 610px;   /* force height to cover absolutely positioned thumbs and allow correct margin on related items */
}

#etalage {
	width: 100% !important;
}

#etalage li {
	position: relative;
	padding: 0px !important;
}

#etalage .etalage_thumb {
	width: 500px;
	left: 0px !important;
	position: absolute;
	background-color: #fff;
	border: 0px;
}

#etalage .etalage_thumb_image {
	border: 1px solid #ddd;
}

#etalage .etalage_hint {
	display: none !important;
}

#etalage li.etalage_small_thumbs {
	position: absolute;
	top: 500px !important;
	width: 100%;
	height: auto !important;
}

#etalage li.etalage_small_thumbs ul {
	height: auto !important;
	
}

#etalage li.etalage_small_thumbs li {
	float: left;
	border: 1px solid #ddd;
	margin-right: 8px !important;
}

#etalage li.etalage_small_thumbs li img {
	width: 100px !important;
	height: 100px !important;
}

#etalage li.etalage_small_thumbs li.etalage_smallthumb_active {
	border: 1px solid #dc4181;
}

#etalage li.etalage_magnifier {
	position: absolute;
	/*margin-left: -81px !important;*/
}

#etalage .etalage_zoom_area {
	background: #fff;
	z-index: 1000;
	margin-top: -14px !important; 
	left: 500px !important;
}

#etalage .etalage_zoom_area div {
	width: 498px !important; 
}

#etalage img.etalage_zoom_img {
	width: 800px !important;
	height: auto !important;
}

.product_desc {
	float: right;
	width: 420px;
}

.product_desc h2 {
	font-family: 'Roboto', Arial, sans serif;
	font-weight: 700;
	font-size: 26px;
	color: #dc4181;
	text-transform: none;
	margin-top: 0px;
	line-height: 30px;
}

.product_desc h3 {
	font-family: 'Roboto', Arial, sans serif;
	font-weight: 400;
	font-size: 24px;
	color: #7bb32e;
	text-transform: none;
	line-height: 28px;
}

.product_desc span.strikethrough {
	text-decoration: line-through;
	color: #999;
	font-size: 20px;
}
	
.product_details {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin: 20px 0px;
	padding: 20px 0px;
}

.product_details .itemNo {
	font-family: 'Roboto', Arial, sans serif;
	font-weight: 500;
	font-size: 12px;
	color: #000;
	margin-bottom: 20px;
}
	
.product_details p {
	font-family: 'Roboto', Arial, sans serif;
	font-weight: 400;
	font-size: 18px;
}

.product_options .option {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

.product_options .control-label {
	display: block;
	float: left;
	font-family: 'Roboto', Arial, sans serif;
	font-weight: 700;
	font-size: 14px;
	color: #000;
	text-transform: uppercase;
	text-align: left;
}

.nonprofit-label {
	display: block;
	font-family: 'Roboto', Arial, sans serif;
	font-weight: 700;
	font-size: 14px;
	color: #000;
	text-transform: uppercase;
	text-align: left;
        margin-top: 12px;
        margin-bottom: 0px;
}
.nonprofit-form {
        display: inline-block;
        margin-top: 10px;
}


.nonprofit-field {
        display: block !important;
        float: none !important;
        border-color: #B1AAAA !important;
}

.aarp-form {
        display: inline-block;
        margin-top: 10px;
}

.aarp-label {
	display: block;
	font-family: 'Roboto', Arial, sans serif;
	font-weight: 700;
	font-size: 14px;
	color: #000;
	text-transform: uppercase;
	text-align: left;
        margin-top: 12px;
        margin-bottom: 0px;
}

.aarp-field {
        display: block !important;
        float: none !important;
        border-color: #B1AAAA !important;
}


.product_options select,
.product_options input#prependedInput {
	color: #333;
	border: 1px solid #ddd;
}

.product_options select {
	float: left;
}

.product_options .input-prepend {
	float: left;
	margin-top: 15px;
}

.product_options .btn-success {
	float: left;
	width: 125px;
	padding: 8px 10px;
	margin-left: 35px;
	margin-top: 15px;
	background-image: none;
	background-color: #7bb32e;
	border: 0px;
	border-radius: 0px;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Roboto', Arial, sans serif;
	font-weight: 400;
	font-size: 16px;
	text-shadow: none;
	
}

.product_options label.error {
	display: block;
   	margin-top: 20px;
    width: 100px;
}

.product_options .btn-success:hover {
	background-color: #dc4181;
}

/* related products */

#related {
	float: left;
	position: relative;
	width: 100%;
	margin-top: 10px;
}

#related h4 {
	width: 100%;
	background: url('/images/uploads/header-eyes.png') right bottom no-repeat transparent;
	border-bottom: 1px solid #fcc3da;
	font-family: 'Oleo Script', Times New Roman, serif;
	font-weight: 400;
	font-size: 41px;
	color: #b91f5f;
	text-transform: none;
	text-shadow: none;
	margin: 0px;
	padding: 0px;
	line-height: 40px;
}

ul.product_show li {
	display: inline-block;
	margin: 30px 28px 35px 0px;
	width: 215px;
	height: 370px;
}

ul.product_show li img {
	width: 99%;
}

#related .pagers {
	position: absolute;
    top: 30%;
    width: 100%;
    z-index: 1000;
}

#related .pagers a {
	outline: 0;
}

#related .pagers .related_nxt {
	position: absolute;
	right: -45px;
	background: url('/images/uploads/arrows.png') right top no-repeat transparent;
	width: 68px;
	height: 68px;
	text-indent: -9999px;
}

#related .pagers .related_prev {
	position: absolute;
	left: -60px;
	background: url('/images/uploads/arrows.png') left top no-repeat transparent;
	width: 68px;
	height: 68px;
	text-indent: -9999px;
}

/* COMMUNITY */

.community h2.pagehdr {
	margin-top: 0px;
}

.community article {
	float: left;
}

.community article.news {
	border-bottom: 1px solid #ddd;
    margin: 0;
    padding: 25px 0;
}

.community .blogDesc,
.community .blogDesc h5,
.community .blogDesc h6 {
	font-family: 'Roboto', Arial, sans serif;

}

.community article div.blogDesc div.blogRight p {
	font-family: 'Roboto', Arial, sans serif;
	color: #333;
	font-size: 14px;
	line-height: 20px;

}

.community .pressReleaseImg {
	float: left;
	width: 45%;
	margin: 0 15px 5px 0;
}

.community .pressRelease h6 {
	color: #e22882; 
	border-bottom: 1px solid #c1c1c1;
	margin-top: 5px;
}

.blogDesc a.readmore {
	color: #dc4181;
}

.blogDesc a.readmore:hover {
	color: #333;
}

.community .box_head {
	background-image: none;
	margin-bottom: 25px;
}

aside div.blogTab ul {
	width: 100%;
	max-width: 278px;
	border: 0;
	border-bottom: 1px solid #e22882;
}

aside div.blogTab ul li a,
aside div.blogArchive ul li a {
	font-family: 'Roboto', Arial, sans serif;
}

aside div.blogTab ul li a {
	border: 1px solid #ddd;
	border-bottom: none;
	outline: 0;
	width: 130px;
}

aside div.blogTab ul li a.currentTab {
	background-color: #e22882;
	border-color: #e22882;
	color: #fff;
}

.newsItemImg {
	float: left;
	width: 30%;
	margin: 0 20px 0 0;
}

.newsItemDesc {
	float: left;
	width: 60%;
}

.newsItemDesc h5 {
	margin: 0;
	width: 100%;
}

.newsItemDesc h3 {
	margin: 0;
	width: 100%;
	font-size: 14px;
	font-weight: 600;
	padding: 0;
	text-transform: uppercase;
	line-height: 20px;
}

.newsItemDesc .newsSource {
	color: #999;
	font-size: 12px;
	line-height: 15px;
	font-style: italic;
}

.newsItemDesc h6,
.newsItemDesc h4 {
	width: 100%;
	font-weight: 400;
	color: #dc4181;
}

.newsItemDesc h4 {
	font-size: 11.9px;
}

.newsItemDesc a.readmore {
	color: #dc4181;
}

.newsItemDesc a.readmore:hover {
	color: #333;
}

div.pagination {
	float: right;
	margin-top: 30px;
}

/* FRANCHISE */

.franchise h2.pagehdr {
	margin-top: 0px;
}

.franchise li {
	font-family: 'Roboto', Arial, sans serif;
	color: #333;
	padding: 5px 0px;
}

.franreq {
	padding-left: 25px;
	border-left: 1px solid #ddd;
	margin-top: 40px;
}

ul.sidemenu {
	float: left;
	border-right: 1px solid #b5e572;
}

ul.sidemenu li {
	float: left;
	clear: both;
	padding: 8px 30px 0 0;
}

ul.sidemenu li a {
	color: #7bb32e;
	font-family: "Roboto",Arial,sans serif;
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
}

ul.sidemenu li a:hover {
	color: #b91f5f;
	text-decoration: underline;
}

.franchisemenu {
	margin-left: 0;
	width: 170px !important;
}

.franchisemenu h3 {
	display: none;
}

.span6.franchisecontent {
	margin-right: 60px;
}

.span6.franchisecontent + .span3 {
	padding-left: 30px;
	border-left: 1px solid #b5e572;
}

p.franInfoForm {
	font-size: 14px;
	line-height: 20px;
}
	
#franchise_info_form label {
	font-weight: 600;
	margin-top: 10px;
}

#franchise_info_form input,
#franchise_info_form textarea,
#franchise_info_form select {
	width: 90%;
	max-width: 300px;
	border: 1px solid #ddd;
}

#franchise_info_form input[type="submit"] {
	clear: both;
	background-color: #dc4181;
    background-image: none;
    border: 0 none;
    border-radius: 0;
    box-shadow: none;
    color: #fff !important;
    font-family: "Roboto",Arial,sans serif;
    font-size: 16px;
    font-weight: 400;
    margin: 10px 15px 10px 0;
    padding: 8px 12px;
    text-decoration: none;
    text-shadow: none;
    text-transform: uppercase;
    width: auto;

}

#franchise_info_form input[type="submit"]:hover {
	background-color: #7bbc3e;
}



/* CAREERS / EMPLOYMENT */

.benefits {
	margin-top: 0px;
}

.benefits h3 {
	color: #dc4181;
}

ul.benefits-list {
	float: left;
	width: 100%;
	margin: 20px 0 10px 25px;
}

ul.benefits-list li {
	font-family: 'Roboto', Arial, sans serif;
	color: #7bb32e;
	font-size: 18px;
	font-weight: 500;
}

.careers h2.pagehdr {
	margin-top: 0px;
}

.careers h4.pagehdr {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 10px;
}

.careers p.contact {
	float: left;
	text-align: left !important;
	font-weight: 700;
	margin-top: 20px;
	padding: 0px;
}

.careers .span6 img {
	max-width: 400px;
	float: right;
}

ul.position-list li {
	font-family: 'Roboto', Arial, sans serif;
	font-size: 16px;
	font-weight: 300;
}

article.large-text {
	padding-left: 0px;
}

/* CONTACT */

.contact div.blocked_info {
	margin: 25px 0 5px 0;
}

.contact .box_head {
	background-image: none;
	margin-bottom: 25px;
}

#contactform {
	margin-top: 0px;
}

.contact .label {
	width: 110px;
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #dc4181;
	background-color: transparent;
	text-shadow: none;
	border-radius: 0px;
	vertical-align: top;
}

#contact_form div.submitForm input {
	float: left;
	margin-left: 122px;
}

#contact_form .input-large {
	width: 380px;
}

/*==================================
	contact_info style
===================================*/

#contact_info ul li h2{
	margin:0;
	padding-left:35px;
	line-height: 22px;
	font-size: 11.9px;
}

/* backgrounds */
#contact_info ul li.contact_address h2 {
	background:url('/base/images/icons/address.png') no-repeat left 5px;
}
#contact_info ul li.contact_email h2 {
	background:url('/base/images/icons/email_us.png') no-repeat left 5px;
}
#contact_info ul li.contact_phone h2 {
	background:url('/base/images/icons/phone.png') no-repeat left 5px;
}
#contact_info ul li.contact_fax h2 {
	background:url('/base/images/icons/fax.png') no-repeat left 5px;
}

/* FUNDRAISING */

.fundraising div.blocked_info {
	margin: 25px 0 5px 0;
}

.fundraising .box_head {
	background-image: none;
	margin-bottom: 25px;
}

#fundraisingform {
	margin-top: 0px;
}

.fundraising .label {
	width: 200px;
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #dc4181;
	background-color: transparent;
	text-shadow: none;
	border-radius: 0px;
	vertical-align: top;
}

.fundraising .arealabel {
        padding: 2px 4px;
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #dc4181;
	background-color: transparent;
	text-shadow: none;
	border-radius: 0px;
	vertical-align: top;
}

.fundraising textarea {
        margin-left: 4px;
}

#fundraising_form div.submitForm input {
	float: left;
	margin-left: 122px;
}

#fundraising_form .input-large {
	width: 380px;
}

/* PARTIES & PROGRAMS */

.programs .label {
	width: 200px;
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #dc4181;
	background-color: transparent;
	text-shadow: none;
	border-radius: 0px;
	vertical-align: top;
}

.programs .arealabel {
        padding: 2px 4px;
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #dc4181;
	background-color: transparent;
	text-shadow: none;
	border-radius: 0px;
	vertical-align: top;
}

.programs textarea {
        margin-left: 4px;
}

#eventrequest_form div.submitForm input {
	float: left;
	margin-left: 122px;
}

#eventrequest_form .input-large {
	width: 380px;
}

#eventrequest_form #preferstore {
	width: auto;
}

/* ABOUT */

.about h2.pagehdr {
	margin-top: 0px;
}

/* SHOPPING CART & CHECKOUT */

table.cart_table thead tr th, 
table.cart_table tbody tr td,
table.cart_table h5,
div.cart_tabs ul.cart_tabs_nav li a.active_tab,
table.receipt td,
div.cart_tabs ul.cart_tabs_nav li a,
.checkout .nav-list li,
.form-horizontal .control-label,
div.cart_tabs div.cart_tabs_content {
	font-family: 'Roboto', Arial, sans-serif;
}

table.receipt td .btn-success,
.checkout .btn-success {
	width: auto;
	padding: 8px 10px;
	margin-left: 0px;
	margin-top: 15px;
	background-image: none;
	background-color: #7bb32e;
	border: 0px;
	border-radius: 0px;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	font-family: 'Roboto', Arial, sans serif;
	font-weight: 400;
	font-size: 16px;
	text-shadow: none;
}

table.receipt td .btn-success:hover,
.checkout .btn-success:hover {
	background-color: #dc4181;
	color: #fff !important;
}

.checkout #checkout_complete {
	float: right !important;
	background-color: #dc4181 !important;
}

.checkout #checkout_complete:hover {
	background-color: #7bb32e !important;
}

.checkout .btn-login {
	background-color: #dc4181 !important;
	margin: 18px 12px;
}

.checkout .btn-login:hover {
	background-color: #7bb32e !important;
}

.noshipnotax {
	font-weight: bold;
	color: #cc0000;
}

.cart_leap_back {
	color: #dc4181;
	font-weight: bold;
	font-size: 16px;
}

/* SEARCH RESULTS */

.searchresults li {
	list-style: none outside none;
	margin-top: 30px;
	border-bottom: 1px solid #eaeaea;
}

/* MY ACCOUNT */

.account td {
	font-family: 'Roboto', Arial, sans serif;
}

.account .btn-success {
	bottom: 15px;
	width: 120px;
	padding: 8px;
	margin: 8px 0px 0px 20px;
	background-image: none;
	background-color: #7bb32e;
	border: 0px;
	border-radius: 0px;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Roboto', Arial, sans serif;
	font-weight: 700;
	font-size: 16px;
	text-shadow: none;
	text-decoration: none;
}

.account .btn-success:hover {
	background-color: #fb7db1;
	color: #fff;
}

.account table.accountdata {
	float:left;
	margin-right: 50px;
}

/* STORE OWNER ACCOUNT */

.media-body h4 {
	margin-left: 0px;
}

h4.ownerfilelisthdr {
	padding: 8px 15px;
	border: 1px solid #ddd;
	cursor: pointer;
}

h4.ownerfilelisthdr:hover {
	color: #dc4181;
}

.ownerfilelist {
	display: none;
}

/* GOODIES PAGES */

.goodies .span6,
.goodies .span12 {
	margin-left: 0;
}
.goodies iframe.video {
	height: 300px;
	width: 100%;
	margin-top: 25px;
	float: right;
}

.goodies p {
	padding-right: 30px;
}

.goodies .calendar,
.goodies .activity {
	float: left;
	width: 21%;
	margin: 0 2%;
	text-align: center;
}

.goodies .calendar img {
	width: 100%;
	max-width: 230px;
}

.goodies .activity img {
	width: 100%;
	max-width: 170px;
}


.goodies .calendar a,
.goodies .activity a {
	display: block;
	margin: 10px 0;
	color: #7bb32e !important;
    text-decoration: underline;
}

/* NEW FRANCHISE SEPARATE SECTION */

.franchise-hdr #header-bg {
	background: repeating-linear-gradient( -45deg, #8fc743, #8fc743 10px, #8ac23e 10px, #8ac23e 20px );
	border-bottom: 50px solid #72aa25;
}

.franchise-hdr .mobileheader {
	background: repeating-linear-gradient( -45deg, #8fc743, #8fc743 10px, #8ac23e 10px, #8ac23e 20px );
}

.franchise-hdr #middleHeader #logo h1 a {
	width: 298px;
	height: 87px;
	top: 5px;
	background: url('/images/uploads/graphics/sf-franchise-logo-298.png') no-repeat left top;
}

.franchise-hdr .mobileheader h1 a {
	background: url('/images/uploads/graphics/sf-franchise-logo-298.png') no-repeat scroll center 4px/80% transparent;
}

.franchise-hdr .form-search .input-append .search-query,
.franchise-hdr .form-search .input-append .btn {
	background-color: #9ed751;
}

.franchise-hdr #mainNav {
	width: 100%;
}

.franchise-hdr #mainNav nav ul li {
	padding: 0 12px;
}

.franchise-hdr #mainNav nav ul li:first-child em {
	font-size: 16px;
}

.franchise-hdr #mainNav nav ul li a,
.franchise-hdr #mainNav nav ul li:first-child a {
	font-size: 12px;
}

.franchise-lead {
	padding: 65px 20px 10px 20px;
	border-radius: 10px;
	margin-top: -64px;
	position: relative;
	background-color: #dc4181;
}

.franchise-lead .lead-form-hdr {
	position: absolute;
    right: 20px;
    top: 15px;
    width: 100%;
    text-align: right;
	border-bottom: 1px solid #fcc3da;
}

.franchise-lead div.pagehdr {
	color: #9ed766;
}

.franchise-lead p,
.franchise-lead strong,
.franchise-lead #franchise_info_form label {
	color: #fff !important;
}

.franchise-lead #franchise_info_form input[type="submit"]:hover {
    background-color: #96d759;
}
.franchise-lead #franchise_info_form input[type="submit"] {
    background-color: #7bbc3e;
}



/* new media queries */

/* #Media Queries
================================================== */

	
	/* larger than 1500  (devices and browsers)  - big desktop screen */
	@media only screen and (min-width: 1500px) {
		
		#mobilemenu { display: none; }
	}
	
	/* larger than 960 but smaller than 1500 (devices and browsers) - laptop screens & landscape ipad */  /*ORANGE*/
	@media only screen and (min-width: 960px) and (max-width: 1499px) {
		
		#mobilemenu { display: none; }
		
		.banner.large {
			width: 590px;
		}
		
		
		.flavorbar {
			height: 170px;
		}
		
	}
	
	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		
		
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */      /* BLUE */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		
		#mobilemenu { display: none; }
		
		#mainNav nav ul li {
			padding: 0px 9px;
		}
		
		#mainNav nav ul li a {
			font-size: 12px;
		}
		
		#featureBoxes .feature {
			width: 32%;
		}
		
		#featureBoxes .featureInner {
			padding: 20px 15px 0 17px;
		}
			
		#featureBoxes .form-horizontal .control-label:first-child, 
		#featureBoxes .form-horizontal .controls:first-child {
			width: 85px;
			margin-right: 10px;
		}
		
		#featureBoxes .form-horizontal .control-label, 
		#featureBoxes .form-horizontal .controls {
			width: 65px;
		}
		
		#featureBoxes .feature h2 {
			font-size: 32px;
		}
		
		.banner.large {
			width: 54%;
		}
		
		.instagramFeed iframe {
			width: 385px !important;
		}
		
		.instagramFeed {
			padding-left: 5px;
		}
		
		.twitterFeed {
			padding-right: 10px;
		}
		
		.flavorbar {
			height: 130px;
		}
		
		footer h3 {
			font-size: 26px;
		}
		
		/* product page */
		
		.product_img {
			width: 400px;
			height: 510px;
		}
		
		#etalage .etalage_thumb {
			width: 400px;
		}
		
		#etalage .etalage_thumb img {
			max-width: 400px;
			max-height: 400px;
		}
		
		#etalage li.etalage_small_thumbs {
			top: 410px !important;
		}
		
		
		
		#etalage .etalage_zoom_area {
			left: 400px !important;
		}
		
		#etalage li.etalage_magnifier {
			margin-left: 0px !important;
		}
		
		#etalage li.etalage_magnifier img{
			width: 400px !important;
			height: 400px !important;
		}
		
		.product_desc {
			width: 330px;
		}
		
		.product_options .form-horizontal .control-label {
			width: 100px;
		}
		
		ul.product_show li {
			height: 350px;
		}
		
		/* STORE LOCATION */
		
		table.storeInfo {
			width: 100%;
		}
		
		.icon {
			width: 100px;
			margin-right: 10px;
		}
		
		.social a {
			width: 60px;
		}
		
		/* LOYALTY */
		
		iframe.xoloyalty {
			height: 2000px;
		}
		
		/* FRANCHISE */
		
		.span6.franchisecontent {
			margin-right: 25px;
		}
			
		
	}
	
	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
		 /* MOBILE MENU */
		 
		#mobilemenu ul, #mobilemenu ul ul {
			 width: 100%;
		}
		 
		#mobilemenu > ul {
			 top: 18px;
			 padding-top: 40px;
		}
		 
		#mobilemenu ul li {
			 display: block;
		}
		 
		#mobilemenu ul li a {
			 color: #fff;
			 text-transform: uppercase;
			 font-family: 'Roboto', Arial, sans serif;
			 font-weight: 700;
			 font-size: 16px;
			 text-align: left;
			 line-height: 30px;
		}
		 
		#mobilemenu ul ul li a {
			 font-size: 14px;
			 font-weight: 500;
			 
		}	
		
		.mm-menu .mm-list > li > a.mm-subopen::after, 
		.mm-menu .mm-list > li > a.mm-subclose::before {
			border-color: rgba(255, 255, 255, .8) !important;
		}
		
		.mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen, 
		.mm-menu.mm-vertical .mm-list li.mm-opened > ul {
			background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2) !important;
		}

		/* REGULAR HEADER */

		#header-bg {
			border-bottom: 0px;
			background: none top left no-repeat #dc4181;
			min-height: 80px;
		}
		
		#topHeader {
			display: none;
		}
		
		#middleHeader {
			padding: 0px;
		}
		
		#middleHeader #logo {
			display: none;
		}
		
		#middleHeader form {
			width: 97%;
			text-align: center;
		}
		
		#middleHeader .form-search {
			max-width: 420px;
			margin-top: 70px;
		}
		
		.form-search .input-append, 
		.form-inline .input-append, 
		.form-search .input-prepend, 
		.form-inline .input-prepend {
			width: 100%;
		}
		
		.form-search .input-append .search-query {
			min-height: 40px;
			width: 90%;
		}
		
		.form-search .input-append .btn {
			height: 40px;
		}
		
		#mainNav {
			display: none;
		}
		
		footer h3 {
			margin-top: 30px;
		}
		
		footer .container div:first-child h3 {
			margin-top: 0px;
		}
		
		footer ul li {
			line-height: 30px;
		}
		
		footer a {
			font-size: 18px;
		}
		
		.AuthorizeNetSeal {
			position: relative; 
			margin-left: 0px;
		}
		
		p.payment-icons {
			margin-left: 0px !important;
		}
		
		/* MOBILE HEADER */
		
		.mobile-fixed {
			position: fixed;
			width: 100%;
			z-index: 2000;
			box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);  
			-moz-box-shadow:  0 0 10px rgba(0, 0, 0, 0.5);
			-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
		}
		
		.mobileheader { 
			display: block; /* show menu link and main logo for mobile */
			height: 60px;
			background: repeating-linear-gradient(
				-45deg,
				#fb5fa0,
				#fb5fa0 10px,
				#f65a9b 10px,
				#f65a9b 20px
				);
			margin: 0px auto;
			
		}  
		
		.mobileheader a.navbutton {
			background: linear-gradient(to bottom, #fff 0%, #fff 20%, transparent 20%, transparent 40%, #fff 40%, #fff 60%, transparent 60%, transparent 80%, #fff 80%, #fff 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
			border: 0 none;
			border-radius: 0;
			cursor: pointer;
			display: block;
			height: 25px;
			left: auto;
			position: absolute;
			top: 10px;
			width: 30px;
			z-index: 2000;
			color: #fff;
			line-height: 62px;
			text-decoration: none;
			font-family: 'Roboto', Arial, sans serif;
			font-weight: 500;
			font-size: 10px;
			transition: none;
			text-align: center;
			outline: 0;
		}
		
		.mobileheader a.navbutton:hover {
			background: linear-gradient(to bottom, #981049 0%, #981049 20%, transparent 20%, transparent 40%, #981049 40%, #981049 60%, transparent 60%, transparent 80%, #981049 80%, #981049 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
			color: #981049;
		}
		
		.mobileheader h1 {
			margin: 0px;
			text-align: center;
			padding: 0px 0px;
			width: 100%;
			line-height: 60px;
		}
		
		.mobileheader h1 a {
			display: block;
			width: 55%;
			margin: 0 auto;
			background: url("/images/uploads/sf-logo-420.png") no-repeat scroll center 2px/100% transparent;
			text-indent: -9999px;
		}
		.mobileheader .carttotal {
			position: absolute;
			top: 10px;
			right: 0px;
			width: 30px;
			height: 34px;
			text-align: center;
			background: url('/images/uploads/mobile-cart.png') left top no-repeat transparent;	
		}
		
		.mobileheader .carttotal a {
			position: absolute;
			right: 0px;
			left: 0px;
			top: 12px;
			font-family: 'Roboto', Arial, Helvetica, sans serif;
			font-weight: 700;
			font-size: 20px;
			color: #dc4181;
			text-decoration: none;
		}
		
		.mobilesearch {
			display: block; /* show mobile-only search box */
			background-color: #22c6de;
			margin-top: 50px;
		}
		
		.mobileheader .container {
			position: relative;     /* for cart icon positioning */
		}
		
		/* HOME PAGE */
		
		#featureBoxes .feature {
			width: 100%;
			margin: 0px 0px 20px 0px;
		}
		
		#featureBoxes .franchise {
			background: url("/images/uploads/graphics/Untitled-3-01.png") no-repeat scroll left top 52px/cover transparent;
		}
		
		.banner.large {
			width: 100%;
			margin-bottom: 20px;
			background-size: cover;
		}
		
		.banner.small {
			float: none;
			margin: 0px auto;
		}
		
		.instagramFeed {
			float: none;
			width: 100%;
			margin: 0px auto;
			text-align: center;
		}
		
		.twitterFeed {
			float: none;
			width: 100%;
			margin: 0px auto;
			text-align: center;
		}
		
		.flavorbar {
			display: none;
		}
		
		/* SECONDARY PAGES */
		
		.locations h2.pagehdr,
		.locations .pageintro {
			display: none;
		}
		
		
		ul.prodListing li {
			width: 190px;
			margin-right: 15px;
		}
		
		/* PRODUCT PAGE */
		
		.product_desc {
			width: 100%;
			float: left;
		}
		
		.product_options .form-horizontal .control-label {
			width: 100px;
		}
		
		
		
		.product_img {
			width: 400px;
			height: 510px;
		}
		
		#etalage .etalage_thumb {
			width: 400px;
		}
		
		#etalage .etalage_thumb img {
			width: 400px !important;
			height: 400px !important;
		}
		
		#etalage li.etalage_small_thumbs {
			top: 410px !important;
		}
		
		#etalage li.etalage_small_thumbs ul {
			width: 400px !important;
		}
		
		#etalage li.etalage_magnifier {
			display: none !important;
		}
		
		#etalage .etalage_zoom_area {
			display: none !important;
		}
		
		.input-prepend #prependedInput {
			width: 50px;
		}
		
		/* STORE LOCATION */
		
		.contactDetails {
			width: 100%;
		}
		
		.locationStoreDesc {
			float: left;
			width: 100%;
			margin: 20px 0 0 0;
		}
		
		.mapDetails {
			clear: both;
			width: 100%;
			margin-top: 25px;
		}
		
		table.storeInfo {
			width: 100%;
		}
		
		.icon {
			width: 100px;
			margin-right: 10px;
			margin-bottom: 0px;
		}
		
		.social a {
			width: 60px;
		}
		
		.availableFlavors ul.thumbnails > li {
			float: left;
		}
			
		.flavor-graphic {
			width: 160px;
			height: 210px;
		}
		
		.availableFlavors.storeLocation .flavor-graphic {
			width: 100px;
			height: 150px;
		}
		/* OWNER ACCOUNT */
		
		.owner-tab-panes {
			float: left !important;
		}
		
		#ownerTabs li {
			padding: 8px 30px 8px 0px !important;
			width: auto !important;
		}
		
		/* FLAVORS MOBILE */
		
		.flavorcats,
		.flavorblocks{
			float: left !important;
		}
		
		#flavorTabs li {
			width: 30%;
			float: left;
			margin: 0 5px;
		}
		
		ul.flavor-menu li a {
			width: 100% !important;
			background-size: contain !important;
			height: 120px !important;
			
		}
		
		.flavorblocks .thumbnails > li {
			float: left !important;
			margin: 0 5px 8px 5px;
		}
		
		/* SHOP */
		
		.shopcartinfo {
			float: left;
			border-top: 1px solid #ddd;
			margin-top: 10px;
		}
		
		.shopcartinfo li {
			margin-left: 0;
			margin-right: 20px;
		}
		
		/* LOYALTY */
		
		iframe.xoloyalty {
			height: 3000px;
		}
		
		/* FRANCHISE */
		
		.franchisemenu {
			width: 100% !important;
			float: left !important;
			margin-bottom: 20px;
		}
		
		.franchisemenu h3 {
			display: block;
			background: url('/images/uploads/plus.png') 97% center no-repeat #eee;
			text-indent: 10px;
			cursor: pointer;
			font-size: 18px;
			margin: 0;
		}
		
		.franchisemenu h3.minus {
			background: url('/images/uploads/minus.png') 97% center no-repeat #eee;
		}
		
		.franchisecontent {
			width: 100% !important;
			float: left !important;
			clear: both;
		}
		
		ul.sidemenu {
			width: 100%;
			border: 0;
			border-bottom: 1px solid #b5e572;
			display: none;
		}
		
		.span6.franchisecontent + .span3 {
			border: 0;
			border-top: 1px solid #b5e572;
			float: left;
			padding: 30px 0 0 0;
			margin: 20px 0 0 0;
		}

		/* CONTACT */
		
		#contact_form .input-large {
			max-width: 280px;
		}
		
		/* GOODIES */
		
		.goodies .calendar,
		.goodies .activity {
		  	width: 45%;
		}
		
		/* FRANCHISE */
		
		.franchise-lead {
			float: left !important;
			margin-top: 20px;
			padding: 25px 20px 10px 20px;
		}
		
		.franchise-lead .lead-form-hdr {
			position: relative;
			right: auto;
			top: auto;
			margin-bottom: 15px;
		}
		
		.franchisecontent p img {
			width: 100% !important;
			height: auto !important;
		}
		
	}
	
	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */       /* GREEN PLUS */
	@media only screen and (min-width: 580px) and (max-width: 767px) {
		
		
		
		#middleHeader .form-search {
			max-width: 520px;
		}
		
		#featureBoxes .finder {
			float: left;
			width: 48%;
		}
		
		#featureBoxes .loyalty {
			float: right;
			width: 48%;
		}
		
		#featureBoxes .form-horizontal .control-label:first-child, 
		#featureBoxes .form-horizontal .controls:first-child {
			width: 120px;
		}
		
		/* SECONDARY */
		
		ol.state_location li {
			width: 240px;
			margin-right: 20px;
			margin-left: 0px;
			height: 210px;
		}
		
		/* PRODUCT PAGE */
		
		ul.prodListing li {
			width: 190px;
			margin-right: 15px;
			vertical-align: top;
		}
		

		
		
		
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */       /* GREEN */
	@media only screen and (min-width: 480px) and (max-width: 579px) {
		
		
		.wrapper {
			padding-top: 2px;
		}
		
		#featureBoxes {
			margin-top: 2px;
		}
		
		#featureBoxes .feature {
			width: 100%;
			margin: 0px 0px 2px 0px;
		}
		
		.instagramFeed iframe {
			width: 385px !important;
		}
		
		/* PRODUCT PAGE */
		
		.swatch {
			width: 40px;
		}
		
		/*#related .prodImage {
			width: 60%;
		}*/
		
		#related .pagers {
			width: 95%;
		}
		
		#related .pagers .related_prev {
			left: -30px;
		}
		
		#related .pagers .related_nxt{
			right: -30px;
		}
		
		ul.product_show li {
			width: 190px !important;
			margin-right: 15px !important;
			
		}
		
		ul.prodListing li {
			width: 190px;
			margin-right: 15px;
			vertical-align: top;
		}
		
		
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */      /* RED */
	@media only screen and (max-width: 479px) {
		
		.wrapper {
			padding-top: 2px;
		}
		
		.mobileheader h1 a {
			width:  65%;	
		}
		
		ul.pagemenu li {
			padding: 8px 10px 0 0px;
		}
		
		/* HOME PAGE */
		
		#featureBoxes {
			margin-top: 1px;
		}
		
		#featureBoxes .feature {
			width: 100%;
			margin: 0px 0px 2px 0px;
		}
		
		.banner.large {
			background-position: center bottom;
		}
		
		.banner.large h3 {
			margin-top: 150px;
		}
		
		.banner.small {
			background-position: left bottom;
			width: 320px;
		}
		
		.instagramFeed iframe {
			width: 190px !important;
		}
		
		/* SECONDARY */
		
		.storeJumper select {
			margin-left: 0px;
		}
		
		ul.prodListing li {
			width: 100%;
		}
		
		/* PRODUCT PAGE */
		
		.prodImage img {
			width: 100%;
		}
		
		.product_img {
			width: 300px;
			height: 410px;
		}
		
		#etalage .etalage_thumb {
			width: 300px;
		}
		
		#etalage .etalage_thumb img {
			width: 300px !important;
			height: 300px !important;
		}
		
		#etalage li.etalage_small_thumbs {
			top: 310px !important;
		}
		
		#etalage li.etalage_small_thumbs ul {
			width: 300px !important;
		}
		
		#etalage li.etalage_small_thumbs li img {
			width: 90px !important;
			height: 90px !important;
		}
		
		.product_options .form-horizontal .control-label {
			width: 80px;
		}
		
	
		#related h4 {
			font-size:  30px;
		}
		
		#related .pagers {
			width: 80%;
		}
		
		#related .pagers .related_prev {
			left: -20px;
		}
		
		#related .pagers .related_nxt {
			right: -70px;
		}
		
		#related .prodImage {
			width: 98%;
		}
		
		/* LOCATIONS */
		
		table.storeInfo th, 
		table.storeInfo td {
			padding-right: 10px;
		}
		
		.icon {
			width: 80px;
			margin-right: 5px;
			margin-bottom: 10px;
		}
		
		.social a {
			width: 50px;
		}
		
		.availableFlavors ul.thumbnails > li {
			float: left;
		}
		
		.flavor-graphic {
			width: 200px;
			height: auto;
		}
		
		/* FLAVORS */
		
		ul.flavor-menu li a {
			height: 90px !important;
		}
		
		.flavorblocks .thumbnails .flavor-graphic {
			width: 120px;
			height: 180px;
		}
		
		/* LOYALTY */
		
		iframe.xoloyalty {
  			height: 3500px;
		}

	}
	
	
	/* Name the Swirl Contest */

.swirlContest {
	margin-top: 0px;
	padding-bottom: 50px;
}
.swirlTitle {
	width: 100%;
	font-family: Work Sans, Arial, Helvetica, sans serif;
	font-size: 40px;
	line-height: 40px;
	font-weight: 400;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
}

.swirlTitle strong {
	font-weight: 800;
	color: #fff;
}

.swirlImages {
	float: left;
	width: 100%;
	text-align:center;
	margin-top: 10px;
}

.swirlText {
	width: 100%;
	float: left;
	margin: 20px auto;
	text-align:center;
	font-family: Work Sans, Arial, Helvetica, sans serif;
	font-size: 26px;
	line-height: 36px;
	font-weight: 400;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
}

.swirlText strong {
	font-weight: 800;
	color: #fff;
}

.swirlText p,
.swirlText a,
.swirlText a:hover {
	color: #fff !important;
}

.swirlEntry {
	width: 100%;
	float: left;
	height: 130px;
	text-align:center;
	background: url('/images/uploads/nameswirlentry-bg.png') center top no-repeat transparent;
}

.swirlEntry input {
	width: 45%;
	height: 38px;
	color: #e10d86;
	font-size: 24px;
	font-weight: 400;
	margin-top: 65px;
}

.swirlEmail {
	width: 100%;
	float: left;
	text-align:center;
	height: 110px;
	margin-top: 20px;
	background: url('/images/uploads/nameswirlemail-bg.png') center top no-repeat transparent;
}

.swirlEmail input {
	height: 28px;
	color: #e10d86;
	font-size: 18px;
	font-weight: 400;
	margin: 15px 10px 0px 10px;
	}

.swirlCaptcha {
	width: 100%;
	float: left;
	margin: 20px auto;
	text-align:center;
	font-family: Work Sans, Arial, Helvetica, sans serif;
	font-size: 26px;
	line-height: 36px;
	font-weight: 400;
	text-align: center;
}

.swirlCaptcha p {
	color: #fff !important;
}

.swirlCaptcha img {
	vertical-align: top;
}
	
.swirlSubmit {
	width: 100%;
	float: left;
	text-align: center;
}

/* larger than 960 but smaller than 1080 (devices and browsers) - small laptop screens & landscape ipad */  
@media only screen and (min-width: 960px) and (max-width: 1079px) {
	.swirlTitle { right: 0px; }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

	.swirlTitle { right: 10px; }
}

/* Mobile */      
@media only screen and (max-width: 767px) {

	.swirlTitle { position:relative; right: 0; text-align:center;width:100%; }
	.swirlImages { margin-top: 0px; }
	.swirlImages img { width: 100%; }
	.swirlEntry { height: 110px; background: url('/images/uploads/nameswirlentry-bg-mobile.png') center top no-repeat transparent; background-size:contain;}
	.swirlEmail { height: 135px; background: url('/images/uploads/nameswirlemail-bg-mobile.png') center top no-repeat transparent; background-size:contain;}
	.swirlEntry input { width: 80%; margin-top: 45px;}
	.swirlEmail input { width: 80%; margin: 10px 10px 0;}
	.swirlText { font-size: 20px; line-height: 30px; }

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

	
	.swirlEntry { height: 80px; }
	.swirlEntry input { margin-top: 30px;width: 80%; font-size: 20px;height: 30px;}
	.swirlEmail { height: 95px; margin-top: 10px; padding: 5px 0 0;}
	.swirlEmail input { height: 18px; margin: 2px 0; }
}

/* voting on the swirl */

	.swirlVotingTitle {
		width: 100%;
		text-align: center;
	}
	
	.swirlVotingTitle img {
		width: 100%;
		max-width: 454px;
	}
	
	.swirlVotingImages {
		padding: 40px 0 0 0;
    	text-align: center;
    	width: 100%;
	}
	
   	.wrap {
		padding-top: 30px;
	}
	
    #showcase {
      height: 450px;
      overflow: visible !important;
    }
	
    .card {
      width: 452px;
	  height: auto;
	  min-height: 337px;
      padding: 0;
      text-align: center;
      background:url('/images/uploads/3d-carousel-bg.png') top center no-repeat transparent;
      border: 0;
    }
	
	.card-inner {
		padding: 0 20px;
    	width: 297px;
		height: 336px;
		margin: 0 auto;
		border: 1px solid #1b75bc;
	}
	
    .card h2 {
      margin: 20px auto 7px auto;
	  color: #fff;
	  font-family: Arial, Helvetica, sans serif;
	  text-transform: uppercase;
	  text-shadow: none;
	  font-size: 24px; /* 32px previous */
	  line-height: 26px; /* 40px previous */
	  font-weight: 800;
	  letter-spacing: -0.04em;
    }
	
	.card h4,
	.card div.cardauthor {
      color: #fff;
	  font-family: Arial, Helvetica, sans serif;
	  text-transform: uppercase;
	  text-shadow: none;
	  font-size: 18px;
	  font-weight: 400;
    }
    
	.card h3 {
		position: absolute;
		width: 450px;
		height: 106px;
		font-size: 24px;
		line-height: 165px;
		text-align: center;
		margin: 0;
		background:url('/images/uploads/nameswirlvote-bg.png') top center no-repeat transparent;
	}
	
	.card a {
	  	color: #fbee1b;
		display: block;
		font-size: 24px;
		font-weight: 600;
		height: 106px;
		text-transform: uppercase;
		width: 450px;
		margin-top: 20px;
		
    }
    
	
    .nav {
      background-color: transparent;
	  cursor: pointer;
      position: absolute;
      top: 20%;
	  width: 85px;
	  height: 98px;
	  border: 0;
    }
   
    .nav.left {
      left: -75px;
	  background: url('/images/uploads/3d-carousel-arrow-left.png') left top no-repeat transparent;
	}
	
    .nav.right {
      right: -75px;
	  background: url('/images/uploads/3d-carousel-arrow-right.png') left top no-repeat transparent;
    }
	
	.voting {
		position: relative;
		width: 80%;
		min-height: 240px;
		margin: 0 auto;
		background-color: #01b1e1;
		border: 3px solid #fff;
		padding-bottom: 10px;
	}
	
	.voting form {
		margin-bottom: 30px;
	}
	
	.voting ul {
		max-width: 280px;
		padding: 10px 20px;
		margin: 0 20px;
	}
	
	.voting li,
	.voting li label {
		color: #fff;
		font-size: 20px;
	    line-height: 28px;
	}
	
	.voting h3 {
		text-align: center;
		color: #fff;
		font-family: Arial, Helvetica, sans serif;
		text-transform: uppercase;
		text-shadow: none;
		font-size: 20px;
		font-weight: 700;
	}
	
	.voting h3 span {
		text-transform: none;
		font-size: 16px;
		font-weight: 400;
	}
	
	.voting img {
		position: absolute;
		right: 20px;
		vertical-align: middle;
		top: -30px;
	}
	
	.voting .vote-view {
	
		position: absolute;
		right: 70px;
		vertical-align: middle;
		top: 100px;
		text-align:center; 
	}
	
	.voting .instructions {
		color: #fbee1b;
		font-size: 20px;
	    line-height: 28px;
		margin: 0 0 0 40px;
	}
	
	.voting input.votesubmit {
		background-color: #1b75bc;
		color: #fbee1b;
		font-size: 26px;
		font-weight: 700;
		text-transform: uppercase;
		width: 200px;
		height: 70px;
		border: 2px solid #fff;
		box-shadow: 2px 2px 6px #000;

	}
	
	
/* larger than 1080 but smaller than 1500 (devices and browsers) - laptop screens & landscape ipad */
@media only screen and (min-width: 1080px) and (max-width: 1499px) {
	.nav.left { left: -55px; }
	.nav.right { right: -55px; }
}
	
	/* larger than 960 but smaller than 1080 (devices and browsers) - small laptop screens & landscape ipad */  
@media only screen and (min-width: 960px) and (max-width: 1079px) {
	
	.wrap { padding-top: 0; width: 80%;  margin: 0 auto; }
	.nav { width: 60px; height: 64px; background-size: contain !important; }
	.nav.right { right: 0px; }
	.nav.left { left: 0px; }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	.wrap { width: 80%;  margin: 0 auto; }
	.nav.right { right: -5px; }
	.nav.left { left: -5px; }
	.card { width: 300px; background-size: contain;}
	.card-inner { width: 258px; height: 298px;}
	.card h3 { font-size: 20px; width: 300px; height: 76px; line-height: 110px; background-size: contain; }
	.card h2 { font-size: 28px; line-height: 36px; }
	.card a { font-size: 20px; height: 76px; width: 300px; }
    .nav { width: 55px; height: 58px; background-size: contain !important; }
	.nav.right { right: 0px; }
	.nav.left { left: 0px; }
	.voting ul { margin: 0 20px 0 0;}
	
}

/* Mobile */      
@media only screen and (max-width: 767px) {
	.nav { display: none; }
	.card { width: 100%; transform: none !important; position: relative !important; margin-bottom: 50px;}	
	#showcase { height: auto; }
	.card h3 { width: 100%; height: 106px; background-size: contain; line-height: 155px; }
	.card a { width: 100%; margin-top: 10px;}
	.card-inner { padding: 0; width: 100%; max-width: 337px;}
	.voting { width: 100%; }
	.voting .vote-view { position: relative; top: 0px; right: auto; margin: 0 auto; }
	.voting .instructions { margin: 0 20px; text-align: center;}
	.voting li, .voting li label { font-size: 18px; }
	.voting h3 { line-height: 28px; width: 90%; margin: 10px auto; }
	.voting img { position: relative; right: 10px; margin-left: 20px;}
	.voting input.votesubmit { font-size: 22px; }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	.card h3 { font-size: 20px; height: 75px; line-height: 110px;  }
	.card a { font-size: 20px; height: 75px; }
	.voting { max-height: 420px; }
	.voting img { width: 90%; top: -40px; }
	.voting li, .voting li label { font-size: 16px; }
}