/*
   application.css
   Stylex Seating
   
   Created by Aaron Vanderzwan on 2010-05-04.
   Copyright 2010 Conduit Studios. All rights reserved.
*/

body {color:#666;margin-top:0;margin-bottom:0;}
	p			{}
	h1			{}
	h2			{color:#ccc;font-size:24px;line-height:35px;margin-bottom:10px;}
	h2.red		{color:#ff3333;font-size:30px;line-height:30px;margin-bottom:17px;}
	h3			{color:#666666;font-family:arial;font-size:12px;font-weight:bold;line-height:18px;margin-bottom:0px;}
	h4			{}
	h5			{}
	a 			{color:#666;text-decoration:none;}
	a:hover 	{color:#ff3333;}

div, p {}
.up {color:#999;font-size:14px;}
div.size-11, div.size-11 p {font-size:11px;}
div.size-12, div.size-12 p {font-size:12px;}
div.size-14, div.size-14 p {font-size:14px;}
div.size-16, div.size-16 p {font-size:16px;}
div.size-18, div.size-18 p {font-size:18px;}
div.size-24, div.size-24 p {font-size:24px;}

.noScroll {}
.content {min-height:500px;}
.bottomSpace {margin-bottom:20px !important;}
.normalBottomSpace {margin-bottom:5px !important;}
ul.pluses, .nodeBody ul   {font-size:11px;list-style:disc url("/_images/toSprite/plus.gif") outside;margin:0 0 0 1.5em;}

div.header {margin-bottom:12px;position:relative;} /*margin bottom of 12 px because of line-height*/
	ul.nav 					{float:left;list-style-type:none;margin:46px 0 0 0;}
	ul.nav li 				{float:left;margin:0 15px 0 0;position:relative;}
	ul.nav li a 			{font-size:16px;}
	ul.nav li a:hover {}

	.logo {float:right;margin:43px 0 0 0;}
	

div#overlay {background:#000;display:none;height:100%;left:0;opacity:0.8;position:absolute;top:0;width:100%;z-index:20;}
	#overHeader 					{display:none;margin:0 auto;position:absolute;top:0px;width:100%;z-index:21;}
	#overHeader .wrapper 			{background:#666666;height:250px;margin-top:10px;}
	#overHeader .header				{margin-top:-10px;}
	#overHeader .nav li a 			{color:#333;}
	#overHeader .nav li.active a 	{color:#fff;}
	#overHeader .nav li a:hover		{color:#999;}
	
	ul.sub 			{display:none;left:0;list-style-type:none;margin:0;position:absolute;top:30px;}
	ul.sub li 		{float:none;}
	ul.sub li a 	{font-size:12px;}
	.active ul.sub	{display:block;}
	
div#imageGallery	{display:none;margin:0 auto;position:absolute;top:0px;width:100%;z-index:21;}
	#imageGallery .wrapperTop				{background:#666666;height:72px;margin:10px auto 0;text-align:left;width:980px;}
	#imageGallery .header					{margin-top:-10px;}
	#imageGallery .wrapper					{background:#fff;margin-top:20px;}
	#imageGallery .mainStage				{position:relative;height:560px;margin-bottom:20px;}
	#imageGallery .mainStage .image			{margin:10px 0 30px 232px;position:relative;width:500px;}
	#imageGallery .mainStage .image img		{margin:10px 0 30px 0;}
	#imageGallery .mainStage .flash2		{margin:10px 0 30px 20px;width:926px;}
	#imageGallery .mainStage .flash2 object {margin-left:0;margin-top:10px;}
	#imageGallery #closeGallery 			{color:#333;float:left;font-size:22px;font-family:"Helvetica Neue",helvetica,arial,sans-serif;font-weight:100;line-height:24px;margin:0;position:relative;z-index:99;}
	                                    	
	#galleryNav 							{float:left;margin-left:26px;margin-bottom:20px;width:666px;}
	#galleryNav a							{float:left;width:113px;}
	#galleryNavHolder 						{height:auto;}
	.galleryHolder							{position:relative;}
	.galleryHolder .productArrows a			{position:absolute;top:40px;width:20px;}
	.galleryHolder .productLeft	 			{left:0;}
	.galleryHolder .productRight	 		{right:0;}
	                                    	
	#galleryNavHolder a 					{float:left;width:115px;}
	div.LBGalleryHolder						{overflow:hidden;margin-left:25px;width:910px;}
	#galleryNavHolder						{height:120px;position:relative;margin-bottom:20px;}
	#galleryNavHolder .productArrows a		{position:absolute;top:40px;width:20px;}
	#galleryNavHolder .productLeft	 		{left:0;}
	#galleryNavHolder .productRight	 		{right:0;}

/*Installations & Showrooms	*/
.wrapper .container div.galleries					{margin-left:0 !important;}


div.footer {margin:20px 30px;}
	.footerBG 			{background-color:#f4f4f4;float:left;margin:20px 0 0 -30px;width:1020px;}
	.footerNav ul 		{list-style-type:none;margin-bottom:0;}
	.footerNav ul li 	{}
	.footerNav ul li a 	{font-size:12px;}
	
	#arrows	{float:left;margin-bottom:32px;}
		#arrows a {float:left;height:29px;}
		.left		{}
		.right		{margin:0 0 0 20px;}
		
	.copyright {clear:both;color:#999;font-size:12px;}
	
/*Homepage*/
.slideHolder 				{height:590px;margin:0 auto;overflow:hidden;position:relative;width:100%;}
.slideContainer 			{position:relative;}
.slideContainer .slide 		{position:absolute;width:1020px;}


/*CATEGORY*/
.category div.bottomSpace {margin-bottom:40px !important;}
.category .span-1 img {margin-bottom:10px;}
.category .stand {border-bottom:1px solid #e5e5e5;height:1px;line-height:1px;margin-bottom:10px;}
.category .name {font-size:16px;}


/*PRODUCT*/
.product 	.top    {margin:0 0 30px -30px;position:relative;}
.product    .productNavBox    {background:#666666;bottom:-10px;height:190px;left:20px;position:absolute;z-index:10;}
			.productNavBox    .title    {color:#fff;font-size:26px;margin-bottom:0px;margin-left:10px;}
			.productNavBox    .by    	{color:#fff;font-family:arial;font-size:12px;margin-bottom:0;margin-left:10px;}
			.productNavBox    .productNav    {list-style-type:none;margin-left:10px;margin-top:95px;}
			.productNavBox    .productNav	 li    {float:left;margin-right:20px;}
			.productNavBox    .productNav	 li    a {color:#333;font-size:16px;text-decoration:none;}
			.productNavBox    .productNav	 li    a:hover {color:#999;text-decoration:none;}
			.productNavBox    .productNav	 li.active    a {color:#fff;}
			#flash {position:absolute;bottom:0;left:0;z-index:9;}
.product    {}
			.productGallery01    {float:left;list-style-type:none;margin:20px 0 0 0;}
			.productGallery01    li    {float:left;width:119px;}
			.productGallery01    li    a    {float:left;}
			.details .nodeBody {margin-bottom:10px;}
.billboardHolder {height:550px;}
.design, .details, .tour, #flash {display:none;}

.nodeTitle, h6    {color:#333;font-family:arial;font-size:1.2em;font-weight:bold;margin:0 0 10px;}			
.nodeBody    {font-size:1.1em;margin-bottom:20px;}
.nodeBody    img    {margin-bottom:10px;}

.designer 	 {margin-bottom:20px;}
.designer    .nodeBody    {font-family:arial;}

.relatedProducts ul {list-style:none;}
.relatedProducts ul li {float:left;padding-left:24px;width:80px;}


/*installations etc*/
#imageGallery .galleryStage 		{margin:0 0 100px;left:125px;height:408px;position:relative;width:716px;}
#imageGallery .galleryStage .image	{margin:0;width:auto;}
.galleryContent 					{border-top:1px solid #e5e5e5;font-size:12px;margin-top:40px;width:716px;}
#galleryNavHolder .galleryArrows a	{top:10px;}
#imageGallery .container 			{position:relative;}
.singleArrows a 					{position:absolute;top:300px;}
.singleArrows a.productLeft 		{left:0;}
.singleArrows a.productRight 		{right:0;}
.showInstall .singleArrows a 		{top:200px;}

/*OTHER*/
.bottomMg 				{margin-bottom:20px;}
ul.pluses li a 			{font-size:12px;}
.pluses li.active a, 
a.active 				{font-family:arial;font-weight:bold;color:#666666;}
img.designerBillboard 	{margin-bottom:10px;}
.designerPortfolio h3 	{font-size:12px;}

	/*Form*/
	.focusMagic input, 
	.focusMagic textarea	 	{background:#F4F4F4;border:1px solid #BBB;border-top:1px solid #777;color:#666666;font-family:arial;font-size:12px;font-weight:bold;margin-bottom:10px;padding:4px;width:100%;}
	.focusMagic input.buttons	{background:#FFF;border:0px;color:#ff3333;cursor:pointer;cursor:hand;font-family:georgia;font-size:18px;font-weight:normal;margin:10px 10px 0 0;padding:0;width:auto;}
	input.error 			 	{border:1px solid #ff3333;}
	input.noStyles 			 	{background:none;border:0 solid #fff;float:left;margin:0 5px 10px 0;width:auto;}
	label.noStyles 			 	{font-weight:normal;}
	
	
.CMScontent strong, .CMScontent span 	{font-style:normal !important;font-size:16px;color:#666;}
.resourcesGrid .sixer-span-1 			{margin-bottom:20px;}
.resourcesGrid .sixer-span-1  img 		{margin-bottom:7px;}
.resourcesGrid .sixer-span-1 .stand 	{border-bottom:1px solid #E5E5E5;height:1px;line-height:1px;margin-bottom:7px;}
.resourcesGrid .setGridHeight 			{height:170px;}
.finishes 								{font-size:11px;}
.finishWrapper							{height:200px;}
.finishes .setGridHeight 				{height:150px;}
.finishes img 							{margin-bottom:10px;}

	/*Video Lightbox*/
	#videoWrapper 	{display:none;left:0;position:absolute;top:0;width:100%;z-index:21;}
	#video 			{width:400px;margin:200px auto;}
	.close 			{color:#FFFFFF;float:left;font-family:"Helvetica Neue",helvetica,arial,sans-serif;font-size:22px;font-weight:100;margin:5px 0 0;}
	.close:hover 	{color:#FFFFFF;float:left;font-family:"Helvetica Neue",helvetica,arial,sans-serif;font-size:22px;font-weight:100;margin:5px 0 0;}