/* Functional (mixins and variables) */
.news {
width: 100%;
float: left; }

.newsmain {
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
width: 64.8%;
float: left;
margin-bottom: 155px;
margin-top: 35px; }
@media (max-width: 1190px) and (min-width: 651px) {
.newsmain {
width: 60%; } }
@media (max-width: 650px) and (min-width: 0px) {
.newsmain {
margin-top: 0px;
margin-bottom: 50px;
width: 100%; } }

.newsright {
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
width: 18.01%;
float: left;
margin-left: 4.21%;
padding-left: 3%;
border-left: 1px #d7d7d7 solid;
margin-top: 35px; }
@media (max-width: 650px) and (min-width: 0px) {
.newsright {
margin-top: 0px;
width: 100%;
margin-left: 0px;
border-left: 0px;
padding-top: 20px;
border-top: 1px #d7d7d7 solid; }
.newsright .left {
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
float: left;
width: 50%; }
.newsright .right {
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
float: left;
width: 50%;
padding-left: 10px; } }

.newsleft {
width: 5.90%;
float: left;
border-right: 1px #d7d7d7 solid;
margin-right: 2%;
padding-right: 1%;
margin-top: 35px; }
@media (max-width: 1190px) and (min-width: 651px) {
.newsleft {
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
width: 10.7%; } }
@media (max-width: 650px) and (min-width: 0px) {
.newsleft {
width: 100%;
margin-top: 0px;
border-right: 0px;
margin-bottom: 20px; } }

.newsdate {
color: #a0a0a0;
font-family: 'Open Sans',sans-serif;
font-size: 12px;
text-transform: uppercase;
line-height: 14px;
margin-bottom: 6px;
text-align: center;
width: 50px;
float: left; }
.newsdate .big {
font-size: 22px;
line-height: 18px;
font-weight: bold; }
@media (max-width: 1190px) and (min-width: 651px) {
.newsdate {
margin-right: 20px; } }
@media (max-width: 650px) and (min-width: 0px) {
.newsdate {
margin-right: 0px;
width: auto; } }

.socialbar {
display: block;
float: left;
list-style: none;
margin: 0px;
padding: 0px;
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
width: 50px;
padding: 10px;
-webkit-box-shadow: 0 0 2px 3px #D1D1D1;
box-shadow: 0 0 2px 3px #D1D1D1;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px; }
.socialbar li {
display: block;
float: left; }
.socialbar .sm-twt, .socialbar .sm-fb, .socialbar .sm-gplus {
display: none; }
.socialbar.active .sm-twt, .socialbar.active .sm-fb, .socialbar.active .sm-gplus {
display: block; }
@media (max-width: 650px) and (min-width: 0px) {
.socialbar {
width: 45px;
float: left;
margin-right: 10px;
padding: 0px 10px 0px 0px;
border-right: 1px #d7d7d7 solid;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 0px;
border-radius: 0px; } }

.sharebutton {
width: 30px;
height: 43px;
margin-bottom: 6px;
background-position: center top;
background-image: url("/images/ico-share.png");
cursor: pointer; }

.smico {
width: 30px;
height: 30px;
background-position: center top;
margin-bottom: 6px; }
.smico:last-child {
margin-bottom: 0px; }
.smico a {
display: block;
width: 100%;
height: 100%; }
.smico:hover {
background-position: center bottom; }
.smico.sm-twt {
background-image: url("/images/sm-twt.png"); }
.smico.sm-fb {
background-image: url("/images/sm-fb.png"); }
.smico.sm-gplus {
background-image: url("/images/sm-gplus.png"); }

.newslist .newsmain {
width: 70.7%;
float: left; }
.newslist .newsmain a {
color: #67bd4a;
text-decoration: none;
font-weight: bold; }
@media (max-width: 650px) and (min-width: 0px) {
.newslist .newsmain {
width: 100%;
margin-bottom: 0px; } }
.newslist .newsleft {
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
width: 10%; }
.newslist .ni-content {
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
width: 86%;
float: right; }
@media (max-width: 650px) and (min-width: 0px) {
.locresults .storeheading > div, .locresults .storeheading > div:first-child {
width: 100%!important;
}
.newslist .ni-content {
width: 80%; } }
.newslist .socialbar {
-webkit-box-shadow: none;
box-shadow: none;
padding-top: 0px; }

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

.profile {
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */ }
.profile h6 {
color: #67bd4a;
font-size: 16px;
margin-bottom: 10px; }
@media (max-width: 650px) and (min-width: 0px) {
.profile .newsright {
padding: 0px;
border: 0px; }
.profile .newsright .left, .profile .newsright .right {
width: 100%;
padding: 0px; }
.profile .newsright h5 {
font-size: 16px;
margin-bottom: 0px; }
.profile .newsright p {
margin-top: 0px; } }

.reports {
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
width: 100%;
float: left; }

.reportsmain {
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
width: 65.72%;
float: left;
margin-bottom: 90px;
margin-top: 40px; }
@media (max-width: 650px) and (min-width: 0px) {
.reportsmain {
margin-top: 20px;
width: 100%;
margin-bottom: 20px; } }

.reportsright {
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
width: 31.79%;
margin-bottom: 90px;
float: right;
padding: 30px;
background-color: #edf7e9;
word-wrap: break-word;
margin-top: 40px; }
.reportsright a {
color: #67bd4a;
font-weight: bold;
text-decoration: none; }
@media (max-width: 650px) and (min-width: 0px) {
.reportsright {
margin-top: 0px;
width: 100%;
margin-bottom: 20px; } }

.togglearr {
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
height: 40px;
width: 40px;
background-image: url("images/ico-arrdown.png");
background-position: center center;
background-repeat: no-repeat;
cursor: pointer;
float: right;
display: block;
border-left: 1px #dadada solid; }

.categhead {
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
width: 100%;
float: left;
cursor: pointer;
font-size: 18px;
color: #67bd4a;
padding-left: 30px; }
.categhead span {
display: block;
float: left;
padding-top: 10px; }

.reportcategs {
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
display: block;
float: left;
list-style: none;
margin: 0px;
padding: 0px;
width: 100%;
float: left;
border: 1px #dadada solid; }
.reportcategs li {
display: block;
float: left;
width: 100%;
float: left;
border-top: 1px #dadada solid; }
.reportcategs li:first-child {
border-top: 0px; }
.reportcategs li.active .togglearr {
background-image: url("images/ico-arrup.png");
border-bottom: 1px #dadada solid; }
.reportcategs li.active .replist {
display: block; }

.replist {
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
display: block;
float: left;
list-style: none;
margin: 0px;
padding: 0px;
display: none;
padding-left: 30px;
padding-right: 30px;
margin-bottom: 20px;
margin-top: 16px; }
.replist li {
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
border: 0px;
width: 100%;
float: left;
position: relative;
margin-bottom: 4px; }
.replist li:before {
content: '';
position: absolute;
left: 0px;
top: 6px;
width: 13px;
height: 13px;
background-image: url("images/ico-dl.png");
background-repeat: no-repeat; }
.replist li a {
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
width: 100%;
text-decoration: none;
font-size: 13px;
padding-left: 20px;
color: #000; }

.article {
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
width: 50%;
margin-top: 35px;
margin-bottom: 145px; }
.article a {
color: #000;
text-decoration: none; }
.article:last-child {
padding-left: 30px;
border-left: 1px #dadada solid;
float: left; }
.article:first-child {
padding-right: 30px;
float: left; }
@media (max-width: 1190px) and (min-width: 651px) {
.article {
width: 100%;
margin-bottom: 0px;
padding: 0px; }
.article:first-child {
padding: 0px;
padding-bottom: 20px;
border-bottom: 1px #dadada solid;
float: left;
border-left: 0px; }
.article:last-child {
padding: 0px;
margin-bottom: 145px;
border-left: 0px;
float: left; } }
@media (max-width: 650px) and (min-width: 0px) {
.article {
width: 100%;
margin-bottom: 0px; }
.article:first-child {
padding: 0px;
border-left: 0px;
padding-bottom: 20px;
border-bottom: 1px #dadada solid;
float: left; }
.article:last-child {
border-left: 0px;
padding: 0px;
padding-bottom: 20px;
float: left; } }

.logobox {
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
float: left;
width: 36%; }
.logobox img {
max-width: 100%; }
@media (max-width: 1190px) and (min-width: 651px) {
.logobox {
width: 20%; } }
@media (max-width: 650px) and (min-width: 0px) {
.logobox {
width: 100%;
text-align: center;
margin-bottom: 20px; } }

.rewardscontent {
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
float: left;
width: 64%;
padding-left: 30px; }
@media (max-width: 1190px) and (min-width: 651px) {
.rewardscontent {
width: 80%; } }
@media (max-width: 650px) and (min-width: 0px) {
.rewardscontent {
width: 100%;
padding-left: 0px; } }

.rewards ul {
font-size: 13px;
margin: 0px 0px 10px 12px;
padding: 0px; }

.srchresults {
width: 80%;
font-size: 13px; }

.srchresults tr td {
padding: 10px 0; }

.srchresults tr td:first-child {
padding-left: 15px;
width: 20px; }

.srchresults .title {
color: #67bd4a;
font-weight: 700;
cursor: pointer; }

/* Presentational (produces output) */
.error {
color: #dc3420;
margin-bottom: 18px; }

.basiccontent {
margin-top: 35px;
width: 100%;
float: left;
margin-bottom: 20px; }
.basiccontent a {
color: #67bd4a;
text-decoration: none;
font-weight: bold; }
.basiccontent ul {
font-size: 13px;
margin: 0px 0px 10px 12px;
padding: 0px; }

.green {
color: #67bd4a; }

.basiccontent a.fauxbutton {
background: #5fb045;
/* Old browsers */
background: -moz-linear-gradient(top, #5fb045 0%, #67bd4a 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5fb045), color-stop(100%, #67bd4a));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #5fb045 0%, #67bd4a 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #5fb045 0%, #67bd4a 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #5fb045 0%, #67bd4a 100%);
/* IE10+ */
background: linear-gradient(to bottom, #5fb045 0%, #67bd4a 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5fb045, endColorstr=#67bd4a,GradientType=0 );
/* IE6-9 */
border: 1px solid #447d31;
border-radius: 5px;
box-shadow: 0 1px 0 #6fcd50 inset;
color: #FFFFFF;
cursor: pointer;
display: inline-block;
font-size: 14px;
height: auto;
padding: 0.5em 1.5em;
text-shadow: 0 -1px 0 #52983b;
width: auto;
text-align: center; }

/* Font Size with rem */
/* Example - so I don't forget!

@include drop-shadow(5px, 5px, 2px, -2px, 0.5);
@include opacity(0.5);
@include fontsize(12);

*/
/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/
img {
vertical-align: middle; }

/*
* Image replacement
*/
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
/* IE 6/7 fallback */
*text-indent: -9999px; }

.ir:before {
content: "";
display: block;
width: 0;
height: 150%; }

/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
*    `contenteditable` attribute is included anywhere else in the document.
*    Otherwise it causes space to appear at the top and bottom of elements
*    that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
*    `:before` to contain the top-margins of child elements.
*/
.clearfix:before, .clearfix:after {
content: " ";
/* 1 */
display: table;
/* 2 */ }

.clearfix:after {
clear: both; }

/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix {
*zoom: 1; }

tr, img {
page-break-inside: avoid; }

img {
max-width: 100% !important; }

header, nav, section, article, aside, footer, hgroup {
display: block; }

/* variables */
/* DEFAULT FONT STYLING */
h1 {
font-size: 19px;
color: #fff; }

h2 {
font-size: 20px;
color: #000736;
margin: 0 0 15px !important; }

h3 {
color: #000736;
font-size: 30px;
font-weight: 600 !important;
margin: 0 0 20px !important; }

h4 {
text-transform: uppercase;
font-size: 25px;
line-height: 26px;
margin: 0 0 10px !important; }

h5 {
color: #67bd4a;
font-size: 20px;
margin: 0 0 20px !important; }

p {
font-size: 13px;
margin: 0 0 15px; }

.bold, strong {
font-weight: 700 !important; }

* {
border: 0;
outline-style: none;
margin: 0;
padding: 0; }

h1, h2, h3, h4, h5, h6, em, strong, pre, code, a {
margin: 0;
padding: 0;
font-weight: normal; }

table {
border-collapse: separate;
border-spacing: 0; }

/* Make HTML 5 elements display block-level for consistent styling */
header, nav, article, footer, address {
display: block; }

/* set classes */
.col-2 {
width: 50%; }

.col-3 {
width: 33.33334%; }

.clear {
clear: both; }

.clearLeft {
clear: left; }

.floatLeft {
float: left; }

.floatRight {
float: right; }

.relative {
position: relative; }

.fulclrleft {
clear: both;
float: left;
width: 100%; }

body {
font-family: 'Open Sans', sans-serif;
margin: 0;
padding: 0; }

body.landpg {
background: white url("../images/bg.gif") top center no-repeat; }

/* Style Placeholder Text */
::-webkit-input-placeholder {
color: #000; }

:-moz-placeholder {
/* Firefox 18- */
color: #000; }

::-moz-placeholder {
/* Firefox 19+ */
color: #000; }

:-ms-input-placeholder {
color: #000; }

input {
font-size: 13px; }

/* Font Face */
/* ================== Custom Styles =======================*/
.landing .defwidth {
max-width: 970px;
margin: 0 auto; }

.defwidth {
max-width: 1170px;
margin: 0 auto; }

.btn {
background: #67bd4a;
padding: 10px 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 166px;
color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
text-decoration: none;
float: left;
clear: both; }

.btn span {
background: url("../images/btnarrow.png");
width: 7px;
height: 12px;
display: block;
float: right;
margin: 5px 0 0; }

/*landing page*/
.landing header {
background: none; }

.landing header > div {
padding: 90px 0 40px; }

.landing .logo {
float: left; }

.headerblurb {
float: left;
width: 520px;
padding: 0 25px 0 45px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }

.headerblurb p {
font-size: 19px;
margin: 0; }

.company-info {
width: 172px;
float: left;
font-size: 13px; }

.company-info .title {
color: #67bd4a;
margin: 0;
font-weight: 400;
font-size: 18px; }

.company-info ul li {
margin: 0 0 0 20px; }

.company-info ul li a {
text-decoration: none;
color: #000; }

.green-strip {
padding: 30px 0;
background: #86d160;
/* Old browsers */
background: -moz-linear-gradient(top, #86d160 0%, #67bd4a 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #86d160), color-stop(100%, #67bd4a));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #86d160 0%, #67bd4a 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #86d160 0%, #67bd4a 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #86d160 0%, #67bd4a 100%);
/* IE10+ */
background: linear-gradient(to bottom, #86d160 0%, #67bd4a 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#86d160', endColorstr='#67bd4a',GradientType=0 );
/* IE6-9 */ }

.whitecont {
background: #fff;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.3);
padding: 30px 50px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }

.whitecont p, .whitecont a {
color: #67bd4a;
margin: 0;
font-weight: 400;
font-size: 15px;
text-decoration: none; }

.whitecont > div {
width: 33.33%;
float: left; }

.pharm a {
margin: 30px 0 0;
display: block; }

.landing footer {
padding: 50px 0;
background: none; }

.landing .footerinfocont {
width: 70%;
float: right; }

.landing .footerinfocont p {
float: left;
margin: 0 0 10px; }

.landing .footerinfocont > div {
width: 33.33%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 0 0 30px;
float: left; }

.landing .tel a {
display: block;
color: #000;
text-decoration: none;
font-size: 18px;
padding: 0 0 0 25px;
background: url("../images/fax.gif") center left no-repeat;
margin: 0 0 5px; }

.landing .tel a:first-child {
background: url("../images/tel.gif") center left no-repeat; }

.landing .btn {
margin: 0 0 10px; }

/* default template */
nav.main {
width: 100%;
float: left;
border-top: 1px solid #e5e6eb;
padding: 15px 0 10px; }

nav.main > ul > li {
float: left;
list-style-type: none;
position: relative;
height: 30px; }

nav.main > ul > li > a {
color: #000736;
text-decoration: none;
text-transform: uppercase;
font-size: 14px;
padding: 0 20px; }

nav.main > ul > li > a:hover {
color: #67bd4a; }

nav.main ul li a:first-child {
padding: 0 20px 0 0; }

.dd:hover .dd-nav {
display: block !important; }

.dd-nav {
position: absolute;
top: 30px;
left: -30px;
display: none; }

.arrowbox {
position: relative;
background: #ffffff;
-webkit-box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1);
width: 250px;
padding: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 600; }

.arrowbox:after, .arrowbox:before {
bottom: 100%;
left: 40%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none; }

.arrowbox:after {
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #ffffff;
border-width: 8px;
margin-left: -8px; }

.arrowbox:before {
border-color: rgba(194, 225, 245, 0);
border-bottom-color: rgba(0, 0, 0, 0.1);
border-width: 10px;
margin-left: -10px; }

.dd-nav ul li {
list-style-type: none;
padding: 5px 0;
width: 100%;
border-bottom: 1px solid #e5e6eb; }

.dd-nav ul li:first-child {
border-top: 1px solid #e5e6eb; }

.dd-nav ul li a {
text-transform: none;
color: #000736;
text-decoration: none;
font-size: 13px; }

.dd-nav ul li a:hover {
color: #79c857; }

/*
header {
background:url('../images/headerbg.gif') bottom center no-repeat;
}*/
.logo, .otherlogos, .otherlogos a {
float: left;
padding: 10px 0; }

.otherlogos {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }

.otherlogos a {
margin: 20px 20px 0 0; }

.otherlogos a:first-child {
margin-top: 30px; }

.otherlogos a:last-child {
margin: 20px 0 0; }

footer {
background: #edf7e9; }

.footerinfocont {
padding: 20px 0; }

 .click {
font-weight: 600;
float: left;
text-transform: uppercase; }

.click a {
color: #67bd4a;
text-decoration: none;
font-weight: 600; }

.footerinfocont p {
float: right;
margin: 0; }

.copy, .copy a {
color: #919191;
font-size: 10px;
text-decoration: none; }

.searchbox {
float: right;
width: 370px;
margin: 50px 0 0; }

.searchbox form {
width: 100%; }

.searchbox input[type="text"] {
background: #e5e6eb;
height: 30px;
padding: 0 10px;
width: calc(100% - 111px);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }

.searchbox input[type="image"] {
padding: 6px 6px 5px;
background: #e5e6eb; }

.searchbox input[type="submit"] {
background: #000736;
width: 80px;
color: #fff;
height: 30px;
text-transform: uppercase; }

.menu {
display: none;
margin: 10px 0 0;
position: absolute;
right: 10px;}

.mobnav {
width: 200px;
position: absolute;
right: -200px;
height: 100%;
top: 0;
z-index: 1000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 15px; }

.mobnav > ul > li {
list-style-type: none;
padding: 5px 0;
border-bottom: 1px solid #e5e6eb;
font-size: 17px; }

.mobnav > ul > li ul li {
list-style-type: none; }

.mobnav > ul > li ul li a {
text-transform: none !important;
font-size: 15px; }

.mobnav > ul > li ul li a.selected {
color: #67bd4a; }

.mobnav ul li a {
color: #000736;
text-decoration: none;
text-transform: uppercase; }

.mobnav ul li a:hover, .mobnav ul li a.active {
color: #67bd4a; }

#wrapper {
z-index: 0;
width: 100%; }

.mobile-open {
-webkit-transform: translate3d(-200px, 0, 0);
transform: translate3d(-200px, 0, 0);
transition: all .3s ease-out;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out; }

.mobile-open .mobnav {
display: block !important; }

/*home page */
.content {
background: #fff;
clear: both;
float: left;
width: 100%; }

.content section {
-webkit-box-shadow: inset -1px 10px 8px -3px rgba(0, 0, 0, 0.2);
box-shadow: inset -1px 10px 8px -3px rgba(0, 0, 0, 0.2);
padding: 0;
background: #86d160;
/* Old browsers */
background: -moz-linear-gradient(top, #86d160 0%, #67bd4a 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #86d160), color-stop(100%, #67bd4a));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #86d160 0%, #67bd4a 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #86d160 0%, #67bd4a 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #86d160 0%, #67bd4a 100%);
/* IE10+ */
background: linear-gradient(to bottom, #86d160 0%, #67bd4a 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#86d160', endColorstr='#67bd4a',GradientType=0 );
/* IE6-9 */ }

.content section > div {
background: url("../images/greenbg.png") top center no-repeat;
padding: 30px 0; }

.bigtext {
width: calc(100% - 370px);
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 40px 0 0; }

.findpharm {
width: 370px;
float: right;
background: white url("../images/find.png") top center no-repeat;
padding: 20px;
height: 236px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; }

.findpharm p {
font-size: 15px; }

.findpharmform input[type="text"] {
background: #e5e6eb;
height: 30px;
padding: 0 10px;
width: calc(100% - 25px);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }

.findpharmform input[type="image"] {
padding: 6px 3px 5px;
background: #e5e6eb; }

.blkbtn {
background: #000736;
padding: 10px 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
text-decoration: none;
float: left;
clear: both; }

.blkbtn input, .blkbtn a {
background: url("../images/btnarrowgreen.png") right center no-repeat;
color: #fff;
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
padding: 0 30px 0 0;
cursor: pointer;
text-decoration: none; }

.findpharmform .blkbtn {
margin: 20px 0 0;
width: 120px; }

.findpharm a {
color: #67bd4a;
text-decoration: none;
font-size: 13px;
margin-top: 25px; }

.goto > div {
width: 25%;
float: left;
padding: 0 20px 0 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }

.goto {
margin: 0 -20px 0 0;
padding: 30px 0 70px;
float: left; }

.goto > div a {
text-decoration: none; }

.goto > div img {
margin: 0 0 15px; }

.goto .btn {
width: 100px; }

.goto p {
min-height: 65px; }

.pharmlogos {
padding: 0 30px 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left; }

.pharmlogos a {
width: 50%;
float: left;
padding: 0 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }

.pharmlogos a:first-child {
margin: 15px 0 0; }

/*locator page */
section.bg {
position: absolute;
z-index: 0; }

section.bg, section.bg > div {
height: 300px; }

.locatorform {
max-width: 770px;
margin: 40px auto 100px;
background: white url("images/genbg.gif") top left no-repeat;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
z-index: 500;
position: relative;
padding: 40px 100px;
-webkit-box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1); }

.locatorform input[type="text"] {
background: #e5e6eb;
height: 43px;
padding: 0 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: calc(100% - 31px);
float: left; }

input[type="image"] {
cursor: default; }

.inputholder input[type="image"] {
padding: 12px 6px 12px;
float: left;
background: #e5e6eb;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }

.locatorform input.select {
background: #fff;
width: calc(100% - 71px); }

.select-list {
border: 1px solid #e5e6eb;
float: left;
width: calc(100% - 2px);
margin: 10px 0 20px; }

.select-list input[type="image"] {
padding: 12px 6px 12px;
background: #fff;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }

.open {
width: 40px;
display: block;
height: 43px;
float: left;
background: white url("../images/down.gif") center center no-repeat;
border-left: 1px solid #e5e6eb; }

.open.active {
background: white url("../images/up.gif") center center no-repeat;
border-bottom: 1px solid #e5e6eb; }

.detail {
display: none;
padding: 20px 20px 20px 40px; }

.open.active + .detail {
display: block; }

.detail ul li {
list-style-type: none; }

.detail ul li.title a {
color: #67bd4a;
font-weight: 600;
font-size: 15px; }

.detail ul {
width: 100%;
float: left;
margin: 0 0 15px; }

.detail ul li a {
font-size: 13px;
color: #000;
text-decoration: none; }

.detail .col-2 {
float: left; }

.detail input[type="checkbox"] {
margin: 0 3px 0 0; }

/*location results pg*/
.locresults, .srcresults, .brandfind, .career, .contactfrm {
padding: 30px 0 100px;
float: left;
width: 100%; }

.locresults .col-2 {
float: left; }

.locresults .col-2:first-child > div {
width: 50%;
float: left; }

.locresults .col-2:first-child > div:first-child {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 30px 0 0; }

.locresults .deets {
font-size: 18px; }

.deets a {
color: #67bd4a;
font-weight: 600;
text-decoration: none; }

.hours span, .services .title {
color: #67bd4a;
font-size: 18px;
font-weight: 600;
margin: 0 0 15px;
display: block; }

.hours table {
font-size: 13px;
margin: 0 0 20px; }

.services {
font-size: 13px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 30px 30px 0 0;
width: 66%;
float:left;}

.brands {
width: 33%;
float:left;
clear: none!important;
}

.brands ul {
width: 100%!important;
}

.services ul {
margin: 0 0 15px;
padding: 0 15px 15px;
width: 50%;
float:left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.services ul:nth-child(odd){
clear: both;
}

.services ul li:not(.title) {
list-style-type: none;
padding: 0 0 0 20px;
margin: 0 0 3px;
background: url("../images/tick.gif") left center no-repeat; }

/* closest store pg */
.closest {
font-size: 13px;
padding: 0 30px 0 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }

.srcresults .col-2 {
float: left; }

.srcresults .col-2.map {
float: right; }

.closest tr {
cursor: pointer; }

.closest tr.active {
background: #e8f5e4; }

.closest tr td {
padding: 10px 0; }

.closest tr td:first-child {
padding-left: 15px; }

.closest tr td:last-child {
padding-right: 15px; }

.closest .title, .brandmain .title {
color: #67bd4a;
font-weight: 700; }

.blkbtn a.srch {
padding: 0 10px 0 20px;
background: url("../images/btnarrowgreen-left.png") left center no-repeat; }

section h3 {
font-weight: 300 !important;
font-size: 35px !important; }

/* Brand finder */
.fullheight, .fullheight > div {
height: 200px; }

.fullheight h3 {
margin: 70px 0 0 !important; }

.brandfind > div {
float: left; }

.brandside {
width: 30%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 100px 0 0; }

.brandmain {
width: 70%; }

.brandside select {
width: 100%; }

select {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
text-indent: 1px;
text-overflow: '';
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border: 1px solid #e5e6eb;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 10px;
background: url("../images/selectbg.gif") top right no-repeat;
cursor: pointer; }

.brandmain table td {
padding: 15px 10px 15px 0;
font-size: 13px; }

.brandmain table tr:first-child td {
border-top: 1px solid #e5e6eb; }

.brandmain table td {
border-bottom: 1px solid #e5e6eb; }

/*our brands*/
.ourbrands {
margin: 0 -15px; }

.ourbrands > .col-2 {
float: left;
padding: 0 15px;
margin-bottom: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }

.ourbrands .col-2 > div {
border: 1px solid #e5e6eb;
padding: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; }

.pharmacy .col-2 {
float: left;
min-height: 380px; }

.pharmacy .col-2 img {
margin: 0 0 20px; }

.pharmacy > div {
padding: 0 0 0 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }

.pharmacy div.first {
padding: 0 15px 0 0 !important; }

.pharmacy .title {
color: #67bd4a;
font-size: 20px;
margin: 0 0 20px; }

/* careers pg */
.career div {
float: left; }

.careerside {
width: 20%;
padding: 0 50px 0 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }

.careermain {
width: 80%; }

.careergreen {
float: right !important; }

.career .title, .contactdeets .title {
color: #67bd4a;
font-size: 16px;
font-weight: 600;
margin: 0 0 20px;
display: block;
text-decoration: none; }

.career ul {
margin: 0 0 20px; }

.career ul li {
margin: 0 0 0 20px;
font-size: 13px; }

.careermain .info {
width: calc(100% - 168px);
padding: 0 50px 0 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }

.careergreen {
width: 168px;
background: #f0f8ed;
padding: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; }

.careergreen .title {
margin: 0; }

.career .blkbtn {
width: 100px;
margin: 0 0 10px; }

.greysmall {
text-transform: uppercase;
font-size: 10px;
color: #929292;
display: block; }

.careergreen .greysmall {
margin: 15px 0 0; }

.careerside input[type="text"], .careerside select {
width: 100%;
margin: 0 0 10px; }

.careerside input[type="text"] {
background: #e5e6eb;
height: 43px;
padding: 0 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left; }

.careerside ul li {
list-style-type: none;
margin: 0; }

.careerside ul li a {
text-decoration: none;
color: #000; }

.rule {
border-top: 1px solid #e5e6eb;
width: 100%;
padding: 0 0 20px; }

.careerside .blkbtn {
width: 120px; }

.careerside form {
float: left;
margin: 0 0 20px;
width: 100%; }

.careergreen.mob-only .greysmall {
width: 100px;
margin: 15px 0 0;
display: inline-block; }

.careergreen.mob-only {
margin: 0 0 20px; }

.careergreen.mob-only .blkbtn {
clear: none;
margin: 0 15px 0 0; }

.srchagain {
display: none;
width: 160px !important; }

/* contact pg*/
.contactfrm {
font-size: 13px; }

.contactfrm form {
width: 65%;
float: left;
padding: 0 120px 0 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }

.contactfrm form label {
width: 170px;
float: left;
clear: both;
margin: 15px 0 0; }

.contactfrm form input:not([type="submit"]) {
width: calc(100% - 170px);
float: left;
background: #e5e6eb;
height: 43px;
padding: 0 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0 0 15px; }

.contactfrm form select {
width: calc(100% - 170px);
margin: 0 0 15px; }

.contactfrm form textarea {
width: calc(100% - 170px);
background: #e5e6eb;
padding: 10px;
height: 150px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin: 0 0 15px; }

.contactfrm form .blkbtn {
margin: 0 0 0 170px; }

.contactdeets {
width: calc(35% - 1px);
padding: 0 0 40px 40px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-left: 1px solid #e5e6eb;
float: left; }

.contactfrm select {
float: left; }

input {
border-radius: 0; }

.care {
width: 100% !important; }

.menu {
color: #000736;
font-size: 20px;
text-decoration: none; }

.pharmacy .col-2 span.imghold {
min-height: 103px;
display: block; }

#services li:nth-child(3n+1) {
clear: both; }

.twothirds.left ul li {
margin: 0 0 0 20px; }

.twothirds.left ul {
margin: 0 0 20px; }

/* General display only on size... */
@media all and (min-width: 650px) {
.mob-only {
display: none; } }
@media all and (min-width: 0px) and (max-width: 650px) {
.tablet-only {
display: none; } }
@media all and (min-width: 1190px) {
.tab-only {
display: none; } }
@media all and (max-width: 650px) {
.tab-only {
display: none; } }
@media all and (min-width: 0px) and (max-width: 1190px) {
.desktop-only {
display: none !important; } }
@media all and (max-width: 650px) {
.tab-desktop {
display: none; } }
@media all and (min-width: 1190px) {
.mob-tab {
display: none; } }
@media all and (min-width: 750px) and (max-width: 1190px) {
.defwidth {
padding: 0 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; } }
@media all and (max-width: 1190px) {
.locresults .col-2:first-child > div {
width: 100% !important; }

.careermain .info {
width: 100% !important; }

.careergreen {
margin: 0 0 0 30px; } }
@media all and (max-width: 1070px) {
.searchbox {
clear: both;
margin: 0 0 20px; }

.services {
clear: both;
float: left; }

.contactfrm form {
padding: 0 40px 0 0; } }
@media all and (min-width: 970px) {
.fullheight, .fullheight > div {
height: 100px !important; }

.fullheight h3 {
margin: 0 !important; } }
@media all and (max-width: 970px) {
.landing .company-info {
width: 100%;
float: left;
clear: both;
padding-left: 10px; }

.landing .whitecont > div {
width: 100%;
clear: both; }

.landing .whitecont a {
text-align: left !important;
width: 50%;
float: left; }

.landing .whitecont a:nth-child(2) {
float: left;
clear: both; }

.landing .logo {
padding-left: 10px; }

.landing .footerinfocont {
width: 100%; } }
@media all and (max-width: 950px) {
.pharmacy {
min-height: 650px; }

.pharmacy .col-2 {
clear: both;
padding: 0;
width: 100%;
min-height: initial !important; } }
@media all and (max-width: 825px) {
.landing .headerblurb {
width: 100%;
padding: 30px 10px !important; }

.goto > div {
width: 50%;
margin: 0 0 20px; }

nav.main {
display: none; }

.menu {
display: block; }

.services {
width: 50%;
}
.services ul {
width: 100%;
}

.srcresults .col-2 {
width: 100% !important; }

.srcresults .closest {
padding: 0; }

.brandside {
margin: 0 0 30px; }

.brandside, .brandmain {
width: 100%;
padding: 0; }

.careerside {
display: none; }

.careermain .info {
padding: 0; }

.careermain {
width: 100%; }

.careerlist .careerside, .careerlist .careermain {
width: 100%;
display: block;
padding: 0; } }
@media all and (max-width: 750px) {

.fullheight h3 {
margin: 50px 0 0 !important; }

.defwidth {
padding: 0 20px; }

.careergreen.tab-only, .prnt {
display: none; }

.careergreen.mob-only {
display: block !important;
width: 100%; }

.srchagain {
display: block !important; }

.bigtext {
clear: both;
width: 100%;
padding: 15px 0 0; }

.findpharm {
width: 100%; }

.locresults .col-2 {
width: 100%;
clear: both;
margin: 0 0 30px; }

#services li {
width: 48%; }

#services li:nth-child(2n+1) {
clear: both; }

#services li:nth-child(3n+1) {
clear: none; } }
@media all and (max-width: 650px) {
.hourswrapper, .mapwrapper {
width: 100%!important;
padding: 0;
}
.services {
width: 100%!important;
}
.landing .whitecont a {
width: 100%; }

.corporate-community-responsibility .fullheight, .corporate-community-responsibility .fullheight > div {
height: 300px; }

.landing .footerinfocont > div {
width: 100%;
margin: 0 0 20px; }

.landing .footerinfocont > div p {
text-align: left !important; }

.contactfrm form, .contactdeets {
width: 100%;
padding: 0;
border: 0; }

.contactfrm form label, .contactfrm form input, .contactfrm form select, .contactfrm form textarea {
width: 100% !important; }

.contactfrm form .blkbtn {
margin: 0; }

.contactdeets {
margin: 30px 0 0; }

.ourbrands {
margin: 0 !important; }

.ourbrands > .col-2 {
width: 100%;
margin: 0 0 20px;
padding: 0; }

.pharmacy .col-2 {
clear: both;
padding: 0;
width: 100%;
min-height: initial !important; }

.pharmacy {
min-height: initial !important; }

.detail .col-2 {
width: 100%; }

.locatorform {
padding: 20px;
margin: 20px 0 150px; }

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

.goto {
margin: 0;
padding: 30px 0;
width: 100%; }

.goto > div {
width: 100%;
margin: 0 0 3px;
background: #e5e6eb; }

.goto > div a h2 {
margin: 10px 5px 10px 15px !important;
background: url("../images/btnarrow.png") center right no-repeat; }

.footerinfocont {
padding: 15px 30px; }

.footerinfocont .click, .footerinfocont p {
float: left;
width: 100%;
text-align: center; }

.careerlist .careermain {
display: none; }

input {
-webkit-appearance: none; }

#services li {
width: 100%;
clear: both; }

.srcresults .col-2 h2 {
margin-top: 20px !important; }

.onethird.right {
display: none; }

.twothirds.left {
width: 100%;
margin: 0 !important; } }

@media all and (max-width: 1190px) {
.storeheading > div {
width: 60%!important;
}
.storeheading > div:first-child {
width: 40%!important;
padding: 0 10px 0 0;
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
}
}
@media all and (max-width: 400px) {
.logo {
width: 60%; } }

.storeheading {
width: 100%;
float:left;
padding: 0 0 10px;
margin: 0 0 40px;
border-bottom: 1px solid #e5e6eb; }

.storeheading > div {
width: 33%;
float:left;
}
.hourswrapper {
clear: both;
width: 300px;
float:left;
padding:0 50px 0 0;
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
}
.mapwrapper {
width: calc(100% - 300px);
float:left;
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
}

.surveytable {
font-size: 13px;
border-right:1px solid #e6e6e6;
border-top:1px solid #e6e6e6;
}
.surveytable tr td {
padding: 10px;
border-left:1px solid #e6e6e6;
border-bottom:1px solid #e6e6e6;
}

.surveytable input[type=radio].css-checkbox {
display:none;
}

input[type=radio].css-checkbox + label.css-label {
padding-left:22px;
display:inline-block;
line-height:16px;
cursor:pointer;

}

input[type=radio].css-checkbox.checked + label.css-label {
background: url('/images/check2.png') top left no-repeat;
}
label.css-label {
background: url('/images/check1.png') top left no-repeat;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.content .mensweek {
	background: #ededed;
}

.menshealthintro {
	padding: 30px 0;
}
.menshealthintro p {
	font-size: 16px;
	line-height: 19px;
}

.surveywrapper {
	width: calc(100% - 232px);
	float:left;
	margin: 0 0 30px;
	-webkit-box-sizing: border-box;
	/* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;
	/* Firefox, other Gecko */
	box-sizing: border-box;
	/* Opera/IE 8+ */
	padding: 0 40px 0 0;
}

.redside {
	width: 232px;
	float:right;
	-webkit-box-sizing: border-box;
	/* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;
	/* Firefox, other Gecko */
	box-sizing: border-box;
	/* Opera/IE 8+ */
	position: relative;
}

.redbox {
		background: #ed1c24;
		-webkit-box-sizing: border-box;
		/* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;
		/* Firefox, other Gecko */
		box-sizing: border-box;
		/* Opera/IE 8+ */
		padding: 20px;
		color:#fff;
}
.redbox > div {
	margin: 0 0 100px;
}
.n-o {
	position: absolute;
	bottom: -140px;
	left: 50px;
}
.redterms a {
	font-size: 11px;
color:#fff;
text-decoration:none;
}

.details {
	background: #00315c;
	margin: 15px 0;
	-webkit-box-sizing: border-box;
	/* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;
	/* Firefox, other Gecko */
	box-sizing: border-box;
	/* Opera/IE 8+ */
	padding: 15px;
	color:#fff;
	float:left;
}

.score {
	width: 145px;
	float:left;
	height: 34px;
	margin: 10px 0 0;
	background: #50b948;
	color:#fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
}

.inputdetails {
	width: calc(100% - 145px);
	float:left;
}

.inputdetails div {
	width: 50%;
	float:left;
	-webkit-box-sizing: border-box;
	/* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;
	/* Firefox, other Gecko */
	box-sizing: border-box;
	/* Opera/IE 8+ */
	padding: 0 15px 0 0;
	margin: 10px 0;
}

.inputdetails label {
	width: 20%;
	float:left;
	font-size: 13px;
	margin: 8px 0 0;
}

.surveyterms {
	font-size: 11px;
	color:#7f7f7f;
}

.inputdetails input {
	width: 80%;
	float:left;
	height: 34px;
		-webkit-box-sizing: border-box;
	/* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;
	/* Firefox, other Gecko */
	box-sizing: border-box;
	/* Opera/IE 8+ */
	padding: 0 10px;
}
@media all and (max-width: 900px) {
.menshealthintro {
	width: 50%!important;
	float:left;
}
.redside {
	padding: 30px 0 0 20px;
	width: 50%;
}
.surveywrapper {
	width: 100%!important;
	padding: 0!important;
}

.answers td {
	width: 33%;
}
.redbox {
	margin: 0 0 70px;
}
.n-o {
	bottom: -70px;
	left: 0;
	right: 0;
	text-align: center;
}
.mens-health-week-result .n-o {
bottom: 30px!important;
left: 0;
right: 0;
text-align: center;
}
}

.mensweek div,  .mensweek div img {
	text-align: center!important;
}

@media all and (max-width: 650px) {
	.menshealthintro, .inputdetails, .inputdetails div {
		width: 100%!important;
		float:left;
	}

	.surveyterms {
		padding: 0 10px;
	}
	.menshealthintro {
		padding: 30px 10px;
	}
	.score {
		clear: both;
	}
	.surveytable {
	background: #f5f5f5; /* Old browsers */
	background: -moz-linear-gradient(top,  #f5f5f5 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f5f5f5 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f5f5f5 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f5f5f5 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f5f5f5 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	}
	.surveytable tr td, .surveytable, .answers.last  {
		border: none!important;
	}
	.surveytable tr.first td {
		border-top: 1px solid #e6e6e6!important;
	}
	.surveytable > tr:nth-child(even) td {
		padding: 0!important;
	}
	.answers {
		border-bottom: 1px solid #e6e6e6!important;
		padding: 0 0 15px 0;
	}
	.nopadding {
		padding: 0!important;
	}
	.mens-health-week .defwidth {
		padding: 0!important;
	}
	input[type=radio].css-checkbox + label.css-label {
		height: 30px!important;
		padding-left: 36px;
	}
	label.css-label {
		background: url('/images/mobcheck.png') top left no-repeat;
	}
	input[type=radio].css-checkbox.checked + label.css-label {
		background: url('/images/mobcheck2.png') top left no-repeat;
	}
}

.mensresults {
	width: calc(100% - 232px);
float: left;
margin: 40px 0 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 40px 0 0;
}
.mensresults > div.res {
background: #e5f5e4 url('/images/result-bg.png') top left no-repeat;
padding: 30px 20px 20px;
position: relative;
min-height: 180px;
}
.yourresult {
	color:#00315c;
	font-size: 25px;
	position: absolute;
	top:80px;
	left: 65px;
}
.resultinfo {
	width: calc(100% - 200px);
	float: right;
}
.resultinfo p {
	font-size: 16px;
}

.better-nature-wrapper {
	width: 100%;
	clear:both;
	float:left;
	margin: 30px 0;
}

.better {
	width: 232px;
	float:left;
}
.better p {
	font-size: 15px;
}
.nature {
	width: calc(100% - 232px);
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 0 0 40px;
}
.better ul {
	margin: 0 0 20px;
}
.better ul li {
	margin: 0;
	list-style-type: none;
}

.better ul li a {
	color:#176aa4;
	text-decoration: none;
	font-weight: 700;
	font-size: 15px;
}

.better ul li a span {
	font-weight: normal;
	color:#67bd4a;
}

.better .terms {
	color:#7f7f7f;
	font-size: 11px;
}
.natureprodwrapper {
		margin-left: -20px;
}
.natureprod {
	width: 33%;
	float:left;
	margin: 0 0 30px;
}
.natureprod > div {
	padding: 0 20px;
	text-align: center;
}

.natureprodinfo {
	text-align: left;
	margin: 10px 0 0;
}

@media all and (max-width: 1190px) {
	.mens-health-week-result .redboxwrapper {
		position: relative;
	}
	.mens-health-week-result .redside, .mensresults {
		clear: both;
		width: 100%;
		padding: 0;
	}
	.mens-health-week-result .redside {
		margin: 0 0 80px;
	}
	.mens-health-week-result .redside > a {
		float:left;
		width: 209px;
		padding: 0 10px 0 0;
			-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

	.mens-health-week-result .redbox {
		position: relative;
	}
	.mens-health-week-result .redboxwrapper {
		width: calc(100% - 438px);
		float:left;
	}

	.mens-health-week-result .n-o {
		bottom: -140px;
		left: 0;
		right: 0;
		text-align: center;
	}
}
.mens-health-week-result .n-o {
		bottom: -40px;
		left: 0;
		right: 0;
		text-align: center;
	}

@media all and (max-width: 740px) {
		.natureprod {
			width: 50%!important;
		}
	}

	@media all and (max-width: 650px) {
		.mens-health-week-result .n-o {
			bottom: 30px;
		}
		.natureprodwrapper {
			margin: 0!important;
		}
		.better {
			width: 100%;
			text-align: center;
		}

		.better img {
			margin: 0 auto 15px!important;
		}

		.better .terms {
			display: none;
		}

		.nature, .mens-health-week-result .redboxwrapper, .mens-health-week-result .redside a {
			width: 100%;
			padding: 0;
		}
		.mensresults > div.res {
			background: #e5f5e4 url('/images/result-bg.png') top center no-repeat;
		}
		.resultinfo {
			width: 100%;
			margin: 200px 0 0;
			text-align: center;
		}
		.yourresult {
			color: #00315c;
			font-size: 25px;
			position: absolute;
			top: 80px;
			left: 0;
			right: 0;
			text-align: center;
		}
	}

	.was.price {
		text-decoration: line-through;
		margin: 0 5px 0 0;
		font-weight: normal!important;
	}

	.natureprodinfo p {
		min-height: 74px;
	}

	.better-nature-wrapper .click, .home .click {
		padding: 15px;
		background: #edf7e9;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.mens-health-week-result .redbox {
		float:left;
		padding: 20px 20px 70px;
	}

ol {
margin: 0 0 15px;}
ol li {
margin:0 0 0 20px;
font-size:13px;}

.home .click {
	margin: 20px 0 0;
}

@media all and (min-width: 1190px) {
	.bigtext h1{
		width: 60%;
		float:left;
	}
	.mens-health-tile {
		width: 40%;
		float:left;
		text-align: right;
	}
	.mens-health-tile {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 0 0 20px;
	}
}

.alert-message-days, .alert {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
	padding: 10px;
	margin: 0;
}

.alert-success {
	color: #468847;
	background-color: #dff0d8;
	border-color: #d6e9c6;
	padding: 10px;
	margin: 0;
}

/* DatePicke */
.ui-datepicker {
	width: 216px;
	height: auto;
	margin: 5px auto 0;
	font: 9pt Arial, sans-serif;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
	background: #fff;
}
.ui-datepicker a {
	text-decoration: none;
}
/* DatePicker Table */
.ui-datepicker table {
	width: 100%;
}
.ui-datepicker-header {
	background: url('../images/dark_leather.png') repeat 0 0 #000;
	color: #e0e0e0;
	font-weight: bold;
	-webkit-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, 2);
	-moz-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
	box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
	text-shadow: 1px -1px 0px #000;
	filter: dropshadow(color=#000, offx=1, offy=-1);
	line-height: 30px;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #111;
}
.ui-datepicker-title {
	text-align: center;
}
.ui-datepicker-prev, .ui-datepicker-next {
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	cursor: pointer;
	background-image: url('../images/arrow.png');
	background-repeat: no-repeat;
	line-height: 600%;
	overflow: hidden;
}
.ui-datepicker-prev {
	float: left;
	background-position: center -30px;
}
.ui-datepicker-next {
	float: right;
	background-position: center 0px;
}
.ui-datepicker thead {
	background-color: #f7f7f7;
	background-image: -moz-linear-gradient(top,  #f7f7f7 0%, #f1f1f1 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#f1f1f1));
	background-image: -webkit-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: -o-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: -ms-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f1f1f1',GradientType=0 );
	border-bottom: 1px solid #bbb;
}
.ui-datepicker th {
	text-transform: uppercase;
	font-size: 6pt;
	padding: 5px 0;
	color: #666666;
	text-shadow: 1px 0px 0px #fff;
	filter: dropshadow(color=#fff, offx=1, offy=0);
}
.ui-datepicker tbody td {
	padding: 0;
	border-right: 1px solid #bbb;
}
.ui-datepicker tbody td:last-child {
	border-right: 0px;
}
.ui-datepicker tbody tr {
	border-bottom: 1px solid #bbb;
}
.ui-datepicker tbody tr:last-child {
	border-bottom: 0px;
}
.ui-datepicker td span, .ui-datepicker td a {
	display: inline-block;
	font-weight: bold;
	text-align: center;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #666666;
	text-shadow: 1px 1px 0px #fff;
	filter: dropshadow(color=#fff, offx=1, offy=1);
}
.ui-datepicker-calendar .ui-state-default {
	background: #ededed;
	background: -moz-linear-gradient(top,  #ededed 0%, #dedede 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#dedede));
	background: -webkit-linear-gradient(top,  #ededed 0%,#dedede 100%);
	background: -o-linear-gradient(top,  #ededed 0%,#dedede 100%);
	background: -ms-linear-gradient(top,  #ededed 0%,#dedede 100%);
	background: linear-gradient(top,  #ededed 0%,#dedede 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 );
	-webkit-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
	-moz-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
	box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
}
.ui-datepicker-calendar .ui-state-hover {
	background: #f7f7f7;
}
.ui-datepicker-calendar .ui-state-active {
	background: #6eafbf;
	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	-moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	color: #e0e0e0;
	text-shadow: 0px 1px 0px #4d7a85;
	filter: dropshadow(color=#4d7a85, offx=0, offy=1);
	border: 1px solid #55838f;
	position: relative;
	margin: -1px;
}
.ui-datepicker-unselectable .ui-state-default {
	background: #f4f4f4;
	color: #b4b3b3;
}
.ui-datepicker-calendar td:first-child .ui-state-active {
	width: 29px;
	margin-left: 0;
}
.ui-datepicker-calendar td:last-child .ui-state-active {
	width: 29px;
	margin-right: 0;
}
.ui-datepicker-calendar tr:last-child .ui-state-active {
	height: 29px;
	margin-bottom: 0;
}

/* Time Picker */
.ui-timepicker-wrapper {
	overflow-y: auto;
	height: 150px;
	width: 6.5em;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	box-shadow:0 5px 10px rgba(0,0,0,0.2);
	outline: none;
	z-index: 10001;
	margin: 0;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration {
	width: 13em;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
	width: 11em;
}

.ui-timepicker-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ui-timepicker-duration {
	margin-left: 5px; color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
	color: #888;
}

.ui-timepicker-list li {
	padding: 3px 0 3px 5px;
	cursor: pointer;
	white-space: nowrap;
	color: #000;
	list-style: none;
	margin: 0;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
	background: #fff; color: #000;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
	background: #1980EC; color: #fff;
}

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
	color: #ccc;
}

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	color: #888;
	cursor: default;
}

.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	background: #f2f2f2;
}

.input-normal-sm {
	width: 60px !important;
	float: none !important;
	margin-top: 5px !important;
}

.input-normal-time {
	width: 80px !important;
	float: none !important;
	margin-top: 5px !important;
}

.input-normal-md {
	width: 207px !important; /* 25 characters */
	float: none !important;
	margin-top: 5px !important;
}

.input-normal-lg {
	width: 314px !important; /* 40 characters */
	float: none !important;
	margin-top: 5px !important;
}

#vip-xmas-event input[type="text"] {
	width:100%;
}

#vip-xmas-event .offers input {
	color:#000;
	font-size:13px;
	height:20px;
}

#vip-xmas-event select {
	font-size:13px;
	width:120%!important;
	border:0;
	-webkit-box-sizing: border-box;
	/* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;
	/* Firefox, other Gecko */
	box-sizing: border-box;
}

#vip-xmas-event .selectdd {
	width:100%;
	overflow: hidden;
	background: white url("../images/dd.gif") center right no-repeat;
	-webkit-box-sizing: border-box;
	/* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;
	/* Firefox, other Gecko */
	box-sizing: border-box;
}

#vip-xmas-event .offers input[type="checkbox"] {
	height:12px;
	-webkit-appearance: checkbox;
	width:16px;
}

#vip-xmas-event .select-list input[type="text"] {
	width: calc(100% - 71px);
}


/*Emilie's code*/

.defwidth .left{
	  float: left;
	  display: block;
	  position: relative;
}

.defwidth img.flushots{
	top:-5px;
	margin-right: 0.5em;
}

.defwidth h3.flushots{
	padding-top: 5px;
}


.flushots:after{
	content: "";
	display: table;
	clear: both;
}
.flushots .article{
	border: none;
}
.flushots h5 {
	font-size: 30px;
}
.flushots .subHeader {
	font-size: 17px;
}
.flushots ul {
	margin-bottom: 1em;
	list-style-position: inside;
}
.flushots li {
	font-size: 13px;

}

.chapter{
	display: block;
	color:#67bd4a;
	font-size: 16px;
	font-weight: 600;
	clear: both;
	margin-bottom: 1em;
}

table{
	border: #eaf3fc 1px solid;
	padding: 3px;
	width: 100%;
}
table td {
	border: #fff 1px solid;
	font-size: 13px;
	padding: 1em;
}
table tr:nth-of-type(even){
	background-color: #eaf3fc;
}
thead{
	background-color: #318dde;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
}
thead td{
	padding: 1em;
}

.bluebox{
	background-color: #eaf3fc;
	padding: 2em;
	margin-bottom: 1em;
}
.bluebox span{
	color: #318dde;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 0;
}
.bluebox p{
	font-size: 15px;
}

.flushots .note {
	font-size: 11px;
	line-height: 11px;
	margin-top: 1em;
}
.findPharm:before{
	content: "";
	display: table;
	clear: both;
}
.findPharm{
	margin-bottom: 5em;
}
.findPharm ul{
	list-style: none;
}
.findPharm .region{
	display: block;
	background-color: #f1f1f1;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
	padding: 1em;
}
.findPharm>ul>li:hover{
	cursor: pointer;
}

.accordion-arrow{
	display: inline-block;
	float:right;
	background-image: url('../images/accordion-arrow.png');
	background-position: center;
	background-repeat: no-repeat;
	width:15px;
	height:19px;
	line-height: 19px;
}

ul.pharmList{
	list-style: none;
	padding-left: 1em;
}

.pharmList li{
	list-style: none;
	margin: 0 0 20px 0;
}

.pharmList li.unichem:before{
	content: "";
	display: block;
	width: 32px;
	height:30px;
	float:left;
	margin: 3px 1em 0 0;
	background-image: url("../images/unichem-icon.png");
	background-repeat: no-repeat;
}
.pharmList li.lifepharm:before{
	content: "";
	display: block;
	width: 32px;
	height:30px;
	float:left;
	margin: 3px 1em 0 0;
	background-image: url("../images/lifePharm-icon.png");
	background-repeat: no-repeat;
}
.pharmList li .pharmName{
	font-size: 13px;
	font-weight: bold;
	color:#318dde ;
}
.pharmList li .pharmAdd{

}
.pharmList li .pharmName, .pharmList li .pharmAdd{
	margin: 0;
}
.invisible {
	opacity: 0;
}
.flip{
	-webkit-transform:scaleY(-1);
	-moz-transform:scaleY(-1);
	-ms-transform:scaleY(-1);
	-o-transform:scaleY(-1);
	transform:scaleY(-1);
}

.clickHere{
	display: block;
	width:160px;
	height: 38px;
	font-size: 0;
	margin: 1em 0;
	background: url(../images/clickhere.png) no-repeat;
}
/*template update*/

/*header.fulclrleft{
	background: url(../images/bg.gif);
	padding-top: 30px;
}
.gchlogo{
	float: left;
	margin: 0 4% 25px 0;
}
.gchlogo a{
	display: block;
}
.others{
	margin: 15px 0 0 0;
	float: left;
}
.others a{
	display: inline-block;
	margin-left: 10px;

}
.others img{
		width: 80%;
	}
a.menu{
	display: none;
}
.searchbox.top{
	float: right;
	width: 30%;
	margin: 50px 0 0;
}

.searchbox.top input[type="text"]{

}*/
/*community page*/
.fullheight.community{
	height: 110px;
}

.fullheight.community h3{
	margin:0 !important;
}
#community{
	list-style: none;
	margin:0;
}
#community:before,
#community:after{
	content: '';
	display: block;
	clear: both;
}
#community li{
	width: 32%;
	padding: 0 2% 4% 0;
	margin-bottom: 50px;
	float: left;
	border-bottom: #eee 1px solid;
}
#community li:nth-of-type(3n){
	padding-right: 0;
}

#community li a.image{
	display: block;
}
#community li img{
	margin-bottom: 20px;
}
#community li h5{
	margin-top: 15px;
}
@media (max-width: 1070px){
	/*.searchbox.top {
	  clear: none;
	  /*margin: 0 0 20px;*/
	/*}*/
}

@media (max-width: 825px){
	/*.gchlogo{
		float: left;
		margin: 0 0 25px 0;
	}
	.others{
		float: right;
		margin:0;
	}
	.others a:not(.menu){
		margin-left: 0;
		width: 120px;
		margin-right: 15px;
	}
	.others img{
		width: 100%;
	}
	a.menu{
		display: block;
		position: relative;
		float:right;
		right: 0;
	}
	a.menu img{
		width: 100%;
	}
	.searchbox.top{
		width: 100%;
		max-width: 360px;
		margin: 10px 0 20px;
		float: right;
	}*/
	#community li{
		width: 48%;
		padding: 0 2% 4% 0;
		margin-bottom: 50px;
		float: left;
		border-bottom: #eee 1px solid;
	}
	#community li:nth-of-type(3n){
		padding-right: 2%;
	}

	#community li:nth-of-type(2n){
		padding-right: 0;
	}

}

@media (max-width: 600px){
	.others a:not(.menu){
		display: none;
	}
	/*.searchbox.top{
		width: 100%;
		max-width: none;
	}*/
}
@media all and (max-width: 450px) {
	.gchlogo img{
		width: 92%;
	}
	.others a:not(.menu){
		display: none;
	}
	a.menu{
		right: 0;
	}
	.fullheight.community h3{
		font-size: 26px !important;
	}
	#community li{
		width: 100%;
		padding: 0 0 4% 0;
		margin-bottom: 50px;
		float: left;
		border-bottom: #eee 1px solid;
	}
	/*#community li:nth-of-type(3n){
		padding-right: 2%;
	}

	#community li:nth-of-type(2n){
		padding-right: 0;
	}*/

}



/*community details*/

.community.partner article{
	width: 60%;
	float: left;
	margin-right: 5%;
	margin-bottom: 30px;
}
.community.partner article img{
	margin-bottom: 50px;
}
.community.partner aside{
	width: 35%;
	float: left;
}

.community.partner .pagenav{
	border-top: 2px #eee solid;
	padding-top: 30px;
	clear: both;
}




@media all and (max-width: 825px) {

	.community.partner article{
		width:100%;
		margin-right: 0;
	}
	.community.partner aside{
		width: 100%;
	}
}















