@charset "utf-8";
/*________________________________________________________________________

							GENERAL MISC STYLES
________________________________________________________________________*/
* {
	margin: 0;
	padding: 0;
	border: 0;
}
body {
	background: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #5f6062;
	margin-top: 10px;
}
small {
	font-size: 9px;
	color: #95979a;
	line-height: 100%;
}
img {
	vertical-align: top;
}
br, .clr {
	clear: both;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	overflow: hidden;
}
br.norm {
	clear: none;
	height:10px;
	line-height: 10px;
	font-size: inherit;
}
.sub {
	font-size: 9px;
	position: relative;
	top: 0.3em;
}
#wrapper {
	width: 707px;
	margin: 0 auto;
}
#body {
	background:  url(../images/bg_body.png) top repeat-y;
}
.center {
	text-align: center;
}
.inline {
	display: inline;
}
.left {
	float: left;
}
.right {
	float: right;
}
.indent {
	padding-left: 15px;
}
ul.message li {
	font-weight: bold;
}
ul.message.success li {
	color: #009900;
}
/* ___MAIN NAVIGATION_________________________________________________ */

#navMod {
	height: 87px;
	margin-bottom: 7px;
}
/*___TAB CONTAINERS_________________*/

#navMod #products {
	width: 96px;
	height: 87px;
	float: left;
}
#navMod #getStarted {
	width: 128px;
	height: 87px;
	float: left;
}
#navMod #testimonials {
	width: 103px;
	height: 87px;
	float: left;
}
#navMod #storeLocator {
	width: 117px;
	height: 87px;
	float: left;
}
#navMod #tellAfriend {
	width: 98px;
	height: 87px;
	float: left;
}
#navMod #help {
	width: 73px;
	height: 87px;
	float: left;
}
#navMod #end {
	height: 87px;
	float: left;
}
/*___BANNER IMGS____________________*/

#navMod #products #img {
	z-index: 120;
	position: absolute;
}
#navMod #getStarted #img {
	z-index: 120;
	position: absolute;
}
#navMod #testimonials #img {
	z-index: 120;
	position: absolute;
}
#navMod #storeLocator #img {
	z-index: 120;
	position: absolute;
}
#navMod #tellAfriend #img {
	z-index: 120;
	position: absolute;
}
#navMod #help #img {
	z-index: 120;
	position: absolute;
}
/*___TABS___________________________*/

#navMod .tab {
	position: absolute;
	z-index: 119;
	margin-left: 3px;
	height: 79px;
	text-align: center;
	text-transform: uppercase;
}
#navMod #products #tabProducts {
	width: 90px;
	margin-left: 6px;
}
#navMod #getStarted #tabStart {
	width: 125px;
}
#navMod #testimonials #tabTestimonials {
	width: 100px;
}
#navMod #storeLocator #tabLocator {
	width: 114px;
}
#navMod #tellAfriend #tabTell {
	width: 95px;
}
#navMod #help #tabHelp {
	width: 70px;
}
/*__SUB NAV___________________________*/

#navMod .subNav, #navMod .subNavBg {
	width: 90px;
	height: 270px;
	margin: 87px 0 0 5px;
	position: absolute;
	z-index: 118;
	display: none;
}
#navMod .subNavBg {
	background-color: #ffffff;
	z-index: 117;
}
#navMod .subNav a {
	display: block;
	padding-top: 3px;
}
#navMod .subNav img {
	width: auto;
	height: auto;
}
#navMod #subProducts {
	width: 90px;
	/*height: 240px;*/
}
#navMod .subNavBg.products {
	width: 90px;
	height: 240px;
}
#navMod #subStart {
	width: 125px;
	/*height: 170px;*/
}
#navMod .subNavBg.start {
	width: 125px;
	height: 150px;
}
#navMod #subTestimonials {
	width: 100px;
	/*height: 84px;*/
}
#navMod .subNavBg.testimonials {
	width: 100px;
	height: 165px;
}
/*========================================================================
   CONTENT
  ========================================================================*/
#contentCnt {
	background: url(../images/bg_details-mid.gif) repeat-y;
	float: left;
	width: 500px;
	padding: 0 6px;
}
#contentCntLong {
	padding: 0 6px;
}
#content {
	background: url(../images/bg_details-top.gif) no-repeat;
	padding-top: 10px;
}
#contentLong {
	background: #fff url(../images/bg_content_top-long.gif) no-repeat;
	padding-top: 10px;
}
#content.center {
	text-align: center;
}
.content-inner {
	padding-left: 9px;
}
#content .content-inner h1, #contentLong .content-inner h1 {
	padding-bottom: 3px;
}
#content .content-inner h1, #contentLong .content-inner h1,
#content .content-inner h2, #contentLong .content-inner h2,
#content .content-inner p, #contentLong .content-inner p,
#content .content-inner ul, #contentLong .content-inner ul,
#content .content-inner ol, #contentLong .content-inner ol {
	padding-left: 6px;
}

.highlight {
	background: #fff url(../images/bg-highlightcontent-mid.gif) repeat-y;
	margin: 0 0 8px -6px; /* bottom border must be at least 1px to let the border show */
}
* html .highlight { /* IE 6 hasLayout fix */
	display: inline-block;
}
.highlight-inner {
	background: url(../images/bg-highlightcontent-div.gif) left bottom no-repeat;
}
.highlight .first {
	background: url(../images/bg-highlightcontent-div.gif) no-repeat;
	padding-top: 8px;
}

#content .highlight p, #contentLong .highlight p {
	padding-bottom: 10px;
	padding-left: 12px;
}

.content-inner .bannersave10 {
	margin: 5px 0 18px 7px;
}

/*========================================================================
   GETTING STARTED STEPS
  ========================================================================*/
#content .getstarted-step {
	width: 500px;
	height: 338px;
	position: relative;
	padding-left: 0px;
}
#content .getstarted-step h1 {
	padding: 0;
}
#content .getstarted-step p {
	padding-left: 22px;
	font-size: 11px;
	line-height: 16px;
	padding-bottom: 5px;
}
#content .getstarted-intro {
	background: url(../images/bg-getstarted-intro.jpg) no-repeat;
}
#content .getstarted-bathroom {
	background: url(../images/bg-getstarted-bathroom.jpg) no-repeat;
}
#content .getstarted-whatisit {
	background: url(../images/bg-getstarted-whatisit.jpg) no-repeat;
}
#content .getstarted-adjustments {
	background: url(../images/bg-getstarted-changes.jpg) no-repeat;
}
#content .getstarted-using {
	background: url(../images/bg-getstarted-using.jpg) no-repeat;
}
#content .getstarted-transition {
	background: url(../images/bg-getstarted-transition.jpg) no-repeat;
}
#content .getstarted-step #btnsCnt {
	position: relative;
	height: 1px;
}
#content .getstarted-step #btns {
	position: absolute;
	bottom: 0px;
	left: 21px;
	padding-bottom: 2px;
}

/* mouse-over bubbles for numbered page links */
.bubbleCnt {
	display: none;
	position: relative;
}
.bubble {
	position: absolute;
}
#btn-green-1-bubble .bubble {
	left: -24px;
	top: -30px;
}
#btn-green-2-bubble .bubble {
	left: -111px;
	top: -29px;
}
#btn-green-3-bubble .bubble {
	left: -51px;
	top: -29px;
}
#btn-green-4-bubble .bubble {
	left: -59px;
	top: -29px;
}
#btn-green-5-bubble .bubble {
	left: -40px;
	top: -30px;
}
#btn-green-6-bubble .bubble {
	left: -82px;
	top: -30px;
}

.flourishBg-top {
	background: url(../images/flourish-top.gif) bottom no-repeat;
}
.flourishBg {
	background: url(../images/flourish-mid.gif) repeat-y;
}
.flourishBg-wide {
	background: url(../images/flourish-mid-wide.gif) repeat-y;
}
#content .flourish {
	background: url(../images/flourish-top.jpg) no-repeat;
	padding-top: 34px;
}

/*========================================================================
   QUICK REFERENCE DOWNLOAD
  ========================================================================*/
#quickref {
	background: url(../images/bg-goldbubble.gif) no-repeat;
	font-size: 11px;
	height: 144px;
	padding-bottom: 15px;
	position: relative;
}
#quickref img.product {
	display: block;
	float: left;
	width: 142px;
}
#content #quickref h2 {
	font-size: 15px;
	color: #5f6062;
	padding-bottom: 4px;
}
#quickref .details {
	float: left;
	width: 342px;
	padding-top: 28px;
}
#quickref .details p {
	padding-bottom: 5px;
}
#quickref .details ul li {
	background: url(../images/bul-arrow-green.gif) 0 3px no-repeat;
	padding-left: 10px;
}
#quickref .button {
	position: absolute;
	bottom: 25px;
	right: 23px;
}

/*========================================================================
   DOS AND DON'TS
  ========================================================================*/
#content .dosdonts {
	background: url(../images/bg-setup.jpg) bottom no-repeat;
}
#content .dosdonts ul li {
	padding-left: 27px;
	padding-bottom: 17px;
}
#content .dosdonts ul li em {
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
}
#content .dosdonts ul li.do {
	background: url(../images/bul-burst-green.gif) 0 0 no-repeat;
}
#content .dosdonts ul li.do em {
	color: #87b545;
}
#content .dosdonts ul li.dont {
	background: url(../images/bul-burst-orange.gif) 0 0 no-repeat;
}
#content .dosdonts ul li.dont em {
	color: #ecad32;
}
#content .dosdonts .setup {
	font-size: 9px;
	text-align: center;
	padding-left: 6px;
	font-family: Arial;
}
#content .dosdonts .setup1, #content .dosdonts .setup2, #content .dosdonts .setup3 {
	float: left;
}
#content .dosdonts .setup1 {
	width: 139px;
}
#content .dosdonts .setup2 {
	width: 174px;
}
#content .dosdonts .setup3 {
	width: 157px;
}

/*========================================================================
   PRODUCT OVERVIEW BUBBLE POP-UPS
  ========================================================================*/
#hover1, #hover2, #hover3, #hover4 {
	position: absolute;
	display: none;
}
#hover1 {
	margin: 25px 0 0 85px;
}
#hover2 {
	margin: 46px 0 0 152px;
}
#hover3 {
	margin: 157px 0 0 -6px;
}
#hover4 {
	margin: 156px 0 0 197px;
}

/*========================================================================*/

#noJavascriptMenu {
	margin-bottom: 15px;
}
#noJavascriptMenu ul li {
	background: url(../images/bul-arrow-green.gif) 0 3px no-repeat;
	padding-left: 10px;
}
#content.tellafriend {
	text-align: left;
	padding-left: 50px;
	width: 636px;
}
#content #details ul li {
	list-style-type: disc;
	margin-left: 12px;
}
#content #productFamily {
	margin: 0 -9px 0 0;
	height: auto;
	padding-top: 45px;
}
#content #productFamily h3 {
    font-size: 17px;
    letter-spacing: -1px;
}
#content #grey {
	margin: 15px -9px 0 -9px;
	padding: 10px 9px;
	height: 125px;
	background: url(../images/bg_content_grey.jpg) top repeat-y;
}
#content #maintenanceImgs {
	width: 180px;
	height: 461px;
	padding-left: 9px;
	float: left;
}
#content #maintenanceImgs #img1 {
	z-index: 22;
	position: absolute;
	width: 179px;
	height: 179px;
}
#content #maintenanceImgs #img2 {
	z-index: 21;
	margin-top: 140px;
	position: absolute;
	width: 179px;
	height: 179px;
}
#content #maintenanceImgs #img3 {
	z-index: 20;
	margin-top: 280px;
	position: absolute;
	width: 179px;
	height: 179px;
}
#content #maintenanceImgs #img4 {
	z-index: 19;
	margin-top: 420px;
	position: absolute;
	width: 179px;
	height: 179px;
}
#content #maintenanceDetails {
	width: 290px;
	padding-top: 30px;
	float: right;
	overflow: hidden;
	padding-right: 9px;
}
#content #maintenanceDetails #one, #content #maintenanceDetails #two, #content #maintenanceDetails #three, #content #maintenanceDetails #four {
	margin-bottom: 45px;
}
#content #maintenanceDetails h2 {
	padding-left: 0;
	padding-bottom: 3px;
}
#content #maintenanceDetails p {
	padding-left: 0;
	padding-right: 0px;
}
#content #testify .story {
	background: url(../images/bg_testimonials.jpg) left top no-repeat;
	padding: 3px 0;
	position: relative;
	left: -9px;
	width: 480px;
	float: left;
	clear: both;
}
#content #testify .media {
	float: left;
	padding: 3px 10px 3px 3px;
}
#content #testify .thumb {
	cursor: pointer;
}
#content #testify .text {
	padding: 6px 10px 6px 102px;
}
#content #testify .signature {
	text-align: right;
	display: block;
	padding: 10px 19px 0 0;
}

/*========================================================================
   PAGING CONTROLS
  ========================================================================*/
#content .pageSelectTop {
	padding-bottom: 15px;
}
#content .pageSelectBottom {
	padding-top: 15px;
}
/* Numeric paging */
#content .pageSelect span,
#content .pageSelect a:link,
#content .pageSelect a:visited,
#content .pageSelect a:hover,
#content .pageSelect a:active {
	float: left;
	height: 18px;
	background: #bababa;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	margin-right: 1px;
	padding: 0 6px;
	line-height: 17px;
	display: block;
}
#content .pageSelect span.cap-left,
#content .pageSelect span.cap-right {
	width: 3px;
	padding: 0 2px;
}
#content .pageSelect span.separator {
	background: none;
	color: #5f6062;
	font-weight: bold;
	font-size: 14px;
	padding: 0 3px;
}
#content .pageSelect span.cap-left,
#content .pageSelect a.prev:link,
#content .pageSelect a.prev:visited,
#content .pageSelect a.prev:hover,
#content .pageSelect a.prev:active {
	background: url(../images/testify_pageSelect_capBg.gif) no-repeat;
}
#content .pageSelect a.prev:hover {
	background: url(../images/testify_pageSelect_capBg-over.gif) no-repeat;
}
#content .pageSelect span.cap-right,
#content .pageSelect a.next:link,
#content .pageSelect a.next:visited,
#content .pageSelect a.next:hover,
#content .pageSelect a.next:active {
	background: url(../images/testify_pageSelect_capBg.gif) right no-repeat;
}
#content .pageSelect a.next:hover {
	background: url(../images/testify_pageSelect_capBg-over.gif) right no-repeat;
}
#content .pageSelect a.selected:link,
#content .pageSelect a.selected:visited,
#content .pageSelect a.selected:hover,
#content .pageSelect a.selected:active {
	background: #84b063;
	color: #fff;
}
#content .pageSelect a:link,
#content .pageSelect a:visited,
#content .pageSelect a:hover,
#content .pageSelect a:active {
	color: #fff;
	text-decoration: none;
}
#content .pageSelect a:hover,
#content .pageSelect a.selected:hover {
	background: #939393;
}
/* Pager bar (prev | Page: [ number ] | next) */
#content .pagerBar span {
    padding: 0 3px;
}
#content .pagerBar input.text {
    text-align: center;
    border: 1px solid #999;
    font-size: 100%;
    width: 4em;
    vertical-align: middle;
    margin-top: -1px;
    padding-bottom: 2px;
}

#content-home{
  margin: 0;
  padding: 0;
  background: url(../images/homeBG_10wide.jpg) left bottom repeat-x;
}
/*========================================================================*/

#content .share {
	margin: 10px 0 0 -6px;
}
#formShadowTop {
	background: url(../images/bg_formShadowTop.png) left bottom no-repeat;
	width: 680px;
	height: 10px;
}
#formShadowMiddle {
	background: url(../images/bg_formShadowMiddle.gif) left top repeat-y;
	width: 650px;
	padding: 1px 15px;
}
#formShadowBottom {
	background: url(../images/formShadowBottom.png) left top no-repeat;
	width: 680px;
	height: 10px;
}
#personal {
	width: 580px;
}
#personal #left {
	width: 285px;
}
#personal #right {
	float: right;
}
#personal .label {
	text-align: right;
	width: 68px;
	margin-top: 3px;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
#personal #input {
	width: 210x;
	margin: -15px 0 0 73px;
}
#personal #input input {
	background:  #e6e6e6;
	width: 200px;
	height: 15px;
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #5f6062;
}
#personal #input.error {
	color: #ff3600;
	font-style: italic;
	font-size: 11px;
}
#personal #input input.error {
	background: #ffcdbf;
}
#personal #input select {
	background:  #e6e6e6;
	width: 200px;
	height: 15px;
	border: none;
	color: #5f6062;
	font-size: 10px;
}
#input img {
	vertical-align: bottom;
}
#testimony {
	margin-top: 10px;
	width: 460px;
}
#testimony #mediaTypes {
	padding: 7px 0;
}
#testimony #mediaTypes input.radio {
	border: 0;
	background: #e6e6e6;
}
#testimony #textarea #grey {
	background: #e6e6e6;
	width: 450px;
	height: 170px;
}
#testimony #textarea img {
	vertical-align: bottom;
	margin-right: 0px;
}
#testimony #textarea textarea {
	width: 417px;
	height: 58px;
	border: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #5f6062;
}
input.submitBtn {
	margin: -11px 0 0 0;
	position: absolute;
	z-index: 9;
}
/*__CLASSES_________________________*/
#content .noMargin {
	padding-bottom: 3px;
}
#content .breezeBox {
	margin-left: -9px;
}
#content .twoCol {
	padding: 0 9px;
}
#content .twoCol h1,
#content .twoCol h2,
#content .twoCol p,
#content .twoCol ul,
#content .twoCol ol {
	padding-left: 6px;
}
#content .leftCol {
	float: left;
	width: 283px;
}
#content .rightCol {
	float: right;
	width: 192px;
}
#content.catPads .leftCol {
	width: 267px;
}
#content.catPads .rightCol {
	width: 208px;
}
.vidCheckbox {
	margin-top: 3px;
}
/*----////----////----////----*/
#contentLong .noMargin {
	margin-bottom: 3px;
}
#contentLong .breezeBox {
	margin-left: -9px;
}
#contentLong #terms.upload {
	width: 430px;
}
.testimonyCat {
	position: absolute;
	z-index: 10;
	float: right;
	margin-left: 434px;
}
/*_____TESTIMONY________________________________________*/

#testimony #type {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
/*_____VIDEO STYLES_____________________________________*/

#videoShadowTop {
	width: 435px;
	height: 13px;
	background: url(../images/bg_video_top.jpg) left bottom no-repeat;
}
#videoShadowMiddle {
	width: 425px;
	background: url(../images/bg_video_middle.jpg) left top repeat-y;
	padding: 0 0 0 12px;
}
#videoShadowBottom {
	width: 435px;
	height: 13px;
	background: url(../images/bg_video_bottom.jpg) left top no-repeat;
}
#contentLong .demoCats {
	position: absolute;
	margin: 55px 0 0 425px;
}

/*________________________________________________________________________

							HELP FAQ
________________________________________________________________________*/


#helpFaq .nav {
	padding-right: 16px;
	padding-bottom: 5px;
	text-align: right;
}
#helpFaq .nav a,
#helpFaq .nav a:link,
#helpFaq .nav a:visited,
#helpFaq .nav a:hover,
#helpFaq .nav a:active {
	text-decoration: underline;
	color: #5f6062;
	font-size: 10px;
}
#helpFaq dl {
	margin: 6px 10px 0 0;
}
* html #helpFaq, * html #helpFaq dl { /* IE 6 hasLayout fix */
	display: inline-block;
}
#helpFaq dt strong {
	font-weight: normal;
}
#helpFaq dd {
	display: block;
}
/* Collapsed state */
#helpFaq .collapsed dt a,
#helpFaq .collapsed dt a:link,
#helpFaq .collapsed dt a:visited,
#helpFaq .collapsed dt a:hover,
#helpFaq .collapsed dt a:active {
	color: #84b063;
	text-decoration: underline;
	font-size: 10px;
}
#helpFaq .collapsed a:hover {
	color: #e89900;
}
#helpFaq dl.collapsed {
	position: static;
	border: none;
	background: transparent none;
}
#helpFaq dl.collapsed dt {
	background-image: url(../images/bul-collapsed.gif);
	background-repeat: no-repeat;
	padding: 0 0 4px 20px;
}
#helpFaq dl.collapsed dd {
	padding: 0 0 0 20px;
}
#helpFaq dl.collapsed dd img {
	display: none;
}
/* Expanded state (default) */
#helpFaq dt a,
#helpFaq dt a:link,
#helpFaq dt a:visited,
#helpFaq dt a:hover,
#helpFaq dt a:active {
	color: #4e7029;
	text-decoration: none;
	font-size: 14px;
}
#helpFaq dl {
	position: relative;
	border: 1px solid #94d259;
	background: #fef5b4 url(../images/bg-dotpattern.gif);
}
#helpFaq dl dt {
	background-image: none;
	padding: 10px 65px 10px 12px;
}
#helpFaq dl dd {
	padding: 0 0 10px 12px;
}
#helpFaq dl dd img {
	float: right;
	padding: 0 10px;
}
/* Close link */
#helpFaq dd.close {
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px;
}
#helpFaq dd.close img {
	float: none;
	margin: 0;
	padding: 0;
}

/*_____TELL A FRIEND____________________________________*/

#friendShadowTop {
	width: 590px;
	height: 10px;
	background: url(../images/bg_friendShadowTop.jpg) left bottom no-repeat;
}
#friendShadowMiddle {
	width: 590px;
	background: url(../images/bg_friendShadowMiddle.jpg) left bottom repeat-y;
	padding-top: 1px;
}
#friendShadowBottom {
	width: 590px;
	height: 10px;
	background:url(../images/bg_friendShadowBottom.jpg) left top no-repeat;
}
#tellImg {
	position: absolute;
	z-index: 90;
	margin: -30px 0 0 410px;
}
#tellForm {
	width: 400px;
}
#tellForm .row {
	margin: 5px 0;
	padding: 0 0 0 20px;
	clear: both;
}
#tellForm .row .label {
	width: 140px;
	text-align: right;
	float: left;
	padding: 2px 4px 0 0;
}
#tellForm .row .input {
	width: 210px;
	float: left;
}
#tellForm .row label.error, #tellForm .textarea label.error {
	color: #ff3600;
	font-style: italic;
	font-size: 11px;
}
#tellForm .row label.error {
	margin-left: 143px;
}
#tellForm .row .input input {
	background: #e6e6e6;
	width: 200px;
	height: 15px;
	border: 1px solid #d8d8d8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #5f6062;
}
#tellForm .row .input input.error, #tellForm .textarea textarea.error {
	background: #ffcdbf;
	border: 1px solid #ffb0b0;
}
#tellForm .row .checkBox {
	width: 210px;
	float: left;
	padding: 4px 0;
}
#tellForm .row .checkBox input {
	/*background: #e6e6e6;*/
	width: 13px;
	height: 13px;
	vertical-align: text-bottom;
}
#tellForm .hr {
	height: 1px;
	width: 394px;
	background: url(../images/hr.png) left top no-repeat;
	margin: 6px 0;
	padding: 1px;
}
#tellForm .textarea {
	padding: 0 0 0 40px;
}
#tellForm .textarea img {
	vertical-align: bottom;
}
#tellForm .textarea textarea {
	width: 325px;
	height: 83px;
	border: 1px solid #d8d8d8;
	background: #e6e6e6;
	margin-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #5f6062;
}
#tellForm .disclaimer {
	font-size: 9px;
	padding: 7px 0;
}
#tellForm .textarea #btnTell {
	position: absolute;
	margin-top: -2px;
}
#tellForm .row ul.errorCnt, #tellForm .textarea ul.errorCnt {
	display: none;
	margin-bottom: 4px;
}
#tellForm .row ul.errorCnt li, #tellForm .textarea ul.errorCnt li {
	margin-left: 0;
}
#tellForm .textarea .topMargin {
	margin-top: 11px;
}
/*_____VSS THANK YOU FORM_______________________________*/

#login {
	width: 217px;
	height: 230px; /* 202 */
	position: static; /* specified in HTML via script to allow non-scripting browsers to show the form by default */
	z-index: 1;
}
#login .error {
	color: #ff3600;
}
#login .bg {
	position: absolute;
	z-index: 2;
}
#login .content {
	width: 197px;
	height: 188px;
	padding: 14px 12px 0 12px;
	margin: 0;
	position: absolute;
	z-index: 3;
	background: transparent;
}
#login .content form {
	display: block;
}
#login .content h1 {
	margin-bottom: 15px;
	padding-left: 0px;
}
#login .content .row {
	margin: 0 0 17px 0;
	padding: 0;
}
#login .content .row img {
	vertical-align: bottom;
}
#login .content .row input {
	background: #e6e6e6;
	width: 180px;
	height: 15px;
	vertical-align: text-bottom;
	border: 1px solid #d8d8d8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #5f6062;
}
#login .content #forgotPasswordLink {
	height: 22px;
}
#login .content #forgotPasswordBtn {
	color: #5f6062;
	border: none;
	font-size: 11px;
	cursor: pointer;
	background-color: transparent;
	height: 16px;
	text-align: left;
}
#login .content #loginFrmInner {
	position: relative;
}
#login .content #loginSubmit {
	position: absolute;
	top: 166px;
	left: 90px;

}

/* FORM LAYOUT */
#formFields {
}
/* Define rows and columns */
#formFields .row {
	padding-bottom: 5px;
	clear: both;
}
#formFields .col {
	float: left;
}
/* one column layout */
#formFields .oneCol .col1 {
	width: 535px;
}
#formFields .oneCol .col input, #formFields .oneCol .col select, #formFields .oneCol .col textarea {
	width: 429px;
}
/* two column layout */
#formFields .twoCol .col1 {
	width: 255px;
}
#formFields .twoCol .col2 {
	width: 280px;
}
#formFields .twoCol .col input, #formFields .twoCol .col select, #formFields .twoCol .col textarea {
	width: 153px;
}
/* three column layout */
#formFields .threeCol .col1 {
	width: 212px;
}
#formFields .threeCol .col2 {
	width: 188px;
}
#formFields .threeCol .col3 {
	width: 132px;
}
#formFields .threeCol .col input, #formFields .threeCol .col select, #formFields .threeCol .col textarea {
	width: 113px;
}

#formFields .row input.radio, #formFields .row input.checkbox {
	width: 13px;
	height: 13px;
}
#formFields .row label.radio, #formFields .row label.checkbox {
	text-align: left;
}
/* Styles for tabular data */
#formFields th, #formFields td {
	padding: 3px;
}
#formFields thead th {
	text-align: left;
}
#formFields tbody th {
	text-align: right;
}
/* Element to hold form errors */
#formFields ul.errorCnt {
	display: none;
	margin-left: 16px;
}
#formFields ul.errorCnt li {
	margin-left: 0;
	float: none;
	width: auto;
	list-style-type: disc;
	color: #ff3600;
	font-size: 11px;
	font-style: italic;
	padding-bottom: 3px;
}
#formFields ul.errorCnt li label {
	width: auto;
	padding: 0;
	float: none;
	text-align: left;
}
/* Generic label and input elements */
#formFields label {
	display: block;
	float: left;
	width: 87px;
	text-align: right;
	padding: 0 5px;
}
#formFields input, #formFields select {
	display: block;
	float: left;
	width: 153px;
	background-color: #e6e6e6;
	border: 1px solid #d8d8d8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #5f6062;
}
#formFields input.hidden {
	display: none;
}
#formFields input.error, #formFields select.error, #formFields textarea.error {
	background-color: #ffcdbf;
	border: 1px solid #ffb0b0;
}
#formFields input.image {
	float: none;
	width: auto;
	border: none;
}
#formFields input.radio, #formFields input.checkbox {
	background-color: transparent;
	border: none;
}
/* Use a fieldset to define sections of the form */
#formFields .indent {
	padding-left: 96px;
}
#formFields fieldset {
	display: block;
	padding: 8px 0 12px 8px;
}
#formFields fieldset h3 {
	font-size: 10px;
	font-weight: bold;
	padding-left: 6px;
}
/* Customize individual sections as the layout dictates */
#formFields #emailInfo {
	background: url(../images/vss_section1.jpg) left top no-repeat;
}
#formFields #emailInfo .col2 label {
	width: 108px;
}

#formFields #contactInfo {
	background: url(../images/vss_section2.jpg) left top no-repeat;
}
#formFields #contactInfo input#lastName {
	width: 174px;
}
#formFields #contactInfo label.state {
	width: 42px;
}
#formFields #contactInfo select#state {
	width: 134px;
}
#formFields #contactInfo label.zip {
	width: 62px;
}
#formFields #contactInfo input#zip {
	width: 54px;
}

#formFields #communication {
	background: url(../images/vss_section3.jpg) left top no-repeat;
}
#formFields #communication h3 {
	margin-bottom: 15px;
}
#formFields #communication .col1 {
	width: 215px;
}
#formFields #communication .col2 {
	width: 310px;
}
#formFields #communication label.radio {
	width: 25px;
	line-height: 14px;
}

#formFields #aboutPets {
	background: url(../images/vss_section4.jpg) left top no-repeat;
}
#formFields #aboutPets tbody th {
	width: 87px;
}
#formFields #aboutPets td input, #formFields #aboutPets td select {
	width: 137px;
}

#formFields #catFood {
	background: url(../images/vss_section5.jpg) left top no-repeat;
}
#formFields #dogFood {
	background: url(../images/vss_section6.jpg) left top no-repeat;
}
#formFields .petFood table {
	float: left;
	width: 200px;
}
#formFields .petFood table.first tbody th {
	width: 87px;
}
#formFields .petFood label.radio {
	width: 406px;
	line-height: 14px;
}

#formFields #catClean {
	background: url(../images/vss_section7.jpg) left top no-repeat;
}
#formFields #catClean label.checkbox {
	width: 406px;
	line-height: 14px;
}

#formFields #formSubmit {
	width: 95px;
	height: 34px;
	position: absolute;
	z-index: 9;
	margin: -11px 0 0 550px;
}

/*_____FONTS____________________________________________*/
#content .tight, #contentLong .tight {
	padding: 0;
}
#content .tightVert, #contentLong .tightVert {
	padding-top: 0;
	padding-bottom: 0;
}
#content h1, #contentLong h1,
#content h2, #contentLong h2,
#content h3, #contentLong h3,
#content p, #contentLong p,
#content ul, #contentLong ul,
#content ol, #contentLong ol {
	padding-left: 15px;
	padding-right: 12px;
	padding-bottom: 15px;
}
#content h1, #contentLong h1 {
	font-size: 16px;
	font-weight: normal;
	color: #84b063;
}
#content h2, #contentLong h2 {
	font-size: 14px;
	font-weight: normal;
	color: #84b063;
	padding-bottom: 8px;
}
#content h2.alt, #contentLong h2.alt {
	color: #8a888c;
	font-size: 13px;
}
#content h3, #contentLong h3 {
	font-size: 13px;
	font-weight: normal;
	color: #84b063;
	padding-bottom: 3px;
	padding-left: 6px;
}
#content h3.inline, #contentLong h3.inline {
    padding-right: 5px;
}
#content .rightCol h3, #contentLong .rightCol h3 {
	padding-left: 0;
	padding-bottom: 10px;
}
#content ul li {
	list-style-type: none;
	margin-left: 5px;
}
#content ul.taller li {
	line-height: 150%;
}
#content ol {
	margin-left: 25px;
}
#content #details h1,
#content #details h2,
#content #details p,
#content #details ul,
#content #details ol {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 10px;
}
#content a:link, #content a:visited, #content a:active {
	color: #84b063;
	text-decoration: underline;
}
#content a:hover {
	color: #e89900;
}
/*------////----////----////----*/
#contentLong h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
#contentLong ul {
	margin-bottom: 10px;
}
#contentLong ul li {
	list-style-type: none;
	margin-left: 5px;
}
#contentLong ul.normal li {
	list-style-type: disc;
	margin-left: 15px;
}
#contentLong ol {
	margin-bottom: 10px;
}
#contentLong ol li {
	margin-left: 25px;
}
#contentLong #details h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 10px;
}
#contentLong div.text {
	padding-right: 15px;
}
#contentLong div.text li {
	line-height: 1.5em;
	padding-bottom: 0.6em;
}
#contentLong div.text li.last {
	padding-bottom: 0px;
}
#contentLong div.text li ol,
#contentLong div.text li ul {
	margin-top: 4px;
	margin-bottom: 0px;
}
#contentLong a:link, #contentLong a:visited, #contentLong a:active {
	color: #84b063;
	text-decoration: underline;
}
#contentLong a:hover {
	color: #e28c05;
}
#contentLong a.button:link, #contentLong a.button:visited, #contentLong a.button:active, #contentLong a.button:hover {
	color: #5f6062;
	text-decoration: none;
	display: block;
	background-color: #ffffff;
	border: 1px solid #d8d8d8;
	font-size: 12px;
	padding: 5px 8px;
	text-align: center;
	float: left;
}
.centerVert {
	line-height: 33px;
}

#content ul.error, #contentLong ul.error {
}
#content ul.error li, #contentLong ul.error li {
	list-style-type: disc;
	margin-left: 16px;
	color: #ff3600;
	font-weight: normal;
	font-size: 11px;
	font-style: italic;
}

/*____________________________________________________________________________________

						CALLOUTS
____________________________________________________________________________________*/

#callouts {
	float: left;
	width: 195px;
	text-align: center;
}
#callouts a {
	display: block;
	padding-bottom: 15px;
}

/*____________________________________________________________________________________

				FOOTER
____________________________________________________________________________________*/

#footer {
	color: #000;
	clear: both;
}
#footer .btmNavCnt {
	position: relative;
	padding-left: 12px;
	height: 97px;
}
#footer .btmNav {
	position: absolute;
	bottom: 1em;
}
#footer ul {
	margin-top: 70px;
}
#footer ul li {
	display: inline;
	margin: 0 2px;
}
#footer a:link, #footer a:visited, #footer a:active {
	color: #000;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#footer .logo {
	display: block;
	float: right;
	width: 88px;
	height: 73px;
	padding: 13px 73px 0 0;
}
#footer .main {
	background: url(../images/footer_main.jpg) no-repeat;
}
#footer .yellow {
	background: url(../images/footer_main_yellow.jpg) no-repeat;
}
#footer .grey {
	background: url(../images/footer_main_grey.jpg) no-repeat;
}
#footer .long {
	background: url(../images/footer_main_long.png) no-repeat;
}
#footer .home {
	background: url(../images/footer_main_home.png) no-repeat;
}
#legal {
	font-size: 9px;
	padding: 8px 5px;
}
#grey img {
	margin-right: 5px;
}
.errorMessageArea .errorBlankArea {
	margin-top:3px;
	width:68px;
}
.errorMessageArea .errorMessage {
	color: #FF2F2F;
	font-style:italic;
	margin:-15px 0pt 0pt 73px;
	font-weight: bold;
}
p span.slant {
	font-style: italic;
}
#wrapper #body #contentLong #formShadowMiddle .roundedArea {
	background-color: #e6e6e6;
	width: 100%;
}
#wrapper #body #contentLong #formShadowMiddle .roundedArea .roundTop {
	background: transparent url(../images/cornerUpRight.jpg) no-repeat scroll right top;
}
#wrapper #body #contentLong #formShadowMiddle .roundedArea .roundBottom {
	background: transparent url(../images/cornerDownRight.jpg) no-repeat scroll right bottom;
	font-size: 1px;
	overflow: hidden;
}
#wrapper #body #contentLong #formShadowMiddle .roundedArea .roundBottom .roundedCorner {
	display: block !important;
	height: 5px;
	width: 5px;
}
#wrapper #body #contentLong #formShadowMiddle .roundedArea .roundMiddle {
	padding: 3px 10px 0 10px;
}
#wrapper #body #contentLong #formShadowMiddle .roundedArea input.button {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	height: 22px;
	padding: 0 8px;
}
#wrapper #body #contentLong #formShadowMiddle .roundedArea input.file {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	height: 22px;
}
#wrapper #body #contentLong #formShadowMiddle #uploadBoxArea {
	width: 430px;
}
#wrapper #body #contentLong #formShadowMiddle #uploadBoxArea #fileStatus {
	float: left;
	width: 200px;
	line-height: 26px;
}
#wrapper #body #contentLong #formShadowMiddle #uploadBoxArea a#upload.button {
	width: 50px;
}
#wrapper #body #contentLong #formShadowMiddle #uploadBoxArea .roundMiddle label {
	margin-left: 5px;
}
#wrapper #body #contentLong #formShadowMiddle .slightyLarger {
	font-size: 11px;
}
#wrapper #body #contentLong #formShadowMiddle #uploadBoxArea .roundMiddle .fileName {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #e6e6e6;
	width: 200px;
}
#wrapper #body #contentLong #formShadowMiddle #uploadBoxArea .roundMiddle .updateButton {
	position: absolute;
	margin-top: -8px;
	z-index: 9;
}
#wrapper #body #contentLong #formShadowMiddle .inputArea {
	margin-top: 5px;
}
#wrapper #body #contentLong #formShadowMiddle .inputArea .columnLabel {
	position: relative;
	width: 75px;
	float: left;
	font-weight: bold;
	text-align: right;
	font-size: 11px;
	margin-top: 4px;
	margin-right: 5px;
}
#wrapper #body #contentLong #formShadowMiddle .inputArea .columnInput {
	float: left;
	width: 200px;
	position: relative;
	margin-top: 4px;
	margin-right: 5px;
}
#wrapper #body #contentLong #formShadowMiddle .inputArea .columnError, #wrapper #body #contentLong .columnError {
	float: left;
	position: relative;
	color: #ff3600;
	font-style: italic;
	margin-top: 4px;
	overflow: auto;
	width: 145px;
	font-size: 11px;
}
#wrapper #body #contentLong #termsError.columnError {
	float: none;
	position: static;
	width: auto;
	padding-bottom: 4px;
	margin-top: 0px;
}
#wrapper #body #contentLong #formShadowMiddle .inputArea .columnInput input {
	background-color: #e6e6e6;
	width: 180px;
	border: 1px solid #d8d8d8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 1px 2px;
}
#wrapper #body #contentLong #formShadowMiddle .inputArea .columnInput input.error {
	background-color: #ffcdbf;
	border: 1px solid #ffb0b0;
}
#wrapper #body #contentLong #formShadowMiddle .inputArea .columnInput textarea {
	background-color: #e6e6e6;
	height: 80px;
	border: 1px solid #d8d8d8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 180px;
	padding: 1px 2px;
}
#wrapper #body #contentLong #formShadowMiddle .inputArea .columnInput textarea.error {
	background-color: #ffcdbf;
	border: 1px solid #ffb0b0;
}
#wrapper #body #contentLong #formShadowMiddle .inputArea .columnInput .invalidEntry {
	background-color: #ffc1c1;
}
#wrapper #body #contentLong #formShadowMiddle .inputArea .columnInput select {
	width: 180px;
	background-color: #e6e6e6;
	border: 1px solid #d8d8d8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#wrapper #body #contentLong #formShadowMiddle .inputArea .columnInput select.error {
	background-color: #ffcdbf;
	border: 1px solid #ffb0b0;
}
#wrapper #body #contentLong #formShadowMiddle .inputArea .columnLabel span {
	font-size: 9px;
	font-weight: normal;
}

/* Other */
.logolist li {
	display: block;
	float: left;
	width: 108px;
	height: 69px;
	padding: 6px 8px 7px 6px;
	background: #fff url(../images/logo-bg.gif) no-repeat;
}
#content ul.logolist li {
	margin-left: 0;
}
#content .content-inner ul.logolist, #contentLong .content-inner ul.logolist {
	padding-left: 0;
	padding-right: 0;
}

img.subscribeSave {
	float: left;
	margin-right: 10px;
}

sup {
	font-size:0.65em;
	/*position:relative;
	top:0.3em;*/
	line-height: 1;
	vertical-align: text-top;
}
/*
   HOME
  ========================================================================*/


.feature-cycle{
	width: 695px;
	border: 0;
	margin: 0;
	padding: 0;
}

#calloutHomeCnt{
	padding: 0;
	margin: 0;
}
#calloutHomeCnt .calloutHome
{
    margin-top: 15px;
    margin-left: 17px;
    padding: 0;
    width: 322px;
    height: 194px;
    display: inline;
	float: left;
}

#calloutHomeCnt .steps
{
    background: url(../images/callout-left-step-by-step.gif) no-repeat;
}
#calloutHomeCnt .maint
{
    background: url(../images/callout-right-maintenance.gif) no-repeat;
}

#calloutHomeCnt h3
{
	padding: 0;
	margin: 26px 0 2px 4px;
	text-transform: uppercase;
	font-size: 18px;
	color: #717274;
	text-shadow: 0px 0px 6px #FFFFFF;
	width: 314px;
	height: 34px;
	text-indent: -9999px;
}
#calloutHomeCnt .steps h3{
	background: url(../images/title_step-by-step.gif) center center no-repeat;
}
#calloutHomeCnt .maint h3{
	background: url(../images/title_maintenance-made-simple.gif) center center no-repeat;
}

#calloutHomeCnt p
{
	padding: 0;
	margin: 0 161px 4px 24px;
	color: #727770;
	line-height: 1.3em;
}

#calloutHomeCnt .steps a.getStarted{
	background: url(../images/button_get-started.gif) center center no-repeat;
}
#calloutHomeCnt a.getStarted,
#calloutHomeCnt a.readMore{
	margin: 6px 0 0 -4px;
	display: block;
	width: 126px;
	height: 34px;
	text-indent: -9999px;
	outline: 0 none;
}
#calloutHomeCnt .maint a.readMore{
	background: url(../images/button_read-more.gif) center center no-repeat;
}

#calloutHomeBuy
{
    width: 661px;
    height: 64px;
    background: url(../images/where-to-buy.gif) no-repeat;
    margin: 8px 0px 0px 18px; 
    padding: 0 0 22px;
	position: relative;
}
#calloutHomeBuy h3{
	width: 72px;
	height: 33px;
	background: url(../images/title_where-to-buy.gif) center center no-repeat;
	text-indent: -9999px;
	float:  left;
	margin: 24px 4px 0 18px;
	padding: 0;
}
#calloutHomeBuy a {	float: left; padding:0 0 0 12px;}
#calloutHomeBuy .amazon{margin-top: 34px;}
#calloutHomeBuy .petsmart{margin-top: 24px;}
#calloutHomeBuy .petco{margin-top: 30px;}
#calloutHomeBuy .petfooddirect{margin-top: 21px;}
#calloutHomeBuy .walmart{margin-top: 28px;}
#calloutHomeBuy a.more{
	outline: 0 none;
	margin-top: 27px;
	margin-left: 12px;
	display: block;
	width: 61px;
	height: 26px;
	background: url(../images/button_more.gif) center center no-repeat;
	text-indent: -9999px;
	padding: 0;
}