
* {margin:0px; padding:0px;}

html, body
{
	margin: 0px;
	padding: 0px;
	background:url(../gfx/app_bg_top.png) repeat-x #e6e6e6;
	font-size:14px;
	height:100%;
}

.highlight
{
	border:1px solid #ffb2b2;
}

img
{
	border:none;
}

a
{
	color:#d96e3d;
	font-weight:bold;
	text-decoration:none;
}

ul.items
{
	list-style-image:url(../gfx/icon/checked.png);
	margin-bottom:40px;
	margin-left:40px;
}

h1
{
	font-family:"Helvetica";
	color:#262626;
	margin-bottom:10px;
}

.divide
{
	height: 2px;
	background-color:#EDEDED;
	width:100%;
	margin-bottom:20px;
}

p
{
	letter-spacing:.07em;
	line-height:1.4em;
	margin-top:10px;
	margin-bottom:10px;
}



/**************************/
/*    PAGE CONTAINERS     */
/**************************/

div#wrapper
{
	width:100%;
	height:auto !important;
	height:100%;
	min-height:100%;
	position:relative;

}
	div#header
	{
		width:900px;
		padding-left:30px;
		padding-right:30px;
		height:81px;
		margin-left:auto;
		margin-right:auto;
	}
		div#header div#logo
		{
			padding-top:21px;
			float:left;
			width:165px;
		}
		
		div#header div#slogan
		{
			padding-top:31px;
			padding-left:15px;
			font-family: Verdana;
			font-size:.9em;
			color:#ffffff;
			float:left;
			font-style:italic;
			width:350px;
		}
		
		div#header div#login
		{
			color:#802a00;
			font-family:Helvetica;
			font-size:.8em;
			font-weight:bold;
			float:right;
			height:62px;
			width:370px;
			padding-top:18px;
		}
			div#header div#login div#username
			{
				text-transform: uppercase;
				float:right;
				width:101px;
			}
			
			div#header div#login div#password
			{
				text-transform: uppercase;
				float:right;
				width:101px;
				padding-left:10px;
			}
			
			div#header div#login input[type="text"]
			{
				width:100px;
				float:right;
			}
			
			div#header div#login div#login_button
			{
				padding-top:1.2em;
				padding-left:10px;
				float:right;
				width:93px;
				text-align:right;
			}
			
	div.subheader
	{
		width:100%;
		height:39px;
		background:url(../gfx/app_bg_navigation.png) repeat-x;
	}	
		div.subheader div.navigation
		{
			width:900px;
			margin-left:auto;
			margin-right:auto;
			height:39px;
		}
			
			div.subheader div.navigation ul.navigation-bar
			{
				list-style-type:none;
				height:39px;
				float:left;
				width:800px;
			}
			
				div.subheader div.navigation ul.navigation-bar a
				{
					text-decoration:none;
					color:#FFF;
					font-family:Helvetica;
					font-size:1.1em;
					text-transform: uppercase;
				}
				
				div.subheader div.navigation ul.navigation-bar li
				{
					display:inline;
					float:left;
					width:auto;
				}
				
				div.subheader div.navigation ul.navigation-bar li.current
				{
					background: url(../gfx/app_navigation_bg_active.png) repeat-x;
				}
				
				div.subheader div.navigation ul.navigation-bar li div.tip
				{
					width:11px;
					float:left;
					height:38px;
					background:url(../gfx/app_navigation_left.png);
				}
				
				div.subheader div.navigation ul.navigation-bar li div.box
				{
					height:28px;
					float:left;
					padding-left:10px;
					padding-right:20px;
					padding-top:11px;
				}
					div.subheader div.navigation ul.navigation-bar li:hover div, 
					div.subheader div.navigation ul.navigation-bar li div.current
					{
						cursor:pointer;
					}
					
					div.subheader div.navigation ul.navigation-bar li:hover div a, 
					div.subheader div.navigation ul.navigation-bar li div.current a
					{
						color:#fe6000;
					}
					
					div.subheader div.navigation ul.navigation-bar li:hover div.tip,
					div.subheader div.navigation ul.navigation-bar li.current div.tip
					{
						background:url(../gfx/app_navigation_left_hover.png);
					}
				
				div.subheader div.navigation ul.navigation-bar li div.last-div
				{
					background: url(../gfx/app_navigation_last.png) no-repeat;
					height:39px;
					width:12px;
					clear:both;
					cursor:default;
				}
				
			div.subheader div#language
			{
				float:right;
				height:33px;
				margin-top:7px;
				width:220px;
			}
				div.subheader div#language a
				{
					color:#FFF;
					font-family:Helvetica;
				}
				
				div.subheader div#language a.current
				{
					font-weight:bold;
				}
				
				div.subheader div#language div.lang-icon 
				{
					float:right;
					margin-left:10px;
					width:32px;
				}
				
				div.subheader div#language div.lang-text
				{
					float:right;
					margin-left:10px;
					width:58px;
				}
				
	div.sub
	{
		width:100%;
		height:30px;
		background:url(../gfx/app_bg_navigation_sub.png) repeat-x;
	}	
		div.sub div.navigation
		{
			width:900px;
			margin-left:auto;
			margin-right:auto;
			height:30px;
		}
			
			div.sub div.navigation ul.navigation-bar
			{
				list-style-type:none;
				height:30px;
				float:left;
				width:680px;
			}
			
				div.sub div.navigation ul.navigation-bar a
				{
					text-decoration:none;
					color:#FFF;
					font-family:Helvetica;
					font-size:1.0em;
					text-transform: uppercase;
					font-weight:normal;
				}
				
				div.sub div.navigation ul.navigation-bar li
				{
					display:inline;
					float:left;
					width:auto;
				}
				
				div.sub div.navigation ul.navigation-bar li div.box
				{
					height:30px;
					padding-left:20px;
					padding-right:20px;
					padding-top:5px;
				}
					div.sub div.navigation ul.navigation-bar li:hover div, 
					div.sub div.navigation ul.navigation-bar li div.current
					{
						cursor:pointer;
					}
					
					div.sub div.navigation ul.navigation-bar li:hover div a, 
					div.sub div.navigation ul.navigation-bar li div.current a
					{
						color:#fe6000;
					}
				
	div#body
	{
		width:996px;
		margin-left:auto;
		margin-right:auto;
	}
		div#body div#body-top
		{
			margin-top:10px;
			width:996px;
			height:78px;
			background:url(../gfx/app_bg_body_top.png) no-repeat;
			text-align:left;
		}
			div#body div#body-top h1
			{
				margin-left:55px;
				padding-top:20px;
				letter-spacing:.12em;
			}
		
		div#body div#body-content
		{
			width:924px;
			background: url(../gfx/app_bg_body.png) repeat-y;
			padding:35px;
			padding-top:0px;
			font-family:Helvetica;
			padding-bottom:160px;
		}
		
		div#body div#body-bottom
		{
			width:996px;
			background: url(../gfx/app_bg_body_bottom.png) no-repeat;
			height:78px;
		}
		
	div#footer
	{
		background: url(../gfx/app_bg_footer.png) repeat-x;
		height: 130px;
		padding-top:15px;
		font-family:Helvetica;
		font-weight:bold;
		bottom:0;
		position:absolute;
		width:100%;
		font-size:.9em;
	}
		div#footer div#footer-content
		{
			width:900px;
			margin-left:auto;
			margin-right:auto;
		}	
			div#footer div#footer-content h4
			{
				color:#FFF;
				font-size:1.2em;
				margin-bottom:11px;
			}
			
			div#footer div#footer-content div#footer-left
			{
				float:left;
			}
			
			div#footer div#footer-content div#footer-middle
			{
				float:left;
			}
			
			div#footer div#footer-content div#footer-right
			{
				width:150px;
				float:right;
			}
			
				div#footer div.literal
				{
					color:#666666;
					float:left;
					width:80px;
					margin-bottom:3px;
				}
				
				div#footer div.value, div.value a
				{
					color:#999999;
					float:left;
					width:auto;
					margin-bottom:3px;
				}
/************ NORMAL FIELDSET ****************/
fieldset.app-fieldset
{
	border:none;
}
	fieldset.app-fieldset div.field_single
	{
		width:180px;
		margin-right:10px;
		margin-left:10px;
	}

	fieldset.app-fieldset div.field_double
	{
		width:180px;
		float:left;
		padding-right:10px;
		padding-left:10px;
		
	}
		fieldset.app-fieldset div.field_single div.input input,
		fieldset.app-fieldset div.field_double div.input input,
		fieldset.app-fieldset div.field_single div.textarea textarea,
		fieldset.app-fieldset div.field_double div.input select
		{
			padding:6px;
			margin-bottom:20px;
		}
		
		fieldset.app-fieldset div.field_single label,
		fieldset.app-fieldset div.field_double label
		{
			margin-bottom:4px;
			float:left;
			text-transform:uppercase;
			font-size:.9em;
			font-weight:bold;
		}
	
		fieldset.app-fieldset div.field_double label
		{
			width:180px;
		}
		
		fieldset.app-fieldset div.field_double div.input
		{
			width:180px;
			float:left;
		}
			fieldset.app-fieldset div.field_double div.input input
			{
				width:168px;	
			}
			
			fieldset.app-fieldset div.field_double div.input select
			{
				width:181px;
			}
				
/************ NORMAL PAGE CONTAINER ****************/
div#body div.box
{
	margin-left:auto; 
	margin-right:auto;  
	width:880px;
}
	div#body div.box div.left
	{ 
		float:left;
		padding-right:15px;
	}
	
	div#body div.box div.image
	{
		width:440px;
	}
	
	div#body div.box div.right
	{
		float:right; 
		padding-left:15px;
	}
	
	div#body div.box div.text
	{
		width:400px;
	}
	
	div#body div.box h2
	{
		font-weight:bold;
		color:#666666;
		margin-bottom:5px;
		font-size:1em;
	}
	
	div#body div.box p
	{
		color:#666666;
	}
	
	div#body div.box span.price
	{
		font-size:1.9em;
		font-weight:bold;
		
	}
				
				
/************ HOME ***************/
ul#sitemap
{ 
	padding: 8px 25px; 
	list-style: none;
    -webkit-box-shadow: 2px 2px 5px black;
    
}
	ul#sitemap li
	{
		padding:4px;
	}
	
	ul#sitemap ul             
	{ 
		list-style: none;
		-webkit-box-shadow: 2px 2px 5px black;
		margin-left:30px;
	}
					
				
/********** REFERENCE ************/
div#reference
{
	margin-left:auto;
	margin-right:auto;
	width:666px;
}
	
	div#reference img
	{
		width:666px;
		border:1px solid #4a4a4a;
	}
	
	div#reference p
	{
		font-size:.9em;
		margin-bottom:20px;
	}
	
	
	
/**************************/
/*        MESSAGE         */
/**************************/

div.app-message
{
	border: 2px solid #b8e6a1;
	padding:20px;
	background: url(../gfx/app_bg_message.png) no-repeat #fafafa;
	margin-bottom:30px;
	width:858px;
	margin-left:auto;
	margin-right:auto;
}
	div.app-message ul
	{
		margin-top:10px;
		list-style-type:none;
		
	}


/**************************/
/*        NOTICE          */
/**************************/

div.app-notice
{
	border: 2px solid #ffd2b8;
	padding:20px;
	background: url(../gfx/app_bg_notice.png) no-repeat #fafafa;
	margin-bottom:30px;
	width:858px;
	margin-left:auto;
	margin-right:auto;
}
	div.app-notice ul
	{
		margin-top:10px;
		list-style-type:none;
		
	}

/**************************/
/*         ERROR          */
/**************************/

div.app-error
{
	border: 2px solid #ffb2b2;
	padding:20px;
	background: url(../gfx/app_bg_error.png) no-repeat #fafafa;
	margin-bottom:30px;
	width:858px;
	margin-left:auto;
	margin-right:auto;
}
	div.app-error p
	{
		font-weight:bold;
		margin-bottom:10px;
	}

	div.app-error ul
	{	
		margin-top:10px;
		list-style-type:none;
		
	}