/* 
Lucky Litter ScoopFree
base.css 
*/

/* Globals */
* {
	margin: 0;
	padding: 0;
	}
body {
	font: 0.8125em Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	color: #5d5d5d;
	background: #e3e1dd url(../images/bg.gif) top center repeat-y;
	text-align: center;
	}

a {
	font-weight: bold;
 	}
a img {
	border: none;
	}
a:link, a:visited {
	color:#4d0065;
	text-decoration: none;

	}
	

li {
	list-style: none;
	}

h1 {
	font: 1.6em Arial, Helvetica, sans-serif;
	color:#2f5f72;
	padding: 0px 0px 15px 0px;
	}
h2 {
	font: 1.3em Arial, Helvetica, sans-serif;
	color:#88abbc;
	padding: 10px 0px 10px 0px;
	}
	
h6 {
	color:#4d0065;
}
	
#legal {
	font: 0.8em Arial, Helvetica, sans-serif;
	color: #5d5d5d;
	padding: 0 0 6px 0;
	}
	
/* Utility */
.gutter {
	margin: 0 6px 0 0;
	}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}
.first, .last {
	border: none !important;
	}
#skip a, #skip a:hover, #skip a:visited {
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
	}
#skip a:active, #skip a:focus {
	position:static;
	width:auto;
	height:auto;
	} 

/* Layout */

a.faqlink:link {text-decoration: underline; color:#4d0065; font-weight: bold;}
a.faqlink:visited {text-decoration: underline; color:#4d0065; font-weight: bold;}
a.faqlink:active {text-decoration: underline; color:#4d0065; font-weight: bold;}
a.faqlink:hover {text-decoration: none; color:#4d0065; font-weight: bold;}

#container {
	background:#fff;
	width:870px;
	height: 100%;
	margin:0 auto;
	text-align: left;
	}
#contentArea {
	clear: both;
	padding: 6px;
	width: 858px;
	z-index: 0;
	}
#contentBox {
	background: url(../images/contentBoxTop.gif) top left repeat-x;
	border: 1px solid #e3e0d1;
	min-height:370px;
	padding: 45px 55px 45px 55px;
	}
#mivaContentBox {
	border: 1px solid #e3e0d1;
	min-height:200px;
	padding: 0px 0px 0px 0px;
	}
#header {
	width: 870px;
	float: left;
	}
#logo {
	width: 242px;
	height: 89px;
	float: left;
	}
	
#creditSpot {
	float: left;
	line-height: 1.3em;
	margin-top:15px;
	margin-left:21px;
	padding-left: 32px;
	padding-top: 2px;
	text-align: left;
	width: 173px;
	height: 44px;
	border-left: 1px solid #e2e2e2;
}

#cartNav {
	float: right;
	line-height: 1.3em;
	padding:16px 13px 3px 0;
	text-align: right;
	width: 300px;
	}
#adRow {
	float: left;
	margin: 0 0 6px 0;
	padding: 0 6px;
	width: 858px;
	/*z-index: -1000;*/
	}
#adRow div {
	float: left;
	border: 1px solid #e4e1d3;
	width: 280px;
	min-height: 200px;
	position: relative;
	}
#adRow h3 {
	background: #cfc2d7;
	margin: 0 0 29px 0;
	}
#adRow p {
	line-height: 1.2em; 
	font-size: .9em;
	margin: 0 20px;
	}
#adRow a {
	text-decoration: underline;
	}
#adRow a.button {
	width: 115px;
	position: absolute;
	bottom:24px;
	left:20px;
	}
#ninetyday {
	position: absolute;
	top:3px;
	left:-11px;
	}
#refillBox { /* REMOVE AFTER UPDATE 08192009 */
	position: absolute;
	top:3px;
	right:-6px;
	}
	#refillBox2 {
	position: absolute;
	bottom:143px;
	right:-7px;
	z-index:9999;
	}
#cat { /* REMOVE AFTER UPDATE 08192009 */
	position: absolute;
	bottom:-10px;
	right:0;
	/*z-index:999;*/
	}

#cat2 {
	position: absolute;
	top:-7px;
	left:-22px;
	/*z-index:999;*/
}
	
/** +html #cat {
	z-index:999;
}*/
	
#award { /* REMOVE AFTER UPDATE 08192009 */
	position: absolute;
	top:-20px;
	right:-27px;
}
#freetray {
	position: absolute;
	top:-15px;
	right:-23px;
}
	
#bullets li {
	font: 1.0em Arial, Helvetica, sans-serif;
	color: #5d5d5d;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 30px;
	padding-left: 5px;
	list-style: inside;
	}

#insidebullets li { 
	font: 1.0em Arial, Helvetica, sans-serif;
	color: #5d5d5d;
	  width:650px;
  float:left;
  padding:0 0 0 16px;
  text-align:left;
  line-height:24px;
  list-style-type:none;
  background:url(http://scoopfree.com/images/newbullet.gif) 2px 10px no-repeat;
}
/*
#insidebullets li { 
	font: 1.0em Arial, Helvetica, sans-serif;
	color: #5d5d5d;
	list-style:outside;
	margin-top: 10px;
	margin-left: 30px;
	padding-left: 30;
}
*/
	
#hiwbullets li {
	font: 1.0em Arial, Helvetica, sans-serif;
	color: #5d5d5d;
	  width:218px;
  float:left;
  padding:0 0 0 10px;
  text-align:left;
  line-height:17px;
  list-style-type:none;
  background:url(http://scoopfree.com/images/newbullet.gif) 2px 8px no-repeat;
	}


#mivaFooter {
	background: #f1f0ee;
	border: 1px solid #e4e1d3;
	color: #978675;
	clear: both;
	float: left;
	font-size: .8em;
	text-align: center;
	margin: 0 0 0 0px;
	padding: 10px;
	width: 830px;
	}
#mivaFooter li {
	display: inline;
	border-left: 1px solid #978675;
	padding: 0 5px 0 8px;
	}
#mivaFooter a {
	color: #82766a;
	font-weight: normal;
	}

#flash {
	width: 856px;
	height: 358px;
	position: absolute;
	z-index: 0;
	left: 184px;
	top: 136px;
}

/* Navigation */

#menuwrapper {}
#siteNav {
	margin: 0;
	background: #dad4ce;
	float: left;
	width: 870px;
	}
#siteNav li {
	float: right;
	border-left: 1px solid #f1f0ee;
	}
#siteNav a {
	color:#82766a;
	font: 0.8125em Arial, Helvetica, sans-serif;
	font-weight: bold;
	display: block;
	padding: 4px 9px;
	}
	
#siteNav a.buyItNow {
	color:#4d0065;
	
	}
/* The following handles the 'current page' nav item highlighting */
body#page_buyNow #buyNow {color:#4d0065;}
body#page_contactUs #contactUs {color:#4d0065;}
body#page_ourStory #ourStory {color:#4d0065;}
body#page_support #support {color:#4d0065;}
body#page_faqs #faqs {color:#4d0065;}
body#page_newsReviews #newsReviews {color:#4d0065;}
body#page_testimonials #testimonials {color:#4d0065;}
body#page_howWorks #howWorks {color:#4d0065;}
body#page_products #products {color:#4d0065;}

#siteNav a.trigger {
	padding: 4px 9px;
}
#siteNav ul li  {
	width: 14em;
}
#siteNav ul li {
	border-bottom: 1px solid #d3cec9;
	}
#siteNav ul li a  {
	color: #82766a;
	border-right: 0;
	padding: 7px 8px;
}
#siteNav li ul {
	position: absolute;
	display: none;
	background-color: #f1f0ee;
	border-color: #e0dedc;
	border-style: solid;
	border-width: 0 0 1px 1px;
	width: 14.1em;
}
#siteNav li:hover ul, #siteNav li.p7hvr ul {
	display: block;
}
#siteNav li:hover ul a, #siteNav li.p7hvr ul a {
	color: #82766a;
	background-color: transparent;
}

/* This is the style that causes the nav itmes to show purple when you hover over them */
#siteNav a:hover {
	background-color: transparent !important;
	color: #4d0065!important;
}
/* The single backslash \ character inside this comment
causes IE5 Mac to ignore the following rule, which allows other
browsers to render top-level menu items to their natural width.
Do not edit this rule in any way. */
#siteNav li {width: auto;}

#footer {
	background: #f1f0ee;
	border: 1px solid #e4e1d3;
	color: #978675;
	clear: both;
	float: left;
	font-size: .8em;
	position:relative;
	text-align:left;
	margin: 0 0 6px 6px;
	padding: 10px;
	width: 836px;
	}
#footer li {
	display: inline;
	border-left: 1px solid #978675;
	padding: 0 5px 0 8px;
	}
/*#footer a {
	color: #82766a;
	font-weight: normal;
	}*/

	
* html #footer {
	padding-bottom:10px;
}
* +html #footer {
	padding-bottom:10px;
}

#footer #footerlinks{
	text-align: left;
	padding: 0;
	display:block;
	width:700px;
	margin:0;
	float:left;
}

#footer #footerlinks a {
	color: #82766a;
	font-weight: normal;
	display:inline;
}
#subfoot {
	float:left;
	padding:10px 16px 20px 20px;
	width:834px;
}
#subfoot #legal {
	float:left;
	width:650px;
}
#secure {
	float:right;
}
#secure .securelogo {
	float:left;
	height:0;
	overflow:hidden;
	padding: 35px 0 0 0;
}

#secure #ssl { background: transparent url(../images/equifax.gif) top left no-repeat; margin-left:5px; width:92px; }

/*//////// Droppy Drop Down List ////////*/

/* Basic code - don't modify */
 
 #nav { display: block; margin: 0; padding: 0; position: absolute; top:6px; right:10px; float:right; }
  #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
  #nav a { display: block; font-weight:normal; }
  #nav ul { display: none; position: absolute; right: 0; margin: 0; padding: 0; }
  * html #nav ul { line-height: 1; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul ul { top: 0; }
    
/* Essentials - configure this */

#nav ul { width: 120px; }
#nav ul ul { left: 120px; }

/* Everything else is theming */
 
#nav { background: url('../images/upArrow.gif') right no-repeat #e3e1dd; width:120px; color: #82766a; border-bottom:1px solid #d1d1d1;} /* Main button */
#nav *:hover { background: blue; }
#nav a {  padding: 6px 0 6px 10px; line-height: 1; width:110px; text-align:left; color: #82766a;}
#nav li.hover a { background: #d4d2cd;} /* Subnav */
#nav li.hover a.hover { background: url('../images/upArrow.gif') right no-repeat #d4d2cd; } /* Main button hover */
#nav li.hover ul li a.hover { background: #e3e1dd;} /* Subnav hover */
#nav li {}
#nav li.hover ul li a {}
#nav ul { bottom: 22px; }
#nav ul li a { background: #e3e1dd; padding: 6px 0 6px 0; text-align:center; width:120px; border-bottom:1px solid #fcfcfc;} /* Slider on roll off */
#nav ul a.hover { background: pink;}
/* #nav ul a { border-bottom: 1px solid white; border-right: none; opacity: 0.9; filter: alpha(opacity=90); }*/
 #nav ul a { border-bottom: none; } /* I also needed this for IE6/7 */
 


 /* IE top/bottom spacing fix */
 * html #nav a {line-height:1.2; padding:5px 0 5px 10px;}
 * +html #nav a{line-height:1.2; padding:5px 0 5px 10px;}


/* rounded blue box for the testimonials */
.rbroundbox { background: url(../images/nt.gif) repeat; }
.rbtop div { background: url(../images/tl.gif) no-repeat top left; }
.rbtop { background: url(../images/tr.gif) no-repeat top right; }
.rbbot div { background: url(../images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 6400px;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 8px; }
.rbroundbox { width: 640px; margin: 1em auto; }

.first, .last {
	border: none !important;
	}