/* imports */
@import url(Navigation.css);
@import url(SearchPageStyles.css);
@import url(MyFreeBayePageStyles.css);
@import url(../Scripts/greybox/gb_styles.css);

/* standard shell template */
html, body 
{
	margin:0;
	padding:0;
	border:0;
}

body
{		
	font-family: Verdana;
	font-size: 70%;
	background: #0166C9 url(../Images/SiteBackground.jpg) repeat-x top center;
	text-align: center;	
	line-height: 18px;
	color: #000;
}

.clear{
	clear:both;	
	height: 0px;
	overflow: hidden;	
}

/* redefine */
form 
{
	padding: 0px;
	border: 0px;
	margin: 0px;	
}

.standardformfield 
{
	font-family: Verdana;
	font-size: 100%;
	color: #302C2D;
}

a 
{
	color: #302C2D;
	text-decoration: underline;
}

a:hover 
{
	text-decoration: none;	
}

/* construct */
#wrapper 
{
	margin-left:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	margin-right:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	text-align:left; /*** IE Win re-alignment of page if page is centered ***/
	position: relative;
	margin-top: 10px;
	width: 943px;	
}

	/* Header Panel */
	#wrapper #headerpanel 
	{
		width: 943px;
		float: left;
		height: 134px;
		background: #FF61B3 url(../Images/shellGraphics_04.jpg) repeat-x bottom left;
	}
	
		#wrapper #headerwrap 
		{
			width: 943px;
			height: 11px;
			overflow: hidden;
			background: #FF61B3 url(../Images/shellGraphics_01.gif) no-repeat top left;
			float: left;			
		}
		
		#wrapper #headerpanel h1 
		{
			margin: 0px;
			padding: 0px;
			float: left;			
		}
		
			#wrapper #headerpanel h1 a 
			{
				width: 356px;
				height: 123px;
				display: block;
				background: url(../Images/shellGraphics_02.jpg) no-repeat top left;	
			}
			
				#wrapper #headerpanel h1 a span 
				{
					display: none;					
				}
				
		#wrapper #headerpanel #quicklogin 
		{
			width: 510px;
			float: left;
			margin-left: 77px;
			height: 71px;
			color: #FFF;
			padding-top: 5px;				
			overflow: hidden;	
		}
		
			#wrapper #headerpanel #quicklogin a 
			{
				color: #FFF;
			}
		
			#wrapper #headerpanel #quicklogin input 
			{
				border: solid 1px #000;
				background: #FFB3DA;
				font-family: Verdana;
		        font-size: 100%;
		        padding: 3px;
			}
		
		/* Navigation see Navigation.css */
		
	/* Content Panel */
	#wrapper #contentpanel 
	{
		margin-top: 14px;		
		float: left;
		width: 943px;	
		background: #FFF;
		position: relative;
		z-index: 1;
	}
	
		/* Home Styles */
		#wrapper #contentpanel #homenavstar 
		{
			position: absolute;
			width: 68px;
			height: 27px;
			background: url(../Images/HomeNavStar.gif) no-repeat top left;
			top: -14px;
			left: 0px;
		}
		
		#wrapper #contentpanel #homepanelone 
		{
			width: 454px;
			float: left;			
		}
		
			#wrapper #contentpanel #homepanelone #welcomesearch 
			{
				background: #FFDD8B;
				width: 437px;
				float: left;
				height: 84px;
				padding: 14px 0px 7px 17px;				
				color: #8A784B;
				overflow: hidden;
			}
				#wrapper #contentpanel #homepanelone #welcomesearch a
				{
					color: #8A784B;						
				}
				
				#wrapper #contentpanel #homepanelone #welcomesearch input, #wrapper #contentpanel #homepanelone #welcomesearch select
				{
					background: #FFF;
					border: solid 1px #7F9DB9;
					font-family: Verdana;
					font-size: 100%;
					padding: 3px;
				}
				
				#wrapper #contentpanel #homepanelone #welcomesearch select 
				{
					padding: 3px 3px 3px 0px;
				}
			
			#wrapper #contentpanel #homepanelone #categorieslist 
			{
				width: 218px;
				float: left;
				background: #FFDD8B;
				height: 256px;								
			}
						
				#wrapper #contentpanel #homepanelone #categorieslist h2 
				{
					height: 23px;
					line-height: 23px;
					background: #FB3EA0 url(../Images/shellGraphics_22.gif) no-repeat top left;
					margin: 0px;
					padding: 7px 0px 0px 21px;
					font-size: 100%;
					color: #FFF;
					font-weight: normal;
				}
				
				#wrapper #contentpanel #homepanelone #categorieslist ul 
				{
					margin: 7px 21px 0px 21px;
					padding: 0px;
				}
				
					#wrapper #contentpanel #homepanelone #categorieslist ul li 
					{			
						list-style-type: none;
						line-height: 130%;			
					}
					
						#wrapper #contentpanel #homepanelone #categorieslist ul li a 
						{
							color: #000;
							text-decoration: none;												
						}
						
							#wrapper #contentpanel #homepanelone #categorieslist ul li a:hover 
							{
								color: #858383;	
							}
						
			#wrapper #contentpanel #homepanelone #quickcategoriesbuttons 
			{
				width: 231px;				
				float:left;				
				position: absolute;		
				top: 100px;		
				left: 223px;
				z-index: 0;
			}
			
				#wrapper #contentpanel #homepanelone #quickcategoriesbuttons ul 
				{
					margin: 0px;
					padding: 0px;
				}
				
					#wrapper #contentpanel #homepanelone #quickcategoriesbuttons ul li 
					{
						list-style-type: none;
						width: 230px;	
						float: left;
					}
					
						#wrapper #contentpanel #homepanelone #quickcategoriesbuttons ul li a 
						{
							display: block;
							width: 231px;	
							float: left;						
						}
						
							#wrapper #contentpanel #homepanelone #quickcategoriesbuttons ul li.homegarden a
							{
								height: 89px;
								background: url(../Images/shellGraphics_20.jpg) no-repeat top left;
							}
							
							#wrapper #contentpanel #homepanelone #quickcategoriesbuttons ul li.carparts a
							{
								height: 84px;
								background: url(../Images/shellGraphics_28.jpg) no-repeat top left;
							}
							
							#wrapper #contentpanel #homepanelone #quickcategoriesbuttons ul li.computing a
							{
								height: 85px;
								background: url(../Images/shellGraphics_31.jpg) no-repeat top left;
							}
							
							#wrapper #contentpanel #homepanelone #quickcategoriesbuttons ul li a span 
							{
								display: none;
								height: 0px;
								width: 0px;
								overflow: hidden;
							}
							
							#wrapper #contentpanel #homepanelone #quickcategoriesbuttons ul li a:hover 
							{
								background-position: bottom left;
							}
			
			#wrapper #contentpanel #homepanelone #homeadlogos 
			{
				width: 454px;
				float: left;
				margin-top: 8px;
			}
			
				#wrapper #contentpanel #homepanelone #homeadlogos ul 
				{
					margin: 0px;
					padding: 0px;									
				}
				
					#wrapper #contentpanel #homepanelone #homeadlogos ul li 
					{
						display: inline;
						list-style-type: none;
						float: left;
					}
					
						#wrapper #contentpanel #homepanelone #homeadlogos ul li.homeadlogopadding 
						{
							margin-left: 5px;
						}
					
						#wrapper #contentpanel #homepanelone #homeadlogos ul li a img
						{
							border: solid 1px #BABABA;
						}
		
		#wrapper #contentpanel #homepaneltwo 
		{
			width: 479px;
			float: left;
			margin-left: 10px;
			background: #FFDD8B;
		}
		
			#wrapper #contentpanel #homepaneltwo h2 
			{
				width: 479px;
				margin: 0px;
				padding: 0px;
				background: #F61187 url(../Images/shellGraphics_15.gif) no-repeat top left;
				display: block;		
				height: 34px;
				line-height: 34px;		
			}	
					
				#wrapper #contentpanel #homepaneltwo h2 span 
				{
					display: none;
				}
				
			#wrapper #contentpanel #homepaneltwo #homepaneltwotext 
			{
				width: 435px;
				float: left;	
				padding: 18px 26px 12px 18px;				
			}
			
			/* Home Panel Two Buttons */
			#wrapper #contentpanel #homepaneltwo #homepaneltwobuttons 
			{
				width: 458px;
				float: left;					
				padding: 0px 12px 0px 9px;
			}
			
				#wrapper #contentpanel #homepaneltwo #homepaneltwobuttons #homepaneltwobuttonscolone 
				{
					width: 229px;
					float: left;
				}
				
					#wrapper #contentpanel #homepaneltwo #homepaneltwobuttons #homepaneltwobuttonscolone #homepaneltwobuttonscolonetext 
					{
						width: 215px;
						float: left;
						height: 105px;
						padding: 0px 5px 0px 9px;
					}
				
					#wrapper #contentpanel #homepaneltwo #homepaneltwobuttons #homepaneltwobuttonscolone #homepaneltwobuttonscolonelink 
					{
						width: 229px;
						float: left;
					}
					
						#wrapper #contentpanel #homepaneltwo #homepaneltwobuttons #homepaneltwobuttonscolone #homepaneltwobuttonscolonelink a 
						{
							width: 229px;
							height: 187px;		
							display: block;	
							background: url(../Images/shellGraphics_30.jpg) no-repeat top left;				
						}
						
							#wrapper #contentpanel #homepaneltwo #homepaneltwobuttons #homepaneltwobuttonscolone #homepaneltwobuttonscolonelink a span 
							{
								display: none;								
							}
				
				#wrapper #contentpanel #homepaneltwo #homepaneltwobuttons #homepageltwobuttonscoltwo 
				{
					width: 229px;
					float: left;
				}
				
					#wrapper #contentpanel #homepaneltwo #homepaneltwobuttons #homepageltwobuttonscoltwo a 
					{
						width: 229px;
						height: 292px;
						display: block;
						background: url(../Images/shellGraphics_25.jpg) no-repeat top left;
					}
					
						#wrapper #contentpanel #homepaneltwo #homepaneltwobuttons #homepageltwobuttonscoltwo a span 
						{
							display: none;
						}
			
		/* Page Content */
		#wrapper #contentpanel #standardpage 
		{
			width: 943px;
			float: left;
			/*background: #FFDD8B;*/
			background: #FFF;
		}
		
			#wrapper #contentpanel #standardpage #pagenavstar 
			{
				width: 67px;
				height: 26px;
				position: absolute;
				background: url(../Images/StandardPageStar.gif) no-repeat top left;
				top: -14px;
				left: 0px;
			}
		
			#wrapper #contentpanel #standardpage h2 
			{
				margin: 0px;
				padding: 0px;				
				display: block;		
				height: 34px;
				line-height: 34px;	
			}
			
				/* Header Replacements */
				#wrapper #contentpanel #standardpage h2.privacypolicy 
				{
					background: #F61187 url(../Images/PageHeaders_PrivacyPolicy.gif) no-repeat top left;
				}
				
				#wrapper #contentpanel #standardpage h2.useragreement 
				{
					background: #F61187 url(../Images/PageHeaders_UserAgreement.gif) no-repeat top left;
				}
				
				#wrapper #contentpanel #standardpage h2.accessibility 
				{
					background: #F61187 url(../Images/PageHeaders_Accessibility.gif) no-repeat top left;
				}
				
				#wrapper #contentpanel #standardpage h2.help 
				{
					background: #F61187 url(../Images/PageHeaders_Help.gif) no-repeat top left;
				}
				
				#wrapper #contentpanel #standardpage h2.contact 
				{
					background: #F61187 url(../Images/PageHeaders_Contact.gif) no-repeat top left;
				}
				
				#wrapper #contentpanel #standardpage h2.about 
				{
					background: #F61187 url(../Images/PageHeaders_AboutFreeBaye.gif) no-repeat top left;
				}
				
				#wrapper #contentpanel #standardpage h2.sitemap 
				{
					background: #F61187 url(../Images/PageHeaders_SiteMap.gif) no-repeat top left;
				}
				
				#wrapper #contentpanel #standardpage h2.forgottenpassword 
				{
					background: #F61187 url(../Images/PageHeaders_ForgottenPass.gif) no-repeat top left;
				}
				
				#wrapper #contentpanel #standardpage h2.registernow 
				{
					background: #F61187 url(../Images/PageHeaders_Register.gif) no-repeat top left;
				}
				
				#wrapper #contentpanel #standardpage h2.myfreebaye 
				{
					background: #F61187 url(../Images/PageHeaders_MyFreeBaye.gif) no-repeat top left;
				}
				
					#wrapper #contentpanel #standardpage h2 span 
					{
						display: none;
					}
				
				#wrapper #contentpanel #standardpage #standardpagetext 
				{
					width: 891px;
					float: left;	
					padding: 18px 26px 26px 26px;
					/*color: #6E5F3D;*/
					color: #000;
				}
					/* Contact Page */
					#wrapper #contentpanel #standardpage #standardpagetext #contactleftcol 
					{
						width: 558px;
						float: left;
					}
					
					#wrapper #contentpanel #standardpage #standardpagetext #contactrightcol 
					{
						width: 313px;
						float: left;
						margin-left: 20px;
					}	
					
						#wrapper #contentpanel #standardpage #standardpagetext #contactrightcol #contactrightcolform
						{
							background: #FFDD8B url(../Images/ContactFormBG.gif) no-repeat top left;
							padding: 10px;
							float: left;
							width: 293px;
							height: 233px;
							overflow: hidden;
						}
					
					/* Contact Page */
					#wrapper #contentpanel #standardpage #standardpagetext #forgottenleftcol 
					{
						width: 558px;
						float: left;
					}
					
					#wrapper #contentpanel #standardpage #standardpagetext #forgottenrightcol 
					{
						width: 313px;
						float: left;
						margin-left: 20px;
					}	
					
						#wrapper #contentpanel #standardpage #standardpagetext #forgottenrightcol #forgottenrightcolform 
						{
							background: #FFDD8B url(../Images/ForgottenFormBG.gif) no-repeat top left;
							padding: 10px;
							float: left;
							width: 293px;
							height: 94px;
							overflow: hidden;
						}
					
					/* My FreeBaye Login Page */
					#wrapper #contentpanel #standardpage #standardpagetext #myfreebayenewuser	
					{
						float: left;
						width: 558px;
						
					}
					
					#wrapper #contentpanel #standardpage #standardpagetext #myfreebayeexisting 
					{
						float: left;
						width: 313px;
						padding-left: 20px;
						background: url(../Images/VerticalSpacer.gif) repeat-y top left;
					}
					
						#wrapper #contentpanel #standardpage #standardpagetext #myfreebayeexisting #myfreebayeexistingform 
						{
							background: #FFDD8B url(../Images/ForgottenFormBG.gif) no-repeat top left;
							padding: 10px;
							float: left;
							width: 293px;
							height: 94px;
							overflow: hidden;
						}
					
					#wrapper #contentpanel #standardpage #standardpagetext #myfreebayeforgotten 
					{
						float: left;
						width: 891px;
						padding-top: 20px;
						margin-top: 20px;
						background: url(../Images/HorizontalSpacer.gif) repeat-x top left;
					}
				
					/* FAQ List */
					#wrapper #contentpanel #standardpage #standardpagetext #faqlist 
					{
						margin: 0px;
						padding: 0px;
						float: left;
					}
					
						#wrapper #contentpanel #standardpage #standardpagetext #faqlist li 
						{						
							list-style-type: none;	
							float: left;					
						}
						
							#wrapper #contentpanel #standardpage #standardpagetext #faqlist li.faqquestion 
							{
								cursor: pointer;
								margin-top: 10px;
								background: #FFE7B0;
								height: 25px;
								line-height: 25px;
								width: 891px;								
							}
							
							#wrapper #contentpanel #standardpage #standardpagetext #faqlist li.faqanswer
							{							
								margin-top: 10px;								
							}
				
		/* Search Page Styles See SearchPageStyles.css */
								
		/* My FreeBaye Page Styles - See MyFreeBayePageStyles.css */
						
	
	/* Footer */
	#wrapper #footerpanel 
	{			
		width: 943px;
		float: left;
		height: 13px;
		background: url(../Images/FooterPanelTile.gif) repeat-x top left;	
		text-align: center;				
	}
	
		#wrapper #footerpanel ul 
		{
			margin: 20px 10px 0px 0px;
			padding: 0px 0px 15px 0px;
		}
		
			#wrapper #footerpanel ul li 
			{
				display: inline;
				list-style-type: none;
				color: #FFF;	
				padding-left: 15px;				
			}
			
				#wrapper #footerpanel ul li a 
				{
					color: #FFF;
				}