/* 
Lucky Litter ScoopFree
base.css 
*/

/* Globals */
* {
	margin: 0;
	padding: 0;
}

	
body {
	font: 0.8125em Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	color: #898989;
	background: #575858 url(https://www.frolicat.com/images/bg_repeater.gif) top left repeat-x;
	text-align: center;
	}

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

	}
	

li {
	list-style: none;
	}

h1 {
	font: 1.6em Arial, Helvetica, sans-serif;
	color:#799dac;
	padding: 0px 0px 15px 0px;
	}
h2 {
	font: 1.3em Arial, Helvetica, sans-serif;
	color:#799dac;
	padding: 10px 0px 10px 0px;
}
	
h6 {
	font-weight:normal;
	color:#799dac;
}
	
#legal {
	font: 0.8em Arial, Helvetica, sans-serif;
	color: #8d8d8d;
	padding: 8px 0 15px 0;
	clear:both;
	}
	
/* 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:890px;
	margin:0 auto;
	text-align: left;
	}
#contentArea {
	clear: both;
	width: 890px;
	z-index: 0;
	}
#contentBox {
	background: url(https://www.frolicat.com/images/contentBoxTop.gif) top left repeat-x;
	min-height:370px;
	padding: 45px 95px 45px 95px;
	}
#mivaContentBox {
	border: 1px solid #e3e0d1;
	min-height:200px;
	padding: 0px 0px 0px 0px;
	}
#header {
	width: 890px;
	float: left;
	}
#logo {
	width: 152px;
	height: 31px;
	float: left;
	margin: 45px 0 45px 45px;
	}
#creditSpot {
	float: right;
	line-height: 1.3em;
	margin:40px 0 45px 0;
	padding-left: 32px;
	padding-top: 2px;
	text-align: left;
	width: 173px;
	height: 44px;
	border-left: 1px solid #e2e2e2;
	}
#adRow {
	background: #ffffff url(https://www.frolicat.com/images/topgrad.gif) top left repeat-x;
	float: left;
	margin: 0;
	padding: 0;
	width: 890px;
	z-index: -1000;
	}
#adRow div {
	float: left;
	width: 435px;
	min-height: 210px;
	position: relative;
	}

#box1 {
	background: url(https://www.frolicat.com/images/bestinshow_seal.jpg) top right no-repeat;
	padding-top: 25px;
}

#box1 h2 {
	padding-left: 50px;
}

#box1 p {
	width:260px;
	padding-left: 50px;
}

#box1 a.button {
	margin-left: 50px;
}

#box1 .boxFull {
	padding-bottom:40px;
}

#box2 h2 {
	padding-left: 25px;
}

#box2 {
	padding-top: 25px;
	margin-left: 20px;
}

#box2 .boxFull {
	width:370px;
	padding-left: 25px;
	margin-top: -.8em;
}

#box2 .boxPart {
	width:260px;
	padding-left: 25px;
	padding-bottom:60px;
}

#box2 a.button {
	margin-left: 25px;
}

#adRow p {
	line-height: 1.3em; 
	font-size: .9em;
	}
#adRow a {
	text-decoration: underline;
	}
#adRow a.button {
	margin-top: 20px;
	float: left;
	position: absolute;
	bottom: 25px;
	}
#ninetyday {
	position: absolute;
	top:-17px;
	left:-5px;
	}
#scoopFreeBox {
	position: absolute;
	bottom:30px;
	right:18px;
	}
#cat {
	position: absolute;
	bottom:-34px;
	right:0;
	}
	
#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(https://www.frolicat.com/images/newbullet.gif) 2px 10px no-repeat;
}
	
#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(https://www.frolicat.com/images/newbullet.gif) 2px 8px no-repeat;
}

.mediaarticle, .awardsarticle {
	margin-bottom:15px;
	border-bottom: 1px solid #ededed;
}

.mediaarticle p, .awardsarticle p {
	font-size:.9em;
	line-height:1.4em;
}

/* IE fix */
* html .mediaarticle, *html .awardsarticle {
	padding-top:10px;
}
* +html .mediaarticle, * +html .awardsarticle {
	padding-top:10px;
}
	
#footer {
	margin: 0 auto;
	background: #3f3f3f;
	color: #a7cbd9;
	border-top: 4px solid #575858;
	clear: both;
	padding: 10px 0 10px 40px;
	width: 850px;
	position:relative;
	text-align:left;
}
	
* html #footer {
	padding-bottom:10px;
}
* +html #footer {
	padding-bottom:10px;
}

#footer #footerlinks{
	color: #a7cbd9;
	font-size: .8em;
	text-align: left;
	padding: 0;
	width:690px;
}

#footer #footerlinks li {
	display: inline;
	border-left: 1px solid #a7cbd9;
	padding: 0 5px 0 8px;
}

#footer #footerlinks a {
	color: #a7cbd9;
	font-weight: normal;
	display:inline;
}
	
	
/*//////// Droppy Drop Down List ////////*/

/* Basic code - don't modify */
 
 #nav { display: block; margin: 0; padding: 0; position: absolute; top:6px; right:30px; 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('https://www.frolicat.com/images/upArrow.gif') right no-repeat #3a3a3a; height: 22px; width:120px; border: 1px solid #4f4f4f; }
#nav *:hover { background: #3f3f3f; }
#nav a { font-size: 0.8125em; padding: 6px 0 6px 10px; line-height: 1; width:110px; text-align:left;}
  #nav li.hover a { background-color: #2a2a2a; }
  #nav li.hover a.hover { background: url('https://www.frolicat.com/images/upArrow.gif') right no-repeat #2a2a2a; }
  #nav li.hover ul li a.hover { background: #313131; }
  #nav ul { bottom: 22px; }
    #nav ul li a { border-bottom: 1px solid #4f4f4f; background-color: #3f3f3f; padding: 6px 0 6px 0; text-align:center; width:120px; }
      #nav ul a.hover { background-color: #212121; }
/* #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.1; padding:5px 0 5px 10px;}
 * +html #nav a{line-height:1.1; padding:5px 0 5px 10px;}

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

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

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


/* Category Page Styles =========================== */
#main-content{
	width: 828px;
	float: left;
	clear:both;
	background: #fff;
	border: 1px solid #e3e0d1;
	border-top: none;
	padding: 30px;
}

ul.boxes{
	width: 100%;
	float: left;
	padding: 30px 0 20px 0;
	margin: 0;
	list-style-type: none;
}

ul.boxes li{
	float: left;
	width: 242px;
	background: url(../images/boxes-bg.jpg) repeat-y left top;
	padding: 0;
	margin: 0 49px 0 0;
	display: inline;
}

ul.boxes li.third-li{
	margin: 0;
}

.left{ float: left;}
.right{ float: right;}
.clear{ clear: both;}

.box-img{
	border: 1px solid #cbcbcb;
	float: left;
	margin: 18px 0 0 18px;
}

ul.boxes h5{
	font: bold 14px Arial;
	color: #990c0c;
	background: url(../images/box-hed-bull.jpg) no-repeat left 21px;
	padding: 18px 0 14px 17px;
	margin: 0 0 0 18px;
	float: left;
	width: 180px;
	display: inline;
}

ul.boxes p{
	padding: 7px 20px;
	color: #7a7a7a;
	font: normal 12px/16px Arial;
	text-align: justify;
}

ul.boxes p span{
	color: #568193;
}

a.more-btn:link, a.more-btn:visited, a.more-btn:active{
	background: url(../images/more-btn-left.jpg) no-repeat left top;
	float: left;
	font: normal 9px Arial;
	margin: 5px 0 10px 18px;
	color: #fff;
	cursor: pointer;
	text-decoration: none;
}

a.more-btn span{
	background: url(../images/more-btn-right.jpg) no-repeat right top;
	float: left;
	padding: 3px 34px 3px 8px;
}

a.more-btn:hover{
	color: #fcb0b0;
}

/* Product Page Styles ============================= */
.divoutline{
	width: 752px;
	float: left;
	padding: 38px 38px 25px 38px;
	border: 1px solid #cbcbcb;
}

.p-left-panel{
	float: left;
	width: 324px;
}

.p-img1{
	float: left;
	border: 1px solid #cbcbcb;
}

ul.page-num{
	width: 324px;
	float: left;
	padding: 0;
	margin: 21px 0 0 0;
	border-top: 1px solid #e6e6e6;
	list-style-type: none;
}

ul.page-num li{
	padding: 6px 0;
	float: left;
	color: #598597;
	font: normal 12px Arial;
}

ul.page-num li a:link, ul.page-num li a:visited, ul.page-num li a:active{
	color: #598597;
	text-decoration: none;
	font: normal 12px Arial;
	padding: 0 4px;
}

ul.page-num li.views{
	padding-right: 14px;
}

ul.page-num li a:hover{
	color: #990c0c;
	text-decoration: underline;
}

ul.page-num li.selected a:link, ul.page-num li.selected a:visited, ul.page-num li.selected a:active{
	background: #990c0c;
	color: #fff;
	font-weight: bold;
}

ul.page-num li.selected a:hover{
	text-decoration: none;
}

ul.page-num li.watch{
	background: url(../images/mov-icon.jpg) no-repeat right 4px;
	padding-right: 28px;
	padding-left: 14px;
	border-left: 1px solid #e6e6e6;
	margin: 0 0 0 20px;
	display: inline;
}

ul.page-num li.watch a:link, ul.page-num li.watch a:visited, ul.page-num li.watch a:active{
	font-weight: bold;
}

/* Right Panel */
.p-right-panel{
	width: 386px;
	float: right;
}

.p-right-panel h5{
	font: bold 14px Arial;
	color: #990c0c;
	background: url(../images/box-hed-bull.jpg) no-repeat left 3px;
	padding: 0 0 3px 17px;
}

.p-right-panel p{
	padding: 5px 2px;
	color: #7a7a7a;
	font: normal 12px/16px Arial;
}

.p-right-panel p span{ font-weight: bold; color: #598597;}

.p-right-panel p.top-para{ border-bottom: 1px solid #d0d0d0; padding: 7px 2px 18px 2px; margin: 0 0 16px 0;}

.p-right-panel p.view-cart a:link, .p-right-panel p.view-cart a:visited, .p-right-panel p.view-cart a:active{
	font: bold 12px Arial;
	color: #598597;
	text-decoration: underline;
	background: url(../images/view-cart-bull.jpg) no-repeat left 4px;
	padding-left: 18px;
}

.p-right-panel p.view-cart a:hover{
	color: #990c0c;
	text-decoration: none;
}

.p-right-panel form{
	padding: 12px 0 0 0;
}

.p-right-panel form label{
	float: left;
	padding: 2px 12px 0 0;
}

.p-right-panel form input{
	width: 36px;
	height: 18px;
	border: 1px solid #7f9db9;
	float: left;
}

.p-right-panel form span.cart-btn input{
	background: url(../images/more-btn-right.jpg) no-repeat right top;
	border: none;
	width: auto;
	height: 18px;
	margin: 0;
	font: normal 9px Arial;
	color: #fff;
	padding: 2px 34px 2px 4px;
	*padding: 2px 16px 2px 0px;
	cursor: pointer;
}

.p-right-panel form span.cart-btn{
	background: url(../images/more-btn-left.jpg) no-repeat left top;
	float: left;
	margin: 0 0 0 12px;
}