/*@import url("reset.css");
@import url("960.css");
*/
/* modify 960 */




body {font: 15px/1.5 "Myriad Web Pro","Myriad Pro",Arial,Helvetica,sans-serif;}



.round_5{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.round_10{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
.round_15{-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;}
.round_20{-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;}

.round_50{-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;}
.round_55{-moz-border-radius:55px;-webkit-border-radius:55px;border-radius:55px;}
.round_100{-moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px;}


/* Colors */
/*.bg_green{background-color:#8BC64F;}*/
.bg_green{background-color:rgb(141,198,63);}
.bg_mint_green{background-color:rgb(57,181,74);}
.bg_orange{background-color:rgb(247,148,30);;}
.bg_red{background-color:#ff0000;}
.bg_purple{background-color:#672D8D;}
.bg_putty{background-color:#716559;}
.bg_gray{background-color:#bcbec0;}
.bg_gray_lt{background-color:#E0E1E2;}
.bg_purple{background-color:rgb(102,45,145);}
.bg_white {background-color:#fff;}

.redHover:hover {background-color:rgb(208,38,42);}

.bg_brown{background-color:#867C70;}
.bg_lgray{background-color:#DeDfe3;}
.bg_dgray{background-color:#6d6e71;;}
.bg_ddgray{background-color:#5B5B5B;}

.fg_dgray {color:#666;}
.fg_ddgray {color:#333;}
.fg_red{color:#ff0000;}
.fg_red a{color:#ff0000;}
.fg_white {color:#fff;}
.fg_white a{color:#fff;}



/* Type */
span.h3,span.h4,span.h5,h1,h2,h3,h4,h5,h6{font-weight:bold;line-height:1;margin:0 0 10px;}
p{margin:0 0 15px;}
strong{font-weight:bold;}
.tagline{font: italic 20px/1.2 Georgia,Times,serif;margin:10px 0;letter-spacing:-.5px;}
blockquote p{font: italic 17px/1.2 Georgia,Times,serif;margin:10px 0;letter-spacing:-.5px;}
blockquote p.cite{font-size:13px;text-align:right;letter-spacing:0;}

.sans {font-family:"Myriad Web Pro","Myriad Pro",Arial,Helvetica,sans-serif;}
.serif {font-family:Georgia,Times,serif;}

ul.bullet{margin:0;}
ul.bullet li{list-style:disc;margin:0 0 0 15px;}

a {color:#000;}




/* Layout */




	/* Header */
	#header{border-top:7px solid #ff0000;margin: 0;}
	.logo_mark{float:right;position:relative;top:-10px;}

	/* @group NAV */
	#header ul {margin:20px 0;}
	#header ul li{display:block;float:left;text-align:center;line-height:1;margin:0 12px 0 0;}
	#header ul b{display:block;}
	#header ul a{color:#222;text-decoration:none;display:block;background-color:#E7E8E9;padding:15px 20px;font-weight:normal;font-size:15px;}
	#header ul li a:hover{background-color:#aaa;color:#fff;}
	#header ul li.active a{background-color:#808285;color:#fff;}
	/* @end */






	/* Footer */
	#footer{padding:5px 0 10px;white-space:nowrap;clear:both;}
	#footer .brand img{float:left;margin:0 20px;}
	#footer .brand p{color:#333;font: italic 20px/75px Georgia,Times,serif;float:left;letter-spacing:-.5px;}
	#footer .legal{}
	#footer .legal p{font-size:10px;line-height:75px;text-align:right;}
	small.tm {font-size:85%;position:relative;top:-5px;}


.float_left{float:left;}
.float_right{float:right;}
.center{text-align:center;}

.clearBoth {clear:both;}



/* boxes with text */
.border{border:1px solid #ccc;margin:-1px;}
.box{border:none;/*1px solid #ccc*/}
.borderBox {border:1px solid #ccc;}
.message{color:#fff !important;font-weight:bold;font-size:24px;letter-spacing:-1px;line-height:1.1;}
.message h3{font-size:24px;margin:0 0 8px;}
.message h4{font-size:15px;letter-spacing:0;}
.message a{color:inherit;}
.message p{font-size:16px;letter-spacing:-.5px;}
.note p{font-weight:normal;font-size:10px;letter-spacing:0;margin-bottom:0;}





/* Home
=================================================================*/
#splash{background-image: url(/images/grad_gray.png);background-repeat:repeat-x;margin:0 0 10px;}
.splash_inner{margin:30px 0 15px 30px}
.splash_inner ul.bullet {margin:10px 0 0 30px;}

.home_promo .watch_video {display:block;line-height:1.2em;margin:10px auto;}
	.home_promo .watch_video a {font-size:120%;text-decoration:none;color:#fff;display:block;height:100%;width:6em;margin:0 auto;padding:45px 22px;}
	.home_promo .watch_video a:hover {background-color:rgb(26,26,26);}
	
	
.home_promo .price {margin:0 auto;font-size:110%;font-family:georgia;font-style:italic;margin:20px 0 10px;line-height:1.2em;text-decoration:none;color:#000;display:block;padding:20px;}


.home_promo .add {width:9em;font-size:90%;margin:20px auto 0;}
	.home_promo .add a {height:100%;font-size:120%;text-decoration:none;color:#fff;display:block;border:none;padding:10px;}
	.home_promo .add:hover {background-color:#ff0000;}


#featured{margin:8px 0 10px;}
#featured .canopy_featured a {background-color:#fff;background-image:url(/images/featured.jpg);background-repeat:no-repeat;}
#featured .canopy_featured a:hover {background-image:url(/images/featured_hover.jpg);background-repeat:no-repeat;}
#featured a{display:block;text-decoration:none;}
#featured .box{min-height:165px;padding:10px;position:relative;}
#featured span.h3 {font-size:150%;margin:0;font-weight:normal;display:block;}
#featured .bg_ddgray span.h5 {font-style:italic;font-size:90%;text-align:left;}
#featured .bg_ddgray span.p {margin:0 0 40px;width:100%;text-align:left;font-style:italic;font-size:90%;}
#featured span.p {margin:0;display:block;}
#featured a.bg_red span.h4, #featured a.bg_red span.p {font-size:20px;font-weight:normal;}
#featured a.bg_red span.h4 {padding:10px 0 0;margin: 0 0 70px}



/* Products
=================================================================*/
/* product single */
#product{background: #EDEDEE;margin:0 0 10px;padding:10px 0 10px;}
.grad #product {background:#bcbec0 url(/images/grad_gray.png) repeat-x;}


/* item list */
.products {clear:both;}

.products li.grid_6 {margin-bottom:10px;width:228px;height:217px;background-image: url(../images/glow.png);background-position: 50% 50%;border:1px solid #e3e3e3;}
.products li a{background-color:transparent;background-position: 50% 50%;display:block;height:212px;padding-top:5px;color:#333;font-size:14px;text-decoration:none;text-align:center;position:relative;}
.products li.hover:hover{background-color:#efefef;border-color:#ccc;color:#000;}
.products li img{height:178px;white-space:nowrap;display:block;margin:0 auto;}
.products b{display:block;margin:10px 0 0;}



#product .watch_video {display:block;line-height:1.2em;margin:0 auto 10px;text-align:center;}
#product .watch_video a {font-size:120%;text-decoration:none;color:#fff;display:block;height:100%;padding:22px 7px;width:6em;margin:0 auto;padding:45px 22px;}
#product .watch_video a:hover {background-color:rgb(26,26,26);}

#product .price,#fancybox-wrap .price {clear:both;font-family:georgia;margin:20px auto 10px;line-height:1.2em;text-decoration:none;color:#000;display:block;padding:24px 20px;width:4em;font-style:normal;}
#fancybox-wrap .price {margin:0;}
#product .price a,#fancybox-wrap .price a {text-decoration:none;color:#000;display:block;height:100%;width:100%;background-color:transparent;}
#product .price a strong,#fancybox-wrap .price a strong {font-size:160%;display:block;margin-bottom:.5em;font-weight:normal;font-style:normal;}
#product .price a strong sup,#fancybox-wrap .price a strong sup {font-size:50%;vertical-align:top;}



#product .add,#fancybox-wrap .add {clear:right;width:9em;font-size:90%;margin:20px auto 0;}
#fancybox-wrap .add {margin:10px auto 0;}
	#product .add a, #product .add input,#fancybox-wrap .add a, #fancybox-wrap .add input {text-align:center;cursor:pointer;height:100%;font-size:120%;text-decoration:none;color:#fff;display:block;border:none;padding:10px;}
		#product .add a:hover, #product .add input:hover,#fancybox-wrap .add a:hover, #fancybox-wrap .add input:hover {background-color:rgb(57,181,74);}

.testimonialBox {padding:10px;line-height:1.1em;margin:4px 0 10px;font-style:italic;color:rgb(43,57,144);}
.testimonialBox p {margin:0 0 5px;}
.testimonialBox span.credit {text-align:right;display:block;}

#product .bottom_box {margin-top:10px;position:relative;}
#product .bottom_box a,#product .bottom_box div {padding:10px;display:block;text-decoration:none;min-height:165px;}

.sloganTwo {font-size:180%;font-style:italic;}


ul.datasheet {list-style:disc;margin-bottom:20px;}
.datasheet p {margin:0;padding-right:20px;line-height:1em;}
.datasheet strong {margin-top:1em;display:block; font-size:16px; line-height:1em;}
.litter_champ ul.datasheet {margin-bottom:57px;}

.step div {width:100%;height:382px;background-position: center top;position:relative;background-repeat:no-repeat;}
.step div p {position:absolute;bottom:0;margin:0;line-height:1.1em;font-style:italic;padding:5px 20px;}

/* Individual Products
=================================================================*/

/* Litter Champ Liner Refill */
#product span.title {font-size:60px;font-weight:bold;}
.litter_champ_refill #product .watch_video a {padding:25px 30px;}
.training_champ_refill #product .watch_video a {padding:37px 30px;}
.litter_champ_refill #product .price {margin-top:20px;}



/* canopy */

.canopy .bullet {font-style:italic;margin:2em;}

.canopy hr {margin-top: .1em; width: 60%; border: medium none; height: 2px;}

.canopy label {cursor:default;position:relative;display:block;height:70px;width:70px;background-repeat:no-repeat;margin-bottom:5em;}
.canopy label.terra {background-image:url(/images/content/products/canopy_option_terra.png);}
.canopy label.cran {background-image:url(/images/content/products/canopy_option_cran.png);}
.canopy label.blue {background-image:url(/images/content/products/canopy_option_blue.png);}
.canopy label span {position:absolute;bottom:-2.5em;text-align:center;}
.canopy ul.bullet {margin:1em 2em 2em;}
.canopy form {margin-bottom:140px;display:inline;}

.canopy .box {height:;width:70%;margin-bottom:10px;padding:10px 15px;min-height:115px;}
.canopy a.box {display:block;text-decoration:none;}
.canopy .box h4 {font-weight:normal;line-height:1.2em;margin:0 0 60px;}
.canopy .bg_red h4 {margin-bottom:75px;}

#canopyImgContainer {position:relative;height:319px;width:270px;}
#canopyImgContainer img {position:absolute;top:0;left:0;}


/* litter champ refil */
.litter_champ_refill #product .watch_video a strong {margin-bottom:1em;display:block;}

/* training champ */
.training_champ_closeup {font-size:80%;}
.training_champ_closeup img {float:right;}
.training_champ_closeup span {clear:right;width:100%;text-align:right;float:right;}


/* dooty care */
.dooty_care .grid_12 p {margin-bottom:8px;line-height:1.3em;}
.dooty_care .grid_12 .grid_5,.dooty_care .grid_12 .grid_6 {padding-top:30px;}
.dooty_care span.small {font-size:90%;line-height:1.2em;margin-top:8px;display:block;}
.dooty_care .tagline span {display:block;clear:both;font-size:110%;}
.dooty_care ul.bullet {margin:60px 0 40px;font-style:italic;}
.dooty_care img.logo {margin-bottom:30px;}


/* litter pan */
.litter_pan ul.bullet {font-style:italic;margin-top:40px;}
.litter_pan .small {font-size:80%;line-height:1em;margin-top:10px;}
.litter_pan #product .price {margin-top:50px;}
.pan_layout {padding:0 0 0 18px;width:930px;margin-bottom:20px;}
.pan_layout {font-size:80%;}
.pan_layout .width {margin-left:152px;}
.pan_layout .length {margin-left:423px;}
.pan_layout .height {width:18px;margin-top:98px;margin-left:5px;}


.litter_pan .customers {font-size:120%;}
.litter_pan .bg_purple {padding:10px;min-height:60px;}

.litter_pan #featured {margin-top:20px;}
.litter_pan #featured .grid_14 a.box {background-color:#fff;}
.litter_pan #featured .bg_red {padding:9px;}




#fancybox-wrap h2 {margin:0;}



/* Contact
==================================================================*/
#contact {background-color:#EDEDEE;padding:10px;margin:0 0 10px;}

#contact .grid_9 img {margin:90px 0 0 52px;}

#contact .bottom p {font-size:100%;}
#contact .bottom {margin:0 10px;padding:8px;min-height:165px;}
#contact .quotation {font-size:85%;}

#contact .bg_purple {border:2px solid #662D91;}
#contact .bg_red {border:2px solid #ff0000;}
#contact .bg_white {border:2px solid #fff;}

#contact .info {}
#contact .info p {margin:0;line-height:1.2em;}

#contact .info img {margin:0 0;float:left;}

.question {font-size:85%;}
.question p {margin-bottom:10px;line-height:1.3em;}
.question h3 {margin-bottom:10px;}

.bottom h3 {font-size:150%;font-weight:bold;}




/* Stories
==================================================================*/
#stories {padding:15px 10px;background-color:#E7E8E9;}
#stories a {color:#000;}
#stories .fg_white a {color:#fff;}
#stories .grid_17 {margin:0 0 0 10px;}
#stories .grid_6 {margin-left:25px;}

#stories h2 {font-size:180%;padding-bottom:5px;border-bottom:solid 1px #000;width:100%;display:block;margin:30px 0 0;}
#stories h2 a {color:#000;text-decoration:none;}

#stories .postTimeAuthor {font-size:90%;}
#stories .entry {padding:10px 10px 10px 0;}


#sidebar {padding:10px;position:static;width:210px;z-index:1001;}
#sidebar a {color:#fff;text-decoration:none;}
#sidebar ul {list-style:disc;margin:0 0 0 30px;}
#sidebar h2 {font-size:100%;margin:10px 0;border:none;}
#sidebar ul ul {list-style:none;margin: 0 0 0 5px;}

#sidebar #searchform {margin:10px 0;}
/*#sidebar #searchform div {width:160px;background-color:#fff;border:solid 1px #EE5F56;padding:3px;height:20px;position:relative;overflow:hidden;margin:0;}*/
#sidebar #s {width:160px;height:20px;border:none;margin:0;border:solid 1px #EE5F56;padding:3px;}
#sidebar #searchsubmit {margin-left:110px;margin-top:2px;}

#sidebar2 {margin: 20px 0; border: 2px solid rgb(255, 0, 0); padding: 8px; min-height: 165px;width:210px;}




/* cart */
.notice {background: none repeat scroll 0% 0% rgb(254, 222, 88); padding: 12px; border: 1px solid rgb(239, 199, 31);}
#cart {padding-top:20px;}
/*
#cart .messageStackWarning, #cart .messageStackError, #cart .messageStackSuccess, #cart .messageStackCaution {background-color:yellow;font-weight:bold;padding:5px;border:solid 1px #000;margin:10px 0;font-size:120%;}

#cart .notice {border:dashed 2px #aaa;background-color:#E7E8E9;font-color:#666;padding:10px;margin:30px 0;}
#cart fieldset {border:solid 2px #aaa;padding:10px 20px;}
#cart .forward {float:right;margin:5px;}
#cart .back {float:left;margin:5px;}
#cart legend {font-size:120%;font-weight:bold;}

#cart address {clear:both;font-weight:bold;}
#checkoutShipto, #checkoutBillto {padding: 10px 20px;}


#cartContentsDisplay .tableHeading, #cartSubTotal {background-color:#808285;color:#fff;font-size:90%;padding:1px 2em;}
#cartContentsDisplay td {padding:2px;}
#cartContentsDisplay .rowOdd {background-color:#E7E8E9;}
td.cartProductDisplay a span {display:block;float:left;margin:.2em;}

.cartTotalsDisplay {text-align:center;font-weight:bold;}
.buttonRow {margin:0 10px;}
*/