/* MY WEDDING HOUR Style Sheet created by 2Creative */

* {	margin: 0;	padding: 0; }
body { color: #4D4C4E; font: 80%/1.4em Georgia, "Times New Roman", Times, serif; background: #FFF url(images/bg-tile.jpg) repeat-x left top; }	
h1, h2, h3, h4 { color: #734F30; }
h1 { font-size: 140%; font-weight: normal; margin-bottom: 20px;	}
h2 { font-size: 120%; font-weight: normal; margin-bottom: 15px; }
h3 { font-size: 16px; margin-bottom: 15px; font-style: italic; }
h4, h5, h6 { font-size: 14px; margin-bottom: 15px; }
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; }
ul li { margin-bottom: 2px; list-style: square; }
ol li { margin-bottom: 2px; }

#wrapper { width: 1000px; margin: 0 auto; }
	#logo { height: 180px; }
	#top-header { height: 40px; background: url(images/nav-bg.jpg) no-repeat left top; }
		#menu { float: left; width: 720px;  color: #734F30; font-size: 12px; font-style: italic; }
			#menu ul { margin: 0 0 0 15px; padding: 6px 0 0; list-style: none; }
			#menu li { display: inline; }
			#menu a { padding: 0 10px; text-decoration: none; font-size: 12px; font-weight: bold; 
				font-style: italic; color: #734F30;	}
			#menu a:hover { color: #4D4C4E; }
		#quick-search { float: right; width: 270px; }
		
	#header { height: 220px; }
	#search { height: 180px; background: url(images/search-bg.jpg) no-repeat left top; }
		#search h3 { font-size: 28px; font-style: normal; font-weight: normal; 
			color: #4D4C4E; padding-top: 45px; padding-left: 40px; margin-bottom: 0; }		
		
	#main-banner { height: 100px; }
			 
	#content { margin-top: 10px; margin-bottom: 10px; }
		#left-content { float: left; width: 210px; margin-right: 10px; 
			background: #FFF url(images/categories-bg.jpg) no-repeat left top; }
			#left-content h3 { font-size: 16px; margin-top: 10px; margin-bottom: 15px; padding-left: 20px; font-style: italic; }
			#left-content ul { margin-top: 30px; padding-left: 20px; }		
			#left-content a { color: #734F30; text-decoration: none; }
			#left-content a:hover { text-decoration: underline; }
			#left-content li { list-style: none; font-size: 14px; padding-bottom: 10px; font-style: italic; }
					
		#main-content-home, #main-content { float: left; width: 560px; margin-right: 10px; }
		#main-content { background: #FFF; min-height: 600px; }
			#main-content-inside { padding: 10px 20px; } 	
			.category-box, .category-box-right { float: left; width: 180px; margin-right: 10px; margin-bottom: 10px; }
			.category-box-right { margin-right: 0; }
			.category-left { float: left; width: 240px; } 
			.category-right { float: right; width: 240px; }
			.category-left h4, .category-right h4 { margin-bottom: 10px; }
			
			.platinum-listing, .gold-listing, .silver-listing { margin-bottom: 10px; padding: 10px; background: #FFCCCC; }
			.gold-listing { background: #FFEAEA; }
			.silver-listing { background: #FFF4F4; }			
				.listing-heading { padding: 3px 0; }
					.listing-title { float: left; width: 250px; }
						.listing-title h4 { margin: 0; padding: 0; color: #DF00DF; }
						.listing-title h4 a { color: #DF00DF; text-decoration: none; } 
						.listing-title h4 a:hover { text-decoration: underline; } 
					.listing-area { float: right; width: 250px; text-align: right; }
						.area-text { font-size: 11px; font-weight: bold; padding-bottom: 0; }
				.listing-boby { padding-top: 10px;  }
					.listing-image { float: left; width: 100px; }
					.listing-text { float: right; width: 390px; }
						.listing-text h5 { font-size: 12px; margin-bottom: 10px; line-height: 1em;  } 
						.listing-text p { padding-bottom: 10px; } 
						.listing-text a { color: #734F30; }
							.details-links { font-size: 12px; padding-bottom: 0; }				
							.details-links a { color: #734F30; }  
			
			.bronze-listing { padding: 5px 10px; }
				.bronze-listing-heading { padding: 3px 0; }
					.bronze-listing-title { float: left; width: 250px; }
						.bronze-listing-title h4 { margin: 0; padding: 0; color: #734F30; }
						.bronze-listing-title h4 a { color: #734F30; text-decoration: none; } 
						.bronze-listing-title h4 a:hover { text-decoration: underline; } 
					.bronze-listing-area { float: right; width: 250px; text-align: right; }
						.bronze-area-text { font-size: 11px; font-weight: bold; padding-bottom: 0; }
				.bronze-listing-boby {}
					.bronze-listing-boby h5 { font-size: 12px; margin-bottom: 5px; line-height: 1em;  } 
					.bronze-listing-boby p { padding-bottom: 5px; } 
					.bronze-listing-boby a { color: #734F30; }
						.bronze-details-links { font-size: 12px; padding-bottom: 0; }
			
			.detail-title { float: left; width: 80px; padding-bottom: 3px; }
			.detail-value { float: right; width: 310px; padding-bottom: 3px; color: #000; }	
			.detail-value-free { float: right; width: 420px; padding-bottom: 3px; color: #000; }	
			
			.gallery { margin-bottom: 20px; }
				.gallery-image, .gallery-image-last { float: left; width: 100px; margin-right: 12px; margin-bottom: 12px; }
				.gallery-image-last { margin-right: 0; }
			
						
			
		#right-content { float: left; width: 210px; }
			#adverts img { margin-bottom: 10px; }
			#enews { background: url(images/e-news-title-bg.jpg) no-repeat left top; }
			#enews h3 { font-size: 16px; padding-top: 10px; margin-bottom: 15px; padding-left: 20px; font-style: italic; }
		
	#footer { height: 40px; 
		background: url(images/footer.jpg) no-repeat left top; font: 95%/1.4em Arial, Helvetica, sans-serif; }
		#footer p { font-size: 11px; padding-top: 13px; padding-bottom: 0; text-align: center; }
		#footer a { color: #4D4C4E; text-decoration: none; }
		#footer a:hover { color: #666; }
		
		
/************************ 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; }
.calnotice { font-size: 85%; font-style: italic; color: #734F30; padding-bottom: 15px; }
.heading, .invisible { display: none; }
.textBrown, .textBrownBold { color: #734F30; }
.textBlack, .textBlackBold { color: #000; }
.textGrey, .textGreyBold { color: #4D4C4E; }
.textPink, .textPinkBold { color: #EC00BD; }
.textBrownBold, .textBlackBold, .textGreyBold, .textPinkBold { font-weight: bold; }
.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 #734F30; text-decoration: none; color: #734F30; }
.pagination a:hover, .pagination a:active{ border: 1px solid #734F30; color: #FFF; background-color: #734F30; }
.pagination a.currentpage { background-color: #FFF; color: #734F30 !important; border-color: #734F30; font-weight: bold;
cursor: default; }
.pagination a.disablelink, .pagination a.disablelink:hover { background-color: white; cursor: default; color: #734F30; border-color: #734F30; font-weight: normal !important; }
.pagination a.prevnext { }

a.listingButton { cursor: pointer; color: #FFF; font-weight: bold; font-size: 14px; border: none; display: block;
	background: #734F30; width: 240px; line-height: 2em; text-align: center; text-decoration: none; margin-bottom: 30px; }	
a.listingButton:hover { text-decoration: none; color: #CCC; }


/************************* FORM **********************/
input, textarea { font: 12px/1.4em Arial, Helvetica, sans-serif; 
	margin-bottom: 5px;	border: 1px solid #333;	padding: 2px; width: 160px;	color: #333; }
	
#formSignup { padding-top: 10px; padding-left: 20px; }
#formSignup input { width: 170px; padding: 2px; border: 1px solid #000; margin-bottom: 7px; }
#formSignup #signupButton { width: 80px; height: 19px;cursor: pointer; border: none; padding-left: 95px;}
	
#formQuickSearch { padding-top: 5px; }
#formQuickSearch label { float: left; width: 60px; font: 14px/1.4em Georgia, "Times New Roman", Times, serif; font-style: italic; }
#formQuickSearch input { float: left; width: 150px; border: 1px solid #000; margin-bottom: 0; margin-right: 5px; }
#formQuickSearch #searchButton { width: 23px; height: 18px; border: none; cursor: pointer; }

#formSearch { margin-top: 30px; }
#formSearch label { color: #734F30; }
#formSearch input {	float: left; display: block; width: 100px; padding: 2px; border: 1px solid #000; margin-bottom: 0; }
#formSearch select { display: block; width: 170px; padding: 2px; border: 1px solid #000; }
#formSearch .selectTime { width: 110px; }
#formSearch #findButton { width: 60px; height: 23px; background: url(images/find-btn.jpg) no-repeat left top; 
	border: none; cursor: pointer; }
	
.step-number { float: left; width: 170px; padding-left: 37px; } 
	#step-one { margin-left: 35px; padding-left: 37px; background: url(images/number-one.jpg) no-repeat left bottom; }
	#step-two { width: 140px; background: url(images/number-two.jpg) no-repeat left bottom; }
	#step-three { width: 190px; background: url(images/number-three.jpg) no-repeat left bottom; }
	#step-four { width: 180px; background: url(images/number-four.jpg) no-repeat left bottom; }
	#step-five { width: 60px; padding-top: 17px; padding-left: 42px; }

#calendar { position: relative; width: 28px; left: 182px; top: -32px; }
#add-business-button { position: relative; width: 395px; height: 48px; text-align: center; padding-top: 12px; 		
	background: url(images/add-business-button.jpg) no-repeat left top; top: -145px; margin-left: 595px; }
	/*
#add-business-button { position: relative; width: 395px; height: 48px; text-align: center; padding-top: 12px; 		
	background: url(images/add-business-button.jpg) no-repeat left top; top: -148px; margin-left: 595px; }
	*/
#add-business-button a { font-size: 16px; font-style: italic; font-weight: bold; color: #734F30; 
	text-decoration: none;  }
#add-business-button a:hover { color: #4D4C4E; }		
		
#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 { 
	font: 14px/1.4em Georgia, "Times New Roman", Times, serif; 
	cursor: pointer; color: #FFF; font-weight: bold; border: none; float: left; display: block;
	margin-top: 10px; background: #734F30; width: 120px; }
.yesButton, .noButton { width: 50px; }
.noButton { margin-left: 10px; }
#formContact .tinyInput { width: 20px; }
#formContact .dateInput { width: 90px; }
#formContact .timeInput { width: 100px; margin-top: -30px; margin-left: 45px; }
#formContact .calLabel { width: 160px; }
#formContact .smallInput { width: 120px; }
#formContact .mediumInput { width: 200px; }
#formContact .mediumLabel { width: 230px; }
#formContact .wideLabel { width: 300px; }
#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: 400px; display: block; }
.calendar { margin-top: -8px; margin-right: 10px; }

#formMark { margin-top: 20px; }
#formMark .btnMark { font: 12px/1.4em Georgia, "Times New Roman", Times, serif; 
	cursor: pointer; color: #FFF; font-weight: bold; border: none; display: block; margin-bottom: 20px; background: #734F30; width: 200px; }

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

.calTable { width: 100%; font-size: 11px; }
.calTable td { padding: 2px; vertical-align: top; }
.calTable th { background: #734F30; color: #FFF; padding: 2px; }
.selectYear { width: 60px; }
.selectMonth { width: 100px; }
tr.topdays { background-color: #734F30; font-size: 11px; color : #FFF; 
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif; }
.toprightnumber { font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 10px; font-weight: bold; }
.eventinbox { font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #734F30; }
.eventinbox a { color: #734F30; } 
.currentdate { font-size: 16px; font-weight: bold; }
td.beforedayboxes { background-color: #ffffff; color: #000000; }
td.dayboxes { background-color: #ffffff; color: #000000; }
td.afterdayboxes { background-color: #ffffff; color: #000000; }
td.highlighteddayboxes { background-color: #EFEFEF; color: #000000; }
.event { font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; }
.eventdetail { font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 11px; }
.eventwhen { font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 15px; font-weight: bold; }
.addevent { font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; }
.addeventextrainfo { font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 10px; }
.alldaybooked { font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #EC00BD; }