/**
 * INDEX
 * 
 * Sticky footer & layout
 *   Widgets Customizing - layout
 * General
 *   Inline icon sprites
 *   Buttons
 * Container-top
 * 	Public homepage
 *   Header
 *   Header-right
 *     Login
 *     Logged in
 *   Stuff Tooltip
 *   Stuff browser
 *     View control elements
 *     Tabs
 *   Product page
 *     Upload attachment
 *     (Slide selectors)
 *   Recommendbox
 * Container-bottom
 *   Live stuff
 * Search results page
 * 404 page
 * Footer
 */
/*  TEMP  TEMP  TEMP  */
#temp-view-select { clear:both; color:#fff; }
	#temp-view-select a { color:#ff0; }

/* Sticky footer & layout */
body, html { height:100%; }
#page { min-height:100%; height:auto !important; height:100%; margin-bottom:-38px }
#footer-margin { height:38px; } /* footer height set @ #footer (bottom of page) */
.container-center { width:970px; margin:0 auto; padding-left:20px; overflow:hidden; }

.cms-column { float:left; margin-right:15px; }
.cms-column.span1-5 { width:178px; }
.cms-column.span2-5 { width:376px; }
.cms-column.span3-5 { width:564px; }
.cms-column.span4-5 { width:757px; }
.cms-column.span5-5 { width:950px; }

	/* Widgets Customizing - layout (adjust width for padding & border) */
	.jive-body-widget-customizing .cms-column { border:1px dashed #cde; margin-bottom:20px; padding:3px; }
	.jive-body-widget-customizing .cms-column.span1-5 { width:170px; }
	.jive-body-widget-customizing .cms-column.span2-5 { width:368px; }
	.jive-body-widget-customizing .cms-column.span3-5 { width:556px; }
	.jive-body-widget-customizing .cms-column.span4-5 { width:751px; }
	.jive-body-widget-customizing .cms-column.span5-5 { width:962px; }
	

/* General - additions to base.css */
h2 { color:#f60; }

ul.horizontal { margin:0; padding:0; }
	ul.horizontal li { float:left; list-style-type:none; }
	
	a.more { padding:0 0 0 10px; text-decoration:none; color:#fff; background:url(../img/arrows.png) no-repeat left 6px; }
	a.more:hover { background-position:left -19px; color:#f60; }
	
	/* Buttons - we use <a> and <button> buttons. 
	 * <a> has an extra span it doesn't really need, but this makes the css more readable */
	button.btn { width:auto; overflow:visible; padding:0 0 0 0; white-space:nowrap; cursor:pointer; background:none; border:none; }
	a.btn { text-decoration:none; cursor:pointer }
	
	/* we might need another span inside for an icon, thats why we use > */
	.btn > span,
	.btn > span > span,
	.btn > span > span > span { display:inline-block; background:url(../img/checkmystuff_bars_buttons_sprite.png) no-repeat 0 0; }
	
	.btn > span { padding:0 0 0 8px; background-position:0 -417px; text-decoration:none; }
		.btn > span > span { padding:0 10px 0 0; background-position:right -449px; }
			.btn > span > span > span { padding:5px 0 6px; color:#000; font-weight:bold; background-repeat:repeat-x; background-position:0 -481px; }
	.btn:hover > span { background-position:0 -513px; }
		.btn:hover > span > span { background-position:right -545px; }
			.btn:hover > span > span > span { background-position:0 -577px; }
	
	.btn.black > span { background-position:0 -609px; }
		.btn.black > span > span { background-position:right -641px; }
			.btn.black > span > span > span { color:#fff; background-position:0 -673px; }
	.btn.black:hover > span { background-position:0 -705px; }
		.btn.black:hover > span > span { background-position:right -737px; }
			.btn.black:hover > span > span > span { background-position:0 -769px; }
	
	.btn.add > span { background-position:0 -801px; }
		.btn.add > span > span { background-position:right -833px; }
			.btn.add > span > span > span { background-position:0 -865px; }
	.btn.add:hover > span { background-position:0 -897px; }
		.btn.add:hover > span > span { background-position:right -929px; }
			.btn.add:hover > span > span > span { background-position:0 -961px; }
		
	/* fixed width for buttons */
	.btn.width105 > span > span > span { width:105px; }
	
	/* Inline icon sprites */
	.inlinesprite { display:inline-block; width:16px; height:11px; background:url(../img/checkmystuff_icons16.png) no-repeat 0 0; }
	.icon-want { background-position:-147px -212px; }
	.icon-want.active { background-position:-147px -276px; }
	.icon-want.grey { background-position:-147px -340px; }
	.icon-want.dark { background-position:-147px -404px; }
	.icon-have { background-position:-83px -212px; }
	.icon-have.active { background-position:-83px -276px; }
	.icon-have.grey { background-position:-83px -340px; }
	.icon-have.dark { background-position:-83px -404px; }
	.icon-had { background-position:-212px -212px; }
	.icon-had.active { background-position:-212px -276px; }
	.icon-had.grey { background-position:-212px -340px; }
	.icon-had.dark { background-position:-212px -404px; }
	.icon-review { background-position:-18px -212px; }
	.icon-review.active { background-position:-18px -276px; }
	.icon-review.grey { background-position:-18px -340px; }
	.icon-review.dark { background-position:-18px -404px; }
	.icon-review.black { margin-right:4px; background-position:-18px -468px; }
	.icon-picture { margin-right:4px; background-position:-275px -468px; }
	.icon-video { margin-right:4px; height:12px; background-position:-339px -468px; }
	.icon-cross { background-position:-343px -213px; }
	

/* Container-top */
#container-top { width:auto; overflow:visible; padding-bottom:30px; color:#fff; background-color:#000; }
	.greybox { position:relative; background:url(../img/bg/greybox.png) no-repeat; /* position set at element */ }
	
	/* Public homepage */
	body.public-home { background-color:#000; }
	.cms-home { position:relative; }
	
		/* TEMP topmenu placeholder for public home */
		.topmenu-temp { height:25px; background-color:#000; }
		
		.cms-home-visuals { position:relative; height:400px; overflow:hidden; }
			.cms-home-visuals .register { position:absolute; bottom:45px; left:10px; font-size:20px; color:#fff; }
				.cms-home-visuals .register .background { width:382px; height:103px; background:url(../img/bg/greybox.png) no-repeat scroll -1250px 0 transparent; }
				.cms-home-visuals .register p { position:absolute; top:8px; left:10px; padding-bottom:20px; }
				.cms-home-visuals .register .btn { position:absolute; bottom:12px; right:13px; font-size:13px; }
		
		.logbox-container { position:absolute; top:0; right:15px; }
		.homepage-txt { position:absolute; top:55px; left:40px; font-size:20px; width:385px; color:#000; }
		.homepage-txt.white-txt { color:#fff; }
			.homepage-txt > p { padding:0 20px 20px 0; }
				
				.homepage-txt .right { padding-top:9px; color:#fff; }
				.homepage-txt .btn > span > span > span { color:#fff; }
		
		.homepage-logo { position:absolute; top:130px; right:20px; width:201px; }
			.homepage-logo img { display:block; }
			.homepage-logo p { float:right; padding-right:9px; font-size:11px; }
		
		.home-search-bar { height:34px; margin-bottom:20px; padding:6px 0 0 10px; background-color:#f60; }
			.home-search-bar label { float:left; margin:2px 10px 0 0; padding-top:; font-size:20px; color:#fff; }
			.home-search-bar input { float:left; width:200px; height:20px; margin:3px 10px 0 0; border:none; background:url(../img/bg/input_field.png) no-repeat scroll 0 0 transparent; }
			.home-search-bar .btn > span > span > span { float:left; color:#fff; }
		
		/* fonts on home */
		h2.home { font-size:20px; color:#f60; }
		.home-large { font-size:36px; color:#fff; }
		
		
	
	/* Header */
	#header { position:relative; width:auto; overflow:hidden; padding-bottom:17px; }
		#header-left { float:left; width:757px; padding-top:8px; }
			.logo { float:left; }
				.logo img { width:131px; height:68px; }
			
			.topmenu { float:left; width:605px; }
				.topmenu > ul { padding:6px 0 0 15px; margin:0; }
				.topmenu .lvl0 { margin-right:10px; font-size:15px; }
				.topmenu .lvl0 > a { color:#fff; text-decoration:none; }
			
			.quicksearch { float:left; width:605px; overflow:hidden; padding:42px 0 0 15px; }
			.quicksearch .input { float:left; height:20px; margin-top:1px; padding:5px 0 0 3px; font-size:15px; border:none; color:#999; border-bottom:1px solid #797979; border-right:1px solid #797979; background:url(../img/bg/input_field.png) no-repeat 0 0; }
			.quicksearch button { float:left; margin-left:10px; }
	
	/* Header-right */
	#header-right { position:relative; float:left; width:193px; height:80px; }
		
		/* login */
		.login-form .row { width:auto; overflow:hidden; padding:0 0 4px 10px; }
			.login-form label { float:left; width:75px; }
			.login-form .text { float:left; width:73px; border:1px solid #999; }
			.login-form label:first-child, .login-form .text:first-child { margin-right:9px; }
			.login-form .pass-label { width:auto; margin-right:5px; }
			.login-form .login-forgot { float:left; color:#f60; }
			
		.logbox.login-form .overview { width:163px; height:25px; padding-top:5px; font-size:11px; }
			.login-form .checkbox { float:left; margin-right:8px; }
			.login-form .overview label { width:70px; margin-top:3px; }
			.login-form .btn { float:right; }
		
		/* Logged in */
		.avatar { position:absolute; top:8px; left:0; height:35px; width:35px; z-index:1; }
		.logbox { height:76px; margin-left:15px; padding-top:8px; width:auto; overflow:hidden; background-position:-965px 0; }
		.cms-home .logbox { width:184px; }
			.logbox .name { float:left; margin:0 0 4px 29px; padding:0; font-size:15px; text-decoration:none; color:#f60; }
				.logbox .name:hover { color:#fff; }
			.logbox .logout { float:left; margin-left:29px; clear: both;}
				
				.logbox .overview { position:absolute; bottom:5px; left:0; width:178px; height:23px; padding:7px 0 0 10px; font-size:15px; background:url(../img/bg/transparent_bg_arch.png) no-repeat 0 0; }
					.logbox .overview .points { width:66px; }
					.logbox .overview .messages { width:47px; }
					.logbox .overview .friends { width:48px; }
						.logbox .overview a { text-decoration:none; font-family:verdana; color:#fff; background-image:url(../img/checkmystuff_icons16.png); background-repeat:no-repeat; }
						.logbox .overview .points span { padding-left:20px; font-family:verdana; color:#fff; background:url(../img/checkmystuff_icons16.png) no-repeat -16px -16px; }
						.logbox .overview .messages a { padding-left:20px; background-position:-81px -17px; }
						.logbox .overview .friends a { padding-left:15px; background-position:-151px -17px; }
						.logbox .overview a:hover { color:#f60; }
						.logbox .overview .messages a:hover { background-position:-81px -81px; }
						.logbox .overview .friends a:hover { background-position:-151px -81px; }
	
	/* Stuff Tooltip */
	.stuff-tooltip { display:none; position:absolute; top:0; left:0; width:auto; overflow:hidden; padding-top:12px; z-index:10; background:url(../img/arrows.png) no-repeat 33px -75px; }
		.stuff-tooltip > div { float:left; padding:7px 7px 3px 7px; background-color:#000; }
			.stuff-tooltip .product-img { display:none; float:left; margin-right:8px; width:70px; height:70px; border:3px solid #fff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
			.stuff-tooltip.with-img .product-img { display:block; }
			
			.stuff-tooltip .text { float:left; width:255px; overflow:hidden; }
				.stuff-tooltip p { margin-bottom:0; text-align:left; color:#999; }
				.stuff-tooltip p.name { font-weight:bold; color:#fff; }
				.stuff-tooltip.with-img p.name { visibility:hidden; }
				
	
	/* Stuff browser */
	#stuff-browser { position:relative; float:left; width:757px; margin-right:15px; overflow:hidden; }
		#stuff-browser .ajax-loader { position:absolute; top:120px; left:345px; width:66px; height:66px; background-image:url(../img/stuffbrowser-loader.gif); z-index:10; }
		
		/* View control elements */
		#stuff-browser .select-view { display:block; position:absolute; padding:0 14px 3px 0; z-index:11; text-decoration:none; color:#fff; background-image:url(../img/checkmystuff_bars_buttons_sprite.png); background-repeat:no-repeat; }
		#stuff-browser .sv0 { top:50px; left:0; background-position:right -32px; }
		#stuff-browser .sv0.selected { background-position:right -64px; }
		#stuff-browser .sv1 { top:70px; left:0; background-position:right -96px; }
		#stuff-browser .sv1.selected { background-position:right -128px; }
		#stuff-browser .sv2 { top:90px; left:0; background-position:right -160px; }
		#stuff-browser .sv2.selected { background-position:right -192px; }
			#stuff-browser .select-view span { display:inline-block; height:16px; padding:1px 10px 0px 5px; background-color:#666; }
			#stuff-browser .select-view.selected span { background-color:#f80; }
		
		/* Tabs */
		#stufftabs .tabs-container { height:42px; background:url(../img/bg/greybox.png) no-repeat 0 28px; }
			#stufftabs .tabs { margin-right:15px; font-size:14px; }
				#stufftabs .tabs li { margin:4px 0 0 5px; padding-left:7px; background:url(../img/bg/tabs_sprite.png) no-repeat -143px 0; }
					#stufftabs .tabs a { display:inline-block; padding:5px 7px 3px 0; text-decoration:none; color:#fff; background:url(../img/bg/tabs_sprite.png) no-repeat right 0; }
						#stufftabs .tabs span { color:#ccc; padding:5px 3px 3px; background:url(../img/bg/tabs_sprite.png) no-repeat center 0; }
							#stufftabs .tabs em { font-style:normal; color:#fff; }
				
				#stufftabs .tabs li:hover { margin-top:0; background-position:-143px -40px; }
					#stufftabs .tabs li:hover a, #stufftabs .tabs li:focus a { padding-bottom:7px; background-position:right -40px; }
						#stufftabs .tabs li:hover span, #stufftabs .tabs li:focus span { padding-bottom:7px; background-position:center -40px; }
				
				#stufftabs .tabs li.active { margin-top:4px !important; background-position:-143px -80px; }
					#stufftabs .tabs li.active a, #stufftabs .tabs li.active a { padding:8px 7px 10px 0; background-position:right -80px; }
						#stufftabs .tabs li.active span { padding-top:8px; padding-bottom:16px; background-position:center -80px; }
							#stufftabs .tabs li.active em { font-style:normal; color:#f60; }
				
			#stufftabs .greybox { width:auto; overflow:hidden; height:286px; color:#fff; background-position:0 -14px; }
				#stufftabs .tabContent { position:relative; width:auto; overflow:hidden; height:250px; margin-top:6px; list-style:none; }
					#stufftabs .itemlist { position:relative; margin:0; padding:0; }
					#stufftabs .item { list-style-type:none; }
				
				/* cards */
				.card-holder { display:none; position:absolute; top:0; left:0; min-width:700px; height:250px; }
					.card { float:left; width:700px; padding-bottom:20px; }
						.card .nostuff { padding-top:100px; text-align:center; font-size:2em; }
				
				/* stuffbrowser views */
				/* html for views is defined in Base.StuffBrowser.js */
				.view0 { margin-left:30px; margin-right:27px; }
					.view0 .itemlist { margin:0; padding:0; }
						.view0 .item { position:relative; display:block; width:171px; height:235px; overflow:hidden; padding:0; /* non JS */float:left; margin-left:5px; }
						.view0 .item:first-child { margin-left:0; }
						.view0 .item > div { position:absolute; left:-30px;/*default pos*/ width:355px; }
							.view0 .image { position:absolute; width:235px; height:235px; text-align:center; }
							.view0 .data { position:absolute; right:0; width:101px; height:225px; padding:5px 10px; background-color:#000; }
								.view0 .data > p { padding:0; font-size:15px; }
									.view0 a.name { color:#fff; text-decoration:none; }
									.view0 a.name:hover { color:#f60; }
								.view0 .date { color:#999; }
									.view0 .data > div { position:absolute; bottom:0; left:10px; width:100px; color:#666; }
									
				.view1 { margin-left:30px; margin-right:30px; }
					.view1 .itemlist { float:left; width:339px; }
					#stufftabs .view1 .itemlist:first-child { margin-right:19px; }
						.view1 .item { width:auto; overflow:hidden; height:37px; padding:13px 0 0; margin:0; background:url(../img/bg/dotted-hr.gif) repeat-x left bottom; }
						.view1 .item:nth-child(5) { background:none; }
							.view1 .nr { float:left; width:27px; height:16px; padding-top:2px; margin-top:5px; margin-right:10px; text-align:center; background:url(../img/checkmystuff_bars_buttons_sprite.png) no-repeat 0 0; }
							.view1 .cat { display:none; /*temp invisible until we can access space names (including the margin-right above)*/ float:left; width:32px; height:32px; margin-right:5px; background-image:url(../img/checkmystuff_category_sprite.png); background-repeat:no-repeat; } /* positions in category_sprites.css */
							.view1 .name { float:left; padding:0; margin-top:6px; font-size:15px; }
								.view1 .name a { color:#fff; text-decoration:none; }
								.view1 .name a:hover, .view1 .name a:focus { color:#f60; }
						
				.view2 { margin-left:45px; margin-right:35px; }
					.view2 .itemlist { margin:0; padding:0; }
						.view2 .item { float:left; margin:0 5px 5px 0; width:70px; height:70px; }
							.view2 .item > a { text-decoration:none; }
	
	/* Pager - used for stuff-browser and recommendbox | recommendbox overwrites some values */
	.greybox .pager { position:relative; clear:both; width:auto; overflow:hidden; height:30px; padding:0px 15px 0; background:url(../img/bg/transparent_bg_arch.png) no-repeat 0 -30px; }
		.greybox .browse { position:absolute; font-size:15px; color:#fff; text-transform:lowercase; text-decoration:none; }
		.greybox .prev { top:5px; left:15px; }
		.greybox .next { top:5px; right:15px; }
			.greybox .browse span { float:left; }
			.greybox .browse .sprite { width:16px; height:16px; margin-top:2px; background-image:url(../img/checkmystuff_icons16.png); background-repeat:no-repeat; }
			.greybox .prev .sprite { background-position:-214px -16px; }
			.greybox .next .sprite { background-position:-272px -16px; }
		
		.greybox .browse:hover { color:#f60; }
			.greybox .prev:hover .sprite { background-position:-214px -80px; }
			.greybox .next:hover .sprite { background-position:-272px -80px; }
		.greybox .browse.disabled { color:#000; cursor:default; }
			.greybox .prev.disabled .sprite { background-position:-214px -144px; }
			.greybox .next.disabled .sprite { background-position:-272px -144px; }
		
		.greybox .dots { max-width:540px; margin:0 auto; text-align:center; }
		.greybox .dots table { margin:0 auto; }
			.greybox .dots a { display:inline-block; width:18px; height:30px; background:url(../img/checkmystuff_icons16.png) no-repeat -341px -14px; }
			.greybox .dots .dotnext a { background-position:-341px -142px; }
			.greybox .dots a:hover, .greybox .dots a:focus { background-position:-341px -78px; }
				.greybox .dots span { display:none; }
	
	
	/* Product page - display */
	/* --> temp have|want|had count */
	.temp-property-list { padding:10px 0 0; list-style:none; }
	
	#product-display { position:relative; float:left; width:737px; height:280px; padding:10px; margin:28px 15px 0 0; overflow:hidden; }
		#product-display .product-image { position:absolute; top:10px; left:10px; z-index:10; }
			#product-display .product-image img { width:274px; height:274px; border:3px solid #fff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
		
		#product-display .product-overview { float:right; width:423px; height:166px; padding-bottom:15px; }
			#product-display h1 { width:340px; height:48px; padding:8px 0; color:#f60; }
			#product-display .description { height:107px; padding-right:10px; overflow:auto; }
			#product-display .product-votes { float:right; max-width:82px; text-align:right; }
		
		#product-display .product-actions { float:right; width:446px; overflow:hidden; height:91px; padding-top:9px; background:url(../img/bg/product_actions_bg.png) no-repeat 0 0; }
			#product-display .product-actions-column { position:relative; float:left; width:136px; min-height:83px; margin-left:9px; }
			#product-display .product-actions-column.rating { margin-left:10px; }
			#product-display .product-actions-column.add-to-product {  }
			#product-display .product-actions-column.product-ownership { display:block; width:118px; padding:0 0 0 18px; list-style:none; }
				
				#product-display .product-actions .btn-holder { width:134px; text-align:center; }
					#product-display .product-actions .btn-holder .btn { display:inline-block; margin-bottom:3px; }
				
				#product-display .ownership { display:block; padding:5px 0 5px 33px; margin-bottom:4px; text-decoration:none; color:#ccc; background:url(../img/checkmystuff_bars_buttons_sprite.png) no-repeat 0 0; }
				#product-display .ownership.selected { font-weight:bold; color:#fff; }
				#product-display .ownership:hover,
				#product-display .ownership.selected:hover { color:#f60; }
				
				#product-display .ownership.want { background-position:0 -1248px; }
				#product-display .ownership.want:hover { background-position:0 -1280px; }
				#product-display .ownership.have { background-position:0 -1312px; }
				#product-display .ownership.have:hover { background-position:0 -1344px; }
				#product-display .ownership.had  { background-position:0 -1376px; }
				#product-display .ownership.had:hover  { background-position:0 -1408px; }
					#product-display .ownership span { padding:2px 0 0 13px; background:url(../img/arrows.png) no-repeat 0 7px; }
					#product-display .ownership:hover span { background-position:0 -18px; }
		
		/* Carousel & lightbox */
		#infowindow_content.product-image-lightbox { position:relative; width:350px; height:300px; text-align:center; }
			#infowindow_content.product-image-lightbox .close { position:absolute; top:-14px; right:-14px; width:24px; height:24px; cursor:pointer; background:url(../img/icons/lightbox_close.png) no-repeat 0 0; }
			#infowindow_content.product-image-lightbox .set-default { padding-top:6px; }
				#infowindow_content.product-image-lightbox .set-default a { color:#f60; }
				#infowindow_content.product-image-lightbox .set-default a:hover { color:#f60; }
		
		/* Upload attachment */
		.create-attachment-form { text-align:left; }
			
		
		/* Slide selectors (product ownership toggle) */
		/*
		.ownership { display:block; position:absolute; padding:0 16px 3px 0; text-decoration:none; background:transparent url(../img/checkmystuff_bars_buttons_sprite.png) no-repeat 0 0; z-index:9; }
		a.ownership:hover, a.ownership:focus { text-decoration:none; color:#000; }
		.ownership.want { top:17px; left:290px; padding:0 21px 3px 0; background-position:right -224px; }
		.ownership.want.selected { background-position:right -256px; }
		.ownership.have { top:43px; left:290px; background-position:right -288px; }
		.ownership.have.selected { background-position:right -320px; }
		.ownership.had  { top:63px; left:290px; background-position:right -352px; }
		.ownership.had.selected  { background-position:right -384px; }
			.ownership span { display:inline-block; height:16px; padding:1px 5px 0px 5px; background-color:#0cf; }
			.ownership.want span { height:19px; padding:4px 5px 0 5px; }
		*/
		
	
	/* Recommendbox */
	#recommendbox { float:left; width:178px; padding-top:4px; color:#fff; }
		#recommendbox h2 { padding:3px 0 4px 6px; }
		#recommendbox .greybox { padding:24px 10px 0; background-position:-772px 0; }
			#recommendbox .carousel-holder { width:158px; height:246px; overflow:hidden; }
			.js #recommendbox .carousel-holder { visibility:hidden; }
				#recommendbox .items { height:246px; list-style:none; margin:0; padding:0; }
					#recommendbox .item { position:relative; float:left; width:158px; height:246px; }
						#recommendbox .image { display:block; margin:0 auto 5px; border:3px solid #fff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
						#recommendbox .name { font-weight:bold; }
							#recommendbox .name a { color:#fff; text-decoration:none; }
							#recommendbox .name a:hover, #recommendbox .name a:focus { color:#f60; }
					#recommendbox .item > div { position:absolute; bottom:0; left:0; width:158px; }
				
				#recommendbox .pager { background-position:0 0; }
					#recommendbox .pager .prev { left:5px; }
					#recommendbox .pager .next { right:5px; }


/* Lightbox stuff */
#infowindow_overlay { background-color:#000; }
#infowindow_content { background-color:#fff; padding:15px; width:350px; } 
#infowindow_content.img { width:500px; } /*DEV curr not used*/

/* Add stuff */
#add-stuff { position:absolute; top:30px; right:0px; width:25px; overflow:hidden; z-index:1001; } /* z-index above lightbox windows */
	.add-stuff-wrapper { width:500px; }
	.add-stuff-toggler { position:absolute; top:50px; left:0; }
		.add-stuff-toggler a { display:block; width:25px; height:92px; background:url(../img/checkmystuff_bars_buttons_sprite.png) no-repeat 0 -996px; }
			.add-stuff-toggler span { display:none; }
	.add-stuff-close   { float:right; padding:5px 20px; color:#fff; background-color:#000; border-top:1px solid #333; border-left:1px solid #333; -moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px; }
		.add-stuff-close .close { display:inline-block; padding-right:14px; font-size:15px; color:#fff; text-decoration:none; background:url(../img/checkmystuff_icons16.png) no-repeat right -210px; }
		.add-stuff-close .close:hover { color:#f60; background-position:right -274px; }
	.add-stuff-padding { padding:27px 0 0 25px; }
	.add-stuff-content { padding:20px; min-height:180px; text-align:left; color:#ccc; background-color:#000; border:1px solid #333; border-right:none; -moz-border-radius-topleft:10px; -moz-border-radius-bottomleft:10px; -webkit-border-top-left-radius:10px; -webkit-border-bottom-left-radius:10px; }
	
		#add-stuff .add-logo { float:left; margin:3px 10px 0 0; }
		#add-stuff .h1 { font-size:20px; color:#f60; }
	


/* Container-bottom */
#container-bottom .container-center { background:url(../img/bg/transparent_bg_arch.png) no-repeat 0 -150px; }
	
	
	
	
	/* spacemenu */
	.spacemenu-spacer { position:relative; height:33px; background:yellow url(../img/bg/) no-repeat 0 0; }
		.spacemenu { position:absolute; top:0; left:0; z-index:50; }
			.spacemenu li {  }
				.spacemenu a { text-decoration:none; }
				
				.spacemenu .cat { display:inline-block; width:24px; height:24px; background:url(../img/); }
		
		/* spacemenu items z-index:49 */
	
	
	/* Live stuff */
	.live_stuff { margin:0; padding:0; }
		.live_stuff > li { position:relative; min-height:80px; padding-bottom:10px; width:auto; overflow:hidden; list-style-type:none; }
			.live_stuff_type { position:absolute; top:0; left:0; min-height:80px; width:20px; background-image:url(../img/live_types.png); background-repeat:no-repeat; }
				.live_newstuff .live_stuff_type { background-position:0 0; }
				.live_review .live_stuff_type { background-position:-32px 0; }
				.live_comment .live_stuff_type { background-position:-64px 0; }
				.live_rating .live_stuff_type { background-position:-96px 0; }
			
			.live_stuff_content { padding:0 0 0 32px; }
				.live_stuff_author { float:right; width:64px; height:64px; margin:10px 0 0 20px; background-color:red; }
				.live_stuff_content .product { float:left; width:232px; height:148px; padding:7px 10px 10px 8px; margin-right:10px; background:url(../img/bg/shadowbox.png) no-repeat 0 0; }
					.live_stuff_content .product div { width:234px; height:150px; overflow:hidden; }
						.live_stuff_content .product img { margin:0 auto; }
				
				
	/* product-images carousel */
	.prod-img-carousel { width:auto; height:63px; overflow:hidden; padding-bottom:20px; }
		.prod-img-carousel .prev, .prod-img-carousel .next { display:none; float:left; width:15px; height:57px; margin:2px 5px 0; background:url(../img/checkmystuff_bars_buttons_sprite.png) no-repeat left -1103px; }
		.prod-img-carousel .next { margin:2px 0 0 5px; background-position:right -1103px; }
			.prod-img-carousel .prev:hover, .prod-img-carousel .prev.disabled { background-position:left -1168px; }
			.prod-img-carousel .next:hover, .prod-img-carousel .next.disabled { background-position:right -1168px; }
			
		.prod-img-carousel .carousel { float:left; }
			.prod-img-carousel li { width:52px; height:52px; padding:4px 8px 7px 4px; background:url(../img/bg/prod_img_carousel.png) no-repeat 0 0; }
			.prod-img-carousel li.default { padding:3px 8px 7px 3px; }
				.prod-img-carousel li.default img { border:1px solid #f60; }


/* Search results page */
.search-product-image { position:relative; min-height:62px; }
	.search-product-image > a { display:block; width:52px; height:52px; position:absolute; top:7px; left:0; }
	/* .jive-rendered-content overwrite in chk_custom-jive.css */


/* Forms */
.form .row { width:auto; overflow:hidden; padding:0 0 10px 0; }


/* 404 */
.logo404 { height:110px; }
	.logo404 a { display:inline-block; margin:8px 0 0 0px; text-decoration:none; }
.wrapper404 .greybox { position:relative; width:665px; height:180px; margin:0 auto 45px; background-position:-967px -119px; overflow:visible; }
	.wrapper404 .left { width:268px; padding:0 30px; }
		.wrapper404 h1 { position:absolute; left:-9999px; }
		.wrapper404 .lost-found { margin:20px 0 40px; }
		.wrapper404 .quicksearch { padding:0; }
	.wrapper404 .msg { padding-top:20px; font-size:15px; }
	
	.bal404 { position:absolute; top:-56px; right:-60px; }
	


/* Footer */
#footer { position:relative; height:34px; width:950px; padding-top:4px; margin:0 auto; color:#ccc; }
	#footer .logo { display:block; position:absolute; top:0; left:10px; width:51px; height:34px; }
	#footer .bar {  padding:4px 10px 0 60px; height:21px; background-color:#000; }
		#footer li { margin-left:30px; }
			#footer a { color:#ccc; text-decoration:none; }
			#footer a:hover { color:#f60; }
		
		#footer .right { padding:0; }
			#footer .right span { color:#f60; }