@import url(search.css);
@import url(mavselect.css);


/* CSS Document */

	/* REDEFINITIONS
	----------------------------------- */
	/* use this to set everything equal */
	* {
		margin:				0;
		padding:			0;
		border:				none;
		background:			none;
		list-style:			none;
		/* enable PNG support in IE 
		behavior:			url(lib/scripts/iepngfix.htc);*/
	}
	
	/* don't forget to make sure that the height is set to 100% */
	/* this lets the table open to the full height of the browser */
	html,body {
		width:				100%;
		height:				100%;
	}
	
	body {
		font-family:		"Trebuchet MS";
		font-size:			12px;
		color:				#FFF;
		background:			#000;
	}
	
	div,p {
		font-size:			12px;
	}
	
	p {
		margin:				0 0 10px;
		text-align:			justify;
	}
	
	a {
		color:				#F00;
		text-decoration:	none;
		font-weight:		bold;
	}
	
	a:hover {
		text-decoration:	underline;
	}
	
	.require {
		color:				#A00;
	}
	
	h1{ font-size:			18px; }
	h2{ font-size:			22px; }
	h3{ font-size:			17px; }
	h4{ font-size:			15px; }
	h5{ font-size:			14px; }
	h6{ font-size:			12px; }
	
	/* ----------------------------------- */
	
	
	
	
	/* MAIN LAYOUT
	----------------------------------- */
	#wrapper {
		margin: 			0 auto -50px;
		padding:			0 0 0 23px;
		width:				927px;
		min-height:			100%;
		height: 			auto !important;
		height: 			100%;
		z-index:			1;
		background:			url(../images/backgrounds/wrapper.gif) repeat-y left;
	}
	
	#bo_image {
		width:				800px;
		height:				800px;
		background:			#F4F;
		position:			absolute;
		position:			none;
		float:				left;
		clear:				right;
		z-index:			10;
	}
	
	#content_wrapper {
		width:				630px;
		float:				right;
		z-index:			1000;
		position:			relative;
	}
	
	#content {
		padding:			0;
		width:				630px;
		float:				left;
	}
	
	#full_column {
		width:				100%;
		float:				left;
	}
	
	#main_column {
		padding:			0 10px;
		width:				430px;
		float:				right;
	}
	
	#secondary_column {
		padding:			0 10px;
		width:				160px;
		float:				left;
	}
	
	.sub_full,
	.sub_main,
	.sub_secondary {
		margin:				0 0 20px;
		width:				100%;
		float:				left;
	}
	
	#footer, #fspace {
		width:				100%;
		height: 			85px;
	}
	
	#fspace {
		clear:				both;
	}
	
	#footer {
		width:				100%;
	}
	
	
	/* ----------------------------------- */
	
	
	
	
	
	
	/* HEADER
	----------------------------------- */
	#header {
		margin:				0;
		width:				100%;
		height:				45px;
		text-align:			left;
	}
	
	#header h1,
	#header h1 span {
		width:				181px;
		height:				150px;
		display:			block;
		overflow:			hidden;
		float:				left;
	}
	
	#header h1 span {
		position:			absolute;
		background:			url(../images/header/litterbox_logo.gif) no-repeat;
	}
	
	#header #image {
		width:				250px;
		height:				150px;
		float:				right;
		background:			url(../images/header/litterbox_model.gif) no-repeat;
	}
	/* ----------------------------------- */
	
	
	
	
		
	
	/* FOOTER
	----------------------------------- */
	#footer_content {
		margin:				0 auto;
		padding:			0;
		width:				950px;
		height:				85px;
		background:			url(../images/backgrounds/footer.gif) no-repeat;
	}
	
	#footer_left {
		padding:			20px 0 0 30px;
		float:				left;
	}
	
	#footer_right {
		float:				right;
	}
	
	#footer a {
		color:				#FFF;
	}
	/* ----------------------------------- */
	
	
	
	
	
	
	/* TEXT STYLES
	----------------------------------- */
	#main_column h2,
	#secondary_column h3 {
		margin:				0 0 5px;
		color:				#FFF;
		border-bottom:		solid 1px #DDD;
		width:				100%;
	}
	
	#main_column h4 {
		color:				#D00;
	}
	
	#main_column p {
		line-height:		20px;
	}
	/* ----------------------------------- */
	
	
	
	
	
	
	/* RATING STARS
	----------------------------------- */
	.rate_box {
		margin:				10px 0;
		width:				200px;
	}
	
	.rate_box .rate_label {
		width:				130px;
		font-weight:		bold;
	}
	
	.rate_box .rate_value {
		width:				70px;
		height:				15px;
		overflow:			hidden;
	}
	
	.rating_0, .rating_1,
	.rating_1_5, .rating_2,
	.rating_2_5, .rating_3,
	.rating_3_5, .rating_4,
	.rating_4_5, .rating_5 {
		margin:				0;
		padding:			0;
		width:				60px;
		height:				15px;
		overflow:			hidden;
	}
	
	.rating_0 span, .rating_1 span,
	.rating_1_5 span, .rating_2 span,
	.rating_2_5 span, .rating_3 span,
	.rating_3_5 span, .rating_4 span,
	.rating_4_5 span, .rating_5 span {
		margin:				0;
		padding:			0;
		width:				60px;
		height:				15px;
		position:			absolute;
	}
	
	.rating_0 span		{ background: url(../images/common/rating_stars.gif) no-repeat 0 0; }
	.rating_1 span 		{ background: url(../images/common/rating_stars.gif) no-repeat 0 -15px; }
	.rating_1_5 span 	{ background: url(../images/common/rating_stars.gif) no-repeat 0 -30px; }
	.rating_2 span 		{ background: url(../images/common/rating_stars.gif) no-repeat 0 -45px; }
	.rating_2_5 span 	{ background: url(../images/common/rating_stars.gif) no-repeat 0 -60px; }
	.rating_3 span 		{ background: url(../images/common/rating_stars.gif) no-repeat 0 -75px; }
	.rating_3_5 span 	{ background: url(../images/common/rating_stars.gif) no-repeat 0 -90px; }
	.rating_4 span 		{ background: url(../images/common/rating_stars.gif) no-repeat 0 -105px; }
	.rating_4_5 span	{ background: url(../images/common/rating_stars.gif) no-repeat 0 -120px; }
	.rating_5 span		{ background: url(../images/common/rating_stars.gif) no-repeat 0 -135px; }
	
	/* ----------------------------------- */
	
	
	
	
	
	
	/* MISC STYLES
	----------------------------------- */
	.highlight {
		color:			#09F;
	}
	
	.loadBox {
		margin:				0;
		padding:			35px 0 0;
		width:				100%;
		height:				100px;
		float:				left;
		text-align:			center;
		background:			url(../images/common/preloader_light.gif) no-repeat top center;
		color:				#4a5b84;
		font-size:			14px;
		font-weight:		bold;
	}
	
	/* --- */
	
	.moreLink {
		margin:				0;
		width:				100%;
		float:				left;
		text-align:			right;
	}
	
	.moreLink_lg {
		padding:			2px 0;
		width:				100%;
		float:				left;
		text-align:			right;
		border-top:			solid 1px #DDD;
		border-bottom:		solid 1px #DDD;
	}
	
	.moreLink_left {
		margin:				0;
		width:				100%;
		float:				left;
		text-align:			left;
	}
	
	.moreLink a,
	.moreLink_lg a,
	.moreLink_left a{
		margin:				0;
		padding:			0;
	}
	
	.moreLink_lg>.back {
		padding:			0 0 0 10px;
		background:			url(../images/common/bullet_arrow_lt.gif) no-repeat top left;
	}
	
	/* --- */
	
	.posted,
	.posted_item {
		margin:				0 0 -5px;
		padding:			0;
		width:				100%;
		font-size:			11px;
		font-weight:		normal;
		color:				#F00;
		float:				left;
	}
	
	.posted {
		margin:				0 0 5px;
	}
	
	/* --- */
	
	.image_instructions {
		margin:				0 0 5px;
		width:				100%;
		float:				left;
		text-align:			center;
		color:				#999;
	}
	
	/* --- */
	
	.tip {
		padding:			5px;
		background:			#333;
		border:				solid 1px #888;
		color:				#FFF;
	}
	
	.tip-title {
		font-size:			14px;
		font-weight:		bold;
	}
	/* ----------------------------------- */