/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
* {font-family: verdana;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*  END OF STYLING RESET */

/* MAKE THE BOX MODEL INCLUDE PADDING INSIDE THE WIDTH OF THE BOX. */
* { 
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
img, embed, object, video {
		max-width: 100%;
	}
body {
		font-size: 100%;
	}
.sa_menuStub {position: absolute;
    top: 2em;
	font-size: 124%;
	border: 1px solid darkblue;
	background-color: beige;
	padding: 6px 8px 0 9px;
	z-index: 100;
	width: 26em;
	height: 27.5em;
	line-height: 118%;
	box-shadow: 4px 4px 4px 7px #666;
	display: none;
}
.sa_menuStub a {text-decoration: none;
	color: black;}
.sa_menuStub a:hover {color: black;}
.sa_menuStub a:visited {color: black;}

.sa_menuStubF {position: absolute;
    bottom: 4em;
	right: 80px;
	font-size: 112%;
	border: 1px solid darkblue;
	background-color: beige;
	padding: 6px 8px 2em 9px;
	z-index: 100;
	width: 26em;
	height: 29em;
	line-height: 118%;
	box-shadow: 4px 4px 4px 7px #666;
	display: none;
}
.sa_menuStubF {position: fixed;
    bottom: 0px;
	right: 180px;
	font-size: 112%;
	border: 1px solid darkblue;
	background-color: beige;
	padding: 6px 8px 2em 9px;
	z-index: 100;
	width: 26em;
	height: 25em;
	line-height: 118%;
	box-shadow: 4px 4px 4px 7px #666;
	display: none;
}

ul {padding-left: 2em;
	list-style-type: disc;}
.sa_menuStubF a {text-decoration: none;
	color: black;}
.sa_menuStubF a:hover {color: black;}
.sa_menuStubF a:visited {color: black;}

#bannerN, #imageLogoN {position: relative;
		top: 0;
		left: 0;
}
#imgLogoN {position: relative;
	top: 0;
	left: 0;
}
#connectWithUs {float: left;
}
#footerMenu {margin-left: 10%;}


#menuChunkN {position: absolute;
	top: 1em;
	right: 2em;
	width: 10%;
}
/* The following styles stuff for a smart phone in portrait mode (396 px or less) 
   They get overridden later for wider screens */	

#page, #pageN {width: 98%;
  background-color: white;}
  
/*@@@@@@@@@@@@@@@ start deleting below here @@@@@@@@@@@@@@@@@*/

		
 .menuItem {max-width: 90%;
	height: 2em;
	border: 1px solid blue;
	border-radius: 12px;
	padding: 0.5em 1em;
	font-size: 1.3em;
	margin-top: 0.5em;
	margin-left: 0.9em;
	color: rgb(153,51,255);
	}
.menuItem a:link {color: rgb(153,51,255);
	text-decoration: none;}
.menuItem a:visited {color: rgb(153,51,255);
	text-decoration: none;}
.menuItem a:hover{color: rgb(153,51,255);
	text-decoration: none;}
.menuItem a:active{color: rgb(153,51,255);
	text-decoration: none;}
.contactUsBody {
		font-family: Tahoma;
		font-size: 1.1em;
		line-height: 1.2em;
	}
.menuImage {float: left;
	max-width: 25%;
	padding: 3px;
	border: 1px solid black;
	border-radius: 0.32em;
	}
	
#send_button {width: 10em;}
#contactImage {max-width: 35%;
	display: none;
		}
#emailBlock {margin: 0.5em 1em 0.5em 1em;}
#aboutText, #trainingText {
		margin-left: 1%;
		margin-right: 1%;
		}
#aboutUsImage {
		max-width: 35%;
		padding: 1.0em;
		margin: 1.0em;
		float: right;
		}
.aboutUsIntro {
		color: rgb(153,153,255);
		font-style: italic;
		font-size: 1.0em;
		line-height: 1.1em;
	}	
.aboutUsTrailer {
		color: rgb(153,153,255);
		font-family: "Comic Sans MS";
		font-style: italic;
		font-size: 1.2em;
		line-height: 1.2em;
		margin-bottom: 1em;
	}	
.aboutUsBody, .trainingBody {
		font-family: Tahoma;
		font-size: 85%;
		line-height: 1.2em;
}
#aboutPetsText {
	background-color: white;
	color: DarkMagenta;
	width: 90%;
	margin: 0 0.5em 0 0.5em;
	}
.aboutPetsIntro {margin-top: 0.5em;
	}
	
#testimonialPage {
	font-size: 1.25em;
	background-color: white;
	color: DarkMagenta;
	width: 90%;
	margin: 5px auto;
	}
.testimonialBlock {
	margin: 1.5em 5em 0.25em 4em;
	padding-top: 1em;
	font-family: verdana;
	color: black;
	font-size: 0.65em;
	line-height: 1.2em;
	clear: both;
	}
.testimonialBlock ul {margin-top: 1.5em;
			list-style-type: disc;
			list-style-position:inside;
		}
.testimonialBlock  p:first-child:first-letter { font-style: italic; 
    font-size: 2.5em;
	color: rgb(120,120,255);
	}
.testimonialAuthor {
	font-size: 0.8em;
	color: rgb(85,85,255);
	margin-top: 0.25em;
	font-style: italic;
	float: right;
	width: 23%;
	}
.arrowButton {
			margin: 0;
			padding-top: 1em;
			padding-bottom: 0;
			margin-top: 1em;
			max-width: 70%;
			}
.arrowColumn {
			margin-top: 0;
			padding: 0 0 0 0;
			}
.lineText {
	max-width: 88%;
	width: 88%;
	font-size: 1.0em;
	}
.productLink {color: green;
	}
.productHead {color:blue;
		margin-left: 1em;
		margin-right: 1em;
		}
.productA  {float: right;
	max-width: 80%;
	margin-top: 10px;
	}
.productAText {
	max-width: 10%;
	font-size: 1.33em;	
	float: left;
	margin-top: 3em;
	margin-right: 1em;
	color: #6666CC;
	}
.productAImage {float: right;
	max-width: 70%;
	margin-right: 8px;
	}
.productB  {float: left;
	max-width: 80%;
	margin-top: 10px;
	}
.productBImage {float: left;
	margin-left: 8px;
	max-width: 65%;
	}
.productBText {
	max-width: 15%;
	font-size: 1.25em;	
	float: right;
	margin-top: 1em;
	margin-right: 2em;
	color: #6666CC;
	}
.productBTextBig, .productCTextBig{display: none;}	
.productC  {
	float: right;
	max-width: 80%;
	margin-top: 10px;
	}
.productCText {
	float: left;
	width: 7.5%;
	max-width: 7.5%;
	font-size: 1.5em;
	margin-top: 2em;
	margin-right: 8px;
	padding-right: 1.5em;
	color: #6666CC;
	height: 50px;
	}
.productCImage {
	float: right;
	max-width: 75%;
	margin-right: 2px;
	}
 .menuItem {max-width: 90%;
	height: 2em;
	border: 1px solid blue;
	border-radius: 12px;
	padding: 0.5em 1em;
	font-size: 1.3em;
	margin-top: 0.5em;
	margin-left: 0.9em;
	color: rgb(153,51,255);
	}
.menuItem a:link {color: rgb(153,51,255);
	text-decoration: none;}
.menuItem a:visited {color: rgb(153,51,255);
	text-decoration: none;}
.menuItem a:hover{color: rgb(153,51,255);
	text-decoration: none;}
.menuItem a:active{color: rgb(153,51,255);
	text-decoration: none;}
	
	
.smallMessage {display: block;
	margin-top: 0.25em;
	margin-bottom: .33em;}	
	
.mainWelcome {
	font-size: 1.25em;
    max-width: 94%;
	width: 94%;
	margin: 0.25em;
	padding: 0.25em;
	float: none;
	clear: both;	
	color: rgb(120,120,255) !important;
	}
.smallDedicated {
		display: block;
		font-size: 0.95em;
		color: rgb(120,120,255);
		margin-top: 3px;
	}

.lineText {
		font-family: Verdana;
		font-size: 1.0em;
		max-width: 100%;
	}
.arrowFindStore {
	padding-top: 0;
	display: inline;
	width: 30px;
	}

.zipFindCode {
	float: left;
	margin-left: 0;
	height: 1.1em;
	}

.zipCodeBox {margin-top: 24px;
	float: left;
	margin-right: 0.5em;
	width: 18em;
	}
.zipWordPart{
	float: left;
	}
.zipArrowPart {
	display: inline;
	margin: 0 0 0 1em;
	}
#smallZipCode {
	width: 4em;
	}
.lineText {
	margin-left: 18px;
	padding-top: 14px;
	font-size: 0.85em;
	width: 8em;
	display: inline;
	}
#zipCode {display: inline;
	}
.redeemDirections {
	clear: both;
	margin: 4em 0.5em 0.5em 0.5em;
	}
#watermark {margin: 0 0.5em 0.5em 0.5em;
	font-size: 0.65em;
	}	
#error1, #error2, #error3, .error_message, #sentmsg {
		clear: both;
		color: #CC0033;
	}

#contents {clear: both;}	
.exPlaneImage {display: none;}
.exPlaneText {padding-top: 7.5em;
	margin: 8px;
	color: #3333FF;
	}
.faqGroup {padding: 2em;
	}
.smallContactScreen {display: none;}	
.BigScreen {display: none;}

#aboutPetsImage{float: right;
	width: 25%;
	}
#locatorDiv {position: absolute;
	top: 0;
	right: 0;
	width: 46%;
	display: block;
	}
#toBad, #yourBad, #subjBad, #messBad {display: none;}

#referForm {display: none;
	font-family: verdana;
	position: absolute;
	top: 40em;
	left: 10em;
	width: 50%;
	height: 31em;
	background-color: rgb(243,255,255);
	border: 2px solid purple;
	border-radius: 0.9em;
	z-index: 100;
	padding: 2em;
	font-size: 100%;
	line-height: 120%;
	}
#xIsIt {position: absolute;
		top: 0;
		right: 0;
		border: 1px solid black;
		width: 1em;
		background-color: white;
		margin-top: 0.25em;
		margin-right: 0.25em;
		text-align: center;
		}
#productImageBlock {
		width: 30%;
		margin-left: 1.2em;
		float: right;
	}
#overviewHeadline {
		margin: 0 0 0.5em 0.5em;
		font-size: 1.16em;
		color: blue;
	}
#overviewTextChunk	{
		/* margin: 0 0 0.5em 0.5em;ext */
		font-size: 1.0em;
		color: black;
	}
.done {
	width: 128px;
	margin: 1em 0 1em 0;
	}
	
.refButton {font-size: 110%; color: blue; 
	background-color: rgb(243,255,255); 
	margin-left: 2em;
	margin-bottom: 8px;
	border: 2.0px solid purple;
	border-radius: 0.4em;
	padding: 0.24em;
}
.learn {margin-top: 0.5em;
	margin-bottom: 0.5em;
	}
.buyHereTable {margin: 0 auto;
				padding-left: 0.45em;
				padding-top: 0.5em;
				font-family: verdana;
				font-size: 0.80em;
				border-top: 2px solid purple;
			}
	
.bnSku {width: 3.8em;}
.bnDescr {width: 20.5em;}
.bnPrice {width: 4em;}
.bnButton {max-width: 18px;}	
.preFooter2 {margin: 0.92em 1.2em 1.6em 1.2em;
			font-family: verdana;
			font-size: 0.8em;
			line-height: 1.25em;
			}
.specialStuffImage {
	float: left;
	max-width:15%;
	margin-right: 1em;
	}
#balmImageBlock {
		width: 25%;
		margin-left:2em;
		padding: 3em 2em;
		float: right;
	}
#balmImageBlock img{margin-bottom: 1em;
	max-width: 24%;
	float: left;
	}	
.singleImageShadow {box-shadow: 6px 9px DarkGray;
	max-width: 20%;
	margin-bottom: 8px;}
.productSpecBlock {
		max-width: 98%;
		margin-left: 0.66em;
		margin-right: 0.66em;
	}
.horseHeadImg {width: 20%;
	float: left;
	}
.smallProductBlock h3, .largeProductBlockLeft h3, .largeProductBlockRight h3,
.smallProductBlockDouble h3 {
		margin: 0 0 0.6em .5em;
		font-size: 1.15em;
		color: blue;
	}
.smallProductBlock p, .largeProductBlockLeft p, .largeProductBlockRight p {
		margin: 0.8em 0.6em 0 0.6em;
	}
.largeProductBlockLeft .largeProductBlockRight{
		clear: both;
		margin: 2em auto 1em;
		max-width: 100%;
	}
.largeProductBlockLeft img{
		float: left;
		margin: 0 0.6em;
	}
.largeProductBlockRight img{
		float: right;
	}
.clearFloats {
		clear: both;
		}
.dustBathImage {
		float: left;
		max-width: 40%;
		}
.specialStuff {
	background-color: LightCyan;
	margin: 1em 0 1.5em 0;
	}
.realSpecial {color: MediumBlue;
	}
.leftSideImage {
		float: left;
		max-width: 35%;
	}
#print_button,  #email_button{max-width: 18.5%;
			vertical-align: bottom;
			margin-top: 0.25em;
			}
#mail_to, #email_this {font-size: 75%;}
#tinyBanner {position: absolute;
	top: 120px;
	height: 4.1em;
	border-top: 2px solid purple;
	border-bottom: 2px solid purple;
	font-family: Tahoma;
	margin: 0 auto;
	margin-bottom: 20px;
	padding: 0.6em;
	width: 100%; 
	font-size: 120%;
	text-align: center;
	color: white;
	background-color: rgb(153,204,204);
	}

.zipFindMsg {font-family: verdana;}
#contentsHeader {padding-left: 1em;
	padding-right: 1em;
	color: rgb(120,120,255);
	font-family: verdana;
	font-size: 90%;
	}
#couponStuff {font-family: verdana;
		margin: 0 7.5% 0 7.5%;
		}
.faqBody, #faqDirs #subContents, #faqDirs #subContints, #contact_us {
	font-family: verdana;
	font-size: 90%;}
#productGroup {font-family: verdana;
	font-size: 85%}
#productGroup p {margin-bottom: 1em;}
#overviewBlock	{line-height: 120%;
	font-size: 90%;}
.testiMonial {color: rgb(111,111,255);
	font-style: italic;
}
.testimonialHead {font-family: verdana;
				  font-style: italic;
				  color: rgb(111,111,255);
				  }
.testimonialSignature {
	font-style: normal;
	font-size: 105%;
	padding-left: 3em;
	}
#productGroup{
		margin: 0 auto;
		max-width: 95%;
	}
	
	
/************************************************************************
*																		*
*		END OF SMALL SCREEN DEFAULT STUFF								*
*																		*
************************************************************************/

/************************************************************************
*																		*
*	THE FOLLOWING IS INTENDED FOR TABLETS AND LANDSCAPE MODE DEVICES	*
*																		*
************************************************************************/

@media only screen and (min-width : 320px) {
#balmImageBlock {width: 99%;
		margin-left:2em;
		padding: 3em 2em;
		float: right;
	}
#balmImageBlock img{margin-bottom: 1em;
	max-width: 24%;
	float: left;
	}	
.singleImageShadow {box-shadow: 6px 9px DarkGray;
	max-width: 100%;
	margin-bottom: 5px;
	}	
.aboutPetsIntro {float: right;
	}

.exPlaneImage {display: inline;
	float: left;
	width: 33%;
	margin-right: 3em;}
.exPlaneText {padding-top: 16px;
	margin-left: 14em;
	font-size: 1.22em;
	width: 60%;
	line-height: 1.25em;
	color: #3333FF;
	}
.smallContactScreen {display: inline;}
.aboutUsIntro {
		color: rgb(153,153,255);
		font-style: italic;
		font-size: 1.0em;
		line-height: 1.1em;
		padding-top: 0.5em;
		margin-top: 0.5em;
	}	

.productLineFeed {clear: both;}
.productHead {color:green;
		margin: 4em 2em 0 2em;
		padding-top: 2em;
		font-size: 1.5em;
		}
.productA  {float: left;
	max-width: 30%;
	margin-top: 10px;
	margin-left: 3%;
	}
.productAText {
	display: block;
	max-width: 100%;
	text-align: center;
	font-size: 1.33em;	
	margin-top: 1em;
	margin-left: 2em;
	}
.productAImage {
	display: block;
	max-width: 90%;
	}
.productB  {float: left;
	max-width: 33%;
	margin-top: 10px;
	}
.productBImage {
	display: block;
	max-width: 90%;
	}
.productBTextBig {
	display: block;
	max-width: 100%;
	font-size: 1.25em;	
	float: right;
	margin-top: 1em;
	margin-right: 2em;
	color: #6666CC;
	}
.productBText {display: none;}	
.productC  {float: left;
	max-width: 33%;
	margin-top: 10px;
	}
.productCImage {
	max-width: 90%;
	}
.productCTextBig {
	display: block;
	margin-top: 1em;
	margin-bottom: 0.5em;
	width: 100%;
	max-width: 100%;
	font-size: 1.25em;
	color: #6666CC;
	}
.productCText {display: none;}	
/* .redeemDirections {display: none;} */

#mainText h2 {
		font-size: 1.5em;
		color: rgb(153,204,204);
		margin-bottom: .7em;
	}
.mainWelcome {
		color: rgb(120,120,255) !important;
	}

}
@media only screen and (min-width : 601px) {
#tinyBanner, #hdr_small_container {display:none;}
.bigScreen {display: block;}
.productHead {display: none;}
.productCTextBig {margin-left: 50px;}
#mainText {float: left;
	padding: 0 0 0 1%;
    width: 45%;
	max-width: 45%;
	line-height: 115%;
}

#theMenuBar	{display: block;
}
#canvas {
		margin: 0 auto;
		padding: 24px 0 24px 0;
		max-width: 1034px;
	}
	
#page, #pageN {
		margin: 0 auto;
		max-width: 1048px;
		background-size: 100%;
/*		background-color: #E0F8EC; */
	}

#page h2 {
			font-size: 1.3em;
			margin: 0px auto;
		}
#pageTop, #pageTopN {
		margin: 0 auto;
		width: 100%;
	}

#locatorDiv {position: absolute;
	top: 14px;
	right: 0;
	width: 36%;
	display: block;}
	
#storeLoc {	font-size: .75em;
			line-height: 1.1em;
			margin-top: 0;
			margin-left: 1%;
			color: #6633CC;
			padding-left: 1%
	}
#storeLoc td {
	vertical-align: middle;
	}

.locatorText {max-width: 100%;
	width: 88%;
	margin-left: 16px;
    }
	
#locatorDiv {position: absolute;
	top: 14px;
	right: 0;
		padding: 4px 0 0 4px;
		width: 36%;
		margin-right: 0;
	}

#storeLoc {	font-size: .75em;
			line-height: 1.1em;
			margin-top: 0;
			margin-left: 1%;
			color: #6633CC;
			padding-left: 1%
	}
#storeLoc td {
	vertical-align: middle;
	}
	
#storeText {
		font-family: arial;
		font-size: 1.3em;
		}
.lineText {
		font-family: Verdana;
		font-size: 1.4em;
		max-width: 100%;
			}
.arrowButton {
			margin: 0;
			padding-top: 6px;
			padding-bottom: 0;
			margin-bottom: 0;
			max-width: 70%;
			}
.arrowColumn {
			margin: 0;
			padding: 0 0 0 .5em;
			}
.locatorText {
	width: 100%;
	}		
#rebateButton {
		margin-top: 4px;
		padding-top: 24px;
		font-size: 1.4em;
		font-family: arial;
		height: 1.5em;
		}
#zipCode {font-style: italic;
		  color: #6633CC;
		 }	

#menuLinks {clear: both;
		margin: 0 auto;
	}
.menuTable li{
		list-style-type: none;
		margin: 1.2em auto 1.4em;
		float: left;
		padding: 0 0 2px 0;
	}	
.noShowMenuLabel {
		display: block;
		width: 16px;
	}
.menuTable a {
		display: block;
	}	
.menuLabel {
		position: relative;
		height: 12px;
		padding: 0 1% 0 1%;
	}	
/*		text-shadow: 0em -0.11em rgb(204,204,255); */
	
.menuRollover {
		position: absolute;
		opacity: 0.0;
		top: 124px;
		left: 24px;
		border: 1px solid black;
		z-index: 10;
	}
#menuSubMenu {
		height: 20px;
		width: 128px;
		border: 1px solid green;
	}
.menuForProducts {
		width: 300%;
		margin-left: -100%;
		background-color: BlanchedAlmond;
		border: 1px solid black;
	}
.menuMargin {
	width: 23em;
	text-align: right;
	}
#heading {
		padding: 0.8em 5.333333%; /* 48px / 900px */
		margin: 0 auto;
	}	
	
#tagDiv {
		background-color: rgb(153,204,204);
		margin-top: 1.0em;
		margin-bottom: 1.0em;
		border-top: 2px solid purple;
		border-bottom: 2px solid purple;
		}
#tagDivIE8 {
		margin-top: 1.0em;
		margin-bottom: 1.0em;
		border-top: 2px solid purple;
		border-bottom: 2px solid purple;
		}
#tagLine {
		  font-family: Tahoma;
		  margin: 0 auto;
		  padding: 0.6em;
		  width: 100%; 
		  font-size: 3.2em;
		  text-align: center;
		  color: white;
		  background-color: rgb(153,204,204);
	}
#tagLineIE8{
		  font-family: Tahoma;
		  padding: 0.6em;
		  font-size: 3.2em;
		  text-align: center;
		  background-color: rgb(153,204,204);
		  color: white;
	}
#mainBody {
	clear: both;
	margin: 12px auto;
	}
            
#authorss {text-align: left;
}	   
#contactImage {
		float: right;
		max-width: 35%;
		margin-right: 6%;
		display: block;
	}
#contactBoxes {
		margin: 0 auto;
		padding: 4px 2%;
		font-family: "Comic Sans MS";
		color: rgb(110,110,110);
		font-size: 1.1em;
		width: 95%;
	}
.emailPreface {
		font-family: Verdana;
		color: rgb(85,85,255);
		width: 92%;
		margin: 0 auto;
		line-height: 1.15em;
	}	
.emailText {
		color: orange;
	}
#emailIfNote {
		margin: 1.1em 0;
		}
#emailQuestion{
		margin-bottom: 0.8em;
	}
#emailComments {
		display: inline;
	}
#emailCommentBox {float: left;}
#emailDropByNote {
		clear: both;
		color: rgb(110,110,110);
		font-family: "Comic Sans MS";
		margin-left: 4%;
		margin-bottom: 1.8em;
	}
#send_button {
		float: right;
		margin-top: 3em;
		margin-right: 40%;
	}
#error1, #error2, #error3, .error_message, #sentmsg {
		clear: both;
		color: #CC0033;
	}
#pageFooter {
		margin: 0 auto;
		width: 98%;
		border-top: 2px solid purple;
		font-size: 0.9em;
		font-family: Tahoma;
		margin-top: 2em;
	} 
#pageFooter #callUs {
		float:left;
		margin: 0.5% 4% 0.5% 6%;
		width: 25%;
		}

#pageFooter #newsletter {
		margin-top: 10px;
		margin-left:18px;
		margin-right: 2em;
		color: rgb(85,85,255);
		width: 20%;
		float: left;
		}		
#pageFooter #handset {
		max-width: 75px;
		float: left;
		margin-right: 2%;
		margin-top: 2px;
		}
#pageFooter #callBlock {
		margin-top: 3%;
		}
#pageFooter #copyRight {
			clear: both;
			margin-top: 30px;
			font-size: .75em;
			}
#pageFooter #connectWithUs {
	margin: 0 3px;
	color: purple;
	width: 15%;
	float: left;
	margin-top: 6px;
	}
#pageFooter #signUpButton {
		max-width: 128px;
		margin-top: 9px;
	}
#guaranteedImage {
	max-width: 65%;
	}
#pageFooter #shoppingCartView {
    margin-top: 10px;
	}	
#testimonialPage {
	font-size: 1.25em;
	background-color: white;
	color: DarkMagenta;
	width: 90%;
	margin: 5px auto;
	}
.testimonialBlock {
	margin: 1.5em 5em 0.25em 4em;
	padding-top: 1em;
	font-family: verdana;
	color: black;
	font-size: 0.65em;
	line-height: 1.2em;
	clear: both;
	}
.testimonialBlock ul {margin-top: 1.5em;
			list-style-type: disc;
			list-style-position:inside;
		}
.testimonialBlock  p:first-child:first-letter { font-style: italic; 
    font-size: 2.5em;
	color: rgb(120,120,255);
	}
.testimonialAuthor {
	font-size: 0.8em;
	color: rgb(85,85,255);
	margin-top: 0.25em;
	font-style: italic;
	float: right;
	width: 23%;
	}
.buyButtons {
	}
.fontStyling {font-family: verdana;
	font-size: 0.8em;
	padding-left: 2em;
	padding-right: 2em;
	}
.fontStyling p{line-height: 1.4em;
	padding-left: 3em; 
	padding-right: 3em;
	}	
.faq h2 {padding: 2em;
	}
.fontStyling ul {list-style-type: disc;
	padding-left: 8em;
	line-height: 1.4em;
	}
.answer {
	margin-left: 25px;	
}
.open {
	background: url(../images/open.png.) no-repeat 0 11px;
	padding: 0;
	cursor: pointer;
	margin: 0 auto;
}
.close {
	background-image: url(../images/close.png);
}
.openClose{ float: left;
			margin-right: 0.6em;
	}
.buyProductLine {margin: 0 0 0 8em;
		font-family: verdana;
		font-size: 0.9em;
		line-height: 2.5em;
		}	
.sku_stuff {margin-left: 1em;}
.skuDesc {margin-left: 1em;}
.skuPrice {margin-left: 1em;}
.skuButton {margin-left: 2em;}
.addToCartButton {vertical-align: middle; }
.buyHereTable {margin: 0 auto;
				padding-left: 10%;
				padding-top: 1.0em;
				font-family: verdana;
				font-size: 0.9em;
				border-top: 2px solid purple;
			}

.bnSku {width: 4.5em;}
.bnDescr {width: 27.5em;}
.bnPrice {width: 5em;}
.bnButton {max-width: 18px;}	
.preFooter2 {margin: 0.9em 3.7%;
			font-family: verdana;
			font-size: 0.8em;
			line-height: 1.25em;
			}
#couponStuff {font-family: verdana;
		margin: 0 7.5% 0 7.5%;
		}
#rc_inner_box {line-height: 1.15em; }
#mail_to, #email_this {font-size: 0.9em; }
#email_this {margin-bottom: 1.5em; }
/*#email_button {
background-image:url(./images/email_button.png);
/*height:...;
width:...; 
}*/
.noticeBlock {color: rgb(85,85,255);}	
.storeHeadingMessage {margin: 0 7.5% 0 7.5%;}
#aboutText, #trainingText {margin: 0 4%;
			 font-family: verdana;
			 font-size: 0.9em;
			 line-height: 1.15em;
			 }
.aboutUsBody, .trainingBody {font-family: verdana;
			line-height: 1.5em;
	}
.emailBlock {margin: 0 4%;
			font-size: 0.8em;
			line-height: 1.5em;
			}
#print_button,  #email_button{max-width: 12.5%;
			vertical-align: bottom;
			margin-top: 1em;
			}
.contactUsLink a{color: blue;
			    font-weight: bold;
				}
.etailerHeader {margin: 2em 40% 2em 10%;
				font-size: 1.1em;
				padding: 1em 2% 1em 2.5%;
				border: 1px solid black;
				color: rgb(85,85,255);
				border-radius: 2em;
				font-family: verdana;
				}
.etailerName {font-size: 1.1em;
		}
.etailerTagLine {font-style: italic;
		}
.etailerLink {}
.sl_state {margin: 0 7.5%;
	  line-height: 1.15em;
	  color: rgb(85,85,255);
      border: none;
      }
		
/* END OF ORIGINAL LUMINO_WELLNESS.CSS */

/* FOLLWING IS LUMINO_DOMAIN.CSS */

#mainBody {
		clear: both;
		max-width: 100%;
		margin: 0 auto;
	}

#mainText h2 {
		font-size: 1.5em;
		color: rgb(153,204,204);
		margin-bottom: .7em;
	}
.mainWelcome {
		color: rgb(120,120,255) !important;
	}


#wrapTheSlider {display: block;
	max-width: 54%;
	margin-left: 3%;
	margin-top: .5%;
	margin-bottom: 2.5%;
	}
#contentsHeader, #subContents, #subContints {
		padding: 0;
		font-size: 1.5em; /* 3em / 2em */
		color: rgb(120,120,255);
	}
#contentsHeader {padding-left: 1em;
	padding-right: 1em;
	text-align: left;
	}

#subContints {margin-top: 1.2em; margin-bottom: 1.2em;}

#subContents, #subContints {font-size: 1.2em;}
	
.main, .answer {
	padding: 1% 1% 1% 2%;
	font-size: 1.3em;
	margin: 0 auto;
	color: #0066FF;
	}
.answer {
	font-size: 1.1em;
	color: purple;
	background-color: #FFFFED;
	}

.aboutUsIntro {
		color: rgb(153,153,255);
		font-style: italic;
		font-size: 1.2em;
		line-height: 1.2em;
	}	
.aboutUsTrailer {
		color: rgb(153,153,255);
		font-family: "Comic Sans MS";
		font-style: italic;
		font-size: 1.2em;
		line-height: 1.2em;
		margin-bottom: 1em;
	}	


.contactUsBody {
		font-family: Tahoma;
		font-size: 1.1em;
		line-height: 1.2em;
	}
#aboutText, #trainingText {
		margin-left: 2%;
		margin-right: 2%;
		}
.lcRow0 {margin-left: 64px;
				background-color: #D5EAE9;
				margin-top: 0px;
				margin-bottom: 0px;
				width: 600px;
				font-size: small;
				padding: 10px;
				}
.lcRow1 {margin-left: 64px;
				background-color: #EAF3DA;
				margin-top: 0px;
				margin-bottom: 0px;
				width: 600px;
				font-size: small;
				padding: 10px;
				}
.csStoreLogo {float: right;
			  margin-right: 8px;}
br.unfloat {clear: both; }
.sl_state {padding-left: 20px;
	         border: none;
			 font-family: verdana;
			 line-height: 1.3em;
	       }
#productGroup {
		margin: 0 auto;
		width: 95%;
	}
#overviewBlock	{
	margin: 10px 2% 10px 2%;
	padding-right: 4em;
	max-width: 95%;
	font-size: 90%;
	}
#overviewHeadline {
		margin: 0 auto 1em;
		font-size: 1.5em;
		color: blue;
	}   
#overviewTextChunk	{
		margin: 0 auto;
		font-size: 1.0em;
		color: black;
	}
.overviewPiece {
		margin: 1em auto;
	}
#pageIntro {position: relative;}



#locatorDiv {
		position: absolute;
		top: 14px;
		right: 0px;
		padding: 4px 2% 0;
		width: 36%;
	}

.leftSideImage {
		float: left;
		max-width: 35%;
	}
#productImageBlock {
		width: 25%;
		margin-left: 2em;
		float: right;
	}
.productSpecBlock {
		max-width: 100%;
	}
.smallProductBlock {
		float: left;
		margin: 2em auto 1em;
		max-width: 50%;
	}
.smallProductBlock h3, .largeProductBlockLeft h3, .largeProductBlockRight h3 {
		margin: 0 0 2em .5em;
		font-size: 1.15em;
		color: blue;
	}
.smallProductBlock p, .largeProductBlockLeft p, .largeProductBlockRight p {
		margin: 1.2em 2em 1em 1em;
	}
.largeProductBlockLeft .largeProductBlockRight{
		clear: both;
		margin: 2em auto 1em;
		max-width: 100%;
	}
.largeProductBlockLeft img{
		float: left;
		margin: 0 3em;
	}
.largeProductBlockRight img{
		float: right;
	}
.clearFloats {
		clear: both;
		}
		
#menuDiv {clear: both;
		margin: 2px 0 0 5%;
	}
.menuLinks li{
		list-style-type: none;
		margin: 2.0em auto 8.0em;
		float: left;
		padding: 0 0 2px 0;
	}		
.menuTitle {
		position: relative;
		height: 12px;
		padding: 0 1% 0 1%;
		font-size: 90%;
	}	
.menuLink, .menuLink2 {
		font-family: Tahoma;
		font-size: 1.25em;
		margin: 0;
		padding: 0;
		color: rgb(153,153,255);
		}
	
#theMenuBar li {display: inline;
			margin: 0;
			padding: 0;
			}
#theMenuBar ul .subMenu {display: block;
			}
#theMenuBar ul {display: inline;
			}
#whiteZone {
			width: 100%;
			height: 4px;
			}
#blackZone {
			width: 100%;
			height: 4px;
			margin-top:2px;
			border: 1px solid green;
			}



.usHeader {text-align: center;
			margin-top: 0.5em;
			margin-bottom: 1em;
		}
.usImage img{display: block;
		  padding: 1.5em;
		}
#aboutUsImage{margin-left: 1.5em;
				padding-left: 1.5em;}



.subTitle {
		text-align: center;
		padding: 0.6em;
		width: 12em;
		}


.menuLink a:link  {
		color: rgb(153,153,255);
		text-decoration :none;
	}		
.menuLink a:visited {
		color: rgb(153,153,255);
		text-decoration: none;
	}
.menuLink a:focus{
		color: rgb(153,153,255);
		text-decoration: none;
	}
.menuLink a:hover {
		color: rgb(153,153,255);
		text-decoration: none;
	}
.menuLink a:active {
		color: rgb(153,153,255);
		text-decoration: none;
	}

#prodCol1, #prodCol2, #prodCol3, #videoCol1, #videoCol2, #videoCol3 {
		vertical-align: top;
		max-width: 4.5%;
	}	
.prodCol1, .prodCol2, .prodCol3 {
		vertical-align: top;
		max-width: 4.5%;
	}	
.prodCol3 {
		padding-left: 1em;
		}
#menuKitty {max-width: 84%;
		padding-left: 0.66em;
		}
#videoCol1, #videoCol2, #videoCol3 {
		padding: 1%;
	}
#subMenuProducts>.subMenuBlock{
	float: left;
	width: 40%;
	padding: 2% auto;
	max-height: 50%;
	border: 1px solid black;
	}
#menuProductTable {
	width: 30em;
	background-color: white;
	}
.prodImage {max-width: 120px;
}
a {text-decoration: none;}	
.imageFullWidthText {
	margin: 0 auto;
	}
.specialStuff {
	background-color: LightCyan;
	margin: 0 0 1.5em 0;
	}
.realSpecial {color: MediumBlue;
	}
.dustBathImage {
		float: left;
		max-width: 38%;
		}
.wideTextImage {
	float: right;
	}
.wideTextBlock {
	font-style: italic;
	font-size: 90%;
	margin: 1.5em;
	}
.testimonialSignature {
	font-style: normal;
	font-size: 105%;
	padding-left: 3em;
	}
.more h3 {
	font-size: 1.2em;
	color: DarkCyan;
	margin: 0 auto 0.8em;
	}
.more p {
	margin-top: 0.8em;
	}
.more ul {
	margin-left: 4em;
	list-style-type: disc;
	}
.more ol {
	margin-left: 4em;
	list-style-type: decimal;
	}
.videoPreface {
	color: Navy;
	font-size: 1.5em;
	line-height: 1em;
	margin-left: 1em;
	}
.emfasize {
			font-style: italic;
			font-weight: bold;
		}
.previous_photo_page {margin-left: 88px;}
#next_photo_page {margin-left: 824px;}
#gogoLink {color: red;}

	            
#inner_box {width: 800px;
	          background-color: #FFFFFF;
	          margin-left: 100px;
	          margin-right: 200px;
	        }
#inner_boxa {width: 800px;
	          margin-left: 100px;
	          margin-right: 200px;
	        }
#inner_box2 {width: 800px;
	          background-color: #fffded;
	          margin-left: 100px;
	          margin-right: 200px;
	          padding: 10px 30px 10px 30px;
	        }   
  
.addl_info {color:red; }
.addl_info a:link {color:red; }
.addl_info a:visited {color: red; }
.addl_info a:focus {color: red; }
.addl_info a:hover {color: red; }
.addl_info a:active {color: red; }     	        
	        
#petpic {float: right;
	      }
.centeredImage
    {
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
    }	

.productWebLinks {max-width: 100%;
		text-align: center;
		float: left;
		margin-right: 2em;
		height: 30em;
	}
.productWebImage {max-width: 100%;
		margin-top: 1em;
		margin-bottom: 2em;
		}
.prodSubBlock {max-width: 28%;
		font-family: verdana;
		}	
.productWords {font-size: 0.9em;
			color: rgb(120,120,255);
			}
#subMenuProducts {width: 44em;
		height: 100em; !IMPORTANT
		}
.productMenuHeader {font-size: 0.9em;
		font-style: italic;
		color: blue;
		padding-left: 8em;
		padding-bottom: 1em;
		font-family: verdana;
		}
.redeemNotice {color: blue;
		line-height: 1.2em;
		}
.seeEtailButton {max-width: 8em;}
		
/* END OF ORIGINAL LUMINO_DOMAIN.CSS */
}
@media only screen and (max-width : 300px) {
#productGroup {clear: both;
  margin-top: 8px;}	
  .smallScreen {display: inline;}
  .bigScreen {display: none;}
  #smallBanner {display: block;
	margin-bottom: 2px;
	float: left;}
  #littleBanner {float: left;
	max-width: 100%;
	margin: 0.25em;}
  .csStoreLogo {display: none;}
  #littleMenu {
    margin-top: 0.75em;
	margin-right: 0.75em;
	max-width: 10%;
	z-index: 10;
	margin-left: 20%;}
 	
 .csCityDetail {max-width: 98%;
	margin-left: 3px;
     }
.csCityIntro {max-width: 98%;
	margin: 0 3px 0 6px;
	padding-right: 0;
	}
 
 .locatorText {width: 75%;
       }
  .lcRow0, .lcRow1 {margin-top: 0.5em;
	padding: 0.25em;
	max-width: 100%;
	width: 100%;
		}
   .lcRow0 {background-color: beige;}
   .lcRow1 {background-color: #E0E6F8;}
  .etailerHeader {display: none;}
  .etailDiv, .etailMsg {display: none;}
  #homePagePicture {display: none;}
  .homePageStates {display: none;}
  .statePageImage, .howToClick, .cityName {display: none;}
 /* #pageTop {display: none;}
 */
 #pageIntro, #theMenuBar, #tagDiv, .refButton {display: none;}
  #pageFooter {display: none;}
  #mainText, #mainHead, #mainMessage {
    max-width: 94%;
	width: 94%;
	margin: 1em;
	padding: 1em;
	padding-right: 2em;
	float: none;
	clear: both;}
  .mainWelcome {float: left;}
  .sl_state {
	clear: both;
	display: block;
	max-width: 98%;
	width: 98%;
	margin-top: 1px;
	margin-right: 30%;
	padding: 0.33em 2.5em 0.33em 0.33em;
	}
 .stateText {display: none;}
 #csIntro {clear: both;
	margin-top: 12em;
	}
 .spacer {
   clear: both;
   margin-bottom: 12em;}
}
.emailPreface {
	clear: both;
 }

/* FOR THE BIG SCREEN.... */ 
@media only screen and (min-width : 601px) {
#smallBanner {display: none;}
	
#theMenuBar	{display: block;
  }

#aboutUsImage {
		max-width: 100%;
		padding: 0.5em;
		margin: 0.5em;
		}
		
}	
.sa_menuStub a {text-decoration: none;
	color: black;}
.sa_menuStub a:hover {color: black;}
.sa_menuStub a:visited {color: black;}

 	
@media only screen and (max-width : 670px) {
#hdr_small_container {display: block;
	height: 20px;}
#littleBanner {max-width: 75%;
  float: left;
  margin-top: 8px;
}
.menuImage {float: left;
	max-width: 29%;
	padding: 3px;
	}
.smallMenu {clear: both;
	padding: 0.5em 1em;
	font-size: 1.3em;
	margin-top: 0.4em;
	margin-left: 0.4em;
	margin-right: 0.4em;
	color: rgb(153,51,255);
	height: 3em;
	}

#imgHamburgerMenu {max-width: 12%;
  margin-top: 3px;
  float: right;
  }

}

/* @@@@@@@@@@@@@ styles common to two or more pages and independent of
	device width @@@@@@@@@@@@@@@@@ */
   * {font-family: verdana;}
	.pdfLink {display: block;
		width: 72%;
		background-color: rgb(231,234,204);
		border: 1px solid purple;
		border-radius: 0.6em;
		margin: auto;
		text-align: center;
		padding: 0.2em 0.6em 0.2em 0.6em;
		color: black;
		font-size: 80%;
		font-family: arial;
	}
	.cProd {background-color: rgb(250,241,210);
		color: black;
		font-size: 100%;
		font-family: arial;
	}
	.hProd {background-color: rgb(235,250,255);
		color: black;
		font-size: 100%;
		font-family: arial;
		}
	.hProd td {	padding: .6em 2em .6em .4em;}
	#petListing {margin: 0 auto;
		width: 80%;}
	table {border-collapse: collapse;}
	th, td {border: 1px solid black;
		padding: 0.5em 0.5em 0.5em 1em;}

/*@@@@@@@@@@@@@   wide screen styles follow   @@@@@@@@@@@@@@@@@@@@*/
@media only screen and (min-width : 601px) {
  #page {margin: 0 auto 1%;}	
  #image_chunk {float: left;
	width: 40%;
	max-width: 40%}
	
  #mainBody {padding-top: 0;
	margin-bottom: 2em;
	max-width: 98%;
	height: auto;}

  #mainText {float: left;
	padding: 0 0 0 1%;
	width: 55%;
	max-width: 55%;
	line-height: 115%;
}

  #mainText .text2,#mainText .text3  {display: block;}
  #mainText h2 {
		font-size: 1.32em;
		color: rgb(153,204,204);
		margin-bottom: .7em;
	}
  #mainText .text2 {
		font-size: 1.32em;
		color: rgb(120,120,255);
		margin-top: 6px;
		margin-bottom: 10px;
	}
  #mainText .text3{
		font-size: 0.98em;
		color: rgb(0,0,0);
		margin-bottom: 1.35em;
	}

  #mainText p {margin-top: 0;
	margin-bottom: 0;}
  #pageFooter {
		margin: 0 auto;
		width: 98%;
		border-top: 2px solid purple;
		font-size: 0.9em;
		font-family: Tahoma;
		margin-top: 2em;
		padding-top: 1em;
	} 
	#dep, #pap, #dds, #bab, #npb, #dcb, #byc, #pdp, #pre, #pmg
	{margin: 2em 0 2em 4em;}	
}
/*@@@@@@@@@@@@@   skinny screen styles follow   @@@@@@@@@@@@@@@@@@@@*/

@media only screen and (max-width : 600px) {
  	
  #tagDiv, #copyRight, #callBlock {display: none;}
  #aboutText {margin-left: 4%;}
  #callBlock2 {margin: 5px auto;
	width: 98%;
	display: block;}
  /* body {height: 100vh;} */

  #mainText {
	margin: 0 auto;
	width: 95%
	}
  #mainText .text2,#mainText .text3  {display: block;}
  #mainText h2 {
		font-size: 1.32em;
		color: rgb(153,204,204);
		margin-bottom: .7em;
	}
  #mainText .text2 {
		font-size: 1.32em;
		color: rgb(120,120,255);
		margin-top: 6px;
		margin-bottom: 10px;
	}
  #mainText .text3{
		font-size: 0.98em;
		color: rgb(0,0,0);
		margin-bottom: 1.35em;
	}

  #mainText p {margin-top: 0;
	margin-bottom: 0;}
	
  #pageFooter {display: block;}
  #pageFooter #callUs, #pageFooter #connectWithUs, #pageFooter #footerMenu {width: 15%;
	float: left;
	margin-left: 12.5%;
  }
  
  .sa_menuStubF {position: fixed;
    bottom: 0px;
	right: 10px;
	font-size: 112%;
	border: 1px solid darkblue;
	background-color: beige;
	padding: 6px 8px 2em 9px;
	z-index: 100;
	width: 20em;
	height: 25em;
	line-height: 118%;
	box-shadow: 4px 4px 4px 7px #666;
	display: none;
	}

}