* { margin: 0; }
html, body{ margin:0; padding:0; height:100%; font-size:14px; font-family:arial, Helvetica; line-height:20px; background:url(../img/back_body_tile.png) repeat top left; color:#FFF; }

a:link, a:visited, a:hover, a:active{ text-decoration:underline; color:#ff9b05; }

h1,h2,h3,h4{ font-weight:bold; margin:7px 0 7px 0; }
h1{ font-size:28px; font-family:Georgia; line-height:28px; }
h2{ font-size:22px; font-family:Georgia; }
h3{ font-size:18px; font-family:Georgia; }
h3{ font-size:16px;}
h3.bright{ background:#FFF0CC; }

p.small{ font-size:12px; color:#d6c5a9; }

label{ float:left; display:block; width:150px; text-align:left; margin:0 10px 0 0; padding:0; font-weight:bold; font-size:14px; } 

label.large{}

label.small{ float:none; display:block; width:250px; padding:0; text-align:left; font-weight:bold; }

input,textarea{ font-family:arial rounded MT Bold, arial, Helvetica; }

.input_text{ font-family:arial rounded MT Bold, arial, Helvetica; color:#222; background:white; border:1px solid #CCC; font-size:18px; padding:2px; -moz-border-radius:5px; -webkit-border-radius:5px; }

input[type='text'],input.text,input[type='password'],input.password, .input_text{ color:#222; background:white; border:1px solid #CCC; font-size:18px; padding:2px; width:193px; height:24px; -moz-border-radius:5px; }

input[type='checkbox'],input.checkbox { width:auto; border:none; vertical-align:baseline; }
.input_large{  }

.button_large{ background:url(../img/back_greenbutton.gif) repeat-x top left; padding:5px 20px 5px 20px; text-transform:capitalize; font-size:22px; color:#FFF; border:1px #2e6024 solid; -moz-border-radius:5px; -webkit-border-radius:5px; }

#global_message{ width:100%; text-align:center; background:#ffd5af; color:#af1d1f;; padding:5px 0 5px 0; border-bottom:2px solid #af1d1f; font-weight:bold; }

#background{ background:url(../img/fudhabackground.png) no-repeat top left; margin:0; padding:0; width:100%; height:100%; }

#page_container{ position:relative; width:100%; min-height:100%; height:auto !important; height:100%; margin: 0 auto -3em; padding:0 0 50px 0; }

#page{ width:880px; margin:0 auto 0 auto; padding:0; }


#header{ position:relative; width:880px; padding:0; margin:0 auto 0 auto; }
	#header h1{ font-size:72px; color:#FFF; margin:0 0 20px 0; display:inline; float:left; }
	#header h1 a:link,#header h1 a:active,#header h1 a:hover,#header h1 a:visited{ color:#FFF; margin:0; padding:0; text-decoration:none; }

#location{ position:relative; float:left; text-align:right; padding:15px 0 0 20px; color:#FFF; font-weight:bold; text-transform:lowercase; font-family:Arial, Helvetica, sans-serif; }
	#location h2{ position:relative; font-size:2.7em; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;  }

#top_nav{ position:relative; float:right; width:400px; margin:0 135px 0 0; padding:0 0 3px 0; border-right:1px dashed #d6c5a9; border-bottom:1px dashed #d6c5a9; border-left:1px dashed #d6c5a9; }
	#top_nav ul{ position:relative; margin:0; padding:0; list-style-type:none;z-index:3000; }
	#top_nav ul li{ position:relative; float:right; display:inline; }
	#top_nav ul li a{ position:relative; display:inline; color:#ffb317; font-weight:normal; text-decoration:none; padding:5px 15px 5px 15px; }
	#top_nav ul li a:visited{ }
	#top_nav ul li a:hover{ color:#FFF; }

#user_balance{ position:absolute; top:0; right:0; background:url(../img/back_corner.png) no-repeat; width:100px; height:100px; text-align:center; padding:10px 0 20px 20px; font-size:12px; color:#00d700; }
	#user_balance h1{ display:inline; font-size:38px; color:#00d700; margin:0 auto 7px auto; width:100px; text-align:center; }

#content_container{ position:relative; width:880px; float:left; background:none; }

#pre_content{ position:relative; float:right; width:640px; }
#pre_content2{ position:relative; width:640px; margin:0 auto 0 auto; }

#content{ position:relative; float:right; width:640px; background:#FFF; color:#222; margin:0; padding:20px;  border:2px #ffb317 solid; -moz-border-radius:10px; -webkit-border-radius:10px; /* other borders -- border: 3px dashed #ffb317; */ }

.coupon_wrapper{ position:relative; }
.coupon_left{ position:relative; float:left; text-align:left; margin:0 5px 0 0; width:330px; font-family:arial rounded MT Bold, arial, Helvetica;}
.coupon_terms{ float:left; margin:0; width:150px; overflow:hidden; white-space:nowrap; font-size:12px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; letter-spacing:-.05em; }	
.coupon_right{ position:relative; float:left; text-align:left; margin:0 5px 0 0; width:300px; font-family:arial rounded MT Bold, arial, Helvetica; }
.coupon_address{ float:left; margin:0 5px 0 0; width:140px; overflow:hidden; white-space:nowrap; font-size:11px; letter-spacing:-.01em; line-height:1.3em; }	
.coupon_corner{ position:relative; float:left; width:150px; height:195px; padding:0; text-align:center; color:#222; margin:0; font-size:58px; font-weight:bold; }
.coupon_corner_value{ position:absolute; width:150px; top:65px; left:0; padding:0; text-align:center; color:#222; margin:0; font-size:58px; font-weight:bold; }

.map_square{ position:relative; }
.map_square_logo{ position:absolute; bottom:0; right:0; }

#menu_wrapper{ position:relative; width:100%; background:#ffb317 url(../img/back_menu.gif) top left repeat-x; }

#menu{ position:relative; float:left; width:880px; text-align:left; margin:0 auto 10px auto; padding:0; color:#444; background:#ffb317 url(../img/back_menu.gif) top left repeat-x; }

	#menu ul{ position:relative; margin:0; padding:0; list-style-type:none; width:880px; z-index:3000; }
	#menu ul li{ position:relative; float:left; display:inline; width:auto; }
	#menu ul li a{ position:relative; float:left; display:inline; color:#FFF; font-size:14px; font-weight:normal; text-decoration:none; padding:5px 25px 5px 25px; }
	#menu ul li a:visited{ }
	#menu ul li a:hover, #menu ul li.selected{ color:#444; background:#d6c5a9; }

#menu .subfolderstyle{ z-index:3000; }

/* Holly Hack for IE \*/
* html #menu ul li { float:left; height:1%; }
* html #menu ul li a { height:1%; }
/* End */

#menu2{ position:relative; width:880px; text-align:left; margin:0 auto 0 auto; padding:0; }

	#menu2 ul{ position:relative; margin:0; padding:0; list-style-type:none; width:880px; z-index:3000; clear:both; }
	#menu2 ul li{ position:relative; float:left; display:inline; width:auto; }
	#menu2 ul li a{ position:relative; float:left; display:inline; color:#FFF; font-size:14px; font-weight:normal; text-decoration:none; padding:5px 25px 5px 25px; }
	#menu2 ul li a:visited{ }
	#menu2 ul li a:hover, #menu2 ul li.selected{ color:#444; background:#d6c5a9; }

#menu2 .subfolderstyle{ z-index:3000; }

	
/* Holly Hack for IE \*/
* html #menu2 ul li { float:left; height:1%; }
* html #menu2 ul li a { height:1%; }
/* End */

#sidebar{ position:relative; float:right; width:180px; background:none; padding:0; margin-left:10px; }

.sidebar{ position:relative; width:140px; background:#FFF; color:#222; padding:20px; margin:0 0 10px 0; border:2px #ffb317 solid; -moz-border-radius:10px; -webkit-border-radius:10px;/* other borders -- border: 3px dashed #ffb317; */ }
	.sidebar h3{ color:#ffb317; font-size:11px; font-weight:bold; font-family:arial rounded MT Bold, arial, Helvetica; }

#navbar{ position:relative; float:right; width:160px; background:#FFF; color:#222; padding:10px; margin-right:10px; border:2px #ffb317 solid; -moz-border-radius:10px; -webkit-border-radius:10px;/* other borders -- border: 3px dashed #ffb317; */ }
	#navbar ul{ position:relative; margin:10px 0 0 0; padding:0; list-style-type:none;  }
	#navbar ul li{ position:relative; display:block; }		
	#navbar ul li a{ position:relative; font-weight:normal; text-decoration:none; padding:1px 15px 1px 15px; }
	#navbar ul li a:visited{ }
	#navbar ul li a:hover{ color:#222; }

#footer_container, #push{ height: 3em; }

#footer_container{ position:absolute; bottom:0; left:0; width:100%; background:#d6c5a9; color:#222;}
#footer{ position:relative; width:860px; margin:0 auto 0 auto; padding:0 10px 0 10px; color:#222; font-size:12px;  }

	#footer ul{ position:relative; margin:10px 0 0 0; padding:0; list-style-type:none; width:550px; }
	#footer ul li{ position:relative; float:left; display:inline; }		
	#footer ul li a{ position:relative; float:left; display:inline; color:#222; font-weight:normal; text-decoration:none; padding:1px 15px 1px 15px; }
	#footer ul li a:visited{ }
	#footer ul li a:hover{ color:#FFF; }

#work_area{ position:absolute; left:60%; top:20%; margin-top:-100px; margin-left:-450px; background:#FFF; border:3px #CCC solid; padding:20px; z-index:9000; }

#loading_area{ position:absolute; left:50%; top:20%; background:#FFF; border:3px #CCC solid; padding:50px; z-index:8700; }

.c1{ float:left; width:200px; padding:50px 0 0 0; }

.c2{ float:left; width:450px; padding:0px 45px 45px 45px }

.c3{ width:780px; text-align:center; }

.c4{ position:relative; float:left; text-align:left; margin:0 5px 0 0; }

.c5{ position:relative; float:left; text-align:left; margin:0 5px 0 0; border:solid 1px #FFE08C; background:#FFF0CC; -moz-border-radius:5px; -webkit-border-radius:5px; padding:5px; }

.c6a{ position:relative; float:left; font-size:11px; text-align:left; margin:0; background:#FBFBFB; padding:5px; }
.c6b{ position:relative; float:left; font-size:11px; text-align:left; margin:0; background:#F0F0F0; padding:5px; }

.paging{ float:right; text-align:right; }

.content_nav{ position:relative; display:block; width:640px; }

.corner_nav{ position:relative float:right; font-size:11px; color:#888; }

.countdown{ position:relative; float:left; text-align:left; margin:0 5px 0 0; background:#ffb317; color:#222; border:1px #444 solid; padding:10px 20px 10px 20px; -moz-border-radius:5px; -webkit-border-radius:5px; }
	.countdown h3{ color:#222; font-size:26px; height:50px; margin:0; padding:25px 0 0 0; }
	.countdown h4{ color:#222; font-size:13px; font-weight:normal; }

.food_image{ border:2px #ffb317 solid; }

.page_break{ display:none; }

.extension{ font-family:arial rounded MT Bold, arial, Helvetica; }
.extension_border{ width:100%; overflow:hidden; white-space:nowrap; font-weight:bold; font-size:24px; color:#444; }

.hint{ font-size:12px; font-style:italic; }

.popup{ color:#444; }

.error{ font-weight:bold; color:#ffb317; }

.clear{ clear:both; }

.inactive{ color:#888; }
.counter{ border:1px #CCC solid; padding:5px 20px 5px 20px; float:right; font-size:24px; font-weight:bold; color:#ae0000; -moz-border-radius:10px; -webkit-border-radius:10px; }

.status_good{ background:#dfffdf; border:1px #00d700 solid; padding:5px 10px 5px 10px; font-weight:bold; color:#00d700; margin:10px 0 10px 0; -moz-border-radius:10px; }

.status_bad{ background:#ffd1bb; border:1px #e17100 solid; padding:5px 10px 5px 10px; font-weight:bold; color:#e17100; margin:10px 0 10px 0; -moz-border-radius:10px; }

