html {
	font-size: 62.5%;	/* allows rems to be used like pixels: 14px = 1.4rem */
						/* increase size here to increase all fonts on site */	
	-webkit-text-size-adjust: 100%;		/* prevents font scaling in landscape while allowing user zoom */

}
body {
	margin: 0;
	padding: 0;
	background-color: #DEF4EF;
	font-family: "Trebuchet MS", "Gill Sans", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-size: 1.8rem; /* =18px */
	line-height:1.5;
	color: #34585c;
}


/* // HIDE MOBILE FEATURES */

/* hidden to start. Brought in later via media queries */
.mobile-menu-icon { 	/*hide hamburger*/
	display:none;
}
#dropnav-wrapper {		/*hide mobile drop menu*/
	display:none;
}


/* // HONEYPOT on contact form */
.tester { 
	display:none; 
}

/* // RESET */
.clearfix {
	clear:both;
}
p, ul {
	line-height: 1.5;
	margin: 0 0 1.5em;
}
blockquote {
	padding: 1em 2em;
	margin: 0 0 2em;
	border-left: 5px solid #eee;
}
hr {
	height: 0;
	margin-top: 1em;
	margin-bottom: 2em;
	border: 0;
	border-top: 1px solid #ddd;
}
hr.divider {
    width: 70%;
    height: 1px;
    color: #ccc;
    background-color: #ccc;
    margin: 2em auto;
}
img {
	border:0;
	max-width: 100%;
	height:auto;
}
.photo-block-right {
	float:right;
	max-width:40%;
	margin:0 0 20px 20px;
}
.photo-block-left {
	float:left;
	max-width:40%;
	margin:0 20px 20px 0;
}
fieldset {
	border:none;
}
legend {
	display:inline;
	font-family: georgia,times,serif;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: 900;
	line-height: 1.2;
	color: #848cb5;
	text-transform: uppercase;
	margin:20px 0 0 -5px;
}
button, input, select, textarea {	/* reset fonts on forms */
	font-family: inherit;
	font-size: 100%
}
input, textarea, select {			/* reset box-sizing on forms */
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
input[type="text"], 
input[type="tel"], 
input[type="email"],    /* use 'multiple' attribute for multiple addresses */
input[type="url"],  
input[type="number"],   /* accepts digits, plus, minus & period for decimals */
input[type="password"] {
	display:block;
	background-color:#fff;
	font-size:14px;
	padding:6px; 
	border-radius:2px;
	border: 1px solid #999; 
	margin:0 0 15px;
}
.list-unstyled {
	padding-left: 0;
	list-style: none;
}
.list-inline {
	padding-left: 0;
	margin-left: -5px;
	list-style: none;
}
.list-inline > li {
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;
}
.table {
	width: 100%;
	max-width: 100%;
	background-color: transparent;
	border-spacing: 0;
	border-collapse: collapse;
	border-top: 1px solid #ddd;
	margin-bottom: 20px;
}
th, td {
	padding: .5em 1em;
	vertical-align: top;
	text-align: left;
	border-bottom: 0px solid #ddd;
}
.scroll-message {
 	font-size: 15px;
 	font-size: 1.5rem;
 	color:#aaa;
 	text-align:right;
 	padding-top:10px;
}


/* // LAYOUT */

/* The .container div appears within five elements: the header, top navbar, page-title, content, and footer. It maintains the desired width of these elements, and, using margin:0 auto, centers the elements in the window. As the window widens beyond .container's width the left and right margins widen to keep the elements centered. */

.container {
	position:relative;
	max-width: 1200px;
	margin: 0 auto;
	border:0px solid black;
}

/* // HEADER */
header {
	height:89px;
	background: #7BB7BF url(images/bg-header.jpg) repeat-x center top;
	padding: 0 1.25em;
}
	/* logo */
	header img.logo {
		padding-top:10px;
	}
	img.logo:active, 
	img.logo:focus {
		outline:none;
	}

/* // UPPER NAV */
header nav#upper-nav {
	float:right;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	color: #d2e7ea;
	text-decoration: none;
	padding-top:10px;
}
	#upper-nav a:link, 
	#upper-nav a:visited {
		display:inline-block;
		padding:10px 15px 0 0;
		color: #d2e7ea;
		text-decoration: none;
	} 
	#upper-nav a:active, 
	#upper-nav a:hover {
		color: #fff;
		text-decoration: none;
	}
	#upper-nav a:last-of-type { 
		padding-right: 0; 
	}


/* // NAVBAR */ 
/* find mobile nav at bottom before media queries */
nav#navbar {
	width:100%;
	height:33px;
	background: #70AFB7 url(images/bg-topnav-sprite.png) repeat-x 0 0;
}
nav#navbar .navbar-buttons {
	font-family: "Trebuchet MS", "Gill Sans", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	line-height:31px;
	font-weight: 100;
	text-align:center;
}
	nav#navbar .navbar-buttons a:link, 
	nav#navbar .navbar-buttons a:visited {
		display:inline-block;
		height: 33px;
		color: #d2e7ea;
		padding:0 12px;
		border-left:1px solid #d2e7ea;
		background-image: url(images/bg-topnav-sprite.png);
		background-position:0 0;
		background-repeat: repeat-x;
		text-decoration: none;
	} 
	nav#navbar .navbar-buttons a:active, 
	nav#navbar .navbar-buttons a:hover {
		color: #ffffff;
		background-image: url(images/bg-topnav-sprite.png);
		background-position:0 -33px;
		background-repeat: repeat-x;
		text-decoration: none;
	}
	nav#navbar .navbar-buttons a:first-of-type { 
		border-left:none;
	}
	
	
	
/* // HOME PAGE */
section#home-feature {
	background: #CFE3E2 url(images/bg-home.jpg) repeat-x center top;
}
.home-feature-image {
	display: block;
}
.home-photo-block-left {
	display:none;		/*enabled max-width:1100px*/
	float:left;
	max-width:40%;
	margin:0 30px 20px 0;
}
.home-photo {
	float:left; 
	width:33%; 
	margin-right:5%
}
.home-photo img {
	 border:3px solid #E5D9AE;
}
.home-text {
	float:right; 
	width:62%
}
.home-intro-links { 
	font-size:18px; 
	text-align:right; 
	margin:-20px 20px 0 0;
}
h3.home-featured-products-heading {
	font-weight:bold;
	text-align:center; 
	margin-top:50px;
	margin-bottom:0;
}
h3.home-testimonials-heading {
	font-weight:bold;
	text-align:center;
	margin-bottom:0;
}
.home-testimonials {
	padding:5% 10%;
}
.home-more-testimonials-link { 
	float:right;
	font-size:18px; 
	margin-top:40px; 
}
.home-more-testimonials-link a { 
	padding:10px 15px;
	border:1px solid #87B6B3;
	margin-bottom:30px;
}
.home-more-testimonials-link a:hover { 
	background:#87B6B3;
	color:white;
	text-decoration:none;
}

/* home welcome block */
.home-welcome-block-text div { 
	font-size:15px;
	font-weight:800;
	padding-top:10px;
}
.home-welcome-block-text {
	font-size:12px;
	font-size: 1.2rem;
	line-height:1.4;
}
.home-welcome-block-text a {
	font-size:12px;
	font-size: 1.2rem;
	color:#85B9BF;
}
	.home-welcome-block-text a:link, 
	.home-welcome-block-text a:visited {
		color: #4A97B2;
		text-decoration: none;
	} 
	.home-welcome-block-text a:active, 
	.home-welcome-block-text a:hover {
		color: #4A97B2;
		text-decoration: underline;
	}



/* // PAGE TITLE */
section#page-title {
	height:103px;
	background: #CFE3E2 url(images/bg-page-title.png) repeat-x center top;
	padding: 0 1.25em;
}
section#page-title .container {
	 height:103px;
}
.page-title-main {
	float:left;
	width:55%;
	margin-right:1%;
}
.page-title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: 100;
	font-style: italic;
	font-size: 32px;
	font-size: 3.2rem;
	line-height: 1;
	color: #848cb5;
	padding-top:30px;
border:0px solid black;
}
/* welcome block */
.welcome-block {
	position: absolute;
    bottom: 5px;
    right: 10px;
	float:right;
	/*width: 41%;*/
	text-align:right;
	padding-top:30px;
}
.welcome-block-text div {
	font-size:15px;
	font-weight:800;
	/*padding-top:30px;*/
}
.welcome-block-text {
	font-size:12px;
	font-size: 1.2rem;
	line-height:1.4;
}
.welcome-block-text a {
	font-size:12px;
	font-size: 1.2rem;
	color:#85B9BF;
}
	.welcome-block-text a:link, 
	.welcome-block-text a:visited {
		color: #4A97B2;
		text-decoration: none;
	} 
	.welcome-block-text a:active, 
	.welcome-block-text a:hover {
		color: #4A97B2;
		text-decoration: underline;
	}


/* // CONTENT LAYOUT */
.content {
	background: #fff url(images/bg-content.jpg) repeat-x center top;
	overflow: hidden;
	padding: 1em 1.25em;
	background-color: #fff;
}
main, aside {
	margin-bottom: 1em;
}
main {
	float: left;
	width: 70%;
	margin-right: 5%;
}
aside {
	float: right; 
	width: 25%;
	margin-bottom:0;
}
.product-promo {
	padding:10px;
	background-color: #DEF2F0;
	border: 4px solid #e5d9ae;
	margin:20px 0;
}
.product-promo h3 {
	 margin:5px 0;
}
.product-promo-link {
	padding:10px 0; 
	text-align:right;
}
.promo-text-short {
	display:none;
}

/* styles for Mailchimp email signup */
div.email-form {
	max-width:80%;
	background-color:#DEF2F0;
	padding:7px 0 0 5px; 
	margin:20px 0; 
	border:3px solid #E5D9AE;
}
div.email-form strong {
	font-size: 17px;
	font-size:1.7rem;
	font-weight:bold;
}
div.email-form form {
	padding: 5px 0 10px;
}
.mc-field-group input[type="email"] {
	display:inline;
	max-width:65%;
	margin-bottom:-1px;
}
.go-btn {
	width:35px;
	height:30px;
	border:none;
	background: url(images/go-btn-sprite.png);
	background-position:0 0;
	vertical-align:bottom;
	margin-bottom:-1px;
	cursor:pointer;
}
.go-btn:hover {
	background-position:0 -30px;
}

/* 2-column layout for text */
.left-col {
	 float:left; 
	 width:45%; 
	 margin-right:10%;
	 margin-bottom: 1em;
}
.right-col {
	 float:left; 
	 width:45%;
	 margin-bottom: 1em;
}


/* // FOOTER */
#page-bottom {
	width:100%;
	height:auto;
	background: url(images/bg-footer.png) repeat-x;
}
footer {
	background:url(images/ST-footer.png) no-repeat center center;
	padding-top:40px;
	margin-left:.8em;
	border:0px solid black;
}
.footer-box {
	float:left; 
	width:23%;
	margin-right:1%;
	margin-bottom:2em;
	border:0px solid black;
}
div#page-bottom footer .footer-box a {
	display:block;
	font-size:14px;
	font-size: 1.4rem;
	line-height:1.2;
	text-transform:uppercase;
}
footer span.cart-icon {
	background:url(images/icon-cart-green.gif) no-repeat 0 1px !important;
}
footer span.cart-icon a {
	display:inline !important; 
	margin-left:13px !important;
}
footer div.promo-text img { /* little image in footer box 4 */
	 float:left; 
	 padding:0 10px 5px 0;
}

footer p.copyright {
	font-family: Verdana, Helvetica, sans-serif;
	font-size:13px;
	font-size: 1.3rem;
	color:#76a6ac;
	text-align:right; 
	padding:20px 10px 0;
}
	footer a:link, 
	footer a:visited {
		width:100px; 
		display:inline-block;
		padding:6px 12px;
		color: #76a6ac;
		text-decoration: none;
	} 
	footer a:active, 
	footer a:hover {
		color: #34585C;
		text-decoration: none;
	}
footer p.copyright a {
	width:auto; 
	padding:0;
}
	

/* // TEXT STYLES */
h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 36px;
	font-size: 3.6rem;
	font-weight: 400;
	font-style: italic;
	line-height: 1.1;
	color: #848cb5;
	letter-spacing: normal;
	margin:20px 0;
}
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 32px;
	font-size: 3.2rem;
	font-weight: 400;
	font-style: italic;
	line-height: 1.1;
	color: #848cb5;
	letter-spacing: normal;
	margin:20px 0;
}
h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: 400;
	font-style: italic;
	line-height: 1.2;
	color: #848cb5;
	letter-spacing: normal;
	margin:20px 0;
}
h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: 400;
	font-style: italic;
	line-height: 1.2;
	color: #848cb5;
	letter-spacing: normal;
	margin:20px 0;
}
h5 {
	font-family: georgia,times,serif;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: 900;
	line-height: 1.2;
	color: #848cb5;
	text-transform: uppercase;
	margin:20px 0;
}
h6 {
	font-family: georgia,times,serif;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: 100;
	line-height: 1.2;
	color: #848cb5;
	margin:20px 0;
}
h7 {
	display: block;
	width: 360px;
	height: 37px;
	background: url(images/bg-heading.jpg) no-repeat center top;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 37px;
	color: #848cb5;
	text-align: center;
	margin:10px 0;
}
.alt-margin-1 {   /* for h-tags */
	margin:0 0 10px;
}
.alt-margin-2 {  /* for h-tags */
	margin:20px 0 10px;
}

.lg-head {
	font-family: verdana,arial,helvetica,geneva,sans-serif; 
	font-size: 36px;
	font-size: 3.6rem;
	font-weight: 900;
	margin:10px 0;
  }
.head {
	font-family: verdana,arial,helvetica,geneva,sans-serif; 
	font-size: 32px;
	font-size: 3.2rem;
	font-weight: 900;
	margin:10px 0;
  }
.medium-head {
	font-family: verdana,arial,helvetica,geneva,sans-serif; 
	font-size: 28px; 
	font-size: 2.8rem;
	font-weight: 900;
	margin:10px 0;
  }
.subhead {
	font-family: verdana,arial,helvetica,geneva,sans-serif; 
	font-size: 24px; 
	font-size: 2.4rem;
	font-weight: 900;
	margin:10px 0;
  }
.sm-head {
	font-family: verdana,arial,helvetica,geneva,sans-serif; 
	font-size: 20px; 
	font-size: 2rem;
	font-weight: 900;
	margin:10px 0;
  }
.promo-head {
	font-size: 20px;
	font-size: 2rem;
	font-weight: 900;
	color: #34585c;
	margin:10px 0;
  }
.promo-text {
	font-family: "Trebuchet MS", "Gill Sans", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.4;
	color: #3f696e;
  }
ul li {
	list-style-image: url(images/bullet_teal.gif);
	line-height: 1.6;
}
.left {
	text-align:left;
}
.center {
	text-align:center;
}
.right {
	text-align:right;
}
.bold { 
	font-weight: 900;
}
.ital { 
	font-style: italic;
}
.bold-ital { 
	font-weight: 900;
	font-style: italic;
}
.black {
	color: #000;
}
.lt-gray {
	color: #999;
}
.white { 
	color:white;
}
.blue {
	color:#1e94f0;
}
.small-white {
	font-size: 10px;
	font-size: 1rem;
	color: #fff;
}
.small {
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.3;
}
.smaller {
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.3;
}
.vsmall {
	font-family: arial,sans-serif; 
	font-size: 11px;
	font-size: 1.1rem;
	line-height: 1.1;
}
.raquo, .laquo {
	font-size:22px;
}
.caption {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 900;
	line-height: 1.4;
	color: #4a97a3;
	margin:3px 20px 0 0;
}
.testimonial-citation {
	font-size: 14px; 
	text-align: right; 
	padding: 7px 20px 30px 0;
}
.text-blurb {
	max-width:600px;
}


/* // TEXT LINKS */
a:link, 
a:visited {
	color: #4A97B6;
	text-decoration: none;
}
a:active, 
a:hover {
	color: #000;
	text-decoration: underline;
}
	
/* teal bold */
.teal-bold {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.4;
	font-weight: 900;
	color: #34585C;
}
	.teal-bold a:link, 
	.teal-bold a:visited {
		color: #34585C;
		text-decoration: none;
	} 
	.teal-bold a:active, 
	.teal-bold a:hover {
		color: #85B9BF;
		text-decoration: none;
	}


/* // SUBNAV */
.subnav {
	width: 200px; 
	font-family: "Trebuchet MS", "Gill Sans", Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 18px;
	margin:10px 0 30px;
}
	.subnav a {
		display: block;
		background-color: #DEF2F0;
		padding: 10px;
		margin-bottom: 4px;
		border:1px solid #DEF2F0;
	}
	.subnav a:link, 
	.subnav a:active,
	.subnav a:visited {
		color: #396a70;
		text-decoration: none;
	}
	.subnav a:hover {
		background-color: transparent;
		color: #34585C;
		border:1px solid #4c99a3;
	}


/* // SUBNAV 2 */
.subnav2 {
	max-width: 100%; 
	font-family: "Trebuchet MS", "Gill Sans", Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 18px;
	color: #999;
	margin:10px 0 30px;
}
	.subnav2 a {
		display: block;
		padding: 15px 0;
		border-bottom: 1px solid #ccc;
	}
	.subnav2 a:first-of-type { 
		border-top: 1px solid #ccc;
	}
	.subnav2 a:link, 
	.subnav2 a:active,
	.subnav2 a:visited {
		color: #999;
		text-decoration: none;
	}
	.subnav2 a:hover {
		color: #000;
		border-bottom: 1px solid #000;
	}
	
	
/* // INLINE SUBNAV */
.inline-subnav {
	width: auto; 
	font-family: "Trebuchet MS", "Gill Sans", Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 3.1;
	color: #999;
	margin:10px 0 30px;
	/*border:1px solid gray;*/
	
}
.inline-subnav .inline-div1, 
.inline-subnav .inline-div2 {
	display:inline;
}
.inline-subnav span {	/* put space left and right of each bullet */
	padding:0 6px; 
}
	.inline-subnav a {
		display: inline;
		padding: 12px 0;
		border-bottom: 1px solid transparent; 
		margin-bottom:20px;
	}
	.inline-subnav a:link, 
	.inline-subnav a:active,
	.inline-subnav a:visited {
		color: #999;
		text-decoration: none;
	}
	.inline-subnav a:hover {
		color: #000;
		border-bottom: 1px solid #000;
	}


/* // BUTTONS */
/* css text button (says 'click here') */
.btn {
	display: inline-block;
	background: #0070BA;
	font-size:16px;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.2;
	color: #fff !important;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	cursor: pointer;
	border: 1px solid transparent;
	border-radius: .2em;
	padding: .5em 1em;
	margin-bottom: 20px;
	text-decoration: none !important;
}
.btn:active, 
.btn:focus, 
.btn:hover {
	color: #fff !important;
	background-color: #1C9EDC;
	text-decoration: none;
}

/* css image swap buttons */
a.button-lg {
	float:left;
	width:121px;
	height:27px;
	background-image: url(images/button-lg-on.gif); /*preload ON btn offscreen*/
	background-repeat: no-repeat;
	background-position: -9999px -9999px;
	background-image: url(images/button-lg-off.gif);
	background-repeat: no-repeat;
	background-position: center center;
	font-family: Georgia, Times, serif;
	font-size: 11px;
	font-size: 1.1rem;
	color: #63687d;
	font-weight: 900;
	line-height:27px;
	text-align:center;
	text-decoration: none;
}
	a.button-lg:link {
		color: #63687d;
		background-image: url(images/button-lg-off.gif);
		background-repeat: no-repeat;
		background-position: center center;
		text-decoration: none;
	} 
	a.button-lg:visited {
		color: #63687d;
		background-image: url(images/button-lg-off.gif);
		background-repeat: no-repeat;
		background-position: center center;
		text-decoration: none;
	}
	a.button-lg:active {
		color: #63687d;
		background-image: url(images/button-lg-on.gif);
		background-repeat: no-repeat;
		background-position: center center;
		text-decoration: none;
	}
	a.button-lg:hover {
		color: #63687d;
		background-image: url(images/button-lg-on.gif);
		background-repeat: no-repeat;
		background-position: center center;
		text-decoration: none;
	}

a.button-sm {
	float:left;
	margin-left: 50px;
	width:90px;
	height:27px;
	background-image: url(images/button-sm-on.gif); /*preload ON bg offscreen*/
	background-repeat: no-repeat;
	background-position: -9999px -9999px;
	background-image: url(images/button-sm-off.gif);
	background-repeat: no-repeat;
	background-position: center center;
	font-family: Georgia, Times, serif;
	font-size: 11px;
	font-size: 1.1rem;
	color: #63687d;
	font-weight: 900;
	line-height:27px;
	text-align:center;
	text-decoration: none;
}
	a.button-sm:link {
		color: #63687d;
		background-image: url(images/button-sm-off.gif);
		background-repeat: no-repeat;
		background-position: center center;
		text-decoration: none;
	} 
	a.button-sm:visited {
		color: #63687d;
		background-image: url(images/button-sm-off.gif);
		background-repeat: no-repeat;
		background-position: center center;
		text-decoration: none;
	}
	a.button-sm:active {
		color: #63687d;
		background-image: url(images/button-sm-on.gif);
		background-repeat: no-repeat;
		background-position: center center;
		text-decoration: none;
	}
	a.button-sm:hover {
		color: #63687d;
		background-image: url(images/button-sm-on.gif);
		background-repeat: no-repeat;
		background-position: center center;
		text-decoration: none;
	}
	
/* css sprite buttons */
.btn-sprite-sm {
	display:block;
	width:90px;
	height:27px;
	background-image: url(images/bg-btn-sprite-90w.png);
	background-position:0 0;
	font-family: Georgia, Times, serif;
	font-size: 11px;
	font-weight:900;
	line-height:27px;
	color:#63687d;
	text-align:center;
	text-decoration:none;
}
.btn-sprite-sm:link, 
.btn-sprite-sm:visited {
	color:#63687d; 
	text-decoration:none;
}
.btn-sprite-sm:hover, 
.btn-sprite-sm:active {
	background-position:0 27px; 
	text-decoration:none;
}


.btn-sprite, 
.graphic-submit-btn input[type=submit]  {
	display:block;
	width:auto; 
	height:45px;
	background: #FDFEA2 url(images/bg-btn-sprite.png);
	background-position:0 0;
	background-repeat: repeat-x;
	font-family: Trebuchet, Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight:400;
	line-height:45px;
	color:#63687d;
	letter-spacing:1.5px;
	text-transform:uppercase;
	text-align:center;
	border:1px solid #DDD39C;
    -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-decoration:none;
	cursor: pointer;
}
.btn-sprite:link, 
.btn-sprite:visited {
	color:#63687d; 
	text-decoration:none;
}
.btn-sprite:hover, 
.btn-sprite:active {
	background-position:0 -74px; 
	text-decoration:none;
}
.graphic-submit-btn input[type=submit]:hover {
	background-position:0 -74px; 
	text-decoration:none;
}

.pill-btn {			/* MOD: puts rounded corners on .btn-sprite */
	height:35px; 
	line-height:35px;
	font-weight:bold;
	border-radius: 20px; 
}

a.combo-btn {		/* MOD: uses an arrow img in combination w/ .btn-sprite */
	height:35px;
	font-family:Times;
	font-size:18px; 
	font-weight:bold;  
	line-height:35px;  
	letter-spacing:1;  
	border-radius: 20px; 
	text-transform:none;
	padding:0 30px;
}
img.combo-btn {		/* MOD: uses an arrow img in combination w/ .btn-sprite */
	position:absolute; 
	left:-5px; 
	top:10px;
}

/* top */
.top {
	font-family: Verdana, Helvetica, sans-serif;
	font-size:15px;
	font-size: 1.5rem;
	font-weight:400;	/* 400 is same as 'normal' or 'regular' */
	color:#76a6ac;
	text-align:right;
	text-transform:none;
	padding-right:20px; 
}
	.top a:link, 
	.top a:visited {
		color: #76a6ac;
		text-decoration: none;
	} 
	.top a:active, 
	.top a:hover {
		color: #000;
		text-decoration: none;
	}


/* // SOCIAL LINKS */
.icon-fonts {
	font-size:60px;
	color:#aaa;
	letter-spacing:2px;
}
	.icon-fonts a:link,
	.icon-fonts a:visited {
		color:#aaa;
	}
	.icon-fonts a:hover, 
	.icon-fonts a:active {
		color:#555;
	}
	
.social-links {
	font-size:30px;
	color:#D51B1B;
}


/* SOCIAL ICONS */ 
.social-icons {
	 font-size:38px; 
	 text-align:left; 
	 padding:0 0 15px 0;
}

    .social-icons a:link {
       color: #43AAFB;
       margin:0 4px;
       text-decoration: none;
       } 

    .social-icons a:visited {
       color: #43AAFB;
       text-decoration: none;
       }

    .social-icons a:active {
       color: #DA5225;
       text-decoration: none;
       }

    .social-icons a:hover {
       color: #DA5225;
       text-decoration: none;
       }
    .social-icons .fb:hover { color:#101366; }
    .social-icons .tw:hover { color:#93C1E8; }
    .social-icons .p:hover { color:#C31E04; }
    


/* // ALERTS */

.alert {
	font-size:16px;
    padding:10px 15px;
    margin:10px 0 20px;
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-left:7px solid #4B7443;
}
.alert-success .alert-link {
	font-weight:bold;
    color: #2b542c;
    border:none;
}

.alert-info {
    color: #31708f;
    background-color: #eaf4fa;
    border-left:7px solid #416F8C;
}
.alert-info .alert-link {
	font-weight:bold;
    color: #245269;
    border:none;
}

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-left:7px solid #866E42;
}
.alert-warning .alert-link {
	font-weight:bold;
    color: #66512c;
    border:none;
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-left:7px solid #9D4A46;
}
.alert-danger .alert-link {
	font-weight:bold; 
    color: #843534;
    border:none;
}


/* // LOGIN.inc FORM */
.login-box {
	background:white; 
	border-radius:8px; 
	padding:5px 15px 15px 20px;
	margin:20px;
}
.close-link {			/* 'X' btn to close the box */
	font-size:24px; 
	text-align:right;
	cursor:pointer; 
}
h3.login-heading {
	margin-top: 0;
	margin-bottom:20px;
}
.login-returning-customers {
	width:45%; 
	float:left; 
	padding:0 3% 0 1%; 
	border-right:1px solid #999;
}
.login-new-customers {
	 width:45%; 
	 float:left; 
	 padding:0 0 0 5%;
}
.login-text {
	 font-size:16px; 
	 margin:-10px 0 10px 0; 
}
fieldset.login, 
fieldset.new-customer {
	border:none; 
}
fieldset.login legend, 
fieldset.new-customer legend {
	font-family: georgia,times,serif;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: 100;
	line-height: 1.2;
	color: #848cb5;
	text-transform:capitalize;
} 
fieldset.login legend {
	margin-bottom: 20px;
} 
fieldset.new-customer legend {

}
fieldset.login input {
	width:100%;
}
.forgot-password-link {
	font-size:15px;
	margin:4px 0px 15px;
}
.login-button {
	width:100%;
	margin:20px 0;
}


/* // PAGES */
/* subscribe page */
.subscribe div.email-form {
    background-color:transparent;
    border:none;
    padding:0;
    margin:0 0 40px 0;
}

/* testimonials */
.testimonials {
	padding:5% 10%;
}

/* contact page */
.contact-form input[type="text"], 
.contact-form input[type="tel"], 
.contact-form input[type="email"], 
.contact-form input[type="url"],  
.contact-form input[type="number"], 
.contact-form input[type="password"], 
.contact-form textarea {
	width:50%;
}
.contact-button {
	width:250px;
	margin:30px 0;
}
.privacy-note {
    max-width: 400px;
	font-size: 14px;
	font-style:italic;
	margin: 15px 0 25px; 
}


/* // PRODUCT LISTING PAGE */
main.products {
	width:75%;
	margin-right:0%;
}
#product-container {
	width:100%;
}
h3.product-listing-heading {
	margin: 20px 0 0;
}
.product-cell {
	float:left; 
	width:30%;
	padding-top:30px;
	padding-right:23px;
	padding-bottom:30px;
	padding-left:0;
}	
.product-name {
	/**/height:75px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 21px;
	font-weight: 100;
	font-style: normal;
	color: #676f9a;
	text-align:center;
}
.product-img img {
	 display:block; 
	 margin:15px auto;
}	 
.product-img a:active, 
.product-img a:focus {
	outline:none;
}
.product-text {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	font-weight:normal; 
	font-style:normal;
	padding:20px 5px 20px 10px;
}
.product-price {
	display:block; 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	line-height:1.1;
	font-weight: 100;
	font-style: italic;
	color: #676f9a;
	text-align:center;
	    padding-top: 10px;
}


/* // PRODUCT DETAILS PAGE */
.left-product-col {
	float:left; 
	width:40%; 
	margin-right:5%;
}
.right-product-col { 
	float:left; 
	width:55%;
}
h3.product-details-heading {
	margin-bottom:40px;
}
p.price {
	float:left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	line-height: 22px;
	font-weight: 100;
	font-style: italic;
	color: #676f9a;
	margin: 0px;
}
p.size {
	float:right;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 14px;
	line-height: 22px;
	font-weight: 100;
	font-style: normal;
	color: #444; 
	text-transform:uppercase;
}
.prod-details-button {
	padding-bottom:60px;
}
.prod-details .right-product-col {
	padding-bottom:40px;
}


/* // CART STYLES */
main.cart {
	width:53%;
	padding-bottom:40px;
	margin-right:1%;
}
main.cart .cart-heading {
	margin:40px 0 20px;
}
.cart-table {
	margin-top:20px;
}
.cart-table th, 
.cart-table td {
	padding: .3em 0;
}
.cart-table td {
	font-size:15px;
	line-height:1.3;
}
.cart-table img.cart-img {
	min-width:60%;
}
.cart-table .cart-img-cell {
	 min-width:50px;
	 padding:0;
}
.cart-table .cart-update {
	display:inline;
}
.prod-size {
	font-size:12px;
	color:#777;
	padding-top:7px;
}
.remove-prod {				/* remove product from cart */
	text-align:right;
	font-family:arial, sans-serif;
	font-size:30px !important;
}
a.cart-remove:link, 	
a.cart-remove:visited {		/* remove product from cart */
	color: #4A97B6;
	padding:0 2px;
	text-decoration: none;
}
a.cart-remove:active, 
a.cart-remove:hover {		/* remove product from cart */
	color: #934E49;
	font-weight:bold;
	border:1px solid #934E49;
	padding:0 2px;
	text-decoration: none;
}
.prod-unit-price {
	font-size:14px;
	color:#777;
}
.prod-unit-price span {
	 display:inline;
}
.prod-total-price {
	font-size:14px; 
	color:#777;
	text-align:right;
}
.prod-total-price span {
	 font-weight:bold;
	 line-height: 2.7;
}
.prod-qty-form {
	display:inline;
	padding-left:6px;
}
.prod-qty-form input[type="number"] {
	width:50px; 
}
.prod-qty-form a {
	font-size:11px;
}
.prod-qty-form i {		/* font awesome */
	font-size:16px;
	padding-left:6px;
}
.cartsidebar {
	float:left;
}
.checkout-help {
	width:160px;
	background: #d8eee9;
	border: 4px solid #e5d9ae;
	padding:8px;
	margin-right:20px;
}
.checkout-help h4 {
	font-size:20px;
	margin:0 0 10px;
}
.checkout-help h3 {
	font-family: "Trebuchet MS", "Gill Sans", Arial, sans-serif;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	line-height: 1.3;
	color:#34585C;
	margin:15px 0 0 0;
}
.checkout-help p {
	font-size: 15px;
	line-height: 1.3;
	margin:0;
}
h4.accordion {
	display:none;
}
main.cart #accordion {
	width:80%; 
	margin:0 auto;
	display:none;
}
.shop-more-link {
	 font-weight:bold;
	 text-align:right;
}
.cart-linkpoint-img {
	float:left;
}
.cart-current-total {
	float:right; 
	font-weight:bold;
	margin-left: 30px;
}
expire-label {
	margin: 0 0 20px 15px;
}


/* // CHECKOUT PAGES */ 
.checkout .email-form,
.checkout .social-icons { 
	display:none; 
}
.checkout .free-ship {
	margin-top: 30px;
}
.checkout-steps {
	display:block;
	width:80%; 
	height:auto;
	margin:20px auto 30px;;
}
.help-text {
	font-size: 15px;
    line-height: 1.3;
	color:#aaa;
	margin-top:-5px;
}
.checkout label { 
	font-size:16px; 
}
.checkout-divider {
	width:70%; 
	height:1px; 
	color:#ccc; 
	background-color:#ccc; 	/* hr needs both color and bgcolor */
	margin:1.5em auto;
}
.checkout-button {
	float:right;
	width:250px;
	margin:30px 0 30px;
}

/* checkout-info page */ 
.info .billing, 
.info .shipping {
	 max-width:400px; 
	 margin:0 auto;
}
.info .shipping {
	margin-top:30px;
}
.info .billing input[type="text"], 
.info .billing input[type="tel"], 
.info .billing input[type="email"], 
.info .shipping input[type="text"], 
.info .shipping input[type="tel"], 
.info .shipping input[type="email"] {
	width:100%;
}
.billing #state, 
.shipping #state {
	 display:block; 
	 background:none; 
	 font-size:16px; 
	 color:#3C575B; 
	 padding:7px;
	 margin:5px 0 15px;
}
.same-as-billing {
    max-width: 400px;
	margin: 35px auto 5px;
}
.info .privacy-note {
    max-width: 400px;
	font-size: 14px;
	font-style:italic;
	margin: 15px auto 25px; 
}

/* checkout-payment page */
.payment .shop-more-link {
	margin-top:20px;
}
.totals-table { 
	width:40%; 
}
.totals-table td { 
	font-size:18px; 
	padding:2px; 
}
.CC-table td { 
	padding:3px; 
}
.coupon {
	max-width:400px;
}
.coupon input#coupon {
	display:inline; 
	margin-bottom:10px;
}
.coupon input#apply-coupon {
	display:block;
	font-size:16px;
	margin-bottom:20px;
}
.coupon-subscribe-text {
	font-size:16px;
	width:240px; 
	padding:20px 20px 20px 0;
}
.coupon-text span {
	font-size:18px;
	font-weight:bold;
	font-style:italic
}
#divCcPayment1 input#card-number {
	width:200px;
}
divCcPayment1 input#cvc {
	 width:60px; 
	 margin-bottom:5px;
}
.linkpoint img {
	float:left; 
	padding-right:10px;
}
.linkpoint p {
	width:80%;
	font-size:14px; 
}
#divPayPalPayment p {
	 font-size:16px;
}

/* checkout-confirm page */
.confirm-table {
	margin-top:20px;
}
.confirm-table th, 
.confirm-table td {
	padding: 3px;
}
.confirm-table td {
	font-size:15px;
	line-height:1.3;
}
.confirm-table img.cart-img {
	min-width:50%;
}
.confirm-table .cart-img-cell {
	 min-width:30px;
	 padding:0;
}
.prod-total-price span {
	line-height:1;
}
.confirm .billing { 
	float:left; 
	margin-right:60px;
}
.confirm .shipping { 
	float:left; 
}
.confirm .edit-link {
	float:right;
	margin-top:20px;
}

/* checkout-receipt page */
.order-summary-table td {
	padding:7px;
}
.print-link {
	float:right;
	color: #4A97B6;
	margin:-10px 0 10px;
}
.receipt .billing { 
	float:left; 
	margin-right:60px;
}
.receipt .shipping { 
	float:left; 
}
.thank-you-text {
	color:#2B608B;
	text-align:center;
	margin:40px auto;
}



/* // MOBILE NAVIGATION */

/* jquery dropnav menu */
#dropnav-wrapper {
	background-image: url(images/bg-mobile-nav.png); /* preload bg offscreen */
	background-repeat: no-repeat;
	background-position: -9999px -9999px;
	position:absolute;
	top:0;		/* burger icon */
	right:0;
	z-index:1000;
}
#jq-dropnav {
	position:absolute;
	top:40px; /*menu*/
	right:15px;
	z-index:10;
	display:none; /*set to 'none' or 'block' to hide/show menu on page load*/
}
#jq-dropnav .content {
	width:190px;
	background: #DEF2F0 url(images/bg-mobile-nav.png) repeat-x center top;
	border:2px solid #E5D9AE;
	padding:5px 15px 0;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
#jq-dropnav .content a {
	color:#34585c;
}
#jq-dropnav .inside {
	position:relative;
	overflow:hidden;
}
#jq-dropnav a {
	color:#fff;
}
#jq-dropnav a:hover {
	color:#fff;
	text-decoration:none;
}
#dropnav-wrapper .tab-menu {	/* hamburger and text */
	width:80px;
	height:33px;
	display:block;
	font-size: 18px;
	font-size: 1.8rem;
	line-height:33px;
	font-weight: 400;
	letter-spacing:1px;
	color:#E2F8F5; 
	text-align:right;
	padding-right:1em;
	text-decoration:none;
}
#dropnav-wrapper .tab-menu i.fa-bars {  /* font awesome burger */
	font-size:20px;
	font-size: 2rem;
}
#dropnav-wrapper .tab-menu:hover {
	text-decoration:none;
}

/* mobile navigation styles */
div.mobile-menu-links {
	float: none;
	position: static; 		/* puts element back into normal flow */
	text-transform: uppercase;
	padding-left: 10px;
}
#dropnav-wrapper div.mobile-menu-links ul {
	list-style:none;
	margin: 0; 
	padding:0 0 10px 0;
}
#dropnav-wrapper div.mobile-menu-links li {
	display:block;
	float: none; 
	margin: 0;
}
#dropnav-wrapper div.mobile-menu-links a {
	display: block;
	font-size: 15px;
	font-size: 1.5rem;
	line-height:1.2;
	color:#000;
	text-align:right;
	border-top: 1px solid #34585c;
	padding: 15px 8px;
	text-decoration: none;
	background-image: url(images/bg-mobile-btn.png); /* preload bg offscreen */
	background-repeat: repeat-y; 
	background-position: -9999px -9999px;
}
#dropnav-wrapper div.mobile-menu-links a:hover,
#dropnav-wrapper div.mobile-menu-links a:active,
#dropnav-wrapper div.mobile-menu-links a:focus {
	background: url(images/bg-mobile-btn.png) repeat-y right top;
	text-decoration: none;
}

#dropnav-wrapper ul ul.nested-mobile-nav li a {
	padding:10px;
	border:none;
	background:none;
	text-align:right;
}
#dropnav-wrapper ul ul.nested-mobile-nav a:hover,
#dropnav-wrapper ul ul.nested-mobile-nav a:active,
#dropnav-wrapper ul ul.nested-mobile-nav a:focus {
	background:none;
	color:#34585c;
	text-decoration: underline;
}

#dropnav-wrapper ul ul.nested-mobile-subnav li a {
	text-transform:none;
	border:none;
	padding: 5px 8px;
}
#dropnav-wrapper ul ul.nested-mobile-subnav a:hover,
#dropnav-wrapper ul ul.nested-mobile-subnav a:active,
#dropnav-wrapper ul ul.nested-mobile-subnav a:focus {
	background:none;
	color:#34585c;
	text-decoration: underline;
}


/* // JQUERY */

/* accordion */
#accordion .ui-icon,
#accordion .ui-widget-content .ui-icon {
	background-image: url("images/arrow-down.png");
	background-position: top left;
}
#accordion .ui-state-active .ui-icon,
#accordion .ui-button:active .ui-icon {
	background-image: url("images/arrow-up.png");
	background-position: top left;
}

#accordion .ui-state-default, 
#accordion .ui-widget-content .ui-state-default, 
#accordion .ui-widget-header .ui-state-default, 
#accordion .ui-button, 
html #accordion .ui-button.ui-state-disabled:hover, 
html #accordion .ui-button.ui-state-disabled:active {
	border-top:1px solid #777;
	border-bottom:none;
	border-left:none;
	border-right:none;
	border-radius:0;
	background:none;
	outline:none;
}
div#accordion {
	border-bottom:1px solid #777;
}

div#accordion h3 {
	font-family: trebuchet, helvetica, arial, sans-serif;
	font-style:normal;
	font-size:16px;
	line-height:20px;
	color:#777;
	letter-spacing:3px;
	text-transform:uppercase;
	text-align:center;
}
div#accordion h3 span {  /* accordion arrow */
	display:block;
	float:left;
	margin-top:2px;
}
div#accordion p {
	text-align:center;
}
.ui-accordion .ui-accordion-content {
	padding: .5em 1em;
}
div#accordion .ui-widget-content {
	font-family: "Trebuchet MS", "Gill Sans", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	color:#777;
	letter-spacing:.5px;
	border:none;
}






/* // MEDIA QUERIES */ 

/* COPY THIS ...
@media screen and (max-width:1100px) {
	aside.cart {
		width:270px;
	}
}
*/

@media screen and (max-width:1100px) {
	.home-photo-block-left { 
		display:block;
	}
	.home-photo-block-left img {
		 border:3px solid #E5D9AE;
	}
	.home-photo {
		display:none;
	}
	.home-text {
		float:none; 
		width:100%
	}
	.home-text ul {
		 list-style-position:inside;
	}
	div.email-form {
		max-width:100%;
	}
}

@media screen and (max-width:1024px) {
	main {
		float: left;
		width: 72%;
		margin-right: 3%;
	}
	main.cart {
		width:48%;
	}
	aside.cart {
		24%
	}
	.product-cell {				/* products page listing */
		width:28%;
		padding-top:30px;
		padding-right:15px;
		padding-bottom:30px;
		padding-left:15px;
	}
	.left-col, 
	.right-col {
		float:none;
		width:100%;
	}
	.go-btn {					/* 'get email specials' form */
		margin-bottom:1px;
	}
	.checkout-steps {
		width:100%;
	}
}

@media screen and (max-width:855px) {
	.product-cell {	
		width:44%;
		padding-top:30px;
		padding-right:10px;
		padding-bottom:30px;
		padding-left:10px;
	}
	.product-promo .promo-text-short {	/* short text on sidebar promos */ 
		display:block;
		font-size:16px;
		line-height:1.5;
	}
	.product-promo .promo-text {		/* full text on sidebar promos */ 
		display:none;
	}
	.cartsidebar {
		display:none;
	}
	main.cart {
		width:70%;
	}
	aside.cart {
		width:25%;
	}
	.checkout-steps {
		width:100%;
	}
	h4.accordion {
		display:block;
		margin:30px 0;
	}
	main.cart #accordion {
		display:block;
	}
	footer div.promo-text img {	/* little image in footer box 4 */
		 float:none;
		 display:block;
		 padding:0 10px 10px 0;
	}
}

@media screen and (max-width:760px) {
	main, 
	main.products,  
	aside {
		float:none;
		width:100%;
	}
	.top-sidebar-promo, 
	.home-welcome-block-text {
		display:none;
	}
	.product-promo {
		float:left;
		max-width:40%;
		height:480px;
		margin:20px 2%;
	}
	.product-promo .promo-text-short {	/* short text on sidebar promos */ 
		display:none;
	}
	.product-promo .promo-text {		/* full text on sidebar promos */ 
		display:block;
	}
	.product-listing-heading {
		text-align:center;
	}
	.product-cell {
		width:26%;
		padding-top:30px;
		padding-right:14px;
		padding-bottom:30px;
		padding-left:28px;
	}
	.prod-details h3 {
		text-align:center;
	}
	main.cart {
		float:left;
		width:70%;
		margin-right:3%;
	}
	aside.cart {
		float:left;
		width:25%;
	}
	aside.cart .top-sidebar-promo {
		display:block;
	}	
	aside.cart .product-promo {
		max-width:200px;
		height:auto;
	}
	aside.cart .product-promo .promo-text-short { /*short text on sidebar promos*/
		display:block;
	}
	aside.cart .product-promo .promo-text {	/*full text on sidebar promos*/
		display:none;
	}
	.checkout-steps {
		width:80%;
	}
}

@media screen and (max-width:735px) {
	.navbar-buttons, 	/* hide upper and top nav */
	#upper-nav {
		display:none; 
	}
	#dropnav-wrapper { 	/*show mobile drop menu*/
		display:block;
	}
	header, 
	section#page-title {
		padding: 0 20px;
	}
	.home-feature-image {	/* home page */
    	margin-top: 0;
	}
	.mobile-feature-image {
		padding-top:1px;
	}
	.back-btn {
		padding-top:20px;
	}
	main.cart,  
	aside.cart {
		float:none;
		width:100%;
	}
	aside.cart .top-sidebar-promo {
		display:none;
	}
	aside.cart .product-promo {
		float:left;
		max-width:40%;
		height:480px;
		margin:20px 2%;
	}
	aside.cart .product-promo .promo-text-short {	/* short text on sidebar promos */ 
		display:none;
	}
	aside.cart .product-promo .promo-text {	/* full text on sidebar promos */ 
		display:block;
	}
	main.cart .checkout-steps {
		width:100%%; 
	}
	.footer-box-4 {
		display:none;
	}
	.footer-box {
		width:31%;
	}
	.contact-form input[type="text"], 
	.contact-form input[type="tel"], 
	.contact-form input[type="email"], 
	.contact-form input[type="url"],  
	.contact-form input[type="number"], 
	.contact-form input[type="password"], 
	.contact-form textarea {
		width:50%;
	}
}

@media screen and (max-width:630px) { 
	.product-cell {	
		width:44%;
		padding-top:30px;
		padding-right:10px;
		padding-bottom:30px;
		padding-left:10px;
	}
	.home-testimonials, 
	.testimonials {
		padding:5% 5%;
	}
}

@media screen and (max-width:540px) { 
	.welcome-block {
		display:block;
	}
	.page-title-main {
		width:auto;
	}
	.feature-image {
		display:none;
	}
	.feature-mobile-image {
		display:block;
	}
	.photo-block {
		float:none;
		max-width:300px;
		margin:20px auto;
	}
	.product-promo, 
	aside.cart .product-promo {
		float:none;
		max-width:80%;
		height:auto;
		margin:0 auto 20px;
	}
	.left-product-col {   /* product details page */
		float:none; 
		width:100%; 
		margin-right:0;
	}
	.right-product-col {  /* product details page */
		float:none; 
		width:100%;
	}
	.left-product-col img { 
		max-width:100%;
		display:block; 
		margin:0 auto; 
	}
	.home-more-testimonials-link {
		text-align:right; 
		margin:0 0 40px; 
	}
	.checkout-steps {
		width:100%;
	}
	.linkpoint img {
		float:none; 
	}
	.payment .totals-table {
		margin-top:40px; 
	}
	.contact-form input[type="text"], 
	.contact-form input[type="tel"], 
	.contact-form input[type="email"], 
	.contact-form input[type="url"],  
	.contact-form input[type="number"], 
	.contact-form input[type="password"], 
	.contact-form textarea {
		width:70%;
	}
	h3.login-heading {
		margin:0;
	}
	.login-returning-customers {
		width:auto; 
		float:none; 
		padding:8%; 
		border-right:none;
		border-bottom:1px solid #999;
	}
	.login-new-customers {
		 width:auto; 
		 float:none; 
		 padding:8%;
	}
	.inline-subnav .inline-div1, 
	.inline-subnav .inline-div1 {
		display:block;
	}
	.inline-div1 span.goner {
		display:none;
	}
}

@media screen and (max-width:420px) { 
	.home-feature-image {
		display: none;
	}
	.home-photo-block-left {
		float: none;
		max-width: 280px;
		margin: 30px auto;
	}
	.product-cell {
		width:100%;
		border-bottom:1px solid #ccc;
		padding-left:0;
		padding-right:0;
	}
	div.product-cell:last-of-type {
		border-bottom: none; 
	}
	.product-img {
		 width:auto; 
		 float:none;
	}
	.product-details {
		width:auto; 
		float:none;
	}
	.product-name {
		height:auto;
		padding-bottom:20px;
	}
	.product-price {
		padding-top:0;
	}
	#expire-label {
		display:block;
	}
	.confirm-table td {
		font-size:13px;
	}
	.help-text {
		font-size:13px;
	}
	.checkout-button {
		float: none;
		width: auto;
		margin:30px 0 70px;
	}
	.payment .checkout-button {
		margin-left:-30px;
	}
	.contact-form input[type="text"], 
	.contact-form input[type="tel"], 
	.contact-form input[type="email"], 
	.contact-form input[type="url"],  
	.contact-form input[type="number"], 
	.contact-form input[type="password"], 
	.contact-form textarea {
		width:100%;
	}
	.footer-box {
		float:none;
	}
	div#page-bottom footer .footer-box a {
		display:block;
		line-height:1.5;
		text-transform:uppercase;
	}
	footer a:link, 
	footer a:visited {
		width:200px; 
		padding:6px 12px;
	} 
	.login-returning-customers, 
	.login-new-customers {
		 padding:20px 0 0 0;
	}
}

@media screen and (max-width:380px) { 
	.contact-button {
		width:auto;
		margin:30px 0;
	}
	.cart-linkpoint-img {
		margin-bottom:15px;
	}
}

@media screen and (max-width:290px) { 
	header {
		height:70px;
	}
	#dropnav-wrapper {
		top:0; 	/*hamburger icon*/
	}
	.cart-current-total {
		margin-left: 0;
	}
	.inline-subnav {
		line-height: 1;
	}
	.inline-subnav a {
		display: block;
		margin-bottom:0;
		padding: 15px 0 12px;
	}
	.inline-subnav span {	/* put space left and right of each bullet */
		display:none; 
	}
}