/*
	Styles for Bad Kitty Design Company
	Design by Solid Cactus 2008
	www.SolidCactus.com
*/

/* Default Styles */
body { background: #0E0E0E url(bodybg.png) repeat-x; color: #000; font: normal 62.5%/15px Trebuchet MS; margin: 0; padding: 0; }
a { color: #000; text-decoration: none; }
a img { border: 0; }
a:hover { text-decoration: none; }
form, input, h1, h2, h3, h4, h5 { margin: 0; padding: 0; }
ul, ul li { list-style: none; margin: 0; padding: 0; }
fieldset {border:none; padding: 0; margin: 0;}
.clear { clear:both; }
#container {
	width:820px;
	margin:0 auto;
	position:relative;
	z-index:100;
}
/* Header */
#header {
	width:820px;
	height:151px;
	background: url(header.gif) no-repeat;
	position:relative;
	z-index:200;	
}
#header #logo {
	left:-11px;
	position:absolute;
	top:1px;
	z-index:300;
}
#header #topNav {
	display:inline;
	float:right;
	margin:123px 0px 0px;
	width:399px;
}
#header #topNav  h1 {
	background: url(1b1.gif) repeat;
	display:inline;
	float:left;
	margin:0;
	height:25px;
}
#header #topNav h1 a {
	float:left;
	overflow:hidden;
	text-indent:-9999px;
	height:25px;
}
#header #topNav h1.one a { width:138px; background: url(topNav1.gif) no-repeat center top; margin-right:4px; }
#header #topNav h1.one a:hover { background: url(topNav1.gif) no-repeat center bottom; }
#header #topNav h1.two a { width:89px; background: url(topNav2.gif) no-repeat center top; margin-right:18px; }
#header #topNav h1.two a:hover { background: url(topNav2.gif) no-repeat center bottom; }
#header #topNav h1.three a { width:143px; background: url(topNav3.gif) no-repeat center top; }
#header #topNav h1.three a:hover { background: url(topNav3.gif) no-repeat center bottom; }
/* Body Pad */
#bodypad { float:left;  background: transparent url(bodypadBG.gif) no-repeat left bottom; width:820px; }
/* Side Nav */
#sideNav {
	background:  url(navBG.gif) no-repeat scroll center top;
	float:left;
	padding-top:18px;
	position:relative;
	width:166px;
	z-index:150;
}
body#cart #sideNav {
	display:none;
}
#sideNav #display {
	display:inline;
	float:left;
	height:138px;
	margin-left:-25px;
	position:absolute;
	top:20px;
	width:241px;
}
#sideNav ul {
	margin-top:155px;
}
#sideNav ul li {
	background:transparent url(1b1.gif) repeat scroll 0%;
	height:30px;
	margin:8px 0pt;
}
#sideNav ul li.one { margin-top:0; }
#sideNav ul li a {
	float:left;
	overflow:hidden;
	text-indent:-9999px;
	height:30px;
	width:166px;
}
#sideNav ul li.one a { background: url(sideNav1.gif) no-repeat center top;  }
#sideNav ul li.one a:hover { background: url(sideNav1.gif) no-repeat center bottom; }
#sideNav ul li.two a { background: url(sideNav2.gif) no-repeat center top;  }
#sideNav ul li.two a:hover { background: url(sideNav2.gif) no-repeat center bottom; }
#sideNav ul li.three a { background: url(sideNav3.gif) no-repeat center top;  }
#sideNav ul li.three a:hover { background: url(sideNav3.gif) no-repeat center bottom; }
#sideNav ul li.four a { background: url(sideNav4.gif) no-repeat center top;  }
#sideNav ul li.four a:hover { background: url(sideNav4.gif) no-repeat center bottom; }
#sideNav ul li.five a { background: url(sideNav5.gif) no-repeat center top;  }
#sideNav ul li.five a:hover { background: url(sideNav5.gif) no-repeat center bottom; }
#sideNav ul li.six a { background: url(sideNav6.gif) no-repeat center top;  }
#sideNav ul li.six a:hover { background: url(sideNav6.gif) no-repeat center bottom; }
#sideNav ul li.seven a { background: url(sideNav7.gif) no-repeat center top;  }
#sideNav ul li.seven a:hover { background: url(sideNav7.gif) no-repeat center bottom; }
/* Content */
body#home #wrapper, body#inner #wrapper {
	float:left;
	background: url(wrapper.gif) repeat-y;
}
body#home #content {
	float:right;
	overflow:hidden;
	position:relative;
	width:653px;
	z-index:100;
}
body#inner #content {
	float:right;
	overflow:hidden;
	position:relative;
	width:600px;
	z-index:100;
	padding:115px 10px 167px 40px;
	background: transparent url(splash.gif) no-repeat top left;
}
body#cart #content {
	padding:65px 10px 10px 10px;
	position:relative;
	width:800px;
	z-index:100;
	background:#FFF url(cartFooter.jpg) no-repeat  center bottom;
	padding-bottom:150px;
}
/* Footer */
#footer {
	background:transparent url(footer.jpg) no-repeat scroll center;
	clear:both;
	display:inline;
	float:left;
	height:97px;
	position:relative;
	width:820px;
	z-index:150;
}
body#cart #footer {display:none;;}
#footer #building, body#cart #footer #newsletter { display:none; }
body#inner #footer #building {
	display:block;
	height:167px;
	width:655px;
	position:absolute;
	top:-167px;
	right:0px;
}
#footer #newsletter {
	float:right;
	width:440px;	
}
#footer #newsletter form {
	display:inline;
	float:left;
	margin-top:24px;
	width:245px;
}
#footer #newsletter input.newsInput {
	background:#FFFFFF url(inputBG.gif) no-repeat scroll left top;
	border:1px solid #FFFFFF;
	height:18px;
	margin-right:5px;
	padding:3px 0px 0px 7px;
	vertical-align:middle;
	width:196px;
}
#footer #newsletter input.newsImage {
	vertical-align:middle;
}
#footer #newsletter #newsText {
	display:inline;
	float:right;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.2em;
	margin:10px 0pt 0pt;
	width:195px;
}
* html #footer #newsletter #newsText {
	font-size:1.1em;
}
#finalText {
	font-size:1.2em;
	color:#FFF;
	width:820px;
	background-color:#353334;
	float:left;
	padding:2px 0;
	margin-bottom:35px;
	display:inline;
}
#finalText a { color:#FFF; padding:0 5px;}
#finalText a:hover { text-decoration:underline; }
#finalText #copyright {
	display:inline;
	float:left;
	margin-left:10px;
	width:400px;
}
#finalText #links {
	display:inline;
	float:right;
	margin-right:5px;
	text-align:right;
	width:405px;
}
/* Cart Styles */
#cartPage h3.cartTitle {
	background-color:#C51E66;
	border-bottom:1px solid #000;
	color:#FFF;
	font-size: 12px;
	font-weight:normal;
	padding: 2px 5px;
}
#cartPage span {
	color:#000000;
	font-size:11px;
}
#cartPage span.remove a {
	font-size:1em;
	color:blue;
	text-decoration:underline;
}