/*
	Cotton Candy Stylesheet
	Creation Date: Aug 4, 2006
	Last Modified: Aug 4, 2006
	Author: Chris Riehl
*/

/* body Element Styles
-----------------------------------------------*/
html, body {
	height: 100%;
}

body 
{
	margin: 10px 0px 0px 0px;
	background: #3F3F3F;
	font-family: Arial;
	color: #333333;
	font-size:11px;
	text-align: left;
}

form {
	margin: 0;
	padding: 0;
}

#Container
{
	position: absolute;
	width: 930px;
	background: #000000;
}
#FlashMenu
{
	float: left;
	width: 930px;
	height: 134px;
}
#Flash
{
	position:absolute;
	margin: 101px 0px 0px 0px;
	z-index: 10;
}

#FlashMenuSage
{
    position:absolute;
    top: 440px;
}

	#Content
	{
		float: left;
		position:relative;
		z-index: 120px;
		width: 930px;
		height: 468px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
		#HTMLContent
		{
			position:relative;
			width: 696px;
			margin: 0px 0px 0px 234px;
			background: #787878 url("../_images/textBackground.jpg") repeat-x;
			z-index: 120;
		}
		
		#ifHtml
		{
		    position: relative;
		    float: left;
		    z-index: 150;
		}
		
		#HTMLContentSearch
		{
			position:relative;
			width: 930px;
			margin: 0px 0px 0px 0px;
			background: #787878 url("../_images/textBackground.jpg") repeat-x;
			z-index: 100;
		}
			
			#ApplyBox
			{
				position: absolute;
				width: 300px;
				top: 60px;
				left: 550px;
				color: #FFFFFF;
			}
				#ApplyBox h3
				{
					padding: 0px 0px 0px 0px;
					margin: 0px 0px 0px 0px;
					color: #FFFFFF;
					font-size: 11px;
					font-weight: bold;
				}

			#ContentText
			{
				position: relative;
				text-align: left;
				color: #FFFFFF;
				padding: 10px 20px 0px 40px;
			}
			
				#ContentText hr
				{
					width: 610px;
					height: 1px;
					color:#555555;
					padding: 0px 0px 0px 0px;
					margin: 0px 0px 20px 0px;
				}
				#ContentText h1
				{
					padding: 0px 0px 0px 0px;
					margin: 0px 0px 0px 0px;
					color: #FFFFFF;
					font-size: 14px;
					font-weight: bold;
				}
				#ContentText h2
				{
					padding: 0px 0px 0px 0px;
					margin: 0px 0px 0px 0px;
					color: #FFFFFF;
					font-size: 11px;
					font-weight: normal;
				}
				#ContentText h3
				{
					padding: 0px 0px 0px 0px;
					margin: 0px 0px 0px 0px;
					color: #FFFFFF;
					font-size: 11px;
					font-weight: bold;
				}
				#ContentTitle
				{
					float: left;
					width: 500px;
					margin: 0px 0px 10px 0px;
					text-align: left;
				}
				
				/* Promocan Search */
				#ContentText #WideSearchBox
				{
					width: 300px;
					height: 85px;
					float: left;
					border: solid 1px #555555;
					margin: 1px;
					vertical-align: middle;
					padding: 3px;										
				}
				
				#ContentText #NormalSearchBox
				{
					width: 150px;
					height: 85px;
					float: left;
					border: solid 1px #555555;;
					margin: 1px;
					vertical-align: middle;
					padding: 3px;
				}
				
	#Footer
	{
		float: left;
		width: 930px;
		height: 20px;
		margin: 30px 0px 0px 0px;
		text-align: center;
	}
	
	div.GetFlash
	{
		float: left;
		width: 930px;
		background: #3F3F3F;
		padding: 10px 0px 0px 0px;
		text-align: center;
	}
	
	#Header
	{
		float: left;
		width: 930px;
		height: 99px;
		background: url("/_images/headerBackground.jpg") no-repeat;
		border-bottom: 3px solid #000000; 
	}
		#HeaderMenu
		{
			float: left;
			width: 720px;
			padding: 80px 20px 0px 0px;
			text-align: right;
		}
		#Logo
		{
			float: left;
			width: 180px;
		}
	
	#Menu
	{
		float: left;
		width: 260px;
		height: 133px;
		background: #BCB38C;
		margin: 5px 0px 0px 0px;
	}
		#MenuOption
		{
			float: left;
			width: 260px;
			height: 25px;
			text-align: left;
		}
		#MenuSpace
		{
			float: left;
			width: 235px;
			height: 2px;
			background: #CCCCCC;
		}
	#MenuDetail
	{
		float: left;
		width: 640px;
		height: 134px;
		background: #BCB38C;
		margin: 5px 0px 0px 0px;
		text-align:left;
	}
			#CatalougeOption
			{
				float: left;
				width: 155px;
				text-align: center;
			}
				#CatalougeTitle
				{
					float: left;
					width: 155px;
					margin: 0px 0px 5px 0px;
				}
				#CatalougeImage
				{
					float: left;
					width: 155px;
				}
					#CatalougeImage img
					{
						border: solid 1px #333333;
					}
					
/* ASP.NET and Form Element Styles
-----------------------------------------------*/				
.textBox
{
	font-size: 10px;
	border-style: none;
}

.button
{
	font-size: 11px;
	padding: 1px;
}


input
{
	z-index: 100;
}