@import url('https://fonts.googleapis.com/css?family=Montserrat:500,700|Roboto:400,700');
@import url('https://fonts.googleapis.com/css?family=Lato:400,700|Raleway:400,600"');

/*
blue: #000066
light blue: #6666A3
red: #FF2C04 
*/

body {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	/*background-image: url(../images/background.png);
	background-repeat: repeat-x;*/
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	line-height: 165%;
	color: #666666;
	text-decoration: none;
}
img {
	max-width: 100%;
}
.clearIt {
	clear:both;
}
.clearLine {
	clear:both;
	height: 5px;
	border-bottom: solid 2px #6666A3;
	margin-bottom: 25px;
	opacity: 0.2;
}
#headerBuffer {
	height: 140px;
	background-color: #FFFFFF;
}
#header {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: auto;
	padding: 0px;
	background-color: rgba(255,255,255,1.0);
	border-bottom: solid 5px #FF2C04;
	z-index: 50;
	display: block;
	overflow:visible;
}
#headerContent {
	position: relative;
	width: 96%;
	max-width: 1200px;
	height: 90px;
	margin: auto;
	display: table;
	overflow:visible;
}
#headerLeftContent {
	position: relative;
	width: 20%;
	min-width: 385px;
	text-align: left;
	vertical-align:middle;
	display: table-cell;
	overflow:visible;
}
#headerRightContent {
	position: relative;
	width: 80%;
	display: table-cell;
	vertical-align: bottom;
	overflow:visible;
}
#headerRightContent p {
	font-family: 'Lato', sans-serif;
	text-align: center;
	text-decoration: none;
	text-shadow: 3px 3px 6px rgba(0,0,0,0.2);
}
#headerInside {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	padding: 0px;
	background-color: #FFFFFF;
	border-bottom: solid 1px #000000;
	z-index: 99;
	background-repeat: no-repeat;
	background-position: right center;
}
#logo {
	position: relative;
	width: 345px;
	margin: 8px 0px;
	max-width: 90%;
	z-index: 10;
	display: block;
}
#headerLeftContent p {
	position: absolute;
	left: 158px;
	bottom: 0px;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #0D8613;
	text-align: left;
	text-decoration: none;
	text-shadow: 3px 3px 6px rgba(0,0,0,0.2);
}
#headAddress {
	position: relative;
	width: 100%;
	bottom: 0px;
	color: #333333;
	z-index: 100;
	font-family: 'Lato', sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight: 400;
	line-height: 24px;
	padding: 0px;
}
#headAddress p {
	color: #333333;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: 400;
	padding: 0px;
	text-align: center;
}
#headAddress a {
	color: #666666;
	text-decoration: none;
}
#headAddress a:hover {
	color: #333333;
	text-decoration: none;
}
#headAddress img {
	width: 28px;
	margin-top: -2px;
}
#appointmentLink a {
	background-color: #FFFFFF;
	border: solid 1px black;
	display: inline-block;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #631E8C;
	padding: 1px 8px 2px 8px;
	text-decoration:none;
}
#appointmentLink a:hover {
	background-color: #B999CB;
	color: #FFFFFF;
}
#customer {
	position: relative;
	/* width: 70%; */
	width: 1400px;
	max-width: 68%;
	float: right;
	bottom: 0px;
	margin: 35px 25px 0px 20px;
	color: #333333;
	z-index: 100;
	font-family: Roboto, sans-serif;
	font-size: 14px;
	color: #333333;
	font-weight: 400;
	line-height: 24px;
	padding: 0px;
	text-align: center;
}
#frontSlide {
	position: relative;
	width: 100%;
	max-width: 1200px;
	height: 600px;
	text-align: center;
	overflow-y: hidden ! important;
        overflow-x: hidden ! important;
        /* background-color: #f8f8f8; */
        background-size: cover;
        /* background-size: contain; */ 
        background-repeat: no-repeat;
        background-position: top;
	z-index: 0;
	background-color:#EDEDED;
	border: solid 1px #999999;
	margin: 4px auto;
}
#prdSlide {
	position: relative;
	width: 96%;
	height: 330px;
	text-align: left;
	z-index: 0;
	background-color:#EDEDED;
	border: solid 1px #999999;
	margin: 4px 0px;
}
#opening {
	position: relative;
	top: 0px;
	width: 100%;
	height: 100vh;
	text-align: center;
        /* background-color: #f8f8f8;
        background-size: cover;
        background-size: contain; 
        background-repeat: no-repeat;
        background-position: top; */
	z-index: 0;
}
#frontSpacer {
	position:relative;
	min-height: 325px;
}
.redText {
	font-size: 16px;
	font-weight: bold;
	color: #FF2C04;
}

#slogan {
	position: relative;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #FF0000;
	text-align: right;
	vertical-align:bottom;
}
#sloganRight {
	float: left;
	width: 55%;
	margin-left: 35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	font-weight: bold;
	color: #999999;
	text-align: left;
	line-height: 40px;
}
#sloganLeft {
	position: absolute;
	top: 145px;
	left: 10%;
	width: 80%;
	max-width: 80%;
	overflow:visible;
	text-align: center;
	 background-color: rgba(255,255,255,0.75);
	 padding-top: 8px;
	 padding-bottom: 8px;
	border: solid 1px #FFFFFF;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	/* padding: 25px 0px; */
}

#sloganLeft ul {
	margin: 15px 0px;
	padding: 0px;
	text-align: center;
	list-style-type: none;	
}
#sloganLeft li {
	font-family: Roboto, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	text-decoration: none;
	text-shadow: 3px 3px 6px rgba(0,0,0,0.1);
	font-weight: 400;
	line-height: 26px;
	padding: 0px;
	text-align: center;
}
.caption {
	width: 90%;
	margin: 25px auto;
	
}
.mainBackground {
	background-color: #3333CC;
	background: -webkit-linear-gradient(#FFFFFF, #E9ECF3); /* For Safari 5.1 to 6.0 */
 	background: -o-linear-gradient(#FFFFFF, #E9ECF3); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#FFFFFF, #E9ECF3); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(#FFFFFF, #E9ECF3); /* Standard syntax */
}
#social {
	float: right;
	margin: 0px 25px 0px 0px;
}
#social img {
	height: 30px;
	margin: 7px 8px;
}
#banner {
	clear:both;
	position: relative;
	width: 100%;
}

#slideCaption {
	position: absolute;
	width: 100%;
	margin: 0px;
	bottom: 0px;
	padding-bottom: 20px;
	padding-top: 10px;
	overflow:visible;
	background-color: #000066;
	/* background-color: rgba(134,194,137,0.9); */
	border-top: solid 1px #FFFFFF;
}
#slideCaption p {
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 21px;
	text-align:center;
	width: 94%;
	max-width: 1400px;
	margin: 15px auto;
}
#slideCaption p a {
	color: #FFFFFF;
	text-decoration: none;
}
#slideCaption p a:hover {
	color: #DDDDDD;
	text-decoration: underline;
}
#slideCaption h1 {
	font-family: 'SourceSansProBold', sans-serif;
	font-size: 28px;
	color: #FFFFFF;
	/* -webkit-text-fill-color: #FFFFFF; 
  	-webkit-text-stroke-width: 1px;
  	-webkit-text-stroke-color: #0D8613; */
	text-decoration: none;
	/* text-shadow: 3px 3px 6px rgba(0,0,0,0.7); */
	text-align: center;
	font-weight: 600;
	width: 94%;
	max-width: 1400px;
	padding: 0px;
	margin: 10px auto 5px auto;
}
#mainContainer {
	position: relative;
	clear: both;
	width: 100%;
	/* height: 100vh; */
	min-height: 325px;
	text-align: center;
	overflow: hidden;
        
        background-size: cover;
        /* background-size: contain;
		background-color: #FFFFFF; */ 
        background-repeat: no-repeat;
        background-position: top;
	z-index: 0;
}
#mainPicContainer {
	height: 0;
	padding-bottom: 56.25%; /* 16:9 */
	position: relative;
}

#mainContent {
	position: relative;
	width: 100%;
	/* background-color:rgba(255,255,255,0.05); */
	padding-bottom: 45px;
	padding-top: 15px;
	min-height: 450px;
	overflow: hidden;
}

#mainArea {
	clear:both;
	position: relative;
	width: 90%;
	max-width: 1200px;
	margin: 10px auto;
	
}
.twoColContainer {
	position: relative;
	width: 100%;
	display: table;
	
}
.twoCol {
	position: relative;
	width: 50%;
	vertical-align:top;
	display: table-cell;
}
.twoColContents {
	position: relative;
	margin: 35px 25px;
}
.twoColContents img {
	margin: auto;
	display: block;
}
.readMoreButton, .readMorePurple {
	padding: 10px 20px;
	color: #FFFFFF;
	text-decoration:none;
	border: solid 1px #FFFFFF;
	font-family: 'SourceSansProBold', sans-serif;
	font-size: 16px;
	font-weight: 600;
}
.readMoreButton:hover {
	background-color: #B7BA95; 
}
.readMorePurple:hover {
	background-color: #B999CB; 
}
#coupons {
	clear: both;
	width: 60%;
	min-height: 304px;
	margin: 15px auto;
	padding: 2px 6px 20px 6px;
	line-height: 100%;
	text-align:center;
	/* border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
	border: 1px solid #7B873A; */
	background-color: #E9EBDE;
	position: relative;
	z-index: 99;
	
}
.specials {
	min-height: 114px;
	margin: 5px;
	padding: 2px 10px 20px 10px;
	text-align:center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
	background-color: #E9EBDE;
	position: relative;
	z-index: 99;
	border: 3px dashed #7B873A;
}
.specialsTxt {
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	color: #333333;
	line-height: 150%;
}
.whiteTxt {
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	color: #FFFFFF;
}



#footer {
	position: relative;
	width: 100%;
	margin: 0px;
	bottom: 0px;
	padding-bottom: 10px;
	padding-top: 0px;
	overflow:hidden;
	background-color: #000066;
	border-top: solid 1px #000000;
}
#footerContent {
	width: 94%;
	max-width: 1400px;
	margin: auto;
}
#footerLeft {
	position: relative;
	width: 25%;
	float: left;
	margin: 15px
}
#footerRight {
	position: relative;
	width: 55%;
	float: right;
	margin: 15px;
	padding-top: 25px;
	text-align: left;
}
#footer p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	margin: 15px auto;
}
#footer ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
	margin: 15px auto;
	line-height: 18px;
	list-style-type: none;
}
#footer ul {
	line-height: 21px;
}
#footer a {
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:hover {
	color: #DDDDDD;
	text-decoration: underline;
}
#footerLogo {
	height: 65px;
	float: left;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 100px;
}
#mobileNav ul {
	clear:both;
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
	list-style-type: none;
	display: none;
}
#mobileNav ul li {
	display: inline;
	white-space: nowrap;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #000000;
}
#mobileNav ul .largeLink {
	display: none;
}
#mobileNav ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #000000;
	text-decoration: none;
}
#mobileNav ul li a:hover {
	color: #666666;
	text-decoration: underline;
}


.colContainer {
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin: auto;
	text-align: center;
    overflow: hidden;
	display: table;
	border-collapse: separate;
    border-spacing: 10px;
}
#colRow {
	float:left;
    position: relative;
    left:75%;
	border-left: solid 1px #000000;
}
.thirdCol {
	positon: relative;
	width: 30%;
	max-width: 280px;
	border: solid 1px #999999;
	margin: 1%;
	background-color: #FFFFFF;
	display: table-cell;
	vertical-align: top;
	padding-bottom: 15px;
}
.thirdColAlt {
	positon: relative;
	width: 30%;
	max-width: 280px;
	margin: 1%;
	display: table-cell;
	vertical-align: top;
	padding-bottom: 15px;
}
.thirdColContent {
	positon: relative;
	width: 90%;
	margin: 25px auto;
	display: block;
}
.picDisplay {
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin: auto;
	text-align: center;
    overflow: hidden;
	display: table;
	border-collapse: separate;
    border-spacing: 25px;
}
.picCol {
	positon: relative;
	width: 30%;
	max-width: 280px;
	margin: 1%;
	display: table-cell;
	vertical-align: top;
	padding-bottom: 0px;
}
.picColContent {
	positon: relative;
	width: 100%;
	margin: auto;
	display: block;
}
.picColContent img {
	border: solid 1px #999999;
}
.leftCol {
	position: relative;
	width: 75%;
	display: table-cell;
	vertical-align: top;
	
}
.rightCol {
	position: relative;
	width: 25%;
	padding-right: 10px;
	text-align: center;
	display: table-cell;
	vertical-align: top;
}
.leftColContact {
	position: relative;
	width: 60%;
	display: table-cell;
	vertical-align: top;
	
}
.rightColContact {
	position: relative;
	width: 40%;
	padding-right: 10px;
	text-align: center;
	display: table-cell;
	vertical-align: top;
}
.rightCol imgX {
	position: relative;
	width: 100%;
}
.leftPic {
	position: relative;
    float: left;
	width: 20%;
}
.leftPic img {
	width: 95%;
	max-width: 170px;
}
.rightPic {
	position: relative;
    float: right;
	width: 78%;
}

.basicTxt {
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	line-height: 165%;
	color: #666666;
	text-decoration: none;
}
.medTxt {
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	line-height: 145%;
	color: #666666;
	text-decoration: none;
}
.basicTxt a, .medTxt a {
	color: #666666;
	text-decoration: none;
}
.basicTxt a:hover, .medTxt a:hover {
	color: #666666;
	text-decoration: underline;
}
.smallTxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 145%;
	color: #333333;
	text-decoration: none;
}
.picBorder {
	margin: 5px;
	border: solid 1px #333333;
	box-shadow: 3px 3px 6px rgba(0,0,0,0.3);
}
h1 {
	font-family: 'SourceSansProBold', sans-serif;
	font-size: 36px;
	font-weight: 600;
	color: #000066;
	text-decoration: none;
	text-shadow: 3px 3px 6px rgba(0,0,0,0.2);
}
h2 {
	font-family: 'SourceSansProBold', sans-serif;
	font-size: 24px;
	font-weight: 600;
	color: #FF2C04;
	text-decoration: none;
	text-shadow: 3px 3px 6px rgba(0,0,0,0.2);
}
h3 {
	font-family: 'SourceSansProBold', sans-serif;
	font-size: 18px;
	font-weight: 600;
	color: #000066;
	text-decoration: none;
}
h4 {
	font-family: 'SourceSansProBold', sans-serif;
	font-size: 18px;
	font-weight: 600;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	text-decoration: none;
	background-color: #C5D939;
	border-radius: 6px;
	padding: 5px 5px 5px 12px;
	margin: 0px;
	display: block;
	box-shadow: 3px 3px 6px rgba(0,0,0,0.3);
}
.redLink {
	color: #DD0000;
	font-weight: bold;
	text-decoration:none;
}
.caption {
	width: 95%;
	margin: auto;
	
}
.readMore {
	font-family: 'SourceSansProLight', sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: #FFFFFF;
	text-decoration: none;
	text-shadow: 3px 3px 6px rgba(0,0,0,0.3);
	margin-top: 28px;
}
.readMore a {
	color: #FFFFFF;
	text-decoration: none;
	padding: 8px 14px 7px 14px;
	background-color:#FF2C04;
	border-radius: 12px;
}
.readMore a:hover {
	background-color:#999999;
}
.frontRight {
	position: relative;
	background-color: #000066;
	background: -webkit-linear-gradient(#000066, #5858A5); /* For Safari 5.1 to 6.0 */
 	background: -o-linear-gradient(#000066, #5858A5); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#000066, #5858A5); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(#000066, #5858A5); /* Standard syntax */
	width: 90%;
	height: 100%;
	float: right;
	color: #FFFFFF;
	border-radius: 14px;
}
.rightColContents {
	position: relative;
	background-color: #000066;
	background: -webkit-linear-gradient(#000066, #5858A5); /* For Safari 5.1 to 6.0 */
 	background: -o-linear-gradient(#000066, #5858A5); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#000066, #5858A5); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(#000066, #5858A5); /* Standard syntax */
	width: 90%;
	height: 100%;
	float: right;
	color: #FFFFFF;
	padding: 15px;
	border-radius: 14px;
}
#contactContainer {
	position: relative;
	width: 90%;
	margin: auto;
}
#contactContainer p {
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	color: #666666;
	text-decoration: none;
	text-align: left;
}
#contactForm input[type=text] {
	width: 100%;
}
#contactForm textarea {
	width: 100%;
}
#contactForm input[type=submit] {
	font-family: 'SourceSansProBold', sans-serif;
	font-size: 24px;
	font-weight: 600;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	text-decoration: none;
	background-color: #DD0000;
	border-radius: 10px;
	padding: 5px 12px;
	margin: auto;
	display: block;
	box-shadow: 3px 3px 6px rgba(0,0,0,0.3);
}
.googleMap {
	position: relative;
	width: 100%;
	height: 640px;
}
.buttonLink {
	font-family: 'SourceSansProBold', sans-serif;
	font-size: 32px;
	font-weight: 600;
}
.buttonLink a {
	color: #FFFFFF;
	text-decoration: none;
	padding: 7px 16px;
	background-color: #DD0000;
	border-radius: 12px;
	border: solid 2px #FFFFFF;
	box-shadow: 3px 3px 6px rgba(0,0,0,0.2);
}
.buttonLink a:hover {
	opacity: 0.60;
	box-shadow: 3px 3px 6px rgba(0,0,0,0.0);
}
.callOutBoxLeft {
	position:relative;
	float: left;
	width: 450px;
	max-width: 60%;
	margin: 0px 20px 5px 0px;
}
.callOutBoxRight {
	position:relative;
	float: right;
	width: 450px;
	max-width: 60%;
	margin: 0px 0px 5px 20px;
}
.callOutBoxLeft p, .callOutBoxRight p {
	margin: auto 15px;
}



@media only screen and (max-width: 1200px) {
	#headerContent {
	position: relative;
	width: 96%;
	margin: auto;
	overflow:visible;
	}
	#headAddress {
	}
	#sloganLeft h1 {
	font-size: 24px;
	line-height: 26px;
	}
	#sloganLeft li {
	font-size: 14px;
	line-height: 18px;
	}
	#headAddress {
	font-size: 12px;
	line-height: 18px;
	}
	#slideCaption h1 {
	font-size: 21px;
	}
	
	#opening {
	position: relative;
	width: 100%;
	max-width: 100%;
	height: 475px;
	text-align: center;
	overflow-y: hidden ! important;
        overflow-x: hidden ! important;
        background-size: auto;
        /*background-size: contain; */
        background-repeat: no-repeat;
        background-position: top;
	}
	#frontSlide {
	height: 450px;
	border-left: none;
	border-right: none;
	border-top: none;
	}
	#prdSlide {
	height: 300px;
	}
	#headerBuffer {
	height: 180px;
	clear:both;
	}
	#slideCaption {
	position: relative;
	width: 100%;
	margin: 0px;
	bottom: 0px;
	padding-bottom: 40px;
	padding-top: 30px;
	height: auto;
	overflow:visible;
	}
}

@media only screen and (max-width: 1080px) {
	
	#headerContent {
	position: relative;
	width: 96%;
	max-width: 1200px;
	height: auto;
	margin: auto;
	display: block;
	overflow:visible;
	}
	#headerLeftContent {
	position: relative;
	width: 100%;
	margin: auto;
	min-width: 400px;
	text-align: center;
	vertical-align:middle;
	display: block;
	overflow:visible;
	}
	#headerRightContent {
	position: relative;
	width: 100%;
	display: block;
	margin: auto;
	vertical-align: none;
	overflow:visible;
	}
	#logo {
	width: 305px;
	margin: 8px auto;
	}
	#headAddress {
	line-height: normal;
	}
	#frontSlide {
	height: 400px;
	max-height: 400px;
	margin: 0px auto;
	}
	
	#mainContent {
	padding-bottom: 35px;
	padding-top: 5px;
	}
	#slogan {
	position: relative;
	height: 65px;
	clear:both;
	display: none;
	}
	#sloganLeft {
	top: 15px;
	}
	#sloganLeft h1 {
	font-size: 21px;
	line-height: 24px;
	}
	#sloganLeft li {
	font-size: 12px;
	line-height: 16px;
	}
	#slideCaption h1 {
	font-size: 18px;
	}
	#social {
	float: none;
	margin: 0px auto;
	text-align:center;
	}
	#banner {
	/* border-bottom: solid 2px #333399; */
	}
	.colContainer, .picDisplay {
	width: 100%;
	border-collapse: separate;
    border-spacing: 20px;
	}
	.leftCol  {
	position: relative;
    right:0%;
	float: left;
	width: 100%;
	}
	.rightCol {
	position: relative;
    right:0%;
	float: right;
	width: 100%;
	padding-right: 0px;
	}
	#contactContainer {
	width: 85%;
	}
	h1 {
	font-size: 28px;
	text-align: center;
	}
	h2 {
	font-size: 21px;
	}
	h3 {
	font-size: 18px;
	}
	h4 {
	font-size: 16px;
	}
	
	
	#footer {
	border-bottom: solid 1px #FFFFFF;
	}
	#footerLeft {
	display: none;
	}
	#footerRight {
	width: 85%;
	float: none;
	margin: 15px auto;
	}
	#footer p {
	font-size: 12px;
	}
	#footerLogo {
	float: none;
	margin: auto;
	display: block;
	}
	#mobileNav ul {
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
	list-style-type: none;
	display: block;
	}
	#mobileNav ul .largeLink {
	display: block;
	}
	#mobileNav ul li {
	display: block;
	white-space: nowrap;
	margin: 0px 0px;
	padding: 10px 0px;
	background-color: #4F007D;
	border-bottom: 1px solid #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 30px;
	color: #FFFFFF;
	text-decoration: none;
	}
	#mobileNav ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 30px;
	color: #FFFFFF;
	text-decoration: none;
	display:block;
	}
	#mobileNav ul li a:hover {
	color: #000000;
	text-decoration: none;
	}
	#mobileNav ul li:hover {
	background-color: #B999CB;
	}
	#footer .sub {
	font-size: 16px;
	background-color: #FFFFFF;
	}
	#footer .sub:hover {
	font-size: 16px;
	background-color: #EFEFEF;
	}
	#footer p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	text-align:center;
	}
	.rightCol img {
	margin: 10px 11px;
	max-height: 250px;
	width: auto;
	max-width: 250px;
	}
	.buttonLink {
	font-size: 28px;
	}
	.titleWrap {
	white-space:nowrap;
	}
	.titleWrap::before {
	content:' ';
	display: block;
	}
	
	
}
@media only screen and (max-width: 860px) {
	
	#opening {
	max-height: 400px;
	}
	#frontSlide {
	height: 350px;
	}
	#sloganLeft h1 {
	font-size: 16px;
	line-height: 19px;
	}
	#slideCaption h1 {
	font-size: 14px;
	}
	.colContainer {
	display: block;
	}
	.thirdCol, .thirdColAlt {
	positon: relative;
	width: 80% ;
	min-width: 280px ;
	margin: 15px auto;
	display: block;
	vertical-align: top;
	}
	.picCol {
	width: 80% ;
	margin: 15px auto;
	display: block;
	}
	.thirdColContent {
	positon: relative;
	width: 90%;
	margin: 25px auto;
	display: inline-block;
	}
	.picColContent {
	display: inline-block;
	}
	#slideCaption p {
	font-size: 14px;
	line-height: 19px;
	}
	#footerRight {
	width: 95%;
	}
	.readMoreButton, .readMorePurple {
	padding: 6px 14px;
	font-size: 14px;
	}
	#coupons {
	width: 94%;
	}
	.leftColContact  {
	position: relative;
    right:0%;
	float: left;
	width: 100%;
	}
	.rightColContact {
	position: relative;
    right:0%;
	float: right;
	width: 100%;
	padding-right: 0px;
	}
	.googleMap {
	position: relative;
	width: 85%;
	height: 400px;
	}
	.callOutBoxLeft, .callOutBoxRight {
	float: none;
	margin: auto;
	}
	.buttonLink {
	font-size: 24px;
	}
	#prdSlide {
	height: 260px;
	}

}
@media only screen and (max-width: 680px) {	
	#headerRightContent {
	position: relative;
	width: 100%;
	display: none;
	margin: auto;
	vertical-align: none;
	overflow:visible;
	}
	#headerLeftContent {
	min-width: 250px;
	}
	.twoCol {
		width:100%;
		display: block;
		padding-top: 15px;
		padding-bottom: 15px;
		vertical-align: top;
	}
	.medicalBack, .productBack {
		display: none;
	}
	.twoColContainer {
	display: block;
	height: auto;
	margin: 0px;
	vertical-align: top;
	}
	.twoColContents {
	position: relative;
	}
	#prdSlide {
	height: 210px;
	}
	.titleWrap {
	white-space:normal;
	}
	
}