body {
	margin: 0 0 5px; padding: 0; background: /*#f1ffe1*/#e9e8d6 url('../img/pizza/bg-body.jpg') no-repeat top center;
	text-align: center; font: 11px Arial, "Trebuchet MS", Tahoma; color: #000;
}

img { border: 0; }

a { text-decoration: underline; outline: none; }
a:hover { text-decoration: none; outline: none; }

h1 { margin: 0; padding: 0; font: bold 16px Tahoma, Arial; color: #5cb50d; }

/* layout full screen size */
#container {
	position: relative; width: 820px; margin: 0 auto; padding: 0 5px 5px; /*background: #fff;*/ text-align: left; z-index: 1;
}
	
	/* login */
	#logbar { position: relative; clear: both; width: 750px; height: 30px; margin: 0 auto 2px; padding: 0; }
	#logbar form { margin: 0; text-indent: 0; word-spacing: 0; }
		
		#login { position: absolute; width: 410px; height: 18px; top: 0; right: 5px; padding: 3px 5px 3px 7px; background: #000; color: #eee; }
		* html #login { width: 415px; }
		#login input { width: 80px; height: 13px; margin: 0 0 3px; padding: 2px 0 0 2px; border: 1px solid #c9f68b; background: #f4ffe5; font-size: 11px; color: #000; }
		#login img { vertical-align: middle; }
		#login a { line-height: 18px; margin: 0 4px; color: #ccc; }
		#login a.enter { margin: 0 10px; text-decoration: none; font-weight: bold; font-size: 12px; color: #fff; }
		#login a.signout { padding-left: 20px; background: url('../img/icons/icon-logout.gif') no-repeat; }
	
	/* non stop flash banner */
	#nonstop { position: relative; clear: both; width: 750px; height: 100px; margin: 0 auto 2px; padding: 0; }
	
	/* top */
	#header {
		position: relative; clear: both; width: 750px; height: 210px; margin: 0 auto; padding: 0; border: 2px solid #e8fccc;
		background: #a3ec18 url("../img/pizza/bg-banner.jpg") repeat;
	}
	* html #header { height: 207px; }
		
		/* Pizza Ibiza logo */
		#logo { position: absolute; top: -80px; left: -40px; }
		
		/* beta */
		#beta { position: absolute; top: 65px; left: 360px; }
		
		/* Pizza Ibiza slogan */
		#pizza-slogan { position: absolute; top: 75px; left: 13px; line-height: 25px; font-weight: bold; font-size: 14px; color: #294e09; }
		
		/* menu */
		#menu {
			position: absolute; width: 330px; height: 50px; top: 15px; right: 5px; margin: 0; padding: 0;
			background: #a3ec18 url("../img/pizza/bg-hmenu.gif") repeat-x;
		}
		#menu ul { float: left; margin: 0; padding: 0; font-weight: bold; font-size: 12px; }
		#menu ul li { display: inline; }
		#menu ul li a {
			float: left; line-height: 36px; margin: 0 5px; padding: 0 3px 5px 3px;
			text-decoration: none; font-weight: bold; font-size: 13px; color: #fff;
		}
		#menu ul li a:hover, #menu ul li a.selected { background: url("../img/pizza/menu-selected.gif") no-repeat 50% 100%; color: #b8f836; }
		
		/* phones */
		#order-by-phones { position: absolute; width: 180px; top: 105px; left: 10px; font-size: 18px; }
		#order-by-phones span { font-size: 11px; color: #1ba70c; }
		
		/* online */
		#order-online { position: absolute; width: 180px; top: 105px; left: 210px; }
		#order-online h1 strong { font-size: 18px; color: #000; }
		
		/* my orer */
		#my-order { position: absolute; width: 169px; top: 105px; left: 410px; background: #f5ffed url("../img/pizza/bg-calculator.gif") no-repeat top left; }
		#my-order strong { position: absolute; top: 35px; right: 12px; }
		#my-order strong span { color: #c10000; }
		#my-order div { position: relative; }
		#my-order div a { position: absolute; top: 55px; left: 45px; font-weight: normal; font-size: 11px; color: #000; }
		
			.hbox {
				min-height: 75px; height: auto !important; height: 75px; padding: 5px; font-size: 13px; border: 1px solid #eee;
				background: #f5ffed; font-weight: bold;
			}
			.hbox h1 { margin-bottom: 5px; }
			.hbox a { color: #c10000; }
		
		/* download */
		#download { position: absolute; top: 75px; right: 20px; }
	
	/* body */
	#body { width: 800px; height: 100%; margin: 5px auto; padding: 5px; border: 1px solid #ddd; background: #fff; }
		
		/* here */
		.here {
			clear: both; width: auto; height: 20px; margin: 0 0 5px 0; padding: 5px 0; border: 1px solid #dce1ed;
			background: url("../img/pizza/bg-stripe.gif") repeat;
		}
		.here span {
			height: 30px; margin: 0; padding: 5px 15px 10px 5px; font-weight: bold; font-size: 12px;
			background: url("../img/pizza/bg-here.gif") no-repeat bottom right; color: #40950c;
		}
		.here span a { font-weight: normal; font-size: 11px; color: #000; }
		
		/* logged menu - user bar account */
		.logged_menu {
			clear: both; height: 100%; line-height: 20px; margin: 5px 0 20px; padding: 5px 5px 2px;
			border-style: solid; border-width: 3px 1px 1px 1px; border-color: #87c62e #eee #eee #eee;
			background: #c9f48e; font-size: 10px;
		}
		* html .logged_menu { padding-bottom: 5px; }
		.logged_menu a { font-size: 12px; color: #000; }
		.logged_menu a:hover { color: #0a7b07; }
		.logged_menu img { vertical-align: middle; }
	
	/* footer */
	#footer {
		position: relative; width: 750px; min-height: 40px; height: auto !important; height: 40px; margin: 0 auto 0; padding: 5px;
		background: #f8fef1; text-align: center; color: #7b8272;
	}
		
		/*copyright */
		#copyright { clear: both; margin: 0; padding: 0; }
		#copyright b { color: #5bbc01; }
		
		/* links */
		#links { clear: both; margin: 0; padding: 0; color: #015398; }
		#links a { line-height: 20px; margin: 0 2px; padding: 0; text-decoration: underline; color: #000; }
		#links a:hover { text-decoration: none; color: #015398; }
		
		#fops { clear: both; margin: 10px 0; padding: 0; }
			
			/* validation */
			#validation { margin: 10px 0; padding: 0; z-index: 1; }
			#validation a { margin: 0; padding: 2px; text-decoration: none; }
			#validation a:hover {  }
			#validation a.html { background: #daff90; font-size: 10px; color: #000; }
			#validation a.css { background: #c7ff59; font-size: 10px; color: #000; }
			#validation a.html:hover, #validation a.css:hover { color: #1cb92b; }
			
			/* go top*/
			a#gotop { margin-right: 20px; margin-left: 20px; text-decoration: underline; color: #7b8272; }
			a#gotop:hover { text-decoration: none; color: #000; }
			
			/* web design author */
			#creator { display: inline; margin: 0; padding: 0; color: #696969; }
			#creator a { text-decoration: none; font-weight: bold; font-size: 11px; color: #000; }
			#creator a:hover { color: #5e9f1f; }
			#creator em { font-style: normal; font-weight: bold; color: #9bdc1a; }
			#creator strong { color: #000; }
	
	/* navigator */
	.navigator { clear: both; height: 28px; margin: 0; padding: 10px 0 0; text-align: justify; color: #696969; }
	.navigator form { margin: 0; padding: 0; text-indent: 0; word-spacing: 0; }
	.navigator a, .navigator a:visited, .navigator a:active { padding: 0 4px; border: 1px solid #7b7b7b; background: #eee; text-decoration: none; color: #000; }
	.navigator a:hover { background: #000; color: #fff; } 
	.navigator b { padding: 0 3px; border: 1px solid #64a70c; background: #7fcf17; color: #fff; } 
	.navigator input {
		width: 30px; height: 15px; margin: 0 2px 0 5px; padding: 3px 0 0 3px; border: 1px solid #7b7b7b; vertical-align: middle;
		font-weight: bold; font-size: 11px;
	}
	.navigator img { margin-left: 5px; padding-top: 0; vertical-align: middle; }
	/* normal */
	.navigator span.no_link { color: #a4a4a4; }
	.navigator span.jump_to { padding-left: 10px; font-weight: bold; color: #000; }
	/* extended */
	.navigator a#jump_img_extended_navigator { padding: 0; background: none; border: 0; }
	
	/* delete item */
	.delete_item { padding: 0 0 0 20px; background: url("../img/icons/delete-item.gif") no-repeat 0 0; }
	
/* clearfix */
/**/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
/* .clearfix { display: inline-block; } */
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.clear { clear: both; }
/**/

/* form messages */
.error { display: block; clear: both; text-align: center; font-weight: bold; font-size: 12px; color: #d53030; }
.error a { color: #d53030; }
.success { display: block; clear: both; text-align: center; font-weight: bold; font-size: 12px; color: #3eb523; }
.success a { color: #3eb523; }
.warning { display: block; clear: both; text-align: center; font-weight: bold; font-size: 12px; color: #dd8a31; }
.warning a { color: #dd8a31; }