/*----------------------------------------*/
/*      masterplan catering sdn bhd       */
/*    -  fueled by homogenic 25.10 -      */
/*----------------------------------------*/


/* --------------------------------------- */
/* GLOBAL ATTRIBUTES 
/* --------------------------------------- */
html, body {
	margin: 0;
	padding: 0;
}

body#index {
	text-align: center;
	background: #cd0300 url(../images/bg.jpg) repeat-x top;
	font: 9pt Arial, Lucida Grande, Helvetica, Verdana, sans-serif;
	color: #000;
}

body#newindex {
	text-align: center;
	background: #cd0300 url(../images/bg.jpg) repeat-x top;
	font: 9pt Arial, Lucida Grande, Helvetica, Verdana, sans-serif;
	color: #000;
}

a, img { border: 0; }

.space {
	clear: both;
	padding-bottom: 25px;
	margin-bottom: -11px;
}

blockquote {
	padding: 3px 40px;
}

/* --------------------------------------- */
/*  Links   
/* --------------------------------------- */
a:link {
	color: #D70A00;
	text-decoration: none;
	padding: 0px;

}

a:hover {
	color: #000;
	text-decoration: underline;
	padding: 0px;
}


a:visited {
	color: #F43900;                               
	text-decoration: none;
	padding: 0px;
}


a:active {
	color: #D70A00;
	text-decoration: none;
	padding: 0px;
}

/* --------------------------------------- */
/* Splash Page */
/* --------------------------------------- */

#index #container {
	margin: 0 auto;
	width: 800px;
	background: url(../images/bg_container.jpg) no-repeat top;
	}

#newindex #container {
	margin: 0 auto;
	width: 1010px;
	background-color: #fff;
}

	
/* ------------------ */
/* Index page- Boxes  */
/* ------------------ */	
	
#index_contact {
	margin: 0 auto;
	width: 100px;
	background: url(../images/index_contact_bg.jpg) no-repeat top;
}
#index_register {
	margin: 0 auto;
	width: 100px;
	background: url(../images/index_reg_bg.jpg) no-repeat top;
}
#index_find {
	margin: 0 auto;
	width: 100px;
	background: url(../images/index_mag_bg.jpg) no-repeat top;
}

/* --------------------------------------- */
/*  SLASH BANNER AREA - Top Links + Banner   
/* --------------------------------------- */
#splash {
	margin-top: -5px;
	margin-left: 10px;}

	html>body #splash {margin: -5px 0 0 0;}
	* html #splash {margin: -5px 0 -2px 0; }
	
	#splash #number { 
		width: 600px; 
		margin: 0 auto; position:absolute;
		top: 50px; left: 400px;}
		
	#newindex #splash #number { top: 36px; }
		
		html>body #number	{ right: 10px;}

/* --------------------------------------- */
/* Tabs - Value Package & Catering Service */
/* --------------------------------------- */
#tabs {
	float: left;
	margin-left: -73px;
	margin-top: -195px;
	width: 34px;
	clear: right;
}

#tabs ul li {
	float: left;
	list-style: none;
	display: block;
}

#tabs a, #tabs a:link, #tabs a:visited, #tabs a:active, #tabs a:hover {border:0;}


/* --------------------------------------- */
/*  INDEX - Top Links + Banner   
/* --------------------------------------- */
	
#index #header {
	text-align: left;
	padding: 0;
	margin: 0px auto;
	height: 58px;
	background: url(../images/i_header.jpg) no-repeat;
}

#newindex #header {
	text-align: left;
	padding: 0;
	margin: 0px auto;
	height: 45px;
	background: url(../images/headerpatt_bg.jpg) no-repeat bottom; }
	

#newindex #header h1, #index #header h1 { display: none; }

#newindex #header #halal {
	float: right;
	padding: 3px 0 0 20px;
	font-size: 10px;
	color: #000;}
	
#index #header #halal {
	float: right;
	padding: 6px 30px 0 0;
	font-size: 10px;
	color: #000;}
	
	#header #halal img { vertical-align: middle;}
	

/* --------------------------------------- */
/* Navbar - Common Links */
/* --------------------------------------- */

#general-navbar {
	font-weight: bold;
	color: #fff;
	height: 22px;
	clear: both;
	padding: 10px 0 0px 0; 
	margin/**/:/**/ 3px auto;
	background: url(../images/navi_base.jpg) repeat-x;}
	
	#index #general-navbar {width:743px;}	
	* html #newindex #general-navbar {padding: 10px 0 0 0; margin: 2px 0 0 -40px; height: 28px;}
	* html #index #general-navbar #nav { width: 740px; margin: 2px -3px 0 0; }
	
	
#general-navbar a, #general-navbar a:link {
	text-decoration:none;
	color:#fff;
	font-weight: bold; }

#general-navbar a:hover {border: 0; color:#000;}

#general-navbar a:visited, a:active {border: 0; text-decoration: none;}

	#general-navbar #nav { width: 743px; margin: 0 auto; z-index: 2; }
	
/* --------------------------------------- */
/*  Drop Down Menu for Navbar  */
/* --------------------------------------- */

ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.navfirst {
	list-style: none;
	padding: 9px 0 5px 0;
	margin-top: -10px;
	float: left;
	text-decoration:none;
	color:#fff;
	height: 20px;
	font-size: 11px;
	letter-spacing: -1px;
	text-transform: uppercase;
	border-right: 1px solid #fff; }
	
		
.navlast {
	list-style: none;
	padding: 9px 0 5px 0;
	margin-top: -10px;
	float: left;
	text-decoration:none;
	color:#fff;
	height: 20px;
	font-size: 11px;
	letter-spacing: -1px;
	text-transform: uppercase;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff; }
	
	* html #index .navlast {border: 0; border-right: 1px solid #fff; }

#nav li li a:link {color: #fff; text-decoration: none;}
#nav li li a:hover {color: #000; text-decoration: none;}

li {
	float: left;
	position: relative;
	width: 13.4em;
	text-align: center;
}

li ul {
	list-style: none;
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	font-weight: normal;
	padding: 7px 0 0 0;
	border-bottom: solid 1px #000;
}

*html li ul { padding:2px 0 0 0; }

li>ul {
	top: auto;
	left: auto;
}

li li {
	display: block;
	float: none;
	background-color: #f7600d;
	border-bottom: 1px solid #fff;
	font-size: 10px;
	letter-spacing: 0px;
	width: 14.7em;
	padding: 9px 5px 6px 5px;	
	}

html>body li li {
	width: 14em;
	padding: 9px 4px 6px 4px;	
}

li:hover ul, li.over ul {
	display: block;
	list-style: none;
}

/* -------------------------------- */
/* Index - Mid: Services + Packages */
/* -------------------------------- */
#mid {
	padding: 0px;
	margin: 0px;
	background-color: #FFF;
}



/* ---------------- */
/* Index - Services */
/* ---------------- */
#services {
	margin: 0 auto;
	display: inline;
	height: 340px;
}

#services a { text-decoration: none; border: 0; }
#services a:link, #services-left a:hover {text-decoration: none; border: 0;}
#services a:hover { no-repeat top left;}	

#services p.title { 
	text-align: left;
	margin: 0 0 -5px 0;
	font-size: 15px; 
	font-weight: bold;
	letter-spacing: -1px; 
	line-height: 18px; 
	color: #333; }

	#services p {
		padding: 5px 10px 10px 10px;
		height: 75px; }	

		*html #services p {height: 85px;}
		
	*html #services { margin: 0; }
	.small {font-weight: bold; }

	
	#services-001 {
		padding: 0;
		margin: 0 0 0 2px;
		float: left;
		display: block;
		width: 245px;
		height: 350px;
		background: url(../images/service_ec_bg.jpg) repeat-x bottom left;
	}
	#services-002 {
		padding: 0;
		margin: 0 0 0 1px;		
		float: left;
		display: block;
		width: 245px;
		height: 350px;		
		background: url(../images/service_vp_bg.jpg) repeat-x bottom left;		
	}
	#services-003 {
		padding: 0;
		margin: 0 0 0 1px;		
		float: left;
		display: block;
		width: 245px;
		height: 350px;		
		background: url(../images/service_ep_bg.jpg) repeat-x bottom left;		
	}

	*html #services-001, *html #services-002, *html #services-003 {margin: 0;}

/* ---------------- */
/* Index - Services */
/* ---------------- 
#services {
	background-color: #fff;
	margin: 3px 0 3px -7px;
	padding: 0px;}
	
	*html #services { margin: 0; }
	.small {font-weight: bold; }
		
#services-left {
	height: 340px;	
	margin: 0 1px 0 3px;
	float: left;
	width: 368px;}

	#services-left a { text-decoration: none; border: 0; }
	#services-left a:link, #services-left a:hover {text-decoration: none; border: 0;}
	#services-left a:hover { no-repeat top left;}	
	
	#services-text-left, #services-text-right {
		margin-top: -6px;
		padding: 8px 15px 15px 15px;
		color: #000;
		font-family: Lucida Grande, Arial, sans-serif; }
		
		#services-text-left {	background: url(../images/service_ec_bg.jpg) repeat-x top left;	padding-bottom: 10px; }	
		#services-text-right {	background: url(../images/service_vp_bg.jpg) repeat-x top left;	}	

	
#services-right {
	height: 340px;	
	float: right;
	width: 365px;
	margin: 0 3px 0 1px;
	background: url(../images/service_vp_bg.jpg) repeat-x top left;
	margin-top /**/:/**/ 0px; }
	
/*	
	#services-text-right p.title, #services-text-left p.title { padding-top:15px; font-size: 16px; letter-spacing: -1px; line-height: 19px; font-family: Lucida Grande, Arial, sans-serif; color: #333; font-weight: bold;}	
	
	#services-right a { text-decoration: none; border: 0; }
	#services-right a:link, #services-right a:hover {text-decoration: none; border: 0;}
	#services-right a:hover {no-repeat top left;}	
	
html>body #services-right {margin-top: 0px;}	*/

/* ----------------- */
/*  Index - Packages */
/* ----------------- */
#packages {
	font-size: 9px;
	margin: 0 auto;
	padding: 0; }
	
	*html #packages {margin-left: 138px; }
	
	#packages h3.package {font-family: Lucida Grande, Arial, Helvetica, sans-serif; font-size: 17px; padding: 5px 0 0 0; border: 0px; letter-spacing: -1px; font-weight: bold;}
	
	#packages-promotions {
		border-top: 1px solid #a03537;
		background-color: #F6F1F1;
		padding: 20px 10px;
		margin: 0;
		width: 350px;
		height: 350px;
		float: left;}
		
		* html #packages-promotions {width:367px;}
	
	
	#packages-vpdeals {
		border-top: 1px solid #a03537;
		background-color: #F6F1F1;
		padding: 20px 10px;
		margin: 0 0 0 1px;
		width: 350px;
		height: 350px;
		float:left;}
	
		* html #packages-vpdeals {width:363px;}
		
	#packages img {padding: 3px; border: 1px solid #330; }
	
	#packages-list {text-align: left; padding-top: 15px;}
	#packages-list li {padding-bottom: 5px; list-style-type: none;}

	#packages-list a, #packages-list a:link, #packages-list a:hover, #packages-list a:visited {border:0px;}	
	#packages-list a:hover {color:#000;}
	
/* services button - value packages */	
#value-button {	margin: 0; padding: 0; border: 0; color: #fff;}	

	#value-button a {
		display: block;
		width: 223px;
		height: 52px;
		background: url(../images/button-VP.gif) top left no-repeat;
		padding: 0;
		margin: 0;
		text-decoration: none; }	
	
	#value-button a:hover { 
		background-position: 0 -52px; }	
	
/* services button - events catering */	
#events-button { margin: 0; padding: 0; border: 0; color: #fff;}	

	#events-button a {
		display: block;
		width: 223px;
		height: 52px;
		background: url(../images/button-EC.gif) top left no-repeat;
		padding: 0;
		margin: 0;
		text-decoration: none; }	
	
	#events-button a:hover { 
		background-position: 0 -52px; }	

/* services button - events catering */	
#set-button { margin: 0; padding: 0; border: 0; color: #fff;}	

	#set-button a {
		display: block;
		width: 223px;
		height: 52px;
		background: url(../images/button-SP.gif) top left no-repeat;
		padding: 0;
		margin: 0;
		text-decoration: none; }	
	
	#set-button a:hover { 
		background-position: 0 -52px; }	

		
/* take-a-tour buttons */	
#tour-button {margin: 0; padding: 5px 0 0 0; border: 0; color: #fff;}

	#tour-button a {
		border:0px;
		display: block;
		width: 160px;
		height: 22px;
		background: url(../images/button_tour.gif) top left no-repeat;
		padding: 0;
		margin: 0;
		text-decoration: none; }	
			
	#tour-button a:hover { 
		border:0px;
		background-position: 0 -22px; }

		
.services-buttons {
	
}
		
/* -------------- */
/*  Index - Boxes */
/* -------------- */
#index-col-right {
	float: right;
	width: 134px;
	clear:both;}
	
#index-col-left {
	font-size: 10px;
	float: left;
	width: 134px;}
	
	#index-col-right h2, #index-col-left h2 {color: #000;}
	#index-col-right p, #index-col-left p {margin: 0; padding: 0; }

	#index-col-left img {border:0;}
	
#login-box, #register-box { text-align: left; padding: 9px; font-size: 10px; line-height: 14px; background: #fff url(../images/index_reg_bg.jpg) no-repeat top left;}
#search-box, #find-box { text-align: left; padding: 9px; font-size: 10px; line-height: 14px; background: #fff url(../images/index_mag_bg.jpg) no-repeat top left; }
#contact-box { text-align: left; padding: 9px; font-size: 10px; line-height: 14px; background: #fff url(../images/index_contact_bg.jpg) no-repeat top left;}


/* --------------------------------------- */
/* Services Links - Value + Events */
/* --------------------------------------- */
#services-navbar {
	width: 743px;
	height: 114px;
	margin: 3px auto; }


.services-left a { 
	float: left;
	width: 372px;
	height: 114px;
	text-decoration: none; border: 0; }
	
	.services-left a:link, .services-left a:hover {text-decoration: none; border: 0;}

	.services-left a:hover { no-repeat top left;}
		
.services-right a { 
	float: right;
	width: 370px;
	height: 114px;	
	margin-top /**/:/**/ 0px;
	text-decoration: none; border: 0; border-left: 1px solid #fff; }
	
	.services-right a:link, .services-right a:hover {text-decoration: none; border: 0;}

	.services-right a:hover {no-repeat top left;}	
	
html>body .services-right {
	margin-top: 0px;
}		

/* image magnifier */

#image { position:relative; padding: 0 20px 0 0; }

#image a.magnify, #menu a.magnify:visited {
    display:block;
    text-decoration:none;
    top:0; left:0; border:0;}
#image a.magnify:hover { text-decoration:none; }

#image a img.thumbnail { border:0; width: 80px; border: 6px solid #e2e2e2; }
#image a img.large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#image a.magnify:hover img.large {
    z-index: 50;
    display:block;
    position:absolute;
    width:180px;
    height: auto;
    border: 6px solid #e2e2e2; }

		
/* --------------------------------------- */
/*  CONTENT
/* --------------------------------------- */
#index #content {
	margin: 0 auto;
	margin-bottom: -10px;
	padding-top: 0px;
	width: 730px;
	text-align: justify;
	line-height: 16px;
	background-color: #FFF; }
 
#newindex #content {
	clear: both;
	height: auto;
	margin: 0 auto;
	text-align: justify;
	background-color: #FFF; }
	
	* html #newindex #content {margin-top: 2px;}
	
	#bgpage { background: url(../images/bg_page.jpg) repeat-y top; }
	
#text {padding: 0px 25px 15px 25px;}


#content h1 {
	color:#d91000;
	font: 28px Georgia, Times New Roman, serif;
	font-weight: normal;
	letter-spacing: -1px;
	text-align: left;
}

#content h2 {
	color:#333;
	font: 16px Georgia, Times New Roman, serif;
	font-weight: normal;
	padding: 0px 0 8px 0; }


#content h3 {
	color:#d91000;
	font: 22px Georgia, Times New Roman, serif;
	border-bottom: #d91000 1px solid;
	font-weight: normal;
	letter-spacing: -1px;
	margin: 10px 0 5px 0;
	padding: 0px 0 4px 0; }
	
	* html #content h3 {margin: -5px 0 5px 0;}
	
#content h4 {
	color:#333;
	font: 14px Georgia, Times New Roman, serif;
	font-weight: normal;
	padding: 5px 0 8px 0; }	
	
#content h5 {
	color:#d91000;
	text-transform: uppercase;
	font: 14px Georgia, Times New Roman, serif;
	border-bottom: #d91000 2px solid;
	font-weight: normal;
	letter-spacing: 1px;
	margin: 1px 0 10px 0;
	padding: 0px 0 4px 0; }
	
#content h6 {
	color:#000;
	font-size: 12px;
	font-weight: bold;
	background-color: #ffe5bc;
	line-height: 17px;
	margin: 0px 30px 25px 30px;
	padding: 15px 25px; }

	
#content p {
	line-height: 16px;
	font-size: 12px; }

#content input { font-size: 9px; width: 90px;}

#instructions p {padding-left: 20px; font-size: 12px; line-height: 10px; font-weight: bold;}
#instructions p.sub, p.sub {padding-left: 40px; line-height: 6px; font-weight: normal;}
#instructions p.top {float: right; clear: left; font-size: 10px; margin-top: -15px;}


/* --------------------------------------- */
/*  CONTENT
/* --------------------------------------- */
#index #leftcol .col {float: right; width:76%; min-width:570px;}
#index .col {float: left; width:21.33%; min-width:160px; }

#rightcol .colr {float: left; width:550px; border-right: 1px solid #ccc; padding-right: 5px;}
.colr {float: right; width:170px; margin-right /**/:/**/8px;}
html>body .colr {margin-right: 15px;}


#form_events {
	padding: 15px;
	margin: 0 10px 0 5px;
	background-color: #f7f7f7;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	clear: all;
}

#form_events form {
	font-size: 12px;
	font-weight: bold;
	line-height: 26px;
}

#form_events input, #form_events option, #form_events select {
	font-size: 11px;	
	margin: 6px 2px 1px 2px;
}

#form_events input.price { float: right; margin-top: 10px; font-size: 12px; padding: 2px 10px; }


/* --------------------------------------- */
/*  FOOTER
/* --------------------------------------- */
    
#index #footer {
	margin /**/: 0 auto;
	padding: 0px;
	height: 130px;
	color: #000;
	font-size: 8pt;
	font-weight: normal;
	width: 800px;
	background: url(../images/footer_bg.jpg) no-repeat; }

#newindex #footer {
	padding: 0;
	width: 100%;
	margin: 0px auto;
	height: 120px;
	color: #000;
	font-size: 8pt;
	background: url(../images/footer_bg2.jpg) no-repeat center; }

html>body #footer {margin-top: 0px;}
* html #newindex #footer {margin: -6px 0 0 -1px;}

#newindex #footer #text {
	color: #000;
	width: 743px;
	margin: 0 auto; }
	
	* html #newindex #footer #text {width: 780px;}

#footer p.copy {
	color: #000;
	float: left;
	clear: both;
	font-size: 9px;
	text-align: left;
	margin-top: 5px;
	padding: 0px 0 30px 20px; }
	
	* html #footer p.copy {width: 80%;}
	
#footer p.footer-links {
	float: left;
	clear: both;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: -0.01em;
	text-align: left;
	margin-top: 10px;
	padding: 15px 0 0px 20px; }

#footer a, #footer a:link, #footer a:visited {margin: 0; padding: 0; color: #000;}
#footer a:hover {margin: 0; padding: 0; color:#fff; text-decoration: underline;}

#footer .halal {text-align: right; padding: 23px 20px 0 0;}



/* --------------------------------------- */
/*  NEW ELEMENTS FOR SET PACKAGES TABLES
/* --------------------------------------- */


.table-price { font-size: 120%; text-align: right; line-height: 10px; font-weight: bold; }
.table-choose { text-align: right;  }
.table-description { padding: 0 10px; line-height: 18px;  }

tr.set-pack-desc td { border-bottom: 1px solid #CCC; padding:10px 0 10px 10px; }

table .choose a:hover, table .choose a:link, table .choose a:visited {border: 0;}
table { border: 0; border-collapse: collapse; }
table h2 { padding: 10px 0 0 0;}

table tr td { vertical-align: top; text-align: left; }

.product table h3 {margin: 0; padding: 0;}