/* AUSTRALIAN CATERERS Style Sheet created by 2Creative */

* {	margin: 0;	padding: 0; }
body { color: #666;	font: 80%/1.4em Arial, Helvetica, sans-serif; background: #FFF url(images/bg-strip.jpg) repeat-x left top; }	
h1, h2, h3, h4, h5, h6 { color: #203677; }
h1 { font-size: 140%; font-weight: normal; margin-bottom: 20px;	}
h2 { font-size: 120%; font-weight: normal; margin-bottom: 15px; }
h3, h4 { font-size: 120%; margin-bottom: 15px; }
h5, h6 { font-size: 100%; margin-bottom: 10px; }
p { padding-bottom: 15px; }
img { border: none; }	
a {	color: #666; text-decoration: underline; }
a:hover { text-decoration: none; }
ul, ol { padding-left: 20px; margin-bottom: 15px; }
li { margin-bottom: 2px; list-style: square; }

#wrapper { width: 1000px; margin: 0 auto; }
	#menu { height: 36px; }		
		.menu-btn { display: block; height: 36px; float: left; text-align: center; padding-top: 5px; }
		.menu-btn a { color: #203677; text-decoration: none; font-size: 13px; 
			font-weight: bold;}
		.menu-btn a:hover { color: #0463BC; text-decoration: none; } 
		#menu-home { width: 87px; background: url(images/btn-home.jpg) no-repeat left top;  }
		#menu-about { width: 228px; background: url(images/btn-about.jpg) no-repeat left top; }
		#menu-listing { width: 160px; background: url(images/btn-add-business.jpg) no-repeat left top; }
		#menu-tips { width: 169px; background: url(images/btn-recipe-tips.jpg) no-repeat left top; }
		#menu-advertise { width: 158px; background: url(images/btn-advertising.jpg) no-repeat left top; }
		#menu-contact { width: 119px; background: url(images/btn-contact.jpg) no-repeat left top; }
		#menu-login { width: 79px; background: url(images/btn-login.jpg) no-repeat left top; }		
		
	#header { height: 341px; background: url(images/header.jpg) no-repeat left top; margin-bottom: 33px; }
		#intro { float: left; width: 240px; margin: 112px 85px 0 287px;  }
			#intro h3 { font-size: 22px; line-height: 1.2em; color: #CCC; } 
			#intro p { font-size: 14px; color: #999; padding-bottom: 5px; } 
		#search { float: left; width: 256px; margin: 115px 0 0 0; }
			 
	#content { }
		#left-content { float: left; width: 200px; margin-right: 30px; 
			background: url(images/title-categories.jpg) no-repeat left top; margin-top: 2px; }	
			#categories { border-bottom: 2px solid #EBEBEB;}
			#left-content ul { margin-bottom: 20px; padding-top: 60px; padding-left: 0; }
			#left-content ul ul { padding-top: 0px; }
				#left-content ul a { text-decoration: none; }
				#left-content ul a:hover { text-decoration: underline; }
				#left-content ul li { list-style: none; }
				#left-content ul li { color: #203677; }
				#left-content ul li ul { padding-top: 5px; }
				#left-content ul li ul li { list-style: none;  }
				#left-content ul ul li a { color: #666; background: url(images/arrow.jpg) no-repeat left center; 
					padding-left: 20px; } 	
						
			#friends { margin-top: 20px; margin-bottom: 30px; }	
				#friends h3 { margin-bottom: 10px; }
				#friends img { margin: 0 0 1px 0; padding: 0 1px 0 0; }
				 
				  
		#main-content { float: left; width: 540px; margin-right: 30px; }
			#main-pic { margin-bottom: 26px; }
			.heading-box { height: 46px; margin-bottom: 20px; 
					background: url(images/title-featured-business.jpg) no-repeat left top; }		
				#heading-box-event { margin-bottom: 0px; background: url(images/title-event-recipe-tips.jpg) no-repeat left top; }
				#heading-box-about { background: url(images/title-about.jpg) no-repeat left top; }
				#heading-box-event-tips { background: url(images/title-event-recipe-tips.jpg) no-repeat left top; }
				#heading-box-advertise { background: url(images/title-advertise.jpg) no-repeat left top; }
				#heading-box-contact { background: url(images/title-contact-us.jpg) no-repeat left top; }
				#heading-box-search { background: url(images/title-search-results.jpg) no-repeat left top; }
				#heading-box-business { background: url(images/title-add-business.jpg) no-repeat left top; }
				#heading-box-login { background: url(images/title-login.jpg) no-repeat left top; }
				#heading-box-logout { background: url(images/title-logout.jpg) no-repeat left top; }
				#heading-box-member { background: url(images/title-members-area.jpg) no-repeat left top; }
				#heading-box-pwd { background: url(images/title-password-recovery.jpg) no-repeat left top; }
				#heading-box-quote { background: url(images/title-catering-quote.jpg) no-repeat left top; }
				#heading-box-category { background: url(images/title-categories.jpg) no-repeat left top; }
				#heading-box-friends { background: url(images/title-be-our-friend.jpg) no-repeat left top; }
				
			#listing-box { }	
				.featured-listing { padding-bottom: 15px; border-bottom: 2px solid #EBEBEB; margin-bottom: 20px; }	
				.featured-listing h4 { font-size: 140%; margin-bottom: 15px; line-height: 1em; color: #203677; }
				.featured-listing h4 a { color: #203677; }
					.featured-listing-text, .featured-listing-desc { float: left; width: 385px; }					 				
					.featured-listing-text a { text-decoration: none; }
					.featured-listing-text a:hover { text-decoration: underline; }
						.listing-title { float: left; width: 80px; color: #000; font-size: 12px; font-weight: bold; padding-bottom: 3px; }
						.listing-value { float: right; width: 290px; font-size: 12px; font-weight: bold; padding-bottom: 3px; }						
					.featured-listing-image, .featured-listing-more { float: right; width: 135px; }				
					.featured-listing-more p { padding-top: 10px; padding-bottom: 0px;  }
					.featured-listing-image img { margin-bottom: 10px; }
					
				.standard-listing { padding-bottom: 10px; border-bottom: 1px solid #EBEBEB; }
				.standard-listing h4 { font-size: 120%; margin-top: 10px; margin-bottom: 7px; color: #203677; }
				.standard-listing p { padding-bottom: 0; }
				.standard-listing h4 a { color: #203677; }
				.standard-listing h4 a { text-decoration: none; }
				.standard-listing h4 a:hover { text-decoration: underline; }
					.std-listing-title { float: left; width: 80px; font-size: 12px; font-weight: bold; padding-bottom: 3px; }
					.std-listing-value { float: right; width: 450px; font-size: 12px; font-weight: bold; padding-bottom: 3px; }	
			
			#tip-box { margin-top: 20px; margin-bottom: 20px; }
				.tip-summary { margin-bottom: 25px; }
					.tip-summary-image { float: left; width: 80px; }
					.tip-summary-text { float: right; width: 440px; }
					.tip-summary-text h4 { font-size: 140%; line-height: 1em; color: #203677; }
					.tip-summary-text a { color: #FF0000; text-decoration: none; }
					.tip-summary-text h4 a { color: #203677; }
					.tip-summary-text a:hover { text-decoration: underline; }
			
			#details h4 { font-size: 140%; line-height: 1em; color: #203677; }
			
			#tip-details h4 { font-size: 140%; line-height: 1em; color: #203677; }
				#tip-details-text { float: left; width: 385px; }
				#tip-details-image { float: right; width: 135px; }
				#tip-details-image img { margin-bottom: 10px; } 			
					 
		#right-content { float: left; width: 200px; }
			#catering-quote { margin-bottom: 10px; }
			.advert { height: 240px; margin-bottom: 10px; }
			
		
		#member-menu { margin-bottom: 30px; }
		#member-menu h4  { margin-bottom: 0; }
		#member-menu h4 a { color: #203677; }			
		
	#footer { height: 67px; background: url(images/footer.jpg) no-repeat left top; }
		#footer p { font-size: 11px; padding: 43px 0 0; text-align: center; }
		#footer a { color: #666; text-decoration: none; }
		#footer a:hover { color: #333; }
		
		
/************************ MISC ********************/	
.clearFloat { clear: both; line-height: 0; height: 0; }
.warning { color: #CC0000; font-weight: bold; padding-bottom: 10px; }
.notice { font-size: 85%; font-style: italic; }
.heading, .invisible { display: none; }
.textBlue, .textBlueBold { color: #203677; }
.textGreen, .textGreenBold { color: #056703; }
.textLightBlue, .textLightBlueBold { color: #0463BC; }
.textRed, .textRedBold { color: #FF0000; }
.textBlack, .textBlackBold { color: #000; }
.textGrey, .textGreyBold { color: #666; }
.textBlueBold, .textGreenBold, .textLightBlueBold, .textBlackBold, .textGreyBold { font-weight: bold; }
.catHeading { margin-bottom: 25px; font-weight: normal; color: #666; font-size: 140%; }
.floatedLeftImage { float: left; width: 200px; margin-right: 10px; margin-bottom: 10px; }

.pagination { margin-top: 20px; margin-bottom: 30px; }
.pagination ul { margin: 0; padding: 0; text-align: center; font-size: 12px; }
.pagination li { list-style-type: none; display: inline; padding-bottom: 1px; margin-right: 2px; }
.pagination a, .pagination a:visited { padding: 5px 8px; border: 1px solid #203677; text-decoration: none; color: #203677; }
.pagination a:hover, .pagination a:active{ border: 1px solid #203677; color: #000; background-color: #203677; }
.pagination a.currentpage { background-color: #FFF; color: #203677 !important; border-color: #203677; font-weight: bold;
cursor: default; }
.pagination a.disablelink, .pagination a.disablelink:hover { background-color: white; cursor: default; color: #203677; border-color: #203677; font-weight: normal !important; }
.pagination a.prevnext { }

.long-pagination { padding: 3px; margin: 20px 3px 30px; }
.long-pagination a { padding: 5px 8px; margin: 2px; border: 1px solid #203677; text-decoration: none; color: #203677; }
.long-pagination a:hover, .long-pagination a:active { border: 1px solid #203677; color: #000; }
.long-pagination span.current { padding: 5px 8px; margin: 2px; border: 1px solid #203677; font-weight: bold; background-color: #203677;		color: #FFF; }
.long-pagination span.disabled { padding: 5px 8px; margin: 2px; border: 1px solid #EEE; color: #DDD; }


/************************* FORM **********************/
input, textarea { font: 12px/1.4em Arial, Helvetica, sans-serif; 
	margin-bottom: 5px;	border: 1px solid #333;	padding: 2px; width: 160px;	color: #333; }
	
#formSearch { }
#formSearch input, #formSearch select {	display: block; width: 248px; padding: 3px; border: 1px solid #000; margin-bottom: 15px; }
#formSearch select { width: 255px; }
#formSearch #searchButton { width: 256px; height: 48px; background: url(images/search-btn.jpg) no-repeat left top; 
	border: none; cursor: pointer; }

#formContact {}
#formContact br { clear: left; }
#formContact label, #formContact input, #formContact select, #formContact textarea {
	display: block;	width: 300px; float: left; margin-bottom: 10px; border: 1px solid #333;	font-size: 100%; padding: 2px; }
#formContact input, #formContact select, #formContact textarea { border: 1px solid #333; }
#formContact label { text-align: left; width: 150px; padding-right: 5px; border: none; }
#formContact p { padding-top: 10px;	padding-bottom: 5px; }
#formContact br { clear: left; }
#formContact .sendButton, .yesButton,  .noButton { 
	cursor: pointer; color: #FFF; font-weight: bold; font-size: 14px; border: none; float: left; display: block;
	margin-top: 10px; background: #203677; width: 120px; }
.yesButton, .noButton { width: 50px; }
.noButton { margin-left: 10px; }
#formContact .tinyInput { width: 20px; }
#formContact .dateInput { width: 80px; margin-right: 10px; }
#formContact .smallInput { width: 100px; }
#formContact .mediumInput { width: 200px; }
#formContact .mediumLabel { width: 230px; }
#formContact .wideLabel { width: 260px; }
#formContact .extrWideLabel { width: 400px; }
#formContact input.hidden { display: none; }
#formContact .checkBox { width: 15px; height: 15px; margin: 0 5px 0 0; border: 1px solid #01223C; }
#formContact .checkboxLabel { margin-right: 20px; width: 120px; display: block; }
#formContact .checkboxWideLabel { margin-right: 20px; width: 200px; display: block; }
.calendar { margin-top: -8px; margin-right: 10px; }

a.listingButtonPrm, a.listingButtonStd { cursor: pointer; color: #FFF; font-weight: bold; font-size: 14px; border: none; display: block;
	margin-top: 10px; background: #203677; width: 240px; line-height: 2em; text-align: center; text-decoration: none; }	
a.listingButtonStd { color: #FFF; background: #999; }	
a.listingButtonPrm:hover, a.listingButtonStd:hover  { text-decoration: none; color: #CCC; }

/************************* TABLE **********************/
#listTable { width: 100%; font-size: 12px; }
td { padding: 2px; vertical-align: top; }
th { background: #0463BC; color: #FFF; padding: 2px; }
td.details { padding: 5px; }